/******************************************************************
Theme Name: A&S Fiber Communication
Theme URI: https://asfibercommunication.com/
Description: Whether it is an internal or external job, we offer our best attention with a team ready to attend to your cabling emergencies. We have equipment and trained personnel to carry out their work.telecomunications, maintenance, among others.
Author URI: Impulso Analítico VE. Aruba.
Version: 0.1
Tags: maintenance, telecommunications, business, jobs, eeuu, usa, facilities, equipment, well-being, conditioning, environment, technology, sales, industrial, company, solutions, emergencies.

License: WTFPL
License URI: http://ga4industrial.com/

******************************************************************/

.sticky {}          /* DO NOT EDIT THIS */
.gallery-caption {} /* THESE ARE USELESS */
.bypostauthor {}    /* THEY ARE ONLY TO KEEP THEME CHECK HAPPY */

body{
 overflow-x: hidden ;
 background-color: #ffffff;
 padding-top: 80px;
}

a{color:#111111;text-decoration:none;font-weight: bold;}
a:hover{color:#201b57;text-decoration:none;}

h2{font-weight: bold; font-size: 28pt;}

::-moz-selection {
  color: #ffffff;
  background: #111111;
}

::selection {
  color: #ffffff;
  background: #111111;
}

.tt-1{
  border-bottom: 2px solid #0f75bc;
}

.inbanner{
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  text-transform: uppercase;
  font-weight: bold;
  color: #ffffff;
  background-color: #111111;
  padding: 120px 20px;
  width: 100%;
  height:100%;
}

.wpcf7-submit{
   color: #ffffff;
  background-color: #000000;
  border: none;
  padding: 10px 40px;
  text-decoration: none;
  font-size: 16px;
  align-self: center;
  align-content: center;
  justify-content: center;
}

.wpcf7-submit:hover{
   color: #ffffff;
  background-color: #201b57;
}

.custom-logo{
  height: 70px;
  padding: 0px 20px;
  width: auto;
}

.modal-backdrop {
  z-index: -1;
}

.dropdown-menu{
  color: #000000;
  padding: 5px 20px;
  font-size: 14px;
  font-weight: 100;
  text-transform: uppercase;
  text-decoration: none;
}

.dropdown-toggle::after{
   content: "";
  background-color: none;

}

.page_nav a{
  color: #ff470d;
  text-decoration: none;
}

.page_nav a:hover a:active{
  color: #000000;
}

#navbar a {
  color: #58585a;
  padding: 0px 20px;
  font-size: 16px;
  font-weight: bold;
  text-transform: uppercase;
  text-decoration: none;
  transition: all 0.5s;
}


#navbar a:hover {
  color: #0f75bc;
}

.navbar-nav li{
	padding:10px;
}


.navbar{
background-color:#ffffff;
color:#ffffff;
box-shadow: -4px 10px 5px -6px rgba(0,0,0,0.11);
-webkit-box-shadow: -4px 10px 5px -6px rgba(0,0,0,0.11);
-moz-box-shadow: -4px 10px 5px -6px rgba(0,0,0,0.11);
}

.search02 {
 justify-content: left;
 align-content: left;
  text-align: left;
}

.search02 a{
 color: #000000;
 opacity: 100%;
 text-decoration: none;
}

.search02 a:hover{
 color: #ff470b;
}

.search02 h2{
 font-size: 24px;
 padding-top: 20px;
 padding-bottom: 20px;
}

.search02 p{

 font-size: 14px;
  text-align: left;
}

.search02 img{
  max-width: 100%;
 max-height: 100%;
 height: 250px;
 object-fit: cover;
 padding: 30px;
 width: 450px;
}


.form-contact{
   padding: 10px 15px;
}

.form-control:focus {
    outline: none !important;
    border:1px solid red;
    box-shadow: 0 0 10px #e2e2e2;
  }

.btn-search{
  border-color: #000000;
  color: #000000;
  border-radius: 0px;
  border: 2px solid #000000;
}

.btn-search:hover{
   background-color: #201b57;
  color: #ffffff;
  border-color:#201b57;
}

.plus select  {
  font-size: 16px;
  display: inline-table;
  border: 2px solid #111111;
  color: #111111;
  padding: 10px 15px;
  text-decoration: none;
  border-radius: 0px;
  transition: all 0.5s ease;
  margin: 15px;
  background-color:rgba(0, 0, 0, 0);
  transition: all 0.5s;
}

.plus select:hover  {
  border-color:#0f75bc;
   background-color: #0f75bc;
  color: #ffffff;
}

.cprincipal{
   background-image: url("https://asfibercommunication.com/wp-content/uploads/2023/05/ASFiberCommunicationLLC_07.jpg");
background-size: cover;
background-repeat: no-repeat;
background-position: center;
 background-color: #0f75bc;
}

.cprincipal .carousel-item  img{
  padding:0px;
 max-width: 100%;
 max-height: 100%;
 height: 550px;
}

.cprincipal .carousel-caption{
 color: #ffffff;
 bottom: 15%;
 right: 0%;
 left: 10%;
 width: 50%;
}

.cprincipal .prin{
text-align: left;
text-transform: uppercase;
padding: 30px 30px;
}

.cprincipal .prin h2{
  font-size: 50pt;
  font-weight: bold;

}

.cprincipal .prin p{
  font-size: 22px;
  font-weight: normal;

}

 .prin p{
  font-size: 16px;
  font-weight: normal;

 }

.bg{
padding-top: 40px 0px;
}


.vinfo{
 border: 2px solid #201b57;
 margin: 10px;
 padding: 20px;
}

.vinfo i{
  color: #201b57;
  font-size: 45px;
}


.btn_01 {
  color: #ffffff;
  background-color: #201b57;
  padding: 10px 20px;
  text-decoration: none;
  font-size: 16px;
  display: inline-block;
  margin: 20px 0px;
  text-transform: uppercase;
  transition: all 0.5s;
}

.btn_01:hover{
  color: #ffffff;
  background-color: #111111;
  text-decoration: none;
}

.btn_02{
  color: #ffffff;
  background-color: #111111;
  border-radius: 5px;
  padding: 10px;
  margin: 20px 0px;
  text-decoration: none;
  font-size: 18px;
  transition: all 0.5s;
}

.btn_02:hover{
  color: #ffffff;
  background-color: #201b57;
}


.bg_02{
padding: 50px 10px;
color: #ffffff;
top:12%;
}

.bg_03{
  color: #ffffff;
  background-color: #201b57;
  padding: 50px 10px;

}


.bg_03_3 .img-thumbnail img{
 height: 350px;
 background-color: rgba(0, 0, 0, 0);
 border:none;

}

.bg_03_3 h2{
font-size: 30px;
font-weight: normal;
text-transform: uppercase;

}

.bg_03_3 p{
font-size: 47px;
font-weight: bold;
text-transform: uppercase;
}

.bg_04{
color: #000000:;
  background-color: #ffffff;
  padding: 50px 10px;
}


.bg_04 .corps img{
 height: 350px;
 background-color: rgba(0, 0, 0, 0);
 border:none;

}

.box-01{
background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url("https://t4.ftcdn.net/jpg/02/92/07/55/360_F_292075536_VNTolzreZ1mP1fYpQNVHoyO8BUWH2ZHO.jpg");
color: #ffffff;
padding: 80px 20px;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
 -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.box-01:hover{
background-size: auto;
}

.box-02{
background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url("https://media.istockphoto.com/id/1213293717/photo/engineers-working-on-the-field-near-a-telecommunications-tower-teamwork.jpg?s=612x612&w=0&k=20&c=iQcpHjnP04Ad2OPDZ73XUam1xE7MTibXCEVouAUiwlI=");
color: #ffffff;
padding: 80px 20px;
background-attachment: fixed;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
 -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.box-02:hover{
background-size: auto;
}

.box-03{
background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url("https://www.ziprecruiter.com/svc/fotomat/public-ziprecruiter/cms/1139489497CommunicationsTechnician.jpg");
color: #ffffff;
padding: 80px 20px;
background-attachment: fixed;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
 -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.box-03:hover{
background-size: auto;
}




.bg_05{
color: #000000:;
  background-color: #e4e5e6;
  padding: 100px 10px;
}


.bg_05 .corps img{
 height: 120px;
 background-color: rgba(0, 0, 0, 0);
 border:none;
}

.posts{
 text-align: left;
  padding: 50px 10px;
  color: #ffffff;
  border: 2px solid white;
}

.posts h2{
font-size: 28px;
color: #ffffff;
font-weight: bold;
padding:45px;
background-color: #000000;
}

.posts p{
color: #ffffff;
}

.posts a{
color: #ffffff;
text-decoration: none;
}

.posts a:hover{
color: #de2d41;
}


.post_01{
  padding: 50px 10px;
  background-color: #ffffff;
}

.post_01 h2{
font-size: 48px;
font-weight: bold;
padding:45px;
}


.post_01 a{
color: #111111;
text-decoration: none;
}

.post_01 a:hover{
color: #de2d41;
}

.post_02{
  padding:0px;
  background-color: #ffffff;
  position: relative;
  text-align: center;
  color: white;
}


.post_02 .img-thumbnail, .post_02 .img-thumbnail img{
  max-width: 100%;
 max-height: 100%;
 height: 400px;
 width: 100%;
 object-fit: cover;
 border:none;
 justify-content: center;
 align-items: center;
 position: relative;
}

.sliderg img{
  width: 100%;
  padding:0px;
  max-width: 100%;
 max-height: 100%;
 height: 650px;
 object-fit: cover;
}

.post_02 h1, .post_02 h2 {
font-size: 20pt;
font-weight: bold;
color: #ffffff;
}

.post_02:hover .ptitle{ display: none; }

.ptitle{
  position: absolute;
  bottom: 8px;
  right: 16px;
  background-color: rgb(100, 100, 100, 0.5);
}

.post_02 a{
text-decoration: none;
color: #ffffff;
}

.post_02 .btn_01 {
color: #ffffff;
}

.pop_01{
  background-image: url("https://asfibercommunication.com/wp-content/uploads/2023/05/ASFiberCommunicationLLC_07.jpg");
background-size: cover;
background-repeat: no-repeat;
background-position: center;
  color: #ffffff;
  padding: 50px 10px;
}

.pop_01 h2{
  font-size: 45px;
  padding: 20px;
font-weight: bold;
}


.form-contact{
   padding: 10px 15px;
   color: #ffffff;
}


.form-control:focus {
    outline: none !important;
    border:1px solid #de2d41;
    box-shadow: 0 0 10px #e2e2e2;
  }

.form-contact h2 {
  font-size: 45px;
  padding: 20px;
font-weight: bold;
}

footer{
  color: #ffffff;
  background-color: #111111;
  font-size: 16px;

}

footer a{
  color: #ffffff;
  text-decoration: none;
  font-size: 16px;
  
}

footer a:hover{
  color: #0f73ba;
}

footer .redes a {
  font-size: 24px;
  padding: 10px;
  display: inline-block;
}

footer .imglogo{
  height: 250px;
  padding: 20px;
}

footer .fcontact{display: inline-block; padding: 50px;}


.boxi{
  background-color: #de2d41;
  padding: 10px;
  margin: 5px;
}

.boxi2{
  background-color: #ff7a01;
  padding: 10px;
  margin: 5px;
}

@media (min-width: 430px) and (max-width: 780px){

body{
 padding-top: 60px;
}

.custom-logo{
  height: 50px;
  width: auto;
  padding: 0px 10px;
}

#navbar{
  justify-content: center;
  text-align: center;
  align-content: center;
  align-items:center;
}

.cprincipal .carousel-item {
margin-top: 150px; 
}


.cprincipal .carousel-item  img{
  padding:10px;
 height: 380px;
 opacity: 0;
}

.cprincipal .carousel-caption{
 color: #ffffff;
 bottom: 15%;
 right: 0%;
 left: 20%;
 padding: 20px;
 z-index: 5;
}

.cprincipal .prin{
text-transform: uppercase;
text-align: center;
}

.cprincipal .prin h2{
  font-size: 30pt;
  font-weight: bold;

}

.cprincipal .prin p{
  font-size: 20px;
  font-weight: normal;

}



}

@media (max-width: 430px){

body{
 padding-top: 50px;
}

.custom-logo{
  height: 50px;
  padding: 0px 10px;
}

.brandtop, .navbar{
  justify-content: center;
  text-align: center;
  align-content: center;
  align-items:center;
}

.navbar{
  padding: 10px;
}

.navbar-collapse {
  padding-top: 20px;
}

.navbar-toggler{
  color: #201b57;
}

.cprincipal .carousel-item  img{
  padding:10px;
 height: 550px;
 opacity: 0;
}

.cprincipal .carousel-caption{
 color: #ffffff;
 bottom: 15%;
 right: 0%;
 left: 20%;
 padding: 20px;
 z-index: 5;
}

.cprincipal .prin{
text-transform: uppercase;
text-align: center;
}
	
	.cprincipal .prin h2{
  font-size: 30pt;
  font-weight: bold;

}

.cprincipal .prin p{
  font-size: 18px;
  font-weight: normal;

}
	
.bg_02{
  top: 10%;
}


}