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

.tutorBanner {background:url("../images/contactBg.jpg") no-repeat;background-size:cover;background-position:center;}


/*--Home Tutor Block--*/
#homeTutor {padding:100px 0 0 0;}
#homeTutor h2 {font-size:35px;font-weight:700;color:#23305E;margin:0 0 30px 0;padding:0;}
#homeTutor p {font-size:14px;font-weight:400;color:#5C616E;margin:0 0 12px 0;padding:0;line-height:28px;}
#homeTutor .homeTutorRight {text-align:right;}
#homeTutor img.homeTutorImage {width:90%;float:right;}
#homeTutor.ourExperienceBlock {padding:100px 0 80px 0;}
#homeTutor.ourExperienceBlock img.homeTutorImage {width:90%;float:left;}
#homeTutor.ourExperienceBlock h2 {color:#5375E2;margin:40px 0 30px 0;}

/*--What We Do--*/
#whatWeDoBlock {background:url("../images/what-we-do.jpg") no-repeat;background-size:cover;background-position:center;padding:100px 0px;text-align:center;color:#fff;}
#whatWeDoBlock h2 {font-size:35px;font-weight:700;margin:0 0 0 0;padding:0;}
#whatWeDoBlock p {font-size:16px;font-weight:400;margin:0 0 12px 0;padding:0;line-height:28px;}
#whatWeDoBlock .whatWeDoButtons {margin:20px 0 0 0;}
#whatWeDoBlock .whatWeDoButtons ul {display:flex;flex-wrap:wrap;flex-direction:row;justify-content:center;}
#whatWeDoBlock .whatWeDoButtons ul li {width:250px;margin:10px;}
#whatWeDoBlock .whatWeDoButtons ul li a {background:rgba(0,0,0,.4);border:2px solid rgba(255,255,255,.4);border-radius:8px;padding:15px 20px;width:100%;display:block;color:#fff;transition:.5s;}
#whatWeDoBlock .whatWeDoButtons ul li a:hover {background:#FC5106;border-color:#fff;color:#fff;}


/*--Our Vision and Method--*/
#ourVsnMtd {background:url("../images/videobg.jpg") no-repeat;background-size:cover;background-position:center;padding:100px 0px;color:#fff;}
#ourVsnMtd h2 {font-size:35px;font-weight:700;margin:0 0 0 0;padding:0;color:#6ED2EF;}
#ourVsnMtd h5 {font-size:20px;font-weight:400;margin:0 0 30px 0;padding:0;color:#fff;}
#ourVsnMtd p {font-size:16px;font-weight:400;margin:0 0 12px 0;padding:0;line-height:28px;}
#ourVsnMtd p:nth-of-type(1) {min-height:150px;}

/*--Welcome Block--*/
#welcomeBlock {padding:100px 0;}
#welcomeBlock h2 {font-size:35px;font-weight:700;color:#23305E;margin:0 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:90%;float:right;}
#welcomeBlock.growthBlock {padding:0 0 100px 0;}
#welcomeBlock.growthBlock img.welcomeImage {width:90%;float:left;}
#welcomeBlock.growthBlock h2 {font-size:35px;font-weight:700;color:#23305E;margin:60px 0 0 0;padding:0;}


/*--What are you looking for block--*/
#joinusReasons {background:#F5FFFF;padding:80px 0px 80px 0px;text-align:center;}
#joinusReasons h2 {font-size:35px;font-weight:700;color:#5375E2;margin:0 0 0 0;padding:0;}
#joinusReasons p {font-size:17px;font-weight:400;color:#707070;margin:0 0 35px 0;padding:0;}
#joinusReasons .card {border-radius:15px;border:0px;padding:50px 15px;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:.5s;}
#joinusReasons img {width:70px;margin:0 auto;transition:inherit;}
#joinusReasons h3 {font-size:20px;font-weight:600;color:#000000;margin:15px 0 0 0;padding:0;transition:inherit;}

#joinusReasons .joinusReasonsBlocks .col:nth-of-type(1):hover .card, #joinusReasons .joinusReasonsBlocks .col:nth-of-type(6):hover .card {background:rgba(255,128,0,.15);}
#joinusReasons .joinusReasonsBlocks .col:nth-of-type(1):hover .card h3, #joinusReasons .joinusReasonsBlocks .col:nth-of-type(6):hover .card h3 {color:#FF8000;}

#joinusReasons .joinusReasonsBlocks .col:nth-of-type(2):hover .card, #joinusReasons .joinusReasonsBlocks .col:nth-of-type(4):hover .card {background:rgba(33,194,2,.15);}
#joinusReasons .joinusReasonsBlocks .col:nth-of-type(2):hover .card h3, #joinusReasons .joinusReasonsBlocks .col:nth-of-type(4):hover .card h3 {color:#21C202;}

#joinusReasons .joinusReasonsBlocks .col:nth-of-type(3):hover .card, #joinusReasons .joinusReasonsBlocks .col:nth-of-type(5):hover .card {background:rgba(3,45,112,.15);}
#joinusReasons .joinusReasonsBlocks .col:nth-of-type(3):hover .card h3, #joinusReasons .joinusReasonsBlocks .col:nth-of-type(5):hover .card h3 {color:#032D70;}

#contactBlock {background:#fff;padding:70px 0px 0 0px;}

@media screen and (max-width:812px)
{
	#homeTutor {padding:50px 0 0 0;}
	#homeTutor .homeTutorLeft {width:100%;}
	#homeTutor .homeTutorRight {width:100%;margin-top:50px;}
	#homeTutor .homeTutorRight img {width:100%;}
	
	#homeTutor.ourExperienceBlock {padding:50px 0px;}
	.ourExperienceRight {width:100%;}
	
	.missionBlock .missionLeft {width:100%;}
	.missionBlock .welcomeRight {width:100%;margin-top:50px;}
	.missionBlock img.welcomeImage, #welcomeBlock.growthBlock img.welcomeImage {width:100%!important;}
	#welcomeBlock, #ourVsnMtd {padding:50px 0;}
	.growthBlock .growthLeft, .growthBlock .growthRight {width:100%;}
	#ourVsnMtd .col {flex:100%;}
	#ourVsnMtd .col:last-child {margin-top:50px;}
	#ourVsnMtd p:nth-of-type(1) {min-height:auto;}
	#joinusReasons .col {width:50%;}
}

@media screen and (max-width:420px)
{
	#whatWeDoBlock .whatWeDoButtons ul li {flex:100%;}
	#joinusReasons .col {width:100%;}
	#joinusReasons .col .card {padding:30px 15px;}
}