@font-face {
  font-family: 'Font Awesome 5 Brands';
  font-style: normal;
  font-weight: 900;
  
src: url("fontawesome/webfonts/fa-brands-400.eot");
  src: url("fontawesome/webfonts/fa-brands-400.eot?#iefix") format("embedded-opentype"), url("fontawesome/webfonts/fa-brands-400.woff2") format("woff2"), url("fontawesome/webfonts/fa-brands-400.woff") format("woff"), url("fontawesome/webfonts/fa-brands-400.ttf") format("truetype"), url("fontawesome/webfonts/fa-brands-400.svg#fontawesome") format("svg"); }

.fab {
  font-family: 'Font Awesome 5 Brands'; }
@font-face {
  font-family: 'Font Awesome 5 Free';
  font-style: normal;
  font-weight: 900;
  src: url("fontawesome/webfonts/fa-regular-400.eot");
  src: url("fontawesome/webfonts/fa-regular-400.eot?#iefix") format("embedded-opentype"), url("fontawesome/webfonts/fa-regular-400.woff2") format("woff2"), url("fontawesome/webfonts/fa-regular-400.woff") format("woff"), url("fontawesome/webfonts/fa-regular-400.ttf") format("truetype"), url("fontawesome/webfonts/fa-regular-400.svg#fontawesome") format("svg"); }

.far {
  font-family: 'Font Awesome 5 Free';
  font-weight: 900; }
@font-face {
  font-family: 'Font Awesome 5 Free';
  font-style: normal;
  font-weight: 900;
  src: url(fa-brands-400.eot);
  src: url("fontawesome/webfonts/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("fontawesome/webfonts/fa-solid-900.woff2") format("woff2"), url("fontawesome/webfonts/fa-solid-900.woff") format("woff"), url("fontawesome/webfonts/fa-solid-900.ttf") format("truetype"), url("fontawesome/webfonts/fa-solid-900.svg#fontawesome") format("svg"); }

.fa,
.fas {
  font-family: 'Font Awesome 5 Free';
  font-weight: 900; }

header { position:relative; height:auto; margin:0; padding:0 2%; background:rgba(255,255,255,0);  top:0; left:0; width: 100%; }
header .logo { float:left; font-size:24px; color:#fff;  height:auto; line-height:50px; vertical-align:middle; }
header .logo img { width:90%; padding:2% 0;}
header .header_right { float:right; display:block;}
.header_contact { display:block; text-align:right; padding-top:15px; padding-bottom:5px; }
.header_contact .email, .header_contact .phone { display:inline-block; color:#346c99; margin-right:10px;}
.email a, .phone a { color:#346c99;}
.email span, .phone span { color:#3CF;}
header nav {  color:#fff; margin:0; padding:0; border-radius:30px; width:100%; margin-top:10px; background: -webkit-gradient(linear, left top, left bottom, from(#346c99), to(#004677));
background: linear-gradient(to bottom, #346c99, #004677); height:50px; z-index:800; }
header .menu-toggle { float:right; color:#000; display:none; height:50px; line-height:50px; vertical-align:middle; }
header .menu-toggle i { font-size:24px; color:#000; height:50px; line-height:50px; }
header nav ul { margin:0; padding:0; display:flex; align-item:flex-end; }
header nav ul li { list-style:none; margin:0; padding:0; position:relative; }
header nav ul li a { display:block; padding:0 18px; cursor:pointer; height:50px; border-radius:30px; line-height:50px; margin:0; text-decoration:none; color:#fff; font-size:13.5px; }
header nav ul li.submenu > a { padding:0 3px; margin-left:-15px; }
header nav ul li:hover > a, header nav ul li.active > a { color:#60d8ff; border-radius:30px; }
header nav ul li a:focus { color:#60d8ff;}
header nav ul li ul { background:#004677; display:block; opacity:0; border-bottom-left-radius:15px; border-bottom-right-radius:15px; padding:5px 0 15px; visibility:hidden; transition:all 0.8s ease; width:300px; position:absolute; top:50px; left:-75px;}
header nav ul li ul.resrc_drop { left:-100px;}
header nav ul li ul li { display:block;  }
header nav ul li.active.submenu ul {  opacity:1; visibility:visible; }
header nav ul li ul li a { display:block; line-height:1; padding:8px 12px; font-size:13px; height:auto; vertical-align:middle; }
/*header nav ul li.submenu:before { content:'\f0d7'; font-family:'Font Awesome 5 Free'; font-weight:900; position:absolute; right:5px; bottom:25%; z-index:99; }*/
header nav ul li.active ul { display:block; }

.dropicon {
    display: inline-block;
    width: 18px;
    vertical-align: middle;
    text-align: center;
    color: #fff;
    padding: 0;
    position: absolute;
    top: 0;
    right: 0;
}

body.fixed { margin-top:100px;}
header.fixed { margin-top:50px; }
header.fixed nav { z-index:999; position:fixed; margin:0 auto; top:0; left:0; border-radius:0px; }

/*.banner { position:relative; margin:-130px 0 0 0; padding:0; height:500px; background-image:url(../images/bg_consulting.jpg); z-index: -1; background-size: cover; background-position: center; }*/
/*.banner img { width:100%; max-width:100%; max-height:500px; margin:-130px 0 0 0; z-index:-1; }*/
.banner.home {
    position: relative;
    margin: -130px 0 0 0;
    padding: 0;
    height: 500px;
    background-image: url(../images/HomeBannerNew.jpg);
    z-index: -1;
    background-size: cover;
    background-position: center;
}
.banner.wqf { position:relative; margin:-130px 0 0 0; padding:0; height:500px; background-image:url(../images/2.jpg); z-index: -1; background-size: cover; background-position: center; }
.banner.serv { position:relative; margin:-130px 0 0 0; padding:0; height:500px; background-image:url(../images/3.jpg); z-index: -1; background-size: cover; background-position: center; }
.banner.resor { position:relative; margin:-130px 0 0 0; padding:0; height:500px; background-image:url(../images/4.jpg); z-index: -1; background-size: cover; background-position: center; }
.banner.about { position:relative; margin:-130px 0 0 0; padding:0; height:500px; background-image:url(../images/5.jpg); z-index: -1; background-size: cover; background-position: center; }
.banner.cs { position:relative; margin:-130px 0 0 0; padding:0; height:500px; background-image:url(../images/6.jpg); z-index: -1; background-size: cover; background-position: center; }
.banner.contactus { position:relative; margin:-130px 0 0 0; padding:0; height:500px; background-image:url(../images/7-7.jpg); z-index: -1; background-size: cover; background-position: center; }
.banner #intro {
	background: rgba(255, 255, 255, 0.8);
	border: 1px solid #CCCCCC;
	border-left: 0;
	border-radius: 0 10px 10px 0;
	padding: 1.5rem;
	padding-right: .25rem;
	margin: 6em 0 4em;
	margin-left: -240px;
}
.banner.qmc_banner #intro {
	margin: 3em 0 3em;
	margin-left: 50px;
}


.main-content { position:relative; display:block; padding:20px; font-family:Arial, sans-serif; } 
.main-content p, #content p  { font-weight:300 !important; }*/
#bottom-contact-info > a { display:block; text-align:right; }
#bottom-contact-info .phone a, #bottom-contact-info .email a { color:#3cf}
#bottom-contact-info > div { padding-left:10px;}
.privacy { padding-right:10px;}

.green_box { background-color:#339966; padding:18px 42px; color:#fff; border-radius:35px; border:2px solid #1a6c43; }
.blue_box { background-color:#298ac7; padding:18px; color:#fff; border-radius:15px; border:2px solid #104f77; }

.br-t { border-top:1px solid #7694b7; display:block; height:2px; width:100%; padding-bottom:10px;} 

.resources a.resource_box {
	background-color: #29ab87;
	padding: 12px 8px 12px;
	color: #fff;
	border-radius: 15px;
	border: 2px solid #067657;
	text-align:center;
	font-size:14px;
	font-weight:bold;
	float:left;
	width:180px;
	margin-right:15px;
	margin-bottom:10px;
	min-height:180px;
	vertical-align:middle;
	position:relative;
}
.resources a.resource_box img {
	display:block;
	margin:0 auto;
	text-align:center;
	margin-top:6px;
	position:absolute;
	bottom:15px;
	left:0;
	right:0;
	text-align:center;
}
.resources a.resource_box_small {
	background-color: #29ab87;
	padding: 12px 8px 12px;
	color: #fff;
	border-radius: 15px;
	border: 2px solid #067657;
	text-align:center;
	font-size:14px;
	font-weight:bold;
	float:left;
	width:136px;
	margin-right:8px;
	margin-bottom:10px;
	min-height:180px;
	vertical-align:middle;
	position:relative;
}
.resources a.resource_box_small img {
	display:block;
	margin:0 auto;
	text-align:center;
	margin-top:6px;
	position:absolute;
	bottom:15px;
	left:0;
	right:0;
	text-align:center;
}
.field .field-error {
    color: #cc4b37;
    display: none;
}

.resrc_head {
    padding:2px 8px;
    display:inline-block;
    background:#4f81bd;
    border:1px solid #385d8a;
    color:#fff;
    border-radius:5px;
    font-weight: normal;
    margin-bottom:25px;
    text-decoration:underline;
    font-family:Arial, sans-serif;
    letter-spacing:0.5px;
}
.resrc_head:hover {
    color:#fff;
    background:#3c6ea9;
}

.testimonials_sec {
    display:block;
    background:#5cc1af;
    padding:25px;
    color:#fff;
    font-size:15px;
}
.testimonials_sec p {
    color:#fff;
    font-size:15px;
    margin-bottom:8px;
    text-shadow: 0px 2px 3px #000;
}
.testimonials_sec span {
    font-style:italic;
    color:#00335B;
}
.testimonials_sec b {
    color:#00335B;
}
.testimonials_sec hr {
    border-color:#00335B;
}

/* utility */

.pv20 { padding-top:20px; padding-bottom:20px; }
.ph20 { padding-left:20px; padding-right:20px; }
.pt20 { padding-top:20px; }
.pb20 { padding-bottom:20px; }
.pl20 { padding-left:20px; }
.pr20 { padding-right:20px; }
.mt20 { margin-top:20px; }
.mb20 { margin-bottom:20px; }
.ml20 { margin-left:20px; }
.mr20 { margin-right:20px; }
.mt10 { margin-top:10px; }
.mb10 { margin-bottom:10px; }
.ml10 { margin-left:10px; }
.mr10 { margin-right:10px; }
.mt0 { margin-top:0px !important; }
.pt0 { padding-top:0px !important; }
.m0 { margin:0px !important; }
.p0 { padding:0px !important; }
.pl0 { padding-left:0px !important; }
.pr0 { padding-right:0px !important; }
p.tJustify {text-align:justify;}
.tJustify {text-align:justify; display:block; padding-right:5px; hyphens: auto;}


.button.tt_blue {
    background-color: #336699;
    color: #FFFFFF;
    font-weight: bold;
    font-family: arial;
    text-shadow: none;
}
.osv_challenge_wrap p {
	font-size:16px;
}


@media print, screen and (min-width: 64em) {
	.osv_challenge_wrap h4 {
		font-family:Arial, sans-serif; 
		font-size:15px;
		font-weight:bold;
		margin-bottom:10px;
	}
}
/* End  */

@media (max-width: 1280px) {
	
header .logo { width:18%; }
header .logo img { width: 100%; }
.banner #intro, .banner.qmc_banner #intro { margin:30px auto 0;}
}

@media (max-width: 1160px) {
	
header .logo { width:15%; }
header .logo img { width: 100%; }
header nav ul li a { font-size:11.5px; }

}
@media (max-width: 992px) {
body.fixed { margin-top:0px;}
header.fixed { margin-top:0px; }
header.fixed nav { position:relative; margin:0 auto; top:0; left:0;  }
}

@media (max-width: 767px) {
	header { background:#fff; padding: 0 1%; }
	header .menu-toggle { position:absolute; top:25px; right:18px; height:auto; line-height:1; display:block; cursor:pointer; }
	.header_contact { padding-right:0px; padding-top:5px;}
	.banner.home, .banner.wqf, .banner.serv, .banner.resor, .banner.about, .banner.cs, .banner.contactus { height:auto; }
	.banner #intro { margin:15px auto; height:auto; }
	header .logo { width:25%;  }
	header .logo img { width:90%; max-height:72px; padding:2% 0;}
	header .header_right { float:none;}
	header {
        position:fixed; top:0; z-index:999;
    }
	header nav { position:fixed; left:-102%; transition:all 0.4s ease; width:100%; height: calc(100vh - 60px); top:60px;  background: -webkit-gradient(linear, left top, left bottom, from(#346c99), to(#004677));
	background: linear-gradient(to bottom, #346c99, #004677); border-radius:0px; }
    header.fixed nav.active {
        position: fixed;
        top: 60px;
    }
	header nav.active { left:0; }
	header nav ul { display:block; }
	header nav ul li ul {  width:100%; display:none; position:relative; margin:0; padding:0; top:0; }
	header nav ul li.active.submenu ul { display:block; }
	header nav ul li ul li, header nav ul li ul li a { display:block;  width:100%; }
	header nav ul li.submenu:before { right:5%; top:0; }

    .header_contact .email, .header_contact .phone {
        margin-right:28px;
    }
    header .menu-toggle {
        top: -4px;
        right: 7px;
    }
    .banner.home, .banner.wqf, .banner.serv, .banner.resor, .banner.about, .banner.cs, .banner.contactus { margin-top:60px; }
    footer .company-name, #copyright { padding-left:5px; }
    header nav ul li.submenu {
        z-index:999;
    }
    header nav ul li.submenu > a {
        padding: 0 3px;
        margin-left: 0px; 
        position: absolute;
        width:40px;
        text-align:center;
        display:inline-block;
        cursor:pointer;
        top: -51px;
        right: 14px;
        z-index:998;
    }
    header nav ul li ul.resrc_drop, header nav ul li ul.serv_drop { left:0px;}
    
}

@media (max-width: 460px) {
	
	.banner.home, .banner.wqf, .banner.serv, .banner.resor, .banner.about, .banner.cs, .banner.contactus { margin-top:46px; }
	.row.full-width-background { padding-left:5px;}
    .header_contact a, .header_contact span { font-size:11px; }
    .banner #intro h1 { font-size:1.5rem;}
    .banner #intro p { font-size:0.8rem; }
}
a.bio-email {
    display: inline-block;
}