/* CSS Document */

html, body { background-color: #eee; color: #000000; }
:link, :visited { text-decoration: none; }
ul, ol { list-style: none; list-style: outside; }
h1, h2, h3, h4, h5, h6, pre, code, p { font-size: 1em; }
ul, ol, dl, li, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, body, html, p, blockquote, fieldset, input { padding: 0; margin: 0; }
a img, :link img, :visited img { border: none; }
address { font-style: normal; }


/* Define the "system" font family */
@font-face {
    font-family: system;
    font-style: normal;
    font-weight: 300;
    src: local(".SFNSText-Light"), local(".HelveticaNeueDeskInterface-Light"), local(".LucidaGrandeUI"), local("Ubuntu Light"), local("Segoe UI Light"), local("Roboto-Light"), local("DroidSans"), local("Tahoma");
  }

body {
  	font-family: "system";
  	font-size: 16px;
  	font-size:100%;
  }

header {
    font-size:  66px;
    /* font-weight: bold; */
    /* text-shadow: 0px 12px 10px rgba(0 , 0 , 0 , 0.09); */
    /* font-family: serif; */
    color: #2c2c2c;
    /* font-family: "liberation-serif-1","liberation-serif-2", times, Times New Roman, times-roman, georgia, serif; */
    /* background-color: #d5d5d5; */
    /* letter-spacing: .05em;
    text-shadow:
      2px 4px 0px #eee,
      7px 7px 0px rgba(0, 0, 0, 0.2); */
  }

  h7 {
    /* margin: 20px; */
    /* font-family: "Paytone One"; */
    /* color: #202020; */
    /* text-transform: uppercase; */
    /* letter-spacing: -2px; */
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-size: 60px;
    letter-spacing: 5px;
    padding: 10px 0px 10px 0px;
    margin: 20px 0 40px 0;
    color: #4285f4;
    text-transform: uppercase;
    text-shadow: 0 5px 6px rgba( 0 , 0 , 0 , 0.15);
    font-weight: lighter;
    word-break: keep-all;
  }

  h7 span {
    /* display: block; */
    /* margin: 11px 0 17px 0; */
    /* font-size: 80px; */
    /* line-height: 80px; */
    /* color: #444; */
    /* text-shadow: 0 13.36px 8.896px #0000001a, 0 -2px 1px #0068ff59; */
    /* letter-spacing: -4px; */
  }


.section {
    padding-bottom: 0;
  }

#mainContent {
  	width: 1000px;
  	margin: 50px auto 10px;
	}

#content {
    margin: 16px;
	}

h1 {
  	font-family: "liberation-serif-1","liberation-serif-2", times, Times New Roman, times-roman, georgia, serif;
  	color: #444;
  	padding: 0px 0px 20px 0px;
  	margin: 20px 0px 15px 0px;
  	font-size: 35px;
  	letter-spacing: ;
  	font-weight: bold;
  	text-shadow: rgba( 0 , 0 , 0 , 0.15) 0px 5px 6px;
  	border-bottom: 1px solid #ddd;
  }

h2 {
  	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  	font-size: 20px;
  	letter-spacing: 5px;
  	padding: 10px 0px 10px 0px;
  	margin: 20px 0 40px 0;
  	color: #4285f4;
  	text-transform: uppercase;
  	text-shadow: 0 5px 6px rgba( 0 , 0 , 0 , 0.15);
  }

h3 {

	}


.break {
  display: inline-block;
  clear: both;
}


p {
	 padding: 0 0 12px 0;
	 text-align: justify;
	}

video {
		border: 1px solid #4285f4;
    margin: 0 auto;
		display: block;
		background-color: #fff;
		box-shadow: 0 6px 8px rgba( 0 , 0 , 0 , 0.15);
	}

.my-gallery.tv {
    margin-top: 11px;
  }

.my-gallery.SmartSign {
    margin: 32px 0px 0px;
    text-align: center;
  }

.my-gallery.abby {
    text-align: center;
  }


.columns.tv {
    margin-bottom: 20px;
    text-align: center;
  }

.imgWrap {
    /* position: absolute; */
    vertical-align: top;
    position: relative;
    margin: 0px 5px 10px;
    height: 173px;
    left: 0;
    top: 0;
    box-shadow: 0 6px 8px rgba( 0 , 0 , 0 , 0.15);
    border: 1px solid #4285f4;
    display: inline-block;
    overflow:hidden;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
    padding: 0px;

  }

.imgWrap:hover {
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
  }

.imgWrap img {
    width: 100%;
    margin-bottom: -10px;
  }

.imgWrap.abby {
    margin: 0px 5px 30px;
    padding: 0px;
    width: 31%;
  }

.imgWrap.abby:hover {
    /* left: -2.5%; */
  }

.imgWrap.SmartSign {
    display: inline-block;
    width: 32.5%;
    max-height: auto;
  }

.imgWrap.SmartSign:hover {
    /* width: 31%; */
  }

.imgWrap.tv {
    /* width: 50%; */
    /* zoom:  1.2; */
    /* height: 230px; */
  }

.imgWrap.tv img{
  /* zoom: 1.2; */
  min-width: 190px;
  }

.imgWrap.tv:hover {
    /* width: 31%; */
  }

.doubleWide.tv img {
    zoom: 2;
    /* min-width: 240px; */
  }

.imgWrap.SmartSign img {
    zoom: 2;
    min-width: 140px;
  }

figure figcaption {
      z-index: 100000;
      position: absolute;
      top: 200px;
      width: 100%;
      text-align: center;
      color: white;
      padding: 10px 0;
      opacity: 0;
      text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.9);
      background-color: rgba(0, 0, 0, 0.01);
      -webkit-transition: all 300ms ease;
      -moz-transition: all 300ms ease;
      -ms-transition: all 300ms ease;
      -o-transition: all 300ms ease;
      transition: all 300ms ease;
    }

figure:hover figcaption {
    display: block;
    top: 127px;
    background-color: rgba(0, 0, 0, 0.8);
    opacity: 1;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
  }


figure.SmartSign:hover figcaption {
    top: 114px;
  }

figure.tv figcaption {

  }

figure.tv:hover figcaption {
    top: 136px;
  }

.pswp__caption__center {
    text-align: center;
  }

.techBox {
    margin: 0;
    padding: 0;
  }

.techBox div {
    display: inline-block;
    clear: both;
    margin: 0 0px 10px;
    border: 1px solid rgba( 0 , 0 , 0 , 0.1);
    padding: 3px 10px;
    border-radius: 3px;
    -webkit-background-clip: padding-box;
    font-size: 13px;
    /* box-shadow: inset 0 -3px 5px rgba( 0 , 0 , 0 , 0.2), 0 3px 8px rgba( 0 , 0 , 0 , 0.25); */
    color: rgba( 0 , 0 , 0 , 0.4);
    width: 100%;
    text-align: center;

    -webkit-transition: all 1500ms ease;
    -moz-transition: all 1500ms ease;
    -ms-transition: all 1500ms ease;
    -o-transition: all 1500ms ease;
    transition: all 1500ms ease;
  }

.techBox div:hover {
    /* background-color: rgba( 0 , 0, 0 , 0.3); */
    color:  #4285f4;
    border: 1px solid #4285f4;

    -webkit-transition: all 1500ms ease;
    -moz-transition: all 1500ms ease;
    -ms-transition: all 1500ms ease;
    -o-transition: all 1500ms ease;
    transition: all 1500ms ease;
  }

.hidden {
    display: none !important;
}

.logoCol {
  text-align: center;
}

.imgWrap.freelance {
    width: 18%;
    clear: both;
    height: auto;
    max-width: 280px;
  }

figure.webImg{
    display: inline-block;
    height: 146px;
    margin-bottom: 20px;
    width: 48%;
  }

.column.webCol {
    text-align: center;
  }

.pswp img {
      border: 1px solid #4285f4;
      box-shadow: 0 3px 50px rgba(66, 133, 244, 0.4);
      border-radius: 5px;
      -webkit-background-clip: padding-box;
  }

.shadow {
      -webkit-box-shadow: 0 8px 6px -6px black;
    }


   .imgWrap.SmartSign ,
   .imgWrap.tv ,
   .imgWrap.webImg ,
   .imgWrap.freelance {
       -webkit-transition: all 1500ms ease;
       -moz-transition: all 1500ms ease;
       -ms-transition: all 1500ms ease;
       -o-transition: all 1500ms ease;
       transition: all 1500ms ease;
     }

.doubleWide {

  }

@media only screen
and (min-width : 320px)
and (max-width : 768px) {

  }


@media only screen
and (min-width : 320px)
and (max-width : 768px) {

    .imgWrap.SmartSign {
        width: 45%;
        max-height: 180px;
      }



    .imgWrap.webImg {
        width: 45%;
      }


    .imgWrap.freelance {
          width: 45%;
          clear: both;
        }

    .imgWrap.tv {
        width: 30%;
        clear: both;

        -webkit-transition: all 1500ms ease;
        -moz-transition: all 1500ms ease;
        -ms-transition: all 1500ms ease;
        -o-transition: all 1500ms ease;
        transition: all 1500ms ease;

      }

    .columns.tv {
      margin-bottom: 10px;
    }
    .Cisco .is-2 {
      display: none;
    }
    .techBox div {
      display: none;
    }

  }





@media only screen
and (min-width : 768px)
and (max-width : 1024px) {

    .imgWrap.freelance {
        width: 25%;
        border: 1px solid green;
        clear: both;
      }
  }






/* .container.freelance .techBox .slug {
  opacity: 0.0;
}

.container.freelance:hover .techBox .slug {

  opacity: 1.0;

  -webkit-transition: all 1500ms ease;
  -moz-transition: all 1500ms ease;
  -ms-transition: all 1500ms ease;
  -o-transition: all 1500ms ease;
  transition: all 1500ms ease;
  } */

/*


  @media screen and (min-width: 769px), print
  .columns:not(.is-desktop) {
      display: flex;
  }


 */



.disclaimer {

   }

.disclaimer p {
    font-size: 10px;
    color: rgba(0, 0, 0, 0.31);
    margin: 50px auto 0px;
    width: 70%;

}