@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,400;0,500;1,400;1,500&family=Crimson+Pro:ital,wght@0,300;0,600;1,300;1,600&family=David+Libre:wght@400;500&family=Faustina:ital@0;1&family=Fjalla+One&family=Imbue:opsz,wght@10..100,400;10..100,600&family=Neuton:ital,wght@0,300;0,400;0,700;0,800;1,400&family=Oranienbaum&family=Oswald:wght@400;500&family=Tinos:ital@0;1&family=Unna:ital,wght@0,400;0,700;1,400;1,700&display=swap');


@font-face {
  font-family: "Barlow Condensed";
  src: url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,400;0,500;1,400;1,500@charset "UTF-8');
}
@font-face {
  font-family: "Crimson Pro";
  src: url('https://fonts.googleapis.com/css2?family=Crimson+Pro:ital,wght@0,300;0,600;1,300;1,600@charset "UTF-8');
}
@font-face {
  font-family: "David+Libre";
  src: url('https://fonts.googleapis.com/css2?family=David+Libre:wght@400;500&@charset "UTF-8');
}
@font-face {
  font-family: "Faustina";
  src: url('https://fonts.googleapis.com/css2?family=Faustina:ital@0;1&@charset "UTF-8');
}
@font-face {
  font-family: "Oranienbaum";
  src: url('https://fonts.googleapis.com/css2?family=Oranienbaum&family=Oswald:wght@400;500&@charset "UTF-8');
}

@font-face {
  font-family: "Fjalla+One";
  src: url('https://fonts.googleapis.com/css2?family=Fjalla+One@charset "UTF-8');
}
@font-face {
  font-family: "Oswald";
  src: url('https://fonts.googleapis.com/css2?family=Oswald:wght@400;500&display=swap"@charset "UTF-8');
}
@font-face {
  font-family: "Neuton";
  src: url('https://fonts.googleapis.com/css2?family=Neuton:ital,wght@0,300;0,400;0,700;0,800;1,400&display=swap"@charset "UTF-8');
}
@font-face {
  font-family: "Unna";
  src: url('https://fonts.googleapis.com/css2?family=Unna:ital,wght@0,400;0,700;1,400;1,700=swap"@charset "UTF-8');
}

font-family: 'Crimson Pro', serif;
font-family: 'David Libre', serif;
font-family: 'Faustina', serif;
font-family: 'Imbue', serif;
font-family: 'Neuton', serif;
font-family: 'Oranienbaum', serif;
font-family: 'Tinos', serif;
font-family: 'Unna', serif;
font-family: 'Barlow Condensed', sans-serif;
font-family: 'Fjalla One', sans-serif;
font-family: 'Oswald', sans-serif;

img {
  border: 0px;
}

html {
  -webkit-text-size-adjust: none;
  -webkit-font-smoothing: antialiased;
}

body 
{ margin: 0px;
  padding: 0px;
  font-weight: normal;

}
/* titols About/Contact/Services */
body h1,
body h2,
body h3,
body h4,
body h5,
body h6 { font-size: 16px; line-height: 22px; margin-bottom: 0;font-weight: normal;font-family:"Oswald"; color: #1E306D;}


h1a {font-family:"Barlow Condensed"; color: #1A2F75;font-size: 42px; text-align:left; line-height: 44px; font-weight: normal;}
h1b { font-family:"Fjalla One"; color: #1A2F75;font-size: 22px; text-align:left; line-height: 29px; margin-bottom: 0;font-weight: normal;}
h1c { font-family:"Oswald"; color: #3A5098;font-size: 22px; line-height: 29px; margin-bottom: 0;font-weight: normal;}

h1d { font-family:"Neuton"; color: #E3E6F0;font-size: 24px; line-height: 32px; letter-spacing: 1.25px; margin-bottom: 0;font-weight: normal;}
h1e { font-family:"Oswald"; color: #E3E6F0;font-size: 64px; line-height: 72px; letter-spacing: 2.25px; margin-bottom: 0;font-weight: normal;}
h2a { font-style: normal;font-family: "Oswald";font-weight: normal;text-align: justify;font-size: 15px; line-height: 17px;color: #000;}
h2b {font-style: normal;font-family: "Oswald";font-weight: normal;text-align: justify;font-size: 17px; line-height: 20px;color: #000;}
h2f { font-style: normal;font-family: "Fjalla One";font-weight: normal;font-style: oblique; text-align: justify;font-size: 20px; line-height: 18px;color: #2f4f4f;}
h3a { font-style: normal;font-family: "Oranienbaum";font-weight: normal;text-align: justify;font-size: 21px; line-height: 23px;color: #000;}
h3b { font-style: normal;font-family: "Oranienbaum";font-weight: normal;text-align: justify;font-size: 19px; line-height: 21px;color: #000;}
h3c { font-style: normal;font-family: "Oranienbaum";font-weight: normal;align: justify;font-size: 18px; line-height: 20px;color: #000;}
h4b { font-style: normal;font-family: "Fjalla One";font-weight: normal;text-align: justify;font-size: 18px; line-height: 18px;color: #000;}
h7 { font-family:"Neuton"; color: #E0C18C;font-size: 16px; line-height: 33px; margin-bottom: 0;font-weight: normal;}
h2 { font-family:"David Libre"; color: #1A2F75;font-size: 10px; line-height: 16px; margin-bottom: 0;font-weight: normal;}
h4c { font-family:"Oswald"; color: #5382A4;font-size: 12px; line-height: 15px; letter-spacing: 1.25px; margin-bottom: 0;font-weight: normal;}

h4a { font-family:"Oswald"; color: #436074;font-size: 16px; line-height: 18px; letter-spacing: 1.35px; margin-bottom: 0;font-weight: normal;}
 ;
h4w {font-family:"Barlow Condensed";color: #000 font-size: 16px; line-height: 17px;text-align: center;letter-spacing: 0.85px; margin-bottom: 0;font-weight: bold;}

body 
{ margin: 0px;
  padding: 0px;
  text-align: justify;
  font-weight: normal;

}

body p {
  color: #b2b2b2;
  margin-top: 0px;
  margin-bottom: 1em;
}

body p strong {
  color: #000;
  font-weight: normal;
}

body p a {
  color: #000;
  text-decoration: none;
}

body p a:hover {
  color: #b2b2b2;
}

body a {
  color: transparent;
  text-decoration: none;
}

body a:hover {
  color: #b2b2b2;
}

/*reseting some styles*/
ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
}

/* main structure */
section {
  position: relative;
  overflow: hidden;
}

.home section,
.home #first,
.home #second,
.home #third,
.home #fourth,
.home #fifth,
.home #sixth,
.home #seventh,
.home #eighth,
.home #ninth,
.home #tenth {
  background-size: cover !important;
}

.home #first {
  z-index: 10;
}

.home #second {
  z-index: 11;
}

.home #third {
  z-index: 12;
}

.home #fourth {
  z-index: 13;
}

.home #fifth {
  z-index: 14;
}

.home #sixth {
  z-index: 15;
}

.home #seventh {
  z-index: 16;
}

.home #eighth {
  z-index: 17;
}

.home #ninth {
  z-index: 18;
}

.home #tenth {
  z-index: 19;
}

.home article {
  position: relative;
}

.home .waypoint-up {
  position: absolute;
  width: 1px;
  height: 1px;
  top: 50%;
  left: 50%;
  margin: -1px 0px 0px -1px;
}

/* Navigation */
.jumpTo {
   position: fixed;
  z-index: 60;
  right: 10px;
  bottom: 5px;
  width: auto;
}

.jumpTo li {
  float: left;
  display: inline;
  margin: 0px 10px 0px 0px;
}

.jumpTo li a {
  float: left;
  display: block;
  width: 10px;
  height: 10px;
  border: 1px solid transparent;
  border-radius: 15px;
  overflow: hidden;
  -webkit-transition: all 0.3s ease-out;
  /* Safari 3.2+, Chrome */
  /* Firefox 4-15 */
  /* Opera 10.5–12.00 */
  transition: all 0.3s ease-out;
  /* Firefox 16+, Opera 12.50+ */
}

.jumpTo li a:hover {
  background-color: white;
}

.jumpTo li a.active {
  background-color: transparent;
  background-color: white;
  /* Firefox 3+, Safari 3+, Opera 10.10+, Chrome, IE9+ */
}

/* social share buttons */
.social-links {
  float: right;
}

.social-links .st_sharethis_custom {
  background: #333 url() 100% -126px no-repeat;
  color: transparent;
  display: block;
  font-size: 14px;
  line-height: 17px;
  float: right;
  padding: 3px 3px 1px 5px;
  width: 100%;
}

.social-links.invert .st_sharethis_custom {
  background: transparenturl() 100% -126px no-repeat;
  color: transparent;
}

.about,
.blog,
.contact,
.work-details,
.work {
  background: url("");
}
.prf01 { background: url("http://www.profides.org/IMG/FONS/F_00.jpg");}
.D_01 { background: url("http://www.profides.org/IMG/FONS/D_01.jpg");}
.D_02 { background: url("http://www.profides.org/IMG/FONS/D_02.jpg");}
.D_03 { background: url("http://www.profides.org/IMG/FONS/D_03.jpg");}
.D_04 { background: url("http://www.profides.org/IMG/FONS/D_04.jpg");}
.D_05 { background: url("http://www.profides.org/IMG/FONS/D_05.jpg");}
.D_06 { background: url("http://www.profides.org/IMG/FONS/D_06.jpg");}
.D_07 { background: url("http://www.profides.org/IMG/FONS/D_07.jpg");}
.P_01 { background: url("http://www.profides.org/IMG/FONS/P_01.jpg");}
.P_02 { background: url("http://www.profides.org/IMG/FONS/P_02.jpg");}
.P_03 { background: url("http://www.profides.org/IMG/FONS/P_03.jpg");}
.P_04 { background: url("http://www.profides.org/IMG/FONS/P_04.jpg");}
.P_05 { background: url("http://www.profides.org/IMG/FONS/P_05.jpg");}
.P_06 { background: url("http://www.profides.org/IMG/FONS/P_06.jpg");}
.R_01a { background: url("http://www.profides.org/IMG/FONS/R_01a.jpg");}
.R_01b { background: url("http://www.profides.org/IMG/FONS/R_01b.jpg");}
.R_02 { background: url("http://www.profides.org/IMG/FONS/R_02.jpg");}
.R_03 { background: url("http://www.profides.org/IMG/FONS/R_03.jpg");}
.R_04 { background: url("http://www.profides.org/IMG/FONS/R_04.jpg");}
.R_05 { background: url("http://www.profides.org/IMG/FONS/R_05.jpg");}
.R_06 { background: url("http://www.profides.org/IMG/FONS/R_06.jpg");}
.R_14 { background: url("http://www.profides.org/IMG/FONS/R_14.jpg");}
.F_01 { background: url("http://www.profides.org/IMG/FONS/F_01.jpg");}
.F_02 { background: url("http://www.profides.org/IMG/FONS/F_02.jpg");}
.F_03 { background: url("http://www.profides.org/IMG/FONS/F_03.jpg");}
.F_04 { background: url("http://www.profides.org/IMG/FONS/F_04.jpg");}
.F_06 { background: url("http://www.profides.org/IMG/FONS/F_06.jpg");}
.LC_01 { background: url("http://www.profides.org/IMG/FONS/LC_01.jpg");}
.LC_05 { background: url("http://www.profides.org/IMG/FONS/LC_05.jpg");}
.LC_03 { background: url("http://www.profides.org/IMG/FONS/LC_03.jpg");}
.LC_12 { background: url("http://www.profides.org/IMG/FONS/LC_12.jpg");}
.LC_04 { background: url("http://www.profides.org/IMG/FONS/LC_04.jpg");}
.LC_03a { background: url("http://www.profides.org/IMG/FONS/LC_03a.jpg");}
.LC_03b { background: url("http://www.profides.org/IMG/FONS/LC_03b.jpg");}
.CL_11 { background: url("http://www.profides.org/IMG/FONS/CL_11.jpg");}
.CL_01 { background: url("http://www.profides.org/IMG/FONS/CL_01.jpg");}
.CL_07 { background: url("http://www.profides.org/IMG/FONS/CL_07.jpg");}
.CL_08 { background: url("http://www.profides.org/IMG/FONS/CL_08.jpg");}
.CL_10 { background: url("http://www.profides.org/IMG/FONS/CL_10.jpg");}
.CL_04 { background: url("http://www.profides.org/IMG/FONS/CL_04.jpg");}
.CL_05 { background: url("http://www.profides.org/IMG/FONS/CL_05.jpg");}
.CL_03 { background: url("http://www.profides.org/IMG/FONS/CL_03.jpg");}
.CL_02 { background: url("http://www.profides.org/IMG/FONS/CL_02.jpg");}
.CL_06 { background: url("http://www.profides.org/IMG/FONS/CL_06.jpg");}
.CL_12 { background: url("http://www.profides.org/IMG/FONS/CL_12.jpg");}
.CL_13 { background: url("http://www.profides.org/IMG/FONS/CL_13.jpg");}
.PC_01 { background: url("http://www.profides.org/IMG/FONS/PC_01.jpg");}
.PC_02 { background: url("http://www.profides.org/IMG/FONS/PC_02.jpg");}
.PC_03 { background: url("http://www.profides.org/IMG/FONS/PC_03.jpg");}
.PC_04 { background: url("http://www.profides.org/IMG/FONS/PC_04.jpg");}

.titol {
  font-style: normal;
  font-family: "Barlow Condensed";color: #2f4f4f;
  font-weight: normal;
  text-align:left;
  font-size: 42px;
  line-height: 48px;
  float: left
  margin: 0;
}

.firma {
  font-style: normal;
  font-family: "Fjalla One"; color: #827D7D;letter-spacing: 0.75px;
  font-weight: 600;
  text-align:left;
  font-size: 14px;
  line-height: 14px;
  float: left
  margin: 0;
}

.tt1 {
  font-style: normal;
  font-family: "Fjalla One";
  font-weight: normal;
  text-align:left;
  font-size: 14px;
  line-height: 16px;
  float: left
  color: #2f4f4f;
  margin: 0;
}


.about h4 { font-size: 22px; line-height: 25px; margin-bottom: 0;font-weight: normal;font-family:"Oswald"; color: #1E306D;}
.about h2,
.about h3,

.about h5,
.about h6,
.contact h2,
.contact h3,
.contact h4,
.contact h5,
.contact h6,
.work-details h2,
.work-details h3,
.work-details h4,
.work-details h5,
.work-details h6,
.work h2,
.work h3,
.work h4,
.work h5,
.work h6 {
  color: transparent;
  font-weight: normal;
  margin: 0;
}

.about h2 strong,
.about h3 strong,
.about h4 strong,
.about h5 strong,
.about h6 strong,
.contact h2 strong,
.contact h3 strong,
.contact h4 strong,
.contact h5 strong,
.contact h6 strong,
.work-details h2 strong,
.work-details h3 strong,
.work-details h4 strong,
.work-details h5 strong,
.work-details h6 strong,
.work h2 strong,
.work h3 strong,
.work h4 strong,
.work h5 strong,
.work h6 strong {
  font-weight: normal;
}

.about nav a,
.contact nav a,
.work-details nav a,
.work nav a {
 color: #000;
font-family:"Barlow Condensed";font-size: 16px; line-height: 24px; letter-spacing: 0.25px; margin-bottom: 0;font-weight: bold;}
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}



.about nav a:hover,
.contact nav a:hover,
.work-details nav a:hover,
.work nav a:hover {
  color: transparent;
}

.about nav a.active,
.contact nav a.active,
.work-details nav a.active,
.work nav a.active {
  color: #B8860B;
}

.about nav a.active0,
.contact nav a.active0,
.work-details nav a.active0,
.work nav a.active0 {font-family:"Barlow Condensed";font-style: oblique;font-size: 24px; line-height: 27px; letter-spacing: 0.85px;  color: #2f4f4f; font-weight: bold;}

.about nav a.active1,
.contact nav a.active1,
.work-details nav a.active1,
.work nav a.active1 {color: #2f4f4f;}


.about nav a.active2,
.contact nav a.active2,
.work-details nav a.active2,
.work nav a.active2 {
  color: #2f4f4f;
}


.about article {
  float: left;
  display: inline;
  margin: 0;
  max-width: 610px;
  background: url("");
}

.about article .col1 {
  float: left;
  width: 48%;
  margin-right: 4%;
}

.about article .col2 {
  float: left;
  width: 48%;
  Image: 50%;
}

.about article h1,
.about article h2,
.about article h3,
.about article h4,
.about article h5,
.about article h6,
.about article p,
.about article ul,
.about article ol {
  font-weight: normal;
  color: #000;
}

.about article h1,
.about article h2,
.about article h3,
.about article h4,
.about article h5,
.about article h6 {
  color: #000;
  margin: 0;
}

.about article ul {
  margin-bottom: 1em;
}

.about article ul li {
  background: url()  7px no-repeat;
  padding-left: 11px;
}

.main a {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.blog {
  background: url("");
}

.blog section article .blogArticleTitle h1 {
  font-style: normal;
  font-family: "Barlow Condensed";
  font-weight: normal;
  text-align:left;
  font-size: 42px;
  line-height: 38px;
  float: left
  color: #2f4f4f;
  margin: 0;
}

.blog section article .blogArticleTitle h1 a {
  color: #333;
  text-decoration: none;
}

.blog section article .blogArticleTitle h1 a:hover {
  color: #666;
}

.blog section article .blogArticleTitle .blogName {
  color: #333;
}

.blog section article .blogArticleTitle .blogTitle {
  display: block;
  clear: left;
  color: #333;
   text-align:left;
}

.blog section article .blogArticleTitle .blogDate {
  display: block;
  clear: left;
  color: #b2b2b2;
}

.blog section article .blogArticleTitle a span {
  -webkit-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
}

.blog section article .blogArticleTitle a:hover span {
  color: #666;
}

.blog section article .blogArticleImages {
  max-width: 100%;
}

.blog section article .blogArticleImagesCaption p {
  font-family: "";
  color: #333;
}

.blog section article .blogArticleImagesCaption p strong {
  color: #333;
  font-weight: bold;
}

.blog section article .blogArticleImagesCaption a {
  color: #333;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  text-decoration: underline;
}

.blog section article .blogArticleImagesCaption a:hover {
  color: #666;
}

.blog section article .blogArticleBlurb,
.blog section article .blogArticleBlurb p {
  float: left;
  font-family: "DroidSansRegular";
  color: #333;
}

.blog section article .blogArticleBlurb strong,
.blog section article .blogArticleBlurb p strong {
  color: #333;
}

.blog section article .blogArticleBlurb a,
.blog section article .blogArticleBlurb p a {
  color: #333;
}

.blog section article .blogArticleBlurb a:hover,
.blog section article .blogArticleBlurb p a:hover {
  color: #666;
}

.blog section article .blogArticleBlurb a .hide,
.blog section article .blogArticleBlurb p a .hide {
  display: none;
}

.blog section article .blogSocial {
  background: url("") -35px -13px no-repeat;
}

.blog section article .blogSocial li a {
  font-style: normal;
  font-family: "DroidSansRegular";
  line-height: 22px;
  color: #333;
  text-decoration: none;
}

.blog section article .blogSocial li a:hover {
  color: #b2b2b2;
}

.blog .prodfs {
  background: url("") no-repeat -106px 0px;
}

.blog .prodfs p {
  color: #333333;
}

.blog article {
  background: url("") -35px -13px no-repeat;
}

.blog .pagination {
  margin-left: 15px;
}

.blog .pagination p {
  font-size: 14px;
  line-height: 17px;
}

.blog .pagination a {
  color: #333;
}

/*========================================================================================================================================
	Media Queries
========================================================================================================================================*/
@media only screen and (min-width: 701px) {
  /*========================================================================================================================================
	Media Queries for Over 700px
========================================================================================================================================*/
  img {
    max-width: 100%;
  }

  /* navigation */
  nav {
    float: left;
    position: fixed;
    height: 108px;
	width: 130px;
    left: 130px;
    top: 28px;
    margin: 0px 10px 0px 0px;
    padding: 0px 10px 0px 10px;
    z-index: 60;
    background: url("");
  }
  nav ul {
    margin-bottom: 15px;
  }
  nav ul li a {
    color: #CBA131;
    text-decoration: none;
    font-size: 14px;
    line-height: 12px;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }
  nav ul li a:hover {
    color: #CBA131;
  }
  nav ul li a.active {
    color: #b2b2b2;
  }
  nav ul .next-project {
    margin-top: 20px;
  }
  nav ul .back-to-thumbs {
    margin-top: 25px;
  }
  /* Logo */
  .fixed-logo-wrapper {
    position: fixed;
    z-index: 60;
    top: 10.0%;
    left: 30px;
    margin: -30px 0px 0px 0px;
    width: 200px;
    height: ;
  }
	

  .fixed-logo-wrapper .logo {
    position: absolute;
    top: 0px;
    left: 0px;
  }
  /* Plus on homepage */
  .plus {
    width: 30px;
    height: 30px;
    position: fixed;
    z-index: 60;
    top: 50%;
    margin: -15px 0px 0px 0px;
    right: 30px;
    -webkit-transition: all 0.3s ease-out;
    /* Safari 3.2+, Chrome */
    /* Firefox 4-15 */
    /* Opera 10.5–12.00 */
    transition: all 0.3s ease-out;
    /* Firefox 16+, Opera 12.50+ */
    -webkit-transform: scale(0.8);
    /* Safari 3.1+, Chrome */
    /* Firefox 3.5+ */
    -ms-transform: scale(0.8);
    /* IE9+ */
    /* Opera 10.50+ */
    transform: scale(0.8);
  }
  .plus:hover {
    -webkit-transform: scale(1);
    /* Safari 3.1+, Chrome */
    /* Firefox 3.5+ */
    -ms-transform: scale(1);
    /* IE9+ */
    /* Opera 10.50+ */
    transform: scale(1);
  }
  .prodfs {
    float: left;
    position: fixed;
    bottom: 13px;
    left: 15px;
    margin: 0px 0px 0px 0px;
    padding: 0 10px 20px 17px;
    z-index: 60;
    background: url("") no-repeat -106px 0px;
  }
  .prodfs p {
    color: #000;
    font-size: 14px;
    line-height: 17px;
    margin: 0;
    max-width: 700px;
  }
  .prodfs p + p {
    margin-top: 17px;
  }
  .landing .prodfs,
  .home .prodfs {
    background: none;
  }
  .landing .prodfs:before,
  .home .prodfs:before {
    background: url("") no-repeat -106px 0px;
    display: block;
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    width: 4px;
    border-radius: 2px;
    height: 95%;
    background-color: transparent;
  }
  .spacer-div {
    float: left;
    display: inline;
    max-width: 310px;
    width: 32.053941908%;
  }
  .content-wrapper {
    float: left;
    display: inline;
    position: relative;
    max-width: 684px;
    width: 67.946058091%;
  }
  .mobile-menu {
    display: none;
  }
  section {
    float: left;
    width: 100%;
    margin: 13px 0px 0px 0px;
  }
  section article {
    float: left;
    clear: left;
    width: 93.567251462%;
    max-width: 640px;
    margin: 0px 0px 30px 0px;
    padding: 15px 0px 0px 15px;
  }
  section article p {
    font-size: 14px;
    line-height: 17px;
  }
  section article .blogArticleTitle {
    margin: 0px 0px 5px 0px;
	float: left
	text-align:left;
  }
  section article .blogArticleImages {
    display: inline-block;
    width: 100%;
  }
  section article .blogArticleImages img {
    float: left;
    max-width: 100%;
    margin-bottom: 17px;
  }
  section article .blogArticleBlurb,
  section article .blogArticleImagesCaption {
    display: inline-block;
    width: 83%;
  }
  section article .social-links {
    width: 12%;
  }
  section article .blogArticleBlurb p {
    max-width: 100%;
    height: auto;
  }
  section article .blogArticleBlurb img {
    max-width: 100%;
  }
  section article .blogArticleBlurb,
  section article .blogArticleBlurb p {
    float: left;
  }
  section article .blogSocial {
    display: inline-block;
    float: right;
    width: 8.59375%;
    padding: 0px 0px 0px 15px;
  }
  section article .blogSocial li {
    display: block;
    height: auto;
    margin: 0px;
  }
  /* ===============================
	
	Home Page 

================================*/
  .no-js .prev-icon,
  .no-js .next-icon,
  .no-js .plus {
    display: none;
  }
  .home {
    overflow: hidden;
  }
  .home .main section {
    margin: 0px;
    height: 1000px;
  }
  .home .logo-desk {
    display: block;
  }
  .home .prev-icon,
  .home .next-icon {
    width: 30px;
    height: 30px;
    position: fixed;
    z-index: 60;
    right: 30px;
    top: 50%;
    opacity: 1;
    cursor: pointer;
    margin: -15px 0px 0px 0px;
    -webkit-transition: all 0.3s ease-out;
    /* Safari 3.2+, Chrome */
    /* Firefox 4-15 */
    /* Opera 10.5–12.00 */
    transition: all 0.3s ease-out;
    /* Firefox 16+, Opera 12.50+ */
    -webkit-transform: scale(0.8);
    /* Safari 3.1+, Chrome */
    /* Firefox 3.5+ */
    -ms-transform: scale(0.8);
    /* IE9+ */
    /* Opera 10.50+ */
    transform: scale(0.8);
    position: fixed;
  }
  .home .prev-icon:hover,
  .home .next-icon:hover {
    -webkit-transform: scale(1);
    /* Safari 3.1+, Chrome */
    /* Firefox 3.5+ */
    -ms-transform: scale(1);
    /* IE9+ */
    /* Opera 10.50+ */
    transform: scale(1);
  }
  .home .prev-icon.blank,
  .home .next-icon.blank {
    -webkit-transition: none;
    transition: none;
    opacity: 0.6;
    cursor: default !important;
  }
  .home .prev-icon.blank:hover,
  .home .next-icon.blank:hover {
    -webkit-transform: scale(0.8);
    /* Safari 3.1+, Chrome */
    /* Firefox 3.5+ */
    -ms-transform: scale(0.8);
    /* IE9+ */
    /* Opera 10.50+ */
    transform: scale(0.8);
  }
  .home .prev-icon {
    top: 45%;
  }
  .home .next-icon {
    top: 55%;
  }
  .home .logo-mobile {
    display: none;
  }
  .home .mobile {
    display: none;
  }
  /* ===============================
	
	About Page 

================================*/
  .about .prodfs p {
    color: #000;
  }
  /* ===============================
	
	Blog Page 

================================*/
  .blog {
    background: url("");
  }
  .blog nav {
    background: url("");
  }
  .blog nav ul li a {
    color: #333333;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }
  .blog nav ul li a:hover {
    color: #b2b2b2;
  }
  .blog nav ul li a.active {
    color: #b2b2b2;
  }
  .blog nav ul li.active a {
    color: #b2b2b2;
  }
  .blog .prodfs {
    background: url("");
  }
  .blog .prodfs p {
    color: #333333;
  }
  .blog article {
    background: url("") -35px -13px no-repeat;
  }
  /* ===============================
	
	Work Details Page 

================================*/
  .work .grid {
    margin: 0px 0px 0px 15px;
    width: 100%;
    max-width: 100%;
  }
  .work .grid li {
    float: left;
    width: 23%;
    background-color: transparent;
    margin: 0px 2% 12px 0px;
    position: relative;
    overflow: hidden;
  }
  .work .grid li a {
    float: left;
    width: 100%;
    position: relative;
    text-decoration: none;
  }
  .work .grid li a img {
    float: left;
    position: relative;
    z-index: 10;
  }
  /* .work .grid li:nth-child(3n + 3) {
    margin-right: 0px !important;
  } */
  .work .grid li:nth-child(4n + 4) {
    margin-right: 0px !important;
  }
  .work .mask {
    width: 100%;
    float: left;
    height: 131px;
    z-index: 20;
    position: absolute;
    background-color: rgba(0, 0, 0, 0.5);
    top: -131px;
    -webkit-transition: all 0.3s ease-out;
    /* Safari 3.2+, Chrome */
    /* Firefox 4-15 */
    /* Opera 10.5–12.00 */
    transition: all 0.3s ease-out;
    /* Firefox 16+, Opera 12.50+ */
  }
  .work .mask h2 {
    margin: 0px 0px 0px 0px;
    padding: 10px;
    font-weight: normal;
    font-size: 14px;
    color: #fff;
    background-color: black;
    -webkit-transition: all 0.3s ease-out;
    /* Safari 3.2+, Chrome */
    /* Firefox 4-15 */
    /* Opera 10.5–12.00 */
    transition: all 0.3s ease-out;
    /* Firefox 16+, Opera 12.50+ */
    -webkit-transform: translateY(-131px);
    -ms-transform: translateY(-131px);
    transform: translateY(-131px);
  }
  .work li:hover .mask {
    top: 0px;
  }
  .work li:hover h2 {
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
  }
  /* ===============================
	
	Work Details Page 

================================*/
  .js .work-details section ul.projectUl .content-slide {
    display: none;
  }
  .no-js .work-details section ul.projectUl .content-slide {
    display: block;
  }
  .work-details section h2 {
    top: 7px;
    left: 15px;
    z-index: 20;
    position: absolute;
    font-style: normal;
    font-weight: normal;
    font-family: "DroidSansRegular";
    font-size: 14px;
    color: #000;
  }
  .work-details section .dropdownLink {
    position: absolute;
    top: 4px;
    left: 88.273684%;
    width: 18px;
    height: 18px;
    z-index: 20;
    border: 2px solid #000;
    border-radius: 20px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    display: block;
    -webkit-transition: all 0.3s ease-out;
    /* Safari 3.2+, Chrome */
    /* Firefox 4-15 */
    /* Opera 10.5–12.00 */
    transition: all 0.3s ease-out;
    /* Firefox 16+, Opera 12.50+ */
  }
  .work-details section .dropdownLink .line1 {
    width: 10px;
    height: 2px;
    background-color: transparent;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -1px 0px 0px -5px;
    -webkit-transition: all 0.3s ease-out;
    /* Safari 3.2+, Chrome */
    /* Firefox 4-15 */
    /* Opera 10.5–12.00 */
    transition: all 0.3s ease-out;
    /* Firefox 16+, Opera 12.50+ */
  }
  .work-details section .dropdownLink .line2 {
    width: 2px;
    height: 10px;
    background-color: transparent;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -5px 0px 0px -1px;
    -webkit-transition: all 0.3s ease-out;
    /* Safari 3.2+, Chrome */
    /* Firefox 4-15 */
    /* Opera 10.5–12.00 */
    transition: all 0.3s ease-out;
    /* Firefox 16+, Opera 12.50+ */
    -moz-transition-delay: 0.3s;
    /* Firefox 4 */
    -webkit-transition-delay: 0.3s;
    /* Safari and Chrome */
    -o-transition-delay: 0.3s;
    /* Opera */
  }
  .work-details section .active .line2 {
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
  }
  .work-details section ul.projectUl {
    float: left;
    width: 93.567251462%;
    max-width: 640px;
    position: relative;
    overflow: hidden;
    margin: 0px 0px 0px 0px;
  }
  .work-details section ul.projectUl li {
    float: left;
    display: block;
    width: 100%;
    margin: 0px 0px 12px 0px;
    overflow: hidden;
  }
  .work-details section ul.projectUl .content-slide {
    background-color: rgba(0, 0, 0, 0.8);
    position: absolute;
    left: 0px;
    padding: 0px 0px 35px 0px;
    margin: 0px;
    width: 100%;
    min-height: 445px;
    -webkit-transition: all 0.5s ease-out;
    /* Safari 3.2+, Chrome */
    /* Firefox 4-15 */
    /* Opera 10.5–12.00 */
    transition: all 0.5s ease-out;
    /* Firefox 16+, Opera 12.50+ */
  }
  .work-details section ul.projectUl .content-slide .slideBody {
    width: 100%;
    padding: 55px 0px 0px 0px;
    display: inline-block;
  }
  .work-details
    section
    ul.projectUl
    .content-slide
    .slideBody
    .slide-body-inner {
    padding: 0px 15px;
  }
  .work-details section ul.projectUl .content-slide .slideBody table {
    float: left;
    width: 40.163934426%;
    border-spacing: 0px !important;
  }
  .work-details section ul.projectUl .content-slide .slideBody table tr td {
    padding: 0px;
    vertical-align: top;
    font-style: normal;
    font-family: "DroidSansRegular";
    font-size: 14px;
    line-height: 17px;
    color: #b2b2b2;
  }
  .work-details section ul.projectUl .content-slide .slideBody table tr td a {
    color: #b2b2b2;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }
  .work-details
    section
    ul.projectUl
    .content-slide
    .slideBody
    table
    tr
    td
    a:hover {
    color: #000;
  }
  .work-details
    section
    ul.projectUl
    .content-slide
    .slideBody
    table
    tr
    .firstTd {
    width: 37%;
    padding-right: 3%;
  }
  .work-details
    section
    ul.projectUl
    .content-slide
    .slideBody
    table
    tr
    .secondTd {
    width: 60%;
  }
  .work-details section ul.projectUl .content-slide .slideBody .testimonial {
    float: left;
    width: 34.344262295%;
    padding: 0px 2.950819672%;
  }
  .work-details section ul.projectUl .content-slide .slideBody .testimonial p {
    font-size: 14px;
    line-height: 17px;
  }
  .work-details section ul.projectUl .content-slide .slideBody .social-links {
    width: 18.114754098%;
  }
  .work-details
    section
    ul.projectUl
    .content-slide
    .slideBody
    ul.projectSocial {
    float: right;
    width: 13.114754098%;
    margin: 0px;
  }
  .work-details
    section
    ul.projectUl
    .content-slide
    .slideBody
    ul.projectSocial
    li {
    float: left;
    height: auto;
    width: 100%;
    margin: 0px 0px 6px;
  }
  .work-details
    section
    ul.projectUl
    .content-slide
    .slideBody
    ul.projectSocial
    li
    a {
    font-style: normal;
    font-family: "DroidSansRegular";
    font-size: 14px;
    line-height: 16px;
    color: #b2b2b2;
    text-decoration: none;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }
  .work-details
    section
    ul.projectUl
    .content-slide
    .slideBody
    ul.projectSocial
    li
    a:hover {
    color: #000;
  }
  .work-details section ul.projectUl ul li:hover .content-slide {
    top: 0px;
  }
  .work-details section ul.projectUl .work-image img {
    display: block;
    float: left;
  }
  /* ===============================
	
	Contact Page 

================================*/
  .contact {
    background: url("images/black_paper.png");
  }
  .contact .map {
    float: left;
    width: 93.567251462%;
    height: 425px;
    margin: 25px 0px 30px;
    padding: 0px 0px 0px 15px;
  }
  .contact .map img {
    max-width: none !important;
  }
  .contact .charity-block {
    clear: both;
    margin-left: 15px;
    min-height: 56px;
  }
  .contact .charity-block img {
    margin-right: 30px;
    float: right;
  }
  .contact .charity-block p {
    width: 67%;
    font-size: 13px;
    line-height: 17px;
  }
  .contact .contactInfo {
    float: left;
    width: 93.567251462%;
    margin: 0px;
    padding: 0px 0px 0px 15px;
    background: url("images/logo_line03.png") no-repeat -106px 0px;
  }
  .contact .contactInfo .info {
    float: left;
    display: inline-block;
    width: 38.28125%;
    margin: 0px 15px 0px 0px;
  }
  .contact .contactInfo .address {
    float: left;
    display: inline-block;
    font-style: normal;
    font-family: "DroidSansRegular";
    font-size: 14px;
    color: #000;
  }
  .contact .contactInfo .address address {
    font-style: normal;
  }
  .contact .contactInfo .socialButtons {
    float: right;
    display: inline-block;
  }
  .contact .contactInfo .socialButtons li {
    display: inline-block;
    width: 33px;
    height: 33px;
  }
  .contact .contactInfo .socialButtons li a {
    display: block;
    width: 33px;
    height: 33px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    background-image: url("images/sprite.png");
    background-repeat: no-repeat;
    opacity: 1;
    border-radius: 33px;
  }
  .contact .contactInfo .socialButtons li .linkdin {
    background-position: -40px 0px;
  }
  .contact .contactInfo .socialButtons li .linkdin:hover {
    background-position: -40px -35px;
  }
  .contact .contactInfo .socialButtons li .twitter {
    background-position: -115px 0px;
  }
  .contact .contactInfo .socialButtons li .twitter:hover {
    background-position: -115px -35px;
  }
  .contact .contactInfo .socialButtons li .facebook {
    background-position: -78px 0px;
  }
  .contact .contactInfo .socialButtons li .facebook:hover {
    background-position: -78px -35px;
  }
}

/*================================================ End of min width 700px media query ================================================== */
/*========================================================================================================================================
	Media Queries for UNDER 700px
========================================================================================================================================*/
@media only screen and (max-width: 700px) {
  .prodfs {
    margin: 0px 0px 0px 15px;
    padding: 15px 15px 10px 15px;
    background: url("") no-repeat -106px 0px;
  }
  .no-js nav ul {
    display: block;
  }
  .js nav ul {
    display: none;
  }
  .spacer-div {
    display: none;
  }
  .content-wrapper {
    width: 100%;
  }
  nav {
    background: url("");
    width: 100%;
  }
  nav ul {
    padding: 10px 5px 10px;
  }
  nav ul li a {
    color: #b2b2b2;
    text-decoration: none;
    font-size: 16px;
    line-height: 14px;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }
  nav ul li a:hover {
    color: #000;
  }
  nav ul li a.active {
    color: #000;
    text-decoration: underline;
  }
  nav ul li.active a {
    color: #000;
    text-decoration: underline;
  }
  .mobile-menu {
    background: transparent;
    background-image: transparent;
    padding: 0px 30px;
    border-top: 2px solid transparent;
    border-bottom: 2px solid #000;
    font-family: "Fjalla One";
    font-weight: normal;
    font-size: 16px;
    line-height: 20px;
    color: #2f4f4f;
    overflow: hidden;
  }
  .mobile-menu .currently-viewing {
    float: left;
  }
  .mobile-menu .menu-toggle {
    float: right;
    color: #b2b2b2;
    text-decoration: none;
    cursor: pointer;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }
  .mobile-menu .menu-toggle:hover {
    color: #000;
  }
  .mobile-menu .menu-toggle.active {
    color: #000;
  }
  .fixed-logo-wrapper {
    margin: 30px 0px 0px 30px;
  }
  .main {
    padding: 0px 30px 0px 15px;
  }
  .main section {
    width: 100%;
  }
  .main section article {
    display: inline-block;
    padding: 0px 0px 0px 15px;
    margin: 0px 0px 15px 0px;
  }
  .main section article p,
  .main section article h1,
  .main section article h2,
  .main section article h3,
  .main section article h4,
  .main section article h5,
  .main section article h6,
  .main section article ul {
    font-size: 16px;
    line-height: 20px;
    font-weight: normal;
  }
  .main section article strong {
    font-weight: normal;
  }
  .main section article .blogArticleTitle {
    margin: 0px 0px 5px 0px;
	float: left
	 text-align:left;
  }
  .main section article .blogArticleTitle p {
    margin: 0px;
	float: left
	 text-align:left;
  }
  .main section article .blogArticleImages {
    margin: 0;
  }
  .main section article .blogArticleImages img {
    margin-bottom: 19px;
    display: block;
  }
  .main section article img {
    max-width: 100%;
    height: auto;
  }
  /*=========================

		Home Page

	==========================*/
  .home {
    background: url("images/black_paper.png");
  }
  .home .main {
    padding: 0px 0px 0px 0px;
  }
  .home .next-icon,
  .home .prev-icon,
  .home .logo-desk {
    display: none;
  }
  .home .logo-mobile {
    display: block;
    margin: 0px 0px 30px 0px;
  }
  .home .plus {
    display: none;
  }
  .home section {
    display: none;
  }
  .home .mobile {
    float: left;
    width: 100%;
    position: relative;
  }
  .home .mobile a {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
  }
  .home .mobile a img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    margin: auto;
    widtyh: 30px;
    height: 30px;
  }
  .home .mobile img {
    float: left;
    max-width: 100%;
  }
  .home .prodfs {
    float: left;
    margin: 15px 0px 0px 15px;
  }
  /*=========================

		About Page

	==========================*/
  .about section article {
    margin-top: 30px;
  }
  .about .prodfs p {
    color: transparent;
  }
  /*=========================

		Blog Page

	==========================*/
  .blog section {
    overflow: visible;
    margin: 30px 0px 0px 0px;
  }
  .blog section article {
    width: 100%;
  }
  /* ===============================
		
		Work Details Page 

	================================*/
  .work .grid {
    margin: 40px 0px 0px 15px;
    width: 100%;
  }
  .work .grid li {
    float: left;
    width: 46.470948012%;
    background-color: #fff;
    margin: 0px 2.9052% 12px 0px;
    position: relative;
    overflow: hidden;
  }
  .work .grid li a {
    float: left;
    width: 100%;
    position: relative;
    text-decoration: none;
  }
  .work .grid li a img {
    max-width: 100%;
    float: left;
    position: relative;
    z-index: 10;
  }
  .work .grid li:nth-child(2n + 2) {
    margin-right: 0px !important;
  }
  .work .mask {
    width: 100%;
    float: left;
    height: 228px;
    z-index: 20;
    position: absolute;
    background-color: rgba(0, 0, 0, 0.5);
    top: -228px;
    -webkit-transition: all 0.3s ease-out;
    /* Safari 3.2+, Chrome */
    /* Firefox 4-15 */
    /* Opera 10.5–12.00 */
    transition: all 0.3s ease-out;
    /* Firefox 16+, Opera 12.50+ */
  }
  .work .mask h2 {
    margin: 0px 0px 0px 0px;
    padding: 10px;
    font-weight: normal;
    font-size: 14px;
    color: #fff;
    background-color: black;
    -webkit-transition: all 0.3s ease-out;
    /* Safari 3.2+, Chrome */
    /* Firefox 4-15 */
    /* Opera 10.5–12.00 */
    transition: all 0.3s ease-out;
    /* Firefox 16+, Opera 12.50+ */
    -webkit-transform: translateY(-228px);
    -ms-transform: translateY(-228px);
    transform: translateY(-228px);
  }
  .work li:hover .mask {
    top: 0px;
  }
  .work li:hover h2 {
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
  }
  .work .printingExcellence {
    margin-top: 8px;
    padding-top: 11px;
  }
  .work .printingExcellence p {
    color: #fff;
    line-height: 19px;
    margin: 0px;
  }
  /*=========================

		Work detail Page

	==========================*/
  .lt-ie9 ul.projectUl .content-slide {
    background: transparent;
  }
  .work-details section h2 {
    padding: 0px 0px 0px 15px;
    background: url("") no-repeat -106px 0px;
    min-height: 46px;
    font-style: normal;
    font-family: "DroidSansRegular";
    font-weight: normal;
    font-size: 16px;
    line-height: 19px;
    color: #000;
  }
  .work-details section .dropdownLink {
    display: none;
  }
  .work-details section ul.projectUl {
    float: left;
    width: inherit;
  }
  .work-details section ul.projectUl li {
    float: left;
    width: 100%;
    margin: 0px 0px 15px 0px;
  }
  .work-details section ul.projectUl .content-slide {
    margin: 0px;
  }
  .work-details section ul.projectUl .content-slide .slideBody table {
    float: left;
    width: 65%;
  }
  .work-details section ul.projectUl .content-slide .slideBody table tr td a {
    color: #b2b2b2;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }
  .work-details
    section
    ul.projectUl
    .content-slide
    .slideBody
    table
    tr
    td
    a:hover {
    color: #000;
  }
  .work-details
    section
    ul.projectUl
    .content-slide
    .slideBody
    table
    tr
    .firstTd {
    font-style: normal;
    font-family: "DroidSansRegular";
    font-size: 16px;
    line-height: 19px;
    color: #b2b2b2;
    /* font-weight:bold; */
  }
  .work-details
    section
    ul.projectUl
    .content-slide
    .slideBody
    table
    tr
    .secondTd {
    font-style: normal;
    font-family: "DroidSansRegular";
    font-size: 16px;
    line-height: 19px;
    color: #b2b2b2;
  }
  .work-details section ul.projectUl .content-slide .slideBody .testimonial {
    width: 100%;
    clear: left;
    padding: 20px 0px;
    margin: 0px;
    font-size: 16px;
    line-height: 19px;
  }
  .work-details section ul.projectUl .content-slide .slideBody .social-links {
    width: 20%;
    min-width: 100px;
    padding-right: 15px;
  }
  .work-details
    section
    ul.projectUl
    .content-slide
    .slideBody
    .social-links
    .st_sharethis_custom {
    width: 100%;
    min-width: 92px;
  }
  .work-details
    section
    ul.projectUl
    .content-slide
    .slideBody
    ul.projectSocial {
    float: right;
    background: url("images/logo_line01.png") -35px -13px no-repeat;
    width: 30%;
  }
  .work-details
    section
    ul.projectUl
    .content-slide
    .slideBody
    ul.projectSocial
    li {
    display: block;
    clear: left;
    padding: 0px 15px 5px 15px;
    margin: 0px;
    line-height: 17px;
    width: auto;
  }
  .work-details
    section
    ul.projectUl
    .content-slide
    .slideBody
    ul.projectSocial
    li
    a {
    font-style: normal;
    font-family: "DroidSansRegular";
    color: #b2b2b2;
    text-decoration: none;
  }
  .work-details
    section
    ul.projectUl
    .content-slide
    .slideBody
    ul.projectSocial
    li
    a:hover {
    color: #000;
  }
  .work-details section ul.projectUl .work-image img {
    display: block;
    float: left;
    max-width: 100%;
  }
  /* ===============================
		
		Contact Page 

	================================*/
  .contact {
    background: url("images/black_paper.png");
  }
  .contact .map {
    float: left;
    width: 100%;
    height: 225px;
    margin: 20px 0px;
    padding: 0px 0px 0px 15px;
  }
  .contact .charity-block {
    clear: both;
    margin-left: 15px;
    min-height: 56px;
  }
  .contact .charity-block img {
    margin-right: 0px;
    margin-left: 10px;
    float: right;
  }
  .contact .charity-block p {
    width: 67%;
    font-size: 13px;
    line-height: 17px;
  }
  .contact .contactInfo {
    float: left;
    width: 100%;
    margin: 20px 0px 0px 0px;
    padding: 0px 0px 0px 15px;
    background: url("images/logo_line03.png") no-repeat -106px 0px;
  }
  .contact .contactInfo .info {
    float: left;
    display: inline-block;
    width: 40%;
    margin: 0px 15px 0px 0px;
    font-size: 16px;
    line-height: 19px;
  }
  .contact .contactInfo .info p {
    margin: 0px;
  }
  .contact .contactInfo .address {
    width: 40%;
    float: left;
    display: inline-block;
    font-style: normal;
    font-family: "DroidSansRegular";
    font-size: 16px;
    line-height: 19px;
    color: #000;
  }
  .contact .contactInfo .address address {
    font-style: normal;
  }
  .contact .contactInfo .socialButtons {
    clear: left;
    float: left;
    display: inline-block;
    margin: 20px 0px 0px 0px;
  }
  .contact .contactInfo .socialButtons li {
    display: inline-block;
    width: 33px;
    height: 33px;
  }
  .contact .contactInfo .socialButtons li a {
    display: block;
    width: 33px;
    height: 33px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    background-image: url("images/sprite.png");
    background-repeat: no-repeat;
    opacity: 1;
    border-radius: 33px;
  }
  .contact .contactInfo .socialButtons li .linkdin {
    background-position: -40px 0px;
  }
  .contact .contactInfo .socialButtons li .linkdin:hover {
    background-position: -40px -35px;
  }
  .contact .contactInfo .socialButtons li .twitter {
    background-position: -115px 0px;
  }
  .contact .contactInfo .socialButtons li .twitter:hover {
    background-position: -115px -35px;
  }
  .contact .contactInfo .socialButtons li .facebook {
    background-position: -78px 0px;
  }
  .contact .contactInfo .socialButtons li .facebook:hover {
    background-position: -78px -35px;
  }
  .contact .prodfs {
    padding-top: 11px;
  }
  .contact .prodfs p {
    color: #000;
    line-height: 19px;
    margin: 0px;
  }
}

/*================================================ End of MAX width 700px media query ================================================== */
/* ========================================================================================================================================
	Media Queries for BETWEEN 480PX & 768px
======================================================================================================================================== */
@media only screen and (min-width: 700px) and (max-width: 768px) {
  .work-details section h2 {
    top: 0px;
    left: 10px;
  }
  .work-details section ul.projectUl .content-slide {
    min-height: 325px;
  }
  .work-details section ul.projectUl .content-slide .slideBody {
    padding: 45px 0px 0px 0px;
  }
  .work-details
    section
    ul.projectUl
    .content-slide
    .slideBody
    .slide-body-inner {
    padding: 0px 10px;
  }
  .work-details section ul.projectUl .content-slide .slideBody table {
    width: 80.188679245%;
    border-spacing: 0px !important;
  }
  .work-details section ul.projectUl .content-slide .slideBody table tr td {
    padding: 0px;
  }
  .work-details section ul.projectUl .content-slide .slideBody table tr td a {
    color: #b2b2b2;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }
  .work-details
    section
    ul.projectUl
    .content-slide
    .slideBody
    table
    tr
    td
    a:hover {
    color: #000;
  }
  .work-details
    section
    ul.projectUl
    .content-slide
    .slideBody
    table
    tr
    .firstTd {
    width: 25%;
  }
  .work-details
    section
    ul.projectUl
    .content-slide
    .slideBody
    table
    tr
    .secondTd {
    width: 75%;
  }
  .work-details section ul.projectUl .content-slide .slideBody .testimonial {
    float: left;
    clear: left;
    width: 80.188679245%;
    padding: 20px 0px 0px 0px;
    margin: 0px;
  }
  .work-details
    section
    ul.projectUl
    .content-slide
    .slideBody
    ul.projectSocial {
    float: right;
    width: 13.114754098%;
    margin: 0px;
  }
  .work-details section ul.projectUl ul li:hover .content-slide {
    top: 0px;
  }
  .work-details section ul.projectUl .work-image img {
    display: block;
    float: left;
  }
  .about article .col1,
  .about article .col2 {
    width: 100%;
  }
}

/*================================================ End of Media Query for BETWEEN 480PX & 768px ================================================== */
/* ========================================================================================================================================
	Media Queries for BETWEEN 768PX & 900px
======================================================================================================================================== */
@media only screen and (min-width: 768px) and (max-width: 900px) {
  .work-details section ul.projectUl .content-slide .slideBody table {
    width: 80.188679245%;
    border-spacing: 0px !important;
  }
  .work-details section ul.projectUl .content-slide .slideBody table tr td {
    padding: 0 5% 0 0;
  }
  .work-details section ul.projectUl .content-slide .slideBody table tr td a {
    color: #b2b2b2;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }
  .work-details
    section
    ul.projectUl
    .content-slide
    .slideBody
    table
    tr
    td
    a:hover {
    color: #000;
  }
  .work-details
    section
    ul.projectUl
    .content-slide
    .slideBody
    table
    tr
    .firstTd {
    width: 20%;
  }
  .work-details
    section
    ul.projectUl
    .content-slide
    .slideBody
    table
    tr
    .secondTd {
    width: 70%;
  }
  .work-details section ul.projectUl .content-slide .slideBody .testimonial {
    float: left;
    clear: left;
    width: 70%;
    padding: 20px 0px 0px 0px;
    margin: 0px;
  }
}

/* ========================================================================================================================================
	Media Queries for BETWEEN 380PX & 700px
======================================================================================================================================== */
@media only screen and (min-width: 380px) and (max-width: 700px) {
  .blogSocial {
    float: right;
    padding: 0px 0px 0px 15px;
  }
  .blogArticleBlurb {
    width: 79.761904761%;
  }
  .social-links {
    width: 15%;
  }
  .about article .col1,
  .about article .col2 {
    width: 100%;
  }
}

/*================================================ End of Media Query for BETWEEN 480PX & 768px ================================================== */
/* ========================================================================================================================================
	Media Queries for  UP TO 380PX
======================================================================================================================================== */
@media only screen and (max-width: 380px) {
  .main section article {
    margin: 0px 0px 40px 0px;
  }
  .main section article .blogArticleTitle h1 {
    font-size: 16px;
    line-height: 19px;
	 text-align:left;
	float: left
  }
  .main section article .blogArticleBlurb {
    width: 100%;
    margin: 0px 0px 0px 0px;
  }
  .main section article .blogArticleBlurb p {
    font-size: 16px;
    line-height: 19px;
    padding-right: 10px;
  }
  .main section article .social-links {
    clear: both;
    width: 25%;
    min-width: 80px;
  }
  .main section article .blogSocial {
    float: none;
    display: block;
    clear: left;
    margin: 0px 0px 0px -15px;
    padding: 0px 0px 0px 15px;
  }
  .main section article .blogSocial li a {
    font-size: 16px;
    line-height: 19px;
  }
  .about section article {
    margin: 30px 0px 40px 0px;
  }
  .about section article .col1,
  .about section article .col2 {
    width: 100%;
  }
  .about article .col1,
  .about article .col2 {
    width: 100%;
  }
  .work-details section ul.projectUl .content-slide .slideBody table {
    width: 100%;
  }
  .work-details section ul.projectUl .content-slide .slideBody .social-links {
    float: left;
    clear: left;
    float: left;
    margin-top: 10px;
    margin-left: 12px;
  }
  .work-details
    section
    ul.projectUl
    .content-slide
    .slideBody
    ul.projectSocial {
    clear: left;
    float: left;
    margin-top: 10px;
    margin-left: -12px;
    width: 90%;
  }
   .work .grid {
    margin: 0px 0px 0px 15px;
    width: 100%;
  }
  .work .grid li {
    float: left;
    width: 100%;
    background-color: #fff;
    margin: 0px 0% 12px 0px;
    position: relative;
    overflow: hidden;
  }
  .work .grid li a {
    float: left;
    width: 100%;
    position: relative;
    text-decoration: none;
  }
  .work .grid li a img {
    max-width: 100%;
    float: left;
    position: relative;
    z-index: 10;
  }
  .work .grid li:nth-child(2n + 2) {
    margin-right: 0px !important;
  }
  .work .mask {
    width: 100%;
    float: left;
    height: 240px;
    z-index: 20;
    position: absolute;
    background-color: rgba(0, 0, 0, 0.5);
    top: -240px;
    -webkit-transition: all 0.3s ease-out;
    /* Safari 3.2+, Chrome */
    /* Firefox 4-15 */
    /* Opera 10.5–12.00 */
    transition: all 0.3s ease-out;
    /* Firefox 16+, Opera 12.50+ */
  }
  .work .mask h2 {
    margin: 0px 0px 0px 0px;
    padding: 10px;
    font-weight: normal;
    font-size: 14px;
    color: #fff;
    background-color: black;
    -webkit-transition: all 0.3s ease-out;
    /* Safari 3.2+, Chrome */
    /* Firefox 4-15 */
    /* Opera 10.5–12.00 */
    transition: all 0.3s ease-out;
    /* Firefox 16+, Opera 12.50+ */
    -webkit-transform: translateY(-240px);
    -ms-transform: translateY(-240px);
    transform: translateY(-240px);
  }
  .work li:hover .mask {
    top: 0px;
  }
  .work li:hover h2 {
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
  }


/*================================================ End of Media Query for 380PX ================================================== */
/* ========================================================================================================================================
	IE specific styles.
======================================================================================================================================== */
.lt-ie9 ul.projectUl .content-slide {
  background: url("images/black80.png") repeat;
}

.lt-ie9 .home {
  background: url("images/black_paper.png");
}

.lt-ie9 .home section {
  background-repeat: no-repeat !important;
}

.lt-ie9 .active .line2 {
  width: 10px !important;
  height: 2px !important;
  margin: -1px 0px 0px -5px !important;
}

.lt-ie9 .jumpTo li a {
  width: 12px;
  height: 12px;
  border: 0px;
  background-color: none;
  background-image: url("images/sprite.png");
  background-position: -14px -50px;
}

.lt-ie9 .home .jumpTo li a.active,
.lt-ie9 .jumpTo li a:hover {
  border: 0px;
  background-color: transparent !important;
  background-position: 0px -50px;
}

.lt-ie9 .work-details section .dropdownLink {
  width: 20px !important;
  height: 20px !important;
  border: 0px;
  background-image: url("");
  background-position: 0px -67px;
}

.lt-ie8 .work-details section h2 {
  top: 10px;
}

.lt-ie8 .blogArticleImages {
  margin-bottom: 17px;
}

.lt-ie9 .grid li .mask {
  background-color: transparent;
  background-image: url("images/black50.png");
}

.lt-ie8 .grid li .mask {
  top: 0px;
  left: 0px;
  background-image: none;
}

.lt-ie8 .grid li .mask h2 {
  text-decoration: none;
  background-color: transparent;
  background-image: url("images/black80.png");
}

.landing-page h1 {
  margin-bottom: 25px !important;
}

.landing-page a {
  text-decoration: underline;
}

/*# sourceMappingURL=style.css.map */