body,html, main {height:100%;}
header {position:fixed; top:50%; left:0;  width:150px; z-index:999;
height:200px;
margin-top:-100%;
}
.fixed-top.header {
    height:80px;
    background:#fff;
    padding:15px 0;
    -webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
.fixed-top.header img {display:inline-block; height:50px;}
.fixed-top.header.top-80 {margin-top:-80px;}

.form-control::placeholder {color:#ccc; font-size:12px; line-height:30px; margin:0; padding:0;}
.form-control {font-size:14px;}

.logo-search {width:180px; height:180px;  text-align:center;  padding:15px; position:fixed;  top:42%; left:50%; margin-left:-90px; z-index:1111;}
.logo-search:before {width:220px; height:220px; background:#fff; content:''; display:block;
    -moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
position:absolute;
top:-45px;
left:-20px;
}
.logo-search img {position:relative; display:inline; width:150px; margin:25px 0;}

main {overflow:hidden; position:relative; padding:0;
    background:url('../img/why-more.jpg')right center no-repeat;
    background-size:cover
}
.left-search {
    position:relative;

}
h3 {font-weight:300;}
.left-search:before {
    content:'';
    display:block;
    position:absolute;
    width: 100%;
    height: 100%;
    background:rgba(35, 55, 145,.7);
    z-index:0;
}
.left-search textarea {height:100px;}
.right-search .form-control-lg {height:50px;}
.left-search .scroll-wrapper {height:550px !important; padding-right:10px !important;}
.left-search .full-scroll .scroll-wrapper {height:100%!important; padding-right:10px !important; }
.arrow {position:relative;}
.arrow:before{
    content:'';
    display:block;
    position:absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 500px 250px 500px 0;
    border-color: transparent rgba(35, 55, 145) transparent transparent;
    right:-250px;
    top:50%;
    margin-top:-500px;
        -moz-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
-o-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
opacity:.7;
}
.left-search-pb {padding-bottom:60px;}
.left-search-pb label {color:#fff;}
.search-input {position:relative;}
.search-input i {position:absolute; right:15px; top:5px; color:#E55D4A; font-size:30px;}
.search-input-sm i {font-size:24px; top:3px;}
.right-search {position:relative; /* background:#b57f25 !important; */}
.right-search:before{
    /* content:''; */
    display:block;
    position:absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 500px 250px 500px 0;
    border-color: transparent #b57f25 transparent transparent;
    left:-250px;
    top:50%;
    margin-top:-500px;
}
.bg-orange-gradient  {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,b57f25+0,b57f25+100&0+5,1+62 */
background: -moz-linear-gradient(left,  rgba(181,127,37,0) 0%, rgba(181,127,37,0) 5%, rgba(181,127,37,1) 62%, rgba(181,127,37,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(181,127,37,0) 0%,rgba(181,127,37,0) 5%,rgba(181,127,37,1) 62%,rgba(181,127,37,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(181,127,37,0) 0%,rgba(181,127,37,0) 5%,rgba(181,127,37,1) 62%,rgba(181,127,37,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b57f25', endColorstr='#b57f25',GradientType=1 ); /* IE6-9 */


}


.arrow-up .right-search {overflow-x:hidden !important; width:100%;}
.arrow-up .right-search:before {
    display:none;
}
.right-search textarea {height:100px; padding-top:5px;}

.left-search div, .right-search div {position:relative;}


#search-results .result {border-radius:10px; border:none; cursor:pointer; margin:0 5px 8px 0;}
#search-results .result i {display:inline-block; padding-right:10px;}
#search-results .result.active {background:#E55D4A; color:#fff;}





.scroll-wrapper {
    overflow: hidden !important;
    padding: 0 !important;
    position: relative;
}

.scroll-wrapper > .scroll-content {
    border: none !important;
    box-sizing: content-box !important;
    height: auto;
    left: 0;
    margin: 0;
    max-height: none;
    max-width: none !important;
    overflow: scroll !important;
    padding: 0;
    position: relative !important;
    top: 0;
    width: auto !important;
}

.scroll-wrapper > .scroll-content::-webkit-scrollbar {
    height: 0;
    width: 0;
}

.scroll-element {
    display: none;
}
.scroll-element, .scroll-element div {
    box-sizing: content-box;
}

.scroll-element.scroll-x.scroll-scrollx_visible,
.scroll-element.scroll-y.scroll-scrolly_visible {
    display: block;
}

.scroll-element .scroll-bar,
.scroll-element .scroll-arrow {
    cursor: default;
}

.scroll-textarea {
    border: 1px solid #cccccc;
    border-top-color: #999999;
}
.scroll-textarea > .scroll-content {
    overflow: hidden !important;
}
.scroll-textarea > .scroll-content > textarea {
    border: none !important;
    box-sizing: border-box;
    height: 100% !important;
    margin: 0;
    max-height: none !important;
    max-width: none !important;
    overflow: scroll !important;
    outline: none;
    padding: 2px;
    position: relative !important;
    top: 0;
    width: 100% !important;
}
.scroll-textarea > .scroll-content > textarea::-webkit-scrollbar {
    height: 0;
    width: 0;
}




/*************** SIMPLE INNER SCROLLBAR ***************/

.scrollbar-inner > .scroll-element,
.scrollbar-inner > .scroll-element div
{
    border: none;
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: 10;
}

.scrollbar-inner > .scroll-element div {
    display: block;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
}

.scrollbar-inner > .scroll-element.scroll-x {
    bottom: 2px;
    height: 8px;
    left: 0;
    width: 100%;
}

.scrollbar-inner > .scroll-element.scroll-y {
    height: 100%;
    right: 2px;
    top: 0;
    width: 8px;
}

.scrollbar-inner > .scroll-element .scroll-element_outer {
    overflow: hidden;
}

.scrollbar-inner > .scroll-element .scroll-element_outer,
.scrollbar-inner > .scroll-element .scroll-element_track,
.scrollbar-inner > .scroll-element .scroll-bar {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

.scrollbar-inner > .scroll-element .scroll-element_track,
.scrollbar-inner > .scroll-element .scroll-bar {
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
    filter: alpha(opacity=40);
    opacity: 0.2;
}

.scrollbar-inner > .scroll-element .scroll-element_track { background-color: #e0e0e0; }
.scrollbar-inner > .scroll-element .scroll-bar { background-color: #c2c2c2; }
.scrollbar-inner > .scroll-element:hover .scroll-bar { background-color: #919191; }
.scrollbar-inner > .scroll-element.scroll-draggable .scroll-bar { background-color: #919191; }


/* update scrollbar offset if both scrolls are visible */

.scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track { left: -12px; }
.scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track { top: -12px; }


.scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -12px; }
.scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -12px; }



    .left-search .scroll-wrapper { height: auto !important; max-height:205px !important;     margin-bottom: 1rem;}
    .left-search .scroll-x {display:none !important;}
    .item_container.row {margin-right:0px;}

    .checkbox label {font-size:11px;}
    #search_widget_result_container {max-height:70vh !important;}


@media (min-width: 768px){
    .float-sm-left {float:left !important;}
}
@media (max-width: 767px){

    .h-100 {
        height: auto !important;
        min-height: 100vh !important;
    }
	.p-5 {padding:1rem !important;}
    h2, .h2 {    font-size: 1.5rem;}
    .right-search.h-100.bg-orange  .p-5.mt-5 {margin: 0 !important;}
    .right-search:before, .left-search:before {display:none;}
    .logo-search.animated {display:none !important;     visibility: none !important;}
    .item_container.row .col-2 {padding: 0 !important;}

     .left-search .scroll-wrapper, .left-search,
    #search_widget_result_container     { height: auto !important; max-height:unset !important;      }

    #advancedForm .left-search.left-search-pb.pr-3{padding:3rem 1rem 0 1rem;}
}
@media (max-width: 767px) and (orientation: landscape) {


}
@media (max-width: 574px){
    .row.text-light.pb-3 .col-6, .row.text-light.pt-3 .col-6,
    .product_container .col-8, .product_container .col-4, #advancedForm .item_container.row .col-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
     #advancedForm .item_container.row .col-3 {
         -webkit-box-flex: 0;
        -ms-flex: 0 0 70%;
        flex: 0 0 70%;
        max-width: 70%;
     }
      #advancedForm .item_container.row .col-2 {
          -webkit-box-flex: 0;
        -ms-flex: 0 0 30%;
        flex: 0 0 30%;
        max-width: 30%;
      }

}