@charset "utf-8";
/* CSS Document */
html{
	height:100%;
}
@font-face {
    font-family: body-font;
    src: url(SEGOEUI.TTF);
}
h1, h2, h3, h4{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}

body {
	margin:0px;
	padding:0px;
    font-family:body-font;
	font-size:14px;
	background:#FFF;
	top:0 !important;
}
a{ 
	text-decoration:none;
	color:inherit;
}
#back2Top {
    width: 40px;
	height:30px;
	padding-top:10px;
    position: fixed;
    z-index: 999;
    bottom: 100px;
    right: 2%;
    background: #02071A;
    color: #FFF;
    display: none;
    cursor: pointer;
    text-align: center;
    font-size: 20px;
	border-radius:7px;
-moz-transition:all 0.2s ease-in 0.2s;
transition:all 0.2s ease-in 0.2s;
-webkit-transition:all 0.2s ease-in 0.2s;
-ms-transition:all 0.2s ease-in 0.2s;
-o-transition:all 0.2s ease-in 0.2s;
}
#back2Top:hover {
    background: #F8AE1B;
}



.success-div, #not-success-div, #warning-div{
	width:300px;
	height:50px;
	padding-top:10px;
	background:rgba(0,202,101,1);
	position:fixed;
	right:0px;
	top:100px;
	z-index:1000;
	font-size:16px;
	color:#FFF;
	cursor:pointer;
	display:none;
}

.success-div div, #not-success-div div, #warning-div div{
	text-align:center;
	width:60px;
	height:50px;
	background:#ecf0f1;
	color:rgba(0,202,101,.7);
	font-size:40px;
	float:left;
	padding-top:10px;
	margin-right:5px;
	margin-top:-10px;
}

.success-div span, #not-success-div span, #warning-div span{
	font-size:11px;
}
#not-success-div{
	font-size:14px;
	background: rgba(255,0,0,1);
}
#not-success-div div{
	color:rgba(255,0,0,1);
}
#not-success-div span{
	font-size:11px;
}
#warning-div{
	background: rgba(255,128,0,1);
}
#warning-div div{
	color:rgba(255,128,0,1);
}



#get-more-div{
	width:100%;
	height:100%;
	position:fixed;
	background: rgba(0,0,0,.7);
	z-index:900;
	display:none;
}
#get-more-div-secondary{
	width:100%;
	height:100%;
	position:fixed;
	background: rgba(0,0,0,.3);
	z-index:910;
	display:none;
}


.ajax-loader{
	text-align:center;
	padding-top:70px;
	font-size:18px;
	color:#bdc3c7;
}
.ajax-loader span{
	color:#FFF;
	cursor:pointer;
}



.alert{
	border:rgba(231,107,46,.4) 1px solid;
	background:rgba(231,107,46,.05);
	min-height:20px;
	padding:10px 5% 10px 5%;
	font-size:14px;
	line-height:20px;
	color:#7f8c8d;
	margin:10px auto;
}

.alert span{
	color:#3498db;
	cursor:pointer;
}

.alert-success{
	border:rgba(46,204,113,.4) 1px solid;
	background:rgba(46,204,113,.05);
}
.alert-failed{
	border:rgba(231,76,60,.4) 1px solid;
	background:rgba(231,76,60,.05);
}

.ajax-progress {
  background:#090;
  display: block;
  height: 20px;
  text-align: center;
  transition: width .3s;
  width: 0;
  line-height:20px;
  color:#FFF;
  border-radius:10px;
}



























.back-container{
	width:100%;
	height:auto;
	position:relative;
	z-index:120;
	margin-top:-180px;
	min-height:500px;
	background: rgba(233,233,233,.4);
}













.link-back-div{
	max-width:900px;
	padding:20px 0px 70px 0px;
	margin:auto;
	text-align:center;
	margin-top:-50px;
}

.link-back-div .link-in-div{
	width:100%;
	margin:auto;
	text-align:center;
}


.link-back-div .link-in-div .link-div{
	height:70px;
	width:28%;
	background:#FFF;
	border-radius:10px;
	display:inline-block;
	vertical-align:top;
	margin:5px .5% 5px .5%;
	cursor:pointer;
-moz-transition:all 0.2s ease-in 0.2s;
transition:all 0.2s ease-in 0.2s;
-webkit-transition:all 0.2s ease-in 0.2s;
-ms-transition:all 0.2s ease-in 0.2s;
-o-transition:all 0.2s ease-in 0.2s;
}
.link-back-div .link-in-div .link-div:hover{
	background:#CCC;
}
.link-back-div .link-in-div .link-div .icon{
	margin:15px;
	float:left;
	height:32.5px;
	width:40px;
	border:#22BCEF 2px  solid;
	border-radius:100%;
	font-size:25px;
	padding-top:7.5px;
	color:#68AF3C;
-moz-transition:all 0.2s ease-in 0.2s;
transition:all 0.2s ease-in 0.2s;
-webkit-transition:all 0.2s ease-in 0.2s;
-ms-transition:all 0.2s ease-in 0.2s;
-o-transition:all 0.2s ease-in 0.2s;
}
.link-back-div .link-in-div .link-div:hover .icon{
	background:#22BCEF;
	color:#FFF;
		-moz-transform:scale(1.3) translate(1px,0px);
		-webkit-transform:scale(1.3) translate(1px,0px);
}
.link-back-div .link-in-div .link-div h3{
	margin-top:25px;
	text-align:left;
	font-size:14px;
	font-weight:lighter;
}


@media all and (max-width:770px) {
.link-back-div .link-in-div .link-div{
	width:46%;
}
}

@media all and (max-width:600px) {
.back-container{
	background: rgba(233,233,233,1);
}
.link-back-div .link-in-div .link-div{
	width:80%;
	min-width:300px;
	margin:10px 0% 10px 0%;
}
}



















.index-bottom-div{
	background: rgba(0,0,0,.8);
	height:auto;
	width:100%;
	position:fixed;
	z-index:250;
	bottom:0px;
}

.index-bottom-div .nav-div-right{
	height:60px;
	background:rgba(104,175,60,.8);
	float:right;
	width:30%;

}
.index-bottom-div .nav-div-right:before{
	position:absolute;
	right:30%;
	content:"";
	width:0px;
	height:0px;
	border-top:60px solid transparent;
	border-right:60px solid rgba(104,175,60,.8);
	float:right;
}
.index-bottom-div .nav-div-left{
	height:60px;
	float:right;
	width:60%;
	text-align:left;
}
.index-bottom-div .nav-div-left .btn{
	width:250px;
	height:50px;
	border:none;
	background:#02071A;
	color:#22BCEF;
	margin-top:5px;
    font-family: body-font;
	font-size:16px;
	border-radius:5px;
	-moz-transition:all 0.2s ease-in 02s;
	transition:all 0.2s ease-in 0.2s;
	-webkit-transition:all 0.2s ease-in 0.2s;
	-ms-transition:all 0.2s ease-in 0.2s;
	-o-transition:all 0.2s ease-in 0.2s;
	cursor:pointer;
}
.index-bottom-div .nav-div-left .btn:hover{
	color:#FFF;
}

@media all and (max-width:500px) {
.index-bottom-div{
	display:none;
}.header-top-div .linkedin{
    display:none;
}
}
.body-div .left-div .text {
    text-align: center !important;
}
.body-div .left-div .text p{
    text-align: justify !important;
}
@media all and (max-width:700px) {
    .royal .left-div, .text .left-div {
        width: 100% !important;
        float: none;
        padding-right: 0%;
        border-right: none;
        margin: auto;
    }
    .royal .right-div, .text .right-div {
        width: 100% !important;
        float: none;
        padding-right: 0%;
        border-right: none;
        margin: auto;
    }
    
}
@media all and (max-width:700px) {
    .about .left-div {
        width: 100% !important;
        float: none;
        padding-right: 0%;
        border-right: none;
        margin: auto;
    }
    .about .right-div {
        width: 100% !important;
        float: none;
        padding-right: 0%;
        border-right: none;
        margin: auto;
    }
    
}

#wowslider-container1 .ws-title {
    top: 34% !important;
    opacity: 1;
}
















.body-div{
	width:100%;
	min-height:200px;
	background:#FFF;
}

.index-div{
	padding-top:170px;
}
.body-div #title-div{
	width:86%;
	margin:auto;
	border-radius:10px;
	margin-top:-200px;
	background:#FFF;
	min-height:60px;
	display:block;
	color:#95a5a6;
	font-size:25px;
	text-align:center;
	padding-top:30px;
}
.body-div #title-div h1{
	font-size:40px;
	color:#000;
	margin:0px;
	padding:0px;
	margin-bottom:10px;
}
.body-div #title-div h1 span{
	color:#68AF3C;
	font-size:60px;
}


.body-div{
	width:100%;
	min-height:200px;
	background:#FFF;
}


.body-div-in{
	width:90%;
	max-width:1200px;
	margin:auto;
	color:#7f8c8d;
	min-height:200px;
	text-align:center;
	padding-bottom:30px;
}
.body-div-in .title-div{
	font-size:20px;
	color:#95a5a6;
	text-align:center;
	width:80%;
	margin:auto;
	padding:50px 0px;
}
.body-div-in .title-div a{
	text-decoration:underline;
}

.body-div-in .title-div h2{
	font-size:50px;
	color:#333;
	margin:0px;
	padding:0px;
	line-height:50px;
}
.body-div-in .action-btn{
	border:none;
	margin:10px;
	height:60px;
	width: 170px;
	background:#1C75BC;
	color:#FFF;
	border-radius:5px;
    font-family: body-font;
	font-size:18px;
	transition:all 0.2s ease-in 0.2s;
	-moz-transition:all 0.2s ease-in 0.2s;
	-webkit-transition:all 0.2s ease-in 0.2s;
	-ms-transition:all 0.2s ease-in 0.2s;
	-o-transition:all 0.2s ease-in 0.2s;
	cursor:pointer;
}
.body-div-in .action-btn:hover{
	background: rgba(28,117,188,.6);
}

.body-div .right-div{
	width:50%;
	float:right;
	margin:auto;
}
.body-div .right-div .video-div{
	width:80%;
	margin:auto;
	margin-top:100px;
	min-height:400px;
	background:#999 url(../all-images/images/wait.gif) center no-repeat;
	border-radius:10px;
	
}
.body-div .right-div .video-div iframe{
	width:100%;
	height:400px;
}
.body-div .right-div img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    box-sizing: border-box;
}

.body-div .left-div{
	width:50%;
	float:left;
}
.body-div .left-div .text{
	padding:20px ;
	line-height:22px;
	text-align:justify;
	width:70%;
	margin:auto;
	color:#FFF;
}

.body-div .left-div .text h2{
	font-size:35px;
	line-height:40px;
	padding:0px;
	margin:0px;
	padding-top:30px;
	color:#22BCEF;
}
.body-div .left-div .action-btn{
	border:none;
	margin:10px;
	height:60px;
	width:70%;
	background:#22BCEF;
	color:#FFF;
	border-radius:5px;
    font-family: body-font;
	font-size:18px;
	transition:all 0.2s ease-in 0.2s;
	-moz-transition:all 0.2s ease-in 0.2s;
	-webkit-transition:all 0.2s ease-in 0.2s;
	-ms-transition:all 0.2s ease-in 0.2s;
	-o-transition:all 0.2s ease-in 0.2s;
	cursor:pointer;
}
.body-div .left-div .action-btn:hover{
	background: rgba(1,187,182,.6);
}



.royal{
	background:url(../all-images/images/raysoft-bg.jpg) top center;
	background-size:cover;
}

.royal .title-div{
	color:rgba(255,255,255,.7);
}
.royal h2{
	color:#FFF;
}
.royal .title-div h2{
	color:#FFF;
}


.body-hash{
	background:rgba(239,239,239,1);
}


































.footer{
	width:100%;
	height:auto;
	background:#02071A url(../all-images/images/footer-bg.png) right bottom no-repeat;
	padding:70px 0px 100px 0px;
}

.footer .footer-in{
	width:90%;
	margin:auto;
	text-align:center;
}
.footer .footer-in .media{
	display:inline-block;
	vertical-align:top;
	width:30%;
	text-align:left;
	color:#22BCEF;
	line-height:40px;
	font-size:14px;
}
.footer .footer-in .media img{
	width:200px;

}


.footer .footer-in .media li{
	padding:10px;
	color:#FFF;
	float:left;
	margin:5px;
	height:15px;
	width:15px;
	line-height:15px;
	text-align:center;
	list-style:none;
	font-size:15px;
	background: rgba(0,0,0,.5);
	border-radius:100%;
	transition:all ease 0.2s;
-webkit-transition:all ease 0.2s;
-ms-transition:all ease 0.2s;
-o-transition:all ease 0.2s;
-moz-transition:all ease 0.2s;
 -webkit-appearance: none;
    -moz-appearance: none;
	cursor:pointer;
}


.footer .footer-in .media li:hover{
	background:#22BCEF;
	color:#0F3636;
}

.footer .footer-in .link{
	display:inline-block;
	vertical-align:top;
	width:67%;
	text-align:center;
}
.footer .footer-in .link ul{
	width:24%;
	min-width:120px;
	margin:0px;
	padding:0px;
	display:inline-block;
	vertical-align:top;
}
.footer .footer-in .link ul h3{
	margin:0px;
	line-height:30px;
	color:#FFF;
	font-size:22px;
	font-weight:lighter;
	text-align:right;
}
.footer .footer-in .link ul h3 hr{
    width: 30%;
	border:none;
    border-bottom: 3px solid rgba(255,255,255,.8);
	margin-bottom:20px;
	float:right;
}
.footer .footer-in .link ul li{
	font-size:14px;
	color:#FFF;
	list-style:none;
	height:30px;
	line-height:30px;
	text-align:right;
	transition:all ease 0.2s;
-webkit-transition:all ease 0.2s;
-ms-transition:all ease 0.2s;
-o-transition:all ease 0.2s;
-moz-transition:all ease 0.2s;
 -webkit-appearance: none;
    -moz-appearance: none;
	cursor:pointer;
}
.footer .footer-in .link ul li:hover{
	color:#22BCEF;
}
.footer .copy-right{
	margin-top:20px;
	background: rgba(255,255,255,.1);
	min-height:100px;
	padding:20px 0px;
}
.footer .copy-right .div-in{
	width:90%;
	margin:auto;
	color:#FFF;
	text-align:justify;
}
.footer .copy-right .div-in a{
	text-decoration:underline;
	font-weight:bold;
}
@media all and (max-width:1020px) {
.footer .footer-in{
	width:96%;
}
}
@media all and (max-width:780px) {
.footer .footer-in .media{
	width:90%;
	margin-bottom:30px;
}
.footer .footer-in .link{
	width:90%;
}
.footer .footer-in .link ul h3{
	text-align:left;
}
.footer .footer-in .link ul h3 hr{
	float:left;
}
.footer .footer-in .link ul li{
	text-align:left;
}
.other-pages-title .title-div h1 {
    font-size: 28px !important;
    line-height: 28px !important;
}
}

































.login-back-div{
	width:100%;
	height:100%;
	position:absolute;
	background: url(../all-images/images/raysoft_login_bg.jpg) bottom center no-repeat;
	background-size:cover;
	overflow:auto;
}

.login-div{
	width:450px;
	min-height:300px;
	border-radius:7px;
	background:#FFF;
	margin:130px auto;
}

.login-div .div-in{
	padding:25px 0px 20px 0px;
	color:#999;
	width:90%;
	margin:auto;
}
.login-div .div-in .info-segment-even{
	width:48%;
	float:left;
}
.login-div .div-in .info-segment-odd{
	width:48%;
	float:right;
}
.login-div .div-in h1{
	font-size:30px;
	color:#333;
	margin:0px;
	padding:0px;
	line-height:30px;
}

.login-div .div-in .title{
	padding:10px;
	font-size:13px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#000;
}

.login-div .div-in .title span{
	color:#F00;
	font-size:18px;
}
.login-div .div-in #pswd_info{
	font-size:10px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#F00;
	text-align:right;
	display:none;
}
.login-div .div-in .pswd_info{
	font-size:12px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#666;
	text-align:left;
}
.login-div .div-in .text_field{
	margin-bottom:10px;
	border-radius:5px;
	border:#CCC 1px solid;
	padding:15px 5% 15px 5%;
	width:90%;
	font-size:15px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#1e1e1e;
	-webkit-text-fill-color: #1e1e1e;
	-webkit-transition:all ease 0.2s;
	-ms-transition:all ease 0.2s;
	-o-transition:all ease 0.2s;
	-moz-transition:all ease 0.2s;
	 -webkit-appearance: none;
    -moz-appearance: none;
	-moz-appearance:textfield;
	outline: none !important;
}
.login-div .div-in .selectinput{
	width:100%;
	font-size:13px;
}

.login-div .div-in .text_field:hover{
	-moz-appearance:none;
}
.login-div .div-in .text_field:focus{
	border:#1C75BC 1px solid;
	-moz-appearance:none;
		-moz-transform:scale(1) translate(1px,0px);
		-webkit-transform:scale(1) translate(1px,0px);
}
.login-div .div-in .issue{
	border:#F00 1px solid;
	-moz-appearance:none;
		-moz-transform:scale(1.04) translate(1px,0px);
		-webkit-transform:scale(1.04) translate(1px,0px);
}
.login-div .div-in .text-field-div{
	margin-bottom:10px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	line-height:40px;
	border: rgba(204,204,204,1) 1px solid;
	padding:0px 10px 0px 10px;
	border-radius:5px;
	background:#FFF;
}
.login-div .div-in .text-field-div .text_field{
	border-radius:5px;
	border:none;
	padding:15px 5% 15px 5%;
	width:90%;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#1e1e1e;
	-webkit-text-fill-color: #1e1e1e;
	-webkit-transition:all ease 0.2s;
	-ms-transition:all ease 0.2s;
	-o-transition:all ease 0.2s;
	-moz-transition:all ease 0.2s;
	 -webkit-appearance: none;
    -moz-appearance: none;
	-moz-appearance:textfield;
	outline: none !important;
}
.login-div .div-in .btn{
	border:none;
	margin: auto;
	height:50px;
	width:100%;
	background:#1C75BC;
	color:#FFF;
	border-radius:5px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:18px;
	transition:all 0.2s ease-in 0.2s;
	-moz-transition:all 0.2s ease-in 0.2s;
	-webkit-transition:all 0.2s ease-in 0.2s;
	-ms-transition:all 0.2s ease-in 0.2s;
	-o-transition:all 0.2s ease-in 0.2s;
	cursor:pointer;
}
.login-div .div-in .btn:hover{
	background:#68AF3C;
}
.login-div .div-in .checkbox{
	width:20px;
	height:20px;
	margin:10px;
	float:left;
}
.login-div .div-in .next-div{
	display:none;
	padding:10px;
}
.login-div .div-in #next1,.login-div .div-in #log_in{
	display:block;
}
.login-div .div-in .black{
	background:#000;
}

.login-div .div-in .col-1{
	width:23%;
}
.login-div .div-in .col-2{
	width:46%;
}
.login-div .div-in .col-3{
	width:75%;
}
.login-div .div-in .text-info{
	text-align:left;
	margin:10px;
	font-size:12px;
	transition:all 0.2s ease-in 0.2s;
	-moz-transition:all 0.2s ease-in 0.2s;
	-webkit-transition:all 0.2s ease-in 0.2s;
	-ms-transition:all 0.2s ease-in 0.2s;
	-o-transition:all 0.2s ease-in 0.2s;
}
.login-div .div-in .text-info span{
	color:#01BBB6;
	font-weight:bold;
	cursor:pointer;
}
.login-div .login-footer{
	height:50px;
	padding-top:20px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	border-top:#999 1px dashed;
	text-align:center;
	font-size:18px;
}
.login-div .login-footer span{
	color:#01BBB6;
	cursor:pointer;
}

@media all and (max-width:460px) {
.login-div{
	width:90%;
	background:rgba(255,255,255,.9);
}
.login-div .div-in .info-segment-even{
	width:100%;
	float:none;
}
.login-div .div-in .info-segment-odd{
	width:100%;
	float:none;
}
}
@media all and (max-width:390px) {
.login-div{
	width:95%;
}
.login-div .div-in{
	width:90%;
}
}


.login-div  .verify-otp-div{
	margin:auto;
	padding-top:10px;
	font-size:15px;
	text-align:center;
}
.login-div .success{
	padding-top:30px;
}
.login-div  .verify-otp-div .icon{
	width:80px;
	height:80px;
	border-radius:100%;
	border:#01BBB6 1px solid;
	margin:10px auto;
	overflow:hidden;
}
.login-div  .verify-otp-div .icon img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    box-sizing: border-box;
}
.login-div  .verify-otp-div h1{
	font-size:35px;
	line-height:35px;
	margin:10px;
	text-align:center;
}
.login-div  .verify-otp-div .btn{
	width:100%;
	height:50px;
}
@media all and (max-width:390px) {
.login-div  .verify-otp-div h1{
	font-size:25px;
	line-height:25px;
	margin:15px;
}
}


















.other-pages-title{
	padding-top:150px;
	min-height:150px;
	background: url(../all-images/images/other-pages-title-bg.jpg) bottom center no-repeat;
	background-size:cover;
}
.other-pages-title .title-div{
	width:85%;
	margin:auto;
	color:#FFF;
}
.other-pages-title .title-div span{
	color:#68AF3C;
}
.other-pages-title .title-div h1{
	padding:0px;
	margin:0px;
	font-size:40px;
	color:#FFF;
	line-height:50px;
}
.other-pages-title .title-div .btn{
	min-width:150px;
	height:50px;
	border:none;
	background:#1C75BC;
	color:#FFF;
	margin-top:5px;
    font-family: body-font;
	font-size:16px;
	border-radius:5px;
	float:right;
	-moz-transition:all 0.2s ease-in 02s;
	transition:all 0.2s ease-in 0.2s;
	-webkit-transition:all 0.2s ease-in 0.2s;
	-ms-transition:all 0.2s ease-in 0.2s;
	-o-transition:all 0.2s ease-in 0.2s;
	cursor:pointer;
}
.other-pages-title .title-div .btn:hover{
	background:#68AF3C;
}









.product-item .text{
	 width:100%;
	 margin: auto;
	 min-height:300px;
	 padding:50px 0px;
 } 

.product-item .text .left-div{
	width:48%;
	float:left;
	padding-right:3%;
	border-right:#95a5a6 1px solid;
}
.product-item .text .left-div img{
	width:100%;
}
.product-item .text .right-div{
	width:47%;
	float:left;
}
.product-item .text .right-div .info{
	padding-top:40px;
	padding-left:10%;
	width:80%;
	float:left;
	text-align: justify;
	line-height:25px;
}
.product-item .text .right-div .info h3{
	text-align:left;
	font-size:20px;
	color:#22BCEF;
}
.product-item .text .right-div .info .readmore-btn{
	margin:10px;
	background:#22BCEF;
	border:none;
	color:#FFF;
	min-width:200px;
	height:50px;
	border-radius:7px;
    font-family: body-font;
	font-size:17px;
	padding:0px 10px;
	-moz-transition:all 0.2s ease-in 02s;
transition:all 0.2s ease-in 0.2s;
-webkit-transition:all 0.2s ease-in 0.2s;
-ms-transition:all 0.2s ease-in 0.2s;
-o-transition:all 0.2s ease-in 0.2s;
cursor:pointer;
}
.product-item .text .right-div .info .readmore-btn:hover{
	background:#68AF3C;
}


















.dashboard-div{
	margin:auto;
	margin-top:-100px;
	margin-bottom:40px;
	width:90%;
	max-width:1200px;
}
.dashboard-div .title-div{
	width:90%;
	margin:auto;
	font-size:30px;
	color:#FFF;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}
.dashboard-div .statistics-back-div{
	width:96%;
	margin:20px auto;
	text-align:center;
}
.dashboard-div .statistics-back-div .statistics-div{
	width:22%;
	margin:0px 1%;
	display:inline-block;
	vertical-align:top;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	background:#FFF;
	height:80px;
	border-radius:5px;
	box-shadow:0px 5px 10px 1px rgba(0,0,0,.1);
	cursor:pointer;
	-moz-transition:all 0.2s ease-in 02s;
transition:all 0.2s ease-in 0.2s;
-webkit-transition:all 0.2s ease-in 0.2s;
-ms-transition:all 0.2s ease-in 0.2s;
-o-transition:all 0.2s ease-in 0.2s;
}
.dashboard-div .statistics-back-div .statistics-div:hover{
	box-shadow: none;
}
.dashboard-div .statistics-back-div .statistics-div .div-in{
	padding:10px;
}
.dashboard-div .statistics-back-div .statistics-div .div-in .text-div{
	float:left;
	width:60%;
	color:#999;
	font-size:10px;
	text-align:left;
}
.dashboard-div .statistics-back-div .statistics-div .div-in .text-div .span{
	font-size:20px;
	height:25px;
	line-height:25px;
	color:#000;
	margin:10px 0px;
	-moz-transition:all 0.2s ease-in 02s;
transition:all 0.2s ease-in 0.2s;
-webkit-transition:all 0.2s ease-in 0.2s;
-ms-transition:all 0.2s ease-in 0.2s;
-o-transition:all 0.2s ease-in 0.2s;
}
.dashboard-div .statistics-back-div .statistics-div:hover .text-div .span{
	color:#1C75BC;
}

.dashboard-div .statistics-back-div .statistics-div .div-in .trend-div{
	float:right;
	width:36%;
	background:#FFF;
	height:50px;
	margin-top:5px;
	box-shadow:0px 8px 6px 1px rgba(0,0,0,.1);
	overflow:hidden;
}
.dashboard-div .statistics-back-div .statistics-div .div-in .trend-div img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    box-sizing: border-box;
}

.dashboard-div .statistics-back-div .odd{
	background:#1C75BC ;
}
.dashboard-div .statistics-back-div .odd .div-in .text-div{
	color: rgba(255,255,255,.8);
}
.dashboard-div .statistics-back-div .odd .div-in .text-div .span{
	color:#FFF;
}

.dashboard-div .statistics-back-div .statistics-div .div-in .btn{
	width:40%;
	height:40px;
	border:none;
	border-radius:5px;
	background: rgba(255,255,255,.5);
	color:#FFF;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	cursor:pointer;
	margin-top:10px;
	-moz-transition:all 0.2s ease-in 02s;
transition:all 0.2s ease-in 0.2s;
-webkit-transition:all 0.2s ease-in 0.2s;
-ms-transition:all 0.2s ease-in 0.2s;
-o-transition:all 0.2s ease-in 0.2s;
}
.dashboard-div .statistics-back-div .statistics-div .div-in .btn:hover{
	opacity:.7;
}







.company-email-alert {
    position: fixed;
    height: auto;
    width: 100%;
    color: #FFF;
    background: #F90;
    top: 150px;
    text-align: center;
    z-index: 100;
    padding: 10px 0px;
}
.company-email-alert .div-in{
	width:60%;
	margin:auto;
	line-height:20px;
	min-height:20px;
}
.company-email-alert .div-in u{
	text-decoration:underline;
	cursor:pointer;
}
.company-email-alert .div-in .close{
	width:20px;
	height:20px;
	border:#FFF 1px solid;
	border-radius:100%;
	color:#FFF;
	font-size:12px;
	background:none;
	float:right;
	cursor:pointer;
	-moz-transition:all 0.2s ease-in 02s;
transition:all 0.2s ease-in 0.2s;
-webkit-transition:all 0.2s ease-in 0.2s;
-ms-transition:all 0.2s ease-in 0.2s;
-o-transition:all 0.2s ease-in 0.2s;
}
.company-email-alert .div-in .close:hover{
	background:#0F3636;
	border:#0F3636 1px solid;
}















.caption-div{
	margin:70px auto;
	width:500px;
	min-height:200px;
	background:#FFF;
	border-radius:7px;
	overflow:hidden;
}
.caption-div .title-div{
	font-size:22px;
	height:30px;
	padding:10px;
	background:#22BCEF;
	line-height:30px;	
	border-radius:7px 7px 0px 0px;
	color:#FFF;
}
.caption-div .title-div .close{
	background:#1C75BC;
	width:15px;
	height:15px;
	font-size:15px;
	text-align:center;
	padding:7.5px;
	border-radius:100%;
	float:right;
	color:#FFF;
	cursor:pointer;
	-moz-transition:all 0.2s ease-in 02s;
transition:all 0.2s ease-in 0.2s;
-webkit-transition:all 0.2s ease-in 0.2s;
-ms-transition:all 0.2s ease-in 0.2s;
-o-transition:all 0.2s ease-in 0.2s;
}
.caption-div .title-div .close:hover{
	background:#F00;
}




.caption-div .menu-div{
	background:#F4F4F4;
	height:40px;
	border-bottom:#CCC 1px solid;
	padding:0px 20px;
}
.caption-div .menu-div li{
	list-style:none;
	float:left;
	line-height:40px;
	min-width:70px;
	text-align:center;
	padding:0px 10px;
	font-size:13px;
	border-bottom:#CCC 1px solid;
	transition:all 0.2s ease-in 0.2s;
	-moz-transition:all 0.2s ease-in 0.2s;
	-webkit-transition:all 0.2s ease-in 0.2s;
	-ms-transition:all 0.2s ease-in 0.2s;
	-o-transition:all 0.2s ease-in 0.2s;
	cursor:pointer;
}
.caption-div .menu-div li .num{
	display:inline-block;
	vertical-align:top;
	min-width:20px;
	height:16px;
	line-height:16px;
	padding:0px 5px 0px 5px;
	margin-left:5px;
	margin-top:14px;
	background:#F00;
	font-size:12px;
	color:#FFF;
	border-radius:3px;
}
.caption-div .menu-div li:hover, .caption-div .menu-div .active-li{
	background:#1C1B22;
	color:#FFF;
	border-bottom:#1C1B22 1px solid;
}




.caption-div .content-div {
	position:absolute;
	width:100%;
	height:calc(100% - 100px);
}

.caption-div .content-div .inner-div{
	padding:20px;
}
























.order-history-panel{
	position:absolute;
	width:60%;
	height:calc(100% - 50px);
	left:20%;
	margin:0px auto;
	top:50px;
	border-radius:7px 7px 0px 0px;
}

.order-history-panel .content-div{
	position:absolute;
	width:100%;
	height:calc(100% - 91px);
	overflow:auto;
}

.order-history-panel .company-div{
	padding:20px;
	border-bottom:#666 1px dashed;
	color:#999;
	font-size:13px;
	cursor:pointer;
	margin:5px auto;
	transition:all 0.2s ease-in 0.2s;
	-moz-transition:all 0.2s ease-in 0.2s;
	-webkit-transition:all 0.2s ease-in 0.2s;
	-ms-transition:all 0.2s ease-in 0.2s;
	-o-transition:all 0.2s ease-in 0.2s;
}
.order-history-panel .company-div .name{
	font-size:24px;
	line-height:30px;
	height:30px;
	overflow:hidden;
	color:#68AF3C;
	transition:all 0.2s ease-in 0.2s;
	-moz-transition:all 0.2s ease-in 0.2s;
	-webkit-transition:all 0.2s ease-in 0.2s;
	-ms-transition:all 0.2s ease-in 0.2s;
	-o-transition:all 0.2s ease-in 0.2s;
}
.order-history-panel .company-div .inviter{
	transition:all 0.2s ease-in 0.2s;
	-moz-transition:all 0.2s ease-in 0.2s;
	-webkit-transition:all 0.2s ease-in 0.2s;
	-ms-transition:all 0.2s ease-in 0.2s;
	-o-transition:all 0.2s ease-in 0.2s;
}

.order-history-panel .company-div:hover{
	border-radius:5px;
	box-shadow:0px 0px 4px 1px rgba(0,0,0,.2);
	border-bottom:#FFF 1px dashed;
}
.order-history-panel .company-div:hover .name{
	color:#1C75BC;
	padding-left:10px;
}
.order-history-panel .company-div:hover .inviter{
	padding-left:10px;
}































.caption-div .div-in{
	padding:20px 50px 50px 50px;
}


.caption-div .div-in .title{
	padding:10px;
	font-size:13px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#000;
}
.caption-div .div-in .title span{
	color:#F00;
	font-size:18px;
}
.caption-div .div-in .text_field{
	margin-bottom:10px;
	border-radius:5px;
	border:#CCC 1px solid;
	padding:15px 5% 15px 5%;
	width:90%;
	font-size:15px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#1e1e1e;
	-webkit-text-fill-color: #1e1e1e;
	-webkit-transition:all ease 0.2s;
	-ms-transition:all ease 0.2s;
	-o-transition:all ease 0.2s;
	-moz-transition:all ease 0.2s;
	 -webkit-appearance: none;
    -moz-appearance: none;
	-moz-appearance:textfield;
	outline: none !important;
}
.caption-div .div-in .selectinput{
	width:100%;
	font-size:15px;
}

.caption-div .div-in .text_field:hover{
	-moz-appearance:none;
}
.caption-div .div-in .text_field:focus{
	border:#1C75BC 1px solid;
	-moz-appearance:none;
}


.caption-div .div-in .btn{
	border:none;
	margin: auto;
	height:50px;
	width:100%;
	background:#1C75BC;
	color:#FFF;
	border-radius:5px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:18px;
	transition:all 0.2s ease-in 0.2s;
	-moz-transition:all 0.2s ease-in 0.2s;
	-webkit-transition:all 0.2s ease-in 0.2s;
	-ms-transition:all 0.2s ease-in 0.2s;
	-o-transition:all 0.2s ease-in 0.2s;
	cursor:pointer;
}
.caption-div .div-in .btn:hover{
	background:#68AF3C;
}




.caption-div .verify-otp-div{
	text-align:center;
	overflow: hidden;
}
.caption-div .verify-otp-div span{
	color:#1C75BC;
}
.caption-div .verify-otp-div .icon{
	width:80px;
	height:80px;
	border-radius:100%;
	border:#01BBB6 1px solid;
	margin:10px auto;
	overflow:hidden;
}
.caption-div .verify-otp-div .icon img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    box-sizing: border-box;
}
.caption-div  .verify-otp-div h1{
	font-size:35px;
	line-height:35px;
	margin:10px;
	text-align:center;
}

.caption-div .caption-footer{
	height:50px;
	padding-top:20px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	border-top:#999 1px dashed;
	text-align:center;
	font-size:18px;
}
.caption-div .caption-footer span{
	color:#01BBB6;
	cursor:pointer;
	text-decoration:underline;
}




.caption-div .content-div .invitation-div-in{
	padding:20px;
}
.caption-div .content-div .invitation-div-in .company-div{
	padding:20px;
	border-bottom:#666 1px dashed;
	color:#999;
	font-size:13px;
	cursor:pointer;
	margin:5px auto;
	transition:all 0.2s ease-in 0.2s;
	-moz-transition:all 0.2s ease-in 0.2s;
	-webkit-transition:all 0.2s ease-in 0.2s;
	-ms-transition:all 0.2s ease-in 0.2s;
	-o-transition:all 0.2s ease-in 0.2s;
}
.caption-div .content-div .invitation-div-in .company-div .name{
	font-size:24px;
	line-height:30px;
	height:30px;
	overflow:hidden;
	color:#68AF3C;
	transition:all 0.2s ease-in 0.2s;
	-moz-transition:all 0.2s ease-in 0.2s;
	-webkit-transition:all 0.2s ease-in 0.2s;
	-ms-transition:all 0.2s ease-in 0.2s;
	-o-transition:all 0.2s ease-in 0.2s;
}
.invitation-panel .content-div .invitation-div-in .company-div .inviter{
	transition:all 0.2s ease-in 0.2s;
	-moz-transition:all 0.2s ease-in 0.2s;
	-webkit-transition:all 0.2s ease-in 0.2s;
	-ms-transition:all 0.2s ease-in 0.2s;
	-o-transition:all 0.2s ease-in 0.2s;
}

.caption-div .content-div .invitation-div-in .company-div:hover{
	border-radius:5px;
	box-shadow:0px 0px 4px 1px rgba(0,0,0,.2);
	border-bottom:#FFF 1px dashed;
}
.caption-div .content-div .invitation-div-in .company-div:hover .name{
	color:#1C75BC;
	padding-left:10px;
}
.caption-div .content-div .invitation-div-in .company-div:hover .inviter{
	padding-left:10px;
}



















.full-width-caption{
	position:absolute;
	width:80%;
	height:calc(100% - 50px);
	left:10%;
	margin:0px auto;
	top:50px;
	border-radius:7px 7px 0px 0px;
}
.full-width-caption .pix-div{
	position:absolute;
	height:100%;
	width:40%;
	overflow: hidden;
}
.full-width-caption .pix-div img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.full-width-caption .text-div{
	position:absolute;
	height:calc(100% - 50px);
	width:60%;
	overflow: auto;
	right:0px;
}
.full-width-caption .text-div .text-div-in{
	padding:0px 30px;
	font-size:15px;
	line-height:25px;
	text-align:justify
}
.full-width-caption .text-div .text-div-in i{
	color:#68AF3C;
	width:30px;
}

.full-width-caption .text-div .text-div-in li{
	list-style:none;
	width:90%;
	margin:auto;
}













.invitation-panel{
	position:absolute;
	width:50%;
	height:calc(100% - 50px);
	left:25%;
	margin:0px auto;
	top:50px;
	border-radius:7px 7px 0px 0px;
}
.invitation-panel .content-div{
	position:absolute;
	width:100%;
	height:calc(100% - 50px);
	overflow:auto;
}

















.company-details{
	position:absolute;
	width:80%;
	height:calc(100% - 40px);
	left:10%;
	margin:0px auto;
	top:40px;
	border-radius:7px 7px 0px 0px;
}
.company-details .company-profile-div{
	position:absolute;
	width:100%;
	height:calc(100% - 50px);
	overflow:auto;
}
.company-details .company-profile-div .profile-cover-div{
	height:200px;
	background:url(../all-images/images/company.jpg) center bottom no-repeat;
	background-size:cover;
}
.company-details .company-profile-div .profile-cover-div .action-div{
	padding:20px;
	text-align:right
}
.company-details .company-profile-div .profile-cover-div .action-div .btn{
	padding:10px;
	border:none;
	background:#68AF3C;
	color:#FFF;
	margin-left:5px;
    font-family: body-font;
	font-size:14px;
	border-radius:5px;
	-moz-transition:all 0.2s ease-in 02s;
	transition:all 0.2s ease-in 0.2s;
	-webkit-transition:all 0.2s ease-in 0.2s;
	-ms-transition:all 0.2s ease-in 0.2s;
	-o-transition:all 0.2s ease-in 0.2s;
	cursor:pointer;
}
.company-details .company-profile-div .profile-cover-div .action-div .btn:hover{
	background:#444;
}
.company-details .company-profile-div .profile-cover-div .action-div .decline{
	background:#F00;
}
.company-details .company-profile-div .profile-cover-div .action-div .blue{
	background:#06F;
}


.company-details .company-profile-div .profile-summary{
	width:90%;
	margin:auto;
	min-height:100px;
	margin-top:-50px;
}
.company-details .company-profile-div .profile-summary .pix-div{
	width:100px;
	height:100px;
	border-radius:7px;
	border:#FFF 2px solid;
	float:left;
	overflow:hidden;
}
.company-details .company-profile-div .profile-summary .pix-div img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.company-details .company-profile-div .profile-summary .text-div{
	width: calc(100% - 110px);
	float:right;
	color:#999;
	font-size:13px;
}
.company-details .company-profile-div .profile-summary .text-div .name{
	height:50px;
	line-height:50px;
	overflow:hidden;
	color:#FFF;
	font-size:25px;
}
.company-details .company-profile-div .profile-summary .text-div .text{
	padding:10px;
}

.company-details .company-profile-div .team-back-div{
	width:80%;
	min-height:200px;
	border:#E9E9E9 1px solid;
	border-radius:3px;
	margin:50px auto;
}
.company-details .company-profile-div .team-back-div .title{
	float:left;
	min-width:100px;
	height:40px;
	line-height:40px;
	overflow:hidden;
	border-radius:5px;
	border:#22BCEF 1px solid;
	margin-left:10%;
	padding:0px 10px 0px 10px;
	text-align:center;
	margin-top:-25px;
	background:#FFF;
}
.company-details .company-profile-div .team-back-div .team-list{
	padding:10px;
	width:90%;
	height:70px;
	border-bottom:#666 1px dashed;
	margin:10px auto;
	-moz-transition:all 0.2s ease-in 02s;
	transition:all 0.2s ease-in 0.2s;
	-webkit-transition:all 0.2s ease-in 0.2s;
	-ms-transition:all 0.2s ease-in 0.2s;
	-o-transition:all 0.2s ease-in 0.2s;
	cursor:pointer;
}

.company-details .company-profile-div .team-back-div .team-list .pix-div{
	width:70px;
	height:70px;
	border-radius:7px;
	border:#F4F4F4 2px solid;
	float:left;
	overflow:hidden;
}
.company-details .company-profile-div .team-back-div .team-list .pix-div img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.company-details .company-profile-div .team-back-div .team-list .text-div{
	width: calc(100% - 90px);
	float:right;
	color:#999;
	font-size:13px;
}
.company-details .company-profile-div .team-back-div .team-list .text-div .name{
	height:35px;
	line-height:35px;
	overflow:hidden;
	color:#68AF3C;
	font-size:20px;
	margin-top:10px;
	-moz-transition:all 0.2s ease-in 02s;
	transition:all 0.2s ease-in 0.2s;
	-webkit-transition:all 0.2s ease-in 0.2s;
	-ms-transition:all 0.2s ease-in 0.2s;
	-o-transition:all 0.2s ease-in 0.2s;
	cursor:pointer;
}

.company-details .company-profile-div .team-back-div .team-list:hover{
	border-radius:5px;
	box-shadow:0px 0px 4px 1px rgba(0,0,0,.2);
	border-bottom:#FFF 1px dashed;
}
.company-details .company-profile-div .team-back-div .team-list:hover .text-div .name{
	color:#1C75BC;
}

.company-details .company-profile-div .team-back-div .team-list .text-div .text .btn{
	height:25px;
	border:none;
	background:#68AF3C;
	color:#FFF;
    font-family: body-font;
	font-size:14px;
	border-radius:5px;
	-moz-transition:all 0.2s ease-in 02s;
	transition:all 0.2s ease-in 0.2s;
	-webkit-transition:all 0.2s ease-in 0.2s;
	-ms-transition:all 0.2s ease-in 0.2s;
	-o-transition:all 0.2s ease-in 0.2s;
	cursor:pointer;
}

.company-details .company-profile-div .team-back-div .team-list:hover .text-div .text .btn{
	background:#1C75BC;
}






















.fly-title-div{
		background-image: linear-gradient(to right, #444, #1C75BC  );
		height:60px;
		position:fixed;
		width:550px;
		z-index:260;
		top:0px;
		right:0px;
}
.fly-title-div .in{
	padding-left:5%;
	padding-right:3%;
	line-height:60px;
	color:#FFF;
	font-size:20px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:bold;
}

.fly-title-div .in .close{
	background:rgba(255,255,255,.3);
	padding:10px;
	width:20px;
	height:20px;
	line-height:20px;
	margin-top:10px;
	text-align:center;
	font-size:20px;
	float:right;
	border-radius:5px;
	cursor:pointer;
	-moz-transition:all 0.2s ease-in 02s;
transition:all 0.2s ease-in 0.2s;
-webkit-transition:all 0.2s ease-in 0.2s;
-ms-transition:all 0.2s ease-in 0.2s;
-o-transition:all 0.2s ease-in 0.2s;
}

.fly-title-div .in .close:hover{
	background:rgba(255,255,255,.5);
}







.fly-bottom-div{
	background:#EBEBEB;
	border-top:#CCC 1px solid;
		height:60px;
		position:fixed;
		width:550px;
		z-index:260;
		bottom:0px;
		right:0px;
}

.fly-bottom-div .div-in{
	padding:10px 0px;
	margin:auto;
	width:85%;
}

.fly-bottom-div .div-in .text-div{
	width:calc(100 - 150px);
	float:left;
	color:#666;
	font-size:13px;
	text-align:left;
}
.fly-bottom-div .div-in .text-div .price{
	height:20px;
	line-height:20px;
	overflow:hidden;
	font-size:20px;
	color:#1C75BC;
	font-weight:bold;
}
.fly-bottom-div .div-in .btn{
	border:none;
	height:40px;
	min-width:40px;
	padding:10px;
	border-radius:3px;
	background:#1C75BC;
	color:#FFF;
    font-family: body-font;
	float:right;
	-moz-transition:all 0.2s ease-in 02s;
transition:all 0.2s ease-in 0.2s;
-webkit-transition:all 0.2s ease-in 0.2s;
-ms-transition:all 0.2s ease-in 0.2s;
-o-transition:all 0.2s ease-in 0.2s;
cursor:pointer;
}
.fly-bottom-div .div-in .btn:hover{
	background:#68AF3C;
}








.container-back-div{
	width:550px;
	height:100%;
	background:#FBFBFB;
	position:absolute;
	right:0px;
}
.overflow{
	overflow:auto;
}
.container-back-div .inner-div{
	padding:0px 5% 0px 5%;
	margin:80px auto;
	-moz-transition:all 0.2s ease-in 02s;
transition:all 0.2s ease-in 0.2s;
-webkit-transition:all 0.2s ease-in 0.2s;
-ms-transition:all 0.2s ease-in 0.2s;
-o-transition:all 0.2s ease-in 0.2s;
}
.container-back-div .inner-div #pswd_info{
	font-size:10px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#F00;
	text-align:right;
	display:none;
}
.container-back-div .inner-div .pswd_info{
	font-size:12px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#666;
	text-align:left;
}


.container-back-div .inner-div .title{
	padding:8px;
	color:#95a5a6;
	font-size:11px;
}
.container-back-div .inner-div .title span{
	color:#F00;
}
.container-back-div .inner-div .text_field{
	background:#FFF;
	color:#7f8c8d;
	margin:auto;
	margin-bottom:7px;
	width:90%;
	border:#EFEFEF 1px solid;
	border-radius:5px;
	padding:15px 5% 15px 5%;
	transition:all ease 0.2s;
    font-family: body-font;
	-webkit-text-fill-color: #1e1e1e;
	-webkit-transition:all ease 0.2s;
	-ms-transition:all ease 0.2s;
	-o-transition:all ease 0.2s;
	-moz-transition:all ease 0.2s;
	 -webkit-appearance: none;
    -moz-appearance: none;
	-moz-appearance:textfield;
	outline: none !important;
}
.container-back-div .inner-div .text_field:focus{
		border:#444 1px solid;
}
.container-back-div .inner-div .selectinput{
	width:100%;
}
.container-back-div .inner-div .segment{
	width:40%;
}
.container-back-div .inner-div .action-btn{
	margin-bottom:10px;
	border:#FFF 1px solid;
	background:#444;
	padding:15px;
	min-width:150px;
	color:#FFF;
	border-radius:5px;
	font-size:12px;
	cursor:pointer;
    font-family: body-font;
	font-weight:bold;
-moz-transition:all 0.2s ease-in 0.2s;
transition:all 0.2s ease-in 0.2s;
-webkit-transition:all 0.2s ease-in 0.2s;
-ms-transition:all 0.2s ease-in 0.2s;
-o-transition:all 0.2s ease-in 0.2s;
}
.container-back-div .inner-div .action-btn:hover{
	background:#FFF;
	color:#444;
	border:#444 1px solid;
}

.container-back-div .inner-div .btn{
	margin:10px 0px 0px 0px;
	color:#FFF;
	border:none;
	padding:0px 10px 0px;
	min-width:50px;
	height:40px;
	border-radius:0px;
	font-size:13px;
    font-family: body-font;
	background:#444;
	cursor:pointer;
-moz-transition:all 0.2s ease-in 0.2s;
transition:all 0.2s ease-in 0.2s;
-webkit-transition:all 0.2s ease-in 0.2s;
-ms-transition:all 0.2s ease-in 0.2s;
-o-transition:all 0.2s ease-in 0.2s;
}
.container-back-div .inner-div .green{
	background:#68AF3C;
}
.container-back-div .inner-div .blue{
	background:#1C75BC ;
}
.container-back-div .inner-div .red{
	background:#F00 ;
}
.container-back-div .inner-div .btn:hover{
	background:#444;
}
.container-back-div .inner-div .issue{
	border:#F00 1px solid;
	-moz-appearance:none;
		-moz-transform:scale(1.04) translate(1px,0px);
		-webkit-transform:scale(1.04) translate(1px,0px);
}



  
.tips-btn{
	position: relative;
  	display: inline-block;
}

.container-back-div .inner-div .tips-btn .tooltiptext {
  visibility: hidden;
  width: 140px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px;
  position: absolute;
  z-index: 1;
  bottom: 120%;
  left: 50%;
  margin-left: -75px;
  opacity: 0;
  transition: opacity 0.3s;
}

.container-back-div .inner-div .tips-btn .tooltiptext:after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

.container-back-div .inner-div .tips-btn:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}





.container-back-div .inner-div  .passport-div{
	width:200px;
	max-height:200px;
	padding:5px;
	border:#4D7AFF 1px solid;
	overflow:hidden;
	margin:20px auto;
	cursor:pointer;
	}
.container-back-div .inner-div  .passport-div img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    box-sizing: border-box;
	}
	
.container-back-div .inner-div .iframe{
	width:100%;
	min-height:200px;
	max-height:300px;
	background:#000 url(../all-images/images/wait.gif)  center no-repeat;
}
.container-back-div .inner-div .iframe iframe{
	width:100%;
	height:200px;
}
.container-back-div .inner-div #iframe{
	display:none;
}

@media all and (max-width:550px) {
.fly-title-div, .container-back-div{
		width:100%;
}
.container-back-div .inner-div{
	padding:0px 3% 0px 3%;
	margin:94px auto;
}
}



















.product-list-back-div{
	height:auto;
	margin:auto;
	text-align:center;
	width:90%;
	max-width:1200px;
}


.main-products{
	width:90%;
	display:inline-block;
}


.product-list-back-div .title_div{
	padding:15px;
	height:20px;
	font-size:20px;
	line-height:20px;
	text-align:left;
	border-radius:5px 5px 0px 0px;
	background:rgba(204,204,204,.6);
	margin-bottom:20px;
}
.product-list-back-div .title_div span{
	font-size:14px;
	cursor:pointer;
	color:#1C75BC;
}
.product-list-back-div .title_div span:hover{
	text-decoration:underline;
}




.product-list-back-div .product-list-div{
	width:100%;
	height:auto;
	background:#FFF;
	box-shadow:0px 2px 5px 1px rgba(204,204,204,.6);
	border-radius:5px;
	font-size:15px;
	margin-bottom:20px;
	cursor:pointer;
}
.product-list-back-div .product-list-div:hover{
	box-shadow:0px 2px 5px 1px rgba(204,204,204,1);
}
.product-list-back-div .product-list-div:hover .btn{
	background:#444;
}
.product-list-back-div .product-list-div .num{
	height:50px;
	min-width:50px;
	line-height:50px;
	color:#444;
	text-align:center;
	float:left;
	border-right:#CCC 1px solid;
}
.product-list-back-div .product-list-div .product-name{
	width:calc(100% - 160px);
	padding-left:10px;
	height:50px;
	line-height:50px;
	overflow:hidden;
	float:left;
	color:#06F;
	text-align:left;
}
.product-list-back-div .product-list-div .btn{
	min-width:80px;
	height:30px;
	margin:10px 5px;
	border:none;
	border-radius:3px;
	background:rgba(104,175,60,.8);
	color:#FFF;
	font-size:11px;
	cursor:pointer;
    font-family:body-font;
	transition:all ease 0.2s;
	-webkit-transition:all ease 0.2s;
	-ms-transition:all ease 0.2s;
	-o-transition:all ease 0.2s;
	-moz-transition:all ease 0.2s;
float:right;
}
.product-list-back-div .product-list-div .btn:hover{
	background:#444;
}
.product-list-back-div .product-list-div .action-div{
	padding:5px 10px;
	background:rgba(204,204,204,1);
	text-align:right;
	font-size:12px;
	border-radius:0px 0px 5px 5px;
}
.product-list-back-div .product-list-div .action-div .edit{
	color:#060;
}
.product-list-back-div .product-list-div .action-div .delete{
	color:#F00;
}
.product-list-back-div .product-list-div .action-div span:hover{
	text-decoration:underline;
	cursor:pointer;
}

.product-list-back-div .inactive .product-name{
	color:#999;
}

.product-list-back-div .inactive .btn{
	background:#999;
}













.product-list-back-div .product-list{
	width:28%;
	min-width:250px;
	display:inline-block;
	vertical-align:top;
	height:auto;
	margin:0px 1% 30px 1%;
}
.product-list-back-div .product-list .div{
	text-align:center;
	background:#FFF;
	border:rgba(235,235,235,1) 1px solid;
	border-radius:5px;
	-moz-transition:all 0.3s ease-in 0.3s;
	transition:all 0.3s ease-in 0.3s;
	-webkit-transition:all 0.3s ease-in 0.3s;
	-ms-transition:all 0.3s ease-in 0.3s;
	-o-transition:all 0.3s ease-in 0.3s;
	padding-bottom:20px;
}
.product-list-back-div .product-list .div:hover{
	box-shadow:0px 0px 4px 1px rgba(0,0,0,.3);
}
.product-list-back-div .product-list .div .pix{
	height:200px;
	overflow:hidden;
	border-radius:5px 5px 0px 0px;
}

.product-list-back-div .product-list .div .pix img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.product-list-back-div .product-list .div h3{
	height:30px;
	line-height:30px;
	padding:10px;
	color:#68AF3C;
	margin:0px;
	font-weight:lighter;
	font-size:18px;
}
.product-list-back-div .product-list .div .btn{
	border:none;
	height:40px;
	border-radius:5px;
	padding:0px 10px 0px 10px;
	background:#1C75BC;
	color:#FFF;
	margin:10px auto;
	min-width:50px;
	width:60%;
    font-family: body-font;
	-moz-transition:all 0.2s ease-in 02s;
transition:all 0.2s ease-in 0.2s;
-webkit-transition:all 0.2s ease-in 0.2s;
-ms-transition:all 0.2s ease-in 0.2s;
-o-transition:all 0.2s ease-in 0.2s;
cursor:pointer;
}
.product-list-back-div .product-list .div .edit{
	background:#68AF3C;
}
.product-list-back-div .product-list .div .btn:hover{
	background:#444;
}


@media all and (max-width:950px) {
.product-list-back-div .product-list{
	width:30%;
}
}
@media all and (max-width:780px) {
.product-list-back-div .product-list{
	width:46%;
}
}

@media all and (max-width:500px) {
    .product-list-back-div .product-list{
    	width:49%;
    }
    .product-list-back-div .product-list .div h3{
    	font-size:16px;
    }
    .body-div-in .title-div h2 {
        font-size: 30px;
        line-height: 30px;
    }
}
@media all and (max-width:350px) {
    .product-list-back-div .product-list .div h3{
    	font-size:13px;
    }
}
























.container-back-div .inner-div .plan-div{
	margin-bottom:20px;
	padding:10px;
	height:auto;
	background:rgba(243,243,243,1);
}
.container-back-div .inner-div .plan-div:hover{
	background:#FFF;
	box-shadow:0px 2px 5px 1px rgba(243,243,243,1);
}
.container-back-div .inner-div .plan-div .plan{
	font-size:14px;
	font-weight:bold;
	color:#02071A;
	line-height:20px;
	cursor:pointer;
	height:20px;
	overflow:hidden;
}
.container-back-div .inner-div .plan-div .sub-plan{
	margin:5px auto;
	width:80%;
	border-bottom:#999 1px dashed;
	padding-left:5%;
	-moz-transition:all 0.2s ease-in 02s;
transition:all 0.2s ease-in 0.2s;
-webkit-transition:all 0.2s ease-in 0.2s;
-ms-transition:all 0.2s ease-in 0.2s;
-o-transition:all 0.2s ease-in 0.2s;
}
.container-back-div .inner-div .plan-div .sub-plan:hover{
	box-shadow:0px 2px 5px 0px #CCC;
}
.container-back-div .inner-div .plan-div .sub-plan .text{
	height:50px;
	font-size:13px;
	overflow:hidden;
	width:calc(100% - 70px);
	float:left;
	color:#68AF3C;
}
.container-back-div .inner-div .plan-div .sub-plan .text .alloy{
	height:25px;
	line-height:25px;
	overflow:hidden;
	color:#1C75BC;
}
.container-back-div .inner-div .plan-div .sub-plan .check-btn{
	border:none;
	height:30px;
	width:30px;
	margin:10px;
	border-radius:3px;
	background:#1C75BC;
	color:#FFF;
    font-family: body-font;
	-moz-transition:all 0.2s ease-in 02s;
transition:all 0.2s ease-in 0.2s;
-webkit-transition:all 0.2s ease-in 0.2s;
-ms-transition:all 0.2s ease-in 0.2s;
-o-transition:all 0.2s ease-in 0.2s;
cursor:pointer;
}
.container-back-div .inner-div .plan-div .sub-plan .check{
	border:none;
	height:20px;
	width:20px;
	margin:15px;
	border-radius:3px;
	background:#1C75BC;
	color:#FFF;
	cursor:pointer;
	outline: none !important;
}

.container-back-div #cart-content{
	padding-bottom:70px;
}
.container-back-div .inner-div .plan-div .cart-div{
	width:95%;
	margin:auto;
	padding:10px 2.5%;
	color:#22BCEF;
	font-size:13px;
	cursor:pointer;
}
.container-back-div .inner-div .plan-div .cart-div .span{
	float:right;
	color:#68AF3C;
	font-weight:bold;
}

.container-back-div .inner-div .cart-bill{
	width:95%;
	margin:auto;
	padding:10px 2.5%;
	color:#000;
	font-size:13px;
	cursor:pointer;
	border-bottom:#CCC 1px dashed;
}
.container-back-div .inner-div .cart-bill .span{
	float:right;
	color:#68AF3C;
	font-weight:bold;
}



















.container-product-list-back-div{
	width:100%;
	margin:0px;
	padding:0px;
}
#container-product-list-back-div{
	width:90%;
	margin:20px auto;
}

.container-product-list-back-div .product-list-div{
	width:100%;
	height:auto;
	background:#FFF;
	box-shadow:0px 2px 5px 1px rgba(204,204,204,.6);
	font-size:12px;
	margin-bottom:20px;
}
.container-product-list-back-div .product-list-div .num{
	height:40px;
	min-width:40px;
	line-height:40px;
	color:#444;
	text-align:center;
	float:left;
	border-right:#CCC 1px solid;
}
.container-product-list-back-div .product-list-div .product-name{
	width:calc(100% - 160px);
	padding-left:10px;
	height:40px;
	line-height:40px;
	overflow:hidden;
	float:left;
	color:#06F;
}
.container-product-list-back-div .product-list-div .btn{
	min-width:80px;
	height:30px;
	margin:5px;
	border:none;
	border-radius:3px;
	background:#68AF3C;
	color:#FFF;
	font-size:11px;
	cursor:pointer;
    font-family:title-font;
	transition:all ease 0.2s;
	-webkit-transition:all ease 0.2s;
	-ms-transition:all ease 0.2s;
	-o-transition:all ease 0.2s;
	-moz-transition:all ease 0.2s;
float:right;
}
.container-product-list-back-div .product-list-div .btn:hover{
	background:#444;
}
.container-product-list-back-div .product-list-div .action-div{
	padding:5px 10px;
	background:rgba(204,204,204,1);
	text-align:right;
	font-size:12px;
}
.container-product-list-back-div .product-list-div .action-div .edit{
	color:#060;
}
.container-product-list-back-div .product-list-div .action-div .delete{
	color:#F00;
}
.container-product-list-back-div .product-list-div .action-div span:hover{
	text-decoration:underline;
	cursor:pointer;
}

.container-back-div .inner-div .cart-bill{
	width:95%;
	margin:auto;
	padding:10px 2.5%;
	color:#000;
	font-size:13px;
	cursor:pointer;
	border-bottom:#CCC 1px dashed;
}
.container-back-div .inner-div .cart-bill .span{
	float:right;
	color:#68AF3C;
	font-weight:bold;
}



.product-sub-list{
	width:100%;
	height:auto;
	background:#FFF;
	font-size:12px;
	border-top:#CCC dashed 1px;
}
.product-sub-list .num{
	height:40px;
	min-width:40px;
	line-height:40px;
	color:#444;
	text-align:center;
	float:left;
	border-right:#CCC 1px solid;
}
.product-sub-list .sub-product-name{
	width:calc(100% - 160px);
	padding-left:10px;
	height:40px;
	line-height:40px;
	overflow:hidden;
	float:left;
	color:#68AF3C;
}
.product-sub-list .price{
	min-width:80px;
	height:30px;
	margin:5px;
	border:none;
	border-radius:3px;
	background:#FFF;
	color:#06F;
	font-size:11px;
	cursor:pointer;
    font-family:title-font;
	transition:all ease 0.2s;
	-webkit-transition:all ease 0.2s;
	-ms-transition:all ease 0.2s;
	-o-transition:all ease 0.2s;
	-moz-transition:all ease 0.2s;
float:right;
}












.about{
	padding-top:30px;
}
.about .left-div{
	width:62%;
	float:left;
	text-align:justify;
}
.about .left-div img{
	width:100%;
}

.about .right-div{
	width:31%;
	float:right;
	background:rgba(204,204,204,.3);
	padding:20px 2%;
	border-radius:10px;
}
.about .right-div .link-div{
	width:100%;
	background:#FFF;
	border-radius:3px;
	padding:0px 0px 20px 0px;
	margin-bottom:40px;
	box-shadow:0px 0px 40px 1px rgba(0,0,0,.03);
	text-align:center;
}
.about .right-div .link-div .link-title{
	width:100%;
	background:#1C75BC;
	color:#FFF;
	border-radius:3px 3px 0px 0px;
	height:50px;
	line-height:50px;
	font-size:20px;
	text-align:left;
}
.about .right-div .link-div .link-title i{
	float:left;
	margin:15px;
	color:#FFF;
	font-size:20px;
}


.about .right-div .link-div .blog-div_{
	width:96%;
	margin:20px auto;
	box-shadow:none;
}
.about .right-div .link-div .blog-div_:hover{
	box-shadow:0px 0px 4px 1px rgba(0,0,0,.2);
}

.about .right-div .link-div h2{
	padding:0;
	margin:0;
	font-weight:lighter;
	font-size:16px;
	width:80%;
	padding-left:5%;
	height:50px;
	line-height:50px;
	color:#7f8c8d;
	text-align:left;
	border-bottom:#bdc3c7 1px solid;
	margin:auto;
	cursor:pointer;
		-moz-transition:all 0.2s ease-in 02s;
transition:all 0.2s ease-in 0.2s;
-webkit-transition:all 0.2s ease-in 0.2s;
-ms-transition:all 0.2s ease-in 0.2s;
-o-transition:all 0.2s ease-in 0.2s;
}

.about .right-div .link-div h2:hover{
	color:#000;
	border-bottom:#7f8c8d 1px solid;
}












.blog-div{
	text-align:center;
}


.blog-div_{
	min-height:370px;
	width:31%;
	margin:0.5%;
	margin-bottom:50px;
	display:inline-block;
	vertical-align:top;
	min-width:300px;
	cursor:pointer;
	padding-bottom:30px;
	border-radius:10px;
	-moz-transition:all 0.3s ease-in 0.3s;
	transition:all 0.3s ease-in 0.3s;
	-webkit-transition:all 0.3s ease-in 0.3s;
	-ms-transition:all 0.3s ease-in 0.3s;
	-o-transition:all 0.3s ease-in 0.3s;
	box-shadow:0px 0px 5px 1px rgba(0,0,0,.1);
}

.blog-div_:hover{
	box-shadow:0px 0px 20px 1px rgba(0,0,0,.2);
}
.blog-div_ .blog-pic-div{
	width:100%;
	height:auto;
	height:250px;
	overflow:hidden;
	background:#000 url(../all-images/images/wait.gif)  center no-repeat;
	border-radius:10px 10px 0px 0px;
}
.blog-div_ .blog-pic-div img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    box-sizing: border-box;
	-moz-transition:all 0.3s ease-in 0.3s;
	transition:all 0.3s ease-in 0.3s;
	-webkit-transition:all 0.3s ease-in 0.3s;
	-ms-transition:all 0.3s ease-in 0.3s;
	-o-transition:all 0.3s ease-in 0.3s;
}

.blog-div_:hover img{
		-moz-transform:scale(1.03) translate(1px,0px);
		-webkit-transform:scale(1.03) translate(1px,0px);
}

.blog-div_ .text{
	padding:20px 10px;
	text-align: center;
	padding-bottom:0px
}
.blog-div_ .text span{
	color:#68AF3C;
	font-size:11px;
}
.blog-div_ .text .title{
	font-size:22px;
	height:50px;
	line-height:25px;
	color:#95a5a6;
	overflow:hidden;
	margin:20px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	-moz-transition:all 0.3s ease-in 0.3s;
	transition:all 0.3s ease-in 0.3s;
	-webkit-transition:all 0.3s ease-in 0.3s;
	-ms-transition:all 0.3s ease-in 0.3s;
	-o-transition:all 0.3s ease-in 0.3s;
}
.blog-div_:hover .title{
	color:#1C75BC;
}

.blog-div_ .comment{
	width:80%;
	padding:20px 5%;
	margin:auto;
	color:#95a5a6;
	font-size:12px;
	text-align:left;
	border-top:#bdc3c7 1px solid;
}









.search-text-div{
	width:700px;
	height:60px;
	margin:auto;
	background:#FFF;
	margin-top:-30px;
	margin-bottom:50px;
	box-shadow:0px 5px 10px 1px rgba(0,0,0,.2);
	position:relative;
	border-radius:5px;
}
.search-text-div .text_field{
	font-size:20px;
	height:60px;
	border-radius:5px;
	border:#CCC 1px solid;
	width:calc(100% - 40px);
	padding-left:40px;
	font-family:Nunito,sans-serif;
	color:#999;
	-webkit-text-fill-color: #999;
	background:#FFF url(../all-images/images/search.png) left no-repeat;
	-webkit-transition:all ease 0.2s;
	-ms-transition:all ease 0.2s;
	-o-transition:all ease 0.2s;
	-moz-transition:all ease 0.2s;
	 -webkit-appearance: none;
    -moz-appearance: none;
	-moz-appearance:textfield;
	outline: none !important;
}

@media all and (max-width:630px) {
.search-text-div{
	width:94%;
}
}






.blog-div .video-div{
	width:46%;
	margin:10px 1%;
	height:auto;
	border-radius:10px;
	display:inline-block;
	vertical-align:top;
	text-align:left;
	border: rgba(204,204,204,1) 1px solid;
	-moz-transition:all 0.2s ease-in 0.2s;
	transition:all 0.2s ease-in 0.2s;
	-webkit-transition:all 0.2s ease-in 0.2s;
	-ms-transition:all 0.2s ease-in 0.2s;
	-o-transition:all 0.2s ease-in 0.2s;
}
.blog-div .video-div:hover{
	box-shadow:0px 5px 10px 1px rgba(0,0,0,.2);
}

.blog-div .video-div .div-in{
	padding:20px;
}

.blog-div .video-div .div-in h2{
	margin:10px;
	text-align:left;
	font-size:20px;
	height:30px;
	line-height:30px;
	overflow:hidden;
	color:#1C75BC;
}
.blog-div .video-div .div-in .video{
	height:300px;
	background:#000 url(../all-images/images/wait.gif)  center no-repeat;
}
.blog-div .video-div .div-in .video iframe{
	width:100%;
	height:300px;
}
.blog-div .video-div .div-in .text{
	padding:10px;
	color:#68AF3C;
}




.training-list-div .btn-div .btn{
	height:40px;
	border:none;
	padding:0px 15px;
	font-family:body-font;
	border-radius:3px;
	cursor:pointer;
    font-family:body-font;
	color:#FFF;
	background:#68AF3C;
	transition:all ease 0.2s;
	-webkit-transition:all ease 0.2s;
	-ms-transition:all ease 0.2s;
	-o-transition:all ease 0.2s;
	-moz-transition:all ease 0.2s;
}
.training-list-div .btn-div .apply{
	background:#1C75BC;
}
.training-list-div .btn-div .btn:hover{
	background:#444;
}
















.alert-flyout-div{
	margin:120px auto;
	width:35%;
	min-width:300px;
	border-radius:4px;
	background:#FFF;
	min-height:200px;
}
.alert-flyout-div .div-in{
	padding:20px;
	text-align:center;
}
.alert-flyout-div .div-in h2{
	padding:0px;
	text-align:center;
	color:#1C75BC;
}
.alert-flyout-div .div-in .text-div{
	padding:0px 5%;
	font-size:15px;
	text-align:left;
	line-height:22px;
}
.alert-flyout-div .div-in .btn{
	border:none;
	margin: auto;
	height:50px;
	width:60%;
	min-width:200px;
	background:#1C75BC;
	color:#FFF;
	border-radius:5px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:18px;
	transition:all 0.2s ease-in 0.2s;
	-moz-transition:all 0.2s ease-in 0.2s;
	-webkit-transition:all 0.2s ease-in 0.2s;
	-ms-transition:all 0.2s ease-in 0.2s;
	-o-transition:all 0.2s ease-in 0.2s;
	cursor:pointer;
}
.alert-flyout-div .div-in .btn:hover{
	background:#68AF3C;
}

@media all and (max-width:560px){
    .body-div #title-div h1 span {
        color: #68AF3C;
        font-size: 36px; 
    }
}