/*font-family: 'Oxygen', sans-serif;*/



*{
    padding:0;
    margin:0;
    outline:0;
}
a{
    text-decoration: none;
}
ul,ol{
    list-style-type: none;
}

/**************************************header part start************************************/
#header{
    background: rgb(12, 111, 12) !important;
}
#header a img{
    height: 45px;
    width: 60px;
}
#header ul li a{
    color: #ffffff;
    font-family: 'Oxygen', sans-serif;
    font-weight: 400;
    font-size: 18px;
    margin-right: 30px;
    transition: all linear 0.2s;
    
}
#header ul li a:hover{
    color: #333333;
}
.dropdown_bg{
    background: #333333;
}
.dropdown_bg:hover{
    background: #2196f3;
}
.dropdown-menu{
    background: #333333 !important;
}
/******************************************header part end***********************************/


/******************************************slider part end***********************************/
#slider{
    background: url(../images/TCTD2.jpg);
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
}

.icon_left i{
    position: absolute;
    top: 280px;
    left: 150px;
    color: #fff !important;
    z-index: 1;
    width: 40px;
    height: 40px;
    background-color: rgba(255, 255, 255,0.3);
    text-align: center;
    line-height: 40px;
    border-radius: 50%;
    cursor: pointer;
    transition: all linear 0.3s;
}
.icon_left i:hover{
    width: 60px;
    height:60px;
    border-radius: 50%;
    line-height: 60px;
    text-align: center;
}
.icon_right i{
    position: absolute;
    top: 280px;
    right: 150px;
    color: #fff;
    z-index: 1;
    width: 40px;
    height: 40px;
    background-color: rgba(255, 255, 255,0.3);
    text-align: center;
    line-height: 40px;
    border-radius: 50%;
    cursor: pointer;
    transition: all linear 0.3s;
}
.icon_right i:hover{
    width: 60px;
    height:60px;
    border-radius: 50%;
    line-height: 60px;
    text-align: center;
}


/*
.slide_btn{
    padding: 15px;
}
*/
.slider_full{
    margin: 100px 150px;
}

.sliderimg{
    position: relative;
}
.slick-dots{
    position: absolute;
    bottom:-50px;
    left: 50%;
    transform: translateX(-50%);
}

.slick-dots li{
    position: relative;
    float: left;
    height: 15px;
    width: 15px;
    background:none;
    border-radius: 50%;
    margin-right: 15px;
    border:1px solid #ffffff;
}
.slick-dots li button{
    position: absolute;
    top:50%;
    left:50%;
    transform: translate(-50%,-50%);
    height: 15px;
    width: 15px;
    background: #ffffff;
    border-radius: 50%;
    color: transparent;
    border: none;
    opacity: 0;
    cursor: pointer;
    outline:0;
}

#slider .slick-dots .slick-active button{
    opacity: 1;
}



/*****************************************slider part end***********************************/



/*****************************************footer part start***********************************/
#footer{
    padding: 50px;
}
.major_products h3{
    font-family: 'Oxygen', sans-serif;
    font-weight: 700;
    font-size: 22px;
    position: relative;
}
.major_products h3::after{
    position: absolute;
    content: "";
    bottom: -5px;
    left: 0;
    height: 3px;
    width: 157px;
    background: #000000;
}
.major_products ul li a{
    text-decoration: none;
    color: #333333;
    transition: all linear 0.3s;
}
.major_products ul li a:hover{
    background: #333333;
    color: #ffffff;
}
.about_us h3{
    font-family: 'Oxygen', sans-serif;
    font-weight: 700;
    font-size: 22px;
    position: relative;
}
.about_us h3::after{
    position: absolute;
    content: "";
    bottom: -5px;
    left: 0;
    height: 3px;
    width: 96px;
    background: #000000;
}
.about_us ul li a{
    text-decoration: none;
    color: #333333;
    transition: all linear 0.3s;
}
.about_us ul li a:hover{
    background: #333333;
    color: #ffffff;
}
.resources h3{
    font-family: 'Oxygen', sans-serif;
    font-weight: 700;
    font-size: 22px;
    position: relative;
}
.resources h3::after{
    position: absolute;
    content: "";
    bottom: -5px;
    left: 0;
    height: 3px;
    width: 107px;
    background: #000000;
}
.resources ul li a{
    text-decoration: none;
    color: #333333;
    transition: all linear 0.3s;
}
.resources ul li a:hover{
    background: #333333;
    color: #ffffff;
}
.follow_us{
    position: relative;
}
.follow_us::after{
    position: absolute;
    content:"";
    bottom:-14px;
    left:0;
    height: 1px;
    width: 100px;
    background: #000000;
}
.follow_us h3{
    font-family: 'Oxygen', sans-serif;
    font-weight: 700;
    font-size: 22px;
    position: relative;
}
.follow_us h3::after{
    position: absolute;
    content: "";
    bottom: -5px;
    left: 0;
    height: 3px;
    width: 105px;
    background: #000000;
}
.follow_us ul li a{
    text-decoration: none;
    color: #333333;
    transition: all linear 0.3s;
}
.follow_us ul li a:hover{
    background: #333333;
    color: #ffffff;
}
.business{
    margin-top: 40px;
}
.business ul li a{
    text-decoration: none;
    color: #333333;
    transition: all linear 0.3s;
}

.business ul li a:hover{
    background: #333333;
    color: #ffffff;
}
/*****************************************footer part end***********************************/



/*****************************************copyright start***********************************/
#copyright{
    background: #696809;
    padding: 20px 0;
}
#copyright a{
    color: #1e23a0;
}
/*****************************************copyrightend***********************************/






/***********************************The company page start here**************************/

#company_full{
    background: rgba(252,234,187,1);
    background: -moz-linear-gradient(top, rgba(252,234,187,1) 0%, rgba(251,223,147,1) 0%, rgba(251,223,147,1) 0%, rgba(252,205,77,1) 51%, rgba(248,181,0,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(252,234,187,1)), color-stop(0%, rgba(251,223,147,1)), color-stop(0%, rgba(251,223,147,1)), color-stop(51%, rgba(252,205,77,1)), color-stop(100%, rgba(248,181,0,1)));
    padding: 100px 0;
            
}
.the_company h3{
    font-family: 'Oxygen', sans-serif;
    font-weight: 700;
    font-size: 22px;
}
.the_company img{
    margin-top: 30px;
}
.welcome_bmsoft h3{
    font-family: 'Oxygen', sans-serif;
    font-weight: 700;
    font-size: 22px;
    margin-bottom: 30px;
}
.welcome_bmsoft p{
    font-family: 'Oxygen', sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 23px;
}
.superior_quality{
    margin-top: 80px;
}
.superior_quality h3{
    font-family: 'Oxygen', sans-serif;
    font-weight: 700;
    font-size: 22px;
    margin-bottom: 30px;
    cursor: pointer;
}
.superior_quality p{
    padding-right: 400px;
    font-family: 'Oxygen', sans-serif;
    font-weight: 400;
    font-size: 14px;
}
.advancement_technology{
    margin-top: 80px;
}
.advancement_technology h3{
    font-family: 'Oxygen', sans-serif;
    font-weight: 700;
    font-size: 22px;
    margin-bottom: 30px;
    cursor: pointer;
}
.advancement_technology p{
    padding-right: 260px;
    font-family: 'Oxygen', sans-serif;
    font-weight: 400;
    font-size: 14px;
}
/************************************The company page end here*****************************/



/*************************************Our mission page start here*************************/
#our_mission_full{
    background: rgba(252,234,187,1);
    background: -moz-linear-gradient(top, rgba(252,234,187,1) 0%, rgba(251,223,147,1) 0%, rgba(251,223,147,1) 0%, rgba(252,205,77,1) 51%, rgba(248,181,0,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(252,234,187,1)), color-stop(0%, rgba(251,223,147,1)), color-stop(0%, rgba(251,223,147,1)), color-stop(51%, rgba(252,205,77,1)), color-stop(100%, rgba(248,181,0,1)));
}
.mission_img_part img{
    width: 700px;
    height: 600px;
}
.same_bmsoft{
    padding: 200px 0 200px 0;
}
.same_bmsoft h3{
    font-family: 'Oxygen', sans-serif;
    font-weight: 700;
    font-size: 26px;
}
.same_bmsoft h5{
    font-family: 'Oxygen', sans-serif;
    font-weight: 400;
    font-size: 18px;
    padding: 20px 70px 20px 0;
    position: relative;
}

.same_bmsoft h5::after{
    background: #000;
    position: absolute;
    content: "";
    bottom:-5px;
    left:0;
    width:300px;
    height:1px;
     
}
/*************************************Our mission page end here*************************/




/*************************************Link page start here*****************************/
#link_full{
    background: rgba(252,234,187,1);
    background: -moz-linear-gradient(top, rgba(252,234,187,1) 0%, rgba(251,223,147,1) 0%, rgba(251,223,147,1) 0%, rgba(252,205,77,1) 51%, rgba(248,181,0,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(252,234,187,1)), color-stop(0%, rgba(251,223,147,1)), color-stop(0%, rgba(251,223,147,1)), color-stop(51%, rgba(252,205,77,1)), color-stop(100%, rgba(248,181,0,1)));
}
/*************************************Link page end here*****************************/



/*************************************Our client page start here*****************************/
#client_full{
    background: rgba(252,234,187,1);
    background: -moz-linear-gradient(top, rgba(252,234,187,1) 0%, rgba(251,223,147,1) 0%, rgba(251,223,147,1) 0%, rgba(252,205,77,1) 51%, rgba(248,181,0,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(252,234,187,1)), color-stop(0%, rgba(251,223,147,1)), color-stop(0%, rgba(251,223,147,1)), color-stop(51%, rgba(252,205,77,1)), color-stop(100%, rgba(248,181,0,1)));
}
/*************************************Our client page end here*****************************/




/*************************************contact page start here*****************************/
#contact_full{
    background: rgba(252,234,187,1);
    background: -moz-linear-gradient(top, rgba(252,234,187,1) 0%, rgba(251,223,147,1) 0%, rgba(251,223,147,1) 0%, rgba(252,205,77,1) 51%, rgba(248,181,0,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(252,234,187,1)), color-stop(0%, rgba(251,223,147,1)), color-stop(0%, rgba(251,223,147,1)), color-stop(51%, rgba(252,205,77,1)), color-stop(100%, rgba(248,181,0,1)));
    padding: 100px 0 100px 0;
}
.contact-form{
    background: #f1f1f1;
    -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2);
    width:500px;
    padding: 30px;
}
.contact-title{
    text-align: center;
}
.contact-title h3{
    font-family: 'Oxygen', sans-serif;
    font-weight: 700;
    font-size: 26px;
}
.contact_btn{
    padding: 0.375rem 10.75rem;
    background: #158909;
    border-color: transparent;
    transition: all linear 0.3s;
    font-family: 'Oxygen', sans-serif;
    font-weight: 500;
    font-size: 14px;
}
.contact_btn:hover{
    background: #2196f3;
    color: #000000;
}
.contact_btn:focus{
    box-shadow: none;
}
/*************************************contact page end here*****************************/






/*******************************  school management page start here  ***************************/
#sm_full{
    background: rgba(252,234,187,1);
    background: -moz-linear-gradient(top, rgba(252,234,187,1) 0%, rgba(251,223,147,1) 0%, rgba(251,223,147,1) 0%, rgba(252,205,77,1) 51%, rgba(248,181,0,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(252,234,187,1)), color-stop(0%, rgba(251,223,147,1)), color-stop(0%, rgba(251,223,147,1)), color-stop(51%, rgba(252,205,77,1)), color-stop(100%, rgba(248,181,0,1)));
}
.sm-img img{
    width:700px;
    height:380px;
    margin: 130px 0 200px 0;
}

/*******************************  school management page end here  *****************************/




/****************************** freight forwarding page start here *************************/
#ff_full{
    background: rgba(252,234,187,1);
    background: -moz-linear-gradient(top, rgba(252,234,187,1) 0%, rgba(251,223,147,1) 0%, rgba(251,223,147,1) 0%, rgba(252,205,77,1) 51%, rgba(248,181,0,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(252,234,187,1)), color-stop(0%, rgba(251,223,147,1)), color-stop(0%, rgba(251,223,147,1)), color-stop(51%, rgba(252,205,77,1)), color-stop(100%, rgba(248,181,0,1)));
}
.ff-img img{
    width:700px;
    height:380px;
    margin: 130px 0 200px 0;
}

/******************************* freight forwarding page end here *****************************/



/****************************** softswitch page start here *************************/
#softswitch_full{
    background: rgba(252,234,187,1);
    background: -moz-linear-gradient(top, rgba(252,234,187,1) 0%, rgba(251,223,147,1) 0%, rgba(251,223,147,1) 0%, rgba(252,205,77,1) 51%, rgba(248,181,0,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(252,234,187,1)), color-stop(0%, rgba(251,223,147,1)), color-stop(0%, rgba(251,223,147,1)), color-stop(51%, rgba(252,205,77,1)), color-stop(100%, rgba(248,181,0,1)));
}
.softswitch-img{
    margin: 50px 0 200px 0;
}
.softswitch-img img{
    width:700px;
    height:380px;
}
.softswitch-img h3{
    font-family: 'Oxygen', sans-serif;
    font-weight: 700;
    font-size: 26px;
    margin-bottom: 30px;
}
/******************************* softswitch page end here *****************************/



/****************************** software development page start here *************************/
#software_full{
    background: rgba(252,234,187,1);
    background: -moz-linear-gradient(top, rgba(252,234,187,1) 0%, rgba(251,223,147,1) 0%, rgba(251,223,147,1) 0%, rgba(252,205,77,1) 51%, rgba(248,181,0,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(252,234,187,1)), color-stop(0%, rgba(251,223,147,1)), color-stop(0%, rgba(251,223,147,1)), color-stop(51%, rgba(252,205,77,1)), color-stop(100%, rgba(248,181,0,1)));
}
.software-img img{
    width:700px;
    height:380px;
    margin: 130px 0 200px 0;
}

/******************************* software development page end here *****************************/



/****************************** pbx service page start here *************************/
#pbx_full{
    background: rgba(252,234,187,1);
    background: -moz-linear-gradient(top, rgba(252,234,187,1) 0%, rgba(251,223,147,1) 0%, rgba(251,223,147,1) 0%, rgba(252,205,77,1) 51%, rgba(248,181,0,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(252,234,187,1)), color-stop(0%, rgba(251,223,147,1)), color-stop(0%, rgba(251,223,147,1)), color-stop(51%, rgba(252,205,77,1)), color-stop(100%, rgba(248,181,0,1)));
}
.pbx-img img{
    width:700px;
    height:380px;
    margin: 130px 0 200px 0;
}

/******************************* pbx service page end here *****************************/




/****************************** voice service page start here *************************/
#voice_full{
    background: rgba(252,234,187,1);
    background: -moz-linear-gradient(top, rgba(252,234,187,1) 0%, rgba(251,223,147,1) 0%, rgba(251,223,147,1) 0%, rgba(252,205,77,1) 51%, rgba(248,181,0,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(252,234,187,1)), color-stop(0%, rgba(251,223,147,1)), color-stop(0%, rgba(251,223,147,1)), color-stop(51%, rgba(252,205,77,1)), color-stop(100%, rgba(248,181,0,1)));
}
.voice-img img{
    width:730px;
    height:380px;
    margin: 130px 0 30px 0;
}
.voice-img p{
    background: rgba(255, 255, 255, 0.8);
    padding: 10px;
    border-radius: 15px;
}
.voice-img{
     padding-bottom: 200px;
}
   
.voice_rightside{
    padding: 130px 0 200px 0;
}
.voice_bmsoft h3{
    font-family: 'Oxygen', sans-serif;
    font-weight: 700;
    font-size: 22px;
    position: relative;
}
.voice_bmsoft h3::after{
    background: #000;
    position: absolute;
    content: "";
    bottom:-12px;
    left:0;
    width:300px;
    height:1px;
}
.voice_bmsoft p{
    background: rgba(255, 255, 255, 0.8);
    padding: 10px;
    border-radius: 15px;
    margin-top: 30px;
}
.li_horizental ul li{
    line-height: 30px;
}
.li_horizental ul li a{
    text-decoration: none;
    color: #000000;
    margin-left: 5px;
    padding: 5px;
}
.li_horizental ul li a:hover{
    background: #333333;
    color: #ffffff;
    border-radius: 10px;
}
.update_rate{
	width:100%;
	margin:0 auto;
	margin-top:50px;
}
.update_rate table tr td{
    padding: 5px;
}
.all-rates{
    width:350px;
    height:180px;
    border: 1px solid green;
}
.all-rates marquee{
    height:180px;
}
/****************************** voice service page end here *****************************/



/****************************** flexi server page start here *****************************/
#flexi_full{
    background: rgba(252,234,187,1);
    background: -moz-linear-gradient(top, rgba(252,234,187,1) 0%, rgba(251,223,147,1) 0%, rgba(251,223,147,1) 0%, rgba(252,205,77,1) 51%, rgba(248,181,0,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(252,234,187,1)), color-stop(0%, rgba(251,223,147,1)), color-stop(0%, rgba(251,223,147,1)), color-stop(51%, rgba(252,205,77,1)), color-stop(100%, rgba(248,181,0,1)));
}
.flexi-img img{
    width:700px;
    height:400px;
    margin: 40px 0 70px 0;
}
.flexi_rightside{
    padding: 40px 0 70px;
}
.flexi_bmsoft img{
    width:135px;
    height:100px;
}
.flexi_bmsoft h3{
    position: relative;
}
.flexi_bmsoft h3::after{
    background: #000;
    position: absolute;
    content: "";
    bottom:-20px;
    left:0;
    width:300px;
    height:1px;
}
.flexi_bmsoft p{
    background: rgba(255, 255, 255, 0.8);
    padding: 10px;
    border-radius: 15px;
    margin-top: 40px;
    font-family: 'Oxygen', sans-serif;
    font-weight: 400;
    font-size: 14px;
}
.flexi_horizentals h3{
    font-family: 'Oxygen', sans-serif;
    font-weight: 700;
    font-size: 18px;
    position: relative;
}
.flexi_horizentals h3::after{
    background: #000;
    position: absolute;
    content: "";
    bottom:-5px;
    left:0;
    width:300px;
    height:1px;
}
.flexi_horizentals ul li span{
    color: #000000;
    margin-left: 5px;
    font-family: 'Oxygen', sans-serif;
    font-weight: 500;
    font-size: 16px;
}
.pac_h4{
	width:50%;
	margin: auto;
	font-weight:500;
    text-align: center;
	font-size:30px;
	background:#fff;
	border-radius:10px;
	padding:5px;
	border:5px solid gray;
}
.flexi_marquee_title{
    margin-top: 70px;
}




.pricing_box{
	border-radius: 15px;
	border:1px solid #f1f1f1;
	margin-bottom: 18px;
}
.panel-heading{
	background: #754f9c;
	padding: 19px 0;
	border-radius: 15px 15px 0 0;
    transition: all linear 0.3s;
}
.panel-heading h3{
	font-family: 'Oxygen', sans-serif;
	font-size: 18px;
	color:#f1f1f1;
	font-weight: 700;
	text-transform: uppercase;
}
.pricing_box:hover .panel-heading h3{
	color:#fff;
}
.pricing_box:hover .panel-heading{
	background: #2196f3;
}
.pricing_box:hover .price_btn{
	color:#fff;
    background: rgb(12, 111, 12);
}
.plan{
	height: 120px;
	width: 120px;
	border-radius: 50%;
	border:5px solid #f1f1f1;
	margin: 20px auto;
    background: -webkit-linear-gradient(90deg, #2caab3 0%, #2c8cb3 100%);
}
.plan_inner{
	position: relative;
	top: 50%;
	transform: translateY(-58%);
}
.panel-body .plan h3{
	color:#353535;
	font-family: 'Oxygen', sans-serif;
	font-weight: 700;
	font-size: 22px;
    margin-top: 10px;
}
.panel-body .plan p{
	font-family: 'Oxygen', sans-serif;
	font-weight: 700;
	color:#555;
}
.price_text{
	padding: 0 0 40px;
	background: #f1f1f1;
	border-radius:0 0 15px 15px;
}

.price_btn{
    background: #e5e2e2;
	height: 40px;
	width: 200px;
	line-height: 40px;
	border:1px solid #353535;
	display: inline-block;
	border-radius: 20px;
	font-size: 14px;
	font-family: 'Oxygen', sans-serif;
	font-weight: 700;
	color:#353535;
	position: absolute;
	bottom: 2px;
	left: 50%;
	transform: translateX(-50%);
    transition: all linear 0.3s;
}

.total_price_box{
    margin-top: 40px;
}
.live-demo{
    margin: 70px 0 40px;
}

.pricing_box a{
    text-decoration: none;
}

.content{
	text-align:center;
}
.content a{
    text-decoration: none;
}
.server_demo{
	width:50%;
	margin:5px auto;
	background:#fff;
	border:5px solid gray;
	border-radius:10px;
    position: relative;
}
.order_now{
    height: 40px;
    width:200px;
    background: #e5e2e2;
    line-height: 40px;
    border:1px solid #353535;
    border-radius: 20px;
	font-size: 14px;
	font-family: 'Oxygen', sans-serif;
	font-weight: 700;
	color:#353535;
    position: absolute;
    bottom: -15%;
	left: 50%;
	transform: translateX(-50%);
    transition: all linear 0.3s;
}
.server_demo a{
    text-decoration: none;
    text-align: center;
}
.order_now:hover{
	color:#fff;
    background: rgb(12, 111, 12);
}
.server_demo{
    padding-bottom: 30px;
    margin-bottom: 40px;
}
/****************************** flexi server page end here *****************************/


/*back to top icon*/
.back_to_top{
    height: 50px;
    width: 50px;
    background: rgb(12, 111, 12);
    color: #fff;
    text-align: center;
    line-height: 50px;
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 50;
    cursor: pointer;
    display: none;
    border-radius: 50%;
}
.back_to_top:hover{
    background:none;
    border:2px solid rgb(12, 111, 12);
    color:rgb(12, 111, 12);
}
/*back to top icon*/



/*js nav bar*/

.header_nav_bg {
    background: rgb(12, 111, 12);
    position: fixed;
    z-index: 999999;
    transition: all linear 0.5s;
    animation: bg 1s;
    top: 0;
    width: 100%;
}
@keyframes header_nav_bg{
    form{
        top: -50px;
    }
    to{
        top: 0px;
    }
}
/*js nav bar*/