/*!

 * Start Bootstrap - Agency v3.3.7+1 (http://startbootstrap.com/template-overviews/agency)

 * Copyright 2013-2016 Start Bootstrap

 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE)

 */
 .btn-primary.active,
 .btn-primary:active,
 .btn-xl.active,
 .btn-xl:active,
 .open .dropdown-toggle.btn-primary,
 .open .dropdown-toggle.btn-xl {
   background-image: none;
 }
 body {
   touch-action: auto;
   overflow-x: hidden;
   font-family: "Quicksand", "Helvetica Neue", Helvetica, Arial, sans-serif;
   webkit-tap-highlight-color: #fed136;
 }
 .btn-primary,
 .btn-xl,
 h1,
 h2,
 h3,
 h4,
 h5,
 h6 {
   font-family: "Quicksand", "Helvetica Neue", Helvetica, Arial, sans-serif;
 }
 .text-muted {
   color: #777;
 }
 .text-primary,
 a {
   color: #000000;
 }
 p {
   font-size: 15px;
   line-height: 1.75;
 }
 p.large {
   font-size: 16px;
 }
 a,
 a.active,
 a:active,
 a:focus,
 a:hover {
   outline: 0;
 }
 a.active,
 a:active,
 a:focus,
 a:hover {
   color: #000000;
 }
 .img-centered {
   margin: 0 auto;
 }
 .bg-light-gray {
   background-color: #eee;
 }
 .bg-darkest-gray {
   background-color: #222;
 }
 .btn-primary {
   color: #ffffff;
   background-color: transparent;
   border-radius: 5px;
 }
 .btn-none {
   border: none;
   background: none;
   cursor: pointer;
 }
 .btn-none:hover {
   border: none;
   background: none;
 }
 .btn-none:focus {
   border: none;
   background: none;
 }
 .btn-primary.active,
 .btn-primary:active,
 .btn-primary:focus,
 .btn-primary:hover,
 .open .dropdown-toggle.btn-primary {
   color: #000000;
 }
 .btn-primary.disabled,
 .btn-primary.disabled.active,
 .btn-primary.disabled:active,
 .btn-primary.disabled:focus,
 .btn-primary.disabled:hover,
 .btn-primary[disabled],
 .btn-primary[disabled].active,
 .btn-primary[disabled]:active,
 .btn-primary[disabled]:focus,
 .btn-primary[disabled]:hover,
 fieldset[disabled] .btn-primary,
 fieldset[disabled] .btn-primary.active,
 fieldset[disabled] .btn-primary:active,
 fieldset[disabled] .btn-primary:focus,
 fieldset[disabled] .btn-primary:hover {
   background-color: #fed136;
   border-color: #fed136;
 }
 .btn-primary .badge {
   color: #fed136;
   background-color: #fff;
 }
 .btn-xl {
   color: #000000;
   background-color: #ffffff;
   border-radius: 3px;
   font-size: 18px;
   padding: 20px 40px;
 }
 .btn-xl.active,
 .btn-xl:active,
 .btn-xl:focus,
 .btn-xl:hover,
 .open .dropdown-toggle.btn-xl {
   color: #000000;
   background-color: #e7e7e7;
 }
 .btn-xl.disabled,
 .btn-xl.disabled.active,
 .btn-xl.disabled:active,
 .btn-xl.disabled:focus,
 .btn-xl.disabled:hover,
 .btn-xl[disabled],
 .btn-xl[disabled].active,
 .btn-xl[disabled]:active,
 .btn-xl[disabled]:focus,
 .btn-xl[disabled]:hover,
 fieldset[disabled] .btn-xl,
 fieldset[disabled] .btn-xl.active,
 fieldset[disabled] .btn-xl:active,
 fieldset[disabled] .btn-xl:focus,
 fieldset[disabled] .btn-xl:hover {
   background-color: #fed136;
   border-color: #fed136;
 }
 .btn-xl .badge {
   color: #fed136;
   background-color: #fff;
 }
 .navbar-custom {
	border:none;
	height: 50px;
	background-color: rgb(255, 255, 255);
	
 }
 .navbar-custom .navbar-brand {
   color: #fed136;
   font-family: "Quicksand", "Helvetica Neue", Helvetica, Arial, cursive;
 }
 .navbar-custom .navbar-brand.active,
 .navbar-custom .navbar-brand:active,
 .navbar-custom .navbar-brand:focus,
 .navbar-custom .navbar-brand:hover {
   color: #fec503;
 }
 .navbar-custom .nav li a,
 .navbar-custom .navbar-toggle {
   font-family: "Quicksand", "Helvetica Neue", Helvetica, Arial, sans-serif;
   color: #fff;
   text-transform: uppercase;
   top:4px;
   font-size: 12px;
 }
 .navbar-custom.affix .dropdown-menu1>img,.navbar-custom .dropdown-menu1>img{filter: brightness(0.4);}
 .navbar-custom .navbar-collapse {
   overflow: hidden;
 }
 .navbar-custom .navbar-toggle {
   font-size: 14px;
   border-radius: 5px;
   position: absolute;
   right: 5%;
   text-align: -webkit-right;
   width: 50px;
   height: 60px;
   padding: 5px 0 0 0;
 }
 .navbar-custom .navbar-toggle:focus,
 .navbar-custom .navbar-toggle:hover {
 }
 .navbar-custom .nav li a {
   font-weight: bold;
   letter-spacing: 1px;
   color: #a1a1a1;
   display: block;
   margin: 5px 0;
  transition: all 0.3s ease-in;
  text-shadow: 0px 0 0px black;
 }
  .navbar-custom .nav li.active a{
    text-shadow: 0px 0px 0px rgb(0 0 0);
  }
 .navbar-custom.internal-page .nav li.active a, .navbar-right.internal-page li.active a, .navbar-custom.internal-page .nav li a:hover, .navbar-right.internal-page li a:focus{
    color: #383838!important;
    text-shadow: 0 0 10px white;
  }
  .navbar-custom.internal-page-black .nav li.active a{
    color: #fff;
}
  }
  .navbar-custom.internal-page-black .nav li a{
    color: #fefefe;
  }
  
 .navbar-custom.internal-page .nav li a{
  color: #000000;
  text-shadow: 0px 0px 10px white;
}
.navbar-custom.internal-page .nav li a{
  color: #7a7a7a;
  text-shadow: 0px 0px 10px white;
  background-color: transparent;
  
}
.navbar-custom .page-white-left .nav li a{
  text-shadow: 0px 0px 10px white;
}

.navbar-custom .page-white-left .nav li.active a{
  color: #383838!important;
  border-color: #383838;
  text-shadow: 0 0 rgb(255, 255, 255);
}
.navbar-right{
  right: 4%;
}
.navbar-custom .page-white-left .nav li a:hover{
  color: #383838!important;
  text-shadow:none;
}
 .navbar-custom .nav li a:focus,
 .navbar-custom .nav li a:hover {
   color: #fff!important;
   text-shadow: 0 0 BLACK;
 }
 .navbar-custom .navbar-nav > .active > a {
   border-radius: 0;
   color: #fff;
   border-bottom: none;
 }

 .navbar-custom .navbar-nav.navbar-left > .active > a{
  background-color: transparent;
  color:#fff;
  border-color: #fff;;
 }
 .navbar-custom .navbar-nav > .active > a:focus,
 .navbar-custom .navbar-nav > .active > a:hover {
   color: #fff;
 }
 
 .navbar-custom .navbar-nav.white-background > .active > a,
 .navbar-custom .navbar-nav.white-background > .active > a:focus,
 .navbar-custom .navbar-nav.white-background > .active > a:hover,
 .navbar-custom .navbar-nav.white-background a:focus,
 .navbar-custom .navbar-nav.white-background a:hover {
   color: #555!important;
 }
 @media (max-width: 1440px) {
  .navbar-custom.internal-page .nav li a, .navbar-custom.internal-page .nav li a:hover{
   /*background-color: rgb(255 255 255 / 50%);*/
  }
  .navbar-custom .navbar-toggle {
    right: 10px;
}
 }

 @media (min-width: 5000px) {
   .navbar-custom {
	 background-color: transparent;
	 padding: 25px 0;
	 -webkit-transition: padding 0.3s;
	 -moz-transition: padding 0.3s;
	 transition: padding 0.3s;
	 border: none;
   }
   .navbar-custom .navbar-brand {
	 font-size: 2em;
	 -webkit-transition: all 0.3s;
	 -moz-transition: all 0.3s;
	 transition: all 0.3s;
   }
   .navbar-custom .navbar-nav > .active > a {
	 border-radius: 0px;
   }
   .navbar-custom.affix {
		
		background-color: #ffffff;
		padding: 10px 0;
		height: 75px;
   }
   .navbar-custom.affix .navbar-brand {
	 font-size: 1.5em;
   }
 }
 header {
   background-repeat: no-repeat;
   background-attachment: scroll;
   background-position: center center;
   -webkit-background-size: cover;
   -moz-background-size: cover;
   background-size: cover;
   -o-background-size: cover;
   text-align: center;
   color: #fff;
   width: 100%;
 }
 header .intro-text {
   padding-top: 100px;
   padding-bottom: 50px;
 }
 header .intro-text .intro-lead-in {
   font-family: "Quicksand", "Helvetica Neue", Helvetica, Arial, sans-serif;
   font-style: italic;
   font-size: 22px;
   line-height: 22px;
   margin-bottom: 25px;
 }
 header .intro-text .intro-heading {
   font-family: "Quicksand", "Helvetica Neue", Helvetica, Arial, sans-serif;
   text-transform: uppercase;
   font-weight: 700;
   font-size: 50px;
   line-height: 50px;
   margin-bottom: 25px;
 }
 @media (min-width: 5000px) {
   header .intro-text {
	 padding-top: 300px;
	 padding-bottom: 200px;
   }
   header .intro-text .intro-lead-in {
	 font-family: "Quicksand", "Helvetica Neue", Helvetica, Arial, sans-serif;
	 font-style: italic;
	 font-size: 40px;
	 line-height: 40px;
	 margin-bottom: 25px;
   }
   header .intro-text .intro-heading {
	 font-family: "Quicksand", "Helvetica Neue", Helvetica, Arial, sans-serif;
	 text-transform: uppercase;
	 font-weight: 700;
	 font-size: 75px;
	 line-height: 75px;
	 margin-bottom: 50px;
   }
 }
 #portfolio .portfolio-item .portfolio-caption p,
 section h3.section-subheading {
   font-family: "Quicksand", "Helvetica Neue", Helvetica, Arial, sans-serif;
   font-style: italic;
 }
 section {
   padding: 100px 0;
 }
 section h2.section-heading {
   font-size: 40px;
   margin-top: 0;
   margin-bottom: 15px;
 }
 section h3.section-subheading {
   font-size: 16px;
   text-transform: none;
   font-weight: 400;
   margin-bottom: 75px;
 }
 @media (min-width: 5000px) {
   section {
	 padding: 150px 0;
   }
 }
 .service-heading {
   margin: 15px 0;
   text-transform: none;
 }
 #portfolio .portfolio-item {
   margin: 0 0 15px;
   right: 0;
 }
 #portfolio .portfolio-item .portfolio-link {
   display: block;
   position: relative;
   max-width: 400px;
   margin: 0 auto;
 }
 #portfolio .portfolio-item .portfolio-link .portfolio-hover {
   background: rgba(254, 209, 54, 0.9);
   position: absolute;
   width: 100%;
   height: 100%;
   opacity: 0;
   transition: all ease 0.5s;
   -webkit-transition: all ease 0.5s;
   -moz-transition: all ease 0.5s;
 }
 #portfolio .portfolio-item .portfolio-link .portfolio-hover:hover {
   opacity: 1;
 }
 #portfolio
   .portfolio-item
   .portfolio-link
   .portfolio-hover
   .portfolio-hover-content {
   position: absolute;
   width: 100%;
   height: 20px;
   font-size: 20px;
   text-align: center;
   top: 50%;
   margin-top: -12px;
   color: #fff;
 }
 #portfolio
   .portfolio-item
   .portfolio-link
   .portfolio-hover
   .portfolio-hover-content
   i {
   margin-top: -12px;
 }
 #portfolio
   .portfolio-item
   .portfolio-link
   .portfolio-hover
   .portfolio-hover-content
   h3,
 #portfolio
   .portfolio-item
   .portfolio-link
   .portfolio-hover
   .portfolio-hover-content
   h4 {
   margin: 0;
 }
 #portfolio .portfolio-item .portfolio-caption {
   max-width: 400px;
   margin: 0 auto;
   background-color: #fff;
   text-align: center;
   padding: 25px;
 }
 #portfolio .portfolio-item .portfolio-caption h4 {
   text-transform: none;
   margin: 0;
 }
 #portfolio .portfolio-item .portfolio-caption p {
   font-size: 16px;
   margin: 0;
 }
 footer.black a{
  color: #fff;
 }
 footer span.copyright,
 footer ul.quicklinks {
   font-family: "Quicksand", "Helvetica Neue", Helvetica, Arial, sans-serif;
 }
 #portfolio * {
   z-index: 2;
 }

 #message.form-control, #email.form-control, #name.form-control{
  color:#fff
 }
 @media (min-width: 767px) {
   #portfolio .portfolio-item {
	 margin: 0 0 30px;
   }
   .navbar-right{top: 40px;}
 }
 .timeline {
   list-style: none;
   padding: 0;
   position: relative;
 }
 .timeline:before {
   top: 0;
   bottom: 0;
   position: absolute;
   content: "";
   width: 2px;
   background-color: #f1f1f1;
   left: 40px;
   margin-left: -1.5px;
 }
 .timeline > li {
   margin-bottom: 50px;
   position: relative;
   min-height: 50px;
 }
 .timeline > li:after,
 .timeline > li:before {
   content: " ";
   display: table;
 }
 .timeline > li:after {
   clear: both;
 }
 .timeline > li .timeline-panel {
   width: 100%;
   float: right;
   padding: 0 20px 0 100px;
   position: relative;
   text-align: left;
 }
 .timeline > li .timeline-panel:before {
   border-left-width: 0;
   border-right-width: 15px;
   left: -15px;
   right: auto;
 }
 .timeline > li .timeline-panel:after {
   border-left-width: 0;
   border-right-width: 14px;
   left: -14px;
   right: auto;
 }
 .timeline > li .timeline-image {
   left: 0;
   margin-left: 0;
   width: 80px;
   height: 80px;
   position: absolute;
   z-index: 100;
   background-color: #fed136;
   color: #fff;
   border-radius: 100%;
   border: 7px solid #f1f1f1;
   text-align: center;
 }
 .timeline > li .timeline-image h4 {
   font-size: 10px;
   margin-top: 12px;
   line-height: 14px;
 }
 .timeline > li.timeline-inverted > .timeline-panel {
   float: right;
   text-align: left;
   padding: 0 20px 0 100px;
 }
 .timeline > li.timeline-inverted > .timeline-panel:before {
   border-left-width: 0;
   border-right-width: 15px;
   left: -15px;
   right: auto;
 }
 .timeline > li.timeline-inverted > .timeline-panel:after {
   border-left-width: 0;
   border-right-width: 14px;
   left: -14px;
   right: auto;
 }
 .timeline > li:last-child {
   margin-bottom: 0;
 }
 .timeline .timeline-heading h4 {
   margin-top: 0;
   color: inherit;
 }
 .timeline .timeline-heading h4.subheading {
   text-transform: none;
 }
 .timeline .timeline-body > p,
 .timeline .timeline-body > ul {
   margin-bottom: 0;
 }
 @media (min-width: 5000px) {
   .timeline:before {
	 left: 50%;
   }
   .timeline > li {
	 margin-bottom: 100px;
	 min-height: 100px;
   }
   .timeline > li .timeline-panel {
	 width: 41%;
	 float: left;
	 padding: 0 20px 20px 30px;
	 text-align: right;
   }
   .timeline > li .timeline-image {
	 width: 100px;
	 height: 100px;
	 left: 50%;
	 margin-left: -50px;
   }
   .timeline > li .timeline-image h4 {
	 font-size: 13px;
	 margin-top: 16px;
	 line-height: 18px;
   }
   .timeline > li.timeline-inverted > .timeline-panel {
	 float: right;
	 text-align: left;
	 padding: 0 30px 20px 20px;
   }
 }
 @media (min-width: 992px) {
   .timeline > li .timeline-panel,
   .timeline > li.timeline-inverted > .timeline-panel {
	 padding: 0 20px 20px;
   }
   .timeline > li {
	 min-height: 150px;
   }
   .timeline > li .timeline-image {
	 width: 150px;
	 height: 150px;
	 margin-left: -75px;
   }
   .timeline > li .timeline-image h4 {
	 font-size: 18px;
	 margin-top: 30px;
	 line-height: 26px;
   }
 }
 @media (min-width: 1200px) {
   .timeline > li {
	 min-height: 170px;
   }
   .timeline > li .timeline-panel {
	 padding: 0 20px 20px 100px;
   }
   .timeline > li .timeline-image {
	 width: 170px;
	 height: 170px;
	 margin-left: -85px;
   }
   .timeline > li .timeline-image h4 {
	 margin-top: 40px;
   }
   .timeline > li.timeline-inverted > .timeline-panel {
	 padding: 0 100px 20px 20px;
   }
 }
 .team-member {
   text-align: center;
   margin-bottom: 50px;
 }
 .team-member img {
   margin: 0 auto;
   border: 7px solid #fff;
 }
 .team-member h4 {
   margin-top: 25px;
   margin-bottom: 0;
   text-transform: none;
 }
 .team-member p {
   margin-top: 0;
 }
 aside.clients img {
   margin: 50px auto;
 }
 section#contact {
   background-color: #000000;
   background-position: center;
   background-repeat: no-repeat;
 }
 section#contact .section-heading {
   color: #fff;
 }
 section#contact .form-group {
   margin-bottom: 25px;
 }
 section#contact .form-group input,
 section#contact .form-group textarea {
   padding: 20px;
 }
 section#contact .form-group input.form-control {
   height: auto;
 }
 section#contact .form-group textarea.form-control {
   height: 236px;
 }
 section#contact .form-control:focus {
   border-color: #fed136;
   box-shadow: none;
 }
 section#contact ::-webkit-input-placeholder {
   font-family: "Quicksand", "Helvetica Neue", Helvetica, Arial, sans-serif;
   text-transform: uppercase;
   font-weight: 700;
   color: #eee;
 }
 section#contact :-moz-placeholder {
   font-family: "Quicksand", "Helvetica Neue", Helvetica, Arial, sans-serif;
   text-transform: uppercase;
   font-weight: 700;
   color: #eee;
 }
 section#contact ::-moz-placeholder {
   font-family: "Quicksand", "Helvetica Neue", Helvetica, Arial, sans-serif;
   text-transform: uppercase;
   font-weight: 700;
   color: #eee;
 }
 section#contact :-ms-input-placeholder {
   font-family: "Quicksand", "Helvetica Neue", Helvetica, Arial, sans-serif;
   text-transform: uppercase;
   font-weight: 700;
   color: #eee;
 }
 section#contact .text-danger {
   color: #e74c3c;
 }
 a.blacklink{
  color:#fff
 }
 a.blacklink:focus,a.blacklink:hover{
  color:#fed136
 }
 footer {
   padding: 25px 0;
   text-align: center;
 }
 footer span.copyright {
   line-height: 40px;
   text-transform: uppercase;
   text-transform: none;
 }
 footer ul.quicklinks {
   margin-bottom: 0;
   line-height: 40px;
   text-transform: uppercase;
   text-transform: none;
 }
 ul.social-buttons {
   margin-bottom: 0;
 }
 ul.social-buttons li a {
   display: block;
   background-color: #222;
   height: 40px;
   width: 40px;
   border-radius: 100%;
   font-size: 20px;
   line-height: 40px;
   color: #fff;
   outline: 0;
   -webkit-transition: all 0.3s;
   -moz-transition: all 0.3s;
   transition: all 0.3s;
 }
 ul.social-buttons li a:active,
 ul.social-buttons li a:focus,
 ul.social-buttons li a:hover {
   background-color: #fed136;
 }
 .btn.active,
 .btn:active,
 .btn:active:focus,
 .btn:focus {
   outline: 0;
 }
 .portfolio-modal .modal-dialog {
   margin: 0;
   height: 100%;
   width: auto;
 }
 .portfolio-modal .modal-content {
   border-radius: 0;
   background-clip: border-box;
   -webkit-box-shadow: none;
   box-shadow: none;
   border: none;
   min-height: 100%;
   padding: 100px 0;
   text-align: center;
 }
 .portfolio-modal .modal-content h2 {
   margin-bottom: 15px;
   font-size: 3em;
 }
 .portfolio-modal .modal-content p {
   margin-bottom: 30px;
 }
 .portfolio-modal .modal-content p.item-intro {
   margin: 20px 0 30px;
   font-family: "Quicksand", "Helvetica Neue", Helvetica, Arial, sans-serif;
   font-style: italic;
   font-size: 16px;
 }
 .portfolio-modal .modal-content ul.list-inline {
   margin-bottom: 30px;
   margin-top: 0;
 }
 .portfolio-modal .modal-content img {
   margin-bottom: 30px;
 }
 .portfolio-modal .close-modal {
   position: absolute;
   width: 75px;
   height: 75px;
   background-color: transparent;
   top: 25px;
   right: 25px;
   cursor: pointer;
 }
 .portfolio-modal .close-modal:hover {
   opacity: 0.3;
 }
 .portfolio-modal .close-modal .lr {
   height: 75px;
   width: 1px;
   margin-left: 35px;
   background-color: #222;
   transform: rotate(45deg);
   -ms-transform: rotate(45deg);
   -webkit-transform: rotate(45deg);
   z-index: 1051;
 }
 .portfolio-modal .close-modal .lr .rl {
   height: 75px;
   width: 1px;
   background-color: #222;
   transform: rotate(90deg);
   -ms-transform: rotate(90deg);
   -webkit-transform: rotate(90deg);
   z-index: 1052;
 }
 .portfolio-modal .modal-backdrop {
   opacity: 0;
   display: none;
 }
 ::-moz-selection {
   text-shadow: none;
   background: #fed136;
 }
 ::selection {
   text-shadow: none;
   background: #fed136;
 }
 img::selection {
   background: 0 0;
 }
 img::-moz-selection {
   background: 0 0;
 }
 .affix-top
   > .container
   > .collapse.navbar-collapse
   > .nav.navbar-nav.navbar-right {
   text-align: right;
   padding: 10px;
   border-radius: 5px;
 
   position: fixed;
 
   right: 5%;
 }
 .navbar-fixed-top.mobile.white-nav ul li a{
  padding: 5px 10px;
  color: #1e1e1e;  
  border-bottom: solid 2px #333;
 }
 .navbar-fixed-top.mobile.black-nav ul li a{
  padding: 5px 10px;
  background-color: #727272;
  color: #1e1e1e;
  border-bottom: solid 5px #a9a9a9;
  text-shadow: 0px 0px 0px black;
 }
 .navbar-fixed-top.mobile.black-nav ul li.active > a , .navbar-fixed-top.mobile.black-nav ul li:hover > a, .navbar-fixed-top.mobile.black-nav ul li:focus > a {
  color: #000;
  background-color: #fff;
  border-bottom: solid 5px #727272;
 }
 .navbar-fixed-top.mobile.white-nav ul li.active > a {
  color: #fff;
  background-color: #333;
  border-bottom: solid 2px #727272;
 }
 .navbar-fixed-top.mobile.black-nav{

 }
 @media (max-width: 5000px) {
   .affix-top > .container > .navbar-header {
	 width: initial;
   }
 }
 .carousel-inner > .item {
   /*-webkit-filter: ;*/
 }
 .carousel-inner > .item.active > .imagen_carousel1 {
   transform: scale(1.2);
   transition: all 10s;
 }
 .carousel-inner > .item.active > .imagen_carousel2 {
   transform: scale(1.2);
   transition: all 10s;
 }
 .carousel-inner > .item.active > .imagen_carousel3 {
   transform: scale(1.2);
   transition: all 10s;
 }
 .carousel-inner > .item.active > .imagen_carousel4 {
   transform: scale(1.2);
   transition: all 10s;
   -webkit-filter: grayscale(100%) brightness(30%);
   filter: grayscale(100%) brightness(30%);
 }
 .igviewer {
   position: fixed;
   top: 0;
   bottom: 0;
   right: 0;
   left: 0;
   background-color: RGBA(29, 31, 32, 0.9);
   z-index: 2000;
 }
 .igviewer img {
   display: block;
   margin: 1rem auto;
   height: 90vh;
   width: auto;
   box-shadow: 0 10px 40px 10px rgba(0, 0, 0, 0.8);
   position: fixed;
   top: 5%;
   left: 0;
   right: 0;
 }
 .igviewer.hidden {
   display: none;
 }
 .instagram {
   display: -webkit-flex;
   display: flex;
   -webkit-flex-flow: row wrap;
   flex-flow: row wrap;
   overflow: hidden;
   width: 100%;
   margin: 0 auto;
 }
 .instagram .image {
   background-repeat: none;
   background-position: center center;
   background-size: 100%;
   width: 277px;
   height: 277px;
   margin: 10px auto;
   overflow: hidden;
   transition: all 0.2s ease;
   position: relative;
   cursor: pointer;
 }
 .instagram .image .caption {
   display: none;
   position: absolute;
   bottom: 0;
   left: 0;
   right: 0;
   background-color: rgba(0, 0, 0, 0.7);
   color: #fff;
   padding: 1em;
 }
 .instagram .image:hover {
   background-size: 110%;
 }
 .instagram .image:hover .caption {
   display: block;
 }
 .affix
   > .container
   > .navbar-header.page-scroll
   > .navbar-brand.page-scroll
   > img {
   width: 200px;
 }
 .imagen_carousel1 {
   background-image: url(../img/portfolio/obra1.jpg);
   background-size: cover;
   background-size: cover;
   height: 100vh;
   background-position: center center;
 }
 .imagen_carousel2 {
   background-image: url(../img/portfolio/obra2.jpg);
   background-size: cover;
   background-size: cover;
   height: 100vh;
   background-position: center center;
 }
 .imagen_carousel3 {
   background-image: url(../img/portfolio/obra3.jpg);
   background-size: cover;
   background-size: cover;
   height: 100vh;
   background-position: center center;
 }
 .imagen_carousel4 {
   background-image: url(../img/portfolio/obra4.jpg);
   background-size: cover;
   background-size: cover;
   height: 100vh;
   background-position: center center;
 }
 .affix > .container > .navbar-header.page-scroll > .navbar-brand {
 }
 @media (max-width: 768px) {
   .igviewer img {
	 height: auto;
	 width: 100%;
   }
 }
 #loading {
   background-color: #000;
   height: 100%;
   width: 100%;
   position: fixed;
   margin-top: 0;
   top: 0;
   z-index: 9000;
 }
 #loading-center {
   width: 100%;
   height: 100%;
   position: relative;
 }
 #loading-center-absolute {
   position: absolute;
   left: calc(50% - 100px);
   top: 50%;
 }
 @-webkit-keyframes animate {
   0% {
	 -webkit-animation-name: fadeIn;
	 animation-name: fadeIn;
   }
   100% {
	 -webkit-animation-name: fadeIn;
	 animation-name: fadeIn;
   }
 }
 .video-container {
   width: 100%;
   position: relative;
   padding: 50px 0 0 0;
 }
 
 .video-home {
   width: 100%;
   object-fit: contain;
 }
 .mute {
   position: absolute;
   bottom: 2%;
   right: 5%;
   padding: 10px;
 }
 .close_modal {
   top: 0px;
   left: 0px;
   position: absolute;
   opacity: 0;
   width: 100%;
   height: 100%;
 }
 .video-wrapper {
   position: relative;
   z-index: -1;
   overflow: hidden;
   width: 100%;
   height: 100%;
   background: gray;
   margin: 0 auto;
 }
 @media (max-width: 400px) {
   .video-wrapper {
    position: relative;
    z-index: -1;
    overflow: hidden;
    height: 100vw;
    background: gray;
    margin: 0 auto;
   }
 }
 .video-wrapper > .video {
   position: absolute;
   left: 0;
   right: 0;
   top: -30%;
   width: 100%;
   height: 150%;
   margin: auto;
 }
 @media (max-width: 400px) {
   .video-wrapper > .video {
	 position: absolute;
	 left: -50%;
	 top: -30%;
	 object-fit: contain;
	 width: 200%;
	 max-width: 1500px;
	 height: 150%;
	 margin: auto;
   }
 }
 
 .load-more {
   position: absolute;
 
   display: block;
 
   cursor: pointer;
 
   width: 40px;
   height: 40px;
 
   bottom: 3%;
   left: 50%;
 
   margin: -20px 0 0 -20px;
 }
 
 .load-more:before,
 .load-more:after {
   position: absolute;
 
   display: block;
 
   content: "";
 
   width: 30px;
   height: 30px;
 
   left: 50%;
   top: 50%;
 
   margin-top: -15px;
 
   border-width: 2px;
 
   border-style: solid;
 
   border-color: transparent;
 
   border-bottom-color: #777777;
 
   border-right-color: #777777;
 
   border-radius: 0 0 5px 0;
 
   transform: translate(-50%, -50%) rotate(45deg);
 
   transition: all 0.4s ease-in-out;
 }
 
 .load-more.active:before {
   border-radius: 50%;
 
   animation: 0.8s rotate 0.4s linear forwards infinite;
 }
 
 .load-more.active:after {
   width: 38px;
   height: 38px;
 
   border-radius: 50%;
 
   animation: 0.8s rotate2 0.4s linear forwards infinite;
 }
 
 @keyframes rotate {
   to {
	 transform: translate(-50%, -50%) rotate(405deg);
   }
 }
 
 @keyframes rotate2 {
   to {
	 transform: translate(-50%, -50%) rotate(-315deg);
   }
 }
 
 .load-more.disabled:before,
 .load-more.disabled:after {
   margin-top: 0;
 
   transform: translate(-50%, -50%) rotate(135deg) rotateY(180deg);
 }
 
 .btn-default {
   color: #000000;
 
   background-color: transparent;
 
   border: solid 1px #000000;
 
   border-radius: 5px;
 }
 
 .btn-default:hover {
   color: #ffffff;
 
   background-color: #000000;
 
   border: solid 1px #000000;
 
   border-radius: 5px;
 }
 
 .btn-default.focus,
 .btn-default:focus {
   color: #000000;
 
   background-color: transparent;
 
   border: solid 1px #000000;
 
   border-radius: 5px;
 }
 
 .btn-default.active,
 .btn-default:active {
   color: #ffffff;
 
   background-color: #000000;
 
   border: solid 1px #000000;
 
   border-radius: 5px;
 }
 
 .affix {
   background-color: #ffffff;
   background: #fff;
 }
 .navbar-custom.affix-top .navbar-brand>img{
	
 }
 .navbar-custom .affix .navbar-brand>img{
	filter: brightness(1);

 }
 .center {
   text-align: -webkit-center;
 }
 
 .video-responsive {
   width: 90%;
 }
 
 .mySlides {
   text-align: center;
 
   margin-top: -25px;
 }
 
 .video-title {
   bottom: 5%;
 
   left: 5%;
 }
 
 @media (max-width: 414px) {
   .video-responsive {
	 width: 80%;
   }
 
   .text-padding {
	 overflow-y: scroll;
 
	 height: 70vh;
   }
 
   .mobile {
	 position: fixed;
 
	 top: 10%;
 
	 left: 3%;
 
	 width: 20px;
   }
 
   .container-estories {
	 margin-left: 20% !important;
 
	 margin-right: 20% !important;
   }
 }
 @media (min-width: 1024px) and (max-width: 1070px) {
  .nav>li>a{padding: 10px 0px;}
  .navbar-custom .navbar-nav.navbar-left > .active > a{background-color: transparent}
 }
 @media (max-width: 1024px) {
   .press-image {
   }

   .navbar-right.internal-page li a{background-color: rgb(255 255 255 / 80%);}

   .dropdown-menu1:hover .dropdown-content-menu1 {
	 /*display: contents !important;*/
   display: block;
   right: 0;
   top:35px;
   }
 
   .navbar-fixed-left {
	 display: none;
   }
 
   .carousel {
	 position: relative;
   }
 
   .fadeIn {
	 display: none;
   }
 
   .mobile {
    position: fixed; 
    top: 10%; 
    left: 0%; 
    width: 30px;
   }
 
   .img_Exhi {
	 text-align: center;
   }
   .img_Exhi img{
   margin: 0 auto 15px auto;
  }
  .exhi_top p{
    margin-bottom: 0px;
    font-size:14px;
    font-weight: 900;
    text-align: center;
  }
  .exhi_top p.small{
    font-weight: 500;
  }
 
   .text-padding {
	 padding-left: 10px;
 
	 padding-right: 10px;
   }
 
   .container-art {
	 position: relative;
 
	 width: 60%;
 
	 margin: 10px auto !important;
   }
 
   .container-estories {

	 margin-left: 20px !important;
 
	 margin-right: 20px !important;
   }
 }
 
 @media (min-width: 1025px) {
   .mobile {
	 display: none;
   }
 
   .press-image {
	 display: none;
   }
 
   .img_Exhi {
	 text-align: -webkit-right;
  }
  .exhi_top p{
    margin-left: 20px;
    margin-bottom: 0px;
    font-size:14px;
    font-weight: 900;
  }
  .exhi_top p.small{
    font-size:12px;
    font-weight: 500;
  }
   .text-padding {
	 padding-left: 100px;
 
	 padding-right: 100px;
 
	 overflow-y: scroll;
 
	 height: 70vh;
   }
 }
 
 .navbar-fixed-left {
   margin-left: 2%;
 }
 
 .press-container {
   margin-bottom: 50px;
 }
 
 .presstop {
   margin-top: 100px;
 }
 
 .slider .indicators .indicator-item {
   background-color: #666666;
 
   border: 3px solid #ffffff;
 
   -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16),
	 0 2px 10px 0 rgba(0, 0, 0, 0.12);
 
   -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16),
	 0 2px 10px 0 rgba(0, 0, 0, 0.12);
 
   box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
 }
 
 .slider .indicators .indicator-item.active {
   background-color: #ffffff;
 }
 
 .slider {
 }
 
 .slider .indicators {
   bottom: 60px;
 
   z-index: 100;
 
   /* text-align: left; */
 }
 
 .exhi_top {
   margin-top: 50px;
 }
 
 .black {
   background-color: #000000;
 
   color: #ffffff;
 
   padding-left: 12%;
 
   padding-right: 12%;
 }
 
 .white {
   padding-left: 12%;
 
   padding-right: 12%;
 }
 
 .btn-white {
   color: white;
 
   background-color: #292929;
 }
 
 .btn-white:hover {
   background-color: white;
 
   color: black;
 }
 
 .dropdown-menu1 {
   position: relative;
 
   display: inline-block;
 }
 
 .dropdown-content-menu1 {
   display: none;
 
   position: absolute;
 
   z-index: 1;
 }
 
 .dropdown-menu1:hover .dropdown-content-menu1 {
   display: block;
 }
 
 video {
   width: 100%;
 }
 #video{
  height: 100vh;
  height: calc(100vh - 50px);
 }
 .volumen {
   position: absolute;
 
   right: 5%;
 
   bottom: 5%;
 
   width: 50px;
 }
 
 .flecha-abajo {
   position: absolute; 
   left: 0; 
   right: 0; 
   width: 50px;
   height: 50px; 
   margin: 0 auto;
 }
 .home-arrow{
  bottom: 70px;
  transform: translate(0%, 100%);
 }
 
 .video-controls {
   display: flex;
 
   position: absolute;
 
   left: 0;
 
   top: 0;
 
   right: 0;
 
   bottom: 0;
 
   justify-content: space-between;
 
   z-index: 9;
 }
 
 .video-control {
   cursor: pointer;
 }
 
 .play {
   align-self: center;
 
   margin: 0 auto;
 
   display: none;
 }
 
 .play.paused {
   display: block;
 }
 
 .volume {
   position: absolute;
 
   bottom: 5%;
 
   right: 5%;
 
   padding: 1rem;
 
   line-height: 1;
 }
 
 #instagram {
   position: relative;
 }
 
 #instafeed li {
   max-width: 14.28%;
 
   min-width: 8%;
 
   list-style: none;
 
   float: left;
 
   margin: 0;
 
   display: inline;
 
   overflow: hidden;
 }
 
 #instafeed a {
    font-weight: 400;
    text-align: center;
    display: block;
    color: #fff;
    text-transform: uppercase;
    text-decoration: none;
 }
 

 #instafeed .likes {
   background: rgba(0, 0, 0, 0.5);
 
   width: 100%;
 
   height: 100%;
 
   position: absolute;
 
   color: #ffffff;
 
   right: 0px;
 
   top: 0px;
 
   left: 0px;
 
   padding: 45% 0;
 
   opacity: 0;
 
   text-align: center;
 
   font-size: 70%;
 
   text-transform: uppercase;
 
   letter-spacing: 1px;
 
   -webkit-font-smoothing: antialiased;
 
   -webkit-transition: opacity 100ms ease;
 
   -moz-transition: opacity 100ms ease;
 
   -o-transition: opacity 100ms ease;
 
   -ms-transition: opacity 100ms ease;
 
   transition: opacity 100ms ease;
 }
 
 #instafeed a:hover .likes {
   opacity: 1;
 }
 
 .container-art {
   position: relative;
 
   margin: 10px 9px;
 }
 
 .image-art {
   display: block;
 
   height: auto;
 }
 
 .overlay-art {
   position: absolute;
 
   top: 0;
 
   bottom: 0;
 
   left: 0;
 
   right: 0;
 
   height: 100%;
 
   width: 100%;
 
   opacity: 0;
 
   transition: 0.5s ease;
 
   background-color: #000000;
 
   cursor: pointer;
 }
 
 .container-art:hover .overlay-art {
   opacity: 0.7;
 }
 
 .text-art {
   color: white;
 
   font-size: 13px;
 
   position: absolute;
 
   top: 50%;
 
   left: 50%;
 
   -webkit-transform: translate(-50%, -50%);
 
   -ms-transform: translate(-50%, -50%);
 
   transform: translate(-50%, -50%);
 
   text-align: center;
 
   text-transform: capitalize;
 }
 
 .text-press {
   font-size: 15px;
 }
 
 .bold-press {
   font-weight: bold;
 }
 
 .text-itlica {
   font-style: italic;
 }
 
 .text-bold {
   font-weight: bold;
 
   font-size: 16px;
 }
 
 .list-art {
   list-style: none;
 
   margin-left: -40px;
 }
 
 .container-estories {
   position: relative; 
   margin: 20px;
 }
 
 .container-estories:hover .overlay-art {
   opacity: 0.7;
 }
 a.carousel-control.right-stories,a.carousel-control.left-stories{
  height: 50px;
  width: 50px;
  top: 50%;
  top: calc(50% - 15px);
 }
 a.carousel-control.right-stories{
  left: initial;
}
 #modal-gallery .close_modal{cursor: default;}
 video[poster] {
   object-fit: cover;
 }
 /*INSTAFEED*/
.ig_post_container{
  margin-bottom:25px; float:left; padding: 0 15px;
}
.ig_image_container{
  width: 100%;
  
  overflow: hidden;
}
.ig_post_container a img{
  width: 100%;
  height: auto;
  object-fit: cover;
}

.ig_post_container .ig_view_link{
  margin-top:10px;
  font-size: 14px;
  background-color: #333;
}
.ig_post_container .ig_view_link:hover{
  background-color: #505050;
}
.ig_text_content{
  width: 100%;
  height: 200px;
  overflow: hidden;
}
.ig_text_content p{
  white-space: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.2em;
}

@media (max-width: 1582px) {
  .ig_image_container {
      
  }
  .ig_post_container{
      
  }
}
@media (max-width: 1366px) {
 
  .ig_image_container {
      height: auto;
  }
  .ig_post_container{
      
      overflow: hidden;
  }
  #video{
    height: 80vh;
   }
   .navbar-custom .navbar-toggle{
    right: 5%;
   }
   .navbar-right{
    right: 4%
   }
   .home-arrow img{
    filter: invert(100%);
   }
}

@media (max-width: 768px) {
  .ig_feed_container{
      margin: 0;
  }
  .ig_post_container{
      height: auto;
      max-height: initial;
  }
  .ig_image_container {
      height: auto;
      max-height: initial;
      overflow: unset;
  }
  #video{
    height: 70vh;
   }
   .container-estories{

   }
   .home-arrow {
      bottom: 50px;
      z-index: 2;
  }
  .dropdown-menu1:hover .dropdown-content-menu1{
  right: -20px;}
}

.alert-success {
  color: #ffffff;
  background-color: transparent;
  border:none;
  margin: 15px;
  position: relative;
}
#contactForm button.close{
  opacity: .8;
  color: #fff;
}