.s-h li:hover {
  background-color: #ffffff00;
  cursor: default;
}
.box-shadow-wide {
  box-shadow: 0px 0 0px rgba(0, 0, 0, 0);
}
.m-tt{
  margin-top:40px;
}
.p80{
  margin-top: 70px;
}
.v-a-m{
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}
blockquote {
  font-family: 'Open Sans', serif;
  font-style: unset;
}
.backp,
.slider_btn {
  background-color: rgba(0, 0, 0, .7);
}
.backp,
.service_nav li>p,
.slider_caption>p {
  text-align: justify
}

#imgbanner1 h2,
#title-slider {
  font-weight: 400;
  text-transform: uppercase!important;
}

#imgbanner1 h2,
#title-slider,
.archiveblog_right>h2 {
  text-transform: none
}

.archiveblog_right ul .title-eqma,
.eq-ma {
  font-variant: small-caps;
  s-ms-user-select: none
}

#col-2,
#col-4,
#margin-b {
  box-shadow: 4px 4px 6px 0 rgba(0, 0, 0, .25)
}

@font-face {
  font-family: Raleway-B;
  src: url(fonts/Raleway-Bold.ttf) format("truetype")
}

.size-lp {
  width: 115px
}

.custom_navi {
    padding: 25px 0 0
}

.red {
    color: #c0001f!important
}

.backp {
  border-radius: 4px;
  padding: 16px;
  font-size: 15px;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}

.dropdown-menu>li>a:focus,
.dropdown-menu>li>a:hover,
.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:focus,
.navbar-default .navbar-nav>.open>a:hover,
.navbar-default .navbar-nav>li>a:focus,
.navbar-default .navbar-nav>li>a:hover {
  color: #c0001f
}

.navbar-nav>li>.dropdown-menu {
  margin-top: 0
}

.slider_btn:focus,
.slider_btn:hover {
  color: #000
}

.slider_btn {
    border: 1px solid rgba(0, 0, 0, .11)
}

.scrollToTop,
.wpcf7-submit {
  background-color: #c0001f
}

.slides-pagination a {
  border: 2px solid #c0001f
}

.slides-pagination a.current {
  background: #c0001f
}

.service_title>p {
  font-size: 19px;
  color: rgba(110, 110, 110, .91)
}

.service_nav li {
  margin-left: 0;
  width: 50%
}

.service_icon:hover {
  color: #c0001f
}

a:focus,
a:hover {
    color: #6e6e6e
}

.navbar-default li.active:after {
    content: ""
}

.archiveblog_right>h2,
.scrollToTop:focus,
.scrollToTop:hover {
    color: #000
}

.archiveblog_right ul li:before {
    background-color: #c0001f;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -os-transform: rotate(0);
    transform: rotate(0)
}

.archiveblog_right ul li {
    color: #3a3939
}

.pnosotros {
    font-size: 16px
}

.m-fa {
    font-size: 200px;
    color: rgba(51, 51, 51, .81)
}

.wpcf7-submit:hover {
    color: #000;
    border: 1px solid #000
}

#img-cont {
    margin: 90px auto 0;
    width: 84%
}

#map {
    background-color: #fff
}

.resize {
    resize: none;
}

.archiveblog_right {
    float: none;
}

.single_archiveblog {
  padding: 20px 60px 60px 60px;
  margin-top: 60px;-
}

#imgbanner1,
#imgbanner2 {
    display: inline;
    height: 300px;
    margin-top: 90px;
    padding: 146px 0 90px;
    width: 100%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    float: left;
    text-align: center
}

#slider-petrovez {
    width: 100%;
    top: 0;
    height: 100%;
    padding: 0 10%;
    color: #fff
}

#slider-calidad {
    width: 100%;
    top: 3%;
    padding: 0 10%;
    color: #fff;
    text-align: center
}

#slider-salud {
    top: 0;
    width: 100%;
    padding: 0 5%;
    color: #fff
}

#imgbanner1 h2 {
    color: #fff;
    text-align: center;
    font-size: 72px;
    font-variant: small-caps;
    text-shadow: 0 0 21px rgba(0, 0, 0, .88)
}

#imgbanner1 {
    background-image: url(img/banners/b-nosotros.jpg)
}

#slider-calidad h2,
#slider-salud h2 {
    text-shadow: 2px 4px 10px rgba(113, 113, 113, .88)
}

#imgbanner2 h2,
#imgbanner3 h2,
#imgbanner4 h2,
#imgbanner5 h2,
#imgbanner6 h2 {
    color: #fff;
    text-align: center;
    font-size: 72px;
    font-weight: 700;
    font-variant: small-caps;
    text-transform: none;
    text-shadow: 2px 4px 8px #3a3939
}

#imgbanner2 {
    background-image: url(img/prueba2.jpg)
}

.archiveblog_right ul .eq-ma:before,
ul .list-none li:before {
    left: 0;
    width: 10px;
    content: "";
    position: absolute
}

.archiveblog_right ul .eq-ma:before {
    height: 10px;
    margin-top: 5px;
    border-radius: 10px;
    background-color: #252525;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -os-transform: rotate(45deg);
    transform: rotate(45deg)
}

.eq-ma {
    cursor: pointer;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none
}

.archiveblog_right ul .title-eqma {
    font-size: 23px;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    cursor: default
}

#margin-b {
    margin-bottom: 14px;
    background-color: rgba(158, 157, 157, .42);
    padding: 10px;
    color: rgba(93, 92, 92, .68)
}

ul .list-none li:before {
    background-color: #c0001f;
    height: 2px;
    margin-top: 10px;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -os-transform: rotate(0);
    transform: rotate(0)
}

#imgbanner3,
#sliderSection {
    margin-top: 90px
}

#font-s {
    font-size: 23px
}

.list-none {
    display: none;
    transition: 10s
}

#b-chat,
#video,
.list-active {
    display: block
}

li.eq-ma:hover {
    background-color: rgba(169, 168, 168, .3)
}

.cursor {
    cursor: default
}

.row-slider {
    padding-top: 5%
}

#imgbanner5,
#imgbanner6 {
    padding: 146px 50% 90px 0
}

#b-chat {
    background-color: #000;
    color: #000;
    width: 230px;
    height: 30px;
    position: fixed;
    z-index: 44;
    bottom: 0;
    left: 3%
}

#video,
.img-obra {
    position: relative
}

#video {
    margin: auto;
    max-width: 100%
}

.h2-c h2 {
    color: #fff;
    font-size: 45px;
    line-height: 50px;
    text-transform: uppercase;
    font-family: Raleway-E, sans-serif;
    margin-bottom: 18px
}

#l-consorcio {
    height: 19em;
    margin: auto
}

.size {
    top: 0!important;
    height: auto!important;
    left: 0!important;
    width: 100%!important
}

#imgbanner3 {
    background-image: url(img/banners/b-seguridad.jpg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    display: inline;
    float: left;
    height: 300px;
    padding: 146px 0 90px;
    text-align: center;
    width: 100%
}

.b-logos {
    height: 150px
}

.s-16 {
    font-size: 16px
}

#col-con {
    background-color: rgba(110, 110, 110, 0);
    height: 300px;
    cursor: pointer
}

#row-con {
    padding-top: 6%;
    width: 100%
}

@media (max-width:992px) {
    #col-con {
        background-color: rgba(110, 110, 110, 0)
    }
}

@media (max-width:1023px) {
    .size {
        width: 115%!important
    }
}

@media (max-width:744px) {
  .size {
    width: 160%!important
  }
  .mm-- {
    margin-bottom: 70px;
  }  
  .mm {
    height: auto!important;
    margin-bottom: 15px;
  }
}

#imgbanner4,
#imgbanner5 {
    width: 100%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    display: inline;
    height: 300px;
    margin-top: 90px;
    text-align: center;
    float: left
}

#ss-content {
    padding-top: 2%
}

#imgbanner4 {
    background-image: url(img/banners/b-calidad.jpg);
    padding: 146px 0 90px 50%
}

blockquote {
    font-size: 15px
}

#imgbanner5 {
    background-image: url(img/banners/b-social.jpg)
}

.dropdown-menu>.active>a,
.dropdown-menu>.active>a:focus,
.dropdown-menu>.active>a:hover {
    background-color: #c0001f
}

@media (min-width:1473px) {
    .container {
        width: 1300px
    }
}

@media (min-width:1400px) {
    #col-con {
        background-color: rgba(255, 255, 255, 0)
    }
}

.b-obras,
.b-obras:before {
    background-color: #c0001f
}

@media (min-width:1600px) {
    .container {
        width: 1500px
    }
}

#imgbanner6 {
    background-image: url(img/banners/b-experiencia.jpg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    display: inline;
    float: left;
    height: 300px;
    margin-top: 90px;
    text-align: center;
    width: 100%
}

.b-obras {
    height: 200px;
    cursor: pointer
}

.b-obras:hover {
    font-size: 15.4px
}

.col-obras {
    padding: 2px
}

#col-1,
#col-3 {
    padding: 0 89px
}

#col-2,
#col-4 {
    padding: 0 17px;
    border: 1.5px solid rgba(218, 218, 218, .62)
}

#col-3 {
    margin-top: 15px
}

.img-obra {
    height: 100%
}

.img-obra:hover {
    opacity: .4;
    transition: all .5s
}

.b-obras:before {
    content: "";
    color: #fff;
    text-align: center;
    font-family: Raleway-B;
    position: absolute;
    display: block;
    left: -1px;
    top: 63%;
    box-shadow: 4px 4px 6px 0 rgba(0, 0, 0, .51);
    height: auto;
    padding: 13px 0;
    width: 82%;
    z-index: 1;
    transition: all .5s
}

.slides-pagination,
li.bjqs-slide,
ul.bjqs {
    display: none
}

#obra-1:before {
    content: "Armado y Vestida de Taladro Petrojunin"
}

#obra-2:before {
    content: "Emergencia Petroguarico Lago 100"
}

#obra-3:before {
    content: "Sand Blasting"
}

#obra-4:before {
    content: "Bancada de Baja Tension"
}

.zoom {
    position: absolute;
    left: 45%;
    top: 25%;
    height: 26%
}

.level1 {
    z-index: 10!important
}

#level2 {
    z-index: 11
}

.modal-dialog {
    width: 680px;
    margin: 91px auto 0
}

.modal-header {
    padding: 10px 15px;
    border-bottom: 0 solid #e5e5e5
}

.modal-content {
    border-radius: 2px
}

#slides {
    max-height: 463px!important
}

.with100 {
    width: 550px
}

.h-over {
    height: 556px;
    width: auto
}

.b-border {
    border-bottom: 1px solid rgba(95, 94, 94, .35);
    padding-bottom: 11px
}

ol.bjqs-markers,
ul.bjqs,
ul.bjqs-controls {
    list-style: none;
    padding: 0;
    margin: 0
}

ul.bjqs {
    position: relative;
    overflow: hidden
}

li.bjqs-slide,
p.bjqs-caption,
ul.bjqs-controls.v-centered li a {
    position: absolute
}

ul.bjqs-controls {
    z-index: 9999
}

ul.bjqs-controls.v-centered li.bjqs-next a {
    right: 0;
    color: transparent
}
ul.bjqs-controls.v-centered li.bjqs-prev a {
    color: transparent
}

ul.bjqs-controls.v-centered li.bjqs-prev a {
    left: 0
}

ol.bjqs-markers {
    width: 100%
}

ol.bjqs-markers.h-centered {
    text-align: center
}

ol.bjqs-markers li {
    display: inline
}

ol.bjqs-markers li a {
    display: inline-block
}

p.bjqs-caption {
    display: block;
    width: 96%;
    margin: 0;
    padding: 2%;
    bottom: 0
}

.bjqs-next .lol:after {
    content: "";
    width: 50px;
    height: 57px;
    background: url(img/experiencia/next.png) no-repeat;
    background-size: 55px;
    top: 50%;
    right: 0px;
    opacity: 0.6;
    position: absolute
}
.bjqs-prev .lol:after {
    content: "";
    width: 50px;
    height: 57px;
    background: url(img/experiencia/prev.png) no-repeat;
    background-size: 55px;
    top: 50%;
    left: 0px;
    opacity: 0.6;
    position: absolute;
}

#petroworks {
    float: left;
    display: inline;
    width: 100%;
    background-color: #fff
}

#margin-bottom {
    margin-bottom: 30px
}

.box-text {
    position: absolute;
    top: 25%;
    width: 40%;
    right: 50px;
    text-align: center;
    color: white;
}

.t-s{
  color: #fff;
  font-size: 35px;
  line-height: 50px;
  text-transform: uppercase;
  font-family: Raleway-E,sans-serif;
  margin-bottom: 0px;
  border-top-left-radius: 4px;
  padding-top: 10px;
  border-top-right-radius: 4px;
  background-color: rgba(0, 0, 0, .7);
}

.next, .prev {
  position: absolute;
  top: 45%;
  height: 50px;
  opacity: 0.6;
}
.next img , .prev img{
  height:100%;
}
.next{
  right:0px;
}
.next:hover,.prev:hover {
    opacity: 1;
    cursor: pointer;
}
#box-left{
  left:50px;
}
@media(min-width:1472px){
  .b-obras {
    height: 231px;
  }
}
@media(min-width:1599px){
  .b-obras {
    height: 277px;
  }
}
@media (min-width:2000px) {
  .backp {
      font-size: 26px;
  }
  .slider_btn {
    font-size: 26px;
  }
  .t-s {
    font-size: 50px;
  }
  #box-left {
      left: 90px;
  }
  .box-text {
    right: 90px;
  }
  .next, .prev {
    height: 90px;
  }
  body {
    font-size: 25px;
  }
  .dropdown-menu {
    font-size: 25px;
  }
  .service_nav li>p {
    font-size: 26px;
  }
  #font-s {
    font-size: 35px;
  }
  h2, .h2 {
    font-size: 35px;
  }
/* SERVICIOS */
  #imgbanner1, #imgbanner2 {
    height: 420px;
  }
  #imgbanner1 h2, #imgbanner2 h2, #imgbanner3 h2, #imgbanner4 h2, #imgbanner5 h2, #imgbanner6 h2 {
    font-size: 95px;
  }
  .archiveblog_right>h2 {
    font-size: 37px;
  }
  blockquote {
    font-size: 25px;
  }
  .archiveblog_right ul .title-eqma {
    font-size: 35px;
  }
  .archiveblog_right ul li {
    font-size: 29px;
  }
/* END-SERVICIOS */
/* QUIENES-SOMOS */
  .pnosotros {
    font-size: 28px;
  }
/* END-QUIENES-SOMOS */
  #imgbanner4, #imgbanner5 {
    height: 420PX;
  }
/* CALIDAD */
  .s-16 {
    font-size: 25px;
  }
/* END-CALIDAD */
/* SEGURIDAD */
  #imgbanner3 {
    height: 420PX;
  }
/* END-SEGURIDAD */
/* EXPERIENCIA */
  #imgbanner6 {
    height: 420px;
  }
  .b-obras {
    height: 277px;
  }
  .size-lg{
    font-size: 32px;
  }
/* END-EXPERIENCIA */
/* CONTACTO */
  .contact_right p {
    font-size: 25px;
  }
  .wpcf7-submit {
    font-size: 25px;
  }
/* END-CONTACTO */
}
.s-h2{
  border-bottom: 1px dotted #d5d5d5;
  color: #6e6e6e;
  font-size: 25px;
  font-weight: 700;
  padding-bottom: 25px;
  text-align: center;
}
.s-p{
  color: #6e6e6e;
  font-size: 15px;
  line-height: 25px;
  text-align:justify;
}
a {
  color: #767676;
}
#footer-band{
  background-color:grey;
  padding: 8px 10px;
}
#logotipo{
  height: 40px;
  margin: auto;
  display:inline-block;
}
#copyright{
  display: inline-table;
  color: white;
  vertical-align: -webkit-baseline-middle;
  font-size:13px;
  margin-left: 15px;
}
#footer-right{
  box-shadow: -6px 0px 9px -5px #585757;
  color: white;
  height:50px;
}
.s-m{
  margin:0px;
}
.fonts{
  font-family: 'Open Sans', sans-serif;
}
#direccion{
  font-size: 12px;
  margin-top: 15px;
}
#footer-left{
  padding-left: 70px;
}
@media (max-width:412px){
  .next, .prev {
    position: absolute;
    top: 10%;
    opacity: 1;
  }
  .t-s {
    font-size: 25px;
    color: #c0001f!important;
    font-weight: 700;
  }
  .box-text {
    position: relative;
    top: 0%;
    width: 100%;
    right: 0px;
  }
  #box-left {
    left: 0px;
  }
/* SERVICIOS */
  #imgbanner1, #imgbanner2, #imgbanner3, #imgbanner4, #imgbanner5, #imgbanner6 {
    height: 110px;
    padding: 20px 0px 0px 0px;
  }
  #imgbanner1 h2, #imgbanner2 h2, #imgbanner3 h2, #imgbanner4 h2, #imgbanner5 h2, #imgbanner6 h2 {
    font-size: 35px;
  }
  .single_archiveblog {
    padding: 10px 9px;
  }
/* END-SERVICOS */
/* EXPERIENCIAS */
  #col-1, #col-3 {
    padding: 0px;
  }
  .r-e{
    margin-right: -15px!important;
    margin-left: -15px!important;
  }
/* END-EXPERIENCIAS */
/* CONTACTO */
  #img-cont {
    margin: 90px 0px 0px 0px;
    width: 100%;
    height: 150px;
  }
  .sp{
    padding:0px;
  }
  .row {
    margin-right: 0px;
    margin-left: 0px;
  }
/* END-CONTACTO */
  #footer-right {
    box-shadow: 0px 0px 0px 0px #585757;
    height: 76px;
    text-align: center;
  }
  #footer-left {
    padding-left: 0px;
    text-align: center;
  } 
}