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

body{
    padding:0;
    margin:0;
    height:100%;
    width:100%;
    background: #fff;
    font-size: 18px;
    font-weight: 300;
    color: #646464;
    line-height: 1.6em;
    overflow-x:hidden;
}
body a{
    transition:0.5s all;
  -webkit-transition:0.5s all;
  -moz-transition:0.5s all;
  -o-transition:0.5s all;
  -ms-transition:0.5s all;
}
a
input[type="button"],input[type="submit"] {
  transition:0.5s all;
  -webkit-transition:0.5s all;
  -moz-transition:0.5s all;
  -o-transition:0.5s all;
  -ms-transition:0.5s all;
}
input[type="text"], select {
    border: 1px solid #ccc;
    padding: 5px 8px;
    margin-bottom: 5px;
}
h1,h2,h3,h4,h5,h6{
  margin:0;
  color: #393939;
  font-weight: 400;
}
h2 { font-size: 36px; }
p{
  margin:0;
}
ul{
  margin:0;
  padding:0;
}
label{
  margin:0;
}
.whitebg { background: #ffffff; }
.greybg { background: #efefef; }
.dIb { display: inline-block; vertical-align: middle; }
.nopd { padding: 0; }
.posAb { position: absolute; }
.posrel { position: relative; }
.nopdBtm { padding-bottom: 0 !important; }
.nopdLR { padding-right: 0; padding-left: 0; }
.lin24 { line-height: 24px; }
.ptb20 { padding-top: 20px; padding-bottom: 20px; }
.w100 { width: 100%; }
.w50 { width: calc(50% - 3px); }
.h100 { height: 100%; }
.min7 { min-height: 700px; }
.hidden { display: none; }
.mrl0 { margin-right: 0 !important; margin-left: 0 !important; }
.ovHide { overflow: hidden; }
.container.fluid { width: 100% !important; }
.fr { float: right; }
.fl { float: left; }
.hAuto { height: auto !important; padding: 0 50px !important; }
.hide { display: none !important; }
/*-----start-header----*/
.header-top-strip{
    padding: 18px 0 0px 0;
    line-height: 1.1em;
}
.header-top-right ul { float: left; }
  
.header-top-right ul li {
    display: inline-block;
  margin-right:15px;
}
.header-top-right div.menuCt:nth-child(1) { margin-right: 0; }
.header-top-right div.menuCt:last-child { margin-left: 0; }
.header-top-right ul li a {
    display: block;
    margin-top: -2.5px;
    padding: 12px 0;
    font-size: 14px;
    color: #858585;
    letter-spacing: 2px;
    text-decoration: none;
    text-transform: uppercase;
}
.header-top-right .multi-column-dropdown { width: 100%; }
.header-top-right .multi-column-dropdown h6 { float: left; }
.header-top-strip .home-button a { text-transform: uppercase; letter-spacing: 1px; color: #ffffff; line-height: 2em; }
.menuCt { float: left; margin: 0 10px; }
.menuCt h6 { margin-right: 20px; }
.menuCt .multi-column-dropdown h6:last-child {
    margin-right: 15px;
}

span.glyphicon.glyphicon-user,span.glyphicon.glyphicon-lock {
    font-size: 10px;
    vertical-align: initial;
    margin-right: 6px;
}
.header-top-right {
display: block;
position: absolute;
top: calc(50% + 5px);
left: 50%;
transform: translate(-50%, -50%);
}
.header-right {
      float: right;
    margin-top: 5px;
}
.box_1 h3 {
  color: #fff;
  font-size: 10px;
  margin-bottom: 0;
  float: left;
  font-weight: 400;
  padding: 0;
}
.box_1 h3 img {
  margin-left: 3px;
}
a.simpleCart_empty {
  font-size: 10px;
  color: #ACF121;
}
.box_1 p {
  margin-left: 8px;
  float: left;
}
.banner {
  position: relative;
  margin-top: -1px;
  width: 100%; 
  /*height: 700px;*/
  height: 657px;
  overflow: hidden;
}

.banner .ui-draggable, .categoryFront .ui-draggable {
    position: initial !important;
}

.banner #HiddenMoveButton, #HiddenMoveButtonSlider {
    display: none;
    position: absolute;
    z-index: 2;
    background: #000;
    color: #fff;
    right: 20px;
    top: 20px;
}
.banner #HiddenMoveButton:hover {
    border: 2px solid #fff;
    background: rgba(0,0,0,0.9);
}

.ui-draggable #HiddenMoveButton { display: block; }

#logo {
    height: 40px;
}

.logo-div {
    display: block;
    float: left;
    width: 308px;
}

.logo {
    padding: 0;
    position: relative;
}

.logo a {
    text-align: center;
    font-size: 24px;
    color: inherit; 
    font-weight: 600;
    position: absolute;
    top: calc(50% - 3px);
    left: 50%;
    /*margin-right: -50%;*/
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
}

.logo a img { 
    max-height: 60px;
    margin-top: 8px;
    /*max-width: 220px;*/
    width: auto;
}

.banner-top {
    padding-top: 0;
    background-color: #fff;
    border-bottom: 1px solid #ededed;
}
.search-box { margin-top: 3px; }
.search-box a { display: block; padding: 15px 0; }
.inner-head {
  background-color:#fff;
}
.navbar-default {
    background-color: transparent;
    border-color: transparent;
}
.navbar-default .navbar-nav > li > a {
    color: #000000;
    text-transform: uppercase;
    margin: 0;
    border-right: 1px solid #ebebeb;
}
.navbar-default .navbar-nav > li:last-child > a {
    border-color: transparent;
}
.navbar-nav {
    float: left;
    margin: 5px 0;
}
.navbar-collapse.collapse {
    padding: 0;
}
.navbar-default .navbar-nav > li > a .chevron { padding-left: 2px; font-size: 0.6em; }
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    background-color: #333;
    color: #fff;
}
.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
    color: #000;
    background-color: transparent;
}
.navbar {
    position: relative;
    min-height: 50px;
    margin-bottom: 0;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    color: #555;
    background-color: #fff;
}
.navbar-header {
    float: left;
    width: 20%;
}
.navbar-toggle { border-color: transparent !important; margin-right: 0; }
.navbar-default .navbar-toggle .icon-bar { background-color: #5abc54; }
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background-color: transparent; }
.navbar-toggle .icon-bar { background: #5abc54; }

ul.multi-column-dropdown h6 a {
    font-size: 14px;
    margin-bottom: 10px;
    color: #858585;
    padding: 0;
}

.header-top-right ul.multi-column-dropdown h6 a {
    text-transform: uppercase;
    letter-spacing: 2px;
}

.header-top-right ul.multi-column-dropdown h6 a:hover {
    text-decoration: none;
}

.multi-column-dropdown li {
  list-style-type:none;
      margin: 0px 0 10px;
}
.multi-column-dropdown li ul { padding-left: 4px; }
.multi-column-dropdown li ul li a { font-size: 12px; }
.navbar-nav .multi-column-dropdown li {
    cursor: pointer;
}
.multi-column-dropdown li a {
        display: block;
    clear: both;
    line-height: 1em;
    color: #000;
    white-space: normal;
    font-weight: 300;
}
.multi-column-dropdown li a.list {
    font-weight: 600;
      margin-bottom: 7px;
}
.dropdown-menu .divider {
    height: 0px;
    margin: 1px 0;
    overflow: hidden;
    background-color: #e5e5e5;
}
.multi-column-dropdown li a:hover {
    text-decoration: none;
    color: #555;
    background-color: #fff!important;
}
.dropdown-menu.columns-2 {
    min-width: 400px;
    padding: 15px 20px;
}
.dropdown-menu.columns-3 {
    min-width: 650px;
    padding: 15px 20px;
}
#mobile-search-button {
    display: none;
}

#shopping_cart_info {
    margin-top: 20px;
    min-width: 1170px;
}

#shopping_cart_info tr {
    border-bottom: 1px solid #ebebeb; 
}

#shopping_cart_info tr:first-child td {
    padding: 0;
}

#shopping_cart_info tr td {
    padding: 15px 0;
}

#shopping_cart_info tr:nth-last-child(1), #shopping_cart_info tr:nth-last-child(2), #shopping_cart_info tr:nth-last-child(3), #shopping_cart_info tr:nth-last-child(4) {
    border-bottom: transparent;
}

/* Mobile Nav */
.mobilenav {
    width: 100%;
    height: 100vh;
    position: fixed;
    margin-top: 0;
    left: -100%;
    background: #EBEBEB;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    transition: all 0.2s ease;
    z-index: 999;
}
 /* Mobile Nav */
.mobilenav.active { left: 0; }
.mobilenav .closemenu { display: block; text-align: right; padding: 10px 5px; }
.mobilenav .mobile_menu_body {
    border-top: 1px solid #ccc;
    display: block;
    padding: 10px;
    text-transform: lowercase;
}
.mobilenav .mobile_menu_body ul li {
    font-size: 1.4em;
    margin-top: -1px;
    color: #444;
    font-weight: 400;
    cursor: pointer;
    display: inline-block;
    width: 100%;
    border: 1px solid #ccc;
}
.mobilenav .mobile_menu_body ul li a { font-size: 0.8em; padding: 7px; color: inherit; display: inline-block; text-transform: capitalize; }
.mobilenav .mobile_menu_body ul li a.cat1anchor, .mobilenav .mobile_menu_body ul li a.cat2anchor, .mobilenav .mobile_menu_body ul li a.cat3anchor { 
    display: block; width: 100%; 
}
.mobilenav .mobile_menu_body ul li.category1 a.catmainhead { font-size: 0.6em; }
.mobilenav .mobile_menu_body ul li.category1 a i.fa { float: right; font-size: 0.8em;  }

/* show cart */
.shopping-cart-info { width: 100%; margin: 20px auto;}
.shopping-cart-title {
    display: block;
    width: 100%;
    float: left;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 12px;
}
.header-name {
  width: 40%;
  display: inline-block;
  padding-left: 15%;
}

.header-price-qty {
  width: 25%;
    display: inline-block;
}

.header-qty {
  width: 10%;
  display: inline-block;
}

.header-points {
    display: none;
    float: right;
    font-size: 0.8em;
    padding: 2px 10px;
    margin-bottom: 5px;
    background: #ddd;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
}

.header-price {
  width: 20%;
    display: inline-block;
}

.content-item { width: 100%; margin: 10px auto; border-bottom: 1px solid #EBEBEB; vertical-align: middle; padding: 10px 0; max-height: 120px; overflow: hidden; }
.content-item:first-child { border-top: 1px solid #EBEBEB; }
.cart-content-item td {padding:5px 0;} 
.content-item-img { width: 10%; margin: 0; display: inline-block; vertical-align: top; max-height: 100px; overflow: hidden; }
.content-item-img a { display: inline-block; vertical-align: top; } 
.content-item-img img { max-width: 100%;}
.content-item-name { display: inline-block; vertical-align: middle; margin: 0 2%; width: 30%;}
.content-item-price-qty { display: inline-block; width: 25%; text-align: center;}
.content-item-qty { display: inline-block; vertical-align: middle; text-align: center; width: 10%;}
.content-item-qty  input { text-align: center;}
.content-item-qty br { display: none; }
.content-item-price { display: inline-block; width: 20%; text-align: center;}
.shopping-cart-summary { display: inline-block; width: 100%;}
.cart-remove-all { width: 69%; display: inline-block;}
#cart_remove2 { font-size: 0.8em; color: #555; }
.shopping-cart-total-qty { display: inline-block; width: 10%; text-align: center;}
.shopping-cart-total-price { display: inline-block; width: 20%; font-weight: bold; text-align: center;}
.shopping-cart-apply-discount { margin: 20px auto;}
.shopping-cart-apply-discount td { padding-left: 0;}
.cart-description p { display: none;}
.ShowCartCheckOutBtn { border: 0;}
.ShowCartChangeQtyBtn { background: #3f3f3f; color: #fff; border: 0;/* border-radius: 2px;*/}
.ShowCartContinueBtn { background: #8a8a8a; color: #fff; border: 0; /*border-radius: 2px;*/}
.shopping-cart-buttons { margin: 20px auto; text-align: right;}
.ShowCartContinueBtn, .ShowCartChangeQtyBtn, .ShowCartCheckOutBtn { font-weight: 700; padding: 1% 2%;}
.ShowCartCheckOutBtn { text-transform: uppercase; }
.mobile-shopping-cart-buttons { text-align: right; margin-bottom: 20px; }
.mobile-shopping-cart-buttons .ShowCartChangeQtyBtn { display: none;}
.DiscountCouponButton{ background: #000; color: #fff; border: 0;}
.primary_button { border: 0;}
.paymentlist { display: inline; float: right; padding-left: 4px; }
.paymentlist #checkoutoptions { padding-top: 10px; position: absolute; margin-left: -55px; }

.content-item-qty input[type="text"] {
    width: 50%;
    text-align: center;
    display: block;
    margin: 0 auto;
}

.cart_no_items {
    margin: 10px 0;
    display: block;
    font-size: 1.2em;
}

.ShowCartContinueBtn, .ShowCartChangeQtyBtn, .ShowCartCheckOutBtn {
    color: #fff; 
    border: none;
    padding: 10px 20px;
}

.cart-no-item { margin: 0 auto; display: block; }
.cart_total_value2,.cart_total_currency_type2 {
    font-size: 1.4em;
}
#shipping_calculator table tr td table tr td .label { color: #000; }
#shipping_calculator table tr td table tr td {
  color: #000; 
  display: block;
    float: left;
    width: 100%;
    text-align: center;
    padding: 3px 0;
}

#shipping_calculator table tr td table tr { padding: 5px 0; }
.ShippingCalculatorButton { background: #3f3f3f; color: #fff; font-weight: 700; border: none; padding: 10px 20px; }
.discount-item { display: inline-block; width: 100%; padding: 10px 0; border-bottom: 1px solid #ebebeb
; }
.discount-item div { width: 12%; display: inline; float: left; padding-right: 50px; border-right: 1px solid #ebebeb;padding-left: 35px;padding-right: 35px;}
.discount-item div:first-child { padding-left: 0; }
.discount-item div:last-child { text-align: right; border-right: 1px solid transparent; }
.discount-info {
  width: 53% !important;
}
.discount-qty {
  width: 11% !important;
}
.discount-remove {
  width: 10% !important;
    padding-right: 0px;
}
.discount-value {
  width: 13% !important;
}

/* Slider for Evergreen Desktop */
#evergreen-slider.swiper-container {
    width: 100%;
    height: 700px;
    float: left;
}

#evergreen-slider.swiper-container .swiper-slide {
    overflow: hidden;
}

#evergreen-slider.swiper-container .swiper-slide img {
    /*max-width: none;*/
    /*max-height: 100%;*/
    min-width: 100%;
    max-width: calc(100% + 50px); 
    margin: 0 auto;
    /* position img */
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

#evergreen-slider .swiper-pagination-bullet {
    position: relative;
    width: 18px;
    height: 18px;
    border: 2px solid #fff;
}

#evergreen-slider .swiper-pagination-bullet-active {
    background: transparent !important;
}

#evergreen-slider .swiper-pagination-bullet-active:after {
    position: absolute;
    content: "";
    display: block;
    background: #fff;
    width: 6px;
    height: 6px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    border-radius: 50%;
}

#evergreen-slider .swiper-button-prev, #evergreen-slider .swiper-button-next, .other-nav-left, .other-nav-right {
    background: rgba(0,0,0,0.5);
    width: 120px;
    height: 120px;
    border-radius: 50%;
}
#evergreen-slider .swiper-button-prev, .other-nav-left { margin-left: -50px; }
#evergreen-slider .swiper-button-next, .other-nav-right { margin-right: -50px; }
#evergreen-slider .swiper-button-prev i, #evergreen-slider .swiper-button-next i, .other-nav-left i, .other-nav-right i {
    display: block;
    position: absolute;
    top: 50%;
    left: calc(50% + 20px);
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    font-family: 'fontawesome';
    font-size: 18px;
    color: #fff;
}
#evergreen-slider .swiper-button-next i, .other-nav-right i {
    left: calc(50% - 20px);
}
#evergreen-slider .swiper-button-next {
    
}
/* End Slider for Evergreen Desktop */

/* Slider Evergreen Mobile */
#swipeForMobile.swiper-container {
    display: none;
    width: 100%;
    height: 350px;
    float: left;
}

#swipeForMobile.swiper-container .swiper-slide {
    overflow: hidden;
}

#swipeForMobile.swiper-container .swiper-slide img {
    max-width: none;
    max-height: 100%;
    min-height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

#swipeForMobile .swiper-pagination-bullet {
    position: relative;
    width: 18px;
    height: 18px;
    border: 2px solid #fff;
}

#swipeForMobile .swiper-pagination-bullet-active {
    background: transparent !important;
}

#swipeForMobile .swiper-pagination-bullet-active:after {
    position: absolute;
    content: "";
    display: block;
    background: #fff;
    width: 6px;
    height: 6px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    border-radius: 50%;
}

#swipeForMobile .swiper-button-prev, #swipeForMobile .swiper-button-next {
    background: rgba(0,0,0,0.5);
    width: 120px;
    height: 120px;
    border-radius: 50%;
}
#swipeForMobile .swiper-button-prev { margin-left: -50px; }
#swipeForMobile .swiper-button-next { margin-right: -50px; }
#swipeForMobile .swiper-button-prev i, #swipeForMobile .swiper-button-next i {
    display: block;
    position: absolute;
    top: 50%;
    left: calc(50% + 20px);
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    font-family: 'fontawesome';
    font-size: 18px;
    color: #fff;
}
#swipeForMobile .swiper-button-next i {
    left: calc(50% - 20px);
}
#swipeForMobile .swiper-button-next {
}
/* End Slider Evergreen Mobile */


/* Mobile Desktop Slider Switch */
div.connectSortable.ui-sortable.ui-droppable .swipSlidPar {
    position: relative;
}

.mobDeskSlideSwitch {
    display: none;
    position: absolute;
    padding-left: 4px;
    width: 400px;
    top: 0;
    left: 50%;
    transform: translatex(-50%);
    z-index: 1000;
}

div.connectSortable.ui-sortable.ui-droppable .swipSlidPar .mobDeskSlideSwitch {
    display: block;
}

#deskSlideSwitch, #mobSlideSwitch {
    display: inline-block;
    width: 50%;
    background: rgba(0,0,0,0.6);
    color: #fff;
    padding: 10px;
    overflow-x: hidden;
    margin: 0 -1.5px;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 400;
    text-align: center;
    cursor: pointer;
}

div#deskSlideSwitch.active, div#mobSlideSwitch.active, div#deskSlideSwitch:hover, div#mobSlideSwitch:hover {
    background: rgba(0,0,0,0.9);
}

/* Completed Projects Slider */
.projectsScroller .swiper-slide {
    width: 399px;
}

.projectsScroller .swiper-slide img {
    min-height: 300px;
}

.completedProjects .compArrows {
    display: block;
    position: absolute;
    bottom: 0;
    right: -200px;
}

.completedProjects .compArrows #compLeft, .completedProjects .compArrows #compRight {
    display: block;
    position: relative;
    float: left;
    background: #393939;
    height: 30px;
    width: 25px;
    color: #fff;
}

.completedProjects .compArrows #compRight {
    float: right;
    margin-left: 5px;
}

.completedProjects .compArrows #compLeft i, .completedProjects .compArrows #compRight i {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}

.introductText {
    display: inline-block;
    width: 100%;
}

.introductText div:nth-child(2) {
    padding: 0 60px;
    line-height: 2em;
}

.introductText .ui-draggable {
    display: inline-block;
    width: calc(50% - 3px) !important;
}

.introductText .ui-draggable .dIb {
    width: 100% !important;
}

.featuredImgSpan {
    display: block;
    position: relative;
    background: #ebebeb;
    width: 900px;
    height: 530px;
    z-index: 2;
}

.featuredProj, .completedProjects {
    display: block;
    position: relative;
    padding: 70px 0; 
}

.featuredProj h2, .completedProjects h2, .futureProjects h2, .page_description_header_main {
    font-size: 48px;
    margin-bottom: 30px;
}

.page_description_header_main { font-family:'Titillium Web'; text-align: left; text-transform: capitalize; }

.featuredProj .mainTxt, .completedProjects .mainTxt, .page_description_main {
    display: block;
    position: relative;
    width: 600px;
    font-size: 18px;
    margin: 0 auto 30px;
}

.featuredProjImg {
    position: relative;
}

.featuredProText {
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 2;
}

.doubleStrip {
    background: url(./images/doublestrip.png);
    position: absolute;
    top: 180px;
    left: -201px;
    width: 481px;
    height: 542px; 
    z-index: 1;
}

.projNm {
    display: block;
    float: right;
    margin-right: -15px;
    padding: 10px;
    background: #fff;
    font-size: 36px;
    font-size: 36px;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.readMore {
    display: block;
    float: right;
    clear: both;
    padding: 10px 0;
    margin-bottom: 10px;
    font-size: 14px;
    font-weight: 600;
    color: #3eb54b;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.registerInterest {
    display: block;
    background: transparent;
    width: 200px;
    padding: 10px 0;
    margin-bottom: 10px;
    color: #000;
    font-weight: 600;
    font-size: 14px;
    letter-spacing: 1px;
    text-transform: uppercase;
    text-align: center;
    border: 3px solid #000;
    float: right;
    clear: both;
}

.enquireNow {
    display: block;
    background: #830a2f;
    color: #fff;
    padding: 10px 0;
    font-weight: 600;
    font-size: 14px;
    letter-spacing: 1px;
    text-transform: uppercase;
    text-align: center;
    width: 200px;
    float: right;
    clear: both;
}

.enquireNow:hover {
    color: #fff;
}

div[data-iessection="layoutinformationpage"] .swiper-container {
    padding-top: 60px;
    padding-bottom: 60px;
}

.swpHdCnt {
    margin-top: 60px;
}

/* Search */
#search {
    position: fixed;
    z-index: 20;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    
    -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;

    -webkit-transform: translate(0px, -100%) scale(0, 0);
  -moz-transform: translate(0px, -100%) scale(0, 0);
  -o-transform: translate(0px, -100%) scale(0, 0);
  -ms-transform: translate(0px, -100%) scale(0, 0);
  transform: translate(0px, -100%) scale(0, 0);
    
    opacity: 0;
}

#search.open {
    -webkit-transform: translate(0px, 0px) scale(1, 1);
    -moz-transform: translate(0px, 0px) scale(1, 1);
  -o-transform: translate(0px, 0px) scale(1, 1);
  -ms-transform: translate(0px, 0px) scale(1, 1);
  transform: translate(0px, 0px) scale(1, 1); 
    opacity: 1;
}

#search input[type="search"] {
    position: absolute;
    top: 50%;
    width: 100%;
    color: rgb(255, 255, 255);
    background: rgba(0, 0, 0, 0);
    font-size: 48px;
    font-weight: 300;
    text-align: center;
    border: 0px;
    margin: 0px auto;
    margin-top: -51px;
    padding-left: 30px;
    padding-right: 30px;
    outline: none;
}
#search .btn {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: 61px;
    margin-left: -45px;
    padding: 10px 40px;
}
#search .close {
    position: fixed;
    top: 15px;
    right: 15px;
    color: #fff;
  background-color: transparent;
  border-color: #transparent;
  opacity: 1;
  padding: 10px 17px;
  font-size: 32px;
}

#custom-search-input{
    padding: 3px;
    border: solid 1px #E4E4E4;
    border-radius: 6px;
    background-color: #fff;
}

.search-box input{
    /*border: 0;*/
    box-shadow: none;
}

.search-box .input-group { margin-top: 5px; margin-bottom: 5px; }
.search-box .input-group input { border-radius: 0; }
.search-box .input-group .btn { height: 100%; }
.search-box .input-group .btn:hover { background: transparent; }
.search-box .input-group .btn:hover i { color: #000; }

.search-box button{
    margin: 2px 0 0 0;
    background: none;
    box-shadow: none;
    border: 0;
    color: #666666;
    padding: 0 8px 0 10px;
    border-left: solid 1px #ccc;
}

.search-box button:hover{
    border: 0;
    box-shadow: none;
    border-left: solid 1px #ccc;
}

.search-box .glyphicon-search {
    font-size: 23px;
    color: #08acd4;
}

/**** SubCat Dropdown ****/
.sub-cat-breadcrumbs {
    position: absolute;
    top: 75px;
    left: 0;
    margin-top: 15px;
    margin-left: 10px;
    display: inline-block;
    width: 200px;
    background: #fff;
    z-index: 2;
    /* Animation */
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
}

.sub-cat-breadcrumbs a {
    text-transform: capitalize;
    line-height: 2em;
}

.sub-cat-breadcrumbs .category1Sub a:before {
    background-image: url(./images/checkbox-black-retina.png);
    background-position: -40px -176px;
    background-repeat: no-repeat;
    display: inline-block;
    height: 16px;
    line-height: 16px;
    margin-top: 4px;
    vertical-align: top;
    margin-left: -15px;
    margin-right: 3px;
    width: 12px;
    content: "";
}

.sub-breadcrumbs-active { border: 1px solid #ccc; padding: 10px; }

.category1Sub, .category2Sub, .category3Sub {
    font-size: 0.8em;
    padding-left: 15px;
}

/* ==========================================================================
   Mobile Nav
   ========================================================================== */

a.nav-expander {
  background: none repeat scroll 0 0 #000000;
  color: #FFFFFF;
  display: block;
  font-size: 15px;
  font-weight: 400;
  height: 50px;
  margin-right: 0;
  padding: 1em 1.6em 2em;
  position: absolute;
  right: 0;
  text-decoration: none;
  text-transform: uppercase;
  top: 0;
  transition: right 0.3s ease-in-out 0s;
  width: 130px;
  z-index: 12;
  transition: right 0.3s ease-in-out 0s;
  -webkit-transition: right 0.3s ease-in-out 0s;
  -moz-transition: right 0.3s ease-in-out 0s;
  -o-transition: right 0.3s ease-in-out 0s;
}

body.nav-expanded {
  margin-left: 0em;
  transition: right 0.4s ease-in-out 0s;
  -webkit-transition: right 0.4s ease-in-out 0s;
  -moz-transition: right 0.4s ease-in-out 0s;
  -o-transition: right 0.4s ease-in-out 0s;
}

#nav-close {
  font-weight: 300;
  font-size: 24px;
  padding-right: 10px;
  padding-top: 0;
}

.menu-header {
  float: left;
  letter-spacing: 2px;
  font-size: 18px;
  text-transform: uppercase;
  padding-top: 6px;
  padding-left: 7px;
}

.icon:before {
  font-family: 'FontAwesome';
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  text-transform: none;
  content: 'f105';
}

.mobile-menu li > a > span.icon {
  float: right;
  margin: 0.1em 1.7em -0.1em 0;
  opacity: 0;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;

}

.banner-bottom {
    position: relative;
    z-index: 2;
}

.banner-bottom-left{
  float:Left;
  margin: 110px 0px 0px 30px;
}
.banner-bottom-right{
  float:right;
  width: 100%;
}
.banner-bottom-left h2 {
    font-size: 90px;
    font-weight: 600;
    line-height: 120px;
    color: #AB1156;
    transform: rotate(-15deg);
  -webkit-transform: rotate(-15deg);
  -o-transform: rotate(-15deg);
  -ms-transform: rotate(-15deg);
  -moz-transform: rotate(-15deg);
    margin: 0 0 0 100px;
      padding: 0;
}
.bannerImg { 
    position: relative;
    height: 700px;
    z-index: 1;
}
.banner img {
    /*position: absolute;*/
    /*z-index: 1;*/
    /*height: 100%;*/
    /*border: 0;*/
    display: block;
    max-height: 100%;
    position: relative;
    top: 0%;
    left: 50%;
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}
/*--header--*/
#slider2,
#slider3 {
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  margin: 0 auto;
}
.rslides_tabs li:first-child {
  margin-left: 0;
}
.rslides_tabs .rslides_here a {
  background: rgba(255,255,255,.1);
  color: #fff;
  font-weight: bold;
}
.events {
  list-style: none;
}
.callbacks_container {
  position: relative;
  float: left;
  width: 100%;
}
.callbacks {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
}
.callbacks li {
  position: absolute;
  width: 100%;
}

.callbacks .caption {
  display: block;
  position: absolute;
  z-index: 2;
  font-size: 20px;
  text-shadow: none;
  color: #fff;
  left: 0;
  right: 0;
  padding: 10px 20px;
  margin: 0;
  max-width: none;
  top: 10%;
  text-align: center;
}
.callbacks_nav {
      position: absolute;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    top: 56%;
    left: 0;
    opacity: 0.7;
    z-index: 3;
    text-indent: -9999px;
    overflow: hidden;
    text-decoration: none;
    height: 70px;
    width: 40px;
    background: transparent url("./images/arrows2.png") no-repeat left top;
    margin-top: 1%;
}
 .callbacks_nav:hover{
    opacity: 0.5;
  }
.callbacks_nav.next {
  left: auto;
    background-position: right top;
   right:0px;
 }
 .callbacks_nav.prev {
  right: auto;
  background-position:left top;
    left: 0px;
}
#slider3-pager a {
  display: inline-block;
}
#slider3-pager span{
  float: left;
}
#slider3-pager span{
  width:100px;
  height:15px;
  background:#fff;
  display:inline-block;
  border-radius:30em;
  opacity:0.6;
}
#slider3-pager .rslides_here a {
  background: #FFF;
  border-radius:30em;
  opacity:1;
}
#slider3-pager a {
  padding: 0;
}
#slider3-pager li{
  display:inline-block;
}
.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
}
.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display:none;
  width: 100%;
  min-height: 650px;
  left: 0;
  top: 0;
  display: block;
  float: left;
}
.rslides li{
  position: relative;
  display: block;
  float: left;
}
.rslides img {
  height: auto;
  border: 0;
  }
.callbacks_tabs{
        list-style: none;
    position: absolute;
    bottom: -21%;
    z-index: 999;
    left: 38%;
    padding: 0;
    margin: 0;
    display: block;
}
.slider-top span{
  font-weight:600;
}
.callbacks_tabs li{
  display: inline-block;
  margin: 0 .3em;
}
.cart-icon { margin-left:10px; color:#ACF121;}

/* Thumbnails */
.promoThumbs {
    display: block;
    width: calc(35% - 30px);
    float: left;
    margin-left: 10px;
}

.promoThumbs .thumb {
    position: relative;
    display: block;
    background: #ebebeb;
    width: 100%;
    height: 160px;
    float: left;
    clear: both;
}

.promoThumbs .thumb:nth-child(2) {
    margin-top: 10px;
    margin-bottom: 10px;
}

.promoThumbs .thumbname {
    display: block;
    background: rgba(255,255,255,0.8);
    position: absolute;
    z-index: 1;
    padding: 10px;
    font-size: 18px;
    color: #333;
    font-weight: 500;
    right: -1px;
    bottom: 0;
}

/* Future Projects Grid  */
.futureProjGrid, .products-grid { 
  display: grid !important;
  width: 100%;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 30px;
  margin-bottom: 60px;
}
  
.futureProjGrid > div.futureProjSingle, .products-grid > .product {
  position: relative;
  height: 230px;
  border: 1px solid #ccc;
  box-shadow: 2px 2px 6px 0px  rgba(0,0,0,0.3);
  overflow: hidden;
}

.futureProjGrid > .futureProjSingle img, .products-grid > .product img {
  max-width: 100%;
}

.futureProjGrid > .futureProjSingle .futureProjSingleImg, .products-grid > .product .product_pic_div {
    display: inline-block;
    position: relative;
    height: 100%;
    width: 100%;
    overflow: hidden;
}

.futureProjects h2 {
    float: left;
}

.futLink {
    display: block;
    float: right;
    margin-top: 20px;
    font-size: 16px;
    font-weight: 600;
    color: #393939;
    text-transform: capitalize;
    padding: 10px 15px;
    border: 1px solid #c3c3c3;
}

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

.futureProjGrid > .futureProjSingle .futureProjSingleImg .futureprojtxt {
    display: block;
    position: absolute;
    top: 20px;
    left: 20px;
    font-size: 28px;
    font-weight: 400;
    color: #fff;
    z-index: 2;
}

.futureProjGrid > .futureProjSingle .futureProjSingleImg:before {
    display: block;
    content:"";
    background: rgba(0,0,0,0.2);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.futureProjGrid > .futureProjSingle .futureProjSingleImg img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    min-width: 100%;
    max-width: none;
    min-height: 100%;
}

.futureProjGrid > .futureProjSingle:nth-child(1) .futureProjSingleImg img {
}  

.products-grid > .product .product_pic_div {
    position: relative;
    height: 230px;
}
#cat_product_listing .product_pic_div:before {
    content: "";
    background: rgba(0,0,0,0.3);
    /* Shadow */
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#feffff+0,000000+73,000000+100&0+0,0.5+81,0.7+100 */
    background: -moz-linear-gradient(top, rgba(254,255,255,0) 0%, rgba(0,0,0,0.45) 73%, rgba(0,0,0,0.5) 81%, rgba(0,0,0,0.7) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(254,255,255,0) 0%,rgba(0,0,0,0.45) 73%,rgba(0,0,0,0.5) 81%,rgba(0,0,0,0.7) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(254,255,255,0) 0%,rgba(0,0,0,0.45) 73%,rgba(0,0,0,0.5) 81%,rgba(0,0,0,0.7) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00feffff', endColorstr='#b3000000',GradientType=0 ); /* IE6-9 */
    /* Shadow end */
    display: block;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}
.text {
  padding: 0 20px 20px;
}
.text > button {
  background: gray;
  border: 0;
  color: white;
  padding: 10px;
  width: 100%;
  }
.futureProjGrid > div.futureProjSingle:nth-child(1), .products-grid > div.product:nth-child(1) {
  grid-row: span 2;
  height: 490px;
}

.products-grid > div.product:nth-child(1) img {
    height: 100%;
}

.products-grid > div.product:nth-child(1) .product_pic_div {
    height: 490px;
}

.futureProjSingleBtns {
    position: absolute;
    width: 100%;
    bottom: 0;
    padding-bottom: 20px;
    padding-left: 20px;
    z-index: 2; 
}

.futureProjSingleBtns a {
    display: block;
    float: left;
    font-size: 14px;
    height: 30px;
    padding: 3px 8px;
    margin-right: 10px;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 1px;
}

.futureProjSingleBtns a.lrnMore {
    background: transparent;
    color: #fff;
    border: 2px solid #fff;
}
.futureProjSingleBtns a.enqMore {
    background: #830a2f;
    color: #fff;
}

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

@media screen and (max-width: 600px) {
  .callbacks_nav {
    top: 47%;
    }
}
/*----*/
.callbacks_tabs a{
 visibility: hidden;
}
.callbacks_tabs a:after {
        content: "f111";
    font-size: 0;
    font-family: FontAwesome;
    visibility: visible;
    display: block;
    width: 40px;
    height: 5px;
    display: block;
    background: #898989;
    display: inline-block;
    border: none;
}
.callbacks_here a:after{
  background:#AB1156;
}
.banner-info {
    background: rgba(255,255,255,0.8);
    text-align: center;
    width: 600px;
    padding: 20px;
    z-index: 2;
    position: absolute;
    top: 50%;
    left: 50%;
      -webkit-transform: translate3d(-50%,-50%,0);
         -moz-transform: translate3d(-50%,-50%,0);
          -ms-transform: translate3d(-50%,-50%,0);
           -o-transform: translate3d(-50%,-50%,0);
              transform: translate3d(-50%,-50%,0);
}
.banner-info h2 {
    font-size: 68px;
    line-height: 1.2em;
    padding: 0;
    text-shadow: 3px 3px 4px rgba(0, 0, 0, 0.3);
}
.banner-info p {
  font-size: 18px;
  text-shadow: 3px 3px 4px rgba(0, 0, 0, 0.3);
  margin: 20px 0;
}
.shop {
  margin: 30px auto 15px;
}
.shop a {
  text-decoration:none;
  padding:16px 32px;
  font-size:14px;
  letter-spacing:1px;
}
.shop a:hover {
  color:#1f4ba5;
  background-color:#ffffff;
border: 1px solid #1f4ba5;
}
/*-- online-strip --*/
.online-strip {
  border-top: 1px solid #C8C8C8;
  border-bottom: 1px solid #C8C8C8;
  padding: 20px 0;
  text-align:center;
  margin: 40px 0 30px;
}
.shipping-grid {
  border-left: 1px solid #C8C8C8;
  border-right: 1px solid #C8C8C8;
}
.shipping {
  float:left;
  width:13%;
  margin-right:3%;
  margin-left:20%;
}
.shipping img {
  width:100%;
  margin-top:10%;
}
.shipping-text {
  float: left;
}
.online-strip h3 {
  /*color: #AB1156;*/
  font-size: 1.5em;
      padding: 0;
}
.follow-us h3 {
  margin-top:0.4em;
}
.online-strip p {
  font-size:0.95em;
}
/*-- online-strip --*/
h3.head.text-center {
    font-size: 32px;
    font-weight: 500;
    padding: 0;
}
/*-- front-page-description --*/
.front-page-description {
  padding: 50px 0 30px;
}

.front-page-description p {
  text-align: center;
  font-size: 36px;
  font-weight: 300;
}

.front-page #maindesc, .front-page #topdesc { width: 100%; text-align: center; max-width: 100%; }
.front-page .page_description_main { max-width: 100%; font-size: inherit; color: inherit; }
.front-page #bottomdesc { margin-top: 20px; }

.main-content {
    padding-top: 15px;
}

.flexcard {
    display: block;
    vertical-align: middle;
}

.flexcard-image {
    height: 70%;
    max-width: 100%;
    overflow: hidden;
}

.flexcard-content {
    max-width: 100%;
}

.products-grid {
    padding: 15px 0 30px;
    width: 100%;
    display: inline-block;
}

.products-grid header {
    width: 100%;
    padding: 0 5px;
}

#layoutSwitch {
    display: none; 
    text-align: right; 
}

#layoutSwitch a {
    display: inline-block;
    padding: 10px 5px;
    color: #555;
    font-size: 16px;
}

#modal-product-name { color: #000000; }
#modal-product-pic { width: 100%; margin-bottom: 15px; }
#modal-product-pic img { max-width: 70%; max-height: 50vh; display: block; margin: 0 auto; }
#modal-product-price { font-size: 18px; text-align: center; color: #000; padding: 5px auto; }
#modal-product-link, #modal-product-cart { text-align: center; padding: 5px auto; }
#modal-product-link { margin-top: 10px; }
#modal-cart-link { color: #ffffff; }

#new_title_name, #front_title_name, #top_title_name {
    font-size: 24px;
    font-weight: 400;
    padding: 0;
    margin-top: 1em;
    text-align: center;
}

.product {
    display: inline-block;
    position: relative;
    cursor: pointer;
    line-height: 1.2em;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.shrinker {
    width: 25% !important;
    max-height: 80px;
}

.shrinker .product_pic_div { 
    height: 80px !important;
}

.opac0 { opacity: 0; }

/*.prodlisting .product {*/
/*  margin-top: -1px;*/
/*}*/

.products-grid .product:hover {
    border: 1px solid #868686;
    position: relative;
    z-index: 10;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.products-grid a {
  display: block;
    color: #000;
    font-weight: 400;
    font-size: 14px;
    text-decoration: none;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
  /* Transition */
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.products-grid a img {
    position: relative;
} 

.product a {
}

a.product_name {
    margin: 15px 0;
}
.product-left:hover .p-one{
  border: 1px solid #8c2830;
  transition: 0.5s all ease;
  -webkit-transition: 0.5s all ease;
  -moz-transition: 0.5s all ease;
  -o-transition: 0.5s all ease;
  -ms-transition: 0.5s all ease;
}
.product-left:hover .p-one p a{
  color: #8c2830;
}
.product-left:hover .mask{
  display:block;
}

.products-grid .product img {
    display: block;
    max-width: none;
    max-height: 100%;
    /* center align vertical and horizontal */
    position: absolute; /* or absolute*/ 
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform:translate(-50%, -50%);
}

.product .product_name {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 75px;
}
.product .product_name a {
    color: #fff;
}
.product .product_price {
    position: absolute;
    width: 100%;
    color: #fff;
    left: 0;
    bottom: 50px;
}
.product div.product_pic_div:before {
    position: absolute;
    height: 100%;
    width: 100%;
    background: rgba(0,0,0,0.3);
    z-index: 2;
}
.click_link {
    position: absolute;
    width: 100%;
    color: #fff;
    left: 0;
    bottom: 15px;
}
.click_link a {
    display: inline-block;
    background: #830a2f;
    color: #fff;
    padding: 5px 10px;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 1px;
}
/*.product_pic_div { height: 300px; }*/
.mask {
  display: none;
  position: absolute;
  top: 44%;
  left: 33%;
}
.mask a{
  background: rgba(255, 255, 255, 0.74);
    color: #000;
    font-size: 15px;
    font-weight: 400;
    padding: 6px 12px;
    text-decoration: none;
}
.product-left{
  position:relative;
  text-align:center;
}
.mask a:hover{
  text-decoration:none;
  background:#AB1156;
  color:#fff;
  transition: 0.7s all;
  -webkit-transition: 0.7s all;
  -o-transition: 0.7s all;
  -moz-transition: 0.7s all;
  -ms-transition: 0.7s all;
}
.product-one {
  margin-top: 4%;
}
.product-one:nth-child(1){
  margin-top:0;
}
.product p {
  color: #999;
  font-family: 'Rubik';
  font-weight: 700;
  display: inline-block;
  vertical-align: middle;
}
.product p a {
  text-decoration: none;
  color: #999;
}
.product p i {
  background: url(./images/cart.png) no-repeat;
  width: 20px;
  height: 14px;
  display: inline-block;
  margin-right: 4px;
  vertical-align: middle;
}
.product-left:hover .product p i{
  background: url(./images/cart-2.png) no-repeat;
}

.project {
    display: inline-block;
    pointer: cursor;
    width: 400px;
    margin-right: 30px;
}

.project .product_pic_div {
    display: block;
    height: 300px;
    overflow: hidden;
}

.project .product_name {
    display: block;
    margin-top: 10px;
    margin-bottom: 5px;
}

.project .product_name a {
    font-size: 18px;
    color: #000;
}

.project .product_name a:hover {
    text-decoration: none;
}

.project .product_name {
    font-size: 16px;
}

.categoryFront { width: calc(33.333% - 7px); height: 350px; margin: 0; position: relative; overflow: hidden; }
.categoryFront:nth-child(5) { margin: 0 10px; }
.categoryFront .inner-txt {
    background: rgba(255,255,255,0.8);
    padding: 5px 20px;
    position: absolute; 
    z-index: 2; 
    bottom: 0;
    left: 50%;
      -webkit-transform: translate3d(-50%,-50%,0);
         -moz-transform: translate3d(-50%,-50%,0);
          -ms-transform: translate3d(-50%,-50%,0);
           -o-transform: translate3d(-50%,-50%,0);
              transform: translate3d(-50%,-50%,0);
    text-align: center;
}
.categoryFront .inner-txt a { color: inherit; }
.categoryFront img { 
    display: block;
    max-height: 100%;
    position: relative;
    top: 0;
    left: 50%;
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}
.vwMBrands {
    display: block;
    float: right;
    margin: 15px 0 10px;
    font-weight: 500;
    color: #000;
}
a.vwMBrands {
    color: #000;
}
/*--end-product--*/
h3.like{
    font-size: 12px;
    color: #ffffff;
    display: inline-block;
    margin-top: -60px;
    float: left;
    text-transform: uppercase;
    background-color: #2c7ec4;
    font-weight: 500;
    padding: 3px 6px;
}
a.like_name {
    line-height: 40px;
    display: block;
      color: #000;
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 2px;
    text-decoration: none;
}
#flexiselDemo1, #flexiselDemo3 {
  display: none;
}
.nbs-flexisel-container {
  position: relative;
  max-width: 100%;
      margin-top: 3em;
}
.nbs-flexisel-ul {
  position: relative;
  width: 9999px;
  margin: 0px;
  padding: 0px;
  list-style-type: none;
  text-align: center;
}
.nbs-flexisel-inner {
  overflow: hidden;
  box-shadow: -10px -2px 20px -10px #AAAAAA;
  -webkit-box-shadow: -10px -2px 20px -10px #AAAAAA;
  -moz-box-shadow: -10px -2px 20px -10px #AAAAAA;
  margin: 0 auto;
}
.nbs-flexisel-item {
  float: left;
  margin:0px;
  padding: 0 10px;
  cursor: pointer;
  position: relative;
  line-height: 1.2em;
}
.nbs-flexisel-item > img {
  cursor: pointer;
  position: relative;
  margin-top:10px;
  margin-bottom: 10px;
  max-width:350px;
  max-height:500px;
  display:inline-block;
}
.nbs-flexisel-item a img {
  max-height: 190px;
}
.grid-flex{
  margin:20px 0 20px 0;
}
.nbs-flexisel-item > img {
  cursor: pointer;
  position: relative;
  width: 90%;
}
/*** Navigation ***/
.nbs-flexisel-nav-left, .nbs-flexisel-nav-right {
  width: 45px;
  height: 45px;
  position: absolute;
  cursor: pointer;
  z-index: 100;
  margin-top:-2em;
}
.nbs-flexisel-nav-left {
  left: 0px;
  background: url(./images/arrows.png) no-repeat -8px -7px;
}
.nbs-flexisel-nav-right {
  right: 0px;
  background: url(./images/arrows.png) no-repeat -61px -7px;
}
.other-products {
    background-color: #d0d0d0;
    padding: 60px 0;
    margin-bottom: -40px;
}
.liked-product{
  margin-top:0;
}

/* Product CatListing */
.catlisting {
    max-width: 19%;
    min-height: 250px;
    width: 100%;
    float: left;
    margin-right: 1%;
    border: 1px solid #dadada;
    background: #e3e4e5;
    padding-top: 15px;
    padding-bottom: 15px;
}

.catlisting .cat_name a:before {
    background-image: url(./images/checkbox-black-retina.png);
    background-position: -40px -176px;
    background-repeat: no-repeat;
    display: inline-block;
    height: 16px;
    line-height: 16px;
    margin-top: 4px;
    vertical-align: text-top;
    margin-left: -15px;
    margin-right: 3px;
    width: 12px;
    content: "";
}

.catlisting .page_description_header_main {
    padding: 0 5px;
    margin-bottom: 5px;
    font-size: 0.9em;
    font-weight: 600;
    text-transform: uppercase;
}

.catlisting .page_description_main { display: none; }

.cat_list {
    display: inline-block;
    padding: 4px 0;
    margin: 0 10px;
    cursor: pointer;
}
.cat_img { position: relative; height:300px; width:300px; margin-bottom: 5px; border: 1px solid #ebebeb; }
.cat_img img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); max-width: 100%; }
#maindesc {padding: 0 0px 10px 0px; display:block; margin: 0 auto; text-align: center; }

#breadcrumbs {
  width: 100%;
  display: block;
  min-height: 30px;
  padding-bottom: 10px; 
  padding-top: 15px; 
}

#breadcrumbs .category_breadcrumbs a {
  font-weight: 500;
  color: #000;
  font-size: 0.8em;
  padding-right: 0.4em;
  text-transform: uppercase;
}

.breadcrumbs {
    background: rgba(255,255,255,0.2);
    position: absolute;
    top: 0;
    left: 0;
    padding: 15px 30px;
    z-index: 2;
}

.breadcrumbs a {
  font-weight: 500;
  /*color: #000;*/
  color: #fff;
  font-size: 0.8em;
  padding-right: 0.4em;
  text-shadow: 2px 2px 2px rgba(150, 150, 150, 1);
  /*text-transform: uppercase;*/
}

.brandpromise {
    display: inline-block;
    width: 100%;
    margin: 30px 0;
    padding: 10px 0 35px;
    text-align: center;
    border-bottom: 5px solid #ffe7e7;
    border-top: 5px solid #ffe7e7;
}

.brandpromise h2 {
    font-size: 24px;
    display: inline-block;
    margin-bottom: 10px;
}

.brandpromise .prm {
    display: inline-block;
    border: 1px solid #fbdcdc;
    vertical-align: top;
    width: calc(33.333% - 15px);
    margin: 0 5px;
    padding: 5px 6px;
    font-size: 13px;
    height: 6em;
    color: #515151;
    background: #ffeded;
}

.brandpromise .prm h3 {
    font-size: 14px;
    padding: 5px;
    font-weight: 500;
    color: #515151;
}

.promoStrip {
    /*background: #fff1f1;*/
    background: url(./images/promostripbg.jpg);
    border-top: 5px solid #ffe7e7;
    border-bottom: 5px solid #ffe7e7;
    height: 200px;
    padding: 2em 0;
    width: 100%;
    margin-top: 10px;
    text-align: center;
}

.promoLnks {
    display: inline-block;
    width: 100%;
    padding: 1em 0;
}

.promoStrip h2 { font-size: 24px; }

.promoStrip .promoLnks a {
    display: inline-block;
    background: #ffe7e7;
    font-size: 14px;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #000;
    font-family: inherit;
    font-weight: 600;
    border: 1px solid #000;
    padding: 10px 20px;
    margin: 0 10px;
}

.promoStrip .promoLnks a:hover, .promoStrip .promoLnks a:focus {
    text-decoration: none;
    background: #f3dbdb;
}

/* Product Page Stuff */
.push-down {
  margin-top: 30px;
}
/*-- news-letter-starts-here --*/
.news-letter {
    padding: 35px 30px;
    /*margin: 40px 0 0;*/
}
.join h6 {
    font-size: 18px;
    font-weight: 300;
    color: #fff;
    float: left;
    margin-right: 5%;
    margin-top:10px;
    letter-spacing: 1px;
    padding: 0;
    line-height: 1.4em;
}
.join input[type="text"] {
    display: block;
    background: transparent; 
    float: left;
    width: 100%;
    color: #fff;
    letter-spacing: 1px;
    font-weight: 300;
    font-size: 16px;
    padding: 14px 0px 14px;
    border: 0;
    border-bottom: 5px solid #fff;
    outline: none;
    text-align: left;
}
.join input[type="submit"] {
    display: block;
    background: transparent; 
    float: right; 
    outline: none;
    cursor: pointer;
    width: 65px;
    padding: 10px 0 10px;
    color: #fff;
    font-size: 18px;
    font-weight: 400;
    margin: -54px 0 0 0px;
    border: none;
    -webkit-apperance: none;
}
/*-- news-letter-ends-here --*/
/*-- footer-starts-here --*/
.span1_of_4 h4 {
    margin: 0 0 15px 0;
    font-size: 23px;
    text-transform: capitalize;
    font-weight: 400;
      padding: 0;
}
.footer {
    position: relative;
    font-size: inherit;
    padding: 50px 0;
    color: #fff;
}
.footer-section-hd {
    font-size: 14px;
    color: #adadad;
    margin-bottom: 30px; 
}
.footer-top-symb {
    position: absolute;
    top: -30px;
    left: 50%;
    transform: translateX(-50%);
}
.category1 a {
    color: #000;
}
ul.f_nav li, .infopages {
    list-style-type: none;
    margin: 5px 0;
}
ul.f_nav li a , .infopages li a{
    list-style-type: none;
    font-size: 14px;
    color: inherit;
    text-transform:capitalize;
}
ul.f_nav li div:nth-of-type(1n+6), .infopages li:nth-of-type(1n+6) {display: none;}
.cards.text-center {
    border-top: 1px solid #E7E7E7;
    border-bottom: 1px solid #E7E7E7;
    margin: 40px 0;
    padding: 25px 0;
}

.copyright {
  background: #1d1d1d;
  padding: 30px 0;
  color: #fff;
}

.footer-logo {
    float: left;
}

.footer-copyright {
    float: right;
    margin-top: 15px;
}

#copyrightAfter {
    font-size: 14px;
    margin-top: 20px;
}

/*-- footer-ends-here --*/
/*-- products-page-starts-here --*/
.products{
  width:20%;
  margin-right:2%;
  float:left;
}
.product-listy{
  background:#91b900;
}
ul.product-list{
  padding:0em 0 0.5em 0;
  margin:0.5em 0;
}
ul.product-list li{
  display: block;
  margin:5px 0;
}
ul.product-list li a{
  color:#FFF;
  text-transform:uppercase;
  font-size:0.85em;
  text-decoration:none;
  padding:5px 2em;
  font-family: 'Doppio One', sans-serif;
  font-weight:400;
  display: block;
}
ul.product-list li a:hover{
  background:#000;
  color:#fff;
  padding:5px 2em;
  transition:0.5s all;
  -webkit-transition:0.5s all;
  -o-transition:0.5s all;
  -moz-transition:0.5s all;
  -ms-transition:0.5s all;
}
.product-listy h2{
  color: #fff;
    background: #AB1156;
    font-size: 15px;
    padding: 23px;
    font-weight: 600;
    text-transform: uppercase;
}
.latest-bis {
  margin: 1.5em 0;
  position:relative;
}
.offer{
  position:absolute;
  bottom: 13%;
  right: 2%;
}
.offer p{
  font-size:30px;
  color:#fff;
  background:rgba(129, 98, 99, 0.73);
  padding: 15px 8px;
  border-radius:50%;
  -webkit-border-radius:50%;
  -o-border-radius:50%;
  -moz-border-radius:50%;
  -ms-border-radius:50%;
  font-weight:400;
}
.offer small{
  color: #7C7C7C;
  font-size: 18px;
}
.tags{
  list-style:none;
  background:#FCFCFC;
  margin-top:2em;
  padding:1em;
  font-weight:400;
}
h4.tag_head{
      color: #333;
    font-weight: 600;
    font-size: 20px;
    margin-bottom: 20px;
      padding: 0;
}
ul.tags_links{
  padding:0;
  list-style:none;
}
ul.tags_links li {
  display: inline-block;
  margin: 8px 3px;
}
ul.tags_links li a {
  color: #333;
  font-size: 1em;
  background: #e9e9e9;
  padding: 5px 10px;
}
ul.tags_links li a:hover{
  text-decoration:none;
  background:#AB1156;
  color:#fff;
}
.link1 {
  font-size: 0.85em;
  line-height: 18px;
  color: #333;
  font-weight: bold;
  background: url(./images/tag_arrow.png) right 4px no-repeat;
  padding-right: 20px;
  margin-top:1.5em;
  display: inline-block;
}
.link1:hover{
  color:#fb4d01;
  text-decoration:none;
}
.new-product{
  width:78%;
  float:right;
  background:rgba(245, 243, 243, 0.27);
  min-height:800px;
  padding:2em;
}
ul.product-top-list{
  padding:0;
  float: left;
}
ul.product-top-list li{
  display: inline-block;
  font-size:0.82em;
  color:#777;
}
ul.product-top-list li a{
      color: #AB1156;
    font-size: 16px;
}
ul.product-top-list li span.act{
      background: yellow;
    font-size: 14px;
    padding: 3px;
}
p.back{
  float: right;
  font-size:0.82em;
}
p.back a {
  font-size: 14px;
    color: #B9B4B5;
}
.labout {
  display: block;
  float: left;
  margin: 0 3.6% 0 0;
}
.span_2_of_al{
  width:40%;
  width: 46%;
  float: left;
}
.span_2_of_al h3 {
  color: #333;
  text-transform: uppercase;
  font-size: 1.7em;
  font-weight: bold;
}
ul.ratings{
  padding: 0;
  margin-top:1em;
}
ul.ratings li{
  display: inline-block;
}
ul.ratings li a{
  font-size: 0.87em;
  color: #000;
  text-decoration: none;
  font-weight: 600;
}
i.rating-ed{
  background: url(./images/stars.png)no-repeat -9px;
}
.price_single {
  font-size: 1.3em;
  margin: 0.5em 0 1.5em;
  font-family: 'Doppio One', sans-serif;
  font-weight:400;
}
span.reducedfrom {
  text-decoration: line-through;
  margin-right: 3%;
  color: #555;
}
span.actual {
  color: #ee4a02;
  font-size: 1em;
  margin-right: 5%;
}
.price_single a {
  color: #999;
  font-size: 13px;
}
h2.quick {
  color: #555;
  font-size: 0.85em;
  text-transform: uppercase;
}
p.quick_desc {
  color: #999;
  font-size: 0.8125em;
  line-height: 1.8em;
}
ul.product-qty {
  padding: 0;
  list-style: none;
}
.product-qty span {
  color: #555;
  font-size: 0.85em;
  padding-bottom: 0.5em;
  display: block;
  text-transform: uppercase;
  margin-top: 2em;
}
.product-qty select {
  border: 1px solid #eee;
  padding: 0.5em;
  font-size: 1em;
  outline: none;
}
.btn_form form input[type="submit"] {
  cursor: pointer;
  border: none;
  outline: none;
  display: inline-block;
  font-size: 1em;
  padding: 13px 20px;
  color: #fff;

  text-transform: uppercase;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  margin-top: 2em;
}
.btn_form form input[type="submit"]:hover{
}
.abt-ft{
  margin-top:2em;
}
.singel_right {
  margin-bottom: 2em;
}
h3.new-models {
  font-size: 1.2em;
  background: #ee4a02;
  padding: 5px;
  font-weight: 600;
  color:#fff;
}
.view-first:hover .mask {
  opacity: 1;
}
.view .mask, .view .content {
  position: absolute;
  overflow: hidden;
  top: 10em;
  left: 6.2em;
}
.view-first .mask {
  opacity: 0;
  background-color: rgba(219,127,8, 0.7);
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  padding: 10px 15px;
  background: rgba(255, 255, 255, 0.82);
  -moz-box-shadow: rgba(0, 0, 0, 0.16) 0 2px 8px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.16) 0 2px 8px;
  box-shadow: rgba(0, 0, 0, 0.16) 0 2px 8px;
  color: #000;
  font-size: 0.85em;
  font-weight: bold;
}
p.title {
  color: #000;
  font-size: 0.95em;
  font-weight: bold;
}
.cart-left {
  float: left;
  margin-right: 2.6%;
}
p.title {
  color: #000;
  font-size: 0.95em;
  font-weight: 700;
  margin:0;
}
.pricey {
  float: right;
  font-weight: bold;
  font-size: 0.95em;
}
.view .mask, .view .content {
    position: absolute;
    overflow: hidden;
    top: 11.5em;
    left: 8.2em;
}
.view-first:hover .mask {
  opacity: 1;
}
.view .mask, .view .content {
  position: absolute;
  overflow: hidden;
  top: 11.5em;
  left: 8.2em;
}
.product_image {
    position: relative;
}
.product_container {
  padding: 1em;
}
.products-page {
  padding: 4em 0;
}
.sort-by select {
  outline: none;
}
.pages {
  float: right;
}
.pages .limiter {
  color: #747474;
    font-size: 12px;
    text-transform: uppercase;
}
.pages .limiter label {
  vertical-align: middle;
}
.pages .limiter select {
  padding: 0;
  margin: 0 0 1px;
  vertical-align: middle;
}
.limiter.visible-desktop label {
  font-weight: normal;
  margin: 0;
}
.mens-toolbar {
      margin: 23px 0;
    font-size: 20px;
}
.mens-toolbar .sort {
  float: left;
  width: 20.5%;
}
.sort-by {
  color: #000;
  font-size: 0.9em;
  text-transform: uppercase;
}
.sort-by label {
  font-weight: normal;
  float: left;
  margin: 2px 5px 0 0;
}

ul.pagenation {
  float: right;
  clear: both;
  padding: 0;
  list-style: none;
}
ul.pagenation li {
  float: left;
  margin: 0px;
  margin-left: 5px;
  padding: 0px;
  list-style: none;
  font-size: 14px;
}
ul.pagenation li a {
  color: #000;
  display: block;
  border-radius: 15px;
  -webkit-border-radius: 15px;
  -moz-borer-radius: 15px;
  padding: 6px 8px 2px;
  text-decoration: none;
  font-size: 1em;
  font-weight: 500;
  text-transform: uppercase;
}
ul.pagenation li.active a, ul.pagenation li a:hover {
  background: #000000;
  color: #fff;
  transition:0.5s all;
  -webkit-transition:0.5s all;
  -o-transition:0.5s all;
  -moz-transition:0.5s all;
  -ms-transition:0.5s all;
}
.product-listy{
  background:#9E9C9C;
}
ul.product-list{
  padding:0em 0 0.5em 0;
  margin:0.5em 0;
}
ul.product-list li{
  display: block;
  margin:5px 0;
}
ul.product-list li a{
  color:#FFF;
  text-transform:uppercase;
  font-size:0.85em;
  text-decoration:none;
  padding:5px 2em;
  font-family: 'Doppio One', sans-serif;
  font-weight:400;
  display: block;
}
ul.product-list li a:hover{
  background:#AB1156;
  color:#fff;
  padding:5px 2em;
  transition:0.5s all;
  -webkit-transition:0.5s all;
  -o-transition:0.5s all;
  -moz-transition:0.5s all;
  -ms-transition:0.5s all;
}
.latest-bis {
  margin: 1.5em 0;
  position:relative;
}
.offer{
  position:absolute;
  bottom: 13%;
  right: 2%;
}
ul.tags_links{
  padding:0;
  list-style:none;
}
ul.tags_links li {
  display: inline-block;
  margin: 8px 3px;
}
ul.tags_links li a {
  color: #333;
  font-size: 1em;
  background: #e9e9e9;
  padding: 5px 10px;
}
ul.tags_links li a:hover{
  text-decoration:none;
}
.link1 {
  font-size: 0.85em;
  line-height: 18px;
  color: #333;
  font-weight: bold;
  background: url(./images/tag_arrow.png) right 4px no-repeat;
  padding-right: 20px;
  margin-top:1.5em;
  display: inline-block;
}
.link1:hover{
  color:#fb4d01;
  text-decoration:none;
}
ul.product-top-list{
  padding:0;
  float: left;
}
ul.product-top-list li{
  display: inline-block;
  font-size:0.82em;
  color:#777;
}
p.back{
  float: right;
  font-size:0.82em;
}
.labout {
  display: block;
  float: left;
  margin: 0 3.6% 0 0;
}
.span_2_of_al{
  width:40%;
  width: 46%;
  float: left;
}
.span_2_of_al h3 {
  color: #333;
  text-transform: uppercase;
  font-size: 1.7em;
  font-weight: bold;
}
ul.ratings{
  padding: 0;
  margin-top:1em;
}
ul.ratings li{
  display: inline-block;
}
ul.ratings li a{
  font-size: 0.87em;
  color: #000;
  text-decoration: none;
  font-weight: 600;
}
i.rating-ed{
  background: url(./images/stars.png)no-repeat -9px;
}
.price_single {
  font-size: 1.3em;
  margin: 0.5em 0 1.5em;
  font-family: 'Doppio One', sans-serif;
  font-weight:400;
}
span.reducedfrom {
  text-decoration: line-through;
  margin-right: 3%;
  color: #555;
}
span.actual {
  color: #ee4a02;
  font-size: 1em;
  margin-right: 5%;
}
.price_single a {
  color: #999;
  font-size: 13px;
}
h2.quick {
  color: #555;
  font-size: 0.85em;
  text-transform: uppercase;
}
p.quick_desc {
  color: #999;
  font-size: 0.8125em;
  line-height: 1.8em;
}
ul.product-qty {
  padding: 0;
  list-style: none;
}
.product-qty span {
  color: #555;
  font-size: 0.85em;
  padding-bottom: 0.5em;
  display: block;
  text-transform: uppercase;
  margin-top: 2em;
}
.product-qty select {
  border: 1px solid #eee;
  padding: 0.5em;
  font-size: 1em;
  outline: none;
}
.btn_form form input[type="submit"] {
  cursor: pointer;
  border: none;
  outline: none;
  display: inline-block;
  font-size: 1em;
  padding: 13px 20px;
  color: #fff;

  text-transform: uppercase;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  margin-top: 2em;
}
.btn_form form input[type="submit"]:hover{
}
.abt-ft{
  margin-top:2em;
}
.singel_right {
  margin-bottom: 2em;
}
h3.new-models {
  font-size: 1.2em;
  background: #ee4a02;
  padding: 5px;
  font-weight: 600;
  color:#fff;
}
.view .mask, .view .content {
  position: absolute;
  overflow: hidden;
  top: 12em;
  left: 6.2em;
}
p.title {
  color: #000;
  font-size: 0.95em;
  font-weight: bold;
}
.cart-left {
  float: left;
  margin-right: 2.6%;
}
p.title {
  color: #000;
  font-size: 0.95em;
  font-weight: 700;
  margin:0;
}
.pricey {
  float: right;
  font-weight: bold;
  font-size: 0.95em;
}
.product_container {
  padding: 1em;
  border-top: 10px solid #f8f8f8;
}
.products-page {
  padding: 60px 0;
}
/*---- Best Buy Starts Here ---*/
.mens-toolbar .sort {
  float: left;
  width: 20.5%;
}
.sort-by {
  color: #828282;
    font-size: 13px;
    text-transform: uppercase;
}
ul.women_pagenation {
  float: right;
  padding: 0;
  list-style: none;
}
ul.women_pagenation li.active a, ul.women_pagenation li a:hover {
  background: #3C3038;
  color: #fff;
  transition:0.5s all;
  -webkit-transition:0.5s all;
  -o-transition:0.5s all;
  -moz-transition:0.5s all;
  -ms-transition:0.5s all;
}
.sort-by select {
  outline: none;
}
.pages {
  float: right;
}
.pages .limiter label {
  vertical-align: middle;
}
.limiter.visible-desktop label {
  font-weight: normal;
  margin: 0;
}
.product_image:hover .mask {
    display: block;
    transition:0.5s all;
  -webkit-transition:0.5s all;
  -moz-transition:0.5s all;
  -o-transition:0.5s all;
  -ms-transition:0.5s all;
}
/*-- products-page-ends-here --*/
/*-- login-starts-here --*/
.login-left {
  padding: 0;
}
.login-left h2 {
  color: #000;
    font-size: 20px;
    padding-bottom: 18px;
    font-weight: 600;
}.login-right h3 {
  color: #000;
    font-size: 20px;
    padding-bottom: 18px;
    font-weight: 600;
}

li.home a {
    color: #AB1156;
    font-size: 16px;
}
.login-left p, .login-right p {
  color: #CAC9C9;
  display: block;
  font-size: 1.1em;
  margin: 0 0 2em 0;
  line-height: 1.5em;
}
.acount-btn {
  background: #000000;
  color: #FFF;
  font-size: 15px;
  padding: 0.7em 1.2em;
  transition: 0.5s all;
  -webkit-transition: 0.5s all;
  -moz-transition: 0.5s all;
  -o-transition: 0.5s all;
  display: inline-block;
  text-transform: uppercase;
}
.acount-btn:hover, .login-right input[type="submit"]:hover{
  opacity: 0.8;
  text-decoration: none;
}
.tableerror { color: #ff0000; }
.login-right form {
  padding: 1em 0;
}
.login-right form div {
  padding: 0 0 2em 0;
}
.login-right span {
  color: #555;
  font-size:1em;
  padding-bottom: 0.2em;
  display: block;
  text-transform: uppercase;
}
.login-right input[type="text"] {
  border: 1px solid #EEE;
  outline-color:#CACACA;
  width: 96%;
  font-size:13px;
  padding: 8px;
}
.login-right input[type="password"] {
  border: 1px solid #EEE;
  outline-color:#CACACA;
  width: 96%;
  font-size:13px;
  padding: 8px;
}
.login-right input[type="submit"] {
  background: #AB1156;
  color: #FFF;
  font-size: 1em;
  padding: 0.7em 1.2em;
  transition: 0.5s all;
  -webkit-transition: 0.5s all;
  -moz-transition: 0.5s all;
  -o-transition: 0.5s all;
  display: inline-block;
  text-transform: uppercase;
  border:none;
  outline:none;
}
a.forgot {
  font-size: 1em;
  margin-right: 11px;
}
ul.breadcrumbs{
  padding:0;
  list-style:none;
  float:left;
}
ul.breadcrumbs li{
  display:inline-block;
  color:#000;
}
ul.breadcrumbs li.women{
      background: yellow;
    font-size: 14px;
    padding: 3px;
}
ul.previous{
  padding:0;
  list-style:none;
  float:right;
      margin-top: 3px;
}
ul.previous li a{
      font-size: 14px;
    color: #B9B4B5;
}
.dreamcrub{
      margin: 15px 0 60px 0;
    background-color: #FDFDFD;
    padding: 10px 20px;
}
.mens-toolbar .sort {
  float: left;
  width: 20.5%;
}
.sort-by label{
  font-weight:normal;
}
.mens-toolbar .pages {
  float: right;
  margin: 0;
}
ul.women_pagenation.dc_paginationA.dc_paginationA06 {
  float:right;
  padding:0;
  list-style:none;
}
.pages{
  float:right;
}
.pages .limiter {
  color: #000;
  font-size: 0.8125em;
  text-transform: uppercase;
}
.pages .limiter select {
  padding: 0;
  margin: 0 0 1px;
  vertical-align: middle;
}
ul.women_pagenation li {
  float: left;
  margin: 0px;
  margin-left: 5px;
  padding: 0px;
  list-style:none;
}
ul.women_pagenation li a {
  color:#000;
  display: block;
  padding:4px 8px;
  text-decoration: none;
  font-size: 0.8125em;
  text-transform:uppercase;
}
ul.women_pagenation li.active a{
  background:#7C7C7C;
  color:#fff;
}
ul.women_pagenation li a:hover{
  background:#AB1156;
  color:#fff;
}
#product_listing_sortby_box {
    display: inline-block;
    width: 100%;
    font-size: 10px;
    margin-left: 0px;
    margin-bottom: 20px;
    text-align: right;
}

#product_listing_sortby_box select {
    background: #e5e5e5;
    color: #464646;
    font-weight: bold;
    font-size: 10px;
    letter-spacing: 1px;
    border: none;
    padding: 3px 2px;
}

#cat_product_listing {
    display: inline-block;
    width: 100%;
}

/* Cat Mast */
.catMast {
    display: block;
    position: relative;
    width: 100%;
    height: 500px;
    margin-bottom: 80px;
    overflow: hidden;
}

.catMast img {
    position: absolute;
    min-width: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}

.projectCatHd {
    position: absolute;
    background: #082b47;
    width: 590px;
    padding: 20px;
    font-size: 60px;
    font-weight: 300;
    line-height: 1.2em;
    color: #fff;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}

.login-page {
  padding: 60px 0;
}
/*-- login-ends-here --*/
/*-- register-starts-here --*/
/*-- registration-form --*/
.registration-form {
  padding: 60px 0;

}
.registration-form h2 {
    font-weight: 600;
    text-transform: uppercase;
  color: #000;
    font-size: 20px;
    padding-bottom: 18px;
}
.reg p{
  color: #CAC9C9;
  margin: 0px 0 0 0;
  font-size: 14px;
  line-height: 1.8em;
}
.col-md-6.reg-form {
  padding: 0;
}

.reg p:nth-child(2) {
  margin:0;
}
.reg form {
  margin-top: 32px;
}
.reg p a{
  text-decoration:none;
  color:#AB1156;
}
.reg p a:hover{
  color: #000;
  transition: .5s all;
  -webkit-transition: .5s all;
  -o-transition: .5s all;
  -ms-transition: .5s all;
  -moz-transition: .5s all;
}
.reg ul {
  padding:0;
  margin:0 0 22px 0;
}
.reg ul li {
  display: inline-block;
  width: 58%;
}
.reg ul li.text-info{
  width: 38%;
  color: #AB1156;
  font-size: 16px;
  text-transform: uppercase;
  margin: 0 0 0px 0;
  font-weight: bold;
}
.reg form input[type="text"],.reg form input[type="password"] {
  width: 100%;
  padding: 8px;
  font-size: 14px;
  font-weight: 400;
  border: 1px solid #e6e6e6;
  outline: none;
  color: #000;
}
.reg-form{
  float:left;
  width:50%
}
.reg-right{
  float:right;
  width:47%
}
p.click a{
  display: inline-block;
  color:#AB1156;
}
p.click a:hover{
  color: #000;
  transition: .5s all;
  -webkit-transition: .5s all;
  -o-transition: .5s all;
  -ms-transition: .5s all;
  -moz-transition: .5s all;
}
.reg form input[type=submit]{
  border:none;
  color: #ffffff;
  padding: 9px 35px;
  font-size: 14px;
  cursor: pointer;
  font-weight: 500;
  margin: 0 0 32px 0;
  background: #000000;
  border-top: none;
  border-left: none;
  border-right: none;
}
.reg form input[type=submit]:hover {
  background:#000;
  transition: .5s all;
  -webkit-transition: .5s all;
  -o-transition: .5s all;
  -ms-transition: .5s all;
  -moz-transition: .5s all;
}
.reg ul:nth-child(6) {
  margin: 0 0 32px 0;
}
.reg ul li:nth-child(2){
  margin-left: 3%;
}
.reg-right p{
  color: #CAC9C9;
  margin: 0 0 30px 0;
  font-size: 14px;
  line-height: 1.8em;
}
/*-- //registration-form --*/
/*-- register-ends-here --*/
/*-- contact-page-starts-here --*/
#contactUsForm { float: left; margin-top: 30px; }
.contact {
  padding: 60px 0;
}
.contact-info {
  margin-bottom: 40px;
}
.contact-left{
  width:30%;
  float:left;
}
.contact-right{
  width:68%;
  float:right;
}
.contact-left input[type="text"]{
  width: 100%;
  color: #000;
  margin: 0 23px 23px 0;
  font-size:14px;
  padding: 12px 10px;
  outline: none;
  border: 1px solid #e8e8e8;
}
.contact-right textarea{
  width: 100%;
  color: #000;
  font-size:14px;
  resize: none;
  height: 185px;
  padding: 12px;
  outline: none;
  border: 1px solid #e8e8e8;
}
.contact-form {
    margin-bottom: 50px;
}
.contact-form input[type=submit] {
  border:none;
  color: #ffffff;
  margin-top: 15px;
  padding: 13px 43px;
  font-size: 16px;
  cursor: pointer;
  font-weight: 400;
  background:#082b47;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.contact-form input[type=submit]:hover {
  background:#000;
  transition: .5s all;
  -webkit-transition: .5s all;
  -o-transition: .5s all;
  -ms-transition: .5s all;
  -moz-transition: .5s all;
}
.contact-form td {
    background: transparent;
}
.contactPicImg {
    height: 400px;
    margin-bottom: 40px;
}
.contactPicImg .innerImg {
    position: absolute;
    width: 100vw;
    left: 0;
}
.contactPicImg .innerImg .container { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 2; }
.contactPicImg .innerImg .container h3 { background: rgba(8, 43, 71, 0.8); padding: 20px; position: absolute; top: 50%; transform: translateY(-50%); margin-left: -10px; font-size: 56px; color: #fff; }

/***/
.contact-form tr:nth-child(1),
.contact-form tr:nth-child(2) {
    display: inline-block;
    width: 50%;
}
.contact-form tr:nth-child(1) {
    float: left;
    margin-top: 0px;
}
.contact-form tr:nth-child(2) {
    float: right;
    margin-top: 0px;
}
.contact-form tr:nth-child(1) td:nth-child(1),
.contact-form tr:nth-child(2) td:nth-child(1) {
    display: none;
}
.contact-form tr:nth-child(2) td {
    float: right;
    margin-top: 0px;
}
.contact-form tr:nth-child(3),
.contact-form tr:nth-child(4),
.contact-form tr:nth-child(5) {
    display: inline-block;
    width: 100%;
}
.contact-form tr:nth-child(1) td,
.contact-form tr:nth-child(2) td {
    width: 95%;
    display: inline-block;
}
.contact-form tr:nth-child(3) td,
.contact-form tr:nth-child(4) td,
.contact-form tr:nth-child(5) td {
    width: 100%;
    display: inline-block;
}
.contact-form tr:nth-child(4),
.contact-form tr:nth-child(5) {
    display: inline-block;
    width: 100%;
}
/***/
.contact-info h2{
  text-align: center;
    margin: 0 0 20px 0;
    font-size: 24px;
    color: #000000;
    font-weight: 600;
    text-transform: uppercase;
  padding: 0;
}
.contact-info h3{
  text-align: center;
    margin: 0 0 20px 0;
    font-size: 24px;
    color: #000000;
    font-weight: 600;
    text-transform: uppercase;
  padding: 0;
}
.contact-map{
  width:100%;
  margin-bottom: 52px;
}
.contact-map iframe{
  width:100%;
  height:330px;
}
/*-- //contact-page-ends-here --*/
/*-- typography-page-ends-here --*/
h2.heading {
       margin: 0 0px 0.3em 0;
    color: #000;
    font-size: 40px;
    letter-spacing: 1px;
    padding: 0;
}
.typrography {
    padding: 60px 0;
}
.grid_3 h3 {
  padding-bottom: 15px;
    font-size: 28px;
    letter-spacing: 1px;
    color: #3382C9;
}
.grid_4 h3 {
  color: #666161;
  padding-bottom:0;
  font-size: 28px;
    letter-spacing: 0;
}
.grid_4 h3 {
  padding: 12px 0;
}
.grid_5 h1, h2, h3, h4, h5, h6 {
  padding: 12px 0;
}
h3.first {
      padding-bottom: 15px;
    font-size: 30px;
    letter-spacing: 1px;
    color: #3382C9;
}
.input-group {
    margin-bottom: 20px;
}
h3.bars {
    padding-bottom: 15px;
    font-size: 28px;
    letter-spacing: 1px;
    color: #3382C9;
}
.badge {
    background-color: #3382D3;
}
.page-header h1 {
    padding-bottom: 15px;
    font-size: 18px;
    letter-spacing: 1px;
    color: #3382C9;
}
section#tables h2 {
    padding-bottom: 15px;
    font-size: 28px;
    letter-spacing: 1px;
    color: #3382C9;
}
div#myTabContent {
    margin-top: 0.5em;
}
/*-- typography-page-ends-here --*/
/*--checkout--*/
/*-- cart-page --*/
.cart-gd{
  margin-top:50px;
}
.cart-items {
  padding: 60px 0;
}
.cart-items h2 {
  margin: 0 0 20px 0;
  text-align: center;
  font-size: 28px;
  color: #AB1156;
  font-weight: 600;
  padding:0;
}
.cart-item {
  width: 20%;
  float: left;
  margin-right: 4%;
}
.cart-item img {
  width: 100%;
}
.close1, .close2,.close3 {
  background: url('./images/close_1.png') no-repeat 0px 0px;
  cursor: pointer;
  width: 28px;
  height: 28px;
  position: absolute;
  right: 0px;
  top: 25px;
  -webkit-transition: color 0.2s ease-in-out;
  -moz-transition: color 0.2s ease-in-out;
  -o-transition: color 0.2s ease-in-out;
  transition: color 0.2s ease-in-out;
}
.cart-item-info {
  width: 75%;
  float: left;
  margin-top: 3%;
}
.cart-item-info h3 {
  color:#000;
  font-size: 14px;
  font-weight: 600;
}
.cart-item-info h3 a {
  color:#AB1156;
    font-size: 18px;
}
.cart-item-info h3 span {
  display: block;
  font-weight: 400;
  font-size: 0.85em;
  margin: 0.7em 0;
}
ul.qty {
  padding: 0;
  margin: 0;
  list-style: none;
}
ul.qty li {
  display: inline-block;
  margin-right: 10%;
}
ul.qty li p {
  font-size: 14px;
  color: #000;
}
.delivery {
  margin-top: 3em;
}
.delivery p {
  color: #000;
  font-size: 16px;
  font-weight: 400;
  float: left;
}
.delivery span {
  color: #000;
  font-size: 16px;
  font-weight: 400;
  float: right;
}
.cart-sec {
  margin: 25px 0;
}
.cart-header,.cart-header2,.cart-header3 {
  position: relative;
      background-color: #FDFDFD;
}
/*-- //check --*/
/*-- single-page --*/
.col-md-5.zoom-grid {
    padding: 0;
}
.reviews-tabs {
    margin-top: 60px;
}
.response-text-right p {
    font-size: 13px;
    margin: 0 0 1em;
    line-height: 20px;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    color: #AB1156;
    cursor: default;
    font-size: 1.2em;
    font-weight: 600;
    border: none;
    background-color: transparent;
    border-right: 1px solid #E7E7E7;
    border-radius: 0;
    padding: 0 10px;
    cursor: pointer;
}
.nav-tabs > li > a {
    margin-right: 0px;
    line-height: 1.42857143;
    border-radius: 0;
    color: #000000;
    cursor: default;
    font-size: 1.2em;
    font-weight: 600;
    border: none;
    background-color: transparent;
    border-right: 1px solid #E7E7E7;
    border-radius: 0;
    padding: 0 10px;
    cursor: pointer;
      font-family: 'Rubik';
}
ul.nav.nav-tabs {
    border-bottom: 1px solid #ddd;
    margin-bottom: 15px;
    padding-bottom: 18px;
}
.nav > li > a:hover, .nav > li > a:focus {
    background-color: #FCFCFC;
}
.media-left.response-text-left {
    width: 10%;
    float: left;
    margin-right: 2%;
}
.response-text-right ul li {
    display: inline-block;
    color: #B6B8B5;
    font-size: 1em;
    font-weight: 600;
    margin-right: 16px;
  font-family: 'Rubik';
}
.response-text-right ul li a {
    color: #887f66;
    font-size: 12px;
    font-weight: 600;
}
.media, .media .media {
    margin-top: 25px;
}
p.tab-text {
    line-height: 26px;
    color: #B9B9B9;
  font-size: 14px;
}
.media-left.response-text-left h5 {
    font-size: 14px;
    text-align: Center;
    margin-top: 3px;
}
.media-left.response-text-left h5 a {
    color: #000;
}
.media-left.response-text-left h5 a:hover {
    color: #AB1156;
}
.media-left.response-text-left img {
    width: 100%;
}
.dress-name {
  margin:30px 0;
}
.dress-name h3 {
    float: left;
    font-size: 19px;
    color: #000;
    font-weight: 500;
      padding: 0;
}
.dress-name p {
    margin-top: 16px;
    font-size: 13px;
    line-height: 23px;
    color: #CAC9C9;
}
.dress-name span {
  float: right;
    color: #000000;
    font-size: 20px;
    letter-spacing: 1px;
    font-weight: 400;
}
p.left {
    float: left;
    font-size: 13px;
    color: #000;
    letter-spacing: 2px;
  margin-right:5%;
  width:40%;
}
p.right {
    float: left;
    font-size: 13px;
    color: #000;
    letter-spacing: 2px;
}
.span1 {
    margin: 18px 0;
    padding: 15px 0;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
}
.span3 {
    margin: 18px 0;
    padding: 15px 0;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
}
.span4 {
    border-bottom: 1px solid #Eee;
    padding-bottom: 18px;
}
.purchase {
    margin-top: 50px;
}
.purchase a{
  float: left;
    width: 50%;
    font-size: 14px;
    color: #000;
    text-decoration: underline;
    letter-spacing: 1px;
  margin-top: 1px;
}
.purchase a:hover {
  color:#AB1156;
}
.social-icons {
  float:left;
  width: 40%;
}
.social-icons  ul li {
  display:inline-block;
}
.social-icons  ul li a {
  width:18px;
  height:18px;
  background:url('./images/s-icons.png') no-repeat 0px 0px;
  display:inline-block;
  margin: 0 5px;
}
.social-icons  ul li a:hover {
  opacity:0.5;
}
.social-icons  ul li a.facebook1 {
  background-position: 0px 0px;
}
.social-icons  ul li a.twitter1 {
  background-position: -18px 0px;
}
.social-icons  ul li a.googleplus1 {
  background-position: -36px 0px;
}
/*-- //single-page --*/


/* CD Cart */

.cd-img-replace {
  /* replace text with a background-image */
  display: inline-block;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
}

#cd-cart {
  width: 400px;
  height: 100vh;
  position: fixed;
  margin-top: 0;
  right: -100%;
  background: #FFF;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  transition: all 0.2s ease;
  z-index: 999;
}
#cd-cart.speed-in {
  right: 0;
}
#cd-cart > * {
  padding: 0;
}
#cd-cart h2 {
  font-size: 14px;
  margin: 1em;
}
#cd-cart .cd-cart-items {
    max-height: 81.5vh;
    overflow-y: scroll;
    padding: 0;
}
#cd-cart .cd-cart-items li {
  display: inline-block;
  position: relative;
  cursor: pointer;
  padding: 5px;
  width: 100%;
  height: 100px;
  border-top: 1px solid #e0e6ef;
}
#cd-cart .cd-cart-items li:last-child {
  border-bottom: 1px solid #e0e6ef;
}
#cd-cart .cd-cart-items li a { color: #000; text-decoration: none; }
#cd-cart .cart-quantity, #cd-cart .cart-name, #cd-cart .cart-price, #cd-cart .cart-image {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  padding-right: 5px;
  padding-left: 4px;
}
/* extra css -> ms-text-overflow: ellipsis; text-overflow: ellipsis;  white-space: nowrap; */
#cd-cart .cart-name { font-size: 0.9em; letter-spacing: 0.2px; top: 50%; max-width: 100%; overflow: hidden;}
#cd-cart .cart-quantity { font-size: 0.7em; border: 1px solid #ebebeb; }
#cd-cart .cart-image {
    height: 100%;
    border-right: 1px solid #ebebeb;
    text-align: center;
    overflow: hidden;
}
#cd-cart .cart-image img {
  max-width: 100%;
  height: 100%;
  width: auto;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}
#cd-cart .cd-qty, #cd-cart .cd-price {
  color: #a5aebc;
}
#cd-cart .cd-price {
  margin-top: .4em;
}
#cd-cart .cd-item-remove {
  position: absolute;
  right: 1em;
  top: 50%;
  bottom: auto;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: url(./images/cd-remove-item.png) no-repeat center center;
}
.no-touch #cd-cart .cd-item-remove:hover {
  background-color: #e0e6ef;
}
#cd-cart .cd-cart-total {
  padding: 1em;
  font-weight: bold;
}
#cd-cart .cd-cart-total span {
  float: right;
  font-weight: bold;
}
#cd-cart .cd-cart-total::after {
  /* clearfix */
  content: '';
  display: table;
  clear: both;
}
#cd-cart .viewcart-btn {
}
#cd-cart .checkout-btn, #cd-cart .viewcart-btn {
  display: block;
  float: left;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 50%;
  height: 45px;
  line-height: 45px;
  color: #FFF;
  cursor: pointer;
  text-align: center;
  font-weight: bold;
  letter-spacing: 1px;
  text-transform: uppercase;
  text-decoration: none;
  -webkit-transition: all 0.1s ease;
  transition: all 0.1s ease;
  -moz-transition: all 0.1s ease;
}
#cd-cart .checkout-btn:hover , #cd-cart .viewcart-btn:hover { opacity: 0.8; }
#cd-cart .checkout-btn { left: 50%; }
.no-touch #cd-cart .checkout-btn:hover {
  background: #a2dda8;
}
#cd-cart .cd-go-to-cart {
  text-align: center;
  margin: 1em 0;
}
#cd-cart .cd-go-to-cart a {
  text-decoration: underline;
}

#cd-cart-trigger-2 {
  display: none;
  position: absolute;
  top: 10px;
  right: 10px;
}

#cd-cart-trigger, #cd-cart-trigger-2 {
    float: right;
    color: #ffffff;
    font-size: 0.8em;
    text-transform: uppercase;
    padding-top: 0.35em;
    letter-spacing: 1px;
    cursor: pointer;
}

#cd-cart-trigger a, #cd-cart-trigger-2 a {
  width: 40px;
  height: 20px;
  background-image: url(./images/cd-cart.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 50%;
}

#cd-cart-trigger i, #cd-cart-trigger-2 i { color: #ffffff; }

#cd-cart .close-cart {
    width: 30px;
    height: 30px;
    font-size: 12px;
    color: #fff;
    background: #909090;
    text-align: center;
    border-radius: 20px;
    padding: 8px;
    float: right;
    margin-top: -38px;
    margin-right: 5px;
    cursor: pointer;
}

/* Shadow Layer */
#cd-shadow-layer {
  position: fixed;
  min-height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  background: rgba(67, 87, 121, 0.6);
  cursor: pointer;
  z-index: 17;
  display: none;
}

#cd-shadow-layer.is-visible {
  display: block;
  -webkit-animation: cd-fade-in 0.3s;
  -moz-animation: cd-fade-in 0.3s;
  animation: cd-fade-in 0.3s;
}

/* end CD Cart */

#slider1 {
  margin: 0 auto;
}

.swiper-pic-slider {
  padding-top: 20px;
  display: none;
}

.desktop-slider {
  padding-top: 20px;
}

.sliderDesc {
    display: block;
    position: relative;
    width: 330px;
    text-align: center;
}

.sliderDesc .sliderPropName {
    display: block;
    width: 175px;
    margin: 0 auto;
    /*background: rgba(8, 43, 71, 0.8);*/
    background: rgba(196, 22, 28, 0.8);
    padding: 5px 10px;
    font-size: 18px;
    font-weight: 400;
    text-transform: capitalize;
    color: #fff;
}

.sliderDesc .sliderPropName:before {
    content:"";
    display: block;
    position: absolute;
    top: 18px;
    left: 0;
    height: 1px;
    width: 40px;
    background: rgba(9, 77, 38, 0.8);
}
.sliderDesc .sliderPropName:after {
    content:"";
    display: block;
    position: absolute;
    top: 18px;
    right: 0;
    height: 1px;
    width: 40px;
    background: rgba(9, 77, 38, 0.8);
}

.sliderDesc .sliderPropCnt {
    display: block;
    margin: 20px 0 auto;
    background: rgba(9, 77, 38, 0.8);
    padding: 5px 10px;
    font-size: 30px;
    font-weight: 500;
    line-height: 1.3em;
    text-transform: capitalize;
    color: #fff;
}

.sliderDesc .borderLeft {
    display: block;
    background: rgba(9, 77, 38, 0.8);
    position: absolute;
    height: 80px;
    width: 1px; 
    left: 0;
    top: 18px;
}

.sliderDesc .borderRight {
    display: block;
    background: rgba(9, 77, 38, 0.8);
    position: absolute;
    height: 80px;
    width: 1px; 
    right: 0;
    top: 18px;
}

.evergreenImgLnk {
    position: absolute;
    bottom: 0;
    z-index: 2;
}

/* checkout */
.checkout1-form{ display:none; }
#logincheckout1{ display:none; }
.checkout-form{ width:49%;display:inline-block;vertical-align:top;margin-left:50px; }
.checkout-form *:focus { outline: none; }
.checkout-form input[type="text"], .checkout-form input[type="password"]{ border:0px;padding:5px;width:95%;margin:1px;background: transparent;}
.checkout-form select{ border:0px;padding:5px;width:95%; }
.checkout-form .formlabel{ display:block;text-align:left;font-size:14px;color:#999;padding-left:5px;white-space:nowrap; }
.checkout-form .formpair{border:1px solid #ccc;border-radius:0;padding:0px;margin:5px;width:47.3%;height:60px;vertical-align:top;}
.checkout-form .checkoutform{border:0px;padding:0px;}
.checkout-form .input{width:100%;}
.border-blue{border:1px solid #1990c6!important;}
.checkout-form #shiptodifferentaddress{display:none;}
.checkout-form #customer_registration_link{display:none;}
.checkout-form #customer_registration{display:block;}
.checkout-form #checkout_cart{display:none;}
.checkout-form #checkoutagreement{margin-left:10px;}
.checkout-form .buttonprimarycluster{padding-right:35px;text-align:right;}
.checkout-form .primary_button{border:0px;padding:10px 30px !important;}
.checkout-form .secondary_button{border:0px;background:none;}
.checkout-form .secondary_button:hover{text-decoration:underline;}
.loginsection{text-align:center;}
.checkout-form .subscribenewsletter{display:none;}
.shopping-cart{ width:45%;display:inline-block;vertical-align:top;padding-top: 18px;margin-top: 40px; background-color: transparent; }
.shopping-cart table{width:100%;}
.shopping-cart table tr:first-child{display:none;}
.shopping-cart #coupon{text-decoration:underline;cursor:pointer;padding:10px;}
.shopping-cart .coupon{padding:10px;}
.shopping-cart .applycouponid{text-decoration:underline;}
.shopping-cart #discount-coupon-field{padding:5px;}
.shopping-cart .discount-result {display:none;}
.shopping-cart .discount-result, .shopping-cart #discount-coupon-form {text-align: left;} 
.shopping-cart input[type="button"], .shopping-cart input[type="submit"]{display:none;}
.shopping-cart .cart_remove2{display:none;}
.shopping-cart .cart_empty_cart2{display:none;}
.shopping-cart .cart_discount_remove2{display:none;}
.register-now{text-align:center;cursor:pointer;padding:10px;}
.register-now:hover{text-decoration:underline;}
.extra-login-option{text-align:center;padding:30px 10px;border-top:1px solid #ccc;border-bottom:1px solid #ccc;width:60%;margin:0 auto;margin-top:20px;margin-bottom:20px;}
.extra-login-option i{background-color:#ccc;width: 40px;height: 40px;text-align: center;padding: 5px;border-radius: 5px;cursor:pointer;margin:5px;}
.fa-facebook:hover{background:#3765A3;color:white;}
.fa-amazon:hover{background:#231F20;color:white;}
.fa-google:hover{background:#DD5044;color:white;}
.guest{text-align:center;padding:10px;width:60%;margin:0 auto;cursor:pointer;}
.guest:hover{text-decoration:underline;}
.checkoutform{min-width:auto!important;}
.checkout-form h1{text-align:center;}
/* the size of the name, quantity and price */
.content-item-name, .content-item-price-qty, .content-item-price { font-size: 0.9em; }
.or{text-align:center;font-weight:bold;}
#parsley-id-multiple-checkout_agreement{position:absolute;margin-top:50px;}
.cart-tax{padding-right:20px;}

/* checkout 2 */
#multi_cur_form{text-align:right;display:none;}
.checkout2-form h2{font-size:20px;padding-top:0px;}
.checkout2-form{width:49%;display:inline-block;vertical-align:top;margin-left:15px;padding:10px;padding-top:0px;}
.shipping-to-info{list-style-type:none;}
.shipping-method{margin-bottom:30px;}
.shipping-method label{width:96%;padding:15px;border:1px solid #ccc;border-top:0px;font-weight:normal;cursor:pointer;}
.shipping-method label:first-child{border-top:1px solid #ccc;border-top-left-radius:5px;border-top-right-radius:5px;}
.shipping-method label:last-child{border-bottom-left-radius:5px;border-bottom-right-radius:5px;}
.shipping-method input[type='Radio']{margin-right:10px;}
.payment-method{margin-bottom:30px;}
.payment-method label{width:96%;padding:15px;border:1px solid #ccc;border-top:0px;font-weight:normal;cursor:pointer;}
.payment-method label:first-child{border-top:1px solid #ccc;border-top-left-radius:5px;border-top-right-radius:5px;}
.payment-method label:last-child{border-bottom-left-radius:5px;border-bottom-right-radius:5px;}
.payment-method input[type='Radio']{margin-right:10px;}
.billing-address label{width:96%;padding:15px;border:1px solid #ccc;border-top:0px;font-weight:normal;cursor:pointer;}
.billing-address label:first-child{border-top:1px solid #ccc;border-top-left-radius:5px;border-top-right-radius:5px;}
.billing-address label:last-child{border-bottom-left-radius:5px;border-bottom-right-radius:5px;}
.billing-address input[type='Radio']{margin-right:10px;}
#CheckoutForm2 table{display:none;}
.billing-address .checkout-form h4{display:none;}
.billing-address .checkout-form{width:100%;margin:0px;border:0px;display:none;}
.billing-address #checkoutagreement{display:none;}
.billing-address .buttonprimarycluster{display:none;}
.checkout2-form-submit{text-align:right;padding:10px;}
.checkout2-form .primary_button{border:0px;padding:10px!important; margin-right: 10px;}
.cart-shipping-method{text-align:right;padding-right:20px;}
.cart-grand-total{text-align:right;padding-right:20px;border-top:1px solid #ccc;border-bottom:1px solid #ccc;padding-top:5px;padding-bottom:5px;margin-top:10px;font-size:25px;display:none;}
.cart-tax{text-align:right;font-size:14px;}

/* Payment */
.payment-form{width:49%;display:inline-block;vertical-align:top;border-right:1px solid #ddd;margin-left:15px;padding:10px;padding-top:0px;}
.payment-shopping-cart #coupon{display:none;}
img[src='images/border1.gif'],img[src='images/border2.gif'],img[src='images/border5.gif'],img[src='images/border6.gif']{display:none;}
td[background='images/border1_bg.gif'],td[background='images/border3_bg.gif'],td[background='images/border4_bg.gif'],td[background='images/border5_bg.gif'],.border1_bg_td,.border3_bg_td,.border4_bg_td,.border5_bg_td{
background:none!important;
}
.payment-form .form-horizontal .control-label{width:100%;text-align:left;font-weight:normal;}

/* Repetition of Currency Converter */ 
#multi_cur_form {
    display: none;
    float: right;
  font-size: 10px;
}

#multi_cur_form select {
    display: inline;
  background: #e5e5e5;
    color: #464646;
    font-weight: bold;
    font-size: 10px;
    letter-spacing: 1px;
    border: none;
    padding: 1px 2px;
    margin-left: 8px;
    margin-bottom: 0;
}

.prod_review_content {
    margin: 40px 0;
    display: inline-block;
    width: 100%;
}

.centerEl { top:50%; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); }

#myacctable {
  width: 800px;
  /* border-top: 1px solid #ebebeb; */
  padding-top: 20px;
  font-size: 14px;
  display: block;
}

#myacctable tbody tr {
  border-bottom: 1px solid #ebebeb;
  width: 100%;
  display: inline-block;
}

#myacctable tbody tr td {
  padding: 10px 0;
}

#myacctable tbody tr td:first-child {
  width: 30%;
  display: inline-block;
}

#myacctable tbody tr td:last-child {
  width: 65%;
  display: inline-block;
}

#myacctable tbody tr td a {
  padding: 3px 0 3px 10px;
  color: #000;
  display: inline-block;
}

tr td input[type="submit"], tr td input[type="button"], form input[type="button"], form input[type="submit"], #save1 {
    border: none;
    padding: 12px 28px;
    /*background: #191919;*/
    margin-bottom: 10px;
}
#save1 {
    float: left;
}

.carttext a i{
    background: transparent url("./images/cart.png") no-repeat scroll 0% 50%;
    width: 100px;
    height: 18px;
    font-style: normal;
    display: inline-block;
    vertical-align: middle;
}

.product_price{ font-weight:300; color:#646464; font-size: 16px; text-align:center; display:inline-block; }
.product_price:before { content:"from"; font-size: 14px; padding-right: 5px; }
.add_to_cart{padding: 4px 0; margin-bottom: 3px; text-align:center;display:block;}
.add_to_cart a { font-style: italic; color:#adadad; height: auto; }
.product_name { margin:0px 0px 0px; }
.product_name a { font-size: 20px; font-weight: 400; padding: 0 0 5px 0; height: auto; }

.contact-form input[type="text"], .contact-form select{
width: 100%;
color: #000;
margin: 0 23px 23px 0;
font-size: 16px;
padding: 12px 10px;
outline: none;
border: 1px solid #8bb0ce;
}

.contact-form input[type="reset"]{
display:none;
}

.contact-form textarea{
width: 100%;
color: #000;
font-size: 16px;
resize: none;
height: 185px;
padding: 12px;
outline: none;
border: 1px solid #8bb0ce;
}

span.label{display:none;}
.acount-btn{border:0px;}

#newlogin h3,#userlogin h3 {
  color: #000;
    font-size: 20px;
    padding-bottom: 18px;
    font-weight: 600;
}
#newlogin p,#userlogin  p {
  color: inherit;
  display: block;
  font-size: 1.1em;
  margin: 0 0 2em 0;
  line-height: 1.5em;
}
#userlogin input[type="submit"]:hover{
  opacity: 0.8;
  text-decoration:none;
}
#newlogin form, #userlogin form {
  padding: 1em 0;
}
#newloginform div,#userlogin form div {
  padding: 0 0 2em 0;
}
#newlogin span, #userlogin span {
  color: #555;
  font-size:1em;
  padding-bottom: 0.2em;
  display: block;
  text-transform: uppercase;
        font-weight:normal;
}
#userlogin input[type="text"] {
  border: 1px solid #EEE;
  outline-color:#CACACA;
  width: 96%;
  font-size:13px;
  padding: 8px;
}
#userlogin input[type="password"] {
  border: 1px solid #EEE;
  outline-color:#CACACA;
  width: 96%;
  font-size:13px;
  padding: 8px;
}
#userlogin input[type="submit"] {
  background: #000000;
  color: #FFF;
  font-size: 1em;
  padding: 0.7em 1.2em;
  transition: 0.5s all;
  -webkit-transition: 0.5s all;
  -moz-transition: 0.5s all;
  -o-transition: 0.5s all;
  display: inline-block;
  text-transform: uppercase;
  border:none;
  outline:none;
}

#userlogin input[type="button"] {
background-color:transparent;
border:0px;
color:#337AC4;
}
#userlogin input[type="button"]:hover{
text-decoration:underline;
}

#newlogin{display:inline-block;width:49%;vertical-align:top;}
#userlogin{display:inline-block;width:49%;vertical-align:top;}
#userlogin td{padding:10px;}
#showQuestion{display:inline-block;}
#maincontent{padding:10px;}

#userlogin span.label{display:none;}
#userlogin table{width:80%;}
.reg .tableheader{
color: #000000;
font-size: 16px;
text-transform: uppercase;
margin: 0px;
font-weight: bold;
}
.reg .tableheader2{
font-family: "PlayfairDisplay-Regular";
font-size:24px;
color:black;
}
.reg td{padding: 0px 0px 22px}
.reg .tablecell{color:#CAC9C9;}
.reg {width:70%;}
.reg input[type="reset"]{display:none;}
.reg select{
width: 100%;
color: #000;
margin: 0px 23px 23px 0px;
font-size: 14px;
padding: 12px 10px;
outline: medium none;
border: 1px solid #E8E8E8;
}
.reg input[type="button"]{
background-color:transparent;
border:0px;
color:#337AC4;
}
.reg input[type="button"]:hover{
text-decoration:underline;
}

.checkout1-form input[type="text"], .checkout1-form input[type="password"] {
  border: 1px solid #EEE;
  outline-color:#CACACA;
  font-size:13px;
  padding: 8px;
}
.checkout1-form ul li div:first-child{font-family: "PlayfairDisplay-Regular"; font-size:24px;}
#checkout_popup input[type="text"], #checkout_popup select, #checkout_popup input[type="password"]{
        border: 1px solid #EEE;
  outline-color:#CACACA;
  font-size:13px;
  padding: 8px;
}

.checkout1-form ul li div.formlabel{font-size:14px;}

@media screen and (max-width: 1024px) {
    .logo {
        margin-left: 0;
    }    
    .news-letter { padding: 35px 0; }
}

@media screen and (max-width: 800px) {
.logo { margin-left: 0; }
#newlogin{width:100%;}
#userlogin{width:100%;}
#userlogin table{width:100%;}
.reg td{display:table;width:100%;}
.reg .tableheader{font-size:14px;}
.checkout1-form ul li{width:100%!important;}
.checkout1-form ul li:first-child{border:0px!important;}
.checkout1-form ul li:last-child{margin-top:100px;}
.checkout2_div1{width:100%!important;}
.checkout2_div2{width:100%!important;border:0px!important;padding-left:0px!important;margin-left:0px!important;margin-top:100px;}
}

#submitbtn{background-color:#000000;color:white;}
#checkout_continue_submit{}
.btn-color{background-color:#ab1156;color:white;}
.textalign .primary_button{background-color:#ab1156;color:white;}

.txtSect {
    padding: 20px 0;
}

.txtSect h4 {
    font-size: 30px;
}

/* Social Media Icons */
.social-media-icons { padding: 40px 0; }
.social-media-icons .s-icon span { display: block; text-align: center; }
.social-media-icons ul {
    list-style-type: none;
}
.social-media-icons ul li {
    display: inline-block;
    margin-top: 5px;
    margin-right: 5px;
}
.social-media-icons ul li i {
    font-size: 24px;
    color: #fff;
}
.social-media-icons a {
  display: inline-block;
  margin: 0 auto;
  border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -ms-border-radius: 50%;
    font-size: 1.8em;
    line-height: 1.6em;
}
.social-media-icons a:hover { text-decoration: none; }

.twitter {
  /*General*/
  display: block; 
  text-decoration: none;
  
  /*Text*/
  font-family: 'SocialGlyphs';
  text-align: center;
  font-size:33px;
  line-height:1.3;
  text-indent: 2px;
  color: white;
  text-shadow:0px -1px 0px rgba(0,0,0,0.20);
  -ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#40ffffff,Positive=true)";zoom:1;
  filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#40ffffff,Positive=true);
  
  /*Background*/
  width: 44px;
  height: 44px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-color: #4e9edc;
  -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.1);
  -moz-box-shadow: 0 1px 3px rgba(0,0,0,.1);
  box-shadow: 0 1px 3px rgba(0,0,0,.1);
  background-image: -webkit-linear-gradient(bottom, #4e9edc, #5daae6);
  background-image: -moz-linear-gradient(bottom, #4e9edc, #5daae6);
  background-image: -o-linear-gradient(bottom, #4e9edc, #5daae6);
  background-image: linear-gradient(to top, #4e9edc, #5daae6);
}

.twitter:after {
  content: "B";
}

.facebook {
  /*General*/
  display: block; 
  text-decoration: none;
  
  /*Text*/
  font-family: 'SocialGlyphs';text-align: center;
  font-size:35px;
  line-height:1.2;
  text-indent: 10px;
  font-weight:regular;
  color: white;
  text-shadow:0px -1px 0px rgba(0,0,0,0.20);
  -ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#40ffffff,Positive=true)";zoom:1;
  filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#40ffffff,Positive=true);
  
  /*Background*/
  width:44px;
  height:44px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-color: #4f78b4;
  -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.1);
  -moz-box-shadow: 0 1px 3px rgba(0,0,0,.1);
  box-shadow: 0 1px 3px rgba(0,0,0,.1);
  background-image: -webkit-linear-gradient(bottom, #4974b0, #6e90c0);
  background-image: -moz-linear-gradient(bottom, #4974b0, #6e90c0);
  background-image: -o-linear-gradient(bottom, #4974b0, #6e90c0);
  background-image: linear-gradient(to top, #4974b0, #6e90c0);
}

.facebook:after {
  content: "A";
}

.google {
  /*General*/
  display: block; 
  text-decoration: none;
  
  /*Text*/
  font-family: 'SocialGlyphs';
  text-align: center;
  font-size: 34px;
  line-height:1.2;
  text-indent: 2px;
  color: white;
  text-shadow:0px -1px 0px rgba(0,0,0,0.20);
  -ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#40ffffff,Positive=true)";zoom:1;
  filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#40ffffff,Positive=true);
  
  /*Background*/
  width: 44px;
  height: 44px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-color: #da4935;
  -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.1);
  -moz-box-shadow: 0 1px 3px rgba(0,0,0,.1);
  box-shadow: 0 1px 3px rgba(0,0,0,.1);
  background-image: -webkit-linear-gradient(bottom, #da4935, #e15946);
  background-image: -moz-linear-gradient(bottom, #da4935, #e15946);
  background-image: -o-linear-gradient(bottom, #da4935, #e15946);
  background-image: linear-gradient(to top, #da4935, #e15946);
}

.google:after {
  content: "C";
}

.instagram {
  /*General*/
  display: block; 
  text-decoration: none;
  
  /*Text*/
  font-family: 'SocialGlyphs';
  text-align: center;
  font-size:35px;
  line-height:1.2;
  text-indent: 2px;
  color: white;
  text-shadow:0px -1px 0px rgba(0,0,0,0.20);
  -ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#40ffffff,Positive=true)";zoom:1;
  filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#40ffffff,Positive=true);
  
  /*Background*/
  width: 44px;
  height: 44px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-color: #49709b;
  -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.1);
  -moz-box-shadow: 0 1px 3px rgba(0,0,0,.1);
  box-shadow: 0 1px 3px rgba(0,0,0,.1);
  background-image: -webkit-linear-gradient(bottom, #49709b, #6387af);
  background-image: -moz-linear-gradient(bottom, #49709b, #6387af);
  background-image: -o-linear-gradient(bottom, #49709b, #6387af);
  background-image: linear-gradient(to top, #49709b, #6387af);
}

.instagram:after {
  content: "E";
}

.pinterest {
  /*General*/
  display: block; 
  text-decoration: none;
  
  /*Text*/
  font-family: 'SocialGlyphs';
  text-align: center;
  font-size:36px;
  line-height:1.2;
  color: white;
  text-shadow:0px -1px 0px rgba(0,0,0,0.20);
  -ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#40ffffff,Positive=true)";zoom:1;
  filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#40ffffff,Positive=true);
  
  /*Background*/
  width: 44px;
  height: 44px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-color: #b8242a;
  -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.1);
  -moz-box-shadow: 0 1px 3px rgba(0,0,0,.1);
  box-shadow: 0 1px 3px rgba(0,0,0,.1);
  background-image: -webkit-linear-gradient(bottom, #b8242a, #c5383e);
  background-image: -moz-linear-gradient(bottom, #b8242a, #c5383e);
  background-image: -o-linear-gradient(bottom, #b8242a, #c5383e);
  background-image: linear-gradient(to top, #b8242a, #c5383e);
}

.pinterest:after {
  content: "L";
}

.pp-space { display: none !important; }

.iesbackgroundcolor1{background-color:#272727;}
.iesbackgroundcolor2{background-color:#383838;} /* e3e4e5*/
.iesbackgroundcolor3{background-color:#2e1b82;}
.iesbackgroundcolor4{background-color:#dffbf7;}

.iesfontcolor1{color:#000000;}
.iesfontcolor2{color:#000000;}
.iesfontcolor3{color:#ffffff;}

.iesfontfamily1{font-family:'Titillium Web';}
.iesfontfamily2{font-family:'Roboto';}
.iesfontfamily3{font-family:'Roboto';}

.iesdefaultfontfamily1{font-family:'Titillium Web';}
.iesdefaultfontfamily2{font-family:'Roboto';}
.iesdefaultfontfamily3{font-family:'Roboto';}

/* more widget classes - begin */
.page_description_main { text-align: justify;}
#topdesc {padding:10px 0px 10px 0px;display:block;}
#bottomdesc {padding:10px 0px 10px 0px;display:block;}
.main_cat_title {font-weight:bold;}
.main_cat_list { display:block; margin: 0 auto; width: 100%; text-align: center; }
.main_cat_list .cat_name a { font-size: 14px; color: #000; font-weight: 600; }
.category_pic { max-height:100%; }
/* adding more to the one defined above */
/* more widget classes - end */

/*
Include this after bootstrap.css. Add class of 
vert-offset-top-value or vert-offset-bottom-value 
to your Bootstrap 3 default rows to prevent row content 
from touching the row content above or below.
*/

/* Vertical Offset Bottom */
.vert-offset-top-12{
    margin-top: 12em;
}
.vert-offset-top-11{
    margin-top: 11em;
}
.vert-offset-top-10{
    margin-top: 10em;
}
.vert-offset-top-9{
    margin-top: 9em;
}
.vert-offset-top-8{
    margin-top: 8em;
}
.vert-offset-top-7 {
    margin-top: 7em;
}
.vert-offset-top-6{
    margin-top: 6em;
}
.vert-offset-top-5{
    margin-top: 5em;
}
.vert-offset-top-4{
    margin-top: 4em;
}
.vert-offset-top-3{
    margin-top: 3em;   
}
.vert-offset-top-2{
    margin-top: 2em;
}
.vert-offset-top-1{
    margin-top: 1em;
}
.vert-offset-top-0{
    margin-top: 0em;
}
/* Vertical Offset Bottom */
.vert-offset-bottom-12{
    margin-bottom: 12em;
}
.vert-offset-bottom-11{
    margin-bottom: 11em;
}
.vert-offset-bottom-10{
    margin-bottom: 10em;
}
.vert-offset-bottom-9{
    margin-bottom: 9em;
}
.vert-offset-bottom-8{
    margin-bottom: 8em;
}
.vert-offset-bottom-7{
    margin-bottom: 7em;
}
.vert-offset-bottom-6{
    margin-bottom: 6em;
}
.vert-offset-bottom-5{
    margin-bottom: 5em;
}
.vert-offset-bottom-4{
    margin-bottom: 4em;
}
.vert-offset-bottom-3{
    margin-bottom: 3em;
}
.vert-offset-bottom-2{
    margin-bottom: 2em;
}
.vert-offset-bottom-1{
    margin-bottom: 1em;
}
.vert-offset-bottom-0{
    margin-bottom: 0em;
}


@media (max-width: 1365px) {
    .header-top-right {
        left: initial;
        right: 0;
        transform: translate(0%, -50%);
    }
}

@media (max-width: 1024px) {
    .hAuto {
        padding: 40px 50px !important;
    }
}

@media (max-width: 768px) {
    .breadcrumbs {
        background: rgba(0,0,0,0.5);
    }
    .breadcrumbs a {
        text-shadow: none;
    }
    .slider-text {
        bottom: 35px;
        width: calc(100% - 20px);
        left: 10px !important;
        top: initial !important;
        transform: none !important;
    }
    .sliderDesc { width: 50%; }
    .sliderDesc .sliderPropName {
        width: 100%;
    }
    .sliderDesc .sliderPropName:before, .sliderDesc .sliderPropName:after {
        display: none;
    }
    .slider-text {
        bottom: 55px;
    }
    #evergreen-slider { display: none; }
    #swipeForMobile.swiper-container {
        display: block;
    }
    .sliderDesc .sliderPropCnt {
        font-size: 16px;
        margin-top: 0;
        padding-bottom: 10px;
    }
    .sliderDesc .borderLeft, .sliderDesc .borderRight {
        display: none;
    }
    .sliderDesc { float: right; }
    #swipeForMobile .swiper-button-prev, #swipeForMobile .swiper-button-next {
        width: 80px;
        height: 80px;
    }
    .other-nav-left, .other-nav-right {
        width: 50px;
        height: 50px;
    }
    .other-nav-left {
        margin-left: -25px;
    }
    .other-nav-left i {
        left: calc(60% - 5px);
    }
    .other-nav-right { 
        margin-right: -25px;
    }
    .other-nav-right i {
        left: calc(40% + 5px);
    }
}

/* Extra Small Devices, .visible-xs-* */
@media (max-width: 767px) {
    body {
        font-size: 14px;
    }
    h2 { font-size: 36px; }
    .container { width: 100%; }
    #logo { padding: 0; }
    .logo a { max-width: 100%; }
    .logo a img {
        margin-top: 10px;
        max-width: 220px;   
    }
    .logo-div { width: 180px; }
    .header-top-right { height: 50px; float: right; width: 45px; padding-left: 0; text-align: center; }
    #cd-cart { width: 100%; right: -100%; }
    .navbar-toggle { display: block; margin-right: 0; }
    .banner { max-height: 380px; }
    .banner-info h2 { font-size: 28px; }
    .banner-info p { font-size: 14px; }
    .banner img { height: 100%; width: auto; }
    .categoryFront { overflow: hidden; }
    .categoryFront img { height: 100%; width: auto; }
    .shop a { padding: 10px 20px; font-size: 12px; }
    .search-box { display: none; }
    #cd-cart-trigger, #cd-cart-trigger-2 { padding-top: 1em; }
    #cd-cart-trigger i, #cd-cart-trigger-2 i { font-size: 1.5em; padding-bottom: 3px; }
    .categoryFront { max-height: 220px; }
    .mbpd0 { padding-left: 0; padding-right: 0; }
    .sub-left-right, .sub-left-right form { display: block; }
    .join input[type="submit"] { }
    #maindesc { width: 100%; max-width: none; }
    /* Product Listing */
    .sub-cat-breadcrumbs { width: 135px; }
    .sub-breadcrumbs-active { width: 79%; border: 1px solid #ccc; padding: 10px; }
    #product_listing_sortby_box select { padding: 6px 2px; width: 30%; }
    /*.sliderDesc { width: 265px; }*/
    /*.sliderDesc .sliderPropCnt { font-size: 24px; }*/
    /* Copyright */
    .copyright { padding: 10px 20px; }
    .header-top-right { display: none; }
    .mf100 { width: 100% !important; }
    .mpd20 { padding: 0 20px; }
    .featuredProj h2, .completedProjects h2, .futureProjects h2, .page_description_header_main {
        font-size: 36px;
        line-height: 1em;
    }
    .featuredProj .mainTxt, .completedProjects .mainTxt, .page_description_main {
        width: 80vw;
        font-size: 14px;
    }
    .featuredImgSpan img { max-width: 100%; }
    .projNm { margin-right: 0; font-size: 24px; }
    .introductText div:nth-child(1) { display: none;}
    .featuredImgSpan { width: 100%; height: auto; }
    .featuredProText { position: relative; bottom: 15px; right: 0px; }
    .front-products-container { width: 100vw !important; }
    .futureProjGrid, .products-grid {
        grid-template-columns: 1fr 1fr;
    }
    /*.swiper-container { height: 450px; }*/
    .featuredProj, .completedProjects { padding: 30px 0; }
    .introductText div:nth-child(2) {
        padding: 40px 20px;
    }
    .doubleStrip {
        top: 210px;
        left: -180px;
    }
    .project .product_pic_div {
        height: 200px;
    }
    .projectsScroller .swiper-slide img {
        min-height: 200px;
        max-height: 100%;
    }
    .project .product_name a {
        font-size: 16px;
    }
    .product_price {
        font-size: 14px;
    }
    .futLink {
        float: left;
        margin-top: 0;
        margin-bottom: 10px;
    }
    .news-letter {
        padding: 35px 0;
    }
    .footer-copyright {
        float: none;
        clear: left;
        padding: 30px 0 10px;
    }
    .catMast {
        height: 300px;
        margin-bottom: 20px;
    }
    .projectCatHd {
        font-size: 28px;
        width: 80%;
    }
    .contactPicImg { height: 300px; }
    .contactPicImg .innerImg { height: 300px; }
    .contactPicImg .innerImg img { height: 100%; }
    .contactPicImg .innerImg .container h3 { font-size: 36px; }
    .footer-logo {
        width: 100%;
    }
    .footer-logo img {
        max-width: 100%;
    }
    .hAuto {
        padding: 40px 50px !important;
    }

}

@media (max-width: 640px) {
    .futureProjGrid, .products-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 480px) {
}

/* Small Devices, .visible-sm-* */
@media (min-width: 768px) and (max-width: 991px) {
    /*.navbar-toggle { display: block; }*/
    /*.banner { max-height: 450px; }*/
    /*.search-box { display: none; }*/
    /*.header { padding: 0 9px; }*/
    /*#cd-cart-trigger, #cd-cart-trigger-2 { font-size: 1em; }*/
    /*.categoryFront { max-height: 220px; }*/
    .container { width: 100%; }
    .navbar-toggle { display: block; }
    .header-top-right { display: none; }
    .mf100 { width: 100% !important; }
    .mpd20 { padding: 0 20px; }
    .introductText div:nth-child(1) { display: none;}
    .introductText div:nth-child(2) { padding: 30px 60px; }
    .featuredImgSpan { width: 100%; overflow: hidden; }
    .featuredProText { bottom: 15px; right: 15px; }
    .front-products-container { width: 100vw !important; }
    .futureProjGrid, .products-grid {
        grid-template-columns: 1fr 1fr;
    }
    .swiper-container { height: 450px; }
    .featuredProj, .completedProjects { padding: 30px 0; }
}

/* Medium Devices, .visible-md-* */
@media (min-width: 992px) and (max-width: 1200px) {
    .container { width: 100%; }
    .projectsScroller .front-products-container {
        width: 100vw !important;
    }
}

/* Large Devices, .visible-lg-* */
@media (min-width: 1200px) {
    
}