@font-face {
  font-family: 'FontAwesome';
  src: url('../fonts/fontawesome-webfont.eot?v=4.7.0');
  src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
 
 
.Beta
    {
    width:100%;
    float:left;
    
    text-align:center;    
    color:#000;   
    background-color:#fff;
    height:30px;
    font-weight:bolder;
    font-size:19px;
    margin-top:5px;
 
	}



/* ticket Raise */

.ticket-b
{
 
    display:inline-block;
    min-width:100%;
    max-width:auto;
    position:relative;
    text-align:left;
   
   
   
}
 .blogbox
  {
        width:100%; font-size:20px; display:block; border:0px solid #000000;  padding:20px 30px;
     margin-bottom:5px; background-color:#fff;
  }
  

  .bloghead
  {
    font-size:20px; margin-top:.5%; font-weight:bold; width:auto;color:blue; display:block;
  }
  .blogdate 
  {
    font-size:12px; width:auto;color:#000000; display:block;  margin-bottom:10px;
  }
    
  .bloghead1
  {
    font-size:20px; font-weight:bold; width:auto; min-width:100%; color:rgba(2,70,145); display:block; margin-bottom:0px;
  }
 
 .bloglabel 
  {
    width:auto;display:block; margin-top:0px; margin-bottom:20px; text-align:justify; 
  }
  
 
  .blog-reply
  {
    width:auto; min-width:90%; max-width:90%; margin-left:5%; padding:10px 10px; font-size:20px; display:block; border:0px solid #000000; margin-bottom:5px;
  }

/* Search Box */

.alink
{
   
    color:blue;
   
}

.search-m
{
 
    display:inline-block;
    width:100%;
    height:auto;
    padding-top:20px;
    padding-bottom:10px;
    position:relative;
    text-align:center;
    background-color:#fff;
    color:#999;
   
}


.search-m-discription
{
 
    display:inline-block;
    width:140px;
    height:40px;
    position:relative;
    text-align:right;
    font-size:20px;
    font-weight:bold;
    margin-top:10px;
   
}
.search-m-textbox
{
 
    display:inline-block;
    height:38px;
    width:40%;
    max-width:100%;
    position:relative;
    text-align:left;
    border:1px solid #ccc;
    border-radius:4px;
    padding-left:10px;
   
}



.search-c-lab
{
 
    display:inline-block;
    width:165px;max-width:100%;
    height:35px;
    position:relative;
    text-align:left;
    font-size:17px;
    font-weight:normal;
    margin-top:10px;
    color:#000 !important;
   
}

.search-c-dropdown
{
 
    display:inline-block;
    height:30px;
    width:65%;max-width:100%;
    position:relative;
    text-align:left;
    border:1px solid #ccc;
    border-radius:0px;
    padding-left:10px;
   
}

.search-m-lab
{
 
    display:inline-block;
    width:70px;max-width:100%;
    height:40px;
    position:relative;
    text-align:right;
    font-size:15px;
    font-weight:normal;
     margin-top:15px;
     color:#000 !important;
   
   
}

.search-m-dropdown
{
 
    display:inline-block;
    height:30px;
    width:18%;
    max-width:100%;
    position:relative;
    text-align:left;
    border:1px solid #ccc;
    border-radius:0px;
    padding-left:10px;
   
}

.search-m-datetxtbox
{
 
    display:inline-block;
    height:30px;
    width:20%;max-width:100%;
    position:relative;
    text-align:left;
    border:1px solid #ccc;
    border-radius:0px;
    padding-left:10px;
   
}
.search-m-btnsearch
{
 max-width:100%;
    box-shadow: 0px 1px 0px 0px #fff6af;
	background:linear-gradient(to bottom, #ffec64 5%, #ffab23 100%);
	background-color:#ffec64;
	border-radius:6px;
	border:1px solid #ffaa22;
	display:inline-block;
	cursor:pointer;
	color:#000 !important;
	font-size:15px;
	font-weight:600;
	padding:7px 34px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffee66;
   
}

/* Dashboard */

.overview-m
{
   
    text-align:center;
    display:inline-block; 
    width:100%;
  
}


.overview-m-item
{ 
    display:inline-block;
    text-align:center;   
    min-width:280px;
    max-width:100%;
    position:relative;
    padding:20px;
    
}



.overview-m-item-bar-chart
{ 
  width:100%;  
  height:auto;  
  min-height:70px;
  display:inline-block;
  background-image:url('../images/chart-bar2.png');
  position:relative;     
  background-size:40% 90%; background-repeat:no-repeat;  
   background-position:center;
   margin-bottom:20px;
   
}

.overview-m-item-cart
{ 
  width:100%;  
  height:auto;  
  min-height:70px;
  display:inline-block;
  background-image:url('../images/cart-img.png');
  position:relative;     
  background-size:40% 90%; background-repeat:no-repeat;  
  background-position:center;
  margin-bottom:20px;
}

.overview-m-item-User
{ 
  width:100%;  
  height:auto;  
  min-height:70px;
  display:inline-block;
  background-image:url('../images/user-icon.png');
  position:relative;     
  background-size:40% 100%; background-repeat:no-repeat;  
  background-position:center;
  margin-bottom:20px;
}
.overview-m-item-project
{ 
  width:100%;  
  height:auto;  
  min-height:70px;
  display:inline-block;
  background-image:url('../images/project.png');
  position:relative;     
  background-size:40% 90%; background-repeat:no-repeat;  
   background-position:center;
    margin-bottom:20px;
}
/* Master Page */


.header-m
    {
    
      width:auto;
      max-width:100%;
      min-width:50%;
      text-align:center;
      display:inline-block;
       display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
     
    }

@media (min-width: 992px) and (max-width: 1199px) {
.header-inner
    {
      width:100%;
      max-width:100%;
      min-width:100%;
      position:relative;
      text-align:center;
      display:inline-block;
    
    
    }
}
.header-message
{   
  width:auto;
  max-width:100%;
  min-width:100%;
  height:auto;
  display:inline-block;    
  text-align:center; 
  font-size:25px !important;
 font-weight:normal;  
 position:relative;
 padding-right:20px;
}

.header-message-crm1
{   
  width:100%;
  max-width:100%;
  min-width:100%;
  height:auto;
  display:inline-block;    
  text-align:center; 
  font-size:20px;  
  font-weight:normal; 
  background-color:transparent;
}
 .blinking1{
    animation:blinkingText1 0.8s infinite;
     width:100%; font-size:20px; margin-top:0px; font-weight:normal; text-align:center;  height:25px; display:inline-block; border-radius:5px;
     font-size:25px;
     font-weight:bold;
}

@keyframes blinkingText133 {
    0%   {background-color: yellow;}
    25%  {background-color: red;}
    50%  {background-color: orange;}
    100% {background-color: green;}
}

@keyframes blinkingText1{
    0%{     color: #ffffff;}
    49%{    color:blue; }
    50%{    color:red; }
    99%{    color:maroon; }
    100%{   color:orange; }   
            
}

.header-download
{   
  width:auto;
  min-width:20%;
  max-width:20%;
  float:right;  
  height:auto; 
  display:inline-block;    
  text-align:right; 
  background-color:Orange;
 
}

.dashboard-addins-download
{ 
    position:relative;
    background-repeat: no-repeat;
    white-space: nowrap;  
    height:auto;
    padding:7px 20px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius:25px;
  text-align:center;
  background-color: rgb(70,186,199);
  color:#fff;  
  font-size:17px;   

}



.dashboard-addins-download:hover
{ 
   text-decoration:underline;
}

.dashboard-addins-download1
{ 
  background-repeat: no-repeat;
    white-space: nowrap;  
    height:auto;
     padding:10px 15px;
    width:auto;
    min-width:110px;
    max-width:100%;
    -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius:5px;
  text-align:center;
  color:#1c61ad;
   font-size:17px;   
    margin-left:20px;
    
     box-shadow: inset 0 0 1px #1c61ad;
  -moz-box-shadow: inset 0 0 1px #1c61ad;
  -webkit-box-shadow: inset 0 0 1px #1c61ad;
  
    background-color:#fff; text-align:left; border:1px solid #2980B9;
}

.header-logo-application
{   
  width:150px;  
  height:50px;  
  display:inline-block;    
  position:relative;  
  background-size:50% 80%; background-repeat:no-repeat;  
  background-position:center; position:relative; text-align:center;
}

.header-logo
{   
  width:140px;  
  height:50px;  
  display:inline-block;    
  position:relative;  
  background-image:url('../images/logow.png');   
  background-size:90% 100%; background-repeat:no-repeat;  
  background-position:center; position:relative; margin-right:70px;
}

.bottom-logo-b
{   
  width:100%;
  text-align:left;
  display:inline-block;
  position:relative; 
}

.bottom-logo-img
{   
  width:300px;
  height:80px;   
  display:inline-block;    
  position:relative;
  background-image:url('../images/logo.png');   
  background-size:70% 80%; background-repeat:no-repeat;
  
   background-position:center; position:relative; vertical-align:middle;
}


/* Responce Page */
.setting-card
{   
  width:100%;
  height:Auto;
  min-height:100px;
  float:left; 
  display:inline-block;    
  text-align:left;
  background-color:#fff; 
  padding:10px 30px 10px 30px;
  margin-bottom:30px;
}

/* Responce Page */
.responce-b
{   
  width:100%;
  height:Auto;
  float:left; 
  display:inline-block;    
  text-align:center;
   padding-bottom:100px;
  padding-top:70px;
}

/*Status Display*/

.responce-b-status{ width:50%; 
        height:auto;
        min-height:157px;        
        padding:30px;      
        text-align:center;
        display:inline-block; 
        font-size:15px;
        font-weight:normal;      
        background-color:#fff; 
 
     
}

.responce-b-status h4 
{
    display:inline-block;
    height:35px;
    width:100%; 
    font-size:15px;
    font-weight:normal;  
}

.login-b
{
    width:auto;
    padding-bottom:10px; text-align:center;
   
}

.login-logo-b
{
    width:100%;
    display:inline-block;
    text-align:center; color:rgb(70,186,199); font-size:30px; font-weight:normal;
    margin-bottom:2vh;
  
}


.login-logo-img
{
    width:50%;
    display:inline-block; 
    margin-bottom:15px; 
    height:60px; 
    
}
 
.log-textbox-row
{
    width:100%;
    display:inline-block; 
    margin-bottom:15px;  
    line-height:1.7;
    text-align:left;
    
   
}
 
/* Popup Design End */

.package-b
{
   
    text-align:center;
    display:inline-block;  
    position:relative;
    width:100%;
  
}

.grid-b
{
 
    display:inline-block;
    min-width:100%;
    max-width:auto;
    position:relative;
    text-align:left;
   
   
}

.box-no-data
{
    display:inline-block;
    width: auto;
    min-width:100%;
    max-width:100%;
    height: auto;
    min-height:100%;
    max-height:100%;    
    text-align:center;
    padding:0% 30% 50% 30%;
   
}

.box-no-data-image
{
    display: inline-block;
    width:100%; height:100%;   
    position: relative;
    text-align: center;
    font-weight: normal;
    font-size:15px;
    padding-top:60px;
    background-image: url('../images/search-icon.png');
    background-position:center;
    background-repeat:no-repeat;
    background-size:40px 40px;
  
}


.grid-m
{
   width:100%;  
   min-width:100%;  
   margin-bottom:8px;
   font-size:16px;
   border:0px solid #ccc;
   position:relative;  
   color:#666 !important;
   font-weight:500 !important;
   text-align:center;
}

.grid-m-header
{     
    color:#fff;
    position:relative;
    border:0px solid #ccc;
    background-color:#666;
    padding:10px 0px 10px 5px; 
    height:auto;
    text-align:center;
   
   }

.grid-m-row, .grid-m-row th, .grid-m-row td
{
     cursor:pointer;
     position:relative;
     background-color:#fff;
     padding:10px 0px 10px 5px; 
     height:auto;
     width:auto;   
     background-color: #FFFFFF;
        
   
   }




.grid-m-Arow, .grid-m-Arow th, .grid-m-Arow td
{
    cursor:pointer;
    position:relative;
    background-color:#f2f3f5;
    padding:10px 0px 10px 5px;
    height:auto;
    min-height:70px;
    
   
   }    
    

.grid-a-btn-retry 
{
   box-shadow: 0px 1px 0px 0px #fff6af;
	background:linear-gradient(to bottom, #ffec64 5%, #ffab23 100%);
	background-color:#ffec64;
	border-radius:6px;
	border:1px solid #ffaa22;
	display:inline-block;
	cursor:pointer;
	color:#000 !important;
	font-size:15px;
	font-weight:500 !important;
	padding:3px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffee66;
    
}
.grid-a-btn-retry:hover 
{
  background:linear-gradient(to bottom, #ffab23 5%, #ffec64 100%);
	background-color:#ffab23;
   
}


.grid-a-btn-pdf
{
     
     width:50px;
     text-align:center;
     height:25px;
     display:inline-block;     
     vertical-align:middle;
     text-decoration:none;
     background-image: url('../images/icon/pdf.png');
    background-size:70% 100%;
    background-repeat: no-repeat;
    background-position:center;
    position:relative;
   
   }

.grid-a-btn-excel
{
     
     width:50px;
     text-align:center;
     height:25px;
     display:inline-block;     
     vertical-align:middle;
     text-decoration:none;
     background-image: url('../images/excel.png');
    background-size:50% 100%;
    background-repeat: no-repeat;
    background-position:center;
    position:relative;
   
   }
   
 .grid-a-btn-Update
{
     
     width:auto;
     padding:3px 10px;
     text-align:center;
     color:#000;
     display:inline-block;     
     vertical-align:middle;
     text-decoration:none;
     position:relative;
     background-color:#ccc;
   
   }
   
.grid-a-btn-delete
{
     
     width:25px;
     text-align:center;
     height:25px;
     display:inline-block;     
     vertical-align:middle;
     text-decoration:none;
     background-image: url('../images/icon/delete.png');
    background-size:100% 100%;
    background-repeat: no-repeat;
    background-position:center;
   
   }


/* Grid View Style  end */

.page-content-header
{
    height:45px; background-image: url('../images/icon/package.png'); background-color:#fff; padding:10px 0px 10px 65px; width:100%; font-size:22px; font-weight:bold; margin-bottom:5px; background-position:left;  background-size: 6% 100%; background-repeat: no-repeat; margin-top:0px; text-align:left;
         border-top-left-radius:10px;border-top-right-radius:10px;
}

.add-new-b {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 28px;
    background-color:#ccc;
    text-align:right;
}

.add-new-b-button 
{
    font-size: 16px;
    color: #fff;
    font-weight: 400;
    text-transform: capitalize;
    padding: 18px 40px;
    padding-right: 10px;
    background-color:Lime;
}


/* Process Status display */

.social-button
{
     text-align:center;
     line-height:1;
     margin-top:0px; width:auto; min-width:100%; max-width:100%;
     
}


.sign-in {width:100%; max-width:100%;
            padding:10px;
            text-align:center;
            display:inline-block;
            background-repeat:no-repeat;     
            background-position:center;
            background-size:100% 100%;
            border:none;
            margin-bottom:8px;
            cursor:pointer;
            color:#fff;
            border-radius:0px;
            text-decoration:none;
            font-size:18px;
             background: rgb(70,186,199);


}


.sign-in:hover 
{
  background: rgb(70,186,199);
  color: white;
   text-decoration:underline;
}



    .Signin-linkin {
            height:40px; width:167px; max-width:100%;
            display:inline-block;
            background-image: url('../images/linkedin.png');
            background-repeat:no-repeat;     
            background-position:16px;
            background-size:3vh 3vh;
            border:none;
            cursor:pointer;
            color:#000;
            font-size:16px;
            margin-top:10px;
         font-weight:500;
    }

@media (max-width: 991px) 
{
     .Signin-linkin {
            height:45px; width:100%; max-width:100%;         
            background-image: url('../images/linkedin.png');
            background-repeat:no-repeat;     
            background-position:15%;  background-size:8% 35%;
            border:none;
            cursor:pointer;            
            margin-top:10px;
            
           
    }
}

.Signin-Google 
{
     display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
   
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    
        height:42px;width:167px; max-width:100%;
        display:inline-block;
        background-image: url('../images/google.png');
        background-repeat:no-repeat;     
        background-position:20px;
        background-size:3vh 3vh;
        border:none;
        cursor:pointer;color:#000; font-weight:500;
        font-size:16px;
        margin-top:10px;
       
}

@media (max-width: 991px) 
{
  .Signin-Google 
{   
        height:47px;width:100%; max-width:100%;       
        background-image: url('../images/google.png');
        background-repeat:no-repeat;     
        background-position:15%;  background-size:8% 35%;        
        border:none;
        cursor:pointer;color:#000; 
        margin-top:10px;
        
        
}   
}


.btn-b{ width:100%; 
        height:60px; 
        display:block;      
        text-align:center;
        margin-top:0px;
        margin-bottom:30px;
       
}

.btn-save 
{
    margin-top:10px;
     text-decoration:none;
        font-size:18px;
         background: rgb(70,186,199);
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	
	padding:10px;
	width:80%;	
	text-decoration:none;
	border-radius:4px;
    
}
.btn-save:hover 
{
  
  text-decoration:underline;
        font-size:18px;
         background: rgb(70,186,199);
  color: white;
  font-weight:bold;
  
 
}

.foo-ter {
     
    padding-top:20px;
    padding-bottom:20px;
    position:absolute;
    background-color:#ccc;
}

.foo-ter-web {
   
    display:inline-block;
    width:100%;
    text-align:center;
   
    height:20px;
    text-align:center;
    margin-top:50px;
}

.foo-ter-web-inn {
   
    display:inline-block;
    width:80%;
    text-align:center;
    background-color:transparent;
    color:rgb(215,218,222);
    padding-top:30px;   
 
    border-top:.1px solid #ccc;
}



.pg-fo-facebook
{
   
      height:40px; background-image: url('../images/icon/facebook.png'); width:100%; padding-left:37px; background-position:left;  background-size: 16% 100%; background-repeat: no-repeat; text-align:left;
  
}

.pg-fo-twitter
{
    height:40px; background-image: url('../images/icon/twitter.png'); width:100%; padding-left:37px; background-position:left;  background-size: 16% 100%; background-repeat: no-repeat; text-align:left;
        
}

.pg-fo-linkedin
{
    height:40px; background-image: url('../images/icon/linkedIn.png'); width:100%; padding-left:37px; background-position:left;  background-size: 16% 100%; background-repeat: no-repeat; text-align:left;
        
}


.pg-img-bullet
{
    height:auto; min-height:30px; position:relative; background-image: url('../../images/bullet-point.png'); margin-bottom:10px; width:100%; padding-left:37px; background-position:left;  background-size: 5% 50%; background-repeat: no-repeat; text-align:left;
        
}

.pg-img-bullet-post
{
    height:auto; min-height:30px;  width:70%; margin-left:20%; position:relative; background-image: url('../../images/bullet-point.png'); margin-bottom:10px; padding-left:37px; background-position:left;  background-size: 5% 50%; background-repeat: no-repeat; text-align:left;
        
}

.Specili-bg {
   
    display:inline-block;
    width:auto;
    text-align:left;    
    height:auto;
    min-height:300px;
    float:left;
    margin-top:50px;
}


.Specili-bg-img-left
{
    height:70px; width:70px; float:left; padding: 15px 15px; background-color: rgba(0, 0, 0, 0.05); border-radius:4px; text-align:center; vertical-align:middle;
        
}

.Specili-bg-img-left:hover
{
    float:left; background-color:#46bac7;         
}

.Specili-bg-img-left-img-siz
{
    height:40px; width:40px; 
}

.Specili-bg-cont-right
{
    height:80px;width:auto; float:left; padding:0px  0px 0px 20px; text-align:left; display:inline-block;  position:absolute;
        
}


/* ****************** About Us ************************ */


.About-bg {
    
    width:100%;      
    height:auto; 
    text-align:center;
    display:inline-block;
    position:relative;
    padding:20px 0px;
    border-radius:0px; vertical-align:top;  background: #fff;
    
}



.About-bg-img-left
{
    
  height:auto; min-height:300px; display:block; width:210px; margin-bottom:10px; text-align:center; padding:0px 10px;float:left;
        
}


.About-bg-img-siz
{
    background-size:100% 100%;
    background-repeat: no-repeat;
    box-shadow: inset 0 0 1px #178EB8;
    -moz-box-shadow: inset 0 0 1px #178EB8;
    -webkit-box-shadow: inset 0 0 1px #178EB8;
    border-radius:5px;
    margin-bottom:0px;
    
}

.About-bg-cont-right
{
    
   height:auto; min-height:300px; width:840px; max-width:100%; margin-bottom:10px; text-align:left; float:left;  border-radius:4px;
	
	
        
}

.About-bg-hea {
       
    width:90%;
    max-width:90%;
    margin-bottom:0px;
    text-align: left;
    float: left;
   font-size:25px;
   display:block;
   color:#000;
   padding-left:10px;
}
.About-bg-hea1 {
    width: 90%;
    max-width: 90%;
    margin-bottom:30px;
    text-align: left;
    float: left;
    font-size: 20px;
    display: block;
    padding-left: 10px;

}

 .Ul-tab{
	border-bottom: none;
	padding:0px 20px 20px 20px;
	
}

.Ul-tab > li {
	border: none;
	border-radius: 0px;
	list-style-type: disc;
    list-style-position: inside;
    padding: 2px 0 2px 20px;
    text-indent: -1.5em;

}


/* ****************** Contact Us ************************ */

.contact-us
 {
	width: 100%;
	height:auto;
    min-height:255px;
    display:inline-block;
    margin-top:0%;
    text-align:center;
    margin-bottom:50px;
    
}


.contact-us-header
 {
	color:#0799aa; font-weight:200;
    
}

.contact-us-iframe
 {
	width:100%;
	height:auto;
    min-height:955px;
    max-height:1400px;
    display:block;
    text-align:center;
    padding-bottom:50px;
    position:relative;
    
}

.contact_form
{
    border: 1px solid #ededed;
    box-shadow: 0 5px 14px rgba(0, 0, 0, 0.1);
   
    padding: 50px 0;
    border-radius: 10px;
    text-align: center;

}

.contact_form-inner 
{
    width:auto; min-width:90%; max-width:100%; display:inline-block;
}
.contact_form .form-control {
    background-color: #fff;
    margin-bottom: 30px;
    border: 1px solid #ebebeb;
    box-sizing: border-box;
    color: #bcbcbc;
    font-size: 16px;
    outline: 0 none;
    padding: 10px 25px;
    height: 55px;
    resize: none;
    box-shadow: none !important;
    width: 100%;
}

.contact_form textarea {
    color: #bcbcbc;
    padding: 20px 25px !important;
    height: 160px !important;
}

.contact_form .form-control::-webkit-input-placeholder {
    color: #bcbcbc !important;
}

.contact_form .form-control::-moz-placeholder {
    opacity: 1;
    color: #bcbcbc !important;
}

.contact_form .form-control::-ms-input-placeholder {
    color: #bcbcbc !important;
}

#contact {
    background: url(images/bg.png) no-repeat center center #fff;
}


 /* faq */

.faq-b {
    
    width:100%;     
    height:auto; 
    min-height:300px;
    text-align:center;
    display:inline-block;
    position:relative; 
    margin-bottom:50px;   
    line-height:1.5;  margin-top:15px;    
 
}

.faq-b-inner {
    
    width:75%;      
    height:auto; 
    min-height:300px;
    display:inline-block;
    position:relative; 
  
    line-height:1.5;  margin-top:0px;    
 
}

.faq-b-inner h1{
    
    width:100%;      
    height:auto; 
    display:inline-block;
    position:relative;   
    line-height:1.5;
    font-size:20px !important; 
    text-align:left; 
    margin-top:15px; 
 
}

.faq-b-inner h2{
    
    width:100%;      
    height:auto; 
    display:inline-block;
    position:relative;   
    line-height:1.5;
    font-size:15px !important;   
    text-align:left;
    margin-top:10px;
 
}

.faq-b-inner p{
    
    width:100%;      
    height:auto; 
    display:inline-block;
    position:relative;   
    line-height:2 !important;
    font-size:14px !important; 
    text-align:justify;  
 
}


.faq-Ul-tab{
	border-bottom: none;
	padding:5px;
	margin-left:10px;

}

.faq-Ul-tab > li {
	border: none;
	border-radius: 0px;
	list-style-type: disc;
    list-style-position: inside;
    padding: 5px 0px 0px 8px;
     text-align:justify;
    text-indent: -1.5em;

}


/************************** Tutorial Page ***********************************/
.tutorial-bg {
    
    width:75%;     
    height:auto; 
    min-height:300px;
    text-align:center;
    display:inline-block;
    color:#000;
    margin-top:20px;
    margin-bottom:30px;
}

.tutorial-bg-video
{
    height:auto;
    min-height:300px;
    width:80%; 
    display:inline-block;
    background-color:#f2f3f5;
    padding:40px;
    margin-top:30px;
  
     
}



@media (max-width: 991px) 
{
.tutorial-bg-right
{
    height:auto;
    min-height:300px;
    width:100%;  
    float:left;    
    margin-top:10px;
    padding:10px;
  
  
}
}



  .video {
    width: 100%;
    border: 0px solid black;
}
.wrapper{
    display:table;
    width:auto;
    position:relative;
    width:100%; height:100%;
}
.playpause:before {
   
    width:50px;
    height:50px;
    position:absolute;
    left:0%;
    right:0%;
    top:0%;
    bottom:0%;
    margin:auto;
    background-size:contain;
    background-position: center;
    background-color:#145baa;
    content: "\f04b"; /*--You can add font icon code here--*/
    font-family: FontAwesome;
    font-size:28px;  
    cursor:pointer; 
    color:#fff;
     padding-left:5px;
    border:5px solid #145baa; border-radius:50%;
  
}  


.playpause11.active:after {
  content: "\f04c";
   width:25px;
    height:25px;
    position:absolute;
    left:0%;
    right:0%;
    top:0%;
    bottom:0%;
    margin:auto;
    background-size:contain;
    background-position: center;
    background-color:Orange;
    font-family: FontAwesome;
    font-size:40px;  
    cursor:pointer; 
    color:#fff;
}


/************************** Trainig Page ***********************************/


.training-main {
    
    width:100%;     
    height:auto; 
    min-height:300px;
    text-align:center;
    display:inline-block;
    position:relative; 
    margin-bottom:50px;   
    line-height:1.5;   
 
}

 
.training-main-left
{
    height:auto;
    min-height:500px;
    width:350px;
    max-width:30%;
    float:left;    
    text-align:left; 
    margin-top:10px;
    background-color:#ccc; 
    margin-left:8px;
}

.training-main-right
{
    height:auto;
    min-height:500px;
    width:900px;
    max-width:61%;
    float:left;    
    text-align:left; 
    margin-top:10px;
    background-color:Olive;
    margin-left:7px;
     
}


/* ****************** About Us ************************ */


.demo-bg {
    
    width:100%;     
    height:auto; 
    min-height:300px;
    text-align:center;
    display:inline-block;
    position:relative; 
    margin-bottom:50px;   
    line-height:1.5;  margin-top:15px;    
 
}

.demo-bg-inner {
    
    width:85%;      
    height:auto; 
    min-height:300px;
    display:inline-block;
    position:relative; 
  
    line-height:1.5;  margin-top:0px;    
 
}

.iframe-pdf {
    
    width:100%;  
    min-width:80%;
    max-width:100%;    
    height:auto; 
    min-height:1050px;
    max-height:100%;
    display:inline-block;
    position:relative;
   
     margin-top:0px;    
 
}

.menual-btn {
    
    width:100%;      
    height:auto; 
    min-height:1100px;
    max-height:100%;
    display:inline-block;
    position:relative;  background-color:Olive;
  
    line-height:1.5;  margin-top:0px;    
 
}
 
.demo-bg-img-left
{
    height:auto;
    min-height:500px;
    width:550px;
    max-width:100%;
    float:left;    
    text-align:left; 
    margin-top:10px;
     
}

.demo-bg-img-left-header
{
    height:auto;   
    display:inline-block;
    float:left;
    width:100%;   
    color:#145baa;
    margin-bottom:20px;
   
 }

.demo-bg-img-sizze
{
    width:200px; height:80px; float:left; margin-top:50px;
    background-size: 100% 80%;
    background-repeat: no-repeat; margin-right:20px;    
    
}


.demo-bg-right
{
    height: auto;
    min-height: 500px;
    width: 500px;
    max-width: 100%;
    display: inline-block;
    line-height: 0;
    margin-top: 10px;  
    padding:20px 60px;
    background: url(../images/need_in_bg.jpg) no-repeat center center;
    background-size: cover;  border-radius: 5px;
}


.demo-request-header
{    
   color:#fff;
}


.account-header {
    
    width:100%;      
    height:auto; 
    text-align:center;
    display:inline-block;
    position:relative;
    padding:5px;   
    background-color:#666;
    color:#fff;
    font-size:20px;
    margin-top:20px;
    
}

.section-title {
    display: block;
    position: relative;
    padding-bottom:30px;
  
}

.section-title p {
   
    font-weight: 400;
    font-size: 18px;
    line-height: 33px;
    margin: 0;
}

.section-title h3 {
    font-size: 42px;
    font-weight: 300;
    line-height: 62px;
    margin: 0 0 25px;
    padding: 0;
    text-transform: none;
    color:#145baa;
}

.section.colorsection p,
.section.colorsection h3,
.section.db h3 {
    color: #ffffff;
}

.pricing-table-sign-up {
    margin-top: 25px;
    padding-bottom:30px;
    
}



.all-title-box
{
    background: url('../images/banner.jpg') no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center;
    padding:80px 0px; text-align:center; max-width:100%; min-width:100%;
}

.all-title-box h1{
	color: #fff;	
	text-transform:none;
	font-size:2em; width:100%;
	line-height:1em; max-width:100%; min-width:100%;  font-weight:bold;
}

span.m_1 {
    font-weight: 300;
    font-size: 20px;
    line-height: 2em;
	display: block; max-width:100%; min-width:100%;
}



/* Popup and loader */

 .popup-b
        {
        
        position:fixed;
        z-index: 3;
        top: 0%;
        left: 0%;
        width: 100%; /* Full width */
        height: 100%; /* Full height */
        overflow: auto;/* Enable scroll if needed */
        background-color: rgb(0,0,0); /* Fallback color */
        background-color: rgba(0,0,0,0.8); /* Black w/ opacity */ 
        filter: alpha(opacity=15);
        -moz-opacity:.95; 
        opacity:1;
        z-index: 1000;       
        text-align:center;
  }
    
    
  .popup-b-bx2
        {
              height:auto;
              width:auto; max-width:100%; /* Could be more or less, depending on screen size */
              min-width:30%;
              position:relative; 
              display:inline-block;
              padding:10px 40px 40px 40px;
              background-color:#fff;
              box-shadow: inset 0 0 1px #ccc;
              -moz-box-shadow: inset 0 0 1px #ccc;
              -webkit-box-shadow: inset 0 0 1px #ccc;
               border-radius:5px;
               margin: 10% auto; /* 15% from the top and centered */
               
         }


.popup-b-in-bx2
{    
 
      border: 0px solid #888; height:auto;
      width:100%; /* Could be more or less, depending on screen size */
      position:relative;  
      text-align:left;
      display:inline-block;
      color:rgba(0, 0, 0, 0.8);     
      margin-bottom:20px;
       padding:10px 40px 40px 40px;
      
    
  }

.popup-b-inb-header2{width:100%; height:auto; min-height:60px; padding:0px 50px; font-weight:600; margin-top:10px;  text-align:center; color:rgb(2,70,145); font-size:25px;}

  .btncross
  {   
    
    text-align:center;
    font-weight:500;   
    float:right;
    cursor:pointer;
    display:block;
    margin-right:20px; margin-top:-10px; 
   }
   
  .btncross:before
  { 
  
    content: "\D7"; /* use the hex value here... */
    font-size:45px; 
    color:red !important;
    text-align: center;
    display:inline-block;
    font-weight:500;   
    float:right;
    cursor:pointer;
     
   }

.btncross2:before
  { 
      
    content: "\D7"; /* use the hex value here... */
    font-size:35px; 
    color:red !important;   
    display:inline-block;
    margin-top:-50px;
    margin-right:-415px;
    cursor:pointer;
 
   }
   
   
   .loginbtn:before
  { 
  
    content: "\f007"; /* use the hex value here... */
    font-size:20px; 
    color:#fff !important;
    text-align: center;   
    font-weight:800;  
    cursor:pointer;
    font-family: FontAwesome; 
     background-size:100% 100%;
     
   }
   
   
   
   
.popup-b-bx
        {
            
            height:auto; min-height:200px;
            width:auto; max-width:80%; /* Could be more or less, depending on screen size */
            min-width:30%;
            position:relative; 
            display:inline-block;             
            background-color:#fff;         
            margin: 10% auto; /* 15% from the top and centered */    
            background-color: #fff;
            box-shadow: 10px 10px 60px #555;  
            vertical-align: middle;   
            border-radius: 8px;
            padding:0px 30px 20px 30px;
   
  }

.popup-b-bx-pricing
        {
            
            height:auto; min-height:200px;
            width:auto; max-width:80%; /* Could be more or less, depending on screen size */
            min-width:30%;
            position:relative; 
            display:inline-block;             
            background-color:#fff;         
            margin: 10% auto; /* 15% from the top and centered */    
            background-color: #fff;
            box-shadow: 10px 10px 60px #555;  
            vertical-align: middle;   
            border-radius: 8px;
           
   
  }

.popup-b-bx-readmore
{    
 
            height:auto; min-height:180px;
            width:auto; max-width:50%; /* Could be more or less, depending on screen size */
            min-width:25%;
            position:relative; 
            display:inline-block;             
               
            margin: 10% auto; /* 15% from the top and centered */    
            box-shadow: 10px 10px 60px #555;  
            vertical-align: middle;   
            border-radius: 8px;
            color:#fff;
             background: url('../images/banner_other.jpg') no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center;
     
    
  }

.popup-b-in-bx
{    
 
      border: 0px solid #888; height:auto;
      width:100%; /* Could be more or less, depending on screen size */
      position:relative;     
      display:inline-block;          
      margin-bottom:20px;
      padding:10px 40px 40px 40px;
      text-align:left;
     
    
  }
   

   
   .popup-b-inb-header{width:100%; height:auto; min-height:20px; margin-bottom:20px; padding:10px 15px; font-weight:500; text-align:left; color:#fff; font-size:18px;
                        background-color:rgb(7,153,170,.8);  border-top-left-radius:0px;  border-top-right-radius:0px;}

  .btncross1:before
  { 
      
    content: "\D7"; /* use the hex value here... */
    font-size:35px; 
    color:red !important;   
    display:inline-block;
    margin-top:-50px;
    margin-right:-475px;
    cursor:pointer;
 
   }
   
  
   
 
   
.btn-popup-save 
{
    margin: 0;
    padding: 10px 34px;
    display: inline-block;
    border-radius: 3px;
    font-size: 14px;
    color: #46bac7;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    border: 2px solid #46bac7;

}
.btn-popup-save:hover 
{
    background-color:#000 ! important;
    color: #fff;
    border-color: #000;
  
 
}
   
   
   
   

.PopupMessageContent
        {
            width:100%;      
            height:auto;
            min-height:50px;   
            display:inline-block;
            font-weight:bold;
            text-align:center;
            font-size:25px  ! important;
            margin-top:40px;
         
                       
     }

.btnanchorClose 
{
    margin-top:30px;
    text-decoration:none;
    font-size:14px;
    background: rgb(70,186,199);
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	padding:8px 20px;
	text-decoration:none;
	border-radius:4px;
   
    
}
.btnanchorClose:hover 
{
  
   text-decoration:underline;
   background-color:#ccc;
   font-weight:bold;
    
}

.popup-b-inb-footer{width:100%; height:2rem;
  font-weight:normal;display:inline-block; text-align:center; border:0px solid #2980B9; margin-bottom:20px;}



.Proccess-Status
        {
            width:auto;             
            height:auto;
            min-height:50px;   
            display:block;            
            text-align:center;
            font-size:20px ;
           
            margin:30px 35px 30px 25px;
            
           
     }

.Proccess-Status-header{width:100%; display:block; color:Black; height:auto; min-height:30px; font-weight:500;margin-top:20px; line-height:1.5; text-align:center; font-size:20px;}

.Proccess-Status-Content{width:100%; display:block; height:auto; min-height:30px; font-weight:500;margin-top:10px; margin-bottom:10px; line-height:1.5; text-align:center; font-size:20px;}

.Proccess-Status-Symbol:before
{
    display:block;
    margin-top:0px;
    content: "\f058"; /* use the hex value here... */
    font-size:55px;     
    color:#068858;  
    font-weight:lighter;
    font-family:FontAwesome;
   
}

.Proccess-Status-Symbol-failed:before
{
    display:block;
    margin-top:0px;
    content: "\f05c"; /* use the hex value here... */
    font-size:55px;     
    color:red;  
    font-weight:lighter;
    font-family:FontAwesome;
   
}


.Proccess-Status-text{width:100%; display:block; color:Black; height:auto; min-height:30px; font-weight:500;margin:10px 0px 20px 0px; line-height:1.5; text-align:center; font-size:20px;}



/* Loader Process Status display */

.bacc
{
    top: 0%;
    left: 0%;
    width:auto;
    min-width:100%;   
    height:auto;
    min-height:100%;
    overflow: auto;/* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.8); /* Black w/ opacity */
 
    filter: alpha(opacity=15);
    -moz-opacity:.95; 
    opacity:1;
    z-index: 1000;
    position:fixed;
    text-align:center;
    }


    .loading
    {
    
        border: 0px solid #4682B4;
        width: 200px;
        height:160px;        
        text-align:center;
        display: none;
        position: fixed;        
        background-image: url('../images/loader.gif');
        background-size: 50% 60%;
        background-repeat: no-repeat; 
        background-position:center;      
        z-index: 999;
        background-color:transparent;
        padding-top:5px;
    }
    
    
    /* Read More Massage */
    .readmore
    {
         position:fixed;
        
        top: 0%;
        left: 0%;
        width: 100%; /* Full width */
        height: 100%; /* Full height */
        overflow: auto;/* Enable scroll if needed */
        background-color: rgb(0,0,0); /* Fallback color */
        background-color: rgba(0,0,0,0.8); /* Black w/ opacity */ 
        filter: alpha(opacity=15);
        -moz-opacity:.95; 
        opacity:1;
        
        text-align:center;
        
        }
    
    
    .readMore-box
    {   
        width:auto; min-width:20%; max-width:70%;
        height:auto; min-height:20%; max-height:70%;  
        background-color:#fff;
        padding:3% 5% 5% 5%;
        font-size:15px;
        position:absolute;
        margin-top:5%;
    
    }
    
   .readMore-btncross
  { 
      
        width:auto; min-width:20%; max-width:70%;
        height:auto; min-height:20%; max-height:70%;  
        background-color:#fff;
        padding:3% 5% 5% 5%;
        font-size:15px;
        position:absolute;
        margin-top:5%;
 
   }
    
/* faq start */



.faq-anchor {
  background-color: #eee;
  color: #666;
  cursor: pointer;
  padding: 12px;
  display:inline-block;
  width: 100%;
  border: none;
  text-align:left;
  outline: none;
  font-size: 15px;
  transition: 0.4s;
  margin-top:15px;
   font-weight:bold;
  
}

.faq-anchor.active, .faq-anchor:hover {
  background-color: #ccc; 
}

.faq-content {
  display: block;
  background-color: white;
  overflow: hidden;  text-align:left;
}

.faq-content p
{
    font-size:14px !important;text-align:left; padding:10px 0px; color:#000;
}

.faq-content .imge
{
    font-size:14px !important;text-align:justify; color:#000; margin-bottom:50px; 
}

.faq-content h1
{
    padding:5px 0px;
    font-size:16px !important;
    font-weight:bold;
    color:rgb(70,186,199); margin-top:20px;
}

.faq-content h2
{
    margin:20px 0px;
    padding:5px 0px;
    font-size:14px !important;
    font-weight:bold;
    color:rgb(70,186,199);
}

.faq-anchor:after {
  content: '\02795'; /* Unicode character for "plus" sign (+) */
  font-size: 13px;
  color: #000;
  float: right;
  margin-left: 5px;
}

.faq-anchor.active:after {
  content: "\2796"; /* Unicode character for "minus" sign (-) */
}

/* faq end */