/* =======================================================
*
* 	Template Style
*	Edit this section
*
* ======================================================= */
/* template overwrites */
ul, ol {list-style: none;}

/* end template overwrites */

textarea{ resize:vertical; }
.bg-lightgray{ background: lightgray; }
.bg-web{ background: #77cee1; }
.bg-shop{ background: #b3b3b3; }
.bg-admin{ background: yellow; }
.bg-blue100{ background: rgba(0, 174, 213, 1); }
.bg-blue80{ background: rgba(0, 174, 213, 0.8); }
.bg-blue60{ background: rgba(0, 174, 213, 0.6); }
.bg-blue40{ background: rgba(0, 174, 213, 0.4); }
.bg-blue20{ background: rgba(0, 174, 213, 0.2); }

.width100{ width:100% !important; }

.margin-top-10{margin-top:10px;}
.margin-top-20{margin-top:20px;}
.margin-top-30{margin-top:30px;}
.margin-top-40{margin-top:40px;}
.margin-top-50{margin-top:50px;}

.blue{ color: #77cee1; }
.blue100{ color: rgba(0, 174, 213, 1); }
.blue80{ color: rgba(0, 174, 213, 0.8); }
.blue60{ color: rgba(0, 174, 213, 0.6); }
.blue40{ color: rgba(0, 174, 213, 0.4); }
.blue20{ color: rgba(0, 174, 213, 0.2); }

.text-white{color: white !important;}
.text-justify{text-align:justify;}
.img-centered {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

/* SHOP ICONS IN NAV BAR */
#nav-shop-index{
    margin-bottom: 5px !important;
    /* padding-bottom:0 !important; */
}

#nav-shop-icons {
  padding: 0;
  margin: 0;
  /* margin-top: 15px !important; */
  /* padding-top: 10px !important; */
  text-align: center;
}
#nav-shop-icons li {
  padding: 0;
  margin: 0;
  display: inline;
  list-style: none;
}
#nav-shop-icons li a {
    text-decoration: none !important;
    outline: none  !important;
  color: rgba(0, 0, 0, 0.7);
  padding: 4px;
}
#nav-shop-icons li a:hover, #nav-shop-icons li a:active, #nav-shop-icons li a:focus {
  text-decoration: none !important;
  outline: none  !important;
  color: black !important;
}

.title-text{
    margin-top:25px !important;
    margin-bottom:45px !important;
    text-align: center;
}
.centered{
    text-align: center;
}


/* footer main page */
#main-footer{
    border-top: 1px solid rgba(0,0,0, 0.1);
}
#main-footer .social-media-icons p {
  padding: 0;
  margin: 0;
}
#main-footer .social-media-icons ul {
  padding: 0;
  margin: 0;
  text-align: center;
}
#main-footer .social-media-icons ul li {
  padding: 0;
  margin: 0;
  display: inline;
  list-style: none;
}
#main-footer .social-media-icons ul li a {
  color: rgba(0, 0, 0, 0.5);
  padding: 4px;
}
#main-footer .social-media-icons ul li a:hover, #main-footer .social-media-icons ul li a:active, #main-footer .social-media-icons ul li a:focus {
  text-decoration: none;
  outline: none;
  color: rgba(0, 174, 213, 1);
}
.social-media-icons ul li a i{
    /* text-shadow: 0 2px 3px rgba(0,0,0, 0.25), 0 2px 3px rgba(0,0,0, 0.24); */
}
#main-footer .fh5co-narrow-content {
    margin-bottom:0;
    padding-bottom:0;
}


@media screen and (max-width: 768px) {
  .main-footer-second {margin-top: 40px;}
  .footer-contact .contact-info{ font-size: 74%}
  .main-footer-second{ margin-bottom:25px; }
}
@media screen and (max-width: 991px) {
  .main-footer-second {
    margin-top: 50px;
  }
}
/* end footer main page */


.underline{
    border-top: 1px solid rgba(0, 174, 213, 1);
    width: 50px;
    margin:3px 0 3px 0;
    margin: auto;

}
.underline-contact{
    border-top: 1px solid rgba(0, 174, 213, 1);
    width: 50px;
    margin: auto;
    padding:3px 0 3px 0;
    padding-top:3px;
}

.underline-banner {
    text-align:center;
    margin-left: auto;
    margin-right: auto;
    border-top: 3px solid rgba(0, 174, 213, 1);
    width: 200px;
    margin:3px 0 6px 0;
    margin: auto;
    /* margin-left:15%; */
}

.footer-contact ul {
    text-decoration: none;
    list-style: none;
}

.footer-web-links ul {
    text-decoration: none;
    outline: none;
    list-style: none;
}

.footer-web-links p {
  margin:0;
  padding:0;
}

.footer-web-links p a{
  color: rgba(0, 0, 0, 0.7) !important;
  font-size: 80%;
}
.footer-web-links p a:hover, .footer-web-links p a:active, .footer-web-links p a:focus {
  text-decoration: none;
  outline: none;
  color: rgba(0, 174, 213, 1) !important;
}
.footer-contact i {
    color: rgba(0, 174, 213, 0.8);
    padding-right:8px;
    font-size: 90%;
}
.footer-contact p {
  margin:0;
  padding:0;
  font-size: 85%;
}

.footer-contact p a{
  color: rgba(0, 0, 0, 0.7) !important;
  font-size: 90%;
}
.footer-contact p a:hover, .footer-contact p a:active, .footer-contact p a:focus {
  text-decoration: none;
  outline: none;
  color: rgba(0, 174, 213, 1) !important;
}




.no-padd-or-marg{padding: 0 !important; margin:0 !important;}
/* Team section */
/* Hover Blur Effect */
   .text-white {
     color: #fff;
   }
   .hover-blur a {
     display: block;
     position: relative;
     overflow: hidden;
   }
   .hover-blur img {
     /* width: 100%;
     height: 100%; */
     display: block;
        margin-left: auto;
        margin-right: auto;
        width: 100%;
        max-height: auto;
     -webkit-transition: all 0.5s ease-in-out;
     -moz-transition: all 0.5s ease-in-out;
     -o-transition: all 0.5s ease-in-out;
     -ms-transition: all 0.5s ease-in-out;
     transition: all 0.5s ease-in-out;
   }
   .hover-blur:hover img {
     -webkit-transform: scale(1.2);
     -moz-transform: scale(1.2);
     -o-transform: scale(1.2);
     -ms-transform: scale(1.2);
     transform: scale(1.2);
     -webkit-filter: grayscale(0.6) blur(1px);
     filter: grayscale(0.6) blur(1px);
   }
   .hover-blur a h2 {
     display: block;
     position: absolute;
     top: 0;
     left: 0;
     margin-top: 0px;
     margin-bottom: 0px;
     height: 100%;
     width: 100%;
     padding: 45% 20px;
     text-align: center;
     background-color: rgba(0,0,0,0.5);
     /*background dotted*/
     background-image: -webkit-repeating-radial-gradient(center center, rgba(0,0,0,.8), rgba(0,0,0,.8) 1px, transparent 1px, transparent 100%);
     background-image: -moz-repeating-radial-gradient(center center, rgba(0,0,0,.8), rgba(0,0,0,.8) 1px, transparent 1px, transparent 100%);
     background-image: -ms-repeating-radial-gradient(center center, rgba(0,0,0,.8), rgba(0,0,0,.8) 1px, transparent 1px, transparent 100%);
     background-image: repeating-radial-gradient(center center, rgba(0,0,0,.8), rgba(0,0,0,.8) 1px, transparent 1px, transparent 100%);
     -webkit-background-size: 3px 3px;
     -moz-background-size: 3px 3px;
     background-size: 3px 3px;
     -webkit-transition: all 0.5s linear;
     -moz-transition: all 0.5s linear;
     -o-transition: all 0.5s linear;
     -ms-transition: all 0.5s linear;
     transition: all 0.5s linear;
     -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
     filter: alpha(opacity=0);
     opacity: 0;
   }
   .hover-blur:hover a h2 {
     -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
     filter: alpha(opacity=100);
     opacity: 1;
   }
   .hover-blur .text-white {
     -webkit-transform: scale(0);
     -moz-transform: scale(0);
     -o-transform: scale(0);
     -ms-transform: scale(0);
     transform: scale(0);
     -webkit-transition: all 0.5s linear;
     -moz-transition: all 0.5s linear;
     -o-transition: all 0.5s linear;
     -ms-transition: all 0.5s linear;
     transition: all 0.5s linear;
     -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
     filter: alpha(opacity=0);
     opacity: 0;
   }
   .hover-blur:hover .text-white {
     -webkit-transform: scale(1);
     -moz-transform: scale(1);
     -o-transform: scale(1);
     -ms-transform: scale(1);
     transform: scale(1);
     -webkit-transition: all 0.5s linear;
     -moz-transition: all 0.5s linear;
     -o-transition: all 0.5s linear;
     -ms-transition: all 0.5s linear;
     transition: all 0.5s linear;
     -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=1)";
     filter: alpha(opacity=1);
     opacity: 1;
   }
/* end Team section */


/* contact-icons */
.contact-icons-banner {
}
.contact-icons-banner i {
    color:rgba(0, 174, 213, 1);
    font-size:180%;
    text-shadow: 0 4px 6px rgba(0,0,0, 0.25), 0 4px 8px rgba(0,0,0, 0.24);
}
@media screen and (max-width: 768px) {

    .contact-icons-banner i {
        font-size:100%;
    }
    .contact-icons-banner {
        font-size:80%;
    }

}
/* end contact-icons */


/* FAQ */
.panel{
    margin-bottom:0;
}
.panel i {
    color:rgba(0, 174, 213, 1);
    margin-right:10px;
    font-size:125%;
}
/* end FAQ */

/* mision and vision */
.mision-vision-icon{
    color:rgba(0, 174, 213, 1);
    font-size:80px;
    margin-bottom:5%;

}
/* end mision and vision */

/* technology icons */
.tech-list {
    -ms-flex: auto;
    -ms-flex-align: center;
    -ms-flex-flow: row wrap;
    -ms-flex-pack: distribute;
    -webkit-box-align: center;
    -webkit-box-direction: normal;
    -webkit-box-flex: 1;
    -webkit-box-orient: horizontal;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex: auto;
    flex-flow: row wrap;
    justify-content: space-around;
    margin: auto auto 56px;
    max-width: 1440px;
    /* max-width: 980px; */
    min-width: 256px;
    width: 100%;
    margin:auto;
    padding:0;
}

.tech-icon {
    -ms-flex: initial;
    -ms-flex-align: center;
    -ms-flex-flow: column nowrap;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -webkit-box-direction: normal;
    -webkit-box-flex: initial;
    -webkit-box-orient: vertical;
    -webkit-box-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex: initial;
    flex-flow: column nowrap;
    justify-content: center;
    /* margin-bottom: 32px; */
    /* margin-right: 8px; */
    /* margin-left: 8px; */
    padding: 8px;
    text-align:center;
}

.tech-icon img {
    max-width:65px;
    max-height:65px;
}
/* end technology icons */


/* FILTERS */
.truncate-text-one-line {
  color: #1d821f !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  background-color: #a6a9ab !important;
}

.truncate-text-four-line p {
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 4 !important;
  overflow: hidden !important;
    background-color: #a6a9ab;
}
/*END OF FILTERS*/


/* PAGINATION BAR*/
.page-item a {
    color: rgba(0, 174, 213, 1) !important;
}

.active a {
    background-color: rgba(0, 174, 213, 1) !important;
    color: white !important;
    font-weight: bold;
    border: rgba(0, 174, 213, 1) !important;
}
/* END PAGINATION BAR*/


/* NEW STYLE V2 */

/* Section Titles */
.section-title-h1 {
  font-size: 3.5em;
  line-height: 1.2;
  font-weight: bold;
  margin-bottom: 10px;
  text-transform: uppercase;
}

.section-title-h2 {
  font-size: 2.9em;
  line-height: 1.2;
  font-weight: bold;
  margin-bottom: 10px;
}

/* Section Paragraphs */
.section-text {
  font-size: 1.8em;
  line-height: 1.3;
  text-align: center;
  /* padding-left: 5em;
  padding-right: 5em; */
}

.font-large {
  font-size: 1.1em !important; /* Adjust size as needed */
}

.font-larger {
  font-size: 1.5em !important; /* Adjust size as needed */
}

#main-footer p {
  font-size: 1.4em; /* Adjust size as needed */
  line-height: 1.8; /* Optional: Improves readability */
}


/* END NEW STYLE V2 */