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




/*===================================================================================================
3	) Mobile
===================================================================================================*/
/* Note:Design for a width of 320px */
@media only screen and (max-width:599px) {}


.market-slides-main		{margin:0px 0 0 59%;display:flex;align-content:center;align-items:center;}
.market-slide			{display:none;/*position:absolute;left:0px;width:100%;bottom:225px;right:0px*/}
.spirit-slides			{padding:0 20px;width:100%;position:relative;z-index:1}
.spirit-slides h3		{font-size:24px;color:#000;font-family: 'ProximaNova-Bold';text-transform:uppercase;line-height:30px;}
.patch					{position:absolute;bottom:100px;left:92%;z-index:9}

.presentation-main 		{width:1100px;margin:0 auto;}
.circle_main 			{display:inline-table;width:90%;padding-left:11%}
.piechart-sub,.piechart-img,.book,.book img,.book::after,.book a,.book::before,.wsmenu-list > li,.wsmenu-list > li > a,.pie-head h4,.gallery-sub,.back-btn{transition:all 0.3s ease-out 0s;-webkit-transition:all 0.3s ease-out 0s;-moz-transition:all 0.3s ease-out 0s;-o-transition:all 0.3s ease-out 0s;-ms-transition:all 0.3s ease-out 0s}

.piechart-main 			{position: relative;z-index:1;width:550px;height:550px;margin:75px auto 100px auto;float:left  }
.piechart-holder,.piechart-sub,.piechart-img{position:absolute;top:0px;left:0px;bottom:0px;right:0px;width:100%;height:100%;}
.piechart-sub,.piechart-img{overflow:hidden;}
.piechart-holder 		{border:0px solid #8F00C5;border-radius:50%;clip:rect(0px, 550px, 550px, 275px);}
.piechart-sub 			{border:0px solid blue;border-radius:50%;cursor:pointer; clip: rect(0px, 275px, 550px, 0px);}
.piechart-img 			{border:0px solid #02F100;background-blend-mode: luminosity;opacity:0.05;background-color:#81643b;background-repeat: no-repeat;
background-position:left top;background-size:100% 100%}
.piechart-sub{transform: rotate(35deg);}

.piechart-main .piechart_1:after{content:"";display:block;height:345px;width:8px;background:url('../images/recruitment-guide/piechart_shadow.png') no-repeat center center;background-size:auto 100%;position:absolute;left:361px;top:-33px;z-index:20;transform:rotate(35deg);}

.piechart_0 			{transform: rotate(0deg);z-index: 9;width:620px;height:620px;top:-35px;left:-35px;right:auto; }
.piechart_0.piechart-holder{clip:rect(0px, 620px, 620px, 310px);z-index: 1 }
.piechart_0 .piechart-sub{transform: rotate(150deg);clip: rect(0px, 310px, 620px, 0px);background:#a88758 }
.piechart_0 .piechart-img{transform: rotate(210deg);background-image: url(../images/recruitment-guide/about-us.jpg);background-position:-20% 0%;background-size:auto 100%; background-color: transparent;background-blend-mode:normal}
.changeImage 			{opacity:1 }

.piechart_1 			{transform: rotate(-35deg);z-index: 9}
.piechart_1 .piechart-sub{background-color:#7f633c;}
.piechart_1 .piechart-img{background-image: url(../images/recruitment-guide/about-us.jpg); background-size:auto 46%;background-position:14% 0%;}

.piechart_2 			{transform: rotate(-70deg);z-index:8;}
.piechart_2 .piechart-sub{background-color:#8d6f43;}
.piechart_2 .piechart-img{background-image: url(../images/recruitment-guide/employment-benefits.jpg);background-size: auto 50%;transform:rotate(33deg);background-position:-10% 6%}

.piechart_3 			{transform: rotate(-105deg);z-index:7;}
.piechart_3 .piechart-sub{background-color:#9c7b4d;}
.piechart_3 .piechart-img{background-image: url(../images/recruitment-guide/gallery.jpg);transform: rotate(70deg);background-size:auto 49%;background-position:-18% 40%;}

.piechart_4 			{transform: rotate(-140deg);z-index:6;}
.piechart_4 .piechart-sub{background-color:#a88758;}
.piechart_4 .piechart-img{background-image: url(../images/recruitment-guide/staff-and-student-videos.jpg);transform: rotate(109deg);margin-top:-20%;background-size: auto 42%;background-position:38% 78%;}

.piechart_5 			{transform: rotate(-175deg);z-index:5;}
.piechart_5 .piechart-sub{background-color:#b39468;}
.piechart_5 .piechart-img{background-image: url(../images/recruitment-guide/contact-us.jpg);transform: rotate(149deg);background-size:auto 47%;background-position:21% 110%}

.piechart_6 			{transform: rotate(-210deg);z-index:4;}
.piechart_6 .piechart-sub{background-color:#bea27b;}
.piechart_6 .piechart-img{background-image: url(../images/recruitment-guide/join-us.jpg);transform: rotate(170deg);background-size: auto 56%;background-position:36% 135%}

.piechart_7 			{transform: rotate(-280deg);z-index:3;}
.piechart_7 .piechart-sub{background-color:#c8b08e;}
.piechart_7 .piechart-img{background-image: url(../images/recruitment-guide/contact.jpg);transform: rotate(185deg);background-position:49% 124%;background-size:auto 54%;}

.piechart-main .shadow{content:"";display:block;height:63%;width:8px;background:url('../images/recruitment-guide/piechart_shadow.png') no-repeat center center;background-size:auto 100% ;  position:absolute;left:61%;top:40%;z-index:20;transform:rotate(-30deg);}
.piechart-inner{background:#fff url(../images/recruitment-guide/logo.png) center center no-repeat;background-size:80% auto;height:120px;width:120px;left:50%;top:50%;margin:-60px 0 0 -60px; border-radius:50%;position:absolute;z-index:99}

.piechart-sub:hover 	{}
.piechart-sub:hover .piechart-img{opacity:1;background-blend-mode:normal;}
.piechart-sub.active .piechart-img{opacity:1;background-blend-mode:normal}

.pie-head 				{position: absolute;left:-25%;width:85%}
.pie-head h4 			{text-transform:uppercase;font-size:18px;cursor:pointer; }
.pie-head h4:hover 		{color:#000}
.pie-head::before,.pie-head::after,.pie-head h4::before,.pie-head h4::after{content:"";position:absolute;background:#7f7f7f;}
.pie-head::before 		{height:2px;width:90%;top:150%;}
.pie-head::after 		{height:50px;width:2px;right:0%;bottom:-57%;display:none}
.pie-head h4::before 	{height:10px;width:10px;border-radius:50%;margin-left:-4px;top:87%}
.pie-head h4::after{top:100%;
    height: 20px;
    width: 2px;
   
}
.pie-head::before,.pie-head h4::after,.pie-head h4::before{left:10%;}

.piechart-title-1 		{top:-8%;/*left:14%*/}
.piechart-title-2 		{top:10%;/*left:-7%*/}
.piechart-title-3 		{top:37%;/*left:-25%*/}
/*.piechart-title-3::before{width: 78%;}*/
.piechart-title-4 		{top:64%;/*left:-25%*/}
/*.piechart-title-4::before{width:100%;left:50%;top:149%;}*/
.piechart-title-5 		{top:84%;/*left:-6%;padding-top:20px;*/}
/*.piechart-title-5::before{width:90%;top:0px;}
.piechart-title-5::after{top:0%}*/
/*.piechart-title-5 h4::before{top:30%;margin-left:-4px}*/
.piechart-title-6 		{top:95%;/*left:50%;*/}
.piechart-title-6::after{display: block}
/*.piechart-title-6 h4::before{top:0%;margin-left:-5px;}
.piechart-title-6::after{top:-80%;height:35px;margin-left:-1px}
.piechart-title-6::before{display:none}*/
.piechart-title-6 h4 	{/*padding-top:10px;padding-bottom:0px*/}
.piechart-title-7 		{top:103%;/*left:50%;*/}
/*.piechart-title-7 h4::before{top:0% }
.piechart-title-7::after{top:-80%;height:35px;margin-left:-1px}
.piechart-title-7::before{display:none}*/
.piechart-title-7 h4 	{padding-top:10px;/*padding-bottom:0px*/}
.pie-head.active h4 	{color:#000 }
 

.market-slide 	 {text-align: center;width:100% }
.market-slide h4 {padding-bottom:15px;font-size: 25px;}

.introtext .btn		{padding:10px 30px; display:inline-block; border: 1px solid #a88758;}