@media (min-width: 1300px) {
  .container {
    width: 100%;
    max-width: 1300px;
  }
}

body {
  font-family: "Source Sans Pro", sans-serif, Arial, Verdana, Tahoma;
  color:#999;
}

h1 {
  font-family: "Roboto", sans-serif, Arial, Verdana, Tahoma;
  font-size: 32px;
  font-weight: 500;
  line-height: 40px;
  text-align: left
}

h1, h2, fieldset legend, h3, h4 {
  color: #4A4A4A;
  font-family: "Source Sans Pro", sans-serif, Arial, Verdana, Tahoma;
  padding: 0 0;
  margin: 40px 0
}

  h1 a, h2 a, fieldset legend a, h3 a, h4 a,
  h1 a:hover, h2 a:hover, fieldset legend a:hover, h3 a:hover, h4 a:hover {
    color: #0099CB;
    text-decoration: none
  }

h2, h2 a{
  font-size: 20px;
  font-weight: 300;
  line-height: 24px;
}
h3, h3 a{
  font-size: 18px;
  font-weight: 300;
  line-height: 24px;
}

h1{
  font-weight: 500;
  text-transform:none;
}

h1, h2, h3{
  padding-top:20px;
  padding-bottom:10px;
  margin-top:0px;
  margin-bottom:0px;
}

p, blockquote, li {
  font-size: 16px;
  font-weight: 400;
  color: #666;
  line-height: 20px
}
p, blockquote{
  padding: 8px 0;
}

  p, blockquote a,
  p, blockquote a:hover {
    font-size: 16px;
    color: #666;
    font-weight: 400;
    text-decoration: none
  }

  p big a,
  p big a:hover{
    font-size: 22px;
  }

blockquote, blockquote a,
blockquote p, blockquote p a{
  font-size:14px;
}

a,
a:hover,
a .tile,
a .tile:hover,
a div{
  text-decoration: none !important;
}

.breadcrumb{
  display:none;
  visibility: hidden;
}

/* Bootstrap Override :start
---------------------------------------------------*/
.img-responsive,
.img-fluid{
  width:100%;
}

.r-container-75,
.r-container-75C{
  width:75%;
}
.r-container-75C{
  margin:auto;
}
.r-container-50,
.r-container-50C{
  width:50%;
}
.r-container-50C{
  margin:auto;
}

.embed-responsive {
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden;
}
.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
  .embed-responsive.w800 {
    max-width:800px;
    margin:auto;
    border:1px solid #ff0;
  }
.embed-responsive-16by9 {
  padding-bottom: 56.25%;
}
.embed-responsive-4by3 {
  padding-bottom: 75%;
}

/* Top menu-bar start */

.navbar-inverse .navbar-nav > li > a,
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
  font-size:16px;
  font-weight: 600;
  color:#66339c;
  text-transform: capitalize;
  padding-top:10px !important;
  margin-top:15px;
}
/* icons */
/* Book an advice call */
.navbar-inverse .navbar-nav > li:nth-child(3) > a {
  padding-right:45px;
  background-image: url("/icon-book-call.png");
  background-repeat: no-repeat;
  background-position: right center;
}
/* Sign in */
.navbar-inverse .navbar-nav > li:nth-child(9) > a {
  padding-right:45px;
  /*background-image: url("/icon-login.png");*/
  background-image:none;
  background-repeat: no-repeat;
  background-position: right center;
}

.navbar-static-top.navbar .menu-bar > .navbar-nav > .divider-vertical {
  height:40px;
  border-left: 1px solid #B1B1B1;
}


/* Top menu-bar end */

/* Main Menu start */
.header-navbar{
  background-color: #fff;
  border:none;
}


.navbar-nav,
.navbar-nav.weblinks{
  width:100%;
}

.affix .weblink.dropdown{
  width:28%;
}
.affix-top .weblink.dropdown{
  width:33.3333%;
  transition: width 1s;
}
.weblink .dropdown-menu{
  width:100%;
}

a.dropdown-toggle,
a.dropdown-toggle:hover{
  background-color:#1e74be;
  color:#fff;
  font-size:16px;
  font-weight: 600;
  text-align: left;
  text-transform: none;
}

a.dropdown-toggle span.caret{
  float:right;
  margin-top:10px;
}

.weblink.dropdown > a,
.weblink.dropdown > a:hover,
.weblink.dropdown > a:focus,
.navbar-default .navbar-nav > a, 
.navbar-default .navbar-nav > a:hover, 
.navbar-default .navbar-nav > a:focus,
.navbar-default .navbar-nav > .active > a, 
.navbar-default .navbar-nav > .active > a:hover, 
.navbar-default .navbar-nav > .active > a:focus {
  color: #fff !important;
  background-color:#1e74be !important;
}
.navbar-default .navbar-nav > li > a {
    color: #fff;
}

/*dropdown*/
.dropdown-menu{
  background-color:#003366;
  border-radius: 0;
}
.dropdown-menu li a,
.dropdown-menu li a:hover,
.dropdown-menu li a:focus,
.dropdown-menu li a:active{
  width:98%;
  color:#fff;
  display:block;
  word-wrap:break-word;
  white-space:normal;
  text-transform:none;
  padding-left:2%;
  padding-bottom:5px;
  margin-bottom:5px;
  background-color:none;
  border-bottom:1px solid #fff;
}
.dropdown-menu li a:hover{
  background-color:#003366 !important;
}
.dropdown-menu li:first-child a{
  border-bottom:none;
}
.dropdown-menu li:last-child a{
  border-bottom:none;
  margin-bottom:0;
}

/* Main Menu end */


/* Bootstrap Override :end
---------------------------------------------------*/


/* Layout start
--------------------------------------------------*/
.section-landing-heading{
  padding:0;
}

.xrm-editable-html,
.xrm-attribute,
.xrm-attribute-value{
  /*padding:0;*/
}

.table-info{
  border-color:#CCC;
}
.table-info tr td{
  font-size:16px;
  padding:10px;
  border-color:#CCC;
}

/* Header */
.header-image-tile-fixed{
  background-size: auto;
  background-repeat: no-repeat;
  height:auto !important;
}

/* Layout end
--------------------------------------------------*/
/* Generic items :start
--------------------------------------------------*/

.navbar-inverse .navbar-nav > li:nth-child(3) > a{
  background-image:none;
  padding-right:10px;
}
li.weblink h5{
  color:#000;
}

/* Generic items :end
--------------------------------------------------*/

/* Home page start
--------------------------------------------------*/
.item-tile{
  color:#FFF;
  font-size: 20px;
  font-weight: 300;
  line-height: 24px;
  /*padding: 5px 12% 30px*/
}
.item-tile .item-image-container{
  margin-top:10px;
}
.item-tile div div{
  padding-left:10%;
  padding-right:10%;
  padding-bottom:30px;
  /*padding: 5px 12% 30px*/
}
.item-tile h3{
  color: #FFF;
  font-size: 18px;
  font-weight: 600;
  margin: 0;
  padding-top: 20px;
  padding-bottom: 0px;
  text-transform: uppercase
}
.item-tile a{
    text-decoration: none
}


/* Home page end
--------------------------------------------------*/



/* Inner page start
--------------------------------------------------*/
/* colours start */
.container-info h1, .container-success h1, .container-danger h1, .container-primary h1{
  color:#000;
}
.container-info h2, .container-info h3, .container-info a{
  color:#66339c;
}
.container-success h2, .container-success h3, .container-success a{
  color:#45c859;
}
.container-danger h2, .container-danger h3, .container-danger a{
  color:#990000;
}
.container-primary h2, .container-primary h3, .container-primary a{
  color:#1e74be;
}
.container-apprenticeships h2, .container-apprenticeships h3, .container-apprenticeships a{
  color:#4F94CA;
}

.tile-apprenticeships  {
    background-color: #4F94CA;
}
/*
.text-apprenticeships .news-article-container,
.text-apprenticeships .ad-container {
    border-color: #4F94CA;
}*/
.ad-container {
    /*background-color:none;*/
}



.text-danger{
  color:#990000;
}
.text-success{
  color:#99cc33;
}
.text-apprenticeships  {
  color: #4F94CA;
}

.text-success .ad-container{
  border-top-color:#99cc33;
  border-bottom-color:#99cc33;
}
.header-tile h1,.header-tile h2,.header-tile h3{
  margin:0;
  padding:0;
}
.tile-success{
  background-color:#99cc33;
}
.tile-apprenticeships{
  background-color:#4F94CA;
}

.tile-apprenticeships h1,
.tile-success h1,
.tile-info h1,
.tile-danger h1,
.tile-warning h1{
  font-size:22px !important;
  text-align:left;
  color:#fff;
}
.tile-apprenticeships h2,
.tile-success h2,
.tile-info h2,
.tile-danger h2,
.tile-warning h2{
  text-align:left;
  font-size:22px !important;
  font-weight: 400 !important;
  color:#333333;
  text-transform:none;
}
.tile-info h2{
  color:#9b8fcc;
}
.tile-danger{
  background-color: #990000;
}
.tile-danger h2{
  color:#fff;
}
.text-danger .ad-container {
    border-color: #990000;
}



.panel-danger{
  border-color:#990000;
}
.panel-danger .panel-heading{
  background-color:#990000;
}
.panel-danger .panel-heading .panel-title{
  color:#fff;
}

.panel-success{
  border-color:#99cc33;
}
.panel-success .panel-heading{
  background-color:#99cc33;
}
.panel-success .panel-heading .panel-title{
  color:#333;
}

.panel-apprenticeships{
  border-color:#4F94CA;
}
.panel-apprenticeships .panel-heading{
  background-color:#4F94CA;
}
.panel-apprenticeships .panel-heading .panel-title{
  color:#333;
}
/* colours end */

/* Fix tile inconsistency start */
.tile{
  padding-right:30px;
}
.tile i{
  position:absolute;
  top:15px;
  right:30px;
}
/* Fix tile inconsistency end */

.tiles{
  display:block;
  margin-bottom: 10px;
  break-after: always;
}
.header-tile.tile-primary h1{
  text-align: left;
  color:#fff;
  text-transform:none;
}

.panel-group{
  max-width:1000px;
}

/* Inner page end
--------------------------------------------------*/


.form-container{
  width:100%;
  margin:auto;
}
/* Form Styles start
--------------------------------------------------
.form-container form div{
  margin-bottom:10px;
  display:inline-block;
  padding-right:10px;
  padding-left:10px;
}
/ *controls* /
.form-container form div input[type='text'],
.form-container form div select{
  border:1px solid #cccccc;
  background-color:#f2f2f2;
  padding-top:5px;
  padding-bottom:5px;
  border-radius: 4px;
}
.form-container form div input[type='text']{
  width:250px;
}
.form-container form div select{
  width:250px;
  padding-top:5px;
  padding-bottom:5px;
}
.form-container form div input[type='checkbox'] {
  border:1px solid #f00 !important;
  width:15px;
  float:left;
  margin-right:10px;
 }
.form-container form div input[type='submit']{
  width:100px;
  padding-top:5px;
  padding-bottom:5px;
  border-radius: 4px;
  border:none;
}

.form-info input[type='submit']{
  background-color:#66339c;
  color:#fff;
}
.form-success input[type='submit']{
  background-color:#99cc33;
  color:#000;
}
.form-danger input[type='submit']{
  background-color:#990000;
  color:#fff;
}
.form-primary input[type='submit']{
  background-color:#1e74be;
  color:#fff;
}
.form-apprenticeships input[type='submit']{
  background-color:#4F94CA;
  color:#fff;
}

/ *default field styles * /
.gf__control{
  display:table-cell;
  vertical-align: top;
}
.gf__control__failure-message{
  display:block !important;
}
.gf__control--hidden{
  display:none !important;
  visibility: hidden;
}
.gf__control--submit{
  display:block !important;
}
*/
/* Form Styles end
--------------------------------------------------*/






/* === New form widget styling :start
================================================ */

#clickdimensionsForm input[type="button"] {
    padding: 10px 25px;
    border-radius: 18px;
    margin-top: 10px;
}

#clickdimensionsForm select {
  padding: 10px!important;
  font-family: Arial, Helvetica, sans-serif;
  background: #F2F2F2;
  border: 1px solid #CCCCCC;
  border-radius: 1rem;
  outline: none;
  color: #737373;
  letter-spacing: 1px;
  text-indent: 1rem;
  box-sizing: border-box;
  width: 100%!important;
}

#clickdimensionsForm input[type="radio"] {
  margin-top: 10px;
  margin-right: 10px;
}

#clickdimensionsForm table {
    background: none;
}

table tr:nth-child(even) {
  background: #FFF;
}


  .gf__form {
    display: flex;
  flex-wrap: wrap;
      align-items: flex-end;
    margin: 30px -10px;
  }
  
  .gf__form:after {
    content: '';
    display: block;
    clear: both;
  }
  
  .gf__form input[type="text"], .gf__form input[type="email"], .gf__form input[type="number"], .gf__form input[type="date"], .gf__form input[type="password"], .gf__form input[type="tel"], .gf__form textarea {
    padding: 10px !important;
    font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
    background: #F2F2F2;
    border: 1px solid #CCCCCC;
    border-radius: 1rem;
    outline: none;
    color: #737373;
    letter-spacing: 1px;
    margin-bottom: 15px;
    text-indent: 0.5rem;
    transition: box-shadow 0.3s;
    box-sizing: border-box;
    width: 100% !important;
  }
  
  .gf__form input[type="checkbox"], .gf__form input[type="radio"] {
    margin-right: 10px;
  }
  
  .gf__form select {
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    padding: 10px !important;
    font-family: Arial, Helvetica, sans-serif;
    background: #F2F2F2;
    border: 1px solid #CCCCCC;
    border-radius: 1rem;
    outline: none;
    color: #737373;
    letter-spacing: 1px;
    margin-bottom: 15px;
    transition: box-shadow 0.3s;
    box-sizing: border-box;
    width: 100% !important;
  }
  
  /* Add arrows to select fields */
  
  .gf__control--ProspectusType--33:after,
  .gf__control--EnquiryCentre--33:after,
  .gf__control--Topic--33:after,
  .gf__control--QualificationLevel--33:after,
  .gf__control--Distributor_Name--33:after,
  .gf__control--CPALeadSource--33:after,
  .gf__control--StudyMode--33:after,
  .gf__control--SaleType--33:after {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 4.5px 4px 0 4.5px;
    border-color: #000 transparent transparent transparent;
    position: absolute;
    right: 21px;
    top: 50%;
  }
  
  .gf__form label {
    display: block;   
    font-family: Century Gothic;
    font-weight: bold;
    font-size: 14px;
    color: #6A94C8;
    margin-bottom: 5px;
  }
  
  .gf__form input[type="submit"] {
    font-family: Century Gothic;
    color: #FFFFFF;
    font-size: 12px;
    background-color: #0f75bd;
    padding: 10px 25px;
    border-radius: 18px;
    margin-top: 10px;
  }
  
  .gf__control {
    overflow: hidden;
    position: relative;
    float: left;
    padding: 0 10px;
    width: 50%;
  }
  
  .gf__control__input-container {
    position: relative;    
  }
  
  div[class^="gf__control gf__control--DoNotAllowBulkEmails"],
  div[class^="gf__control gf__control--EMailLogin"],
  div[class^="gf__control gf__control--submit"] {
    width: 100%;
  }

  /* make name and phone 3 col */
  div[class^="gf__control gf__control--FirstName"],
  div[class^="gf__control gf__control--LastName"],
  div[class^="gf__control gf__control--Phone"],
  div[class^="gf__control gf__control--CompanyName"] {
    width: 33.33%;
  }

  .gf__control.gf__control--FirstName--34,
  .gf__control.gf__control--LastName--34,
  .gf__control.gf__control--Phone--35,
  .gf__control.gf__control--FirstName--37,
  .gf__control.gf__control--LastName--37,
  .gf__control.gf__control--Phone--36,
  .gf__control.gf__control--ApprenticeshipLevel--36,
  .gf__control.gf__control--EMailLogin--36 {
     width: 50%; 
  }

  /* but not on the main prospectus */
  .gf__control.gf__control--FirstName--33,
  .gf__control.gf__control--LastName--33,
  .gf__control.gf__control--Phone--33,
  .gf__control--FundedAsLevyPayer--36,
  div[class^="gf__control gf__control--Additional_Information"] { 
    width: 100%; 
  }

  .gf__control--FundedAsLevyPayer--36 {
    margin-bottom: 20px;
  }

    /* Hide certain fields */
  .gf__hidden,
  div[class^="gf__control gf__control--ProspectusType"],
  div[class^="gf__control gf__control--Topic"],
  div[class^="gf__control gf__control--Distributor_Name"],
  div[class^="gf__control gf__control--CPALeadSource"],
  div[class^="gf__control gf__control--SaleType"],
  div[class^="gf__control gf__control--Form_Download_Complete"],
  div[class^="gf__control gf__control--EnquiryCentre"],
  div[class^="gf__control gf__control--ApprenticeshipProvision"] {
    display: none;
  }

/* but show this one */
  .gf__control.gf__control--ProspectusType--33,
  .gf__control.gf__control--EnquiryCentre--33 {
     display: inline-block;
  }



  
  body.purple .gf__form input[type="submit"] { background-color: #639; }
  body.purple .gf__form label { color: #639; }

  body.green .gf__form input[type="submit"] { background-color: #9c3; }
  body.green .gf__form label { color: #9c3; }

  body.orange .gf__form input[type="submit"] { background-color: #12aaeb; }
  body.orange .gf__form label { color: #12aaeb; }

  body.red .gf__form input[type="submit"] { background-color: #900; }
  body.red .gf__form label { color: #900; }



/* === New form widget styling :END
================================================ */







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

  .affix .weblink.dropdown{
  width:27%;
  }

}



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

  .affix .weblink.dropdown{
    width:26%;
  }
  a.dropdown-toggle,
  a.dropdown-toggle:hover{
    font-size:14px;
  }

.weblink.dropdown > a,
.weblink.dropdown > a:hover,
.weblink.dropdown > a:focus,
.navbar-default .navbar-nav > a, 
.navbar-default .navbar-nav > a:hover, 
.navbar-default .navbar-nav > a:focus,
.navbar-default .navbar-nav > .active > a, 
.navbar-default .navbar-nav > .active > a:hover, 
.navbar-default .navbar-nav > .active > a:focus {
    font-size:14px;
}

}




@media screen and (max-width: 992px) {
/* stretch header bar full width */
  .affix div div{
    width:100%;
  }

  .affix .weblink.dropdown{
    width:25%;
  }
  a.dropdown-toggle,
  a.dropdown-toggle:hover{
    font-size:14px;
  }

  /*embedded content*/
  .r-container-75,
  .r-container-75C,
  .r-container-50,
  .r-container-50C{
  width:100%;
}

}



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

  .affix .weblink.dropdown{
    width:24%;
  }

}




/* Hide/rearrange for smaller screens 
Menu mobile
*/
@media screen and (max-width: 767px) {
 .navbar-brand img{
   max-height:30px;
 }

 .navbar-toggle,
 .navbar-toggle:hover{
   background-color:#1e74be;
 }

 .navbar-nav.weblinks{
    margin:auto !important;
  }
  .navbar-nav.weblinks li a{
    margin-left:0;
  }

 .navbar-nav .dropdown,
  .weblink.dropdown,
  .affix-top .weblink.dropdown,
  .affix .weblink.dropdown{
    width:100%;
    border-bottom:2px solid #fff;
    padding:0;
  }

  .navbar-nav .open .dropdown-menu{
    background-color:#003366;
    border-radius: 0;
  }
  .dropdown-menu .text-xs-center{
    text-align: left !important;
  }
  .dropdown-menu li a,
  .dropdown-menu li a:hover,
  .dropdown-menu li a:focus,
  .dropdown-menu li a:active{
    width:98%;
    color:#fff;
    display:block;
    word-wrap:break-word;
    white-space:normal;
    text-align: left !important;
    text-transform:uppercase;
    padding-left:2%;
    padding-bottom:5px;
    margin-bottom:5px;
    background-color:none;
    border-bottom:1px solid #fff;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a,
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover{
    color: #FFF;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li.active > a,
  .navbar-default .navbar-nav .open .dropdown-menu > li.active > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > li > a[aria-selected="true"] {
    background-color:#003366 !important;
    color: #fff;
  }
  .dropdown-menu li a:hover{
    background-color:#003366 !important;
  }
  .dropdown-menu li:first-child a{
    border-bottom:none;
  }
  .dropdown-menu li:last-child a{
    border-bottom:none;
    margin-bottom:0;
  }

  .header-tile{
    padding:20px 20px;
  }
  .header-image-tile{
    height:200px;
  }

}