/********** START GRADUATES **********/

#breadcrumb	{ margin-bottom:10px; overflow:hidden; }
#breadcrumb ul { list-style:none; margin:0; padding:0; }
#breadcrumb ul li { color:#000; font-size:11px; line-height:17px;	float:left; margin:0 5px 0 0; padding:0; }
#breadcrumb ul li a	{ background:url(/assets/images/link_chevron.gif) no-repeat right 3px; color:#6d6d6d; font-size:11px; line-height:17px; padding-right:10px; text-decoration:none; }
#breadcrumb ul li a:hover { text-decoration:underline; }

.grid-4 #breadcrumb { padding-left:210px; }

#graduates { padding-bottom:30px; }

#graduates .intro { border-top:1px solid #ccc; border-bottom:1px solid #ccc; color:#404040; padding:15px 0; margin-bottom:30px; }

#graduates .menu-title { color:#312a5b; font-size:15px; line-height:19px; margin-bottom:10px; margin-left:20px; }

#graduates .menu { border-bottom:1px dotted #999; list-style:none; margin-bottom:20px; margin-left:0; padding-bottom:15px; width:185px; }
#graduates .menu ul { list-style:none; margin-left:25px; padding-top:5px; width:145px; margin-bottom:0; }
#graduates .menu ul ul { margin-left:2px; width:141px; }

#graduates .menu li { border-bottom:0; display:block; overflow:hidden; position:relative; }
#graduates .menu li.active { margin-bottom:5px; }
#graduates .menu li a { color:#fff; display:block; font-size:13px; height:30px; line-height:30px; padding:0 0 0 25px; width:159px; }
#graduates .menu li a:hover { text-decoration:none; }

#graduates .menu li li, #graduates .menu li li.active { margin-bottom:5px; }
#graduates .menu li li.last { margin-bottom:0; }
#graduates .menu li li a { font-weight:bold; height:25px; line-height:25px; padding-left:0; width:145px; text-align:center; }

#graduates .menu li li li, #graduates .menu li li li.active { margin-bottom:5px; }
#graduates .menu li li li.last { margin-bottom:0; }
#graduates .menu li li li a { font-size:11px; height:23px; line-height:23px; width:141px; }

#graduates .menu li.one a { background:url(/assets/images/graduates/menu-1.png); }
#graduates .menu li.one li a { background:url(/assets/images/graduates/submenu-1.png); }
#graduates .menu li.one li.active a { color:#b70068; }

#graduates .menu li.one li li a { background:url(/assets/images/graduates/submenu-7.png); }
#graduates .menu li.one li li a { color:#b70068; }
#graduates .menu li.one li li.active a { color:#b70068; }

#graduates .menu li.two a { background:url(/assets/images/graduates/menu-2.png); }
#graduates .menu li.two li a { background:url(/assets/images/graduates/submenu-2.png); }
#graduates .menu li.two li.active a { color:#ecd200; }

#graduates .menu li.two li li a { background:url(/assets/images/graduates/submenu-7.png); }
#graduates .menu li.two li li a { color:#ecd200; }
#graduates .menu li.two li li.active a { color:#ecd200; }

#graduates .menu li.three a { background:url(/assets/images/graduates/menu-3.png); }
#graduates .menu li.three li a { background:url(/assets/images/graduates/submenu-3.png); }
#graduates .menu li.three li.active a { color:#67a2c0; }

#graduates .menu li.three li li a { background:url(/assets/images/graduates/submenu-7.png); }
#graduates .menu li.three li li a { color:#67a2c0; }
#graduates .menu li.three li li.active a { color:#67a2c0; }

#graduates .menu li.four a { background:url(/assets/images/graduates/menu-4.png); }
#graduates .menu li.four li a { background:url(/assets/images/graduates/submenu-4.png); }
#graduates .menu li.four li.active a { color:#bfbd00; }

#graduates .menu li.four li li a { background:url(/assets/images/graduates/submenu-7.png); }
#graduates .menu li.four li li a { color:#bfbd00; }
#graduates .menu li.four li li.active a { color:#bfbd00; }

#graduates .menu li.five a { background:url(/assets/images/graduates/menu-5.png); }
#graduates .menu li.five li a { background:url(/assets/images/graduates/submenu-5.png); }
#graduates .menu li.five li.active a { color:#5F2167; }

#graduates .menu li.five li li a { background:url(/assets/images/graduates/submenu-7.png); }
#graduates .menu li.five li li a { color:#5F2167; }
#graduates .menu li.five li li.active a { color:#5F2167; }

#graduates .menu li.six a { background:url(/assets/images/graduates/menu-6.png); }
#graduates .menu li.six li a { background:url(/assets/images/graduates/submenu-6.png); }
#graduates .menu li.six li.active a { color:#7c78a8; }

#graduates .menu li.six li li a { background:url(/assets/images/graduates/submenu-7.png); }
#graduates .menu li.six li li a { color:#7c78a8; }
#graduates .menu li.six li li.active a { color:#7c78a8; }

#graduates .menu .line { height:100%; width:1px; position:absolute; top:30px; }
#graduates .menu .line.left { left:35px; }
#graduates .menu .line.right { right:25px; }

#graduates .menu li.one .line { background:#b70068; }
#graduates .menu li.two .line { background:#ecd200; }
#graduates .menu li.three .line { background:#67a2c0; }
#graduates .menu li.four .line { background:#bfbd00; }
#graduates .menu li.five .line { background:#5F2167; }
#graduates .menu li.six .line { background:#7c78a8; }

#graduates .buttons { list-style:none; margin-bottom:10px; margin-left:15px; overflow:hidden; }
#graduates .buttons li { float:left; margin-left:5px; }

#graduates .note { background:url(/assets/images/graduates/icon.png) no-repeat 0 0; color:#999; font-size:10px; line-height:14px; margin-left:20px; padding-left:19px; margin-bottom:0; }

#graduates .feature-box.big { height:auto; margin-bottom:10px; position:relative; width:100%; }
#graduates .feature-box.big h1 { color:#fff; font-size:25px; font-weight:normal; line-height:25px; position:absolute; left:100px; top:30px; z-index:100; }
#graduates .feature-box.big ul { background:url(/assets/images/graduates/feature-menu.png) no-repeat; height:285px; width:285px; list-style:none; margin-left:0; position:absolute; left:0; top:30px; z-index:100; margin-bottom:0; }
#graduates .feature-box.big ul li { height:35px; *height:32px; padding-left:110px; }
#graduates .feature-box.big ul li a { color:#fff; display:block; font-size:15px; line-height:35px; }
#graduates .feature-box.big ul li a:hover { text-decoration:none; }
#graduates .feature-box.big ul li.one { padding-top:38px; }
#graduates .feature-box.big ul li.four a { line-height:33px; }
#graduates .feature-box.big ul li.five a { line-height:32px; }
#graduates .feature-box.big ul li.six a { line-height:31px; }

#graduates .feature-box.big .feature-slides { display:block; height:680px; position:relative; width:960px; }
#graduates .feature-box.big .slides-navigation { display:none !important; }
#graduates .feature-box.big .slides-pagination { background:none; display:block; height:auto; width:auto; left:auto; top:auto; right:20px; bottom:20px; }
#graduates .feature-box.big .slides-pagination-item { float:left; height:auto; margin-left:0; padding-left:0; }
#graduates .feature-box.big .slides-pagination-item a { background:#484e3d; display:block; font-size:15px; font-weight:bold; line-height:15px; margin-left:10px; padding:5px 10px; height:auto; width:auto; text-indent:0; }
#graduates .feature-box.big .slides-pagination-item a.active { background:#338f8e; }

#graduates .feature-box.small { float:left; height:155px; margin:0 4px 30px 4px; padding:15px; width:202px; }
#graduates .feature-box.small.green { background:url(/assets/images/graduates/feature-box1.png); }
#graduates .feature-box.small.pink { background:url(/assets/images/graduates/feature-box2.png); }
#graduates .feature-box.small.yellow { background:url(/assets/images/graduates/feature-box3.png); }
#graduates .feature-box.small h2 { color:#3d416d; font-size:14px; font-weight:normal; line-height:20px; margin-bottom:15px; }
#graduates .feature-box.small.pink h2 { color:#fff; }
#graduates .feature-box.small fieldset { margin-bottom:5px; }
#graduates .feature-box.small label { color:#393c71; clear:both; display:block; font-size:11px; font-weight:bold; line-height:13px; margin-bottom:2px; }
#graduates .feature-box.small select.custom-select { float:left; }
#graduates .feature-box.small input.custom-button { background:url(/assets/images/graduates/go.png); cursor:pointer; display:block; float:left; height:21px; margin-left:2px; width:26px; }
#graduates .feature-box.small a.hot-link { display:block; text-align:center; }
#graduates .feature-box.small p { color:#393c71; font-size:11px; font-weight:bold; line-height:15px; padding:5px 0; margin-bottom:0; }

#graduates .banner { height:130px; margin-bottom:15px; position:relative; width:100%; }
#graduates .banner h1 { font-family: 'wc_mano_negra_btabold'; font-size:88px; line-height:88px; position:absolute; top:20px; left:20px; }
#graduates .banner h2 { background:url(/assets/images/graduates/banner-title-bg.png); color:#fff; font-size:14px; line-height:30px; height:55px; width:193px; text-align:center; position:absolute; top:0; right:0; }
#graduates .banner img { position:absolute; top:20px; right:0; z-index:0; }

#graduates .banner.dark { background:url(/assets/images/graduates/banner-dark-bg.png); }
#graduates .banner.dark h1 { color:#fff; }

#graduates .banner.light { background:url(/assets/images/graduates/banner-light-bg.png); }
#graduates .banner.light h1 { color:#7c78a8; }

#graduates .profile { background:#fff; border:5px solid #d1d2d3; float:left; height:200px; margin-bottom:20px; margin-right:15px; position:relative; width:160px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; behavior:url(/assets/pie/pie.htc);  }
#graduates .profile.height-auto { height:auto; }
#graduates .profile.last { margin-right:0; }
#graduates .profile img { border:0; float:none; width:100%; margin-bottom:0; }
#graduates .profile div { float:none; padding:5px 0; width:100%; bottom:0; left:0; position:absolute; }
#graduates .profile div p { color:#fff; font-size:10px; line-height:12px; margin:0 5px; }

#graduates .profile-nav { margin-bottom:20px; overflow:hidden; }
#graduates .profile-nav a { font-weight:bold; }
#graduates .profile-nav a.profile-prev { float:left; }
#graduates .profile-nav a.profile-next { float:right; }

#graduates .profile-info { float:left; }
#graduates .profile-info p { color:#5a0f56; font-size:15px; line-height:20px; margin-bottom:0; }

#graduates .ribbon { background:url(/assets/images/graduates/ribbon.png); color:#fff; font-size:11px; font-weight:bold; line-height:19px; height:24px; margin-bottom:5px; margin-left:-6px; padding:0 9px 0 6px; width:81px; text-align:center; }

#graduates .promo { background:none; border-bottom:0; display:block; margin-bottom:10px; padding:0 10px; }

#graduates .videoPromo { padding:0px !important; }

#graduates .photobox { background:url(/assets/images/graduates/photobox-bg.png); display:block; height:205px; margin:0 auto 5px auto; padding:29px 14px 6px 12px; position:relative; width:158px; text-align:center; }
#graduates .photobox p { color:#5a0f56; font-size:11px; font-weight:bold; line-height:13px; padding:5px 12px 0 12px; margin-bottom:0; }
#graduates .photobox p a { color:#5a0f56; }
#graduates .photobox .slides-navigation { position:absolute; bottom:22px; height:14px; width:8px; z-index:100; text-indent:-9999px }
#graduates .photobox .slides-previous { background:url(/assets/images/graduates/photobox-prev.png); left:12px; }
#graduates .photobox .slides-next { background:url(/assets/images/graduates/photobox-next.png); right:14px; }
#graduates .photobox .slidesjs-pagination { display:none; }

#graduates .sbHolder { background:#fff; border:1px solid #ccc; float:left; height:19px; position:relative; width:170px; margin-right:2px; }
#graduates .sbSelector { color:#333; display:block; font-size:11px; height:19px; line-height:21px; *line-height:19px; width:170px; padding-left:5px; overflow:hidden; position:absolute; left:0; top:0; z-index:1; }
#graduates .sbSelector:hover { text-decoration:none; }
#graduates .sbToggle { background: url(/assets/images/graduates/dropdown-arrow.png); color:#fff; display:block; height:19px; width:18px; position:absolute; right:0; top:0; }
#graduates .sbOptions { background:#fff; border:1px solid #ccc; border-bottom:0; list-style:none; margin-left:0; position:absolute; left:-1px; top:19px; width:170px; z-index:2; overflow-y:auto; max-height:116px !important; }
#graduates .sbOptions a { border-bottom:1px solid #ccc; color:#333; font-size:11px; display:block; padding:5px; }

#graduates .promo-wrapper { margin-bottom:10px; text-align:center; }
#graduates .promo-wrapper:first-child, #graduates .promo:first-child { margin-top:10px; }

/********** mobiles (portrait and landscape) **********/
@media only screen and (min-device-width:320px) and (max-device-width:720px) {

.grid-3 { width:92%; }

.grid-4 { padding-top:56px; width:92%; }
.grid-4 .content, .grid-4 .column { margin:0 !important; }
.grid-4 .content.left { position:absolute; left:-240px; }
.grid-4 .content.right { position:relative; left:0; width:100%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
.grid-4 .column.left { float:none; width:100%; }
.grid-4 .column.right { float:none; margin-bottom:30px !important; padding-bottom:10px; width:100%; }

.grid-4 .content.right .column.left { padding-bottom:60px; }

.grid-4 #breadcrumb { display:none; }

#graduates .feature-box.big .feature-slides { height:auto; width:100%; }
#graduates .feature-box.big .feature-slides .slides-container { height:auto !important; width:100% !important; }
#graduates .feature-box.big h1 { left:15px; top:15px; }
#graduates .feature-box.big ul { position:relative; top:15px; }
#graduates .feature-box.big ul.slides-pagination { position:absolute; right:15px; bottom:15px; top:auto; }

#graduates .feature-box.small { clear:both; float:none; height:auto; margin:0 2% 15px 2% !important; width:96%; background-size:100% 100% !important; -moz-background-size:100% 100% !important; -webkit-background-size:100% 100% !important; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;  }

#graduates .banner h1 { font-size:40px; z-index:1; }

#graduates .menu-trigger { top:-56px; }

#graduates .profile { height:auto; margin-right:0 !important; width:100%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
#graduates .profile-info { float:none; margin-bottom:15px; }

}

/********** tablets (portrait) **********/
@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait) {

.grid-3 { width:92%; }

.grid-4 { padding-top:56px; width:92%; }
.grid-4 .content, .grid-4 .column { margin:0 !important; }
.grid-4 .content.left { position:absolute; left:-240px; }
.grid-4 .content.right { padding-right:210px; position:relative; left:0; width:100%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
.grid-4 .column.left { width:100%;  }
.grid-4 .column.right { position:absolute; right:0; top:0; }

.grid-4 #breadcrumb { display:none; }

#graduates .feature-box.big .feature-slides { height:auto; width:100%; }
#graduates .feature-box.big .feature-slides .slides-container { height:auto !important; width:100% !important; }

#graduates .feature-box.small { height:245px; margin:0 0 30px 0 !important; width:50%; background-size:100% 100% !important; -moz-background-size:100% 100% !important; -webkit-background-size:100% 100% !important; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;  }
#graduates .feature-box.small.pink, #graduates .feature-box.small.yellow { height:185px; }

#graduates .feature-box.small.one, #graduates .feature-box.small.three { float:left; clear:left; }
#graduates .feature-box.small.two, #graduates .feature-box.small.four  { float:right; clear:right; }

#graduates .banner h1 { font-size:80px; z-index:1; }

#graduates .menu-trigger { top:-56px; }

#graduates .profile { height:auto; margin-right:10% !important; width:40%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }

}

/********** END GRADUATES **********/