{"version":3,"sources":["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/CityAnimationComponent.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/CityComponentStyle.scss","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_reno.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/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/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","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/placeView.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/placeView.scss","C:/Users/ZDM3025/Desktop/Careers/Latest_source_code/Source/src/assets/sass/placeView.scss","29.e38bb9ee.chunk.css"],"names":[],"mappings":"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DHr5BI,CAlCN,+CAAa,CC4BX,iBAAA,CCIA,SAAA,CC25BA,8DDz5BE,UAAA,CC25BA,WAAc,CAEpB,yCACE,cHx4BE,SAAA,CCjBF,8FDuBI,CEnBJ,2BAAA,CFuBI,SAAA,CGo4BJ,WF15BA,cAAA,CDsBI,eAAA,CElBJ,yBDDE,aAAA,CE45BF,cDx5BE,iBAAA,CC05BA,eH34BE,CG44BF,oCF35BE,uDAAA,CCIA,+CFwBE,CEvBF,iBAAA,CC05BA,UF55BF,CE65BE,8DDx5BF,UAAA,CFOE,WAAA,CGo5BF,oCF55BE,gDAAA,CCKA,wCFyBE,CExBF,iBAAA,CC05BA,SF75BF,CE85BE,8DDx5BF,SAAA,CFDE,WAAA,CG45BF,oCF75BE,qDAAA,CCMA,6CFLA,CEMA,iBAAA,CC05BA,SF95BF,CE+5BE,8DDx5BF,UAAA,CFTE,WAAA,CGo6BF,oCF95BE,uDAAA,CCOA,+CDNa,CCOb,iBAAA,CC05BA,SDz5BE,CC05BF,8DACE,SAAU,CDx5BlB,WAAA,CAAA,CC25BA,+DACE,cH92BM,SAAA,CAGF,8FC/CJ,CDiDM,2BAAU,CC/ChB,SAAA,CCMA,WDJE,cAAA,CCMF,eAAA,CCy5BA,yBDv5BE,aAAA,CCy5BF,cACE,iBF95BE,CE+5BF,eHx3BE,CGy3BF,oCDv5BE,uDF6CM,CClDR,+CAAA,CE+5BE,iBH53BA,CG63BA,UDx5BE,CACJ,8DDNE,UAAA,CEg6BE,WHh4BF,CGi4BF,oCDv5BE,gDF8CM,CCpDR,wCAAA,CEg6BE,iBHp4BA,CGq4BA,SDx5BE,CACJ,8DDPE,UAAA,CEi6BE,WHx4BF,CGy4BF,oCDv5BE,qDF+CM,CCtDR,6CAAA,CEi6BE,iBH54BA,CG64BA,SDx5BE,CACJ,8DDRE,UAAA,CEk6BE,WFj6BF,CEk6BF,oCDv5BE,uDDTE,CCUF,+CAAA,CCy5BA,iBDx5Bc,CCy5Bd,SDx5BE,CCy5BF,8DACE,UAAW,CACX,WAAc,CAAE","file":"29.e38bb9ee.chunk.css","sourcesContent":["@import 'global.scss';\r\n.gridLocation.container {\r\n\tpadding-left: 0;\r\n\tpadding-right: 0;\r\n}\r\n\r\n.gridLocation.container .col-lg-6:nth-child(1),\r\n.gridLocation.container .col-lg-6:nth-child(3) {\r\n\tpadding-left: 5px;\r\n\tpadding-right: 12px;\r\n}\r\n\r\n.gridLocation.container .col-lg-6:nth-child(2),\r\n.gridLocation.container .col-lg-6:nth-child(4) {\r\n\tpadding-right: 5px;\r\n\tpadding-left: 12px;\r\n}\r\n\r\n.grid-city {\r\n\tposition: relative;\r\n\tmargin: 0 auto;\r\n\tlist-style: none;\r\n\ttext-align: center;\r\n\tpadding: 10px;\r\n}\r\n\r\n/* Common style */\r\n.grid-city figure {\r\n\tposition: relative;\r\n\tfloat: left;\r\n\toverflow: hidden;\r\n\tmargin: auto;\r\n\twidth: 100%;\r\n\t/* background: #3085a3; */\r\n\ttext-align: center;\r\n\tcursor: pointer;\r\n\tborder-radius: 10px;\r\n}\r\n\r\n.grid-city figure img {\r\n\tposition: relative;\r\n\tdisplay: block;\r\n\tmin-height: 100%;\r\n\tmax-width: 100%;\r\n\topacity: 1;\r\n}\r\n\r\n.grid-city figure figcaption {\r\n\tpadding: 2em;\r\n\tcolor: #fff;\r\n\tfont-size: 1.25em;\r\n\t-webkit-backface-visibility: hidden;\r\n\tbackface-visibility: hidden;\r\n}\r\n\r\n.grid-city figure figcaption::before,\r\n.grid-city figure figcaption::after {\r\n\tpointer-events: none;\r\n}\r\n\r\n.grid-city figure figcaption,\r\n.grid-city figure figcaption > a {\r\n\tposition: absolute;\r\n\ttop: 0;\r\n\tleft: 0;\r\n\twidth: 100%;\r\n\theight: 100%;\r\n}\r\n\r\n/* Anchor will cover the whole item by default */\r\n/* For some effects it will show as a button */\r\n.grid-city figure figcaption > a {\r\n\tz-index: 1000;\r\n\ttext-indent: 200%;\r\n\twhite-space: nowrap;\r\n\tfont-size: 0;\r\n\topacity: 0;\r\n}\r\n\r\n.grid-city figure h2 {\r\n\t/*word-spacing: -0.15em;*/\r\n\tfont-weight: 300;\r\n}\r\n\r\n/*.grid figure h2 span {\r\n\tfont-weight: 800;\r\n}*/\r\n\r\n.grid-city figure h2,\r\n.grid-city figure p {\r\n\tmargin: 0;\r\n}\r\n\r\n.grid-city figure p {\r\n\tletter-spacing: 1px;\r\n\tfont-size: 68.5%;\r\n}\r\n\r\n/*---------------*/\r\n/***** Sadie *****/\r\n/*---------------*/\r\n\r\nfigure.effect-city figcaption::before {\r\n\tposition: absolute;\r\n\ttop: 0;\r\n\tleft: 0;\r\n\twidth: 100%;\r\n\theight: 100%;\r\n\tbackground: -webkit-linear-gradient(top, rgba(72,76,97,0) 0%, rgba(72,76,97,0.8) 75%);\r\n\tbackground: linear-gradient(to bottom, rgba(72,76,97,0) 0%, rgba(72,76,97,0.8) 75%);\r\n\tcontent: '';\r\n\topacity: 0;\r\n\t-webkit-transform: translate3d(0,50%,0);\r\n\ttransform: translate3d(0,50%,0);\r\n}\r\n\r\nfigure.effect-city h2 {\r\n\tposition: absolute;\r\n\ttop: 50%;\r\n\tleft: 0;\r\n\twidth: 100%;\r\n\t-webkit-transition: -webkit-transform 0.35s, color 0.35s;\r\n\ttransition: transform 0.35s, color 0.35s;\r\n\t-webkit-transform: translate3d(0,-50%,0);\r\n\ttransform: translate3d(0,-50%,0);\r\n\tcolor: #FFFFFF;\t\r\n\tfont-family: Champion;\t\r\n\tfont-size: 90px;\t\r\n\tline-height: 123px;\t\r\n\ttext-align: center;\t\r\n\ttext-shadow: 0 2px 4px rgba(0,0,0,0.2);\r\n\tfont-weight: bolder;\r\n}\r\n\r\nfigure.effect-city figcaption::before,\r\nfigure.effect-city p {\r\n\t-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;\r\n\ttransition: opacity 0.35s, transform 0.35s;\r\n}\r\n\r\nfigure.effect-city p {\r\n\tposition: absolute;\r\n\t/*bottom: 0;\r\n\tleft: 0;\r\n\ttop: 40%;*/\r\n\tpadding: 2em;\r\n\twidth: 100%;\r\n\topacity: 0;\r\n\t-webkit-transform: translate3d(0,10px,0);\r\n\ttransform: translate3d(0,10px,0);\r\n}\r\n\r\nfigure.effect-city p.contentDiv {\r\n\tleft: 0;\r\n\ttop: 45%;\r\n}\r\n\r\nfigure.effect-city p.buttonDiv {\r\n\tleft: 0;\r\n\ttop: 55%;\r\n}\r\n\r\nfigure.effect-city:hover h2 {\r\n\tcolor: #fff;\r\n\t-webkit-transform: translate3d(0,-50%,0) translate3d(0,-40px,0);\r\n\ttransform: translate3d(0,-50%,0) translate3d(0,-40px,0);\r\n}\r\n\r\nfigure.effect-city:hover figcaption::before ,\r\nfigure.effect-city:hover p {\r\n\topacity: 1;\r\n\t-webkit-transform: translate3d(0,0,0);\r\n\ttransform: translate3d(0,0,0);\r\n}\r\n\r\n@media screen and (max-width: 50em) {\r\n\t.content-city {\r\n\t\tpadding: 0 10px;\r\n\t\ttext-align: center;\r\n\t}\r\n\t.grid-city figure {\r\n\t\tdisplay: inline-block;\r\n\t\tfloat: none;\r\n\t\tmargin: 10px auto;\r\n\t\twidth: 100%;\r\n\t}\r\n}\r\n\r\nfigure.effect-city .contentDiv {\r\n\tfont-size: 20px;\r\n\tfont-weight: bold;\r\n}\r\n\r\n@media only screen and (max-width: 767px){\r\nfigure.effect-city h2 {\r\n    line-height: 60px;\r\n    font-size: 48px;\r\n}\r\n}","@import 'global.scss';\r\na.button-city-learn-more {\r\n\toutline: none;\r\n\tcolor: #fff;\r\n\ttext-decoration: none;\r\n}\r\n\r\na.button-city-learn-more:hover, a.button-city-learn-more:focus {\r\n\tcolor: #fff;\r\n}\r\n\r\n.content-city {\r\n\tmargin: 0 auto;\r\n\tmax-width: 1000px;\r\n}\r\n\r\n.content-city > h2 {\r\n\tclear: both;\r\n\tmargin: 0;\r\n\tpadding: 4em 1% 0;\r\n\tcolor: #484B54;\r\n\tfont-weight: 800;\r\n\tfont-size: 1.5em;\r\n}\r\n\r\n.content-city > h2:first-child {\r\n\tpadding-top: 0em;\r\n}\r\n\r\n.button-city-learn-more {\r\n  border: 2px solid #fff;\r\n  color: white;\r\n  padding: 5px 56px;\r\n  text-align: center;\r\n  text-decoration: none;\r\n  display: inline-block;\r\n  font-size: 18px;\r\n  margin: 4px 2px;\r\n  cursor: pointer;\r\n  -moz-border-radius: 50px;\r\n  -webkit-border-radius: 50px;\r\n  border-radius: 50px;\r\n  text-transform: uppercase;\r\n  font-weight: 600;\r\n  letter-spacing: 1px;\r\n  font-family: Montserrat;\r\n  line-height: 41px;\r\n}\r\n\r\n.imageContainer {\r\n\theight: 500px;\r\n\twidth: auto;\r\n\tmargin: auto;\r\n}\r\n","/* 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.sectionReno {\r\n    .video-player {\r\n        margin-top: 65px;\r\n        .myVideo {\r\n            border-radius: 0px !important;\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    .row {\r\n        .col-lg-12.col-xs-12 {\r\n            padding-left: 0px;\r\n            padding-right: 0px;\r\n\r\n        }\r\n    }\r\n    // Button style\r\n    .find-my-next-job.btn {\r\n        padding: 20px 51px;\r\n        font-size: 24px;\r\n        margin-bottom: 39px;\r\n        letter-spacing: 0.15px;\r\n        line-height: 32px;\r\n        margin: auto;\r\n        display: block;\r\n        margin-top: 40px;\r\n\r\n    }\r\n    .explore-plant-locations {\r\n      color: $cLightBlue;\r\n      font-family: Champion;\r\n      font-size: 40px;\r\n      letter-spacing: 0.22px;\r\n      text-align: center;\r\n      padding-top: 80px;\r\n      padding-bottom: 48px;\r\n    }\r\n    // Footer\r\n    .footer-region {\r\n        margin-top:  190px;;\r\n    }\r\n    @include mobile() {\r\n        .video-player .video_title {\r\n            transform: translate(-50%, -50%);\r\n            left: 50%;\r\n            top: 53%;\r\n        }\r\n        .find-my-next-job {\r\n            width: 90%;\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","/* 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","@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","@import 'global.scss';\r\n.sectionPlace {\r\n\tpadding:0px;\r\n\tbackground-position:\t\t\r\n    top 1124px right 96px, \r\n    top 610px left 0px,   \r\n    top 68px right 0px,\r\n    top 1154px right 0px;\r\n\r\n    background-repeat: no-repeat;    \r\n    z-index: 0;\r\n}\r\n\r\n\r\n.placeView {\r\n    padding-left: 0;\r\n    padding-right: 0;   \r\n   \r\n  }\r\n\r\n  .placeView .change-color{\r\n    color:$cLightBlue;\r\n  }\r\n  // Background Animation\r\n  .sectionPlace{\r\n    position: relative;\r\n    overflow: hidden;\r\n    //// Image bgImageFive- Blue small one -RectangleCopy13\r\n    .scrollSection1Image1 {\r\n        transform: translate(1020px, 1048px) rotate(0deg);\r\n        position: absolute;\r\n        z-index: 40;\r\n        .scrollSection1Image1_img {  \r\n            width: auto;\r\n            height: auto;\r\n        }\r\n    }\r\n    .scrollSection1Image2 {\r\n        transform: translate(0px, 480px) rotate(0deg);\r\n        position: absolute;\r\n        z-index: 0;\r\n        .scrollSection1Image2_img {  \r\n            width: auto;\r\n            height: auto;\r\n        }\r\n    }\r\n    .scrollSection1Image3 {\r\n        transform: translate(990px, -77px) rotate(0deg);\r\n        position: absolute;\r\n        z-index: 0;\r\n        .scrollSection1Image3_img {  \r\n            width: auto;\r\n            height: auto;\r\n        }\r\n    }\r\n    .scrollSection1Image4 {\r\n        transform: translate(1094px, 1078px) rotate(0deg);\r\n        position: absolute;\r\n        z-index: 0;\r\n        .scrollSection1Image4_img {  \r\n            width: auto;\r\n            height: auto;\r\n        }\r\n    }\r\n}\r\n// Mobile Background Images \r\n@media only screen and (max-width: 767px) { \r\n    .sectionPlace {\r\n        padding:0px;\r\n        background-position:\t\t\r\n        top 1124px right 96px, \r\n        top 610px left 0px,   \r\n        top 68px right 0px,\r\n        top 1154px right 0px;\r\n    \r\n        background-repeat: no-repeat;    \r\n        z-index: 0;\r\n    }\r\n    \r\n    \r\n    .placeView {\r\n        padding-left: 0;\r\n        padding-right: 0;   \r\n       \r\n      }\r\n    \r\n      .placeView .change-color{\r\n        color:$cLightBlue;\r\n      }\r\n      // Background Animation\r\n      .sectionPlace{\r\n        position: relative;\r\n        overflow: hidden;\r\n        //// Image bgImageFive- Blue small one -RectangleCopy13\r\n        .scrollSection1Image1 {\r\n            transform: translate(1020px, 1048px) rotate(0deg);\r\n            position: absolute;\r\n            z-index: 40;\r\n            .scrollSection1Image1_img {  \r\n                width: auto;\r\n                height: auto;\r\n            }\r\n        }\r\n        .scrollSection1Image2 {\r\n            transform: translate(0px, 480px) rotate(0deg);\r\n            position: absolute;\r\n            z-index: 0;\r\n            .scrollSection1Image2_img {  \r\n                width: 80%;\r\n                height: auto;\r\n            }\r\n        }\r\n        .scrollSection1Image3 {\r\n            transform: translate(990px, -77px) rotate(0deg);\r\n            position: absolute;\r\n            z-index: 0;\r\n            .scrollSection1Image3_img {  \r\n                width: auto;\r\n                height: auto;\r\n            }\r\n        }\r\n        .scrollSection1Image4 {\r\n            transform: translate(1094px, 1078px) rotate(0deg);\r\n            position: absolute;\r\n            z-index: 0;\r\n            .scrollSection1Image4_img {  \r\n                width: 75%;\r\n                height: auto;\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    .sectionPlace {\r\n        padding:0px;\r\n        background-position:\t\t\r\n        top 1124px right 96px, \r\n        top 610px left 0px,   \r\n        top 68px right 0px,\r\n        top 1154px right 0px;\r\n    \r\n        background-repeat: no-repeat;    \r\n        z-index: 0;\r\n    }\r\n    \r\n    \r\n    .placeView {\r\n        padding-left: 0;\r\n        padding-right: 0;   \r\n       \r\n      }\r\n    \r\n      .placeView .change-color{\r\n        color:$cLightBlue;\r\n      }\r\n      // Background Animation\r\n      .sectionPlace{\r\n        position: relative;\r\n        overflow: hidden;\r\n        //// Image bgImageFive- Blue small one -RectangleCopy13\r\n        .scrollSection1Image1 {\r\n            transform: translate(1020px, 1048px) rotate(0deg);\r\n            position: absolute;\r\n            z-index: 40;\r\n            .scrollSection1Image1_img {  \r\n                width: auto;\r\n                height: auto;\r\n            }\r\n        }\r\n        .scrollSection1Image2 {\r\n            transform: translate(0px, 480px) rotate(0deg);\r\n            position: absolute;\r\n            z-index: 0;\r\n            .scrollSection1Image2_img {  \r\n                width: auto;\r\n                height: auto;\r\n            }\r\n        }\r\n        .scrollSection1Image3 {\r\n            transform: translate(990px, -77px) rotate(0deg);\r\n            position: absolute;\r\n            z-index: 0;\r\n            .scrollSection1Image3_img {  \r\n                width: auto;\r\n                height: auto;\r\n            }\r\n        }\r\n        .scrollSection1Image4 {\r\n            transform: translate(1094px, 1078px) rotate(0deg);\r\n            position: absolute;\r\n            z-index: 0;\r\n            .scrollSection1Image4_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 remove the code \r\n// @media only screen and (min-width: 481px) and (max-width: 1024px) and (orientation:landscape) {\r\n//     /* For landscape layouts only */\r\n//     .sectionInvestView {\r\n//         .scrollSection1Image1, .scrollSection1Image2 {\r\n//             img {\r\n//                 display: none;\r\n//             }\r\n//         }\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*/\n.sectionPlace {\n  padding: 0px;\n  background-position: top 1124px right 96px, \r top 610px left 0px,   \r top 68px right 0px,\r top 1154px right 0px;\n  background-repeat: no-repeat;\n  z-index: 0; }\n\n.placeView {\n  padding-left: 0;\n  padding-right: 0; }\n\n.placeView .change-color {\n  color: #43C5E4; }\n\n.sectionPlace {\n  position: relative;\n  overflow: hidden; }\n  .sectionPlace .scrollSection1Image1 {\n    transform: translate(1020px, 1048px) rotate(0deg);\n    position: absolute;\n    z-index: 40; }\n    .sectionPlace .scrollSection1Image1 .scrollSection1Image1_img {\n      width: auto;\n      height: auto; }\n  .sectionPlace .scrollSection1Image2 {\n    transform: translate(0px, 480px) rotate(0deg);\n    position: absolute;\n    z-index: 0; }\n    .sectionPlace .scrollSection1Image2 .scrollSection1Image2_img {\n      width: auto;\n      height: auto; }\n  .sectionPlace .scrollSection1Image3 {\n    transform: translate(990px, -77px) rotate(0deg);\n    position: absolute;\n    z-index: 0; }\n    .sectionPlace .scrollSection1Image3 .scrollSection1Image3_img {\n      width: auto;\n      height: auto; }\n  .sectionPlace .scrollSection1Image4 {\n    transform: translate(1094px, 1078px) rotate(0deg);\n    position: absolute;\n    z-index: 0; }\n    .sectionPlace .scrollSection1Image4 .scrollSection1Image4_img {\n      width: auto;\n      height: auto; }\n\n@media only screen and (max-width: 767px) {\n  .sectionPlace {\n    padding: 0px;\n    background-position: top 1124px right 96px, \r top 610px left 0px,   \r top 68px right 0px,\r top 1154px right 0px;\n    background-repeat: no-repeat;\n    z-index: 0; }\n  .placeView {\n    padding-left: 0;\n    padding-right: 0; }\n  .placeView .change-color {\n    color: #43C5E4; }\n  .sectionPlace {\n    position: relative;\n    overflow: hidden; }\n    .sectionPlace .scrollSection1Image1 {\n      transform: translate(1020px, 1048px) rotate(0deg);\n      position: absolute;\n      z-index: 40; }\n      .sectionPlace .scrollSection1Image1 .scrollSection1Image1_img {\n        width: auto;\n        height: auto; }\n    .sectionPlace .scrollSection1Image2 {\n      transform: translate(0px, 480px) rotate(0deg);\n      position: absolute;\n      z-index: 0; }\n      .sectionPlace .scrollSection1Image2 .scrollSection1Image2_img {\n        width: 80%;\n        height: auto; }\n    .sectionPlace .scrollSection1Image3 {\n      transform: translate(990px, -77px) rotate(0deg);\n      position: absolute;\n      z-index: 0; }\n      .sectionPlace .scrollSection1Image3 .scrollSection1Image3_img {\n        width: auto;\n        height: auto; }\n    .sectionPlace .scrollSection1Image4 {\n      transform: translate(1094px, 1078px) rotate(0deg);\n      position: absolute;\n      z-index: 0; }\n      .sectionPlace .scrollSection1Image4 .scrollSection1Image4_img {\n        width: 75%;\n        height: auto; } }\n\n@media only screen and (min-width: 768px) and (max-width: 991px) {\n  .sectionPlace {\n    padding: 0px;\n    background-position: top 1124px right 96px, \r top 610px left 0px,   \r top 68px right 0px,\r top 1154px right 0px;\n    background-repeat: no-repeat;\n    z-index: 0; }\n  .placeView {\n    padding-left: 0;\n    padding-right: 0; }\n  .placeView .change-color {\n    color: #43C5E4; }\n  .sectionPlace {\n    position: relative;\n    overflow: hidden; }\n    .sectionPlace .scrollSection1Image1 {\n      transform: translate(1020px, 1048px) rotate(0deg);\n      position: absolute;\n      z-index: 40; }\n      .sectionPlace .scrollSection1Image1 .scrollSection1Image1_img {\n        width: auto;\n        height: auto; }\n    .sectionPlace .scrollSection1Image2 {\n      transform: translate(0px, 480px) rotate(0deg);\n      position: absolute;\n      z-index: 0; }\n      .sectionPlace .scrollSection1Image2 .scrollSection1Image2_img {\n        width: auto;\n        height: auto; }\n    .sectionPlace .scrollSection1Image3 {\n      transform: translate(990px, -77px) rotate(0deg);\n      position: absolute;\n      z-index: 0; }\n      .sectionPlace .scrollSection1Image3 .scrollSection1Image3_img {\n        width: auto;\n        height: auto; }\n    .sectionPlace .scrollSection1Image4 {\n      transform: translate(1094px, 1078px) rotate(0deg);\n      position: absolute;\n      z-index: 0; }\n      .sectionPlace .scrollSection1Image4 .scrollSection1Image4_img {\n        width: auto;\n        height: auto; } }\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*/\n.sectionPlace {\n  padding: 0px;\n  background-position: top 1124px right 96px, \r top 610px left 0px,   \r top 68px right 0px,\r top 1154px right 0px;\n  background-repeat: no-repeat;\n  z-index: 0; }\n\n.placeView {\n  padding-left: 0;\n  padding-right: 0; }\n\n.placeView .change-color {\n  color: #43C5E4; }\n\n.sectionPlace {\n  position: relative;\n  overflow: hidden; }\n  .sectionPlace .scrollSection1Image1 {\n    -webkit-transform: translate(1020px, 1048px) rotate(0deg);\n            transform: translate(1020px, 1048px) rotate(0deg);\n    position: absolute;\n    z-index: 40; }\n    .sectionPlace .scrollSection1Image1 .scrollSection1Image1_img {\n      width: auto;\n      height: auto; }\n  .sectionPlace .scrollSection1Image2 {\n    -webkit-transform: translate(0px, 480px) rotate(0deg);\n            transform: translate(0px, 480px) rotate(0deg);\n    position: absolute;\n    z-index: 0; }\n    .sectionPlace .scrollSection1Image2 .scrollSection1Image2_img {\n      width: auto;\n      height: auto; }\n  .sectionPlace .scrollSection1Image3 {\n    -webkit-transform: translate(990px, -77px) rotate(0deg);\n            transform: translate(990px, -77px) rotate(0deg);\n    position: absolute;\n    z-index: 0; }\n    .sectionPlace .scrollSection1Image3 .scrollSection1Image3_img {\n      width: auto;\n      height: auto; }\n  .sectionPlace .scrollSection1Image4 {\n    -webkit-transform: translate(1094px, 1078px) rotate(0deg);\n            transform: translate(1094px, 1078px) rotate(0deg);\n    position: absolute;\n    z-index: 0; }\n    .sectionPlace .scrollSection1Image4 .scrollSection1Image4_img {\n      width: auto;\n      height: auto; }\n\n@media only screen and (max-width: 767px) {\n  .sectionPlace {\n    padding: 0px;\n    background-position: top 1124px right 96px, \r top 610px left 0px,   \r top 68px right 0px,\r top 1154px right 0px;\n    background-repeat: no-repeat;\n    z-index: 0; }\n  .placeView {\n    padding-left: 0;\n    padding-right: 0; }\n  .placeView .change-color {\n    color: #43C5E4; }\n  .sectionPlace {\n    position: relative;\n    overflow: hidden; }\n    .sectionPlace .scrollSection1Image1 {\n      -webkit-transform: translate(1020px, 1048px) rotate(0deg);\n              transform: translate(1020px, 1048px) rotate(0deg);\n      position: absolute;\n      z-index: 40; }\n      .sectionPlace .scrollSection1Image1 .scrollSection1Image1_img {\n        width: auto;\n        height: auto; }\n    .sectionPlace .scrollSection1Image2 {\n      -webkit-transform: translate(0px, 480px) rotate(0deg);\n              transform: translate(0px, 480px) rotate(0deg);\n      position: absolute;\n      z-index: 0; }\n      .sectionPlace .scrollSection1Image2 .scrollSection1Image2_img {\n        width: 80%;\n        height: auto; }\n    .sectionPlace .scrollSection1Image3 {\n      -webkit-transform: translate(990px, -77px) rotate(0deg);\n              transform: translate(990px, -77px) rotate(0deg);\n      position: absolute;\n      z-index: 0; }\n      .sectionPlace .scrollSection1Image3 .scrollSection1Image3_img {\n        width: auto;\n        height: auto; }\n    .sectionPlace .scrollSection1Image4 {\n      -webkit-transform: translate(1094px, 1078px) rotate(0deg);\n              transform: translate(1094px, 1078px) rotate(0deg);\n      position: absolute;\n      z-index: 0; }\n      .sectionPlace .scrollSection1Image4 .scrollSection1Image4_img {\n        width: 75%;\n        height: auto; } }\n\n@media only screen and (min-width: 768px) and (max-width: 991px) {\n  .sectionPlace {\n    padding: 0px;\n    background-position: top 1124px right 96px, \r top 610px left 0px,   \r top 68px right 0px,\r top 1154px right 0px;\n    background-repeat: no-repeat;\n    z-index: 0; }\n  .placeView {\n    padding-left: 0;\n    padding-right: 0; }\n  .placeView .change-color {\n    color: #43C5E4; }\n  .sectionPlace {\n    position: relative;\n    overflow: hidden; }\n    .sectionPlace .scrollSection1Image1 {\n      -webkit-transform: translate(1020px, 1048px) rotate(0deg);\n              transform: translate(1020px, 1048px) rotate(0deg);\n      position: absolute;\n      z-index: 40; }\n      .sectionPlace .scrollSection1Image1 .scrollSection1Image1_img {\n        width: auto;\n        height: auto; }\n    .sectionPlace .scrollSection1Image2 {\n      -webkit-transform: translate(0px, 480px) rotate(0deg);\n              transform: translate(0px, 480px) rotate(0deg);\n      position: absolute;\n      z-index: 0; }\n      .sectionPlace .scrollSection1Image2 .scrollSection1Image2_img {\n        width: auto;\n        height: auto; }\n    .sectionPlace .scrollSection1Image3 {\n      -webkit-transform: translate(990px, -77px) rotate(0deg);\n              transform: translate(990px, -77px) rotate(0deg);\n      position: absolute;\n      z-index: 0; }\n      .sectionPlace .scrollSection1Image3 .scrollSection1Image3_img {\n        width: auto;\n        height: auto; }\n    .sectionPlace .scrollSection1Image4 {\n      -webkit-transform: translate(1094px, 1078px) rotate(0deg);\n              transform: translate(1094px, 1078px) rotate(0deg);\n      position: absolute;\n      z-index: 0; }\n      .sectionPlace .scrollSection1Image4 .scrollSection1Image4_img {\n        width: auto;\n        height: auto; } }\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*/\n.gridLocation.container {\n  padding-left: 0;\n  padding-right: 0; }\n\n.gridLocation.container .col-lg-6:nth-child(1),\n.gridLocation.container .col-lg-6:nth-child(3) {\n  padding-left: 5px;\n  padding-right: 12px; }\n\n.gridLocation.container .col-lg-6:nth-child(2),\n.gridLocation.container .col-lg-6:nth-child(4) {\n  padding-right: 5px;\n  padding-left: 12px; }\n\n.grid-city {\n  position: relative;\n  margin: 0 auto;\n  list-style: none;\n  text-align: center;\n  padding: 10px; }\n\n/* Common style */\n.grid-city figure {\n  position: relative;\n  float: left;\n  overflow: hidden;\n  margin: auto;\n  width: 100%;\n  /* background: #3085a3; */\n  text-align: center;\n  cursor: pointer;\n  border-radius: 10px; }\n\n.grid-city figure img {\n  position: relative;\n  display: block;\n  min-height: 100%;\n  max-width: 100%;\n  opacity: 1; }\n\n.grid-city figure figcaption {\n  padding: 2em;\n  color: #fff;\n  font-size: 1.25em;\n  -webkit-backface-visibility: hidden;\n  backface-visibility: hidden; }\n\n.grid-city figure figcaption::before,\n.grid-city figure figcaption::after {\n  pointer-events: none; }\n\n.grid-city figure figcaption,\n.grid-city figure figcaption > a {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%; }\n\n/* Anchor will cover the whole item by default */\n/* For some effects it will show as a button */\n.grid-city figure figcaption > a {\n  z-index: 1000;\n  text-indent: 200%;\n  white-space: nowrap;\n  font-size: 0;\n  opacity: 0; }\n\n.grid-city figure h2 {\n  /*word-spacing: -0.15em;*/\n  font-weight: 300; }\n\n/*.grid figure h2 span {\r\n\tfont-weight: 800;\r\n}*/\n.grid-city figure h2,\n.grid-city figure p {\n  margin: 0; }\n\n.grid-city figure p {\n  letter-spacing: 1px;\n  font-size: 68.5%; }\n\n/*---------------*/\n/***** Sadie *****/\n/*---------------*/\nfigure.effect-city figcaption::before {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  background: -webkit-linear-gradient(top, rgba(72, 76, 97, 0) 0%, rgba(72, 76, 97, 0.8) 75%);\n  background: linear-gradient(to bottom, rgba(72, 76, 97, 0) 0%, rgba(72, 76, 97, 0.8) 75%);\n  content: '';\n  opacity: 0;\n  -webkit-transform: translate3d(0, 50%, 0);\n  transform: translate3d(0, 50%, 0); }\n\nfigure.effect-city h2 {\n  position: absolute;\n  top: 50%;\n  left: 0;\n  width: 100%;\n  -webkit-transition: -webkit-transform 0.35s, color 0.35s;\n  -webkit-transition: color 0.35s, -webkit-transform 0.35s;\n  transition: color 0.35s, -webkit-transform 0.35s;\n  transition: transform 0.35s, color 0.35s;\n  transition: transform 0.35s, color 0.35s, -webkit-transform 0.35s;\n  -webkit-transform: translate3d(0, -50%, 0);\n  transform: translate3d(0, -50%, 0);\n  color: #FFFFFF;\n  font-family: Champion;\n  font-size: 90px;\n  line-height: 123px;\n  text-align: center;\n  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);\n  font-weight: bolder; }\n\nfigure.effect-city figcaption::before,\nfigure.effect-city p {\n  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;\n  transition: opacity 0.35s, -webkit-transform 0.35s;\n  transition: opacity 0.35s, transform 0.35s;\n  transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s; }\n\nfigure.effect-city p {\n  position: absolute;\n  /*bottom: 0;\r\n\tleft: 0;\r\n\ttop: 40%;*/\n  padding: 2em;\n  width: 100%;\n  opacity: 0;\n  -webkit-transform: translate3d(0, 10px, 0);\n  transform: translate3d(0, 10px, 0); }\n\nfigure.effect-city p.contentDiv {\n  left: 0;\n  top: 45%; }\n\nfigure.effect-city p.buttonDiv {\n  left: 0;\n  top: 55%; }\n\nfigure.effect-city:hover h2 {\n  color: #fff;\n  -webkit-transform: translate3d(0, -50%, 0) translate3d(0, -40px, 0);\n  transform: translate3d(0, -50%, 0) translate3d(0, -40px, 0); }\n\nfigure.effect-city:hover figcaption::before,\nfigure.effect-city:hover p {\n  opacity: 1;\n  -webkit-transform: translate3d(0, 0, 0);\n  transform: translate3d(0, 0, 0); }\n\n@media screen and (max-width: 50em) {\n  .content-city {\n    padding: 0 10px;\n    text-align: center; }\n  .grid-city figure {\n    display: inline-block;\n    float: none;\n    margin: 10px auto;\n    width: 100%; } }\n\nfigure.effect-city .contentDiv {\n  font-size: 20px;\n  font-weight: bold; }\n\n@media only screen and (max-width: 767px) {\n  figure.effect-city h2 {\n    line-height: 60px;\n    font-size: 48px; } }\n\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*/\na.button-city-learn-more {\n  outline: none;\n  color: #fff;\n  text-decoration: none; }\n\na.button-city-learn-more:hover, a.button-city-learn-more:focus {\n  color: #fff; }\n\n.content-city {\n  margin: 0 auto;\n  max-width: 1000px; }\n\n.content-city > h2 {\n  clear: both;\n  margin: 0;\n  padding: 4em 1% 0;\n  color: #484B54;\n  font-weight: 800;\n  font-size: 1.5em; }\n\n.content-city > h2:first-child {\n  padding-top: 0em; }\n\n.button-city-learn-more {\n  border: 2px solid #fff;\n  color: white;\n  padding: 5px 56px;\n  text-align: center;\n  text-decoration: none;\n  display: inline-block;\n  font-size: 18px;\n  margin: 4px 2px;\n  cursor: pointer;\n  border-radius: 50px;\n  text-transform: uppercase;\n  font-weight: 600;\n  letter-spacing: 1px;\n  font-family: Montserrat;\n  line-height: 41px; }\n\n.imageContainer {\n  height: 500px;\n  width: auto;\n  margin: auto; }\n\n/* Wrapper that hosts the video and the overlay */\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*/\n.video-player {\n  position: relative;\n  overflow: hidden;\n  border-radius: 0 !important; }\n\n.video-player video {\n  width: 100%;\n  object-fit: cover; }\n\n/* Overlay fills the parent and sits on top of the video */\n.click-to-play-overlay {\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0; }\n\n.poster-image {\n  position: absolute;\n  z-index: 1;\n  height: 100%;\n  width: 100%; }\n\n.poster-image img {\n  object-fit: cover; }\n\n.video-title-big {\n  position: absolute;\n  z-index: 2;\n  left: 0;\n  bottom: 0;\n  /*background-color: rgba(0,0,0,0.8);*/\n  color: #FFF;\n  padding: 0.2rem;\n  margin: 10px; }\n\n.video-title-big h3 {\n  font-weight: bold;\n  font-size: 1.3rem; }\n\n.video-title p {\n  font-size: 1rem; }\n\n.play-icon-center {\n  top: 50%;\n  left: 50%;\n  -webkit-transform: translate(-50%, -50%);\n          transform: translate(-50%, -50%); }\n\n.play-icon-bottom-right {\n  bottom: 0;\n  right: 0; }\n\n.play-icon-big {\n  position: absolute;\n  z-index: 2;\n  width: 80px;\n  height: 80px;\n  background-repeat: no-repeat;\n  background-size: 110% 110%;\n  cursor: pointer;\n  opacity: 1;\n  background-position: center; }\n\n.play-icon-big :hover, .play-icon-big :focus {\n  opacity: 2; }\n\n/**************************/\n/* The Overlay (background) */\n.overlay {\n  /* Height & width depends on how you want to reveal the overlay (see JS below) */\n  height: 100%;\n  width: 0;\n  position: fixed;\n  /* Stay in place */\n  z-index: 4;\n  /* Sit on top */\n  left: 0;\n  top: 0;\n  background-color: black;\n  /* Black fallback color */\n  background-color: rgba(0, 0, 0, 0.8);\n  /* Black w/opacity */\n  overflow-x: hidden;\n  /* Disable horizontal scroll */\n  -webkit-transition: 0.5s;\n  transition: 0.5s;\n  /* 0.5 second transition effect to slide in or slide down the overlay (height or width, depending on reveal) */ }\n\n/* Position the content inside the overlay */\n.overlay-content {\n  position: relative;\n  top: 20%;\n  /* 25% from the top */\n  width: 60%;\n  /* 100% width */\n  text-align: center;\n  /* Centered text/links */\n  margin-top: 30px;\n  /* 30px top margin to avoid conflict with the close button on smaller screens */\n  height: 80%;\n  margin: auto; }\n\n/* The navigation links inside the overlay */\n.overlay a {\n  padding: 8px;\n  text-decoration: none;\n  font-size: 36px;\n  color: #818181;\n  display: block;\n  /* Display block instead of inline */\n  -webkit-transition: 0.3s;\n  transition: 0.3s;\n  /* Transition effects on hover (color) */ }\n\n/* When you mouse over the navigation links, change their color */\n.overlay a:hover, .overlay a:focus {\n  color: #f1f1f1; }\n\n/* Position the close button (top right corner) */\n.overlay .closebtn {\n  position: absolute;\n  top: 15px;\n  right: 45px;\n  font-size: 30px;\n  color: #fff; }\n\n.videowrapper {\n  border-radius: 22px;\n  overflow: hidden;\n  -webkit-transform: translateZ(0);\n  box-shadow: 0 19px 51px 0 rgba(255, 255, 255, 0.07), 0 14px 19px 0 rgba(255, 255, 255, 0);\n  margin: auto; }\n\n.videowrapper video {\n  width: 100%;\n  height: 100%;\n  object-fit: cover; }\n\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 */\n@media screen and (max-height: 100%) {\n  .overlay a {\n    font-size: 20px; }\n  .overlay .closebtn {\n    font-size: 40px;\n    top: 15px;\n    right: 35px; } }\n\n/* View level CSS - International */\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*/\n.sectionReno .video-player {\n  margin-top: 65px; }\n  .sectionReno .video-player .myVideo {\n    border-radius: 0px !important; }\n  .sectionReno .video-player .play-icon-center {\n    top: 40%; }\n  .sectionReno .video-player .video_title {\n    height: 71px;\n    width: 100%;\n    color: #ffffff;\n    font-family: Champion;\n    font-size: 52px;\n    line-height: 71px;\n    text-align: center;\n    position: absolute;\n    top: 50%; }\n\n.sectionReno .row .col-lg-12.col-xs-12 {\n  padding-left: 0px;\n  padding-right: 0px; }\n\n.sectionReno .find-my-next-job.btn {\n  padding: 20px 51px;\n  font-size: 24px;\n  margin-bottom: 39px;\n  letter-spacing: 0.15px;\n  line-height: 32px;\n  margin: auto;\n  display: block;\n  margin-top: 40px; }\n\n.sectionReno .explore-plant-locations {\n  color: #43C5E4;\n  font-family: Champion;\n  font-size: 40px;\n  letter-spacing: 0.22px;\n  text-align: center;\n  padding-top: 80px;\n  padding-bottom: 48px; }\n\n.sectionReno .footer-region {\n  margin-top: 190px; }\n\n@media only screen and (min-width: 320px) and (max-width: 767px) {\n  .sectionReno .video-player .video_title {\n    -webkit-transform: translate(-50%, -50%);\n            transform: translate(-50%, -50%);\n    left: 50%;\n    top: 53%; }\n  .sectionReno .find-my-next-job {\n    width: 90%; } }\n\n/* View level CSS - International */\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*/\n.sectionInternational {\n  overflow: hidden; }\n  .sectionInternational .video-player .myVideo {\n    border-radius: 0px !important;\n    object-fit: cover; }\n  .sectionInternational .video-player .play-icon-center {\n    top: 40%; }\n  .sectionInternational .video-player .video_title {\n    height: 71px;\n    width: 100%;\n    color: #ffffff;\n    font-family: Champion;\n    font-size: 52px;\n    line-height: 71px;\n    text-align: center;\n    position: absolute;\n    top: 50%; }\n\n.sectionInternational .page-header {\n  font-size: 40px; }\n\n.sectionInternational .lbl-heading-darkblue h1 {\n  text-align: left; }\n\n.sectionInternational p.description {\n  line-height: 32px;\n  font-size: 20px;\n  color: #004359;\n  font-family: Montserrat; }\n\n.sectionInternational .find-my-next-job {\n  margin: 48px 0px 50px 0px;\n  padding: 19px 49px;\n  font-size: 18px;\n  border-radius: 46px; }\n\n.sectionInternational .ourHeadingLightBlue h1 {\n  color: #43C5E4; }\n\n.sectionInternational .bubble {\n  border: 0px; }\n\n.sectionInternational .col_brandlogo_sectiont .IconsContainer {\n  position: absolute;\n  top: 0;\n  left: 0; }\n\n.sectionInternational .col_brandlogo_sectiont {\n  position: relative;\n  height: 500px; }\n\n/* Mobile View */\n@media only screen and (max-width: 767px) {\n  #root .sectionInternational .page-header {\n    font-size: 32px; }\n  .sectionInternational p.description {\n    font-size: 16px; }\n  .sectionInternational .find-my-next-job {\n    margin: 35px 0px 50px 0px;\n    width: auto; } }\n\n@media only screen and (min-width: 1800px) {\n  .sectionInternational .footer-region {\n    margin-top: 100px; } }\n\n.sectionInternational {\n  position: relative;\n  overflow: hidden; }\n  .sectionInternational .scrollSection1Image1 {\n    -webkit-transform: translate(0px, 1067px) rotate(0deg);\n            transform: translate(0px, 1067px) rotate(0deg);\n    position: absolute;\n    z-index: 0; }\n    .sectionInternational .scrollSection1Image1 .scrollSection1Image1_img {\n      width: auto;\n      height: auto; }\n  .sectionInternational .scrollSection1Image2 {\n    -webkit-transform: translate(450px, 1067px) rotate(0deg);\n            transform: translate(450px, 1067px) rotate(0deg);\n    position: absolute;\n    z-index: 0; }\n    .sectionInternational .scrollSection1Image2 .scrollSection1Image2_img {\n      width: auto;\n      height: auto; }\n  .sectionInternational .scrollSection1Image3 {\n    -webkit-transform: translate(0px, 2214px) rotate(0deg);\n            transform: translate(0px, 2214px) rotate(0deg);\n    position: absolute;\n    z-index: 0; }\n    .sectionInternational .scrollSection1Image3 .scrollSection1Image3_img {\n      width: auto;\n      height: auto; }\n  .sectionInternational .scrollSection1Image4 {\n    -webkit-transform: translate(600px, 2265px) rotate(0deg);\n            transform: translate(600px, 2265px) rotate(0deg);\n    position: absolute;\n    z-index: 0; }\n    .sectionInternational .scrollSection1Image4 .scrollSection1Image4_img {\n      width: auto;\n      height: auto; }\n  .sectionInternational .scrollSection1Image5 {\n    -webkit-transform: translate(1181px, 1990px) rotate(0deg);\n            transform: translate(1181px, 1990px) rotate(0deg);\n    position: absolute;\n    z-index: 0; }\n    .sectionInternational .scrollSection1Image5 .scrollSection1Image5_img {\n      width: auto;\n      height: auto; }\n\n@media only screen and (max-width: 767px) {\n  .sectionInternational {\n    position: relative;\n    overflow: hidden; }\n    .sectionInternational .scrollSection1Image1 {\n      -webkit-transform: translate(0px, 1067px) rotate(0deg);\n              transform: translate(0px, 1067px) rotate(0deg);\n      position: absolute;\n      z-index: 0; }\n      .sectionInternational .scrollSection1Image1 .scrollSection1Image1_img {\n        width: 65%;\n        height: auto; }\n    .sectionInternational .scrollSection1Image2 {\n      -webkit-transform: translate(450px, 1067px) rotate(0deg);\n              transform: translate(450px, 1067px) rotate(0deg);\n      position: absolute;\n      z-index: 0; }\n      .sectionInternational .scrollSection1Image2 .scrollSection1Image2_img {\n        width: auto;\n        height: auto; }\n    .sectionInternational .scrollSection1Image3 {\n      -webkit-transform: translate(0px, 2214px) rotate(0deg);\n              transform: translate(0px, 2214px) rotate(0deg);\n      position: absolute;\n      z-index: 0; }\n      .sectionInternational .scrollSection1Image3 .scrollSection1Image3_img {\n        width: 60%;\n        height: auto; }\n    .sectionInternational .scrollSection1Image4 {\n      -webkit-transform: translate(600px, 2265px) rotate(0deg);\n              transform: translate(600px, 2265px) rotate(0deg);\n      position: absolute;\n      z-index: 0; }\n      .sectionInternational .scrollSection1Image4 .scrollSection1Image4_img {\n        width: auto;\n        height: auto; }\n    .sectionInternational .scrollSection1Image5 {\n      -webkit-transform: translate(1181px, 1990px) rotate(0deg);\n              transform: translate(1181px, 1990px) rotate(0deg);\n      position: absolute;\n      z-index: 0; }\n      .sectionInternational .scrollSection1Image5 .scrollSection1Image5_img {\n        width: auto;\n        height: auto; } }\n\n@media only screen and (min-width: 768px) and (max-width: 991px) {\n  .sectionInternational {\n    position: relative;\n    overflow: hidden; }\n    .sectionInternational .scrollSection1Image1 {\n      -webkit-transform: translate(0px, 1067px) rotate(0deg);\n              transform: translate(0px, 1067px) rotate(0deg);\n      position: absolute;\n      z-index: 0; }\n      .sectionInternational .scrollSection1Image1 .scrollSection1Image1_img {\n        width: 80%;\n        height: auto; }\n    .sectionInternational .scrollSection1Image2 {\n      -webkit-transform: translate(450px, 1067px) rotate(0deg);\n              transform: translate(450px, 1067px) rotate(0deg);\n      position: absolute;\n      z-index: 0; }\n      .sectionInternational .scrollSection1Image2 .scrollSection1Image2_img {\n        width: 80%;\n        height: auto; }\n    .sectionInternational .scrollSection1Image3 {\n      -webkit-transform: translate(0px, 2214px) rotate(0deg);\n              transform: translate(0px, 2214px) rotate(0deg);\n      position: absolute;\n      z-index: 0; }\n      .sectionInternational .scrollSection1Image3 .scrollSection1Image3_img {\n        width: 80%;\n        height: auto; }\n    .sectionInternational .scrollSection1Image4 {\n      -webkit-transform: translate(600px, 2265px) rotate(0deg);\n              transform: translate(600px, 2265px) rotate(0deg);\n      position: absolute;\n      z-index: 0; }\n      .sectionInternational .scrollSection1Image4 .scrollSection1Image4_img {\n        width: 80%;\n        height: auto; }\n    .sectionInternational .scrollSection1Image5 {\n      -webkit-transform: translate(1181px, 1990px) rotate(0deg);\n              transform: translate(1181px, 1990px) rotate(0deg);\n      position: absolute;\n      z-index: 0; }\n      .sectionInternational .scrollSection1Image5 .scrollSection1Image5_img {\n        width: auto;\n        height: auto; } }\n\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*/\n.IconsContainer, .IconsContainer2 {\n  width: 100%;\n  height: 345px;\n  position: relative;\n  padding-top: 30px;\n  background-color: transparent; }\n\n.brddiv, .brddiv2 {\n  width: 100%;\n  position: relative;\n  overflow: hidden; }\n\n.Icon, .Icon2 {\n  width: 152px;\n  height: 152px;\n  margin: -75px 0 0 -75px;\n  border-radius: 50%;\n  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1), 0 3px 10px rgba(0, 0, 0, 0.07); }\n\n.Icon, .Icon span, .Icon2, .Icon2 span {\n  position: absolute;\n  will-change: transform, opacity; }\n\n.Icon span, .Icon2 span {\n  left: 50%;\n  bottom: -40px;\n  padding: 5px 12px;\n  background: #fff;\n  box-shadow: 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07);\n  border-radius: 50px;\n  white-space: nowrap;\n  font-size: 16px;\n  font-weight: 500;\n  color: #566b78;\n  pointer-events: none;\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  -ms-user-select: none;\n  user-select: none;\n  -webkit-transform: translate(-50%, -10px);\n  transform: translate(-70%, -10px);\n  opacity: 0;\n  -webkit-transition-property: opacity, -webkit-transform;\n  transition-property: opacity, -webkit-transform;\n  transition-property: opacity, transform;\n  transition-property: opacity, transform, -webkit-transform;\n  -webkit-transition-duration: .25s;\n  transition-duration: .25s;\n  -webkit-transition-timing-function: ease-out;\n  transition-timing-function: ease-out; }\n\n.Icon:hover, .Icon2:hover {\n  z-index: 9999; }\n\n.Icon:hover span, .Icon2:hover span {\n  opacity: .9;\n  -webkit-transform: translate(-50%);\n  transform: translate(-50%); }\n\n.Icon, .Icon2 {\n  /*background-size: 1076px 1076px;*/\n  /*background-image: url(../logoanimationsample/header-logos.png)*/\n  background-size: cover;\n  background-repeat: no-repeat; }\n\n@media (-webkit-min-device-pixel-ratio: 1.3), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {\n  .Icon {\n    /*background-image: url(../logoanimationsample/header-logos.png)*/ } }\n\n.Icon-imgAngies {\n  background-image: url(/static/media/Angies.89699cc7.png);\n  width: 152px;\n  height: 152px; }\n\n.Icon-imgBanquet {\n  background-image: url(/static/media/Banquet.ac0f7efb.png);\n  width: 152px;\n  height: 152px; }\n\n.Icon-imgBigs {\n  background-image: url(/static/media/Bigs.6d1d4874.png);\n  width: 152px;\n  height: 152px; }\n\n.Icon-imgVlasic {\n  background-image: url(/static/media/Vlasic.10db0020.png);\n  width: 152px;\n  height: 152px; }\n\n.Icon-imgBirdEye {\n  background-image: url(/static/media/BirdEye.beac4a44.png);\n  width: 152px;\n  height: 152px; }\n\n.Icon-imgChefB {\n  background-image: url(/static/media/ChefB.20fb6805.png);\n  width: 152px;\n  height: 152px; }\n\n.Icon-imgDuke {\n  background-image: url(/static/media/Duke.9e7d17e3.png);\n  width: 152px;\n  height: 152px; }\n\n.Icon-imgDuncan {\n  background-image: url(/static/media/Duncan.3937ddc9.png);\n  width: 152px;\n  height: 152px; }\n\n.Icon-imgGardein {\n  background-image: url(/static/media/Gardein.cf362753.png);\n  width: 152px;\n  height: 152px; }\n\n.Icon-imgHealthy {\n  background-image: url(/static/media/Healthy.60fcc1b7.png);\n  width: 152px;\n  height: 152px; }\n\n.Icon-imgHunts {\n  background-image: url(/static/media/Hunts.b264c2b6.png);\n  width: 152px;\n  height: 152px; }\n\n.Icon-imgMarie {\n  background-image: url(/static/media/Marie.f5dca735.png);\n  width: 152px;\n  height: 152px; }\n\n.Icon-imgOrville {\n  background-image: url(/static/media/Orville.efe2d972.png);\n  width: 152px;\n  height: 152px; }\n\n.Icon-imgPF {\n  background-image: url(/static/media/PF.b7cbde3d.png);\n  width: 152px;\n  height: 152px; }\n\n.Icon-imgReddi {\n  background-image: url(/static/media/Reddi.5daea973.png);\n  width: 152px;\n  height: 152px; }\n\n/* Canada logos */\n.Icon-img-Canada-Aci {\n  background-image: url(/static/media/ACi.55988fe9.png);\n  width: 152px;\n  height: 152px; }\n\n.Icon-img-Canada-Aylmer {\n  background-image: url(/static/media/Aylmer.6c69c4b0.png);\n  width: 152px;\n  height: 152px; }\n\n.Icon-img-Canada-ChefB {\n  background-image: url(/static/media/ChefB.5d2bb477.png);\n  width: 152px;\n  height: 152px; }\n\n.Icon-img-Canada-Healthy {\n  background-image: url(/static/media/Healthy.1b4f561f.png);\n  width: 152px;\n  height: 152px; }\n\n.Icon-img-Canada-Hunt {\n  background-image: url(/static/media/Hunt.f3c5d3f2.png);\n  width: 152px;\n  height: 152px; }\n\n.Icon-img-Canada-Marie {\n  background-image: url(/static/media/Marie.0a8212b6.png);\n  width: 152px;\n  height: 152px; }\n\n.Icon-img-Canada-Orville {\n  background-image: url(/static/media/Orville.efe2d972.png);\n  width: 152px;\n  height: 152px; }\n\n.Icon-img-Canada-Pam {\n  background-image: url(/static/media/Pam.f6185bd2.png);\n  width: 152px;\n  height: 152px; }\n\n.Icon-img-Canada-Pogo {\n  background-image: url(/static/media/Pogo.1a28a746.png);\n  width: 152px;\n  height: 152px; }\n\n.Icon-img-Canada-Snack {\n  background-image: url(/static/media/Snack.700bdaf4.png);\n  width: 152px;\n  height: 152px; }\n\n.Icon-img-Canada-Vh {\n  background-image: url(/static/media/Vh.73eb4f5f.png);\n  width: 152px;\n  height: 152px; }\n\n.Icon-img-Canada-Vh1 {\n  background-image: url(/static/media/Vh1.bd6bd4d4.png);\n  width: 152px;\n  height: 152px; }\n\n/* Mexico logos */\n.Icon-img-Mexico-ACI {\n  background-image: url(/static/media/ACI.24135cc9.png);\n  width: 152px;\n  height: 152px; }\n\n.Icon-img-Mexico-Hunt {\n  background-image: url(/static/media/Hunt.e98d82ae.png);\n  width: 152px;\n  height: 152px; }\n\n.Icon-img-Mexico-LaChoy {\n  background-image: url(/static/media/LaChoy.ec18d091.png);\n  width: 152px;\n  height: 152px; }\n\n.Icon-img-Mexico-Pam {\n  background-image: url(/static/media/Pam.104dcb05.png);\n  width: 152px;\n  height: 152px; }\n\n.Icon-img-Mexico-PF {\n  background-image: url(/static/media/PF.aa7a9de6.png);\n  width: 152px;\n  height: 152px; }\n\n.Icon-img-Mexico-Ranch {\n  background-image: url(/static/media/Ranch.e380f22a.png);\n  width: 152px;\n  height: 152px; }\n\n.Icon-img-Mexico-Reddi {\n  background-image: url(/static/media/Reddi.5daea973.png);\n  width: 152px;\n  height: 152px; }\n\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*/\n.sectionPlace {\n  padding: 0px;\n  background-position: top 1124px right 96px, \r top 610px left 0px,   \r top 68px right 0px,\r top 1154px right 0px;\n  background-repeat: no-repeat;\n  z-index: 0; }\n\n.placeView {\n  padding-left: 0;\n  padding-right: 0; }\n\n.placeView .change-color {\n  color: #43C5E4; }\n\n.sectionPlace {\n  position: relative;\n  overflow: hidden; }\n  .sectionPlace .scrollSection1Image1 {\n    -webkit-transform: translate(1020px, 1048px) rotate(0deg);\n            transform: translate(1020px, 1048px) rotate(0deg);\n    position: absolute;\n    z-index: 40; }\n    .sectionPlace .scrollSection1Image1 .scrollSection1Image1_img {\n      width: auto;\n      height: auto; }\n  .sectionPlace .scrollSection1Image2 {\n    -webkit-transform: translate(0px, 480px) rotate(0deg);\n            transform: translate(0px, 480px) rotate(0deg);\n    position: absolute;\n    z-index: 0; }\n    .sectionPlace .scrollSection1Image2 .scrollSection1Image2_img {\n      width: auto;\n      height: auto; }\n  .sectionPlace .scrollSection1Image3 {\n    -webkit-transform: translate(990px, -77px) rotate(0deg);\n            transform: translate(990px, -77px) rotate(0deg);\n    position: absolute;\n    z-index: 0; }\n    .sectionPlace .scrollSection1Image3 .scrollSection1Image3_img {\n      width: auto;\n      height: auto; }\n  .sectionPlace .scrollSection1Image4 {\n    -webkit-transform: translate(1094px, 1078px) rotate(0deg);\n            transform: translate(1094px, 1078px) rotate(0deg);\n    position: absolute;\n    z-index: 0; }\n    .sectionPlace .scrollSection1Image4 .scrollSection1Image4_img {\n      width: auto;\n      height: auto; }\n\n@media only screen and (max-width: 767px) {\n  .sectionPlace {\n    padding: 0px;\n    background-position: top 1124px right 96px, \r top 610px left 0px,   \r top 68px right 0px,\r top 1154px right 0px;\n    background-repeat: no-repeat;\n    z-index: 0; }\n  .placeView {\n    padding-left: 0;\n    padding-right: 0; }\n  .placeView .change-color {\n    color: #43C5E4; }\n  .sectionPlace {\n    position: relative;\n    overflow: hidden; }\n    .sectionPlace .scrollSection1Image1 {\n      -webkit-transform: translate(1020px, 1048px) rotate(0deg);\n              transform: translate(1020px, 1048px) rotate(0deg);\n      position: absolute;\n      z-index: 40; }\n      .sectionPlace .scrollSection1Image1 .scrollSection1Image1_img {\n        width: auto;\n        height: auto; }\n    .sectionPlace .scrollSection1Image2 {\n      -webkit-transform: translate(0px, 480px) rotate(0deg);\n              transform: translate(0px, 480px) rotate(0deg);\n      position: absolute;\n      z-index: 0; }\n      .sectionPlace .scrollSection1Image2 .scrollSection1Image2_img {\n        width: 80%;\n        height: auto; }\n    .sectionPlace .scrollSection1Image3 {\n      -webkit-transform: translate(990px, -77px) rotate(0deg);\n              transform: translate(990px, -77px) rotate(0deg);\n      position: absolute;\n      z-index: 0; }\n      .sectionPlace .scrollSection1Image3 .scrollSection1Image3_img {\n        width: auto;\n        height: auto; }\n    .sectionPlace .scrollSection1Image4 {\n      -webkit-transform: translate(1094px, 1078px) rotate(0deg);\n              transform: translate(1094px, 1078px) rotate(0deg);\n      position: absolute;\n      z-index: 0; }\n      .sectionPlace .scrollSection1Image4 .scrollSection1Image4_img {\n        width: 75%;\n        height: auto; } }\n\n@media only screen and (min-width: 768px) and (max-width: 991px) {\n  .sectionPlace {\n    padding: 0px;\n    background-position: top 1124px right 96px, \r top 610px left 0px,   \r top 68px right 0px,\r top 1154px right 0px;\n    background-repeat: no-repeat;\n    z-index: 0; }\n  .placeView {\n    padding-left: 0;\n    padding-right: 0; }\n  .placeView .change-color {\n    color: #43C5E4; }\n  .sectionPlace {\n    position: relative;\n    overflow: hidden; }\n    .sectionPlace .scrollSection1Image1 {\n      -webkit-transform: translate(1020px, 1048px) rotate(0deg);\n              transform: translate(1020px, 1048px) rotate(0deg);\n      position: absolute;\n      z-index: 40; }\n      .sectionPlace .scrollSection1Image1 .scrollSection1Image1_img {\n        width: auto;\n        height: auto; }\n    .sectionPlace .scrollSection1Image2 {\n      -webkit-transform: translate(0px, 480px) rotate(0deg);\n              transform: translate(0px, 480px) rotate(0deg);\n      position: absolute;\n      z-index: 0; }\n      .sectionPlace .scrollSection1Image2 .scrollSection1Image2_img {\n        width: auto;\n        height: auto; }\n    .sectionPlace .scrollSection1Image3 {\n      -webkit-transform: translate(990px, -77px) rotate(0deg);\n              transform: translate(990px, -77px) rotate(0deg);\n      position: absolute;\n      z-index: 0; }\n      .sectionPlace .scrollSection1Image3 .scrollSection1Image3_img {\n        width: auto;\n        height: auto; }\n    .sectionPlace .scrollSection1Image4 {\n      -webkit-transform: translate(1094px, 1078px) rotate(0deg);\n              transform: translate(1094px, 1078px) rotate(0deg);\n      position: absolute;\n      z-index: 0; }\n      .sectionPlace .scrollSection1Image4 .scrollSection1Image4_img {\n        width: auto;\n        height: auto; } }\n\n"]}