@import url(http://fonts.googleapis.com/css?family=Raleway:400,500,800);
a,abbr,acronym,address,applet,article,big,blockquote,body,caption,cite,code,dd,del,dfn,div,dl,dt,em,fieldset,font,form,h1,h2,h3,h4,h5,h6,html,iframe,img,ins,kbd,label,legend,li,object,ol,p,pre,q,s,samp,small,span,strike,strong,sub,sup,table,tbody,td,tfoot,th,thead,tr,tt,ul,var{margin:0;padding:0}
article,aside,blogquote,figcaption,figure,footer,header,hgroup,nav,section{display:block}
body{font:400 16px 'Raleway',Open Sans, Helvetica,Arial,sans-serif !important;background:#ECECEE;margin:0;padding:0;color:#000;}
a{outline:0;border:none;color:#525252;text-decoration:none}
a:hover{text-decoration:underline}
.clearfix{clear:both}
.pull-left{float:left}
.pull-right{float:right}
.text-center{text-align:center;}
.text-white{color:#fff;}
.text-green{color:#09aa87;}
.leading-text{font-size:18px;}
.pad-70{padding:70px 0;}
.border-bottom{border-bottom:1px solid #fff;}
.padBottom70{padding-bottom:70px;}
.responsive{width:100%;}
ul,li{list-style:none;}
p{padding-bottom:13px}
.content-area p{color:#fff;padding-bottom:10px;;margin:0;padding-left: 5px;}
h1,h2,h3,h4{font-weight:400 !important;color:#fff;padding:10px 0}
h1{font-size:40px;padding:11.5% 0 16%;}
h2{font-size:36px;}
h3{font-size: 1.4em;}
h4{font-size:17px;}
.col-1{width:10%;float:left;}
.col-2{width:20%;float:left;}
.col-3{width:30%;float:left;}
.col-4{width:40%;float:left;}
.col-5{width:50%;float:left;}
.col-6{width:60%;float:left;}
.col-7{width:70%;float:left;}
.col-8{width:80%;float:left;}
.col-9{width:90%;float:left;}
.col-full{width:100%;float:left;}
.pad{padding:20px;}
.container{max-width:1190px;margin:auto;padding:0 20px;}
#top-header{background:url(../images/home-slide.jpg) no-repeat;background-size:cover;}
.bg-green{background:#09aa87;}
.bg-blue{background:#4563a1;}
.bg-gray{background:#e8ebea;}
.bg-black{background:#000;}
.bg-white{background:#fff;}
.appScreen{margin-top:-80px;text-align:center;}
.appScreen span{width:70px;height:70px;background:url(../images/app-icon.png) no-repeat;display:inline-block;margin:auto;}
.appScreen span.window{background-position:0 0;}
.appScreen span.android{background-position:-72px 0;}
.appScreen span.iPhone{background-position:-140px 0;}
.appPoints{padding:30px 0;}
.appPoints li{font-size:1em;padding:16px 0;}
.appPoints li span{width:85px;height:88px;display:inline-block;float:left;background:url(../images/icons.png) no-repeat 0 15px;margin-right:20px;}
.appPoints li span.calender{background-position:1px 0;height:71px;}
.appPoints li i{display:table;font-style:normal;}
.appPoints li span.profile{background-position:-89px 15px;height: 71px;}
.appPoints li span.tasklist{background-position:-172px 6px;height: 83px;}
.appPoints li span.chat{background-position:-260px 11px;height: 58px;}
.appPoints li span.connection{background-position:-346px 10px;height: 61px;}
.appPoints li span.notification{background-position:-427px 10px;height: 68px;}
.appPoints li span.health{background-position: -517px 13px;height: 69px;}
.appPoints li span.suppli{background-position:-602px 11px;height: 70px;}
.appPoints li span.concern{background-position:-688px 12px;height: 64px;}
.appPoints li span.capab{background-position:-773px 11px;height: 70px;}
.appPoints li span.capabl{background-position:-850px 11px;height: 70px;}
.appPoints li span.capabf{background-position:-922px 11px;height: 70px;}
.footer{margin-top:50px;}
.footer a{color:#fff;padding:0 20px;}
.footer a:hover{color:#09aa87;}
.facebook{width:36px;height:36px;margin:auto;display:block;background:url(../images/facebook.png) no-repeat;}
.facebook:hover{background-position:0px -40px;}
.twitter{width:36px;height:36px;margin:auto;display:block;background:url(../images/twitter.png) no-repeat;}
.twitter:hover{background-position:0px -40px;}
.triangle-up { width: 0; height: 0; border-left: 80px solid transparent; border-right: 80px solid transparent; border-bottom: 80px solid #fff;margin:auto;position:relative;top:-80px;}
.triangle-gray{border-bottom-color:#e8ebea;}
.triangle-black{border-bottom-color:#000;}
.triangle-green{border-bottom-color:#09aa87;}
.triangle-blue{border-bottom-color:#4563a1;}
.downicon{margin-left:-50px;margin-top:10px;transition:ease-in-out 0.5s all;}
.downicon:hover{margin-top:15px;}

span.follow-us {float: left;width: 37%;font-size: 2em;}
.footer-title  a span{float:left;width: 12%;}

.footer-contact{font-size:2em;}
.footer-title a {font-size: 1.6em;color: #203a6f;text-decoration: underline;}
.footer-title a:hover {color: #000;text-decoration: none;}
.footer-top{border-bottom:1px solid #cacad0;padding: 2% 0; background-color:#ececee;border-top: 1px solid #35649d;}
.footer-bottom{padding: 2% 0;background-color:#ececee;}
.footer-bottom p {font-size: 0.9em;line-height: 28px;}

/* home-slider */

.logo{margin:auto 4%;}
.container-fluid{padding-left:0 !important;padding-right:0 !important;}
.logo.appicons2.slideExpandUp {position: absolute;z-index:99; top:4%; left:0;}
.carousel-indicators{bottom: -16px !important;}
.carousel-indicators li{border: 0 !important;background-color: #fff !important;}
.carousel-indicators .active{background-color: #163b68 !important;}
.triangle-up{border-left: 70px solid transparent;border-right: 70px solid transparent;}
.setanimate2.visible .tm-animate.slide-from-bottom {bottom: 200px !important;left: -19%;font-family: 'Open Sans', Helvetica,Arial,sans-serif;text-transform: uppercase;font-size: 2.8em;}
.appPoints h3{margin:0;}
.appPoints li{padding:0;}

/* Inner page - Terms of use */

.inner-logo {
    border-bottom: 1px solid #35649d;
    padding: 2%;
	background-color: #ececee;
}

.term-use h2, .term-use p{
	color: #35649d;
	}

.content-inner{
	background-color:#fff;
	}

.carousel-control.left{
	background-image: -webkit-linear-gradient(left,rgb(138, 165, 195) 0,rgba(0,0,0,.0001) 100%) !important;
	background-image: -o-linear-gradient(left,rgba(138, 165, 195,0.5) 0,rgba(0,0,0,.0001) 100%) !important;
	background-image: -webkit-gradient(linear,left top,right top,from(rgb(138, 165, 195)),to(rgba(0,0,0,.0001))) !important;
	background-image: linear-gradient(to right,rgb(138, 165, 195) 0,rgba(0,0,0,.0001) 100%) !important;
	}

.carousel-control.right{
	background-image: -webkit-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(138, 165, 195,.5) 100%) !important;
	background-image: -o-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(138, 165, 195,.5) 100%) !important;
	background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.0001)),to(rgba(138, 165, 195,.5))) !important;
	background-image: linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(138, 165, 195,.5) 100%) !important;
	}


@media (max-width: 1306px){
.logo{width:60%;margin:auto 4%;}
.logo img{width:60%;}	
h1{font-size:12px;padding: 0 0 15%;}
.triangle-up{ top: -50px;}
.setanimate2.visible .tm-animate.slide-from-bottom{bottom: 170px !important;font-size: 2em; left: -34%;}
}

@media (max-width: 1199px) {
	.footer-title a, .footer-contact, span.follow-us{font-size: 1.1em;}
	.footer-title a > img{width:24px;}
	}

@media (max-width: 1024px) {
.logo{width:60%;margin:auto 4%;}
.logo img{width:60%;}	
h1{font-size:12px;padding: 0 0 15%;}
.triangle-up{ top: -50px;}
.setanimate2.visible .tm-animate.slide-from-bottom{bottom: 140px !important;font-size: 1.6em; left: -36%;}
}

@media (max-width: 900px){
.logo{width:50%;margin:auto 4%;}
.logo img{width:60%;}	
h1{font-size:12px;padding: 0 0 15%;}
.triangle-up{ top: -50px;}
.setanimate2.visible .tm-animate.slide-from-bottom{bottom: 105px !important;font-size: 1.6em; left: -30%;}
}

@media (max-width: 728px){
.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9{width:100%!important;float:left;}
.appPoints li span{display:block;margin:auto;float:none;}
.appScreen{margin-top:0;}
.appPoints li{padding:0;}
.footer-title {margin-bottom: 5%;}
/*.setanimate.visible .tm-animate.slide-from-bottom{bottom:84px !important;}*/
.setphone-position{margin-top:-160px !important;}
}

@media (max-width: 728px) {
.logo{width:50%;margin:auto 4%;}
.logo img{width:60%;}	
h1{font-size:12px;padding: 0 0 11%;}
.triangle-up{ top: -45px;}
.setanimate2 .visible .tm-animate .slide-from-bottom{bottom: 89px !important;font-size: 1.4em;left: -22%;}
.footer-top .container.slide-from-bottom {margin: auto;width: 61%;}
.footer-bottom .container.slide-from-bottom {margin: auto;text-align: center;width: 98%;}
.appScreen.tm-animate.slide-from-bottom {margin-top: 6%;}
}

@media(max-width: 657px){
.logo{width:50%;margin:auto 4%;}
.logo img{width:60%;}	
.triangle-up{ top: -45px;}
h1 {font-size: 26px;padding: 5% 0 18%;}
.setanimate2.visible .tm-animate.slide-from-bottom{bottom: 75px !important;font-size: 1.1em; left: -24%;}
.footer-top .container.slide-from-bottom {margin: auto;width: 68%;}
}

@media (max-width: 590px){
.logo{width:50%;margin:auto 4%;}
.logo img{width:80%;}	
h1{font-size:12px;padding: 0 0 15%;}
.pad-70 {padding: 0;}
.triangle-up{ top: -45px;}
h1 {font-size: 26px;padding: 3% 0 18%;}
.setanimate2.visible .tm-animate.slide-from-bottom{bottom: 60px !important;font-size: 1em;}
.footer-top .container.slide-from-bottom {margin: auto;width: 83%;}
.setphone-position{margin-top:-153px !important;}
}

@media (max-width:480px) {
.logo{width:50%;margin:auto 4%;}
.logo img{width:80%!important;}	
h1{font-size:12px;padding: 0 0 15%;}
.pad-70 { padding: 10px 0 20px;}
.triangle-up{ top: -45px!important;}
span.follow-us{width: 37%;}
.footer-title a span{width: 16%;}
.footer-title a{ font-size: 0.9em;}
.footer-title a, .footer-contact, span.follow-us{font-size: 0.9em;}
.setanimate2.visible .tm-animate.slide-from-bottom{bottom: 40px !important;font-size: 0.8em!important;}
.setphone-position{margin-top:-144px !important;}
}

@media (max-width:400px) {
.logo{width:50%;margin:auto 4%;}
.logo img{width:80%!important;}	
h1{font-size:12px;padding: 0 0 15%;}
.pad-70 { padding: 10px 0 20px;}
.triangle-up{ top: -45px!important;}
.footer-title a span{width: 16%;}
.setanimate2.visible .tm-animate.slide-from-bottom{bottom: 30px !important;font-size: 0.8em!important;}
.footer-top .container.slide-from-bottom {margin: auto;width: 87%;}
}

@media (max-width:350px){
.logo{width:50%;margin:auto 4%;}
.logo img{width:80%;}	
h1{font-size:12px;padding: 0 0 15%;}
.pad-70 { padding: 10px 0 20px;}
.triangle-up{ top: -45px!important;}
.footer-title a span{width: 16%;}
.setanimate2.visible .tm-animate.slide-from-bottom{bottom: 23px !important;font-size: 0.65em !important;}
.footer-title a, .footer-contact, span.follow-us{font-size: 0.9em;}
.footer-top .container.slide-from-bottom {margin: auto;width: 93%;}
.setphone-position{margin-top:-134px !important;}
}