@import url('https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@100;200;300;400;500;600;700;800;900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');




/*

font-family: 'Roboto', sans-serif;
font-family: 'Roboto Slab', serif;


*/

body {
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    line-height: 1.6;
    color: #555;
}
input, button, select, textarea {
    font-family: 'Roboto', sans-serif;
}
h1, .h1, .PageTitle {
    font-size: 250%;
    font-family: Bevan, Georgia, serif;
    font-weight: 200;
    color: #7fa900;
    margin-top: 0;
  }
  
  h1.BigHeader, .h1.BigHeader {
    color: #fff;
    background-color: #7fa900;
    padding: 20px;
    margin: 0;
  }
  
  h1, .h1, .PageTitle {
    font-size: 36px;
    font-family: 'Roboto Slab', serif;
    font-weight: 300;
    color: #7C08E1;
    margin-top: 0;
  }
  h2, .h2, .panel-heading.Distinguish, .PanelHead.Distinguish,
  .TitleBarCaption, div.PanelTitle {
    min-height: 0;
    border-bottom-style: dotted;
    border-bottom: none;
  }
  
  h2, .h2, .PanelTitle,h2.h3 {
    font-size: 32px;
    font-family: 'Roboto Slab', serif;
    font-weight: 600;
    color: #141414;
    line-height: 1.45em;
    border: none;
  }
  
  h3, .SectionTitle {
    font-size: 32px;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    color: #7C08E1;
    margin-top: 0.25em;
    margin-bottom: 0.25em;
  }
  h4, .h4, .SectionLabel {
    font-size: 21px;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    color: #141414;
  }
  
  h5, .h5, .SectionLabelSmaller {
    font-size: 18px;
    font-family: 'Roboto Slab', serif;
    font-weight: 700;
    color: #7C08E1;
}
  
  h6, .h6 {
    font-size: 16px;
    font-family: 'Roboto Slab', serif;
    font-weight: 900;
    color: #7C08E1;
    margin: 0;
  }
  a, .Link, .RadGrid.RadGrid .rgRow a, .RadGrid.RadGrid .rgAltRow a, .RadGrid.RadGrid .rgEditForm a, .k-grid.k-grid a, .RadToolTip.RadToolTip a {
    color: #7C08E1;
    text-decoration: none;
}
a:hover,  .RadGrid.RadGrid tr a:hover, a:focus, a:active, .Link:hover, .Link:focus, .Link:active, .RadGrid.RadGrid .rgRow a:hover, .RadGrid.RadGrid .rgRow a:focus, .RadGrid.RadGrid .rgRow a:active, .RadGrid.RadGrid .rgAltRow a:hover, .RadGrid.RadGrid .rgAltRow a:focus, .RadGrid.RadGrid .rgAltRow a:active, .RadGrid.RadGrid .rgEditForm a:hover, .RadGrid.RadGrid .rgEditForm a:focus, .RadGrid.RadGrid .rgEditForm a:active, .k-grid.k-grid a:hover, .k-grid.k-grid a:focus, .k-grid.k-grid a:active, .RadToolTip.RadToolTip a:hover, .RadToolTip.RadToolTip a:focus, .RadToolTip.RadToolTip a:active
{
    text-decoration: underline;
    color: #7C08E1;
}
a:visited, .Link:visited, .RadGrid.RadGrid tr a:visited 
{
    /*color: #1F08E1; */
    color: #7C08E1;
    text-decoration: underline;
}

hr {
    margin-left: 0em;
    margin-right:10vw;
    border-width: 1px 0 0 0;
    border-style: solid;
    border-color: #BDBDBD;
}

/* Standard Overrides */
.carousel .carousel-indicators {
    top: 40%;
    width: 40%;
    bottom: auto;
    margin-left: 0px;
}
.HomePageFullWidthArea .carousel .carousel-indicators 
{
    display: none;
}
.RadTabStrip_MetroTouch.RadTabStrip_MetroTouch .rtsLevel1 {
    border-color: #7C08E1;
}
.wrapper:not(.has-secondary-col) .RadTabStripVertical.RadTabStrip_MetroTouch.RadTabStrip_MetroTouch.RadTabStripLeft {
    border-right: 3px solid #7C08E1;
}

html .RadTabStrip_MetroTouch.RadTabStrip_MetroTouch .rtsLevel1 .rtsSelected, html .RadTabStrip_MetroTouch.RadTabStrip_MetroTouch .rtsLevel1 .rtsSelected:hover {
    border-color: #7C08E1;
    background-color: #7C08E1;
}
.RadTabStrip_MetroTouch .rtsLevel1 .rtsLink {
    margin: 0 0 0 -1px;
    border: 1px solid #bdbdbd;
    background-color: #f5f5f5;
}
.RadGrid.RadGrid_MetroTouch .rgPagerCell .rgNumPart a.rgCurrentPage, .RadGrid.RadGrid_MetroTouch .rgPagerCell .rgNumPart a.rgCurrentPage, .RadGrid.RadGrid_MetroTouch .rgPagerCell .rgNumPart a.rgCurrentPage:hover, .RadGrid.RadGrid_MetroTouch .rgPagerCell .rgNumPart a:active, .RadGrid.RadGrid_MetroTouch .rgPagerCell .rgPagePrev:active, .RadGrid.RadGrid_MetroTouch .rgPagerCell .rgPageNext:active, .RadGrid.RadGrid_MetroTouch .rgPagerCell .rgPageFirst:active, .RadGrid.RadGrid_MetroTouch .rgPagerCell .rgPageLast:active, .RadGrid.RadGrid_MetroTouch .rgPager .rgPagerCell .rgPagerButton, .RadGrid.RadGrid_MetroTouch .rgPager .rgPagerCell .rgPagerButton:hover, .RadGrid.RadGrid_MetroTouch .rgPager .rgPagerCell .rgActionButton:hover, .RadGrid.RadGrid_Metro .rgPagerCell .rgNumPart a.rgCurrentPage, .RadGrid.RadGrid_Metro .rgPagerCell .rgNumPart a.rgCurrentPage, .RadGrid.RadGrid_Metro .rgPagerCell .rgNumPart a.rgCurrentPage:hover, .RadGrid.RadGrid_Metro .rgPagerCell .rgNumPart a:active, .RadGrid.RadGrid_Metro .rgPagerCell .rgPagePrev:active, .RadGrid.RadGrid_Metro .rgPagerCell .rgPageNext:active, .RadGrid.RadGrid_Metro .rgPagerCell .rgPageFirst:active, .RadGrid.RadGrid_Metro .rgPagerCell .rgPageLast:active, .RadGrid.RadGrid_Metro .rgPager .rgPagerCell .rgPagerButton, .RadGrid.RadGrid_Metro .rgPager .rgPagerCell .rgPagerButton:hover, .RadGrid.RadGrid_Metro .rgPager .rgPagerCell .rgActionButton:hover {
    background-color: #141414;
    border-color: #141414;
    text-decoration: none;
    color: #fff !important;
}
.RadGrid.RadGrid_MetroTouch .rgMasterTable .rgSelectedCell, .RadGrid.RadGrid_MetroTouch .rgSelectedRow, .RadGrid.RadGrid_MetroTouch td.rgEditRow .rgSelectedRow, .RadGrid.RadGrid_MetroTouch .rgSelectedRow td.rgSorted, .RadGrid.RadGrid_MetroTouch th.rgSorted, .RadGrid.RadGrid_Metro .rgMasterTable .rgSelectedCell, .RadGrid.RadGrid_Metro .rgSelectedRow, .RadGrid.RadGrid_Metro td.rgEditRow .rgSelectedRow, .RadGrid.RadGrid_Metro .rgSelectedRow td.rgSorted, .RadGrid.RadGrid_Metro th.rgSorted {
    background-color: #7C08E1;
    border-color: #7C08E1;
    text-decoration: none;
}
.RadGrid_MetroTouch td.rgGroupCol, .RadGrid_MetroTouch td.rgExpandCol {
    border-color: #bdbdbd!important;
    background: #BDBDBE!important;
}
.account-page-with-banner .mini-profile-banner-large .panel-heading, .account-page-with-banner .mini-profile-banner-small .panel-heading, .account-page-with-banner .account-page-top-area.account-page-top-area {
    background-color: #f5f5f5;
}

/* Buttons */

.btn, .btn:visited, .TextButton, .TextButton:visited, .RadUpload.RadUpload .ruButton, .RadUpload.RadUpload .ruButton:visited, .RadUploadProgressArea.RadUploadProgressArea .ruButton, .RadUploadProgressArea.RadUploadProgressArea .ruButton:visited {
    color: #7C08E1;
    background-color: #fff;
    border: 2px solid;
    border-radius: 30px;
    font-size: 14px;
    text-transform: uppercase;
    padding: 10px 20px;
    font-weight: 500;
    vertical-align: baseline;
    align-items: center;
    flex-direction: column;
    padding-right: 35px;
    background-image: url(images/template/ico_arrow_purp_12.svg);
    background-repeat: no-repeat;
    background-position: right 20px center;
    line-height: 1.5;
    padding-bottom: 9px;
}
.BigButtonWrapper .TextButton,.BigButtonWrapper .TextButton:hover
{
    background-image: none;
    padding-right: 20px;
}

.btn:hover, .btn:focus, .btn:active, .TextButton:hover, .TextButton:focus, .TextButton:active, .RadUpload.RadUpload .ruButton:hover, .RadUpload.RadUpload .ruButton:focus, .RadUpload.RadUpload .ruButton:active, .RadUploadProgressArea.RadUploadProgressArea .ruButton:hover, .RadUploadProgressArea.RadUploadProgressArea .ruButton:focus, .RadUploadProgressArea.RadUploadProgressArea .ruButton:active {
    color: #fff;
    text-decoration: none;
    background-color: #7C08E1;
    
    background-image:url(images/template/ico_arrow_white_12.svg);
}
.footer-content a {
    color: #ffee00;
}
.TextButton.YellowButton
{
    color: #010101!important;
    background-color: #FFEE00!important;
    background-image:url(images/template/ico_arrow_black_12.svg)!important;
}
.footer-content a.TextButton,.carousel-caption a.TextButton
{
    background-color: transparent!important;
    color: #ffee00!important;
    background-image: url(images/template/ico_arrow_yellow_12.svg)!important;
}
.TextButton.YellowButton:hover
{
    background-color: #010101!important;
    color: #FFEE00!important;
    background-image:url(images/template/ico_arrow_yellow_12.svg)!important;
}
.footer-content a.TextButton:hover,.carousel-caption a.TextButton:hover
{
    color: #010101!important;
    background-color: #FFEE00!important;
    background-image:url(images/template/ico_arrow_black_12.svg)!important;

}

.TextButton.BlackButton
{
    color: #010101!important;
    background-image:url(images/template/ico_arrow_black_12.svg)!important;
}
.TextButton.BlackButton:hover
{
    background-color: #010101!important;
    color: #fff!important;
    background-image:url(images/template/ico_arrow_white_12.svg)!important;
}

.TextButton.PinkButton
{
    color: #E9006D!important;
    background-image:url(images/template/ico_arrow_mag_12.svg)!important;
}
.TextButton.PinkButton:hover
{
    background-color: #E9006D!important;
    color: #fff!important;
    background-image:url(images/template/ico_arrow_white_12.svg)!important;
}
.PinkOverlay,.GrayOverlay,.BlackOverlay,.WhiteOverlay,.YellowOverlay
{
   padding:2em;
   height: 100%;
}
.PinkOverlay
{
    background-color: #E9006D!important;
    color:#fff!important;
}
.GrayOverlay
{
    color:#141414!important;
    background-color: #f5f5f5!important;
}
.YellowOverlay
{
    color:#141414!important;
    background-color: #FFEE00!important;
}
.BlackOverlay
{
    color:#fff!important;
    background-color: #141414!important;
}

.PinkOverlay h1, .PinkOverlay h2, .PinkOverlay h3, .PinkOverlay h4, .PinkOverlay h5, .PinkOverlay p, .PinkOverlay a, .PinkOverlay strong,
.BlackOverlay h1, .BlackOverlay h2, .BlackOverlay h3, .BlackOverlay h4, .BlackOverlay h5, .BlackOverlay p, .BlackOverlay a, .BlackOverlay strong    
{
    color:#fff!important;
}
.GrayOverlay h1, .GrayOverlay h2, .GrayOverlay h3, .GrayOverlay h4, .GrayOverlay h5, .GrayOverlay p, .GrayOverlay a, .GrayOverlay strong,
.YellowOverlay h1, .YellowOverlay h2, .YellowOverlay h3, .YellowOverlay h4, .YellowOverlay h5, .YellowOverlay p, .YellowOverlay a, .YellowOverlay strong     
{
    color:#141414!important;
}
.PinkOverlay .TextButton
{
    background-color: #E9006D!important;
    color: #fff!important;
    background-image:url(images/template/ico_arrow_white_12.svg)!important;
    margin-bottom: 1em;
}
.PinkOverlay .TextButton:hover
{
    color: #E9006D!important;
    background-color: #fff!important;
    background-image:url(images/template/ico_arrow_mag_12.svg)!important;
}
.GrayOverlay .TextButton,.YellowOverlay .TextButton
{
    background-color: #f5f5f5!important;
    color: #010101!important;
    background-image:url(images/template/ico_arrow_black_12.svg)!important;
    margin-bottom: 1em;
}
.YellowOverlay .TextButton
{
    background-color: transparent!important;
}
.GrayOverlay .TextButton:hover,.YellowOverlay .TextButton:hover
{
    color: #FFF!important;
    background-color: #010101!important;
    background-image:url(images/template/ico_arrow_white_12.svg)!important;
}
.BlackOverlay .TextButton
{
    background-color: #141414!important;
    color: #FFEE00!important;
    background-image:url(images/template/ico_arrow_yellow_12.svg)!important;
    margin-bottom: 1em;
}
.BlackOverlay .TextButton:hover
{
    color: #141414!important;
    background-color: #FFEE00!important;
    background-image:url(images/template/ico_arrow_black_12.svg)!important;
}


.container, .header-container, .SliderPage1 {
    max-width: 1920px;
    padding-left: 12vw;
    padding-right: 12vw;
}
.body-container
{
    padding-top: 110px;
    background-image: url(images/template/img_pagecap.svg);
    background-repeat: no-repeat;
    background-position: top left;
}
.jcHomeContainer .body-container
{
    padding-top: 15px;
    background-image: none;
    background-repeat: no-repeat;
    background-position: top left;
}
ol {list-style: none; counter-reset: li}
li {counter-increment: li}

ol > li 
{
    padding-left: 7.5px;
}
.col-primary .WebPartZone  ul,.col-primary .WebPartZone ol {
    list-style: none; /* Remove default bullets */
  }
  
  .col-primary .WebPartZone  ul li::before {
    content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
    color: #7C08E1; /* Change the color */
    font-weight: bold; /* If you want it to be bold */
    display: inline-block; /* Needed to add space between the bullet and the text */
    width: 1em; /* Also needed for space (tweak if needed) */
    margin-left: -1em; /* Also needed for space (tweak if needed) */
  }
  .col-primary .WebPartZone ol li::marker {
    content: counter(li);  /* Add content: \2022 is the CSS Code/unicode for a bullet */
    color: #7C08E1; /* Change the color */
    font-weight: 400; /* If you want it to be bold */
    display: inline-block; /* Needed to add space between the bullet and the text */
    width: 1em; /* Also needed for space (tweak if needed) */
    margin-left: -1em; /* Also needed for space (tweak if needed) */
  }
  .col-primary .WebPartZone ul li.rtsLI::before,  .col-primary .WebPartZone .BigButtonWrapper ul li::before,
  .col-primary .WebPartZone .ProgressTrackerPanel ul li::before,.col-primary .WebPartZone .RadSocialShare  ul li::before,.col-primary .WebPartZone .ShowLegend ul li::before {
    display: none!important;
  }

.ste-toggle
{
    font-size:0px!important;
    background-position: -35px -105px;
}
.jcHeader 
{
    max-width: 100%;
    padding: 0px 2.5vw;
    background-color: #141414;
    height: 80px;
}
#masterHeaderImage {
    background-image: url(images/template/logo_aaf_white_header.svg);
    min-width: auto;
    height: 60px;
    margin-top: 15px;
    width: 170px;
}
.jcAux 
{
    
    height: 80px;
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: flex-start;

}

.nav-auxiliary a {
    color: #fff;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 14px;
    letter-spacing: .7px;
}
.nav-auxiliary a:hover,.header-search .SimpleSearchBlock .search-field:hover 
{
    color:#FFEE00;
}
.nav-auxiliary .NavigationListItem {
    position: relative;
    display: inline-flex;
    line-height: 1em;
    align-content: center;
    align-items: center;
}
.UtilityNavigation.nav-auxiliary
{
    display: flex;
    align-items: center;

}
.nav-auxiliary .nav-aux-cart .cartFull {
    
    left: 8px;
   
}
.nav-auxiliary .nav-aux-cart .cartCenter {
    color: #ffee00;
    background-color: transparent;
    border-radius: 2px;
    font-size: 1em;
    line-height: 1;
    padding: 0 1px 1px;
    box-shadow: -1px 1px 0 rgba(34, 34, 34, 0.6);
    letter-spacing: 0px;
    /* text-align: left; */
}

*, *:
.navbar-header > div, .navbar-header > a, .navbar-header .NavigationUnorderedList, .navbar-header .NavigationLink {
    display: inline-flex;
    vertical-align: baseline;
    align-content: center;
    align-items: center;
}
.UtilityAuthenticationLink,.nav-auxiliary .nav-aux-account .nav-text,.nav-auxiliary .nav-aux-cart .nav-text
{
    background-image: url(images/Template/ico_key.svg);
    
    background-position: center left;
    padding-left: 25px;
    background-repeat: no-repeat;
}
.nav-auxiliary .nav-aux-account .nav-text
{
    background-image: url(images/Template/ico_user.svg);
}
.nav-auxiliary .nav-aux-cart .nav-text
{
    background-image: url(images/Template/ico_cart.svg);
}
#masterHeaderBackground, .header {
    border-bottom: none;
    padding: 0px;
}
.has-secondary-col.col-on-right .col-primary {
    float: left;
    margin-right: 0px;
    width: 100%;
}
.has-secondary-col.col-on-right .col-secondary {
    float: right;
    display: none;
}
.jcOBO 
{
    position: absolute;
    right: 0px;
    background-color: #fff;
}
#masterMainBreadcrumb
{
    position: absolute;
    top: 0px;
}
#masterMainBreadcrumb > nav
{
    margin-top:-75px
}
#masterMainBreadcrumb > nav:before
{
    content: "[";
    font-size: 42px;
    padding-right: 10px;
    float: left;
    display: inline;
    font-weight: 300;
    align-content: center;
    color: #141414;
}
#masterMainBreadcrumb > nav:after
{
    content:"]";
    font-size: 42px;
    padding-left: 10px;
    float:left;
    display: inline;
    font-weight: 300;
    color: #141414;
}
.breadcrumb
{
    float: left;
    margin-bottom: 0px;
    padding: 0px;
    margin-block-start: 0px;
    margin-block-end: 0px;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 0px;
    margin-top: 7.5px;
}
.breadcrumb li.breadcrumb-item {
    list-style: none;
    display: none;
}
.breadcrumb li.breadcrumb-item.active 
{
    display: inline;
    color: #141414;
    
    letter-spacing: 1.5px;
    font-size: 32px;
    font-weight: 300;
}
/* Home Page Styles */
.jcHomeContainer .HomePageFullWidthArea
{
    margin-bottom: 3em;
}
.HomePageFullWidthArea .panel-body 
{
    padding:0px;
}
.HomePageFullWidthArea .panel
{
    border:none;
}
.HomePageFullWidthArea .carousel-caption
{
    text-align: left;
    left: 50%;
    right: 10%;
    padding-bottom: 30px;
    background-color: #141414;
    top: 40%;
    bottom: auto;
    /* min-height: 200px; */
    padding: 1em;
}
.carousel h1, .carousel h2, .carousel h3, .carousel h4, .carousel h5
{
    font-weight: 500;
    font-family: 'Roboto Slab', serif;
    color: #FFEE00;
    font-size: 28px;
    margin-top: 0px;
    margin-bottom: 5px;
}
.carousel p 
{
    font-weight: 200;
}
.carousel-caption .TextButton {
    text-shadow: none;
    float: right;
}
.carousel-control
{
	opacity:1;
}
.carousel-control:hover, .carousel-control:focus, .carousel-control:visited, .carousel-control:active {
    outline: 0;
    color: #fff;
    text-decoration: none;
    opacity: .7;
}
.carousel-control .icon-prev:before,.carousel-control .icon-next:before 
{

    content: '<';
    transform: scale(1,2);   
    display: block;
    font-weight: 100; 
    font-family: 'Roboto', sans-serif;
}
.carousel-control .icon-next:before
{
	content: '>';
}

.HomePageFullWidthArea .carousel-control .icon-prev:before,.HomePageFullWidthArea .carousel-control .icon-next:before
{
	font-size: 55px;
}
.ImageBox 
{
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    overflow: hidden!important;
}
.ImageBox img 
{
    flex-shrink: 0;
    min-width: 100%;
    min-height: 100%;
    object-fit: cover;
    object-position: center;
}
.ThreeSixRatio
{
    height: calc((100vw - 400px) / 3.6)!important;
}
.ThreeBoxes 
{
    margin-bottom: 15px;
}
.ThreeBoxes > div:nth-child(1)
{
    padding-right: 0px;
}
.CityBox
{
    background-image:none;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 0em;
    position: relative;
    height: 100%;
    z-index: 33;
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
}
.CityBox img 
{
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 100%;
}
.CityBox .TextButton
{
    position: absolute;
    bottom: 2em;
    left: 2em;
}
.YellowOverlay.CityBox .TextButton,.GrayOverlay.CityBox .TextButton,.PinkOverlay.CityBox .TextButton,.WhiteOverlay.CityBox .TextButton
{
    position: inherit;
    bottom: auto;
}
.CityBox h2, .CityBox p 
{
    padding:0em 1em;
}
.ImgFlex80
{
    display: flex;
    justify-content: center!important;
}
.ImgFlex80 img
{
    width: 80%;
    min-width: 80%;
}
.CircleImage
{
    text-align: center;
    margin: 1em;
}
.CircleImage img 
{
    width: 80%;
    border-radius: 50%;
}
.CircleImage2
{
    margin-top:1em;
}
.CircleImage2 img 
{
    width: 80%;
    border-radius: 50%;
    max-width: 100px;
}
.MBTwo 
{
    margin-bottom: 5vw;
}
.strong 
{
    font-weight: 700;
}
.BorderLeft 
{
    border-left: 1px solid #bdbdbd;
    padding-left: 30px;
    margin-left: 15px;
}
.ProgressTracker2 .ProgressTrackerPanel {
    background-color: #f5f5f5;
    padding-bottom: 2em;
}
.ProgressTracker2 .ProgressTrackerPanel .count {
    color: #141414;
    font-family: inherit;
    font-weight: 500;
}
.ProgressTracker2 .ProgressTrackerPanel .label {
    color: #141414;
    font-size: 18px;
    display: block;
    text-transform: uppercase;
    font-weight: 500;
}
.ProgressTracker2 .ProgressBar > span, .ProgressTracker_Dashboard .ProgressBar > span, .ProgressTracker_Dashboard_Overview .ProgressBar > span {
    display: block;
    height: 100%;
    background-color: #2DAC32;
    position: relative;
    overflow: hidden;
}
.touch-radio-binary input[type="radio"]:checked + label, .touch-radiobuttons input[type="radio"]:checked + label {
    background: #2DAC32;
    border-color: #2DAC32;
    color: #fff;
}
.touch-radiobuttons input[type="radio"] + label {
    padding: 5px 25px;
    position: relative;
    min-width: 100%;
    border-radius: 10px;
    /* padding: 10px 25px; */
}
/* Footer */

#masterContentArea {
 
    margin-top: 0px;
    padding-bottom: 8vw;
    /* border-bottom: 30px solid #f5f5f5; */
    background-image: url(images/template/img_texture_footer_circle.svg);
    background-repeat: no-repeat;
    background-position-y: bottom;
    margin-bottom: 5px;
    z-index: 2;
    position: relative;
    background-position-x: 2vw;
    background-size: calc(7vw + 25px);
    
}

#ft {
    background-color: #141414;
    color: #fff;
}
.footer-content {
    background-color: transparent;
    color: #fff;
    text-align: left;
    padding-top: 15px;
    padding-bottom: 15px;
    background-image: url(images/template/img_texture_footer_plus.svg);
    background-size: calc(7vw + 25px);
    background-repeat: no-repeat;
    background-position: top 35px right 15px;
}
.footer-nav-copyright {
    background-color: #FFEE00;
    color: #141414;
    text-align: right;
    padding: 0px;
    display: block;
    align-content: center;
    align-items: center;
    height: 30px;
}
.footer-nav-copyright .footer-copyright {
    
    margin: 0;
    /* float: right; */
    font-size: 12px;
    width: 100%;
    display: inline-flex;
    /* text-align: right; */
    flex-direction: row-reverse;
    align-content: center;
    align-items: center;
    height: 30px;
}
.footer-nav-copyright a, .footer-nav-copyright a:visited {
    color: #141414;
}
.jcFoottop
{
    border-bottom: 1px solid #666;
    height: 65px;
    background-image: url(images/template/logo_aaf_white_footer.svg);
    background-size: 145px;
    background-repeat: no-repeat;
    background-position: 0px 10px;
    margin-bottom: 1em;

}
.jcFootcol1
{
    padding-right: 2vw;
}
.jcFootcol1 p,.jcFootcol1 a 
{
    color: #ccc;
    font-size: 16px;
    line-height: 24px;

}
.jcFootcol1 p
{
    font-weight:300;
}

.jcFootcol1 a 
{
    text-decoration: none;
}
.jcFootcol1 li a {
    
    color: #FFEE00;
}
.jcFootcol1 a:hover 
{
    text-decoration:underline;
}
.jcFootcol1 ul 
{
    list-style: none;
    margin-block-start: 0em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 0px;
    float: right;
    padding-right: 10px;

}
.jcFootcol2 .TextButton
{
   float: right;
}
.jcFootcol2 p
{
    margin-bottom: 5px;
    line-height: 1.4em;
    font-weight: 300;
    font-size: 16px;
}
.jcFootContent1 
{
    padding: 0px;
}
.jcFootcol2 h3,.jcFootcol2 h2
{
    margin-top: 0px;
    color: #FFEE00;
    margin-bottom: 5px;
}
.jcFootcol2 
{
    padding-left: 2vw;

}
.jcFootcol3 
{
    display: flex;
    /* float: right; */
    justify-content: flex-end;
    padding-top: 15px;
    padding-right: 0px;
    padding-left: 0px;
}
a.jcTwit, a.jcInsta, a.jcLI, a.jcFB 
{

    height: 50px;
    width: 50px;
    background-image: url(images/Template/ico_soc_twitter_footernew.svg);
    display: block;
    background-repeat: no-repeat;
    background-size: contain;
    margin-left:10px;
    font-size: 0px;
    /*transition: .25s ease all;*/
}
a.jcInsta
{
    background-image: url(images/Template/ico_soc_insta_footer.svg);

} 
a.jcLI
{
    background-image: url(images/Template/ico_soc_linkedin_footer.svg);
} 
a.jcFB
{
    background-image: url(images/Template/ico_soc_facebook_footer.svg);
} 
a.jcTwit:hover
{
    background-image: url(images/Template/ico_soc_twitter_footer_roll.svg);
}
a.jcInsta:hover
{
    background-image: url(images/Template/ico_soc_insta_footer_roll.svg);

} 
a.jcLI:hover
{
    background-image: url(images/Template/ico_soc_linkedin_footer_roll.svg);
} 
a.jcFB:hover
{
    background-image: url(images/Template/ico_soc_facebook_footer_roll.svg);
}
/* Custom Template Styles */

.jcPromo 
{
    /*color: #141414;
    font-size: 24px;
    font-weight: 300;
    margin-bottom: 12px;
    margin-top: 6px;
    */
    color: #141414;
    font-size: 28px;
    font-weight: 300;
    margin-bottom: 12px;
    margin-top: 6px;
    line-height: 37px;
}
.jcSmallPromo
{
    font-size: 22px;
    font-family: 'Roboto Slab', serif;
    font-weight: 300;
    color: #141414;
    line-height: 1.33em;
    border: none;
}
.jcPink
{
    color: #E9006D!important;
}
.jcPurple
{
    color:#7C08E1!important;

}
.jcBlack
{
    color:#141414!important;

}
.jcSlab
{
    font-family: 'Roboto Slab', serif!important;

}
.jcSmall 
{
    font-size: 16px!important;
    line-height: 1.5em;
}
.BorderBox,.BorderBoxThin {
    background-image: url(images/template/img_rule_lg.svg);
    /* background-color: #fff; */
    /* max-width: 70%; */
    height: calc(10px + 1vw);
    /* position: relative; */
    /* z-index: 999999999; */
    background-repeat: repeat-x;
    margin: 1em 0em 1em 0em;
}
.BorderBoxThin
{
    height: 12px;
    
    background-size: 75%;
}
.jcMagenta
{
    background-color: #E9006D!important;
    margin: 0;
}
.jcNoPad 
{
    padding:0px!important;
}
/* Primary Navigation */
.RadMenu.RadMenu_London .rmRootLink.rmSelected {
   
    background-color: inherit;
    color: #7C08E1;
}
.UtilitySTEToggle
{
    position: absolute;
    top: 3px;
    right: 3px;
}
.jcStyledIQA .RadGrid.RadGrid_MetroTouch .rgSelectedRow
{
	
	border-color: #fff;
}
.jcStyledIQA .rgHeader
{
	display:none;
}

.jcStyledIQA .RadGrid_MetroTouch
{
	border:none;
}
.jcStyledIQA .RadGrid_MetroTouch .rgAltRow
{
    background-color: transparent;
}
.jcSourceCodes .RadGrid_MetroTouch tr td 
{
    border-bottom: 1px solid #999;
}
.jcSelect
{
    font-size: 0px;
    display: block;
    width: 50px;
    background-image: url(images/Template/square.svg);
    background-size: 60%;
    height: 30px;
    background-repeat: no-repeat;
    background-position: right 5px center;
}
.jcSelect.selected 
{
   
    background-image: url(images/Template/check.svg);
   
}
.jcSourceCodes .RadGrid_MetroTouch tr:has(.selected) 
{

    background-color:#f5f5f5;
    font-weight:bold;
    color: #7C08E1;
   
}
.jcSourceCodes .RadGrid.RadGrid_MetroTouch .rgSelectedRow td
{
    border: none;
    border-bottom: 1px solid #999;
}
@media (min-width: 992px)
{
    
    .navbar-collapse.collapse 
    {
        
        padding-bottom: 0;
        overflow: visible !important;
        background-color: #FFEE00;
        
        min-height: 60px;
        margin-top: 0px;
        
    }
    /* Fix for funky menu on mobile 
    */
   
 
    .jcHomeContainer .navbar-collapse.collapse 
    {
        -webkit-box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.25);
        -moz-box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.25);
        box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.25);
        padding-left: 5vw;
    }
    .header-bottom-container
    {
        background-color: #FFEE00;
        height: 175px;
        z-index: 5;
    }
    .jcHomeContainer .header-bottom-container
    {
        background-color: transparent;
        position: relative;
        
        height: 0px;

       
    }
    .header-bottom-container .header-container .clear-right
    {
        clear: none;
       
    }
    .jcHomeContainer .header-bottom-container .header-container
    {
        position: absolute;
        top: 467px;
        right: 0px;
        left: 0px;
        display: flex;
        justify-content: center;
        
    }
    .navbar-toggle .icon-bar {
       
        position: inherit;
    }
    .RadMenu.RadMenu_London .rmRootGroup > .rmItem > .rmLink {
        margin: 0;
        font-family: 'Roboto', sans-serif;
        text-transform: capitalize!important;
        height: 80px;
        display: inline-flex;
        align-items: center;
        align-content: center;
        font-weight: 600;
        font-size: 18px;
        background-image: url(images/template/ico_arrow_black_20.svg);
        background-repeat: no-repeat;
        background-position-x: calc(100% - 25px);
        padding-right: 20px;
        transition: .5s ease background-position;
        color: #000;
        letter-spacing: .7px;
        font-size: 24px;
        background-position-y: 32px;
    }
    
    
    .RadMenu .rmRootGroup > .rmItem > .rmLink.jcNavPop {
        color: #ffee00;
        background-color: #000;
        font-weight: 500;
        background-image: url(images/template/ico_arrow_yellow_20.svg)!important;
        font-family: 'Roboto Slab', serif;
    }
    .RadMenu .rmRootGroup > .rmItem > .rmLink.jcNavPop:hover {
        color: #000;
        border: 1px solid #000;
        border-top: 0px;
        margin-left: -1px;
        margin-right: -1px;
        background-image: url(images/template/ico_arrow_black_20.svg)!important;
        
    }
    .RadMenu .rmRootGroup > .rmItem > .rmLink .rmText
    {
        padding: 0px 30px 0px 0px;
        transition: .25s ease all;
        border-bottom: 3px solid transparent;
    }
    .RadMenu .rmRootGroup > .rmItem > .rmLink.jcNavPop .rmText{
        padding-right: 30px;
        margin-left: 30px;
        border-bottom: 3px solid transparent;
    }
    .RadMenu .rmRootGroup > .rmItem > .rmLink:hover 
    {
        background-color: transparent!important;
        background-position-x: calc(100% - 10px);
    }
    .RadMenu .rmRootGroup > .rmItem > .rmLink:hover .rmText,.RadMenu.RadMenu_London .rmRootLink.rmSelected .rmText
    {
        border-bottom: 3px solid #000;
    }
    .RadMenu .rmRootGroup > .rmItem > .rmLink.jcNavPop .rmText
    {
        border-bottom: 3px solid transparent;
    }
    .RadMenu .rmRootGroup > .rmItem > .rmLink.jcNavPop:hover .rmText
    {
        border-bottom: 3px solid #000;
        color:#000;
    }
 
    .RadMenu_London .rmSlide .rmLink {
        color: #000;
        font-size: 20px;
    }
    .RadMenu .rmHorizontal .rmText
    {
        padding:0px;
    }
    .RadMenu.RadMenu_London .rmGroup {
        background-color: #FFEE00;
        padding-right: 2em!important;
    }
    .RadMenu.RadMenu_London .rmRootLink.rmExpanded, .RadMenu.RadMenu_London .rmRootLink:hover, .RadMenu.RadMenu_London .rmRootLink.rmFocused {
        background-color: transparent;
        
    }
    .RadMenu.RadMenu_London .rmVertical .rmItem .rmText {
        
        border-bottom: 2px solid transparent;
        padding-left: 0px;
        margin-left: 15px;
        padding-right: 15px;
        margin-right: 15px;
    }
    .RadMenu_London .rmSlide .rmLink:hover, .RadMenu_London .rmSlide .rmLink:focus, 
    .RadMenu_London .rmSlide .rmLink.rmFocused, .RadMenu_London .rmSlide .rmLevel1 > .rmItem > .rmLink:hover, 
    .RadMenu_London .rmSlide .rmLevel1 > .rmItem > .rmLink:focus, .RadMenu_London .rmSlide .rmLevel1 > .rmItem > .rmLink.rmFocused {
        
        color: #000;
        /* border-color: #000; */
    }
    .RadMenu.RadMenu_London .rmVertical .rmItem:hover .rmText, .RadMenu.RadMenu_London .rmVertical .rmItem:focus .rmText
    {
        background-color: transparent;
        color: #000;
        border-color: #000!important;
    }
    .RadMenu.RadMenu_London .rmSlide ul.rmGroup {
        padding: 0;
        padding-bottom: 10px;
    }
    
      
}
@media (min-width: 768px)
{
    .searchbar-collapse
    {
        position: absolute;
        top: 65px;
        z-index: 99;
        min-width: 50%;
    }
    .header-search .SimpleSearchBlock .search-field {
        background: transparent;
        background-position: 7px -16px;
        padding-left: 20px !important;
        color: #fff;
        border-color: transparent;
        border: none;
        border-radius: 0px;
        font-size: 14px;
        text-transform: uppercase;
        letter-spacing: .7px;
        background-image: url(images/template/ico_magglass.svg);
        background-repeat: no-repeat;
        background-position: left center;
        height: auto;
        width: 100px;
        transition: all;
        padding: 0px;
        transition: .5s ease all;
    }
    .header-search .SimpleSearchBlock .search-field:focus 
    {
        width:175px;
    }
    .SearchResultSummary .ListItemTitle a:hover {
        background-color: #FFEE00;
        text-decoration: underline;
    }
    .SearchField label {
        font-size:21px;
        color: #7C08E1;
    }
    .SearchField, .SearchResultSummary .ListItemTitle a {
        display: block;
        background-color: #f5f5f5;
        padding: 8px 12px;
    }
    .UtilitySearch, .UtilityNavigationList, .UtilityAuthentication, .UtilitySTEToggle, .UtilityTranslation {
        vertical-align: top;
    }
}

@media (max-width: 1199px)
{
    .container, .header-container, .SliderPage1 {
      
        padding-left: 6vw;
        padding-right: 6vw;
    }
}

@media (max-width: 991px)
{

    #masterMainBreadcrumb {
        position: absolute;
       
        z-index: 5;
    }
    #masterMainBreadcrumb > nav {
        margin-top: 0px;
    }

    #masterContentArea:before
    {
        display:block;
        background-color: #FFEE00;
        height: 70px;
        content: " ";
        margin-left: -50px;
        margin-right: -50px;
        width: auto;
    }
    .jcHomeContainer #masterContentArea:before
    {
        display: none;
    }
    .RadMenu.RadMenu_London
    {
        background-color: #f5f5f5;
    }

    /*
    .header-bottom-container {
        background-color: #FFEE00;
        height: 95px;
        position: relative;
        z-index:5;
    }
    */
    .nav-auxiliary .navbar-toggle
    {
    padding-left:6px;
    padding-top:2.5px;
    }
    .nav-auxiliary .nav-aux-button.nav-aux-cart .cartFull {
        left: 27px;
        top: 8px;
    }
    .nav-auxiliary .nav-aux-button.nav-aux-cart .cartCenter {
        background-color: transparent;
        color: #ffee00;
    }

    .container, .header-container, .SliderPage1 {
      
        padding-left: 15px;
        padding-right: 15px;
    }
    .HomePageFullWidthArea .carousel-caption {
        text-align: left;
        left: 10%;
        right: 10%;
        padding-bottom: 30px;
        background-color: #141414;
        top: 60%;
        bottom: auto;
        /* min-height: 200px; */
        padding: 1em;
        max-height: 38%;
        /* overflow: hidden; */
    }
    .carousel .carousel-indicators {
        top: 60%;
        width: 80%;
        bottom: auto;
        left: 10%;
        margin-left: 0px;
    }
    .carousel-inner.bg-img > .item
    {
        background-position: top;
    }
    .jcFootContent2 
    {
        display: flex;
        /* max-width: 80%; */
        justify-content: center;
    }
    .jcFootcol3 {
      
        justify-content: center;
    }
    .jcFootcol2 {
        padding-left: 0px;
        /* display: flex; */
        width: 80%;
        margin-left: 10%;
    }
    .footer-nav-copyright .footer-copyright {
        
        align-items: center;
        height: 30px;
        flex-direction: column;
        justify-content: center;
    }
    .nav-auxiliary .nav-aux-button.nav-aux-account .nav-text {
        background-position: 0px;
    }
  
    .nav-auxiliary .nav-aux-button .NavigationLink
    {
        background-color: transparent;
        margin-left: 15px;
        padding: 9px 10px;
        margin-top: 6.5px;
        margin-bottom: 6.5px;
        border: 1px solid #ffee00;
        border-radius: 25%;
        display: inline-block;
    }
    .nav-auxiliary .nav-aux-button .NavigationLink:hover, .nav-auxiliary .nav-aux-button .NavigationLink:focus {
        background-color: #7C08E1;
    }
    .nav-auxiliary .nav-aux-button.nav-aux-account .nav-text {
        background-position: 0px;
        background-size: 18px;
    }
    .nav-auxiliary .nav-aux-button.nav-aux-cart .nav-text {
        background-position: 0px;
    }
    .searchbar-toggle
    {
        display:none;
    }
    .navbar-toggle.collapsed:hover, .navbar-toggle.collapsed:focus {
        background-color: #7C08E1;
    }
    
    .navbar-toggle.collapsed {
        background-color: #ffee00;
        padding-bottom: 3px;
    }
    .navbar-toggle .icon-bar {
        background-color: #141414;
    }
    .navbar-toggle:hover .icon-bar, .navbar-toggle:focus .icon-bar {
        background-color: #FFF;
    }
    .container, .header-container, .SliderPage1 {
        max-width: 1920px;
        padding-left: 50px;
        padding-right: 50px;
    }
    .navbar-collapse, .searchbar-collapse {
        background-color: #f5f5f5;
    }
    .RadMenu.RadMenu_London .rmLink {
        color: #141414;
       
    }
    .RadMenu.RadMenu_London .rmRootGroup > .rmItem > .rmLink {
        text-transform: capitalize;
       
    }
    .RadMenu.RadMenu_London .rmRootGroup > .rmItem > .rmLink.rmLink.jcNavPop {
        
        color: #ffee00;
        background-color: #141414;
       
    }
    .RadMenu.RadMenu_London .rmRootLink.rmExpanded, .RadMenu.RadMenu_London .rmLink:hover, .RadMenu.RadMenu_London .rmRootLink.rmFocused {
        background-color: #141414;
        color: #fff;
    }
    .RadMenu.RadMenu_London .rmRootLink.rmExpanded, .RadMenu.RadMenu_London .rmLink:hover, .RadMenu.RadMenu_London .rmRootLink.rmFocused {
        background-color: #FFEE00;
        color: #7C08E1;
    }
    .RadMenu_London .rmSlide .rmLink:hover, .RadMenu_London .rmSlide .rmLink:focus, .RadMenu_London .rmSlide .rmLink.rmFocused, .RadMenu_London .rmSlide .rmLevel1 > .rmItem > .rmLink:hover, .RadMenu_London .rmSlide .rmLevel1 > .rmItem > .rmLink:focus, .RadMenu_London .rmSlide .rmLevel1 > .rmItem > .rmLink.rmFocused {
        background-color: transparent;
        color: #ffee00;
    }
    .RadMenu.RadMenu_London .rmGroup {
        background-color: #555;
    }
    .RadMenu .rmVertical .rmLink, .RadMenu .rmHorizontal .rmVertical .rmLink {
        float: none;
        color: #fff;
    }
    .ImgFlex80 img {
        /* width: 80%; */
        min-width: 50%;
    }
    .LogoBox
    {
        margin-top: 2em;
    }


}
@media (max-width: 767px)
{
   

    .CityBox img {
       
        max-height: 50vw;
    }
    .container, .header-container, .SliderPage1 {
      
        padding-left: 15px;
        padding-right: 15px;
    }
    #masterContentArea:before
    {
        margin-left:-15px;
        margin-right:-15px;
    }
    #masterMainBreadcrumb {
        
  
        display: inline-flex;
      
        left: 25px;
        right: 25px;
        text-align: center;
        justify-content: center;
    }
    #masterContentArea {
        
        padding-bottom: 12vw;
    }

    .ThreeBoxes > div:nth-child(1), .ThreeBoxes > div:nth-child(2) {
        padding-right: 15px;
    }
    .BorderLeft {
        border-left: none;
        padding-left: 0px;
        margin-left: 0px;
    }
    .CityBox {
       
        min-height: 49vw;
        background-position: bottom;
        display: block;
    }
    .ImgFlex80 img {
       
        width: 50%;
    }
    .CityBox .TextButton {
        position: initial;
        bottom: 2em;
        left: 2em;
    }
    .jcAux
    {
        height:auto;
    }
    .CircleImage img {
        width: 50%;
        border-radius: 50%;
    }
    .jcLogo,.jcAux
    {
        height: auto;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;
        width: 100%;
    }
    .jcHeader 
    {
        height:auto;
    }
    .navbar-toggle .icon-search {
      
        background-image: url(images/template/ico_magglass.svg);
        background-position: center;
        background-size: 18px;
    }
    .jcFootcol1 p {
        font-weight: 300;
        font-size: 14px;
    }
    .navbar-toggle.searchbar-toggle
    {
        display:inline-block;
        background-color: transparent;
        border-radius: 25%;
        width: 40px;
        height: 37px;
        margin-top: 3px;
        border: 1px solid #ffee00;
        padding: 7px;
    }
    .navbar-collapse
    {
        background-color: #f5f5f5;
        
    }
    .searchbar-collapse
    {
        position: absolute;
        top: 125px;
        z-index: 99;
        left: 25vw;
        width: 70vw;
        background-color: #ffee00;
    }
    .header-search {
        padding: 0px;
    }
}