html { 
scroll-behavior: smooth;
}
/*----- Site wide classes ---*/

.adbold { 
 font-weight: bold;

}

.adcenter { 
text-align: center; 

} 


.mainpage #sp-main-body { 
  display: none;

}

.cl1 { 
color: #43C876; 
}

.tbold { 
 font-weight: bold; 
}

.tlarg { 
font-size: 2rem;
baseline-shift: -1rem;
}

.unl1 { 
border-bottom: 2px solid #fff;

}

.w5 { 
width: 50%;

}

#sp-right .sp-module { 
border: none;
padding: 1.5rem; 
margin: 0; 
}


.gvleft { 
 float: left;
}

h1, h2, h3, h4, h5, h6 { 
margin-bottom: 1rem;
}


.anh1 { 
padding-top: 125px;
margin-top: -125px;

}

.flxdown { 
flex-direction: column;

}

/*********************
Header section *******
*********************/
#sp-header { 
 height: 120px;
 background-color: #43C876;
}

/*logo section*/
#sp-gvlogo img { 
width: 100%;
height: 120px;

}

#sp-mbuttionarea { 
display: none;
}

/****MAIN NENU***/

.d-lg-block { 
display: flex !important;
}

.sp-megamenu-parent { 
  float: none;
}

.sp-megamenu-parent > li { 
 flex-grow: 1; 
 text-align: center;
}

.sp-megamenu-parent > li > a { 
  color: #fff;
}

.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span { 
line-height: 120px;
}

.sp-megamenu-parent > li.active > a, .sp-megamenu-parent > li.active:hover > a, .sp-megamenu-parent > li:hover > a {
 color: #000;
}

.d-lg-block { 
display: flex !important;
}
/*********************
HOME HERO AREA *******
*********************/
/*hero text*/
#sp-title h1 {
 color: #fff;
 font-size: 5rem;
 font-weight: bold;
 text-shadow: 2px 2px 2px rgba(0, 0, 0, 1);
}

#sp-title h3 { 
 color: #fff;
 margin-bottom: -1rem;
 text-shadow: 2px 2px 2px rgba(0, 0, 0, 1);
}

/*home hero button*/
.hbtwrapper { 
width: 50%;

}


.hbutton {
 display: inline-block;
 background-color: #000;
 text-align: center;
 padding: .5rem 0rem; 
 margin: auto;
 width: 96%;
}

.hbutton a { 
color: #fff;
font-size: 1.75rem;
font-weight: bold;
}
/*hover effect*/

.hbutton:hover { 
 background-color: #fff;
}

.hbutton:hover a { 
 color: #43C876;
}



/*header button section */
.gvhbwrapper { 
 display: flex;
 justify-content: center;
 align-items: center;
 height: 120px;
}

.gvhbwrapper div { 
  background: #000;
  text-align: center;
  padding: 1rem 2rem;
  margin: .5rem;
}

img.gvbticon { 
 height: 20px;
 display: inline-block;
 margin-right: .5rem;
}

.gvhbwrapper div a { 
 color: #fff;
}


.gvhbwrapper div:hover { 
  background: #fff;
  color:green; 
  transition: 1s;
}

.gvhbwrapper div:hover a { 
  color: green;
  transition: 1s; 
}
/*****************************
Mid Home section *************
*****************************/
.quicknavwrapper { 
  display: flex;
}

.quicknavwrapper a { 
flex-basis: 25%;
color: #000;
}

 .quicknavicon { 
  padding: .5rem;
  text-align: center;
}

.quicknavicon img { 
height: 110px;
margin: auto;
padding: 10px;
}

.quicknavicon h3 { 
font-size: 1.25rem;
}

/**************************
    Home sev and test 
**************************/
.homeservwrapper { 
  display: flex;
  width: 90%;
  margin: 0 5%;
}

.homeservbox { 
 text-align: center;
 width: 100%;
}
  
.svsquare { 
display: flex;
flex-wrap: wrap;
 justify-content: center;
 width: 100%;
}

.servchildbox { 
flex-basis: calc(100%/5);
padding: .5rem;
}


.svchildinner {
 display: flex;
 flex-direction: column;
 align-items: center;
 justify-content: center;
 text-align: center;
 padding: 0rem;
 height: 100%;
 width: 100%;
}

.svchildinner button { 
  background: black;
  width: 75%;
  margin: .5rem auto;
  border: none;

}

.svchildinner button h3 { 
 color: white;
 font-size: 1rem;
 padding: .5rem 0;
 margin: 0;
}

.svchildimg { 
  height: 100px; 
  width: 100px;
  overflow: hidden;
  border-radius: 50%;
  object-fit: cover;
  border: 3px solid rgb(37, 37, 37);

}


.svchildimg img { 
  transition: 1s;
}

.svchildimg:hover img { 
transform: scale(1.5);
overflow: hidden;
  transition: 1s;

}

/*************************
 Mid section area ********
*************************/
#sp-medsecmod { 
 text-align: center;

}

#sp-medsecmod h1 { 
font-size: 3rem;  
font-weight: bold;
}

#sp-medsecmod p { 
  font-size: 1.4rem;
  line-height: 1.85rem; 
  margin-bottom: .7rem;
}

/******************************
     Testimonial Section 
******************************/
.reviews-block__text::after { 
display:none;

}

.ctp { 
text-align: center;

}

 .reviews-block__person-name { 
  justify-content: left;
  
  }




/******************************
Inner page css ****************
******************************/
.inner #sp-hero { 
  padding: 5rem 2rem;
  background-image: url("https://gvbk2020.anastasioumedia.com/images/innerbackgroundimg.jpg");
  background-size: cover;
}

.abt #sp-hero { 
 background-image: url("https://gvbk2020.anastasioumedia.com/images/innerbackgroundimgabt.jpg");
}

.insvc #sp-hero { 
 background-image: url("https://gvbk2020.anastasioumedia.com/images/innerbackgroundimgsvc.jpg");
}

/*----- interior right section ----*/
.rtbadges { 
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;

}

.rtbadges a { 
flex-basis: 65%;
max-width: 65%;
padding: 1rem 1rem;

}


/*------------------------------
        About page css
-------------------------------*/
.abt ol { 
display: inline-block;

}

.abtwrapper { 
 
}

.abtimg {
 float: left;
 display: inline-block;
 width: 250px;
 margin-right: 1rem;
}
/*******************************
Services page CSS **************
*******************************/
.insvc #sp-midsection { 
  background: #000;

}

.insvc #sp-midsection h1 { 
 color: #fff;

}


.insvc #sp-main-body h3 { 
 border-bottom: 2px solid #43C876;

}

.svpwrapper { 
 display: flex;
 flex-wrap: wrap;
}

.svpparrent { 
padding: 1rem;
}

.svpchild { 
 display: flex;
 border: 1px solid black;

}

.svpimg { 
flex-basis: 40%;

}

.svpimg img { 
 width: 100%;
 height: 100%; 
 object-fit: cover;
 
}

.svpdescription { 
flex-basis: 60%;
 padding: 1rem;
} 

.serwrapper {
  display: flex;
  flex-direction: column;
}

.svitem {
  display: flex;
  padding: 1rem;
  scroll-margin-top: 125px;
 
}

.svicol { 
 flex-basis: 50%;
 max-width: 50%;
 background-color: lightgray;

}

.svit { 
  display: flex; 
  padding: 2rem;
  justify-content: center;
  align-items: center; 

}



.svig { 
  display: flex; 
  align-items: center;
  justify-content: center;
  padding:1rem
}

.svig img { 
  border: 3px solid #fff;
  box-shadow: 5px 5px 8px rgba(0, 0, 0, 0.3);
}


/*----------------------------------
         Blog page ces
-----------------------------------*/
.blog .readmore { 
text-align: center;
background-color: #43C876;

}


.blog .article-list .article { 
    border: 1px solid rgb(214 214 214);

}

.blog .article-list .article .readmore a { 
color: #fff;
font-weight: bold;

}

.blog .article-list .article .readmore a:hover { 
color: #000;

}


/*----------------------------------
         Contact page ces
-----------------------------------*/
.ctnt #sp-component { 
max-width: 80%;
flex-basis: 80%;
}

.ctnt #sp-right { 
max-width: 20%;
flex-basis: 20%;
}



#visform1 input[type=text], #visform1 input[type=email] { 
border-color:#43C876;
height: 4rem;
}

#visform1 textarea { 
 width: 100%;
 border-color: #43C876;
 height: 10rem;
}


#visform1 .field1, #visform1 .field2 , #visform1 .field3, #visform1 .field6 { 
width: 50%;
display: inline-block;
padding: .25rem .5rem;
} 

#visform1 .field4 { 
  width:100%;
  padding: .25rem .5rem;
}

#visform1 .visCSSlabel { 
display: none;
}


#visform1 .visBtnCon { 
width: 100%;
padding: .25rem .5rem;
}

#visform1 input[type=submit] { 
  width: 100%;
  background-color: #000;
  color: #fff;
  padding: 1rem 2rem;
}

#visform1 .btn:hover { 
 background-color: green;
}

/*-- Place holder text css --*/
::-webkit-input-placeholder { /* Edge */
  color: #000;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #000;
}

::placeholder {
  color: #000;
}


/*************************************
             FOOTER AREA 
*************************************/
.ftlogo { 
height: 100px;

}

.pfwrapper { 
 display: flex;
}

.pfcol { 
flex-basis: 100%;
max-width: 100%;
display: flex;
}

.pfsocial { 
 flex-direction: column;

}


.pfsocial p, .pfsocial div { 

}

.pfsocial img { 
 display: inline-block;
 height: 2.5rem; 
}

.flxdown p, ul.ftmu li { 
  margin-bottom: .25rem !important;

}

#sp-footer1 { 
 text-align: center;
}


/*************************************
*********** MEDIA QURIES  ************
*************************************/

/**Laptop screens**/ 
@media only screen and (max-width: 1366px) { 
/*query begins*/
/*-------------------
    Header Area 
-------------------*/
  #sp-gvlogo { 
   max-width: 20%;
   flex-basis: 20%;
  }
  
  #sp-menu { 
  flex-basis: 80%;
  max-width: 80%;
 
  }
  
  /*black nav buttons*/
  #sp-headerbuttonarea {
    display: none;
  } 
  
  #sp-mbuttionarea { 
  display: block;
  
  }

/*query ends*/
}

/**tablet screens horizontal**/ 
@media only screen and (max-width: 1024px){ 
/*query begins*/
/*-------------------
    Header Area 
-------------------*/
   /*responsive menu controls*/
  .d-block { 
   display: block !important;
  
  }
  
  
  .d-lg-block { 
   display: none !important; 
  }
  
  #offcanvas-toggler { 
   line-height: 120px;
   height: 120px;
   font-size: 2.5rem;
  }
/*--------------------------
         Hero area 
---------------------------*/
  #sp-hero { 
  
  }
  
  #sp-title { 
  text-align: center;
  }
  
  /*-----hero big button ---*/
  .hbtwrapper { 
width: 100%;

}

 /*--------------------------
    Home quick icon area 
 ---------------------------*/
  .quicknavwrapper { 
  flex-wrap: wrap;
  
  }
  
  
  .quicknavwrapper a { 
  flex-basis: 50%;
  max-width: 50%;
  }
  
 /*------------------------------
  Services and Textimony section
 -------------------------------*/
  .servchildbox { 
   flex-basis: 50%;
   max-width: 50%;
  }
  
  
  .svchildinner button { 
   width: 75%;
  
  }
  
  
  
/*-----------------------------
      Contact page css 
-----------------------------*/
  .ctnt #sp-component, .ctnt #sp-right { 
   max-width: 100%; 
   flex-basis: 100%;
  }
  
  
  
  
/*query ends*/
}

/*first break point*/
@media only screen and (max-width: 850px) { 
/*query begins*/
/*---------------------
   Services page css
----------------------*/
  .svitem { 
  flex-direction: column;
  
  }
  
  
  
  .svicol { 
   flex-basis: 100%;
   max-width: 109%;
  
  }
  
  
/*query ends\*/
}




/*cell phon creens vertical*/
@media only screen and (max-width: 485px) { 
/*query begins 
/*--------------------
     Header Area
---------------------*/
  #sp-header { 
   height: 90px; 
    
  }
  
  
  #sp-gvlogo, #sp-menu { 
  max-width: 50%; 
  flex-basis: 50%;
  
  }
  
  #sp-gvlogo img { 
  height: 90px;
  width: auto;
  }
 
  #offcanvas-toggler { 
  height: 90px;
  line-height: 90px;
  
  }
  
  
  
  
  #sp-m-buttonarea { 
   padding: 1rem 2rem;
  
  }
  
  
  #sp-mbuttionarea .gvhbwrapper { 
  flex-direction: column;
  }
  
  #sp-mbuttionarea .gvhbwrapper div { 
  width: 100%;
  padding: 1rem 0;
  
  }
  /*--------------------
        Hero area
  ---------------------*/
  #sp-title h1 { 
  font-size: 3rem;
  line-height: 2.75rem;
  }
  
  #sp-title h3 {
    margin-bottom: 0rem;
    
    
  }
  
  /*--------------------------
      Home quick icon area 
  ---------------------------*/
  
   .quicknavwrapper a { 
  flex-basis: 100%;
  max-width: 100%;
  }
  
/*------------------------------
 Services and Textimony section
-------------------------------*/
  .servchildbox { 
   flex-basis: 100%;
   max-width: 100%;
  }
  
  .reviews-block__slide { 
  text-align: center;
  padding: 1rem !important;
  
  }
  
  .reviews-block__person-name { 
  justify-content: center;
  
  }
  
  
  
  
/*-----------------------------
       About page css 
-----------------------------*/
  .abtimg { 
  float: none;
  margin: 0 auto;
  width: 95%;
  }
  
  
  
  
  
/*---------------------------
     Contact page css 
---------------------------*/
  #visform1 .field1, #visform1 .field2 , #visform1 .field3, #visform1 .field6 { 
  width: 100%;
  
  
  }
  /*-----------------------
           Footer
  ------------------------*/
  
  .pfwrapper { 
   flex-direction: column;
  
  }
  
  .pfcol { 
    justify-content: center;
    align-items: center;
    flex-direction: column;
  }
  
  
/*query ends*/ 
}