@font-face {font-family: "PlayfairDisplay-Bold";
  src:url("https://s3.amazonaws.com/kunversion-frontend-externalmedia/dev/testusers.ernestovega.com/font/PlayfairDisplay-Bold.otf") format("truetype");
}
@font-face {font-family: "PlayfairDisplay-Regular";
  src:url("https://s3.amazonaws.com/kunversion-frontend-externalmedia/dev/testusers.ernestovega.com/font/PlayfairDisplay-Regular.otf") format("truetype");
}
@font-face {font-family: "Raleway-Black";
  src:url("https://s3.amazonaws.com/kunversion-frontend-externalmedia/dev/testusers.ernestovega.com/font/Raleway-Black.ttf") format("truetype");
}
@font-face {font-family: "Raleway-Light";
  src:url("https://s3.amazonaws.com/kunversion-frontend-externalmedia/dev/testusers.ernestovega.com/font/Raleway-Light.ttf") format("truetype");
}
@font-face {font-family: "Raleway-Bold";
  src:url("https://s3.amazonaws.com/kunversion-frontend-externalmedia/dev/testusers.ernestovega.com/font/Raleway-Bold.ttf") format("truetype");
}
@font-face {font-family: "Raleway-Regular";
  src:url("https://s3.amazonaws.com/kunversion-frontend-externalmedia/dev/testusers.ernestovega.com/font/Raleway-Regular.ttf") format("truetype");
}
@font-face {font-family: "Raleway-SemiBold";
  src:url("https://s3.amazonaws.com/kunversion-frontend-externalmedia/dev/testusers.ernestovega.com/font/Raleway-SemiBold.ttf") format("truetype");
}
#index * a{text-decoration:none!important;}
.mx-auto{margin-left:auto!important;margin-right: auto!important;}

#index{overflow-x: hidden; margin-bottom: 30px;}
.no-pad{padding: 0px!important;}
#more-options{display: none;}
body.cover-pull-top.header-transparent.front .header-logo{  -webkit-filter: invert(100%);}
.main .container-fluid{padding:0px;}
section#horizontal-search {
  padding-top:30px;
  padding-bottom:20px!important;
  background-image: linear-gradient(white, gray);
}
.cover-overlay .background_tv .background_screen{max-width: 100%;}
.background_screen{max-width: 100%;}
.cover-title{top:87%!important;}
.cover-title .container{max-width: 1920px;padding:0px;}
.cover.cover-center.agent .cover-title-inner .row:first-of-type{display: none;}
.cover.cover-center.agent .cover-title-inner .row:last-of-type{display: none;}
.cover-center .cover-title-inner h1{font-size: 0px;}
.cover-center .cover-title-inner h1::after{font-family: "PlayfairDisplay-Bold";text-align:center;font-size:0px;display:none;color:gray;content:"“Integrity. Technology. Teamwork. Results.";}
.information-bar{display:none;}
#categories{padding-top:0px!important;}

#index #oneplusthree{background: url("https://s3.amazonaws.com/kunversion-frontend-externalmedia/dev/testusers.ernestovega.com/images/OUR-VISION-CTA.jpg");background-repeat: no-repeat;background-size:100% 100%;padding:50px 0;}
#index #oneplusthree .whiteback{margin-bottom:30px;padding:30px;background: url("https://s3.amazonaws.com/kunversion-frontend-externalmedia/dev/testusers.ernestovega.com/images/Rectangle 81@1X.png");background-repeat: no-repeat;background-size: cover;}
#index #oneplusthree .whiteback .picture img{width:100%;max-width:572px;display:block;padding:1%;border:1px solid grey;}
#index #oneplusthree .whiteback .text .top{margin-bottom:15px;text-align:center;}
#index #oneplusthree .whiteback .text .top span{font-family: "Raleway-SemiBold";font-size: 15px;text-transform:uppercase;display:block;color: rgba(37, 40, 45, 255);}
#index #oneplusthree .whiteback .text .top h2{font-family: "PlayfairDisplay-Regular";font-size:30px;text-transform: uppercase;color:#000;}
#index #oneplusthree .whiteback .text .top hr{border-top:2px solid gray;width:38px;margin:10px auto 0;display:block;}
#index #oneplusthree .whiteback .text p:nth-child(0){text-transform:normal;font-family: "Raleway-Black";font-size: 16px;color: rgba(37, 40, 45, 255);}
#index #oneplusthree .whiteback .text p:nth-child(0) b{font-family: "Raleway-Black";font-size: 18px;color: rgba(37, 40, 45, 255);}
#index #oneplusthree .whiteback .text h3{text-align:left;font-family: "PlayfairDisplay-Regular, sans-serif";font-size:28px;text-transform: uppercase;color:#000;margin:15px 0 10px 0;}
#index #oneplusthree .whiteback .text p.first{text-transform:capitalize;font-family: "Raleway-Regular";font-size: 15px;color: rgba(37, 40, 45, 255);text-align: left;display: block;}
#index #oneplusthree .whiteback .text p{text-transform:capitalize;font-family: "Raleway-Regular";font-size: 15px;color: rgba(37, 40, 45, 255);text-align: left;display: block;}
#index #oneplusthree .whiteback .text p strong{text-transform:uppercase;font-family: "Raleway-Regular";font-size: 18px;color: rgba(37, 40, 45, 255);}
#index #oneplusthree .whiteback .text p strong:after{content:" ";}
#index #oneplusthree .whiteback .text .bottom{margin-top:15px;}
#index #oneplusthree .whiteback .text .bottom img{width:100%;max-width: 24px;display: block;margin:0 auto;}
#index #oneplusthree .whiteback .text .bottom a{margin:0 auto;width:max-content;padding:0 20px;display:block;font-family:"Raleway-Regular";color: rgba(37, 40, 45, 255);font-size:18px;text-transform: uppercase;height: 42px;line-height: 42px;text-align:center;border:2px solid grey;}
#index #oneplusthree .space img {width:100%;max-width: 456px;display:block;}
#index #oneplusthree .space .desc{background: #fff;width:100%;padding:40px 0 30px 0;}
#index #oneplusthree .space .desc h3{font-family: "PlayfairDisplay-Regular";font-size:28px;text-transform: uppercase;color:#000;margin:0px 0 15px 0;}
#index #oneplusthree .space .desc hr{border-top:2px solid gray;width:38px;margin:0px auto 10px;display:block;}
#index #oneplusthree .space .desc img{width:100%;max-width: 24px;display: block;margin:0 auto;}
#index #oneplusthree .space .desc a{margin:0 auto;width:max-content;padding:0 20px;display:block;font-family:"Raleway-Regular";color: rgba(37, 40, 45, 255);font-size:18px;text-transform: uppercase;height: 42px;line-height: 42px;text-align:center;border:2px solid #333;}
#index #oneplusthree .bottomone{display:inline-block;padding:30px 0;text-align: center;width:70%;margin: 0 auto;}
#index #oneplusthree .bottomone img.line{width:100%;max-width: 1440px;display: inline-block;}
#index #oneplusthree .bottomtwo{display:inline-block;padding:30px 0;text-align: center;width: 20%;margin:0 auto;}
#index #oneplusthree .bottomtwo img.logo{width:100%;max-width: 122px;display: inline-block;}


#index #featured{padding:30px 30px 60px 30px;background:url("https://s3.amazonaws.com/kunversion-frontend-externalmedia/dev/testusers.ernestovega.com/images/FEAUTURED-AREAS.jpg");background-repeat: no-repeat;background-size:100% 100%;}
#index .text{text-align: center;}
#index #featured .text span{font-family:"Raleway-SemiBold";font-size:16px;color: rgba(37, 40, 45, 255);text-transform: uppercase;}
#index #featured .text h3{font-family:"Raleway-Light";font-size:32px;text-transform: uppercase;margin:15px 0;}
#index #featured .text hr{border-top:2px solid gray;width:38px;margin:10px auto 0;display:block;}
#index #featured .text p{font-family:"Raleway-Bold";font-size:16px;margin-top:30px;}
#index #featured .closed{position: relative;overflow: hidden;}
#index #featured .closed:nth-child(5){float: left;clear: both;}
#index #featured .closed:nth-child(8){float: left;clear: both;}
#index #featured .closed img{width:100%;max-width:650px;display:block;margin: 0 auto;}
#index #featured .closed a span{z-index:9999;font-family:"PlayfairDisplay-Bold";text-decoration:none;text-transform: uppercase;color:#fff;letter-spacing:3px;font-size:18px;position: absolute;top: 80%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);left: 0;right: 0;text-align: center;}
#index #featured .closed:hover .roll{opacity:0.5;width:100%;height:100%;background-color:#b4aea5;transform: rotate(0deg);top:0%;right:0%;}
#index #featured .closed img.fade{opacity: 0;width:54px;height: 58px;position: absolute;top:50%;
  -webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);left: 0;right: 0;}
#index #featured .closed:hover img.fade{opacity: 1;
  -webkit-transition: opacity 1.0s ease-in;
  -moz-transition: opacity 1.0s ease-in;
    -o-transition: opacity 1.0s ease-in;
}
#index #featured .closed .roll {
  height:30%;
  width:30%;
  transform: rotate(45deg);
  position: absolute;
  top:-15%;
  right:-15%;
  background-color:#b4aea5;
  opacity:0.8;
float:right;
    transition: 350ms ease-in;
}


#index #logotext{margin:5px 0;padding:65px 0px;background:url("https://s3.amazonaws.com/kunversion-frontend-externalmedia/dev/testusers.ernestovega.com/images/Layer 605@1X.jpeg");background-repeat: no-repeat;background-size:cover;}
#index #logotext .logo{background:url("https://s3.amazonaws.com/kunversion-frontend-externalmedia/dev/testusers.ernestovega.com/images/Layer 576@1X.jpeg");background-repeat: no-repeat;background-size:100% 100%;}
#index #logotext .logo a img{width:100%;max-width:54px;display:block;margin:0 auto;padding-bottom:20px;position:relative;margin-top:380px;}
#index #logotext .desc{position:relative;padding:0px;background:url("https://s3.amazonaws.com/kunversion-frontend-externalmedia/dev/testusers.ernestovega.com/images/Rectangle 88@1X.png");background-repeat: no-repeat;background-size:100% 100%;padding:20px;}
#index #logotext .desc img.left{position: absolute;width:100%;max-width:62px;top:5%;left:5%;}
#index #logotext .desc img.right{position: absolute;width:100%;max-width:62px;bottom:5%;right:5%;}
#index #logotext .desc .inner{width:80%;display:block;margin:5% auto;}
#index #logotext .desc .inner span{font-family:"Raleway-SemiBold";font-size:16px;color: rgba(37, 40, 45, 255);}
#index #logotext .desc .inner h3{font-family:"PlayfairDisplay-Regular";font-size:32px;text-transform: uppercase;margin:10px 0;}
#index #logotext .desc .inner hr{border-top:2px solid gray;width:38px;margin:10px 0 0 0;display:block;}
#index #logotext .desc .inner p{font-family:"Raleway-Bold";font-size:0px!important;margin-top:30px;}
#index #logotext .desc .inner p img.po{width:100%;margin:0px;max-width:40%;}
#index #logotext .desc .inner img{width:100%;max-width: 24px;display: block;margin:-3% auto 1%;}
#index #logotext .desc .inner a{margin:0 auto;width:max-content;padding:0 20px;display:block;font-family:"Raleway-Regular";color: #fff;font-size:18px;text-transform: uppercase;height: 42px;line-height: 42px;text-align:center;background:#000;}


#index #findout{margin:0px 0 5px 0;padding-top:60px;background:url("https://s3.amazonaws.com/kunversion-frontend-externalmedia/dev/testusers.ernestovega.com/images/Layer 619@1X.jpeg");background-repeat: no-repeat;background-size:100% 100%;}
#index #findout .overlay{background:rgba(255,255,255,0.7);margin:0px 0 60px;position:relative;}
#index #findout .overlay .holder{text-align: center;padding:15% 0 5%;}
#index #findout .overlay .holder span{font-family:"Raleway-SemiBold";font-size:16px;color: rgba(37, 40, 45, 255);text-transform: uppercase;}
#index #findout .overlay .holder h3{font-family:"Raleway-Light";font-size:32px;text-transform: uppercase;margin:15px 0;}
#index #findout .overlay .holder hr{border-top:2px solid gray;width:38px;margin:10px auto 0;display:block;}
#index #findout .overlay .holder img{width:100%;max-width: 24px;display: block;margin:2% auto 1%;}
#index #findout .overlay .holder a{margin:0 auto;width:max-content;padding:0 20px;display:block;font-family:"Raleway-Regular";color: #fff;font-size:18px;text-transform: uppercase;height: 42px;line-height: 42px;text-align:center;background:#000;}

#index #phonetext {background: #fff;padding-top:60px;}
#index #phonetext .phone img{max-width: 500px;width:100%;margin:0 auto;display:block;}
#index #phonetext .text{padding-top:15%;background:url("https://s3.amazonaws.com/kunversion-frontend-externalmedia/dev/testusers.ernestovega.com/images/Vector Smart Object copy 7@1X.png");background-repeat: no-repeat;background-size:100% 100%;}
#index #phonetext .text h3{font-family:"PlayfairDisplay-Regular";font-size:32px;text-transform: uppercase;margin:10px 0;}
#index #phonetext .text hr{border-top:2px solid gray;width:38px;margin:10px auto 0;display:block;}
#index #phonetext .text p{font-family:"Raleway-Bold";font-size:16px;margin-top:30px;display: block;text-align: left;}
#index #phonetext .text img{width:100%;max-width: 24px;display: block;margin:10% auto 1%;}
#index #phonetext .text a{margin:0 auto;width:max-content;padding:0 20px;display:block;font-family:"Raleway-Regular";color: #fff;font-size:18px;text-transform: uppercase;height: 42px;line-height: 42px;text-align:center;background:#000;}


#index #millionmapped {margin:0px 0 30px 0;padding:35px 0px;background:url("https://s3.amazonaws.com/kunversion-frontend-externalmedia/dev/testusers.ernestovega.com/images/DOWNLOAD-MILLIONS.jpg");background-repeat: no-repeat;background-size:100% 100%;}
#index #millionmapped .desc{position:relative;padding:20px;}
#index #millionmapped .desc img.left{position: absolute;width:100%;max-width:62px;top:5%;left:5%;}
#index #millionmapped .desc img.right{position: absolute;width:100%;max-width:62px;bottom:5%;right:5%;}
#index #millionmapped .desc .inner{width:80%;display:block;margin:5% auto;}
#index #millionmapped .desc .inner span{font-family:"Raleway-SemiBold";font-size:16px;color: rgba(255, 255, 255, 1);text-transform: uppercase;}
#index #millionmapped .desc .inner h3{font-family:"Raleway-Light";font-size:64px;text-transform: uppercase;margin:10px auto;text-align:center;color: rgba(255, 255, 255, 1);}
#index #millionmapped .desc .inner hr{border-top:2px solid #fff;width:38px;margin:10px 0 0 0;display:block;}
#index #millionmapped .desc .inner img{width:100%;max-width: 24px;display: block;margin:10% auto 1%;}
#index #millionmapped .desc .inner a{margin:0 auto;width:max-content;padding:0 20px;display:block;font-family:"Raleway-Regular";color: #000;font-size:18px;text-transform: uppercase;height: 42px;line-height: 42px;text-align:center;background:#fff;}
#index #millionmapped .bottomone{display:inline-block;padding:30px 0;text-align: center;width:70%;margin: 0 auto;}
#index #millionmapped .bottomone img.line{width:100%;max-width: 1440px;display: inline-block;}
#index #millionmapped .bottomtwo{display:inline-block;padding:30px 0;text-align: center;width: 20%;margin: 0 auto;}
#index #millionmapped .bottomtwo img.logo{width:100%;max-width: 122px;display: inline-block;}


.social-media-holder{display: none;}

.social-media-holder h4.f{padding-left:100px;display: block;font-family:"PlayfairDisplay-Regular";font-size:32px;text-transform: uppercase;padding:15px 0 0 100px;color:#fff;width: 100%;max-width:500px;background: url("https://s3.amazonaws.com/kunversion-frontend-externalmedia/dev/testusers.ernestovega.com/images/Layer 576@1X.png");background-repeat: no-repeat;background-size: cover;height: 80px;}
.social-media-holder h4.t{padding-left:100px;display: block;font-family:"PlayfairDisplay-Regular";font-size:32px;text-transform: uppercase;padding:15px 0 0 100px;color:#fff;width: 100%;max-width:500px;background: url("https://s3.amazonaws.com/kunversion-frontend-externalmedia/dev/testusers.ernestovega.com/images/Layer 576@1XXX.png");background-repeat: no-repeat;background-size: cover;height: 80px;}
.social-media-holder h4.i{padding-left:100px;display: block;font-family:"PlayfairDisplay-Regular";font-size:32px;text-transform: uppercase;padding:15px 0 0 100px;color:#fff;width: 100%;max-width:500px;background: url("https://s3.amazonaws.com/kunversion-frontend-externalmedia/dev/testusers.ernestovega.com/images/Layer 576@1XX.png");background-repeat: no-repeat;background-size: cover;height: 80px;}
.social-media-holder h4 hr{border-top:2px solid #fff;width:38px;margin:10px 0 0 0;display:block;}
.social-media-holder.container {
  max-height: 35rem;
  overflow:hidden;
  display:none;
  margin-bottom: 5%;
  display:none;
  padding: 0 2%;
  max-width: 1160px;
}
.widget-holder.instagram{
  display:none;
}

.widget-holder{  overflow: scroll!important;
  height: 40rem!important;}

  
@media(max-width:1330px){
  body.cover-pull-top.header-transparent.front .cover.cover-center.agent .cover-title{top:65%;}
}
@media(max-width:1260px){
  body.cover-pull-top.header-transparent.front .cover.cover-center.agent .cover-title{top:66%;}
}

@media(max-width:1190px){
  body.cover-pull-top.header-transparent.front .cover.cover-center.agent .cover-title{top:67%;}
}
@media(min-width:991px){
  .social-media-holder h4 img{display: inline-block;float:right;max-width: 150px;width:100%;margin-top: -5px;}
 
  body.cover-pull-top.header-transparent.front .header-small .nav-primary {
     float: none; 
     margin: 0 auto; 
     width: 100%; 
    text-align: center; 
}
body.cover-pull-top.header-transparent.front .header-small .nav-primary li{float:none;display: inline-block;text-align: center;}

}
@media(max-width:1120px){
  body.cover-pull-top.header-transparent.front .cover.cover-center.agent .cover-title{top:68%;}
  #index #phonetext .text{padding-top:5%;}
  #index #logotext .logo a img{margin-top:350px;}
}
@media(max-width:991px)
{

  body.cover-pull-top.header-transparent.front #horizontal-search .container{padding:0 15px 3rem 15px;}
  
  .social-media-holder h4 img{display: inline-block;float:right;max-width: 100px;width:100%;margin-top: -3px;}
 
   .social-media-holder h4{font-size:13px;}

   #index #phonetext .text{padding-top:0%;}
   #index #oneplusthree .whiteback .picture img{margin: 0 auto;}



 
}
@media(max-width:900px)
{
  body.cover-pull-top.header-transparent.front section#horizontal-search p{line-height:0px;position:absolute;top:20px;left:0px;right:0px;margin:0 auto;font-family: lato-regular;font-weight: lighter;font-size:24px;color:#fff;text-align: center;}
  body.cover-pull-top.header-transparent.front .cover-title-inner h2{background-size:contain;}
}
@media(min-width:767px)
{
  body.cover-pull-top.header-transparent.front .cover.cover-center.agent .cover-title {
    bottom: 0!important;
}
}


@media(max-width:767px)
{#index #millionmapped{margin:15px 0 30px 0;}
#index #logotext .desc .inner p img.po{max-width:80%;}
  #index #millionmapped
  #index #oneplusthree .whiteback .text .top span{margin-top:10px;}
  #index #oneplusthree{background-size:cover;}
  #index #oneplusthree .space{margin-bottom:15px;}
  #index #featured .closed:nth-child(5){float: left;clear:none;}
#index #featured .closed:nth-child(4){float: left;clear: both;}
#index #featured .closed:nth-child(6){float: left;clear: both;}
#index #featured .closed:nth-child(8){float: left;clear: both;}
  #index #oneplusthree .space img{display: block;margin:0 auto;}
  #index #logotext .logo a img{margin:25px auto;display: auto;}
 
body.cover-pull-top.header-transparent.front .cover.cover-center.agent .cover-title{top:70%!important;}
body.cover-pull-top.header-transparent.front section#horizontal-search{background: transparent;}
body.cover-pull-top.header-transparent.front .header-logo{padding:10% 0 8% 0;    -webkit-filter: invert(100%);}
body.cover-pull-top.header-transparent.front .cover.cover-center.agent {
  height: 650px!important;
}
.social-media-holder.container{max-height: 100%;max-width: 370px;}
}

@media(max-width:575px)
{
  
  .cover-overlay .background_tv .background_screen{max-width: 100%;display: none;}
  .cover-image{background-image: url("https://s3.amazonaws.com/kunversion-frontend-externalmedia/dev/testusers.ernestovega.com/images/imgpsh_fullsize_animhero.jpg")!important;
    opacity: 0.8!important;}
  #index #featured{background-size:cover;}
  #index #findout{background-size:cover;}
  #index #millionmapped{background-size: cover;}
  #index #logotext .logo a img{margin:0px auto 0;padding:10px 0;display:block;}




  body.cover-pull-top.header-transparent.front section#horizontal-search p{display: none;}

  .social-media-holder.container{max-height: 100%;}
 
  

 
  .social-media-holder h4{font-size:13px;}
  .social-media-holder h4.f{padding:15px 0 0 80px;}
  .social-media-holder h4.t{padding:15px 0 0 80px;}
  .social-media-holder h4.i{padding:15px 0 0 80px;}
 
}
@media(max-width:500px){
  body.cover-pull-top.header-transparent.front .agent-cover-image span a{position: absolute;top:105px;left: 0px;right: 0px;width:209px;margin: 0 auto;}
  body.cover-pull-top.header-transparent.front  .agent-cover-image span{background-position: center!important;top:-45px!important;}
}

/* STYLE FIXES 6-6-20 */
#index #logotext .desc .inner p img.po {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

#index #logotext .desc .inner h3 {
	font-family: "Raleway-Light";
	font-size: 32px;
	text-transform: uppercase;
}
#index #logotext .desc .inner {
	text-align: center;
}
#index #logotext .desc .inner hr {
	margin-left: auto;
	margin-right: auto;
}
#canvas-vision-logo {
	max-width: 260px;
	margin-bottom: 10px;
	margin-top: -50px;
}
#index #oneplusthree .whiteback .text .bottom a {
	display: none;
}
#index #oneplusthree .whiteback .text .bottom img.fr-fic.fr-dii {
	display: none;
}
/* MOBILE STYLES */
@media(max-width:790px){
	#canvas-vision-logo {
		width: 90%;
		margin-left: auto;
		margin-right: auto;
		margin-top: 20px;
	}

}/* END MOBILE */


