{"version":3,"sources":["C:/Users/ZDM3025/Desktop/Careerwebsite/Source/src/assets/sass/C:/Users/ZDM3025/Desktop/Careerwebsite/Source/src/assets/sass/C:/Users/ZDM3025/Desktop/Careerwebsite/Source/src/assets/sass/CityAnimationComponent.scss","C:/Users/ZDM3025/Desktop/Careerwebsite/Source/src/assets/sass/C:/Users/ZDM3025/Desktop/Careerwebsite/Source/src/assets/sass/C:/Users/ZDM3025/Desktop/Careerwebsite/Source/src/assets/sass/CityComponentStyle.scss","C:/Users/ZDM3025/Desktop/Careerwebsite/Source/src/components/IntroVideoComponent/C:/Users/ZDM3025/Desktop/Careerwebsite/Source/src/components/IntroVideoComponent/C:/Users/ZDM3025/Desktop/Careerwebsite/Source/src/components/IntroVideoComponent/VideoOverlayComponent.scss","C:/Users/ZDM3025/Desktop/Careerwebsite/Source/src/assets/sass/C:/Users/ZDM3025/Desktop/Careerwebsite/Source/src/assets/sass/C:/Users/ZDM3025/Desktop/Careerwebsite/Source/src/assets/sass/view_reno.scss","C:/Users/ZDM3025/Desktop/Careerwebsite/Source/src/assets/sass/C:/Users/ZDM3025/Desktop/Careerwebsite/Source/src/assets/sass/C:/Users/ZDM3025/Desktop/Careerwebsite/Source/src/assets/sass/variable.scss","C:/Users/ZDM3025/Desktop/Careerwebsite/Source/src/assets/sass/C:/Users/ZDM3025/Desktop/Careerwebsite/Source/src/assets/sass/C:/Users/ZDM3025/Desktop/Careerwebsite/Source/src/assets/sass/view_international.scss","C:/Users/ZDM3025/Desktop/Careerwebsite/Source/src/components/newBrandLogoComponent/C:/Users/ZDM3025/Desktop/Careerwebsite/Source/src/components/newBrandLogoComponent/C:/Users/ZDM3025/Desktop/Careerwebsite/Source/src/components/newBrandLogoComponent/logoanimationnew.scss","C:/Users/ZDM3025/Desktop/Careerwebsite/Source/src/assets/sass/C:/Users/ZDM3025/Desktop/Careerwebsite/Source/src/assets/sass/C:/Users/ZDM3025/Desktop/Careerwebsite/Source/src/assets/sass/placeView.scss","C:/Users/ZDM3025/Desktop/Careerwebsite/Source/src/assets/sass/C:/Users/ZDM3025/Desktop/Careerwebsite/Source/src/assets/sass/placeView.scss","C:/Users/ZDM3025/Desktop/Careerwebsite/Source/src/assets/sass/placeView.scss","27.ab7ec2f6.chunk.css"],"names":[],"mappings":"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AAA,AC25BA,8DDz5BE,WAAA,AC25BA,WAAa,CAAE,AAErB,yCACE,cHx4BE,UAAA,ACjBF,+FDuBI,AEnBJ,4BAAA,AFuBI,SAAA,CAAA,AGo4BJ,WF15BA,eAAA,ADsBI,eAAA,CAAA,AElBJ,yBDDE,aAAA,CAAA,AE45BF,cDx5BE,kBAAA,AC05BA,eH34BE,CAAA,AG44BF,oCF35BE,wDAAA,ACIA,gDFwBE,AEvBF,kBAAA,AC05BA,UF55BF,CAAA,AE65BE,8DDx5BF,WAAA,AFOE,WAAA,CAAA,AGo5BF,oCF55BE,iDAAA,ACKA,yCFyBE,AExBF,kBAAA,AC05BA,SF75BF,CAAA,AE85BE,8DDx5BF,UAAA,AFDE,WAAA,CAAA,AG45BF,oCF75BE,sDAAA,ACMA,8CFLA,AEMA,kBAAA,AC05BA,SF95BF,CAAA,AE+5BE,8DDx5BF,WAAA,AFTE,WAAA,CAAA,AGo6BF,oCF95BE,wDAAA,ACOA,gDDNa,ACOb,kBAAA,AC05BA,SDz5BE,CAAW,AC05Bb,8DACE,UAAW,ADx5BnB,WAAA,CAAA,CAAA,AC25BA,+DACE,cH92BM,UAAA,AAGF,+FC/CJ,ADiDM,4BAAU,AC/ChB,SAAA,CAAA,ACMA,WDJE,eAAA,ACMF,eAAA,CAAA,ACy5BA,yBDv5BE,aAAA,CFmCE,AGs3BJ,cACE,kBF95BE,AE+5BF,eHx3BE,CAAA,AGy3BF,oCDv5BE,wDF6CM,AClDR,gDAAA,AE+5BE,kBH53BA,AG63BA,UDx5BE,CAAA,AACJ,8DDNE,WAAA,AEg6BE,WHh4BF,CAAA,AGi4BF,oCDv5BE,iDF8CM,ACpDR,yCAAA,AEg6BE,kBHp4BA,AGq4BA,SDx5BE,CAAA,AACJ,8DDPE,WAAA,AEi6BE,WHx4BF,CAAA,AGy4BF,oCDv5BE,sDF+CM,ACtDR,8CAAA,AEi6BE,kBH54BA,AG64BA,SDx5BE,CAAA,AACJ,8DDRE,WAAA,AEk6BE,WFj6BF,CAAA,AEk6BF,oCDv5BE,wDDTE,ACUF,gDAAA,ACy5BA,kBDx5Bc,ACy5Bd,SDx5BE,CAAA,ACy5BF,8DACE,WAAY,AACZ,WAAa,CAAE,CAAE","file":"27.ab7ec2f6.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"]}