#video-bg {
  display: block;
  width:100%;
  max-height:450px;
}
.video-container{
background-color:white;
position:relative;
z-index:999;
}
.socialmargin{
	margin-right:8px;
}
#slant{
	position: absolute;
      z-index: 9999;
      background-image: url(../images/bg-black.svg);
      background-repeat: no-repeat;
      width: 100%;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
      height: 260px;
      padding-top: -70px;
      margin-top: -330px;
}

.secondcloudvid{
	object-fit: initial;
      width: 100% !important;
      height: 400px;
}
#cloudvid1{
	object-fit: initial;
      width: 100% !important;
      height: 640px;
      max-height: 770px;
}


#cloudvid2{
	object-fit: initial;
      width: 100% !important;
      max-height: 530px;
      height: 581px;
      margin-top: -300px;
}

#info{
	padding-top:10px;
	padding-bottom:10px;
}






.blackselection::selection {
background-color: rgba(0,0,0,.99);
  color:#fff;
}
.blackselection::-moz-selection {
	background-color: rgba(0,0,0,.99);
	  color:#fff;
}

.blackselection::-webkit-selection {
	background-color: rgba(0,0,0,.99);
	  color:#fff;
}

::selection {
background-color: rgba(255,255,255,.99);
  color:#000;
}
::-moz-selection {
background-color: rgba(255,255,255,.99);
  color:#000;
}

::-webkit-selection {
background-color: rgba(255,255,255,.99);
      color:#000;
}
.social-icon-link{
	cursor:default;
	margin-right:5px;
}

@media screen and (min-height: 0px) and (max-height: 640px){
	#headerGif{
	object-fit: initial;
	max-height:200px;
	width:100%;
	}
}
@media screen and (min-height: 641px) and (max-height: 860px){
	#headerGif{
	object-fit: initial;
	width:100% !important;
	max-height:275px;
	}
}
@media screen and (min-height: 861px) and (max-height: 1050px){
	#headerGif{
	object-fit: initial;
	width:100%;
	height: 460px;
	}
}

@media screen and (min-height: 1051px) and (max-height: 3000px){
	#headerGif{
	object-fit: initial;
	width:100%;
	max-height: 600px;
	}
}
.clients-logo-col1{
	border-left: 0px solid #333333 !important;
      border-right: 1px solid #333333 !important;
      width: calc(25% - 1px) !important;
}

.clients-logo-col2and3and4{
	border-right:1px solid #333333 !important;
	width: calc(25% - 1px) !important;
}
#fix-svg-glitch{
height: 10px;
background: white;
position: absolute;
left: 0;
width: 100%;
}
.logos11:hover{
	background-color:white ;
}
a{
	color:black !important;
}

.hr-services{
	height: 5px;
	border: none; color: #000; background-color: #000;
	margin: 0 0 0 0;
	width:320px;
}
.black-boxes{
	width: 337px !important;
	height:280px !important;
      box-sizing: border-box;
}
.menu-top {
	float:right;
  margin-right: 57px !important;
}
.company-info-title{
	 display:block;
	  width:1176px;
	  font-size:28px;
	  color:#000000;
	  font-family:Roboto Condensed;
	  font-weight:bold;
}

.oscuro-description{
display:block;
width:1140px !important;
}

.info-container{
width:1153px;
}
@media (max-width: 1200px) {
.container{
	width:946px;
}
.info-container{
width:933px;
}
.company-info-title{
	  width:950px;

}
.oscuro-description{
	    width: 937px !important;
}
.txt-services{
  width:280px
}
.hr-services{
	width:275px;
}
.menu-top {
	float:right;
  margin-right: 3px !important;
}

div.black-boxes > div.text-services{
	width:240px;
}


.black-boxes{
	width: 293px !important;
      height: 315px!important;
}
.copyright{
margin-right:16px;
}


}



	@media max (max-height: 800px){
		#headerGif{
		width:100%;
	   height: 210px !important;
		}
}

@media (max-width: 956px) {
.copyright{
display:none;
}
}