* {
  color: #444;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.5;
  word-wrap: break-word;
}

h1, h2, h3, h4, h5, h6 {
  margin: 0;
}

.font-inherit {
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
}

a {
  text-decoration: none!important;
}

p, dl, dt, dd, li {
  font-size: inherit;
}

sup {
  color: inherit!important;
}

.display-block {
  display: block;
}

.fa-rotate-45 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0.5)";
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.disabled .fa {
  color: #999;
}

.fa-red .fa {
  color: #e20a17;
}

a img,
.hover,
a, button,
.transition {
  transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
}

.img-holder {
  overflow: hidden;
}

.row-center{
display: flex;
justify-content: center;
flex-wrap: wrap;
}

.row-custom {
  margin-left: -8px;
  margin-right: -8px;
}

.row-custom > div {
  padding: 0 8px;
}

.row-custom-sm {
  margin-left: -5px;
  margin-right: -5px;
}

.row-custom-sm > div {
  padding: 0 5px;
}

.row-custom-lg {
  margin-left: -20px;
  margin-right: -20px;
}

.row-custom-lg > div {
  padding-left: 20px;
  padding-right: 20px;
}

.stretch {
  padding: 0;
}

.caret {
  border-top: 4px solid !important;
}

.dropup .caret {
  border-top: 0!important;
}

.img-responsive {
  width: 100%;
  max-width: none!important;
}

.img-v-resp {
  height: 100%;
  width: auto;
}

.catania-gang,
.valencia-gang,
.classica-gang,
.lugano-gang,
.plano-gang {
/*  height: 200px;*/
  height: 150px;
  display: inline-block;
}

.catania-sm,
.lugano-sm,
.integra-gang {
  margin-left: 20px;
  margin-right: 20px;
  height: 250px;
/*  height: 350px;*/
  display: inline-block;
}

.color-thumb {
  margin-bottom: 15px;
}

.img-xs {
  margin: 0 auto 10px auto;
  max-width: 120px!important;
}

.img-sm {
  margin: 0 auto 10px auto;
  max-width: 150px!important;
}

.img-md {
  margin: 0 auto 10px auto;
  max-width: 190px!important;
}

.img-mmd {
  margin: 0 auto 10px auto;
  max-width: 230px!important;
}

.img-medium {
  margin: 0 auto;
  max-width: 300px!important;
}

.img-lg {
  margin: 0 auto;
  max-width: 450px!important;
}

.form-control {
  padding: 7px 15px;
  border-radius: 0;
  font-size: 16px;
  min-height: 40px;
}

textarea {
  resize: vertical;
}

.construction-icon {
  font-size: 100px;
}

.link {
  color: #e20a17;
  font-weight: 700;
  font-size: inherit;
}

.link:hover,
.link:focus,
.link:active {
  color: #c3040d;
}

strong {
  font-size: inherit;
  color: inherit;
}

/*OWL CAROUSEL*/

.owl-theme .owl-controls .owl-nav div {
  padding:5px 9px;
}

.owl-theme .owl-nav {
  margin: 0;
}

.owl-theme .owl-nav i {
  margin-top:2px;
}

.owl-theme .owl-controls .owl-dots {
  text-align:center;
  position: absolute;
  bottom: 15px;
  left: 0;
  right: 0;
  z-index:100;
}

.owl-theme .owl-controls .owl-dot {
  display: inline-block;
  margin: 10px;
  border-radius: 50%;
  opacity: 1;
}

.owl-theme .owl-dots .owl-dot span {
  margin: 0;
}

.owl-theme .owl-controls .owl-nav .owl-prev,
.owl-theme .owl-controls .owl-nav .owl-next {
  display: none!important;
  position:absolute;
  top:40%;
  margin: 0!important;
  padding:0px!important;
  color:#fff;
  border-radius: 0;
  background-color: rgba(115,115,115,.5);
  font-size: 30px;
  opacity: 0.5;
  text-shadow: 0px 0px 2px #000;
  -webkit-transition:all .3s ease;
     -moz-transition:all .3s ease;
      -ms-transition:all .3s ease;
       -o-transition:all .3s ease;
          transition:all .3s ease;
}

.owl-theme .owl-controls .owl-prev:hover,
.owl-theme .owl-controls .owl-prev:focus,
.owl-theme .owl-controls .owl-next:hover,
.owl-theme .owl-controls .owl-next:focus {
  opacity:1;
}

.owl-theme .owl-controls .owl-nav .owl-prev {
  left: 0;
}

.owl-theme .owl-controls .owl-nav .owl-next {
  right: 0;
}

.owl-theme .owl-controls .owl-dot {
  width: 5px;
  height: 5px;
}

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
  background-color: #fff;
}

.owl-theme .owl-controls .owl-dot.active span,
.owl-theme .owl-controls.clickable .owl-dot:hover span {
  opacity: 0.9;
  background-color: #e20a17;
}

/*OWL CAROUSEL END*/

/*====BACK TO TOP====*/

.back-to-top {
  padding: 6px;
  height: 40px;
  width: 40px;
  border-radius: 50px;
  position: fixed;
  bottom: 50px;
  right: 15px;
  text-align: center;
  font-size: 16px;
  z-index: 999;
  color: #fff;
  background-color: rgba(100,100,100,.5);
  display: none;
}

.back-to-top:hover,
.back-to-top:focus,
.back-to-top:active {
  color: #fff;
  background-color: rgba(100,100,100,.7);
}

.back-to-top .fa {
  color: inherit;
}

/*====BACK TO TOP end====*/

/*box*/

.container-xs {
  max-width: 600px;
}

.container-sm {
  margin-left: auto;
  margin-right: auto;
  max-width: 800px;
}

.box-standard {
  padding: 40px 0;
}

.box-color {
  background: #e20a17;
}

.box-grad {
  background: rgba(226,10,24,1);
  background: -moz-linear-gradient(top, rgba(226,10,24,1) 0%, rgba(146,1,8,1) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(226,10,24,1)), color-stop(100%, rgba(146,1,8,1)));
  background: -webkit-linear-gradient(top, rgba(226,10,24,1) 0%, rgba(146,1,8,1) 100%);
  background: -o-linear-gradient(top, rgba(226,10,24,1) 0%, rgba(146,1,8,1) 100%);
  background: -ms-linear-gradient(top, rgba(226,10,24,1) 0%, rgba(146,1,8,1) 100%);
  background: linear-gradient(to bottom, rgba(226,10,24,1) 0%, rgba(146,1,8,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e20a18', endColorstr='#920108', GradientType=0 );
}

.box-bg {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
}

.box-shadow {
  box-shadow: 0 0 5px 0 #aaa;
  -webkit-box-shadow: 0 0 5px 0 #aaa;
  -moz-box-shadow: 0 0 5px 0 #aaa;
}

.shadow-bottom {
  box-shadow: 0 5px 5px 0 #ddd;
  -webkit-box-shadow: 0 5px 5px 0 #ddd;
  -moz-box-shadow: 0 5px 5px 0 #ddd;
}

.shadow-top {
  box-shadow: 0 -5px 5px 0 #ddd;
  -webkit-box-shadow: 0 -5px 5px 0 #ddd;
  -moz-box-shadow: 0 -5px 5px 0 #ddd;
}

.box-bottom-deco {
  padding-bottom: 50px;
  background-image: url('../images/deco-bottom.png');
  background-position: bottom;
  background-repeat: no-repeat;
  background-size: contain;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
}

.box-mid-out {
  display: table;
  height: 100%;
  width: 100%;
}

.box-mid-in {
  display: table-cell;
  vertical-align: middle;
}

.box-map {
  background-image: url("../images/map.png");
  background-repeat: no-repeat;
  background-position: center right;
  background-size: contain;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
}

.box-grey-grad {
  background: rgba(221,221,221,1);
  background: -moz-linear-gradient(left, rgba(221,221,221,1) 0%, rgba(255,255,255,1) 33%, rgba(255,255,255,1) 69%, rgba(221,221,221,1) 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, rgba(221,221,221,1)), color-stop(33%, rgba(255,255,255,1)), color-stop(69%, rgba(255,255,255,1)), color-stop(100%, rgba(221,221,221,1)));
  background: -webkit-linear-gradient(left, rgba(221,221,221,1) 0%, rgba(255,255,255,1) 33%, rgba(255,255,255,1) 69%, rgba(221,221,221,1) 100%);
  background: -o-linear-gradient(left, rgba(221,221,221,1) 0%, rgba(255,255,255,1) 33%, rgba(255,255,255,1) 69%, rgba(221,221,221,1) 100%);
  background: -ms-linear-gradient(left, rgba(221,221,221,1) 0%, rgba(255,255,255,1) 33%, rgba(255,255,255,1) 69%, rgba(221,221,221,1) 100%);
  background: linear-gradient(to right, rgba(221,221,221,1) 0%, rgba(255,255,255,1) 33%, rgba(255,255,255,1) 69%, rgba(221,221,221,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dddddd', endColorstr='#dddddd', GradientType=1 );
}

.box-map-grey {
  position: relative;
  min-height: 450px;
}

.box-map-grey:after {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 914px;
  height: 337px;
  content: " ";
  background-repeat: no-repeat;
  background-image: url("../images/map-asean.png");
  z-index: 0;
}

.map-content {
  position: relative;
  z-index: 1;
}

.box-deco-right-sm,
.box-deco-left,
.box-deco-right {
  position: relative;
}

.box-deco-right-sm:after,
.box-deco-left:after,
.box-deco-right:after {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: " ";
  background-repeat: no-repeat;
  background-size: contain;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
}

.box-deco-right:after {
  background-image: url("../images/deco-right.png");
  background-position: right;
}

.box-deco-left:after {
  background-image: url("../images/deco-left.png");
  background-position: left;
}

.box-deco-right-sm:after {
  background-image: url("../images/deco-right-sm.png");
  background-position: right;
}

.box-deco-right-sm > div,
.box-deco-left > div,
.box-deco-right > div {
  position: relative;
  z-index: 2;
}



/*box end*/

/*title*/

.title {
  font-family: "Lato", sans-serif;
  font-weight: 900;
  line-height: 1;
}

.title span {
  line-height: 1;
}

.title-white-lg,
.title-white-big,
.title-white-xs,
.title-white-sm,
.title-white {
  color: #fff;
  text-transform: uppercase;
}

.title-white-lg {
  font-size: 40px;
}

.title-white-big,
.title-white {
  font-size: 32px;
}

.title-white-sm {
  font-size: 26px;
}

.title-white-xs {
  font-size: 20px;
}

.title-white span,
.title-white-big span {
  color: #fff;
  font-size: inherit;
  font-weight: 400;
}

.title-standard-xxxs,
.title-standard-xxs,
.title-standard,
.title-standard-big,
.title-standard-sm,
.title-standard-xs {
  color: #e20a17;
  text-transform: uppercase;
}

.title-standard,
.title-standard-big {
  font-size: 34px;
}

.title-standard-big span {
  color: #666;
  font-weight: 400;
  font-size: inherit;
}

.title-standard span {
  display: block;
  color: #666;
  font-size: 24px;
  font-weight: 400;
}

.title-standard-sm {
  font-size: 28px;
}

.title-standard-xs {
  font-size: 24px;
}

.title-standard-xxs {
  font-size: 20px;
}

.title-standard-xxxs {
  font-size: 16px;
}

.title-standard-xxs span {
  color: #666;
  font-size: inherit;
  font-weight: 400;
}

.text-shadow {
  text-shadow: 0.5px 0.5px 2px #000;
}

.sub-white {
  display: block;
  color: #fff;
  font-weight: 400;
  font-size: 20px!important;
}

.title-black-sm,
.title-black,
.title-black-xs {
  color: #444;
  text-transform: uppercase;
}

.title-black {
  font-size: 28px;
}

.title-black-sm {
  font-size: 24px;
}

.title-black-xs {
  font-size: 18px;
}

.title-xs {
  font-weight: 700;
  font-size: 16px;
  text-transform: uppercase;
}

.span-block {
  display: block;
}

/*title end*/

/*btn*/

.btn {
  padding: 7px 20px;
  border-radius: 0;
  text-transform: uppercase;
  font-weight: 600;
}

.btn.selectpicker {
  text-transform: none;
}

.btn .fa {
  color: inherit;
}

.btn-bordered {
  color: #fff;
  background-color: transparent;
  border: 2px solid #fff;
}

.btn-bordered:hover,
.btn-bordered:focus,
.btn-bordered:active {
  color: #e20a17;
  background-color: #fff;
  box-shadow: 0 0 5px 0 #666;
  -webkit-box-shadow: 0 0 5px 0 #666;
  -mox-box-shadow: 0 0 5px 0 #666;
}

.btn-standard {
  color: #fff;
  background-color: #e20a17;
}

.btn-standard:hover,
.btn-standard:focus,
.btn-standard:active {
  color: #fff;
  background-color: #c3040d;
  box-shadow: 0 0 5px 0 #666;
  -webkit-box-shadow: 0 0 5px 0 #666;
  -mox-box-shadow: 0 0 5px 0 #666;
}

.btn-download {
  padding: 0;
}

.btn-download span {
  display: inline-block;
  color: #fff;
  font-size: 18px;
  font-weight: 600;
}

.btn-download .text {
  padding: 7px 20px;
}

.btn-download .icon {
  padding: 7px 12px;
  background-color: #a90711;
}

/*btn end*/

/*navbar*/

.navbar-custom {
  margin-bottom: 0;
  border: none;
  border-radius: 0;
  position: relative;
  background-color: #fff;
  z-index: 999;
}

.navbar-brand {
  height: auto;
}

.navbar-brand img {
  width: 190px;
}

.navbar-custom .navbar-nav > li > a {
  font-weight: 600;
  text-transform: uppercase;
}

.navbar-custom .navbar-nav > li > a .fa {
  color: #e20a17;
}

.row-menu {
  margin: 0 -10px;
}

.row-menu > div {
  padding: 0 10px;
}

.dropdown-lg {
  position: static!important;
}

.dropdown-menu-lg {
  padding-top: 10px;
  border: none;
  right: 0;
  left: 0;
  border-radius: 0;
  border-top-left-radius: 0!important;
  border-top-right-radius: 0!important;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}

.main-menu > li > a {
  padding-top: 35px;
  padding-bottom: 35px;
}

.list-menu {
  margin-bottom: 15px;
}

.list-menu a {
  padding: 7px 0;
  display: block;
  color: #444;
  line-height: 1;
  font-size: 14px;
}

.list-menu-main a {
  color: #e20b18;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 16px!important;
}

/*navbar end*/

/*footer*/

.box-footer {
  padding-top: 20px;
}

.footer-main {
  margin-bottom: 20px;
  padding: 15px 0;
  background-color: #fff;
}

.footer-logo {
  width: 190px;
}

.list-footer-main {
  margin: 8px 20px;
}

.list-footer-main li {
  display: inline-block;
}

.list-footer-main li a {
  padding: 10px 15px;
  display: block;
  color: #e20a17;
  font-weight: 600;
  text-transform: uppercase;
}

.list-footer.list-menu-main a,
.list-footer.list-menu a {
  color: #fff!important;
}

.list-footer {
  margin-bottom: 25px;
}

.footer-copy {
  margin-top: 20px;
  padding: 30px 0;
  border-top: 1px solid #c60713;
}

.footer-copy p,
.footer-copy a {
  margin: 0;
  color: #fff;
  font-size: 14px;
}

.footer-copy a {
  display: inline-block;
}

/*footer end*/

/*header*/

.box-header {
  padding: 15px 0;
  position: relative;
  height: 180px;
  background-color: #e10a17;
  overflow: hidden;
  z-index: 0;
}

.box-header:before,
.box-header:after,
.header-deco:before,
.header-deco:after {
  position: absolute;
  content: " ";
  background-repeat: no-repeat;
  z-index: -1;
}

.box-header:before {
  left: 0;
  top: 0;
  width: 700px;
  height: 180px;
  background-image: url("../images/header-bg-left.png");
  z-index: -2;
}

.box-header:after {
  right: 0;
  bottom: 0;
  width: 976px;
  height: 180px;
  background-image: url("../images/header-bg-right.png");
  z-index: -2;
}

.header-deco:before {
  left: 0;
  top: 0;
  width: 580px;
  height: 25px;
  background-image: url("../images/header-triangle-left.png");
}

.header-deco:after {
  right: 0;
  bottom: 0;
  left: 0;
  top: 0;
  background-image: url("../images/header-triangle-right.png");
  background-size: contain;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-position: bottom;
}

/*header end*/

/*breadcrumb*/

.breadcrumb {
  padding: 0;
  background-color: transparent;
  margin: 0;
}

.breadcrumb li,
.breadcrumb li a {
  color: #ddd;
}

.breadcrumb > .active {
  color: #fff;
}

/*breadcrumb end*/

/*submenu*/

.dropdown-right {
  left: auto;
  right: 0;
}

.submenu-box {
  background-color: #666;
}

.list-submenu {
  margin: 0 -10px;
}

.list-submenu > li {
  display: inline-block;
}

.list-submenu > li > a {
  padding: 10px 10px;
  display: inline-block;
  color: #fff;
  text-transform: uppercase;
}

.list-submenu li a {
  font-size: 14px;
  font-weight: 600;
}

.list-submenu .fa {
  color: inherit;
}

.list-submenu .dropdown-menu {
  margin: 0;
  border-radius: 0;
}

.list-submenu .dropdown-menu li a {
  padding: 10px 15px;
}

.list-submenu .dropdown > a:active,
.list-submenu .dropdown > a:focus {
  background-color: #555;
}

.list-submenu .dropdown-menu li a:hover {
  background-color: #e20a17;
  color: #fff;
}

/*submenu end*/

/*list*/

.dl-custom dt,
.dl-custom dd {
  padding-left: 30px;
}

.dl-custom dt {
  position: relative;
}

.dl-custom dt:before {
  position: absolute;
  left: 0;
  top: 0;
  width: 30px;
  color: #666;
  text-align: center;
  font-family: "FontAwesome";
  content: "\f00c";
}

.dl-custom dd {
  margin: 5px 0 20px 0;
}

.list-custom li {
  padding-left: 30px;
  position: relative;
}

.list-custom li + li {
  margin-top: 10px;
}

.list-custom li:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 30px;
  color: #666;
  text-align: center;
  font-family: "FontAwesome";
  content: "\f00c";
}

.list-margin {
  margin-top: 20px;
  padding-left: 30px;
}

.list-margin li a {
  color: #e10a17;
}

.list-margin li a:hover,
.list-margin li a:focus,
.list-margin li a:active {
  color: #81060d;
}

.list-margin li {
  margin-bottom: 10px;
}

.list-margin ol,
.list-margin ul {
  margin-top: 10px;
  margin-bottom: 30px;
  padding-left: 30px;
}

/*list end*/

/*product thumbnail*/

.mcb-box-thumb {
  border: 1px solid #ddd;
}

.mcb-box-thumb .title {
  display: inline-block;
  padding: 7px 15px;
  background-color: #666;
}

.mcb-thumb + .mcb-thumb {
  border-top: 1px solid #ddd;
}

.mcb-thumb {
  padding: 20px 0;
}

.mcb-thumb img {
  max-width: 350px!important;
  margin: 0 auto;
}

.product-thumb {
  margin-bottom: 30px;
  display: block;
  position: relative;
  overflow: hidden;
}

.row-custom .product-thumb {
  margin-bottom: 15px;
}

.product-text {
  padding: 10px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0,0,0,0);
  background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 12%, rgba(0,0,0,0.7) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0)), color-stop(12%, rgba(0,0,0,0)), color-stop(100%, rgba(0,0,0,0.7)));
  background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 12%, rgba(0,0,0,0.7) 100%);
  background: -o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 12%, rgba(0,0,0,0.7) 100%);
  background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 12%, rgba(0,0,0,0.7) 100%);
  background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 12%, rgba(0,0,0,0.7) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 );
}

.hover {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  background-color: rgba(226, 10, 23, .6);
  opacity: 0;
}

.product-thumb:hover .hover,
.product-thumb:focus .hover,
.product-thumb:active .hover {
  display: block;
  opacity: 1;
}

.hover span {
  position: absolute;
  left: 50%;
  top: 50%;
  color: #fff;
  font-size: 48px;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}

.hover span .fa {
  color: inherit;
}

.product-thumb:hover,
.product-thumb:focus,
.product-thumb:active {
  box-shadow: 0 0 7px 0px #666;
  -webkit-box-shadow: 0 0 7px 0px #666;
  -moz-box-shadow: 0 0 7px 0px #666;
}

a.project-thumb:hover img,
a.project-thumb:focus img,
a.project-thumb:active img,
.product-thumb:hover .box-bg,
.product-thumb:focus .box-bg,
.product-thumb:active .box-bg,
.product-thumb:hover img,
.product-thumb:focus img,
.product-thumb:active img {
  transform: scale(1.07,1.07);
  -webkit-transform: scale(1.07,1.07);
  -moz-transform: scale(1.07,1.07);
  -o-transform: scale(1.07,1.07);
  -ms-transform: scale(1.07,1.07);
}

a.project-thumb img,
.product-thumb .box-bg,
.product-thumb img {
  transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
}

.product-thumb p {
  line-height: 1.4;
}

.border-thumb {
  border: 1px solid #ddd;
  border-bottom: 5px solid #e20a17;
}

.product-thumb-text {
  padding: 0 10px 10px 10px;
  background-color: #fff;
  position: relative;
  z-index: 1;
}

.product-thumb-img img {
  margin: 0 auto;
  max-width: 150px!important;
}

.large-img .product-thumb-img img,
.atlantic-list .product-thumb-img img {
  max-width: 100%!important;
}

.motion-thumb {
  padding: 0 15px;
}

.motion-image{
  width: 80%;
  margin: 0 auto 20px auto;
}



.cabinetry-thumb .box-bg {
  height: 350px;
}

.product-border-thumb {
  margin-bottom: 15px;
  padding: 10px;
  position: relative;
  display: block;
  border: 1px solid #efefef;
  border-bottom: 5px solid #e20a16;
}

/*product thumbnail end*/

/*====PAGINATION====*/

.pagination {
  margin-top: 30px;
}

.pagination li {
  display: inline-block;
}

.pagination li a {
  box-shadow: 0 0 3px 0px #ddd;
  -webkit-box-shadow: 0 0 3px 0px #ddd;
  -moz-box-shadow: 0 0 3px 0px #ddd;
}

.pagination > li:first-child > a, .pagination > li:first-child > span,
.pagination > li:last-child > a, .pagination > li:last-child > span {
  border-radius: 0;
}

.pagination li span {
  border: none;
}

.pagination li span:hover {
  background-color: transparent;
}

.pagination li + li {
  margin-left: 3px;
}

.pagination > li > a, .pagination > li > span {
  color: #000;
}

.pagination > li > a:hover {
  color: #000;
}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
  border-color: #e20a17;
  background-color: #e20a17;
  color: #fff;
}

/*====PAGINATION END====*/

/*TABLE*/

.table-mcb thead,
.table-custom thead {
  background-color: #e20b19;
}

.table-mcb thead th,
.table-custom thead th {
  color: #fff;
  font-weight: 700;
  text-transform: uppercase;
}

.table-custom {
  border-bottom: 2px solid #ddd;
}

.table-custom th,
.table-custom td {
  padding: 10px 15px!important;
}

.table-value {
  display: block;
  padding-left: 10px;
  position: relative;
}

.table-value:before {
  position: absolute;
  content: ":";
  left: 0;
}

.table-mcb {
  border: 1px solid #ddd;
}

.table-mcb td {
  border-top: none!important;
}

.table-mcb th, .table-mcb td {
  text-align: center;
}

.table-mcb td, .table-mcb th {
  padding: 5px!important;
}

.table-spec th,
.table-spec td {
  border-top: none!important;
  padding-left: 0!important;
  padding-right: 0!important;
}

/*TABLE END*/

/*welcome*/

.welcome-thumb {
  margin-bottom: 10px;
  position: relative;
}

.division-text {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 10px;
}

.division-text span {
  padding: 3px 8px;
  display: inline-block;
  background-color: rgba(226, 10, 23, .8);
  color: #fff;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 14px;
}

.about-desc,
.welcome-desc {
  position: relative;
  padding-right: 30px;
}

.about-desc:before,
.welcome-desc:before {
  position: absolute;
  top: -20px;
  right: 0;
  left: -60px;
  bottom: -20px;
  content: " ";
  box-shadow: 0 0 5px 0 #666;
  -webkit-box-shadow: 0 0 5px 0 #666;
  -moz-box-shadow: 0 0 5px 0 #666;
  z-index: -1;
}

/*welcome end*/

/*home carousel*/

.carousel-project {
  position: relative;
}

.carousel-project .box-bg {
  height: 600px;
}

.carousel-title {
  padding: 15px;
  position: absolute;
  left: 0;
  bottom: 40px;
  background-color: #e20a17;
}

.carousel-text {
  padding: 15px;
  position: absolute;
  right: 0;
  bottom: 40px;
  max-width: 300px;
  background-color: rgba(0,0,0,.7);
}

.img-deco {
  position: relative;
}

.img-deco:after {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  content: " ";
  background-size: contain;
  background-repeat: no-repeat;
}

.deco-left:after {
  background-position: left;
  background-image: url("../images/deco-left.png");
}

/*home carousel end*/

/*about*/

.about-expansion {
  height: 400px;
}

.core-title {
  padding: 10px 0;
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: rgba(0,0,0,.7);
}

.core-title .title {
  padding: 5px 10px;
  border-left: 7px solid #e20a17;
}

/*about end*/

/*contact*/

.form-contact {
  padding-top: 20px;
  margin-top: 20px;
  border-top: 1px solid #ddd;
}

.list-contact {
  margin-top: 10px;
}

.list-conatct li,
.list-contact a {
  color: #444;
  font-size: 18px;
}

.list-contact li {
  padding-left: 35px;
  position: relative;
}

.list-contact li:before {
  position: absolute;
  font-family: "FontAwesome";
  top: 0;
  left: 0;
  width: 30px;
  text-align: center;
  color: #e20a16;
}

.phone:before {
  content: "\f095";
}

.email:before {
  content: "\f0e0";
}

.required:after {
  content: "*";
  color: #e20a16;
}

.contact-division li,
.contact-division a {
  font-size: 20px;
}

/*contact end*/

/*fso*/
.silver, .gold {
  font-size: inherit;
  font-weight: 700;
}

.gold {
  color: #a7893a;
}

.silver {
  color: #8f9191;
}

.fso-thumb {
  margin-bottom: 15px;
}
/*fso end*/

/*list with number*/

.numb-left-thumb {
  padding-top: 20px;
  padding-left: 20px;
  position: relative;
}

.number {
  position: absolute;
  top: 0;
  color: #ddd;
  line-height: 1;
  font-weight: 700;
  font-size: 60px;
  z-index: -1;
}

.numb-left-thumb .number {
  left: 0;
}

.benefits-thumb .numb-left-thumb {
  padding-top: 0;
}

.benefits-thumb .number {
  top: -20px;
  font-size: 72px;
}

.numb-right-thumb {
  position: relative;
}

.numb-right-thumb .number {
  top: -25px;
  right: 0;
  font-size: 72px;
}

.step-thumb {
  margin-bottom: 30px;
}

/*list with number end*/

.product-thumb-img {
  padding: 30px 30px 15px 30px;
}

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

.project-thumb {
  margin-bottom: 15px;
  display: block;
  position: relative;
  overflow: hidden;
}

.project-text {
  padding: 10px;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0,0,0,0.5);
  text-align: center;
}

.project-text p {
  line-height: 1!important;
}

.allegra-note > li {
  margin-bottom: 10px;
  padding-left: 30px;
  position: relative;
}

.allegra-note li {
  font-size: 18px;
}

.allegra-note > li:before {
  position: absolute;
  left: 0;
  top: 0;
  font-family: FontAwesome;
  color: #e20a17;
}

.circ:before {
  content: "\f111";
}

.rect:before {
  content: "\f0c8";
}

.dmnd:before {
  content: "\f0c8";
  transform: rotate(45deg);
}

.star:before {
  content: "\f005";
}

.certificate-thumb {
  display: block;
  margin-bottom: 50px;
}

.certificate-img {
  border: 1px solid #efefef;
}

.list-cabinetry li {
  display: inline-block!important;
}

.list-cabinetry li a {
  margin-right: 10px;
  color: #fff;
  background-color: #999;
  font-size: 18px;
}

.list-cabinetry li a:focus,
.list-cabinetry li a:active,
.list-cabinetry li a:hover {
  color: #fff;
  background-color: #666;
}

.list-cabinetry li.active a {
  background-color: #e20a17;
}

.upvc-logo {
  max-width: 200px!important;
}

.color-thumb-mortar {
  padding-left: 80px;
  min-height: 60px;
  position: relative;
}

.no-uppercase {
  text-transform: none;
}

.color-pallet {
  border-radius: 100%;
  position: absolute;
  left: 0;
  top: 0;
  width: 60px;
  height: 60px;
}

.tips-thumb {
  display: table;
  table-layout: fixed;
  width: 100%;
}

.tips-icon {
  width: 100px;
}

.tips-icon,
.tips-text {
  display: table-cell;
  vertical-align: middle;
}

.tips-text p {
  line-height: 1;
}

.table-in {
  display: table;
  table-layout: fixed;
  width: 100%;
}

.table-in > div {
  padding-bottom: 7px;
  display: table-cell;
  
}

.th-span {
  display: block;
  color: #666;
  line-height: 1!important;
}

.font-black {
  color: #666;
}

.bbus-thumb {
  max-width: 300px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 30px;
}

.bbus-box {
  margin: 40px 0;
  border: 1px solid #ddd;
  padding: 15px;
  padding-top: 30px;
}

.bbus-section {
  padding: 20px 0;
}

.bbus-product {
  padding: 15px 0;
  position: relative;
  padding-left: 180px;
}

.bbus-product p {
  line-height: 1.2!important;
}

.img-bbus {
  position: absolute;
  left: 0;
  top: 0;
  width: 180px;
}

.bbus-product ul {
  padding-left: 30px;
}

.bbus-product li {
  margin-bottom: 7px;
}

.carousel-indicators .active {
  background-color: #666;
}

.carousel-indicators li {
  border: 1px solid #666!important;
  z-index: 1000;
}

.carousel-control span {
  color: #fff;
}

.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.video-holder {
  max-width: 700px;
}

.career-thumb + .career-thumb {
  margin-top: 30px;
  padding-top: 30px;
  border-top: 1px solid #ddd;
}

/*NEWS*/
.news-list {
  padding: 60px 0;
}

.news {
  border: 1px solid #ddd;
  padding: 15px;
  margin-bottom: 30px;
}

.news-title {
  border-bottom: 1px solid #ddd;
  margin-bottom: 20px;
  padding-bottom: 15px;
}

.news-text {
  position: relative;
  font-size: 16px;
}

.news-text .title-standard-xs {
  text-transform: unset;
}

.news-text a.title-standard-xs {
  color: #e20a17;
}

.news-img .product-thumb {
  box-shadow: unset;
  -webkit-box-shadow: unset;
  margin-bottom: unset;
}

.news-detail {
  margin-top: 25px;
}

.news-text h2 > a {
  display: inline-block;
}

.red-col {
  color: #e20a17;
}

.read-more {
  transition: all .3s ease;
}

.read-more span {
  color: inherit;
}

.read-more:hover, .read-more:focus {
  color: #666;
}

.date {
  color: #666;
  margin: 0;
}

.button-share {
  margin-top: 30px;
  display: inline-block;
}

.button-share .btn {
  font-size: 14px;
  margin-right: 2.5px;
  padding: 5px 10px;
  transition: all .3s ease;
}

.btn-login {
  text-transform: capitalize;
}

.text-bot a{
  color: #777;
}

#wrapper {
  background-color: #f2f2f2;
}

.ck-result {
  margin-left: -10px;
  margin-right: -10px;
}

.ck-result img{
  max-width: 100%;
  height: auto!important;
  padding: 7px 10px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.ck-result > p {
  padding-left: 10px;
  padding-right: 10px;
}

.ck-result > ul {
  padding-right: 5px;
  padding-left: 45px;
}

.ck-result ul {
  list-style-position: inside;
}

.ck-result blockquote {
  margin: 0 10px!important;
}

/*calculator*/

.border-bot {
  border-bottom: 1px solid #ddd;
}

.input-group-addon {
  border-radius: 0;
}

.form-group {
  margin-bottom: 20px;
}

.calculator-result {
  padding: 30px 15px 50px 15px;
  border-bottom: 5px solid #e20a17;
  box-shadow: 0 0 5px 1px #ddd;
  -webkit-box-shadow: 0 0 5px 1px #ddd;
  background-image: url('../images/calculator-img.png');
  background-repeat: no-repeat;
  background-position: bottom right;
  background-size: contain;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  position: relative;
}

.box-load {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: rgba(255,255,255,.7);
}

.load-content {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  -moz-transform: translate(-50%,-50%);
  -o-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
}

.title-calculator {
  color: #e20a17;
  font-size: 18px;
  line-height: 1.2;
}

.result-numb {
  font-size: 36px;
  font-weight: 600;
  line-height: 1;
}

.btn.dropdown-toggle {
  padding: 7px 12px;
}

.inline-link {
  color: #e20a17;
  font-size: inherit;
}

.inline-link:hover,
.inline-link:focus,
.inline-link:active {
  color: #c3040d;
}

.bootstrap-select.btn-group.open .dropdown-menu li.selected.active a span.text {
  color: #fff;
}

.product-group {
   padding-top: 30px;
padding-bottom: 10px;
}

.title-group-container {
position: relative;
margin-bottom: 15px;
padding-left: 15px;
padding-bottom: 15px;
border-bottom: 1px solid #ddd;
}

.title-group-container::before {
position: absolute;
left: 0;
top: 0;
bottom: 15px;
content: ' ';
width: 10px;
background-color: #e20a17;
}

.title-group {
padding: 7px 15px;
background-color: #e20a17;
color: #fff;
font-weight: 700;
display: inline-block;
}


.gallery-ols__category {
    margin-top: 50px;
    display: grid;
    grid-template-columns: 170px 170px 170px 170px 170px;
    grid-row-gap: 60px;
    grid-column-gap: 50px;
    justify-content: center;
    margin-bottom: 50px;
}

.gallery-ols__category a {
    display: inline-block;
    width: 170px;
    height: 170px;
}

.gallery-ols__category a img {
    width: 100%;
    height: 100%;
    transition: transform .2s;
}

.gallery-ols__category a img:hover {
    transform: scale(1.05);
}

.gallery-ols__category-title {
    margin-bottom: 50px;
}

.gallery-ols__list-products{
    display: grid;
    grid-template-columns: 200px 200px 200px 200px;
    grid-row-gap: 60px;
    grid-column-gap: 70px;
    margin-bottom:50px;
}

.gallery-ols__product {
    display: block;
    position:relative;
    height: 200px;
    width: 200px;
}

.gallery-ols__product img {
    height: 100%;
    width: 100%;
    transition: transform .2s;
}

.gallery-ols__product img:hover{
    transform: scale(1.05);
}

/**
.gallery-ols__product::after {
    left:0;
    top:0;
    content: "";
    display: block;
    height: 100px;
    width: 100%;
    position: absolute;
    background: none repeat scroll 0 0 transparent;
}

.gallery-ols__product:hover::after{
    background-color: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 100%;
    border-top-left-radius: 15px;
    border-bottom-right-radius: 15px;
    text-decoration:none;
    color: white;
    display:flex;
    align-items:center;
    justify-content: center;
    font-size: 18px;
    font-family: "FontAwesome";
    content: "\f019\a Download";
}
**/


/*PARADE NEW PAGE*/

.parade-header{
    background: url('../images/parade-mortar/parade-bg.jpg');
    width: 100%;
    background-size: cover;
    position: relative;
    display: flex;
    align-items: center;
     padding: 40px 0;
}

.parade-header__title{
    font-size: 40px;
    font-weight: 900;
    text-transform: uppercase;
    color: #1e1e1e;
    font-family: "Lato", sans-serif;
    margin-top: 20px;
}

.parade-header__title span{
    font-family: "Lato", sans-serif;
    display: block;
    font-size: 40px;
}


.parade-header__content{
    display: flex;
    align-items: center;
}

.parade-header__info{
    flex: 1;
}

.parade-header__products{
    width: 45%;
}

.parade-header__brand{
    max-width: 400px;
}

@media (max-width: 991px){
    .parade-header__title{
        font-size: 30px;
    }
    
    .parade-header__title span{
        font-size: 30px;
    }
    
    .parade-header__brand{
        max-width: 300px;
    }
}

@media (max-width: 767px) {
    .parade-header__content{
        flex-direction:  column;
    }
    .parade-header__products{
        width: 100%;
        margin-top: 30px;
    }
}

.parade-title{
    background: #e20a17;
    padding: 10px 20px;
}

.parade-title h2{
    color: #ffffff;
    font-size: 30px;
    line-height: 1.2;
}

.table-spec-parade{
    border-bottom: 1px solid #eaeaea;
}

.table-spec-parade thead{
    background-color: #e20a17;
}

.table-spec-parade thead tr th{
    vertical-align: middle;
    border: 1px solid #ffb2b6;
}

.table-spec-parade thead tr th, .table-spec-parade tbody tr td{
    padding: 10px 15px !important;
    vertical-align: middle;
    text-align: center;
}

.tile-grout-color{
    display: grid;
    grid-template-columns: repeat(8, auto);
}

@media (max-width: 767px) {
  .tile-grout-color{
    grid-template-columns: repeat(4, auto);
  }
}

@media (max-width: 575px) {
  .tile-grout-color{
    grid-template-columns: repeat(2, auto);
  }
}


.tile-grout-color__title{
    font-size: 16px;
    font-weight: 600;
}

.tile-grout-color__subtitle{
    font-size: 14px;
    font-weight: normal;
}

.tile-grout-color__thumb{
    height: 60px;
    width: 60px;
    border-radius: 50%;
    margin: 0 auto;
    margin-bottom: 10px;
}

.thumb-bright-white{
   background-color: #F7F9F9;
   border: 1px solid #ddd;
}
.thumb-silver-grey{
   background-color: #C7CACB; 
}
.thumb-black{
   background-color: #000000; 
}
.thumb-silk-cream{
   background-color: #FCE8B3; 
}
.thumb-vanila-yellow{
   background-color: #FCD68A; 
}
.thumb-vanila-yellow{
   background-color: #FCD68A; 
}
.thumb-vanila-yellow{
   background-color: #FCD68A; 
}
.thumb-soft-brown{
   background-color: #E3B39E; 
}

.thumb-mocha{
   background-color: #C95E57; 
}

.thumb-coral-green{
   background-color: #D6DC70; 
}