{"version":3,"sources":["C:/Users/ZDM3025/Desktop/Careers/Latest_source_code/source/src/components/IntroVideoComponent/C:/Users/ZDM3025/Desktop/Careers/Latest_source_code/source/src/components/IntroVideoComponent/C:/Users/ZDM3025/Desktop/Careers/Latest_source_code/source/src/components/IntroVideoComponent/VideoOverlayComponent.scss","C:/Users/ZDM3025/Desktop/Careers/Latest_source_code/source/src/assets/sass/C:/Users/ZDM3025/Desktop/Careers/Latest_source_code/source/src/assets/sass/C:/Users/ZDM3025/Desktop/Careers/Latest_source_code/source/src/assets/sass/view_international.scss","C:/Users/ZDM3025/Desktop/Careers/Latest_source_code/source/src/assets/sass/C:/Users/ZDM3025/Desktop/Careers/Latest_source_code/source/src/assets/sass/C:/Users/ZDM3025/Desktop/Careers/Latest_source_code/source/src/assets/sass/variable.scss","C:/Users/ZDM3025/Desktop/Careers/Latest_source_code/source/src/components/newBrandLogoComponent/C:/Users/ZDM3025/Desktop/Careers/Latest_source_code/source/src/components/newBrandLogoComponent/C:/Users/ZDM3025/Desktop/Careers/Latest_source_code/source/src/components/newBrandLogoComponent/logoanimationnew.scss"],"names":[],"mappings":"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","file":"30.1680456f.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"]}