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;  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:0;}
header nav ul li ul li { display:block;  }
header nav ul li ul.resrc_drop { left:-100px;}
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:fontAwesome; position:absolute; right:5px; bottom:25%; z-index:99; }*/
header nav ul li.active ul { display:block; }

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_new/bg_home.png); 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.homeBanner  { position:relative; margin:-130px 0 0 0; padding:0; height:500px; background-image:url(../images_new/1-1.jpg); z-index: -1; background-size: cover; background-position: center; }
.banner.plus  { position:relative; margin:-130px 0 0 0; padding:0; height:500px; background-image:url(../images_new/2.jpg); z-index: -1; background-size: cover; background-position: center; }
.banner.assist  { position:relative; margin:-130px 0 0 0; padding:0; height:500px; background-image:url(../images_new/3.jpg); z-index: -1; background-size: cover; background-position: center; }
.banner.consulting { position:relative; margin:-130px 0 0 0; padding:0; height:500px; background-image:url(../images_new/4.jpg); z-index: -1; background-size: cover; background-position: center; }
.banner.contact { position:relative; margin:-130px 0 0 0; padding:0; height:500px; background-image:url(../images_new/5.jpg); z-index: -1; background-size: cover; background-position: center; }
.banner.aboutbanner { position:relative; margin:-130px 0 0 0; padding:0; height:500px; background-image:url(../images_new/6.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_new/resource_bg.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;
}
.main-content { position:relative; display:block; padding:20px; }
.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:#29ab87; padding:18px; color:#fff; border-radius:15px; border:2px solid #067657; }
.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;
}
.osv_challenge_wrap p {
	font-size:16px;
}

 
.img_dmm{
    background:url(../images_new/dmm_img.jpg) no-repeat right 0;
    background-size: contain;
}
.br_b {
    border-bottom:1px solid #fff;
}
.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;
}
/* Updated : 9-4-2020 */
.button.pp_orange {
    background-color: #F47320;
    color: #FFFFFF;
	font-weight: bold;
	font-family: arial;
	text-shadow: none;
}
.button.assistGreen {
    background-color: #419B91;
    color: #FFFFFF;
	font-weight: bold;
	font-family: arial;
	text-shadow: none;
}
.button.tt_blue {
    background-color: #336699;
    color: #FFFFFF;
	font-weight: bold;
	font-family: arial;
	text-shadow: none;
}
strong.total {
	color: #c00000;
}
span.t330 {
    font-variant: small-caps;
    color: #336699;
}
.mer_clr {
	color: #c00000;
}
.blue_clr {
	color: #3976a8;
}
.tt330_list li { 
	line-height:2;
}
.underline { 
	text-decoration:underline !important;
}
.underline_blue {
	text-decoration:underline !important;
	text-decoration-color: #3976a8 !important;
}


/* Updated : 9-4-2020 */

/* 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; }
.p0 { padding:0px !important; }
.m0 { margin:0px !important; }
.mt5 { margin-top:5px; }
.mt10 { margin-top:10px; }
.mt15 { margin-top:15px; }
.mt20 { margin-top:20px; }
.mt40 { margin-top:40px; }
.mt60 { margin-top:60px; }
.mt20 { margin-top:20px; }
.mb20 { margin-bottom:20px; }
.ml20 { margin-left:20px; }
.mr20 { margin-right:20px; }

.mb40 { margin-bottom:40px; }

.mt10 { margin-top:10px; }
.mb10 { margin-bottom:10px; }
.ml10 { margin-left:10px; }
.mr10 { margin-right:10px; }

.mt0 { margin-top:0px !important; }
.mb0 { margin-bottom:0px !important; }
.pt0 { padding-top:0px !important; }
.f-w-300 { font-weight:300; }
.f14 { font-size:14px !important; }
p.tJustify, .tJustify {
    text-align:justify;
}

/* End  */

@media (min-width: 768px) {
	.clm_bock {
		min-height:300px;
	}
    .osv_challenge_wrap h4 {
        font-family: Arial, sans-serif;
        font-size: 15px;
        font-weight: bold;
        margin-bottom: 10px;
    }
}

@media (max-width: 1280px) {
	
header .logo { width:18%; }
header .logo img { width: 100%; }
.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 { height:auto; }
	.banner #intro { margin:15px auto; height:auto; }
    .banner.resor { height:auto; margin-top:60px; }
	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.homeBanner, .banner.plus, .banner.assist, .banner.consulting, .banner.contact, .banner.aboutbanner { margin-top:60px; }
    footer .company-name, #copyright { padding-left:5px; }
    .desk_img { display:none; }
    
}

@media (max-width: 460px) {
	
	.banner.homeBanner, .banner.plus, .banner.assist, .banner.consulting, .banner.contact, .banner.aboutbanner, .banner.resor { 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; }
}