@import url('https://fonts.googleapis.com/css?family=Arvo');


#content .sys_introBlock, 
#content .sys_announcements,
#content .sys_twoColumns5050,
#content .sys_twoColumns_7030,
#content .sys_threeColumns,
#content .sys_video,
#content .sys_ContentAreaOneText,
#content .sys_ContentAreaTwoText,
#content .sys_registerYourInterest,
#content .sys_readTheBlog{margin-bottom: 0;}

  
/* congrats page */
#content .sys_video-textfullwidth {position: relative; text-align: left; background: url("/UGstudy/Clearing/2017/Images/Decorative/bg-BlueGradient.jpg") no-repeat; background-size: cover; width: 100%; height: 337px; color: #fff; padding:1.02em;}
#content .sys_video-textfullwidth .sys_video-student-name {font-family: arvo; font-size: 2em; margin-bottom: 6px; line-height: 1em;}
#content .sys_video-textfullwidth .sys_video-student-welcome {margin-bottom: .9em;font-size: 1.8em; line-height: 1em;}
#content .sys_video-textfullwidth .sys_video-student-quote {margin-bottom: .9em;font-size: 2.4em; line-height: 1em;}
#content .sys_video-textfullwidth .sys_video-student-quote:after, #content .sys_video-textfullwidth .sys_video-student-quote:before, #content .sys_video-textfullwidth .sys_video-title {display:none;}  
#content .sys_video-fullwidth .sys_video-thumbnail {display: block; width: 580px; height: 365px; z-index: 2; position: absolute; top: 0; left: 0; background-size: cover; background-position: 50%;}
#content .sys_video-fullwidth .sys_video {width: 580px; height: 365px; position: relative; margin-bottom:0;}
#content .sys_video-fullwidth .sys_video:hover {cursor: pointer;}
#content .sys_video-fullwidth #thevideo {width: 580px; height: 365px; position: absolute; top: 0; left: 0; z-index:1;}
#content h2.bigblue {color: #007ca7; font-size: 2em; margin-bottom: .5em;}
#content .sys_ContentAreaOneTitlefullwidth .sys_threeColumns .sys_one, #content .sys_ContentAreaOneTitlefullwidth .sys_threeColumns .sys_two, #content .sys_ContentAreaOneTitlefullwidth .sys_threeColumns .sys_three {padding-right: 1%; width: 30%;}
#content .sys_ContentAreaOneTitlefullwidth .sys_readTheBlog, #content .sys_ContentAreaOneTitlefullwidth .sys_registerYourInterest {margin-bottom: 1em;}

#content .accentText{font-size: 1.8em; color: #007ca7;}

.sys_SubpageTitleArea{}

.sys_SubpageTitleArea{background: linear-gradient(to bottom right, #007ca7 40%, #18194f 100%); color: #fff; display: block; margin-bottom: 20px;}
.sys_SubpageTitleArea .sys_inner{padding: 20px; width: auto;}

.sys_SubpageTitleArea .sys_largeTitle{font-size: 2.1rem; line-height: 2.4rem; margin-bottom: 15px; font-weight:normal;}
.sys_SubpageTitleArea .sys_smallTitle{font-size: 1.6rem; line-height: 2.1rem;}
.sys_SubpageTitleArea .sys_smallTitle strong{ font-weight:bold;}
.sys_SubpageTitleArea .sys_AdditionalText {padding-top: 20px; font-size: 1.1rem;}
#wrapper #content .sys_SubpageTitleArea a {color: #fff;}


/* Clearing Landing Page */
.sys_fullWidth #pageTitle{display:none;}
.sys_fullWidth #breadcrumb{border:none;}
.sys_fullWidth #content .sys_inner{padding: 20px; width: auto;}

.sys_fullWidth #ClearingLandingPage .sys_keylinebox{border: 6px solid #18194f; color: #18194f; display: inline-block; height: 275px; line-height: 275px; width: 275px;}
.sys_fullWidth #ClearingLandingPage .sys_keylinebox .sys_inner{line-height: 1.65rem; font-size: 1.15rem; display: inline-block; vertical-align: middle;}
.sys_fullWidth #ClearingLandingPage .sys_keylinebox .sys_largeTitle{font-size: 2.1rem; line-height: 2.4rem; margin-bottom: 20px; font-weight:bold;}
.sys_fullWidth #ClearingLandingPage .sys_keylinebox .sys_smallTitle{font-size: 1.4rem; line-height: 1.5rem; font-weight:bold;}
.sys_fullWidth #ClearingLandingPage .sys_keylinebox .sys_smallTitle strong{color: #007ca7;}


.sys_fullWidth #ClearingLandingPage .sys_clearingHotlineCTA {border: 6px solid transparent; text-align:center; background: #18194f url("/ugstudy/clearing/2018/images/icon-telephone-animation.gif") no-repeat 50% 10px; background-size: 90px; display: inline-block; height: 275px; line-height: 275px; width: 275px; color: #fff;}
.sys_fullWidth #ClearingLandingPage .sys_clearingHotlineCTA .sys_inner{margin-top: 100px;line-height: 1.2rem; font-size: 1.15rem; display: inline-block; vertical-align: middle;}
.sys_fullWidth #ClearingLandingPage .sys_clearingHotlineCTA strong{font-size: 1.8rem;color: #fff;}
.sys_fullWidth #ClearingLandingPage a.sys_clearingHotlineCTA strong{text-decoration:underline; color: #fff;}

.sys_fullWidth #ClearingLandingPage .sys_clearingHotlineCTA [href^=tel]{ color: #fff;}

.sys_fullWidth .sys_box-gradient-background{background: linear-gradient(to bottom left, rgba(0,124,167,1), rgba(24,25,79,1)); color: #fff;}
.sys_fullWidth #ClearingLandingPage .sys_box-gradient-background{display: inline-block; height: 218px; line-height: 218px; margin-bottom: 20px;}
.sys_fullWidth #ClearingLandingPage .sys_box-gradient-background .sys_inner{display: inline-block; vertical-align: middle;}
.sys_fullWidth #ClearingLandingPage .sys_box-gradient-background .sys_inner p:last-child{margin-bottom: 0!important;}

#wrapper #content .sys_box-gradient-background h2 {color: #fff;}

#wrapper #content .sys_box-gradient-background a {color: #fff;}

.sys_fullWidth #ClearingLandingPage .sys_threeColumns .sys_three .CTA-Arrow.CTA-Colour-WarmRed{border-width: 6px; text-align:center; background-position: left 50% top 30px; background-size: 50px; padding: 110px 70px 10px 70px; height: 156px; font-size: 1.8rem; line-height: 2rem; margin-bottom: 0;}

.sys_fullWidth #ClearingLandingPage .sys_box-gradient-background .sys_inner{line-height: 1.2rem; font-size: 1rem;}
#wrapper .sys_fullWidth #ClearingLandingPage .CTA-Arrow.CTA-Colour-WarmRed{font-size: 1.8rem; line-height: 2rem; margin-bottom: 20px; background-image: url("/sharedresources/images/iconography/icon-search-white.png"); background-position: top 16px right 50%; background-size: 80px!important;}
#wrapper .sys_fullWidth #ClearingLandingPage .CTA-Arrow.CTA-Colour-WarmRed:hover{background-image: url("/sharedresources/images/iconography/icon-Search.png");}

.sys_fullWidth #ClearingLandingPage .sys_CTA-ImageAndTextBlock .sys_CTA-name{padding-top: 10px; padding-bottom: 10px;}
  



.sys_fullWidth #ClearingLandingPage #thevideo {height: 376px;}
.sys_fullWidth #ClearingLandingPage .sys_video-thumbnail {width: 600px; height: 376px;}
.sys_fullWidth #ClearingLandingPage .sys_video {width: 600px; height: 376px;}





/* Columns */


#wrapper #content #ClearingLandingPage .sys_twoColumns5050{margin: 0;}
#wrapper #content #ClearingLandingPage .sys_twoColumns5050 .sys_one,
#wrapper #content #ClearingLandingPage .sys_twoColumns5050 .sys_two{padding-right: 10px; width: 47.154987%;}
#wrapper #content #ClearingLandingPage .sys_twoColumns5050 .sys_two{padding-right: 0;}

#content #ClearingLandingPage .sys_two_7030 h2{font-size: 2em; margin-bottom: .5em;}
#content #ClearingLandingPage .sys_twoColumns5050 h2{font-size:1.6em; font-weight: normal; line-height: 1.2em; margin-bottom: 0.9375em;}

#content .sys_ContentAreaOneText div,
#content .sys_ContentAreaTwoText div{margin-bottom:0; text-align:left;}
#content .sys_ContentAreaOneTitle{background: #007ca7; color: #fff; padding: 1em; text-align:center;}
#content .sys_ContentAreaOneTitle h1{font-size: 4em;color: #fff; margin: 0;}
#content .sys_ContentAreaOneTitle h1 span{color: #18194f; display:block; font-weight:bold;}
#content .sys_ContentAreaOneText{font-size: 1.2em; line-height: 1.3em; background: #007ca7; color: #fff; padding: 2em 2em 1em 2em; text-align:center;}
#content .sys_ContentAreaOneText h2,
#wrapper #content .sys_ContentAreaOneText a{color: #fff;}
#content .sys_ContentAreaTwoTitle{color: #18194f; font-size: 2.4em; line-height: 1em; line-height:1em; margin: .5em 0 .8em 0;}
#content .sys_ContentAreaTwoTitle{background: #eee; color: #007ca7; padding: 1em; }
#wrapper #content .sys_ContentAreaOneText a.CTA-ArrowRoundRight{color: #18194f; border: 2px solid transparent; display:inline-block; background: #fff url("/siteelements/images/base/internal/cta-icons/colour/bg-arrow-right-simple-blue5.png") no-repeat right 10px top 50%; font-weight:500; display:inline-block; padding: 10px 30px 10px 10px; text-decoration:none;}
#wrapper #content .sys_ContentAreaOneText a.CTA-ArrowRoundRight:hover {border-color: #fff; background-color: transparent; color: #fff; background-image: url("/siteelements/images/base/internal/cta-icons/white/bg-arrow-right-simple-white.png"); text-decoration:none;}
#content .sys_ContentAreaTwoText{border: 4px solid #18194f; font-size: 1.2em; line-height: 1.3em; padding: 1em; }
#content .sys_ContentAreaTwoText h2{color: #007ca7; font-size: 2em; margin-bottom: .5em;}



#wrapper #content .sys_registerYourInterest a,
#content .sys_readTheBlog a{font-size: 1.8em; line-height: 1.1em; color: #fff; border: 2px solid transparent;display:inline-block; background: #DE1B5C url("/siteelements/images/base/internal/cta-icons/white/bg-arrow-right-simple-white.png") no-repeat right 10px top 50%; font-weight:normal; display:block; padding: 20px 20px 20px 20px; text-decoration:none;}
#content .sys_readTheBlog a{background-color: #005597;}
#content .sys_readTheBlogSmaller a {font-size: 1.4em; padding: 13px;}
#wrapper #content .sys_registerYourInterest a:hover,
#wrapper #content .sys_readTheBlog a:hover{text-decoration:none; color: #007ca7; background-color: transparent; border-color: #007ca7; background-image: url("/siteelements/images/base/internal/cta-icons/colour/bg-arrow-right-simple-blue2.png");}



#content .sys_announcements{border: 1px solid #c8c8c8; background: #EBEBEB;}
#content .sys_announcements a.CTA-Arrow{}
#content .sys_announcements p:last-child{margin-bottom: 0;}





#wrapper #ClearingLandingPage a.CTA-Telephone{background-image: url("/siteelements/images/base/internal/cta-icons/white/bgContactUs.png"); background-size: 20px;}
#wrapper #content #ClearingLandingPage a.CTA-Telephone:hover{background-image: url("/siteelements/images/base/internal/cta-icons/colour/bgContactUs.png"); background-size: 20px;}




#wrapper #content .sys_ClearingImageWithTextOverlay{border-bottom: 2px solid transparent; text-decoration:none;}
#content .sys_ClearingImageWithTextOverlay img{width: 100%; height: auto;}
#content .sys_ClearingImageWithTextOverlay .sys_textOverlay{background:#fff; padding: 10px 8px 20px 8px;}
#content .sys_ClearingImageWithTextOverlay .sys_textOverlay h2{color: #007ca7;}
#content .sys_ClearingImageWithTextOverlay:hover .sys_textOverlay{background:#007ca7;}
#wrapper #content .sys_ClearingImageWithTextOverlay:hover,
#wrapper #content .sys_ClearingImageWithTextOverlay:hover *{text-decoration:none;color: #fff;}
#content .sys_ClearingImageWithTextOverlay:hover{border-color: #fff;}



#content #thevideo {width: 100%; height: 440px; position: absolute; top: 0; left: 0; z-index:1;}
#content .sys_video-thumbnail {display:block; width: 720px; height: 440px; z-index:2; position: absolute; top: 0; left: 0; background-size: cover; background-position: 50%;}
#content .sys_video {width: 720px; height: 440px; position: relative;}
#content .sys_video .sys_inner {padding: 45% 3em; width: auto;bottom: 0; position:absolute; top: 0; left: 0; right: 0;}
#content .sys_video-play {z-index: 100;position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
#content .sys_video-play:hover {cursor: pointer;}
#content .sys_video-text{position:absolute; margin: auto auto; bottom: 0; right: 0; top: 0; text-align:right; width: 42%; color: #18194f;}
#content .sys_video-text .sys_video-title{display:none; color: #18194f; text-align:right; font-size: 1.4em; line-height: 1.2em;}
#content .sys_video-text .sys_video-student-quote{margin-bottom: .9em;font-size: 2.4em; line-height: 1em;}
#content .sys_video-text .sys_video-student-quote:before, #content .sys_video-text .sys_video-student-quote:after{content:open-quote; color: #009bbd; line-height: 0;}
#content .sys_video-text .sys_video-student-quote:after{content:close-quote;}
#content .sys_video-text .sys_video-student-name{font-family:arvo; font-size: 2em; margin-bottom: 6px;}
#content .sys_video-text .sys_video-student-course{font-family:arvo; font-size: 1.2em;}
#content .sys_video:hover .sys_video-button{background-size: 100%; border-color: #18194f; background-color: transparent; background-image: url("/ugstudy/clearing/2017/images/decorative/bg-playbutton.png"); }
#content .sys_video-button {border: 2px solid transparent; background: #18194f url("/ugstudy/clearing/2017/images/decorative/bg-playbutton-white.png") no-repeat; position: absolute; right: 0; bottom: 0; top: 0; left: 0; margin: auto auto; width: 70px; height: 70px; background-size: 100%;}











/* Clearing Process page * ulzgw - 26-07-17/*/

#ClearingProcess{background:  url("/ugstudy/clearing/2017/images/decorative/bg-Process-Arrows-Faded.png") no-repeat 100% 100%;}

#wrapper #content .sys_clearingStep{margin-bottom: .5em; display: table;}
#wrapper #content .sys_clearingStep .sys_one,
#wrapper #content .sys_clearingStep .sys_two,
#wrapper #content .sys_clearingStep .sys_three{padding: 0 2%; vertical-align: top;display: table-cell;}
#wrapper #content .sys_clearingStep .sys_one{vertical-align: middle; width: 10%; font-size: 5em; font-family:arvo; text-align:center; line-height: 1.2em; text-transform:uppercase; background: #007ca7 url("/ugstudy/clearing/2017/images/decorative/bg-process-arrow-end-white.png") no-repeat 50% 100%; color: #fff;}
#wrapper #content .sys_clearingStep .sys_two{width: 60%;}
#wrapper #content .sys_clearingStep .sys_three{width: 28%; float:}
#wrapper #content .sys_clearingStep .sys_two h2{color: #007ca7; font-size: 1.8em; line-height: 1.1em;}
#wrapper #content .sys_clearingStep a.CTA-ArrowRoundRight{margin-bottom: .5em; display:block;}

#wrapper #content .sys_clearingStep.sys_stepTwo .sys_one,
#wrapper #content .sys_clearingStep.sys_stepTwo .sys_three a.CTA-ArrowRoundRight{background-color: #005597;}
#wrapper #content .sys_clearingStep.sys_stepThree .sys_one,
#wrapper #content .sys_clearingStep.sys_stepThree .sys_three a.CTA-ArrowRoundRight{background-color: #1a296b;}
#wrapper #content .sys_clearingStep.sys_stepFour .sys_one,
#wrapper #content .sys_clearingStep.sys_stepFour .sys_three a.CTA-ArrowRoundRight{background-color: #18194f;}


#wrapper #content .sys_clearingStep.sys_stepOne a.CTA-ArrowRoundRight:hover,
#wrapper #content .sys_clearingStep.sys_stepTwo a.CTA-ArrowRoundRight:hover,
#wrapper #content .sys_clearingStep.sys_stepThree a.CTA-ArrowRoundRight:hover,
#wrapper #content .sys_clearingStep.sys_stepFour a.CTA-ArrowRoundRight:hover{background-color: transparent; border-color: #18194f; color: #18194f;}


#content .sys_clearingStep.sys_stepTwo .sys_two h2{color: #005597;}
#content .sys_clearingStep.sys_stepThree .sys_two h2{color: #1a296b;}
#content .sys_clearingStep.sys_stepFour .sys_two h2{color: #18194f;}


#content #clearingFooter{background: #000 url("/UGstudy/Clearing/2017/Images/Decorative/bg-World.jpg") no-repeat; background-size: 100%; padding: 10% 8%;}
#content #clearingFooter .sys_square{margin: auto; width: 40%; text-align:center; color: #fff; padding: 5%; border: 4px solid #fff;}
#content #clearingFooter .sys_square h2{font-size: 2.2em; line-height: 1em; width: 60%; text-align:center; margin: 0 auto .5em auto; font-weight:bold;  color: #fff;}
#content #clearingFooter .sys_square a{border: 2px solid transparent; color: #18194f; background: #fff url("/siteelements/images/base/internal/cta-icons/colour/bg-arrow-right-simple-blue5.png") no-repeat right 10px top 50%; background-size: 8px; font-weight:500; display:inline-block; padding: 10px 30px 10px 10px;}
#content #clearingFooter .sys_square a:hover{color: #fff; background-image: url("/siteelements/images/base/internal/cta-icons/white/bg-arrow-right-simple-white.png"); border-color: #fff; background-color:transparent;}






/* SMRS Landing Page Styles */
.sys_fullWidth #content {width: 960px; padding: 0;}
#pageTools, #toolBar, #pageToolsTab{display:none;}


#content #ClearingLandingPage.sys_SMRS-LandingPage .sys_introBlock{padding-bottom: 1em;}
#content #ClearingLandingPage.sys_SMRS-LandingPage a.CTA-ArrowRoundRight{margin-bottom: .5em;font-size: 2.4em; line-height: 1.3em; color: #fff; border: 2px solid transparent;display:inline-block; background: #18194f url("/siteelements/images/base/internal/cta-icons/white/bg-arrow-right-simple-white.png") no-repeat right 10px top 50%; background-size: 8px; font-weight:500; display:block; padding: 50px 60px 50px 20px; text-decoration:none;}
#content #ClearingLandingPage.sys_SMRS-LandingPage a.CTA-ArrowRoundRight:hover {border-color: #18194f; background-color: transparent; color: #18194f; background-image: url("/siteelements/images/base/internal/cta-icons/colour/bg-arrow-right-simple-blue5.png"); text-decoration:none;}
#content #ClearingLandingPage.sys_SMRS-LandingPage #socialIcons{margin-top: 1em;}

#content #ClearingLandingPage #SMRSImages_bannerwrapper{}
#wrapper #content #ClearingLandingPage #SMRSImages_bannerwrapper img{width: 100%!important; height: auto!important;}


/* Show hide margin tweak */
#content .sys_GenericAnswerShowHide {margin-top: 1em;}





/* ***** MOBILE STYLES ***** */



@media only screen and (max-width: 967px) {
.sys_fullWidth #content .sys_inner{padding: 10px; width: auto;}
.sys_fullWidth #ClearingLandingPage .sys_keylinebox{color: #18194f; display: inline-block; height: 224px; line-height: 224px; width: 213px;}
.sys_fullWidth #ClearingLandingPage .sys_keylinebox .sys_inner{padding: 20px;;}

  

  
  
.sys_fullWidth #ClearingLandingPage .sys_keylinebox .sys_largeTitle,
.sys_SubpageTitleArea .sys_largeTitle{font-size: 1.8rem; line-height: 1.7rem;}
.sys_fullWidth #ClearingLandingPage .sys_keylinebox .sys_smallTitle,
.sys_SubpageTitleArea .sys_smallTitle{font-size: 1.4rem; line-height: 1.55rem;}
.sys_fullWidth #ClearingLandingPage .sys_keylinebox .sys_smallTitle strong{color: #007ca7;}
  
.sys_fullWidth #ClearingLandingPage .sys_box-gradient-background {height: 162px; line-height: 162px;}
.sys_fullWidth #ClearingLandingPage .sys_box-gradient-background .sys_inner{line-height: 1.1rem; font-size: 1rem;}

.sys_fullWidth #ClearingLandingPage .CTA-Arrow.CTA-Colour-WarmRed{font-size: 1rem; line-height: 1.3rem; margin-bottom: 20px;}
  #wrapper .sys_fullWidth #ClearingLandingPage .CTA-Arrow.CTA-Colour-WarmRed{padding: 75px 30px;height: 74px;background-position: top 10px right 50%; background-size: 60px!important;}

.sys_fullWidth #ClearingLandingPage .sys_clearingHotlineCTA{background-size: 64px; height: 224px; line-height: 224px; width: 213px;}
.sys_fullWidth #ClearingLandingPage .sys_clearingHotlineCTA .sys_inner{margin-top: 70px; line-height: 1.1rem; font-size: 1rem;}

  
  
  
  
/* SMRS Landing Page Styles */
#content #ClearingLandingPage.sys_SMRS-LandingPage .sys_twoColumns_3070 .sys_one_3070,
#content #ClearingLandingPage.sys_SMRS-LandingPage .sys_twoColumns_3070 .sys_two_3070{width: 100%; margin: 0; padding: 0;}
#content #ClearingLandingPage.sys_SMRS-LandingPage .sys_twoColumns_3070 .sys_one_3070 a.CTA-ArrowRoundRight{margin: 0 1.5%;padding: 40px 2% 40px 2%; display:inline-block; width: 42%;font-size: 1.4em;}
#content #ClearingLandingPage.sys_SMRS-LandingPage .sys_twoColumns_3070 .sys_one_3070{margin-bottom: 2em;}
    
}


  
/* International Landing Page Styles */

#wrapper #content #InternationalClearingLandingPage .sys_twoColumns5050{margin: 0;}
#wrapper #content #InternationalClearingLandingPage .sys_twoColumns5050 .sys_one,
#wrapper #content #InternationalClearingLandingPage .sys_twoColumns5050 .sys_two{padding-right: 10px; width: 48.2%;}
#wrapper #content #InternationalClearingLandingPage .sys_twoColumns5050 .sys_two{padding-right: 0;}


@media only screen and (max-width: 767px) {
.sys_fullWidth #content .sys_inner{padding: 20px 10px; width: auto;}

#content #ClearingLandingPage .sys_keylinebox{margin: 20px 0 20px 0; border: none; height: auto; line-height: auto; width: 100%;}
#content #ClearingLandingPage .sys_keylinebox .sys_inner{padding: 0; line-height: 1.65rem; font-size: 1.15rem; display: block;}
  
#content #ClearingLandingPage .sys_box-gradient-background{display: block; height: 100%; line-height: 100; margin-bottom: 20px;}
#content #ClearingLandingPage .sys_box-gradient-background .sys_inner{display: block;}

#wrapper .sys_fullWidth #ClearingLandingPage .sys_threeColumns .sys_three .CTA-Arrow.CTA-Colour-WarmRed{background-position: right 10px top 50%; border-width: 2px; background-size: 40px!important; padding: 22px 90px 22px 10px; text-align:left; height: auto; font-size: 1rem; line-height: 1.15rem;margin-bottom: 0;}

.sys_fullWidth #ClearingLandingPage .sys_clearingHotlineCTA{text-align:left; background-size: 64px; background-position: 6px 0; height: auto; line-height: auto; width: 100%; max-width: 375px;}

  
 
  
.sys_fullWidth #ClearingLandingPage .sys_box-gradient-background .sys_inner{line-height: 1.5rem; font-size: 1rem;}

 
#content #clearingFooter .sys_square{width: 80%;}
#content #clearingFooter .sys_square h2{font-size: 1.8em; width: 80%; text-align:center; margin: 0 auto .5em auto; font-weight:bold;  color: #fff;}
   
  
  
#content  #thevideo {width: 100%; height: 264px;}
#content .sys_video {width: 404px; height: 264px;}
#content .sys_video-thumbnail{width: 404px; height: 264px;}
#content .sys_video .sys_inner {padding: 38% 1em;}
#content .sys_video-text .sys_video-student-quote{font-size: 1.4em; line-height: 1.2em;}
#content .sys_video-text .sys_video-student-name{font-size: 1.2em;margin-bottom: 2px;}
#content .sys_video-text .sys_video-student-course{font-size: 1em;}
  
#wrapper #content #ClearingProcess{background:none;}  
#content .sys_clearingStep{display:block; border: none; padding: 0;}
  
#wrapper #content .sys_clearingStep.sys_stepOne,
#wrapper #content .sys_clearingStep.sys_stepTwo,
#wrapper #content .sys_clearingStep.sys_stepThree,
#wrapper #content .sys_clearingStep.sys_stepFour{border: 2px solid #ccc; padding: 12px;}
  
#wrapper #content .sys_clearingStep.sys_stepOne{border-color: #007ca7;}
#wrapper #content .sys_clearingStep.sys_stepTwo{border-color: #005597;}
#wrapper #content .sys_clearingStep.sys_stepThree{border-color: #1a296b;}
#wrapper #content .sys_clearingStep.sys_stepFour{border-color: #18194f;}

  
#wrapper #content .sys_clearingStep .sys_one,
#wrapper #content .sys_clearingStep .sys_two,
#wrapper #content .sys_clearingStep .sys_three{width: 100%; display:block;}
  
#wrapper #content .sys_clearingStep .sys_one{width: 12%; font-size: 3.6em;line-height: 1.6em; text-align:center; margin: auto auto;}
#wrapper #content .sys_clearingStep .sys_two h2{text-align:center;}
  
#wrapper #content .sys_clearingStep a.CTA-ArrowRoundRight{display:inline-block; width: auto; max-width: 50%;}
  

#ClearingLandingPage .sys_introBlock.sys_August17 .sys_IntroHotline {display:block;padding-bottom: 50px; padding-right: 0;background-position: bottom 12px right 50%;}


/* SMRS Landing Page Styles */
#content #ClearingLandingPage.sys_SMRS-LandingPage .sys_twoColumns_3070 .sys_one_3070 a.CTA-ArrowRoundRight{margin: 0 0 .5em 0;padding: 24px 20px 24px 20px; display:block; width: auto; font-size: 1.4em;}
#content #ClearingLandingPage.sys_SMRS-LandingPage .sys_twoColumns_3070 .sys_one_3070{margin-bottom: 2em;}
  
}

form .qslabel {
    font-weight: bold;
    font-size: 20px;
}





/* Clearing vacancies table - ulzgw - 15-08-2018 */

#wrapper #content #clearingVacanciesTable{position:relative;}
#wrapper #content #clearingVacanciesTable div:first-child{height: auto!important;}

#wrapper #content #clearingVacanciesTable form{background: #007ca7; color: #fff; position:absolute; top: 0; right: 0; left: 0;}
#wrapper #content #clearingVacanciesTable form label{display:block; margin-bottom: 4px;}
#wrapper #content #clearingVacanciesTable form input{box-shadow: 0;border-radius: 0px;border: 1px solid #fff; display:block; margin: 0;width: 90%; padding: 12px;}
#wrapper #content #clearingVacanciesTable form input:focus{border-color: #000;}

#wrapper #content #clearingVacanciesTable .responsivetable {width: 98%; margin-right: 20px; margin-top: 86px; height: 600px;max-height: 600px; overflow-x: auto; -webkit-overflow-scrolling: touch; display:block;}

#wrapper #content #clearingVacanciesTable .responsivetable a{font-weight:bold; color: #1a296b;}

/* uizeh- 15-08-2018 */

#content #clearingTableIntro{font-size:1.2em;}
#content #ClearingLandingPage .sys_threeColumns h2{font-size:1.6em; font-weight: normal; line-height: 1.2em; margin-bottom: 0.9375em;}
#content #ClearingLandingPage h2{font-size:1.6em; font-weight: normal; line-height: 1.2em; margin-bottom: 0.9375em;}





@media only screen and (max-width: 479px) {

#wrapper #content .sys_video,
#wrapper #content #thevideo,
#wrapper #content .sys_video-thumbnail{width: 100%; height: 264px;}
#wrapper #content .sys_video-text .sys_video-title,
#wrapper #content .sys_video-text .sys_video-student-quote,
#wrapper #content .sys_video-text .sys_video-student-name,
#wrapper #content .sys_video-text .sys_video-student-course{display:none;}

}  


@media only screen and (max-width: 379px) {

#content #ClearingLandingPage .sys_clearingProfile .sys_image{width: 34%;}
#content #ClearingLandingPage .sys_clearingProfile .sys_profileText {left: 38%; width: 54%;}
#content #ClearingLandingPage .sys_CTA{padding: 8px; font-size: 1em;}
#content #ClearingLandingPage .sys_clearingProfile .sys_name {padding: 6px 8px; font-size: 1.1em;}
}