{"version":3,"sources":["C:/Users/ZDM3025/Desktop/Careerwebsite/source/src/components/IntroVideoComponent/C:/Users/ZDM3025/Desktop/Careerwebsite/source/src/components/IntroVideoComponent/C:/Users/ZDM3025/Desktop/Careerwebsite/source/src/components/IntroVideoComponent/VideoOverlayComponent.scss","C:/Users/ZDM3025/Desktop/Careerwebsite/source/src/assets/sass/C:/Users/ZDM3025/Desktop/Careerwebsite/source/src/assets/sass/C:/Users/ZDM3025/Desktop/Careerwebsite/source/src/assets/sass/view_international.scss","C:/Users/ZDM3025/Desktop/Careerwebsite/source/src/assets/sass/C:/Users/ZDM3025/Desktop/Careerwebsite/source/src/assets/sass/C:/Users/ZDM3025/Desktop/Careerwebsite/source/src/assets/sass/variable.scss","C:/Users/ZDM3025/Desktop/Careerwebsite/source/src/components/newBrandLogoComponent/C:/Users/ZDM3025/Desktop/Careerwebsite/source/src/components/newBrandLogoComponent/C:/Users/ZDM3025/Desktop/Careerwebsite/source/src/components/newBrandLogoComponent/logoanimationnew.scss"],"names":[],"mappings":"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","file":"28.a0590d32.chunk.css","sourcesContent":["/* Wrapper that hosts the video and the overlay */\r\n@import '../../assets/sass/global.scss';\r\n.video-player {\r\n  position: relative;\r\n  overflow: hidden;\r\n  border-radius:  0 !important;\r\n}\r\n\r\n.video-player video {\r\n  width: 100%;\r\n  object-fit: cover;\r\n}\r\n\r\n/* Overlay fills the parent and sits on top of the video */\r\n.click-to-play-overlay {\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  right: 0;\r\n  bottom: 0;\r\n}\r\n\r\n.poster-image {\r\n  position: absolute;\r\n  z-index: 1;\r\n  height: 100%;\r\n  width: 100%;\r\n}\r\n\r\n.poster-image img {\r\n  object-fit: cover;\r\n}\r\n\r\n.video-title-big {\r\n  position: absolute;\r\n  z-index: 2;\r\n\r\n\r\n  left: 0;\r\n  bottom: 0;\r\n\r\n\r\n  /*background-color: rgba(0,0,0,0.8);*/\r\n  color: #FFF;\r\n  padding: 0.2rem;\r\n  margin: 10px;\r\n  \r\n  \r\n}\r\n\r\n.video-title-big h3 {\r\n\tfont-weight: bold;\r\n\tfont-size: 1.3rem;\r\n}\r\n\r\n.video-title p {\r\n\tfont-size: 1rem;\r\n}\r\n\r\n.play-icon-center {\r\n\ttop: 50%;\r\n    left: 50%;\r\n    transform: translate(-50%, -50%);\r\n}\r\n\r\n.play-icon-bottom-right {\r\n\tbottom: 0;\r\n\tright: 0;\r\n}\r\n\r\n.play-icon-big {\r\n  position: absolute;\r\n  z-index: 2;\r\n  width: 80px;\r\n  height: 80px;\r\n  background-repeat: no-repeat;\r\n  background-size: 110% 110%;\r\n  cursor: pointer;\r\n  opacity: 1;\r\n  background-position: center;\r\n}\r\n\r\n\r\n\r\n.play-icon-big :hover, .play-icon-big :focus {\r\n  opacity: 2;\r\n}\r\n\r\n/**************************/\r\n\r\n/* The Overlay (background) */\r\n.overlay {\r\n  /* Height & width depends on how you want to reveal the overlay (see JS below) */    \r\n  height: 100%;\r\n  width: 0;\r\n  position: fixed; /* Stay in place */\r\n  z-index: 4; /* Sit on top */\r\n  left: 0;\r\n  top: 0;\r\n  background-color: rgb(0,0,0); /* Black fallback color */\r\n  background-color: rgba(0,0,0, 0.8); /* Black w/opacity */\r\n  overflow-x: hidden; /* Disable horizontal scroll */\r\n  transition: 0.5s; /* 0.5 second transition effect to slide in or slide down the overlay (height or width, depending on reveal) */\r\n}\r\n\r\n/* Position the content inside the overlay */\r\n.overlay-content {\r\n  position: relative;\r\n  top: 20%; /* 25% from the top */\r\n  width: 60%; /* 100% width */\r\n  text-align: center; /* Centered text/links */\r\n  margin-top: 30px; /* 30px top margin to avoid conflict with the close button on smaller screens */\r\n  height: 80%;\r\n  margin: auto;\r\n}\r\n\r\n/* The navigation links inside the overlay */\r\n.overlay a {\r\n  padding: 8px;\r\n  text-decoration: none;\r\n  font-size: 36px;\r\n  color: #818181;\r\n  display: block; /* Display block instead of inline */\r\n  transition: 0.3s; /* Transition effects on hover (color) */\r\n}\r\n\r\n/* When you mouse over the navigation links, change their color */\r\n.overlay a:hover, .overlay a:focus {\r\n  color: #f1f1f1;\r\n}\r\n\r\n/* Position the close button (top right corner) */\r\n.overlay .closebtn {\r\n  position: absolute;\r\n  top: 15px;\r\n  right: 45px;\r\n  font-size: 30px;\r\n  color: #fff;\r\n}\r\n\r\n.videowrapper {\r\nborder-radius: 22px;\r\noverflow: hidden;\r\n-webkit-transform: translateZ(0);\r\nbox-shadow: 0 19px 51px 0 rgba(255,255,255,0.07), 0 14px 19px 0 rgba(255,255,255,0.0);\r\nmargin: auto;\r\n}\r\n\r\n.videowrapper video {\r\n\twidth: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n}\r\n\r\n/* When the height of the screen is less than 450 pixels, change the font-size of the links and position the close button again, so they don't overlap */\r\n@media screen and (max-height: 100% ) {\r\n  .overlay a {font-size: 20px}\r\n  .overlay .closebtn {\r\n    font-size: 40px;\r\n    top: 15px;\r\n    right: 35px;\r\n  }\r\n}\r\n","/* View level CSS - International */\r\n@import 'global.scss';\r\n.sectionInternational {\r\n    overflow: hidden;\r\n    .video-player {\r\n        \r\n        .myVideo {\r\n            border-radius: 0px !important;\r\n            object-fit: cover;\r\n        }\r\n        .play-icon-center {\r\n            top: 40%;\r\n        }\r\n        .video_title {\r\n            height: 71px;\r\n            width: 100%;\r\n            color: $cWhite;\r\n            font-family: Champion;\r\n            font-size: 52px;\r\n            line-height: 71px;\r\n            text-align: center;\r\n            position: absolute;\r\n            top: 50%;\r\n        }\r\n    }\r\n}\r\n\r\n\r\n\r\n.sectionInternational .page-header {\r\n    font-size: 40px;\r\n}\r\n\r\n.sectionInternational .lbl-heading-darkblue h1 {\r\n    text-align: left;\r\n}\r\n\r\n.sectionInternational p.description {\r\n   line-height: 32px;\r\n    font-size: 20px;\r\n    color: $cBlue;\t\r\n    font-family: Montserrat;\t\r\n}\r\n\r\n.sectionInternational .find-my-next-job {\r\n    margin: 48px 0px 50px 0px;\r\n    padding: 19px 49px;\r\n    font-size: 18px;\r\n    border-radius: 46px;\r\n}\r\n\r\n.sectionInternational .ourHeadingLightBlue h1 {\r\n    color: $cLightBlue;\r\n}\r\n\r\n.sectionInternational .bubble {\r\n    border: 0px;\r\n}\r\n\r\n.sectionInternational .col_brandlogo_sectiont .IconsContainer {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n}\r\n\r\n.sectionInternational .col_brandlogo_sectiont {\r\n    position: relative;\r\n    height: 500px;\r\n}\r\n\r\n/* Mobile View */\r\n\r\n@media only screen and (max-width: 767px) {\r\n    #root .sectionInternational .page-header {\r\n        font-size: 32px;\r\n    }\r\n    .sectionInternational p.description {\r\n        \r\n        font-size: 16px;\r\n    }\r\n    .sectionInternational .find-my-next-job {\r\n        margin: 35px 0px 50px 0px;\r\n        width: auto;\r\n    }\r\n}\r\n@media only screen and (min-width: 1800px) {\r\n    .sectionInternational .footer-region  {\r\n        margin-top: 100px;\r\n    }\r\n\r\n}\r\n\r\n// Background Animation\r\n.sectionInternational {\r\n    position: relative;\r\n    overflow: hidden;\r\n\r\n    // Image bgImageFive- Blue small one -RectangleCopy13\r\n    .scrollSection1Image1 {\r\n        transform: translate(0px, 1067px) rotate(0deg);\r\n        position: absolute;\r\n        z-index: 0;\r\n\r\n        .scrollSection1Image1_img {\r\n            width: auto;\r\n            height: auto;\r\n        }\r\n    }\r\n\r\n    .scrollSection1Image2 {\r\n        transform: translate(450px, 1067px) rotate(0deg);\r\n        position: absolute;\r\n        z-index: 0;\r\n\r\n        .scrollSection1Image2_img {\r\n            width: auto;\r\n            height: auto;\r\n        }\r\n    }\r\n\r\n    .scrollSection1Image3 {\r\n        transform: translate(0px, 2214px) rotate(0deg);\r\n        position: absolute;\r\n        z-index: 0;\r\n\r\n        .scrollSection1Image3_img {\r\n            width: auto;\r\n            height: auto;\r\n        }\r\n    }\r\n\r\n    .scrollSection1Image4 {\r\n        transform: translate(600px, 2265px) rotate(0deg);\r\n        position: absolute;\r\n        z-index: 0;\r\n\r\n        .scrollSection1Image4_img {\r\n            width: auto;\r\n            height: auto;\r\n        }\r\n    }\r\n    .scrollSection1Image5 {\r\n        transform: translate(1181px, 1990px) rotate(0deg);\r\n        position: absolute;\r\n        z-index: 0;\r\n\r\n        .scrollSection1Image5_img {\r\n            width: auto;\r\n            height: auto;\r\n        }\r\n    }\r\n}\r\n\r\n\r\n// Mobile Background Images \r\n@media only screen and (max-width: 767px) {\r\n\r\n    // Background Animation\r\n    .sectionInternational {\r\n        position: relative;\r\n        overflow: hidden;\r\n\r\n        // Image bgImageFive- Blue small one -RectangleCopy13\r\n        .scrollSection1Image1 {\r\n            transform: translate(0px, 1067px) rotate(0deg);\r\n            position: absolute;\r\n            z-index: 0;\r\n\r\n            .scrollSection1Image1_img {\r\n                width: 65%;\r\n                height: auto;\r\n            }\r\n        }\r\n\r\n        .scrollSection1Image2 {\r\n            transform: translate(450px, 1067px) rotate(0deg);\r\n            position: absolute;\r\n            z-index: 0;\r\n\r\n            .scrollSection1Image2_img {\r\n                width: auto;\r\n                height: auto;\r\n            }\r\n        }\r\n\r\n        .scrollSection1Image3 {\r\n            transform: translate(0px, 2214px) rotate(0deg);\r\n            position: absolute;\r\n            z-index: 0;\r\n\r\n            .scrollSection1Image3_img {\r\n                width: 60%;\r\n                height: auto;\r\n            }\r\n        }\r\n\r\n        .scrollSection1Image4 {\r\n            transform: translate(600px, 2265px) rotate(0deg);\r\n            position: absolute;\r\n            z-index: 0;\r\n\r\n            .scrollSection1Image4_img {\r\n                width: auto;\r\n                height: auto;\r\n            }\r\n        }\r\n\r\n        .scrollSection1Image5 {\r\n            transform: translate(1181px, 1990px) rotate(0deg);\r\n            position: absolute;\r\n            z-index: 0;\r\n\r\n            .scrollSection1Image5_img {\r\n                width: auto;\r\n                height: auto;\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n// iPad\r\n@media only screen and (min-width: 768px) and (max-width: 991px) {\r\n\r\n    // Background Animation\r\n    .sectionInternational {\r\n        position: relative;\r\n        overflow: hidden;\r\n\r\n        // Image bgImageFive- Blue small one -RectangleCopy13\r\n        .scrollSection1Image1 {\r\n            transform: translate(0px, 1067px) rotate(0deg);\r\n            position: absolute;\r\n            z-index: 0;\r\n\r\n            .scrollSection1Image1_img {\r\n                width: 80%;\r\n                height: auto;\r\n            }\r\n        }\r\n\r\n        .scrollSection1Image2 {\r\n            transform: translate(450px, 1067px) rotate(0deg);\r\n            position: absolute;\r\n            z-index: 0;\r\n\r\n            .scrollSection1Image2_img {\r\n                width: 80%;\r\n                height: auto;\r\n            }\r\n        }\r\n\r\n        .scrollSection1Image3 {\r\n            transform: translate(0px, 2214px) rotate(0deg);\r\n            position: absolute;\r\n            z-index: 0;\r\n\r\n            .scrollSection1Image3_img {\r\n                width: 80%;\r\n                height: auto;\r\n            }\r\n        }\r\n\r\n        .scrollSection1Image4 {\r\n            transform: translate(600px, 2265px) rotate(0deg);\r\n            position: absolute;\r\n            z-index: 0;\r\n\r\n            .scrollSection1Image4_img {\r\n                width: 80%;\r\n                height: auto;\r\n            }\r\n        }\r\n\r\n        .scrollSection1Image5 {\r\n            transform: translate(1181px, 1990px) rotate(0deg);\r\n            position: absolute;\r\n            z-index: 0;\r\n\r\n            .scrollSection1Image5_img {\r\n                width: auto;\r\n                height: auto;\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n// // Only for Landscape tablet\r\n// @media only screen and (min-width: 481px) and (max-width: 1024px) and (orientation:landscape) {\r\n\r\n//     /* For landscape layouts only */\r\n//     .sectionInvestView {\r\n\r\n//         .scrollSection1Image1,\r\n//         .scrollSection1Image2 {\r\n//             img {\r\n//                 display: none;\r\n//             }\r\n//         }\r\n//     }\r\n// }\r\n","$cWhite : #ffffff;\r\n$cBlack : #000000;\r\n$cLightBlue : #43C5E4;\r\n$cBlue : #004359;\r\n$cMaroon : #88161E;\r\n$cOrange : #F04B24;\r\n$cCrimson: #CA1F35;\r\n$cYellow: #F89520;\r\n\r\n// Button Bg color\r\n\r\n$buttonBgColor: #E82C2A;\r\n$transparentButtonColor: #E82C2A;\r\n\r\n\r\n// Media Query Mixins \r\n$mobile-minBreakPoint: 320px;\r\n$mobile-breakPoint: 767px;\r\n@mixin mobile {\r\n  @media only screen and (min-width: $mobile-minBreakPoint) and (max-width: $mobile-breakPoint) {\r\n    @content;\r\n  }\r\n}\r\n\r\n//Font Size For Header\r\n$fSecondHeader : 40px;\r\n$fSecondHeaderMobile: 32px;\r\n\r\n// $fFirstHeader : 50px;\r\n// $fFirstHeaderMobile: 50px;\r\n// $fFirstPara : 40px;\r\n// $fFirstParaMobile: 40px;\r\n// $fSecondPara : 24px;\r\n// $fSecondParaMobile: 30px;\r\n\r\n\r\n/* Changes done in the branding and reverted code\r\n$cWhite : #ffffff;\r\n$cBlack : #000000;\r\n$cLightBlue : #43C5E4;\r\n$cBlue : #007EC5;  // old Value #004359;\r\n$cMaroon : #C3271B;// old Value  #88161E;\r\n$cOrange : #EA5329;// old Value #F04B24;\r\n$cCrimson: #E82C2A;// old Value #CA1F35;\r\n$cYellow: #F89520;\r\n*/\r\n","@import '../../assets/sass/global.scss';\r\n.IconsContainer, .IconsContainer2 {\r\n    width: 100%;\r\n    height: 345px;\r\n    position: relative;\r\n    padding-top:30px;\r\n    background-color: transparent;\r\n}\r\n\r\n.brddiv, .brddiv2 {\r\n    width: 100%;\r\n    position: relative;\r\n    overflow: hidden;\r\n}\r\n\r\n.Icon, .Icon2 {\r\n    width: 152px;\r\n    height: 152px;\r\n    margin: -75px 0 0 -75px;\r\n    border-radius: 50%;\r\n    -webkit-box-shadow: 0 15px 35px rgba(0, 0, 0, .1), 0 3px 10px rgba(0, 0, 0, .07);\r\n    box-shadow: 0 15px 35px rgba(0, 0, 0, .1), 0 3px 10px rgba(0, 0, 0, .07)\r\n}\r\n\r\n.Icon, .Icon span, .Icon2, .Icon2 span {\r\n    position: absolute;\r\n    will-change: transform, opacity\r\n}\r\n\r\n.Icon span, .Icon2 span {\r\n    left: 50%;\r\n    bottom: -40px;\r\n    padding: 5px 12px;\r\n    background: #fff;\r\n    -webkit-box-shadow: 0 15px 35px rgba(50, 50, 93, .1), 0 5px 15px rgba(0, 0, 0, .07);\r\n    box-shadow: 0 15px 35px rgba(50, 50, 93, .1), 0 5px 15px rgba(0, 0, 0, .07);\r\n    border-radius: 50px;\r\n    white-space: nowrap;\r\n    font-size: 16px;\r\n    font-weight: 500;\r\n    color: #566b78;\r\n    pointer-events: none;\r\n    -webkit-user-select: none;\r\n    -moz-user-select: none;\r\n    -ms-user-select: none;\r\n    user-select: none;\r\n    -webkit-transform: translate(-50%, -10px);\r\n    transform: translate(-70%, -10px);\r\n    opacity: 0;\r\n    -webkit-transition-property: opacity, -webkit-transform;\r\n    transition-property: opacity, -webkit-transform;\r\n    transition-property: opacity, transform;\r\n    transition-property: opacity, transform, -webkit-transform;\r\n    -webkit-transition-duration: .25s;\r\n    transition-duration: .25s;\r\n    -webkit-transition-timing-function: ease-out;\r\n    transition-timing-function: ease-out\r\n}\r\n\r\n.Icon:hover, .Icon2:hover {\r\n    z-index: 9999\r\n}\r\n\r\n.Icon:hover span, .Icon2:hover span {\r\n    opacity: .9;\r\n    -webkit-transform: translate(-50%);\r\n    transform: translate(-50%)\r\n}\r\n\r\n.Icon, .Icon2 {\r\n    /*background-size: 1076px 1076px;*/\r\n    /*background-image: url(../logoanimationsample/header-logos.png)*/\r\n\tbackground-size: cover;\r\n    background-repeat: no-repeat;\r\n}\r\n\r\n@media (-webkit-min-device-pixel-ratio:1.3),\r\n(-webkit-min-device-pixel-ratio:1.25),\r\n(min-resolution:120dpi) {\r\n    .Icon {\r\n        /*background-image: url(../logoanimationsample/header-logos.png)*/\r\n    }\r\n}\r\n\r\n.Icon-imgAngies {\r\n    background-image: url(./BrandLogos/Clients/Angies.png);\r\n    width: 152px;\r\n    height: 152px;\r\n}\r\n\r\n.Icon-imgBanquet {\r\n    background-image: url(./BrandLogos/Clients/Banquet.png);\r\n    width: 152px;\r\n    height: 152px;\r\n}\r\n\r\n.Icon-imgBigs {\r\n    background-image: url(./BrandLogos/Clients/Bigs.png);\r\n    width: 152px;\r\n    height: 152px;\r\n}\r\n\r\n\r\n.Icon-imgVlasic {\r\n    background-image: url(./BrandLogos/Clients/Vlasic.png);\r\n    width: 152px;\r\n    height: 152px;\r\n}\r\n\r\n.Icon-imgBirdEye {\r\n    background-image: url(./BrandLogos/Clients/BirdEye.png);\r\n    width: 152px;\r\n    height: 152px;\r\n}\r\n\r\n.Icon-imgChefB {\r\n    background-image: url(./BrandLogos/Clients/ChefB.png);\r\n    width: 152px;\r\n    height: 152px;\r\n}\r\n\r\n.Icon-imgDuke {\r\n    background-image: url(./BrandLogos/Clients/Duke.png);\r\n    width: 152px;\r\n    height: 152px;\r\n}\r\n\r\n.Icon-imgDuncan {\r\n    background-image: url(./BrandLogos/Clients/Duncan.png);\r\n    width: 152px;\r\n    height: 152px;\r\n}\r\n\r\n.Icon-imgGardein {\r\n    background-image: url(./BrandLogos/Clients/Gardein.png);\r\n    width: 152px;\r\n    height: 152px;\r\n}\r\n\r\n.Icon-imgHealthy {\r\n    background-image: url(./BrandLogos/Clients/Healthy.png);\r\n    width: 152px;\r\n    height: 152px;\r\n}\r\n\r\n.Icon-imgHunts {\r\n    background-image: url(./BrandLogos/Clients/Hunts.png);\r\n    width: 152px;\r\n    height: 152px;\r\n}\r\n\r\n.Icon-imgMarie {\r\n    background-image: url(./BrandLogos/Clients/Marie.png);\r\n    width: 152px;\r\n    height: 152px;\r\n}\r\n\r\n.Icon-imgOrville {\r\n    background-image: url(./BrandLogos/Clients/Orville.png);\r\n    width: 152px;\r\n    height: 152px;\r\n}\r\n\r\n.Icon-imgPF {\r\n    background-image: url(./BrandLogos/Clients/PF.png);\r\n    width: 152px;\r\n    height: 152px;\r\n}\r\n\r\n.Icon-imgReddi {\r\n    background-image: url(./BrandLogos/Clients/Reddi.png);\r\n    width: 152px;\r\n    height: 152px;\r\n}\r\n\r\n/* Canada logos */\r\n\r\n.Icon-img-Canada-Aci {\r\n    background-image: url(./BrandLogos/Canada/ACi.png);\r\n    width: 152px;\r\n    height: 152px;\r\n}\r\n\r\n.Icon-img-Canada-Aylmer {\r\n    background-image: url(./BrandLogos/Canada/Aylmer.png);\r\n    width: 152px;\r\n    height: 152px;\r\n}\r\n\r\n.Icon-img-Canada-ChefB {\r\n    background-image: url(./BrandLogos/Canada/ChefB.png);\r\n    width: 152px;\r\n    height: 152px;\r\n}\r\n\r\n.Icon-img-Canada-Healthy {\r\n    background-image: url(./BrandLogos/Canada/Healthy.png);\r\n    width: 152px;\r\n    height: 152px;\r\n}\r\n\r\n.Icon-img-Canada-Hunt {\r\n    background-image: url(./BrandLogos/Canada/Hunt.png);\r\n    width: 152px;\r\n    height: 152px;\r\n}\r\n\r\n.Icon-img-Canada-Marie {\r\n    background-image: url(./BrandLogos/Canada/Marie.png);\r\n    width: 152px;\r\n    height: 152px;\r\n}\r\n\r\n.Icon-img-Canada-Orville {\r\n    background-image: url(./BrandLogos/Canada/Orville.png);\r\n    width: 152px;\r\n    height: 152px;\r\n}\r\n\r\n.Icon-img-Canada-Pam {\r\n    background-image: url(./BrandLogos/Canada/Pam.png);\r\n    width: 152px;\r\n    height: 152px;\r\n}\r\n\r\n.Icon-img-Canada-Pogo {\r\n    background-image: url(./BrandLogos/Canada/Pogo.png);\r\n    width: 152px;\r\n    height: 152px;\r\n}\r\n\r\n.Icon-img-Canada-Snack {\r\n    background-image: url(./BrandLogos/Canada/Snack.png);\r\n    width: 152px;\r\n    height: 152px;\r\n}\r\n\r\n.Icon-img-Canada-Vh {\r\n    background-image: url(./BrandLogos/Canada/Vh.png);\r\n    width: 152px;\r\n    height: 152px;\r\n}\r\n\r\n.Icon-img-Canada-Vh1 {\r\n    background-image: url(./BrandLogos/Canada/Vh1.png);\r\n    width: 152px;\r\n    height: 152px;\r\n}\r\n\r\n/* Mexico logos */\r\n\r\n.Icon-img-Mexico-ACI {\r\n    background-image: url(./BrandLogos/Mexico/ACI.png);\r\n    width: 152px;\r\n    height: 152px;\r\n}\r\n\r\n.Icon-img-Mexico-Hunt {\r\n    background-image: url(./BrandLogos/Mexico/Hunt.png);\r\n    width: 152px;\r\n    height: 152px;\r\n}\r\n\r\n.Icon-img-Mexico-LaChoy {\r\n    background-image: url(./BrandLogos/Mexico/LaChoy.png);\r\n    width: 152px;\r\n    height: 152px;\r\n}\r\n\r\n.Icon-img-Mexico-Pam {\r\n    background-image: url(./BrandLogos/Mexico/Pam.png);\r\n    width: 152px;\r\n    height: 152px;\r\n}\r\n\r\n.Icon-img-Mexico-PF {\r\n    background-image: url(./BrandLogos/Mexico/PF.png);\r\n    width: 152px;\r\n    height: 152px;\r\n}\r\n\r\n.Icon-img-Mexico-Ranch {\r\n    background-image: url(./BrandLogos/Mexico/Ranch.png);\r\n    width: 152px;\r\n    height: 152px;\r\n}\r\n\r\n.Icon-img-Mexico-Reddi {\r\n    background-image: url(./BrandLogos/Mexico/Reddi.png);\r\n    width: 152px;\r\n    height: 152px;\r\n}\r\n"]}