@charset "utf-8";
/* CSS Document */

#headBanner {background:#6100C1;clip-path: polygon(0 0, 100% 0, 100% 100%, 0 80%);padding:0 0px 10rem 0px;}


/*--Banner--*/
.bannerBlock .bannerRight {position:relative;}
.bannerBlock .bannerRight img.homeNewImage {width:65%;position:relative;left:50%;top:50%;transform:translate(-50%,-50%);}
.bannerBlock .bannerRight .bannerRightImageList {width:100%;height:100%;position:absolute;z-index:9;}
.bannerBlock .bannerRight .bannerRightImageList li {position:absolute;z-index:99;border-radius:15px;padding:20px 30px;top:0;left:0;text-align:center;color:#5B5B5B;font-size:18px;transition:transform .5s;}
.bannerBlock .bannerRight .bannerRightImageList li:hover {transform:scale(1.1);}

.bannerBlock .bannerRight .bannerRightImageList li:nth-of-type(1) {top:25%;left:10%;width:200px;}
.bannerBlock .bannerRight .bannerRightImageList li:nth-of-type(2) {top:auto;bottom:35%;left:15%;width:180px;}
.bannerBlock .bannerRight .bannerRightImageList li:nth-of-type(3) {top:5%;right:5%;left:auto;width:230px;}
.bannerBlock .bannerRight .bannerRightImageList li:nth-of-type(4) {top:30%;right:5%;left:auto;width:250px;}

.bannerBlock .bannerRight .bannerRightImageList li .check {width:44px;height:44px;text-align:center;border-radius:100%;padding:3px;position:absolute;top:0;left:0;}
.bannerBlock .bannerRight .bannerRightImageList li .check .checkInner {width:38px;height:38px;border-radius:100%;}
.bannerBlock .bannerRight .bannerRightImageList li .check .checkInner img {width:100%;}

.bannerBlock .bannerRight .bannerRightImageList li.orangeBg {background:#FCEEE8;}
.bannerBlock .bannerRight .bannerRightImageList li.orangeBg .check {background:#FBCDB9;top:-10px;left:-10px;}
.bannerBlock .bannerRight .bannerRightImageList li.orangeBg .checkInner {background:#FC5106;}

.bannerBlock .bannerRight .bannerRightImageList li.orangeBg:hover {background:#FFA883;color:#fff;}
.bannerBlock .bannerRight .bannerRightImageList li.orangeBg:hover .check {background:#FF8C5A;}
.bannerBlock .bannerRight .bannerRightImageList li.orangeBg:hover .checkInner {background:#CE3F00;}

.bannerBlock .bannerRight .bannerRightImageList li.purpleBg {background:#DFDFFE;}
.bannerBlock .bannerRight .bannerRightImageList li.purpleBg .check {background:#D5C2F3;top:-10px;left:-10px;}
.bannerBlock .bannerRight .bannerRightImageList li.purpleBg .checkInner {background:#6200F7;}

.bannerBlock .bannerRight .bannerRightImageList li.purpleBg:hover {background:#AEAEFF;color:#fff;}
.bannerBlock .bannerRight .bannerRightImageList li.purpleBg:hover .check {background:#B789FF;}
.bannerBlock .bannerRight .bannerRightImageList li.purpleBg:hover .checkInner {background:#5100CC;}

.bannerBlock .bannerRight .bannerRightImageList li.blueBg {background:#DFDFFE;}
.bannerBlock .bannerRight .bannerRightImageList li.blueBg .check {background:#C2C2F3;top:-10px;right:-10px;left:auto;}
.bannerBlock .bannerRight .bannerRightImageList li.blueBg .checkInner {background:#0E0ECF;}

.bannerBlock .bannerRight .bannerRightImageList li.blueBg:hover {background:#A7A7FF;color:#fff;}
.bannerBlock .bannerRight .bannerRightImageList li.blueBg:hover .check {background:#7979F5;}
.bannerBlock .bannerRight .bannerRightImageList li.blueBg:hover .checkInner {background:#0000B1;}

.bannerBlock .bannerRight .bannerRightImageList li.lightOrangeBg {background:#F8EDE0;}
.bannerBlock .bannerRight .bannerRightImageList li.lightOrangeBg .check {background:#FFE1BE;top:-10px;right:-10px;left:auto;}
.bannerBlock .bannerRight .bannerRightImageList li.lightOrangeBg .checkInner {background:#F29423;}

.bannerBlock .bannerRight .bannerRightImageList li.lightOrangeBg:hover {background:#FFD3A0;color:#fff;}
.bannerBlock .bannerRight .bannerRightImageList li.lightOrangeBg:hover .check {background:#FFBA69;}
.bannerBlock .bannerRight .bannerRightImageList li.lightOrangeBg:hover .checkInner {background:#CC6F00;}


.bannerBlock .tabsBlock {width:100%;float:left;background:#ffffff;border-radius:8px;margin-top:100px;}

.bannerBlock .tabsBlock .tabsTop {width:100%;float:left;box-shadow: -1px 5px 5px 0px rgba(0,0,0,0.2);-webkit-box-shadow: -1px 5px 5px 0px rgba(0,0,0,0.2);-moz-box-shadow: -1px 5px 5px 0px rgba(0,0,0,0.2);}


.bannerBlock .tabsBlock .tabsTop button {width:50%;float:left;border:0;background:none;text-align:center;color:#7791A1;padding:20px 0;font-size:18px;}

.bannerBlock .tabsBlock .tabsTop button span {position:relative;margin-left:35px;}


.bannerBlock .tabsBlock .tabsTop button:hover {color:#23305E!important;}
.bannerBlock .tabsBlock .tabsTop button span:before {content:'';position:absolute;left:0;top:-7px;}
.bannerBlock .tabsBlock .tabsTop button#btn1 span:before {background:url("../images/forStudent.svg") no-repeat;width:30px;height:42px;background-size:30px 42px;left:-35px;}
.bannerBlock .tabsBlock .tabsTop button#btn1.activebtn span:before, .bannerBlock .tabsBlock .tabsTop button#btn1:hover span:before {background:url("../images/forStudentActive.svg") no-repeat;width:30px;height:42px;background-size:30px 42px;left:-35px;}
.bannerBlock .tabsBlock .tabsTop button#btn2 span:before {background:url("../images/forTeacher.svg") no-repeat;width:33px;height:47px;background-size:33px 47px;left:-38px;}
.bannerBlock .tabsBlock .tabsTop button#btn2.activebtn span:before {background:url("../images/forTeacherActive.svg") no-repeat;width:33px;height:47px;background-size:33px 47px;}
.bannerBlock .tabsBlock .tabsTop button#btn2:hover span:before {background:url("../images/forTeacherActive.svg") no-repeat;width:33px;height:47px;background-size:33px 47px;}
.bannerBlock .tabsBlock .block1 {width:100%;}
.bannerBlock .tabsBlock .block2 {width:100%;display:none;}
.bannerBlock .tabsBlock .tabsBottom {width:100%;float:left;padding:40px;}
.bannerBlock .tabsBlock .tabsBottom h2 {font-size:30px;font-weight:700;color:#23305E;margin:0;padding:0;}
.bannerBlock .tabsBlock .tabsBottom p {font-size:15px;font-weight:400;color:#5C616E;margin:20px 0 40px 0;padding:0;}
.bannerBlock .tabsBlock .tabsBottom input {width:100%;border:1px solid #DADADA;border-radius:12px;padding:18px 12px;color:#707070;font-size:14px;}

.bannerBlock .tabsBlock .tabsBottom .selectric {width:100%;border:1px solid #DADADA;border-radius:12px;padding:18px 12px;color:#707070;font-size:14px;}
.bannerBlock .tabsBlock .tabsBottom .selectric .button {background:transparent;}

.bannerBlock .tabsBlock .tabsBottom .field1 {float:left;width:100%;}
.bannerBlock .tabsBlock .tabsBottom .field2 {float:left;width:100%;margin-top:10px;}
.bannerBlock .tabsBlock .tabsBottom input[type=submit] {width:100%;border:0px;padding:18px;color:#fff;font-size:14px;text-transform:uppercase;transition:1s;}
.bannerBlock .tabsBlock .tabsBottom li:first-child input[type=submit] {background:#23305E;}
.bannerBlock .tabsBlock .tabsBottom li:first-child input[type=submit]:hover {background:#FC5106;}
.bannerBlock .tabsBlock .tabsBottom li:last-child input[type=submit] {background:#5375E2;}
.bannerBlock .tabsBlock .tabsBottom li:last-child input[type=submit]:hover {background:#F29423;}
.bannerBlock .tabsBlock .tabsBottom ul li {width:49%;float:left;}
.bannerBlock .tabsBlock .tabsBottom ul li:last-child {float:right;}
.bannerBlock .tabsBlock .tabsBottom .field1 ul li:first-child {width:100%;float:left;clear:both;}
.bannerBlock .tabsBlock .tabsBottom .field1 ul li:nth-child(2) {margin-top:10px;}
.bannerBlock .tabsBlock .tabsBottom .field1 ul li.subjectField {width:49%;float:right;clear:none;margin-top:10px;}
.bannerBlock .tabsBlock .activebtn {border-bottom:2px solid #6ED2EF!important;display:block;color:#23305E!important;}
.bannerBlock .tabsBlock .activebtn:before {content:'';bottom:-20px;left:0;background:#6ED2EF!important;width:100%;height:6px;z-index:9;}


/*--Welcome Block--*/
#welcomeBlock {padding:50px 0;}
#welcomeBlock h2 {font-size:35px;font-weight:700;color:#23305E;margin:70px 0 0 0;padding:0;}
#welcomeBlock h3 {font-size:20px;font-weight:500;color:#6ED2EF;margin:5px 0 20px 0;padding:0;}
#welcomeBlock p {font-size:14px;font-weight:400;color:#5C616E;margin:0;padding:0;line-height:30px;}
#welcomeBlock .welcomeRight {text-align:right;}
#welcomeBlock img.welcomeImage {width:100%;}
#welcomeBlock a.readMoreBtn {background:#23305E;margin-top:30px;}
#welcomeBlock a.readMoreBtn:hover {background:#FC5106;color:#fff;}


/*--What are you looking for block--*/
#lookingFor {background:#F5FFFF;clip-path:polygon(0 10%, 100% 0, 100% 100%, 0 90%);padding:6rem 0px 6rem 0px;text-align:center;}

#lookingFor h2 {font-size:35px;font-weight:700;color:#5375E2;margin:0 0 25px 0;padding:0;}

#lookingFor .card {border-radius:15px;border:0px;padding:30px 25px;box-shadow:0px 0px 9px 0px rgba(0,0,0,0.10);
-webkit-box-shadow:0px 0px 9px 0px rgba(0,0,0,0.10);-moz-box-shadow:0px 0px 9px 0px rgba(0,0,0,0.10);text-align:center;transition:transform 1s;}
#lookingFor img {width:70px;margin:0 auto;border:2px solid #fff;border-radius:15px;}
#lookingFor h3 {font-size:20px;font-weight:600;color:#000000;margin:15px 0 15px 0;padding:0;}
#lookingFor p {font-size:13px;font-weight:400;color:#707070;margin:0;padding:0;}


#lookingFor .col:hover .card {transform:scale(1.1);}
#lookingFor .col:nth-of-type(1):hover .card {background:rgba(3,45,112,.2);}
#lookingFor .col:nth-of-type(1):hover .card h3 {color:#032D70;}
#lookingFor .col:nth-of-type(1):hover .card p {color:#032D70;}

#lookingFor .col:nth-of-type(2):hover .card {background:rgba(25,209,65,.2)}
#lookingFor .col:nth-of-type(2):hover .card h3 {color:#21C202;}
#lookingFor .col:nth-of-type(2):hover .card p {color:#21C202;}

#lookingFor .col:nth-of-type(3):hover .card {background:rgba(226,57,4,.2)}
#lookingFor .col:nth-of-type(3):hover .card h3 {color:#F15C22;}
#lookingFor .col:nth-of-type(3):hover .card p {color:#F15C22;}

#lookingFor .col:nth-of-type(4):hover .card {background:rgba(255,128,0,.2)}
#lookingFor .col:nth-of-type(4):hover .card h3 {color:#FF8000;}
#lookingFor .col:nth-of-type(4):hover .card p {color:#FF8000;}


/*--How it works--*/
#howWorks {padding:50px 0;}
#howWorks  h2 {font-size:35px;font-weight:700;color:#23305E;padding:0;text-align:center;}
#howWorks .tabsBlock {background:#ffffff;border-radius:8px;overflow:hidden;}
#howWorks .tabsBlock .tabsTop {width:100%;float:left;}
#howWorks .tabsBlock .tabsTop .buttonsBlock {width:100%;max-width:500px;margin:0 auto;}

#howWorks .tabsBlock .tabsTop button {width:50%;float:left;border:0;background:none;text-align:center;color:#5C616E;padding:20px 0;font-size:22px;font-weight:500;position:relative;}
#howWorks .tabsBlock .tabsTop .buttonsBlock button:hover {color:#FC5106!important;}
#howWorks .tabsBlock .tabsTop .buttonsBlock button:hover:after {content:'';bottom:0;left:0;background:#FC5106;width:100%;height:4px;z-index:9;position:absolute;}
#howWorks .tabsBlock .tabsTop .buttonsBlock button:hover:before {display:none;}

#howWorks .tabsBlock .tabsTop button:before {content:'';bottom:0;left:0;background:#5C616E;width:100%;height:4px;position:absolute;}
#howWorks .tabsBlock .imageBlock {width:50%;}
#howWorks .tabsBlock .imageBlock img {width:100%;}
#howWorks .tabsBlock .detailBlock {width:38%;}
#howWorks .tabsBlock .leftBlock {float:left;}
#howWorks .tabsBlock .rightBlock {float:right;}
#howWorks .tabsBlock .blockStu {width:100%;}
#howWorks .tabsBlock .blockTutr {width:100%;display:none;}
#howWorks .tabsBlock .activebtn {display:block;color:#5375E2!important;position:relative;}
#howWorks .tabsBlock .activebtn:after {content:'';bottom:0;left:0;background:#6ED2EF;width:100%;height:4px;z-index:9;position:absolute;}
#howWorks .tabsBlock .activebtn:before {display:none;}
#howWorks .tabsBlock .tabsBottom {width:100%;float:left;margin-top:50px;}
#howWorks .tabsBlock .tabsBottom h3 {font-size:35px;font-weight:700;color:#23305E;margin:0 0 35px 0;padding:0;}
#howWorks .tabsBlock .tabsBottom ul li {width:100%;float:left;border-radius:20px;padding:10px;}
#howWorks .tabsBlock .tabsBottom ul li:nth-child(2) {margin:20px 0;}
#howWorks .tabsBlock .tabsBottom ul li img {float:left;width:20%;}
#howWorks .tabsBlock .tabsBottom ul li h4 {float:right;width:75%;color:#5C616E;font-size:20px;font-weight:600;margin-top:5px;}
#howWorks .tabsBlock .tabsBottom ul li h4 span {display:block;color:#828282;font-size:15px;font-weight:400;margin-top:6px;}
#howWorks .tabsBlock .tabsBottom a.readMoreBtn {background:#5375E2;margin-top:40px;margin-left:25%;}
#howWorks .tabsBlock .tabsBottom a.readMoreBtn:hover {background:#FF8000;color:#fff;}

/*--Student Block Hover--*/
#howWorks .blockStu .detailBlock ul li:nth-of-type(1):hover {background:rgba(0,0,0,.1);}
#howWorks .blockStu .detailBlock ul li:nth-of-type(1):hover h4 {color:#032D70;}
#howWorks .blockStu .detailBlock ul li:nth-of-type(1):hover h4 span {color:#032D70;}

#howWorks .blockStu .detailBlock ul li:nth-of-type(2):hover {background:rgba(255,128,0,.1);}
#howWorks .blockStu .detailBlock ul li:nth-of-type(2):hover h4 {color:#FF8000;}
#howWorks .blockStu .detailBlock ul li:nth-of-type(2):hover h4 span {color:#FF8000;}

#howWorks .blockStu .detailBlock ul li:nth-of-type(3):hover {background:rgba(33,194,2,.1);}
#howWorks .blockStu .detailBlock ul li:nth-of-type(3):hover h4 {color:#21C202;}
#howWorks .blockStu .detailBlock ul li:nth-of-type(3):hover h4 span {color:#21C202;}

/*--Tutor Block Hover--*/
#howWorks .blockTutr .detailBlock ul li:nth-of-type(1):hover {background:rgba(0,0,0,.1);}
#howWorks .blockTutr .detailBlock ul li:nth-of-type(1):hover h4 {color:#032D70;}
#howWorks .blockTutr .detailBlock ul li:nth-of-type(1):hover h4 span {color:#032D70;}

#howWorks .blockTutr .detailBlock ul li:nth-of-type(3):hover {background:rgba(255,128,0,.1);}
#howWorks .blockTutr .detailBlock ul li:nth-of-type(3):hover h4 {color:#FF8000;}
#howWorks .blockTutr .detailBlock ul li:nth-of-type(3):hover h4 span {color:#FF8000;}

#howWorks .blockTutr .detailBlock ul li:nth-of-type(2):hover {background:rgba(33,194,2,.1);}
#howWorks .blockTutr .detailBlock ul li:nth-of-type(2):hover h4 {color:#21C202;}
#howWorks .blockTutr .detailBlock ul li:nth-of-type(2):hover h4 span {color:#21C202;}

/*--Video Block--*/
#videoBlock .videoBlockInner {width:100%;background:url("../images/videobg.jpg") no-repeat;background-size:cover;border-radius:30px;padding:100px 80px;margin:50px 0 100px 0;float:left;}
#videoBlock .videoBlockInner ul li {width:75%;float:left;}
#videoBlock .videoBlockInner ul li:last-child {width:20%;float:right;text-align:right;}
#videoBlock .videoBlockInner h4 {font-size:20px;font-weight:600;color:#6ED2EF;margin:0;padding:0;}
#videoBlock .videoBlockInner h2 {font-size:35px;font-weight:700;color:#fff;margin:10px 0 25px 0;padding:0;}
#videoBlock .videoBlockInner h2 span {display:block;}
#videoBlock .videoBlockInner a.readMoreBtn {background:#5375E2;}
#videoBlock .videoBlockInner a.readMoreBtn:hover {background:#FF7D56;color:#fff;}
#videoBlock .videoBlockInner a.playBtn img {width:180px;}

/*--Hire a pro--*/
#hirePro {margin-bottom:100px;}
#hirePro h2 {font-size:35px;font-weight:700;color:#5375E2;margin:0 0 25px 0;padding:0;}
#hirePro .imageBlock {width:100%;float:left;margin-bottom:20px;}
#hirePro .imageBlock img {width:100%;}
#hirePro .hireBtns {width:100%;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;}
#hirePro .hireBtns a {border:1px solid #cccccc;border-radius:8px;padding:10px;font-size:15px;font-weight:600;color:#181818;flex:20%;margin:1%;text-align:center;transition:.5s;}
#hirePro .hireBtns a:hover {background:#FF7D56;border-color:#FF7D56;color:#fff;}

/*--eLearning Material--*/
#elearningBlock {position:relative;margin-top:200px;}
#elearningBlock .elearningBlockInner {background:#5375E2;border-radius:30px;position:relative;padding:30px;z-index:99;}
#elearningBlock .elearningBlockInner .elearningBlockLeft img {position:absolute;left:100px;bottom:0;width:320px;}
#elearningBlock .elearningBlockInner h2 {font-size:35px;font-weight:700;color:#ffffff;margin:0 0 25px 0;padding:0;}
#elearningBlock .elearningBlockInner ul li {position:relative;padding:0 0 0 30px;line-height:35px}
#elearningBlock .elearningBlockInner ul li:before {position:absolute;content:'';background:url("../images/checkIcon.svg") no-repeat;left:0;top:10px;width:15px;height:15px;background-size:15px;}
#elearningBlock .elearningBlockInner ul li a {font-size:14px;font-weight:400;color:#fff;margin:0;padding:0;transition:.5s;}
#elearningBlock .elearningBlockInner ul li a:hover {color:#23305E;font-size:15px;font-weight:500;}
#elearningBlock:before {content:'';position:absolute;background:url("../images/eLearningMaterialLines.svg");background-repeat:no-repeat;width:450px;height:452.6px;background-size:450px 452.6px;z-index:1;top:-170px;left:180px;}

/*--Career Block--*/
#careerBlock {position:relative;margin-top:250px;margin-bottom:100px;}
#careerBlock .careerBlockRight img {position:absolute;right:20px;bottom:-50px;width:400px;}
#careerBlock .careerBlockInner {background:#23305E;border-radius:30px;position:relative;padding:50px;z-index:99;}
#careerBlock .careerBlockInner h2 {font-size:45px;font-weight:700;color:#ffffff;margin:0 0 25px 0;padding:0;}
#careerBlock .careerBlockInner p {font-size:16px;font-weight:400;color:#fff;margin:0 0 25px 0;padding:0;}
#careerBlock:before {content:'';position:absolute;background:url("../images/confuserCarrerLines.svg");background-repeat:no-repeat;width:450px;height:452.6px;background-size:450px 452.6px;z-index:1;top:-170px;right:180px;}
#careerBlock a.readMoreBtn {background:#5375E2;}
#careerBlock a.readMoreBtn:hover {background:#FF7D56;color:#fff;}

/*--Algebrain Numbers Block--*/
#anBlock {background:url("../images/aeBg.jpg") no-repeat;background-size:cover;padding:100px 0;}
#anBlock img {width:20%;float:left;transition:1s;}
#anBlock .col {transition:transform .4s;}
#anBlock .col:hover {transform:scale(1.1);}
#anBlock .col:hover h2 {color:#F29423;}
#anBlock .col:hover h2 span {color:#F29423;}
#anBlock h2 {width:75%;float:left;font-size:35px;font-weight:600;color:#ffffff;margin:0 0 0 4%;padding:0;transition:1s;}
#anBlock h2 span {font-size:20px;font-weight:400;margin:2px 0 0 0;padding:0;display:block;transition:1s;}

@media screen and (max-width:1024px)
{
	#headBanner {clip-path:polygon(0 0, 100% 0, 100% 100%, 0 100%)!important;padding:0 0px 4rem 0px!important;}
	.bannerBlock .tabsBlock .tabsBottom ul li {width:100%!important;margin-bottom:10px;}
	.bannerBlock .tabsBlock .tabsBottom .field2, .bannerBlock .tabsBlock {margin-top:0px!important;}
	.bannerBlock .bannerRight .bannerRightImageList li {padding:15px;}
	.bannerBlock .bannerRight .bannerRightImageList li.blueBg .check, .bannerBlock .bannerRight .bannerRightImageList li.lightOrangeBg .check {top:-25px;right:-20px;}
	.bannerBlock .bannerRight .bannerRightImageList li:nth-of-type(3) {top:15%;right:5%;width:190px;}
	.bannerBlock .bannerRight .bannerRightImageList li:nth-of-type(4) {top:45%;right:5%;width:200px;}
	.bannerBlock .bannerRight .bannerRightImageList li.orangeBg .check, .bannerBlock .bannerRight .bannerRightImageList li.purpleBg .check {left:-20px;top:-20px;}
	.bannerBlock .bannerRight .bannerRightImageList li:nth-of-type(1) {width:160px;}
	.bannerBlock .bannerRight .bannerRightImageList li:nth-of-type(2) {width:150px;}
	#lookingFor {clip-path:polygon(0 0, 100% 0, 100% 100%, 0 100%);}
}

@media screen and (max-width:1023px)
{
	.bannerLeft, .welcomeLeft {width:100%;}
	.bannerRight, .welcomeRight {width:100%;margin-top:30px;}
	#welcomeBlock h2 {margin-top:0px;}
}

@media screen and (max-width:812px)
{
	.lookingForInner .col {width:50%;}
	#howWorks .tabsBlock .blockStu .imageBlock {margin-top:30px;}
	#howWorks .tabsBlock .blockTutr .imageBlock {margin-bottom:30px;}
	#howWorks .tabsBlock .imageBlock {width:100%;}
	#howWorks .tabsBlock .detailBlock {width:100%;}
	#elearningBlock .elearningBlockInner .elearningBlockLeft img {width:250px;left:40px;}
	.col.elearningBlockItems {flex:55%;}
	.col.elearningBlockLeft {flex:30%;}
	#elearningBlock .elearningBlockInner h2 {font-size:30px;}
	#elearningBlock:before {width:300px;height:302px;background-size:300px 302px;top:-140px;left:40px;}
	#careerBlock .careerBlockRight img {width:250px;right:40px;bottom:-35px;}
	#careerBlock:before {width:300px;height:302px;background-size:300px 302px;top:-100px;right:70px;}
	#careerBlock .careerBlockInner {padding:35px;}
	#careerBlock .careerBlockInner h2 {font-size:35px;}
	#careerBlock {margin-top:150px;}
	#anBlock .col {width:100%;margin:0;}
	#anBlock .col:nth-child(2) {margin:30px 0px;}
}

@media screen and (max-width:768px)
{
	h2.resp-tab-active {background:#FF7D56!important;color:#fff!important;}
	#hirePro h2 {font-size:16px;font-weight:500;margin-bottom:0px;}
	.resp-vtabs .resp-tab-content {padding:25px;}
	h2.resp-tab-active span.resp-arrow {border-bottom:8px solid #fff;}
	#hirePro h2 {padding:15px!important;color:#181818;}
}

@media screen and (max-width:736px)
{
	#elearningBlock .elearningBlockInner .elearningBlockLeft img {left:10px;}
	#careerBlock .careerBlockRight img {right:10px;}
}

@media screen and (max-width:568px)
{
	#videoBlock .videoBlockInner {padding:30px!important;}
	#videoBlock .videoBlockInner ul li {width:100%!important;text-align:left!important;}
	#videoBlock .videoBlockInner ul li:last-child {margin-top:30px;}
	#videoBlock .videoBlockInner ul li:last-child img {width:100px;}
	#hirePro .hireBtns a {flex:48%;}
	#elearningBlock .elearningBlockLeft {flex:100%!important;}
	#elearningBlock .col.elearningBlockItems {flex:100%!important;margin-top:320px!important;}
	#elearningBlock .elearningBlockInner .elearningBlockLeft img, #careerBlock .careerBlockRight img {left:50%!important;bottom:auto!important;top:-90px!important;margin-left:-125px!important;right:auto!important;}
	#elearningBlock:before, #careerBlock:before {left:50%;margin-left:-150px;}
	
	#careerBlock .elearningBlockItems {flex:100%!important;margin-top:280px!important;}
	#careerBlock .careerBlockRight {flex:100%!important;}
	#testimonialsBlock .card .testiImageBlock .Imgs .videoIcon {right:155px;}
}

@media screen and (max-width:420px)
{
	.bannerBlock {margin-top:20px;}
	.bannerBlock .bannerRight img.homeNewImage {width:100%;}
	.bannerBlock .bannerRight .bannerRightImageList li:nth-of-type(3) {top:25%;right:7%;}
	.bannerBlock .bannerRight .bannerRightImageList li:nth-of-type(1) {top:38%;left:3%;}
	.bannerBlock .bannerRight .bannerRightImageList li:nth-of-type(4) {top:62%;right:8%;}
	.bannerBlock .bannerRight .bannerRightImageList li:nth-of-type(2) {bottom:8%;left:3%;}
	.lookingForInner .col {width:100%;}
	#lookingFor {padding:4rem 0;}
	#lookingFor h2, #howWorks .tabsBlock .tabsBottom h3 {font-size:28px;}
	#hirePro .hireBtns a {flex:100%;}
	#careerBlock .careerBlockInner {padding:15px;}
	#careerBlock a.readMoreBtn {width:100%;}
	#videoBlock .videoBlockInner h2 span {display:inline-block;}
	#videoBlock .videoBlockInner h2 {font-size:30px;}
	#howWorks .tabsBlock .tabsBottom a.readMoreBtn {margin-left:0px;width:100%;text-align:center;}
	#welcomeBlock a.readMoreBtn {width:100%;text-align:center;}
	#welcomeBlock h2 {font-size:29px;}
	#anBlock .col:nth-child(2) {margin:50px 0px;}
}