/* Begin font style */
body {color: #4a4c54; font-family: 'Poppins', sans-serif; font-weight: 400; font-size: 14px; line-height: 1.7; letter-spacing: 0.2px;}

h1{font-size: 50px; line-height: 1.25;}
h2,.note,.copy-right{font-size: 12px; line-height: 1.25; letter-spacing: 0.5px;}
h3{font-size: 38px; line-height: 1.25;}
h4{font-size: 26px; line-height: 1.4; letter-spacing: 0.3px;}
h5{font-size: 20px; line-height: 1.4;}
.lead-text, .overlay-title p{padding-top: 0.3216926869350862vw; font-size: 16px; line-height: 1.5; letter-spacing: 0.6px; font-weight: 500;}

h2, h3, h4, h5, h6{font-weight: 400;}
h1, h1.bold, h3.bold,h4.bold,h5.bold,.btn{font-weight: 700;}
h5.semibold,.note,.copy-right{font-weight: 600;}

.note,.copy-right{font-size: 12px; line-height: 1.25;}
.btn,.pagination-bar a,.pagination-bar span,.body-link{font-size: 14px; line-height: 1.4; letter-spacing: 1.1px;}
.btn.btn-red:hover,.btn.btn-red-transparent:hover{line-height: 36px;}

.btn.small{line-height: 32px;}

.body-link{font-weight: 700; letter-spacing: 1px; line-height: 1.7;}
.body-link.bold{font-weight: 700;}
.slate-grey{color: #5b5d65;}
.battleship-grey,input,.input-row textarea{color: #70727b;}
.pale-grey,.white-dark{color: #f5f5f9;}


.white,.copy-right,h1, h2, h5,.btn,.overlay-title p,.hero-slide4,.office-about p,.hero-slide-content-wrap h4,.main-nav > ul > li > a, .footer-nav ul li a,.main-nav > ul > li > ul li a,.overlay-title h4,.mission-text-info,.product-content .content-wrap h1,.mission-text-info h4,.hero-slide,.article-content-body .main-nav > ul > li > ul li:hover a, .profile-page-body .main-nav > ul > li > ul li:hover a,.career-info-wrap a.expertise:hover,.career-info-wrap a.expertise.active,a.expertise.active h5,.btn.btn-red,li.nav-btn a:hover,.btn.btn-white-transparent,.btn.btn-red-transparent:hover,.office-about-section .body-link,.article-content-body .main-nav > ul > li.nav-btn a:hover,.profile-page-body .main-header .main-nav > ul > li.nav-btn a:hover{color: #ffffff;}

.charcoal-gray,.pagination-bar a,.pagination-bar span,.profile-page-body .main-header li a,.article-content-body .main-header li a,.profile-text h1,.feature-title,.aside-nav ul li a,.our-value-content .list-item-info h3,.title-text-info h3,.portfolio-manager-section ul li a,.manager-fund-navigation ul li a,input[type="text"]:focus,h5.semibold,.note,.copy-right,h4{color: #4a4c54;}


.body-link:hover,.footer-nav ul li a:hover,.portfolio-manager-section ul li a:hover, .manager-fund-navigation ul li a:hover,.btn.btn-white-transparent:hover, .main-nav > ul > li.nav-btn a:hover,.btn.btn-red-transparent,.body-link:hover,.red,.invalid input[type="text"],.blog-link a,.office-about-section .body-link:hover,.scroll-down{color: #ff4335;}
.scroll-down{line-height: 30px;}


input,.input-row textarea{font-size: 14px; line-height: 22px; letter-spacing: 0.2px; font-family: 'Poppins', sans-serif; font-weight: 400;}

.main-nav > ul > li > a {font-size: 14px; line-height: 14px; letter-spacing: 1px;}
.footer-nav ul li a {font-size: 12px; line-height: 12px; letter-spacing: 1px;}
.main-nav > ul > li > ul li a{font-size: 14px; line-height: 20px; letter-spacing: .5px; font-weight: 600;}
.copy-right{letter-spacing: .7px;}
.content-wrap .body-link{font-size: 13px;}
.portfolio-manager-section ul li a,.manager-fund-navigation ul li a{font-weight: 600; line-height: 1.25;}
.aside-nav ul li a:hover{color: #868686;}




.hero-slide-content-wrap h5 {font-weight: 700; letter-spacing: 0px;}
.aside-nav .search-bar input[type="text"]{font-family: 'Poppins', sans-serif; font-weight: 400;}
.designation-title dfn{font-style: normal; line-height: 14px;}
.pagination-bar a,.pagination-bar span {letter-spacing: 1.1px; font-weight: 700; line-height: initial;}
.our-value-content .list-item-info h3,.title-text-info h3,.main-nav > li.nav-btn a{font-weight: 700;}
.feature-title{font-weight: 500; letter-spacing: .59px; }
.aside-nav ul li a{font-weight: 500;}
.testimonial-text .lead-text{letter-spacing: 0.4px; font-weight: 500;}
.career-info-wrap .note{letter-spacing: 0.5px;font-weight: 600;}
.career-headline{font-weight: 500;}
.official-content-text h3,.feature-content h4{letter-spacing: 0;}
.usd h4{letter-spacing: 0.3px}
.overlay-title h4{font-size: 24px; line-height: 28px; letter-spacing: 0.3px;}
.hero-slide-content-wrap p{letter-spacing: 0.2px;}
.products-des p{letter-spacing: .2px;}
.list-item li, .feature-content p {letter-spacing: .1px;}
.list-item li{letter-spacing: 0.2px}
.product-content .cutting-technology-section h3{letter-spacing: .8px;}
.career-info-wrap h5{letter-spacing: 0;}
.career-info-wrap .note,.hero-content-wrap .lead-text, .front-office-content .hero-content-wrap .lead-text, .middle-0ffice-content .hero-content-wrap .lead-text, .back-0ffice-content .hero-content-wrap .lead-text{letter-spacing: .7px;}

/* =======================================================================================================
============================================ Responsive styles ========================================== */

/*		Mobile Layout: 320px and 480px and more but less than or equal to 767px.
----------------------------------------------------------------------------------
*/

@media only screen and (min-width: 320px) and (max-width: 767px) {
    input[type="text"],input[type="submit"],input[type="password"],select,textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none; border-radius: 0}
    
    body{font-size: 14px;}
    h1{font-size: 30px; }
    h3{font-size: 24px; }
    h4{font-size: 20px; } 
    h5{font-size: 26px;}
    .lead-text,.overlay-title p{font-size: 14px; line-height: 20px;}
    .note{line-height: 15px;}
    .btn,.body-link,.office-about-section .body-link,input, .input-row textarea,.pagination-bar a, .pagination-bar span{font-size: 12px;}
    .blog-link a,h5{font-size: 14px;}
    .main-nav > ul > li > a{font-size: 20px; line-height: 24px; letter-spacing: .2px;}
    .main-nav > ul > li.nav-btn a{font-size: 20px;}
    .content-wrap .body-link{font-size: 13px;}
    
    .official-content-text p{font-size:  14px; line-height: 22px;}
    .office-about p{font-size: 14px; line-height: 22px;}
    .promo-item h4{font-size: 20px;}
    .footer-nav ul li a{font-size: 12px; line-height: 12px; letter-spacing: 1px;}
    .copy-right{font-size: 8px; line-height: 13px;}
    .scroll-downscroll-down{line-height: 20px;}
    
    .article-content-body .main-header li a,.profile-page-body .main-header li a{color: #ffffff;}
    .main-nav > ul > li > a,.office-about h3{font-weight: 700;}
    .promo-item a.promo-btn-large:hover h4{color: #ff4335;}
    
    .main-nav > ul > li > ul li a{font-weight: 700;}
    .main-nav > ul > li > ul > li > ul > li > a{font-weight: 400;}
    
}




/*		Tablet Layout: 768px.
-----------------------------------------------------------------
*/

@media only screen and (min-width: 768px) and (max-width: 991px) {
    input[type="text"],input[type="submit"],input[type="password"],select,textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none; border-radius: 0}
	
    h1{font-size: 40px; line-height: 52px;}
    h3{font-size: 32px; line-height: 40px; }
    
    .office-about-icon{width: 25%;}
    
    
  
    
}


/*		Tablet Layout: 1024px.
-----------------------------------------------------------------
*/

@media only screen and (min-width: 992px) and (max-width: 1024px) {
    input[type="text"],input[type="submit"],input[type="password"],select,textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none; border-radius: 0}

    h1{font-size: 46px;}
    h3{font-size: 32px; line-height: 40px;} 
    

}


@media only screen and (min-width: 1025px) and (max-width: 1100px) {
    h3{font-size: 35px;}
}

@media only screen and (min-width: 1600px) {
	body {font-size: 16px;}
    h1{font-size: 80px;}
    h4{font-size: 32px;}
    h3{font-size: 46px;}
}