/*
THEME: euhealth
VERSION: 1.0.0
AUTHOR: Gaurav Mittal

*/


body {font-family: 'Inter', sans-serif; -webkit-font-smoothing: antialiased;}
.padd50{padding:50px;}
.paddC50{padding:80px 0px;}
.mtop30{margin-top:30px;}
.bg-gray{background:#f3f3f3}.bg-white{background:#fff}
.h80{padding-top:80px;}
h2.headTitle{font-size:80px;font-weight:bold;}
.colorSky h3{color:#4682b4; font-size:48px;}
.colorSky h4{color:#4682b4; font-size:30px;}
.colorSky p{color:#4682b4; font-size:22px;font-weight:300;}
p.pWhite{text-align:justify; color:#fff;}
.header{background:#fff; padding:10px 0px;position:relative;z-index:1000;}

.nav-item a{padding: 5px 10px 5px 10px; color:#868686; text-decoration:none; border-top:3px solid #fff;}
.nav-item a:hover{color:#4682b4;border-top:3px solid #4682b4;}
.nav-item li.active a{color:#4682b4;border-top:3px solid #4682b4;}
.navbar-nav li{margin-left:10px;margin-right:10px;}
.navbar-nav .dropdown-menu{margin-top: 17px !important;background: #333; border-radius:0px !important;}
.navbar-nav .dropdown-menu li a{border:0px; color:#fff; padding:8px 0px;}
.navbar-nav .dropdown-menu li a:hover{background-color: transparent !important; color:#b3c7dc}
.dropdown-item{}
ul.navList{margin-top:20px;}
.navList li{display:inline-block;}
.navList li a{padding: 15px 10px 20px 10px; color:#868686; text-decoration:none;}
.navList li a:hover{color:#4682b4;border-top:3px solid #4682b4;}
.navList li.active a{color:#4682b4;border-top:3px solid #4682b4;}
.banner{background:url('images/banner-c.jpg') no-repeat;background-size:cover;  padding:80px 0px 250px 0px;}
.banner h1{font-size:55px; color:#fff; font-weight:700;}
.banner h3{font-size:55px; color:#fff; font-weight:300; max-width:900px;}
.twoLogo{margin:-80px auto; max-width:900px; display:flex; padding-bottom:0px;}

.innerBanner{width:100%;}
.innerBanner img{width:100%;}
.back-to-top {position: fixed;bottom: 20px; width:53px; height:56px;right: 30px;	text-decoration: none;color: #fff;font-size: 12px;display: none; cursor:pointer;font-size:14px;z-index:1000;}
.back-to-top:hover {	}	

.logo_btm{text-align:center;}

.logo_btm:before, .logo_btm:after {
  content: "";
  display: inline-block;
  width: 38%;
  margin: 0 .5em 0 -55%;
  vertical-align: middle;
  border-bottom: 3px solid #ffc824;
}
.logo_btm:after {
  margin: 0 -55% 0 .5em;
}

.footer{background:#86b1cb;padding:20px 0px 50px 0px; font-size:12px;}
.footer .cpRight{color:#fff; font-size:12px;}
.footer .txtRight{color:#fff; font-size:14px; text-align:right;}
.footer .cpRightT{color:#fff; font-size:12px; text-align:right;}
.footer .txtRight a{color:#fff;}

.menuMobile{display:none;}
.sliding-navbar{
    position: absolute;
    top:0;
    left:-350px;
    height: 100vh;
    width: 350px;
    background: #074a96;
    transition: left 0.8s ease-in-out;
    z-index: 300;
}
.sliding-navbar--open{
    left: 0px;
}
.mask{
    position:absolute;
    top: 0px;
    left:0px;
    height: 100vh;
    width:100%;
    
    opacity:0.6;
    z-index: -100;
}
.show{
    z-index: 200;
	background: #074a96;
}
.brand{
    text-decoration: none;
    color: #fff;
    display: block;
    width: 140px;
    margin: 20px auto 0 auto;
    font-family:sans-serif;
    transition: color 0.2s ease-in-out;
}
.brand:hover{
    color: #ccc;
}
.navbar--items{
    list-style-type: none;
    position: absolute;
    color:#f8de00;
    top: 10%;
    
}
.navbar--item a{color:#fff;}
.navbar--item a.dropdown--item{padding-left:15px;}
.navbar--item{
    margin: 20px 0px;
    letter-spacing: 1px;
    color: #f8de00;
    font-family:sans-serif;
    text-transform: uppercase;
}
.hamburger-menu {
    z-index: 1010;
    position: absolute;
    top: 30px;
    right: 30px;
    margin: auto;
    width: 40px;
    height: 30px;
    cursor: pointer;
}
.hamburger {
    position: relative;
    transform: translateY(10px);
    background: #000;
    transition: all 0ms 300ms;
}
.hamburger,
.hamburger:after,
.hamburger:before {
    width: 40px;
    height: 3px;
}
.hamburger:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 10px;
    background:  #000;
    transition: bottom 0.3s ease-in-out;
}
.hamburger:after {
    content: "";
    position: absolute;
    left: 0;
    top: 10px;
    background:  #000;
    transition: top 0.3s ease-in-out;
}
.menu-opened:before {
    bottom: 0px;
    transition: bottom 0.3s ease-in-out;
	background:  #fff;
}
.menu-opened:after {
    top: 3px;
    transition: top 0.3s ease-in-out;
	background:  #fff;
}
ul.list5W{padding-left:35px;}
.list5W li{color:#fff; font-size:22px; margin-bottom:10px; font-weight:300;}

ul.list5B{padding-left:35px;}
.list5B li{color:#000; font-size:22px; margin-bottom:10px; font-weight:300;}

@keyframes gradient {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}


@keyframes color {
  0%   { background: #000; }
  20%  { background: #33CC36; }
  40%  { background: #B8CC33; }
  60%  { background: #FCCA00; }
  80%  { background: #003cb7; }
  100% { background: #000; }
}


@-webkit-keyframes bounce-y {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    50% {
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes bounce-y {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    50% {
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@-webkit-keyframes bounce-x {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    50% {
        -webkit-transform: translateX(30px);
        transform: translateX(30px);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes bounce-x {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    50% {
        -webkit-transform: translateX(30px);
        transform: translateX(30px);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}



/*=== MEDIA QUERY ===*/
@media only screen and (max-width: 767px)
{
	.menuMobile{display:block}.navList{display:none}
	.banner{padding-bottom:80px;}
	.banner h3{font-size: 36px;}
	.twoLogo{margin: 0px auto; padding-top: 0px;}
	.h80{padding-top:0px;}
	.padd50{padding:10px;}
	h2.headTitle{font-size:36px;font-weight:bold;}
	.colorSky h3{font-size: 28px;}
	.colorSky h4{font-size: 28px;}
	.colorSky p{font-size: 18px;line-height: 30px;}
	ul.list5W{padding-left:25px;}
	.list5W li{font-size: 18px;line-height: 30px;}
	.footer .txtRight{text-align: left; font-size:12px; margin-top:10px;}
	.footer .cpRightT{text-align: left;}
}