@font-face {
	font-family: 'Lato-Regular';
	src: url('../font/Lato-Regular.otf');
	src: url('../font/Lato-Regular.eot');
	src: url('../font/Lato-Regular.eot?#iefix') format('embedded-opentype'),
		 url('../font/Lato-Regular.woff') format('woff'),
		 url('../font/Lato-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
	text-transform: initial;
}
@font-face {
	font-family: 'Lato-Light';
	src: url('../font/Lato-Light.otf');
	src: url('../font/Lato-Light.eot');
	src: url('../font/Lato-Light.eot?#iefix') format('embedded-opentype'),
		 url('../font/Lato-Light.woff') format('woff'),
		 url('../font/Lato-Light.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
	text-transform: initial;
}
html, body{
	height: 100%;
}
* {
  -webkit-box-sizing: border-box; /* Android = 2.3, iOS = 4 */
     -moz-box-sizing: border-box; /* Firefox = 28 */
          box-sizing: border-box; /* Chrome, Firefox 29+, IE 8+, Opera, Safari 5.1 */
}
a:focus{
	outline:none !important;
}
body{
	padding:0;
	margin:0;
	overflow-x: hidden;
	font-family: 'Lato-Regular' !important;
	height:100%;
	position:relative;
}
.page-wrap{
	float:left;
	width:100%;
}
.header{
	float:left;
	width:100%;
	padding:80px 0;
}
.navbar-default {
    background-color: transparent !important;
    border-color: transparent !important;
}
.navbar-default .navbar-nav > li > a {
    color: #646666 !important;
	text-transform:capitalize;
	transition: color 0.4s ease 0s;
}
.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {
	color: #a2ecf3 !important;
}
.navbar-brand > img {
	display:inline !important;
}
.navbar-brand > span {
	font-size:24px;
	letter-spacing: 0.15em;
}
.navbar-brand {
	padding: 5px 0 !important;
}
.banner{
	float:left;
	width:100%;
	padding:70px 0 220px 0;
}
.banner-center{
	width:635px;
	margin:0 auto;
}
.banner-img {
    float: left;
	width:191px;
}
.right-text{
	float:left;
	width:410px;
	margin-left:16px;
}
.right-text h1{
	font-size:36px;
	letter-spacing: 0.05em;
	color: #646666;
	margin-top:30px;
}
.right-text p{
	font-size:20px;
	letter-spacing: 0.05em;
	color: #646666;
	margin:15px 0;
}
.banner-btn{
	float:left;
    background-color: rgb(255, 255, 255);
    border: 1px solid rgb(204, 204, 202);
	border-radius:10px;
	padding: 5px 35px;
    transition: border-color 0.4s ease 0s, background-color 0.4s ease 0s;
	color: #646666;
	font-size:18px;
}
.banner-btn:hover{
    background-color: rgb(237, 21, 102);
    border-color: rgb(242, 102, 143);
	text-decoration:none;
	color:#fff;
}
.idea-section{
	float:left;
	width:100%;
	background:#5e90e3;
	padding:130px 0 130px 0;
}
.idea-main{
	float:left;
	width:100%;
	text-align:center;
}
.idea-main h3{
	color:#fff;
	margin-bottom:40px;
	margin-top:0;
	font-size:25px;
}
.idea-main h4{
	color:#fff;
	margin-top:40px;
	margin-bottom:0;
	font-size:25px;
}
.idea-main img{
	 border-radius: calc(10px - 0px);
}
.slack-section{
	float:left;
	width:100%;
	padding:100px 0 130px 0;
	background:#fafafa;
}
.slack-center{
	float:left;
	width:100%;
	text-align:center;
}
.slack-center .row > img{
	border-radius: 20px;
	margin-bottom:30px;
}
.testimonial{
	float:left;
	width:100%;
	padding:100px 0;
	background:#fff;
}
.team-section{
	float:left;
	width:100%;
	padding:150px 0;
	background:#fafafa;
}
.testi-main{
	float:left;
	width:100%;
	background:url(../images/gradient-line.png) no-repeat;
	background-position:left top;
	padding-left:40px;
	margin-left:30px;
}
.testi-main p {
    color: #00c8dc;
    font-size: 20px;
    font-weight: normal;
    letter-spacing: 0.05em;
    margin-bottom: 10px;
    margin-top: 8px;
	font-family: 'Lato-Light';
	padding-right:50px;
}
.team-img > img {
    width: 100%;
	border-radius:20px;
	position:relative;
}
.left-icon {
    left: -4px;
    position: absolute;
    top: -20px;
    z-index: 999;
}
.right-icon {
    position: absolute;
    right: -6px;
    top: -20px;
    z-index: 999;
}
.team-img{
	float:left;
	width:100%;
}
.team-text{
	float:left;
	width:100%;
    padding-right: 15px;	
}
.team-heading{
    margin: 0 0 35px;
	font-size: 30px;
	color: #1f304c;
}
.team-text p{
	color: #1f304c;
	letter-spacing: 0.03em;
	font-size:18px;
	line-height: 1.4em;
	margin-bottom:25px;
	font-family: 'Roboto', sans-serif;
}
.color-text{
   color: #bd10e0;
}
.team-text a{
    font-size: 15px;
    line-height: 1.4em;
	color:#000;
	text-decoration:underline;
	font-family: 'Lato-Light';
	letter-spacing: 0.03em;
}
.footer{
	float:left;
	width:100%;
	background:#3f6097;
	padding:30px 0;
}
.col-1{
	float:left;
	width:100%;
	text-align:center;
}
.footer-col-2, .footer-col-3, .footer-col-4{
	float:left;
	width:100%;
	padding:0 15px;
}
.footer-logo span {
    color: #fff;
    font-size: 24px;
    letter-spacing: 0.15em;
    margin-left: 10px;
    position: relative;
    top: 5px;
}
.footer-heading{
	float:left;
	width:100%;
	border-top:3px solid #fff;
	color:#fff;
	padding:20px 0 15px 0;
	font-size: 16px;
	font-family: 'Lato-Light';
}
.footer-col-2 ul, .footer-col-3 ul{
	float:left;
	list-style:none;
	width:100%;
	padding:0;
	margin:0;
}
.footer-col-2 ul li, .footer-col-3 ul li{
	float:left;
	width:100%;
	margin-bottom:5px;
}
.footer-col-2 ul li a, .footer-col-3 ul li a{
	color:#fff;
}
.footer-col-2 ul li a:hover, .footer-col-3 ul li a:hover{
    color: #a2ecf3;
	text-decoration:none;
}
.footer-col-4 ul{
	float:left;
	list-style:none;
	width:100%;
	padding:0;
	margin:0;
}
.footer-col-4 ul li{
	float:left;
}
.footer-copy {
	float:left;
	width:100%;
	background:#fff;
	text-align:center;
	padding:15px 0;
	background:#fff;
}
.footer-copy p{
	margin-bottom:0;
	color: #3f6097;
	font-size:14px;
}
.footer-logo {
    float: left;
    margin-top: 15px;
    width: 100%;
}
@media only screen and (max-width:992px) {
.idea-main img{
	width:100%;
}
.testi-main{
	margin-left:0;
}
.testi-main p{
	font-size:17px;
	margin-top:0;
}
.team-text{
	margin-top:25px;
}
.slack-section{
	padding:60px 0 20px 0;
}
.team-section{
	padding:30px 0;
}
.testimonial{
	padding:40px 0 0;
}
.idea-section{
	padding:50px 0;
}
}
@media only screen and (max-width:769px) {
.header{
	padding:20px 0;
}
.banner {
    padding: 30px 0 100px;
}
.banner-center{
	width:100%;
}
.banner-img {
    float: left;
    text-align: center;
    width: 100%;
}
.right-text {
    float: left;
    margin-left: 0;
    text-align: center;
    width: 100%;
}
.banner-btn{
	float:none;
}
}
@media only screen and (max-width:420px) {
.right-text h1{
	font-size:26px;
}
.slack-center .row > img{
	width:90%;
}
.testi-main p{
	font-size:15px;
}
.team-text p{
	font-size:16px;
}
.footer-copy p {
    font-size: 12px;
}
.testi-main p {
	padding-right:0;
}
}