- needed to position the dropdown content */
.dropdown {
position: relative;
display: inline-block;
}
/* Dropdown Content (Hidden by Default) */
.dropdown-content {
display: none;
position: absolute;
background-color: #f1f1f1;
min-width: 160px;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
z-index: 1;
right: 0.3rem;
top: 4.5rem;
text-align: center;
}
.dropdown-content ul{
padding: 2rem;
}
.dropdown-content ul li{
list-style-type: none;
text-align: center;
}
/* Links inside the dropdown */
.dropdown-content a {
color: black;
padding: 12px 16px;
text-decoration: none;
display: block;
text-align: center;
}
/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #205683; color: #fff;}
/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {display: block;}
/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {background-color: #205683;}
.logo,.search-wrapper{
display: flex;
justify-content: center;
align-items: center;}
.container{
padding: 0px 15px;
}
.navbar-right li{
list-style-type: none !important;
}
@media(min-width:768px){
.content{
display: flex ;
justify-content: space-between;
}
.nav-menu{
margin-top: 9rem;
}
}
@media(min-width:992px){
.content{
padding: 0.5rem 2rem;
}
.search-wrapper div{
margin:0px 6px 0px 6px;
}
.dropbtn{
margin-top:2rem;
margin-left: 2rem;
}
#upper-setting-btn{
display: none;
}
.navbar-top{
display: flex;
justify-content: center;
}
.content-main .links{
margin-left: 0px !important;
}
}
/* main navbar */
.nav-menu{
background-color: #205683;
}
.nav-menu .main-menu{
position: relative;
display: flex;
max-width: calc(100% - 200px);
margin: 0 auto;
height: 70px;
align-items: center;
justify-content: space-between;
}
.main-menu .content-main{
display: flex;
align-items: center;
}
.main-menu .content-main .links{
margin-left: 80px;
display: flex;
}
.content-main .logo a{
color: #fff;
font-size: 30px;
font-weight: 600;
}
.content-main .links li{
list-style: none;
}
.content-main .links li a,
.content-main .links li label{
color: #fff;
font-size: 18px;
font-weight: 500;
padding: 9px 17px;
border-radius: 5px;
transition: all 0.3s ease;
}
.content-main .links li label{
display: none;
}
.content-main .links li a:hover{
background:#30a1be !important ;
}
.nav-menu .search-icon,
.nav-menu .menu-icon{
color: #fff;
font-size: 18px;
cursor: pointer;
line-height: 70px;
width: 70px;
text-align: center;
}
.nav-menu .menu-icon{
display: none;
}
.nav-menu #show-search:checked ~ .search-icon i::before{
content: "\f00d";
}
.search-box input{
width: 100%;
height: 100%;
border: none;
outline: none;
font-size: 17px;
color: #fff;
background: #171c24;
padding: 0 100px 0 15px;
}
.nav-menu input[type="checkbox"]{
display: none;
}
/* Dropdown Menu code start */
.content-main .links ul{
position: absolute;
background: #205683;
top: 44px;
z-index: -1;
opacity: 0;
visibility: hidden;
}
.content-main .links li:hover > ul{
top: 30px !important;
opacity: 1;
visibility: visible;
transition: all 0.3s ease;
}
.content-main .links ul li a{
display: block;
width: 100%;
line-height: 30px;
border-radius: 0px!important;
}
.content-main .links ul ul{
position: absolute;
top: 0;
right: calc(-100% + 8px);
}
.content-main .links ul li{
position: relative;
}
.content-main .links ul li:hover ul{
top: 0;
}
#dropdown-menu{
/* padding: 1rem 2rem;
margin-left: -3rem; */
background-color: #205683 !important;
}
/* Responsive code start */
@media screen and (max-width:1250px){
.nav-menu .main-menu{
max-width: 100%;
/* padding: 0 20px; */
}
.main-menu .content-main .links{
margin-left: 30px;
}
.content-main .links li a{
padding: 8px 13px;
}
.nav-menu .search-box{
max-width: calc(100% - 100px);
}
.nav-menu .search-box input{
padding: 0 100px 0 15px;
}
}
@media screen and (max-width:991px){
.content-main{
display: block;
position: fixed;
background:#205683;
height: 100%;
width: 100%;
top:33%;
left: -113%;
margin-left: 0;
max-width:350px !important;
height: 100vh !important;
overflow-y: auto;
padding-bottom: 100px;
transition: all 0.3s ease;
}
.content-main .links{
display:block !important;
}
.content-main .links ul,
.content-main .links ul ul{
position: static;
opacity: 1;
visibility: visible;
background: none;
/* max-height: 0px; */
overflow: hidden;
}
.content-main .links #show-features:checked ~ ul,
.content-main .links #show-services:checked ~ ul,
.content-main .links #show-items:checked ~ ul{
max-height: 100vh;
}
.content-main .links ul li{
margin: 7px 20px;
}
.content-main .links li a{
font-size: 18px;
line-height: 30px;
border-radius: 5px!important;
}
#toggleLink{
margin-right: 2rem;
}
}
/* @media screen and (min-width: 390px){
.main-menu .content-main .links{
top:26% ;
left:-113%;
}
}
@media screen and (min-width:412px){
.main-menu .content-main .links{
top:22%;
left: -113%;
}
}
@media screen and (min-width: 420px){
.main-menu .content-main .links{
top:28% ;
left:-113%;
}
}
@media screen and (min-width: 576px){
.main-menu .content-main .links{
top:26% ;
left: -113%;
}
} */
/* @media screen and (min-width: 768px){
.main-menu .content-main .links{
top:15%;
left: -113%;
}
}
@media screen and (min-width: 800px){
.main-menu .content-main .links{
top:11%;
left: -113%;
}
}
@media screen and (min-width: 900px){
.main-menu .content-main .links{
top:22%;
left: -113%;
}
} */
@media screen and (max-width: 991px){
.nav-menu .menu-icon{
display: block;
}
.nav-menu #show-menu:checked ~ .menu-icon i::before{
content: "\f00d";
}
.main-menu #show-menu:checked ~ .content-main .links{
left: -8%;
}
.content-main .links li{
margin: 4px 20px;
}
.content-main .links li a,
.content-main .links li label{
line-height: 30px;
font-size: 18px;
display: block;
padding: 8px 18px;
cursor: pointer;
}
.content-main .links li a.desktop-link{
display: none;
}
/* dropdown responsive code start */
.content-main-main .links ul,
.content-main-main .links ul ul{
position: static;
opacity: 1;
visibility: visible;
background: none;
max-height: 0px;
overflow: hidden;
}
.content-main-main .links #show-features:checked ~ ul,
.content-main-main .links #show-services:checked ~ ul,
.content-main-main .links #show-items:checked ~ ul{
max-height: 100vh;
}
.content-main-main .links ul li{
margin: 7px 20px;
}
.content-main-main .links ul li a{
font-size: 18px;
line-height: 30px;
border-radius: 5px!important;
}
#settings-dropdown{
display: none;
}
#mob-nav{
display: flex;
justify-content: space-between;
align-items: center;
}
}
@media screen and (max-width: 400px){
.nav-menu .main-menu{
padding: 0 10px;
}
#settings-dropdown{
display: none;
}
}
.fixed-wrapper{
width: 100%;
z-index:9;
background-color: #fff;
position: relative !important;
}
#list-items li a{
font-size: 15px !important;
}
@media(min-width:1200px){
.logo{
right: 3.4rem;
}
.search-wrapper{
left: 3.4rem;
}
#upper-setting-btn{
display: none;
}
.content-main .links li a {
padding: 4px 13px !important;
}
}
#dropdown-menu{
padding: 1rem 2rem;
margin-left: -3rem;
background-color: #205683 !important;
}
#dropdown-menu li a,.dropdown-submenu a{
font-size: 17px;
}
.dpt{
color: #205683 !important;
/* font-size: 20px; */
}
.dropdown-toggle i{
color: #fff;
font-size: 20px;
}
.dropdown-submenu a{
color: white !important;
}
@media only screen and (max-width:991px){
.fixed-wrapper{
position: fixed !important;
width: auto;
top: 0;
left: 0;
right: 0;
}
/* .part{
position: relative;
clear: both;
margin-top: 65%;
} */
}
@media only screen and (max-width:450px){
.part{
position: relative;
clear: both;
margin-top: 61%;
}
}
@media only screen and (min-width:451px) and (max-width:575px){
.part{
position: relative;
clear: both;
margin-top: 53%;
}
}
@media only screen and (min-width:576px) and (max-width:767px){
.part{
position: relative;
clear: both;
margin-top: 40%;
}
}
@media only screen and (min-width:768px) and (max-width:991px){
.part{
position: relative;
clear: both;
margin-top: 24%;
}
}
#dropdown-menu,.dropdown-bg{
/* padding: 1rem 2rem;
margin-left: -3rem; */
background-color: #205683 !important;
}
#dropdown-mb{
background-color: #205683;
top: 3rem !important;
right: 0.1rem;
}
.dropdown-menu {
display: none ;
}
/* Show the dropdown menu when the dropdown is active */
.show .dropdown-menu {
display: block ;
}
.content-main .links li a{
text-align: left !important;
}
. html,body{
overflow-x: hidden !important;
}
a{
text-decoration: none !important;
}
.nav-menu{
margin-top: 15rem;
}
.wrapper{
background-color: #fff;
}
/* .wrapper nav{
position: relative;
display: flex;
margin: 0 auto;
align-items: center;
justify-content: space-between;
} */
.main-menu .content-main .links {
z-index: 99;
}
nav .content .links{
margin-left: 80px;
display: flex;
}
.content .links li{
list-style: none;
line-height: 70px;
}
.content .links li a,
.content .links li label{
color: #205683;
font-size: 18px;
font-weight: 500;
padding: 9px 17px;
border-radius: 5px;
transition: all 0.3s ease;
}
.content .links li label{
display: none;
}
.content-main .links li a:hover,
.content-main .links li label:hover{
background: #30a0be;
}
.wrapper .search-icon,
.wrapper .menu-icon{
color: #205683;
font-size: 18px;
cursor: pointer;
line-height: 70px;
width: 70px;
text-align: center;
}
.dropbtn {
background-color: #205683;
color: white;
padding: 16px;
font-size: 16px;
border: none;
}
.dropdown-bg{
/* margin-top: 1.5rem; */
margin-right: 1rem;
}
.dropdown-menu{
width: 280px;
text-align: center;
}
.dropdown-menu li{
padding: 0rem 2rem;
}
/* The container
- needed to position the dropdown content */
.dropdown {
position: relative;
display: inline-block;
}
/* Dropdown Content (Hidden by Default) */
.dropdown-content {
display: none;
position: absolute;
background-color: #f1f1f1;
min-width: 160px;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
z-index: 1;
right: 0.5rem;
top: 5.5rem;
text-align: center;
}
.dropdown-content ul{
padding: 2rem;
}
.dropdown-content ul li{
list-style-type: none;
text-align: center;
}
/* Links inside the dropdown */
.dropdown-content a {
color: black;
padding: 12px 16px;
text-decoration: none;
display: block;
text-align: center;
}
/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #205683; color: #fff;}
/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {display: block;}
/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {background-color: #205683;}
.logo,.search-wrapper{
display: flex;
justify-content: center;
align-items: center;}
.container{
padding: 0px 15px;
}
.navbar-right li{
list-style-type: none !important;
}
@media(min-width:768px){
.content{
display: flex ;
justify-content: space-between;
}
.nav-menu{
margin-top: 9rem;
}
}
@media(min-width:992px){
.content{
padding: 0.5rem 2rem;
}
.search-wrapper div{
margin:0px 6px 0px 6px;
}
.dropbtn{
margin-top:2rem;
margin-left: 2rem;
}
#upper-setting-btn{
display: none;
}
}
/* main navbar */
.nav-menu{
background-color: #205683;
}
.nav-menu .main-menu{
position: relative;
display: flex;
max-width: calc(100% - 200px);
margin: 0 auto;
height: 70px;
align-items: center;
justify-content: space-between;
}
.main-menu .content-main{
display: flex;
align-items: center;
}
.main-menu .content-main .links{
margin-left: 80px;
display: flex;
}
.content-main .logo a{
color: #fff;
font-size: 30px;
font-weight: 600;
}
.content-main .links li{
list-style: none;
}
.content-main .links li a,
.content-main .links li label{
color: #fff;
font-size: 18px;
font-weight: 500;
padding: 9px 17px;
border-radius: 5px;
transition: all 0.3s ease;
}
.content-main .links li label{
display: none;
}
.content-main .links li a:hover{
background:#30a1be !important ;
}
.nav-menu .search-icon,
.nav-menu .menu-icon{
color: #fff;
font-size: 18px;
cursor: pointer;
line-height: 70px;
width: 70px;
text-align: center;
}
.nav-menu .menu-icon{
display: none;
}
.nav-menu #show-search:checked ~ .search-icon i::before{
content: "\f00d";
}
.search-box input{
width: 100%;
height: 100%;
border: none;
outline: none;
font-size: 17px;
color: #fff;
background: #171c24;
padding: 0 100px 0 15px;
}
.nav-menu input[type="checkbox"]{
display: none;
}
/* Dropdown Menu code start */
.content-main .links ul{
position: absolute;
background: #205683;
top: 44px;
z-index: -1;
opacity: 0;
visibility: hidden;
}
.content-main .links li:hover > ul{
top: 30px !important;
opacity: 1;
visibility: visible;
transition: all 0.3s ease;
}
.content-main .links ul li a{
display: block;
width: 100%;
line-height: 30px;
border-radius: 0px!important;
}
.content-main .links ul ul{
position: absolute;
top: 0;
right: calc(-100% + 8px);
}
.content-main .links ul li{
position: relative;
}
.content-main .links ul li:hover ul{
top: 0;
}
#dropdown-menu{
/* padding: 1rem 2rem;
margin-left: -3rem; */
background-color: #205683 !important;
}
/* Responsive code start */
@media screen and (max-width:1250px){
.nav-menu .main-menu{
max-width: 100%;
/* padding: 0 20px; */
}
.main-menu .content-main .links{
margin-left: 30px;
}
.content-main .links li a{
padding: 8px 13px;
}
.nav-menu .search-box{
max-width: calc(100% - 100px);
}
.nav-menu .search-box input{
padding: 0 100px 0 15px;
}
}
@media screen and (max-width:991px){
.main-menu .content-main .links{
display: block;
position: fixed;
background:#205683;
height: 100%;
width: 100%;
top:30%;
left: -113%;
margin-left: 0;
max-width:350px !important;
height: 100vh !important;
overflow-y: auto;
padding-bottom: 100px;
transition: all 0.3s ease;
}
.row.main-facility {
display: flex;
justify-content: center !important;
}
input.dosage-button.active{
padding: 0px;
width: 100% !important;
font-size: 10px !important;
}
.content-main .links ul,
.content-main .links ul ul{
position: static;
opacity: 1;
visibility: visible;
background: none;
/* max-height: 0px; */
overflow: hidden;
}
.content-main .links #show-features:checked ~ ul,
.content-main .links #show-services:checked ~ ul,
.content-main .links #show-items:checked ~ ul{
max-height: 100vh;
}
.content-main .links ul li{
margin: 7px 20px;
}
.content-main .links li a{
font-size: 18px;
line-height: 30px;
border-radius: 5px!important;
}
}
@media screen and (min-width: 390px){
.main-menu .content-main .links{
top:26% ;
left:-113%;
}
}
@media screen and (min-width:412px){
.main-menu .content-main .links{
top:22%;
left: -113%;
}
}
@media screen and (min-width: 420px){
.main-menu .content-main .links{
top:28% ;
left:-113%;
}
}
@media screen and (min-width: 576px){
.main-menu .content-main .links{
top:26% ;
left: -113%;
}
}
@media screen and (min-width: 768px){
.main-menu .content-main .links{
top:15%;
left: -113%;
}
}
@media screen and (min-width: 800px){
.main-menu .content-main .links{
top:11%;
left: -113%;
}
}
@media screen and (min-width: 900px){
.main-menu .content-main .links{
top:22%;
left: -113%;
}
}
@media screen and (max-width: 991px){
.nav-menu .menu-icon{
display: block;
}
.nav-menu #show-menu:checked ~ .menu-icon i::before{
content: "\f00d";
}
.main-menu #show-menu:checked ~ .content-main .links{
left: 0%;
}
.content-main .links li{
margin: 4px 20px;
}
.content-main .links li a,
.content-main .links li label{
line-height: 30px;
font-size: 18px;
display: block;
padding: 8px 18px;
cursor: pointer;
}
.content-main .links li a.desktop-link{
display: none;
}
/* dropdown responsive code start */
.content-main-main .links ul,
.content-main-main .links ul ul{
position: static;
opacity: 1;
visibility: visible;
background: none;
max-height: 0px;
overflow: hidden;
}
.content-main-main .links #show-features:checked ~ ul,
.content-main-main .links #show-services:checked ~ ul,
.content-main-main .links #show-items:checked ~ ul{
max-height: 100vh;
}
.content-main-main .links ul li{
margin: 7px 20px;
}
.content-main-main .links ul li a{
font-size: 18px;
line-height: 30px;
border-radius: 5px!important;
}
#settings-dropdown{
display: none;
}
#mob-nav{
display: flex;
justify-content: space-between;
align-items: center;
}
}
@media screen and (max-width: 400px){
.nav-menu .main-menu{
padding: 0 10px;
}
#settings-dropdown{
display: none;
}
}
.fixed-wrapper{
width: 100%;
z-index:9;
background-color: #fff;
position: relative !important;
}
#list-items li a{
font-size: 15px !important;
}
@media(min-width:1200px){
.logo{
right: 3.4rem;
}
.search-wrapper{
left: 3.4rem;
}
#upper-setting-btn{
display: none;
}
.content-main .links li a {
padding: 4px 13px !important;
}
}
#dropdown-menu{
padding: 1rem 2rem;
margin-left: -3rem;
background-color: #205683 !important;
}
#dropdown-menu li a,.dropdown-submenu a{
font-size: 17px;
}
.dpt{
color: #205683 !important;
/* font-size: 20px; */
}
.dropdown-toggle i{
color: #fff;
font-size: 20px;
}
.dropdown-submenu a{
color: white !important;
}
@media only screen and (max-width:991px){
.fixed-wrapper{
position: fixed !important;
width: auto;
top: 0;
left: 0;
right: 0;
}
/* .part{
position: relative;
clear: both;
margin-top: 65%;
} */
}
@media only screen and (max-width:450px){
.part{
position: relative;
clear: both;
margin-top: 61%;
}
}
@media only screen and (min-width:451px) and (max-width:575px){
.part{
position: relative;
clear: both;
margin-top: 53%;
}
}
@media only screen and (min-width:576px) and (max-width:767px){
.part{
position: relative;
clear: both;
margin-top: 40%;
}
}
@media only screen and (min-width:768px) and (max-width:991px){
.part{
position: relative;
clear: both;
margin-top: 24%;
}
}
#dropdown-menu,.dropdown-bg{
/* padding: 1rem 2rem;
margin-left: -3rem; */
background-color: #205683 !important;
}
#dropdown-mb{
background-color: #205683;
top: 3rem !important;
right: 0.1rem;
}
ul.social-network {
list-style: none;
display: inline;
margin-left: 0 !important;
padding: 0;
}
ul.social-network li {
display: inline;
margin: 0 5px;
}
/ footer social icons /
.social-network a.icoFacebook:hover {
background-color: #E60023;
}
.social-network a.icoLinkedin:hover {
background-color: #007bb7;
}
.social-network a.icoFacebook:hover i,
.social-network a.icoLinkedin:hover i {
color: #fff;
}
.social-network a.socialIcon:hover,
.socialHoverClass {
color: #44BCDD;
}
.social-circle li a {
display: inline-block;
position: relative;
margin: 0 auto 0 auto;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
text-align: center;
width: 30px;
height: 30px;
font-size: 15px;
}
.social-circle li i {
margin: 0;
line-height: 30px;
text-align: center;
}
.social-circle li a:hover i,
.triggeredHover {
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-ms--transform: rotate(360deg);
transform: rotate(360deg);
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
-o-transition: all 0.2s;
-ms-transition: all 0.2s;
transition: all 0.2s;
}
.social-circle i {
color: #595959;
-webkit-transition: all 0.8s;
-moz-transition: all 0.8s;
-o-transition: all 0.8s;
-ms-transition: all 0.8s;
transition: all 0.8s;
}
.social-network a {
background-color: #F9F9F9;
}
.top-footer li a {
text-decoration: none;
color: #fff;
font-size: 13px;
}
.top-footer h4 {
text-transform: uppercase;
color: #00cbff;
font-weight: 700;
}
.row.main-facility {
display: flex
;
justify-content: space-between;
}
.table-div {
display: flex !important;
justify-content: center !important;
}
.border-box {
text-align: center;
}
.faq-accordion .accordion-button:not(.collapsed) {
color: #ffffff !important;
background-color: #255782;
box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .125);
}
.col-md-12.col-sm-12 {
background: #fff !important;
}