#topBanner { float: left; width: 100%; background: #000000; padding: 85px 0 90px 0; background: url("../images/summit.jpg")  center center no-repeat #05080c;background-size:cover;  }
#topBanner h1 { float: left; width: 77%; color: #fff; font-size: 45px; line-height: 55px; letter-spacing: -1px; }
#topBanner #buttonCont { width: 100%; float: left; margin-top: 25px; }
#topBanner #buttonCont a button { border: 2px solid #fff; background: transparent; -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; font-size: 21px; color: #fff; padding: 12px 20px; float: left; margin-right: 10px; -webkit-transition-duration: 0.15s; -moz-transition-duration: 0.15s; -o-transition-duration: 0.15s; transition-duration: 0.15s; -webkit-transition-timing-function: ease-in; -moz-transition-timing-function: ease-in; -o-transition-timing-function: ease-in; transition-timing-function: ease-in; }
#topBanner #buttonCont a button:hover { border-color: #00aaaa; }
#topBanner #buttonCont a button#discover { border-color: #00aaaa; background: #00aaaa; }
#topBanner #buttonCont a button#discover:hover { background: transparent; }

#whatWeDo { float: left; width: 100%; background: #000000; border-top: 3px solid #161c21; padding: 27px 0px 0px 0px; position: relative; }
#whatWeDo .wrapper { float: left; width: 100%; position: relative; }
#whatWeDo .wrapper:before { position: absolute; content: ""; width: 0; height: 0; border-left: 31px solid transparent; border-right: 31px solid transparent; border-top: 30px solid #000000; left: 60px; bottom: -30px; }
#whatWeDo .wrapper #text { float: left; width: 77%; }
#whatWeDo .wrapper #text h2 { width: 100%; float: left; color: #fff; font-size: 20px; line-height: 30px; }
#hexBg { float: right; width: 261px; height: 219.5px; background: url("../images/hex-bg.png") no-repeat left top; -webkit-background-size: 261px 219.5px; -moz-background-size: 261px 219.5px; -o-background-size: 261px 219.5px; background-size: 261px 219.5px; position: relative; margin-top: -140px; margin-bottom: 10px; padding: 60px 10px 0px 10px; text-align: center; }
#hexBg span { font-family: 'Montserrat', sans-serif; }
#hexBg span#sp { float: left; width: 100%; color: #afb0b2; font-size: 16px; }
#hexBg span#current { float: left; width: 100%; font-size: 51px; color: #fff; letter-spacing: -3px; line-height: 67px; }
#hexBg span#current span#s { color: #00aaaa; }
#hexBg span#current span#p { font-size: 17px; }
#hexBg span#pdiff { float: left; width: 100%; color: #fff; font-size: 16px; margin-top: -8px; }
#hexBg span#pdiff span { padding: 0px 5px; }

#hexBg { float: right; width: 261px; height: 219.5px; background: url("../images/hex-bg.png") no-repeat left top; -webkit-background-size: 261px 219.5px; -moz-background-size: 261px 219.5px; -o-background-size: 261px 219.5px; background-size: 261px 219.5px; position: relative; margin-top: -140px; margin-bottom: 10px; padding: 60px 10px 0px 10px; text-align: center; }
#hexBg span { font-family: 'Montserrat', sans-serif; }
#hexBg span#sp { float: left; width: 100%; color: #afb0b2; font-size: 16px; }
#hexBg span#current { float: left; width: 100%; font-size: 51px; color: #fff; letter-spacing: -3px; line-height: 67px; }
#hexBg span#current span#s { color: #00aaaa; }
#hexBg span#current span#p { font-size: 17px; }
#hexBg #pdiff { float: left; width: 100%; color: #fff; font-size: 16px; margin-top: 0px; }
#hexBg #pdiff span { padding: 0px 5px; }
#hexBg #current small{color:#00aaaa}
#hexBg #current small{font-size:22px;}
#clients { float: left; width: 100%; background: #eaeaea; padding: 60px 0px; }
#clients h2 { float: left; width: 100%; color: #000000; font-size: 30px; margin: 0px 0px 35px 0px; line-height: 35px; letter-spacing: -1px; }
#clients #logoWrap { margin: 0px -7.5px; }
#clients #logoWrap ul { margin: 0px; float: left; width: 100%; }
#clients #logoWrap ul li { width: 20%; float: left; padding: 0px 7.5px 15px 7.5px; }
#clients #logoWrap ul li img{width:100%;height:auto}
#clients #logoWrap ul li#tmg a { background: #000000; }
#clients #logoWrap ul li a { float: left; width: 100%; }
#charts{width: 100%; background: #eaeaea; padding: 60px 0px;float:left;overflow:hidden;text-align:center;}
#charts h2{color: #000000; font-size: 30px; margin: 0px 0px 35px 0px; line-height: 35px; letter-spacing: -1px; }
.slideris-item{width:100%;display:none;overflow:hidden}
#charts .row{margin-left:0;margin-right:0}

.delay{    color: #666;top:5px;}
#news { float: left; width: 100%; background: #fff; padding: 60px 0px; border-top: 1px solid #969a9d; }
#news h2 { float: left; width: 100%; color: #000000; font-size: 24px; margin: 0px 0px 30px 0px; line-height: 35px; letter-spacing: -1px; }
#news #newsWrap { margin: 0px -7.5px; }
#news #newsWrap ul { margin: 0px; float: left; width: 100%; list-style: none; }
#news #newsWrap ul li { width: 33.3333%; float: left; padding: 0px 7.5px; }
#news #newsWrap ul li a { float: left; width: 100%; }
#news #newsWrap ul li a #img { float: left; width: 100%; height: 208px; background-color: #000000; border-bottom: 2px solid #00aaaa; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; }
#news #newsWrap ul li a #title { float: left; width: 100%; position: relative; padding: 10px 0px; }
#news #newsWrap ul li a #title:before { position: absolute; content: ""; background: url("../images/bg-nws-hex.png") no-repeat left top; left: 0; -webkit-background-size: 53px 35px; -moz-background-size: 53px 35px; -o-background-size: 53px 35px; background-size: 53px 35px; top: -35px; width: 53px; height: 35px; }
#news #newsWrap ul li a #title:after { position: absolute; content: ""; top: -22px; right: 0; width: 0; height: 0; border-top: 22px solid transparent; border-left: 0px solid transparent; border-right: 13px solid #fff; }
#news #newsWrap ul li a #title h3 { float: left; width: 100%; font-size: 14px; line-height: 25px; color: #000000; -webkit-transition-duration: 0.15s; -moz-transition-duration: 0.15s; -o-transition-duration: 0.15s; transition-duration: 0.15s; -webkit-transition-timing-function: ease-in; -moz-transition-timing-function: ease-in; -o-transition-timing-function: ease-in; transition-timing-function: ease-in; }
#news #newsWrap ul li a:hover #title h3 { color: #00aaaa; }

.category-list ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.category-list ul li {
  display: inline;
  list-style-type: none;
  padding-right: 20px;
  float: left;
  margin-bottom: 30px;
}

.news-pegination a{
	margin-top: 30px;
    display: inline-block;
}

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

    #hexBg {float: none;  width: auto;  height: 280px; background: transparent; position: absolute;right:0px;top:-400px; padding: 0 0 60px;}
    #whatWeDo .wrapper #text{padding-bottom: 40px;width: 100%;overflow: hidden;}
#topBanner {  padding: 85px 0 90px 0; background: url("../images/bg-home.jpg") no-repeat top center;background-size:cover  }

}
@media screen and (max-width: 767px) {
    #news #newsWrap ul li {
    width: 50%;}
    #charts {display:none}
}
@media screen and (max-width: 640px) {
    #clients #logoWrap ul li { width: 25%;}
    #topBanner #buttonCont a button {width:100%;margin-bottom:15px;}
    #topBanner h1 { width: 100%; font-size: 45px; text-align: center;}
    #topBanner h1 { font-size: 35px;line-height: 1;}
#topBanner {padding: 78px 0px 170px 0px;}
#hexBg {float: none;  width: 100%;  height: auto; background: transparent; position: absolute;overflow:hidden;right:auto;top:auto; padding: 0 0 60px;top: -30px;}
    #news #newsWrap ul li { width: 100%;}
    body#sv #topBanner h1 {
    font-size: 28px;}
}
@media screen and (max-width: 459px){
.hero-banner .container .row h1 { font-size: 35px;}
}
@media screen and (min-width:2000px){
    #topBanner { float: left; width: 100%; background: #000000; padding: 85px 0 90px 0; background: url("../images/summit.jpg") no-repeat center center fixed;background-size:cover;  }
}