@-webkit-keyframes fadeIn {
    
  from  { opacity: 0;  }

  to { opacity: 1; }
}

@-moz-keyframes fadeIn {
    
  from  { opacity: 0;  }

  to { opacity: 1; }
}

@-ms-keyframes fadeIn {
    
  from  { opacity: 0;  }

  to { opacity: 1; }
}

@-webkit-keyframes move-up {
    
  from  { top: 0;  }

  to { top: 20; }
}

@-moz-keyframes move-up {
    
  from  { top: 0;  }

  to { top: 20; }
}

@-ms-keyframes move-up {
    
  from  { top: 0;  }

  to { top: 20; }
}


@-webkit-keyframes move-left {
    
  from  { top: 0;opacity: 0;  }

  to { top: 20;opacity: 1; }
}

@-moz-keyframes move-left {
    
  from  { top: 0; opacity: 0; }

  to { top: 20;opacity: 1; }
}

@-ms-keyframes move-left {
    
  from  { top: 0; opacity: 0; }

  to { top: 20;opacity: 1; }
}

@-webkit-keyframes move-left {
    
  from  { margin-right: -10px;opacity: 0;  }

  to { margin-right: 0;opacity: 1; }
}

@-moz-keyframes move-left {
    
  from  { margin-right: -10px; opacity: 0; }

  to { margin-right: 0;opacity: 1; }
}

@-ms-keyframes move-left {
    
  from  { margin-right: -10px; opacity: 0; }

  to { margin-right: 0;opacity: 1; }
}



@-webkit-keyframes move-right {
    
  from  { margin-left: -220px;opacity: 0;  }

  to { margin-left: 0;opacity: 1; }
}

@-moz-keyframes move-right {
    
  from  { margin-left: -220px; opacity: 0; }

  to { margin-left: 0;opacity: 1; }
}

@-ms-keyframes move-right {
    
  from  { margin-left: -220px; opacity: 0; }

  to { margin-left: 0;opacity: 1; }
}


@-webkit-keyframes move-right-c {
    
  from  { left: 0px;opacity: 1;  }

  to { left: -220px;opacity: 0; }
}

@-moz-keyframes move-right-c {
    
  from  { left: 0px; opacity: 1; }

  to { left: -220px;opacity: 0; }
}

@-ms-keyframes move-right-c {
    
  from  { left: 0px; opacity: 1; }

  to { left: -220px;opacity: 0; }
}


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

.clr                        { clear: both; }
*                           { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
select                      { padding:8px 5px; color: #6b6b6b; width:100%; border: 1px solid #e0e0e0; border-radius:3px; outline:none;}
input[type="text"],input[type="password"]{ padding:8px 5px; color: #6b6b6b; width:100%; border: 1px solid #e0e0e0; border-radius:3px; outline:none;}

/**********Scroll Bar*************/

::-webkit-scrollbar         { width:8px; height:8px;}
::-webkit-scrollbar-track   {/*-webkit-box-shadow:inset 0 0 6px #fdfdfd; border-radius:8px;*/ background:#f4f4f4;}
::-webkit-scrollbar-thumb   {/*-webkit-box-shadow:inset 0 0 6px #a3a2a2;border-radius:8px;*/ background:#DFDDDD;}
::-webkit-scrollbar-thumb:hover{background:#5f5f5f;}
::-webkit-scrollbar-button:start{background:#f4f4f4; }
::-webkit-scrollbar-button:end{background:#f4f4f4;  }
.scrollbar                  { height:100%; overflow:auto;-webkit-overflow-scrolling:touch;}

#topheader                  { height: 68px;position: fixed; z-index:1000;width: 100%; background: #fff; display: flex; -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,.15); box-shadow: 0 2px 2px 0 rgba(0,0,0,.15);}
#topheader .header-left     { position: relative; display:inline-block;}
.header-left .brandlogo     { cursor:pointer;}
.header-left .brandlogo img { margin: 8px 0px 8px 10px;height: 53px; background:#fff; border-radius:10px; padding:5px;}
.menu-respns-div            { display:none;}

#header-right               { flex-grow: 2;}
.header-top-menu            { position: relative; float:right;}
.header-top-menu ul         { margin: 19px 17px 19px 17px;}
.header-top-menu ul li      { position: relative; display:inline-block; margin: 0px;}
.header-top-menu ul li a    { text-decoration: none; display:block;}
.header-top-menu ul li a.parent-txt{ position: relative;cursor: pointer;color:#03abd4; padding:6px 12px 6px 12px;}
.header-top-menu ul li a.parent-txt.arrow { padding-right: 25px;}
.header-top-menu ul li:hover a.parent-txt { background: #03abd4; color: #fff;  border-radius: 3px;}
.header-top-menu ul li a.select{ position: relative; border-radius: 3px; color: #fff; background: #03abd4;}
.header-top-menu ul li a.select i.caret  { position: absolute; top: 8px; right: 4px; height: 100%; border-radius: 0 3px 3px 0; cursor: pointer; font-size: 16px;}



.header-top-menu ul li a.parent-icon       { height: 30px;width: 30px;display: block;position: relative;border-radius: 50%;cursor: pointer;text-decoration:none;}
.header-top-menu ul li:hover a.parent-icon {}
.header-top-menu ul li a .avtar            { font-size: 25px;padding: 0px; overflow:hidden; height: 30px;width: 30px;display: block;position: relative;border-radius: 50%;}
.header-top-menu ul li a .avtar img        { height:30px; width:30px;}
.header-top-menu ul li a.parent-icon .su-caret-down { position: absolute;top: 7px;right: -12px;font-size: 12px;} 
.header-top-menu ul li a.su-bell-two       { font-size: 19px;padding:4px 0px 0px 5px;}
.header-top-menu ul li a.su-list           { font-size: 19px;padding:4px 0px 0px 5px;}
.header-top-menu ul li a i.n-count         { position: absolute; top:-16px; right:-6px; width:19px; height:17px;  border-radius:5px 5px 5px 0px; text-align:center; font-style:inherit; line-height:17px;}
.header-listicon a.su-list{}
.header-top-menu ul li a.su-settings-streamline-1 { font-size: 19px;padding:5px 0px 0px 5px;}
.header-top-menu ul li a.su-user           { font-size: 20px;padding:4px 2px 2px 5px;}
.header-top-menu ul li .popover-div        {position: absolute;top: 20px;right: -24px;display: none;z-index: 1111;}
.header-top-menu ul li:hover .popover-div  { display: block;padding-top:23px; padding-left:100px; padding-right:25px; -webkit-animation: fadeIn .3s linear 1, move-up .3s linear 1;-moz-animation: fadeIn .3s linear 1, move-up .3s linear 1;
                                             -ms-animation: fadeIn .3s linear 1, move-up .3s linear 1;  }
.popover-div .popover-list                 { background: #fff; border: 1px solid #cacaca; border-bottom: 3px solid #03abd4; -moz-box-shadow: 0 9px 65px -15px #cacaca; -webkit-box-shadow: 0 9px 65px -15px #cacaca; box-shadow: 0 9px 65px -15px #cacaca; 
                                             position: relative; height: auto; border-radius: 0 0 10px 10px; padding:10px;}


.popover-div .popover-list:after, .popover-div .popover-list:before{bottom: 100%; right: 5px; content: ""; height: 0; width: 0; position: absolute; pointer-events: none;}
.popover-div .loginwidth                   { width:300px;}
.popover-div .userinfowidth                { width:300px;}
.popover-div .popover-list:after           { border: 10px solid transparent; border-bottom-color: #fff; margin-right: 0;}
.popover-div .popover-list:before          { border: 11px solid transparent; border-bottom-color: #cacaca; margin-right: -1px;}
.popover-profile                           { color:#333;}

.header-top-menu ul li .popover-list ul.location               { display: block;margin: 0px;padding: 0px;float: left;width: 250px;max-height:300px;overflow: auto;-webkit-overflow-scrolling:touch;padding-top:5px;}
.header-top-menu ul li .popover-list ul.location li            { float: none;display: block;margin: 0px;padding: 5px;color: #333;}
.header-top-menu ul li .popover-list ul.location li:last-child { border-bottom:none;}
.header-top-menu ul li .popover-list ul.location li:hover      { background:#03abd4; color:#ffffff}

.popoverlogin                                                  {}
.popoverlogin table                                            { width:100%;}
.popoverlogin table td                                         { padding:8px; }
.popoverlogin table td h1                                      { padding: 0px;margin: 0px;display: block;text-align: center; }
.popoverlogin ul li h1                                         {}
.popoverlogin table td a                                       { display:block;color:#0F7BAA; font-size:13px;}
.popoverlogin table td span.remem                              { position:relative; display:block;  padding-left:25px;}
.popoverlogin table td span input                              { position:absolute; top:-1px; left:0px; }
.popoverlogin table td span.remem a                            { color:#141414; background:none; width:100%;text-decoration: none;}
.popoverlogin table td span.new-ac                             { display: block;position: relative;padding-left: 170px;}
.popoverlogin table td span label                              { width: 165px;overflow: hidden;position: absolute;top: 1px;left: 0; color:#848484; font-size:13px;}
.popoverlogin table td span.new-ac a                           { color: #0F7BAA;}
.popoverlogin table td a.submit                                { padding: 6px 6px 6px 6px;cursor: pointer;outline: none;text-align: center;}
.popoverlogin table td a.submit:hover                          { background:#01A0BD;}
.errormsg                                                      { text-align:center; color:Red; display:none;}

.header-top-menu ul li .popover-list ul.user-list              { display: block;margin: 0px;padding: 0px;float: left;width: 250px;max-height:500px;overflow: auto; -webkit-overflow-scrolling:touch;}
.header-top-menu ul li .popover-list ul.user-list li           { float: none;display: block;margin: 0px;padding: 0px;color: #333;border-bottom: 1px solid #e4e4e4;}
.header-top-menu ul li .popover-list ul.user-list li a         { display:block; padding:8px 5px; color:#2e5387}
.header-top-menu ul li .popover-list ul.user-list li:hover     { background:#2e5387; color:#ffffff}
.header-top-menu ul li .popover-list ul.user-list li:hover a   { color:#ffffff}


			        

.banner-bg                                  { position:relative;  margin-top: 0px; }
.mainwraper                                 { }
.defaultsearch                              { margin: 0 auto; width: 1000px; padding:110px 40px 40px 40px;}
.defaultserch-indiv                         { padding: 0 204px;}
.search-ico .icon img                       { background-image: url(../img/index7-theme2-sprite.png)!important; background-repeat: no-repeat; }
.search-ico .icon img.img-steth             { background-position: -65px 0; width: 30px; height: 34px }
.search-ico .icon img.img-time              { background-position: -32px 0; width: 33px; height: 35px }
.search-ico .icon img.img-cal               { background-position: -3px 0; width: 30px; height: 31px }
.search-ico                                 { float: left; width: 160px; margin: 0px 5px; text-align: center; }
.search-ico .icon                           { margin: 0 auto; width: 60px; height: 60px; padding:11px 8px; border-radius: 50%; background:#03abd4; margin-bottom: 20px; }
.search-ico .txt                            { font-size:1em; font-style: normal; color: #03abd4; }

.search-wrapper                             { background: #f6f6f6;}
.search-container                           { margin: 0 auto; width: 1000px; padding: 30px 40px 30px 40px;}
.search-control                             { display: flex;}
.doc-wise                                   { position: relative; width:240px; border: 1px solid #cbcbcb; height: 45px; padding: 7px 0px 6px 30px; margin-right:5px;
                                              background: #ffffff; border-radius: 7px; }

.doc-wise i, .loca-wise i                   { position: absolute; left: 7px; font-size: 22px; color: #C0BEBE; z-index: 2; }
.doc-wise i                                 { top: 10px;}
.loca-wise i                                { top: 10px; font-size: 22px;}
.doc-wise input, .loca-wise input           { font-size: 14px; width: 100%; padding: 0px 30px 0px 0px; border: 0px; outline: none; height: 30px; color: #616161; }
.loca-wise                                  { position: relative; flex-grow: 2; padding:8px 0px 8px 33px; height: 45px; background: #ffffff; margin-right: 5px; border-radius:7px; border: 1px solid #cbcbcb;}
.btn-search                                 { position: relative; text-align: center; width:120px; cursor:pointer; font-size: 18px; color: #fff; padding: 10px; height: 45px; border-radius: 0px 10px 0px 10px; background: #03abd4; border: 1px solid #0293B6; border-left: 0; }
.btn-search label                           { cursor:pointer;}



.search-spe, .search-loca                   { margin: 0 auto; width:1000px; padding:25px 40px 25px 40px; }
.search-spe h1, .search-loca h1             { margin:10px 0 0 0; padding: 0px; font-style: normal; font-weight: 400; color: #0A9E9A; font-size: 22px; }
.search-spe-more                            { float: left; width: 100%; padding: 5px 0; text-align: right; }
.search-spe-more span                       { cursor: pointer; font-size: 13px; color: #817a7a; }

.search-content                             { }
.search-content .title                      { text-transform: capitalize; text-align: center; color:#616161; margin: 0px 0 20px 0 ;}
.search-left-menu                           { margin-top:15px; width:100%;   padding-top: 5px;  display: table; margin-bottom:15px; }
.search-left-menu ul li                     { float:left; width:99px; text-align:center; padding:15px 5px 5px 5px; cursor:pointer; color:#464646; border-top: 3px solid transparent; position:relative;}
.search-left-menu ul li span                { overflow: hidden;  text-overflow: ellipsis;  white-space: nowrap; display:block;}                        
.search-left-menu ul li .service-icon       { font-size:25px; display:block; height:45px; width:45px;  border-radius:10px; color:#fff; margin: 0 auto; line-height: 49px; margin-bottom:10px;}
                                       
                                       
.search-left-menu ul li:nth-of-type(1) .service-icon { background:#7ebedf;}    
.search-left-menu ul li:nth-of-type(2) .service-icon { background:#dfc57e;}
.search-left-menu ul li:nth-of-type(3) .service-icon { background:#dfa07e;}
.search-left-menu ul li:nth-of-type(4) .service-icon { background:#df7ecc;}
.search-left-menu ul li:nth-of-type(5) .service-icon { background:#7edfa0;}
.search-left-menu ul li:nth-of-type(6) .service-icon { background:#b49ae8;}
.search-left-menu ul li:nth-of-type(7) .service-icon { background:#ea6b86;}
.search-left-menu ul li:nth-of-type(8) .service-icon { background:#25cdc7;}
.search-left-menu ul li:nth-of-type(9) .service-icon { background:#ae997b;}          

.search-left-menu ul li .srv-title                   { position:absolute; font-size:9px; color: #464646;  white-space: nowrap;}
.search-left-menu ul li .srv-title-0                 { left:0px; top:-33px;}
.search-left-menu ul li .srv-title-1                 { left:-55px; top:-33px;}
.search-left-menu ul li .srv-title-2                 { left:-28px; top:-33px;}
.search-left-menu ul li .srv-title-3                 { left:-54px; top:-33px;}
.search-left-menu ul li .srv-title-4                 { left:-12px; top:-33px;}
.search-left-menu ul li .srv-title-5                 { left:-13px; top:-33px;}
.search-left-menu ul li .srv-title-6                 { left:-22px; top:-33px;}   
.search-left-menu ul li .srv-title-7                 { left:-26px; top:-33px;}
.search-left-menu ul li .srv-title-8                 { right:0px; top:-33px;}                                           
                                     
.search-left-menu ul li.active                       { border-top:3px solid #464646;  position:relative;}
.search-left-menu ul li.active:after                 { height:0px; width:0px; content: ""; border:5px solid transparent; border-top:5px solid #464646; position:absolute; top:0px; left:50%; margin-left:-3px;}





                                                           
.popover-div .setwidth      {width:300px; padding:5px; height:355px; overflow:auto;-webkit-overflow-scrolling:touch;}
.set-menu-list              {width:100%; float:left; margin:0px !important;}
 ul.set-menu-list li        {float:left; width:78px; height:83px;margin:6px !important; cursor:pointer; border-radius:3px;}
.set-Micon                  {width: 60px; height:40px; padding: 2px; margin: 0 auto; text-align: center; vertical-align: middle; position: relative;}
.set-Mhead                  {width:98%; text-align:center; overflow: hidden; text-overflow: ellipsis; padding:0 1%;}
.set-Mhead label            { margin: 0px; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical;-webkit-line-clamp: 2; display: -webkit-box;}
ul.noft-menu-list li:hover  {border-radius:3px;}

/***Header**/
.popover-div .notification-div              {width:300px; padding:10px 10px 40px 10px; max-height:560px; position:relative;}
.notification-div ul                        {margin:0px !important; padding:0px; float:none;}
.notification-div ul li                     {margin:0px !important; padding:0px; width:100%; border-bottom: 1px solid #E6E5E5;}
.notification-div ul li:hover               {background:#f8f7f7;}
.notification-div ul li a                   {text-decoration:none; display:block; padding:8px;}
.notification-div ul li a.msgcount          {background:#f1f1f1; color:#999999;}
.notification-div ul li .avatar             {float: left; margin-top:0px;}
.notification-div ul li .avatar img         {width: 45px; height:45px;}
.notification-div ul li .notification-msg   {clear: right;margin-left: 50px;} 
.notification-msg .name,.notification-msg .message, .notification-msg .time{display: block;padding: 0px;margin: 0px;font-style: normal;font-family: "Roboto";}
.notification-msg .name                     {font-size: 15px;font-weight: 700;}  
.notification-msg .message                  {font-weight: 400;color: #5A5A5A;line-height: 15px;}
.notification-msg .time                     {font-weight: 400;color: #5A5A5A;line-height: 15px; margin-top:5px;}
.notification-msg .time i                   {margin-right: 4px;font-size: 15px; vertical-align:middle;}
 
 
.notification-div .more-notf                {position:absolute; height:30px; bottom:0px; text-align:center; line-height:30px; background:#CBEDFF;right: 10px; left: 10px; cursor:pointer;}
.notification-div .more-notf a              {text-decoration:none; font-size:13px; font-family:Roboto; } 
.notification-div .more-notf a:hover        {color:#fff;} 
.notification-list                          {overflow: auto; -webkit-overflow-scrolling:touch; max-height:520px;} 

.popover-div .popover-list{ position: relative;height:auto; border-radius:0 0 10px 10px;padding-bottom:5px; }


.popover-div .popover-list:after, .popover-div .popover-list:before{bottom: 100%;right: 5px;content: "";height: 0;width: 0;position: absolute;pointer-events: none;}
.popover-div .loginwidth{width:300px;}
.popover-div .userinfowidth{width:300px;}
.popover-div .popover-list:after{margin-right: 0px;}
.popover-div .popover-list:before{margin-right: -1px;}
.popover-profile{color:#333;}


.popover-user{ padding:10px;}
.popover-user-details{ position: relative;padding: 0px 5px 0px 0px;margin: 0 0 0 10px; clear:right; margin-left:70px; float:none;}
.popover-user-details h1,
.popover-user-details h2,
.popover-user-details h3{margin:0px; padding:0px;}
.popover-user-details h1{ margin-bottom:3px;}
.popover-user-details h2{ margin-bottom:3px;}
.popover-user-details h3{}

.popover-user-photo{height: 60px;width: 60px; float: left;text-align: center;border: 0px solid #e4e4e4;border-radius: 50%; overflow:hidden;}
.popover-user-photo img{height:60px; width:60px;}
.user-btns{ text-align:center; padding:20px;}
.user-btns a{display:block;}



                                /*********Services Not Available************/
                                
.no-data-div            { margin-bottom:10px;text-align: center; width:100%;}
.wrong                  {font-size: 60px; color: #FA7D7D;vertical-align: bottom;}
.no-data-div label      { color:#0390b3; font-size:25px; font-weight:400; font-style:normal; cursor:pointer;}




/****************************search popovers*******************************/

.search-popover                                      { background:#fff; border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-top: 1px solid #ccc; border-bottom:3px solid #03abd4; 
                                                       -webkit-box-shadow: 2px 2px 16px -3px #B3B3B3; box-shadow: 2px 2px 16px -3px #B3B3B3;  width:100%; position:absolute; left:-1px; top:43px; z-index:999; border-radius:0 0 10px 10px; display : none; }
                     
.search-popover-scroll                               { height:395px; overflow:auto;}
.search-popover-spty                                 { height:361px; overflow:auto;}
.search-popover-docs                                 { max-height:263px; overflow:auto;}
.search-pop-dls li                                   { padding:5px 45px 5px 5px; background:#fff; display:flex; cursor:pointer; border-bottom: 1px solid #ccc; border-left:3px solid transparent; position:relative;}
.search-pop-dls li:hover                             { border-left:3px solid #03abd4;}   
.search-pop-dls2 li                                  { padding:7px 5px; background:#fff; cursor:pointer; border-bottom: 1px solid #ccc; color: #676565; font-size: 13px; position:relative;}
.search-pop-dls2 li:hover                            { background:#f2f2f2;}
.search-pop-dls2 li i                                { position:absolute; font-size:15px; top:9px; right:10px;}
.search-doc-img                                      { height:30px; width:30px; margin-right:10px; border-radius:50%; float:left; overflow:hidden; text-align:center;border:1px solid #cbcbcb;}
.search-doc-img img                                  { height:30px; width:30px;}
.search-doc-dls                                      { flex:1;}
.search-doc-dls h1                                   { color:#03abd4; font-size:13px;font-weight: 200; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.search-doc-dls span                                 { color:#7E7B7B; font-size:11px;  display:block; margin-top:-2px;}
.search-wise-icon                                    { position:absolute; top:0px; right: 0px; font-size: 16px; height:39px; width:32px; color:#676565; background: #f2f2f2; text-align: center;line-height:44px; border-left:1px solid #ccc;}
                     
.search-wise-icon:before, .search-wise-icon:after    { height:0px; width:0px; border:10px solid transparent; content:"";  position:absolute; pointer-events:none; top:11px; right:32px;}
.search-wise-icon:after                              { border-right:10px solid #f2f2f2; margin-right:-1px;}
.search-wise-icon:before                             { border-right:10px solid #cccccc; margin-right:0px;} 
.search-title                                        { width:100%;background:#DDE6ED; padding:5px; color: #6F6E6E; font-size: 13px; border-bottom: 1px solid #ccc; text-align:center;}




@media (max-width: 900px) 
{   
   #topheader{height: 50px;} 
   .header-left{width:100px;}
   .header-left .brandlogo img{height:35px; margin: 5px; padding:0px;}
   #header-right{display:none;} 
   .defaultsearch{display: none;}
   .search-wrapper{padding-top: 50px;}
   .search-left-menu{display:none;}
   .search-container{width: 100%;margin: 0px; padding:15px 10px;}
   .search-control {display: block; }
   .doc-wise{width: 100%; margin-bottom: 15px;}
   .loca-wise{width: 100%; margin-bottom: 15px;}
   .searchby{display:none;}
   .btn-search{ margin: 0 25%;  width: auto;}
   .search-spe{margin:0px; width:100%; padding:15px 10px;}
   .search-content .title{padding:20px 0; font-size: 18px;}
   .no-data-div label{font-size: 18px;}
   .footer-div{padding:0px !important;}
   .footer-content{width: 100% !important;margin: 0px !important; padding: 15px 10px !important;}
   .f-logo-main ~ div{display:block;}
   .footer-box{ width: 100% !important;  padding: 20px 0 20px 0 !important;  border-width: 0 0 1px 0 !important; border: 1px solid #4cbbd6;}
   .footer-content{margin: 0px; width: 100%; padding: 15px 10px;}
   .header-top-menu{display:none;}
}
.button{border:none; padding:5px 10px; border-radius:3px;}

.text-logo-div{float:left; min-width:150px;  padding: 8px;}
.text-logo{height:50px; width:50px; background:#782285; border-radius:50%; float:left; text-align: center; line-height: 50px; 
           color: #fff; font-size: 35px; font-style: italic; font-family: 'Roboto Medium';}
           
.text-logo-div label{font-size:25px; color:#cbcbcb; font-style:italic;font-family:'Roboto Medium'; 
                     margin-top: 18px; float: left; margin-left: 5px; color:#782285; font-size:20px;}

/****************************footer logo*******************************/
.f-logo-main { text-align: -webkit-center;margin: 0px auto 10px auto;border-radius: 30px;min-width: 200px;display:table; padding: 10px;background: white;}
.f-logo-div{ min-width:150px; }
.f-logo-div label{ font-style:italic;font-family:'Roboto Medium';color:#782285; font-size:20px;}
.f-text-logo {height:50px; width:50px; background:#782285; border-radius:50%;color: #fff; font-size: 35px; font-style: italic; font-family: 'Roboto Medium';    display: inline-block;}
.f-text-logo span { line-height:50px;}