*,
        *:before,
        *:after {
            box-sizing: inherit;
        }
        .grid {
            width: 100%;
            margin: 0 auto;
        }
        .grid:before,
        .grid:after,
        .row:before,
        .row:after {
            content: " ";
            display: table;
        }
        .grid:after,
        .row:after {clear: both;}
        [class*='col-']{
            width: 100%;
            float: left;
           min-height: 1px;
           }
        .col {
            padding: 1em;
            margin: 0 auto;
            border-radius: 1px;
            box-shadow: 0px 0px 0px 0px rgba(0,0,0,.3);
            color: #333333;
            text-align: center;
        }
        @media screen and (min-width:320px){
            .col-wd-1 {width: 8.33333%;}
            .col-wd-2 {width: 16.66667%;}
            .col-wd-3 {width: 25%;}
            .col-wd-4 {width: 33.33333%;}
            .col-wd-5 {width: 41.66667%;}
            .col-wd-6 {width: 50%;}
            .col-wd-7 {width: 58.33333%;}
            .col-wd-8 {width: 66.66667%;}
            .col-wd-9 {width: 75%;}
            .col-wd-10 {width: 83.33333%;}
            .col-wd-11 {width: 91.66667%;}
            .col-wd-12 {width: 100%;}
        }
        @media screen and (min-width:640px){
            .col-md-1 {width: 8.33333%;}
            .col-md-2 {width: 16.66667%;}
            .col-md-3 {width: 25%;}
            .col-md-4 {width: 33.33333%;}
            .col-md-5 {width: 41.66667%;}
            .col-md-6 {width: 50%;}
            .col-md-7 {width: 58.33333%;}
            .col-md-8 {width: 66.66667%;}
            .col-md-9 {width: 75%;}
            .col-md-10 {width: 83.33333%;}
            .col-md-11 {width: 91.66667%;}
            .col-md-12 {width: 100%;}
        }
        @media screen and (min-width:960px){
            .col-sm-1 {width: 8.33333%;}
            .col-sm-2 {width: 16.66667%;}
            .col-sm-3 {width: 25%;}
            .col-sm-4 {width: 33.33333%;}
            .col-sm-5 {width: 41.66667%;}
            .col-sm-6 {width: 50%;}
            .col-sm-7 {width: 58.33333%;}
            .col-sm-8 {width: 66.66667%;}
            .col-sm-9 {width: 75%;}
            .col-sm-10 {width: 83.33333%;}
            .col-sm-11 {width: 91.66667%;}
            .col-sm-12 {width: 100%;}
        }
.projects {
  width: 100%;
  margin:  0 auto;
  background-color: inherit;
  position: relative;
  margin:0;
  padding: 0; 
 overflow: hidden;
 }
.projects:hover {
 cursor: pointer;
 overflow: hidden;
  }
.projects p {
  color: #ffffff;
  background: transparent;
  font: 800 20px/100px Overpass, sans-serif;
  text-shadow: 2px 2px 2px black;
  line-height: 20px;
  text-align: center;
  text-transform: none;
  position: absolute;
  padding: 4em 0 0 0;
  top: -20;
  left: 1;
  width: 100%;
  height: 100%; 
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  -ms-transition: all 1s ease;
  transition: all 1s ease;
}
.projects:hover p {
  color: #f1f1f1;
  background: #000; /*fallback for old browsers*/
  background: rgba(0,0,0,0);
}
.projects img {
  width: 100%;
  -webkit-transition: all 2s ease;
  -moz-transition: all 2s ease;
  -o-transition: all 2s ease;
  -ms-transition: all 2s ease;
  transition: all 2s ease;
}
.projects:hover img {
    transform:scale(1.55);
    -ms-transform:scale(1.55); /* IE 9 */
    -moz-transform:scale(1.55); /* Firefox */
    -webkit-transform:scale(1.55); /* Safari and Chrome */
    -o-transform:scale(1.55); /* Opera */
}
#tile {
    height: 92px;
    width: 120px;
    margin: 0 auto;
    float: center;
    position: relative;
    font-size: 12px;
    font-weight: 400;
}
#searchbox {
    float: right;
    font-size: 16px;
    font-weight: 400;
    position:absolute;
    right: 0;
    top:0;
}
#partnerstile {
    background-color: #bbbbbb;
    color:#f1f1f1;
    padding: 3em 1em 3em 1em;;
    margin: 0 auto;
    width: 88%;
    font-size: 24px;
    line-height: 30px;
    text-align: center;
    font-weight: 800;
    border-style: solid;
    border-width: 8px;
    border-radius: 20px;
    border-color: #ffffff;
}
#partnerstile:hover {
    background-color: transparent;
    color: #bb3333;
    cursor: pointer;
    overflow: hidden;
}
#servicetile {
    width:100%;
    margin: 0 auto;
    float: center;
    position: relative;
    text-align: center;
    line-height: 14px;
    font-size: 14px;
    font-weight:400;
}
#servicetext {
    width:100%;
    margin: 1em 0 0 0;
    padding: 1em 0 1em 0;
    text-align: justify;
    line-height: 18px;
    font-size: 13px;
    font-weight: 400;
    border-top: 2px solid #bbbbbb;
 }
#social {
    width: 60px;
    padding: 0 0 2em 0;
    margin: 0 auto;
}
#smallcircle {
    height: 100px;
    width: 100px;
    margin: 0 auto;
    float: center;
    position: relative;
    font-size: 12px;
    font-weight: 400;
 }
 #txt {
    margin: 0 auto;
    float: center;
    position: relative;
    font-size: 16px;
    font-weight: 400;
 }
 #intile {
    height: 60px;
    width: 60px;
    margin: 0 auto;
    float: center;
    position: relative;
    font-size: 12px;
    font-weight: 400;
 }
 #smallcircle:hover {
    cursor: pointer;
    color: #bb3333;
}
#txt:hover {
    cursor: pointer;
    color: #bb3333;
}
#txt:a {
    cursor: pointer;
}
#tile:hover {
    cursor: pointer;
    overflow: hidden;
}
#tile p {
   color: #222222;
   background: transparent;
   font-size: 12px;
   text-transform: none;
   }
 #overmain {
    position: absolute;
    width: 37%;
    min-width: 460px;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: 5%;
    display: inline-block;
    }
 #overmain2 {
    position: absolute;
    width: 20%;
    height: auto;
    margin: 0 auto;
    left: 10%;
    top: 5%;
    display: inline-block;
    }   
#counterbox {
    width:37%;
    max-width: 600px;
    min-width: 460px;
    position: absolute;
    margin: 0 auto;
    bottom: .3em;
    left: 0;
    right: 0;
    color: #f1f1f1;
    font-size: 32px; 
    line-height: 36px; 
    text-shadow: 1px 1px 1px gray; 
    font-weight: 400; 
    text-decoration: none
    }
    #overtitle {
    max-width:100%;
    position: absolute;
    padding: 0 2em .5em 0;
    color: #f1f1f1;
    bottom: 0em;
    right: 0em;
    font-size: 46px; 
    text-align: right;
    line-height: 36px; 
    text-shadow: 3.25px 3.25px 0.5px black; 
    font-weight: 900; 
    text-decoration: none
    }
div#footer {
    background-color: #888888;
    color: #f1f1f1;
    margin: 0 auto;
    font-size: 18px;
    font-weight: 400; 
    text-decoration: none;
    text-align: center;
    line-height: 30px;
    margin: 0px 20px 0px 0px;
    padding: 0px 0px 0px 0px;
    width:100%; 
    border-style: solid; 
    border-width: 0px; 
    border-radius: 40px; 
    border-color: transparent;
    }
div#doublefooter {
    background-color:#666666;
    width:100%;
     }
 div#servistext {
    width:100%;
    }
div#creditus {
    background-color: #ff99ee;
    height: auto;
    min-height: 100%;
}
div#imagecred {
    background-color: #443322;
    bottom: 0;
}
 div#testimony {
    width:98%;
    font-style: italic; 
    text-align:right;
    padding: 0em 1em 0em 0em;
    border-right-style: solid;
    border-width: 2px;
    border-color: #bb3333;
}
div#servisex {
    font-size: 15px;
    font-weight: 400; 
    text-decoration: none;
    text-align: justify;
    line-height: 22px;
    padding: 0em 0em 0em 1em;
    margin: 1em 1em 1em 1em;
    width:92%;   
    border-left-style: solid;
    border-width: 2px;
    border-color: #bb3333;
    }
div#pubs {
    font-size: 18px;
    font-weight: 400; 
    text-decoration: none;
    text-align: justify;
    line-height: 22px;
    padding: 0em 0em 0em 1em;
    margin: 1em 1em 1em 0em;
    width:100%;   
    border-left-style: solid;
    border-width: 2px;
    border-color: #bb3333;
    }
div#creditbox {
    background-color: inherit;
    position: relative;
    width: 80%;
    margin: 0 auto;
    padding: .5em 0em 0.5em 0em;
    }
div#creditext {
    background-color: inherit;
    font-size: 16px;
    font-weight: 400; 
    text-decoration: none;
    text-align: left;
    line-height: 24px;
    margin: 50px 0px 0px 0px;
    bottom: 0;
    padding: 0px 0px 0px 140px;
    }
#imagebox {
    width: 120px;
    float: left;
    position: absolute;
    margin: 0 auto;
    bottom: .3em;
    padding: 0 0 0 0;
}
.counter {
    width:90px;
    float: center;
    margin: 0 auto;
    padding: 0 0 .4em 0;
    font-size: 20px;
    line-height: 20px;
    overflow: hidden;
}
.doublecounter {
    background-color: rgba(0,0,0,.3);
    padding: .6em 0 .6em 0;
    width:146px;
    float: center;
    margin: 0 auto;
    border-style: solid;
    border-width: 2px;
    border-radius: 26px;
    border-color: #f1f1f1;
    color: #f1f1f1;
    font-size: 14px;
    line-height: 14px;
    overflow: hidden;
}
.numbers {
    white-space:nowrap;
    -webkit-animation: countNumber 2s;
    -webkit-animation-fill-mode:forwards;
    -webkit-animation-timing-function: steps(213);
}
.numbers2 {
    background: transparent;
    white-space:nowrap;
    -webkit-animation: countNumber2 2s;
    -webkit-animation-fill-mode:forwards;
    -webkit-animation-timing-function: steps(88);
 }
 .numbers3 {
    background: transparent;
    white-space:nowrap;
    -webkit-animation: countNumber3 2s;
    -webkit-animation-fill-mode:forwards;
    -webkit-animation-timing-function: steps(80);
 }
.numbers div {
    float:center;
    margin: 0 auto;
    text-align:center;
    font-size: 46px;
    color: #f1f1f1;
    border-bottom: 2px solid #f1f1f1;
    width:90px;
    font-weight: 400;
    line-height:46px;
    display:inline-block;
}
.numbers2 div {
    float:center;
    margin: 0 auto;
    text-align:center;
    font-size: 46px;
    color: #f1f1f1;
    border-bottom: 2px solid #f1f1f1;
    width:90px;
    font-weight: 400;
    line-height:46px;
    display:inline-block;
}
.numbers3 div {
    float:center;
    margin: 0 auto;
    text-align:center;
    font-size: 46px;
    color: #f1f1f1;
    border-bottom: 2px solid #f1f1f1;
    width: 90px;
    font-weight: 400;
    line-height:46px;
    display:inline-block;
}
#fixnumber {
    margin: 0 auto;
    text-align:center;
    font-size: 46px;
    color: #f1f1f1;
    border-bottom: 2px solid #f1f1f1;
    width:90px;
    font-weight: 400;
    line-height: 46px;
    display:inline-block;
}
  @-webkit-keyframes countNumber {
        0%  { margin-left: 0px; opacity: 0.5 }
    100% { margin-left:-20148px; opacity: 1 }
  }

  @-webkit-keyframes countNumber2 {
        0%  { margin-left: 0px; opacity: 0.5 }
    100% { margin-left: -8324px; opacity: 1 }
  }
  @-webkit-keyframes countNumber3 {
        0%  { margin-left: 0px; opacity: 0.5 }
    100% { margin-left: -7567px; opacity: 1 }
  }