html,body,ul,li,span,div,h1,h2,h3,h4,h5,p,nav { padding: 0;margin: 0;border: none;list-style: none;word-break: normal;}
html,body {position: absolute;top: 0;left: 0;width: 100%;min-width:320px;height: 100%;font-family: 'Roboto', sans-serif;font-size: 0.8rem;color: #fff; background:#00529A; overflow-y:auto; overflow-x: hidden;     }
a {text-decoration:none;}
body div {float: left;}
iframe {display:none;}

form#submitReview {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background:#2a2a2a;z-index: 9;box-shadow: rgba(0,0,0,0.4) 0 22px 18px 0;display:none;}
form#submitReview input,form#submitReview select,form#submitReview textarea {float:left;width:76%;margin:4% 0 0 10%;border:#fff 1px solid;background:#2a2a2a;color:#fff;-webkit-appearance:none; padding: 2% 0 2% 4%; border-radius:0 !important;font-family: "roboto",sans-serif;}
form#submitReview select {width:80.5%;}
#submitReview a {color:#de9136;}
#submitReview h4 {color: #fff;margin: 4px 0;padding: 0 0 0 10%;}
#submitReview button {float: left;margin: 2% 0 2% 10%;width: 80%;background: #006bd6;background:#006bd6;border: 0;padding: 8px 0;color: #fff;text-transform: uppercase;font-weight: 700;box-shadow: rgba(0,0,0,0.4) 0 6px 8px 0;}
#submitReview h5 {float: left;color: #fff;width: 80%;margin: 2% 0 0 10%;}
#submitReview h3 {color: #fff;margin: 5% 0 0 10%;text-transform: uppercase;font-size: 200%;}
#btn-close {position: absolute;right: 5%;top: 1%;color: #fff;width: 22px;height: 22px;border: 1px #fff solid;border-radius: 100%;text-align: center;font-size: 16px;font-weight: 100;cursor: pointer;}
#submited {position: absolute;background: #0699b9;background: linear-gradient(30deg, #de9136,#009abd);top: 0;left: 0;width: 100%;height: 100%;margin: 0;display:none;}
#submited h2 {color: #fff;font-size: 200%;font-weight: bold !important;width: 80% !important;margin: 20% 0 0 10%;}
#submited h3 {float: left;font-weight: 100;font-size: 100% !important;text-align: center;width: 80%;margin-left: 10%;background: rgba(0,0,0,0.4);border-radius: 4px;padding: 2% 0;border: 2px #232323 solid;box-shadow: rgba(0,0,0,0.4) 0 6px 8px 0;}
div#btn-submitReview {background: linear-gradient(to top, #8a6e00, #fc0);font-size: 200%;margin-bottom: 8% !important;}
div#btn-submitReview::after {height:0;}


#iconSocial {position: relative;width: 100%;margin-top:10%;float: left;height: auto;min-height: 50px;}
#iconSocial a {float:left; width:50px; height:50px; margin:0 2px;}
#iconSocial a#iconFB {background:url(img/socialMedialIconReview.png) no-repeat 0 0; background-size:500% 100%;}
#iconSocial a#iconT{background:url(img/socialMedialIconReview.png) no-repeat 25% 0; background-size:500% 100%;}
#iconSocial a#iconYTB {background:url(img/socialMedialIconReview.png) no-repeat 50% 0; background-size:500% 100%;}
#iconSocial a#iconIG {background:url(img/socialMedialIconReview.png) no-repeat 75% 0; background-size:500% 100%;}
#iconSocial a#iconLin {background:url(img/socialMedialIconReview.png) no-repeat 100% 0; background-size:500% 100%;}
#StudentReview h2 {float: left;width: 100%;margin-top: 16%;font-weight: normal;text-align: center;}
.sr-menu {position: absolute;top: 67%;right: 0;z-index: 4;width:calc(100% - 8px) !important;background: #4A4A4A;background: #4E4E4E;   background: linear-gradient(to top, #303030,#5D5D5D);color: #bbbbbb;text-align: center;padding: 0 0 1% 0;border-bottom-left-radius: 12px;border-bottom-right-radius: 12px;box-shadow: rgba(0,0,0,0.4) 0 6px 8px 0;cursor:pointer;display:none;border: 2px #303030 solid; margin: -2% 0 0 4px;z-index;1;}
.sr-menu h3 {text-transform: uppercase;text-align: left;font-size: 80%;padding: 0 0 2% 8%;color: #2F2F2F;margin: 2% 0 2% 0;border-bottom: 1px #2a2a2a dashed;font-style: italic;}
.sr-menu::after {content: '';position: absolute;top: 100%;margin-top:-8px;left: 50%;width: 4px;height: 4px;border: 1px #212121 solid;border-radius: 100%;}
.sr-menu li {border-bottom: 1px #303030 solid;    width: 100% !important;padding: 2% 0 !important;margin-left: 0 !important;    list-style: none !important;}
.sr-menu li:hover {color:#fff; text-shadow:#fff 0 0 8px; box-shadow:rgba(0,0,0,0.4) 0 2px 4px 0;}

div#sr-body {border-radius: 12px;height: auto;overflow: hidden;margin: 0;border: 2px #4C4C4C solid;background: #D8D8D8;padding: 2%;width: 94%;}
.sr-content-video {height: 80px;width: 50% !important;box-shadow: rgba(0,0,0,0.6) 0 2px 4px 0;}
.sr-content-text {text-overflow: ellipsis;overflow: hidden;white-space: nowrap;font-weight: 400;font-size: 100%;color: #232323;}
.sr-content-video::after {content:''; position:absolute; top:50%; left:50%; width:40px; height:40px; background:url(img/videoicon2.png) no-repeat center; background-size:contain;margin:-20px; z-index:1;}
.sr-content-program {color: #004E9C;}
.sr-content-title {color: #DE9136;text-transform: uppercase;font-weight: 900;font-size: 140%;white-space: normal;}
.sr-content-video iframe {width:100.5% !important;height:140px !important; z-index:5; position:absolute;}
div#showMore {width: 100%;text-align: center;font-size: 200%;text-transform: uppercase;font-weight: bold;}
.sr-content {width: 88% !important;left: 0;padding: 6%;margin: 0 !important;}
.sr-content-title::before {content: '';position: absolute;width: 11px;height: 14px;top: 5%;left: -18px;background: url(img/sr-content-before.png) no-repeat center;background-size: contain;}
#sr-head h4 {float: left;text-transform: uppercase;color: #616161;font-weight: 900;margin: 0 0 0 2%;padding: 0;}
.sr-button {width: 90% !important;padding: 2% 6% 2% 2%;margin: 1% 0 !important;background: linear-gradient(to top, #424242, #ccc);border-radius: 6px;border: 1px #5D5D5D solid;color: #fff;text-align: center;text-transform: uppercase;float: right;font-size: 90%;z-index:5;}
.sr-button::after {content: '';position: absolute;background: url(img/buttonAfterIcon.png) no-repeat center;background-size: contain;width: 14px;height: 14px;right: 8px;top: calc(50% - 7px);}
#sr-head #iconLogo {position: relative;width: 100%;height: 60px;background:url(img/studentReviewIcon.png) no-repeat left; background-size:contain;}
#sr-head {position: relative;width: 100%;height: auto;margin-bottom: 8%;}
.sr-selected {background: #2a2a2a;margin: -2.5% 0 0 -2.5% !important;border-radius: 13px;width: 92.5% !important;box-shadow: rgba(0,0,0,0.8) 0 2px 6px 0;}
.sr-selected .sr-content-title {color:#DE9136;margin-left: 8%;}
.sr-selected .sr-content-title::before {background:url(img/mainmenuhomebefore.png) no-repeat center;background-size: contain;width: 16px;height: 16px; left:-22px;}
.sr-selected .sr-content-program {color:#A5A5A5;font-style: italic;text-align: right;margin: 0 0 4% 0;}
.sr-selected .sr-content-video {width:100% !important; height:140px;box-shadow: rgba(0,0,0,0.4) 0 4px 6px 0;border: 1px #1B1B1B solid;}
.sr-selected .sr-content-text {color:#fff; font-size:110%;white-space: normal;padding: 6% 0;border-top: 1px #212121 dashed;}
.sr-content::after {content: '';width: 120%;height: 2px;background: #2a2a2a;position: absolute;top: 100%;left: -10%;}
.sr-selected::after, .sr-content:last-child::after {width:0;}

div#lightBox { position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 999;background: rgba(0,0,0,0.7);}
div#lightBox .locationBox {    position: absolute;width: 80%;padding: 10%;top: 50%;transform: translate(0,-50%);-webkit-transform: translate(0,-50%);background: rgba(0,66,123,0.9);box-shadow: rgba(0,0,0,0.3) 0 4px 6px 0;border-bottom: 4px #002444 solid;}
div#lightBox select#locationSelecter {    position: relative;border: #fff 2px solid;background: none;color: #fff;padding: 2% 4%;width: 100%;margin-top: 4%; border-radius:0 !important;}
div#lightBox button {width: 100%;margin: 4% 0;border: 0;padding: 2% 0;text-transform: uppercase;color: #fff;background: #EAA200;font-size: 200%;font-weight: 700;box-shadow: rgba(0,0,0,0.4) 0 4px 8px 0;}
div#lightBox select option {background: rgba(0,66,123,0.9);}
div#lightBox h1 {text-transform: uppercase;}
div#lightBox h1 b  {color: #EAA200;text-shadow: #6D4B00 0 0 12px;}
div#lightBox h2 {font-weight: normal;font-size: 120%;}
#changeP {padding: 2% 0;border: 1px #565656 dashed;width: 100%;margin-top: 5%; color:#818181; font-size:90%; text-align: center;line-height: 120%;}

header { position: fixed;top:7%;height: 10%;width: 100%;z-index:9;}
header a#logoGeneric { position: absolute;width: 60%;height: 100%;left: 20%;background: url(img/logo2.png) no-repeat center;background-size: contain;}
header a#logoOntario { position: absolute;width: 60%;height: 100%;left: 20%;background: url(img/logo.png) no-repeat center;background-size: contain;}
header div#mainMenuBtn { position: absolute;left: 6%;width: 14%;height: 92%;}
header div#mainMenuBtn div#bar1, header div#mainMenuBtn div#bar2, header div#mainMenuBtn div#bar3 {position:absolute; width:80%; margin-left:10%; height:2px; background:#fff;}
header div#mainMenuBtn div#bar1 {top:50%; margin-top:-16%;}
header div#mainMenuBtn div#bar2 {top:48.7%;}
header div#mainMenuBtn div#bar3 {top:50%; margin-top:14%;}
header a#phone {position: absolute;top:10%;right: 6%;width: 10%;height: 80%;background: url(img/phoneicon.png) no-repeat center;background-size: contain;}
div#headerHolder {position: fixed;top:0;width: 100%;height: 18%;background: rgba(0,0,0,0.6);z-index: 8;display:none;box-shadow: rgba(0,0,0,0.4) 0 4px 6px 0;}
#cp{position: fixed;width: 88%;padding: 2% 6%;background: #2a2a2a;text-align: center;text-transform: uppercase;box-shadow: rgba(0,0,0,0.4) 0 2px 4px 0;z-index: 9;color:#fff;    font-weight: 700;font-size: 120%;}
div.SocialMeidaButtons {position: relative;left: 12%;margin-top: 4%; width:76%;}
div.SocialMeidaButtons > div {padding-right: 4px;height: 22px;min-width: 50px;}
div.SocialMeidaButtons iframe {display:block;}
div.siteMap { position: relative;left: 12%;width: 76%;margin-top: 4%;border-bottom: #E2E2E2 1px solid;border-top: #E2E2E2 1px solid;padding: 2% 0;}
div.siteMap a { position: relative; padding:0 2% 0 0; margin-right:2%;float: left; font-size:90%; color:#2D78BB;}
div.siteMap a::after {content:' / ';position: absolute;left: 98%;top: 0;}
div.siteMap a.noLink { color: #4a4a4a;}
div.siteMap a:last-child::after {content:'';}

div#programsMenuBtn {position:fixed; top:36%; height:28%; width:8%; background:url(img/programemenuicon.png) no-repeat center; background-size:100% 100%;z-index:9;}
div.programsMenu {position: fixed;z-index: 10;background: #333;top: 12%;width: 45%;height: 80%;border-top-right-radius: 60px;border-bottom-right-radius: 60px;box-shadow: rgba(0,0,0,0.4) 0 6px 16px 2px; display:none;}
div.programsMenu div.menuBorder {position:absolute;top:50%;padding: 2% 0;width:96%; float:left; transform: translate(0,-50%);-webkit-transform: translate(0,-50%); z-index:2;}
div.programsMenu a {position:absolute; top:50%; color:#fff; text-decoration:none; text-transform: uppercase;width:100%; float:left;margin-left: 8%; transform:translate(0,-50%); -webkit-transform:translate(0,-50%);}
div.programsMenu div.menuBorder div {position:relative; left:40%; width:52%; height:40px; margin:2% 0;clear:both; display:none;animation:openM 0.6s cubic-bezier(0.72, 0, 0, 1.01); -webkit-animation:openM 0.6s cubic-bezier(0.72, 0, 0, 1.01); animation-fill-mode:forwards; -webkit-animation-fill-mode:forwards;}
div.programsMenu div.menuBorder div#ArtandDesign::before {content:''; position:absolute; width:40px; height:40px; left:-50px; border-radius:100%; border:2px #fff solid;background:url(img/art-and-design-icon.png) no-repeat center; background-size:cover;}
div.programsMenu div.menuBorder div#Business::before {content:''; position:absolute; width:40px; height:40px; left:-50px; border-radius:100%; border:2px #fff solid;background:url(img/business-icon.png) no-repeat center; background-size:cover;}
div.programsMenu div.menuBorder div#Dental::before {content:''; position:absolute; width:40px; height:40px; left:-50px; border-radius:100%; border:2px #fff solid;background:url(img/dental-icon.png) no-repeat center; background-size:cover;}
div.programsMenu div.menuBorder div#EarlyChildhoodEducation::before {content:''; position:absolute; width:40px; height:40px; left:-50px; border-radius:100%; border:2px #fff solid;background:url(img/ece-icon.png) no-repeat center; background-size:cover;}
div.programsMenu div.menuBorder div#Healthcare::before {content:''; position:absolute; width:40px; height:40px; left:-50px; border-radius:100%; border:2px #fff solid;background:url(img/healthcare-icon.png) no-repeat center; background-size:cover;}
div.programsMenu div.menuBorder div#Legal::before {content:''; position:absolute; width:40px; height:40px; left:-50px; border-radius:100%; border:2px #fff solid;background:url(img/legal-icon.png) no-repeat center; background-size:cover;}
div.programsMenu div.menuBorder div#Technology::before {content:''; position:absolute; width:40px; height:40px; left:-50px; border-radius:100%; border:2px #fff solid;background:url(img/tenology-icon.png) no-repeat center; background-size:cover;}
div.programsMenu div.menuBorder div#Trades::before {content:''; position:absolute; width:40px; height:40px; left:-50px; border-radius:100%; border:2px #fff solid;background:url(img/trades-icon.png) no-repeat center;background-size:cover;}
div.programsMenu img#closeBtn { position: absolute;left: calc(100% - 20px);top: calc(50% - 20px);width: 20px;height: 20px;padding: 6%;background: #333;border-radius: 100%; z-index:3;}
.pmclose {animation:pmclose 1s cubic-bezier(0.72, 0, 0, 1.01); animation-fill-mode:forwards;-webkit-animation:pmclose 1s cubic-bezier(0.72, 0, 0, 1.01); -webkit-animation-fill-mode:forwards;}
.pmclose2 {animation:pmclose2 1s cubic-bezier(0.72, 0, 0, 1.01); animation-fill-mode:forwards;-webkit-animation:pmclose2 1s cubic-bezier(0.72, 0, 0, 1.01); -webkit-animation-fill-mode:forwards;}
.pmopen {animation:pmopen 1s cubic-bezier(0.72, 0, 0, 1.01); animation-fill-mode:forwards;-webkit-animation:pmopen 1s cubic-bezier(0.72, 0, 0, 1.01); -webkit-animation-fill-mode:forwards;}
@keyframes pmclose {from {transform:translate(0,0);} to {transform:translate(-100%,0);}}
@keyframes pmclose2 {from {transform:translate(0,0);} to {transform:translate(-110%,0);}}
@keyframes pmopen {from {transform:translate(-100%,0);} to {transform:translate(0,0);}}
@keyframes openM {from {left:-100%} to {left:40%;}}
@-webkit-keyframes openM {from{left:-120%;} to {left:40%;}}
@-webkit-keyframes pmclose {from {-webkit-transform:translate(0,0);} to {-webkit-transform:translate(-100%,0);}}
@-webkit-keyframes pmclose2 {from {-webkit-transform:translate(0,0);} to {-webkit-transform:translate(-110%,0);}}
@-webkit-keyframes pmopen {from {-webkit-transform:translate(-100%,0);} to {-webkit-transform:translate(0,0);}}

.mainMenu { position: fixed; left:0;width: 56%;height: 100%;background: #333;z-index: 10;box-shadow: rgba(0,0,0,0.4) 4px 0 10px 0; display:none;}
.mainMenu ul { position: relative;width: 60%; height:auto;left: 20%;top: 6%;float:left;}
.mainMenu ul li {position: relative;float: left;width: 100%;text-transform: uppercase;color: #ADADAD;font-size: 100%;line-height: 100%;padding: 6% 0;border-top: 1px #DE8705 solid;}
.mainMenu ul li:first-child {border-top:none;}
.mainMenu ul li.selectLi {color:#fff !important;}
.mainMenu ul li.selectLi::before {content:''; position:absolute; top:50%; left:-26px; width:20px; height:20px; background:url(img/mainMenuHomeBefore.png) no-repeat center; background-size:cover;transform: translate(0,-50%);-webkit-transform: translate(0,-50%);}
.mainMenu div.mainMenuFooter {position: absolute;bottom: 7%;color: #909090; width:65%; left:20%;}
.mainMenu div.mainMenuFooter a { text-decoration: none;color: #909090;width: 48%;position: relative;float: left; font-size:80%; margin: 6% 0;}
.mainMenu div.mainMenuFooter #fbIcon {position:relative;width: 20%; margin-right:4%; height:30px; background:url(img/fbIcon.png) no-repeat center; background-size:contain;}
.mainMenu div.mainMenuFooter #twitterIcon {position:relative;width: 20%; margin-right:4%;height:30px; background:url(img/twiiterIcon.png) no-repeat center; background-size:contain;}
.mainMenu div.mainMenuFooter #ytbIcon {position:relative;width: 20%;  margin-right:4%;height:30px; background:url(img/ybtIcon.png) no-repeat center; background-size:contain;}
.mainMenu div.mainMenuFooter #igIcon {position:relative;width: 20%; margin-right:4%; height:30px; background:url(img/igIcon.png) no-repeat center; background-size:contain;}
.mainMenu div.mainMenuFooter h5 {float:left; width:100%;font-weight: normal;font-size:70%;}
div.mainMenuFooter div {margin: 6% 0;}
.mainMenu div#closeBtn {position: absolute;width: 28px;height: 28px;right: 4%;top: 2%; background:url(img/closeBtn.png) no-repeat center; background-size:contain;}
.mainMenu ul ul{display:none; margin-bottom: 5%;float: left; width:80%; left:10%;}
.mainMenu ul ul a {text-decoration: none;color: #FBA71E;float: left;width: 130%;font-weight: normal;padding: 1% 0;}
input.searchBox {border: 1px #292929 solid !important;width: 96%;background: none !important;padding: 4% 2% !important;margin-top: 8%;box-shadow: rgba(0,0,0,0.4) 0 0 12px 0 inset;display: none;}
a.searchIcon {float: left;width: 100%;background:#FBA71E;height: auto;margin-top: 5%;color: #fff;text-align: center;text-decoration: none;box-shadow: rgba(0,0,0,0.2) 0 2px 4px 0; display:none; padding:4% 1%;}
li#searchIcon {position: relative;float: left;width: 100%;height: 12px; background:url(img/searchIcon.png) no-repeat left; background-size:contain; margin-top:10%; border-top:none;}


div#requestInfoBtn {position: absolute;width: 40%;height: 30px;top: -30px;left: 50%;margin-left: -40%;background: #C72E28;border-top-left-radius: 4px;border-top-right-radius: 4px;text-transform: uppercase;text-transform: uppercase;text-align: center;line-height: 200%;box-shadow: rgba(0,0,0,0.4) 0 -2px 4px 0;font-size:130%;}
div#requestInfoBtn img {width:15%;}
div#applyNowBtn {position: absolute;width: 40%;height: 30px;top: -30px;left: 50%;background: #DE9136;border-top-left-radius: 4px;border-top-right-radius: 4px;text-transform: uppercase;text-transform: uppercase;text-align: center;line-height: 200%;box-shadow: rgba(0,0,0,0.4) 0 -2px 4px 0;font-size:130%;}
div#applyNowBtn img {width:15%;}

.goDown {animation:goDown 0.6s cubic-bezier(0.72, 0, 0, 1.01); animation-fill-mode:forwards;-webkit-animation: goDown 0.6s cubic-bezier(0.72, 0, 0, 1.01); -webkit-animation-fill-mode:forwards;}
.goUp {animation:goUp 0.8s cubic-bezier(0.72, 0, 0, 1.01); animation-fill-mode:forwards;-webkit-animation: goUp 0.8s cubic-bezier(0.72, 0, 0, 1.01); -webkit-animation-fill-mode:forwards;}

@keyframes goDown {from {transform:translate(0,0);}to {transform:translate(0,99%);}}
@keyframes goUp {from {transform:translate(0,99%);}to {transform:translate(0,0);}}
@-webkit-keyframes goDown {from{-webkit-transform:translate(0,0);}to{-webkit-transform:translate(0,99%);}}
@-webkit-keyframes goUp {from{-webkit-transform:translate(0,98%);}to{-webkit-transform:translate(0,0);}}

div.requestInfo {position: fixed;top: 20%;width: 100%;height: 80%;z-index: 99;background: #C72E28;box-shadow: rgba(0,0,0,0.2) 0 -2px 6px 0;transform: translate(0,99%);-webkit-transform: translate(0,99%);}
div.requestInfo div#closeForm { position: absolute;width: 30px;height: 30px;background: url(img/closebtn.png) no-repeat center;background-size: contain;right: 4.5%;top: 2%;z-index:9;}
form.lead-form {position:absolute;top:2%;left:6%;width:88%;height: 88%;color: #fff;}
form.lead-form input, form.lead-form select {position: relative;width:92%;padding:3% 4%;background:none;border:1px #fff solid;margin:0 0 2% 0;color: #fff; border-radius:0 !important;}
form.lead-form select {width:100.5%;}
form.lead-form option, form.lead-form optgroup {background:#2a2a2a;}
form.lead-form div.select {width:100%;color: #fff;height: 9%;margin: 0 0 2% 0;}
form.lead-form div.heading {position: relative;width: 100%;margin: 3% 0;}
.heading > * {width: 100%;float: left;}
.heading > h2 {text-transform: uppercase; font-size: 130%;}
form.lead-form button {padding:4% 0;background:#005BAF;border:none;color:#fff;width:100.5%;text-transform: uppercase;font-weight: 900;font-size:150%;border:2px rgba(0,0,0,0.4) solid;box-shadow: rgba(0,0,0,0.4) 0 6px 18px 0;}
form.lead-form button:hover {box-shadow: rgba(0,0,0,0.4) 0 2px 4px 0;animation:cc 0.6s linear;-webkit-animation:cc 0.6s linear;animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards;}
@keyframes cc {from{background:#00418d;}to{background:#f5a51a;}}
@-webkit-keyframes cc {from{background:#00418d;}to{background:#f5a51a;}}
form.lead-form div#bottom {font-size:70%; margin-top:2%;}
.error {animation:error 0.4s ease-out;animation-fill-mode:forwards;}
@keyframes error {to {background:rgba(255,200,0,0.5);border-color:rgba(255,200,0,0.5);}}
@-webkit-keyframes error {to {background:rgba(255,200,0,0.5);border-color:rgba(255,200,0,0.5);}}
::-webkit-input-placeholder{color:#fff;}
input-placeholder{color:#fff;}
form.apply-now { position: relative;padding: 4%;width: 92%;height: auto;overflow: hidden;}
form.apply-now input,form.apply-now select {background: none;border: 1px #fff solid;padding: 2%;width: 42%;float: left;margin: 0 3% 2% 0; color:#fff; border-radius:0 !important;-webkit-appearance:none;}
form.apply-now select {width: 46.6%;}
form.apply-now h2 {text-transform: uppercase;}
form.apply-now h3 {float:left; width:100%;text-transform: capitalize;font-weight: normal;}
form.apply-now button {float: left;width: 100%;padding: 4% 0;border: none;background: #00427B;text-transform: uppercase;color: #fff;font-weight: 700;font-size: 130%;box-shadow: rgba(0,0,0,0.4) 0 4px 6px 0;}
form.apply-now button:hover {box-shadow:rgba(0,0,0,0.4) 0 0 6px 0;}
form.apply-now input[name="LastName"], form.apply-now input[name="Birthday"],  form.apply-now input[name="City"], form.apply-now input[name="Email"] {margin: 0 0 2% 3.4% !important;}
form.apply-now input[name="GraduationYear"],input[name="Programs"] { width: 95.5% !important;margin: 2% 0 !important;}
div.requestInfo form {display:none;}

.pages {position:relative; width:100%; height:auto;}
.pagesHome {position:relative; width:100%; height:auto; min-height:100%;}
.pages #overlay,.pagesHome #overlay {position:absolute; width:100%; height:100%; background:rgba(0,0,0,0.2);z-index:2;}
.pages #overlay2 {position: absolute;width: 100%;height: 100%;background: rgba(2, 40, 109, 0.71);z-index: 1;}
.pageContent {position:absolute; top:50%; left:8%;width:84%; transform:translate(0,-50%);-webkit-transform:translate(0,-50%);z-index:3; text-align:center;}
.pageContent h1 {text-transform: uppercase;}
.pageContent h3 {font-weight: normal; width:90%; margin:auto; position:relative;font-size:100%;}
.pageContent td {padding: 4%;width: 40%;border: 4px #fff solid;border-radius: 30px;}
.pageContent td img{width:85px;height: 70px;margin-bottom: 10px;}
h2#page2title {float: left;width: 100%;text-align: center;text-transform: uppercase;z-index: 2;color: #fff;position: relative; margin-top:2%;font-size:200%;}

#page3 .pageContent div#imagePage3 { position: relative;left: 50%;margin-left: -100px;width: 200px;height: 200px;border-radius: 100%;box-shadow: rgba(0,0,0,0.4) 0 6px 8px 0;}
#page3 .pageContent > * {float:left;}
#page3 .pageContent h4 {font-size: 130%;font-weight: normal;    position: relative;left: 10%;margin: 4% 0;width: 80%;padding-bottom: 6%;border-bottom: 2px #EC9120 solid;}
#page3 .pageContent h3 {font-size: 200%; width: 100%;margin-bottom: 1%;font-weight: 700;}
#page3 .pageContent h5 {width: 100%;font-weight: normal;font-style: italic;font-size: 100%;}

/*------Category-----*/
div[name="category"] {min-height: 70%;overflow:hidden;}
div[name="category"] div#category {position:absolute; width:100%; height:100%;}
div[name="category-page2"] {background:#fff; color:#000;}
div[name="category-page2"] h1 {position: absolute;left: 12%;color: #fff;transform: translate(0,-98%);-webkit-transform: translate(0,-98%);z-index: 2;text-transform: uppercase;line-height: 80%;font-size: 300%; width:76%;}
div[name="category-page2"] h4 {font-weight:normal; padding:6% 12%;float:left;}
div[name="category-page2"] h4 div {margin:3% 0; width:100%;}
div[name="category-page2"] h4 ul {float:left;}
div[name="category-page2"] h4 li {float: left; margin: 1% 0 1% 5%;width: 95%;list-style-type: disc;}
div[name="category-page2"] h4 div font {font-family:"Roboto",sans-serif !important;}
div[name="category-page2"] ul.menuPrograme {position: relative;float: left;padding: 4% 12%; width:76%;}
div[name="category-page2"] ul.menuPrograme h1 {text-transform: uppercase;color: #333;}
div[name="category-page2"] ul.menuPrograme h2 {text-transform:uppercase; position:relative; font-weight:normal;}
div[name="category-page2"] ul.menuPrograme h2::before {content:''; position:absolute; width:30px; height:30px; left:-35px; background:url(img/category-titleBefore.png) no-repeat center; background-size:contain; margin-top:-5px;}
div[name="category-page2"] ul.menuPrograme a {text-decoration: none;color: #333;}
div[name="category-page2"] ul.menuPrograme li {padding: 2% 10% 2% 2%;width: 88%;border: 1px #333 solid;margin: 4% 0;text-transform: uppercase; background:url(img/btnIcon.png) no-repeat 98% center; background-size:20px 20px;}
div[name="category-page2"] p#qcText {    position: relative;float: left;left: 12%;width: 76%;margin-top: 10%;}
div[name="category-page2"] a#noBorder {    float: left;left: 12%;width: 76%;position: relative;margin: 4% 0 10% 0;color: #004A8D;font-weight: bold;}

div.page3Body2 {position: relative; padding: 2% 10% 10% 10%;background: #004A8D;color: #fff;}
div.page3Body2 div#logoNes { position: relative;width: 100%;height: 40px; background:url(img/newTitle.png) no-repeat center; background-size:contain; margin-bottom:4%;}
div.page3Body2 div.content {position:relative; margin:6% 0;display:none;}
div.page3Body2 div.content:first-child {display:block;}
div.page3Body2 div.content div#img { position: relative;width: 120px;height: 120px;border-radius: 100%;border: 2px #DE9136 solid; margin-top:4%;}
div.page3Body2 div.content h2 {color: #FB9925;font-size: 120%; line-height:110%;}
div.page3Body2 div.content div#contentText {position: relative;width: 50%;margin-left: 5%;}
div.page3Body2 div.content p {font-size: 85%;line-height:110%;    margin: 4% 0;}
div.page3Body2 div.content a {color: #F98103;font-weight: 700;float: left;width: 100%; text-decoration:none;}
div.jobOpportunities {position: relative;padding: 6% 12%;margin: 4% 0; color:#fff;width: 76%;background: #00427B;}
.jobOpportunities ul {position:relative;}
.jobOpportunities li {float: left;width: 46%;padding: 2% 0;margin: 0 2%;text-align: left;border-top: 1px #FCB01F solid; font-size:60%;}
.jobOpportunities li:first-child, .jobOpportunities li:nth-child(2) {border-top:none;}
.jobOpportunities div.jobImg {position: relative;width: 100%;height: 100px;margin-bottom: 4%; background:url(img/jobTitle.png) no-repeat center; background-size:contain;}
div.Courses {position: relative;padding: 0 12%;width: 76%; height:auto; margin: 4% 0 18% 0;}
div.Courses h2 {color: #333;text-transform: uppercase;font-size: 200%;}
div.Courses div.pcContent {position: relative;width: 100%;height: auto;}
div.pcContent ul {padding: 4% 10% 4% 4%;position: relative;width: 86%;height: auto;background: url(img/btnIcon.png) no-repeat 97% center;background-size:20px 20px; border: 1px #808080 solid;margin: 4% 0;}
div.pcContent ul h2 {    position: absolute;right: 2%;font-weight: normal;color: #E6E6E6;background: #333;padding: 3%;line-height: 0.6;border-radius: 100%; font-size:100%; display:none;}
div.pcContent ul li#title { color: #3a3a3a;font-size: 90%;}
div.pcContent ul li#title span { text-transform: uppercase;color: #00427B;}
div.pcContent ul li#ContentText {display:none;}
div.pcContent ul.openUl {background:#F1F1F1 !important;} 
div.pcContent ul.openUl::before {content:''; position:absolute; width:30px; height:30px; left:-35px; background:url(img/category-titleBefore.png) no-repeat center; background-size:contain; margin-top:-5px;}
div.pcContent ul.openUl li#title {font-weight:700; color:#00427B; font-size:120%;}

div.maps {position: relative;background: #FFAB12;padding: 4% 12%;}
div.maps h2 {position:relative;text-transform: uppercase;font-size: 200%;color: #2a2a2a;}
div.maps h2::before {content:''; position:absolute; width:30px; height:30px; left:-35px; background:url(img/campus-title-before.png) no-repeat center; background-size:contain;}
div.maps p {float: left; width: 100%; margin-bottom: 6%;}
div.maps div#adrese {position: relative;width: 50%;left: 20%; font-weight:700;}
div.maps div#adrese::before {content:''; position:absolute; width:70px; height:70px; left:-70px; background:url(img/adressebefore.png) no-repeat center; background-size:contain;}
div.maps div#adrese > * { width:100%; float:left;}
div.maps div#adrese div a {border:none; padding:0 2px 0 0; border:none;float:left;}
div.maps div#mapHolder { position: relative;width: 100%;height: 200px;margin: 6% 0; background:url(img/campusmap.png) no-repeat center; background-size:cover;border: 2px #000 solid;}
div.maps a:last-child { position: relative;float: right;padding: 3% 10%;border: 1px #3E3E3E solid; color:#000;}

div.AboutCity { position: relative;padding: 2% 12%;margin-bottom: 10%;}
div.AboutCity div#backgroundPage3 {  position: relative;width: 132%;height: 200px;margin: -6% 0 0 -16%;}
div.AboutCity div.contentText {position: relative;float: left; margin: 6% 0;}
div.AboutCity div.contentText h2 {text-transform: uppercase;font-size: 200%;font-weight: normal;color: #333;margin-bottom: 6%;}
div.AboutCity div.contentText h2::before {content:''; position:absolute; width:30px; height:30px; left:-35px; background:url(img/category-titleBefore.png) no-repeat center; background-size:contain;}
div.AboutCity li#titleLi { position: relative;float: left;width: 88%;padding:2% 10% 2% 2%;background:url(img/libtnicon1.png) no-repeat 98% center; background-size:20px 20px;color: #004A8D;text-transform: uppercase;margin: 4% 0;font-size: 120%;border: 1px #004A8D solid; }
div.AboutCity .liOpen {background:url(img/libtnicon2.png) no-repeat 98% center,#004A8D !important; background-size:20px 20px !important; color:#fff !important;}
div.AboutCity li#contentLi { position: relative;float: left;width: 100%;margin-bottom: 10%; display:none;}
div.AboutCity li#contentLi div {margin:2% 0;}
div.AboutCity li#contentLi ul {float:left;}
div.AboutCity li#contentLi li {float: left; margin: 1% 0 1% 5%;width: 95%;list-style-type: disc;}
div.AboutCity div.heading { color: #005FB1;font-size: 180%;font-weight: 700;width:100%;}
div.contents {position: relative;padding: 4% 12%;width: 76%; margin-bottom:18%;}
div.contents iframe {display:block; width: 300px;height: 1500px;}
div.contents div {position: relative;width: 100%;margin: 2% 0;}
div.contents div#heading,div.contents div.heading { color: #005FB1;font-size: 180%;font-weight: 700;}
div.contents div#heading::before,div.contents div.heading::before {content:''; position:absolute; width:25px; height:25px; left:-30px; background:url(img/category-titleBefore.png) no-repeat center; background-size:contain;}
div.contents b,div.contents div b {position: relative;width: 100%;float: left;text-transform: capitalize;font-size: 120%;margin: 2% 0;}
/*div.contents div b {width: auto;float: none;text-transform:none;font-size: 90%;color: #333;margin:0;}*/
div.contents ul,div.content li,div.contents ol {position: relative;float: left; width:90%;}
div.contents li {list-style-type:disc; margin-left:5%; width:95%;padding: 2% 0;}
div.contents a { text-decoration: none;font-weight: 900;color: #004078;}
div.contents a:hover {color:#DE9136;}
div.contents div.heading a {text-decoration: none;font-size: 80%;color: #004A8D;}
div.contents div.news {width:105%; position:relative;}
div.contents div.news p {position: relative;float: left;width: 100%;padding-bottom: 6%;border-bottom: 1px #DEDEDE solid;}
div.contents div.news p small {float: left;width: 100%;margin-bottom: 2%;}
div.contents div.news p a ,div.contents div.news p a i {    position: relative;float: right;width: auto;text-decoration: none;font-style: normal;    text-transform: uppercase;}
div.contents div.news p a {color: #004A8D;padding: 1% 4%;margin-top: 6%;background: none;border: 1px #004A8D solid; font-weight:700;}

div.jobHolder {position: relative;padding: 6% 12%;width: 76%;border-bottom: #C7C7C7 1px solid;margin-bottom: 6%;padding-bottom: 8%;}
div.jobHolder:last-child {border-bottom:none;}
div.jobHolder > * {float:left; position:relative;}
div.jobHolder small {width:100%; margin: 2% 0;}
div.jobHolder p,div.jobHolder p span,div.jobHolder li span {font-size:100% !important;font-family:"Lato", sans-serif !important;}
div.jobHolder ul {position: relative;margin: 5%;}
div.jobHolder li {list-style-type: disc;}
div.jobHolder strong {float:left; margin: 6% 0; width:100%;}
div.jobHolder a {text-decoration: none;text-transform: uppercase;float: right;position: relative;padding: 2% 6%;border: 1px #00396B solid;color: #00396B;font-weight: 700;}
div.jobHolder big {font-size: 100%;}



@media screen and (max-width:340px){
body{font-size:80%;}
div.menuBorder div {margin:0 !important;}
div.menuBorder div::before {width:34px !important; height:34px !important; left: -40px !important;}
div.requestInfo div#closeForm {width:26px; height:26px;}
div.page3Body2 div.content div#img { position: relative;width: 100px;height: 100px;border-radius: 100%;border: 2px #DE9136 solid; margin-top:4%;}
div.maps div#adrese::before {height:58px; width:48px; left:-50px;}
#iconSocial a {width:40px; height:40px;}
}