/* Google Webfonts Localy */
/* hind-regular - latin-ext_latin_devanagari */
@font-face {
   font-family: 'Hind';
   font-style: normal;
   font-weight: 400;
   src: url('/fonts/hind-v16-latin-ext_latin_devanagari-regular.eot'); /* IE9 Compat Modes */
   src: local(''),
   url('/fonts/hind-v16-latin-ext_latin_devanagari-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
   url('/fonts/hind-v16-latin-ext_latin_devanagari-regular.woff2') format('woff2'), /* Super Modern Browsers */
   url('/fonts/hind-v16-latin-ext_latin_devanagari-regular.woff') format('woff'), /* Modern Browsers */
   url('/fonts/hind-v16-latin-ext_latin_devanagari-regular.ttf') format('truetype'), /* Safari, Android, iOS */
   url('/fonts/hind-v16-latin-ext_latin_devanagari-regular.svg#Hind') format('svg'); /* Legacy iOS */
}
/* hind-600 - latin-ext_latin_devanagari */
@font-face {
   font-family: 'Hind';
   font-style: normal;
   font-weight: 600;
   src: url('/fonts/hind-v16-latin-ext_latin_devanagari-600.eot'); /* IE9 Compat Modes */
   src: local(''),
   url('/fonts/hind-v16-latin-ext_latin_devanagari-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
   url('/fonts/hind-v16-latin-ext_latin_devanagari-600.woff2') format('woff2'), /* Super Modern Browsers */
   url('/fonts/hind-v16-latin-ext_latin_devanagari-600.woff') format('woff'), /* Modern Browsers */
   url('/fonts/hind-v16-latin-ext_latin_devanagari-600.ttf') format('truetype'), /* Safari, Android, iOS */
   url('/fonts/hind-v16-latin-ext_latin_devanagari-600.svg#Hind') format('svg'); /* Legacy iOS */
}
/* raleway-800 - vietnamese_latin-ext_latin_cyrillic-ext_cyrillic */
@font-face {
   font-family: 'Raleway';
   font-style: normal;
   font-weight: 800;
   src: url('/fonts/raleway-v28-vietnamese_latin-ext_latin_cyrillic-ext_cyrillic-800.eot'); /* IE9 Compat Modes */
   src: local(''),
   url('/fonts/raleway-v28-vietnamese_latin-ext_latin_cyrillic-ext_cyrillic-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
   url('/fonts/raleway-v28-vietnamese_latin-ext_latin_cyrillic-ext_cyrillic-800.woff2') format('woff2'), /* Super Modern Browsers */
   url('/fonts/raleway-v28-vietnamese_latin-ext_latin_cyrillic-ext_cyrillic-800.woff') format('woff'), /* Modern Browsers */
   url('/fonts/raleway-v28-vietnamese_latin-ext_latin_cyrillic-ext_cyrillic-800.ttf') format('truetype'), /* Safari, Android, iOS */
   url('/fonts/raleway-v28-vietnamese_latin-ext_latin_cyrillic-ext_cyrillic-800.svg#Raleway') format('svg'); /* Legacy iOS */
}
/*
* COLORS
*/
/*
* TYPOGRAPHY
*/
a
{
   font-weight: 600;
   -webkit-transition: all 0.25s ease-out;
   -moz-transition: all 0.25s ease-out;
   -o-transition: all 0.25s ease-out;
   transition: all 0.25s ease-out;
}

img
{
   max-width: 100%;
   height: auto;
}

iframe
{
   max-width: 100%;
}

table
{
   width: 100%;
}

.bold
{
   font-weight: 600;
}

.body-text
{
   font-family: "Hind", "Helvetica Neue", Helvetica, Arial, sans-serif;
   text-transform: none;
   letter-spacing: 0;
}

.title-text
{
   font-family: "Raleway", Helvetica, Arial, sans-serif;
   text-transform: uppercase;
   letter-spacing: 0.05em;
}

/*
* TOP LINKS
*/
.header
{
   color: #7a7978;
}

.top-row
{
   padding-top: 1.5%;
   padding-left: 0;
}

.top-row .btn-group,
.top-row .btn-default,
.top-row .top-links
{
   float: right;
}

.top-row .btn,
.top-row .top-links
{
   font-size: 0.875em;
}

.top-row .btn
{
   font-family: "Hind", "Helvetica Neue", Helvetica, Arial, sans-serif;
   font-weight: 600;
}

.top-row .btn-default
{
   line-height: 1;
}

.top-row .btn-default .glyphicon
{
   margin-right: 10px;
   font-size: 1.25em;
   vertical-align: middle;
}

.top-links
{
   list-style: none;
   margin: 0;
   padding: 0.5em 1em 0 0;
}

.top-links a
{
   font-weight: 400;
}

.navbar-form .form-group
{
   display: inline-block;
   vertical-align: top;
   width: 85%;
}

.navbar-form .btn
{
   margin-left: -8px;
   border-radius: 0 4px 4px 0;
   height: 36px;
}

.navbar-form .form-control
{
   line-height: 36px;
}

.nav
{
   text-transform: uppercase;
   letter-spacing: 0.05em;
}

.navbar-header .visible-xs
{
   float: left;
   margin: 15px 0 0 15px;
}

.navbar-header .visible-xs .btn
{
   font-size: 0.875em;
   font-family: "Hind", "Helvetica Neue", Helvetica, Arial, sans-serif;
   font-weight: 600;
}

.navbar-header .visible-xs .btn-default
{
   float: left;
}

.two-col
{
   padding: 2em 0;
}

.form-control
{
   max-width: 100%;
}

.inline-links li
{
   display: inline;
}

.inline-links li:before
{
   content: ' / ';
   padding: 0 1px;
}

.inline-links li:first-child:before
{
   content: '';
   padding-left: 0;
}

.btn-dropdown
{
   background: #252525;
   border-color: #252525;
   border-left-color: #403f3e;
   color: #fff;
   padding: 4px 6px;
}

.btn-dropdown:focus, .btn-dropdown:hover
{
   color: #fff;
}

.btn-secondary
{
   background: #252525;
}

.btn-secondary:focus, .btn-secondary:hover
{
   color: #fff;
}

.lang
{
   height: 33px;
}

.lang img
{
   margin-right: 5px;
   border: 1px solid #fff28d;
   height: 16px;
}

.lang .btn
{
   height: 100%;
}

.page-header
{
   border: 0;
   padding-bottom: 0;
   margin: 0;
}

.page-header img
{
   display: block;
   width: 100%;
}

.page-title
{
   color: white;
   text-transform: uppercase;
}

.entry-content
{
   padding-top: 1em;
   padding-bottom: 1em;
}

.js-font-size
{
   line-height: 64px;
   margin-right: 0;
}

.js-font-size a
{
   margin-left: 5px;
   background: #403f3e;
   padding: 0 10px;
   border-radius: 3px;
   line-height: 36px;
   display: inline-block;
   vertical-align: middle;
}

.sidebar
{
   padding-top: 1em;
}

.block
{
   background-color: #252525;
   color: white;
   padding: 1.25em;
   margin-bottom: 1em;
}

.block h3
{
   text-transform: uppercase;
   font-size: 1em;
   margin: 0 0 1.25em;
}

.block .navbar-form
{
   padding: 0;
   margin: 0 0 5px 0;
}

.block .navbar-form .form-group
{
   width: 72%;
}

.block-nav
{
   padding: 1.25em 0;
}

.block-nav h3
{
   margin-left: 1.25em;
}

.sidebar-nav, .sidebar-nav ul
{
   list-style: none;
   padding: 0;
}

.sidebar-nav li
{
   padding-bottom: 0.25em;
}

.sidebar-nav a
{
   display: block;
   padding: 5px 1.25em;
   position: relative;
   line-height: 1;
   color: white;
}

.sidebar-nav a:hover
{
   color: #f3d800;
}

.sidebar-nav .level-0
{
   color: white;
   margin-bottom: 0.5em;
   padding: 10px 2em 10px 1.25em;
   z-index: 2;
   word-break: break-all;
   -webkit-perspective: 900000px;
   perspective: 900000px;
}

.sidebar-nav .level-0:before
{
   content: '';
   display: block;
   position: absolute;
   right: 0;
   top: 0;
   left: 0;
   bottom: -0.25em;
   z-index: -1;
}

.sidebar-nav .level-0:hover
{
   background-color: #333333;
}

.sidebar-nav .level-0.current
{
   color: black;
   width: 95%;
}

.sidebar-nav .level-0.current:before
{
   background: #f3d800;
   -webkit-transform: perspective(10px) rotateX(-2deg);
   transform: perspective(10px) rotateX(-2deg);
   -webkit-transform-origin: top left;
   -ms-transform-origin: top left;
   transform-origin: top left;
}

.sub-nav
{
   margin-bottom: 1.125em;
}

.sub-nav .glyphicon
{
   position: absolute;
   top: 5px;
   font-size: 0.75em;
}

.sub-nav .level-1
{
   padding-left: 2.0em;
}

.sub-nav .level-1-current
{
   padding-left: 1.25em;
}

.sub-nav .level-1 .glyphicon
{
   left: 1.25em;
}

.sub-nav .level-1 .glyphicon-active
{
   right: 1.25em;
   left: initial;
}

.sub-nav .level-2
{
   padding-left: 3.0em;
}

.sub-nav .level-2 .glyphicon
{
   left: 2.25em;
}

.sub-nav .level-2-current
{
   padding-left: 2.00em;
}

.sub-nav .level-2 .glyphicon-active
{
   right: 1.25em;
   left: initial;
}

.sub-nav .level-3
{
   padding-left: 3.75em;
}

.sub-nav .level-3 .glyphicon
{
   left: 3.25em;
}

.sub-nav .current
{
   color: #f3d800;
}

.sub-nav .children
{
   padding-top: 5px;
}

.block-special
{
   background: #9e2020;
   color: white;
   font-size: 1.5em;
   text-align: center;
}

.block-special a
{
   color: white;
   display: block;
   padding: 0.75em;
}

.footer
{
   font-size: 0.933em;
   line-height: 1.4;
}

.footer p
{
   margin-bottom: 0.5em;
}

.footer .h6
{
   text-transform: uppercase;
   margin-bottom: 1.75em;
}

.footer ul
{
   list-style: none;
   padding: 0;
}

.footer ul li
{
   margin-bottom: 1em;
}

.footer a
{
   color: #f5b800;
}

.sub-footer,
.site-info
{
   padding: 2em 0;
}

.sub-footer
{
   background-color: #ebebeb;
   color: #403f3e;
}

.footer-col
{
   padding-bottom: 1em;
}

.site-info
{
   background-color: black;
}

.site-info .form-group
{
   max-width: 65%;
   display: inline-block;
   vertical-align: top;
}

.site-info .form-control
{
   line-height: 36px;
}

.site-info .btn
{
   font-size: 0.875em;
   margin-left: -8px;
   height: 36px;
}

.site-info #socials
{
   margin-top: 15px;
}

.site-info #socials a
{
   text-align: center;
   float: left;
}

.site-info #socials a > i
{
   padding: 5px 25px 5px 0px;
   font-size: 2em;
}

.copyright
{
   padding: 2em 0;
   color: #ebebeb;
}

/**
 * EasyZoom core styles
 */
.easyzoom
{
   position: relative;
   /* 'Shrink-wrap' the element */
   display: inline-block;
   *display: inline;
   *zoom: 1;
   width: 100%;
}

.easyzoom img
{
   vertical-align: middle;
}

.easyzoom.is-loading img
{
   cursor: progress;
}

.easyzoom.is-ready img
{
   cursor: crosshair;
}

.easyzoom.is-error img
{
   cursor: not-allowed;
}

.easyzoom-notice
{
   position: absolute;
   top: 50%;
   left: 50%;
   z-index: 150;
   width: 10em;
   margin: -1em 0 0 -5em;
   line-height: 2em;
   text-align: center;
   background: #FFF;
   box-shadow: 0 0 10px #888;
}

.easyzoom-flyout
{
   position: absolute;
   z-index: 100;
   overflow: hidden;
   background: #FFF;
}

.easyzoom-flyout img
{
   max-width: none;
}

/**
 * EasyZoom layout variations
 */
.easyzoom--overlay .easyzoom-flyout
{
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
}

.easyzoom--adjacent .easyzoom-flyout
{
   top: 0;
   left: 100%;
   width: 100%;
   height: 100%;
   margin-left: 20px;
}

/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper
{
   position: absolute;
   top: 0;
   left: 0;
   z-index: 9999;
   overflow: hidden;
}

#cboxWrapper
{
   max-width: none;
}

#cboxOverlay
{
   position: fixed;
   width: 100%;
   height: 100%;
}

#cboxMiddleLeft, #cboxBottomLeft
{
   clear: left;
}

#cboxContent
{
   position: relative;
}

#cboxLoadedContent
{
   overflow: auto;
   -webkit-overflow-scrolling: touch;
}

#cboxTitle
{
   margin: 0;
}

#cboxLoadingOverlay, #cboxLoadingGraphic
{
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
}

#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow
{
   cursor: pointer;
}

.cboxPhoto
{
   float: left;
   margin: auto;
   border: 0;
   display: block;
   max-width: none;
   -ms-interpolation-mode: bicubic;
}

.cboxIframe
{
   width: 100%;
   height: 100%;
   display: block;
   border: 0;
   padding: 0;
   margin: 0;
}

#colorbox, #cboxContent, #cboxLoadedContent
{
   box-sizing: content-box;
   -moz-box-sizing: content-box;
   -webkit-box-sizing: content-box;
}

/*
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay
{
   background: #000;
   opacity: 0.9;
   filter: alpha(opacity=90);
}

#colorbox
{
   outline: 0;
}

#cboxContent
{
   margin-top: 20px;
   background: #000;
}

.cboxIframe
{
   background: #fff;
}

#cboxError
{
   padding: 50px;
   border: 1px solid #ccc;
   color: #000000;
}

#cboxLoadedContent
{
   border: 5px solid #000;
   background: #fff;
}

#cboxTitle
{
   position: absolute;
   top: -20px;
   left: 0;
   color: #ccc;
}

#cboxCurrent
{
   position: absolute;
   top: -20px;
   right: 0px;
   color: #ccc;
}

#cboxLoadingGraphic
{
   background: url(../img/loading.gif) no-repeat center center;
}

/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose
{
   border: 0;
   padding: 0;
   margin: 0;
   overflow: visible;
   width: auto;
   background: none;
}

/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active
{
   outline: 0;
}

#cboxSlideshow
{
   position: absolute;
   top: -20px;
   right: 90px;
   color: #fff;
}

#cboxPrevious
{
   position: absolute;
   top: 50%;
   left: 5px;
   margin-top: -32px;
   background: url(../img/controls.png) no-repeat top left;
   width: 28px;
   height: 65px;
   text-indent: -9999px;
}

#cboxPrevious:hover
{
   background-position: bottom left;
}

#cboxNext
{
   position: absolute;
   top: 50%;
   right: 5px;
   margin-top: -32px;
   background: url(../img/controls.png) no-repeat top right;
   width: 28px;
   height: 65px;
   text-indent: -9999px;
}

#cboxNext:hover
{
   background-position: bottom right;
}

#cboxClose
{
   position: absolute;
   top: 5px;
   right: 5px;
   display: block;
   background: url(../img/controls.png) no-repeat top center;
   width: 38px;
   height: 19px;
   text-indent: -9999px;
}

#cboxClose:hover
{
   background-position: bottom center;
}

/*
 * jQuery FlexSlider v2.5.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 and later license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 *
 */
/* ====================================================================================================================
 * FONT-FACE
 * ====================================================================================================================*/
@font-face
{
   font-family: 'flexslider-icon';
   src: url("../fonts/flexslider-icon.eot");
   src: url("../fonts/flexslider-icon.eot?#iefix") format("embedded-opentype"), url("../fonts/flexslider-icon.woff") format("woff"), url("../fonts/flexslider-icon.ttf") format("truetype"), url("../fonts/flexslider-icon.svg#flexslider-icon") format("svg");
   font-weight: normal;
   font-style: normal;
}

/* ====================================================================================================================
 * RESETS
 * ====================================================================================================================*/
.flex-container a:hover,
.flex-slider a:hover,
.flex-container a:focus,
.flex-slider a:focus
{
   outline: none;
}

.slides,
.slides > li,
.flex-control-nav,
.flex-direction-nav
{
   margin: 0;
   padding: 0;
   list-style: none;
}

.flex-pauseplay span
{
   text-transform: capitalize;
}

/* ====================================================================================================================
 * BASE STYLES
 * ====================================================================================================================*/
.flexslider
{
   margin: 0;
   padding: 0;
}

.flexslider .slides > li
{
   display: none;
   -webkit-backface-visibility: hidden;
}

.flexslider .slides img
{
   width: 100%;
   display: block;
}

.flexslider .slides:after
{
   content: "\0020";
   display: block;
   clear: both;
   visibility: hidden;
   line-height: 0;
   height: 0;
}

html[xmlns] .flexslider .slides
{
   display: block;
}

* html .flexslider .slides
{
   height: 1%;
}

.no-js .flexslider .slides > li:first-child
{
   display: block;
}

/* ====================================================================================================================
 * DEFAULT THEME
 * ====================================================================================================================*/
.flexslider
{
   position: relative;
   zoom: 1;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
   -webkit-box-shadow: "" 0 1px 4px rgba(0, 0, 0, 0.2);
   -moz-box-shadow: "" 0 1px 4px rgba(0, 0, 0, 0.2);
   -o-box-shadow: "" 0 1px 4px rgba(0, 0, 0, 0.2);
   box-shadow: "" 0 1px 4px rgba(0, 0, 0, 0.2);
}

.flexslider .slides
{
   zoom: 1;
}

.flexslider .slides img
{
   height: auto;
}

.flex-viewport
{
   max-height: 2000px;
   -webkit-transition: all 1s ease;
   -moz-transition: all 1s ease;
   -ms-transition: all 1s ease;
   -o-transition: all 1s ease;
   transition: all 1s ease;
}

.loading .flex-viewport
{
   max-height: 300px;
}

.carousel li
{
   margin-right: 5px;
}

.flex-direction-nav
{
   *height: 0;
}

.flex-direction-nav a
{
   text-decoration: none;
   display: block;
   width: 40px;
   height: 50px;
   margin: -25px 0 0;
   position: absolute;
   top: 50%;
   z-index: 10;
   overflow: hidden;
   opacity: 0;
   cursor: pointer;
   color: white;
   text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
   -webkit-transition: all 0.3s ease-in-out;
   -moz-transition: all 0.3s ease-in-out;
   -ms-transition: all 0.3s ease-in-out;
   -o-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
}

.flex-direction-nav a:before
{
   font-family: "flexslider-icon";
   font-size: 40px;
   display: inline-block;
   content: '\f001';
   color: white;
   text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
}

.flex-direction-nav a.flex-next:before
{
   content: '\f002';
}

.flex-direction-nav .flex-prev
{
   left: -50px;
}

.flex-direction-nav .flex-next
{
   right: -50px;
   text-align: right;
}

.flexslider:hover .flex-direction-nav .flex-prev
{
   opacity: 0.7;
   left: 10px;
}

.flexslider:hover .flex-direction-nav .flex-prev:hover
{
   opacity: 1;
}

.flexslider:hover .flex-direction-nav .flex-next
{
   opacity: 0.7;
   right: 10px;
}

.flexslider:hover .flex-direction-nav .flex-next:hover
{
   opacity: 1;
}

.flex-direction-nav .flex-disabled
{
   opacity: 0 !important;
   filter: alpha(opacity=0);
   cursor: default;
}

.flex-pauseplay a
{
   display: block;
   width: 20px;
   height: 20px;
   position: absolute;
   bottom: 5px;
   left: 10px;
   opacity: 0.8;
   z-index: 10;
   overflow: hidden;
   cursor: pointer;
   color: #000;
}

.flex-pauseplay a:before
{
   font-family: "flexslider-icon";
   font-size: 20px;
   display: inline-block;
   content: '\f004';
}

.flex-pauseplay a:hover
{
   opacity: 1;
}

.flex-pauseplay a.flex-play:before
{
   content: '\f003';
}

.flex-control-nav
{
   width: 100%;
   position: absolute;
   bottom: -1em;
   text-align: center;
}

.flex-control-nav li
{
   margin: 0 6px;
   display: inline-block;
   zoom: 1;
   *display: inline;
}

.flex-control-paging li a
{
   width: 20px;
   height: 20px;
   display: block;
   background: white;
   cursor: pointer;
   text-indent: -9999px;
   -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
   -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
   -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
   box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
   -webkit-border-radius: 20px;
   -moz-border-radius: 20px;
   border-radius: 20px;
}

.flex-control-paging li a:hover
{
   background: #fff28d;
}

.flex-control-paging li a.flex-active
{
   background: #f3d800;
   cursor: default;
}

.flex-control-thumbs
{
   margin: 5px 0 0;
   position: static;
   overflow: hidden;
}

.flex-control-thumbs li
{
   width: 25%;
   float: left;
   margin: 0;
}

.flex-control-thumbs img
{
   width: 100%;
   height: auto;
   display: block;
   opacity: .7;
   cursor: pointer;
   -webkit-transition: all 1s ease;
   -moz-transition: all 1s ease;
   -ms-transition: all 1s ease;
   -o-transition: all 1s ease;
   transition: all 1s ease;
}

.flex-control-thumbs img:hover
{
   opacity: 1;
}

.flex-control-thumbs .flex-active
{
   opacity: 1;
   cursor: default;
}

/* ====================================================================================================================
 * RESPONSIVE
 * ====================================================================================================================*/
@media screen and (max-width: 860px)
{
   .flex-direction-nav .flex-prev
   {
      opacity: 1;
      left: 10px;
   }

   .flex-direction-nav .flex-next
   {
      opacity: 1;
      right: 10px;
   }
}

.slides li
{
   position: relative;
}

.hero-slider
{
   background: #252525;
   padding-bottom: 2em;
}

.slide-caption
{
   font-size: 1.5em;
   text-shadow: 0 2px 0 rgba(0, 0, 0, 0.5);
   padding: 1em 0;
}

.slide-caption .container-fluid
{
   max-width: 800px;
}

.slide-caption .btn
{
   text-shadow: none;
   font-size: 0.75em;
}

.slide-title
{
   margin: 0 0 5px;
   font-size: 1.25em;
}

.slide-tagline
{
   margin-top: 0;
   font-size: 1em;
}

.section-even
{
   background-color: #d9d9d8;
}

.section-title
{
   display: inline-block;
   margin: 0;
   padding: 0.5em;
   -webkit-perspective: 900000px;
   background: #333333;
   font-size: 1.75em;
}

.feat-categories
{
   padding: 2em 0 2em 6px;
}

.feat-categories .item-img
{
   line-height: 300px;
}

.feat-categories .item-img img
{
   max-height: 250px;
   margin-top: 1.5em;
}

.feat-categories .category-name
{
   background-color: #403f3e;
   text-transform: uppercase;
   font-size: 1.143em;
   letter-spacing: 0.05em;
   line-height: 1;
   padding: 1em;
   margin: 5px 0 0;
   position: relative;
   -webkit-perspective: 900000px;
   perspective: 900000px;
}

.feat-categories .category-name:before
{
   content: '';
   display: block;
   position: absolute;
   z-index: -1;
   background: #7a7978;
   width: 60px;
   right: 0;
   top: -35px;
   bottom: 0;
   -webkit-transform: perspective(10px) rotateX(5deg);
   transform: perspective(10px) rotateX(5deg);
   -webkit-transform-origin: bottom right;
   -ms-transform-origin: bottom right;
   transform-origin: bottom right;
}

.feat-categories .category-name .glyphicon
{
   color: #f3d800;
   float: right;
}

.cat-term, .subcat-term
{
   font-size: 0.875em;
   letter-spacing: 0.05em;
   margin-bottom: 5px;
   white-space: normal;
   word-break: break-all;
}

.subcat-term
{
   margin: 0px 15px 15px 0px;
}

.category-title
{
   text-transform: uppercase;
   letter-spacing: 0.05em;
   padding-bottom: 5px;
}

.toolbar
{
   background-color: #252525;
   padding: 12px 12px 4px;
   font-size: 0.875em;
}

.toolbar .back
{
   float: left;
   padding-top: 5px;
}

.tool
{
   float: left;
   margin-right: 1em;
   padding-bottom: 5px;
}

.tool select
{
   display: inline-block;
   vertical-align: middle;
   background: #403f3e;
   color: white;
   border-color: black;
   width: auto;
   max-width: 120px;
   margin-left: 0.5em;
}

.icon-to-top
{
   display: inline-block;
   vertical-align: middle;
   padding: 4px 8px;
   background-color: #403f3e;
   -moz-border-radius: 4px;
   -webkit-border-radius: 4px;
   border-radius: 4px;
   margin-left: 10px;
}

.icon-to-top .glyphicon
{
   color: #f3d800;
   line-height: 1;
   font-size: 0.875em;
}

.products
{
   padding: 2em 0 2em 6px;
}

.products .item-img
{
   height: 240px;
   line-height: 230px;
}

.products .price
{
   padding: 0 10px;
}

.item
{
   padding-bottom: 2em;
}

.item-img
{
   background: white;
   border: 3px solid white;
   text-align: center;
   -moz-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
   -webkit-transition: all 0.25s ease-out;
   -moz-transition: all 0.25s ease-out;
   -o-transition: all 0.25s ease-out;
   transition: all 0.25s ease-out;
   padding: 5px;
}

.item-img img
{
   display: inline-block;
   max-height: 100%;
   width: auto;
   height: auto;
}

.item a:hover .item-img
{
   border-color: #7a7978;
}

.product-name
{
   font-size: 1em;
   color: white;
   padding: 1em 10px 0.25em;
   margin: 0;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
   text-transform: none;
   letter-spacing: 0;
}

.price
{
   display: block;
   font-size: 1.125em;
   font-weight: normal;
}

.pagination .prev a,
.pagination .next a
{
   padding-left: 6px;
   padding-right: 6px;
}

.list-view
{
   padding-left: 0;
   margin: 0;
}

.list-view .item
{
   border-bottom: 1px solid #252525;
   margin-bottom: 1em;
   padding-bottom: 1em;
}

.list-view .col-img
{
   padding-left: 0;
}

.list-view .col-body
{
   padding-right: 0;
}

.list-view .item-img
{
   height: auto;
   line-height: normal;
}

.list-view .product-name
{
   padding: 0.25em 0 10px;
   font-weight: bold;
   white-space: normal;
   line-height: 1.4;
}

.list-view .price
{
   padding: 0;
   margin-bottom: 1em;
}

.list-view .btn
{
   margin-left: 0;
   background-color: #fff28d;
   border-color: #fff5a6;
   font-size: 0.875em;
}

.list-view .btn:hover
{
   background-color: #f3d800;
}

.list-view .btn .glyphicon
{
   margin-right: 5px;
   top: 2px;
}

@media (max-width: 479px)
{
   .list-view .btn
   {
      display: block;
      font-size: 0.8em;
      padding: 5px;
   }
}

@media (max-width: 400px)
{
   .list-view .btn
   {
      font-size: 0.7em;
   }
}

.tool-view
{
   font-size: 1.5em;
   padding-top: 0px;
}

.tool-view .not-selected
{
   color: #ffffff;
   display: inline-block;
   vertical-align: middle;
   background-color: #403f3e;
   line-height: 1;
   padding: 8px;
   border-radius: 3px;
   text-align: center;
}

.tool-view i.not-selected:hover
{
   color: #f3d800;
   background-color: #333333;
}

.tool-view .selected
{
   display: inline-block;
   vertical-align: middle;
   background-color: #403f3e;
   line-height: 1;
   padding: 8px;
   border-radius: 3px;
   text-align: center;
   color: #f3d800;
}

.single-title
{
   margin: 0 0 0.75em;
}

.product-details
{
   padding: 2em 0;
}

.product-details h2, .product-details h3
{
   font-size: 1.143em;
   text-transform: uppercase;
   letter-spacing: 0.05em;
   padding-bottom: 1em;
   margin-top: 0;
}

.product-details .flexslider img
{
   max-height: 450px;
   width: auto;
   margin: 0 auto;
}

.product-details .flex-viewport
{
   background: white;
}

.img-wrapper
{
   background: white;
}

.main-photo
{
   margin-bottom: 10px;
   text-align: center;
   padding: 5px;
   width: 100%;
}

.thumbnails
{
   width: 100%;
   list-style: none;
   padding: 0;
   margin: 0;
}

.thumbnails li
{
   height: 100px;
   line-height: 100px;
   float: left;
   width: 25%;
   text-align: center;
   border-left: 10px solid #333333;
   margin-bottom: 10px;
}

.thumbnails li:nth-child(4n+1)
{
   border-left: 0;
}

.thumbnails a
{
   cursor: pointer;
}

.thumb
{
   display: block;
   opacity: 0.5;
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=5)";
}

.thumb:hover, .thumb.active
{
   opacity: 1;
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.is-ready .thumb img
{
   cursor: pointer;
}

.full-size
{
   color: #7a7978;
   display: inline-block;
   margin-top: 10px;
}

.full-size:hover
{
   color: #333333;
}

.product-desc
{
   padding: 2em 0;
}

.product-desc ul, .product-desc ol
{
   padding-left: 1.25em;
}

.item-status
{
   border-bottom: 1px solid #7a7978;
   padding-bottom: 1.5em;
   margin-bottom: 2em;
}

.item-status p
{
   margin-bottom: 0;
   font-weight: 600;
}

.in-stock
{
   color: #3cb878;
}

.out-of-stock
{
   color: #9e2020;
}

.item-options .field,
.item-options .opt-img
{
   float: left;
}

.item-options .field
{
   width: 65%;
   padding-left: 2em;
}

.item-options .opt-img
{
   background: #ffffff;
   width: 86px;
   border: 2px solid white;
   height: 86px;
   text-align: center;
   overflow: hidden;
}

.item-options .opt-img a
{
   display: flex;
   height: 100%;
   background-repeat: no-repeat;
   background-position: center;
   background-size: contain;
   -webkit-transition: unset;
   -moz-transition: unset;
   -o-transition: unset;
   transition: unset;
}

.item-options .opt-img a:focus
{
   outline: 0;
}

.item-options .opt-img.disabled a
{
   cursor: default;
}

.item-options label
{
   font-size: 1.15em;
}

.cart-actions
{
   background: #252525;
   padding: 1.5em;
   margin: 2em 0;
}

.cart-actions .price
{
   font-size: 2em;
   margin: 0;
   padding: 0 0 1em;
   line-height: 1;
}

.cart-actions .form-control,
.cart-actions .btn
{
   height: 42px;
}

.cart-actions .form-control
{
   width: 45px;
   text-align: center;
   line-height: 42px;
   margin-left: 10px;
   display: inline-block;
   vertical-align: middle;
}

.cart-actions .btn
{
   font-size: 0.913em;
   width: 50%;
   float: right;
}

.cart-actions .btn .glyphicon
{
   display: none;
}

@media (min-width: 992px) and (max-width: 1360px)
{
   .cart-actions .btn
   {
      font-size: 1em;
      padding: 5px;
      text-overflow: ellipsis;
   }
}

@media (min-width: 992px) and (max-width: 1199px)
{
   .cart-actions .btn .glyphicon
   {
      display: block;
   }

   .cart-actions .btn span
   {
      display: none;
   }
}

@media (max-width: 475px)
{
   .cart-actions .btn
   {
      font-size: 0.8em;
      padding: 5px;
   }

}

.share-item,
.related-items
{
   border-top: 1px solid #7a7978;
   padding-top: 2em;
   margin-top: 2em;
}

.share-item h3,
.related-items h3
{
   margin-top: 5px;
}

#share-url
{
   min-height: 45px;
   display: inline-block;
   vertical-align: middle;
}

.related-items .item-img
{
   height: 80px;
   line-height: 70px;
}

.related-items .product-name
{
   padding: 0;
}

.related-items .btn
{
   margin: 5px 0 0;
}

.comments
{
   background: #252525;
}

.comments h2
{
   display: inline-block;
   margin: 0;
   text-transform: uppercase;
   letter-spacing: 0.05em;
   font-size: 1.143em;
   padding: 1em 4em 1em 2em;
   line-height: 1;
   position: relative;
   -webkit-perspective: 900000px;
   perspective: 900000px;
}

.comments h2:before
{
   content: '';
   display: block;
   background: #333333;
   position: absolute;
   right: 0;
   top: 0;
   left: 0;
   bottom: -0.25em;
   z-index: -1;
   -webkit-transform: perspective(18px) rotateX(-2deg);
   transform: perspective(18px) rotateX(-2deg);
   -webkit-transform-origin: top left;
   -ms-transform-origin: top left;
   transform-origin: top left;
}

@media (max-width: 479px)
{
   .comments h2
   {
      padding: 0.7em 4em 0.8em 2em;
      font-size: 1em;
   }
}

.comment-wrap
{
   padding: 2em 1em;
}

.comment
{
   border-bottom: 1px solid #7a7978;
   margin-bottom: 1em;
}

.comment:last-child
{
   border-bottom: 0;
   margin-bottom: 0;
}

.comment .cite
{
   font-weight: 600;
   color: #ebebeb;
   margin-bottom: 10px;
}

.comment-body
{
   font-style: italic;
}

.comment-list
{
   border-bottom: 1px solid #7a7978;
   margin-bottom: 1em;
}

.comment-form .btn
{
   margin: 1em 0 0;
}

.g-recaptcha > div > div
{
   max-width: 100%;
}

.cart-table
{
   background: #666666;
   max-width: none;
}

.cart-table .item-img
{
   height: 85px;
   padding: 0;
   margin-right: 5px;
}

.cart-table ul
{
   list-style: none;
   padding: 0;
}

.cart-table .item-name
{
   margin-top: 3px;
   font-size: 1em;
}

.cart-table .form-control
{
   width: 50px;
   text-align: center;
   padding: 5px;
}

.cart-table .glyphicon
{
   color: #ebebeb;
}

.cart-table .item-info
{
   padding-left: 0;
}

.opt-price
{
   display: block;
}

.shop-actions
{
   border-bottom: 1px solid #7a7978;
   padding-bottom: 1.5em;
   margin-bottom: 1.5em;
}

.shop-actions .glyphicon
{
   margin-right: 1px;
}

.shop-actions .btn-primary
{
   margin-right: 5px;
   margin-bottom: 5px;
}

@media (max-width: 400px)
{
   .shop-actions .btn-primary
   {
      margin-top: 5px;
      margin-right: 0px;
   }
}

.col-discount
{
   border-bottom: 1px solid #7a7978;
   padding-bottom: 1em;
   margin-bottom: 1em;
}

.col-discount h3
{
   margin: 0 0 1em;
   font-size: 1.143em;
}

.col-discount .form-group
{
   width: 100%;
}

.col-discount .form-control
{
   line-height: 36px;
   width: 60%;
   float: left;
   margin-right: 5px;
}

@media (max-width: 991px)
{
   .col-discount .form-control
   {
      max-width: 100%;
      width: 100%;
   }

   .col-discount button
   {
      margin: 5px 0px;
   }
}

.col-total
{
   font-size: 1.143em;
}

.col-total select
{
   max-width: 40%;
   font-weight: normal;
   float: right;
   font-size: 0.9em;
   height: auto;
}

.col-total .subtotal
{
   font-size: 1.11em;
}

@media (max-width: 991px)
{
   .col-total select
   {
      max-width: 70%;
   }
}

@media (max-width: 479px)
{
   .col-total select
   {
      max-width: 100%;
   }
}

.group
{
   padding-bottom: 0.75em;
}

.group .pull-right
{
   padding-right: 0;
}

.grand-total
{
   border-top: 1px solid #7a7978;
   padding: 1em 0;
   margin: 0.5em 0;
   font-size: 1.5em;
   text-transform: uppercase;
}

.grand-total .group
{
   padding-bottom: 1em;
}

@media (min-width: 768px)
{
   .page-header
   {
      position: relative;
   }

   .page-header .page-title
   {
      position: absolute;
      left: 0;
      bottom: 0;
      width: 100%;
      background: rgba(0, 0, 0, 0.35);
      padding: 0.75em 0;
   }

   .nav .navbar-form
   {
      max-width: 28%;
   }

   .navbar-form .form-group
   {
      width: 80%;
   }

   .navbar-form .form-control
   {
      width: 100%;
   }

   .btn-dropdown
   {
      padding: 6px 12px;
   }

   .btn-group,
   .btn-default,
   .top-links
   {
      margin-left: 0.5em;
   }

   .paging-wrapper
   {
      float: right;
   }

   .pagination .glyphicon
   {
      font-size: 13px;
   }

   .pagination .prev a,
   .pagination .next a
   {
      padding-left: 12px;
      padding-right: 12px;
   }

   .cart-table
   {
      max-width: 100%;
   }

   .shop-actions .glyphicon
   {
      margin-right: 1em;
   }

   .col-discount
   {
      border-right: 1px solid #7a7978;
      border-bottom: 0;
   }

   .slide-caption
   {
      position: absolute;
      top: 10%;
      left: 0;
      width: 100%;
      padding-top: 0;
      font-size: 2em;
   }

   .slide-title
   {
      font-size: 1.5em;
   }

   .slide-tagline
   {
      font-size: 1.15em;
      margin-top: 0;
   }

   .section-title
   {
      perspective: 900000px;
      background: transparent;
      padding: 14px 40px 24px;
   }

   .section-title:before, .section-title:after
   {
      content: '';
      display: block;
      position: absolute;
      z-index: -1;
      background: #333333;
      width: 55%;
      height: 100%;
   }

   .section-title:before
   {
      right: 0;
      top: 0;
      -webkit-transform: perspective(10px) rotateX(-2deg);
      transform: perspective(10px) rotateX(-2deg);
      -webkit-transform-origin: top left;
      -ms-transform-origin: top left;
      transform-origin: top left;
   }

   .section-title:after
   {
      left: 0;
      top: -12px;
      -webkit-transform: perspective(10px) rotateX(2deg);
      transform: perspective(10px) rotateX(2deg);
      -webkit-transform-origin: bottom right;
      -ms-transform-origin: bottom right;
      transform-origin: bottom right;
   }

   .hero-slider
   {
      padding-bottom: 4em;
   }

   .hero-slider p
   {
      margin-bottom: 1em;
   }

   .flex-control-nav
   {
      bottom: -2.75em;
   }

   .list-view .product-name
   {
      font-size: 1.5em;
   }

   .list-view .price
   {
      font-size: 1.25em;
   }
}

@media (min-width: 1024px)
{
   .sidebar
   {
      padding-top: 0;
   }

   .section-bottom
   {
      border-left: 1px solid #7a7978;
      padding-left: 2em;
   }

   .comment-list
   {
      border-bottom: 0;
      margin-bottom: 0;
      border-right: 1px solid #7a7978;
      max-width: 60.5%;
   }

   .comment-form.col-md-5
   {
      padding-left: 2em;
      max-width: 340px;
   }

   .cart-actions .btn
   {
      font-size: 1em;
      width: 50%;
   }

   .opt-price
   {
      float: right;
   }

   .hero-slider
   {
      padding-bottom: 0;
   }

   .hero-slider p
   {
      margin-bottom: 1.5em;
   }

   .flex-control-nav
   {
      bottom: 2em;
   }

   .slide-title
   {
      font-size: 1.75em;
   }

   .slide-tagline
   {
      font-size: 1.25em;
      margin-top: 0;
   }
}

@media (min-width: 1240px)
{
   .slide-caption
   {
      top: 20%;
      font-size: 2.143em;
   }

   .cart-actions .btn
   {
      font-size: 1em;
      width: 60%;
      padding: 8px;
   }

   .cart-actions .glyphicon
   {
      display: inline-block;
      margin-right: 5px;
   }
}

.navbar-default .navbar-nav > li > a
{
   color: white;
}

/*
* nemi
*/

a.link-white
{
   color: white;
   font-size: 1.15em;
}

a:hover.link-white,
a:focus.link-white
{
   color: #f3d800;
   background-color: transparent;
}

#cate-tree
{
   padding: 0 15px;
   margin-bottom: 15px;
}

#cate-tree h3
{
   padding: 20px 0px;
   margin: 0;
   position: relative;
}

#cate-tree ul
{
   padding-left: 0px;
}

#cate-tree ul > li
{
   position: relative;
}

#cate-tree > ul > li
{
   padding: 0;
}

#cate-tree ul li > ul
{
   padding-top: 0px;
   padding-bottom: 0;
}

#cate-tree ul li > ul li
{
   padding: 0px 0px 0px 20px;
}

#cate-tree ul li a
{
   display: inline-block;
   vertical-align: middle;
   padding: 0;
   font-size: 16px;
   max-width: 80%;
   word-break: break-all;
   overflow: hidden;
   /*text-overflow: ellipsis;*/
   z-index: 5;
   padding: 15px 0px 15px;
}

#cate-tree ul li a:first-of-type:last-of-type
{
   width: 100%;
   max-width: 100%;
}

#cate-tree #cate [data-toggle='collapse']
{
   float: right;
   position: absolute;
   right: 0;
   width: calc(100% - 20px);
   text-align: right;
   z-index: 1;
   max-width: unset;
   height: 100%;
}

#cate-tree #cate .collapse,
#cate-tree [data-toggle='collapse']:before,
#cate-tree [data-toggle='collapse']:after
{
   -webkit-transition: all 0.3s;
   transition: all 0.3s;
}

#cate-tree h3[data-toggle='collapse']:after,
#cate-tree #cate [data-toggle='collapse']:before
{
   font-family: 'Glyphicons Halflings';
   content: "\e250";
   display: inline-block;
   font-size: 16px;
   cursor: pointer;
   color: #ffffff;
   vertical-align: middle;
   line-height: 1;
}

#cate-tree h3[data-toggle='collapse']:after
{
   position: absolute;
   right: 0;
   font-size: 18px;
}

#cate-tree h3[data-toggle='collapse'][aria-expanded="true"]:after,
#cate-tree #cate .current > [data-toggle='collapse']:before
{
   content: "\e252";
   color: #f3d800;
}

@media (max-width: 1024px)
{
   #cate-tree .sidebar-nav a:hover
   {
      color: inherit;
   }
}

#cate-tree ul li.current_page > a,
#cate-tree ul li.current_page > a[data-toggle='collapse']:before,
#cate-tree ul > li.current > a
{
   color: #f3d800;
   vertical-align: baseline;
}

/* Orders page */

.orders-summary .table-responsive
{
   border-color: #333333;
}

.orders-summary .table-responsive .cart-table
{
   background: #666666;
   max-width: none;
   position: relative;
   margin-bottom: 30px !important;
}

.orders-summary .table-responsive .cart-table:after
{
   border-bottom: 1px solid #ffffff;
   content: "";
   width: 100%;
   position: absolute;
   bottom: -20px;
}

@media (max-width: 600px)
{
   .payment-method-underline
   {
      border-bottom: 1px solid #7a7978;
      margin-bottom: 15px;
   }
}

@media (max-width: 479px)
{
   .orders-summary .table-responsive table > tbody > tr > td
   {
      text-align: left;
   }

   input[name="postleitzahl"],
   input[name="ort"],
   input[name="postleitzahl2"],
   input[name="ort2"]
   {
      width: 35% !important;
   }

}

@media (max-width: 479px)
{
   .g-recaptcha
   {
      transform: scale(0.77);
      -webkit-transform: scale(0.77);
      transform-origin: 0 0;
      -webkit-transform-origin: 0 0;
   }

}

tr.start
{
   color: #f5b800;
}

/* Shariff */

.fab
{
   display: inline-block;
   font: normal normal normal 14px/1 FontAwesome;
   font-size: inherit;
   text-rendering: auto;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
}

.fa-google-plus-g:before
{
   content: "\f0d5";
}

.shariff.inline
{
   display: inline-block;
}

.shariff li a
{
   padding: 5px;
   height: inherit;
}

.shariff .orientation-horizontal li
{
   width: 40px;
   height: 40px;
   justify-content: center;
   align-items: center;
}

.shariff.inline .orientation-horizontal li
{
   flex: 1;
}

.shariff li .fab, .shariff li .far, .shariff li .fas
{
   display: block;
}

.shariff .shariff-button span
{
   font-size: 18px !important;
}

.shariff li .fab
{
   width: 100% !important;
}

/* noUi */

.noUi-connect
{
   background: transparent;
}

.datepicker + .bootstrap-datetimepicker-widget:before
{
   border-bottom: 7px solid #333333;
}

.datepicker + .bootstrap-datetimepicker-widget.dropdown-menu.bottom:after
{
   border-bottom: 6px solid #333333;
}

.datepicker + .bootstrap-datetimepicker-widget.dropdown-menu
{
   background-color: #333333;
}

.datepicker + .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.datepicker + .bootstrap-datetimepicker-widget table td.day:hover,
.datepicker + .bootstrap-datetimepicker-widget table td.hour:hover,
.datepicker + .bootstrap-datetimepicker-widget table td.minute:hover,
.datepicker + .bootstrap-datetimepicker-widget table td.second:hover
{
   background-color: #f3d800;
}

#promoted-product-overlay
{
   background: rgba(37, 37, 37, 0.9);
   position: fixed;
   z-index: 100;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   cursor: pointer;
   display: none;
}

#promoted-product
{
   position: absolute;
   z-index: 9999;
   top: 20%;
   background: transparent;
   left: 50%;
   transform: translateX(-50%);
   display: none;
}

#promoted-product .content
{
   background: #ffffff;
   padding: 20px 5px;
   color: #252525;
   border: 3px solid #7a7978;
   -moz-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
   /*overflow: hidden;*/
}

#promoted-product .content h1,
#promoted-product .content h2,
#promoted-product .content h3,
#promoted-product .content h4,
#promoted-product .content h5,
#promoted-product .content h6
{
   line-height: 1.3;
   text-transform: initial;
}

#promoted-product .content h2
{
   font-weight: 600;
   font-family: "Hind", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

#promoted-product .content h4
{
   font-family: "Hind", "Helvetica Neue", Helvetica, Arial, sans-serif;
   font-weight: 400;
   margin-top: 30px;
   line-height: 1.4;
}

#promoted-product .content em
{
   font-weight: 600;
   font-size: 120%;
   font-style: normal;
}

#promoted-product .content
{
   position: relative;
}

#promoted-product .content .content-header
{
   margin-bottom: 30px;
}

#promoted-product .content .product-img
{
   margin: 0 auto;
}

#promoted-product .content .btn.btn-default
{
   margin: 30px 0 20px;
}

#promoted-product .box-close
{
   position: absolute;
   top: -45px;
   right: 0;
   color: #FFFFFF;
   font-size: 25px;
   padding: 5px;
   text-align: center;
   cursor: pointer;
   z-index: 500;
   transition: opacity .3s linear;
}

#promoted-product .box-close:hover,
#promoted-product .box-close:focus
{
   opacity: 0.7;
}

#promoted-product .box-close:before
{
   content: "\f00d";
   font-family: FontAwesome;
}

@media (max-width: 1199px)
{
   #promoted-product
   {
      top: 10%;
   }
}

@media (max-width: 991px)
{
   #promoted-product
   {
      top: 10%;
   }

   #promoted-product .container
   {
      width: 90vw;
   }

   #promoted-product .content
   {
      text-align: center;
   }
}

@media (min-width: 481px) and (max-width: 767px)
{
   #promoted-product
   {
      top: 20%;
   }
}

@media (max-width: 767px)
{
   #promoted-product .content .product-img
   {
      width: 80%;
   }
}