@font-face {
     font-family: 'Merriweather-Regular';
     src: url(../fonts/Merriweather-Regular.otf)
}
@font-face {
     font-family: 'Merriweather-BoldItalic';
     src: url(../fonts/Merriweather-BoldItalic.otf)
}
@font-face {
     font-family: 'Merriweather-Bold';
     src: url(../fonts/Merriweather-Bold.otf)
}
#mask, #mask-loader {
     height: 100%;
     position: fixed;
     z-index: 100000;
     width: 100%
}
#mask {
     background-color: #00aeef
}
#mask-loader {
     display: none;
     background-color: rgba(90, 203, 177, .5)
}
.loader {
     position: absolute;
     width: 100%;
     top: 30%;
     text-align: center
}
body {

     background: #fff;
     font-family: 'Merriweather-BoldItalic';
     color: #3b5265;
     font-weight: 400;
     font-size: 14px;
     line-height: 27.2px;
     line-height: 1.7rem;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale

}

.donaciones{
  background-repeat: no-repeat;
   background-size: cover ;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 20px 0px;
}
.donacionesIndex{
  background-repeat: no-repeat;
   background-size: cover ;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 20px 0px;
}
.donaciones .img-donacion{
  width: 100%;
  max-width: 350px;

}
.donaciones .img-donacion img{
  width: 100%;
}
.donaciones .donacion-text{
  position: relative;
  width: 100%;
  max-width: 310px;
  bottom: 35px;

padding-left: 25px;
}

.donaciones .donacion-text a{
  color: #fff;
font-size: calc(0.6em + 0.6vw);
}
/***************/
.donacionesIndex .img-donacion{
  width: 100%;
  max-width: 350px;

}
.donacionesIndex .img-donacion img{
  width: 100%;
}
.donacionesIndex .donacion-text{
  position: relative;
  width: 100%;
  max-width: 310px;
  bottom: 35px;

padding-left: 25px;
}

.donacionesIndex .donacion-text a{
  color: #fff;
font-size: calc(0.6em + 0.6vw);
}

.img-donation-tlf a{
  color: #fff;
  background: #262262;
  padding: 12px 25px;
  border-radius: 10px;
}
 @media (max-width: 750px){
   .img-donation-tlf{
     display: block !important;
     margin: 50px 0 50px 0;
   }
   .img-donationIndex{
     display: none;
   }
  }
.donaciones .donacion-text a:hover{
  color: #00aeef;

}

/*********header nav***/
#header {

    width:100%;
    font-family:Arial, Helvetica, sans-serif;
    background: #000;
  }

  ul, ol {
    list-style:none;
  }

  .nav {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  .nav li a {
    background-color:#000;
    color:#fff;
    text-decoration:none;
    padding:20px 12px;
    display:block;
    width: 100%;

  }

  .nav li a:hover {
    color:#00aeef;
    background: #000 !important;
  }

  .nav li ul {
    display:none;
    position:absolute;
    min-width:140px;
  }

  .nav li:hover > ul {
    display:block;
  }

  .nav li ul li {
    position:relative;
  }

  .nav li ul li ul {
    right:-140px;
    top:0px;
  }

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

/********************Donaciones 2**********************/
.donaciones2{
  background-repeat: no-repeat;
   background-size: cover ;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 20px 0px;
}
.donaciones2 .img-donacion{
  width: 100%;
  max-width: 300px;

}
.donaciones2 .img-donacion img{
  width: 100%;
}
.donaciones2 .donacion-text{
  position: relative;
  width: 300px;
  bottom: 38px;
  text-align: center;

}
.donaciones2 .donacion-text p{
  color: #fff;
font-size: calc(0.7em + 0.7vw);
}

/******************metodo de pago********************/
.metodo-pago{
  width: 100%;
  background: #262262;
  padding: 20px 0;
}
.metodo-pago .btn-payal{
  display: flex;
  justify-content: center;
  margin-bottom: 20px;
}
.metodo-pago .btn-payal img{
  max-width: 200px;
}
.metodo-pago .lista-metodo-pago{

}
.metodo-pago .lista-metodo-pago table{
  color: #fff;
font-size: calc(1em + 1vw);
}

/******************************************/
.banner-donation{
  width: 100%;
}


.wrapper {
     background: #fff none repeat scroll 0 0
}
a, .btn, i {
     -webkit-transition: all .3s ease-out 0;
     transition: all .3s ease-out 0
}
input, select, textarea {
     -webkit-transition: all .5s ease-out 0;
     transition: all .5s ease-out 0
}
.btn {
     border-radius: 0;
     font-size: 14px;
     padding: 0 15px;
     height: 30px;
     line-height: 30px
}
a:focus, .btn:focus {
     text-decoration: none;
     outline: none
}
a:focus, a:hover {
     color: #00aeef;
     text-decoration: none
}
a, button, input {
     outline: medium none;
     color: #666
}
html {
     font-size: 100%
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
     font-family: 'Merriweather-BoldItalic';
     color: #fff;
     -webkit-font-variant-ligatures: common-ligatures;
     font-variant-ligatures: common-ligatures;
     margin-top: 0;
     font-weight: 700
}
h5, .h5, h6, .h6 {
     font-family: 'Merriweather-BoldItalic';
     font-weight: 400
}
h1, .h1 {
     font-size: 36px
}
h2, .h2 {
     font-size: 30px
}
h3, .h3 {
     font-size: 26px
}
h4, .h4 {
     font-size: 20px
}
h5, .h5 {
     font-size: 18px
}
h6, .h6 {
     font-size: 16px
}
@media all and (max-width: 768px) {
     html {
      font-size: 87.5%
 }
}
@media all and (max-width: 767px) {
     h1, .h1 {
      font-size: 30px;
      font-weight: 500
 }
 h2, .h2 {
      font-size: 24px
 }
 h3, .h3 {
      font-size: 20px
 }
 h4, .h4 {
      font-size: 16px
 }
 h5, .h5 {
      font-size: 16px
 }
 h6, .h6 {
      font-size: 16px
 }
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, span a, li a {
     color: inherit
}
p {
     color: #606060;
     font-family: 'Merriweather-BoldItalic';
     font-size: 14px;
     font-weight: 300;
     line-height: 24px;
     margin-bottom: 15px
}
img {
     max-width: 100%;
     -webkit-transition: all .3s ease-out 0;
     transition: all .3s ease-out 0
}
ul {
     margin: 0;
     padding: 0
}
li {
     list-style: none
}
hr {
     border-bottom: 1px solid #eee;
     border-top: 0 none;
     margin: 30px 0;
     padding: 0
}
hr.style-2 {
     border-bottom: 1px dashed #eceff8
}
hr.mp-0 {
     margin: 0;
     border-bottom: 1px solid #eceff8
}
hr.mtb-40 {
     margin: 40px 0;
     border-bottom: 1px solid #eceff8;
     border-top: 0
}
td {
     font-weight: 300
}
label {
     color: #999;
     font-size: 14px;
     font-weight: 400
}
::-moz-selection {
     background: #4fc1f0;
     color: #fff;
     text-shadow: none;
     background: #4fc1f0;
     color: #fff;
     text-shadow: none
}
::selection {
     background: #4fc1f0;
     color: #fff;
     text-shadow: none
}
a.button:after, a.button-small:after {
     -webkit-transition: all .3s ease-out 0;
     transition: all .3s ease-out 0
}
.share ul, .share:hover ul {
     transition: all .4s ease-in-out;
     -webkit-transition: all .4s ease-in-out;
     -ms-transition: all .4s ease-in-out;
     -moz-transition: all .4s ease-in-out;
     -o-transition: all .4s ease-in-out
}
a.button-border span, a.button-border-white span, input, select, textarea {
     -webkit-transition: all .5s ease-out 0;
     transition: all .5s ease-out 0
}
.button {
     background: transparent;
     border: 1px solid #fff;
     color: #fff;
     display: inline-block;
     text-transform: uppercase
}
.button.large {
     padding: 16px 80px;
     font-size: 18px
}
.button.medium {
     padding: 14px 60px;
     font-size: 16px
}
.button.small {
     padding: 8px 20px;
     font-size: 14px
}
.button.extra-small {
     padding: 5px 18px;
     font-size: 14px
}
.width-100 {
     display: block;
     text-align: center;
     width: 100%
}
.btn-transparent {
     background: transparent
}
.btn-border {
     border: 1px solid #fff
}
input[type="text"], input[type="email"], input[type="password"] {
     background: transparent;
     border: 1px solid #e1e1e1;
     color: #606060;
     font-family: 'Merriweather-BoldItalic', sans-serif;
     font-size: 14px;
     font-weight: 300;
     height: 40px;
     margin-bottom: 20px;
     padding: 0 10px;
     width: 100%
}
input::-webkit-input-placeholder {
     color: #606060;
     opacity: 1;
     -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100)
}
input::-moz-placeholder {
     color: #606060;
     opacity: 1;
     -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100)
}
input:-ms-input-placeholder {
     color: #606060;
     opacity: 1;
     -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100)
}
input:-moz-placeholder {
     color: #606060;
     opacity: 1;
     -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100)
}
textarea::-webkit-input-placeholder {
     color: #606060;
     opacity: 1;
     -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100)
}
textarea::-moz-placeholder {
     color: #606060;
     opacity: 1;
     -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100)
}
textarea:-ms-input-placeholder {
     color: #606060;
     opacity: 1;
     -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100)
}
textarea:-moz-placeholder {
     color: #606060;
     opacity: 1;
     -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100)
}
button {
     background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
     border: medium none;
     font-family: 'Merriweather-BoldItalic', sans-serif;
     font-weight: 400
}
select {
     border: 1px solid #eee;
     color: #999;
     font-size: 13px;
     height: 30px;
     padding-left: 20px
}
option {
     background: #fff none repeat scroll 0 0;
     border: 0 solid #626262;
     font-size: 13px;
     padding-left: 10px
}
textarea {
     background: #fff none repeat scroll 0 0;
     border: 1px solid #e1e1e1;
     color: #606060;
     font-family: "'Merriweather-BoldItalic'", sans-serif;
     font-size: 13px;
     font-weight: 300;
     padding: 10px 10px 10px 20px;
     resize: vertical;
     width: 100%
}
input[type="text"]:focus, input[type="email"]:focus, input[type="password"]:focus, textarea:focus, .footer-contact textarea:focus {
     border: 1px solid #00aeef
}
textarea:focus {
     outline: none
}
::-moz-placeholder {
     color: #444;
     font-size: 13px
}
.logo {
     padding: 13px 0
}
.company-info {
       margin-top: 6px;
    padding: 19px 0;
}
.company-info-item {
     float: left;
     overflow: hidden;
     width: 50%
}
.header-icon {
    float: left;
    width: 30%;
    text-align: right;
    margin-top: -18px;
}
.header-icon img{
         width: 87px;
}
.header-info {
     float: left;
     width: 70%
}
.company-info .company-info-item:nth-child(2) {
     padding-left: 5%
}
.header-info h6 {
     font-family: 'Merriweather-Bold';
     font-weight: 700;
     line-height: 15px;
     margin-bottom: 20px;
     font-size: 35px;
     color: #fff;
     text-shadow: 2px 2px 5px #000;
}
.header-info .phone-2{
font-family: 'Merriweather-Bold';
     font-weight: 700;
     line-height: 15px;
     margin-bottom: 20px;
     font-size: 35px;
     color: #fff;
     text-shadow: 2px 2px 5px #000;
}
.header-info p {
     color: #606060;
     font-size: 12px;
     font-weight: 300;
     line-height: 12px;
     margin-bottom: 0
}
.header-search {
     padding: 40px 0
}
.header-search button {
     float: left;
     height: 30px;
     width: 18%
}
.header-search input {
     border: 1px solid #1f223e;
     box-shadow: none;
     color: #303030;
     float: left;
     font-weight: 300;
     height: 30px;
     margin-bottom: 0;
     padding-left: 15px;
     width: 82%
}
.header-search input::-webkit-input-placeholder {
     color: #303030;
     opacity: 1
}
.header-search input::-moz-placeholder {
     color: #303030;
     opacity: 1
}
.header-search input:-ms-input-placeholder {
     color: #303030;
     opacity: 1
}
.header-search input:-moz-placeholder {
     color: #303030;
     opacity: 1
}
.header-area {
     z-index: 10;
     position: relative
}
.main-menu>li+li {
     margin-left: 55px
}
.main-menu>li>a {
     color: #1f223e;
     display: block;
     font-size: 16px;
     padding: 15px 0;
     text-transform: uppercase
}
.main-menu li {
     display: inline-block;
     position: relative
}
.main-menu>li:hover>a, .drop-menu>li:hover>a, .single-mega-item>li:hover>a {
     color: #00aeef
}
.menu-right {
     left: auto;
     right: 0
}
.mega-menu-area {
     background: #fff none repeat scroll 0 0;
     border-bottom: 4px solid #00aeef;
     box-shadow: 0 1px 2px rgba(86, 86, 90, 0.5);
     left: 0;
     padding-bottom: 10px;
     position: absolute;
     text-align: left;
     top: 100%;
     transform: scaleY(0);
     transform-origin: 0 0 0;
     transition: all .3s ease 0;
     visibility: hidden;
     width: 100%;
     z-index: 2
}
.main-menu li.mega-parent {
     position: static
}
.single-mega-item {
     float: left;
     width: 25%;
     padding: 0 15px
}
.main-menu li:hover .mega-menu-area {
     transform: scale(1);
     visibility: visible
}
.header-middle-area .container .row [class*="col-"] {
     position: static
}
.header-middle-area .full-width-mega-drop-menu {
     position: relative
}
.transparent-header {
     position: absolute;
     width: 100%;
     margin: auto;
     background: #000 none repeat scroll 0 0;
     transition: all .3s ease 0
}
.transparent-header .main-menu>li>a {
     color: #fff
}
.transparent-header .main-menu>li:hover>a {
     color: #00aeef
}
.transparent-header.sticky {
     background: #000;
     box-shadow: 0 1px 3px rgba(50, 50, 50, 0.8)
}
.sticky {
     left: 0;
     margin: auto;
     position: fixed;
     top: 0;
     width: 100%;
     background: rgba(255, 255, 255, 0.8);
     box-shadow: 0 1px 3px rgba(50, 50, 50, 0.4)
}
.sticky .main-menu>li>a {
     color: #fff;
     font-size: 14px;
     padding: 18px 0
}
.sticky .main-menu>li>a:hover {
     color: #00aeef
}
.sticky .main-menu>li+li {
     margin-left: 40px
}
.sticky .main-menu {
     text-align: right;
         margin-top: 20px;
}
.sticky-logo img {
     display: none;
     transition: all .3s ease 0
}
.sticky .sticky-logo img {
     display: block;
     float: left;
     padding: 10px 0;
     width: 150px
}
#home {
     position: relative;
     background: #00aeef!important;
     width: 100%;
     height: auto;
     top: 0
}
.hero-slider-inner .owl-nav {
     position: absolute;
     width: 100%;
     height: 0;
     top: 50%;
     left: 0;
     padding: 0 6%;
     -webkit-transform: translateY(-60%);
     -moz-transform: translateY(-60%);
     -ms-transform: translateY(-60%);
     -o-transform: translateY(-60%);
     transform: translateY(-60%)
}
.owl-carousel .owl-item img {
     width: 100%;
     height: auto;
     max-width: none
}
.owl-dots {
     width: 100%;
     position: absolute;
     height: 30px;
     text-align: center;
     bottom: 60px
}
.owl-dot {
     width: 10px;
     height: 10px;
     border-radius: 50%;
     border: 2px solid #fff;
     background: transparent;
     margin: 0 5px;
     padding: 3px;
     display: inline-block;
     position: relative
}
.owl-dot.active {
     -webkit-transform: scale(1.2);
     -moz-transform: scale(1.2);
     -ms-transform: scale(1.2);
     -o-transform: scale(1.2);
     transform: scale(1.2);
     background-color: #c19d0c!important;
     border-color: #c19d0c
}
.owl-nav {
     position: absolute;
     width: 110%;
     height: 0;
     top: 50%;
     left: -5%;
     padding: 0;
     -webkit-transform: translateY(18%);
     -moz-transform: translateY(18%);
     -ms-transform: translateY(18%);
     -o-transform: translateY(18%);
     transform: translateY(18%)
}
.owl-prev, .owl-next {
     font-size: 35px;
     width: 50px;
     height: 50px;
     border-radius: 50%;
     background: #262262;
     line-height: 50px;
     text-align: center;
     color: #fff;
     display: inline-block;
     -webkit-transition: all .3s ease-in-out;
     -moz-transition: all .3s ease-in-out;
     -ms-transition: all .3s ease-in-out;
     -o-transition: all .3s ease-in-out;
     transition: all .3s ease-in-out
}
.owl-prev {
     float: left
}
.owl-next {
     float: right
}
.owl-prev:hover, .owl-next:hover {
     color: #00aeef
}
.call-to-bg {
     position: relative
}
.plr-140 {
     padding-left: 7%;
     padding-right: 7%
}
.ptb-50 {
     padding: 50px 0
}
.call-to-bg:before, .call-to-bg:after {
     content: "";
     height: 100%;
     position: absolute;
     top: 0
}
.call-to-bg:before {
     background: #262262 none repeat scroll 0 0;
     left: 0;
     margin-left: -100px;
     -webkit-transform: skewX(-30deg);
     transform: skewX(-30deg);
     width: 57%
}
.h1 {
     color: #262262!important;
     font-size: 60px;
     letter-spacing: 4px;
     font-family: 'Merriweather-Bold'
}
.h1 span {
     color: #00aeef;
     margin-right: 30px
}
.footer-social-link {
     padding: 0;
     margin: 0;
     text-align: center
}
.footer-social-link li {
     display: inline-block;
     margin: 0
}
.footer-social-link a {
     width: 70px;
     height: 70px;
     border-radius: 50%;
     margin: 0 5px;
     border: 1px solid #fff;
     background-color: #fff;
     display: block;
     -webkit-transition: all .3s ease-in-out;
     -moz-transition: all .3s ease-in-out;
     -ms-transition: all .3s ease-in-out;
     -o-transition: all .3s ease-in-out;
     transition: all .3s ease-in-out;
     -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.8);
     box-shadow: 0 0 5px rgba(0, 0, 0, 0.8)
}
.footer-social-link a i {
     width: 50px;
     height: 50px;
     border-radius: 50%;
     margin: 8px;
     border: 1px solid #262262;
     text-align: center;
     background-color: #fff;
     font-size: 24px;
     line-height: 45px;
     color: #262262
}
.footer-social-link a:hover {
     background-color: #fff;
     border: 1px solid #262262
}
.footer-social-link a:hover i {
     border: 1px solid #fff;
     background-color: #262262;
     color: #fff
}
.subscribe-area {
     background: #00aeef;
     border-bottom: 3px solid #fff;
     position: relative;
     padding: 50px 0;
}
.section-verso {
     background: #00aeef;
     padding: 75px 0 70px;
     position: relative
}
blockquote {
     border-left: none!important
}
.blockquote-verso {
     position: relative
}
.blockquote-verso p {
     float: left;
     width: 100%;
     font-size: 30px;
     font-weight: 500;
     line-height: 40px;
     color: #262262;
     padding: 30px 0;
     border: none;
     font-family: 'Merriweather-BoldItalic';
     position: relative
}
.blockquote-verso h3 {
     font-family: 'Merriweather-Bold';
     color: #262262
}
.blockquote-verso:after {
     font-family: 'FontAwesome';
     content: "\f10d";
     color: #fff;
     font-size: 50px;
     position: absolute;
     right: 80px
}
.blockquote-verso:before {
     font-family: 'FontAwesome';
     content: "\f10e";
     color: #fff;
     font-size: 50px;
     position: absolute;
     right: 10px;
     bottom: -20px
}
.section-widgets {
     background: #262262;
     padding: 75px 0 70px
}
.widgets-image {
     position: relative;
     width: 100%
}
.widgets-image img {
     -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.8);
     box-shadow: 0 0 5px rgba(0, 0, 0, 0.8);
     width: 290px!important;
     height: 290px!important;
     border-radius: 50%;
     border: 2px solid #00aeef;
     background: #00aeef;
     padding: 10px;
     cursor: pointer;
}
.widgets-image img:hover {
     background: rgba(000, 0, 0, 0.4);
     opacity: .7
}
.widget-title {
     margin-top: 15px
}
.widget-title a {
     font-size: 25px;
     color: #fff;
     text-decoration: none;
     cursor: pointer;
     font-family: 'Merriweather-Bold'
}
.widget-title a:hover {
     color: #00aeef
}
.row_bottom_arrow {
     width: 80px;
     height: 40px;
     position: absolute;
     background: #fff;
     transform: rotate(45deg);
     -webkit-transform: rotate(45deg);
     -moz-transform: rotate(45deg);
     -ms-transform: rotate(45deg);
     -o-transform: rotate(45deg);
     left: 50%;
     margin-left: -20px
}
.section-address {
     background: #fff;
     padding: 100px 0 70px
}
.address p {
     margin-top: 20px;
     font-size: 35px;
     color: #262262;
     text-align: center
}
.footer-area {
     background: #FBB040
}
.footer-top{
     padding-top: 110px;
     padding-bottom: 80px;
}
.footer-bottom {
     background: #262262 none repeat scroll 0 0;
     border-top: 1px solid #484848;
     padding: 20px 0
}
.copyright>p {
     font-family: 'Merriweather-BoldItalic';
     font-size: 14px;
     font-weight: 300;
     margin-bottom: 0
}
.copyright a {
     color: #fff
}
.address-info>span, .latest-news-info>p, .footer-contact>p, .footer-contact input, .footer-contact textarea, .copyright>p {
     color: #fff
}
.btn-toogle {
     display: none;
     position: fixed;
     top: 20px;
     float: right;
     right: 10px;
     font-size: 22px;
     color: #fff;
     padding: 12px;
     border: 1px solid #fff;
     background-color: #262262;
     cursor: pointer;
     transition: all .5s ease;
     -moz-transition: all .5s ease;
     -webkit-transition: all .5s ease;
     -ms-transition: all .5s ease;
     -o-transition: all .5s ease;
     cursor: pointer
}
.sidenav-right {
     height: 100%;
     width: 0;
     position: fixed;
     z-index: 1000;
     top: 0;
     right: 0;
     background: #00aeef;
     overflow-x: hidden;
     transition: .5s
}
.sidenav-right ul, .sidenav-right ul>li, .sidenav-right ul>li>a {
     position: relative;
     display: block
}
.closebtn {
     float: right;
     margin-right: 15px;
     width: 30px;
     height: 30px;
     font-size: 36px;
     padding: 0;
     color: #fff;
     opacity: 1;
     cursor: pointer;
     transition: all .5s ease;
     -moz-transition: all .5s ease;
     -webkit-transition: all .5s ease;
     -ms-transition: all .5s ease;
     -o-transition: all .5s ease
}
.closebtn:hover {
     opacity: .75!important
}
.sidenav-right ul {
     margin: 15px 0 0;
     padding: 0
}
.sidenav-right ul>li {
     padding: 15px 0;
     border-bottom: 1px solid rgba(255, 255, 255, .1);
     color: #fff
}
.sidenav-right ul>li>a {
     text-transform: uppercase;
     text-decoration: none;
     color: #fff;
     font-size: 15px;
     font-weight: 500;
     line-height: 20px;
     transition: all .3s ease;
     -moz-transition: all .3s ease;
     -webkit-transition: all .3s ease;
     -ms-transition: all .3s ease;
     -o-transition: all .3s ease;
     cursor: pointer
}
.sidenav-right ul>li>a:hover {
     color: #fff
}
.menu-box {
     right: 0;
     padding: 50px 60px;
     width: 100%
}
#address {
     width: 100%
}
.logo a img {
      max-width: 70%;
 }
@media (max-width:1024px) {
     .header-info h6 {
      font-size: 30px;
 }
 .header-info .phone-2{
       font-size: 30px;
 }
}
@media (max-width:960px) {
     .sticky .sticky-logo img {
      width: 80px;
 }
 .main-menu>li>a, .sticky .main-menu>li>a {
      font-size: 11px;
 }
}
@media (max-width: 768px) {
     .btn-toogle {
      display: block
 }
 .subscribe-area {
      background: #262262;
 }
 .call-to-bg:before {
      display: none
 }
 .logo a img {
      max-width: 40%;
 }
 .owl-dots {
      display: none
 }
 .h1 {
      color: #00aeef!important;
      font-size: 30px
 }
 .h1 span {
      margin-right: 10px;
 }
 .blockquote-verso p {
      font-size: 18px
 }
 .blockquote-verso:before, .blockquote-verso:after {
      font-size: 30px
 }
 .widget-title a {
      font-size: 20px
 }
 #address {
      width: 60%
 }
 .address p {
      font-size: 25px
 }
 .footer-social-link a {
      width: 55px;
      height: 55px
 }
 .footer-social-link a i {
      width: 35px;
      height: 35px;
      border-radius: 50%;
      margin: 8px;
      font-size: 20px;
      line-height: 30px;
      color: #262262
 }
 .company-info {
      padding: 10%;
 }
 .header-info h6 {
      font-size: 28px;
 }
  .header-info .phone-2{
       font-size: 29.5px;
 }
}
@media (max-width:640px) {

     .company-info {
      padding: 10%;
 }
 .header-info h6 {
      font-size: 24px;
      margin-bottom: 20px;
 }
  .header-info .phone-2{
       font-size: 25.5px;
 }
 .header-icon img {
      width: 41px;
 }
}
@media (max-width:480px) {
     .company-info {
         padding: 8%;
    }
    .header-icon {
         margin-top: -5px;
    }
    .header-icon img {
      width: 51px;
 }
 .header-info h6 {
     font-size: 16px;
     margin-bottom: 10px;
}
 .header-info .phone-2{
       font-size: 17.5px;
 }
}
@media (max-width: 320px){
     .header-info h6 {
      font-size: 13px;
      margin-bottom: 3px;
 }
  .header-info .phone-2{
       font-size: 14.5px;
 }
 .header-icon img {
      width: 41px;
 }
}
@media (max-width:240px) {
     .header-icon img {
      width: 41px;
 }
 .btn-toogle{
      padding: 8px;
 }
 .menu-box {
      right: 0;
      padding: 50px 30px;
      width: 100%;
 }
 .sidenav-right ul>li>a {
      font-size: 10px;
 }
 .header-info h6 {
      font-size: 11px;
      margin-bottom: 2px;
 }
  .header-info .phone-2{
       font-size: 12.5px;
 }
 .h1 {
      font-size: 15px;
 }
 .blockquote-verso p {
      font-size: 14px;
 }
 h3, .h3 {
      font-size: 18px;
 }
 .widgets-image img {
      width: 200px!important;
      height: 200px!important;
      padding: 6px;
 }
 .footer-social-link a {
      width: 45px;
      height: 45px;
 }
 .footer-social-link a i {
      width: 30px;
      height: 30px;
      margin: 6px;
      font-size: 16px;
      line-height: 26px;
 }
}



.content-home{
  width: 100%;
  background: #fbb040;
  padding: 100px 0px 50px 0;
}
.content-home-purple{
  width: 100%;
  background: #262262;
  padding: 100px 0px 50px 0;
}
.form-contacto{
  width: 80%;
  display: flex;
  justify-content: center;
  background: #fff;
  padding: 80px 0;
}
.form-contacto-body{
  width: 90%;
}
.form-contacto-body{
  color:#262262;
}
.form-contacto-form{
  width: 100%;
}
.form-contacto-form label{
  color:#262262;
  text-align: right !important;
}


.form-contacto-text{
  text-align: center;
  color: #262262;
}
.form-contacto-text h2, .form-contacto-text h5{
  color: #262262;
}
.btn-send{
  background: #262262;
  color: #fff;


}
@media (max-width: 360px){
  .form-contacto{
    width: 100%;
    padding: 40px 10px;
  }
  .form-contacto-body{
    width: 100%;
  }
 }

 .en-vivo{
   width: 100%;
   padding: 10px;
   background: #fbb040;
  text-align: center;
 }
 .en-vivo h2{
   color: #fff;
 }
 .video-vivo iframe{
   width: 70%; !important;
   height: 300px;
 }
 .video-vivo{
   margin-bottom: 100px;
   display: flex;
   justify-content:center;

 }
 @media (max-width: 990px){
   .video-vivo iframe{
     width: 100% !important;
   }
 }

/*************************************/
.galeria_video_body iframe{
  width: 100% !important;
}

.video-reporduccion iframe{
  height: 400px;
}
@media (max-width: 576px){
  .video-reporduccion iframe{
     height: 200px;
  }
}
.lista-videos-reproduccion{
  height: 500px;

	overflow-y: scroll;
}
.lista-videos-reproduccion img{
  width: 100%;
}
.lista-videos-reproduccion p{
  text-align: center;
  color: #fff;
}

.lista-videos-reproduccion::-webkit-scrollbar-thumb {
    background: #ccc;
    border-radius: 4px;
}

.transmison-no{
  width: 100%;
  color: #fff;
  margin-top: 80px;
  text-align: center;
}
/*********************************************/
.foto-galeria{
  display: flex;
  align-items: center;
  margin-bottom: 50px;
  justify-content: space-around;
}
.foto-galeria .foto-mostar{
  margin: 0 10px;
}
.foto-galeria i{
  color: #fff;
  font-size: 40px;
  cursor: pointer;
}
.foto-galeria .foto-mostar img{
  width: 100%;
}
.lista-galeria-fotos{
  height: 500px;

	overflow-y: scroll;
}
.lista-galeria-fotos .foto-muestra-galeria img{
  width: 100%;
}

.lista-galeria-fotos::-webkit-scrollbar-thumb {
    background: #ccc;
    border-radius: 4px;
}
.foto-muestra-galeria{
  cursor: pointer;
}

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

.content-item-store{
  width: 100%;

}

.content-item-store img{
  height: 250px;
  width: 100%;
}
.img-item{
  height: 250px;
  overflow: hidden;
}
.item-store .detalle{
  text-align: center;
  width: 100%;
  margin-top: -15px;
}
.item-store .detalle a{
  background: #fbb040;
  padding: 10px 10px 10px 0px;
  font-size: calc(0.6em + 0.6vw);
  color: #262262;
}

@media (max-width: 576px){
  .item-store{
    width: 100%;

  }
 }

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

 .detalle-page{
   display: flex;
   width: 100%;
   justify-content: space-around;
 }
 .detalle-foto-item{
    width: 45%;
 }
.detalle-item{
    width: 45%;
}
.img-item-principal{
  width: 100%;
  margin-bottom: 30px;
}
/*
.img-item-sec{
  display: flex;
  justify-content: space-between;
}
*/
.img-item-sec img{
  width: 100%;
}
.titulo-item h1{
  color: #fff;
  margin-bottom: 30px;
}
.price h2{
  color: #FBB040;
  text-align: center;
  font-size: 40px;
}
.cantidad{
  margin-bottom: 30px;
  display: flex;
  height: 40px;
}
.cantidad label{
  color: #FBB040;
  font-size: 20px;
  margin-right: 30px;
}
.descripdion-item{
  color: #fff;
  margin-bottom: 20px;
  font-size: 20px;
  text-align: justify;
}
.carrito{
  text-align: center;
}
.carrito a{
  color: #262262;
  background:  #FBB040;
  padding: 10px;
}
.input-cantidad{
  display: flex;
}
.btn-cantidad-store{
  background: #FBB040;
  padding: 0 18px;
  color: #fff;
}

.input-cantidad-store{
  width: 10px;
  background: #fff;
  color: #000;
}

@media (max-width: 576px){
  .detalle-foto-item{
     width: 100%;
     display: block;
  }
  .detalle-page{
    display: block;
  }
 .detalle-item{
     width: 100%;
     display: block;
 }
 }
/***************************************************/
 .head-img{
   margin-top: -30px;
 }
 @media (max-width: 576px){
   .head-img{
     margin-top: -100px;
   }
   .v-creemos{
     margin-bottom: 0px !important;

   }
  }
.texto-creemos img{
  width: 80%;
}
.v-creemos{
  text-align: center;
  color: #fff;
  width: 80%;
  margin: 0 auto;
  margin-bottom: -40px;
  margin-top: 50px;
}
.t-crremos-r, .t-crremos-l{
  display: flex;
  align-items: center;
}
.t-crremos-l{
  justify-content: flex-start;
}
.t-crremos-r{
  justify-content: flex-end;
}
.texto-creemos{
  font-size: calc(0.8em + 0.8vw);
}
/*
.t-crremos-l span{
  color: #fff;
  margin-right: -45px;
  z-index: 10;
}
*/

.creemos-l .title-creemos h5{
  font-size: calc(1em + 1vw);
  margin-bottom: -55px;
  margin-left: 100px;
}

.creemos-l{
  padding: 60px 60px;
}
.creemos-r{
  background: #fff;
  padding: 60px 60px;
}
.creemos-r .title-creemos h5{
  font-size: calc(1em + 1vw);
  margin-bottom: -55px;
  margin-right: 100px;
  text-align: right;
  color: #262262;
}
.text-creemos{
  color: #fff;
  text-align: center;
}
.creemos-r .text-creemos{
  color: #262262;
}

@media (max-width: 576px){
  .creemos-l{
    padding: 40px 40px;
  }
  .creemos-r{
    padding: 40px 40px;
  }
  .creemos-l .title-creemos h5{
   margin-left: 15px !important;
  }
  .creemos-r .title-creemos h5{
    margin-right: 15px !important;
  }
 .creemos-l .title-creemos h5, .creemos-r .title-creemos h5{
   margin-bottom: 0px !important;
 }
}

 @media (max-width: 768px){
   .creemos-l .title-creemos h5{
    margin-left: 70px;
   }
   .creemos-r .title-creemos h5{
     margin-right: 70px;
   }
  .creemos-l .title-creemos h5, .creemos-r .title-creemos h5{
    margin-bottom: -35px;
  }
}