@charset "UTF-8";

html {
    box-sizing: border-box
}
.LanguageContainer{
	display:none;
}
*,:after,:before {
    box-sizing: inherit
}

.header-image .header-image__image-holder  img {
    width:100%;
}


a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
    display: block
}

body {
    line-height: 1
}

ol,ul {
    list-style: none
}

blockquote,q {
    quotes: none
}

blockquote:after,blockquote:before,q:after,q:before {
    content: "";
    content: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

@font-face {
    font-family: HelveticaNeue-Light;
    src: url(../fonts/helvetica/HelveNeuLig.eot?#iefix);
    src: url(../fonts/helvetica/HelveNeuLig.eot?#iefix) format("eot"),url(../fonts/helvetica/HelveNeuLig.woff) format("woff"),url(../fonts/helvetica/HelveNeuLig.svg#HelveticaNeue-Light) format("svg")
}

@font-face {
    font-family: HelveticaNeue-Roman;
    src: url(../fonts/helvetica/HelveNeuRom.eot?#iefix);
    src: url(../fonts/helvetica/HelveNeuRom.eot?#iefix) format("eot"),url(../fonts/helvetica/HelveNeuRom.woff) format("woff"),url(../fonts/helvetica/HelveNeuRom.svg#HelveticaNeue-Roman) format("svg")
}

@font-face {
    font-family: HelveticaNeue-Bold;
    src: url(../fonts/helvetica/HelveNeuBol.eot?#iefix);
    src: url(../fonts/helvetica/HelveNeuBol.eot?#iefix) format("eot"),url(../fonts/helvetica/HelveNeuBol.woff) format("woff"),url(../fonts/helvetica/HelveNeuBol.svg#HelveticaNeue-Bold) format("svg")
}
@font-face {
  font-family: 'Lateef';
  font-style: normal;
  font-weight: 400;
  src: local('Lateef'), url(https://fonts.gstatic.com/s/lateef/v10/_hjeHDsHwaiVMYwxvpdBwvesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
  unicode-range: U+0600-06FF, U+200C-200E, U+2010-2011, U+FB50-FDFF, U+FE80-FEFC;
}
@font-face {
    font-family: MunaFont;
    src: url("/Style Library/Effat/fonts/munafont/MUNA.TTF") format("truetype");
    src: url("/Style Library/Effat/fonts/munafont/MUNA.eot?#iefix");
    src: url("/Style Library/Effat/fonts/munafont/MUNA.eot?#iefix") format("eot"),url("/Style Library/Effat/fonts/munafont/MUNA.woff") format("woff"), url("/Style Library/Effat/fonts/munafont/MUNA.svg") format("svg"), url("/Style Library/Effat/fonts/munafont/MUNA.TTF") format("truetype"), url("/Style Library/Effat/fonts/munafont/MUNA.woff2") format("woff2");
 	unicode-range: U+0600-06FF, U+200C-200E, U+2010-2011, U+FB50-FDFF, U+FE80-FEFC;
}


 @font-face  {
 font-family:"Bahij Muna";
 src:url("/Style Library/Effat/fonts/BahijMunaFont/Bahij_Muna-Regular.eot?") format("eot"),url("/Style Library/Effat/fonts/BahijMunaFont/Bahij_Muna-Regular.woff") format("woff"),url("/Style Library/Effat/fonts/BahijMunaFont/Bahij_Muna-Regular.ttf") format("truetype"),url("/Style Library/Effat/fonts/BahijMunaFont/Bahij_Muna-Regular.svg#BahijMuna") format("svg");
 font-weight:normal;
 font-style:normal;
 unicode-range: U+0600-06FF, U+200C-200E, U+2010-2011, U+FB50-FDFF, U+FE80-FEFC;
 unicode-bidi : bidi-override !important;
}


.bold {
    font-family: HelveticaNeue-Bold
}

html[dir=rtl] .bold {
    font-family: MunaFont
}

.roman {
    font-family: HelveticaNeue-Roman,Helvetica,arial
}

/*html[dir=rtl] .roman {
    font-family: MunaFont
}
*/

html[dir=rtl] .roman {
    font-family: "Bahij Muna";
}


.light {
    font-family: HelveticaNeue-Light;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}
/*
html[dir=rtl] .light {
    font-family: MunaFont
}
*/

html[dir=rtl] .light {
    font-family: "Bahij Muna";
}


.uppercase {
    text-transform: uppercase
}

.nb,.subscript {
    font-size: .8em
}

.nowrap {
    white-space: nowrap
}

.italic,i {
    font-style: italic
}

.fs-0-0 {
    font-size: 0
}

.fs-0-1 {
    font-size: .1em
}

.fs-0-2 {
    font-size: .2em
}

.fs-0-3 {
    font-size: .3em
}

.fs-0-4 {
    font-size: .4em
}

.fs-0-5 {
    font-size: .5em
}

.fs-0-6 {
    font-size: .6em
}

.fs-0-7 {
    font-size: .7em
}

.fs-0-8 {
    font-size: .8em
}

.fs-0-9 {
    font-size: .9em
}

.fs-1-0 {
    font-size: 1em
}

.fs-1-1 {
    font-size: 1.1em
}

.fs-1-2 {
    font-size: 1.2em
}

.fs-1-3 {
    font-size: 1.3em
}

.fs-1-4 {
    font-size: 1.4em
}

.fs-1-5 {
    font-size: 1.5em
}

.fs-1-6 {
    font-size: 1.6em
}

.fs-1-7 {
    font-size: 1.7em
}

.fs-1-8 {
    font-size: 1.8em
}

.fs-1-9 {
    font-size: 1.9em
}

.fs-2-0 {
    font-size: 2em
}

.fs-2-1 {
    font-size: 2.1em
}

.fs-2-2 {
    font-size: 2.2em
}

.fs-2-3 {
    font-size: 2.3em
}

.fs-2-4 {
    font-size: 2.4em
}

.fs-2-5 {
    font-size: 2.5em
}

.fs-2-6 {
    font-size: 2.6em
}

.fs-2-7 {
    /*font-size: 2.7em Original */
    font-size: 2.0em /* Modified Jan 2019 */
}

    font-size: 2.0em /* Modified Jan 2019 */
}

.fs-2-8 {
    font-size: 2.8em
}

.fs-2-9 {
    font-size: 2.9em
}

.fs-3-0 {
    font-size: 3em
}

.fs-3-1 {
    font-size: 3.1em
}

.fs-3-2 {
    font-size: 3.2em
}

.fs-3-3 {
    font-size: 3.3em
}

.fs-3-4 {
    font-size: 3.4em
}

.fs-3-5 {
    font-size: 3.5em
}

.fs-3-6 {
    font-size: 3.6em
}

.fs-3-7 {
    font-size: 3.7em
}

.fs-3-8 {
    font-size: 3.8em
}

.fs-3-9 {
    font-size: 3.9em
}

.fs-4-0 {
    font-size: 4em
}

.lh-0-0 {
    line-height: 0
}

.lh-0-1 {
    line-height: .1
}

.lh-0-2 {
    line-height: .2
}

.lh-0-3 {
    line-height: .3
}

.lh-0-4 {
    line-height: .4
}

.lh-0-5 {
    line-height: .5
}

.lh-0-6 {
    line-height: .6
}

.lh-0-7 {
    line-height: .7
}

.lh-0-8 {
    line-height: .8
}

.lh-0-9 {
    line-height: .9
}

.lh-1-0 {
    line-height: 1
}

.lh-1-1 {
    line-height: 1.1
}

.lh-1-2 {
    line-height: 1.2
}

.lh-1-3 {
    line-height: 1.3
}

.lh-1-4 {
    line-height: 1.4
}

.lh-1-5 {
    line-height: 1.5
}

.lh-1-6 {
    line-height: 1.6
}

.lh-1-7 {
    line-height: 1.7
}

.lh-1-8 {
    line-height: 1.8
}

.lh-1-9 {
    line-height: 1.9
}

.lh-2-0 {
    line-height: 2
}

.lh-2-1 {
    line-height: 2.1
}

.lh-2-2 {
    line-height: 2.2
}

.lh-2-3 {
    line-height: 2.3
}

.lh-2-4 {
    line-height: 2.4
}

.lh-2-5 {
    line-height: 2.5
}

.lh-2-6 {
    line-height: 2.6
}

.lh-2-7 {
    line-height: 2.7
}

.lh-2-8 {
    line-height: 2.8
}

.lh-2-9 {
    line-height: 2.9
}

.lh-3-0 {
    line-height: 3
}

.lh-3-1 {
    line-height: 3.1
}

.lh-3-2 {
    line-height: 3.2
}

.lh-3-3 {
    line-height: 3.3
}

.lh-3-4 {
    line-height: 3.4
}

.lh-3-5 {
    line-height: 3.5
}

.lh-3-6 {
    line-height: 3.6
}

.lh-3-7 {
    line-height: 3.7
}

.lh-3-8 {
    line-height: 3.8
}

.lh-3-9 {
    line-height: 3.9
}

.lh-4-0 {
    line-height: 4
}

.ui--carousel [data-slides-container]:after,.ui--carousel [data-slides-container]:before {
    content: " ";
    display: table
}

.ui--carousel [data-slides-container]:after {
    clear: both
}

.ui--carousel [data-slides-container] {
    *zoom:1}

.header-image__student-profile .bottom:after {
    background: inherit;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    content: '';
    display: block;
    height: 50%;
    z-index: -1
}

.header-image__student-profile html[dir=ltr] .bottom:after,html[dir=ltr] .header-image__student-profile .bottom:after {
    transform-origin: 104%;
    transform: skewY(-2.5deg)
}

.header-image__student-profile html[dir=rtl] .bottom:after,html[dir=rtl] .header-image__student-profile .bottom:after {
    transform-origin: -6%;
    transform: skewY(2.5deg)
}

.event-list,.faculty-carousel,.faculty-list,.line {
    overflow: hidden;
    _overflow: visible;
    _zoom: 1
}

.line--cf {
    overflow: visible
}

.line--cf:after,.line--cf:before {
    content: " ";
    display: table
}

.line--cf:after {
    clear: both
}

.line--cf {
    *zoom:1}

.unit,[class*=unit--] {
    _zoom: 1;
    box-sizing: border-box
}

html[dir=ltr] .unit,html[dir=ltr] [class*=unit--] {
    float: left
}

html[dir=rtl] .unit,html[dir=rtl] [class*=unit--] {
    float: right
}

html[dir=ltr] body .invert {
    text-align: right
}

html[dir=ltr] body .revert {
    text-align: left
}

html[dir=ltr] body .center {
    text-align: center
}

html[dir=rtl] body .invert {
    text-align: left
}

html[dir=rtl] body .revert {
    text-align: right
}

html[dir=rtl] body .center {
    text-align: center
}

.hide {
    display: none
}

.unit--1-1 {
    width: 100%;
    float: none
}

.unit--1-2 {
    width: 50%
}

.unit--1-3 {
    width: 33.33333333%
}

.unit--2-3 {
    width: 66.66666667%
}

.unit--1-4 {
    width: 25%
}

.unit--3-4 {
    width: 75%
}

.unit--1-5 {
    width: 20%
}

.unit--2-5 {
    width: 40%
}

.unit--3-5 {
    width: 60%
}

.unit--4-5 {
    width: 80%
}

.unit--1-6 {
    width: 16.66666667%
}

.unit--5-6 {
    width: 83.33333333%
}

.unit--1-7 {
    width: 14.28571429%
}

.unit--2-7 {
    width: 28.57142857%
}

.unit--3-7 {
    width: 42.85714286%
}

.unit--4-7 {
    width: 57.14285714%
}

.unit--5-7 {
    width: 71.42857143%
}

.unit--6-7 {
    width: 85.71428571%
}

.unit--1-8 {
    width: 12.5%
}

.unit--3-8 {
    width: 37.5%
}

.unit--5-8 {
    width: 62.5%
}

.unit--7-8 {
    width: 87.5%
}

.unit--1-9 {
    width: 11.11111111%
}

.unit--2-9 {
    width: 22.22222222%
}

.unit--4-9 {
    width: 44.44444444%
}

.unit--5-9 {
    width: 55.55555556%
}

.unit--7-9 {
    width: 77.77777778%
}

.unit--8-9 {
    width: 88.88888889%
}

.unit--1-10 {
    width: 10%
}

.unit--3-10 {
    width: 30%
}

.unit--7-10 {
    width: 70%
}

.unit--9-10 {
    width: 90%
}

.unit--1-20 {
    width: 5%
}

.unit--3-20 {
    width: 15%
}

.unit--7-20 {
    width: 35%
}

.unit--9-20 {
    width: 45%
}

.unit--11-20 {
    width: 55%
}

.unit--13-20 {
    width: 65%
}

.unit--17-20 {
    width: 85%
}

.unit--19-20 {
    width: 95%
}

body .fg-0 {
    margin: 0
}

body .fp-0 {
    padding: 0
}

body .hg-0 {
    margin-left: 0;
    margin-right: 0
}

body .hp-0 {
    padding-left: 0;
    padding-right: 0
}

body .vg-0 {
    margin-top: 0;
    margin-bottom: 0
}

body .vp-0 {
    padding-top: 0;
    padding-bottom: 0
}

body .vg-0--top {
    margin-top: 0
}

body .vg-0--bottom {
    margin-bottom: 0
}

body .vp-0--top {
    padding-top: 0
}

body .vp-0--bottom {
    padding-bottom: 0
}

html[dir=ltr] body .hg-0--left {
    margin-left: 0
}

html[dir=ltr] body .hg-0--right {
    margin-right: 0
}

html[dir=ltr] body .hp-0--left {
    padding-left: 0
}

html[dir=ltr] body .hp-0--right {
    padding-right: 0
}

html[dir=ltr] body .ho-0--left {
    margin-left: 0
}

html[dir=ltr] body .ho-0--right,html[dir=rtl] body .hg-0--left {
    margin-right: 0
}

html[dir=rtl] body .hg-0--right {
    margin-left: 0
}

html[dir=rtl] body .hp-0--left {
    padding-right: 0
}

html[dir=rtl] body .hp-0--right {
    padding-left: 0
}

html[dir=rtl] body .ho-0--right {
    margin-left: 0
}

html[dir=rtl] body .ho-0--left {
    margin-right: 0
}

body .fg-5 {
    margin: 5px
}

body .fp-5 {
    padding: 5px
}

body .hg-5 {
    margin-left: 5px;
    margin-right: 5px
}

body .hp-5 {
    padding-left: 5px;
    padding-right: 5px
}

body .vg-5 {
    margin-top: 5px;
    margin-bottom: 5px
}

body .vp-5 {
    padding-top: 5px;
    padding-bottom: 5px
}

body .vg-5--top {
    margin-top: 5px
}

body .vg-5--bottom {
    margin-bottom: 5px
}

body .vp-5--top {
    padding-top: 5px
}

body .vp-5--bottom {
    padding-bottom: 5px
}

html[dir=ltr] body .hg-5--left {
    margin-left: 5px
}

html[dir=ltr] body .hg-5--right {
    margin-right: 5px
}

html[dir=ltr] body .hp-5--left {
    padding-left: 5px
}

html[dir=ltr] body .hp-5--right {
    padding-right: 5px
}

html[dir=ltr] body .ho-5--left {
    margin-left: -5px
}

html[dir=ltr] body .ho-5--right {
    margin-right: -5px
}

html[dir=rtl] body .hg-5--left {
    margin-right: 5px
}

html[dir=rtl] body .hg-5--right {
    margin-left: 5px
}

html[dir=rtl] body .hp-5--left {
    padding-right: 5px
}

html[dir=rtl] body .hp-5--right {
    padding-left: 5px
}

html[dir=rtl] body .ho-5--right {
    margin-left: -5px
}

html[dir=rtl] body .ho-5--left {
    margin-right: -5px
}

body .fg-10 {
    margin: 10px
}

body .fp-10 {
    padding: 10px
}

body .hg-10 {
    margin-left: 10px;
    margin-right: 10px
}

body .hp-10 {
    padding-left: 10px;
    padding-right: 10px
}

body .vg-10 {
    margin-top: 10px;
    margin-bottom: 10px
}

body .vp-10 {
    padding-top: 10px;
    padding-bottom: 10px
}

body .vg-10--top {
    margin-top: 10px
}

body .vg-10--bottom {
    margin-bottom: 10px
}

body .vp-10--top {
    padding-top: 10px
}

body .vp-10--bottom {
    padding-bottom: 10px
}

html[dir=ltr] body .hg-10--left {
    margin-left: 10px
}

html[dir=ltr] body .hg-10--right {
    margin-right: 10px
}

html[dir=ltr] body .hp-10--left {
    padding-left: 10px
}

html[dir=ltr] body .hp-10--right {
    padding-right: 10px
}

html[dir=ltr] body .ho-10--left {
    margin-left: -10px
}

html[dir=ltr] body .ho-10--right {
    margin-right: -10px
}

html[dir=rtl] body .hg-10--left {
    margin-right: 10px
}

html[dir=rtl] body .hg-10--right {
    margin-left: 10px
}

html[dir=rtl] body .hp-10--left {
    padding-right: 10px
}

html[dir=rtl] body .hp-10--right {
    padding-left: 10px
}

html[dir=rtl] body .ho-10--right {
    margin-left: -10px
}

html[dir=rtl] body .ho-10--left {
    margin-right: -10px
}

body .fg-15 {
    margin: 15px
}

body .fp-15 {
    padding: 15px
}

body .hg-15 {
    margin-left: 15px;
    margin-right: 15px
}

body .hp-15 {
    padding-left: 15px;
    padding-right: 15px
}

body .vg-15 {
    margin-top: 15px;
    margin-bottom: 15px
}

body .vp-15 {
    padding-top: 15px;
    padding-bottom: 15px
}

body .vg-15--top {
    margin-top: 15px
}

body .vg-15--bottom {
    margin-bottom: 15px
}

body .vp-15--top {
    padding-top: 15px
}

body .vp-15--bottom {
    padding-bottom: 15px
}

html[dir=ltr] body .hg-15--left {
    margin-left: 15px
}

html[dir=ltr] body .hg-15--right {
    margin-right: 15px
}

html[dir=ltr] body .hp-15--left {
    padding-left: 15px
}

html[dir=ltr] body .hp-15--right {
    padding-right: 15px
}

html[dir=ltr] body .ho-15--left {
    margin-left: -15px
}

html[dir=ltr] body .ho-15--right {
    margin-right: -15px
}

html[dir=rtl] body .hg-15--left {
    margin-right: 15px
}

html[dir=rtl] body .hg-15--right {
    margin-left: 15px
}

html[dir=rtl] body .hp-15--left {
    padding-right: 15px
}

html[dir=rtl] body .hp-15--right {
    padding-left: 15px
}

html[dir=rtl] body .ho-15--right {
    margin-left: -15px
}

html[dir=rtl] body .ho-15--left {
    margin-right: -15px
}

body .fg-20 {
    margin: 20px
}

body .fp-20 {
    padding: 20px
}

body .hg-20 {
    margin-left: 20px;
    margin-right: 20px
}

body .hp-20 {
    padding-left: 20px;
    padding-right: 20px
}

body .vg-20 {
    margin-top: 20px;
    margin-bottom: 20px
}

body .vp-20 {
    padding-top: 20px;
    padding-bottom: 20px
}

body .vg-20--top {
    margin-top: 20px
}

body .vg-20--bottom {
    margin-bottom: 20px
}

body .vp-20--top {
    padding-top: 20px
}

body .vp-20--bottom {
    padding-bottom: 20px
}

html[dir=ltr] body .hg-20--left {
    margin-left: 20px
}

html[dir=ltr] body .hg-20--right {
    margin-right: 20px
}

html[dir=ltr] body .hp-20--left {
    padding-left: 20px
}

html[dir=ltr] body .hp-20--right {
    padding-right: 20px
}

html[dir=ltr] body .ho-20--left {
    margin-left: -20px
}

html[dir=ltr] body .ho-20--right {
    margin-right: -20px
}

html[dir=rtl] body .hg-20--left {
    margin-right: 20px
}

html[dir=rtl] body .hg-20--right {
    margin-left: 20px
}

html[dir=rtl] body .hp-20--left {
    padding-right: 20px
}

html[dir=rtl] body .hp-20--right {
    padding-left: 20px
}

html[dir=rtl] body .ho-20--right {
    margin-left: -20px
}

html[dir=rtl] body .ho-20--left {
    margin-right: -20px
}

body .fg-25 {
    margin: 25px
}

body .fp-25 {
    padding: 25px
}

body .hg-25 {
    margin-left: 25px;
    margin-right: 25px
}

body .hp-25 {
    padding-left: 25px;
    padding-right: 25px
}

body .vg-25 {
    margin-top: 25px;
    margin-bottom: 25px
}

body .vp-25 {
    padding-top: 25px;
    padding-bottom: 25px
}

body .vg-25--top {
    margin-top: 25px
}

body .vg-25--bottom {
    margin-bottom: 25px
}

body .vp-25--top {
    padding-top: 25px
}

body .vp-25--bottom {
    padding-bottom: 25px
}

html[dir=ltr] body .hg-25--left {
    margin-left: 25px
}

html[dir=ltr] body .hg-25--right {
    margin-right: 25px
}

html[dir=ltr] body .hp-25--left {
    padding-left: 25px
}

html[dir=ltr] body .hp-25--right {
    padding-right: 25px
}

html[dir=ltr] body .ho-25--left {
    margin-left: -25px
}

html[dir=ltr] body .ho-25--right {
    margin-right: -25px
}

html[dir=rtl] body .hg-25--left {
    margin-right: 25px
}

html[dir=rtl] body .hg-25--right {
    margin-left: 25px
}

html[dir=rtl] body .hp-25--left {
    padding-right: 25px
}

html[dir=rtl] body .hp-25--right {
    padding-left: 25px
}

html[dir=rtl] body .ho-25--right {
    margin-left: -25px
}

html[dir=rtl] body .ho-25--left {
    margin-right: -25px
}

body .fg-30 {
    margin: 30px
}

body .fp-30 {
    padding: 30px
}

body .hg-30 {
    margin-left: 30px;
    margin-right: 30px
}

body .hp-30 {
    padding-left: 30px;
    padding-right: 30px
}

body .vg-30 {
    margin-top: 30px;
    margin-bottom: 30px
}

body .vp-30 {
    padding-top: 30px;
    padding-bottom: 30px
}

body .vg-30--top {
    margin-top: 30px
}

body .vg-30--bottom {
    margin-bottom: 30px
}

body .vp-30--top {
    padding-top: 30px
}

body .vp-30--bottom {
    padding-bottom: 30px
}

html[dir=ltr] body .hg-30--left {
    margin-left: 30px
}

html[dir=ltr] body .hg-30--right {
    margin-right: 30px
}

html[dir=ltr] body .hp-30--left {
    padding-left: 30px
}

html[dir=ltr] body .hp-30--right {
    padding-right: 30px
}

html[dir=ltr] body .ho-30--left {
    margin-left: -30px
}

html[dir=ltr] body .ho-30--right {
    margin-right: -30px
}

html[dir=rtl] body .hg-30--left {
    margin-right: 30px
}

html[dir=rtl] body .hg-30--right {
    margin-left: 30px
}

html[dir=rtl] body .hp-30--left {
    padding-right: 30px
}

html[dir=rtl] body .hp-30--right {
    padding-left: 30px
}

html[dir=rtl] body .ho-30--right {
    margin-left: -30px
}

html[dir=rtl] body .ho-30--left {
    margin-right: -30px
}

body .fg-35 {
    margin: 35px
}

body .fp-35 {
    padding: 35px
}

body .hg-35 {
    margin-left: 35px;
    margin-right: 35px
}

body .hp-35 {
    padding-left: 35px;
    padding-right: 35px
}

body .vg-35 {
    margin-top: 35px;
    margin-bottom: 35px
}

body .vp-35 {
    padding-top: 35px;
    padding-bottom: 35px
}

body .vg-35--top {
    margin-top: 35px
}

body .vg-35--bottom {
    margin-bottom: 35px
}

body .vp-35--top {
    padding-top: 35px
}

body .vp-35--bottom {
    padding-bottom: 35px
}

html[dir=ltr] body .hg-35--left {
    margin-left: 35px
}

html[dir=ltr] body .hg-35--right {
    margin-right: 35px
}

html[dir=ltr] body .hp-35--left {
    padding-left: 35px
}

html[dir=ltr] body .hp-35--right {
    padding-right: 35px
}

html[dir=ltr] body .ho-35--left {
    margin-left: -35px
}

html[dir=ltr] body .ho-35--right {
    margin-right: -35px
}

html[dir=rtl] body .hg-35--left {
    margin-right: 35px
}

html[dir=rtl] body .hg-35--right {
    margin-left: 35px
}

html[dir=rtl] body .hp-35--left {
    padding-right: 35px
}

html[dir=rtl] body .hp-35--right {
    padding-left: 35px
}

html[dir=rtl] body .ho-35--right {
    margin-left: -35px
}

html[dir=rtl] body .ho-35--left {
    margin-right: -35px
}

body .fg-40 {
    margin: 40px
}

body .fp-40 {
    padding: 40px
}

body .hg-40 {
    margin-left: 40px;
    margin-right: 40px
}

body .hp-40 {
    padding-left: 40px;
    padding-right: 40px
}

body .vg-40 {
    margin-top: 40px;
    margin-bottom: 40px
}

body .vp-40 {
    padding-top: 40px;
    padding-bottom: 40px
}

body .vg-40--top {
    margin-top: 40px
}

body .vg-40--bottom {
    margin-bottom: 40px
}

body .vp-40--top {
    padding-top: 40px
}

body .vp-40--bottom {
    padding-bottom: 40px
}

html[dir=ltr] body .hg-40--left {
    margin-left: 40px
}

html[dir=ltr] body .hg-40--right {
    margin-right: 40px
}

html[dir=ltr] body .hp-40--left {
    padding-left: 40px
}

html[dir=ltr] body .hp-40--right {
    padding-right: 40px
}

html[dir=ltr] body .ho-40--left {
    margin-left: -40px
}

html[dir=ltr] body .ho-40--right {
    margin-right: -40px
}

html[dir=rtl] body .hg-40--left {
    margin-right: 40px
}

html[dir=rtl] body .hg-40--right {
    margin-left: 40px
}

html[dir=rtl] body .hp-40--left {
    padding-right: 40px
}

html[dir=rtl] body .hp-40--right {
    padding-left: 40px
}

html[dir=rtl] body .ho-40--right {
    margin-left: -40px
}

html[dir=rtl] body .ho-40--left {
    margin-right: -40px
}

body .fg-45 {
    margin: 45px
}

body .fp-45 {
    padding: 45px
}

body .hg-45 {
    margin-left: 45px;
    margin-right: 45px
}

body .hp-45 {
    padding-left: 45px;
    padding-right: 45px
}

body .vg-45 {
    margin-top: 45px;
    margin-bottom: 45px
}

body .vp-45 {
    padding-top: 45px;
    padding-bottom: 45px
}

body .vg-45--top {
    margin-top: 45px
}

body .vg-45--bottom {
    margin-bottom: 45px
}

body .vp-45--top {
    padding-top: 45px
}

body .vp-45--bottom {
    padding-bottom: 45px
}

html[dir=ltr] body .hg-45--left {
    margin-left: 45px
}

html[dir=ltr] body .hg-45--right {
    margin-right: 45px
}

html[dir=ltr] body .hp-45--left {
    padding-left: 45px
}

html[dir=ltr] body .hp-45--right {
    padding-right: 45px
}

html[dir=ltr] body .ho-45--left {
    margin-left: -45px
}

html[dir=ltr] body .ho-45--right {
    margin-right: -45px
}

html[dir=rtl] body .hg-45--left {
    margin-right: 45px
}

html[dir=rtl] body .hg-45--right {
    margin-left: 45px
}

html[dir=rtl] body .hp-45--left {
    padding-right: 45px
}

html[dir=rtl] body .hp-45--right {
    padding-left: 45px
}

html[dir=rtl] body .ho-45--right {
    margin-left: -45px
}

html[dir=rtl] body .ho-45--left {
    margin-right: -45px
}

body .fg-50 {
    margin: 50px
}

body .fp-50 {
    padding: 50px
}

body .hg-50 {
    margin-left: 50px;
    margin-right: 50px
}

body .hp-50 {
    padding-left: 50px;
    padding-right: 50px
}

body .vg-50 {
    margin-top: 50px;
    margin-bottom: 50px
}

body .vp-50 {
    padding-top: 50px;
    padding-bottom: 50px
}

body .vg-50--top {
    margin-top: 50px
}

body .vg-50--bottom {
    margin-bottom: 50px
}

body .vp-50--top {
    padding-top: 50px
}

body .vp-50--bottom {
    padding-bottom: 50px
}

html[dir=ltr] body .hg-50--left {
    margin-left: 50px
}

html[dir=ltr] body .hg-50--right {
    margin-right: 50px
}

html[dir=ltr] body .hp-50--left {
    padding-left: 50px
}

html[dir=ltr] body .hp-50--right {
    padding-right: 50px
}

html[dir=ltr] body .ho-50--left {
    margin-left: -50px
}

html[dir=ltr] body .ho-50--right {
    margin-right: -50px
}

html[dir=rtl] body .hg-50--left {
    margin-right: 50px
}

html[dir=rtl] body .hg-50--right {
    margin-left: 50px
}

html[dir=rtl] body .hp-50--left {
    padding-right: 50px
}

html[dir=rtl] body .hp-50--right {
    padding-left: 50px
}

html[dir=rtl] body .ho-50--right {
    margin-left: -50px
}

html[dir=rtl] body .ho-50--left {
    margin-right: -50px
}

body .fg-55 {
    margin: 55px
}

body .fp-55 {
    padding: 55px
}

body .hg-55 {
    margin-left: 55px;
    margin-right: 55px
}

body .hp-55 {
    padding-left: 55px;
    padding-right: 55px
}

body .vg-55 {
    margin-top: 55px;
    margin-bottom: 55px
}

body .vp-55 {
    padding-top: 55px;
    padding-bottom: 55px
}

body .vg-55--top {
    margin-top: 55px
}

body .vg-55--bottom {
    margin-bottom: 55px
}

body .vp-55--top {
    padding-top: 55px
}

body .vp-55--bottom {
    padding-bottom: 55px
}

html[dir=ltr] body .hg-55--left {
    margin-left: 55px
}

html[dir=ltr] body .hg-55--right {
    margin-right: 55px
}

html[dir=ltr] body .hp-55--left {
    padding-left: 55px
}

html[dir=ltr] body .hp-55--right {
    padding-right: 55px
}

html[dir=ltr] body .ho-55--left {
    margin-left: -55px
}

html[dir=ltr] body .ho-55--right {
    margin-right: -55px
}

html[dir=rtl] body .hg-55--left {
    margin-right: 55px
}

html[dir=rtl] body .hg-55--right {
    margin-left: 55px
}

html[dir=rtl] body .hp-55--left {
    padding-right: 55px
}

html[dir=rtl] body .hp-55--right {
    padding-left: 55px
}

html[dir=rtl] body .ho-55--right {
    margin-left: -55px
}

html[dir=rtl] body .ho-55--left {
    margin-right: -55px
}

body .fg-60 {
    margin: 60px
}

body .fp-60 {
    padding: 60px
}

body .hg-60 {
    margin-left: 60px;
    margin-right: 60px
}

body .hp-60 {
    padding-left: 60px;
    padding-right: 60px
}

body .vg-60 {
    margin-top: 60px;
    margin-bottom: 60px
}

body .vp-60 {
    padding-top: 60px;
    padding-bottom: 60px
}

body .vg-60--top {
    margin-top: 60px
}

body .vg-60--bottom {
    margin-bottom: 60px
}

body .vp-60--top {
    padding-top: 60px
}

body .vp-60--bottom {
    padding-bottom: 60px
}

html[dir=ltr] body .hg-60--left {
    margin-left: 60px
}

html[dir=ltr] body .hg-60--right {
    margin-right: 60px
}

html[dir=ltr] body .hp-60--left {
    padding-left: 60px
}

html[dir=ltr] body .hp-60--right {
    padding-right: 60px
}

html[dir=ltr] body .ho-60--left {
    margin-left: -60px
}

html[dir=ltr] body .ho-60--right {
    margin-right: -60px
}

html[dir=rtl] body .hg-60--left {
    margin-right: 60px
}

html[dir=rtl] body .hg-60--right {
    margin-left: 60px
}

html[dir=rtl] body .hp-60--left {
    padding-right: 60px
}

html[dir=rtl] body .hp-60--right {
    padding-left: 60px
}

html[dir=rtl] body .ho-60--right {
    margin-left: -60px
}

html[dir=rtl] body .ho-60--left {
    margin-right: -60px
}


.phone-no
{
padding-bottom: 20px;
margin-bottom: 20px;
}

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

	.blue-title-padding
	{ font-size: 2em; color: #0088ce; text-align:center; left: 0% !important}
	

    .dv-1280--show {
        display:block!important
    }

    .dv-1280--hide {
        display: none!important
    }

    .dg-1280-reset {
        position: relative;
        top: auto;
        left: auto;
        bottom: auto;
        right: auto
    }

    .dg-1280-line,.dg-1280-line.table-display {
        overflow: hidden;
        _overflow: visible;
        _zoom: 1;
        width: 100%;
        display: block
    }

    .dg-1280-unit--1-1 {
        width: 100%;
        display: block!important
    }

    .dg-1280-unit--1-1.hide {
        display: none!important
    }

    [class*=".dg-1280-unit--"] {
        float: left;
        _zoom: 1;
        box-sizing: border-box
    }

    .dg-1280-unit--1-2 {
        width: 50%
    }

    .dg-1280-unit--1-3 {
        width: 33.33333333%
    }

    .dg-1280-unit--2-3 {
        width: 66.66666667%
    }

    .dg-1280-unit--1-4 {
        width: 25%
    }

    .dg-1280-unit--3-4 {
        width: 75%
    }

    .dg-1280-unit--1-5 {
        width: 20%
    }

    .dg-1280-unit--2-5 {
        width: 40%
    }

    .dg-1280-unit--3-5 {
        width: 60%
    }

    .dg-1280-unit--4-5 {
        width: 80%
    }

    .dg-1280-unit--1-6 {
        width: 16.66666667%
    }

    .dg-1280-unit--5-6 {
        width: 83.33333333%
    }

    .dg-1280-unit--1-7 {
        width: 14.28571429%
    }

    .dg-1280-unit--2-7 {
        width: 28.57142857%
    }

    .dg-1280-unit--3-7 {
        width: 42.85714286%
    }

    .dg-1280-unit--4-7 {
        width: 57.14285714%
    }

    .dg-1280-unit--5-7 {
        width: 71.42857143%
    }

    .dg-1280-unit--6-7 {
        width: 85.71428571%
    }

    .dg-1280-unit--1-8 {
        width: 12.5%
    }

    .dg-1280-unit--3-8 {
        width: 37.5%
    }

    .dg-1280-unit--5-8 {
        width: 62.5%
    }

    .dg-1280-unit--7-8 {
        width: 87.5%
    }

    .dg-1280-unit--1-9 {
        width: 11.11111111%
    }

    .dg-1280-unit--2-9 {
        width: 22.22222222%
    }

    .dg-1280-unit--4-9 {
        width: 44.44444444%
    }

    .dg-1280-unit--5-9 {
        width: 55.55555556%
    }

    .dg-1280-unit--7-9 {
        width: 77.77777778%
    }

    .dg-1280-unit--8-9 {
        width: 88.88888889%
    }

    .dg-1280-unit--1-10 {
        width: 10%
    }

    .dg-1280-unit--3-10 {
        width: 30%
    }

    .dg-1280-unit--7-10 {
        width: 70%
    }

    .dg-1280-unit--9-10 {
        width: 90%
    }

    .dg-1280-unit--1-20 {
        width: 5%
    }

    .dg-1280-unit--3-20 {
        width: 15%
    }

    .dg-1280-unit--7-20 {
        width: 35%
    }

    .dg-1280-unit--9-20 {
        width: 45%
    }

    .dg-1280-unit--11-20 {
        width: 55%
    }

    .dg-1280-unit--13-20 {
        width: 65%
    }

    .dg-1280-unit--17-20 {
        width: 85%
    }

    .dg-1280-unit--19-20 {
        width: 95%
    }

    html[dir=ltr] body .da-1280--invert {
        text-align: right
    }

    html[dir=ltr] body .da-1280--revert,html[dir=rtl] body .da-1280--invert {
        text-align: left
    }

    html[dir=rtl] body .da-1280--revert {
        text-align: right
    }

    body .ds-1280-fg-0 {
        margin: 0!important
    }

    body .ds-1280-fp-0 {
        padding: 0!important
    }

    body .ds-1280-vg-0--top {
        margin-top: 0
    }

    body .ds-1280-vg-0--bottom {
        margin-bottom: 0
    }

    body .ds-1280-vp-0--top {
        padding-top: 0
    }

    body .ds-1280-vp-0--bottom {
        padding-bottom: 0
    }

    html[dir=ltr] body .ds-1280-hg-0--left {
        margin-left: 0
    }

    html[dir=ltr] body .ds-1280-hg-0--right {
        margin-right: 0
    }

    html[dir=ltr] body .ds-1280-hp-0--left {
        padding-left: 0
    }

    html[dir=ltr] body .ds-1280-hp-0--right {
        padding-right: 0
    }

    html[dir=ltr] body .ds-1280-ho-0--left {
        margin-left: 0
    }

    html[dir=ltr] body .ds-1280-ho-0--right,html[dir=rtl] body .ds-1280-hg-0--left {
        margin-right: 0
    }

    html[dir=rtl] body .ds-1280-hg-0--right {
        margin-left: 0
    }

    html[dir=rtl] body .ds-1280-hp-0--left {
        padding-right: 0
    }

    html[dir=rtl] body .ds-1280-hp-0--right {
        padding-left: 0
    }

    html[dir=rtl] body .ds-1280-ho-0--right {
        margin-left: 0
    }

    html[dir=rtl] body .ds-1280-ho-0--left {
        margin-right: 0
    }

    body .ds-1280-fg-5 {
        margin: 5px!important
    }

    body .ds-1280-fp-5 {
        padding: 5px!important
    }

    body .ds-1280-vg-5--top {
        margin-top: 5px
    }

    body .ds-1280-vg-5--bottom {
        margin-bottom: 5px
    }

    body .ds-1280-vp-5--top {
        padding-top: 5px
    }

    body .ds-1280-vp-5--bottom {
        padding-bottom: 5px
    }

    html[dir=ltr] body .ds-1280-hg-5--left {
        margin-left: 5px
    }

    html[dir=ltr] body .ds-1280-hg-5--right {
        margin-right: 5px
    }

    html[dir=ltr] body .ds-1280-hp-5--left {
        padding-left: 5px
    }

    html[dir=ltr] body .ds-1280-hp-5--right {
        padding-right: 5px
    }

    html[dir=ltr] body .ds-1280-ho-5--left {
        margin-left: -5px
    }

    html[dir=ltr] body .ds-1280-ho-5--right {
        margin-right: -5px
    }

    html[dir=rtl] body .ds-1280-hg-5--left {
        margin-right: 5px
    }

    html[dir=rtl] body .ds-1280-hg-5--right {
        margin-left: 5px
    }

    html[dir=rtl] body .ds-1280-hp-5--left {
        padding-right: 5px
    }

    html[dir=rtl] body .ds-1280-hp-5--right {
        padding-left: 5px
    }

    html[dir=rtl] body .ds-1280-ho-5--right {
        margin-left: -5px
    }

    html[dir=rtl] body .ds-1280-ho-5--left {
        margin-right: -5px
    }

    body .ds-1280-fg-10 {
        margin: 10px!important
    }

    body .ds-1280-fp-10 {
        padding: 10px!important
    }

    body .ds-1280-vg-10--top {
        margin-top: 10px
    }

    body .ds-1280-vg-10--bottom {
        margin-bottom: 10px
    }

    body .ds-1280-vp-10--top {
        padding-top: 10px
    }

    body .ds-1280-vp-10--bottom {
        padding-bottom: 10px
    }

    html[dir=ltr] body .ds-1280-hg-10--left {
        margin-left: 10px
    }

    html[dir=ltr] body .ds-1280-hg-10--right {
        margin-right: 10px
    }

    html[dir=ltr] body .ds-1280-hp-10--left {
        padding-left: 10px
    }

    html[dir=ltr] body .ds-1280-hp-10--right {
        padding-right: 10px
    }

    html[dir=ltr] body .ds-1280-ho-10--left {
        margin-left: -10px
    }

    html[dir=ltr] body .ds-1280-ho-10--right {
        margin-right: -10px
    }

    html[dir=rtl] body .ds-1280-hg-10--left {
        margin-right: 10px
    }

    html[dir=rtl] body .ds-1280-hg-10--right {
        margin-left: 10px
    }

    html[dir=rtl] body .ds-1280-hp-10--left {
        padding-right: 10px
    }

    html[dir=rtl] body .ds-1280-hp-10--right {
        padding-left: 10px
    }

    html[dir=rtl] body .ds-1280-ho-10--right {
        margin-left: -10px
    }

    html[dir=rtl] body .ds-1280-ho-10--left {
        margin-right: -10px
    }

    body .ds-1280-fg-15 {
        margin: 15px!important
    }

    body .ds-1280-fp-15 {
        padding: 15px!important
    }

    body .ds-1280-vg-15--top {
        margin-top: 15px
    }

    body .ds-1280-vg-15--bottom {
        margin-bottom: 15px
    }

    body .ds-1280-vp-15--top {
        padding-top: 15px
    }

    body .ds-1280-vp-15--bottom {
        padding-bottom: 15px
    }

    html[dir=ltr] body .ds-1280-hg-15--left {
        margin-left: 15px
    }

    html[dir=ltr] body .ds-1280-hg-15--right {
        margin-right: 15px
    }

    html[dir=ltr] body .ds-1280-hp-15--left {
        padding-left: 15px
    }

    html[dir=ltr] body .ds-1280-hp-15--right {
        padding-right: 15px
    }

    html[dir=ltr] body .ds-1280-ho-15--left {
        margin-left: -15px
    }

    html[dir=ltr] body .ds-1280-ho-15--right {
        margin-right: -15px
    }

    html[dir=rtl] body .ds-1280-hg-15--left {
        margin-right: 15px
    }

    html[dir=rtl] body .ds-1280-hg-15--right {
        margin-left: 15px
    }

    html[dir=rtl] body .ds-1280-hp-15--left {
        padding-right: 15px
    }

    html[dir=rtl] body .ds-1280-hp-15--right {
        padding-left: 15px
    }

    html[dir=rtl] body .ds-1280-ho-15--right {
        margin-left: -15px
    }

    html[dir=rtl] body .ds-1280-ho-15--left {
        margin-right: -15px
    }

    body .ds-1280-fg-20 {
        margin: 20px!important
    }

    body .ds-1280-fp-20 {
        padding: 20px!important
    }

    body .ds-1280-vg-20--top {
        margin-top: 20px
    }

    body .ds-1280-vg-20--bottom {
        margin-bottom: 20px
    }

    body .ds-1280-vp-20--top {
        padding-top: 20px
    }

    body .ds-1280-vp-20--bottom {
        padding-bottom: 20px
    }

    html[dir=ltr] body .ds-1280-hg-20--left {
        margin-left: 20px
    }

    html[dir=ltr] body .ds-1280-hg-20--right {
        margin-right: 20px
    }

    html[dir=ltr] body .ds-1280-hp-20--left {
        padding-left: 20px
    }

    html[dir=ltr] body .ds-1280-hp-20--right {
        padding-right: 20px
    }

    html[dir=ltr] body .ds-1280-ho-20--left {
        margin-left: -20px
    }

    html[dir=ltr] body .ds-1280-ho-20--right {
        margin-right: -20px
    }

    html[dir=rtl] body .ds-1280-hg-20--left {
        margin-right: 20px
    }

    html[dir=rtl] body .ds-1280-hg-20--right {
        margin-left: 20px
    }

    html[dir=rtl] body .ds-1280-hp-20--left {
        padding-right: 20px
    }

    html[dir=rtl] body .ds-1280-hp-20--right {
        padding-left: 20px
    }

    html[dir=rtl] body .ds-1280-ho-20--right {
        margin-left: -20px
    }

    html[dir=rtl] body .ds-1280-ho-20--left {
        margin-right: -20px
    }

    body .ds-1280-fg-25 {
        margin: 25px!important
    }

    body .ds-1280-fp-25 {
        padding: 25px!important
    }

    body .ds-1280-vg-25--top {
        margin-top: 25px
    }

    body .ds-1280-vg-25--bottom {
        margin-bottom: 25px
    }

    body .ds-1280-vp-25--top {
        padding-top: 25px
    }

    body .ds-1280-vp-25--bottom {
        padding-bottom: 25px
    }

    html[dir=ltr] body .ds-1280-hg-25--left {
        margin-left: 25px
    }

    html[dir=ltr] body .ds-1280-hg-25--right {
        margin-right: 25px
    }

    html[dir=ltr] body .ds-1280-hp-25--left {
        padding-left: 25px
    }

    html[dir=ltr] body .ds-1280-hp-25--right {
        padding-right: 25px
    }

    html[dir=ltr] body .ds-1280-ho-25--left {
        margin-left: -25px
    }

    html[dir=ltr] body .ds-1280-ho-25--right {
        margin-right: -25px
    }

    html[dir=rtl] body .ds-1280-hg-25--left {
        margin-right: 25px
    }

    html[dir=rtl] body .ds-1280-hg-25--right {
        margin-left: 25px
    }

    html[dir=rtl] body .ds-1280-hp-25--left {
        padding-right: 25px
    }

    html[dir=rtl] body .ds-1280-hp-25--right {
        padding-left: 25px
    }

    html[dir=rtl] body .ds-1280-ho-25--right {
        margin-left: -25px
    }

    html[dir=rtl] body .ds-1280-ho-25--left {
        margin-right: -25px
    }

    body .ds-1280-fg-30 {
        margin: 30px!important
    }

    body .ds-1280-fp-30 {
        padding: 30px!important
    }

    body .ds-1280-vg-30--top {
        margin-top: 30px
    }

    body .ds-1280-vg-30--bottom {
        margin-bottom: 30px
    }

    body .ds-1280-vp-30--top {
        padding-top: 30px
    }

    body .ds-1280-vp-30--bottom {
        padding-bottom: 30px
    }

    html[dir=ltr] body .ds-1280-hg-30--left {
        margin-left: 30px
    }

    html[dir=ltr] body .ds-1280-hg-30--right {
        margin-right: 30px
    }

    html[dir=ltr] body .ds-1280-hp-30--left {
        padding-left: 30px
    }

    html[dir=ltr] body .ds-1280-hp-30--right {
        padding-right: 30px
    }

    html[dir=ltr] body .ds-1280-ho-30--left {
        margin-left: -30px
    }

    html[dir=ltr] body .ds-1280-ho-30--right {
        margin-right: -30px
    }

    html[dir=rtl] body .ds-1280-hg-30--left {
        margin-right: 30px
    }

    html[dir=rtl] body .ds-1280-hg-30--right {
        margin-left: 30px
    }

    html[dir=rtl] body .ds-1280-hp-30--left {
        padding-right: 30px
    }

    html[dir=rtl] body .ds-1280-hp-30--right {
        padding-left: 30px
    }

    html[dir=rtl] body .ds-1280-ho-30--right {
        margin-left: -30px
    }

    html[dir=rtl] body .ds-1280-ho-30--left {
        margin-right: -30px
    }

    body .ds-1280-fg-35 {
        margin: 35px!important
    }

    body .ds-1280-fp-35 {
        padding: 35px!important
    }

    body .ds-1280-vg-35--top {
        margin-top: 35px
    }

    body .ds-1280-vg-35--bottom {
        margin-bottom: 35px
    }

    body .ds-1280-vp-35--top {
        padding-top: 35px
    }

    body .ds-1280-vp-35--bottom {
        padding-bottom: 35px
    }

    html[dir=ltr] body .ds-1280-hg-35--left {
        margin-left: 35px
    }

    html[dir=ltr] body .ds-1280-hg-35--right {
        margin-right: 35px
    }

    html[dir=ltr] body .ds-1280-hp-35--left {
        padding-left: 35px
    }

    html[dir=ltr] body .ds-1280-hp-35--right {
        padding-right: 35px
    }

    html[dir=ltr] body .ds-1280-ho-35--left {
        margin-left: -35px
    }

    html[dir=ltr] body .ds-1280-ho-35--right {
        margin-right: -35px
    }

    html[dir=rtl] body .ds-1280-hg-35--left {
        margin-right: 35px
    }

    html[dir=rtl] body .ds-1280-hg-35--right {
        margin-left: 35px
    }

    html[dir=rtl] body .ds-1280-hp-35--left {
        padding-right: 35px
    }

    html[dir=rtl] body .ds-1280-hp-35--right {
        padding-left: 35px
    }

    html[dir=rtl] body .ds-1280-ho-35--right {
        margin-left: -35px
    }

    html[dir=rtl] body .ds-1280-ho-35--left {
        margin-right: -35px
    }

    body .ds-1280-fg-40 {
        margin: 40px!important
    }

    body .ds-1280-fp-40 {
        padding: 40px!important
    }

    body .ds-1280-vg-40--top {
        margin-top: 40px
    }

    body .ds-1280-vg-40--bottom {
        margin-bottom: 40px
    }

    body .ds-1280-vp-40--top {
        padding-top: 40px
    }

    body .ds-1280-vp-40--bottom {
        padding-bottom: 40px
    }

    html[dir=ltr] body .ds-1280-hg-40--left {
        margin-left: 40px
    }

    html[dir=ltr] body .ds-1280-hg-40--right {
        margin-right: 40px
    }

    html[dir=ltr] body .ds-1280-hp-40--left {
        padding-left: 40px
    }

    html[dir=ltr] body .ds-1280-hp-40--right {
        padding-right: 40px
    }

    html[dir=ltr] body .ds-1280-ho-40--left {
        margin-left: -40px
    }

    html[dir=ltr] body .ds-1280-ho-40--right {
        margin-right: -40px
    }

    html[dir=rtl] body .ds-1280-hg-40--left {
        margin-right: 40px
    }

    html[dir=rtl] body .ds-1280-hg-40--right {
        margin-left: 40px
    }

    html[dir=rtl] body .ds-1280-hp-40--left {
        padding-right: 40px
    }

    html[dir=rtl] body .ds-1280-hp-40--right {
        padding-left: 40px
    }

    html[dir=rtl] body .ds-1280-ho-40--right {
        margin-left: -40px
    }

    html[dir=rtl] body .ds-1280-ho-40--left {
        margin-right: -40px
    }

    body .ds-1280-fg-45 {
        margin: 45px!important
    }

    body .ds-1280-fp-45 {
        padding: 45px!important
    }

    body .ds-1280-vg-45--top {
        margin-top: 45px
    }

    body .ds-1280-vg-45--bottom {
        margin-bottom: 45px
    }

    body .ds-1280-vp-45--top {
        padding-top: 45px
    }

    body .ds-1280-vp-45--bottom {
        padding-bottom: 45px
    }

    html[dir=ltr] body .ds-1280-hg-45--left {
        margin-left: 45px
    }

    html[dir=ltr] body .ds-1280-hg-45--right {
        margin-right: 45px
    }

    html[dir=ltr] body .ds-1280-hp-45--left {
        padding-left: 45px
    }

    html[dir=ltr] body .ds-1280-hp-45--right {
        padding-right: 45px
    }

    html[dir=ltr] body .ds-1280-ho-45--left {
        margin-left: -45px
    }

    html[dir=ltr] body .ds-1280-ho-45--right {
        margin-right: -45px
    }

    html[dir=rtl] body .ds-1280-hg-45--left {
        margin-right: 45px
    }

    html[dir=rtl] body .ds-1280-hg-45--right {
        margin-left: 45px
    }

    html[dir=rtl] body .ds-1280-hp-45--left {
        padding-right: 45px
    }

    html[dir=rtl] body .ds-1280-hp-45--right {
        padding-left: 45px
    }

    html[dir=rtl] body .ds-1280-ho-45--right {
        margin-left: -45px
    }

    html[dir=rtl] body .ds-1280-ho-45--left {
        margin-right: -45px
    }

    body .ds-1280-fg-50 {
        margin: 50px!important
    }

    body .ds-1280-fp-50 {
        padding: 50px!important
    }

    body .ds-1280-vg-50--top {
        margin-top: 50px
    }

    body .ds-1280-vg-50--bottom {
        margin-bottom: 50px
    }

    body .ds-1280-vp-50--top {
        padding-top: 50px
    }

    body .ds-1280-vp-50--bottom {
        padding-bottom: 50px
    }

    html[dir=ltr] body .ds-1280-hg-50--left {
        margin-left: 50px
    }

    html[dir=ltr] body .ds-1280-hg-50--right {
        margin-right: 50px
    }

    html[dir=ltr] body .ds-1280-hp-50--left {
        padding-left: 50px
    }

    html[dir=ltr] body .ds-1280-hp-50--right {
        padding-right: 50px
    }

    html[dir=ltr] body .ds-1280-ho-50--left {
        margin-left: -50px
    }

    html[dir=ltr] body .ds-1280-ho-50--right {
        margin-right: -50px
    }

    html[dir=rtl] body .ds-1280-hg-50--left {
        margin-right: 50px
    }

    html[dir=rtl] body .ds-1280-hg-50--right {
        margin-left: 50px
    }

    html[dir=rtl] body .ds-1280-hp-50--left {
        padding-right: 50px
    }

    html[dir=rtl] body .ds-1280-hp-50--right {
        padding-left: 50px
    }

    html[dir=rtl] body .ds-1280-ho-50--right {
        margin-left: -50px
    }

    html[dir=rtl] body .ds-1280-ho-50--left {
        margin-right: -50px
    }

    body .ds-1280-fg-55 {
        margin: 55px!important
    }

    body .ds-1280-fp-55 {
        padding: 55px!important
    }

    body .ds-1280-vg-55--top {
        margin-top: 55px
    }

    body .ds-1280-vg-55--bottom {
        margin-bottom: 55px
    }

    body .ds-1280-vp-55--top {
        padding-top: 55px
    }

    body .ds-1280-vp-55--bottom {
        padding-bottom: 55px
    }

    html[dir=ltr] body .ds-1280-hg-55--left {
        margin-left: 55px
    }

    html[dir=ltr] body .ds-1280-hg-55--right {
        margin-right: 55px
    }

    html[dir=ltr] body .ds-1280-hp-55--left {
        padding-left: 55px
    }

    html[dir=ltr] body .ds-1280-hp-55--right {
        padding-right: 55px
    }

    html[dir=ltr] body .ds-1280-ho-55--left {
        margin-left: -55px
    }

    html[dir=ltr] body .ds-1280-ho-55--right {
        margin-right: -55px
    }

    html[dir=rtl] body .ds-1280-hg-55--left {
        margin-right: 55px
    }

    html[dir=rtl] body .ds-1280-hg-55--right {
        margin-left: 55px
    }

    html[dir=rtl] body .ds-1280-hp-55--left {
        padding-right: 55px
    }

    html[dir=rtl] body .ds-1280-hp-55--right {
        padding-left: 55px
    }

    html[dir=rtl] body .ds-1280-ho-55--right {
        margin-left: -55px
    }

    html[dir=rtl] body .ds-1280-ho-55--left {
        margin-right: -55px
    }

    body .ds-1280-fg-60 {
        margin: 60px!important
    }

    body .ds-1280-fp-60 {
        padding: 60px!important
    }

    body .ds-1280-vg-60--top {
        margin-top: 60px
    }

    body .ds-1280-vg-60--bottom {
        margin-bottom: 60px
    }

    body .ds-1280-vp-60--top {
        padding-top: 60px
    }

    body .ds-1280-vp-60--bottom {
        padding-bottom: 60px
    }

    html[dir=ltr] body .ds-1280-hg-60--left {
        margin-left: 60px
    }

    html[dir=ltr] body .ds-1280-hg-60--right {
        margin-right: 60px
    }

    html[dir=ltr] body .ds-1280-hp-60--left {
        padding-left: 60px
    }

    html[dir=ltr] body .ds-1280-hp-60--right {
        padding-right: 60px
    }

    html[dir=ltr] body .ds-1280-ho-60--left {
        margin-left: -60px
    }

    html[dir=ltr] body .ds-1280-ho-60--right {
        margin-right: -60px
    }

    html[dir=rtl] body .ds-1280-hg-60--left {
        margin-right: 60px
    }

    html[dir=rtl] body .ds-1280-hg-60--right {
        margin-left: 60px
    }

    html[dir=rtl] body .ds-1280-hp-60--left {
        padding-right: 60px
    }

    html[dir=rtl] body .ds-1280-hp-60--right {
        padding-left: 60px
    }

    html[dir=rtl] body .ds-1280-ho-60--right {
        margin-left: -60px
    }

    html[dir=rtl] body .ds-1280-ho-60--left {
        margin-right: -60px
    }
 

   
    
}

@media screen and (max-width: 1024px) {
	.blue-title-padding
	{ font-size: 1em; color: #0088ce; text-align:center;  left: 0% !important}

    .dv-1024--show {
        display:block!important
    }

    .dv-1024--hide {
        display: none!important
    }

    .dg-1024-reset {
        position: relative;
        top: auto;
        left: auto;
        bottom: auto;
        right: auto
    }

    .dg-1024-line,.dg-1024-line.table-display {
        overflow: hidden;
        _overflow: visible;
        _zoom: 1;
        width: 100%;
        display: block
    }

    .dg-1024-unit--1-1 {
        width: 100%;
        display: block!important
    }

    .dg-1024-unit--1-1.hide {
        display: none!important
    }

    [class*=".dg-1024-unit--"] {
        float: left;
        _zoom: 1;
        box-sizing: border-box
    }

    .dg-1024-unit--1-2 {
        width: 50%
    }

    .dg-1024-unit--1-3 {
        width: 33.33333333%
    }

    .dg-1024-unit--2-3 {
        width: 66.66666667%
    }

    .dg-1024-unit--1-4 {
        width: 25%
    }

    .dg-1024-unit--3-4 {
        width: 75%
    }

    .dg-1024-unit--1-5 {
        width: 20%
    }

    .dg-1024-unit--2-5 {
        width: 40%
    }

    .dg-1024-unit--3-5 {
        width: 60%
    }

    .dg-1024-unit--4-5 {
        width: 80%
    }

    .dg-1024-unit--1-6 {
        width: 16.66666667%
    }

    .dg-1024-unit--5-6 {
        width: 83.33333333%
    }

    .dg-1024-unit--1-7 {
        width: 14.28571429%
    }

    .dg-1024-unit--2-7 {
        width: 28.57142857%
    }

    .dg-1024-unit--3-7 {
        width: 42.85714286%
    }

    .dg-1024-unit--4-7 {
        width: 57.14285714%
    }

    .dg-1024-unit--5-7 {
        width: 71.42857143%
    }

    .dg-1024-unit--6-7 {
        width: 85.71428571%
    }

    .dg-1024-unit--1-8 {
        width: 12.5%
    }

    .dg-1024-unit--3-8 {
        width: 37.5%
    }

    .dg-1024-unit--5-8 {
        width: 62.5%
    }

    .dg-1024-unit--7-8 {
        width: 87.5%
    }

    .dg-1024-unit--1-9 {
        width: 11.11111111%
    }

    .dg-1024-unit--2-9 {
        width: 22.22222222%
    }

    .dg-1024-unit--4-9 {
        width: 44.44444444%
    }

    .dg-1024-unit--5-9 {
        width: 55.55555556%
    }

    .dg-1024-unit--7-9 {
        width: 77.77777778%
    }

    .dg-1024-unit--8-9 {
        width: 88.88888889%
    }

    .dg-1024-unit--1-10 {
        width: 10%
    }

    .dg-1024-unit--3-10 {
        width: 30%
    }

    .dg-1024-unit--7-10 {
        width: 70%
    }

    .dg-1024-unit--9-10 {
        width: 90%
    }

    .dg-1024-unit--1-20 {
        width: 5%
    }

    .dg-1024-unit--3-20 {
        width: 15%
    }

    .dg-1024-unit--7-20 {
        width: 35%
    }

    .dg-1024-unit--9-20 {
        width: 45%
    }

    .dg-1024-unit--11-20 {
        width: 55%
    }

    .dg-1024-unit--13-20 {
        width: 65%
    }

    .dg-1024-unit--17-20 {
        width: 85%
    }

    .dg-1024-unit--19-20 {
        width: 95%
    }

    html[dir=ltr] body .da-1024--invert {
        text-align: right
    }

    html[dir=ltr] body .da-1024--revert,html[dir=rtl] body .da-1024--invert {
        text-align: left
    }

    html[dir=rtl] body .da-1024--revert {
        text-align: right
    }

    body .ds-1024-fg-0 {
        margin: 0!important
    }

    body .ds-1024-fp-0 {
        padding: 0!important
    }

    body .ds-1024-vg-0--top {
        margin-top: 0
    }

    body .ds-1024-vg-0--bottom {
        margin-bottom: 0
    }

    body .ds-1024-vp-0--top {
        padding-top: 0
    }

    body .ds-1024-vp-0--bottom {
        padding-bottom: 0
    }

    html[dir=ltr] body .ds-1024-hg-0--left {
        margin-left: 0
    }

    html[dir=ltr] body .ds-1024-hg-0--right {
        margin-right: 0
    }

    html[dir=ltr] body .ds-1024-hp-0--left {
        padding-left: 0
    }

    html[dir=ltr] body .ds-1024-hp-0--right {
        padding-right: 0
    }

    html[dir=ltr] body .ds-1024-ho-0--left {
        margin-left: 0
    }

    html[dir=ltr] body .ds-1024-ho-0--right,html[dir=rtl] body .ds-1024-hg-0--left {
        margin-right: 0
    }

    html[dir=rtl] body .ds-1024-hg-0--right {
        margin-left: 0
    }

    html[dir=rtl] body .ds-1024-hp-0--left {
        padding-right: 0
    }

    html[dir=rtl] body .ds-1024-hp-0--right {
        padding-left: 0
    }

    html[dir=rtl] body .ds-1024-ho-0--right {
        margin-left: 0
    }

    html[dir=rtl] body .ds-1024-ho-0--left {
        margin-right: 0
    }

    body .ds-1024-fg-5 {
        margin: 5px!important
    }

    body .ds-1024-fp-5 {
        padding: 5px!important
    }

    body .ds-1024-vg-5--top {
        margin-top: 5px
    }

    body .ds-1024-vg-5--bottom {
        margin-bottom: 5px
    }

    body .ds-1024-vp-5--top {
        padding-top: 5px
    }

    body .ds-1024-vp-5--bottom {
        padding-bottom: 5px
    }

    html[dir=ltr] body .ds-1024-hg-5--left {
        margin-left: 5px
    }

    html[dir=ltr] body .ds-1024-hg-5--right {
        margin-right: 5px
    }

    html[dir=ltr] body .ds-1024-hp-5--left {
        padding-left: 5px
    }

    html[dir=ltr] body .ds-1024-hp-5--right {
        padding-right: 5px
    }

    html[dir=ltr] body .ds-1024-ho-5--left {
        margin-left: -5px
    }

    html[dir=ltr] body .ds-1024-ho-5--right {
        margin-right: -5px
    }

    html[dir=rtl] body .ds-1024-hg-5--left {
        margin-right: 5px
    }

    html[dir=rtl] body .ds-1024-hg-5--right {
        margin-left: 5px
    }

    html[dir=rtl] body .ds-1024-hp-5--left {
        padding-right: 5px
    }

    html[dir=rtl] body .ds-1024-hp-5--right {
        padding-left: 5px
    }

    html[dir=rtl] body .ds-1024-ho-5--right {
        margin-left: -5px
    }

    html[dir=rtl] body .ds-1024-ho-5--left {
        margin-right: -5px
    }

    body .ds-1024-fg-10 {
        margin: 10px!important
    }

    body .ds-1024-fp-10 {
        padding: 10px!important
    }

    body .ds-1024-vg-10--top {
        margin-top: 10px
    }

    body .ds-1024-vg-10--bottom {
        margin-bottom: 10px
    }

    body .ds-1024-vp-10--top {
        padding-top: 10px
    }

    body .ds-1024-vp-10--bottom {
        padding-bottom: 10px
    }

    html[dir=ltr] body .ds-1024-hg-10--left {
        margin-left: 10px
    }

    html[dir=ltr] body .ds-1024-hg-10--right {
        margin-right: 10px
    }

    html[dir=ltr] body .ds-1024-hp-10--left {
        padding-left: 10px
    }

    html[dir=ltr] body .ds-1024-hp-10--right {
        padding-right: 10px
    }

    html[dir=ltr] body .ds-1024-ho-10--left {
        margin-left: -10px
    }

    html[dir=ltr] body .ds-1024-ho-10--right {
        margin-right: -10px
    }

    html[dir=rtl] body .ds-1024-hg-10--left {
        margin-right: 10px
    }

    html[dir=rtl] body .ds-1024-hg-10--right {
        margin-left: 10px
    }

    html[dir=rtl] body .ds-1024-hp-10--left {
        padding-right: 10px
    }

    html[dir=rtl] body .ds-1024-hp-10--right {
        padding-left: 10px
    }

    html[dir=rtl] body .ds-1024-ho-10--right {
        margin-left: -10px
    }

    html[dir=rtl] body .ds-1024-ho-10--left {
        margin-right: -10px
    }

    body .ds-1024-fg-15 {
        margin: 15px!important
    }

    body .ds-1024-fp-15 {
        padding: 15px!important
    }

    body .ds-1024-vg-15--top {
        margin-top: 15px
    }

    body .ds-1024-vg-15--bottom {
        margin-bottom: 15px
    }

    body .ds-1024-vp-15--top {
        padding-top: 15px
    }

    body .ds-1024-vp-15--bottom {
        padding-bottom: 15px
    }

    html[dir=ltr] body .ds-1024-hg-15--left {
        margin-left: 15px
    }

    html[dir=ltr] body .ds-1024-hg-15--right {
        margin-right: 15px
    }

    html[dir=ltr] body .ds-1024-hp-15--left {
        padding-left: 15px
    }

    html[dir=ltr] body .ds-1024-hp-15--right {
        padding-right: 15px
    }

    html[dir=ltr] body .ds-1024-ho-15--left {
        margin-left: -15px
    }

    html[dir=ltr] body .ds-1024-ho-15--right {
        margin-right: -15px
    }

    html[dir=rtl] body .ds-1024-hg-15--left {
        margin-right: 15px
    }

    html[dir=rtl] body .ds-1024-hg-15--right {
        margin-left: 15px
    }

    html[dir=rtl] body .ds-1024-hp-15--left {
        padding-right: 15px
    }

    html[dir=rtl] body .ds-1024-hp-15--right {
        padding-left: 15px
    }

    html[dir=rtl] body .ds-1024-ho-15--right {
        margin-left: -15px
    }

    html[dir=rtl] body .ds-1024-ho-15--left {
        margin-right: -15px
    }

    body .ds-1024-fg-20 {
        margin: 20px!important
    }

    body .ds-1024-fp-20 {
        padding: 20px!important
    }

    body .ds-1024-vg-20--top {
        margin-top: 20px
    }

    body .ds-1024-vg-20--bottom {
        margin-bottom: 20px
    }

    body .ds-1024-vp-20--top {
        padding-top: 20px
    }

    body .ds-1024-vp-20--bottom {
        padding-bottom: 20px
    }

    html[dir=ltr] body .ds-1024-hg-20--left {
        margin-left: 20px
    }

    html[dir=ltr] body .ds-1024-hg-20--right {
        margin-right: 20px
    }

    html[dir=ltr] body .ds-1024-hp-20--left {
        padding-left: 20px
    }

    html[dir=ltr] body .ds-1024-hp-20--right {
        padding-right: 20px
    }

    html[dir=ltr] body .ds-1024-ho-20--left {
        margin-left: -20px
    }

    html[dir=ltr] body .ds-1024-ho-20--right {
        margin-right: -20px
    }

    html[dir=rtl] body .ds-1024-hg-20--left {
        margin-right: 20px
    }

    html[dir=rtl] body .ds-1024-hg-20--right {
        margin-left: 20px
    }

    html[dir=rtl] body .ds-1024-hp-20--left {
        padding-right: 20px
    }

    html[dir=rtl] body .ds-1024-hp-20--right {
        padding-left: 20px
    }

    html[dir=rtl] body .ds-1024-ho-20--right {
        margin-left: -20px
    }

    html[dir=rtl] body .ds-1024-ho-20--left {
        margin-right: -20px
    }

    body .ds-1024-fg-25 {
        margin: 25px!important
    }

    body .ds-1024-fp-25 {
        padding: 25px!important
    }

    body .ds-1024-vg-25--top {
        margin-top: 25px
    }

    body .ds-1024-vg-25--bottom {
        margin-bottom: 25px
    }

    body .ds-1024-vp-25--top {
        padding-top: 25px
    }

    body .ds-1024-vp-25--bottom {
        padding-bottom: 25px
    }

    html[dir=ltr] body .ds-1024-hg-25--left {
        margin-left: 25px
    }

    html[dir=ltr] body .ds-1024-hg-25--right {
        margin-right: 25px
    }

    html[dir=ltr] body .ds-1024-hp-25--left {
        padding-left: 25px
    }

    html[dir=ltr] body .ds-1024-hp-25--right {
        padding-right: 25px
    }

    html[dir=ltr] body .ds-1024-ho-25--left {
        margin-left: -25px
    }

    html[dir=ltr] body .ds-1024-ho-25--right {
        margin-right: -25px
    }

    html[dir=rtl] body .ds-1024-hg-25--left {
        margin-right: 25px
    }

    html[dir=rtl] body .ds-1024-hg-25--right {
        margin-left: 25px
    }

    html[dir=rtl] body .ds-1024-hp-25--left {
        padding-right: 25px
    }

    html[dir=rtl] body .ds-1024-hp-25--right {
        padding-left: 25px
    }

    html[dir=rtl] body .ds-1024-ho-25--right {
        margin-left: -25px
    }

    html[dir=rtl] body .ds-1024-ho-25--left {
        margin-right: -25px
    }

    body .ds-1024-fg-30 {
        margin: 30px!important
    }

    body .ds-1024-fp-30 {
        padding: 30px!important
    }

    body .ds-1024-vg-30--top {
        margin-top: 30px
    }

    body .ds-1024-vg-30--bottom {
        margin-bottom: 30px
    }

    body .ds-1024-vp-30--top {
        padding-top: 30px
    }

    body .ds-1024-vp-30--bottom {
        padding-bottom: 30px
    }

    html[dir=ltr] body .ds-1024-hg-30--left {
        margin-left: 30px
    }

    html[dir=ltr] body .ds-1024-hg-30--right {
        margin-right: 30px
    }

    html[dir=ltr] body .ds-1024-hp-30--left {
        padding-left: 30px
    }

    html[dir=ltr] body .ds-1024-hp-30--right {
        padding-right: 30px
    }

    html[dir=ltr] body .ds-1024-ho-30--left {
        margin-left: -30px
    }

    html[dir=ltr] body .ds-1024-ho-30--right {
        margin-right: -30px
    }

    html[dir=rtl] body .ds-1024-hg-30--left {
        margin-right: 30px
    }

    html[dir=rtl] body .ds-1024-hg-30--right {
        margin-left: 30px
    }

    html[dir=rtl] body .ds-1024-hp-30--left {
        padding-right: 30px
    }

    html[dir=rtl] body .ds-1024-hp-30--right {
        padding-left: 30px
    }

    html[dir=rtl] body .ds-1024-ho-30--right {
        margin-left: -30px
    }

    html[dir=rtl] body .ds-1024-ho-30--left {
        margin-right: -30px
    }

    body .ds-1024-fg-35 {
        margin: 35px!important
    }

    body .ds-1024-fp-35 {
        padding: 35px!important
    }

    body .ds-1024-vg-35--top {
        margin-top: 35px
    }

    body .ds-1024-vg-35--bottom {
        margin-bottom: 35px
    }

    body .ds-1024-vp-35--top {
        padding-top: 35px
    }

    body .ds-1024-vp-35--bottom {
        padding-bottom: 35px
    }

    html[dir=ltr] body .ds-1024-hg-35--left {
        margin-left: 35px
    }

    html[dir=ltr] body .ds-1024-hg-35--right {
        margin-right: 35px
    }

    html[dir=ltr] body .ds-1024-hp-35--left {
        padding-left: 35px
    }

    html[dir=ltr] body .ds-1024-hp-35--right {
        padding-right: 35px
    }

    html[dir=ltr] body .ds-1024-ho-35--left {
        margin-left: -35px
    }

    html[dir=ltr] body .ds-1024-ho-35--right {
        margin-right: -35px
    }

    html[dir=rtl] body .ds-1024-hg-35--left {
        margin-right: 35px
    }

    html[dir=rtl] body .ds-1024-hg-35--right {
        margin-left: 35px
    }

    html[dir=rtl] body .ds-1024-hp-35--left {
        padding-right: 35px
    }

    html[dir=rtl] body .ds-1024-hp-35--right {
        padding-left: 35px
    }

    html[dir=rtl] body .ds-1024-ho-35--right {
        margin-left: -35px
    }

    html[dir=rtl] body .ds-1024-ho-35--left {
        margin-right: -35px
    }

    body .ds-1024-fg-40 {
        margin: 40px!important
    }

    body .ds-1024-fp-40 {
        padding: 40px!important
    }

    body .ds-1024-vg-40--top {
        margin-top: 40px
    }

    body .ds-1024-vg-40--bottom {
        margin-bottom: 40px
    }

    body .ds-1024-vp-40--top {
        padding-top: 40px
    }

    body .ds-1024-vp-40--bottom {
        padding-bottom: 40px
    }

    html[dir=ltr] body .ds-1024-hg-40--left {
        margin-left: 40px
    }

    html[dir=ltr] body .ds-1024-hg-40--right {
        margin-right: 40px
    }

    html[dir=ltr] body .ds-1024-hp-40--left {
        padding-left: 40px
    }

    html[dir=ltr] body .ds-1024-hp-40--right {
        padding-right: 40px
    }

    html[dir=ltr] body .ds-1024-ho-40--left {
        margin-left: -40px
    }

    html[dir=ltr] body .ds-1024-ho-40--right {
        margin-right: -40px
    }

    html[dir=rtl] body .ds-1024-hg-40--left {
        margin-right: 40px
    }

    html[dir=rtl] body .ds-1024-hg-40--right {
        margin-left: 40px
    }

    html[dir=rtl] body .ds-1024-hp-40--left {
        padding-right: 40px
    }

    html[dir=rtl] body .ds-1024-hp-40--right {
        padding-left: 40px
    }

    html[dir=rtl] body .ds-1024-ho-40--right {
        margin-left: -40px
    }

    html[dir=rtl] body .ds-1024-ho-40--left {
        margin-right: -40px
    }

    body .ds-1024-fg-45 {
        margin: 45px!important
    }

    body .ds-1024-fp-45 {
        padding: 45px!important
    }

    body .ds-1024-vg-45--top {
        margin-top: 45px
    }

    body .ds-1024-vg-45--bottom {
        margin-bottom: 45px
    }

    body .ds-1024-vp-45--top {
        padding-top: 45px
    }

    body .ds-1024-vp-45--bottom {
        padding-bottom: 45px
    }

    html[dir=ltr] body .ds-1024-hg-45--left {
        margin-left: 45px
    }

    html[dir=ltr] body .ds-1024-hg-45--right {
        margin-right: 45px
    }

    html[dir=ltr] body .ds-1024-hp-45--left {
        padding-left: 45px
    }

    html[dir=ltr] body .ds-1024-hp-45--right {
        padding-right: 45px
    }

    html[dir=ltr] body .ds-1024-ho-45--left {
        margin-left: -45px
    }

    html[dir=ltr] body .ds-1024-ho-45--right {
        margin-right: -45px
    }

    html[dir=rtl] body .ds-1024-hg-45--left {
        margin-right: 45px
    }

    html[dir=rtl] body .ds-1024-hg-45--right {
        margin-left: 45px
    }

    html[dir=rtl] body .ds-1024-hp-45--left {
        padding-right: 45px
    }

    html[dir=rtl] body .ds-1024-hp-45--right {
        padding-left: 45px
    }

    html[dir=rtl] body .ds-1024-ho-45--right {
        margin-left: -45px
    }

    html[dir=rtl] body .ds-1024-ho-45--left {
        margin-right: -45px
    }

    body .ds-1024-fg-50 {
        margin: 50px!important
    }

    body .ds-1024-fp-50 {
        padding: 50px!important
    }

    body .ds-1024-vg-50--top {
        margin-top: 50px
    }

    body .ds-1024-vg-50--bottom {
        margin-bottom: 50px
    }

    body .ds-1024-vp-50--top {
        padding-top: 50px
    }

    body .ds-1024-vp-50--bottom {
        padding-bottom: 50px
    }

    html[dir=ltr] body .ds-1024-hg-50--left {
        margin-left: 50px
    }

    html[dir=ltr] body .ds-1024-hg-50--right {
        margin-right: 50px
    }

    html[dir=ltr] body .ds-1024-hp-50--left {
        padding-left: 50px
    }

    html[dir=ltr] body .ds-1024-hp-50--right {
        padding-right: 50px
    }

    html[dir=ltr] body .ds-1024-ho-50--left {
        margin-left: -50px
    }

    html[dir=ltr] body .ds-1024-ho-50--right {
        margin-right: -50px
    }

    html[dir=rtl] body .ds-1024-hg-50--left {
        margin-right: 50px
    }

    html[dir=rtl] body .ds-1024-hg-50--right {
        margin-left: 50px
    }

    html[dir=rtl] body .ds-1024-hp-50--left {
        padding-right: 50px
    }

    html[dir=rtl] body .ds-1024-hp-50--right {
        padding-left: 50px
    }

    html[dir=rtl] body .ds-1024-ho-50--right {
        margin-left: -50px
    }

    html[dir=rtl] body .ds-1024-ho-50--left {
        margin-right: -50px
    }

    body .ds-1024-fg-55 {
        margin: 55px!important
    }

    body .ds-1024-fp-55 {
        padding: 55px!important
    }

    body .ds-1024-vg-55--top {
        margin-top: 55px
    }

    body .ds-1024-vg-55--bottom {
        margin-bottom: 55px
    }

    body .ds-1024-vp-55--top {
        padding-top: 55px
    }

    body .ds-1024-vp-55--bottom {
        padding-bottom: 55px
    }

    html[dir=ltr] body .ds-1024-hg-55--left {
        margin-left: 55px
    }

    html[dir=ltr] body .ds-1024-hg-55--right {
        margin-right: 55px
    }

    html[dir=ltr] body .ds-1024-hp-55--left {
        padding-left: 55px
    }

    html[dir=ltr] body .ds-1024-hp-55--right {
        padding-right: 55px
    }

    html[dir=ltr] body .ds-1024-ho-55--left {
        margin-left: -55px
    }

    html[dir=ltr] body .ds-1024-ho-55--right {
        margin-right: -55px
    }

    html[dir=rtl] body .ds-1024-hg-55--left {
        margin-right: 55px
    }

    html[dir=rtl] body .ds-1024-hg-55--right {
        margin-left: 55px
    }

    html[dir=rtl] body .ds-1024-hp-55--left {
        padding-right: 55px
    }

    html[dir=rtl] body .ds-1024-hp-55--right {
        padding-left: 55px
    }

    html[dir=rtl] body .ds-1024-ho-55--right {
        margin-left: -55px
    }

    html[dir=rtl] body .ds-1024-ho-55--left {
        margin-right: -55px
    }

    body .ds-1024-fg-60 {
        margin: 60px!important
    }

    body .ds-1024-fp-60 {
        padding: 60px!important
    }

    body .ds-1024-vg-60--top {
        margin-top: 60px
    }

    body .ds-1024-vg-60--bottom {
        margin-bottom: 60px
    }

    body .ds-1024-vp-60--top {
        padding-top: 60px
    }

    body .ds-1024-vp-60--bottom {
        padding-bottom: 60px
    }

    html[dir=ltr] body .ds-1024-hg-60--left {
        margin-left: 60px
    }

    html[dir=ltr] body .ds-1024-hg-60--right {
        margin-right: 60px
    }

    html[dir=ltr] body .ds-1024-hp-60--left {
        padding-left: 60px
    }

    html[dir=ltr] body .ds-1024-hp-60--right {
        padding-right: 60px
    }

    html[dir=ltr] body .ds-1024-ho-60--left {
        margin-left: -60px
    }

    html[dir=ltr] body .ds-1024-ho-60--right {
        margin-right: -60px
    }

    html[dir=rtl] body .ds-1024-hg-60--left {
        margin-right: 60px
    }

    html[dir=rtl] body .ds-1024-hg-60--right {
        margin-left: 60px
    }

    html[dir=rtl] body .ds-1024-hp-60--left {
        padding-right: 60px
    }

    html[dir=rtl] body .ds-1024-hp-60--right {
        padding-left: 60px
    }

    html[dir=rtl] body .ds-1024-ho-60--right {
        margin-left: -60px
    }

    html[dir=rtl] body .ds-1024-ho-60--left {
        margin-right: -60px
    }
    


}

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

	.blue-title-padding
	{ font-size: 1em; color: #0088ce; text-align:center;  left: 0% !important}


    .dv-768--show {
        display:block!important
    }

  
    .dg-768-reset {
        position: relative;
        top: auto;
        left: auto;
        bottom: auto;
        right: auto
    }

    .dg-768-line,.dg-768-line.table-display {
        overflow: hidden;
        _overflow: visible;
        _zoom: 1;
        width: 100%;
        display: block
    }

    .dg-768-unit--1-1 {
        width: 100%;
        display: block!important
    }

    .dg-768-unit--1-1.hide {
        display: none!important
    }

    [class*=".dg-768-unit--"] {
        float: left;
        _zoom: 1;
        box-sizing: border-box
    }

    .dg-768-unit--1-2 {
        width: 40%
    }

    .dg-768-unit--1-3 {
        width: 33.33333333%
    }

    .dg-768-unit--2-3 {
        width: 66.66666667%
    }

    .dg-768-unit--1-4 {
        width: 25%
    }

    .dg-768-unit--3-4 {
        width: 75%
    }

    .dg-768-unit--1-5 {
        width: 20%
    }

    .dg-768-unit--2-5 {
        width: 40%
    }

    .dg-768-unit--3-5 {
        width: 60%
    }

    .dg-768-unit--4-5 {
        width: 80%
    }

    .dg-768-unit--1-6 {
        width: 16.66666667%
    }

    .dg-768-unit--5-6 {
        width: 83.33333333%
    }

    .dg-768-unit--1-7 {
        width: 14.28571429%
    }

    .dg-768-unit--2-7 {
        width: 28.57142857%
    }

    .dg-768-unit--3-7 {
        width: 42.85714286%
    }

    .dg-768-unit--4-7 {
        width: 57.14285714%
    }

    .dg-768-unit--5-7 {
        width: 71.42857143%
    }

    .dg-768-unit--6-7 {
        width: 85.71428571%
    }

    .dg-768-unit--1-8 {
        width: 12.5%
    }

    .dg-768-unit--3-8 {
        width: 37.5%
    }

    .dg-768-unit--5-8 {
        width: 62.5%
    }

    .dg-768-unit--7-8 {
        width: 87.5%
    }

    .dg-768-unit--1-9 {
        width: 11.11111111%
    }

    .dg-768-unit--2-9 {
        width: 22.22222222%
    }

    .dg-768-unit--4-9 {
        width: 44.44444444%
    }

    .dg-768-unit--5-9 {
        width: 55.55555556%
    }

    .dg-768-unit--7-9 {
        width: 77.77777778%
    }

    .dg-768-unit--8-9 {
        width: 88.88888889%
    }

    .dg-768-unit--1-10 {
        width: 10%
    }

    .dg-768-unit--3-10 {
        width: 30%
    }

    .dg-768-unit--7-10 {
        width: 70%
    }

    .dg-768-unit--9-10 {
        width: 90%
    }

    .dg-768-unit--1-20 {
        width: 5%
    }

    .dg-768-unit--3-20 {
        width: 15%
    }

    .dg-768-unit--7-20 {
        width: 35%
    }

    .dg-768-unit--9-20 {
        width: 45%
    }

    .dg-768-unit--11-20 {
        width: 55%
    }

    .dg-768-unit--13-20 {
        width: 65%
    }

    .dg-768-unit--17-20 {
        width: 85%
    }

    .dg-768-unit--19-20 {
        width: 95%
    }

    html[dir=ltr] body .da-768--invert {
        text-align: right
    }

    html[dir=ltr] body .da-768--revert,html[dir=rtl] body .da-768--invert {
        text-align: left
    }

    html[dir=rtl] body .da-768--revert {
        text-align: right
    }

    body .ds-768-fg-0 {
        margin: 0!important
    }

    body .ds-768-fp-0 {
        padding: 0!important
    }

    body .ds-768-vg-0--top {
        margin-top: 0
    }

    body .ds-768-vg-0--bottom {
        margin-bottom: 0
    }

    body .ds-768-vp-0--top {
        padding-top: 0
    }

    body .ds-768-vp-0--bottom {
        padding-bottom: 0
    }

    html[dir=ltr] body .ds-768-hg-0--left {
        margin-left: 0
    }

    html[dir=ltr] body .ds-768-hg-0--right {
        margin-right: 0
    }

    html[dir=ltr] body .ds-768-hp-0--left {
        padding-left: 0
    }

    html[dir=ltr] body .ds-768-hp-0--right {
        padding-right: 0
    }

    html[dir=ltr] body .ds-768-ho-0--left {
        margin-left: 0
    }

    html[dir=ltr] body .ds-768-ho-0--right,html[dir=rtl] body .ds-768-hg-0--left {
        margin-right: 0
    }

    html[dir=rtl] body .ds-768-hg-0--right {
        margin-left: 0
    }

    html[dir=rtl] body .ds-768-hp-0--left {
        padding-right: 0
    }

    html[dir=rtl] body .ds-768-hp-0--right {
        padding-left: 0
    }

    html[dir=rtl] body .ds-768-ho-0--right {
        margin-left: 0
    }

    html[dir=rtl] body .ds-768-ho-0--left {
        margin-right: 0
    }

    body .ds-768-fg-5 {
        margin: 5px!important
    }

    body .ds-768-fp-5 {
        padding: 5px!important
    }

    body .ds-768-vg-5--top {
        margin-top: 5px
    }

    body .ds-768-vg-5--bottom {
        margin-bottom: 5px
    }

    body .ds-768-vp-5--top {
        padding-top: 5px
    }

    body .ds-768-vp-5--bottom {
        padding-bottom: 5px
    }

    html[dir=ltr] body .ds-768-hg-5--left {
        margin-left: 5px
    }

    html[dir=ltr] body .ds-768-hg-5--right {
        margin-right: 5px
    }

    html[dir=ltr] body .ds-768-hp-5--left {
        padding-left: 5px
    }

    html[dir=ltr] body .ds-768-hp-5--right {
        padding-right: 5px
    }

    html[dir=ltr] body .ds-768-ho-5--left {
        margin-left: -5px
    }

    html[dir=ltr] body .ds-768-ho-5--right {
        margin-right: -5px
    }

    html[dir=rtl] body .ds-768-hg-5--left {
        margin-right: 5px
    }

    html[dir=rtl] body .ds-768-hg-5--right {
        margin-left: 5px
    }

    html[dir=rtl] body .ds-768-hp-5--left {
        padding-right: 5px
    }

    html[dir=rtl] body .ds-768-hp-5--right {
        padding-left: 5px
    }

    html[dir=rtl] body .ds-768-ho-5--right {
        margin-left: -5px
    }

    html[dir=rtl] body .ds-768-ho-5--left {
        margin-right: -5px
    }

    body .ds-768-fg-10 {
        margin: 10px!important
    }

    body .ds-768-fp-10 {
        padding: 10px!important
    }

    body .ds-768-vg-10--top {
        margin-top: 10px
    }

    body .ds-768-vg-10--bottom {
        margin-bottom: 10px
    }

    body .ds-768-vp-10--top {
        padding-top: 10px
    }

    body .ds-768-vp-10--bottom {
        padding-bottom: 10px
    }

    html[dir=ltr] body .ds-768-hg-10--left {
        margin-left: 10px
    }

    html[dir=ltr] body .ds-768-hg-10--right {
        margin-right: 10px
    }

    html[dir=ltr] body .ds-768-hp-10--left {
        padding-left: 10px
    }

    html[dir=ltr] body .ds-768-hp-10--right {
        padding-right: 10px
    }

    html[dir=ltr] body .ds-768-ho-10--left {
        margin-left: -10px
    }

    html[dir=ltr] body .ds-768-ho-10--right {
        margin-right: -10px
    }

    html[dir=rtl] body .ds-768-hg-10--left {
        margin-right: 10px
    }

    html[dir=rtl] body .ds-768-hg-10--right {
        margin-left: 10px
    }

    html[dir=rtl] body .ds-768-hp-10--left {
        padding-right: 10px
    }

    html[dir=rtl] body .ds-768-hp-10--right {
        padding-left: 10px
    }

    html[dir=rtl] body .ds-768-ho-10--right {
        margin-left: -10px
    }

    html[dir=rtl] body .ds-768-ho-10--left {
        margin-right: -10px
    }

    body .ds-768-fg-15 {
        margin: 15px!important
    }

    body .ds-768-fp-15 {
        padding: 15px!important
    }

    body .ds-768-vg-15--top {
        margin-top: 15px
    }

    body .ds-768-vg-15--bottom {
        margin-bottom: 15px
    }

    body .ds-768-vp-15--top {
        padding-top: 15px
    }

    body .ds-768-vp-15--bottom {
        padding-bottom: 15px
    }

    html[dir=ltr] body .ds-768-hg-15--left {
        margin-left: 15px
    }

    html[dir=ltr] body .ds-768-hg-15--right {
        margin-right: 15px
    }

    html[dir=ltr] body .ds-768-hp-15--left {
        padding-left: 15px
    }

    html[dir=ltr] body .ds-768-hp-15--right {
        padding-right: 15px
    }

    html[dir=ltr] body .ds-768-ho-15--left {
        margin-left: -15px
    }

    html[dir=ltr] body .ds-768-ho-15--right {
        margin-right: -15px
    }

    html[dir=rtl] body .ds-768-hg-15--left {
        margin-right: 15px
    }

    html[dir=rtl] body .ds-768-hg-15--right {
        margin-left: 15px
    }

    html[dir=rtl] body .ds-768-hp-15--left {
        padding-right: 15px
    }

    html[dir=rtl] body .ds-768-hp-15--right {
        padding-left: 15px
    }

    html[dir=rtl] body .ds-768-ho-15--right {
        margin-left: -15px
    }

    html[dir=rtl] body .ds-768-ho-15--left {
        margin-right: -15px
    }

    body .ds-768-fg-20 {
        margin: 20px!important
    }

    body .ds-768-fp-20 {
        padding: 20px!important
    }

    body .ds-768-vg-20--top {
        margin-top: 20px
    }

    body .ds-768-vg-20--bottom {
        margin-bottom: 20px
    }

    body .ds-768-vp-20--top {
        padding-top: 20px
    }

    body .ds-768-vp-20--bottom {
        padding-bottom: 20px
    }

    html[dir=ltr] body .ds-768-hg-20--left {
        margin-left: 20px
    }

    html[dir=ltr] body .ds-768-hg-20--right {
        margin-right: 20px
    }

    html[dir=ltr] body .ds-768-hp-20--left {
        padding-left: 20px
    }

    html[dir=ltr] body .ds-768-hp-20--right {
        padding-right: 20px
    }

    html[dir=ltr] body .ds-768-ho-20--left {
        margin-left: -20px
    }

    html[dir=ltr] body .ds-768-ho-20--right {
        margin-right: -20px
    }

    html[dir=rtl] body .ds-768-hg-20--left {
        margin-right: 20px
    }

    html[dir=rtl] body .ds-768-hg-20--right {
        margin-left: 20px
    }

    html[dir=rtl] body .ds-768-hp-20--left {
        padding-right: 20px
    }

    html[dir=rtl] body .ds-768-hp-20--right {
        padding-left: 20px
    }

    html[dir=rtl] body .ds-768-ho-20--right {
        margin-left: -20px
    }

    html[dir=rtl] body .ds-768-ho-20--left {
        margin-right: -20px
    }

    body .ds-768-fg-25 {
        margin: 25px!important
    }

    body .ds-768-fp-25 {
        padding: 25px!important
    }

    body .ds-768-vg-25--top {
        margin-top: 25px
    }

    body .ds-768-vg-25--bottom {
        margin-bottom: 25px
    }

    body .ds-768-vp-25--top {
        padding-top: 25px
    }

    body .ds-768-vp-25--bottom {
        padding-bottom: 25px
    }

    html[dir=ltr] body .ds-768-hg-25--left {
        margin-left: 25px
    }

    html[dir=ltr] body .ds-768-hg-25--right {
        margin-right: 25px
    }

    html[dir=ltr] body .ds-768-hp-25--left {
        padding-left: 25px
    }

    html[dir=ltr] body .ds-768-hp-25--right {
        padding-right: 25px
    }

    html[dir=ltr] body .ds-768-ho-25--left {
        margin-left: -25px
    }

    html[dir=ltr] body .ds-768-ho-25--right {
        margin-right: -25px
    }

    html[dir=rtl] body .ds-768-hg-25--left {
        margin-right: 25px
    }

    html[dir=rtl] body .ds-768-hg-25--right {
        margin-left: 25px
    }

    html[dir=rtl] body .ds-768-hp-25--left {
        padding-right: 25px
    }

    html[dir=rtl] body .ds-768-hp-25--right {
        padding-left: 25px
    }

    html[dir=rtl] body .ds-768-ho-25--right {
        margin-left: -25px
    }

    html[dir=rtl] body .ds-768-ho-25--left {
        margin-right: -25px
    }

    body .ds-768-fg-30 {
        margin: 30px!important
    }

    body .ds-768-fp-30 {
        padding: 30px!important
    }

    body .ds-768-vg-30--top {
        margin-top: 30px
    }

    body .ds-768-vg-30--bottom {
        margin-bottom: 30px
    }

    body .ds-768-vp-30--top {
        padding-top: 30px
    }

    body .ds-768-vp-30--bottom {
        padding-bottom: 30px
    }

    html[dir=ltr] body .ds-768-hg-30--left {
        margin-left: 30px
    }

    html[dir=ltr] body .ds-768-hg-30--right {
        margin-right: 30px
    }

    html[dir=ltr] body .ds-768-hp-30--left {
        padding-left: 30px
    }

    html[dir=ltr] body .ds-768-hp-30--right {
        padding-right: 30px
    }

    html[dir=ltr] body .ds-768-ho-30--left {
        margin-left: -30px
    }

    html[dir=ltr] body .ds-768-ho-30--right {
        margin-right: -30px
    }

    html[dir=rtl] body .ds-768-hg-30--left {
        margin-right: 30px
    }

    html[dir=rtl] body .ds-768-hg-30--right {
        margin-left: 30px
    }

    html[dir=rtl] body .ds-768-hp-30--left {
        padding-right: 30px
    }

    html[dir=rtl] body .ds-768-hp-30--right {
        padding-left: 30px
    }

    html[dir=rtl] body .ds-768-ho-30--right {
        margin-left: -30px
    }

    html[dir=rtl] body .ds-768-ho-30--left {
        margin-right: -30px
    }

    body .ds-768-fg-35 {
        margin: 35px!important
    }

    body .ds-768-fp-35 {
        padding: 35px!important
    }

    body .ds-768-vg-35--top {
        margin-top: 35px
    }

    body .ds-768-vg-35--bottom {
        margin-bottom: 35px
    }

    body .ds-768-vp-35--top {
        padding-top: 35px
    }

    body .ds-768-vp-35--bottom {
        padding-bottom: 35px
    }

    html[dir=ltr] body .ds-768-hg-35--left {
        margin-left: 35px
    }

    html[dir=ltr] body .ds-768-hg-35--right {
        margin-right: 35px
    }

    html[dir=ltr] body .ds-768-hp-35--left {
        padding-left: 35px
    }

    html[dir=ltr] body .ds-768-hp-35--right {
        padding-right: 35px
    }

    html[dir=ltr] body .ds-768-ho-35--left {
        margin-left: -35px
    }

    html[dir=ltr] body .ds-768-ho-35--right {
        margin-right: -35px
    }

    html[dir=rtl] body .ds-768-hg-35--left {
        margin-right: 35px
    }

    html[dir=rtl] body .ds-768-hg-35--right {
        margin-left: 35px
    }

    html[dir=rtl] body .ds-768-hp-35--left {
        padding-right: 35px
    }

    html[dir=rtl] body .ds-768-hp-35--right {
        padding-left: 35px
    }

    html[dir=rtl] body .ds-768-ho-35--right {
        margin-left: -35px
    }

    html[dir=rtl] body .ds-768-ho-35--left {
        margin-right: -35px
    }

    body .ds-768-fg-40 {
        margin: 40px!important
    }

    body .ds-768-fp-40 {
        padding: 40px!important
    }

    body .ds-768-vg-40--top {
        margin-top: 40px
    }

    body .ds-768-vg-40--bottom {
        margin-bottom: 40px
    }

    body .ds-768-vp-40--top {
        padding-top: 40px
    }

    body .ds-768-vp-40--bottom {
        padding-bottom: 40px
    }

    html[dir=ltr] body .ds-768-hg-40--left {
        margin-left: 40px
    }

    html[dir=ltr] body .ds-768-hg-40--right {
        margin-right: 40px
    }

    html[dir=ltr] body .ds-768-hp-40--left {
        padding-left: 40px
    }

    html[dir=ltr] body .ds-768-hp-40--right {
        padding-right: 40px
    }

    html[dir=ltr] body .ds-768-ho-40--left {
        margin-left: -40px
    }

    html[dir=ltr] body .ds-768-ho-40--right {
        margin-right: -40px
    }

    html[dir=rtl] body .ds-768-hg-40--left {
        margin-right: 40px
    }

    html[dir=rtl] body .ds-768-hg-40--right {
        margin-left: 40px
    }

    html[dir=rtl] body .ds-768-hp-40--left {
        padding-right: 40px
    }

    html[dir=rtl] body .ds-768-hp-40--right {
        padding-left: 40px
    }

    html[dir=rtl] body .ds-768-ho-40--right {
        margin-left: -40px
    }

    html[dir=rtl] body .ds-768-ho-40--left {
        margin-right: -40px
    }

    body .ds-768-fg-45 {
        margin: 45px!important
    }

    body .ds-768-fp-45 {
        padding: 45px!important
    }

    body .ds-768-vg-45--top {
        margin-top: 45px
    }

    body .ds-768-vg-45--bottom {
        margin-bottom: 45px
    }

    body .ds-768-vp-45--top {
        padding-top: 45px
    }

    body .ds-768-vp-45--bottom {
        padding-bottom: 45px
    }

    html[dir=ltr] body .ds-768-hg-45--left {
        margin-left: 45px
    }

    html[dir=ltr] body .ds-768-hg-45--right {
        margin-right: 45px
    }

    html[dir=ltr] body .ds-768-hp-45--left {
        padding-left: 45px
    }

    html[dir=ltr] body .ds-768-hp-45--right {
        padding-right: 45px
    }

    html[dir=ltr] body .ds-768-ho-45--left {
        margin-left: -45px
    }

    html[dir=ltr] body .ds-768-ho-45--right {
        margin-right: -45px
    }

    html[dir=rtl] body .ds-768-hg-45--left {
        margin-right: 45px
    }

    html[dir=rtl] body .ds-768-hg-45--right {
        margin-left: 45px
    }

    html[dir=rtl] body .ds-768-hp-45--left {
        padding-right: 45px
    }

    html[dir=rtl] body .ds-768-hp-45--right {
        padding-left: 45px
    }

    html[dir=rtl] body .ds-768-ho-45--right {
        margin-left: -45px
    }

    html[dir=rtl] body .ds-768-ho-45--left {
        margin-right: -45px
    }

    body .ds-768-fg-50 {
        margin: 50px!important
    }

    body .ds-768-fp-50 {
        padding: 50px!important
    }

    body .ds-768-vg-50--top {
        margin-top: 50px
    }

    body .ds-768-vg-50--bottom {
        margin-bottom: 50px
    }

    body .ds-768-vp-50--top {
        padding-top: 50px
    }

    body .ds-768-vp-50--bottom {
        padding-bottom: 50px
    }

    html[dir=ltr] body .ds-768-hg-50--left {
        margin-left: 50px
    }

    html[dir=ltr] body .ds-768-hg-50--right {
        margin-right: 50px
    }

    html[dir=ltr] body .ds-768-hp-50--left {
        padding-left: 50px
    }

    html[dir=ltr] body .ds-768-hp-50--right {
        padding-right: 50px
    }

    html[dir=ltr] body .ds-768-ho-50--left {
        margin-left: -50px
    }

    html[dir=ltr] body .ds-768-ho-50--right {
        margin-right: -50px
    }

    html[dir=rtl] body .ds-768-hg-50--left {
        margin-right: 50px
    }

    html[dir=rtl] body .ds-768-hg-50--right {
        margin-left: 50px
    }

    html[dir=rtl] body .ds-768-hp-50--left {
        padding-right: 50px
    }

    html[dir=rtl] body .ds-768-hp-50--right {
        padding-left: 50px
    }

    html[dir=rtl] body .ds-768-ho-50--right {
        margin-left: -50px
    }

    html[dir=rtl] body .ds-768-ho-50--left {
        margin-right: -50px
    }

    body .ds-768-fg-55 {
        margin: 55px!important
    }

    body .ds-768-fp-55 {
        padding: 55px!important
    }

    body .ds-768-vg-55--top {
        margin-top: 55px
    }

    body .ds-768-vg-55--bottom {
        margin-bottom: 55px
    }

    body .ds-768-vp-55--top {
        padding-top: 55px
    }

    body .ds-768-vp-55--bottom {
        padding-bottom: 55px
    }

    html[dir=ltr] body .ds-768-hg-55--left {
        margin-left: 55px
    }

    html[dir=ltr] body .ds-768-hg-55--right {
        margin-right: 55px
    }

    html[dir=ltr] body .ds-768-hp-55--left {
        padding-left: 55px
    }

    html[dir=ltr] body .ds-768-hp-55--right {
        padding-right: 55px
    }

    html[dir=ltr] body .ds-768-ho-55--left {
        margin-left: -55px
    }

    html[dir=ltr] body .ds-768-ho-55--right {
        margin-right: -55px
    }

    html[dir=rtl] body .ds-768-hg-55--left {
        margin-right: 55px
    }

    html[dir=rtl] body .ds-768-hg-55--right {
        margin-left: 55px
    }

    html[dir=rtl] body .ds-768-hp-55--left {
        padding-right: 55px
    }

    html[dir=rtl] body .ds-768-hp-55--right {
        padding-left: 55px
    }

    html[dir=rtl] body .ds-768-ho-55--right {
        margin-left: -55px
    }

    html[dir=rtl] body .ds-768-ho-55--left {
        margin-right: -55px
    }

    body .ds-768-fg-60 {
        margin: 60px!important
    }

    body .ds-768-fp-60 {
        padding: 60px!important
    }

    body .ds-768-vg-60--top {
        margin-top: 60px
    }

    body .ds-768-vg-60--bottom {
        margin-bottom: 60px
    }

    body .ds-768-vp-60--top {
        padding-top: 60px
    }

    body .ds-768-vp-60--bottom {
        padding-bottom: 60px
    }

    html[dir=ltr] body .ds-768-hg-60--left {
        margin-left: 60px
    }

    html[dir=ltr] body .ds-768-hg-60--right {
        margin-right: 60px
    }

    html[dir=ltr] body .ds-768-hp-60--left {
        padding-left: 60px
    }

    html[dir=ltr] body .ds-768-hp-60--right {
        padding-right: 60px
    }

    html[dir=ltr] body .ds-768-ho-60--left {
        margin-left: -60px
    }

    html[dir=ltr] body .ds-768-ho-60--right {
        margin-right: -60px
    }

    html[dir=rtl] body .ds-768-hg-60--left {
        margin-right: 60px
    }

    html[dir=rtl] body .ds-768-hg-60--right {
        margin-left: 60px
    }

    html[dir=rtl] body .ds-768-hp-60--left {
        padding-right: 60px
    }

    html[dir=rtl] body .ds-768-hp-60--right {
        padding-left: 60px
    }

    html[dir=rtl] body .ds-768-ho-60--right {
        margin-left: -60px
    }

    html[dir=rtl] body .ds-768-ho-60--left {
        margin-right: -60px
    }
}

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

	.blue-title-padding
	{ font-size: 1em; color: #0088ce; text-align:center;  left: 0% !important}

    .dv-640--show {
        display:block!important
    }

    .dv-640--hide {
        display: none!important
    }

    .dg-640-reset {
        position: relative;
        top: auto;
        left: auto;
        bottom: auto;
        right: auto
    }

    .dg-640-line,.dg-640-line.table-display {
        overflow: hidden;
        _overflow: visible;
        _zoom: 1;
        width: 100%;
        display: block
    }

    .dg-640-unit--1-1 {
        width: 100%;
        display: block!important
    }

    .dg-640-unit--1-1.hide {
        display: none!important
    }

    [class*=".dg-640-unit--"] {
        float: left;
        _zoom: 1;
        box-sizing: border-box
    }

    .dg-640-unit--1-2 {
        width: 50%
    }

    .dg-640-unit--1-3 {
        width: 33.33333333%
    }

    .dg-640-unit--2-3 {
        width: 66.66666667%
    }

    .dg-640-unit--1-4 {
        width: 25%
    }

    .dg-640-unit--3-4 {
        width: 75%
    }

    .dg-640-unit--1-5 {
        width: 20%
    }

    .dg-640-unit--2-5 {
        width: 40%
    }

    .dg-640-unit--3-5 {
        width: 60%
    }

    .dg-640-unit--4-5 {
        width: 80%
    }

    .dg-640-unit--1-6 {
        width: 16.66666667%
    }

    .dg-640-unit--5-6 {
        width: 83.33333333%
    }

    .dg-640-unit--1-7 {
        width: 14.28571429%
    }

    .dg-640-unit--2-7 {
        width: 28.57142857%
    }

    .dg-640-unit--3-7 {
        width: 42.85714286%
    }

    .dg-640-unit--4-7 {
        width: 57.14285714%
    }

    .dg-640-unit--5-7 {
        width: 71.42857143%
    }

    .dg-640-unit--6-7 {
        width: 85.71428571%
    }

    .dg-640-unit--1-8 {
        width: 12.5%
    }

    .dg-640-unit--3-8 {
        width: 37.5%
    }

    .dg-640-unit--5-8 {
        width: 62.5%
    }

    .dg-640-unit--7-8 {
        width: 87.5%
    }

    .dg-640-unit--1-9 {
        width: 11.11111111%
    }

    .dg-640-unit--2-9 {
        width: 22.22222222%
    }

    .dg-640-unit--4-9 {
        width: 44.44444444%
    }

    .dg-640-unit--5-9 {
        width: 55.55555556%
    }

    .dg-640-unit--7-9 {
        width: 77.77777778%
    }

    .dg-640-unit--8-9 {
        width: 88.88888889%
    }

    .dg-640-unit--1-10 {
        width: 10%
    }

    .dg-640-unit--3-10 {
        width: 30%
    }

    .dg-640-unit--7-10 {
        width: 70%
    }

    .dg-640-unit--9-10 {
        width: 90%
    }

    .dg-640-unit--1-20 {
        width: 5%
    }

    .dg-640-unit--3-20 {
        width: 15%
    }

    .dg-640-unit--7-20 {
        width: 35%
    }

    .dg-640-unit--9-20 {
        width: 45%
    }

    .dg-640-unit--11-20 {
        width: 55%
    }

    .dg-640-unit--13-20 {
        width: 65%
    }

    .dg-640-unit--17-20 {
        width: 85%
    }

    .dg-640-unit--19-20 {
        width: 95%
    }

    html[dir=ltr] body .da-640--invert {
        text-align: right
    }

    html[dir=ltr] body .da-640--revert,html[dir=rtl] body .da-640--invert {
        text-align: left
    }

    html[dir=rtl] body .da-640--revert {
        text-align: right
    }

    body .ds-640-fg-0 {
        margin: 0!important
    }

    body .ds-640-fp-0 {
        padding: 0!important
    }

    body .ds-640-vg-0--top {
        margin-top: 0
    }

    body .ds-640-vg-0--bottom {
        margin-bottom: 0
    }

    body .ds-640-vp-0--top {
        padding-top: 0
    }

    body .ds-640-vp-0--bottom {
        padding-bottom: 0
    }

    html[dir=ltr] body .ds-640-hg-0--left {
        margin-left: 0
    }

    html[dir=ltr] body .ds-640-hg-0--right {
        margin-right: 0
    }

    html[dir=ltr] body .ds-640-hp-0--left {
        padding-left: 0
    }

    html[dir=ltr] body .ds-640-hp-0--right {
        padding-right: 0
    }

    html[dir=ltr] body .ds-640-ho-0--left {
        margin-left: 0
    }

    html[dir=ltr] body .ds-640-ho-0--right,html[dir=rtl] body .ds-640-hg-0--left {
        margin-right: 0
    }

    html[dir=rtl] body .ds-640-hg-0--right {
        margin-left: 0
    }

    html[dir=rtl] body .ds-640-hp-0--left {
        padding-right: 0
    }

    html[dir=rtl] body .ds-640-hp-0--right {
        padding-left: 0
    }

    html[dir=rtl] body .ds-640-ho-0--right {
        margin-left: 0
    }

    html[dir=rtl] body .ds-640-ho-0--left {
        margin-right: 0
    }

    body .ds-640-fg-5 {
        margin: 5px!important
    }

    body .ds-640-fp-5 {
        padding: 5px!important
    }

    body .ds-640-vg-5--top {
        margin-top: 5px
    }

    body .ds-640-vg-5--bottom {
        margin-bottom: 5px
    }

    body .ds-640-vp-5--top {
        padding-top: 5px
    }

    body .ds-640-vp-5--bottom {
        padding-bottom: 5px
    }

    html[dir=ltr] body .ds-640-hg-5--left {
        margin-left: 5px
    }

    html[dir=ltr] body .ds-640-hg-5--right {
        margin-right: 5px
    }

    html[dir=ltr] body .ds-640-hp-5--left {
        padding-left: 5px
    }

    html[dir=ltr] body .ds-640-hp-5--right {
        padding-right: 5px
    }

    html[dir=ltr] body .ds-640-ho-5--left {
        margin-left: -5px
    }

    html[dir=ltr] body .ds-640-ho-5--right {
        margin-right: -5px
    }

    html[dir=rtl] body .ds-640-hg-5--left {
        margin-right: 5px
    }

    html[dir=rtl] body .ds-640-hg-5--right {
        margin-left: 5px
    }

    html[dir=rtl] body .ds-640-hp-5--left {
        padding-right: 5px
    }

    html[dir=rtl] body .ds-640-hp-5--right {
        padding-left: 5px
    }

    html[dir=rtl] body .ds-640-ho-5--right {
        margin-left: -5px
    }

    html[dir=rtl] body .ds-640-ho-5--left {
        margin-right: -5px
    }

    body .ds-640-fg-10 {
        margin: 10px!important
    }

    body .ds-640-fp-10 {
        padding: 10px!important
    }

    body .ds-640-vg-10--top {
        margin-top: 10px
    }

    body .ds-640-vg-10--bottom {
        margin-bottom: 10px
    }

    body .ds-640-vp-10--top {
        padding-top: 10px
    }

    body .ds-640-vp-10--bottom {
        padding-bottom: 10px
    }

    html[dir=ltr] body .ds-640-hg-10--left {
        margin-left: 10px
    }

    html[dir=ltr] body .ds-640-hg-10--right {
        margin-right: 10px
    }

    html[dir=ltr] body .ds-640-hp-10--left {
        padding-left: 10px
    }

    html[dir=ltr] body .ds-640-hp-10--right {
        padding-right: 10px
    }

    html[dir=ltr] body .ds-640-ho-10--left {
        margin-left: -10px
    }

    html[dir=ltr] body .ds-640-ho-10--right {
        margin-right: -10px
    }

    html[dir=rtl] body .ds-640-hg-10--left {
        margin-right: 10px
    }

    html[dir=rtl] body .ds-640-hg-10--right {
        margin-left: 10px
    }

    html[dir=rtl] body .ds-640-hp-10--left {
        padding-right: 10px
    }

    html[dir=rtl] body .ds-640-hp-10--right {
        padding-left: 10px
    }

    html[dir=rtl] body .ds-640-ho-10--right {
        margin-left: -10px
    }

    html[dir=rtl] body .ds-640-ho-10--left {
        margin-right: -10px
    }

    body .ds-640-fg-15 {
        margin: 15px!important
    }

    body .ds-640-fp-15 {
        padding: 15px!important
    }

    body .ds-640-vg-15--top {
        margin-top: 15px
    }

    body .ds-640-vg-15--bottom {
        margin-bottom: 15px
    }

    body .ds-640-vp-15--top {
        padding-top: 15px
    }

    body .ds-640-vp-15--bottom {
        padding-bottom: 15px
    }

    html[dir=ltr] body .ds-640-hg-15--left {
        margin-left: 15px
    }

    html[dir=ltr] body .ds-640-hg-15--right {
        margin-right: 15px
    }

    html[dir=ltr] body .ds-640-hp-15--left {
        padding-left: 15px
    }

    html[dir=ltr] body .ds-640-hp-15--right {
        padding-right: 15px
    }

    html[dir=ltr] body .ds-640-ho-15--left {
        margin-left: -15px
    }

    html[dir=ltr] body .ds-640-ho-15--right {
        margin-right: -15px
    }

    html[dir=rtl] body .ds-640-hg-15--left {
        margin-right: 15px
    }

    html[dir=rtl] body .ds-640-hg-15--right {
        margin-left: 15px
    }

    html[dir=rtl] body .ds-640-hp-15--left {
        padding-right: 15px
    }

    html[dir=rtl] body .ds-640-hp-15--right {
        padding-left: 15px
    }

    html[dir=rtl] body .ds-640-ho-15--right {
        margin-left: -15px
    }

    html[dir=rtl] body .ds-640-ho-15--left {
        margin-right: -15px
    }

    body .ds-640-fg-20 {
        margin: 20px!important
    }

    body .ds-640-fp-20 {
        padding: 20px!important
    }

    body .ds-640-vg-20--top {
        margin-top: 20px
    }

    body .ds-640-vg-20--bottom {
        margin-bottom: 20px
    }

    body .ds-640-vp-20--top {
        padding-top: 20px
    }

    body .ds-640-vp-20--bottom {
        padding-bottom: 20px
    }

    html[dir=ltr] body .ds-640-hg-20--left {
        margin-left: 20px
    }

    html[dir=ltr] body .ds-640-hg-20--right {
        margin-right: 20px
    }

    html[dir=ltr] body .ds-640-hp-20--left {
        padding-left: 20px
    }

    html[dir=ltr] body .ds-640-hp-20--right {
        padding-right: 20px
    }

    html[dir=ltr] body .ds-640-ho-20--left {
        margin-left: -20px
    }

    html[dir=ltr] body .ds-640-ho-20--right {
        margin-right: -20px
    }

    html[dir=rtl] body .ds-640-hg-20--left {
        margin-right: 20px
    }

    html[dir=rtl] body .ds-640-hg-20--right {
        margin-left: 20px
    }

    html[dir=rtl] body .ds-640-hp-20--left {
        padding-right: 20px
    }

    html[dir=rtl] body .ds-640-hp-20--right {
        padding-left: 20px
    }

    html[dir=rtl] body .ds-640-ho-20--right {
        margin-left: -20px
    }

    html[dir=rtl] body .ds-640-ho-20--left {
        margin-right: -20px
    }

    body .ds-640-fg-25 {
        margin: 25px!important
    }

    body .ds-640-fp-25 {
        padding: 25px!important
    }

    body .ds-640-vg-25--top {
        margin-top: 25px
    }

    body .ds-640-vg-25--bottom {
        margin-bottom: 25px
    }

    body .ds-640-vp-25--top {
        padding-top: 25px
    }

    body .ds-640-vp-25--bottom {
        padding-bottom: 25px
    }

    html[dir=ltr] body .ds-640-hg-25--left {
        margin-left: 25px
    }

    html[dir=ltr] body .ds-640-hg-25--right {
        margin-right: 25px
    }

    html[dir=ltr] body .ds-640-hp-25--left {
        padding-left: 25px
    }

    html[dir=ltr] body .ds-640-hp-25--right {
        padding-right: 25px
    }

    html[dir=ltr] body .ds-640-ho-25--left {
        margin-left: -25px
    }

    html[dir=ltr] body .ds-640-ho-25--right {
        margin-right: -25px
    }

    html[dir=rtl] body .ds-640-hg-25--left {
        margin-right: 25px
    }

    html[dir=rtl] body .ds-640-hg-25--right {
        margin-left: 25px
    }

    html[dir=rtl] body .ds-640-hp-25--left {
        padding-right: 25px
    }

    html[dir=rtl] body .ds-640-hp-25--right {
        padding-left: 25px
    }

    html[dir=rtl] body .ds-640-ho-25--right {
        margin-left: -25px
    }

    html[dir=rtl] body .ds-640-ho-25--left {
        margin-right: -25px
    }

    body .ds-640-fg-30 {
        margin: 30px!important
    }

    body .ds-640-fp-30 {
        padding: 30px!important
    }

    body .ds-640-vg-30--top {
        margin-top: 30px
    }

    body .ds-640-vg-30--bottom {
        margin-bottom: 30px
    }

    body .ds-640-vp-30--top {
        padding-top: 30px
    }

    body .ds-640-vp-30--bottom {
        padding-bottom: 30px
    }

    html[dir=ltr] body .ds-640-hg-30--left {
        margin-left: 30px
    }

    html[dir=ltr] body .ds-640-hg-30--right {
        margin-right: 30px
    }

    html[dir=ltr] body .ds-640-hp-30--left {
        padding-left: 30px
    }

    html[dir=ltr] body .ds-640-hp-30--right {
        padding-right: 30px
    }

    html[dir=ltr] body .ds-640-ho-30--left {
        margin-left: -30px
    }

    html[dir=ltr] body .ds-640-ho-30--right {
        margin-right: -30px
    }

    html[dir=rtl] body .ds-640-hg-30--left {
        margin-right: 30px
    }

    html[dir=rtl] body .ds-640-hg-30--right {
        margin-left: 30px
    }

    html[dir=rtl] body .ds-640-hp-30--left {
        padding-right: 30px
    }

    html[dir=rtl] body .ds-640-hp-30--right {
        padding-left: 30px
    }

    html[dir=rtl] body .ds-640-ho-30--right {
        margin-left: -30px
    }

    html[dir=rtl] body .ds-640-ho-30--left {
        margin-right: -30px
    }

    body .ds-640-fg-35 {
        margin: 35px!important
    }

    body .ds-640-fp-35 {
        padding: 35px!important
    }

    body .ds-640-vg-35--top {
        margin-top: 35px
    }

    body .ds-640-vg-35--bottom {
        margin-bottom: 35px
    }

    body .ds-640-vp-35--top {
        padding-top: 35px
    }

    body .ds-640-vp-35--bottom {
        padding-bottom: 35px
    }

    html[dir=ltr] body .ds-640-hg-35--left {
        margin-left: 35px
    }

    html[dir=ltr] body .ds-640-hg-35--right {
        margin-right: 35px
    }

    html[dir=ltr] body .ds-640-hp-35--left {
        padding-left: 35px
    }

    html[dir=ltr] body .ds-640-hp-35--right {
        padding-right: 35px
    }

    html[dir=ltr] body .ds-640-ho-35--left {
        margin-left: -35px
    }

    html[dir=ltr] body .ds-640-ho-35--right {
        margin-right: -35px
    }

    html[dir=rtl] body .ds-640-hg-35--left {
        margin-right: 35px
    }

    html[dir=rtl] body .ds-640-hg-35--right {
        margin-left: 35px
    }

    html[dir=rtl] body .ds-640-hp-35--left {
        padding-right: 35px
    }

    html[dir=rtl] body .ds-640-hp-35--right {
        padding-left: 35px
    }

    html[dir=rtl] body .ds-640-ho-35--right {
        margin-left: -35px
    }

    html[dir=rtl] body .ds-640-ho-35--left {
        margin-right: -35px
    }

    body .ds-640-fg-40 {
        margin: 40px!important
    }

    body .ds-640-fp-40 {
        padding: 40px!important
    }

    body .ds-640-vg-40--top {
        margin-top: 40px
    }

    body .ds-640-vg-40--bottom {
        margin-bottom: 40px
    }

    body .ds-640-vp-40--top {
        padding-top: 40px
    }

    body .ds-640-vp-40--bottom {
        padding-bottom: 40px
    }

    html[dir=ltr] body .ds-640-hg-40--left {
        margin-left: 40px
    }

    html[dir=ltr] body .ds-640-hg-40--right {
        margin-right: 40px
    }

    html[dir=ltr] body .ds-640-hp-40--left {
        padding-left: 40px
    }

    html[dir=ltr] body .ds-640-hp-40--right {
        padding-right: 40px
    }

    html[dir=ltr] body .ds-640-ho-40--left {
        margin-left: -40px
    }

    html[dir=ltr] body .ds-640-ho-40--right {
        margin-right: -40px
    }

    html[dir=rtl] body .ds-640-hg-40--left {
        margin-right: 40px
    }

    html[dir=rtl] body .ds-640-hg-40--right {
        margin-left: 40px
    }

    html[dir=rtl] body .ds-640-hp-40--left {
        padding-right: 40px
    }

    html[dir=rtl] body .ds-640-hp-40--right {
        padding-left: 40px
    }

    html[dir=rtl] body .ds-640-ho-40--right {
        margin-left: -40px
    }

    html[dir=rtl] body .ds-640-ho-40--left {
        margin-right: -40px
    }

    body .ds-640-fg-45 {
        margin: 45px!important
    }

    body .ds-640-fp-45 {
        padding: 45px!important
    }

    body .ds-640-vg-45--top {
        margin-top: 45px
    }

    body .ds-640-vg-45--bottom {
        margin-bottom: 45px
    }

    body .ds-640-vp-45--top {
        padding-top: 45px
    }

    body .ds-640-vp-45--bottom {
        padding-bottom: 45px
    }

    html[dir=ltr] body .ds-640-hg-45--left {
        margin-left: 45px
    }

    html[dir=ltr] body .ds-640-hg-45--right {
        margin-right: 45px
    }

    html[dir=ltr] body .ds-640-hp-45--left {
        padding-left: 45px
    }

    html[dir=ltr] body .ds-640-hp-45--right {
        padding-right: 45px
    }

    html[dir=ltr] body .ds-640-ho-45--left {
        margin-left: -45px
    }

    html[dir=ltr] body .ds-640-ho-45--right {
        margin-right: -45px
    }

    html[dir=rtl] body .ds-640-hg-45--left {
        margin-right: 45px
    }

    html[dir=rtl] body .ds-640-hg-45--right {
        margin-left: 45px
    }

    html[dir=rtl] body .ds-640-hp-45--left {
        padding-right: 45px
    }

    html[dir=rtl] body .ds-640-hp-45--right {
        padding-left: 45px
    }

    html[dir=rtl] body .ds-640-ho-45--right {
        margin-left: -45px
    }

    html[dir=rtl] body .ds-640-ho-45--left {
        margin-right: -45px
    }

    body .ds-640-fg-50 {
        margin: 50px!important
    }

    body .ds-640-fp-50 {
        padding: 50px!important
    }

    body .ds-640-vg-50--top {
        margin-top: 50px
    }

    body .ds-640-vg-50--bottom {
        margin-bottom: 50px
    }

    body .ds-640-vp-50--top {
        padding-top: 50px
    }

    body .ds-640-vp-50--bottom {
        padding-bottom: 50px
    }

    html[dir=ltr] body .ds-640-hg-50--left {
        margin-left: 50px
    }

    html[dir=ltr] body .ds-640-hg-50--right {
        margin-right: 50px
    }

    html[dir=ltr] body .ds-640-hp-50--left {
        padding-left: 50px
    }

    html[dir=ltr] body .ds-640-hp-50--right {
        padding-right: 50px
    }

    html[dir=ltr] body .ds-640-ho-50--left {
        margin-left: -50px
    }

    html[dir=ltr] body .ds-640-ho-50--right {
        margin-right: -50px
    }

    html[dir=rtl] body .ds-640-hg-50--left {
        margin-right: 50px
    }

    html[dir=rtl] body .ds-640-hg-50--right {
        margin-left: 50px
    }

    html[dir=rtl] body .ds-640-hp-50--left {
        padding-right: 50px
    }

    html[dir=rtl] body .ds-640-hp-50--right {
        padding-left: 50px
    }

    html[dir=rtl] body .ds-640-ho-50--right {
        margin-left: -50px
    }

    html[dir=rtl] body .ds-640-ho-50--left {
        margin-right: -50px
    }

    body .ds-640-fg-55 {
        margin: 55px!important
    }

    body .ds-640-fp-55 {
        padding: 55px!important
    }

    body .ds-640-vg-55--top {
        margin-top: 55px
    }

    body .ds-640-vg-55--bottom {
        margin-bottom: 55px
    }

    body .ds-640-vp-55--top {
        padding-top: 55px
    }

    body .ds-640-vp-55--bottom {
        padding-bottom: 55px
    }

    html[dir=ltr] body .ds-640-hg-55--left {
        margin-left: 55px
    }

    html[dir=ltr] body .ds-640-hg-55--right {
        margin-right: 55px
    }

    html[dir=ltr] body .ds-640-hp-55--left {
        padding-left: 55px
    }

    html[dir=ltr] body .ds-640-hp-55--right {
        padding-right: 55px
    }

    html[dir=ltr] body .ds-640-ho-55--left {
        margin-left: -55px
    }

    html[dir=ltr] body .ds-640-ho-55--right {
        margin-right: -55px
    }

    html[dir=rtl] body .ds-640-hg-55--left {
        margin-right: 55px
    }

    html[dir=rtl] body .ds-640-hg-55--right {
        margin-left: 55px
    }

    html[dir=rtl] body .ds-640-hp-55--left {
        padding-right: 55px
    }

    html[dir=rtl] body .ds-640-hp-55--right {
        padding-left: 55px
    }

    html[dir=rtl] body .ds-640-ho-55--right {
        margin-left: -55px
    }

    html[dir=rtl] body .ds-640-ho-55--left {
        margin-right: -55px
    }

    body .ds-640-fg-60 {
        margin: 60px!important
    }

    body .ds-640-fp-60 {
        padding: 60px!important
    }

    body .ds-640-vg-60--top {
        margin-top: 60px
    }

    body .ds-640-vg-60--bottom {
        margin-bottom: 60px
    }

    body .ds-640-vp-60--top {
        padding-top: 60px
    }

    body .ds-640-vp-60--bottom {
        padding-bottom: 60px
    }

    html[dir=ltr] body .ds-640-hg-60--left {
        margin-left: 60px
    }

    html[dir=ltr] body .ds-640-hg-60--right {
        margin-right: 60px
    }

    html[dir=ltr] body .ds-640-hp-60--left {
        padding-left: 60px
    }

    html[dir=ltr] body .ds-640-hp-60--right {
        padding-right: 60px
    }

    html[dir=ltr] body .ds-640-ho-60--left {
        margin-left: -60px
    }

    html[dir=ltr] body .ds-640-ho-60--right {
        margin-right: -60px
    }

    html[dir=rtl] body .ds-640-hg-60--left {
        margin-right: 60px
    }

    html[dir=rtl] body .ds-640-hg-60--right {
        margin-left: 60px
    }

    html[dir=rtl] body .ds-640-hp-60--left {
        padding-right: 60px
    }

    html[dir=rtl] body .ds-640-hp-60--right {
        padding-left: 60px
    }

    html[dir=rtl] body .ds-640-ho-60--right {
        margin-left: -60px
    }

    html[dir=rtl] body .ds-640-ho-60--left {
        margin-right: -60px
    }
}

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

	.blue-title-padding
	{ font-size: 1em; color: #0088ce; text-align:center;  left: 0% !important}

    .dv-480--show {
        display:block!important
    }

    .dv-480--hide {
        display: none!important
    }

    .dg-480-reset {
        position: relative;
        top: auto;
        left: auto;
        bottom: auto;
        right: auto
    }

    .dg-480-line,.dg-480-line.table-display {
        overflow: hidden;
        _overflow: visible;
        _zoom: 1;
        width: 100%;
        display: block
    }

    .dg-480-unit--1-1 {
        width: 100%;
        display: block!important
    }

    .dg-480-unit--1-1.hide {
        display: none!important
    }

    [class*=".dg-480-unit--"] {
        float: left;
        _zoom: 1;
        box-sizing: border-box
    }

    .dg-480-unit--1-2 {
        width: 50%
    }

    .dg-480-unit--1-3 {
        width: 33.33333333%
    }

    .dg-480-unit--2-3 {
        width: 66.66666667%
    }

    .dg-480-unit--1-4 {
        width: 25%
    }

    .dg-480-unit--3-4 {
        width: 75%
    }

    .dg-480-unit--1-5 {
        width: 20%
    }

    .dg-480-unit--2-5 {
        width: 40%
    }

    .dg-480-unit--3-5 {
        width: 60%
    }

    .dg-480-unit--4-5 {
        width: 80%
    }

    .dg-480-unit--1-6 {
        width: 16.66666667%
    }

    .dg-480-unit--5-6 {
        width: 83.33333333%
    }

    .dg-480-unit--1-7 {
        width: 14.28571429%
    }

    .dg-480-unit--2-7 {
        width: 28.57142857%
    }

    .dg-480-unit--3-7 {
        width: 42.85714286%
    }

    .dg-480-unit--4-7 {
        width: 57.14285714%
    }

    .dg-480-unit--5-7 {
        width: 71.42857143%
    }

    .dg-480-unit--6-7 {
        width: 85.71428571%
    }

    .dg-480-unit--1-8 {
        width: 12.5%
    }

    .dg-480-unit--3-8 {
        width: 37.5%
    }

    .dg-480-unit--5-8 {
        width: 62.5%
    }

    .dg-480-unit--7-8 {
        width: 87.5%
    }

    .dg-480-unit--1-9 {
        width: 11.11111111%
    }

    .dg-480-unit--2-9 {
        width: 22.22222222%
    }

    .dg-480-unit--4-9 {
        width: 44.44444444%
    }

    .dg-480-unit--5-9 {
        width: 55.55555556%
    }

    .dg-480-unit--7-9 {
        width: 77.77777778%
    }

    .dg-480-unit--8-9 {
        width: 88.88888889%
    }

    .dg-480-unit--1-10 {
        width: 10%
    }

    .dg-480-unit--3-10 {
        width: 30%
    }

    .dg-480-unit--7-10 {
        width: 70%
    }

    .dg-480-unit--9-10 {
        width: 90%
    }

    .dg-480-unit--1-20 {
        width: 5%
    }

    .dg-480-unit--3-20 {
        width: 15%
    }

    .dg-480-unit--7-20 {
        width: 35%
    }

    .dg-480-unit--9-20 {
        width: 45%
    }

    .dg-480-unit--11-20 {
        width: 55%
    }

    .dg-480-unit--13-20 {
        width: 65%
    }

    .dg-480-unit--17-20 {
        width: 85%
    }

    .dg-480-unit--19-20 {
        width: 95%
    }

    html[dir=ltr] body .da-480--invert {
        text-align: right
    }

    html[dir=ltr] body .da-480--revert,html[dir=rtl] body .da-480--invert {
        text-align: left
    }

    html[dir=rtl] body .da-480--revert {
        text-align: right
    }

    body .ds-480-fg-0 {
        margin: 0!important
    }

    body .ds-480-fp-0 {
        padding: 0!important
    }

    body .ds-480-vg-0--top {
        margin-top: 0
    }

    body .ds-480-vg-0--bottom {
        margin-bottom: 0
    }

    body .ds-480-vp-0--top {
        padding-top: 0
    }

    body .ds-480-vp-0--bottom {
        padding-bottom: 0
    }

    html[dir=ltr] body .ds-480-hg-0--left {
        margin-left: 0
    }

    html[dir=ltr] body .ds-480-hg-0--right {
        margin-right: 0
    }

    html[dir=ltr] body .ds-480-hp-0--left {
        padding-left: 0
    }

    html[dir=ltr] body .ds-480-hp-0--right {
        padding-right: 0
    }

    html[dir=ltr] body .ds-480-ho-0--left {
        margin-left: 0
    }

    html[dir=ltr] body .ds-480-ho-0--right,html[dir=rtl] body .ds-480-hg-0--left {
        margin-right: 0
    }

    html[dir=rtl] body .ds-480-hg-0--right {
        margin-left: 0
    }

    html[dir=rtl] body .ds-480-hp-0--left {
        padding-right: 0
    }

    html[dir=rtl] body .ds-480-hp-0--right {
        padding-left: 0
    }

    html[dir=rtl] body .ds-480-ho-0--right {
        margin-left: 0
    }

    html[dir=rtl] body .ds-480-ho-0--left {
        margin-right: 0
    }

    body .ds-480-fg-5 {
        margin: 5px!important
    }

    body .ds-480-fp-5 {
        padding: 5px!important
    }

    body .ds-480-vg-5--top {
        margin-top: 5px
    }

    body .ds-480-vg-5--bottom {
        margin-bottom: 5px
    }

    body .ds-480-vp-5--top {
        padding-top: 5px
    }

    body .ds-480-vp-5--bottom {
        padding-bottom: 5px
    }

    html[dir=ltr] body .ds-480-hg-5--left {
        margin-left: 5px
    }

    html[dir=ltr] body .ds-480-hg-5--right {
        margin-right: 5px
    }

    html[dir=ltr] body .ds-480-hp-5--left {
        padding-left: 5px
    }

    html[dir=ltr] body .ds-480-hp-5--right {
        padding-right: 5px
    }

    html[dir=ltr] body .ds-480-ho-5--left {
        margin-left: -5px
    }

    html[dir=ltr] body .ds-480-ho-5--right {
        margin-right: -5px
    }

    html[dir=rtl] body .ds-480-hg-5--left {
        margin-right: 5px
    }

    html[dir=rtl] body .ds-480-hg-5--right {
        margin-left: 5px
    }

    html[dir=rtl] body .ds-480-hp-5--left {
        padding-right: 5px
    }

    html[dir=rtl] body .ds-480-hp-5--right {
        padding-left: 5px
    }

    html[dir=rtl] body .ds-480-ho-5--right {
        margin-left: -5px
    }

    html[dir=rtl] body .ds-480-ho-5--left {
        margin-right: -5px
    }

    body .ds-480-fg-10 {
        margin: 10px!important
    }

    body .ds-480-fp-10 {
        padding: 10px!important
    }

    body .ds-480-vg-10--top {
        margin-top: 10px
    }

    body .ds-480-vg-10--bottom {
        margin-bottom: 10px
    }

    body .ds-480-vp-10--top {
        padding-top: 10px
    }

    body .ds-480-vp-10--bottom {
        padding-bottom: 10px
    }

    html[dir=ltr] body .ds-480-hg-10--left {
        margin-left: 10px
    }

    html[dir=ltr] body .ds-480-hg-10--right {
        margin-right: 10px
    }

    html[dir=ltr] body .ds-480-hp-10--left {
        padding-left: 10px
    }

    html[dir=ltr] body .ds-480-hp-10--right {
        padding-right: 10px
    }

    html[dir=ltr] body .ds-480-ho-10--left {
        margin-left: -10px
    }

    html[dir=ltr] body .ds-480-ho-10--right {
        margin-right: -10px
    }

    html[dir=rtl] body .ds-480-hg-10--left {
        margin-right: 10px
    }

    html[dir=rtl] body .ds-480-hg-10--right {
        margin-left: 10px
    }

    html[dir=rtl] body .ds-480-hp-10--left {
        padding-right: 10px
    }

    html[dir=rtl] body .ds-480-hp-10--right {
        padding-left: 10px
    }

    html[dir=rtl] body .ds-480-ho-10--right {
        margin-left: -10px
    }

    html[dir=rtl] body .ds-480-ho-10--left {
        margin-right: -10px
    }

    body .ds-480-fg-15 {
        margin: 15px!important
    }

    body .ds-480-fp-15 {
        padding: 15px!important
    }

    body .ds-480-vg-15--top {
        margin-top: 15px
    }

    body .ds-480-vg-15--bottom {
        margin-bottom: 15px
    }

    body .ds-480-vp-15--top {
        padding-top: 15px
    }

    body .ds-480-vp-15--bottom {
        padding-bottom: 15px
    }

    html[dir=ltr] body .ds-480-hg-15--left {
        margin-left: 15px
    }

    html[dir=ltr] body .ds-480-hg-15--right {
        margin-right: 15px
    }

    html[dir=ltr] body .ds-480-hp-15--left {
        padding-left: 15px
    }

    html[dir=ltr] body .ds-480-hp-15--right {
        padding-right: 15px
    }

    html[dir=ltr] body .ds-480-ho-15--left {
        margin-left: -15px
    }

    html[dir=ltr] body .ds-480-ho-15--right {
        margin-right: -15px
    }

    html[dir=rtl] body .ds-480-hg-15--left {
        margin-right: 15px
    }

    html[dir=rtl] body .ds-480-hg-15--right {
        margin-left: 15px
    }

    html[dir=rtl] body .ds-480-hp-15--left {
        padding-right: 15px
    }

    html[dir=rtl] body .ds-480-hp-15--right {
        padding-left: 15px
    }

    html[dir=rtl] body .ds-480-ho-15--right {
        margin-left: -15px
    }

    html[dir=rtl] body .ds-480-ho-15--left {
        margin-right: -15px
    }

    body .ds-480-fg-20 {
        margin: 20px!important
    }

    body .ds-480-fp-20 {
        padding: 20px!important
    }

    body .ds-480-vg-20--top {
        margin-top: 20px
    }

    body .ds-480-vg-20--bottom {
        margin-bottom: 20px
    }

    body .ds-480-vp-20--top {
        padding-top: 20px
    }

    body .ds-480-vp-20--bottom {
        padding-bottom: 20px
    }

    html[dir=ltr] body .ds-480-hg-20--left {
        margin-left: 20px
    }

    html[dir=ltr] body .ds-480-hg-20--right {
        margin-right: 20px
    }

    html[dir=ltr] body .ds-480-hp-20--left {
        padding-left: 20px
    }

    html[dir=ltr] body .ds-480-hp-20--right {
        padding-right: 20px
    }

    html[dir=ltr] body .ds-480-ho-20--left {
        margin-left: -20px
    }

    html[dir=ltr] body .ds-480-ho-20--right {
        margin-right: -20px
    }

    html[dir=rtl] body .ds-480-hg-20--left {
        margin-right: 20px
    }

    html[dir=rtl] body .ds-480-hg-20--right {
        margin-left: 20px
    }

    html[dir=rtl] body .ds-480-hp-20--left {
        padding-right: 20px
    }

    html[dir=rtl] body .ds-480-hp-20--right {
        padding-left: 20px
    }

    html[dir=rtl] body .ds-480-ho-20--right {
        margin-left: -20px
    }

    html[dir=rtl] body .ds-480-ho-20--left {
        margin-right: -20px
    }

    body .ds-480-fg-25 {
        margin: 25px!important
    }

    body .ds-480-fp-25 {
        padding: 25px!important
    }

    body .ds-480-vg-25--top {
        margin-top: 25px
    }

    body .ds-480-vg-25--bottom {
        margin-bottom: 25px
    }

    body .ds-480-vp-25--top {
        padding-top: 25px
    }

    body .ds-480-vp-25--bottom {
        padding-bottom: 25px
    }

    html[dir=ltr] body .ds-480-hg-25--left {
        margin-left: 25px
    }

    html[dir=ltr] body .ds-480-hg-25--right {
        margin-right: 25px
    }

    html[dir=ltr] body .ds-480-hp-25--left {
        padding-left: 25px
    }

    html[dir=ltr] body .ds-480-hp-25--right {
        padding-right: 25px
    }

    html[dir=ltr] body .ds-480-ho-25--left {
        margin-left: -25px
    }

    html[dir=ltr] body .ds-480-ho-25--right {
        margin-right: -25px
    }

    html[dir=rtl] body .ds-480-hg-25--left {
        margin-right: 25px
    }

    html[dir=rtl] body .ds-480-hg-25--right {
        margin-left: 25px
    }

    html[dir=rtl] body .ds-480-hp-25--left {
        padding-right: 25px
    }

    html[dir=rtl] body .ds-480-hp-25--right {
        padding-left: 25px
    }

    html[dir=rtl] body .ds-480-ho-25--right {
        margin-left: -25px
    }

    html[dir=rtl] body .ds-480-ho-25--left {
        margin-right: -25px
    }

    body .ds-480-fg-30 {
        margin: 30px!important
    }

    body .ds-480-fp-30 {
        padding: 30px!important
    }

    body .ds-480-vg-30--top {
        margin-top: 30px
    }

    body .ds-480-vg-30--bottom {
        margin-bottom: 30px
    }

    body .ds-480-vp-30--top {
        padding-top: 30px
    }

    body .ds-480-vp-30--bottom {
        padding-bottom: 30px
    }

    html[dir=ltr] body .ds-480-hg-30--left {
        margin-left: 30px
    }

    html[dir=ltr] body .ds-480-hg-30--right {
        margin-right: 30px
    }

    html[dir=ltr] body .ds-480-hp-30--left {
        padding-left: 30px
    }

    html[dir=ltr] body .ds-480-hp-30--right {
        padding-right: 30px
    }

    html[dir=ltr] body .ds-480-ho-30--left {
        margin-left: -30px
    }

    html[dir=ltr] body .ds-480-ho-30--right {
        margin-right: -30px
    }

    html[dir=rtl] body .ds-480-hg-30--left {
        margin-right: 30px
    }

    html[dir=rtl] body .ds-480-hg-30--right {
        margin-left: 30px
    }

    html[dir=rtl] body .ds-480-hp-30--left {
        padding-right: 30px
    }

    html[dir=rtl] body .ds-480-hp-30--right {
        padding-left: 30px
    }

    html[dir=rtl] body .ds-480-ho-30--right {
        margin-left: -30px
    }

    html[dir=rtl] body .ds-480-ho-30--left {
        margin-right: -30px
    }

    body .ds-480-fg-35 {
        margin: 35px!important
    }

    body .ds-480-fp-35 {
        padding: 35px!important
    }

    body .ds-480-vg-35--top {
        margin-top: 35px
    }

    body .ds-480-vg-35--bottom {
        margin-bottom: 35px
    }

    body .ds-480-vp-35--top {
        padding-top: 35px
    }

    body .ds-480-vp-35--bottom {
        padding-bottom: 35px
    }

    html[dir=ltr] body .ds-480-hg-35--left {
        margin-left: 35px
    }

    html[dir=ltr] body .ds-480-hg-35--right {
        margin-right: 35px
    }

    html[dir=ltr] body .ds-480-hp-35--left {
        padding-left: 35px
    }

    html[dir=ltr] body .ds-480-hp-35--right {
        padding-right: 35px
    }

    html[dir=ltr] body .ds-480-ho-35--left {
        margin-left: -35px
    }

    html[dir=ltr] body .ds-480-ho-35--right {
        margin-right: -35px
    }

    html[dir=rtl] body .ds-480-hg-35--left {
        margin-right: 35px
    }

    html[dir=rtl] body .ds-480-hg-35--right {
        margin-left: 35px
    }

    html[dir=rtl] body .ds-480-hp-35--left {
        padding-right: 35px
    }

    html[dir=rtl] body .ds-480-hp-35--right {
        padding-left: 35px
    }

    html[dir=rtl] body .ds-480-ho-35--right {
        margin-left: -35px
    }

    html[dir=rtl] body .ds-480-ho-35--left {
        margin-right: -35px
    }

    body .ds-480-fg-40 {
        margin: 40px!important
    }

    body .ds-480-fp-40 {
        padding: 40px!important
    }

    body .ds-480-vg-40--top {
        margin-top: 40px
    }

    body .ds-480-vg-40--bottom {
        margin-bottom: 40px
    }

    body .ds-480-vp-40--top {
        padding-top: 40px
    }

    body .ds-480-vp-40--bottom {
        padding-bottom: 40px
    }

    html[dir=ltr] body .ds-480-hg-40--left {
        margin-left: 40px
    }

    html[dir=ltr] body .ds-480-hg-40--right {
        margin-right: 40px
    }

    html[dir=ltr] body .ds-480-hp-40--left {
        padding-left: 40px
    }

    html[dir=ltr] body .ds-480-hp-40--right {
        padding-right: 40px
    }

    html[dir=ltr] body .ds-480-ho-40--left {
        margin-left: -40px
    }

    html[dir=ltr] body .ds-480-ho-40--right {
        margin-right: -40px
    }

    html[dir=rtl] body .ds-480-hg-40--left {
        margin-right: 40px
    }

    html[dir=rtl] body .ds-480-hg-40--right {
        margin-left: 40px
    }

    html[dir=rtl] body .ds-480-hp-40--left {
        padding-right: 40px
    }

    html[dir=rtl] body .ds-480-hp-40--right {
        padding-left: 40px
    }

    html[dir=rtl] body .ds-480-ho-40--right {
        margin-left: -40px
    }

    html[dir=rtl] body .ds-480-ho-40--left {
        margin-right: -40px
    }

    body .ds-480-fg-45 {
        margin: 45px!important
    }

    body .ds-480-fp-45 {
        padding: 45px!important
    }

    body .ds-480-vg-45--top {
        margin-top: 45px
    }

    body .ds-480-vg-45--bottom {
        margin-bottom: 45px
    }

    body .ds-480-vp-45--top {
        padding-top: 45px
    }

    body .ds-480-vp-45--bottom {
        padding-bottom: 45px
    }

    html[dir=ltr] body .ds-480-hg-45--left {
        margin-left: 45px
    }

    html[dir=ltr] body .ds-480-hg-45--right {
        margin-right: 45px
    }

    html[dir=ltr] body .ds-480-hp-45--left {
        padding-left: 45px
    }

    html[dir=ltr] body .ds-480-hp-45--right {
        padding-right: 45px
    }

    html[dir=ltr] body .ds-480-ho-45--left {
        margin-left: -45px
    }

    html[dir=ltr] body .ds-480-ho-45--right {
        margin-right: -45px
    }

    html[dir=rtl] body .ds-480-hg-45--left {
        margin-right: 45px
    }

    html[dir=rtl] body .ds-480-hg-45--right {
        margin-left: 45px
    }

    html[dir=rtl] body .ds-480-hp-45--left {
        padding-right: 45px
    }

    html[dir=rtl] body .ds-480-hp-45--right {
        padding-left: 45px
    }

    html[dir=rtl] body .ds-480-ho-45--right {
        margin-left: -45px
    }

    html[dir=rtl] body .ds-480-ho-45--left {
        margin-right: -45px
    }

    body .ds-480-fg-50 {
        margin: 50px!important
    }

    body .ds-480-fp-50 {
        padding: 50px!important
    }

    body .ds-480-vg-50--top {
        margin-top: 50px
    }

    body .ds-480-vg-50--bottom {
        margin-bottom: 50px
    }

    body .ds-480-vp-50--top {
        padding-top: 50px
    }

    body .ds-480-vp-50--bottom {
        padding-bottom: 50px
    }

    html[dir=ltr] body .ds-480-hg-50--left {
        margin-left: 50px
    }

    html[dir=ltr] body .ds-480-hg-50--right {
        margin-right: 50px
    }

    html[dir=ltr] body .ds-480-hp-50--left {
        padding-left: 50px
    }

    html[dir=ltr] body .ds-480-hp-50--right {
        padding-right: 50px
    }

    html[dir=ltr] body .ds-480-ho-50--left {
        margin-left: -50px
    }

    html[dir=ltr] body .ds-480-ho-50--right {
        margin-right: -50px
    }

    html[dir=rtl] body .ds-480-hg-50--left {
        margin-right: 50px
    }

    html[dir=rtl] body .ds-480-hg-50--right {
        margin-left: 50px
    }

    html[dir=rtl] body .ds-480-hp-50--left {
        padding-right: 50px
    }

    html[dir=rtl] body .ds-480-hp-50--right {
        padding-left: 50px
    }

    html[dir=rtl] body .ds-480-ho-50--right {
        margin-left: -50px
    }

    html[dir=rtl] body .ds-480-ho-50--left {
        margin-right: -50px
    }

    body .ds-480-fg-55 {
        margin: 55px!important
    }

    body .ds-480-fp-55 {
        padding: 55px!important
    }

    body .ds-480-vg-55--top {
        margin-top: 55px
    }

    body .ds-480-vg-55--bottom {
        margin-bottom: 55px
    }

    body .ds-480-vp-55--top {
        padding-top: 55px
    }

    body .ds-480-vp-55--bottom {
        padding-bottom: 55px
    }

    html[dir=ltr] body .ds-480-hg-55--left {
        margin-left: 55px
    }

    html[dir=ltr] body .ds-480-hg-55--right {
        margin-right: 55px
    }

    html[dir=ltr] body .ds-480-hp-55--left {
        padding-left: 55px
    }

    html[dir=ltr] body .ds-480-hp-55--right {
        padding-right: 55px
    }

    html[dir=ltr] body .ds-480-ho-55--left {
        margin-left: -55px
    }

    html[dir=ltr] body .ds-480-ho-55--right {
        margin-right: -55px
    }

    html[dir=rtl] body .ds-480-hg-55--left {
        margin-right: 55px
    }

    html[dir=rtl] body .ds-480-hg-55--right {
        margin-left: 55px
    }

    html[dir=rtl] body .ds-480-hp-55--left {
        padding-right: 55px
    }

    html[dir=rtl] body .ds-480-hp-55--right {
        padding-left: 55px
    }

    html[dir=rtl] body .ds-480-ho-55--right {
        margin-left: -55px
    }

    html[dir=rtl] body .ds-480-ho-55--left {
        margin-right: -55px
    }

    body .ds-480-fg-60 {
        margin: 60px!important
    }

    body .ds-480-fp-60 {
        padding: 60px!important
    }

    body .ds-480-vg-60--top {
        margin-top: 60px
    }

    body .ds-480-vg-60--bottom {
        margin-bottom: 60px
    }

    body .ds-480-vp-60--top {
        padding-top: 60px
    }

    body .ds-480-vp-60--bottom {
        padding-bottom: 60px
    }

    html[dir=ltr] body .ds-480-hg-60--left {
        margin-left: 60px
    }

    html[dir=ltr] body .ds-480-hg-60--right {
        margin-right: 60px
    }

    html[dir=ltr] body .ds-480-hp-60--left {
        padding-left: 60px
    }

    html[dir=ltr] body .ds-480-hp-60--right {
        padding-right: 60px
    }

    html[dir=ltr] body .ds-480-ho-60--left {
        margin-left: -60px
    }

    html[dir=ltr] body .ds-480-ho-60--right {
        margin-right: -60px
    }

    html[dir=rtl] body .ds-480-hg-60--left {
        margin-right: 60px
    }

    html[dir=rtl] body .ds-480-hg-60--right {
        margin-left: 60px
    }

    html[dir=rtl] body .ds-480-hp-60--left {
        padding-right: 60px
    }

    html[dir=rtl] body .ds-480-hp-60--right {
        padding-left: 60px
    }

    html[dir=rtl] body .ds-480-ho-60--right {
        margin-left: -60px
    }

    html[dir=rtl] body .ds-480-ho-60--left {
        margin-right: -60px
    }
}

@font-face {
    font-family: icon--font;
    src: url("../fonts/icons-backup/icon--font.eot");
    src: url("../fonts/icons-backup/icon--font.eot?#iefix") format("eot"),url("../fonts/icons-backup/icon--font.woff") format("woff"),url("../fonts/icons-backup/icon--font.ttf") format("truetype"),url("../fonts/icons-backup/icon--font.svg#icon--font") format("svg")
}

.box--link:focus:after,.box--link:hover:after,.customSelect:after,.diamond--arrow--right:after,.effat-in-action__item:focus:after,.effat-in-action__item:hover:after,.events__calendar .ui-datepicker-next:before,.events__calendar .ui-datepicker-prev:before,.faculty-carousel .ui--carousel__controls:after,.faculty-list li .item-details:focus:after,.faculty-list li .item-details:hover:after,.faculty-search div.link--arrow:after,.icon--activities:before,.icon--arrow--down--right:before,.icon--arrow--down:before,.icon--arrow--dropdown:before,.icon--arrow--right:after,.icon--bank:before,.icon--books:before,.icon--burger:before,.icon--certificate:before,.icon--chat:before,.icon--cheveron--rounded--down:before,.icon--cheveron--rounded--left:before,.icon--cheveron--rounded:before,.icon--chevron--large--left:before,.icon--chevron--large:before,.icon--circle-arrow:before,.icon--city:before,.icon--computer:before,.icon--download:before,.icon--electrical:before,.icon--facebook:before,.icon--fax:before,.icon--finger-swipe:before,.icon--geo:before,.icon--graph:before,.icon--handshake:before,.icon--i-am-a:before,.icon--instagram:before,.icon--key-fact:before,.icon--leaf:before,.icon--linkedin:before,.icon--logo--effat:before,.icon--mobile:before,.icon--newprograms:before,.icon--news:before,.icon--person:before,.icon--phone:before,.icon--questionmark:before,.icon--quote:before,.icon--research:before,.icon--robot:before,.icon--search:before,.icon--share-circles:before,.icon--share:before,.icon--skyscraper:before,.icon--snapchat:before, .icon--sport:before,.icon--twitter:before,.icon--youtube:before,.industrial-partners-carousel .ui--carousel__controls:after,.main-menu__dropdown ul li a:after,.main-menu a:after,.quick-links [data-dropdown-trigger]:after,.search--field-contaner:before,.slick-arrow:after,a.link--arrow:after,a[class*=box].detail-link .detail-link__corner:after,ul.breadcrumb li+li:before {
    font-family: icon--font;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-decoration: none;
    text-transform: none;
}


.icon--i-am-a21  
{
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-decoration: none;
    text-transform: none;
    font-size: 1.4em;

}

.Vision2030
{
  /*background: #FFF url(/English/PublishingImages/Saudi-Vision/Saudi-Vision-2030.png)   no-repeat center center ;*/
  /*width: 100%;
   background-size: 100%;
   height: 101px;
   border: 1px solid fuchsia;*/
  max-width: 100%; 
  margin-top: 100px;
  margin-left: 5px;
}

.icon--activities:before {
    content: ""
}

.icon--arrow--down--right:before {
    content: ""
}

.icon--arrow--down:before {
    content: ""
}

.icon--arrow--dropdown:before {
    content: ""
}

.icon--bank:before {
    content: ""
}

.icon--books:before {
    content: ""
}

.icon--burger:before {
    content: ""
}

.icon--certificate:before {
    content: ""
}

.icon--chat:before {
    content: ""
}

.icon--cheveron--rounded:before {
    content: ""
}

.icon--chevron--large:before {
    content: ""
}

.icon--circle-arrow:before {
    content: ""
}

.icon--city:before {
    content: ""
}

.icon--computer:before {
    content: ""
}

.icon--download:before {
    content: ""
}

.icon--electrical:before {
    content: ""
}

.icon--facebook:before {
    content: ""
}

.icon--fax:before {
    content: ""
}

.icon--finger-swipe:before {
    content: ""
}

.icon--geo:before {
    content: ""
}

.icon--graph:before {
    content: ""
}

.icon--handshake:before {
    content: ""
}

.icon--i-am-a:before {
    content: ""
}

.icon--instagram:before {
    content: ""
}

.icon--key-fact:before {
    content: ""
}

.icon--leaf:before {
    content: ""
}

.icon--linkedin:before {
    content: ""
}

.icon--logo--effat:before {
    content: ""
}

.icon--mobile:before {
    content: ""
}

.icon--newprograms:before {
    content: ""
}

.icon--news:before {
    content: ""
}

.icon--person:before {
    content: ""
}

.icon--phone:before {
    content: ""
}

.icon--questionmark:before {
    content: ""
}

.icon--quote:before {
    content: ""
}

.icon--research:before {
    content: ""
}

.icon--robot:before {
    content: ""
}

.icon--search:before {
    content: ""
}

.icon--share-circles:before {
    content: ""
}

.icon--share:before {
    content: ""
}

.icon--skyscraper:before {
    content: ""
}

.icon--snapchat:before {
    content: ""
}

.icon--sport:before {
    content: ""
}

.icon--twitter:before {
    content: ""
}

.icon--youtube:before {
    content: ""
}

html[dir=rtl] .icon--cheveron--rounded:before {
    transform: scaleX(-1);
    display: inline-block
}

.icon--cheveron--rounded--left:before {
    content: "";
    transform: scaleX(-1);
    display: inline-block
}

html[dir=rtl] .icon--cheveron--rounded--left:before {
    transform: none
}

.icon--cheveron--rounded--down:before {
    content: "";
    transform: rotate(90deg);
    display: inline-block
}

html[dir=rtl] .icon--chevron--large:before {
    transform: scaleX(-1);
    display: inline-block
}

.icon--chevron--large--left:before {
    content: "";
    transform: scaleX(-1);
    display: inline-block
}

html[dir=rtl] .icon--chevron--large--left:before {
    transform: none
}

.icon--arrow--right:after {
    content: "";
    transform: translateZ(0) rotate(-90deg);
    -ms-transform: translateZ(0) rotate(-90deg);
    -webkit-transform: translateZ(0) rotate(-90deg);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    display: inline-block
}

/* New social media icons - added on Feb 2021 */ 



.icon--tiktok21, .icon--youtube21, .icon--instagram21, .icon--snapchat21, .icon--linkedin21, .icon--twitter21, .icon--facebook21

{

	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-decoration: none;
    text-transform: none;
    vertical-align:top;
    margin-top: 4px;

}


/* End of New social media icons - added on Feb 2021 */ 

}
.icon--facebook:before,.icon--instagram:before,.icon--linkedin:before,.icon--snapchat:before,.icon--twitter:before,.icon--youtube:before{
    position: relative;

}

.icon--instagram21:before, .icon--youtube21:before, .icon--snapchat21:before, .icon--linkedin21:before, .icon--twitter21:before, .icon--facebook21:before, .icon--tiktok21:before  /* Feb 2021 */
{
    position: relative;
    top: 2px;

}


.icon--facebook:before {
    font-size: 1.3em;
    line-height: .8;
    top: 4px;
    vertical-align: text-top;
    margin-top: 4px;
    
}

.icon--twitter:before {
    font-size: 1.3em;
    line-height: .8;
    top: 7px; 
    vertical-align:middle;
}

.icon--youtube:before {
    font-size: 1.3em;
    line-height: .9;
    top: 6px
}

.icon--instagram:before {
    font-size: 1.3em;
    line-height: .8;
    top: 5px
}

.icon--linkedin:before {
    font-size: 1.3em;
    line-height: .8;
    top: 6px; 
    vertical-align: sub;
}

.icon--snapchat:before {
    font-size: 1.2em;
    line-height: .8;
    top: 4px
}


/* New social media (before)icons - added on Feb 2021 */ 


.icon--facebook21:before, .icon--twitter21:before, .icon--youtube21:before, .icon--instagram21:before, .icon--linkedin21:before, .icon--snapchat21:before, .icon--tiktok:before
{
    font-size: 1.1em;
    line-height: .8;
    top: 4px;

}



/* End New social media (before)icons - added on Feb 2021 */ 



/* Live Chat - Adjust Aligment on Areabic */


#_proprofs_trk_main_body_{
direction: ltr !important;
}


._proprofs_trk_main_body_{
direction: ltr !important;
}


#2s_trk
{
	direction:ltr !important;
}

/* End of Live Chat - Adjust Aligment on Areabic */

.site-tag-line {
    font-weight: 700;
    font-size: 1.6em
}


@media only screen and (max-width: 1024px) {
    .site-tag-line {
        font-size:1.4em
    }
}

.icon--burger {
    display: none;
    font-size: 2em;
    line-height: 1;
    position: relative;
    text-align: center;
    width: 60px;
    height: 60px;
    line-height: 60px;
    transition: color .5s;
    overflow: hidden
}

.icon--burger:before {
    z-index: 1;
    position: relative
}

.icon--burger:after {
    content: '';
    height: 60px;
    width: 60px;
    position: absolute;
    background-color: #e3e3e3;
    z-index: 0;
    transition: all .5s
}

html[dir=ltr] .icon--burger:after {
    left: 100%
}

html[dir=rtl] .icon--burger:after {
    right: 100%
}

.icon--burger.open {
    color: #0088ce
}

html[dir=ltr] .icon--burger.open:after {
    left: 0
}

html[dir=rtl] .icon--burger.open:after {
    right: 0
}

html[dir=ltr] .icon--burger {
    float: right
}

html[dir=rtl] .icon--burger {
    float: left
}

@media only screen and (max-width: 1380px) {
    .icon--burger {
        display:block
    }
}

@media only screen and (max-width: 540px) {
    .icon--burger {
        position:absolute;
        top: 0
    }

    html[dir=ltr] .icon--burger {
        right: 0
    }

    html[dir=rtl] .icon--burger {
        left: 0
    }
}

.logo-container {
    height: 204px;
    width: 164px;
    position: absolute;
    top: 0;
    background: #242279;
    z-index: 2;
    padding: 25px
}

.logo-container .icon--logo--effat {
    font-size: 160px;
    line-height: .9;
    color: #fff
}




@media only screen and (max-width: 1024px) {
    .logo-container {
        width:16vw;
        height: 19.6vw;
        padding: 2.5vw
    }

    .logo-container .icon--logo--effat {
        font-size: 15.6vw
    }
}

@media only screen and (max-width: 640px) {
    .logo-container {
        top:70px
    }
}

header {
    z-index: 5;
    position: relative
}

header ul {
    display: inline-block;
    font-size: .85em
}

html[dir=ltr] header ul+ul {
    margin-left: 30px
}

html[dir=rtl] header ul+ul {
    margin-right: 30px
}

header ul a {
    text-decoration: none
}

header ul.social-media {
/*    font-size: 1.2em; */
    font-size: 1.4em;
    margin: 0 30px;
    top: 5px;
    direction:ltr !important;

}




header.fixed {
    position: fixed
}

.header--top-line {
    background: #eaeaea;
    height: 40px
}

.header--top-line * {
    color: #242279
}

.header--top-line .container {
    height: 40px
}

.header--top-line ul {
    top: 3px;
    position: relative
}

.header--top-line .social-media a {
    transition: color .5s; 

}

.header--top-line .social-media a:focus,.header--top-line .social-media a:hover {
    color: #0088ce
}

.header--top-line ul.piped a:focus,.header--top-line ul.piped a:hover {
    text-decoration: underline
}



@media only screen and (max-width: 768px) {
    .header--top-line {
        line-height:30px;
        height:80px;
    }
}

.header--bottom-line {
    background: #0088ce;
    color: #fff;
    height: 80px;
    line-height: 80px;
    max-width: 1440px;
    padding: 0 24px;
    margin: 0 auto;
    position: relative
}

.header--bottom-line:after,.header--bottom-line:before {
    content: '';
    position: absolute;
    top: 0;
    width: 600px;
    background-color: #0088ce;
	height:81px;
}

.header--bottom-line:before {
    right: 100%
}

.header--bottom-line:after {
    left: 100%
}


@media only screen and (max-width: 1024px) {
    .header--bottom-line {
        height:60px;
        line-height: 60px;
        font-size: 1em
    }
}

.header--bottom-line__container {
    height: 100%
}

html[dir=ltr] .header--bottom-line__container {
    margin-left: 164px;
    padding-left: 20px
}

html[dir=rtl] .header--bottom-line__container {
    margin-right: 164px;
    padding-right: 20px
}

@media only screen and (max-width: 1024px) {
    html[dir=ltr] .header--bottom-line__container {
        margin-left:16vw
    }

    html[dir=rtl] .header--bottom-line__container {
        margin-right: 16vw
    }
}

body,html {
    height: 100%
}

body {
    font-size: 16px;
    line-height: 1.3;
    font-family: HelveticaNeue-Roman,Helvetica,arial;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

/*html[dir=rtl] body { font-family: MunaFont; }*/
html[dir=rtl] body { font-family: "Bahij Muna"; }

body>* {
    box-sizing: border-box
}

.body__inner {
    position: relative;
    padding-bottom: 270px;
    overflow: hidden
}

@media only screen and (max-width: 1070px) {
    .body__inner {
        padding-bottom:350px
    }
    

}

@media only screen and (max-width: 1024px) {
    .body__inner {
        padding-bottom:0px !important;
    }
}

footer {
    /* position: absolute; */
    bottom: 0;
    width: 100%;
    height: 270px;
    color: #fff;
    background-color: #313131
}

@media only screen and (max-width: 1070px) {
    footer {
        height:350px
    }
}

@media only screen and (max-width: 1024px) {
    footer {
        height:auto;
        position: relative
    }
}

@media only screen and (max-width: 1070px) {
    footer .container {
        padding-bottom:100px
    }
}

@media only screen and (max-width: 768px) {
    footer .container {
        padding:20px 50px 100px
    }
}

footer *, footer a:visited {
    color: #fff
}

footer .link-lists ul {
    margin-top: 30px
}



@media only screen and (max-width: 640px) {
    footer .link-lists ul {
        margin-top:5px
    }
}

footer .link-lists ul li {
    font-size: .85em
}

footer .link-lists ul li+li {
    margin-top: 5px
}

footer .link-lists ul li a {
    text-decoration: none;
    border-bottom: 1px solid transparent;
    transition: all .5s;
    padding-bottom: 3px
}

footer .link-lists ul li a:focus,footer .link-lists ul li a:hover {
    border-color: hsla(0,0%,100%,.6)
}

footer ul.social-media {
    margin-top: 25px;
    font-size: 1.2em; /*Feb 2021*/
}

footer ul.social-media li {
    font-size: 1.2em
}

footer h3 {
    font-size: 1.3em;
    margin-top: 25px;
    -webkit-font-smoothing: subpixel-antialiased;
    -moz-osx-font-smoothing: auto
}

footer .icon--logo--effat {
    font-size: 130px
}

footer .icon--logo--effat:before {
    position: relative;
    top: -10px
}

footer .footer__copyright {
    font-size: .85em;
    margin-top: 30px
}

html[dir=ltr] footer .footer__copyright {
    margin-left: 16%
}

html[dir=rtl] footer .footer__copyright {
    margin-right: 16%
}




@media only screen and (max-width: 1024px) {
    html[dir=ltr] footer .footer__copyright {
        margin-left:20%
    }

    html[dir=rtl] footer .footer__copyright {
        margin-right: 20%
    }
}

@media only screen and (max-width: 640px) {
    html[dir=ltr] footer .footer__copyright {
        margin-left:0
    }

    html[dir=rtl] footer .footer__copyright {
        margin-right: 0
    }
}

footer .footer__live-chat {
    position: absolute;
    bottom: 6px;
    width: 347px
}



#proprofs_outer_header_text
{
	direction: ltr !important;
}

html[dir=ltr] footer .footer__live-chat {
    right: 20px
}

html[dir=rtl] footer .footer__live-chat {
    left: 20px
}



@media only screen and (max-width: 1024px) {
    footer .footer__live-chat {
        bottom:0
    }
}

@media only screen and (max-width: 640px) {
    footer .footer__live-chat {
        width:100%;
        left: 0;
        right: 0
    }
}

footer .footer__live-chat a {
    background: #168acc;
    color: #fff;
    padding: 5px 15px 3px;
    text-decoration: none
}

footer .footer__live-chat a [class*=icon--] {
    display: inline-block;
}

footer .footer__live-chat a [class*=icon--]:before {
    font-size: 39px
}



@media only screen and (max-width: 1024px) {
    html[dir=ltr] footer .footer__social {
        text-align:left;
        padding-left: 19.6%
    }

    html[dir=rtl] footer .footer__social {
        text-align: right;
        padding-right: 19.6%
    }
}

@media only screen and (max-width: 640px) {
    footer .footer__social {
        margin-top:40px
    }

    html[dir=ltr] footer .footer__social {
        padding-left: 0
    }

    html[dir=rtl] footer .footer__social {
        padding-right: 0
    }
}

ul.inline li,ul.piped li {
    display: inline
}

ul.piped li+li:before {
    content: '|';
    margin-right: 10px;
    margin-left: 10px
}

.copy-styles ul {
    list-style: disc outside;
    margin: 10px 0;
    /*margin-bottom: 20px */
}

html[dir=ltr] .copy-styles ul {
    padding-left: 50px
}

html[dir=rtl] .copy-styles ul {
    padding-right: 50px
}

html[dir=ltr] .copy-styles ul li {
    padding-left: 10px
}

html[dir=rtl] .copy-styles ul li {
    padding-right: 10px
}

.copy-styles ul li+li {
    margin-top: 10px
}

ol {
    list-style-type: decimal;
    margin-bottom: 20px
}

html[dir=ltr] ol {
    padding-left: 50px
}

html[dir=rtl] ol {
    padding-right: 50px
}

html[dir=ltr] ol li {
    padding-left: 10px
}

html[dir=rtl] ol li {
    padding-right: 10px
}

ol li+li {
    margin-top: 10px
}

ul.list--links li {
    border-bottom: 0!important;
    padding: 0!important
}

ul.list--links a {
    display: block;
    border-bottom: 1px solid hsla(0,0%,100%,.3);
    padding: 15px 0;
    margin: 0!important
}

html[dir=ltr] ul.list--links a {
    padding-left: 30px
}

html[dir=rtl] ul.list--links a {
    padding-right: 30px
}

ul.list--links a.icon--cheveron--rounded:hover {
    text-decoration: none
}

ul.list--links a.icon--cheveron--rounded:before {
    font-size: 1.4em;
    line-height: 1
}

html[dir=ltr] ul.list--links a.icon--cheveron--rounded:before {
    left: 0
}

html[dir=rtl] ul.list--links a.icon--cheveron--rounded:before {
    right: 0
}

html[dir=ltr] ul.list--links ul {
    padding-left: 30px
}

html[dir=rtl] ul.list--links ul {
    padding-right: 30px
}

ul.list--links ul a {
    border-bottom: 1px solid hsla(0,0%,100%,.2)
}

ul.list--links li.sub-menu-open>a:before {
    transform: translateZ(0) rotate(90deg);
    -ms-transform: translateZ(0) rotate(90deg);
    -webkit-transform: translateZ(0) rotate(90deg);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden
}

.copy-styles h1 {
    font-size: 2em;
    margin: 10px 0
}

.copy-styles h2 {
    /*font-size: 1.6em; modified at Apr 2019 */
    font-size: 1.4em;
    margin: 10px 0
}

.copy-styles h3 {
    font-size: 1.2em;
    margin: 10px 0
}

.copy-styles h4,.copy-styles h5 {
    font-size: 1.2em;
    margin: 10px 0
}

.section-head {
    font-size: 2em;
    color: #0088ce
}

.section-head.inverse {
    color: #fff
}

.copy-styles img {
    max-width: 100%;
    margin: 30px 0
}

.copy-styles p {
    margin-bottom: 20px
}

.copy-styles table {
    width: 100%;
    margin-bottom: 20px
}

.copy-styles table td,.copy-styles table th {
    padding: 10px 15px
}

html[dir=ltr] .copy-styles table td,html[dir=ltr] .copy-styles table th {
    text-align: left
}

html[dir=rtl] .copy-styles table td,html[dir=rtl] .copy-styles table th {
    text-align: right
}

.copy-styles table thead {
    color: #fff
}

.copy-styles table thead th {
    background-color: #0088ce
}

html[dir=ltr] .copy-styles table thead th:first-child {
    border-top-left-radius: 5px
}

html[dir=ltr] .copy-styles table thead th:last-child,html[dir=rtl] .copy-styles table thead th:first-child {
    border-top-right-radius: 5px
}

html[dir=rtl] .copy-styles table thead th:last-child {
    border-top-left-radius: 5px
}

.copy-styles table tbody td {
    background-color: #ededed
}

.copy-styles table tbody tr+tr td {
    border-top: 1px solid #fff
}

table.responsive {
    position: relative;
    width: 100%;
    max-width: 100%
}

table.responsive td,table.responsive th {
    padding: 10px; 
}


/* Responsive Table 2 - Added by EMan on May 24, 2021 */


 .RT-container {

	 margin: 0 auto;
	 padding: 0;

}

 .RT {
	 padding: 0 !important;
	 
}

 .RT li {
	 border-radius: 3px;
	 padding: 10px 30px;
	 display: flex;
	 justify-content: space-between;
	 /*margin-bottom: 25px;*/
	 	 
}
 .RT .RT-table-header {
	 background-color: #1074b9;
	 border: 1px solid #1074b9; 
	 border-radius: 10px 10px 0 0;	
	 color: White;
	 
}
 .RT .RT-table-row {
	 border: 1px solid #fff; 
 	 background-color: #efefef;
	 margin: 0.02em auto;
	 

}
 .RT .RT-col-1 {
	 flex-basis: 30%;
}
 .RT .RT-col-2 {
	 flex-basis: 20%;
}
 .RT .RT-col-3 {
	 flex-basis: 25%;
}
 .RT .RT-col-4 {
	 flex-basis: 25%;
}
 @media all and (max-width: 767px) {
	 
	.RT-container {
		 margin: 0 auto;
		 padding: 0;

	}	
	 
	.RT  {
	 padding: 0;
	 
	}
	 .RT .RT-table-header {
		 display: none;
	}
	 .RT li {
		 display: block;    
	}
	 .RT .RT-col {
		 flex-basis: 100%;
		 display: flex;
		 padding: 10px 0;
	}
	 .RT .RT-col::before {
		 color: #1074b9;
		 padding: 0 5px;
		 content: attr(data-label);
		 /* flex-basis: 50%;
		 text-align: right; */
		 text-align:left;
	}
	
    html[dir=rtl] .RT .RT-col::before {
    padding: 0 10px;
	text-align: right;
	direction:rtl;

    }
}

/* End of responsive table 2 - Added by EMan on May 24, 2021 */ 

@media only screen and (max-width: 640px) {
    table.responsive {
        display:block;
        overflow: hidden; 
    }

    table.responsive td+td {
        border-top: 1px solid red; 
    }

    table.responsive tbody tr:nth-child(2n-1) td+td {
        border-color: #fff; 
    }

    table.responsive thead {
        position: absolute;
        z-index: 1;
        background: #fff;
        box-shadow: 2px 0 5px rgba(0,0,0,.2)
    }

    table.responsive thead th {
        display: block;
        text-align: inherit!important;
        border-top: 1px solid #fff;
        border-radius: 0!important; 
    }

    html[dir=ltr] table.responsive thead th:first-child {
        border-top-left-radius: 10px!important; 
    }

    html[dir=rtl] table.responsive thead th:first-child {
        border-top-right-radius: 10px!important
    }

    html[dir=ltr] table.responsive thead th:last-child {
        border-bottom-left-radius: 10px!important
    }

    html[dir=rtl] table.responsive thead th:last-child {
        border-bottom-right-radius: 10px!important
    }

    table.responsive tbody {
        position: relative;
        overflow: auto;
        overflow-y: hidden;
        width: 100%;
        display: block
    }

    table.responsive tbody tr {
        display: table-cell
    }

    table.responsive tbody td {
        display: block;
        max-width: 200px;
        text-align: inherit!important
    }
}

.customSelect,input[type=email],input[type=number],input[type=password],input[type=text],select {
    background-color: #ededed;
    border: 0;
    width: 100%!important;
    box-sizing: border-box;
    border-radius: 5px;
    height: 50px;
    line-height: 50px;
    padding: 0 20px;
    font-size: 16px
}

input[type=submit] {
    background: #0088ce;
    color: #fff;
    border: 0;
    border-radius: 5px;
    height: 50px;
    line-height: 50px;
    padding: 0 20px;
    font-size: 1em
}

.select-container {
    font-size: 0
}

.select-container * {
    font-size: 16px
}

.select-container select,_:-webkit-full-screen:not(:root:root) select {
    margin-bottom: -18px
}

.ua-safari-ios select {
    margin-bottom: -18px
}

select {
    position: relative!important;
    z-index: 1;
    padding: 0
}

.customSelect {
    margin-top: -50px!important;
    position: relative;
    z-index: 0
}

.customSelect:after {
    content: "";
    transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    color: #0088ce;
    display: inline-block;
    position: absolute;
    line-height: 1.8;
    top: 12px
}

html[dir=ltr] .customSelect:after {
    right: 15px
}

html[dir=rtl] .customSelect:after {
    left: 15px
}

html[dir=ltr] .customSelect {
    padding-right: 30px
}

html[dir=rtl] .customSelect {
    padding-left: 30px
}

.customSelect.customSelectDisabledOption .customSelectInner {
    color: #6f6f6f
}

.customSelectInner {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.search--field-contaner {
    position: relative
}

.search--field-contaner:before {
    content: "";
    color: #0088ce;
    position: absolute;
    top: 6px;
    font-size: 30px
}

html[dir=ltr] .search--field-contaner:before {
    right: 12px
}

html[dir=rtl] .search--field-contaner:before {
    left: 12px
}

textarea {
    background-color: #ededed;
    border: 0;
    width: 100%;
    box-sizing: border-box;
    border-radius: 5px;
    min-height: 200px;
    padding: 20px 20px 0;
    font-size: 16px;
    font-family: HelveticaNeue-Roman,Helvetica,arial;
    line-height: 1.4
}

html[dir=rtl] textarea { font-family: MunaFont; }

.copy-styles a {
    color: #0088ce
}

a.icon--cheveron--rounded {
    display: inline-block;
    text-decoration: none;
    position: relative;
    border-bottom: 1px solid transparent;
    padding-bottom: 3px;
    transition: all .5s
}

a.icon--cheveron--rounded:before {
    font-size: .8em;
    position: absolute
}

html[dir=ltr] a.icon--cheveron--rounded:before {
    left: -30px
}

html[dir=rtl] a.icon--cheveron--rounded:before {
    right: -30px
}

html[dir=ltr] a.icon--cheveron--rounded {
    margin-left: 30px
}

html[dir=rtl] a.icon--cheveron--rounded {
    margin-right: 30px
}

a.icon--cheveron--rounded:focus,a.icon--cheveron--rounded:hover {
    border-bottom: 1px solid hsla(0,0%,100%,.8)
}

a.link--arrow {
    text-decoration: none;
    position: relative;
    display: inline-block
}

a.link--arrow:after {
    content: ""
}

a.link--arrow:before {
    content: '';
    position: absolute;
    bottom: 0;
    width: 0;
    transition: width .3s;
    border-bottom: 2px solid rgba(122,4,65,.2)
}

html[dir=ltr] a.link--arrow:before {
    left: 0
}

html[dir=rtl] a.link--arrow:before {
    right: 0
}

a.link--arrow:after {
    background: #7a0441;
    color: #fff;
    border-radius: 3px;
    padding: 7px;
    top: 2px;
    font-size: .8em;
    line-height: 1;
    position: relative;
    display: inline-block
}

html[dir=ltr] a.link--arrow:after {
    margin-left: 15px;
    transform: translateZ(0) rotate(-45deg);
    -ms-transform: translateZ(0) rotate(-45deg);
    -webkit-transform: translateZ(0) rotate(-45deg)
}

html[dir=ltr] a.link--arrow:after,html[dir=rtl] a.link--arrow:after {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden
}

html[dir=rtl] a.link--arrow:after {
    margin-right: 15px;
    transform: translateZ(0) rotate(135deg);
    -ms-transform: translateZ(0) rotate(135deg);
    -webkit-transform: translateZ(0) rotate(135deg)
}

a.link--arrow:focus:before,a.link--arrow:hover:before {
    width: 70%
}

a.link--arrow.blue {
    color: #0088ce
}

a.link--arrow.blue:before {
    border-color: rgba(0,136,206,.2)
}

a.link--arrow.blue:after {
    background: white;
    color: #0088ce;
    border: 1px solid #0088ce;
}

a.link--arrow.dark-blue {
    color: #242279
}

a.link--arrow.dark-blue:before {
    border-color: rgba(36,34,121,.2)
}

a.link--arrow.dark-blue:after {
    background: white;
    color: #242279;
    border: 1px solid #242279;
}

a.link-download {
    text-decoration: none;
    position: relative;
    display: inline-block
}

a.link-download .icon--download {
    background: #fff;
    color: #7a0441;
    border-radius: 3px;
    width: 27px;
    height: 27px;
    padding: 7px;
    top: 2px;
    font-size: .8em;
    line-height: 1;
    position: relative;
    display: inline-block
}

html[dir=ltr] a.link-download .icon--download {
    margin-left: 15px;
    transform: translateZ(0) rotate(-45deg);
    -ms-transform: translateZ(0) rotate(-45deg);
    -webkit-transform: translateZ(0) rotate(-45deg)
}

html[dir=ltr] a.link-download .icon--download,html[dir=rtl] a.link-download .icon--download {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden
}

html[dir=rtl] a.link-download .icon--download {
    margin-right: 15px;
    transform: translateZ(0) rotate(135deg);
    -ms-transform: translateZ(0) rotate(135deg);
    -webkit-transform: translateZ(0) rotate(135deg)
}

a.link-download .icon--download:before {
    display: inline-block;
    position: relative;
    color: #7a0441
}

html[dir=ltr] a.link-download .icon--download:before {
    text-indent: -2px;
    top: -1px;
    transform: translateZ(0) rotate(45deg);
    -ms-transform: translateZ(0) rotate(45deg);
    -webkit-transform: translateZ(0) rotate(45deg)
}

html[dir=ltr] a.link-download .icon--download:before,html[dir=rtl] a.link-download .icon--download:before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden
}

html[dir=rtl] a.link-download .icon--download:before {
    text-indent: -4px;
    top: 1px;
    transform: translateZ(0) rotate(-135deg);
    -ms-transform: translateZ(0) rotate(-135deg);
    -webkit-transform: translateZ(0) rotate(-135deg)
}

a.link-download:before {
    content: '';
    position: absolute;
    bottom: -2px;
    width: 0;
    transition: width .3s;
    border-bottom: 2px solid hsla(0,0%,100%,.2)
}

html[dir=ltr] a.link-download:before {
    left: 0
}

html[dir=rtl] a.link-download:before {
    right: 0
}

a.link-download:focus:before,a.link-download:hover:before {
    width: 70%
}

a.link-question {
    text-decoration: none;
    position: relative;
    display: inline-block
}

a.link-question .icon--questionmark {
    background: #0088ce;
    color: #fff;
    border-radius: 3px;
    width: 27px;
    height: 27px;
    padding: 7px;
    top: 2px;
    font-size: .8em;
    line-height: 1;
    position: relative;
    display: inline-block
}

html[dir=ltr] a.link-question .icon--questionmark {
    margin-left: 15px;
    transform: translateZ(0) rotate(-45deg);
    -ms-transform: translateZ(0) rotate(-45deg);
    -webkit-transform: translateZ(0) rotate(-45deg)
}

html[dir=ltr] a.link-question .icon--questionmark,html[dir=rtl] a.link-question .icon--questionmark {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden
}

html[dir=rtl] a.link-question .icon--questionmark {
    margin-right: 15px;
    transform: translateZ(0) rotate(135deg);
    -ms-transform: translateZ(0) rotate(135deg);
    -webkit-transform: translateZ(0) rotate(135deg)
}

a.link-question .icon--questionmark:before {
    display: inline-block;
    position: relative
}

html[dir=ltr] a.link-question .icon--questionmark:before {
    transform: translateZ(0) rotate(45deg);
    -ms-transform: translateZ(0) rotate(45deg);
    -webkit-transform: translateZ(0) rotate(45deg)
}

html[dir=ltr] a.link-question .icon--questionmark:before,html[dir=rtl] a.link-question .icon--questionmark:before {
    text-indent: -1px;
    top: 1px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden
}

html[dir=rtl] a.link-question .icon--questionmark:before {
    transform: translateZ(0) rotate(-135deg);
    -ms-transform: translateZ(0) rotate(-135deg);
    -webkit-transform: translateZ(0) rotate(-135deg)
}

a.link-question:before {
    content: '';
    position: absolute;
    bottom: -2px;
    width: 0;
    transition: width .3s;
    border-bottom: 2px solid rgba(0,136,206,.2)
}

html[dir=ltr] a.link-question:before {
    left: 0
}

html[dir=rtl] a.link-question:before {
    right: 0
}

a.link-question:focus:before,a.link-question:hover:before {
    width: 70%
}

a.link--social {
    text-decoration: none;
    position: relative;
    display: inline-block;
    color: #0088ce
}

a.link--social .icon--share {
    color: #0088ce;
    border-radius: 3px;
    width: 27px;
    height: 27px;
    top: 2px;
    font-size: .9em;
    line-height: 1;
    position: relative;
    display: inline-block;
    border: 1px solid #0088ce;
}

html[dir=ltr] a.link--social .icon--share {
    padding: 6px 7px 7px 4px;
    margin-left: 15px;
    transform: translateZ(0) rotate(-45deg);
    -ms-transform: translateZ(0) rotate(-45deg);
    -webkit-transform: translateZ(0) rotate(-45deg)
}

html[dir=ltr] a.link--social .icon--share,html[dir=rtl] a.link--social .icon--share {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden
}

html[dir=rtl] a.link--social .icon--share {
    padding: 6px 4px 7px 7px;
    margin-right: 15px;
    transform: translateZ(0) rotate(135deg);
    -ms-transform: translateZ(0) rotate(135deg);
    -webkit-transform: translateZ(0) rotate(135deg)
}

a.link--social .icon--share:before {
    display: inline-block;
    position: relative
}

html[dir=ltr] a.link--social .icon--share:before {
    transform: translateZ(0) rotate(45deg);
    -ms-transform: translateZ(0) rotate(45deg);
    -webkit-transform: translateZ(0) rotate(45deg)
}

html[dir=ltr] a.link--social .icon--share:before,html[dir=rtl] a.link--social .icon--share:before {
    text-indent: -1px;
    top: 1px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden
}

html[dir=rtl] a.link--social .icon--share:before {
    transform: translateZ(0) rotate(-135deg);
    -ms-transform: translateZ(0) rotate(-135deg);
    -webkit-transform: translateZ(0) rotate(-135deg)
}

a.link--social:before {
    content: '';
    position: absolute;
    bottom: -2px;
    width: 0;
    transition: width .3s;
    border-bottom: 2px solid rgba(0,136,206,.2)
}

html[dir=ltr] a.link--social:before {
    left: 0
}

html[dir=rtl] a.link--social:before {
    right: 0
}

a.link--social:focus:before,a.link--social:hover:before {
    width: 70%
}

.container {
    max-width: 1440px;
    padding: 0 24px;
    margin: 0 auto;
    position: relative
}

.table-display,[class*=table-display--] {
    display: table;
    width: 100%
}

.table-display.relative,[class*=table-display--].relative {
    position: relative
}

.table-display--fluid {
    width: auto
}

.table-display__row {
    width: 100%;
    display: table-row
}

.table-display__cell {
    display: table-cell;
    vertical-align: top
}

html[dir=rtl] .table-display__cell {
    float: none
}

.table-display__cell.top {
    vertical-align: top
}

.table-display__cell.middle {
    vertical-align: middle
}

.table-display__cell.bottom {
    vertical-align: bottom
}

[class^=table-display][class*=line] {
    display: table;
    width: 100%
}

[class^=table-display][class*=line] .unit,[class^=table-display][class*=line]>[class*=unit--] {
    display: table-cell;
    vertical-align: top;
    float: none!important
}

[class^=table-display][class*=line] .unit.top,[class^=table-display][class*=line]>[class*=unit--].top {
    vertical-align: top
}

[class^=table-display][class*=line] .unit.middle,[class^=table-display][class*=line]>[class*=unit--].middle {
    vertical-align: middle
}

[class^=table-display][class*=line] .unit.bottom,[class^=table-display][class*=line]>[class*=unit--].bottom {
    vertical-align: bottom
}

[class^=table-display][class*=line].table-display--fluid {
    width: auto
}



@media only screen and (max-width: 1280px) {
    .dg-1280--table-display {
        display:table;
        width: 100%
    }

    .dg-1280--table-display .unit,.dg-1280--table-display>[class*=unit--] {
        display: table-cell;
        vertical-align: top;
        float: none!important
    }

    .dg-1280--table-display .unit.top,.dg-1280--table-display>[class*=unit--].top {
        vertical-align: top
    }

    .dg-1280--table-display .unit.middle,.dg-1280--table-display>[class*=unit--].middle {
        vertical-align: middle
    }

    .dg-1280--table-display .unit.bottom,.dg-1280--table-display>[class*=unit--].bottom {
        vertical-align: bottom
    }

    .dg-1280--table-display.table-display--fluid {
        width: auto
    }
}

.diamond {
    height: 100px;
    width: 100px;
    position: relative;
    display: table;
    color: #fff
}

.diamond>* {
    position: relative;
    z-index: 1
}

.diamond>div {
    display: table-cell;
    width: 100%;
    height: 100%;
    text-align: center;
    vertical-align: middle;
    overflow: hidden;
    word-break: normal
}

.diamond:before {
    content: '';
    background: rgba(122,4,65,.2);
    border-radius: 3%;
    transform: translateZ(0) rotate(45deg);
    -ms-transform: translateZ(0) rotate(45deg);
    -webkit-transform: translateZ(0) rotate(45deg);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    height: 140%;
    width: 140%;
    top: -20%;
    position: absolute;
    z-index: 0
}

html[dir=ltr] .diamond:before {
    left: -20%
}

html[dir=rtl] .diamond:before {
    right: 30%
}

.diamond--image {
    height: 200px;
    width: 200px;
    border-radius: 3%;
    transform: translateZ(0) rotate(45deg);
    -ms-transform: translateZ(0) rotate(45deg);
    -webkit-transform: translateZ(0) rotate(45deg);
    overflow: hidden
}

.diamond--image,.diamond--image>img {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden
}

.diamond--image>img {
    transform: translateZ(0) rotate(-45deg);
    -ms-transform: translateZ(0) rotate(-45deg);
    -webkit-transform: translateZ(0) rotate(-45deg);
    width: 150%!important;
    max-width: none!important;
    margin-top: -25%
}

html[dir=ltr] .diamond--image>img {
    margin-left: -25%
}

html[dir=rtl] .diamond--image>img {
    margin-right: -25%
}

.diamond--outer {
    height: 100px;
    width: 100px;
    position: relative;
    display: table;
    color: #fff
}

.diamond--outer>* {
    position: relative;
    z-index: 1
}

.diamond--outer>div {
    display: table-cell;
    width: 100%;
    height: 100%;
    text-align: center;
    vertical-align: middle;
    overflow: hidden;
    word-break: normal
}

.diamond--outer:before {
    content: '';
    background: rgba(122,4,65,.2);
    border-radius: 3%;
    transform: translateZ(0) rotate(45deg);
    -ms-transform: translateZ(0) rotate(45deg);
    -webkit-transform: translateZ(0) rotate(45deg);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    height: 90%;
    width: 90%;
    top: 5%;
    position: absolute;
    z-index: 0
}

html[dir=ltr] .diamond--outer:before {
    left: 5%
}

html[dir=rtl] .diamond--outer:before {
    right: 5%
}

.diamond--outer--border {
    height: 110px;
    width: 110px;
    position: relative;
    display: table;
    color: #fff
}

.diamond--outer--border>* {
    position: relative;
    z-index: 1
}

.diamond--outer--border>div {
    display: table-cell;
    width: 100%;
    height: 100%;
    text-align: center;
    vertical-align: middle;
    overflow: hidden;
    word-break: normal
}

.diamond--outer--border:before {
    content: '';
    border: 2px solid #fff;
    border-radius: 5%;
    transform: translateZ(0) rotate(45deg);
    -ms-transform: translateZ(0) rotate(45deg);
    -webkit-transform: translateZ(0) rotate(45deg);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    height: 90%;
    width: 90%;
    top: 5%;
    position: absolute;
    z-index: 0
}

html[dir=ltr] .diamond--outer--border:before {
    left: 5%
}

html[dir=rtl] .diamond--outer--border:before {
    right: 5%
}

.diamond--arrow--right:after {
    content: "";
    display: inline-block;
    border: 2px solid #0088ce;
    border-radius: 2px;
    height: 30px;
    width: 30px;
    transform: translateZ(0) rotate(-45deg);
    -ms-transform: translateZ(0) rotate(-45deg);
    -webkit-transform: translateZ(0) rotate(-45deg);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    text-align: center;
    vertical-align: middle
}

.diamond--outer.apply {
    width: 150px;
    height: 150px;
    font-size: 1.6em
}

.diamond--outer.apply:before {
    background-color: rgba(0,136,206,.9);
    border-radius: 10px
}

.diamond-collection--welcome .diamond--outer {
    height: 220px;
    width: 220px
}

.diamond-collection--welcome .diamond--outer:before {
    background-color: #242279;
    border-radius: 10px
}

.diamond-collection--welcome .diamond--outer>div {
    font-size: 2em
}

.diamond-collection--welcome .diamond {
    position: absolute;
    top: -30px;
    height: 70px;
    width: 70px
}

.diamond-collection--welcome .diamond:before {
    border-radius: 10px;
    background-color: rgba(122,4,65,.8)
}

.diamond-collection--1 .diamond {
    width: 130px;
    height: 130px
}

.diamond-collection--1 .diamond:before {
    border-radius: 10px;
    background-color: rgba(122,4,65,.9)
}

.diamond-collection--1 .diamond+.diamond {
    margin-top: -10px;
    width: 60px;
    height: 60px
}

html[dir=ltr] .diamond-collection--1 .diamond+.diamond {
    margin-left: -40px
}

.diamond-collection--1 .diamond+.diamond:before {
    background-color: rgba(8,116,120,.8);
    border-radius: 5px
}

.diamond-collection--2 .diamond {
    width: 100px;
    height: 100px
}

html[dir=ltr] .diamond-collection--2 .diamond:first-child {
    margin-left: -70px
}

html[dir=rtl] .diamond-collection--2 .diamond:first-child {
    margin-right: -70px
}

.diamond-collection--2 .diamond:before {
    background-color: rgba(0,136,206,.8);
    border-radius: 10px
}

.diamond-collection--2 .diamond+.diamond {
    width: 200px;
    height: 200px
}

.diamond-collection--2 .diamond+.diamond:nth-child(2) {
    margin-top: -20px
}

.diamond-collection--2 .diamond+.diamond:before {
    border-radius: 20px;
    background-color: rgba(36,34,121,.9)
}

.diamond-collection--2 .diamond+.diamond+.diamond {
    margin-top: 20px;
    width: 60px;
    height: 60px
}

.diamond-collection--2 .diamond+.diamond+.diamond:before {
    background-color: rgba(8,116,120,.8);
    border-radius: 5px
}

.header-skew {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2;
    color: #fff
}

.skew--outer {
    max-width: 495px;
    margin-left: 8px;
    display: inline-block;
    background-color: rgba(122,4,65,.8)
}

.skew--outer,html[dir=ltr] .skew--outer {
    transform: skewX(-7deg)
}

html[dir=rtl] .skew--outer {
    transform: skewX(7deg)
}

.skew--outer .skew--inner {
    padding: 35px 35px 63px
}

html[dir=ltr] .skew--outer .skew--inner {
    transform: skewX(7deg)
}

html[dir=rtl] .skew--outer .skew--inner {
    transform: skewX(-7deg)
}



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

	.blue-title-padding
	{ font-size: 2em; color: #0088ce; text-align:center; left: 0% !important}


    .skew--outer .skew--inner {
        padding:15px 35px 33px;
        font-size: 75%
    }
}

.position--relative {
    position: relative
}

.tabs {
    width: 100%;
    overflow: hidden
}

.tabs .tabs__controls {
    overflow: auto;
    overflow-y: hidden
}

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

.diamond-collection--welcome .diamond--outer {
    height: 150px;
    width: 150px;
}


html[dir=ltr] .diamond-collection--welcome .diamond--outer>div {
    font-size: 0.9em;
    left: 30% !important; 
}

html[dir=rtl] .diamond-collection--welcome .diamond--outer>div {
    font-size: 1em;
}



.diamond-collection--welcome .diamond {
    position: absolute;
    top: -20px;
    height: 70px;
    width: 70px;
    left: 15% !important; 
}

.diamond--outer:before {
    content: '';
    background: rgba(122,4,65,.2);
    border-radius: 3%;
    transform: translateZ(0) rotate(45deg);
    -ms-transform: translateZ(0) rotate(45deg);
    -webkit-transform: translateZ(0) rotate(45deg);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    height: 90%;
    width: 90%;
    top: 5%;
    position: absolute;
    z-index: 0;
    left: 35% !important;
}





    .tabs .tabs__controls {
        margin-bottom:-2px
    }
}

.tabs .tabs__controls>ul {
    display: table;
    width: auto;
    position: relative;
    z-index: 5;
    color: #fff
}


@media only screen and (max-width: 640px) {
    .tabs .tabs__controls>ul {
        width:100%
    }
}

.tabs .tabs__controls>ul li {
    display: table-cell;
    vertical-align: middle;
    background-color: #dcdcdc;
    transition: all .5s
}

.tabs .tabs__controls>ul li:hover {
    background-color: #d6d6d6
}

.tabs .tabs__controls>ul li.active,.tabs .tabs__controls>ul li.active:hover {
    background-color: #fff
}

html[dir=ltr] .tabs .tabs__controls>ul li+li {
    border-left: 5px solid #fff
}

html[dir=rtl] .tabs .tabs__controls>ul li+li {
    border-right: 5px solid #fff
}

.tabs .tabs__controls>ul li.current {
    background-color: #0088ce
}

.tabs .tabs__controls>ul li.current a {
    color: #fff
}

.tabs .tabs__controls>ul a {
    position: relative;
    padding: 10px 20px;
    display: block;
    width: 100%;
    height: 100%;
    text-decoration: none;
    border: 0;
    color: #33a0d8
}

.tabs .tabs__controls>ul a:focus,.tabs .tabs__controls>ul a:hover {
    border: 0
}

.tabs .tab__panels {
    background: #ededed
}

.box,[class*=box--] {
    border-radius: 10px;
    overflow: hidden
}

.box.rigid,[class*=box--].rigid {
    border-radius: 0
}

.box a,[class*=box--] a {
    color: #fff;
    text-decoration: none
}

.box .find-out-more:after,[class*=box--] .find-out-more:after {
    border-color: #fff;
    margin-left: 20px
}

.box .link-download,[class*=box--] .link-download {
    text-decoration: none;
    position: relative;
    display: inline-block
}

.box .link-download .icon--download,[class*=box--] .link-download .icon--download {
    border: 2px solid #fff;
    color: #fff;
    border-radius: 3px;
    width: 27px;
    height: 27px;
    padding: 7px;
    top: 2px;
    font-size: .8em;
    line-height: 1;
    position: relative;
    display: inline-block
}

html[dir=ltr] .box .link-download .icon--download,html[dir=ltr] [class*=box--] .link-download .icon--download {
    margin-left: 15px;
    transform: translateZ(0) rotate(-45deg);
    -ms-transform: translateZ(0) rotate(-45deg);
    -webkit-transform: translateZ(0) rotate(-45deg);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden
}

html[dir=rtl] .box .link-download .icon--download,html[dir=rtl] [class*=box--] .link-download .icon--download {
    margin-right: 15px;
    transform: translateZ(0) rotate(135deg);
    -ms-transform: translateZ(0) rotate(135deg);
    -webkit-transform: translateZ(0) rotate(135deg);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden
}

.box .link-download .icon--download:before,[class*=box--] .link-download .icon--download:before {
    display: inline-block;
    position: relative
}

html[dir=ltr] .box .link-download .icon--download:before,html[dir=ltr] [class*=box--] .link-download .icon--download:before {
    text-indent: -2px;
    top: -1px;
    transform: translateZ(0) rotate(45deg);
    -ms-transform: translateZ(0) rotate(45deg);
    -webkit-transform: translateZ(0) rotate(45deg);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden
}

html[dir=rtl] .box .link-download .icon--download:before,html[dir=rtl] [class*=box--] .link-download .icon--download:before {
    text-indent: -4px;
    top: 1px;
    transform: translateZ(0) rotate(-135deg);
    -ms-transform: translateZ(0) rotate(-135deg);
    -webkit-transform: translateZ(0) rotate(-135deg);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden
}

.box .link-download:before,[class*=box--] .link-download:before {
    content: '';
    position: absolute;
    bottom: -2px;
    width: 0;
    transition: width .3s;
    border-bottom: 2px solid hsla(0,0%,100%,.2)
}

html[dir=ltr] .box .link-download:before,html[dir=ltr] [class*=box--] .link-download:before {
    left: 0
}

html[dir=rtl] .box .link-download:before,html[dir=rtl] [class*=box--] .link-download:before {
    right: 0
}

.box .link-download:focus:before,.box .link-download:hover:before,[class*=box--] .link-download:focus:before,[class*=box--] .link-download:hover:before {
    width: 70%
}

.box .box__heading,[class*=box--] .box__heading {
    padding: 30px;
    font-size: 2em;
    line-height: 1
}

.box .box__content,[class*=box--] .box__content {
    /* padding: 30px;*/
    padding: 7px 30px 7px 30px; 
}

.box .box__content .box__header--underline,[class*=box--] .box__content .box__header--underline {
    font-weight: 700;
    padding-bottom: 5px;
    border-bottom: 1px solid;
    margin-bottom: 5px
}

.box.box--stub-background-image,[class*=box--].box--stub-background-image {
    height: 305px
}

.box.box--stub-background-image .flag__stub,[class*=box--].box--stub-background-image .flag__stub {
    width: 50%;
    background-position: 50%;
    background-size: cover;
}




@media only screen and (max-width: 1024px) {
    .box.box--stub-background-image,[class*=box--].box--stub-background-image {
        height:200px
    }
}

.box.white,[class*=box--].white {
    color: #242279;
    background-color: #fff
}

.box.white.open,[class*=box--].white.open {
    background-color: #242279;
    color: #fff
}

.box.grey,[class*=box--].grey {
    color: #0088ce;
    background-color: #ededed
}

.box.grey.open,[class*=box--].grey.open {
    background-color: #0088ce;
    color: #ededed
}

.box.light-blue,[class*=box--].light-blue {
    color: #fff;
    background-color: #0088ce
}

.box.light-blue ul li,[class*=box--].light-blue ul li {
    padding: 10px 0
}

.box.light-blue .box--link:focus:after,.box.light-blue .box--link:hover:after,[class*=box--].light-blue .box--link:focus:after,[class*=box--].light-blue .box--link:hover:after {
    color: #0088ce
}

.box.light-blue .link--arrow:before,[class*=box--].light-blue .link--arrow:before {
    border-bottom: 2px solid hsla(0,0%,100%,.2)
}

.box.light-blue .link--arrow:after,[class*=box--].light-blue .link--arrow:after {
    color: #0088ce;
    background: #fff
}

.box.blue,[class*=box--].blue {
    color: #fff;
    background-color: #105f98
}

.box.blue .box__heading,[class*=box--].blue .box__heading {
    background-color: #095284
}

.box.blue .box--link:focus:after,.box.blue .box--link:hover:after,[class*=box--].blue .box--link:focus:after,[class*=box--].blue .box--link:hover:after {
    color: #105f98
}

.box.blue .link--arrow:before,[class*=box--].blue .link--arrow:before {
    border-bottom: 2px solid hsla(0,0%,100%,.2)
}

.box.blue .link--arrow:after,[class*=box--].blue .link--arrow:after {
    color: #105f98;
    background: #fff
}

.box.dark-blue,[class*=box--].dark-blue {
    color: #fff;
    background-color: #242279
}

.box.dark-blue .box__content,[class*=box--].dark-blue .box__content {
    padding-top: 0
}

.box.dark-blue .box--link:focus:after,.box.dark-blue .box--link:hover:after,[class*=box--].dark-blue .box--link:focus:after,[class*=box--].dark-blue .box--link:hover:after {
    color: #242279
}

.box.dark-blue .link--arrow:before,[class*=box--].dark-blue .link--arrow:before {
    border-bottom: 2px solid hsla(0,0%,100%,.2)
}

.box.dark-blue .link--arrow:after,[class*=box--].dark-blue .link--arrow:after {
    color: #242279;
    background: #fff
}

.box.yellow,[class*=box--].yellow {
    color: #fff;
    background-color: #e3a917
}

.box.yellow .box--link:focus:after,.box.yellow .box--link:hover:after,[class*=box--].yellow .box--link:focus:after,[class*=box--].yellow .box--link:hover:after {
    color: #e3a917
}

.box.yellow .link--arrow:before,[class*=box--].yellow .link--arrow:before {
    border-bottom: 2px solid hsla(0,0%,100%,.2)
}

.box.yellow .link--arrow:after,[class*=box--].yellow .link--arrow:after {
    color: #e3a917
}

.box.green,[class*=box--].green {
    color: #fff;
    background-color: #087478
}

.box.green .box--link:focus:after,.box.green .box--link:hover:after,[class*=box--].green .box--link:focus:after,[class*=box--].green .box--link:hover:after {
    color: #087478
}

.box.green .link--arrow:before,[class*=box--].green .link--arrow:before {
    border-bottom: 2px solid hsla(0,0%,100%,.2)
}

.box.green .link--arrow:after,[class*=box--].green .link--arrow:after {
    color: #087478
}

.box.purple,[class*=box--].purple {
    color: #fff;
    background-color: #7a0441;
    /*background-color: #e1a82f;*/ 
}

.box.purple .box--link:focus:after,.box.purple .box--link:hover:after,[class*=box--].purple .box--link:focus:after,[class*=box--].purple .box--link:hover:after {
    color: #7a0441
}

.box.purple .link--arrow:before,[class*=box--].purple .link--arrow:before {
    border-bottom: 2px solid hsla(0,0%,100%,.2)
}

.box.purple .link--arrow:after,[class*=box--].purple .link--arrow:after {
    color: #7a0441
}

.box.dark-purple,[class*=box--].dark-purple {
    color: #fff;
    background-color: #5f2c57
}

.box.dark-purple .box--link:focus:after,.box.dark-purple .box--link:hover:after,[class*=box--].dark-purple .box--link:focus:after,[class*=box--].dark-purple .box--link:hover:after {
    color: #5f2c57
}

.box.dark-purple .link--arrow:before,[class*=box--].dark-purple .link--arrow:before {
    border-bottom: 2px solid hsla(0,0%,100%,.2)
}

.box.dark-purple .link--arrow:after,[class*=box--].dark-purple .link--arrow:after {
    color: #5f2c57
}

.box ul li,[class*=box--] ul li {
    border-bottom: 1px solid hsla(0,0%,100%,.3);
    padding: 15px 0
}

.box ul li.first,[class*=box--] ul li.first {
    padding-top: 0
}

.box ul li.last,[class*=box--] ul li.last {
    border-bottom: 0;
    padding-bottom: 0
}

a[class*=box].detail-link {
    position: relative
}

a[class*=box].detail-link .detail-link__corner {
    display: none;
    position: absolute;
    bottom: 0;
    background: transparent;
    height: 50px;
    width: 50px;
    overflow: hidden
}

html[dir=ltr] a[class*=box].detail-link .detail-link__corner {
    right: 0;
    left: auto;
    border-bottom-right-radius: 10px
}

html[dir=rtl] a[class*=box].detail-link .detail-link__corner {
    left: 0;
    right: auto;
    border-bottom-left-radius: 10px
}

a[class*=box].detail-link .detail-link__corner:before {
    content: '';
    display: block;
    position: relative;
    height: 170%;
    width: 170%;
    top: 20%;
    left: 30%;
    transform: translateZ(0) rotate(45deg);
    -ms-transform: translateZ(0) rotate(45deg);
    -webkit-transform: translateZ(0) rotate(45deg);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    background: #fff
}

a[class*=box].detail-link .detail-link__corner:after {
    content: "";
    font-size: .8em;
    position: absolute;
    bottom: 5px;
    color: red
}

html[dir=ltr] a[class*=box].detail-link .detail-link__corner:after {
    right: 10px;
    transform: translateZ(0) rotate(-45deg);
    -ms-transform: translateZ(0) rotate(-45deg);
    -webkit-transform: translateZ(0) rotate(-45deg);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden
}

html[dir=rtl] a[class*=box].detail-link .detail-link__corner:after {
    left: 10px;
    transform: translateZ(0) rotate(135deg);
    -ms-transform: translateZ(0) rotate(135deg);
    -webkit-transform: translateZ(0) rotate(135deg);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden
}

a[class*=box].detail-link:focus .detail-link__corner,a[class*=box].detail-link:hover .detail-link__corner {
    display: block
}

a[class*=box].detail-link:focus .fp-20:after,a[class*=box].detail-link:hover .fp-20:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: hsla(0,0%,100%,.1);
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px
}

.box--link {
    position: relative;
    cursor: pointer;
    display: inline-block;
    text-decoration: none
}

.box--link:focus:after,.box--link:hover:after {
    content: ""
}

.box--link:focus:before,.box--link:hover:before {
    content: '';
    height: 100px;
    width: 50px;
    background-color: #fff;
    position: absolute;
    bottom: -40px;
    z-index: 2
}

html[dir=ltr] .box--link:focus:before,html[dir=ltr] .box--link:hover:before {
    right: -12px;
    transform: translateZ(0) rotate(45deg);
    -ms-transform: translateZ(0) rotate(45deg);
    -webkit-transform: translateZ(0) rotate(45deg);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden
}

html[dir=rtl] .box--link:focus:before,html[dir=rtl] .box--link:hover:before {
    left: -12px;
    transform: translateZ(0) rotate(135deg);
    -ms-transform: translateZ(0) rotate(135deg);
    -webkit-transform: translateZ(0) rotate(135deg);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden
}

.box--link:focus:after,.box--link:hover:after {
    border-radius: 3px;
    padding: 7px;
    font-size: .8em;
    line-height: 1;
    position: absolute;
    bottom: 2px;
    color: #0088ce;
    z-index: 3;
    display: inline-block
}

html[dir=ltr] .box--link:focus:after,html[dir=ltr] .box--link:hover:after {
    right: 5px;
    transform: translateZ(0) rotate(-45deg);
    -ms-transform: translateZ(0) rotate(-45deg);
    -webkit-transform: translateZ(0) rotate(-45deg);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden
}

html[dir=rtl] .box--link:focus:after,html[dir=rtl] .box--link:hover:after {
    left: 5px;
    transform: translateZ(0) rotate(135deg);
    -ms-transform: translateZ(0) rotate(135deg);
    -webkit-transform: translateZ(0) rotate(135deg);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden
}

[class*=box-image-details] {
    position: relative;
    font-size: 0;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    overflow: hidden;
    display: block
}

[class*=box-image-details] .flag {
    width: 100%;
    display: block;
    transition: all .4s
}

[class*=box-image-details] .flag .flag__box>[class*=fs-] {
    min-height: 90px
}

[class*=box-image-details] .flag .flag__stub.top [class*=icon--] {
    display: block;
    background: rgba(0,0,0,.25);
    padding: 6.5px;
    text-align: center
}

html[dir=ltr] [class*=box-image-details] .flag .flag__stub.top [class*=icon--] {
    border-bottom-right-radius: 10px
}

html[dir=rtl] [class*=box-image-details] .flag .flag__stub.top [class*=icon--] {
    border-bottom-left-radius: 10px
}

[class*=box-image-details] .flag .flag__stub.top [class*=icon--]:before {
    font-size: 26px
}

[class*=box-image-details] a.icon--cheveron--rounded {
    display: block
}

[class*=box-image-details] a.find-out-more {
    color: #fff;
    display: block;
    margin-top: 30px;
    text-decoration: none
}

[class*=box-image-details] a.find-out-more:after {
    margin-left: 20px;
    border-color: #fff
}

[class*=box-image-details] a.link--arrow:before {
    border-color: hsla(0,0%,100%,.2)
}

[class*=box-image-details] a.link--arrow:after {
    background: #fff;
    color: #7a0441
}

[class*=box-image-details] img {
    width: 100%;height: 100%;
}

[class*=box-image-details]>div {
    font-size: 16px;
    background: #7a0441;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    color: #fff;
    overflow: hidden;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px
}

[class*=box-image-details]>div a {
    color: #fff
}

[class*=box-image-details]>div.orange {
    background-color: #e9713a
}

[class*=box-image-details]>div.orange .detail-link__corner:after,[class*=box-image-details]>div.orange a.link--arrow:after {
    color: #e9713a
}

[class*=box-image-details]>div.light-blue {
    background-color: #0088ce
}

[class*=box-image-details]>div.light-blue .detail-link__corner:after,[class*=box-image-details]>div.light-blue a.link--arrow:after {
    color: #0088ce
}

[class*=box-image-details]>div.blue {
    background-color: #105f98
}

[class*=box-image-details]>div.blue .detail-link__corner:after,[class*=box-image-details]>div.blue a.link--arrow:after {
    color: #105f98
}

[class*=box-image-details]>div.dark-blue {
    background-color: #242279
}

[class*=box-image-details]>div.dark-blue .detail-link__corner:after,[class*=box-image-details]>div.dark-blue a.link--arrow:after {
    color: #242279
}

[class*=box-image-details]>div.green {
    background-color: #6c873a
}

[class*=box-image-details]>div.green .detail-link__corner:after,[class*=box-image-details]>div.green a.link--arrow:after {
    color: #6c873a
}

[class*=box-image-details]>div.purple {
    background-color: #5f2c57
}

[class*=box-image-details]>div.purple .detail-link__corner:after,[class*=box-image-details]>div.purple a.link--arrow:after {
    color: #5f2c57
}

[class*=box-image-details].background-image {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%
}

[class*=box-image-details].background-image.research--highlights {
    height: 460px
}

@media only screen and (max-width: 640px) {
    [class*=box-image-details].background-image.research--highlights {
        height:350px
    }
}

[class*=box-image-details].background-image.research--about {
    height: 460px
}




@media only screen and (max-width: 1024px) {
    [class*=box-image-details].background-image.research--about {
        height:300px
    }
}

.box-image-details--transparent>div {
    background: rgba(122,4,65,.95)
}

.box-image-details--transparent>div.yellow {
    background-color: rgba(227,169,23,.85)
}

.box-image-details--transparent>div.yellow .detail-link__corner:after,.box-image-details--transparent>div.yellow a.link--arrow:after {
    border: 1px solid white;
    color: white;
    background-color:rgba(227,169,23,.95); 
}

.box-image-details--transparent>div.orange {
    background-color: rgba(233,113,58,.95)
}

.box-image-details--transparent>div.orange .detail-link__corner:after,.box-image-details--transparent>div.orange a.link--arrow:after {
    border: 1px solid white;
    color: white;
    background-color:rgba(233,113,58,.95);
}

.box-image-details--transparent>div.light-blue {
    background-color: rgba(0,136,206,.95)
}

.box-image-details--transparent>div.light-blue .detail-link__corner:after,.box-image-details--transparent>div.light-blue a.link--arrow:after {
    border: 1px solid white;
    color: white;
    background-color:rgba(0,136,206,.95);
}

.box-image-details--transparent>div.blue {
    background-color: rgba(16,95,152,.85)
}

.box-image-details--transparent>div.blue .detail-link__corner:after,.box-image-details--transparent>div.blue a.link--arrow:after {
    border: 1px solid white;
    color: white;
    background-color:rgba(16,95,152,.95);
}

.box-image-details--transparent>div.dark-blue {
    background-color: rgba(36,34,121,.95)
}

.box-image-details--transparent>div.dark-blue .detail-link__corner:after,.box-image-details--transparent>div.dark-blue a.link--arrow:after {
	border: 1px solid white;
    color: white;
    background-color:rgba(36,34,121,.95);
}

.box-image-details--transparent>div.olive {
    background-color: rgba(108,135,58,.95)
}

.box-image-details--transparent>div.olive .detail-link__corner:after,.box-image-details--transparent>div.olive a.link--arrow:after {
	border: 1px solid white;
    color: white;
    background-color:rgba(108,135,58,.95);	
}

.box-image-details--transparent>div.purple {
    background-color: rgba(95,44,87,.85)
}

.box-image-details--transparent>div.purple .detail-link__corner:after,.box-image-details--transparent>div.purple a.link--arrow:after {
	border: 1px solid white;
    color: white;
    background-color:rgba(95,44,87,.95);
}

.box-image-details--transparent>div.green {
    background-color: rgba(26,92,91,.85)
}

.box-image-details--transparent>div.green .detail-link__corner:after,.box-image-details--transparent>div.green a.link--arrow:after {
    border: 1px solid white;
    color: white;
    background-color:rgba(26,92,91,.95);
}

.image-box {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    overflow: hidden
}

.image-box .image-box__content {
    position: absolute;
    bottom: 0;
    padding: 20px
}

.box--table {
    position: relative;
    border: 1px solid red
}

.box--table:before {
    content: '';
    background: rgba(255,0,0,.8);
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 10px
}

.flag,[class*=flag--] {
    position: relative;
    display: table;
    width: 100%
}

.flag.center,[class*=flag--].center {
    margin: 0 auto
}

.flag.absolute--bottom,[class*=flag--].absolute--bottom {
    position: absolute;
    bottom: 26px
}

.flag.find-out-more,[class*=flag--].find-out-more {
    color: #fff
}

.flag.find-out-more .diamond--arrow--right:after,[class*=flag--].find-out-more .diamond--arrow--right:after {
    border-color: #fff
}

.flag.why-study__block,[class*=flag--].why-study__block {
    min-height: 137px
}

.flag.why-study__block .flag__box,[class*=flag--].why-study__block .flag__box {
    position: relative
}

.flag.why-study__block .flag__box:before,[class*=flag--].why-study__block .flag__box:before {
    content: "";
    position: absolute;
    width: 65px;
    height: 100%;
    top: 0;
    left: -65px
}

.flag.why-study__block:focus .flag__stub .diamond--outer--border,.flag.why-study__block:hover .flag__stub .diamond--outer--border,[class*=flag--].why-study__block:focus .flag__stub .diamond--outer--border,[class*=flag--].why-study__block:hover .flag__stub .diamond--outer--border {
    color: #242279;
    transition: all .3s
}

.flag.why-study__block:focus .flag__stub .diamond--outer--border:before,.flag.why-study__block:hover .flag__stub .diamond--outer--border:before,[class*=flag--].why-study__block:focus .flag__stub .diamond--outer--border:before,[class*=flag--].why-study__block:hover .flag__stub .diamond--outer--border:before {
    background: #fff
}

.flag.why-study__block:focus .flag__box,.flag.why-study__block:focus .flag__box:before,.flag.why-study__block:hover .flag__box,.flag.why-study__block:hover .flag__box:before,[class*=flag--].why-study__block:focus .flag__box,[class*=flag--].why-study__block:focus .flag__box:before,[class*=flag--].why-study__block:hover .flag__box,[class*=flag--].why-study__block:hover .flag__box:before {
    background: hsla(0,0%,100%,.05);
    transition: all .3s
}

.flag--fluid,.flag--fluid .flag__box {
    width: auto
}

.flag__box,.flag__stub {
    display: table-cell;
    -dt-display: table-cell;
    vertical-align: top;
}

.flag__box.top,.flag__stub.top {
    vertical-align: top
}

.flag__box.bottom,.flag__stub.bottom {
    vertical-align: bottom
}

html[dir=ltr] .flag__stub {
    padding-right: 10px
}

html[dir=rtl] .flag__stub {
    padding-left: 10px
}

.flag__stub .icon,.flag__stub>img {
    display: block;
    max-width: none
}

.flag__stub .icon-tab {
    background: rgba(0,0,0,.25);
    border-radius: 0 0 5px
}

.flag__stub.rev {
    padding-right: 0
}

html[dir=ltr] .flag__stub.rev {
    padding-left: 10px;
    padding-right: 0
}

html[dir=rtl] .flag__stub.rev {
    padding-right: 10px;
    padding-left: 0
}

.flag__stub.std {
    padding-left: 0
}

html[dir=ltr] .flag__stub.std {
    padding-right: 10px;
    padding-left: 0
}

html[dir=rtl] .flag__stub.std {
    padding-left: 10px;
    padding-right: 0
}

html[dir=ltr] .flag__stub.flat,html[dir=rtl] .flag__stub.flat {
    padding-left: 0;
    padding-right: 0
}

.flag__box {
    width: 100%
}

.pagination {
    display: block;
    width: 100%;
    text-align: center;
    color: #0088ce
}

.pagination span {
    display: inline-block;
    padding: 5px 12px;
    border-radius: 3px;
    font-size: 1.2em
}

@media only screen and (max-width: 350px) {
    .pagination span {
        padding:5px 10px
    }
}

.pagination span.icon--chevron--large {
    margin: 0 0 0 30px
}

@media only screen and (max-width: 600px) {
    .pagination span.icon--chevron--large {
        margin:0 0 0 5px
    }
}

.pagination span.icon--chevron--large.prev {
    margin: 0 30px 0 0
}

@media only screen and (max-width: 600px) {
    .pagination span.icon--chevron--large.prev {
        margin:0 5px 0 0
    }
}

html[dir=ltr] .pagination span.icon--chevron--large.prev:before {
    transform: scale(-1)
}

html[dir=rtl] .pagination span.icon--chevron--large.prev:before {
    transform: scale(1)
}

.pagination span.icon--chevron--large.double,.pagination span.icon--chevron--large.double.prev {
    margin: 0
}

.pagination span.icon--chevron--large.double.prev span,.pagination span.icon--chevron--large.double span {
    margin: 0;
    padding: 0;
    font-size: 1em
}

@media only screen and (max-width: 600px) {
    .pagination span.icon--chevron--large.double,.pagination span.icon--chevron--large.double.prev {
        display:none
    }
}

.pagination span.icon--chevron--large:before {
    display: inline-block
}

@media only screen and (max-width: 600px) {
    .pagination span.drop {
        display:none
    }
}

.pagination .selected {
    background: #0088ce;
    color: #fff
}

.rounded-borders {
    border-radius: 10px;
    overflow: hidden
}

.rounded-borders.image {
    font-size: 0
}

.rounded-borders.image img {
    width: 100% 
}

.rounded-borders.background-image {
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%
}

.swipe {
    color: #0088ce
}

.swipe .icon--finger-swipe {
    font-size: 3em
}

.swipe [class*=icon--chevron] {
    font-size: 1.8em;
    top: -4px;
    position: relative
}

.newsletter {
    margin-top: 95px;
    background-color: #0088ce;
    color: #fff
}

.newsletter .container {
    background-color: #33a0d8
}

.newsletter input {
    border-radius: 4px;
    border: 0;
    width: 100%;
    height: 50px;
    font-size: 1.1em;
    background: #fff
}

.newsletter input::-webkit-input-placeholder {
    color: #777
}

.newsletter input::-moz-placeholder {
    color: #777;
    opacity: 1
}

.newsletter input:-ms-input-placeholder {
    color: #777
}

.newsletter input[type=submit] {
    background-color: #242279;
    color: #fff
}

ul.social-media a {
    text-decoration: none;
}

ul.social-media span {
    font-size: 0
}

html[dir=ltr] ul.social-media li+li {
    margin-left: 5px
}

html[dir=rtl] ul.social-media li+li {
    margin-right: 5px
}

.hero-carousel-container {
    width: 100%;
    overflow: hidden;
    z-index: 1;
    position: relative
}

.hero-carousel__content {
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 700px
}




@media only screen and (max-width: 1024px) {
    .hero-carousel__content {
        height:675px
    }
}

@media only screen and (max-width: 768px) {
    .hero-carousel__content {
        height:650px
    }
}

@media only screen and (max-width: 540px) {
    .hero-carousel__content {
        height:100vw
    }
}

.hero-carousel {
    height: 100%;   /* Modified from 100% to 80% on Sep 2020 */
    overflow: hidden;
    position: relative
}

.hero-carousel__slider-container {
    height: 100% /* Modified from 100% to 80% on Sep 2020 */

}

@media only screen and (max-width: 540px) {
    .hero-carousel__slider-container {
        height:100vw;
    }
}

.hero-carousel__slide {
    width: 100vw;
}

.hero-carousel__fade-container {
    position: absolute;
    width: 1440px;
    left: 50%;
    margin-left: -720px;
    top: 0;
    height: 100%;
    padding: 0 24px
}



@media only screen and (max-width: 1440px) {
    .hero-carousel__fade-container {
        width:100%;
        left: 0;
        margin-left: 0
    }
}

@media only screen and (max-width: 768px) {
    .hero-carousel__fade-container {
        top:10vw;
        height: auto;
        padding: 0
    }
}

@media only screen and (max-width: 540px) {
    .hero-carousel__fade-container {
        position:relative;
        top: 0;
        width: 100%
    }
}

.hero-carousel__fades-edge-skew {
    position: absolute;
    height: 100%;
    width: 100px;
    overflow: hidden
}

html[dir=ltr] .hero-carousel__fades-edge-skew {
    left: 100%
}

html[dir=rtl] .hero-carousel__fades-edge-skew {
    right: 100%
}

.hero-carousel__fades-edge-skew:before {
    content: '';
    background: hsla(0,0%,100%,.9);
    height: 100%;
    width: 100px;
    position: absolute;
    top: 0
}

html[dir=ltr] .hero-carousel__fades-edge-skew:before {
    transform: translateZ(0) skewX(-7.3deg);
    -ms-transform: translateZ(0) skewX(-7.3deg);
    -webkit-transform: translateZ(0) skewX(-7.3deg);
    left: -50px
}

html[dir=ltr] .hero-carousel__fades-edge-skew:before,html[dir=rtl] .hero-carousel__fades-edge-skew:before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden
}

html[dir=rtl] .hero-carousel__fades-edge-skew:before {
    transform: translateZ(0) skewX(7.3deg);
    -ms-transform: translateZ(0) skewX(7.3deg);
    -webkit-transform: translateZ(0) skewX(7.3deg);
    right: -50px
}

@media only screen and (max-width: 768px) {
    .hero-carousel__fades-edge-skew {
        display:none
    }
}

.hero-carousel__apply-now {
    background-color: #7a0441;
    color: #fff !important;
    position: absolute;
    top:30px;
    padding: 10px;
    z-index: 1;
    font-size: 1.6em;
    font-weight: 700;
}

html[dir=ltr] .hero-carousel__apply-now {
    right: -90px;
    padding-left: 40px
}

html[dir=rtl] .hero-carousel__apply-now {
    left: -90px;
    padding-right: 40px
}

.hero-carousel__apply-now:after {
    background: inherit;
    content: '';
    display: block;
    width: 50%;
    position: absolute;
    top: 0;
    bottom: 0;
    transform-origin: 100%;
    z-index: -1
}

html[dir=ltr] .hero-carousel__apply-now:after {
    transform: translateZ(0) skewX(-7.6deg);
    -ms-transform: translateZ(0) skewX(-7.6deg);
    -webkit-transform: translateZ(0) skewX(-7.6deg);
    right: -14px
}

html[dir=ltr] .hero-carousel__apply-now:after,html[dir=rtl] .hero-carousel__apply-now:after {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden
}

html[dir=rtl] .hero-carousel__apply-now:after {
    transform: translateZ(0) skewX(7.6deg);
    -ms-transform: translateZ(0) skewX(7.6deg);
    -webkit-transform: translateZ(0) skewX(7.6deg);
    left: -14px
}

.hero-carousel__apply-now:focus,.hero-carousel__apply-now:hover {
    background-color: #78154e
}

@media only screen and (max-width: 1024px) {
    html[dir=ltr] .hero-carousel__apply-now {
        right:-73px
    }

    html[dir=rtl] .hero-carousel__apply-now {
        left: -73px
    }
}

@media only screen and (max-width: 768px) {
    .hero-carousel__apply-now {
        top:100%;
        padding: 20px 40px
    }

    html[dir=ltr] .hero-carousel__apply-now {
        left: 20px;
        right: auto
    }

    html[dir=rtl] .hero-carousel__apply-now {
        right: 20px;
        left: auto
    }

    .hero-carousel__apply-now:after {
        display: none
    }
}

@media only screen and (max-width: 640px) {
    .hero-carousel__apply-now {
        position:relative;
        display: block;
        width: 100vw;
        left: auto!important;
        right: auto!important;
        top: auto!important;
        text-align: center;
        margin-top: 30px
    }
}

.hero-carousel__fades {
    height: 100%;
    width: 400px;
    position: relative;
    background-color: hsla(0,0%,100%,.9)
}

.hero-carousel__fades:before {
    content: '';
    position: absolute;
    height: 100%;
    width: 2000px;
    background-color: hsla(0,0%,100%,.9)
}

html[dir=ltr] .hero-carousel__fades:before {
    right: 100%
}

html[dir=rtl] .hero-carousel__fades:before {
    left: 100%
}

.hero-carousel__fades .fade-tile {
    padding: 20px;
    /*padding-top: 150px; /* shift the looping banner text down*/
    color: #7a0441;
}

.hero-carousel__fades .fade-tile .title {
    font-size: 2.3em;
    line-height: 1;
    font-weight: 700;
    position: relative;
    /*padding-top: 100px; /* Shift the banner text to make a room for vision 2030 logo */ 
}

.hero-carousel__fades .fade-tile .title:after {
    content: '';
    border-bottom: 2px solid #7a0441;
    position: absolute;
    bottom: -30px;
    width: 30%
}

html[dir=ltr] .hero-carousel__fades .fade-tile .title:after {
    left: 0
}

html[dir=rtl] .hero-carousel__fades .fade-tile .title:after {
    right: 0
}

.hero-carousel__fades .fade-tile .blurb {
    margin-top: 50px;
    font-family: HelveticaNeue-Light;
    font-size: .9em;
    line-height: 1.6;
    color: #000
}

html[dir=rtl] .hero-carousel__fades .fade-tile .blurb {  font-family: MunaFont; }

.hero-carousel__fades .fade-tile a {
    color: #7a0441
}

@media only screen and (max-width: 768px) {
    .hero-carousel__fades .fade-tile {
        padding:20px 20px 80px
    }

    .hero-carousel__fades .fade-tile .title {
        font-size: 2.3em
    }
}

@media only screen and (max-width: 768px) {
    .hero-carousel__fades {
        width:360px
    }

    .hero-carousel__fades .fade-tile {
        padding: 20px 20px 80px
    }

    .hero-carousel__fades .fade-tile .title {
        font-size: 1.4em
    }
}

@media only screen and (max-width: 540px) {
    .hero-carousel__fades {
        width:100%
    }

    .hero-carousel__fades .fade-tile {
        padding: 20px;
        font-size: 1.4em
    }
}

.hero-carousel__thumbnails {
    position: absolute;
    bottom: 100px;
    overflow: hidden
}

@media only screen and (max-width: 1280px) {
    .hero-carousel__thumbnails {
        bottom:50px
    }
}

html[dir=ltr] .hero-carousel__thumbnails {
    left: 20px
}

html[dir=rtl] .hero-carousel__thumbnails {
    right: 20px
}

@media only screen and (max-width: 768px) {
    .hero-carousel__thumbnails {
        bottom:30px
    }

    html[dir=ltr] .hero-carousel__thumbnails {
        right: 20px;
        left: auto
    }

    html[dir=rtl] .hero-carousel__thumbnails {
        left: 20px;
        right: auto
    }
}

@media only screen and (max-width: 640px) {
    .hero-carousel__thumbnails {
        display:none
    }
}

.hero-carousel__thumbnails [data-thumb] {
    height: 12px;
    width: 12px;
    background: rgba(122,4,65,.3);
    float: left;
    margin-right: 10px;
    transition: background .5s;
    cursor: pointer
}

html[dir=rtl] .hero-carousel__thumbnails [data-thumb] {
    float: right;
}

.hero-carousel__thumbnails [data-thumb].selected,.hero-carousel__thumbnails [data-thumb]:focus,.hero-carousel__thumbnails [data-thumb]:hover {
    background: #7a0441
}

.hero-carousel__thumbnails .diamond--image {
    height: 60px;
    width: 60px;
    position: relative;
    border-radius: 5px;
    cursor: pointer
}

html[dir=ltr] .hero-carousel__thumbnails .diamond--image {
    float: left;
    margin-left: -12px
}

html[dir=rtl] .hero-carousel__thumbnails .diamond--image {
    float: right;
    margin-right: -12px
}

.hero-carousel__thumbnails .diamond--image>img {
    width: 150%;
    transition: all .5s
}

.hero-carousel__thumbnails .diamond--image:nth-child(2),.hero-carousel__thumbnails .diamond--image:nth-child(4) {
    top: -47px
}

.hero-carousel__thumbnails .diamond--image:after {
    transition: all .5s;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.hero-carousel__thumbnails .diamond--image.selected:after {
    background-color: rgba(122,4,65,.7)
}

.hero-carousel__thumbnails .diamond--image:hover>img {
    transform: scale(1.3) rotate(45deg) translateZ(0);
    -ms-transform: scale(1.3) rotate(45deg) translateZ(0);
    -webkit-transform: scale(1.3) rotate(-45deg) translateZ(0);
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden
}

@media only screen and (max-width: 1024px) {
    .hero-carousel__thumbnails .diamond--image {
        border-radius:2px;
        height: 50px;
        width: 50px
    }

    .hero-carousel__thumbnails .diamond--image:nth-child(2) {
        top: -37px
    }

    html[dir=ltr] .hero-carousel__thumbnails .diamond--image:nth-child(2) {
        left: 37px
    }

    html[dir=rtl] .hero-carousel__thumbnails .diamond--image:nth-child(2) {
        right: 37px
    }

    html[dir=ltr] .hero-carousel__thumbnails .diamond--image:nth-child(3) {
        left: 74px
    }

    html[dir=rtl] .hero-carousel__thumbnails .diamond--image:nth-child(3) {
        right: 74px
    }

    .hero-carousel__thumbnails .diamond--image:nth-child(4) {
        top: -37px
    }

    html[dir=ltr] .hero-carousel__thumbnails .diamond--image:nth-child(4) {
        left: 111px
    }

    html[dir=rtl] .hero-carousel__thumbnails .diamond--image:nth-child(4) {
        right: 111px
    }

    html[dir=ltr] .hero-carousel__thumbnails .diamond--image:nth-child(5) {
        left: 148px
    }

    html[dir=rtl] .hero-carousel__thumbnails .diamond--image:nth-child(5) {
        right: 148px
    }
}

.header-image-container {
    width: 100%;
    overflow: hidden;
    position: relative
}

.header-image-container .i-am-a {
    top: -130px
}

.header-image {
    width: 100%;
    top: 0;
    height: 575px;
    overflow: hidden;
    position: relative;
    z-index: 2
}

@media only screen and (max-width: 900px) {
    .header-image {
        height:300px
    }
}

.header-image .header-image__image-holder>img {
   /* height: 100%;    disabled at Jan 5th, 2021 to adjust header image on mobile*/
    position: relative;

}

@media only screen and (min-width: 1965px) {
    .header-image .header-image__image-holder>img {
        height:auto;
        width: 100%
    }
}

.header-image__content {
    position: relative;
    height: 100%;
    height: 720px
}

@media only screen and (max-width: 900px) {
    .header-image__content {
        height:400px
    }
}

.header-image__center-anchor {
    max-width: 1440px;
    margin: 0 auto;
    position: relative
}

@media only screen and (max-width: 1440px) {
    .header-image__center-anchor {
        width:100vw
    }
}

.header-image__image-holder {
    height: 100%;
    position: relative;
    width: 102vw
}

.header-image__student-profile {
    position: absolute;
    top: -316px;
    z-index: 3;
    height: 330px;
    width: 330px
}

html[dir=ltr] .header-image__student-profile {
    right: 0
}

html[dir=rtl] .header-image__student-profile {
    left: 0
}

.header-image__student-profile .bottom {
    height: 20px;
    width: 100%;
    position: absolute;
    bottom: -20px;
    overflow: hidden
}

.header-image__student-profile .bottom:after {
    bottom: 100%;
    height: 40px;
    background: rgba(0,136,206,.8)
}

.header-image__student-profile .diamond--image {
    width: 100px;
    height: 100px;
    position: absolute;
    top: -50px;
    border-radius: 5px
}

html[dir=ltr] .header-image__student-profile .diamond--image {
    left: -50px
}

html[dir=rtl] .header-image__student-profile .diamond--image {
    right: -50px
}

@media only screen and (max-width: 1440px) {
    html[dir=ltr] .header-image__student-profile {
        right:20px
    }

    html[dir=rtl] .header-image__student-profile {
        left: 20px
    }
}

.header-image__student-profile-content {
    position: relative;
    height: 100%;
    width: 100%;
    overflow: hidden;
    color: #fff;
    padding: 20px;
    padding-top: 40px;
    line-height: 1.5
}

html[dir=ltr] .header-image__student-profile-content {
    padding-left: 60px
}

html[dir=rtl] .header-image__student-profile-content {
    padding-right: 60px
}

.header-image__student-profile-content>div {
    position: relative;
    z-index: 1
}

.header-image__student-profile-content:before {
    content: '';
    position: absolute;
    z-index: 0;
    top: -10%;
    height: 150%;
    width: 150%;
    background: rgba(0,136,206,.8);
    transform: translateZ(0) rotate(45deg);
    -ms-transform: translateZ(0) rotate(45deg);
    -webkit-transform: translateZ(0) rotate(45deg);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden
}

html[dir=ltr] .header-image__student-profile-content:before {
    left: -10%
}

html[dir=rtl] .header-image__student-profile-content:before {
    right: -10%
}

.header-image__student-profile-content .icon--quote {
    position: relative
}

.header-image__student-profile-content .icon--quote:before {
    font-size: 3em;
    position: absolute;
    top: -30px
}

html[dir=ltr] .header-image__student-profile-content .icon--quote:before {
    right: 103%
}

html[dir=rtl] .header-image__student-profile-content .icon--quote:before {
    left: 103%
}

.i-am-a {
    position: absolute;
    background: #7a0441;
    width: 200px;
    top: 100%;
    z-index: -1;
    color: #fff
}

html[dir=ltr] .i-am-a {
    right: 24px
}

html[dir=rtl] .i-am-a {
    left: 24px
}

.i-am-a h2 {
    padding: 10px 20px
}

.i-am-a a,.i-am-a ul {
    display: block
}

.i-am-a a {
    color: #fff;
    text-decoration: none;
    padding: 10px 0;
    transition: all .5s
}

.i-am-a li+li {
    border-top: 1px solid hsla(0,0%,100%,.3)
}

@media only screen and (max-width: 980px) {
    .i-am-a {
        z-index:7
    }
}

@media only screen and (max-width: 540px) {
    html[dir=ltr] .i-am-a {
        right:0
    }

    html[dir=rtl] .i-am-a {
        left: 0
    }
}

.i-am-a__content {
    overflow: hidden;
    background-color: #78154e;
    transition: max-height .5s,opacity .5s;
    max-height: 0;
    opacity: 0
}

.i-am-a__content > ul {
    margin: 10px 20px
}

.i-am-a--homepage .i-am-a__content,.i-am-a__content.open {
    max-height: 500px;
    opacity: 1
}

@media only screen and (max-width: 980px) {
    .i-am-a--homepage .i-am-a__content {
        max-height:0;
        opacity: 0
    }
}

.i-am-a--homepage .i-am-a__content.open {
    max-height: 500px;
    opacity: 1
}

ul.breadcrumb {
    background: #ededed;
    padding: 26px 20px 17px;
    font-size: 15px;
    line-height: 1.5
}

ul.breadcrumb li {
    display: inline-block
}

ul.breadcrumb li+li {
    position: relative
}

ul.breadcrumb li+li:before {
    content: ""
}

html[dir=ltr] ul.breadcrumb li+li {
    padding-left: 25px
}

html[dir=rtl] ul.breadcrumb li+li {
    padding-right: 25px
}

ul.breadcrumb li+li:before {
    color: #0088ce;
    font-size: .9em;
    top: 0;
    position: absolute
}

html[dir=ltr] ul.breadcrumb li+li:before {
    left: 5px
}

html[dir=rtl] ul.breadcrumb li+li:before {
    right: 5px;
    transform: scale(-1)
}

ul.breadcrumb li:last-of-type a {
    font-weight: 700
}

ul.breadcrumb li a {
    color: #000;
    text-decoration: none
}

.faculty-list {
    margin-top: 40px
}

html[dir=ltr] .faculty-list {
    margin-right: -15px
}

html[dir=rtl] .faculty-list {
    margin-left: -15px
}

.faculty-list .faculty-list-li {
    /* width: 33.33333333%; To adjust image size */
    width: 25%;
    float: left;
    _zoom: 1;
    box-sizing: border-box;
    padding-bottom: 15px;
    font-size: 0
}
.faculty-list .faculty-list-li:nth-child(4n + 1){
    clear:both;
}
@media only screen and (max-width: 768px) {
    .faculty-list .faculty-list-li {
        width:50%;
        float: left;
        _zoom: 1;
        box-sizing: border-box
    }
}

@media only screen and (max-width: 640px) {
    .faculty-list li {
        float:none;
        width: 100% !important; /* Adjusted at Mar 28, 2021 to optimize the appearance on mobile */ 
    }

 
    .unit--5-7  { /* Added at Mar 28, 2021 to optimize the appearance on mobile */   
	width: 100%;
	}
	
	.item-details img { /* Added at Mar 28, 2021 to optimize the appearance on mobile */   
	width: 100%;
	height: 100% !important; 
	}
}

html[dir=ltr] .faculty-list li {
    float: left;
    padding-right: 15px;
    
}

html[dir=rtl] .faculty-list li {
    float: right;
    padding-left: 15px
}

.faculty-list li img {
    /* width: 100%; to adjust the image size */
    display: block
}

.faculty-list li .details {
    background: #0088ce;
    color: #fff;
    padding: 20px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    position: relative;
    overflow: hidden;
   height:290px;
}
.faculty-list li .item-details {
    display: block;
    position: relative;
    text-decoration: none;
    overflow: hidden;
    font-size: 16px;
    height: 100%;
}
.faculty-list li .item-details:focus:after,.faculty-list li .item-details:hover:after {
    content: "";
    border-radius: 3px;
    padding: 7px;
    font-size: .8em;
    line-height: 1;
    color: #0088ce;
    position: absolute;
    bottom: 2px;
    right: 6px;
    display: inline-block
}

html[dir=ltr] .faculty-list li .item-details:focus:after,html[dir=ltr] .faculty-list li .item-details:hover:after {
    transform: translateZ(0) rotate(-45deg);
    -ms-transform: translateZ(0) rotate(-45deg);
    -webkit-transform: translateZ(0) rotate(-45deg);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden
}

html[dir=rtl] .faculty-list li .item-details:focus:after,html[dir=rtl] .faculty-list li .item-details:hover:after {
    transform: translateZ(0) rotate(135deg);
    -ms-transform: translateZ(0) rotate(135deg);
    -webkit-transform: translateZ(0) rotate(135deg);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden
}

.faculty-list li .item-details:focus .details:after,.faculty-list li .item-details:hover .details:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: hsla(0,0%,100%,.1);
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px
}

.faculty-list li .item-details:focus .details:before,.faculty-list li .item-details:hover .details:before {
    content: '';
    height: 100px;
    width: 50px;
    background-color: #fff;
    position: absolute;
    bottom: -40px;
    right: -12px;
    transform: translateZ(0) rotate(45deg);
    -ms-transform: translateZ(0) rotate(45deg);
    -webkit-transform: translateZ(0) rotate(45deg);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden
}

.faculty-search [class*=icon--].unit--1-1 {
    position: relative
}

.faculty-search [class*=icon--].unit--1-1:before {
    color: #0088ce;
    position: absolute;
    top: 13px;
    right: 12px;
    font-size: 30px
}

.faculty-search div.link--arrow {
    text-decoration: none;
    position: relative
}

.faculty-search div.link--arrow:after {
    content: ""
}

html[dir=ltr] .faculty-search div.link--arrow input[type=submit] {
    padding-right: 55px
}

html[dir=rtl] .faculty-search div.link--arrow input[type=submit] {
    padding-left: 55px
}

.faculty-search div.link--arrow:after {
    background: #fff;
    color: #0088ce;
    border-radius: 3px;
    padding: 7px;
    font-size: .8em;
    line-height: 1;
    position: absolute;
    top: 12px;
    display: inline-block
}

html[dir=ltr] .faculty-search div.link--arrow:after {
    right: 12px;
    margin-left: 15px;
    transform: translateZ(0) rotate(-45deg);
    -ms-transform: translateZ(0) rotate(-45deg);
    -webkit-transform: translateZ(0) rotate(-45deg)
}

html[dir=ltr] .faculty-search div.link--arrow:after,html[dir=rtl] .faculty-search div.link--arrow:after {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden
}

html[dir=rtl] .faculty-search div.link--arrow:after {
    left: 12px;
    margin-right: 15px;
    transform: translateZ(0) rotate(135deg);
    -ms-transform: translateZ(0) rotate(135deg);
    -webkit-transform: translateZ(0) rotate(135deg)
}

.faculty__skills-container--mobile {
    display: none
}

@media only screen and (max-width: 768px) {
    .faculty-intro .flag__stub img {
        height:130px
    }

    .faculty__skills-container {
        display: none
    }

    .faculty__skills-container--mobile {
        display: block
    }
}

.event-list {
    margin-top: 30px
}

html[dir=ltr] .event-list {
    margin-right: -15px
}

html[dir=rtl] .event-list {
    margin-left: -15px
}

.event-list li {
    width: 33.33333333%;
    float: left;
    _zoom: 1;
    box-sizing: border-box;
    padding-bottom: 40px
}

@media only screen and (max-width: 768px) {
    .event-list li {
        width:50%;
        float: left;
        _zoom: 1;
        box-sizing: border-box
    }
}

@media only screen and (max-width: 640px) {
    .event-list li {
        float:none;
        width: 100%
    }
}

html[dir=ltr] .event-list li {
    float: left;
    padding-right: 15px
}

html[dir=rtl] .event-list li {
    float: right;
    padding-left: 15px
}

.event-list li img {
    width: 100%;
    margin-bottom: 10px
}

.event-list li h3 {
    margin: 5px 0;
    font-size: 1.6em
}

.event-list li .find-out-more,.event-list li .type,.event-list li h3 {
    color: #0088ce
}

.event-list li .find-out-more {
    display: block;
    margin-top: 30px;
    text-decoration: none
}

.event-list li .find-out-more:after {
    margin-left: 20px
}

html[dir=ltr] .event-search .event-list+.event-list,html[dir=ltr] .event-search .event-list+.faculty-carousel,html[dir=ltr] .event-search .event-list+.faculty-list,html[dir=ltr] .event-search .event-list+.line,html[dir=ltr] .event-search .faculty-carousel+.event-list,html[dir=ltr] .event-search .faculty-carousel+.faculty-carousel,html[dir=ltr] .event-search .faculty-carousel+.faculty-list,html[dir=ltr] .event-search .faculty-carousel+.line,html[dir=ltr] .event-search .faculty-list+.event-list,html[dir=ltr] .event-search .faculty-list+.faculty-carousel,html[dir=ltr] .event-search .faculty-list+.faculty-list,html[dir=ltr] .event-search .faculty-list+.line,html[dir=ltr] .event-search .line+.event-list,html[dir=ltr] .event-search .line+.faculty-carousel,html[dir=ltr] .event-search .line+.faculty-list,html[dir=ltr] .event-search .line+.line {
    margin-right: -10px
}

html[dir=rtl] .event-search .event-list+.event-list,html[dir=rtl] .event-search .event-list+.faculty-carousel,html[dir=rtl] .event-search .event-list+.faculty-list,html[dir=rtl] .event-search .event-list+.line,html[dir=rtl] .event-search .faculty-carousel+.event-list,html[dir=rtl] .event-search .faculty-carousel+.faculty-carousel,html[dir=rtl] .event-search .faculty-carousel+.faculty-list,html[dir=rtl] .event-search .faculty-carousel+.line,html[dir=rtl] .event-search .faculty-list+.event-list,html[dir=rtl] .event-search .faculty-list+.faculty-carousel,html[dir=rtl] .event-search .faculty-list+.faculty-list,html[dir=rtl] .event-search .faculty-list+.line,html[dir=rtl] .event-search .line+.event-list,html[dir=rtl] .event-search .line+.faculty-carousel,html[dir=rtl] .event-search .line+.faculty-list,html[dir=rtl] .event-search .line+.line {
    margin-left: -10px
}

.faculty-carousel {
    position: relative;
    margin-top: 40px
}

.faculty-carousel .slick-slider {
    padding: 0 55px
}

.faculty-carousel .slick-slider .slick-arrow:after {
    color: #fff
}

.faculty-carousel li {
    width: 259px;
    padding-bottom: 15px;
    font-size: 0
}

html[dir=ltr] .faculty-carousel li {
    float: left;
    padding-right: 15px
}

html[dir=rtl] .faculty-carousel li {
    float: right;
    padding-left: 15px
}

.faculty-carousel li img {
    width: 100%
}

.faculty-carousel li .details {
    font-size: 16px;
    height: 160px;
    background: #fff;
    color: #7a0441;
    padding: 20px;
    text-align: left;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    position: relative;
    overflow: hidden
}

.faculty-carousel li .details:focus:before,.faculty-carousel li .details:hover:before {
    content: '';
    height: 100px;
    width: 50px;
    background-color: #fff;
    position: absolute;
    bottom: -40px;
    right: -12px;
    transform: translateZ(0) rotate(45deg);
    -ms-transform: translateZ(0) rotate(45deg);
    -webkit-transform: translateZ(0) rotate(45deg);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden
}

.faculty-carousel [data-slide] img {
    height: auto!important;
    left: 0!important;
    margin-left: 0!important
}

.faculty-carousel .ui--carousel__slide-viewport {
    max-width: 1440px;
    position: relative
}

.faculty-carousel .ui--carousel__controls {
    position: absolute;
    top: 50%;
    background: none;
    border: 0;
    padding: 0;
    margin-top: -30px;
    cursor: pointer
}

.faculty-carousel .ui--carousel__controls:after {
    content: "";
    color: #fff;
    font-size: 5em;
    top: 0;
    left: 0;
    position: absolute
}

.faculty-carousel .ui--carousel__controls.left {
    left: 0
}

.faculty-carousel .ui--carousel__controls.left:after {
    transform: scaleX(-1)
}

.faculty-carousel .ui--carousel__controls.right {
    right: 57px
}

.faculty-carousel .ui--carousel__controls:focus,.faculty-carousel .ui--carousel__controls:hover {
    border: 0!important;
    box-shadow: 0 0 0!important
}

html[dir=ltr] .faculty-search .event-list+.event-list,html[dir=ltr] .faculty-search .event-list+.faculty-carousel,html[dir=ltr] .faculty-search .event-list+.faculty-list,html[dir=ltr] .faculty-search .event-list+.line,html[dir=ltr] .faculty-search .faculty-carousel+.event-list,html[dir=ltr] .faculty-search .faculty-carousel+.faculty-carousel,html[dir=ltr] .faculty-search .faculty-carousel+.faculty-list,html[dir=ltr] .faculty-search .faculty-carousel+.line,html[dir=ltr] .faculty-search .faculty-list+.event-list,html[dir=ltr] .faculty-search .faculty-list+.faculty-carousel,html[dir=ltr] .faculty-search .faculty-list+.faculty-list,html[dir=ltr] .faculty-search .faculty-list+.line,html[dir=ltr] .faculty-search .line+.event-list,html[dir=ltr] .faculty-search .line+.faculty-carousel,html[dir=ltr] .faculty-search .line+.faculty-list,html[dir=ltr] .faculty-search .line+.line {
    margin-right: -10px
}

html[dir=rtl] .faculty-search .event-list+.event-list,html[dir=rtl] .faculty-search .event-list+.faculty-carousel,html[dir=rtl] .faculty-search .event-list+.faculty-list,html[dir=rtl] .faculty-search .event-list+.line,html[dir=rtl] .faculty-search .faculty-carousel+.event-list,html[dir=rtl] .faculty-search .faculty-carousel+.faculty-carousel,html[dir=rtl] .faculty-search .faculty-carousel+.faculty-list,html[dir=rtl] .faculty-search .faculty-carousel+.line,html[dir=rtl] .faculty-search .faculty-list+.event-list,html[dir=rtl] .faculty-search .faculty-list+.faculty-carousel,html[dir=rtl] .faculty-search .faculty-list+.faculty-list,html[dir=rtl] .faculty-search .faculty-list+.line,html[dir=rtl] .faculty-search .line+.event-list,html[dir=rtl] .faculty-search .line+.faculty-carousel,html[dir=rtl] .faculty-search .line+.faculty-list,html[dir=rtl] .faculty-search .line+.line {
    margin-left: -10px
}

.research-centers {
    padding: 30px 0 60px
}

.research-centers h2 {
    color: #0088ce;
    font-size: 2em;
    margin-bottom: 20px
}

.research-centers img {
    width: 100%
}

.research-centers .event-list,.research-centers .faculty-carousel,.research-centers .faculty-list,.research-centers .line {
    font-size: 0
}

html[dir=ltr] .research-centers .event-list,html[dir=ltr] .research-centers .faculty-carousel,html[dir=ltr] .research-centers .faculty-list,html[dir=ltr] .research-centers .line {
    margin-right: -20px
}

html[dir=rtl] .research-centers .event-list,html[dir=rtl] .research-centers .faculty-carousel,html[dir=rtl] .research-centers .faculty-list,html[dir=rtl] .research-centers .line {
    margin-left: -20px
}

.research-centers .details {
    font-size: 16px;
    min-height: 220px;
    color: #fff;
    padding: 20px 20px 70px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    overflow: hidden
}

@media only screen and (max-width: 640px) {
    .research-centers .details {
        height:auto;
        min-height: 0
    }
}

.sign-off {
    background: #ededed;
    color: #242279;
    font-size: 1.4em;
    line-height: 1.4;
    overflow: hidden
}

.sign-off .icon--quote {
    position: relative
}

.sign-off .icon--quote:before {
    font-size: 5em;
    position: absolute;
    top: -100px
}

html[dir=ltr] .sign-off .icon--quote:before {
    right: 104%
}

html[dir=rtl] .sign-off .icon--quote:before {
    left: 104%
}

.sign-off .unit--1-4 {
    position: relative
}

.sign-off .diamond-collection--welcome {
    position: absolute;
    top: 40px
}

html[dir=ltr] .sign-off .diamond-collection--welcome {
    left: 90%
}

html[dir=rtl] .sign-off .diamond-collection--welcome {
    right: 90%
}

.sign-off .diamond-collection--1 {
    position: absolute;
    bottom: -10px
}

html[dir=ltr] .sign-off .diamond-collection--1 {
    left: 35%
}

html[dir=rtl] .sign-off .diamond-collection--1 {
    right: 35%
}

@media only screen and (max-width: 640px) {
    .sign-off .diamond-collection--1 {
        bottom:-130px
    }

    html[dir=ltr] .sign-off .diamond-collection--1 {
        left: 5%
    }

    html[dir=rtl] .sign-off .diamond-collection--1 {
        right: 5%
    }
}

.sign-off .diamond-collection--2 {
    position: absolute;
    bottom: 60px
}

html[dir=ltr] .sign-off .diamond-collection--2 {
    left: 110%
}

html[dir=rtl] .sign-off .diamond-collection--2 {
    right: 110%
}

.sign-off__signature {
    font-size: 16px
}

@media only screen and (max-width: 1024px) {
    .sign-off__image {
        max-width:100%;
        width: 200px
    }
}

@media only screen and (max-width: 1024px) {
    html[dir=ltr] .sign-off__text {
        margin-left:230px
    }

    html[dir=rtl] .sign-off__text {
        margin-right: 230px
    }
}

@media only screen and (max-width: 768px) {
    html[dir=ltr] .sign-off__text {
        margin-left:0;
        font-size: 0.8em;
        padding: 0 40px 0 0;
    }

    html[dir=rtl] .sign-off__text {
        margin-right: 0;
        font-size: 0.7em;
        padding: 0 0 0 40px;

    }
}

.section--about-top-1 .box-image-details--transparent {
    height: 404px
}

.section--about-top-1 .unit--1-3 .box-image-details--transparent {
    height: 450px
}

@media only screen and (max-width: 640px) {
    .section--about-top-1 .box-image-details--transparent img {
        max-height:300px
    }
}

.section--about-top-1 .link--arrow:after {
    background: #fff
}

.section--colleges-programmes .box-image-details--transparent>div,.section--student-awards .box-image-details--transparent>div {
    min-height: 100px
}

.section--student-awards .box-image-details--transparent {
    height: 408px
}

@media only screen and (max-width: 1024px) {
    .section--student-awards .box-image-details--transparent {
        height:350px
    }
}

@media only screen and (max-width: 640px) {
    .section--student-awards .box-image-details--transparent {
        height:250px
    }
}

.student-affairs--base .box-image-details {
    height: 345px
}

@media only screen and (max-width: 1365px) {
    .section--why-study-at .flag.why-study__block {
        text-align:center
    }

    .section--why-study-at .flag.why-study__block .flag__stub {
        width: 110px;
        display: block;
        margin: 0 auto
    }

    .section--why-study-at .flag.why-study__block .flag__box {
        display: block;
        padding: 20px 10px
    }

    .section--why-study-at .flag.why-study__block .flag__box:before {
        width: 100%;
        height: 55px;
        top: -55px;
        left: 0
    }
}

@media only screen and (max-width: 768px) {
    html[dir=ltr] .section--why-study-at .flag.why-study__block {
        text-align:left
    }

    html[dir=rtl] .section--why-study-at .flag.why-study__block {
        text-align: right
    }

    .section--why-study-at .flag.why-study__block .flag__box,.section--why-study-at .flag.why-study__block .flag__stub {
        display: table-cell
    }

    .section--why-study-at .flag.why-study__block .flag__stub .diamond--outer--border {
        height: 50px;
        width: 50px
    }

    .section--why-study-at .flag.why-study__block .flag__stub .diamond--outer--border [class*=icon--] {
        font-size: 1.6em
    }

    .section--why-study-at .flag.why-study__block .flag__box:before {
        width: 65px;
        height: 100%;
        top: 0
    }

    html[dir=ltr] .section--why-study-at .flag.why-study__block .flag__box:before {
        left: -65px
    }

    html[dir=rtl] .section--why-study-at .flag.why-study__block .flag__box:before {
        right: -65px
    }
}

@media only screen and (max-width: 900px) {
    .section--colleges-programmes .dg-1280--table-display .unit--1-1 {
        width:100%;
        display: block;
        padding-left: 0;
        padding-right: 0
    }
}

.section--colleges-programmes .box-image-details--transparent {
    height: 408px
}

@media only screen and (max-width: 1024px) {
    .section--colleges-programmes .box-image-details--transparent {
        height:320px
    }
}

.section--colleges-programmes .box-image-details--transparent .flag {
    height: 120px
}

.section--colleges-programmes .box-image-details--transparent .flag .box-image-details--hidden-content {
    opacity: 0;
    font-size: 1em;
    transition: all .4s;
    transition-delay: .3s
}

html[dir=ltr] .section--colleges-programmes .box-image-details--transparent .flag .box-image-details--hidden-content {
    padding: 20px 25px 0 0
}

html[dir=rtl] .section--colleges-programmes .box-image-details--transparent .flag .box-image-details--hidden-content {
    padding: 20px 0 0 25px
}

html[dir=ltr] .section--colleges-programmes .box-image-details--transparent .flag .box-image-details--hidden-content .icon--cheveron--rounded:before {
    left: -20px
}

html[dir=rtl] .section--colleges-programmes .box-image-details--transparent .flag .box-image-details--hidden-content .icon--cheveron--rounded:before {
    right: -20px
}

html[dir=ltr] .section--colleges-programmes .box-image-details--transparent .flag .box-image-details--hidden-content .icon--cheveron--rounded {
    margin-left: 20px
}

html[dir=rtl] .section--colleges-programmes .box-image-details--transparent .flag .box-image-details--hidden-content .icon--cheveron--rounded {
    margin-right: 20px
}

.section--colleges-programmes .box-image-details--transparent .flag:hover {
    height: 100%
}

.section--colleges-programmes .box-image-details--transparent .flag:hover .box-image-details--hidden-content {
    opacity: 1;
    display: block
}

.section--colleges-programmes .box-image-details--transparent .flag:hover .flag__box>[class*=fs-] {
    min-height: 0
}

.section--research .box-image-details--transparent,.section--study .box-image-details--transparent {
    height: 303px
}

.section--research .box-image-details--transparent>div,.section--study .box-image-details--transparent>div {
    min-height: 100px
}

.section--grey {
    background: #ededed;
    overflow: hidden
}

.president-msg-homepage {
    background: #ededed;
    overflow: hidden
}


.campus-life,.section--student-information {
    background-color: #ededed
}

.campus-life .box-image-details,.section--partnerships .box-image-details {
    height: 418px
}

.section--student-activities .box-image-details--transparent {
    height: 249px
}

@media only screen and (max-width: 768px) {
    .section--student-activities .box-image-details--transparent {
        height:200px
    }
}

.section--enhancement-programs h2 {
    color: #242279
}

.section--enhancement-programs .box__padding {
    padding: 9px 25px
}

.section--enhancement-programs .box__padding .enhancement-program__title {
    min-height: 58px
}

.section--effat-ambassadors-program h2 {
    color: #7a0441;
    min-height: 82px 
}

@media only screen and (max-width: 1024px) {
    .section--effat-ambassadors-program h2 {
        min-height:0
    }
}

.section--effat-ambassadors-program .box-image-details--transparent {
    height: 518px
}

@media only screen and (max-width: 1024px) {
    .section--effat-ambassadors-program .box-image-details--transparent {
        height:340px
    }
}

.section--industrial-partners h2 {
    color: #7a0441
}

.section--faculty {
    position: relative;
    padding: 60px 0;
    /*background-image: url(https://source.unsplash.com/e3Uy4k7ooYk/2000x900)*/
    background-image: url('../../../English/About/PublishingImages/Effat-Faculty/Effat-Faculty-BG.jpg');
}

.section--faculty:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    background-color: rgba(122,4,65,.8)
}

.section--faculty .rounded-borders.background-image {
    height: 400px
}

@media only screen and (max-width: 1024px) {
    .section--faculty .rounded-borders.background-image {
        height:350px
    }
}

@media only screen and (max-width: 640px) {
    .section--faculty .rounded-borders.background-image {
        height:250px
    }
}

.section--faculty .box--stub-background-image {
    height: 195px
}

.section--faculty .box--stub-background-image .flag__box {
    width: 58%
}

.section--faculty .box--stub-background-image .flag__box .bold span {
    display: block
}

@media only screen and (max-width: 1340px) {
    .section--faculty .box--stub-background-image .flag__box {
        width:68%
    }
}

.section--faculty .container {
    position: relative;
    z-index: 1;
    color: #fff
}

.section--faculty h2 {
    font-size: 2em;
    margin-bottom: 30px;
    color: inherit;
}

.section--faculty p {
    line-height: 1.4;
    margin-bottom: 20px
}

.section--faculty a {
    color: #fff;
    text-decoration: none;
    border-bottom: 1px solid transparent;
    transition: all .5s;
    padding-bottom: 5px
}

.section--faculty .link--arrow:after {
    background: #fff;
    /*color: #7a0441*/
    color: #1074b9;
}

.section--conferences-pub .link--arrow {
    color: #0088ce
}

.section--conferences-pub .link--arrow:before {
    border-color: rgba(0,136,206,.2)
}

.section--conferences-pub .link--arrow:after {
    background: #0088ce;
    color: #fff
}

.research-centers .box-image-details {
    height: 418px
}

.research-centers .link--arrow {
    color: #fff
}

.research-centers .link--arrow:before {
    border-color: hsla(0,0%,100%,.2)
}

.research-centers .link--arrow:after {
    background: #fff
}

.header-diamonds {
    border: 1px solid red;
    position: absolute;
    top: 100px;
    z-index: 2;
    left: 50%
}

.header-diamonds .diamond--outer.title {
    height: 200px;
    width: 200px;
    position: absolute;
    top: 140px
}

html[dir=ltr] .header-diamonds .diamond--outer.title {
    left: 50%;
    margin-left: -400px
}

html[dir=rtl] .header-diamonds .diamond--outer.title {
    right: 50%;
    margin-right: -400px
}

.header-diamonds .diamond--outer.title:before {
    background-color: rgba(122,4,65,.8);
    height: 120%;
    width: 120%;
    top: -10%;
    left: -10%
}

.header-diamonds .diamond--outer.apply {
    position: absolute;
    top: 350px
}

html[dir=ltr] .header-diamonds .diamond--outer.apply {
    left: 50%;
    margin-left: -350px
}

html[dir=rtl] .header-diamonds .diamond--outer.apply {
    right: 50%;
    margin-right: -350px
}

.most-popular-questions__links a {
    color: #0088ce;
    text-decoration: none
}

.most-popular-questions__links a:before {
    border-bottom: 2px solid rgba(0,136,206,.2)
}

.most-popular-questions__links a:after {
    margin-left: 20px;
    background: #0088ce;
    color: #fff
}

.student-affairs--base [class*=unit--]>h2 {
    font-size: 2em;
    color: #0088ce;
    margin: 10px 0!important
}

.student-affairs--base .social__container {
    margin-top: -10px
}

.student-affairs--base .social__container .social__content {
    height: 365px
}

.main-menu {
    font-size: 1.1em;
    height: 100%;
    position: relative
}

html[dir=ltr] .main-menu {
    float: right
}

html[dir=rtl] .main-menu {
    float: left
}

.main-menu a {
    color: #fff;
    padding: 0 15px;
    float: left;
    transition: background .5s
}

.main-menu a:active,.main-menu a:hover {
    background: hsla(0,0%,100%,.2)
}

.main-menu a:after {
    content: "";
    display: inline-block;
    transform: translateZ(0) rotate(90deg);
    -ms-transform: translateZ(0) rotate(90deg);
    -webkit-transform: translateZ(0) rotate(90deg);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    font-size: .8em;
    position: relative;
    top: 3px
}

html[dir=ltr] .main-menu a:after {
    margin-left: 5px
}

html[dir=rtl] .main-menu a:after {
    margin-right: 5px
}

@media only screen and (max-width: 1100px) {
    .main-menu a:after {
        display:none
    }
}

@media only screen and (max-width: 980px) {
    .main-menu a:after {
        display:block
    }
}

@media only screen and (max-width: 1200px) {
    .main-menu {
        font-size:1em
    }

    .main-menu a {
        padding: 0 10px
    }
}

@media only screen and (max-width: 980px) {
    .main-menu {
        float:none!important
    }

    .main-menu li {
        display: block!important
    }

    .main-menu a {
        float: none
    }

    .main-menu a:after {
        transform: translateZ(0) rotate(0);
        -ms-transform: translateZ(0) rotate(0);
        -webkit-transform: translateZ(0) rotate(0);
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        backface-visibility: hidden;
        -webkit-backface-visibility: hidden
    }
}

.main-menu__dropdown {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    background: #404096;
    line-height: 1.3
}

.main-menu__dropdown:after,.main-menu__dropdown:before {
    content: '';
    position: absolute;
    top: 0;
    height: 100%;
    width: 600px;
    background-color: #404096
}

.main-menu__dropdown:before {
    right: 100%
}

.main-menu__dropdown:after {
    left: 100%
}

.main-menu__dropdown [data-dropdown-container] {
    overflow: hidden;
    max-height: 0;
    transition: max-height .5s
}

.main-menu__dropdown [data-dropdown-container].open {
    max-height: 1000px
}

.main-menu__dropdown [data-dropdown-container] .event-list,.main-menu__dropdown [data-dropdown-container] .faculty-carousel,.main-menu__dropdown [data-dropdown-container] .faculty-list,.main-menu__dropdown [data-dropdown-container] .line {
    padding: 40px 0 50px
}

html[dir=ltr] .main-menu__dropdown [data-dropdown-container] .event-list,html[dir=ltr] .main-menu__dropdown [data-dropdown-container] .faculty-carousel,html[dir=ltr] .main-menu__dropdown [data-dropdown-container] .faculty-list,html[dir=ltr] .main-menu__dropdown [data-dropdown-container] .line {
    padding-left: 230px
}

html[dir=rtl] .main-menu__dropdown [data-dropdown-container] .event-list,html[dir=rtl] .main-menu__dropdown [data-dropdown-container] .faculty-carousel,html[dir=rtl] .main-menu__dropdown [data-dropdown-container] .faculty-list,html[dir=rtl] .main-menu__dropdown [data-dropdown-container] .line {
    padding-right: 230px
}

.main-menu__dropdown [data-dropdown-container] [data-dropdown-content] {
    display: none
}

.main-menu__dropdown [data-dropdown-container] [data-dropdown-content].show {
    display: block
}

@media only screen and (max-width: 980px) {
    .main-menu__dropdown {
        background:#e3e3e3;
        padding: 11vw 24px 24px
    }

    .main-menu__dropdown:after,.main-menu__dropdown:before {
        display: none
    }

    .main-menu__dropdown [data-dropdown-container] {
        max-height: 1000px
    }

    html[dir=ltr] .main-menu__dropdown {
        transition: left .5s;
        left: 100%
    }

    html[dir=rtl] .main-menu__dropdown {
        transition: right .5s;
        right: 100%
    }

    html[dir=ltr] .header--bottom-line[data-dropdown].open .main-menu__dropdown {
        left: 0
    }

    html[dir=rtl] .header--bottom-line[data-dropdown].open .main-menu__dropdown {
        right: 0
    }
}

@media only screen and (max-width: 640px) {
    .main-menu__dropdown {
        padding-top:70px
    }
}

.main-menu__dropdown ul {
    width: 100%
}

.main-menu__dropdown ul li {
    font-size: 1.2em
}

.main-menu__dropdown ul li a {
    display: block;
    position: relative;
    color: #fff;
    border-bottom: 1px solid hsla(0,0%,100%,.3);
    padding: 10px 0;
    transition: border .5s
}

.main-menu__dropdown ul li a:after {
    content: ""
}

html[dir=ltr] .main-menu__dropdown ul li a {
    padding-right: 20px
}

html[dir=rtl] .main-menu__dropdown ul li a {
    padding-left: 20px
}

.main-menu__dropdown ul li a:after {
    position: absolute;
    top: 10px
}

html[dir=ltr] .main-menu__dropdown ul li a:after {
    right: 0
}

html[dir=rtl] .main-menu__dropdown ul li a:after {
    left: 0;
    transform: scaleX(-1);
    display: inline-block
}

.main-menu__dropdown ul li a:hover {
    border-color: #fff
}

.main-menu__dropdown ul li ul {
    display: block
}

.main-menu__dropdown ul li ul li {
    line-height: 1
}

.main-menu__dropdown ul li ul a {
    border-bottom: 1px solid transparent;
    display: inline-block;
    font-size: .7em;
    line-height: 1.3;
    padding: 0 0 3px!important;
    transition: border .5s
}

.main-menu__dropdown ul li ul a:after {
    display: none!important
}

.main-menu__dropdown ul li ul a:hover {
    border-bottom: 1px solid hsla(0,0%,100%,.5)
}

.main-menu__dropdown ul li ul li {
    margin-top: 5px
}

@media only screen and (max-width: 980px) {
    .main-menu__dropdown ul li a {
        color:#242279;
        border-color: rgba(36,34,121,.4);
        padding: 10px 20px
    }

    .main-menu__dropdown ul li a:after {
        top: 12px
    }

    html[dir=ltr] .main-menu__dropdown ul li a:after {
        right: 20px
    }

    html[dir=rtl] .main-menu__dropdown ul li a:after {
        left: 20px
    }
}

@media only screen and (max-width: 980px) {
    .main-menu__dropdown--full {
        display:none
    }
}

.main-menu--mobile {
    display: none
}

@media only screen and (max-width: 1380px) {
    .main-menu--desktop {
        display:none
    }

    .main-menu--mobile {
        display: block
    }
}

.additional-header-links--mobile,.social-header-links--mobile {
    padding-top: 10px
}

.additional-header-links--mobile ul,.social-header-links--mobile ul {
    overflow: hidden
}

.additional-header-links--mobile ul li a,.social-header-links--mobile ul li a {
    display: inline-block;
    border-bottom: 0
}

.additional-header-links--mobile li:before,.additional-header-links--mobile ul li a:after,.social-header-links--mobile li:before,.social-header-links--mobile ul li a:after {
    display: none!important
}

.social-header-links--mobile ul {
    margin: 0!important
}

.social-header-links--mobile a {
    padding: 0 0 0 20px!important
}

.main-menu__search {
    height: 100%;
    padding: 0 15px;
    cursor: pointer;
    position: relative
}

html[dir=ltr] .main-menu__search {
    float: right
}

html[dir=rtl] .main-menu__search {
    float: left
}

.main-menu__search:hover {
    background: #33a0d8
}

@media only screen and (max-width: 980px) {
    .main-menu__search {
        display:none
        
    }
}

.main-menu__search--mobile {
    display: none;
    border-bottom: 1px solid rgba(36,34,121,.4);
    padding-bottom: 15px;
    position: relative
}

@media only screen and (max-width: 980px) {
    .main-menu__search--mobile {
        display:block
    }
}

.main-menu__search--mobile [class*=icon--] {
    padding: 0 20px;
    color: #242279;
    position: absolute;
    top: 5px
}

.main-menu__search--mobile .main-menu__search-container {
    position: relative;
    display: inline-block;
    right: auto!important;
    left: auto!important;
    width: 100%;
    z-index: 0
}

html[dir=ltr] .main-menu__search--mobile .main-menu__search-container {
    padding-left: 80px
}

html[dir=rtl] .main-menu__search--mobile .main-menu__search-container {
    padding-right: 80px
}

.main-menu__search--mobile .main-menu__search-container input {
    background: #fff
}

.main-menu__search-container {
    position: absolute;
    top: 0;
    width: 50vw;
    max-width: 800px;
    z-index: 1;
    display: none;
    transition: opacity .3s,margin-right .3s,margin-left .3s
}

html[dir=ltr] .main-menu__search-container {
    right: 100%;
    margin-right: -20px
}

html[dir=rtl] .main-menu__search-container {
    left: 100%;
    margin-left: -20px
}

.main-menu__search-container.prep-show {
    display: block;
    opacity: 0
}

.main-menu__search-container.show-search {
    opacity: 1
}

html[dir=ltr] .main-menu__search-container.show-search {
    margin-right: 10px
}

html[dir=rtl] .main-menu__search-container.show-search {
    margin-left: 10px
}

[data-search-fade-out] ul {
    transition: opacity .3s
}

[data-search-fade-out].search-fade-out ul {
    opacity: 0
}

[data-search-fade-out].search-hide ul {
    display: none
}

.quick-links {
    display: inline-block;
    position: relative;
    top: 3px;
    font-size: .9em
}

html[dir=ltr] .quick-links {
    margin-right: 10px;
    text-align: left;
	padding: 5px 33px;
}

html[dir=rtl] .quick-links {
    margin-left: 10px;
    text-align: right;
	padding: 5px 33px;
}

@media only screen and (max-width: 640px) {
    html[dir=ltr] .quick-links {
        float:left
    }

    html[dir=rtl] .quick-links {
        float: right
    }
}

.quick-links [data-dropdown-trigger] {
    color: #7a0441
}

.quick-links [data-dropdown-trigger]:after {
    content: "";
    display: inline-block;
    transform: translateZ(0) rotate(90deg);
    -ms-transform: translateZ(0) rotate(90deg);
    -webkit-transform: translateZ(0) rotate(90deg);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    position: relative;
    top: 2px
}

html[dir=ltr] .quick-links [data-dropdown-trigger]:after {
    margin-left: 5px
}

html[dir=rtl] .quick-links [data-dropdown-trigger]:after {
    margin-right: 5px
}

.quick-links [data-dropdown-trigger].open:after {
    transform: translateZ(0) rotate(-90deg);
    -ms-transform: translateZ(0) rotate(-90deg);
    -webkit-transform: translateZ(0) rotate(-90deg);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden
}

.quick-links [data-dropdown-container] {
    transition: max-height .5s,opacity .5s;
    /* max-height: 0; */
    max-height: 430px !important; /* Modified Aug 11, 2021*/
    opacity: 0;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 100;
    overflow: hidden;
    line-height: 1;
    background-color: #78154e;
    width: 160px;
}

.quick-links [data-dropdown-container].open {
    max-height: 400px;
    opacity: 1
}

html[dir=ltr] .quick-links [data-dropdown-container] {
    left: 0px;
}

html[dir=rtl] .quick-links [data-dropdown-container] {
    right: -20px
}

.quick-links [data-dropdown-container] > ul {
    top: 0;
    margin: 20px
}

.quick-links [data-dropdown-container] ul a {
    color: #fff
}

.quick-links [data-dropdown-container] ul li+li {
    margin-top: 10px
}

.industrial-partners-carousel {
    padding: 0 70px;
    position: relative
}

.industrial-partners-carousel .slide-slide {
    width: 237px
}

.industrial-partners-carousel .slide-slide img {
    height: auto!important;
    left: 0!important;
    margin-left: 0!important
}

.industrial-partners-carousel .carousel__header {
    font-size: 1.2em;
    color: #7a0441
}

.industrial-partners-carousel .ui--carousel__slide-viewport {
    width: auto;
    max-width: 1252px;
    position: relative
}

.industrial-partners-carousel .ui--carousel__controls {
    position: absolute;
    top: 50%;
    background: none;
    border: 0;
    padding: 0;
    margin-top: -30px;
    cursor: pointer
}

.industrial-partners-carousel .ui--carousel__controls:after {
    content: "";
    color: #7a0441;
    font-size: 5em;
    top: 0;
    left: 0;
    position: absolute
}

.industrial-partners-carousel .ui--carousel__controls.left {
    left: 0
}

.industrial-partners-carousel .ui--carousel__controls.left:after {
    transform: scaleX(-1)
}

.industrial-partners-carousel .ui--carousel__controls.right {
    right: 52px
}

.industrial-partners-carousel .ui--carousel__controls:focus,.industrial-partners-carousel .ui--carousel__controls:hover {
    border: 0!important;
    box-shadow: 0 0 0!important
}

.industrial-partners-carousel [data-thumbs-container] {
    position: absolute;
    top: -53px
}

html[dir=ltr] .industrial-partners-carousel [data-thumbs-container] {
    right: 0;
    text-align: right;
    padding-right: 0
}

html[dir=rtl] .industrial-partners-carousel [data-thumbs-container] {
    left: 0;
    text-align: left;
    padding-left: 0
}

@media only screen and (max-width: 768px) {
    .industrial-partners-carousel [data-thumbs-container] {
        left:0!important;
        right: 0!important;
        padding: 0!important
    }

    .industrial-partners-carousel [data-thumbs-container] [data-thumb] {
        background: #c39faf
    }

    .industrial-partners-carousel [data-thumbs-container] [data-thumb].selected {
        background: #7a0441
    }
}

@media only screen and (max-width: 640px) {
    .industrial-partners-carousel [data-thumbs-container] {
        top:-43px
    }
}

.industrial-partners-carousel [data-thumb] {
    height: 15px;
    width: 15px;
    background: #c39faf;
    display: inline-block;
    cursor: pointer;
    transition: all .5s
}

.industrial-partners-carousel [data-thumb].selected {
    background: #7a0441
}

html[dir=ltr] .industrial-partners-carousel [data-thumb] {
    margin-left: 5px
}

html[dir=rtl] .industrial-partners-carousel [data-thumb] {
    margin-right: 5px
}

.effat-events {
    padding: 30px 0 60px
}

.effat-events h2 {
    color: #0088ce;
    font-size: 2em
}

.effat-events .container .find-out-more {
    color: #0088ce;
    text-decoration: none
}

.effat-events .container .find-out-more:after {
    margin-left: 20px
}

.events__calendar {
    background: #0088ce;
    color: #fff
}

.events__calendar a {
    text-decoration: none;
    color: #fff
}

.events__calendar .ui-datepicker-title {
    text-align: center;
    font-size: 0
}

.events__calendar .ui-datepicker-title .ui-datepicker-month,.events__calendar .ui-datepicker-title .ui-datepicker-year {
    display: block;
    font-size: 27px;
    vertical-align: middle
}

.events__calendar table {
    width: 100%;
    margin-top: 20px
}

.events__calendar table th span {
    text-transform: uppercase;
    font-family: HelveticaNeue-Bold
}

html[dir=rtl] .events__calendar table th span { font-family: MunaFont; }

.events__calendar table td a,.events__calendar table td span,.events__calendar table th a,.events__calendar table th span {
    text-align: center;
    padding: 8px 5px;
    font-size: 1.3em;
    display: block;
    transition: all .3s;
    background: #0088ce
}

.events__calendar table td.highlight a {
    background: #fff;
    color: #0088ce
}

.events__calendar table td.ui-datepicker-today a {
    background: #242279;
    color: #fff
}

.events__calendar table td.ui-datepicker-current-day a {
    background: #7a0441;
    color: #fff
}

.events__calendar .ui-datepicker-next,.events__calendar .ui-datepicker-prev {
    cursor: pointer
}

.events__calendar .ui-datepicker-next:before,.events__calendar .ui-datepicker-prev:before {
    content: ""
}

.events__calendar .ui-datepicker-next span,.events__calendar .ui-datepicker-prev span {
    display: none
}

.events__calendar .ui-datepicker-next:before,.events__calendar .ui-datepicker-prev:before {
    font-size: 1.8em;
    top: 5px;
    position: relative;
    display: inline-block
}

.events__calendar .ui-datepicker-prev {
    float: left
}

.events__calendar .ui-datepicker-prev:before {
    transform: scale(-1)
}

.events__calendar .ui-datepicker-next {
    float: right
}

.events__carousel-container {
    position: relative
}

.events__carousel-container [class*=icon--chevron] {
    position: absolute;
    top: 50%;
    font-size: 4em;
    color: #0088ce
}

html[dir=ltr] .events__carousel-container .icon--chevron--large {
    right: 0
}

html[dir=ltr] .events__carousel-container .icon--chevron--large--left,html[dir=rtl] .events__carousel-container .icon--chevron--large {
    left: 0
}

html[dir=rtl] .events__carousel-container .icon--chevron--large--left {
    right: 0
}

@media only screen and (max-width: 640px) {
    .events__carousel-container [class*=icon--chevron] {
        font-size:2em
    }

    html[dir=ltr] .events__carousel-container .icon--chevron--large {
        right: -8px
    }

    html[dir=ltr] .events__carousel-container .icon--chevron--large--left,html[dir=rtl] .events__carousel-container .icon--chevron--large {
        left: -8px
    }

    html[dir=rtl] .events__carousel-container .icon--chevron--large--left {
        right: -8px
    }
}

.events__carousel {
    height: 100%;
    position: relative;
    overflow: hidden
}

.events__carousel.slick-slider {
    padding: 0 69px
}

@media only screen and (max-width: 640px) {
    .events__carousel.slick-slider {
        padding:0 30px
    }
}

.events__carousel .event-item {
    width: 275px;
    padding-bottom: 10px;
    transition: opacity .3s;
    opacity: .3
}

@media only screen and (max-width: 900px) {
    .events__carousel .event-item {
        width:265px
    }
}

@media only screen and (max-width: 768px) {
    .events__carousel .event-item {
        width:275px
    }
}

@media only screen and (max-width: 400px) {
    .events__carousel .event-item {
        width:213px
    }
}

html[dir=ltr] .events__carousel .event-item {
    float: left
}

html[dir=rtl] .events__carousel .event-item {
    float: right
}

html[dir=ltr] .events__carousel .event-item+.event-item {
    margin-left: 25px
}

html[dir=rtl] .events__carousel .event-item+.event-item {
    margin-right: 25px
}

.events__carousel .event-item img {
    margin-bottom: 10px
}

.events__carousel .event-item h3 {
    margin: 5px 0;
    font-size: 1.6em
}

.events__carousel .event-item .find-out-more,.events__carousel .event-item .type,.events__carousel .event-item h3 {
    color: #0088ce
}

.events__carousel .event-item .find-out-more {
    display: block;
    margin-top: 30px
}

.events__carousel .event-item.slick-current {
    opacity: 1
}

.events__carousel__date {
    background: rgba(122,4,65,.85);
    border-radius: 5px;
    min-width: 114px;
    height: 144px;
    position: absolute;
    top: 20px;
    color: #fff;
    padding: 15px 20px;
    z-index: 1;
    font-size: 1.4em;
	font-weight:bold;
}

@media only screen and (max-width: 400px) {
    .events__carousel__date {
        top:-15px
    }
}

html[dir=ltr] .events__carousel__date {
    left: 0
}

html[dir=rtl] .events__carousel__date {
    right: 0
}

.events__carousel__date .number {
    font-size: 3em;
    line-height: .8;
    margin-top: 5px
}

.effat-in-action {
    background: url("/Style Library/Effat/images/effat-in-action__background.jpg") no-repeat 50%;
    background-size: cover;
    padding: 30px 0 60px;
}

html[dir=ltr] .effat-in-action .event-list,html[dir=ltr] .effat-in-action .faculty-carousel,html[dir=ltr] .effat-in-action .faculty-list,html[dir=ltr] .effat-in-action .line {
    margin-right: -20px
}

html[dir=rtl] .effat-in-action .event-list,html[dir=rtl] .effat-in-action .faculty-carousel,html[dir=rtl] .effat-in-action .faculty-list,html[dir=rtl] .effat-in-action .line {
    margin-left: -20px
}

.effat-in-action h2 {
    color: #fff;
    font-size: 2em;
    margin-bottom: 30px
}

.effat-in-action [class*=unit--] {
    position: relative;
    height: 550px
}

.effat-in-action [class*=unit--]:nth-child(2) .effat-in-action__item-details {
    background-color: #892a7b
}

.effat-in-action [class*=unit--]:nth-child(3) .effat-in-action__item-details {
    background-color: #6c873a
}

.effat-in-action [class*=unit--]:nth-child(4) .effat-in-action__item-details {
    background-color: #e9713a
}

.effat-in-action [class*=unit--]:nth-child(2) .effat-in-action__item:focus:active,.effat-in-action [class*=unit--]:nth-child(2) .effat-in-action__item:focus:after,.effat-in-action [class*=unit--]:nth-child(2) .effat-in-action__item:hover:after {
    color: #892a7b
}

.effat-in-action [class*=unit--]:nth-child(3) .effat-in-action__item:focus:active,.effat-in-action [class*=unit--]:nth-child(3) .effat-in-action__item:focus:after,.effat-in-action [class*=unit--]:nth-child(3) .effat-in-action__item:hover:after {
    color: #6c873a
}

.effat-in-action [class*=unit--]:nth-child(4) .effat-in-action__item:focus:active,.effat-in-action [class*=unit--]:nth-child(4) .effat-in-action__item:focus:after,.effat-in-action [class*=unit--]:nth-child(4) .effat-in-action__item:hover:after {
    color: #e9713a
}

.effat-in-action .unit--2-5 .effat-in-action__item:focus:active,.effat-in-action .unit--2-5 .effat-in-action__item:focus:after,.effat-in-action .unit--2-5 .effat-in-action__item:hover:after {
    color: #523159
}

.effat-in-action .unit--2-5 .effat-in-action__item-details {
    background-color: #523159
}

.effat-in-action__item {
    height: 65%;
    display: block;
    background-position: 50%;
    background-size: cover
}

.effat-in-action__item:focus:after,.effat-in-action__item:hover:after {
    content: "";
    border-radius: 3px;
    padding: 7px;
    font-size: .8em;
    line-height: 1;
    position: absolute;
    bottom: 2px;
    display: inline-block
}

html[dir=ltr] .effat-in-action__item:focus:after,html[dir=ltr] .effat-in-action__item:hover:after {
    right: 25px;
    transform: translateZ(0) rotate(-45deg);
    -ms-transform: translateZ(0) rotate(-45deg);
    -webkit-transform: translateZ(0) rotate(-45deg);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden
}

html[dir=rtl] .effat-in-action__item:focus:after,html[dir=rtl] .effat-in-action__item:hover:after {
    left: 25px;
    transform: translateZ(0) rotate(135deg);
    -ms-transform: translateZ(0) rotate(135deg);
    -webkit-transform: translateZ(0) rotate(135deg);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden
}

.effat-in-action__item:focus .effat-in-action__item-details:after,.effat-in-action__item:hover .effat-in-action__item-details:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: hsla(0,0%,100%,.1);
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px
}

.effat-in-action__item:focus .effat-in-action__item-details:before,.effat-in-action__item:hover .effat-in-action__item-details:before {
    content: '';
    height: 100px;
    width: 50px;
    background-color: #fff;
    position: absolute;
    bottom: -40px
}

html[dir=ltr] .effat-in-action__item:focus .effat-in-action__item-details:before,html[dir=ltr] .effat-in-action__item:hover .effat-in-action__item-details:before {
    right: -12px;
    transform: translateZ(0) rotate(45deg);
    -ms-transform: translateZ(0) rotate(45deg);
    -webkit-transform: translateZ(0) rotate(45deg);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden
}

html[dir=rtl] .effat-in-action__item:focus .effat-in-action__item-details:before,html[dir=rtl] .effat-in-action__item:hover .effat-in-action__item-details:before {
    left: -12px;
    transform: translateZ(0) rotate(135deg);
    -ms-transform: translateZ(0) rotate(135deg);
    -webkit-transform: translateZ(0) rotate(135deg);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden
}

.effat-in-action__item-image {
    overflow: hidden;
    text-align: center
}

.effat-in-action__item-details {
    color: #fff;
    padding: 10px 20px 20px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    line-height: 1.4;
    position: absolute;
    bottom: 0;
    overflow: hidden
}

html[dir=ltr] .effat-in-action__item-details {
    left: 0;
    right: 20px
}

html[dir=rtl] .effat-in-action__item-details {
    left: 20px;
    right: 0
}

.effat-in-action__item-details h3 {
    font-family: HelveticaNeue-Bold;
    font-size: 1.2em;
    line-height: 1.1;
    margin: 15px 0;
    color: inherit;
}

html[dir=rtl] .effat-in-action__item-details h3 {
	font-family: MunaFont;
}

.effat-in-action__item-date {
    font-style: italic;
    font-size: .9em;
}

.accreditation-base {
    background-color: #ededed;
}

.accreditation-base .container {
    padding: 0!important;
}

.accreditation-base .accreditation {
    background-color: #e3e3e3;
}

.accreditation-base .accreditation h2 {
    font-size: 2em;
    color: #7a0441;
    margin-bottom: 20px;
}

.accreditation-base.apply .accreditation,.accreditation-base.download .accreditation {
    width: calc(100% - 464px);
    overflow: hidden;
}

@media only screen and (max-width: 1023px) {
    .accreditation-base.apply .accreditation,.accreditation-base.download .accreditation {
        width:100%;
        float: none;
    }
}

.accreditation-base.apply .download,.accreditation-base.apply .unit--1-3.apply,.accreditation-base.download .download,.accreditation-base.download .unit--1-3.apply {
    width: 464px;
    box-sizing: border-box;
}

html[dir=ltr] .accreditation-base.apply .download,html[dir=ltr] .accreditation-base.apply .unit--1-3.apply,html[dir=ltr] .accreditation-base.download .download,html[dir=ltr] .accreditation-base.download .unit--1-3.apply {
    float: right;
}

html[dir=rtl] .accreditation-base.apply .download,html[dir=rtl] .accreditation-base.apply .unit--1-3.apply,html[dir=rtl] .accreditation-base.download .download,html[dir=rtl] .accreditation-base.download .unit--1-3.apply {
    float: left;
}

@media only screen and (max-width: 1023px) {
    .accreditation-base.apply .download,.accreditation-base.apply .unit--1-3.apply,.accreditation-base.download .download,.accreditation-base.download .unit--1-3.apply {
        width:100%;
        float: none
    }
}

@media only screen and (max-width: 1024px) {
    .accreditation-base .slick-arrow:after {
        font-size:32px
    }
}

.accreditation-carousel {
    max-width: 900px;
    position: relative
}

.FacultyAcademicStaff-carousel {
    max-width: none;
    position: relative;
	padding: 15px;
}

@media only screen and (max-width: 1024px) {
    .accreditation-carousel .slick-slider {
        padding-left:50px;
        padding-right: 50px
    }
}

.accreditation-carousel .slick-slide img {
    max-width: none;
    height: auto!important;
    left: 0!important;
    margin-left: 0!important
}

@media only screen and (max-width: 950px) {
    .accreditation-carousel .slick-slide img {
        display:inline-block
    }

    .accreditation-carousel .slick-slide .flag__box,.accreditation-carousel .slick-slide .flag__stub {
        display: block;
        padding-left: 0;
        padding-right: 0;
        text-align: center
    }

    .accreditation-carousel .slick-slide .flag__box {
        padding-top: 20px
    }
}

.accreditation-carousel .carousel__header {
    font-size: 1.2em;
    color: #7a0441
}

.accreditation-base.social .social h2 {
    font-size: 2em;
    color: #0088ce;
    margin-bottom: 20px
}

.social__container {
    position: relative
}

.social__container:after {
    content: '';
    position: absolute;
    bottom: 0;
    background: linear-gradient(transparent,#fff);
    height: 50px
}

html[dir=ltr] .social__container:after {
    left: 0;
    right: 20px
}

html[dir=rtl] .social__container:after {
    left: 20px;
    right: 0
}

.social__content {
    height: 300px;
    overflow: scroll;
    overflow-x: hidden
}

html[dir=ltr] .social__content {
    padding-right: 20px
}

html[dir=rtl] .social__content {
    padding-left: 20px
}

.social__item {
    background: #fff;
    border-radius: 5px;
    padding: 15px;
    margin-top: 10px
}

.social__item .icon--twitter {
    color: #168acc;
    font-size: 1.4em
}


.social__item .icon--linkedin {
    color: #1d87bd;
    font-size: 1.4em
}

.social__avatar {
    height: 40px;
    width: 40px;
    border-radius: 50%;
    overflow: hidden
}

.social__avatar>img {
    width: 100%
}

.social__date {
    color: #5c5c5c;
    font-style: italic;
    margin-top: 10px
}

.accreditation-base.download .download h2 {
    font-size: 2em;
    color: #7a0441;
    margin-bottom: 20px
}

.student-stories {
    padding: 30px 0
}

.student-stories h2 {
    font-size: 2em;
    color: #0088ce;
    margin-bottom: 30px
}

.stories-carousel {
    position: relative
}

.stories-carousel .ui--carousel__slide-viewport {
    width: 83.3vw;
    max-width: 1200px;
    height: 800px;
    position: relative
}

@media only screen and (max-width: 1440px) {
    .stories-carousel .ui--carousel__slide-viewport {
        height:55.7vw
    }
}

@media only screen and (max-width: 900px) {
    .stories-carousel .ui--carousel__slide-viewport {
        width:95.5vw;
        height: 63.7vw;
        width: 100%
    }
}

@media only screen and (max-width: 640px) {
    .stories-carousel .ui--carousel__slide-viewport .icon--quote {
        width:20vw;
        height: 20vw;
        background: rgba(36,34,121,.7);
        position: absolute;
        bottom: 0;
        left: 0;
        z-index: 100;
        color: #fff;
        display: block!important;
        font-size: 12vw;
        line-height: 20vw;
        text-align: center
    }
}

.stories-carousel [data-thumbs-container] {
    position: absolute;
    top: 100%;
    margin-top: 10px
}

html[dir=ltr] .stories-carousel [data-thumbs-container] {
    right: 0;
    text-align: right;
    padding-right: 55%
}

html[dir=rtl] .stories-carousel [data-thumbs-container] {
    left: 0;
    text-align: left;
    padding-left: 55%
}

@media only screen and (max-width: 768px) {
    .stories-carousel [data-thumbs-container] {
        left:0!important;
        right: 0!important;
        padding: 0!important
    }

    .stories-carousel [data-thumbs-container] [data-thumb] {
        background: #c6c6dc
    }

    .stories-carousel [data-thumbs-container] [data-thumb].selected {
        background: #242279
    }
}

@media only screen and (max-width: 640px) {
    .stories-carousel [data-thumbs-container] {
        top:-43px
    }
}

.stories-carousel [data-thumb] {
    height: 15px;
    width: 15px;
    background: #fff;
    display: inline-block;
    cursor: pointer;
    transition: all .5s
}

.stories-carousel [data-thumb].selected {
    background: #242279
}

html[dir=ltr] .stories-carousel [data-thumb] {
    margin-left: 5px
}

html[dir=rtl] .stories-carousel [data-thumb] {
    margin-right: 5px
}

.stories-carousel__fade-container--1 {
    background: rgba(36,34,121,.9);
    width: 460px;
    position: absolute;
    top: 20%;
    border-radius: 10px;
    color: #fff;
    padding: 30px 40px;
    transition: all .5s
}

html[dir=ltr] .stories-carousel__fade-container--1 {
    right: 0
}

html[dir=rtl] .stories-carousel__fade-container--1 {
    left: 0
}

.stories-carousel__fade-container--1 .type {
    font-size: 1.2em;
    font-style: italic
}

.stories-carousel__fade-container--1 .title {
    font-size: 3em;
    line-height: 1;
    margin: 10px 0;
    font-family: HelveticaNeue-Bold
}
html[dir=rtl] .stories-carousel__fade-container--1 .title { font-family: MunaFont; }

.stories-carousel__fade-container--1 .blurb {
    line-height: 1.5
}

@media only screen and (max-width: 1280px) {
    .stories-carousel__fade-container--1 {
        top:5%
    }
}

@media only screen and (max-width: 1024px) {
    .stories-carousel__fade-container--1 {
        padding:20px
    }
}

@media only screen and (min-width: 640px) and (max-width:768px) {
    .stories-carousel__fade-container--1 {
        top:auto;
        bottom: 27px;
        z-index: 5;
        width: 45%
    }

    html[dir=ltr] .stories-carousel__fade-container--1 {
        right: 20px
    }

    html[dir=rtl] .stories-carousel__fade-container--1 {
        left: 20px
    }
}

@media only screen and (max-width: 640px) {
    .stories-carousel__fade-container--1 {
        position:relative;
        width: 100%;
        height: auto;
        background: #242279;
        margin-top: 50px
    }
}

.stories-carousel__fade-container--2 {
    background: #fff;
    width: 444px;
    position: absolute;
    bottom: 60px;
    color: #242279
}

html[dir=ltr] .stories-carousel__fade-container--2 {
    left: 0;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px
}

html[dir=rtl] .stories-carousel__fade-container--2 {
    right: 0;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px
}

.stories-carousel__fade-container--2 .fade-tile {
    font-size: 1.6em;
    position: relative
}

html[dir=ltr] .stories-carousel__fade-container--2 .fade-tile {
    padding: 40px 30px 40px 90px
}

html[dir=rtl] .stories-carousel__fade-container--2 .fade-tile {
    padding: 40px 90px 40px 30px
}

.stories-carousel__fade-container--2 .fade-tile:before {
    position: absolute;
    top: 10px;
    font-size: 2em
}

html[dir=ltr] .stories-carousel__fade-container--2 .fade-tile:before {
    left: 20px
}

html[dir=rtl] .stories-carousel__fade-container--2 .fade-tile:before {
    right: 20px
}

@media only screen and (max-width: 1280px) {
    .stories-carousel__fade-container--2 {
        bottom:5%
    }
}

@media only screen and (max-width: 1024px) {
    html[dir=ltr] .stories-carousel__fade-container--2 .fade-tile {
        padding:20px 20px 20px 90px
    }

    html[dir=rtl] .stories-carousel__fade-container--2 .fade-tile {
        padding: 20px 90px 20px 20px
    }
}

@media only screen and (max-width: 768px) {
    .stories-carousel__fade-container--2 {
        position:relative;
        width: 100%;
        z-index: 4
    }

    html[dir=ltr] .stories-carousel__fade-container--2 .fade-tile {
        padding: 20px 50% 0 70px
    }

    html[dir=rtl] .stories-carousel__fade-container--2 .fade-tile {
        padding: 20px 70px 0 50%
    }

    html[dir=ltr] .stories-carousel__fade-container--2 .fade-tile:before {
        left: 0
    }

    html[dir=rtl] .stories-carousel__fade-container--2 .fade-tile:before {
        right: 0
    }
}

@media only screen and (max-width: 640px) {
    .stories-carousel__fade-container--2 {
        display:none
    }
}

.stories-carousel__slider-container {
    width: 85%;
    position: relative
}

.stories-carousel__slider-container img {
    max-width: 100%
}

@media only screen and (max-width: 1024px) {
    .stories-carousel__slider-container {
        width:100%
    }
}

.gallery {
    padding-top: 30px
}

.gallery .container {
    overflow: hidden
}

.gallery h2 {
    font-size: 2em;
    color: #0088ce;
    margin-bottom: 30px
}

html[dir=ltr] .gallery .container>.event-list,html[dir=ltr] .gallery .container>.faculty-carousel,html[dir=ltr] .gallery .container>.faculty-list,html[dir=ltr] .gallery .container>.line {
    margin-right: -20px
}

html[dir=rtl] .gallery .container>.event-list,html[dir=rtl] .gallery .container>.faculty-carousel,html[dir=rtl] .gallery .container>.faculty-list,html[dir=rtl] .gallery .container>.line {
    margin-left: -20px
}

.gallery [class*=image] {
    background: rgba(255,0,0,.5);
    height: 280px;
    position: relative;
    overflow: hidden
}

.gallery [class*=image] label {
    background-color: #0088ce;
    color: #fff;
    position: absolute;
    bottom: 0;
    padding: 10px 30px
}

html[dir=ltr] .gallery [class*=image] label {
    left: 0
}

html[dir=rtl] .gallery [class*=image] label {
    right: 0
}

.gallery [class*=image] img {
    width: 100%
}

.gallery .image--main {
    height: 580px
}

.gallery .event-list+.event-list,.gallery .event-list+.faculty-carousel,.gallery .event-list+.faculty-list,.gallery .event-list+.line,.gallery .faculty-carousel+.event-list,.gallery .faculty-carousel+.faculty-carousel,.gallery .faculty-carousel+.faculty-list,.gallery .faculty-carousel+.line,.gallery .faculty-list+.event-list,.gallery .faculty-list+.faculty-carousel,.gallery .faculty-list+.faculty-list,.gallery .faculty-list+.line,.gallery .line+.event-list,.gallery .line+.faculty-carousel,.gallery .line+.faculty-list,.gallery .line+.line {
    margin-top: 20px
}

@media only screen and (max-width: 1440px) {
    .gallery .image {
        height:19.3vw
    }

    .gallery .image--main {
        height: 40vw
    }

    .gallery .event-list+.event-list,.gallery .event-list+.faculty-carousel,.gallery .event-list+.faculty-list,.gallery .event-list+.line,.gallery .faculty-carousel+.event-list,.gallery .faculty-carousel+.faculty-carousel,.gallery .faculty-carousel+.faculty-list,.gallery .faculty-carousel+.line,.gallery .faculty-list+.event-list,.gallery .faculty-list+.faculty-carousel,.gallery .faculty-list+.faculty-list,.gallery .faculty-list+.line,.gallery .line+.event-list,.gallery .line+.faculty-carousel,.gallery .line+.faculty-list,.gallery .line+.line {
        margin-top: 1.4vw
    }
}

@media only screen and (max-width: 1024px) {
    .gallery .image {
        height:28.5vw
    }

    .gallery .image--main {
        height: 52vw
    }

    .gallery .event-list+.event-list,.gallery .event-list+.faculty-carousel,.gallery .event-list+.faculty-list,.gallery .event-list+.line,.gallery .faculty-carousel+.event-list,.gallery .faculty-carousel+.faculty-carousel,.gallery .faculty-carousel+.faculty-list,.gallery .faculty-carousel+.line,.gallery .faculty-list+.event-list,.gallery .faculty-list+.faculty-carousel,.gallery .faculty-list+.faculty-list,.gallery .faculty-list+.line,.gallery .line+.event-list,.gallery .line+.faculty-carousel,.gallery .line+.faculty-list,.gallery .line+.line {
        margin-top: 20px
    }
}

.cta-apply-now-1 {
    margin: 60px auto
}

.cta-apply-now-1 .diamond--outer.apply {
    z-index: 1
}

.cta-apply-now-1 .diamond--image {
    z-index: 0;
    border-radius: 10px
}

.ui--carousel__slide-viewport {
    overflow: hidden
}

.ui--carousel [data-slides-container] {
    height: 100%;
    transition: all 2s;
    position: relative
}

.ui--carousel [data-slide] {
    height: 100%;
    position: relative;
    overflow: hidden; 
    text-align: center
}

html[dir=ltr] .ui--carousel [data-slide] {
    float: left
}

html[dir=rtl] .ui--carousel [data-slide] {
    float: right
}

.ui--carousel [data-slide] img {
    height: 100%;
    left: 50%;
    position: relative;
    margin-left: -100%
}

@media only screen and (min-width: 1965px) {
    .ui--carousel [data-slide] img {
        height:auto;
        width: 100%
    }
}

.ui--carousel [data-fade] {
    transition: opacity .5s
}

.ui--carousel [data-fade].out {
    opacity: 0
}

.tabs-container .tabs-menu {
    display: table
}

.tabs-container .tabs-menu li {
    width: 138px;
    display: table-cell;
    vertical-align: top;
    border-right: 5px solid #fff;
    transition: all .3s
}

.tabs-container .tabs-menu li a {
    background: #dcdcdc;
    color: #0088ce;
    display: block;
    min-height: 65px;
    padding: 12.5px 14px;
    text-decoration: none;
    box-shadow: 0!important;
    border: 0!important
}

.tabs-container .tabs-menu li a:focus,.tabs-container .tabs-menu li a:hover {
    background: #cfcfcf
}

.tabs-container .tabs-menu li a.current {
    color: #fff;
    cursor: default;
    background: #0088ce
}

.tabs-container .tabs-menu li a.current:focus,.tabs-container .tabs-menu li a.current:hover {
    background: #0088ce
}

.tabs-container .tabs {
    background: #ededed
}

.tabs-container .tabs .tab-content {
    padding: 40px 50px
}

.tabs-container .tabs .tab-content p {
    margin-bottom: 20px
}

[data-tab-content] {
    display: none
}

[data-tab-content].show {
    display: block
}

[data-accordian-control] {
    cursor: pointer
}

[data-accordian-control] .icon--cheveron--rounded {
    font-size: 1.4em
}

[data-accordian-control] .icon--cheveron--rounded:before {
    display: inline-block;
    margin-right: 7px
}

[data-accordian-control].open .icon--cheveron--rounded:before {
    transform: rotate(90deg)
}

[data-accordian-content] {
    display: none;
    height: 0;
    overflow: hidden
}

[data-accordian-content].request-open {
    display: block;
    transition: all .5s
}

[data-accordian-content].opened {
    height: auto;
    display: block
}

[data-accordian-content].request-close {
    height: auto;
    display: block;
    transition: all .5s
}

[data-accordian-content].close {
    height: 0
}

[data-accordian-content].closed {
    display: none
}

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
    padding: 0 75px
}

.slick-slider.slick-dotted {
    padding-top: 35px
}

@media only screen and (max-width: 640px) {
    .slick-slider {
        padding:0 30px
    }
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: none
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-list,.slick-slider .slick-track {
    transform: translateZ(0)
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block
}

.slick-track:after,.slick-track:before {
    display: table;
    content: ''
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    display: none;
    height: 100%;
    min-height: 1px
}

html[dir=ltr] .slick-slide {
    float: left
}

[dir=rtl] .slick-slide,html[dir=rtl] .slick-slide {
    float: right
}

.slick-slide img {
    max-width: 100%;
    height: auto;
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

.slick-arrow {
    position: absolute;
    top: 50%;
    font-size: 0;
    background: none;
    border: 0;
    padding: 0;
    margin-top: -21px;
    cursor: pointer
}

.slick-arrow:after {
    content: ""
}

@media only screen and (max-width: 640px) {
    .slick-arrow {
        margin-top:-16px
    }
}

.slick-arrow:after {
    color: #7a0441;
    font-size: 55px;
    display: inline-block
}

@media only screen and (max-width: 640px) {
    .slick-arrow:after {
        font-size:32px
    }
}

html[dir=ltr] .slick-arrow.slick-prev {
    left: 0
}

html[dir=ltr] .slick-arrow.slick-prev:after {
    transform: scaleX(-1)
}

html[dir=rtl] .slick-arrow.slick-prev {
    right: 0
}

html[dir=rtl] .slick-arrow.slick-prev:after {
    transform: scaleX(1)
}

html[dir=ltr] .slick-arrow.slick-next {
    right: 0
}

html[dir=rtl] .slick-arrow.slick-next {
    left: 0
}

html[dir=rtl] .slick-arrow.slick-next:after {
    transform: scaleX(-1)
}

.slick-arrow.slick-disabled {
    opacity: .3;
    cursor: default
}

.slick-dots {
    position: absolute;
    top: -22px
}

html[dir=ltr] .slick-dots {
    right: -4px
}

html[dir=rtl] .slick-dots {
    left: -4px
}

@media only screen and (max-width: 640px) {
    .slick-dots {
        display:none!important
    }
}

.slick-dots li {
    display: inline-block;
    margin: 0 4px
}

.slick-dots li button {
    height: 15px;
    width: 15px;
    background: #c39faf;
    display: inline-block;
    cursor: pointer;
    text-indent: -55em;
    overflow: hidden;
    border: 0;
    padding: 0;
    margin: 0;
    transition: all .5s;
    min-width: 0;
}

.slick-dots li.slick-active button {
    background: #7a0441
}
@media screen and (max-width: 1380px) {


html[dir=ltr] #DeltaTopNavigation ul.dynamic {
    display: none!important;
    position: relative!important;
    top: auto!important;
    left: auto!important;
    width: auto!important;
    box-shadow: none;
}
html[dir=rtl] #DeltaTopNavigation ul.dynamic {
    display: none!important;
    position: relative!important;
    top: auto!important;
    right: auto!important;
    width: auto!important;
    box-shadow: none;
}

#DeltaTopNavigation li.static.dynamic-children.shown ul.dynamic {
    display: block !important;
}
#DeltaTopNavigation ul.root .static > a{
	width:100%  !important;
}
.DisplayMenuMobileSearch{
	left: 44px!important;
	transition:left .5s;
}
.DisplayMenuMobileMain{
	left: 0!important;
transition:left .5s;}
.DisplayMenuMobileSM{
	left: -81px!important;
transition:left .5s;}
#DeltaTopNavigation ul.root ul.static li.static.dynamic-children > a:after{
	color:#242279
}
.customSelect, input[type=email], input[type=number], input[type=password], input[type=text], select{
	background-color:white;
}
div[id$=TopNavigationMenu]{
	padding-top:88px;
	top:100px;
}
.main-menu__search{
display:block;
	top:120px;
	position:absolute;
	z-index:5;
	    left: 100%;
}
html[dir=ltr] .main-menu__search-container{
    left: 78px;
    }
.main-menu__search-container {
display:block;

}
ul.piped li+li:before {
    content: none;
    margin-right: 10px;
    margin-left: 10px
}
html[dir=ltr] header ul.piped li  {
     font-size: 13px; 
    padding-right: 2px;
    border-right: 1px solid #242279;
    padding-left: 2px;}
html[dir=rtl] header ul.piped li  {
    font-size: 16px;  
    padding-right: 2px;
    border-left: 1px solid #242279;
    padding-left: 2px;}

ul.root > li > ul.static > li:last-child {
        border-bottom: 1px solid rgba(36,34,121,.4);
}
.header--top-line .social-media a{
	padding-left:20px
}
html[dir=ltr] header ul.piped  {
    text-align: left;
    z-index: 5;
}
html[dir=rtl] header ul.piped  {
    text-align: right;
    z-index: 5;
}

html[dir=ltr]    .dv-768--hide {
        display: block;
float: left;    }
html[dir=rtl]    .dv-768--hide {
        display: block;
float: right;    }

header ul.social-media {
/*    font-size: 1.2em; */
    font-size: 1.4em;

    margin: 0 30px;
    top: 560px;
    left: 100%;
    z-index: 5;
    width: 100%;
}

header ul.social-media{
	position:absolute;
}
#DeltaTopNavigation ul.root .static > a{
	padding:6px 20px!important;
}
span.main-menu--desktop {
    display: block;
}

html[dir=ltr] span.main-menu--desktop {
    background: #e3e3e3;
    color: #242279;
    width: 100%;
    float: left;
    position: absolute;
    right: 0;
    left: 100%;
    padding: 11vw 24px 24px;
    top: 100%;}
html[dir=rtl] span.main-menu--desktop {
    background: #e3e3e3;
    color: #242279;
    width: 100%;
    float: left !important;
    position: absolute;
    left: 100%;
    padding: 11vw 24px 24px;
    top: 100%;}

span.main-menu--desktop * {
    color: #242279;
}

.header--bottom-line__container {
}

.header--bottom-line__container {
    margin: 0 !important;
    padding: 0 !important;
}

.line--cf.header--bottom-line {
    padding: 0;
}

html[dir=ltr] span.site-tag-line {
    margin-left: 17vw;
    padding: 0px 30px;
}
html[dir=rtl] span.site-tag-line {
    margin-right: 17vw;
    padding: 0px 30px;
}

ul.root li.static {
    display: block;
    float: none;
    text-align: start;
    width: 100%;
}

ul.static.root {
    float: none;
    width: 100%;
    display: block;
}

ul.static {
    display: block;
}

ul.root > li > ul.static > li {
    display: block;
    border-top: 1px solid rgba(36,34,121,.4);
}

#DeltaTopNavigation ul.root .static li {
    padding: 0;
    margin: 0;
    line-height: 1;
}

#DeltaTopNavigation ul.root .static a {
    color: #242279;
    padding: 10px 20px;
    float: none;
    margin: 0;
    line-height: 1.5;
    width: 50%;
    font-size:  1.1em;
    padding: 10px 20px;
}

#DeltaTopNavigation ul.root ul.static li.static.dynamic-children {
    width: 100%;
    display: block;
    position:relative !important;
}

#DeltaTopNavigation ul.root ul.static li.static.dynamic-children > a:after {
    float: right;
}


li.static > ul.dynamic {
     padding-left: 0px!important;
     z-index: 1100 !important;
     padding: 0px !important;
}

ul.static li.static.dynamic-children > ul.dynamic > li {
    float: left!important;
    display: inline-block!important;
    padding: 0 15px!important;
    text-align: left!important;
    width: 100%!important;
    max-width: 100%!important;
}
ul.dynamic ul.dynamic{
	display:none!important;
}
html[dir=ltr] #DeltaTopNavigation ul.static li.static.dynamic-children > ul.dynamic > li > a{
	padding:10px 20px!important;
}
ul.dynamic {
    background: #d1d1d1!important;
   }
   
html[dir=ltr]  #DeltaTopNavigation ul.root ul.static li.static.dynamic-children:before {
    content: "";
    font-family: icon--font;
    display: inline-block;
    transform: translateZ(0) rotate(90deg);
    -ms-transform: translateZ(0) rotate(90deg);
    -moz-osx-font-smoothing: grayscale;
	position: absolute;
    top: 10px;
    right: 5px;   }
html[dir=rtl]  #DeltaTopNavigation ul.root ul.static li.static.dynamic-children:before {
    content: "";
    font-family: icon--font;
    display: inline-block;
    transform: translateZ(0) rotate(90deg);
    -ms-transform: translateZ(0) rotate(90deg);
    -moz-osx-font-smoothing: grayscale;
	position: absolute;
    top: 10px;
    left: 5px;   }

   #DeltaTopNavigation ul.root ul.static li.static.dynamic-children > a:after{
	display:none!important;
}
#DeltaTopNavigation ul.dynamic .dynamic a {
    width: 100% !important;
}
}

[dir="rtl"] .MainIMg{padding-left: 0 !important;}
.MainIMg{
	background-color: #1074b9;border-radius: 10px;padding-right:0px!important;
}

.MainIMg .background-image{
	height:340px!important;
}
[dir="rtl"] .MainPictureLinnk{ text-align: left; padding-left: 10px; }
.MainPictureLinnk{
	position: inherit!important;
	text-align: right;
	left: 34px;
	padding-right: 10px;
	width:100%;
}
.MainPictureLinnk a{
bottom:10px;
}
.MainPictureTitle{
    position: relative;
    padding: 15px;
    top: 10px;
}

.evebtdetails h3{
	 color:#0088ce; font-size:1.6em;
}
.evebtdetails .evntdate,.evebtdetails .eventcategory{    font-size: 1em;color: #7a0441;}
.eventimg img{ margin:10px 0}

/********Aicha 17/11/2017 ********************/
.box-image-details--transparent>div.green .detail-link__corner:after, .box-image-details--transparent>div.green a.link--arrow:hover:after {
    border: 2px solid rgb(36, 136, 134);
    color: rgba(26,92,91,.95);
    background-color: white;
}
.box-image-details--transparent>div.blue .detail-link__corner:after, .box-image-details--transparent>div.blue a.link--arrow:hover:after {
    border: 2px solid rgb(18, 137, 224);
    color: rgb(19, 94, 149);
    background-color:white;
}
.box-image-details--transparent>div.purple .detail-link__corner:after, .box-image-details--transparent>div.purple a.link--arrow:hover:after{
    border: 2px solid rgb(169, 54, 148);
    color: rgb(91, 44, 86);
    background-color:white;
}
.box-image-details--transparent>div.dark-blue .detail-link__corner:after, .box-image-details--transparent>div.dark-blue a.link--arrow:hover:after {
     border: 2px solid rgb(24, 19, 197);
    color:rgb(35, 33, 116);
    background-color:white ;   
}
.link--arrow.blue:hover:after {
    border: 2px solid rgb(50, 143, 191);
    color: rgb(0, 136, 206);
    background-color:white ;   
}
.box-image-details--transparent .fs-1-4 {
    padding-bottom: 15px;
    padding-top: 10px;
}
.ms-webpart-titleText.ms-webpart-titleText {
    font-weight: bold;
}

.effat-events h2 {
    font-weight: bold;
}
html[dir=ltr]  .stories-carousel__fade-container--1 .title:after {
    content: '';
    border-bottom: 2px solid white;
    position: absolute;
    bottom: -15px;
    width: 30%;
    left: 0px;
}
html[dir=rtl]  .stories-carousel__fade-container--1 .title:after {
    content: '';
    border-bottom: 2px solid white;
    position: absolute;
    bottom: -15px;
    width: 30%;
    right: 0px;
}
.stories-carousel__fade-container--1 .blurb {
    padding-top: 15px;
}
.stories-carousel__fade-container--1 .title {
    position: relative;
}

.stories-carousel__fade-container--2 .fade-tile .blurb {
    font-weight: 600;
}
.link--social .icon--share:hover {
    background-color: #0088ce;
    color: white;
    border: 2px solid white;
}
.events__carousel__date .number {
    padding: 5px 0px;
    margin: 0px;
}
.events__carousel.slick-slider .slick-arrow:after {
    color: #0088ce;
    font-size: 77px;
}

.unit--1-5.hp-20--right.dg-1280-unit--1-4.dg-1024-unit--1-2.dg-640-unit--1-1.ds-640-vg-20--top .effat-in-action__item-details p,.unit--1-5.hp-20--right.dg-1280-unit--1-4.dv-1024--hide .effat-in-action__item-details p,.unit--1-5.hp-20--right.dv-1280--hide .effat-in-action__item-details p {
    height: 88px;
    overflow: hidden;
}

.main-menu--desktop {
    height: 100%;
}

.unit--1-2.dg-1024-unit--1-1.ds-1024-vg-20--top {
    padding: 0px 10px;
}

.rounded-borders.image {
   /*  height: 360px; removed to fix Dean's image streching */ 
   height: 100%;
}

.rounded-borders.image img {
   height: 100%; 
}
.flag__stub.top.hp-25--right .icon--key-fact.fs-2-4.lh-0-8 {
    padding-top: 10px;
}
.flag__box .fs-2-0 {
    font-weight: bold;
}
.unit--1-2.hp-50--right.dg-640-unit--1-1.ds-640-hp-0--right li {
    padding: 5px 0;
}
.box.light-blue.program-key-facts .box__content {
    padding: 15px 30px 15px 30px;
}
.link-download span:hover {
    border: 2px solid #da2382 !important;
}
.quick-links:hover {
    background-color: #d6d2d2;
    border-radius: 2px;
}

.faculty-list li .item-details img {
    height: 259px;
    max-height: 100%;
    max-width: 100%;
	object-fit: cover;
}
html[dir=ltr] .unit--2-7.dg-1024-unit--1-1 .line--cf .ms-webpart-chrome.ms-webpart-chrome-fullWidth {
    float: left;
}
html[dir=rtl] .unit--2-7.dg-1024-unit--1-1 .line--cf .ms-webpart-chrome.ms-webpart-chrome-fullWidth {
    float: right;
}

/*******************Header Responsive *********************************/
@media only screen and (max-width: 1380px) {
.line--cf.header--top-line {height:auto;}
.container.invert {height: auto;display: inline-block;}
.quick-links {padding: 0px 0px !important;}
.dv-768--hide {margin-bottom: 10px;}
header ul.social-media {position: relative;left: auto !important;top: auto;width: auto;margin: 0px;float: left;}
ul.inline.social-media.append-around li a {padding-left: 0px;padding-right:5px;}
ul.social-media li+li {margin: 0px;}
.logo-container {top:40px;}
.main-menu--desktop {height: auto;}
div[id$=TopNavigationMenu]{padding-left:0px !important;}
.DisplayMenuMobileSearch {left: 20% !important;}
.dg-1024-unit--2-5 {width: 100%;}

}

@media only screen and (max-width: 767px) {
.logo-container {top: 105px;}
ul.inline.social-media.append-around li a {padding-left: 0px;padding-right: 14px;}
.ui--carousel [data-slide] img{left:0% !important;}
.accreditation-base.social .table-display {display: inherit;}

}
@media only screen and (max-width:85em) {
#DeltaTopNavigation ul.root .static > a {padding: 0 5px !important;}
html[dir=ltr] ul.static li.static span.additional-background.ms-navedit-flyoutArrow.dynamic-children {font-size: 13px !important;}
}

@media only screen and (max-width: 540px){
.hero-carousel__fades {background-color: hsla(0,0%,100%,.7);}
.hero-carousel__fade-container {position: absolute;top: 0;width: 100%;bottom: 0px;height: 100%;}
.hero-carousel-container {overflow:visible;}
html[dir=ltr] .Vision2030 {max-width: 100%;margin-top: 35px;padding-left: 20px;width:80px;}
html[dir=ltr] .ui--carousel .hero-carousel [data-slide] img{margin-left:-100%;}
html[dir=rtl] .Vision2030 {max-width: 100%;margin-top: 35px;padding-right: 20px;width: 80px;}
html[dir=rtl] .ui--carousel .hero-carousel [data-slide] img{margin-right:-100%;}
.hero-carousel__content ,.hero-carousel__slider-container{height: 130vw;}
.line--cf.header--top-line .container {padding: 0 20px;}
html[dir=ltr] header ul.piped li {/*font-size: 12px !important;*/ font-size:0.8em !important}
html[dir=rtl] header ul.piped li {/*font-size: 16px !important;*/font-size:0.8em !important}
.slick-arrow:after {font-size: 32px !important;}
.events__carousel.slick-slider {padding: 0 55px;}
.slick-arrow{margin-left:0px;margin-right:0px;}
.events__carousel__date {top: 20px;}
html[dir=rtl] .student-stories .ui--carousel [data-slide] img {margin-left: 0%;}
html[dir=ltr] .quick-links [data-dropdown-container] {left: 0px;}
html[dir=rtl] .quick-links [data-dropdown-container] {right: 0px;}
.header-image .ms-rtestate-field {height: 300px;}
.header-image .header-image__image-holder img {/*height: 100%;*/ padding:55px 0 0 0;}
}
@media only screen and (max-width:389px){
.logo-container {
    top: 115px;
}
}


html[dir=rtl] .unit--1-5.hp-20--right.dg-1280-unit--1-4.dg-1024-unit--1-2.dg-640-unit--1-1.ds-640-vg-20--top .effat-in-action__item-details h3,html[dir=rtl]  .unit--1-5.hp-20--right.dv-1280--hide .effat-in-action__item-details h3,html[dir=rtl]  .unit--1-5.hp-20--right.dg-1280-unit--1-4.dv-1024--hide .effat-in-action__item-details h3{
    height: 85px;
    margin: 5px 0px;
}
html[dir=ltr] .unit--1-5.hp-20--right.dg-1280-unit--1-4.dg-1024-unit--1-2.dg-640-unit--1-1.ds-640-vg-20--top .effat-in-action__item-details h3,html[dir=ltr] .unit--1-5.hp-20--right.dv-1280--hide .effat-in-action__item-details h3,html[dir=ltr] .unit--1-5.hp-20--right.dg-1280-unit--1-4.dv-1024--hide .effat-in-action__item-details h3{
    height: 126px;
    margin: 5px 0px;
}

.effat-in-action__item-details .flag__stub {
    display: inline-block;
    line-height: 30px;
    vertical-align: middle;
    height: 30px;
}
.effat-in-action__item-details .flag {
    display: inline-block;
}
.effat-in-action__item-details .flag__box {
    display: inline-block;
    width: auto;
    line-height: 30px;
    vertical-align: middle;
}
#s4-workspace {
    -webkit-overflow-scrolling: touch;
}
.mobile-phone-num {
    direction: ltr;
}

/* Alumnae giving to Effat and Customizations */
.socialMedia{background-color:#ededed}
.socialMedia .socialTwitter h2 {font-size:2em; color:#0088ce;}
.socialMedia .socialTwitter .social__item{background-color:#fff;border-radius:5px; padding:15px;margin-top:10px;}
.alumane-givingToEffat h2 {color: #7a0441}

.alumane-givingToEffat .box-image-details--transparent.background-image {height: 376px}

.alumane-givingToEffat .link--arrow:before {border-bottom: 2px solid hsla(0, 0%, 100%, .2)}

.alumane-givingToEffat h2 {font-size: 2em;margin-bottom: 30px;}

.alumnae-Customizations h2 {font-size: 2em;color: #0088ce}

.alumnae-Customizations [class*=box].background-image {height: 418px}

.socialMedia .social__container {height: 362px;margin-top:15px;}

.alumane-stories__item-details .link--arrow:after {border-color: #fff;color: #fff;background:  transparent;border: 1px solid;}

.alumane-givingToEffat a.link--arrow:after {background: transparent;color: #fff;border: 1px solid;border-color: #fff;}

.alumane-givingToEffat a.link--arrow:hover:after {background: white;color: #74043e;}

.accreditation-base.download .download h2 {font-size: 2em;color: #0088ce;}

a.link--social, a.link--social .icon--share {position: relative;display: inline-block;color: #0088ce;}

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

    .alumnae-Customizations .box-image__container {padding-left: 0!important;padding-right: 0!important}

}


@media all and (min-width:768px) and (max-width:1024px) {

    .download .social__content {height: 350px}

    .alumnae-Customizations .unit--1-3.social .event-list,

    .download  .unit--1-3.social .faculty-carousel,

    .download  .unit--1-3.social .faculty-list,

    .download  .unit--1-3.social .line {overflow: visible}

    .download  .unit--1-3.social .unit--1-4,

    .download  .unit--1-3.social .unit--3-4 {display: block;width: 100%;text-align: left}

}

.socialMedia .container {padding: 0!important;}

.socialMedia .customizations  {background-color: #e3e3e3;}

.socialMedia .customizations h2 {font-size: 2em;color: #7a0441;margin-bottom: 20px;}

.socialMedia .customizations {overflow: hidden;}

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

    .socialMedia .customizations{width:100%;float: none;}

}

.socialMedia .download{width: 464px;box-sizing: border-box;}

html[dir=ltr] .socialMedia .socialTwitter {float: right;}

html[dir=rtl] .socialMedia .socialTwitter {float: left;}




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

    .socialMedia .socialTwitter {width:100%;float: none}

}


/* Alumnae Benefits */

.alumnae-benefits  h2 {font-size: 2em;margin-bottom: 24px;}

.alumnae-benefits .link--arrow, .alumnae-benefits h2 {color: #0088ce}

.alumnae-benefits .link--arrow:before {border-bottom: 2px solid rgba(0, 136, 206, .2)}

.alumnae-benefits .link--arrow:after {color: #0088ce;border-color: #0088ce;background:  white;border: 1px solid;}

.alumnae-benefits .link--arrow:focus:after,.alumnae-benefits .link--arrow:hover:after {background: #0088ce;color: #fff}

.alumnae-benefits  .flag-desc__items .flag-desc__item {padding-bottom: 12px;border-bottom: 1px solid #0088ce;margin-bottom: 6px}

.alumnae-benefits  .flag-desc__items .flag-desc__item.no-border {border-bottom: 0}

.alumnae-benefits  .flag-desc__items .flag-desc__item .flag {color: #0088ce}

.alumnae-benefits  .flag-desc__items .flag-desc__item .flag .flag__stub {padding-right: 15px}

.alumnae-benefits  .flag-desc__items .flag-desc__item .flag .flag__stub [class*=icon]:before {font-size: 30px}

.alumnae-benefits  .flag-desc__items .flag-desc__item .flag .flag__box {font-size: 22px}

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

    .alumnae-benefits  .flag-desc__items .flag-desc__item.no-border {border-bottom: 1px solid #0088ce}

}

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

    .alumnae-benefits  .flag-desc__items .unit--1-2:last-of-type .flag-desc__item {border-bottom: 0}

}




/* Alumnae Stories */
.alumnaePage .stories {background: url('/Style Library/Effat/images/effat-in-action__background.jpg') no-repeat 50%;background-size: cover;padding: 30px 0 60px;}

.alumnaePage .stories .alumane-stories h3 {color: #fff;}

.alumnaePage .stories .alumane-stories .Alumnaetitle {position: relative;width: 50%;float:  left;}

.alumnaePage .stories .alumane-stories .AlumnaeShowAll {position: relative;width: 50%;float:  left;}

html[dir=ltr] .alumnaePage .stories .alumane-stories .event-list,

html[dir=ltr] .alumnaePage .stories .alumane-stories .faculty-carousel,

html[dir=ltr] .alumnaePage .stories .alumane-stories .faculty-list,

html[dir=ltr] .alumnaePage .stories .alumane-stories .line {margin-right: -20px}

html[dir=rtl] .alumnaePage .stories .alumane-stories .event-list,

html[dir=rtl] .alumnaePage .stories .alumane-stories .faculty-carousel,

html[dir=rtl] .alumnaePage .stories .alumane-stories .faculty-list,

html[dir=rtl] .alumnaePage .stories .alumane-stories .line {margin-left: -20px}

.alumnaePage .stories .alumane-stories .container > .line--cf .link--arrow {color: #fff}

.alumnaePage .stories .alumane-stories .container > .line--cf .link--arrow:before {border-bottom: 2px solid hsla(0, 0%, 100%, .2)}

.alumnaePage .stories .alumane-stories .container > .line--cf .link--arrow:after {color: #fff;border-color: #fff;background: transparent;border: 2px solid;}

.alumnaePage .stories .alumane-stories .container > .line--cf .link--arrow:hover:after {background: #fff;color: #b4b1ac}

.alumnaePage .stories .alumane-stories h2 {color: #fff;font-size: 2em;margin-bottom: 30px}

.alumnaePage .stories .alumane-stories .unit--1-5 {position: relative;height: 611px}

.alumnaePage .stories .alumane-stories .unit--1-5:nth-child(1) .alumane-stories__item-details {background-color: #242279}

.alumnaePage .stories .alumane-stories .unit--1-5:nth-child(2) .alumane-stories__item-details {background-color: #523159}

.alumnaePage .stories .alumane-stories .unit--1-5:nth-child(3) .alumane-stories__item-details {background-color: #78154e}

.alumnaePage .stories .alumane-stories .unit--1-5:nth-child(4) .alumane-stories__item-details {background-color: #6c873a}

.alumnaePage .stories .alumane-stories .unit--1-5:nth-child(5) .alumane-stories__item-details {background-color: #f0632f}

.alumnaePage .stories .alumane-stories .unit--1-5:nth-child(1) .link--arrow:hover:after {background: #fff;color: #242279;}

.alumnaePage .stories .alumane-stories .unit--1-5:nth-child(2) .link--arrow:hover:after {background: #fff;color: #523159}

.alumnaePage .stories .alumane-stories .unit--1-5:nth-child(3) .link--arrow:hover:after {background: #fff;color: #78154e}

.alumnaePage .stories .alumane-stories .unit--1-5:nth-child(4) .link--arrow:hover:after {background: #fff;color: #6c873a}

.alumnaePage .stories .alumane-stories .unit--1-5:nth-child(5) .link--arrow:hover:after {background: #fff;color: #f0632f}
.alumnaePage .stories .alumane-stories .unit--1-5 .link--arrow:before {border-bottom: 2px solid hsla(0, 0%, 100%, .2);}
.alumnaePage .stories .alumane-stories__item {height: 65%;display: block;background-position: 50%;background-size: cover}
.alumnaePage .stories .alumane-stories__item-image {overflow: hidden;text-align: center}
.alumnaePage .stories .alumane-stories__item-details {color: #fff;padding: 10px 20px 80px;border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;line-height: 1.4;position: absolute;bottom: 0;overflow: hidden}
html[dir=ltr] .alumnaePage .stories .alumane-stories__item-details {left: 0;right: 20px}
html[dir=rtl] .alumnaePage .stories .alumane-stories__item-details {left: 20px;right: 0}
.alumnaePage .stories .alumane-stories__item-details h3 {font-family: HelveticaNeue-Bold;font-size: 1.65em;line-height: 1.1;margin: 15px 0}
.alumnaePage .stories .alumane-stories__item-details .link--arrow {color: #fff}
.sign-off {

    background: #ededed;

    color: #242279;

    font-size: 1.4em;

    line-height: 1.4;

    overflow: hidden

}




.alumnae-sign-off .sign-off {

    background: #fff;

    margin-bottom: -36px

}




.sign-off .icon--quote {

    position: relative

}




.sign-off .icon--quote:before {

    font-size: 5em;

    position: absolute;

    top: -100px

}




html[dir=ltr] .sign-off .icon--quote:before {

    right: 104%

}




html[dir=rtl] .sign-off .icon--quote:before {

    left: 104%

}




.sign-off .unit--1-4 {

    position: relative

}




.sign-off .diamond-collection--welcome {

    position: absolute;

    top: 40px

}




html[dir=ltr] .sign-off .diamond-collection--welcome {

    left: 90%

}




html[dir=rtl] .sign-off .diamond-collection--welcome {

    right: 90%

}




.sign-off .diamond-collection--1 {

    position: absolute;

    bottom: -10px

}




html[dir=ltr] .sign-off .diamond-collection--1 {

    left: 35%

}




html[dir=rtl] .sign-off .diamond-collection--1 {

    right: 35%

}




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

    .sign-off .diamond-collection--1 {

        bottom: -130px

    }

    html[dir=ltr] .sign-off .diamond-collection--1 {

        left: 5%

    }

    html[dir=rtl] .sign-off .diamond-collection--1 {

        right: 5%

    }

}




.sign-off .diamond-collection--2 {

    position: absolute;

    bottom: 60px

}




html[dir=ltr] .sign-off .diamond-collection--2 {

    left: 110%

}




html[dir=rtl] .sign-off .diamond-collection--2 {

    right: 110%

}




.sign-off__signature {

    font-size: 16px

}




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

    .sign-off__image {

        max-width: 100%;

        width: 200px

    }

}




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

    html[dir=ltr] .sign-off__text {

        margin-left: 230px

    }

    html[dir=rtl] .sign-off__text {

        margin-right: 230px

    }

}




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

    html[dir=ltr] .sign-off__text {

        margin-left: 0

    }

    html[dir=rtl] .sign-off__text {

        margin-right: 0

    }

}


/* Partnerships (Under About Effat) */
.columnPartnerships {
 float: left;
 width: 25%;
 box-sizing: border-box;
 text-align: center;
 padding: 0 10px;

}

.columnPartnerships h3{text-align:center; margin-left:5%; padding-bottom: 15px;}
.columnPartnerships h4{text-align:center; margin-left:5%;}
.columnPartnerships img { margin:0; padding: 0;}
.columnPartnerships p{ margin: 5%;}


.rowPartnerships:after {
  content: "";
  display: table;
  clear: both;

}


html[dir=rtl] .columnPartnerships
{
 float: right;	
}

html[dir=rtl] .columnPartnerships h3, .columnPartnerships h4, .columnPartnerships p
{
	text-align: justify; 
	margin: 5%;
}


@media only screen and (max-width: 600px) {
.columnPartnerships  {
float:none;
width:100%;
border-right:0px solid #eee;
border-bottom:2px solid #eee;
}
.rowPartnerships {
float:none;
width:100%;
border-bottom:2px solid #eee;
}

/* End of Partnerships (Under About Effat) */