@charset "utf-8";

*{font-family:'Source Sans Pro','Open Sans',arial,verdana;;}

#topbar{
	box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.176); position: relative; z-index: 1;
	}
h4{margin-top: 0px;}

a{color: #ed3e49;}
a:hover{color: #ccc;}

.mgb10{margin-bottom: 10px;}

.panel-heading{font-weight: bold;}
/* NAVBAR */

.navbar{background: none;border: none;box-shadow:none;margin:10px 0px;}

.navbar-nav li{margin-right:7px;}
.navbar-brand{padding:5px;}
.navbar-brand{font-size:200%;color:#C00}

.navbar-brand a{text-decoration: none;color: #000;}
.navbar-brand img{max-height: 40px;}

.download-report a{color: #C30 !important;}
.download-report a:hover{color: #333 !important}

#content h2{color: #ed3e49;}

#centerbar{background: #ed3e49;padding:15px;color: #fff;font-weight: 400;}
#centerbar .slogan{font-size: 160%;font-weight: 400;padding-top:15px;}
#centerbar .lead-point{font-size: 120%;text-transform: uppercase;}
#centerbar .lead-point p{margin-bottom: 0px;}
#centerbar .lead-point span{font-size: 150%;}


/* SLIDER */
.carousel-control.right,.carousel-control.left{background: none;}


#slider .item{height:400px;}
.slider-item1{background: url(/images/featured/bg6.jpg) right;background-size:100% auto;}
.slider-item1 p{color: #fff;padding-top: 80px;}
.slider-item1 div.headline{font-size: 250%;background:#ed3e49;color: #fff;padding: 10px;border-radius:10px;display: inline-block;margin-bottom: 5px;}
.item1-para{font-size: 150%;color: #000;background: #fff;padding: 10px;border-radius:10px;}

.slider-item2 .container{background: url(/images/featured/brand.png) right 0px no-repeat; height:100%}

.slider-item2 .container  div{padding-top: 40px;}
.slider-item2 .container  div span.headline{font-size: 200%;font-weight: bold;color: #ed3e49;}
.slide-points{font-size: 120%;line-height: 160%;}

.slide-points{list-style: none;margin-left: 0px;padding-left: 0px;}

.slider-item3 .container{background: url(/images/featured/standoutsms.png) right 10px no-repeat;padding-bottom:50px;height:100%}

.slider-item3 .container  div{padding-top: 40px;}
.slider-item3 .container  div span.headline{font-size: 200%;font-weight: bold;color: #ed3e49;}
.slider-item3 .slide-points{font-size: 125%; line-height:160%;}

.slider-item4{background: url(/images/featured/customersupport.png) no-repeat center #333; color: #fff;font-size: 150%; }

.slider-item4 .container>div{padding-top: 80px;}
.slider-item4 .container div div.headline{font-size: 200%;font-weight: bold;color: #fff;margin: 10px 0px;}
.slider-item4 .item4-para{margin: 20px 0px;}


/* HOMEPAGE CENTER CONTENTS */
#homepage-center-contents{border-bottom: 1px solid #ccc;}
#homepage-center-contents .headline{font-size:250%;margin-top: 30px;}
#homepage-center-contents .headline2{font-size: 150%;}
#homepage-center-contents .headline-image img{display: inline-block;}

/* homepage features */

#homepage-features{padding: 10px 0px; 
background: linear-gradient(to bottom, #F9F9F9 0%, #fff 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
}

.features{margin: 30px 0px;}

#homepage-features .feature-item > i {
background: #ED3E49;
border-radius: 30px;
color: #FFFFFF;
display: block;
float: left;
height: 30px;
line-height: 30px;
margin-right: 15px;
text-align: center;
transition: all 300ms ease 0s;
width: 30px;
}



#homepage-features .feature-item .feature-item-icon > i{
	
background: #fff;
border-radius: 60px;
color: #ED3E49;
border: 1px solid #ED3E49;
height: 60px;
line-height: 60px;
margin-right: 15px;
text-align: center;
transition: all 300ms ease 0s;
width: 60px;
font-size: 200%;
	}


.feature-desc{overflow: hidden;font-size: 110%;}
.feature-desc h4{margin-bottom: 0px;margin-top: 5px;font-weight: 600;}


img.grayscale {
  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+ */
}

img.grayscale:hover {
  filter: none;
  -webkit-filter: grayscale(0%);
}


/* CLIENTS */
/** client logos **/
#clients {
  display: block;
  margin-bottom: 15px;
  overflow:hidden;
  
}

#clients .clients-wrap {
  display: block;
  margin: 0 auto;
  overflow: hidden;
  max-height:65px;
}

#clients .clients-wrap ul {
  display: block;
  list-style: none;
  position: relative;
}

#clients .clients-wrap ul li {
  display: block;
  float: left;
  position: relative;
  width: 100px;
  height: 65px;
  line-height: 65px;
  text-align: center;
}
#clients .clients-wrap ul li img {
  vertical-align: middle;
  max-width: 100%;
  max-height: 100%;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  transition: all 0.3s linear;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";
  filter: alpha(opacity=55); 
  opacity: 0.55;
}
#clients .clients-wrap ul li img:hover {
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100); 
  opacity: 1.0;
}


#contents{margin: 20px auto;font-size: 1.1em;}

#sidebar a{color: #666;}

/** clearfix **/
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }



#footer{background: #333;padding: 10px;color: #F9F9F9;}
#footer h3{margin: 0px 0px 5px 0px;font-size: 140%;font-weight: 500;color: #F9F9F9;}

#footer a{color: #ccc;}


#footer ul{list-style: none;padding-left: 10px;font-size: 90%;font-weight: normal;line-height: 150%;}



#copyright{margin: 20px 0px;font-size: 80%;}



/*
QUERY FOR SMALL SCREENS */
@media (max-width: 767px) { 
    .navbar-nav.nav li>button { margin-top: 5px; }
	#centerbar .slogan{text-align: center;}
	#centerbar .lead-point{border: none;}
	
	.slider-item1 div.headline{font-size: 150%;}
.item1-para{font-size: 120%;}
	.slider-item1 p{padding-top: 20px;}
	
	.slider-item2 .container,.slider-item3 .container{background: none;}
	.slider-item2 .container  div,.slider-item3 .container  div,.slider-item4 .container>div{padding-top: 20px;}
	
	
	#homepage-center-contents .headline{font-size:150%;margin-top: 10px;}
#homepage-center-contents .headline2{font-size: 110%;}
	
#copyright>.container div{text-align: center;}
	
	
}