/* PLACE YOUR CUSTOM STYLES IN THIS FILE */
span.yellow{
	color:#ffb536;
}

a.button-yellow{
	background-color: #ffb536;
    border: solid #ffb536;
    cursor: pointer !important;
    padding: 7px 21px !important;
    color: #000 !important;
    text-decoration: none;
}

a.button-yellow:hover {
    background-color: #000;
    color: #fff !important;
    border: #000 solid;
	padding: 7px 21px !important;
}

.footer-social .fa {
    font-size: 1.5em;
    padding: 3px;
}

footer.nk-footer h3 {
    margin: 0 !important;
}

.container-fluid.clients .col-md-2 {
    float: left;
}

.container-fluid.clients .col-md-2 img {
    width: 100%;
    text-align: center;
}

/* Video styles */

.flex div {
    display: inline-block;
    margin: 0;
    /* max-width: calc(50% - 12px); */
}

div#video_container {
    background-color: #bcbcbc;
    padding: 0 !important;
}

.vid {
    height: 335px;
    width: 335px;
    position: relative;
    background-position: center center;
    background-size: cover;
}

.vid:before,
.vid:after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	transition: opacity 0.2s;
}

.vid:after {
	background-repeat: no-repeat;
	background-position: 0.7em 0.7em;
	opacity: 0.5;
	background-size: 2em;
}

.vid:before {
	background: linear-gradient(150deg, #000, transparent 70%);
	opacity: 0.9;
}

.vid:hover:after {
	opacity: 0.8;
}

.vid:hover:before {
	opacity: 0.85;
}

.vimeo:after {
	background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20150%20150%22%3E%3Cpath%20d%3D%22M150%20135c0%208.28-6.72%2015-15%2015H15c-8.28%200-15-6.72-15-15V15C0%206.72%206.72%200%2015%200h120c8.28%200%2015%206.72%2015%2015v120%22%20fill%3D%22%2353bded%22%2F%3E%3Cpath%20d%3D%22M126.22%2049.8c-.5%2010.56-7.85%2025-22.1%2043.35-14.75%2019.15-27.22%2028.72-37.42%2028.72-6.32%200-11.66-5.82-16.03-17.5L41.92%2072.3c-3.24-11.66-6.72-17.5-10.44-17.5-.82%200-3.65%201.7-8.5%205.1l-5.1-6.56c5.34-4.7%2010.62-9.4%2015.8-14.1%207.14-6.17%2012.5-9.4%2016.07-9.74%208.44-.8%2013.63%204.96%2015.58%2017.3%202.1%2013.32%203.56%2021.6%204.38%2024.84%202.45%2011.05%205.13%2016.57%208.05%2016.57%202.27%200%205.68-3.57%2010.22-10.74%204.54-7.16%206.97-12.6%207.3-16.36.65-6.2-1.78-9.3-7.3-9.3-2.6%200-5.27.6-8.02%201.78%205.33-17.45%2015.5-25.92%2030.53-25.44%2011.14.33%2016.4%207.55%2015.75%2021.67%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E');
}

.htmlvid:after {
	background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22%23E34F26%22%20d%3D%22M71%20460L30%200h451l-41%20460-185%2052%22%2F%3E%3Cpath%20fill%3D%22%23EF652A%22%20d%3D%22M256%20472l149-41%2035-394H256%22%2F%3E%3Cpath%20fill%3D%22%23EBEBEB%22%20d%3D%22M256%20208h-75l-5-58h80V94H114l1%2015%2014%20156h127zm0%20147h-1l-63-17-4-45h-56l7%2089%20116%2032h1z%22%2F%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M255%20208v57h70l-7%2073-63%2017v59l116-32%201-10%2013-149%202-15h-16zm0-114v56h137l1-12%203-29%201-15z%22%2F%3E%3C%2Fsvg%3E');
}

.iframevid:after,
.youtube:after {
	background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20159.00691%20111.60904%22%3E%3Cpath%20d%3D%22M36.2%20111c-25-1.3-29.6-4-34-18.6C.3%2086.7%200%2080%200%2057.4%200%2019%202.3%209.7%2013.6%204c11.5-5.6%20120-5.6%20131.4%200%206%203%2010%208.7%2011.8%2017.2%202%209.8%203%2042.2%201.5%2057.5-2%2020.4-7%2028.5-19.2%2030.8-7.6%201.5-82%202.4-102.8%201.3zM85%2065.3c11.3-6%2020.4-11%2020.3-11L84%2043%2063%2032v22c0%2012%20.4%2022%20.8%2022%20.3%200%2010-5%2021.2-10.8z%22%20fill%3D%22%23db2823%22%2F%3E%3Cpath%20d%3D%22M63.2%2032c-.4.3-.2%201-.3%201.3v28.5c0%204.6%200%209.2.5%2013.8%200%20.4.3.7.6.5%206.3-3%2012.3-6%2018.4-9.3%207.5-4%2015-7.8%2022.2-12%20.3%200%201-.4.6-.8-12.8-7-25.7-13.5-38.6-20.2-1-.6-2.2-1.3-3.4-1.7z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E');
	background-size: 2.5em;
}

.video-porfolio {
    width: 25%;
    margin: 0 auto;
    float: left;
    position: relative;
    background-size: cover;
    background-color: black;
	text-align: center;
	padding-bottom: 40px;
}

#video_container .flex {
    padding-top: 60px !important;
    background: black;
}

/***-------------------------- Translate ----------------*/
.language {
    position: relative;
    left: -47px;
}

form.form-inline {
    margin-left: 20px;
}

#goog-gt-tt {
  display: none !important
}
.goog-te-banner-frame {
  display: none !important
}
.goog-te-menu-value:hover {
  text-decoration: none !important
}
body {
  top: 0 !important
}
#google_translate_element2 {
  display: none !important;
}

.form-inline .mr-2 {
    margin-right: 10px !important;
}
/***-------------------------- FIN VIDEOS ----------------*/

.list-group-serv{
	list-style-type: none;
    padding: 0;
}

ul.list-group-serv li a {
    color: inherit;
    text-decoration: underline;
}


.block-album.block-content img {
    width: 100%;
}

a.link {
    color: #000;
    font-weight: bold;
}

h5.mb-0.opc-70.uppercase.text-center.title-service {
    padding: 20px 0;
}

.block-album.block-content p {
    height: 101px;
    padding-top: 19px;
}


.arrow-down {
    width: 41px;
    margin: 0 auto;
    position: relative;
    bottom: -100%;
    justify-content: center;
    align-items: flex-end;
    align-content: center;
    cursor: pointer;
    z-index: 999;
}

.arrow-down.bounce img {
    margin: 0 auto;
    width: 20px;
    text-align: center;
}
.bounce {
    -webkit-animation-name: bounce;
    animation-name: bounce;
}

.bounce {
    animation: bounce 2s infinite;
    -webkit-animation: bounce 2s infinite;
    -moz-animation: bounce 2s infinite;
    -o-animation: bounce 2s infinite;
}


.row.vertical-gap {
    margin-top: 0;
}

.mw-620 {
    padding: 0 30px;
    margin: 0 auto;
}

/*paginacion



  .isotope-pager a{
    display: inline;
  }

    .isotope-pager a{
      border: 1px solid #eaeaea;
      border-radius: 5px;
      padding: 3px 8px;
      text-decoration: none;
    color: #fff;
    margin: 0 7px;
    background: black;
    }

    .isotope-pager a.active,
	.isotope-pager a:active,
	.isotope-pager a:checked,
    .isotope-pager a:hover{
      background-color:#ff8d30;
      color: #fff;
    }


.isotope-pager {
    padding: 20px;
    text-align: center;
    background: #f7f7f7;
}

h2.titlevideo {
    padding: 40px;
    text-align: center;
    background-color: black;
    margin: 0;
	color: white;
}*/

/*=============================RESPONSIVE SCREEN=============================*/
@media screen and (max-width: 990px) {
	.video-porfolio {
    width: 100%;
    text-align: center;
    background-color: black;
}
	.container-fluid.clients .col-md-2 img {
    width: 118px;
    text-align: center;
    /* float: left; */
}
.container-fluid.clients .col-md-2 {
    width: auto;
    float: left;
}
}