h5 + span {border: 1px solid rgba(255, 255, 255, 0.4); border-radius: 2px; display: block; height: 2px;}
h5 + span, h3 + span, h4 + span{width: 50px; margin: 40px 0 20px;}
h5 {font-weight: 100}
h5 p{font-size:16px; font-weight: 400; margin-top:14px}
span.blu{border-color: #10adff}
span.ylw{border-color: #edb40d}
span.grn{border-color: #5fc19f}
span.mrn{border-color: #e21e57}
span.prp{border-color: #9973b8}

.blu{color: #428bf4}
.ylw{color: #edb40d}
.grn{color: #5fc19f}
.mrn{color: #e21e57}
.prp{color: #9973b8}


/*carousel css*/
.bs-slider{overflow:hidden;position:relative;background:#000; z-index: 0}.bs-slider .bs-slider-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.4)}.bs-slider>.carousel-inner>.item>a>img,.bs-slider>.carousel-inner>.item>img{margin:auto;width:100%!important}.fade{opacity:1}.fade .item{top:0;z-index:1;opacity:0;width:100%;position:absolute;left:0!important;display:block!important;-webkit-transition:opacity ease-in-out 1s;-moz-transition:opacity ease-in-out 1s;-ms-transition:opacity ease-in-out 1s;-o-transition:opacity ease-in-out 1s;transition:opacity ease-in-out 1s}.fade .item:first-child{top:auto;position:relative}.fade .item.active{opacity:1;z-index:2;-webkit-transition:opacity ease-in-out 1s;-moz-transition:opacity ease-in-out 1s;-ms-transition:opacity ease-in-out 1s;-o-transition:opacity ease-in-out 1s;transition:opacity ease-in-out 1s}.control-round .carousel-control{top:47%;opacity:0;width:45px;height:45px;z-index:100;color:#fff;display:block;font-size:24px;cursor:pointer;overflow:hidden;line-height:43px;text-shadow:none;position:absolute;font-weight:400;background:0 0;-webkit-border-radius:100px;border-radius:100px}.control-round:hover .carousel-control{opacity:1}.control-round .carousel-control.left{left:1%}.control-round .carousel-control.right{right:1%}.control-round .carousel-control.left:hover,.control-round .carousel-control.right:hover{color:#fdfdfd;background:rgba(0,0,0,.5);border:0 transparent}.control-round .carousel-control.left>span:nth-child(1){left:45%}.control-round .carousel-control.right>span:nth-child(1){right:45%}.indicators-line>.carousel-indicators{display: none;right:0;bottom:5%;left:0;margin:auto;width:90%;height:20px;font-size:0;overflow-x:auto;overflow-y:hidden;padding-left:10px;padding-right:10px;padding-top:1px;white-space:nowrap}.indicators-line>.carousel-indicators li{padding:0;width:15px;height:15px;border:1px solid #9e9e9e;text-indent:0;overflow:hidden;text-align:left;position:relative;letter-spacing:1px;background:#9e9e9e;-webkit-font-smoothing:antialiased;-webkit-border-radius:50%;border-radius:50%;margin-right:5px;-webkit-transition:all .5s cubic-bezier(.22,.81,.01,.99);transition:all .5s cubic-bezier(.22,.81,.01,.99);z-index:10;cursor:pointer}.indicators-line>.carousel-indicators li:last-child{margin-right:0}.indicators-line>.carousel-indicators .active{margin:1px 5px 1px 1px;box-shadow:0 0 0 2px #fff;background-color:transparent;position:relative;-webkit-transition:background-color .3s ease;-moz-transition:background-color .3s ease;-o-transition:background-color .3s ease;transition:background-color .3s ease}.indicators-line>.carousel-indicators .active:before{transform:scale(.5);background-color:#fff;content:"";position:absolute;left:-1px;top:-1px;width:15px;height:15px;border-radius:50%;-webkit-transition:background-color .3s ease;-moz-transition:background-color .3s ease;-o-transition:background-color .3s ease;transition:background-color .3s ease}.slide_style_left{text-align:left!important}.slide_style_right{text-align:right!important}.slide_style_center{text-align:center!important}.slide-text{left:0;top:25%;right:0;margin:auto;position:absolute;text-align:left;padding:10px 85px}.slide-text>h1{font-size:51px;margin-top:40px;letter-spacing:3px;display:inline-block;font-weight: 700;-webkit-animation-delay:.7s;animation-delay:.7s}.slide-text>p{padding:0;color:#fff;font-size:20px;line-height:24px;font-weight:300;margin-bottom:40px;letter-spacing:1px;-webkit-animation-delay:1.1s;animation-delay:1.1s}.slide-text>a.btn-default,.slide-text>a.btn-primary{font-weight:400;font-size:13px;line-height:15px;text-align:center;padding:17px 30px;white-space:nowrap;letter-spacing:1px;display:inline-block;text-transform:uppercase;border:none}.slide-text>a.btn-default{color:#000;margin-right:10px;-webkit-animation-delay:2s;animation-delay:2s;-webkit-transition:background .3s ease-in-out,color .3s ease-in-out;transition:background .3s ease-in-out,color .3s ease-in-out}.slide-text>a.btn{color:#fff;cursor:pointer;margin-left:10px;background:#00bfff;text-decoration:none;-webkit-animation-delay:2s;animation-delay:2s;-webkit-transition:background .3s ease-in-out,color .3s ease-in-out;transition:background .3s ease-in-out,color .3s ease-in-out}.slide-text>a:active,.slide-text>a:hover{color:#fff;background:#222;-webkit-transition:background .5s ease-in-out,color .5s ease-in-out;transition:background .5s ease-in-out,color .5s ease-in-out}.headerLine{z-index: 3}.bs-slider .points{line-height: 34px;font-size: 16px;font-weight: 400;}.bs-slider .points i{margin-right: 5px;}
.bs-slider h5{font-size: 40px;}
.bs-slider h5 b{font-weight: 700;}
.regDiv{position: absolute; margin:0; bottom:80px; left:0; right:0; text-align:center; z-index: 2}
/*Custom buttons*/
.btn{font-weight:600; transition:.3s all}
.btn-default{background:rgba(0,0,0,.15); border:2px solid rgba(256,256,256,.5); color: #fff}
.btn-default:hover, .btn-default:focus{border-color:rgba(256,256,256,.5); background:rgba(0,0,0,.4) !important; color:#fff !important;}
.btn-lg{padding:10px 22px}

.btn-http{background:#428bf4}
.btn-xml{background:#edb40d}
.btn-json{background:#9973b8}


/*Join*/
.join {color:#372b41; background:#fafafa}
.join aside{box-shadow: 0 7px 20px rgba(0,0,0,.06); padding:30px; background: #fff; margin-top: 30px; height: 260px}
.join p{color:#69646d}
.join .col-md-3{padding:25px 8px;text-align: left;}
.join h4{font-size: 17px; line-height: 30px; text-transform: uppercase}
.join .btn-inverse{border-radius: 0}

/*services*/
#services, #feelfree {color:#372b41;}
#services a.col-sm-3{margin:30px 0; color:#372b41;}
#services a:hover{text-decoration: none; color:#e23333}
#services a img{transition: .2s all ease-in;}
#services a:hover img{margin: -7px 0 7px}

/*feel free*/
#feelfree aside p{display:inline-block; margin-right: 40px; font-size: 16px}

/*solutions*/
#solutions{background: #fafafa; color:#372b41;}
span.line{border: 1px solid rgba(256,256,256,.5); border-radius: 2px; display: block; height: 2px; margin:10px 0 25px; width: 50px;}
#solutions aside{-webkit-perspective: 1000px; -moz-perspective: 1000px; -o-perspective: 1000px; perspective: 1000; height:235px; position: relative; z-index: 1; cursor: pointer; margin-top:30px;}
#solutions a{display:block; color:#fff; width: 100%; height:235px; transform-style: preserve-3d; transition: all .2s linear; text-decoration: none}
#solutions aside:hover a { transform: rotateY(180deg);}
#solutions a h4{line-height: 32px; margin-top: 60px; font-size:19px}
.face {position: absolute; width: 100%; backface-visibility: hidden; padding: 30px; height: 235px; box-shadow: 0 7px 20px rgba(0,0,0,.06);}
.back {display: block; top:0; position: absolute; transform: rotateY(180deg); box-sizing: border-box;}
.sol1 .front{background: url(../images/resellers/url-shortener.jpg) 0 0 no-repeat / cover;}
.sol1 .back{background: #10adff}
.sol2 .front{background: url(../images/resellers/chrome-plugin.jpg) 0 0 no-repeat / cover;}
.sol2 .back{background: #ed1d55}
.sol3 .front{background: url(../images/resellers/firefox-plugin.jpg) 0 0 no-repeat / cover;}
.sol3 .back{background: #fba81a}
.sol4 .front{background: url(../images/resellers/tally-integration.jpg) 0 0 no-repeat / cover;}
.sol4 .back{background: #564d5e}
.sol5 .front{background: url(../images/resellers/spreadsheet.jpg) 0 0 no-repeat / cover;}
.sol5 .back{background: #8d5996}
.sol6 .front{background: url(../images/resellers/otp-sms.jpg) 0 0 no-repeat / cover;}
.sol6 .back{background: #746e79}
.sol7 .front, .sol7 .back{background:#9d99a0}

/*feel free*/
#feelfree{background: #fafafa;}
#feelfree aside p{margin-top:20px;}

/*Facts*/
#facts {text-align: center; background: #494644 url(../images/home/bg-fnf.jpg) no-repeat center top / cover;  }
#facts h5+span{margin:30px auto}
#facts p{font-size:36px; margin-bottom: 20px; color:#5fc19f; font-weight: 500}
#facts h4{font-size:17px; line-height: 28px}
#facts .col-md-3{padding:25px 30px;}

/*Help*/
#help{background:#f5f5f5; color:#372b41;}
#help aside{box-shadow: 0 7px 20px rgba(0,0,0,.06); padding:30px; background: #fff; margin-top: 30px}
#help h4{font-size: 28px; font-weight:400; line-height: 40px; margin-top: 25px}
#help h4+span{visibility: visible !important; width:100px;}
#help p{display:inline-block; margin:0 40px 15px 0; font-size: 18px; font-weight:400}

/*Contact*/
#contact{background:#e21e57; line-height: 28px}
#contact h4{text-transform: inherit;font-weight: 300;font-size: 20px;}
#contact .container{padding:30px}
#contact p{color:#ff99b7; font-size: 17px;}

/*FAQ*/
#faq{color:#000; text-align: center;}
#faq h5+span{margin:30px auto}
#faq .col-sm-4{text-align:left; margin:20px 0}
#faq h4{margin-bottom:20px; font-size:17px; line-height: 26px}
#faq p{color:#666;}

/* Responsive */
@media  (max-width: 768px) {
	.carousel-inner{overflow: visible;}
	.bs-slider h5{font-size: 20px; font-weight: 100}
	.bs-slider>.carousel-inner>.slide1>img{margin-top:55px}
	.slide-text {padding:10px 30px;}
	.join aside{height: auto}
}