@charset "utf-8";
/* CSS Document */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,rticle, aside, canvas, details, embed,figure, figcaption, footer, header, hgroup,menu, nav, output, ruby, section, summary,time, mark, audio,video {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;}
table {border-collapse: collapse;border-spacing: 0;}
::selection {background: #a2a2a2;color: #fff; /* Safari - webkit */}
::-moz-selection {background: #a2a2a2;color: #fff; /* Firef x */}
.clear_fix{clear:both;height:0;font-size:1px;line-height:0px;}
a{text-decoration:none; outline:none;}
img{ border:none;}
body{ font-family: 'century_gothicregular';}
h1,h2,h3,h4,h5,h6{ margin:0; padding:0; font-family: 'century_gothicbold';}
div{ display:flow-root;} 
.container{ width:1100px; margin:0 auto; position:relative;}

/*header section*/
header{ background:#FFFFFF;position:fixed; z-index:1000; width:100%;  top:0; left:0; -webkit-transition: height 0.3s;-moz-transition: height 0.3s;-ms-transition: height 0.3s;-o-transition: height 0.3s;transition: height 0.3s; box-shadow: -2px 2px 7px #d3d3d3; padding-bottom:20px;}
header.smaller {height: auto;}
#logo{float:left; margin:38px 0 0 0; -webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s; width:249px; height:101px;}
header.smaller #logo {width:168px;height:68px; margin:16px 0 0 0;}
header.smaller #social-iconbox{ display:none;}
header.smaller #menu-cover{ margin:0;}
#menu-cover{ float:right; margin:25px 0 0 0; -webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
#logo img, .team-img img{ width:100%; height:100%;}
#social-iconbox{ float:right; color:#094c81; font-size:14px; clear:both;}
#social-iconbox a{  margin:0 0px 0 4px; display:inline-block; overflow:hidden; width:26px; height:24px;}
.icon-cube {position: relative;-webkit-perspective: 800px;perspective: 800px;overflow: visible;}
.icon-cube::before,
.icon-cube::after {display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;content: "";-webkit-transition: all 0.3s;transition: all 0.3s;}
.icon-cube::before {z-index: 2;background-color: #595959;}
.icon-cube::after {z-index: 1;opacity: 0;-webkit-transform: translateY(48px) rotateX(-90deg);transform: translateY(48px) rotateX(-90deg);}
.icon-cube:hover::before {opacity: 0;-webkit-transform: translateY(-48px) rotateX(90deg);transform: translateY(-48px) rotateX(90deg);}
.icon-cube:hover::after {opacity: 1;-webkit-transform: rotateX(0);transform: rotateX(0);}
.icon-cube.facebook::before,
.icon-cube.facebook::after { background:url(../images/facebook.jpg) no-repeat;}
.icon-cube.facebook::before,
.icon-cube.facebook::after {background:url(../images/facebook.jpg) no-repeat;}
.icon-cube.youtube::before,
.icon-cube.youtube::after {background:url(../images/youtube.jpg) no-repeat;}
.icon-cube.instagram::before,
.icon-cube.instagram::after {background:url(../images/instagram.jpg) no-repeat;}
.icon-cube.twitter::before,
.icon-cube.twitter::after {background:url(../images/twitter.jpg) no-repeat;}
.icon-cube.twitter::before,
.icon-cube.twitter::after {background:url(../images/twitter.jpg) no-repeat;}
.icon-cube.linkedin::before,
.icon-cube.linkedin::after {background:url(../images/linkedin.jpg) no-repeat;}
.topcall{ float:right; font-size:16px;  margin:18px 0;  clear:both; color:#094c81;}
.topcall a{color:#094c81;}
#menu_part{ float:right; clear:both;}
#mobile_menu{display:none;}
#mobile_drop{ display:none;}
.mtoggle{cursor:pointer; margin:0px; float:right;}
.mtoggle img{ width:23px;}
/*****LEVEL ONE*****/
ul.dropdown{ position: relative;z-index:9999;}
ul.dropdown li{float: left; zoom: 1;list-style:none;}
ul.dropdown li a{ display:block; color:#1b65ad; font-size:16px; margin:0 0 0 35px; font-family: 'century_gothicbold';}
ul.dropdown li a.current{ color:#e4097f;}
ul.dropdown li a:hover{ color: #902052;}
ul.dropdown li:hover{position: relative; color:#e4097f; }
ul.dropdown li.hover a{ color: #902052;}
/*****LEVEL TWO*****/
ul.dropdown ul{ width: 145px; visibility: hidden; position: absolute; top: 100%; left: 0; background:#FFF; padding:10px 5px 7px 10px; box-sizing:border-box;}
ul.dropdown ul li{color: #003366;float: none;list-style:none;}
/* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a{ border-right: none; width: 100%; display: inline-block; font-size:13px; color:#333333;padding:0;height:auto;text-shadow:none!important;background:none; text-transform:none; font-family:Arial, Helvetica, sans-serif;} 
ul.dropdown ul li a:hover{ background:#FFFFFF; color:#e4097f !important;}
/*****LEVEL THREE******/
ul.dropdown ul ul{ left: 100%; top:0; }
ul.dropdown li:hover > ul{ visibility: visible;}
/*header section end*/
/*content part*/
#side-buttoncover, #side-buttoncover2{ position:relative;}
#side-buttons{ position:absolute; right:0; z-index:500; top:-430px;}
#side-buttons a{ display:block; margin-bottom:15px; font-weight:bold; color:#FFF; width:184px; padding:7px 0 0 72px; box-sizing:border-box; font-size:15px;}
#side-buttons a#cv{ background:url(../images/cv.png) no-repeat left center;}
#side-buttons a#vanacy{ background:url(../images/vacancy.png) no-repeat left center;}
#side-buttons a#pdf{ background:url(../images/pdf.png) no-repeat left center;}
#side-buttons a#cnt{ background:url(../images/contact.png) no-repeat left center;}
#view-all{ background:#1b65ad; display:block; width:144px; padding:12px 0; text-align:center; margin:0 auto; color:#FFF; font-size:15px; font-weight:bold; border-radius:9px; -webkit-border-radius:9px; -moz-border-radius:9px; margin:36px auto;}
#welcome-box{font-size:22px; color:#000000;  width:820px; margin:49px auto 50px auto; text-align:center;}
#welcome-titel{ font-size:30px; text-align:center; color:#094c81; margin:14px 0; text-transform:uppercase;}
.icon-box{ float:left; position:relative; text-align:center;  color:#094c81; font-size:24px; width:292px; margin:0 33px 40px 33px;}
.icon-box img{ display:block; margin:0 auto 11px auto; webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
.icon-box:hover.icon-box img{transform:scale(1.1);}
#testimonial-box{width:950px; margin:50px auto 0 auto; text-align:center; position:relative;} 
#testimonial-box h3{ color:#8d1f4f; font-size:30px;  font-weight:normal; text-transform:uppercase;}
#testimonial-slide{ width:100% !important; padding:0; list-style:none; margin:30px 0;} 
#testimonial-slide li{ float:left;height:auto !important; margin:0 40px 0 0;color:#333333;position:relative; width:454px;}
.testimonial-detail{  padding:31px 37px;line-height:23px; border-radius:9px;  width:344px; border:#094c81 solid 2px; box-sizing:border-box; position:relative; float:left; outline:#993c64 solid 2px; outline-offset:5px; margin:7px;}
.testimonial-detail p{ font-size:20px; margin-bottom:17px;}
{ float:right;}
.person{ width:134px; height:134px; position:absolute; right:-105px; top:50px; border-radius:100%; border:#8c1f4e solid 2px;  background:#FFF; padding:5px; box-sizing:border-box;}
.person img{ width:100%; height:100%; border-radius:100%;}
.person2{ left:-105px;}
.name h2{ font-size:16px;}
.name span{ display:block;}
.testi2{ float:right;}
.nxt{ position:absolute; right:-50px; top:169px; width:21px; height:43px; background:url(../images/next.jpg) no-repeat;}
.prv{ position:absolute; left:-50px; top:169px; width:21px; height:43px; background:url(../images/prev.jpg) no-repeat;}
#client-box{margin:56px 0 0 0; list-style:none;  text-align:center;}
#client-box h2{ font-size:30px; color:#8d1f4f; text-transform:uppercase; margin-bottom:28px;}
.client-img{ width:170px; height:170px; float:left; margin:0 50px 44px 0}
.client-img img{ width:100%; height:100%;}
#button {display: inline-block;background:url(../images/top.png) no-repeat;width: 59px;height: 61px;text-align: center;
position: fixed;bottom: 30px;right: 30px;transition: background-color .3s, opacity .5s, visibility .5s;opacity: 0;visibility: hidden;z-index: 1000; cursor:pointer;}
#button.show {opacity: 1;visibility: visible;}

/*content part end*/

/*inner page content*/
#page-banner{ margin:161px 0 30px 0;}
#page-banner img{ width:100%;}
#weare{ text-align:center; color:#014662; line-height:32px; width:950px; margin:0 auto; font-size:19px;}
#weare h2{ font-size:30px; color:#8c1e4e; text-transform:uppercase; margin:16px 0;}
.team-box{ text-align:center; color:#014662; margin:50px 0 0 0;}
.team-box h2{ font-size:30px; color:#8c1e4e; text-transform:uppercase; margin:10px 0;}
.team{ float:left; text-align:center; margin:42px 36px 0 36px; font-size:16px;}
.team-img{ width:293px; height:297px;}
.team h3{ font-size:18px; margin:7px 0;}
.team span{ display:block; color:#8c1e4e;}
.team a{ display:inline-block; margin:10px 0 0 0;}
#submit-resume{ background:rgba(255,255,255,1); padding:30px 50px; width:448px; position:absolute; left:0; top:-480px; box-sizing:border-box; font-size:22px;}
#submit-resume h2{font-family: 'century_gothicregular'; font-size:35px; color:#094c81; text-transform:uppercase; margin-bottom:12px;}
#submit-resume a{ float:left; padding:6px 20px; margin:24px 15px 0 0; color:#FFF; background:#5fb5ac; text-transform:uppercase; font-size:15px; font-weight:bold; cursor:pointer;}
#submit-resume a:hover{ background:#3e857d;}
.apply-frm{ margin:40px 0 0 0; display:flow-root;}
.apply-frm div{ float:left; width:520px; margin:0 27px 26px 0; border:#922a57 solid thin; height:52px;}
.apply-frm label{ width:90px; border-right:#922a57 solid thin; float:left; padding:15px 10px; color:#8c1f4e; text-transform:uppercase; text-align:center; margin:0 15px 0  0;}
.apply-frm span{ display:block; color:#F00; font-size:15px; text-align:left; clear:both;}
.apply-frm input{ width:380px; padding:16px 0; border:none; outline:none; font-family: 'century_gothicregular'; font-size:14px;}

.apply-frm #captha div{ border:none; margin:0 auto; float:none;}
.apply-frm textarea{ width:380px; padding:7px 0; border:none; outline:none; height:36px; resize:none; font-family: 'century_gothicregular'; font-size:14px; overflow:auto;}
#upload{ border:none; width:100%; text-align:center; color:#404040;}
#upload h2{ font-size:28px; text-transform:uppercase; color:#922a57;}
#upload input{ width:180px; padding:0;}
.apply-frm .submit-btn{ width:350px; margin:20px auto 0 374px; clear:both; background:#922a57; border-radius:8px; color:#FFF;  font-family: 'century_gothicbold'; text-transform:uppercase; cursor:pointer; font-size:16px;}
.apply-frm .submit-btn:hover{ background:#641839;}
#expertise{ margin:50px 0; text-align:center;}
#expertise h2{  font-size:30px; color:#094c81; margin-bottom:14px;}
#expertise li{ display:inline-block; font-size:26px; padding:0 0 0 15px; position:relative; margin:6px 18px 0 0}
#expertise li:after{ position:absolute; left:0; top:15px; background:#000; width:6px; height:6px; content:""; border-radius:100%;}
#career{font-size:30px;}
#career-guide{ font-size:22px; line-height:35px; margin-bottom:58px;}
#career-guide h2{ font-size:30px; font-family: 'century_gothicregular'; color:#094c81; text-align:center; margin:10px 0;}
#globe{ display:block; margin:0 auto -20px auto; text-align:center;}
#contact-form form{ float:left;}
#contact-form form span{ display:block; color:#F00; font-size:12px;}
#contact-form{ width:453px; float:left;}
#contact-form h2, #contact-info h2{ font-size:30px; font-family: 'century_gothicregular'; text-transform:uppercase; color:#094c81; margin:20px 0;}
#contact-form input{ width:100%; background:#f7f7f7; border:#cbcbcb solid thin; padding:10px 12px; box-sizing:border-box; text-transform:capitalize; font-family: 'century_gothicregular'; outline:none; margin-top:9px; font-size:12px;}
#contact-form textarea{ width:100%; height:90px;  padding:10px 12px; box-sizing:border-box; outline:none; resize:none; font-family: 'century_gothicregular'; margin-top:9px; text-transform:capitalize; border:#cbcbcb solid thin; background:#f7f7f7; font-size:12px;}
#contact-form #submit-btn{ background:#8c1e4e; border:none; margin-bottom:0; margin-top:7px; padding:10px 0; color:#FFF; text-transform:uppercase; font-family: 'century_gothicbold'; font-size:14px; cursor:pointer;}
#contact-form #submit-btn:hover{ background:#6e143b;}
#contact-info{ float:right; width:430px; color:#094c81; font-size:18px; line-height:31px;}
#contact-info h3{  text-transform:uppercase;}
#contact-info div{ margin:40px 0;}
#contact-info div a{color:#094c81;}
#map{ width:100%; height:423px; border:#7f7fff solid 3px; margin:80px 0 0 0; float:left;}
#map iframe{ width:100%; height:100%;}
.weoffer{ float:left; width:346px; padding:0 0 0 60px; margin:19px 31px 28px 0; font-size:18px; box-sizing:border-box; }
.weoffer h2{ font-size:18px; color:#000; margin:11px 0;}
.assesment{ background:url(../images/assesment.jpg) no-repeat left 10px;}
.carrerreport{ background:url(../images/report.jpg) no-repeat 5px 10px;}
.counceling{ background:url(../images/counceling.jpg) no-repeat left 10px; margin-right:0;}
.actionplan{ background:url(../images/action-plan.jpg) no-repeat left 10px;}
.library{ background:url(../images/library.jpg) no-repeat left 10px;}
.expert{ background:url(../images/expert.jpg) no-repeat left 10px; margin-right:0;}
#side-buttoncover2{ display:none;}

#sucess-cover{ width:546px; margin:210px auto 40px auto; text-align:center; font-size:18px;   color:#000;}
#sucess-coverimg{ text-align:center;}
#sucess-cover h2{ color:#871946; text-transform:uppercase; display:block; font-size:27px; margin:24px 0 7px 0;}

/*inner page content end*/

/*footer section*/
footer{ background:#0a4c81;padding:54px 0 0 0; color:#FFF; clear:both; width:100%; margin:50px 0 0 0;}
#botom-link{ float:left; margin:0 0 0 30px;}
#botom-link a{ display:block; font-size:16px;  color:#FFFFFF; margin:0 0 11px 0;}
#botom-link a:hover{ color:#cde9ff;}
.contact-detail{ font-size:14px; line-height:24px; width:224px; margin:0 170px; float:left;}
.contact-detail a{ color:#FFF;}
.contact-detail span{font-family: 'century_gothicbold'; display:block;}
#footermap{ float:right; width:356px; height:216px;}
#footermap iframe{ width:100%; height:100%;}
#copyright{ background:#8c1f4e; padding:16px 0; font-size:14px; text-align:center; margin:45px 0 0 0;}
#copyright a{ color: #FFF;}
#copyright a:hover{ color:#8dc041;}
/*footer section end*/

@media screen and (max-width:1100px){
.container{ width:992px;}
#menu_part{display:none;}
#mobile_menu{display:block;text-align:right;clear:both; -webkit-transition: height 0.3s;-moz-transition: height 0.3s;-ms-transition: height 0.3s;-o-transition: height 0.3s;transition: height 0.3s;}
#mobile_drop{display:block;position:relative;background:#1b65ad;}
#mobile_drop_fix{display:block;padding:10px 0px 10px 0px;margin:0 auto 0 auto;}
#mobile_drop_fix ul li{list-style:none;display:block;}
#mobile_drop_fix ul li ul li{margin:0 0 0 20px;}
#mobile_drop_fix ul li ul li a{border-bottom:0!important}
#mobile_drop_fix a{display:block;color:#fff;display:block;-moz-transition: all 0.5s ease;-webkit-transition: all 0.5s ease;transition: all 0.5s ease;text-decoration:none;padding:7px 0; font-size:14px;}
#mobile_drop_fix a:hover{color:#a6c5e3;}
.icon-box{ width:262px;}
#button{ background-size:80%;}
.contact-detail{ margin:0 68px;}
#footermap{ width:237px;}
#side-buttons{ top:-280px;}
.team{ margin:42px 10px 0 12px;}
#submit-resume{ top:-404px}
.apply-frm div{ width:467px;}
.apply-frm input, .apply-frm textarea{ width:325px;}
.weoffer{ width:306px;}
.apply-frm .submit-btn{ margin:20px auto 0 324px;}
}


@media screen and (max-width:992px){
.container{ width:768px;}	
.icon-box{ width:256px; margin:0 0 40px 0; font-size:21px;}
#welcome-box, #testimonial-box, #testimonial-slide li, #footermap, #weare, .weoffer{ width:100%;}
.testimonial-detail{ width:654px;}
.person{ top:21px;}
.client-img{ margin:0 22px 44px 0;}
.contact-detail{ margin:0 31px;}
#botom-link{ margin-left:0;}
#footermap{ margin-top:20px;}
.team-img{ width:226px; height:229px;}
#submit-resume{ position:static; width:100%; padding:30px 0;}
.apply-frm div, #contact-info, #contact-form{ width:355px;}
.apply-frm input, .apply-frm textarea{ width:225px;}
#map{ height:288px;}
.apply-frm .submit-btn{ margin:20px auto 0 204px;}
}

@media screen and (max-width:768px){
.container{ width:448px;}
#social-iconbox, #side-buttoncover{ display:none;}
#logo{ width:199px; height:81px;}
#side-buttoncover2{ display:block;}
#side-buttons a{ margin-bottom:10px; }
#side-buttons{ position:static; margin:30px auto 0 auto; width:448px;}
.icon-box, .team, .apply-frm div, #contact-form, #contact-info,#sucess-cover{ width:100%;}
.testimonial-detail{ width:337px;}
.client-img{ width:129px; height:129px; margin:0 19px 24px 0;}
#side-buttons a{ float:left; color:#000; margin:0 35px 10px 0;}
#side-buttons a:hover{ color:#900;}
.team-img{ width:293px; height:297px; margin:0 auto;}
.team{ margin-left:0; margin-right:0;}
.apply-frm input, .apply-frm textarea{ width:305px;}
#expertise li, #expertise h2{ display:block; text-align: left;}
#contact-form{ margin-bottom:25px;}
#map{ margin:20px 0 0 0;}
#page-banner{ margin:139px 0 30px 0;}
.apply-frm .submit-btn{ margin:20px auto 0 54px;}
}

@media screen and (max-width:448px){
.container, #side-buttons{ width:300px;}
.topcall a{ display:block;}
.topcall{ font-size:15px;}
#logo{ margin-top:26px; width:159px; height:64px;}
#menu-cover{ margin:0;}
#side-buttons a img, .contact-detail ,.apply-frm .submit-btn{width:100%;}
#side-buttons a { display:block; margin-bottom:25px; width:100%; text-align:center; padding:66px 0 0 0; background-position: center top;}
#side-buttons{ right:15px; top:17px;}
#welcome-titel, #testimonial-box h3, #expertise h2, #client-box h2{ font-size:24px;}
#welcome-box, #submit-resume{ font-size:19px;}
.prv{ left:-40px;}
.nxt{ right:-40px;}
.testimonial-detail{ width:280px;}
.person{ position:static; margin:15px auto;}
#button{ right:0; background-size:50%; width:48px;}
.contact-detail{ margin:10px 0;}
#side-buttons a#cv,#side-buttons a#vanacy,#side-buttons a#pdf,#side-buttons a#cnt{ background-position:center top;}
#submit-resume h2{ font-size:29px;}
#submit-resume a{ font-size:13px;}
.apply-frm label{ width:74px; font-size:14px;}
.apply-frm input, .apply-frm textarea{ width:185px;}
#submit-resume a{ padding:6px 15px;}
#expertise li, #career-guide{ font-size:21px;}
header.smaller .topcall{ display:none;}
header.smaller #logo{ width:116px; height:47px; margin-bottom:5px;}
header.smaller #mobile_menu{ margin-top:25px;}
header{ padding-bottom:5px;}
#page-banner{ margin:106px 0 30px 0;}
#sucess-cover{ margin:164px auto 40px auto;}
#sucess-coverimg img{ width:150px;}
.apply-frm .submit-btn{ margin-left:0;}
}