/* General */
body{
    font-family: 'Cabin', sans-serif;
    font-size:14px;
}
h1, h2, h3, h4, h5 {
    font-family: 'Cabin', sans-serif;
}
h1, h2, h3 {
    text-transform: uppercase;
    font-family: 'Times New Roman', serif;
    letter-spacing: 0.125em;
}
h3, h4, h5 {
    font-weight:normal;
}

.container{
    max-width:100%;
    margin:0 5%;
    width:unset;
}


#login {
    margin-top:42px;
    padding:10px;
}
#login a, #login form {
    color:#111;
    font-size:1em;
    text-transform:uppercase;
    padding:0 20px;
    cursor:pointer;
}
#login .dropdown-menu{
    padding:7px 0;
    right: 10px;
    margin-top:-15px;
    z-index:999999;
}
#login .dropdown-menu a{
    font-size:12px;
}

/* Button Style */
.btn:focus, .btn:active:focus, .btn.active:focus {
    outline: 0 none;
}
.btn-primary, .btn-primary.active, .btn-primary:focus {
    background:transparent;
    border-radius:0;
    letter-spacing:0.125em;
    text-transform:uppercase;
    color:#111;
    font-weight:normal;
    border:1px solid #111;
    box-shadow:none;
}
.btn-primary:hover{
    background:#000;
    border:1px solid #111;
    color:#fff;
}
.btn-info, .btn-info.active, .btn-info:focus {
    background:#cce8ff;
    border-radius:0;
    letter-spacing:0.125em;
    text-transform:uppercase;
    color:#111;
    font-weight:normal;
    border:1px solid #cce8ff;
    box-shadow:none;
}
.btn-info:hover{
    background:#2f77b1;
    border:1px solid #2f77b1;
    color:#fff;
}
#btn-register {
    margin-top:10px;
}
.btn-primary:active:hover, .btn-primary.active:hover, 
.open > .dropdown-toggle.btn-primary:hover, 
.btn-primary:active:focus, .btn-primary.active:focus, 
.open > .dropdown-toggle.btn-primary:focus, .btn-primary:active.focus, 
.btn-primary.active.focus, .open > .dropdown-toggle.btn-primary.focus {
    background:#333;
}

section {
    padding:0;
}

.overlay {
    background-image:none;
}

/* Header area
================================================== */

/* Header */
#header {
    height:96px;
    background:#fff;
}
#sns-icons {
    display:none;
}
#login, #search {
    display:block !important;
}
#menulist {
    margin-top:42px;
}
#menulist .nav li a {
    font-family: 'Cabin', sans-serif;
    font-size:1.2em;
}
.navbar-fixed-top.navbar-scroll {
    border-bottom:1px solid transparent !important;
}
.navbar-scroll.navbar-default .nav li a:hover, 
.navbar-scroll.navbar-default .nav .active a {
    color: #111;
}
@media (min-width: 768px) {
    .navbar-collapse .navbar-nav.navbar-left:first-child {
        margin-left:0;    
    }
}

/* Header-Fixed */
#header.header-solid {
    height:60px;
    background:#fff;
}
#header.header-solid #menulist, #header.header-solid #login {
    margin-top:10px;
}
#header.header-solid #search {
    display:none !important;
}
#header.header-solid .navbar-brand.navbar-bg {
    padding:10px 20px;
}
#header.header-solid .navbar-brand.navbar-bg img {
    max-height:35px;
}
#header.header-solid #menulist .nav li a {
    font-size:1.1em;
}

/* Home Banners */
#home-banners {
    margin-top:30px;
}
#home-banners a {
   display:block;
   font-size:1.4em;
   text-transform:uppercase;
   padding:15px 0;
   font-family:'Times New Roman', serif;
   transition: opacity 0.2s ease-in-out 0.2s;
}
#home-banners a:hover img{
    opacity:0.7;
}
#home-banners a img{
    transition: opacity 0.2s ease-in-out 0.2s;
}

/* Parallax */
.parallax {
	padding: 150px 0;
}
.parallax .title-desc {
    font-size: 22px;
    font-weight:normal;
    max-width:600px;
}
.parallax-overlay {
    opacity:0.5;
}
.parallax4{
	background: url('https://cdn.shopify.com/s/files/1/0652/5249/t/6/assets/parallax-background-2.jpg?5353130207383663558') no-repeat;
}

/* Carousel Fading slide */
.flex-caption .slider.btn {
    display:none;
}
 
/* Product List */
#main-content .inhouse {
    margin-top:0;
    background:#fff;
    padding: 1px 5px;
    font-size: 0.9em;
    border-radius: 4px;
    margin-right:43px;
    line-height: 1.2;
}

.multicolor {
    padding-right: 22px;
}

/* Login */
#ManagedContent.login {
    margin-top:100px;
}
#ManagedContent.login p{
    margin-bottom:20px;
}
#ManagedContent.login p,
#ManagedContent.login label{
    color:#777;
    font-weight:normal;
}
#loginForm .forgotpass {
    font-size:1.2em;
    padding-left:15px;
    color:#111;
    line-height:2em;    
}
#loginForm .forgotpass:hover{
    color:#777;
}
#loginForm hr{
    display:none;
}
#main-content .container {
    display:block;
    max-width:97%;
}

/* CMS */
.cms h1 {
    margin-bottom: 20px;
}
.cms h4 {
    font-size: 20px;
    font-family: 'Times New Roman', serif;
}
.cms p {
    margin-bottom: 30px;
}

/* Register Login */
.navy-line {
    width: 120px;
    height: 1px;
    margin: auto;
    border-bottom: 2px solid #c7b299; 
}

/* Footer */
#back-to-top {
    display:none !important;
}

#contact{
    background:#fff;
    background-image: none;
    background-position: unset;
    background-repeat: unset;
}
#contact .clearfix{
    padding-top:50px;
    margin-right:40px;
    margin-left:40px;
    border-top:1px solid #888;
}
.social-icon {
    text-align:center;
}
.social-icon a {
    background: transparent;
    color: #111;
    height: inherit;
    width: inherit;
    font-size: 1.5em;
    padding: 0 5px;
    line-height: 1;
}
.noprint {
    text-align:right;
}
.noprint p, address, .noprint a {
    color:#111;
    font-size:0.9em;
    text-transform:uppercase;
}
#footer {
    margin-top: 60px;
    padding-top: 50px;
    border-top: 1px solid #000;
}
footer .list-inline > li{
   padding-right:0;
   padding-left:20px;
}
footer address {
   color:#bbb;
   margin-bottom: 10px;
   text-transform:capitalize;
   line-height:1.5;
}
.noprint .copyright {
    color:#bbb;
    font-size:0.9em;
    text-transform:capitalize;
}
.noprint address p {
    color: #aeaeae;
    font-size: 12px;
}
.contactus p a {
    font-family:Arial, sans-serif;
    color:#111;
}
#copyright {
    padding-bottom: 40px;
    font-size:12px;
}
#copyright .text-center {
    text-align: right;
    color: #bbb;
}

#ManagedContent {
    padding-right:15px;
    padding-left:15px;
    margin-right:auto;
    margin-left:auto;
    max-width:unset;
}

@media (min-width:992px) {
    #ManagedContent {
        width: 750px;
    }
}
@media (min-width:1200px) {
    #ManagedContent {
        width: 1170px;
    }
    #left-content, #main-content {
    }
}
@media (min-width:1400px) {
    #ManagedContent {
        width: 1300px;
    }
    #left-content, #main-content {
        padding-top:42px;
    }
}

.carousel-caption {
    padding-top:0;
    padding-bottom:0;
}

@media (max-width:1399px) {
    body {
        padding-top:70px;
    }
    .navbar-brand.navbar-bg img{
        max-height:45px;
        height:auto !important;
    }    
    .navbar-brand.navbar-bg {
        padding:10px 5px;
    }
    .navbar-default .nav li a {
       padding: 10px 20px; 
    }
    #menulist, #login {
        margin-top: 25px;
    }
    #header {
        height:70px;
    }
    #menulist .nav li a {
        padding: 10px 20px;
    }    
}

@media (min-width:992px) {
    .navbar-nav > li {
        float:left;
    }
        navbar-toggle {
        display: none;
    }
    .navbar-collapse.collapse {
        display: block !important;
        height: auto !important;
        padding-bottom: 0;
        overflow: visible !important;
    }
    #small-additional-memu {
        display:none;
    }    
    #sidemobile {
        display:none;
    }
    #left-content {
        margin-top: 60px;
        width: 240px;
        display: inline-block;
        float: left;
        position: fixed;
    }
    #left-content li.active a{
        color: #111;
        font-weight: 600;
        border-left: 4px solid #111;
        padding-left: 10px;
        margin-left: 4px;
    }
    #main-content {
        min-height:600px;
        *float:right;
        *display:inline-block;
        margin-top:65px;
    }        
}
@media (max-width:991px) {    
    body {
        padding-top: 70px;
    }
    #login {
        display:none !important;
    }
    .navbar-brand.navbar-bg img {
        width:unset;
        max-height: 35px;
    }
    .navbar-brand.navbar-bg {
        width:unset;
    }
    #menulist.collapse {
        display:none !important;
    }
    #menulist.collapse.in {
        display:block !important;
    }
    #small-additional-memu{
        width: 100%;
        position: relative;
        float: left;
    }
    #small-additional-memu .nav {
        float:none !important;
        background:#111;
        margin-bottom:0;
    }
    #small-additional-memu .col-xs-6{
        padding-top:10px;
        padding-bottom:10px;
    }
    #small-additional-memu .col-xs-6 a{
        color:#fff;
        text-transform:uppercase;
        letter-spacing:0.125em;
        font-size:10px;
    }   
    #left-content {
        display:block;
    }
    #left-content .left-title {
        display:none;
    }
    #left-content .LeftMenu {
        display:none !important;
        padding-bottom:10px;
    }
    #sidemobile .btn-primary {
        padding:5px 15px ;
    }
    #sidemobile ul{margin:0;margin-top:-1px;padding:5px 0}
    #sidemobile ul li{padding:3px 5px;}
    #sidemobile .caret{
        border-top-color:#000;
    }
    #sidemobile .btn-primary:hover, 
    #sidemobile .btn-primary:focus,
    #sidemobile .btn-primary:active,
    #sidemobile .btn-primary.active,
    #sidemobile.open .btn-primary{
        color:#fff;        
    }
    #sidemobile .btn-primary:hover .caret, 
    #sidemobile .btn-primary:focus .caret,
    #sidemobile .btn-primary:active .caret,
    #sidemobile .btn-primary.active .caret,
    #sidemobile.open .btn-primary .caret{
        border-top-color:#fff;
        
    }
    #sidemobile .dropdown-menu > li > a:hover, #sidemobile .dropdown-menu > li > a:focus,
    #sidemobile .dropdown-menu > .active > a, #sidemobile .dropdown-menu > .active > a:hover, 
    #sidemobile .dropdown-menu > .active > a:focus {
        background:rgba(0,0,0,0.1);
        font-weight:normal !important;
    }
    .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary {
        background-color:#000;
        border-color:#fff;
    }    
    #ManagedContent #loginForm .row > div:last-child h2{
        border-top:1px solid #ddd;
        margin-top:30px;
        padding-top:30px;
    }
    .navbar-brand.navbar-bg img{
        max-height:35px;
        height:auto !important;
    }
    .navbar-wrapper .navbar {
        padding-left:0;
        padding-right:0;
    }
    .navbar-header {       
        float: left;
        display:inline-block;
        margin-top: 5px;
    }
    #menulist {
        position:absolute;
        width:100%;
        margin-top:65px;
        background:#ffffff;
        border-top:1px solid #ddd;
    } 
    #menulist .navbar-nav > li {
        float:none;
    }
    #menulist .navbar-nav > li a{

    } 
    .navbar-toggle {
        display: block;
        background:#fff;
        padding: 10px 8px;        
        border-color: transparent;
        color:#111;
    }
    .navbar-toggle .icon-bar{
        background:#111;
    }
    .navbar-toggle:hover{
        background:#fff;
    }
    .navbar-default .navbar-toggle .icon-bar {
        background-color: #111;
    }
    .navbar-nav{        
        float:left !important;
    }    
    .navbar-default .nav li a {
        padding: 6px 20px;
        font-size:10px;
    } 
    #search {
        right:20px;
    }    
    #search input {
        margin-top:15px;
    }
    .navbar-brand.navbar-bg {
        padding: 5px 5px 0 15px;
    }
    #menulist {
        margin-top:60px;
    }
    #home-banners .parallax {
        padding:60px 0 80px;
    }
    #home-banners {
        margin-top:10px;
    }
    #home-banners span {
        font-size: 1em;
        padding: 5px 0 15px;
    }
    footer .contact {
        margin-top:30px;
    }
    footer .noprint {
        padding:0;
    }
    #contact .clearfix {
        padding-top:20px;
    }
    .cms h4 {
        font-size: 15px;
    }
    footer .noprint ul,
    footer address,
    footer .copyright{
        text-align:center;
    }
    footer .list-inline > li {
        padding-left:10px;
        padding-right:10px;
    }
    #main-content {
        margin-top: 10px;
    }   
    #loginForm {
        margin-top: 0px;
    }
    footer .copyright {
        display:block;
    }
}
@media (min-width:768px){    
    #ManagedContent {
        margin-top:40px;
        margin-bottom:30px;
    }        
    /* Register */
    .navy-line {
        margin-top:20px;
    }
    #btn-register {
        margin-right:15px;
    }    
    #main-content .imagethumbsection {
        max-width:100%;
        max-height:350px;
        height:unset;
    }
    input, select, textarea {
        max-width: 280px;
    }
}
@media (max-width:767px) {
    body {
        padding-top:60px;
    }
    #header {
        height:60px;
    }
    h1 {
        font-size: 1.2em;
    }
    h2 {
        font-size: 1em;
    }
    #search input {
        margin-top:15px;
    }
    .btn-primary {
        max-width:100%;
    }
    #navbar {
        margin-top:50px;
    }       
    .navbar-header {
        margin-top:7px;
    }
    .container {
        margin:0;
    }      
    .imagethumbsection {
        height: 300px !important;
    }    
    .imagethumbsection {
        height: 200px !important;
    } 
    .inhouse {
        right:0;
    }
    .multicolor {
        padding-right: 5px;
    }
}

section.product-detail {
    margin-top:10px;
}
.absoluteimage {
    overflow:auto;
    position: absolute;
    top: 0px;
    margin-left: 15px;
    margin-right: 15px;
    background-color: rgba(0, 0, 0, 0.8);
    left: 0px;
    height: calc(100%);
    width: calc(100%);
    z-index: 1036;
    text-align: center;
    -webkit-animation: fadein 1s;
    /* Safari, Chrome and Opera > 12.1 */
    -moz-animation: fadein 1s;
    /* Firefox < 16 */
    -ms-animation: fadein 1s;
    /* Internet Explorer */
    -o-animation: fadein 1s;
    /* Opera < 12.1 */
    animation: fadein 1s;
}
.imageclosebutton {
    position: fixed;
    color: white;
    opacity: 0.8;
    background-color: gray;
    padding: 9px;
    text-shadow: black 1px 1px;
    border-radius: 25px;
}