/*-----font-face------*/

@font-face {
  font-family: 'Poppins-Light';
  src: url('../fonts/Poppins-Light.eot'); /* IE9 Compat Modes */
  src: url('../fonts/Poppins-Light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/Poppins-Light.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('../fonts/Poppins-Light.svg#svgFontName') format('svg'); /* Legacy iOS */
}
@font-face {
  font-family: 'Poppins-Regular';
  src: url('../fonts/Poppins-Regular.eot'); /* IE9 Compat Modes */
  src: url('../fonts/Poppins-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/Poppins-Regular.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('../fonts/Poppins-Regular.svg#svgFontName') format('svg'); /* Legacy iOS */
}
@font-face {
  font-family: 'RobotoSlab-Bold';
  src: url('../fonts/RobotoSlab-Bold.eot'); /* IE9 Compat Modes */
  src: url('../fonts/RobotoSlab-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/RobotoSlab-Bold.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('../fonts/RobotoSlab-Bold.svg#svgFontName') format('svg'); /* Legacy iOS */
}

*, *:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
a, a:link, a:visited, a:active, a:hover {
    cursor: pointer;
    text-decoration: none;
    outline: none;
}
a {
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}
.clearfix{
    clear: both;
    display: block;}


/*------------------------------------------------------*/
/*-global css---
/*------------------------------------------------------*/

body{
	margin:0;
	padding:0;
	font-size:14px;
	line-height:normal;
	color:#373737;
    background: #fff;
    -webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
    font-family: 'Poppins-Regular';
}
h1,h2,h3,h4,h5,h6,ul{
	margin:0;
	padding:0;
}
h1,h2,h3,h4,h5,h6{
   font-family: 'RobotoSlab-Bold';
}
a{ text-decoration:none !important; color: #57bed6;}
img{ vertical-align:middle;}

.bg-color{ background:#f1f1f1;}
.bg-color-1{background:#fff;}


.no-padding{ padding:0 !important;}
.no-margin{ margin: 0 !important;}

.pad-lft{ padding-left: 0 !important;}
.pad-rht{ padding-right: 0 !important;}

.padding-t-10{ padding-top:10px;}
.padding-b-10{ padding-bottom:10px;}
.padding-t-20{ padding-top:20px;}
.padding-b-20{ padding-bottom:20px;}
.padding-t-30{ padding-top:30px;}
.padding-b-30{ padding-bottom:30px;}
.padding-t-40{ padding-top:40px;}
.padding-b-40{ padding-bottom:40px;}

.margin-t-10{ margin-top:10px;}
.margin-b-10{ margin-bottom:10px;}
.margin-t-20{ margin-top:20px;}
.margin-b-20{ margin-bottom:20px;}
.margin-t-30{ margin-top:30px;}
.margin-b-30{ margin-bottom:30px;}
.margin-t-40{ margin-top:40px;}
.margin-b-40{ margin-bottom:40px;}
.margin-t-50{ margin-top:50px;}
.margin-b-50{ margin-bottom:50px;}

side-menu{
    position: fixed;
    right: 0;
    top: 45%;
}

/*============================= Main-Css-START =====================================*/

/*------------------*/
/*header-part
/*----------------------*/
header{
    margin: 0;
    padding:10px 0;
}
header p{
    color: #bf1301;
    text-transform: uppercase;
    font-size: 15px;
    text-align: center;
    padding: 8px 0;
    margin: 0;
}
.top-contact{
    text-align: right;
}
.top-contact .item-pt{
    position: relative;
    padding-left: 55px;
    margin: 25px 0 0 10px;
    display: inline-block;
    text-align: left;
}
.top-contact .item-pt img{
    position: absolute;
    left: 0;
    top: -3px;
}
.top-contact .item-pt h2{    
    font-size: 15px;
    color: #ff0000;
    font-family: 'Poppins-Regular';
}
.top-contact .item-pt h2 small{
    font-size: 16px;
    clear: both;
    display: block;
	line-height:35px;
    color: #000;
}


.well h6{
    font-size: 20px;
    margin-bottom: 20px;
}
.seo-main,.click-main {
    display: flex;
    flex-wrap: wrap;
}
.seo-box,.click-box{
    border: 1px solid #ebebeb;
    background: #fff;
    padding:10px 30px;
    margin-bottom: 30px;
    width: 30.33%;
    margin: 0 1% 2%;
    border-radius: 5px;
    box-shadow: 0 1px 2px rgba(0,0,0,0.11);
    transition: box-shadow 0.3s ease-in-out;
}
.shadow1{
  position:relative;
}
.shadow1{
    box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 20px rgba(0, 0, 0, 0.1) inset;
}

/****************************************************************
*styling shadows
****************************************************************/
.shadow1:before, .shadow1:after{
  position:absolute;
  content:"";
  bottom:12px;left:15px;top:80%;
  width:45%;
  background:#B6ADAA;
  z-index:-1;
  -webkit-box-shadow: 0 20px 15px #B6ADAA;
  -moz-box-shadow: 0 20px 15px #B6ADAA;
  box-shadow: 0 20px 15px #B6ADAA;
  -webkit-transform: rotate(-6deg);
  -moz-transform: rotate(-6deg);
  transform: rotate(-6deg);
}
.shadow1:after{
  -webkit-transform: rotate(6deg);
  -moz-transform: rotate(6deg);
  transform: rotate(6deg);
  right: 15px;left: auto;
}
.click-box{
    width: 48%;
}
.click-box h6{
    color: #0c1f58;
    font-size: 20px;
    margin: 10px 0;
}
/*------------------*/
/*banner-part

/*---------------------------------*/
/* left menu panel
/*----------------------------------------------*/
.items {
    background: #ececec;
    font-weight: 400;
}
.items > li{
    border-bottom: 1px solid #e2e2e2;
    list-style: none;
    text-decoration: none;
}
.items > li > a {
    display: block;
    padding-left: 14px;
    line-height: 40px;
    color: #373737;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
}
.items > li > a > i{
    margin-right: 5px;
}
.items > li > a::after {
  position: absolute;
  right: 30px;
  margin-top: 14px;
    font: normal normal normal 14px/1 FontAwesome;
}
.items > li > a::after {
  right: 30px;
  content: "\f055";
}
.itemHover {
  color: #fff;
}
.items > li > .expanded {
    background-color: #ffd917;
    color: #2a2b2d;
    transition: background-color 0.4s ease-in-out;
}
.items > li > a.expanded::after {
  content: "\f056";
}
    .table h6{
        font-size: 28px;
        padding-bottom: 10px;
/*        float: left;*/
    }
/*
    .btn-right{
        float: right;
    }
*/
/*
.sub-items > li:first-child > a {
  margin-top: 17px;
  height: 34px;
}

.sub-items > li:last-child > a {
  margin-bottom: 17px;
  height: 34px;
}
*/
.sub-items li{
    list-style: none;
    text-decoration: none;
}
.sub-items a {
  position: relative;
  display: block;
  margin: 0 auto;
    font-size: 13px;
  text-indent: 15px;
  line-height: 30px;
}
.sub-items a i{
    margin-right: 10px;
}
.sub-items a {
  border-left: 1px solid #565656;
    color: #101010;
}
.sub-items .current {
  position: relative;
  color: #373737;
  border-color: white;
}
.sub-items > li:hover > a {
  color: #007bff;
  transition: color 0.4s ease-in-out;
}
.sub-items {
  display: none;
  background: #fff;
}
/*
.package-box{
    margin: 30px 0;
}
*/
.fa-times{
    color: #ed1d27 !important;
}
.package-box{
    border: 3px solid #ffd917;
}
.package-box h4{
    background: #ffd917;
    padding: 5px 0;
    text-align: center;
    font-size: 20px;
}

.package-main{
    padding: 50px 0;
}
/*
.package-box .table tr td,.package-box .table tr th{
    text-align: center;
}
*/
.package-box .table tr td:hover,.package-box .table tr td:hover i{
    background: #198be0;
    color: #fff;
}
.package-box .table tr th{
    background: #fff;
}
.package-box .table tr td i{
    color: #3ea809;
}
tr:nth-of-type(odd) { 
  background:rgba(235,234,234,0.2); 
}
tr:nth-of-type(even) { 
  background: rgba(198,200,207,0.2); 
}
.package-box .table{
    margin-bottom: 0;
}
.nav-pills > li > a  {
    border-radius: 4px;
    background: #464646;
    padding: 10px 100px;
    font-size: 18px;
    color: #f1f1f1;
}

.nav-pills > li > a:hover,.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
    color: #111;
    background-color: #ffd917;
    
}


.items li{
    background-color: #ffd917;
}









/*----------------------*/
.banner{
    position: relative;
    margin: 0;
}
/*
.panel{
    background-image: url('../images/top-slider-pattern.png');
}
*/

.gdl-top-slider-wrapper {
    background-color: #17b270;
    padding-bottom: 50px;
}
.gdl-top-slider-inner-wrapper {
    background: url('../images/top-slider-top-shadow.png') 0px 0px repeat-x;
}
/*

.gdl-top-slider-wrapper {
    border-bottom-width: 8px;
border-bottom-style: solid;
position: relative;
margin-bottom: 30px;
    border-bottom-color: #f48522;
}
*/

/*
    .left-pt{
        margin-top: 100px;
    }
*/
.mlm-item h2{
    color: #fff;
    font-size: 36px;
    padding: 50px 0;
    text-align: center;
}
.mlm-item h4 {
    font-size: 20px;
    color: #fff;
    margin-bottom: 10px;
}
.mlm-item p{
    color: #fff;
}
.mlm-item ul{
    margin: 0;
    padding: 0;
}
.mlm-item ul li{
    position: relative;
    list-style: none;
    text-decoration: none;
    color: #f2f2f2;
    padding-left: 30px;
    padding-top: 8px;
}
.mlm-item ul li::before {
    font-family: 'themify';
    position: absolute;
    content: '\e64d';
    font-size: 14px;
    color: #fff;
    left: 0;
    top: 12px;
}

/*------------------*/
/*enquiry-part
/*----------------------*/
.enquiry-pt{
    position: relative;
    margin: 0;
    padding: 30px 0;
/*    background: #bbac0b;*/
    text-align: center;
}
.enquiry-pt img{
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
.enquiry-pt .btn-danger {
    color: #fff;
    background-color: #f02e24;
    border-color: #d4241b;
}

/*---------------------------*/
/*about part
/*---------------------------------------*/
.content-part{
    margin: 50px 0;
    padding: 0;
    position: relative;
}
.content-part h1{
    margin-bottom: 20px;
    font-size: 36px;
}
.content-part ul{
    margin: 0 0 20px;
    padding: 0 15px;
    list-style: none;
}
.content-part li{
    margin-bottom: 5px;
    position: relative;
    padding-left: 20px;
}
.content-part  li:before {
    font-family: 'themify';
    position: absolute;
    content: '\e64d';
    font-size: 12px;
    color: #f43737;
    left: 0;
    top: 5px;
}
.content-part li a{
    padding: 5px 15px;
    background: #fe5454;
    display: block;
    color: #ffffff;
}
.content-part li a:hover{
    background: #12aef8;
}

.content-part h3{
    font-size: 20px;
    margin-bottom: 10px;
}
.content-part h3 span{
    color: #24b668;
    line-height: 30px;
}
.content-part h4{
    font-size: 20px;
    margin-bottom: 10px;
    color: #e54040;
}
.content-part h5{
    margin: 20px 0;
    color: #fe5454;
    font-size: 24px;
}
.content-item {
    display: block;
    position: relative;
    background: #f7f7f7;
    margin-bottom: 20px;
}

.content-item h2{
	font-size:20px;
	color:#323a3c;
	margin-bottom:10px;
}
.tt-service-icon {
    float: left;
    width: 80px;
    text-align: center;
}
.tt-service-info {
    padding-left: 100px;
}
.tt-service-info p{
    margin: 0;
}



/*------------------------------------*/
/*service part
/*------------------------------------------*/
.service-main{
    margin: 50px 0;
    padding: 0;
    position: relative;
}
.service-item1{
    width: 14.2857%;
    float: left;
}
.service-item2{
    width: 28.5714%;
    float: left;
}
.service-item1 img, .service-item2 img{
    float: left;
}
.service-item2 .img-pt{
    float: left;
    width: 50%;
}


/*-- product part --*/
.product-pt{
    padding: 70px 0;
    background: url(../images/bg1.jpg) no-repeat;
    background-size: cover;
}
.companystats {
    font-size: 0;
    text-align: center;
}
.companystats .cstats {
    display: inline-block;
    vertical-align: top;
    position: relative;
    z-index: 1;
    right: 0px;
    width: 25%;
    padding: 20px 10px;
    min-height: 150px;
    text-align: center;
    font-size: 1rem;
    color: #000;
}
.companystats .cstats i{
    font-size: 40px;
    margin-bottom: 15px;
    color: #5bc0de;
}
.companystats .fontlg {
    font-size: 36px;
    display: block;
    line-height: 1.25;
}
.companystats .cstats .statecaption {
    font-size: 18px;
    word-wrap: break-word;
    font-family: 'Poppins-Light';
    display: block;
    clear: both;
    line-height: 22px;
   
}
.companystats .cstats .statecaption a{
     color: #1d498a;
}
.companystats .cstats:nth-child(-n+4):before {
    content: '';
    width: 80%;
    height: 1px;
    left: 10%;
    bottom: 0;
    position: absolute;
    background: -webkit-linear-gradient(left,rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 50%,rgba(0,0,0,0) 100%);
    background: -moz-linear-gradient(left,rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 50%,rgba(0,0,0,0) 100%);
    background: linear-gradient(to right,rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 50%,rgba(0,0,0,0) 100%);
}
.companystats .cstats+.cstats:after {
    content: '';
    height: 80%;
    width: 1px;
    left: 0;
    top: 10%;
    position: absolute;
    background: -moz-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 50%,rgba(0,0,0,0) 100%);
    background: -webkit-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 50%,rgba(0,0,0,0) 100%);
    background: linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 50%,rgba(0,0,0,0) 100%);
}
.companystats .cstats:nth-child(4n+1):after
{display:none;}

/*-- /end product part --*/


/*-- mobile apps part ---*/
.app-part{
    margin: 50px 0;
    color: #fff;
    text-align: center;
}
.app-part img{
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
.app-part h1, .app-part h3{
    margin-bottom: 20px;
}
.app-part .img-pt{
    position: relative;
}
.app-part .icon-pt{
    margin-bottom: 40px;
}
.app-part .icon-pt ul{
    margin: 0;
    padding: 0;
}
.app-part .icon-pt ul li{
    padding-left: 0;
    display: inline-block;
    margin-right: 10px;
    width: 50px !important;
    height: 50px;
    line-height: 55px;
    background: #fff;
    text-align: center;
    border-radius: 3px;
    font-size: 20px;
    box-shadow: 0px 0px 5px rgba(0,0,0,0.2);
}
.app-part .icon-pt ul li:before{
    display: none;
}
/*
.app-part .img-pt img{
    position: absolute;
    bottom: 0;
    right: 0;
    top: 0;
    margin: auto;
}
*/

/*-- /end mobile apps part ---*/





/*---------------------------------------*/
/*auto scroll part
/*-----------------------------------------------------*/
#flexiselDemo1, #flexiselDemo2, #flexiselDemo3 {
display:none;
}

.nbs-flexisel-container {
    position:relative;
    max-width:100%;
}
.nbs-flexisel-ul {
    position:relative;
    width:99999px;
    margin:0px;
    padding:0px;
    list-style-type:none;   
}

.nbs-flexisel-inner {
    overflow:hidden;
    float:left;
    width:100%; 
}

.nbs-flexisel-item {
    float:left;
    margin:0px;
    padding: 0px;
    cursor:pointer;
    position:relative;
}

/*** Navigation ***/

.nbs-flexisel-nav-left,
.nbs-flexisel-nav-right {
    width: 22px;
    height: 22px; 
    position: absolute;
    cursor: pointer;
    z-index: 100;
    opacity: 0.5;
}

.nbs-flexisel-nav-left {
    left: 10px;
    background: url(../images/button-previous.png) no-repeat;
}

.nbs-flexisel-nav-right {
    right: 5px;
    background: url(../images/button-next.png) no-repeat;
}





/*----------------------------------*/
/*-- footer --*/
/*-------------------------------------------*/
footer{
    padding:0 0 50px;
    background: url(../images/footer-bg.jpg) no-repeat;
    background-size: cover;
    color: #fff;
    font-size: 12px;
}
.footer-top{
    background: #c1e648;
    padding: 20px 0;
    margin-bottom:50px;
}
.footer-top h2{
    color: #000;
    margin: 0;
    font-size: 26px;
    padding-top: 10px;
}
.footer-top .btn{
    border-radius: 25px;
    font-size: 20px;
    padding: 6px 20px;
}
.footer-top .btn-danger {
    color: #fff;
    background-color: #f02e24;
    border-color: #d4241b;
}
footer hr {
    margin-top: 50px;
    margin-bottom: 50px;
    border: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.2);
}
.footer-middle{
    color: #fff;
}
.footer-middle h3{
    font-size: 16px;
    text-transform: uppercase;
    color: #f02e24;
    margin-bottom: 15px;
}
.footer-middle ul{
    list-style: none;
    padding: 0;
    margin: 0;
}
.footer-middle li a{
    color: #fff;
}
.footer-middle li a:hover{
    color: #f02e24;
}

/*--//footer--*/

/*-- copyright part --*/
.copyright{
    padding: 25px 0;
    margin: 0;
    background: #000;
    font-size: 12px;
    color: #ccc;
}
.copyright p{
    margin: 0;
}
.copyright i{
    width: 30px;
    height: 30px;
    padding: 10px;
    margin: 1px;
    font-size: 16px;
    border-radius: 25px;
    border: 2px solid #636363;
    color: #636363;
}
.copyright i:hover{
    border-color: #fff;
    color: #fff;
}
/*-- //copyright part --*/



/*-------------------------------*/
/*inner part
/*-----------------------------------------*/
.page-title {
    position: relative;
    text-align: center;
    height: 300px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-attachment: fixed;
}
/*
.page-title:before{
    position: absolute;
    content: '';
    background: rgba(0,0,0,0.4);
    height: 100%;
    width: 100%;
}
*/
.page-title img{
    background-size: cover;
}
.page-title h1 {
    position: relative;
    font-size: 48px;
    font-weight: 700;
    color: #fff;
    line-height: 1.5em;
    text-transform: capitalize;
}
.page-title h1 small{
    display: block;
    clear: both;
    color: #fff900;
    font-style: italic;
    font-size: 18px;
    font-family: 'Poppins-Regular';
}



/*--------------------------*/
/*contact us*/
/*---------------------------------*/
.contact-part{
    margin: 50px 0;
    padding: 0;
    position: relative;
}
.contact-part h1{
    font-size: 24px;
    margin-bottom: 10px;
    letter-spacing: 1px;
    border-bottom: 1px solid #bfbfbf;
    padding-bottom: 10px;
}
.contact-part h5{
    margin-bottom: 5px;
}
.contact-part h4{
    margin-bottom: 10px;
}
.contact-us .item{
    border: 1px solid #ebe7e6;
    padding: 7px 10px;
    box-shadow: 0px 0px 5px rgba(0,0,0,0.2);
    margin-bottom: 10px;
}
.contact-us .item p{
    position: relative;
    padding-left: 60px;
}
.contact-us .item p img{
    position: absolute;
    left: 0;
    top: 2px;
    border-radius: 50px;
}
.contact-part form {
    margin-top:10px;
    border-radius: 5px;
}
.contact-part input {
    border-radius: 0;
    height: 50px;
    margin-bottom: 15px;
    background:#fff !important;
    border: 1px solid #dbdbdb !important;
}
.contact-part textarea {
    border-radius: 0;
    height: 80px;
    resize: none;
    background:#fff !important;
    border: 1px solid #dbdbdb !important;
}


/*---------------------------*/
/*e-commerce part
/*------------------------------------*/

.ecommerce-pt{
    margin: 0;
    padding: 0;
    position: relative;
}
.ecommerce-pt h1{
	padding: 30px 0 10px;
}
.payment-pt{
	border-top: 1px solid #eaeaea;
	padding: 30px 0;
	text-align: center;
}
.payment-pt h2{
	margin-bottom: 20px;
	font-size: 36px;
}
.payment-box , .payment-box1 , .payment-box2 , .payment-box3{
	background: url(../images/payment-box.png) no-repeat;
	border: 1px solid #ccc;
	padding-bottom: 30px;
	margin-top: 30px;
}
.payment-box1{
	background: url(../images/payment-box-1.png) no-repeat;
}
.payment-box2{
	background: url(../images/payment-box-2.png) no-repeat;
}
.payment-box3{
	background: url(../images/payment-box-3.png) no-repeat;
}
.payment-box h5 , .payment-box1 h5 , .payment-box2 h5 , .payment-box3 h5{
	font-family: 'Poppins-Light';
	font-weight: 700;
	color: #fff;
	font-size: 16px;
	text-align: center;
	padding: 25px 5px 40px;
	margin-bottom: 30px;
	text-transform: uppercase;
}
.payment-box h6 , .payment-box1 h6 , .payment-box2 h6 , .payment-box3 h6{
	font-family: 'Poppins-Regular';
	font-size: 22px;
	color: #70716e;
	padding: 8px 0;
	position: relative
}
.payment-box h6 span , .payment-box1 h6 span , .payment-box2 h6 span , .payment-box3 h6 span{
	text-decoration: line-through;
	color: #5a5a5a;
}
.payment-box p , .payment-box1 p, .payment-box2 p, .payment-box3 p{
	color: #898989;
}
.payment-box h3, .payment-box1 h3, .payment-box2 h3, .payment-box3 h3{
	font-size: 30px;
	padding-bottom:10px;
}
.pay-box ul{
	margin: 0 0 30px;
	padding: 0;
}
.pay-box ul li{
	display: block;
	list-style: none;
	padding: 6px 0;
	font-size: 14px;
	text-transform: capitalize;
	color: #898989;
	border-bottom: 1px solid #ccc;
}
.pay-box{
	background: #e1e1e199;
	padding: 15px 5px 0;
	margin: 10px 0 0;
}
.price-footer a{
    background-color: #328f8f;
	border-radius: 5px;
    color: #fff;
    font-size: 15px;
    padding: 10px 20px;
    box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.2);
}
.price-footer a i{
	padding-right: 8px;
}

.business-pt{
	background: #2b2935;
	padding: 50px 0;
	margin: 20px 0 0;
	overflow: hidden;
}
.business-pt h2{
	font-size: 36px;
	color: #fff;
	text-align: center;
	padding-bottom: 50px;
}
.business-pt h3{
	color:#fff;
	margin:20px 0 0;
}
.business-text h6{
	font-family: 'Poppins-Regular';
    font-size: 18px;
    color: #f1f1f1;
    margin-bottom: 5px;
    font-weight: bold;
}
.business-text p{
	color: #c5c2d0;
    font-size: 13px;
    padding-top: 0;
    margin-bottom: 20px;
}
.business-text{
	margin-left: 40px;
}
.business-img{
	margin-top: 50px;
}

/*-----------------------*/
/*e-features
/*-----------------------------------------*/
.e-feature{
	padding:50px 0;
	margin:0;
}
.e-feature h2{
	font-size:36px;
	margin-bottom:30px;
}
.e-feature h2 span{
	color:#f00;
}
.e-feature h2 small{
	clear:both;
	display:block;
	font-size:18px;
	margin-top:10px;
}
.e-feature .content-pt{
	display:flex;
	flex-direction:row;
	justify-content:space-between;
	margin-top:20px;
	flex-wrap:wrap;
}
.e-feature .content-pt .item{
	position:relative;
	background: #e7f0fe;
	padding:10px 10px 10px 80px;
	margin-bottom:20px;
	width:48%;
	box-shadow: 0px 2px 5px rgba(0,0,0,0.3);
}
.e-feature .content-pt .item div{
	position: absolute;
    background: #e45628;
    width: 70px;
    height: 100%;
    color: #fff;
    top: 0;
    left: 0;
    display: flex;
    font-size: 30px;
    align-items: center;
}
.e-feature .content-pt .item div i{
	margin-left:20px;
}



/*---------------------------*/
/*career part
/*------------------------------------*/
.career-pt{
	margin: 50px 0;
}
.career-pt h2{
	margin-bottom: 20px;
	font-size: 36px;
}
.table-box{
	margin:20px 0 0;
}
.table-box table tr td{
	height: 20px;
}
.table-box table tr td span{
	color: #0c70a4;
	font-weight: 700;
}
.table-box table tr td h6{
	font-size: 16px;
}
.career-img img{
	margin: 50px 0 0;
	border: 10px solid #d3dcdb;
	padding: 10px;
}
.table-box a{
	float: right;
	clear: both;
}
.career-cv{
    background: #fff;
    box-shadow: 0px 0px 5px rgba(0,0,0,0.3);
    padding: 20px;
    font-size: 16px;
    border-radius: 15px;
}
.career-cv a{
    font-size: 20px;
    color: #ff5050;
}
.career-cv a:hover{
    color: #0404ff;
}

/*---------------------------*/
/*apply part
/*------------------------------------*/

.apply-part{
	padding: 30px 0;
	text-align: center;
}
.apply-part h6{
	font-family: 'Poppins-Regular';
	font-size: 16px;
	color: #28190f;
	padding-bottom: 10px;
	line-height: 26px;
}
.apply-part p{
	font-size: 16px;
	color: #ed7622;
}
.apply{
	border: 2px solid #ccc;
	padding:5px 10px;
	margin-top: 30px;
}
.apply button{
	float: right;
	background-color: #f02e24;
	border-color: #d4241b;
}
.old-site{
	position: fixed;
	top: 40%;
	right: 0;
	z-index: 99999;
}







.box{position:relative;cursor:pointer;color:#16a085;height:100%}
.box>div:hover{-webkit-transition-delay:0s;transition-delay:0s}
.box:hover h3,.box:hover span{color:#fff;-webkit-transition-delay:0s;transition-delay:0s}
.box svg{position:absolute;top:0;left:0}
.box:hover svg line{-webkit-transition-delay:.1s;transition-delay:.1s}
.box svg line.bottom,.box svg line.left,.box svg line.right,.box svg line.top{stroke-dasharray:100% 100%}
.box:hover svg line.top{-webkit-transform:translateX(-605px);transform:translateX(-605px)}
.box:hover svg line.bottom{-webkit-transform:translateX(630px);transform:translateX(630px)}
.box:hover svg line.left{-webkit-transform:translateY(760px);transform:translateY(760px)}
.box:hover svg line.right{-webkit-transform:translateY(-760px);transform:translateY(-760px)}

.services-box .button a{background:#16181e;line-height:40px;padding:0 20px;text-transform:uppercase;color:#fff;font-family:Roboto,sans-serif;font-weight:400;display:inline-block}
.services-box h3{color:#2b2b2b!important;text-transform:uppercase}
.services-box p{margin:0 0 20px;color:#4c4e54;font-size:14px}
.services-box a{color:#4c4e54;font-size:14px;text-decoration:none}
.services-box:hover a{color:#f6bb19}
.services-box:hover{border-color:#f6bb19}
.services-box{background:#fff none repeat scroll 0 0;border:5px solid #f5f5f5;text-align:center;padding:1.5rem}
.margin-num .services-box.box{margin:0}
.margin-num{width:calc(100% + 58px)!important;margin:0 0 0 -21px}
.services-box .icons{margin:0 0 1rem}
.services-box.box a{position:relative;z-index:22}
.services-box.box p{position:relative;z-index:22;line-height:22px;font-size:14px}
.services-box.box h4{font-size:16px;}
.services-box:hover .button a{background:#f6bb19;color:#fff!important}
.services-box.box{border:0;margin:0 0 1.5em; min-height: 300px;}
.services-box img{height:120px;}
.services-box:hover img{filter:grayscale(1);-webkit-filter:grayscale(1);-moz-filter:grayscale(1);-o-filter:grayscale(1);-ms-filter:grayscale(1)}
.services-box.box svg line{stroke:#eee;}
.services-box.box:hover svg line{stroke:#d82626}
.services-box.box svg line{stroke-width:8;fill:none;-webkit-transition:all .8s ease-in-out;transition:all .8s ease-in-out}

.services-box.box:hover svg line{-webkit-transition-delay:.1s;transition-delay:.1s}
.services-box.box svg line.bottom,.services-box.box svg line.top{stroke-dasharray:115% 100%}
.services-box.box:hover svg line.bottom,.services-box.box:hover svg line.top{stroke-dasharray:120% 80%}
.services-box.box svg line.left,.services-box.box svg line.right{stroke-dasharray:80% 100%}
.services-box.box:hover svg line.left,.services-box.box:hover svg line.right{stroke-dasharray:110% 100%}
.services-box.box:hover svg line.top{-webkit-transform:translateX(-495px);transform:translateX(-495px)}
.services-box.box:hover svg line.bottom{-webkit-transform:translateX(550px);transform:translateX(550px)}
.services-box.box:hover svg line.left{-webkit-transform:translateY(900px);transform:translateY(900px)}
.services-box.box:hover svg line.right{-webkit-transform:translateY(-900px);transform:translateY(-900px)}


.service-pt{
    padding: 60px 0 ;
    background-color: #f2f2f2;
}
.service{
    text-align: center;
    display: flex;
    flex-wrap: wrap;
}
.ser-box{
    background: #fff;
    padding: 50px 30px;
    margin-bottom: 30px;
    width: 23%;
    margin: 0 1% 2%;
    border-radius:5px;
    box-shadow: 0 1px 2px rgba(0,0,0,0.11);
  transition: box-shadow 0.3s ease-in-out;
}
.ser-box:hover{
    box-shadow: 0 0px 15px rgba(0,0,0,0.2);
}
.ser-box h6 {
    color: #1d498a;
    font-size: 16px;
}
.ser-box img {
    border: 1px solid #cccccc;
    padding: 10px;
    border-radius: 50%;
    margin-bottom: 20px;
}



/*----------------------------------------*/
/*modal part
/*--------------------------------------------------*/
.modal{
    top: 6%;
}
.modal-header {
    padding:15px 30px;
    border-bottom: 1px solid #e5e5e5;
}
.modal-header h2{
    margin-bottom: 10px;
}
.modal-body {
    padding: 20px;
}
.modal-content{
    border-radius: 0;
    border: 10px solid #d82626;
}
.modal-content .form-horizontal .control-label{
    text-align: left;
}
.close{
    color: #d82626;
    font-size: 30px;
    opacity: 1;
}
.sticky {
  position: fixed;
  top: 0;
  width: 100%;
    z-index: 1000;
    box-shadow: 0 1px 3px rgba(0,0,0,0.2);
}



.nav-tabs {
    margin-bottom: 20px;
}


.products-pt{
    background: #fff;
    box-shadow: 0px 0px 5px rgba(0,0,0,0.3);
    padding: 15px;
    font-size: 16px;
    border-radius: 15px;
    margin-bottom: 10px;
    display: inline-block;
}
.products-pt .btn{
    border-radius: 25px;
}
.products-pt h1{
    font-size: 26px !important;
    color: #1d498a;
}
.side-panel {
    border: 1px solid #ccc;
    border-radius: 5px;
}
.side-panel h6{
    color: #fff;
    font-size: 20px;
    background: #1d498a;
    text-align: center;
    padding: 8px ;
    margin-bottom:20px;
}
.side-panel form{
    padding: 15px;
    margin-bottom: 20px;
}
.side-panel .btn{
    width: 100%;
}



.more-btn{
   background: #fbf931;
    color: #000;
    margin: 50px 0 0;
    padding: 10px 16px;
    font-size: 18px;
}
.tag-main-box{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-around;
}
.tag-box{
    width: 31.33%;
    margin: 1%;
    box-shadow: 0 2px 5px rgba(0,0,0,0.10);
    padding:10px;
    border: 1px solid #f1f1f1;
    background: #fff;
    font-size: 16px;
	box-shadow: 0 2px 5px rgba(0,0,0,0.30);
}
.tag-box img{
    margin:0 10px;
}

/*------------------------------------------------------*/
/*--------------- responsive part ----------------------*/
/*------------------------------------------------------*/
@media(max-width:768px){
    header {
        margin: 0;
        padding: 0;
        position: fixed;
        z-index: 100;
        width: 100%;
        background: #fff;
    }
    .banner {
        position: relative;
        margin: 140px 0 0 0;
    }
    .main-menu {
        display: none;
    }
    .slide-buttons {
        position: fixed;
        top: 10px;
        right: 10px;
        z-index: 1000;
    }
    #slide-buttons {
        display: block;
    }
    .top-contact {
        text-align: center;
        display: none;
    }
    .top-contact .item-pt {
        margin: 15px 0 10px 10px;
    }
    .top-contact .item-pt h2 small {
        font-size: 15px;
        margin-top: 5px;
    }
    /* banner part */
    .slide1-text3 {
        font-size: 15px;
        line-height: 22px;
    }
    .slide1-text4 {
        font-size: 13px;
        line-height: 18px;
    }
    .slide1-text5 {
        font-size: 10px;
        line-height: 16px;
        padding: 0;
    }
    .enquiry-pt {
        margin: 10px 0 0 0;
        padding: 20px 0;
    }
    .btn-lg{
        font-size: 14px;
    }
    .content-part h1 {
        margin-bottom: 20px;
        font-size: 24px;
    }
    .content-item {
        margin-bottom: 20px;
        margin-top: 20px;
        background: #fff;
    }
    .companystats .cstats i {
        font-size: 20px;
        margin-bottom: 10px;
    }
    .companystats .cstats .statecaption {
        font-size: 12px;
        line-height: 16px;
    }
    .footer-top h2 {
        color: #fff;
        margin: 0 0 20px;
        font-size: 24px;
    }
    footer hr {
        margin-top: 20px;
        margin-bottom: 20px;
        border-top: 1px solid rgba(255, 255, 255, 0.2);
    }
    .footer-middle ul {
        margin: 0 0 30px;
    }
    footer .pull-right {
        float: left !important;
    }
    footer p{
        margin: 0;
    }
    .copyright p {
        margin: 0 0 20px;
        text-align: center;
        display: inline-block;
    }
    .copyright .pull-right {
        float: none !important;
        text-align: center;
    }
    .page-title {
        height: 160px;
        background-attachment: inherit;
        margin-top: 140px;
        background-size: cover;
    }
    .pad-lft {
        display: none;
    }
    
}


.ser-box p{
    color: #ec730d;
    font-size: 14px;
    margin-top: 20px;
}

.softwear-features{
    background: #fffbd2;
    height: 500px;
}
.softwear-features-bg{
    background: url(../images/featurebg.png) top left repeat-x;
    height: 198px;
    
}