@font-face 
{
	font-family: Nova Regular;
	src: url(../fonts/FontsFree-Net-ProximaNova-Regular.ttf) format("truetype");
}
@font-face 
{
	font-family: Nova Black;
	src: url(../fonts/FontsFree-Net-Proxima-Nova-Black.otf) format("truetype");
}
/* .body-demo */
body
{
	font-family: 'Nova Regular';
}
.header-belt
{
	padding-top: 20px;
}
.banner
{
	background-image: linear-gradient(to bottom, transparent 80%, #000000 85%), url('../image/b2b-banner.jpg');
    background-repeat: no-repeat;
    background-size: cover;
	background-position: 100% 0;
	position: relative;
    min-height: 500px;
}
.header-content 
{
	width: 100%;
	margin-top: 50px;
	margin-left: 0px;
	text-align: center;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
}
.header-content-text
{
	color: white;
	font-family:'Nova Black';
	font-size: 40px;
    font-weight: bolder;
	margin-bottom:10px
}
.header-content-subtext
{
	color: #ecebeb;
	font-size: 24px;
	line-height: 1.2;
}
.header-content span
{
	font-weight: bold;
	color: #ecebeb;
}
.header-content a
{
	color: #ecebeb;
    font-size: 19px;
    border-bottom: 1px solid;
}
.header-content a:hover 
{
    text-decoration: unset;
}
.card
{
	border-radius: 0;
    box-shadow: none;
	border:none;
}
.form-row
{
	margin-left: 20px;
}
.text-segoe-ui
{
	color: #9e9d9d;
}
.form-content
{
	margin-top:0;
    box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 15%);
}
.form-group
{
	width: 24%;
	margin: 0 5px;
	float: left;
}
.form-control
{
	width: 100%;
    float: left;
    margin-right: 19px;
    border-radius: 18px;
    border: 2px solid #9e9d9d;
}
.phone-field
{
	padding-left: 90px;
	margin-right: 0;
}
.btn_demo_form 
{
    background-color: #ffb900;
    color: #494747;
    border-radius: 15px;
    line-height: 1.5;
}
.font-18 
{
    font-size: 18px!important;
    line-height: 33px;
}
h1,h2,h3,h4,h5,h6
{
	font-weight: bold;	
}
/*.font-h1
{
	font-weight: bold;
}*/
.title-color
{
	font-family: Nova Black;
	color: #3d86db;
}
p
{
	font-size: 26px;
    color: #4a4949;
    line-height: 1.2;
}
p span
{
	font-weight: bold;
    color: #2e2f2f;
}
.h2-width
{
	width: 79%;
}
.p-content
{
	width: 85%;
}
.body-content
{
	border: 1px solid;
	border-radius: 30px;
	margin-bottom: 100px;
	padding-bottom: 50px;
	padding-top: 50px;
}
.body-content img
{
	position: absolute;
	top: -80px;
	right: 50px;
}
.right-image
{
	margin-top: -33px;
}
.right-image img
{
	float: right;
}
.font-25
{
	font-size: 25px;
}
.demo-middle-content img
{
	margin-left: 0;
}
.demo-middle-content h2
{
	width: 66%;
}
.demo-middle-content p
{
	width: 92%;
	margin-bottom: 0;
}
.demo-middle-content a
{
	font-size: 23px;
    border-bottom: 2px solid #d8dad9;
    color: #a0a4a3;
}
a:hover 
{
    text-decoration: none;
}
.dome-left
{
	width: 59%;
}
.dome-left h2
{
    width: 71%;
}
.dome-right
{
	width: 75%;
    float: right;
}
.dome-right h2
{
    width: 71%;
}
.demo-center img
{
	margin-left: -125px;
    z-index: 9999;
    position: inherit;
    margin-top: -8px;
}
.demo-link
{
	background-color: #e7a500;
    padding: 0;
    text-align: center;
    border-radius: 26px;
}
.demo-link h3
{
	color: white;
	margin-bottom: 0;
	font-size: 36px;

}
.demo-link a
{
	display: block;
	color: white;
    font-size: 20px;
    font-weight: normal;
	padding: 30px;
    border-bottom: 1px solid #efede8;
}
.body-plug
{
	margin-top: 90px;
}
.footer-content
{
	background-color: #f4f4f4;
}
.footer-content h1
{
	font-family: Nova Black;
	text-align: center;
}
.footer-content p
{
	font-size: 24px;
}
.footer-content .col
{
	width: 95%;
	margin: 0 auto;
}
.btn_js_disabled
{
    background-color:#CACACA !important;
}
.btn_js_disabled:hover
{
    background-color:#CACACA !important;
}
video
{
	max-width: 437px;
    height: auto;
    margin-top: 8px;
    margin-bottom: -14px;
}
.laptop-vd
{
	background-image: url("../image/PlayandLearnfaster.png");
	background-repeat: no-repeat;
	background-size: contain;
    padding-bottom: 163px;
    background-position: center;
}
.strikethrough {
  position: relative;
}
.strikethrough:before {
  position: absolute;
  content: "";
  left: 0;
  top: 50%;
  right: 0;
  border-top: 5px solid;
  border-color: inherit;

  -webkit-transform:rotate(-10deg);
  -moz-transform:rotate(-10deg);
  -ms-transform:rotate(-10deg);
  -o-transform:rotate(-10deg);
  transform:rotate(-10deg);
}
/**** Responsive ****/

@media (max-width: 767px)
{	
	.mobileresp{
		text-align: center;
	}
	.banner 
	{	    
    	min-height: 600px !important;
		background-size: contain;
		background-color: black;
	}
	.header-belt 
	{
    	padding-top: 10px !important;
	}
	.header-belt img
	{
		width: 33% !important;
	}
	.header-content 
	{
	    width: unset !important;
	    margin-top: 55% !important;
	    margin-left: unset !important; 
		bottom: auto;
	}
	.header-content-text 
	{
	    color: white;
	    font-size: 27px !important;
	    font-weight: bolder;
		margin-bottom: 10px;
	}
	.card
	{
		border-radius: 10px;
		box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 15%);
	}
	.form-content
	{
		box-shadow: none;
	}
	.body-content img
	{
		position: relative;
		top: 0;
		right: 0;
		left: 0;
	}
	.header-content-subtext 
	{
	    color: #ecebeb;
	    font-size: 18px !important;
	    line-height: 1.2;
	    margin-bottom: 3px !important;
	}
	.header-content a 
	{
	    color: #ecebeb;
	    font-size: 14px !important;
	    border-bottom: 1px solid;
	}
	.form-group 
	{
    	width: 100% !important;
    }
	.form-content 
	{
	    margin-top: -180px !important;
	    padding: 0 15px !important;
	}
	.form-row 
	{
	    margin-left: unset;
	}
	.form-row h4
	{
		font-size: 18px;
	}
	.form-control 
	{
    	width: 100%;
    	float: unset;
    	font-size: 18px;
    }
    .cc-picker-code-select-enabled 
    {
    	height: 45px;
    }
    h1
    {
    	font-size: 30px;
    }
    p 
    {
    	font-size: 20px !important;
    }
    .h2-width 
    {
	    width: 100%;
	}
	h2
	{
		font-size: 25px;
	}
	.font-25 
	{
	    font-size: unset;
	}
	.right-image 
	{
	    margin-top: 0px;
	}
	.right-image img 
	{
		width: 100%;
    	float: unset;
	}
	.demo-middle-content img 
	{
        margin-left: unset;
        width: 100%;
        font-weight: unset;
	}
	.demo-middle-content a 
	{
    	font-size: 16px;
    }
    .demo-middle-content h2 
    {
  		margin-top: 15px !important;
		width: 100% !important;
	}
    /*.body-content 
    {
	    margin-top: 30px;
	}*/
    .dome-left 
    {
    	width: 100%;
    	padding: 0 10px;
    	padding-top: 10px;
	}
	.dome-left h2 
	{
    	 width: 100%;
	}
	.demo-center img 
	{
	    margin-left: unset !important;
	    position: unset;
	    width: 100%;
		margin-top:unset !important; 
	}
	.dome-right 
	{
	    width: 100% !important;
	    float: unset;
	    padding-top: 10px;
	}
	.dome-right h2 
	{
	    width: 100%; 
	}
	h3
	{
		font-size: 18px !important;
	}
	.demo-link
	{
		 margin: 20px 0;
	}
	.demo-link a 
	{
	    color: white;
	    font-size: 16px;
	}
	.footer-content p 
	{
    	font-size: 18px;
	}
	.body-content 
	{
       margin-top: 20px !important;
	}
	video 
	{
	    max-width: 185px !important;	  
		margin-top: -8px;
	}
	.laptop-vd 
	{
	    background-image: url(../image/PlayandLearnfaster.png);
	    padding-bottom: 73px !important;
	    margin-top: 20px;
    	background-position: center;
	}
}
@media (min-width: 568px) and (max-width: 737px)
{
	.header-content {
		margin-top: 37% !important;
	}
}

/* @media only screen and (device-width: 768px) 
     {  */ 
@media (width: 768px)
{    
	.mobresp2{
		padding-left: 0px;
		padding-right: 0px;
	}
	p 
	{
    	font-size: 23px;
    }
	.banner 
	{
		min-height: 600px;
		background-size: contain;
		background-color: black;
	}
	.header-content 
	{
	    width: unset;
	    margin-top: 210px;
	    margin-left: 0px;
	}
	.header-content-text 
	{
	    color: white;
	    font-size: 28px !important;
	    font-weight: bolder;
		margin-bottom: 0px;
	}
	.header-content-subtext  
	{
	    color: #ecebeb;
	    font-size: 18px !important;
	    line-height: 1.2;
	    margin-bottom: 3px !important;
	}
	.header-content a 
	{
	    color: #ecebeb;
	    font-size: 18px;
	    border-bottom: 1px solid;
	}
	.form-group 
	{
    	width: 100% !important;
    }
	.form-content 
	{
	    margin-top: -166px;;
	    padding: 0;
	}
	.form-control 
	{
    	width: 100%;
    	float: unset;
    }
    .h2-width 
    {
	    width: 73%;
	    font-size: 28px;
	}
	.font-25 
	{
    	font-size: 20px;
	}
	.right-image
	{
		margin-top: 50px;
	}
	.right-image img
	{
		width: 110%;
		margin-top: -75px;

	}
	.demo-middle-content h2 
	{
    	width: 100%;
 	    font-size: 28px;
 	    margin-top: -38px;
	}
	.font-25 
	{
 	   font-size: 18px;
	}
	video 
	{
	    max-width: 279px;
	    margin-top: -2px;
	}
	.laptop-vd 
	{
	    background-image: url(../image/PlayandLearnfaster.png);
	    padding-bottom: 0px;
	    background-position: center;
	}
	.demo-middle-content p 
	{
	    width: 100%;
	    margin-bottom: 0;
	}
	.demo-middle-content a 
	{
    	font-size: 16px;
	}
	.dome-right
	{
   		 width: 60%;
   	}

   	.demo-link h3
   	{
   		font-size: 25px;
   	}
   	.body-plug 
   	{
	    margin-top: 70px;
	}
   	.footer-content .col 
   	{
	    width: 100%;
	    margin: 0 auto;
	}
	.footer-content h4
	{
		margin-left: 18px;
    	font-size: 20px;
	}
	.footer-content p 
	{
    	font-size: 20px;
	}
}
@media (width: 1024px)
{
	p 
	{
    	font-size: 23px;
    }
	.banner 
	{
	    min-height: 500px;
		background-image: linear-gradient(to bottom, transparent 69%, #000000 58%), url('../image/b2b-banner.jpg');
		background-repeat: no-repeat;
		background-size: contain;
		background-position: 100% 0;
		position: relative;
	}
	.header-content 
	{
	    width: 40%;
	    margin-top: 27px;
	    margin-left: 50px;
	}
	.header-content-text 
	{
	    color: white;
	    font-size: 39px;
	    font-weight: bolder;
	}
	.header-content-subtext  
	{
	    color: #ecebeb;
	    font-size: 26px;
	    line-height: 1.2;
	    margin-bottom: 3px !important;
	}
	.header-content a 
	{
	    color: #ecebeb;
	    font-size: 18px;
	    border-bottom: 1px solid;
	}
	/* .form-content 
	{
	    margin-top: -215px;
	} */
	.form-group 
	{
	    width: 23%;
	    margin-right: 17px;
	    float: left;
	}
	.font-18 
	{
	    font-size: 17px;
	    line-height: 1;
	}
    .h2-width 
    {
	    width: 73%;
	    font-size: 28px;
	}
	.font-25 
	{
    	font-size: 20px;
	}
	.right-image
	{
		margin-top: -30px;
	}
	.right-image img
	{
		width: 100%;
	}
	.demo-middle-content h2 
	{
    	width: 100%;
 	   font-size: 28px;
 	   margin-top: -38px;
	}
	.font-25 
	{
 	   font-size: 18px;
	}
	video 
	{
	    max-width: 376px;
    	margin-top: 2px;
	}
	.laptop-vd 
	{
	    background-image: url(../image/PlayandLearnfaster.png);
	    padding-bottom: 123px;
	    background-position: center;
	}

	.demo-middle-content p 
	{
	    width: 100%;
	    margin-bottom: 0;
	}
	.demo-middle-content a 
	{
    	font-size: 16px;
	}
	.dome-right
	{
   		 width: 60%;
   	}
   	.demo-link h3
   	{
   		font-size: 25px;
   	}
   	.demo-center img 	
   	{
	    margin-left: -139px;
	    margin-top: -23px;
	}
   	.footer-content .col 
   	{
	    width: 100%;
	    margin: 0 auto;
	}
	.footer-content h4
	{
		margin-left: 18px;
    	font-size: 20px;
	}
	.footer-content p 
	{
    	font-size: 20px;
	}
	.body-plug {
		margin-top: 40px;
	}
}
@media (min-width:1025px) and (max-width: 1199px)
{
	video 
	{
		max-width: 376px;
		margin-top: 34px;
	}
	.header-content {
		width: 40%;
	}
	.header-content-text {
		font-size: 35px;
	}
	.form-group {
		width: 26%;
		margin-right: 10px;
	}
	#form1_submit{
		padding: 7px 5px !important;
	}
	.mobresp3
	{
		width: 17%!important;
	}			  
}
@media (min-width:769px) and (max-width: 1023px)
{	
		.banner
		{
		min-height: 600px;
		background-size: contain;
		background-color: black;
	}																  
	.header-content {
		width: unset;
		margin-top: 260px;
		margin-left: unset;
	}
	.header-content-text {
		font-size: 34px;
	}
	.header-content-subtext {
		font-size: 22px;
		margin-bottom: 15px !important;
	}
	.form-group {
		margin-right: 12px;
	}
	#form1_submit{
		padding: 7px 5px !important;
	}
	.font-25 {
		font-size: 19px;
	}
	h2, .h2-width {
		font-size: 22px!important;
	}
	.right-image img {
		width: 100%;
	}
	video {
		max-width: 275px;
		margin-top: -4px;
	}
	.body-plug {
		margin-top: 90px;
		padding-left: 40px;
	}
	.body-content {
		padding-bottom: 0px !important;
	}
	.laptop-vd {
		padding-bottom: 100px;
	}
	.demo-center img {
		max-width: 280px;
	}
	.footer-content .title-color {
		font-size: 17px;
		padding-left: 28px;
	}
	.footer-content p {
		font-size: 18px;
	}
	.mobresp2{
		padding-left: 0px;
		padding-right: 0px;
	}
	@media (max-width:991px)
	{	
		.header-content-text {
			font-size: 25px;
		}
		video
		{
			max-width: 284px;
			margin-top: 30px;
		}
	}
}

@media (min-width: 768px) and (max-width: 979px)
{
	.banner 
	{	    
    	min-height: 600px !important;
		background-size: contain;
		background-color: black;
	}
	.header-content
	{
		width: unset;
		margin-top: 37%;
		margin-left: 0px;
		padding: 0 60px;
		bottom: auto;
	}
	.right-image img
	{
		width: 100%;
		margin-top: 0;
	}
	.body-content img {
		position: relative;
		top: 0;
		right: 0;
		left: 0;
		width: 100%;
	}
	.form-content
	{
		padding:0 15px;
	}
	.card
	{
		border-radius: 10px;
		box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 15%);
	}
	.form-content
	{
		box-shadow: none;
	}
	.form-row {
		margin-left: 0px;
	}
}
@media (min-width: 980px) and (max-width: 1199px)
{
	.header-content {
		width: 40%;
		margin-top: 10%;
		margin-left: 20px;
		bottom: auto;
	}
	.form-group {
		width: 47%;
		margin-right: 15px;
		float: left;
	}
	.body-content img {
		position: relative;
		top: 0;
		right: 0;
		left: 0;
		width: 100%;
	}
}