/*------------------------------------------*/
/*	    Fonts
/*------------------------------------------*/
@font-face {
    font-family: 'Milliard Book';
    font-style: normal;
    font-weight: normal;
    src: url('../fonts/MilliardBook.woff') format('woff');
}

@font-face {
    font-family: 'Milliard Bold';
    font-style: normal;
    font-weight: normal;
    src: url('../fonts/MilliardBold.woff') format('woff');
}

body,p{
	font-family:'Milliard Book';
	font-weight:normal;
}
h1,h2,h3,h4,h5 {
	font-family:'Milliard Bold';
	font-weight:normal;
}
.text-blue{color:#006DD3;}
.text-white{color:#FFF;}
.bg-blue{background-color:#006DD3;}
.blockstikyheader{position:absolute; right:0; width:1200px;}
#mmenu {
    background: transparent;
    padding: 0;
	position:relative;
}
.top-bar{background:transparent;}
.top-bar .contact-info {color: #CACACA;}
.top-bar .live-support:hover {cursor: pointer;} 
.contact-info i, .contact-info .svg-inline--fa {color: #CACACA;}
.navbar-blue{
	background:#006DD3;
	width: 100%;
	border-radius: 10px;
}
#navbarSupportedContent {padding: 17px 20px;}
.navbar-brand {
    position: absolute;
    top: 0;
    background: #FFF;
    height: 123px;
    width: 215px;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9;
	box-shadow: 0px 4px 9px 7px rgb(0 0 0 / 11%);
	border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}
.navbar-brand img {height: 82px;}
.navbar-nav .arrow.icon-angle-down, .dropdown-toggle::after {display: none;}
.navbar-nav > li {color:#FFF;font-family:'Poppins', sans-serif;font-weight:600;}
.navbar-nav > li > a:hover, .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
    background: transparent;
}
/* slider */
#slider {margin-top: 0;}
#slider .carousel-caption {text-align:left;width: 80%;left: 9%;bottom: 85px;} 
#slider .carousel-caption h2 {font-size: 54px;line-height: 51px;}
#slider .carousel-caption h2.title {color:#006DD3;}
#slider .carousel-caption h2.subtitle {color:#FC5506;}
#slider .carousel-caption p.info {color:#333333;font-size:18px;line-height:28px;margin-top: 30px;font-weight: 900;}
/* home members */
.home-members {margin-top:6rem;}
.home-members .list-item {
	height: 100%;
	display: flex;
    flex-wrap: wrap;
    align-content: center;
	border-radius: 10px;
	box-shadow: 0px 4px 9px 7px rgb(0 0 0 / 11%);
	padding: 40px;
}
.home-members .list-item h3 {
	font-size: 36px;
    line-height: 28px;
    margin-bottom: 36px;
}
.home-members .list-item p {
	font-size: 20px;
    line-height: 40px;
}
.members-right {padding-left:30px;}
.members-right .card{margin-bottom:20px;}
.members-right .card-body {padding: 1rem 0;}
.members-right .card-body h5 {font-size: 18px;line-height:28px;text-transform:capitalize;}
.members-right .card-body p {font-size: 14px;line-height:28px;}
.card-img {
	background: #006DD3;
    padding: 42px;
    text-align: center;
    border-radius: 10px;
}
.card-img img {height:62px;width:auto;}
/* banner */
.section-banner {margin-top:7rem;}
.banner-item {border-radius:10px;margin-bottom:0;height:100%;}
.banner-item-content {height:100%;}
.banner-left {
	width: 26%;
    padding: 0 20px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    box-shadow: 0px 4px 9px 7px rgb(0 0 0 / 11%);
	display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
	text-align: center;
}
.banner-left h3 {font-size:24px;}
.banner-right {width: 74%;border-top-right-radius: 10px;border-bottom-right-radius: 10px;align-items: center;}
.banner-right p,.banner-left p {font-size:17px;line-height:32px;padding:37px;font-weight:300;color:#fff;text-align:left;}
/* Content */
.section-content {margin-top:70px;}
.section-content .content-list{padding: 55px 0;}
.section-content .blog-article-content ol {list-style: auto;}
.section-content .blog-article ul, 
.section-content .blog-article.technical ul {list-style: disc;margin-left:22px;}
.devider {
	-webkit-box-shadow: inset 0px 11px 14px -10px #CACACA,inset 0px -11px 14px -10px #CACACA;
	-moz-box-shadow: inset 0px 11px 14px -10px #CACACA,inset 0px -11px 14px -10px #CACACA;
	box-shadow: inset 0px 11px 14px -10px #CACACA,inset 0px -11px 14px -10px #CACACA;
}
.section-content h2{color:#006DD3;font-size:30px;}
.section-content h3{font-family:'Milliard Book';font-weight:normal;font-size:24px;color:#333333;}
.section-content p, .section-content ul li {font-size:18px;color:#333333;line-height: 32px;}
.section-content a, .section-content a:hover {color:#006DD3;}
.section-content table {width: 65%;caption-side: top;}
.section-content table caption{
	background: #006DD3;
    color: #fff;
    text-align: center;
    font-size: 18px;
    text-transform: uppercase;
}
.section-content table tr:nth-child(even) {background-color: #F7F7F7;}
.section-content table th,.section-content table td {padding-top: 15px;padding-bottom: 15px;}
.section-content table th {color: #006dd3;}
.section-content table tr td ul {list-style:disc;padding-left:20px;}
.section-content .div-column {text-align: center;margin-top: 30px;}
.section-content .div-column i, .section-content .div-column svg {
	height: 64px;
	color: #006DD3;
	font-size: 64px;
    line-height: 64px;
    margin-bottom: 30px;
}
.section-content .blog-article.technical ol {list-style:auto;}
/***********/
/* join */
.section-join .join-header h2 {font-size: 30px;}
.section-join .join-header p {
	font-size: 24px;
    line-height: 36px;
    margin-top: 25px;
}
.section-join .blog-article-content {margin-top: 70px;}
.section-join .blog-article-content .join-right {padding-right: 30px;}
.section-join .blog-article-content .join-left {padding-left: 30px;}
.section-join .blog-article-content h3 {
	font-family: 'Milliard Book';
	font-size: 24px;
	font-weight: 300;
	line-height: 32px;
}
.section-join .blog-article-content p small {font-size: 14px;line-height: 25px;}
.section-join .blog-article-content ul {margin-bottom: 30px;margin-left: 1.8em;}
.section-join .blog-article-content ul li {font-size: 18px;line-height: 38px;}
.section-join .blog-article-content ul li i, .section-join .blog-article-content ul li svg {color: #FC5506;}
.section-join table {width: 100%;caption-side: top;}
.section-join table caption{
	background: #006DD3;
    color: #fff;
    text-align: center;
    font-size: 18px;
    text-transform: uppercase;
}
.section-join form table tr td {
	padding-top: 12px;
    padding-bottom: 12px;
}
.section-join form table tr td select {padding: .75rem 2.25rem .75rem .75rem;border-radius:0;}
.section-join form table tr td input {padding: 0.75rem .75rem;}
.section-join form button {text-transform:uppercase;font-size: 18px;padding: 1rem 4rem;}
.section-join form .btn-default {background: #FC5506!important;border-color: #FC5506!important;}
.section-join form .btn-primary {background: #006DD3!important;border-color: #006DD3!important;}
/***********/
/* footer */
footer, footer h3, footer p, footer a {font-family: 'Poppins', sans-serif;}
footer {
    background-color: #fff;
    color: #000;
    font-size: 12px;
}
footer h3 {
	font-size: 18px;
	font-weight: 600;
}
footer ul li a {line-height:35px;}
footer p, footer a, footer a:hover {color: #000;}
footer .members a img {margin-top: 15px;}
footer .logo-footer {text-align:center;}
footer .logo-footer img {height: 82px;}
footer .address-item {margin-bottom:15px;}
.copyright-section {
    background: #006DD3;
	font-size: 11px;
	font-weight: 300;
}
 
@media (min-width: 992px){
	.navbar-expand-lg .navbar-nav .dropdown-menu {
		margin-top: 23px;
		border-bottom-right-radius: 5px;
		border-bottom-left-radius: 5px;
	}
	.navbar-nav > li {margin-left: 25px;}
	.navbar-nav > li > .dropdown-menu li, .navbar-nav > li > .dropdown-menu li a {
		color: #333333;
		font-size: 16px;
		line-height: 34px;
	}
	.navbar-nav > li > .dropdown-menu li {padding: 5px 15px;}
	.navbar-nav > li > .dropdown-menu a {padding:0;}
	.navbar-nav > li > .dropdown-menu li {
		border-bottom: 0;
		background: transparent;
	}
	.navbar-nav > li:hover > a, .navbar-nav > li > a:hover, .navbar-nav > .active > a, .navbar-nav > .active > a:focus, .navbar-nav > .active > a:hover {
		color: #fff!important;
		text-decoration: underline;
	}
	.navbar-expand-lg .navbar-nav .dropdown-menu .dropdown-menu {
		background: transparent;
		margin-top: 0;
		border-radius: 5px;
		padding-left: 12px;
	}
	.navbar-expand-lg .navbar-nav .dropdown-menu .dropdown-menu > li {background: #fff;}
	.navbar-expand-lg .navbar-nav .dropdown-menu .dropdown-menu > li:first-child {
		border-top-right-radius: 5px;
		border-top-left-radius: 5px;
	}
	.navbar-expand-lg .navbar-nav .dropdown-menu .dropdown-menu > li:last-child {
		border-bottom-right-radius: 5px;
		border-bottom-left-radius: 5px;
	}
	.navbar-nav > li > a.btn-member-login {
		padding: .375rem .75rem;
		border-radius: 5px;
		background-color: #FC5506;
		border-color: #FC5506;
		font-weight: 600;
	}
}
@media (max-width: 768px){
	.blockstikyheader {position: static;background: #006dd3;}
	.blockstikyheader header {display:none;}
	.navbar-brand {position: absolute;width: 28%;height: 70px;}
	.navbar-brand img {height: 50px;}
	#mmenu {padding: 10px 0px;text-align: right;}
	.submenu.show li {text-align: right;padding-right: 20px;}
	.navbar-nav > li > a.btn-member-login {
		padding: .375rem .75rem;
		border-radius: 5px;
		background-color: #FC5506;
		border-color: #FC5506;
		font-weight: 600;
	}
	/* slider */
	#slider .carousel-caption {
		width: 94%;
		left: 3%;
		bottom: 0px;
	}
	#slider .carousel-caption h2 {font-size: 28px;line-height: 28px;}
	#slider .carousel-caption p.info {line-height: 24px;margin-top: 15px;}
	/* Home */
	.home-members {margin-top: 3rem;}
	.members-left {margin-bottom: 30px;} 
	.members-right {padding-left: calc(var(--bs-gutter-x) * .5);} 
	/* Banner content */
	.section-banner {margin-top: 0;}
	.section-banner .banner-item .d-flex {flex-wrap: wrap;}
	.section-banner .banner-item .banner-left, .section-banner .banner-item .banner-right {width: 100%;padding: 20px 20px;}
	.section-banner .banner-item .banner-left {
		border-top-left-radius: 10px;
		border-top-right-radius: 10px;
		border-bottom-left-radius: 0;
	}
	.section-banner .banner-item .banner-right {
		border-top-right-radius: 0;
		border-bottom-right-radius: 10px;
		border-bottom-left-radius: 10px;
	}
	/* Content */
	.section-content table {width: 100%;}
	/* Footer */
	.footer-section {padding: 0;text-align: center;}
	.footer-section .members, .footer-section .services, .footer-section .resources {margin-bottom:30px;}
	.footer-section .members a {display: block;}
	.footer-section .address-item {justify-content: center;}
	.footer-section ul li a {font-size: 16px;}
}
@media (max-width: 480px){
	.blockstikyheader {width:100%;}

}

@media (max-width: 320px){
	#slider .carousel-caption h2 {font-size: 21px;line-height: 22px;}
	.banner-right p, .banner-left p {padding:0;}
	.section-join form button {padding: 0.5rem 1rem;}
	.section-join .blog-article-content .join-right {margin-bottom: 40px;}
}