/* WebSite Page */
a:hover,  a:focus {color:#049f49;}
a:active,a:visited {color:#000;}



/* -------WebSites Design---------- */
.websitedesign-section{width:90%;margin:0px auto;padding:30px 0px 30px 0px ;}
.websitedesign-section  h2{display: block; text-align: center;background:url(../images/icons/title-green.svg)top center no-repeat transparent;
padding: 30px 0px 5px 0px;}
.websitedesign-section  p{display: block; text-align: center; font-size:1.061rem;font-weight: 400;}


.websitedesign-section .websitedesignBody{display: flex; margin: 50px 0px 0px 0px;}
.websitedesign-section .websitedesignBody .webportfolio-section{display: block;width:30%; margin:40px 0px 0px 40px ;}


/* --WebPortfilio-Section-- */
.webportfolio-section .webportfolioImage{position:relative;height:auto;padding:0px;margin:0px; }
.webportfolio-section .webportfolioImage img{width:100%;height:200px;padding:0px; margin:0px;
    
        box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;
        -webkit-box-shadow:rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;
        

    }

    .webportfolio-section .webportfolioImage .webportfolio-tags{position:absolute;height:0;bottom:0;width:100%;
        background-color:rgb(222, 253, 243, 0.8);z-index:1;visibility:hidden;opacity:0 ;overflow: hidden;padding:10px ;
        -webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease}
     .webportfolioImage:hover .webportfolio-tags{height:calc(100% - 0px);visibility:visible; opacity:1 ;}

     .webportfolio-tags a {padding: 5px; display: inline-block;}
/* --WebPortfilio-Links-- */
.webportfolio-section .webportfolioLinks{margin:20px 0px 0px 0px;display: flex; }
.webportfolio-section .webportfolioLinks .LinksName{ width:70%} 
.webportfolio-section .webportfolioLinks .LinksName h3{ font-size:0.875rem ;} 
.webportfolio-section .webportfolioLinks .LinksName a{ padding:0px ; text-align: right;font-size:1.061rem;display: block;}
.webportfolio-section .webportfolioLinks ul{display: flex;width:20%}
.webportfolio-section .webportfolioLinks ul li{ display: inline-block; margin: 0px 0px 0px 12px;width:95%}
.webportfolio-section .webportfolioLinks ul li:last-child{margin: 0px;}
.webportfolio-section .webportfolioLinks ul li a{ display: block; padding: 10px 15px 10px 15px; }
.webportfolio-section .webportfolioLinks ul li a img{  margin:0px auto; display: block; width: 18px; height:18px ;}




/* ------WebSiteOffers&Gifts-Section------- */
.websiteoffers-section{width:90%;margin:0px auto;padding:30px 0px 70px 0px ; display: flex;}
/* WebSite-Offers */
.websiteoffers-section .siteoffers{width: 47%; padding:30px;margin: 0px 0px 0px 45px;}
.siteoffers span{padding: 3px 30px 3px 30px;margin: 0px 0px 15px 15px;font-size:1.061rem; }
.siteoffers h3{margin:0px 0px 10px 0px ; display: contents;}
.siteoffers p{line-height: 1.7;padding: 15px 0px 0px 0px;}

/* WebSite-Gifts */
.websiteoffers-section .sitegifts{width: 47%; padding: 30px; }
.sitegifts span{padding: 3px 30px 3px 30px;margin: 0px 0px 15px 15px;font-size:1.061rem;}
.sitegifts h3{margin:0px 0px 10px 0px ; display: contents;} 
.sitegifts p{line-height: 1.7;padding: 15px 0px 0px 0px;}


@media (max-width:500px) {
  /* -------WebSites Design---------- */
 .websitedesign-section{width:90%;padding:60px 0px 40px 0px ;}
 .websitedesign-section .websitedesignBody{display: block; margin: 0px 0px 0px 0px;}
 .websitedesign-section .websitedesignBody .webportfolio-section{display: block;width:100%; margin:60px 0px 0px 0px ;}
 

/* ------WebSiteOffers&Gifts-Section------- */
.websiteoffers-section{width:90%;padding:0px 0px 0px 0px ; display: none;}
.websiteoffers-section .siteoffers{width: 100%; padding:20px;margin: 30px 0px 0px 0px;}
.siteoffers span{margin: 0px 0px 0px 15px; }
.siteoffers h3{margin:15px 0px 10px 0px ; display: block;}
.siteoffers p{padding: 0px 0px 0px 0px;}

.websiteoffers-section .sitegifts{width: 100%; padding: 20px;margin: 30px 0px 0px 0px; }
.sitegifts span{margin: 0px 0px 0px 15px; }
.sitegifts h3{margin:15px 0px 10px 0px ; display: block;}
.sitegifts p{padding: 0px 0px 0px 0px;}

}





@media (min-width: 600px) and (max-width: 850px){ 
  /* -------WebSites Design---------- */
  .websitedesign-section{width:90%;margin:0px auto;padding:60px 0px 30px 0px ;}
  .websitedesign-section .websitedesignBody .webportfolio-section{display: block;width:48%; margin:30px 0px 0px 20px ; }
.websitedesign-section .websitedesignBody .webportfolio-section:nth-child(2){margin:30px 0px 0px 0px ;}
.websitedesign-section .websitedesignBody .webportfolio-section:nth-child(3){display: none;}
.webportfolio-section .webportfolioImage img{width:100%;height:170px;}
/* --WebPortfilio-Links-- */
.webportfolio-section .webportfolioLinks .LinksName{ width:70%} 
.webportfolio-section .webportfolioLinks ul li{ display: inline-block; margin: 10px 0px 0px 0px;}
/**/
 .webportfolio-section .webportfolioLinks ul li:last-child{display: none;} 

/* ------WebSiteOffers&Gifts-Section------- */
.siteoffers h3{margin:15px 0px 10px 0px ; display: block;}
.siteoffers p{padding: 0px 0px 0px 0px;}
.sitegifts h3{margin:15px 0px 10px 0px ; display: block;}
.sitegifts p{padding: 0px 0px 0px 0px;}
}