.sticky {} .gallery-caption {} .bypostauthor {} 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%;
}
}