@charset "UTF-8";

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

/**

 * 1. Set default font family to sans-serif.

 * 2. Prevent iOS text size adjust after orientation change, without disabling

 *    user zoom.

 */
li{list-style-type: none;}
html {

  font-family: sans-serif;

  /* 1 */

  -ms-text-size-adjust: 100%;

  /* 2 */

  -webkit-text-size-adjust: 100%;

  /* 2 */

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


/**

 * Remove default margin.

 */

body {

  margin: 0;


}



/* HTML5 display definitions

   ========================================================================== */

/**

 * Correct `block` display not defined for any HTML5 element in IE 8/9.

 * Correct `block` display not defined for `details` or `summary` in IE 10/11

 * and Firefox.

 * Correct `block` display not defined for `main` in IE 11.

 */

article,

aside,

details,

figcaption,

figure,

footer,

header,

hgroup,

main,

menu,

nav,

section,

summary {

  display: block;

}



/**

 * 1. Correct `inline-block` display not defined in IE 8/9.

 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.

 */

audio,

canvas,

progress,

video {

  display: inline-block;

  /* 1 */

  vertical-align: baseline;

  /* 2 */

}



/**

 * Prevent modern browsers from displaying `audio` without controls.

 * Remove excess height in iOS 5 devices.

 */

audio:not([controls]) {

  display: none;

  height: 0;

}



/**

 * Address `[hidden]` styling not present in IE 8/9/10.

 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.

 */

[hidden],

template {

  display: none;

}



/* Links

   ========================================================================== */

/**

 * Remove the gray background color from active links in IE 10.

 */

a {

  background-color: transparent;

}



/**

 * Improve readability when focused and also mouse hovered in all browsers.

 */

a:active,

a:hover {

  outline: 0;

}



/* Text-level semantics

   ========================================================================== */

/**

 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.

 */

abbr[title] {

  border-bottom: 1px dotted;

}



/**

 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.

 */

b,

strong {

  font-weight: bold;

}



/**

 * Address styling not present in Safari and Chrome.

 */

dfn {

  font-style: italic;

}



/**

 * Address variable `h1` font-size and margin within `section` and `article`

 * contexts in Firefox 4+, Safari, and Chrome.

 */

h1 {

  font-size: 2em;

  margin: 0.67em 0;

}



/**

 * Address styling not present in IE 8/9.

 */

mark {

  background: #ff0;

  color: #000;

}



/**

 * Address inconsistent and variable font size in all browsers.

 */

small {

  font-size: 80%;

}



/**

 * Prevent `sub` and `sup` affecting `line-height` in all browsers.

 */

sub,

sup {

  font-size: 75%;

  line-height: 0;

  position: relative;

  vertical-align: baseline;

}



sup {

  top: -0.5em;

}



sub {

  bottom: -0.25em;

}



/* Embedded content

   ========================================================================== */

/**

 * Remove border when inside `a` element in IE 8/9/10.

 */

img {

  border: 0;

}



/**

 * Correct overflow not hidden in IE 9/10/11.

 */

svg:not(:root) {

  overflow: hidden;

}



/* Grouping content

   ========================================================================== */

/**

 * Address margin not present in IE 8/9 and Safari.

 */

figure {

  margin: 0;

}



/**

 * Address differences between Firefox and other browsers.

 */

hr {

  -moz-box-sizing: content-box;

  box-sizing: content-box;

  height: 0;

}



/**

 * Contain overflow in all browsers.

 */

pre {

  overflow: auto;

}



/**

 * Address odd `em`-unit font size rendering in all browsers.

 */

code,

kbd,

pre,

samp {

  font-family: monospace, monospace;

  font-size: 1em;

}



/* Forms

   ========================================================================== */

/**

 * Known limitation: by default, Chrome and Safari on OS X allow very limited

 * styling of `select`, unless a `border` property is set.

 */

/**

 * 1. Correct color not being inherited.

 *    Known issue: affects color of disabled elements.

 * 2. Correct font properties not being inherited.

 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.

 */

button,

input,

optgroup,

select,

textarea {

  color: inherit;

  /* 1 */

  font: inherit;

  /* 2 */

  margin: 0;

  /* 3 */

}



/**

 * Address `overflow` set to `hidden` in IE 8/9/10/11.

 */

button {

  overflow: visible;

}



/**

 * Address inconsistent `text-transform` inheritance for `button` and `select`.

 * All other form control elements do not inherit `text-transform` values.

 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.

 * Correct `select` style inheritance in Firefox.

 */

button,

select {

  text-transform: none;

}



/**

 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`

 *    and `video` controls.

 * 2. Correct inability to style clickable `input` types in iOS.

 * 3. Improve usability and consistency of cursor style between image-type

 *    `input` and others.

 */

button,

html input[type="button"],

input[type="reset"],

input[type="submit"] {

  -webkit-appearance: button;

  /* 2 */

  cursor: pointer;

  /* 3 */

}



/**

 * Re-set default cursor for disabled elements.

 */

button[disabled],

html input[disabled] {

  cursor: default;

}



/**

 * Remove inner padding and border in Firefox 4+.

 */

button::-moz-focus-inner,

input::-moz-focus-inner {

  border: 0;

  padding: 0;

}



/**

 * Address Firefox 4+ setting `line-height` on `input` using `!important` in

 * the UA stylesheet.

 */

input {

  line-height: normal;

}



/**

 * It's recommended that you don't attempt to style these elements.

 * Firefox's implementation doesn't respect box-sizing, padding, or width.

 *

 * 1. Address box sizing set to `content-box` in IE 8/9/10.

 * 2. Remove excess padding in IE 8/9/10.

 */

input[type="checkbox"],

input[type="radio"] {

  box-sizing: border-box;

  /* 1 */

  padding: 0;

  /* 2 */

}



/**

 * Fix the cursor style for Chrome's increment/decrement buttons. For certain

 * `font-size` values of the `input`, it causes the cursor style of the

 * decrement button to change from `default` to `text`.

 */

input[type="number"]::-webkit-inner-spin-button,

input[type="number"]::-webkit-outer-spin-button {

  height: auto;

}



/**

 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.

 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome

 *    (include `-moz` to future-proof).

 */

input[type="search"] {

  -webkit-appearance: textfield;

  /* 1 */

  -moz-box-sizing: content-box;

  -webkit-box-sizing: content-box;

  /* 2 */

  box-sizing: content-box;

}



/**

 * Remove inner padding and search cancel button in Safari and Chrome on OS X.

 * Safari (but not Chrome) clips the cancel button when the search input has

 * padding (and `textfield` appearance).

 */

input[type="search"]::-webkit-search-cancel-button,

input[type="search"]::-webkit-search-decoration {

  -webkit-appearance: none;

}



/**

 * Define consistent border, margin, and padding.

 */

fieldset {

  border: 1px solid #c0c0c0;

  margin: 0 2px;

  padding: 0.35em 0.625em 0.75em;

}



/**

 * 1. Correct `color` not being inherited in IE 8/9/10/11.

 * 2. Remove padding so people aren't caught out if they zero out fieldsets.

 */

legend {

  border: 0;

  /* 1 */

  padding: 0;

  /* 2 */

}



/**

 * Remove default vertical scrollbar in IE 8/9/10/11.

 */

textarea {

  overflow: auto;

}



/**

 * Don't inherit the `font-weight` (applied by a rule above).

 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.

 */

optgroup {

  font-weight: bold;

}



/* Tables

   ========================================================================== */

/**

 * Remove most spacing between table cells.

 */

table {

  border-collapse: collapse;

  border-spacing: 0;

}



td,

th {

  padding: 0;

}



h1, h2, h3, h4, h5, h6 {

  margin-top: 0;

  margin-bottom: 2rem;

  font-weight: 700;

}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {

  color: #333;

  text-decoration: none;

}
a[href^=tel] { color: inherit; text-decoration: none; }

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {

  color: #000;

}

.img-wrap {
  cursor: pointer;
}
.modal-open {
  overflow: hidden !important;
}
.modal-fixes {
  position: relative;
  z-index: 5000;
}
.modal-fixes .modal-dialog {
  z-index: 6000;
}
.modal-fixes .modal-header {
  border-bottom: none;
}
.modal-header .close {
    margin-top: -2px;
    border-radius: 4px;
    background: #fff;
    border: 3px solid #014eb2;
    position: absolute;
    right: 15px;
  }
  .modal-header .close span {
    font-size: 16px;
    color:#014eb2;
    font-weight: bold;
  }
h1 {

  font-size: 4.0rem;

  line-height: 1.2;

  letter-spacing: -.1rem;

}



h2 {

  font-size: 2.8rem;

  line-height: 1.25;

  letter-spacing: -.1rem;

}



h3 {

  font-size: 3.0rem;

  line-height: 1.3;

  letter-spacing: -.1rem;

}



h4 {

  font-size: 2.4rem;

  line-height: 1.35;

  letter-spacing: -.08rem;

}



h5 {

  font-size: 1.8rem;

  line-height: 1.5;

  letter-spacing: -.05rem;

}



h6 {

  font-size: 1.5rem;

  line-height: 1.6;

  letter-spacing: 0;

}



p {

  margin-top: 0;

}



a {

  color: #000;

  transition: all ease .2s;

}

a:hover {

  color: black;

}

a:focus {

  outline: 0;

}



/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */

/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */

/*

@media screen and (-webkit-min-device-pixel-ratio:0) {

  @font-face {

    font-family: 'fontello';

    src: url('../font/fontello.svg?30952126#fontello') format('svg');

  }

}

*/

[class^="icon-"]:before, [class*=" icon-"]:before {

  font-family: "fontello";

  font-style: normal;

  font-weight: normal;

  speak: none;

  display: inline-block;

  text-decoration: inherit;

  width: 1em;

  margin-right: .2em;

  text-align: center;

  /* opacity: .8; */

  /* For safety - reset parent styles, that can break glyph codes*/

  font-variant: normal;

  text-transform: none;

  /* fix buttons height, for twitter bootstrap */

  line-height: 1em;

  /* Animation center compensation - margins should be symmetric */

  /* remove if not needed */

  margin-left: .2em;

  /* you can be more comfortable with increased icons size */

  /* font-size: 120%; */

  /* Font smoothing. That was taken from TWBS */

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

  /* Uncomment for 3D effect */

  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */

}



.icon-youtube:before {

  content: '\e800';

}



/* '' */

.icon-twitter:before {

  content: '\e801';

}



/* '' */

.icon-facebook:before {

  content: '\e802';

}



/* '' */

.icon-linkedin:before {

  content: '\e803';

}



/* '' */

.icon-gplus:before {

  content: '\e804';

}



/* '' */

.icon-left-circled:before {

  content: '\e805';

}



/* '' */

.icon-right-circled:before {

  content: '\e806';

}



/* '' */

.icon-up-circled:before {

  content: '\e807';

}



/* '' */

.icon-down-circled:before {

  content: '\e808';

}



/* '' */

.icon-mail:before {

  content: '\e809';

}



/* '' */

.icon-phone:before {

  content: '\e80a';

}



/* '' */

.icon-location:before {

  content: '\e80b';

}



/* '' */

html {

  font-size: 62.5%;

}


body {

  font-size: 17px;

  line-height: 1.4;

  font-weight: 400;

  font-family: 'Vollkorn', serif;
  color: #000;
  background: #fbfbfb;
  overflow-x: hidden;

}



::-moz-selection {

  background: #b3d4fc;

  text-shadow: none;

}



::selection {

  background: #b3d4fc;

  text-shadow: none;

}



hr {

  display: block;

  height: 1px;

  border: 0;

  border-top: 1px solid #ccc;

  margin: 1em 0;

  padding: 0;

}



::-webkit-input-placeholder {

  opacity: 1;

  color: #666;

}



:-moz-placeholder {

  /* Firefox 18- */

  opacity: 1;

  color: #666;

}



::-moz-placeholder {

  /* Firefox 19+ */

  opacity: 1;

  color: #666;

}



:-ms-input-placeholder {

  opacity: 1;

  color: #666;

}



audio,

canvas,

iframe,

img,

svg,

video {

  vertical-align: middle;

}



img:focus {

  outline: 0;

}



fieldset {

  border: 0;

  margin: 0;

  padding: 0;

}



textarea {

  resize: vertical;

}



html {

  box-sizing: border-box;

}



*, *:before, *:after {

  box-sizing: inherit;

}



.browserupgrade {

  margin: 0.2em 0;

  background: #e22500;

  color: #fff;

  padding: 0.8em 0;

  text-align: center;

}



.cf:before,

.cf:after {

  content: " ";

  /* 1 */

  display: table;

  /* 2 */

}



.cf:after {

  clear: both;

}



.aicon {

  display: inline-block;

  font-style: normal;

  position: relative;

  text-indent: -9999px;

  background: url(../img/sprite.png);

}



/* 

 *  Core Owl Carousel CSS File

 *  v1.3.3

 */

/* clearfix */

.owl-carousel .owl-wrapper:after {

  content: ".";

  display: block;

  clear: both;

  visibility: hidden;

  line-height: 0;

  height: 0;

}




input[type="email"], input[type="number"], input[type="search"], input[type="text"], input[type="tel"], input[type="url"], input[type="password"] {

  height: 38px;

  padding: 6px 10px;

  background-color: #fff;

  border: 1px solid #000;

  box-shadow: none;

  width: 100%;

  transition: all .2s linear;

  -webkit-appearance: none;

  -moz-appearance: none;

  appearance: none;

}

input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="text"]:focus, input[type="tel"]:focus, input[type="url"]:focus, input[type="password"]:focus {

  border: 1px solid #666666;

  outline: 0;

}



textarea,

select {

  width: 100%;

  height: 38px;

  padding: 6px 10px;

  background-color: #fff;

  border: 1px solid #000;

  box-shadow: none;

  transition: all .2s linear;

}

textarea:focus,

select:focus {

  border: 1px solid #666666;

  outline: 0;

}



textarea {

  height: auto;

  resize: none;

  -webkit-appearance: none;

  -moz-appearance: none;

  appearance: none;

}



button:focus {

  outline: 0;

}



a {

  text-decoration: none;

}



.clear-fix {

  clear: both;

}



.img-responsive {

  max-width: 100%;

  display: block;

}

p{
  margin: 0; padding: 0;
}

header {

  position: fixed;

  top: 0;

  left: 0;

  width: 100%;

  z-index: 2000;

  -webkit-transition: height 0.3s;
    -moz-transition: height 0.3s;
    transition: height 0.3s;

}

.slim-header .top-strip{display: none;   -webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;}
.slim-header .logo-strip img{width: 250px;   -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;}
.slim-header .logo-strip{display: none;/*padding: 10px 0 40px;   -webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;*/}
.slim-header .logo-strip .time{padding-top: 10px;   -webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;}
.slim-header .nav-wrap{bottom: -50px;background:#ed1c24;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;}
.slim-header .mnav:after, .slim-header .mnav:before{display: none;}
.top-strip{
  background: #fafafa;
  padding: 10px 0 0;
  border-bottom:1px dashed #c4c4c4;
     -webkit-animation: slide-down .5s ease-out;
    -moz-animation: slide-down .5s ease-out;
}

@-webkit-keyframes slide-down {
      0% { opacity: 0; -webkit-transform: translateY(-100%); }   
    100% { opacity: 1; -webkit-transform: translateY(0); }
}
@-moz-keyframes slide-down {
      0% { opacity: 0; -moz-transform: translateY(-100%); }   
    100% { opacity: 1; -moz-transform: translateY(0); }
}

.top-strip p{
  float: left;
  font-size: 14px;
  font-weight: 400;
 
}
.top-strip p:first-child{
  margin-right: 50px;
}
.top-strip p a{
   color: #000;
   display: inline-block;
   padding-bottom: 11px;
}
.top-strip p a:hover{
  color: #ed1d24;
  text-decoration: none;
 border-bottom: 1px solid #ed1d24;
 padding-bottom: 10px;
 
}
.mail-icon{
  background: url("../img/icon_mail_gray.png") no-repeat left 3px;
  width: 15px;
  height:18px;
  display: inline-block;
  margin-right: 10px;
  float: left;
  
}
.phone-icon{
  background: url("../img/icon_call_gray.png") no-repeat left 1px;
  width: 17px;
  height:18px;
  display: inline-block;
  margin-right: 10px;
  float: left;
}
.top-strip p a:hover .mail-icon{
 background: url("../img/icon_mail_hover.png") no-repeat left 3px;
  
}
.top-strip .phone a:hover .phone-icon{
  background: url("../img/icon_call_hover.png") no-repeat left 1px;
}
.logo-strip{
  background: #fff;
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
  padding: 20px 0 50px;
  position: relative;
}
.logo-strip .time{
  font-size: 14px;
  font-weight: 400;
  padding-top: 20px;
  text-align: right;
}
.social-head-icon a{
  color: #cfd2d7;
  margin-right: 25px;
  font-size: 17px;

}
.social-head-icon a:last-child{margin-right: 0;}
.time-icon{
    background: url("../img/icon_clock_red.png") no-repeat;
    width:37px;
  height:37px;
  display: inline-block;
  margin-right: 10px;
  float: left;
}
.social-head-icon a:hover{
color: #000;
}
.social-head-icon{
  text-align: right;
}
.nav-wrap{
  position: absolute;
  margin: 0 auto;
  left: 0;
  right: 0;
  text-align: center;
  bottom: -25px;
}
.main-nav{
  background: #ed1c24;
}
.mnav{
  position: relative;
}
.mnav:before
{
  content: "";
  border-top: 30px solid #000000;
  border-left: 30px solid transparent;
  left: -29px;
  top: 20px;
  z-index: -1;
  position: absolute;
}
.mnav:after
{
  content: "";
  border-top: 30px solid #000000;
  border-right: 30px solid transparent;
  right: -29px;
  top: 20px;
  z-index: -1;
  position: absolute;
}
.bnr-caption{
  background: url("../img/brush_stoke.png") no-repeat; 
  width: 782px; 
  height: 405px;
  -webkit-background-size: 90%;
  background-size: 90%;
 margin-top: 400px;
 margin-left: -200px;
 color: #fff;
 padding-left: 235px;
  padding-top: 115px;
  font-size: 40px;
  font-weight: 800;
  text-transform: uppercase;
}
#banner{
  position: relative;
}
.banner-container{
      
    position: absolute;
    z-index: 500;
    margin: 0 auto;
    left: 0;
    right: 0;
}
#content-wrap{
  padding-top:833px;
}

.head-wrap{position: relative;}
.head-wrap span{
  font-size: 19px;
  color: #ed1d24;
  display: block;
  text-align: center;
}
.hide{
  display: none;
}
h2{
  font-size: 35px;
  color: #261e6a;
  font-weight: 600;
  text-align: center;
  letter-spacing:2px;
}
.shadow-text{
    color: #f4f4f4;
    position: absolute;
    text-align: center;
    margin: 0 auto;
    right: 0;
    left: 0;
    top:25px;
    font-size: 150px;
    line-height: 0;
    z-index: -1;
    font-family: 'Bitter', serif;
    font-weight: 700;
  
}

.cmn-top-space{
  padding: 80px 0 20px;
}
.identity{
  background: url("../img/logo_mascote.png") top right no-repeat;
  -webkit-background-size: 30%;
  background-size: 30%;
}
.identity .head-wrap{
  float: right;
}

.identity .head-wrap span{
  text-align: right;
}

.identity .identity-subwrap {
  margin-top: 30px;
}
.identity .identity-subwrap .each-wrap{
  background: #fff;
  padding: 25px;
  border:1px solid #e7e7e7;
  -webkit-box-shadow: 0px 0px 24px -5px rgba(207,207,207,1);
-moz-box-shadow: 0px 0px 24px -5px rgba(207,207,207,1);
box-shadow: 0px 0px 24px -5px rgba(207,207,207,1);
text-transform: uppercase;
font-size: 16px;
font-weight: 500;
}
.identity .identity-subwrap .each-wrap span{
font-weight: 700;
color: #ed1d24;
font-size: 25px;
display: block;

}

.icon-trider{
    background: url("../img/icon_trader.png")  left 12px no-repeat;
    width:40px;
  height:70px;
  display: inline-block;
  margin-right: 30px;
  float: left;
}
.icon-stati{
    background: url("../img/icon_satisfaction.png")  left 12px no-repeat;
    width:44px;
  height:70px;
  display: inline-block;
  margin-right: 30px;
  float: left;
}

.icon-price{
    background: url("../img/icon_price.png")  left 12px no-repeat;
    width:40px;
  height:70px;
  display: inline-block;
  margin-right: 30px;
  float: left;
}
.product-wrap .shadow-text{
    color: #f4f4f4;
  }

  .grid .read-more{
  position: absolute;
  margin: auto;
  /*top: 0;*/
  right: 0;
  bottom: 30px;
  left: 0;
  width: 60%;
  height: 100px;
}
.grid .read-more:before{
  content:'';
  display: block;
  border-top: 2px solid #fff;
  padding: 15px 0 0 0;
  width: 60%;
  text-align: center;
  margin: 0 auto;
}
.grid .read-more:after{
  content:'';
  display: block;
  border-top: 2px solid #fff;
  width: 60%;
  text-align: center;
  margin: 15px auto;
}
.grid .read-more a{
  background: rgba(255,255,255,.9);
  color: #000;
  font-weight: 300;
  font-size: 30px;
  text-transform: uppercase;
  text-align: center;
  padding: 8px 59px;
  letter-spacing:5px;
  display: inline-block;
  
}
.grid .read-more a:hover{
    background: rgba(237,29,36,.9);
    color: #fff;
}
.cmn-section-margin{
  margin-top: 80px;
}
.brand-list {
 background: #fff;
 border:1px solid #f3f3f3;
 border-bottom: none;
 border-left: none;
 margin-bottom: 50px;
}
.brand-list .col-md-2{
  width: 20%;
  border-left:1px solid #f3f3f3;
  border-bottom:1px solid #f3f3f3;
  
}

.brand-list .view-all{
  background: url("../img/arrow_white.png")  center 107px no-repeat #ed1d24;
  color: #fff;
  font-size: 20px;
  padding: 49px 25px;
  text-transform: uppercase;
  text-align: center;
  font-weight: 300;
  -webkit-box-shadow: 0px 0px 24px -5px rgba(214,214,214,1);
-moz-box-shadow: 0px 0px 24px -5px rgba(214,214,214,1);
box-shadow: 0px 0px 24px -5px rgba(214,214,214,1);
}
.brand-list .view-all a{
  color: #fff;
}
.brand-list .view-all:hover {
   background: url("../img/arrow_white.png")  center 107px no-repeat #000;
}
.pwdimg{float: right !important; margin-top: 0!important; margin-left: 10px;}
.img-wrap1{
  background: url("../img/adv-bnr.jpg") no-repeat top center;
  -webkit-background-size: cover;
  background-size: cover;
  height: 366px;
  position: relative;
}
.img-wrap2{
  background: url("../img/adv-bnr2.jpg") no-repeat top center;
  -webkit-background-size: cover;
  background-size: cover;
  height: 366px;
  position: relative;
}
.adv-bnr .read-more{
  position: absolute;
  margin: auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 60%;
  height: 100px;
}
.adv-bnr .read-more:before{
  content:'';
  display: block;
  border-top: 2px solid #fff;
  padding: 15px 0 0 0;
  width: 60%;
  text-align: center;
  margin: 0 auto;
}
.adv-bnr .read-more:after{
  content:'';
  display: block;
  border-top: 2px solid #fff;
  width: 60%;
  text-align: center;
  margin: 15px auto;
}
.adv-bnr .read-more a{
  background: rgba(255,255,255,.9);
  color: #000;
  font-weight: 300;
  font-size: 30px;
  text-transform: uppercase;
  text-align: center;
  padding: 8px 59px;
  letter-spacing:5px;
  display: inline-block;
  
}
.adv-bnr .read-more a:hover{
    background: rgba(237,29,36,.9);
    color: #fff;
}
.project-wrap{
  background: url("../img/bg_projects.png") center top no-repeat #fff;
  -webkit-background-size: 80%;
  background-size: 80%;
  padding-bottom: 80px;
  position: relative;
  z-index: 0;
}
.prj-slider-wrap {
  margin-top: 80px;
}
.project-wrap .owl-carousel{
  background: #fff;
  border:1px solid #f3f3f3;
}
.project-wrap .owl-carousel .item{
   border-right:1px solid #f3f3f3;
}
.projects { margin: 50px 0; }
.projects li {
    float: left;
    border: 1px solid #f5f5f5;
    border-radius: 5px;
    margin: 5px;
    background: #fff;
    cursor: pointer;
    transition:all 0.3s ease;
}
.projects li:hover{
        -webkit-transform: scale(1.3);
        -ms-transform: scale(1.3);
        transform: scale(1.3);
        -webkit-filter: grayscale(100%); /* Ch 23+, Saf 6.0+, BB 10.0+ */
        filter: grayscale(100%); /* FF 35+ */
}

.projects li img { width: 200px; }

.owl-nav{
  position: relative;
  
}
.owl-nav .owl-prev{
  position: absolute;
  left: -25px;
  top:-100px;
  
}
.owl-nav .owl-next{
  position: absolute;
  right: -25px;
  top:-100px;
  
}
.slider-btn{
  text-transform: uppercase;
  font-size: 25px;color: #ee1d24;
  background: url("../img/project-arrow-next.png") no-repeat  647px;
  text-align: center;
  display: block;
  margin: 40px 0 0;
}
.adv-bnr {
  margin-top:40px;
}
.slider-btn:hover{
  background: url("../img/arrow_black.png") no-repeat  647px;
}
.footer-strip{
  background: url("../img/footer-strip.jpg") no-repeat;
  font-size: 18px;
  padding: 25px 0;
  color: #fff;
}
.footer-strip span{
  color: #91acc9;
  text-transform: uppercase; 
  font-weight: 600;
}
.footer-strip i{
     float: left;
    height: 26px;
    font-size: 36px;
    margin-right: 32px;
    padding-top: 8px;
    color: #91acc9;
}
.contact-form{
  position: relative;
}
.contact-form-wrap{
 background: #91acc9;
 padding: 45px;
 -webkit-box-shadow: 10px 10px 38px -13px rgba(153,145,153,1);
-moz-box-shadow: 10px 10px 38px -13px rgba(153,145,153,1);
box-shadow: 10px 10px 38px -13px rgba(153,145,153,1);
position: absolute;
top:35px;
}
.enquiry {background:#efefef; position:relative;}

.contact-form-wrap h3{
  font-size: 40px;
  font-weight: 300;
  text-transform: uppercase;
  color: #fff;
}
.contact-form-wrap .form-group input, .contact-form-wrap .form-group textarea{
  text-transform: uppercase;
  color: #b2b2b2;
  font-size:14px;
  border-radius: 0px;
  padding: 20px 10px;
}
.contact-form-wrap .form-btn{
 background: url("../img/contact-arow.png") center center no-repeat #fff;
 border:none;
 padding: 25px 50px;
 float: right;
}
.contact-form-wrap .form-btn:hover{
 background: url("../img/arrow_black.png") center center no-repeat #fff;
}
.footer-nav{
  background: url("../img/footer-nav-wrap.png") top no-repeat ;
  height: 302px;
  padding: 80px 0;
  position: relative;
}
.footer-nav p span{
  font-weight: 600;
  color: #fff;
}
.footer-nav p{
  color: #b9b9b9;
  font-size: 17px;
}
.footer-nav ul li{
  background: #393939;
  padding: 10px 25px;
  float: left;
  margin-right: 10px;
  margin-bottom: 10px;
  font-size: 13px;
}
.footer-nav ul li:hover{
  background: #ed1c24;
}
.footer-nav ul li a{
  color: #fff;
  text-transform: uppercase;
}
.stamp{
  text-align: right;
  padding-right: 25px;
  background:url("../img/stamp.png") top center no-repeat ;
  
  height: 127px;
  -webkit-background-size: 40%;
  background-size: 40%;
}
.social-media{
  display: table;
  margin:  auto;
  float: right;
}
.social-media a{
  margin-right: 3px;
}
.fb-footer{
  background: url("../img/icon_footer_fb.png") no-repeat;
  height: 48px;
  width: 48px;
  display: inline-block;
  -webkit-background-size: 70%;
  background-size: 70%;
}
.fb-footer:hover{
  background: url("../img/icon_footer_fb_hover.png") no-repeat;
  -webkit-background-size: 70%;
  background-size: 70%;
}
.tw-footer{
  background: url("../img/icon_footer_twitter.png") no-repeat;
   -webkit-background-size: 70%;
  background-size: 70%;
  height: 48px;
  width: 48px;
  display: inline-block;
}
.tw-footer:hover{
  background: url("../img/icon_footer_twitter_hover.png") no-repeat;
    -webkit-background-size: 70%;
  background-size: 70%;
}
.ins-footer{
  background: url("../img/icon_footer_instagram.png") no-repeat;
  -webkit-background-size: 70%;
  background-size: 70%;
  height: 48px;
  width: 48px;
  display: inline-block;
}
.ins-footer:hover{
  background: url("../img/icon_footer_instagram_hover.png") no-repeat;
  -webkit-background-size: 70%;
  background-size: 70%;
}
.youtube-footer{
  background: url("../img/icon_footer_youtube.png") no-repeat;
  -webkit-background-size: 70%;
  background-size: 70%;
  height: 48px;
  width: 48px;
  display: inline-block;
}
.youtube-footer:hover{
  background: url("../img/icon_footer_youtube_hover.png") no-repeat;
  -webkit-background-size: 70%;
  background-size: 70%;
}

.bck-top{
position: absolute;
right: 15px;
background: url("../img/top.png") no-repeat;
height: 160px;
width: 17px;
display: block;
top:75px;
}
.copyright{
  background: #fff;
  padding: 20px 0;
  font-size: 14px;
  color: #232323;
}
.copyright span{
  color: #ed1c24;
}
.copyright a{
  float: left;
  color: #ed1c24;
  margin-right: 15px;
  margin-top: 10px;
}
.copyright a:hover{
  color: #000;
}
.copyright p {
  float:left;
}
.pwdby{
  float: right;
  text-align: right;
}
.pwdby a {
  float: right;
  margin-top: 0;
}
#inner-banner{
  position: relative;
  top: 189px;

}
.inner-banner-container{
      
    position: absolute;
    z-index: 500;
    margin: 0 auto;
    left: 0;
    right: 0;
    height: 150px;
    text-align: center;
    bottom: 0;
}
#inner-content-wrap{
  padding-top:189px;
}
.inner-bnr-caption{
  color: #fff;
  font-size: 20px;
  font-weight: 300;
}
.inner-bnr-caption span{
  font-weight: 500;
  font-size: 30px;
}
.product-category-section{
  background: url("../img/product-cat-bg.jpg") no-repeat;
  padding: 80px 0;
}
.product-category-section ul {
  text-align:center;margin-left:auto;margin-right:auto
}
.product-category-section ul li{
 
  margin-right: 10px;
  text-transform: uppercase;
  list-style-type: none;
  margin-bottom: 18px;
  display:inline-block;
}
.product-category-section ul li a{
    font-size: 13px;
  color: #000;
  font-weight: 500;
   background: #d8d8d8;
  padding: 10px 25px;
  border-radius: 25px;
  display: inline-block;

}
.product-category-section ul li a.active{
  background: #ee1d24;
  color: #fff;
}
.product-category-section ul li a:hover{
 background: #ed1c24;
 color: #fff;
}
.product-list-wrap .head-wrap{
 text-align: left;
}
.prdct-logo{
  float: left !important;
  background: #fff !important;
  margin: 15px 0 0 0  !important;
  padding: 0 !important;

}
.flickity-page-dots{
  display: none;
}
.prdct-logo::before{
  display: none;
}
.mjr-cat{
  background: #f7f7f7;
  padding: 15px 0;
  display: block;
}
.mjr-cat .title{
  float: left;
  padding-right: 50px;
  padding-left: 20px;
}
.mjr-cat .title p{
font-size: 21px;
font-weight: 400;
display: block;
}
.mjr-cat .title span{
  font-size: 38px;
  color: #ed1d24;
  display: block;
}
.mjr-cat ul li{
  font-size: 14px;
  border-left:1px solid #dddddd;
  float: left;
  padding: 0 40px;
  text-align: center;
}
.mjr-cat ul li img{
  margin:0 auto;
  display: block;
  width: 40px;
  margin-bottom: 15px;
}
.profile-content-section{
  background: url('../img/logo_mascote.png') top right no-repeat #fbfbfb;
  padding: 50px 0;
}

.profile-content-section .img-tile{
 float: left;

}
.profile-content-section .img-tile img{
   min-height:698px;
}
.profile-content-section span{
  color: #ed1d24;
  font-size: 48px;
  font-weight: 400;
}
.profile-content-section p{brand-list
  font-size: 15px;
  padding-top: 15px;
  text-align: justify;
  line-height: 23px;
}
.cnt-lft-space .img-wrap{
padding-left: 0;
padding-top: 33px;
cursor: default;
}
.cnt-lft-space .img-wrap .row{
     margin-right: 5px;
}
.project-inner-section{
  background: url('../img/profile-project-bg.jpg') center -220px  no-repeat;
  min-height: 250px;
  background-size: 100%;
  padding: 80px 0 150px;
}
.project-inner-section span,
.project-inner-section h2{
  text-align: center;

}/*
.project-inner-section span{
  color: #000;
}*/
.project-list-inner-wrap .img-block{
 margin-right: 5px;
  margin-bottom: 5px;
 width: 16%;
 float: left;
background:#fff;
}
.project-list-inner-wrap .img-block img{
  width: 100%;
}
.prject-list-btn{
  text-transform: uppercase;
  font-size: 25px;color: #ee1d24;
  background: url("../img/project-arrow-next.png") 645px center no-repeat ;
  text-align: center;
  display: inline-block;
  margin: 50px auto 0;
  width: 100%;
}
.prject-list-btn:hover{
  background: url("../img/arrow_black.png") 645px center no-repeat ;
}

#contact-wrap .address-wrap {
  text-align: center;
  padding: 100px 0;
}

#contact-wrap .address-wrap h4 {
  font-weight: 500;
  text-transform: uppercase;
  font-size: 20px;
  color: #261e6a;
}

#contact-wrap .address-wrap p {
  font-size: 16px;
  color: #000;
  line-height: 23px;
}

#contact-wrap .address-wrap i {
  background: #efefef;
  position: relative;
  line-height: 70px;
  text-align: center;
  width: 80px;
  height: 80px;
  display: block;
  margin: auto;
  margin-bottom: 30px;
   -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  border-radius: 50px;
}

#contact-wrap .address-wrap i img {
  vertical-align: middle;
  margin: 0 auto;
  text-align: center;
}

#contact-wrap .address-wrap .icon {
      padding-left: 12px;
    padding-top: 15px;
    display: inline-block;
    margin: auto;
    text-align: center;
}
#contact-wrap .address-wrap .icon a:hover{
opacity: 0.4;
}
#contact-wrap .contact-form-wrap {
  margin: 50px;
  background: #efefef;
  box-shadow: none;
  position: inherit;
}
#contact-wrap .contact-form-wrap label {
font-weight: 500;
text-transform: uppercase;
}
#contact-wrap .contact-form-wrap input, #contact-wrap .contact-form-wrap textarea {
  border: 1px solid #ccc;
  text-transform: capitalize;
  font-size: 14px;
}

#contact-wrap .contact-form-wrap input[type="submit"] {
  color: #fff;
  border: none;
  font-size: 15px;
  background: #e51c22;
  float: right;
  padding: 10px 15px;
  display: table-cell;
  margin: 0 auto;
  text-align: center;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
}

#contact-wrap .contact-form-wrap input[type="submit"]:hover {
  background: #013668;
}
.news-thumb {
 border:1px solid #ddd;
 padding:15px;
 margin: 20px 0 10px;
 border-radius: 4px;
 text-align: center;
}
.news-thumb h6 {
 color: #000;
 font-size: 17px;
 font-weight: 500;
 height: 45px;
 overflow: hidden;
}
.news-thumb h6:after {
 content:"...";
}
.news-thumb .slider-btn {
 font-size: 12px;
 margin-top: 10px;
}
.news-heading {
   color: #ed1d24;
   font-size: 35px;
   font-weight: 400;
   display: block;
   padding-bottom: 20px;
}
.news-heading img { float: left; }
.margin { margin-top:50px; }
.margin p{
  line-height: 25px;
}