@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); }


















#projectHeaderDiv h2{ color:#016299; font-weight:bold; font-size:155%; letter-spacing: 2px; font-family:GardenC; }
#headerNav{  width:95%; margin-left:7%} 


#logoSpan{  font-family:GardenC; }

#IDdesk3{ background-image:url(../img/desk3.jpg); }
#mainHeading{ font-weight:bold; margin-bottom:15px; font-size:160%; font-family:GardenC; }
#banner_text_iner p{      margin-top:0px; font-family: Roboto-Regular; font-weight:normal; font-size:134%; }
#banner_text_inerSpecialPara{      text-transform: initial; }
#special_banner{padding-bottom: 10%; }
#special_bannerFirst{padding-bottom: 10%; padding-left:12%; margin: 0px auto;  text-align: center;  width:100%; 
      }
#special_bannerFirst p{width: 90%; text-align: center;}
#special_bannerFirst h1{width: 85%; text-align: center; font-size: 200%; font-weight:bold; font-family: tahoma;}
#special_bannerFirst div{width: 80%; text-align: center;}


#section_title_mainParag{ line-height: 24px; margin-top:10px; color:rgba(2,2,2, .6);
  text-align:justify; padding:10px 10%; text-transform: initial;
    font-size:124%; letter-spacing: 1px; font-family: Roboto-Regular; 
  }

#section_title_belowParag, #section_title_belowParagFund{ line-height: 24px; margin-top:10px; color:rgba(55, 74, 182, .6);
                            font-size: 110%; text-transform: uppercase; letter-spacing:3px;
                              margin:10px auto; font-family: Roboto-Regular;}
#section_title_ContactForm{ line-height: 24px; margin-top:10px; color:#546C94;
                            font-size: 125%; text-transform: uppercase; letter-spacing:3px;
                              margin:5px auto; font-family: GardenC;}

#section_title_About{ line-height: 24px; margin-top:13px; color:#016299;
                            font-size: 165%;  letter-spacing:1px; padding-top: 3%;
                              margin:5px auto; font-family: GardenC;
                              width:100%; padding-left:5.5%; position:relative; z-index:1; padding-bottom:0px;}

#section_title_Team{ line-height: 24px; margin:20px auto; color:#016299;
                            font-size: 165%;   padding-top: 3%;
                               font-family: GardenC; margin-top: 0px;
                                width:91%; padding-bottom:10px; border-bottom: 1px dotted #016299;}

#section_title_profileHeader{ line-height: 24px; margin-top:13px; color:#D1B000;
                            font-size: 165%;   padding-top: 3%;
                              margin:5px auto; font-family: GardenC;
                                 padding-bottom:10px; margin-left: 10px; border-bothtom: 1px solid #D1B000;}

   #section_title_AboutPara{ line-height: 24px; margin-top:1px; color:rgba(54, 52, 52, 0.6);
                                font-size: 120%;   text-align: justify;
                                  margin:10px auto; font-family: Roboto-Light;
                                  width:90%; padding-right:7%; position:relative; z-index:1; padding-bottom:30px;}
#values_list{  padding-left: 5.5%;  list-style-type: circle; }
#values_list li{  padding-left:5px; color: #D1B000; }

#travogainLogoDown{ width:auto; height:200px; padding:3px 30px; margin: 20px auto; 
                     margin-top: 60px; background-color: rgba(245, 245, 245, .1);}

#advocatesRowColumn ul li{display: inline-block; padding: 20px;}
#advocatesRowColumn ul li img{ width: auto; height: 40px; float: left;}




#mainHomeServiceDiv { width:100%;
  display: flex;
  align-items:flex-start;
  
}


#mainProfile { width:100%;
  display: flex;
  align-items:flex-start;
  padding: 20px 10px;
}



#mainProfileIMG{ width:200px; margin-top: 0px; margin-right: 10px; margin-bottom: 8px; }
#mainProfileIMG img{ width:180px; height:auto; }
#mainProfileDescript  img{ width:180px; height:auto; float:left; padding-right:4%; padding-bottom:3px; padding-top: 8px;}
#mainProfileDescript{ display: inline-block; width:100%; margin-top: 0px; margin-left: 2%;}
#mainProfileDescript h2{ font-size: 120%; font-family: GardenC; color: #016299;}
#mainProfileDescript p{ text-align: justify;}



#profileMainSeeMore{ color:#016299; fodnt-weight: bold; background-color: white;
                                   border-style: none; cursor: pointer;}
  #profileMainSeeMore:hover {color: #D1B000; }


.profileSeeLess, .profileSeeMore { color:#016299; font-weight: bold; background-color: white;
                                   border-style: none; cursor: pointer;}
.profileSeeLess:hover, .profileSeeMore:hover {color: #D1B000; }



#mainFooterDiv{ padding:12px;}
#footerDevBanner{color:white; font-family: sans-serif; font-weight:100;}
#footerDevBanner a{color:white; text-decoration: underline; }
#footerDevBanner a:hover{color:gold; }





#contactSection{  margin-top:10px; color:#546C94; padding-left: 1%;
                            font-size: 130%; letter-spacing:2px;
                               font-family: GardenC;}

#section_title_ContactHeader{ line-height: 24px; margin-top:1px; color:rgba(55, 74, 182, .6);
                            font-size: 100%; text-transform: uppercase; letter-spacing:3px;
                              margin:10px auto; font-family: Roboto-Regular;}

#section_title_belowParag{ width:80%; }
#section_title_belowParagFund{ width:85%; padding-left:5%; position:relative; z-index:1; padding-bottom:30px; }
#section_title_ContactForm{ width:100%; padding-left:5%; position:relative; z-index:1; padding-bottom:0px; }
#section_title_ContactHeader{ width:100%; padding-left:5%; position:relative; z-index:1; padding-bottom:30px; }

#section_title_belowParagFund:after{ content:""; position:absolute; left:38%;
                                bottom:0; width:25%; border-bottom:1px solid rgba(55, 74, 182, .6);}
#section_title_ContactHeader:after{ content:""; position:absolute; left:38%;
                                bottom:0; width:25%; border-bottom:1px solid rgba(237, 237, 240, 0.6);}


#implementersIMG{ background-color: rgba(255,140,0,.10);
                   height:100px; width:auto;  
                   margin-right:4%;   padding-right:0px;
                     padding-left:1px;
                     padding-top:1px;
                            }
                   
 
  #divIMGService{ border-top-left-radius: 35px; border-bottom-left-radius:35px ; border-bottom-right-radius: 15px; border-top-right-radius: 15px; 
    height:110px; width:100%;  background-size: contain;}
  
  
  
  #single_feature_part{ padding:0px; background-color: rgba(230, 230, 230, 0.123);}
  #single_feature_part h4{ font-family: GardenC; font-size: 140%; padding-top:14px; font-weight:normal; color:rgb(1, 97, 141); ;}
  #single_feature_part p{ padding:2px 30px; font-family: Roboto-Light; font-weight:20px; text-align: justify;}
 
  .single_feature_part:after{ content: "";
                          display:block;
                        margin:0px 3px 0px 100px;
                      width:40%;
                    padding-top:10px;
                  border-bottom: 1px solid #D1B000; }

  .single_feature_part:after{ content: "";
                    display:block;
                  margin:0 0px 2px 70%;
                width:30%;
              padding-top:40px;
            border-right: 1px solid #D1B000; }



            #single_feature_partCustom{ background-color: rgba(242, 245, 243, 0.671);}
            
#single_feature_partCustom:after{ content: "";
  display:block;
margin:0px 3px 0px 130px;
width:30%;
padding-top:17px;
border-bottom: 0px solid #ffffff; }

#single_feature_partCustom:after{ content: "";
display:block;
margin:0px 0px 2px 40%;
width:58%;
padding-top:30px;
border-right: 1px solid #D1B000; }


  #ImplementedSpan{ color: rgb(133, 132, 132); }
  #objectiveTitle{ font-size:210%; color:#D1B000; text-align: center; font-family: GardenC; font-weight:bold; letter-spacing: 1px; margin-top: 30px;}
  #objectiveNumberfSpan{  background-color: #016299; padding:7px 13px; color:#016299; 
                              border:solid 1px #016299; font-weight:bold; border-radius:50%; margin:20px;  }

  #objectiveNumberSpanSpan{ font-size:130%; background-color: #016299; padding:5px 13px; color:white; 
                              border:solid 1px white; font-weight:bold; border-radius:50%; margin:0px; 
                            margin-left:43%; }
  #objectiveDiv{ background-color: #016299; width:30%; display:inline-block;
                  margin-left:2%; padding:0px; border:solid white 0px; height:530px;
                    text-align: left;}
  #objectiveDiv p{ color:#D1B000; font-family: Roboto-Regular;
                  padding:30px 30px 0px 30px; font-size:130%; }
  #objectiveDiv ol{ color:white; padding-left:14%; font-size:110%; }
  #btn_service{ background-color:#016299; color: #D1B000; border-radius:2px; border:solid 1px #D1B000; padding:6px 15px; margin-left:10%;}
  #btn_service:hover{ background-color: #ffffff; color: #016299; border:solid 1px #016299; }
  
  #btn_serviceMore{background-color: #ffffff; color: #016299; border:solid 1px #016299;   padding:6px 15px; margin-left: 34%;}
  #btn_serviceMore:hover{ background-color: #016299; color: white; border-radius: 30px; border:solid 1px white; }

                 
    
    #partnersSection{ margin-bottom: 100px;}
          #projectPartnerDiv{  margin:30px; margin-top:80px; }
          #projectPartnerDiv h2{ color:#016299; font-size:175%; padding-bottom:10px; letter-spacing: 2px; font-weight:normal; font-family: GardenC; }
          #divElementPartners{ border-bottom: lightgray dashed 1px;  }

    #partnerIMG1,#partnerIMG2,#partnerIMG3{ width:auto; height:50px;}
    #divPartners{  background-color:; margin-left:22%; width:60%; }
    #divPartnersDiv3{ width:100%;}
    #partnerParaIMG1,#partnerParaIMG2,#partnerParaIMG3{  font-family: Roboto-Regular; font-size: 108%}
    #partnerParaIMG1 a,#partnerParaIMG2 a,#partnerParaIMG3 a{  color:#016299;  font-size: 102%}
    #partnerParaIMG1 a:hover,#partnerParaIMG2 a:hover,#partnerParaIMG3 a:hover{  color:#016299;  font-size: 104%}
    #partnerParaIMG3{   width:100%;}



    #activeC{  margin:10px auto; height: 200px; width:auto;}

    #homeSlideContainer{margin:10px auto; background-color:; width:100%; padding:0px;}

    #sliderSection{ margin-top:0px; padding-top:80px; border-top:solid  1px  #016299;}
    .section_tittle h2{ font-size: 170%; font-weight:normal; color:#016299; font-family: Lora-Bold;
                  text-transform: capitalize;}

    #homeSlideMainDiv{background-color:; padding:0px; margin:0px auto;}
    #hsliderIMG1{height:300px;}
  
    #homeSlide1,#homeSlide2,#homeSlide3{padding:0px; padding-left:0%; padding-right:0%; padding-top:10px; margin-top:0px; 
                                          margin-left:0%;  width:100%; background-color:rgba(243, 243, 243, 0.8);  }
    #homeSlide2,#homeSlide3{display:none;}


    #sliderIMG1{display:flexbox; margin:0 auto; width:100%; border: 5px solid rgba(138,43,226,.2);}
    #topLeft{  position: absolute; top:25px; left:20%; height:81%; width:22%; background-color: rgba(246, 143, 81, .6);}
    #homeSliderParaCaption{  color:white; padding:15px; padding-top:30%; text-transform: uppercase;  font-family:Roboto-Light;}
   
    
  
    #homeSliderThumb1,#homeSliderThumb2,#homeSliderThumb3{width:30px; height:30px; margin-bottom:6px;}
    #homeSliderThumb11,#homeSliderThumb22,#homeSliderThumb33{width:38px; height:38px;  margin-bottom:6px; }

   


    #homeSliderPara{text-align: center; padding:10px; font-family:Roboto-Light;  }
    #homeSliderParaCap{text-align: center; padding:10px; font-family:Roboto-Light;  display:none;}
    
    
    #homeSliderBtnLeftDash, #homeSliderBtnRightDash{ padding:4px 5px; background-color: rgba(138,43,226,.2);}
   
    #homeSliderBtnLeftDash{margin-right:2%; }
    #homeSliderBtnRightDash{margin-left:2%;  }
    #homeSliderBtnRightDash,#homeSliderBtnLeftDash{ color:black;   border:solid 1px rgba(0,0,0,.2);}

    .homeSliderBtnLeft{ position: absolute; top:45%; left:5%;   padding-top:10px;  padding-bottom:10px; z-index:2000; }
    .homeSliderBtnRight{ position: absolute; top:45%; right:6%; padding-top:10px;  padding-bottom:10px; z-index:2000;}
    
   
    .homeSliderBtnRight,.homeSliderBtnLeft{ font-size:200%; color:black;  font-weight:bold; background-color:rgba(169, 169, 170, 0.2);  border:solid 0px rgba(138,43,226,.2);}
    .homeSliderBtnRight:hover,.homeSliderBtnLeft:hover{    background-color:rgba(209,176,0, .5);}
   
   #btnIcon{ background-color: white;  margin-right: 1%; padding: 2px 10px;
             color: #D1B000; font-size: 220%; padding-left: 20px;
            border-top-left-radius: 30px; border:solid 0px white;
          border-bottom-left-radius: 30px ;}

   #btnServiceIcon{ background-color: white;  margin-right: 2%; padding: 2px 15px;
             color: rgb(1, 97, 141); font-size: 220%; padding-left: 20px;
             padding-top:18px;
            border:solid 0px white;}
    
            .intro_video_bg{ height:auto; padding-bottom:60px; padding-top:50px; }



     #servicePGHeadPhoto{margin-top:0px;  width:100%; height:200px; border-radius:1px; }
     #serviceHeadPhoto{margin-top:0px;  width:100%; height:auto;}


     #menuMobilegShow{ margin-right:100px;}

    
                                
     #h4Service{ margin-left: 10%; color:#D1B000; font-size: 170%; margin-bottom:0px; font-family:GardenC; }
     #h4paraService{ margin-left: 6.5%; padding:0px 25px; font-family:Roboto-Light; margin-top:7px;}
    /* css objectives fix 991px - 1280px */

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

      #objectiveContainer{ width:100%; padding:0px; margin:0px auto; }
      #intro_video_iner{ width:100%; padding:0px; margin:0px; }

      #objectiveTitle{ font-size:180%;  padding-bottom:10px; font-weight:normal;}
      #objectiveDiv{  width:30%; }
      #objectiveDiv p{ font-size:100%;  }

     
    }

    @media only screen and (min-width: 991px) and (max-width: 1200px) {
      #headerNav{  width:105%; margin-left:0%} 
      .intro_video_bg{ height:auto;  }
      #objectiveContainer{ width:100%; padding:0px; margin:0px auto; }
      #intro_video_iner{ width:100%; padding:0px; margin:0px; }

      #objectiveTitle{ font-size:180%;  padding-bottom:10px;  font-weight:normal;}
      #objectiveDiv{  width:30%;  }
      #objectiveDiv p{ font-size:100%; }

      #topLeft{   height:78%; }
    

    }




@media only screen and (min-width: 767px) and (max-width: 991px) {
   /* @media only screen and (max-width: 991px) { */

    

    #banner_text_inerSpecialPara{      text-transform:initial; }
    #banner_text_iner{ padding-top:60%; padding-bottom: 0px; }
    #special_banner, #special_bannerFirst{padding-bottom: 0px;}

    #special_bannerFirst p{width: 100%; text-align: center;}
    #special_bannerFirst h1{width: 100%; text-align: center;}
     #special_bannerFirst div{width: 100%; text-align: center;}

    #headerNav{   width:255%; margin-left: 10%;} 

      #projectHeaderDiv h2{  line-height:40px; font-size:45%;  }

      
      #section_title_mainParag{ line-height: 30px; margin-top:25px; 
                                  padding:10px 1px;
                                   font-size:40%;  
                                 width:100%; }
      
      #section_title_belowParag{ line-height:30px;  width:90%;
                                  font-size: 40%; text-transform: uppercase;  
                                  padding-top:20px; padding-bottom:10px; }
      
     

      /* slider */

      .section_tittle h2{ font-size: 45%; }
  
       #homeSlide1,#homeSlide2,#homeSlide3{ width:100%; margin-left:0px; }
      
       #homeSliderBtnLeft{  top:30%; left:5%;   padding-top:10px;   }
       #homeSliderBtnRight{  top:30%; right:5%; }
       
       #topLeft{   height:77%; width:30%; }
    
      /* objective */

      #objectiveContainer{ width:100%; padding:0px; margin:0px auto;  }
      #intro_video_iner{ width:100%; padding:0px; margin:0px;  }
      #mainServiceHome{ max-width:1000px;}

     
      #objectiveTitle{  padding-top:20px; padding-bottom:10px;  }
      #objectiveDiv{  width:30%; }
      #objectiveDiv p{ font-size:110%; }

      /* partner funding */

      
      #projectPartnerDiv h2{ font-size:46%;   }
      #divElementPartners{ width:100%; border-bottom: lightgray dashed 1px;   }
      #divPartnersDiv3{ width:100%;}

      #section_title_belowParagFund{ line-height:30px;  
        font-size: 35%;   
        padding-top:20px; padding-bottom:10px; }
      
      #section_title_ContactHeader{ line-height:30px;  
           
        padding-top:20px; padding-bottom:10px; }

      #section_title_belowParagFund{ width:95%; padding-left:5%; position:relative; z-index:1; padding-bottom:30px; }
      #section_title_ContactHeader{  padding-left:5%; position:relative; z-index:1; padding-bottom:30px; }
 
      



    }








    @media only screen and (max-width: 767px) {
      #logoSpan{  display:none;
       }

      #headerNav{   width:355%; margin-left: 20%;} 

      #IDdesk3{ background-image:url(../img/desk3Mobile.jpg); }
      #banner_text_iner{ padding-top:95%; padding-bottom: 0px;  }
      #banner_text_inerSpecialPara{      text-transform:initial; }
      #special_banner{padding-bottom: 0px;}
    .banner_text h1, .banner_text p{ width:90%; margin-left:5%; color: red;}

    
  #mainHomeServiceDiv { width:100%;
      display: inline-block;
      align-items:flex-start;
      
    }

    #mainProfile { width:100%;
      display: inline-block;
      align-items:flex-start;
      padding: 15px 10px;
    }

    #special_bannerFirst{ padding-left: 0%;}
    #special_bannerFirst p{width: 90%; text-align: center;}
    #special_bannerFirst h1{width: 90%; text-align: center;}
     #special_bannerFirst div{width: 100%; text-align: center;}

    .btn_2{ padding:9px; }

      #projectHeaderDiv h2{  line-height:30px; font-size:110%;  }
      
      #section_title_mainParag{ line-height: 30px; text-align:justify; margin-top:25px; 
                                  padding:10px 10px;
                                   font-size:100%;  
                                 width:98%; }
      
      #section_title_belowParag{ line-height:30px;  width:90%;
                                  font-size: 100%; text-transform: uppercase;  
                                  padding-top:20px; padding-bottom:10px; }
      
     
            #h4Service{ margin-left: 12%;  }

  #single_feature_part h4{ font-size:150%;}
  #single_feature_part p{ font-size:130%; text-align: justify;}
  #implementersIMG{ height:90px; width:90px;}


      /* slider */

      .section_tittle h2{ font-size: 120%; width:93%; margin:auto;  line-height: 30px; }
        #homeSlideMainDiv{  width:100%; margin:0px; }
       
      
       #homeSliderBtnLeft{  top:20%; left:5%;   padding-top:10px;   }
       #homeSliderBtnRight{  top:20%; right:5%; }

       #homeSlide1,#homeSlide2,#homeSlide3{padding:0px; padding-left:0%; padding-right:0%; padding-top:0px; margin-top:0px; 
        margin-left:0%;  width:100%; background-color:rgba(243, 242, 242, 0.9); border-radius: 0px; 
        border:solid 0px rgb(170, 167, 167);}


        #topLeft{  top:5px;  height:76%; width:36%; }
        #homeSliderParaCaption{   padding-top:10%; }
    


      /* objective */

      .intro_video_bg{ height:auto;  }
      #objectiveContainer{ width:100%; padding:0px; margin:0px auto; }
      #intro_video_iner{ width:95%; padding:0px; margin:0px; }

      #objectiveTitle{   font-size:120%; width:97%; line-height:30px; padding-top:40px; padding-bottom:10px; }
      #objectiveDiv{  width:100%; margin:10px auto; height: auto;}
      #objectiveDiv p{ font-size:110%; }

      /* partner funding */

     #divPartnersRow{ width:100%; padding:0px;}
     #divPartners{ width:100%; margin:0px; padding:0px;
                       margin-left:6%;}
      #projectPartnerDiv h2{ font-size:120%; margin:0px; width:100%;   }
      #divElementPartners{ width:100%; padding-top:30px; padding-bottom:30px; border-bottom: lightgray dashed 1px;   }
     
      #divPartnersDiv3{ width:100%; padding-top:30px;}
     
      #partnerIMG1,#partnerIMG2,#partnerIMG3{ width:100px; height:auto; }
      #partnerParaIMG1,#partnerParaIMG2,#partnerParaIMG3{ font-size:90%; }

      #section_title_belowParagFund{ line-height:30px;  
        font-size: 100%;   width:100%;
        padding-top:20px; padding-bottom:10px; }

      #section_title_belowParagFund{ width:95%; padding-left:0%; position:relative; z-index:1; padding-bottom:30px; }
 
      
      #section_title_ContactHeader{ line-height:30px;  
        font-size: 100%;   width:100%;
        padding-top:20px; padding-bottom:10px; }

      #section_title_ContactHeader{  padding-left:6%; position:relative; z-index:1; padding-bottom:30px; }
 
      







    }