/*

.owl-carousel .owl-stage-outer {

    position: relative;

    overflow: hidden;

    -webkit-transform: translate3d(0px, 0px, 0px);

    background-color: rgba(0,0,0,.8);

    color: #fff;

}*/







.header-custom:not(.header-mobile) {

    height: auto;

  

    width: 100%;

    left: 0;

}



header.smaller:not(.header-bottom):not(.side-header) {

    height: 130px;

/*    background: #18191b;*/

    background:rgba(24,25,27,0.9)

}





.store-logo {



    padding: 10px 0px 25px 20px !important;



}



.store-logo img {



    max-height: 50px !important;



}



.store-logo-hover a:hover

{

    text-decoration: none !important;

}



.bg-dark-1 {

    background: #101010 !important;

}



h2 {

    font-weight: 400;

    font-style: italic;

    font-size: 28px;

}



#section-about-us-2 .image-container {

    background: url(../images/background/bird.jpg);

    border: 20px solid #000;

  

}



h1, h3 {

    letter-spacing: 0;

    text-transform: none;

    font-style: italic;

    font-weight: 400;

}





.ultra-big-white {

    letter-spacing: 0;

    text-transform: none;

    font-weight: 400;

    font-size: 72px;

    font-style: italic;

}



.text-light h3 {

    color: #fff;

    font-size: 28px;

}



.widget_recent_post li {



    border-bottom: none;



}



#section-testimonial {

    background: url(../images/background/test.jpg) top fixed;

      

}



#section-steps {

    background: url(../images/background/why.jpg) top fixed;

  

}



.border-white {

    border: 1px #ffffff solid;

}





.round-images{

    border-radius: 50% !important;

    height: 45px;

    width: 45px !important;





}



.text-center {



    text-align: center;

}





.about-cat{

    padding-left: 0px;

    padding-right: 0px;

}



.about-cta{

    padding: 30px;

    /*background-color: #e7e7e7;*/
    background-color: #000000;

}





#section-contact-landing-product {

    background: url(../data/about-banner.jpg) bottom no-repeat;

        background-size: auto;

}





.de-gallery.hover-1 span.overlay-1 {



    background: rgba(0,0,0,.5);



}

/* .form-control {
    background-color: #222327;
    color: #f5a81c;
    border: transparent;
}

.form-control:focus {

    color: #f5a81c;

    background-color: #222327;

    border-color: #80bdff;

    outline: 0;

} */



.table {

    color: #fff;

}



.table thead th {

    vertical-align: center;

    border-bottom: none;

}



.table td, .table th {



    border-top: none;

}



#section-contact-landing-product-2 {

    background: url(../data/cr.jpg) bottom no-repeat;

        background-size: auto;

}



.margin-10{

    margin-right: 10px;

}



.date-bold{

    font-weight: bold;

    font-size: 15px;

    color: var(--primary-color-1);

}



#mainmenu.dotted-separator li a::after {

    content: "\f111";

    font-size: 4px;

}



.de_light a.btn-line:hover{

    color: #111;

}



h3 {



    font-size: 22px;



}



body {

    font-size: 16px;
    letter-spacing: 1px !important;

}

h1, h2, h3, h4, h5, h6, .de_tab.tab_steps .de_nav li span {
    letter-spacing: 1px;
}

button.button {







width: 100%;





  box-shadow: 0 0 6px 0 rgba(157, 96, 212, 0.5);

  border: solid 3px transparent;

  background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), linear-gradient(90deg, #d13a03 50%, #cd8e03 50%);

  background-origin: border-box;

  background-clip: content-box, border-box;

  box-shadow: 2px 1000px 1px #fff inset;

}



button.button-1 {



  box-shadow: 0 0 6px 0 rgba(157, 96, 212, 0.5);

  border: solid 1px transparent;

  background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), linear-gradient(90deg, #d13a03 50%, #cd8e03 50%);

  background-origin: border-box;

  background-clip: content-box, border-box;

  box-shadow: 2px 1000px 1px #000 inset;

}



.btn-line-1{

    color: #000;

}



.btn-line-2:hover{

    color: #fff;

}



.btn-line-1::after, a.btn-line-1::after {

    color: #000;

}



.inspirationButton a:hover, .inspirationButton a.selected{

    border-color: var(--primary-color-1);

}



.inspirationButton a.selected {

    background-color: var(--primary-color-1);

}

.inspirationButton a.selected {

    color: #111;

}

.inspirationButton a {

    background: none;

}

.inspirationButton a {

    color: #888;

    border: solid 1px #555;

}

.inspirationButton li{

    list-style: none;



}

.inspirationButton a {

    outline: none;

    padding: 10px 20px 8px 20px;

    color: #888;

    font-size: 11px;

    letter-spacing: 3px;

    text-decoration: none;

    text-transform: uppercase;

    background: #eee;

    border: none !important;

}







/*#subheader {*/

    /*background: url(../images/background/banner.jpg)top fixed;*/



/*}*/



footer {



    padding: 10px 0 0 10px;



}



.subfooter {



    padding: 10px 0 10px 0;

}



.widget {



    padding-bottom: 30px;
    margin-top: 10px;



}



#call-to-action {

    padding: 30px 0 30px 0;

}

#view-all-projects{

    padding: 15px 0 15px 0;

}



section {

    padding: 60px 0 60px 0;

}



#content {



    padding: 60px 0 60px 0;



}





.inner-padding {

    padding: 30px 0 30px 0;

}



.home-about p

{

    font-weight: 300 !important;

    font-size: 15px;

}



.best-seller-btn

{

    padding: 0px 80px 0px 100px;

}



.designer-font

{

    font-size: 16px;

}



.margin-bottom-10

{

    margin-bottom: 10px;

}



.padding-bottom-0

{

    padding-bottom: 0px !important;

}



.padding-top-10

{

    padding-top: 10px !important;

}



/*span.overlay {*/

    /*height: 300px !important;*/

/*}*/



.pic-overlay span.overlay {

    height: 650px !important;

}



.project-overlay span.overlay {

    height: 350px !important;

}



.catalogues span.overlay {

    height: 350px !important;

}



.letter-spacing-3

{

    letter-spacing: 3px;

}



.de-gallery.hover-1 span.overlay-1 .bottom-40

{

    bottom: 40%;

}



.collection-btn

{

    padding-left: 56px;

    padding-right: 30px;

    margin: auto;

    display: block;

}



.footer-address address

{

    margin-top: 6px;

}



.padding-top-bottom-30

{

    padding: 30px 0px 30px 0px;

}



.de_tab .design-fab li span {

    border-top: none;

}



.home-about p

{
    color: #ffffff;
    min-height: 253px;

}



.home-metal p

{

    min-height: 130px;

}



.feature-collection-listing p

{

    min-height: 135px;

}



.get-in-touch

{

    font-size: 28px;

}



.design-notes-title

{

    /* min-height: 70px; */

}



/*.design-notes-s1*/

/*{*/

    /*min-height: 74px;*/

/*}*/



/*.design-notes-s2*/

/*{*/

    /*min-height: 125px;*/

/*}*/



.project-letter-spacing

{

    letter-spacing: 3px;

}



.project-title

{

    letter-spacing: 3px;

    font-style: italic;

    text-transform: none;

    font-size: 16px;

    font-family: baskerville-display-pt, serif;

}





.about-submit-btn

{

    padding-right: 70px;

    padding-left: 89px;

}



.des-fab-btn

{

    padding-right: 30px;

}



.contact-btn

{

    padding-right: 70px;

}



a.btn-slider:hover {

    color: #222;

    /* background: none; */

    /* border-color: #000; */

    border: solid 1px #fff;

}



.slider-btn

{

    /* background: #fff; */

    /*opacity: 0.8!important;*/

}



.inst-manuals

{

    text-align: center;

    display: block;

}



.inst-manuals-mar-bottom

{

    margin-bottom: 25px;

}



.title-max-height

{

    min-height: 77px;

}



.latest-story a

{

    color: var(--primary-color-1);

}



.de_tab.tab_steps .de_nav .round-canopy span:hover

{

    color: #000000;

    background-color: var(--primary-color-1);

}



/*.de_tab.tab_steps .de_nav .round-canopy .active {*/

    /*color: #000000 !important;*/

    /*background-color: var(--primary-color-1) !important;*/

/*}*/



.de_tab.tab_steps .round-canopy-div li.active span {

    background: var(--primary-color-1) !important;

    color: #000000 !important;

}





.canopy-cat-title h2

{

    text-align: left;

}



.round-canopy span

{

    font-size: 24px !important;

    cursor: default !important;

}



.canopy-btn::after, a.canopy-btn::after {

    font-family: FontAwesome;

    content: "";

    margin-left: 10px;

}



.padding-40

{

    padding: 40px 0px !important;

}



.breadcrumb-center h1

{

    margin-top: 47px !important;

}



.led-mar-top

{

    margin-top: -158px;

}



.breadcrumb-center .crumb

{

    margin-top: 55px !important;

    margin-bottom: 51px !important;

}



.margin-bottom-65

{

    margin-bottom: 65px;

}



.hr-padding

{

    margin: 20px 0px !important;

}





    @media screen

    and (min-device-width: 1200px)

    and (max-device-width: 1400px)

    and (-webkit-min-device-pixel-ratio: 1) {

        .home-about p

        {

            min-height: 200px !important;

        }

        .design-notes-title {
            min-height: 100px;
        }

    }





.faq-padding-40

{

    padding: 0px 0px 45px 0px !important;

}



.search-bar

{

    margin-left: 77.3%;

    top: 7px;

}



.search-bar #btn-search

{

    width: 13%;

    height: 35px;

}

#btn-search:before {
    font-family: FontAwesome;
    content: "\f002";
    font-size: 18px;
    color: #111;
}

.search-form ::placeholder
{
    color: #000000;
}

header {
    background: #000000;
}

.header-custom:not(.header-mobile) .menu-group
{
    background: #000000;
}

#mainmenu {
    font-size: 10px;
}

#btn-search
{
    padding: 0px !important;
}


.search-bar #search {
    font-style: italic;
    margin-left: 57px;
    width: 42%;
    border: solid 1px #fff;
}

.search-form #search {
    padding: 6px !important;
}

#search.form-control {

    background: #fff;

    color: #000000;

}



.search-bar #btn-search::before {

    color: #ffffff;

}



.project-padding-45

{

    padding: 45px 0px  !important;

}

.rgbw-title
{
    text-align: center !important;
}


#mainmenu > li.current > a {
    color: #f5a81c;
}

.custom-project .project-name
{
    color: #f5a81c !important;
    font-weight: 100;
}

.testimonial-title
{
    color: #000000;
}

.testimonial-bg
{
    background: #ffffff !important;
}

.header-custom:not(.header-mobile).s2 nav {
    margin: 0px 0px 0px -11px;
}

.footer-font ul li > a
{
    font-size: 14px;
}

.footer-font
{
    line-height: 1em;
}

.footer-address address
{
    font-size: 14px;
}

.copyright-text
{
    font-size: 14px;
}

.metal-title
{
    margin-bottom: 20px;
}

.metal-div
{
    padding-top: 40px !important;
}

.metal-title-hover
{
    color: #f5a81cd1 !important
}

.inspiration-title .project-name
{
    color: #f5a81c !important;
    font-weight: 100;
}

.team-title
{
    margin-bottom: 10px;
}

.resources-title
{
    margin-bottom: 5px;
}

.team-description p
{
    margin-top: -13px;
}

.design-fab-pad-top
{
    padding-top: 15px !important;
}

.des-fab-ship-div
{
    margin-top: -23px;
    margin-bottom: -17px;
}

.project-cat #filters a {
    color: #ffffff;
}


.font-style-normal{
    font-style: normal;
}

.picframe .overlay-v {
    text-align: center;
    width: 100px;
    background: rgba(255,255,255,.6);
    position: absolute;
  
    height: 100%;
    z-index: 1000;
    display: table;
}


.rotate-90{
    transform: rotate(-90deg);
}

.about-projects{
    font-size: 16px;
    font-weight: lighter;
}

.about-text-form{
    color: #000;
    font-size: 60px;
    line-height: 60px;
    text-align: center;
    font-weight: bold;
}

.about-form{
    background: #e2e2e2;
    padding: 20px 40px;
}

.de_form input[type="checkbox"] + label::before {

    background: #fff;
}


.about-form-check{
 
    font-size: 12px;
    background: #e5e5e5;

    
}

.de_light .de_form input[type="checkbox"] + label {
    background: #e5e5e5;
}

.center-button{
    margin: auto;
    display: block;
}

.btn-about-shop{
    background: #000;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
}

.de_tab.tab_steps .design-stats li span:hover {
    background: var(--primary-color-1);
    border: none;
    color: #000000;
    cursor: default;
}

.canopy-spec-top-pad
{
    padding: 0px !important;
}

.font-weight-100{
    font-weight: 100;
}

#filters li {
    margin-right: -5px;
}

.de_light a:hover {
    color: #f5a81c;
}

.de_light a{
    color: #ffffff;
}

.resources-titles {
    background-size: cover;
    padding: 200px;
    font-size: 80px;
    text-align: center;
    color: #000;
    font-family: baskerville;
}

.resources-titles-1 {
    background-size: cover;
    padding: 120px 0px 150px 0px;
    padding-left:0px;
    font-size: 80px;
    text-align: left;
    color: #000;
    font-family: baskerville;
    line-height: 80px;

}

.careers-why-viso
{
    padding: 0px 150px 0px 203px;
}

.video-careers{
    padding-right: 200px !important;
    padding-left: 200px !important;
}


.testimonial-font
{
    font-size: 14px;
    font-style: italic;
}

.testimonial-item-bg
{
    background-color: #e7e7e7;
}

.sitemap-l2
{
    margin-left: 40px;
}

.sitemap-ul li::marker
{
    color: #f5a81c;
}

.sitemap-ul a:hover
{
    text-decoration: none;
}

.contact-input input
{
    padding-left: 96px !important;
}


.small-border {
    margin-top: 0px;
    background-color: #ccc;
    margin-bottom:10px;
}

.font-big{
    font-size: 52px;
}

.faq-div .collapsible-link::after {
    right: calc(1rem + -22px);
}

.faq-div .collapsible-link::before {
    right: -12px;
}

span.overlay {
    width: 100% !important;
    height: 100% !important;
}

.round-canopy a:hover {
    color: #ffa300 !important;
}

.round-canopy a {
    color: #ffa300 !important;
}

.canopy-spec-mar-bot
{
    margin-bottom: 45px;
}

.de_tab.tab_steps .de_nav li .v-border {
    border-left: none !important;
}

.canopy-btn a:hover {
    color: unset !important;
}

.project-info-nav .btn-prev {
    position: absolute;
    left: 14px;
    top: -160px;
}

.project-info-nav  .btn-next {
    position: absolute;
    right: -414px;
    top: -160px;
}

.inspiration-info-nav .btn-prev {
    position: absolute;
    left: 14px;
    top: -170px;
}

.inspiration-info-nav  .btn-next {
    position: absolute;
    right: 31px;
    top: -170px;
}

.design-ul-mar-top
{
    margin-top: 47px;
}


.search-text a
{
    color: #000000;
}



#mainmenu li > ul
{
    width: 225px;
}

#mainmenu li li a
{
    white-space: nowrap;
    width: 225px;
}











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

.only-phone{ 
    padding: 20px;
       
    }
    .container .breadcrum-mob {
         margin-bottom: 0px;
    }

    #subheader .crumb {
        display: block;
    }

    .breadcrumb-center .crumb {
        margin-top: 58px !important;
         margin-bottom: 0px !important;
    }

    .breadcrumb-center .crumb-height
    {
        margin-top: -12px !important;
    }


   .breadcrumb-center .collections-crumb-height
    {
        margin-top: -34px !important;
    }


    .breadcrumb-center .led-height
    {
        margin-top: -20px !important;
        margin-bottom: -31px !important;
    }

    .breadcrumb-center .corporate-res-height
    {
        margin-top: 0px !important;
    }

    .breadcrumb-center .privacy-policy-height
    {
        margin-top: -10px !important;
    }

    .resources-titles .education-title
    {
        margin-left: -171px;
    }

    .container .footer-mob-height
    {
        margin-bottom: -16px;
    }

    .container .social-mob-height
    {
        margin-bottom: 16px;
    }

    .about-image img
    {
        display: none;
    }

    #subheader .inspiration-info-height
    {
        margin-top: 0px;
    }

    .mob-pull-left
    {
        margin-left: 66px;
    }

    .mob-pull-right
    {
        margin-right: 84px;
        margin-top: 20px;
    }

    .tp-simpleresponsive .tp-caption
    {
        left: 5px !important;

    }

    .tp-simpleresponsive .caption, .tp-simpleresponsive .slider-title
    {
        font-weight: bolder;
        text-shadow: 3px 3px 4px #000000;
        left: 5px !important;
        border-radius: 12px;
    }


    .careers-why-viso
    {
        padding: 0px;
    }

    .video-careers{
        padding: 0px !important;
    }

    .testimonial-div .grid-item
    {
        width: 385px !important;
        left: -15px !important;

    }

    .rgbw-margin-bottom
    {
        margin-bottom: 0px !important;
    }

    .testimonial-margin-bottom
    {
        margin-bottom: 0px !important;
    }

    .testimonial-div-pad-bot
    {
        padding-bottom: 0px !important;
    }

    .canopy-spec-mar-bot
    {
        margin-bottom: 0px !important;
    }

    .about-cta {
        padding: 30px 30px 0px 30px;
    }

    .media-form-mar-bot
    {
        margin-bottom: 0px !important;
    }

    .media-div-pad-bot
    {
        padding-bottom: 0px !important;
    }

    .led-mar-bot
    {
        margin-bottom: 13px !important;
    }

    .led-mar-top {
        margin-top: 0px !important;
    }

    .led-pad-bot
    {
        padding-bottom: 0px !important;
    }

    .led-main-div
    {
        padding-bottom: 0px !important;
    }

    .project-info-nav .btn-next {
        position: absolute;
        right: 57px;
        top: -190px;
    }


    nav {
        background-color: #000000;
        width: 100%;
    }

    .header-mar-bot
    {
        margin-bottom: 0px !important;
    }


    #subheader  .inspiration-breadcrumb-title{
        margin: 2px 0 7px 0;
    }

    .inspiration-listing-pad
    {
        padding-top: 10px !important;
    }

    .inspiration-listing-title
    {
        margin-bottom: 0px !important;
    }

    .design-li-pad-left
    {
        padding-left: 20px !important;
    }

    .design-ul-mar-top
    {
        margin-top: 0px;
    }

    .catalogues-pad-bot
    {
        padding-bottom: 0px !important;
    }

    .latest-story-mar-bot
    {
        margin-bottom: 0px !important;
    }

    .home-about p {
        min-height: 0px;
    }

    .home-about-mar-bot
    {
        margin-bottom: 0px !important;
    }

    .project-filter-titles
    {
        display: none;
    }

    .copyright-text
    {
        margin-bottom: 10px !important;
    }

    .best-sellers-pad-bot
    {
        padding-bottom: 0px !important;
    }


 .slider-img
    {
        background-size: contain !important;
        background-position: inherit !important;
    }

    #section-slider
    {
        height: 237px !important;
    }


    .tp-caption
    {
        top: 67px !important;
    }

    .slider-btn
    {
        top: 96px !important;
    }


}

@media(min-width:980px) and (max-width: 1199px) {

}

@media only screen and (min-width: 1400px) {

}


@media only screen and (min-width: 1280px)
{
    .project-info-nav .btn-next {
        position: absolute !important;
        right: -515px !important;
        top: -160px !important;
    }



}