@charset "utf-8";
body {
	margin:0px;
	padding:0px;
	font-family: open sans, oswald;
}
ul {
	margin:0px;
	padding:0px;
}
li {
	margin:0px;
	padding:0px;
	text-decoration:none;
	list-style:none;
}
ol {
	margin:0px;
	padding:0px;
}
.belt-red {
	background-image:url(../images/header-corner.png);
	background-position:right;
	background-repeat:no-repeat; /*background-attachment:;*/
	background-position:top right
}
.posi-t {
	padding-top:15px;
}
.logo {
}
.top-menu {
	float: right;
	position: relative;
	z-index: 999;
	background-image: url(../images/top-menu.png);
	padding: 1px 5px 2px 10px;
}
.top-menu ul li {
	display:inline;
}
.top-menu ul li a {
	color:#fff;
	font-size:14px;
}
.top-menu ul li a:hover {
	color: #000;
	font-size: 14px;
	text-decoration:none;
}
.headi img, .imge img {
	max-width:100%;
}
.logo-img img {
	width:160px;
	margin-top:10px;
}
/* Navigation Styles */
.navi {
	float: right;
	margin-top: 30px;
	margin-right: 10px;
	margin-bottom: 5px;
}
.menu ul li {
	display: inline-block;
	position: relative;
}
.menu ul li a {
	color: #666666;
	display: block;
	text-decoration:none;
	padding: 15px 14px;
	transition: 0.3s linear;
	font-size: 15px;
	font-weight: 500;
	font-family: open sans;
}
.menu ul li a:hover {
	/* background: #126d9b; */
    color: #FF0000;
	text-decoration:none;
}
.menu ul li a:active, .select {
	color: #FF0000;
	text-decoration:none;
}
.menu ul li ul {
	display: none;
	position: absolute;
	width:100px;
	z-index:999;
}
.menu ul li ul li {
	border-top: 1px solid #444;
	display: block;
}
.menu ul li ul li:first-child {
	border-top: none;
}
.menu ul li ul li a {
	background: #37569f;
	display: block;
	padding: 10px 14px;
	color:#fff;
}
.menu ul li ul li a:hover {
	background-color:#999999;
	color:#fff!important;
}
.menu .fa.fa-angle-down {
	margin-left: 6px;
}
/*.navi {
}
.navi ul {
	float:right;
	line-height:65px;
	margin-right:20px;
	padding-top:12px;
}
.navi ul li {
	display:inline-block;
	margin-left:5px;
	margin-right:5px;
	margin-top:10px;
}
.navi ul li a {
	text-decoration:none;
	color:#666666;
	font-size:15px;
	font-weight:500;
	font-family:open sans;
}
.navi ul li a:hover {
	text-decoration:none;
	color:#FF0000;
}
.navi ul li a:active {
	color:#FF0000;
}*/
.menu {
}
.img-sign img {
}
.demo {/* width:100px; border:solid 1px #000; height:auto; */
}
.img-sign {
	background-image:url(../images/image-sign.png);
	background-repeat:no-repeat;
	height:420px;
	background-size:auto 100%;
}
.polyg {
	box-sizing:border-box;
	top:51px;
	position:relative;
}
.polyg img {
	margin-top:-41px;
	width:85%;
}
.poly {
	position: relative;
	width: 86%;
	height: 240px;
	background: #5D76B9;
	-moz-webkit-clip-path: polygon(1% 0, 98% 0, 100% 90%, 0% 100%);
	-webkit-clip-path: polygon(1% 0, 98% 0, 100% 90%, 0% 100%);
	clip-path: polygon(1% 0, 98% 0, 100% 90%, 0% 100%);
}
.trapezoid {
	position: absolute;
	top: 1px;
	left: 1px;
	right: 1px;
	bottom: 1px;
	background: #FFFFFF;
	-moz-webkit-clip-path: polygon(1% 0, 98% 0, 100% 90%, 0% 100%);
	-webkit-clip-path: polygon(1% 0, 98% 0, 100% 90%, 0% 100%);
	clip-path: polygon(1% 0, 98% 0, 100% 90%, 0% 100%);
}
.trapezoid img {
	margin:30px 0px 0px 15px;
}
.trapezoid p a {
	float:right;
	margin:-48px 42px;
	font-size:20px;
	font-weight:500;
	font-family: Open Sans;
	position: relative;
	text-decoration:none;
}
/*.trapezoid:hover{    position: absolute;
  top: 5px;
  left: 5px;	
  right: 5px;
  bottom: 5px;
  background: #FFFFFF;
  -webkit-clip-path: polygon(1% 0, 98% 0, 100% 90%, 0% 100%);
  clip-path: polygon(1% 0, 98% 0, 100% 90%, 0% 100%); 
  transition:0.5s;
 }*/

  
.conte1 {
	font-family:oswald;
	font-size:28px;
	font-weight:550;
	padding-top:45px;
	text-align:justify
}
.conte2 {
	font-family: Open Sans;
	padding-top:5px;
	text-align:justify;
	font-weight:500;
	color:#333333;
	line-height: 21px;
	font-size:14px;
}
.conte3 {
	font-family: Open Sans;
	padding-top:5px;
	text-align:justify;
	font-weight:500;
	color:#333333;
	line-height: 21px;
	font-size:14px;
}
.btn-rd {
	border:none;
	/*height: 30px;*/
	width: 140px;
	background:#ce0d11;
}
.btn-rd a {
	color:#FFF;
	font-size:14px;
	text-decoration:none;
}
.demo-belt {
	background-image:url(../images/about-corner.png);
	background-repeat:no-repeat;
	background-position: right bottom; /*background-size: 100% 100%;*/
	z-index:0;
}
.conte4 {
	color:#000000;
	font-size:17px;
	font-weight:400;
	padding-top:10px;
	font-family:oswald;
}
.post {
	margin-top:30px;
}
.package {
}
.package img {
	position:absolute;
	margin-top:-110px;
	width:50%;
	margin-left: 15%;
}
.backg {
	background-image:url(../images/fact/backg.jpg); /*z-index:-1;*/
}
.headi {
	text-align:center;
	color:#2256a7;
	font-family: open sans;
	margin:0 auto;
	padding-top:50px;
}
.box2 {
	margin-top:10px;
	margin-bottom:40px;
}
.box1 {
	margin:10px;
	position:relative;
}
.box1 p img {
	margin:0 auto !important
}
.box1 p img:hover {
}
.box1 h6 {
	text-align:center;
	font-family: open sans;
	color:#2256a7;
}
.box1 p {
	text-align:center;
	font-family: open sans;
	font-size:13px;
	font-weight:500;
}
/*.box1 p img:hover {-webkit-box-shadow: 0 0 2px 2px rgba(0,0,0,0.5) inset;
box-shadow: 0 0 2px 2px rgba(0,0,0,0.5) inset;
    margin: 0 auto !important;
}*/

.log {
	background-image:url(../images/login.png); /*z-index:-1;*/
	background-repeat:no-repeat;
	background-size: 88% 100%;
	background-position:center;
}
.inside {
	position: relative;
	width: 88%;
	height: 168px;
	top:31px;
	margin:0 auto;
	/*background: #5D76B9;*/
	-webkit-clip-path: polygon(1% 0, 98% 0, 100% 90%, 0% 100%);
	clip-path: polygon(1% 0, 98% 0, 100% 90%, 0% 100%);
}
.inside p {
	text-align:center;
	margin:0 auto;
	font-size:14px;
	font-weight:600;
}
.inside p img {
	border-radius:50%;
	border:0px solid #000;
	text-align:center;
	margin:0 auto;
	-webkit-animation: swing 4s ease-in-out forwards infinite;
	animation: swing 4s ease-in-out forwards infinite;
	transform-origin: 50% 50%;
}
.inside h4 {
	text-align:center;
}
.inside:hover {
	animation:none;
}
.box3 {
	height:240px;
	max-height:1000px;
	margin-bottom: 42px;
}
.ic1 {
	background:#80fff2;
	-webkit-animation: swing 3.5s ease-in-out forwards infinite;
	animation: swing 4s ease-in-out forwards infinite;
	transform-origin: 50% 50%;
}
.ic2 {
	background:#ffa0e3;
	-webkit-animation: swing 3.5s ease-in-out forwards infinite;
	animation: swing 4s ease-in-out forwards infinite;
	transform-origin: 50% 50%;
}
.ic3 {
	background:#b0ff71;
	-webkit-animation: swing 3.5s ease-in-out forwards infinite;
	animation: swing 4s ease-in-out forwards infinite;
	transform-origin: 50% 50%;
}
.ic4 {
	background:#ffab82;
	-webkit-animation: swing 3.5s ease-in-out forwards infinite;
	animation: swing 4s ease-in-out forwards infinite;
	transform-origin: 50% 50%;
}
.backgd {
	background-image:url(../images/foot_bgd.jpg); /*z-index:-1;*/
	padding-bottom:1px;
}
.headig {
	color:#FFFFFF;
	text-align:center;
	font-family: open sans;
	margin:0 auto;
	padding-top:35px;
	font-weight:200;
}
.box6 {
	box-sizing: border-box;
}
.box6 p img {
	margin:0 auto !important
}
.headin {
	color:#FFFFFF;
	font-family: open sans;
	letter-spacing:2px;
	margin-bottom:10px; /*line-height:30px;*/
	border-bottom:2px #FFFFFF solid;
	padding-bottom:10px;
}
.box6 p {
	color: #FFFFFF;
	font-family: open sans;
	font-size:15px;
	margin:0px;
}
.box6 span {
	color: #FFFFFF;
	font-family: open sans;
	font-size:12px;
}
.box6 p a {
	color:#FFFFFF;
	text-decoration:none;
	line-height:30px;
}
.ftr p a {
	line-height:24px;
}
.box6 p a:hover {
	color:#CCCCCC;
	text-decoration:none;
}
.box6 address {
	color:#FFFFFF;
	font-size:15px;
}
/*.inside{    position: absolute;
  top: 1px;
  left: 1px;	
  right: 1px;
  bottom: 1px;
  background: #FFFFFF;
  -webkit-clip-path: polygon(1% 0, 98% 0, 100% 90%, 0% 100%);
  clip-path: polygon(1% 0, 98% 0, 100% 90%, 0% 100%); -webkit-box-shadow: -2px -2px 0 -1px rgba(0,0,0,0.2) inset;
box-shadow: -2px -2px 0 -1px rgba(0,0,0,0.2) inset; }*/

/*===========================================================About Us====================================================================*/
.banner {
	background-image:url(../images/about.jpg);
	background-position:center;
	background-attachment:scroll;
	background-repeat:no-repeat;
	height:395px;
	background-size:100%;
}
#contact {
	background:url(../images/contact.jpg);
	background-repeat: no-repeat;
	height: 395px;
	background-size: 100%;
	background-position: center;
}
.banner-0px {
	padding-right: 0px;
	padding-left: 0px;
}
.pannel-cont1 {
}
.conte-about {
	margin-top:50px;
}
.conte-about p {
	font-family:open sans;
	font-size:16px;
	padding-left:80px;
	text-align:justify;
	font-weight:400;
}
.conte-about h3 {
	font-family:oswald;
	padding-left:80px;
	text-align:justify;
	color:#5d75b9;
	line-height:38px;
}
.conte-about-brand {
	background: rgba(0, 0, 0, 0.2);  /*border-radius: 10px;*/  /*box-shadow: inset 0 0 10px black, 0 0 10px black;*/
	padding: 10px;
	display: inline-block;
	vertical-align: top;
	text-align: justify;
	min-height:400px;
	height:200px;
}
.conte-about-brand p {
	margin: 5% 10% 5% 10%
}
.conte-about-brand h1 {
	text-align:center;
	margin:0 auto;
	vertical-align:middle;
	margin: 10%;
}
.conte-about-brand h2 {
	text-align:center;
	margin:0 auto;
	vertical-align:middle;
	margin: 5%;
}
.content {
	margin-bottom:5%;
}
.content p {
	text-align:justify;
	font-weight:400;
}
.poly-cont {
}
.imge {
	padding: 50px 15px 0px;
}
.img-sign-cont {
	background-image:url(../images/image-sign-cont.png);
	background-repeat:no-repeat;
	height:420px;
	background-size:auto 100%;
	background-position: center;
}
.poly-cont {
	position: relative;
	width: 100%;
	height: 280px;
	background: #5D76B9;
	-webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 99%, 0% 88%);
	clip-path: polygon(0% 0%, 100% 0%, 100% 99%, 0% 88%);
	-webkit-box-shadow: -2px -2px 0 -1px rgba(0, 0, 0, 0.2) inset;
	overflow:hidden;
}
.trapezoid-cont {
	position: absolute;
	top: 3px;
	left: 3px;
	right: 3px;
	bottom: 3px;
	background: #FFFFFF;
	-webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 99%, 0% 88%);
	clip-path: polygon(0% 0%, 100% 0%, 100% 99%, 0% 88%);
	-webkit-box-shadow: -2px -2px 0 -1px rgba(0, 0, 0, 0.2) inset;
	overflow:hidden;
}
.polyg-cont {
	box-sizing:border-box;
	top:51px;
	position:relative;
}
.polyg-cont img {
	margin-top: -51px;
	width: 85%;
}
.contact {
	margin-top:15%;
}
.contact li span img {
	vertical-align:top;
	margin-right:1px;
}
.contact-info {
	display: inline-block;
	width: 250px;
	line-height: 25px;
	font-size:15px;
	font-family:open sans;
	font-weight:500;
	padding-bottom:25px;
}
.cont-head {
	width:20%;
	padding:10px;
	background:#5F78BA;
	text-align:center;
	float:right;
	color:#FFFFFF;
	font-style:oblique;
	margin:-4% 15% 2% 0%;
	font-size:15px;
	font-family:open sans;
}
input[type='text'] {
	width:100%;
	background-color: #f8f8f8;
	padding: 12px 20px;
	border: 2px solid #B7BEDA;
	margin-bottom:10px;
	color:#333333;
	font-family:open sans;
	font-weight:500;
}
input[type='text']::placeholder {
font-size:14px;
color:#5E78BA;
font-style:italic;
}
textarea::placeholder {
font-size:14px;
color:#5E78BA;
font-style:italic;
}
textarea {
	width: 100%;
	height: 150px;
	padding: 12px 20px;
	box-sizing: border-box;
	border: 2px solid #B7BEDA;
	background-color: #f8f8f8;
	font-weight:500;
	color:#333333;
	font-family:open sans;
	resize: none;
}
.btn {
	float:right;
	padding:10px;
}
.button {
	background-image: -webkit-radial-gradient(50% -50%, farthest-side, rgba(255, 177, 168, 1) 0, rgba(255, 177, 168, 1) 1%, rgba(255, 79, 63, 1) 66%, rgba(207, 4, 4, 1) 100%);
	background-image: -moz-radial-gradient(50% -50%, farthest-side, rgba(255, 177, 168, 1) 0, rgba(255, 177, 168, 1) 1%, rgba(255, 79, 63, 1) 66%, rgba(207, 4, 4, 1) 100%);
	background-image: radial-gradient(farthest-side at 50% -50%, rgba(255, 177, 168, 1) 0, rgba(255, 177, 168, 1) 1%, rgba(255, 79, 63, 1) 66%, rgba(207, 4, 4, 1) 100%);
	border: none;
	text-transform:uppercase;
	font-weight:600;
	font-size:12px;
	color: white;
	padding: 10px 40px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 16px;
	height:50px;
}
.features {
	background-image:url(../images/fetures.jpg);
	background-repeat:no-repeat;
	height:420px;
	background-size:100%;
	background-position: center;
}
.edu-insta {
	background-image:url(../images/edu-insta.jpg);
	background-repeat:no-repeat;
	height:395px;
	background-size:100%;
	background-position: center;
}
.product {
	background-image:url(../images/product.jpg);
	background-repeat:no-repeat;
	height:395px;
	background-size:100%;
	background-position: center;
}
.product-1 {
	background-image:url(../images/xpertlite-banner.jpg);
	background-repeat:no-repeat;
	height:395px;
	background-size:100%;
	background-position: center;
}
.partner {
	background-image:url(../images/partner.jpg);
	background-repeat:no-repeat;
	height:395px;
	background-size:100%;
	background-position: center;
}
.support-bg {
	background-image:url(../images/support-bg.jpg);
	background-repeat:no-repeat;
	height:395px;
	background-size:100%;
	background-position: center;
}
.conte-part {
	margin-top:50px;
}
.conte-part h2 {
	text-align:center;
	font-size:26px;
	line-height:40px;
	color:#264F9A;
	font-weight:bold;
	padding-top:30px;
}
.conte-part p {
	text-align:justify;
	font-size:14px;
	line-height:20px;
	color:#333333;
	text-align-last: center;
	text-align: justify;
}
.conte-part-ch h2 {
	text-align:center;
	font-size:26px;
	line-height:40px;
	color:#264F9A;
	font-weight:bold;
	padding-top:30px;
}
.conte-about-ch {
	background: rgba(0, 0, 0, 0.8);  /*border-radius: 10px;*/  /*box-shadow: inset 0 0 10px black, 0 0 10px black;*/
	padding: 28px;
	display: inline-block;
	vertical-align: top;
	text-align: justify;
	min-height:400px;
	height:465px;
	margin-bottom:10%;
	margin-top:8%;
	margin:5%;
}
.conte-about-ch h3 {
	text-align:center;
	color:#FFFFFF;
	margin:15px;
}
.conte-about-ch p {
	color:#FFFFFF;
	text-align:justify;
	font-size:12.8px;
}
.conte-about-ch li {
	color:#FFFFFF;
	text-align:justify;
	font-size:16px;
}
.conte-about-ch li ul {
	color:#FFFFFF;
	text-align:justify;
}
.conte-about-ch li ul li {
	padding:10px 0px 5px 10px;
	font-size:14px;
}
.conte-prod {
	font-family:open sans;
	font-size:28px;
	font-weight:600;
	padding-top:45px;
	text-align:justify;
	line-height:35px;
	color:#4462a9;
}
.conte2-prod {
	font-family: Open Sans;
	padding-top:5px;
	text-align:justify;
	font-weight:400;
	color:#333333;
	line-height: 21px;
	font-size:15px;
}
.text-1 {
	background:#3d4e84;
	width:100%;
}
.text-1 p {
	text-align:center;
	/*background:#4d4b4b;*/
	width:100%;
	padding:2%;
	color:#FFFFFF;
	font-size:24px;
	font-weight:500;
	margin-bottom: 0;
}
.img-sign {
	background-image:url(../images/image-sign.png);
	background-repeat:no-repeat;
	height:420px;
	background-size:auto 100%;
}
.under-cunst {
	padding:60px 0px;
	margin:0 auto;
}
.xpertlite {
	padding: 40px 0px 40px;
	margin:0 auto;
}
.xpertlite h1 {
	font-family: oswald;
	margin-bottom:25px;
	color: #5d75b9;
	line-height: 38px;
}
.xpertlite p {
	text-align:center;
}
.xpertlite .demo{
	font-size:18px;
	margin-top:20px;
	margin-bottom:3px;
}
.xpertlite .demo a:hover {
	text-decoration:none !important;
}
.btn-blue {
	border: none;
	padding: 0.3em 0.6em;
	background: #3864ae;
	color: #fff;
	font-family: 'Lato', Calibri, Arial, sans-serif;
	font-size: 12px;
	letter-spacing: 1px;
	cursor: pointer;
	display: inline-block;
	border-radius: 0;
}
.client {
	text-align:center;
	border:1px solid #294e9b;
	padding:5px;
	height:62px;
}
.top-space {
	margin-top:15px;
}
.mt-20 {
	margin-top:20px;
}
.mb-50 {
	margin-bottom:50px;
}
.support {
	text-align: center;
	top: -63px;
	position: relative;
	color: #295381;
}
.list{margin:20px 0px 20px 0px;background:#cccccc;}
.xpertlite .edu-demo{
font-family: oswald;
    font-size:28px;
    color: #5d75b9;
	margin-bottom:0px;
}
.support1{text-align:center;padding:25px;}
.support1 .title{font-size:25px;color:#5d75b9;}
.support-ticket .fa{    font-size: 50px;
    color: #5270af;}
.support-ticket h4{color:#5d75b9;margin-top:2px;}
.support-ticket a {
    font: 600 15px bluehost,Arial,Helvetica,sans-serif;
    border: solid 1px #3575B9;
    padding: 5px 10px;
    background: #fff;
    display: inline-block;
    border-radius: 0px;
	color:#5270af;}
	.rmm
	{
		display:none;
	}
@media (min-width: 576px) and (max-width: 991.98px) { 
	.menu
	{
		display:none;
	}
	.rmm
	{
		display:block;
	}
	.menuarrow
	{
		display:none;
	}
	.package {
    	text-align:center;
	}
	.package img {
    	position: relative;
		margin-top: 0px;
		margin-left:0px;
	}
	.conte1 {
		padding-top: 0px;
		font-size: 23px;
	}
	.banner {
	    background-position: top;
    	height: 140px;
	    vertical-align: top;
	}
	.conte-about p {
    	padding-left: 0px;
	}
	.conte-about h3 {
    	padding-left: 0px;
	}
	.partner {
		background-position: top;
    	height: 140px;
	    vertical-align: top;
	}
	#contact {
    	background-position: top;
    	height: 140px;
	    vertical-align: top;
	}
	.cont-head {
    	width: 80%;
	}
	.contact-form
	{
		padding-bottom: 30px;
	}
	.product {
	    background-position: top;
    	height: 140px;
	    vertical-align: top;
	}
	.product-1 {
    	background-position: top;
    	height: 140px;
	    vertical-align: top;
	}
	.xpertlite h1 {
	    padding: 0px 15px;
	}
	.support-bg {
  	  background-position: top;
      height: 140px;
	  vertical-align: top;
	}
}
@media (max-width: 575.98px) {
	.menu
	{
		display:none;
	}
	.menuarrow
	{
		display:none;
	}
	.rmm
	{
		display:block;
	}
	.package {
    	text-align:center;
	}
	.package img {
    	position: relative;
		margin-top: 0px;
		margin-left:0px;
	}
	.conte1 {
		padding-top: 0px;
		font-size: 23px;
	}
	.banner {
	    background-position: top;
    	height: 140px;
	    vertical-align: top;
	}
	.conte-about p {
    	padding-left: 0px;
	}
	.conte-about h3 {
    	padding-left: 0px;
	}
	.conte-about-brand {
    	min-height: auto;
	    height: auto;
	}
	.partner {
		background-position: top;
    	height: 140px;
	    vertical-align: top;
	}
	#contact {
    	background-position: top;
    	height: 140px;
	    vertical-align: top;
	}
	.cont-head {
    	width: 80%;
	}
	.contact-form
	{
		padding-bottom: 30px;
	}
	.product {
	    background-position: top;
    	height: 140px;
	    vertical-align: top;
	}
	.product-1 {
    	background-position: top;
    	height: 140px;
	    vertical-align: top;
	}
	.xpertlite h1 {
	    padding: 0px 15px;
	}
	.support-bg {
  	  background-position: top;
      height: 140px;
	  vertical-align: top;
	}
}