@font-face {
	font-family: 'Conv_GOTHAM-LIGHT';
	src: url('../fonts/Gotham Book.eot');
	src: local('☺'), url('../fonts/Gotham Book.woff') format('woff'), url('../fonts/Gotham Book.ttf') format('truetype'), url('../fonts/Gotham Book.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Conv_GOTHAM-LIGHT';
	src: url('../fonts/GOTHAM-LIGHT.eot');
	src: local('☺'), url('../fonts/GOTHAM-LIGHT.woff') format('woff'), url('../fonts/GOTHAM-LIGHT.ttf') format('truetype'), url('../fonts/GOTHAM-LIGHT.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}




.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
.over-lay{position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);}

.inner .content {
    text-align: center;
    /* float: left; */
    /* margin-left: 5% !important; */
   padding:0 5%;
    /* padding-right: 10%; */
    width: 60%;
}
#circulars .download a
{
float:right;
}
.inner .download{ width:20%;}
.inner .download a{ 
    width: 100%;
    display: block; margin:3% 0 0;}
.newstext-button a {
      color: #6d6e70;
    padding: 4% 0%;
    display: block;
    border: 2px solid #000;
    width: 100%;
}
.popup-details .newsletter {
    padding: 4% 6% 0 0;
}
.subscribe-me h2 {
    font-size: 50px;
    margin: 3% 0 6%;
    line-height: 1;
}
.modal-dialog{ width:55%; margin:10% auto 0;}
.subscribe-me .popup-details{ font-size:20px;}

.sub-close-btn{ text-align:right;}
.sub-close-btn a{     font-size: 35px;
    line-height: 1;
    color: #fff;
    cursor:pointer;
    position: relative;
    top: -5px;}
.newstext-button a:hover {
    color: #fff !important;
     border: 2px solid #000;
}

.loaded section, .no-js section {
    opacity: 1;
    -webkit-transition: opacity 300ms ease-out;
    -moz-transition: opacity 300ms ease-out;
    transition: opacity 300ms ease-out;
}
.subscribe-me{   
    background: #be9d63;
 
    padding: 0;
    box-shadow: 0 2px 3px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 2px 3px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0 2px 3px rgba(0,0,0,0.1);
    z-index: 13000;
  
}

.clearfix {
    display: inline-block;
}

/* start commented backslash hack \*/
* html .clearfix {
    height: 1%;
}
.index-logo{ display: none;}
.clearfix {
    display: block;
}



.index-logo span img {

    vertical-align: middle;

}


a, a:focus {
    outline: none;
}

/* close commented backslash hack */

/*reset.css*/
/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;

}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}

body {
    line-height: 1;
    background-color: #ffffff;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

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

img {
    max-width: 100%;
}

a, a:focus {
    outline: 0;
}

button:focus, input:focus {
    outline: 0;
}a:hover, a:focus{ text-decoration:none;}

body {
    font:400 14px 'Conv_GOTHAM-LIGHT';
    font-size: 14px;
    line-height: 1.3;
    color: #45392b;
}

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

/*Popup newsletter*/

/*header-panel*/
.ui-panel {
    position: fixed;
    z-index: 20000;
}
.staticpageslider .flex-caption{ top:33%;}
.ui-panel.ui-panel-open {
    position: fixed;
    z-index: 1000000;
}
.staticpageslider {
    position: relative;
    margin-top:4% ;
}
.cms-home #article{ margint-top:80px;}

.ui-panel-inner {
    position: absolute;
    top: 1px;
    left: 0;
    right: 0;
    bottom: 0px;
    /*  overflow: scroll;
      -webkit-overflow-scrolling: touch;*/
}

.cart-panel .ui-panel-inner {
    padding: 0;
    top: 0;

}

.ui-panel-fixed {
    bottom: 0;
}

.header-panel, .fade-header {
    padding: 0.6% 0;
    background-color: #fff;
    position: relative;
    position: fixed;
    width: 100%;
    top:0;
    z-index: 100;

}
.header-panel .col-4{ float:left; width:33.33%; position:relative;}


.text-left {
    text-align: left;
    padding-top: 3.5%;
}
.text-left:hover{
    opacity:0.5;
    text-align: left;
    padding-top: 3.5%;
}

/*logo*/
.branding, .logo {
    text-align: center;
}

.branding img {
    vertical-align: top;
}




/*toggle button */

.toggle-btn {
    position: relative;
    /* padding: 2px 0 0; */
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    margin: 0;
    display: inline-block;
    float: left;
}

.toggle-btn .icon-bar {
    display: block;
    width: 35px;
    height: 3px;
    border-radius: 1px;
}
.sign-in-link li {
    display: inline-block;
    vertical-align: middle;
}
 .menu-txt{
    color: #be9d63;
    font-size: 17px;
    position: relative;
    top: 0;
    left: 12px;
    text-transform:uppercase;
     
 }
.toggle-btn .icon-bar {
    background-color: #be9d63;
    border-bottom: 1px solid #be9d63;
}


.toggle-btn .icon-bar + .icon-bar {
    margin-top: 6px;
}

.index-brand h3 {
    margin-top: 5%;
    font-size: 20px;
    font-weight: bold;
    cursor: pointer;
    padding: 3% 0 0;
    color: #000;
    border-top: 3px solid #000;
    opacity: 0.6;
}

.index-brand h3:hover {
    color: #be9d63;
    opacity: 0.6;
}

/*top links*/
.top-links {
    text-align: right;
    margin-left: -20% !important;
}
.top-links a {
    color: #be9d63;
    font-size: 17px;
    letter-spacing: 2px;
}

.top-links a:hover {
    color: #999966;

    letter-spacing: 2px;
}
.top-links img {
    vertical-align: middle;
}

.top-links img:hover {
    opacity:0.5;
}

.top-links .sign-in-link {
    padding: 10px 9px 0 0;
    clear: both;
    display: inline-block;
    color: #be9d63;
}

/*left nav*/
.leftnav .ui-panel {
    background-color: #6d6e70;
    width: 100%;
    z-index: 100000;
    top: 9.5%;
    

}

.ui-panel-dismiss-open.ui-panel-dismiss-position-left {
    left: 0;
}

.ui-panel-dismiss-open {
    background: rgba(0, 0, 0, 0.4);

    z-index: 2000;
}

.leftnav .close-btn {
    background: url("../img/close_icon_gold.png") no-repeat;
    height: 40px;
    width: 40px;
    border: none;
    float: right;
    color: #6d6e70;
        margin-top: 2%;
}

.leftnav .close-btn:hover {
    background: url("../img/close_icon_white.png") no-repeat;
    height: 40px;
    width: 40px;
    border: none;
    float: right;
    color: #6d6e70;
}

.leftnav ul {
        width: 18%;
    float: left;
    padding: 0;
    margin: 0 1%;
    font: 300 24px 'Conv_GOTHAM-LIGHT';
}
.left-menu-item li {
    font-size: 19px;
}

.leftnav .left-nav1 {

    margin-bottom: 20px;
}

.leftnav .ui-panel-inner {
    padding: 15px 25px;
}
.left-menu-item {
    font-size: 17px;
        margin-left: 3%;
}

.left-menu-item  h3
{ font-size:24px;
    padding: 0 0 5%;
    margin: 0 0 5%;
    font: 300 24px 'Conv_GOTHAM-LIGHT';
    
}
    .left-menu-item ul li h3 a {
      display: inline-block;
    margin: 0 0 4%;
    padding: 0 0 20%;
    border-bottom: 3px solid #BE9D63;
}
.leftnav ul li a {
 color:#fff;
display:block;
padding-top:9%;

}

.leftnav ul li a:hover {
    color: #be9d63;
}

/*cart panel*/

.cart-panel .ui-panel {
    background-color: #ffffff;
    width: 300px;
    z-index: 100000;

}

.ui-panel-animate.ui-panel-position-left.ui-panel-display-overlay, .ui-panel-animate.ui-panel-position-left.ui-panel-display-push {
    left: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    -moz-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
}

.ui-panel-animate.ui-panel-position-right.ui-panel-display-overlay, .ui-panel-animate.ui-panel-position-right.ui-panel-display-push {
    right: 0;
    -webkit-transform: translate3d(500px, 0, 0);
    -moz-transform: translate3d(500px, 0, 0);
    transform: translate3d(500px, 0, 0);
}

.ui-panel-position-right.ui-panel-display-overlay, .ui-panel-display-overlay {
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
}

.cart-head {
    padding: 10px 10px;
    background-color: #6d6e70;
}

.cart-head h3 {
    color: #fff;
    text-align: center;
    font-size: 16px;
    padding: 4px 0 0;
}

.ui-panel-dismiss-open.ui-panel-dismiss-position-right {
    right: 0;
}

.cart-panel .close-btn {
    background: url("../img/sprites.png") no-repeat -236px -49px;
    height: 25px;
    width: 20px;
    border: none;
    float: left;
    margin-top:2%;
}

.cart-panel .ui-panel-inner {
    padding: 0;
    top: 0;

}

.ui-panel-fixed {
    bottom: 0;
}

.product-section {
    min-height: 250px;
    padding: 0px 10px;

}

.sale-info {
    padding: 20px 15px 0;
    background-color: #F9F7F7;
    color: #545353;
    font-size: 14px;
    border-bottom: 1px solid #D6D5D5;
    border-top: 1px solid #D6D5D5;
}

.sale-info p {
    overflow: hidden;
    padding: 0 0 20px;
}
.i6-view,.i5-view{ display:none;}
.code-form {
    padding: 0 0 0 8px;
    border-bottom: 1px solid #D6D5D5;

}

.code-form .input-group-btn {
    text-align: right;
}

.code-form input, .code-form input:focus {
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 9px 10px;
    height: 55px;
}

.code-form button {
    border: none;
    border-radius: 0;
    -webkit-border-radius: 0;
    text-transform: uppercase;
    color: #212121;
    padding: 10px 12px;
    height: 55px;
}

.code-form button:hover {
    background-color: #C1B9AC;
    color: #fafafa;
}

.total-sales {
    padding: 30px 15px;
    font-size: 18px;
    background-color: #F9F7F7;
    border-bottom: 1px solid #D6D5D5;
}

.news {
    font-size: 14px;   
    border-bottom: 1px dotted #6d6e70;
    padding-top: 5px;
    padding-bottom: 5px;
}

.events{
    font-size: 14px;   
    border-bottom: 1px dotted #6d6e70;
    padding-top: 5px;
    padding-bottom: 5px;
}
span.pull-right.rm a {
color: #be9d63;
    font-style: italic;
}

span.pull-right.rm a:hover {
color: #6d6e70;
}


.checkout-btn {
    padding: 22px 15px;
}

.checkout-btn a {
    background-color: #d1c9bd;
    display: block;
    padding: 15px 10px;
    text-align: center;
    font-size: 20px;
    color: #FFF;
}
.fixed-parallax{ top:0;}

.checkout-btn a:hover {
    background-color: #B7AFA4;
}

/*slider css*/
.brand-img{ position:relative;}
.index-logo {
    text-align: center;
    position: absolute;
    z-index: 10;
    top: 32%;
    width: 100%;
}

.index-logo span {
    width: 100%;
    display: block;
    text-align: center;
    height: 0;
}

.flexslider {
margin:0;
    border: none;
    padding: 0;
opacity:0;
}

/*.flexslider .slides > li{ position: fixed !important; width:100%; z-index:inherit !important;}*/
.flexslider .slides > li{ z-index:inherit !important;}
.staticpageslider .flexslider {
    margin-top: 4%;
    border: none;
    padding: 0;
}


.flex-direction-nav a {
    opacity: 1;
}

span.index-brand {
      background: url('../img/index-bg.png') repeat;
    display: block;
    width: 50%;
    margin: auto;
    padding: 4% 2% 2%;
    height: 0%;
    text-align: center;
    box-shadow:0 0 40px 0 rgba(0,0,0,0.1) inset;
    vertical-align: middle;
}
.flex-control-nav{ bottom:auto; top:50%; bottom:auto;}

.index-brand h3 {
    margin-top: 5%;
    font-size: 20px;
    font-weight: bold;
    cursor: pointer;
    padding: 3% 0 0;
    color: #000;
    border-top: 3px solid #000;
    opacity: 0.6;
}

.index-brand h3:hover {
    color: #be9d63;
    opacity: 0.6;
}


.flex-direction-nav a {
    width: 45px;
    height: 87px;
    text-indent: -9999em;
    font-size: 0;
}

.flex-direction-nav a:before, .flex-direction-nav a.flex-next:before {
    content: "";
}

.flex-direction-nav .flex-prev, .flexslider:hover .flex-direction-nav .flex-prev {
    left: 3%;
    top:43%;
}

.flexslider:hover .flex-direction-nav .flex-next, .flexslider .flex-direction-nav .flex-next {
    right: 3%;
    top:43%;
}

.flex-caption {
    width: 100%;
    position: absolute;
    margin: auto;
    top: 33%;
}

.flex-container {
    max-width: 700px;
    margin: auto;
    text-align: center;
    margin-top:15%;
}
.staticpageslider .flex-container {
    max-width: 60%;
    margin: auto;
    text-align: center;
    font: 300 24px 'Conv_GOTHAM-LIGHT';
}

.flex-caption h2 {
    color: #ffffff;
    font-size: 60px;
    line-height: 1.03;
    background-color: rgba(255, 255, 255, 0.6);
    padding-top: 20px;
    padding-bottom: 20px;
    padding-right: 30px;
    padding-left: 30px;
    border-radius: 7px;
}
.staticpageslider .flex-caption h2 {
    color: #ffffff;
    font-weight: bold;
    font-size: 40px;
    line-height: 1.03;
    background-color: transparent;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-top: 3%;
    border-top: 2px solid;
    border-radius: 0 !important;
    text-transform:capitalize;
}
.flex-link a {
    font-size: 20px;
    margin-top: 5%;
    color: #fff;
    border: 0px solid #be9d63;
    background-color: #6d6e70;
    padding: 7px 30px;
    display: inline-block;
}
.flex-link a:hover {
    font-size: 20px;
    margin-top: 5%;
    color: #fff;
    border: 0px solid #000;
    padding: 7px 30px;
    display: inline-block;
    background-color: #be9d63;
    }

.flex-link a, .bespoke-btn a, .bespoke-gallery .view-btn a, .explore-btn a {
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    transition: all 0.5s linear;
}
.contact-btn a
{
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    transition: all 0.5s linear; 
    width:30%;
    font:20px !important; 
    color: #6d6e70;

}
.form-horizontal .form-group{ margin:0 0 4%;}




.flex-link a:hover, .bespoke-btn a:hover, .bespoke-gallery .view-btn a:hover {
    background-color: #ffffff;
    color: #45392b;

    border-color: #ffffff;
}

.flex-scroll, .flex-scroll2 {
    position: absolute;
}

.flex-scroll, .flex-scroll2, .direct-btn {

    bottom: 0;
    z-index: 100;
    width: 100%;
    text-align: center;
    bottom: 4%;
}

.flex-scroll a, .flex-scroll2 a, .direct-btn a {
    background: url("../img/more_down.png") no-repeat 0 0;
    height: 38px;
    width: 35px;
    display: inline-block;
    margin:auto;
}
.flex-scroll a:hover{ opacity:0.4;}
.flex-scroll a:hover, .flex-scroll2 a:hover, .direct-btn a:hover {
opacity:0.4;
}

.flex-scroll {
    bottom: 3%;
}

/*short-quotes*/
.short-quotes {
    background-color: #fad100;
    padding: 25px 0;
    position: relative;
}

.short-quotes h3 {
    font-size: 22px;
    margin: 0;
    color: #45392b;
    text-align: center;
}

.short-quotes h3 small {
    display: block;
    text-align: center;
    padding: 15px 0 0;
    color: #fafafa;
    font-size: 18px;
}

/*product list*/
.product-list .col-4 {
    width: 25%;
    float: left;
}

.product-list {
    position: relative;
    z-index: 102;

}

/*bespoke*/
.bespoke-block {
    clear: both;
    position: relative;
}

.bespoke-btn {
    position: absolute;
    width: 100%;
    top: 43%;
    text-align: center;
    padding: 0 2%;
}

.bespoke-btn a {
    display: inline-block;
    padding: 10px 30px;
    color: #ffffff;
    font-size: 60px;
    border: 4px solid #ffffff;
}

.bespoke-short-info {
    background-color: #d1c9bd;
    padding: 30px 0;
}

.bespoke-short-info p {
    margin: 0;
    color: #685743;
    text-align: center;
    font-size: 22px;
}

.bespoke-short-info small {
    display: block;
    font-size: 18px;
    padding: 7px;
}

/*product-info*/
.product-info {
    position: relative;
    background-color: #ffffff;
}

.product-info-text {
    position: absolute;
    top: 30%;
    color: #685757;
    font-size: 18px;
    max-width: 430px;
}

.product-info-text h3 {
    color: #45392b;
    font-size: 60px;
    margin: 0 0 44px;
}

.product-feature-detail .f-ico {
    position: absolute;
    height: 37px;
    width: 40px;
    display: inline-block;
    background: url("../img/sprites.png") no-repeat -150px -151px;

}

.spritetooltip {
    position: absolute;
    top: 10px;
    font-size: 15px;
    text-transform: capitalize;
    width: 100%;
    text-align: center;

}

.spritetooltip span {
    display: inline-block;
    text-align: center;
    background-color: #000;
    color: #fff;
    padding: 5px 10px;
    border-radius: 6px;
}

.product-feature-detail a.f-ico:hover {
    background-position: -150px -101px;
}

.product-feature-detail .f-ico1 {
    right: 25%;
    top: 10%;
}

.product-feature-detail .f-ico2 {
    right: 35%;
    top: 40%;
}

.product-feature-detail .f-ico3 {
    right: 38%;
    bottom: 34%;
}

.product-feature-detail .f-ico4 {
    right: 19%;
    top: 35%;
}

.product-feature-detail .f-ico5 {
    right: 15%;
    bottom: 41%;
}

.product-list .media-img {
    position: relative;
    overflow: hidden;

}

.product-list .media-img a {
    display: block;
    position: relative;
}

.product-list .media-img a:hover > .pro-hover {

    height: 100%;
    opacity: 1;
}

.pro-hover {
    position: absolute;
    bottom: 0px;
    opacity: 0;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    width: 100%;
    text-align: center;
    padding: 30px;
    left: 0;
    display: block;
    -webkit-transition: opacity 1.5s ease;
    -moz-transition: opacity 1.5s ease;
    -ms-transition: opacity 1.5s ease;
    -o-transition: opacity 1.5s ease;
    transition: opacity 1.5s ease;

}

.pro-hover-inner {
    border: 2px solid #ffd82b;
    position: relative;
    height: 100%;
    width: 100%;
    color: #ffd82b;
    display: block;
}

.pro-hover .product-title {
    top: 25px;
    position: absolute;
    width: 100%;
    font-size: 24px;
    text-transform: uppercase;
    left: 0;
    display: inline-block;
}

.pro-hover .price {
    bottom: 25px;
    position: absolute;
    width: 100%;
    text-align: center;
    left: 0;
    font-size: 16px;
    color: #ffd82b;
    top: auto;
}

ul#tabs {
    list-style-type: none;
    padding: 0;
    text-align: center;
}

ul#product-media li {
    display: inline-block;
    color: #fff;
}

ul#product-content li {
    display: none;
}

ul#product-content li.active {
    display: block;
}

ul#product-media li a:hover .product-hover {
    display: block;
    top: 15%;
    color: #675E5E;
    opacity: 1;
}

.product-hover {
    position: absolute;
    top: -600px;
    width: 100%;
    height: 100%;
    opacity: 0;
    text-align: center;
    font-size: 22px;
    -webkit-transition: opacity 1.5s ease-in;
    -moz-transition: opacity 1.5s ease-in;
    -ms-transition: opacity 1.5s ease-in;
    -o-transition: opacity 1.5s ease-in;
    transition: opacity 1.5s ease-in;
}

#product-media .pro-title {
    display: block;

    padding: 0 0 10px;
}

/*****footer*****/
.footer {
    padding: 0px 0px;
    background-color: #6d6e70;
    color: #ffffff;
    position: relative;
    line-height: 30px;
    padding-left: 21px;
}

.footer a {
    color: #ffffff;
    font: 300 15px 'Conv_GOTHAM-LIGHT';
}
.footer span {
    font: 300 15px 'Conv_GOTHAM-LIGHT';
}

.footer-panel a {
    font-size: 13px;
}

.footer-panel a:hover {
    color: #be9d63
}

.footer-links span {
    padding: 0 7% 0 0;
    font-size: 16px;
}

.footer-links span.last {
    padding: 0;
}

.footer-links, .social-links, .powered-by {
    padding: 10px 0 0;
}

.powered-by a {
    font-size: 12px;
}

/*social links*/
.social-links a {
    height: 25px;
    width: 25px;
    border-radius: 5px !important;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: 0 0;
}

.social-links a:hover {
    height: 25px;
    width: 25px;
    border-radius: 5px;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: 0 0;
}
.social-links {
    float: right;
    width: 25%;
}

.social-links span {
    display: inline-block;
    padding: 0px 10px 0px 20px;
    float: right;
}

.social-links span:hover {
    opacity:0.7
}

.social-links a.facebook-icon {
    background: url("../img/social/fh.png") no-repeat;
}
.social-links a.instagram-icon {
    background: url("../img/social/ih.png") no-repeat;
}
.social-links a.youtube-icon {
    background: url("../img/social/yh.png") no-repeat;
}
.social-links a.twitter-icon {
    background: url("../img/social/th.png") no-repeat;
}
.social-links a.linkedin-icon {
    background: url("../img/social/lh.png") no-repeat;
}
.social-links a.instagram-icon:hover {
    background: url("../img/social/i.png") no-repeat;
}
.social-links a.linkedin-icon:hover {
    background: url("../img/social/l.png") no-repeat;
}
.social-links a.facebook-icon:hover {
    background: url("../img/social/f.png") no-repeat;
}
.social-links a.twitter-icon:hover {
    background: url("../img/social/t.png") no-repeat;
}
.social-links a.youtube-icon:hover {
    background: url("../img/social/y.png") no-repeat;
}
.copyright {
    padding-top: 30px;
    padding-bottom: 25px;
    }

/*term and shipping*/
.term-shipping, .about-block {
    height: 100%;
    width: 100%;
    background-color: #bbab9b;
    position: fixed;
    top: 0;
    z-index: 1000000;
    line-height: 1.4;
    color: #fff;
    display: none;
}

.about-block {
    background-color: #d1c9bd;
    padding: 0;
}

.about-block-content {
    padding: 5% 5% 0;
    font-size: 18px;
}

.about-block-content h3 {
    font-size: 24px;
    margin: 0 0 4%;
}

.about-block-content a {
    text-decoration: underline;
}

.about-block-content p {
    margin: 0 0 20px;
}

.about-block-content
.term-shipping .col-sm-6, .about-block .col-sm-6 {
    padding: 0 2%;
}

.term-shipping [class^="col-sm-6"]:last-child, .about-block [class^="col-sm-6"]:last-child {
    padding: 0 0 0 2%;
}

.about-block .close-btn {
    position: relative;
    z-index: 1000;
}

.term-shipping .close-btn span, .about-block .close-btn span {
    background: url("../img/sprites.png") no-repeat -232px -1px;
    display: inline-block;
    height: 25px;
    width: 32px;
    position: absolute;
    right: 20px;
    top: 15px;
    cursor: pointer;
}

.terms-content ul {
    padding: 0;
    list-style: disc;
    margin: 0 0 0 15px;
}

.term-shipping h2 {
    font-size: 36px;
    padding: 0 0 30px;
    border-bottom: 2px solid #f3f3f3;
    margin: 0 0 30px;
}

.term-shipping table tr td, .term-shipping table tr th {
    border: none;
}

.term-shipping table thead tr th {
    text-decoration: underline;
}

.about-block-content h2 {
    font-size: 30px;
    margin: 0 0 4%;
}

.term-shipping {
    overflow-y: scroll;
    padding: 5% 0;

}

.shipping-content .list-title h3 {

    font-size: 15px;
    margin: 0 0 20px;
    padding: 5px;
}

.shipping-content ul li {
    border-bottom: 1px solid #fff;
    padding: 0 0 15px;
    margin: 0 0 30px;
}

.newsrowcontainer{ width:80%; margin:auto;}
/*newsletter*/

.newsletter {
    width: 35%;
    clear:both;
    }

.navbar-form {
    padding: 0;
    margin: 0;
}

.newsletter .input-group {
    border-bottom: 2px solid #ffffff;
    padding-bottom: 2px;
        padding-top: 7%;
}

.newsletter .form-control {
    padding: 6px 0;
    font-size: 18px;
    font-size: 14px;
}

.newsletter input, .newsletter .btn {
    background: none;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.newsletter .ui-btn-inner {
    display: none;
}

.newsletter input:focus, .newsletter .btn:focus, .newsletter .btn-default:active:hover {
    border-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: 0;
}

.newsletter input {
    color: #fafafa;
    font-size: 18px;
}

.newsletter .btn {
    background: url("../img/sprites.png") no-repeat -199px -44px;
    text-indent: -9999em;
    width: 30px !important;
    height: 30px !important;

}

.newsletter .btn:hover {
    background: url("../img/sprites.png") no-repeat -199px -44px;
    text-indent: -9999em;
    opacity:0.7;
    width: 30px !important;
    height: 30px !important;
}

.popup-details .newsletter .btn:hover {
    background-position: -199px -44px;
    width: 30px !important;
    height: 30px !important;
}



.popup-details .newsletter input {
    font-size: 18px;
}

.popup-details .newsletter ::-webkit-input-placeholder {
    /* WebKit, Blink, Edge */
    color: #fff;
}

.newsletter ::-webkit-input-placeholder {
    /* WebKit, Blink, Edge */
    color: #be9d63;
}

.newsletter .form-control :-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #be9d63;
    opacity: 1;
}

.newsletter .form-control ::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #be9d63;
    opacity: 1;
}

.newsletter .form-control :-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #be9d63;
}

/*footer info*/
.footer-info {
    padding: 50px 0 0;
    font-size: 12px;
}

.footer-info p {
    line-height: 25px;
}

.footer-info h3 {
    font-size: 15px;
    margin: 0 0 25px;
    text-decoration: underline !important;
    font: 300 24px 'Conv_GOTHAM-LIGHT';
}
.footer-info h3 a {
    font-size: 18px !important;
}
/*product category*/
.inner-content {
    padding-top: 57px;
    min-height: 600px;

}

.bespoke-slides .flex-scroll2 {
    bottom: 13%;
}

/*Bespoke*/
.bespoke-slides .flex-container {
    max-width: none;
}

.bespoke-slides .flex-caption {
    top: 40%;
}

.bespoke-slides .flex-direction-nav a {
    top: 45%;
}

/*bespoke-info*/
.bespoke-info {
    text-align: center;
    padding: 7% 0;
    font-size: 22px;
    color: #45392b;
}

.bespoke-info h2 {
    font-size: 60px;
    margin-bottom: 50px;
    color: #45392b;
}

.bespoke-info p {
    margin-bottom: 35px;
}

.explore-btn {
    padding: 50px 0 0;
}

.explore-btn a {
    display: inline-block;
    border: 4px solid #847d7e;
    color: #45392b;
    padding: 13px 14px;
    font-size: 18px;
}

.bespoke-info .direct-btn {
    padding: 70px 0 0;
}

.bespoke-info .direct-btn a {
    background-position: -152px -194px;
}

.bespoke-container {
    padding-bottom: 130px;
    position: relative;

    font-size: 18px;
}

.bespoke-container2 .left-media {
    right: -45%;
    width: 100%;
}

.bespoke-container .col-sm-4 .left-media {
    z-index: 100;
}

.bespoke-container .left-media {
    position: absolute;
    right: -15%;
    top: 90px;
}

.galleryPop {
    top: 57px;
}

.fadeIn {
    z-index: 100
}

.bespoke-container .main-media {
    max-width: 1000px;
    margin: auto;
}

.bespoke-container .right-caption {
    position: absolute;
    left: -70px;
    z-index: 100;
    top: 90px;
}

.bespoke-container2 .right-caption {
    top: auto;
    bottom: -700px;
    left: -20%;
}

.bespoke-container .media-img {
    padding-bottom: 20px;

}

.bespoke-container .media-details2 {
    padding: 20px 0 0;
}

.bespoke-container .media-details, .bespoke-container2 .media-details {
    font-size: 18px;
}

.bespoke-container2 .media-details {
    margin: 0 19% 0px 0;
}

.bespoke-container .right-caption h2, .bespoke-container .left-media h2, .bespoke-container2 .left-media h2 {
    font-size: 70px;
    line-height: 1.1;
    text-decoration: underline;
}

.bespoke-container2 .left-media {

    position: absolute;
    z-index: 100;
    top: 70px;
    right: -45%;
}

.bespoke-container2 .left-media h2 {
    position: absolute;
    z-index: 100;
}

.bespoke-gallery {
    position: relative;
}

.bespoke-gallery:hover {
    cursor: pointer;
}

/*bespoke-personal*/
.bespoke-personal h2 {
    font-size: 70px;
    text-decoration: underline;
}

.bespoke-personal .left-media {
    padding: 14%;
}

.bespoke-personal .right-caption {
    position: absolute;
    top: 15%;
    left: -24%;
    width: 58%;
}

.bespoke-personal {
    font-size: 18px;
    padding: 0 0 60px;
}

.bespoke-personal .media-details {
    padding: 20px 0 0;
}

/*sign in*/

/*bespoke media banner*/
.bespoke-media-banner {
    background-color: #d1c9bd;
    padding: 60px 0 20px;
    margin: 0 0 120px;
    font-size: 18px;
}

.bespoke-media-banner .banner-details {
    text-align: center;
    font-size: 18px;
    padding: 40px 0 20px;
}

.bespoke-media-banner .banner-details h3 span {
    display: block;
    padding: 20px 0 0;
}

.bespoke-gallery .flex-direction-nav {
    display: none;
}

.bespoke-gallery .slide-content {
    position: absolute;
    width: 80%;
    top: 50%;
    right: 10%;
    left: 10%;
    z-index: 104;
}

.bespoke-gallery .view-btn {
    text-align: center;
    top: 20%;
    position: absolute;
    width: 100%;
    z-index: 103;
}

.bespoke-gallery .view-btn a {
    display: inline-block;
    font-size: 35px;
    color: #FFFFFF;
    border: 3px solid #FFFFFF;
    padding: 5px 40px;
    z-index: 103;
        margin-top: 7%;
}
.bespoke-gallery .view-btn a:hover {
    display: inline-block;
    font-size: 35px;
    color: #fff;
    border: 3px solid #000;
    padding: 5px 40px;
    z-index: 103;
    background-color:#000;
            margin-top: 7%;
}

.bespoke-gallery .slide-content .left-text {
    float: left;
    z-index: 103;
    margin-top: 5%;
}

.bespoke-gallery .slide-content .right-text {
    float: right;
    z-index: 103;
}

.bespoke-gallery .slide-content h2 {
    font-size: 60px;
    color: #FFFFFF;
}
@media screen and (max-width: 480px){
 h2 {
    font-size: 30px;

}
}

.bespoke-gallery {
    position: relative;
}

/*bq 8/19 */
/*gallery*/

.product-category2 .product-list {
    padding: 15px 0 0 15px;
}

.borderBtm {
    border-top: 2px solid #574939;
    left: 148px;
    position: absolute;
    top: 50px;
    width: 30px;
}

#gallery-nav nav a {
    display: block;
    text-align: center;
    text-decoration: none;
    padding: 12px 0;
    font-size: 36px;
    color: #FFFFFF;
}

.price {
    position: absolute;
    top: 22px;
    left: 132px;
    color: #574939;
    font-size: 19px;

}

.price1 {
    color: #574939;
    font-size: 10px;
    left: 74px;
    position: absolute;
    text-align: center;
    top: 61px;
}

.rotate {
    /* Safari */
    -webkit-transform: rotate(-90deg);

    /* Firefox */
    -moz-transform: rotate(-90deg);

    /* IE */
    -ms-transform: rotate(-90deg);

    /* Opera */
    -o-transform: rotate(-90deg);

    /* Internet Explorer */
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}



.rotate.rpos {
    color: #574939;
    font-size: 17px;
    left: -5px;
    position: fixed;
    top: 287px;
    z-index: 10000;
    letter-spacing: 2px;
}

.rhtBtn {
    position: fixed;
    z-index: 10000;
    top: 215px;
    color: #574939;
    font-size: 17px;
    right: 25px;
}

.small {
    color: #574939;
    padding: 2px 5px;
}

.largeBdr {
    border: 2px solid #574939;
    color: #574939;
}

.smallBdr1 {
    border: 2px solid #574939;
}

.borderRht {
    border-left: 2px solid #574939;
    height: 75px;
    left: 11px;
    position: relative;
    margin-top: 22px;
    margin-bottom: 22px;
}

.glyTop.large {
    text-align: center;
    font-size: 18px;
    color: #574939;
}

.glyTop:hover {
    color: #fddb2f;
}

/*galleryLarge*/
.price1PosLg {
    color: #574939;
    font-size: 14px;
    left: 208px;
    position: absolute;
    text-align: center;
    top: 61px;
}

#zoomincontainer {
    top: 20px;
    right: 20px;
    with: 47px;
    height: 48px;
}

div.keepontop {
    position: absolute;
    z-index: 14;
}

.product-category2 .product-list .col-4 {
    padding: 0 15px 15px 0;
}

.product-list .col-half {
    float: left;
    width: 50%;
    padding: 0 15px 15px 0;
}

.pricePosLg {
    position: absolute;
    top: 22px;
    left: 290px;
    color: #574939;
    font-size: 19px;

}

.galleryPop .rotate.rpos {
    color: #fff;
}

.galleryPop .about-block-content {
    position: relative;
    top: 70px;
}

.borderBtmPosLg {
    border-top: 2px solid #574939;
    left: 305px;
    position: absolute;
    top: 50px;
    width: 30px;
}

.media-img .textDisplay {
    opacity: 0;
    transition: 1s;
    /*display: none;*/
}

.media-img:hover .textDisplay {
    /*display:block;*/
    opacity: 1;
}

/*pop-up*/

.galleryPop {

    padding: 0;
}

.galleryPop p {
    font-size: 48px;
}

.galleryPop center {
    padding: 70px 0 60px 0;
}

.galleryPop span {
    background: url("../img/sprites.png") no-repeat -232px -1px;
    display: inline-block;
    height: 25px;
    width: 32px;
    position: absolute;
    left: 20px;
    top: 15px;
    cursor: pointer;
}

/*bq 8/19*/

/*sign-in box*/
.sign-in-box {
    width: 450px;
    margin: auto;
    padding: 5% 0 0;
}

.sign-in-box h3 {
    font-size: 30px;
    text-align: center;
    margin: 0 0 35px;
}

.sign-in-box h3 span {
    display: block;
    font-size: 16px;
    padding: 10px 0 0;
    color: #544635;
}

.create-btn {
    display: block;
    padding: 10px 5px;
    text-align: center;
    color: #6c6357;
}

.sign-in-box .btn, .create-btn {
    width: 100%;
    border: 2px solid #787368;
    margin: 10px 0 0;

}

.sign-in-box .btn:hover, .create-btn:hover, .password-reset .btn {
    background-color: #45392b;
    color: #bf9d76;
}

.sign-in-box .forgot-link {
    padding: 10px 0 20px;
}

.sign-in-box .forgot-link a {
    color: #7f796e;
}
button, html input[type="button"], input[type="reset"], input[type="submit"]{ background:none; border:none;}
.contact-btn input {
        border: 2px solid #FFF;
    text-align: center;
    font-size: 15px;
    padding: 8px 20px;
    color: #000;
    margin-bottom: 5%;
    white-space: nowrap;
    min-width: 150px;
    display: inline-block;
 
}

.contact-btn:hover input{ color:#262626; background-color:#fff; cursor:pointer;}

.cart-login .sign-in-box .forgot-link a {
    color: #45392b;
}

.cart-login .create-btn {
    color: #45392b;
}

.sign-in-box .forgot-link a {
    text-decoration: underline;
    display: block;
    text-align: center
}

.cart-login .sign-in-box .form-control::-moz-placeholder {
    color: #45392b;
    opacity: 1;
}

.cart-login .sign-in-box .form-control:-ms-input-placeholder {
    color: #45392b;
}

.cart-login .sign-in-box .form-control::-webkit-input-placeholder {
    color: #45392b;
}

.cart-login .sign-in-box .form-control {
    border-color: #45392b;

}

.sign-in-box .form-control {
    border-style: solid;
    border-width: 0 0 2px 0;
    border-color: #6c6357;
    padding-right: 0;
    padding-left: 0;
}

.sign-in-box .form-control::-moz-placeholder {
    color: #6c6357;
    opacity: 1;
}

.sign-in-box .form-control:-ms-input-placeholder {
    color: #6c6357;
}

.sign-in-box .form-control::-webkit-input-placeholder {
    color: #6c6357;
}

/*Create account*/
.create-account .form-control {
    padding: 4px 0;
    height: auto;
    line-height: 1;
}

.create-account .create-btn {
    margin: 15px 0 0;
}

/*password reset*/
.password-reset {
    padding: 7% 0 0;
}

/*User Account*/
.user-account {
    padding: 2% 0 0;
    font-size: 13px;
}

.user-account .table > thead > tr > th {
    border-bottom: 2px solid #555;
    padding: 0 1px 8px;
}

.user-account .table td {
    padding: 25px 20px 20px 1px;
    border: none;
}

.user-account a {
    font-size: 12px;
    color: #333333;
    text-decoration: underline;
}

.user-account p {
    margin: 0 0 3px;
}

.user-account thead th {
    font-size: 20px;
}

.user-account .input-group {
    border: 2px solid #45392b;
}

.user-account .input-group .form-control {
    padding: 10px 10px;
    height: auto;
    border: none;
}

.user-account .input-group .btn {
    border: none;
    background-color: #45392b;
    float: right;
    color: #fff;
    padding: 10px;
}

.user-account .input-group .btn:hover {
    background-color: #4f4131;
}

.del-btn {
    padding: 5px 0 0;
    display: inline-block;
    font-size: 11px;
}

.del-btn:hover {
    color: #d1c9bd;
}

.user-account .table > thead > .sub-thead th {
    padding: 20px 0 0;
    font-size: 14px;
    border: none;
}

/*Main product view*/
.product-view {
    position: relative;

    padding: 0;
    background-size: contain;
    background-color: #ffffff;
}

.p-product-view .product-details {
    padding: 30px 0;
}

.product-view .product-details {

    font-size: 14px;

    width: 420px;
    top: 30px;
}

.option-arrow, .expiration-row .btn .caret {
    background: url("../img/sprites.png") no-repeat -202px -148px;;
    display: inline-block;
    height: 20px;
    width: 20px;
    float: right;
    cursor: pointer;
}

.option-up-arrow {
    background-position: -202px -165px;
}

.product-title h2 {
    font-size: 36px;
}

.product-option {
    margin: 20px 0;
    padding: 5px 1px;
    border-top: 1px solid #45392b;
    border-bottom: 1px solid #45392b;
}

.color-switcher {
    display: none;

}

.product-option .color {
    height: 20px;
    float: left;
}

.col-text {
    float: left;
    margin: 0 10px 0 0;
}

.color-switcher a {
    height: 20px;
    width: 20px;
    display: inline-block;
    float: left;
    margin: 0 10px 0 0;

}

.color-switcher .color1 {
    background-color: #662d91;
}

.color-switcher .color2 {
    background-color: white;
}

.product-option .size {
    width: 50%;
    float: left;
    display: table;
}

.product-option .size .size-text, .size-unit {
    display: table-cell;
    vertical-align: middle;

}

.size-option {
    display: none
}

.size-unit {
    display: block;
}

.size-unit {
    clear: both
}

.product-subtitle {
    padding: 14px 0 15px;
}

.sub-title-text {
    float: left;
}

.product-price {
    float: right;
}

.calender-box {
    text-align: center;
    padding: 20px 0 0;
}

.ui-datepicker table {
    width: auto;
}

.ui-datepicker th {

    padding: 0;
}

/*delivery box*/
.ui-datepicker .ui-datepicker-title {
    line-height: 0;
}

.ui-datepicker .ui-datepicker-header {
    margin-bottom: 20px;
}

.calender-box .ui-datepicker .ui-datepicker-next span, .calender-box .ui-datepicker .ui-datepicker-next-hover span {
    background: url("../img/sprites.png") no-repeat -202px -110px;
}

.calender-box .ui-datepicker .ui-datepicker-prev span {
    background: url("../img/sprites.png") no-repeat -202px -128px;
}

.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
    top: 8%;
    right: 0;
}

.ui-datepicker .ui-datepicker-prev span, .calender-box .ui-datepicker .ui-datepicker-prev {
    left: 0;
    top: 8%;
}

.calender-box .ui-datepicker .ui-datepicker-next, .calender-box .ui-datepicker .ui-datepicker-prev {
    right: 0;
    top: 8%;
    cursor: pointer;
}

.ui-datepicker td {
    padding: 2px 13px;
}

.ui-datepicker td span, .ui-datepicker td a {
    padding: 0;

}

.deliver-calender .ui-widget-content .ui-state-default {
    border: 2px solid transparent;
    text-align: center;
    font-weight: bold;
}

.deliver-calender .ui-widget-content .ui-state-default:hover {
    border: 2px solid #212121;
}

/*wine-pairing*/
.wine-pairing {
    border-top: 1px solid #45392b;
    border-bottom: 1px solid #45392b;
    padding: 5px 0;
    margin: 10px 0;
}

/*cartbtn and social links*/
.action {
    padding: 15px 0 0;
}

.cart-btn a {
    border: 4px solid #847d7e;
    color: #45392b;
    font-size: 16px;
    padding: 10px 20px;
}

.social-shares span a {
    background: url("../img/sprites.png") no-repeat 0 0;
    height: 29px;
    width: 33px;
    display: inline-block;
}

.action .cart-btn {
    float: left;
    margin: 0 25px 0 0;
}

.action .cart-btn a:hover {
    background-color: #372f2d;
    color: #fafafa;
    border-color: #372f2d;
}

.action .social-shares {
    float: left;
    padding: 12px 0 0;
}

.action .social-shares span {
    display: inline-block;
    padding: 0 20px;
}

.social-shares span.facebook a {
    background-position: -237px -84px;

}

.social-shares span.pintrest a {
    background-position: -234px -157px;

}

.social-shares span.twitter a {
    background-position: -228px -122px;

}

/*disabling jquery ui css*/
.ui-datepicker {
    width: 400px;
    padding: 0 0 0 6%;
}

.ui-datepicker table {
    font-size: inherit
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-widget-content, .ui-widget-header, .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight, .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
    border: none;
    background: none;
    color: inherit;
    font-weight: normal;
}

.ui-datepicker td span, .ui-datepicker td a {
    text-align: center;
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight, .specialDate {

    color: #d1c9bd;
}

/*add-to-cart right panel*/
.add-cart-panel .ui-panel {
    width: 490px;
}

.add-cart-panel .product-section {
    padding: 30px 0 0;
    padding: 30px 0 0;
}

.add-cart-panel {
    border: 1px solid #45392b;
}

.add-cart-panel .cart-head {
    background-color: #362f2d;
    padding: 15px;
}

.add-cart-panel .cart-head h3 {
    color: #fff;
    text-align: left;
    font-size: 18px;
    padding: 2px 0 0 20px;
    margin: 0;
    float: left;
}

.added-product {
    text-align: left;
}

.added-product .media {
    padding: 0;
    margin: 0 0 50px;
}

.added-product h4 {
    font-size: 14px;
    padding: 0 0 11%;
}

.added-product h4 a {
    color: #45392b;
}

.add-cart-panel .cart-body {
    padding: 0 30px;
}

.added-product h4 a span {
    display: block;
    padding: 2px 0 0;
}

.added-product .media-img {
    float: left;
    margin: 0 20px 0 0;
}

.added-product .media-details {
    overflow: hidden;
}

.added-action .spinner {
    float: left;
}

.numbers-row input {
    width: 22px;
    background-color: #d0d0cf;
    border: none;
    text-align: center;
    padding: 0;
    height: 22px;
    margin: 0 13px;

    line-height: 23px;
}

.added-price {
    float: right;
    text-decoration: underline;
}

.numbers-row .button {
    background-color: #d0d0cf;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    padding: 3px;
    line-height: 9px;
    height: 17px;
    display: inline-block;
    width: 17px;
    font-size: 14px;
    color: #45392b;
    vertical-align: top;
    /* float: left; */
    text-align: center;
    position: relative;
    top: 3px;
    cursor: pointer;
}

.accordion1 {
    font-size: 9px;
}

.accordion1 .table {
    margin-bottom: 13px;
}

.accordion1 .notice {
    text-align: left;
    padding: 0 0 10px;
}

.accordion1 .title span.text {
    display: block;
    float: left;
    text-transform: uppercase;
}

.accordion1 .a-content {
    /* padding: 10px 0; */
    overflow: hidden;
    position: relative;
    top: 10px;
    padding: 0 15px 0 0;
}

.accordion1 .title.active span.text, .accordion2 .title.active span.text {
    display: none;
}

.accordion1 dd, .accordion2 dd {

    position: relative;
    padding: 7px 0;
    background-color: #ffffff;
    overflow: hidden;
    border-top: 1px solid #45392b;
}

.accordion1 dd .icon {
    height: 20px;
    width: 20px;
    display: inline-block;
    position: absolute;
    top: 10px;
    right: 0px;
}

.accordion2 .title {
    overflow: hidden;
    text-transform: uppercase;
}

.accordion2 .text {
    padding: 5px 0 0;
    float: left;
}

.accordion2 .title.active .icon {
    background-position: -201px -217px;
}

.accordion1 .title .icon {
    background: url("../img/sprites.png") no-repeat -203px -169px;
}

.a-content {
    position: relative;
    top: 17px;
    overflow: hidden;
    padding: 0 0 15px;
}

.accordion1 .title.active .icon {
    background-position: -202px -152px;
}

.accordion1 dt.active {
    display: none;
}

.accordion2 .a-content {

}

.accordion1 dt.show {
    display: block;
}

.accordion1 h3 {
    font-size: 14px;
    margin: 0 0 15px;
}

.accordion1 .table > thead > tr > th {
    padding: 5px 5px 5px 0;
    border: none;
    text-decoration: underline;
}

.accordion1 .table > tbody > tr > td {
    border: none;
    padding: 5px 5px 5px 0;
}

.accordion1 [class^="col-6"] {
    float: left;
    margin: 0 2.84615384615% 0 0;

}

.accordion1 [class^="col-6"]:last-child {
    margin: 0
}

.accordion2 dt {
    padding: 10px 0;
    border-bottom: 1px solid #45392b;
}

.accordion2 .form-control, .accordion2 button {
    border: none;
    padding-right: 0;
    padding-left: 0;
}

.sub-total {
    padding: 20px 0;
}

.accordion2 button {
    text-decoration: underline;

}

.accordion2 .icon {
    position: absolute;
    top: 10px;
    right: 0;
    font-size: 20px;
    color: #45392b;
    border-radius: 50%;
    width: 24px;
    height: 26px;
    line-height: 24px;
    display: block;
    text-align: center;
    background: url("../img/sprites.png") no-repeat -201px -189px;
}

.check-btn a {
    display: block;
    text-align: center;
    color: #fff;
    background-color: #45392b;
    padding: 16px 0;
    font-size: 18px;
    letter-spacing: 1px;
}

.check-notice {
    font-size: 10px;
    margin: 5px 0 10px;
}

.accordion2 .edit-link a {
    display: inline-block;
    float: right;
    text-decoration: underline;
    color: #45392b;
    padding: 0 0 0;
}

.accordion1 dt:last-child {
    border-bottom: 1px solid #45392b;
}

.cart-login .sign-in-box {
    width: 500px;
    color: #45392b;
    position: fixed;
    top: 0;
    right: 0;
    background-color: #998675;
    height: 100%;
    padding: 40px 30px;
    z-index: 10000;
}

.new-customer .form-control {
    height: auto;
    padding: 3px 0;
}

.cart-login input {
    background-color: #998675;
}

.cart-login .sign-in-box .btn:hover {
    background-color: #45392b;
    color: #fafafa;
}

.cart-login .sign-in-box .btn, .create-btn {
    border: 2px solid #45392b;
    padding: 12px 0;
    font-size: 15px;

    background-color: transparent;
}

.cart-login .create-btn:hover {
    color: #ffffff;
}

.cart-login .sign-in-box h3 span {
    display: block;
    font-size: 14px;
    padding: 6px 33px 0;
    color: #544635;
}

.cart-login .sign-in-box {
    padding: 30px;
}

.col-6 {
    width: 48.07692%
}

.accordion1 dt {
    font-size: 14px;
    border-top: 1px solid #45392b;
    padding: 10px 0;
}

/******-Checkout***/
.checkout {
    background-color: #efefee;
    min-height: 350px;
}

.checkout label {
    text-transform: uppercase;
    font-size: 12px;
    padding: 0 0 4px;
    display: block;
}

.checkout input {
    border: 1px solid #ececec;
    height: 30px;
}

.checkout p {
    margin-bottom: 15px;
}

.checkout .col-4 {
    width: 33.33%;
    float: left;
}

.checkout .title {
    padding: 15px 7%;
    border-bottom: 1px solid #45392b;
}

.checkout .title h2 {
    font-size: 18px;
    text-transform: uppercase;
}

.checkout-body {
    padding: 15px 7%;
}

.checkout .title h2 span {
    border: 1px solid #45392b;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    display: inline-block;
    height: 30px;
    width: 30px;
    text-align: center;
    line-height: 28px;
    margin: 0 10px 0 0;
}

/*billing*/

.billing {
    background-color: #fad100;
}

.cart-details .head {
    text-transform: capitalize;
    padding: 0 0 15px;
}

.cart-details .head .text {
    padding: 3px 10px 0 0;
    display: inline-block;
    float: left;

}

.glyTop.small {
    font-size: 18px;
}

.cart-details .head .pull-right .text {
    font-size: 12px;
    padding-top: 5px;
}

.expiration-row button {
    width: 100%;
}

.expiration-row {
    margin: 0 0 15px;
}

.expiration-row .btn {
    width: 100%;
    padding: 0 10px;
    display: block;
    height: 30px;
    line-height: 1;
}

.expiration-row .btn .caret {
    float: right;
    border: none;
}

.ha-header-perspective > div {
    background-color: #d1c9bd;
}

.p-product-view .spritespin.spritespin-instance.with-canvas {
    float: none;
    margin: auto;
}

.brand-resizer9 {
    top: 28%;
}

.brand-resizer8 {
    top: 24%;
}

.brand-resizer7 {
    top: 20%;
}

.brand-resizer6 {
    top: 16%;
}

.brand-resizer5 {
    top: 12%;
}

.brand-resizer4 {
    top: 8%;
}

.brand-resizer3 {
    top: 4%;
}

.brand-resizer2 {
    top: 0.9%;
}


#container
{
    height:2000px;
}

#container DIV
{
    margin:50px;
    padding:50px;
    background-color:lightgreen;
}

.pull-left img {
    width: 25%;
}

.hideme
{
    opacity:0;
}
.brand-resizer9 {
    width: 94%;
    left: 3%;
}
.brand-resizer9 h3 {
    margin-top: 4.5%;
}

.brand-resizer9 span.index-brand {
    background:rgba(220, 221, 221, 0.80);
    display: block;
    width: 50%;
    margin: auto;
    padding: 3% 3%;
    height: 0%;
    text-align: center;
    vertical-align: middle;
}
.brand-resizer8 span.index-brand {
    background:rgba(220, 221, 221, 0.75);
    display: block;
    width: 50%;
    margin: auto;
    padding: 3% 3%;
    height: 0%;
    text-align: center;
    vertical-align: middle;
}
.brand-resizer7 span.index-brand {
    background:rgba(220, 221, 221, 0.7);
    display: block;
    width: 50%;
    margin: auto;
    padding: 3% 3%;
    height: 0%;
    text-align: center;
    vertical-align: middle;
}
.brand-resizer6 span.index-brand {
   background:rgba(220, 221, 221, 0.65);
    display: block;
    width: 50%;
    margin: auto;
    padding: 3% 3%;
    height: 0%;
    text-align: center;
    vertical-align: middle;
}
.brand-resizer5 span.index-brand {
    background:rgba(220, 221, 221, 0.6);
    display: block;
    width: 50%;
    margin: auto;
    padding: 3% 3%;
    height: 0%;
    text-align: center;
    vertical-align: middle;
}
.brand-resizer4 span.index-brand {
   background:rgba(220, 221, 221, 0.55);
    display: block;
    width: 50%;
    margin: auto;
    padding: 3% 3%;
    height: 0%;
    text-align: center;
    vertical-align: middle;
}
.brand-resizer3 span.index-brand {
     background:rgba(220, 221, 221, 0.5);
    display: block;
    width: 50%;
    margin: auto;
    padding: 3% 3%;
    height: 0%;
    text-align: center;
    vertical-align: middle;
}
.brand-resizer2 span.index-brand {
    background: none !important;
}
.brand-resizer9 span.index-brand img {
    width:75% !important;
}

.brand-resizer8 {
    width: 90%;
    left: 5%;
}
.brand-resizer8 h3 {
    margin-top: 4%;
}
.brand-resizer8 span.index-brand img {
    width:74% !important;
}
.brand-resizer7 {
    width: 86%;
    left: 7%;
}
.brand-resizer7 span h3 {
display: none;
}
.brand-resizer7 span.index-brand img {
        width:73% !important;
}
.brand-resizer6 {
    width: 80% !important;
    left: 10% !important;
}
.brand-resizer6 span h3 {
display: none;
}
.brand-resizer6 span.index-brand img {
        width:72% !important;
}
.brand-resizer5 {
    width: 74% !important;
    left: 13% !important;
}
.brand-resizer5 span.index-brand img {
        width:70% !important;
}

.brand-resizer5 span h3 {
display: none;
}

.brand-resizer4 {
    width: 68% !important;
    left: 16% !important;
}
.brand-resizer4 span h3 {
display: none;
}
.brand-resizer4 span.index-brand img {
        width:71% !important;
}

.brand-resizer3 {
    width: 62% !important;
    left: 19% !important;
}
.brand-resizer3 span h3 {
display: none;
}
.brand-resizer3 span.index-brand img {
        width:70% !important;
}
.templatemo-contact-map iframe{ width:100%;}
.contact_right .form-horizontal{ margin:5% 0 0;}
.brand-resizer2 {
    top: 0.9%;
    width: 40% !important;
    left: 30% !important;
}


.index-logo.brand-resizer2 {
    top: -1%;

}
.brand-resizer2 span h3 {
display: none;
}
.brand-resizer2 span.index-brand {
    background: none !important;
}
.brand-resizer2 span.index-brand img {

}
.brand-resizer2 span.index-brand {
    background: none !important;
}

/* NEW CSS FOR TEXT IN LANDING PAGE LOGO  */


/* NEW CSS FOR TEXT IN LANDING PAGE LOGO  */

/*******sound wave scc******/

/*min width 1200px*/
.container {
    padding: 0 2%;
    width: 96%;
}

@media (min-width: 1200px) {
    .container {
        width: 96%;
    }
}

.static-page-texts
 { background-color: #e7e7e7;
     cursor: default; 
 }
 .analyst-box{ padding:3% 0;}
  .analyst-box h3{ padding:0 0 3%;}
 #templatemo-portfolio{ padding:4% 0 1%;}

 #announcements h2{ margin:0 0 3%;}

.static-text {
    font: 300 20px 'Conv_GOTHAM-LIGHT';
    color: #6d6e70;
    text-align: justify;
    padding-left: 4%;
    padding-right: 4%;
    padding-bottom:4%;
}
.static-text-contact {
    font: 300 20px 'Conv_GOTHAM-LIGHT';
    color: #6d6e70;
    text-align: justify;
    padding-top: 4%;
    padding-bottom: 4%;

}
.toggle-left-nav {
    display: inline-block;
    position: relative;
    top: 12px;
}

.static-text h2{
    font: 300 25px 'Conv_GOTHAM-LIGHT';
    color: #6d6e70;
        cursor: default;
        padding-top: 2%;
    
}
.static-text-contact h2{
    font: 300 25px 'Conv_GOTHAM-LIGHT';
    color: #6d6e70;
        cursor: default;
    
}

a.navbread {
    font-size: 19px;
    width: 31%;
    padding: 3px;
    border-radius: 2px;
    margin-bottom: 2%;
    color: #fff;
}
a.navbread:hover {

    color:#be9d63 !important;
    text-decoration: none !important;

}

a.navbreadimages {
    font-size: 16px !important;
    background-color: rgba(109, 110, 112, 0.6) !important;
    width: 31% !important;
    padding: 3px !important;
    border-radius:2px !important;
    margin-bottom:2% !important;
    color: #fff;
}
a.navbreadimages:hover {
    font-size: 16px !important;
    background-color: #fff !important;
    width: 31% !important;
    padding: 3px !important;
    border-radius:2px !important;
    color:#be9d63 !important;
        margin-bottom:2% !important;
}



#search {
       position: absolute;
    top: 0;
    left: 0;
    width: 30px;
    height: 30px;
    margin-left: 58%;
    padding-top: 6px;

}
#label {
    width: 30px;
    height: 30px;
    position: relative;
    z-index: 20;
}
#label label {
    display: block;
    width: 30px;
    height: 30px;
    background: url("../img/search.png") 0 0;
        background-repeat: no-repeat;
    font-size: 0;
    color: rgba(0, 0, 0, 0);
    text-indent: -9999px;
    cursor: pointer;
}
#label label:hover {
    background: url("../img/searchh.png") 0 0;
        background-repeat: no-repeat;
}
#label.active label {
    background: url("../img/searchh.png") 0G 0;
        background-repeat: no-repeat;
}
#input {
    position: absolute;
    top:4px;
    right: 37px;
    width: 201px;
    height: 35px;
    overflow: hidden;

}
#input input {
    display: block;
    position: absolute;
    top: 0;
    left: -460px;
    width: 450px;
    height: 100%;
    margin: 0;
    padding: 0 10px;
    border: none;
    background-color: #6d6e70;
    opacity:0.5;
    color: #000;
    font-size: 18px;
    backface-visibility: none;
    border-radius: 0;
    transition: left 0;
}
#input input:focus {
    outline: none
}
#input.focus {
    z-index: 20
}
#input.focus input {
    left: 0;
    transition:left 0.5s;
}


.btn-sm, .inner-page .more-arrow {
    min-width: 150px;
    max-width: 150px;
    display: inline-block;
    padding: 8px 10px;
}
.inner-page .more-arrow:after
{
    position:relative;
    top:0;
}
.btn-orange {
    background-color: #ff7600;
    border-bottom:2px solid #d35400;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    color:#fff !important;
}

.btn-orange a {
    background-color: #ff7600;
    border-bottom:2px solid #d35400;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    color:#fff !important;
    padding: 5px;
}
.contact-btn a:link {
    color: #000;
}

.btn-orange:hover, .btn-orange:focus, .btn-orange:active, .btn-orange.active, .open .dropdown-toggle.btn-orange {
    background-color: #d35400;
    color:#ffffff;
}
    
    .txt_orange{
    padding-left: 9px;
    color: black;
}

.contact_right p{
   margin:0 0 5%;
}
.templatemo-contact-map{ margin:0 0 5%;}
span.pull-left.icon {
    font-family: 'futwora_regularregular' !important;}

    .pull-right {
    float: right !important;
    font-family: 'futwora_regularregular' !important;
    font-size: 15px;
}



.otherpagesh3 h3 {
    color: #fff;
    text-align: center;
    font-size: 16px;
    /* padding: 4px 0 0; */
    margin-top: 0%;
    font: 300 19px 'Conv_GOTHAM-LIGHT';
    margin-bottom: 0px !important;

}

.events p {
    margin: 0px !important;
    margin-top: 14% !important;
    font: 300 15px 'Conv_GOTHAM-LIGHT';
    }

    .news p {
    margin: 0px !important;
    margin-top: 14% !important;
    font: 300 15px 'Conv_GOTHAM-LIGHT';
    }
  .custom-event-row{ clear:both; }
                        .custom-event-row .col-8{ width:70%; float:left; position:relative; text-align:center;}
                         .custom-event-row .col-8:hover .hover-text{ opacity:1;}
                       .custom-event-row .hover-text {
                           -webkit-transition: all 500ms linear;
-moz-transition: all 500ms linear;
-ms-transition: all 500ms linear;
-o-transition: all 500ms linear;
transition: all 500ms linear;
                                    position: absolute;
                                    opacity:0;
    top: 0;
    height: 100%;
    width: 100%;
    color: #fff;
    padding:0 2%;
    background: rgba(109,110,112,.75);
    text-transform: uppercase;
    border: 2px solid #be9d63;
                        }
                        .event-row-inner{width: 90%;
                        background-color:#fff;
    margin: 5% auto 0;}
   .hover-text .title{ padding:10% 0 4%;}
.hover-text .title .line{ height:1px; width:80%;
background-color:#fff; margin:auto; display:block;}
.title .line {
    height: 1px;
    width: 70%;
    background-color: #fff;
    margin: 3% auto;
    display: block;
}
.right-info{
     float: right;
    width: 30%;
    padding: 1% 2%;
    text-align: left;
    color: #6d6e70;
    border:2px solid #fff;
}
.hover-text h3{ font-weight:300; font-size:20px; margin:0;}
.right-info h2 {
     font-size: 90px;
    color: #be9d63;
    font-weight: 400;
    line-height: 1;
    margin: 0 0 2%;
}
.viewmore-btn{padding: 5% 0 0;}
.viewmore-btn a{
    color: #fff;
    font-size: 18px;
    border: 2px solid #fff;
    padding: 1% 3%;
    letter-spacing: 1px;
    text-transform: capitalize;
    display: block;
    width: 30%;
    margin: auto;
    white-space:nowrap;
}
.viewmore-btn a:hover{ background-color:#000; color:#fff; border-color:#000;}
.templatemo-gallery-category a:hover{color:#000;}
.templatemo-gallery-category2 a{  margin-bottom:1%;}
.hover-text h4{
font-size: 15px;
    margin: 0;
    letter-spacing: 2px;
    padding:0 0 3%;
}
.event-date{        float: left;
    border-bottom: 1px solid #6d6e70;
    padding: 2% 0 5%;
    margin: 0 0 5%;}
.right-info p{ clear:both;}
.event-date strong{     display: block;
    padding: 0 4% 4% 0;
    font-weight: 300;
    font-size: 35px;}
//* TEAM *//
.team-profile {
    display: inline-flex;
}
.main-heading-team {
    text-transform: uppercase;
    font-size: 30px;
    color: #be9d63;
    font-weight: bold;
    padding-left: 1%;
}
.team-name {
    font-size: 28px;
    padding-top: 2%;
    padding-left: 1%;
    color: #6d6e70;
    font-style: italic;
    margin-left: 28%;
    color: #000;}

    .team-post {
    padding-left: 1%;
    padding-bottom: 2%;
    font-size: 23px;
    margin-left: 28%;
    color: #000;
}
.team-intro {
    margin-left: -8%;
        padding-bottom: 5%;
    }


/* investor relations page css */

#circulars.date-row .item {
    border-bottom-color: #be9d63;
}
.date-row .item {
    border-bottom: 1px solid #c4c4c4;
    padding: 20px 0;
}
.date-row .item>.inner {
    table-layout: fixed;
    display: table;
    height: 100%;
    width: 100%;
}
.date-row .item>.inner>div {
    vertical-align: middle;
    display: table-cell;
    overflow: hidden;
}
.date-row .time {
   
    width: 10%;
}
#circulars.date-row .time>.inside {
    background-color: white;
    color: #6d6e70;;
}
.date-row .time>.inside {
    background-color: #1580d8;
    padding-top: 8px;
    height: 66px;
    color: white;
}

.date-row .date {
    line-height: 36px;
    font-weight: 600;
    font-size: 36px;
}
.date-row .month {
    text-transform: uppercase;
    font-weight: 600;
    font-size: 14px;
    margin-top: -5px;
}
#article .block.returns {
    background-image: url("img/returns.jpg");
}
.returns .holder {
    max-width: 1036px;
}
.returns .items {
    font-size: 0;
}
#article .block.returns .item {
    color: white;
}

.returns .item.blue, .returns .blue .item {
    background-color: #6d6e70;
}

.returns .month {
    margin-top: -8px;
    font-weight: 600;
    font-size: 36px;
}
.returns .year {
    margin-left: 2px;
    margin-top: 6px;
    font-size: 13px;
}
.returns .item {
    background-color: #49678c;
    display: inline-block;
    padding: 16px 14px;
    text-align: left;
    height: 148px;
    width: 148px;
    margin: 9px;
}
.individual-info{ display:none; padding:0 0 2%;}
    .team-accordion h3{ 
    font-size: 35px;
    color: #be9d63;
    text-transform: uppercase;
    font-weight: bold;
    cursor: pointer;
    clear: both;
    padding-top: 3%;
    }
    .team-accordion h3 span{ float:right;}
    .team-accordion{ font-size:20px;}
    .team-accordion .individual-img{ float:left; margin:7.6% 4% 0 0;}
    .personas-head{    font-size: 23px;
    color: #000; padding:0 0 1.5%;}
      .personas-head em{ font-style:italic;}
#financial-reports {
    overflow: hidden;
    display: block;
    height: 436px;
    background-color: #e6e6e6;
}
#financial-reports .holder {
    height: 100%;
}
#financial-reports .reports {
    perspective: 1000px;
    position: relative;
}
#financial-reports .interim {
    left: 37%;
    top: 65px;
}
#financial-reports .outer {
    transform-style: preserve-3d;
    backface-visibility: hidden;
    margin-left: -178px;
    position: absolute;
}
#financial-reports .report {
    display: inline-block;
    position: relative;
    height: 562px;
    width: 422px;
}
#financial-reports .interim .shadow {
    left: -32px;
}
>#financial-reports .shadow {
    background: url("../img/book_shadow.png") no-repeat center center;
    position: absolute;
    height: 613px;
    width: 483px;
    left: -50px;
    top: 6px;
}
#financial-reports .inner {
    background: white url("../img/book_cover.png") no-repeat left 45%;
    background-size: 93%;
    position: absolute;
    height: 100%;
    width: 100%;
}
#financial-reports .edge {
    background: url("../img/book_edge.png") no-repeat left center;
    background-size: contain;
    position: absolute;
    height: 100%;
    width: 30px;
    left: 0;
    top: 0;
}
#financial-reports .name {t
    text-transform: uppercase;
    letter-spacing: -1px;
    margin-top: 78px;
}
#financial-reports .name, #financial-reports .title {
    font: 500 30px gotham, '微軟正黑體', 'Microsoft JhengHei', Helmet, Freesans, sans-serif;
    margin-left: 38px;
    text-align: left;
}
#financial-reports .title {
    font-size: 19px;
}
.win.safari #financial-reports .name, #financial-reports .title {
    font-family: 'Conv_GOTHAM-LIGHT';
}
#financial-reports .name, #financial-reports .title {
    font: 500 30px 'Conv_GOTHAM-LIGHT';
    margin-left: 38px;
    text-align: left;
}
#financial-reports .annual {
    left: 50%;
    top: 14px;
}
#financial-reports .outer {
    transform-style: preserve-3d;
    backface-visibility: hidden;
    margin-left: -178px;
    position: absolute;
}
#financial-reports .shadow {
    background: url("../img/book_shadow.png") no-repeat center center;
    position: absolute;
    height: 613px;
    width: 483px;
    left: -50px;
    top: 6px;
}
#financial-reports .inner {
    background: white url("../img/book_cover.png") no-repeat left 45%;
    background-size: 93%;
    position: absolute;
    height: 100%;
    width: 100%;
}
#financial-reports .edge {
    background: url("../img/book_edge.png") no-repeat left center;
    background-size: contain;
    position: absolute;
    height: 100%;
    width: 30px;
    left: 0;
    top: 0;
}
#financial-reports .name {
    text-transform: uppercase;
    letter-spacing: -1px;
    margin-top: 78px;
}
#financial-reports .name, #financial-reports .title {
    font: 500 30px gotham, '微軟正黑體', 'Microsoft JhengHei', Helmet, Freesans, sans-serif;
    margin-left: 38px;
    text-align: left;
}

#financial-reports .title {
    font-size: 19px;
}
#financial-reports .holder:after {
    background: url("../img/arrow_right_black.png") no-repeat center center;
    position: absolute;
    display: block;
    content: ' ';
    height: 100%;
    width: 42px;
    right: 36px;
    top: 0;
}
#article .contacts {
    text-align: left;
}
.tabler {
    table-layout: fixed;
    display: table;
    height: 100%;
    width: 100%;
}
#article .contacts .pad-left, #article .contacts .pad-right {
    width: 43%;
    vertical-align: middle;
}
.tabler .pad-left, .tabler .pad-sp, .tabler .pad-right {
    vertical-align: top;
    display: table-cell;
    position: relative;
    height: 100%;
}
#article .contacts .pad-sp {
    width: 14%;
}
.tabler .pad-left, .tabler .pad-sp, .tabler .pad-right {
    vertical-align: top;
    display: table-cell;
    position: relative;
    height: 100%;
}
#article .contacts .pad-sp>.line {
    background-color: #6d6e70;
    margin-right: auto;
    margin-left: auto;
    font-size: 2px;
    height: 100%;
    width: 2px;
}
.tabler .pad-left, .tabler .pad-sp, .tabler .pad-right {
    vertical-align: top;
    display: table-cell;
    position: relative;
    height: 100%;
}
.inner-page .block .sub-title {
    padding-bottom: 30px;
}
.sub-title {
    font: 400 24px 'Conv_GOTHAM-LIGHT';
    font-weight: 500;
}
.contact .name {
    margin-bottom: 28px;
    font-weight: 600;
    font-size: 16px;
}
.contact .address {
    line-height: 22px;
}
.contact .address, .contact .number {
    margin-bottom: 14px;
}
#article .contacts .ir-contact .email {
    margin-bottom: 10px;
}
.newstext {
    text-align: center;
    font-size: 17px;
    color:#000;
}
h2.sub-title {
    TEXT-ALIGN: CENTER;
    COLOR: #000;
    FONT-SIZE: 35PX;}

    .tt-effect-flip .item>a:hover {
text-decoration:none !important;
}
a.view-more.more-arrow.ui-link {
    border: 3px solid;
    color: #000;
    font-size: 22px;
    text-align: center;
    margin-top: 3%;
    }

    a.view-more.more-arrow.ui-link:hover {
    border: 3px solid;
    background-color: #000;
    border-color:#000;
    color: #fff;
    font-size: 22px;
    text-align: center;
    margin-top: 3%;
    text-decoration: none !important;
    }
.newstext-announcements h1 {
    font-size: 56px;
        color:#fff;
}
.newstext-announcements h2 {
    font-size: 20px;
    padding-top: 0px;
    margin-top: -10px;
    color:#fff;
}
.newstext-announcements {  
    background-color: #6d6e70;
    padding: 3% 0;
}
.newstext-detail-announcement {
    font-size: 17px;
    margin-top: 5%;
    text-transform: uppercase;
    line-height: 25px !important;
}
.newstext-button {
       
    margin-top: 13%;
   
    color: #000;

    padding: 0 5%;
}
.newstext-button a:hover {


   


    color: #fff;

    background-color: #000;
}


  
 

  .block.announcements.bgSize.image-bgtan {
    background-image: url("img/announcements_bgtan.jpg");
}
  .block.announcements.bgSize.image-bgmedia {
    background-image: url("img/announcements_bgevent.jpg");
}

  .block.announcements.bgSize.image-bgass {
    background-image: url("img/announcements_bgass.jpg");
}
  
.block.corporate-presentations.bgSize.image-bgstr {
        background-image: url("img/announcements_bgstr.jpg");
}



.block.corporate-presentations.bgSize.image-bgsew {
        background-image: url("img/announcements_bgsew.jpg");
}
.block.corporate-presentations.bgSize.image-bgret {
        background-image: url("img/announcements_bgret.jpg");
}
.block.contact.contacts.gray-blue-bg {
    background-color: #e6e6e6;
    }
.coprorate.str {
    background-color: #e6e6e6;
    padding-top: 30px;
    padding-bottom: 40px;
    color: #000 !important;
    font-size:20px;
}

.year {
    text-align: center;
    font-size: 53px;
    padding-bottom: 22px;
    }
    .season {
    font-size: 26px;
    color: #000;
    font-weight: bold;
}

/* CSS FOR LEFT NAV MENU */
.leftnav-menu {
    padding-top: 6%;
    padding-left: 3%;
    font: 400 14px 'Conv_GOTHAM-LIGHT';
}
.leftnav-menu h3 {
    font-size: 28px;
    color: #fff;
    min-height: 22px;
    padding-bottom: 0%;
}
a.leftnav-col.ui-link {
    color: #fff;
    font-size: 18px;

}
    .leftnav-menu h3 a {
    color: #fff !important;
}
a.leftnav-menu-line {
    color: #be9d63;
    font-size: 50px;
    }
    a.leftnav-menu-line:hover {
    color: #be9d63 !important;
    font-size: 50px;
    opacity:1 !important;
    text-decoration: inherit !important;
    }

    .leftnav-menu h3:hover {
    font-size: 28px;
    color: #be9d63 !important;
    min-height: 22px;
    padding-bottom: 0%;
}
a.leftnav-col.ui-link:hover {
    color: #be9d63 !important;
    font-size: 18px;
text-decoration: inherit !important;

}
.index-brand a{display: block;
    font-size: 20px;
    border-top: 3px solid #5A5A59;
    margin: 4% 0 0;
    color: #5A5959;
    padding: 4% 0 0;}
    .leftnav-menu h3 a:hover {
    color: #be9d63 !important;
    text-decoration: inherit !important;
}
.index-brand a:hover{ color:#BFA16B;}



.tt-effect-flip .nav{ z-index:1;}
/* CSS FOR LEFT NAV MENU */

header.header-panel.fade-header {
    padding-top: 0.8%;
    padding-bottom: 0.8%;
}

.navbread-nolink {
  border-radius: 2px !important;
  color: #fff;
  font-size: 19px;
  margin-bottom: 2% !important;
  padding: 3px !important;
  width: 31% !important;
}


.cd-panel-content{ background-color:#fff; padding:0 !important;}

.leftnav .cd-panel-container{width:100%; }
.leftnav .cd-panel-content{    overflow-y: auto; overflow-x: hidden;
    padding:3% 2% 0; background-color:#6d6e70;}

.leftnav .cd-panel-head{     padding: 0 4% 2%;
    width: 100%;}









.newsrow{ overflow:hidden; margin:0 0 5%;}

.sisea-result button {
    background-color: #6d6e70;
    border:2px solid #fff;
    color: #fff;
    padding: 0.5% 1%;
    margin-left: 3%;
    margin-bottom: 1%;
    
}

.sisea-result button:hover {
    background-color: #fff;
    border:2px solid #000;
    color: #000;
    padding: 0.5% 1%;
    margin-left: 3%;
    margin-bottom: 1%;
}
.sisea-result a {
    color: #6d6e70;
}

.sisea-result a:hover {
    color: #be9d63;
}
.static-text ol {
    padding-top: 1%;
}

.sisea-result h3 {
    padding-top: 1%;
}

p.sisea-results {
    font-style: italic;
    font-weight: bold;
    padding-bottom: 1%;
}

.sisea-paging {
    color: #be9d63;
    font-weight: bold;
    padding-top: 1%;
    padding-bottom: 1%;
}

.sisea-page a {
    color: #6d6e70;
}
.sisea-page a:hover {
    color: #be9d63;
}




#label input{
    display: block;
    width: 30px;
    height: 30px;
    background: url("../img/search.png") 0 0;
    background-repeat: no-repeat;
    font-size: 0;
    color: rgba(0, 0, 0, 0);
    text-indent: -9999px;
    cursor: pointer;
}


.open-search #search-label{ display:none;}




#label input[type="submit"]{ display:none;}
#search .open-search input[type="submit"]{ display:block;}




































































































































.nav-feature{
clear: both;
    position: relative;
    top: 20px;
    padding: 10px;
    border-top: 1px dashed#9E9FA1;
    border-bottom: 1px dashed #9E9FA1;
    background: #69696A;
}
.leftnav .nav-feature ul{

margin: 0;
    position: relative;
    top: -4px;}
.nav-feature ul li a{
color:#FCD184;
}

.nav-feature #search {
    margin: 0;
    right: 10px;
    left: auto;
    top: 6px;
}






/*custom responsive*/
@media screen and (max-width: 1024px) {
    
        .flex-control-nav{ top:90%;}
    .custom-event-row{ margin:0 0 4%;}
    .footer{ padding:0;}
  
  /* fs added for gallery */
  .static-text p {
    line-height: 25px !important;
    font-size: 14px;
}

.right-info h2 {
    font-size: 50px;
}

.event-date strong {
 
    font-size: 25px;
}
  
  
/* .event-date strong{ font-size:30px} */
/* .hover-text h3{ font-size:16px;} */
/* .viewmore-btn a{ font-size:16px;} */
.static-text{ padding:0;}

   .subscribe-me h2 {
    font-size: 40px;
    margin: 3% 0 9%;
    line-height: 1;
}
.subscribe-me .popup-details {
    font-size: 16px;
}
.sub-media-img {
    float: left;
    width: 40%;
}.subscribe-me .popup-details {
   
    padding: 2% 3%;}

.modal-dialog {
    margin: 18% auto 0;
}
    .team-accordion{ font-size:18px;}
    .static-text .team-accordion h3{ font-size:30px;}
    .staticpageslider{ margin-top:6%;}
    .static-text{ font-size:16px;}
    .green-bg center h3{ font-size:18px !important;}
    .staticpageslider .flex-caption h2{ font-size:30px;}
    #article .news{ padding-top:12%;}
    .leftnav ul li a{ padding-top:3%;}
    .left-menu-item ul li h3 a{ font-size:20px;}
    .leftnav ul li a{ font-size:16px;}
.leftnav ul{ width:100%; padding:0; margin:0 1% 5%;}
.left-menu-item h3{    font-size: 24px;
    padding: 0 0 0%;
    margin: 0 0 1%;}
    .left-menu-item ul li h3 a {
   
    margin: 0 0 0%;
    padding: 0 0 2%;
   
}
    .social-links {
    width: 100%;
    text-align: center;
}
.copyright {
    padding-top: 15px;
    padding-bottom: 25px;
    text-align: center;
    clear: both;
}
.social-links span {
    float: none;
    padding: 15px 10px 15px 20px;
}
    .footer-panel .newsletter {
    float: none;
    width: 50%;
    clear:both;
    margin: 0 auto 2%;
}
.flexslider {
    height: auto !important;
    margin: 0;
}

.fixed-parallax {
    position: static !important;
}

#input {
    top: 52px;
    right: 0;
}



#search {
    margin-left: 43%;
}

.newsletter {
    float: left;
    width: auto;
}

.flex-scroll,.flex-scroll2,.direct-btn {
    display: none !important;
}


#input input {
    background-color: #FFF;
    box-shadow: 0 0 10px #000;
    border: 1px solid #BE9D63;
}

header.header-panel.fade-header {
    opacity: 1 !important;
    display: block !important;
}

.tt-effect-flip .items {
    text-align: center;
}

.tt-effect-flip .item {
    width: 27.33%;
    display: inline-block;
    margin: 0;
    float: none;
    padding: 0 1%;
}

.flex-control-nav {
    bottom: 5%;
}

.index-logo {
    display: none !important;
}

#article {
    margin: 0;
}
}





@media screen and (max-width: 768px) {
    
    .newsletter,.tt-effect-flip .nav{ display:none;}
    #input {
    top: 2px;
    right: 40px;
}

    .right-info{ font-size:14px;}
    .right-info h2{ font-size:40px}
.event-date strong{ font-size:20px}
.hover-text h3{ font-size:14px;}
.viewmore-btn a{ font-size:14px;}
    .templatemo-project-gallery li{ min-height:inherit;}
    .tt-effect-flip .nav.next{ right:15px;}
    .tt-effect-flip .nav{ left:15px;}
    .1024-panel .newsletter{ display:none;}
    .modal-dialog {
    margin: 35% auto 0;
}
.sub-close-btn a{ font-size:26px;}
.subscribe-me h2{ font-size:30px}
.subscribe-me .popup-details,
.popup-details .newsletter input
{ font-size:14px;}
    .newsrow{ margin:0 0 10%;}
    .newstext-button{ margin-top:0;}
    .staticpageslider {
    margin-top: 7.9%;
}
    .flex-container a.navbread, .flex-container .navbread-nolink{ font-size:16px;}
.staticpageslider .flex-caption h2{ font-size:18px;}

.tt-effect-flip .item .date {
    letter-spacing: 0;
    font-size: 30px;
    margin: 0 0 3%;
}

#search {
    margin-left: 25%;
}




.tt-effect-flip .item .title {
    font-size: 14px;
    height: auto;
}


}
@media screen and (max-width: 600px) {
    .hover-text h4{    font-size: 10px;}
.right-info h2{ font-size:24px}
.event-date strong{ font-size:16px}
.hover-text h3{ font-size:12px;}
.viewmore-btn a{ font-size:12px;}
.right-info{ font-size:13px;}
.hover-text .title {
    padding: 8% 0 4%;
}
    .sub-media-img {
    float: left;
    width: 35%;
}
.modal-dialog{ width:550px;}
.subscribe-me .popup-details {
    font-size: 16px;
    line-height: 1.5;
    padding: 8px 20px;
}
.sub-close-btn a {
    font-size: 30px;
    line-height: 1;
    color: #fff;
    cursor: pointer;
    position: relative;
    top: -5px;
}
.subscribe-me h2{ font-size:40px;
line-height:1;
}
.subscribe-me .popup-details{ font-size:14px;}
.popup-details .newsletter input{ font-size:16px;}

.modal-dialog{ margin:10% auto 0;}
    #input input{ opacity:1; color:#333;}
    
    .left-menu-item{padding:5% 0 0;}
    .newstext-button{ margin:0 0 10%;}
    .newstext-button a{ padding:3% 0%;}
    .team-accordion .individual-img {
    float: none;
    margin: 80px 0 3%;
    border: 2px solid #D9D7D7;
    padding: 0 2%;
    text-align: center;
}
    .persona-details{ clear:both;}
   
   .personas-head {
    font-size: 18px;
  
}
    .static-text .team-accordion h3{ font-size:24px;}
    .staticpageslider .flex-caption{ top:24%;}
    .staticpageslider {
    margin-top: 10%;
}
   
    .tt-effect-flip .item{ width:100%; margin:0 0 3%;}
    .flexslider
    {
        min-height:inherit;
    }
    
   
}

@media screen and (max-width: 667px) { .top-links a{ font-size:14px;}
    
    .staticpageslider .flex-container{max-width:inherit; width:85%;}
}

@media (max-width: 568px) {
    .modal-dialog
    {
            width: 500px;
    }
    .menu-txt{ display:none;}
    
    #search, .top-links .sign-in-link{
        display:none;
    }
    
    
    .brand-img {
    position: relative;
    max-width: 180%;
    left: -18%;
}


.static-text h2{
    font-size:16px;
}

.static-text ol{
    font-size:13px;
}

}


@media (max-width: 414px) {
    .items .nav{ display:none;}
    .hover-text h4{    font-size: 10px;}
.right-info h2{ font-size:24px}
.event-date strong{ font-size:16px}
.hover-text h3{ font-size:12px;}
.viewmore-btn a{ font-size: 12px;
    width: auto;
    display: inline;
    padding: 6px 5px !important;}
.right-info{ font-size:13px;}
.custom-event-row .col-8,.custom-event-row .right-info{width:auto;
float:none;
text-align:center;
}
.right-info {
    font-size: 13px;
    box-shadow: 0 0 6px 0 rgba(0,0,0,0.1) inset;
    border: none;
    padding: 2%;
}
.event-date {
    float: none;
    width: 50%;
    margin: 0 auto 5%;
}


    .brand-img{
            max-width: 180%;
    position: relative;
    left: -24%;
    }
    .menu-txt{ display:none;}
    .inner .content{ padding:4% 0;}
    
    .date-row .item {
  
    padding: 10% 0;
}
    .date-row .item>.inner>div{ display:block; width:100%;}
    .date-row .time{ width:100%; margin:0 0 3%;}
    .static-text .team-accordion h3 {
    font-size: 15px;
}
    .static-text {
    font-size: 14px;
}
      .staticpageslider .flex-caption {
    top: 8%;
}
       .staticpageslider .flex-caption {
    top: 8%;
}
.flex-container a.navbread, .flex-container .navbread-nolink {
    font-size: 11px;
    padding: 0;
    margin: 0;
}.staticpageslider .flex-caption h2 {
    font-size: 12px;
    padding: 15px;
}
    
}

@media (max-width: 384px) {
    .social-links span {
    float: none;
    padding: 10px 6px;
}
   #tabs-head{ background:#E7E7E7;}
   #tabs-head>a{ padding:10px 25px;}
.flex-container a.navbread, .flex-container .navbread-nolink {
    font-size: 11px;
    padding: 0;
    margin: 0;
}

    .staticpageslider {
    margin-top: 14%;
}
    .flex-control-paging li a{ height:8px; width:8px;}
    .cart-link{ position:relative; top:7px;}
    
    .1024-panel .newsletter{width:83%;}
    #tabs-head>a{ font-size:12px !important;}
    .toggle-btn .icon-bar{ height:2px; width:30px;}
 .menu-txt {
   display:none;
}
    .top-links a{ font-size:13px;}
    .top-links .sign-in-link{ padding:10px 2px 0 0;}
    .top-links img{ width:30px;}
}


@media (max-width: 414px) {
    .flex-container a.navbread, .flex-container .navbread-nolink{ font-size:9px; }
    .staticpageslider .flex-caption h2 {
    font-size: 10px;
    padding: 11px;
}
    
    .staticpageslider {
    margin-top: 19%;
}
.brand-img {
    max-width: 180%;
    position: relative;
    left: -30%;
}
.subscribe-me .popup-details {
    font-size: 11px;
}
.subscribe-me h2 {
    font-size: 23px;
    line-height: 1;
    margin: 0 0 10px;
}
.modal-dialog {
    width: 300px;
}
}


/* fs added */

@media screen and (max-width: 768px) {

#footer-bottom .col-sm-4,#footer-bottom .col-sm-8{
    margin-top: 20px;
    text-align: center;
    margin-bottom: 20px;
}
}

.static-text center p span span img{
    margin-top: 20px;
    width: 60%;
    height: auto;
    display:block;
}

@media screen and (max-width: 1200px) and (min-width: 1025px) {

    #search{
        margin-left: 50%;
    }
    

}

@media screen and (max-width: 939px) and (min-width: 769px) {

    #search{
        margin-left: 30%;
    }
    

}


@media screen and (max-width: 640px) and (min-width: 569px) {

    #search{
        margin-left: 16%;
    }
    

}

@media screen and (max-width: 769px) and (min-width: 600px) {

 #input input{ opacity:1; color:#333; z-index:999;}

}

.brand-image{
    z-index:10;
}

.static-text p img{
    height: auto;
}

/* fs added for gallery */


.clearfix>li{
    overflow: hidden !important;
    height: 270px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;

}

.clearfix>li>a>img{
    width: 100% !important;
    object-fit: cover !important;
    object-position: 50% 50%;
    height: 100%;
    opacity: 0;
 
}

@media screen and (max-width: 2560px) and (min-width: 1851px) {
     .clearfix>li{
    height: 450px;
}

}
@media screen and (max-width: 2700px) and (min-width: 2561px) {
     .clearfix>li{
    height: 530px;
}
}

@media screen and (max-width: 2800px) and (min-width: 2701px) {
     .clearfix>li{
    height: 530px;
}
}

@media screen and (min-width: 2801px) and (max-width: 6000px){
     .clearfix>li{
    height: 1115px;
}
}

@media screen and (min-width: 6001px){
     .clearfix>li{
    height: 2775px;
}
}


@media screen and (max-width: 1850px) and (min-width: 1600px) {
     .clearfix>li{
    height: 370px;
}
}

@media screen and (max-width: 1200px) and (min-width: 1025px) {
     .clearfix>li{
    height: 230px;
}
}


@media screen and (max-width: 1024px) and (min-width: 856px) {
     .clearfix>li{
    height: 180px;
}
}

@media screen and (max-width: 855px) and (min-width: 737px) {
    .clearfix>li{
    height: 170px;
}

}

@media screen and (max-width: 384px){
    .clearfix>li{
    height: 70px;
    
}

#lightbox-nav-btnNext{
    height: 100px !important;
}
}

@media screen and (max-width: 736px) and (min-width: 668px) {

    .clearfix>li{
    height: 170px;
}
}

@media screen and (max-width: 667px) and (min-width: 599px) {

    .clearfix>li{
    height: 150px;
}
}

@media screen and (max-width: 598px) and (min-width: 569px) {

    .clearfix>li{
    height: 140px;
}

}

@media screen and (max-width: 414px) and (min-width: 384px) {

    .clearfix>li{
    height: 90px;
}

}

@media screen and (max-width: 480px) and (min-width: 415px) {

    .clearfix>li{
    height: 120px;
}

}

@media screen and (max-width: 568px) and (min-width: 481px) {

    .clearfix>li{
    height: 120px;
}

}

#lightbox-nav-btnNext{
    height: 100px !important;
}


/* fs added corporate structure */
.static-text p img{
    height: auto;
}



/* fs added breadcumb img */
.staticpageslider img{
    width: 100%;
}

/* fs added hr corporate structure */
.fs-added-hr{
    border: 1px solid #be9d63;
    margin-top: 2%;
}

.team-accordion h3{

    font-size: 26px !important;
}



/* fs added long description */

.static-text h3{
    padding: 45px 10px;
    line-height: 30px;
    font-size: 16px;
    
}

.static-text p{
    line-height: 30px;
    font-size: 16px;
}

.individual-info p{
    font-size: 17px;
    line-height: 30px;
}

.personas-head {
    font-size: 23px !important;
    color: #000;
    padding: 0 0 1.5%;
    font-weight: bold;
    
}

/* fs added background img announcement */
.block{
    background-size: 100%;
}

.hover-text h3{
    padding:0 !important;

}


/* fs + - */
.team-accordion h3 span{
    width: 10%;
}

/* fs added home page */
#article .business-overview{
    background-size:cover !important;
}


#article .business-overview .holder{
    padding: 0 !important;
    display: inline-block;
    vertical-align: middle;
}


.img-responsive{
    /* opacity:0; */
}




/* fs added static texts */
@media screen and (min-width: 768px){

.fs-pad{
    padding: 0 17%;
    text-align: center;
}


}

/* fs added for gallery list */
    
.event-row-inner {

    max-width: 1670px;
}


@media screen and (max-width: 1160px) and (min-width: 1025px) {

.static-text p {
    line-height: 30px;
    font-size: 14px;
}

.right-info h2 {
    font-size: 50px;
}

.event-date strong {
    display: block;
    padding: 0 4% 4% 0;
    font-weight: 300;
    font-size: 25px;
}

.event-date{
    
}


}

@media screen and (max-width: 1024px) and (min-width: 911px) {

/*4182*/
  /* fs added for gallery */
  .static-text p {
    line-height: 25px;
    font-size: 14px;
}

.right-info h2 {
    font-size: 50px;
}

.event-date strong {
    display: block;
    padding: 0 4% 4% 0;
    font-weight: 300;
    font-size: 25px;
}

}




@media screen and (max-width: 910px) and (min-width: 770px){

.static-text p {
    line-height: 25px;
    font-size: 14px;
}

.right-info h2 {
    font-size: 30px;
}

.event-date strong {
    display: block;
    padding: 0 4% 4% 0;
    font-weight: 300;
    font-size: 20px;
}

.event-date span em{
    font-size: 20px;
}


}

@media screen and (max-width: 769px) and (min-width: 667px) {

.static-text p {
    line-height: 20px !important;
    font-size: 14px;
}

.right-info h2 {
    font-size: 25px;
}

.event-date strong {
    display: block;
    padding: 0 4% 3% 0;
    font-weight: 300;
    font-size: 18px;
}

.event-date span em{
    font-size: 16px;
}


}


@media screen and (max-width: 666px){

.right-info {
    font-size: 13px;
    box-shadow: 0 0 6px 0 rgba(0,0,0,0.1) inset;
    border: none;
    padding: 2%;
}

.event-date {
    float: none;
    width: 50%;
    margin: 0 auto 5%;
}

.custom-event-row .col-8, .custom-event-row .right-info {
    width: auto;
    float: none;
    text-align: center;
}

.custom-event-row .hover-text{
    opacity: 1 !important;
}

.hover-text .title{
    display:none;
}

.hover-text h3{
    display: none;
}

.viewmore-btn a {
    padding: 10px 0;
    
}

.viewmore-btn {
    padding: 18% 0 0;
}

}


@media screen and (max-width: 800px){
    .custom-event-row .hover-text{
    opacity: 1 !important;
}

.hover-text .title {
    padding: 5% 0 4%;
}
}


/* fs added for company bg */
p.justifyleft {
    text-align: left;
}

@media screen and (min-width: 800px) {
#article .business-overview .holder {
    min-width: 926px;
}
}


/* fs added for corporate st */
.persona-details{
    float: left;
    width: 65%;
}

.individual-img{
    float:left;
    width: 30%;
}

@media screen and (max-width: 600px){
    .persona-details{
    float: left;
    width: 100%;
}

.individual-img{
    float:left;
    width: 100%;
    margin-top: 20px;
}

.individual-info p {
    font-size: 17px;
    padding: 0 14px;
}
}


/* fs added for home page holder */
@media screen and (max-width: 1200px) and (min-width: 534px){
    #article .business-overview .holder {
      padding: 16% 10% !important;
}
}

@media screen and (max-width: 533px){
    #article .business-overview .holder {
      padding: 25% 10% !important;
}

}

/* fs added corporate structure fixes */
@media screen and (max-width: 732px){

.team-accordion h3{

    font-size: 20px !important;
    text-align: left;
}
}