@charset "utf-8";
@import url(http://fonts.googleapis.com/css?family=Roboto:400,300,300italic,400italic,500,700,900|Open+Sans:400,300italic,300,600,600italic,700,700italic,800);
/*-----  FONTS  -----*/
@font-face {
font-family: 'Bebas Neue';
font-style: normal;
font-weight: normal;
src: local('Bebas Neue'), url('../fonts/BebasNeue.woff') format('woff');
}
@font-face {
font-family: 'Bebas Neue Bold';
font-style: normal;
font-weight: normal;
src: local('Bebas Neue Bold'), url('../fonts/BEBASNEUE BOLD.woff') format('woff');
}
/** general **/
body { font-family: 'ROBOTO'; color: #6f6f6f; font-weight: 400; font-size: 15px; }
a { color: #E67E22; text-decoration: none; -webkit-transition: 0.25s; -moz-transition: 0.25s; -o-transition: 0.25s; transition: 0.25s; -webkit-backface-visibility: hidden; outline: 0; }
a:hover { color: #333; text-decoration: none; outline: none; }
a:focus { text-decoration: none; outline: 0px; }
.banner_header { text-shadow: 1px 1px 1px #333333; }
h1, h2, h3, h4, h5, h6 { color: #1C2334; }
h1, h2 { color: inherit; font-family: 'Roboto'; font-weight: 900; line-height: normal; text-transform: uppercase; margin: 0 0 10px 0; text-rendering: optimizelegibility; }
h1 cite, h2 cite { font-weight: 300; }
h1 span, h2 span { padding: 5px 20px;  }
h1 { color: #1C2334; font-size: 42px; text-transform: uppercase; margin-bottom: 30px; margin-bottom: 48px;  }
h3 { margin-bottom: 20px; font-size: 20px; text-transform: uppercase; color: #1C2334; font-weight: 600; }
h4 {}
h5 {}
h6 {}
p { margin-bottom: 18px; }

/*nuevo*/
.imgcomp{
      width: 34px;
}

.polaroid-espacio{
    padding-bottom: 68px;
}
  
.container .brochure a{
        color: white!important;
    font-size: 1.5em!important;
}
.coloreasy{
    background-color:orange;
}
.backYellow{
    background:#FFA20C;
        /*#FFD101;*/
}
.backBlue{
    background:#00225B;
}
.backDarkBlue{
    background:#003D67;
}
.backOrange{
    background:#FF7F00;
}
.logoProducto {
   margin:0px auto 30px auto;
}
.boxContProducto {
    padding:50px 0px;
}
.boxProductos h2{
    font-size:3em;
    text-align:left;
    padding:40px 0px 30px 30px;
}
.boxProductos h3{
    color: white;
    font-size: 2em;
}
.boxProductos h4{
        text-align: left;
    color: white;
    font-size: 1.9em;
}
.boxProductos ul{
    text-align:left;
}
.boxProductos p{
    text-align: justify;
    font-size: 1.7em;
}

.boxProductos ul li{
    font-size:1.8em;
}
.whiteFont {
    color:#FFF;
}
.ds{
    font-size: 60px;
    margin-left: -85px;
}
.info b{
    color: #3D75B9;
}
.img2{
   display: none;
}

div.polaroid {
  /*width: 80%;*/
  background-color: white;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  margin-bottom: 25px;
  margin-left: 20px;
}

div.info {
  text-align: center;
  padding: 10px 20px;
}
.Titulo{
color:white!important ;
text-align:center;
}

.sp{
    padding:0!important;
}
.mas{

  color: #fff!important;

	text-align: center;
}
.quoteArea{
background-image:url("../images/Degradado.jpg");
background-repeat:repeat;
}
#contactArea{
    background-image:url("../images/Contacto/Fondocontacto.jpg")
}
.mvv{
float:left;
width:300px;
text-align:left;
}
.mvv ul li {
  list-style: none;
}
.mvv ul li:before {
/* For a round bullet */
  content: '\2022';
  /* For a square bullet */
  /*content:'\25A0';*/
  display: block;
  position: relative;
  max-width: 0;
  max-height: 0;
  left: -16px;
  top: -8px;
  color: #4d6caa;
  font-size: 25px;
}
.principal{
    float:left; width: 350px; padding-left: 10px;
}
#carousel_feature{
    height:300px;
}
#carousel_featureMB{
    height:250px;
}
/*nuevo*/
.logoIton, .heightAuto{
    height:auto !important;
}

blockquote footer, blockquote small, blockquote .small { color: #453951; }
.top-menu tiny{
    -webkit-box-shadow: 0px -9px 50px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px -9px 50px 0px rgba(0,0,0,0.75);
box-shadow: 0px -9px 50px 0px rgba(0,0,0,0.75);
}
.diamond { transform: rotate(45deg); -webkit-transform: rotate(45deg); border-radius: 10px; -webkit-border-radius: 10px; overflow: hidden; position: relative; }
.diamond i, .diamond img { transform: rotate(-45deg); }
.diamond img { bottom: -22px; left: -22px; max-width: 140%; overflow: hidden; position: relative; right: -22px; text-align: center; top: -22px; }
.bg-primary { background: #1c2334; }

.navbar-toggle { }
.col-space { margin: 30px 0; clear: both; overflow: hidden; width: 100%; }
.row-space { margin: 30px 0; clear: both; overflow: hidden; width: 100%; }
.lead { font-weight: 300; }
.progress { border-radius: 0px; -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.0); box-shadow: inset 0 1px 2px rgba(0,0,0,0.0); background-color: #ebebeb; }
.progress .progress-bar { background-color: #E67E22; -webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,0.0); box-shadow:inset 0 -1px 0 rgba(0,0,0,0.0); }
.form-control { color: #333; border: 2px solid #151820; border-radius:0px; -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.0); box-shadow:inset 0 1px 1px rgba(0,0,0,0.0); }
.form-control:focus { border-color: #2b344c; -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.0); box-shadow:inset 0 1px 1px rgba(0,0,0,0.0); }
.overlay { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 9; background: rgba(0,0,0,0.4) }

.nav-pills > li > a { background: #F6F6F6; color: #453951; }
.nav-pills > li > a { margin: 0 2px; }
.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus { background: #453951; }
.nav-pills > li.active > a:after { top: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(69, 57, 81, 0); border-top-color: #453951; border-width: 10px; margin-left: -10px; }

.panel-default { border: #E67E22; }
.panel-group .panel + .panel { margin-top: 10px; }
.panel-title > a { display: block; padding: 10px 15px; background: #E67E22; color: #fff; border: 0px !important; }
.panel-title > a i { margin-right: 5px; }
.panel-title > a.collapsed { background: #000; color: #333333; }
.panel-title > a kbd { float: right; }
.panel-heading { padding: 0px; }
.panel-default > .panel-heading + .panel-collapse .panel-body { border-color: #F6F6F6; background: #F6F6F6 }


#mainArea .bg-img, #countdownArea,  #videoArea { 
    background-color: #6699cc; 
    background-repeat: no-repeat; 
    background-position: center center; 
    /*background-attachment: fixed; */
    -webkit-background-size: cover; 
    -moz-background-size: cover; 
    -o-background-size: cover; 
    background-size: cover; 
    -webkit-background-size: widthpx heightpx; 
    /*-webkit-background-size: 1900px 1200px; */
    -webkit-background-size: cover;
}
#mainArea .bg-img.promo{
    background-position: left center; 
}
.nav, .navbar .nav, .navbar .nav li, .navbar-collapse, .nav li a, .nav li:hover, .nav li:hover a, .nav li a, .nav li a:hover, .navbar, .navbar-header{
    background:#FFF !important;
}
.navbar .nav li, .navbar .nav li a, .navbar .nav li a:hover, .navbar .nav li:hover a, .navbar .nav li a.current, .navbar .nav li:hover .current{
    border-left:none !important;
    border-right:none !important;
}
/* Buttons */
.productos1{
    background-color:#fafaf8;
    padding:18px;
      border-radius: 25px;
}
.imgp{
        width: 100%!Important;
    height: auto;

}
.btn {
     padding: 5px 20px;
     border-color: #3d75b9;
     text-decoration: none; 
     font-size: 16px; text-transform: uppercase; 
     text-shadow: none; -webkit-box-shadow: none; 
     -moz-box-shadow: none;
     box-shadow: none; 
    -webkit-transition: 0.25s; 
    -moz-transition: 0.25s; -o-transition: 0.25s; 
    transition: 0.25s; -webkit-backface-visibility: hidden; outline: 0;
    background: #3d75b9; color: #fff; }
.btn:hover { background: #0c3e7b; color: #fff; border-color: #0c3e7b; }
.btn.btn-default { padding: 8px 20px; border-color: #1c2334; color: #1c2334; font-size: 13px; text-transform: none; background: #fff; }
.btn.btn-default:hover { color: #fff; background: #1c2334; }
.btn.btn-link { text-decoration: none; }
.btn.btn-link:hover { border-color: #8DC539; background: #141a27; }
.btn-outline-inverse { border: 2px solid #fff; color: #fff; background: rgba(0, 0, 0, 0.0); }
.btn-outline-inverse:hover { background: #fff; color: #d9771f; border: 2px solid #fff; }
.btn-outline-inverse:hover, .btn-outline-inverse:focus { background: #fff; color: #d9771f; }

/* Navigation */
.top-menu, .top-menuProductos { font-size: 14px; font-weight: 400; padding: 5px 0; background: white; border-bottom: 3px solid #f0f0f0; }
.top-menu .navbar-header, .top-menuProductos .navbar-header { margin-left: 0px; margin-right: 0px; }
.top-menu .navbar-brand { color: #fff; font-size: 20px; text-transform: uppercase; height: auto; line-height: 50px; padding: 0px; font-weight: 600; }
.top-menu, .top-menu .navbar-brand, .top-menu .navbar-nav > li > a, .top-menuProductos, .top-menuProductos .navbar-brand, .top-menuProductos .navbar-nav > li > a  { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }
.top-menu .navbar-nav > li > a, .top-menuProductos .navbar-nav > li > a { padding-left: 10px; padding-right: 10px; color: #6f6f6f  ; font-size: 13px;     background-color: white!important; display:inline-block;
                                 /*text-transform: uppercase;*/

}
.top-menu .navbar-nav > li > a:hover,

.top-menu .navbar-nav > .active > a, 
.top-menu .navbar-nav > .active > a:hover, 
.top-menu .navbar-nav > .active > a:focus,
.top-menu .navbar-nav > .open > a, 
.top-menu .navbar-nav > .open > a:hover, 
.top-menu .navbar-nav > .open > a:focus { background: white; color: #3d75b9; }
.top-menu .navbar-toggle { border-color: #fff; margin-right: 0px; background-color:#004D83!important;}
.top-menu .navbar-toggle:hover, 
.top-menu .navbar-toggle:focus { background: #fff; border-color: #fff; }
/*.top-menu .navbar-toggle:hover .icon-bar,
.top-menu .navbar-toggle:focus .icon-bar { background: #1c2334; }
.top-menu > .container .navbar-brand, 
.top-menu > .container-fluid .navbar-brand { margin: 0px;  }*/
.top-menu .navbar-nav > li > a.current, .top-menuProductos .navbar-nav > li > a.current{
    color: #3d75b9;
    font-weight: bold;
    border-bottom: solid #3d75b9;
}
.navbar-nav li, .navbar-nav li a {
    border-left:none !important;
}
/* animated header */
.top-menu.tiny { }

/* jumbotron */
.jumbotron { text-align: center; padding: 40px 0; position: relative; z-index: 999; min-height: 0px; background: none; margin: 0px; color: #fff; }
.jumbotron h1 { font-size: 80px; font-weight: 400; line-height: 1; margin: 10px 0 30px; text-transform: uppercase; }
.jumbotron a.btn { font-weight: bold; margin: 20px auto 0; }

/* jumbotron */
.content-head { text-align: center; }

/* Main Area */
#mainArea { }

/* Main Slider */
#main-slider { position: relative; }
#main-slider .jumbotron { padding-top: 15%; }

/* About Area */
#aboutArea { padding: 80px 0px; }
#aboutArea h1{
   color: #454545;
   text-align: center;
}
#aboutArea h6 { margin-bottom: 5px; text-transform: uppercase; }
#aboutArea h4 { font-weight: 400; font-size: 15px; margin: 20px 0 40px; text-transform: uppercase; }
#aboutArea h4 span { padding: 12px 15px; }
#aboutArea .shape { width: 110px; margin: 40px auto; height: 110px; background: #202738; }
#aboutArea .shape i { transform: rotate(-45deg); font-size: 40px; color: #fff; text-align: center; line-height: 110px; }
#aboutArea h2 { font-size: 20px; font-weight: 600; color: #1c2334; text-transform: uppercase; }
#aboutArea p{
    color:#6f6f6f  ;
    text-align: justify;
}
/* Product Area */
/*#productArea { padding: 10px 0px; }*/
#productArea .i-overlay { font-size: 45px; color: #E67E22; }
/*#productArea .row { margin: 30px 0; }*/
#productArea .shape { width: 110px; margin: 40px auto; height: 110px; background: #202738; }
#productArea h1{
    color:#454545             ;
}
/*#productArea h3:hover{
    font-weight:bold;
}*/

/* Service Area */
#serviceArea { padding: 10px 0px 0px 0px; }
#serviceArea .i-overlay { font-size: 45px; color: #E67E22; }
#serviceArea .row { margin: 30px 0;  }
#serviceArea .shape { width: 110px; margin: 40px auto; height: 110px; background: #202738; }
#serviceArea h1{
    color:#454545             ;
}
#serviceArea h2{
    color:#4d6caa;          
}
#servicearea p{
    color:#6f6f6f  ;
}
/* Setup Area */
#videoArea { padding: 60px 0px; position: relative; color: #fff; background-image: url(images/image_1900x1200.jpg); }
#videoArea h2 { color: #fff; }
#videoArea .glyphicon { font-size: 68px; }
#videoArea .col-md-12 { position: relative; z-index: 99; }

/* Setup Area */
.quoteArea { padding: 60px 0px; color: #fff; position: relative;  }
.quoteArea blockquote { border: 0px; position: relative; z-index: 99; padding: 15px 10px; }
.quoteArea blockquote cite { font-weight: 700; }
.quoteArea h3 { color: #fff; font-size: 26px; text-transform: uppercase; line-height: 34px; }
.quoteArea blockquote footer, 
.quoteArea blockquote small, 
.quoteArea blockquote .small { color: #fff; }

/* clients Area */
#clientsArea { padding: 60px 0px; position: relative; color: #fff; background-image: url(images/image_1900x1200.jpg); }
#clientsArea h2, #socialArea h1 { color: #fff; }
#clientsArea .bg { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: rgba(0,0,0,0.6); }
#clientsArea .col-sm-3 span { display: block; padding: 20px 10px; margin: 0 20px; font-size: 45px; background: #fff; color: #E67E22; -webkit-border-radius: 100px; border-radius: 100px; }
#clientsArea .col-sm-3 p { padding: 15px; font-size: 18px; text-transform: uppercase; }
#clientsArea #clients-slider { padding: 40px 0; } 
#clientsArea .flex-viewport li { width: 190px; font-size: 68px; text-align: center; margin: 0; }
#clientsArea .flex-viewport li a { color: #fff; opacity: 0.5; }
#clientsArea .flex-viewport li a:hover { opacity: 1; }

/* Work Area */
#workArea { padding: 60px 0px; }
#workArea ul.controls { width: 100%; padding: 0px; overflow: hidden; margin: 20px 0; text-transform: uppercase; font-weight: 400; }
#workArea ul.controls li { list-style: none; display: inline-block; margin: 5px 8px; cursor: pointer; }
#workArea ul.controls li.active { color: #ee721a; }
#workArea ul#Grid { margin: 20px 0; padding: 0; position: relative; }
#workArea ul#Grid li { display: none; float: left; margin-bottom: 2em; position: relative; }
#workArea ul#Grid li a { display: block; color: #fff; background: #1C2334; font-weight: 700; text-transform: uppercase; }
#workArea ul#Grid li a span { display: none; position: absolute; width: 100%; text-align: center; top: 45%; left: 0px; -webkit-transition: 0.25s; -moz-transition: 0.25s; -o-transition: 0.25s; transition: 0.25s; }
#workArea ul#Grid li a img { -webkit-transition: 0.25s; -moz-transition: 0.25s; -o-transition: 0.25s; transition: 0.25s; }
#workArea ul#Grid li a:hover img { opacity: 0.3; }
#workArea ul#Grid li a:hover span { display: block; }

/* Team Area */
#teamArea {  overflow: hidden; }
#teamArea h3 { margin-bottom: 5px; }
#teamArea img { margin: 0px auto; }
.social a { color: #1c2334; width: 30px; border-radius: 6px; margin: 0 4px; height: 30px; text-align: center; display: inline-block; background: #fff; }
.social a:hover { color: #fff; background: #141A27; }
.social a .fa { font-size: 17px; display: block; line-height: 30px; }

/* pricing Area */
#processArea { padding: 60px 0px 0px 0px; overflow: hidden; background:#213f61; }
#processArea col-sm-3 { margin-bottom: 20px; }
#processArea .price { padding-top: 25px; transition: all 0.3s; -webkit-transition: all 0.3s; width: 100%; height: 200px; overflow: hidden; background: #2a3246; }
#processArea .col-sm-3:hover .price { background: #121620; }
#processArea .price span { padding-bottom: 10px; display: inline-block; font-size: 50px; color: #fff; position: relative; font-weight: 700; text-transform: uppercase; line-height: 54px; }
#processArea .price span:before { content: "$"; font-weight: 400; font-size: 20px; line-height: 24px; position: absolute; left: -10px; top: 5px; }
#processArea .price span cite { font-size: 14px; }
#processArea strong { margin-bottom: 10px; display: block; font-weight: 700; font-size: 20px; text-transform: uppercase; color: #fff; }
#processArea .price p { font-size: 11px; line-height: 16px; text-transform: uppercase; font-weight: 700; margin: 0 18%; }
#processArea li { line-height: 44px; transition: all 0.3s; -webkit-transition: all 0.3s; font-size: 14px; color: #333; }
#processArea li:hover { background: #f3f2f2; }
#processArea ul { padding-top: 20px; }
/*#processArea img {  width:1600px; height:500px; }*/

/* testimonials Area */
#testimonialsArea { padding: 60px 0px; overflow: hidden; background: #f3f2f2; }
#testimonialsArea .shape { width: 110px; margin: 40px 20px 40px 0; float: right; height: 110px; background: #202738; }
#testimonialsArea ul { list-style: none; }
#testimonialsArea p { color: #333333; font-size: 13px; }
#testimonialsArea .jumbotron { padding: 20px; text-align: left; background: #fff; }
#testimonialsArea .testimonial-author { text-transform: uppercase; font-weight: 700; }
#testimonialsArea .flexslider .flex-prev { right: auto; left: -50px; }
#testimonialsArea .flexslider .flex-next { left: auto; right: -50px; }
#testimonialsArea .flexslider .flex-prev:hover { color: #1c2334; }
#testimonialsArea .flexslider .flex-next:hover { color: #1c2334; }
#testimonialsArea h1 { margin-bottom: 40px; }

/* Contact Area */
#contactArea { padding: 50px 0px;background-color: #3c5b79 }
#contactArea #map { margin: 0; }
#contactArea #map_canvas { height: 500px; width: 100%; clear: both; }
#contactArea .form-control { margin-bottom: 20px; border: none; }
#contactArea textarea { min-height: 140px; }
#contactArea h4 { margin-top: 0px; text-transform: uppercase; font-weight: 700; color: #fff; }
#contactArea h1 { color: #fff; }
#contactArea p { font-size: 17px; color:white; }
#contactArea a:hover { color: #fff; }
#contactArea a .fa{ margin-right: 50px; margin-top: 15px;}
#contactArea a:hover .fa{ color: #E67E22; }

/* Footer Area */
#footerArea { padding: 15px 0; color: white; background: #090e1c; }
#footerArea p { margin: 0; font-size: 12px; }
#footerArea a { color: #d9771f; }
#footerArea a:hover { color: #fff; }
.blackover
{background: rgba(0, 0, 0, 0.6); }

/*------ CAMBIOS PAGIAN DE PRODUCTO ITON------*/
.header_holder{
  position: absolute; 
  width: 100%; 
  height: 100%; 
}
.wrapper-linkAll.iton, .wrapper-linkAll.iton:hover{
  box-shadow: none;
}
.col_iton{
  height: 100%;
}
.grand{
  display: table; 
  height: 100%;
  width: 100%;
}
.childh{
  display: table-cell;
  vertical-align: middle;
}
.header_holder h2{
  font-family: 'Bebas Neue';
  font-weight: 400;
  font-size: 36px;
  color: #353535;
}
.header_holder h2 span{
  font-family: 'Bebas Neue Bold';
  border: none;
  padding: 0;
  font-weight: 700;
}
.no_padding{
  padding: 0;
}
.header_holder .btn{
  background: #e0ae13;
  padding: 5px 20px;
  border-color:#e0ae13;
  font-size: 15px;
  margin: 20px auto;
}
#quote{
  height: 50px;
  text-align: center;
  color: #ffffff;
  font-family: 'Bebas Neue';
  line-height: 50px;
}
#quote h3{
  color: #ffffff;
  margin: 0;
  font-weight: 400;
  line-height: 50px;
  letter-spacing: 1px;
}
.bg_yellow{
  background: #e0ae13;
}
.gray{
  color: #353535;
}
.white{
  color: #ffffff;
}
.yellow{
  color: #e0ae13;
}
#info_iton{
  padding-top: 30px;
}
#info_iton h2{
  margin-top: 50px;
}
.bebas{
   font-family: 'Bebas Neue';
   font-weight: 400;
}
#info_iton .carousel-control{
  background: none;
  text-shadow: none;
  color: #6f6f6f;
}
#carousel_feature{
  margin-top: 40px;
  padding: 0 80px 40px 80px;

}
.mb40{
  margin-bottom: 40px;
}
.mt40{
  margin-top: 40px;
}
#carousel_feature .item p, #carousel_featureMB .item p{
  margin-top:20px;
}
#carousel_feature .carousel-indicators li, #carousel_featureMB  .carousel-indicators li{
  background: #6f6f6f;
  border: solid 1px #6f6f6f;
}
#carousel_client .carousel-indicators li{
  background: #ffffff;
  border: solid 1px #ffffff;
}
#carousel_feature .carousel-indicators li.active, #carousel_client .carousel-indicators li.active, #carousel_featureMB .carousel-indicators li.active{
  background: #e0ae13;
  border: solid 1px #e0ad13;
}
#feature{
  background: #e0ae13 url('../images/ProductoContenido/bgamarillo.jpg') center center no-repeat;
  background-size: cover; 
  padding:  30px 0;
}
#feature ul li {
  text-align: left;
}
#offer{
  padding: 40px 0;
  text-align: left;
}
#offer img{
  width: 100%;
  height: auto;
}
.center{
  text-align: center;
}
#clients{
  background: url(../images/ProductoContenido/slidercliente.jpg) center center no-repeat;
  background-size: cover;
  padding: 30px 0;
}
.client_item{
  background: rgba(255,255,255,.85);
  padding:20px;
}
#call_to_action{
  padding: 30px 0;
}
.btn.bg_yellow{
  border-color: #e0ae13;
}
.btn.bg_yellow:hover{
  border-color: #0c3e7b;
  background: #0c3e7b;
}

#call_to_action .btn{
  font-size: 16px;
  margin-top: 20px;
}
.modal-header{
  border-bottom: none;
  text-align: center;
}
.modal-header h4{
  font-family: 'Bebas Neue';
}
.modal-header .close{
  opacity: 1;
}
#modalContact .form-control{
  border: solid 1px #ccc;
}
#modalContact .form-control.btn{
  border: none;
}
#modalContact label.error{
  color: #e0ae13;
  font-weight: 400;
}
#contactArea label.error{
  color: #ffffff;
  font-weight: 400;
}
/* Start Media Queries */

/* Smaller than standard 960 (devices and browsers) */
@media only screen and (min-width: 960px) and (max-width: 1224px) {
	
	.navbar .navbar-brand { font-size: 28px; }
	.nav > li > a { padding-left: 10px; padding-right: 10px; }
	.navbar .navbar-brand { font-size: 28px; }
  .photoscont {
  	/*margin: 0 auto;
  	max-width: 90%;*/
  	position: relative;
  }
  /**/
  .photoscont a {
  	margin: 0 auto;
  	padding: 0;
  	text-decoration: none;
  }

  .photoscont img {
  	position: relative;
  	float: left;
  	width: 100%;
      
  }

  .photoscont h1 {
  	padding: 18% 0 0 10%;
  	position: absolute;
  	max-width: 100%;
  	/*font-family: 'Dancing Script', cursive;*/
    color: #fff!important;
  	font-size: 2.5vw;
  	text-align: center;
  }
  .photoscont p {
  	padding: 38% 20% 20% 35%;
  	position: absolute;
  	max-width: 100%;
  	/*font-family: 'Dancing Script', cursive;*/
    color: #fff!important;
  	font-size: 1.5vw;
  	text-align: center;
  }
  /**/
  .team a {
  	margin: 0 auto;
  	padding: 0;
  	text-decoration: none;
  }

  /**/
  .team h1 {
  	padding: 0% 0 0 45%;
    top: 45%;
  	position: absolute;
  	max-width: 100%;
  	/*font-family: 'Dancing Script', cursive;*/
    color: #fff!important;
  	font-size: 3.5vw;
  	text-align: center;
  }
  .photos {
  	/*margin: 0 auto;
  	max-width: 90%;*/
  	position: relative;
  }
  /**/
  .photos a {
  	margin: 0 auto;
  	padding: 0;
  	text-decoration: none;
  }

  .photos img {
  	position: relative;
  	float: left;
  	width: 100%;
      
  }
  .photos h1 {
  	padding: 18% 0 0 10%;
  	position: absolute;
  	max-width: 100%;
  	/*font-family: 'Dancing Script', cursive;*/
    color: #fff!important;
  	font-size: 2.5vw;
  	text-align: center;
  }
  .photos p {
  	padding: 38% 0 0 35%;
  	position: absolute;
  	max-width: 100%;
  	/*font-family: 'Dancing Script', cursive;*/
    color: #fff!important;
  	font-size: 1.5vw;
  	text-align: center;
  }
  /**/
  .photos2 {
  	/*margin: 0 auto;
  	max-width: 90%;*/
  	position: relative;
  }
  .photos2 a {
  	margin: 0 auto;
  	padding: 0;
  	text-decoration: none;
  }

  .photos2 img {
  	position: relative;
  	float: left;
  	width: 100%;
  }
  .photos2 h1 {
  	padding: 18% 0 0 10%;
  	position: absolute;
  	max-width: 100%;
  	/*font-family: 'Dancing Script', cursive;*/
    color: #fff!important;
  	font-size: 2.5vw;
  	text-align: center;
  }
  .photos2 p {
  	padding: 38% 0 0 35%;
  	position: absolute;
  	max-width: 100%;
  	/*font-family: 'Dancing Script', cursive;*/
    color: #fff!important;
  	font-size: 1.5vw;
  	text-align: center;
  }
  /**/
  .photos3{
  	/*margin: 0 auto;
  	max-width: 90%;*/
  	position: relative;
  }
  svg{
  	width:100%;
  }
  circle {
    fill: white;
  }
  .photos3 a {
  	margin: 0 auto;
  	padding: 0;
  	text-decoration: none;
  }
  .photos3 img {
  	position: relative;
  	float: left;
  	width: 100%;
    background: rgba(0, 0, 0, .6)
  }
  .photos3 h1 {
  	padding: 18% 0 0 10%;
  	position: absolute;
  	max-width: 100%;
  	/*font-family: 'Dancing Script', cursive;*/
    color: #fff!important;
  	font-size: 2.5vw;
  	text-align: center;
  }
  .photos3 p {
  	padding: 38% 0 0 35%;
  	position: absolute;
  	max-width: 100%;
  	/*font-family: 'Dancing Script', cursive;*/
    color: #fff!important;
  	font-size: 1.5vw;
  	text-align: center;
  }
  .photoscont {
  	/*margin: 0 auto;
  	max-width: 90%;*/
  	position: relative;
  }
  /**/
  .photoscont a {
  	margin: 0 auto;
  	padding: 0;
  	text-decoration: none;
  }

  .photoscont img {
  	position: relative;
  	float: left;
  	width: 100%;
      
  }
  .photoscont h1 {
  	padding: 18% 0 0 25%;
  	position: absolute;
  	max-width: 100%;
  	/*font-family: 'Dancing Script', cursive;*/
    color: #fff!important;
  	font-size: 2.5vw;
  	text-align: center;
  }
  .photoscont p {
  	padding: 28% 0 0 0%;
  	position: absolute;
  	max-width: 100%;
  	/*font-family: 'Dancing Script', cursive;*/
    color: #fff!important;
  	font-size: 1.5vw;
  	text-align: center;
  }
  /**/
}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
	
	.navbar .navbar-brand, .navbar.tiny .navbar-brand { font-size: 20px; }
	.top-menu .navbar-nav > li > a { padding-left: 8px; padding-right: 8px; font-size: 12px; }
	
	.jumbotron h1, .jumbotron .h1 { font-size: 50px; }
	
	.social a { width: 26px; height: 26px; }
	#processArea .price span { font-size: 35px; padding: 0; }
	#processArea li { font-size: 13px; line-height: 40px; }
	#processArea .price { padding-top: 20px; height: 190px; }
	h3 { font-size: 17px; }

	#testimonialsArea .flexslider .flex-prev { display: none; }
	#testimonialsArea .flexslider .flex-next { display: none; }
	
	}
.photoscont {
	/*margin: 0 auto;
	max-width: 90%;*/
	position: relative;
}
/**/
.photoscont a {
	margin: 0 auto;
	/*padding: 0;*/
	text-decoration: none;
}

.photoscont img {
	position: relative;
	float: left;
	width: 100%;
    
}

.photoscont h1 {
	padding: 18% 0 0 25%;
	position: absolute;
	max-width: 100%;
	/*font-family: 'Dancing Script', cursive;*/
  color: #fff!important;
	font-size: 2.5vw;
	text-align: center;
}
.photoscont p {
	padding: 28% 0 0 0%;
	position: absolute;
	max-width: 100%;
	/*font-family: 'Dancing Script', cursive;*/
  color: #fff!important;
	font-size: 1.5vw;
	text-align: center;
}
/**/

.team h1 {
	padding: 0% 0 0 45%;
   top: 45%;
	position: absolute;
	max-width: 100%;
	/*font-family: 'Dancing Script', cursive;*/
  color: #fff!important;
	font-size: 3.5vw;
	text-align: center;
}
.photos {
	/*margin: 0 auto;
	max-width: 90%;*/
	position: relative;
}

.photos a {
	margin: 0 auto;
	padding: 0;
	text-decoration: none;
}

.photos img {
	position: relative;
	float: left;
	width: 100%;
  background: rgba(0, 0, 0, .6)
}

.photos h1 {
	padding: 18% 0 0 10%;
	position: absolute;
	max-width: 100%;
	/*font-family: 'Dancing Script', cursive;*/
  color: #fff!important;
	font-size: 2.5vw;
	text-align: center;
}
.photos p {
	padding: 38% 0 0 35%;
	position: absolute;
	max-width: 100%;
	/*font-family: 'Dancing Script', cursive;*/
  color: #fff!important;
	font-size: 1.5vw;
	text-align: center;
}
/**/
.photos2 {
	/*margin: 0 auto;
	max-width: 90%;*/
	position: relative;
}

.photos2 a {
	margin: 0 auto;
	padding: 0;
	text-decoration: none;
}

.photos2 img {
	position: relative;
	float: left;
	width: 100%;
}

.photos2 h1 {
	padding: 18% 0 0 10%;
	position: absolute;
	max-width: 100%;
	/*font-family: 'Dancing Script', cursive;*/
  color: #fff!important;
	font-size: 2.5vw;
	text-align: center;
}
.photos2 p {
	padding: 38% 0 0 35%;
	position: absolute;
	max-width: 100%;
	/*font-family: 'Dancing Script', cursive;*/
  color: #fff!important;
	font-size: 1.5vw;
	text-align: center;
}
/**/
.photos3{
	/*margin: 0 auto;
	max-width: 90%;*/
	position: relative;
}

.photos3 a {
	margin: 0 auto;
	padding: 0;
	text-decoration: none;
}

.photos3 img {
	position: relative;
	float: left;
	width: 100%;
}

.photos3 h1 {
	padding: 18% 0 0 10%;
	position: absolute;
	max-width: 100%;
	/*font-family: 'Dancing Script', cursive;*/
  color: #fff!important;
	font-size: 2.5vw;
	text-align: center;
}
.photos3 p {
	padding: 38% 0 0 35%;
	position: absolute;
	max-width: 100%;
	/*font-family: 'Dancing Script', cursive;*/
  color: #fff!important;
	font-size: 1.5vw;
	text-align: center;
}
.wrapper-link {
    border-color: transparent !important;
    box-shadow: 0 0 10px 1000px rgba(18, 24, 46, 0.35) inset;
    display: block;
    /*max-height: calc((100vh - 40px) / 2);*/
    /*overflow: hidden;*/
    position: relative;
    transition: all 0.2s ease-in-out 0s;
}
.wrapper-link:hover{
    border-color: 5px #FFF solid;
    box-shadow: 0 0 10px 1000px rgba(18, 24, 46, 0.8) inset;
}
.wrapper-link img {
    height: auto;
    min-width: 100%;
    position: inherit;
    z-index: -1;
}
.photosBox {
    /*position:relative;*/
}
.photosBox .boxtexto{
    position:absolute;
    top:40%;  
    padding:0px 20px;
    text-align:center;
    width:100%;
}
.photosBox .boxtexto h1, .photosBox .boxtexto p{
    color:#FFF !important;
    width:70%;
    display:inline-block;
}
.photosBox .boxtexto h1{
    margin-bottom:30px;
}
#team {
    position:relative;
}
.wrapper-linkAll {
    border-color: transparent !important;
    box-shadow: 0 0 10px 1000px rgba(18, 24, 46, 0.35) inset;
    display: block;
    /*max-height: calc((100vh - 40px) / 2);*/
    overflow: hidden;
    position: relative;
    transition: all 0.2s ease-in-out 0s;
}
.wrapper-linkAll:hover{
    border-color: 5px #FFF solid;
    box-shadow: 0 0 10px 1000px rgba(18, 24, 46, 0.8) inset;
}
.wrapper-linkAll img {
    height: auto;
    min-width: 100%;
    position:inherit;
    z-index:-1;
}

.slides li, #mainArea .bg-img{
    min-height:790px;
}
#precios{
    background:#e9e9e9;
    padding:40px 0 80px 0;
}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 1400px) {
    .photosBox .boxtexto h1{
        margin-bottom:20px;
        font-size:32px;
    }
}
@media only screen and (max-width: 767px) {

	h1 { font-size: 32px; }
	
	.top-menu .navbar-nav > li > a { padding: 2px 10px; font-size: 12px; }
	.navbar .navbar-brand, .navbar.tiny .navbar-brand { font-size: 20px; }
	.jumbotron { padding: 20px 0; }
	.jumbotron h1 { font-size: 35px; }
	.jumbotron p { font-size: 16px; }
	
	#contactArea .col-sm-6 { margin-bottom: 30px;  }
	#contactArea .btn { margin-bottom: 8px; }
	#contactArea { padding-bottom: 20px; }
	
	.top-menu.tiny { padding: 5px 0; }
	.top-menu .navbar-collapse { background: gray; border-color: #fff; }
	.navbar-nav { margin-top: 0; margin-bottom: 0; }
	#testimonialsArea .shape { float: none; margin: 40px auto; }
	#processArea .col-sm-3, #teamArea .col-sm-3 { margin-bottom: 20px; }
	#workArea .col-sm-3 { padding: 0px; width: 46%; margin: 1% 2%; }
	#workArea ul.controls li { font-size: 13px; }
	#aboutArea h4 { font-size: 12px; }
	#aboutArea h4 span { padding: 10px; }
	.quoteArea h3 { font-size: 16px; line-height: 20px; } 
	#videoArea { padding: 40px 0; }
	.quoteArea h3 br { display: none; }
	#processArea .price span { font-size: 35px; padding: 0; }
	#processArea li { font-size: 13px; line-height: 40px; }
      .img1{
     display: none;
   }

   .img2{
     display: block;
   }
    .team a {
  	margin: 0 auto;
  	padding: 0;
  	text-decoration: none;
  }
  .team h1 {
  	padding: 0% 0 0 45%;
     top: 40%;
  	position: absolute;
  	max-width: 100%;
  	/*font-family: 'Dancing Script', cursive;*/
    color: #fff!important;
  	font-size:4.5vw;
  	text-align: center;
  }
  .photos {
  	/*margin: 0 auto;
  	max-width: 90%;*/
  	position: relative;
  }

  .photos a {
  	margin: 0 auto;
  	padding: 0;
  	text-decoration: none;
  }

  .photos img {
  	position: relative;
  	float: left;
  	width: 100%;
  }

  .photos h1 {
  	padding: 25% 0 0 5%;
  	position: absolute;
  	max-width: 100%;
  	/*font-family: 'Dancing Script', cursive;*/
    color: #fff!important;
  	font-size: 3.5vw;
  	text-align: center;
  }
  .photos p {
  	padding: 38% 0 0 43%;
  	position: absolute;
  	max-width: 100%;
  	/*font-family: 'Dancing Script', cursive;*/
    color: #fff!important;
  	font-size: 2vw;
  	text-align: center;
  }
  /**/
  .photos2 {
  	/*margin: 0 auto;
  	max-width: 90%;*/
  	position: relative;
  }

  .photos2 a {
  	margin: 0 auto;
  	padding: 0;
  	text-decoration: none;
  }

  .photos2 img {
  	position: relative;
  	float: left;
  	width: 100%;
  }

  .photos2 h1 {
  	padding: 80% 0 0 10%;
  	position: absolute;
  	max-width: 100%;
  	/*font-family: 'Dancing Script', cursive;*/
    color: #fff!important;
  	font-size: 3.5vw;
  	text-align: center;
  }
  .photos2 p {
  	padding: 94% 0 0 43%;
  	position: absolute;
  	max-width: 100%;
  	/*font-family: 'Dancing Script', cursive;*/
    color: #fff!important;
  	font-size: 2vw;
  	text-align: center;
  }
  /**/
  .photos3 {
  	/*margin: 0 auto;
  	max-width: 90%;*/
  	position: relative;
  }
  .photos3 a {
  	margin: 0 auto;
  	padding: 0;
  	text-decoration: none;
  }

  .photos3 img {
  	position: relative;
  	float: left;
  	width: 100%;
  }

  .photos3 h1 {
  	padding: 25% 0 0 15%;
  	position: absolute;
  	max-width: 100%;
  	/*font-family: 'Dancing Script', cursive;*/
    color: #fff!important;
  	font-size: 3.5vw;
  	text-align: center;
  }
  .photos3 p {
  	padding: 33% 0 0 43%;
  	position: absolute;
  	max-width: 100%;
  	/*font-family: 'Dancing Script', cursive;*/
    color: #fff!important;
  	font-size: 2vw;
  	text-align: center;
  }

  .photosBox .boxtexto h1{
      margin-bottom:20px;
      font-size:30px;
  }
  /*ITON*/
  .photoscont.iton{
    max-height: 580px;
    padding-top: 63px;
    overflow: hidden;
  }
  .photoscont.iton img{ 
    height: 100%;
    width: auto;
  }
  .col_iton{
    height: auto;
  }
  .header_holder h2{
    margin-bottom: 30px;
  }
  #quote h3{
    padding: 5px 0;
    line-height: 20px;
  }
  .mb40{
    margin-bottom: 20px;
  }
  .mt40, #info_iton h2 {
    margin-top: 20px;
  }
  #carousel_feature, #carousel_featureMB{
    padding: 0 10px 40px 10px;
  }
  #carousel_featureMB #info_iton .carousel-control{
    display:inline-block;
  }
  #carousel_feature .item img{
    width: 100%;
  }
  #feature{
    background: #e0ae13;
  }
  #offer h2{
    margin-top: 25px;
  }
  .navbar-inverse .navbar-toggle{
    background: #0c3e7b;
    border-color: #0c3e7b;
  }
  #quote{
    height: 70px;
    padding: 10px 24px;
  }
  #quote h3{
    font-size: 24px;
    line-height: 25px;
  }
  #feature ul{
    padding-left: 20px;
  }
   #carousel_client{
    padding: 0 10px 40px 10px;
  }
  #carousel_client .item{
    padding: 20px 20px 40px 20px;
  }
  #header_holder .btn{
    margin: 20px auto;
  }
  #clients{
    padding: 15px 0;
  }
}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {

	.navbar { padding: 10px 0; }	
	.navbar.tiny { padding: 0px; }
	
	.jumbotron { padding: 10px 0; }
	
	#main-slider .jumbotron h1 { font-size: 28px; }

    .photosBox .boxtexto h1{
    margin-bottom:20px;
    font-size:25px;
}
	
	 }

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) { 
	#main-slider .jumbotron { padding-top: 35%; }
	#main-slider .jumbotron h1 { font-size: 19px!important ; }
	#workArea .col-sm-3 { padding: 0px; width: 100%; margin: 0px; }
	.photosBox .boxtexto h1{
    margin-bottom:20px;
    font-size:30px;
    }
    #mainArea .bg-img.sm-img { -webkit-background-size: auto; }
}
@media only screen and (min-width: 0px) and (max-width: 478px) {
    .photosBox .boxtexto h1{
    margin-bottom:20px;
    font-size:20px;
    }
}