@font-face{font-family:Lora-Bold;
  src: url(../fonts/lora/Lora-Bold.ttf); }

@font-face{font-family:Roboto-Bold;
  src: url(../fonts/roboto/Roboto-Bold.ttf); }

@font-face{font-family:Roboto-Regular;
  src: url(../fonts/roboto/Roboto-Regular.ttf); }

@font-face{font-family:Roboto-Light;
  src: url(../fonts/roboto/Roboto-Light.ttf); }

  @font-face{font-family:GardenC;
    src: url(../fonts/GardensC.otf); }
     
            
     #breadcrumbTitleAdvocate{ margin-top:57px;}
    #breadcrumbTitleAdvocate h2{ font-size:120%; letter-spacing: 2px;   text-align:center;  color:#546C94;
                                padding-left:2%; position:relative; z-index:1; padding-bottom:20px;
                              font-family: Roboto-Regular;  text-transform: uppercase;   font-weight:normal;}

    #breadcrumbTitleAdvocate h2:after{ content:""; position:absolute; left:42%;
                                     bottom:0; width:20%; border-bottom:1px solid rgba(84,108,148, .5);}


#advocatesSection{ padding-top:12px; z-index:400;}
#advocatesRow{  width:85%; margin:0 auto;}
#advocatesRowColumn{ padding-top:13px;  margin-bottom:15px; margin-left:5%;
                      box-shadow:0 4px 6px 0 rgba(0,0,0, 0.04), 0 6px 10px 0 rgba(0,0,0, 0.19);
                      z-index:400; display:block;}

#advocatesSociaIconDiv{  padding:3px; margin-top:5px; }
#advocatesSociaIconDiv i{ background-color: white; padding:3px 5px; border:dotted 1px #D1B000;
                           color:#D1B000; border-bottom-style: solid;}

#advocatesSociaIconDiv i:hover{ background-color: #016299; padding:3px 5px; 
                                 color:white; border-bottom-style: solid; 
                                }

#advocateNameMain{  margin-bottom:20px; padding-top: 20px; }
#advocateNameMain h3{ font-family: GardenC; font-size: 130%;  margin-top:0px; }

.advocatesProfileBtn{ border:solid 2px white; font-size: 85%; font-family: Roboto-Regular;
                      color:white; background-color: rgba(55, 74, 182,.8);    
                        border-radius: 20px; padding:1px 15px;        }

.advocatesProfileBtn:hover{  background-color: #546C94;  }











#advocatesDivPopup{  z-index:9999 !important;
    position:absolute;
    left:0;
    top:0px; display: none;
    width:100%; height:2000px;
    background-color:rgba(0,0,0, 0.9);
    text-align:center !important;
    box-shadow:0px 11px 9px -5px rgba(0,0,0,0.2) }

    #advocatesDivPopup #advocatesPopupClosePara{ padding:20px 15px; text-align:right; padding-right:6%;}
    #advocatesPopupClose{ font-size:30px;  color:red; 
      padding:5px 6px; z-index:90999;
      background-color:rgba(0,0,0, 0.7); position:fixed;
                          right:40px; 
                          top:30px;
                          font-weight:boxld;}
    #advocatesPopupClose:hover{   cursor:pointer; background-color:rgba(255,0,0, .5);}

    #advocatesRowColumnPopup{ padding-top:15px;  margin:0 auto;
              margin-top:60px; width:70%; padding-bottom:20px;
        box-shadow:0 4px 8px 0 rgba(0,0,0, 0.2), 0 6px 20px 0 rgba(0,0,0, 0.19);
        z-index:400; background-color: rgb(255, 255, 255); 
      border-top:solid 5px #546C94; 
      border-radius:10px;
       border-top-left-radius:0px;
       border-top-right-radius:0px;
      
       position:fixed;
       left:0%;
       right:0%;
       top:40px;
      }

        #advocatesRowColumnPopup img{ height:200px; width:210px; border-radius:50%;}
        #advocatesSociaIconDivPopup{  margin:0 auto; margin-top:5px; width:50%;border-radius:3px; border-left:solid 0px #546C94; border-right:solid 0px #546C94; background-color: rgba(100,100,100, .3);}
        #advocatesSociaIconDivPopup h4{ color:#546C94; padding:5px;}
        #advocatesPopupProfilePara{ font-size:120%; padding:10px; }

        #advocatesSociaIconDivPopup { width:70%; margin-top:15px;  }




       

.serviceDivPopupCC{  z-index:9999 !important;
  position:absolute; 
  left:0;
  top:0px; display: none;
  width:100%; height:6000px;
  background-color:rgba(0,0,0, 0.9);
  text-align:center !important;
  box-shadow:0px 11px 9px -5px rgba(0,0,0,0.2) }

  .serviceDivPopupCC .servicePopupCloseParaCC{ padding:20px 15px; text-align:right; padding-right:6%;}
  .servicePopupCloseCC{ font-size:30px;  color:red; 
    padding:5px 6px; z-index:90999;
    background-color:rgba(0,0,0, 0.7); position:fixed;
                        right:40px; 
                        top:30px;
                        font-weight:boxld;}
  .servicePopupCloseCC:hover{   cursor:pointer; background-color:rgba(255,0,0, .5);}

  .serviceRowColumnPopupCC{ padding-top:45px;  margin:0 auto;
            margin-top:60px; width:70%; padding-bottom:50px;
      box-shadow:0 4px 8px 0 rgba(0,0,0, 0.2), 0 6px 20px 0 rgba(0,0,0, 0.19);
      z-index:400; background-color: rgb(255, 255, 255); 
    border-top:solid 5px #546C94; 
    border-radius:10px;
     border-top-left-radius:0px;
     border-top-right-radius:0px;
     
     position:absolute;
     left:0%;
     right:0%;
     top:40px;
    }

    .serviceRowColumnPopupCC h4{ width:95%; font-family: GardenC; font-size: 160%; text-align: justify;
                                      color: rgb(55, 74, 182); padding-left: 10%;}
    .serviceRowColumnPopupCC p{ width:95%; font-family: roboto; font-size: 130%; text-align: justify;
                                       padding-left: 10%; line-height: 27px;}

     
    
    .serviceRowColumnPopupCC ol { width:95%; font-family: roboto; font-size: 130%; text-align: justify;
                                       padding-left: 12%; line-height: 27px; padding-top: 10px;}
    .serviceRowColumnPopupCC li { padding-top: 10px; }

     
    
      .servicePopupProfileParaCC{ font-size:120%; padding:10px; }





        
@media only screen and (min-width: 991px) and (max-width: 1280px) {

  .serviceRowColumnPopupCC{ width:90%;  }
  #advocatesRowColumnPopup{ width:90%;  }
  #advocatesSociaIconDivPopup { width:80%; margin-top:15px;  }
  

}




@media only screen and (min-width: 767px) and (max-width: 991px) {
 
 #breadcrumbTitleAdvocate h2{ line-height: 30px; font-size:40%;}
 #section_title_mainParagBackground, #section_title_belowParag{ line-height: 30px; font-size:40%;}
#advocatesvSection{ width:100%; margin:0px; padding:0px; background-color: ;}
#advovcatesRow{ width:100%; margin:0px; padding:0px; display: flexbox; background-color: ;}
#advovcatesRowColumn{ width:30px; background-color: rgb(65, 225, 105);}



.serviceRowColumnPopupCC{width:95%; }
#advocatesRowColumnPopup{width:95%; }
#advocatesSociaIconDivPopup { width:80%; margin-top:15px;  }


}








@media only screen and (max-width: 767px) {

 
  
  .serviceRowColumnPopupCC{ width:85%; position:absolute;}
#advocatesRowColumnPopup{ width:85%; position:absolute;}

#advocatesSociaIconDivPopup { width:95%; margin-top:15px;  }

}

@media only screen and (max-width: 576px) {

 
  
  .serviceRowColumnPopupCC{
      width:95%;
      position:absolute;
      left:2%;
      top:40px;
      }

#advocatesRowColumnPopup{
      width:95%;
      position:absolute;
      left:2%;
      top:40px;
      }

}