﻿/*PARENT MOBILE*/
.parent_mobile {
  overflow: hidden;
  position: relative;
  /*float:left;*/
  display: inline-block;
  cursor: pointer;
  width: 100%;
  height: 100%;
}

.parent_mobile:hover .child, .parent_mobile:focus .child {
  -ms-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -webkit-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
}

.parent_mobile:hover .child, .parent_mobile:focus .child {
  -ms-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -webkit-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
}

  .parent_mobile:hover .child:before, .parent_mobile:focus .child:before {
    display: block;
  }

.parent_mobile:hover a, .parent_mobile:focus a {
  display: block;
}

.text_holder1_mobile {
  padding-right: 0%;
  padding-top: 1%;
  padding-bottom:1%;
  padding-left: 10%;

}

.portfolio_logo_img_mobile{
  max-width:150px;
  width:100%;
  height:100%;
  padding-bottom:10px;

}




/*END MOBILE PARENT---------------------------------------------------------------------------*/
.parent {
  overflow: hidden;
  position: relative;
  /*float:left;*/
  display: inline-block;
  cursor: pointer;
  width: 60%;
  height: 60%;
}

.parent_right {
  overflow: hidden;
  position: relative;
  float: right;
  display: inline-block;
  cursor: pointer;
  width: 60%;
  height: 60%;
}

.child {
  height: 100%;
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
}

.parent:hover .child, .parent:focus .child {
  -ms-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -webkit-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
}

 .parent:hover .child:before, .parent:focus .child:before {
    display: block;
  }

.parent:hover a, .parent:focus a {
  display: block;
}

/*PARENT RIGHT*/
.parent_right:hover .child, .parent_right:focus .child {
  -ms-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -webkit-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
}

.parent_right:hover .child:before, .parent_right:focus .child:before {
  display: block;
}

.parent_right:hover a, .parent_right:focus a {
  display: block;
}
/*PARENT RIGHT*/

.child:before {
  content: "";
  display: none;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(52,73,94,0.75);
}

/* Media Queries */
@media screen and (max-width: 960px) {
  .parent {
    width: 100%;
    margin: 20px 0px
  }

  .wrapper {
    padding: 20px 20px;
  }
}

.para_bold {
  font-weight: bold;
}

@media(min-width:1500) {
  .marketing_info p {
    min-width: 90px;
  }
}

.para_info {
  color:#363833;
  font-size:12pt;
  font-weight:400;
  text-align:left
}

img_overlay {
  position: absolute;
  top: 45%;
  left: 45%;
  z-index: 10;
}

.client_logos {
  height: 33%;
  width: 33%;
}

@media (min-width:1366px) {
  .client_logos {
    height: 31%;
    width: 31%;
  }
}

.green_arrow {
  position: absolute;
  top: 45%;
  left: 45%;
}


.breakout {
  font-style: italic;
  font-weight: bolder;
}

.check_it {
  font-size: 18pt;
  font-weight: bold;
  margin-top: 2%;
  margin-bottom: 2%;
  color:#77BC1F;
  word-spacing:1px;
  letter-spacing:1px;
}

.closer {
  margin-bottom: 10%;
}



.header_green {
  color: #77BC1F !important;
  font-weight: 700 !important;
  font-size: 14pt !important;
  text-align:left;
}

.header_gray {
  color: #363833 !important;
  font-weight: 700 !important;
  font-size: 14pt !important;
  text-align: left;
}

.arrow_green {
  color: #77BC1F;
}

.arrow_gray {
  color: #363833;
}

.text_holder1 {

  padding-right:0%;
  padding-top:32%;
  padding-left:30%;
  padding-bottom:30%;
}


.text_holder2 {
  margin: 0 auto;
  max-height: 700px;
  height: 100%
}

text_holder2_right {
  margin: 0 auto;
  max-height: 700px;
  height: 100%;
  padding-left:10%
}


.hr_gray {
  border: 0;
  height: 1px;
  background: #363833;
  margin-top: 0px;
  margin-bottom: 0px;
}

.portfolio_logo_img{
  max-width:201px;
  height:113px;
  width:50%;
  height:50%;

}

.funko_img_space{
  padding-top:10px;
}

.h3_header_green {
  color: #77BC1F !important;
  font-weight: 700 !important;
  font-size: 12pt !important;
  text-align: left;
}

.para_info_services {
  color: #363833;
  font-size: 11pt;
  font-weight: 400;
  text-align: left;
}

/*.service_holder{
  background-color:#F7F7F7;
  max-width:333px;
  min-height:200px;
  padding-top:10px;
  padding-bottom:0px;
  padding-left:20px;
  padding-right:20px;

}*/


.hr_gray {
  border: 0;
  height: 1px;
  background: #363833;
  margin-top: 0px;
  margin-bottom: 0px;
}

.hr_gray_mobile {
  border: 0;
  height: 1px;
  background: #363833;
  margin-top: 0px;
  margin-bottom: 0px;
  
}