@font-face {
  font-family: 'Sequel Neue';
  src: url('/font/Sequel/Neue/Sequel-Regular.eot'); /* IE9 Compat Modes */
  src: url('/font/Sequel/Neue/Sequel-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/font/Sequel/Neue/Sequel-Regular.woff') format('woff'); /* Modern Browsers */
  /*url('/Fonts/Sequel-Family_Webfont/Neue/Sequel-Regular.ttf') format('truetype');  Safari, Android, iOS */
  font-style: normal;
}

@font-face {
  font-family: 'Sequel Neue Light';
  src: url('/font/Sequel/Light/Sequel-Regular.eot'); /* IE9 Compat Modes */
  src: url('/font/Sequel/Light/Sequel-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/font/Sequel/Light/Sequel-Regular.woff') format('woff'); /* Modern Browsers */
  /*url('/Fonts/Sequel-Family_Webfont/Neue/Sequel-Regular.ttf') format('truetype');  Safari, Android, iOS */
  font-style: normal;
}

@font-face {
  font-family: 'Sequel Neue';
  src: url('/font/Sequel/Italic/Sequel-Regular.eot'); /* IE9 Compat Modes */
  src: url('/font/Sequel/Italic/Sequel-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/font/Sequel/Italic/Sequel-Regular.woff') format('woff'); /* Modern Browsers */
  /*url('/Fonts/Sequel-Family_Webfont/Neue/Sequel-Regular.ttf') format('truetype');  Safari, Android, iOS */
  font-style: italic;
}

@font-face {
  font-family: 'Sequel Neue Light';
  src: url('/font/Sequel/Light Italic/Sequel-Regular.eot'); /* IE9 Compat Modes */
  src: url('/font/Sequel/Light Italic/Sequel-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/font/Sequel/Light Italic/Sequel-Regular.woff') format('woff'); /* Modern Browsers */
  /*url('/Fonts/Sequel-Family_Webfont/Neue/Sequel-Regular.ttf') format('truetype');  Safari, Android, iOS */
  font-style: italic;
}

@font-face {
  font-family: 'Linotype';
  src: url('/font/dirtyheadline-webfont.eot');
  src: url('/font/dirtyheadline-webfont.eot?#iefix') format('embedded-opentype'), url('/font/dirtyheadline-webfont.woff') format('woff'), url('/font/dirtyheadline-webfont.ttf') format('truetype'), url('/font/dirtyheadline-webfont.svg#DirtyHeadlineRegular') format('svg');
  font-weight: normal;
  font-style: normal;
}


@font-face {
  font-family: 'DirtyHeadlineRegular';
  src: url('/font/dirtyheadline-webfont.eot');
  src: url('/font/dirtyheadline-webfont.eot?#iefix') format('embedded-opentype'), url('/font/dirtyheadline-webfont.woff') format('woff'), url('/font/dirtyheadline-webfont.ttf') format('truetype'), url('/font/dirtyheadline-webfont.svg#DirtyHeadlineRegular') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  /* A font by Jos Buivenga (exljbris) -> www.exljbris.com */
  font-family: 'DeliciousHeavy';
  src: url('/font/delicious-heavy-webfont.eot');
  src: url('/font/delicious-heavy-webfont.eot?#iefix') format('embedded-opentype'), url('/font/delicious-heavy-webfont.woff') format('woff'), url('/font/delicious-heavy-webfont.ttf') format('truetype'), url('/font/delicious-heavy-webfont.svg#delicious-heavy-webfont') format('svg');
  font-weight: normal;
  font-style: normal;
}


@font-face {
  font-family: 'Swiss721';
  src: url('/font/Roboto-BoldCondensed-webfont.eot');
  src: url('/font/Roboto-BoldCondensed-webfont.eot?#iefix') format('embedded-opentype'), url('/font/Roboto-BoldCondensed-webfont.woff') format('woff'), url('/font/Roboto-BoldCondensed-webfont.ttf') format('truetype'), url('/font/Roboto-BoldCondensed-webfont.svg#RobotoBoldCondensed') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'yellow_balloonregular';
  src: url('/font/hanoded_-_yellowballoon-webfont.eot');
  src: url('/font/hanoded_-_yellowballoon-webfont.eot?#iefix') format('embedded-opentype'), url('/font/hanoded_-_yellowballoon-webfont.woff') format('woff'), url('/font/hanoded_-_yellowballoon-webfont.ttf') format('truetype'), url('/font/hanoded_-_yellowballoon-webfont.svg#Sequel Neue') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'harabararegular';
  src: url('/font/harabara-webfont.eot');
  src: url('/font/harabara-webfont.eot?#iefix') format('embedded-opentype'), url('/font/harabara-webfont.woff') format('woff'), url('/font/harabara-webfont.ttf') format('truetype'), url('/font/harabara-webfont.svg#harabararegular') format('svg');
  font-weight: normal;
  font-style: normal;
}

body {
  padding-top: 0;
  background-color: #AC207D;
  background-repeat: no-repeat;
  font-family: "Swiss721"
}

.clickable {
  color: red;
  font-family: 'DirtyHeadlineRegular';
  font-size: 24px;
  background-color: white;
  margin: 10px;
  padding: 15px;
  -moz-border-radius: 15px;
  box-shadow: 0px 0px 5px #333;
  border-radius: 15px;
}

.remix {
  position: relative;
  /*height:500px;*/
}

@media (min-width: 415px) {
  .cornerBG {
    background-image: url('/images/corner2.png');
    background-repeat: no-repeat;
    background-position-x: 65px;
    min-width: 100px;
    background-size: auto;
  }
}

#bannerDesktop {
  font-family: "Sequel Neue"
}

#bannerTab {
  height: 60vh;
  background-repeat: no-repeat;
}

#bannerMob {
}

.padd10 {
  padding: 10px;
}

.margin10 {
  margin: 10px;
}

img {
  padding: 0px;
  margin: 0px;
}

.clickable {
  cursor: pointer;
}

.mainTemplate {
  padding-top: 10px;
  background: #AC207D;
}

.white {
  background-color: white;
  background-color: rgb(255,255,255);
  -moz-border-radius: 15px;
  box-shadow: 0px 0px 5px #333;
  border-radius: 15px;
}



.white2 {
  background-color: white;
}

.tableBorder {
    border: 2px solid black;
}

.tableBorderRight {
    border-right: 2px solid black;
}

.clear {
  clear: both;
}

.boldHeading {
  font-size: larger;
}

h2, h1, h3, .boldHeading {
  font-family: 'Sequel Neue';
  text-transform: uppercase;
}

h1 {
  text-align: center;
}

.hide {
}

.imgLeft {
  float: left;
}

.imgRight {
  float: right;
}

.left {
  text-align: left;
}
/**********Nav Alterations  *************/
.navbar {
  /*padding-left:260px;*/
}

.navbar {
  font-family: 'Sequel Neue';
  text-transform: uppercase;
  /*font-size:20px;*/
}

.navbar-nav > li {
  margin-left: 5px;
  margin-right: 5px;
}

.navbar li a {
  background-color: #5d2b88;
}

.navbar-toggle {
  background-color: #5d2b88;
  color: #fff;
}

.navbar-right li a {
  padding: 0px;
  margin: 0px;
  background-color: transparent;
}

  .navbar-right li a:hover, .navbar-right li a:focus {
    background-color: transparent;
  }

.navbar-nav > li > a {
  margin-top: 0px;
  margin-bottom: 0px;
}

.navbar-default .navbar-nav > li > a {
  margin-top: 7px;
  /*width:174px;*/
}



.dropdown-menu > li > a {
  color: #fff;
}

#vimtoLogo {
  position: absolute;
  left: 0px;
}

#header {
  position: relative;
  background-color: red;
  margin-left: auto;
  margin-right: auto;
}

.vimtoBG { /*background-image:url('/images/vimtoBackground.png');background-repeat:no-repeat;background-attachment:local; background-position:50% 0;
*/
}

#footer {
  width: 100%; /*background-color:#5d2b88;*/
  margin-top: 90px;
  min-height: 10px;
  color: #fff;
  padding-top: 40px;
  padding-bottom: 40px;
}

#footer { /*border-top:solid;border-width:4px; border-top-color:white;*/
}

  #footer a {
    margin: 20px;
    border: solid;
    border-width: 1px;
    border-color: #fff;
    padding: 10px;
    color: #fff;
  }

#footerCenter {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}


/*****************Homepage*****************/
#homeAdvert {
  width: 348px;
  height: 166px;
  background-color: lightyellow;
  margin-bottom: 20px;
}

.shareSummary {
  width: 140px;
  float: left;
}

.shareIcons {
  float: right;
}

.facebookReply {
  float: left;
  position: absolute;
  bottom: 0px;
  width: 100%;
  background-color: white;
}

.facebookContainer {
  width: 100%;
  position: relative;
  height: 380px;
}

.facebookArea {
  padding: 0px;
  margin: 0px;
  margin-top: 20px;
  background-color: white;
  background-color: rgba(255,255,255,0.85);
  -moz-border-radius: 15px;
  box-shadow: 0px 0px 5px #333;
  border-radius: 15px;
}

.socialHead {
  padding-top: 10px;
  padding-left: 10px;
}

.socialHead2 {
  font-family: 'Sequel Neue';
  font-size: 20px;
  padding-top: 10px;
  margin-left: 10px;
  /*background-color:#fff;*/
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}

  .socialHead2 a:hover {
    text-decoration: none;
  }

#tvSurround {
  background-repeat: no-repeat;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
  height: 256px;
  width: 100%;
  background-color: black;
  -moz-border-radius: 15px;
  border-radius: 15px;
}

#tvSurround2 {
  background-repeat: no-repeat;
  margin-left: 10px;
  margin-right: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
  height: 256px;
  width: 100%;
  background-color: black;
  -moz-border-radius: 15px;
  border-radius: 15px;
}

#twitterFeed {
  min-height: 120px;
  padding-left: 46px;
  padding-right: 10px;
  padding-top: 10px;
}

#mintweet {
  min-height: 40px;
  width: 100%;
}

.tweetIcon {
  float: left;
  padding-left: 10px;
}

.tweetReply a span {
  display: block;
  float: left;
  background: url('/images/reply-sprite.png') no-repeat;
  height: 15px;
  width: 10px;
  background-position-x: -15px;
  padding-right: 6px;
}

.tweetRetweet a span {
  display: block;
  float: left;
  background: url('/images/retweet-sprite.png') no-repeat;
  height: 15px;
  width: 10px;
  background-position-x: -15px;
  padding-right: 6px;
}


.tweetFavorite a span {
  display: block;
  float: left;
  background: url('/images/favorite-sprite.png') no-repeat;
  height: 15px;
  width: 10px;
  background-position-x: -15px;
  padding-right: 6px;
}

.tweetIcons {
  position: absolute;
  bottom: 10px;
}

.sweetsHeight {
  min-height: 280px;
}

#vimtoadImg {
  margin-top: 180px;
}


#vimtoadYourSelf {
  position: absolute;
  top: 450px;
  left: 140px;
  background-color: red;
  padding-left: 20px;
  padding-right: 20px;
  font-family: 'Sequel Neue';
  font-size: 24px;
  color: white;
  cursor: pointer;
}

  #vimtoadYourSelf:hover {
    background-color: #5d2b88;
  }

#vimtoadImgAdvert {
}

#vimtoadImg:before {
  content: ' ';
  width: 157px;
  height: 55px;
  position: absolute;
  /* background-image:url('/images/pinimage.png'); background-repeat:no-repeat;*/
  top: 125px;
  left: 96px;
}


.facebookFeed {
  margin-top: 0px;
  padding-top: 10px;
  padding-bottom: 20px;
}

#theVimtoad {
  margin-top: 180px
}

.top10 {
  margin-top: 10px;
}

.top20 {
  margin-top: 20px;
}

.red {
  background-color: red;
}

.blue {
  background-color: blue;
}

#speach {
  background-color: wheat;
}

.speach:before {
  content: ' ';
  position: absolute;
  width: 0;
  height: 0;
  left: -40px;
  top: 110px;
  border: 20px solid;
  border-color: transparent rgba(255,255,255,0.85) rgba(255,255,255,0.85) transparent;
}



/****************************FAQ  Section **********************************************/


#faqBack {
  background-repeat: no-repeat;
  position: relative;
  background-size: 100%;
  min-height: 700px;
  overflow: hidden;
  padding: 20px;
}

.faqdesc {
  display: none;
}

.question {
  display: none;
}

.clickQuestion {
  cursor: pointer;
  margin-bottom: 20px;
  width: 100%;
  background-color: lightgray;
  padding: 15px;
  -moz-border-radius: 10px;
  box-shadow: 0px 0px 5px #333;
  border-radius: 10px;
  text-align: center;
  min-height: 70px;
}

.vimtoadRock:before {
  content: ' ';
  width: 300px;
  height: 500px;
  position: absolute;
  background-repeat: no-repeat;
  left: -250px;
  bottom: -200px;
}

/***************product page****************************************/


.prodNew a h3 {
  color: #5d2b88
}

.prodNew, .prodNew1 {
  /*float:left;max-width:25%; min-width:25%*/
}

.prodNew2 {
  float: left;
  width: 18%;
  position: relative;
  margin-right: 15px;
}

.prodNew img {
}

.sweets .prodNew, .prodNew1 {
  max-width: 25%;
  min-width: 10%;
  margin-right: 10px;
}



.prodLarge {
  height: 280px;
  background-color: red;
}

.prodLargeImg {
  height: 370px;
  position: relative;
}

  .prodLargeImg img {
    position: absolute;
    bottom: 0px;
  }


.extraInfo {
  display: none;
}

.ingredients h3, .nutrition h3, .prodSmall h3, .prodSmall2 h3 {
  font-size: 14px;
  padding: 0px;
  margin-top: 5px;
}

.ingredients {
  font-size: 12px;
}

.nutritional {
}


.prodSmall {
  height: 330px;
  position: relative;
  width: 102px;
  float: left;
  padding-left: 10px;
}

.prodSmallImg {
  height: 330px;
  position: relative;
}

  .prodSmallImg img {
    position: absolute;
    bottom: 0px;
  }



.prodSmall2 {
  height: 240px;
  position: relative;
  width: 102px;
  float: left;
  padding-left: 10px;
}

.prodSmall2Img {
  height: 240px;
  position: relative;
}

  .prodSmall2Img img {
    position: absolute;
    bottom: 0px;
  }

.moreInfoDesc h2 {
  margin-top: 0px;
}




#productPage {
  padding: 20px;
  position: relative;
}

#prodDesc {
  min-height: 50px;
  text-align: left;
}

#productDesc {
  text-align: left;
  float: left;
}

#productPage h3 {
  font-size: 14px;
}

#nutInfo h3 {
  font-size: 10px;
  line-height: 14px;
}

#nutInfo {
  font-size: 14px;
  line-height: 18px
}

#prodImage {
  text-align: center;
  margin-left: 120px;
  padding: 10px;
  vertical-align: bottom;
  min-height: 500px;
  position: absolute;
  top: 140px;
  left: 0px;
}

#prodIng {
  min-height: 200px;
  float: Left;
}

#otherProductsCycle {
  width: 480px;
  height: 280px;
  float: right;
}

.otherProds {
  float: left;
}

#otherProductsCarbs {
  width: 460px;
  height: 280px;
  left: 385px;
  top: 250px;
}

#newRotator {
  float: left;
  width: 600px;
}

#rot {
  background-color: blue;
}

#prodName {
  text-align: left;
}

.nutType {
  font-weight: normal;
  font-size: 10px;
  width: 90px;
  display: block;
  float: left;
}

#nuting {
  font-size: 12px;
}

#prodIng {
  min-height: 200px;
  float: Left;
}

#otherProductsCycle {
  width: 480px;
  height: 280px;
  float: right;
  background-color: red;
}

.otherProds {
  float: left;
}

#otherProductsCarbs {
  width: 460px;
  height: 280px;
  left: 385px;
  top: 250px;
}

#otherProductsCordial {
  position: absolute;
  bottom: 10px;
  right: 0px;
  width: 550px;
}

img.lessOpacity {
  opacity: 1;
  filter: alpha(opacity=100);
  zoom: 1; /* needed to trigger "hasLayout" in IE if no width or height is set */
}

.hideit {
  opacity: 0.4;
  filter: alpha(opacity=40);
  zoom: 1; /* needed to trigger "hasLayout" in IE if no width or height is set */
}

.hidden {
  display: none;
}



/**************************************************************************/
#select-year {
  float: right;
}

#timelineBox {
  height: 760px;
  padding-left: 10px;
  padding-right: 5px;
  padding-top: 40px;
}

#storeSummary {
  min-height: 110px;
}

/*****************Contact Page*****************/
/**************************************************/
.prodOther {
  width: 200px;
  float: left;
  padding-left: 10px;
}
/**************************************************/
#contactSpeech {
  position: relative;
  font-size: 24px;
  margin-top: 20px;
}

.speech {
  top: -10px;
  position: absolute;
  padding-right: 10px;
  left: 10px;
}

.vimtotoadSays {
  margin-top: 20px;
}

.mainContact:before {
  content: ' ';
  /*background-image: url('/images/toadcontact.png');*/
  background-repeat: no-repeat;
  position: absolute;
  width: 600px;
  height: 300px;
  left: -600px;
  bottom: -70px;
}

.inputLable {
  /*float:left;width:150px;*/
}

.contactItem {
  padding-bottom: 8px;
}






@media (max-width: 1200px) {
  .socialHead2 {
    font-size: 18px;
  }

  .tweetIcons {
    margin-left: 30px;
    bottom: 10px;
  }

  #vimtoadYourSelf {
    top: 410px;
    left: 100px;
  }

  #twitterFeed {
    padding-left: 0px;
  }
}




@media (max-width : 991px) {
  .vimtoadRock:before {
    display: none;
  }

  #trySummert {
    display: none;
  }

  #tvSurround {
    height: 400px;
  }

  .mobilePadd {
    margin: 15px;
  }

  #vimtoadImg {
    margin-top: 0px;
  }

    #vimtoadImg:before {
      display: none;
    }

  #vimtoadYourSelf {
    top: 310px;
    left: 150px;
  }

  .mainContact:before {
    display: none;
  }



  .container {
    padding: 0px;
  }

  .vimtoBG {
    padding: 0px;
  }

  .padd10 {
    padding: 0px;
  }
  /*.margin10 {margin:0px;
    }*/
  .col-md-10, .col-md-8, .col-md-7 {
    padding: 0px;
  }

  .mobilePadd {
    margin: 0px;
    padding: 10px;
  }

  #tvSurround {
    margin: 0px;
  }
}



.pageHeaderSocialIcons {
  margin: 20px;
}

.socialMenuIcons {
  margin-top: 6px;
}

  .socialMenuIcons a {
    background-color: transparent !important;
    padding: 0 !important;
    margin: 2px 5px !important;
  }

.navbar-collapse.in {
  overflow: initial;
}

@media (max-width: 768px) {
  .nav {
    width: 100%;
    margin: 0;
  }
}


.logo {
  z-index: 100;
  height: 60px;
  margin-left: 10px;
}

#mainLogoMob {
  margin: 0 auto;
}
/*@media (max-width: 1000px) {
    .logo {
        height: 80px;
    }
}*/

@media (min-width: 768px) and (max-width: 796px) {
  .mainTemplate .navbar-nav li a {
    padding: 12px;
  }
}

@media (min-width: 945px) {
  .navbar {
    font-size: 20px;
  }
}

@media (min-width: 1050px) {
  .logo {
    position: absolute;
    margin-left: 20px;
    margin-top: 10px;
    height: auto;
    width: 90px;
  }
}

@media (min-width: 1135px) {
  .logo {
    width: 230px;
    margin: 0;
  }
}

@media (min-width: 1920px) {
  .logo {
    width: 150px;
  }
}

@media (min-width: 2560px) {
  .logo {
    width: 245px;
  }
}

@media (min-width: 2800px) {
  .logo {
    width: 275px;
  }
}

@media (min-width: 3200px) {
  .logo {
    width: 475px;
  }
}

@media (min-width: 4096px) {
  .logo {
    width: 575px;
  }
}

@media (min-width: 5120px) {
  .logo {
    width: 675px;
  }
}

.fullWidth {
  width: 100%;
}

#CookiesDisclaimer {
    background-color: #5d2b88;
    padding: 15px;
}

.contact {
  background-color: #FFFFFF;
  /*background-color: rgb(255, 252, 218);
    /*background-color: rgb(255, 252, 218);
    background-color: hsl(55, 95%, 92%);*/
  -moz-border-radius: 15px;
  border-radius: 15px;
  margin: 15px;
}

  .contact textarea,
  .contact input {
    border: 1px solid #E0F3CF;
  }

.marginRight30 {
  margin-right: 30px;
}

.marginLeft60 {
  margin-left: 60px;
}

.marginLeft31 {
  margin-left: 31px;
}

.marginLeft15 {
  margin-left: 15px;
}

.marginLeft10 {
  margin-left: 10px;
}

.marginRight10 {
  margin-right: 10px;
}

.marginBottom15 {
  margin-bottom: 15px;
}

.marginTop20 {
  margin-top: 20px;
}

.marginTop10 {
  margin-top: 10px;
}

.marginTop5 {
  margin-top: 5px;
}

.homeTileContent.paddingLeft10 {
  padding-left: 10px;
}

.homeTileContent.paddingRight10 {
  padding-right: 10px;
}

.footerNewButtons {
  color: #ffffff;
}

.tweetIcons {
  float: none;
  position: relative;
}

.homeTile3 {
  /*<img src="images/RemixBanner.png" alt="" class="img-responsive fullWidth"/>*/
  background-image: Url("/images/RemixBanner.png");
  background-position: top;
  -ms-background-size: contain;
  background-size: contain;
  width: 100%;
  min-height: 480px;
  height: 100%;
  background-repeat: no-repeat;
}

.homeTile3_5 {
  /*<img src="images/RemixBanner.png" alt="" class="img-responsive fullWidth"/>*/
  background-image: Url("/images/toadoff/remix-web-image-Update-01.jpg");
  background-position: top;
  -ms-background-size: contain;
  background-size: contain;
  width: 100%;
  min-height: 480px;
  height: 100%;
  background-repeat: no-repeat;
}

.homeTile {
  padding: 0 15px;
  margin-bottom: 15px;
  -ms-border-radius: 15px;
  border-radius: 15px;
}

.homeTileContent {
  background-color: #FFFFFF;
  min-height: 630px;
  padding: 10px 0 0;
  -ms-border-radius: 15px;
  border-radius: 15px;
}

@media (max-width:769px) {

  .homeTile3 {
    min-height: 280px;
  }

  /* .homeTileContent {
        min-height: 300px;
    } */
}

.socialHead2 {
  background-color: #FFFFFF;
  margin-left: 0;
  margin-right: 0;
  -ms-border-radius: 0;
  border-radius: 0;
  margin-top: -10px;
  padding: 10px;
  -ms-border-radius: 15px;
  border-radius: 15px;
}

.tweet {
  border-bottom: 1px solid #E0F3CF;
  padding: 10px;
}

.tweetList {
  height: 560px;
  overflow-y: scroll;
}

@media(max-width: 414px) {

  .tweetList {
    /*height: 245px;*/
  }
}

.tweetList {
  scrollbar-face-color: ThreeDFace !important;
  scrollbar-shadow-color: ThreeDDarkShadow !important;
  scrollbar-highlight-color: ThreeDHighlight !important;
  scrollbar-3dlight-color: ThreeDLightShadow !important;
  scrollbar-darkshadow-color: ThreeDDarkShadow !important;
  scrollbar-track-color: Scrollbar !important;
  scrollbar-arrow-color: ButtonText !important;
}

#competitionModal .modal-dialog,
#competitionModal .modal-dialog .modal-content {
  height: 98%;
  border-radius: 0;
}

@media(min-width: 768px) {
  #competitionModal .modal-dialog {
    width: 75%;
    height: 90%;
  }
}

#competitionModal .modal-dialog {
  padding-bottom: 35px;
}

  #competitionModal .modal-dialog .modal-content .modal-header {
    border: none;
    margin-bottom: 15px;
    font-size: 2em;
  }

#productPage {
  -ms-border-radius: 15px;
  border-radius: 15px;
  background-color: #FFFFFF;
  height: initial;
  font-size: 1.3em;
  margin-top: 20px;
}

  #productPage #prodName {
    -ms-border-radius: 15px;
    border-radius: 15px;
    background-color: #FFFFFF;
    padding: 10px 20px;
    font-size: 2.7em;
    font-family: Sequel Neue;
    margin-left: -20px;
    margin-right: -20px;
    margin-top: -20px;
    margin-bottom: 10px;
    text-transform: uppercase;
  }

@media(max-width: 768px) {
  #productPage #prodName {
    font-size: 1.7em;
  }
}

.compFooter {
  width: 100%;
  height: 90px;
  position: fixed;
  bottom: 0;
  background-color: #fbaf54;
  padding: 10px;
  -webkit-box-shadow: 0 0 30px #631037;
  -ms-box-shadow: 0 0 30px #631037;
  box-shadow: 0 0 30px #631037;
}

  .compFooter .txt {
    font-family: Sequel Neue;
    color: #631037;
    margin-left: 3%;
    cursor: pointer;
    font-size: 1.5em;
  }

  .compFooter .compButton {
    cursor: pointer;
  }

  .compFooter .fa-close {
    color: #631037;
    cursor: pointer;
  }

  .compFooter img {
    margin: 0 auto;
  }

@media(min-width: 500px) {

  .compFooter {
    height: 50px;
  }

    .compFooter .txt {
      font-size: 1.5em;
    }

    .compFooter img {
      height: 100%;
    }
}

@media(min-width: 1280px) {

  .compFooter img {
    margin-left: 35%;
  }
}

.mainContact {
  min-height: 440px;
}

.contactCategory {
  clear: both;
}

.contactCategoryTile {
  width: 45%;
  display: inline-table;
  min-height: 150px;
  min-width: 130px;
  text-align: center;
  background-color: #ad175d;
  font-size: 1.5em;
  color: #ffffff;
  margin: 1%;
  /*padding-top: 43px;
    padding-left: 15px;
    padding-right: 15px;*/
  -ms-border-radius: 15px;
  border-radius: 15px;
  cursor: pointer;
  padding: 10px;
}
  /*#fbaf54*/

  .contactCategoryTile:hover {
    background-color: #7D1546;
  }

  .contactCategoryTile span {
    text-align: justify;
    font-size: 0.7em;
  }

@media (max-width: 768px) {

  .contactCategoryTile {
    width: 97%;
    min-height: initial;
  }
}