body.fullscreen #header {
  position: absolute;
  width: 100%;
  padding: 0em 4.5% 2em;
  z-index: 150;
  letter-spacing: 0.1em;
  margin-top:50px;

}

@media(max-width:1024px) {
body.fullscreen #header {

  margin-top:0px;

}
}


#header::after {
  content: "";
  display: block;
  clear: both;
}


.container {
  margin-right: auto;
  margin-left: auto;
  *zoom: 1;
}

.container:before,.container:after {
  display: table;
  content: "";
  line-height: 0;
}

.container:after {
  clear: both;
}

.container-fluid {
  padding-right: 20px;
  padding-left: 20px;
  *zoom: 1;
}

.container-fluid:before,.container-fluid:after {
  display: table;
  content: "";
  line-height: 0;
}

.container-fluid:after {
  clear: both;
}


.brow {
  margin-left: 0;
  *zoom: 1;
}

.brow:before,.brow:after {
  display: table;
  content: "";
  line-height: 0;
}

.brow:after {
  clear: both;
}

[class*="brick"] {
  float: left;
  min-height: 1px;
  margin-left: 0;
}

.navbar .container {
  width: 1170px;
}

.brick6 {
  width: 1170px;
  height: 195px;
}

.brick5 {
  width: 975px;
  height: 195px;
}

.brick4 {
  width: 780px;
  height: 195px;
}

.brick3 {
  width: 585px;
  height: 195px;
}

.brick2 {
  width: 390px;
  height: 195px;
}

.brick1 {
  width: 195px;
  height: 195px;
}

.boffset6 {
  margin-left: 1170px;
}

.boffset5 {
  margin-left: 975px;
}

.boffset4 {
  margin-left: 780px;
}

.boffset3 {
  margin-left: 585px;
}

.boffset2 {
  margin-left: 390px;
}

.boffset1 {
  margin-left: 195px;
}

#header [class*="brick"] {
  background: #3c6;
  color: #fff;
}



#header [class*="brick"] .inner {
  padding: 20px 30px;
}

#header .odd {
  background: #396;
}


#header .slogan {
  background:url(../imgs/main/main-slogan.png);background-size:cover;
}

#header .br1 {
  background: #FC0;
  background:url(../imgs/main/btn-01p.png);background-size:cover;
}


#header .br2 {
  background: #AD0;
  background:url(../imgs/main/btn-02p.png);background-size:cover;
}


#header .br3 {
  background: #0CC;
  background:url(../imgs/main/btn-03p.png);background-size:cover;
}


#header .br4 {
  background: #669;
  background:url(../imgs/main/btn-04p.png);background-size:cover;
}

#header .br5 {
  background: #F33;
  background:url(../imgs/main/btn-05p.png);background-size:cover;
}

#header .br1 a,#header .br2 a,#header .br3 a,#header .br4 a,#header .br5 a{
  color: #fff;
  font-weight:100;
}


#header .transparent {
  background: 0;
}



#header .nav-item {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  text-align: center;
  font-size: 19.2px;
}

#header .nav-item .nav-hover {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  top: -8px;
  left: -8px;
  border: 8px solid rgba(255,255,255,0.5);
  opacity: 0;
  z-index: 1;
  -webkit-transition: .2s ease-in-out all;
  -moz-transition: .2s ease-in-out all;
  -o-transition: .2s ease-in-out all;
  transition: .2s ease-in-out all;
  -webkit-transform: scale(0.95);
  -moz-transform: scale(0.95);
  -ms-transform: scale(0.95);
  -o-transform: scale(0.95);
  transform: scale(0.95);
}

#header .nav-item:hover,#header .nav-item:active,#header .nav-item:focus {
  color: #fff;
  text-decoration: none;
}

#header .nav-item:hover .nav-hover {
  opacity: 1;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}

#header .nav-item i {
  display: block;
  font-size: 90px;
  padding-top: 35px;
}

#header .nav-item span {
  display: block;
  padding-top: 10px;
}

#header .thumb {
  background: 0;
  -webkit-perspective: 800px;
  -moz-perspective: 800px;
  -ms-perspective: 800px;
  -o-perspective: 800px;
  perspective: 800px;
}

#header .thumb img {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
}

#header .thumb .scroll {
  overflow: hidden;
}

#header .thumb .scroll .img2 {
  bottom: -195px;
}

#header .thumb .nav-item {
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transition: transform 1s;
  -moz-transition: transform 1s;
  -o-transition: transform 1s;
  transition: transform 1s;
  -webkit-transition: -webkit-transform 1s;
}

#header .thumb .nav-item img {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}

#header .thumb .nav-item.flipX .img2 {
  -webkit-transform: rotateX(-180deg);
  -moz-transform: rotateX(-180deg);
  -ms-transform: rotateX(-180deg);
  -o-transform: rotateX(-180deg);
  transform: rotateX(-180deg);
}

#header .thumb .nav-item.flipY .img2 {
  -webkit-transform: rotateY(-180deg);
  -moz-transform: rotateY(-180deg);
  -ms-transform: rotateY(-180deg);
  -o-transform: rotateY(-180deg);
  transform: rotateY(-180deg);
}

#header .thumb.active .flipX {
  -webkit-transform: rotateX(-180deg);
  -moz-transform: rotateX(-180deg);
  -ms-transform: rotateX(-180deg);
  -o-transform: rotateX(-180deg);
  transform: rotateX(-180deg);
}

#header .thumb.active .flipY {
  -webkit-transform: rotateY(-180deg);
  -moz-transform: rotateY(-180deg);
  -ms-transform: rotateY(-180deg);
  -o-transform: rotateY(-180deg);
  transform: rotateY(-180deg);
}

#header .thumb .nav-hover {
  display: none;
}



#header {
  /*border-top: 2px solid transparent;*/
  position: relative;
}

#header.no-border {
  border: none;
}

.navbar {
  position: relative;
  min-height: 50px;
  margin-bottom: 0;
  border-top: none;
  border-right: none;
  border-left: none;
}

@media (min-width: 768px) {
  .navbar {
    border-radius: 0;
  }
}

.navbar-top {
  background-color: rgba(0,0,0, 0.0);
}

.navbar-top.no-bg {
  background-color: transparent;
}

.navbar-top.navbar-color {
  border-bottom: none;
}

@media (min-width: 992px) {
  .navbar-top {
    padding: 0 15px;
  }

  .boxed .navbar-top,.boxed-long .navbar-top {
    padding: 0;
  }
}

.navbar-top {
  font: 600 13px/38px 'Open Sans', Verdana;
}

.navbar-top.navbar-color .social-icon,.navbar-top.navbar-color .navbar-top-nav > li > a,.navbar-top.navbar-color .dropdown-toggle {
  color: #eee !important;
}

.navbar-top.navbar-color .social-icon:hover,.navbar-top.navbar-color .navbar-top-nav > li > a:hover,.navbar-top.navbar-color .dropdown-toggle:hover,.navbar-top.navbar-color .open > .dropdown-toggle {
  color: #fff !important;
}

.navbar-top-nav li {
  float: left;
  margin-right: 10px;
}

.navbar-top-nav li i,.navbar-top .account-dropdown i {
  margin-right: 8px;
}

.navbar-top-nav li:after,.navbar-top .social-icon:after {
  content: '/';
  padding-left: 10px;
}

.navbar-top.navbar-color .navbar-top-nav li:after,.navbar-top.navbar-color .social-icon:after {
  color: #bababa !important;
}

.navbar-top-nav li:last-child:after,.navbar-top .social-icon:last-child:after {
  content: '';
  padding-left: 0;
}

.navbar-top .social-icon {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 38px;
  padding-right: 0;
  margin-left: 0;
}

.navbar-top .pull-right .social-icon:last-child {
  margin-right: 0;
}

.navbar-top .dropdowns-container.pull-right {
  padding-right: 15px;
  margin-right: 30px;
}

.navbar-top .dropdowns-container.pull-right.last {
  padding-right: 0;
  margin-right: 0;
  border-right: none;
}

.navbar-top.navbar-color .dropdowns-container.pull-right {
  border-right: none;
  padding-right: 0;
}

@media (max-width: 767px) {
  .navbar-top .dropdowns-container.pull-right {
    padding-right: 0;
    margin-right: 0;
    border-right: none;
  }

  .navbar-top .account-dropdown.pull-right {
    margin-left: 15px;
  }

  .boxed-container {
    padding: 0;
    min-height: 0;
  }
}

.navbar-top .dropdown-toggle {
  line-height: 38px;
  display: block;
}

.navbar-top .dropdown-toggle {
  padding: 0;
}

@media (max-width: 992px) {
  .navbar-top .pull-right .dropdown+.dropdown {
    margin-right: 15px;
  }
}

@media (min-width: 992px) {
  .navbar-top .dropdown-toggle {
    padding: 0 15px;
  }

  .navbar-top .dropdowns-container.pull-right.last .currency-dropdown .dropdown-toggle {
    padding-right: 0;
  }

  .navbar-top .account-dropdown.pull-right > .dropdown-toggle {
    padding: 0;
  }
}

.navbar-top .dropdown-menu {
  margin-top: 0;
  border: 1px solid transparent;
  border-radius: 0;
  min-width: 100%;
}

.navbar-top .dropdown-menu > li > a {
  padding: 4px 15px;
  font-size: 13px;
  font-weight: 600;
}

.navbar-collapse {
  box-shadow: none;
  -webkit-box-shadow: none;
}

.navbar-header.fullwidth {
  float: none;
}

.navbar-header .social-icons {
  margin-top: 28px;
  margin-bottom: 28px;
}

.navbar-header .social-icon {
  margin-bottom: 0;
  font-size: 18px;
  line-height: 34px;
  padding-right: 0;
  margin-left: 0;
  margin-right: 12px;
}

.navbar-brand {
  position: relative;
  float: left;
  height: 80px;
  padding: 23px 15px 25px 15px;
  font: 700 32px/1 'Raleway', Verdana, sans-serif;
  transition: color 0.3s ease;
  -webkit-transition: color 0.3s ease;
}

@media(max-width:1023px) {
.navbar-brand {width:250px;padding: 0px 0px 0px 15px;}
.navbar-brand img{width:80%;height:auto;}
}

.navbar > .container .navbar-brand {
  margin-left: 0;
}

.navbar-brand.pull-right {
  border-right: none;
  border-left: 1px solid transparent;
}

.clear-margin-right {
  margin-right: 0 !important;
}

@media (min-width: 768px) {
  /*
  .navbar-brand {
    height: 90px;
    padding: 26px 15px 28px;
    font-size: 36px;
  }
  */

  .container .navbar-brand {
    padding-left: 0;
    margin-left: -2px;
  }

  .container .navbar-brand.pull-right {
    padding-left: 15px;
    margin-left: 0;
  }

  .navbar .navbar-inner > .container-fluid .navbar-brand {
    margin-left: -15px;
  }

  .navbar-smaller .navbar-brand {
    height: 60px;
    font-size: 32px;
    padding: 14px 15px;
  }

  .navbar-brand.clear-padding-left {
    padding-left: 0 !important;
  }

  .navbar-brand.clear-padding-right {
    padding-right: 0 !important;
  }

  .navbar-brand-center {
    float: none;
    border: none;
    display: block;
    text-align: center;
  }

  .navbar-brand-center.bordered {
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
  }
}

@media (min-width: 992px) {
  .navbar-brand {
    height: 100px;
    padding: 10px 0px 0px;
    font-size: 35px;
  }

  .navbar-smaller .navbar-brand {
    height: 80px;
    padding: 19px 30px 21px;
    font-size: 40px;
  }

  .container .navbar-brand.pull-right {
    padding-left: 30px;
    margin-left: 0;
  }

  .boxed-container .navbar-brand {
    padding-right: 15px;
    padding-left: 15px;
  }

  .boxed .container-fluid .navbar-brand,.boxed-long .container-fluid .navbar-brand {
    padding-left: 15px;
  }

  .navbar-header .social-icons {
    margin-top: 33px;
    margin-bottom: 33px;
  }

  .boxed-container .navbar-header .social-icons {
    padding-left: 15px;
  }
}

.navbar-toggle,.btn-toggle {
  position: relative;
  float: left;
  padding: 8px 9px;
  margin: 10px 15px 24px 15px;
  line-height: 0;
  background-image: none;
  border: none;
  border-radius: 0;
  -webkit-user-select: none;
  -ms-user-select: none;
  -moz-user-select: none;
  transition: all 0.35s ease;
  -webkit-transition: all 0.35s ease;
}

.btn-toggle.pull-right {
  margin-left: 0;
}

.navbar-toggle.pull-right {
  margin-left: -5px;
}

.navbar-toggle .icon-bar,.btn-toggle .icon-bar {
  display: block;
  width: 14px;
  height: 2px;
  margin: 7px 0;
  border-radius: 0;
  position: relative;
}

.navbar-toggle .icon-bar,.btn-toggle .icon-bar,.navbar-toggle .icon-bar:before,.btn-toggle .icon-bar:before,.navbar-toggle .icon-bar:after,.btn-toggle .icon-bar:after {
  display: inline-block;
  width: 14px;
  height: 2px;
  border-radius: 4px;
  transition: all 0.35s ease;
  -webkit-transition: all 0.35s ease;
}

.navbar-toggle .icon-bar:before,.navbar-toggle .icon-bar:after,.btn-toggle .icon-bar:before,.btn-toggle .icon-bar:after {
  content: '';
  position: absolute;
  left: 0;
}

.navbar-toggle .icon-bar:before,.btn-toggle .icon-bar:before {
  top: 4px;
}

.navbar-toggle .icon-bar:after,.btn-toggle .icon-bar:after {
  top: -4px;
}

.navbar-toggle.opened .icon-bar,.btn-toggle.opened .icon-bar {
  background: transparent !important;
}

.navbar-toggle.opened .icon-bar:before,.navbar-toggle.opened .icon-bar:after,.btn-toggle.opened .icon-bar:before,.btn-toggle.opened .icon-bar:after {
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  top: 0;
}

.navbar-toggle.opened .icon-bar:before,.btn-toggle.opened .icon-bar:before {
  -webkit-transform: rotate3d(0, 0, 1, 45deg);
  transform: rotate3d(0, 0, 1, 45deg);
}

.navbar-toggle.opened .icon-bar:after,.btn-toggle.opened .icon-bar:after {
  -webkit-transform: rotate3d(0, 0, 1, -45deg);
  transform: rotate3d(0, 0, 1, -45deg);
}

.navbar-nav > li > a,.navbar-nav li a {
  display: block;
  padding-top: 10px;
  padding-bottom: 10px;
  font: 800 14px/20px  'notokr-regular','Open Sans',Verdana, sans-serif;
  text-transform: uppercase;
}

.navbar-nav .megamenu-title {
  font-size: 15px;
  margin: 10px 0 6px;
}

.navbar-nav li li a {
  font-size: 14px;
  white-space: normal;
}

.navbar-nav li .dropdown-menu a > i {
  margin-right: 10px;
}

.navbar-nav .angle {
  margin: 0 0 0 4px;
}

.open > .dropdown-toggle > .angle:before,.side-menu .navbar-nav li.open > a > .angle:before,.side-menu .navbar-nav ul .open > a > .angle:before {
  content: '\f106';
}

.navbar-nav ul .angle {
  float: right;
  margin: 3px 0 0;
}

.navbar-btn {
  height: 32px;
  line-height: 32px;
  padding: 0;
  margin-top: 24px;
  margin-bottom: 24px;
  margin-left: 10px;
}

.navbar-btn.navbar-right,.navbar-btn.pull-right {
  margin-left: 0;
  margin-right: 10px;
}

.navbar-btn.navbar-left {
  margin-left: 0;
  margin-right: 10px;
}

.navbar-btn.navbar-right.last,.navbar-btn.pull-right.last {
  margin-right: 0;
}

.navbar-left .navbar-btn.last,.pull-left .navbar-btn.last {
  margin-left: 0;
}

.boxed-container .navbar-btn.navbar-right.last,.boxed-container .navbar-btn.pull-right.last {
  margin-right: 15px;
}

.navbar-btn.btn-icon {
  width: 32px;
  font-size: 14px;
  background-color: transparent;
  border: none;
  text-align: center;
  transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
}

.btn-transparent {
  background-color: transparent !important;
}

.btn-circle {
  border-radius: 50%;
}

@media (max-width: 767px) {
  .navbar-nav .open .dropdown-menu > li > a,.navbar-nav .open .dropdown-menu li a,.navbar-nav .open .dropdown-menu .dropdown-header,.navbar-nav .megamenu a {
    padding: 5px 15px 5px 25px;
  }

  .navbar-nav .open .dropdown-menu .dropdown-menu {
    padding-left: 10px;
  }

  .navbar-nav .dropdown-menu.pull-right {
    float: none !important;
  }

  .navbar-nav .dropdown-menu {
    border-radius: 0;
  }

  .navbar-nav .open .dropdown-menu > li > a,.navbar-nav .open .dropdown-menu li a {
    line-height: 20px;
  }

  .navbar-nav div[class^="col"],.navbar-nav div[class*=' col'] {
    padding: 0 0 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid transparent;
  }

  .navbar-nav div[class^="col"]:last-child,.navbar-nav div[class*=' col']:last-child {
    margin-bottom: 0;
    border-bottom: none;
  }

  .navbar-nav.pull-right {
    float: none !important;
  }

  .navbar-header .row {
    margin-left: 0;
    margin-right: 0;
  }

  .navbar-header .col-sm-4 {
    padding: 0;
  }

  .navbar-nav .angle {
    float: right;
    font-size: 16px;
    margin: 2px 0 0;
  }

  .navbar-nav .open> .dropdown-menu {
    -webkit-animation-duration: 0.4s;
    animation-duration: 0.4s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
  }

  .navbar-header .navbar-btn.pull-right.last {
    margin-right: 15px;
  }
}

@media (min-width: 768px) {
  .container > .navbar-collapse,.container-fluid > .navbar-collapse {
    margin-right: -15px;
    margin-left: -15px;
  }

  .navbar-collapse.collapse-row {
    border-top: 1px solid transparent;
  }

  .navbar-header {
    float: left;
  }

  .container > .navbar-header,.container-fluid > .navbar-header {
    margin-right: 0;
  }

  .navbar-collapse {
    /*border-top: 1px solid transparent;*/
  }

  .navbar-nav {
    float: right;
  }

  .navbar-nav > li {
    float: left;
  }

  .navbar-right.last {
    margin-right: 0;
  }

  .navbar-nav > li > a {
    padding: 15px;
  }

  .navbar-nav-border > li > a {
    border-right: 1px solid transparent;
  }

  .collapse-row .navbar-nav > li > a {
    padding: 17.5px 15px;
  }

  .navbar-nav > li:first-child > a {
    padding-left: 0;
  }

  .navbar-nav-border > li:first-child > a {
    border-left: 1px solid transparent;
    padding-left: 15px;
  }

  .navbar-nav .dropdown-menu.megamenu li a,.navbar-nav .megamenu-title {
    padding: 6px 0;
    white-space: normal;
  }

  .navbar-nav .megamenu-title {
    padding-bottom: 15px;
    margin: 0 0 10px;
    border-bottom: 1px solid transparent;
  }

  .boxed-container .megamenu {
    left: 15px;
    right: 15px;
  }

  .navbar-nav li > .dropdown-menu {
    border: none;
    border-top: 1px solid transparent;
    margin: 0;
    border-radius: 0;
    min-width: 220px;
    padding: 7px 0;
  }

  .navbar-nav li > .dropdown-menu.megamenu {
    float: none;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .navbar-nav .sub-dropdown .dropdown-menu {
    right: auto;
    left: 100%;
    top: 0;
    border-top: none;
  }

  .navbar-nav li.reverse > .dropdown-menu {
    left: auto;
    right: 0;
  }

  .navbar-nav .sub-dropdown .dropdown-menu.pull-right,.navbar-nav .reverse .sub-dropdown .dropdown-menu {
    left: auto;
    right: 100%;
  }

  .navbar li li a {
    padding-top: 7px;
    padding-bottom: 7px;
  }

  .navbar-nav ul .angle:before,.navbar-nav ul .open > .dropdown-toggle > .angle:before {
    content: '\f105';
  }

  .row .navbar-collapse.collapse-row {
    padding: 0;
  }

  .navbar-btn {
    height: 36px;
    line-height: 36px;
    margin-top: 27px;
    margin-bottom: 27px;
  }

  .navbar-btn.btn-icon {
    width: 36px;
    font-size: 14px;
  }

  .navbar-smaller .navbar-btn,.navbar-smaller .navbar-btn.btn-icon {
    height: 32px;
    width: 32px;
    line-height: 32px;
    font-size: 14px;
  }

  .navbar-smaller .navbar-btn {
    margin: 14px 0;
  }

  .btn-toggle {
    padding: 10px;
    margin: 27px 0 27px;
  }
}

@media (min-width: 992px) {
  .navbar-header {
    float: left;
    border-bottom: none;
  }

  .navbar-nav {
    float: right;
  }

  .container > .navbar-header,.container-fluid > .navbar-header {
    margin-right: 30px;
  }

  .container > .navbar-header.fullwidth,.container-fluid > .navbar-header.fullwidth {
    margin-right: 0;
  }

  .megamenu-container .container-fluid {
    padding: 0 30px;
  }

  .container .megamenu-container .container-fluid,.container .megamenu-container .container-fluid,.boxed .container-fluid .megamenu-container .container-fluid,.boxed-long .container-fluid .megamenu-container .container-fluid {
    padding: 0 15px;
  }

  .navbar-collapse {
    border-top: none;
  }

  .navbar-collapse.collapse-row {
    padding: 0 30px;
  }

  .boxed .navbar-collapse.collapse-row,.boxed-long .navbar-collapse.collapse-row {
    padding: 0;
  }

  .boxed-container .collapse-row,.boxed-container .navbar-header.fullwidth {
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
  }

  .boxed-container .navbar-collapse.collapse-row {
    padding: 0 15px;
  }

  .navbar-nav > li > a {
    padding: 40px 15px;
  }

  .navbar-smaller .navbar-nav > li > a {
    padding: 30px 15px;
  }

  .navbar-btn {
    margin-top: 32px;
    margin-bottom: 32px;
  }

  .navbar-smaller .navbar-btn {
    margin-top: 24px;
    margin-bottom: 24px;
  }

  .btn-toggle {
    padding: 10px 11px;
    margin: 32px 0 32px;
  }

  .container-fluid .navbar-btn.navbar-right.last,.container-fluid .navbar-btn.pull-right.last {
    margin-right: 15px;
  }

  .boxed .navbar-btn.navbar-right.last,.boxed .navbar-btn.pull-right.last,.boxed-long .navbar-btn.navbar-right.last,.boxed-long .navbar-btn.pull-right.last {
    margin-right: 0;
  }
}

@media (min-width: 992px) and (max-width:1199px) {
  .navbar-nav > li > a {
    padding: 40px 12px;
  }
}

@media (max-width:1023px) {
  .navbar-nav > li > a {
    padding: 15px 6px;
  }
}


.megamenu-container {
  position: static !important;
}

.megamenu {
  left: 0;
  right: 0;
}

#header-search-form {
  padding: 0 15px;
  position: relative;
  border-bottom: 1px solid transparent;
  overflow: hidden;
}

@media (max-width: 767px) {
  #header-search-form.special-for-mobile {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 300;
  }
}

.navbar-form {
  padding: 0;
  margin: 0;
  border: none;
  box-shadow: none;
  -webkit-box-shadow: none;
}

#header-search-form .form-control {
  width: 100%;
  display: block;
  background-color: transparent;
  border: none;
  height: auto;
  padding: 12px 0 12px 40px;
  font: 500 16px/1.5 'Raleway', Verdana;
  box-shadow: none;
  -webkit-box-shadow: none;
  text-align: right;
  border-radius: 0;
  margin-bottom: 0;
}

#header-search-form .form-control::-moz-placeholder {
  text-transform: capitalize;
}

#header-search-form .form-control:-ms-input-placeholder {
  text-transform: capitalize;
}

#header-search-form .form-control::-webkit-input-placeholder {
  text-transform: capitalize;
}

#header-search-form .form-control::placeholder {
  text-transform: capitalize;
}

#header-search-form .form-control:focus {
  box-shadow: none;
  -webkit-box-shadow: none;
}

#header-search-form button[type="submit"],#header-search-form input[type="submit"] {
  position: absolute;
  top: 50%;
  left: 0;
  font-size: 14px;
  padding: 0;
  margin: 0;
  display: block;
  border: none;
  width: 32px;
  height: 32px;
  line-height: 32px;
  right: 15px;
  margin-top: -16px;
  background-color: transparent;
  transition: all 0.4s ease-in;
  -webkit-transition: all 0.4s ease-in;
}

@media (min-width: 768px) {
  #header-search-form {
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    z-index: 300;
    padding: 0 15px;
  }

  #header-search-form .form-control {
    padding: 20px 0 20px 42px;
    font-size: 18px;
  }

  #header-search-form button[type="submit"],#header-search-form input[type="submit"] {
    right: 30px;
    font-size: 14px;
    line-height: 36px;
    width: 36px;
    height: 36px;
    left: 0;
    margin-top: -18px;
  }

  .ie9 #header-search-form button[type="submit"],.ie9 #header-search-form input[type="submit"] {
    left: 30px;
  }
}

@media (min-width: 992px) {
  #header-search-form {
    padding: 0 30px;
  }

  .boxed #header-search-form,.boxed-long #header-search-form {
    padding: 0;
  }
}

@media (max-width: 767px) {
  #header-search-form .container {
    padding: 0;
  }

  .navbar-form .form-group {
    margin-bottom: 5px;
  }

  .navbar-form .form-group:last-child {
    margin-bottom: 0;
  }

  .cart-dropdown.pull-left > .navbar-btn {
    margin-left: -5px;
  }
}