/******media query*****/
/******media query end****/
@font-face {
  font-family: 'futura_bk_btbook';
  src: url("../fonts/futura_book_bt-webfont.eot");
  src: url("../fonts/futura_book_bt-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/futura_book_bt-webfont.woff2") format("woff2"), url("../fonts/futura_book_bt-webfont.woff") format("woff"), url("../fonts/futura_book_bt-webfont.ttf") format("truetype"), url("../fonts/futura_book_bt-webfont.svg#futura_bk_btbook") format("svg");
  font-weight: normal;
  font-style: normal; }
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  @font-face {
    font-family: 'futura_bk_btbook';
    src: url("../fonts/futura_book_bt-webfont.svg#futura_bk_btbook") format("svg"); } }
@font-face {
  font-family: 'futura_medium_bt';
  src: url("../fonts/futura_medium_bt-webfont.eot");
  src: url("../fonts/futura_medium_bt-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/futura_medium_bt-webfont.woff2") format("woff2"), url("../fonts/futura_medium_bt-webfont.woff") format("woff"), url("../fonts/futura_medium_bt-webfont.ttf") format("truetype"), url("../fonts/futura_medium_bt-webfont.svg#futura_bk_btbook") format("svg");
  font-weight: normal;
  font-style: normal; }
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  @font-face {
    font-family: 'futura_medium_bt';
    src: url("../fonts/futura_medium_bt-webfont.svg") format("svg"); } }
/*!
 *  Font Awesome 4.5.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  @font-face {
    font-family: 'FontAwesome';
    src: url("../fonts/fontawesome-webfont.svg") format("svg"); } }
@font-face {
  font-family: 'FontAwesome';
  src: url("../fonts/fontawesome-webfont.eot?v=4.5.0");
  src: url("../fonts/fontawesome-webfont.eot?#iefix&v=4.5.0") format("embedded-opentype"), url("../fonts/fontawesome-webfont.woff2?v=4.5.0") format("woff2"), url("../fonts/fontawesome-webfont.woff?v=4.5.0") format("woff"), url("../fonts/fontawesome-webfont.ttf?v=4.5.0") format("truetype"), url("../fonts/fontawesome-webfont.svg?v=4.5.0#fontawesomeregular") format("svg");
  font-weight: normal;
  font-style: normal; }
.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.fa-lg {
  font-size: 1.33333333em;
  line-height: .75em;
  vertical-align: -15%; }

.fa-2x {
  font-size: 2em; }

.fa-3x {
  font-size: 3em; }

.fa-4x {
  font-size: 4em; }

.fa-5x {
  font-size: 5em; }

.fa-fw {
  width: 1.28571429em;
  text-align: center; }

.fa-ul {
  padding-left: 0;
  margin-left: 2.14285714em;
  list-style-type: none; }

.fa-ul > li {
  position: relative; }

.fa-li {
  position: absolute;
  left: -2.14285714em;
  width: 2.14285714em;
  top: .14285714em;
  text-align: center; }

.fa-li.fa-lg {
  left: -1.85714286em; }

.fa-border {
  padding: .2em .25em .15em;
  border: solid .08em #eee;
  border-radius: .1em; }

.fa-pull-left {
  float: left; }

.fa-pull-right {
  float: right; }

.fa.fa-pull-left {
  margin-right: .3em; }

.fa.fa-pull-right {
  margin-left: .3em; }

.pull-right {
  float: right; }

.pull-left {
  float: left; }

.fa.pull-left {
  margin-right: .3em; }

.fa.pull-right {
  margin-left: .3em; }

.fa-spin {
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear; }

.fa-pulse {
  -webkit-animation: fa-spin 1s infinite steps(8);
  animation: fa-spin 1s infinite steps(8); }

@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }
@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }
.fa-rotate-90 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg); }

.fa-rotate-180 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg); }

.fa-rotate-270 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg); }

.fa-flip-horizontal {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
  -webkit-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1); }

.fa-flip-vertical {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);
  -webkit-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  transform: scale(1, -1); }

:root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-flip-horizontal, :root .fa-flip-vertical {
  filter: none; }

.fa-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle; }

.fa-stack-1x, .fa-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center; }

.fa-stack-1x {
  line-height: inherit; }

.fa-stack-2x {
  font-size: 2em; }

.fa-inverse {
  color: #fff; }

.fa-glass:before {
  content: "\f000"; }

.fa-music:before {
  content: "\f001"; }

.fa-search:before {
  content: "\f002"; }

.fa-envelope-o:before {
  content: "\f003"; }

.fa-heart:before {
  content: "\f004"; }

.fa-star:before {
  content: "\f005"; }

.fa-star-o:before {
  content: "\f006"; }

.fa-user:before {
  content: "\f007"; }

.fa-film:before {
  content: "\f008"; }

.fa-th-large:before {
  content: "\f009"; }

.fa-th:before {
  content: "\f00a"; }

.fa-th-list:before {
  content: "\f00b"; }

.fa-check:before {
  content: "\f00c"; }

.fa-remove:before, .fa-close:before, .fa-times:before {
  content: "\f00d"; }

.fa-search-plus:before {
  content: "\f00e"; }

.fa-search-minus:before {
  content: "\f010"; }

.fa-power-off:before {
  content: "\f011"; }

.fa-signal:before {
  content: "\f012"; }

.fa-gear:before, .fa-cog:before {
  content: "\f013"; }

.fa-trash-o:before {
  content: "\f014"; }

.fa-home:before {
  content: "\f015"; }

.fa-file-o:before {
  content: "\f016"; }

.fa-clock-o:before {
  content: "\f017"; }

.fa-road:before {
  content: "\f018"; }

.fa-download:before {
  content: "\f019"; }

.fa-arrow-circle-o-down:before {
  content: "\f01a"; }

.fa-arrow-circle-o-up:before {
  content: "\f01b"; }

.fa-inbox:before {
  content: "\f01c"; }

.fa-play-circle-o:before {
  content: "\f01d"; }

.fa-rotate-right:before, .fa-repeat:before {
  content: "\f01e"; }

.fa-refresh:before {
  content: "\f021"; }

.fa-list-alt:before {
  content: "\f022"; }

.fa-lock:before {
  content: "\f023"; }

.fa-flag:before {
  content: "\f024"; }

.fa-headphones:before {
  content: "\f025"; }

.fa-volume-off:before {
  content: "\f026"; }

.fa-volume-down:before {
  content: "\f027"; }

.fa-volume-up:before {
  content: "\f028"; }

.fa-qrcode:before {
  content: "\f029"; }

.fa-barcode:before {
  content: "\f02a"; }

.fa-tag:before {
  content: "\f02b"; }

.fa-tags:before {
  content: "\f02c"; }

.fa-book:before {
  content: "\f02d"; }

.fa-bookmark:before {
  content: "\f02e"; }

.fa-print:before {
  content: "\f02f"; }

.fa-camera:before {
  content: "\f030"; }

.fa-font:before {
  content: "\f031"; }

.fa-bold:before {
  content: "\f032"; }

.fa-italic:before {
  content: "\f033"; }

.fa-text-height:before {
  content: "\f034"; }

.fa-text-width:before {
  content: "\f035"; }

.fa-align-left:before {
  content: "\f036"; }

.fa-align-center:before {
  content: "\f037"; }

.fa-align-right:before {
  content: "\f038"; }

.fa-align-justify:before {
  content: "\f039"; }

.fa-list:before {
  content: "\f03a"; }

.fa-dedent:before, .fa-outdent:before {
  content: "\f03b"; }

.fa-indent:before {
  content: "\f03c"; }

.fa-video-camera:before {
  content: "\f03d"; }

.fa-photo:before, .fa-image:before, .fa-picture-o:before {
  content: "\f03e"; }

.fa-pencil:before {
  content: "\f040"; }

.fa-map-marker:before {
  content: "\f041"; }

.fa-adjust:before {
  content: "\f042"; }

.fa-tint:before {
  content: "\f043"; }

.fa-edit:before, .fa-pencil-square-o:before {
  content: "\f044"; }

.fa-share-square-o:before {
  content: "\f045"; }

.fa-check-square-o:before {
  content: "\f046"; }

.fa-arrows:before {
  content: "\f047"; }

.fa-step-backward:before {
  content: "\f048"; }

.fa-fast-backward:before {
  content: "\f049"; }

.fa-backward:before {
  content: "\f04a"; }

.fa-play:before {
  content: "\f04b"; }

.fa-pause:before {
  content: "\f04c"; }

.fa-stop:before {
  content: "\f04d"; }

.fa-forward:before {
  content: "\f04e"; }

.fa-fast-forward:before {
  content: "\f050"; }

.fa-step-forward:before {
  content: "\f051"; }

.fa-eject:before {
  content: "\f052"; }

.fa-chevron-left:before {
  content: "\f053"; }

.fa-chevron-right:before {
  content: "\f054"; }

.fa-plus-circle:before {
  content: "\f055"; }

.fa-minus-circle:before {
  content: "\f056"; }

.fa-times-circle:before {
  content: "\f057"; }

.fa-check-circle:before {
  content: "\f058"; }

.fa-question-circle:before {
  content: "\f059"; }

.fa-info-circle:before {
  content: "\f05a"; }

.fa-crosshairs:before {
  content: "\f05b"; }

.fa-times-circle-o:before {
  content: "\f05c"; }

.fa-check-circle-o:before {
  content: "\f05d"; }

.fa-ban:before {
  content: "\f05e"; }

.fa-arrow-left:before {
  content: "\f060"; }

.fa-arrow-right:before {
  content: "\f061"; }

.fa-arrow-up:before {
  content: "\f062"; }

.fa-arrow-down:before {
  content: "\f063"; }

.fa-mail-forward:before, .fa-share:before {
  content: "\f064"; }

.fa-expand:before {
  content: "\f065"; }

.fa-compress:before {
  content: "\f066"; }

.fa-plus:before {
  content: "\f067"; }

.fa-minus:before {
  content: "\f068"; }

.fa-asterisk:before {
  content: "\f069"; }

.fa-exclamation-circle:before {
  content: "\f06a"; }

.fa-gift:before {
  content: "\f06b"; }

.fa-leaf:before {
  content: "\f06c"; }

.fa-fire:before {
  content: "\f06d"; }

.fa-eye:before {
  content: "\f06e"; }

.fa-eye-slash:before {
  content: "\f070"; }

.fa-warning:before, .fa-exclamation-triangle:before {
  content: "\f071"; }

.fa-plane:before {
  content: "\f072"; }

.fa-calendar:before {
  content: "\f073"; }

.fa-random:before {
  content: "\f074"; }

.fa-comment:before {
  content: "\f075"; }

.fa-magnet:before {
  content: "\f076"; }

.fa-chevron-up:before {
  content: "\f077"; }

.fa-chevron-down:before {
  content: "\f078"; }

.fa-retweet:before {
  content: "\f079"; }

.fa-shopping-cart:before {
  content: "\f07a"; }

.fa-folder:before {
  content: "\f07b"; }

.fa-folder-open:before {
  content: "\f07c"; }

.fa-arrows-v:before {
  content: "\f07d"; }

.fa-arrows-h:before {
  content: "\f07e"; }

.fa-bar-chart-o:before, .fa-bar-chart:before {
  content: "\f080"; }

.fa-twitter-square:before {
  content: "\f081"; }

.fa-facebook-square:before {
  content: "\f082"; }

.fa-camera-retro:before {
  content: "\f083"; }

.fa-key:before {
  content: "\f084"; }

.fa-gears:before, .fa-cogs:before {
  content: "\f085"; }

.fa-comments:before {
  content: "\f086"; }

.fa-thumbs-o-up:before {
  content: "\f087"; }

.fa-thumbs-o-down:before {
  content: "\f088"; }

.fa-star-half:before {
  content: "\f089"; }

.fa-heart-o:before {
  content: "\f08a"; }

.fa-sign-out:before {
  content: "\f08b"; }

.fa-linkedin-square:before {
  content: "\f08c"; }

.fa-thumb-tack:before {
  content: "\f08d"; }

.fa-external-link:before {
  content: "\f08e"; }

.fa-sign-in:before {
  content: "\f090"; }

.fa-trophy:before {
  content: "\f091"; }

.fa-github-square:before {
  content: "\f092"; }

.fa-upload:before {
  content: "\f093"; }

.fa-lemon-o:before {
  content: "\f094"; }

.fa-phone:before {
  content: "\f095"; }

.fa-square-o:before {
  content: "\f096"; }

.fa-bookmark-o:before {
  content: "\f097"; }

.fa-phone-square:before {
  content: "\f098"; }

.fa-twitter:before {
  content: "\f099"; }

.fa-facebook-f:before, .fa-facebook:before {
  content: "\f09a"; }

.fa-github:before {
  content: "\f09b"; }

.fa-unlock:before {
  content: "\f09c"; }

.fa-credit-card:before {
  content: "\f09d"; }

.fa-feed:before, .fa-rss:before {
  content: "\f09e"; }

.fa-hdd-o:before {
  content: "\f0a0"; }

.fa-bullhorn:before {
  content: "\f0a1"; }

.fa-bell:before {
  content: "\f0f3"; }

.fa-certificate:before {
  content: "\f0a3"; }

.fa-hand-o-right:before {
  content: "\f0a4"; }

.fa-hand-o-left:before {
  content: "\f0a5"; }

.fa-hand-o-up:before {
  content: "\f0a6"; }

.fa-hand-o-down:before {
  content: "\f0a7"; }

.fa-arrow-circle-left:before {
  content: "\f0a8"; }

.fa-arrow-circle-right:before {
  content: "\f0a9"; }

.fa-arrow-circle-up:before {
  content: "\f0aa"; }

.fa-arrow-circle-down:before {
  content: "\f0ab"; }

.fa-globe:before {
  content: "\f0ac"; }

.fa-wrench:before {
  content: "\f0ad"; }

.fa-tasks:before {
  content: "\f0ae"; }

.fa-filter:before {
  content: "\f0b0"; }

.fa-briefcase:before {
  content: "\f0b1"; }

.fa-arrows-alt:before {
  content: "\f0b2"; }

.fa-group:before, .fa-users:before {
  content: "\f0c0"; }

.fa-chain:before, .fa-link:before {
  content: "\f0c1"; }

.fa-cloud:before {
  content: "\f0c2"; }

.fa-flask:before {
  content: "\f0c3"; }

.fa-cut:before, .fa-scissors:before {
  content: "\f0c4"; }

.fa-copy:before, .fa-files-o:before {
  content: "\f0c5"; }

.fa-paperclip:before {
  content: "\f0c6"; }

.fa-save:before, .fa-floppy-o:before {
  content: "\f0c7"; }

.fa-square:before {
  content: "\f0c8"; }

.fa-navicon:before, .fa-reorder:before, .fa-bars:before {
  content: "\f0c9"; }

.fa-list-ul:before {
  content: "\f0ca"; }

.fa-list-ol:before {
  content: "\f0cb"; }

.fa-strikethrough:before {
  content: "\f0cc"; }

.fa-underline:before {
  content: "\f0cd"; }

.fa-table:before {
  content: "\f0ce"; }

.fa-magic:before {
  content: "\f0d0"; }

.fa-truck:before {
  content: "\f0d1"; }

.fa-pinterest:before {
  content: "\f0d2"; }

.fa-pinterest-square:before {
  content: "\f0d3"; }

.fa-google-plus-square:before {
  content: "\f0d4"; }

.fa-google-plus:before {
  content: "\f0d5"; }

.fa-money:before {
  content: "\f0d6"; }

.fa-caret-down:before {
  content: "\f0d7"; }

.fa-caret-up:before {
  content: "\f0d8"; }

.fa-caret-left:before {
  content: "\f0d9"; }

.fa-caret-right:before {
  content: "\f0da"; }

.fa-columns:before {
  content: "\f0db"; }

.fa-unsorted:before, .fa-sort:before {
  content: "\f0dc"; }

.fa-sort-down:before, .fa-sort-desc:before {
  content: "\f0dd"; }

.fa-sort-up:before, .fa-sort-asc:before {
  content: "\f0de"; }

.fa-envelope:before {
  content: "\f0e0"; }

.fa-linkedin:before {
  content: "\f0e1"; }

.fa-rotate-left:before, .fa-undo:before {
  content: "\f0e2"; }

.fa-legal:before, .fa-gavel:before {
  content: "\f0e3"; }

.fa-dashboard:before, .fa-tachometer:before {
  content: "\f0e4"; }

.fa-comment-o:before {
  content: "\f0e5"; }

.fa-comments-o:before {
  content: "\f0e6"; }

.fa-flash:before, .fa-bolt:before {
  content: "\f0e7"; }

.fa-sitemap:before {
  content: "\f0e8"; }

.fa-umbrella:before {
  content: "\f0e9"; }

.fa-paste:before, .fa-clipboard:before {
  content: "\f0ea"; }

.fa-lightbulb-o:before {
  content: "\f0eb"; }

.fa-exchange:before {
  content: "\f0ec"; }

.fa-cloud-download:before {
  content: "\f0ed"; }

.fa-cloud-upload:before {
  content: "\f0ee"; }

.fa-user-md:before {
  content: "\f0f0"; }

.fa-stethoscope:before {
  content: "\f0f1"; }

.fa-suitcase:before {
  content: "\f0f2"; }

.fa-bell-o:before {
  content: "\f0a2"; }

.fa-coffee:before {
  content: "\f0f4"; }

.fa-cutlery:before {
  content: "\f0f5"; }

.fa-file-text-o:before {
  content: "\f0f6"; }

.fa-building-o:before {
  content: "\f0f7"; }

.fa-hospital-o:before {
  content: "\f0f8"; }

.fa-ambulance:before {
  content: "\f0f9"; }

.fa-medkit:before {
  content: "\f0fa"; }

.fa-fighter-jet:before {
  content: "\f0fb"; }

.fa-beer:before {
  content: "\f0fc"; }

.fa-h-square:before {
  content: "\f0fd"; }

.fa-plus-square:before {
  content: "\f0fe"; }

.fa-angle-double-left:before {
  content: "\f100"; }

.fa-angle-double-right:before {
  content: "\f101"; }

.fa-angle-double-up:before {
  content: "\f102"; }

.fa-angle-double-down:before {
  content: "\f103"; }

.fa-angle-left:before {
  content: "\f104"; }

.fa-angle-right:before {
  content: "\f105"; }

.fa-angle-up:before {
  content: "\f106"; }

.fa-angle-down:before {
  content: "\f107"; }

.fa-desktop:before {
  content: "\f108"; }

.fa-laptop:before {
  content: "\f109"; }

.fa-tablet:before {
  content: "\f10a"; }

.fa-mobile-phone:before, .fa-mobile:before {
  content: "\f10b"; }

.fa-circle-o:before {
  content: "\f10c"; }

.fa-quote-left:before {
  content: "\f10d"; }

.fa-quote-right:before {
  content: "\f10e"; }

.fa-spinner:before {
  content: "\f110"; }

.fa-circle:before {
  content: "\f111"; }

.fa-mail-reply:before, .fa-reply:before {
  content: "\f112"; }

.fa-github-alt:before {
  content: "\f113"; }

.fa-folder-o:before {
  content: "\f114"; }

.fa-folder-open-o:before {
  content: "\f115"; }

.fa-smile-o:before {
  content: "\f118"; }

.fa-frown-o:before {
  content: "\f119"; }

.fa-meh-o:before {
  content: "\f11a"; }

.fa-gamepad:before {
  content: "\f11b"; }

.fa-keyboard-o:before {
  content: "\f11c"; }

.fa-flag-o:before {
  content: "\f11d"; }

.fa-flag-checkered:before {
  content: "\f11e"; }

.fa-terminal:before {
  content: "\f120"; }

.fa-code:before {
  content: "\f121"; }

.fa-mail-reply-all:before, .fa-reply-all:before {
  content: "\f122"; }

.fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before {
  content: "\f123"; }

.fa-location-arrow:before {
  content: "\f124"; }

.fa-crop:before {
  content: "\f125"; }

.fa-code-fork:before {
  content: "\f126"; }

.fa-unlink:before, .fa-chain-broken:before {
  content: "\f127"; }

.fa-question:before {
  content: "\f128"; }

.fa-info:before {
  content: "\f129"; }

.fa-exclamation:before {
  content: "\f12a"; }

.fa-superscript:before {
  content: "\f12b"; }

.fa-subscript:before {
  content: "\f12c"; }

.fa-eraser:before {
  content: "\f12d"; }

.fa-puzzle-piece:before {
  content: "\f12e"; }

.fa-microphone:before {
  content: "\f130"; }

.fa-microphone-slash:before {
  content: "\f131"; }

.fa-shield:before {
  content: "\f132"; }

.fa-calendar-o:before {
  content: "\f133"; }

.fa-fire-extinguisher:before {
  content: "\f134"; }

.fa-rocket:before {
  content: "\f135"; }

.fa-maxcdn:before {
  content: "\f136"; }

.fa-chevron-circle-left:before {
  content: "\f137"; }

.fa-chevron-circle-right:before {
  content: "\f138"; }

.fa-chevron-circle-up:before {
  content: "\f139"; }

.fa-chevron-circle-down:before {
  content: "\f13a"; }

.fa-html5:before {
  content: "\f13b"; }

.fa-css3:before {
  content: "\f13c"; }

.fa-anchor:before {
  content: "\f13d"; }

.fa-unlock-alt:before {
  content: "\f13e"; }

.fa-bullseye:before {
  content: "\f140"; }

.fa-ellipsis-h:before {
  content: "\f141"; }

.fa-ellipsis-v:before {
  content: "\f142"; }

.fa-rss-square:before {
  content: "\f143"; }

.fa-play-circle:before {
  content: "\f144"; }

.fa-ticket:before {
  content: "\f145"; }

.fa-minus-square:before {
  content: "\f146"; }

.fa-minus-square-o:before {
  content: "\f147"; }

.fa-level-up:before {
  content: "\f148"; }

.fa-level-down:before {
  content: "\f149"; }

.fa-check-square:before {
  content: "\f14a"; }

.fa-pencil-square:before {
  content: "\f14b"; }

.fa-external-link-square:before {
  content: "\f14c"; }

.fa-share-square:before {
  content: "\f14d"; }

.fa-compass:before {
  content: "\f14e"; }

.fa-toggle-down:before, .fa-caret-square-o-down:before {
  content: "\f150"; }

.fa-toggle-up:before, .fa-caret-square-o-up:before {
  content: "\f151"; }

.fa-toggle-right:before, .fa-caret-square-o-right:before {
  content: "\f152"; }

.fa-euro:before, .fa-eur:before {
  content: "\f153"; }

.fa-gbp:before {
  content: "\f154"; }

.fa-dollar:before, .fa-usd:before {
  content: "\f155"; }

.fa-rupee:before, .fa-inr:before {
  content: "\f156"; }

.fa-cny:before, .fa-rmb:before, .fa-yen:before, .fa-jpy:before {
  content: "\f157"; }

.fa-ruble:before, .fa-rouble:before, .fa-rub:before {
  content: "\f158"; }

.fa-won:before, .fa-krw:before {
  content: "\f159"; }

.fa-bitcoin:before, .fa-btc:before {
  content: "\f15a"; }

.fa-file:before {
  content: "\f15b"; }

.fa-file-text:before {
  content: "\f15c"; }

.fa-sort-alpha-asc:before {
  content: "\f15d"; }

.fa-sort-alpha-desc:before {
  content: "\f15e"; }

.fa-sort-amount-asc:before {
  content: "\f160"; }

.fa-sort-amount-desc:before {
  content: "\f161"; }

.fa-sort-numeric-asc:before {
  content: "\f162"; }

.fa-sort-numeric-desc:before {
  content: "\f163"; }

.fa-thumbs-up:before {
  content: "\f164"; }

.fa-thumbs-down:before {
  content: "\f165"; }

.fa-youtube-square:before {
  content: "\f166"; }

.fa-youtube:before {
  content: "\f167"; }

.fa-xing:before {
  content: "\f168"; }

.fa-xing-square:before {
  content: "\f169"; }

.fa-youtube-play:before {
  content: "\f16a"; }

.fa-dropbox:before {
  content: "\f16b"; }

.fa-stack-overflow:before {
  content: "\f16c"; }

.fa-instagram:before {
  content: "\f16d"; }

.fa-flickr:before {
  content: "\f16e"; }

.fa-adn:before {
  content: "\f170"; }

.fa-bitbucket:before {
  content: "\f171"; }

.fa-bitbucket-square:before {
  content: "\f172"; }

.fa-tumblr:before {
  content: "\f173"; }

.fa-tumblr-square:before {
  content: "\f174"; }

.fa-long-arrow-down:before {
  content: "\f175"; }

.fa-long-arrow-up:before {
  content: "\f176"; }

.fa-long-arrow-left:before {
  content: "\f177"; }

.fa-long-arrow-right:before {
  content: "\f178"; }

.fa-apple:before {
  content: "\f179"; }

.fa-windows:before {
  content: "\f17a"; }

.fa-android:before {
  content: "\f17b"; }

.fa-linux:before {
  content: "\f17c"; }

.fa-dribbble:before {
  content: "\f17d"; }

.fa-skype:before {
  content: "\f17e"; }

.fa-foursquare:before {
  content: "\f180"; }

.fa-trello:before {
  content: "\f181"; }

.fa-female:before {
  content: "\f182"; }

.fa-male:before {
  content: "\f183"; }

.fa-gittip:before, .fa-gratipay:before {
  content: "\f184"; }

.fa-sun-o:before {
  content: "\f185"; }

.fa-moon-o:before {
  content: "\f186"; }

.fa-archive:before {
  content: "\f187"; }

.fa-bug:before {
  content: "\f188"; }

.fa-vk:before {
  content: "\f189"; }

.fa-weibo:before {
  content: "\f18a"; }

.fa-renren:before {
  content: "\f18b"; }

.fa-pagelines:before {
  content: "\f18c"; }

.fa-stack-exchange:before {
  content: "\f18d"; }

.fa-arrow-circle-o-right:before {
  content: "\f18e"; }

.fa-arrow-circle-o-left:before {
  content: "\f190"; }

.fa-toggle-left:before, .fa-caret-square-o-left:before {
  content: "\f191"; }

.fa-dot-circle-o:before {
  content: "\f192"; }

.fa-wheelchair:before {
  content: "\f193"; }

.fa-vimeo-square:before {
  content: "\f194"; }

.fa-turkish-lira:before, .fa-try:before {
  content: "\f195"; }

.fa-plus-square-o:before {
  content: "\f196"; }

.fa-space-shuttle:before {
  content: "\f197"; }

.fa-slack:before {
  content: "\f198"; }

.fa-envelope-square:before {
  content: "\f199"; }

.fa-wordpress:before {
  content: "\f19a"; }

.fa-openid:before {
  content: "\f19b"; }

.fa-institution:before, .fa-bank:before, .fa-university:before {
  content: "\f19c"; }

.fa-mortar-board:before, .fa-graduation-cap:before {
  content: "\f19d"; }

.fa-yahoo:before {
  content: "\f19e"; }

.fa-google:before {
  content: "\f1a0"; }

.fa-reddit:before {
  content: "\f1a1"; }

.fa-reddit-square:before {
  content: "\f1a2"; }

.fa-stumbleupon-circle:before {
  content: "\f1a3"; }

.fa-stumbleupon:before {
  content: "\f1a4"; }

.fa-delicious:before {
  content: "\f1a5"; }

.fa-digg:before {
  content: "\f1a6"; }

.fa-pied-piper:before {
  content: "\f1a7"; }

.fa-pied-piper-alt:before {
  content: "\f1a8"; }

.fa-drupal:before {
  content: "\f1a9"; }

.fa-joomla:before {
  content: "\f1aa"; }

.fa-language:before {
  content: "\f1ab"; }

.fa-fax:before {
  content: "\f1ac"; }

.fa-building:before {
  content: "\f1ad"; }

.fa-child:before {
  content: "\f1ae"; }

.fa-paw:before {
  content: "\f1b0"; }

.fa-spoon:before {
  content: "\f1b1"; }

.fa-cube:before {
  content: "\f1b2"; }

.fa-cubes:before {
  content: "\f1b3"; }

.fa-behance:before {
  content: "\f1b4"; }

.fa-behance-square:before {
  content: "\f1b5"; }

.fa-steam:before {
  content: "\f1b6"; }

.fa-steam-square:before {
  content: "\f1b7"; }

.fa-recycle:before {
  content: "\f1b8"; }

.fa-automobile:before, .fa-car:before {
  content: "\f1b9"; }

.fa-cab:before, .fa-taxi:before {
  content: "\f1ba"; }

.fa-tree:before {
  content: "\f1bb"; }

.fa-spotify:before {
  content: "\f1bc"; }

.fa-deviantart:before {
  content: "\f1bd"; }

.fa-soundcloud:before {
  content: "\f1be"; }

.fa-database:before {
  content: "\f1c0"; }

.fa-file-pdf-o:before {
  content: "\f1c1"; }

.fa-file-word-o:before {
  content: "\f1c2"; }

.fa-file-excel-o:before {
  content: "\f1c3"; }

.fa-file-powerpoint-o:before {
  content: "\f1c4"; }

.fa-file-photo-o:before, .fa-file-picture-o:before, .fa-file-image-o:before {
  content: "\f1c5"; }

.fa-file-zip-o:before, .fa-file-archive-o:before {
  content: "\f1c6"; }

.fa-file-sound-o:before, .fa-file-audio-o:before {
  content: "\f1c7"; }

.fa-file-movie-o:before, .fa-file-video-o:before {
  content: "\f1c8"; }

.fa-file-code-o:before {
  content: "\f1c9"; }

.fa-vine:before {
  content: "\f1ca"; }

.fa-codepen:before {
  content: "\f1cb"; }

.fa-jsfiddle:before {
  content: "\f1cc"; }

.fa-life-bouy:before, .fa-life-buoy:before, .fa-life-saver:before, .fa-support:before, .fa-life-ring:before {
  content: "\f1cd"; }

.fa-circle-o-notch:before {
  content: "\f1ce"; }

.fa-ra:before, .fa-rebel:before {
  content: "\f1d0"; }

.fa-ge:before, .fa-empire:before {
  content: "\f1d1"; }

.fa-git-square:before {
  content: "\f1d2"; }

.fa-git:before {
  content: "\f1d3"; }

.fa-y-combinator-square:before, .fa-yc-square:before, .fa-hacker-news:before {
  content: "\f1d4"; }

.fa-tencent-weibo:before {
  content: "\f1d5"; }

.fa-qq:before {
  content: "\f1d6"; }

.fa-wechat:before, .fa-weixin:before {
  content: "\f1d7"; }

.fa-send:before, .fa-paper-plane:before {
  content: "\f1d8"; }

.fa-send-o:before, .fa-paper-plane-o:before {
  content: "\f1d9"; }

.fa-history:before {
  content: "\f1da"; }

.fa-circle-thin:before {
  content: "\f1db"; }

.fa-header:before {
  content: "\f1dc"; }

.fa-paragraph:before {
  content: "\f1dd"; }

.fa-sliders:before {
  content: "\f1de"; }

.fa-share-alt:before {
  content: "\f1e0"; }

.fa-share-alt-square:before {
  content: "\f1e1"; }

.fa-bomb:before {
  content: "\f1e2"; }

.fa-soccer-ball-o:before, .fa-futbol-o:before {
  content: "\f1e3"; }

.fa-tty:before {
  content: "\f1e4"; }

.fa-binoculars:before {
  content: "\f1e5"; }

.fa-plug:before {
  content: "\f1e6"; }

.fa-slideshare:before {
  content: "\f1e7"; }

.fa-twitch:before {
  content: "\f1e8"; }

.fa-yelp:before {
  content: "\f1e9"; }

.fa-newspaper-o:before {
  content: "\f1ea"; }

.fa-wifi:before {
  content: "\f1eb"; }

.fa-calculator:before {
  content: "\f1ec"; }

.fa-paypal:before {
  content: "\f1ed"; }

.fa-google-wallet:before {
  content: "\f1ee"; }

.fa-cc-visa:before {
  content: "\f1f0"; }

.fa-cc-mastercard:before {
  content: "\f1f1"; }

.fa-cc-discover:before {
  content: "\f1f2"; }

.fa-cc-amex:before {
  content: "\f1f3"; }

.fa-cc-paypal:before {
  content: "\f1f4"; }

.fa-cc-stripe:before {
  content: "\f1f5"; }

.fa-bell-slash:before {
  content: "\f1f6"; }

.fa-bell-slash-o:before {
  content: "\f1f7"; }

.fa-trash:before {
  content: "\f1f8"; }

.fa-copyright:before {
  content: "\f1f9"; }

.fa-at:before {
  content: "\f1fa"; }

.fa-eyedropper:before {
  content: "\f1fb"; }

.fa-paint-brush:before {
  content: "\f1fc"; }

.fa-birthday-cake:before {
  content: "\f1fd"; }

.fa-area-chart:before {
  content: "\f1fe"; }

.fa-pie-chart:before {
  content: "\f200"; }

.fa-line-chart:before {
  content: "\f201"; }

.fa-lastfm:before {
  content: "\f202"; }

.fa-lastfm-square:before {
  content: "\f203"; }

.fa-toggle-off:before {
  content: "\f204"; }

.fa-toggle-on:before {
  content: "\f205"; }

.fa-bicycle:before {
  content: "\f206"; }

.fa-bus:before {
  content: "\f207"; }

.fa-ioxhost:before {
  content: "\f208"; }

.fa-angellist:before {
  content: "\f209"; }

.fa-cc:before {
  content: "\f20a"; }

.fa-shekel:before, .fa-sheqel:before, .fa-ils:before {
  content: "\f20b"; }

.fa-meanpath:before {
  content: "\f20c"; }

.fa-buysellads:before {
  content: "\f20d"; }

.fa-connectdevelop:before {
  content: "\f20e"; }

.fa-dashcube:before {
  content: "\f210"; }

.fa-forumbee:before {
  content: "\f211"; }

.fa-leanpub:before {
  content: "\f212"; }

.fa-sellsy:before {
  content: "\f213"; }

.fa-shirtsinbulk:before {
  content: "\f214"; }

.fa-simplybuilt:before {
  content: "\f215"; }

.fa-skyatlas:before {
  content: "\f216"; }

.fa-cart-plus:before {
  content: "\f217"; }

.fa-cart-arrow-down:before {
  content: "\f218"; }

.fa-diamond:before {
  content: "\f219"; }

.fa-ship:before {
  content: "\f21a"; }

.fa-user-secret:before {
  content: "\f21b"; }

.fa-motorcycle:before {
  content: "\f21c"; }

.fa-street-view:before {
  content: "\f21d"; }

.fa-heartbeat:before {
  content: "\f21e"; }

.fa-venus:before {
  content: "\f221"; }

.fa-mars:before {
  content: "\f222"; }

.fa-mercury:before {
  content: "\f223"; }

.fa-intersex:before, .fa-transgender:before {
  content: "\f224"; }

.fa-transgender-alt:before {
  content: "\f225"; }

.fa-venus-double:before {
  content: "\f226"; }

.fa-mars-double:before {
  content: "\f227"; }

.fa-venus-mars:before {
  content: "\f228"; }

.fa-mars-stroke:before {
  content: "\f229"; }

.fa-mars-stroke-v:before {
  content: "\f22a"; }

.fa-mars-stroke-h:before {
  content: "\f22b"; }

.fa-neuter:before {
  content: "\f22c"; }

.fa-genderless:before {
  content: "\f22d"; }

.fa-facebook-official:before {
  content: "\f230"; }

.fa-pinterest-p:before {
  content: "\f231"; }

.fa-whatsapp:before {
  content: "\f232"; }

.fa-server:before {
  content: "\f233"; }

.fa-user-plus:before {
  content: "\f234"; }

.fa-user-times:before {
  content: "\f235"; }

.fa-hotel:before, .fa-bed:before {
  content: "\f236"; }

.fa-viacoin:before {
  content: "\f237"; }

.fa-train:before {
  content: "\f238"; }

.fa-subway:before {
  content: "\f239"; }

.fa-medium:before {
  content: "\f23a"; }

.fa-yc:before, .fa-y-combinator:before {
  content: "\f23b"; }

.fa-optin-monster:before {
  content: "\f23c"; }

.fa-opencart:before {
  content: "\f23d"; }

.fa-expeditedssl:before {
  content: "\f23e"; }

.fa-battery-4:before, .fa-battery-full:before {
  content: "\f240"; }

.fa-battery-3:before, .fa-battery-three-quarters:before {
  content: "\f241"; }

.fa-battery-2:before, .fa-battery-half:before {
  content: "\f242"; }

.fa-battery-1:before, .fa-battery-quarter:before {
  content: "\f243"; }

.fa-battery-0:before, .fa-battery-empty:before {
  content: "\f244"; }

.fa-mouse-pointer:before {
  content: "\f245"; }

.fa-i-cursor:before {
  content: "\f246"; }

.fa-object-group:before {
  content: "\f247"; }

.fa-object-ungroup:before {
  content: "\f248"; }

.fa-sticky-note:before {
  content: "\f249"; }

.fa-sticky-note-o:before {
  content: "\f24a"; }

.fa-cc-jcb:before {
  content: "\f24b"; }

.fa-cc-diners-club:before {
  content: "\f24c"; }

.fa-clone:before {
  content: "\f24d"; }

.fa-balance-scale:before {
  content: "\f24e"; }

.fa-hourglass-o:before {
  content: "\f250"; }

.fa-hourglass-1:before, .fa-hourglass-start:before {
  content: "\f251"; }

.fa-hourglass-2:before, .fa-hourglass-half:before {
  content: "\f252"; }

.fa-hourglass-3:before, .fa-hourglass-end:before {
  content: "\f253"; }

.fa-hourglass:before {
  content: "\f254"; }

.fa-hand-grab-o:before, .fa-hand-rock-o:before {
  content: "\f255"; }

.fa-hand-stop-o:before, .fa-hand-paper-o:before {
  content: "\f256"; }

.fa-hand-scissors-o:before {
  content: "\f257"; }

.fa-hand-lizard-o:before {
  content: "\f258"; }

.fa-hand-spock-o:before {
  content: "\f259"; }

.fa-hand-pointer-o:before {
  content: "\f25a"; }

.fa-hand-peace-o:before {
  content: "\f25b"; }

.fa-trademark:before {
  content: "\f25c"; }

.fa-registered:before {
  content: "\f25d"; }

.fa-creative-commons:before {
  content: "\f25e"; }

.fa-gg:before {
  content: "\f260"; }

.fa-gg-circle:before {
  content: "\f261"; }

.fa-tripadvisor:before {
  content: "\f262"; }

.fa-odnoklassniki:before {
  content: "\f263"; }

.fa-odnoklassniki-square:before {
  content: "\f264"; }

.fa-get-pocket:before {
  content: "\f265"; }

.fa-wikipedia-w:before {
  content: "\f266"; }

.fa-safari:before {
  content: "\f267"; }

.fa-chrome:before {
  content: "\f268"; }

.fa-firefox:before {
  content: "\f269"; }

.fa-opera:before {
  content: "\f26a"; }

.fa-internet-explorer:before {
  content: "\f26b"; }

.fa-tv:before, .fa-television:before {
  content: "\f26c"; }

.fa-contao:before {
  content: "\f26d"; }

.fa-500px:before {
  content: "\f26e"; }

.fa-amazon:before {
  content: "\f270"; }

.fa-calendar-plus-o:before {
  content: "\f271"; }

.fa-calendar-minus-o:before {
  content: "\f272"; }

.fa-calendar-times-o:before {
  content: "\f273"; }

.fa-calendar-check-o:before {
  content: "\f274"; }

.fa-industry:before {
  content: "\f275"; }

.fa-map-pin:before {
  content: "\f276"; }

.fa-map-signs:before {
  content: "\f277"; }

.fa-map-o:before {
  content: "\f278"; }

.fa-map:before {
  content: "\f279"; }

.fa-commenting:before {
  content: "\f27a"; }

.fa-commenting-o:before {
  content: "\f27b"; }

.fa-houzz:before {
  content: "\f27c"; }

.fa-vimeo:before {
  content: "\f27d"; }

.fa-black-tie:before {
  content: "\f27e"; }

.fa-fonticons:before {
  content: "\f280"; }

.fa-reddit-alien:before {
  content: "\f281"; }

.fa-edge:before {
  content: "\f282"; }

.fa-credit-card-alt:before {
  content: "\f283"; }

.fa-codiepie:before {
  content: "\f284"; }

.fa-modx:before {
  content: "\f285"; }

.fa-fort-awesome:before {
  content: "\f286"; }

.fa-usb:before {
  content: "\f287"; }

.fa-product-hunt:before {
  content: "\f288"; }

.fa-mixcloud:before {
  content: "\f289"; }

.fa-scribd:before {
  content: "\f28a"; }

.fa-pause-circle:before {
  content: "\f28b"; }

.fa-pause-circle-o:before {
  content: "\f28c"; }

.fa-stop-circle:before {
  content: "\f28d"; }

.fa-stop-circle-o:before {
  content: "\f28e"; }

.fa-shopping-bag:before {
  content: "\f290"; }

.fa-shopping-basket:before {
  content: "\f291"; }

.fa-hashtag:before {
  content: "\f292"; }

.fa-bluetooth:before {
  content: "\f293"; }

.fa-bluetooth-b:before {
  content: "\f294"; }

.fa-percent:before {
  content: "\f295"; }

/** * Swiper 3.3.0  */
.swiper-container {
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  z-index: 1; }

.swiper-container-no-flexbox .swiper-slide {
  float: left; }

.swiper-container-vertical > .swiper-wrapper {
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column; }

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box; }

.swiper-container-android .swiper-slide, .swiper-wrapper {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate(0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.swiper-container-multirow > .swiper-wrapper {
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap; }

.swiper-container-free-mode > .swiper-wrapper {
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -ms-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  margin: 0 auto; }

.swiper-slide {
  -webkit-flex-shrink: 0;
  -ms-flex: 0 0 auto;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative; }

.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide {
  height: auto; }

.swiper-container-autoheight .swiper-wrapper {
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-transition-property: -webkit-transform,height;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform,height; }

.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000; }

.swiper-wp8-horizontal {
  -ms-touch-action: pan-y;
  touch-action: pan-y; }

.swiper-wp8-vertical {
  -ms-touch-action: pan-x;
  touch-action: pan-x; }

.swiper-button-next, .swiper-button-prev {
  position: absolute;
  top: 50%;
  width: 27px;
  height: 44px;
  margin-top: -22px;
  z-index: 10;
  cursor: pointer;
  -moz-background-size: 27px 44px;
  -webkit-background-size: 27px 44px;
  background-size: 27px 44px;
  background-position: center;
  background-repeat: no-repeat; }

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
  opacity: .35;
  cursor: auto;
  pointer-events: none; }

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  left: 10px;
  right: auto; }

.swiper-button-prev.swiper-button-black, .swiper-container-rtl .swiper-button-next.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); }

.swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); }

.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  right: 10px;
  left: auto; }

.swiper-button-next.swiper-button-black, .swiper-container-rtl .swiper-button-prev.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); }

.swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); }

.swiper-pagination {
  position: absolute;
  text-align: center;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  z-index: 10; }

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0; }

.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
  bottom: 10px;
  left: 0;
  width: 100%; }

.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background: #000;
  opacity: .2; }

button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -webkit-appearance: none;
  appearance: none; }

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer; }

.swiper-pagination-white .swiper-pagination-bullet {
  background: #fff; }

.swiper-pagination-bullet-active {
  opacity: 1;
  background: #007aff; }

.swiper-pagination-white .swiper-pagination-bullet-active {
  background: #fff; }

.swiper-pagination-black .swiper-pagination-bullet-active {
  background: #000; }

.swiper-container-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  -webkit-transform: translate3d(0, -50%, 0);
  -moz-transform: translate3d(0, -50%, 0);
  -o-transform: translate(0, -50%);
  -ms-transform: translate3d(0, -50%, 0);
  transform: translate3d(0, -50%, 0); }

.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 5px 0;
  display: block; }

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 5px; }

.swiper-pagination-progress {
  background: rgba(0, 0, 0, 0.25);
  position: absolute; }

.swiper-pagination-progress .swiper-pagination-progressbar {
  background: #007aff;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: left top;
  -moz-transform-origin: left top;
  -ms-transform-origin: left top;
  -o-transform-origin: left top;
  transform-origin: left top; }

.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar {
  -webkit-transform-origin: right top;
  -moz-transform-origin: right top;
  -ms-transform-origin: right top;
  -o-transform-origin: right top;
  transform-origin: right top; }

.swiper-container-horizontal > .swiper-pagination-progress {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0; }

.swiper-container-vertical > .swiper-pagination-progress {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0; }

.swiper-pagination-progress.swiper-pagination-white {
  background: rgba(255, 255, 255, 0.5); }

.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar {
  background: #fff; }

.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar {
  background: #000; }

.swiper-container-3d {
  -webkit-perspective: 1200px;
  -moz-perspective: 1200px;
  -o-perspective: 1200px;
  perspective: 1200px; }

.swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper {
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d; }

.swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10; }

.swiper-container-3d .swiper-slide-shadow-left {
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(transparent));
  background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), transparent);
  background-image: -moz-linear-gradient(right, rgba(0, 0, 0, 0.5), transparent);
  background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), transparent);
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), transparent); }

.swiper-container-3d .swiper-slide-shadow-right {
  background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(transparent));
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), transparent);
  background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.5), transparent);
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), transparent);
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), transparent); }

.swiper-container-3d .swiper-slide-shadow-top {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(transparent));
  background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), transparent);
  background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.5), transparent);
  background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), transparent);
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), transparent); }

.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(transparent));
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), transparent);
  background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.5), transparent);
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), transparent);
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), transparent); }

.swiper-container-coverflow .swiper-wrapper, .swiper-container-flip .swiper-wrapper {
  -ms-perspective: 1200px; }

.swiper-container-cube, .swiper-container-flip {
  overflow: visible; }

.swiper-container-cube .swiper-slide, .swiper-container-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1; }

.swiper-container-cube .swiper-slide .swiper-slide, .swiper-container-flip .swiper-slide .swiper-slide {
  pointer-events: none; }

.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active, .swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto; }

.swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .swiper-slide-shadow-top, .swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden; }

.swiper-container-cube .swiper-slide {
  visibility: hidden;
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  width: 100%;
  height: 100%; }

.swiper-container-cube.swiper-container-rtl .swiper-slide {
  -webkit-transform-origin: 100% 0;
  -moz-transform-origin: 100% 0;
  -ms-transform-origin: 100% 0;
  transform-origin: 100% 0; }

.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next + .swiper-slide, .swiper-container-cube .swiper-slide-prev {
  pointer-events: auto;
  visibility: visible; }

.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: .6;
  -webkit-filter: blur(50px);
  filter: blur(50px);
  z-index: 0; }

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -ms-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out; }

.swiper-container-fade .swiper-slide {
  pointer-events: none;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity; }

.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none; }

.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto; }

.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1); }

.swiper-container-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%; }

.swiper-container-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%; }

.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0; }

.swiper-scrollbar-cursor-drag {
  cursor: move; }

.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  -webkit-transform-origin: 50%;
  -moz-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
  -moz-animation: swiper-preloader-spin 1s steps(12, end) infinite;
  animation: swiper-preloader-spin 1s steps(12, end) infinite; }

.swiper-lazy-preloader:after {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-position: 50%;
  -webkit-background-size: 100%;
  background-size: 100%;
  background-repeat: no-repeat; }

.swiper-lazy-preloader-white:after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); }

@-webkit-keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg); } }
@keyframes swiper-preloader-spin {
  100% {
    transform: rotate(360deg); } }
/*
== malihu jquery custom scrollbar plugin ==
Plugin URI: http://manos.malihu.gr/jquery-custom-content-scroller
*/
/*
CONTENTS: 
    1. BASIC STYLE - Plugin's basic/essential CSS properties (normally, should not be edited). 
    2. VERTICAL SCROLLBAR - Positioning and dimensions of vertical scrollbar. 
    3. HORIZONTAL SCROLLBAR - Positioning and dimensions of horizontal scrollbar.
    4. VERTICAL AND HORIZONTAL SCROLLBARS - Positioning and dimensions of 2-axis scrollbars. 
    5. TRANSITIONS - CSS3 transitions for hover events, auto-expanded and auto-hidden scrollbars. 
    6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS 
        6.1 THEMES - Scrollbar colors, opacity, dimensions, backgrounds etc. via ready-to-use themes.
*/
/* 
------------------------------------------------------------------------------------------------------------------------
1. BASIC STYLE  
------------------------------------------------------------------------------------------------------------------------
*/
.mCustomScrollbar {
  -ms-touch-action: pinch-zoom;
  touch-action: pinch-zoom;
  /* direct pointer events to js */ }

.mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action {
  -ms-touch-action: auto;
  touch-action: auto; }

.mCustomScrollBox {
  /* contains plugin's markup */
  position: relative;
  overflow: hidden;
  height: 100%;
  max-width: 100%;
  outline: none;
  direction: ltr; }

.mCSB_container {
  /* contains the original content */
  overflow: hidden;
  width: auto;
  height: auto; }

/* 
------------------------------------------------------------------------------------------------------------------------
2. VERTICAL SCROLLBAR 
y-axis
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_inside > .mCSB_container {
  margin-right: 30px; }

.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-right: 0; }

/* non-visible scrollbar */
.mCS-dir-rtl > .mCSB_inside > .mCSB_container {
  /* RTL direction/left-side scrollbar */
  margin-right: 0;
  margin-left: 30px; }

.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-left: 0; }

/* RTL direction/left-side scrollbar */
.mCSB_scrollTools {
  /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */
  position: absolute;
  width: 16px;
  height: auto;
  left: auto;
  top: 0;
  right: 0;
  bottom: 0; }

.mCSB_outside + .mCSB_scrollTools {
  right: -26px; }

/* scrollbar position: outside */
.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools,
.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
  /* RTL direction/left-side scrollbar */
  right: auto;
  left: 0; }

.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
  left: -26px; }

/* RTL direction/left-side scrollbar (scrollbar position: outside) */
.mCSB_scrollTools .mCSB_draggerContainer {
  /* contains the draggable element and dragger rail markup */
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  height: auto; }

.mCSB_scrollTools a + .mCSB_draggerContainer {
  margin: 20px 0; }

.mCSB_scrollTools .mCSB_draggerRail {
  width: 2px;
  height: 100%;
  margin: 0 auto;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px; }

.mCSB_scrollTools .mCSB_dragger {
  /* the draggable element */
  cursor: pointer;
  width: 100%;
  height: 30px;
  /* minimum dragger height */
  z-index: 1; }

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  /* the dragger element */
  position: relative;
  width: 4px;
  height: 100%;
  margin: 0 auto;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px;
  text-align: center; }

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  width: 12px;
  /* auto-expanded scrollbar */ }

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  width: 8px;
  /* auto-expanded scrollbar */ }

.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown {
  display: block;
  position: absolute;
  height: 20px;
  width: 100%;
  overflow: hidden;
  margin: 0 auto;
  cursor: pointer; }

.mCSB_scrollTools .mCSB_buttonDown {
  bottom: 0; }

/* 
------------------------------------------------------------------------------------------------------------------------
3. HORIZONTAL SCROLLBAR 
x-axis
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_horizontal.mCSB_inside > .mCSB_container {
  margin-right: 0;
  margin-bottom: 30px; }

.mCSB_horizontal.mCSB_outside > .mCSB_container {
  min-height: 100%; }

.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden {
  margin-bottom: 0; }

/* non-visible scrollbar */
.mCSB_scrollTools.mCSB_scrollTools_horizontal {
  width: auto;
  height: 16px;
  top: auto;
  right: 0;
  bottom: 0;
  left: 0; }

.mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  bottom: -26px; }

/* scrollbar position: outside */
.mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer {
  margin: 0 20px; }

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 2px;
  margin: 7px 0; }

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 30px;
  /* minimum dragger width */
  height: 100%;
  left: 0; }

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 4px;
  margin: 6px auto; }

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  height: 12px;
  /* auto-expanded scrollbar */
  margin: 2px auto; }

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  height: 8px;
  /* auto-expanded scrollbar */
  margin: 4px 0; }

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
  display: block;
  position: absolute;
  width: 20px;
  height: 100%;
  overflow: hidden;
  margin: 0 auto;
  cursor: pointer; }

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft {
  left: 0; }

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
  right: 0; }

/* 
------------------------------------------------------------------------------------------------------------------------
4. VERTICAL AND HORIZONTAL SCROLLBARS 
yx-axis 
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_container_wrapper {
  position: absolute;
  height: auto;
  width: auto;
  overflow: hidden;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin-right: 30px;
  margin-bottom: 30px; }

.mCSB_container_wrapper > .mCSB_container {
  padding-right: 30px;
  padding-bottom: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical {
  bottom: 20px; }

.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  right: 20px; }

/* non-visible horizontal scrollbar */
.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical {
  bottom: 0; }

/* non-visible vertical scrollbar/RTL direction/left-side scrollbar */
.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  right: 0; }

/* RTL direction/left-side scrollbar */
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  left: 20px; }

/* non-visible scrollbar/RTL direction/left-side scrollbar */
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  left: 0; }

.mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper {
  /* RTL direction/left-side scrollbar */
  margin-right: 0;
  margin-left: 30px; }

.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container {
  padding-right: 0; }

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container {
  padding-bottom: 0; }

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-right: 0;
  /* non-visible scrollbar */
  margin-left: 0; }

/* non-visible horizontal scrollbar */
.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden {
  margin-bottom: 0; }

/* 
------------------------------------------------------------------------------------------------------------------------
5. TRANSITIONS  
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_scrollTools,
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight {
  -webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
  -moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
  -o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
  transition: opacity .2s ease-in-out, background-color .2s ease-in-out; }

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail {
  -webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s,  margin-left .2s ease-out .2s, margin-right .2s ease-out .2s,  margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;
  -moz-transition: width .2s ease-out .2s, height .2s ease-out .2s,  margin-left .2s ease-out .2s, margin-right .2s ease-out .2s,  margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;
  -o-transition: width .2s ease-out .2s, height .2s ease-out .2s,  margin-left .2s ease-out .2s, margin-right .2s ease-out .2s,  margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;
  transition: width .2s ease-out .2s, height .2s ease-out .2s,  margin-left .2s ease-out .2s, margin-right .2s ease-out .2s,  margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; }

/* 
------------------------------------------------------------------------------------------------------------------------
6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS  
------------------------------------------------------------------------------------------------------------------------
*/
/* 
----------------------------------------
6.1 THEMES 
----------------------------------------
*/
/* default theme ("light") */
.mCSB_scrollTools {
  opacity: 0.75;
  filter: "alpha(opacity=75)";
  -ms-filter: "alpha(opacity=75)"; }

.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools {
  opacity: 0;
  filter: "alpha(opacity=0)";
  -ms-filter: "alpha(opacity=0)"; }

.mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollBox:hover > .mCSB_scrollTools,
.mCustomScrollBox:hover ~ .mCSB_scrollTools,
.mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools {
  opacity: 1;
  filter: "alpha(opacity=100)";
  -ms-filter: "alpha(opacity=100)"; }

.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.4);
  filter: "alpha(opacity=40)";
  -ms-filter: "alpha(opacity=40)"; }

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75);
  filter: "alpha(opacity=75)";
  -ms-filter: "alpha(opacity=75)"; }

.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.85);
  filter: "alpha(opacity=85)";
  -ms-filter: "alpha(opacity=85)"; }

.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9);
  filter: "alpha(opacity=90)";
  -ms-filter: "alpha(opacity=90)"; }

.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight {
  background-image: url(mCSB_buttons.png);
  /* css sprites */
  background-repeat: no-repeat;
  opacity: 0.4;
  filter: "alpha(opacity=40)";
  -ms-filter: "alpha(opacity=40)"; }

.mCSB_scrollTools .mCSB_buttonUp {
  background-position: 0 0;
  /* 
  sprites locations 
  light: 0 0, -16px 0, -32px 0, -48px 0, 0 -72px, -16px -72px, -32px -72px
  dark: -80px 0, -96px 0, -112px 0, -128px 0, -80px -72px, -96px -72px, -112px -72px
  */ }

.mCSB_scrollTools .mCSB_buttonDown {
  background-position: 0 -20px;
  /* 
  sprites locations
  light: 0 -20px, -16px -20px, -32px -20px, -48px -20px, 0 -92px, -16px -92px, -32px -92px
  dark: -80px -20px, -96px -20px, -112px -20px, -128px -20px, -80px -92px, -96px -92px, -112 -92px
  */ }

.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: 0 -40px;
  /* 
  sprites locations 
  light: 0 -40px, -20px -40px, -40px -40px, -60px -40px, 0 -112px, -20px -112px, -40px -112px
  dark: -80px -40px, -100px -40px, -120px -40px, -140px -40px, -80px -112px, -100px -112px, -120px -112px
  */ }

.mCSB_scrollTools .mCSB_buttonRight {
  background-position: 0 -56px;
  /* 
  sprites locations 
  light: 0 -56px, -20px -56px, -40px -56px, -60px -56px, 0 -128px, -20px -128px, -40px -128px
  dark: -80px -56px, -100px -56px, -120px -56px, -140px -56px, -80px -128px, -100px -128px, -120px -128px
  */ }

.mCSB_scrollTools .mCSB_buttonUp:hover,
.mCSB_scrollTools .mCSB_buttonDown:hover,
.mCSB_scrollTools .mCSB_buttonLeft:hover,
.mCSB_scrollTools .mCSB_buttonRight:hover {
  opacity: 0.75;
  filter: "alpha(opacity=75)";
  -ms-filter: "alpha(opacity=75)"; }

.mCSB_scrollTools .mCSB_buttonUp:active,
.mCSB_scrollTools .mCSB_buttonDown:active,
.mCSB_scrollTools .mCSB_buttonLeft:active,
.mCSB_scrollTools .mCSB_buttonRight:active {
  opacity: 0.9;
  filter: "alpha(opacity=90)";
  -ms-filter: "alpha(opacity=90)"; }

/* theme: "dark" */
.mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.15); }

.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75); }

.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: rgba(0, 0, 0, 0.85); }

.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: rgba(0, 0, 0, 0.9); }

.mCS-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -80px 0; }

.mCS-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -80px -20px; }

.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -80px -40px; }

.mCS-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -80px -56px; }

/* ---------------------------------------- */
/* theme: "light-2", "dark-2" */
.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
  width: 4px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.1);
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px; }

.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 4px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75);
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px; }

.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 4px;
  margin: 6px auto; }

.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.85); }

.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9); }

.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px 0; }

.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -20px; }

.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -40px; }

.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -56px; }

/* theme: "dark-2" */
.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px; }

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px; }

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85); }

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9); }

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px 0; }

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -20px; }

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -40px; }

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -56px; }

/* ---------------------------------------- */
/* theme: "light-thick", "dark-thick" */
.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
  width: 4px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.1);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px; }

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 6px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px; }

.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 4px;
  margin: 6px 0; }

.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 6px;
  margin: 5px auto; }

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.85); }

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9); }

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -16px 0; }

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -16px -20px; }

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -20px -40px; }

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -20px -56px; }

/* theme: "dark-thick" */
.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px; }

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px; }

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85); }

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9); }

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -96px 0; }

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -96px -20px; }

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -100px -40px; }

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -100px -56px; }

/* ---------------------------------------- */
/* theme: "light-thin", "dark-thin" */
.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.1); }

.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 2px; }

.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%; }

.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 2px;
  margin: 7px auto; }

/* theme "dark-thin" */
.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.15); }

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75); }

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85); }

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9); }

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -80px 0; }

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -80px -20px; }

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -80px -40px; }

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -80px -56px; }

/* ---------------------------------------- */
/* theme "rounded", "rounded-dark", "rounded-dots", "rounded-dots-dark" */
.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.15); }

.mCS-rounded.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger {
  height: 14px; }

.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 14px;
  margin: 0 1px; }

.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 14px; }

.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  height: 14px;
  margin: 1px 0; }

.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  width: 16px;
  /* auto-expanded scrollbar */
  height: 16px;
  margin: -1px 0; }

.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  width: 4px;
  /* auto-expanded scrollbar */ }

.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  height: 16px;
  /* auto-expanded scrollbar */
  width: 16px;
  margin: 0 -1px; }

.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  height: 4px;
  /* auto-expanded scrollbar */
  margin: 6px 0; }

.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp {
  background-position: 0 -72px; }

.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown {
  background-position: 0 -92px; }

.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: 0 -112px; }

.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight {
  background-position: 0 -128px; }

/* theme "rounded-dark", "rounded-dots-dark" */
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75); }

.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.15); }

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85); }

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9); }

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -80px -72px; }

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -80px -92px; }

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -80px -112px; }

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -80px -128px; }

/* theme "rounded-dots", "rounded-dots-dark" */
.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail {
  width: 4px; }

.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  background-color: transparent;
  background-position: center; }

.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==");
  background-repeat: repeat-y;
  opacity: 0.3;
  filter: "alpha(opacity=30)";
  -ms-filter: "alpha(opacity=30)"; }

.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  height: 4px;
  margin: 6px 0;
  background-repeat: repeat-x; }

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -16px -72px; }

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -16px -92px; }

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -20px -112px; }

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -20px -128px; }

/* theme "rounded-dots-dark" */
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII="); }

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -96px -72px; }

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -96px -92px; }

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -100px -112px; }

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -100px -128px; }

/* ---------------------------------------- */
/* theme "3d", "3d-dark", "3d-thick", "3d-thick-dark" */
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-repeat: repeat-y;
  background-image: -moz-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
  background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0.5)), color-stop(100%, rgba(255, 255, 255, 0)));
  background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
  background-image: -o-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
  background-image: -ms-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%); }

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  background-repeat: repeat-x;
  background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0.5)), color-stop(100%, rgba(255, 255, 255, 0)));
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
  background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
  background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%); }

/* theme "3d", "3d-dark" */
.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger {
  height: 70px; }

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 70px; }

.mCS-3d.mCSB_scrollTools,
.mCS-3d-dark.mCSB_scrollTools {
  opacity: 1;
  filter: "alpha(opacity=30)";
  -ms-filter: "alpha(opacity=30)"; }

.mCS-3d.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px; }

.mCS-3d.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
  width: 8px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.2);
  box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.5), inset -1px 0 1px rgba(255, 255, 255, 0.2); }

.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #555; }

.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 8px; }

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 8px;
  margin: 4px 0;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 1px rgba(255, 255, 255, 0.2); }

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 8px;
  margin: 4px auto; }

.mCS-3d.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px; }

.mCS-3d.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px; }

.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px; }

.mCS-3d.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px; }

/* theme "3d-dark" */
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
  box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1); }

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1); }

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px; }

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px; }

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px; }

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px; }

/* ---------------------------------------- */
/* theme: "3d-thick", "3d-thick-dark" */
.mCS-3d-thick.mCSB_scrollTools,
.mCS-3d-thick-dark.mCSB_scrollTools {
  opacity: 1;
  filter: "alpha(opacity=30)";
  -ms-filter: "alpha(opacity=30)"; }

.mCS-3d-thick.mCSB_scrollTools,
.mCS-3d-thick-dark.mCSB_scrollTools,
.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px; }

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px; }

.mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical,
.mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical {
  right: 1px; }

.mCS-3d-thick.mCSB_scrollTools_vertical,
.mCS-3d-thick-dark.mCSB_scrollTools_vertical {
  box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5); }

.mCS-3d-thick.mCSB_scrollTools_horizontal,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
  bottom: 1px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5); }

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4);
  width: 12px;
  margin: 2px;
  position: absolute;
  height: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0; }

.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4); }

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #555; }

.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  height: 12px;
  width: auto; }

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.05);
  box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1); }

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent; }

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px; }

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px; }

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px; }

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px; }

/* theme: "3d-thick-dark" */
.mCS-3d-thick-dark.mCSB_scrollTools {
  box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2); }

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.2); }

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4), inset -1px 0 0 rgba(0, 0, 0, 0.2); }

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -1px 0 rgba(0, 0, 0, 0.2); }

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #777; }

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
  background-color: #fff;
  background-color: rgba(0, 0, 0, 0.05);
  box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1); }

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent; }

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px; }

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px; }

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px; }

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px; }

/* ---------------------------------------- */
/* theme: "minimal", "minimal-dark" */
.mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical,
.mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical {
  right: 0;
  margin: 12px 0; }

.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  bottom: 0;
  margin: 0 12px; }

/* RTL direction/left-side scrollbar */
.mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical,
.mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical {
  left: 0;
  right: auto; }

.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent; }

.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger {
  height: 50px; }

.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 50px; }

.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.2);
  filter: "alpha(opacity=20)";
  -ms-filter: "alpha(opacity=20)"; }

.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.5);
  filter: "alpha(opacity=50)";
  -ms-filter: "alpha(opacity=50)"; }

/* theme: "minimal-dark" */
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.2);
  filter: "alpha(opacity=20)";
  -ms-filter: "alpha(opacity=20)"; }

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.5);
  filter: "alpha(opacity=50)";
  -ms-filter: "alpha(opacity=50)"; }

/* ---------------------------------------- */
/* theme "light-3", "dark-3" */
.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
  width: 6px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.2); }

.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 6px; }

.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 6px;
  margin: 5px 0; }

.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  width: 12px; }

.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  height: 12px;
  margin: 2px 0; }

.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px; }

.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px; }

.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px; }

.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px; }

/* theme "dark-3" */
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75); }

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85); }

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9); }

.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1); }

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px; }

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px; }

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px; }

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px; }

/* ---------------------------------------- */
/* theme "inset", "inset-dark", "inset-2", "inset-2-dark", "inset-3", "inset-3-dark" */
.mCS-inset.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
  width: 12px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.2); }

.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 6px;
  margin: 3px 5px;
  position: absolute;
  height: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0; }

.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  height: 6px;
  margin: 5px 3px;
  position: absolute;
  width: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0; }

.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 12px;
  margin: 2px 0; }

.mCS-inset.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px; }

.mCS-inset.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px; }

.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px; }

.mCS-inset.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px; }

/* theme "inset-dark", "inset-2-dark", "inset-3-dark" */
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75); }

.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85); }

.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9); }

.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1); }

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px; }

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px; }

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px; }

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px; }

/* theme "inset-2", "inset-2-dark" */
.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent;
  border-width: 1px;
  border-style: solid;
  border-color: #fff;
  border-color: rgba(255, 255, 255, 0.2);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
  border-color: #000;
  border-color: rgba(0, 0, 0, 0.2); }

/* theme "inset-3", "inset-3-dark" */
.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.6); }

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.6); }

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75); }

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85); }

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9); }

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75); }

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.85); }

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9); }

/* ---------------------------------------- */
/*magic css*/
.magictime {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both; }

.magic {
  -webkit-animation-name: magic;
  animation-name: magic; }

.openDownLeft {
  -webkit-animation-name: openDownLeft;
  animation-name: openDownLeft; }

.openDownRight {
  -webkit-animation-name: openDownRight;
  animation-name: openDownRight; }

.openUpLeft {
  -webkit-animation-name: openUpLeft;
  animation-name: openUpLeft; }

.openUpRight {
  -webkit-animation-name: openUpRight;
  animation-name: openUpRight; }

.openDownLeftRetourn {
  -webkit-animation-name: openDownLeftRetourn;
  animation-name: openDownLeftRetourn; }

.openDownRightRetourn {
  -webkit-animation-name: openDownRightRetourn;
  animation-name: openDownRightRetourn; }

.openUpLeftRetourn {
  -webkit-animation-name: openUpLeftRetourn;
  animation-name: openUpLeftRetourn; }

.openUpRightRetourn {
  -webkit-animation-name: openUpRightRetourn;
  animation-name: openUpRightRetourn; }

.openDownLeftOut {
  -webkit-animation-name: openDownLeftOut;
  animation-name: openDownLeftOut; }

.openDownRightOut {
  -webkit-animation-name: openDownRightOut;
  animation-name: openDownRightOut; }

.openUpLeftOut {
  -webkit-animation-name: openUpLeftOut;
  animation-name: openUpLeftOut; }

.openUpRightOut {
  -webkit-animation-name: openUpRightOut;
  animation-name: openUpRightOut; }

.perspectiveDown {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: perspectiveDown;
  animation-name: perspectiveDown; }

.perspectiveLeft {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: perspectiveLeft;
  animation-name: perspectiveLeft; }

.perspectiveRight {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: perspectiveRight;
  animation-name: perspectiveRight; }

.perspectiveUp {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: perspectiveUp;
  animation-name: perspectiveUp; }

.perspectiveDownRetourn {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: perspectiveDownRetourn;
  animation-name: perspectiveDownRetourn; }

.perspectiveLeftRetourn {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: perspectiveLeftRetourn;
  animation-name: perspectiveLeftRetourn; }

.perspectiveRightRetourn {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: perspectiveRightRetourn;
  animation-name: perspectiveRightRetourn; }

.perspectiveUpRetourn {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: perspectiveUpRetourn;
  animation-name: perspectiveUpRetourn; }

.puffIn {
  -webkit-animation-name: puffIn;
  animation-name: puffIn; }

.puffOut {
  -webkit-animation-name: puffOut;
  animation-name: puffOut; }

.rotateDown {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: rotateDown;
  animation-name: rotateDown; }

.rotateLeft {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: rotateLeft;
  animation-name: rotateLeft; }

.rotateRight {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: rotateRight;
  animation-name: rotateRight; }

.rotateUp {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: rotateUp;
  animation-name: rotateUp; }

.slideDown {
  -webkit-animation-name: slideDown;
  animation-name: slideDown; }

.slideLeft {
  -webkit-animation-name: slideLeft;
  animation-name: slideLeft; }

.slideRight {
  -webkit-animation-name: slideRight;
  animation-name: slideRight; }

.slideUp {
  -webkit-animation-name: slideUp;
  animation-name: slideUp; }

.slideDownRetourn {
  -webkit-animation-name: slideDownRetourn;
  animation-name: slideDownRetourn; }

.slideLeftRetourn {
  -webkit-animation-name: slideLeftRetourn;
  animation-name: slideLeftRetourn; }

.slideRightRetourn {
  -webkit-animation-name: slideRightRetourn;
  animation-name: slideRightRetourn; }

.slideUpRetourn {
  -webkit-animation-name: slideUpRetourn;
  animation-name: slideUpRetourn; }

.swap {
  -webkit-animation-name: swap;
  animation-name: swap; }

.twisterInDown {
  -webkit-animation-name: twisterInDown;
  animation-name: twisterInDown; }

.twisterInUp {
  -webkit-animation-name: twisterInUp;
  animation-name: twisterInUp; }

.vanishIn {
  -webkit-animation-name: vanishIn;
  animation-name: vanishIn; }

.vanishOut {
  -webkit-animation-name: vanishOut;
  animation-name: vanishOut; }

.swashOut {
  -webkit-animation-name: swashOut;
  animation-name: swashOut; }

.swashIn {
  -webkit-animation-name: swashIn;
  animation-name: swashIn; }

.foolishOut {
  -webkit-animation-name: foolishOut;
  animation-name: foolishOut; }

.foolishIn {
  -webkit-animation-name: foolishIn;
  animation-name: foolishIn; }

.holeOut {
  -webkit-animation-name: holeOut;
  animation-name: holeOut; }

.tinRightOut {
  -webkit-animation-name: tinRightOut;
  animation-name: tinRightOut; }

.tinLeftOut {
  -webkit-animation-name: tinLeftOut;
  animation-name: tinLeftOut; }

.tinUpOut {
  -webkit-animation-name: tinUpOut;
  animation-name: tinUpOut; }

.tinDownOut {
  -webkit-animation-name: tinDownOut;
  animation-name: tinDownOut; }

.tinRightIn {
  -webkit-animation-name: tinRightIn;
  animation-name: tinRightIn; }

.tinLeftIn {
  -webkit-animation-name: tinLeftIn;
  animation-name: tinLeftIn; }

.tinUpIn {
  -webkit-animation-name: tinUpIn;
  animation-name: tinUpIn; }

.tinDownIn {
  -webkit-animation-name: tinDownIn;
  animation-name: tinDownIn; }

.bombRightOut {
  -webkit-animation-name: bombRightOut;
  animation-name: bombRightOut; }

.bombLeftOut {
  -webkit-animation-name: bombLeftOut;
  animation-name: bombLeftOut; }

.boingInUp {
  -webkit-animation-name: boingInUp;
  animation-name: boingInUp; }

.boingOutDown {
  -webkit-animation-name: boingOutDown;
  animation-name: boingOutDown; }

.spaceOutUp {
  -webkit-animation-name: spaceOutUp;
  animation-name: spaceOutUp; }

.spaceOutRight {
  -webkit-animation-name: spaceOutRight;
  animation-name: spaceOutRight; }

.spaceOutDown {
  -webkit-animation-name: spaceOutDown;
  animation-name: spaceOutDown; }

.spaceOutLeft {
  -webkit-animation-name: spaceOutLeft;
  animation-name: spaceOutLeft; }

.spaceInUp {
  -webkit-animation-name: spaceInUp;
  animation-name: spaceInUp; }

.spaceInRight {
  -webkit-animation-name: spaceInRight;
  animation-name: spaceInRight; }

.spaceInDown {
  -webkit-animation-name: spaceInDown;
  animation-name: spaceInDown; }

.spaceInLeft {
  -webkit-animation-name: spaceInLeft;
  animation-name: spaceInLeft; }

@-webkit-keyframes magic {
  0% {
    opacity: 1;
    -webkit-transform-origin: 100% 200%;
    -webkit-transform: scale(1, 1) rotate(0deg); }
  100% {
    opacity: 0;
    -webkit-transform-origin: 200% 500%;
    -webkit-transform: scale(0, 0) rotate(270deg); } }
@keyframes magic {
  0% {
    opacity: 1;
    transform-origin: 100% 200%;
    transform: scale(1, 1) rotate(0deg); }
  100% {
    opacity: 0;
    transform-origin: 200% 500%;
    transform: scale(0, 0) rotate(270deg); } }
@-webkit-keyframes openDownLeft {
  0% {
    -webkit-transform-origin: bottom left;
    -webkit-transform: rotate(0deg);
    -webkit-animation-timing-function: ease-out; }
  100% {
    -webkit-transform-origin: bottom left;
    -webkit-transform: rotate(-110deg);
    -webkit-animation-timing-function: ease-in-out; } }
@keyframes openDownLeft {
  0% {
    transform-origin: bottom left;
    transform: rotate(0deg);
    animation-timing-function: ease-out; }
  100% {
    transform-origin: bottom left;
    transform: rotate(-110deg);
    animation-timing-function: ease-in-out; } }
@-webkit-keyframes openDownRight {
  0% {
    -webkit-transform-origin: bottom right;
    -webkit-transform: rotate(0deg);
    -webkit-animation-timing-function: ease-out; }
  100% {
    -webkit-transform-origin: bottom right;
    -webkit-transform: rotate(110deg);
    -webkit-animation-timing-function: ease-in-out; } }
@keyframes openDownRight {
  0% {
    transform-origin: bottom right;
    transform: rotate(0deg);
    animation-timing-function: ease-out; }
  100% {
    transform-origin: bottom right;
    transform: rotate(110deg);
    animation-timing-function: ease-in-out; } }
@-webkit-keyframes openUpLeft {
  0% {
    -webkit-transform-origin: top left;
    -webkit-transform: rotate(0deg);
    -webkit-animation-timing-function: ease-out; }
  100% {
    -webkit-transform-origin: top left;
    -webkit-transform: rotate(110deg);
    -webkit-animation-timing-function: ease-in-out; } }
@keyframes openUpLeft {
  0% {
    transform-origin: top left;
    transform: rotate(0deg);
    animation-timing-function: ease-out; }
  100% {
    transform-origin: top left;
    transform: rotate(110deg);
    animation-timing-function: ease-in-out; } }
@-webkit-keyframes openUpRight {
  0% {
    -webkit-transform-origin: top right;
    -webkit-transform: rotate(0deg);
    -webkit-animation-timing-function: ease-out; }
  100% {
    -webkit-transform-origin: top right;
    -webkit-transform: rotate(-110deg);
    -webkit-animation-timing-function: ease-in-out; } }
@keyframes openUpRight {
  0% {
    transform-origin: top right;
    transform: rotate(0deg);
    animation-timing-function: ease-out; }
  100% {
    transform-origin: top right;
    transform: rotate(-110deg);
    animation-timing-function: ease-in-out; } }
@-webkit-keyframes openDownLeftRetourn {
  0% {
    -webkit-transform-origin: bottom left;
    -webkit-transform: rotate(-110deg);
    -webkit-animation-timing-function: ease-in-out; }
  100% {
    -webkit-transform-origin: bottom left;
    -webkit-transform: rotate(0deg);
    -webkit-animation-timing-function: ease-out; } }
@keyframes openDownLeftRetourn {
  0% {
    transform-origin: bottom left;
    transform: rotate(-110deg);
    animation-timing-function: ease-in-out; }
  100% {
    transform-origin: bottom left;
    transform: rotate(0deg);
    animation-timing-function: ease-out; } }
@-webkit-keyframes openDownRightRetourn {
  0% {
    -webkit-transform-origin: bottom right;
    -webkit-transform: rotate(110deg);
    -webkit-animation-timing-function: ease-in-out; }
  100% {
    -webkit-transform-origin: bottom right;
    -webkit-transform: rotate(0deg);
    -webkit-animation-timing-function: ease-out; } }
@keyframes openDownRightRetourn {
  0% {
    transform-origin: bottom right;
    transform: rotate(110deg);
    animation-timing-function: ease-in-out; }
  100% {
    transform-origin: bottom right;
    transform: rotate(0deg);
    animation-timing-function: ease-out; } }
@-webkit-keyframes openUpLeftRetourn {
  0% {
    -webkit-transform-origin: top left;
    -webkit-transform: rotate(110deg);
    -webkit-animation-timing-function: ease-in-out; }
  100% {
    -webkit-transform-origin: top left;
    -webkit-transform: rotate(0deg);
    -webkit-animation-timing-function: ease-out; } }
@keyframes openUpLeftRetourn {
  0% {
    transform-origin: top left;
    transform: rotate(110deg);
    animation-timing-function: ease-in-out; }
  100% {
    transform-origin: top left;
    transform: rotate(0deg);
    animation-timing-function: ease-out; } }
@-webkit-keyframes openUpRightRetourn {
  0% {
    -webkit-transform-origin: top right;
    -webkit-transform: rotate(-110deg);
    -webkit-animation-timing-function: ease-in-out; }
  100% {
    -webkit-transform-origin: top right;
    -webkit-transform: rotate(0deg);
    -webkit-animation-timing-function: ease-out; } }
@keyframes openUpRightRetourn {
  0% {
    transform-origin: top right;
    transform: rotate(-110deg);
    animation-timing-function: ease-in-out; }
  100% {
    transform-origin: top right;
    transform: rotate(0deg);
    animation-timing-function: ease-out; } }
@-webkit-keyframes openDownLeftOut {
  0% {
    opacity: 1;
    -webkit-transform-origin: bottom left;
    -webkit-transform: rotate(0deg);
    -webkit-animation-timing-function: ease-out; }
  100% {
    opacity: 0;
    -webkit-transform-origin: bottom left;
    -webkit-transform: rotate(-110deg);
    -webkit-animation-timing-function: ease-in-out; } }
@keyframes openDownLeftOut {
  0% {
    opacity: 1;
    transform-origin: bottom left;
    transform: rotate(0deg);
    animation-timing-function: ease-out; }
  100% {
    opacity: 0;
    transform-origin: bottom left;
    transform: rotate(-110deg);
    animation-timing-function: ease-in-out; } }
@-webkit-keyframes openDownRightOut {
  0% {
    opacity: 1;
    -webkit-transform-origin: bottom right;
    -webkit-transform: rotate(0deg);
    -webkit-animation-timing-function: ease-out; }
  100% {
    opacity: 0;
    -webkit-transform-origin: bottom right;
    -webkit-transform: rotate(110deg);
    -webkit-animation-timing-function: ease-in-out; } }
@keyframes openDownRightOut {
  0% {
    opacity: 1;
    transform-origin: bottom right;
    transform: rotate(0deg);
    animation-timing-function: ease-out; }
  100% {
    opacity: 0;
    transform-origin: bottom right;
    transform: rotate(110deg);
    animation-timing-function: ease-in-out; } }
@-webkit-keyframes openUpLeftOut {
  0% {
    opacity: 1;
    -webkit-transform-origin: top left;
    -webkit-transform: rotate(0deg);
    -webkit-animation-timing-function: ease-out; }
  100% {
    opacity: 0;
    -webkit-transform-origin: top left;
    -webkit-transform: rotate(110deg);
    -webkit-animation-timing-function: ease-in-out; } }
@keyframes openUpLeftOut {
  0% {
    opacity: 1;
    transform-origin: top left;
    transform: rotate(0deg);
    animation-timing-function: ease-out; }
  100% {
    opacity: 0;
    transform-origin: top left;
    transform: rotate(110deg);
    animation-timing-function: ease-in-out; } }
@-webkit-keyframes openUpRightOut {
  0% {
    opacity: 1;
    -webkit-transform-origin: top right;
    -webkit-transform: rotate(0deg);
    -webkit-animation-timing-function: ease-out; }
  100% {
    opacity: 0;
    -webkit-transform-origin: top right;
    -webkit-transform: rotate(-110deg);
    -webkit-animation-timing-function: ease-in-out; } }
@keyframes openUpRightOut {
  0% {
    opacity: 1;
    transform-origin: top right;
    transform: rotate(0deg);
    animation-timing-function: ease-out; }
  100% {
    opacity: 0;
    transform-origin: top right;
    transform: rotate(-110deg);
    animation-timing-function: ease-in-out; } }
@-webkit-keyframes perspectiveDown {
  0% {
    -webkit-transform-origin: 0 100%;
    -webkit-transform: perspective(800px) rotateX(0deg); }
  100% {
    -webkit-transform-origin: 0 100%;
    -webkit-transform: perspective(800px) rotateX(-180deg); } }
@keyframes perspectiveDown {
  0% {
    transform-origin: 0 100%;
    transform: perspective(800px) rotateX(0deg); }
  100% {
    transform-origin: 0 100%;
    transform: perspective(800px) rotateX(-180deg); } }
@-webkit-keyframes perspectiveLeft {
  0% {
    -webkit-transform-origin: 0 0;
    -webkit-transform: perspective(800px) rotateY(0deg); }
  100% {
    -webkit-transform-origin: 0 0;
    -webkit-transform: perspective(800px) rotateY(-180deg); } }
@keyframes perspectiveLeft {
  0% {
    transform-origin: 0 0;
    transform: perspective(800px) rotateY(0deg); }
  100% {
    transform-origin: 0 0;
    transform: perspective(800px) rotateY(-180deg); } }
@-webkit-keyframes perspectiveRight {
  0% {
    -webkit-transform-origin: 100% 0;
    -webkit-transform: perspective(800px) rotateY(0deg); }
  100% {
    -webkit-transform-origin: 100% 0;
    -webkit-transform: perspective(800px) rotateY(180deg); } }
@keyframes perspectiveRight {
  0% {
    transform-origin: 100% 0;
    transform: perspective(800px) rotateY(0deg); }
  100% {
    transform-origin: 100% 0;
    transform: perspective(800px) rotateY(180deg); } }
@-webkit-keyframes perspectiveUp {
  0% {
    -webkit-transform-origin: 0 0;
    -webkit-transform: perspective(800px) rotateX(0deg); }
  100% {
    -webkit-transform-origin: 0 0;
    -webkit-transform: perspective(800px) rotateX(180deg); } }
@keyframes perspectiveUp {
  0% {
    transform-origin: 0 0;
    transform: perspective(800px) rotateX(0deg); }
  100% {
    transform-origin: 0 0;
    transform: perspective(800px) rotateX(180deg); } }
@-webkit-keyframes perspectiveDownRetourn {
  0% {
    -webkit-transform-origin: 0 100%;
    -webkit-transform: perspective(800px) rotateX(-180deg); }
  100% {
    -webkit-transform-origin: 0 100%;
    -webkit-transform: perspective(800px) rotateX(0deg); } }
@keyframes perspectiveDownRetourn {
  0% {
    transform-origin: 0 100%;
    transform: perspective(800px) rotateX(-180deg); }
  100% {
    transform-origin: 0 100%;
    transform: perspective(800px) rotateX(0deg); } }
@-webkit-keyframes perspectiveLeftRetourn {
  0% {
    -webkit-transform-origin: 0 0;
    -webkit-transform: perspective(800px) rotateY(-180deg); }
  100% {
    -webkit-transform-origin: 0 0;
    -webkit-transform: perspective(800px) rotateY(0deg); } }
@keyframes perspectiveLeftRetourn {
  0% {
    transform-origin: 0 0;
    transform: perspective(800px) rotateY(-180deg); }
  100% {
    transform-origin: 0 0;
    transform: perspective(800px) rotateY(0deg); } }
@-webkit-keyframes perspectiveRightRetourn {
  0% {
    -webkit-transform-origin: 100% 0;
    -webkit-transform: perspective(800px) rotateY(180deg); }
  100% {
    -webkit-transform-origin: 100% 0;
    -webkit-transform: perspective(800px) rotateY(0deg); } }
@keyframes perspectiveRightRetourn {
  0% {
    transform-origin: 100% 0;
    transform: perspective(800px) rotateY(180deg); }
  100% {
    transform-origin: 100% 0;
    transform: perspective(800px) rotateY(0deg); } }
@-webkit-keyframes perspectiveUpRetourn {
  0% {
    -webkit-transform-origin: 0 0;
    -webkit-transform: perspective(800px) rotateX(180deg); }
  100% {
    -webkit-transform-origin: 0 0;
    -webkit-transform: perspective(800px) rotateX(0deg); } }
@keyframes perspectiveUpRetourn {
  0% {
    transform-origin: 0 0;
    transform: perspective(800px) rotateX(180deg); }
  100% {
    transform-origin: 0 0;
    transform: perspective(800px) rotateX(0deg); } }
@-webkit-keyframes puffIn {
  0% {
    opacity: 0;
    -webkit-transform-origin: 50% 50%;
    -webkit-transform: scale(2, 2);
    -webkit-filter: blur(2px); }
  100% {
    opacity: 1;
    -webkit-transform-origin: 50% 50%;
    -webkit-transform: scale(1, 1);
    -webkit-filter: blur(0px); } }
@keyframes puffIn {
  0% {
    opacity: 0;
    transform-origin: 50% 50%;
    transform: scale(2, 2);
    filter: blur(2px); }
  100% {
    opacity: 1;
    transform-origin: 50% 50%;
    transform: scale(1, 1);
    filter: blur(0px); } }
@-webkit-keyframes puffOut {
  0% {
    opacity: 1;
    -webkit-transform-origin: 50% 50%;
    -webkit-transform: scale(1, 1);
    -webkit-filter: blur(0px); }
  100% {
    opacity: 0;
    -webkit-transform-origin: 50% 50%;
    -webkit-transform: scale(2, 2);
    -webkit-filter: blur(2px); } }
@keyframes puffOut {
  0% {
    opacity: 1;
    transform-origin: 50% 50%;
    transform: scale(1, 1);
    -webkit-filter: blur(0px); }
  100% {
    opacity: 0;
    transform-origin: 50% 50%;
    transform: scale(2, 2);
    -webkit-filter: blur(2px); } }
@-webkit-keyframes rotateDown {
  0% {
    opacity: 1;
    -webkit-transform-origin: 0 0;
    -webkit-transform: perspective(800px) rotateX(0deg) translateZ(0px); }
  100% {
    opacity: 0;
    -webkit-transform-origin: 50% 100%;
    -webkit-transform: perspective(800px) rotateX(-180deg) translateZ(300px); } }
@keyframes rotateDown {
  0% {
    opacity: 1;
    transform-origin: 0 0;
    transform: perspective(800px) rotateX(0deg) translateZ(0px); }
  100% {
    opacity: 0;
    transform-origin: 50% 100%;
    transform: perspective(800px) rotateX(-180deg) translateZ(300px); } }
@-webkit-keyframes rotateLeft {
  0% {
    opacity: 1;
    -webkit-transform-origin: 0 0;
    -webkit-transform: perspective(800px) rotateY(0deg) translateZ(0px); }
  100% {
    opacity: 0;
    -webkit-transform-origin: 50% 0;
    -webkit-transform: perspective(800px) rotateY(180deg) translateZ(300px); } }
@keyframes rotateLeft {
  0% {
    opacity: 1;
    transform-origin: 0 0;
    transform: perspective(800px) rotateY(0deg) translateZ(0px); }
  100% {
    opacity: 0;
    transform-origin: 50% 0;
    transform: perspective(800px) rotateY(180deg) translateZ(300px); } }
@-webkit-keyframes rotateRight {
  0% {
    opacity: 1;
    -webkit-transform-origin: 0 0;
    -webkit-transform: perspective(800px) rotateY(0deg) translate3d(0px); }
  100% {
    opacity: 0;
    -webkit-transform-origin: 50% 0;
    -webkit-transform: perspective(800px) rotateY(-180deg) translateZ(150px); } }
@keyframes rotateRight {
  0% {
    opacity: 1;
    transform-origin: 0 0;
    transform: perspective(800px) rotateY(0deg) translate3d(0px); }
  100% {
    opacity: 0;
    transform-origin: 50% 0;
    transform: perspective(800px) rotateY(-180deg) translateZ(150px); } }
@-webkit-keyframes rotateUp {
  0% {
    opacity: 1;
    -webkit-transform-origin: 0 0;
    -webkit-transform: perspective(800px) rotateX(0deg) translateZ(0px); }
  100% {
    opacity: 0;
    -webkit-transform-origin: 50% 0;
    -webkit-transform: perspective(800px) rotateX(180deg) translateZ(100px); } }
@keyframes rotateUp {
  0% {
    opacity: 1;
    transform-origin: 0 0;
    transform: perspective(800px) rotateX(0deg) translateZ(0px); }
  100% {
    opacity: 0;
    transform-origin: 50% 0;
    transform: perspective(800px) rotateX(180deg) translateZ(100px); } }
@-webkit-keyframes slideDown {
  0% {
    -webkit-transform-origin: 0 0;
    -webkit-transform: translateY(0%); }
  100% {
    -webkit-transform-origin: 0 0;
    -webkit-transform: translateY(100%); } }
@keyframes slideDown {
  0% {
    transform-origin: 0 0;
    transform: translateY(0%); }
  100% {
    transform-origin: 0 0;
    transform: translateY(100%); } }
@-webkit-keyframes slideLeft {
  0% {
    -webkit-transform-origin: 0 0;
    -webkit-transform: translateX(0%); }
  100% {
    -webkit-transform-origin: 0 0;
    -webkit-transform: translateX(-100%); } }
@keyframes slideLeft {
  0% {
    transform-origin: 0 0;
    transform: translateX(0%); }
  100% {
    transform-origin: 0 0;
    transform: translateX(-100%); } }
@-webkit-keyframes slideRight {
  0% {
    -webkit-transform-origin: 0 0;
    -webkit-transform: translateX(0%); }
  100% {
    -webkit-transform-origin: 0 0;
    -webkit-transform: translateX(100%); } }
@keyframes slideRight {
  0% {
    transform-origin: 0 0;
    transform: translateX(0%); }
  100% {
    transform-origin: 0 0;
    transform: translateX(100%); } }
@-webkit-keyframes slideUp {
  0% {
    -webkit-transform-origin: 0 0;
    -webkit-transform: translateY(0%); }
  100% {
    -webkit-transform-origin: 0 0;
    -webkit-transform: translateY(-100%); } }
@keyframes slideUp {
  0% {
    transform-origin: 0 0;
    transform: translateY(0%); }
  100% {
    transform-origin: 0 0;
    transform: translateY(-100%); } }
@-webkit-keyframes slideDownRetourn {
  0% {
    -webkit-transform-origin: 0 0;
    -webkit-transform: translateY(100%); }
  100% {
    -webkit-transform-origin: 0 0;
    -webkit-transform: translateY(0%); } }
@keyframes slideDownRetourn {
  0% {
    transform-origin: 0 0;
    transform: translateY(100%); }
  100% {
    transform-origin: 0 0;
    transform: translateY(0%); } }
@-webkit-keyframes slideLeftRetourn {
  0% {
    -webkit-transform-origin: 0 0;
    -webkit-transform: translateX(-100%); }
  100% {
    -webkit-transform-origin: 0 0;
    -webkit-transform: translateX(0%); } }
@keyframes slideLeftRetourn {
  0% {
    transform-origin: 0 0;
    transform: translateX(-100%); }
  100% {
    transform-origin: 0 0;
    transform: translateX(0%); } }
@-webkit-keyframes slideRightRetourn {
  0% {
    -webkit-transform-origin: 0 0;
    -webkit-transform: translateX(100%); }
  100% {
    -webkit-transform-origin: 0 0;
    -webkit-transform: translateX(0%); } }
@keyframes slideRightRetourn {
  0% {
    transform-origin: 0 0;
    transform: translateX(100%); }
  100% {
    transform-origin: 0 0;
    transform: translateX(0%); } }
@-webkit-keyframes slideUpRetourn {
  0% {
    -webkit-transform-origin: 0 0;
    -webkit-transform: translateY(-100%); }
  100% {
    -webkit-transform-origin: 0 0;
    -webkit-transform: translateY(0%); } }
@keyframes slideUpRetourn {
  0% {
    transform-origin: 0 0;
    transform: translateY(-100%); }
  100% {
    transform-origin: 0 0;
    transform: translateY(0%); } }
@-webkit-keyframes swap {
  0% {
    opacity: 0;
    -webkit-transform-origin: 0 100%;
    -webkit-transform: scale(0, 0) translate(-700px, 0px); }
  100% {
    opacity: 1;
    -webkit-transform-origin: 100% 100%;
    -webkit-transform: scale(1, 1) translate(0px, 0px); } }
@keyframes swap {
  0% {
    opacity: 0;
    transform-origin: 0 100%;
    transform: scale(0, 0) translate(-700px, 0px); }
  100% {
    opacity: 1;
    transform-origin: 100% 100%;
    transform: scale(1, 1) translate(0px, 0px); } }
@-webkit-keyframes twisterInDown {
  0% {
    opacity: 0;
    -webkit-transform-origin: 0 100%;
    -webkit-transform: scale(0, 0) rotate(360deg) translateY(-100%); }
  30% {
    -webkit-transform-origin: 0 100%;
    -webkit-transform: scale(0, 0) rotate(360deg) translateY(-100%); }
  100% {
    opacity: 1;
    -webkit-transform-origin: 100% 100%;
    -webkit-transform: scale(1, 1) rotate(0deg) translateY(0%); } }
@keyframes twisterInDown {
  0% {
    opacity: 0;
    transform-origin: 0 100%;
    transform: scale(0, 0) rotate(360deg) translateY(-100%); }
  30% {
    transform-origin: 0 100%;
    transform: scale(0, 0) rotate(360deg) translateY(-100%); }
  100% {
    opacity: 1;
    transform-origin: 100% 100%;
    transform: scale(1, 1) rotate(0deg) translateY(0%); } }
@-webkit-keyframes twisterInUp {
  0% {
    opacity: 0;
    -webkit-transform-origin: 100% 0;
    -webkit-transform: scale(0, 0) rotate(360deg) translateY(100%); }
  30% {
    -webkit-transform-origin: 100% 0;
    -webkit-transform: scale(0, 0) rotate(360deg) translateY(100%); }
  100% {
    opacity: 1;
    -webkit-transform-origin: 0 0;
    -webkit-transform: scale(1, 1) rotate(0deg) translateY(0); } }
@keyframes twisterInUp {
  0% {
    opacity: 0;
    transform-origin: 100% 0;
    transform: scale(0, 0) rotate(360deg) translateY(100%); }
  30% {
    transform-origin: 100% 0;
    transform: scale(0, 0) rotate(360deg) translateY(100%); }
  100% {
    opacity: 1;
    transform-origin: 0 0;
    transform: scale(1, 1) rotate(0deg) translateY(0); } }
@-webkit-keyframes vanishIn {
  0% {
    opacity: 0;
    -webkit-transform-origin: 50% 50%;
    -webkit-transform: scale(2, 2);
    -webkit-filter: blur(90px); }
  100% {
    opacity: 1;
    -webkit-transform-origin: 50% 50%;
    -webkit-transform: scale(1, 1);
    -webkit-filter: blur(0px); } }
@keyframes vanishIn {
  0% {
    opacity: 0;
    transform-origin: 50% 50%;
    transform: scale(2, 2);
    -webkit-filter: blur(90px); }
  100% {
    opacity: 1;
    transform-origin: 50% 50%;
    transform: scale(1, 1);
    -webkit-filter: blur(0px); } }
@-webkit-keyframes vanishOut {
  0% {
    opacity: 1;
    -webkit-transform-origin: 50% 50%;
    -webkit-transform: scale(1, 1);
    -webkit-filter: blur(0px); }
  100% {
    opacity: 0;
    -webkit-transform-origin: 50% 50%;
    -webkit-transform: scale(2, 2);
    -webkit-filter: blur(20px); } }
@keyframes vanishOut {
  0% {
    opacity: 1;
    transform-origin: 50% 50%;
    transform: scale(1, 1);
    -webkit-filter: blur(0px); }
  100% {
    opacity: 0;
    transform-origin: 50% 50%;
    transform: scale(2, 2);
    -webkit-filter: blur(20px); } }
@-webkit-keyframes swashOut {
  0% {
    opacity: 1;
    -webkit-transform-origin: 50% 50%;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1); }
  80% {
    opacity: 1;
    -webkit-transform-origin: 50% 50%;
    -webkit-transform: scale(0.9, 0.9); }
  100% {
    opacity: 0;
    -webkit-transform-origin: 50% 50%;
    -webkit-transform: scale(0, 0); } }
@keyframes swashOut {
  0% {
    opacity: 1;
    transform-origin: 50% 50%;
    transform: scale(1, 1); }
  80% {
    opacity: 1;
    transform-origin: 50% 50%;
    transform: scale(0.9, 0.9); }
  100% {
    opacity: 0;
    transform-origin: 50% 50%;
    transform: scale(0, 0); } }
@-webkit-keyframes swashIn {
  0% {
    opacity: 0;
    -webkit-transform-origin: 50% 50%;
    -webkit-transform: scale(0, 0); }
  90% {
    opacity: 1;
    -webkit-transform-origin: 50% 50%;
    -webkit-transform: scale(0.9, 0.9); }
  100% {
    opacity: 1;
    -webkit-transform-origin: 50% 50%;
    -webkit-transform: scale(1, 1); } }
@keyframes swashIn {
  0% {
    opacity: 0;
    transform-origin: 50% 50%;
    transform: scale(0, 0); }
  90% {
    opacity: 1;
    transform-origin: 50% 50%;
    transform: scale(0.9, 0.9); }
  100% {
    opacity: 1;
    transform-origin: 50% 50%;
    transform: scale(1, 1); } }
@-webkit-keyframes foolishOut {
  0% {
    opacity: 1;
    -webkit-transform-origin: 50% 50%;
    -webkit-transform: scale(1, 1) rotate(360deg); }
  20% {
    opacity: 1;
    -webkit-transform-origin: 0% 0%;
    -webkit-transform: scale(0.5, 0.5) rotate(0deg); }
  40% {
    opacity: 1;
    -webkit-transform-origin: 100% 0%;
    -webkit-transform: scale(0.5, 0.5) rotate(0deg); }
  60% {
    opacity: 1;
    -webkit-transform-origin: 0%;
    -webkit-transform: scale(0.5, 0.5) rotate(0deg); }
  80% {
    opacity: 1;
    -webkit-transform-origin: 0% 100%;
    -webkit-transform: scale(0.5, 0.5) rotate(0deg); }
  100% {
    opacity: 0;
    -webkit-transform-origin: 50% 50%;
    -webkit-transform: scale(0, 0) rotate(0deg); } }
@keyframes foolishOut {
  0% {
    opacity: 1;
    transform-origin: 50% 50%;
    transform: scale(1, 1) rotate(360deg); }
  20% {
    opacity: 1;
    transform-origin: 0% 0%;
    transform: scale(0.5, 0.5) rotate(0deg); }
  40% {
    opacity: 1;
    transform-origin: 100% 0%;
    transform: scale(0.5, 0.5) rotate(0deg); }
  60% {
    opacity: 1;
    transform-origin: 0%;
    transform: scale(0.5, 0.5) rotate(0deg); }
  80% {
    opacity: 1;
    transform-origin: 0% 100%;
    transform: scale(0.5, 0.5) rotate(0deg); }
  100% {
    opacity: 0;
    transform-origin: 50% 50%;
    transform: scale(0, 0) rotate(0deg); } }
@-webkit-keyframes foolishIn {
  0% {
    opacity: 0;
    -webkit-transform-origin: 50% 50%;
    -webkit-transform: scale(0, 0) rotate(360deg); }
  20% {
    opacity: 1;
    -webkit-transform-origin: 0% 100%;
    -webkit-transform: scale(0.5, 0.5) rotate(0deg); }
  40% {
    opacity: 1;
    -webkit-transform-origin: 100% 100%;
    -webkit-transform: scale(0.5, 0.5) rotate(0deg); }
  60% {
    opacity: 1;
    -webkit-transform-origin: 0%;
    -webkit-transform: scale(0.5, 0.5) rotate(0deg); }
  80% {
    opacity: 1;
    -webkit-transform-origin: 0% 0%;
    -webkit-transform: scale(0.5, 0.5) rotate(0deg); }
  100% {
    opacity: 1;
    -webkit-transform-origin: 50% 50%;
    -webkit-transform: scale(1, 1) rotate(0deg); } }
@keyframes foolishIn {
  0% {
    opacity: 0;
    transform-origin: 50% 50%;
    transform: scale(0, 0) rotate(360deg); }
  20% {
    opacity: 1;
    transform-origin: 0% 100%;
    transform: scale(0.5, 0.5) rotate(0deg); }
  40% {
    opacity: 1;
    transform-origin: 100% 100%;
    transform: scale(0.5, 0.5) rotate(0deg); }
  60% {
    opacity: 1;
    transform-origin: 0%;
    transform: scale(0.5, 0.5) rotate(0deg); }
  80% {
    opacity: 1;
    transform-origin: 0% 0%;
    transform: scale(0.5, 0.5) rotate(0deg); }
  100% {
    opacity: 1;
    transform-origin: 50% 50%;
    transform: scale(1, 1) rotate(0deg); } }
@-webkit-keyframes holeOut {
  0% {
    opacity: 1;
    -webkit-transform-origin: 50% 50%;
    -webkit-transform: scale(1, 1) rotateY(0deg); }
  100% {
    opacity: 0;
    -webkit-transform-origin: 50% 50%;
    -webkit-transform: scale(0, 0) rotateY(180deg); } }
@keyframes holeOut {
  0% {
    opacity: 1;
    transform-origin: 50% 50%;
    transform: scale(1, 1) rotateY(0deg); }
  100% {
    opacity: 0;
    transform-origin: 50% 50%;
    transform: scale(0, 0) rotateY(180deg); } }
@-webkit-keyframes tinRightOut {
  0%,20%,40%,50% {
    opacity: 1;
    -webkit-transform: scale(1, 1) translateX(0); }
  10%,30% {
    opacity: 1;
    -webkit-transform: scale(1.1, 1.1) translateX(0); }
  100% {
    opacity: 0;
    -webkit-transform: scale(1, 1) translateX(900%); } }
@keyframes tinRightOut {
  0%,20%,40%,50% {
    opacity: 1;
    transform: scale(1, 1) translateX(0); }
  10%,30% {
    opacity: 1;
    transform: scale(1.1, 1.1) translateX(0); }
  100% {
    opacity: 0;
    transform: scale(1, 1) translateX(900%); } }
@-webkit-keyframes tinLeftOut {
  0%,20%,40%,50% {
    opacity: 1;
    -webkit-transform: scale(1, 1) translateX(0); }
  10%,30% {
    opacity: 1;
    -webkit-transform: scale(1.1, 1.1) translateX(0); }
  100% {
    opacity: 0;
    -webkit-transform: scale(1, 1) translateX(-900%); } }
@keyframes tinLeftOut {
  0%,20%,40%,50% {
    opacity: 1;
    transform: scale(1, 1) translateX(0); }
  10%,30% {
    opacity: 1;
    transform: scale(1.1, 1.1) translateX(0); }
  100% {
    opacity: 0;
    transform: scale(1, 1) translateX(-900%); } }
@-webkit-keyframes tinUpOut {
  0%,20%,40%,50% {
    opacity: 1;
    -webkit-transform: scale(1, 1) translateY(0); }
  10%,30% {
    opacity: 1;
    -webkit-transform: scale(1.1, 1.1) translateY(0); }
  100% {
    opacity: 0;
    -webkit-transform: scale(1, 1) translateY(-900%); } }
@keyframes tinUpOut {
  0%,20%,40%,50% {
    opacity: 1;
    transform: scale(1, 1) translateY(0); }
  10%,30% {
    opacity: 1;
    transform: scale(1.1, 1.1) translateY(0); }
  100% {
    opacity: 0;
    transform: scale(1, 1) translateY(-900%); } }
@-webkit-keyframes tinDownOut {
  0%,20%,40%,50% {
    opacity: 1;
    -webkit-transform: scale(1, 1) translateY(0); }
  10%,30% {
    opacity: 1;
    -webkit-transform: scale(1.1, 1.1) translateY(0); }
  100% {
    opacity: 0;
    -webkit-transform: scale(1, 1) translateY(900%); } }
@keyframes tinDownOut {
  0%,20%,40%,50% {
    opacity: 1;
    transform: scale(1, 1) translateY(0); }
  10%,30% {
    opacity: 1;
    transform: scale(1.1, 1.1) translateY(0); }
  100% {
    opacity: 0;
    transform: scale(1, 1) translateY(900%); } }
@-webkit-keyframes tinRightIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(1, 1) translateX(900%); }
  50%,70%,90% {
    opacity: 1;
    -webkit-transform: scale(1.1, 1.1) translateX(0); }
  60%,80%,100% {
    opacity: 1;
    -webkit-transform: scale(1, 1) translateX(0); } }
@keyframes tinRightIn {
  0% {
    opacity: 0;
    transform: scale(1, 1) translateX(900%); }
  50%,70%,90% {
    opacity: 1;
    transform: scale(1.1, 1.1) translateX(0); }
  60%,80%,100% {
    opacity: 1;
    transform: scale(1, 1) translateX(0); } }
@-webkit-keyframes tinLeftIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(1, 1) translateX(-900%); }
  50%,70%,90% {
    opacity: 1;
    -webkit-transform: scale(1.1, 1.1) translateX(0); }
  60%,80%,100% {
    opacity: 1;
    -webkit-transform: scale(1, 1) translateX(0); } }
@keyframes tinLeftIn {
  0% {
    opacity: 0;
    transform: scale(1, 1) translateX(-900%); }
  50%,70%,90% {
    opacity: 1;
    transform: scale(1.1, 1.1) translateX(0); }
  60%,80%,100% {
    opacity: 1;
    transform: scale(1, 1) translateX(0); } }
@-webkit-keyframes tinUpIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(1, 1) translateY(-900%); }
  50%,70%,90% {
    opacity: 1;
    -webkit-transform: scale(1.1, 1.1) translateY(0); }
  60%,80%,100% {
    opacity: 1;
    -webkit-transform: scale(1, 1) translateY(0); } }
@keyframes tinUpIn {
  0% {
    opacity: 0;
    transform: scale(1, 1) translateY(-900%); }
  50%,70%,90% {
    opacity: 1;
    transform: scale(1.1, 1.1) translateY(0); }
  60%,80%,100% {
    opacity: 1;
    transform: scale(1, 1) translateY(0); } }
@-webkit-keyframes tinDownIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(1, 1) translateY(900%); }
  50%,70%,90% {
    opacity: 1;
    -webkit-transform: scale(1.1, 1.1) translateY(0); }
  60%,80%,100% {
    opacity: 1;
    -webkit-transform: scale(1, 1) translateY(0); } }
@keyframes tinDownIn {
  0% {
    opacity: 0;
    transform: scale(1, 1) translateY(900%); }
  50%,70%,90% {
    opacity: 1;
    transform: scale(1.1, 1.1) translateY(0); }
  60%,80%,100% {
    opacity: 1;
    transform: scale(1, 1) translateY(0); } }
@-webkit-keyframes bombRightOut {
  0% {
    opacity: 1;
    -webkit-transform-origin: 50% 50%;
    -webkit-transform: rotate(0deg);
    -webkit-filter: blur(0px); }
  50% {
    opacity: 1;
    -webkit-transform-origin: 200% 50%;
    -webkit-transform: rotate(160deg);
    -webkit-filter: blur(0px); }
  100% {
    opacity: 0;
    -webkit-transform-origin: 200% 50%;
    -webkit-transform: rotate(160deg);
    -webkit-filter: blur(20px); } }
@keyframes bombRightOut {
  0% {
    opacity: 1;
    transform-origin: 50% 50%;
    transform: rotate(0deg);
    -webkit-filter: blur(0px); }
  50% {
    opacity: 1;
    transform-origin: 200% 50%;
    transform: rotate(160deg);
    -webkit-filter: blur(0px); }
  100% {
    opacity: 0;
    transform-origin: 200% 50%;
    transform: rotate(160deg);
    -webkit-filter: blur(20px); } }
@-webkit-keyframes bombLeftOut {
  0% {
    opacity: 1;
    -webkit-transform-origin: 50% 50%;
    -webkit-transform: rotate(0deg);
    -webkit-filter: blur(0px); }
  50% {
    opacity: 1;
    -webkit-transform-origin: -100% 50%;
    -webkit-transform: rotate(-160deg);
    -webkit-filter: blur(0px); }
  100% {
    opacity: 0;
    -webkit-transform-origin: -100% 50%;
    -webkit-transform: rotate(-160deg);
    -webkit-filter: blur(20px); } }
@keyframes bombLeftOut {
  0% {
    opacity: 1;
    transform-origin: 50% 50%;
    transform: rotate(0deg);
    -webkit-filter: blur(0px); }
  50% {
    opacity: 1;
    transform-origin: -100% 50%;
    transform: rotate(-160deg);
    -webkit-filter: blur(0px); }
  100% {
    opacity: 0;
    transform-origin: -100% 50%;
    transform: rotate(-160deg);
    -webkit-filter: blur(20px); } }
@-webkit-keyframes boingInUp {
  0% {
    opacity: 0;
    -webkit-transform-origin: 50% 0%;
    -webkit-transform: perspective(800px) rotateX(-90deg); }
  50% {
    opacity: 1;
    -webkit-transform-origin: 50% 0%;
    -webkit-transform: perspective(800px) rotateX(50deg); }
  100% {
    opacity: 1;
    -webkit-transform-origin: 50% 0%;
    -webkit-transform: perspective(800px) rotateX(0deg); } }
@keyframes boingInUp {
  0% {
    opacity: 0;
    transform-origin: 50% 0%;
    transform: perspective(800px) rotateX(-90deg); }
  50% {
    opacity: 1;
    transform-origin: 50% 0%;
    transform: perspective(800px) rotateX(50deg); }
  100% {
    opacity: 1;
    transform-origin: 50% 0%;
    transform: perspective(800px) rotateX(0deg); } }
@-webkit-keyframes boingOutDown {
  0% {
    opacity: 1;
    -webkit-transform-origin: 100% 100%;
    -webkit-transform: perspective(800px) rotateX(0deg) rotateY(0deg); }
  20% {
    opacity: 1;
    -webkit-transform-origin: 100% 100%;
    -webkit-transform: perspective(800px) rotateX(0deg) rotateY(10deg); }
  30% {
    opacity: 1;
    -webkit-transform-origin: 0% 100%;
    -webkit-transform: perspective(800px) rotateX(0deg) rotateY(0deg); }
  40% {
    opacity: 1;
    -webkit-transform-origin: 0% 100%;
    -webkit-transform: perspective(800px) rotateX(10deg) rotateY(10deg); }
  100% {
    opacity: 0;
    -webkit-transform-origin: 100% 100%;
    -webkit-transform: perspective(800px) rotateX(90deg) rotateY(0deg); } }
@keyframes boingOutDown {
  0% {
    opacity: 1;
    transform-origin: 100% 100%;
    transform: perspective(800px) rotateX(0deg) rotateY(0deg); }
  20% {
    opacity: 1;
    transform-origin: 100% 100%;
    transform: perspective(800px) rotateX(0deg) rotateY(10deg); }
  30% {
    opacity: 1;
    transform-origin: 0% 100%;
    transform: perspective(800px) rotateX(0deg) rotateY(0deg); }
  40% {
    opacity: 1;
    transform-origin: 0% 100%;
    transform: perspective(800px) rotateX(10deg) rotateY(10deg); }
  100% {
    opacity: 0;
    transform-origin: 100% 100%;
    transform: perspective(800px) rotateX(90deg) rotateY(0deg); } }
@-webkit-keyframes spaceOutUp {
  0% {
    opacity: 1;
    -webkit-transform-origin: 50% 0%;
    -webkit-transform: scale(1) translate(0%, 0%); }
  100% {
    opacity: 0;
    -webkit-transform-origin: 50% 0%;
    -webkit-transform: scale(0.2) translate(0%, -200%); } }
@keyframes spaceOutUp {
  0% {
    opacity: 1;
    transform-origin: 50% 0%;
    transform: scale(1) translate(0%, 0%); }
  100% {
    opacity: 0;
    transform-origin: 50% 0%;
    transform: scale(0.2) translate(0%, -200%); } }
@-webkit-keyframes spaceOutRight {
  0% {
    opacity: 1;
    -webkit-transform-origin: 100% 50%;
    -webkit-transform: scale(1) translate(0%, 0%); }
  100% {
    opacity: 0;
    -webkit-transform-origin: 100% 50%;
    -webkit-transform: scale(0.2) translate(200%, 0%); } }
@keyframes spaceOutRight {
  0% {
    opacity: 1;
    transform-origin: 100% 50%;
    transform: scale(1) translate(0%, 0%); }
  100% {
    opacity: 0;
    transform-origin: 100% 50%;
    transform: scale(0.2) translate(200%, 0%); } }
@-webkit-keyframes spaceOutDown {
  0% {
    opacity: 1;
    -webkit-transform-origin: 50% 100%;
    -webkit-transform: scale(1) translate(0%, 0%); }
  100% {
    opacity: 0;
    -webkit-transform-origin: 50% 100%;
    -webkit-transform: scale(0.2) translate(0%, 200%); } }
@keyframes spaceOutDown {
  0% {
    opacity: 1;
    transform-origin: 50% 100%;
    transform: scale(1) translate(0%, 0%); }
  100% {
    opacity: 0;
    transform-origin: 50% 100%;
    transform: scale(0.2) translate(0%, 200%); } }
@-webkit-keyframes spaceOutLeft {
  0% {
    opacity: 1;
    -webkit-transform-origin: 0% 50%;
    -webkit-transform: scale(1) translate(0%, 0%); }
  100% {
    opacity: 0;
    -webkit-transform-origin: 0% 50%;
    -webkit-transform: scale(0.2) translate(-200%, 0%); } }
@keyframes spaceOutLeft {
  0% {
    opacity: 1;
    transform-origin: 0% 50%;
    transform: scale(1) translate(0%, 0%); }
  100% {
    opacity: 0;
    transform-origin: 0% 50%;
    transform: scale(0.2) translate(-200%, 0%); } }
@-webkit-keyframes spaceInUp {
  0% {
    opacity: 0;
    -webkit-transform-origin: 50% 0%;
    -webkit-transform: scale(0.2) translate(0%, -200%); }
  100% {
    opacity: 1;
    -webkit-transform-origin: 50% 0%;
    -webkit-transform: scale(1) translate(0%, 0%); } }
@keyframes spaceInUp {
  0% {
    opacity: 0;
    transform-origin: 50% 0%;
    transform: scale(0.2) translate(0%, -200%); }
  100% {
    opacity: 1;
    transform-origin: 50% 0%;
    transform: scale(1) translate(0%, 0%); } }
@-webkit-keyframes spaceInRight {
  0% {
    opacity: 0;
    -webkit-transform-origin: 100% 50%;
    -webkit-transform: scale(0.2) translate(200%, 0%); }
  100% {
    opacity: 1;
    -webkit-transform-origin: 100% 50%;
    -webkit-transform: scale(1) translate(0%, 0%); } }
@keyframes spaceInRight {
  0% {
    opacity: 0;
    transform-origin: 100% 50%;
    transform: scale(0.2) translate(200%, 0%); }
  100% {
    opacity: 1;
    transform-origin: 100% 50%;
    transform: scale(1) translate(0%, 0%); } }
@-webkit-keyframes spaceInDown {
  0% {
    opacity: 0;
    -webkit-transform-origin: 50% 100%;
    -webkit-transform: scale(0.2) translate(0%, 200%); }
  100% {
    opacity: 1;
    -webkit-transform-origin: 50% 100%;
    -webkit-transform: scale(1) translate(0%, 0%); } }
@keyframes spaceInDown {
  0% {
    opacity: 0;
    transform-origin: 50% 100%;
    transform: scale(0.2) translate(0%, 200%); }
  100% {
    opacity: 1;
    transform-origin: 50% 100%;
    transform: scale(1) translate(0%, 0%); } }
@-webkit-keyframes spaceInLeft {
  0% {
    opacity: 0;
    -webkit-transform-origin: 0% 50%;
    -webkit-transform: scale(0.2) translate(-200%, 0%); }
  100% {
    opacity: 1;
    -webkit-transform-origin: 0% 50%;
    -webkit-transform: scale(1) translate(0%, 0%); } }
@keyframes spaceInLeft {
  0% {
    opacity: 0;
    transform-origin: 0% 50%;
    transform: scale(0.2) translate(-200%, 0%); }
  100% {
    opacity: 1;
    transform-origin: 0% 50%;
    transform: scale(1) translate(0%, 0%); } }
/*animate it master*/
.lightSpeedOutRight.goAway, .wiggle.go {
  -webkit-animation-timing-function: ease-in; }

.flip.go, .flipInX.go {
  -webkit-backface-visibility: visible !important; }

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both; }

.slow, .slower {
  -webkit-animation-fill-mode: both; }

.slow {
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
  animation-fill-mode: both; }

.slower {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  animation-fill-mode: both; }

.slowest {
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both; }

.delay-250 {
  -webkit-animation-delay: .25s;
  -moz-animation-delay: .25s;
  -o-animation-delay: .25s;
  animation-delay: .25s; }

.delay-500 {
  -webkit-animation-delay: .5s;
  -moz-animation-delay: .5s;
  -o-animation-delay: .5s;
  animation-delay: .5s; }

.delay-750 {
  -webkit-animation-delay: .75s;
  -moz-animation-delay: .75s;
  -o-animation-delay: .75s;
  animation-delay: .75s; }

.delay-1000 {
  -webkit-animation-delay: 1s;
  -moz-animation-delay: 1s;
  -o-animation-delay: 1s;
  animation-delay: 1s; }

.delay-1250 {
  -webkit-animation-delay: 1.25s;
  -moz-animation-delay: 1.25s;
  -o-animation-delay: 1.25s;
  animation-delay: 1.25s; }

.delay-1500 {
  -webkit-animation-delay: 1.5s;
  -moz-animation-delay: 1.5s;
  -o-animation-delay: 1.5s;
  animation-delay: 1.5s; }

.delay-1750 {
  -webkit-animation-delay: 1.75s;
  -moz-animation-delay: 1.75s;
  -o-animation-delay: 1.75s;
  animation-delay: 1.75s; }

.delay-2000 {
  -webkit-animation-delay: 2s;
  -moz-animation-delay: 2s;
  -o-animation-delay: 2s;
  animation-delay: 2s; }

.delay-2500 {
  -webkit-animation-delay: 2.5s;
  -moz-animation-delay: 2.5s;
  -o-animation-delay: 2.5s;
  animation-delay: 2.5s; }

.delay-3000 {
  -webkit-animation-delay: 3s;
  -moz-animation-delay: 3s;
  -o-animation-delay: 3s;
  animation-delay: 3s; }

.delay-3500 {
  -webkit-animation-delay: 3.5s;
  -moz-animation-delay: 3.5s;
  -o-animation-delay: 3.5s;
  animation-delay: 3.5s; }

.bounceInDown, .bounceInLeft, .bounceInRight, .bounceInUp, .fadeInDown, .fadeInLeft, .fadeInRight, .fadeInUp {
  opacity: 0;
  -webkit-transform: translateX(400px);
  transform: translateX(400px); }

.flipInX, .flipInY, .rollIn, .rotateDownUpRight, .rotateIn, .rotateInDownLeft, .rotateInUpLeft, .rotateInUpRight {
  opacity: 0; }

.lightSpeedInLeft, .lightSpeedInRight {
  opacity: 0;
  -webkit-transform: translateX(400px);
  transform: translateX(400px); }

@-webkit-keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.3); }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.05); }
  70% {
    -webkit-transform: scale(0.9); }
  100% {
    -webkit-transform: scale(1); } }
@keyframes bounceIn {
  0% {
    opacity: 0;
    transform: scale(0.3); }
  50% {
    opacity: 1;
    transform: scale(1.05); }
  70% {
    transform: scale(0.9); }
  100% {
    transform: scale(1); } }
.bounceIn.go {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn; }

@-webkit-keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(400px); }
  60% {
    -webkit-transform: translateX(-30px); }
  80% {
    -webkit-transform: translateX(10px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0); } }
@keyframes bounceInRight {
  0% {
    opacity: 0;
    transform: translateX(400px); }
  60% {
    transform: translateX(-30px); }
  80% {
    transform: translateX(10px); }
  100% {
    opacity: 1;
    transform: translateX(0); } }
.bounceInRight.go {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight; }

@-webkit-keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-400px); }
  60% {
    -webkit-transform: translateX(30px); }
  80% {
    -webkit-transform: translateX(-10px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0); } }
@keyframes bounceInLeft {
  0% {
    opacity: 0;
    transform: translateX(-400px); }
  60% {
    transform: translateX(30px); }
  80% {
    transform: translateX(-10px); }
  100% {
    opacity: 1;
    transform: translateX(0); } }
.bounceInLeft.go {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft; }

@-webkit-keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(400px); }
  60% {
    -webkit-transform: translateY(-30px); }
  80% {
    -webkit-transform: translateY(10px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0); } }
@keyframes bounceInUp {
  0% {
    opacity: 0;
    transform: translateY(400px); }
  60% {
    transform: translateY(-30px); }
  80% {
    transform: translateY(10px); }
  100% {
    opacity: 1;
    transform: translateY(0); } }
.bounceInUp.go {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp; }

@-webkit-keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-400px); }
  60% {
    -webkit-transform: translateY(30px); }
  80% {
    -webkit-transform: translateY(-10px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0); } }
@keyframes bounceInDown {
  0% {
    opacity: 0;
    transform: translateY(-400px); }
  60% {
    transform: translateY(30px); }
  80% {
    transform: translateY(-10px); }
  100% {
    opacity: 1;
    transform: translateY(0); } }
.bounceInDown.go {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown; }

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1;
    display: block; } }
@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1;
    display: block; } }
.fadeIn {
  opacity: 0; }

.fadeIn.go {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn; }

@-webkit-keyframes growIn {
  0% {
    -webkit-transform: scale(0.2);
    opacity: 0; }
  50% {
    -webkit-transform: scale(1.2); }
  100% {
    -webkit-transform: scale(1);
    opacity: 1; } }
@keyframes growIn {
  0% {
    transform: scale(0.2);
    opacity: 0; }
  50% {
    transform: scale(1.2); }
  100% {
    transform: scale(1);
    opacity: 1; } }
.growIn {
  -webkit-transform: scale(0.2);
  transform: scale(0.2);
  opacity: 0; }

.growIn.go {
  -webkit-animation-name: growIn;
  animation-name: growIn; }

@-webkit-keyframes shake {
  0%,100% {
    -webkit-transform: translateX(0); }
  10%,30%,50%,70%,90% {
    -webkit-transform: translateX(-10px); }
  20%,40%,60%,80% {
    -webkit-transform: translateX(10px); } }
@keyframes shake {
  0%,100% {
    transform: translateX(0); }
  10%,30%,50%,70%,90% {
    transform: translateX(-10px); }
  20%,40%,60%,80% {
    transform: translateX(10px); } }
.shake.go {
  -webkit-animation-name: shake;
  animation-name: shake; }

@-webkit-keyframes shakeUp {
  0%,100% {
    -webkit-transform: translateX(0); }
  10%,30%,50%,70%,90% {
    -webkit-transform: translateY(-10px); }
  20%,40%,60%,80% {
    -webkit-transform: translateY(10px); } }
@keyframes shakeUp {
  0%,100% {
    transform: translateY(0); }
  10%,30%,50%,70%,90% {
    transform: translateY(-10px); }
  20%,40%,60%,80% {
    transform: translateY(10px); } }
.shakeUp.go {
  -webkit-animation-name: shakeUp;
  animation-name: shakeUp; }

@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-400px); }
  50% {
    opacity: .3; }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0); } }
@keyframes fadeInLeft {
  0% {
    opacity: 0;
    transform: translateX(-400px); }
  50% {
    opacity: .3; }
  100% {
    opacity: 1;
    transform: translateX(0); } }
.fadeInLeft {
  opacity: 0;
  -webkit-transform: translateX(-400px);
  transform: translateX(-400px); }

.fadeInLeft.go {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft; }

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(400px); }
  50% {
    opacity: .3; }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0); } }
@keyframes fadeInRight {
  0% {
    opacity: 0;
    transform: translateX(400px); }
  50% {
    opacity: .3; }
  100% {
    opacity: 1;
    transform: translateX(0); } }
.fadeInRight {
  opacity: 0;
  -webkit-transform: translateX(400px);
  transform: translateX(400px); }

.fadeInRight.go {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight; }

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(400px); }
  50% {
    opacity: .3; }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0); } }
@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(400px); }
  50% {
    opacity: .3; }
  100% {
    opacity: 1;
    transform: translateY(0); } }
.fadeInUp {
  opacity: 0;
  -webkit-transform: translateY(400px);
  transform: translateY(400px); }

.fadeInUp.go {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp; }

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-400px); }
  50% {
    opacity: .3; }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0); } }
@keyframes fadeInDown {
  0% {
    opacity: 0;
    transform: translateY(-400px); }
  50% {
    opacity: .3; }
  100% {
    opacity: 1;
    transform: translateY(0); } }
.fadeInDown {
  opacity: 0;
  -webkit-transform: translateY(-400px);
  transform: translateY(-400px); }

.fadeInDown.go {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown; }

@-webkit-keyframes rotateIn {
  0% {
    -webkit-transform-origin: center center;
    -webkit-transform: rotate(-200deg);
    opacity: 0; }
  100% {
    -webkit-transform-origin: center center;
    -webkit-transform: rotate(0);
    opacity: 1; } }
@keyframes rotateIn {
  0% {
    transform-origin: center center;
    transform: rotate(-200deg);
    opacity: 0; }
  100% {
    transform-origin: center center;
    transform: rotate(0);
    opacity: 1; } }
.rotateIn.go {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn; }

@-webkit-keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    opacity: 0; }
  100% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(0);
    opacity: 1; } }
@keyframes rotateInUpLeft {
  0% {
    transform-origin: left bottom;
    transform: rotate(90deg);
    opacity: 0; }
  100% {
    transform-origin: left bottom;
    transform: rotate(0);
    opacity: 1; } }
.rotateInUpLeft.go {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft; }

@-webkit-keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    opacity: 0; }
  100% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(0);
    opacity: 1; } }
@keyframes rotateInDownLeft {
  0% {
    transform-origin: left bottom;
    transform: rotate(-90deg);
    opacity: 0; }
  100% {
    transform-origin: left bottom;
    transform: rotate(0);
    opacity: 1; } }
.rotateInDownLeft.go {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft; }

@-webkit-keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    opacity: 0; }
  100% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(0);
    opacity: 1; } }
@keyframes rotateInUpRight {
  0% {
    transform-origin: right bottom;
    transform: rotate(-90deg);
    opacity: 0; }
  100% {
    transform-origin: right bottom;
    transform: rotate(0);
    opacity: 1; } }
.rotateInUpRight.go {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight; }

@-webkit-keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    opacity: 0; }
  100% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(0);
    opacity: 1; } }
@keyframes rotateInDownRight {
  0% {
    transform-origin: right bottom;
    transform: rotate(90deg);
    opacity: 0; }
  100% {
    transform-origin: right bottom;
    transform: rotate(0);
    opacity: 1; } }
.rotateInDownRight.go {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight; }

@-webkit-keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0) rotate(0); } }
@keyframes rollIn {
  0% {
    opacity: 0;
    transform: translateX(-100%) rotate(-120deg); }
  100% {
    opacity: 1;
    transform: translateX(0) rotate(0); } }
.rollIn.go {
  -webkit-animation-name: rollIn;
  animation-name: rollIn; }

@-webkit-keyframes wiggle {
  0% {
    -webkit-transform: skewX(9deg); }
  10% {
    -webkit-transform: skewX(-8deg); }
  20% {
    -webkit-transform: skewX(7deg); }
  30% {
    -webkit-transform: skewX(-6deg); }
  40% {
    -webkit-transform: skewX(5deg); }
  50% {
    -webkit-transform: skewX(-4deg); }
  60% {
    -webkit-transform: skewX(3deg); }
  70% {
    -webkit-transform: skewX(-2deg); }
  80% {
    -webkit-transform: skewX(1deg); }
  100%,90% {
    -webkit-transform: skewX(0); } }
@keyframes wiggle {
  0% {
    transform: skewX(9deg); }
  10% {
    transform: skewX(-8deg); }
  20% {
    transform: skewX(7deg); }
  30% {
    transform: skewX(-6deg); }
  40% {
    transform: skewX(5deg); }
  50% {
    transform: skewX(-4deg); }
  60% {
    transform: skewX(3deg); }
  70% {
    transform: skewX(-2deg); }
  80% {
    transform: skewX(1deg); }
  100%,90% {
    transform: skewX(0); } }
.wiggle.go {
  -webkit-animation-name: wiggle;
  animation-name: wiggle;
  animation-timing-function: ease-in; }

@-webkit-keyframes swing {
  100%,20%,40%,60%,80% {
    -webkit-transform-origin: top center; }
  20% {
    -webkit-transform: rotate(15deg); }
  40% {
    -webkit-transform: rotate(-10deg); }
  60% {
    -webkit-transform: rotate(5deg); }
  80% {
    -webkit-transform: rotate(-5deg); }
  100% {
    -webkit-transform: rotate(0); } }
@keyframes swing {
  20% {
    transform: rotate(15deg); }
  40% {
    transform: rotate(-10deg); }
  60% {
    transform: rotate(5deg); }
  80% {
    transform: rotate(-5deg); }
  100% {
    transform: rotate(0); } }
.swing.go {
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing; }

@-webkit-keyframes tada {
  0% {
    -webkit-transform: scale(1); }
  10%,20% {
    -webkit-transform: scale(0.9) rotate(-3deg); }
  30%,50%,70%,90% {
    -webkit-transform: scale(1.1) rotate(3deg); }
  40%,60%,80% {
    -webkit-transform: scale(1.1) rotate(-3deg); }
  100% {
    -webkit-transform: scale(1) rotate(0); } }
@keyframes tada {
  0% {
    transform: scale(1); }
  10%,20% {
    transform: scale(0.9) rotate(-3deg); }
  30%,50%,70%,90% {
    transform: scale(1.1) rotate(3deg); }
  40%,60%,80% {
    transform: scale(1.1) rotate(-3deg); }
  100% {
    transform: scale(1) rotate(0); } }
.tada.go {
  -webkit-animation-name: tada;
  animation-name: tada; }

@-webkit-keyframes wobble {
  0%,100% {
    -webkit-transform: translateX(0); }
  15% {
    -webkit-transform: translateX(-25%) rotate(-5deg); }
  30% {
    -webkit-transform: translateX(20%) rotate(3deg); }
  45% {
    -webkit-transform: translateX(-15%) rotate(-3deg); }
  60% {
    -webkit-transform: translateX(10%) rotate(2deg); }
  75% {
    -webkit-transform: translateX(-5%) rotate(-1deg); } }
@keyframes wobble {
  0%,100% {
    transform: translateX(0); }
  15% {
    transform: translateX(-25%) rotate(-5deg); }
  30% {
    transform: translateX(20%) rotate(3deg); }
  45% {
    transform: translateX(-15%) rotate(-3deg); }
  60% {
    transform: translateX(10%) rotate(2deg); }
  75% {
    transform: translateX(-5%) rotate(-1deg); } }
.wobble.go {
  -webkit-animation-name: wobble;
  animation-name: wobble; }

@-webkit-keyframes pulse {
  0%,100% {
    -webkit-transform: scale(1); }
  50% {
    -webkit-transform: scale(1.1); } }
@keyframes pulse {
  0%,100% {
    transform: scale(1); }
  50% {
    transform: scale(1.1); } }
.pulse.go {
  -webkit-animation-name: pulse;
  animation-name: pulse; }

@-webkit-keyframes lightSpeedInRight {
  0% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    opacity: 0; }
  60% {
    -webkit-transform: translateX(-20%) skewX(30deg);
    opacity: 1; }
  80% {
    -webkit-transform: translateX(0) skewX(-15deg);
    opacity: 1; }
  100% {
    -webkit-transform: translateX(0) skewX(0);
    opacity: 1; } }
@keyframes lightSpeedInRight {
  0% {
    transform: translateX(100%) skewX(-30deg);
    opacity: 0; }
  60% {
    transform: translateX(-20%) skewX(30deg);
    opacity: 1; }
  80% {
    transform: translateX(0) skewX(-15deg);
    opacity: 1; }
  100% {
    transform: translateX(0) skewX(0);
    opacity: 1; } }
.lightSpeedInRight.go {
  -webkit-animation-name: lightSpeedInRight;
  animation-name: lightSpeedInRight;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out; }

@-webkit-keyframes lightSpeedInLeft {
  0% {
    -webkit-transform: translateX(-100%) skewX(30deg);
    opacity: 0; }
  60% {
    -webkit-transform: translateX(20%) skewX(-30deg);
    opacity: 1; }
  80% {
    -webkit-transform: translateX(0) skewX(15deg);
    opacity: 1; }
  100% {
    -webkit-transform: translateX(0) skewX(0);
    opacity: 1; } }
@keyframes lightSpeedInLeft {
  0% {
    transform: translateX(-100%) skewX(30deg);
    opacity: 0; }
  60% {
    transform: translateX(20%) skewX(-30deg);
    opacity: 1; }
  80% {
    transform: translateX(0) skewX(15deg);
    opacity: 1; }
  100% {
    transform: translateX(0) skewX(0);
    opacity: 1; } }
.lightSpeedInLeft.go {
  -webkit-animation-name: lightSpeedInLeft;
  animation-name: lightSpeedInLeft;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out; }

@-webkit-keyframes flip {
  0% {
    -webkit-transform: perspective(400px) rotateY(0);
    -webkit-animation-timing-function: ease-out; }
  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg);
    -webkit-animation-timing-function: ease-out; }
  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -webkit-animation-timing-function: ease-in; }
  80% {
    -webkit-transform: perspective(400px) rotateY(360deg) scale(0.95);
    -webkit-animation-timing-function: ease-in; }
  100% {
    -webkit-transform: perspective(400px) scale(1);
    -webkit-animation-timing-function: ease-in; } }
@keyframes flip {
  0% {
    transform: perspective(400px) rotateY(0);
    animation-timing-function: ease-out; }
  40% {
    transform: perspective(400px) translateZ(150px) rotateY(170deg);
    animation-timing-function: ease-out; }
  50% {
    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    animation-timing-function: ease-in; }
  80% {
    transform: perspective(400px) rotateY(360deg) scale(0.95);
    animation-timing-function: ease-in; }
  100% {
    transform: perspective(400px) scale(1);
    animation-timing-function: ease-in; } }
.flip.go {
  -webkit-animation-name: flip;
  backface-visibility: visible !important;
  animation-name: flip; }

@-webkit-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    opacity: 0; }
  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg); }
  70% {
    -webkit-transform: perspective(400px) rotateX(10deg); }
  100% {
    -webkit-transform: perspective(400px) rotateX(0);
    opacity: 1; } }
@keyframes flipInX {
  0% {
    transform: perspective(400px) rotateX(90deg);
    opacity: 0; }
  40% {
    transform: perspective(400px) rotateX(-10deg); }
  70% {
    transform: perspective(400px) rotateX(10deg); }
  100% {
    transform: perspective(400px) rotateX(0);
    opacity: 1; } }
.flipInX.go {
  -webkit-animation-name: flipInX;
  backface-visibility: visible !important;
  animation-name: flipInX; }

.flipInY.go, .flipOutX.goAway {
  -webkit-backface-visibility: visible !important; }

@-webkit-keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    opacity: 0; }
  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg); }
  70% {
    -webkit-transform: perspective(400px) rotateY(10deg); }
  100% {
    -webkit-transform: perspective(400px) rotateY(0);
    opacity: 1; } }
@keyframes flipInY {
  0% {
    transform: perspective(400px) rotateY(90deg);
    opacity: 0; }
  40% {
    transform: perspective(400px) rotateY(-10deg); }
  70% {
    transform: perspective(400px) rotateY(10deg); }
  100% {
    transform: perspective(400px) rotateY(0);
    opacity: 1; } }
.flipInY.go {
  -webkit-animation-name: flipInY;
  backface-visibility: visible !important;
  animation-name: flipInY; }

@-webkit-keyframes bounceOut {
  0% {
    -webkit-transform: scale(1); }
  25% {
    -webkit-transform: scale(0.95); }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.1); }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.3); } }
@keyframes bounceOut {
  0% {
    transform: scale(1); }
  25% {
    transform: scale(0.95); }
  50% {
    opacity: 1;
    transform: scale(1.1); }
  100% {
    opacity: 0;
    transform: scale(0.3); } }
.bounceOut.goAway {
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut; }

@-webkit-keyframes bounceOutUp {
  0% {
    -webkit-transform: translateY(0); }
  20% {
    opacity: 1;
    -webkit-transform: translateY(20px); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px); } }
@keyframes bounceOutUp {
  0% {
    transform: translateY(0); }
  20% {
    opacity: 1;
    transform: translateY(20px); }
  100% {
    opacity: 0;
    transform: translateY(-2000px); } }
.bounceOutUp.goAway {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp; }

@-webkit-keyframes bounceOutDown {
  0% {
    -webkit-transform: translateY(0); }
  20% {
    opacity: 1;
    -webkit-transform: translateY(-20px); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px); } }
@keyframes bounceOutDown {
  0% {
    transform: translateY(0); }
  20% {
    opacity: 1;
    transform: translateY(-20px); }
  100% {
    opacity: 0;
    transform: translateY(2000px); } }
.bounceOutDown.goAway {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown; }

@-webkit-keyframes bounceOutLeft {
  0% {
    -webkit-transform: translateX(0); }
  20% {
    opacity: 1;
    -webkit-transform: translateX(20px); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px); } }
@keyframes bounceOutLeft {
  0% {
    transform: translateX(0); }
  20% {
    opacity: 1;
    transform: translateX(20px); }
  100% {
    opacity: 0;
    transform: translateX(-2000px); } }
.bounceOutLeft.goAway {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft; }

@-webkit-keyframes bounceOutRight {
  0% {
    -webkit-transform: translateX(0); }
  20% {
    opacity: 1;
    -webkit-transform: translateX(-20px); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px); } }
@keyframes bounceOutRight {
  0% {
    transform: translateX(0); }
  20% {
    opacity: 1;
    transform: translateX(-20px); }
  100% {
    opacity: 0;
    transform: translateX(2000px); } }
.bounceOutRight.goAway {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight; }

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }
@keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }
.fadeOut.goAway {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut; }

@-webkit-keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px); } }
@keyframes fadeOutUp {
  0% {
    opacity: 1;
    transform: translateY(0); }
  100% {
    opacity: 0;
    transform: translateY(-2000px); } }
.fadeOutUp.goAway {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp; }

@-webkit-keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px); } }
@keyframes fadeOutDown {
  0% {
    opacity: 1;
    transform: translateY(0); }
  100% {
    opacity: 0;
    transform: translateY(2000px); } }
.fadeOutDown.goAway {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown; }

@-webkit-keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px); } }
@keyframes fadeOutLeft {
  0% {
    opacity: 1;
    transform: translateX(0); }
  100% {
    opacity: 0;
    transform: translateX(-2000px); } }
.fadeOutLeft.goAway {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft; }

@-webkit-keyframes fadeOutRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px); } }
@keyframes fadeOutRight {
  0% {
    opacity: 1;
    transform: translateX(0); }
  100% {
    opacity: 0;
    transform: translateX(2000px); } }
.fadeOutRight.goAway {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight; }

@-webkit-keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px) rotateX(0);
    opacity: 1; }
  100% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    opacity: 0; } }
@keyframes flipOutX {
  0% {
    transform: perspective(400px) rotateX(0);
    opacity: 1; }
  100% {
    transform: perspective(400px) rotateX(90deg);
    opacity: 0; } }
.flipOutX.goAway {
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  backface-visibility: visible !important; }

@-webkit-keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px) rotateY(0);
    opacity: 1; }
  100% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    opacity: 0; } }
@keyframes flipOutY {
  0% {
    transform: perspective(400px) rotateY(0);
    opacity: 1; }
  100% {
    transform: perspective(400px) rotateY(90deg);
    opacity: 0; } }
.flipOutY {
  -webkit-backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  backface-visibility: visible !important;
  animation-name: flipOutY; }

@-webkit-keyframes lightSpeedOutRight {
  0% {
    -webkit-transform: translateX(0) skewX(0);
    opacity: 1; }
  100% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    opacity: 0; } }
@keyframes lightSpeedOutRight {
  0% {
    transform: translateX(0) skewX(0);
    opacity: 1; }
  100% {
    transform: translateX(100%) skewX(-30deg);
    opacity: 0; } }
.lightSpeedOutRight.goAway {
  -webkit-animation-name: lightSpeedOutRight;
  animation-name: lightSpeedOutRight;
  animation-timing-function: ease-in; }

@-webkit-keyframes lightSpeedOutLeft {
  0% {
    -webkit-transform: translateX(0) skewX(0);
    opacity: 1; }
  100% {
    -webkit-transform: translateX(-100%) skewX(30deg);
    opacity: 0; } }
@keyframes lightSpeedOutLeft {
  0% {
    transform: translateX(0) skewX(0);
    opacity: 1; }
  100% {
    transform: translateX(-100%) skewX(30deg);
    opacity: 0; } }
.lightSpeedOutLeft.goAway {
  -webkit-animation-name: lightSpeedOutLeft;
  animation-name: lightSpeedOutLeft;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in; }

@-webkit-keyframes rotateOut {
  0% {
    -webkit-transform-origin: center center;
    -webkit-transform: rotate(0);
    opacity: 1; }
  100% {
    -webkit-transform-origin: center center;
    -webkit-transform: rotate(200deg);
    opacity: 0; } }
@keyframes rotateOut {
  0% {
    transform-origin: center center;
    transform: rotate(0);
    opacity: 1; }
  100% {
    transform-origin: center center;
    transform: rotate(200deg);
    opacity: 0; } }
.rotateOut.goAway {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut; }

@-webkit-keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(0);
    opacity: 1; }
  100% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    opacity: 0; } }
@keyframes rotateOutUpLeft {
  0% {
    transform-origin: left bottom;
    transform: rotate(0);
    opacity: 1; }
  100% {
    -transform-origin: left bottom;
    -transform: rotate(-90deg);
    opacity: 0; } }
.rotateOutUpLeft.goAway {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft; }

@-webkit-keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(0);
    opacity: 1; }
  100% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    opacity: 0; } }
@keyframes rotateOutDownLeft {
  0% {
    transform-origin: left bottom;
    transform: rotate(0);
    opacity: 1; }
  100% {
    transform-origin: left bottom;
    transform: rotate(90deg);
    opacity: 0; } }
.rotateOutDownLeft.goAway {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft; }

@-webkit-keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(0);
    opacity: 1; }
  100% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    opacity: 0; } }
@keyframes rotateOutUpRight {
  0% {
    transform-origin: right bottom;
    transform: rotate(0);
    opacity: 1; }
  100% {
    transform-origin: right bottom;
    transform: rotate(90deg);
    opacity: 0; } }
.rotateOutUpRight.goAway {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight; }

@-webkit-keyframes rollOut {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0) rotate(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(100%) rotate(120deg); } }
@keyframes rollOut {
  0% {
    opacity: 1;
    transform: translateX(0) rotate(0); }
  100% {
    opacity: 0;
    transform: translateX(100%) rotate(120deg); } }
.rollOut.goAway {
  -webkit-animation-name: rollOut;
  animation-name: rollOut; }

@-webkit-keyframes fadeInUpShort {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0); } }
@keyframes fadeInUpShort {
  0% {
    opacity: 0;
    transform: translateY(20px); }
  100% {
    opacity: 1;
    transform: translateY(0); } }
.fadeInUpShort {
  opacity: 0;
  -webkit-transform: translateY(20px);
  transform: translateY(20px); }

.fadeInUpShort.go {
  -webkit-animation-name: fadeInUpShort;
  animation-name: fadeInUpShort; }

@-webkit-keyframes fadeInDownShort {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0); } }
@keyframes fadeInDownShort {
  0% {
    opacity: 0;
    transform: translateY(-20px); }
  100% {
    opacity: 1;
    transform: translateY(0); } }
.fadeInDownShort {
  opacity: 0;
  -webkit-transform: translateY(-20px);
  transform: translateY(-20px); }

.fadeInDownShort.go {
  -webkit-animation-name: fadeInDownShort;
  animation-name: fadeInDownShort; }

@-webkit-keyframes fadeInRightShort {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0); } }
@keyframes fadeInRightShort {
  0% {
    opacity: 0;
    transform: translateX(20px); }
  100% {
    opacity: 1;
    transform: translateX(0); } }
.fadeInRightShort {
  opacity: 0;
  -webkit-transform: translateX(20px);
  transform: translateX(20px); }

.fadeInRightShort.go {
  -webkit-animation-name: fadeInRightShort;
  animation-name: fadeInRightShort; }

@-webkit-keyframes fadeInLeftShort {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0); } }
@keyframes fadeInLeftShort {
  0% {
    opacity: 0;
    transform: translateX(-20px); }
  100% {
    opacity: 1;
    transform: translateX(0); } }
.fadeInLeftShort {
  opacity: 0;
  -webkit-transform: translateX(-20px);
  transform: translateX(-20px); }

.fadeInLeftShort.go {
  -webkit-animation-name: fadeInLeftShort;
  animation-name: fadeInLeftShort; }

/***/
body {
  height: 100%;
  min-height: 100%;
  padding-top: 0 !important; }

html {
  height: 100%; }

img {
  max-width: 100%;
  height: auto;
  border: 0; }

select {
  -webkit-appearance: none; }

* {
  margin: 0;
  padding: 0;
  outline: medium none;
  resize: none;
  vertical-align: baseline; }

a {
  tap-highlight-color: transparent;
  -webkit-tap-highlight-color: transparent; }

.mobile {
  display: none !important; }

#wrapper {
  height: 100%;
  position: relative;
  width: 100%;
  min-height: 700px; }

.sectionType {
  overflow: hidden;
  position: relative; }

.content {
  position: relative;
  height: auto;
  min-height: 100%; }

.showMob {
  display: none !important; }

.hideMob {
  display: block !important; }

/**shared*/
.table {
  position: relative;
  display: table;
  vertical-align: middle;
  height: 100%;
  margin-left: auto;
  margin-right: auto; }

.table .cell {
  position: relative;
  display: table-cell;
  vertical-align: middle;
  height: 100%;
  text-align: center; }

.clear {
  clear: both;
  list-style: none; }

/**sharedEnd*/
/**header*/
.header {
  width: 100%;
  position: relative;
  height: 162px;
  z-index: 9;
  border-bottom: 1px solid #EAEAEA; }

.opTop {
  z-index: 10;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url(../images/bgrxMenu.png);
  background-repeat: repeat;
  display: none;
  -webkit-transition: opacity 1s ease;
  -khtml-transition: opacity 1s ease;
  -moz-transition: opacity 1s ease;
  -ms-transition: opacity 1s ease;
  -o-transition: opacity 1s ease;
  transition: opacity 1s ease;
  -webkit-animation: fadeIn 0.5s ease;
  -khtml-animation: fadeIn 0.5s ease;
  -moz-animation: fadeIn 0.5s ease;
  -ms-animation: fadeIn 0.5s ease;
  -o-animation: fadeIn 0.5s ease;
  animation: fadeIn 0.5s ease; }

.opTop.show {
  display: block;
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
  /* Netscape */
  -moz-opacity: 1;
  /* Safari 1.x */
  -khtml-opacity: 1;
  /* Good browsers */
  opacity: 1;
  /* Good browsers */
  -webkit-opacity: 1;
  /* Good browsers */
  -o-opacity: 1;
  -webkit-transition: opacity 1s ease;
  -khtml-transition: opacity 1s ease;
  -moz-transition: opacity 1s ease;
  -ms-transition: opacity 1s ease;
  -o-transition: opacity 1s ease;
  transition: opacity 1s ease; }

/***/
.hideH1 {
  display: none; }

.fullWrap {
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 763px; }

.countryPid .fullWrap {
  min-height: 1%; }

.fullWrap .picture {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.greenLayout {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url(../images/bgr_greenhomepage.png);
  background-attachment: fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: center; }

.greenLayout .cadre {
  padding: 34px;
  padding-bottom: 0px;
  width: 100%;
  height: 100%;
  -webkit-box-sizing: border-box;
  -khtml-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  position: relative; }

.greenLayout .cadre .line {
  position: relative;
  width: 100%;
  height: 100%;
  border: 1px solid #fff;
  border-bottom: none;
  -webkit-box-sizing: border-box;
  -khtml-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
  /* Netscape */
  -moz-opacity: 0.62;
  /* Safari 1.x */
  -khtml-opacity: 0.62;
  /* Good browsers */
  opacity: 0.62;
  /* Good browsers */
  -webkit-opacity: 0.62;
  /* Good browsers */
  -o-opacity: 0.62; }

.fullImg {
  background-repeat: no-repeat;
  background-position: center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  width: 100%;
  height: 100%; }

.websiteMenuWrap.open {
  background-color: #464642 !important; }

.logoWrap {
  position: relative;
  width: 100%;
  height: 96px; }

.countryPid .logoWrap {
  padding-top: 101px; }

.homePid .logoWrap {
  height: 188px;
  padding-top: 81px; }

.introPid .logoWrap {
  padding-top: 6%;
  margin-bottom: 20px; }

.logoWrap .logo {
  width: 176px;
  height: 96px;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  display: block; }

.homePid .logoWrap .logo {
  width: 274px;
  height: 100%; }

.chooseCountryMod {
  position: relative;
  width: 100%; }

.chooseCountryMod .title {
  max-width: 351px;
  width: 100%;
  position: relative;
  margin-left: auto;
  margin-right: auto; }

.chooseCountryMod .title .doubleLine {
  position: absolute;
  top: 18px; }

.chooseCountryMod .title .doubleLine.left {
  left: -105px; }

.chooseCountryMod .title .doubleLine.right {
  right: -28px; }

.chooseCountryMod .title .doubleLine .line {
  width: 78px;
  height: 1px;
  background-color: #fff;
  position: absolute;
  left: 0; }

.chooseCountryMod .title .doubleLine .line.top {
  top: 0; }

.chooseCountryMod .title .doubleLine .line.btm {
  top: 4px; }

.chooseCountryMod .title .text {
  width: 100%;
  min-height: 36px;
  height: auto;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  color: #fff;
  font-family: futura_medium_bt;
  font-size: 32px;
  color: #FFFFFF;
  font-weight: bold;
  text-align: center;
  padding-top: 5px; }

.chooseCountryMod .title .text .part1 {
  background-image: url(../images/sprite.png);
  background-position: -1px -1px;
  background-repeat: no-repeat;
  -moz-background-size: initial;
  -webkit-background-size: initial;
  background-size: initial;
  width: 123px;
  margin-right: 19px; }

.chooseCountryMod .title .text .part2 {
  background-image: url(../images/sprite.png);
  background-position: -143px 0px;
  background-repeat: no-repeat;
  -moz-background-size: initial;
  -webkit-background-size: initial;
  background-size: initial;
  width: 189px; }

.chooseCountryMod .title .text .part {
  display: block;
  float: left;
  height: 36px; }

.countryList {
  max-width: 200px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  list-style: none;
  position: relative;
  margin-top: 42px; }

.countryList li .topDot {
  display: block;
  width: 3px;
  height: 3px;
  margin-left: auto;
  margin-right: auto;
  background-color: #fff;
  margin-bottom: 19px; }

.countryList li {
  text-align: center;
  height: 59px;
  display: block; }

.countryList li.last {
  height: 39px !important; }

.countryList li a {
  text-decoration: none;
  display: block;
  font-family: futura_bk_btbook;
  font-size: 20px;
  color: #FFFFFF;
  -webkit-transition: color 0.3s ease;
  -khtml-transition: color 0.3s ease;
  -moz-transition: color 0.3s ease;
  -ms-transition: color 0.3s ease;
  -o-transition: color 0.3s ease;
  transition: color 0.3s ease; }

/***/
.fullWrap .pictures {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.shadowTop {
  background-image: url(../images/bgrxSprite.png);
  background-position: 0 0px;
  background-repeat: repeat-x;
  -moz-background-size: initial;
  -webkit-background-size: initial;
  background-size: initial;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 145px; }

.shadowBtm {
  background-image: url(../images/bgrxSprite.png);
  background-position: 0 -150px;
  background-repeat: repeat-x;
  -moz-background-size: initial;
  -webkit-background-size: initial;
  background-size: initial;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 111px; }

.shadowMain {
  background-image: url(../images/bigRadialHome.png);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  pointer-events: none; }

.shadowMain.aboutCss {
  background-image: url(../images/about_radialShadow.png); }

.shadowMain.qaCss {
  background-attachment: inherit;
  background-image: url(../images/radialBlack.png); }

.shadowMain.radial {
  background-image: url(../images/gradientLow.png); }

.radialSlie3 .shadowMain.radial {
  background-image: url(../images/radialSlie3.png); }

.radialSlie3 .shadowTop,
.radialSlie3 .shadowBtm {
  display: none; }

.wrapClose {
  position: relative;
  width: 100%;
  padding-top: 18px; }

.wrapClose .closeBtn {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  display: block;
  width: 60px;
  font-size: 76px;
  height: 60px;
  color: #fff;
  text-decoration: none;
  border: 2px solid #fff;
  -webkit-border-radius: 100%;
  -khtml-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%;
  -webkit-transition: border-color 0.3s ease;
  -khtml-transition: border-color 0.3s ease;
  -moz-transition: border-color 0.3s ease;
  -ms-transition: border-color 0.3s ease;
  -o-transition: border-color 0.3s ease;
  transition: border-color 0.3s ease; }

.closeBtn .txt_close {
  background-image: url(../images/sprite.png);
  background-position: -380px -20px;
  background-repeat: no-repeat;
  -moz-background-size: initial;
  -webkit-background-size: initial;
  background-size: initial;
  font-size: 30px;
  color: #fff;
  position: relative;
  width: 100%;
  height: 29px;
  display: block;
  text-align: center;
  margin-right: auto;
  width: 20px;
  margin-left: auto;
  height: 20px; }

.closeBtn .txt_close img {
  display: none; }

.closeBtn .table {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%; }

.whatIsHappening {
  max-width: 450px;
  width: 100%;
  height: 359px;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  -webkit-box-sizing: border-box;
  -khtml-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  padding-top: 1px; }

.whatIsHappening .cadre {
  border: 6px solid #8AC43E;
  position: absolute;
  top: 0px;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-box-sizing: border-box;
  -khtml-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
  /* Netscape */
  -moz-opacity: 0.85;
  /* Safari 1.x */
  -khtml-opacity: 0.85;
  /* Good browsers */
  opacity: 0.85;
  /* Good browsers */
  -webkit-opacity: 0.85;
  /* Good browsers */
  -o-opacity: 0.85;
  z-index: 2;
  pointer-events: none; }

.whatIsHappening .blackOp {
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
  /* Netscape */
  -moz-opacity: 0.2;
  /* Safari 1.x */
  -khtml-opacity: 0.2;
  /* Good browsers */
  opacity: 0.2;
  /* Good browsers */
  -webkit-opacity: 0.2;
  /* Good browsers */
  -o-opacity: 0.2;
  position: absolute;
  top: 0px;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000000; }

.whatIsHappening .title {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  width: 350px;
  height: 31px;
  margin-top: 97px;
  margin-bottom: 37px;
  font-family: futura_medium_bt;
  font-size: 32px;
  color: #FFFFFF;
  font-weight: bold;
  text-align: center; }

.whatIsHappening .item {
  width: 100%;
  position: relative;
  text-align: center; }

.whatIsHappening .item .text {
  max-width: 307px;
  width: 100%;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  line-height: 21px;
  font-family: futura_bk_btbook;
  font-size: 16px;
  color: #F2F2F2; }
  .whatIsHappening .item .text a {
    text-decoration: none;
    color: #F2F2F2;
    display: block; }

.whatIsHappening .swiper-pagination {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  display: block;
  margin-top: 32px; }

.whatIsHappening .swiper-pagination-bullet {
  border: 1px solid #fff;
  background-color: transparent;
  margin-right: 8px;
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
  /* Netscape */
  -moz-opacity: 1;
  /* Safari 1.x */
  -khtml-opacity: 1;
  /* Good browsers */
  opacity: 1;
  /* Good browsers */
  -webkit-opacity: 1;
  /* Good browsers */
  -o-opacity: 1;
  -webkit-transition: background-color 0.5s ease;
  -khtml-transition: background-color 0.5s ease;
  -moz-transition: background-color 0.5s ease;
  -ms-transition: background-color 0.5s ease;
  -o-transition: background-color 0.5s ease;
  transition: background-color 0.5s ease; }

.whatIsHappening .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #fff; }

.animatePics .picture {
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
  /* Netscape */
  -moz-opacity: 0;
  /* Safari 1.x */
  -khtml-opacity: 0;
  /* Good browsers */
  opacity: 0;
  /* Good browsers */
  -webkit-opacity: 0;
  /* Good browsers */
  -o-opacity: 0;
  -webkit-transition: opacity 1s ease;
  -khtml-transition: opacity 1s ease;
  -moz-transition: opacity 1s ease;
  -ms-transition: opacity 1s ease;
  -o-transition: opacity 1s ease;
  transition: opacity 1s ease; }

.fixated .fullImg {
  -webkit-transition: background-image 1s ease;
  -khtml-transition: background-image 1s ease;
  -moz-transition: background-image 1s ease;
  -ms-transition: background-image 1s ease;
  -o-transition: background-image 1s ease;
  transition: background-image 1s ease; }

.animatePics.pictures {
  background-color: #000; }

.animatePics .picture.show {
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
  /* Netscape */
  -moz-opacity: 1;
  /* Safari 1.x */
  -khtml-opacity: 1;
  /* Good browsers */
  opacity: 1;
  /* Good browsers */
  -webkit-opacity: 1;
  /* Good browsers */
  -o-opacity: 1; }

.enterWeb {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  width: 272px;
  height: 62px;
  margin-top: 37px;
  z-index: 2;
  cursor: pointer; }

.bgButton {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: opacity 0.5s ease;
  -khtml-transition: opacity 0.5s ease;
  -moz-transition: opacity 0.5s ease;
  -ms-transition: opacity 0.5s ease;
  -o-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease; }

.bgButton.top {
  background-image: url(../images/sprite.png);
  background-position: -10px -92px;
  background-repeat: no-repeat;
  -moz-background-size: initial;
  -webkit-background-size: initial;
  background-size: initial; }

.bgButton.bot {
  background-image: url(../images/sprite.png);
  background-position: -310px -2450px;
  background-repeat: no-repeat;
  -moz-background-size: initial;
  -webkit-background-size: initial;
  background-size: initial; }

.btnGeneral .bgButton.top {
  background-image: url(../images/sprite.png);
  background-position: -310px -2450px;
  background-repeat: no-repeat;
  -moz-background-size: initial;
  -webkit-background-size: initial;
  background-size: initial; }

.lineInp .btnGeneral .bgButton.bot {
  background-image: url(../images/sprite.png);
  background-position: 0px -2690px;
  background-repeat: no-repeat;
  -moz-background-size: initial;
  -webkit-background-size: initial;
  background-size: initial; }

.lineInp .btnGeneral .bgButton.top {
  background-image: url(../images/sprite.png);
  background-position: -180px -1590px;
  background-repeat: no-repeat;
  -moz-background-size: initial;
  -webkit-background-size: initial;
  background-size: initial; }

.messageUsPid .bgButton.top {
  background-image: url(../images/sprite.png);
  background-position: -390px -1760px;
  background-repeat: no-repeat;
  -moz-background-size: initial;
  -webkit-background-size: initial;
  background-size: initial; }

.btnEdged .bgButton.bot {
  background-image: url(../images/sprite.png);
  background-position: 0px -2530px;
  background-repeat: no-repeat;
  -moz-background-size: initial;
  -webkit-background-size: initial;
  background-size: initial; }

.btnEdged .bgButton.top {
  background-image: url(../images/sprite.png);
  background-position: -180px -1430px;
  background-repeat: no-repeat;
  -moz-background-size: initial;
  -webkit-background-size: initial;
  background-size: initial; }

.btnEdged.maron .bgButton.bot {
  background-image: url(../images/sprite.png);
  background-position: 0px -2610px;
  background-repeat: no-repeat;
  -moz-background-size: initial;
  -webkit-background-size: initial;
  background-size: initial; }

.btnEdged.maron .bgButton.top {
  background-image: url(../images/sprite.png);
  background-position: -180px -1500px;
  background-repeat: no-repeat;
  -moz-background-size: initial;
  -webkit-background-size: initial;
  background-size: initial; }

.MenuPid .btnEdged.maron .bgButton.bot {
  background-image: url(../images/sprite.png);
  background-position: -180px -1500px;
  background-repeat: no-repeat;
  -moz-background-size: initial;
  -webkit-background-size: initial;
  background-size: initial; }
.MenuPid .btnEdged.maron .bgButton.top {
  background-image: url(../images/sprite.png);
  background-position: -500px -1890px;
  background-repeat: no-repeat;
  -moz-background-size: initial;
  -webkit-background-size: initial;
  background-size: initial; }
.MenuPid .btnEdged.maron .text {
  color: #4A4946;
  -webkit-transition: color 0.3s ease-in-out;
  -khtml-transition: color 0.3s ease-in-out;
  -moz-transition: color 0.3s ease-in-out;
  -ms-transition: color 0.3s ease-in-out;
  -o-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out; }

.covCss .bgButton.bot {
  background-image: url(../images/sprite.png);
  background-position: -179px -1670px;
  background-repeat: no-repeat;
  -moz-background-size: initial;
  -webkit-background-size: initial;
  background-size: initial; }

.covCss .bgButton.top {
  background-image: url(../images/sprite.png);
  background-position: -4px -3825px;
  background-repeat: no-repeat;
  -moz-background-size: initial;
  -webkit-background-size: initial;
  background-size: initial; }

.fourCss .bgButton.bot {
  background-image: url(../images/sprite.png);
  background-position: 0px -3730px;
  background-repeat: no-repeat;
  -moz-background-size: initial;
  -webkit-background-size: initial;
  background-size: initial; }

.fourCss .bgButton.top {
  background-image: url(../images/sprite.png);
  background-position: 0px -3660px;
  background-repeat: no-repeat;
  -moz-background-size: initial;
  -webkit-background-size: initial;
  background-size: initial; }

.msgCss .bgButton.bot {
  background-image: url(../images/sprite.png);
  background-position: -4px -2850px;
  background-repeat: no-repeat;
  -moz-background-size: initial;
  -webkit-background-size: initial;
  background-size: initial; }

.msgCss .bgButton.top {
  background-image: url(../images/sprite.png);
  background-position: -180px -1760px;
  background-repeat: no-repeat;
  -moz-background-size: initial;
  -webkit-background-size: initial;
  background-size: initial; }

.enterWeb .text {
  padding-top: 19px;
  position: relative;
  text-align: center;
  width: 100%;
  display: block;
  text-decoration: none;
  font-family: futura_bk_btbook;
  font-size: 18px;
  color: #F8F2F1;
  -webkit-transition: color 1s ease;
  -khtml-transition: color 1s ease;
  -moz-transition: color 1s ease;
  -ms-transition: color 1s ease;
  -o-transition: color 1s ease;
  transition: color 1s ease; }

.callUsNb {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  width: 208px;
  height: 58px;
  margin-top: 52px;
  background-image: url(../images/sprite.png);
  background-position: -442px 0px;
  background-repeat: no-repeat;
  -moz-background-size: initial;
  -webkit-background-size: initial;
  background-size: initial; }

.noBgNb {
  background: none !important; }

.part2MenuID .countryDropdown {
  right: 193px; }

.part2MenuID .websiteMenuWrap .callUsNb {
  display: block;
  position: absolute;
  right: 33px;
  top: 12px;
  background-image: url(../images/sprite.png);
  background-position: -650px -100px;
  background-repeat: no-repeat;
  -moz-background-size: initial;
  -webkit-background-size: initial;
  background-size: initial;
  width: 130px;
  height: 46px;
  margin: 0;
  padding: 0; }

/****/
.socials {
  height: 162px;
  position: absolute;
  position: fixed;
  top: 50%;
  margin-top: -80px;
  left: 16px;
  width: 18px;
  z-index: 2; }

.social.lastSocial {
  margin-bottom: 0px; }

.homePid .socials {
  position: absolute;
  z-index: 3;
  margin-top: 0px;
  -webkit-transform: translate3d(0, -50%, 0);
  -moz-transform: translate3d(0, -50%, 0);
  -o-transform: translate3d(0, -50%, 0);
  transform: translate3d(0, -50%, 0); }

.homePid .menuOpLayer {
  z-index: 1; }

.homePid .anotherCountry {
  background-color: transparent; }

.socials .social {
  position: relative;
  margin-bottom: 20px;
  color: #fff;
  font-size: 17px;
  cursor: pointer;
  text-decoration: none;
  -webkit-transition: color 0.5s ease;
  -khtml-transition: color 0.5s ease;
  -moz-transition: color 0.5s ease;
  -ms-transition: color 0.5s ease;
  -o-transition: color 0.5s ease;
  transition: color 0.5s ease; }

.socials .social.bell {
  width: 17px;
  height: 16px;
  display: block; }

.socials .social.bell img {
  position: absolute;
  left: 0;
  top: 0;
  -webkit-transition: opacity 0.5s ease-in-out;
  -khtml-transition: opacity 0.5s ease-in-out;
  -moz-transition: opacity 0.5s ease-in-out;
  -ms-transition: opacity 0.5s ease-in-out;
  -o-transition: opacity 0.5s ease-in-out;
  transition: opacity 0.5s ease-in-out; }

.mainSection {
  position: relative;
  width: 100%;
  height: 100%; }

.ContentWrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  min-height: 100%;
  height: auto; }

.websiteMenu {
  position: relative;
  max-width: 920px;
  max-width: 1050px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 21px;
  height: 67px;
  box-sizing: border-box;
  text-align: center; }

.darkMenu .websiteMenu {
  text-align: center;
  padding-left: 0px; }

.websiteMenuWrap {
  position: relative;
  width: 100%;
  z-index: 2;
  background-color: #494945; }

.reachPID .fixedMenu {
  z-index: 9; }

.websiteMenuWrap.noColor {
  background-color: transparent; }

.websiteMenuWrap .colorMenu {
  background-color: #494945;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
  /* Netscape */
  -moz-opacity: 0.95;
  /* Safari 1.x */
  -khtml-opacity: 0.95;
  /* Good browsers */
  opacity: 0.95;
  /* Good browsers */
  -webkit-opacity: 0.95;
  /* Good browsers */
  -o-opacity: 0.95; }

.sub_id2 .item1 {
  animation-delay: 0ms; }

.sub_id2 .item2 {
  animation-delay: 200ms; }

.sub_id2 .item3 {
  animation-delay: 400ms; }

.sub_id2 .item4 {
  animation-delay: 800ms; }

.homePid .websiteMenuWrap {
  background-color: transparent;
  position: absolute; }

.websiteMenuWrap .submenu {
  max-width: 920px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  position: relative; }

.websiteMenuWrap .submenu ul {
  list-style-type: none;
  padding-top: 13px; }

.websiteMenuWrap .submenu ul li a {
  font-family: futura_bk_btbook;
  font-size: 13px;
  color: #FFFFFF;
  text-decoration: none;
  position: relative;
  padding-left: 17px;
  padding-right: 27px;
  -webkit-transition: color 0.3s ease;
  -khtml-transition: color 0.3s ease;
  -moz-transition: color 0.3s ease;
  -ms-transition: color 0.3s ease;
  -o-transition: color 0.3s ease;
  transition: color 0.3s ease;
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
  /* Netscape */
  -moz-opacity: 1;
  /* Safari 1.x */
  -khtml-opacity: 1;
  /* Good browsers */
  opacity: 1;
  /* Good browsers */
  -webkit-opacity: 1;
  /* Good browsers */
  -o-opacity: 1;
  -webkit-transform: scale(1);
  -khtml-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1); }

.websiteMenuWrap .submenu.careerSMID ul li a {
  -webkit-transform: scale(1);
  -khtml-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-transform: matrix(1 0 0 1 0 0);
  display: block;
  padding-top: 5px;
  opacity: 1 !important;
  width: auto;
  text-align: left;
  font-family: futura_bk_btbook;
  font-size: 14px;
  color: #FFFFFF; }

.websiteMenuWrap .submenu.TalkToUs ul li a {
  opacity: 1 !important; }

.websiteMenuWrap .submenu.TalkToUs ul li {
  text-align: left; }

.websiteMenuWrap .submenu ul li.first {
  padding-left: 0; }

.websiteMenuWrap .submenu ul li {
  position: relative;
  float: left;
  float: none;
  padding-bottom: 9px; }

.mainSection .content,
.mainSection .animatePics.pictures {
  width: 100%;
  height: 100%; }

.mainSection .animatePics.pictures .picture {
  position: absolute;
  top: 0px;
  left: 0px; }

.websiteMenu .menuUl {
  position: relative;
  width: auto;
  height: 62px;
  height: 86px;
  list-style: none;
  display: inline-block; }

.websiteMenu .menuUl li {
  position: relative;
  float: left; }

.websiteMenu .menuUl li.last {
  padding-left: 11px; }

.websiteMenu .menuUl li a,
.websiteMenu .menuUl li .linkMenuLike {
  font-family: futura_bk_btbook;
  font-size: 13px;
  color: #FFFFFF;
  text-decoration: none;
  position: relative;
  padding-left: 18px;
  padding-right: 18px;
  cursor: pointer;
  display: block;
  padding-top: 4px; }

.homeSlideSID {
  height: 540px; }

.homeSlideSID .title {
  position: relative;
  margin-left: auto;
  margin-right: auto; }

.homeSlideSID .txt_freshlyBaked {
  max-width: 354px; }

.homeSlideSID .txt_naturalMixture {
  max-width: 376px;
  height: 189px; }

.homeSlideSID .txt_mouthWatering {
  max-width: 551px;
  height: 100px; }

.homeSlideSID .txt_BringGoodness {
  max-width: 377px;
  height: 189px; }

.homeSlideSID .txt_goodinevBite {
  max-width: 421px;
  height: 189px; }

.homeSlideSID .txt_itTurns {
  max-width: 421px;
  height: 189px; }

.homeSlideSID .subTitle {
  width: 100%;
  position: relative;
  text-align: center; }

.homeSlideSID .text {
  display: inline-block;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  font-family: futura_bk_btbook;
  font-size: 25px;
  color: #F8F2F1;
  text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.65); }

.homeSlideSID .text .line {
  position: absolute;
  height: 1px;
  width: 74px;
  top: 13px;
  background-color: #FFFFFF; }

.homeSlideSID .text .left {
  left: -96px; }

.homeSlideSID .text .right {
  right: -96px; }

.homeSlideSID .css_slide1 .subTitle {
  margin-top: 32px; }

.homeSlideSID .css_slide1 .callUsNb {
  margin-top: 75px; }

.homePid .logoWrap.css_height1 {
  height: 208px; }

.homePid .animatePics.pictures {
  background-color: #fff;
  width: 100%; }

.homepage .animatePics.pictures {
  position: relative;
  height: 100vh; }

.radialSlie3 .websiteMenu .menuUl li a,
.radialSlie3 .websiteMenu .menuUl li .linkMenuLike {
  color: #444444; }

.socials.dark .social,
.radialSlie3 .socials .social,
.darkSocial .socials .social {
  color: #676664; }

.social.bell .darkend,
.socials .social.bell .darkend,
.socials .social.bell .darkend {
  display: none; }

.socials.dark .social.bell .light,
.radialSlie3 .socials .social.bell .light,
.darkSocial .socials .social.bell .light {
  display: none; }

.socials.dark .social.bell .darkend,
.radialSlie3 .socials .social.bell .darkend,
.darkSocial .socials .social.bell .darkend {
  display: block; }

.radialSlie3 .homeSlideSID .subTitle .text {
  color: #555453;
  text-shadow: none; }

.homePid .logoWrap.css_height1 {
  height: 200px; }

.radialSlie3.homePid .logoWrap.css_height1 {
  height: 179px; }

.radialSlie3 .homeSlideSID .text .line {
  background-color: #636262; }

.radialSlie3 .normal,
.slide3 {
  display: none; }

.radialSlie3 .slide3 {
  display: block; }

.imagesPlace {
  position: relative;
  width: 100%;
  height: 310px; }

.imagesPlace .image {
  width: 33.33333%;
  float: left;
  height: 100%;
  position: relative;
  text-align: center;
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
  /* Netscape */
  -moz-opacity: 0;
  /* Safari 1.x */
  -khtml-opacity: 0;
  /* Good browsers */
  opacity: 0;
  /* Good browsers */
  -webkit-opacity: 0;
  /* Good browsers */
  -o-opacity: 0;
  -webkit-transition: opacity 1.5s ease;
  -khtml-transition: opacity 1.5s ease;
  -moz-transition: opacity 1.5s ease;
  -ms-transition: opacity 1.5s ease;
  -o-transition: opacity 1.5s ease;
  transition: opacity 1.5s ease; }

.imagesPlace .image.show {
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
  /* Netscape */
  -moz-opacity: 1;
  /* Safari 1.x */
  -khtml-opacity: 1;
  /* Good browsers */
  opacity: 1;
  /* Good browsers */
  -webkit-opacity: 1;
  /* Good browsers */
  -o-opacity: 1; }

.imagesPlace .table .cell {
  vertical-align: bottom; }

.css_slide3 .callUsNb {
  z-index: 2; }

.imagesPlace .shadow.shad1 {
  background-image: url(../images/sprite.png);
  background-position: 0px -580px;
  background-repeat: no-repeat;
  -moz-background-size: initial;
  -webkit-background-size: initial;
  background-size: initial;
  width: 625px;
  height: 608px;
  position: absolute;
  bottom: 0;
  left: 0;
  pointer-events: none; }

.shadow.shad2 {
  background-image: url(../images/sprite.png);
  background-position: 0px -210px;
  background-repeat: no-repeat;
  -moz-background-size: initial;
  -webkit-background-size: initial;
  background-size: initial;
  width: 676px;
  height: 339px;
  position: absolute;
  bottom: 162px;
  left: -100px;
  pointer-events: none; }

.subSection {
  position: relative;
  width: 100%;
  height: 100vh;
  z-index: 2; }

.linkHolder {
  position: absolute;
  top: -60px;
  left: 0;
  width: 100%;
  height: 93px;
  z-index: 3;
  -webkit-transition: top 0.5s ease;
  -khtml-transition: top 0.5s ease;
  -moz-transition: top 0.5s ease;
  -ms-transition: top 0.5s ease;
  -o-transition: top 0.5s ease;
  transition: top 0.5s ease; }
  .linkHolder .triangle {
    background-image: url(../images/btmLink.png);
    background-repeat: no-repeat;
    background-position: center 4px;
    position: absolute;
    top: 39px;
    left: 0;
    width: 100%;
    height: 52px; }

#wrapper.animatedWrapper {
  position: absolute;
  top: 0;
  left: 0; }

.arrowGreen {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  width: 114px;
  height: 59px;
  cursor: pointer;
  margin-top: 0px;
  text-align: center; }
  .arrowGreen .parentDouble {
    width: 75px;
    height: 56px;
    margin-left: auto;
    margin-right: auto;
    position: relative; }
    .arrowGreen .parentDouble .double {
      width: 149px;
      height: 111px;
      background-image: url(../images/sprite.png);
      background-position: 0px -3050px;
      background-repeat: no-repeat;
      -moz-background-size: initial;
      -webkit-background-size: initial;
      background-size: initial; }

.arrowGreen.top {
  width: 100%;
  height: 229px; }

.arrowGreen .txtArrow {
  position: absolute;
  top: 31px;
  left: 0;
  width: 100%;
  text-align: center;
  color: #fff;
  font-size: 15px;
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
  /* Netscape */
  -moz-opacity: 1;
  /* Safari 1.x */
  -khtml-opacity: 1;
  /* Good browsers */
  opacity: 1;
  /* Good browsers */
  -webkit-opacity: 1;
  /* Good browsers */
  -o-opacity: 1;
  pointer-events: none; }

.upsideDown .arrowGreen .txtArrow {
  top: 7px; }

.linkLayout {
  -webkit-transition: top 0.5s ease;
  -khtml-transition: top 0.5s ease;
  -moz-transition: top 0.5s ease;
  -ms-transition: top 0.5s ease;
  -o-transition: top 0.5s ease;
  transition: top 0.5s ease;
  position: absolute;
  top: 91px;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #464642;
  z-index: 4; }

.txt_hungry {
  font-family: futura_bk_btbook;
  font-size: 23px;
  color: #8BC53E;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  width: 100%;
  margin-top: -13px;
  margin-bottom: 7px;
  text-align: center;
  -webkit-transition: color 0.3s ease;
  -khtml-transition: color 0.3s ease;
  -moz-transition: color 0.3s ease;
  -ms-transition: color 0.3s ease;
  -o-transition: color 0.3s ease;
  transition: color 0.3s ease;
  cursor: pointer; }

.boxText {
  background-color: #3F3F3A;
  border: 1px solid #8BC43E;
  z-index: 4;
  cursor: pointer;
  width: 229px;
  height: 48px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  -webkit-transition: background-color 0.3s ease, border 0.3s ease;
  -moz-transition: background-color 0.3s ease, border 0.3s ease;
  -ms-transition: background-color 0.3s ease, border 0.3s ease;
  -o-transition: background-color 0.3s ease, border 0.3s ease;
  -webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.31);
  -khtml-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.31);
  -moz-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.31);
  -ms-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.31);
  -o-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.31);
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.31); }

.linkHolder .boxText .text {
  font-family: futura_bk_btbook;
  font-size: 16px;
  color: #ECECEC;
  text-align: center;
  width: 100%;
  position: relative; }

.subSection .picture {
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
  /* Netscape */
  -moz-opacity: 0;
  /* Safari 1.x */
  -khtml-opacity: 0;
  /* Good browsers */
  opacity: 0;
  /* Good browsers */
  -webkit-opacity: 0;
  /* Good browsers */
  -o-opacity: 0;
  -webkit-transition: opacity 1.5s ease;
  -khtml-transition: opacity 1.5s ease;
  -moz-transition: opacity 1.5s ease;
  -ms-transition: opacity 1.5s ease;
  -o-transition: opacity 1.5s ease;
  transition: opacity 1.5s ease; }

.picWrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.shadowRadial {
  background-image: url(../images/radialSub.png);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  pointer-events: none;
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
  /* Netscape */
  -moz-opacity: 0;
  /* Safari 1.x */
  -khtml-opacity: 0;
  /* Good browsers */
  opacity: 0;
  /* Good browsers */
  -webkit-opacity: 0;
  /* Good browsers */
  -o-opacity: 0;
  z-index: 1; }

.greenLineAnim {
  z-index: 4;
  -webkit-transition: background-color 0.3s ease;
  -khtml-transition: background-color 0.3s ease;
  -moz-transition: background-color 0.3s ease;
  -ms-transition: background-color 0.3s ease;
  -o-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
  position: absolute;
  background-color: #8BC53E; }

.greenLineAnim.left {
  left: 0;
  top: 0;
  width: 14px;
  height: 0; }

.greenLineAnim.btm {
  left: 0;
  bottom: 0;
  height: 13px;
  width: 0; }

.greenLineAnim.right {
  bottom: 0;
  right: 0;
  width: 14px;
  height: 0; }

.greenLineAnim.left.full,
.greenLineAnim.right.full {
  height: 100%; }

.greenLineAnim.btm.full {
  width: 100%; }

.upsideDown {
  background-image: url(../images/upsideDown.png);
  background-repeat: no-repeat;
  background-position: center 0px;
  position: absolute;
  top: -56px;
  left: 0;
  width: 100%;
  height: 56px;
  z-index: 5;
  cursor: pointer;
  display: none;
  -webkit-transition: top 1s ease, display 1s ease;
  -moz-transition: top 1s ease, display 1s ease;
  -ms-transition: top 1s ease, display 1s ease;
  -o-transition: top 1s ease, display 1s ease; }

.subSection .picture {
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
  /* Netscape */
  -moz-opacity: 1;
  /* Safari 1.x */
  -khtml-opacity: 1;
  /* Good browsers */
  opacity: 1;
  /* Good browsers */
  -webkit-opacity: 1;
  /* Good browsers */
  -o-opacity: 1; }

.innerItem {
  position: absolute;
  width: 100%;
  min-height: 333px;
  z-index: 2; }

.navigation.innerItem {
  top: auto !important;
  bottom: 0px; }

.innerItem .wrapItm {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 96%; }

.innerItem .txt_palce {
  position: relative;
  text-align: center;
  width: 100%;
  margin-top: 13px;
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
  /* Netscape */
  -moz-opacity: 0;
  /* Safari 1.x */
  -khtml-opacity: 0;
  /* Good browsers */
  opacity: 0;
  /* Good browsers */
  -webkit-opacity: 0;
  /* Good browsers */
  -o-opacity: 0;
  -webkit-transform: scale(0);
  -khtml-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0); }

.threeEasyWays {
  text-align: center;
  position: relative;
  width: 100%;
  height: 83px;
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
  /* Netscape */
  -moz-opacity: 0;
  /* Safari 1.x */
  -khtml-opacity: 0;
  /* Good browsers */
  opacity: 0;
  /* Good browsers */
  -webkit-opacity: 0;
  /* Good browsers */
  -o-opacity: 0;
  -webkit-transform: scale(0);
  -khtml-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  max-width: 300px;
  margin-left: auto;
  margin-right: auto; }

.stepNbrnbrParent {
  height: 74px;
  width: 348px;
  position: relative;
  margin: 0 auto; }

.stepNbrnbr {
  height: 74px;
  width: 74px;
  background: url(../images/stepNbrBg.png) no-repeat;
  position: relative;
  font-family: futura_medium_bt;
  font-size: 43px;
  color: #fff;
  font-weight: bold;
  float: left; }

.stepNbrnbrInner {
  height: auto;
  width: auto;
  text-align: center;
  padding-top: 17px; }

.easyWaysLbl {
  height: auto;
  width: auto;
  position: relative;
  font-family: futura_medium_bt;
  font-size: 46px;
  color: #fff;
  font-weight: bold;
  float: left;
  display: block;
  padding-left: 16px;
  padding-top: 17px; }

.cravingSatisfyTtl {
  font-family: futura_medium_bt;
  font-size: 46px;
  color: #fff;
  font-weight: bold;
  margin-top: 6px !important; }

.innerItem .links {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 628px;
  margin-top: 33px;
  list-style-type: none; }

.innerItem .links .itemLink {
  position: relative;
  width: 33.33333%;
  float: left;
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
  /* Netscape */
  -moz-opacity: 0;
  /* Safari 1.x */
  -khtml-opacity: 0;
  /* Good browsers */
  opacity: 0;
  /* Good browsers */
  -webkit-opacity: 0;
  /* Good browsers */
  -o-opacity: 0;
  -webkit-transform: scale(0);
  -khtml-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0); }

.innerItem .links .itemLink a {
  text-decoration: none;
  display: block; }

.innerItem .itemLink .icon {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  text-decoration: none;
  display: block; }

.innerItem .itemLink .icon img {
  display: none; }

.innerItem .itemLink .text {
  font-family: futura_bk_btbook;
  font-size: 19px;
  color: #fff;
  text-decoration: none;
  display: block;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  margin-top: 18px;
  margin-bottom: 29px; }

.innerItem .itemLink .arrow {
  border: 1px solid #fff;
  -webkit-border-radius: 100%;
  -khtml-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%;
  width: 33px;
  height: 32px;
  text-decoration: none;
  display: block;
  position: relative;
  margin-left: auto;
  margin-right: auto; }

.innerItem .itemLink .fa:before {
  display: block;
  width: 100%;
  color: #fff;
  font-size: 20px;
  position: relative;
  text-align: center;
  text-decoration: none; }

.parHover {
  overflow: hidden;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  width: 100%;
  height: 100%; }
  .parHover .double {
    -webkit-transform: scale(0.5);
    -khtml-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-transform-origin: left top;
    -khtml-transform-origin: left top;
    -moz-transform-origin: left top;
    -ms-transform-origin: left top;
    -o-transform-origin: left top;
    transform-origin: left top;
    position: absolute;
    top: 0;
    left: 0;
    background-repeat: no-repeat; }
  .parHover .showOnHover {
    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
    /* Netscape */
    -moz-opacity: 0;
    /* Safari 1.x */
    -khtml-opacity: 0;
    /* Good browsers */
    opacity: 0;
    /* Good browsers */
    -webkit-opacity: 0;
    /* Good browsers */
    -o-opacity: 0; }

.parentDouble {
  overflow: hidden;
  position: absolute;
  width: 100%;
  height: 100%; }
  .parentDouble .double {
    -webkit-transform: scale(0.5);
    -khtml-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-transform-origin: left top;
    -khtml-transform-origin: left top;
    -moz-transform-origin: left top;
    -ms-transform-origin: left top;
    -o-transform-origin: left top;
    transform-origin: left top;
    position: absolute;
    top: 0;
    left: 0; }

.innerItem .itemLink.call .icon .parHover {
  width: 34px;
  height: 41px; }
  .innerItem .itemLink.call .icon .parHover .double {
    width: 74px;
    height: 73px; }
  .innerItem .itemLink.call .icon .parHover .hideOnHover {
    background-image: url(../images/sprite.png);
    background-position: 0px -2930px;
    background-repeat: no-repeat;
    -moz-background-size: initial;
    -webkit-background-size: initial;
    background-size: initial; }
  .innerItem .itemLink.call .icon .parHover .showOnHover {
    background-image: url(../images/sprite.png);
    background-position: -120px -2930px;
    background-repeat: no-repeat;
    -moz-background-size: initial;
    -webkit-background-size: initial;
    background-size: initial; }

.innerItem .itemLink.order .icon .parHover {
  width: 28px;
  height: 41px; }
  .innerItem .itemLink.order .icon .parHover .double {
    width: 65px;
    height: 94px; }
  .innerItem .itemLink.order .icon .parHover .hideOnHover {
    background-image: url(../images/sprite.png);
    background-position: -220px -2930px;
    background-repeat: no-repeat;
    -moz-background-size: initial;
    -webkit-background-size: initial;
    background-size: initial; }
  .innerItem .itemLink.order .icon .parHover .showOnHover {
    background-image: url(../images/sprite.png);
    background-position: -320px -2930px;
    background-repeat: no-repeat;
    -moz-background-size: initial;
    -webkit-background-size: initial;
    background-size: initial; }

.innerItem .itemLink.locate .icon .parHover {
  width: 34px;
  height: 41px; }
  .innerItem .itemLink.locate .icon .parHover .double {
    width: 80px;
    height: 88px; }
  .innerItem .itemLink.locate .icon .parHover .hideOnHover {
    background-image: url(../images/sprite.png);
    background-position: -410px -2930px;
    background-repeat: no-repeat;
    -moz-background-size: initial;
    -webkit-background-size: initial;
    background-size: initial; }
  .innerItem .itemLink.locate .icon .parHover .showOnHover {
    background-image: url(../images/sprite.png);
    background-position: -510px -2930px;
    background-repeat: no-repeat;
    -moz-background-size: initial;
    -webkit-background-size: initial;
    background-size: initial; }

.wrapBtmWays {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 111px;
  z-index: 1; }

.innerItem.titleID_ways {
  position: relative;
  left: auto;
  top: 50%;
  margin-top: -182px; }

.onTop {
  text-align: center;
  position: relative;
  margin-top: 26px;
  margin-top: 51px;
  margin-bottom: 26px; }

.btmPart_ways {
  max-width: 1308px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  height: 100%;
  position: relative; }

.btmPart_ways .smallLogo {
  width: 75px;
  height: 25px;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
  /* Netscape */
  -moz-opacity: 0;
  /* Safari 1.x */
  -khtml-opacity: 0;
  /* Good browsers */
  opacity: 0;
  /* Good browsers */
  -webkit-opacity: 0;
  /* Good browsers */
  -o-opacity: 0;
  -webkit-transform: scale(0);
  -khtml-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0); }

.btmPart_ways .smallLogo .imgLog {
  width: 75px;
  margin-left: auto;
  margin-right: auto;
  position: relative; }

.btmPart_ways .lineLogo {
  position: absolute;
  top: 12px;
  max-width: 595px;
  height: 1px;
  background-color: #E7E6E4;
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
  /* Netscape */
  -moz-opacity: 0;
  /* Safari 1.x */
  -khtml-opacity: 0;
  /* Good browsers */
  opacity: 0;
  /* Good browsers */
  -webkit-opacity: 0;
  /* Good browsers */
  -o-opacity: 0;
  width: 0; }

.btmPart_ways .lineLogo.left {
  right: 100px; }

.btmPart_ways .lineLogo.right {
  left: 100px; }

.byKoein {
  display: block;
  text-decoration: none;
  position: absolute;
  left: 0;
  top: 28px;
  width: 70px; }

.byKoein .text {
  position: relative;
  display: block;
  font-family: Arial, Verdana, Segoe, sans-serif;
  font-size: 12px;
  color: #EDEDED;
  -webkit-transition: color 0.3s ease;
  -khtml-transition: color 0.3s ease;
  -moz-transition: color 0.3s ease;
  -ms-transition: color 0.3s ease;
  -o-transition: color 0.3s ease;
  transition: color 0.3s ease; }

.wrapBtm_fill {
  width: 100%;
  height: 100%;
  position: relative;
  text-align: center; }

.wrapBtm_fill .textFill {
  position: relative;
  padding-top: 24px;
  font-family: futura_bk_btbook;
  font-size: 14px;
  color: #EDEDED; }

.wrapBtm_fill .textFill span {
  color: #72B23F;
  padding-right: 5px;
  font-family: futura_medium_bt; }

.icoSgs {
  width: 56px;
  position: fixed;
  right: 27px;
  bottom: 33px;
  height: 50px;
  display: none; }

.state0 .icoSgs,
.homePart2 .icoSgs {
  display: block; }

.wrapBtm_fill {
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
  /* Netscape */
  -moz-opacity: 0;
  /* Safari 1.x */
  -khtml-opacity: 0;
  /* Good browsers */
  opacity: 0;
  /* Good browsers */
  -webkit-opacity: 0;
  /* Good browsers */
  -o-opacity: 0; }

.websiteMenu .bg {
  background-color: transparent;
  position: absolute;
  top: -21px;
  left: 0;
  width: 100%;
  height: 81px;
  -webkit-transition: background-color 0.3s ease;
  -khtml-transition: background-color 0.3s ease;
  -moz-transition: background-color 0.3s ease;
  -ms-transition: background-color 0.3s ease;
  -o-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease; }

.homePid .websiteMenu .bg {
  height: 62px; }

.submenuWrap {
  position: absolute;
  top: 39px;
  left: 0px;
  width: 261px;
  height: 143px;
  padding-right: 3px;
  padding-left: 3px;
  padding-top: 5px;
  background-color: #72A231;
  overflow: hidden;
  -webkit-transition: opacity 0.3s ease;
  -khtml-transition: opacity 0.3s ease;
  -moz-transition: opacity 0.3s ease;
  -ms-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
  /* Netscape */
  -moz-opacity: 0;
  /* Safari 1.x */
  -khtml-opacity: 0;
  /* Good browsers */
  opacity: 0;
  /* Good browsers */
  -webkit-opacity: 0;
  /* Good browsers */
  -o-opacity: 0;
  pointer-events: none;
  height: auto !important;
  padding-bottom: 12px; }

.submenuWrapTalkToUs {
  width: 209px; }

.darkMenu .submenuWrap {
  top: 39px !important;
  pointer-events: none; }

.hovered .submenuWrap {
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
  /* Netscape */
  -moz-opacity: 1;
  /* Safari 1.x */
  -khtml-opacity: 1;
  /* Good browsers */
  opacity: 1;
  /* Good browsers */
  -webkit-opacity: 1;
  /* Good browsers */
  -o-opacity: 1;
  pointer-events: all; }

.orderCss {
  display: block;
  width: 108px;
  height: 30px;
  border: 1px solid #FFFFFF;
  margin-top: -7px;
  padding: 0 !important;
  background-color: transparent;
  -webkit-box-sizing: border-box;
  -khtml-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: background-color 0.3s ease;
  -khtml-transition: background-color 0.3s ease;
  -moz-transition: background-color 0.3s ease;
  -ms-transition: background-color 0.3s ease;
  -o-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease; }

.MacOS.chromBrowser .orderCss {
  margin-top: -5px; }

.orderCss span {
  position: relative;
  width: 100%;
  text-align: center;
  display: block;
  padding-top: 3px; }

.websiteMenu li.hovered .bg,
.websiteMenu li.selected .bg {
  background-color: #72A231; }

.websiteMenu li.hovered a,
.websiteMenu li.selected a,
.websiteMenu li.hovered .linkMenuLike,
.websiteMenu li.selected .linkMenuLike {
  color: #fff !important; }

.logoLike {
  position: absolute;
  left: 26px;
  top: 15px;
  background-image: url(../images/sprite.png);
  background-position: -689px -260px;
  background-repeat: no-repeat;
  -moz-background-size: initial;
  -webkit-background-size: initial;
  background-size: initial;
  width: 85px;
  height: 29px; }

.sublinkMob {
  width: 100%;
  height: 0;
  overflow: hidden;
  position: relative;
  display: none; }

.closeBtnMenu {
  display: none !important; }

.sublink {
  font-size: 15px; }

.websiteMenuWrap .submenu ul li:hover a {
  color: #D5EAB9 !important; }

.countryDropdown {
  position: absolute;
  top: 0;
  right: 8px;
  width: 56px;
  height: 60px;
  cursor: pointer; }

.countryDropdown .bgTop {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: transparent;
  -webkit-transition: background-color 0.3s ease;
  -khtml-transition: background-color 0.3s ease;
  -moz-transition: background-color 0.3s ease;
  -ms-transition: background-color 0.3s ease;
  -o-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease; }

.countryDropdown .textCountry {
  position: absolute;
  top: 24px;
  left: 7px;
  font-family: futura_bk_btbook;
  font-size: 16px;
  color: #FFFFFF; }

.countryDropdown .countries .country {
  font-family: futura_bk_btbook;
  font-size: 14px;
  color: #FFFFFF;
  position: relative;
  width: 100%;
  text-decoration: none;
  display: block;
  padding-bottom: 16px;
  -webkit-transition: color 0.3s ease;
  -khtml-transition: color 0.3s ease;
  -moz-transition: color 0.3s ease;
  -ms-transition: color 0.3s ease;
  -o-transition: color 0.3s ease;
  transition: color 0.3s ease; }

.countryDropdown .countries {
  max-height: 226px;
  height: 0;
  overflow: hidden;
  position: absolute;
  top: 60px;
  right: -8px;
  width: 194px;
  height: 400px;
  pointer-events: none;
  background-color: transparent;
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
  /* Netscape */
  -moz-opacity: 0;
  /* Safari 1.x */
  -khtml-opacity: 0;
  /* Good browsers */
  opacity: 0;
  /* Good browsers */
  -webkit-opacity: 0;
  /* Good browsers */
  -o-opacity: 0;
  -webkit-transition: opacity 0.3s ease, background-color 0.3s ease;
  -moz-transition: opacity 0.3s ease, background-color 0.3s ease;
  -ms-transition: opacity 0.3s ease, background-color 0.3s ease;
  -o-transition: opacity 0.3s ease, background-color 0.3s ease; }

.darkMenu .countryDropdown .countries {
  top: 62px;
  right: -122px; }

.countryDropdown.opened .bgTop {
  background-color: #72A231; }

.countryDropdown.open .countries {
  background-color: #72A231;
  pointer-events: all;
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
  /* Netscape */
  -moz-opacity: 1;
  /* Safari 1.x */
  -khtml-opacity: 1;
  /* Good browsers */
  opacity: 1;
  /* Good browsers */
  -webkit-opacity: 1;
  /* Good browsers */
  -o-opacity: 1; }

.countryDropdown .arrow {
  position: absolute;
  left: 40px;
  top: 26px;
  font-size: 12px;
  color: #fff; }

.wrapCountry {
  width: 100%;
  padding-left: 32px;
  -webkit-box-sizing: border-box;
  -khtml-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  padding-top: 17px; }

.countryDropdown .borderLeft {
  position: absolute;
  top: 15px;
  left: 0;
  width: 1px;
  height: 29px;
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
  /* Netscape */
  -moz-opacity: 83;
  /* Safari 1.x */
  -khtml-opacity: 83;
  /* Good browsers */
  opacity: 83;
  /* Good browsers */
  -webkit-opacity: 83;
  /* Good browsers */
  -o-opacity: 83;
  background-color: #BBBBBB; }

/* -------------------------------- 
Slider
-------------------------------- */
.cd-slider-wrapper {
  position: relative;
  width: 100%;
  height: 100vh;
  /* hide horizontal scrollbar on IE11 */ }

.cd-slider-wrapper .cd-slider,
.cd-slider-wrapper .cd-slider > li.cd_slider_item {
  height: 100%;
  width: 100%; }

.cd-slider > li.cd_slider_item {
  position: absolute;
  top: 0;
  left: 0;
  /* used to vertically center its content */
  display: table;
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  z-index: -3;
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
  /* Netscape */
  -moz-opacity: 1;
  /* Safari 1.x */
  -khtml-opacity: 1;
  /* Good browsers */
  opacity: 1;
  /* Good browsers */
  -webkit-opacity: 1;
  /* Good browsers */
  -o-opacity: 1; }

.cd-slider > li.cd_slider_item.visible {
  /* selected slide */
  position: relative;
  z-index: 2; }

.cd_slider_item,
.hide {
  display: none; }

.cd_slider_item.visible {
  display: block; }

.txt_callUsOn,
.nbToCallWrap {
  text-align: center;
  width: 100%;
  position: relative; }

.txt_callUsOn {
  font-family: futura_medium_bt;
  font-size: 46px;
  color: #fff;
  font-weight: bold;
  text-decoration: none; }

.txt_LocateUsTxt {
  font-size: 78px !important; }

.nbToCallWrap {
  margin-top: 32px; }

.txt_findBranch {
  font-family: futura_bk_btbook;
  font-size: 21px;
  color: #EEEEEE;
  text-align: center;
  width: 100%;
  position: relative;
  -webkit-box-sizing: border-box;
  -khtml-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box; }

/* -------------------------------- 

svg cover layer

-------------------------------- */
.cd-svg-cover {
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0%;
  height: 100%;
  width: 100%;
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
  /* Netscape */
  -moz-opacity: 0;
  /* Safari 1.x */
  -khtml-opacity: 0;
  /* Good browsers */
  opacity: 0;
  /* Good browsers */
  -webkit-opacity: 0;
  /* Good browsers */
  -o-opacity: 0;
  pointer-events: none; }

.cd-svg-cover path {
  fill: #F8F8F8; }

.cd-svg-cover.is-animating {
  z-index: 4;
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
  /* Netscape */
  -moz-opacity: 1;
  /* Safari 1.x */
  -khtml-opacity: 1;
  /* Good browsers */
  opacity: 1;
  /* Good browsers */
  -webkit-opacity: 1;
  /* Good browsers */
  -o-opacity: 1;
  -webkit-transition: opacity 0.6s ease;
  -khtml-transition: opacity 0.6s ease;
  -moz-transition: opacity 0.6s ease;
  -ms-transition: opacity 0.6s ease;
  -o-transition: opacity 0.6s ease;
  transition: opacity 0.6s ease; }

.innerItem .itemLink.selected .icon .showOnHover {
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
  /* Netscape */
  -moz-opacity: 1;
  /* Safari 1.x */
  -khtml-opacity: 1;
  /* Good browsers */
  opacity: 1;
  /* Good browsers */
  -webkit-opacity: 1;
  /* Good browsers */
  -o-opacity: 1; }
.innerItem .itemLink.selected .icon .hideOnHover {
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
  /* Netscape */
  -moz-opacity: 0;
  /* Safari 1.x */
  -khtml-opacity: 0;
  /* Good browsers */
  opacity: 0;
  /* Good browsers */
  -webkit-opacity: 0;
  /* Good browsers */
  -o-opacity: 0; }

.innerItem .itemLink.selected .arrow {
  background-image: url(../images/sprite.png);
  background-position: -678px -469px;
  background-repeat: no-repeat;
  -moz-background-size: initial;
  -webkit-background-size: initial;
  background-size: initial; }

.innerItem .itemLink.selected .text {
  color: #8BC53E; }

.innerItem .itemLink {
  cursor: pointer;
  float: left;
  position: relative;
  margin-bottom: 20px;
  width: 33.33333%; }

.innerItem .itemLink a {
  display: block;
  text-decoration: none; }

.innerItem.calculated {
  top: 500px;
  z-index: 3; }

.firstStep {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%; }

.dropDown {
  -webkit-box-sizing: border-box;
  -khtml-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 447px;
  height: 62px;
  border: 1px solid #8BC43E;
  margin-top: 39px; }

.dropDown .bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 60px;
  background-color: #000;
  position: absolute;
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
  /* Netscape */
  -moz-opacity: 0.2;
  /* Safari 1.x */
  -khtml-opacity: 0.2;
  /* Good browsers */
  opacity: 0.2;
  /* Good browsers */
  -webkit-opacity: 0.2;
  /* Good browsers */
  -o-opacity: 0.2; }

.contentDrop .bg {
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
  /* Netscape */
  -moz-opacity: 1;
  /* Safari 1.x */
  -khtml-opacity: 1;
  /* Good browsers */
  opacity: 1;
  /* Good browsers */
  -webkit-opacity: 1;
  /* Good browsers */
  -o-opacity: 1;
  background-color: #333230; }

.dropDown .arrow {
  position: absolute;
  right: 22px;
  top: 22px;
  color: #fff;
  font-size: 12px;
  cursor: pointer; }

.dropDown .defaultText {
  position: relative;
  width: 100%;
  height: 100%;
  cursor: pointer; }

.dropDown .defaultText .text {
  position: relative;
  font-family: futura_bk_btbook;
  font-size: 17px;
  color: #EDEDED; }

.dropDown .defaultText .text #locationSeachInput {
  width: 100%;
  background: none;
  border: 0 none;
  text-indent: 25px;
  height: 25px;
  cursor: pointer;
  font-family: futura_bk_btbook;
  font-size: 17px;
  color: rgba(238, 238, 238, 0.81); }

.dropDown .contentDrop .txt {
  height: 33px;
  position: relative;
  width: 100%;
  text-align: left;
  cursor: pointer; }

.dropDown .contentDrop .txt span {
  padding-left: 22px;
  display: block;
  position: relative;
  font-family: futura_bk_btbook;
  font-size: 14px;
  color: #EDEDED;
  -webkit-transition: color 0.3s ease;
  -khtml-transition: color 0.3s ease;
  -moz-transition: color 0.3s ease;
  -ms-transition: color 0.3s ease;
  -o-transition: color 0.3s ease;
  transition: color 0.3s ease; }

.contentDrop {
  position: absolute;
  left: -1px;
  width: 100%;
  border: 1px solid transparent;
  height: 0px;
  border-top: none;
  overflow: hidden;
  top: 65px;
  height: 164px;
  height: 153px;
  display: none;
  -webkit-box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.5);
  -khtml-box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.5);
  -ms-box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.5);
  -o-box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.5); }

.wrapTxt {
  position: relative;
  margin-top: 10px; }

.open .contentDrop {
  background-color: #333230;
  -webkit-box-sizing: border-box;
  -khtml-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  border-top: none;
  display: block; }

.dropDown .table {
  width: 100%; }

.dropDown .table .cell {
  text-align: left; }

.animatedScene .greenLineAnim {
  background-color: #fff; }

.mCSB_inside > .mCSB_container {
  margin-right: 0 !important; }

.innerItem .picture.fullImg,
.absolutePic .fullImg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.titleAnim1,
.firstStep .itemLink {
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
  /* Netscape */
  -moz-opacity: 0;
  /* Safari 1.x */
  -khtml-opacity: 0;
  /* Good browsers */
  opacity: 0;
  /* Good browsers */
  -webkit-opacity: 0;
  /* Good browsers */
  -o-opacity: 0;
  -webkit-transform: scale(0);
  -khtml-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0); }

.selected.cd_slider_item .shadowRadial {
  -webkit-transition: opacity 0.3s ease;
  -khtml-transition: opacity 0.3s ease;
  -moz-transition: opacity 0.3s ease;
  -ms-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
  /* Netscape */
  -moz-opacity: 1;
  /* Safari 1.x */
  -khtml-opacity: 1;
  /* Good browsers */
  opacity: 1;
  /* Good browsers */
  -webkit-opacity: 1;
  /* Good browsers */
  -o-opacity: 1; }

.selected.cd_slider_item .titleAnim1,
.itemLink {
  -webkit-transition: opacity 0.3s ease, scale 0.3s ease;
  -moz-transition: opacity 0.3s ease, scale 0.3s ease;
  -ms-transition: opacity 0.3s ease, scale 0.3s ease;
  -o-transition: opacity 0.3s ease, scale 0.3s ease;
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
  /* Netscape */
  -moz-opacity: 1;
  /* Safari 1.x */
  -khtml-opacity: 1;
  /* Good browsers */
  opacity: 1;
  /* Good browsers */
  -webkit-opacity: 1;
  /* Good browsers */
  -o-opacity: 1;
  -webkit-transform: scale(1);
  -khtml-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1); }

.sliderBezierID,
.sliderBezierID.hideITems .cd_slider_item {
  display: none; }

.cd_slider_item .blackBackgroundOp {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  height: 100%;
  background-color: #000;
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
  /* Netscape */
  -moz-opacity: 0.55;
  /* Safari 1.x */
  -khtml-opacity: 0.55;
  /* Good browsers */
  opacity: 0.55;
  /* Good browsers */
  -webkit-opacity: 0.55;
  /* Good browsers */
  -o-opacity: 0.55; }

.state2 .cd_slider_item .blackBackgroundOp {
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
  /* Netscape */
  -moz-opacity: 0.72;
  /* Safari 1.x */
  -khtml-opacity: 0.72;
  /* Good browsers */
  opacity: 0.72;
  /* Good browsers */
  -webkit-opacity: 0.72;
  /* Good browsers */
  -o-opacity: 0.72; }

.state0 .socials,
.state1 .socials,
.state2 .socials {
  display: none !important; }

.state0 .itemLink .text,
.state2 .itemLink .text {
  color: #F5F2F0; }

.state0 .innerItem .itemLink .arrow,
.state2 .innerItem .itemLink .arrow {
  display: none; }

.state0 .innerItem.calculated .state2,
.innerItem.calculated {
  height: 154px !important;
  bottom: 0 !important; }

.state0 .innerItem .itemLink .text,
.state2 .innerItem .itemLink .text {
  font-size: 14px; }

.state0 .innerItem .itemLink .icon,
.state2 .innerItem .itemLink .icon {
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
  /* Netscape */
  -moz-opacity: 0.72;
  /* Safari 1.x */
  -khtml-opacity: 0.72;
  /* Good browsers */
  opacity: 0.72;
  /* Good browsers */
  -webkit-opacity: 0.72;
  /* Good browsers */
  -o-opacity: 0.72;
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0'/></filter></svg>#grayscale");
  /* Firefox 4+ */
  filter: gray;
  /* IE 6-9 */ }

.state0 .innerItem .itemLink.selected .icon,
.state2 .innerItem .itemLink.selected .icon {
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
  /* Netscape */
  -moz-opacity: 1;
  /* Safari 1.x */
  -khtml-opacity: 1;
  /* Good browsers */
  opacity: 1;
  /* Good browsers */
  -webkit-opacity: 1;
  /* Good browsers */
  -o-opacity: 1;
  -webkit-filter: grayscale(0%);
  -moz-filter: grayscale(0%);
  -ms-filter: grayscale(0%);
  -o-filter: grayscale(0%);
  filter: grayscale(0%);
  filter: none; }

.state0 .innerItem .itemLink.selected .text,
.state2 .innerItem .itemLink.selected .text {
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
  /* Netscape */
  -moz-opacity: 1;
  /* Safari 1.x */
  -khtml-opacity: 1;
  /* Good browsers */
  opacity: 1;
  /* Good browsers */
  -webkit-opacity: 1;
  /* Good browsers */
  -o-opacity: 1; }

.wrapInBlock {
  width: 100%;
  -webkit-box-sizing: border-box;
  -khtml-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  max-width: 628px;
  padding-left: 2%;
  padding-right: 2%;
  position: relative;
  margin-left: auto;
  margin-right: auto; }

.innerItem.calculated {
  bottom: 46px;
  min-height: 1px;
  top: auto; }

.innerItem.calculated .links .itemLink {
  margin-bottom: 0; }

.firstStep .ellipse {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(../images/ellipse_easyways.png);
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; }

.itmSection {
  position: relative;
  width: 100%;
  height: 100%; }

.cd_slider_item .fullImg {
  position: absolute;
  top: 0;
  left: 0;
  display: none; }

.googMap {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
  /* Netscape */
  -moz-opacity: 0;
  /* Safari 1.x */
  -khtml-opacity: 0;
  /* Good browsers */
  opacity: 0;
  /* Good browsers */
  -webkit-opacity: 0;
  /* Good browsers */
  -o-opacity: 0;
  -webkit-transition: opacity 0.3s ease;
  -khtml-transition: opacity 0.3s ease;
  -moz-transition: opacity 0.3s ease;
  -ms-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  z-index: 2; }

.showmap .googMap {
  display: block;
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
  /* Netscape */
  -moz-opacity: 1;
  /* Safari 1.x */
  -khtml-opacity: 1;
  /* Good browsers */
  opacity: 1;
  /* Good browsers */
  -webkit-opacity: 1;
  /* Good browsers */
  -o-opacity: 1; }

.googMap.show {
  display: block;
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
  /* Netscape */
  -moz-opacity: 1;
  /* Safari 1.x */
  -khtml-opacity: 1;
  /* Good browsers */
  opacity: 1;
  /* Good browsers */
  -webkit-opacity: 1;
  /* Good browsers */
  -o-opacity: 1; }

.showmap .sliderBezierID .links {
  display: none; }

.showmap .shadowMap,
.show .shadowMap {
  display: block;
  -webkit-transition: opacity 0.3s ease;
  -khtml-transition: opacity 0.3s ease;
  -moz-transition: opacity 0.3s ease;
  -ms-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
  /* Netscape */
  -moz-opacity: 0.22;
  /* Safari 1.x */
  -khtml-opacity: 0.22;
  /* Good browsers */
  opacity: 0.22;
  /* Good browsers */
  -webkit-opacity: 0.22;
  /* Good browsers */
  -o-opacity: 0.22; }

.show .shadowMap {
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
  /* Netscape */
  -moz-opacity: 0.1;
  /* Safari 1.x */
  -khtml-opacity: 0.1;
  /* Good browsers */
  opacity: 0.1;
  /* Good browsers */
  -webkit-opacity: 0.1;
  /* Good browsers */
  -o-opacity: 0.1; }

.show .shadowMap.fonce {
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
  /* Netscape */
  -moz-opacity: 0.52;
  /* Safari 1.x */
  -khtml-opacity: 0.52;
  /* Good browsers */
  opacity: 0.52;
  /* Good browsers */
  -webkit-opacity: 0.52;
  /* Good browsers */
  -o-opacity: 0.52; }

.menuMapFix {
  position: absolute;
  bottom: 0;
  left: 0;
  min-height: 80px;
  width: 100%;
  z-index: 3;
  display: none;
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
  /* Netscape */
  -moz-opacity: 0;
  /* Safari 1.x */
  -khtml-opacity: 0;
  /* Good browsers */
  opacity: 0;
  /* Good browsers */
  -webkit-opacity: 0;
  /* Good browsers */
  -o-opacity: 0;
  -webkit-transition: opacity 0.3s ease;
  -khtml-transition: opacity 0.3s ease;
  -moz-transition: opacity 0.3s ease;
  -ms-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease; }

.shadowMap {
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
  /* Netscape */
  -moz-opacity: 0.22;
  /* Safari 1.x */
  -khtml-opacity: 0.22;
  /* Good browsers */
  opacity: 0.22;
  /* Good browsers */
  -webkit-opacity: 0.22;
  /* Good browsers */
  -o-opacity: 0.22;
  background-color: #333230;
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none; }

.menuMap {
  background-color: #333230;
  width: 100%;
  min-height: 80px;
  height: 100%;
  max-width: 1153px;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  -webkit-box-shadow: 0px -3px 33px rgba(0, 0, 0, 0.75);
  -khtml-box-shadow: 0px -3px 33px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0px -3px 33px rgba(0, 0, 0, 0.75);
  -ms-box-shadow: 0px -3px 33px rgba(0, 0, 0, 0.75);
  -o-box-shadow: 0px -3px 33px rgba(0, 0, 0, 0.75);
  box-shadow: 0px -3px 33px rgba(0, 0, 0, 0.75); }

.notes {
  position: relative;
  margin-left: auto;
  margin-right: auto; }

.notes .ico {
  position: absolute;
  top: 0;
  left: 0; }

.notes .depart {
  padding-left: 24px;
  margin-top: 37px;
  margin-left: 67px;
  float: left;
  position: relative;
  font-family: futura_bk_btbook;
  font-size: 15px;
  color: #F8F2F1; }

.notes .location {
  padding-top: 3px;
  margin-top: 31px;
  margin-left: 15px;
  padding-left: 21px;
  float: left;
  position: relative;
  max-width: 200px;
  padding-right: 8px;
  font-family: futura_bk_btbook;
  font-size: 15px;
  color: #F8F2F1; }

.notes .depart .ico {
  font-size: 17px;
  color: #86B843;
  left: 0;
  top: -2px;
  width: 16px;
  height: 16px; }

.notes .location .ico {
  font-size: 21px;
  color: #86B843;
  left: 0;
  top: -2px;
  width: 13px;
  height: 17px; }

.notes .depart .dots {
  display: block;
  float: right;
  margin-top: -4px;
  position: relative;
  padding-left: 17px;
  font-family: futura_bk_btbook;
  font-size: 15px;
  color: #F8F2F1;
  visibility: hidden; }

.notes .info {
  float: left;
  position: relative;
  width: 190px;
  overflow: hidden;
  font-family: futura_bk_btbook;
  font-size: 15px;
  color: #F8F2F1; }

.notes .info.email {
  width: 199px !important; }

.info.telef {
  width: 156px; }

.notes .info a {
  text-decoration: none;
  font-family: futura_bk_btbook;
  font-size: 15px;
  color: #F8F2F1; }

.notes .info span {
  color: #8EC645;
  float: left;
  position: relative;
  margin-right: 6px; }

.notes .info .multi-data {
  position: relative;
  display: block;
  padding-left: 39px;
  padding-bottom: 4px; }

.notes .info .multi-data-mail {
  position: relative;
  display: block;
  padding-left: 46px;
  padding-bottom: 4px; }

.notes .info.telef {
  margin-right: 20px; }

.notes .close {
  position: absolute;
  right: 49px;
  top: 26px;
  width: 36px;
  height: 36px;
  cursor: pointer;
  -webkit-border-radius: 100%;
  -khtml-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%;
  border: 1px solid #949493; }

.notes .close .ico {
  top: 12px;
  width: 12px;
  height: 12px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  background-image: url(../images/sprite.png);
  background-position: -690px -1060px;
  background-repeat: no-repeat;
  -moz-background-size: initial;
  -webkit-background-size: initial;
  background-size: initial; }

.notes .close .ico img {
  display: none; }

.notes .logoSmall {
  float: left;
  position: relative;
  background-image: url(../images/sprite.png);
  background-position: -689px -260px;
  background-repeat: no-repeat;
  -moz-background-size: initial;
  -webkit-background-size: initial;
  background-size: initial;
  width: 85px;
  height: 29px;
  margin-left: 79px;
  margin-top: 28px; }

.notes .emailText {
  -webkit-transition: color 0.3s ease;
  -khtml-transition: color 0.3s ease;
  -moz-transition: color 0.3s ease;
  -ms-transition: color 0.3s ease;
  -o-transition: color 0.3s ease;
  transition: color 0.3s ease;
  float: left;
  position: relative;
  font-family: futura_bk_btbook;
  font-size: 15px;
  color: #F8F2F1;
  text-decoration: none; }

.notes .infoWrap {
  position: relative;
  float: left;
  padding-left: 26px;
  /* right: 92px; */
  /* width: 437px; */
  margin-top: 34px; }

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 8px;
  background-color: #ADADAC; }

.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent; }

.mCSB_scrollTools {
  top: 18px;
  right: 25px; }

.contentDrop .mCSB_scrollTools {
  right: 17px; }

.callNb {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-decoration: none; }

.darkMenu .websiteMenuWrap .callUsNb.menuCss {
  position: absolute;
  right: 29px;
  top: 11px;
  width: 152px;
  height: 46px;
  margin-top: 0;
  background: none !important;
  background-image: url(../images/sprite.png);
  background-position: -650px -100px;
  background-repeat: no-repeat;
  -moz-background-size: initial;
  -webkit-background-size: initial;
  background-size: initial;
  display: block; }

.darkMenu .websiteMenuWrap .countryDropdown {
  position: absolute;
  top: 0;
  right: 195px;
  height: 67px; }

.darkMenu .websiteMenuWrap .countryDropdown.noNumbersToRight {
  right: 8px !important; }

.darkMenu .countryDropdown.noNumbersToRight .countries {
  right: -3px; }

.logoFull {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.logoFull img {
  display: none; }

.websiteMenuWrap {
  position: fixed;
  top: 0px;
  left: 0px; }

.cssHeight {
  position: relative;
  height: auto; }

.sub_id2 {
  position: relative;
  width: 100%; }

.sub_id3 {
  background-color: #fff; }

.state2 .mCSB_scrollTools {
  right: 18px;
  top: 18px; }

.fixated {
  pointer-events: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fff; }

.fixedMenu {
  position: fixed;
  top: 0;
  left: 0;
  width: 44px;
  height: 100%;
  z-index: 2; }

.anchor {
  visibility: hidden;
  position: absolute;
  height: 1px;
  width: 100%;
  top: 0;
  left: 0; }

.anchor.anchor_quality {
  bottom: 0;
  top: auto; }

.subWrap {
  position: relative;
  width: 100%; }

.sub_id1 {
  min-height: 710px;
  height: -moz-calc(100vh - 62px);
  height: -webkit-calc(100vh - 62px);
  height: -o-calc(100vh - 62px);
  height: calc(100vh - 62px);
  padding-top: 62px;
  background: #fff; }
  .sub_id1 .wrp {
    padding: 52px;
    position: relative;
    -webkit-box-sizing: border-box;
    -khtml-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    height: -moz-calc(100vh - 62px);
    height: -webkit-calc(100vh - 62px);
    height: -o-calc(100vh - 62px);
    height: calc(100vh - 62px);
    min-height: -moz-calc(100vh - 138px);
    min-height: -webkit-calc(100vh - 138px);
    min-height: -o-calc(100vh - 138px);
    min-height: calc(100vh - 138px); }
  .sub_id1 .sbWrapp {
    min-height: 530px;
    height: -moz-calc(100vh - 166px);
    height: -webkit-calc(100vh - 166px);
    height: -o-calc(100vh - 166px);
    height: calc(100vh - 166px);
    -webkit-box-sizing: border-box;
    -khtml-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box; }
  .sub_id1 .scrollMouse {
    bottom: -30px;
    position: absolute; }

.sub_id1 .sbWrapp table {
  border: 0 none;
  background: none;
  height: 100%;
  width: 100%; }

.loveRegardless {
  height: auto;
  position: relative;
  text-align: center;
  width: 125px;
  padding-top: 63px;
  margin-left: auto;
  margin-right: auto; }

.aboutSection1Text {
  height: auto;
  width: auto;
  text-align: center;
  font-family: futura_medium_bt;
  font-size: 17px;
  color: #87898C;
  padding-top: 27px; }

.txt_ourCommitments {
  top: 30px !important;
  color: #99CC57 !important;
  text-shadow: none !important;
  opacity: 1 !important; }

.section1Texture {
  height: 100%;
  width: 100%;
  position: absolute;
  left: 0px;
  top: 0px;
  background: url(../images/textureAboutSection1.png) repeat; }

.centerContent {
  display: table;
  height: 100%;
  width: 100%;
  position: relative;
  vertical-align: center; }

.sub_id1 .subWrap {
  height: 100%;
  width: 100%;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  border: solid 2px #8BC53E;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%); }

.sub_id1 .sbWrapp {
  width: 100%;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  border: solid 2px #8BC53E;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  -webkit-box-flex: 1;
  -khtml-box-flex: 1;
  -moz-box-flex: 1;
  -ms-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-display: -webkit-box;
  -webkit-display: -webkit-flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center; }

.imageTitleAboutSec1 {
  height: auto;
  width: 100%;
  position: relative;
  text-align: center;
  /*padding-top:91px;*/ }
  .imageTitleAboutSec1 img {
    max-width: 100%; }

.sub_id1 .title {
  position: relative;
  width: 100%;
  text-align: center; }

.sub_id1 .subTitle {
  margin-top: 12px;
  width: 100%;
  text-align: center;
  position: relative;
  font-family: futura_bk_btbook;
  font-size: 30px;
  color: #F8F2F1;
  text-decoration: none; }

.sub_id1 .subTitle span {
  color: #8BC53E;
  display: inline-block; }

.txt_second {
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
  /* Netscape */
  -moz-opacity: 0;
  /* Safari 1.x */
  -khtml-opacity: 0;
  /* Good browsers */
  opacity: 0;
  /* Good browsers */
  -webkit-opacity: 0;
  /* Good browsers */
  -o-opacity: 0;
  font-family: futura_medium_bt;
  font-size: 53px;
  color: #fff;
  text-decoration: none;
  position: absolute;
  left: 0;
  top: -117px;
  width: 100%;
  text-align: center;
  text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.27); }

.sub_id2 .fullImg {
  width: 100%;
  height: 100%; }

.wrapSectionFixing .wrapSection {
  width: 100%;
  max-width: 1200px;
  position: relative;
  margin-left: auto;
  margin-right: auto; }

.centerBox {
  position: relative;
  width: 100%;
  height: 100%; }

.centerBox .center {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0%;
  width: 100%;
  height: auto; }

.wrapGeneral {
  width: 100%;
  max-width: 1200px;
  position: relative;
  margin-left: auto;
  height: 100%;
  margin-right: auto; }

.wrapItems {
  position: relative;
  width: 100%; }

.wrapSectionFixing .item {
  position: relative;
  float: left;
  width: 307px;
  height: 256px;
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
  /* Netscape */
  -moz-opacity: 0;
  /* Safari 1.x */
  -khtml-opacity: 0;
  /* Good browsers */
  opacity: 0;
  /* Good browsers */
  -webkit-opacity: 0;
  /* Good browsers */
  -o-opacity: 0;
  margin-right: 19px; }

.wrapSectionFixing .item.last {
  margin-right: 0px;
  width: 192px; }

.wrapSectionFixing .item .wrapCircle {
  max-width: 252px;
  width: 100%;
  height: 210px;
  position: relative; }

.wrapSectionFixing .item .arrows {
  font-family: Arial, Verdana, Segoe, sans-serif;
  font-size: 14px;
  color: #8BC53E;
  text-decoration: none;
  position: absolute;
  top: 45px;
  left: 215px;
  overflow: hidden;
  width: 0;
  width: auto;
  height: 14px; }

.wrapSectionFixing .item .title {
  margin-bottom: 8px;
  margin-top: 48px;
  position: relative;
  width: 100%;
  text-align: center;
  font-family: futura_medium_bt;
  font-size: 25px;
  color: #99CC57;
  text-decoration: none; }

.wrapSectionFixing .item .desc {
  position: relative;
  text-align: center;
  width: 100%;
  line-height: 22px;
  font-family: Arial, Verdana, Segoe, sans-serif;
  font-size: 14px;
  color: #A0A0A0;
  text-decoration: none;
  padding-left: 10px;
  padding-right: 10px;
  -webkit-box-sizing: border-box;
  -khtml-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box; }

.wrapSectionFixing .item .circle {
  background-color: #9ACC57;
  position: relative;
  -webkit-transition: all 0.3s ease-in-out;
  -khtml-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  text-align: center;
  -webkit-border-radius: 100%;
  -khtml-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%;
  overflow: hidden;
  width: 110px;
  height: 110px;
  margin-left: auto;
  margin-right: auto; }

.wrapSectionFixing .item .circle .layer {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url(../images/sprite.png);
  background-position: -150px -1200px;
  background-repeat: no-repeat;
  -moz-background-size: initial;
  -webkit-background-size: initial;
  background-size: initial; }

.wrapSectionFixing .item .circle .ico {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  margin-top: 28px; }

.toBuild {
  width: 36px; }

.toUphold {
  width: 40px; }

.toContribute {
  width: 56px; }

.toProvide {
  width: 41px; }

.scrollMouse {
  background: url(../images/scrollMouse.png) no-repeat;
  width: 54px;
  height: 90px;
  position: fixed;
  z-index: 3;
  bottom: 0px;
  left: 50%;
  margin-left: -25px; }

.sub_id3 .textPart {
  background-color: #fff;
  height: 175px;
  width: 100%;
  text-align: center;
  width: 100%;
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
  /* Netscape */
  -moz-opacity: 0;
  /* Safari 1.x */
  -khtml-opacity: 0;
  /* Good browsers */
  opacity: 0;
  /* Good browsers */
  -webkit-opacity: 0;
  /* Good browsers */
  -o-opacity: 0;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition: all 0.3s ease-in-out;
  -khtml-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }

.sub_id3 .textPart .text {
  font-family: futura_medium_bt;
  font-size: 53px;
  color: #4E4E4C;
  text-decoration: none; }

.titleSub {
  position: relative;
  width: 100%; }

.justWaypoint {
  position: relative;
  height: 1px;
  display: none;
  width: 100%; }

.miniSection {
  position: relative;
  width: 100%;
  height: 100vh;
  background-color: #E6E6E6; }

.miniSection .imagePack {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none; }

.miniSection .imagePack .image {
  position: absolute; }
  .miniSection .imagePack .image img {
    -webkit-transition: width 0.3s ease-in-out;
    -khtml-transition: width 0.3s ease-in-out;
    -moz-transition: width 0.3s ease-in-out;
    -ms-transition: width 0.3s ease-in-out;
    -o-transition: width 0.3s ease-in-out;
    transition: width 0.3s ease-in-out; }

.sub_id4 .subSection .text {
  font-family: futura_medium_bt;
  font-size: 53px;
  color: #50504F;
  text-decoration: none; }

.sub_id4 .subSection {
  position: relative;
  width: 100%;
  text-align: center;
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
  /* Netscape */
  -moz-opacity: 1;
  /* Safari 1.x */
  -khtml-opacity: 1;
  /* Good browsers */
  opacity: 1;
  /* Good browsers */
  -webkit-opacity: 1;
  /* Good browsers */
  -o-opacity: 1; }

.sub_id4 {
  background-color: #E6E6E6;
  height: auto; }

.sub_id4 .titleSub {
  height: 100%; }

.sub_id4 .radialEllipse {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url(../images/ourIdentityShadow.png);
  background-position: center;
  background-repeat: no-repeat; }

.sub_id4 .radialEllipse.double {
  background-image: url(../images/doubleEllipse.png); }

.sub_id4 .radialEllipse.double2 {
  background-image: url(../images/doubleEllipse2.png); }

.sub_id4 .subText {
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
  /* Netscape */
  -moz-opacity: 0;
  /* Safari 1.x */
  -khtml-opacity: 0;
  /* Good browsers */
  opacity: 0;
  /* Good browsers */
  -webkit-opacity: 0;
  /* Good browsers */
  -o-opacity: 0;
  position: relative;
  margin-top: 14px;
  font-family: futura_medium_bt;
  font-size: 30px;
  color: #535351;
  text-decoration: none; }

.identUl {
  list-style: none;
  margin-left: auto;
  margin-right: auto;
  margin-top: 22px;
  position: relative;
  width: 100%;
  max-width: 585px;
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
  /* Netscape */
  -moz-opacity: 0;
  /* Safari 1.x */
  -khtml-opacity: 0;
  /* Good browsers */
  opacity: 0;
  /* Good browsers */
  -webkit-opacity: 0;
  /* Good browsers */
  -o-opacity: 0;
  -webkit-transition: opacity 0.3s ease-in-out 1s;
  -khtml-transition: opacity 0.3s ease-in-out 1s;
  -moz-transition: opacity 0.3s ease-in-out 1s;
  -ms-transition: opacity 0.3s ease-in-out 1s;
  -o-transition: opacity 0.3s ease-in-out 1s;
  transition: opacity 0.3s ease-in-out 1s; }
  .identUl.fadeIn {
    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
    /* Netscape */
    -moz-opacity: 1;
    /* Safari 1.x */
    -khtml-opacity: 1;
    /* Good browsers */
    opacity: 1;
    /* Good browsers */
    -webkit-opacity: 1;
    /* Good browsers */
    -o-opacity: 1; }

.identUl li {
  float: left;
  position: relative; }

.identUl li a {
  display: block;
  text-decoration: none;
  font-family: futura_medium_bt;
  font-size: 20px;
  color: #99CC57;
  text-decoration: none;
  -webkit-transition: color 0.3s ease-in-out;
  -khtml-transition: color 0.3s ease-in-out;
  -moz-transition: color 0.3s ease-in-out;
  -ms-transition: color 0.3s ease-in-out;
  -o-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out; }

.identUl li .dots {
  width: 14px;
  height: 5px;
  position: relative;
  margin-left: 37px;
  margin-right: 37px;
  margin-top: 9px; }

.identUl li .dots .dot {
  background-color: #8BC53E;
  -webkit-border-radius: 100%;
  -khtml-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%;
  width: 5px;
  height: 5px;
  float: left;
  position: relative; }

.identUl li .dots .marginRight {
  margin-right: 2px; }

.sub_id4 .line {
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
  /* Netscape */
  -moz-opacity: 0;
  /* Safari 1.x */
  -khtml-opacity: 0;
  /* Good browsers */
  opacity: 0;
  /* Good browsers */
  -webkit-opacity: 0;
  /* Good browsers */
  -o-opacity: 0;
  margin-left: auto;
  margin-right: auto;
  margin-top: 22px;
  height: 1px;
  position: relative;
  width: 100%;
  max-width: 990px;
  background-color: #7D7D7D; }

.imagesContainerID {
  display: inline-block;
  position: relative;
  list-style: none; }

.imageFixID1.fix {
  position: fixed;
  left: 0;
  top: 300px; }

.imagesContainerID li {
  width: 33.33333%;
  float: left;
  background: #fff;
  position: relative;
  height: auto; }

.da-thumbs li a img {
  width: 100%;
  position: relative;
  display: block; }

.da-thumbs li a {
  overflow: hidden;
  width: 100%;
  display: block;
  position: relative;
  text-decoration: none;
  height: 100%; }

.da-thumbs li a div {
  position: absolute;
  background: rgba(139, 197, 62, 0.95);
  width: 100%;
  height: 100%; }

.imagesContainerID li .title {
  position: relative;
  display: block;
  text-align: center;
  font-family: futura_medium_bt;
  font-size: 30px;
  color: #FFFFFF;
  text-decoration: none; }

.imagesContainerID li .subTitle {
  position: relative;
  display: block;
  text-align: center;
  max-width: 324px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  line-height: 23px;
  margin-top: 17px;
  font-family: Arial, Verdana, Segoe, sans-serif;
  font-size: 14px;
  color: #F4F9ED;
  text-decoration: none; }

.imagesContainerID li .plus {
  position: relative;
  width: 95px;
  height: 95px;
  margin-left: auto;
  margin-right: auto;
  display: block;
  margin-top: -48px; }

.imagesContainerID li .table,
.imagesContainerID li .cell {
  background: none !important; }

.imagesContainerID li .plusWrap {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 50%; }

.imagesContainerID li .plus .ln {
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
  /* Netscape */
  -moz-opacity: 0.54;
  /* Safari 1.x */
  -khtml-opacity: 0.54;
  /* Good browsers */
  opacity: 0.54;
  /* Good browsers */
  -webkit-opacity: 0.54;
  /* Good browsers */
  -o-opacity: 0.54;
  background-color: #FFFFFF;
  position: absolute; }

.imagesContainerID li .plus .horz {
  width: 100%;
  height: 1px;
  top: 49px;
  left: 0; }

.imagesContainerID li .plus .vert {
  left: 48px;
  top: 0;
  width: 1px;
  height: 100%; }

.imagesContainerID li .shadow {
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
  /* Netscape */
  -moz-opacity: 0.25;
  /* Safari 1.x */
  -khtml-opacity: 0.25;
  /* Good browsers */
  opacity: 0.25;
  /* Good browsers */
  -webkit-opacity: 0.25;
  /* Good browsers */
  -o-opacity: 0.25;
  background-color: #4F4F4C;
  height: 100%;
  width: 100%;
  display: block;
  top: 0;
  left: 0;
  position: absolute; }

.radialEllipse.singleLeft {
  background-image: url(../images/ellipse_left.png);
  left: -600px;
  background-repeat: no-repeat;
  top: -70px; }

.miniSection .box {
  position: relative;
  vertical-align: top;
  max-width: 395px;
  width: 100%;
  -webkit-transition: opacity 0.3s ease-out;
  -khtml-transition: opacity 0.3s ease-out;
  -moz-transition: opacity 0.3s ease-out;
  -ms-transition: opacity 0.3s ease-out;
  -o-transition: opacity 0.3s ease-out;
  transition: opacity 0.3s ease-out;
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
  /* Netscape */
  -moz-opacity: 0;
  /* Safari 1.x */
  -khtml-opacity: 0;
  /* Good browsers */
  opacity: 0;
  /* Good browsers */
  -webkit-opacity: 0;
  /* Good browsers */
  -o-opacity: 0; }

.miniSection .box1 {
  float: left;
  margin-right: 194px; }

.miniSection .box2 {
  float: right; }

.subMini3 .box {
  -webkit-transition: opacity 0.3s ease-out;
  -khtml-transition: opacity 0.3s ease-out;
  -moz-transition: opacity 0.3s ease-out;
  -ms-transition: opacity 0.3s ease-out;
  -o-transition: opacity 0.3s ease-out;
  transition: opacity 0.3s ease-out;
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
  /* Netscape */
  -moz-opacity: 0;
  /* Safari 1.x */
  -khtml-opacity: 0;
  /* Good browsers */
  opacity: 0;
  /* Good browsers */
  -webkit-opacity: 0;
  /* Good browsers */
  -o-opacity: 0;
  margin-top: -170px; }

.subMini3 .box.anim,
.anim.box1,
.anim.box2 {
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
  /* Netscape */
  -moz-opacity: 1;
  /* Safari 1.x */
  -khtml-opacity: 1;
  /* Good browsers */
  opacity: 1;
  /* Good browsers */
  -webkit-opacity: 1;
  /* Good browsers */
  -o-opacity: 1; }

.miniSection .box .title {
  text-align: left;
  position: relative;
  font-family: futura_medium_bt;
  font-size: 32px;
  color: #99CC57;
  text-decoration: none; }

.miniSection .box .lineTxr {
  height: 1px;
  width: 74px;
  background-color: #636363;
  position: relative;
  margin-top: 20px;
  margin-bottom: 20px; }

.miniSection .box .description {
  text-align: left;
  line-height: 23px;
  position: relative;
  font-family: Arial, Verdana, Segoe, sans-serif;
  font-size: 14px;
  color: #868686;
  text-decoration: none; }

.boxes {
  max-width: 1071px;
  width: 100%;
  position: relative; }

.sub_id5 .mini1 .table {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%; }

.sub_id6 .btmWrap {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  max-width: 100%;
  height: 459px; }

.sub_id6 .btmWrap .radial {
  background-image: url(../images/radialQuality.png);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; }

.sub_id6 {
  background-color: #E9E9E9;
  position: relative; }

.wrapCircle.qa_circle {
  position: absolute;
  width: 100%; }

.sub_id6 .qa_circle {
  top: -205px; }

.sub_id6 .qa_circle2 {
  top: -192px; }

.sub_id6 .qa_circle3 {
  top: -182px; }

.wrapCircle .circleColor {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  width: 0px;
  height: 0px;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
  /* Netscape */
  -moz-opacity: 0;
  /* Safari 1.x */
  -khtml-opacity: 0;
  /* Good browsers */
  opacity: 0;
  /* Good browsers */
  -webkit-opacity: 0;
  /* Good browsers */
  -o-opacity: 0;
  -webkit-border-radius: 100%;
  -khtml-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%;
  -webkit-transition: opacity 0.3s ease-out;
  -khtml-transition: opacity 0.3s ease-out;
  -moz-transition: opacity 0.3s ease-out;
  -ms-transition: opacity 0.3s ease-out;
  -o-transition: opacity 0.3s ease-out;
  transition: opacity 0.3s ease-out; }

.sub_id6 .circleColor {
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
  /* Netscape */
  -moz-opacity: 1;
  /* Safari 1.x */
  -khtml-opacity: 1;
  /* Good browsers */
  opacity: 1;
  /* Good browsers */
  -webkit-opacity: 1;
  /* Good browsers */
  -o-opacity: 1;
  width: 168px;
  height: 169px; }

.sub_id6 .circleColor.white {
  width: 143px;
  height: 143px; }

.sub_id6 .circleColor.grey {
  width: 123px;
  height: 123px; }

.wrapCircle .circleColor.green {
  background-color: #8BC53E; }

.wrapCircle .circleColor.white {
  background-color: #fff; }

.wrapCircle .circleColor.grey {
  background-color: #F0F0F0; }

.qa_circle.third .coverLayer {
  background-image: url(../images/sprite.png);
  background-position: 0px -1452px;
  background-repeat: no-repeat;
  -moz-background-size: initial;
  -webkit-background-size: initial;
  background-size: initial;
  width: 123px;
  height: 123px;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
  /* Netscape */
  -moz-opacity: 1;
  /* Safari 1.x */
  -khtml-opacity: 1;
  /* Good browsers */
  opacity: 1;
  /* Good browsers */
  -webkit-opacity: 1;
  /* Good browsers */
  -o-opacity: 1;
  -webkit-transition: opacity 0.3s ease-out;
  -khtml-transition: opacity 0.3s ease-out;
  -moz-transition: opacity 0.3s ease-out;
  -ms-transition: opacity 0.3s ease-out;
  -o-transition: opacity 0.3s ease-out;
  transition: opacity 0.3s ease-out; }

.sub_id6.anim .coverLayer {
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
  /* Netscape */
  -moz-opacity: 1;
  /* Safari 1.x */
  -khtml-opacity: 1;
  /* Good browsers */
  opacity: 1;
  /* Good browsers */
  -webkit-opacity: 1;
  /* Good browsers */
  -o-opacity: 1; }

.sequence1 {
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
  /* Netscape */
  -moz-opacity: 0;
  /* Safari 1.x */
  -khtml-opacity: 0;
  /* Good browsers */
  opacity: 0;
  /* Good browsers */
  -webkit-opacity: 0;
  /* Good browsers */
  -o-opacity: 0; }

.sequence1.anim {
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
  /* Netscape */
  -moz-opacity: 1;
  /* Safari 1.x */
  -khtml-opacity: 1;
  /* Good browsers */
  opacity: 1;
  /* Good browsers */
  -webkit-opacity: 1;
  /* Good browsers */
  -o-opacity: 1; }

.sequence2 {
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
  /* Netscape */
  -moz-opacity: 0;
  /* Safari 1.x */
  -khtml-opacity: 0;
  /* Good browsers */
  opacity: 0;
  /* Good browsers */
  -webkit-opacity: 0;
  /* Good browsers */
  -o-opacity: 0; }

.sequence2.anim {
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
  /* Netscape */
  -moz-opacity: 1;
  /* Safari 1.x */
  -khtml-opacity: 1;
  /* Good browsers */
  opacity: 1;
  /* Good browsers */
  -webkit-opacity: 1;
  /* Good browsers */
  -o-opacity: 1; }

.sequence3 {
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
  /* Netscape */
  -moz-opacity: 0;
  /* Safari 1.x */
  -khtml-opacity: 0;
  /* Good browsers */
  opacity: 0;
  /* Good browsers */
  -webkit-opacity: 0;
  /* Good browsers */
  -o-opacity: 0; }

.sequence3.anim {
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
  /* Netscape */
  -moz-opacity: 1;
  /* Safari 1.x */
  -khtml-opacity: 1;
  /* Good browsers */
  opacity: 1;
  /* Good browsers */
  -webkit-opacity: 1;
  /* Good browsers */
  -o-opacity: 1; }

.sequence4 {
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
  /* Netscape */
  -moz-opacity: 0;
  /* Safari 1.x */
  -khtml-opacity: 0;
  /* Good browsers */
  opacity: 0;
  /* Good browsers */
  -webkit-opacity: 0;
  /* Good browsers */
  -o-opacity: 0; }

.sequence4.anim {
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
  /* Netscape */
  -moz-opacity: 1;
  /* Safari 1.x */
  -khtml-opacity: 1;
  /* Good browsers */
  opacity: 1;
  /* Good browsers */
  -webkit-opacity: 1;
  /* Good browsers */
  -o-opacity: 1; }

.logoISO {
  position: absolute;
  width: 100%;
  left: 0;
  top: 23px;
  text-align: center;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
  /* Netscape */
  -moz-opacity: 0;
  /* Safari 1.x */
  -khtml-opacity: 0;
  /* Good browsers */
  opacity: 0;
  /* Good browsers */
  -webkit-opacity: 0;
  /* Good browsers */
  -o-opacity: 0;
  -webkit-transition: opacity 0.3s ease-out;
  -khtml-transition: opacity 0.3s ease-out;
  -moz-transition: opacity 0.3s ease-out;
  -ms-transition: opacity 0.3s ease-out;
  -o-transition: opacity 0.3s ease-out;
  transition: opacity 0.3s ease-out; }

.logoISO {
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
  /* Netscape */
  -moz-opacity: 1;
  /* Safari 1.x */
  -khtml-opacity: 1;
  /* Good browsers */
  opacity: 1;
  /* Good browsers */
  -webkit-opacity: 1;
  /* Good browsers */
  -o-opacity: 1; }

.sub_id6 .wrapTxtQuality {
  font-family: futura_medium_bt;
  font-size: 53px;
  color: #99CC57;
  position: relative;
  width: 100%;
  text-align: center;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
  /* Netscape */
  -moz-opacity: 0;
  /* Safari 1.x */
  -khtml-opacity: 0;
  /* Good browsers */
  opacity: 0;
  /* Good browsers */
  -webkit-opacity: 0;
  /* Good browsers */
  -o-opacity: 0;
  -webkit-transition: opacity 0.3s ease-out;
  -khtml-transition: opacity 0.3s ease-out;
  -moz-transition: opacity 0.3s ease-out;
  -ms-transition: opacity 0.3s ease-out;
  -o-transition: opacity 0.3s ease-out;
  transition: opacity 0.3s ease-out; }

.sub_id6.anim .wrapTxtQuality {
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
  /* Netscape */
  -moz-opacity: 1;
  /* Safari 1.x */
  -khtml-opacity: 1;
  /* Good browsers */
  opacity: 1;
  /* Good browsers */
  -webkit-opacity: 1;
  /* Good browsers */
  -o-opacity: 1; }

.sub_id6 .topWrap {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
  /* Netscape */
  -moz-opacity: 0;
  /* Safari 1.x */
  -khtml-opacity: 0;
  /* Good browsers */
  opacity: 0;
  /* Good browsers */
  -webkit-opacity: 0;
  /* Good browsers */
  -o-opacity: 0;
  -webkit-transition: opacity 0.3s ease-out;
  -khtml-transition: opacity 0.3s ease-out;
  -moz-transition: opacity 0.3s ease-out;
  -ms-transition: opacity 0.3s ease-out;
  -o-transition: opacity 0.3s ease-out;
  transition: opacity 0.3s ease-out;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: -moz-calc(100% - 459px);
  height: -webkit-calc(100% - 459px);
  height: -o-calc(100% - 459px);
  height: calc(100% - 459px); }

.sub_id6.anim .topWrap {
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
  /* Netscape */
  -moz-opacity: 1;
  /* Safari 1.x */
  -khtml-opacity: 1;
  /* Good browsers */
  opacity: 1;
  /* Good browsers */
  -webkit-opacity: 1;
  /* Good browsers */
  -o-opacity: 1; }

.sub_id6 .textWrap {
  text-align: center;
  width: 100%;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  max-width: 662px; }

.sub_id6 .textWrap .title {
  position: relative;
  margin-top: 103px;
  font-family: futura_bk_btbook;
  font-size: 18px;
  color: #000000; }

.sub_id6 .textWrap .description {
  position: relative;
  margin-top: 23px;
  line-height: 22px;
  font-family: Arial, Verdana, Segoe, sans-serif;
  font-size: 14px;
  color: #868686; }

.sub_id6 .textWrap .doubleDots {
  width: 14px;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  height: 5px;
  margin-top: 20px;
  margin-bottom: 22px; }

.sub_id6 .textWrap .doubleDots .dot {
  width: 5px;
  height: 5px;
  background-color: #8BC53E;
  float: left;
  position: relative;
  -webkit-border-radius: 100%;
  -khtml-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%; }

.sub_id6 .textWrap .doubleDots .dot.first {
  margin-right: 2px; }

.sub_id6 .textWrap .mr {
  margin-bottom: 9px;
  position: relative;
  font-family: futura_medium_bt;
  font-size: 16px;
  color: #99CC57; }

.sub_id6 .textWrap .position {
  position: relative;
  font-family: futura_medium_bt;
  font-size: 16px;
  color: #323232; }

.arrowBacktoTop {
  overflow: hidden;
  position: absolute;
  position: fixed;
  bottom: -65px;
  left: 0;
  width: 100%;
  height: 46px;
  z-index: 3;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition: all 0.3s ease-out;
  -khtml-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out; }

.arrowBacktoTop.anim {
  bottom: 0px; }

.arrowBacktoTop .arrowTop {
  display: block;
  width: 75px;
  height: 56px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  background-image: url(../images/sprite.png);
  background-position: -105px -1345px;
  background-repeat: no-repeat;
  -moz-background-size: initial;
  -webkit-background-size: initial;
  background-size: initial;
  cursor: pointer; }

.menuPar {
  position: fixed;
  top: 50%;
  right: 0;
  width: 45px;
  height: 105px;
  margin-top: -52px;
  z-index: 33; }

.menuPar .itm {
  position: relative;
  width: 45px;
  height: 47px;
  cursor: pointer; }

.menuPar .itm .circ {
  position: absolute;
  top: 20px;
  left: 21px;
  width: 8px;
  height: 8px;
  background-color: #686A62;
  -webkit-border-radius: 100%;
  -khtml-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%;
  z-index: 1; }

.menuPar .itm.selected .bg {
  background-color: #8bc53e; }

.menuPar .itm .bg {
  -webkit-transition: background-color 0.5s ease;
  -khtml-transition: background-color 0.5s ease;
  -moz-transition: background-color 0.5s ease;
  -ms-transition: background-color 0.5s ease;
  -o-transition: background-color 0.5s ease;
  transition: background-color 0.5s ease;
  background-color: transparent;
  width: 64px;
  overflow: hidden;
  height: 46px;
  -webkit-border-radius: 23px;
  -khtml-border-radius: 23px;
  -moz-border-radius: 23px;
  -ms-border-radius: 23px;
  -o-border-radius: 23px;
  border-radius: 23px;
  position: absolute;
  top: 0;
  right: -19px; }

.menuPar .itm .textMenu {
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
  /* Netscape */
  -moz-opacity: 0;
  /* Safari 1.x */
  -khtml-opacity: 0;
  /* Good browsers */
  opacity: 0;
  /* Good browsers */
  -webkit-opacity: 0;
  /* Good browsers */
  -o-opacity: 0;
  position: absolute;
  top: 18px;
  left: 19px;
  width: 140px;
  font-family: futura_bk_btbook;
  font-size: 13px;
  color: #FFFFFF;
  text-decoration: none; }

.menuPar .itm.active .circ {
  display: none; }

.menuPar .itm.active .bg {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition: width 0.5s ease;
  -khtml-transition: width 0.5s ease;
  -moz-transition: width 0.5s ease;
  -ms-transition: width 0.5s ease;
  -o-transition: width 0.5s ease;
  transition: width 0.5s ease; }

.menuPar .itm.active .textMenu {
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
  /* Netscape */
  -moz-opacity: 1;
  /* Safari 1.x */
  -khtml-opacity: 1;
  /* Good browsers */
  opacity: 1;
  /* Good browsers */
  -webkit-opacity: 1;
  /* Good browsers */
  -o-opacity: 1; }

.menuPar .itm1.active .bg {
  width: 94px; }

.menuPar .itm2.active .bg {
  width: 134px; }

.menuPar .itm3.active .bg {
  width: 177px; }

.menuPar a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.moreZindex4 {
  z-index: 4; }

.moreZindex3 {
  z-index: 3; }

.moreZindex2 {
  z-index: 2; }

.moreZindex {
  z-index: 1; }

.miniSection .since {
  position: absolute;
  top: 20.875%;
  left: 0; }

.miniSection .since .txt_since {
  text-align: left;
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
  /* Netscape */
  -moz-opacity: 0;
  /* Safari 1.x */
  -khtml-opacity: 0;
  /* Good browsers */
  opacity: 0;
  /* Good browsers */
  -webkit-opacity: 0;
  /* Good browsers */
  -o-opacity: 0;
  -webkit-transition: opacity 0.3s ease;
  -khtml-transition: opacity 0.3s ease;
  -moz-transition: opacity 0.3s ease;
  -ms-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  font-family: futura_medium_bt;
  font-size: 30px;
  color: #50504E;
  text-decoration: none;
  padding-left: 22px; }

.miniSection .since .year {
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
  /* Netscape */
  -moz-opacity: 0;
  /* Safari 1.x */
  -khtml-opacity: 0;
  /* Good browsers */
  opacity: 0;
  /* Good browsers */
  -webkit-opacity: 0;
  /* Good browsers */
  -o-opacity: 0;
  -webkit-transition: opacity 0.3s ease;
  -khtml-transition: opacity 0.3s ease;
  -moz-transition: opacity 0.3s ease;
  -ms-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  position: relative;
  font-family: futura_medium_bt;
  font-size: 160px;
  color: #99CC57;
  text-decoration: none; }

.miniSection .rightText {
  font-family: Arial, Verdana, Segoe, sans-serif;
  font-size: 14px;
  color: #868686;
  position: absolute;
  right: 0;
  top: 31%;
  width: 100%;
  text-align: left;
  max-width: 469px;
  line-height: 23px;
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
  /* Netscape */
  -moz-opacity: 0;
  /* Safari 1.x */
  -khtml-opacity: 0;
  /* Good browsers */
  opacity: 0;
  /* Good browsers */
  -webkit-opacity: 0;
  /* Good browsers */
  -o-opacity: 0;
  -webkit-transition: opacity 0.3s ease;
  -khtml-transition: opacity 0.3s ease;
  -moz-transition: opacity 0.3s ease;
  -ms-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease; }
  .miniSection .rightText p {
    position: relative; }

.subCover {
  background-color: #464642;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 33px; }

.arrowGreen.pointerNone {
  pointer-events: none; }

.showSelc {
  display: none !important; }

.itemLink.selected img {
  display: none !important; }

.openenuCss .sectionType {
  overflow: hidden;
  overflow-y: visible; }

.openenuCss,
.openenuCss .animatedWrapper,
.openenuCss .sectionBox,
.openenuCss .sectionType,
.openenuCss .section_first {
  height: 100% !important; }

.greenLayout.radialShadow {
  background-image: url(../images/MenuPageRadial.png); }

.greenLayout.findajob {
  background-image: url(../images/findajob.png); }

.greenLayout.reward {
  background-image: url(../images/reward.png); }

.greenLayout.leader {
  background-image: url(../images/leader.png); }

.greenLayout.messageUsPic {
  background-image: url(../images/messageUsPic.png); }

.orderDelivery {
  position: relative;
  width: 100%;
  max-width: 444px;
  padding-top: 120px; }

.sandwich {
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
  max-width: 50%; }

.sandShad {
  height: 190px;
  width: 312px;
  position: absolute;
  right: -75px;
  background-size: cover;
  bottom: -60px;
  background-image: url(../images/sandShad.png);
  background-repeat: no-repeat; }

.sandwich .wrapSand {
  position: absolute;
  right: 109px;
  bottom: 116px;
  width: auto;
  height: auto;
  text-align: right; }

.relMenu {
  position: relative;
  z-index: 3; }

.relMenu .websiteMenuWrap {
  position: relative;
  top: auto;
  left: auto; }

.orderDelivery .btnEdged {
  margin-left: auto;
  margin-right: auto; }

.btnEdged {
  margin-top: 56px;
  background-image: url(../images/sprite.png);
  background-position: -180px -1430px;
  background-repeat: no-repeat;
  -moz-background-size: initial;
  -webkit-background-size: initial;
  background-size: initial;
  width: 276px;
  height: 54px;
  position: relative; }

.btnEdged.maron {
  margin-top: 0;
  background-image: url(../images/sprite.png);
  background-position: -180px -1500px;
  background-repeat: no-repeat;
  -moz-background-size: initial;
  -webkit-background-size: initial;
  background-size: initial; }

.btnEdged .text {
  display: block;
  text-decoration: none;
  position: relative;
  font-family: futura_bk_btbook;
  font-size: 18px;
  color: #FFFFFF; }

.orText {
  width: 100% s;
  text-align: center;
  margin-top: 12px;
  margin-bottom: 11px;
  position: relative;
  font-family: futura_bk_btbook;
  font-size: 16px;
  color: #fff; }

.wrapSand .wrapImg {
  position: relative;
  width: auto;
  text-align: right;
  height: auto;
  display: inline-block;
  min-width: 248px;
  min-height: 181px; }

.wrapSand .wrapImg img {
  position: relative;
  margin-bottom: -4px;
  max-height: calc(100vh - 151px); }

.newOnMenuWrap {
  padding-left: 21px;
  position: absolute;
  bottom: 0px;
  right: 0;
  text-align: left; }

.newOnMenuWrap .line {
  width: 2px;
  height: 171px;
  background-color: #fff;
  position: absolute;
  left: 0;
  bottom: 0; }

.wrapImg img {
  position: relative; }

.newOnMenuWrap .newTxt {
  position: relative;
  margin-bottom: 5px;
  font-family: futura_bk_btbook;
  font-size: 18px;
  color: #fff; }

.newOnMenuWrap .titleNew {
  position: relative;
  font-family: futura_bk_btbook;
  font-size: 16px;
  color: #fff;
  padding-bottom: 22px; }

.menuOpLayer {
  background-color: #F0EEEC;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  display: none;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
  /* Netscape */
  -moz-opacity: 0.82;
  /* Safari 1.x */
  -khtml-opacity: 0.82;
  /* Good browsers */
  opacity: 0.82;
  /* Good browsers */
  -webkit-opacity: 0.82;
  /* Good browsers */
  -o-opacity: 0.82; }

.menuOpLayer.show {
  display: block;
  display: none;
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
  /* Netscape */
  -moz-opacity: 0.82;
  /* Safari 1.x */
  -khtml-opacity: 0.82;
  /* Good browsers */
  opacity: 0.82;
  /* Good browsers */
  -webkit-opacity: 0.82;
  /* Good browsers */
  -o-opacity: 0.82; }

.working {
  position: relative;
  padding-top: 143px;
  margin-bottom: 19px;
  font-family: futura_medium_bt;
  font-size: 17px;
  color: #fff; }

.lineJob {
  margin-top: 22px;
  position: relative;
  width: 74px;
  height: 1px;
  background-color: #fff;
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
  /* Netscape */
  -moz-opacity: 0.82;
  /* Safari 1.x */
  -khtml-opacity: 0.82;
  /* Good browsers */
  opacity: 0.82;
  /* Good browsers */
  -webkit-opacity: 0.82;
  /* Good browsers */
  -o-opacity: 0.82;
  margin-bottom: 33px; }

.smallDesJobs {
  font-family: futura_bk_btbook;
  font-size: 18px;
  color: #EBEBEB;
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
  /* Netscape */
  -moz-opacity: 0.8;
  /* Safari 1.x */
  -khtml-opacity: 0.8;
  /* Good browsers */
  opacity: 0.8;
  /* Good browsers */
  -webkit-opacity: 0.8;
  /* Good browsers */
  -o-opacity: 0.8;
  position: relative;
  margin-bottom: 23px; }

.descJobs {
  font-family: futura_bk_btbook;
  font-size: 14px;
  color: #AAAAAA;
  max-width: 573px;
  width: 100%;
  position: relative;
  line-height: 22px;
  padding-bottom: 42px; }

.careerPid .btnEdged {
  margin-bottom: 42px; }

.ourPeoplePid .wrapGeneral {
  max-width: 1271px; }

.txt_ourPeople {
  position: relative;
  padding-top: 120px;
  padding-bottom: 33px;
  font-family: futura_medium_bt;
  font-size: 17px;
  color: #8BC53E; }

.Careersttl {
  font-family: futura_medium_bt;
  font-size: 66px;
  color: #FFFFFF;
  font-weight: bold; }

.mainDots {
  width: 14px;
  height: 5px;
  position: relative;
  margin-top: 9px; }

.mainDots .dot {
  background-color: #8BC53E;
  -webkit-border-radius: 100%;
  -khtml-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%;
  width: 5px;
  height: 5px;
  float: left;
  position: relative; }

.mainDots .marginRight {
  margin-right: 2px; }

.people .title {
  margin-top: 26px;
  position: relative;
  margin-bottom: 22px;
  font-family: futura_medium_bt;
  font-size: 35px;
  color: #464642; }

.people {
  position: relative; }

.txt_excellence {
  width: 188px;
  height: 41px; }

.txt_collaboration {
  width: 257px;
  height: 41px; }

.txt_commitment {
  width: 234px;
  height: 41px; }

.people .top {
  position: relative;
  max-height: 340px;
  height: auto;
  max-height: 340px; }

.people .item {
  width: 32%;
  position: relative;
  float: left;
  margin-right: 2%;
  margin-bottom: 40px; }

.people .item .desc {
  position: relative;
  font-family: Arial, Verdana, Segoe, sans-serif;
  font-size: 14px;
  color: #858585;
  position: relative;
  max-width: 82%;
  line-height: 22px;
  margin-top: 15px; }

.people .item .cadre1 img {
  margin-left: -10px;
  margin-top: -10px; }

.people .item .cadre2 img {
  margin-top: -10px; }

.people .item .cadre3 img {
  margin-top: -20px;
  margin-top: -14px;
  margin-left: -4px; }

.people .item .image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding-right: 9%;
  box-sizing: border-box; }

.people .item.last {
  margin-right: 0; }

.threePics {
  position: relative;
  width: 444px;
  max-height: 141px;
  height: auto; }

.threePics .images {
  position: relative;
  width: 100%;
  height: auto; }

.threePics .images .image {
  position: relative;
  float: left;
  width: 148px;
  height: auto; }

.threePics .layer {
  position: absolute;
  background-color: #8BC53E;
  width: 33%;
  height: 100%; }

.threePics .layer.left {
  left: -5px;
  bottom: 10px;
  height: -moz-calc(100% - 5px);
  height: -webkit-calc(100% - 5px);
  height: -o-calc(100% - 5px);
  height: calc(100% - 5px); }

.threePics .layer.right {
  right: -5px;
  top: 10px;
  height: -moz-calc(100% - 5px);
  height: -webkit-calc(100% - 5px);
  height: -o-calc(100% - 5px);
  height: calc(100% - 5px); }

.boxShareID .floatBox {
  position: relative;
  float: left; }

.boxShareID .floatBox.left {
  position: relative;
  width: 39%;
  margin-right: 2%; }

.boxShareID .floatBox.right {
  position: relative;
  width: 59%; }

.boxShareID .lineSep {
  width: 74px;
  height: 1px;
  background-color: #636362;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  margin-top: 19px; }

.boxShareID .description {
  text-align: center;
  position: relative;
  margin-bottom: 98px;
  line-height: 23px;
  margin-top: 21px;
  max-width: 440px;
  font-family: Arial, Verdana, Segoe, sans-serif;
  font-size: 14px;
  color: #858585; }

.feedbackPid .lineInp .inp {
  margin-bottom: 22px; }

.floatBox.left .wrap {
  max-width: 453px;
  padding-top: 88px;
  position: relative; }

.iputHolder {
  position: relative;
  padding-top: 100px; }

.lineInp {
  position: relative; }

.lineInp .inp {
  position: relative;
  float: left;
  width: 240px;
  margin-right: 14px;
  margin-bottom: 17px; }

.lineInp .inp.last {
  margin-right: 0; }

.lineInp .inp .input {
  background-color: #F9F9F7;
  border: 1px solid #DDDCDC;
  height: 48px;
  -webkit-box-sizing: border-box;
  -khtml-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 4%;
  padding-right: 4%;
  position: relative;
  overflow: hidden; }

.lineInp .inp .input.missing {
  border-color: #92C849 !important; }

.lineInp .inp input {
  background-color: transparent;
  border: none;
  padding-top: 16px;
  width: -moz-calc(100% - 0px);
  width: -webkit-calc(100% - 0px);
  width: -o-calc(100% - 0px);
  width: calc(100% - 0px);
  font-family: futura_bk_btbook;
  font-size: 14px;
  color: #AFAFAD; }

.lineInp .inp .lbl {
  display: inline-block;
  width: auto;
  position: relative;
  padding-bottom: 5px;
  padding-right: 9px;
  font-family: futura_bk_btbook;
  font-size: 14px;
  color: #303030; }

.lineInp .inp .req {
  color: #8BC53E;
  position: absolute;
  font-size: 19px;
  top: 2px;
  right: -7px; }

.wrapGeneral.boxShareID {
  max-width: 1276px; }

.mobNbCss .inLbl {
  margin-top: 16px;
  float: left;
  position: relative;
  width: 49px;
  margin-top: 18px;
  font-family: futura_bk_btbook;
  font-size: 14px;
  color: #AFAFAD; }

.mobNbCss .sep {
  float: left;
  position: relative;
  width: 1px;
  height: 28px;
  background-color: #D7D7D7;
  margin-top: 9px; }

.lineInp .inp.mobNbCss input {
  position: absolute;
  top: 18px;
  left: 83px;
  width: -moz-calc(100% - 93px);
  width: -webkit-calc(100% - 93px);
  width: -o-calc(100% - 93px);
  width: calc(100% - 93px);
  padding-top: 0; }

.lineSeperator {
  height: 1px;
  width: 100%;
  background-color: #E4E3E3;
  margin-top: 5px;
  position: relative;
  margin-bottom: 22px; }

.lineInp .inp.selec select {
  background-color: transparent;
  border: none;
  cursor: pointer;
  height: 16px;
  width: 100%;
  padding-left: 2%;
  font-family: futura_bk_btbook;
  font-size: 14px;
  color: #AFAFAD; }

.lineInp .inp.selec .input {
  padding-left: 0;
  padding-right: 0;
  padding-top: 14px; }

.lineInp .inp.selec .arrow {
  pointer-events: none;
  position: absolute;
  right: 20px;
  top: 13px;
  font-size: 22px;
  color: #666666; }

.feedBackSelectWrap {
  position: relative; }

.dineInput {
  margin-bottom: 17px;
  cursor: pointer;
  border: 1px solid #D8D8D8;
  width: 140px;
  height: 48px;
  -webkit-box-sizing: border-box;
  -khtml-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  float: left;
  background-color: #FAFAF8;
  margin-right: 22px; }

.dineInput .label {
  width: 91px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border-right: 1px solid #D8D8D8;
  background-color: transparent;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition: color 0.3s ease, background-color 0.3s ease;
  -moz-transition: color 0.3s ease, background-color 0.3s ease;
  -ms-transition: color 0.3s ease, background-color 0.3s ease;
  -o-transition: color 0.3s ease, background-color 0.3s ease;
  font-family: futura_bk_btbook;
  font-size: 14px;
  color: #FEFEFE; }

.dineInput .juste .fa {
  color: transparent; }

.dineInput.selected .juste .fa {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition: color 0.3s ease;
  -khtml-transition: color 0.3s ease;
  -moz-transition: color 0.3s ease;
  -ms-transition: color 0.3s ease;
  -o-transition: color 0.3s ease;
  transition: color 0.3s ease;
  color: #8BC53E; }

.dineInput .juste {
  width: 46px;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0; }

.dineInput.selected .label {
  background-color: #92C849; }

.dineInput .label .cell {
  color: #AFAFAD; }

.dineInput.selected .label .cell {
  color: #FEFEFE; }

.lblSelect {
  width: 144px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0; }

.lblSelect .cell {
  font-family: futura_bk_btbook;
  font-size: 14px;
  color: #B7B7B6;
  text-align: left; }

.lblSelect .sepSelect {
  position: absolute;
  right: 0;
  top: 0;
  background-color: #D7D7D7;
  width: 1px;
  height: 100%; }

.lineInp .feedSelectCss {
  width: 332px; }

.feedSelectCss .text {
  width: 114px;
  height: 11px; }

.lineInp .inp select option {
  background-color: #FAFAF8;
  padding-top: 3px;
  padding-bottom: 3px;
  display: block;
  border-bottom: 1px solid #D8D8D8;
  height: 20px;
  padding-left: 2%; }

.lineInp .feedSelectCss.selec select {
  position: absolute;
  left: 144px;
  padding-top: 0;
  top: 16px;
  padding-left: 10px;
  height: 16px;
  width: -moz-calc(100% - 144px);
  width: -webkit-calc(100% - 144px);
  width: -o-calc(100% - 144px);
  width: calc(100% - 144px); }

.lineInp .inp.feedSelectCss .arrow {
  color: #B0B0AF; }

.feedSelectCss.selected .text {
  color: #2F2F2F; }

.lineInp .inp.feedSelectCss.selected .arrow {
  color: #666666; }

.inp.textarea {
  float: none;
  position: relative;
  width: 100%; }

.inp.textarea .input {
  height: 88px;
  padding-left: 1%;
  padding-right: 1%; }

.inp.textarea textarea {
  background-color: transparent;
  border: none;
  position: relative;
  width: 100%;
  margin-top: 5px;
  height: 78px;
  overflow: auto;
  display: block;
  margin-bottom: 6px;
  margin-top: 7px;
  font-family: futura_bk_btbook;
  font-size: 14px;
  color: #B7B7B6; }

.btnGeneral {
  cursor: pointer;
  width: 222px;
  height: 54px;
  position: relative; }

.btnGeneral .txt {
  font-family: futura_bk_btbook;
  font-size: 18px;
  color: #F8F2F1; }

.thankWrap {
  display: none;
  padding-top: 100px;
  min-height: 263px;
  position: relative;
  width: 100%;
  padding-bottom: 22px; }

.thankWrap .thankMessage {
  position: relative; }

.thankWrap .line {
  height: 1px;
  width: 100%;
  background-color: #CFCECD;
  position: relative; }

.thankWrap .closeBtn {
  margin-top: 57px;
  width: 63px;
  height: 63px;
  border: 2px solid #4F4F4B;
  -webkit-border-radius: 100%;
  -khtml-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%;
  display: block;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  cursor: pointer; }

.thankWrap .closeBtn .txt_close {
  background-image: url(../images/sprite.png);
  background-position: -720px -20px;
  background-repeat: no-repeat;
  -moz-background-size: initial;
  -webkit-background-size: initial;
  background-size: initial; }

.thankWrap .thanksMSg {
  padding-bottom: 65px;
  width: 100%;
  text-align: center;
  position: relative;
  text-transform: uppercase;
  font-family: futura_bk_btbook;
  font-size: 21px;
  color: #000000; }

.thankWrap .thankText {
  position: relative;
  width: 192px;
  height: 52px;
  background-image: url(../images/sprite.png);
  background-position: -490px -1590px;
  background-repeat: no-repeat;
  -moz-background-size: initial;
  -webkit-background-size: initial;
  background-size: initial;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
  margin-bottom: 5px; }

.loader {
  background-image: url(../images/loader.gif);
  position: absolute;
  width: 16px;
  height: 16px;
  right: -20px;
  top: 20px;
  display: none; }

.btmMapBtns,
.btmIn {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 96px; }

.btmMapBtnsWrap,
.btmWrap {
  width: 100%;
  max-width: 1151px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  height: 96px;
  z-index: 3; }

.locationBox {
  float: left;
  position: relative;
  height: 96px;
  width: 628px;
  background-color: #333230; }

.coverageModu {
  background-color: #333230;
  position: relative;
  width: 100%;
  height: 100%; }

.reachLocations {
  position: absolute;
  width: 100%;
  height: auto;
  bottom: 0;
  left: 0; }

.reachLocations .over {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 0;
  background-color: #333230;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition: height 0.5s cubic-bezier(0.21, 0.48, 0.84, 0.49);
  -khtml-transition: height 0.5s cubic-bezier(0.21, 0.48, 0.84, 0.49);
  -moz-transition: height 0.5s cubic-bezier(0.21, 0.48, 0.84, 0.49);
  -ms-transition: height 0.5s cubic-bezier(0.21, 0.48, 0.84, 0.49);
  -o-transition: height 0.5s cubic-bezier(0.21, 0.48, 0.84, 0.49);
  transition: height 0.5s cubic-bezier(0.21, 0.48, 0.84, 0.49); }

.reachLocations .item {
  min-height: 77px;
  margin-bottom: 26px;
  width: 100%;
  max-width: 520px;
  margin-right: 88px;
  cursor: pointer; }

.reachLocations .item:nth-child(2n) .sep {
  display: none; }

.reachLocations .item:nth-child(2n) {
  margin-right: 0%;
  max-width: 440px; }

.wrpLocations {
  position: relative;
  width: 100%;
  padding-top: 59px;
  padding-left: 34px;
  height: 565px;
  height: 100%;
  -webkit-box-sizing: border-box;
  -khtml-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box; }

.reachLocations.open .over {
  height: 605px;
  -webkit-box-shadow: 0px -5px 15px rgba(0, 0, 0, 0.75);
  -khtml-box-shadow: 0px -5px 15px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0px -5px 15px rgba(0, 0, 0, 0.75);
  -ms-box-shadow: 0px -5px 15px rgba(0, 0, 0, 0.75);
  -o-box-shadow: 0px -5px 15px rgba(0, 0, 0, 0.75);
  box-shadow: 0px -5px 15px rgba(0, 0, 0, 0.75); }

.reachLocations .locAddress {
  margin-left: 0px;
  padding-left: 0px;
  margin-right: 0;
  width: 218px; }

.closeWrap {
  position: absolute;
  top: -99px;
  left: 0;
  width: 100%;
  height: 63px;
  display: none; }

.reachLocations .closeBtn {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  text-decoration: none;
  border: 2px solid #fff;
  width: 64px;
  height: 63px;
  cursor: pointer;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-border-radius: 100%;
  -khtml-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%;
  -webkit-transition: border-color 0.3s ease;
  -khtml-transition: border-color 0.3s ease;
  -moz-transition: border-color 0.3s ease;
  -ms-transition: border-color 0.3s ease;
  -o-transition: border-color 0.3s ease;
  transition: border-color 0.3s ease; }

.reachLocations.open .closeWrap {
  display: block; }

.reachLocations .locationBox .sep {
  position: absolute;
  right: 0;
  top: 0;
  height: 77px;
  float: none; }

.reachLocations .telEmail {
  width: 218px; }

.closeWeBeleiveDets {
  display: none; }

.buttonBox {
  width: 281px;
  float: right;
  position: relative;
  background-color: #333230;
  height: 100%;
  -webkit-box-sizing: border-box;
  -khtml-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box; }

.locAddress {
  position: relative;
  float: left;
  margin-right: 14px;
  padding-left: 37px;
  margin-left: 20px;
  margin-top: 26px;
  width: 320px;
  -webkit-box-sizing: border-box;
  -khtml-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box; }

.locAddress .fa-map-marker {
  color: #8FC645;
  font-size: 55px;
  position: absolute;
  top: 0;
  left: 0; }

.locAddress .icon {
  position: absolute;
  top: 0;
  left: 0;
  width: 27px;
  height: 35px; }
  .locAddress .icon .double {
    width: 54px;
    height: 70px;
    background-image: url(../images/sprite.png);
    background-position: -640px -2930px;
    background-repeat: no-repeat;
    -moz-background-size: initial;
    -webkit-background-size: initial;
    background-size: initial; }

.locAddress .street {
  font-family: futura_bk_btbook;
  font-size: 15px;
  color: #F8F2F1;
  padding-top: 3px;
  text-overflow: ellipsis;
  overflow: hidden;
  width: 179px;
  white-space: nowrap; }
  .locAddress .street p {
    text-overflow: ellipsis;
    overflow: hidden;
    width: 179px;
    white-space: nowrap; }

.locAddress .street.noaddressName {
  padding-top: 20px; }

.locAddress .street.Desc {
  color: #AAAAAA;
  padding-top: 0;
  margin-top: 7px; }

.telEmail {
  position: relative;
  float: left;
  width: 262px;
  padding-top: 29px;
  -webkit-box-sizing: border-box;
  -khtml-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box; }

.locationBox .sep {
  float: left;
  position: relative;
  width: 2px;
  height: 100%;
  background-color: #222222; }

.telEmail .lineType {
  position: relative;
  min-height: 20px; }

.telEmail .lineType .type {
  position: absolute;
  left: 0;
  top: 0;
  text-transform: uppercase;
  font-family: futura_bk_btbook;
  font-size: 15px;
  color: #8EC645; }

.telEmail .lineType .value a {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition: color 0.3s ease;
  -khtml-transition: color 0.3s ease;
  -moz-transition: color 0.3s ease;
  -ms-transition: color 0.3s ease;
  -o-transition: color 0.3s ease;
  transition: color 0.3s ease;
  text-decoration: none;
  display: block;
  font-family: futura_bk_btbook;
  font-size: 15px;
  color: #F8F2F1; }

.telEmail .lineType .value {
  padding-bottom: 6px;
  padding-left: 61px;
  font-family: futura_bk_btbook;
  font-size: 15px;
  color: #F8F2F1; }

.btmMapBtns .navigation {
  position: relative;
  float: left;
  padding-top: 31px;
  padding-left: 19px;
  height: 96px;
  width: 201px;
  background-color: #333230;
  -webkit-box-sizing: border-box;
  -khtml-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box; }

.btmMapBtns .navigation .item {
  cursor: pointer;
  -webkit-border-radius: 100%;
  -khtml-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition: background-color 0.3s linear;
  -khtml-transition: background-color 0.3s linear;
  -moz-transition: background-color 0.3s linear;
  -ms-transition: background-color 0.3s linear;
  -o-transition: background-color 0.3s linear;
  transition: background-color 0.3s linear;
  background-color: #4A4946;
  width: 44px;
  height: 44px;
  position: relative;
  float: left; }

.btmMapBtns .navigation .item.first {
  margin-right: 8px; }

.btmMapBtns .navigation .item.second {
  margin-right: 18px; }

.btmMapBtns .navigation .item.menu {
  border: 2px solid #89BE44;
  -webkit-box-sizing: border-box;
  -khtml-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box; }

.btmMapBtns .navigation .item.menu .arrow {
  color: #89BE44;
  font-size: 18px;
  top: 12px;
  left: -2px;
  font-size: 17px; }

.btmMapBtns .navigation .item .arrow {
  font-size: 35px;
  color: #DDDDDD;
  position: absolute;
  width: 44px;
  text-align: center;
  display: block; }

.btmMapBtns .navigation .item .arrow.fa-angle-right {
  font-size: 37px;
  top: 3px;
  left: 2px; }

.btmMapBtns .navigation .item .arrow.fa-angle-left {
  font-size: 37px;
  top: 3px;
  left: -2px; }

.buttonBox {
  width: 281px;
  padding-top: 21px; }

.addPointer {
  pointer-events: all !important; }

.btnGeneral.covCss {
  width: 235px;
  height: 54px;
  position: relative;
  float: right;
  text-decoration: none;
  display: block;
  margin-left: 17px;
  margin-right: 23px; }

.btnGeneral.fourCss {
  width: 253px;
  height: 54px;
  position: relative;
  float: none;
  text-decoration: none;
  display: block;
  margin-left: auto;
  margin-right: auto; }

.btnGeneral.msgCss {
  width: 159px;
  height: 54px;
  position: relative;
  float: left;
  text-decoration: none;
  display: block; }

.coverageModu .notes .logoSmall {
  margin-left: 51px; }

.coverageModu .notes .logoSmall {
  margin-left: 51px;
  margin-top: 33px; }

.ourDeliveryCov {
  position: relative;
  float: left;
  margin-top: 41px;
  margin-left: 26px;
  font-family: futura_medium_bt;
  font-size: 20px;
  color: #8BC53E; }

.coverageModu .enterWeb {
  top: 20px;
  right: 107px;
  margin-top: 0;
  position: absolute; }

.coverageModu .callUsNb {
  background-image: url(../images/sprite.png);
  background-position: -650px -100px;
  background-repeat: no-repeat;
  -moz-background-size: initial;
  -webkit-background-size: initial;
  background-size: initial;
  top: 25px;
  right: 401px;
  margin-top: 0;
  position: absolute;
  width: 130px;
  height: 46px; }

.logoRep {
  width: 85px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  padding-top: 25px !important; }

.logoRep.notes .logoSmall {
  float: none;
  margin-top: 0;
  margin-left: 0;
  display: block !important; }

.messageUsMod .wrapClose {
  padding-top: 0; }

.messageUsMod .closeBtn {
  display: block; }

.msgUsTxt {
  margin-bottom: 47px;
  margin-top: 46px;
  position: relative;
  width: 100%;
  text-align: center;
  font-family: futura_bk_btbook;
  font-size: 21px;
  color: #ECECEC; }

.messageUsMod {
  width: 100%;
  max-width: 1079px;
  margin-left: auto;
  margin-right: auto; }

.messageUsMod .lineInp .inp .lbl,
.messageUsMod .lineInp .inp .input input,
.messageUsMod .lineInp .inp .input select,
.messageUsMod .lineInp .inp .input textarea {
  color: #CDCDCD; }

.messageUsMod .lineInp .inp .input {
  background-color: transparent;
  border: 1px solid #5F5F5F; }

.bgInpTrans {
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
  /* Netscape */
  -moz-opacity: 0.1;
  /* Safari 1.x */
  -khtml-opacity: 0.1;
  /* Good browsers */
  opacity: 0.1;
  /* Good browsers */
  -webkit-opacity: 0.1;
  /* Good browsers */
  -o-opacity: 0.1; }

.messageUsMod .btnGeneral {
  margin-left: auto;
  margin-right: auto; }

.messageUsMod .iputHolder {
  padding-top: 0px;
  position: relative;
  height: auto; }

.messageUsMod .inp.textarea .input {
  height: 100px; }

.messageUsMod .inp.textarea {
  margin-bottom: 44px; }

.messageUsMod .thankWrap .thankText.thankyouMsg {
  background-image: url(../images/sprite.png);
  background-position: -10px -1870px;
  background-repeat: no-repeat;
  -moz-background-size: initial;
  -webkit-background-size: initial;
  background-size: initial;
  position: relative;
  width: 398px;
  height: 108px;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  margin-top: 121px;
  margin-bottom: 21px; }

.messageUsMod .thankWrap .thanksMSg {
  color: #EBEBEB; }

.messageUsMod .thankWrap {
  position: absolute;
  top: 0px;
  left: 0px;
  padding-top: 0;
  padding-bottom: 0; }

.messageUsMod .thankWrap .closeBtn {
  border: 2px solid #fff;
  margin-top: 45px;
  width: 60px;
  height: 60px; }

.messageUsMod .thankWrap .closeBtn .txt_close {
  background-position: -380px -20px; }

.messageUsMod .lineInp .inp {
  width: 22%;
  margin-right: 4%; }

.messageUsMod .lineInp .inp.last {
  margin-right: 0%; }

.messageUsMod .lineInp .inp.textarea {
  width: 100%; }

.messageUsMod .lineInp .inp.selec .arrow {
  color: #EEEEEE; }

.messageUsPid #wrapper {
  min-height: 820px; }

.twoPics {
  position: relative;
  width: 541px;
  max-height: 270px;
  height: auto;
  margin-top: 79px; }

.twoPics .images {
  position: relative;
  width: 100%;
  height: auto; }

.twoPics .images .image {
  position: relative;
  float: left;
  width: 270px;
  height: auto; }

.twoPics .images .image img {
  position: relative; }

.twoPics .layer {
  position: absolute;
  background-color: #8BC53E;
  width: 100%;
  height: 100%; }

.twoPics .layer.left {
  left: -5px;
  top: -5px; }

.twoPics .layer.right {
  right: -5px;
  bottom: -5px; }

.twoPics .images .image.image2 {
  float: right;
  margin-top: 36px; }

.boxFranchID .floatBox {
  position: relative;
  float: left; }

.boxFranchID .floatBox.left {
  position: relative;
  width: 46%;
  margin-right: 13%; }

.boxFranchID .floatBox.right {
  position: relative;
  width: 40%; }

.textCase {
  padding-top: 78px;
  position: relative; }

.textCase ul {
  list-style: none;
  padding: 0;
  margin: 0; }

.textCase li {
  position: relative;
  font-family: Arial, Verdana, Segoe, sans-serif;
  font-size: 14px;
  color: #858585;
  padding-left: 1em;
  text-indent: -24px;
  line-height: 20px;
  margin-bottom: 10px; }

.textCase li:before {
  font-family: FontAwesome;
  font-size: 9px;
  content: "\f111";
  padding-right: 16px;
  color: #8BC53E;
  /* or whatever color you prefer */ }

.dbLines {
  position: relative;
  width: 100%;
  max-width: 498px;
  height: 8px;
  margin-top: 18px; }

.dbLines .ln {
  position: absolute;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #000000;
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
  /* Netscape */
  -moz-opacity: 0.11;
  /* Safari 1.x */
  -khtml-opacity: 0.11;
  /* Good browsers */
  opacity: 0.11;
  /* Good browsers */
  -webkit-opacity: 0.11;
  /* Good browsers */
  -o-opacity: 0.11; }

.dbLines .top {
  top: 0; }

.dbLines .btm {
  bottom: 0; }

.boxFranchID .smallDesc {
  line-height: 23px;
  margin-top: 14px;
  text-align: center;
  position: relative;
  font-family: futura_bk_btbook;
  font-size: 17px;
  color: #4E4D4B; }

.boxFranchID .smallDesc a {
  padding-top: 13px; }

.boxFranchID .smallDesc a.email {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition: color 0.3s ease;
  -khtml-transition: color 0.3s ease;
  -moz-transition: color 0.3s ease;
  -ms-transition: color 0.3s ease;
  -o-transition: color 0.3s ease;
  transition: color 0.3s ease;
  color: #8BC53E;
  text-decoration: none;
  display: block; }

.boxFranchID .enterWeb {
  margin-top: 18px;
  position: relative; }

.menuHead {
  z-index: 3;
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 53px;
  background-color: #464642; }

.menuHead .logoLike {
  top: 18px;
  position: absolute;
  left: 6px;
  margin: 0;
  background-image: none;
  width: 65px; }

.menuHead .threeDash {
  position: absolute;
  left: 93px;
  top: 20px;
  width: 17px;
  margin: 0;
  padding: 0; }

.menuHead .callus {
  margin: 0;
  right: 10px;
  top: 14px;
  width: 104px;
  height: 32px;
  position: absolute; }

.menuHead .callus img {
  width: 100%; }

.menuHead .sepH {
  width: 1px;
  height: 100%;
  position: absolute;
  right: 122px;
  top: 0;
  background-color: #5F5F5C; }

.pageTitle {
  position: absolute;
  bottom: 0;
  left: 124px;
  height: 45px;
  width: 100px; }

.pageTitle .table,
.pageTitle .table .cell {
  text-align: left;
  width: 100px; }

.pageTitle .text {
  cursor: pointer;
  width: 90px;
  line-height: 17px;
  position: relative;
  font-family: futura_bk_btbook;
  font-size: 13px;
  color: #FFFFFF; }

.anotherCountry {
  width: 181px;
  height: 55px;
  position: absolute;
  right: 0;
  top: 0; }

.anotherCountry .countryName {
  position: relative;
  width: 123px;
  text-align: center;
  padding-top: 11px;
  font-family: futura_bk_btbook;
  font-size: 13px;
  color: #8BC53E;
  font-weight: bold; }

.anotherCountry .countryNb {
  position: relative;
  padding-top: 3px;
  width: 123px;
  text-align: center;
  font-family: futura_bk_btbook;
  font-size: 13px;
  color: #F8F2F1; }

.countChng .countryDropdown {
  right: 200px; }

.reqMsg {
  display: none;
  font-family: futura_bk_btbook;
  font-size: 15px;
  color: #92c849;
  position: relative;
  padding-top: 10px;
  padding-bottom: 10px; }

.part2MenuID .websiteMenu .bg {
  height: 71px; }

.part2MenuID .websiteMenu {
  height: 62px; }

.part2MenuID .submenuWrap {
  top: 62px; }

.feedbackPid .inp.textarea {
  margin-bottom: 23px; }

.feedbackPid .iputHolder {
  padding-top: 111px; }

.feedbackPid .thankText {
  background: none;
  width: 228px;
  text-align: center;
  height: 31px;
  font-family: futura_medium_bt;
  font-size: 39px;
  color: #8BC53E;
  font-weight: 200;
  text-decoration: none; }

.sponsorPid .thankText {
  background: none;
  width: 228px;
  text-align: center;
  height: 31px;
  font-family: futura_medium_bt;
  font-size: 39px;
  color: #8BC53E;
  font-weight: 200;
  text-decoration: none; }

.feedbackTitle {
  height: auto;
  width: auto;
  position: relative;
  padding-top: 24px;
  padding-bottom: 45px; }

.feedbackTitlePart1 {
  height: auto;
  width: auto;
  position: relative;
  text-align: center;
  font-family: futura_medium_bt;
  font-size: 29px;
  color: #464642;
  text-decoration: none; }

.feedbackTitlePart2 {
  height: auto;
  width: auto;
  position: relative;
  text-align: center;
  font-family: futura_medium_bt;
  font-size: 66px;
  color: #8BC53E;
  font-weight: bold;
  text-decoration: none; }

.translateParent {
  position: fixed;
  z-index: 2;
  top: 0px;
  left: 0;
  width: 100%;
  height: 100%; }

.autoHeight {
  height: auto; }

.AboutPid .fixedMenu {
  z-index: 3; }

.AboutPid .mobOnly {
  display: none; }

.mobildeQApic {
  display: none; }

.deliveryPID #wrapper {
  min-height: 1px; }

.websiteMenuWrap .submenu ul li.selected a {
  color: #D5EAB9; }

.bigArrow {
  top: 50%;
  position: absolute;
  height: -moz-calc(100% - 344px);
  height: -webkit-calc(100% - 344px);
  height: -o-calc(100% - 344px);
  height: calc(100% - 344px);
  -webkit-transform: translate3d(0, -50%, 0);
  -moz-transform: translate3d(0, -50%, 0);
  -o-transform: translate3d(0, -50%, 0);
  transform: translate3d(0, -50%, 0);
  width: 408px;
  height: 408px;
  cursor: pointer;
  z-index: 2 !important; }

.bigArrow.left {
  left: 70px; }

.bigArrow.right {
  right: 70px; }

.bigArrow .circle {
  top: 0%;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  font-size: 33px;
  height: auto;
  color: #fff;
  display: block;
  text-decoration: none;
  height: 100%;
  width: 408px;
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
  /* Netscape */
  -moz-opacity: 0;
  /* Safari 1.x */
  -khtml-opacity: 0;
  /* Good browsers */
  opacity: 0;
  /* Good browsers */
  -webkit-opacity: 0;
  /* Good browsers */
  -o-opacity: 0;
  -webkit-transition: opacity 0.3s ease;
  -khtml-transition: opacity 0.3s ease;
  -moz-transition: opacity 0.3s ease;
  -ms-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease; }

.bigArrow.right .cell {
  text-align: right; }

.bigArrow.left .cell {
  text-align: left; }

.bigArrow .table {
  width: 408px; }

.homeSlide {
  position: relative;
  width: 100%;
  height: auto;
  overflow: hidden; }

.sub_id2 .item {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.sub_id2 .item.anim {
  margin-top: 0px; }

.wrapSectionFixing {
  width: 100%;
  position: absolute;
  top: 50%;
  top: 56%;
  -webkit-transform: translate3d(0, -50%, 0);
  -moz-transform: translate3d(0, -50%, 0);
  -o-transform: translate3d(0, -50%, 0);
  transform: translate3d(0, -50%, 0); }

.wrapSectionFixing.anim {
  -webkit-transition: top 0.3s ease-in-out;
  -khtml-transition: top 0.3s ease-in-out;
  -moz-transition: top 0.3s ease-in-out;
  -ms-transition: top 0.3s ease-in-out;
  -o-transition: top 0.3s ease-in-out;
  transition: top 0.3s ease-in-out; }

.sub_id3.anim .textPart {
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
  /* Netscape */
  -moz-opacity: 1;
  /* Safari 1.x */
  -khtml-opacity: 1;
  /* Good browsers */
  opacity: 1;
  /* Good browsers */
  -webkit-opacity: 1;
  /* Good browsers */
  -o-opacity: 1; }

.sk_garlic {
  top: 50px;
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
  /* Netscape */
  -moz-opacity: 0;
  /* Safari 1.x */
  -khtml-opacity: 0;
  /* Good browsers */
  opacity: 0;
  /* Good browsers */
  -webkit-opacity: 0;
  /* Good browsers */
  -o-opacity: 0;
  left: 23.93333%; }

.pack1.anim .sk_garlic {
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
  /* Netscape */
  -moz-opacity: 1;
  /* Safari 1.x */
  -khtml-opacity: 1;
  /* Good browsers */
  opacity: 1;
  /* Good browsers */
  -webkit-opacity: 1;
  /* Good browsers */
  -o-opacity: 1;
  top: 10.875%; }

.imagePack .image {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition: all 0.3s ease-in-out;
  -khtml-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }

.sk_tomato {
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
  /* Netscape */
  -moz-opacity: 0;
  /* Safari 1.x */
  -khtml-opacity: 0;
  /* Good browsers */
  opacity: 0;
  /* Good browsers */
  -webkit-opacity: 0;
  /* Good browsers */
  -o-opacity: 0;
  top: 10%;
  right: 0px; }

.pack1.anim .sk_tomato {
  top: -5%;
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
  /* Netscape */
  -moz-opacity: 1;
  /* Safari 1.x */
  -khtml-opacity: 1;
  /* Good browsers */
  opacity: 1;
  /* Good browsers */
  -webkit-opacity: 1;
  /* Good browsers */
  -o-opacity: 1; }

.sk_roca {
  right: 7%;
  top: 10%;
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
  /* Netscape */
  -moz-opacity: 1;
  /* Safari 1.x */
  -khtml-opacity: 1;
  /* Good browsers */
  opacity: 1;
  /* Good browsers */
  -webkit-opacity: 1;
  /* Good browsers */
  -o-opacity: 1; }

.pack1.anim .sk_roca {
  top: 19%;
  right: 22%;
  z-index: 99; }

.sk_img2 {
  top: 500px;
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
  /* Netscape */
  -moz-opacity: 0;
  /* Safari 1.x */
  -khtml-opacity: 0;
  /* Good browsers */
  opacity: 0;
  /* Good browsers */
  -webkit-opacity: 0;
  /* Good browsers */
  -o-opacity: 0;
  left: 5.33333%; }

.pack1.anim .sk_img2 {
  top: 12.625%;
  left: -102px;
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
  /* Netscape */
  -moz-opacity: 1;
  /* Safari 1.x */
  -khtml-opacity: 1;
  /* Good browsers */
  opacity: 1;
  /* Good browsers */
  -webkit-opacity: 1;
  /* Good browsers */
  -o-opacity: 1; }

.sk_champ {
  top: 40%;
  left: 131px;
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
  /* Netscape */
  -moz-opacity: 0;
  /* Safari 1.x */
  -khtml-opacity: 0;
  /* Good browsers */
  opacity: 0;
  /* Good browsers */
  -webkit-opacity: 0;
  /* Good browsers */
  -o-opacity: 0;
  -webkit-transform: scale(0);
  -khtml-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  display: none; }

.pack1.anim .sk_champ {
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
  /* Netscape */
  -moz-opacity: 1;
  /* Safari 1.x */
  -khtml-opacity: 1;
  /* Good browsers */
  opacity: 1;
  /* Good browsers */
  -webkit-opacity: 1;
  /* Good browsers */
  -o-opacity: 1;
  -webkit-transform: scale(1);
  -khtml-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  top: 47%; }

.sk_img3 {
  bottom: 8%;
  left: 45.93333%;
  margin-left: -88px;
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
  /* Netscape */
  -moz-opacity: 0;
  /* Safari 1.x */
  -khtml-opacity: 0;
  /* Good browsers */
  opacity: 0;
  /* Good browsers */
  -webkit-opacity: 0;
  /* Good browsers */
  -o-opacity: 0; }

.pack1.anim .sk_img3 {
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
  /* Netscape */
  -moz-opacity: 1;
  /* Safari 1.x */
  -khtml-opacity: 1;
  /* Good browsers */
  opacity: 1;
  /* Good browsers */
  -webkit-opacity: 1;
  /* Good browsers */
  -o-opacity: 1; }

.sk_citron {
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
  /* Netscape */
  -moz-opacity: 0;
  /* Safari 1.x */
  -khtml-opacity: 0;
  /* Good browsers */
  opacity: 0;
  /* Good browsers */
  -webkit-opacity: 0;
  /* Good browsers */
  -o-opacity: 0;
  left: 1%;
  bottom: -20%; }

.pack2.anim .sk_citron {
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
  /* Netscape */
  -moz-opacity: 1;
  /* Safari 1.x */
  -khtml-opacity: 1;
  /* Good browsers */
  opacity: 1;
  /* Good browsers */
  -webkit-opacity: 1;
  /* Good browsers */
  -o-opacity: 1;
  bottom: -7%; }

.pack2.anim2 .sk_citron {
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
  /* Netscape */
  -moz-opacity: 1;
  /* Safari 1.x */
  -khtml-opacity: 1;
  /* Good browsers */
  opacity: 1;
  /* Good browsers */
  -webkit-opacity: 1;
  /* Good browsers */
  -o-opacity: 1;
  bottom: -17%; }

.sk_img4 {
  left: 11%;
  bottom: -120px;
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
  /* Netscape */
  -moz-opacity: 0;
  /* Safari 1.x */
  -khtml-opacity: 0;
  /* Good browsers */
  opacity: 0;
  /* Good browsers */
  -webkit-opacity: 0;
  /* Good browsers */
  -o-opacity: 0; }

.pack2 .sk_img4 {
  left: -36px;
  bottom: -90px; }

.pack2.anim .sk_img4 {
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
  /* Netscape */
  -moz-opacity: 1;
  /* Safari 1.x */
  -khtml-opacity: 1;
  /* Good browsers */
  opacity: 1;
  /* Good browsers */
  -webkit-opacity: 1;
  /* Good browsers */
  -o-opacity: 1; }

.sk_onion1 {
  bottom: -16.25%;
  right: 2%; }

.pack3.anim .sk_onion1 {
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
  /* Netscape */
  -moz-opacity: 1;
  /* Safari 1.x */
  -khtml-opacity: 1;
  /* Good browsers */
  opacity: 1;
  /* Good browsers */
  -webkit-opacity: 1;
  /* Good browsers */
  -o-opacity: 1; }

.sk_leaves {
  left: 9%;
  top: 4%;
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
  /* Netscape */
  -moz-opacity: 1;
  /* Safari 1.x */
  -khtml-opacity: 1;
  /* Good browsers */
  opacity: 1;
  /* Good browsers */
  -webkit-opacity: 1;
  /* Good browsers */
  -o-opacity: 1; }

.sk_Mint_new {
  right: -24px;
  top: 22%;
  z-index: 99; }

.sk_onion {
  bottom: 0%;
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
  /* Netscape */
  -moz-opacity: 0;
  /* Safari 1.x */
  -khtml-opacity: 0;
  /* Good browsers */
  opacity: 0;
  /* Good browsers */
  -webkit-opacity: 0;
  /* Good browsers */
  -o-opacity: 0;
  left: 5.46667%; }

.pack4.anim .sk_onion {
  bottom: -5%;
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
  /* Netscape */
  -moz-opacity: 1;
  /* Safari 1.x */
  -khtml-opacity: 1;
  /* Good browsers */
  opacity: 1;
  /* Good browsers */
  -webkit-opacity: 1;
  /* Good browsers */
  -o-opacity: 1; }

.sk_farine {
  left: 50%;
  bottom: 90px;
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
  /* Netscape */
  -moz-opacity: 0;
  /* Safari 1.x */
  -khtml-opacity: 0;
  /* Good browsers */
  opacity: 0;
  /* Good browsers */
  -webkit-opacity: 0;
  /* Good browsers */
  -o-opacity: 0;
  z-index: -2;
  bottom: 11%;
  left: 47.46667%; }

.pack4.anim .sk_farine {
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
  /* Netscape */
  -moz-opacity: 1;
  /* Safari 1.x */
  -khtml-opacity: 1;
  /* Good browsers */
  opacity: 1;
  /* Good browsers */
  -webkit-opacity: 1;
  /* Good browsers */
  -o-opacity: 1; }

.sk_pepper {
  bottom: -20%;
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
  /* Netscape */
  -moz-opacity: 0;
  /* Safari 1.x */
  -khtml-opacity: 0;
  /* Good browsers */
  opacity: 0;
  /* Good browsers */
  -webkit-opacity: 0;
  /* Good browsers */
  -o-opacity: 0;
  right: 2%; }

.pack4.anim .sk_pepper {
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
  /* Netscape */
  -moz-opacity: 1;
  /* Safari 1.x */
  -khtml-opacity: 1;
  /* Good browsers */
  opacity: 1;
  /* Good browsers */
  -webkit-opacity: 1;
  /* Good browsers */
  -o-opacity: 1;
  bottom: 0; }

.sk_miel {
  bottom: -13%;
  left: 50%; }

.pack5.anim .sk_miel {
  bottom: 27.5%;
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
  /* Netscape */
  -moz-opacity: 1;
  /* Safari 1.x */
  -khtml-opacity: 1;
  /* Good browsers */
  opacity: 1;
  /* Good browsers */
  -webkit-opacity: 1;
  /* Good browsers */
  -o-opacity: 1; }

.sk_feuille {
  right: 50%;
  top: -20%;
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
  /* Netscape */
  -moz-opacity: 1;
  /* Safari 1.x */
  -khtml-opacity: 1;
  /* Good browsers */
  opacity: 1;
  /* Good browsers */
  -webkit-opacity: 1;
  /* Good browsers */
  -o-opacity: 1;
  width: 140px; }

.pack5.anim .sk_feuille {
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
  /* Netscape */
  -moz-opacity: 1;
  /* Safari 1.x */
  -khtml-opacity: 1;
  /* Good browsers */
  opacity: 1;
  /* Good browsers */
  -webkit-opacity: 1;
  /* Good browsers */
  -o-opacity: 1; }

.sk_mint2 {
  top: 0%;
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
  /* Netscape */
  -moz-opacity: 0;
  /* Safari 1.x */
  -khtml-opacity: 0;
  /* Good browsers */
  opacity: 0;
  /* Good browsers */
  -webkit-opacity: 0;
  /* Good browsers */
  -o-opacity: 0;
  left: 50%; }

.pack5.anim .sk_mint2 {
  top: 10%;
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
  /* Netscape */
  -moz-opacity: 1;
  /* Safari 1.x */
  -khtml-opacity: 1;
  /* Good browsers */
  opacity: 1;
  /* Good browsers */
  -webkit-opacity: 1;
  /* Good browsers */
  -o-opacity: 1; }

.sk_tomatoCut {
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
  /* Netscape */
  -moz-opacity: 0;
  /* Safari 1.x */
  -khtml-opacity: 0;
  /* Good browsers */
  opacity: 0;
  /* Good browsers */
  -webkit-opacity: 0;
  /* Good browsers */
  -o-opacity: 0;
  bottom: -1%;
  right: 11.66667%; }

.pack5.anim .sk_tomatoCut {
  bottom: 20%;
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
  /* Netscape */
  -moz-opacity: 1;
  /* Safari 1.x */
  -khtml-opacity: 1;
  /* Good browsers */
  opacity: 1;
  /* Good browsers */
  -webkit-opacity: 1;
  /* Good browsers */
  -o-opacity: 1; }

.sk_threTomatos {
  top: 53.75%;
  left: 58%;
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
  /* Netscape */
  -moz-opacity: 0;
  /* Safari 1.x */
  -khtml-opacity: 0;
  /* Good browsers */
  opacity: 0;
  /* Good browsers */
  -webkit-opacity: 0;
  /* Good browsers */
  -o-opacity: 0; }

.pack6.anim .sk_threTomatos {
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
  /* Netscape */
  -moz-opacity: 1;
  /* Safari 1.x */
  -khtml-opacity: 1;
  /* Good browsers */
  opacity: 1;
  /* Good browsers */
  -webkit-opacity: 1;
  /* Good browsers */
  -o-opacity: 1; }

.sk_olive {
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
  /* Netscape */
  -moz-opacity: 0;
  /* Safari 1.x */
  -khtml-opacity: 0;
  /* Good browsers */
  opacity: 0;
  /* Good browsers */
  -webkit-opacity: 0;
  /* Good browsers */
  -o-opacity: 0;
  bottom: 2.5%;
  right: 8.66667%; }

.pack6.anim .sk_olive {
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
  /* Netscape */
  -moz-opacity: 1;
  /* Safari 1.x */
  -khtml-opacity: 1;
  /* Good browsers */
  opacity: 1;
  /* Good browsers */
  -webkit-opacity: 1;
  /* Good browsers */
  -o-opacity: 1; }

.sk_rocaSmall {
  top: 0;
  left: 43.73333%; }

.pack6.anim .sk_rocaSmall {
  top: 25.75%; }

.sk_champ2 {
  top: -20%;
  left: -5%;
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
  /* Netscape */
  -moz-opacity: 1;
  /* Safari 1.x */
  -khtml-opacity: 1;
  /* Good browsers */
  opacity: 1;
  /* Good browsers */
  -webkit-opacity: 1;
  /* Good browsers */
  -o-opacity: 1; }

.pack6.anim .sk_champ2 {
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
  /* Netscape */
  -moz-opacity: 1;
  /* Safari 1.x */
  -khtml-opacity: 1;
  /* Good browsers */
  opacity: 1;
  /* Good browsers */
  -webkit-opacity: 1;
  /* Good browsers */
  -o-opacity: 1; }

.miniSection .since .yearSadow {
  top: 0px;
  left: 0px;
  position: absolute;
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
  /* Netscape */
  -moz-opacity: 0.09;
  /* Safari 1.x */
  -khtml-opacity: 0.09;
  /* Good browsers */
  opacity: 0.09;
  /* Good browsers */
  -webkit-opacity: 0.09;
  /* Good browsers */
  -o-opacity: 0.09;
  -webkit-transition: all 0.3s ease-in-out;
  -khtml-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  font-family: futura_medium_bt;
  font-size: 160px;
  color: #96D347;
  text-decoration: none; }

.subMini4 {
  z-index: 3; }

.subMini4.anim .yearSadow {
  top: 7px;
  left: 7px; }

.miniSection .sk_pizza {
  position: absolute;
  left: -10%;
  bottom: 6.625%;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition: opacity 0.3s ease-in-out;
  -khtml-transition: opacity 0.3s ease-in-out;
  -moz-transition: opacity 0.3s ease-in-out;
  -ms-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
  /* Netscape */
  -moz-opacity: 0.2;
  /* Safari 1.x */
  -khtml-opacity: 0.2;
  /* Good browsers */
  opacity: 0.2;
  /* Good browsers */
  -webkit-opacity: 0.2;
  /* Good browsers */
  -o-opacity: 0.2; }

.miniSection .sk_Potato {
  position: absolute;
  right: -15px;
  bottom: 68%; }

.miniSection .sk_Lettuce_new {
  position: absolute;
  left: 37.5%;
  bottom: 50%; }

.subMini4.anim .sk_pizza {
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
  /* Netscape */
  -moz-opacity: 1;
  /* Safari 1.x */
  -khtml-opacity: 1;
  /* Good browsers */
  opacity: 1;
  /* Good browsers */
  -webkit-opacity: 1;
  /* Good browsers */
  -o-opacity: 1; }

.sub_id5 .wrapToday .text {
  font-family: futura_medium_bt;
  font-size: 25px;
  color: #FFFFFF;
  position: relative;
  width: 100%;
  text-align: center;
  margin-bottom: 15px;
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
  /* Netscape */
  -moz-opacity: 0;
  /* Safari 1.x */
  -khtml-opacity: 0;
  /* Good browsers */
  opacity: 0;
  /* Good browsers */
  -webkit-opacity: 0;
  /* Good browsers */
  -o-opacity: 0;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition: opacity 0.3s ease-in-out;
  -khtml-transition: opacity 0.3s ease-in-out;
  -moz-transition: opacity 0.3s ease-in-out;
  -ms-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out; }

.sub_id5 .wrapToday {
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
  /* Netscape */
  -moz-opacity: 0;
  /* Safari 1.x */
  -khtml-opacity: 0;
  /* Good browsers */
  opacity: 0;
  /* Good browsers */
  -webkit-opacity: 0;
  /* Good browsers */
  -o-opacity: 0;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition: opacity 0.3s ease-in-out;
  -khtml-transition: opacity 0.3s ease-in-out;
  -moz-transition: opacity 0.3s ease-in-out;
  -ms-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out; }

.sk_today {
  width: 100%;
  max-width: 950px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
  /* Netscape */
  -moz-opacity: 0;
  /* Safari 1.x */
  -khtml-opacity: 0;
  /* Good browsers */
  opacity: 0;
  /* Good browsers */
  -webkit-opacity: 0;
  /* Good browsers */
  -o-opacity: 0;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition: opacity 0.3s ease-in-out;
  -khtml-transition: opacity 0.3s ease-in-out;
  -moz-transition: opacity 0.3s ease-in-out;
  -ms-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out; }

.sub_id5.anim .wrapToday {
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
  /* Netscape */
  -moz-opacity: 1;
  /* Safari 1.x */
  -khtml-opacity: 1;
  /* Good browsers */
  opacity: 1;
  /* Good browsers */
  -webkit-opacity: 1;
  /* Good browsers */
  -o-opacity: 1; }

.sub_id5.anim .wrapToday .text {
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
  /* Netscape */
  -moz-opacity: 1;
  /* Safari 1.x */
  -khtml-opacity: 1;
  /* Good browsers */
  opacity: 1;
  /* Good browsers */
  -webkit-opacity: 1;
  /* Good browsers */
  -o-opacity: 1; }

.sub_id5.anim .wrapToday .sk_today {
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
  /* Netscape */
  -moz-opacity: 1;
  /* Safari 1.x */
  -khtml-opacity: 1;
  /* Good browsers */
  opacity: 1;
  /* Good browsers */
  -webkit-opacity: 1;
  /* Good browsers */
  -o-opacity: 1; }

.reserve {
  position: relative;
  width: 100%;
  display: none; }

.sub_id5 {
  position: relative; }

.sub_id5.anim .miniSection {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%; }

#wrapper .giveOp {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
  /* Netscape */
  -moz-opacity: 1;
  /* Safari 1.x */
  -khtml-opacity: 1;
  /* Good browsers */
  opacity: 1;
  /* Good browsers */
  -webkit-opacity: 1;
  /* Good browsers */
  -o-opacity: 1;
  -webkit-transition: opacity 0.3s ease-in-out;
  -khtml-transition: opacity 0.3s ease-in-out;
  -moz-transition: opacity 0.3s ease-in-out;
  -ms-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out; }

#wrapper .lessOp2 {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
  /* Netscape */
  -moz-opacity: 0.2;
  /* Safari 1.x */
  -khtml-opacity: 0.2;
  /* Good browsers */
  opacity: 0.2;
  /* Good browsers */
  -webkit-opacity: 0.2;
  /* Good browsers */
  -o-opacity: 0.2;
  -webkit-transition: opacity 0.3s ease-in-out;
  -khtml-transition: opacity 0.3s ease-in-out;
  -moz-transition: opacity 0.3s ease-in-out;
  -ms-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out; }

#wrapper .lessOp1 {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
  /* Netscape */
  -moz-opacity: 0.6;
  /* Safari 1.x */
  -khtml-opacity: 0.6;
  /* Good browsers */
  opacity: 0.6;
  /* Good browsers */
  -webkit-opacity: 0.6;
  /* Good browsers */
  -o-opacity: 0.6;
  -webkit-transition: opacity 0.3s ease-in-out;
  -khtml-transition: opacity 0.3s ease-in-out;
  -moz-transition: opacity 0.3s ease-in-out;
  -ms-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out; }

#wrapper .removeOp {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
  /* Netscape */
  -moz-opacity: 0;
  /* Safari 1.x */
  -khtml-opacity: 0;
  /* Good browsers */
  opacity: 0;
  /* Good browsers */
  -webkit-opacity: 0;
  /* Good browsers */
  -o-opacity: 0;
  -webkit-transition: opacity 0.3s ease-in-out;
  -khtml-transition: opacity 0.3s ease-in-out;
  -moz-transition: opacity 0.3s ease-in-out;
  -ms-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out; }

.fullLink {
  position: absolute !important;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block; }

.bykoeinWrap {
  position: absolute;
  bottom: 10px;
  width: 72px;
  left: 10px;
  height: 16px;
  z-index: 8;
  text-decoration: none; }

.fullDiv {
  position: absolute !important;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block; }

.bykoeinWrap .fullDiv {
  top: auto;
  bottom: 0;
  height: 33px; }

.bykoeinWrap .pic {
  position: absolute;
  top: -1px;
  left: 17px;
  width: 40px; }

.bykoeinWrap .text {
  position: relative;
  font-family: futura_bk_btbook;
  font-size: 14px;
  color: #676664; }

.MenuPid .bykoeinWrap .text {
  color: #fff; }

.darkMode {
  display: block; }

.lightMode {
  display: none; }

.lightM .bykoeinWrap .darkMode {
  display: none; }

.lightM .bykoeinWrap .lightMode {
  display: block; }

.lightM .bykoeinWrap .text {
  color: #fff; }

.radialSlie3 .lightMode {
  display: none !important; }

.radialSlie3 .darkMode {
  display: block !important; }

.radialSlie3 .bykoeinWrap .text {
  color: #676664 !important; }

.messageUsPid .bykoeinWrap {
  bottom: 20px;
  left: 20px; }

.messageUsPid .thankyouMsg {
  background: none !important;
  text-align: center;
  height: auto !important;
  font-family: futura_medium_bt;
  font-size: 39px;
  color: #8BC53E;
  font-weight: bold;
  margin-bottom: 10px !important; }

.franchiseTitle {
  height: auto;
  width: auto;
  position: relative;
  padding-top: 63px; }

.franchiseTitle1 {
  height: auto;
  width: auto;
  position: relative;
  font-family: futura_medium_bt;
  font-size: 29px;
  color: #464642;
  font-weight: bold;
  text-align: center; }

.franchiseTitle2 {
  height: auto;
  width: auto;
  position: relative;
  text-align: center;
  font-family: futura_medium_bt;
  font-size: 66px;
  color: #8BC53E;
  font-weight: bold; }

img {
  border: 0; }

.arrowGreen .hover {
  width: 100%;
  position: absolute;
  bottom: 0px;
  height: 430px; }

.safari .countryDropdown .countries .country {
  padding-bottom: 13px; }

.careerSMID {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.safari .careerSMID .linkMenuLike {
  padding-top: 0px; }

.enterWeb .bgButton.bot {
  background-position: -307px -2450px; }

.enterWeb .bgButton.top {
  background-position: -6px -92px; }

.oneBtn .btmMapBtns .navigation {
  float: right; }
.oneBtn .locationBox {
  width: -moz-calc(100% - 394px);
  width: -webkit-calc(100% - 394px);
  width: -o-calc(100% - 394px);
  width: calc(100% - 394px); }
.oneBtn .buttonBox {
  float: right;
  padding-right: 13px;
  width: auto; }
.oneBtn .locAddress {
  width: -moz-calc(50% - 23px);
  width: -webkit-calc(50% - 23px);
  width: -o-calc(50% - 23px);
  width: calc(50% - 23px);
  margin-right: 0px; }
.oneBtn .telEmail {
  width: -moz-calc(50% - 23px);
  width: -webkit-calc(50% - 23px);
  width: -o-calc(50% - 23px);
  width: calc(50% - 23px); }

.fixReservation {
  position: relative;
  height: 62px;
  width: 100%; }

.homePid .socials {
  position: fixed;
  -webkit-transition: opacity 0.5s ease;
  -khtml-transition: opacity 0.5s ease;
  -moz-transition: opacity 0.5s ease;
  -ms-transition: opacity 0.5s ease;
  -o-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
  height: auto;
  top: 50%; }

.homePart2 .socials {
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
  /* Netscape */
  -moz-opacity: 0;
  /* Safari 1.x */
  -khtml-opacity: 0;
  /* Good browsers */
  opacity: 0;
  /* Good browsers */
  -webkit-opacity: 0;
  /* Good browsers */
  -o-opacity: 0; }

.normalBtn {
  width: 162px;
  height: 36px;
  position: relative;
  line-height: 36px;
  background-color: #8BC53E;
  text-align: center;
  cursor: pointer;
  -webkit-transition: background-color 0.3s ease-in-out;
  -khtml-transition: background-color 0.3s ease-in-out;
  -moz-transition: background-color 0.3s ease-in-out;
  -ms-transition: background-color 0.3s ease-in-out;
  -o-transition: background-color 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out; }
  .normalBtn span {
    font-family: futura_bk_btbook;
    font-size: 14px;
    color: #fff;
    margin-left: 4px; }
  .normalBtn .fa {
    color: #fff;
    font-size: 15px; }

.locationBoxHiddenID {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 1px; }

.locationBloc {
  position: relative;
  width: 100%; }

.locationPanel {
  margin-bottom: 20px;
  position: relative; }

.sponsorPid .lineInp .inp .input {
  border: 1px solid #D7D7D7; }
.sponsorPid .lineInp .inp.selec select,
.sponsorPid .lineInp .inp.selec select option,
.sponsorPid .lineInp .inp textarea,
.sponsorPid .lineInp .inp input,
.sponsorPid .lineInp .sponsSelectCss.selec select,
.sponsorPid .lineInp .sponsSelectCss.selec select option {
  color: #2F2F2F; }
.sponsorPid .boxShareID .description {
  margin-left: auto;
  max-width: 353px;
  margin-right: auto; }
.sponsorPid .btnGeneral {
  margin-bottom: 22px; }
  .sponsorPid .btnGeneral .txt {
    line-height: 56px;
    height: 54px;
    text-align: center;
    position: relative; }
.sponsorPid .normalBtn {
  float: left; }
.sponsorPid .floatBox.left .normal.txtReq {
  max-width: 468px;
  width: 100%; }
.sponsorPid .floatBox.left .normal {
  width: 100%; }
.sponsorPid .infoLoca {
  padding-left: 25px;
  position: relative;
  height: 36px;
  line-height: 33px;
  -webkit-box-sizing: border-box;
  -khtml-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  border: 1px solid transparent;
  background-color: transparent;
  width: -moz-calc(100% - 167px);
  width: -webkit-calc(100% - 167px);
  width: -o-calc(100% - 167px);
  width: calc(100% - 167px); }
  .sponsorPid .infoLoca.missing {
    margin-left: 5px;
    border: 1px solid #8BC53E;
    background-color: #E8F3D8; }
  .sponsorPid .infoLoca span {
    font-family: futura_bk_btbook;
    font-size: 14px;
    color: #666666;
    padding-left: 22px; }
  .sponsorPid .infoLoca .fa {
    color: #666666;
    font-size: 15px;
    margin-right: 8px;
    position: absolute;
    top: 10px;
    left: 25px; }
.sponsorPid .lineInp .sponsSelectCss {
  width: 492px; }
  .sponsorPid .lineInp .sponsSelectCss .input {
    padding-top: 0px !important; }
  .sponsorPid .lineInp .sponsSelectCss .labelWrap {
    position: relative;
    float: left;
    width: 165px;
    height: 100%; }
  .sponsorPid .lineInp .sponsSelectCss .lblSelect {
    text-align: center;
    width: 100%;
    line-height: 46px;
    display: block !important; }
    .sponsorPid .lineInp .sponsSelectCss .lblSelect .text {
      width: 100%;
      font-family: futura_bk_btbook;
      font-size: 14px;
      color: #000000;
      height: 100%;
      line-height: 46px; }
    .sponsorPid .lineInp .sponsSelectCss .lblSelect .req {
      position: relative;
      top: auto;
      right: auto;
      display: inline-block;
      vertical-align: top;
      margin-top: 5px;
      margin-left: 3px; }
  .sponsorPid .lineInp .sponsSelectCss .selectInptWrap {
    width: -moz-calc(100% - 165px);
    width: -webkit-calc(100% - 165px);
    width: -o-calc(100% - 165px);
    width: calc(100% - 165px);
    position: relative;
    float: left;
    height: 100%;
    line-height: 46px; }
  .sponsorPid .lineInp .sponsSelectCss.selec select {
    height: 100%;
    padding-left: 17px;
    height: 30px; }
.sponsorPid .websiteMenu {
  max-width: 1040px; }
.sponsorPid .lineInp select {
  width: 100%; }
.sponsorPid .lineInp .inp.missing .input {
  border-color: #8BC53E; }
  .sponsorPid .lineInp .inp.missing .input .sepSelect {
    background-color: #8BC53E; }
.sponsorPid .lineInp .inp.missing .inp.missingLocDate .input {
  border-color: #8BC53E; }
  .sponsorPid .lineInp .inp.missing .inp.missingLocDate .input .sepSelect {
    background-color: #8BC53E; }
.sponsorPid .lineInp .inp.full {
  float: none;
  width: 100%; }
  .sponsorPid .lineInp .inp.full .input {
    padding-left: 14px;
    padding-right: 14px;
    width: 100%; }
.sponsorPid .threeSelect .input {
  padding: 0 !important; }
.sponsorPid .selectInptWrap {
  width: -moz-calc(100% - 165px);
  width: -webkit-calc(100% - 165px);
  width: -o-calc(100% - 165px);
  width: calc(100% - 165px);
  position: relative; }
  .sponsorPid .selectInptWrap .selectBox {
    position: relative;
    float: left;
    height: 46px;
    width: 33.3333333333333%;
    line-height: 46px; }
    .sponsorPid .selectInptWrap .selectBox .select {
      overflow: hidden;
      position: relative; }
    .sponsorPid .selectInptWrap .selectBox .sepSelect {
      position: absolute;
      right: 0;
      top: 0;
      background-color: #D7D7D7;
      width: 1px;
      height: 100%; }
.sponsorPid .innerLabel .input {
  padding-left: 0 !important;
  padding-right: 0 !important; }
  .sponsorPid .innerLabel .input input {
    padding-top: 0 !important; }
.sponsorPid .innerLabel .labelWrap {
  position: relative;
  float: left;
  width: 165px;
  height: 46px;
  line-height: 46px; }
.sponsorPid .innerLabel .lblSelect {
  text-align: center;
  width: 100%;
  line-height: 46px;
  display: block !important; }
  .sponsorPid .innerLabel .lblSelect .text {
    width: 100%;
    font-family: futura_bk_btbook;
    font-size: 14px;
    color: #000000;
    height: 100%;
    line-height: 46px; }
  .sponsorPid .innerLabel .lblSelect .req {
    position: relative;
    top: auto;
    right: auto;
    display: inline-block;
    vertical-align: top;
    margin-top: 5px;
    margin-left: 3px; }
.sponsorPid .innerLabel .selectInptWrap {
  width: -moz-calc(100% - 165px);
  width: -webkit-calc(100% - 165px);
  width: -o-calc(100% - 165px);
  width: calc(100% - 165px);
  position: relative;
  float: left;
  height: 100%;
  padding-left: 14px;
  -webkit-box-sizing: border-box;
  -khtml-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  line-height: 46px; }
.sponsorPid .inp.textarea textarea {
  margin-top: 16px; }

.uploaderParent .fileinput-button input {
  cursor: pointer !important; }

.uploaderParent .error {
  position: absolute;
  top: 0px;
  left: 0px;
  background-color: #F9F9F7;
  line-height: 46px;
  padding-left: 22px;
  width: -moz-calc(100% - 134px);
  width: -webkit-calc(100% - 134px);
  width: -o-calc(100% - 134px);
  width: calc(100% - 134px);
  font-family: futura_bk_btbook;
  font-size: 14px;
  color: #8BC53E; }
.uploaderParent .preview {
  position: absolute;
  display: none; }
.uploaderParent .table {
  display: block;
  width: 100%; }
.uploaderParent input[type="button" i],
.uploaderParent input[type="submit" i],
.uploaderParent input[type="reset" i],
.uploaderParent input[type="file" i]::-webkit-file-upload-button {
  cursor: pointer !important; }
.uploaderParent .name {
  line-height: 46px;
  padding-left: 5px;
  font-family: futura_bk_btbook;
  font-size: 14px;
  color: #AFAFAD; }
  .uploaderParent .name a {
    font-family: futura_bk_btbook;
    font-size: 14px;
    color: #AFAFAD;
    text-decoration: none; }
.uploaderParent .delete,
.uploaderParent .cancel {
  position: absolute;
  top: 0;
  right: 0px;
  width: 111px;
  height: 100%;
  cursor: pointer;
  z-index: 2; }
  .uploaderParent .delete .btn,
  .uploaderParent .cancel .btn {
    width: 100%;
    height: 100%; }
.uploaderParent .fileinput-button {
  z-index: 2;
  position: absolute;
  right: 0;
  top: 0px;
  height: 100%;
  width: 111px;
  background-color: transparent !important;
  line-height: 46px;
  border: none !important;
  margin: 0 !important;
  padding: 0 !important;
  display: block; }
  .uploaderParent .fileinput-button span {
    pointer-events: none;
    font-family: futura_bk_btbook;
    font-size: 14px;
    color: #666666;
    -webkit-transition: color 0.3s ease-in-out;
    -khtml-transition: color 0.3s ease-in-out;
    -moz-transition: color 0.3s ease-in-out;
    -ms-transition: color 0.3s ease-in-out;
    -o-transition: color 0.3s ease-in-out;
    transition: color 0.3s ease-in-out; }
  .uploaderParent .fileinput-button input {
    position: absolute;
    top: 0;
    left: 0px;
    width: 100%;
    height: 100%; }
  .uploaderParent .fileinput-button .fa {
    pointer-events: none;
    margin-right: 8px;
    color: #666;
    font-size: 15px;
    -webkit-transition: color 0.3s ease-in-out;
    -khtml-transition: color 0.3s ease-in-out;
    -moz-transition: color 0.3s ease-in-out;
    -ms-transition: color 0.3s ease-in-out;
    -o-transition: color 0.3s ease-in-out;
    transition: color 0.3s ease-in-out; }
.uploaderParent .progress {
  position: absolute;
  bottom: 0px;
  height: 5px;
  margin-bottom: 0px;
  left: 0px;
  width: 100%;
  box-shadow: none;
  width: -moz-calc(100% - 111px);
  width: -webkit-calc(100% - 111px);
  width: -o-calc(100% - 111px);
  width: calc(100% - 111px);
  border: none; }
.uploaderParent .template-upload:before {
  content: "Uploading...";
  font-family: futura_bk_btbook;
  font-size: 14px;
  color: #AFAFAD;
  position: absolute;
  top: 13px;
  left: 24px; }
.uploaderParent .sepSelect {
  position: absolute;
  right: 111px;
  top: 0;
  background-color: #D7D7D7;
  width: 1px;
  height: 100%; }
.uploaderParent .btn-danger {
  cursor: pointer;
  background-color: #fff !important;
  border: none !important; }
  .uploaderParent .btn-danger span {
    pointer-events: none;
    font-family: futura_bk_btbook;
    font-size: 14px;
    color: #666666;
    -webkit-transition: color 0.3s ease-in-out;
    -khtml-transition: color 0.3s ease-in-out;
    -moz-transition: color 0.3s ease-in-out;
    -ms-transition: color 0.3s ease-in-out;
    -o-transition: color 0.3s ease-in-out;
    transition: color 0.3s ease-in-out; }
  .uploaderParent .btn-danger input {
    position: absolute;
    top: 0;
    left: 0px;
    width: 100%;
    height: 100%;
    cursor: pointer; }
  .uploaderParent .btn-danger .fa {
    pointer-events: none;
    margin-right: 8px;
    color: #666;
    font-size: 15px;
    -webkit-transition: color 0.3s ease-in-out;
    -khtml-transition: color 0.3s ease-in-out;
    -moz-transition: color 0.3s ease-in-out;
    -ms-transition: color 0.3s ease-in-out;
    -o-transition: color 0.3s ease-in-out;
    transition: color 0.3s ease-in-out; }
.uploaderParent .fade {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 100%;
  height: 100%; }
.uploaderParent .btn-warning {
  cursor: pointer;
  background-color: #fff !important;
  border: none !important;
  font-family: futura_bk_btbook;
  font-size: 14px;
  color: #666666;
  color: #666 !important;
  -webkit-transition: color 0.3s ease-in-out;
  -khtml-transition: color 0.3s ease-in-out;
  -moz-transition: color 0.3s ease-in-out;
  -ms-transition: color 0.3s ease-in-out;
  -o-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out; }

.infoLoca.reqMsg {
  padding-left: 25px;
  position: relative;
  height: 36px;
  line-height: 36px;
  -webkit-box-sizing: border-box;
  -khtml-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid transparent;
  background-color: transparent;
  width: -moz-calc(100% - 175px);
  width: -webkit-calc(100% - 175px);
  width: -o-calc(100% - 175px);
  width: calc(100% - 175px);
  margin-left: 12px;
  padding-left: 13px;
  border: 1px solid #8BC53E;
  background-color: #E8F3D8;
  position: absolute;
  top: 8px;
  left: 240px;
  float: none;
  padding-top: 0;
  width: auto;
  padding-right: 13px; }
  .infoLoca.reqMsg span {
    font-family: futura_bk_btbook;
    font-size: 14px;
    color: #666666;
    padding-left: 34px; }
    .infoLoca.reqMsg span label {
      font-weight: normal; }
  .infoLoca.reqMsg .fa {
    color: #666666;
    font-size: 15px;
    margin-right: 4px; }

.voucherMode .dineWrps {
  position: relative; }
.voucherMode .dineWrp {
  float: left;
  position: relative; }
  .voucherMode .dineWrp .juste {
    width: 47px; }
    .voucherMode .dineWrp .juste .fa {
      font-size: 17px; }
  .voucherMode .dineWrp .dineInput {
    height: 50px;
    margin-right: 12px; }
  .voucherMode .dineWrp .dineInput .label {
    width: 93px; }

.theForms .theForm {
  display: none;
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
  /* Netscape */
  -moz-opacity: 0;
  /* Safari 1.x */
  -khtml-opacity: 0;
  /* Good browsers */
  opacity: 0;
  /* Good browsers */
  -webkit-opacity: 0;
  /* Good browsers */
  -o-opacity: 0;
  -webkit-transition: opacity 0.7s ease-in-out;
  -khtml-transition: opacity 0.7s ease-in-out;
  -moz-transition: opacity 0.7s ease-in-out;
  -ms-transition: opacity 0.7s ease-in-out;
  -o-transition: opacity 0.7s ease-in-out;
  transition: opacity 0.7s ease-in-out; }
  .theForms .theForm.show {
    display: block;
    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
    /* Netscape */
    -moz-opacity: 1;
    /* Safari 1.x */
    -khtml-opacity: 1;
    /* Good browsers */
    opacity: 1;
    /* Good browsers */
    -webkit-opacity: 1;
    /* Good browsers */
    -o-opacity: 1; }

.btnGeneral.submit {
  display: none; }

.showLoader .loader {
  display: block; }

.locationBlocs .locationBloc {
  position: relative;
  margin-top: 48px; }

.defaultVal {
  color: #AFAFAD !important; }
  .defaultVal option:first-child {
    color: #AFAFAD !important; }
  .defaultVal select option[val="1"] {
    color: #AFAFAD !important; }

.detaulLblColor .inLbl {
  color: #2F2F2F !important; }

.uploaderParent .name a {
  color: #2F2F2F; }

.bottom_left {
  display: block !important; }

.sponsorPid .show.menuOpLayer {
  display: none !important; }

.cssColor.defaultVal {
  color: #2F2F2F !important; }

.auto {
  position: relative; }

.ipadClick {
  display: none; }

.enterWeb.btnCss1 {
  width: 275px;
  height: 56px; }
  .enterWeb.btnCss1 .bgButton {
    width: 100%;
    height: 100%;
    background-image: none !important; }
    .enterWeb.btnCss1 .bgButton.bot .double {
      width: 550px;
      height: 112px;
      background-image: url(../images/sprite.png);
      background-position: 0px -3320px;
      background-repeat: no-repeat;
      -moz-background-size: initial;
      -webkit-background-size: initial;
      background-size: initial; }
    .enterWeb.btnCss1 .bgButton.top .double {
      width: 550px;
      height: 112px;
      background-image: url(../images/sprite.png);
      background-position: 0px -3200px;
      background-repeat: no-repeat;
      -moz-background-size: initial;
      -webkit-background-size: initial;
      background-size: initial; }

.linkHolder .arrowGreen {
  margin-top: 3px; }
  .linkHolder .arrowGreen .parentDouble {
    width: 77px;
    height: 57px; }
    .linkHolder .arrowGreen .parentDouble .double {
      width: 153px;
      height: 115px;
      background-image: url(../images/sprite.png);
      background-position: -190px -3050px;
      background-repeat: no-repeat;
      -moz-background-size: initial;
      -webkit-background-size: initial;
      background-size: initial; }

.wrpCountryMod {
  position: absolute;
  top: 200px;
  left: 0px;
  width: 100%;
  height: -moz-calc(100vh - 200px);
  height: -webkit-calc(100vh - 200px);
  height: -o-calc(100vh - 200px);
  height: calc(100vh - 200px);
  -webkit-box-flex: 1;
  -khtml-box-flex: 1;
  -moz-box-flex: 1;
  -ms-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-display: -webkit-box;
  -webkit-display: -webkit-flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center; }

.txt_callUsOn {
  max-width: 275px;
  margin-left: auto;
  margin-right: auto; }

.titleID_ways .txt_palce {
  max-width: 662px;
  margin-left: auto;
  margin-right: auto; }

.overFlowCss {
  position: relative;
  width: 100%; }
  .overFlowCss .dragger {
    position: relative;
    width: 100%;
    padding-right: 17px;
    height: auto; }

.websiteMenuWrap {
  height: 100vh !important; }

body {
  background-color: #464642; }

.ourPeoplePid .content,
.feedbackPid .content,
.sponsorPid .content,
.AboutPid .content {
  background-color: #fff; }

.openenuCss {
  background-color: #464642;
  overflow: hidden;
  position: relative;
  max-height: 100vh !important;
  height: 100vh !important; }
  .openenuCss .content {
    max-height: 100vh !important;
    overflow: hidden;
    height: 100vh !important;
    min-height: 1vh !important; }
  .openenuCss .homeSlideSID,
  .openenuCss .ContentWrap {
    height: auto !important;
    max-height: 100vh !important; }
  .openenuCss .sectionType {
    overflow: visible; }
  .openenuCss #wrapper {
    min-height: 1vh;
    max-height: 100vh; }

.ui-helper-hidden-accessible {
  display: none !important; }

.autoCompleteContainer {
  position: absolute;
  display: block;
  left: 0;
  top: 51px;
  width: 100%; }

.ui-autocomplete {
  max-height: 200px !important;
  width: 100% !important;
  padding-left: 0;
  list-style-type: none;
  padding-bottom: 0px !important;
  padding-top: 16px !important;
  overflow: hidden;
  z-index: 100;
  border: 0px;
  -webkit-border-radius: 0%;
  -khtml-border-radius: 0%;
  -moz-border-radius: 0%;
  -ms-border-radius: 0%;
  -o-border-radius: 0%;
  border-radius: 0%;
  -webkit-box-shadow: 0 5px 13px rgba(0, 0, 0, 0.48);
  -khtml-box-shadow: 0 5px 13px rgba(0, 0, 0, 0.48);
  -moz-box-shadow: 0 5px 13px rgba(0, 0, 0, 0.48);
  -ms-box-shadow: 0 5px 13px rgba(0, 0, 0, 0.48);
  -o-box-shadow: 0 5px 13px rgba(0, 0, 0, 0.48);
  box-shadow: 0 5px 13px rgba(0, 0, 0, 0.48); }

.ui-helper-hidden-accessible {
  display: none; }

.ui-autocomplete:after {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  background-color: #000;
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
  /* Netscape */
  -moz-opacity: 0.92;
  /* Safari 1.x */
  -khtml-opacity: 0.92;
  /* Good browsers */
  opacity: 0.92;
  /* Good browsers */
  -webkit-opacity: 0.92;
  /* Good browsers */
  -o-opacity: 0.92; }

.ui-autocomplete .ui-menu-item {
  -webkit-box-flex: 1;
  -khtml-box-flex: 1;
  -moz-box-flex: 1;
  -ms-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-display: -webkit-box;
  -webkit-display: -webkit-flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  align-items: center;
  justify-content: flex-start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: flex-start;
  text-align: left;
  cursor: pointer;
  position: relative; }

.ui-widget-content a {
  padding-left: 22px;
  padding-right: 10px;
  font-family: futura_bk_btbook;
  font-size: 14px;
  color: #EDEDED; }

.ui-autocomplete .ui-menu-item:nth-child(odd) {
  background-color: #333230; }

.ui-autocomplete .ui-menu-item:nth-child(even) {
  background-color: #333230; }

.ui-autocomplete .ui-menu-item {
  min-height: 20px;
  width: 100%;
  height: auto;
  padding-top: 8px;
  padding-bottom: 8px; }

.autocomplete-loader {
  background: url("../images/loader.gif") no-repeat center; }

.ui-autocomplete .mCSB_inside > .mCSB_container {
  margin-right: 0; }

.ui-autocomplete .mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent; }

.ui-widget-content a {
  -webkit-transition: color 0.3s ease-in-out;
  -khtml-transition: color 0.3s ease-in-out;
  -moz-transition: color 0.3s ease-in-out;
  -ms-transition: color 0.3s ease-in-out;
  -o-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
  cursor: pointer;
  background-color: transparent; }

#ui-id-1 {
  max-height: 150px !important; }

/*********/
.homePart2 .bykoeinWrap {
  bottom: 52px;
  left: 27px; }

.endState0 .bykoeinWrap {
  display: none; }

.flex {
  position: relative;
  width: 100%;
  -webkit-box-flex: 1;
  -khtml-box-flex: 1;
  -moz-box-flex: 1;
  -ms-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-display: -webkit-box;
  -webkit-display: -webkit-flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  height: 100%; }

.notFound #wrapper {
  min-height: 1px; }

.minusMenu {
  position: relative;
  width: 100%;
  padding-top: 62px;
  height: -moz-calc(100vh - 62px);
  height: -webkit-calc(100vh - 62px);
  height: -o-calc(100vh - 62px);
  height: calc(100vh - 62px);
  background-image: -moz-radial-gradient(50% 50%, circle farthest-corner, rgba(255, 255, 255, 0) 0%, rgba(209, 201, 194, 0.7) 100%);
  background-image: -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 950.92198, color-stop(0, rgba(255, 255, 255, 0)), color-stop(1, rgba(209, 201, 194, 0.7)));
  background-image: -webkit-radial-gradient(50% 50%, circle farthest-corner, rgba(255, 255, 255, 0) 0%, rgba(209, 201, 194, 0.7) 100%);
  background-image: radial-gradient(50% 50%, circle farthest-corner, rgba(255, 255, 255, 0) 0%, rgba(209, 201, 194, 0.7) 100%); }

.notFound {
  background-color: transparent; }
  .notFound .socials {
    display: none; }

.fourOFour {
  -webkit-box-sizing: border-box;
  -khtml-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  max-width: 568px;
  margin-left: auto;
  margin-right: auto;
  position: relative; }

.pageNFCss {
  margin-bottom: 26px;
  font-family: futura_bk_btbook;
  font-size: 18px;
  color: #333230;
  width: 100%;
  text-align: center;
  margin-top: 63px;
  position: relative; }

.spWrap {
  position: relative;
  padding-left: 20px;
  padding-right: 20px;
  width: 100%;
  -webkit-box-sizing: border-box;
  -khtml-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box; }

.ipadOnly {
  display: none !important; }

/*******About New css*********/
.sub_id4 {
  /*animation*/
  /*********/ }
  .sub_id4 .subMini1 {
    height: 500px;
    padding-top: 200px;
    padding-bottom: 200px; }
  .sub_id4 .subMini2 {
    height: 560px; }
  .sub_id4 .subMini3 {
    height: 610px; }
    .sub_id4 .subMini3 .wrapGeneral {
      max-width: 990px; }
  .sub_id4 .subMini4 {
    height: 600px; }
  .sub_id4 .sk_leaves {
    bottom: -11%;
    top: auto; }
  .sub_id4 .pack2 .sk_img4 {
    bottom: 50px; }
  .sub_id4 .sk_onion1 {
    bottom: 20px; }
  .sub_id4 .sk_miel {
    left: 55%;
    bottom: 13%; }
  .sub_id4 .miniSection .since {
    top: 0; }
  .sub_id4 .miniSection .rightText {
    top: 18px; }
  .sub_id4 .miniSection .sk_pizza {
    bottom: 0; }
  .sub_id4 .sk_feuille {
    bottom: 0;
    top: auto; }
  .sub_id4 .pack4.anim .sk_onion {
    bottom: -100px;
    left: 8%; }
  .sub_id4 .pack5 .sk_miel {
    bottom: auto;
    left: 60%; }
  .sub_id4 .pack5.anim .sk_miel {
    top: 27%; }
  .sub_id4 .sub_id5 {
    height: 750px; }

.sub_id6 {
  z-index: 1;
  max-height: 740px; }

/****************/
/**buttonBoxWrap**/
.btmMapBtnsWrap {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-display: -webkit-box;
  -webkit-display: -webkit-flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: flext-start;
  -webkit-justify-content: flext-start;
  justify-content: flext-start;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center; }

.locationBox {
  height: auto; }

.buttonBoxWrap {
  position: absolute;
  right: 0px;
  height: auto;
  width: 286px;
  top: 0;
  height: 100%;
  right: 0px; }
  .buttonBoxWrap:after {
    content: '';
    clear: both;
    display: block; }
  .buttonBoxWrap .buttonBox {
    width: 239px;
    height: 54px;
    padding-top: 0;
    float: left;
    position: relative;
    margin-right: 0; }
    .buttonBoxWrap .buttonBox:first-child {
      margin-right: 0;
      margin-bottom: 8px; }
    .buttonBoxWrap .buttonBox .btnGeneral.covCss {
      margin-left: 0px;
      margin-right: 0px; }

.btmMapBtnsWrap {
  max-width: 1147px;
  padding-top: 20px;
  padding-bottom: 20px;
  -webkit-box-sizing: border-box;
  -khtml-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box; }

.btmMapBtns .navigation {
  padding-top: 0;
  margin-top: 13px;
  height: 53px;
  height: auto;
  padding-left: 70px;
  width: 230px; }

/****************/
/****************/
.LocationAjaxData {
  padding-left: 35px; }
  .LocationAjaxData .telEmail {
    padding-top: 0;
    padding-left: 36px; }
  .LocationAjaxData .locAddress {
    margin-bottom: 15px;
    margin-left: 0;
    margin-top: 0;
    width: 218px; }
  .LocationAjaxData:after {
    content: '';
    clear: both;
    display: block; }

/****************/
/**whiteCss**/
.whiteCss.btnGeneral .bgButton.top {
  background-image: url(../images/sprite.png);
  background-position: -4px -3906px;
  background-repeat: no-repeat;
  -moz-background-size: initial;
  -webkit-background-size: initial;
  background-size: initial; }
.whiteCss.btnGeneral .txt {
  color: #333230;
  -webkit-transition: color 0.3s ease-in-out;
  -khtml-transition: color 0.3s ease-in-out;
  -moz-transition: color 0.3s ease-in-out;
  -ms-transition: color 0.3s ease-in-out;
  -o-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out; }

/****************/
.dropDown {
  margin-top: 14px; }

.twoCheckboxesForLocation {
  margin-top: 25px;
  height: 30px;
  max-width: 449px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  padding-top: 20px;
  border-top: 1px solid rgba(255, 255, 255, 0.3); }
  .twoCheckboxesForLocation:after {
    content: '';
    clear: both;
    display: block; }

.checkboxesForLoc {
  float: left;
  position: relative; }

.checkboxesForLoc label {
  cursor: pointer;
  position: relative;
  font-family: futura_bk_btbook;
  font-size: 17px;
  color: rgba(236, 236, 236, 0.81); }

.twoCheckboxesForLocation .checkboxesForLoc:nth-child(1) {
  width: 147px; }
.twoCheckboxesForLocation .checkboxesForLoc:nth-child(2) {
  width: 173px; }
.twoCheckboxesForLocation .checkboxesForLoc:nth-child(3) {
  width: 129px; }

.wrapInputCheckbox .inpCirc {
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  -webkit-border-radius: 20px;
  -khtml-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px;
  border: 2px solid rgba(255, 255, 255, 0.5); }
  .wrapInputCheckbox .inpCirc .checking {
    -webkit-transition: opacity 0.3s ease-in-out;
    -khtml-transition: opacity 0.3s ease-in-out;
    -moz-transition: opacity 0.3s ease-in-out;
    -ms-transition: opacity 0.3s ease-in-out;
    -o-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
    background-color: #8BC43E;
    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
    /* Netscape */
    -moz-opacity: 0;
    /* Safari 1.x */
    -khtml-opacity: 0;
    /* Good browsers */
    opacity: 0;
    /* Good browsers */
    -webkit-opacity: 0;
    /* Good browsers */
    -o-opacity: 0;
    width: 10px;
    height: 10px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 5px;
    -webkit-border-radius: 9px;
    -khtml-border-radius: 9px;
    -moz-border-radius: 9px;
    -ms-border-radius: 9px;
    -o-border-radius: 9px;
    border-radius: 9px; }
    .wrapInputCheckbox .inpCirc .checking.checked {
      /* IE 8 */
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
      /* Netscape */
      -moz-opacity: 1;
      /* Safari 1.x */
      -khtml-opacity: 1;
      /* Good browsers */
      opacity: 1;
      /* Good browsers */
      -webkit-opacity: 1;
      /* Good browsers */
      -o-opacity: 1; }
.wrapInputCheckbox input {
  display: none; }
.wrapInputCheckbox .label {
  cursor: pointer;
  padding-top: 4px;
  position: relative;
  padding-left: 32px;
  font-family: futura_bk_btbook;
  font-size: 17px;
  color: rgba(236, 236, 236, 0.81); }

.sepCenter {
  position: absolute;
  left: 50%;
  width: 2px;
  height: 100%;
  top: 0px;
  background-color: #222222;
  z-index: 12;
  display: none; }

.state0 .bykoeinWrap,
.state1 .bykoeinWrap,
.state2 .bykoeinWrap {
  display: none; }

.newsltterPID {
  background-color: #8DC63F; }
  .newsltterPID .flex {
    position: absolute;
    top: 0px;
    left: 0px; }
  .newsltterPID .logo {
    display: block;
    max-width: 215px;
    position: relative;
    margin-left: auto;
    margin-right: auto; }
    .newsltterPID .logo img {
      width: 100%; }
  .newsltterPID .btnEdged.maron {
    text-decoration: none;
    display: block;
    margin-left: auto;
    margin-right: auto; }
    .newsltterPID .btnEdged.maron .bgButton.bot {
      background-image: url(../images/sprite.png);
      background-position: -180px -1500px;
      background-repeat: no-repeat;
      -moz-background-size: initial;
      -webkit-background-size: initial;
      background-size: initial; }
    .newsltterPID .btnEdged.maron .bgButton.top {
      background-image: url(../images/sprite.png);
      background-position: -500px -1890px;
      background-repeat: no-repeat;
      -moz-background-size: initial;
      -webkit-background-size: initial;
      background-size: initial; }
    .newsltterPID .btnEdged.maron .text {
      color: #4A4946;
      -webkit-transition: color 0.3s ease-in-out;
      -khtml-transition: color 0.3s ease-in-out;
      -moz-transition: color 0.3s ease-in-out;
      -ms-transition: color 0.3s ease-in-out;
      -o-transition: color 0.3s ease-in-out;
      transition: color 0.3s ease-in-out; }

.textSubsc {
  margin-top: 64px;
  margin-bottom: 51px;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  max-width: 435px;
  text-align: center;
  font-family: Arial, Verdana, Segoe, sans-serif;
  font-size: 20px;
  color: #333330;
  font-weight: bold; }

.feedID .floatBox.left .wrap {
  max-width: 100%; }

.bBox .buttonBox:nth-child(1):nth-last-child(1) {
  margin-bottom: 0; }

.parentOfTwo .oneOfTwo:nth-child(1):nth-last-child(1) {
  padding-top: 12px; }

.sub_id6 {
  background-color: #E6E6E6; }

.radialEllipseSmall {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(../images/smallEllipse.png);
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  transform-origin: 50% 50%;
  top: -90px;
  left: -90px;
  width: 655px;
  height: 396px; }

.miniSection .imagePack {
  pointer-events: all; }

.locationBox .wrp {
  position: relative;
  width: auto;
  height: auto; }
  .locationBox .wrp .locationBox2 {
    position: relative; }

.twoItemMargin,
.oneItemMargin {
  padding-left: 0% !important;
  padding-right: 0% !important;
  text-align: center; }
  .twoItemMargin .itemLink,
  .oneItemMargin .itemLink {
    float: none !important;
    display: inline-block !important;
    vertical-align: top; }
  .twoItemMargin .itemLink,
  .oneItemMargin .itemLink {
    width: 0 !important;
    overflow: hidden; }

.twoItemMargin.CallUsExists .itemLink.call,
.oneItemMargin.CallUsExists .itemLink.call {
  width: 33.33333% !important;
  overflow: visible;
  -webkit-box-sizing: border-box;
  -khtml-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box; }
.twoItemMargin.orderOnlineExists .itemLink.order,
.oneItemMargin.orderOnlineExists .itemLink.order {
  width: 33.33333% !important;
  overflow: visible;
  -webkit-box-sizing: border-box;
  -khtml-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box; }
.twoItemMargin.locateUsExists .itemLink.locate,
.oneItemMargin.locateUsExists .itemLink.locate {
  width: 33.33333% !important;
  overflow: visible;
  -webkit-box-sizing: border-box;
  -khtml-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box; }

.oneItemMargin .itemLink.order {
  width: 0 !important;
  overflow: hidden; }

.homePid .bykoeinWrap {
  position: fixed; }

.homePid .info.telef font {
  display: block;
  color: #F8F2F1;
  margin-top: 4px; }
.homePid .notes .info.telef span {
  float: none; }

.listLocations .telEmail .lineType .value {
  text-decoration: none; }
.listLocations .reachLocations .locAddress {
  width: 100% !important;
  height: auto !important;
  margin-top: 0px !important;
  padding-top: 0px !important; }
.listLocations .wrpLocations {
  padding-top: 4px !important;
  padding-left: 1% !important;
  padding-right: 1% !important;
  height: auto !important; }
.listLocations .reachLocations .wrpLocations {
  margin-bottom: 4px;
  margin-top: 4px; }
.listLocations .locAddress .street {
  padding-top: 0 !important; }
.listLocations .reachLocations {
  position: relative;
  left: auto;
  bottom: auto; }
  .listLocations .reachLocations .item {
    min-height: 0px;
    padding-bottom: 6px !important;
    padding-top: 20px !important;
    margin-bottom: 10px !important;
    -webkit-box-sizing: border-box;
    -khtml-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    float: none;
    margin-right: 0;
    padding-left: 12px;
    width: 100%;
    max-width: 100%; }
    .listLocations .reachLocations .item:last-child {
      margin-bottom: 4px; }

/**********fffffffffffffffff***************/
select::-ms-expand {
  display: none; }

@supports (-ms-accelerator: true) {
  .careerPid .btnEdged {
    margin-bottom: 0px; } }
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  /* ie10 styles */
  .careerPid .btnEdged {
    margin-bottom: 0px; } }
@-moz-document url-prefix() {
  .lineInp .inp.selec select,
  .lineInp .feedSelectCss.selec select {
    width: 100% !important;
    -moz-appearance: none;
    text-indent: 0.01px;
    text-overflow: ''; } }
@media (min-width: 1025px) {
  .newsltterPID .btnEdged.maron:hover .text {
    color: #fff; }

  .whiteCss.btnGeneral:hover .txt {
    color: #fff; }

  .MenuPid .btnEdged.maron:hover .text {
    color: #fff; }

  /******************/
  .itemLink:hover .hideOnHover {
    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
    /* Netscape */
    -moz-opacity: 0;
    /* Safari 1.x */
    -khtml-opacity: 0;
    /* Good browsers */
    opacity: 0;
    /* Good browsers */
    -webkit-opacity: 0;
    /* Good browsers */
    -o-opacity: 0; }
  .itemLink:hover .showOnHover {
    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
    /* Netscape */
    -moz-opacity: 1;
    /* Safari 1.x */
    -khtml-opacity: 1;
    /* Good browsers */
    opacity: 1;
    /* Good browsers */
    -webkit-opacity: 1;
    /* Good browsers */
    -o-opacity: 1; }

  /******************/
  .normalBtn:hover {
    background-color: #638B2C; }

  .btn-warning:hover,
  .btn-danger:hover,
  .btn-success:hover {
    color: #8BC53E !important; }
    .btn-warning:hover span,
    .btn-danger:hover span,
    .btn-success:hover span {
      color: #8BC53E !important; }
    .btn-warning:hover .fa,
    .btn-danger:hover .fa,
    .btn-success:hover .fa {
      color: #8BC53E !important; }

  .parBtnHover:hover .top {
    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
    /* Netscape */
    -moz-opacity: 0;
    /* Safari 1.x */
    -khtml-opacity: 0;
    /* Good browsers */
    opacity: 0;
    /* Good browsers */
    -webkit-opacity: 0;
    /* Good browsers */
    -o-opacity: 0; }

  .bykoeinWrap:hover {
    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
    /* Netscape */
    -moz-opacity: 0.71;
    /* Safari 1.x */
    -khtml-opacity: 0.71;
    /* Good browsers */
    opacity: 0.71;
    /* Good browsers */
    -webkit-opacity: 0.71;
    /* Good browsers */
    -o-opacity: 0.71; }

  .identUl li a:hover {
    color: #6A9465; }

  .socials .social.bell:hover .top {
    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
    /* Netscape */
    -moz-opacity: 0;
    /* Safari 1.x */
    -khtml-opacity: 0;
    /* Good browsers */
    opacity: 0;
    /* Good browsers */
    -webkit-opacity: 0;
    /* Good browsers */
    -o-opacity: 0; }

  .bigArrow:hover .circle {
    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
    /* Netscape */
    -moz-opacity: 1;
    /* Safari 1.x */
    -khtml-opacity: 1;
    /* Good browsers */
    opacity: 1;
    /* Good browsers */
    -webkit-opacity: 1;
    /* Good browsers */
    -o-opacity: 1; }

  .boxFranchID .smallDesc a.email:hover {
    color: #898885; }

  .btmMapBtns .navigation .item:hover {
    background-color: #8FC645; }

  .btmMapBtns .navigation .item.menu:hover .arrow {
    color: #fff; }

  .telEmail .lineType .value a:hover {
    color: #6F6B6B; }

  .menuPar .itm:hover .circ {
    display: none; }

  .menuPar .itm:hover .bg {
    -webkit-transition: width 0.5s ease;
    -khtml-transition: width 0.5s ease;
    -moz-transition: width 0.5s ease;
    -ms-transition: width 0.5s ease;
    -o-transition: width 0.5s ease;
    transition: width 0.5s ease; }

  .menuPar .itm:hover .textMenu {
    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
    /* Netscape */
    -moz-opacity: 1;
    /* Safari 1.x */
    -khtml-opacity: 1;
    /* Good browsers */
    opacity: 1;
    /* Good browsers */
    -webkit-opacity: 1;
    /* Good browsers */
    -o-opacity: 1; }

  .menuPar .itm1:hover .bg {
    width: 94px; }

  .menuPar .itm2:hover .bg {
    width: 134px; }

  .menuPar .itm3:hover .bg {
    width: 177px; }

  .menuPar .itm:hover .bg {
    background-color: #8bc53e; }

  .byKoein:hover .text {
    color: #fff; }

  .notes .emailText:hover {
    color: #637B40; }

  .boxText:hover {
    background-color: #8BC43E;
    border: 1px solid #3F3F3A; }

  .innerItem .itemLink.call:hover .icon {
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    filter: grayscale(0%);
    filter: none; }

  .innerItem .itemLink.order:hover .icon {
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    filter: grayscale(0%);
    filter: none; }

  .innerItem .itemLink.locate:hover .icon {
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    filter: grayscale(0%);
    filter: none; }

  .notes .close:hover {
    border-color: #8BC53E; }

  .notes .close:hover .ico {
    background-image: url(../images/sprite.png);
    background-position: -760px -680px;
    background-repeat: no-repeat;
    -moz-background-size: initial;
    -webkit-background-size: initial;
    background-size: initial; }

  .websiteMenu li:hover .bg {
    background-color: #72A231; }

  .orderCss:hover {
    background-color: #8BC53E; }

  .orderCss:hover {
    border: 1px solid #8BC53E; }

  .countryList li a:hover {
    color: #D6D6D6; }

  .innerItem .itemLink:hover .fa:before {
    color: #7FB03F; }

  .innerItem .itemLink:hover .arrow {
    border-color: #7FB03F; }

  .reachLocations .closeBtn:hover,
  .wrapClose .closeBtn:hover,
  .thankWrap .closeBtn:hover {
    border-color: #7FB03F; }

  .reachLocations .closeBtn:hover .txt_close,
  .wrapClose .closeBtn:hover .txt_close {
    background-image: url(../images/sprite.png);
    background-position: -760px -20px;
    background-repeat: no-repeat;
    -moz-background-size: initial;
    -webkit-background-size: initial;
    background-size: initial; }

  .thankWrap .closeBtn:hover .txt_close {
    background-image: url(../images/sprite.png);
    background-position: -720px -43px;
    background-repeat: no-repeat;
    -moz-background-size: initial;
    -webkit-background-size: initial;
    background-size: initial; }

  .socials .social:hover,
  .innerItem .itemLink:hover .text {
    color: #8BC53E; }

  .whatIsHappening .swiper-pagination-bullet:hover {
    border-color: #fff;
    background-color: #fff; }

  .websiteMenuWrap .submenu ul .sublink:hover a {
    color: #D5EAB9; }

  .radialSlie3 .websiteMenu .menuUl .main_link:hover a,
  .radialSlie3 .websiteMenu .menuUl .main_link:hover .linkMenuLike {
    color: #fff !important; }

  .countryDropdown .countries .country:hover {
    color: #D5EAB9; }

  .dropDown .contentDrop .txt:hover span {
    color: #8BC43E; }

  .messageUsMod .thankWrap .closeBtn:hover .txt_close {
    background-position: -760px -20px; } }
@-webkit-keyframes fadeIn {
  to {
    -webkit-transform: translate3d(0, 0, 0);
    opacity: 1; } }
@-moz-keyframes fadeIn {
  to {
    -moz-transform: translate3d(0, 0, 0);
    opacity: 1; } }
/* Internet Explorer */
@-ms-keyframes fadeIn {
  to {
    -ms-transform: translate3d(0, 0, 0);
    opacity: 1; } }
@keyframes fadeIn {
  to {
    transform: translate3d(0, 0, 0);
    opacity: 1; } }
/* Opera < 12.1 */
@-o-keyframes fadeIn {
  to {
    -o-transform: translate3d(0, 0, 0);
    opacity: 1; } }
/***/
@keyframes fadeOut {
  to {
    transform: translate3d(0, 0, 0);
    opacity: 0; } }
/* Firefox < 16 */
@-moz-keyframes fadeOut {
  to {
    -moz-transform: translate3d(0, 0, 0);
    opacity: 0; } }
/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadeOut {
  to {
    -webkit-transform: translate3d(0, 0, 0);
    opacity: 1; } }
/* Internet Explorer */
@-ms-keyframes fadeOut {
  to {
    -ms-transform: translate3d(0, 0, 0);
    opacity: 0; } }
/* Opera < 12.1 */
@-o-keyframes fadeOut {
  to {
    -o-transform: translate3d(0, 0, 0);
    opacity: 0; } }
/***/
@-webkit-keyframes moveUp {
  to {
    -webkit-transform: translate3d(0, 0, 0);
    opacity: 1; } }
@-moz-keyframes moveUp {
  to {
    -moz-transform: translate3d(0, 0, 0);
    opacity: 1; } }
@-ms-keyframes moveUp {
  to {
    -ms-transform: translate3d(0, 0, 0);
    opacity: 1; } }
@keyframes moveUp {
  to {
    transform: translate3d(0, 0, 0);
    opacity: 1; } }
/******media query*****/
/******media query end****/
@media (max-width: 1440px) {
  .part2MenuID .websiteMenu {
    padding-left: 0;
    max-width: 10000px; }

  .darkMenu .websiteMenu {
    text-align: center; }

  /**newID123*/ }
@media (max-width: 1330px) {
  .feedID .boxFranchID .floatBox.left {
    width: 58%;
    padding-right: 10px;
    -webkit-box-sizing: border-box;
    -khtml-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    margin-right: 0%; }

  .feedID .twoPics {
    margin-left: auto;
    margin-right: auto; }
    .feedID .twoPics .images .image {
      width: 50%; }

  .floatBox.left .wrap {
    max-width: 100%; }

  .feedbackPid .iputHolder .btnGeneral {
    margin-bottom: 36px; }

  .btmPart_ways {
    max-width: 1060px; }

  .wrapItems {
    padding-left: 3%;
    padding-right: 3%;
    -webkit-box-sizing: border-box;
    -khtml-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box; }

  .logoLike {
    left: 14px; }

  .websiteMenu .menuUl li a,
  .websiteMenu .menuUl li .linkMenuLike {
    padding-left: 8px;
    padding-right: 8px; }

  .ourPeoplePid .wrapGeneral,
  .feedbackPid .wrapGeneral,
  .sponsorPid .wrapGeneral {
    max-width: 100%;
    width: 100%;
    padding-left: 6%;
    padding-right: 4%;
    -webkit-box-sizing: border-box;
    -khtml-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box; }

  .sponsorPid .wrapGeneral,
  .feedbackPid .wrapGeneral {
    padding-left: 0; }
    .sponsorPid .wrapGeneral .spWrap,
    .feedbackPid .wrapGeneral .spWrap {
      padding-right: 58px;
      padding-left: 58px;
      -webkit-box-sizing: border-box;
      -khtml-box-sizing: border-box;
      -moz-box-sizing: border-box;
      -ms-box-sizing: border-box;
      -o-box-sizing: border-box;
      box-sizing: border-box; }

  .lineInp .inp {
    width: 49%;
    margin-right: 2%; }

  .lineInp .inp:nth-child(2n) {
    margin-right: 0 !important; }

  .messageUsMod .lineInp .inp {
    width: 49%;
    margin-right: 2%; }

  .lineInp .inp.textarea {
    width: 100%;
    margin-right: 0; }

  .lineInp .inp.last {
    margin-right: 2%; }

  .boxShareID .floatBox.left {
    width: 48%;
    margin-right: 0; }

  .boxShareID .floatBox.right {
    width: 52%; }

  .lineInp .feedSelectCss {
    margin-right: 0 !important;
    width: -moz-calc(100% - 162px);
    width: -webkit-calc(100% - 162px);
    width: -o-calc(100% - 162px);
    width: calc(100% - 162px); }

  .sponsSelectCss {
    width: 100% !important;
    max-width: 490px !important; }

  .threeSelect {
    width: 100% !important;
    max-width: 100% !important; } }
@media only screen and (max-width: 1330px) {
  .infoLoca {
    float: none;
    height: auto;
    padding-bottom: 10px;
    -webkit-box-sizing: border-box;
    -khtml-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: 0 !important;
    line-height: normal;
    margin-top: 7px; }
    .infoLoca.reqMsg {
      margin-bottom: 50px;
      position: relative;
      left: auto;
      top: auto; }
      .infoLoca.reqMsg span {
        padding-top: 0px;
        padding-left: 24px; }
    .infoLoca .fa {
      position: absolute;
      top: 10px;
      left: 25px; }
    .infoLoca span {
      padding-left: 19px;
      display: block;
      padding-top: 3px; }
    .infoLoca.missing {
      display: inline-block;
      width: auto;
      padding-right: 10px; }
      .infoLoca.missing .fa {
        left: 12px; }

  .locationPanel .normalBtn {
    float: none; }
  .locationPanel .infoLoca {
    line-height: 1em !important;
    height: auto !important;
    float: none;
    margin-left: 0px;
    padding-left: 0px; }
    .locationPanel .infoLoca .fa {
      left: 0;
      top: 50%;
      margin-top: -8px; }
    .locationPanel .infoLoca span {
      padding-left: 23px;
      display: block;
      height: auto;
      padding-top: 10px; }
    .locationPanel .infoLoca.missing {
      padding-left: 48px; }
      .locationPanel .infoLoca.missing .fa {
        left: 25px; }
      .locationPanel .infoLoca.missing span {
        padding-left: 0px; } }
@media only screen and (max-width: 1200px) {
  .feedID .twoPics {
    width: 100%; } }
@media only screen and (max-width: 1070px) {
  .locationPanel .infoLoca.missing {
    line-height: 1em !important;
    height: auto !important; }

  .feedbackTitlePart2 {
    font-size: 44px; } }
@media (max-width: 1270px) {
  .AboutPid .wrapGeneral {
    width: 100%;
    max-width: 1100px; }

  .people .item {
    width: 33.33333%;
    margin-right: 0;
    margin-bottom: 60px; }

  .threePics,
  .threePics .images {
    width: 100%; }

  .threePics .images .image {
    width: 33.33333%; }
    .threePics .images .image img {
      width: 100%; } }
@media (max-width: 1260px) {
  .darkMenu .websiteMenuWrap .callUsNb.menuCss {
    display: none !important; }

  .wrapGeneral,
  .messageUsMod {
    width: 100%;
    padding-left: 4%;
    padding-right: 4%;
    box-sizing: border-box; }

  .MenuPid .wrapGeneral {
    padding-left: 6%;
    padding-right: 6%; }

  .reachLocations .item {
    max-width: 48%;
    margin-right: 4%; }

  .reachLocations .locAddress {
    width: 45%; }

  .reachLocations .telEmail {
    width: 45%; }

  .wrpLocations {
    padding-left: 2%; }

  .reachLocations .mCSB_scrollTools {
    right: 10px; } }
@media (max-width: 1199px) {
  .wrapSectionFixing {
    padding-left: 4%;
    padding-right: 4%;
    -webkit-box-sizing: border-box;
    -khtml-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box; }
    .wrapSectionFixing .item {
      width: 25%;
      margin-right: 0; }

  .btmPart_ways {
    max-width: 990px; }

  .notes .depart {
    margin-left: 24px; }

  .reachLocations .item:nth-child(2n) {
    max-width: 48%; }

  .reachLocations .item {
    float: left;
    max-width: 47%;
    padding-left: 2%;
    margin-right: 1%; }

  .reachLocations .locAddress {
    width: 45%; }

  .reachLocations .telEmail {
    width: 45%; } }
@media (max-width: 1180px) {
  /***buttonBox*/
  .buttonBox {
    width: 241px; }

  .locationBox {
    width: 650px; }

  /***END_buttonBox*/
  .websiteMenu {
    text-align: center;
    max-width: 100%;
    margin-left: 0px !important; }

  .feedbackPid .iputHolder {
    padding-top: 91px !important; }

  .feedbackTitle {
    padding-top: 52px !important; }

  .SponsorTitle {
    padding-top: 18px !important; }

  .ourPeoplePid .txt_ourPeople {
    padding-top: 80px; }

  .careerPid .working {
    padding-top: 70px; }

  .MenuPid #wrapper .orderDelivery {
    padding-top: 60px !important; }

  .btmMapBtnsWrap,
  .btmMapBtns {
    height: auto; }

  .locationBox,
  .buttonBox {
    float: none;
    position: relative;
    width: 100%; }

  .btmMapBtns .navigation {
    float: none;
    width: 499px;
    padding-left: 0px;
    width: 100%; }

  .locationBox .sepChange {
    display: none; }

  .btmMapBtns .navigation .wrapNav {
    height: 44px;
    margin-left: 20px; }

  .wrapSectionFixing .item .arrows {
    width: 39px; }

  .locationBox {
    float: left;
    width: -moz-calc(100% - 229px);
    width: -webkit-calc(100% - 229px);
    width: -o-calc(100% - 229px);
    width: calc(100% - 229px); }

  .buttonBox {
    float: none;
    width: 100%; }

  .btmMapBtns .navigation {
    width: 229px; }

  .sepMob {
    clear: both; }

  .oneBtn .buttonBox {
    float: none !important;
    width: auto !important;
    margin-left: 20px; }

  /****/
  .feedbackTitle {
    padding-left: 30px;
    padding-right: 30px;
    -webkit-box-sizing: border-box;
    -khtml-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%; }

  .feedbackTitlePart2 {
    font-size: 58px; }

  .LocationAjaxData .telEmail {
    padding-left: 16px; }

  .btmMapBtns .navigation .wrapNav {
    margin-left: 35px !important; }

  .LocationAjaxData {
    padding-left: 15px; } }
@media (max-width: 1200px) {
  .twoPics .images .image {
    width: 49.9%; }

  .buttonBoxWrap .buttonBox {
    width: 245px; } }
@media (max-width: 1170px) {
  .miniSection .rightText {
    right: 40px; } }
@media (max-width: 1070px) {
  /***********/
  .btmMapBtnsWrap {
    min-height: 197px !important; }

  .locationBox {
    width: -moz-calc(100% - 275px);
    width: -webkit-calc(100% - 275px);
    width: -o-calc(100% - 275px);
    width: calc(100% - 275px); }

  .buttonBoxWrap .buttonBox {
    float: none;
    position: relative;
    width: auto; }
    .buttonBoxWrap .buttonBox:first-child {
      margin-bottom: 23px; }

  /***********/
  .sk_leaves {
    left: 0;
    right: auto;
    top: 43px; }

  .sk_Mint_new {
    right: 0;
    top: 216px;
    z-index: 99;
    width: 151px; }

  .miniSection .sk_Potato {
    position: absolute;
    right: 0;
    bottom: 270px;
    width: 150px; }

  .miniSection .sk_Lettuce_new {
    position: absolute;
    left: 240px;
    bottom: 390px;
    width: 90px; }

  .wrapSectionFixing .item .arrows {
    display: none; }

  .sk_today {
    max-width: 720px; }

  .sk_rocaSmall {
    width: 55px; }

  .sk_threTomatos {
    width: 130px;
    top: 60%; }

  .miniSection .sk_pizza {
    position: absolute;
    left: 6%;
    top: 489px;
    width: 365px; }

  .sk_olive {
    width: 170px; }

  .sk_champ2 {
    width: 150px; }

  .pack5.anim .sk_mint2 {
    bottom: -7%; }

  .boxes {
    padding-left: 6%;
    padding-right: 6%;
    -webkit-box-sizing: border-box;
    -khtml-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box; }

  .miniSection .box1 {
    float: left;
    margin-right: 2%;
    max-width: 44%; }

  .sub_id4 .subText {
    width: 710px; }

  .logoFull {
    background-image: none !important; }

  .logoFull img {
    display: block !important; }

  .logoLike.desk {
    top: 18px;
    position: absolute;
    left: 6px;
    margin: 0;
    background-image: none;
    width: 65px; }

  .notes .logoSmall {
    margin-left: 12px; }

  .twoPics .images .image {
    width: 49.9%; }

  .twoPics {
    position: relative;
    width: 100%;
    max-width: 541px; }

  .miniSection .since {
    left: 6%;
    width: 130px; }

  .sk_tomato {
    right: -76px;
    top: -98px;
    width: 206px; }

  .sk_garlic {
    left: 26%;
    top: -54px;
    width: 100px; }

  .sk_roca {
    width: 117px;
    right: 42px;
    top: 12px;
    top: 9% !important; }

  .sk_citron {
    left: -43px;
    bottom: 70px;
    width: 130px; }

  .sk_img3 {
    right: 0px;
    bottom: 110px;
    margin-left: 0;
    left: auto;
    width: 104px; }

  .sk_img4 {
    left: 40px;
    bottom: 36px;
    width: 155px; }

  .pack2 .sk_img4 {
    bottom: 36px; }

  .sk_champ {
    left: 26%;
    width: 44px;
    top: 64px;
    -webkit-transform: scale(1);
    -khtml-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); }

  .sk_img2 {
    left: 1% !important;
    width: 70px;
    top: -30px; }

  .sk_onion {
    left: -65px;
    bottom: 0px;
    width: 210px; }

  .sk_onion1 {
    right: 0px;
    top: 560px;
    width: 140px; }

  .sk_farine {
    left: 30%;
    bottom: 190px;
    width: 83px; }

  .sk_tomatoCut {
    right: 10px;
    bottom: 150px;
    width: 100px; }

  .sk_mint2 {
    width: 209px; }

  .sk_feuille {
    left: auto;
    right: 399px;
    bottom: 0px;
    width: 150px; }

  .sk_pepper {
    right: 5px;
    bottom: 0;
    width: 120px; }

  .sk_leaves {
    width: 251px;
    z-index: 0; }

  .MenuPid #wrapper .orderDelivery {
    padding-top: 50px !important; }

  .careerPid .working {
    padding-top: 60px; }

  .ourPeoplePid .txt_ourPeople {
    padding-top: 50px; }

  .feedbackPid .iputHolder {
    padding-top: 71px !important; }

  .feedbackPid .textCase {
    padding-top: 50px !important; }

  .feedbackTitle {
    padding-top: 32px !important; } }
@media (max-width: 1025px) {
  .wrpLocations {
    padding-left: 6%;
    padding-right: 2%;
    height: 95%; }

  .reachLocations .mCSB_scrollTools {
    right: -4px; }

  .miniSection .rightText {
    max-width: 343px;
    right: 168px; } }
@media (max-width: 1023px) {
  .loveRegardless {
    padding-top: 28px; }

  .aboutSection1Text {
    padding-top: 12px; }

  .imageTitleAboutSec1 {
    padding-top: 0;
    max-width: 240px;
    margin-left: auto;
    margin-right: auto; }

  .btmPart_ways {
    max-width: 800px; }

  .sk_Mint_new {
    right: 0;
    top: 80px;
    z-index: 99;
    width: 200px; }

  .miniSection .sk_Lettuce_new {
    position: absolute;
    left: 37.5%;
    bottom: 390px;
    width: 90px; }

  .wrapBtm_fill .textFill {
    font-size: 12px; }

  .innerItem {
    position: absolute;
    top: 140px; }

  .notes .logoSmall {
    display: none; }

  .miniSection .since .year,
  .miniSection .since .yearSadow {
    font-size: 100px; }

  .introPid .logoWrap {
    padding-top: 0px; }

  .MenuPid #wrapper {
    min-height: 200px; }
    .MenuPid #wrapper .orderDelivery {
      padding-top: 15px !important; }

  .MacOS.chromBrowser .MenuPid #wrapper {
    min-height: 200px; }
    .MacOS.chromBrowser .MenuPid #wrapper .orderDelivery {
      padding-top: 15px; }

  .careerPid #wrapper {
    min-height: 200px; }

  .careerPid .working {
    padding-top: 25px; }

  .careerPid .lineJob {
    margin-top: 0px;
    margin-bottom: 15px; }

  .careerPid .btnEdged {
    margin-top: 2px; }

  .ourPeoplePid .txt_ourPeople {
    padding-top: 22px; }

  .feedbackPid .iputHolder {
    padding-top: 41px !important; }

  .feedbackPid .textCase {
    padding-top: 27px !important; }

  .boxFranchID .smallDesc {
    margin-top: 8px !important; }

  .feedbackPid .dbLines {
    margin-top: 4px !important; }

  .feedbackTitle {
    padding-top: 2px !important; }

  .SponsorTitle {
    padding-top: 15px !important; } }
@media (max-width: 993px) {
  .reachLocations .locationBox .sep {
    display: none; }

  .sub_id1 {
    height: auto;
    min-height: -moz-calc(100vh - 62px);
    min-height: -webkit-calc(100vh - 62px);
    min-height: -o-calc(100vh - 62px);
    min-height: calc(100vh - 62px); }
    .sub_id1 .wrp {
      height: auto;
      min-height: -moz-calc(100vh - 62px);
      min-height: -webkit-calc(100vh - 62px);
      min-height: -o-calc(100vh - 62px);
      min-height: calc(100vh - 62px); }

  .socials {
    left: 15px; }

  .people .item.last {
    clear: left; }

  .people .peopleClear {
    display: none; }

  .people .item {
    width: 48%;
    margin-right: 2%; }

  .reachLocations .item {
    float: none;
    max-width: 100%;
    margin-right: 0%;
    width: 100%; }

  .reachLocations .item:nth-child(2n) {
    max-width: 100%;
    width: 100%; }

  .reachLocations .locAddress {
    width: 30%; }

  .reachLocations .telEmail {
    width: 30%; }

  .boxShareID .floatBox.left {
    width: 45%;
    margin-right: 0; }

  .boxShareID .floatBox.right {
    width: 55%; }

  .websiteMenu .menuUl {
    text-align: left; }

  .websiteMenu .menuUl li a,
  .linkMenuLike {
    padding-left: 3px;
    padding-right: 3px;
    font-size: 12px !important; }

  .orderCss {
    width: 97px !important; }

  .btmPart_ways {
    max-width: 740px; }

  .wrapBtm_fill .textFill {
    font-size: 11px; }

  .notes .depart {
    margin-left: 19px; }

  .notes .infoWrap {
    float: left;
    margin-left: 14px;
    margin-right: 0; }

  .notes .close {
    right: 7px; }

  .notes .location,
  .notes .depart {
    font-size: 13px; }

  .notes .depart {
    margin-left: 9px; } }
@media (min-width: 768px) {
  .wrapBtmWays .byKoein {
    display: none; }

  .overFlowCss .dragger {
    -webkit-box-sizing: border-box;
    -khtml-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box; }

  .AboutPid .websiteMenu .menuUl {
    height: 39px; }

  .darkMenu .websiteMenuWrap {
    height: 62px !important; }

  .relMenu .websiteMenuWrap {
    height: 62px !important; }

  .websiteMenuWrap .menuUl {
    margin-top: 0 !important; }

  .countryDropdown .countries {
    width: 194px !important; }

  .cd_slider_item .innerItem {
    height: 100%;
    left: 0px;
    top: 0px !important;
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    flex-direction: column;
    -webkit-flex-direction: column;
    justify-content: center;
    -webkit-box-orient: vertical; }

  .desk {
    display: block; }

  .mob {
    display: none; }

  .sliphoverID .swiper-wrapper {
    transform: none !important; }

  .imagesContainerID .swiper-slide {
    width: 33.33333% !important; } }
@media (max-width: 890px) {
  .coverageModu .callUsNb {
    display: none; }

  .messageUsPid .iputHolder {
    padding-top: 0; }

  .boxShareID .floatBox.left {
    width: 38%;
    margin-right: 0; }

  .boxShareID .floatBox.right {
    width: 62%; }

  .wrapSectionFixing .item {
    width: 23%;
    padding-left: 1%;
    padding-right: 1%;
    -webkit-box-sizing: border-box;
    -khtml-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box; }

  .wrapSectionFixing .item .title {
    font-size: 17px;
    margin-top: 23px; }

  .wrapSectionFixing .wrapSection {
    padding-left: 4%;
    padding-right: 4%;
    -webkit-box-sizing: border-box;
    -khtml-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box; }

  .miniSection .box {
    max-width: 47%; }

  /**locate us _START*/
  .notes .depart {
    padding-left: 21px;
    margin-left: 6px; }

  .notes .depart .dots {
    width: 17px; }

  .notes .infoWrap {
    margin-left: 6px;
    padding-left: 11px; }

  .notes .location {
    max-width: 176px;
    margin-left: 2px;
    padding-right: 5px;
    padding-left: 18px; }

  /**locate us _END*/ }
@media (max-width: 767px) {
  .boxShareID .spWrap .lineSep {
    margin-top: 0px;
    margin-bottom: 13px; }

  .sponsorPid .wrapGeneral .spWrap,
  .feedbackPid .wrapGeneral .spWrap {
    padding-right: 0;
    padding-left: 0; }

  .loveRegardless {
    padding-top: 20px;
    padding-bottom: 20px; }

  .sub_id4 .subText span {
    display: block;
    font-size: 25px; }

  .sub_id1 .wrp {
    min-height: auto; }

  .subMini3 .box {
    margin-top: 0; }

  .sub_id1 {
    padding-top: 53px; }
    .sub_id1 .wrp {
      height: auto;
      padding: 2%; }

  .itemLink.selected img {
    display: none !important; }
    .itemLink.selected img.showSelc {
      display: block !important; }

  .itemLink .parHover {
    display: none; }

  .innerItem .itemLink.call .icon {
    width: 34px;
    height: 41px; }

  .innerItem .itemLink.order .icon {
    width: 28px;
    height: 41px; }

  .innerItem .itemLink.locate .icon {
    width: 34px;
    height: 41px; }

  .orderCss {
    vertical-align: top;
    display: inline-block !important; }

  .chooseCountryMod .title .text {
    font-size: 23px;
    min-height: 23px; }

  .initial.locationBox .telEmail {
    padding-bottom: 26px;
    padding-left: 58px !important; }

  .initial.locationBox .telEmail.noTelMail {
    padding-bottom: 16px; }

  .countryPid .logoWrap {
    padding-top: 40px !important; }

  .chooseCountryMod .title {
    margin-top: 0px !important; }

  .countryList li .topDot {
    margin-bottom: 15px; }

  .countryList li {
    height: 51px; }

  .links.cd-slider-navigation .twoItemMargin {
    padding-left: 73px; }

  .callUsNbSlideS .nbToCallWrapInner .cityNameSlide {
    width: 100%; }

  .callUsNbSlideS .cityNbrSlide {
    width: 100%;
    font-size: 25px; }

  .imageTitleAboutSec1 img {
    max-width: 80%;
    margin: auto; }

  .reachPID .content {
    min-height: 730px;
    height: 100%; }

  .sbWrapp {
    top: 0 !important;
    -webkit-transform: translateY(0) !important;
    -ms-transform: translateY(0) !important;
    transform: translateY(0) !important;
    padding-bottom: 20px !important;
    margin-top: 20px; }

  .sub_id1 .sbWrapp {
    height: auto; }

  .aboutSection1Text {
    padding-left: 25px;
    padding-right: 25px;
    font-size: 15px; }

  .Careersttl {
    padding-bottom: 15px; }

  .people .title {
    font-size: 32px; }

  .feedbackPid .thankText {
    height: 39px; }

  .messageUsMod .thankWrap .thankText.thankyouMsg {
    width: 238px; }

  .franchiseTitle2 {
    font-size: 55px; }

  .reachPID #wrapper {
    min-height: 400px; }

  .imagesPlace .image:nth-child(3) {
    margin-top: -20px !important; }

  .sandShad {
    display: none; }

  .MenuPid .sandShad {
    display: block;
    right: 0;
    bottom: 0;
    background-position: 43px 43px; }

  .MenuPid #wrapper .orderDelivery {
    padding-top: 78px !important; }

  .careerPid .working {
    padding-top: 80px; }

  .ourPeoplePid .txt_ourPeople {
    padding-top: 95px; }

  .stepNbrnbrParent {
    width: 276px; }

  .easyWaysLbl {
    font-size: 29px;
    padding-top: 23px; }

  .cravingSatisfyTtl {
    font-size: 25px;
    width: auto !important;
    min-width: 347px;
    padding-top: 21px; }

  .NonClickableNbrMob {
    display: none !important; }

  .clickableNbrMob {
    display: block !important;
    text-decoration: none;
    color: #F8F2F1; }

  .fixedMenu {
    position: initial; }

  .clickableNbrMobInner {
    display: block !important;
    height: 100%;
    width: 100%; }

  .anotherCountryMobile {
    width: 123px;
    height: 55px;
    position: absolute !important;
    right: 0;
    top: 0;
    display: block !important;
    overflow: hidden; }

  .anotherCountryMobile .CountryNbrsItem {
    height: 50px;
    margin-top: 6px;
    position: relative;
    text-align: center;
    margin-left: 10px; }

  .anotherCountryMobile .countryName {
    position: relative;
    width: 123px;
    text-align: center;
    padding-top: 8px;
    font-family: futura_bk_btbook;
    font-size: 13px;
    color: #8BC53E; }

  .anotherCountryMobile .countryNb {
    position: relative;
    padding-top: 3px;
    width: 123px;
    text-align: center;
    font-family: futura_bk_btbook;
    font-size: 13px;
    color: #F8F2F1; }

  .anotherCountryMobile .CountryNbrsItem .callNb {
    display: block;
    height: 39px;
    width: 106px;
    background-size: contain !important;
    background-position: center bottom !important;
    background-repeat: no-repeat !important; }

  .anotherCountryMobile2 {
    width: 123px;
    height: 55px;
    display: block !important;
    margin: 0 auto; }

  .anotherCountryMobile2 .CountryNbrsItem {
    height: 50px;
    margin-top: 6px;
    position: relative;
    text-align: center;
    margin-left: 10px; }

  .anotherCountryMobile2 .countryName {
    position: relative;
    width: 123px;
    text-align: center;
    padding-top: 8px;
    font-family: futura_bk_btbook;
    font-size: 13px;
    color: #8BC53E; }

  .anotherCountryMobile2 .countryNb {
    position: relative;
    padding-top: 3px;
    width: 123px;
    text-align: center;
    font-family: futura_bk_btbook;
    font-size: 13px;
    color: #F8F2F1; }

  .anotherCountryMobile2 .CountryNbrsItem .callNb {
    display: block;
    height: 39px;
    width: 106px;
    background-size: contain !important;
    background-position: center bottom !important;
    background-repeat: no-repeat !important; }

  .removeOnMobile {
    display: none; }

  .cityNameSlide,
  .cityNbrSlide {
    width: 100%;
    max-width: 220px; }

  .nbToCallWrap.callUsNbSlideS {
    max-width: 220px;
    margin-top: 0px; }

  .callUsNbSlideS .nbToCallWrapInner .cityNameSlide {
    padding-top: 28px; }

  .bykoeinWrap .fullLink {
    display: block !important; }

  .innerItem.titleID_ways .oneItemMargin {
    padding-left: 0px !important; }

  .innerItem.titleID_ways .twoItemMargin {
    padding-left: 0px !important;
    padding-right: 0px !important; }

  .notes .infoWrap {
    padding-left: 5px; }

  .selected.cd_slider_item .deliver.enterWeb {
    margin-top: -50px !important; }

  .LB .selected.cd_slider_item .deliver.enterWeb {
    margin-top: 0px !important; }

  .bigArrow {
    display: none !important; }

  .boxFranchID .enterWeb {
    position: relative;
    margin-bottom: 42px; }

  .bigArrow {
    display: none; }

  .boxes {
    padding-left: 0%;
    padding-right: 0%; }

  .subSection .wrapGeneral {
    padding-left: 6%;
    padding-right: 6%; }

  .miniSection .box {
    max-width: 100%; }

  .websiteMenu .menuUl .sublink.selected a {
    color: #8BC53E !important; }

  .wrapSand .wrapImg img {
    position: relative;
    margin-bottom: -7px; }

  .AboutPid #wrapper {
    z-index: 4; }

  .wrapSectionFixing .item .wrapCircle {
    max-width: 300px;
    margin-left: auto;
    margin-right: auto; }

  .sliphoverID img {
    display: block;
    width: 100%; }

  .sliphoverID a {
    display: block;
    width: 100%; }

  .AboutPid .mobOnly {
    display: block; }

  .AboutPid .wrapDesc {
    position: relative;
    width: 100%;
    height: 277px;
    background-color: #8BC53E;
    overflow: hidden; }

  .AboutPid .sliphoverID {
    height: 321px;
    height: auto;
    width: 100%; }

  .AboutPid .wrapDesc .descriptions {
    position: relative;
    width: 100%; }

  .AboutPid .wrapDesc .descriptions .item {
    position: relative;
    padding-left: 6%;
    padding-right: 6%;
    -webkit-box-sizing: border-box;
    -khtml-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    height: 277px; }

  .imagesContainerID {
    display: block;
    height: 321px; }

  .AboutPid .imagesContainerID li .plusWrap,
  .AboutPid .da-thumbs li a div {
    display: none !important; }

  .AboutPid .imagesContainerID li {
    height: auto;
    display: block;
    width: 100%; }

  .AboutPid .wrapDesc .descriptions .item .title {
    display: block;
    line-height: 35px;
    width: 100%;
    max-width: 210px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    margin-top: 29px;
    font-family: futura_medium_bt;
    font-size: 30px;
    color: #FFFFFF; }

  .AboutPid .wrapDesc .descriptions .item .subTitle {
    display: block;
    width: 100%;
    text-align: center;
    margin-top: 8px;
    line-height: 21px;
    font-family: Arial, Verdana, Segoe, sans-serif;
    font-size: 14px;
    color: #E0F0CC; }

  .AboutPid .sub_id1 .subWrap {
    position: absolute;
    top: 50%;
    left: 0px;
    -webkit-box-sizing: border-box;
    -khtml-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 6%;
    padding-right: 6%; }

  .AboutPid .sub_id3 .textPart {
    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
    /* Netscape */
    -moz-opacity: 1;
    /* Safari 1.x */
    -khtml-opacity: 1;
    /* Good browsers */
    opacity: 1;
    /* Good browsers */
    -webkit-opacity: 1;
    /* Good browsers */
    -o-opacity: 1;
    height: 99px; }

  .AboutPid .sub_id3 .textPart .text {
    font-size: 40px; }

  .AboutPid .sub_id1 .subTitle span {
    display: block;
    font-weight: bold; }

  .AboutPid .wrapSectionFixing .item {
    float: none;
    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
    /* Netscape */
    -moz-opacity: 1;
    /* Safari 1.x */
    -khtml-opacity: 1;
    /* Good browsers */
    opacity: 1;
    /* Good browsers */
    -webkit-opacity: 1;
    /* Good browsers */
    -o-opacity: 1;
    width: 100% !important;
    margin-left: auto;
    margin-right: auto !important; }

  /*******Parallax on mobile***/
  .AboutPid .scrollHeight {
    display: none; }

  .AboutPid .sub_id6,
  .AboutPid .translateParent,
  .AboutPid .sub_id5,
  .AboutPid .txt_second,
  .AboutPid .fixated,
  .AboutPid .wrapSectionFixing,
  .AboutPid .subSection,
  .AboutPid .sub_id3 {
    position: relative !important;
    top: auto !important;
    left: auto !important; }

  .AboutPid .sub_id4 {
    display: block; }

  .AboutPid .subSection {
    height: auto !important;
    overflow: hidden; }

  .AboutPid .ContentWrap {
    position: relative;
    top: auto;
    left: auto; }

  .AboutPid .sub_id2 .fullImg {
    position: absolute;
    top: 0px;
    left: 0px; }

  .AboutPid .fixedMenu {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 53px;
    z-index: 2; }

  .AboutPid .fixedMenu.abs {
    position: absolute; }

  .AboutPid .scrollHeight {
    height: auto !important; }

  .sub_id4 .miniSection {
    min-height: 648px;
    min-height: 648px;
    min-height: 8px;
    padding-bottom: 30px; }

  .sub_id4 .titleSub {
    height: auto;
    padding-left: 5%;
    padding-right: 5%;
    -webkit-box-sizing: border-box;
    -khtml-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box; }

  .moreZindex4 .titleSub {
    margin-top: 173px; }

  .miniSection.subSection.moreZindex3 {
    padding-bottom: 170px; }

  .miniSection.subSection.moreZindex2 {
    padding-top: 193px;
    min-height: 1px;
    padding-bottom: 10px; }

  .sk_onion {
    width: 148px; }

  .miniSection.subSection.moreZindex2 .box .title {
    max-width: 190px; }

  .AboutPid .centerBox .center {
    position: relative;
    top: auto;
    left: auto;
    transition: none; }

  .AboutPid .sub_id1 {
    height: auto !important;
    min-height: 1%; }

  .imageTitleAboutSec1 {
    padding-top: 20px !important; }

  .miniSection .rightText {
    position: relative;
    line-height: 23px;
    top: auto;
    right: auto;
    padding-bottom: 244px;
    padding-top: 0;
    max-width: 100%;
    -webkit-box-sizing: border-box;
    -khtml-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
    /* Netscape */
    -moz-opacity: 1;
    /* Safari 1.x */
    -khtml-opacity: 1;
    /* Good browsers */
    opacity: 1;
    /* Good browsers */
    -webkit-opacity: 1;
    /* Good browsers */
    -o-opacity: 1; }

  .miniSection .sk_pizza {
    position: absolute;
    left: 6%;
    top: 359px;
    bottom: auto;
    width: 295px; }

  .miniSection .since {
    position: relative;
    top: auto;
    left: auto; }

  .miniSection .since .year {
    font-size: 102px;
    text-align: left;
    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
    /* Netscape */
    -moz-opacity: 1;
    /* Safari 1.x */
    -khtml-opacity: 1;
    /* Good browsers */
    opacity: 1;
    /* Good browsers */
    -webkit-opacity: 1;
    /* Good browsers */
    -o-opacity: 1; }

  .miniSection .since .yearSadow {
    position: absolute;
    font-size: 102px;
    top: 6px;
    left: 7px; }

  .mobildeQApic {
    display: block;
    height: 288px;
    background-size: cover; }

  .sub_id5 .mini1 .table {
    display: none; }

  .miniSection .since .txt_since {
    width: 118px;
    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
    /* Netscape */
    -moz-opacity: 1;
    /* Safari 1.x */
    -khtml-opacity: 1;
    /* Good browsers */
    opacity: 1;
    /* Good browsers */
    -webkit-opacity: 1;
    /* Good browsers */
    -o-opacity: 1; }

  .miniSection .imagePack.pack6 {
    display: none; }

  .menuPar {
    display: none; }

  .miniSection .box .description {
    line-height: 23px; }

  .miniSection .box {
    float: none;
    margin-right: 0; }

  .miniSection .box1 {
    margin-bottom: 50px; }

  .sub_id4 .subSection .text {
    font-size: 40px; }

  .identUl li .dots {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 12px; }

  .identUl li {
    float: none;
    width: 100%;
    text-align: center; }

  .coverLayer {
    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
    /* Netscape */
    -moz-opacity: 1;
    /* Safari 1.x */
    -khtml-opacity: 1;
    /* Good browsers */
    opacity: 1;
    /* Good browsers */
    -webkit-opacity: 1;
    /* Good browsers */
    -o-opacity: 1; }

  .wrapCircle .circleColor.grey {
    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
    /* Netscape */
    -moz-opacity: 1;
    /* Safari 1.x */
    -khtml-opacity: 1;
    /* Good browsers */
    opacity: 1;
    /* Good browsers */
    -webkit-opacity: 1;
    /* Good browsers */
    -o-opacity: 1;
    width: 123px;
    height: 123px; }

  .miniSection.subSection.moreZindex4 {
    padding-bottom: 220px; }

  .sub_id6 .wrapTxtQuality {
    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
    /* Netscape */
    -moz-opacity: 1;
    /* Safari 1.x */
    -khtml-opacity: 1;
    /* Good browsers */
    opacity: 1;
    /* Good browsers */
    -webkit-opacity: 1;
    /* Good browsers */
    -o-opacity: 1; }

  .sub_id6 .btmWrap {
    position: relative;
    bottom: auto;
    left: auto;
    height: auto;
    padding-bottom: 86px; }

  .scrollMouse {
    display: none; }

  .scrollMouse.mobOnly {
    display: block;
    z-index: 1;
    position: absolute; }

  .arrowBacktoTop {
    z-index: 4; }

  .sub_id6 .textWrap .title {
    margin-top: 0;
    padding-top: 20px; }

  .wrapCircle.qa_circle {
    top: -85px; }

  .wrapCircle .circleColor.green {
    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
    /* Netscape */
    -moz-opacity: 0.69;
    /* Safari 1.x */
    -khtml-opacity: 0.69;
    /* Good browsers */
    opacity: 0.69;
    /* Good browsers */
    -webkit-opacity: 0.69;
    /* Good browsers */
    -o-opacity: 0.69;
    width: 168px;
    height: 169px;
    margin-top: -14px; }

  .sub_id6 .topWrap {
    height: 225px;
    top: 110px;
    position: relative;
    left: auto; }

  .sub_id6 .wrapTxtQuality {
    font-size: 40px; }

  .wrapCircle.qa_circle.qa_circle2 {
    top: -75px; }

  .wrapCircle.qa_circle.qa_circle3 {
    top: -65px; }

  .sub_id6 .textWrap .title,
  .sub_id6 .textWrap .description {
    padding-left: 6%;
    padding-right: 6%;
    -webkit-box-sizing: border-box;
    -khtml-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box; }

  .navigationSwipe {
    position: absolute;
    bottom: 21px;
    left: 0;
    width: 100%;
    height: 39px;
    z-index: 2; }

  .navigationSwipe .navigation {
    width: 86px;
    height: 39px;
    margin-left: auto;
    margin-right: auto;
    position: relative; }

  .navigationSwipe .arrow {
    cursor: pointer;
    border: 2px solid #fff;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    width: 39px;
    height: 39px;
    position: relative;
    -webkit-box-sizing: border-box;
    -khtml-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box; }

  .navigationSwipe .arrow.right {
    float: right; }

  .navigationSwipe .arrow.left {
    float: left; }

  .navigationSwipe .arrow {
    font-size: 22px;
    color: #fff; }

  /*****end parallax******/
  .careerPid .wrapGeneral {
    padding-bottom: 33px; }

  .feedbackPid .iputHolder {
    padding-top: 0; }

  .messageUsMod .thankWrap .thankText.thankyouMsg {
    background-image: url(../images/sprite.png);
    background-position: -490px -1590px;
    background-repeat: no-repeat;
    -moz-background-size: initial;
    -webkit-background-size: initial;
    background-size: initial;
    width: 192px;
    height: 52px; }

  .part2MenuID .countChng .countryDropdown,
  .part2MenuID .countryDropdown {
    right: 0 !important;
    top: 45px !important; }

  .working {
    padding-top: 90px; }

  .btnEdged {
    margin-top: 26px; }

  .menuHead {
    display: block; }

  .homePid .menuHead {
    display: none; }

  .feedbackPid #wrapper {
    height: auto; }

  .boxFranchID .floatBox {
    float: none;
    width: 100% !important;
    margin-right: 0 !important; }

  .floatBox.left .wrap {
    max-width: 100%;
    padding-top: 88px;
    position: relative;
    text-align: center; }

  .messageUsMod .lineInp .inp .input textarea {
    height: -moz-calc(100% - 20px);
    height: -webkit-calc(100% - 20px);
    height: -o-calc(100% - 20px);
    height: calc(100% - 20px); }

  .messageUsMod .inp.textarea .input {
    height: 132px; }

  .messageUsMod {
    padding-left: 10%;
    padding-right: 10%; }

  .messageUsMod .lineInp .inp {
    width: 100%;
    margin-right: 0%; }

  .messageUsMod .inp.textarea {
    margin-bottom: 25px; }

  .thankWrap .thankText.thankyouMsg {
    background-image: url(../images/sprite.png);
    background-position: -490px -1590px;
    background-repeat: no-repeat;
    -moz-background-size: initial;
    -webkit-background-size: initial;
    background-size: initial;
    position: relative;
    width: 192px;
    height: 52px;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    margin-bottom: 5px; }

  .btmIn,
  .btmWrap {
    height: 208px; }

  .coverageModu .notes .close {
    top: 32px;
    right: 21px; }

  .ourDeliveryCov {
    float: none;
    margin-left: 20px;
    margin-top: 24px; }

  .coverageModu .notes .logoSmall {
    margin-left: 17px;
    margin-top: 0; }

  .coverageModu .enterWeb {
    top: auto;
    right: auto;
    margin-left: 23px;
    margin-top: 25px;
    position: relative; }

  .btmMapBtns .navigation .wrapNav {
    width: 160px;
    float: none;
    text-align: center;
    clear: both;
    margin: 0 auto; }

  .buttonBox,
  .locationBox {
    width: 100%; }

  .locationBox .sepChange.sep,
  .sepMob {
    float: none;
    position: absolute;
    height: 2px;
    clear: both;
    background-color: #222222;
    width: 100%;
    bottom: 0; }

  .buttonBox .btnGeneral {
    margin-left: auto;
    margin: auto;
    position: relative;
    float: none; }

  .buttonBox .btnGeneral.covCss {
    margin-bottom: 15px; }

  .buttonBox {
    padding-top: 33px;
    height: 110px; }

  .sepMob {
    position: relative;
    bottom: auto; }

  .btmMapBtns .navigation {
    float: none;
    width: 100%;
    height: 77px;
    padding-top: 16px; }

  .initial.locationBox {
    height: 147px; }

  .initial.locationBox .locAddress {
    width: 90%;
    float: none;
    padding-top: 26px;
    margin-top: 0; }

  .initial.locationBox .telEmail {
    padding-top: 18px;
    width: 90%;
    float: none;
    padding-left: 60px; }

  .locAddress .fa-map-marker {
    top: 21px; }

  .reachLocations .locAddress,
  .reachLocations .telEmail {
    width: 100%;
    padding-top: 18px; }

  .reachLocations .item {
    height: auto;
    margin-bottom: 5px; }

  .reachLocations .closeWrap {
    position: absolute;
    top: 33px;
    left: 23px;
    z-index: 2;
    width: 69px;
    height: 70px; }

  .locationBox .sepChange {
    display: block; }

  .reachLocations .wrpLocations {
    height: 97%;
    padding-left: 25px;
    padding-top: 130px; }

  .boxShareID .thankWrap {
    padding-top: 173px; }

  .thankWrap .line {
    display: none; }

  .lineInp .feedSelectCss.selec select {
    width: 100%;
    left: 0;
    background-color: #FAFAF8; }

  .lineInp .inp .input,
  .lineInp .inp .input textarea {
    background-color: #FAFAF8; }

  .messageUsMod .lineInp .inp .input,
  .messageUsMod .lineInp .inp .input textarea {
    background-color: transparent; }

  .lineInp .inp .input {
    padding-left: 2%;
    padding-right: 2%; }

  .lblSelect {
    display: none; }

  .dineInput {
    float: none; }

  .lineInp .inp {
    width: 100%;
    float: none; }

  .feedbackTitle {
    padding-top: 10px;
    padding-bottom: 15px; }

  .boxShareID .description {
    margin: 0 auto;
    margin-bottom: 28px; }

  .boxShareID .btnGeneral {
    margin-bottom: 22px;
    margin-left: auto;
    margin-right: auto; }

  .boxShareID .floatBox.left {
    width: 100%;
    margin-right: 0%; }

  .boxShareID .floatBox.right {
    width: 100%;
    padding-left: 11%;
    padding-right: 11%;
    -webkit-box-sizing: border-box;
    -khtml-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box; }

  .threePics {
    display: none; }

  .MenuPid #wrapper {
    height: 100%; }

  .relMenu .websiteMenuWrap {
    position: absolute;
    top: 0px;
    left: 0px; }

  .darkMenu .websiteMenu {
    padding-left: 0px; }

  .people .item {
    width: 100%;
    float: none;
    margin-right: 0; }

  .wrapGeneral {
    padding-left: 2%;
    padding-right: 2%;
    -webkit-box-sizing: border-box;
    -khtml-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box; }

  .careerPid .wrapGeneral {
    padding-left: 6% !important;
    padding-right: 6%;
    -webkit-box-sizing: border-box;
    -khtml-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box; }

  .MenuPid #wrapper {
    height: auto; }

  .newOnMenuWrap .line {
    height: 193px; }

  .newOnMenuWrap {
    left: 42px; }

  .sandwich .wrapSand {
    overflow: hidden;
    position: relative;
    bottom: auto;
    right: auto; }

  .wrapSand .imgOverflow {
    overflow: hidden;
    width: 100%; }

  .sandwich {
    height: auto;
    margin-top: 107px;
    position: relative;
    top: auto;
    right: auto;
    max-width: 100%; }

  .orderDelivery {
    margin-left: auto;
    margin-right: auto;
    padding-left: 2%;
    padding-right: 2%;
    box-sizing: border-box;
    padding-top: 70px; }

  .desk {
    display: none !important; }

  .mob {
    display: block; }

  .websiteMenu .menuUl li.last {
    padding-left: 0px; }

  .websiteMenuWrap .submenu ul li,
  .websiteMenu .menuUl li {
    float: none; }

  .callusView,
  .locateUsView {
    top: 25%;
    margin-top: 0%; }

  .ipodCss .innerItem .links,
  .iphoneCss .innerItem .links {
    margin-top: 0px; }

  .innerItem .itemLink .text {
    font-size: 13px;
    margin-bottom: 10px;
    margin-top: 5px; }

  .callNb {
    display: block; }

  .socials .social.bell img,
  .notes .close .ico img,
  .btmPart_ways .smallLogo .imgLog,
  .closeBtn .txt_close img,
  .innerItem .itemLink .icon img,
  .logoFull img {
    display: block; }

  .socials .social.bell,
  .notes .close .ico,
  .logoFull,
  .closeBtn .txt_close,
  .innerItem .itemLink .icon,
  .btmPart_ways .smallLogo {
    background-image: none !important; }

  .websiteMenuWrap .callUsNb {
    display: block; }

  .websiteMenuWrap .callUsNb.menuCss {
    display: none; }

  .countryPid .logoWrap {
    padding-top: 13px; }

  .greenLayout .cadre {
    padding: 7px; }

  .countryList li .topDot {
    margin-bottom: 15px; }

  .countryList li {
    height: 51px; }

  .countryPid .fullWrap {
    min-height: 513px;
    min-height: 113px; }

  .countryList {
    margin-top: 22px; }

  .notes .location,
  .notes .depart {
    font-size: 15px; }

  .open .contentDrop {
    height: 101px; }

  .txt_findBranch {
    padding-left: 5%;
    padding-right: 5%;
    font-size: 18px; }

  .homePid .logoWrap .logo {
    width: 210px;
    margin-top: 17px; }

  .homePid .logoWrap.css_height1 {
    height: 150px; }

  .dropDown {
    max-width: 307px;
    margin-top: 17px; }

  .innerItem {
    top: 12%; }

  .state2 .innerItem {
    top: 14%; }

  .state0 .navigation,
  .state2 .navigation {
    bottom: 99px;
    position: absolute; }

  .innerItem.full .links .itemLink {
    width: 100%;
    float: none;
    margin-bottom: 22px; }

  .innerItem.full .itemLink.locate {
    margin-bottom: 0; }

  .wrapBtm_fill .textFill span {
    display: block; }

  .wrapBtmWays .byKoein {
    position: relative;
    top: auto;
    right: auto;
    padding-bottom: 26px;
    margin-left: auto;
    margin-right: auto; }

  .wrapBtmWays .icoSgs {
    position: relative;
    top: auto;
    left: auto;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 9px;
    display: none; }

  .wrapBtmWays .btmPart_ways {
    max-width: 280px; }

  .wrapBtmWays {
    height: auto; }

  .wrapBtmWays .wrapBtm_fill .textFill {
    padding-bottom: 5px;
    padding-top: 10px;
    line-height: 15px;
    font-style: 11px; }

  .homeSlideSID .text .line {
    display: none; }

  .innerItem .txt_palce,
  .threeEasyWays {
    max-width: 240px;
    margin-left: auto;
    margin-right: auto; }

  .homeSlideSID .title {
    max-width: 240px; }

  .submenuWrap {
    display: none !important; }

  .radialSlie3 .websiteMenu .menuUl li a,
  .radialSlie3 .websiteMenu .menuUl li .linkMenuLike {
    color: #fff; }

  .logoLike {
    width: 85px;
    height: 29px;
    background-image: url(../images/sprite.png);
    background-position: -689px -260px;
    background-repeat: no-repeat;
    -moz-background-size: initial;
    -webkit-background-size: initial;
    background-size: initial;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    margin-top: 26px;
    left: auto;
    top: auto; }

  .websiteMenuWrap {
    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
    /* Netscape */
    -moz-opacity: 0;
    /* Safari 1.x */
    -khtml-opacity: 0;
    /* Good browsers */
    opacity: 0;
    /* Good browsers */
    -webkit-opacity: 0;
    /* Good browsers */
    -o-opacity: 0;
    display: none;
    overflow: hidden;
    width: 100%;
    height: 100%;
    min-height: 633px;
    position: absolute;
    -webkit-transition: opacity 0.3s ease;
    -khtml-transition: opacity 0.3s ease;
    -moz-transition: opacity 0.3s ease;
    -ms-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
    background-color: #464642; }

  .websiteMenu .menuUl li a {
    font-size: 13px;
    color: #fff !important;
    padding-left: 0;
    padding-right: 0; }

  .threeDash {
    position: absolute;
    top: 0;
    left: 0;
    height: 21px;
    color: #fff;
    font-size: 20px !important;
    cursor: pointer;
    padding-top: 21px;
    text-align: center;
    width: 100%;
    z-index: 3;
    text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.65); }

  .websiteMenuWrap.open {
    z-index: 33;
    display: block; }

  .websiteMenuWrap {
    -webkit-transition: opacity 0.3s ease;
    -khtml-transition: opacity 0.3s ease;
    -moz-transition: opacity 0.3s ease;
    -ms-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
    /* Netscape */
    -moz-opacity: 0;
    /* Safari 1.x */
    -khtml-opacity: 0;
    /* Good browsers */
    opacity: 0;
    /* Good browsers */
    -webkit-opacity: 0;
    /* Good browsers */
    -o-opacity: 0;
    min-height: 100vh; }

  .websiteMenuWrap.opacity {
    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
    /* Netscape */
    -moz-opacity: 1;
    /* Safari 1.x */
    -khtml-opacity: 1;
    /* Good browsers */
    opacity: 1;
    /* Good browsers */
    -webkit-opacity: 1;
    /* Good browsers */
    -o-opacity: 1; }

  .websiteMenuWrap .callUsNb {
    visibility: hidden; }

  .websiteMenuWrap.opCss .callUsNb {
    visibility: visible; }

  .websiteMenuWrap.open .logoLike {
    display: block; }

  .websiteMenu .bg {
    height: 34px !important; }

  .websiteMenuWrap .closeBtnMenu {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    width: 18px;
    height: 21px;
    color: #fff;
    font-size: 20px !important;
    cursor: pointer;
    text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.65); }

  .withSub.openSub .sublinkMob {
    height: auto;
    padding-bottom: 11px;
    margin-top: 5px;
    display: block;
    position: relative;
    width: 100%; }

  .withSub.openSub .bg {
    background-color: #8BC53E; }

  .websiteMenu {
    height: auto !important;
    padding-top: 18px; }

  .websiteMenu .menuUl {
    height: auto;
    display: none;
    width: 100%; }

  .websiteMenuWrap.open .menuUl {
    display: block;
    text-align: center;
    margin-top: 36px; }

  .websiteMenuWrap.open .threeDash {
    display: none !important; }

  .websiteMenuWrap.open .closeBtnMenu {
    display: block !important; }

  .websiteMenu .menuUl li {
    display: block;
    width: 100%;
    margin-bottom: 15px; }

  .websiteMenu .menuUl li.last.levl1 {
    margin-top: 39px; }

  .withSub.openSub ul.sublinkMob {
    -webkit-transition: height 0.5s ease;
    -khtml-transition: height 0.5s ease;
    -moz-transition: height 0.5s ease;
    -ms-transition: height 0.5s ease;
    -o-transition: height 0.5s ease;
    transition: height 0.5s ease;
    -webkit-transition: margin-top 0.3s ease;
    -khtml-transition: margin-top 0.3s ease;
    -moz-transition: margin-top 0.3s ease;
    -ms-transition: margin-top 0.3s ease;
    -o-transition: margin-top 0.3s ease;
    transition: margin-top 0.3s ease;
    background-color: #62625E; }

  .withSub ul.sublinkMob li {
    /* padding-top: 20px;
    margin-bottom: 6px;*/
    padding-top: 13px;
    margin-bottom: 3px; }

  .chooseCountryMod .title .doubleLine {
    display: none; }

  .chooseCountryMod .title .text .part1 {
    margin-bottom: 17px; }

  .chooseCountryMod .title .text .part {
    margin-left: auto;
    margin-right: auto;
    float: none; }

  .bottomMenu {
    position: absolute;
    bottom: 63px;
    left: 0;
    width: 100%; }

  .doubleLines {
    position: relative;
    width: 100%; }

  .doubleLines .line {
    position: relative;
    width: 100%;
    height: 1px; }

  .doubleLines .line.top {
    background-color: #595955; }

  .doubleLines .line.btm {
    background-color: #383835; }

  .socials {
    display: none;
    z-index: 34;
    top: auto;
    bottom: 0px;
    height: 33px;
    left: 50%;
    width: 100%;
    text-align: left;
    margin-top: 0;
    margin-left: -130px; }

  .socials .social {
    margin-left: 19px;
    margin-right: 19px;
    margin-bottom: 0;
    color: #fff !important; }

  .socials .social.bell {
    margin-right: 0; }

  .socials.show {
    display: inline-flex; }

  .bottomMenu .callUsNb {
    width: 172px;
    margin-top: 22px; }

  .socials.fa-facebook {
    margin-left: 0; }

  .whatIsHappening .title {
    width: auto; }

  .fullWrap {
    padding-left: 2%;
    padding-right: 2%;
    box-sizing: border-box; }

  .introPid .wrapClose {
    padding-top: 13px; }

  .introPid .fullWrap {
    min-height: 0px; }

  .whatIsHappening .item .text {
    max-width: 277px; }

  .mobile {
    display: block !important; }

  .countryDropdown .countries .country {
    padding-bottom: 16px;
    text-align: center; }

  .countryDropdown .countries {
    right: -8px; }

  .countryDropdown .wrapCountry {
    padding-left: 0; }

  .countryDropdown {
    display: none;
    width: 90px;
    right: 0;
    top: 45px; }

  /**/
  .threeEasyWays {
    height: 60px; }

  .firstStep .innerItem {
    min-height: 256px; }

  .firstStep .onTop {
    margin-top: 7px;
    margin-bottom: 28px; }

  .innerItem .txt_palce {
    margin-top: 5px; }

  /**/
  .menuMapFix {
    height: 226px; }

  .menuMap {
    width: 100%; }

  .notes {
    padding-top: 30px; }

  .notes .close {
    top: 28px;
    right: 14px; }

  .notes .infoWrap {
    float: none;
    margin-left: 0px;
    margin-right: 0;
    display: block;
    margin-top: 0; }

  .notes .location {
    margin-top: 12px;
    margin-left: 14px;
    float: none;
    margin-bottom: 21px; }

  .notes .info {
    float: none;
    margin-left: 14px;
    margin-right: 0;
    display: block;
    margin-top: 0; }

  .notes .depart {
    float: none;
    margin-top: 27px;
    margin-left: 14px; }

  .notes .logoSmall {
    float: none;
    margin-left: 14px;
    margin-top: 0;
    display: block; }

  .notes .depart .dots {
    display: none;
    float: none; }

  .notes .info.telef {
    margin-right: 0;
    margin-bottom: 8px; }

  .mobileCss .sectionType {
    width: 100% !important; }

  .mobileCss .subSection {
    display: none; }

  .mobileCss .bottomMenu {
    position: relative;
    bottom: auto;
    left: auto;
    width: 100%; }

  .mobileCss.menuO .mainSection {
    height: 985px !important; }

  .openenuCss.mobileCss.menuO .mainSection {
    height: auto !important; }

  .mobileSocial .socials {
    display: block;
    position: relative;
    margin-left: -125px;
    margin-top: 30px; }

  .mobileSocial .socials .social {
    position: relative;
    float: left; }

  .state0 .innerItem.calculated,
  .state2 .innerItem.calculated {
    bottom: 100px; }

  .introPid .logoWrap .logo {
    margin-top: -17px; }

  .introPid .logoWrap {
    height: 113px; }

  .whatIsHappening {
    height: 266px; }

  .whatIsHappening .title {
    margin-bottom: 22px;
    margin-top: 50px; }

  .enterWeb {
    margin-top: 21px; }

  .whatIsHappening .swiper-pagination {
    margin-top: 15px; }

  .introPid .callUsNb {
    margin-top: 43px; }

  .firstStep .ellipse {
    background-image: url(../images/mob_ellipse_easyways.png); }

  .homePid .logoWrap {
    padding-top: 2px; }

  .part2MenuID .open .websiteMenu {
    width: 100%;
    margin-left: 0; }

  .txt_ourPeople {
    padding-top: 90px; }

  .morePad {
    padding-left: 6% !important;
    padding-right: 6% !important; }

  .reachLocations .locAddress {
    padding-top: 0 !important; }

  .reachLocations .item:first-child .locAddress {
    margin-top: 0 !important; }

  .messageUsPid #wrapper {
    min-height: 830px; }

  .messageUsMod .wrapClose {
    padding-top: 14px; }

  .msgUsTxt {
    margin-bottom: 10px;
    margin-top: 17px; }

  .part2MenuID .websiteMenuWrap .callUsNb {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    width: 208px;
    height: 58px;
    margin-top: 52px;
    background-image: url(../images/sprite.png);
    background-position: -442px 0px;
    background-repeat: no-repeat;
    -moz-background-size: initial;
    -webkit-background-size: initial;
    background-size: initial;
    top: auto;
    right: auto; }

  .orderDelivery {
    max-width: 364px; }

  .relMenuFixBg {
    display: none;
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: #fff;
    z-index: 4;
    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
    /* Netscape */
    -moz-opacity: 0.86;
    /* Safari 1.x */
    -khtml-opacity: 0.86;
    /* Good browsers */
    opacity: 0.86;
    /* Good browsers */
    -webkit-opacity: 0.86;
    /* Good browsers */
    -o-opacity: 0.86; }

  .relMenu {
    z-index: 4; }

  .section_id1 .fixated {
    position: absolute !important;
    top: 0px !important;
    left: 0 !important;
    width: 100%;
    height: 491px !important; }

  .txt_ourCommitments {
    display: none; }

  .sk_tomato {
    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
    /* Netscape */
    -moz-opacity: 1;
    /* Safari 1.x */
    -khtml-opacity: 1;
    /* Good browsers */
    opacity: 1;
    /* Good browsers */
    -webkit-opacity: 1;
    /* Good browsers */
    -o-opacity: 1; }

  .sk_rocaSmall {
    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
    /* Netscape */
    -moz-opacity: 1;
    /* Safari 1.x */
    -khtml-opacity: 1;
    /* Good browsers */
    opacity: 1;
    /* Good browsers */
    -webkit-opacity: 1;
    /* Good browsers */
    -o-opacity: 1; }

  .yearSadow {
    top: 7px;
    left: 7px; }

  .sub_id6 .qa_circle {
    top: 15px !important; }

  .sub_id6 .qa_circle2 {
    top: 15px !important; }

  .sub_id6 .qa_circle3 {
    top: 25px !important; }

  .sub_id6 .circleColor {
    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
    /* Netscape */
    -moz-opacity: 1;
    /* Safari 1.x */
    -khtml-opacity: 1;
    /* Good browsers */
    opacity: 1;
    /* Good browsers */
    -webkit-opacity: 1;
    /* Good browsers */
    -o-opacity: 1;
    width: 168px;
    height: 169px; }

  .sub_id6 .circleColor.white {
    width: 143px;
    height: 143px; }

  .sub_id6 .circleColor.grey {
    width: 123px;
    height: 123px; }

  .identUl li,
  .subMini3 .box,
  .miniSection .box1,
  .miniSection .box2,
  .sub_id6 .topWrap,
  .AboutPid .sub_id3 .textPart,
  .miniSection .since .txt_since,
  .wrapCircle .circleColor.grey,
  .coverLayer,
  .AboutPid .wrapSectionFixing .item,
  .miniSection .since .year,
  .miniSection .rightText,
  .sub_id6 .wrapTxtQuality,
  .sk_tomato,
  .sk_rocaSmall,
  .sub_id6 .circleColor,
  .sk_citron,
  .sk_img4,
  .sk_pepper,
  .sk_miel,
  .sk_champ2,
  .sk_img2,
  .sk_champ,
  .sk_tomatoCut,
  .sk_feuille,
  .sk_mint2,
  .logoISO,
  .sub_id4 .subText,
  .identUl,
  .arrowBacktoTop,
  .sequence3,
  .sequence2,
  .sequence1,
  .sequence4,
  .sk_onion,
  .sk_garlic,
  .sk_img3,
  .sk_onion1,
  .sk_leaves,
  .sk_farine,
  .sk_threTomatos,
  .sk_olive,
  .sub_id4 .line,
  .miniSection .sk_pizza,
  .sub_id5 .wrapToday,
  .sub_id5 .wrapToday .text,
  .sub_id5 .wrapToday .sk_today {
    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
    /* Netscape */
    -moz-opacity: 1;
    /* Safari 1.x */
    -khtml-opacity: 1;
    /* Good browsers */
    opacity: 1;
    /* Good browsers */
    -webkit-opacity: 1;
    /* Good browsers */
    -o-opacity: 1; }

  .subMini2 {
    overflow: visible; }

  .arrowBacktoTop {
    position: absolute;
    bottom: 0;
    left: 0px;
    width: 100%; }

  .sk_mint2 {
    width: 79px;
    bottom: 40px;
    left: 0px;
    top: auto; }

  .sub_id4 .subText {
    width: auto; }

  .sub_id1 .title {
    max-width: 227px;
    margin-left: auto;
    margin-right: auto; }

  .wrapSectionFixing {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }

  .wrapSectionFixing .item .circle {
    margin-top: 34px; }

  .sk_onion1 {
    z-index: 2; }

  .sk_farine {
    left: 46%; }

  .sub_id6 .topWrap {
    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
    /* Netscape */
    -moz-opacity: 1;
    /* Safari 1.x */
    -khtml-opacity: 1;
    /* Good browsers */
    opacity: 1;
    /* Good browsers */
    -webkit-opacity: 1;
    /* Good browsers */
    -o-opacity: 1; }

  .ellipseSince {
    pointer-events: none;
    position: absolute;
    top: -30px;
    left: 0;
    width: 100%;
    height: 400px; }

  .AboutPid .subSection.subMini4 {
    visibility: visible; }

  .anchor.anchor_theChange {
    top: 380px; }

  .anchor.anchor_theDifference {
    top: -30px; }

  .anchor.anchor_theHistory {
    top: -73px; }

  .subMini3 .box,
  .miniSection .box1,
  .miniSection .box2 {
    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
    /* Netscape */
    -moz-opacity: 1;
    /* Safari 1.x */
    -khtml-opacity: 1;
    /* Good browsers */
    opacity: 1;
    /* Good browsers */
    -webkit-opacity: 1;
    /* Good browsers */
    -o-opacity: 1; }

  .wrapSectionFixing .item .circle {
    transition: none; }

  .fullLink {
    display: none; }

  .wrapSectionFixing .item {
    height: 226px; }

  .sub_id3 .fa-angle-left:before {
    display: block;
    margin-left: -1px;
    margin-top: 3px; }

  .sub_id3 .fa-angle-right:before {
    display: block;
    margin-left: 3px;
    margin-top: 3px; }

  .mobileSocial .socials {
    display: inline-block;
    text-align: left;
    margin-left: auto;
    width: 252px;
    width: 224px;
    margin-right: auto;
    left: auto; }

  .mobileSocial {
    text-align: center; }

  .mobileSocial .socials .fa-facebook {
    margin-left: 0px; }

  .mobileCss .mobileSocial .bottomMenu {
    position: relative;
    bottom: auto;
    left: auto;
    width: 100%; }

  .mobileSocial .top.light {
    display: block !important; }

  .mobileSocial .top.darkend {
    display: none !important; }

  .btmMapBtns .navigation,
  .locationBox {
    float: none;
    width: 100%; }

  .careerPid .btnEdged {
    margin-bottom: 22px; }

  .descJobs {
    padding-bottom: 40px; }

  .MenuPid .countryDropdown,
  .MenuPid .countryDropdown .countries,
  .ourPeoplePid .countryDropdown .countries,
  .feedbackPid .countryDropdown .countries,
  .AboutPid .countryDropdown .countries {
    right: 0px !important; }

  .homePid .countryDropdown,
  .homePid .countryDropdown.open .countries {
    right: 0px !important; }

  .oneBtn .locationBox {
    width: 100%; }
  .oneBtn .buttonBox {
    height: 122px; }

  .sponsorPid .lineInp .cssWidth2 .labelWrap {
    width: 71px; }
  .sponsorPid .lineInp .cssWidth2 .selectInptWrap {
    width: -moz-calc(100% - 71px);
    width: -webkit-calc(100% - 71px);
    width: -o-calc(100% - 71px);
    width: calc(100% - 71px); }
  .sponsorPid .lineInp .cssWidth2 select {
    padding-left: 9px !important; }
  .sponsorPid .lineInp .cssWidth1 .labelWrap {
    width: 140px; }
  .sponsorPid .lineInp .cssWidth1 select {
    padding-left: 4px !important; }
  .sponsorPid .lineInp .cssWidth1 .selectInptWrap {
    width: -moz-calc(100% - 140px);
    width: -webkit-calc(100% - 140px);
    width: -o-calc(100% - 140px);
    width: calc(100% - 140px); }
  .sponsorPid .lineInp .inp.selec .arrow {
    right: 10px; }
  .sponsorPid .morePad.boxShareID {
    padding-left: 1% !important;
    padding-right: 1% !important; }
  .sponsorPid .boxShareID .floatBox.right {
    padding-left: 1%;
    padding-right: 1%; }

  .btnWrap.lineInp {
    margin-bottom: 42px; }

  .theForm.show .locationBloc .infoLoca {
    position: relative !important;
    height: auto !important;
    bottom: 0px !important;
    right: auto !important;
    left: 0px !important;
    width: 100% !important;
    line-height: normal;
    padding-top: 5px;
    margin-bottom: 16px; }

  .sponsorPid .iputHolder {
    padding-top: 50px; }

  .locationPanel .infoLoca {
    padding-left: 11px; }

  .sponsorPid .floatBox.left .wrap {
    max-width: 100%; }

  .main_link,
  .linkMenuLike {
    padding-top: 0px !important;
    margin-top: 0px !important;
    margin-bottom: 0px !important; }

  .talkToUsTtl,
  .careerTitle {
    top: 0 !important;
    padding-top: 0px !important;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    height: 34px !important;
    line-height: 34px !important;
    display: block; }

  .withSub .sublinkMob {
    margin-top: 0 !important; }

  .websiteMenu .bg {
    top: 0 !important; }

  .main_link a {
    height: 34px !important;
    line-height: 34px !important; }

  .withSub ul.sublinkMob li {
    padding-top: 0px !important;
    margin-bottom: 0px !important; } }
@media (max-width: 767px) and (max-height: 500px) {
  .open .contentDrop {
    height: 180px; }

  .state2 .innerItem.navigation {
    display: none; }

  .wrpCountryMod .topDot {
    display: none; } }
@media (max-width: 767px) {
  .overFlowCss {
    height: 100vh;
    overflow: hidden;
    overflow-y: visible; }

  .sk_Mint_new {
    top: 240px; }

  .sk_onion1 {
    top: 440px; }

  .byKoein {
    left: 0% !important; }

  .fourOFour {
    padding-left: 5%;
    padding-right: 5%; }

  /*******buttonBoxWrap******/
  .buttonBoxWrap {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    position: relative;
    padding-top: 26px;
    padding-bottom: 24px;
    text-align: center;
    top: auto;
    height: auto;
    right: auto;
    max-width: 231px;
    margin-left: auto;
    margin-right: auto; }
    .buttonBoxWrap .buttonBox {
      height: 56px;
      display: inline-block;
      vertical-align: top;
      margin-left: 1%;
      margin-right: 1%; }
      .buttonBoxWrap .buttonBox:first-child {
        margin-bottom: 22px; }

  .btmMapBtns .navigation {
    padding-top: 0;
    height: 55px; }
    .btmMapBtns .navigation .wrapNav {
      margin-left: auto !important; }

  .LocationAjaxData {
    padding-top: 29px;
    padding-bottom: 29px; }

  .initial.locationBox .telEmail {
    padding-left: 36px !important; }
  .initial.locationBox .locAddress {
    padding-top: 0; }

  .btmMapBtns .navigation .wrapNav {
    margin-left: auto !important; }

  .twoCheckboxesForLocation {
    height: auto;
    text-align: center;
    padding-left: auto;
    padding-right: auto;
    -webkit-box-sizing: border-box;
    -khtml-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 86%; }

  .checkboxesForLoc {
    float: none;
    display: inline-block;
    vertical-align: top;
    width: 32%;
    padding-left: 1%;
    padding-right: 1%;
    -webkit-box-sizing: border-box;
    -khtml-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box; }
    .checkboxesForLoc .label {
      text-align: left; }
    .checkboxesForLoc label {
      text-align: left; }

  .wrapInputCheckbox {
    width: 100%; }

  .wrapInputCheckbox .label {
    padding-left: 26px;
    font-size: 16px; }
  .wrapInputCheckbox label {
    font-size: 16px; }

  .twoCheckboxesForLocation .checkboxesForLoc:nth-child(1) {
    width: auto;
    padding-left: 2%;
    padding-right: 2%; }
  .twoCheckboxesForLocation .checkboxesForLoc:nth-child(2) {
    width: auto;
    padding-left: 2%;
    padding-right: 2%; }
  .twoCheckboxesForLocation .checkboxesForLoc:nth-child(3) {
    width: auto;
    padding-left: 2%;
    padding-right: 2%; }

  .btmMapBtnsWrap {
    display: block; }

  .locationBox .sepChange.sep {
    position: relative; }

  .wrpCountryMod {
    height: -moz-calc(100vh - 109px);
    height: -webkit-calc(100vh - 109px);
    height: -o-calc(100vh - 109px);
    height: calc(100vh - 109px);
    top: 109px; }

  .countryPid .logoWrap .logo {
    width: 126px; }

  /*****about mob*******/
  .sk_leaves {
    top: 330px;
    width: 90px !important; }

  .sk_feuille {
    width: 60px; }

  .sk_Lettuce_new {
    display: none; }

  .sk_Mint_new {
    top: 540px; }

  .sk_onion1 {
    top: 440px;
    right: -70px; }

  .countryDropdown .countries {
    max-height: 196px; }

  .sub_id4 .subMini1 {
    padding-top: 0; }

  .sub_id4 .miniSection .sk_pizza {
    bottom: 30px;
    top: auto; }

  /***********/
  .btmMapBtnsWrap {
    padding-bottom: 0px; }

  .buttonBoxWrap {
    padding-bottom: 20px;
    padding-top: 20px; }

  .homePart2 .bykoeinWrap {
    display: none; }

  .homePid .logoWrap .logo {
    margin-top: 0px !important; }

  .homePid .logoWrap {
    padding-top: 40px !important; }

  .AboutPid .sub_id6 {
    padding-bottom: 72px; }

  .radialEllipseSmall,
  .radialEllipse {
    display: none; }

  .deliveryPID .notes {
    padding-top: 24px; }
  .deliveryPID .coverageModu .notes .close {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    display: block;
    top: auto;
    right: auto; }
  .deliveryPID .logoSmall {
    display: none; }
  .deliveryPID .coverageModu .enterWeb {
    margin-left: auto;
    margin-right: auto; }
  .deliveryPID .ourDeliveryCov {
    margin-left: 0px;
    text-align: center; }

  .websiteMenu .menuUl li:first-child {
    margin-top: 15px; }

  .twoItemMargin,
  .oneItemMargin,
  .links.cd-slider-navigation .twoItemMargin,
  .itemLink.call.twoItemMargin.cd-slideLink {
    padding-left: 0% !important;
    padding-right: 0% !important; }

  .wrapBtmWays .byKoein {
    margin-top: 5px; }

  .homePid .info.telef font {
    display: inline;
    margin-top: 0px; }
  .homePid .notes .info.telef span {
    float: left; }
  .homePid .notes .info.email {
    width: 293px !important; }

  .nbToCallWrapInner {
    width: 100% !important;
    max-width: 100% !important; }
    .nbToCallWrapInner .cityNameSlide {
      text-align: center; }
    .nbToCallWrapInner .cityNbrSlide {
      font-size: 25px;
      max-width: 100% !important;
      width: 100% !important; }

  .callUsNbSlideS .nbToCallWrapInner .cityNameSlide {
    width: 100%;
    max-width: 100%;
    text-align: center;
    font-size: 29px; }

  .nbToCallWrap.callUsNbSlideS {
    max-width: 310px; }

  /*********online comments****/
  .notes .depart {
    margin-bottom: 12px; }

  .notes .location {
    margin-top: 0; }

  /*****************/ }
@media (max-width: 540px) {
  .notes .info.email {
    width: 277px !important; }

  .notes .info {
    margin-left: 11px !important; }

  .sub_id4 .subText span {
    font-size: 21px; }

  .whatIsHappening .title {
    width: auto;
    font-size: 26px; }

  .dropDown {
    max-width: 257px; }
    .dropDown .arrow {
      right: 10px; }

  .contentDrop .mCSB_scrollTools {
    right: 6px; }

  .shadow {
    display: none; }

  .shadow.shad2 {
    bottom: -118px;
    left: -270px;
    display: block; }

  .radialSlie3.homePid .logoWrap.css_height1 {
    height: 149px; }

  .css_slide3 .callUsNb {
    margin-top: 17px; }

  .css_slide3 .imagesPlace {
    height: 90px;
    position: absolute;
    bottom: 50%;
    left: 0px; }

  .homeSlideSID .css_slide1 .callUsNb {
    margin-top: 25px; }

  .txt_callUsOn,
  .nbToCallWrap,
  .homeSlideSID .title {
    -webkit-box-sizing: border-box;
    -khtml-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 220px;
    padding-left: 20px;
    padding-right: 20px;
    margin-left: auto;
    margin-right: auto; }

  .homeSlideSID .title {
    height: auto; }

  .imagesPlace {
    height: 180px; }

  .state2 .mCSB_scrollTools {
    right: 6px; } }
@media only screen and (min-width: 1380px) and (max-width: 1460px) {
  .websiteMenu {
    text-align: center; } }
@media only screen and (min-width: 1180px) and (max-width: 1380px) {
  .websiteMenu {
    text-align: center; } }
@media only screen and (max-width: 1450px) {
  .websiteMenu .menuUl li a,
  .websiteMenu .menuUl li .linkMenuLike {
    padding-left: 8px;
    padding-right: 8px; }

  .ourPeoplePid .wrapGeneral,
  .careerPid .wrapGeneral {
    padding-left: 70px !important; } }
@media only screen and (max-width: 860px) {
  .websiteMenu .menuUl li a,
  .websiteMenu .menuUl li .linkMenuLike {
    padding-left: 4px;
    padding-right: 4px; } }
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  .arrowBacktoTop {
    z-index: 33; }

  .imagesContainerID li .title {
    font-size: 25px; }

  .imagesContainerID li .subTitle {
    margin-top: 8px;
    -webkit-box-sizing: border-box;
    -khtml-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 2%;
    padding-right: 2%; }

  .subMini2 .table .cell {
    vertical-align: top; }

  .sk_champ2 {
    display: none; }

  .sk_feuille {
    top: -290px; }

  .miniSection .since {
    top: 0px; }

  /*********/
  .wrpLocations {
    padding-left: 6%;
    padding-right: 2%;
    height: 95%; }

  .reachLocations .mCSB_scrollTools {
    right: -4px; }

  .aboutSection1Text {
    padding-left: 25px;
    padding-right: 25px; }

  .AboutPid .da-thumbs li a .innerSs {
    top: 0px !important;
    left: 0px !important;
    display: none; }

  .AboutPid .da-thumbs li a .innerSs .table,
  .AboutPid .da-thumbs li a .innerSs .table .cell {
    top: 0px !important;
    left: 0px !important; }

  .closeWeBeleiveDets {
    display: block !important;
    text-align: center !important;
    margin-right: auto !important;
    width: 20px !important;
    margin-left: auto !important;
    height: 20px !important;
    position: relative !important;
    transition: none;
    background-color: transparent !important;
    margin-bottom: 10px;
    top: 0px !important;
    left: 0px !important; }
    .closeWeBeleiveDets .double {
      background-color: transparent !important;
      background-image: url(../images/sprite.png);
      background-position: -700px -3350px;
      background-repeat: no-repeat;
      -moz-background-size: initial;
      -webkit-background-size: initial;
      background-size: initial;
      width: 40px;
      height: 40px; }

  .websiteMenu .logoLike {
    display: none !important; }

  .websiteMenuWrap .logoLike.desk {
    top: 22px !important; }

  .bigArrow {
    display: none !important; }

  .working {
    padding-top: 40px; }

  .txt_ourPeople {
    padding-top: 40px; }

  .morePad {
    padding-left: 6% !important;
    padding-right: 6% !important; }

  .sub_id5 .wrapToday {
    max-width: 660px;
    margin-left: auto;
    margin-right: auto; }

  .sub_id5 .wrapToday .text {
    font-size: 23px; }

  .pack5 .sk_mint2 {
    bottom: auto;
    top: 15.5%;
    z-index: 3; }

  .AboutPid .sub_id2 .fullImg,
  .anim,
  .imagePack .image {
    transition: none !important;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }

  .wrapSectionFixing .item .circle {
    transition: none; }

  .fullLink {
    display: none; }

  .identUl,
  .subMini3 .box,
  .miniSection .box1,
  .miniSection .box2,
  .sub_id6 .topWrap,
  .AboutPid .sub_id3 .textPart,
  .miniSection .since .txt_since,
  .wrapCircle .circleColor.grey,
  .coverLayer,
  .AboutPid .wrapSectionFixing .item,
  .miniSection .since .year,
  .miniSection .rightText,
  .sub_id6 .wrapTxtQuality,
  .sk_tomato,
  .sk_rocaSmall,
  .sub_id6 .circleColor,
  .sk_citron,
  .sk_img4,
  .sk_pepper,
  .sk_miel,
  .sk_champ2,
  .sk_img2,
  .sk_champ,
  .sk_tomatoCut,
  .sk_feuille,
  .sk_mint2,
  .logoISO,
  .sub_id4 .subText,
  .identUl,
  .arrowBacktoTop,
  .sequence3,
  .sequence2,
  .sequence1,
  .sequence4,
  .sk_onion,
  .sk_garlic,
  .sk_img3,
  .sk_onion1,
  .sk_leaves,
  .sk_farine,
  .sk_threTomatos,
  .sk_olive,
  .sub_id4 .line,
  .miniSection .sk_pizza,
  .sub_id5 .wrapToday,
  .sub_id5 .wrapToday .text,
  .sub_id5 .wrapToday .sk_today {
    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
    /* Netscape */
    -moz-opacity: 1;
    /* Safari 1.x */
    -khtml-opacity: 1;
    /* Good browsers */
    opacity: 1;
    /* Good browsers */
    -webkit-opacity: 1;
    /* Good browsers */
    -o-opacity: 1; }

  .sub_id6 .qa_circle {
    top: -205px; }

  .sub_id6 .qa_circle2 {
    top: -192px; }

  .arrowBacktoTop {
    bottom: 0px; }

  .sub_id6 .qa_circle3 {
    top: -182px; }

  .sub_id6.anim .coverLayer {
    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
    /* Netscape */
    -moz-opacity: 1;
    /* Safari 1.x */
    -khtml-opacity: 1;
    /* Good browsers */
    opacity: 1;
    /* Good browsers */
    -webkit-opacity: 1;
    /* Good browsers */
    -o-opacity: 1; }

  .scrollMouse {
    display: none; }

  .section_id1 .scrollMouse {
    display: block; }

  .sub_id5.anim .miniSection {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%; }

  .sub_id6 .subSection {
    height: auto !important;
    overflow: hidden; }

  .mobildeQApic {
    display: block;
    height: 288px;
    background-size: cover; }

  .sub_id6.subSection .topWrap {
    height: -moz-calc(100% - 550px);
    height: -webkit-calc(100% - 550px);
    height: -o-calc(100% - 550px);
    height: calc(100% - 550px);
    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
    /* Netscape */
    -moz-opacity: 1;
    /* Safari 1.x */
    -khtml-opacity: 1;
    /* Good browsers */
    opacity: 1;
    /* Good browsers */
    -webkit-opacity: 1;
    /* Good browsers */
    -o-opacity: 1;
    top: 0; }

  .sub_id6 .btmWrap {
    position: relative;
    bottom: auto;
    left: auto;
    height: auto;
    padding-bottom: 86px; }

  .sub_id5 {
    /* display: none;*/ }

  .sub_id6 .mobildeQApic {
    height: -moz-calc(100% - 550px);
    height: -webkit-calc(100% - 550px);
    height: -o-calc(100% - 550px);
    height: calc(100% - 550px);
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%; }

  .sub_id6 .btmWrap {
    height: 470px;
    position: absolute;
    bottom: 0px;
    left: 0px; }

  .sk_garlic {
    top: 10px; }

  .sk_img2 {
    top: 30px;
    left: 0px !important; }

  .bigArrow .circle {
    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})";
    /* Netscape */
    -moz-opacity: 1;
    /* Safari 1.x */
    -khtml-opacity: 1;
    /* Good browsers */
    opacity: 1;
    /* Good browsers */
    -webkit-opacity: 1;
    /* Good browsers */
    -o-opacity: 1; }

  .linkMenuLike {
    padding-top: 1.5px; }

  .state0 .innerItem.calculated .state2,
  .innerItem.calculated {
    height: 200px !important;
    bottom: 0 !important; }

  .morePad {
    padding-left: 0% !important; }

  .ipadOnly {
    display: block !important; }

  .buttonBoxWrap {
    right: 15px; }

  /**********/
  .homePid .websiteMenu .menuUl li a {
    padding-left: 4px;
    padding-right: 4px; } }
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
  /* STYLES GO HERE portrait*/
  .feedbackTitle.SponsorTitle .feedbackTitlePart2 {
    font-size: 30px !important; }

  .ipadClick {
    display: block !important;
    position: absolute;
    top: -6px;
    left: 0px;
    width: 100%;
    height: 30px; }

  .sub_id4 .subText span {
    font-size: 21px; }

  .websiteMenuWrap .logoLike.desk {
    top: 20px !important; }

  .websiteMenu .logoLike {
    left: 0px;
    display: block; }

  .logoLike {
    top: 21px;
    width: 47px;
    background-image: none !important; }

  .countryDropdown .countries .country {
    padding-bottom: 13px; }

  .orderCss span {
    padding-top: 0px; }

  .btmPart_ways {
    max-width: 720px; }

  .wrapBtm_fill .textFill {
    font-size: 10px;
    padding-top: 27px; }

  .state0 .innerItem.calculated,
  .state2 .innerItem.calculated {
    top: auto;
    bottom: 86px; }

  .callusView,
  .locateUsView {
    top: 0%;
    margin-top: 25%; }

  .wrapSectionFixing .item .arrows {
    width: 39px; }

  .locationBox {
    float: left;
    width: -moz-calc(100% - 229px);
    width: -webkit-calc(100% - 229px);
    width: -o-calc(100% - 229px);
    width: calc(100% - 229px); }

  .btmMapBtns .navigation {
    width: 229px;
    float: left; }

  .notes .location {
    max-width: 150px; }

  .darkMenu .websiteMenuWrap .countryDropdown.noNumbersToRight {
    right: 20px !important; }

  .imageTitleAboutSec1 {
    padding-top: 0 !important; }

  .buttonBoxWrap {
    right: 0px; }

  .LocationAjaxData .locAddress {
    width: 200px; }

  .btmMapBtns .navigation .wrapNav {
    margin-left: 48px !important; } }
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .talkToUsTtl {
    position: relative; }

  .icoSgs {
    right: 27px; }

  .ipadClick {
    display: block !important;
    position: absolute;
    top: -6px;
    left: 0px;
    width: 100%;
    height: 30px; }

  /* STYLES GO HERE landscape */
  .countryDropdown .countries .country {
    padding-bottom: 13px; }

  .introPid .logoWrap .logo {
    margin-top: 0px; }

  .homePid .logoWrap {
    padding-top: 0; }

  .introPid .fullWrap {
    min-height: 770px; }

  .innerItem .itemLink {
    width: 33%; }

  .wrapInBlock {
    max-width: 990px; }

  .state0 .innerItem.calculated,
  .state2 .innerItem.calculated {
    top: auto;
    bottom: 86px; }

  .homeSlideSID .css_slide1 .callUsNb {
    margin-top: 45px; }

  .callusView,
  .locateUsView {
    top: 0%;
    margin-top: 10%; }

  .orderDelivery {
    padding-top: 50px; }

  .feedbackPid #wrapper {
    min-height: 790px; }

  .wrpLocations {
    padding-left: 4%;
    padding-right: 2%;
    height: 95%; }

  .reachLocations .mCSB_scrollTools {
    right: -4px; }

  .sub_id6.subSection .topWrap,
  .sub_id6 .mobildeQApic {
    height: -moz-calc(100% - 455px);
    height: -webkit-calc(100% - 455px);
    height: -o-calc(100% - 455px);
    height: calc(100% - 455px); }

  .sub_id6 .btmWrap {
    height: 370px; }

  /*end landsape*/
  .homePid .callUsNbSlideS {
    height: 205px !important; }
  .homePid .selected.cd_slider_item.item_locateUs .txt_callUsOn.titleAnim1 {
    margin-top: 0px; }

  .sub_id4 .subText span {
    font-size: 22px; }

  .darkMenu .websiteMenuWrap .countryDropdown.noNumbersToRight {
    right: 20px !important; }

  .sub_id4 .subSection.subMini3, .sub_id4 .subSection.subMini2 {
    height: 500px; }

  /***/
  .callusView {
    top: 0%;
    margin-top: 20%; }
    .callusView .callUsNbSlideS {
      height: 95px !important; }

  #ui-id-1 {
    max-height: 135px !important; }

  .wrpCountryMod {
    top: 165px;
    height: 539px !important; }

  /*************/
  .sub_id4 .miniSection .sk_feuille {
    top: -80px;
    right: 30%;
    left: auto; }
  .sub_id4 .miniSection .sk_mint2 {
    top: -60px;
    bottom: auto; } }
.iphoneCss .countryDropdown .countries .country,
.ipodCss .countryDropdown .countries .country {
  padding-bottom: 13px; }

.iphoneCss .callusView,
.iphoneCss .locateUsView,
.ipodCss .callusView,
.ipodCss .locateUsView {
  top: 20%;
  margin-top: 0%; }

@media only screen and (max-width: 768px) {
  .feedbackPid .textCase {
    padding-top: 34px; }

  .twoPics {
    margin-top: 32px; }

  .notes .location {
    margin-bottom: 8px; } }
@media (min-width: 770px) and (max-width: 1500px) {
  .textCase li {
    padding-bottom: 0px;
    margin-bottom: 5px; }

  .feedbackPid .dbLines {
    margin-top: 24px; }

  .boxFranchID .smallDesc {
    margin-top: 24px; }

  .feedbackPid .textCase {
    padding-top: 68px; }

  .feedbackPid .floatBox.left .wrap {
    padding-top: 41px; }

  .introPid .fullWrap {
    min-height: 0px; } }
@media only screen and (max-height: 800px) {
  .imagesPlace .image {
    float: none;
    display: inline-block !important;
    vertical-align: top;
    width: 21.33333%; }

  .imagesPlace .table .cell {
    vertical-align: top; }

  .imagesPlace {
    text-align: center; }

  .imagesPlace .image:nth-child(3) {
    margin-top: -39px; } }
@media (max-width: 1500px) {
  .feedbackTitle {
    padding-top: 72px;
    padding-left: 10px;
    padding-right: 10px;
    -webkit-box-sizing: border-box;
    -khtml-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box; } }
@media only screen and (min-width: 900px) and (max-width: 1190px) {
  .websiteMenu .menuUl li a {
    padding-left: 4px;
    padding-right: 4px; } }
@media only screen and (max-width: 940px) {
  .darkMenu .websiteMenu .menuUl li a {
    padding-left: 4px;
    padding-right: 4px; } }
@media only screen and (max-width: 900px) {
  .darkMenu .websiteMenu {
    margin-left: 0px !important;
    max-width: 100%; } }
@media only screen and (max-width: 1280px) {
  .anotherCountry {
    width: 157px;
    right: 0px; }

  .countryDropdown {
    right: 159px !important; } }
@media only screen and (max-width: 1193px) {
  .anotherCountry {
    width: 135px; }

  .countryDropdown {
    right: 129px !important; }

  .anotherCountry .countryName {
    width: auto; }

  .anotherCountry .countryNb {
    width: auto; } }
@media only screen and (max-width: 1130px) {
  .anotherCountry {
    width: 91px;
    right: 8px; }
    .anotherCountry .CountryNbrsItem .callNb {
      width: 100% !important;
      height: 38px !important; }

  .countryDropdown {
    right: 95px !important; } }
@media only screen and (max-width: 1060px) {
  .websiteMenu .menuUl li a,
  .websiteMenu .menuUl li .linkMenuLike {
    padding-left: 4px;
    padding-right: 4px; } }
@media only screen and (max-width: 950px) {
  .websiteMenu {
    margin-left: auto !important;
    max-width: 100% !important; }

  .wrapSectionFixing .item .title {
    font-size: 23px; } }
@media only screen and (min-width: 1000px) and (max-width: 1441px) {
  .MenuPid #wrapper .orderDelivery {
    padding-top: 90px !important; }

  .careerPid .working {
    padding-top: 82px; }

  .txt_ourPeople {
    padding-top: 90px; }

  .ourPeoplePid,
  .careerPid {
    min-height: 200px; }

  .MenuPid {
    min-height: 200px; }

  .viewVacLink {
    margin-top: 13px; } }
@media only screen and (min-width: 767px) {
  .homePid .logoWrap .logo {
    visibility: hidden; }

  .MacOS.safaryBrowser .websiteMenu .menuUl li a,
  .MacOS.safaryBrowser .websiteMenu .menuUl li .linkMenuLike {
    padding-top: 3px; }
  .MacOS.safaryBrowser .websiteMenu .menuUl li .sublink {
    padding-top: 0px !important;
    text-align: left; }
  .MacOS.safaryBrowser .websiteMenu .menuUl li .sublink a {
    padding-left: 21px; }

  .MacOS.chromBrowser .websiteMenu .menuUl li .sublink a {
    padding-left: 21px; } }
@media only screen and (max-height: 690px) {
  .callUsNbSlideS {
    height: 95px !important; }

  .callUsNbSlideS.lebCallUsNb {
    height: auto !important; }

  .callUsNbSlideS .nbToCallWrapInner .cityNameSlide {
    width: auto; }

  .callUsNbSlideS .cityNbrSlide {
    width: auto;
    font-size: 25px; }

  .selected.cd_slider_item .deliver.enterWeb {
    margin-top: 0px !important; }

  .callUsNbSlideS .nbToCallWrapInner .cityNameSlide {
    padding-top: 0px !important; }

  .homePid .logoWrap {
    padding-top: 47px; }

  .homePid .logoWrap.css_height1 {
    height: 146px; } }
@media only screen and (max-height: 750px) {
  .miniSection .since {
    top: 17%;
    -webkit-transition: transform 0.3s ease;
    -khtml-transition: transform 0.3s ease;
    -moz-transition: transform 0.3s ease;
    -ms-transition: transform 0.3s ease;
    -o-transition: transform 0.3s ease;
    transition: transform 0.3s ease; } }
@media only screen and (max-width: 1570px) {
  .anotherCountry {
    width: 93px;
    right: 5px; }
    .anotherCountry .countryName {
      width: 100%; }
    .anotherCountry .countryNb {
      width: 100%; }

  .anotherCountry .CountryNbrsItem .callNb {
    width: 100% !important;
    height: 38px !important; }

  .countryDropdown {
    right: 95px !important; }

  .darkMenu .countryDropdown .countries {
    right: -16px; } }
@media only screen and (max-width: 920px) {
  .darkMenu .countryDropdown .countries {
    right: 0px !important; }

  .countryDropdown {
    right: 0px !important; }

  .anotherCountry {
    display: none; } }
@media only screen and (max-width: 1010px) {
  .feedbackTitle {
    padding-left: 30px;
    padding-right: 30px;
    -webkit-box-sizing: border-box;
    -khtml-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%; }

  .feedbackTitlePart2 {
    font-size: 35px; } }
@media only screen and (max-width: 1070px) {
  .websiteMenu .menuUl li a,
  .linkMenuLike {
    font-size: 12px !important; } }
@media only screen and (max-width: 890px) {
  .logoLike.desk {
    display: block; }

  .wrapSectionFixing .item .title {
    font-size: 19px; } }
@media only screen and (max-width: 870px) {
  .websiteMenu .menuUl li a,
  .linkMenuLike {
    font-size: 11px !important; }

  .websiteMenu .menuUl li a {
    padding-left: 2px;
    padding-right: 2px; }

  .orderCss {
    width: 84px !important; }

  .logoLike.desk {
    top: 23px;
    width: 46px; }

  /**/
  .countryDropdown {
    width: 46px; }
    .countryDropdown .textCountry {
      font-size: 14px; }
    .countryDropdown .arrow {
      left: 34px;
      font-size: 8px; }

  @-moz-document url-prefix() {
    .websiteMenu .menuUl .orderCss {
      margin-top: -4px; } } }
@media only screen and (max-width: 860px) {
  .wrapSectionFixing .item .title {
    font-size: 18px; }

  .miniSection .since .year,
  .miniSection .since .yearSadow {
    font-size: 79px; } }
@media only screen and (max-width: 820px) {
  .wrapSectionFixing .item .title {
    font-size: 17px; } }
@media only screen and (max-width: 800px) {
  .websiteMenuWrap .websiteMenu {
    text-align: center;
    padding-left: 0px !important; } }
@media only screen and (max-width: 780px) {
  .wrapSectionFixing .item .title {
    font-size: 16px; } }
@media (max-width: 767px) {
  .careerPid .wrapGeneral,
  .ourPeoplePid .wrapGeneral {
    padding-left: 6% !important; }

  .websiteMenu .menuUl li a,
  .websiteMenu .menuUl li .linkMenuLike {
    padding-top: 0px; }

  .franchiseTitle {
    padding-top: 0; }

  .websiteMenuWrap .anotherCountryMobile2 {
    width: 100%; }
  .websiteMenuWrap .anotherCountryMobile2 .CountryNbrsItem {
    margin-left: 0px;
    width: 100% !important; }
  .websiteMenuWrap .anotherCountryMobile2 .countryName,
  .websiteMenuWrap .anotherCountryMobile2 .countryNb {
    width: 100%;
    text-align: center; }
  .websiteMenuWrap .mobileSocial .socials {
    text-align: center;
    width: 100%; }
  .websiteMenuWrap .mobileSocial .socials .social {
    float: none; }
  .websiteMenuWrap .CountryNbrsItem.itemCycle {
    width: 121px !important;
    margin: 0 auto; }
  .websiteMenuWrap .socials .social.bell {
    display: inline-block; }

  .locationPanel .infoLoca {
    width: 100%; }

  .locationPanel .infoLoca span {
    padding-left: 13px; }

  .locationPanel .infoLoca .fa {
    width: 15px; }

  .locationPanel .infoLoca.missing {
    padding-left: 42px; }
    .locationPanel .infoLoca.missing .fa {
      left: 15px; }
    .locationPanel .infoLoca.missing span {
      padding-left: 0px; }

  .sponsSelectCss {
    max-width: 100% !important; }

  #sticky-wrapper {
    height: auto !important; }
    #sticky-wrapper .summary.stick {
      bottom: auto !important;
      width: 100% !important;
      position: relative !important;
      top: auto !important; }

  .threePics {
    width: -moz-calc(100% - 20px);
    width: -webkit-calc(100% - 20px);
    width: -o-calc(100% - 20px);
    width: calc(100% - 20px);
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 440px; }

  .countryDropdown {
    width: 90px; }
    .countryDropdown .textCountry {
      font-size: 16px; }
    .countryDropdown .arrow {
      left: 40px;
      font-size: 12px; }

  .orderCss {
    width: 108px !important; }

  .sponsorPid .boxShareID .thankWrap {
    padding-top: 0; } }
@media (max-width: 360px) {
  .sponsorPid .pageTitle .text {
    font-size: 10px; } }
@media (max-width: 340px) {
  .sponsorPid .pageTitle {
    left: 109px !important; }
  .sponsorPid .menuHead .threeDash {
    left: 85px !important; } }
@media (max-width: 440px) {
  .Careersttl {
    font-size: 49px; } }
@media (max-width: 330px) {
  .countryList {
    margin-top: 10px; }

  .countryList li {
    height: 44px; }

  .countryList li .topDot {
    margin-bottom: 10px; }

  .countryPid .fullWrap {
    min-height: 40px; }

  .chooseCountryMod .title .text {
    font-size: 23px;
    min-height: 23px; }

  .Careersttl {
    font-size: 41px; }

  .callUsNbSlideS .cityNbrSlide {
    font-size: 17px; } }
@media (max-height: 800px) and (min-widtn: 780px) {
  .countryList {
    margin-top: 10px; }

  .countryList li {
    height: 44px; }

  .countryList li .topDot {
    margin-bottom: 10px; }

  .countryPid .fullWrap {
    min-height: 350px; } }
@media (max-width: 850px) and (min-width: 767px) {
  .SponsorTitle .feedbackTitlePart2 {
    font-size: 35px !important; } }
@media (max-width: 1070px) and (min-width: 950px) {
  .SponsorTitle {
    padding-top: 18px !important; }
    .SponsorTitle span {
      font-size: 50px !important; } }
@media (max-width: 950px) {
  .SponsorTitle {
    padding-top: 18px !important; }
    .SponsorTitle span {
      font-size: 30px !important; } }
@media (max-width: 425px) {
  .links.cd-slider-navigation .twoItemMargin {
    padding-left: 63px !important; } }
@media (min-width: 1500px) {
  .websiteMenu .menuUl li.last {
    padding-left: 18px; } }
@media (max-height: 900px) {
  .loveRegardless {
    padding-top: 20px; } }
@media (max-height: 750px) and (min-height: 450px) {
  .countryPid .logoWrap {
    padding-top: 70px; } }
@media (max-height: 750px) and (min-width: 767px) {
  .countryPid .fullWrap {
    min-height: 487px; }

  .wrpCountryMod {
    top: 165px;
    height: -moz-calc(100vh - 165px);
    height: -webkit-calc(100vh - 165px);
    height: -o-calc(100vh - 165px);
    height: calc(100vh - 165px); } }
@media (max-height: 470px) and (min-width: 767px) {
  .wrpCountryMod {
    display: block; } }
@media (min-width: 790px) and (max-height: 790px) {
  .scrollMouse {
    display: none !important; } }
@media (min-width: 790px) and (max-height: 700px) {
  .sub_id1 .sbWrapp {
    min-height: 540px; } }
@media (max-width: 850px) and (max-height: 950px) {
  .scrollMouse {
    display: none !important; } }
@media (max-height: 640px) {
  .countryPid .logoWrap {
    padding-top: 70px; }

  .countryList li .topDot {
    margin-bottom: 15px; }

  .countryList li {
    height: 43px; }

  .countryList {
    margin-top: 12px; } }
@media (max-width: 870px) and (min-width: 767px) {
  .submenuWrap {
    pointer-events: none; } }
@media (max-width: 424px) {
  .sub_id6 .textWrap {
    padding-top: 28px; } }
@media (max-width: 375px) {
  .Careersttl {
    font-size: 48px; }

  .sub_id6 .textWrap {
    padding-top: 28px; }

  .miniSection .since .year,
  .miniSection .since .yearSadow {
    font-size: 50px; }

  .miniSection .sk_Lettuce_new {
    width: 73px !important; }

  .sk_Mint_new {
    display: none; }

  .sub_id1 .sbWrapp {
    max-width: 96%; }

  .miniSection .sk_Potato {
    position: absolute;
    width: 150px;
    right: -50px;
    bottom: 450px; }

  .links.cd-slider-navigation .twoItemMargin {
    padding-left: 53px !important; }

  .txt_LocateUsTxt {
    line-height: 20px;
    padding-bottom: 15px; }

  .countryList li .topDot {
    margin-bottom: 11px !important; }

  .countryList li {
    height: 47px !important; } }
@media (max-width: 321px) {
  .Careersttl {
    font-size: 35px; }

  .careerTitle {
    position: relative;
    display: block; }

  .talkToUsTtl {
    position: relative; } }
@media (max-width: 1024px) {
  /********************/
  .nbToCallWrapInner {
    width: 100% !important;
    max-width: 100% !important; }
    .nbToCallWrapInner .cityNameSlide {
      text-align: center; }
    .nbToCallWrapInner .cityNbrSlide {
      max-width: 100% !important;
      width: 100% !important; }

  .callUsNbSlideS .nbToCallWrapInner .cityNameSlide {
    width: 100%;
    max-width: 100%;
    text-align: center; }

  .nbToCallWrap.callUsNbSlideS {
    max-width: 310px; }

  /********************/
  .telEmail .lineType .value {
    padding-left: 51px; }

  .reachLocations .locAddress {
    width: 44%; }

  .sbWrapp {
    top: 0 !important;
    -webkit-transform: translateY(0) !important;
    -ms-transform: translateY(0) !important;
    transform: translateY(0) !important;
    padding-bottom: 20px !important; }

  .aboutSection1Text {
    padding-left: 25px;
    padding-right: 25px;
    font-size: 15px; }

  .greenLayout .cadre {
    padding: 7px; }

  .countryPid .fullWrap {
    min-height: 313px; }

  .countryList {
    margin-top: 22px; }

  .wrapSectionFixing {
    top: 250px; }

  .sub_id2 {
    height: 500px !important; }

  .sbWrapp {
    padding-bottom: 25px; }

  .submenuWrap {
    pointer-events: all; }

  .careerSMID .linkMenuLike .fullLink {
    display: none !important; }

  .careerTitle {
    margin-top: 0px !important; }

  .feedbackPid.feedID .twoPics {
    max-height: 100%;
    margin-bottom: 34px; } }
@media (max-width: 1190px) {
  .sk_leaves {
    width: 190px; }

  .miniSection .sk_Lettuce_new {
    width: 103px; }

  .miniSection .sk_Potato {
    position: absolute;
    right: -95px;
    bottom: 73%;
    width: 280px; }

  .sk_Mint_new {
    width: 153px; }

  .miniSection .sk_Lettuce_new {
    left: 31.5%; } }
@media only screen and (max-width: 767px) {
  .miniSection .sk_Potato {
    position: absolute;
    right: -95px;
    bottom: 0;
    width: 177px; }

  .miniSection .sk_Lettuce_new {
    left: auto !important;
    right: 0px !important;
    top: 0px !important; }

  .feedbackPid.feedID .textCase {
    padding-top: 0px !important; } }
/*height media **/
@media only screen and (max-height: 770px) and (min-width: 767px) {
  .state2 .locateUsView {
    height: -moz-calc(100vh - 121px);
    height: -webkit-calc(100vh - 121px);
    height: -o-calc(100vh - 121px);
    height: calc(100vh - 121px); } }
@media only screen and (max-height: 650px) and (min-width: 767px) {
  .state2 .innerItem .links {
    margin-top: 56px !important; } }
@media only screen and (max-height: 610px) and (min-width: 767px) {
  .state2 .locateUsView {
    height: -moz-calc(100vh - 200px);
    height: -webkit-calc(100vh - 200px);
    height: -o-calc(100vh - 200px);
    height: calc(100vh - 200px); } }
@media only screen and (max-height: 530px) and (min-width: 767px) {
  .state2 .innerItem.navigation {
    visibility: hidden;
    pointer-events: none; } }
/************************ **************************/
/*************************About section removing sapce**************************/
@media (min-width: 768px) and (max-width: 1070px) {
  .pack4.anim .sk_onion {
    bottom: 0;
    left: -93px; }

  .subMini2 .table .cell {
    vertical-align: top; }

  .sub_id4 .subText span {
    font-size: 22px; }
  .sub_id4 .subSection.subMini2 {
    height: 500px; }
  .sub_id4 .subSection.subMini3 {
    height: 622px; }

  .miniSection .sk_Lettuce_new {
    bottom: 310px; }

  .miniSection .rightText {
    right: 108px;
    top: 22%; }

  .miniSection .since {
    top: 0; }
  .miniSection .rightText {
    top: 50px; }

  .imageTitleAboutSec1 {
    padding-top: 0; }

  .sub_id5 {
    min-height: 840px;
    height: auto; }

  .sub_id4 .titleSub {
    height: 555px;
    padding-top: 70px; }
  .sub_id4 .subMini1 {
    height: auto;
    min-height: 690px; }
  .sub_id4 .subMini2 {
    min-height: 320px;
    height: auto; }
  .sub_id4 .subMini3 {
    height: auto;
    z-index: 3;
    min-height: 320px;
    padding-top: 0px;
    padding-left: 14px; }
  .sub_id4 .subMini4 {
    height: 490px; }
  .sub_id4 .miniSection .sk_champ2 {
    top: -49%; }
  .sub_id4 .miniSection .sk_feuille {
    top: -45%; }
  .sub_id4 .miniSection .sk_Lettuce_new {
    bottom: 90px; }
  .sub_id4 .miniSection .rightText {
    top: 5px; }
  .sub_id4 .miniSection .since {
    top: -40px; }
  .sub_id4 .miniSection .sk_pizza {
    top: 300px; }

  .sk_Mint_new {
    top: 330px; }

  .sk_onion1 {
    top: 440px; }

  .sub_id4 .sk_leaves {
    left: 60px;
    right: auto;
    bottom: 0;
    top: auto; } }
/***/
@media (max-width: 778px) {
  .franchiseTitle2 {
    font-size: 56px; }

  .feedbackPid .franchiseTitle2 {
    font-size: 41px; } }
@media (max-width: 1000px) and (min-width: 767px) {
  .feedbackPid .threePics .image,
  .sponsorPid .threePics .image {
    width: 50%; }
    .feedbackPid .threePics .image:nth-child(2),
    .sponsorPid .threePics .image:nth-child(2) {
      display: none; }
    .feedbackPid .threePics .image img,
    .sponsorPid .threePics .image img {
      width: 100%; } }
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  .pack1 .sk_tomato {
    top: 0 !important; } }
/***********************************************************/
/**about media*/
@media (min-width: 767px) and (max-width: 1600px) {
  .imagePack .image {
    width: 250px; }
  .imagePack .sk_roca,
  .imagePack .sk_miel {
    width: 160px; }
  .imagePack .sk_onion {
    width: 140px; }
  .imagePack .sk_champ2 {
    width: 100px !important; }
  .imagePack .sk_feuille {
    width: 100px; }
  .imagePack .sk_tomato {
    width: 300px; }

  /**subsection handle*/
  .sub_id4 .subMini1 {
    height: 230px; }
  .sub_id4 .subMini2 {
    height: 480px; }
  .sub_id4 .subMini3 .wrapGeneral {
    max-width: 1080px; }
  .sub_id4 .pack4.anim .sk_onion {
    bottom: -60px; }
  .sub_id4 .pack5.anim .sk_miel {
    bottom: 44.5%; }
  .sub_id4 .miniSection .sk_Potato {
    width: 190px;
    right: -75px; }

  /**subsection handle end*/ }
@media (min-width: 767px) and (max-width: 1500px) {
  .imagePack .image {
    width: 180px; }
  .imagePack .sk_roca,
  .imagePack .sk_miel {
    width: 150px; }
  .imagePack .sk_feuille.image {
    width: 80px; }
  .imagePack .sk_tomato {
    width: 300px; }

  .miniSection .rightText {
    right: 60px; }
  .miniSection .subMini3 {
    height: 610px; }

  .sub_id4 .subMini1 {
    height: 270px;
    padding-top: 160px;
    padding-bottom: 180px; } }
@media (min-width: 767px) and (max-width: 1400px) {
  .miniSection .rightText {
    right: 100px;
    max-width: 419px; }

  .sk_champ2 {
    width: 100px !important; } }
@media (min-width: 767px) and (max-width: 1300px) {
  /*image pack*/
  .imagePack .image {
    width: 170px; }
  .imagePack .sk_roca,
  .imagePack .sk_miel {
    width: 140px; }
  .imagePack .sk_tomato {
    width: 300px; }

  .sk_Lettuce_new {
    width: 140px; }

  .sk_champ2 {
    width: 100px !important; }

  .sub_id4 .subMini3 {
    height: 440px; }
    .sub_id4 .subMini3 .box {
      margin-top: 0; }

  /*imagepack end*/ }
@media (min-width: 767px) and (max-width: 1200px) {
  /*image pack*/
  .imagePack .image,
  .imagePack .sk_Potato {
    width: 160px; }
  .imagePack .sk_roca {
    width: 130px; }
  .imagePack .sk_tomato {
    width: 290px; }

  /*imagepack end*/
  /**subsection handle*/
  .sub_id4 .pack4.anim .sk_onion {
    bottom: -40px; }
  .sub_id4 .sk_champ2 {
    width: 100px !important; }

  /**subsection handle end*/ }
@media (min-width: 767px) and (max-width: 1070px) {
  .sub_id4 .subMini1 {
    height: 270px;
    padding-top: 160px;
    padding-bottom: 100px;
    min-height: 430px; }

  .sub_id4 .miniSection .sk_feuille {
    top: 0; }
  .sub_id4 .pack4.anim .sk_onion {
    bottom: 0; }
  .sub_id4 .sk_Mint_new {
    top: 190px; }
  .sub_id4 .sk_tomato {
    width: 280px; }

  .sub_id4 .subSection.subMini3 {
    height: 522px; }

  .sub_id5 {
    min-height: 700px; }

  .sub_id4 .miniSection .sk_champ2 {
    left: -78px; } }
@media (min-width: 767px) and (max-width: 1100px) {
  /*image pack*/
  .imagePack .image,
  .imagePack .sk_Potato {
    width: 160px; }
  .imagePack .sk_roca {
    width: 120px; }
  .imagePack .sk_tomato {
    width: 270px; }

  .sub_id4 .sk_champ2 {
    width: 100px !important; }

  /*imagepack end*/ }
@media (min-width: 767px) and (max-width: 1040px) {
  /*image pack*/
  .imagePack .image,
  .imagePack .sk_Potato {
    width: 160px; }
  .imagePack .sk_roca {
    width: 110px; }

  /*imagepack end*/
  /**subsection handle*/
  .sub_id4 .subMini1 {
    height: 500px;
    padding-top: 0px;
    padding-bottom: 20px; }
  .sub_id4 .sk_champ2 {
    width: 100px !important; }
  .sub_id4 .sk_roca {
    width: 90px !important;
    right: 8% !important; }
  .sub_id4 .pack1.anim .sk_roca {
    right: 8% !important; }

  /**subsection handle end*/ }
@media (min-width: 766px) and (max-width: 1024px) {
  /*image pack*/
  .imagePack .image,
  .imagePack .sk_Potato {
    width: 110px; }
  .imagePack .sk_tomato {
    width: 150px; }

  .sub_id4 .sk_champ2 {
    width: 100px !important; }
  .sub_id4 .pack1.anim .sk_roca {
    right: 12%; }
  .sub_id4 .miniSection .sk_Potato {
    right: -101px; }
  .sub_id4 .miniSection .pack5 .sk_miel {
    top: 130px; }

  /*imagepack end*/ }
@media (max-width: 767px) {
  .sk_onion1 {
    top: auto;
    bottom: 120px !important; }

  .sk_feuille {
    left: auto;
    right: -8px;
    bottom: 0px;
    width: 110px; }

  .sk_mint2 {
    bottom: 20px; }

  .sk_miel {
    display: none; } }
/***********************************************************/
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .notes .close {
    right: 19px; }

  .miniSection .sk_Lettuce_new {
    bottom: 310px; }

  .sub_id1 {
    min-height: -moz-calc(100vh - 62px);
    min-height: -webkit-calc(100vh - 62px);
    min-height: -o-calc(100vh - 62px);
    min-height: calc(100vh - 62px);
    height: auto; }
    .sub_id1 .wrp {
      min-height: -moz-calc(100vh - 166px);
      min-height: -webkit-calc(100vh - 166px);
      min-height: -o-calc(100vh - 166px);
      min-height: calc(100vh - 166px);
      height: auto; }
    .sub_id1 .sbWrapp {
      padding-top: 0;
      height: auto !important;
      padding-top: 10px;
      padding-bottom: 10px; }

  .MenuPid #wrapper .orderDelivery {
    padding-top: 50px !important; }
    .MenuPid #wrapper .orderDelivery .btnEdged {
      margin-top: 26px; }
      .MenuPid #wrapper .orderDelivery .btnEdged.maron {
        margin-top: 0; }

  .reachPID .sepMob {
    display: none; }
  .reachPID .locationBox {
    width: 549px !important; }
    .reachPID .locationBox .sepChange {
      display: none; }
    .reachPID .locationBox .locAddress,
    .reachPID .locationBox .telEmail {
      width: 40%;
      margin-right: 2%;
      margin-left: 2%; }

  .LocationAjaxData .telEmail {
    padding-left: 16px; }

  .btmMapBtns .navigation .wrapNav {
    margin-left: 35px !important; }

  .LocationAjaxData {
    padding-left: 15px; }

  .homePid .callUsNbSlideS {
    height: 205px !important; }

  .callusView {
    margin-top: 10% !important; }

  .sub_id4 .subMini1 {
    height: 600px; } }
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
  .miniSection .rightText {
    right: 108px;
    top: 22%; }

  .MenuPid .wrapGeneral {
    height: 836px !important; }
    .MenuPid .wrapGeneral .orderDelivery {
      padding-top: 0px !important;
      top: 50% !important;
      -webkit-transform: translate3d(0, -50%, 0) !important; }

  .sub_id1 {
    min-height: 898px !important;
    height: 898px !important; }
    .sub_id1 .wrp {
      min-height: 898px !important;
      height: 898px !important; }
    .sub_id1 .sbWrapp {
      min-height: 750px !important;
      height: auto !important; }

  .sk_Mint_new {
    top: 400px; }

  .sk_onion {
    bottom: 90px; }

  .btnGeneral.covCss {
    float: none;
    margin-left: auto;
    margin-right: auto; } }
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  /* STYLES GO HERE */
  .aboutSection1Text {
    padding-top: 10px; }

  .scrollMouse {
    display: none; }

  .imageTitleAboutSec1 {
    padding-top: 0px; }

  .loveRegardless {
    padding-top: 15px; }

  .scrollMouse {
    display: none !important; }

  .orderDelivery {
    padding-top: 70px; }

  .miniSection .since {
    top: 0; }
  .miniSection .rightText {
    top: 50px; }

  .sk_Mint_new {
    top: 400px; }

  .sk_onion {
    bottom: 90px; }

  .buttonBoxWrap .buttonBox {
    float: left; }

  .reachPID .locationBox {
    width: 455px !important; }

  .reachLocations .item {
    max-width: 47%;
    padding-left: 1%;
    margin-right: 2%; }

  .wrpLocations {
    padding-left: 3%; } }
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  .sub_id6 .btmWrap {
    z-index: 33; }
  .sub_id6 .sequence1,
  .sub_id6 .sequence2,
  .sub_id6 .sequence3,
  .sub_id6 .sequence4,
  .sub_id6 .sequence5 {
    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${nb * 10})" !important;
    /* Netscape */
    -moz-opacity: 1 !important;
    /* Safari 1.x */
    -khtml-opacity: 1 !important;
    /* Good browsers */
    opacity: 1 !important;
    /* Good browsers */
    -webkit-opacity: 1 !important;
    /* Good browsers */
    -o-opacity: 1 !important; } }
/*******Our commitment icons****/
@media (max-width: 1330px) {
  .wrapSectionFixing .item {
    width: 24% !important;
    margin-right: 1%; } }
@media (max-width: 800px) {
  .wrapSectionFixing .item .desc {
    padding-left: 0px;
    padding-right: 0px; } }
/*******END_Our commitment icons****/
@media (max-width: 803px) {
  .byKoein {
    left: 3%; }

  .icoSgs {
    right: 3%; } }
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
  /* STYLES GO HERE */
  .imageTitleAboutSec1 {
    padding-top: 75px; }

  .sub_id5 {
    min-height: 840px;
    height: auto; }

  .sub_id4 .subMini1 {
    height: auto;
    min-height: 600px; }
  .sub_id4 .miniSection .rightText {
    top: 5px;
    right: 70px;
    max-width: 370px; }

  .feedbackPid .boxShareID .description {
    margin-bottom: 33px; }

  .sponsorPid .boxShareID .description {
    margin-bottom: 33px; }

  .wrpCountryMod {
    top: 200px;
    height: 760px; } }
@media (max-height: 480px) {
  .countryPid .logoWrap {
    padding-top: 56px; }

  .chooseCountryMod .title {
    max-width: 302px; }
    .chooseCountryMod .title .text {
      padding-top: 8px;
      font-size: 28px; } }
@media (max-width: 320px) and (max-height: 480px) {
  .countryPid .logoWrap {
    padding-top: 31px !important; }

  .wrpCountryMod {
    top: 124px; }

  .chooseCountryMod .title .text {
    padding-top: 0px;
    font-size: 20px; } }
@media (max-width: 320px) {
  .wrpCountryMod {
    top: 101px;
    height: -moz-calc(100vh - 101px);
    height: -webkit-calc(100vh - 101px);
    height: -o-calc(100vh - 101px);
    height: calc(100vh - 101px); } }
@media (max-height: 470px) and (max-width: 767px) {
  .countryPid .fullWrap {
    min-height: 480px; } }
@media (max-height: 460px) and (max-width: 767px) {
  .wrpCountryMod {
    top: 121px;
    height: 359px; }

  .countryPid .fullWrap {
    min-height: 1px; }

  .wrpCountryMod {
    top: 101px;
    height: 359px; } }
@media (max-height: 750px) {
  .countryPid .fullWrap {
    min-height: 487px; } }
/**newsletter media**/
@media (max-height: 750px) {
  .newsltterPID {
    min-height: 294px; }
    .newsltterPID #wrapper {
      min-height: 294px; }

  .LB .callUsNbSlideS {
    width: 264px;
    height: auto; }

  .LB .txt_callUsOn {
    margin-top: 10px; } }
@media (max-height: 490px) {
  #ui-id-1 {
    max-height: 90px !important; }

  .ui-autocomplete .ui-menu-item {
    min-height: 13px !important;
    max-height: 13px !important;
    height: 13px !important; } }
@media (max-height: 481px) and (orientation: landscape) {
  .homePid .threeDash {
    padding-top: 7px; }
  .homePid .logoWrap .logo {
    width: 100px; }
  .homePid .logoWrap.css_height1 {
    height: 56px; }

  .homeSlideSID {
    height: -moz-calc(100vh - 62px);
    height: -webkit-calc(100vh - 62px);
    height: -o-calc(100vh - 62px);
    height: calc(100vh - 62px); }
    .homeSlideSID .callUsNb {
      display: none; }
    .homeSlideSID .title {
      max-width: 100px; }
    .homeSlideSID .text {
      font-size: 12px; }
    .homeSlideSID .css_slide1 .subTitle {
      margin-top: 0px; }
    .homeSlideSID .txt_mouthWatering {
      height: auto; }

  .radialSlie3.homePid .logoWrap.css_height1 {
    height: 56px; }

  .btmPart_ways {
    display: none; }

  .innerItem.titleID_ways {
    top: 0px;
    margin-top: 51px; }

  .css_slide3 .imagesPlace {
    bottom: 0; }

  #wrapper {
    min-height: 1px; }

  #wrapper,
  .sectionType,
  .mainSection {
    height: 100vh !important; }

  .css_slide3 .imagesPlace {
    height: 90px;
    bottom: auto;
    top: 0px; }

  .txt_callUsOn {
    max-width: 140px; }

  .callUsNbSlideS {
    height: 56px !important; }

  .cityNameSlide {
    font-size: 22px !important; }

  .callUsNbSlideS .cityNbrSlide {
    width: auto;
    font-size: 16px; }

  .ipodCss .innerItem .links,
  .iphoneCss .innerItem .links {
    margin-top: 70px; }

  .twoCheckboxesForLocation {
    margin-top: 11px; }

  .txt_LocateUsTxt {
    font-size: 21px !important;
    margin-bottom: 22px; }

  .txt_callUsOn {
    font-size: 21px; }

  .selected.cd_slider_item .deliver.enterWeb {
    margin-top: 10px !important; }

  .nbToCallWrap.callUsNbSlideS {
    max-width: 100px; }

  .arrowGreen .hover {
    height: 250px; }

  .shadow.shad1,
  .shadow.shad2 {
    display: none; } }
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) {
  .countryPid .fullWrap {
    min-height: 1px !important; }

  .wrpCountryMod {
    height: -moz-calc(100vh - 190px);
    height: -webkit-calc(100vh - 190px);
    height: -o-calc(100vh - 190px);
    height: calc(100vh - 190px); } }
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation: landscape) {
  .countryPid .fullWrap {
    min-height: 490px !important; }

  .wrpCountryMod {
    height: auto;
    margin-top: 23px; } }
/***/
@-moz-document url-prefix() {
  .countryDropdown .countries .country {
    padding-bottom: 14px; } }
.ie .websiteMenu .bg {
  top: -30px; }

.numbersSlides {
  width: 208px;
  height: auto;
  position: relative;
  visibility: hidden; }

.numbersSlides .callNb {
  height: 46px;
  width: 170px;
  position: relative;
  display: block;
  background: none;
  background-repeat: no-repeat !important;
  background-size: contain !important;
  background-position: center center !important; }

.homeBtmNews {
  margin: 0 auto; }

.callUsNbSlideS {
  height: 192px;
  overflow: hidden;
  width: 467px;
  margin: 0 auto;
  margin-top: 28px; }

.LB .callUsNbSlideS {
  height: auto; }

#feedbackFormF .loader {
  left: 42px;
  bottom: -41px;
  right: auto;
  top: auto; }

#messageUsForm .loader {
  left: 42px;
  bottom: -41px;
  right: auto;
  top: auto; }

.darkMenu .websiteMenuWrap .callUsNb.menuCss .numbersSlides {
  width: 161px !important; }

.darkMenu .websiteMenuWrap .callUsNb.menuCss .numbersSlides .callNb {
  width: 142px !important; }

.viewVacLink {
  display: block;
  text-decoration: none !important; }

.btmMapBtns .navigation .item.OffMap {
  cursor: auto !important;
  opacity: 0.7; }

.btmMapBtns .navigation .item.OffMap:hover {
  background-color: #4A4946; }

.BottomMapLoader {
  height: 100%;
  width: 499px;
  position: absolute;
  background-color: #333230;
  left: 0px;
  top: 0px;
  background-image: url(../images/Maploader.gif);
  background-position: center center;
  background-repeat: no-repeat;
  display: none; }

#countryId option {
  background-color: #1E1E1E; }

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none; }

.cityNameSlide {
  height: auto;
  width: 467px;
  position: relative;
  text-align: center;
  font-family: futura_bk_btbook;
  font-size: 39px;
  color: #8BC53E; }

.cityNbrSlide {
  height: auto;
  width: 467px;
  position: relative;
  text-align: center;
  font-family: futura_bk_btbook;
  font-size: 39px;
  color: #FFFFFF; }

.anotherCountry .CountryNbrsItem .callNb {
  display: block;
  height: 46px;
  width: 123px;
  background-size: contain !important;
  background-position: center bottom !important;
  background-repeat: no-repeat !important; }

.anotherCountry .CountryNbrsItem {
  height: 50px;
  margin-top: 6px;
  position: relative;
  text-align: center;
  margin-left: 10px; }

.callUsNbSlideS .nbToCallWrapInner .cityNameSlide {
  padding-top: 53px; }

.innerItem.titleID_ways .oneItemMargin {
  padding-left: 255px; }

.innerItem.titleID_ways .twoItemMargin {
  padding-left: 172px; }

.links.cd-slider-navigation .oneItemMargin {
  padding-left: 205px; }

.links.cd-slider-navigation .twoItemMargin {
  padding-left: 93px; }

.anotherCountryMobile,
.anotherCountryMobile2 {
  display: none; }

.NonClickableNbrMob {
  display: block; }

.clickableNbrMob {
  display: none; }

.clickableNbrMobInner {
  display: none; }

.AboutPid .wrapItems .item.last .arrows {
  display: none; }

.locationUsLoader {
  background-image: url(../images/loader.gif);
  position: absolute;
  width: 16px;
  height: 16px;
  top: 25px;
  right: -42px;
  display: none; }

#areaOfOrderingInput {
  height: 100%;
  width: 171px;
  right: 0;
  position: absolute;
  margin-top: 0;
  padding-top: 0;
  top: 0px;
  padding-left: 15px; }

.MacOS .countryDropdown .countries .country {
  padding-bottom: 13px; }

.MacOS.safaryBrowser .wrapSectionFixing .item .title {
  margin-top: 25px; }

.MacOS.safaryBrowser .wrapSectionFixing .item .circle {
  overflow: visible; }

.MacOS.safaryBrowser .wrapSectionFixing .item .circle img {
  margin-top: 28px; }

.MacOS.chromBrowser .wrapSectionFixing .item .arrows {
  top: 44px !important; }

.MacOS.safaryBrowser .wrapSectionFixing .item .arrows {
  overflow: visible;
  top: 73px !important; }

.sponsorPid .lineInp .inp.missingLocDate .input {
  border-color: #8BC53E; }

.sponsorPid .lineInp .inp.missingLocDate .input .sepSelect {
  background-color: #8BC53E; }

.MenuPid .content {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: right; }

.MenuPid #wrapper {
  min-height: 100%;
  height: 100%; }

.MenuPid .greenLayout.radialShadow {
  display: none; }

.greenText {
  color: #8BC53E; }

.talkToUsTtl {
  padding: 0px !important; }

.reachPID #wrapper {
  min-height: 300px; }

.AboutPid .socials .social {
  color: #676664; }

.AboutPid .socials .social.bell .bottom,
.AboutPid .socials .social.bell .top.light {
  display: none; }

.AboutPid .social.bell .darkend {
  display: block; }

.SponsorTitle {
  padding-top: 13px; }

.SponsorTitle span {
  height: auto;
  width: auto;
  position: relative;
  text-align: center;
  font-family: futura_medium_bt;
  font-size: 66px;
  color: #8BC53E;
  font-weight: bold;
  text-decoration: none; }

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 0.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both; }

/*# sourceMappingURL=styles.css.map */
.careercss .Careersttl{font-weight:normal;}
.careercss .btnEdged{ margin-bottom: 0;position: absolute;bottom: 0;left: 0;}
.careercss .descJobs{ display: flex;flex-flow: row wrap;    display: -webkit-flex; display: -ms-flexbox;    -webkit-flex-flow: row wrap;-ms-flex-flow: row wrap;}
.careercss .descJobs h1{color:#fff;font-size:22px;    padding-top: 39px;font-weight:normal;    margin-bottom: 10px;}
.careercss .division{width:40%;float:left;font-size:15px;    padding-bottom: 100px;    position: relative;    min-width: 297px;}
.careercss .division ul li{padding-bottom:5px;position:relative;}
.careercss .division p .btnEdged.viewVacLink.parBtnHover,.careercss .division > .bgButton.bot{display:none;}
.careercss .division ul li:before{    content: ".";color: #fff;position: absolute;top: -3px;left: -11px;font-weight: bold;}
.careercss .division ul{padding-top: 46px; color: #fff;margin-left: 10px;list-style-type: none; }
.careercss .division:nth-child(2) li{display:inline-block;vertical-align:top;    width: 45%;}
@media (min-width:768px) and (max-width:800px)
{
    .careercss .division:nth-child(2){width:51%;}
}

@media (max-width:767px){
  .careercss .division{width:100%;}
  .careercss .division .btnEdged {    margin-top: 44px;}
}