body,
html {
    width: 100%;
    
}

body,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family:open sans;
	
   
}


.mtop5{margin-top:5px;}
.mtop10{margin-top:10px;}
.mtop15{margin-top:15px;}
.mtop25{margin-top:25px;}
.mtop30{margin-top:30px;}
.mbot30{margin-bottom:30px;}
.mtop50{margin-top:50px;}
.mtop60{margin-top:60px;}
.mtop80{margin-top:80px;}
.mtop80{margin-top:80px;}
.mtop100{margin-top:100px;}
.mtop120{margin-top:120px;}
.mrgt10{margin-right:10px;}
.ortop{margin-top:120px;}
.fbtop{margin-top:85px;}
.fntbold{font-weight:700;}
.small-fntsize{font-size:9px;margin-top:5px;}
.font18{font-size:18px; font-weight:400;}
.font15{font-size:15px; font-weight:400;}
.width{width:100%}
.lead {
    font-size:1em;
	color:#777;
	font-weight:400;	
}

.intro-header {
    padding-top: 60px; /* If you're making other pages, make sure there is 50px of padding to make sure the navbar doesn't overlap content! */
    /*padding-bottom: 50px;*/  
    color: #f8f8f8;   
    background-size: cover;
}

.intro-message {
    position: relative;
    padding-top: 16%;
    padding-bottom: 15%;
}

.intro-message > h1 {
    margin: 0;    
    font-size: 3em;
	color:#000;
	font-weight:300;
}

.container-fluid.body-content {
  position: absolute;
  top: 50px;
  bottom: 30px;
  right: 0;
  left: 0;
  overflow-y: auto;
}

.intro-message > h3 {
    color:#777;
	font-size:14px;
	line-height:20px;
	font-weight:400;
}

.call-act{
font-size:12px;
padding:14px 30px;
font-weight:700;

}
/*.call-act:hover{
	font-size:12px;
padding:14px 30px;
font-weight:700;
background:#fff;
border:1px solid #333;
color:#333;
}*/
.small{font-weight:normal;}
.apiflow-img{
    position: relative;
    padding-top: 20%;
    padding-bottom: 15%;
}

.sprite{	
	background: url(../img/sprite1.png) no-repeat;
	}
.icon1{
	width:122px;
	height:122px;
	display: inline-block;
	background-position: -57px -160px;	
}
.icon2{
	width:122px;
	height:122px;
	display: inline-block;
	background-position: -57px -292px;	
}
.icon3{
	width:122px;
	height:122px;
	display: inline-block;
	background-position: -57px -424px;	
}

.mobile-img{    
	width: 615px;
	height: 288px;    
    background: url(../img/mobile.png);    
	background-size: 100%;
    background-repeat: no-repeat;
	max-width:100%;
	margin:0 auto;
	margin-top:50px;
	position: relative;		
	}
.mobile-img .inner-col-mobile{	
	position:absolute;
left:88px;
width:71.9%;
top:19px;
}
.mobile-img .inner-col-mobile iframe{	
	max-width:100%;
}
.ipad-img{    
	width: 531px;
	height: 387px;    
    background: url(../img/ipad.png);
    background-size:100% auto;
    background-repeat: no-repeat;
	max-width:100%;
	margin:0 auto;
	margin-top:50px;
	position: relative;	
	}
	
.ipad-img .inner-col-ipad{	
position:absolute;
left:47px;
background:#000;
width:82.6%;
top:70px;
}
.ipad-img .inner-col-ipad iframe{	
	max-width:100%;
}
	
.pich-txt {
    font-size: 3em;	
    font-weight: 300;
}

@media(max-width:768px) {
    .intro-message { 
        padding-bottom: 15%;
    }

    .intro-message > h1 {
        font-size: 3em;
    }
	.mobile-img .inner-col-mobile{	
	position:absolute;
	left:88px;
	width:71.8%;
	top:19px;
}
.fbtop{margin:20px 0 50px 0; padding-bottom:50px; border-bottom:1px dashed #ccc;}
.ortop{margin-top:40px; text-align:left;}
.mediatop{margin-top:50px;}	
.brdleft{border-right:1px dashed #ff0000;}
.apiflow-img{padding-top:1%;padding-bottom:10%; overflow:hidden;}
.navbar-brand{padding:15px 15px 15px 0px;}
.font18{font-size:14px; padding-top:4px; text-align:center; padding-left:50px;}
}
/*@media(max-width:768px) {

.fbtop{margin-top:40px;}
.ortop{margin-top:40px; text-align:left;}	
}*/
.content-section {
    padding: 40px 0px 40px 0px;
    border-top: 1px solid #e7e7e7;
    /*border-bottom: 1px solid #e7e7e7;*/
}

.section-heading {
    margin-bottom: 10px;
	font-weight:300;
	font-size:2.7em;
}
.page-title {
    margin-bottom: 10px;
	font-weight:400;
	font-size:1.8em;
}
.service-box p{
    margin-bottom: 10px;
	font-weight:400;
	font-size:0.9em;
	color:#777;
}
p.copyright {
    margin: 10px 0 0;
	color:#888;
}
/*-------------Upload---------------*/
.blue-fntcol{color:#0199e6;}
.bottom-brd{border-bottom:1px solid #efefef; margin-top:30px;}
.fileUpload {position: relative;overflow: hidden; margin-right:15px;}
.fileUpload input.upload {border:1px solid;position: absolute;top:0;right: 0;margin: 0;padding:16px 30px 16px 50px;font-size: 20px;cursor: pointer;opacity: 0;}
.bittu {-moz-border-bottom-colors: none;-moz-border-left-colors: none;-moz-border-right-colors: none;-moz-border-top-colors: none;background:#337ab7 url(../img/icon_upload.png) no-repeat 20px 16px;border-radius: 4px;color: #fff;cursor: pointer;display: inline-block;font-size: 12px;padding:14px 20px 14px 45px; border-radius:6px;text-align: center;vertical-align: middle;margin-bottom: 6px;border:1px solid #2e6da4;;font-weight:700; text-transform:uppercase;}
.bittu:hover{background:#286090 url(../img/icon_upload.png) no-repeat 20px 16px;color:#fff;border:1px solid #204d74}
.uploading {padding:18px 0 21px 10px;border-top:1px solid #efefef;}
.list-box {padding:18px 0 21px 10px;border-top:1px solid #efefef; font-weight:400;}
.list-box:hover{background:#f6f6f6; cursor:pointer;}
.hover-btn{display: none;}
.list-box:hover .title{color:#0199e6;}
.list-box:hover .hover-btn {display: inline;}
.icon-ppt{width:53px;height:53px;display: inline-block;background-position: 0 -174px; float:left; margin-right:10px;}
.icon-doc{width:53px;height:53px;display: inline-block;background-position: 0 -237px; float:left; margin-right:10px;}
.icon-pdf{width:53px;height:53px;display: inline-block;background-position: 0 -300px; float:left; margin-right:10px;}
.icon-xls{width:53px;height:53px;display: inline-block;background-position: 0 -363px; float:left; margin-right:10px;}
.icon-default1{width:53px;height:53px;display: inline-block;background-position: 0 -460px; float:left; margin-right:10px;}
.icon-default2{width:53px;height:53px;display: inline-block;background-position: 0 -523px; float:left; margin-right:10px;}
.icon-edit{width:15px;height:15px;display: inline-block;background-position: -60px 0; margin-right:3px;}
.icon-edit:hover{width:15px;height:15px;display: inline-block;background-position: -60px -15px;}
.icon-share{width:15px;height:16px;display: inline-block;background-position: -60px -39px; margin-right:3px;}
.icon-share:hover{width:15px;height:16px;display: inline-block;background-position: -60px -55px;}
.icon-embed{width:22px;height:13px;display: inline-block;background-position: -60px -83px; margin-right:3px;}
.icon-embed:hover{width:22px;height:13px;display: inline-block;background-position: -60px -97px;}
.icon-delete{width:12px;height:15px;display: inline-block;background-position: -60px -119px; margin-right:3px;}
.icon-delete:hover{width:12px;height:15px;display: inline-block;background-position: -60px -135px;}
.progress{margin-bottom:5px;}
.icon-facebook{width:24px;height:24px;background-position: 0 -426px; float:left; padding:0 0 0 35px;}
.icon-facebook2{width:24px;height:24px;background-position: 0 -363px; float:left; padding:0 0 0 35px; border-right:1px solid #fff;}
.graybg{background:#fafafa;padding:10px;}
.agreemenbox{width:100%; height:200px; background:#fff; border:1px solid #ccc; padding:10px;overflow:auto;}
.brdleft{border-right:1px dashed #ccc; padding-right:7%}

.message{margin-top:61px; width:100%; position:fixed; z-index:1; text-align:center;}

.horizontal
{
 width: 100%;
 border-top: 1px dotted #D8CBCB;
}


.rdiv {
    border-radius: 3px;
    border: 1px solid #ddd;
    padding: 20px; 
}
.rdivwithbg {
    border-radius: 10px;
    background: #F5F5F5;
    padding-left: 20px;
    padding-top: 1px; 
    padding-bottom: 20px;
    padding-right: 20px;
        
}

.rdivwithbgborder {
    border-radius: 2px;
    border: 1px solid #ddd;
    background: #F5F5F5;
    padding-left: 10px;
    padding-top: 5px; 
    padding-bottom: 5px;
    padding-right: 20px;
        
}


.btn.active {
	outline: 0px none;
	box-shadow: 1px 3px 5px rgba(0, 0, 0, 0.125);
}

.playerdiv {
    width:100%;
    height:70vh;
    
}
/* Sticky footer styles
-------------------------------------------------- */
html {
  position: relative;
  min-height: 100%;
}
body {
  /* Margin bottom by footer height */
  padding-bottom: 82px;
}

footer {
  position: absolute;
  padding:10px 0 10px 0;
  background-color: #f8f8f8;
	border-top:1px solid #efefef;
	font-size:13px;
}



.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  
  background-color: #f5f5f5;

  padding:10px 0 10px 0;
  background-color: #f8f8f8;
	border-top:1px solid #efefef;
	font-size:13px;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  
  
}
@media(max-width:767px) {
   
	body {
  /* Margin bottom by footer height */
  padding-bottom: 120px;
}
	/*.footer{height: 120px;}*/
}