/*!
 * Bootstrap v3.3.0 (http://getbootstrap.com)
 * Copyright 2011-2014 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */

/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
@font-face {
  font-family: 'Glyphicons Halflings';

  src: url('https://ftn-master.dev.ftn.co.za/skin/frontend/base/default/megamenu/fonts/glyphicons-halflings-regular.eot');
  src: url('https://ftn-master.dev.ftn.co.za/skin/frontend/base/default/megamenu/fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('https://ftn-master.dev.ftn.co.za/skin/frontend/base/default/megamenu/fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('https://ftn-master.dev.ftn.co.za/skin/frontend/base/default/megamenu/fonts/glyphicons-halflings-regular.woff') format('woff'), url('https://ftn-master.dev.ftn.co.za/skin/frontend/base/default/megamenu/fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('https://ftn-master.dev.ftn.co.za/skin/frontend/base/default/megamenu/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}

.glyphicon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;

  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.glyphicon-asterisk:before {
  content: "\2a";
}
.small{
  font-size: 70%;
  top: 4px;
}
.glyphicon-plus:before {
  content: "\2b";
}
.glyphicon-euro:before,
.glyphicon-eur:before {
  content: "\20ac";
}
.glyphicon-minus:before {
  content: "\2212";
}
.glyphicon-cloud:before {
  content: "\2601";
}
.glyphicon-envelope:before {
  content: "\2709";
}
.glyphicon-pencil:before {
  content: "\270f";
}
.glyphicon-glass:before {
  content: "\e001";
}
.glyphicon-music:before {
  content: "\e002";
}
.glyphicon-search:before {
  content: "\e003";
}
.glyphicon-heart:before {
  content: "\e005";
}
.glyphicon-star:before {
  content: "\e006";
}
.glyphicon-star-empty:before {
  content: "\e007";
}
.glyphicon-user:before {
  content: "\e008";
}
.glyphicon-film:before {
  content: "\e009";
}
.glyphicon-th-large:before {
  content: "\e010";
}
.glyphicon-th:before {
  content: "\e011";
}
.glyphicon-th-list:before {
  content: "\e012";
}
.glyphicon-ok:before {
  content: "\e013";
}
.glyphicon-remove:before {
  content: "\e014";
}
.glyphicon-zoom-in:before {
  content: "\e015";
}
.glyphicon-zoom-out:before {
  content: "\e016";
}
.glyphicon-off:before {
  content: "\e017";
}
.glyphicon-signal:before {
  content: "\e018";
}
.glyphicon-cog:before {
  content: "\e019";
}
.glyphicon-trash:before {
  content: "\e020";
}
.glyphicon-home:before {
  content: "\e021";
}
.glyphicon-file:before {
  content: "\e022";
}
.glyphicon-time:before {
  content: "\e023";
}
.glyphicon-road:before {
  content: "\e024";
}
.glyphicon-download-alt:before {
  content: "\e025";
}
.glyphicon-download:before {
  content: "\e026";
}
.glyphicon-upload:before {
  content: "\e027";
}
.glyphicon-inbox:before {
  content: "\e028";
}
.glyphicon-play-circle:before {
  content: "\e029";
}
.glyphicon-repeat:before {
  content: "\e030";
}
.glyphicon-refresh:before {
  content: "\e031";
}
.glyphicon-list-alt:before {
  content: "\e032";
}
.glyphicon-lock:before {
  content: "\e033";
}
.glyphicon-flag:before {
  content: "\e034";
}
.glyphicon-headphones:before {
  content: "\e035";
}
.glyphicon-volume-off:before {
  content: "\e036";
}
.glyphicon-volume-down:before {
  content: "\e037";
}
.glyphicon-volume-up:before {
  content: "\e038";
}
.glyphicon-qrcode:before {
  content: "\e039";
}
.glyphicon-barcode:before {
  content: "\e040";
}
.glyphicon-tag:before {
  content: "\e041";
}
.glyphicon-tags:before {
  content: "\e042";
}
.glyphicon-book:before {
  content: "\e043";
}
.glyphicon-bookmark:before {
  content: "\e044";
}
.glyphicon-print:before {
  content: "\e045";
}
.glyphicon-camera:before {
  content: "\e046";
}
.glyphicon-font:before {
  content: "\e047";
}
.glyphicon-bold:before {
  content: "\e048";
}
.glyphicon-italic:before {
  content: "\e049";
}
.glyphicon-text-height:before {
  content: "\e050";
}
.glyphicon-text-width:before {
  content: "\e051";
}
.glyphicon-align-left:before {
  content: "\e052";
}
.glyphicon-align-center:before {
  content: "\e053";
}
.glyphicon-align-right:before {
  content: "\e054";
}
.glyphicon-align-justify:before {
  content: "\e055";
}
.glyphicon-list:before {
  content: "\e056";
}
.glyphicon-indent-left:before {
  content: "\e057";
}
.glyphicon-indent-right:before {
  content: "\e058";
}
.glyphicon-facetime-video:before {
  content: "\e059";
}
.glyphicon-picture:before {
  content: "\e060";
}
.glyphicon-map-marker:before {
  content: "\e062";
}
.glyphicon-adjust:before {
  content: "\e063";
}
.glyphicon-tint:before {
  content: "\e064";
}
.glyphicon-edit:before {
  content: "\e065";
}
.glyphicon-share:before {
  content: "\e066";
}
.glyphicon-check:before {
  content: "\e067";
}
.glyphicon-move:before {
  content: "\e068";
}
.glyphicon-step-backward:before {
  content: "\e069";
}
.glyphicon-fast-backward:before {
  content: "\e070";
}
.glyphicon-backward:before {
  content: "\e071";
}
.glyphicon-play:before {
  content: "\e072";
}
.glyphicon-pause:before {
  content: "\e073";
}
.glyphicon-stop:before {
  content: "\e074";
}
.glyphicon-forward:before {
  content: "\e075";
}
.glyphicon-fast-forward:before {
  content: "\e076";
}
.glyphicon-step-forward:before {
  content: "\e077";
}
.glyphicon-eject:before {
  content: "\e078";
}
.glyphicon-chevron-left:before {
  content: "\e079";
}
.glyphicon-chevron-right:before {
  content: "\e080";
}
.glyphicon-plus-sign:before {
  content: "\e081";
}
.glyphicon-minus-sign:before {
  content: "\e082";
}
.glyphicon-remove-sign:before {
  content: "\e083";
}
.glyphicon-ok-sign:before {
  content: "\e084";
}
.glyphicon-question-sign:before {
  content: "\e085";
}
.glyphicon-info-sign:before {
  content: "\e086";
}
.glyphicon-screenshot:before {
  content: "\e087";
}
.glyphicon-remove-circle:before {
  content: "\e088";
}
.glyphicon-ok-circle:before {
  content: "\e089";
}
.glyphicon-ban-circle:before {
  content: "\e090";
}
.glyphicon-arrow-left:before {
  content: "\e091";
}
.glyphicon-arrow-right:before {
  content: "\e092";
}
.glyphicon-arrow-up:before {
  content: "\e093";
}
.glyphicon-arrow-down:before {
  content: "\e094";
}
.glyphicon-share-alt:before {
  content: "\e095";
}
.glyphicon-resize-full:before {
  content: "\e096";
}
.glyphicon-resize-small:before {
  content: "\e097";
}
.glyphicon-exclamation-sign:before {
  content: "\e101";
}
.glyphicon-gift:before {
  content: "\e102";
}
.glyphicon-leaf:before {
  content: "\e103";
}
.glyphicon-fire:before {
  content: "\e104";
}
.glyphicon-eye-open:before {
  content: "\e105";
}
.glyphicon-eye-close:before {
  content: "\e106";
}
.glyphicon-warning-sign:before {
  content: "\e107";
}
.glyphicon-plane:before {
  content: "\e108";
}
.glyphicon-calendar:before {
  content: "\e109";
}
.glyphicon-random:before {
  content: "\e110";
}
.glyphicon-comment:before {
  content: "\e111";
}
.glyphicon-magnet:before {
  content: "\e112";
}
.glyphicon-chevron-up:before {
  content: "\e113";
}
.glyphicon-chevron-down:before {
  content: "\e114";
}
.glyphicon-retweet:before {
  content: "\e115";
}
.glyphicon-shopping-cart:before {
  content: "\e116";
}
.glyphicon-folder-close:before {
  content: "\e117";
}
.glyphicon-folder-open:before {
  content: "\e118";
}
.glyphicon-resize-vertical:before {
  content: "\e119";
}
.glyphicon-resize-horizontal:before {
  content: "\e120";
}
.glyphicon-hdd:before {
  content: "\e121";
}
.glyphicon-bullhorn:before {
  content: "\e122";
}
.glyphicon-bell:before {
  content: "\e123";
}
.glyphicon-certificate:before {
  content: "\e124";
}
.glyphicon-thumbs-up:before {
  content: "\e125";
}
.glyphicon-thumbs-down:before {
  content: "\e126";
}
.glyphicon-hand-right:before {
  content: "\e127";
}
.glyphicon-hand-left:before {
  content: "\e128";
}
.glyphicon-hand-up:before {
  content: "\e129";
}
.glyphicon-hand-down:before {
  content: "\e130";
}
.glyphicon-circle-arrow-right:before {
  content: "\e131";
}
.glyphicon-circle-arrow-left:before {
  content: "\e132";
}
.glyphicon-circle-arrow-up:before {
  content: "\e133";
}
.glyphicon-circle-arrow-down:before {
  content: "\e134";
}
.glyphicon-globe:before {
  content: "\e135";
}
.glyphicon-wrench:before {
  content: "\e136";
}
.glyphicon-tasks:before {
  content: "\e137";
}
.glyphicon-filter:before {
  content: "\e138";
}
.glyphicon-briefcase:before {
  content: "\e139";
}
.glyphicon-fullscreen:before {
  content: "\e140";
}
.glyphicon-dashboard:before {
  content: "\e141";
}
.glyphicon-paperclip:before {
  content: "\e142";
}
.glyphicon-heart-empty:before {
  content: "\e143";
}
.glyphicon-link:before {
  content: "\e144";
}
.glyphicon-phone:before {
  content: "\e145";
}
.glyphicon-pushpin:before {
  content: "\e146";
}
.glyphicon-usd:before {
  content: "\e148";
}
.glyphicon-gbp:before {
  content: "\e149";
}
.glyphicon-sort:before {
  content: "\e150";
}
.glyphicon-sort-by-alphabet:before {
  content: "\e151";
}
.glyphicon-sort-by-alphabet-alt:before {
  content: "\e152";
}
.glyphicon-sort-by-order:before {
  content: "\e153";
}
.glyphicon-sort-by-order-alt:before {
  content: "\e154";
}
.glyphicon-sort-by-attributes:before {
  content: "\e155";
}
.glyphicon-sort-by-attributes-alt:before {
  content: "\e156";
}
.glyphicon-unchecked:before {
  content: "\e157";
}
.glyphicon-expand:before {
  content: "\e158";
}
.glyphicon-collapse-down:before {
  content: "\e159";
}
.glyphicon-collapse-up:before {
  content: "\e160";
}
.glyphicon-log-in:before {
  content: "\e161";
}
.glyphicon-flash:before {
  content: "\e162";
}
.glyphicon-log-out:before {
  content: "\e163";
}
.glyphicon-new-window:before {
  content: "\e164";
}
.glyphicon-record:before {
  content: "\e165";
}
.glyphicon-save:before {
  content: "\e166";
}
.glyphicon-open:before {
  content: "\e167";
}
.glyphicon-saved:before {
  content: "\e168";
}
.glyphicon-import:before {
  content: "\e169";
}
.glyphicon-export:before {
  content: "\e170";
}
.glyphicon-send:before {
  content: "\e171";
}
.glyphicon-floppy-disk:before {
  content: "\e172";
}
.glyphicon-floppy-saved:before {
  content: "\e173";
}
.glyphicon-floppy-remove:before {
  content: "\e174";
}
.glyphicon-floppy-save:before {
  content: "\e175";
}
.glyphicon-floppy-open:before {
  content: "\e176";
}
.glyphicon-credit-card:before {
  content: "\e177";
}
.glyphicon-transfer:before {
  content: "\e178";
}
.glyphicon-cutlery:before {
  content: "\e179";
}
.glyphicon-header:before {
  content: "\e180";
}
.glyphicon-compressed:before {
  content: "\e181";
}
.glyphicon-earphone:before {
  content: "\e182";
}
.glyphicon-phone-alt:before {
  content: "\e183";
}
.glyphicon-tower:before {
  content: "\e184";
}
.glyphicon-stats:before {
  content: "\e185";
}
.glyphicon-sd-video:before {
  content: "\e186";
}
.glyphicon-hd-video:before {
  content: "\e187";
}
.glyphicon-subtitles:before {
  content: "\e188";
}
.glyphicon-sound-stereo:before {
  content: "\e189";
}
.glyphicon-sound-dolby:before {
  content: "\e190";
}
.glyphicon-sound-5-1:before {
  content: "\e191";
}
.glyphicon-sound-6-1:before {
  content: "\e192";
}
.glyphicon-sound-7-1:before {
  content: "\e193";
}
.glyphicon-copyright-mark:before {
  content: "\e194";
}
.glyphicon-registration-mark:before {
  content: "\e195";
}
.glyphicon-cloud-download:before {
  content: "\e197";
}
.glyphicon-cloud-upload:before {
  content: "\e198";
}
.glyphicon-tree-conifer:before {
  content: "\e199";
}
.glyphicon-tree-deciduous:before {
  content: "\e200";
}
.glyphicon-cd:before {
  content: "\e201";
}
.glyphicon-save-file:before {
  content: "\e202";
}
.glyphicon-open-file:before {
  content: "\e203";
}
.glyphicon-level-up:before {
  content: "\e204";
}
.glyphicon-copy:before {
  content: "\e205";
}
.glyphicon-paste:before {
  content: "\e206";
}
.glyphicon-alert:before {
  content: "\e209";
}
.glyphicon-equalizer:before {
  content: "\e210";
}
.glyphicon-king:before {
  content: "\e211";
}
.glyphicon-queen:before {
  content: "\e212";
}
.glyphicon-pawn:before {
  content: "\e213";
}
.glyphicon-bishop:before {
  content: "\e214";
}
.glyphicon-knight:before {
  content: "\e215";
}
.glyphicon-baby-formula:before {
  content: "\e216";
}
.glyphicon-tent:before {
  content: "\26fa";
}
.glyphicon-blackboard:before {
  content: "\e218";
}
.glyphicon-bed:before {
  content: "\e219";
}
.glyphicon-apple:before {
  content: "\f8ff";
}
.glyphicon-erase:before {
  content: "\e221";
}
.glyphicon-hourglass:before {
  content: "\231b";
}
.glyphicon-lamp:before {
  content: "\e223";
}
.glyphicon-duplicate:before {
  content: "\e224";
}
.glyphicon-piggy-bank:before {
  content: "\e225";
}
.glyphicon-scissors:before {
  content: "\e226";
}
.glyphicon-bitcoin:before {
  content: "\e227";
}
.glyphicon-btc:before {
  content: "\e227";
}
.glyphicon-xbt:before {
  content: "\e227";
}
.glyphicon-yen:before {
  content: "\00a5";
}
.glyphicon-jpy:before {
  content: "\00a5";
}
.glyphicon-ruble:before {
  content: "\20bd";
}
.glyphicon-rub:before {
  content: "\20bd";
}
.glyphicon-scale:before {
  content: "\e230";
}
.glyphicon-ice-lolly:before {
  content: "\e231";
}
.glyphicon-ice-lolly-tasted:before {
  content: "\e232";
}
.glyphicon-education:before {
  content: "\e233";
}
.glyphicon-option-horizontal:before {
  content: "\e234";
}
.glyphicon-option-vertical:before {
  content: "\e235";
}
.glyphicon-menu-hamburger:before {
  content: "\e236";
}
.glyphicon-modal-window:before {
  content: "\e237";
}
.glyphicon-oil:before {
  content: "\e238";
}
.glyphicon-grain:before {
  content: "\e239";
}
.glyphicon-sunglasses:before {
  content: "\e240";
}
.glyphicon-text-size:before {
  content: "\e241";
}
.glyphicon-text-color:before {
  content: "\e242";
}
.glyphicon-text-background:before {
  content: "\e243";
}
.glyphicon-object-align-top:before {
  content: "\e244";
}
.glyphicon-object-align-bottom:before {
  content: "\e245";
}
.glyphicon-object-align-horizontal:before {
  content: "\e246";
}
.glyphicon-object-align-left:before {
  content: "\e247";
}
.glyphicon-object-align-vertical:before {
  content: "\e248";
}
.glyphicon-object-align-right:before {
  content: "\e249";
}
.glyphicon-triangle-right:before {
  content: "\e250";
}
.glyphicon-triangle-left:before {
  content: "\e251";
}
.glyphicon-triangle-bottom:before {
  content: "\e252";
}
.glyphicon-triangle-top:before {
  content: "\e253";
}
.glyphicon-console:before {
  content: "\e254";
}
.glyphicon-superscript:before {
  content: "\e255";
}
.glyphicon-subscript:before {
  content: "\e256";
}
.glyphicon-menu-left:before {
  content: "\e257";
}
.glyphicon-menu-right:before {
  content: "\e258";
}
.glyphicon-menu-down:before {
  content: "\e259";
}
.glyphicon-menu-up:before {
  content: "\e260";
}

.ms-megamenu *{
  box-sizing: border-box;
  transition: background-color 250ms ease-out;
  -webkit-transition: background-color  250ms ease-out;
  -moz-transition: background-color  250ms ease-out;
  -ms-transition:background-color  250ms ease-out;
  -o-transition: background-color  250ms ease-out;
}
.ms-megamenu button *{box-sizing: content-box;}
.ms-megamenu .row {
  margin-right: -10px;
  margin-left: -10px;
}
.ms-megamenu .container {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 768px) {
  .ms-megamenu .container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .ms-megamenu .container {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .ms-megamenu .container {
    width: 1170px;
  }
}
.ms-megamenu .col-xs-24,.ms-megamenu .col-xs-14,.ms-megamenu .col-xs-125,.ms-megamenu .col-xs-111,.ms-megamenu .col-xs-100,.ms-megamenu .col-xs-909,.ms-megamenu .col-xs-1,.ms-megamenu .col-xs-2,.ms-megamenu .col-xs-3,.ms-megamenu .col-xs-4,.ms-megamenu .col-xs-5,.ms-megamenu .col-xs-6,.ms-megamenu .col-xs-7,.ms-megamenu .col-xs-8,.ms-megamenu .col-xs-9,.ms-megamenu .col-xs-10,.ms-megamenu .col-xs-11,.ms-megamenu .col-xs-12 {
  float: left;
  position: relative;
  min-height: 1px;
  padding-right: 10px;
  padding-left: 10px;
}
.ms-megamenu .col-xs-24,.ms-megamenu .col-xs-14,.ms-megamenu .col-xs-125,.ms-megamenu .col-xs-111,.ms-megamenu .col-xs-100,.ms-megamenu .col-xs-909,.ms-megamenu .col-xs-1,.ms-megamenu .col-sm-1,.ms-megamenu .col-md-1,.ms-megamenu .col-lg-1,.ms-megamenu .col-xs-2,.ms-megamenu .col-sm-2, .ms-megamenu .col-md-2, .ms-megamenu .col-lg-2, .ms-megamenu .col-xs-3, .ms-megamenu .col-sm-3, .ms-megamenu .col-md-3, .ms-megamenu .col-lg-3, .ms-megamenu .col-xs-4, .ms-megamenu .col-sm-4, .ms-megamenu .col-md-4, .ms-megamenu .col-lg-4, .ms-megamenu .col-xs-5, .ms-megamenu .col-sm-5, .ms-megamenu .col-md-5, .ms-megamenu .col-lg-5, .ms-megamenu .col-xs-6, .ms-megamenu .col-sm-6, .ms-megamenu .col-md-6, .ms-megamenu .col-lg-6, .ms-megamenu .col-xs-7, .ms-megamenu .col-sm-7, .ms-megamenu .col-md-7, .ms-megamenu .col-lg-7, .ms-megamenu .col-xs-8, .ms-megamenu .col-sm-8, .ms-megamenu .col-md-8, .ms-megamenu .col-lg-8, .ms-megamenu .col-xs-9, .ms-megamenu .col-sm-9, .ms-megamenu .col-md-9, .ms-megamenu .col-lg-9, .ms-megamenu .col-xs-10, .ms-megamenu .col-sm-10, .ms-megamenu .col-md-10, .ms-megamenu .col-lg-10, .ms-megamenu .col-xs-11, .ms-megamenu .col-sm-11, .ms-megamenu .col-md-11, .ms-megamenu .col-lg-11, .ms-megamenu .col-xs-12, .ms-megamenu .col-sm-12, .ms-megamenu .col-md-12, .ms-megamenu .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}
.ms-megamenu .col-xs-12 {
  width: 100%;
}
.ms-megamenu .col-xs-11 {
  width: 91.66666667%;
}
.ms-megamenu .col-xs-10 {
  width: 83.33333333%;
}
.ms-megamenu .col-xs-9 {
  width: 75%;
}
.ms-megamenu .col-xs-8 {
  width: 66.66666667%;
}
.ms-megamenu .col-xs-7 {
  width: 58.33333333%;
}
.ms-megamenu .col-xs-6 {
  width: 50%;
}
.ms-megamenu .col-xs-5 {
  width: 41.66666667%;
}
.ms-megamenu .col-xs-4 {
  width: 33.33333333%;
}
.ms-megamenu .col-xs-3 {
  width: 25%;
}
.ms-megamenu .col-xs-2 {
  width: 16.66666667%;
}
.ms-megamenu .col-xs-1 {
  width: 8.33333333%;
}
.ms-megamenu .col-xs-24{
  width: 20%;
}
.ms-megamenu .col-xs-14{
  width: 14%;
}
.ms-megamenu .col-xs-125{
  width: 12.5%;
}
.ms-megamenu .col-xs-111{
  width: 11.11111111%;
}
.ms-megamenu .col-xs-100{
  width: 10%;
}
.ms-megamenu .col-xs-909{
  width: 9.090909090%;
}

.ms-megamenu .col-xs-pull-12 {
  right: 100%;
}
.ms-megamenu .col-xs-pull-11 {
  right: 91.66666667%;
}
.ms-megamenu .col-xs-pull-10 {
  right: 83.33333333%;
}
.ms-megamenu .col-xs-pull-9 {
  right: 75%;
}
.ms-megamenu .col-xs-pull-8 {
  right: 66.66666667%;
}
.ms-megamenu .col-xs-pull-7 {
  right: 58.33333333%;
}
.ms-megamenu .col-xs-pull-6 {
  right: 50%;
}
.ms-megamenu .col-xs-pull-5 {
  right: 41.66666667%;
}
.ms-megamenu .col-xs-pull-4 {
  right: 33.33333333%;
}
.ms-megamenu .col-xs-pull-3 {
  right: 25%;
}
.ms-megamenu .col-xs-pull-2 {
  right: 16.66666667%;
}
.ms-megamenu .col-xs-pull-1 {
  right: 8.33333333%;
}
.ms-megamenu .col-xs-pull-0 {
  right: auto;
}
.ms-megamenu .col-xs-push-12 {
  left: 100%;
}
.ms-megamenu .col-xs-push-11 {
  left: 91.66666667%;
}
.ms-megamenu .col-xs-push-10 {
  left: 83.33333333%;
}
.ms-megamenu .col-xs-push-9 {
  left: 75%;
}
.ms-megamenu .col-xs-push-8 {
  left: 66.66666667%;
}
.ms-megamenu .col-xs-push-7 {
  left: 58.33333333%;
}
.ms-megamenu .col-xs-push-6 {
  left: 50%;
}
.ms-megamenu .col-xs-push-5 {
  left: 41.66666667%;
}
.ms-megamenu .col-xs-push-4 {
  left: 33.33333333%;
}
.ms-megamenu .col-xs-push-3 {
  left: 25%;
}
.ms-megamenu .col-xs-push-2 {
  left: 16.66666667%;
}
.ms-megamenu .col-xs-push-1 {
  left: 8.33333333%;
}
.ms-megamenu .col-xs-push-0 {
  left: auto;
}
.ms-megamenu .col-xs-offset-12 {
  margin-left: 100%;
}
.ms-megamenu .col-xs-offset-11 {
  margin-left: 91.66666667%;
}
.ms-megamenu .col-xs-offset-10 {
  margin-left: 83.33333333%;
}
.ms-megamenu .col-xs-offset-9 {
  margin-left: 75%;
}
.ms-megamenu .col-xs-offset-8 {
  margin-left: 66.66666667%;
}
.ms-megamenu .col-xs-offset-7 {
  margin-left: 58.33333333%;
}
.ms-megamenu .col-xs-offset-6 {
  margin-left: 50%;
}
.ms-megamenu .col-xs-offset-5 {
  margin-left: 41.66666667%;
}
.ms-megamenu .col-xs-offset-4 {
  margin-left: 33.33333333%;
}
.ms-megamenu .col-xs-offset-3 {
  margin-left: 25%;
}
.ms-megamenu .col-xs-offset-2 {
  margin-left: 16.66666667%;
}
.ms-megamenu .col-xs-offset-1 {
  margin-left: 8.33333333%;
}
.ms-megamenu .col-xs-offset-0 {
  margin-left: 0;
}
@media (min-width: 768px) {
  .ms-megamenu .col-sm-1,.ms-megamenu .col-sm-14, .ms-megamenu .col-sm-2,.ms-megamenu .col-sm-24, .ms-megamenu .col-sm-3, .ms-megamenu .col-sm-4, .ms-megamenu .col-sm-5, .ms-megamenu .col-sm-6, .ms-megamenu .col-sm-7, .ms-megamenu .col-sm-8, .ms-megamenu .col-sm-9, .ms-megamenu .col-sm-10, .ms-megamenu .col-sm-11, .ms-megamenu .col-sm-12 {
    float: left;
  }
  .ms-megamenu .col-sm-12 {
    width: 100%;
  }
  .ms-megamenu .col-sm-11 {
    width: 91.66666667%;
  }
  .ms-megamenu .col-sm-10 {
    width: 83.33333333%;
  }
  .ms-megamenu .col-sm-9 {
    width: 75%;
  }
  .ms-megamenu .col-sm-8 {
    width: 66.66666667%;
  }
  .ms-megamenu .col-sm-7 {
    width: 58.33333333%;
  }
  .ms-megamenu .col-sm-6 {
    width: 50%;
  }
  .ms-megamenu .col-sm-5 {
    width: 41.66666667%;
  }
  .ms-megamenu .col-sm-4 {
    width: 33.33333333%;
  }
  .ms-megamenu .col-sm-3 {
    width: 25%;
  }
  .ms-megamenu .col-sm-24{
    width: 20%;
  }
  .ms-megamenu .col-sm-2 {
    width: 16.66666667%;
  }
  .ms-megamenu .col-sm-14{
    width: 14%;
  }
  .ms-megamenu .col-sm-125{
    width: 12.5%;
  }
  .ms-megamenu .col-sm-111{
    width: 11.11111111%;
  }
  .ms-megamenu .col-sm-100{
    width: 10%;
  }
  .ms-megamenu .col-sm-909{
    width: 9.090909090%;
  }
  .ms-megamenu .col-sm-1 {
    width: 8.33333333%;
  }
  .ms-megamenu .col-sm-pull-12 {
    right: 100%;
  }
  .ms-megamenu .col-sm-pull-11 {
    right: 91.66666667%;
  }
  .ms-megamenu .col-sm-pull-10 {
    right: 83.33333333%;
  }
  .ms-megamenu .col-sm-pull-9 {
    right: 75%;
  }
  .ms-megamenu .col-sm-pull-8 {
    right: 66.66666667%;
  }
  .ms-megamenu .col-sm-pull-7 {
    right: 58.33333333%;
  }
  .ms-megamenu .col-sm-pull-6 {
    right: 50%;
  }
  .ms-megamenu .col-sm-pull-5 {
    right: 41.66666667%;
  }
  .ms-megamenu .col-sm-pull-4 {
    right: 33.33333333%;
  }
  .ms-megamenu .col-sm-pull-3 {
    right: 25%;
  }
  .ms-megamenu .col-sm-pull-2 {
    right: 16.66666667%;
  }
  .ms-megamenu .col-sm-pull-1 {
    right: 8.33333333%;
  }
  .ms-megamenu .col-sm-pull-0 {
    right: auto;
  }
  .ms-megamenu .col-sm-push-12 {
    left: 100%;
  }
  .ms-megamenu .col-sm-push-11 {
    left: 91.66666667%;
  }
  .ms-megamenu .col-sm-push-10 {
    left: 83.33333333%;
  }
  .ms-megamenu .col-sm-push-9 {
    left: 75%;
  }
  .ms-megamenu .col-sm-push-8 {
    left: 66.66666667%;
  }
  .ms-megamenu .col-sm-push-7 {
    left: 58.33333333%;
  }
  .ms-megamenu .col-sm-push-6 {
    left: 50%;
  }
  .ms-megamenu .col-sm-push-5 {
    left: 41.66666667%;
  }
  .ms-megamenu .col-sm-push-4 {
    left: 33.33333333%;
  }
  .ms-megamenu .col-sm-push-3 {
    left: 25%;
  }
  .ms-megamenu .col-sm-push-2 {
    left: 16.66666667%;
  }
  .ms-megamenu .col-sm-push-1 {
    left: 8.33333333%;
  }
  .ms-megamenu .col-sm-push-0 {
    left: auto;
  }
  .ms-megamenu .col-sm-offset-12 {
    margin-left: 100%;
  }
  .ms-megamenu .col-sm-offset-11 {
    margin-left: 91.66666667%;
  }
  .ms-megamenu .col-sm-offset-10 {
    margin-left: 83.33333333%;
  }
  .ms-megamenu .col-sm-offset-9 {
    margin-left: 75%;
  }
  .ms-megamenu .col-sm-offset-8 {
    margin-left: 66.66666667%;
  }
  .ms-megamenu .col-sm-offset-7 {
    margin-left: 58.33333333%;
  }
  .ms-megamenu .col-sm-offset-6 {
    margin-left: 50%;
  }
  .ms-megamenu .col-sm-offset-5 {
    margin-left: 41.66666667%;
  }
  .ms-megamenu .col-sm-offset-4 {
    margin-left: 33.33333333%;
  }
  .ms-megamenu .col-sm-offset-3 {
    margin-left: 25%;
  }
  .ms-megamenu .col-sm-offset-2 {
    margin-left: 16.66666667%;
  }
  .ms-megamenu .col-sm-offset-1 {
    margin-left: 8.33333333%;
  }
  .ms-megamenu .col-sm-offset-0 {
    margin-left: 0;
  }
}
@media (min-width: 992px) {
  .ms-megamenu .col-md-1, .ms-megamenu .col-md-2, .ms-megamenu .col-md-3, .ms-megamenu .col-md-4, .ms-megamenu .col-md-5, .ms-megamenu .col-md-6, .ms-megamenu .col-md-7, .ms-megamenu .col-md-8, .ms-megamenu .col-md-9, .ms-megamenu .col-md-10, .ms-megamenu .col-md-11, .ms-megamenu .col-md-12 {
    float: left;
  }
  .ms-megamenu .col-md-12 {
    width: 100%;
  }
  .ms-megamenu .col-md-11 {
    width: 91.66666667%;
  }
  .ms-megamenu .col-md-10 {
    width: 83.33333333%;
  }
  .ms-megamenu .col-md-9 {
    width: 75%;
  }
  .ms-megamenu .col-md-8 {
    width: 66.66666667%;
  }
  .ms-megamenu .col-md-7 {
    width: 58.33333333%;
  }
  .ms-megamenu .col-md-6 {
    width: 50%;
  }
  .ms-megamenu .col-md-5 {
    width: 41.66666667%;
  }
  .ms-megamenu .col-md-4 {
    width: 33.33333333%;
  }
  .ms-megamenu .col-md-3 {
    width: 25%;
  }
  .ms-megamenu .col-md-2 {
    width: 16.66666667%;
  }
  .ms-megamenu .col-md-1 {
    width: 8.33333333%;
  }
  .ms-megamenu .col-md-pull-12 {
    right: 100%;
  }
  .ms-megamenu .col-md-pull-11 {
    right: 91.66666667%;
  }
  .ms-megamenu .col-md-pull-10 {
    right: 83.33333333%;
  }
  .ms-megamenu .col-md-pull-9 {
    right: 75%;
  }
  .ms-megamenu .col-md-pull-8 {
    right: 66.66666667%;
  }
  .ms-megamenu .col-md-pull-7 {
    right: 58.33333333%;
  }
  .ms-megamenu .col-md-pull-6 {
    right: 50%;
  }
  .ms-megamenu .col-md-pull-5 {
    right: 41.66666667%;
  }
  .ms-megamenu .col-md-pull-4 {
    right: 33.33333333%;
  }
  .ms-megamenu .col-md-pull-3 {
    right: 25%;
  }
  .ms-megamenu .col-md-pull-2 {
    right: 16.66666667%;
  }
  .ms-megamenu .col-md-pull-1 {
    right: 8.33333333%;
  }
  .ms-megamenu .col-md-pull-0 {
    right: auto;
  }
  .ms-megamenu .col-md-push-12 {
    left: 100%;
  }
  .ms-megamenu .col-md-push-11 {
    left: 91.66666667%;
  }
  .ms-megamenu .col-md-push-10 {
    left: 83.33333333%;
  }
  .ms-megamenu .col-md-push-9 {
    left: 75%;
  }
  .ms-megamenu .col-md-push-8 {
    left: 66.66666667%;
  }
  .ms-megamenu .col-md-push-7 {
    left: 58.33333333%;
  }
  .ms-megamenu .col-md-push-6 {
    left: 50%;
  }
  .ms-megamenu .col-md-push-5 {
    left: 41.66666667%;
  }
  .ms-megamenu .col-md-push-4 {
    left: 33.33333333%;
  }
  .ms-megamenu .col-md-push-3 {
    left: 25%;
  }
  .ms-megamenu .col-md-push-2 {
    left: 16.66666667%;
  }
  .ms-megamenu .col-md-push-1 {
    left: 8.33333333%;
  }
  .ms-megamenu .col-md-push-0 {
    left: auto;
  }
  .ms-megamenu .col-md-offset-12 {
    margin-left: 100%;
  }
  .ms-megamenu .col-md-offset-11 {
    margin-left: 91.66666667%;
  }
  .ms-megamenu .col-md-offset-10 {
    margin-left: 83.33333333%;
  }
  .ms-megamenu .col-md-offset-9 {
    margin-left: 75%;
  }
  .ms-megamenu .col-md-offset-8 {
    margin-left: 66.66666667%;
  }
  .ms-megamenu .col-md-offset-7 {
    margin-left: 58.33333333%;
  }
  .ms-megamenu .col-md-offset-6 {
    margin-left: 50%;
  }
  .ms-megamenu .col-md-offset-5 {
    margin-left: 41.66666667%;
  }
  .ms-megamenu .col-md-offset-4 {
    margin-left: 33.33333333%;
  }
  .ms-megamenu .col-md-offset-3 {
    margin-left: 25%;
  }
  .ms-megamenu .col-md-offset-2 {
    margin-left: 16.66666667%;
  }
  .ms-megamenu .col-md-offset-1 {
    margin-left: 8.33333333%;
  }
  .ms-megamenu .col-md-offset-0 {
    margin-left: 0;
  }
}
@media (min-width: 1200px) {
  .ms-megamenu .col-lg-1, .ms-megamenu .col-lg-2, .ms-megamenu .col-lg-3, .ms-megamenu .col-lg-4, .ms-megamenu .col-lg-5, .ms-megamenu .col-lg-6, .ms-megamenu .col-lg-7, .ms-megamenu .col-lg-8, .ms-megamenu .col-lg-9, .ms-megamenu .col-lg-10, .ms-megamenu .col-lg-11, .ms-megamenu .col-lg-12 {
    float: left;
  }
  .ms-megamenu .col-lg-12 {
    width: 100%;
  }
  .ms-megamenu .col-lg-11 {
    width: 91.66666667%;
  }
  .ms-megamenu .col-lg-10 {
    width: 83.33333333%;
  }
  .ms-megamenu .col-lg-9 {
    width: 75%;
  }
  .ms-megamenu .col-lg-8 {
    width: 66.66666667%;
  }
  .ms-megamenu .col-lg-7 {
    width: 58.33333333%;
  }
  .ms-megamenu .col-lg-6 {
    width: 50%;
  }
  .ms-megamenu .col-lg-5 {
    width: 41.66666667%;
  }
  .ms-megamenu .col-lg-4 {
    width: 33.33333333%;
  }
  .ms-megamenu .col-lg-3 {
    width: 25%;
  }
  .ms-megamenu .col-lg-2 {
    width: 16.66666667%;
  }
  .ms-megamenu .col-lg-1 {
    width: 8.33333333%;
  }
  .ms-megamenu .col-lg-pull-12 {
    right: 100%;
  }
  .ms-megamenu .col-lg-pull-11 {
    right: 91.66666667%;
  }
  .ms-megamenu .col-lg-pull-10 {
    right: 83.33333333%;
  }
  .ms-megamenu .col-lg-pull-9 {
    right: 75%;
  }
  .ms-megamenu .col-lg-pull-8 {
    right: 66.66666667%;
  }
  .ms-megamenu .col-lg-pull-7 {
    right: 58.33333333%;
  }
  .ms-megamenu .col-lg-pull-6 {
    right: 50%;
  }
  .ms-megamenu .col-lg-pull-5 {
    right: 41.66666667%;
  }
  .ms-megamenu .col-lg-pull-4 {
    right: 33.33333333%;
  }
  .ms-megamenu .col-lg-pull-3 {
    right: 25%;
  }
  .ms-megamenu .col-lg-pull-2 {
    right: 16.66666667%;
  }
  .ms-megamenu .col-lg-pull-1 {
    right: 8.33333333%;
  }
  .ms-megamenu .col-lg-pull-0 {
    right: auto;
  }
  .ms-megamenu .col-lg-push-12 {
    left: 100%;
  }
  .ms-megamenu .col-lg-push-11 {
    left: 91.66666667%;
  }
  .ms-megamenu .col-lg-push-10 {
    left: 83.33333333%;
  }
  .ms-megamenu .col-lg-push-9 {
    left: 75%;
  }
  .ms-megamenu .col-lg-push-8 {
    left: 66.66666667%;
  }
  .ms-megamenu .col-lg-push-7 {
    left: 58.33333333%;
  }
  .ms-megamenu .col-lg-push-6 {
    left: 50%;
  }
  .ms-megamenu .col-lg-push-5 {
    left: 41.66666667%;
  }
  .ms-megamenu .col-lg-push-4 {
    left: 33.33333333%;
  }
  .ms-megamenu .col-lg-push-3 {
    left: 25%;
  }
  .ms-megamenu .col-lg-push-2 {
    left: 16.66666667%;
  }
  .ms-megamenu .col-lg-push-1 {
    left: 8.33333333%;
  }
  .ms-megamenu .col-lg-push-0 {
    left: auto;
  }
  .ms-megamenu .col-lg-offset-12 {
    margin-left: 100%;
  }
  .ms-megamenu .col-lg-offset-11 {
    margin-left: 91.66666667%;
  }
  .ms-megamenu .col-lg-offset-10 {
    margin-left: 83.33333333%;
  }
  .ms-megamenu .col-lg-offset-9 {
    margin-left: 75%;
  }
  .ms-megamenu .col-lg-offset-8 {
    margin-left: 66.66666667%;
  }
  .ms-megamenu .col-lg-offset-7 {
    margin-left: 58.33333333%;
  }
  .ms-megamenu .col-lg-offset-6 {
    margin-left: 50%;
  }
  .ms-megamenu .col-lg-offset-5 {
    margin-left: 41.66666667%;
  }
  .ms-megamenu .col-lg-offset-4 {
    margin-left: 33.33333333%;
  }
  .ms-megamenu .col-lg-offset-3 {
    margin-left: 25%;
  }
  .ms-megamenu .col-lg-offset-2 {
    margin-left: 16.66666667%;
  }
  .ms-megamenu .col-lg-offset-1 {
    margin-left: 8.33333333%;
  }
  .ms-megamenu .col-lg-offset-0 {
    margin-left: 0;
  }
}
@media (max-width: 460px) {
  .ms-megamenu .col-tn-1, .ms-megamenu .col-tn-2, .ms-megamenu .col-tn-3, .ms-megamenu .col-tn-4, .ms-megamenu .col-tn-5, .ms-megamenu .col-tn-6, .ms-megamenu .col-tn-7, .ms-megamenu .col-tn-8, .ms-megamenu .col-tn-9, .ms-megamenu .col-tn-10, .ms-megamenu .col-tn-11, .ms-megamenu .col-tn-12 {
    float: left;
  }
  .ms-megamenu .col-tn-12 {
    width: 100%;
  }
  .ms-megamenu .col-tn-11 {
    width: 91.66666667%;
  }
  .ms-megamenu .col-tn-10 {
    width: 83.33333333%;
  }
  .ms-megamenu .col-tn-9 {
    width: 75%;
  }
  .ms-megamenu .col-tn-8 {
    width: 66.66666667%;
  }
  .ms-megamenu .col-tn-7 {
    width: 58.33333333%;
  }
  .ms-megamenu .col-tn-6 {
    width: 50%;
  }
  .ms-megamenu .col-tn-5 {
    width: 41.66666667%;
  }
  .ms-megamenu .col-tn-4 {
    width: 33.33333333%;
  }
  .ms-megamenu .col-tn-3 {
    width: 25%;
  }
  .ms-megamenu .col-tn-2 {
    width: 16.66666667%;
  }
  .ms-megamenu .col-tn-1 {
    width: 8.33333333%;
  }
  .ms-megamenu .col-tn-offset-12 {
    margin-left: 100%;
  }
  .ms-megamenu .col-tn-offset-11 {
    margin-left: 91.66666667%;
  }
  .ms-megamenu .col-tn-offset-10 {
    margin-left: 83.33333333%;
  }
  .ms-megamenu .col-tn-offset-9 {
    margin-left: 75%;
  }
  .ms-megamenu .col-tn-offset-8 {
    margin-left: 66.66666667%;
  }
  .ms-megamenu .col-tn-offset-7 {
    margin-left: 58.33333333%;
  }
  .ms-megamenu .col-tn-offset-6 {
    margin-left: 50%;
  }
  .ms-megamenu .col-tn-offset-5 {
    margin-left: 41.66666667%;
  }
  .ms-megamenu .col-tn-offset-4 {
    margin-left: 33.33333333%;
  }
  .ms-megamenu .col-tn-offset-3 {
    margin-left: 25%;
  }
  .ms-megamenu .col-tn-offset-2 {
    margin-left: 16.66666667%;
  }
  .ms-megamenu .col-tn-offset-1 {
    margin-left: 8.33333333%;
  }
}
@media (max-width: 460px) {
  .hidden-tn {
    display: none !important;
  }
}
@media (max-width: 767px) and (min-width: 461px) {
  .hidden-xs {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .hidden-lg {
    display: none !important;
  }
}
.ms-megamenu input[type="search"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.ms-megamenu input[type="radio"],
.ms-megamenu input[type="checkbox"] {
  margin: 3px 0 0;
  margin-top: 1px \9;
  line-height: normal;
}
.ms-megamenu input[type="file"] {
  display: block;
}
.ms-megamenu input[type="range"] {
  display: block;
  width: 100%;
}
.ms-megamenu select[multiple],
.ms-megamenu select[size] {
  height: auto;
}
.ms-megamenu input[type="file"]:focus,
.ms-megamenu input[type="radio"]:focus,
.ms-megamenu input[type="checkbox"]:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.ms-megamenu output {
  display: block;
  padding-top: 7px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
}
.ms-megamenu .form-control {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.ms-megamenu .form-control:focus {
  border-color: #66afe9;
  outline:none;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}
.ms-megamenu .form-control::-moz-placeholder {
  color: #999;
  opacity: 1;
}
.ms-megamenu .form-control:-ms-input-placeholder {
  color: #999;
}
.ms-megamenu .form-control::-webkit-input-placeholder {
  color: #999;
}
.ms-megamenu .form-control[disabled],
.ms-megamenu .form-control[readonly],

.ms-megamenu textarea.form-control {
  height: 173px;
}
input[type="search"] {
  -webkit-appearance: none;
}
.ms-megamenu input[type="date"],
.ms-megamenu input[type="time"],
.ms-megamenu input[type="datetime-local"],
.ms-megamenu input[type="month"] {
  line-height: 34px;
  line-height: 1.42857143 \0;
}
.ms-megamenu input[type="date"].input-sm,
.ms-megamenu input[type="time"].input-sm,
.ms-megamenu input[type="datetime-local"].input-sm,
.ms-megamenu input[type="month"].input-sm {
  line-height: 30px;
  line-height: 1.5 \0;
}
.ms-megamenu input[type="date"].input-lg,
.ms-megamenu input[type="time"].input-lg,
.ms-megamenu input[type="datetime-local"].input-lg,
.ms-megamenu input[type="month"].input-lg {
  line-height: 46px;
  line-height: 1.33 \0;
}
_:-ms-fullscreen,
:root input[type="date"],
_:-ms-fullscreen,
:root input[type="time"],
_:-ms-fullscreen,
:root input[type="datetime-local"],
_:-ms-fullscreen,
:root input[type="month"] {
  line-height: 1.42857143;
}
_:-ms-fullscreen.input-sm,
:root input[type="date"].input-sm,
_:-ms-fullscreen.input-sm,
:root input[type="time"].input-sm,
_:-ms-fullscreen.input-sm,
:root input[type="datetime-local"].input-sm,
_:-ms-fullscreen.input-sm,
:root input[type="month"].input-sm {
  line-height: 1.5;
}
_:-ms-fullscreen.input-lg,
:root input[type="date"].input-lg,
_:-ms-fullscreen.input-lg,
:root input[type="time"].input-lg,
_:-ms-fullscreen.input-lg,
:root input[type="datetime-local"].input-lg,
_:-ms-fullscreen.input-lg,
:root input[type="month"].input-lg {
  line-height: 1.33;
}
.ms-megamenu .form-group {
  margin-bottom: 10px;
  float:left;
  width:100%;
}
.ms-megamenu .radio,
.ms-megamenu .checkbox {
  position: relative;
  display: block;
  margin-top: 5px;
  margin-bottom: 5px;
}
.ms-megamenu .radio label,
.ms-megamenu .checkbox label {
  min-height: 20px;
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: normal;
  cursor: pointer;
}
.ms-megamenu .radio input[type="radio"],
.ms-megamenu .radio-inline input[type="radio"],
.ms-megamenu .checkbox input[type="checkbox"],
.ms-megamenu .checkbox-inline input[type="checkbox"] {
  position: absolute;number
margin-top: 4px \9;
  margin-left: -19px;
}
.radio + .radio,
.checkbox + .checkbox {
  margin-top: -5px;
}
.ms-megamenu .radio-inline,
.ms-megamenu .checkbox-inline {
  display: inline-block;
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: normal;
  vertical-align: middle;
  cursor: pointer;
}
.radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline {
  margin-top: 0;
  margin-left: 10px;
}
.ms-megamenu .form-group label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  font-weight: 700;
}
.ms-megamenu .hide{display:none;}
.ms-megamenu .disabled{
  opacity: 0.3;
  filter: alpha(opacity=30);
  cursor: default;
}
.ms-megamenu .text-left {
  text-align: left;
}
.ms-megamenu .text-right {
  text-align: right;
}
.ms-megamenu .text-center {
  text-align: center;
}
.ms-megamenu .text-justify {
  text-align: justify;
}
.ms-megamenu .text-nowrap {
  white-space: nowrap;
}
.ms-megamenu .text-lowercase {
  text-transform: lowercase;
}
.ms-megamenu .text-uppercase {
  text-transform: uppercase;
}
.ms-megamenu .text-capitalize {
  text-transform: capitalize;
}
.ms-megamenu .btn {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}
.ms-megamenu .btn:hover,
.ms-megamenu .btn:focus,
.ms-megamenu .btn.focus {
  color: #333;
  text-decoration: none;
}
.ms-megamenu .btn-default {
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}
.ms-megamenu .btn-default:hover,
.ms-megamenu .btn-default:focus,
.ms-megamenu .btn-default.focus,
.ms-megamenu .btn-default:active,
.ms-megamenu .btn-default.active,
.ms-megamenu .open > .dropdown-toggle.btn-default {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad;
}
.ms-megamenu .btn-default:active,
.ms-megamenu .btn-default.active,
.ms-megamenu .open > .dropdown-toggle.btn-default {
  background-image: none;
}
.ms-megamenu .btn-default.disabled,
.ms-megamenu .btn-default[disabled],
.ms-megamenu fieldset[disabled] .btn-default,
.ms-megamenu .btn-default.disabled:hover,
.ms-megamenu .btn-default[disabled]:hover,
.ms-megamenu fieldset[disabled] .btn-default:hover,
.ms-megamenu .btn-default.disabled:focus,
.ms-megamenu .btn-default[disabled]:focus,
.ms-megamenu fieldset[disabled] .btn-default:focus,
.ms-megamenu .btn-default.disabled.focus,
.ms-megamenu .btn-default[disabled].focus,
.ms-megamenu fieldset[disabled] .btn-default.focus,
.ms-megamenu .btn-default.disabled:active,
.ms-megamenu .btn-default[disabled]:active,
.ms-megamenu fieldset[disabled] .btn-default:active,
.ms-megamenu .btn-default.disabled.active,
.ms-megamenu .btn-default[disabled].active,
.ms-megamenu fieldset[disabled] .btn-default.active {
  background-color: #fff;
  border-color: #ccc;
}
.ms-megamenu .btn-default .badge {
  color: #fff;
  background-color: #333;
}
.ms-megamenu .btn-primary {
  color: #fff;
  background-color: #337ab7;
  border-color: #2e6da4;
}
.ms-megamenu .btn-primary:hover,
.ms-megamenu .btn-primary:focus,
.ms-megamenu .btn-primary.focus,
.ms-megamenu .btn-primary:active,
.ms-megamenu .btn-primary.active,
.ms-megamenu .open > .dropdown-toggle.btn-primary {
  color: #fff;
  background-color: #286090;
  border-color: #204d74;
}
.ms-megamenu .btn-primary:active,
.ms-megamenu .btn-primary.active,
.ms-megamenu .open > .dropdown-toggle.btn-primary {
  background-image: none;
}
.ms-megamenu .btn-primary.disabled,
.ms-megamenu .btn-primary[disabled],
.ms-megamenu fieldset[disabled] .btn-primary,
.ms-megamenu .btn-primary.disabled:hover,
.ms-megamenu .btn-primary[disabled]:hover,
.ms-megamenu fieldset[disabled] .btn-primary:hover,
.ms-megamenu .btn-primary.disabled:focus,
.ms-megamenu .btn-primary[disabled]:focus,
.ms-megamenu fieldset[disabled] .btn-primary:focus,
.ms-megamenu .btn-primary.disabled.focus,
.ms-megamenu .btn-primary[disabled].focus,
.ms-megamenu fieldset[disabled] .btn-primary.focus,
.ms-megamenu .btn-primary.disabled:active,
.ms-megamenu .btn-primary[disabled]:active,
.ms-megamenu fieldset[disabled] .btn-primary:active,
.ms-megamenu .btn-primary.disabled.active,
.ms-megamenu .btn-primary[disabled].active,
.ms-megamenu fieldset[disabled] .btn-primary.active {
  background-color: #337ab7;
  border-color: #2e6da4;
}
.ms-megamenu .btn-primary .badge {
  color: #337ab7;
  background-color: #fff;
}
.ms-megamenu .btn-success {
  color: #fff;
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.ms-megamenu .btn-success:hover,
.ms-megamenu .btn-success:focus,
.ms-megamenu .btn-success.focus,
.ms-megamenu .btn-success:active,
.ms-megamenu .btn-success.active,
.ms-megamenu .open > .dropdown-toggle.btn-success {
  color: #fff;
  background-color: #449d44;
  border-color: #398439;
}
.ms-megamenu .btn-success:active,
.ms-megamenu .btn-success.active,
.ms-megamenu .open > .dropdown-toggle.btn-success {
  background-image: none;
}
.ms-megamenu .btn-success.disabled,
.ms-megamenu .btn-success[disabled],
.ms-megamenu fieldset[disabled] .btn-success,
.ms-megamenu .btn-success.disabled:hover,
.ms-megamenu .btn-success[disabled]:hover,
.ms-megamenu fieldset[disabled] .btn-success:hover,
.ms-megamenu .btn-success.disabled:focus,
.ms-megamenu .btn-success[disabled]:focus,
.ms-megamenu fieldset[disabled] .btn-success:focus,
.ms-megamenu .btn-success.disabled.focus,
.ms-megamenu .btn-success[disabled].focus,
.ms-megamenu fieldset[disabled] .btn-success.focus,
.ms-megamenu .btn-success.disabled:active,
.ms-megamenu .btn-success[disabled]:active,
.ms-megamenu fieldset[disabled] .btn-success:active,
.ms-megamenu .btn-success.disabled.active,
.ms-megamenu .btn-success[disabled].active,
.ms-megamenu fieldset[disabled] .btn-success.active {
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.ms-megamenu .btn-success .badge {
  color: #5cb85c;
  background-color: #fff;
}
.ms-megamenu .btn-info {
  color: #fff;
  background-color: #5bc0de;
  border-color: #46b8da;
}
.ms-megamenu .btn-info:hover,
.ms-megamenu .btn-info:focus,
.ms-megamenu .btn-info.focus,
.ms-megamenu .btn-info:active,
.ms-megamenu .btn-info.active,
.ms-megamenu .open > .dropdown-toggle.btn-info {
  color: #fff;
  background-color: #31b0d5;
  border-color: #269abc;
}
.ms-megamenu .btn-info:active,
.ms-megamenu .btn-info.active,
.ms-megamenu .open > .dropdown-toggle.btn-info {
  background-image: none;
}
.ms-megamenu .btn-info.disabled,
.ms-megamenu .btn-info[disabled],
.ms-megamenu fieldset[disabled] .btn-info,
.ms-megamenu .btn-info.disabled:hover,
.ms-megamenu .btn-info[disabled]:hover,
.ms-megamenu fieldset[disabled] .btn-info:hover,
.ms-megamenu .btn-info.disabled:focus,
.ms-megamenu .btn-info[disabled]:focus,
.ms-megamenu fieldset[disabled] .btn-info:focus,
.ms-megamenu .btn-info.disabled.focus,
.ms-megamenu .btn-info[disabled].focus,
.ms-megamenu fieldset[disabled] .btn-info.focus,
.ms-megamenu .btn-info.disabled:active,
.ms-megamenu .btn-info[disabled]:active,
.ms-megamenu fieldset[disabled] .btn-info:active,
.ms-megamenu .btn-info.disabled.active,
.ms-megamenu .btn-info[disabled].active,
.ms-megamenu fieldset[disabled] .btn-info.active {
  background-color: #5bc0de;
  border-color: #46b8da;
}
.ms-megamenu .btn-info .badge {
  color: #5bc0de;
  background-color: #fff;
}
.ms-megamenu .btn-warning {
  color: #fff;
  background-color: #f0ad4e;
  border-color: #eea236;
}
.ms-megamenu .btn-warning:hover,
.ms-megamenu .btn-warning:focus,
.ms-megamenu .btn-warning.focus,
.ms-megamenu .btn-warning.active,
.ms-megamenu .open > .dropdown-toggle.btn-warning {
  color: #fff;
  background-color: #ec971f;
  border-color: #d58512;
}
.ms-megamenu .btn-warning:active,
.ms-megamenu .btn-warning.active,
.ms-megamenu .open > .dropdown-toggle.btn-warning {
  background-image: none;
}
.ms-megamenu .btn-warning.disabled,
.ms-megamenu .btn-warning[disabled],
.ms-megamenu fieldset[disabled] .btn-warning,
.ms-megamenu .btn-warning.disabled:hover,
.ms-megamenu .btn-warning[disabled]:hover,
.ms-megamenu fieldset[disabled] .btn-warning:hover,
.ms-megamenu .btn-warning.disabled:focus,
.ms-megamenu .btn-warning[disabled]:focus,
.ms-megamenu fieldset[disabled] .btn-warning:focus,
.ms-megamenu .btn-warning.disabled.focus,
.ms-megamenu .btn-warning[disabled].focus,
.ms-megamenu fieldset[disabled] .btn-warning.focus,
.ms-megamenu .btn-warning.disabled:active,
.ms-megamenu .btn-warning[disabled]:active,
.ms-megamenu fieldset[disabled] .btn-warning:active,
.ms-megamenu .btn-warning.disabled.active,
.ms-megamenu .btn-warning[disabled].active,
.ms-megamenu fieldset[disabled] .btn-warning.active {
  background-color: #f0ad4e;
  border-color: #eea236;
}
.ms-megamenu .btn-warning .badge {
  color: #f0ad4e;
  background-color: #fff;
}
.ms-megamenu .btn-danger {
  color: #fff;
  background-color: #d9534f;
  border-color: #d43f3a;
}
.ms-megamenu .btn-danger:hover,
.ms-megamenu .btn-danger:focus,
.ms-megamenu .btn-danger.focus,
.ms-megamenu .btn-danger:active,
.ms-megamenu .btn-danger.active,
.ms-megamenu .open > .dropdown-toggle.btn-danger {
  color: #fff;
  background-color: #c9302c;
  border-color: #ac2925;
}
.ms-megamenu .btn-danger:active,
.ms-megamenu .btn-danger.active,
.ms-megamenu .open > .dropdown-toggle.btn-danger {
  background-image: none;
}
.ms-megamenu .btn-danger.disabled,
.ms-megamenu .btn-danger[disabled],
.ms-megamenu fieldset[disabled] .btn-danger,
.ms-megamenu .btn-danger.disabled:hover,
.ms-megamenu .btn-danger[disabled]:hover,
.ms-megamenu fieldset[disabled] .btn-danger:hover,
.ms-megamenu .btn-danger.disabled:focus,
.ms-megamenu .btn-danger[disabled]:focus,
.ms-megamenu fieldset[disabled] .btn-danger:focus,
.ms-megamenu .btn-danger.disabled.focus,
.ms-megamenu .btn-danger[disabled].focus,
.ms-megamenu fieldset[disabled] .btn-danger.focus,
.ms-megamenu .btn-danger.disabled:active,
.ms-megamenu .btn-danger[disabled]:active,
.ms-megamenu fieldset[disabled] .btn-danger:active,
.ms-megamenu .btn-danger.disabled.active,
.ms-megamenu .btn-danger[disabled].active,
.ms-megamenu fieldset[disabled] .btn-danger.active {
  background-color: #d9534f;
  border-color: #d43f3a;
}
.ms-megamenu .btn-danger .badge {
  color: #d9534f;
  background-color: #fff;
}
.ms-megamenu .btn-link {
  font-weight: normal;
  color: #337ab7;
  border-radius: 0;
}
.ms-megamenu .btn-link,
.ms-megamenu .btn-link:active,
.ms-megamenu .btn-link.active,
.ms-megamenu .btn-link[disabled],
.ms-megamenu fieldset[disabled] .btn-link {
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.ms-megamenu .btn-link,
.ms-megamenu .btn-link:hover,
.ms-megamenu .btn-link:focus,
.ms-megamenu .btn-link:active {
  border-color: transparent;
}
.ms-megamenu .btn-link:hover,
.ms-megamenu .btn-link:focus {
  color: #23527c;
  text-decoration: underline;
  background-color: transparent;
}
.ms-megamenu .btn-link[disabled]:hover,
.ms-megamenu fieldset[disabled] .btn-link:hover,
.ms-megamenu .btn-link[disabled]:focus,
.ms-megamenu fieldset[disabled] .btn-link:focus {
  color: #777;
  text-decoration: none;
}
.ms-megamenu .btn-lg,
.ms-megamenu .btn-group-lg > .btn {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
}
.ms-megamenu .btn-sm,
.ms-megamenu .btn-group-sm > .btn {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.ms-megamenu .btn-xs,
.ms-megamenu .btn-group-xs > .btn {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.ms-megamenu .btn-block {
  display: block;
  width: 100%;
}
.ms-megamenu .btn-block + .btn-block {
  margin-top: 5px;
}
/* ---   Create By Billy Trinh at 13/05/2015 ----*/
/* ---- Style for Top Menu version PC ---*/
.ms-megamenu{box-sizing: border-box;text-align: left;}
.ms-featured{padding-left:20px;}
.ms-megamenu img{display: inline;vertical-align: middle;max-width: 100%;}
.ms-megamenu .ms-topmenu{
    position: relative;
    background: #175271;
    float: left;
    width: 100%;
    z-index: 199;
    margin: 10px 0 0;
}
.ms-megamenu .ms-topmenu.no-responsive .mb-submenu{display: none !important;}
.ms-megamenu .ms-level0{
    float:left;
}
.ms-level0.item_relative{position: relative;}
.ms-megamenu .ms-level0.active .ms-label{
    background: #206B91;
}
.ms-topmenu .ms-submenu a{
    outline: none;
}
.ms-topmenu .ms-submenu a.form-group{
    margin:5px 0;
    font-size: 13px;
    text-decoration: none;
}
.ms-topmenu .ms-submenu a.form-group:hover{
    color: #8A1F1F;
}
.ms-topmenu .ms-label{
    float:left;
    padding:15px;
    color:#fff;
    font-size: 15px;
    opacity: 0.9;
    filter:alpha(opacity=90);
    outline: none !important;
    text-decoration: none !important;
    cursor: pointer;
    line-height: 1.5;
}
.ms-megamenu .ms-iconmega{
    vertical-align: top;
    position: relative;
}
.ms-megamenu .ms-submenu{
    display: none;
    position: absolute;
    top:52px;
    z-index: 200;
    padding:15px;
    background:#fff;
    border:1px solid #ddd;
    max-width: 100%;
    border-top: 0;
    min-width: 160px;
}
.ms-topmenu .mb-submenu{display: none;}
.ms-header,.mb-header{
    float: left;
    width: 100%;
    padding:10px 0;
    margin-bottom: 15px;
    border-bottom: 1px solid #ddd;
}
.ms-footer,.mb-footer{
    float: left;
    width: 100%;
    padding:10px 0;
    border-top: 1px solid #ddd;
    margin-top: 15px;
}
.col-category .level1{
    font-weight: 700;
    font-size: 14px;
}
.col-category .level2{
    font-weight: 400;
    font-size: 13px;
}
.col-sub{
    display: none;
    -moz-transition: all ease-in-out 100ms;
    -webkit-transition: all ease-in-out 100ms;
    -o-transition: all ease-in-out 100ms;
    transition: all ease-in-out 100ms;
}
.ms-category-level .col-sub{
    display: none;
    position: absolute;
    left: 150px;
    width: 16em;
    background-color: #fff;
    z-index: 201;
    padding: 12px;
    min-width: 12em;
    -webkit-box-shadow: 0px 1px 10px rgb(153, 153, 153);
    box-shadow: 0px 2px 12px rgb(153, 153, 153);
}
.ms-category-level  a.form-group{
    text-indent: 5px;
    font-weight: 600;
}
.ms-category-level .parent.active > a.form-group{
    color: #8A1F1F;
}
.ms-megamenu .parent .small{
    float:right;
    top:4px;
}
.active > .col-sub{
    display: block;
}
.level2  small{
    font-size: 50%;
    top: -2px;
}
.level2.active .level2{
    text-indent: 5px;
    -moz-transition: all ease-in-out 100ms;
    -webkit-transition: all ease-in-out 100ms;
    -o-transition: all ease-in-out 100ms;
    transition: all ease-in-out 100ms;
}
.mb-version .col-category .sub-level3{
    width: 100%;
    float: left;
    z-index: 201;
    padding:0 10px;
}
.mb-submenu .parent .col-sub,.lmb-submenu .parent .col-sub{
    padding:0 0 0 10px;
    position: static;
    width: 100%;
    box-shadow: none;
    background-color: transparent;
}
.mb-submenu .parent .form-group a{
    float:left;
}
.mb-submenu .ms-category-level .col-category a.form-group{
    border-bottom: 1px solid #ddd;
    padding: 5px 0;
}
.ms-category-dynamic .col-level{
    padding: 0px;
}
.ms-category-dynamic .col-level .col-xs-12.form-group{
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
    margin: 0;
    text-indent: 10px;
    -moz-transition: all ease-in-out 100ms;
    -webkit-transition: all ease-in-out 100ms;
    -o-transition: all ease-in-out 100ms;
    transition: all ease-in-out 100ms;
    background-color: #fff;
}
.ms-category-dynamic .col-level .col-xs-12.form-group.active{
    border-right-color:rgba(0,0,0,0);
    background-color: transparent;
}
.ms-category-dynamic .col-level .col-xs-12.form-group a{
    font-weight: 600;
    float:left;
    width:100%;
    padding:10px 0;
    font-size: 13px;
}
.ms-category-dynamic .col-level .col-xs-12.form-group.active a {
    color: #8A1F1F;
}
.ms-category-dynamic .col-level .col-xs-12.form-group a:hover { 
    color: #8A1F1F;
    text-decoration: none;
}
.ms-category-dynamic .col-level .col-xs-12.form-group.active a .small{
    opacity:0;
    filter: alpha(opacity=0);
}
.ms-category-dynamic .col-dynamic{
    display: none;
    padding-top: 10px;
}
.ms-category-dynamic .active.col-dynamic{
    display: block;
}
.ms-category-dynamic .col-dynamic .col-category-image img{
    outline: 0;
    transition: all 200ms ease-in-out;
    -ms-transform: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
}
small.glyphicon.glyphicon-th-large{
    font-size: 50%;
    margin-left: -6px;
    padding-right: 5px;
    top: -2px;
}
.ms-category-dynamic .col-dynamic a span{
    font-weight: 600;
    font-size: 12px;
}
.ms-category-dynamic .col-dynamic a:hover span{
    color:#8A1F1F;
    font-weight: 600;
}
.ms-category-dynamic .col-dynamic a:hover img{
    transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-tranform:translateY(-10px);
    -webkit-transform: translateY(-10px);
}
.ms-category-dynamic .col-category{
    padding: 0 5px;
}
.ms-category-dynamic .dynamic-viewall{
    text-align:center;
    text-transform:uppercase;
    color:#175271 !important;
    font-weight: 600;
    font-size: 13px;
    -ms-transform: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
}
.ms-category-dynamic .dynamic-viewall small{
    padding-left: 6px;
}
.ms-category-dynamic .dynamic-viewall:hover{
    text-decoration: none;
    color: #860F0F !important;
    border-color: #860F0F;
}
/*------- Product -------------------*/
.ms-productgrid .item .product-image,
.ms-megamenu .f-product .product-image,
.ms-megamenu .f-category .product-image{
    border: none;
}
.ms-productgrid .item .product-image:hover,
.ms-megamenu .f-category .product-image:hover,
.ms-megamenu .f-product .product-image:hover{
    transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-tranform: translateY(-10px);
    -webkit-transform: translateY(-10px);
    transition: all 200ms ease-in-out;
    -ms-transform: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
}
.ms-megamenu .f-product .product-image img{max-width:100%;}
.mb-content .item,
.mb-content .col-productlist,
.mb-content .col-category,
.mb-featured .f-product,
.mb-featured .f-category{padding-top: 10px;padding-bottom: 10px;}
/*---------------------Mobile version-------------------------*/
.ms-megamenu .anchor_mbmenu{
    background: rgb(7, 70, 102);
    padding: 8px 0;
    display: none;
}
.ms-megamenu .anchor_mbmenu .anchor_mbmenu_text{
    outline: 0;
    text-decoration: none;
    font-size: 20px;
    color: #fff;
}
.megamenu-mobile .mb-topmenu{
    display:none;
    position: relative;
    float:left;
    width:100%;
}
.ms-megamenu .mb-submenu{
    position: absolute;
    left: 100%;
    top:0;
    z-index: -1;
    background: #fff;
    display:none;
    float:left;
    width: 100%;
}
.ms-megamenu .mb-submenu.blind{
    position: static;
}
.ms-megamenu .mb-submenu.blind .mb-return,.ms-megamenu .lmb-submenu.blind .mb-return{
    display: none;
}
.ms-megamenu .mb-submenu .mb-return span,.ms-megamenu .lmb-submenu .mb-return span{
    float: left;
}
.ms-megamenu .mb-label{
    padding: 10px 5px 10px 20px;
    border-top: 0;
    color: #2f2f2f;
    text-decoration: none;
    outline: none;
    display: none !important;
    position: absolute;
    right: 1px;
    top:0;
    height: 42px;
    line-height: 21px;
}
.ms-megamenu .mb-return{
    border: 0;
    z-index: 200;
}
.ms-megamenu .mb-submain{
    padding:15px;
    border: 1px solid #ddd;
    border-top: 0;
}
/*---- Fix for magento 1.9---*/
#header-nav{display: block;}
.skip-nav{display: none;}

/* ----- Left Menu ---------*/
.item_relative{position: relative;}
.ms-leftmenu{
    position: relative;
    z-index: 200;
    text-align: left;
    float:left;
    width: 100%;
    border-top: 1px solid #ddd;
    margin: 10px 0;
}
.ms-leftmenu .msl-level0{
    float:left;
    width:100%;
}
.ms-leftmenu .msl-submenu{
    display: none;
    position: absolute;
    top: 0px;
    left:239px;
    z-index: 200;
    padding: 15px;
    background: #fff;
    border: 1px solid #ddd;
    min-width: 160px;
}
.ms-leftmenu .msl-label{
    padding: 12px 25px 8px;
    background: #FFFFFF;
    border: 1px solid #ddd;
    border-top: 0;
    color: #2f2f2f;
    text-decoration: none;
    outline: none;
    cursor: pointer;
    line-height: 1.5;
    float:left;
    width:100%;
}
.ms-leftmenu .msl-label.first{
    border-top: 1px solid #ddd;
}
.ms-leftmenu .msl-label.flag{
    background: #EBEDED;
}
.ms-leftmenu .msl-label span.small{float: right;  margin-right: -15px;}
/*---------------------Mobile version for Left menu -------------------------*/
.lmegamenu-mobile{display: none;}
.ms-megamenu .anchor_lmbmenu{
    background: rgb(7, 70, 102);
    padding: 8px 0;
}
.ms-megamenu .anchor_lmbmenu .anchor_lmbmenu_text{
    outline: 0;
    text-decoration: none;
    font-size: 20px;
    color: #fff;
}
.lmegamenu-mobile .lmb-leftmenu{
    display:none;
    position: relative;
    text-align:left;
    float:left;
    width:100%;
}
.ms-megamenu .lmb-submenu{
    position: absolute;
    left: 100%;
    top:0;
    z-index: -1;
    background: #fff;
    display:none;
    float:left;
    width: 100%;
}
.ms-megamenu .lmb-submenu.blind{
    position: static;
}
.ms-megamenu .lmb-label{
    padding:12px 25px 8px;
    background: #FFFFFF;
    border: 1px solid #ddd;
    border-top: 0;
    color: #2f2f2f;
    text-decoration: none;
    outline: none;
}
.ms-megamenu .lmb-label.flag{
    background: #EBEDED;
}
.ms-megamenu .lmb-label.lmb-return{border: 0;}
.ms-megamenu .lmb-label span{float:left;}
.ms-megamenu .lmb-click span{float: right;  margin-right: -15px;}

.ms-megamenu .mb-submain{
    padding:15px;
    border: 1px solid #ddd;
    border-top: 0;
}

@media (max-width: 768px){




}

    /* ------ Top menu -----------*/
.ms-megamenu .ms-topmenu{text-align:left;}
.ms-topmenu .ms-label{
    float:left;
}
.ms-topmenu .ms-level0{float: left;}
.ms-megamenu .ms-topmenu{
    background: #6D3C2B;
}
.ms-topmenu .ms-label{
    font-size:14px;
    text-transform:uppercase;
    color:#FFFFFF;
    padding:9.5px 15px;
}
.ms-topmenu .ms-label .ms-iconmega{
    height:14px;
    top:3.5px;
}
.ms-topmenu .ms-level0.active .ms-label,
.ms-topmenu .ms-level0:hover .ms-label,
.ms-topmenu .ms-level0:active .ms-label,
.ms-topmenu .ms-level0:focus .ms-label{
    color:#BFCD30;
}
.ms-topmenu .ms-level0.active .ms-label,
.ms-topmenu .ms-level0:hover .ms-label,
.ms-topmenu .ms-level0:active .ms-label,
.ms-topmenu .ms-level0:focus .ms-label{
    background-color:#6D3C2B;
}
.ms-topmenu .ms-submenu,.ms-topmenu .col-sub{
    background-color:#FFFFFF;
    color:#333333;
}
.ms-topmenu .ms-submenu a{
    color:#3899BD;
}
.ms-topmenu .ms-boxtitle{
    color:#6D3C2B;
}

/* ------Left Menu ------*/
.ms-leftmenu .msl-label{
    font-size:15px;
    text-transform:none;
    color:#2F2F2F;
    background: #FFFFFF;
}
.ms-leftmenu .msl-label .ms-iconmega{
    height:15px;
    top:3.75px;
}
.ms-leftmenu .msl-level0.active .msl-label,
.ms-leftmenu .msl-level0:hover .msl-label,
.ms-leftmenu .msl-level0:active .msl-label,
.ms-leftmenu .msl-level0:focus .msl-label{
    color:#2F2F2F;
    background-color:#EBEDED;
}
.ms-leftmenu .msl-submenu,.ms-leftmenu .col-sub{
    background-color:#FFFFFF;
    color:#636363;
}
.ms-leftmenu .msl-submenu a{
    color:#636363;
}
.ms-leftmenu .ms-boxtitle{
    color:#636363;
}

/* ---- Mobile version ---------*/
@media (min-width: 769px){
    .ms-topmenu .mb-submenu{display: none !important;}

}
@media (max-width: 768px){
    .ms-megamenu .ms-topmenu{background-color:transparent;display:block; }
    .ms-megamenu .anchor_mbmenu,.ms-megamenu .mb-label{
        display: block !important;
    }
    .ms-topmenu .ms-level0{
        float:left;
        width: 100%;
        display: none;
        position: relative;
    }
    .ms-topmenu.active .ms-level0{
        display: block;
    }
    .ms-topmenu .ms-label{
        padding: 12px 15px 8px !important;
        background: #FFFFFF;
        border: 1px solid #ddd;
        border-top: 0;
        color: #2f2f2f;
        text-decoration: none;
        outline: none;
        width: 100%;
        float:left;
        min-height:43px;
    }
    .ms-topmenu .ms-submenu{display: none !important;}
    .ms-topmenu .mbactive .mb-submenu.slide{
        z-index: 201;
        display: inline;
    }
    .ms-level0 .ms-label,

    .ms-megamenu .mb-label{
        font-size:14px;
        text-transform:none;
        background-color:#6D3C2B;
        color:#FFFFFF;
    }
    .ms-topmenu .ms-level0.active .ms-label,
    .ms-topmenu .ms-level0:hover .ms-label,
    .ms-topmenu .ms-level0:active .ms-label,
    .ms-topmenu .ms-level0:focus .ms-label,
    .ms-topmenu .ms-level0:hover .mb-label,
    .ms-topmenu .ms-level0:active .mb-label,
    .ms-topmenu .ms-level0:focus .mb-label,

    .ms-megamenu .mbactive .ms-label,
    .ms-megamenu .mbactive .mb-return,
    .ms-megamenu .mbactive .mb-label{
        background-color:#6D3C2B;
        color:#FFFFFF;
    }
    .ms-megamenu .anchor_mbmenu{
        background-color:#6D3C2B;
    }
    .ms-megamenu .anchor_mbmenu .anchor_mbmenu_text{
        color:#FFFFFF;
    }

    .ms-megamenu .mb-submenu{
        background-color:#FFFFFF;
        color:#333333;
    }
    .ms-megamenu .ms-boxtitle{
        color:#333333;
    }
    .ms-megamenu .mb-submenu a{
        color:#333333;
    }
}
    /* ---- Mobile version ---------*/
    @media (min-width: 780px){
    .ms-leftmenu .lmb-submenu{display: none !important;}
    }
    @media (max-width: 779px){
    .ms-megamenu .ms-leftmenu{background-color:transparent; }
    .ms-megamenu .anchor_mbmenu,.ms-megamenu .mb-label{
    display: block !important;
    }
    .ms-leftmenu  .msl-level0{
    float:left;
    width: 100%;
    display: none;
    position: relative;
    }
    .ms-leftmenu.active .msl-level0{
    display: block;
    }
    .ms-leftmenu  .msl-label{
    padding: 12px 15px 8px !important;
    background: #FFFFFF;
    border: 1px solid #ddd;
    border-top: 0;
    color: #2f2f2f;
    text-decoration: none;
    outline: none;
    width: 100%;
    float:left;
    min-height:43px;
    }
   .ms-leftmenu  .msl-submenu{display: none !important;}
   .ms-leftmenu .mbactive .lmb-submenu{
    z-index: 201;
    display: inline;
    }

    .msl-level0 .msl-label,
    .ms-megamenu .mb-label{
    font-size:14px;
    text-transform:none;
    background-color:#6D3C2B;
    color:#FFFFFF;
    }

    .ms-leftmenu .msl-level0.active .msl-label,
    .ms-leftmenu .msl-level0:hover .msl-label,
    .ms-leftmenu .msl-level0:active .msl-label,
    .ms-leftmenu .msl-level0:focus .msl-label,
    .ms-leftmenu .msl-level0:hover .mb-label,
    .ms-leftmenu .msl-level0:active .mb-label,
    .ms-leftmenu .msl-level0:focus .mb-label,
    .ms-megamenu .mbactive .ms-label,
    .ms-megamenu .mbactive .mb-return,
    .ms-megamenu .mbactive .mb-label{
    background-color:#6D3C2B;
    color:#FFFFFF;
    }
    .ms-megamenu .anchor_mbmenu,
    .ms-megamenu .anchor_lmbmenu{
    background-color:#6D3C2B;
    }
    .ms-megamenu .anchor_mbmenu .anchor_mbmenu_text,
    .ms-megamenu .anchor_lmbmenu_text{
    color:#FFFFFF;
    }


    .ms-megamenu .lmb-submenu{
    background-color:#FFFFFF;
    color:#333333;
    }
    .ms-megamenu .ms-boxtitle{
    color:#333333;
    }

    .ms-megamenu .lmb-submenu a{
    color:#333333;
    }
    }

#ajaxcartpro-progress{
    border: 1px #999999 solid;
    position: fixed;
    text-align: center;
    padding: 10px;
    background-color: #ffffff;
    z-index: 9999;
    color: black;
    overflow:  auto;
    min-height: 50px;
    min-width: 260px;
    /*position:absolute;*/
    /*top: expression(parseInt(document.documentElement.scrollTop, 10) +window.ACPTop+ "px");*/
}

#ajaxcartpro-add-confirm,
#ajaxcartpro-remove-confirm{
    position: fixed;
    border: 1px #999999 solid;
    text-align: center !important;
    padding: 10px;
    background-color: #ffffff;
    z-index: 9999;
    color: black;
    overflow:  auto;
    min-height:20px;
    min-width: 260px;
    width: auto;
    height: auto;
    /*position:absolute;*/
    /*top: expression(parseInt(document.documentElement.scrollTop, 10) +200+ "px");*/
}

.ajaxcartpro-box-hide{
   display:none;
}

.ajaxcartpro-box-show{
    display:block;
}

#ajaxcartpro-add-confirm p,
#ajaxcartpro-remove-confirm p{
    width: 260px;
}

.acp-msg-block{
    font-weight:bold;
    background-image: none;
    padding:0!important;
    min-height:0!important;
    font-size: 12px !important;
    text-align: center;
}

.aw-acp-continue, .aw-acp-checkout, .aw-acp-continue:hover, .aw-acp-checkout:hover{
    padding:0;
    line-height:24px;
    height:24px;
    margin:0 auto;
    display:block;
    font-family:Arial;
    font-weight: bold;
    font-size: 12px;
    text-decoration:none;
    cursor: pointer;
}

.aw-acp-continue, .aw-acp-continue:hover{
    color:#333;
    background:url('https://ftn-master.dev.ftn.co.za/skin/frontend/base/default/ajaxcartpro/images/btn_continue_shopping.png');
    width:144px;
}


.aw-acp-checkout, .aw-acp-checkout:hover{
    color:#fff;
    background:url('https://ftn-master.dev.ftn.co.za/skin/frontend/base/default/ajaxcartpro/images/btn_view_cart.png');
    width:164px;
}

#acp-configurable-block #bundle-product-wrapper
{
    z-index: 1000;
}

#acp-configurable-block dl
{
    text-align: left;
    padding-left: 10px;
}

#acp-configurable-block .price
{
    font-size: 14px;
}

#acp-configurable-block .product-name
{
    text-align: center;
    font-size: 14px;
    font-weight: bold;
}

#acp-overlay
{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-color:#000;
    -moz-opacity: 0.3;
    opacity:.30;
    filter: alpha(opacity=30);
    z-index: 100;
}
#acp-overlay[id]{ /* IE6 and below Can't See This */
    position:fixed;
}

#acp-product-options
{
    min-width: 180px;
    position: fixed;
    overflow:  auto;
    z-index:1000;
    background-color: white;
    padding: 10px;
    width: auto;
    height: auto;
    /*position:absolute;*/
    /*top: expression(parseInt(document.documentElement.scrollTop, 10) +window.ACPTop+ "px");*/
}

#acp-product-options .aw-acp-continue,
#acp-product-options .aw-acp-checkout{
    display: inline-block;
    text-align: center;
    text-decoration: none;
}

#acp-product-options .aw-acp-btn-container{
    margin: 5px auto 5px auto;
    padding-left: 10px;
}

#acp-product-options .giftcard-send-form{
    margin: 0;
}

#acp-product-options .product-options dt label.required em {
    color: #EB340A;
    margin-left: 5px;
}

#acp-product-options #product-options-wrapper
{
    margin:0;
    text-align:center;
}
.map-popup
{
    z-index: 1001 !important;
}

@media screen and (max-width: 410px) {

    .aw-acp-btn-container a{
        margin-top: 10px;
    }
}
#ampromo-items-add {
  border: 1px solid #ededed;
  padding: 7px;
  text-align: center;
  margin-bottom: 12px;
}
#ampromo-items-add a {
  text-decoration: none;
  border-bottom: 1px dashed;
}
.amscheckout #ampromo-items-add {
  margin: 7px 10px;
}
#ampromo-overlay {
  direction: ltr;
}
#ampromo-overlay.mode-popup {
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  top: 0;
  left: 0;
  z-index: 10000;
  text-align: center;
  overflow: scroll;
}
#ampromo-overlay.mode-popup .close {
  position: absolute;
  top: 7px;
  right: 7px;
  background: url(https://ftn-master.dev.ftn.co.za/skin/frontend/base/default/images/amasty/ampromo/close_icon.png) no-repeat;
  width: 16px;
  height: 16px;
  z-index: 1;
  margin: 0;
  padding: 0;
  font-size: 0;
  display: block;
  opacity: .8;
}
#ampromo-overlay.mode-popup .close:hover {
  opacity: 1;
  transition: opacity 0.2s ease;
}
#ampromo-overlay.mode-inline #ampromo-items {
  width: 100%;
  margin: 20px 0 40px;
  border: 0;
  padding: 0;
}
#ampromo-overlay.mode-inline #ampromo-items .products {
  margin: 0 -20px 25px;
  align-items: stretch;
}
#ampromo-overlay.mode-inline #ampromo-items .products .product {
  margin-bottom: 20px;
}
#ampromo-overlay.mode-inline #ampromo-items #ampromo-carousel-wrapper {
  margin: 0 -15px;
}
#ampromo-overlay.mode-inline #ampromo-items .ampromo-item {
  margin: 0 20px 20px;
  height: 100%;
  width: auto;
  border-radius: 5px;
  border: none;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
}
#ampromo-overlay.mode-inline #ampromo-items .ampromo-item .ampromo-items-form {
  display: flex;
  flex-flow: column;
  height: 100%;
  justify-content: space-between;
}
#ampromo-overlay.mode-inline #ampromo-items .ampromo-item .ampromo-item-buttons {
  margin-top: 20px;
  text-align: center;
}
#ampromo-overlay.mode-inline #ampromo-items .ampromo-item .product-config .ampromo-item-options {
  margin-bottom: 0;
}
#ampromo-overlay.mode-inline #ampromo-items .ampromo-item .product-config.options {
  display: flex;
  align-items: flex-start;
}
#ampromo-overlay.mode-inline #ampromo-items .ampromo-item .product-config.options .ampromo-item-options {
  margin-left: 12px;
}
#ampromo-overlay.mode-inline #ampromo-items .ampromo-item .product-config.options .ampromo-item-options,
#ampromo-overlay.mode-inline #ampromo-items .ampromo-item .product-config.options .ampromo-item-options input,
#ampromo-overlay.mode-inline #ampromo-items .ampromo-item .product-config.options .ampromo-item-options select {
  max-width: 160px;
}
#ampromo-overlay.mode-inline #ampromo-items .ampromo-item .product-config.simple {
  margin: -20px -20px 0;
}
#ampromo-overlay.mode-inline #ampromo-items .ampromo-item .product-config.simple .ampromo-item-image-wrap {
  padding: 20px 20px 0;
}
#ampromo-overlay.mode-inline #ampromo-items .ampromo-item .product-config.simple .ampromo-item-title {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
#ampromo-overlay.mode-inline #ampromo-items .ampromo-item .product-title {
  position: relative;
}
#ampromo-overlay.mode-inline #ampromo-items .ampromo-item .product-title .ampromo-item-title {
  padding: 12px;
  box-sizing: border-box;
  display: none;
  align-items: center;
  justify-content: center;
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  text-transform: uppercase;
}
#ampromo-overlay.mode-inline #ampromo-items .ampromo-item .product-title:hover .ampromo-item-title {
  display: flex;
}
#ampromo-overlay.mode-inline #ampromo-items .ampromo-item .product-title h4 {
  color: white;
  line-height: initial;
  text-align: center;
  font-size: 16px;
}
#ampromo-overlay.mode-inline #ampromo-items .ampromo-item .product-title h4 a {
  color: white;
  line-height: initial;
}
#ampromo-overlay.mode-inline #ampromo-items .ampromo-add-all {
  margin-top: 7px;
  display: flex;
  justify-content: center;
}
#ampromo-overlay.mode-inline .ampromo-slide {
  margin: 10px 0;
}
#ampromo-overlay.mode-inline #ampromo-carousel-content {
  display: flex;
  flex-wrap: wrap;
}
#ampromo-overlay .ampromo-carousel-control {
  position: absolute;
  top: 260px;
  background: url(https://ftn-master.dev.ftn.co.za/skin/frontend/base/default/images/amasty/ampromo/buttons_next_prev.png) no-repeat;
  width: 48px;
  height: 45px;
  font-size: 0;
  display: none;
}
#ampromo-overlay .ampromo-carousel-control.carousel-disabled.prev {
  background-position: 0 0 !important;
}
#ampromo-overlay .ampromo-carousel-control.carousel-disabled.next {
  background-position: -46px 0 !important;
}
#ampromo-overlay .ampromo-carousel-control.prev {
  background-position: 0 -45px;
  left: 20px;
}
#ampromo-overlay .ampromo-carousel-control.prev:hover {
  background-position: 0 -91px;
}
#ampromo-overlay .ampromo-carousel-control.next {
  background-position: -46px -45px;
  right: 20px;
}
#ampromo-overlay .ampromo-carousel-control.next:hover {
  background-position: -46px -91px;
}
#ampromo-overlay #ampromo-items {
  border: 1px solid #ededed;
  background-color: white;
  position: relative;
  margin: 0 auto;
  padding: 24px;
  display: inline-block;
  box-sizing: border-box;
}
#ampromo-overlay #ampromo-items.amcarousel {
  display: block;
  width: 685px;
}
#ampromo-overlay #ampromo-items.amcarousel #ampromo-carousel-wrapper {
  width: 520px;
}
#ampromo-overlay #ampromo-items.amcarousel #ampromo-carousel-content {
  width: 4500px;
  height: 1px;
}
#ampromo-overlay #ampromo-items.amcarousel .ampromo-carousel-control {
  display: block;
}
#ampromo-overlay #ampromo-items .ampromo-item {
  box-sizing: border-box;
  margin-bottom: 7px;
  padding: 20px;
  width: 250px;
  border: 1px solid #ededed;
  position: relative;
  margin-right: 12px;
}
#ampromo-overlay #ampromo-items .ampromo-item.ampromo-type-amgiftcard {
  width: 400px;
}
#ampromo-overlay #ampromo-items .ampromo-item.ampromo-type-amgiftcard .ampromo-item-options {
  overflow-y: scroll;
  max-height: 300px;
}
#ampromo-overlay #ampromo-items .ampromo-item-options {
  margin-bottom: 12px;
  text-align: left;
}
#ampromo-overlay #ampromo-items .ampromo-item-image {
  display: block;
  margin: 0 auto;
  width: 160px;
  height: 160px;
}
#ampromo-overlay #ampromo-items .rule .ampromo-rule-header {
  font-weight: bold;
  font-size: 18px;
  background: #f3f3f3;
  text-transform: uppercase;
  height: 45px;
  line-height: 45px;
  box-sizing: border-box;
  padding-left: 20px;
  margin-bottom: 25px;
  cursor: pointer;
}
#ampromo-overlay #ampromo-items .rule .ampromo-rule-header:after {
  content: '▲';
  margin-left: 12px;
  color: #919191;
}
#ampromo-overlay #ampromo-items .rule .products {
  display: flex;
  flex-wrap: wrap;
  border-radius: 5px;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
  padding: 20px;
  margin: 0 0 40px;
}
#ampromo-overlay #ampromo-items .rule .products .product {
  margin-left: 10px;
}
#ampromo-overlay #ampromo-items .rule .products .product .product-config.simple {
  margin: -20px -20px -40px;
}
#ampromo-overlay #ampromo-items .rule .products .product .product-config.simple .product-title {
  position: static;
}
#ampromo-overlay #ampromo-items .rule .products .product .product-config.simple .ampromo-item-image-wrap {
  padding: 20px;
}
#ampromo-overlay #ampromo-items .rule .products .product .ampromo-item {
  box-shadow: none;
  border: 1px solid #d8dae4;
  border-radius: 0;
}
#ampromo-overlay #ampromo-items .rule .products .product .ampromo-item.checked {
  outline: 1px solid #d8dae4;
}
#ampromo-overlay #ampromo-items .rule .products .product .ampromo-item .ampromo-item-title {
  border-radius: 0;
}
#ampromo-overlay #ampromo-items .rule .products .product .ampromo-item .mark input {
  position: absolute;
  left: -25px;
  top: 0;
}
#ampromo-overlay #ampromo-items .rule.collapsed .ampromo-rule-header:after {
  content: '▼';
}
#ampromo-overlay #ampromo-items .rule.collapsed .products {
  display: none;
}
@media only screen and (max-width: 820px) and (min-width: 420px) {
  #ampromo-overlay.mode-popup #ampromo-items.amcarousel {
    width: 400px;
  }
  #ampromo-overlay.mode-popup #ampromo-items.amcarousel #ampromo-carousel-wrapper {
    width: 250px;
  }
}
@media only screen and (max-width: 420px) {
  #ampromo-overlay.mode-popup #ampromo-items.amcarousel {
    width: 100%;
  }
  #ampromo-overlay.mode-popup #ampromo-items.amcarousel #ampromo-carousel-wrapper {
    width: 250px;
  }
  #ampromo-overlay.mode-popup .ampromo-carousel-control {
    z-index: 10001;
  }
  #ampromo-overlay.mode-popup .ampromo-carousel-control.next {
    right: 0;
  }
  #ampromo-overlay.mode-popup .ampromo-carousel-control.prev {
    left: 0;
  }
}
@media only screen and (max-width: 340px) {
  #ampromo-overlay.mode-popup #ampromo-items .ampromo-item {
    border: none;
  }
}
@media only screen and (max-height: 500px) {
  #ampromo-overlay.mode-popup #ampromo-items {
    padding-top: 0;
  }
  #ampromo-overlay.mode-popup #ampromo-items.amcarousel {
    top: 0 !important;
    height: 100%;
  }
  #ampromo-overlay.mode-popup #ampromo-items > h4 {
    display: none;
  }
}
#ampromo-carousel-wrapper {
  overflow: hidden;
  margin: 0 auto;
}
#ampromo-carousel-content .ampromo-slide {
  float: left;
}
.ampromo-item .qty-holder {
  display: none;
}
.ampromo-item .giftcard-send-form {
  padding: 0;
  margin: 0;
}
.ampromo-item-options select,
.ampromo-item-options input {
  max-width: 210px;
}
.ampromo-notification {
  padding: 7px;
  text-align: center;
  margin-bottom: 12px;
  border: 1px solid #f16048;
  color: #df280a;
  background: #faebe7;
}
.ampromo-items-form h4 {
  line-height: 50px;
}
.ampromo-items-form h4 a {
  display: inline-block;
  vertical-align: middle;
  line-height: 14px;
}
.ampromo-label {
  float: right;
  position: absolute;
  z-index: 500;
}
.ampromo-gift .product-image {
  float: left;
}
.ampromo-gift li {
  margin: 10px 10px;
  float: left;
}
.ampromo-tooltip {
  padding: 2px 5px;
  background: #FEC;
  border: 1px solid #FAA819;
  color: #1F5070;
  text-align: left;
  width: 300px;
  position: absolute;
  z-index: 10001;
}
.ampromo-product-name {
  font-weight: bold;
}

.iti{position:relative;display:inline-block}.iti *{box-sizing:border-box;-moz-box-sizing:border-box}.iti__hide{display:none}.iti__v-hide{visibility:hidden}.iti input,.iti input[type=tel],.iti input[type=text]{position:relative;z-index:0;margin-top:0!important;margin-bottom:0!important;padding-right:36px;margin-right:0}.iti__flag-container{position:absolute;top:0;bottom:0;right:0;padding:1px}.iti__selected-flag{z-index:1;position:relative;display:flex;align-items:center;height:100%;padding:0 6px 0 8px}.iti__arrow{margin-left:6px;width:0;height:0;border-left:3px solid transparent;border-right:3px solid transparent;border-top:4px solid #555}.iti__arrow--up{border-top:none;border-bottom:4px solid #555}.iti__country-list{position:absolute;z-index:2;list-style:none;text-align:left;padding:0;margin:0 0 0 -1px;box-shadow:1px 1px 4px rgba(0,0,0,.2);background-color:#fff;border:1px solid #ccc;white-space:nowrap;max-height:200px;overflow-y:scroll;-webkit-overflow-scrolling:touch}.iti__country-list--dropup{bottom:100%;margin-bottom:-1px}@media (max-width:500px){.iti__country-list{white-space:normal}}.iti__flag-box{display:inline-block;width:20px}.iti__divider{padding-bottom:5px;margin-bottom:5px;border-bottom:1px solid #ccc}.iti__country{padding:5px 10px;outline:0}.iti__dial-code{color:#999}.iti__country.iti__highlight{background-color:rgba(0,0,0,.05)}.iti__country-name,.iti__dial-code,.iti__flag-box{vertical-align:middle}.iti__country-name,.iti__flag-box{margin-right:6px}.iti--allow-dropdown input,.iti--allow-dropdown input[type=tel],.iti--allow-dropdown input[type=text],.iti--separate-dial-code input,.iti--separate-dial-code input[type=tel],.iti--separate-dial-code input[type=text]{padding-right:6px;padding-left:52px;margin-left:0}.iti--allow-dropdown .iti__flag-container,.iti--separate-dial-code .iti__flag-container{right:auto;left:0}.iti--allow-dropdown .iti__flag-container:hover{cursor:pointer}.iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag{background-color:rgba(0,0,0,.05)}.iti--allow-dropdown input[disabled]+.iti__flag-container:hover,.iti--allow-dropdown input[readonly]+.iti__flag-container:hover{cursor:default}.iti--allow-dropdown input[disabled]+.iti__flag-container:hover .iti__selected-flag,.iti--allow-dropdown input[readonly]+.iti__flag-container:hover .iti__selected-flag{background-color:transparent}.iti--separate-dial-code .iti__selected-flag{background-color:rgba(0,0,0,.05)}.iti--separate-dial-code .iti__selected-dial-code{margin-left:6px}.iti--container{position:absolute;top:-1000px;left:-1000px;z-index:1060;padding:1px}.iti--container:hover{cursor:pointer}.iti-mobile .iti--container{top:30px;bottom:30px;left:30px;right:30px;position:fixed}.iti-mobile .iti__country-list{max-height:100%;width:100%}.iti-mobile .iti__country{padding:10px 10px;line-height:1.5em}.iti__flag{width:20px}.iti__flag.iti__be{width:18px}.iti__flag.iti__ch{width:15px}.iti__flag.iti__mc{width:19px}.iti__flag.iti__ne{width:18px}.iti__flag.iti__np{width:13px}.iti__flag.iti__va{width:15px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.iti__flag{background-size:5652px 15px}}.iti__flag.iti__ac{height:10px;background-position:0 0}.iti__flag.iti__ad{height:14px;background-position:-22px 0}.iti__flag.iti__ae{height:10px;background-position:-44px 0}.iti__flag.iti__af{height:14px;background-position:-66px 0}.iti__flag.iti__ag{height:14px;background-position:-88px 0}.iti__flag.iti__ai{height:10px;background-position:-110px 0}.iti__flag.iti__al{height:15px;background-position:-132px 0}.iti__flag.iti__am{height:10px;background-position:-154px 0}.iti__flag.iti__ao{height:14px;background-position:-176px 0}.iti__flag.iti__aq{height:14px;background-position:-198px 0}.iti__flag.iti__ar{height:13px;background-position:-220px 0}.iti__flag.iti__as{height:10px;background-position:-242px 0}.iti__flag.iti__at{height:14px;background-position:-264px 0}.iti__flag.iti__au{height:10px;background-position:-286px 0}.iti__flag.iti__aw{height:14px;background-position:-308px 0}.iti__flag.iti__ax{height:13px;background-position:-330px 0}.iti__flag.iti__az{height:10px;background-position:-352px 0}.iti__flag.iti__ba{height:10px;background-position:-374px 0}.iti__flag.iti__bb{height:14px;background-position:-396px 0}.iti__flag.iti__bd{height:12px;background-position:-418px 0}.iti__flag.iti__be{height:15px;background-position:-440px 0}.iti__flag.iti__bf{height:14px;background-position:-460px 0}.iti__flag.iti__bg{height:12px;background-position:-482px 0}.iti__flag.iti__bh{height:12px;background-position:-504px 0}.iti__flag.iti__bi{height:12px;background-position:-526px 0}.iti__flag.iti__bj{height:14px;background-position:-548px 0}.iti__flag.iti__bl{height:14px;background-position:-570px 0}.iti__flag.iti__bm{height:10px;background-position:-592px 0}.iti__flag.iti__bn{height:10px;background-position:-614px 0}.iti__flag.iti__bo{height:14px;background-position:-636px 0}.iti__flag.iti__bq{height:14px;background-position:-658px 0}.iti__flag.iti__br{height:14px;background-position:-680px 0}.iti__flag.iti__bs{height:10px;background-position:-702px 0}.iti__flag.iti__bt{height:14px;background-position:-724px 0}.iti__flag.iti__bv{height:15px;background-position:-746px 0}.iti__flag.iti__bw{height:14px;background-position:-768px 0}.iti__flag.iti__by{height:10px;background-position:-790px 0}.iti__flag.iti__bz{height:14px;background-position:-812px 0}.iti__flag.iti__ca{height:10px;background-position:-834px 0}.iti__flag.iti__cc{height:10px;background-position:-856px 0}.iti__flag.iti__cd{height:15px;background-position:-878px 0}.iti__flag.iti__cf{height:14px;background-position:-900px 0}.iti__flag.iti__cg{height:14px;background-position:-922px 0}.iti__flag.iti__ch{height:15px;background-position:-944px 0}.iti__flag.iti__ci{height:14px;background-position:-961px 0}.iti__flag.iti__ck{height:10px;background-position:-983px 0}.iti__flag.iti__cl{height:14px;background-position:-1005px 0}.iti__flag.iti__cm{height:14px;background-position:-1027px 0}.iti__flag.iti__cn{height:14px;background-position:-1049px 0}.iti__flag.iti__co{height:14px;background-position:-1071px 0}.iti__flag.iti__cp{height:14px;background-position:-1093px 0}.iti__flag.iti__cr{height:12px;background-position:-1115px 0}.iti__flag.iti__cu{height:10px;background-position:-1137px 0}.iti__flag.iti__cv{height:12px;background-position:-1159px 0}.iti__flag.iti__cw{height:14px;background-position:-1181px 0}.iti__flag.iti__cx{height:10px;background-position:-1203px 0}.iti__flag.iti__cy{height:14px;background-position:-1225px 0}.iti__flag.iti__cz{height:14px;background-position:-1247px 0}.iti__flag.iti__de{height:12px;background-position:-1269px 0}.iti__flag.iti__dg{height:10px;background-position:-1291px 0}.iti__flag.iti__dj{height:14px;background-position:-1313px 0}.iti__flag.iti__dk{height:15px;background-position:-1335px 0}.iti__flag.iti__dm{height:10px;background-position:-1357px 0}.iti__flag.iti__do{height:14px;background-position:-1379px 0}.iti__flag.iti__dz{height:14px;background-position:-1401px 0}.iti__flag.iti__ea{height:14px;background-position:-1423px 0}.iti__flag.iti__ec{height:14px;background-position:-1445px 0}.iti__flag.iti__ee{height:13px;background-position:-1467px 0}.iti__flag.iti__eg{height:14px;background-position:-1489px 0}.iti__flag.iti__eh{height:10px;background-position:-1511px 0}.iti__flag.iti__er{height:10px;background-position:-1533px 0}.iti__flag.iti__es{height:14px;background-position:-1555px 0}.iti__flag.iti__et{height:10px;background-position:-1577px 0}.iti__flag.iti__eu{height:14px;background-position:-1599px 0}.iti__flag.iti__fi{height:12px;background-position:-1621px 0}.iti__flag.iti__fj{height:10px;background-position:-1643px 0}.iti__flag.iti__fk{height:10px;background-position:-1665px 0}.iti__flag.iti__fm{height:11px;background-position:-1687px 0}.iti__flag.iti__fo{height:15px;background-position:-1709px 0}.iti__flag.iti__fr{height:14px;background-position:-1731px 0}.iti__flag.iti__ga{height:15px;background-position:-1753px 0}.iti__flag.iti__gb{height:10px;background-position:-1775px 0}.iti__flag.iti__gd{height:12px;background-position:-1797px 0}.iti__flag.iti__ge{height:14px;background-position:-1819px 0}.iti__flag.iti__gf{height:14px;background-position:-1841px 0}.iti__flag.iti__gg{height:14px;background-position:-1863px 0}.iti__flag.iti__gh{height:14px;background-position:-1885px 0}.iti__flag.iti__gi{height:10px;background-position:-1907px 0}.iti__flag.iti__gl{height:14px;background-position:-1929px 0}.iti__flag.iti__gm{height:14px;background-position:-1951px 0}.iti__flag.iti__gn{height:14px;background-position:-1973px 0}.iti__flag.iti__gp{height:14px;background-position:-1995px 0}.iti__flag.iti__gq{height:14px;background-position:-2017px 0}.iti__flag.iti__gr{height:14px;background-position:-2039px 0}.iti__flag.iti__gs{height:10px;background-position:-2061px 0}.iti__flag.iti__gt{height:13px;background-position:-2083px 0}.iti__flag.iti__gu{height:11px;background-position:-2105px 0}.iti__flag.iti__gw{height:10px;background-position:-2127px 0}.iti__flag.iti__gy{height:12px;background-position:-2149px 0}.iti__flag.iti__hk{height:14px;background-position:-2171px 0}.iti__flag.iti__hm{height:10px;background-position:-2193px 0}.iti__flag.iti__hn{height:10px;background-position:-2215px 0}.iti__flag.iti__hr{height:10px;background-position:-2237px 0}.iti__flag.iti__ht{height:12px;background-position:-2259px 0}.iti__flag.iti__hu{height:10px;background-position:-2281px 0}.iti__flag.iti__ic{height:14px;background-position:-2303px 0}.iti__flag.iti__id{height:14px;background-position:-2325px 0}.iti__flag.iti__ie{height:10px;background-position:-2347px 0}.iti__flag.iti__il{height:15px;background-position:-2369px 0}.iti__flag.iti__im{height:10px;background-position:-2391px 0}.iti__flag.iti__in{height:14px;background-position:-2413px 0}.iti__flag.iti__io{height:10px;background-position:-2435px 0}.iti__flag.iti__iq{height:14px;background-position:-2457px 0}.iti__flag.iti__ir{height:12px;background-position:-2479px 0}.iti__flag.iti__is{height:15px;background-position:-2501px 0}.iti__flag.iti__it{height:14px;background-position:-2523px 0}.iti__flag.iti__je{height:12px;background-position:-2545px 0}.iti__flag.iti__jm{height:10px;background-position:-2567px 0}.iti__flag.iti__jo{height:10px;background-position:-2589px 0}.iti__flag.iti__jp{height:14px;background-position:-2611px 0}.iti__flag.iti__ke{height:14px;background-position:-2633px 0}.iti__flag.iti__kg{height:12px;background-position:-2655px 0}.iti__flag.iti__kh{height:13px;background-position:-2677px 0}.iti__flag.iti__ki{height:10px;background-position:-2699px 0}.iti__flag.iti__km{height:12px;background-position:-2721px 0}.iti__flag.iti__kn{height:14px;background-position:-2743px 0}.iti__flag.iti__kp{height:10px;background-position:-2765px 0}.iti__flag.iti__kr{height:14px;background-position:-2787px 0}.iti__flag.iti__kw{height:10px;background-position:-2809px 0}.iti__flag.iti__ky{height:10px;background-position:-2831px 0}.iti__flag.iti__kz{height:10px;background-position:-2853px 0}.iti__flag.iti__la{height:14px;background-position:-2875px 0}.iti__flag.iti__lb{height:14px;background-position:-2897px 0}.iti__flag.iti__lc{height:10px;background-position:-2919px 0}.iti__flag.iti__li{height:12px;background-position:-2941px 0}.iti__flag.iti__lk{height:10px;background-position:-2963px 0}.iti__flag.iti__lr{height:11px;background-position:-2985px 0}.iti__flag.iti__ls{height:14px;background-position:-3007px 0}.iti__flag.iti__lt{height:12px;background-position:-3029px 0}.iti__flag.iti__lu{height:12px;background-position:-3051px 0}.iti__flag.iti__lv{height:10px;background-position:-3073px 0}.iti__flag.iti__ly{height:10px;background-position:-3095px 0}.iti__flag.iti__ma{height:14px;background-position:-3117px 0}.iti__flag.iti__mc{height:15px;background-position:-3139px 0}.iti__flag.iti__md{height:10px;background-position:-3160px 0}.iti__flag.iti__me{height:10px;background-position:-3182px 0}.iti__flag.iti__mf{height:14px;background-position:-3204px 0}.iti__flag.iti__mg{height:14px;background-position:-3226px 0}.iti__flag.iti__mh{height:11px;background-position:-3248px 0}.iti__flag.iti__mk{height:10px;background-position:-3270px 0}.iti__flag.iti__ml{height:14px;background-position:-3292px 0}.iti__flag.iti__mm{height:14px;background-position:-3314px 0}.iti__flag.iti__mn{height:10px;background-position:-3336px 0}.iti__flag.iti__mo{height:14px;background-position:-3358px 0}.iti__flag.iti__mp{height:10px;background-position:-3380px 0}.iti__flag.iti__mq{height:14px;background-position:-3402px 0}.iti__flag.iti__mr{height:14px;background-position:-3424px 0}.iti__flag.iti__ms{height:10px;background-position:-3446px 0}.iti__flag.iti__mt{height:14px;background-position:-3468px 0}.iti__flag.iti__mu{height:14px;background-position:-3490px 0}.iti__flag.iti__mv{height:14px;background-position:-3512px 0}.iti__flag.iti__mw{height:14px;background-position:-3534px 0}.iti__flag.iti__mx{height:12px;background-position:-3556px 0}.iti__flag.iti__my{height:10px;background-position:-3578px 0}.iti__flag.iti__mz{height:14px;background-position:-3600px 0}.iti__flag.iti__na{height:14px;background-position:-3622px 0}.iti__flag.iti__nc{height:10px;background-position:-3644px 0}.iti__flag.iti__ne{height:15px;background-position:-3666px 0}.iti__flag.iti__nf{height:10px;background-position:-3686px 0}.iti__flag.iti__ng{height:10px;background-position:-3708px 0}.iti__flag.iti__ni{height:12px;background-position:-3730px 0}.iti__flag.iti__nl{height:14px;background-position:-3752px 0}.iti__flag.iti__no{height:15px;background-position:-3774px 0}.iti__flag.iti__np{height:15px;background-position:-3796px 0}.iti__flag.iti__nr{height:10px;background-position:-3811px 0}.iti__flag.iti__nu{height:10px;background-position:-3833px 0}.iti__flag.iti__nz{height:10px;background-position:-3855px 0}.iti__flag.iti__om{height:10px;background-position:-3877px 0}.iti__flag.iti__pa{height:14px;background-position:-3899px 0}.iti__flag.iti__pe{height:14px;background-position:-3921px 0}.iti__flag.iti__pf{height:14px;background-position:-3943px 0}.iti__flag.iti__pg{height:15px;background-position:-3965px 0}.iti__flag.iti__ph{height:10px;background-position:-3987px 0}.iti__flag.iti__pk{height:14px;background-position:-4009px 0}.iti__flag.iti__pl{height:13px;background-position:-4031px 0}.iti__flag.iti__pm{height:14px;background-position:-4053px 0}.iti__flag.iti__pn{height:10px;background-position:-4075px 0}.iti__flag.iti__pr{height:14px;background-position:-4097px 0}.iti__flag.iti__ps{height:10px;background-position:-4119px 0}.iti__flag.iti__pt{height:14px;background-position:-4141px 0}.iti__flag.iti__pw{height:13px;background-position:-4163px 0}.iti__flag.iti__py{height:11px;background-position:-4185px 0}.iti__flag.iti__qa{height:8px;background-position:-4207px 0}.iti__flag.iti__re{height:14px;background-position:-4229px 0}.iti__flag.iti__ro{height:14px;background-position:-4251px 0}.iti__flag.iti__rs{height:14px;background-position:-4273px 0}.iti__flag.iti__ru{height:14px;background-position:-4295px 0}.iti__flag.iti__rw{height:14px;background-position:-4317px 0}.iti__flag.iti__sa{height:14px;background-position:-4339px 0}.iti__flag.iti__sb{height:10px;background-position:-4361px 0}.iti__flag.iti__sc{height:10px;background-position:-4383px 0}.iti__flag.iti__sd{height:10px;background-position:-4405px 0}.iti__flag.iti__se{height:13px;background-position:-4427px 0}.iti__flag.iti__sg{height:14px;background-position:-4449px 0}.iti__flag.iti__sh{height:10px;background-position:-4471px 0}.iti__flag.iti__si{height:10px;background-position:-4493px 0}.iti__flag.iti__sj{height:15px;background-position:-4515px 0}.iti__flag.iti__sk{height:14px;background-position:-4537px 0}.iti__flag.iti__sl{height:14px;background-position:-4559px 0}.iti__flag.iti__sm{height:15px;background-position:-4581px 0}.iti__flag.iti__sn{height:14px;background-position:-4603px 0}.iti__flag.iti__so{height:14px;background-position:-4625px 0}.iti__flag.iti__sr{height:14px;background-position:-4647px 0}.iti__flag.iti__ss{height:10px;background-position:-4669px 0}.iti__flag.iti__st{height:10px;background-position:-4691px 0}.iti__flag.iti__sv{height:12px;background-position:-4713px 0}.iti__flag.iti__sx{height:14px;background-position:-4735px 0}.iti__flag.iti__sy{height:14px;background-position:-4757px 0}.iti__flag.iti__sz{height:14px;background-position:-4779px 0}.iti__flag.iti__ta{height:10px;background-position:-4801px 0}.iti__flag.iti__tc{height:10px;background-position:-4823px 0}.iti__flag.iti__td{height:14px;background-position:-4845px 0}.iti__flag.iti__tf{height:14px;background-position:-4867px 0}.iti__flag.iti__tg{height:13px;background-position:-4889px 0}.iti__flag.iti__th{height:14px;background-position:-4911px 0}.iti__flag.iti__tj{height:10px;background-position:-4933px 0}.iti__flag.iti__tk{height:10px;background-position:-4955px 0}.iti__flag.iti__tl{height:10px;background-position:-4977px 0}.iti__flag.iti__tm{height:14px;background-position:-4999px 0}.iti__flag.iti__tn{height:14px;background-position:-5021px 0}.iti__flag.iti__to{height:10px;background-position:-5043px 0}.iti__flag.iti__tr{height:14px;background-position:-5065px 0}.iti__flag.iti__tt{height:12px;background-position:-5087px 0}.iti__flag.iti__tv{height:10px;background-position:-5109px 0}.iti__flag.iti__tw{height:14px;background-position:-5131px 0}.iti__flag.iti__tz{height:14px;background-position:-5153px 0}.iti__flag.iti__ua{height:14px;background-position:-5175px 0}.iti__flag.iti__ug{height:14px;background-position:-5197px 0}.iti__flag.iti__um{height:11px;background-position:-5219px 0}.iti__flag.iti__un{height:14px;background-position:-5241px 0}.iti__flag.iti__us{height:11px;background-position:-5263px 0}.iti__flag.iti__uy{height:14px;background-position:-5285px 0}.iti__flag.iti__uz{height:10px;background-position:-5307px 0}.iti__flag.iti__va{height:15px;background-position:-5329px 0}.iti__flag.iti__vc{height:14px;background-position:-5346px 0}.iti__flag.iti__ve{height:14px;background-position:-5368px 0}.iti__flag.iti__vg{height:10px;background-position:-5390px 0}.iti__flag.iti__vi{height:14px;background-position:-5412px 0}.iti__flag.iti__vn{height:14px;background-position:-5434px 0}.iti__flag.iti__vu{height:12px;background-position:-5456px 0}.iti__flag.iti__wf{height:14px;background-position:-5478px 0}.iti__flag.iti__ws{height:10px;background-position:-5500px 0}.iti__flag.iti__xk{height:15px;background-position:-5522px 0}.iti__flag.iti__ye{height:14px;background-position:-5544px 0}.iti__flag.iti__yt{height:14px;background-position:-5566px 0}.iti__flag.iti__za{height:14px;background-position:-5588px 0}.iti__flag.iti__zm{height:14px;background-position:-5610px 0}.iti__flag.iti__zw{height:10px;background-position:-5632px 0}.iti__flag{height:15px;box-shadow:0 0 1px 0 #888;background-image:url(https://ftn-master.dev.ftn.co.za/skin/frontend/base/default/silvertree_customer/img/flags.png);background-repeat:no-repeat;background-color:#dbdbdb;background-position:20px 0}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.iti__flag{background-image:url(https://ftn-master.dev.ftn.co.za/skin/frontend/base/default/silvertree_customer/img/flags@2x.png)}}.iti__flag.iti__np{background-color:transparent}

/* ============================================ *
 * Telephone input flags
 * ============================================ */
.iti {
  display: block;
}

.iti__flag {
  background-image: url("https://ftn-master.dev.ftn.co.za/skin/frontend/base/default/silvertree_customer/images/flags.png");
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .iti__flag {
    background-image: url("https://ftn-master.dev.ftn.co.za/skin/frontend/base/default/silvertree_customer/images/flags@2x.png");
  }
}
.iti--separate-dial-code .iti__selected-flag {
  border-radius: .25rem 0 0 .25rem;
}

.iti__country-list {
  z-index: 200;
}

.iti__flag-container {
  padding: 0;
}

.rewardpointsbehavior-checkout-action{
    /*background-color: #FFE8DB;*/
    float: left;
    margin: 2px 2px 7px 0px;
    padding: 1px;
    width: 172px;
    text-align: left;
}
.account-create .rewardpointsbehavior-checkout-action{
    clear:both;
}
.account-create .rewardpointsbehavior-checkout-action1{
    float: none;
    width: 100% !important;
    margin: 0px !important;
}
.account-login .rewardpointsbehavior-checkout-action1{
    float: none;
}
.rewardpointsbehavior-checkout-action1{
    /*background-color: #FFE8DB;*/
    float: left;
    margin: 0px 0px 0px 5px;
    padding: 1px;
    width: 172px;
    text-align: left;
}
.rewardpointsbehavior-checkout-action .rewardpointsbehavior-icon{
    float: right !important;
}
.rewardpointsbehavior-product-view{
    width: 100%;
    float: left;
}
.rewardpointsbehavior-product-view .rewardpointsbehavior-checkout-action{
    width: auto;
}

.twitter-count-horizontal,
.behavior-facebook-like.behavior-social{
    width: 85px !important;
    /*padding-right: 2px !important;*/
    float:left;
}
#fb-send-id-behavior span{
    vertical-align:baseline !important;
}
#___plusone_0, #___plusone_0 iframe{
    width: 67px !important;
    /*padding-right: 2px !important;*/
}
.behavior-google-plus {width: 67px; display: inline-block;}
.behavior-linkedin {width: 100px; display: inline-block;}
.share-social-button {display: inline;}
/*.share-login {padding-left: 10px; }*/
.behavior-social {display: inline-block; vertical-align: top;}

.behavior-facebook-share .share-button .label {display: inline-block;vertical-align: top;zoom: 1;padding: 1px 4px 0 23px;white-space: nowrap;}
.behavior-facebook-share .share-button {
    font-size: 11px;
    font-family: 'Helvetica Neue', Arial, sans-serif;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    height: 20px;
    max-width: 100%;
    position: relative;
    display: inline-block;
    zoom: 1;
    background-color: #f8f8f8;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#dedede));
    background-image: -moz-linear-gradient(top,#fff,#dedede);
    background-image: -o-linear-gradient(top,#fff,#dedede);
    background-image: -ms-linear-gradient(top,#fff,#dedede);
    background-image: linear-gradient(top,#fff,#dedede);
    border: #ccc solid 1px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    color: #333;
    font-weight: bold;
    text-shadow: 0 1px 0 rgba(255,255,255,.5);
    text-decoration: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
    cursor: pointer;
    overflow: hidden;
}
.behavior-facebook-share .share-button i {
    position: absolute;
    top: 50%;
    left: 4px;
    margin-top: -7px;
    width: 14px;
    height: 14px;
    background: transparent url('https://ftn-master.dev.ftn.co.za/skin/frontend/base/default/css/magestore/images/facebook-icon.png') 0 0 no-repeat;
    background-image: url('https://ftn-master.dev.ftn.co.za/skin/frontend/base/default/css/magestore/images/facebook-icon.png');
}
.behavior-facebook-share a.share-button:hover{
    background-image: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#e8e8e8));
}
.marquee{position:fixed;bottom:0;left:0;right:0;z-index:999;width:100%;background:#333;opacity:0.9;padding:10px;overflow:hidden}@media only screen and (max-width: 767px){.marquee{display:none}}.marquee a{color:#fff;font-size:20px;text-transform:uppercase;float:left;letter-spacing:1px;margin:0 0 0 25px}.marquee a span{color:#11B400}

/**
 * ElasticSearch stylesheet
 *
 * DISCLAIMER
 *
 * Do not edit or add to this file if you wish to upgrade Smile Searchandising Suite to newer
 * versions in the future.
 *
 * @category  Smile
 * @package   Smile_ElasticSearch
 * @author    Aurelien FOUCRET <aurelien.foucret@smile.fr>
 * @copyright 2013 Smile
 * @license   Apache License Version 2.0
 */

/* Autocomplete styles */
#search_autocomplete dl { background: #FFF; overflow: hidden; width: 100%;}
#search_autocomplete dl dt { background: #056655; color: #FFF; padding: 10px; font-size: 100%; clear: both;}
#search_autocomplete dl dd { background: #FFF; cursor: pointer; padding: 10px; font-size: 100%; text-overflow: ellipsis; white-space: nowrap; width: 100%; clear:both; color: #353222; border-bottom: 1px solid #eee;}
#search_autocomplete dl dd.selected { background: #eeeeee }
#search_autocomplete dl dd .product-image-box { width: 55px; float: left; padding: 0 5px;}
#search_autocomplete dl dd small {color: #146B87;}
#search_autocomplete .products-list {margin: 2px 0 10px 0}
#search_autocomplete .products-list .product-shop { float: left; padding: 0; width: 76%; white-space: normal; }
#search_autocomplete .products-list .product-shop .price-box { margin: 0px}
#search_autocomplete .products-list .product-shop .price-box .label { color: #333;}
#search_autocomplete .products-list .product-shop .price-box .price {color: #146B87; font-size: 13px; line-height: 1.5;}
#search_autocomplete .products-list .product-name {font-family: 'fontin_sans_bold'; text-transform: capitalize; color: #353222; font-size: 14px; line-height: 1.5;}
#search_autocomplete .clear {clear: both;}
#search_autocomplete .autocomplete-attributes a {color: #000}
#search_autocomplete .autocomplete-attributes span.attribute-name {color: #666; text-transform: uppercase; font-weight: bold; display: inline-block; float: right}

/* Price slider styles */
.range-slider { padding: 5px 0 0; }
.range-slider .slider-bkg { margin:10px 0; background-color:#ccc; height:5px; position: relative; background: #BAA; cursor : pointer; }
.range-slider .handle { margin:-6px 0 0; width:10px; height:8px; background-color:#146B87; cursor:move; position: absolute; }
.range-slider .handle:after { content: "-"; color: transparent; width: 0; height: 0; border-top: 8px solid #146B87; border-left: 5px solid transparent; position: absolute; margin: 8px 0 0; border-right: 5px solid transparent; }
.range-slider .handle.min { margin-left: -4px; }
.range-slider .handle.max { margin-left: 4px; }
.range-slider .limits-container { margin: 0 0 0; }
.range-slider .validate-button { float: right; }
.range-slider .limits.min { float:left; margin-left: -5px; }
.range-slider .limits.max { float:right; margin-left: 5px; }
.range-slider .clear {clear: both;}
.range-slider .count.empty { line-height: 10px; color: #AA0000; margin: 0; text-align: center; }
.range-slider .count { line-height: 20px; margin: 0 50px 0 0; text-align: left; display: block; }

#narrow-by-list .ratings { display: inline-block; margin: 0; }
#narrow-by-list .ratings .rating-box { margin: 0; }

.block-layered-nav dl dd ol > li > span, .block-layered-nav dl dd ol > li > a { display: inline-block; }

/* Search facets autocomplete */
.autocomplete-facet-form input[type=text] {font-size: 80%; height: 24px;}
.autocomplete-facet-form form {margin: 0 0 10px 0;}
.autocomplete-facet-form .count.empty { line-height: 10px; color: #AA0000; margin: 0; text-align: center; }

.empty-query-field-link {    float: right;
    float: right;
    margin: 0px 0px -28px 0;
    padding: 3px;
    transform: scale(0.75) rotate(45deg);
    cursor: pointer;
    height: 30px;
    width: 30px;
}

.empty-query-field-link div {
    background: rgb(229,132,115);
    height: 20px;
    position: relative;
    width: 2px;
    margin: 0 0 0 12px;
}
.empty-query-field-link div:after {
  background: rgb(229,132,115);
  content: "";
  height: 2px;
  left: -9px;
  top: 9px;
  position: absolute;
  width: 20px;
}

.block-layered-nav dl dd .ajax-load-link {
    font-size: 90%;
    text-align: right;
    cursor: pointer;
    padding: 0px;
    text-decoration: underline;
}
/* 
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
  -webkit-animation-duration: 1000ms;
  animation-duration: 1000ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.owl-carousel .owl-animated-in {
  z-index: 0;
}
.owl-carousel .owl-animated-out {
  z-index: 1;
}
.owl-carousel .fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

/* 
 * 	Owl Carousel - Auto Height Plugin
 */
.owl-height {
  -webkit-transition: height 500ms ease-in-out;
  -moz-transition: height 500ms ease-in-out;
  -ms-transition: height 500ms ease-in-out;
  -o-transition: height 500ms ease-in-out;
  transition: height 500ms ease-in-out;
}

/* 
 *  Core Owl Carousel CSS File
 */
.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1;
}
.owl-carousel .owl-stage {
  position: relative;
  -ms-touch-action: pan-Y;
}
.owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  /* fix for flashing background */
  -webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-controls .owl-nav .owl-prev,
.owl-carousel .owl-controls .owl-nav .owl-next,
.owl-carousel .owl-controls .owl-dot {
  cursor: pointer;
  cursor: hand;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.owl-carousel.owl-loaded {
  display: block;
}
.owl-carousel.owl-loading {
  opacity: 0;
  display: block;
}
.owl-carousel.owl-hidden {
  opacity: 0;
}
.owl-carousel .owl-refresh .owl-item {
  display: none;
}
.owl-carousel .owl-item {
  position: relative;
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.owl-carousel .owl-item img {
  display: block;
  width: 100%;
  -webkit-transform-style: preserve-3d;
}
.owl-carousel.owl-text-select-on .owl-item {
  -webkit-user-select: auto;
  -moz-user-select: auto;
  -ms-user-select: auto;
  user-select: auto;
}
.owl-carousel .owl-grab {
  cursor: move;
  cursor: -webkit-grab;
  cursor: -o-grab;
  cursor: -ms-grab;
  cursor: grab;
}
.owl-carousel.owl-rtl {
  direction: rtl;
}
.owl-carousel.owl-rtl .owl-item {
  float: right;
}

/* No Js */
.no-js .owl-carousel {
  display: block;
}

/* 
 * 	Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  -webkit-transition: opacity 400ms ease;
  -moz-transition: opacity 400ms ease;
  -ms-transition: opacity 400ms ease;
  -o-transition: opacity 400ms ease;
  transition: opacity 400ms ease;
}
.owl-carousel .owl-item img {
  transform-style: preserve-3d;
}

/* 
 * 	Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000;
}
.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url("https://ftn-master.dev.ftn.co.za/skin/frontend/rwd/ftn/css/owl.video.play.png") no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  -webkit-transition: scale 100ms ease;
  -moz-transition: scale 100ms ease;
  -ms-transition: scale 100ms ease;
  -o-transition: scale 100ms ease;
  transition: scale 100ms ease;
}
.owl-carousel .owl-video-play-icon:hover {
  -webkit-transition: scale(1.3, 1.3);
  -moz-transition: scale(1.3, 1.3);
  -ms-transition: scale(1.3, 1.3);
  -o-transition: scale(1.3, 1.3);
  transition: scale(1.3, 1.3);
}
.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
  display: none;
}
.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  -webkit-transition: opacity 400ms ease;
  -moz-transition: opacity 400ms ease;
  -ms-transition: opacity 400ms ease;
  -o-transition: opacity 400ms ease;
  transition: opacity 400ms ease;
}
.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
}

/* A font by Jos Buivenga (exljbris) -> www.exljbris.com */
@font-face {
    font-family: 'fontin_regular';
    src: url('https://ftn-master.dev.ftn.co.za/skin/frontend/rwd/ftn/fonts/fontin_sans_r_45b-webfont.woff2') format('woff2'),
    url('https://ftn-master.dev.ftn.co.za/skin/frontend/rwd/ftn/fonts/fontin_sans_r_45b-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'fontin_sans_bold';
    src: url('https://ftn-master.dev.ftn.co.za/skin/frontend/rwd/ftn/fonts/fontin_sans_b_45b-webfont.eot');
    src: url('https://ftn-master.dev.ftn.co.za/skin/frontend/rwd/ftn/fonts/fontin_sans_b_45b-webfont.eot?#iefix') format('embedded-opentype'),
    url('https://ftn-master.dev.ftn.co.za/skin/frontend/rwd/ftn/fonts/fontin_sans_b_45b-webfont.woff2') format('woff2'),
    url('https://ftn-master.dev.ftn.co.za/skin/frontend/rwd/ftn/fonts/fontin_sans_b_45b-webfont.woff') format('woff'),
    url('https://ftn-master.dev.ftn.co.za/skin/frontend/rwd/ftn/fonts/fontin_sans_b_45b-webfont.ttf') format('truetype'),
    url('https://ftn-master.dev.ftn.co.za/skin/frontend/rwd/ftn/fonts/fontin_sans_b_45b-webfont.svg#fontin_sans_rgbold') format('svg');
    font-weight: normal;
    font-style: normal;
}
/* Myriad Pro Light + Semibold */
@font-face {
    font-family: 'fontin_sans_bold_italic';
    src: url('https://ftn-master.dev.ftn.co.za/skin/frontend/rwd/ftn/fonts/fontin_sans_bi_45b-webfont.eot');
    src: url('https://ftn-master.dev.ftn.co.za/skin/frontend/rwd/ftn/fonts/fontin_sans_bi_45b-webfont.eot?#iefix') format('embedded-opentype'),
    url('https://ftn-master.dev.ftn.co.za/skin/frontend/rwd/ftn/fonts/fontin_sans_bi_45b-webfont.woff2') format('woff2'),
    url('https://ftn-master.dev.ftn.co.za/skin/frontend/rwd/ftn/fonts/fontin_sans_bi_45b-webfont.woff') format('woff'),
    url('https://ftn-master.dev.ftn.co.za/skin/frontend/rwd/ftn/fonts/fontin_sans_bi_45b-webfont.ttf') format('truetype'),
    url('https://ftn-master.dev.ftn.co.za/skin/frontend/rwd/ftn/fonts/fontin_sans_bi_45b-webfont.svg#fontin_sans_rgbold_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* Golden Plains */
@font-face {
    font-family: 'golden_plains';
    src: url('https://ftn-master.dev.ftn.co.za/skin/frontend/rwd/ftn/fonts/golden_plains_-_demo-webfont.woff2') format('woff2'),
    url('https://ftn-master.dev.ftn.co.za/skin/frontend/rwd/ftn/fonts/golden_plains_-_demo-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
/*
 * Web Fonts from colophon-foundry.org
 *
 * The fonts included in this stylesheet are subject to the End User License you purchased
 * from Colophon Foundry. The fonts are protected under domestic and international trademark and
 * copyright law. You are prohibited from modifying, reverse engineering, duplicating, or
 * distributing this font software.
 *
 * (c) 2020 Colophon Foundry
 *
 * Licenced to Paul Robinson Faithful to Nature
 */

@font-face {
    font-family: 'fortescue-text-regular-pro';
    src: url('https://ftn-master.dev.ftn.co.za/skin/frontend/rwd/ftn/fonts/fortescue-text-regular-pro.eot');
    src: url('https://ftn-master.dev.ftn.co.za/skin/frontend/rwd/ftn/fonts/fortescue-text-regular-pro.eot?#iefix') format('embedded-opentype'),
         url('https://ftn-master.dev.ftn.co.za/skin/frontend/rwd/ftn/fonts/fortescue-text-regular-pro.woff2') format('woff2'),
         url('https://ftn-master.dev.ftn.co.za/skin/frontend/rwd/ftn/fonts/fortescue-text-regular-pro.woff') format('woff'),
         url('https://ftn-master.dev.ftn.co.za/skin/frontend/rwd/ftn/fonts/fortescue-text-regular-pro.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'fortescue-median-bold-pro';
    src: url('https://ftn-master.dev.ftn.co.za/skin/frontend/rwd/ftn/fonts/fortescue-median-bold-pro.eot');
    src: url('https://ftn-master.dev.ftn.co.za/skin/frontend/rwd/ftn/fonts/fortescue-median-bold-pro.eot?#iefix') format('embedded-opentype'),
         url('https://ftn-master.dev.ftn.co.za/skin/frontend/rwd/ftn/fonts/fortescue-median-bold-pro.woff2') format('woff2'),
         url('https://ftn-master.dev.ftn.co.za/skin/frontend/rwd/ftn/fonts/fortescue-median-bold-pro.woff') format('woff'),
         url('https://ftn-master.dev.ftn.co.za/skin/frontend/rwd/ftn/fonts/fortescue-median-bold-pro.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Joyful';
    src: url('https://ftn-master.dev.ftn.co.za/skin/frontend/rwd/ftn/fonts/joyful/Joyful.eot');
    src: url('https://ftn-master.dev.ftn.co.za/skin/frontend/rwd/ftn/fonts/joyful/Joyful.eot?#iefix') format('embedded-opentype'),
    url('https://ftn-master.dev.ftn.co.za/skin/frontend/rwd/ftn/fonts/joyful/Joyful.woff') format('woff'),
    url('https://ftn-master.dev.ftn.co.za/skin/frontend/rwd/ftn/fonts/joyful/Joyful.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Joyful Swashes';
    src: url('https://ftn-master.dev.ftn.co.za/skin/frontend/rwd/ftn/fonts/joyful/Joyful-swashes.otf');
    url('https://ftn-master.dev.ftn.co.za/skin/frontend/rwd/ftn/fonts/joyful/Joyful-swashes.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Joyful font';
    src: url('https://ftn-master.dev.ftn.co.za/skin/frontend/rwd/ftn/fonts/joyful/Joyful-font.otf');
    font-weight: normal;
    font-style: normal;
}


@font-face {
  font-family: 'icomoon';
  src:  url('https://ftn-master.dev.ftn.co.za/skin/frontend/rwd/ftn/fonts/icomoon.eot');
  src:  url('https://ftn-master.dev.ftn.co.za/skin/frontend/rwd/ftn/fonts/icomoon.eot#iefix') format('embedded-opentype'),
    url('https://ftn-master.dev.ftn.co.za/skin/frontend/rwd/ftn/fonts/icomoon.ttf') format('truetype'),
    url('https://ftn-master.dev.ftn.co.za/skin/frontend/rwd/ftn/fonts/icomoon.woff') format('woff'),
    url('https://ftn-master.dev.ftn.co.za/skin/frontend/rwd/ftn/fonts/icomoon.svg#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-home3:before {
  content: "\e902";
}
.icon-quill:before {
  content: "\e907";
}
.icon-play:before {
  content: "\e912";
}
.icon-phone:before {
  content: "\e942";
}
.icon-mobile:before {
  content: "\e958";
}
.icon-user:before {
  content: "\e971";
}
.icon-search:before {
  content: "\e986";
}
.icon-lock:before {
  content: "\e98f";
}
.icon-gift:before {
  content: "\e99f";
}
.icon-leaf:before {
  content: "\e9a4";
}
.icon-bin:before {
  content: "\e9ac";
}
.icon-truck:before {
  content: "\e9b0";
}
.icon-menu:before {
  content: "\e9bd";
}
.icon-heart:before {
  content: "\e9da";
}
.icon-grin:before {
  content: "\e9e9";
}
.icon-info:before {
  content: "\ea0c";
}
.icon-checkmark:before {
  content: "\ea10";
}
.icon-radio-checked:before {
  content: "\ea54";
}
.icon-radio-checked2:before {
  content: "\ea55";
}
/* .icon-facebook:before {
  content: "\ea90";
}
.icon-twitter:before {
  content: "\ea96";
}
.icon-pinterest:before {
  content: "\ead1";
} */


.amconf-image{
    margin: 3px;
    border-radius: 3px;
    cursor: pointer;
}

.amconf-noimage-div {
    background-color: ghostwhite;
    border: 1px solid black;
    text-align: center;
    cursor: pointer;
    overflow: hidden;
    border-radius: 3px;
}

.amconf-color-container{
    cursor: pointer;
    overflow: hidden;
    border-radius: 3px;
}

em{
     color:#000000;
 }

.product-image img#amasty_zoom:nth-child(2){
    display: none;
} 

#amasty_gallery img{
    display: inline !important;
}

.amasty-main-spinner{
    top: 0;
}

.zoomLens {
    background-color: white;
}

#amasty_zoom{
    position: relative !important;
}

.zoomContainer {
    z-index: 10;
}

.zoomWindow {
    z-index: 70000 !important;
}

.zoomWrapper {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
}

.product-image {
    overflow: visible;
    text-align: center;
    position: relative;
}

hr.amconf-hr{
     -moz-transform: rotate(135deg);  
       -o-transform: rotate(135deg);  
  -webkit-transform: rotate(135deg);  
      -ms-transform: rotate(135deg);  
          transform: rotate(135deg);  
             filter:  progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand',  
                      M11=0.9914448613738104, M12=-0.13052619222005157,M21=0.13052619222005157, M22=0.9914448613738104); 
         -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.9914448613738104, M12=-0.13052619222005157, M21=0.13052619222005157, M22=0.9914448613738104,sizingMethod='auto expand')"; 
                      
    zoom: 1;
    color: white;
    border-color: white;
    background-color: white; 
    position: absolute;
    top: 9px;  
    width: 100%;
    z-index: 4;
    margin: 0;
}

.swatch-title{
	font-weight: 600;
	position: absolute;
	padding-left: 3px;
}

.amconf-image-selected
{
    margin: 0;
    outline: 3px double #eaff00;
}

.amconf-image-outofstock
{
    opacity:0.6;
    filter:alpha(opacity=60); 
}

.amconf-images-container
{
    width: 100%;
    clear: both;
}

.amconf-image-container
{
    display: inline-block;
    position: relative;
    text-align: center;
    margin-right: 5px;
    margin-bottom: 3px;
    float: left;
}

.amconf-image-container img, .amconf-image-container div:first-child
{
    margin: 0 auto;
}
.amconf-image-title
{
    margin-bottom:5px;
}

#amconf_price_clone_container 
{
    float: left;
}
#amconf_price_clone_container ul
{
    clear: both;
}

.MagicScrollArrows {
    cursor: pointer;
    position: absolute;
    display: block;
}

.MagicScrollArrowPrev { 
    width: 35px;
    height: 35px;
    background: url(https://ftn-master.dev.ftn.co.za/skin/frontend/rwd/ftn/js/amasty/amconf/images/miscellaneous_sprite_sm.png) 0 -35px no-repeat transparent;
    left:0;
}

.MagicScrollArrowNext {
    width: 35px;
    height: 35px; 
    background: url(https://ftn-master.dev.ftn.co.za/skin/frontend/rwd/ftn/js/amasty/amconf/images/miscellaneous_sprite_sm.png) -35px -35px no-repeat transparent;
    right:0;
}

#nextGallery.disabled, #prevGallery.disabled {
    opacity: 0.4;
    filter: alpha(opacity = 40);
    cursor: default;
}

.caroufredsel_wrapper {
    margin:0 auto !important;    
}

#amasty_gallery a{
     text-decoration: none;
}

#ampagination {
    text-align: center;
}
#ampagination a {
    background: url(https://ftn-master.dev.ftn.co.za/skin/frontend/rwd/ftn/js/amasty/amconf/images/miscellaneous_sprite.png) 0 -300px no-repeat transparent;
    width: 15px;
    height: 15px;
    margin: 0 5px 0 0;
    display: inline-block;
}
#ampagination a.selected {
    background-position: -25px -300px;
    cursor: default;
}
#ampagination a span {
    display: none;
}

.no-display{
    display: none !important;
}

.am-swatch-arrow{
    background: url(https://ftn-master.dev.ftn.co.za/skin/frontend/rwd/ftn/js/amasty/amconf/images/swatch_arrow.png);
    background-color: transparent;
    position: absolute;
    text-indent: -9999px;
    cursor: pointer;
    z-index: 10;
    width: 25px;
    height: 25px;
    line-height: 0;
    top: 2px;
}

.am-swatch-arrow.disabled {
    opacity: 0.4;
    filter: alpha(opacity = 40);
    cursor: default;
}

.input-box{
    position: relative;
}

.am-swatch-prev{
    background-position: 0px 25px;
}

.am-swatch-next{
    right: 0;
    background-position: -27px 25px;
    line-height: 0;
    background-color: #fff;
}

.am-swatch-prev:not(.disabled):hover {
    background-position: 0px 52px;
}

.am-swatch-next:not(.disabled):hover {
    background-position: -27px 52px;
}

/* This is the default Tooltipster theme (feel free to modify or duplicate and create multiple themes!): */

.amtooltip-label{
    text-align: center;
    font-weight: bold;
}

.amtooltip-img{
    margin-bottom: 3px;
}

.tooltipster-default {
	border-radius: 5px; 
	border: 2px solid #000;
	background: #4c4c4c;
	color: #fff;
}

/* Use this next selector to style things like font-size and line-height: */
.tooltipster-default .tooltipster-content {
	font-family: Arial, sans-serif;
	font-size: 14px;
	line-height: 16px;
	padding: 8px 10px;
	overflow: hidden;
}

/* This next selector defines the color of the border on the outside of the arrow. This will automatically match the color and size of the border set on the main tooltip styles. Set display: none; if you would like a border around the tooltip but no border around the arrow */
.tooltipster-default .tooltipster-arrow .tooltipster-arrow-border {
	/* border-color: ... !important; */
}


/* If you're using the icon option, use this next selector to style them */
.tooltipster-icon {
	cursor: help;
	margin-left: 4px;
}








/* This is the base styling required to make all Tooltipsters work */
.tooltipster-base {
	padding: 0;
	font-size: 0;
	line-height: 0;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 9999999;
	pointer-events: none;
	width: auto;
	overflow: visible;
}
.tooltipster-base .tooltipster-content {
	overflow: hidden;
}


/* These next classes handle the styles for the little arrow attached to the tooltip. By default, the arrow will inherit the same colors and border as what is set on the main tooltip itself. */
.tooltipster-arrow {
	display: block;
	text-align: center;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}
.tooltipster-arrow span, .tooltipster-arrow-border {
	display: block;
	width: 0; 
	height: 0;
	position: absolute;
}
.tooltipster-arrow-top span, .tooltipster-arrow-top-right span, .tooltipster-arrow-top-left span {
	border-left: 8px solid transparent !important;
	border-right: 8px solid transparent !important;
	border-top: 8px solid;
	bottom: -7px;
}
.tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-top-left .tooltipster-arrow-border {
	border-left: 9px solid transparent !important;
	border-right: 9px solid transparent !important;
	border-top: 9px solid;
	bottom: -7px;
}

.tooltipster-arrow-bottom span, .tooltipster-arrow-bottom-right span, .tooltipster-arrow-bottom-left span {
	border-left: 8px solid transparent !important;
	border-right: 8px solid transparent !important;
	border-bottom: 8px solid;
	top: -7px;
}
.tooltipster-arrow-bottom .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
	border-left: 9px solid transparent !important;
	border-right: 9px solid transparent !important;
	border-bottom: 9px solid;
	top: -7px;
}
.tooltipster-arrow-top span, .tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-bottom span, .tooltipster-arrow-bottom .tooltipster-arrow-border {
	left: 0;
	right: 0;
	margin: 0 auto;
}
.tooltipster-arrow-top-left span, .tooltipster-arrow-bottom-left span {
	left: 6px;
}
.tooltipster-arrow-top-left .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
	left: 5px;
}
.tooltipster-arrow-top-right span,  .tooltipster-arrow-bottom-right span {
	right: 6px;
}
.tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border {
	right: 5px;
}
.tooltipster-arrow-left span, .tooltipster-arrow-left .tooltipster-arrow-border {
	border-top: 8px solid transparent !important;
	border-bottom: 8px solid transparent !important; 
	border-left: 8px solid;
	top: 50%;
	margin-top: -7px;
	right: -7px;
}
.tooltipster-arrow-left .tooltipster-arrow-border {
	border-top: 9px solid transparent !important;
	border-bottom: 9px solid transparent !important; 
	border-left: 9px solid;
	margin-top: -8px;
}
.tooltipster-arrow-right span, .tooltipster-arrow-right .tooltipster-arrow-border {
	border-top: 8px solid transparent !important;
	border-bottom: 8px solid transparent !important; 
	border-right: 8px solid;
	top: 50%;
	margin-top: -7px;
	left: -7px;
}
.tooltipster-arrow-right .tooltipster-arrow-border {
	border-top: 9px solid transparent !important;
	border-bottom: 9px solid transparent !important; 
	border-right: 9px solid;
	margin-top: -8px;
}


/* Some CSS magic for the awesome animations - feel free to make your own custom animations and reference it in your Tooltipster settings! */

.tooltipster-fade {
	opacity: 0;
	-webkit-transition-property: opacity;
	-moz-transition-property: opacity;
	-o-transition-property: opacity;
	-ms-transition-property: opacity;
	transition-property: opacity;
}
.tooltipster-fade-show {
	opacity: 1;
}

.tooltipster-grow {
	-webkit-transform: scale(0,0);
	-moz-transform: scale(0,0);
	-o-transform: scale(0,0);
	-ms-transform: scale(0,0);
	transform: scale(0,0);
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	-ms-transition-property: -ms-transform;
	transition-property: transform;
	-webkit-backface-visibility: hidden;
}
.tooltipster-grow-show {
	-webkit-transform: scale(1,1);
	-moz-transform: scale(1,1);
	-o-transform: scale(1,1);
	-ms-transform: scale(1,1);
	transform: scale(1,1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
}

.tooltipster-swing {
	opacity: 0;
	-webkit-transform: rotateZ(4deg);
	-moz-transform: rotateZ(4deg);
	-o-transform: rotateZ(4deg);
	-ms-transform: rotateZ(4deg);
	transform: rotateZ(4deg);
	-webkit-transition-property: -webkit-transform, opacity;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	-ms-transition-property: -ms-transform;
	transition-property: transform;
}
.tooltipster-swing-show {
	opacity: 1;
	-webkit-transform: rotateZ(0deg);
	-moz-transform: rotateZ(0deg);
	-o-transform: rotateZ(0deg);
	-ms-transform: rotateZ(0deg);
	transform: rotateZ(0deg);
	-webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 1);
	-webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); 
	-moz-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); 
	-ms-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); 
	-o-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); 
	transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
}

.tooltipster-fall {
	top: 0;
	-webkit-transition-property: top;
	-moz-transition-property: top;
	-o-transition-property: top;
	-ms-transition-property: top;
	transition-property: top;
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
}
.tooltipster-fall-show {
}
.tooltipster-fall.tooltipster-dying {
	-webkit-transition-property: all;
	-moz-transition-property: all;
	-o-transition-property: all;
	-ms-transition-property: all;
	transition-property: all;
	top: 0px !important;
	opacity: 0;
}

.tooltipster-slide {
	left: -40px;
	-webkit-transition-property: left;
	-moz-transition-property: left;
	-o-transition-property: left;
	-ms-transition-property: left;
	transition-property: left;
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
}
.tooltipster-slide.tooltipster-slide-show {
}
.tooltipster-slide.tooltipster-dying {
	-webkit-transition-property: all;
	-moz-transition-property: all;
	-o-transition-property: all;
	-ms-transition-property: all;
	transition-property: all;
	left: 0px !important;
	opacity: 0;
}


/* CSS transition for when contenting is changing in a tooltip that is still open. The only properties that will NOT transition are: width, height, top, and left */
.tooltipster-content-changing {
	opacity: 0.5;
	-webkit-transform: scale(1.1, 1.1);
	-moz-transform: scale(1.1, 1.1);
	-o-transform: scale(1.1, 1.1);
	-ms-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1);
}

.tooltipster-shadow {
    border-radius: 5px;
    background: #fff;
    box-shadow: 0px 0px 14px rgba(0,0,0,0.3);
    color: #2c2c2c;
}
.tooltipster-shadow .tooltipster-content {
    font-family: 'Arial', sans-serif;
    font-size: 14px;
    line-height: 16px;
    padding: 3px 4px;
}

.tooltipster-light {
    border-radius: 5px; 
    border: 1px solid #cccccc;
    background: #ededed;
    color: #666666;
}
.tooltipster-light .tooltipster-content {
    font-family: Arial, sans-serif;
    font-size: 14px;
    line-height: 16px;
    padding: 3px 4px;
}
.tooltipster-noir {
    border-radius: 0px; 
    border: 3px solid #2c2c2c;
    background: #fff;
    color: #2c2c2c;
}
.tooltipster-noir .tooltipster-content {
    font-family: 'Georgia', serif;
    font-size: 14px;
    line-height: 16px;
    padding: 3px 4px;
}

.tooltipster-punk {
    border-radius: 5px; 
    border-bottom: 3px solid #f71169;
    background: #2a2a2a;
    color: #fff;
}
.tooltipster-punk .tooltipster-content {
    font-family: 'Courier', monospace;
    font-size: 14px;
    line-height: 16px;
    padding: 3px 4px;
}

/*! fancyBox v2.1.4 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
	padding: 0;
	margin: 0;
	border: 0;
	outline: none;
	vertical-align: top;
}

.fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8020;
}

.fancybox-skin {
	position: relative;
	background: #f9f9f9;
	color: #444;
	text-shadow: none;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;
}

.fancybox-opened {
	z-index: 8030;
}

.fancybox-opened .fancybox-skin {
	-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	   -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer, .fancybox-inner {
	position: relative;
}

.fancybox-inner {
	overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
	-webkit-overflow-scrolling: touch;
}

.fancybox-error {
	color: #444;
	font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	margin: 0;
	padding: 15px;
	white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
	display: block;
	width: 100%;
	height: 100%;
}

.fancybox-image {
	max-width: 100%;
	max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
	background-image: url('https://ftn-master.dev.ftn.co.za/skin/frontend/rwd/default/js/amasty/plugins/fancybox/fancybox_sprite.png');
}

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -22px;
	margin-left: -22px;
	background-position: 0 -108px;
	opacity: 0.8;
	cursor: pointer;
	z-index: 8060;
}

#fancybox-loading div {
	width: 44px;
	height: 44px;
	background: url('https://ftn-master.dev.ftn.co.za/skin/frontend/rwd/default/js/amasty/plugins/fancybox/fancybox_loading.gif') center center no-repeat;
}

.fancybox-close {
	position: absolute;
	top: -18px;
	right: -18px;
	width: 36px;
	height: 36px;
	cursor: pointer;
	z-index: 8040;
}

.fancybox-nav {
	position: absolute;
	top: 0;
	width: 40%;
	height: 100%;
	cursor: pointer;
	text-decoration: none;
	background: transparent url('https://ftn-master.dev.ftn.co.za/skin/frontend/rwd/default/js/amasty/plugins/fancybox/blank.gif'); /* helps IE */
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	z-index: 8040;
}

.fancybox-prev {
	left: 0;
}

.fancybox-next {
	right: 0;
}

.fancybox-nav span {
	position: absolute;
	top: 50%;
	width: 36px;
	height: 34px;
	margin-top: -18px;
	cursor: pointer;
	z-index: 8040;
	visibility: hidden;
}

.fancybox-prev span {
	left: 10px;
	background-position: 0 -36px;
}

.fancybox-next span {
	right: 10px;
	background-position: 0 -72px;
}

.fancybox-nav:hover span {
	visibility: visible;
}

.fancybox-tmp {
	position: absolute;
	top: -99999px;
	left: -99999px;
	visibility: hidden;
	max-width: 99999px;
	max-height: 99999px;
	overflow: visible !important;
}

/* Overlay helper */

.fancybox-lock {
	overflow: hidden;
}

.fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 8010;
	background: url('https://ftn-master.dev.ftn.co.za/skin/frontend/rwd/default/js/amasty/plugins/fancybox/fancybox_overlay.png');
}

.fancybox-overlay-fixed {
	position: fixed;
	bottom: 0;
	right: 0;
}

.fancybox-lock .fancybox-overlay {
	overflow: auto;
	overflow-y: scroll;
}

/* Title helper */

.fancybox-title {
	visibility: hidden;
	font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	position: relative;
	text-shadow: none;
	z-index: 8050;
}

.fancybox-opened .fancybox-title {
	visibility: visible;
}

.fancybox-title-float-wrap {
	position: absolute;
	bottom: 0;
	right: 50%;
	margin-bottom: -35px;
	z-index: 8050;
	text-align: center;
}

.fancybox-title-float-wrap .child {
	display: inline-block;
	margin-right: -100%;
	padding: 2px 20px;
	background: transparent; /* Fallback for web browsers that doesn't support RGBa */
	background: rgba(0, 0, 0, 0.8);
	-webkit-border-radius: 15px;
	   -moz-border-radius: 15px;
	        border-radius: 15px;
	text-shadow: 0 1px 2px #222;
	color: #FFF;
	font-weight: bold;
	line-height: 24px;
	white-space: nowrap;
}

.fancybox-title-outside-wrap {
	position: relative;
	margin-top: 10px;
	color: #fff;
}

.fancybox-title-inside-wrap {
	padding-top: 10px;
}

.fancybox-title-over-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	padding: 10px;
	background: #000;
	background: rgba(0, 0, 0, .8);
}

/* fancybox-thumbs */

#fancybox-thumbs {
	position: fixed;
	left: 0;
	width: 100%;
	overflow: hidden;
	z-index: 8050;
}

#fancybox-thumbs.bottom {
	bottom: 2px;
}

#fancybox-thumbs.top {
	top: 2px;
}

#fancybox-thumbs ul {
	position: relative;
	list-style: none;
	margin: 0;
	padding: 0;
}

#fancybox-thumbs ul li {
	float: left;
	padding: 1px;
	opacity: 0.5;
}

#fancybox-thumbs ul li.active {
	opacity: 0.75;
	padding: 0;
	border: 1px solid #fff;
}

#fancybox-thumbs ul li:hover {
	opacity: 1;
}

#fancybox-thumbs ul li a {
	display: block;
	position: relative;
	overflow: hidden;
	border: 1px solid #222;
	background: #111;
	outline: none;
}

#fancybox-thumbs ul li img {
	display: block;
	position: relative;
	border: 0;
	padding: 0;
}

.ampromo-label{
    float: right;
    position: absolute;
    z-index: 500;
}

.ampromo-gift .product-image{
    float: left;
}

.ampromo-gift li{
    margin: 10px 10px;
    float: left;
}

.ampromo-product-name{
    font-weight: bold;
}

.add-to-cart-wrapper .product-options {
    margin-bottom: 10px;
}

.ampromo-label{
    float: right;
    position: absolute;
    z-index: 1;
}
/*
    Document   : referfriend
    Created on : Aug 9, 2013, 9:19:32 AM
    Author     : Hai
    Description:
        Purpose of the stylesheet follows.
*/
.rewardpoints-referfriend-dialog-refer .top,
.rewardpoints-referfriend-dialog-refer .bot{
    display: none;
}
.rewardpoints-referfriend-dialog-refer .dialog_e,
.rewardpoints-referfriend-dialog-refer .dialog_w {
	width: 0;
}
#rewardpoints-referfriends-popup{
    background-color: #ffffff;
}
.rewardpoints-referfriend-dialog-refer .dialog_close{
    display: none;
}
.rewardpointsreferfriends-index-index .my-account {
    background: url("https://ftn-master.dev.ftn.co.za/skin/frontend/rwd/ftn/images/refer-background-2020.jpg") no-repeat 0 0 transparent;
    display: table;
    width: 100%;
    padding: 15px;
    margin-bottom: 15px;
}
@media (max-width: 769px) {
    .rewardpointsreferfriends-index-index .my-account {
        background: none;
        padding: 0;
    }
}
.rewardpointsreferfriends-index-index .page-title h1,
.rewardpointsreferfriends-index-index .page-title h2 {
    background: none;
}
.referfriends-title{
    background: url("https://ftn-master.dev.ftn.co.za/skin/frontend/rwd/ftn/images/bg-header2.gif") no-repeat scroll 0 0 transparent;
    height: 81px;
    padding: 0 40px;
}
.referfriends-title h2{
    color: #525252;
    padding-top: 41px;
    font-size: 25px;
}
.referfriends-title a{
    position: absolute;
    top: 20px;
    right: 40px;
    font-size: 15px;
    color: #e26703;
    text-decoration: none;
}
.referfriends-title a:hover{
    text-decoration: underline;
}
.referfriends-body-refer{
    background: url("https://ftn-master.dev.ftn.co.za/skin/frontend/rwd/ftn/images/bg-referfriend.png") repeat scroll 0 0 transparent;
	border: 1px solid #d5d5d5;
    margin: 0;
    padding: 26px 32px 22px;
    height: 392px;
    font-size: 18px;
    color: #373737;
}


.referfriends-body-refer h3{
	color: #df543d;
}

.referfriends-body-refer h3 .price{font-weight: bold;}
.referfriends-body-refer .price{
	color: #2f7eb5;
	font-weight: normal;
}
.offer-contact p,
.offer-question p{
	font-size: 16px;
}
.referfriends-body{
    background: url("https://ftn-master.dev.ftn.co.za/skin/frontend/rwd/ftn/images/bg-body-box.gif") repeat-y scroll 0 0 transparent;
    margin: 0;
    padding: 10px 40px;
    padding-bottom: 0 !important;
    height: 392px;
    font-size: 13px;
    color: #454545;
}
.referfriends-body-left{
    float:left;
    width: 350px;
}
.referfriends-body-left-description{
    margin-bottom: 10px;
}
.referfriends-body-left-earn{
    height: 80px;
}
.referfriends-body-left-product-title h3{
    font-size: 18px;
    font-weight: nomal;
    color: #e26703;
}
.referfriends-body-right{
    float: left;
    width: 230px;
    margin-left: 20px;
}
.referfriends-body-right-ul li.referfriends-sharelink{
    padding: 4px 1px 4px 60px;
    background: url('https://ftn-master.dev.ftn.co.za/skin/frontend/rwd/ftn/images/share.png') no-repeat left center;
    height: 60px;
    color: #454545;
    font-size: 18px;
    font-weight: normal;
}
.referfriends-body-right-ul li.referfriends-sharelink .share-link-url{
    padding: 4px;
}
.referfriends-body-right-ul li.referfriends-sharefacebook{
    height: 60px;
}
.referfriends-body-right-ul li.referfriends-sharefacebook a{
    height: 43px;
    padding: 13px 1px 4px 60px;
    background: url('https://ftn-master.dev.ftn.co.za/skin/frontend/rwd/ftn/images/facebook.png') no-repeat left center;
}
.referfriends-body-right-ul li.referfriends-sharetwitter{
    height: 60px;
}
.referfriends-body-right-ul li.referfriends-sharetwitter a{
    height: 43px;
    padding: 13px 1px 4px 60px;
    background: url('https://ftn-master.dev.ftn.co.za/skin/frontend/rwd/ftn/images/twitter.png') no-repeat left center;
}
.referfriends-body-right-ul li.referfriends-sharegoogleplus{
    height: 60px;
}
.referfriends-body-right-ul li.referfriends-sharegoogleplus a{
    height: 43px;
    padding: 13px 1px 4px 60px;
    background: url('https://ftn-master.dev.ftn.co.za/skin/frontend/rwd/ftn/images/google.png') no-repeat left center;
}
.referfriends-body-right-ul li.referfriends-shareemail{
    height: 60px;
}
.referfriends-body-right-ul li.referfriends-shareemail a{
    height: 43px;
    padding: 13px 1px 4px 60px;
    background: url('https://ftn-master.dev.ftn.co.za/skin/frontend/rwd/ftn/images/sendmail.png') no-repeat left center;
}
.referfriends-body-right-ul li{
    height: 52px;
}
.referfriends-body-right-ul li a{
    color: #454545;
    font-size: 18px;
    font-weight: normal;
    position: absolute;
    text-decoration: none;
}
.referfriends-bottom{
    background: url("https://ftn-master.dev.ftn.co.za/skin/frontend/rwd/ftn/images/bg-bottom.gif") no-repeat scroll 0 0 transparent;
    height: 17px;
}


.rewardpointsreferfriends-dashboard-left{
    width: 58%;
}
.rewardpointsreferfriends-dashboard-right{
    display: table;
    background-color: #ffffff;
    margin: 0 auto;
}
.rewardpointsreferfriends-block-content-share{
    padding-left: 8px !important;
}
.box-referfriends-content .box-head h2 {
    background: url("https://ftn-master.dev.ftn.co.za/skin/frontend/rwd/ftn/images/icon-links.png") no-repeat scroll left center transparent;
	float: left;
	width: 100%;
	padding: 5px 0;
	text-indent: 25px;
        text-align: left;
}
.rewardpointsreferfriend-box-url .refer-content{
    padding: 4px 1px 0px 60px;
    background: url('https://ftn-master.dev.ftn.co.za/skin/frontend/rwd/ftn/images/share.png') no-repeat left center;
    height: 60px;
    color: #454545;
    font-size: 18px;
    font-weight: normal;
    margin: 0 5px;
}
.rewardpointsreferfriend-box-url .refer-content input{
    width: 100%;
}
.refer-sharing-box-content{
    background: #ffffff !important;
    padding: 8px !important;
    margin: 0 !important;
    text-align: justify !important;
}
.info-summary-special-offer p{
    text-align: justify;
}
.info-summary-special-offer img{
    max-width: 100%;
}
h2.email-logo{
    background: url('https://ftn-master.dev.ftn.co.za/skin/frontend/rwd/ftn/images/email-color.png') no-repeat;
}
strong.special-title-offer{
    background: url('https://ftn-master.dev.ftn.co.za/skin/frontend/rwd/ftn/images/i_ma-reviews.gif') no-repeat;
    padding-left: 20px
}
div.info-summary-special-offer{
    padding-bottom: 15px;
}
div.info-summary-special-offer p{
    padding-bottom: 0px;
    margin-bottom: 5px;
}

#rewardpoints-referfriends-landing{
	text-align: center;
}
#rewardpoints-referfriends-landing p{
    margin: 0;
}
.referfriends-body-offer-detail-description{
    font-size: 16px;
}
.parent-body-offer{
    height: auto;
}
.referfriends-body-offer-detail{
    margin-bottom: 20px;
	text-align: left;
}
.referfriends-body-offer{
    min-height: 100px;
}
.offer-howto{
	overflow: hidden;
	margin: 20px 0 20px 0;
	text-align: left;
}

.offer-howto h3{
	font-size: 18px;
}

.offer-howto .offer-question{
    float: left;
    margin-right: 21px;
    width: 48%;
}


.btn-start-shopping {

}
.offer-contact{
    width: 280px;
    float: left;
}


.offer-proceed{
    font-size: 16px;
    font-weight: bold;
    height: 30px;
    text-align: center;
}



/* Refer a Friend */
.allow .step-title {
        cursor: pointer;
}

 .allow .step-title:hover{
        background: #F9F3E3;
}

 .allow .step-title:hover .number{
        background: #F18200;
        border-color: #F19900;
        color: #FFF;
}

 .allow .step-title:hover h2{
        color: #F18200;
}

 .step,  p.box-content{
        padding: 8px;
}

 .form-list textarea{
        width: 100%;
        height: 100px;
}

 .step-title span.logo{
        width: 16px;
        height: 16px;
        margin-right: 4px;
        border: none;
}

/* Personal */
 #input-personal-url{
        width: 219px;
        float: right;
}
 #input-personal-url #personal_url{
        width: 215px;
}
 #personal_referfriends_url{
        width: 327px;
        text-align: center;
}

/* Email */
 .step-title h2.email-logo{
        background: url("https://ftn-master.dev.ftn.co.za/skin/frontend/rwd/ftn/images/email-grayscale.png") no-repeat scroll 5px -2px / 20px 20px;
}
 .active .step-title h2.email-logo, #referfriends-opc-email .step-title:hover h2.logo{
        background: url("https://ftn-master.dev.ftn.co.za/skin/frontend/rwd/ftn/images/email-color.png") no-repeat scroll 5px -2px / 20px 20px;
}
.rewardpointsreferfriends-dashboard-right .opc .section .step-title {border-top: 1px solid #ececec;}
.rewardpointsreferfriends-dashboard-right .opc .section .step-title h2 {margin:0px; line-height: 1px;padding: 8px 0px 8px 90px;}
.rewardpointsreferfriends-dashboard-right .opc .section .step-title .logo {max-width: 0px; min-height: 0px;margin-top: 5px;height: 5px !important;}
.rewardpointsreferfriends-dashboard-right ol.opc.referfriends-opc {border-bottom: 1px solid #ececec;margin-bottom:20px;}
.google-plus-share a img{float: left;margin-right: 33px}
/* Google */
 .step-title h2.google-logo{
        background: url("https://ftn-master.dev.ftn.co.za/skin/frontend/rwd/ftn/images/gplus-grayscale.png") no-repeat scroll 5px 0 / 18px 18px;
}
 .active .step-title h2.google-logo, #referfriends-opc-google .step-title:hover h2.logo{
        background: url("https://ftn-master.dev.ftn.co.za/skin/frontend/rwd/ftn/images/gplus-color.png") no-repeat scroll 5px 0/ 18px 18px;
}

/* Facebook */
 .step-title h2.facebook-logo{
        background: url("https://ftn-master.dev.ftn.co.za/skin/frontend/rwd/ftn/images/facebook-grayscale.png") no-repeat scroll 5px -1px / 20px 20px;
}
 .active .step-title h2.facebook-logo, #referfriends-opc-facebook .step-title:hover h2.logo{
        background: url("https://ftn-master.dev.ftn.co.za/skin/frontend/rwd/ftn/images/facebook-color.png") no-repeat scroll 5px -1px / 20px 20px;
}

/* Tweeter */
 .step-title h2.twitter-logo{
        background: url("https://ftn-master.dev.ftn.co.za/skin/frontend/rwd/ftn/images/tweet.png") no-repeat scroll -26px -27px / 53px 45px;
}
 .active .step-title h2.twitter-logo, #referfriends-opc-twitter .step-title:hover h2.logo{
        background: url("https://ftn-master.dev.ftn.co.za/skin/frontend/rwd/ftn/images/tweet.png") no-repeat scroll -25px 1px / 53px 45px
}

 .tweeter h2.h2{
        -webkit-border-radius: 3px;
        border: #CCC solid 1px;
        padding: 2px;
        -moz-border-radius: 3px; border-radius: 3px;
        background-image: -moz-linear-gradient(top, white, #DEDEDE);
        background-image: -webkit-gradient(linear, left top, left bottom, from(white), to(#DEDEDE));
        background-image: -ms-linear-gradient(top, white, #DEDEDE);
        background-image: linear-gradient(top, white, #DEDEDE);
        background-image: -o-linear-gradient(top, white, #DEDEDE);
}
 button.tweeter h2.h2 h2{
        background: url('https://ftn-master.dev.ftn.co.za/skin/frontend/rwd/ftn/images/tweet.png') no-repeat -26px 3px;
        padding: 0px 3px 0px 24px;
        color: #1E7EC8;
        margin-left: 2px;
}


 .buttons-set{
        padding-top: 7px;
        border-top: 0px;
        margin-top: 0px;
}

 .referfriends-opc li{
        margin-bottom: 0px;
        border-bottom: none;
}
.referfriends-opc .step{
    padding: 5px;
}
.referfriends-opc .allow .step-title {
    border-bottom: none;
    padding: 4px 8px 6px;
}


/*Fix*/
.action-shopping{
	text-align:center;
}
a.btn-start-shopping { overflow:visible; width:auto; border:0; padding:0; margin:0; background:transparent; cursor:pointer; display:inline-block; }
a.btn-start-shopping span {
	background: url("https://ftn-master.dev.ftn.co.za/skin/frontend/rwd/ftn/images/btn_shopping.png") no-repeat scroll top left transparent;
	float: left;
	font-family: Arial;
	font-size: 16px;
	color:white;
	font-weight: bold;
	height: 34px;
	line-height: 34px;
	padding-left: 5px;
	position: relative;
	text-align: center;
	white-space: nowrap;
}
a.btn-start-shopping span span {
	background-position: 100% 0;
	padding:0 40px 0 22px;
}
.referfriends-title a img{
    position: absolute;
    top: 20px;
    right: 40px;
}
.box-rewardpointsreferfriends-history {
    clear: both;
}
/**
 * Magestore
 * 
 * NOTICE OF LICENSE
 * 
 * This source file is subject to the Magestore.com license that is
 * available through the world-wide-web at this URL:
 * http://www.magestore.com/license-agreement.html
 * 
 * DISCLAIMER
 * 
 * Do not edit or add to this file if you wish to upgrade this extension to newer
 * version in the future.
 * 
 * @category    Magestore
 * @package     Magestore_RewardPointsRule
 * @copyright   Copyright (c) 2012 Magestore (http://www.magestore.com/)
 * @license     http://www.magestore.com/license-agreement.html
 */

/* ============ Reward Points Rule Stylesheets ============ */

/*************** Product Page ***************/
.rewardpoints-product-rule {overflow: hidden;padding:0px 0px 15px 0px;}
.rewardpoints-product-rule select.input-select {max-width: 232px;}

/*************** Checkout Cart Item ***************/
.reward-points-spending .label, .reward-points-earning .label { color: #1e7ec8; font-weight: bold; }
.reward-points-spending .content { padding-left: 6px;}


/****************my Reward policy*************/
.rewardpointsrule-rule-name-policy { color: #3182be; font-style: italic;}
.rewardpointsrule-rule-date-policy {}
/******product list******/
.earning-product-list { font-size: 0.9em; clear: both; margin-bottom: 0.9em }

/*Rule*/
.webpos-dialog-item-rule .top, 
.webpos-dialog-item-rule .bot{
    display: none;
}
.webpos-dialog-item-rule .dialog_e,
.webpos-dialog-item-rule .dialog_w {
	width: 0;	
}
.webpos-dialog-item-rule .dialog_content{
    background-color: transparent;
}
.webpos-spend-points{
    background-color: #f6f6f6;
    border: 2px solid rgb(196, 193, 188);
}
.webpos-dialog-item-rule .dialog_close{
    display: none;
}
.webpos-rule-title{     
/*    height: 25px;	*/
    padding: 10px 10px 15px 10px;
    background-color: #FFF4E9;
    color: #1e7ec8;
    font-size: 13px;
    font-weight: bold
}
.webpos-spend-points a:hover{
    text-decoration: underline;
}
.webpos-spend-points * {
    font-size: 12px !important;
}
.webpos-rule-body{
    margin: 0;
    padding: 10px;
    height: 115px;
    font-size: 13px;
    color: #454545;
}
.webpos-rule-foot{
/*    height: 20px;	*/
    padding: 10px;
/*    background-color: rgb(255, 250, 218);*/
    position: absolute;
    bottom: 45px;
    right: 10px;
}

.webpos-rewardpoints-slider-container {}
.webpos-rewardpoints-slider { position: relative; z-index: 9; height: 18px; margin: 12px auto 18px; padding: 0 24px; cursor: pointer; /*width: 209px;*/ float: left;}
.webpos-rewardpoints-slider-zoom-out { position: absolute; left: 1px; top: 0px;}
.webpos-rewardpoints-track { position: relative; width: 209px; height: 18px; background: url('https://ftn-master.dev.ftn.co.za/skin/frontend/base/default/css/magestore/images/reward_rule.gif') -1px 0px repeat-x;}
.webpos-rewardpoints-handle { position: absolute; top: -1px; width: 9px; height: 22px; background: url('https://ftn-master.dev.ftn.co.za/skin/frontend/base/default/css/magestore/images/magnifier_handle.gif') 0 0 no-repeat;}
.webpos-rewardpoints-slider-zoom-in { position: absolute; right: 1px; top: 0px;}

.webpos-rewardpoints-login-msg, .webpos-rewardpoints-needmore-msg { clear:both; min-height:13px; margin:3px 0 0; padding-left:17px;line-height:13px; background:url('https://ftn-master.dev.ftn.co.za/skin/frontend/base/default/css/magestore/images/validation_advice_bg.gif') 2px 0 no-repeat; color:#eb340a;}

.webpos-rewardpoints-needmore-points { font-size: 13px; font-weight: bold;}


/* ============ Show Rule Page Checkout ============ */
.rule-info{
	background-color: #f4f4f4;
   	border: 1px solid #cccccc;
   	padding-bottom: 10px;
   	margin-bottom:10px;
}
	
.rule-description > li{
	font-size: 0.95em;
    min-height: 23px;
    padding: 8px 8px 2px 32px;
}

.rule-description li.rule-used .rule-name{
	font-weight: bold;
}
.rule-description li.rule-used{
	color: #3d6611;
	background: url("https://ftn-master.dev.ftn.co.za/skin/frontend/base/default/css/magestore/images/rule_used_icon.gif") no-repeat scroll 10px 10px; 
}

.rule-description li.rule-notused{
	background: url("https://ftn-master.dev.ftn.co.za/skin/frontend/base/default/css/magestore/images/rule_notused_icon.gif") no-repeat scroll 10px 10px; 
}

.rule-description li.rule-notused a{
	color: #656565;
}

.rule-description li a.rule-link-title.active span.rule-name{
	background: rgba(0, 0, 0, 0) url("https://ftn-master.dev.ftn.co.za/skin/frontend/base/default/css/magestore/images/bottomup.png") no-repeat scroll right center;
	padding-right: 15px;
}
.rule-description li a.rule-link-title span.rule-name{
	background: rgba(0, 0, 0, 0) url("https://ftn-master.dev.ftn.co.za/skin/frontend/base/default/css/magestore/images/dropdown.png") no-repeat scroll right center;
	padding-right: 15px;
}

.rule-title{
	background: #4ab0e3 none repeat scroll 0 0;
    height: 30px;
}

.rule-title span{
	background: #5cc2f5 none repeat scroll 0 0;
    display: block;
    float: left;
    height: 100%;
    width: 40px;
}

.rule-title img{
	display: inline-block; left: 10px;
    position: relative;
    top: 5px;
}

.rule-title h2{
	color: #fff;
    font-size: 14px;
    font-weight: bold;
    line-height: 32px;
    text-indent: 15px;
}

/**
 * Silvertree_CalendarView extension
 *
 * NOTICE OF LICENSE
 *
 * Private Proprietary Software
 *
 * @category       Silvertree
 * @package        CalendarView
 * @copyright      2017 Silvertree Capital
 * @license        Private Proprietary Software
 * @author         Christiaan Raubenheimer <chris@silvertree.holdings>
 */
div.calendar {
    font-size: smaller;
    color: #000;
    z-index: 5;
    width: 217px;
}

div.calendar.popup {
    margin-left: -40px;
    margin-top: -100px;
}

div.calendar table {
    background-color: #eee;
    border: 1px solid #aaa;
    border-collapse: collapse;
}

div.calendar thead {
    background-color: white;
}

div.calendar td,
div.calendar th {
    padding: 3px;
    text-align: center;
}

div.calendar td.title {
    font-weight: bold;
}

div.calendar th {
    background: #ddd;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
    font-weight: bold;
    color: #555;
}

div.calendar tr.days td {
    width: 2em;
    color: #555;
    text-align: center;
    cursor: pointer;
}

div.calendar tr.days td:hover,
div.calendar td.cvbutton:hover {
    background-color: #34ABFA;
    cursor: pointer;
}

div.calendar tr td.closeButton:hover {
    background-color: #34ABFA;
    cursor: pointer;
}

div.calendar tr.days td:active
div.calendar td.cvbutton:active {
    background-color: #cde;
}

div.calendar tr.days td.selected {
    font-weight: bold;
    background-color: #fff;
    color: #000;
}

div.calendar tr.days td.today {
    font-weight: bold;
    color: #D50000;
}

div.calendar tr.days td.otherDay {
    color: #bbb;
}

div.calendar tr.days td.disabled,
div.calendar tr.days td.disabled:hover {
    background-color: initial;
    color: #bbb;
    cursor: default;
    text-shadow: 1px 1px 0 white;
}

div.calendar .draggableHandler {
    cursor: move;
}

/*  styles for the date_picker Rails plugin */
span.date_picker a.date_label {
    margin-left: 5px;
    margin-right: 5px;
    text-decoration: none;
}

span.date_picker a.date_label:hover {
    text-decoration: line-through;
}

span.date_picker span.trigger:hover {
    cursor: pointer;
}
/*
 * Copyright © 2016 Silvertree Internet Holdings. All rights reserved.
 */

#product_addtocart_form div.product-alerts div.modal-body div.messages {
    margin-top: 15px;
    display: none;
}

#product_addtocart_form .product-shop .details-info .product-alerts .modal-body label {
    padding-right: 20px;
}

#product_addtocart_form div.product-alerts div.modal-body div.messages p {
    padding-left: 15px;
    text-align: left;
    height: 20px;
}

#product_addtocart_form div.product-alerts div.modal-content {
    width: 100%;
}

.stock-alert-form .modal-dialog {
    display: flex;
}

.stock-alert-form-button {
    clear: both;
    background: #c3d600;
    border: 1px solid #ebebeb;
    color: #fff;
    width: 20%;
}

.stock-alert-form-button:hover, .stock-alert-form-button:visited, .stock-alert-form-button:focus {
    color: #fff;
}

.stock-alert-email {
    float: right;
}

.stock-alert-loader,
.stock-alert-loader:before,
.stock-alert-loader:after {
    border-radius: 50%;
    width: 2.5em;
    height: 2.5em;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation: load-stock-alert-loader 1.8s infinite ease-in-out;
    animation: load-stock-alert-loader 1.8s infinite ease-in-out;
}

.stock-alert-loader {
    color: #c3d600;
    font-size: 10px;
    margin: 80px auto;
    position: relative;
    text-indent: -9999em;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
    position: absolute;
    top: 10%;
    right: 30%;
    display: none;
}

.stock-alert-loader:before,
.stock-alert-loader:after {
    content: '';
    position: absolute;
    top: 0;
}

.stock-alert-loader:before {
    left: -3.5em;
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s;
}

.stock-alert-loader:after {
    left: 3.5em;
}

@-webkit-keyframes load-stock-alert-loader {
    0%,
    80%,
    100% {
        box-shadow: 0 2.5em 0 -1.3em;
    }
    40% {
        box-shadow: 0 2.5em 0 0;
    }
}

@keyframes load-stock-alert-loader {
    0%,
    80%,
    100% {
        box-shadow: 0 2.5em 0 -1.3em;
    }
    40% {
        box-shadow: 0 2.5em 0 0;
    }
}
/*!
 * Bootstrap v3.3.0 (http://getbootstrap.com)
 * Copyright 2011-2014 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */

/*! normalize.css v3.0.2 | MIT License | git.io/normalize */


.gift-card *{box-sizing: border-box;}
.gift-card button *{box-sizing: content-box;}
.gift-card .row {
    margin-right: -10px;
    margin-left: -10px;
}

.gift-card .col-xs-1,.gift-card  .col-xs-2,.gift-card  .col-xs-3,.gift-card  .col-xs-4,.gift-card  .col-xs-5,.gift-card  .col-xs-6,.gift-card  .col-xs-7,.gift-card  .col-xs-8,.gift-card  .col-xs-9,.gift-card  .col-xs-10,.gift-card  .col-xs-11,.gift-card  .col-xs-12 {
    float: left;
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
.col-xs-12 {
    width: 100%;
}
.col-xs-11 {
    width: 91.66666667%;
}
.col-xs-10 {
    width: 83.33333333%;
}
.col-xs-9 {
    width: 75%;
}
.col-xs-8 {
    width: 66.66666667%;
}
.col-xs-7 {
    width: 58.33333333%;
}
.col-xs-6 {
    width: 50%;
}
.col-xs-5 {
    width: 41.66666667%;
}
.col-xs-4 {
    width: 33.33333333%;
}
.col-xs-3 {
    width: 25%;
}
.col-xs-2 {
    width: 16.66666667%;
}
.col-xs-1 {
    width: 8.33333333%;
}
.col-xs-pull-12 {
    right: 100%;
}
.col-xs-pull-11 {
    right: 91.66666667%;
}
.col-xs-pull-10 {
    right: 83.33333333%;
}
.col-xs-pull-9 {
    right: 75%;
}
.col-xs-pull-8 {
    right: 66.66666667%;
}
.col-xs-pull-7 {
    right: 58.33333333%;
}
.col-xs-pull-6 {
    right: 50%;
}
.col-xs-pull-5 {
    right: 41.66666667%;
}
.col-xs-pull-4 {
    right: 33.33333333%;
}
.col-xs-pull-3 {
    right: 25%;
}
.col-xs-pull-2 {
    right: 16.66666667%;
}
.col-xs-pull-1 {
    right: 8.33333333%;
}
.col-xs-pull-0 {
    right: auto;
}
.col-xs-push-12 {
    left: 100%;
}
.col-xs-push-11 {
    left: 91.66666667%;
}
.col-xs-push-10 {
    left: 83.33333333%;
}
.col-xs-push-9 {
    left: 75%;
}
.col-xs-push-8 {
    left: 66.66666667%;
}
.col-xs-push-7 {
    left: 58.33333333%;
}
.col-xs-push-6 {
    left: 50%;
}
.col-xs-push-5 {
    left: 41.66666667%;
}
.col-xs-push-4 {
    left: 33.33333333%;
}
.col-xs-push-3 {
    left: 25%;
}
.col-xs-push-2 {
    left: 16.66666667%;
}
.col-xs-push-1 {
    left: 8.33333333%;
}
.col-xs-push-0 {
    left: auto;
}
.col-xs-offset-12 {
    margin-left: 100%;
}
.col-xs-offset-11 {
    margin-left: 91.66666667%;
}
.col-xs-offset-10 {
    margin-left: 83.33333333%;
}
.col-xs-offset-9 {
    margin-left: 75%;
}
.col-xs-offset-8 {
    margin-left: 66.66666667%;
}
.col-xs-offset-7 {
    margin-left: 58.33333333%;
}
.col-xs-offset-6 {
    margin-left: 50%;
}
.col-xs-offset-5 {
    margin-left: 41.66666667%;
}
.col-xs-offset-4 {
    margin-left: 33.33333333%;
}
.col-xs-offset-3 {
    margin-left: 25%;
}
.col-xs-offset-2 {
    margin-left: 16.66666667%;
}
.col-xs-offset-1 {
    margin-left: 8.33333333%;
}
.col-xs-offset-0 {
    margin-left: 0;
}
@media (min-width: 768px) {
    .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
        float: left;
    }
    .col-sm-12 {
        width: 100%;
    }
    .col-sm-11 {
        width: 91.66666667%;
    }
    .col-sm-10 {
        width: 83.33333333%;
    }
    .col-sm-9 {
        width: 75%;
    }
    .col-sm-8 {
        width: 66.66666667%;
    }
    .col-sm-7 {
        width: 58.33333333%;
    }
    .col-sm-6 {
        width: 50%;
    }
    .col-sm-5 {
        width: 41.66666667%;
    }
    .col-sm-4 {
        width: 33.33333333%;
    }
    .col-sm-3 {
        width: 25%;
    }
    .col-sm-2 {
        width: 16.66666667%;
    }
    .col-sm-1 {
        width: 8.33333333%;
    }
    .col-sm-pull-12 {
        right: 100%;
    }
    .col-sm-pull-11 {
        right: 91.66666667%;
    }
    .col-sm-pull-10 {
        right: 83.33333333%;
    }
    .col-sm-pull-9 {
        right: 75%;
    }
    .col-sm-pull-8 {
        right: 66.66666667%;
    }
    .col-sm-pull-7 {
        right: 58.33333333%;
    }
    .col-sm-pull-6 {
        right: 50%;
    }
    .col-sm-pull-5 {
        right: 41.66666667%;
    }
    .col-sm-pull-4 {
        right: 33.33333333%;
    }
    .col-sm-pull-3 {
        right: 25%;
    }
    .col-sm-pull-2 {
        right: 16.66666667%;
    }
    .col-sm-pull-1 {
        right: 8.33333333%;
    }
    .col-sm-pull-0 {
        right: auto;
    }
    .col-sm-push-12 {
        left: 100%;
    }
    .col-sm-push-11 {
        left: 91.66666667%;
    }
    .col-sm-push-10 {
        left: 83.33333333%;
    }
    .col-sm-push-9 {
        left: 75%;
    }
    .col-sm-push-8 {
        left: 66.66666667%;
    }
    .col-sm-push-7 {
        left: 58.33333333%;
    }
    .col-sm-push-6 {
        left: 50%;
    }
    .col-sm-push-5 {
        left: 41.66666667%;
    }
    .col-sm-push-4 {
        left: 33.33333333%;
    }
    .col-sm-push-3 {
        left: 25%;
    }
    .col-sm-push-2 {
        left: 16.66666667%;
    }
    .col-sm-push-1 {
        left: 8.33333333%;
    }
    .col-sm-push-0 {
        left: auto;
    }
    .col-sm-offset-12 {
        margin-left: 100%;
    }
    .col-sm-offset-11 {
        margin-left: 91.66666667%;
    }
    .col-sm-offset-10 {
        margin-left: 83.33333333%;
    }
    .col-sm-offset-9 {
        margin-left: 75%;
    }
    .col-sm-offset-8 {
        margin-left: 66.66666667%;
    }
    .col-sm-offset-7 {
        margin-left: 58.33333333%;
    }
    .col-sm-offset-6 {
        margin-left: 50%;
    }
    .col-sm-offset-5 {
        margin-left: 41.66666667%;
    }
    .col-sm-offset-4 {
        margin-left: 33.33333333%;
    }
    .col-sm-offset-3 {
        margin-left: 25%;
    }
    .col-sm-offset-2 {
        margin-left: 16.66666667%;
    }
    .col-sm-offset-1 {
        margin-left: 8.33333333%;
    }
    .col-sm-offset-0 {
        margin-left: 0;
    }
}
@media (min-width: 992px) {
    .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
        float: left;
    }
    .col-md-12 {
        width: 100%;
    }
    .col-md-11 {
        width: 91.66666667%;
    }
    .col-md-10 {
        width: 83.33333333%;
    }
    .col-md-9 {
        width: 75%;
    }
    .col-md-8 {
        width: 66.66666667%;
    }
    .col-md-7 {
        width: 58.33333333%;
    }
    .col-md-6 {
        width: 50%;
    }
    .col-md-5 {
        width: 41.66666667%;
    }
    .col-md-4 {
        width: 33.33333333%;
    }
    .col-md-3 {
        width: 25%;
    }
    .col-md-2 {
        width: 16.66666667%;
    }
    .col-md-1 {
        width: 8.33333333%;
    }
    .col-md-pull-12 {
        right: 100%;
    }
    .col-md-pull-11 {
        right: 91.66666667%;
    }
    .col-md-pull-10 {
        right: 83.33333333%;
    }
    .col-md-pull-9 {
        right: 75%;
    }
    .col-md-pull-8 {
        right: 66.66666667%;
    }
    .col-md-pull-7 {
        right: 58.33333333%;
    }
    .col-md-pull-6 {
        right: 50%;
    }
    .col-md-pull-5 {
        right: 41.66666667%;
    }
    .col-md-pull-4 {
        right: 33.33333333%;
    }
    .col-md-pull-3 {
        right: 25%;
    }
    .col-md-pull-2 {
        right: 16.66666667%;
    }
    .col-md-pull-1 {
        right: 8.33333333%;
    }
    .col-md-pull-0 {
        right: auto;
    }
    .col-md-push-12 {
        left: 100%;
    }
    .col-md-push-11 {
        left: 91.66666667%;
    }
    .col-md-push-10 {
        left: 83.33333333%;
    }
    .col-md-push-9 {
        left: 75%;
    }
    .col-md-push-8 {
        left: 66.66666667%;
    }
    .col-md-push-7 {
        left: 58.33333333%;
    }
    .col-md-push-6 {
        left: 50%;
    }
    .col-md-push-5 {
        left: 41.66666667%;
    }
    .col-md-push-4 {
        left: 33.33333333%;
    }
    .col-md-push-3 {
        left: 25%;
    }
    .col-md-push-2 {
        left: 16.66666667%;
    }
    .col-md-push-1 {
        left: 8.33333333%;
    }
    .col-md-push-0 {
        left: auto;
    }
    .col-md-offset-12 {
        margin-left: 100%;
    }
    .col-md-offset-11 {
        margin-left: 91.66666667%;
    }
    .col-md-offset-10 {
        margin-left: 83.33333333%;
    }
    .col-md-offset-9 {
        margin-left: 75%;
    }
    .col-md-offset-8 {
        margin-left: 66.66666667%;
    }
    .col-md-offset-7 {
        margin-left: 58.33333333%;
    }
    .col-md-offset-6 {
        margin-left: 50%;
    }
    .col-md-offset-5 {
        margin-left: 41.66666667%;
    }
    .col-md-offset-4 {
        margin-left: 33.33333333%;
    }
    .col-md-offset-3 {
        margin-left: 25%;
    }
    .col-md-offset-2 {
        margin-left: 16.66666667%;
    }
    .col-md-offset-1 {
        margin-left: 8.33333333%;
    }
    .col-md-offset-0 {
        margin-left: 0;
    }
}
@media (min-width: 1200px) {
    .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
        float: left;
    }
    .col-lg-12 {
        width: 100%;
    }
    .col-lg-11 {
        width: 91.66666667%;
    }
    .col-lg-10 {
        width: 83.33333333%;
    }
    .col-lg-9 {
        width: 75%;
    }
    .col-lg-8 {
        width: 66.66666667%;
    }
    .col-lg-7 {
        width: 58.33333333%;
    }
    .col-lg-6 {
        width: 50%;
    }
    .col-lg-5 {
        width: 41.66666667%;
    }
    .col-lg-4 {
        width: 33.33333333%;
    }
    .col-lg-3 {
        width: 25%;
    }
    .col-lg-2 {
        width: 16.66666667%;
    }
    .col-lg-1 {
        width: 8.33333333%;
    }
    .col-lg-pull-12 {
        right: 100%;
    }
    .col-lg-pull-11 {
        right: 91.66666667%;
    }
    .col-lg-pull-10 {
        right: 83.33333333%;
    }
    .col-lg-pull-9 {
        right: 75%;
    }
    .col-lg-pull-8 {
        right: 66.66666667%;
    }
    .col-lg-pull-7 {
        right: 58.33333333%;
    }
    .col-lg-pull-6 {
        right: 50%;
    }
    .col-lg-pull-5 {
        right: 41.66666667%;
    }
    .col-lg-pull-4 {
        right: 33.33333333%;
    }
    .col-lg-pull-3 {
        right: 25%;
    }
    .col-lg-pull-2 {
        right: 16.66666667%;
    }
    .col-lg-pull-1 {
        right: 8.33333333%;
    }
    .col-lg-pull-0 {
        right: auto;
    }
    .col-lg-push-12 {
        left: 100%;
    }
    .col-lg-push-11 {
        left: 91.66666667%;
    }
    .col-lg-push-10 {
        left: 83.33333333%;
    }
    .col-lg-push-9 {
        left: 75%;
    }
    .col-lg-push-8 {
        left: 66.66666667%;
    }
    .col-lg-push-7 {
        left: 58.33333333%;
    }
    .col-lg-push-6 {
        left: 50%;
    }
    .col-lg-push-5 {
        left: 41.66666667%;
    }
    .col-lg-push-4 {
        left: 33.33333333%;
    }
    .col-lg-push-3 {
        left: 25%;
    }
    .col-lg-push-2 {
        left: 16.66666667%;
    }
    .col-lg-push-1 {
        left: 8.33333333%;
    }
    .col-lg-push-0 {
        left: auto;
    }
    .col-lg-offset-12 {
        margin-left: 100%;
    }
    .col-lg-offset-11 {
        margin-left: 91.66666667%;
    }
    .col-lg-offset-10 {
        margin-left: 83.33333333%;
    }
    .col-lg-offset-9 {
        margin-left: 75%;
    }
    .col-lg-offset-8 {
        margin-left: 66.66666667%;
    }
    .col-lg-offset-7 {
        margin-left: 58.33333333%;
    }
    .col-lg-offset-6 {
        margin-left: 50%;
    }
    .col-lg-offset-5 {
        margin-left: 41.66666667%;
    }
    .col-lg-offset-4 {
        margin-left: 33.33333333%;
    }
    .col-lg-offset-3 {
        margin-left: 25%;
    }
    .col-lg-offset-2 {
        margin-left: 16.66666667%;
    }
    .col-lg-offset-1 {
        margin-left: 8.33333333%;
    }
    .col-lg-offset-0 {
        margin-left: 0;
    }
}
table {
    background-color: transparent;
}
caption {
    padding-top: 8px;
    padding-bottom: 8px;
    color: #777;
    text-align: left;
}
.gift-card .table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
}
.gift-card .table > thead > tr > th,
.gift-card .table > tbody > tr > th,
.gift-card .table > tfoot > tr > th,
.gift-card .table > thead > tr > td,
.gift-card .table > tbody > tr > td,
.gift-card .table > tfoot > tr > td {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #ddd;
}
.gift-card .table > thead > tr > th {
    vertical-align: middle;
    border-bottom: 2px solid #ddd;
}
.gift-card .table > caption + thead > tr:first-child > th,
.gift-card .table > colgroup + thead > tr:first-child > th,
.gift-card .table > thead:first-child > tr:first-child > th,
.gift-card .table > caption + thead > tr:first-child > td,
.gift-card .table > colgroup + thead > tr:first-child > td,
.gift-card .table > thead:first-child > tr:first-child > td {
    border-top: 0;
}
.gift-card .table > tbody + tbody {
    border-top: 2px solid #ddd;
}
.gift-card .table .table {
    background-color: #fff;
}
.gift-card .table-condensed > thead > tr > th,
.gift-card .table-condensed > tbody > tr > th,
.gift-card .table-condensed > tfoot > tr > th,
.gift-card .table-condensed > thead > tr > td,
.gift-card .table-condensed > tbody > tr > td,
.gift-card .table-condensed > tfoot > tr > td {
    padding: 5px;
}
.gift-card .table-bordered {
    border: 1px solid #ddd;
}
.gift-card .table-bordered > thead > tr > th,
.gift-card .table-bordered > tbody > tr > th,
.gift-card .table-bordered > tfoot > tr > th,
.gift-card .table-bordered > thead > tr > td,
.gift-card .table-bordered > tbody > tr > td,
.gift-card .table-bordered > tfoot > tr > td {
    border: 1px solid #ddd;
}
.gift-card .table-bordered > thead > tr > th,
.gift-card .table-bordered > thead > tr > td {
    border-bottom-width: 2px;
}
.gift-card .table-striped > tbody > tr:nth-child(odd) {
    background-color: #f9f9f9;
}
.gift-card .table-hover > tbody > tr:hover {
    background-color: #f5f5f5;
}
.gift-card table col[class*="col-"] {
    position: static;
    display: table-column;
    float: none;
}
.gift-card table td[class*="col-"],
.gift-card table th[class*="col-"] {
    position: static;
    display: table-cell;
    float: none;
}

.gift-card .table-responsive {
    min-height: .01%;
    overflow-x: auto;
}
@media screen and (max-width: 767px) {
    .gift-card .table-responsive {
        width: 100%;
        margin-bottom: 15px;
        overflow-y: hidden;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        border: 1px solid #ddd;
    }
    .gift-card .table-responsive > .table {
        margin-bottom: 0;
    }
    .table-responsive > .table > thead > tr > th,
    .table-responsive > .table > tbody > tr > th,
    .table-responsive > .table > tfoot > tr > th,
    .table-responsive > .table > thead > tr > td,
    .table-responsive > .table > tbody > tr > td,
    .table-responsive > .table > tfoot > tr > td {
        white-space: nowrap;
    }
    .gift-card .table-responsive > .table-bordered {
        border: 0;
    }
    .gift-card .table-responsive > .table-bordered > thead > tr > th:first-child,
    .gift-card .table-responsive > .table-bordered > tbody > tr > th:first-child,
    .gift-card .table-responsive > .table-bordered > tfoot > tr > th:first-child,
    .gift-card .table-responsive > .table-bordered > thead > tr > td:first-child,
    .gift-card  .table-responsive > .table-bordered > tbody > tr > td:first-child,
    .gift-card  .table-responsive > .table-bordered > tfoot > tr > td:first-child {
        border-left: 0;
    }
    .gift-card  .table-responsive > .table-bordered > thead > tr > th:last-child,
    .gift-card .table-responsive > .table-bordered > tbody > tr > th:last-child,
    .gift-card .table-responsive > .table-bordered > tfoot > tr > th:last-child,
    .gift-card  .table-responsive > .table-bordered > thead > tr > td:last-child,
    .gift-card .table-responsive > .table-bordered > tbody > tr > td:last-child,
    .gift-card  .table-responsive > .table-bordered > tfoot > tr > td:last-child {
        border-right: 0;
    }
    .gift-card  .table-responsive > .table-bordered > tbody > tr:last-child > th,
    .gift-card  .table-responsive > .table-bordered > tfoot > tr:last-child > th,
    .gift-card  .table-responsive > .table-bordered > tbody > tr:last-child > td,
    .gift-card  .table-responsive > .table-bordered > tfoot > tr:last-child > td {
        border-bottom: 0;
    }
}


.gift-card input[type="search"] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.gift-card input[type="radio"],
.gift-card input[type="checkbox"] {
    margin: 3px 0 0;
    margin-top: 1px \9;
    line-height: normal;
}
.gift-card input[type="file"] {
    display: block;
}
.gift-card input[type="range"] {
    display: block;
    width: 100%;
}
.gift-card select[multiple],
.gift-card select[size] {
    height: auto;
}
.gift-card input[type="file"]:focus,
.gift-card input[type="radio"]:focus,
.gift-card input[type="checkbox"]:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}
.gift-card output {
    display: block;
    padding-top: 7px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
}
.gift-card .form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.gift-card .form-control:focus {
    border-color: #66afe9;
    outline:none;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}
.gift-card .form-control::-moz-placeholder {
    color: #999;
    opacity: 1;
}
.gift-card .form-control:-ms-input-placeholder {
    color: #999;
}
.gift-card .form-control::-webkit-input-placeholder {
    color: #999;
}
.gift-card .form-control[disabled],
.gift-card .form-control[readonly],

.gift-card textarea.form-control {
    height: auto;
}
input[type="search"] {
    -webkit-appearance: none;
}
.gift-card input[type="date"],
.gift-card input[type="time"],
.gift-card input[type="datetime-local"],
.gift-card input[type="month"] {
    line-height: 34px;
    line-height: 1.42857143 \0;
}
.gift-card input[type="date"].input-sm,
.gift-card input[type="time"].input-sm,
.gift-card input[type="datetime-local"].input-sm,
.gift-card input[type="month"].input-sm {
    line-height: 30px;
    line-height: 1.5 \0;
}
.gift-card input[type="date"].input-lg,
.gift-card input[type="time"].input-lg,
.gift-card input[type="datetime-local"].input-lg,
.gift-card input[type="month"].input-lg {
    line-height: 46px;
    line-height: 1.33 \0;
}
_:-ms-fullscreen,
:root input[type="date"],
_:-ms-fullscreen,
:root input[type="time"],
_:-ms-fullscreen,
:root input[type="datetime-local"],
_:-ms-fullscreen,
:root input[type="month"] {
    line-height: 1.42857143;
}
_:-ms-fullscreen.input-sm,
:root input[type="date"].input-sm,
_:-ms-fullscreen.input-sm,
:root input[type="time"].input-sm,
_:-ms-fullscreen.input-sm,
:root input[type="datetime-local"].input-sm,
_:-ms-fullscreen.input-sm,
:root input[type="month"].input-sm {
    line-height: 1.5;
}
_:-ms-fullscreen.input-lg,
:root input[type="date"].input-lg,
_:-ms-fullscreen.input-lg,
:root input[type="time"].input-lg,
_:-ms-fullscreen.input-lg,
:root input[type="datetime-local"].input-lg,
_:-ms-fullscreen.input-lg,
:root input[type="month"].input-lg {
    line-height: 1.33;
}
.gift-card .form-group {
    margin-bottom: 10px;
    float:left;
    width:100%;
    text-align: left;
}
.gift-card .radio,
.gift-card .checkbox {
    position: relative;
    display: block;
    margin-top: 5px;
    margin-bottom: 5px;
}
.gift-card .radio label,
.gift-card .checkbox label {
    min-height: 20px;
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: normal;
    cursor: pointer;
}
.gift-card .radio input[type="radio"],
.gift-card .radio-inline input[type="radio"],
.gift-card .checkbox input[type="checkbox"],
.gift-card .checkbox-inline input[type="checkbox"] {
    position: absolute;
    margin-top: 4px \9;
    margin-left: -19px;
}
.radio + .radio,
.checkbox + .checkbox {
    margin-top: -5px;
}
.gift-card .radio-inline,
.gift-card .checkbox-inline {
    display: inline-block;
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: normal;
    vertical-align: middle;
    cursor: pointer;
}
.radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline {
    margin-top: 0;
    margin-left: 10px;
}
.gift-card .form-group label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700;
}
.gift-card .hide{display:none;}
.gift-card .disabled{
    opacity: 0.3;
    filter: alpha(opacity=30);
    cursor: default;
}
.gift-card .text-left {
    text-align: left;
}
.gift-card .text-right {
    text-align: right;
}
.gift-card .text-center {
    text-align: center;
}
.gift-card .text-justify {
    text-align: justify;
}
.gift-card .text-nowrap {
    white-space: nowrap;
}
.gift-card .text-lowercase {
    text-transform: lowercase;
}
.gift-card .text-uppercase {
    text-transform: uppercase;
}
.gift-card .text-capitalize {
    text-transform: capitalize;
}
/**
* Giftvoucher reward template
*/
.dialog.giftcard-preview-template-dialog{
    left: 50% !important;
    margin-left: -330px !important;    
}
.input-select.validation-failed
{
    border-color: red;
}

span#giftvoucher_wait{
    color: #2F2F2F;
}

.giftvoucher-discount-code{
    color: #008000;
}
.giftvoucher-discount-code button{
    border: medium none;
    background: none repeat scroll 0 0 transparent;
}

.giftvoucher-discount-code button:hover{
    cursor: pointer;
}

.giftvoucher-media{
    border: 2px solid #F7F9F9;
}

.giftvoucher-media .giftmedia{
    border-bottom: 2px solid #F7F9F9;
    padding: 7px;
    color: #F18200;
    font-size: 15px;
}

#giftmedia pre{
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word;
}

.giftvoucher-media .giftmedia-image{
    overflow: hidden;
    width: 265px;
    position: relative;
}

.giftvoucher-product-info .giftvoucher-amount-desc, .giftvoucher-product-info #recipient_ship_desc {
    font-size: 0.9em;
    font-style: italic;
    color: #080;
    margin-top: -5px;
}

.giftvoucher-product-info #message{
    width: 100%;
    height: 88px;
}

.giftvoucher-product-info #recipient_address{
    width: 325px;
    height: 57px;
}

.giftvoucher-product-info #recipient_email,
.giftvoucher-product-info #recipient_name,
.giftvoucher-product-info #customer_name{
    width: 100%;
}

#giftvoucher-result{
    font-size: 15px;
}

#giftvoucher-result label{
    width: 160px;
}


/* Search Grid Style */
.data-table .giftvoucher-grid-title th{
    background-image: none;
    border-bottom: 1px solid #C2D3E0;
}

.data-table .giftvoucher-grid-search th{
    vertical-align: top;
}
.data-table .giftvoucher-grid-search .giftvoucher-grid-search-item{
    padding-bottom: 2px;
}
.data-table .giftvoucher-grid-search .giftvoucher-grid-search-item .search-text{
    width: 97%;
}

.data-table .giftvoucher-grid-search .giftvoucher-grid-search-item .range-container{
    float: left;
    padding-bottom: 2px;
}
.data-table .giftvoucher-grid-search .giftvoucher-grid-search-item .data-range{
    min-width: 121px;
    min-height: 18px;
    margin-bottom: 3px;
}
.data-table .giftvoucher-grid-search .giftvoucher-grid-search-item .data-range .label{
    display: block;
    width: 36px;
    float: left;
}
.data-table .giftvoucher-grid-search .giftvoucher-grid-search-item .data-range img{
    width: 15px;
    height: 15px;
    cursor: pointer;
}
.data-table .giftvoucher-grid-search .giftvoucher-grid-search-item .data-range input.range-text{
    float: right;
    width: 50px;
    padding: 1px;
}

.data-table .giftvoucher-grid-search .giftvoucher-grid-search-item select{
    width: 100%;
}

.data-table .giftvoucher-grid-search .giftvoucher-grid-search-item .range-container .from-price,
.data-table .giftvoucher-grid-search .giftvoucher-grid-search-item .range-container .to-price{
    min-width: 100px;
}

.giftvoucher-search-button {
    padding-bottom: 5px;
    text-align: right;
}
/* End Search */
.customer-account-giftcard .balance{
    overflow: hidden; 
    margin-bottom: 10px; 
    border-bottom: 1px dotted black;
}
.customer-account-giftcard #giftvoucher_grid .gift-voucher-sent-friend{
    background-color: #F6B26B;
}
.customer-account-giftcard .account-balance{
    overflow: hidden; 
    margin-bottom: 10px; 
    border-bottom: 1px dotted black;
}
/*Hai.Tran*/
.giftcard-preview-template-dialog .top,
.giftcard-preview-template-dialog .bot{
    display: none;
}
.giftcard-preview-template-dialog .dialog_e,
.giftcard-preview-template-dialog .dialog_w {
    width: 0;	
}
.giftcard-preview-template-dialog .dialog_close{
    display: none;
}
.giftcard-preview-template-dialog .dialog_content{
    background-color: transparent !important;
    color: #2f2f2f !important;
    font: 12px/1.55 Arial, Helvetica, sans-serif;
}
.gift-active{
    border: 2px solid rgb(228,121,17) !important;
}
div.egcSwatch-arrow {
    /*    display: none;*/
    position: absolute;
    height: 11px;
    top: -2px;
    left: 1px;
    width: 100%;
    background-position: center top;
    background-repeat: no-repeat;
    clear: both;
    /*    z-index: 10;*/
    background-image: url(https://ftn-master.dev.ftn.co.za/skin/frontend/base/default/css/magestore/giftvoucher/down-arrow.png);
}
#giftcard-template-show-images:hover #giftcard-template-next{
    background-image: url(https://ftn-master.dev.ftn.co.za/skin/frontend/base/default/css/magestore/giftvoucher/arrow-slide-right.png);
}
#giftcard-template-show-images:hover #giftcard-template-prev{
    background-image: url(https://ftn-master.dev.ftn.co.za/skin/frontend/base/default/css/magestore/giftvoucher/arrow-slide-left.png);
}
/*#giftcard-template-next:hover{
    background-image: url(/../giftcard/skin/frontend/default/default/images/giftvoucher/arrow-slide-right.png);
}
#giftcard-template-prev:hover{
    background-image: url(/../giftcard/skin/frontend/default/default/images/giftvoucher/arrow-slide-left.png);
}*/
/** Media Library **/
.uploader .file-row { display: inline-block;width:315px; padding:0.3em 0.6em; /*margin:0.5em 0.6em;*/ border:1px solid #ccc; background-color:#f9f9f9; /*vertical-align:middle;*/ }
.uploader .file-row-narrow { width: auto; margin: 0 0 2px 40px; }
.uploader .file-row .file-info { float:left; }
/*.uploader .file-row .file-info-name { with: 80%; overflow: hidden; }
.uploader .file-row .file-info-size { width: 20%; }*/
.uploader .file-row-info { margin: 0 0 0 10px; }
.uploader .file-row-info .file-info-name  { font-weight:bold; }
.uploader .file-row .progress-text { float:right; font-weight:bold; }
.uploader .file-row .delete-button { float:right; }
.uploader .buttons { float:left; }
.uploader .flex { float:right; }
.uploader .progress { border:1px solid #f0e6b7; background-color:#feffcc; }
.uploader .error { border:1px solid #aa1717; background-color:#ffe6de; }
.uploader .error .progress-text { padding-right:10px; }
.uploader .complete { border:1px solid #90c898; background-color:#e5ffed; }

#amount_range{
    width: 160px;
}
#popup-giftcard{
    position: fixed;
    z-index: 10000;
    width: 600px;  
    left: 50%;
    top: 20%;
    margin-left: -300px;
    text-align: left;
}
#bg-fade{
    background: #000;
    position: absolute;
    z-index: 9999;
    width: 100%;
    min-height: 800px;
    float: left;
    top: 0;
    left: 0;
    opacity: 0.8;
    filter:alpha(opacity=80);
}

#giftvoucher-view-condition {
    float: left;
    clear:both;
}

.calendar{
    z-index: 99999;
}

.calendar .button{
    display: table-cell;
}

/* stee */
.ajax-file-upload-progress {
    width: 95% !important;
}
.ajax-file-upload-green {
    display: none !important;
}
.ajax-file-upload-abort {
    display: none !important;
}
.ajax-file-upload-statusbar {
    width: 88% !important;
}

/****************************Template 02 _ top*************************************/

#giftcard-template-top{
    overflow:hidden;
    max-height: 550px;
    font-size: 14px;
    width: 100%;
    height: 365px;
}
#giftcard-template-top .giftcard-template-content{
    margin-left:0px;
    padding: 0;
    position: relative;
}
#giftcard-template-top .giftcard-template-content-top, .giftcard-change-image-temp2{
    height: 190px;
    background-color: #FFFFFF;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
#giftcard-template-top .giftcard-template-content-temp2{
    padding-top: 0px;
    background-repeat: repeat;
    background-size: 100%
}
.logo-title.logo-title-top {
    padding-left: 15px;
    float: left;
    height: 84px;
}
.logo-title.logo-title-top img{
    float: left;
    border-radius: 0px 0px 5px 5px;
    max-height: 70px;
    background-position: 15px 0px !important;
}
.name-value-top{
    float: left;
    width: 100%;
    background: url('https://ftn-master.dev.ftn.co.za/skin/frontend/base/default/css/magestore/giftvoucher/bkg-title.png') no-repeat;
    background-size: 103% 105%;
    margin-top: 55px;
    height: 50px;
    position: absolute;
    bottom: 0;
}
.name-value-top .giftcard-title{
    float: left;
    font-size: 20px;
    font-family: 'Open Sans', sans-serif;
    margin-left: 15px;
    line-height: 48px;
    font-weight: 600;
}
#giftcard-template-top .giftcard-value{
    float: right;
    padding-left: 20px;
    background: url('https://ftn-master.dev.ftn.co.za/skin/frontend/base/default/css/magestore/giftvoucher/bkg-value.png') no-repeat left center;
    height: 50px;
}
.name-value-top .giftcard-value .giftcard-text-color{
    float: left;
    font-size: 12px;
    padding-top: 20px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
}
.name-value-top .giftcard-value .giftcard-price-change {
    float: right;
    margin-left: 15px;
    font-size: 26px;
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
}
.name-value-top .value-price span {
    margin-right: 5px;
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
    font-size: 12px;
    margin-top: -3px;
}
.name-value-top .giftcard-value .giftcard-price-change .price {
    margin-right: 10px;
    font-size: 26px;
    font-family: 'Open Sans', sans-serif;
}
.giftcard-date-top{
    width: 59%;
    float:left;
    padding-top: 10px;
}
.giftcard-date-top .giftcard-from-to{
    float: left;
    font-size: 16px;
    color: #636363 !important;
    font-family: 'Open Sans', sans-serif;
    margin-left: 15px;
}
.giftcard-date-top .giftcard-from-to .giftcard-from{
    float: left;
    max-height: 25px;
}
.giftcard-date-top .giftcard-from-to .giftcard-text-color,
.giftcard-date-top .giftcard-from-to .giftcard-style-color{
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
}
.giftcard-information {
    float: left;
    clear: both;
    width: 342px;
    margin-top: 8px;
    margin-left: 15px;
}
.giftcard-date-top .giftcard-barcode {
    float: right;
    text-align: right;
    padding-right: 15px;
}
.giftcard-date-top span.giftcard-barcode img {
    max-width: 100%;
    float: right;
    height: 40px;
}
.giftcard-date-top .giftcard-barcode {
    padding-right: 15px;
    margin-top: -10px;
}
.giftcard-date-top .giftcard-from-to .giftcard-style-color{
    color: orange;
    font-size: 16px
}
.giftcard-date-top .giftcard-to{
    margin-left:0px;
    max-height: 25px;
    float:left;
    clear:both;
}
.giftcard-date-top .giftcard-number .giftcard-style-color{
    color: orange;
    font-weight: bold;
    font-family: 'Open Sans', sans-serif;
    font-style: italic;
    line-height: 30px;
}
.name-value-top .value-price{
    float: right;
    line-height: 55px;
}
.giftcard-date-top .giftcard-message{
    padding: 6px;
    padding-bottom: 14px;
    padding-top: 3px;
    height: 80px;
    vertical-align: middle;
    background: #fff;
    border-radius: 5px;
    border:1px solid #cecece;
    text-align: left;
}
.barcode-note .giftcard-code{
    float: right;
    margin-right: 15px;
}
.barcode-note .barcode{
    text-align: right;
    float: right;
    width: 158px;
    height: 40px;
}

.barcode-note .barcode img{
    height: 40px;
    max-width: 100%;
    float: right;
}
.giftcard-date-top .giftcard-custom-message{
    margin: 0;
    white-space: pre-wrap;
    max-height: 85px;
    overflow: hidden;
    font-size: 11px;
}
.barcode-note .giftcard-note{
    margin-top: 5px;
    float: right;
    width: 215px;
    text-align: right;
    overflow: hidden;
    height: 90px;
    position: absolute;
    bottom: 10px;
}
.barcode-note .giftcard-note .giftcard-text-color{
    font-size: 12px;
    margin: 0px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
}
#timezone_to_send{visibility: visible !important;}
#giftcard-template-top .giftcard-template-content-top.giftcard-change-image-temp2{width:100% !important; position: relative;}
#giftcard-template-top .giftcard-template-content{
    width:100%;
    background-size:100% auto !important;
    float: left;
    height: 175px;
}
#giftcard-template-top .giftcard-title-top{
    width:100%;
    position: relative;
}
.hidden-giftcard-content-temp2 .giftcard-barcode-value {height: 30px !important}
#giftcard-template-top .title{width:60% !important;}
#giftcard-template-top .barcode-note{
    width: 230px;
    float: right;
    margin-top: 5px;
    position: relative;
    height: 170px;
}
#giftcard-template-top .giftcard-value-bottom {display: none}

/*---Detail Template 3---*/
@import url(//fonts.googleapis.com/css?family=Open+Sans:600italic,300,700,400,600);
#giftcard-template-back .giftcard-template-content{display: none; height: 0px}
.title-value.giftcard-logo-background {
    float: left;
    width: 100%;
    background: url('https://ftn-master.dev.ftn.co.za/skin/frontend/base/default/css/magestore/giftvoucher/bkg-title.png') no-repeat;
    height: 50px;
    background-size: 100%;
}
.giftcard-logo-background .giftcard-value-color {
    float: right;
    background: url('https://ftn-master.dev.ftn.co.za/skin/frontend/base/default/css/magestore/giftvoucher/bkg-value.png') no-repeat left center;
    height: 50px;
    text-align: right;
    padding-right: 15px;
    padding-left: 20px;
    line-height: 48px;
}
.from-to-barcode-background{
    float: left;
    width: 100%;
    margin-bottom: 5px;
}
.giftcard-change-image-background-popup .giftcard-logo {
    float: left;
    height: 84px;
    margin-left: 15px;
}
.giftcard-change-image-background-popup .giftcard-logo img {
    margin-bottom: 15px;
    border-radius: 0px 0px 5px 5px;
    max-height: 70px;
    float: left;
}
.giftcard-logo-background .giftcard-text-color {
    font-size: 12px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    padding-right: 10px;
}
.giftcard-logo-background .giftcard-style-color.giftcard-price-change {
    font-size: 26px;
    margin-top: 6px;
}
.giftcard-logo-background .giftcard-style-color.giftcard-price-change .price {
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
    float: right;
    line-height: 52px;
}

.giftcard-logo-background .giftcard-title {
    float: left;
    font-size: 20px;
    font-family: 'Open Sans', sans-serif;
    margin-left: 15px;
    line-height: 52px;
    font-weight: 600;
}
.from-to-barcode-background .from-to {
    font-size: 16px;
    font-family: 'Open Sans', sans-serif;
    float: left;
    margin-left: 15px;
}
.from-to-barcode-background .from-to .giftcard-form{
    float: left;
    text-align: left;
    margin-top: 10px;
}
.from-to-barcode-background .from-to .giftcard-to {
    float: left;
    text-align: left;
    clear: both;
}
.giftcard-text {
    height: 90px;
}
.from-to-barcode-background span img {
    height: 40px;
    max-width: 100%;
}
.from-to-barcode-background .from-to .giftcard-text-color {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    font-weight: 600;
}
.from-to-barcode-background .from-to .giftcard-style-color{
    font-size: 16px;
    font-family: 'Open Sans', sans-serif;
}
.giftcard-box-background{
    overflow: hidden;
    width: 95%;
    margin: 0 auto;
}
.giftcard-box-background .giftcard-text-box{
    background: #fff;
    border-radius: 5px;
    border:1px solid #cccccc;
    padding: 0;
    padding-bottom: 10px;
    padding-top: 3px;
    display:table-cell;
    vertical-align: middle;
}
.giftcard-box-background .giftcard-text-color.giftcard-custom-message{
    margin: 0;
    white-space: pre-wrap;
    max-height: 85px;
    overflow: hidden;
    font-size: 11px;
    font-family: 'Open Sans', sans-serif;
    padding: 0px 5px;
    color: black !important;
}
.from-to-barcode-background .giftcard-barcode{
    float: right;
    margin-right: 15px;
}
.from-to-barcode-background .giftcard-barcode .giftcard-style-color{
    color: orange;
    font-weight: bold;
    font-size:15px;
    font-family: 'Open Sans', sans-serif;
}
.from-to-barcode-background .giftcard-barcode .giftcard-style-color{
    font-size: 14px;
    line-height: 30px;
    color: orange;
    font-weight: bold;
    font-family: 'Open Sans', sans-serif;
    font-style: italic;
}
.giftcard-note-background{
// margin-top: 8px;
    float:left;
    box-sizing: content-box;
    overflow: hidden;
    text-align: center;
    vertical-align: middle;
    margin-top: 8px;
    height: 30px
}
.giftcard-note-background .form-note{
    width: 100%;
    margin: 0 auto;
}
.giftcard-note-background .giftcard-text-color{
    font-size: 12px;
    line-height: 15px;
    margin: 0;
    font-family: 'Open Sans', sans-serif;
    text-align: left;
    padding: 0 15px;
    font-weight: 600;
    max-height: 33px;
    overflow: hidden;
}
#giftcard-template-back {width: 100% ;float: left; position: relative}
#giftcard-template-back .giftcard-change-image-background-popup{
    width: 100%;
    position: absolute;
    top: 0%;
}
.giftcard-box-background .giftcard-text-box {
    display: inherit !important;
    background-size: 100% !important;
    width: 100% !important;
    height: 98px;
    text-align: left;
}
.giftcard-box-background {
    width: 93% !important;
    height: 95px;
    padding: 5px 3%;
    margin-top: 0px !important;
    box-sizing: content-box;
    float: left;
}
.from-to-barcode-background .giftcard-number{
    float: right;
    text-align: right;
}
.from-to-barcode-background .giftcard-barcode span.barcode  {
    float: right;
}

/*****template 03 width devices*******/
.giftcard-change-image-background-popup img#img-type-background{
    position: relative;
    top: 0;
    z-index: 10;
    left:0;
}
#giftcard-template-back img#img-type-background{width: 100%}
#giftcard-preview-template img#img-type-background{width: 100%}
#giftcard-preview-template #giftcard-preview-template-content .giftcard-change-image-background-popup.giftcard-change-image{
    width: 100% !important;
    top: 0%;
    position: absolute;
}


.giftcard-product-media{
    float:Left;
    width:600px;
    height: 365px;
    transform-origin: top left;
    -webkit-transform-origin: top left;
}
.product-img-box {
// overflow: hidden\0;
}
#close-popup-giftcard {
    background: url('https://ftn-master.dev.ftn.co.za/skin/frontend/base/default/images/giftvoucher/close.png') no-repeat;
    width: 35px;
    height: 35px;
    position: absolute;
    top: -25px;
    right: -25px;
}
#giftcard-preview-template-content{float:left;width: 100%;overflow: hidden;}
/****************************Template 01 _ left*************************************/
.giftvoucher-product-info{overflow: hidden}
#giftcard-template-left{
    overflow:hidden;
    width: 655px;
    font-size: 14px;
    float:left;
    background-size: 100% 100%;
}
#giftcard-preview-template .giftcard_value-color .giftcard-text-color{
    padding-right: 10px;
    margin-top: 15px;
}
/*#giftcard-preview-template-content {float: left;overflow: hidden;}*/
.dialog.giftcard-preview-template-dialog .dialog_e{background:none;}
.giftcard-template-content-left,.giftcard-change-image{
    width: 275px;
    height: 365px;
    display:block;
    float: left;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 275px 400px;
}
.logo1 { width: 100%; height: 50px; margin-top: -7px;}
#giftcard-template-left .giftcard-title {
    font-size: 20px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    margin-top: 10px !important;
    margin-left: 10px !important;
}
.giftcard-from{
    margin-right: 15px;
    overflow: hidden;
    display: table-cell;
    float: left;
    margin-bottom: 5px;
}
.giftcard-from-to  .giftcard-style-color{
    color: orange;
    font-size:16px;
    font-family: 'Open Sans', sans-serif;
}
.giftcard-to{max-height: 25px;}
.giftcard-box{overflow: hidden;margin-top: 10px;}
.giftcard-box  .giftcard-text-box{
    display: block;
    border-radius: 5px;
    border: 1px solid #cccccc;
    padding: 0 6px;
    height: 90px;
    vertical-align: middle;
    background:#fff;
    margin-top: 10px;
    text-align: left;
}
.giftcard_value .giftcard-text-color{
    float: left;
    padding-right: 10px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
}
#giftcard-preview-template .giftcard-template-content .giftcard_value .giftcard-text-color{
    padding-right: 10px;
    margin-top: 10px;
}
.giftcard_value .giftcard-style-color{
    float: left;
    clear: both;
}
.giftcard_value .giftcard-style-color .price{
    font-size: 22px;
    font-family: 'Open Sans', sans-serif;
    /* color: orange; */
    font-weight: bold;
}
.giftcard-number{
    width: 100%;
    float: right;
    text-align: right;
    margin-bottom: 5px;
}
.giftcard-number .giftcard-style-color{
    color: orange;
    font-weight: 600;
    font-family: 'Open Sans', sans-serif;
    font-style: italic;
}
.giftcard-custom-message{
    margin: 0;
    white-space: pre-wrap;
    max-height: 85px;
    overflow: hidden;
    font-size: 11px;
}
.giftcard-barcode  .giftcard-style-color{
    font-size: 14px;
    color: orange;
    font-weight: 600;
    font-family: 'Open Sans', sans-serif;
    font-style: italic;
}
.giftcard-text{
    overflow: hidden;
    vertical-align: bottom;
    height: 70px;
}
.giftcard-text  .giftcard-text-color{
    font-size: 12px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    text-align: left;
}
#giftcard-template-show-images .gift-active{overflow:hidden}
#giftcard-template-show-images .gift-active img{ display:inline;}
/******************Detail giftcard by Crystal****************/
#giftcard-template-left .giftcard-template-content {
    background-position: 0;
    background-size: 100%;
    width: 350px;
    display: block;
    margin-left: 0;
    float: right;
    height: 365px;
    background-repeat: repeat;
    box-sizing: content-box;
}
#giftcard-template-left .giftcard-logo div{width: 100% !important; margin-top: -7px !important;background-size: 80% 50px !important;}
#giftcard-template-left .giftcard-from-to .giftcard-text-color {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    font-weight: 600;
}
#giftcard-template-left{width: 100% !important}
#giftcard-template-left .giftcard-change-image {
    width:250px;
    background-position:inherit !important;
    background-size: 100% 100% !important;
    height:365px;
    padding-bottom: 0;
    position: relative;
}
.giftcard-change-image img{
    height: 63px;
    max-width: 100%;
    display: inline;
}
.giftcard-change-image img#img-type-left{
    position: relative;
    top: 0;
    z-index: 10;
    left:0;
}
.giftcard-template-content-left .giftcard-logo{
    position: absolute;
    top: 280px;
    text-align: center;
    width: 100%;
}
/*#giftcard-template-left .giftcard-template-content div {width: 100% !important; float: left;}*/
#giftcard-template-left .giftcard-template-content div.giftcard-style-color{
    margin: 15px 10px 0 15px;
    text-align: left;
}
#giftcard-template-left .giftcard-template-content div.giftcard_value{
    float: left;
}
#giftcard-template-left .giftcard-template-content div.giftcard-code{
    float: right;
    width: 200px;
    margin-top: -5px;
}
#giftcard-template-left .giftcard-template-content .value-barcode {
    width: 320px;
    float: left;
    margin: 15px;
    margin-bottom: 10px;
}
#giftcard-template-left .giftcard-template-content div.giftcard-from-to,
#giftcard-template-left .giftcard-template-content div.giftcard-box,
#giftcard-template-left .giftcard-template-content div.giftcard-text{
    width: 320px;
    float: left;
    margin:0 15px;
}
#giftcard-template-left .giftcard-barcode {
    float: right;
    width: 177px;
    text-align: right;
}
#giftcard-template-left .giftcard-barcode img {float: right;max-width: 100%;height: 40px;}
#giftcard-template-left .giftcard-to{float: left;clear: both;margin-left: 0px;}
#giftcard-template-show-images {overflow: hidden;position: relative;height: 60px;}
#giftcard-template-show-images .images-for-slide{
    float:left;
    position: absolute;
    height: 60px;
    left: 0;
}
.giftcard-template-control{
    z-index: 10;
    position: absolute;
    top: 10px;
    width: 27px;
    height: 31px;
    background: url("https://ftn-master.dev.ftn.co.za/skin/frontend/base/default/css/magestore/giftvoucher/icon-nav.png") left 1px no-repeat transparent;
    text-decoration: none !important;
    outline: none !important;
}
#giftcard-template-prev{left:0;}
#giftcard-template-next{
    right: 0;
    background: url("https://ftn-master.dev.ftn.co.za/skin/frontend/base/default/css/magestore/giftvoucher/icon-nav.png") left -41px no-repeat transparent;
}

/***************checkout cart by Sally***************/
.gift-card .discount{display: inline-block;width: 100%;}
.gift-card .discount .form-group label{display: inline;}
.discount .giftvoucher #giftvoucher{position: relative;margin-right: -33px;margin-top: 10px;margin-left: 15px;}
.giftcard_change img{display:inline;}
/*************shopping cart by Sally*************/
.discount .giftvoucher #giftvoucher{position: relative;margin-right: 0px;margin-top: -1px;margin-left: 0px;}
.giftvoucher-discount-code img{display:inline}
/************my account by Sally***********/
.gift-card .table .col-xs-12 .label{float:left;  margin-bottom: 5px;}
.gift-card .table .col-xs-12 .v-middle{float:left;margin-top: 3px;margin-left: 3px;}
/***********View giftcard*************/
#giftcard_history_table .item-hidden{display:none;}
.giftvoucher-index-email .form-list li{width:100%; float: left;}
/******History balance*******/


.dialog.giftcard-preview-template-dialog .dialog_w{background: none;}
/*---End Detail Popup Template 1---*/
.gift-card .sub-title{
    font-size: 17px;
    text-transform: none;
    font-weight: 600;
    margin: 0 0 5px;
    padding:0;
}
.gift-card label em{
    color: red;
    font-weight: normal;
    font-family: "Helvetica Neue", Verdana, Arial, sans-serif;
    font-size: 12px;
}

/***********End Detail Popup Template 3*************/

/******************Send email***************/

.giftvoucher-product-info .giftcard-date-box img {display: inline;vertical-align: middle;}
.giftvoucher-product-info .giftcard-date-box input.validate-date-giftcard {float: left;margin-right: 3px;}
.giftcard-date-box button span{padding-left: 0 !important}
.add-to-box {clear: both}
.giftvoucher-receiver{float: left; clear: both; padding-bottom: 20px; width: 100%}
.giftvoucher-product-info .validation-advice{float: left; clear: both;}
.recipient_email,
.message,
.recipient_ship_form {float:left; clear:both;}

/******************End***********************/
/***************checkout cart by Sally***************/
.fieldset .giftvoucher  #giftvoucher{position: relative;margin-right: -33px;margin-top: 10px;margin-left: 15px;}
.giftcard_change img{display:inline;}
.fieldset .giftvoucher_credit #giftvoucher_credit{position: relative;margin-right: -33px;margin-top: 10px;margin-left: 15px;}
.fieldset #giftvoucher_container{float:left; padding-bottom: 12px; width: 100% !important;}
.fieldset .sp-methods{float:left; clear:both; width: 100% !important;}
.credit_input img {display:inline;}
.credit_input  .input-text{width:68px !important;}
.notice-msg li{font-weight:700;}
.giftvoucher-index-index .pager{margin-top:7px;}
/*************shopping cart by Sally*************/
.discount-form.giftvoucher   #giftvoucher{position: relative;margin-right: 5px;margin-top: 5px;margin-left: 0px;}
.discount-form .giftvoucher_credit  #giftvoucher_credit{position: relative;margin-right: 5px;margin-left: 0px; float:left}
.giftvoucher-discount-code img{display:inline;}
dd#giftcard_shoppingcart_apply, dd.giftvoucher li, dt.giftvoucher, dt.giftvoucher_credit, dd.giftvoucher-credit,li.giftvoucher-discount-code strong{margin:5px 0;}
#payment_form_giftvoucher_credit #gift_credit_message{float: left; width: 100%;}
li.giftvoucher-discount-code strong{float:none;}
.giftcard-code-hidden{display:none;}

@media  (max-width:1199px){
    /**********add giftcard************/
    #gift-voucher-code{width:65% !important;}
}

/**********add giftcard by Sally************/
#gift-voucher-code{width:90% !important;}
#giftcard-template-left .giftcard-template-content .hidden-giftcard {
    height: 65px !important;
}
#giftcard-template-left .hidden-content {height: auto}
@media (max-width:990px){
    /************my account***********/


    /*view giftcard*/


    /**********check giftcard************/

}
@media  (max-width:880px){
    /************my account***********/



    /**********add giftcard************/
    #gift-voucher-code{width:100% !important;}
}
@media only screen and (max-width: 770px){
    /************my account by Sally***********/

    /**********add giftcard by Sally************/
    .col-main .giftvoucher-fieldset .input-box   input[type=text]{width:365px !important;}
}
@media  (max-width:640px){
    /************my account by Sally***********/

}

@media  (max-width:533px){
    /**********add giftcard by Sally************/
    .buttons-set button{margin-bottom:3px;}
    #addredeem-giftvoucher-code .buttons-set button.button{float:right !important; width:40%;}
}

@media  (max-width:440px){
    /**********check giftcard by Sally************/
    .page-title h1{font-size:18px !important;}
    /* My account */
    .balance .button{float:none !important; width:185px !important;}
    .giftvoucher-search-button{text-align:left !important;}
    .button{padding:5px !important;}


    /*my account*/
    #giftvoucher_grid-gift_code{width:65px !important; margin-left:70px;}
}
@media  (max-width:420px){
    /***************checkout cart by Sally***************/
    .giftcard{display:block;}
}


/* ============================================ *
 * Login
 * ============================================ */
.customer-account-login .modal-dialog {
  min-width: 780px;
}
.customer-account-login .modal-dialog .modal-content {
  border-radius: 0;
}
.customer-account-login .modal-dialog .modal-content .modal-body {
  padding: 0 !important;
  margin-top: 17px;
}
@media screen and (max-width: 782px) {
  .customer-account-login .modal-dialog {
    min-width: auto;
  }
}
.customer-account-login .modal-header {
  padding: 15px 15px 0 0;
  border-bottom: none;
}
.customer-account-login .modal-header .close {
  width: 16px;
}
.customer-account-login .modal-header .close:hover {
  background-color: #ffffff;
  color: #696969 !important;
}

.login-container {
  color: #696969;
  padding: 13px 15px 0 15px;
  padding: 13px 1px 0 1px !important;
}
.login-container input.form-control {
  height: 42px;
  background-color: #fff !important;
  background-image: none !important;
  border: 1px solid #ccc !important;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) !important;
  transition: border-color ease-in-out .15s , box-shadow ease-in-out .15s !important;
}
.login-container input[type="checkbox"] {
  margin-top: 3px;
}
.login-container .checkbox {
  margin-top: 0 !important;
}
.login-container .recaptcha {
  width: 100%;
  height: 85px;
  text-align: -webkit-center;
}
.login-container .btn {
  color: #ffffff;
  text-transform: uppercase;
  font-size: 15px;
}
.login-container .btn:hover {
  color: #ffffff;
}
.login-container .btn:focus {
  color: #ffffff;
}
.login-container .btn-lg {
  padding: 12px 16px 10px 16px;
}
.login-container .col-common {
  padding: 0 35px 25px 35px;
}
.login-container .col-login-form {
  border-right: 1px solid #efefef;
}
.login-container .col-login-form h2 {
  font-size: 26px;
  margin-top: 0;
  margin-bottom: 23px;
}
.login-container .col-login-form button:disabled, .login-container .col-login-form button[disabled], .login-container .col-login-form button[disabled]:hover {
  color: #3e3e3e !important;
}
.login-container .col-login-form .glyphicon {
  float: left !important;
  margin-top: 1px !important;
  font-family: 'Glyphicons Halflings' !important;
}
.login-container .col-login-form .form-control-feedback {
  padding: 4px;
}
.login-container .col-login-form .has-error .form-control {
  border-color: #a94442 !important;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) !important;
}
.login-container .col-login-form .has-success .form-control {
  border-color: #3c763d !important;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) !important;
}
.login-container .col-login-form .help-block ol, .login-container .col-login-form .help-block ul {
  color: inherit;
}
.login-container .col-login-form .group-password {
  margin-bottom: 0;
}
.login-container .col-login-form .checkbox {
  margin-bottom: 17px;
}
.login-container .col-login-buttons .text-or {
  display: block;
  padding: 16px 0 16px 0;
  font-weight: bold;
}
.login-container .col-login-buttons .btn-register {
  background-color: #696969;
}
.login-container .col-login-buttons .btn-register:hover {
  background-color: #868686;
}
.login-container .col-login-buttons .btn-login-facebook {
  background-color: #3c5999;
  margin-bottom: 10px;
}
.login-container .col-login-buttons .btn-login-facebook:hover {
  background-color: #4566b1;
}
@media only screen and (max-width: 360px) {
  .login-container .col-login-buttons .btn-login-facebook {
    font-size: 11px;
  }
}
.login-container .col-login-buttons .btn-login-google {
  background-color: #dd4b39;
  margin-bottom: 10px;
}
.login-container .col-login-buttons .btn-login-google:hover {
  background-color: #dd5b4a;
}
@media only screen and (max-width: 360px) {
  .login-container .col-login-buttons .btn-login-google {
    font-size: 11px;
  }
}
.login-container .col-login-buttons .btn-login-twitter {
  background-color: #54acef;
  margin-bottom: 10px;
}
.login-container .col-login-buttons .btn-login-twitter:hover {
  background-color: #59b7ff;
}
@media only screen and (max-width: 360px) {
  .login-container .col-login-buttons .btn-login-twitter {
    font-size: 11px;
  }
}
.login-container .col-login-buttons .btn-login-instagram {
  background-color: #e4405f;
  margin-bottom: 10px;
}
.login-container .col-login-buttons .btn-login-instagram:hover {
  background-color: #e44d6c;
}
@media only screen and (max-width: 360px) {
  .login-container .col-login-buttons .btn-login-instagram {
    font-size: 11px;
  }
}
.login-container .col-login-buttons .btn-login-linkedin {
  background-color: #0077B5;
  margin-bottom: 10px;
}
.login-container .col-login-buttons .btn-login-linkedin:hover {
  background-color: #0d7cb5;
}
@media only screen and (max-width: 360px) {
  .login-container .col-login-buttons .btn-login-linkedin {
    font-size: 11px;
  }
}
.login-container .col-login-buttons .glyphicon {
  float: left !important;
  margin-top: 1px !important;
  font-family: 'Glyphicons Halflings' !important;
}
.login-container .col-login-buttons .glyphicon {
  float: none !important;
}
.login-container .col-login-buttons p {
  margin-bottom: 11px !important;
}
.login-container .login-footer {
  padding: 25px 0 25px 0;
  background-color: #f3f3f3;
  font-weight: bold;
}
.login-container .login-footer a {
  color: #696969;
  text-decoration: underline;
  cursor: pointer;
}

/* ============================================ *
 * Register
 * ============================================ */
.customer-account-register .modal-dialog {
  min-width: 780px;
}
.customer-account-register .modal-dialog .modal-content {
  border-radius: 0;
}
.customer-account-register .modal-dialog .modal-content .modal-body {
  padding: 0 !important;
  margin-top: 17px;
}
@media screen and (max-width: 782px) {
  .customer-account-register .modal-dialog {
    min-width: auto;
  }
}
.customer-account-register .modal-header {
  padding: 15px 15px 0 0;
  border-bottom: none;
}
.customer-account-register .modal-header .close {
  width: 16px;
}
.customer-account-register .modal-header .close:hover {
  background-color: #ffffff;
  color: #696969 !important;
}

.register-container {
  color: #696969;
  padding: 13px 15px 0 15px;
  padding-bottom: 38px;
}
.register-container input.form-control {
  height: 42px;
  background-color: #fff !important;
  background-image: none !important;
  border: 1px solid #ccc !important;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) !important;
  transition: border-color ease-in-out .15s , box-shadow ease-in-out .15s !important;
}
.register-container input[type="checkbox"] {
  margin-top: 3px;
}
.register-container .checkbox {
  margin-top: 0 !important;
}
.register-container .recaptcha {
  width: 100%;
  height: 85px;
  text-align: -webkit-center;
}
.register-container .btn {
  color: #ffffff;
  text-transform: uppercase;
  font-size: 15px;
}
.register-container .btn:hover {
  color: #ffffff;
}
.register-container .btn:focus {
  color: #ffffff;
}
.register-container .btn-lg {
  padding: 12px 16px 10px 16px;
}
.register-container .col-common {
  padding: 0 35px 25px 35px;
}
.register-container a {
  cursor: pointer;
}
.register-container .col-register-form {
  border-right: 1px solid #efefef;
  padding-bottom: 0;
}
.register-container .col-register-form h2 {
  font-size: 26px;
  margin-top: 0;
  margin-bottom: 23px;
}
.register-container .col-register-form button:disabled, .register-container .col-register-form button[disabled], .register-container .col-register-form button[disabled]:hover {
  color: #3e3e3e !important;
}
.register-container .col-register-form .glyphicon {
  float: left !important;
  margin-top: 1px !important;
  font-family: 'Glyphicons Halflings' !important;
}
.register-container .col-register-form .form-control-feedback {
  padding: 4px;
}
.register-container .col-register-form .has-error .form-control {
  border-color: #a94442 !important;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) !important;
}
.register-container .col-register-form .has-success .form-control {
  border-color: #3c763d !important;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) !important;
}
.register-container .col-register-form .help-block ol, .register-container .col-register-form .help-block ul {
  color: inherit;
}
.register-container .col-register-form .toggle-password {
  cursor: pointer;
}
.register-container .col-register-buttons .text-or {
  display: block;
  padding: 16px 0 16px 0;
  font-weight: bold;
}
.register-container .col-register-buttons .btn-login {
  background-color: #696969;
  margin-top: 12px;
}
.register-container .col-register-buttons .btn-login:hover {
  background-color: #868686;
}
.register-container .col-register-buttons .btn-login-facebook {
  background-color: #3c5999;
  margin-bottom: 10px;
}
.register-container .col-register-buttons .btn-login-facebook:hover {
  background-color: #4566b1;
}
@media only screen and (max-width: 360px) {
  .register-container .col-register-buttons .btn-login-facebook {
    font-size: 11px;
  }
}
.register-container .col-register-buttons .btn-login-google {
  background-color: #dd4b39;
  margin-bottom: 10px;
}
.register-container .col-register-buttons .btn-login-google:hover {
  background-color: #dd5b4a;
}
@media only screen and (max-width: 360px) {
  .register-container .col-register-buttons .btn-login-google {
    font-size: 11px;
  }
}
.register-container .col-register-buttons .btn-login-twitter {
  background-color: #54acef;
  margin-bottom: 10px;
}
.register-container .col-register-buttons .btn-login-twitter:hover {
  background-color: #59b7ff;
}
@media only screen and (max-width: 360px) {
  .register-container .col-register-buttons .btn-login-twitter {
    font-size: 11px;
  }
}
.register-container .col-register-buttons .btn-login-instagram {
  background-color: #e4405f;
  margin-bottom: 10px;
}
.register-container .col-register-buttons .btn-login-instagram:hover {
  background-color: #e44d6c;
}
@media only screen and (max-width: 360px) {
  .register-container .col-register-buttons .btn-login-instagram {
    font-size: 11px;
  }
}
.register-container .col-register-buttons .btn-login-linkedin {
  background-color: #0077B5;
  margin-bottom: 10px;
}
.register-container .col-register-buttons .btn-login-linkedin:hover {
  background-color: #0d7cb5;
}
@media only screen and (max-width: 360px) {
  .register-container .col-register-buttons .btn-login-linkedin {
    font-size: 11px;
  }
}
.register-container .col-register-buttons .glyphicon {
  float: left !important;
  margin-top: 1px !important;
  font-family: 'Glyphicons Halflings' !important;
}
.register-container .col-register-buttons .glyphicon {
  float: none !important;
}
.register-container .register-footer {
  padding: 25px 0 25px 0;
  background-color: #f3f3f3;
  font-weight: bold;
}
.register-container .register-footer a {
  color: #696969;
  text-decoration: underline;
  cursor: pointer;
}
.register-container .policy-content {
  font-size: 11px;
  text-align: center;
}

/* ============================================ *
 * Forgot password
 * ============================================ */
.customer-account-forgot-password .modal-dialog {
  min-width: 780px;
}
.customer-account-forgot-password .modal-dialog .modal-content {
  border-radius: 0;
}
.customer-account-forgot-password .modal-dialog .modal-content .modal-body {
  padding: 0 !important;
  margin-top: 17px;
}
@media screen and (max-width: 782px) {
  .customer-account-forgot-password .modal-dialog {
    min-width: auto;
  }
}
.customer-account-forgot-password .modal-header {
  padding: 15px 15px 0 0;
  border-bottom: none;
}
.customer-account-forgot-password .modal-header .close {
  width: 16px;
}
.customer-account-forgot-password .modal-header .close:hover {
  background-color: #ffffff;
  color: #696969 !important;
}

.forgot-password-container {
  color: #696969;
  padding: 13px 15px 0 15px;
}
.forgot-password-container input.form-control {
  height: 42px;
  background-color: #fff !important;
  background-image: none !important;
  border: 1px solid #ccc !important;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) !important;
  transition: border-color ease-in-out .15s , box-shadow ease-in-out .15s !important;
}
.forgot-password-container input[type="checkbox"] {
  margin-top: 3px;
}
.forgot-password-container .checkbox {
  margin-top: 0 !important;
}
.forgot-password-container .recaptcha {
  width: 100%;
  height: 85px;
  text-align: -webkit-center;
}
.forgot-password-container .btn {
  color: #ffffff;
  text-transform: uppercase;
  font-size: 15px;
}
.forgot-password-container .btn:hover {
  color: #ffffff;
}
.forgot-password-container .btn:focus {
  color: #ffffff;
}
.forgot-password-container .btn-lg {
  padding: 12px 16px 10px 16px;
}
.forgot-password-container .col-common {
  padding: 0 35px 25px 35px;
}
.forgot-password-container .col-forgot-password-form {
  border-right: 1px solid #efefef;
}
.forgot-password-container .col-forgot-password-form h2 {
  font-size: 26px;
  margin-top: 0;
  margin-bottom: 23px;
}
.forgot-password-container .col-forgot-password-form button:disabled, .forgot-password-container .col-forgot-password-form button[disabled], .forgot-password-container .col-forgot-password-form button[disabled]:hover {
  color: #3e3e3e !important;
}
.forgot-password-container .col-forgot-password-form .glyphicon {
  float: left !important;
  margin-top: 1px !important;
  font-family: 'Glyphicons Halflings' !important;
}
.forgot-password-container .col-forgot-password-form .form-control-feedback {
  padding: 4px;
}
.forgot-password-container .col-forgot-password-form .has-error .form-control {
  border-color: #a94442 !important;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) !important;
}
.forgot-password-container .col-forgot-password-form .has-success .form-control {
  border-color: #3c763d !important;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) !important;
}
.forgot-password-container .col-forgot-password-form .help-block ol, .forgot-password-container .col-forgot-password-form .help-block ul {
  color: inherit;
}
.forgot-password-container .col-login-buttons .text-or {
  display: block;
  padding: 16px 0 16px 0;
  font-weight: bold;
}
.forgot-password-container .col-login-buttons .btn-login {
  background-color: #696969;
  margin-top: 12px;
}
.forgot-password-container .col-login-buttons .btn-login:hover {
  background-color: #868686;
}
.forgot-password-container .col-login-buttons .btn-login-facebook {
  background-color: #3c5999;
  margin-bottom: 10px;
}
.forgot-password-container .col-login-buttons .btn-login-facebook:hover {
  background-color: #4566b1;
}
@media only screen and (max-width: 360px) {
  .forgot-password-container .col-login-buttons .btn-login-facebook {
    font-size: 11px;
  }
}
.forgot-password-container .col-login-buttons .btn-login-google {
  background-color: #dd4b39;
  margin-bottom: 10px;
}
.forgot-password-container .col-login-buttons .btn-login-google:hover {
  background-color: #dd5b4a;
}
@media only screen and (max-width: 360px) {
  .forgot-password-container .col-login-buttons .btn-login-google {
    font-size: 11px;
  }
}
.forgot-password-container .col-login-buttons .btn-login-twitter {
  background-color: #54acef;
  margin-bottom: 10px;
}
.forgot-password-container .col-login-buttons .btn-login-twitter:hover {
  background-color: #59b7ff;
}
@media only screen and (max-width: 360px) {
  .forgot-password-container .col-login-buttons .btn-login-twitter {
    font-size: 11px;
  }
}
.forgot-password-container .col-login-buttons .btn-login-instagram {
  background-color: #e4405f;
  margin-bottom: 10px;
}
.forgot-password-container .col-login-buttons .btn-login-instagram:hover {
  background-color: #e44d6c;
}
@media only screen and (max-width: 360px) {
  .forgot-password-container .col-login-buttons .btn-login-instagram {
    font-size: 11px;
  }
}
.forgot-password-container .col-login-buttons .btn-login-linkedin {
  background-color: #0077B5;
  margin-bottom: 10px;
}
.forgot-password-container .col-login-buttons .btn-login-linkedin:hover {
  background-color: #0d7cb5;
}
@media only screen and (max-width: 360px) {
  .forgot-password-container .col-login-buttons .btn-login-linkedin {
    font-size: 11px;
  }
}
.forgot-password-container .col-login-buttons .glyphicon {
  float: left !important;
  margin-top: 1px !important;
  font-family: 'Glyphicons Halflings' !important;
}
.forgot-password-container .col-login-buttons .glyphicon {
  float: none !important;
}

/* ============================================ *
 * Forgot password
 * ============================================ */
.customer-account-otp-confirmation .modal-dialog {
  min-width: 780px;
}
.customer-account-otp-confirmation .modal-dialog .modal-content {
  border-radius: 0;
}
.customer-account-otp-confirmation .modal-dialog .modal-content .modal-body {
  padding: 0 !important;
  margin-top: 17px;
}
@media screen and (max-width: 782px) {
  .customer-account-otp-confirmation .modal-dialog {
    min-width: auto;
  }
}
.customer-account-otp-confirmation .modal-header {
  padding: 15px 15px 0 0;
  border-bottom: none;
}
.customer-account-otp-confirmation .modal-header .close {
  width: 16px;
}
.customer-account-otp-confirmation .modal-header .close:hover {
  background-color: #ffffff;
  color: #696969 !important;
}

.otp-confirmation-container {
  color: #696969;
  padding: 13px 15px 0 15px;
}
.otp-confirmation-container input.form-control {
  height: 42px;
  background-color: #fff !important;
  background-image: none !important;
  border: 1px solid #ccc !important;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) !important;
  transition: border-color ease-in-out .15s , box-shadow ease-in-out .15s !important;
}
.otp-confirmation-container input[type="checkbox"] {
  margin-top: 3px;
}
.otp-confirmation-container .checkbox {
  margin-top: 0 !important;
}
.otp-confirmation-container .recaptcha {
  width: 100%;
  height: 85px;
  text-align: -webkit-center;
}
.otp-confirmation-container .btn {
  color: #ffffff;
  text-transform: uppercase;
  font-size: 15px;
}
.otp-confirmation-container .btn:hover {
  color: #ffffff;
}
.otp-confirmation-container .btn:focus {
  color: #ffffff;
}
.otp-confirmation-container .btn-lg {
  padding: 12px 16px 10px 16px;
}
.otp-confirmation-container .col-common {
  padding: 0 35px 25px 35px;
}
.otp-confirmation-container .col-otp-confirmation-form {
  border-right: 1px solid #efefef;
}
.otp-confirmation-container .col-otp-confirmation-form h2 {
  font-size: 26px;
  margin-top: 0;
  margin-bottom: 23px;
}
.otp-confirmation-container .col-otp-confirmation-form button:disabled, .otp-confirmation-container .col-otp-confirmation-form button[disabled], .otp-confirmation-container .col-otp-confirmation-form button[disabled]:hover {
  color: #3e3e3e !important;
}
.otp-confirmation-container .col-otp-confirmation-form .glyphicon {
  float: left !important;
  margin-top: 1px !important;
  font-family: 'Glyphicons Halflings' !important;
}
.otp-confirmation-container .col-otp-confirmation-form .form-control-feedback {
  padding: 4px;
}
.otp-confirmation-container .col-otp-confirmation-form .has-error .form-control {
  border-color: #a94442 !important;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) !important;
}
.otp-confirmation-container .col-otp-confirmation-form .has-success .form-control {
  border-color: #3c763d !important;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) !important;
}
.otp-confirmation-container .col-otp-confirmation-form .help-block ol, .otp-confirmation-container .col-otp-confirmation-form .help-block ul {
  color: inherit;
}
.otp-confirmation-container .col-login-buttons .text-or {
  display: block;
  padding: 16px 0 16px 0;
  font-weight: bold;
}
.otp-confirmation-container .col-login-buttons .btn-login {
  background-color: #696969;
  margin-top: 12px;
}
.otp-confirmation-container .col-login-buttons .btn-login:hover {
  background-color: #868686;
}
.otp-confirmation-container .col-login-buttons .btn-login-facebook {
  background-color: #3c5999;
  margin-bottom: 10px;
}
.otp-confirmation-container .col-login-buttons .btn-login-facebook:hover {
  background-color: #4566b1;
}
@media only screen and (max-width: 360px) {
  .otp-confirmation-container .col-login-buttons .btn-login-facebook {
    font-size: 11px;
  }
}
.otp-confirmation-container .col-login-buttons .btn-login-google {
  background-color: #dd4b39;
  margin-bottom: 10px;
}
.otp-confirmation-container .col-login-buttons .btn-login-google:hover {
  background-color: #dd5b4a;
}
@media only screen and (max-width: 360px) {
  .otp-confirmation-container .col-login-buttons .btn-login-google {
    font-size: 11px;
  }
}
.otp-confirmation-container .col-login-buttons .btn-login-twitter {
  background-color: #54acef;
  margin-bottom: 10px;
}
.otp-confirmation-container .col-login-buttons .btn-login-twitter:hover {
  background-color: #59b7ff;
}
@media only screen and (max-width: 360px) {
  .otp-confirmation-container .col-login-buttons .btn-login-twitter {
    font-size: 11px;
  }
}
.otp-confirmation-container .col-login-buttons .btn-login-instagram {
  background-color: #e4405f;
  margin-bottom: 10px;
}
.otp-confirmation-container .col-login-buttons .btn-login-instagram:hover {
  background-color: #e44d6c;
}
@media only screen and (max-width: 360px) {
  .otp-confirmation-container .col-login-buttons .btn-login-instagram {
    font-size: 11px;
  }
}
.otp-confirmation-container .col-login-buttons .btn-login-linkedin {
  background-color: #0077B5;
  margin-bottom: 10px;
}
.otp-confirmation-container .col-login-buttons .btn-login-linkedin:hover {
  background-color: #0d7cb5;
}
@media only screen and (max-width: 360px) {
  .otp-confirmation-container .col-login-buttons .btn-login-linkedin {
    font-size: 11px;
  }
}
.otp-confirmation-container .col-login-buttons .glyphicon {
  float: left !important;
  margin-top: 1px !important;
  font-family: 'Glyphicons Halflings' !important;
}
.otp-confirmation-container .col-login-buttons .glyphicon {
  float: none !important;
}

/* ============================================ *
 * Icons
 * ============================================ */
.i-mobile {
  width: 14px;
  height: 14px;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  color: #555555;
  margin-top: 3px;
}

.i-email {
  width: 14px;
  height: 14px;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  color: #555555;
  margin-top: 3px;
}

.i-password {
  width: 14px;
  height: 14px;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  color: #555555;
  margin-top: 1px;
}

.i-otp {
  width: 14px;
  height: 14px;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  color: #555555;
  margin-top: 1px;
}

.icon-group-login {
  float: left;
  margin-top: 2px;
  width: 14px;
  height: 14px;
}

.gly-spin {
  -webkit-animation: spin 2s infinite linear;
  animation: spin 2s infinite linear;
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
  }
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}