@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;600&display=swap');


body {
  font-family: 'Cairo', sans-serif;
}

.ltr *{
direction:ltr
}
.rtl *{
direction:rtl
}
#root [v-cloak]{
visibility:hidden
}
img{
max-width:100%
}
#root,#root>footer>section,#root>header>nav{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap
}
#root{
overflow:hidden;
position:relative
}
#root>aside,#root>footer,#root>header,#root>header>nav,#root>main{
-ms-flex-preferred-size:100%;
flex-basis:100%
}
@media screen and (min-width:600px) and (max-width:991px){
#root>aside{
-ms-flex-preferred-size:auto;
flex-basis:auto;
max-width:280px
}
#root>main{
-webkit-box-flex:1;
-ms-flex-positive:1;
flex-grow:1;
-ms-flex-preferred-size:60%;
flex-basis:60%;
min-width:500px
}

}
@media screen and (min-width:992px) and (max-width:1119px){
#root>aside{
-ms-flex-preferred-size:auto;
flex-basis:auto;
max-width:280px
}
#root>main{
-webkit-box-flex:1;
-ms-flex-positive:1;
flex-grow:1;
-ms-flex-preferred-size:73%;
flex-basis:73%;
min-width:540px
}

}
@media screen and (min-width:1120px){
#root>aside{
width:280px;
-ms-flex-preferred-size:0%;
flex-basis:0%
}
#root>main{
-webkit-box-flex:1;
-ms-flex-positive:1;
flex-grow:1;
-ms-flex-preferred-size:75%;
flex-basis:75%
}

}
#root>footer>section,#root>header>nav{
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between
}
footer a *{
text-decoration:none
}
footer>section{
padding:2rem;
background:#363636
}
footer p{
font-size:14px;
color:#999
}
footer ul.inline{
padding:0;
margin:0
}
footer ul.inline>li{
padding:0;
margin:0;
display:inline-block
}
footer ul.inline a{
display:inline-block;
text-align:center;
width:40px;
line-height:38px;
-webkit-transition:all .3s;
transition:all .3s;
border:1px solid #999;
color:#fff
}
footer ul.inline a:hover{
background-color:#75b239
}
footer .right-footer{
float:right;
margin-top:2rem
}
#home-nav{
background-color:#ffffff;
}
#home-nav .navbar-brand img{
width:7rem
}
#home-nav .dropdown-menu{
padding:1rem;
border:none;
text-align:center;
background:#f8fafd;
color:#fff
}
#home-nav .dropdown-menu a:hover{
background:transparent;
  background-color: #379965;
  color: #fff;
}
#home-nav .navbar-text a.pub-lang{
padding:.4rem;
vertical-align:middle;
font-size:18px;
font-weight:700;
color:#2abb9b
}
#home-nav .navbar-text #Login-pop,#home-nav .navbar-text a.btn{
color:#fff;
background-color:#2abb9b
}
#home-nav .navbar-text #Login-pop span{
width:30px
}
#home-nav .navbar-text .modal{
position:fixed;
top:5rem
}
#home-nav .navbar-text .modal .modal-dialog{
position:relative
}
@media (min-width:576px){
#home-nav .navbar-text .modal .modal-dialog{
max-width:700px
}

}
@media (min-width:576px){
#home-nav .navbar-text .modal .modal-dialog #sign-up-form .input-group-text{
min-width:10em
}
#home-nav .navbar-text .modal .modal-dialog .modal-dialog{
max-width:700px
}

}
#home-nav .navbar-text .modal .modal-dialog .modal-header .btn{
width:100%
}
#home-nav .navbar-text .modal .modal-dialog .modal-body form.modal-log{
-ms-flex-wrap:wrap;
flex-wrap:wrap;
-webkit-transition:all .1s ease-in-out;
transition:all .1s ease-in-out
}
#home-nav .navbar-text .modal .modal-dialog .modal-body form.modal-log .form-control{
padding:2rem;
border:1px solid #ddd
}
#home-nav .navbar-text .modal .modal-dialog .modal-body form.modal-log label{
padding:0
}
#home-nav .navbar-text .modal .modal-dialog .modal-body form.modal-sign{
display:none
}
#home-nav .navbar-text .modal .modal-dialog .modal-body form.modal-sign .check{
display:table;
margin:0 auto;
margin-bottom:1rem;
font-size:18px;
font-weight:700
}
#home-nav .navbar-text .modal .modal-dialog .modal-body form.modal-sign .check label{
color:#2abb9b
}
#home-nav .navbar-text .modal .modal-dialog .modal-body form.modal-sign .location-selector{
width:76%;
border-top:1px solid #ddd;
border-right:1px solid #ddd
}
#home-nav .navbar-text .modal .modal-dialog .modal-body form.modal-sign .location-selector .info-sel{
padding-left:1rem
}
#home-nav .navbar-text .modal .modal-dialog .modal-body form.modal-sign .location-selector .info-sel label{
color:#038989
}
#home-nav .navbar-text .modal .modal-dialog .modal-body form.modal-sign .location-selector .info-sel .close{
float:right
}
#home-nav .navbar-text .modal .modal-dialog .modal-body .input-group-text{
border:none;
background:#2abb9b;
color:#fff
}
@media (min-width:576px){
#sign-up-form #home-nav .navbar-text .modal .modal-dialog .modal-body .input-group-text{
min-width:10em
}

}
#home-nav .navbar-text .modal .modal-dialog .modal-body h6{
position:relative;
display:table;
margin:0 auto;
line-height:2;
font-size:20px;
font-weight:700;
color:#000
}
#home-nav .navbar-text .modal .modal-dialog .modal-body h6:after,#home-nav .navbar-text .modal .modal-dialog .modal-body h6:before{
content:"";
position:absolute;
top:19px;
height:5px;
width:150px;
border-bottom:1px solid #bab9b9;
border-top:1px solid #bab9b9
}
#home-nav .navbar-text .modal .modal-dialog .modal-body h6:before{
right:100%;
margin-right:15px
}
#home-nav .navbar-text .modal .modal-dialog .modal-body h6:after{
left:100%;
margin-left:15px
}
#home-nav .navbar-text .modal .modal-dialog .modal-body .custom-checkbox{
text-align:center;
font-size:14px;
color:#000
}
#home-nav .navbar-text .modal .modal-dialog .modal-body .custom-checkbox a{
color:#dc3545
}
#home-nav .navbar-text .modal .modal-dialog .modal-footer button#sign-in-button{
margin-bottom:.4rem
}
#home-nav .navbar-text .modal .modal-dialog .modal-footer #Close{
display:table;
margin:0 auto
}
#home-nav .navbar-text .modal .modal-dialog .modal-footer #sign-footer{
display:none
}
@media (max-width:995px){
.navbar-nav,.navbar-nav .nav-item{
display:block;

}

}
nav#uesr-topnav{
padding:.1rem;
font-size:14px
}
nav#uesr-topnav .right-list{
-webkit-box-pack:start;
-ms-flex-pack:start;
justify-content:flex-start
}
nav#uesr-topnav .left-list,nav#uesr-topnav .right-list{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:horizontal;
-webkit-box-direction:normal;
-ms-flex-direction:row;
flex-direction:row
}
nav#uesr-topnav .left-list{
-webkit-box-pack:end;
-ms-flex-pack:end;
justify-content:flex-end
}
nav#uesr-topnav .left-list select.lang{
border:none;
padding:.5rem;
margin-left:.5rem;
background:#333;
color:#fff
}
nav#uesr-topnav i{
width:30px
}
nav#uesr-topnav a{
text-align:center;
margin-left:.2rem;
padding:.2rem;
font-weight:700;
color:#fff
}
nav#uesr-topnav a:hover{
color:#76b39d
}
#uesr-midnav{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:horizontal;
-webkit-box-direction:normal;
-ms-flex-direction:row;
flex-direction:row;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
-webkit-box-align:start;
-ms-flex-align:start;
align-items:flex-start;
-ms-flex-line-pack:start;
align-content:flex-start;
padding:.5rem;
background:#fff
}
#uesr-midnav .uesr-logo img{
width:10rem
}
#uesr-midnav .uesr-logo #sidebarCollapse{
font-size:1.5rem;
color:#75b239;
background:transparent
}
#uesr-midnav .user-auto a{
position:absolute;
top:0;
right:0;
padding:.71rem;
background:#000
}
[dir=rtl] #uesr-midnav .user-auto a{
left:0;
right:95%
}
#uesr-midnav .user-auto a i.fa-search{
font-size:18px;
color:#75b239
}
#uesr-midnav .user-option{
position:relative
}
#uesr-midnav .user-option ul.account{
position:relative;
top:1rem;
list-style:none
}
#uesr-midnav .user-option ul.account li{
display:inline-block;
float:right;
padding-right:2rem
}
#uesr-midnav .user-option ul.account li a i{
font-size:40px;
color:#75b239
}
#uesr-midnav .user-option ul.account li a i .num{
position:absolute;
top:0;
padding-top:.2rem;
width:20px;
height:20px;
border-radius:50%;
font-size:12px;
text-align:center;
background:#e3342f;
color:#fff
}
#uesr-midnav .show-cart{
position:absolute;
display:none;
z-index:1111111;
-webkit-box-shadow:0 0 19px 1px rgba(0,0,0,.75);
box-shadow:0 0 19px 1px rgba(0,0,0,.75)
}
[dir=rtl] #uesr-midnav .show-cart{
left:0
}
[dir=rtl] #uesr-midnav .show-cart .list-group{
padding-right:0
}
#uesr-midnav .show-cart .list-group a{
width:100%;
color:#75b239
}
#uesr-midnav .show-cart .list-group span{
margin-left:5rem
}
[dir=rtl] #uesr-midnav .show-cart .list-group span{
margin-right:5rem;
margin-left:0
}
#uesr-midnav .search-auto{
-webkit-box-flex:2;
-ms-flex-positive:2;
flex-grow:2;
position:relative;
top:1rem
}
@media screen and (min-width:300px) and (max-width:600px){
form{
-ms-flex-preferred-size:32%;
flex-basis:32%
}
#uesr-midnav{
-webkit-box-orient:vertical;
-webkit-box-direction:reverse;
-ms-flex-direction:column-reverse;
flex-direction:column-reverse;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center
}

}
.main-navigation{
background-color:#e8ebee;
color:#000
}
.main-navigation a{
text-decoration:none;
display:block;
-webkit-transition:all .3s ease;
transition:all .3s ease
}
.navbar-nav{
display:none;
margin: auto;
list-style:none
}
.navbar-nav li{
line-height:48px;
position:relative
}
.navbar-nav li:hover{
cursor:pointer
}
.navbar-nav li:hover a{
color:#e8ebee
}
.navbar-nav li a{
padding:0 .3rem
}
.navbar-nav li .btn{
background:transparent;
color:#fff;
border:none;
outline:0;
-webkit-box-shadow:none;
box-shadow:none
}
.navbar-hamburger{
display:block;
position:absolute;
top:0;
right:0;
width:48px;
line-height:48px;
text-align:center;
color:#fff
}
.navbar-hamburger:hover{
cursor:pointer;
background-color:hsla(0,0%,100%,.2)
}
.navbar-checkbox{
display:none
}
.dropdown:hover .dropdown-menu{
opacity:1;
visibility:visible
}
.dropdown .fa-caret-down{
padding-left:16px
}
.dropdown-menu{
position:absolute;
opacity:1;
visibility:hidden;
z-index:1;
padding:0;
margin-top:0;
list-style:none;
background-color:#fff;
min-width:100%;
height:auto;
-webkit-transition:all,.3s,ease;
transition:all,.3s,ease
}
.dropdown-menu>li{
white-space:nowrap
}
.dropdown-menu>li:hover{
background-color:#f2f2f2
}
.dropdown-menu>li a,.dropdown-menu>li a:visited{
color:#242423
}
@media (min-width:250px){
.navbar-nav{
display:block
}
.navbar-nav>li{
display:inline-block
}
.navbar-hamburger{
display:none
}
.dropdown:hover .dropdown-menu{
display:block;
opacity:1;
position:absolute;
width:auto
}

}
.navbar-checkbox:checked~.navbar-nav{
display:block
}
#phone-menu{
display:none!important
}
@media screen and (min-width:300px) and (max-width:992px){
#phone-menu{
display:block!important;
background:#ddd
}
#phone-menu ul li{
display:block
}
#phone-menu ul li .dropdown-menu{
visibility:visible
}
.main-navigation{
display:none!important
}

}
.marquee{
width:100%;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:nowrap;
flex-wrap:nowrap;
-webkit-animation:marquee 10s linear infinite;
animation:marquee 10s linear infinite
}
.marquee:hover{
-webkit-animation-play-state:paused;
animation-play-state:paused
}
@-webkit-keyframes marquee{
0%{
-webkit-transform:translateX(0);
transform:translateX(0)
}
to{
-webkit-transform:translateX(-100%);
transform:translateX(-100%)
}

}
@keyframes marquee{
0%{
-webkit-transform:translateX(0);
transform:translateX(0)
}
to{
-webkit-transform:translateX(-100%);
transform:translateX(-100%)
}

}
.marquee>*{
-webkit-box-flex:100%;
-ms-flex:100% 1 0px;
flex:100% 1 0
}
.home-search{
margin:0 0 2rem;
border-bottom:1px solid #ccc
}
#home-content .vd-about iframe{
max-width:100%
}
#home-content p{
line-height:2;
margin-top:2rem;
margin-bottom:3rem
}
#home-content p span{
color:#2abb9b
}
#home-content .btn{
background-color:#75b239;
color:#fff
}
#vds{
padding:1.5rem
}
#vds iframe{
max-width:100%
}
.btn-search{
margin:0 0 1rem
}
.btn-search input{
height:56px
}
.btn-search ul{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:horizontal;
-webkit-box-direction:normal;
-ms-flex-direction:row;
flex-direction:row;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
-webkit-box-pack:start;
-ms-flex-pack:start;
justify-content:flex-start;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-ms-flex-line-pack:center;
align-content:center;
list-style:none
}
.btn-search ul li{
margin-left:1rem
}
.btn-search #basic-addon1{
background:#2abb9b
}
.btn-search #basic-addon1 a{
color:#fff
}
.result{
position:absolute;
padding:1rem;
width:100%;
line-height:2;
z-index:999;
color:#333;
background:#fff
}
.result a{
font-size:16px;
font-weight:700
}
.wrapper{
height:100%
}
.wrapper #sidebar{
min-width:250px;
max-width:250px;
height:100%;
-webkit-transition:all .3s;
transition:all .3s;
background:#2c3e50;
color:#fff;
-webkit-transition:all .2s ease;
transition:all .2s ease
}
[dir=rtl] .wrapper #sidebar ul.components{
text-align:right;
padding-right:0
}
.wrapper #sidebar ul.components li a{
position:relative;
display:block;
padding:10px;
font-size:1.1em;
-webkit-transition:all .2s ease;
transition:all .2s ease
}
.wrapper #sidebar ul.components li a:after{
position:absolute;
right:0;
margin-right:1rem;
margin-top:.5rem
}
.wrapper #sidebar ul.components li a:hover{
-webkit-transform:scale(1.05);
transform:scale(1.05);
color:#76b39d;
/*background:#fff*/
}
.wrapper #sidebar ul.components ul{
background:#000;
-webkit-transition:all .2s ease;
transition:all .2s ease
}
.wrapper #sidebar ul.components ul li a{
padding:0 1.4285714286rem;
line-height:2.8571428571rem;
border:0;
border-bottom:1px solid #262626;
color:hsla(0,0%,100%,.7)
}
.wrapper .act{
margin-left:-249px
}
[dir=rtl] .wrapper .act{
margin-right:-249.5px;
margin-left:0
}
@media (max-width:768px){
.wrapper #sidebar{
margin-left:-249px
}
.wrapper #sidebar.act{
margin-left:0
}
.wrapper #sidebarCollapse span{
display:none
}

}
.maxw-sm{
max-width:575px;
min-width:575px
}
.maxw-md{
max-width:767px;
min-width:767px
}
.maxw-lg{
max-width:991px;
min-width:991px
}
@media (max-width:576px){
.hide-xs{
display:none
}

}
@media (max-width:768px){
.hide-sm-down{
display:none
}

}
button.link{
padding:0;
border:none;
outline:none;
background:transparent
}
#user-footer{
padding:1rem;
color:#cecece;
background:#363535
}
#user-footer h4,#user-footer ul{
text-align:center
}
#user-footer ul{
list-style:none;
padding:0;
margin:0
}
#user-footer ul li{
line-height:3rem;
-webkit-transition:all .3s ease;
transition:all .3s ease
}
#user-footer ul li i{
padding:1rem;
color:#ddb331
}
#user-footer ul li a{
text-decoration:none;
text-transform:capitalize;
color:#cecece
}
#user-footer ul li a:hover{
text-decoration:none;
color:#fff
}
#user-footer ul li:hover{
-webkit-transform:scale(1.05);
transform:scale(1.05)
}
#user-footer ul.pages-link li:before{
content:"\BB   "
}
.home-slider{
margin-bottom:4%
}
.home-slider .carousel-caption{
position:absolute;
right:0!important;
top:25%!important;
left:0!important;
z-index:10;
padding-top:20px;
padding-bottom:20px;
color:#fff;
text-align:center
}
.home-slider .carousel-caption h1{
font-weight:800;
color:#fff;
text-transform:uppercase
}
.home-slider .carousel-caption img{
max-width:300px;
max-height:300px
}
.home-slider .carousel-caption .btn{
background:#fff
}
.home-slider .carousel-caption .btn:hover{
background:#2abb9b;
color:#fff
}
@media (min-width:768px) and (max-width:992px){
.home-slider .carousel-caption{
top:10%!important
}
.home-slider .carousel-caption h1{
font-size:22px
}
.home-slider .carousel-caption img{
max-width:200px;
max-height:200px
}

}
#country h2{
line-height:5rem;
text-align:center;
font-weight:700;
text-transform:capitalize;
border-bottom:1px solid #ddd
}
#country iframe{
width:100%;
height:400px;
margin:.5rem 0 0
}
.user-pages h1,.user-pages h2{
display:table;
margin:0 auto;
line-height:2rem;
text-align:center;
font-size:20px;
font-weight:700;
text-transform:capitalize;
color:#75b239
}
.user-pages .form-row{
margin:1rem
}
.user-pages .form-row input#form-supplier-permit_image{
padding:.2rem
}
.user-pages .form-row iframe{
width:100%;
height:400px;
margin:.5rem 0 0
}
.user-pages .form-row button{
display:table;
margin:0 auto
}
.user-pages .form-row select{
margin:1rem 0
}
.user-pages .needs-validation .form-group{
margin:1rem
}
.user-pages .needs-validation button{
display:table;
margin:0 auto
}
[dir=rtl] .user-pages table{
text-align:right
}
.user-pages table thead{
color:#75b239
}
.user-pages table tbody select{
background:#75b239;
color:#fff
}
.user-pages table tbody .onchange{
display:none
}
.user-pages table tbody .changed{
background:#f4f4dd
}
.user-pages table tbody .changed .onchange{
display:initial
}
.user-pages table button{
display:inline-block
}
.user-pages table i{
padding:.5rem;
font-size:20px
}
.user-pages table .form-inline .input-group input::-webkit-input-placeholder{
font-size:14px
}
.user-pages table .form-inline .input-group input::-ms-input-placeholder{
font-size:14px
}
.user-pages table .form-inline .input-group input::placeholder{
font-size:14px
}
.user-pages table .form-inline .input-group .input-group-text{
background:#75b239;
color:#fff
}
.user-pages .links{
display:table;
margin:0 auto
}
.user-pages .links a{
color:#75b239
}
.user-pages .filter{
display:table;
margin:auto;
font-weight:700;
color:#167acf
}
.user-pages .panel-default{
display:table;
margin:0 auto;
font-size:18px;
color:#75b239
}
.user-pages .panel-default .form-check{
line-height:4
}
.user-pages .panel-default button{
display:table;
margin:0 auto;
margin-top:2rem
}
.user-pages .panel-default .custom-file-label{
-webkit-box-pack:end;
-ms-flex-pack:end;
justify-content:end
}
.user-pages .panel-default .custom-file-label:after{
content:"Choose file";
border-left:1px solid #75b239;
border-radius:0 .25rem .25rem 0;
color:#fff;
background-color:#75b239
}
.user-pages .dropdown-menu{
border-radius:0
}
.user-pages .form-group .dropdown-menu{
visibility:unset
}
.user-pages .form-group button.multiselect{
width:150px;
overflow:hidden;
background:#75b239;
color:#fff
}
.user-pages .form-group .multiselect-native-select{
position:relative
}
.user-pages .form-group .multiselect-native-select select{
border:0!important;
clip:rect(0 0 0 0)!important;
height:1px!important;
margin:-1px -1px -1px -3px!important;
overflow:hidden!important;
padding:0!important;
position:absolute!important;
width:1px!important;
left:50%;
top:30px
}
.user-pages .form-group .multiselect-container{
position:absolute;
list-style-type:none;
margin:0;
padding:1rem 1rem 0 0
}
.user-pages .form-group .multiselect-container .input-group{
margin:5px
}
.user-pages .form-group .multiselect-container li{
padding:0
}
.user-pages .form-group .multiselect-container li .multiselect-all label{
font-weight:700
}
.user-pages .form-group .multiselect-container li a{
padding:0
}
.user-pages .form-group .multiselect-container li a label{
margin:0;
height:100%;
cursor:pointer;
font-weight:400;
padding:3px 20px 3px 40px
}
.user-pages .form-group .multiselect-container li a label input[type=checkbox]{
margin-bottom:5px
}
.user-pages .form-group .multiselect-container li a label.checkbox,.user-pages .form-group .multiselect-container li a label.radio{
margin:0
}
.user-pages .form-group .multiselect-container li.multiselect-group label{
margin:0;
padding:3px 20px;
height:100%;
font-weight:700
}
.user-pages .form-group .multiselect-container li.multiselect-group-clickable label{
cursor:pointer
}
.user-pages .form-group .btn-group .btn-group .multiselect.btn{
border-top-left-radius:4px;
border-bottom-left-radius:4px
}
.user-pages .form-group .form-inline .multiselect-container label.checkbox,.user-pages .form-group .form-inline .multiselect-container label.radio{
padding:3px 20px 3px 40px
}
.user-pages .form-group .form-inline .multiselect-container li a label.checkbox input[type=checkbox],.user-pages .form-group .form-inline .multiselect-container li a label.radio input[type=radio]{
margin-left:-20px;
margin-right:0
}
#ware h2{
line-height:5rem;
text-align:center;
font-weight:700;
text-transform:capitalize;
border-bottom:1px solid #ddd
}
#ware select{
margin:1.5rem
}
#ware input#form-supplier-permit_image{
padding:.2rem
}
#ware iframe{
width:100%;
height:400px;
margin:.5rem 0 0
}
#ware button{
display:table;
margin:0 auto
}
#distrib h2{
line-height:5rem;
text-align:center;
font-weight:700;
text-transform:capitalize;
border-bottom:1px solid #ddd
}
#distrib input#form-supplier-permit_image{
padding:.2rem
}
#distrib iframe{
width:100%;
height:400px;
margin:.5rem 0 0
}
#distrib button{
display:table;
margin:0 auto
}
#distric h2{
line-height:5rem;
text-align:center;
font-weight:700;
text-transform:capitalize;
border-bottom:1px solid #ddd
}
#distric input#form-supplier-permit_image{
padding:.2rem
}
#distric iframe{
width:100%;
height:400px;
margin:.5rem 0 0
}
#distric button,#distric label.custom-control-label{
display:table;
margin:0 auto
}
#geo h2{
line-height:5rem;
text-align:center;
font-weight:700;
text-transform:capitalize;
border-bottom:1px solid #ddd
}
#geo input#form-supplier-permit_image{
padding:.2rem
}
#geo iframe{
width:100%;
height:400px;
margin:.5rem 0 0
}
#geo label.custom-control-label{
display:table;
margin:1.5rem auto
}
#geo button{
display:table;
margin:0 auto
}
.location-selector label{
vertical-align:text-top;
line-height:2.2em;
margin:0
}
.ltr .location-selector .reset,.rtl .location-selector .reset{
float:right
}
#userfrom h2{
line-height:5rem;
text-align:center;
font-weight:700;
text-transform:capitalize;
border-bottom:1px solid #ddd
}
#userfrom button,.products h1{
display:table;
margin:0 auto
}
.products h1{
line-height:5rem;
text-align:center;
font-size:20px;
font-weight:700;
text-transform:capitalize;
color:#75b239
}
.products .form-row{
margin-top:2rem;
margin-bottom:1rem
}
.products .form-row label{
color:#75b239
}
.products .form-row label .form-check input{
display:table;
margin:0 auto
}
.products nav.actions a{
color:#75b239
}
.products .model-filter{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:horizontal;
-webkit-box-direction:normal;
-ms-flex-direction:row;
flex-direction:row;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-ms-flex-line-pack:center;
align-content:center
}
.products .model-filter input.basic,.products .model-filter select{
width:20rem;
padding:.5rem
}
.products button{
display:table;
margin:0 auto
}
table{
margin-top:2rem
}
.products form .col{
min-width:320px
}
.products form .col input:focus,.products form .col select:focus{
-webkit-box-shadow:0 0 20px green;
box-shadow:0 0 20px green;
border-color:green
}
.user-pages h2{
line-height:5rem;
text-align:center;
font-weight:700;
text-transform:capitalize;
border-bottom:1px solid #ddd
}
.user-pages h5{
margin:1rem 0;
text-align:center
}
.user-pages select{
margin:1.1rem
}
.user-pages input#form-supplier-permit_image{
padding:.2rem
}
.user-pages iframe{
width:100%;
height:400px;
margin:.5rem 0 0
}
.user-pages button{
display:table;
margin:0 auto
}
.user-pages .all-market{
margin-top:3rem
}
.user-pages .all-market table{
margin-top:0
}
.user-pages .all-market .marketfilter{
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-ms-flex-line-pack:center;
align-content:center
}
.user-pages .all-market .marketfilter .input-group{
margin:1rem 0
}
.user-pages .all-market .marketfilter .input-group .input-group-text{
margin-right:.3rem;
background:#81c7d9;
color:#fff
}
.user-pages .all-market .marketfilter .input-group-append button{
display:table;
margin:0 auto
}
.user-pages .all-market .filters{
padding-bottom:1rem;
-webkit-box-shadow:0 0 11px 0 rgba(0,0,0,.75);
box-shadow:0 0 11px 0 rgba(0,0,0,.75)
}
.user-pages .all-market .filters #accordionExample{
width:100%
}
.user-pages table i{
padding:0
}
.user-pages .dataTables_wrapper .col-sm-12.col-md-6{
display:none
}
.user-pages .dataTables_wrapper .col-sm-12.col-md-6 .col-sm-12.col-md-6+.col-sm-12.col-md-6{
display:initial;
max-width:100%;
-webkit-box-flex:1;
-ms-flex:1 1 100%;
flex:1 1 100%
}
.market-search{
margin:2rem 0 1rem
}
.summary{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
margin-bottom:1rem;
-webkit-box-orient:horizontal;
-webkit-box-direction:normal;
-ms-flex-direction:row;
flex-direction:row;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
-ms-flex-pack:distribute;
justify-content:space-around;
-webkit-box-align:start;
-ms-flex-align:start;
align-items:flex-start;
-ms-flex-line-pack:distribute;
align-content:space-around
}
#service-content h2{
text-align:center;
text-transform:capitalize;
line-height:4rem;
border-bottom:1px solid #ddd
}
#service-content .text{
margin:.4rem;
line-height:2rem;
border-bottom:1px solid #ddd
}
#service-content .text h4{
text-transform:capitalize;
color:#ffc244
}
#service-content .text ul{
list-style:square
}
.rating{
border:none;
float:left
}
.rating>input{
display:none
}
.rating>.odd:before{
position:absolute
}
.rating>label{
color:#ddd;
float:right;
overflow:hidden;
position:relative
}
.rating:not(:checked)>label:hover,.rating:not(:checked)>label:hover~label,.rating>input:checked~label{
color:gold
}
.rating>input:checked+label:hover,.rating>input:checked~label:hover,.rating>input:checked~label:hover~label,.rating>label:hover~input:checked~label{
color:#ffed85
}
#search-page{
margin:2rem 0
}
#search-page .search-input input{
height:56px
}
#search-page .search-input ul{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:horizontal;
-webkit-box-direction:normal;
-ms-flex-direction:row;
flex-direction:row;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
-webkit-box-pack:start;
-ms-flex-pack:start;
justify-content:flex-start;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-ms-flex-line-pack:center;
align-content:center;
list-style:none
}
#search-page .search-input ul li{
margin-left:1rem
}
#search-page .search-input #basic-addon1{
background:#2abb9b
}
#search-page .search-input #basic-addon1 a{
color:#fff
}
#search{
margin:2rem 0
}
#search .card{
padding:2rem
}
#search .card img{
width:300px
}
#search ul li a{
margin-left:1rem
}
#search ul li span i{
color:#2abb9b
}
#terms-content .text ol li{
margin:1rem;
border-bottom:1px solid #ddd;
line-height:2.5rem
}
#contact-map{
height:400px
}
#contact-map iframe{
width:100%;
height:400px
}
#contact-DETAIL{
margin:1%
}
#contact-DETAIL h2{
text-align:center;
text-transform:uppercase;
font-size:26px;
line-height:1.4;
padding-bottom:20px;
position:relative;
margin-bottom:4%
}
#contact-DETAIL h2:after{
content:"";
position:absolute;
left:48%;
bottom:0;
width:55px;
height:3px;
background-color:#75b239
}
#contact-DETAIL .icon-box{
text-align:center
}
#contact-DETAIL .icon-box .icon-wrap{
font-size:36px;
line-height:1;
padding-bottom:15px
}
#contact-DETAIL .icon-box .icon-content .icon-title{
font-size:18px
}
#contact-form{
margin:1%
}
#contact-form h2{
text-align:center;
text-transform:uppercase;
font-size:26px;
line-height:1.4;
padding-bottom:20px;
position:relative;
margin-bottom:4%
}
#contact-form h2:after{
content:"";
position:absolute;
left:48%;
bottom:0;
width:55px;
height:3px;
background-color:#75b239
}
#contact-form form input,#contact-form form textarea{
width:100%;
background-color:#f2f2f2;
border:1px solid #f2f2f2;
margin-bottom:30px;
padding:8px 15px;
border-radius:0
}
#contact-form form textarea{
display:block
}
#contact-form form .btn{
background:transparent;
border:2px solid #e1e1e1;
color:#75b239;
font-weight:700;
margin-top:25px;
padding:8px 30px;
border-radius:0;
-webkit-transition:all .3s;
transition:all .3s;
display:table;
margin:0 auto
}
#contact-form form .btn:hover{
background:#75b239;
color:#fff
}
#about-banner{
background-image:url("/img/bg-page-title.jpg");
background-size:cover;
margin-bottom:80px;
position:relative;
min-height:170px;
padding-bottom:13%;
padding-top:13%
}
#about-banner .page-top{
position:absolute;
top:0;
left:40%;
color:#fff;
font-size:40px;
font-weight:700;
text-transform:uppercase
}
#about-banner .page-top h2{
font-size:48px
}
#about-banner .page-top h6{
font-size:20px
}
#about-banner .page-top h6 a{
text-decoration:none
}
#about-banner ul.breadcrumbs{
list-style-type:none;
list-style:none;
position:absolute;
top:50%;
left:38%
}
#about-banner ul.breadcrumbs li{
display:inline-block;
padding-right:6px;
padding-top:20px;
padding-bottom:20px;
font-style:italic;
color:#75b239
}
#about-banner ul.breadcrumbs li a{
color:#fff;
text-decoration:none
}
#about-content .img-about img{
max-width:100%
}
#about-content p{
line-height:2;
margin-top:2rem;
margin-bottom:3rem
}
#about-content p span{
color:#2abb9b
}
#about-content .btn{
background-color:#75b239;
color:#fff
}
#about-content h5{
line-height:4
}
#about-content ul.schedule-time{
list-style:none
}
#about-content ul.schedule-time li{
line-height:3;
border-bottom:1px dotted
}
#about-content ul.schedule-time li span{
float:right
}
#SERVICES h2{
text-align:center;
text-transform:uppercase;
font-size:26px;
line-height:1.4;
padding-bottom:20px;
position:relative;
margin-bottom:4%
}
#SERVICES h2:after{
content:"";
position:absolute;
left:48%;
bottom:0;
width:55px;
height:3px;
background-color:#75b239
}
#SERVICES h3{
font-size:17px;
line-height:3;
text-align:center;
text-transform:uppercase
}
#SERVICES .cat i{
color:#75b239;
display:table;
margin:0 auto;
font-size:30px
}
#counter{
background-color:#75b239!important;
padding-top:5%;
padding-bottom:5%
}
#counter .icon-box{
text-align:center
}
#counter .icon-box .icon-wrap i{
color:#fff;
font-size:60px
}
#counter .icon-box .icon-content .count{
color:#fff;
font-weight:700;
font-size:40px;
font-family:verdana;
margin-top:30px
}
#counter .icon-box .icon-content p{
color:#fff
}
#doctors{
margin:1%
}
#doctors h2{
text-align:center;
text-transform:uppercase;
font-size:26px;
line-height:1.4;
padding-bottom:20px;
position:relative;
margin-bottom:4%
}
#doctors h2:after{
content:"";
position:absolute;
left:48%;
bottom:0;
width:55px;
height:3px;
background-color:#75b239
}
#doctors .card:hover .book-appointment{
top:21%;
top:65%
}
#doctors .card{
position:relative
}
#doctors .card img{
max-height:300px
}
#doctors .card .book-appointment{
display:table;
margin:0 auto;
background:#75b239;
width:100%;
text-align:center;
padding:3%;
z-index:1;
position:absolute;
top:21%;
top:75%;
-webkit-transition:all .3s;
transition:all .3s
}
#doctors .card .book-appointment a{
color:#fff
}
#doctors .card .card-body{
background-color:#eff6f9;
position:relative;
z-index:2;
text-align:center
}
#doctors .card .card-body .card-title:after{
content:"";
position:absolute;
width:15px;
height:2px;
background-color:#707070;
top:52%;
left:50%
}
#mored{
padding:1rem
}
#mored select{
border:none;
padding:.8rem
}
#buy-order{
text-align:center
}
#buy-order button{
width:20rem
}
#add-prod{
padding:1rem
}
#add-prod select{
width:100%
}
#add-prod .custom-file label:after,#add-prod select{
padding:.4rem;
border:none;
background:#75b239;
color:#fff
}
#add-prod .custom-file label:after{
content:"upload"!important
}
#prod-table table{
border-left:1px solid #ddd;
border-bottom:1px solid #ddd
}
#prod-edite .edit-btn{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
-webkit-box-pack:start;
-ms-flex-pack:start;
justify-content:flex-start;
-webkit-box-align:end;
-ms-flex-align:end;
align-items:flex-end;
-ms-flex-line-pack:start;
align-content:flex-start
}
#prod-edite .edit-btn button{
margin:1rem
}
#prod-edite #help-btn{
display:table;
margin:0 auto
}
#places{
text-align:center
}
#places h3{
line-height:3
}
#places h4{
font-size:1rem;
font-weight:700
}
#places select{
width:90%;
margin:1.5rem;
padding:1rem;
border:none;
color:#fff;
background:#75b239
}
#places input.form-control{
margin:1.6rem;
padding:1.8rem;
border:1px solid #75b239
}
#places a.plus{
position:relative;
top:4rem;
width:50px;
height:50px;
padding:1rem;
border-radius:50%;
font-size:18px;
border:1px solid #75b239
}
.ads{
margin:1%
}
.ads .ban-img:hover{
-webkit-box-shadow:0 0 12px 0 rgba(0,0,0,.75);
box-shadow:0 0 12px 0 rgba(0,0,0,.75)
}
.ads .ban-img{
overflow:hidden
}
.ads .ban-img,.ads .ban-img img{
-webkit-transition:all 1s ease-in-out;
transition:all 1s ease-in-out
}
.ads .ban-img img{
max-width:100%;
-webkit-transform:scale(1);
transform:scale(1)
}
.ads .ban-img img:hover{
-webkit-transform:scale(1.2);
transform:scale(1.2)
}
.auto-complete .empty,.auto-complete .result{
display:none
}
.auto-complete.focus.complete .empty,.auto-complete.focus.complete .result,.auto-complete.hover.complete .result{
display:initial
}
.vvss{
position:fixed;
right:0;
top:11rem;
bottom:100%;
padding-top:130px;
width:45px;
padding-left:45px;
z-index:100000;
overflow:hidden;
transition:width .5s linear,bottom 0s linear .5s;
-moz-transition:width .5s linear,bottom 0s linear .5s;
-webkit-transition:width .5s linear,bottom 0s linear .5s
}
.vvss #public-btn{
position:absolute;
top:0;
height:100%;
left:0;
border:none;
color:#fff;
background:linear-gradient(30deg,#63d6fa .14%,#0ce808 99.61%)
}
.vvss .clear{
left:50px
}
i.fa-cog{
cursor:pointer;
-webkit-animation-name:clockwise;
-webkit-animation-duration:1s;
animation-name:clockwise;
animation-duration:1s;
-webkit-animation-iteration-count:infinite;
-moz-animation-iteration-count:infinite
}
@-webkit-keyframes clockwise{
0%{
-moz-transform:rotate(0deg);
-webkit-transform:rotate(0deg)
}
to{
-moz-transform:rotate(1turn);
-webkit-transform:rotate(1turn)
}

}
@keyframes clockwise{
0%{
-moz-transform:rotate(0deg);
-webkit-transform:rotate(0deg)
}
to{
-moz-transform:rotate(1turn);
-webkit-transform:rotate(1turn)
}

}
.bootstrap-select>select.bs-select-hidden,select.bs-select-hidden,select.selectpicker{
display:none!important
}
.bootstrap-select{
width:220px \0;
vertical-align:middle
}
.bootstrap-select>.dropdown-toggle{
position:relative;
width:100%;
z-index:1;
text-align:right;
white-space:nowrap
}
.bootstrap-select>.dropdown-toggle.bs-placeholder,.bootstrap-select>.dropdown-toggle.bs-placeholder:active,.bootstrap-select>.dropdown-toggle.bs-placeholder:focus,.bootstrap-select>.dropdown-toggle.bs-placeholder:hover{
color:#999
}
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-danger,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-danger:active,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-danger:focus,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-danger:hover,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-dark,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-dark:active,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-dark:focus,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-dark:hover,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-info,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-info:active,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-info:focus,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-info:hover,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-primary,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-primary:active,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-primary:focus,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-primary:hover,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-secondary,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-secondary:active,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-secondary:focus,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-secondary:hover,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-success,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-success:active,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-success:focus,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-success:hover{
color:hsla(0,0%,100%,.5)
}
.bootstrap-select>select{
position:absolute!important;
bottom:0;
left:50%;
display:block!important;
width:.5px!important;
height:100%!important;
padding:0!important;
opacity:0!important;
border:none
}
.bootstrap-select>select.mobile-device{
top:0;
left:0;
display:block!important;
width:100%!important;
z-index:2
}
.bootstrap-select.is-invalid .dropdown-toggle,.error .bootstrap-select .dropdown-toggle,.has-error .bootstrap-select .dropdown-toggle,.was-validated .bootstrap-select .selectpicker:invalid+.dropdown-toggle{
border-color:#b94a48
}
.bootstrap-select.is-valid .dropdown-toggle,.was-validated .bootstrap-select .selectpicker:valid+.dropdown-toggle{
border-color:#28a745
}
.bootstrap-select.fit-width{
width:auto!important
}
.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn){
width:220px
}
.bootstrap-select .dropdown-toggle:focus,.bootstrap-select>select.mobile-device:focus+.dropdown-toggle{
outline:thin dotted #333!important;
outline:5px auto -webkit-focus-ring-color!important;
outline-offset:-2px
}
.bootstrap-select.form-control{
margin-bottom:0;
padding:0;
border:none
}
:not(.input-group)>.bootstrap-select.form-control:not([class*=col-]){
width:100%
}
.bootstrap-select.form-control.input-group-btn{
z-index:auto
}
.bootstrap-select.form-control.input-group-btn:not(:first-child):not(:last-child)>.btn{
border-radius:0
}
.bootstrap-select:not(.input-group-btn),.bootstrap-select[class*=col-]{
float:none;
display:inline-block;
margin-left:0
}
.bootstrap-select.dropdown-menu-right,.bootstrap-select[class*=col-].dropdown-menu-right,.row .bootstrap-select[class*=col-].dropdown-menu-right{
float:right
}
.form-group .bootstrap-select,.form-horizontal .bootstrap-select,.form-inline .bootstrap-select{
margin-bottom:0
}
.form-group-lg .bootstrap-select.form-control,.form-group-sm .bootstrap-select.form-control{
padding:0
}
.form-group-lg .bootstrap-select.form-control .dropdown-toggle,.form-group-sm .bootstrap-select.form-control .dropdown-toggle{
height:100%;
font-size:inherit;
line-height:inherit;
border-radius:inherit
}
.bootstrap-select.form-control-lg .dropdown-toggle,.bootstrap-select.form-control-sm .dropdown-toggle{
font-size:inherit;
line-height:inherit;
border-radius:inherit
}
.bootstrap-select.form-control-sm .dropdown-toggle{
padding:.25rem .5rem
}
.bootstrap-select.form-control-lg .dropdown-toggle{
padding:.5rem 1rem
}
.form-inline .bootstrap-select .form-control{
width:100%
}
.bootstrap-select.disabled,.bootstrap-select>.disabled{
cursor:not-allowed
}
.bootstrap-select.disabled:focus,.bootstrap-select>.disabled:focus{
outline:none!important
}
.bootstrap-select.bs-container{
position:absolute;
top:0;
left:0;
height:0!important;
padding:0!important
}
.bootstrap-select.bs-container .dropdown-menu{
z-index:1060
}
.bootstrap-select .dropdown-toggle:before{
content:"";
display:inline-block
}
.bootstrap-select .dropdown-toggle .filter-option{
position:absolute;
top:0;
left:0;
padding-top:inherit;
padding-right:inherit;
padding-bottom:inherit;
padding-left:inherit;
height:100%;
width:100%;
text-align:left
}
.bootstrap-select .dropdown-toggle .filter-option-inner{
padding-right:inherit
}
.bootstrap-select .dropdown-toggle .filter-option-inner-inner{
overflow:hidden
}
.bootstrap-select .dropdown-toggle .caret{
position:absolute;
top:50%;
right:12px;
margin-top:-2px;
vertical-align:middle
}
.input-group .bootstrap-select.form-control .dropdown-toggle{
border-radius:inherit
}
.bootstrap-select[class*=col-] .dropdown-toggle{
width:100%
}
.bootstrap-select .dropdown-menu{
min-width:100%;
-webkit-box-sizing:border-box;
box-sizing:border-box
}
.bootstrap-select .dropdown-menu>.inner:focus{
outline:none!important
}
.bootstrap-select .dropdown-menu.inner{
position:static;
float:none;
border:0;
padding:0;
margin:0;
border-radius:0;
-webkit-box-shadow:none;
box-shadow:none
}
.bootstrap-select .dropdown-menu li{
position:relative
}
.bootstrap-select .dropdown-menu li.active small{
color:hsla(0,0%,100%,.5)!important
}
.bootstrap-select .dropdown-menu li.disabled a{
cursor:not-allowed
}
.bootstrap-select .dropdown-menu li a{
cursor:pointer;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none
}
.bootstrap-select .dropdown-menu li a.opt{
position:relative;
padding-left:2.25em
}
.bootstrap-select .dropdown-menu li a span.check-mark{
display:none
}
.bootstrap-select .dropdown-menu li a span.text{
display:inline-block
}
.bootstrap-select .dropdown-menu li small{
padding-left:.5em
}
.bootstrap-select .dropdown-menu .notify{
position:absolute;
bottom:5px;
width:96%;
margin:0 2%;
min-height:26px;
padding:3px 5px;
background:#f5f5f5;
border:1px solid #e3e3e3;
-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.05);
box-shadow:inset 0 1px 1px rgba(0,0,0,.05);
pointer-events:none;
opacity:.9;
-webkit-box-sizing:border-box;
box-sizing:border-box
}
.bootstrap-select .no-results{
padding:3px;
background:#f5f5f5;
margin:0 5px;
white-space:nowrap
}
.bootstrap-select.fit-width .dropdown-toggle .filter-option{
position:static;
display:inline;
padding:0
}
.bootstrap-select.fit-width .dropdown-toggle .filter-option-inner,.bootstrap-select.fit-width .dropdown-toggle .filter-option-inner-inner{
display:inline
}
.bootstrap-select.fit-width .dropdown-toggle .caret{
position:static;
top:auto;
margin-top:-1px
}
.bootstrap-select.show-tick .dropdown-menu .selected span.check-mark{
position:absolute;
display:inline-block;
right:15px;
top:5px
}
.bootstrap-select.show-tick .dropdown-menu li a span.text{
margin-right:34px
}
.bootstrap-select .bs-ok-default:after{
content:"";
display:block;
width:.5em;
height:1em;
border-style:solid;
border-width:0 .26em .26em 0;
-webkit-transform:rotate(45deg);
transform:rotate(45deg)
}
.bootstrap-select.show-menu-arrow.open>.dropdown-toggle,.bootstrap-select.show-menu-arrow.show>.dropdown-toggle{
z-index:1061
}
.bootstrap-select.show-menu-arrow .dropdown-toggle .filter-option:before{
content:"";
border-left:7px solid transparent;
border-right:7px solid transparent;
border-bottom:7px solid hsla(0,0%,80%,.2);
position:absolute;
bottom:-4px;
left:9px;
display:none
}
.bootstrap-select.show-menu-arrow .dropdown-toggle .filter-option:after{
content:"";
border-left:6px solid transparent;
border-right:6px solid transparent;
border-bottom:6px solid #fff;
position:absolute;
bottom:-4px;
left:10px;
display:none
}
.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle .filter-option:before{
bottom:auto;
top:-4px;
border-top:7px solid hsla(0,0%,80%,.2);
border-bottom:0
}
.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle .filter-option:after{
bottom:auto;
top:-4px;
border-top:6px solid #fff;
border-bottom:0
}
.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle .filter-option:before{
right:12px;
left:auto
}
.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle .filter-option:after{
right:13px;
left:auto
}
.bootstrap-select.show-menu-arrow.open>.dropdown-toggle .filter-option:after,.bootstrap-select.show-menu-arrow.open>.dropdown-toggle .filter-option:before,.bootstrap-select.show-menu-arrow.show>.dropdown-toggle .filter-option:after,.bootstrap-select.show-menu-arrow.show>.dropdown-toggle .filter-option:before{
display:block
}
.bs-actionsbox,.bs-donebutton,.bs-searchbox{
padding:4px 8px
}
.bs-actionsbox{
width:100%;
-webkit-box-sizing:border-box;
box-sizing:border-box
}
.bs-actionsbox .btn-group button{
width:50%
}
.bs-donebutton{
float:left;
width:100%;
-webkit-box-sizing:border-box;
box-sizing:border-box
}
.bs-donebutton .btn-group button{
width:100%
}
.bs-searchbox+.bs-actionsbox{
padding:0 8px 4px
}
.bs-searchbox .form-control{
margin-bottom:0;
width:100%;
float:none
}
#root>aside a,#root>header a{
color:#000; 
}
#root>aside a ,#uesr-topnav a{
color:#fff !important; 
}
#root>aside a:hover,#root>header a:hover{
text-decoration:none
}
#root [v-cloak]{
display:none
}
#root>header{
z-index:1049;
font-size:1em;
color:#000
}
#root>main header .actions{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:horizontal;
-webkit-box-direction:reverse;
-ms-flex-flow:nowrap row-reverse;
flex-flow:row-reverse nowrap
}
#root>main header .icon-btn{
font-size:2em;
padding:0 .3em;
line-height:1.3em
}
#root>main header .btn i{
vertical-align:inherit
}
#root>main header .btn span{
font-size:1rem;
font-weight:600;
vertical-align:inherit
}
.form>.input{
display:-webkit-box;
display:-ms-flexbox;
display:flex
}
.form>.input>label{
-ms-flex-preferred-size:20%;
flex-basis:20%
}
.form>.input>.input{
-webkit-box-flex:1;
-ms-flex-positive:1;
flex-grow:1
}
.form>.actions{
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between
}
.form>.actions,.paginator{
display:-webkit-box;
display:-ms-flexbox;
display:flex
}
.paginator{
-webkit-box-pack:space-evenly;
-ms-flex-pack:space-evenly;
justify-content:space-evenly
}
.paginator>ul{
margin:0;
padding:0;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center
}
.paginator>ul>li,.paginator>ul>li>a{
display:inline-block
}
.paginator>ul>li>a{
padding:0 1em;
border:1px solid #7777;
color:inherit;
line-height:2.8em
}
.paginator>ul>li>a:hover{
text-decoration:none
}
.paginator>ul>li.current>a{
background:#aaa
}
.errors{
background:orange
}
.deleted{
background:red
}
.busy{
background:gold
}
header>nav.actions>a{
border-radius:.2em;
color:#75b239
}
header>nav.actions>a>*{
display:inline-block
}
header>nav.actions>a span{
font-size:.7em;
vertical-align:top
}
header>nav.actions>a:hover{
text-decoration:none
}
.show-cart{
display:none
}
#cart-plus:focus-within .show-cart,#cart-plus:focus .show-cart,#cart-plus:hover .show-cart{
display:initial
}
.custom-checkbox.custom-control-inline{
-webkit-box-flex:1;
-ms-flex:1 0 0px;
flex:1 0 0
}
.navbar-text {
  color: #fff;
  background-color: #2abb9b;
}

/* Optional: Style the links inside to ensure they're visible */
.navbar-text a {
  color: #fff;
}

.navbar-text a:hover {
  color: #fff;
  opacity: 0.8; /* Slightly lighter on hover */
}

.container-fluid
{
	width: 90%;
}
.carousel-inner
{
	height: 650px;
}
.site-block-cover-content h1 {
    font-size: 50px;
    font-weight: 900;
    color: #fff;
    margin-bottom: 30px;
    text-transform: uppercase;
}
.site-block-cover-content h2 {
    font-size: 14px;
    font-weight: normal;
    color: #000;
    letter-spacing: .2em;
    text-transform: uppercase;
}
 
.btn.btn-primary:hover {
    background: transparent;
    color: #51eaea;
}
.carousel-control-next-iconb
{
		  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0L6.5 4l-3.75 4V0z'/%3E%3C/svg%3E");

  width: 50px;
    height: 50px;
	margin-right: -200px;
}
.carousel-control-prev-iconb
{ 
 background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0L1.5 4l3.75 4V0z'/%3E%3C/svg%3E");

width: 50px;
    height: 50px;
	margin-left: -200px;
}
#carousel4Items
{
	height: 400px;
}