/*
 @font-face
*/

@font-face{
 font-family: 'Open Sans';
 src: local( 'OpenSans' ), local( 'OpenSans-Regular' ), url( '../fonts/OpenSans-Regular.woff2' ) format( 'woff2' );
 unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}
@font-face {
 font-family: 'Lato';
 src: local( 'Lato Regular' ), local( 'Lato-Regular' ), url( '../fonts/Lato-Regular-Extended.woff2' ) format( 'woff2' );
 unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
 font-family: 'Lato';
 src: local( 'Lato Regular' ), local( 'Lato-Regular' ), url( '../fonts/Lato-Regular.woff2' ) format( 'woff2' );
 unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
    font-family: 'Poppins Bold';
    src: local( 'Poppins Bold' ), local( 'Poppins-Bold' ), url( '../fonts/Poppins-Bold.ttf' ) format( 'truetype' );
}


@-ms-viewport{ width: device-width } body{-ms-overflow-style: scrollbar }
:root{ font-size: 16px }
@media ( max-width: 767px ){
 :root{ font-size: 18px }       
}

*,*:before,*:after{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
html,body{ font-size:10px }
html{ font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0) }
body{ margin: 0;font-family: Lato,'Open Sans',Helvetica,Arial,sans-serif;font-size:1rem;font-weight: 400;line-height:1.625em;background-color:#303641}
.bg{background: rgb(255,255,255);
    background: -moz-linear-gradient(180deg, rgba(255,255,255,1) 52%, rgba(81,184,255,1) 100%);
    background: -webkit-linear-gradient(180deg, rgba(255,255,255,1) 52%, rgba(81,184,255,1) 100%);
    background: linear-gradient(180deg, rgba(255,255,255,1) 52%, rgba(81,184,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#51b8ff",GradientType=1);}
.bg:after{ content: ""; display:block; height: 100px; width: 100%; background-color: transparent; background-image: url(../images/footer-wave.svg); background-size: cover; background-repeat: no-repeat;}
@media ( max-width: 767px ){ .bg:after{ background-position: center; } }
body, a{ color:#424B5A }
/*a{ -webkit-transition: ease color 300ms; transition: ease color 300ms }*/
a:hover{ color: #000 } a:focus, a:active{ color: #000 }
a, label{ text-decoration: none; outline: 0 }

ol,ul,menu,dir,figure{ margin: 0; padding: 0 }
ol,ul{ list-style-type: none }

/* 
 .habul and .wys ol,ul list
*/
ol.habul, ul.habul, .wys ol, .wys ul{ margin: 0 0 14px 14px; padding-left: 7px } ol.habul, .wys ol{ list-style-type: inital } ul.habul, .wys ul{ list-style-type: disc }

.bafta:before,.bafta:after{ display: table; content: '' } .bafta:after{ clear: both }

p, h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6{ margin: 0 }
h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6{ font-weight: 400; line-height: 1em; }
p{ margin-bottom: 0.875em }
h1,p.h1,h2,p.h2,h3,p.h3,h4,p.h4,h5,p.h5,h6,p.h6{ margin-bottom: 0.28em }/* only for h & p.h* tags */

h1,.h1,h2,.h2,h3,.h3, h4, .h4{ font-family: Poppins Bold,'Open Sans',Helvetica,Arial,sans-serif; font-weight: 400 }

.page-title h1{
 color: #424B5A; text-transform: uppercase;
}

.page-webform .page-title h1, .page-webform .page-title .wys{ text-align: center; }

h1, .h1{ font-size: 2.375rem; line-height: 1.3em; color: #424B5A } /* h1.page-title, .h1.page-title{ padding-bottom: 8px; } */
h2, .h2{ font-size: 1.625rem }
h3, .h3{ font-size: 1.25rem }
h4, .h4{ font-size: 1.25rem } 
h5, .h5{ font-size: 1.25rem }   
h6, .h6{ font-size: 1.25rem }  
p.intro{ font-size: 1.25rem }

p+h1, p+.h1{ padding-top: 20px }
p+h2, p+.h2{ padding-top: 16px }
p+h3, p+.h3,
p+h4, p+.h4,
p+h5, p+.h5,
p+h6, p+.h6{ padding-top: 10px }    
small,.small{ font-size: 0.875rem; line-height: 1.571em }

@media ( max-width: 360px ){
    h1, .h1{ font-size: 32px; line-height: 36px; color: #424B5A }
    h2, .h2{ font-size: 30px; }
}


.sidebar .sidebar-title{ font-size: 1.625rem }

.text-centre{ text-align: center }

/*
 Wys css to go after all font declaration
*/

.wys:before,.wys:after{ display: table; content: '' }.wys:after{ clear: both }
.wys>*:first-child{ margin-top: 0; }.wys>*:last-child{ margin-bottom: 0 }
.wys a, .wys a:focus, .wys a:active{ color: #444; text-decoration: underline } .wys a:hover{ color: #73B72B; text-decoration: underline } 
.wys a:focus, .wys a:active{ color: #73B72B }



/*
aspect ratio | padding-bottom value
-------------|---------------------
 16:9        |  56.25%
 4:3         |  75%
 3:2         |  66.66%
 8:5         |  62.5%
*/

.img-bg{ display: block; width: 100%; padding-bottom: 75%; background-color: transparent; background-position: center; background-repeat: no-repeat; background-size: cover }
.img-bg.img-type-svgs{ background-size: contain } 
.img-bg.img-ext{ background-size: auto 50%; background-color: #ebebeb }
.img-responsive, .img-fill{ display: block; max-width: 100%; height: auto }
.img-fill{ width: 100% }

html:not(.brw-ie) img.img-object-fit, html:not(.brw-ie) picture.img-object-fit img{ height: 100%; object-fit: cover }

/*
 Grid
*/

.jrespond{width:10px;height:0}
@media( pointer: coarse ){.jrespond{height:1px}}       
@media (min-width: 360px){.jrespond{width:20px}}
@media (min-width: 576px){.jrespond{width:30px}}
@media (min-width: 768px){.jrespond{width:40px}}
@media (min-width: 992px){.jrespond{width:50px}}
@media (min-width:1200px){.jrespond{width:60px}}
@media (min-width:1450px){.jrespond{width:70px}}


/*
min-width: 0px          max-width: 359px
min-width: 360px        max-width: 575px
min-width: 576px        max-width: 767px
min-width: 768px        max-width: 991px
min-width: 992px        max-width: 1199px 
min-width: 1200px       max-width: 1449px
min-width: 1450px       (max infinity)

*/


.container, .container-width{ min-width: 220px; margin-left: auto; margin-right: auto } .container{ padding-right: 40px; padding-left: 40px } .container.collapse{ padding-right: 0; padding-left: 0 }
@media ( min-width: 1200px ){
 .container, .container-width{ max-width: 1290px; padding-right: 20px; padding-left: 20px } .container.fit{ max-width: 100% }
}

/* page top spacing */
.paddtop-80, .pagelayout, .pagelayout-noflex, .page-contact .contacts--{ padding-top: 40px }  @media ( min-width: 992px ){ .paddtop-80, .pagelayout, .pagelayout-noflex, .page-contact .contacts--{ padding-top: 80px } }

.row{ margin-right: -20px; margin-left: -20px }
.row, .row-collapsed{ display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap }
.row .col, .row-collapsed .col{ -webkit-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100% }
.row .col-auto, .row-collapsed .col-auto{ -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto }
.row>div, .row-collapsed>div{ width: 100%; min-height: 1px }
.row>div{ padding-right: 20px; padding-left: 20px }

@media ( max-width: 991px ){
    .row>div img{ margin-top: 40px; }
}

.col-1{   -webkit-box-flex: 0; -webkit-flex: 0 0 8.333333%; -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333% }
.col-2{   -webkit-box-flex: 0; -webkit-flex: 0 0 16.666667%; -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667% }
.col-20p{ -webkit-box-flex: 0; -webkit-flex: 0 0 20%; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20% }
.col-3{   -webkit-box-flex: 0; -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25% }
.col-4{   -webkit-box-flex: 0; -webkit-flex: 0 0 33.333333%; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333% }
.col-5{   -webkit-box-flex: 0; -webkit-flex: 0 0 41.666667%; -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667% }
.col-6{   -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50% }
.col-7{   -webkit-box-flex: 0; -webkit-flex: 0 0 58.333333%; -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333% }
.col-8{   -webkit-box-flex: 0; -webkit-flex: 0 0 66.666667%; -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667% }
.col-9{   -webkit-box-flex: 0; -webkit-flex: 0 0 75%; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75% }
.col-10{  -webkit-box-flex: 0; -webkit-flex: 0 0 83.333333%; -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333% }
.col-11{  -webkit-box-flex: 0; -webkit-flex: 0 0 91.666667%; -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667% }
.col-12{  -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100% }




@media ( min-width: 360px ){  /* .col-mp- e.g Mobile portrait... Galaxy, Nexus, Pixel, iPhone 6+, Lumia */

 .col-mp-4{   -webkit-box-flex: 0; -webkit-flex: 0 0 33.333333%; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333% }
 .col-mp-6{   -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50% }
 .col-mp-8{   -webkit-box-flex: 0; -webkit-flex: 0 0 66.666667%; -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667% }
}
@media ( min-width: 576px ){  /* .col-ml- e.g Mobile landscape... Galaxy, Nexus, Pixel 2, iPhone 6+, Lumia */

 .col-ml-4{   -webkit-box-flex: 0; -webkit-flex: 0 0 33.333333%; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333% }
 .col-ml-6{   -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50% }
 .col-ml-8{   -webkit-box-flex: 0; -webkit-flex: 0 0 66.666667%; -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667% }
}
@media ( min-width: 768px ){  /* .col-tp- e.g Tablet portrait */

 .col-tp-4{   -webkit-box-flex: 0; -webkit-flex: 0 0 33.333333%; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333% }
 .col-tp-6{   -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50% }
 .col-tp-8{   -webkit-box-flex: 0; -webkit-flex: 0 0 66.666667%; -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667% }
}
@media ( min-width: 992px ){  /* .col-tl- e.g Tablet landscape */

 .col-tl-3{   -webkit-box-flex: 0; -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25% }
 .col-tl-4{   -webkit-box-flex: 0; -webkit-flex: 0 0 33.333333%; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333% }
 .col-tl-6{   -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50% }
 .col-tl-8{   -webkit-box-flex: 0; -webkit-flex: 0 0 66.666667%; -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667% }
}
@media ( min-width: 1200px ){ /* .col-lg- */

 .col-lg-4{   -webkit-box-flex: 0; -webkit-flex: 0 0 33.333333%; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333% }
 .col-lg-5{   -webkit-box-flex: 0; -webkit-flex: 0 0 41.666667%; -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667% }
 .col-lg-6{   -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50% }
 .col-lg-7{   -webkit-box-flex: 0; -webkit-flex: 0 0 58.333333%; -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333% }
 .col-lg-8{   -webkit-box-flex: 0; -webkit-flex: 0 0 66.666667%; -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667% }
}
@media ( min-width: 1450px ){ /* .col-xl- */

 .col-xl-4{   -webkit-box-flex: 0; -webkit-flex: 0 0 33.333333%; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333% }
 .col-xl-6{   -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50% }
 .col-xl-8{   -webkit-box-flex: 0; -webkit-flex: 0 0 66.666667%; -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667% }
}