﻿ 

 

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
 
/* Set width on the form input elements since they're 100% wide by default */
/* input,
select,
textarea {
    max-width: 280px;
} */
h1,h2,h3,h4,h5,h6,p,li,ul,body,a,input,textarea,button, .mainslider  div, .services-box-item-cover:after{
    font-family:myFont2 !important;
    }
    @media screen and (min-width: 768px){
    .navbar-nav .dropdown-item.show .dropdown-menu, .dropdown.show .dropdown-menu, .dropdown-btn.show .dropdown-menu {
        transform: translate3d(0,0,0);
        visibility: visible !important;
    }
    }
    .dropdown.show .dropdown-menu, .dropup.show .dropdown-menu, .bootstrap-select.show .dropdown-menu {
        opacity: 1;
        filter: alpha(opacity=100);
        visibility: visible;
    }
    .navbar .navbar-nav .dropdown-menu {
        border-radius: 12px;
        margin-top: 1px;
    }
    @media screen and (min-width: 768px){
    .navbar-nav .dropdown-item .dropdown-menu, .dropdown .dropdown-menu, .dropdown-btn .dropdown-menu {
        transform: translate3d(0,-40px,0);
        transition: all .3s cubic-bezier(0.215,0.61,0.355,1) 0s,opacity .3s ease 0s,height 0s linear .35s;
    }
    }
    .dropdown .dropdown-menu, .dropup .dropdown-menu, .bootstrap-select .dropdown-menu {
        display: block;
        opacity: 0;
        filter: alpha(opacity=0);
        -webkit-box-shadow: 0 2px rgba(17,16,15,0.1), 0 2px 10px rgba(17,16,15,0.1);
        box-shadow: 0 2px rgba(17,16,15,0.1), 0 2px 10px rgba(17,16,15,0.1);
        visibility: hidden;
        position: absolute;
        transition: all .3s cubic-bezier(0.215,0.61,0.355,1) 0s,opacity .3s ease 0s,height 0s linear .35s;
    }
    .navbar-nav>.dropdown-menu, .dropdown .dropdown-menu {
        transition: all .3s cubic-bezier(0.215,0.61,0.355,1) 0s,opacity .3s ease 0s,height 0s linear .35s;
    }
  /*   .dropdown-menu-right {
        right: -2px;
        left: auto;
    }   */
     .dropdown-menu {
        background-color: #fff;
        border: 0 none;
        border-radius: 12px;
        margin-top: 10px;
        padding: 0;
    }
    .navbar-nav .dropdown-menu:before , .dropdown .dropdown-menu[x-placement="bottom-start"]:before, .dropdown .dropdown-menu[x-placement="bottom-end"]:before, .card.card-just-text .dropdown .dropdown-menu:before, .card-just-text .dropdown .dropdown-menu:before, .dropdown-btn .dropdown-menu:before {
        border-bottom: 11px solid #f1eae0;
        border-left: 11px solid transparent;
        border-right: 11px solid transparent;
        content: "";
        display: inline-block;
        position: absolute;
        right: 12px;
        top: -11px;
    }
    .dropdown-menu .dropdown-item:first-child {
        border-top-left-radius: 12px;
        border-top-right-radius: 12px;
    }
    .dropdown-menu .dropdown-item {
        color: #66615b;
        font-size: 14px;
        padding: 10px 15px 10px 45px;
        clear: both;
        white-space: nowrap;
        width: 100%;
        display: block;
    }
    .dropdown-menu .dropdown-item {
        -webkit-transition: all 150ms linear;
        -moz-transition: all 150ms linear;
        -o-transition: all 150ms linear;
        -ms-transition: all 150ms linear;
        transition: all 150ms linear;
    }
    @media screen and (min-width: 768px){
    .navbar-nav .dropdown-item.show .dropdown-menu, .dropdown.show .dropdown-menu, .dropdown-btn.show .dropdown-menu {
        transform: translate3d(0,0,0);
        visibility: visible !important;
    }
    }
    .dropdown.show .dropdown-menu, .dropup.show .dropdown-menu, .bootstrap-select.show .dropdown-menu {
        opacity: 1;
        filter: alpha(opacity=100);
        visibility: visible;
    }
    .dropdown  .dropdown-menu, .dropup .dropdown-menu, .bootstrap-select .dropdown-menu {
        display: block;
        opacity: 0;
        filter: alpha(opacity=0);
        -webkit-box-shadow: 0 2px rgba(17,16,15,0.1), 0 2px 10px rgba(17,16,15,0.1);
        box-shadow: 0 2px rgba(17,16,15,0.1), 0 2px 10px rgba(17,16,15,0.1);
        visibility: hidden;
        position: absolute;
        transition: all .3s cubic-bezier(0.215,0.61,0.355,1) 0s,opacity .3s ease 0s,height 0s linear .35s;
    }
    .dropdown-menu .dropdown-item:last-child {
        border-bottom-left-radius: 12px;
        border-bottom-right-radius: 12px;
    }
    .tagsinput .tag, .tagsinput-remove-link, .filter, .btn-hover, [data-toggle="collapse"] i, .animation-transition-fast, .dropdown-menu .dropdown-item {
        -webkit-transition: all 150ms linear;
        -moz-transition: all 150ms linear;
        -o-transition: all 150ms linear;
        -ms-transition: all 150ms linear;
        transition: all 150ms linear;
    }
    .navbar .dropdown-menu:after  , .dropdown .dropdown-menu[x-placement="bottom-start"]:after, .dropdown .dropdown-menu[x-placement="bottom-end"]:after, .card.card-just-text .dropdown .dropdown-menu:after, .card-just-text .dropdown .dropdown-menu:after, .dropdown-btn .dropdown-menu:after  {
        border-bottom: 11px solid #fff;
        border-left: 11px solid transparent;
        border-right: 11px solid transparent;
        content: "";
        display: inline-block;
        position: absolute;
        right: 82px;
        top: -10px;
    }
    .dropdown-menu  li a{
       color:black !important; 
        padding: 4px 12px !important;
    }
     @media screen and (max-width: 991px){
    .dropdown.show .dropdown-menu {
        display: block;
    }}
    @media screen and (max-width: 991px){
    .dropdown.show .dropdown-menu, .dropdown .dropdown-menu {
        border: 0;
        transition: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        width: auto;
    }}
    @media (max-width: 767px){
    .navbar .navbar-nav .dropdown-menu {
        height: 400px;
        overflow-y: scroll;
    }}
    @media screen and (max-width: 991px){
    .navbar-collapse .navbar-nav>.nav-item>.nav-link {
        margin: 0;
        color: #9a9a9a !important;
        text-transform: uppercase;
        font-weight: 600;
        font-size: 12px;
        line-height: 1.5em;
        padding: 15px 0;
    }}  
      @media screen and (max-width: 991px){
    .navbar-collapse {
      /*   position: fixed;
        display: block;
        top: 0; 
        height: 100%;*/
       /*    width: 230px;
      left: 0;
        z-index: 1032;
        visibility: visible;
        background-color: #999;
        overflow-y: visible;
        border-top: 0;
        text-align: left;
        border-left: 1px solid #ccc5b9;
        padding-right: 0;
        padding-left: 40px;
        padding-top: 15px; */
       /*  -webkit-transform: translateX(-230px);
        -moz-transform: translateX(-230px);
        -o-transform: translateX(-230px);
        -ms-transform: translateX(-230px);
        transform: translateX(-230px);
        -webkit-transition: all .33s cubic-bezier(0.685,0.0473,0.346,1);
        -moz-transition: all .33s cubic-bezier(0.685,0.0473,0.346,1);
        -o-transition: all .33s cubic-bezier(0.685,0.0473,0.346,1);
        -ms-transition: all .33s cubic-bezier(0.685,0.0473,0.346,1);
        transition: all .33s cubic-bezier(0.685,0.0473,0.346,1); */
    }}  

