body {padding: 0px; font-family: 'proxima-nova'; color:#fff; font-weight: 300; background: #111111;

 /*-webkit-font-smoothing: smooth-antialiased; */

/*text-rendering: optimizeLegibility !important;
*/
-webkit-font-smoothing: smooth-antialiased !important;
line-height: 1.55;
}

p { font-size: 1.4em;}

input {
 outline:none;
}

input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: none;
    border-color: inherit;
  -webkit-box-shadow: none;
  box-shadow: none;
}

a {
   outline: none;
}

*:focus {
    outline: none !important;
}

#cust_pagi  { text-align: center; list-style: none; margin-top: 50px; margin-bottom: 20px; }
#cust_pagi li { display: inline-block; background: #111111; margin: 0px 2px; min-width: 34px; }
#cust_pagi li a { border: none; border-radius: 0; color: #fff; font-size: 22px; padding: 10px; line-height: 32px }
#cust_pagi li a span { display: inline-block;  }
#cust_pagi li a:hover { color: #757575; box-shadow: 0 2px 2px -2px #111111; }
#cust_pagi li a.active { color: #757575; box-shadow: 0 2px 2px -2px #111111; }


#result { text-align: center; font-size: 1.2em; color: #757575; margin-bottom: 20px;}
.container-fluid { padding-left: 0px; padding-right: 0px;}

.fill{width:100%;height:100%; background-position:center;background-size:cover;}

.btnNext { font-size:7.6em; width: 40px; height:100%; position: absolute; float:right; text-align: right; right: 20px; top:200px;}

.btnNext:hover,.btnPrevious:hover { cursor: pointer;}

.btnPrevious { font-size:7.6em; width: 40px; height:100%; position: absolute; float:left; left: 20px; text-align:right; top:200px;}
.btnNext.stick, .btnPrevious.stick {
    position: fixed;
    top: 200;
    z-index: 10000;
    border-radius: 0 0 0.5em 0.5em;
}

.nopadding { padding: 0 !important; margin: 0 !important; }
.padseperate { margin-top: 50px;}
.home-product-tile { width: 100%;
  padding-bottom: 75%;
  position: relative;
   -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.pro-desc { font-size: 0.8em; display: none; position: absolute; top: 50%; left:0; right: 0; padding-left: 10px; padding-right: 10px;
 -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.home-product-tile:hover { background: #111111 !important;}

.home-pro-icon { position: absolute; top:60px; left:0; right: 0;

 -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.home-product-tile:hover .home-pro-icon { top:-40px;}
.home-product-tile:hover .pro-desc { display: block;}
.home-pro-icon img.ppcon { width: 50% !important; vertical-align: middle; margin:0 auto;}



.home-product-tile > div {
  position: absolute;
  top: 0; bottom: 0; left: 0; right: 0;

  color: white;
  font-size: 24px;
  text-align: center;
}

/* Other aspect ratios to try:
 * 56.25% = 16:9
 * 75% = 4:3
 * 66.66% = 3:2
 * 62.5% = 8:5
 */


.product-brand img {
width: 100%;
max-width: 980px;
 margin: 10px auto;

 box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.3);

 -moz-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.3);
 -webkit-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.3);
}

video#bgvid{
  position: absolute;
  right: 0;
  bottom: 0;
  top:0;
  width: 100%;
  height: 100%;
  background-size: 100% 100%;
  background-color: black; /* in case the video doesn't fit the whole page*/
  background-position: center center;
  background-size: contain;
  object-fit: cover; /*cover video background */
  z-index:3;
}

video#pony{
  /*position: absolute;
  right: 0;
  bottom: 0;
  top:70px;*/
  width: 100%;
  /*max-height: 780px;*/
  /*height: 100%;*/
  background-size: 100% 100%;
  background-color: #fff; /* in case the video doesn't fit the whole page*/
  background-position: center center;
  background-size: contain;
  object-fit: cover; /*cover video background */
 /* z-index:3;*/
 margin-bottom: 30px;
}

.tarrow {

  border-right: 20px solid transparent;
  border-top: 12px solid #fff;

  border-left: 20px  solid transparent;

  min-height: 18px; width: 40px;

  /*position: absolute; bottom:-54px; right: 0; left: 0;*/

  margin: 0 auto;
  margin-bottom: -18px;
  /*margin-top: -70px;*/

}

.farrow {

  border-top: 20px solid transparent;
  border-right: 12px solid #111111;

  border-bottom: 20px  solid transparent;

  min-height: 40px; width: 20px;
  float: right;
  display: none;
  /*position: absolute; bottom:-54px; right: 0; left: 0;*/

  /*margin: 0 auto;*/
  /*margin-bottom: -18px;*/
  /*margin-top: -70px;*/

}



.about-anim { position: relative; padding-top: 70px;/*min-height:780px; max-height: 780px;*/ }

.before_load {
  z-index:2;
  position: relative;
  width: 100%;
  height: 100%;
  padding-left: 15%;
  padding-right: 17%;

}
.before_load img { width: 100%; position: absolute; bottom:42%; left: 0; right: 0; /*padding-left: 24%; padding-right: 24%;*/ max-width: 1306px; margin: 0 auto;}

.before_tile { width: 25%; float: left; text-align: center; position: relative; height: 100%; }

.before_tile h1 {
  font-size: 3.0em;
  font-family: 'trumpsoftpro';
  margin-top: 0px;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  margin: 0 auto;
  color: #757575;
  font-weight: 100;
  letter-spacing: 20px;
}


.lead-text { color: #757575; font-size: 1.4em; margin-top: -80px; margin-bottom: 40px; }
.clead-text {color: #757575; font-size: 1.4em; text-align: center; margin-bottom: 20px; padding-left:70px; padding-right:70px;}


.company { background: #fff; color: #757575;}
.company h1 { font-size: 5.4em;
  font-family: 'trumpsoftpro'; }
.company p { font-size: 1.3em;}


/*
  position: absolute;
top: calc(50% - 20px);
right: calc(25% - 67px);*/

 /* HOME SECTIONS
  * --------------------------------------- */

/*.wireframe { width: 100%; min-height: 592px; background-image: url(../img/wireframe_logo.png);
    background-position: left top;
    background-repeat: no-repeat;
    padding: 0px 120px 20px 120px;
}*/

.wireframe {
    width: 100%;
    height: 600px;
    background-image: url("../img/pony_animation.png");
    background-repeat: no-repeat;
    padding: 0px 120px 20px 120px;

    background-position: right 580px top;
    /*background-size: contain;*/

/*    -webkit-animation: dpplay 1.8s steps(12);
       -moz-animation: dpplay 1.8s steps(12);
        -ms-animation: dpplay 1.8s steps(12);
         -o-animation: dpplay 1.8s steps(12);
            animation: dpplay 1.8s steps(12);

        -webkit-animation-fill-mode:forwards;
        -moz-animation-fill-mode:forwards;
        animation-fill-mode:forwards;*/
        margin-top: -60px;

}
.wireframe.start {


      -webkit-animation: dpplay 2.2s steps(12);
       -moz-animation: dpplay 2.2s steps(12);
        -ms-animation: dpplay 2.2s steps(12);
         -o-animation: dpplay 2.2s steps(12);
            animation: dpplay 2.2s steps(12);
  -webkit-animation-delay: 1.5s; /* Chrome, Safari, Opera */
    animation-delay: 1.5s;
        -webkit-animation-fill-mode:forwards;
        -moz-animation-fill-mode:forwards;
        animation-fill-mode:forwards;
}

.about { padding-top: 25%; background: transparent; color: #757575; }


.section{
  overflow: hidden;
}

#section0 .layer{
    position: absolute;
    z-index: 4;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    top: 0%;

}

#section0{
    overflow: hidden;
    padding-top: 0px;

}

#section1{
    text-align: right;
    overflow: hidden;
    background: #fff;
}

#section1 h1 {
  color: #111111;
  font-size: 7.0em;
  font-family: 'trumpsoftpro';
  font-style: normal;
}

#section1 h2 {
  color: #757575;
  font-size: 2.4em;
  width: 35%;
  text-align: right;
  float: right;
  margin-top: 0px;

}

#section1 p {
  color: #757575;
  font-size: 1.8em;
  width: 44%;
  text-align: right;
  float: right;
  margin-top: 0px;
  clear: both;
}

#section2 h1 {
  color: #111111;
  font-size: 5.5em;
  font-family: 'trumpsoftpro';
  font-style: normal;
}

#section2{
  overflow: hidden;
  background: #fff;
  padding: 70px 0px 20px 50px;
}

#section2 p {
  color: #757575;
  font-size: 1.4em;
  margin-top: 0px;
  padding-right: 40px;
}

#section2 img { width: 100%;}

#section2  .btn.btn-default { margin-top: 40px;}

#section3{
  text-align: center;
  overflow: hidden;
  background: #fff;
  padding: 110px 0px 20px 0px;
}

#section3 h1 {
    color: #111111;
    font-size: 5.5em;
    font-family: 'trumpsoftpro';
    margin-top: 0px;
}


#section3 p {
    color: #757575;
    font-size: 1.6em;
    text-align: center;
    margin-top: 0px;
    clear: both;
}

#section3 img { width: 100%;}
#section3  .btn.btn-default { margin-top: 40px;}

#section4 {
    text-align: center;
    overflow: hidden;
    background: #fff;
    padding: 40px 40px 20px 30px;
}

#section4 h1{
  color: #111111;
  font-size: 5.5em;
  font-family: 'trumpsoftpro';
  font-style: normal;
  margin-bottom: 100px;
  margin-top: 100px;
}

#section4 img { width: 100%; }

#section5 { background: #fff; padding-left: 50px; padding-right: 50px; padding-top: 70px;}

#section5 h1 { color: #111111;
  font-size: 5.5em;
  font-family: 'trumpsoftpro';}

#section5 h2 { color: #757575;
    font-size: 2.0em;
    /*min-height: 74px;*/
    margin-top: 0px;
    margin-bottom: 0px;
}
#section5 p {
    color: #757575;
}

#section5 img { width: 100%;}

#section6 { background: #fff; padding-left: 50px; padding-right: 50px;}

#section6 h1 { color: #111111;
    font-size: 4.0em;
    font-family: 'trumpsoftpro';
}

#section6 p {
    color: #757575;
}

#section7 { background: #fff; padding: 50px; }

#section7 h1 {
    color: #111111;
    font-size: 5.5em;
    font-family: 'trumpsoftpro';
}

#section7 h2 {
    color: #757575;
    font-size: 2.0em;
}

#section7 p {
    color: #757575;
}

#section8 { text-align: center; padding-top: 70px; }
#section8 h1 {
    color: #fff;
    font-size: 3.0em;
    font-family: 'trumpsoftpro';
}

.footer-logo { text-align: center;}
.footer-logo{margin-bottom: 0px;}
.google_logo{width: 124px !important; margin: 0 auto;}
.footer-logo img:first-child { width: 250px; margin: 0 auto; }
.footer-logo img.logo-text { width: 350px; margin: 0 auto; }
.footer-address { text-align: center; margin-bottom: 20px; font-weight: 400;}
.joinus { width: 120px; height: 120px; background: #111111; color: #fff; float: right; text-align: center; font-size: 1.2em; font-weight: 400; line-height: 120px; margin-top: 110px;}


.bot-mar { margin-bottom: 20px;}

.next-head { /*float: right;*/ text-align: center;}

.brand_entry img { width: 100%; }

.pro_caption { position: absolute; bottom: 0px; left:0; right: 0; top:0; display: block; color: #f4f4f4; width: 100%; height: 100%;  background: rgba(0,0,0,0.35);}
.pro_caption h3 {
    color: #fff;
    font-size: 5.2em;
    font-family: 'trumpsoftpro';
    margin-bottom: 10px;
}
.pro_caption .pro_sub {
  /*padding-left: 50px;*/
  font-size: 1.4em;
  padding-right: 100px;
  line-height: 20px;
}

.pro_effect {
    overflow: hidden; position: relative; text-align: left;
    /*outline: 1px solid transparent;*/
    -webkit-backface-visibility: hidden;



}
.pro_relative { position: relative; width: 100%; height: 100%;}
.pro_cont_wrap { position: absolute; bottom: 40px; left: 50px;}

.pro_caption h2 {
    color: #fff;
    font-size: 3.4em;
    font-family: 'trumpsoftpro';
    margin-bottom: 10px;
  }
.pro_caption .pro_sub_sm {
  font-size: 1.1em;
  padding-right: 30px;
  line-height: 20px;
}
.pro_cont_wrap_sm { position: absolute; bottom: 20px; left: 20px; right: 20px;}


.client-tile { display: inline-block; background: #f4f4f4; padding: 10px; /*margin-bottom: 20px; margin-right: 10px; margin-left: 10px;*/margin-bottom: -1px; width: 12.5%;}
.client-tile:hover { background: transparent; }
.client-tile img {
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
  filter: gray; /* IE6-9 */
  -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
}
.client-tile:hover img {
  filter: none;
  -webkit-filter: grayscale(0%);
}

#contact { background: #fff; color: #757575;  padding-top: 0px; }
#contact .nopadding img { width: 100%;}

.trans_fill { background: rgba(0,0,0,0.35); display: block; position: absolute; top: 0; right: 0; left: 0; bottom:0; }
#contact .nopadding .img_caption_static span{ position: absolute; top: 42%; left:0px; right:0; color: #fff; font-size: 5.4em;  text-align: center; font-family: 'trumpsoftpro';}
.contact-form-container { background: #f4f4f4; padding: 100px 50px 30px 50px; position: relative;}
.contact-form-address { padding: 80px 0px 30px 50px;}
.contact-form-address h3 {
    color: #111111;
    font-size: 3.0em;
    font-family: 'trumpsoftpro';
}
.contact-form-address span {
    color: #757575;
    line-height: 34px;
}
.partners { background: #fff; color: #757575; padding: 50px 50px 0px 50px;}
.partners h1 { color: #111111;
    font-size: 4.0em;
    font-family: 'trumpsoftpro';}
.partners p {
    color: #757575;
}

.part-tile { display: inline-block; padding: 20px; width: 12.5%; text-align: center;}
.part-tile:hover { background: #f4f4f4;}

.part-tile img {  margin: 0 auto;}


.home-tile {
    height: 100%;
    width: 33.33%;
    float: left;
    position: relative;
}

.home-tile h1 {
    position: absolute;
    color: #fff;
    text-align: center;
    font-size: 5.0em;
    top: 45%;
    left: 0;
    right: 0;
    margin: 0 auto;
    font-family: 'trumpsoftpro';
}

.hover-info {
    position: absolute;
    top: 0px;
    margin: 0;
    height: 100%;
    width: 100%;
    text-align: center;
    display: none;
    background-color: rgba(3,3,3,0.75);
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.hover-content-list {
    width: 80%;
    position: absolute;
    top: 50%;
    left:50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.hover-content-list a .home-icon, .hover-content-list a .home-no-icon{ color: #626262; }
.hover-content-list a:hover .home-icon, .hover-content-list a:hover .home-no-icon { color: #fff; }

.home-icon {
    background-position: left center;
    background-repeat: no-repeat;
    /*line-height: 50px;*/
    height: 40px;
    padding-left: 80px; /* Or size of icon + spacing */
    text-align: left;
    font-size: 1.3em;
    background-size: 50px;
    background-position-y: -2px;
    padding-top: 10px;
    text-transform: uppercase;
}

.home-no-icon {
    background-position: left center;
    background-repeat: no-repeat;
    /*line-height: 50px;*/
    height: 40px;
    padding-left:40px; /* Or size of icon + spacing */
    text-align: left;
    font-size: 1.3em;
    background-size: 50px;
    background-position-y: -2px;
    padding-top: 10px;
    text-transform: uppercase;
}

.home-icon.goall, .home-no-icon.goall { font-size: 1.4em; margin-top: 20px;}

.home-icon.project-icon {
    background-image: url(../img/project-icon.png);
}
.home-icon.service-icon {
    background-image: url(../img/service-icon.png);
}


#nav-icon {
    width: 34px;
    height: 34px;
    position: relative;
    margin: 0px auto;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
}

#nav-icon span {
    display: block;
    position: absolute;
    height: 2px;
    width: 100%;
    background: #727272;
    border-radius: 9px;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}

#nav-icon:hover span { background: #dfdfdf; }

#nav-icon span:nth-child(1) {
    top: 0px;
}

#nav-icon span:nth-child(2) {
    top: 12px;
}

#nav-icon span:nth-child(3) {
    top: 24px;
}

#nav-icon.open span:nth-child(1) {
    top: 15px;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
}

#nav-icon.open span:nth-child(2) {
    opacity: 0;
    left: -660px;
}

#nav-icon.open span:nth-child(3) {
    top: 15px;
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    transform: rotate(-135deg);
}

#bgfakevid{
background: url('../img/darkpony_mob.jpg') no-repeat center center; background-size: contain;
z-index: 3;
position: absolute;
top: 0;

width: 100%;
height: 100%;
}

#bgfakevid h5 {
  font-size: 1.8em;
  font-family: 'trumpsoftpro';
  margin-top: 0px;
  position: absolute;
  top: 45%;

  left: 0;
  right: 0;
  margin: 0 auto;
  color: #fff;
}

.mobile-top { background: #111111;  width: 100%; position: relative; z-index: 2;}

.before_load_mob img { width: 100%; position: absolute; bottom:40%; left: 0; right: 0; padding-left: 10px; padding-right: 10px;}

.before_load_mob {
z-index: 2;
/*position: relative;*/
position: absolute;
top: 0;

width: 100%;
height: 100%;
padding-left: 0px;
padding-right: 10px;
color: red;

}

.before_tile_mob { width: 25%; float: left; text-align: center; position: relative; height: 100%; }

.before_tile_mob h5 {
  font-size: 1.8em;
  font-family: 'trumpsoftpro';
  margin-top: 0px;
  position: absolute;
  top: 51%;

  left: 0;
  right: 0;
  margin: 0 auto;
  color: #626262;
}

/*
 * image hover effects
 * --------------------------------------------------
 */
.goliath .img_caption2 {
 position: absolute;
 top: 0;
 left: 0;
 right: 0;
 bottom: 0;
  background: rgba(17,17,17,0.75);
  width: 100%;
  height: 100%;
  /*z-index: 9999;*/
  display: none;
}
.goliath .img_caption2 .home-pro-gicon{

  position: absolute;
top: -20px;
left: 0;
right: 0;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;

}

.home-pro-gicon img.ppcon { width: 50% !important; /*vertical-align: middle; */margin:0 auto;

filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */

  -moz-filter: grayscale(800%);
  -moz-filter: brightness(800%);

  -ms-filter: grayscale(800%);
  -ms-filter: brightness(800%);

  -o-filter: grayscale(800%);
  -o-filter: brightness(800%);

  filter: grayscale(800%);
  filter: brightness(800%);

  /*filter: url(grayscale.svg); *//* Firefox 4+ */
  filter: gray; /* IE 6-9 */
  filter: gray; /* IE6-9 */

-webkit-filter: brightness(800%);
-webkit-filter: grayscale(800%);

}

.goliath .img_caption2 span{
  display: block;
  padding-left: 50px;
  padding-right: 50px;
  text-align: center;
  position: absolute;
  top:48%;
  left: 0;
  right: 0;
  font-weight: normal;
  font-size: 1.2em;
  color: #fff;

}

 .da-thumbs .runme {
  position: relative;

}
.da-thumbs .runme a,
.da-thumbs .runme a img {
  display: block;
  position: relative;

}
.da-thumbs .runme a {
  overflow: hidden;
}
.da-thumbs .img_caption {
  position: absolute;
  background: rgba(0,0,0,0.35);
  width: 100%;
  display: block;
  top: 0;
  height: 100%;

}

.da-thumbs .img_caption2 {
  position: absolute;
  background: rgba(255,255,255,0.85);
  width: 100%;
  height: 100%;
}

.da-thumbs .img_caption h3, .da-thumbs .img_caption2 h3{

  display: block;
  padding-left: 60px;
  line-height: 48px;
  font-size: 4.4em; font-weight: 600; color: #fff;
  position: absolute; bottom:60px;
  text-align: left;
  font-family: 'trumpsoftpro';

}
.da-thumbs .img_caption span {
  display: block;
  padding-left: 60px;
  position: absolute; bottom:40px;
  font-weight: normal;
  color: #cacaca;
}


.da-thumbs .img_caption2 span{
  display: block;
  padding-left: 50px;
  padding-right: 50px;
  text-align: center;
  position: absolute;
  top:40%;
  left: 0;
  right: 0;
  font-weight: normal;
  font-size: 1.2em;
  color: #3e3e3e;
}

.hover-icon {
  width: 140px;
  margin: 0 auto;
  text-align: center;
}

.hover-icon img {  margin-top: -10px;}


/* BLOG */
#blog, #ourwork { padding-top: 110px; background: #fff;}
#blog h1 { color: #111111;
  font-size: 4.0em;
  font-family: 'trumpsoftpro';
  text-align: center;
  margin-bottom: 50px;
}
.blog-white h2, .blog-grey h2 { margin-top: 0px; z-index: 3; position: absolute; bottom: 50%; left: 50px; right: 50px;}
.blog-white p, .blog-grey p { z-index: 3; position: absolute; top: 50%; left: 50px; right: 50px;}


/* background-position: center center !important;*/

.blog-white { background: #fff; min-height: 440px; background-repeat: no-repeat; background-position: 1000px 1000px;
}
.blog-grey { background: #c7c7c7; min-height: 440px; background-repeat: no-repeat; background-position: 1000px 1000px; }


.blog-white.hov, .blog-grey.hov {  background-position: center center !important;

  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;

}

.blog-white.hov h2, .blog-grey.hov h2 {color: #fff;}
.blog-white.hov p, .blog-grey.hov p { color: #fff;}


.blog-white, .blog-grey { color: #757575; padding: 20px 50px 20px 50px; position: relative; overflow: hidden;}
.blog-white .hover-img, .blog-grey .hover-img{ display: none; position: absolute; top:0; bottom:0; left: 0; right: 0; z-index: 1; /*border: 1px #000 solid;*/}


.hover-img-mask { background: rgba(0,0,0,0.5); z-index: 2; width: 100%; height: 100%; position: absolute; top:0; bottom:0; left: 0; right: 0; display: none;}

.hover-img-patt { background: url(../img/photo_pattern.png); z-index: 2; width: 100%; height: 100%; position: absolute; top:0; bottom:0; left: 0; right: 0; }



.aaablogpost-main-img {
  padding: 0px;
  margin-bottom: 0px;
  color: inherit;
 /* background: url(../img/parallax1.jpg) no-repeat center center fixed; */
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
/*  padding-top: 50px;
  padding-bottom: 50px;
  padding-left: 50px; padding-right: 50px;*/
  height: 600px;
}

#blogpost #post-social a { color: #fff;}
#blogpost { padding-top: 120px; background: #fff; color: #757575;}
#blogpost #post-social { margin-top: 0px;}
#blogpost ul li { font-size: 1.3em;}
#blogpost blockquote { font-size: 1.1em !important; border-left: 5px solid #111111; }
#blogpost blockquote p { color: #111111;}
#blogpost .blog-post-content a { color: #111111; }
#blogpost .blog-post-content ol li { font-size: 1.3em;}
#blogpost .blog-post-content ul li { font-size: 1.3em;}
.blogpost-main-img { position: relative; }
.blogpost-main-img h2 { position: absolute; bottom:40px;/*top: 48%;*/ left: 16%; right: 16%; color: #fff; z-index: 3; font-size: 6.0em; font-family: 'trumpsoftpro';  }
#blogpost .da-thumbs .img_caption h3 { color: #fff;
  font-size: 2.0em;
  font-family: 'trumpsoftpro';
  text-align: center;
  padding: 0px;
  padding-left: 20px;
  padding-right: 20px;
  line-height: 34px;
}
#blogpost p { font-size: 1.3em;}
#blogpost h1 { color: #111111;
  font-size: 5.5em;
  font-family: 'trumpsoftpro';
  text-align: center;
  margin-bottom: 30px; margin-top: 80px;
}
#blogpost h2 { color: #111111;

  margin-bottom: 30px; margin-top: 40px;
  font-size: 2.4em;
}



.hblog-head { width: 100%; position: relative; height: 80px; margin-bottom: 10px;}
.hblog-head h2 { position: absolute; bottom: 0; left: 0; right: 0;}
.hblog-text { width: 100%; position: relative; height: 80px;}
.hblog-text p { position: absolute; top: 0; left: 0; right: 0; line-height: 22px;}


/* PRODUCT */
#productpost { padding-top: 0px; background: #fff; color: #757575;}
.productpost-main-img { /*position: relative;*/width: 100%; min-height: 500px; }
.productpost-main-img h2 { position: absolute; top: 48%; left: 16%; right: 16%; color: #fff; z-index: 3; font-size: 6.0em; font-family: 'trumpsoftpro';  }
.product-icon { text-align: center; background: #111111; /*padding-top: 40px; padding-bottom: 40px;*/ margin-bottom: 40px;}
.product-content p, .product-brand p { font-size: 1.3em;}
.product-icon img { margin: 0 auto; width: 200px;


filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */

  -moz-filter: grayscale(800%);
  -moz-filter: brightness(800%);

  -ms-filter: grayscale(800%);
  -ms-filter: brightness(800%);

  -o-filter: grayscale(800%);
  -o-filter: brightness(800%);

  filter: grayscale(800%);
  filter: brightness(800%);

  /*filter: url(grayscale.svg); *//* Firefox 4+ */
  filter: gray; /* IE 6-9 */
  filter: gray; /* IE6-9 */

-webkit-filter: brightness(800%);
-webkit-filter: grayscale(800%);

}
.sidebar { background: #f4f4f4; /*padding-bottom: 500em;
      margin-bottom: -500em; */ padding-left: 0px; padding-right: 0px; min-height: 100%; height: auto;}
.product-content { padding-left: 40px; /*padding-bottom: 500em;
      margin-bottom: -500em; overflow: hidden;*/}

/*.product-content strong {   font-size: 3.0em;
  font-family: 'trumpsoftpro'; }*/
.product-content h2 {   font-size: 2.4em; font-weight: 300;
  font-family: 'proxima-nova'; }

.product-content ul { padding-left: 20px; list-style: none; }
.product-content ul>li, .product-brand ul>li, .product-content ul>ol, .product-brand ul>ol { font-size: 1.3em; }

.product-content ul li:before {
font-family: 'FontAwesome';
content: '\f111';
margin: 0px 15px 0px -20px;
color: #757575;
font-size: 0.2em;


}

.sidebar ul { list-style: none; }
.sidebar ul li { font-size: 1.4em; font-weight: 500; padding-left: 0px; padding-right: 10px;}

.sidebar ul li ul { list-style: none; padding-left: 0px; margin-top: 4px; margin-bottom: 10px;}
.sidebar ul li ul li { font-size: 0.9em; font-weight: 300; padding-left: 0px; /*line-height: 34px;*/ padding-top:5px; padding-bottom: 5px;}
.sidebar ul li ul li a { color: #757575; }
.sidebar ul li ul li a:hover { color: #000;}

.sidebar ul li ul li:before
{
  font-family: 'FontAwesome';
content: '\f111';
margin: 0px 15px 0px -20px;
color: #757575;
font-size: 0.2em;
}

#productpost .da-thumbs .img_caption h3 { color: #fff;
  font-size: 2.0em;
  font-family: 'trumpsoftpro';
  text-align: center;
  padding: 0px;
  padding-left: 20px;
  padding-right: 20px;
  line-height: 34px;
}

#productpost h1 { color: #111111;
  font-size: 4.0em;
  font-family: 'trumpsoftpro';
  text-align: center;
  margin-bottom: 30px; margin-top: 80px;
}

/* FILTER TABS */

#tabs { margin-bottom: 40px; margin-top: 40px; text-align: center;}
.tab-content { /*background: #000;*/}
.tab-pane h2 { text-align: center; }
.tab-pane p { text-align: left;}
.byfilter { background: #f4f4f4; padding: 90px 18% 90px 18%;}
.nav-tabs { border-bottom: 0px;}
.nav-tabs>li { display:inline-block; }
.nav-tabs>li>a { border-radius: 0px 0px 0 0; margin-right: 20px; margin-left: 20px;}
.lefilt { margin-left: 40px; }

.nav>li>a:hover, .nav>li>a:focus {
  background: transparent;
}

.nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus
{

background: transparent;
  border: 1px transparent solid;

  color: #111111;
  border-bottom: 1px #111111 solid;

}



.nav-tabs>li.active>a
{
  background: transparent;
  border: 1px transparent solid;

  color: #111111;
  border-bottom: 1px #111111 solid;

}

.nav-tabs>li>a:hover
{
  color: #111111;
  border: 1px transparent solid;
  border-bottom: 1px #111111 solid;
}
.nav-tabs>li>a
{
  color: #757575;
  border-bottom: 1px transparent solid;
  font-size: 1.4em;
  font-weight: 400;
}

/* CLIENTS */
#clientpost { padding-top: 0px; background: #fff; color: #757575;}
.clientpost-main-img { position: relative; }
.clientpost-main-img h2 { position: absolute; top: 45%; left: 16%; right: 16%; color: #fff; z-index: 3; font-size: 8.0em; font-family: 'trumpsoftpro'; text-align: center; }
.clientpost-main-img h5 { position: absolute; top: calc(45% + 140px ); left: 22%; right: 22%; color: #fff; z-index: 3; font-size: 2.0em;  text-align: center; font-weight: 300;}
ul.project-categories { position: absolute; bottom:40px; right:40px; text-align: right; z-index: 3; list-style: none;}
ul.project-categories li { color: #fefefe; font-size: 2.2em; font-family: 'trumpsoftpro';}
#support-row { position: relative; z-index: 4;}

.client-logo {position: relative; width: 200px; height: 200px; background: #fff; padding: 5px; margin-top: -160px; margin-left: auto; margin-right: auto;  border: 1px #d7d7d7 solid; text-align: center;}
.client-logo img{position: absolute; left: 0; right: 0; top: 0;}
/*.client-logo img { width: 100%; clear: both;}*/

#clientpost .da-thumbs .img_caption h3, #container .da-thumbs .img_caption h3 { color: #fff;
  font-size: 2.0em;
  font-family: 'trumpsoftpro';
  text-align: center;
  padding: 0px;
  padding-left: 20px;
  padding-right: 20px;
  line-height: 34px;
}

#clientpost h1 { color: #111111;
  font-size: 6.0em;
  font-family: 'trumpsoftpro';
  text-align: center;
  margin-bottom: 0px; margin-top: 100px;
}

h1.relp { color: #111111;
  font-size: 4.0em;
  font-family: 'trumpsoftpro';
  text-align: left;
  margin-bottom: 20px; margin-top: 100px;
  padding-left: 70px;
}

#clients { padding-top: 70px; background: #fff; padding-bottom: 70px;}
#clients h1 {
  color: #111111;
  font-size: 5.5em;
  font-family: 'trumpsoftpro';
  text-align: center;
  /*padding-left: 20px;*/
  margin-top: 70px;
}


#ourwork { padding-top: 70px; background: #fff; }
#ourwork h1 {
  color: #111111;
  font-size: 5.4em;
  font-family: 'trumpsoftpro';
  text-align: left;
  padding-left: 20px;
  margin-top: 10px;
}

#ourwork .da-thumbs .img_caption h3 {
  color: #fff;
  font-size: 2.0em;
  font-family: 'trumpsoftpro';
  text-align: center;
  padding: 0px;
  padding-left: 20px;
  padding-right: 20px;
  line-height: 34px;
}

#section_services {
  text-align: center;
  overflow: hidden;
  background: #fff;
  padding-top: 0px;
}
#section_services h1{
  color: #111111;
  font-size: 5.4em;
  font-family: 'trumpsoftpro';
  margin-top: 40px;
}

#section_services h2 {
  color: #757575;
  font-size: 2.0em;
  text-align: center;
  margin-top: 0px;
}




/* NEW PRODUCTS */
#all-products { background: #111111; padding-top: 70px; min-height: 100%;}
.products-main-wrap {
  background: #111111 url(../img/products_page_logo.png);
  background-repeat: no-repeat;
  background-position: right 600px top;
  background-size: contain;

  /*overflow: hidden;*/
  position: relative;

  height: calc(100vh - 70px);

/*      -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;*/
}

.product-block {
  color: #757575;
  width: 50%;
  position: absolute;
  bottom: 25%;

  left: 50px;
  /*background: rgba(255,255,255,0.7);*/
  padding: 20px 20px 0px 20px;
  border-radius: 5px;

}

.product-right {

  position: absolute;
  bottom: 23%;
  right: 70px;

}

#products-menu {
  background:#111111;
  border-top: 1px #757575 solid;
  border-bottom: 1px #757575 solid;
  /*background: rgba(255,255,255,0.7);*/
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;


}
.contact-form-address span { line-height: 15px;}

h1.products-main-head { font-size: 12.0em; margin-bottom: 0px;
  font-family: 'trumpsoftpro'; color: #757575; text-align: right;}

.products-menu-item { /*background: transparent;*/ border-right: 1px #757575 solid; /*padding: 15% 30px 15% 30px;*/ text-align: center; color: #757575; /*min-height: 180px;*/ margin: 0px;
height: 200px;
position: relative;
}
.products-menu-item img { position: absolute; top: calc(50% - 90px);
/*right:0; left: 0;*/
 right: calc(50% - 90px); margin-bottom: 0px;max-width: 180px; }
.products-menu-item .m-title { position: absolute; top: calc(50% + 30px);  right: 0; left: 0; font-size: 1.2em; display: none; }

.products-menu-item.last { border-right: none; }

.products-menu-item.active { background: rgba(17,17,17,0.7); }
.products-menu-item.igotop.active { background: rgba(255,255,255,0.7); }

.products-menu-item:hover { background: #1e1e1e; }
.products-menu-item.igotop:hover { background: #fff; }









/*  SERVICES */
.moremore { background: #757575;/* padding-top: calc(25% - 0px);*/ text-align: center;  font-family: 'trumpsoftpro'; font-size: 3.0em; position: relative;}
.gomore { position: absolute; top:38%; right: 30px;}
a.exmore { color: #fff;}
a.exmore:hover { color: #111111;}
.service-content-text ol li { font-size: 1.3em;}
.service-content-text a { color: #757575;}
.service-content-text a:visited, .service-content-text a:focus{ color: #757575;}
.service-content-text a:hover { color: #111111;}
#all-services { background: #fff; padding-top: 70px; min-height: 100%;}
#servicepost { padding-top: 0px; background: #fff; color: #757575; }
.servicepost-main-img { position: relative; }
.servicepost-main-img h1 { font-family: 'trumpsoftpro'; position: absolute; left: 70px; bottom: 130px; color: #fff; z-index: 3; font-size: 8.4em;
  text-transform: uppercase;
}
.servicepost-main-img h3 { position: absolute; left: 70px; bottom: 70px; color: #fff; z-index: 3; font-size: 2.4em; width: 45%; }


.title h1 { font-family: 'trumpsoftpro';  color: #fff; font-size: 8.4em;
  text-transform: uppercase;
}
.title h3 { color: #fff; font-size: 2.4em; width: 60%; }


#servicepost .da-thumbs .img_caption h3 { color: #fff;
  font-size: 2.0em;
  font-family: 'trumpsoftpro';
  text-align: center;
  padding: 0px;
  padding-left: 20px;
  padding-right: 20px;
  line-height: 34px;
}

/*#servicepost h1 { color: #000;
  font-size: 4.0em;
  font-family: 'trumpsoftpro';
  text-align: center;
  margin-bottom: 30px; margin-top: 80px;
}*/


.service-post-menu-top { color: #757575; text-align: right; position: absolute; bottom: 70px; right: 50px; }
.service-item-top a { color: #757575; font-size: 4.0em; font-family: 'trumpsoftpro'; text-transform: uppercase; line-height: 60px;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.service-item-top a:visited { color: #757575; }
.service-item-top a:hover, .service-item a:focus { color: #fff; padding-right: 20px;}
.service-item-top a.active { color: #fff;  font-size: 8.0em; line-height: 100px;}

.service-content-text { padding-left: 70px; padding-top: 70px; padding-bottom: 70px; }
.service-content-text h3 { font-size: 2.4em; font-weight: 300;}

.service-content-text p { font-size: 1.3em;}
.service-post-menu { color: #757575; text-align: right; padding-right: 70px; padding-top: 90px; padding-bottom: 50px;}
.service-item a { color: #757575; font-size: 3.0em; font-family: 'trumpsoftpro'; text-transform: uppercase; line-height: 50px;

  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;}
.service-item a:visited { color: #757575; }
.service-item a:hover, .service-item a:focus { color: #111111; padding-right: 20px; }
.service-item a.active { color: #111111;  font-size: 5.0em; line-height: 80px;}

.related-project-box h2 { text-transform: uppercase; font-size: 5.0em; font-family: 'trumpsoftpro'; color: #111111;  text-align: center; margin-top: 0px; padding-top: 22%;}
.related-project-box { /*padding: 38px;*/ background: #eaeaea; padding-bottom: 500em;
      margin-bottom: -500em; }
.related-project-box a { color: #111111; }
.related-project-box a:visited { color: #757575; }
.related-project-box a:hover, .service-item a:focus { color: #757575; }
/*
#service1, #service2, #service3, #service4, #service5 {
    overflow: hidden;
    background: #111111;
    color: #fff;
}

.service-back1, .service-back2, .service-back3, .service-back4, .service-back5, .service-back6, .service-back7, .service-back8,.service-back9, .service-back10 {

  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  height: 100%;

}*/

.service-teaser {

  position: absolute;
  bottom: 20px;
  left: 50px;
  right:50px;
  /*right:30%;*/

}

.service-teaser h1 {

  font-size: 10.0em; margin-bottom: 20px;
  font-family: 'trumpsoftpro';
  margin-bottom: 0px;
}

.service-teaser p {

  margin-top: 0px;
  /*padding-right: 50%;*/
  font-size: 2.0em;
  line-height: 26px;

}

/*#service0 {

  background: #fff url(../img/dark_logo_big.png);
  background-repeat: no-repeat;
  background-position: right 550px top 55px;
  background-size: contain;

  overflow: hidden;
}*/
.proj-loader {
  /*background: #fff url('../img/work-loader.gif') no-repeat center top;*/
  width: 200px;
  height: 240px;
  display: none;
  padding-top: 30px;
  text-align: center;
  color: #111111;

  margin: 0 auto;
/*  margin-bottom: -100px;*/
}

.nfilters {

  background: #111111;
  position: fixed;
  top:70px;
  right: -30%;
  width: 30%;
  height: 100%;
  z-index: 9999;
   -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;

}

.nfilters.showme {

  right: 0px;
}

ul.thefilters {

  list-style: none;
  text-align: right;
  padding-top: 80px;
  padding-right: 50px;

}
ul.thefilters li {


  padding-top: 10px;
  padding-bottom: 10px;

}

ul.thefilters li a {

  color: #757575;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 1.2em;
}

ul.thefilters li:hover a {

  color:#fff;
  cursor: pointer;

}

ul.thefilters li a.active { color: #fff; }

#hideme { float: right; margin-right: 50px; margin-top: 20px; color: #757575; font-size: 3.0em;}

#hideme:hover { color: #fff; cursor: pointer;}


#selectiondemaestros {  border: 1px #757575 solid; color: #757575; padding: 9px 15px 9px 15px; font-size: 1.0em;
font-weight: 400;  display: none; width: 80%; margin: 0 auto;
margin-top: 30px;
text-align: center;

}

.wf-loading * {

    opacity: 0;
      -webkit-transition: none !important;
  -moz-transition: none !important;
  -ms-transition: none !important;
  -o-transition: none !important;

}

.wf-loading {

    background: #111111 url('../img/ajax-loader.gif') no-repeat center center;

    height: 100%;
    overflow: hidden;
    /*-webkit-transform: translateZ(0);*/
          -webkit-transition: none !important;
  -moz-transition: none !important;
  -ms-transition: none !important;
  -o-transition: none !important;


}

.wf-active body,
.wf-inactive body {
    -webkit-transition: opacity 1s ease-out;
    -moz-transition: opacity 1s ease-out;
    -o-transition: opacity 1s ease-out;
    transition: opacity 1s ease-out;
    /*-webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0,0,0);*/
}



h1.services-main-head { font-size: 12.0em; margin-bottom: 0px;
  font-family: 'trumpsoftpro'; color: #111111; text-align: right;}


.services-main-wrap {
  background: #fff url(../img/dark_logo_big.png);
  background-repeat: no-repeat;
  background-position: right 600px top;
  background-size: contain;

  /*overflow: hidden;*/
  position: relative;

  height: calc(100vh - 70px);

/*      -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;*/
}

.service-block {
  color: #757575;
  width: 50%;
  position: absolute;
  bottom: 25%;

  left: 50px;
  background: rgba(255,255,255,0.7);
  padding: 20px 20px 0px 20px;
  border-radius: 5px;

}

.service-right {

  position: absolute;
  bottom: 23%;
  right: 70px;

}
#services-menu {
  background:#fff;
  border-top: 1px #b6b6b6 solid;
  background: rgba(255,255,255,0.7);
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;


}

/*#services-menu.gotop {
  position: fixed;
  top: 90px;
  left: 10%;
  right: 10%;
  border-top: none;
  border-bottom: none;

  background: rgba(17,17,17,0.7);
}*/

/*#services-menu.gobottom {
   max-height: 177px;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  border-bottom: none;
  border-top: 1px #b6b6b6 solid;
  background: rgba(255,255,255,0.7);

}*/

.slide { background: #fff; /*padding-top: 100px;*/}
.moredet { position: absolute; right: 50px; top:50%; background: rgba(255,255,255,0.7); padding: 5px 10px 5px 10px; color: #111111; font-size: 28px;}
.service-content { position: absolute; top: 48%; left:18%; right: 18%; background: rgba(255,255,255,0.85); color: #111111; padding: 20px;}
.s-cont { background: #fff; color: #111111; padding: 50px;}
.extra-pro {  background: #fff; color: #111111; }
.extra-pro h2 { text-align: center; font-size: 5.4em;
  font-family: 'trumpsoftpro'; }

.services-menu-item { /*background: transparent;*/ border-right: 1px #b6b6b6 solid; /*padding: 15% 30px 15% 30px; */text-align: center; color: #757575; /*min-height: 180px;*/ margin: 0px;
height: 200px;
position: relative;
}
/*#services-menu  div:nth-last-child(2) + .services-menu-item { border-right: none; background: red;}*/


.services-menu-item img { position: absolute; top: calc(50% - 60px);
/*right:0; left: 0;*/
 right: calc(50% - 30px); max-width: 60px;  margin-bottom: 0px;}
.services-menu-item .m-title { position: absolute; top: calc(50% + 30px);  right: 0; left: 0;  font-size: 1.2em; text-transform: uppercase;}







.services-menu-item.last { border-right: none; }

.services-menu-item.active { background: rgba(17,17,17,0.7); }
.services-menu-item.igotop.active { background: rgba(255,255,255,0.7); }
.services-menu-item:hover { background: #111111; }
.services-menu-item.igotop:hover { background: #fff; }
.ser { font-size: 2.4em; line-height: 34px;}



.category-tile { background: #f3f3f5; border: 1px #b6b6b6 solid; border-radius: 3px; padding: 25% 30px 10px 30px; /*box-shadow: 0 3px 2px -1px rgba(0,0,0,0.30);*/ text-align: center; color: #757575; min-height: 400px; margin: 0px; margin-right: 1px;margin-left: 1px;}
.category-tile img { margin-bottom: 30px;}
.category-tile:hover { background: transparent; }
#home-categories { background: #fff;}
#home-categories h1 { margin-bottom: 40px;font-size: 5.4em; margin-top: 40px;
  font-family: 'trumpsoftpro'; color: #111111; text-align: center;}

.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

.col-xs-15 {
    width: 20%;
    float: left;
}
@media (min-width: 768px) {
    .col-sm-15 {
      width: 20%;
      float: left;
  }
}
@media (min-width: 992px) {
    .col-md-15 {
      width: 20%;
      float: left;
  }
}
@media (min-width: 1200px) {
    .col-lg-15 {
      width: 20%;
      float: left;
  }
}

footer { padding-top: 110px; background: #111111;}
footer h1 { color: #fff;
    font-size: 4.0em;
    font-family: 'trumpsoftpro';
    text-align: center;
}

.cfooter { padding-top: 110px; background: #111111;}
.cfooter h1 { color: #fff;
    font-size: 4.0em;
    font-family: 'trumpsoftpro';
    text-align: center;
}


.img-full-width img { width: 100%;}

a, a:visited  { color: #fff;}
a:hover, a:focus, a:active{ color: #757575; text-decoration: none;}

/* MAIN CONTAINERS */

#galleria { background: #1d1d1d; text-align: center; padding-left: 20px; padding-right: 20px;}

#mobile-menu { background: #111111; }

.mburger { position: absolute; top:6px; right: 20px; /*padding: 20px 20px 0px 0px;*/}
.mlogo { width: 100%; text-align: center; padding-top: 10px; padding-bottom: 10px; }
.mlogo img { width: 79px; }
.mmenu { text-align: center; padding-top: 10px; padding-bottom: 10px;}
ul.mob-list { list-style: none; padding-left: 0px;}
ul.mob-list li a { line-height: 40px; font-size: 1.2em;}

.small { font-size: 0.8em;}

input.textboxP { height: 40px; width: 60%; max-width: 710px; background: transparent; text-align: center; outline:0px !important;
  -webkit-appearance:none; border: 2px #fff solid;}
.sub-a { font-size: 3.2em; font-weight: 700;  line-height: 70px;}
.sub-b { font-size: 3.2em; font-weight: 300; margin-right: 10px; line-height: 70px;}
input.textboxP::-webkit-input-placeholder { color: white; }
input.textboxP:-moz-placeholder { color: white; }
input.textboxP::-moz-placeholder { color: white; }
input.textboxP:-ms-input-placeholder { color: white; }

.form-control { color: #fff; margin-bottom: 20px;}
.form-control.notvalid { border: 2px red solid;}


#gallery_list { padding-bottom: 20px;}
#gallery_list h4, #video_gallery h4{ text-align: center; min-height: 40px; }
.responsive-video {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 60px; overflow: hidden;
}


.responsive-video iframe,
.responsive-video object,
.responsive-video embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.btn-proplan { border: 1px #727272 solid; border-radius: 2px; font-size: 0.9em !important; }

.btn-proplan:hover, .btn-proplan:focus, .btn-proplan:active {

       background-color: transparent;
       border-color: #bfbfbf;
}

.btn-default { background-color: #111111; padding-left:30px; padding-right:30px; height: 40px;  border: 2px #111111 solid; border-radius: 0px; line-height: 38px; padding-top: 0px; padding-bottom: 0px; color:#fff; font-size:1.0em; margin-top: 20px;
}

.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default {

       background-color: transparent;
       border-color: #111111;
       color:#111111;
}

.btn-visit { background-color: #111111; padding-left:30px; padding-right:30px; height: 40px;  border: 2px #111111 solid; border-radius: 0px; line-height: 38px; padding-top: 0px; padding-bottom: 0px; color:#fff; font-size:1.0em; margin-top: 20px;
}

.btn-visit:hover, .btn-visit:focus, .btn-visit:active, .btn-visit.active, .open .dropdown-toggle.btn-visit {

       background-color: #282828;
       border-color: #282828;
       color:#fff;
}

.btn-default-no { background-color: #111111; padding-left:30px; padding-right:30px; height: 40px;  border: 2px #111111 solid; border-radius: 0px; line-height: 38px; padding-top: 0px; padding-bottom: 0px; color:#fff; font-size:1.0em; margin-top: 0px;
}

.btn-default-no:hover, .btn-default-no:focus, .btn-default-no:active, .btn-default-no.active, .open .dropdown-toggle.btn-default-no {

       background-color: transparent;
       border-color: #111111;
       color:#111111;
}

.btn-default-lg { background-color: transparent; padding-left:50px; padding-right:50px; height: 60px;  border: 2px #fff solid; border-radius: 0px; line-height: 58px; padding-top: 0px; padding-bottom: 0px; color:#fff; font-size:1.2em; margin-top: 0px;}

.btn-default-lg:hover, .btn-default-lg:focus, .btn-default-lg:active, .btn-default-lg.active, .open .dropdown-toggle.btn-default-lg {

       background-color: transparent;
       border-color: #cca957;
       color:#cca957;
}


.btn-map { background-color: transparent; padding-left:30px; padding-right:30px; height: 40px;  border: 2px #757575 solid; border-radius: 0px; line-height: 38px; padding-top: 0px; padding-bottom: 0px; color:#757575; font-size:1.0em; margin-top: 0px;
}

.btn-map:visited { color: #757575;}

.btn-map:hover, .btn-map:focus, .btn-map:active, .btn-map.active, .open .dropdown-toggle.btn-map {

       background-color: #111111;
       border-color: #111111;
       color:#fff;
}

.btn-inverse { background-color: transparent; padding-left:30px; padding-right:30px; height: 40px;  border: 2px #cca957 solid;
    border-radius: 0px; line-height: 38px; padding-top: 0px; padding-bottom: 0px;
    color:#cca957; font-size:1.0em; margin-top: 0px;}

.btn-inverse:hover, .btn-inverse:focus, .btn-inverse:active, .btn-inverse.active, .open .dropdown-toggle.btn-inverse {

       background-color: transparent;
       border-color: #fff;
       color:#fff;
}

.wfilters { /*margin-left: 40px;*/ }
#mobile-only{display:none; }

.alert { text-align: center; font-size: 1.1em;}

.mobileL {text-align:left;}
.mobileR {text-align:right;}

.fill_me_up { display: none;}

#projectplanner { width: 100%;  height: 100vh; background: #111111; }
/*.modal-dialog { width: 100%; margin-top: 70px;
  height: calc(100% - 70px);
  padding: 0; }
.modal-content { background: transparent; height: 100%; background: rgba(0,0,0, 0.9); }*/

.pp-item { border: 1px #757575 solid; padding: 15% 10px 15% 10px; text-align: center; color: #757575; /*min-height: 180px;*/ margin: 0px; font-size: 1.2em;}
/*#services-menu  div:nth-last-child(2) + .services-menu-item { border-right: none; background: red;}*/


.selser input[type=checkbox]{
    display:none;
    /*cursor: pointer;*/
}

.pp-item.last { border-right: none; }

.pp-item.active { border: 1px #fff solid; box-shadow: 0px 0px 8px #fff;
/*background: rgba(17,17,17,0.7);*/ color: #fff;}
.pp-item img { margin-bottom: 30px; width: 60px;}
.pp-item:hover { /*background: #fff;*/ cursor: pointer; border: 1px #fff solid; color: #fff;}

#projectplanner h1 {
    color: #fff;
  font-size: 5.0em;
  font-family: 'trumpsoftpro';
  font-style: normal;
  text-align: center;
}

#projectplanner h2 {
      color: #fff;
  font-size: 4.0em;
  font-family: 'trumpsoftpro';
  font-style: normal;
  text-align: center;
  margin-top: 50px;
}


#projectplanner p { color: #757575; margin-bottom:20px; text-align: center; }

#projectplanner .form-control { border: 1px #757575 solid; border-radius: 2px;}

.modal-dialog {
      width: 100%;
      height: calc(100% - 70px);
      padding: 0;
      margin:0;
      margin-top: 70px;

}
.modal-header { border-bottom: 0;}
.modal-footer { border-top: 0; padding-bottom: 100px;}
.modal-content {
      height: 100%;
      border-radius: 0;
      color:white;
      overflow:auto;
      background: #111111;
       -webkit-box-shadow: none;
     box-shadow: none;
     /*0 3px 9px rgba(0, 0, 0, 0.5);*/
}

.modal-content{
/*    -webkit-box-shadow: 0 5px 15px rgba(0,0,0,0);
    -moz-box-shadow: 0 5px 15px rgba(0,0,0,0);
    -o-box-shadow: 0 5px 15px rgba(0,0,0,0);
    box-shadow: 0 5px 15px rgba(0,0,0,0);*/
}

.budget { text-align: center; margin-top: 40px; color: #fff; font-size: 1.2em; font-weight: 400;}
.budget .example-val:before { content: '\20AC';}
input#ppemail, input#ppname,input#ppphone, input#ppcompany { background: transparent;  border-radius: 0px; color:#fff;  height: 50px; text-align: center; width: 60%; margin: 5px auto;}

textarea#ppmessage { background: transparent;  border-radius: 0px; color:#fff; margin: 5px auto; text-align: center; width: 85% }


.contact-form {
    background: #626262;
    height: 100%;
    padding: 20px;
    margin: 10px;
    display: none;
    position: absolute;
    top: -10px;
    left:0;
    right: 0;
}

textarea#comment, input#email, input#name,input#phone, input#company { background: #fff;  border-radius: 0px; color:#757575;}

input#bookname { background: transparent; border: 2px #fff solid; border-radius: 0px; color:#fff; font-weight: 600;}
input#bookemail { background: transparent; border: 2px #fff solid; border-radius: 0px; color:#fff; font-weight: 600;}
input#bookinfo { background: transparent; border: 2px #fff solid; border-radius: 0px; color:#fff; font-weight: 600;}
span#close { font-size: 1.6em;}

.alert { margin-bottom: 0px; position: fixed; top: 20px; left: 0; right: 0; z-index: 9999;}
.alert-danger { background: #111111; color: red; font-weight: 600;}
.alert-success { background: #111111; color: #fff; font-weight: 600;}

#map-canvas1 {
    height: 532px;
    width: 100%;
    margin: 0;
    padding: 0px;
    position: absolute;top:30px; right: 0;
    visibility: hidden;


}
#map-canvas2 {
    height: 532px;
    width: 100%;
    margin: 0;
    padding: 0px;
    position: absolute;top:30px; right: 0;
    visibility: hidden;
    /*display: none;*/
}

.mapinfo { position: absolute; right: 10px; top: 30%; background: #fff; width: 30%; height: 110px; color: #1d1d1d; text-align: right; padding: 30px 10px 20px 10px; line-height: 24px; }


/* SOCIAL MEDIA ICONS */


#post-social { text-align: right; margin-top: -40px; }
#post-social .social_icon {

  display: inline-block;
  width: 110px;
  height: 40px;
  padding: 8px;
  font-size: 1.2em;
  text-align: left;
  color: #fff;
  margin-left: -4px;

}

#post-social .social_icon a { width:100%; height: 100%; display:inline-block;}
#post-social .social_icon a:hover { padding-left: 45%; color: #eaeaea;}
#post-social .social_icon.social_icon_fb { background: #4060A5; }
#post-social .social_icon.social_icon_tw { background: #00ABE3; }
#post-social .social_icon.social_icon_gp { background: #e64522; }




/*#post-social .social_icon a { color: #757575; padding: 5px;}*/
.follow-a { font-size: 3.2em; font-weight: 700; margin-right: 10px; line-height: 110px;}
.follow-b { font-size: 3.2em; font-weight: 300; line-height: 110px;}

.sm-line { text-align: center; line-height: 110px; /*padding-top: 4px;*/}

.smGlobalBtn{ /* global button class */
  display: inline-block;
  position: relative;
  cursor: pointer;
  width: 50px;
  height: 50px;
  /*box-shadow: 0 2px 2px #999;*/
  padding: 0px;
  margin-left: 5px;
  text-decoration: none;
  text-align: center;
  background: #111111;
  color: #fff;
  font-size: 20px;
  font-weight: normal;
  line-height: 50px;
  border-radius: 25px;
  -moz-border-radius:25px;
  -webkit-border-radius:25px;
}

.smGlobalBtn:hover {text-decoration: none;}


/* facebook button class*/

.facebookBtn:before{ /* use :before to add the relevant icons */
  font-family: "FontAwesome";
  content: "\f09a"; /* add facebook icon */
}

.facebookBtn:hover{
  color: #4060A5;
  background: #fff;
}

/* twitter button class*/
.twitterBtn:before{
  font-family: "FontAwesome";
  content: "\f099"; /* add twitter icon */
}

.twitterBtn:hover{
  color: #00ABE3;
  background: #fff;
}

/* google plus button class*/
.googleplusBtn:before{
  font-family: "FontAwesome";
  content: "\f0d5"; /* add googleplus icon */
}

.googleplusBtn:hover{
  color: #e64522;
  background: #fff;
}

/* linkedin button class*/

.linkedinBtn:before{
  font-family: "FontAwesome";
  content: "\f0e1"; /* add linkedin icon */
}

.linkedinBtn:hover{
  color: #0094BC;
  background: #fff;
}

/* pinterest button class*/
.pinterestBtn:before{
  font-family: "FontAwesome";
  content: "\f0d2"; /* add pinterest icon */
}

.pinterestBtn:hover{
  color: #cb2027;
  background: #fff;
}
/* pinterest button class*/
.foursquareBtn:before{
  font-family: "FontAwesome";
  content: "\f180"; /* add pinterest icon */
}

.foursquareBtn:hover{
  color: #ef4b78;
  background: #fff;
}

hr.footer-style {
  border: 0;
  height: 1px;
  background: #757575;
  width: 50%;
  margin-top: 40px;
  /*background-image: linear-gradient(to right, #ccc, #333, #ccc);*/
}

hr.middle-style {
  border: 0;
  height: 1px;
  background: #757575;

  margin-top: 40px;
  margin-left: -50px;
  margin-right: -50px;
  /*background-image: linear-gradient(to right, #ccc, #333, #ccc);*/
}



.cf {
  position:relative;
  /*min-height: 210px;*/
/*  width: 100%;
  min-height: 100%;
  padding-bottom: 500em;
      margin-bottom: -500em;
      display: block;*/

/*  height:281px;
  width:450px;
  margin:0 auto;*/
}
/*.cf a { width: 100%;
height: 100%;
}*/

.cf img {
  position:absolute;
  left:0;
  top: 0;
  bottom: 0;
/*  right: 0;
  top: 0;
  bottom: 0;*/
  -webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
}
/*.cf img.top { z-index: 4;}
.cf img.bottom { z-index: 1;}*/
.cf img.top:hover {
  opacity:0;
}


.logoo { /*width: 150px; height: 110px;*/ position: fixed; top:0; left: 0; background: transparent; z-index: 9999; padding: 12px 20px 14px 20px;

  -webkit-transition: top 100ms ease;
  -moz-transition: top 100ms ease;
  -o-transition: top 100ms ease;
  transition: top 100ms ease;
    -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
}

.logoo.bblack { background: #111111; padding: 12px 20px 8px 20px;}
.logoo img { width: 120px;}
.main-menu { width: 100%; height: 70px; position: fixed; top:0; left: 0px; right:0px; background: #111111; z-index: 9998; text-align: right; padding-right: 270px;

  -webkit-transition: top 100ms ease;
  -moz-transition: top 100ms ease;
  -o-transition: top 100ms ease;
  transition: top 100ms ease;
    -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);

}

#alphabeticFilterCont { padding-top: 30px; position: relative; z-index: 10;}
#alphabeticFilterCont ul { /*position: relative;*/ /*z-index: 9999;*/ background: transparent; /*padding-right: 5px;*/}
#alphabeticFilter { display: table; border-collapse: collapse; margin-right: 20px; float: right; }
#alphabeticFilter .bfilt { display: table-cell; vertical-align: middle; margin: 0px; cursor: pointer; font-size: 1.0em; font-weight: 400; color: #757575; border: 1px #757575 solid; padding: 8px 15px 8px 15px; }
#alphabeticFilter .bfilt.active { color: #3e3e3e; font-weight: 700;}
#alphabeticFilter .bfilt:hover { color: #fff; background: #111111; border-color: #111111; }
.dropdown-menu { border: 0; padding: 5px 0px 0px 0px; left:auto; right: 0; text-align: right; border-radius: 0px; min-width: 224px;}
.dropdown-menu .bfilt { float: right; }
#alphabeticFilterCont ul li .bfilt{ margin-bottom: 5px; width: 100%; background: #fff; }
.burger { /*width: 100px; height: 90px;*/ position: fixed; top:0; right: 0; background: transparent; z-index: 9999; padding:18px 30px 18px 30px;}
.burger.closed { background: #111111;}
.main-menu ul li a { line-height: 70px; color: #727272; font-size: 1.1em; /*border:2px transparent solid;*/ padding: 4px 10px 4px 10px; font-weight: 400;
  font-family: 'proxima-nova';
}
.main-menu ul li a:hover { color: #dfdfdf; }
.main-menu ul li.active a { color: #dfdfdf; }
.img_link img { width: 100%;}

a.cd-top {
  color: #fff;
  font-size: 1.8em;
}
.cd-top {
  display: inline-block;
  height: 40px;
  width: 40px;
  position: fixed;
  bottom: 40px;
  right: 10px;
  text-align: center;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);

  overflow: hidden;
/*  text-indent: 100%;
  white-space: nowrap;*/
  background: rgba(1,1,1,0.8);
  visibility: hidden;
  opacity: 0;
  border-radius: 2px;
  -webkit-transition: opacity .3s 0s, visibility 0s .3s;
  -moz-transition: opacity .3s 0s, visibility 0s .3s;
  transition: opacity .3s 0s, visibility 0s .3s;
}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
  -webkit-transition: opacity .3s 0s, visibility 0s 0s;
  -moz-transition: opacity .3s 0s, visibility 0s 0s;
  transition: opacity .3s 0s, visibility 0s 0s;
}
.cd-top.cd-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1;
}
.cd-top.cd-fade-out {
  /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
  opacity: .5;
}
.no-touch .cd-top:hover {
  background-color: #111111;
  opacity: 1;
}
@media only screen and (min-width: 768px) {
  .cd-top {
    right: 20px;
    bottom: 20px;
  }
}
@media only screen and (min-width: 1024px) {
  .cd-top {
    height: 40px;
    width: 40px;
    right: 30px;
    bottom: 30px;
  }
}

@media (min-width: 2001px) and (max-width: 2800px) {

  /*.before_load img { width: 100%; position: absolute; bottom:43%; left: 0; right: 0; padding-left: 50px; padding-right: 50px;}*/

.before_load {
  padding-left: 25%;
  padding-right: 27%;
}

}

@media (min-width: 1501px) and (max-width: 2000px) {

  /*.before_load img { width: 100%; position: absolute; bottom:43%; left: 0; right: 0; padding-left: 50px; padding-right: 50px;}*/

.before_load {
  padding-left: 15%;
  padding-right: 17%;
}

}

@media (min-width: 1301px) and (max-width: 1500px) {

.before_load img { width: 100%; position: absolute; bottom:43%; left: 0; right: 0; padding-left: 120px; padding-right: 120px;}

.before_tile h1 {
  font-size: 2.4em;
  letter-spacing: 10px;
}
}

@media (max-width: 1300px) and  (min-width: 1201px){

/*.before_load img { width: 100%; position: absolute; top:25%; left: 0; right: 0; padding-left: 17%; padding-right: 17%;}*/

.before_load img { width: 100%; position: absolute; bottom:43%; left: 0; right: 0; padding-left: 120px; padding-right: 120px;}

.before_load {
  padding-left: 15%;
  padding-right: 17%;
}

.before_tile { width: 25%; float: left; text-align: center; position: relative; height: 100%; }

.before_tile h1 {
  font-size: 2.2em;
  letter-spacing: 10px;
}
.client-logo { position: absolute; top: -160px; left:0; right: 0; margin-top: 0px;}

}


/* Large desktop */
@media (max-width: 1200px) and (min-width: 992px) {


  .pp-item { font-size: 1.0em; min-height: 170px;}
.blogpost-main-img h2 { font-size: 5.0em; }
h1.services-main-head { font-size: 9.0em;}
h1.products-main-head { font-size: 9.0em;}

.mapinfo { position: absolute; right: 10px; top: 30%; background: #fff; width: 34%; height: 110px; color: #1d1d1d; text-align: right; padding: 30px 10px 20px 10px; line-height: 24px; }

#section3 h2 { width: 80%; }
#section1 h2 { width: 60%; }
#section1 p { width: 60%; }

.contact-form-address h3 { font-size: 2.4em;}
.burger { padding: 18px 15px 18px 15px;}
/*.main-menu { padding-left: 160px; padding-right: 80px;}*/
.main-menu ul li a { line-height: 70px;/* border:2px transparent solid;*/ padding: 4px 3px 4px 3px; font-size: 1.1em;}

#alphabeticFilter .bfilt { font-size: 0.9em; padding: 8px 6px 8px 6px;}
.wfilters { margin-left: 10px;}

.da-thumbs .img_caption2 span{

  padding-left: 20px;
  padding-right: 20px;
  font-size: 1.0em;

}
.goliath .img_caption2 span{

  padding-left: 20px;
  padding-right: 20px;
  font-size: 1.0em;

}

.hover-icon img {  margin-top: -30px;}
.pro-desc { font-size: 0.8em;  top: 30%; left:0; right: 0;  padding-left: 10px; padding-right: 10px;}

/*.before_load img { width: 100%; position: absolute; top:30%; left: 0; right: 0; padding-left: 10%; padding-right: 10%;}*/


.before_load {
  padding-left: 8%;
  padding-right: 10%;
}

.before_tile { width: 25%; float: left; text-align: center; position: relative; height: 100%; }

  .before_load img { width: 100%; position: absolute; bottom:45%; left: 0; right: 0; padding-left: 100px; padding-right: 100px;}


.before_tile h1 {
  font-size: 2.0em;
  letter-spacing: 8px;
}

.company p { font-size: 1.1em;}
#blogpost ul li { font-size: 1.1em;}
#blogpost p { font-size: 1.1em;}
.product-content p { font-size: 1.1em;}
.product-content ul li { font-size: 1.1em; }
.service-content-text p { font-size: 1.1em;}

}

/* Portrait tablet to landscape and desktop */
/* Landscape phone to portrait tablet */
@media (min-width: 768px) and (max-width: 991px) {

ul.thefilters { padding-right: 40px;}
#hideme { margin-right: 40px;}
.nfilters { width: 50%; right: -50%; }

.pp-item { font-size: 1.2em; /*min-height: 170px;*/ margin-bottom: 20px;}
.blogpost-main-img h2 { font-size: 4.0em; }
  h1.services-main-head { font-size: 7.0em;}
  h1.products-main-head { font-size: 7.0em;}

  .contact-form-address h3 { font-size: 1.8em;}
  .contact-form-address span { color: #757575; line-height: 30px; }

#section1 h2 { width: 60%; }
#section1 p { width: 60%; }
#section3 h2 { width: 90%; }
.logoo { padding: 12px 10px 8px 10px;}
.logoo.bblack { padding: 12px 10px 17px 10px;}
.logoo img { width: 100px;}
.burger { padding: 18px 15px 18px 15px;}
.main-menu { padding-left: 120px; padding-right: 60px;}
.main-menu ul li a { line-height: 70px; font-size: 1.0em; padding: 4px 3px 4px 3px;}
.list-inline>li { padding-left:  3px; padding-right: 3px; }

.contact-form { background: transparent; display: inline-block; }
.mobileL {text-align:left;}
.mobileR {text-align:right;}

.mapinfo { position: absolute; right: 10px; top: 30%; background: #fff; width: 40%; height: 110px; color: #1d1d1d; text-align: right; padding: 10px 10px 10px 10px; line-height: 24px; }
#alphabeticFilter .bfilt { font-size: 0.8em; padding: 8px 6px 8px 6px;}
.wfilters { margin-left: 5px;}
#alphabeticFilter .btn-default-no { padding-left: 10px; padding-right: 10px;}

.client-tile, .part-tile { width: 20%; padding: 10px;}

.wireframe {
width: 100%;
height: 600px;
background-image: url("../img/pony_animation.png");
background-repeat: no-repeat;
padding: 0px 60px 20px 60px;
background-position: right 460px top;
}

#section2 h1, #section2 p { text-align: center; padding-left: 20px; padding-right: 20px;}
#section2 p { margin-bottom: 40px;}
#section2 { padding: 70px 0px 20px 0px; text-align: center; }


.hover-content-list {
    width: 100%;
    text-align: center !important;
}

.home-icon {
    background-image: none !important;
    padding-left: 20px;
    padding-top: 0px;
    /*text-align: center;*/
    font-size: 1.2em;
}
.home-no-icon {
  background-image: none !important;
    padding-left: 20px;
    padding-top: 0px;
    /*text-align: center;*/
    font-size: 1.2em;
  }

.before_load img { width: 100%; position: absolute; bottom:45%; left: 0; right: 0; padding-left: 20px; padding-right: 20px;}


.before_load {
  padding-left: 0px;
  padding-right: 20px;
}

.before_tile { width: 25%; float: left; text-align: center; position: relative; height: 100%; }

.before_tile h1 {
  font-size: 2.0em;
  letter-spacing: 8px;
}

.home-tile h1 { font-size: 4.0em;}


.blog-white h2, .blog-grey h2 { margin-top: 0px; z-index: 3; position: absolute; bottom: 25%; text-align: center; left: 20px; right: 20px; }
.blog-white p, .blog-grey p { left: 20px; right: 20px;}

.blog-white, .blog-grey { padding: 20px 20px 20px 20px; }

#post-social .social_icon { width: 80px; }
.client-logo { width: 120px; height: 120px; margin-top: -80px;}
#clientpost h1 { font-size: 4.0em; margin-top: 50px;}
.clientpost-main-img h2 { font-size: 3.0em; left: 20px; right: 20px; top:auto; bottom: 140px; }
.clientpost-main-img h5 { font-size: 1.2em; left: 20px; right: 20px; top:auto; bottom: 110px; }
ul.project-categories { bottom: 0px; right: 10px;}
ul.project-categories li { font-size: 1.6em;}


.pro-desc { font-size: 0.8em;  top: 50%; left:0; right: 0;  padding-left: 10px; padding-right: 10px;}

.company p { font-size: 1.1em;}
#blogpost ul li { font-size: 1.1em;}
#blogpost p { font-size: 1.1em;}
.product-content p { font-size: 1.1em;}
.product-content ul li { font-size: 1.1em; }
.service-content-text p { font-size: 1.1em;}

.moremore {  font-size: 2.0em; }

#section5 h2 { font-size: 1.8em;}
#section5 p { font-size: 1.2em;}

  .mmenu ul li a { padding: 4px 8px 4px 8px;}
.goliath .img_caption2 span { line-height: 20px;}
.products-menu-item .m-title { font-size: 0.9em;}


}


/* Landscape phones and down */
@media (max-width: 767px) {
.blog-post-content img { max-width: 100%; }
  /*.btnNext { font-size:7.6em; width: 40px; height:100%; position: absolute; float:right; text-align: right; right: 20px; top:200px;}*/


#blogpost .da-thumbs .img_caption h3 {font-size: 2.0em;text-align: left;bottom: 2%;}
  .btnNext { font-size:4.0em; width: 20px;/* height:100%; float:right; text-align: left; margin-right: -20px; padding-top: 70px;*/}

.btnNext:hover,.btnPrevious:hover { cursor: pointer;}

.btnPrevious { font-size:4.0em; width: 20px; /*height:100%; float: left; text-align:right; margin-left: -20px; padding-top: 70px;*/}

h1.relp { color: #111111;
  /*font-size: 4.0em;
  font-family: 'trumpsoftpro'; */
  text-align: center;
  margin-bottom: 20px; margin-top: 60px;
  padding-left: 0px;
}
.service-content-text ol li { font-size: 1.3em;}


  .mmenu ul li a { /*line-height: 70px; font-size: 1.0em; *//*border:2px transparent solid;*/ padding: 4px 8px 4px 8px;}
  #mmenu-toggle img { width: 26px; padding-top: 7px;}

.moremore {  font-size: 1.8em; text-align: center;}
.moremore img { display: none; height: 70px;}
.gomore { top:20px; right: 0px; left: 0px;}


#projectplanner h1 { font-size: 3.0em;}
#projectplanner h2 { font-size: 2.4em;}
input#ppemail, input#ppname, input#ppphone, input#ppcompany { width: 90%;}
#map-canvas1,#map-canvas2 {
    height: 240px;

}

.contact-form-container {
  padding: 30px 10px 30px 10px;
}
.partners { padding: 40px 10px 30px 10px; }
.partners h1 { font-size: 3.0em;}
ul.thefilters { padding-right: 20px;}
#hideme { margin-right: 20px;}
.nfilters { width: 100%; right: -100%; top: 50px; overflow: scroll; padding-bottom: 60px; }
#selectiondemaestros { margin-top: 20px; margin-bottom: 20px;}
.pp-item { font-size: 1.4em; /*min-height: 170px;*/ padding: 20px 20px 20px 20px; margin-bottom: 8px;}
#blog { padding-top: 40px;}
#ourwork { padding-top: 10px;}
#ourwork h1 { text-align: center; padding-left: 0px; font-size: 2.8em;}
#alphabeticFilterCont { padding-top: 0px; }
.pro_sub_sm { display: none;}
.pro_caption h2 { font-size:3em; }
#alphabeticFilter { float: none; margin-bottom: 20px; margin-left: auto; margin-right: auto;}
#alphabeticFilter .bfilt { padding: 6px 15px 6px 15px; text-align: center;}
.wfilters { margin-left: 0px;}
.blog-white, .blog-grey { min-height: 250px;}
.company { padding-left: 20px; padding-right: 20px;}
.company h1 { text-align: center; font-size: 2.4em;}
.blog-white, .blog-grey { padding: 10px 10px 10px 10px; }
.blog-white h2, .blog-grey h2 { margin-top: 0px; z-index: 3; position: absolute; bottom: 50%; text-align: center; left: 20px; right: 20px;}
.blog-white p, .blog-grey p { left: 20px; right: 20px;}
#blogpost { padding-top: 0px;}
#blogpost h1 { font-size: 4em;}
#blogpost h2 { text-align: center; font-size: 1.8em;}
#blogpost ol li { font-size: 1.3em;}
/*#blogpost p{ text-align: center;}*/
.blogpost-main-img h2 { font-size: 2.0em; text-align: center; }
#section1 { text-align: center;}
h1, #section1 h1, #section2 h1, #section3 h1, #section4 h1, #section5 h1, #section6 h1, #section7 h1 { font-size: 2.6em;}
h2, #section1 h2, #section2 h2, #section3 h2, #section4 h2, #section5 h2, #section6 h2, #section7 h2 { font-size: 1.6em;}
#section1 p, #section2 p, #section3 p, #section4 p, #section5 p, #section6 p, #section7 p { font-size: 1.2em;}
#section1 h2 { width: 100%; float: none; text-align: center;}
#section1 p { width: 100%; text-align: center; float: none;}
.wireframe { height: auto; background-image: none; padding-left: 20px; padding-right: 20px;}

.next-head { padding-left: 20px; padding-right: 20px;}
#section2 { padding: 0px 0px 20px 0px; text-align: center;}

#section2 h1 { text-align: center;}
#section2 p { padding-right: 20px; padding-left: 20px; text-align: center;}
.btn-default { margin-bottom: 40px; margin-top: 20px;}
#section3 { padding: 0px 0px 20px 0px; }
#section4 { padding: 0px 20px 20px 20px; }
#section4 h1 { margin-top: 20px;}
.client-tile, .part-tile { width: 30%; padding: 10px;}

#section5 { padding-left: 20px; padding-right: 20px; padding-top: 0px;}
#section5 h1, #section5 h2, #section5 p { text-align: center;}
#section6 { padding-left: 20px; padding-right: 20px;}
#section6 h1, #section6 p  { text-align: center;}
#section7 { padding: 20px 20px 50px 20px;}
#section7 h1, #section7 h2, #section7 p { text-align: center; }
.joinus { float: none; margin-left: auto; margin-right: auto; margin-top: 30px; }

#section8 h1 { font-size: 2.0em;}

#clients h1 { font-size: 3.0em;}
#clientpost { /*text-align: center;*/}
#clientpost p { padding-left: 20px; padding-right: 20px;}
.client-logo { width: 70px; height: 70px; margin-top: -40px;}
.clientpost-main-img h2 { font-size: 3.0em; left: 20px; right: 20px; top:auto; bottom: 100px;  }
ul.project-categories { bottom: 0px; right: 10px;}
ul.project-categories li { font-size: 0.9em;}
.clientpost-main-img h5 { font-size: 1.2em; left: 20px; right: 20px; top:auto; bottom:40px;}
#post-social { margin-top: 20px !important; text-align: center;}
#post-social .social_icon { width: 40px; margin-left: 5px; margin-right: 5px;}
#clientpost .img_link img{ margin-bottom: 0px;}
#clientpost h1 { font-size: 2.0em; margin-top: 50px;}
#clientpost .nav-tabs>li { float: none; margin-bottom: 20px;}
.byfilter { padding: 70px 20px 40px 20px; }


#all-services { padding-top: 0px;}
#all-products { padding-top: 0px;}
.services-main-wrap, .products-main-wrap { height: auto; min-height: 550px; background: none;}
h1.services-main-head, h1.products-main-head { font-size: 3.0em; text-align: center; margin-bottom: 30px;}
h1.products-main-head { margin-top: 120px;}
.services-menu-item { /*padding: 5px 5px 5px 5px;*/  font-size: 0.6em; height: 90px; }
.products-menu-item .sm-title, .services-menu-item .m-title { position: absolute; top: auto; bottom:5px;  right: 0; left: 0; }
/*.services-menu-item img { width: 100%; right:0; left: 0; top:10px;}*/
.services-menu-item img{ width: 50%; right:0; left: 0; top:10px; margin-left: auto; margin-right: auto;}
.product-block { width: 100%; /*left: 0px; bottom:0; top: 150px;*/ text-align: center;  position: static;}
.product-right {  position: static; /*bottom:0; right: 0; left:0; top:70px;*/}
.service-block { width: 100%; /*left: 0px; bottom:0; top: 180px;*/ text-align: center;  position: static; }
.service-right { position: static; /*bottom:0; right: 0; left:0; top:140px;*/}
#services-menu { top: 0; bottom:auto; /*border-bottom: 1px #b6b6b6 solid;*/ /*height: 72px; */position: static;}
.services-menu-item { border-bottom: 1px #b6b6b6 solid; }
#products-menu { /*top: 0; bottom:auto;*/ border-bottom: 0; /*border-bottom: 1px #757575 solid;*/ /*height: 40px;*/ position: static; overflow: hidden; border-bottom: 1px #757575 solid;}
.products-menu-item img { width: 90%; position: static;/*right:0; left: 0; top:auto; */ margin-left: auto; margin-right: auto; }
/*.products-menu-item { padding-bottom: 100em; margin-bottom: -100em;}*/
.pro-wrapp { padding-bottom: 100em; margin-bottom: -100em;}

.products-menu-item { height: auto !important; /*border-bottom: 1px #757575 solid;*/ font-size: 0.6em;}
.ser { font-size: 1.6em; }
#contact { padding-top: 0px; }
#contact .nopadding .img_caption_static span{ position: absolute; top: 30%; left:0px; right:0; color: #fff; font-size: 2.4em;  text-align: center; font-family: 'trumpsoftpro';}
.contact-form-address { text-align: center; padding-top: 20px;}


#galleria { margin-top: 20px; text-align: center; height: 60px; padding-left: 10px; padding-right: 10px; padding-bottom: 10px; }
.img_link img { margin-bottom: 20px; }

.btn-default-lg { padding: 0px 20px;}
.btn-default { padding-left: 20px; padding-right: 20px;}

.container-fluid { padding-left: 0px; padding-right: 0px;}

.fill{ height: 300px;}
.btn.btn-default { margin-top: 10px;}

input.textboxP { width: 98%;}
.sm-line { text-align: center;}

.contact-form { position: static; height: auto; margin: 0px; text-align: center;}
#mobile-only{display:inline;}
.mobileL {text-align:center;}
.mobileR {text-align:center;}

textarea#comment, input#email, input#name, input#phone, input#company {
    text-align: center;
}
footer { padding-top: 40px; background: #111111;}
footer h1 { color: #fff;
    font-size: 2.0em;
    font-family: 'trumpsoftpro';
    text-align: center;
}

.cfooter { padding-top: 40px; background: #111111;}
.cfooter h1 { color: #fff;
    font-size: 2.0em;
    font-family: 'trumpsoftpro';
    text-align: center;
}

.product-content h2 {   font-size: 2.4em;
  font-family: 'trumpsoftpro'; text-align: center;}
.product-content ul li { font-size: 1.4em;}
.product-content { padding-left: 20px; padding-right: 20px; }
/*.product-content p { text-align: center;}*/
.sidebar ul { padding-left: 0px;}
.sidebar ul li{ text-align: center;}
.sidebar ul li ul li{ text-align: center;}
#productpost h1 { font-size: 2.0em;}


.bg-img img {  /*width: 100%;*/ max-height: 100%;}
.title h1 { font-size: 3.0em; text-align: center;}
.title h3 { font-size: 1.6em; text-align: center; width: 100%;
word-spacing: 9999999px;
/* padding-left: 32%;
padding-right: 32%;*/}



#smouse{
  /*margin: 20px auto;*/
  width: 100px;
  position: absolute;
  bottom: 70px !important;
  /*left: 0;*/
  right: 0px !important;
  left: 0px !important;
  z-index: 9999;
  margin: 0 auto !important;


}

.about-anim { padding-top: 40px;}
.company { text-align: center;}
#clients { padding-top: 40px;}
#clients h1 { margin-top: 0px;}
.clead-text { padding-left: 10px; padding-right: 10px;}

.contact-form-address { padding: 40px 0px 30px 0px;}
.partners,.partners h1 { text-align: center;}
#contact .pull-right, #contact .pull-left { float: none !important;}
#contact .btn-default { margin-left: auto; margin-right: auto;}
.contact-form-container { text-align: center;}
#section5 h2 { min-height: 0;}
.footer-logo img { width: 120px;}
}


.terms_static{
  background: #fff;
  color: #757575;
}
.static_content h1{
  color: #111111;
  font-size: 5.5em;
  font-family: 'trumpsoftpro';
  text-align: center;
  padding-bottom: 30px;
  margin-top: 100px;
}
.static_content{padding-bottom: 100px;}
.checkbox.text-right label, .checkbox.text-right label a{color: #111111; line-height: 25px;}
.checkbox.text-right label{padding-left: 5px;}
#terms {-webkit-appearance: none;
-moz-appearance: none;
width: 18px;
height: 18px;
border: 1px solid #111;
/* margin-top: -2px; */}
#terms:checked:before {
    content: "\f00c";
    color: #fff;
    display: block;
    font-size: 11px;
    /*margin-top: -1px;*/
    font-family: FontAwesome;
    text-align: center;
    line-height: 18px;
}
#terms:checked{
  background-color: #111;
  border: 1px solid #fff;
}


.modal_checkbox.text-left{padding-left: 70px;}

#modal_terms {-webkit-appearance: none;
-moz-appearance: none;
width: 18px;
height: 18px;
border: 1px solid #fff;
/* margin-top: -2px; */}
#modal_terms:checked:before {
    content: "\f00c";
    color: #111;
    display: block;
    font-size: 11px;
    /*margin-top: -1px;*/
    font-family: FontAwesome;
    text-align: center;
    line-height: 18px;
}
#modal_terms:checked{
  background-color: #fff;
  border: 1px solid #111;
}
.modal_checkbox.text-left label{margin-bottom: 0; display: block; padding-left: 4px; line-height: 28px;}
.modal_checkbox.text-left label {font-weight: 500;}
.modal_checkbox.text-left{display: flex;}

@media(max-width: 780px){
  .da-thumbs .runme a{overflow: unset;}
  .da-thumbs .img_caption{top: 0;}
  #clientpost .da-thumbs .img_caption h3, #container .da-thumbs .img_caption h3{font-size: 3em;}
  .blog-white h2, .blog-grey h2{
    bottom: 4%;
    text-align: left;
    left: 20px;
    right: 20px;
    color: #fff;
    font-size: 3em;
    font-family: 'trumpsoftpro';
    margin-bottom: 10px;
  }
  .modal_checkbox.text-left{
    padding-left: 0px;
  }
  .checkbox.text-right{text-align: center;}

  .pro_caption{display: block;}
  .pro_caption h3{font-size: 3em;}
  .pro_cont_wrap{left: 30px;}
  .da-thumbs .img_caption{display: block;}
}

.google_partner_logo{
  max-width: 160px;
  margin-top: 38px !important;
  display: block;
  margin-bottom: 20px !important;
}
.copyright{
  padding-bottom: 20px;
  display: block;
}

.more_post_img img{
  height: 300px;
  object-fit: cover;
  width: 100%;
}
.footer-logo-espa img{
  display: block;
  margin: 0 auto;
  max-width: 300px;
}
.footer-logo-espa{
  margin-bottom: 40px;
}
.espa_logo_header{
  position: fixed;
  top: 0;
  right: 0;
  background: white;
  z-index: 9999;
  padding: 15px 18px 15px 18px;
}
.espa_logo_header img{
  max-width: 200px;
}

@media(max-width: 980px){
  .espa_logo_header{display: none;}
}