/*!
Theme Name: Boilerplate
Theme URI: http://underscores.me/
Author: Get Hooked 360, Inc.
Author URI: http://gethooked360.com/
Description: Base theme for ULSSI
Version: 2.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: boilerplate
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
Boilerplate is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.
Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

body {
	font-family: 'Work Sans', sans-serif !important;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: 300 !important;
}

p {
	font-weight: 400 !important;
	font-size: 18px;
}

a {
	text-decoration: none !important;
}

.default-button {
	background-image: linear-gradient(to right bottom, #00438c, #003e82, #003878, #00336e, #002e64);
	color: white;
	text-transform: uppercase;
	padding: 15px 40px;
	border-radius: 30px;
}

.default-button:hover {
	background: #fff;
	background-image: none;
	color: #1D82ED;
	/* border:3px solid #1D82ED; */
	text-decoration: none;
}

.white-border-btn {
	border: 1px solid #fff;
	color: #fff;
	padding: 11px 25px;
	font-size: 16px;
	border-radius: 30px;
}

.white-border-btn:hover {
	color: #fff;
	text-decoration: none;
}


.blue-border-btn {
	border: 2px solid #003D80;
	color: #203B55;
	padding: 11px 25px;
	font-size: 16px;
	border-radius: 30px;
}

.blue-border-btn:hover {
	color: #003D80;
	text-decoration: none;
}

.gradient-blue-btn{
	border-radius: 30px;
	background: rgb(0,45,98);
	background: -moz-linear-gradient(0deg, rgba(0,45,98,1) 36%, rgba(0,69,142,1) 100%);
	background: -webkit-linear-gradient(0deg, rgba(0,45,98,1) 36%, rgba(0,69,142,1) 100%);
	background: linear-gradient(0deg, rgba(0,45,98,1) 36%, rgba(0,69,142,1) 100%);
	padding: 16px 50px;
	color:#fff;
	font-weight: bold;
	text-transform: uppercase;
}

.gradient-blue-btn:hover{
	color: #fff;
	text-decoration: none;
}


.font-white{
		color:#fff;
}

.font-blue{
	color:#1D82ED;
}
 .margin-middle{
	 margin: 0 auto;
 }




/* Global */

@media (min-width: 1400px) {
	.container {
		max-width: 1336px !important;
		margin: auto;
	}
}

.content-area {
	padding: 20px 0;
}

.page-template-tpl-full-width .content-area,
.page-template-tpl-blank-canvas .content-area {
	padding: 0;
}


/* Menu */

.show-for-sr {
	position: absolute;
	top: -100%;
}

ul.menu {
	list-style: none;
	margin: 0;
	padding: 0;
}

.menu-wrapper {
	background-color: #fff;
	z-index: 10;
	position: relative;
	top: 0;
	z-index: 10;
}

.menu-block>div {
	display: inline-block;
	margin: 0 -1.5px;
}

.menu-block .logo-block {
	max-width: 200px;
	/* if you change this... */
	width: 100%;
	padding: 10px 0;
}

.max-img {
	width: 100% !important;
}

.menu-block .logo-block img {
	width: 100%;
}

.menu-block .navigation-block {
	width: 100%;
	position: fixed;
	top: 0;
	right: -100%;
	background-color: #fff;
	height: 100%;
	transition: all .3s ease;
}

.navigation-block .menu>li {
	display: block;
	width: 100%;
}


/* Menu Trigger */

#menu_trigger {
	position: absolute;
	top: 0;
	visibility: hidden;
}

#menu_trigger:checked+.navigation-block {
	right: 0;
}

.menu-button,
.close-menu-button {
	position: absolute;
	top: 10px;
	right: 20px;
	background-color: #eee;
}

.close-menu-button {
	z-index: 10;
}

#menu_trigger:checked+.navigation-block {
	right: 2px;
}


/* Dropdown */

.navigation-block ul {
	list-style: none;
	padding: 0;
	margin-right: 51px;
}

.navigation-block.text-right {
	text-align: left !important;
}


/* Footer */

.footer-container {
	padding-top: 40px;
	padding-bottom: 26px;
	background-color: #eee;
}

@media screen and (min-width: 769px) {
	.menu-wrapper {
		padding: 10px 0;
	}
	.menu-button,
	.close-menu-button {
		display: none !important;
	}
	.menu-block .logo-block {
		padding: 0;
	}
	.menu-block .navigation-block {
		width: calc(100% - 120px);
		height: auto;
		background-color: transparent;
		right: 9px;
		/* margin-top: 39px; */
		position: absolute;
	}
	.navigation-block.text-right {
		text-align: right !important;
	}
	.navigation-block .menu {
		position: relative;
		display: inline-block;
	}
	.navigation-block .menu>li {
		display: inline-block;
		width: auto;
	}
	.navigation-block .menu li a {
		display: block;
		padding: 25px 10px;
	}
	.navigation-block .menu li ul {
		display: none;
		position: absolute;
		background-color: #eee;
		min-width: 160px;
		z-index: 1;
		opacity: 0;
		transition: opacity .3s ease;
		text-align: left;
	}
	.navigation-block .menu li.menu-item-has-children:hover ul {
		display: block;
		opacity: 1;
	}
}


/* Attachment Thumbnails (Featured Image) */

.attachment-post-thumbnail {
	width: 100%;
	height: auto;
}


/* Breadcrumbs */

#breadcrumbs {
	margin: 1rem 0;
	font-size: 12px;
}

.breadcrumbs-container {
	background-color: #f5f5f5;
}


/* Comments */

#comments {
	padding: 20px 0;
}

#respond {
	margin-top: 20px;
}

.comment-form label {
	display: block;
}

.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form textarea {
	width: 100%;
}

.comments-area ol {
	list-style: none;
	padding: 0;
	margin: 0;
}

.comments-area .comment-body {
	padding: 10px 0;
	border-bottom: solid 1px #ddd;
}

.comments-area ol.children {
	padding-left: 15px;
	box-shadow: inset 3px 0 0 0 #ccc;
}

.comments-area .avatar {
	display: none;
}

.comments-area .comment-awaiting-moderation,
.comments-area .comment-metadata {
	font-size: .8em;
}


/* Archive */

.article-archive-list span {
	position: absolute;
	bottom: 0;
	padding: 8px 13px;
	color: #fff;
	max-width: 250px;
}

.article-archive-wrapper .article-overlay {
	background: linear-gradient( to bottom, transparent 30px, transparent 30px, #fff 400px, #fff 400px);
}

.article-archive-wrapper .article-section {
	height: 460px;
}


/* Pagination */


/* ULSSI additional CSS */

#primary-menu a {
	font-size: 16px;
	color: #00458E;
	font-weight: 400;
	text-decoration: none;
}

.search-nav {
	float: right;
}

.search-desktop {
	right: 0px;
	position: absolute;
	top: 0;
}


/* Video Banner */

.video-background-holder {
	position: relative;
	background-color: black;
	height: calc(100vh - 64px);
	min-height: 25rem;
	width: 100%;
	overflow: hidden;
}

.video-background-holder video {
	position: absolute;
	top: 50%;
	left: 50%;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	z-index: 0;
	-ms-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
}

.video-background-content {
	position: absolute;
	top: 50%;
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 2;
	left: 5%;
}

.video-background-overlay {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background-color: black;
	opacity: 0.4;
	z-index: 1;
}

.video-background-holder h1 {
	font-size: 80px !IMPORTANT;
	line-height: 85px;
}

.video-background-holder a {
	color: #fff
}

.video-background-holder a:hover {
	color: #fff;
	text-decoration: none
}

.life-bg {
	background-image: url(images/life-bg-lblue.png);
	background-repeat: no-repeat;
	background-size: cover;
	padding: 100px 0;
}

.life-bg h2 {
	font-size: 60px;
	margin-bottom: 35px;
	font-weight: 300 !important;
	line-height: 59px;
}

.life-bg a:hover {
	text-decoration: none;
}

.history-bg {
	background-image: url(images/history-bg.png);
	background-repeat: no-repeat;
	background-size: cover;
	padding: 150px;
	color: #fff;
	margin-top: 100px;
}

.history-bg .text-content {
	max-width: 800px;
	margin: 0 auto;
}

.history-bg p {
	font-size: 24px;
	font-weight: 400;
	margin-bottom: 30px !important;
}

.search-button {
	background-image: linear-gradient(to right bottom, #00438c, #003e82, #003878, #00336e, #002e64);
	color: white;
	text-transform: uppercase;
	padding: 9px 28px;
	border-radius: 30px;
	float: right;
	border: 2px solid transparent;
}

.search-button:hover {
	border: 2px solid #003e82;
	color: #003e82;
	background: transparent
}

.search-close-button {
	background-image: linear-gradient(to right bottom, #00438c, #003e82, #003878, #00336e, #002e64);
	color: white;
	text-transform: uppercase;
	padding: 28px;
	border-radius: 30px;
	float: right;
	width: 30px;
	height: 30px;
	position: absolute;
	margin-top: -36px;
	right: -20px;
	border: 0px;
}

.search-input {
	border: 2px solid #00458e;
	height: 51px;
	width: 100%;
	margin-bottom: 12px;
	padding: 0px 10px;
	font-size: 18px;
	font-weight: 200
}

.button-transparent {
	background: none;
	border: 0;
	padding: 0;
}

.brands-title h3 {
	color: #00458E;
	font-size: 40px;
	font-weight: 400 !IMPORTANT;
}

.brands-title a:hover {
	text-decoration: none;
}

.brands-title {
	margin-top: 70px;
}

.shop-link-wrapper a img{
	margin-left: 20px !important;
}

.shop-link-wrapper a {
	text-decoration: none;
}





/*
.article-section {
	position: relative;
	left: 0;
	top: 0;
	overflow: hidden;
	margin: 0;
	height: 700px
}

.article-section .content-title {
	position: absolute;
	top: 60px;
	margin: 0 80px;
}

.article-section .content-other {
	position: absolute;
	bottom: 40px;
	margin: 0 80px;
}

.article-overlay-wrapper img {
	display: block;
	width: 100%;
}

img.article-overlay {
	position: absolute;
	top: 0;
	left: 0;
}

img.article-image {
	margin-left: 15px;
}

.article-section p {
	font-size: 16px;
	color: #898989;
	font-weight: 600 !important;
	text-transform: uppercase;
	letter-spacing: 3px;
}

.article-section h1 {
	font-size: 50px;
	color: #00458e;
	line-height: 60px;
	font-weight: 300 !important;
	margin-bottom: 27px;
	margin-top: 40px;
	max-width: 500px;
}

.article-section a {
	font-size: 20px;
	color: #FD3100;
	font-weight: 600;
}

.article-section a:hover {
	color: #FD3100;
	text-decoration: none;
}

.articles span {
	position: absolute;
	bottom: 0;
	color: #fff;
	overflow-wrap: break-word;
	font-size: 18px;
	font-weight: 200;
	padding: 10px;
} */

.news-article-section-bg{
	background-size: cover !important;
	background-repeat: no-repeat !important;
	padding: 50px 0px;
	background-position: center center !important;
}

.news-article-section-extended{
	background-size: cover !important;
	background-repeat: no-repeat !important;
	background-position: center center !important;
}

.news-article-section .sub-title {
    font-weight: 700 !important;
    letter-spacing: 7px;
    color: #898989 !important;
		margin-bottom: 30px;
		font-size: 48px;
}

.news-article-section .main-title {
    color: #00458E;
    font-size: 44px;
    margin-bottom: 30px !important;
}

.news-article-section .article-archive-link {
    color: #FD3100 !important;
    font-weight: 700;
    font-size: 20px;
}

.article-list{
	margin-top: 120px;
}

.article-preview-wrapper {
    position: relative;
		box-shadow: -1px 6px 18px -5px rgba(0,0,0,0.57);
		-webkit-box-shadow: -1px 6px 18px -5px rgba(0,0,0,0.57);
		-moz-box-shadow: -1px 6px 18px -5px rgba(0,0,0,0.57);
}



.article-preview-wrapper img {
    width: 100%;
    object-fit: cover;
    height: auto;
}

.article-preview-wrapper .article-title-wrapper {
    position: absolute;
    bottom: 0;
    padding: 30px 17px 7px 17px;;
    color: #fff;
		background: rgb(0,69,142);
		background: linear-gradient(0deg, rgba(0,69,142,0.8) 18%, rgba(0,0,0,0) 92%);
		width:100%;
		font-size: 14px;

}

.career-section {
	color: #fff;
	background: #1d82ed;
	text-align: center;
	padding: 130px;
}

.career-section .text-content {
	max-width: 800px;
	margin: 0 auto;
}

.career-section h2 {
	font-size: 36px;
	margin-bottom: 20px;
}

.career-section p {
	font-size: 20px;
	margin-bottom: 30px;
}


.career-list {
	background: #fff;
	padding: 10px 0px;
	-webkit-box-shadow: 4px 1px 52px -6px rgba(0, 0, 0, 0.17);
	-moz-box-shadow: 4px 1px 52px -6px rgba(0, 0, 0, 0.17);
	box-shadow: 4px 1px 52px -6px rgba(0, 0, 0, 0.17);
	margin-bottom: 20px;
	border-radius: 10px;
	width: 100%;
}

.career-list h4 {
    color: #052341;
    font-weight: 700 !important;
    font-size: 19px;
    border-bottom: 1px solid #CCc;
    padding: 13px 15px 19px 15px;
}



.career-list .job-type {
	color: #1D82ED;
	font-weight: 400;
	margin-bottom: 5px;
	padding: 0px 15px;
}

.career-list .job-excerpt p {
	margin-bottom: 5px;
	padding: 0px 15px;
}

.career-list .job-link {
	color: #FF4E24;
	font-weight: 700;
	font-size: 16px;
	padding: 0px 15px;
}

.career-list .job-link:hover {
	text-decoration: none;
}

.other-careers {
	background: #1D82ED;
	padding: 50px 0;
}

.other-careers h2 {
	color: #fff;
}

.career-archive ul.pagination li a {
    margin-right: 15px !important;
		color:#2C2C2C;
		padding: 10px;
}


.career-archive ul.pagination li a:hover {
    background:#1D82ED;
		color:#fff;
		text-decoration: none
}

.career-archive ul.pagination li.active a{
    background:#1D82ED;
		color:#fff
}

.single-careers-wrapper .title {
    text-transform: uppercase;
    letter-spacing: 6px;
    color: #898989;
    font-weight: bold;
    margin-bottom: 12px;
}

.main-career{
	margin-top:20px;
}

input:placeholder { /* Firefox, Chrome, Opera */
    color: red;
}

.job-description {
	margin-top: 20px;
}

.inner-bg-content ul li{
	font-size: 18px !important;
	text-align: justify;
	padding-right:20px;
}

.job-description h4 {
	color: #1F3E5F !important;
	font-size: 19px !important;
	font-weight: 700 !important;
}

.job-description ul li {
	margin-left: -21px;
	font-weight: 400 !important;
	font-size: 18px;
}

.career-content .job-link {
	color: #FF4E24;
	font-weight: 700 !important;
	font-size: 18px;
}

.career-content .job-link:hover {
	text-decoration: none !important;
}

.career-form-wrapper {
	-webkit-box-shadow: 4px 1px 52px -6px rgba(0, 0, 0, 0.17);
	-moz-box-shadow: 4px 1px 52px -6px rgba(0, 0, 0, 0.17);
	box-shadow: 4px 1px 52px -6px rgba(0, 0, 0, 0.17);
	background-color: white;
	padding: 40px !important;
}

.career-form .gfield {
	margin-bottom: 20px !important;
}

.career-form label {
	font-size: 17px !important;
	font-weight: 500 !important;
	color: #052341 !important;
}

.career-form input {
	border-bottom: 1px solid #707070;
	border-top: 0;
	border-left: 0;
	border-right: 0;
	color: #7D8791;
	font-weight: 300;
	height: 40px;
	margin-top: -10px;
}

li#field_2_13 {
    margin-top: -28px;
}

::placeholder { /* Firefox, Chrome, Opera */
    color: #052341;
		font-weight: 500;
		font-size:17px;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #052341;
}

::-ms-input-placeholder { /* Microsoft Edge */
    color: #052341;
}

.career-form .gform_button {
	background-image: linear-gradient(to right bottom, #00438c, #003e82, #003878, #00336e, #002e64);
	color: #fff;
	text-transform: uppercase;
	text-align: center;
	font-weight: 600;
	width: 100% !important;
	/* border-radius: 80px; */
	border: 0px;
	height: 48px;
	font-size: 16px !important;
}

.career-form #input_2_4 {
	border-bottom: 0px !important;
}

.career-form #input_4_4 {
	border-bottom: 0px !important;
	margin-bottom:-30px;
}

.career-form .contact-inquiry select {
	border: 1px solid #707070;
	height: 50px;
	background: none;
}

.talent-community-section{
	background: #1D82ED;
	padding:50px 15px 0px 15px;
}

.talent-community-section a{
	color: #fff;
}

.career-stories-section{
	background: #1D82ED;
	padding:120px 0px;
}


.bubble-comment {
    background-color: #fff;
    color: #555;
    position: relative;
    padding: 30px;
    border-radius: 15px;
}

.bubble-comment p{
    margin:0px !important;
}

.profile {
    margin-top: 40px;
}

.profile img {
    width: 20%!important;
		display: inline-block !important;
}

.profile .name-position {
    display: inline-block;
    margin-left: 10px;
    vertical-align: middle;
}

.profile .name-position p {
    vertical-align: middle;
    margin-bottom: 0px !important;
}

.profile .name-position p span {
    font-size: 15px;
    font-weight: 100;
}




.career-stories .owl-dots .owl-dot.active span, .career-stories .owl-dots .owl-dot:hover span {
    background: #fff !important;
}

.career-stories .owl-dots{
    margin-top:20px !important
}

.career-stories .owl-dots .owl-dot {
    margin: 0 -2px;
}



.bubble-comment img {
    width: 20px !important;
    position: absolute;
    bottom: -16px;
}

.internship-program-section{
	background: url(http://ulssi.com.ph/wp-content/uploads/internship-program-bg.png);
	background-repeat: no-repeat;
	background-size: cover;
	padding:70px 15px;
}

.our-teams-section{
	background-color:#EAF3FD ;
	background-repeat: no-repeat;
	background-size: cover;
	padding:70px 15px;
}





.our-teams-section .card .card-header img {
	transform: rotate(0deg);
	position: absolute;
	right: 11px;
	top: 20px;
}

.our-teams-section .card .card-header .btn {
    text-align: left !Important;
		font-size: 18px;
}

.our-teams-section  .card-wrapper{
	display: inline-block;
	width: 49.6%;
	padding-left: 13px;
	padding-right: 13px;
}


.career-opportunities-wrapper{
	padding:100px 15px;
}


.card {
    border-radius: 0 !important;
		border:none !important;
}

.card-header {
    background-color: #fff !important;
    border-bottom: 1px solid #E8E8E8 !important;
	  padding: 8px 10px !important;
}

.card-header button{
    text-decoration: none !important;
		color:#1F3E5F !important;
		padding:2px 0px !important;
}

.our-teams-section .card-body {
    padding: 15px 10px;
}


.card-body p{
	color:#707070 !important;
	font-size:17px !important;
	text-align: justify;
}

.who-we-are-section{
	padding:120px 15px;
}

.who-we-are-section a{
	color: #1D82ED;
	text-transform: uppercase;
	font-weight: bold;
	margin:0 15px;
	font-size: 18px;
}

.who-we-are-section a:hover{
	color: #FF4E24;
	text-decoration: none;
}

.site-footer {
	border-top: 1px solid #CCCCCC !important;
	background-color: #fff;
}

.site-footer p {
	color: #052341;
	font-size: 16px;
	text-align: center;
}

.site-footer p a {
	color: #052341;
	text-decoration: underline;
}

.before-footer {
	padding: 50px 0;
}

.before-footer .column1 h3 {
	font-size: 24px;
	color: #1D82ED;
	font-weight: 300 !important;
	margin-bottom: 20px;
}

.before-footer .column1 p {
	color: #052341;
	font-size: 16px;
	font-weight: 200px;
	margin-bottom: 20px;
}

.before-footer .column1 a {
	color: #FF4E24 !important;
	font-size: 18px;
	font-weight: 600 !important;
	cursor: pointer;
	;
}

.before-footer .column2 h3 {
	font-size: 24px;
	font-weight: 300 !important;
	color: #052341;
	margin-bottom: 20px;
}

.before-footer .column2 p {
	font-size: 16px;
	color: #052341;
}

.before-footer .column2 p a {
	margin-top: 20px;
	color: #052341;
}

.search-modal .modal-content {
	margin-top: 130px;
	padding: 5px !important;
}

.vision-mission-wrapper {
	height: 100vh;
}

.vision-mission-section {
	background-image: url(images/vision-mission-bg-desktop-new.jpg);
	height: 100vh;
	min-height: 500px;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.vision-mission {
	margin: 0;
	position: absolute;
	top: 50%;
	-ms-transform: translateY(-65%);
	transform: translateY(-65%);
}

.vision-mission .item {
	text-align: center;
	max-width: 490px;
	margin: 0 auto;
}

.vision-mission .item h3 {
	font-size: 23px;
	color: #1D82ED;
	font-weight: 600 !important;
	margin-bottom: 20px;
}

.vision-mission .item h2 {
	color: #00458E;
	font-size: 36px;
	font-weight: 300 !important;
}

.page-template-tpl-story-php {
	height: 100%;
	margin: 0;
}

.vision-mission .owl-dots .owl-dot.active span,
.vision-mission .owl-dots .owl-dot:hover span {
	background: #FF4E24 !important;
}

.vision-mission .owl-dots .owl-dot {
	margin-top: 30px;
}

.vision-mission .owl-dots .owl-dot span {
	width: 20px !important;
	height: 20px !important;
}

.skin-sciences-section {
	background-image: url(images/skin-sciences-bg.png);
	background-size: cover;
	background-repeat: no-repeat;
	margin-top: -150px;
	padding: 160px 0 100px;
	position: relative;
}

.skin-sciences-section h2 {
	font-weight: 500 !important;
	color: #00458e !important;
	margin-top: 59px;
}

.skin-sciences-section p {
	text-align: justify;
}

.values-bg .container-fluid {
	padding-left: 0px !important;
	padding-right: 0px !important;
}

.values .tab-content-text p {
	font-size: 18px;
	color: #fff;
}

.values .tab-content-text h1 {
	font-size: 50px;
	color: #fff;
}

.values .tab-content-text span {
	font-size: 16px;
	font-weight: 700;
	color: #fff;
}

.value-tabs-wrapper {
	display: block;
	overflow: hidden;
	height: calc(1.5rem + 1rem + 2px);
	position: relative;
	z-index: 1;
	margin-bottom: -42px;
	margin-left: 54px;
}

.value-tabs-wrapper .nav-tabs {
	overflow-x: auto;
	flex-wrap: nowrap;
	border-bottom: 0;
	overflow-y: hidden;
}

.value-tabs-wrapper .nav-item {
	margin-bottom: 0;
}

.value-tabs-wrapper .nav-item:first-child {
	padding-left: 15px;
}

.value-tabs-wrapper .nav-item:last-child {
	padding-right: 15px;
}

.value-tabs-wrapper .nav-link {
	white-space: nowrap;
}

.value-tabs-wrapper .dragscroll:active,
.dragscroll:active a {
	cursor: -webkit-grabbing;
}

.value-tabs-wrapper .nav-tabs-wrapper-border {
	display: block;
	width: 100%;
	border-top: 1px solid #ddd;
}

.value-tabs-wrapper .tab-pane {
	padding: 1rem;
}

.values {
	position: relative;
}

.values .tab-bg-image {
	width: 100%
}

.values .tab-content-text {
	position: absolute;
	top: 27%;
	max-width: 500px;
	left: 80px;
}

.values-tabs .nav-item.show .nav-link,
.values-tabs .nav-link.active {
	color: #fff !important;
	border-top: 7px solid #fd3100 !important;
	background-color: transparent !important;
	border-left: 0 !important;
	border-right: 0 !IMPORTANT;
	border-bottom: 0 !IMPORTANT;
}

.values-tabs .nav-link {
	border-top: 7px solid transparent !important;
	color: #ffff;
	border-radius: 0 !important;
}

.fade {
	transition: opacity .80s linear !important;
}

.business-portfolio-section {
	background-image: url(images/business-portfolio-bg.png);
	background-size: cover;
	background-repeat: no-repeat;
	padding: 180px 0;
	margin-bottom: -70px;
}

.business-portfolio-wrapper {
	color: #fff;
	max-width: 900px !important;
	margin: 0 auto;
	text-align: center;
}

.business-portfolio-wrapper p {
	font-size: 20px;
	font-weight: 200 !important;
	margin-bottom: 30px;
	text-align: center;
}

.business-portfolio-wrapper h2 {
	font-size: 36px;
	font-weight: 400 !important;
	line-height: 33px;
	margin-bottom: 30px;
}

.business-portfolio-wrapper a {
	font-size: 16px;
	font-weight: 600 !important;
	color: #FF4E24;
	margin-right: 10px;
	margin-left: 10px;
	text-transform: uppercase;
}

.business-portfolio-wrapper a:hover {
	color: #fff;
	text-decoration: none;
}

.timeline-section .container-fluid {
	padding-left: 0px !important;
	padding-right: 0px !important;
}

.timeline .timeline-tab-content-text p {
	font-size: 16px;
	color: #fff;
	font-weight: 200 !IMPORTANT;
	line-height: 22px;
}

.timeline .timeline-tab-content-text h1 {
	font-size: 23px;
	color: #fff;
	font-weight: 200;
	margin-bottom: 40px;
}

.timeline .timeline-tab-content-text span {
	font-size: 42px;
	font-weight: 300;
	color: #fff;
}

.timeline-tabs-wrapper {
	display: block;
	overflow: hidden;
	height: 61px;
	position: relative;
	z-index: 1;
	margin-bottom: -1px;
	margin-top: -68px;
	margin-left: 54px;
}

.timeline-tabs-wrapper .nav-tabs {
	overflow-x: auto;
	flex-wrap: nowrap;
	border-bottom: 0;
	overflow-y: hidden;
}

.timeline-tabs-wrapper .nav-item {
	margin-bottom: 0;
}

.timeline-tabs-wrapper .nav-item:first-child {
	padding-left: 15px;
}

.timeline-tabs-wrapper .nav-item:last-child {
	padding-right: 15px;
}

.timeline-tabs-wrapper .nav-link {
	white-space: nowrap;
}

.timeline-tabs-wrapper .dragscroll:active,
.dragscroll:active a {
	cursor: -webkit-grabbing;
}

.timeline-tabs-wrapper .nav-tabs-wrapper-border {
	display: block;
	width: 100%;
	border-top: 1px solid #ddd;
}

.timeline-tabs-wrapper .tab-pane {
	padding: 1rem;
}

.timeline {
	position: relative;
}

.timeline .timeline-tab-bg-image {
	width: 100%
}

.timeline .timeline-tab-content-text {
	position: absolute;
	top: 10%;
	padding: 0px 7%;
	max-width: 640px;
	line-height: 35px;
	height: 76%
}

.timeline-tabs .nav-item.show .nav-link,
.timeline-tabs .nav-link.active {
	color: #fff !important;
	border-bottom: 7px solid #FD3100 !important;
	background-color: transparent !important;
	/* border-color: transparent !important; */
	border-left: 0 !important;
	border-right: 0 !IMPORTANT;
	border-top: 0 !IMPORTANT;
}

.timeline-tabs .nav-item {
	margin-top: -5px;
}

.timeline-tabs .nav-link {
	border: 0 !important;
	color: #ffff;
}

.timeline-main-content {
	position: absolute;
	bottom: 0;
}

span.timeline-dot {
	width: 20px;
	height: 20px;
	border: 1px solid white;
	display: -webkit-inline-box;
	margin-left: 9px;
	border-radius: 20px;
	opacity: .3;
}

.timeline-tabs .nav-item.show .nav-link,
.timeline-tabs .nav-link.active .timeline-dot {
	background: #FF4E24;
	border: 0;
	opacity: 1;
}

.timeline-line {
	border-top: 1px solid white;
	/* background: red; */
	/* z-index: 9999999999; */
	position: absolute;
	width: 100%;
	margin-top: -47px;
	opacity: .3;
}

.brands-copy-wrapper {
	padding: 80px 0 0px 0;
}

.contact-info h1 {
	font-weight: 400;
	color: #1F3E5F;
	font-size: 42px;
}

.contact-info p {
	font-size: 16px !important;
	color: #1F3E5F;
	font-weight: 400;
}

.contact-info .info {
	margin-top: 30px;
}

.contact-info .icon {
	float: left;
	margin-right: 24px;
}

.contact-info .description span {
	color: #1F3E5F;
	font-size: 16px;
	font-weight: 400 !important;
}

.contact-info .description a {
	color: #1F3E5F;
	font-size: 16px;
	font-weight: 400 !important;
}

.contact-info .description a:hover {
	color: #1F3E5F !important;
	font-weight: 400 !important;
}

.contact-form-wrapper {
	-webkit-box-shadow: 4px 1px 52px -6px rgba(0, 0, 0, 0.17);
	-moz-box-shadow: 4px 1px 52px -6px rgba(0, 0, 0, 0.17);
	box-shadow: 4px 1px 52px -6px rgba(0, 0, 0, 0.17);
	background-color: white;
	padding: 40px !important;
}

.contact-form .gfield {
	margin-bottom: 20px !important;
}

.contact-form label {
	font-size: 17px !important;
	font-weight: 500 !important;
	color: #052341 !important;
}

.contact-form input {
	border-bottom: 1px solid #707070;
	border-top: 0;
	border-left: 0;
	border-right: 0;
	color: #7D8791;
	font-weight: 300;
	height: 40px;
	margin-top: -10px;
}

.contact-form .gform_button {
	background-image: linear-gradient(to right bottom, #00438c, #003e82, #003878, #00336e, #002e64);
	color: #fff;
	text-transform: uppercase;
	text-align: center;
	font-weight: 600;
	width: 100% !important;
	/* border-radius: 80px; */
	border: 0px;
	height: 48px;
	font-size: 16px !important;
}

.gform_wrapper div.validation_error {
	font-weight: 400 !important;
	border-top: 1px solid #790000 !important;
	border-bottom: 1px solid #790000 !important;
}

.gform_wrapper .validation_message {
	font-weight: 400 !important;
}

.contact-form .contact-inquiry select {
	border: 1px solid #707070;
	height: 50px;
	background: white;
}

.single-article-bg {
	background-image: url(images/single-article-bg.jpg);
	background-repeat: no-repeat;
	background-size: 100%;
	overflow: hidden;
}

.polygon-svg-article {
	/*margin-top: -70px;*/
	padding: 0 !important;
}

.article-banner .polygon-svg-article svg {
	width: 85%;
}

.inner-bg-content {
	padding: 100px 0px;
	background-size: 100%!IMPORTANT;
	background: url(images/inner-bg.jpg) no-repeat #D6E5F5;
}

.inner-bg-content p {
	font-size: 18px !important;
	text-align: justify;
	font-weight: 400 !important;
	color: #2C2C2C;
}

.inner-bg-content ul li {
	font-weight: 400 !important;
	color: #2C2C2C;
	margin-bottom: 15px;
}

.inner-bg-content h2 {
	font-size: 24px;
	color: #1F3E5F;
	font-weight: 400 !important;
}

.inner-bg-content strong {
	font-weight: 700 !important;
}

.single-article-bg .entry-meta {
	display: none;
}

.single-article-bg #breadcrumbs {
	font-size: 14px !important;
	font-weight: 300 !important;
}

.single-article-bg .entry-content p {
	font-size: 16px !important;
	font-weight: 300 !important;
	color: #2C2C2C;
}

.single-article-bg .entry-content ul li {
	font-size: 16px !important;
	font-weight: 300 !important;
	color: #2C2C2C;
	margin-bottom: 15px;
}

.single-article-bg .entry-content h2 {
	font-size: 24px;
	color: #1F3E5F;
	font-weight: 400 !important;
}

.single-article-bg .entry-content strong {
	font-weight: 700 !important;
}

p.related-post-title {
	color: #052341;
	font-size: 16px;
	font-weight: 200 !important;
}

.related-post-list {
	position: relative;
	text-align: left;
	margin-bottom: 30px;
}

.related-post-list .article-title {
	position: absolute;
	bottom: 4px;
	left: 16px;
	font-size: 14px;
}

.related-post-list a {
	color: #fff;
}

.related-post-list a:hover {
	color: #fff;
}

.share-article {
	background: #fff;
	border-radius: 15px;
	padding: 20px;
	-webkit-box-shadow: 4px 1px 52px -6px rgba(0, 0, 0, 0.17);
	-moz-box-shadow: 4px 1px 52px -6px rgba(0, 0, 0, 0.17);
	box-shadow: 4px 1px 52px -6px rgba(0, 0, 0, 0.17);
	margin-bottom: 50px;
}

.share-article span {
	color: #FD3100;
	font-size: 13px;
	font-weight: 700 !important;
}

.share-article span img {
	margin-right: 10px;
}

.share-btns {
	margin-top: 10px;
}

.share-btns img {
	margin-right: 10px;
}

.single-article-bg .post-navigation {
	margin-top: 20px
}

.single-article-bg .post-navigation h2.screen-reader-text {
	display: none;
}

.single-article-bg .post-navigation .nav-previous {
	float: left;
}

.single-article-bg .post-navigation .nav-next {
	float: right;
}

.single-article-bg .post-navigation .nav-previous a,
.nav-next a {
	background-image: linear-gradient(to right bottom, #00438c, #003e82, #003878, #00336e, #002e64);
	color: #fff;
	text-transform: uppercase;
	text-align: center;
	font-weight: 600;
	border-radius: 80px;
	border: 2px solid transparent;
	font-size: 16px !important;
	padding: 12px 23px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

.single-article-bg .post-navigation .nav-previous a:hover,
.nav-next a:hover {
	border: 2px solid #00438c !important;
	color: #00438c;
	background: transparent;
	text-decoration: none
}

.nav-previous a,
.nav-next a {
	display: block;
	width: 260px;
}

.article-list {
	position: relative;
	text-align: left;
	margin-bottom: 30px;
}

.article-list .article-title {
	position: absolute;
	bottom: 28px;
	left: 26px;
	width: 100%;
	overflow: unset;
	max-width: 300px;
	font-size: 20px;
}

.article-list a {
	color: #fff;
	overflow-wrap: break-word;
}

.article-list a:hover {
	color: #fff;
	overflow-wrap: break-word;
}

.article-list img {
	width: 100%;
}

.page-title {
	margin-bottom: 20px;
}

.footer-nav ul li {
	width: 48%;
	display: inline-block;
	margin-bottom: 15px;
}

.footer-nav a {
	font-size: 16px !important;
	color: #052341 !important;
	font-weight: 400 !important;
}

.footer-nav a:hover {
	font-size: 16px;
	color: #052341 !important;
	;
}

label.close-menu-button.btn {
	top: -6px;
	right: -13px;
}

.values-bg .row {
	margin-left: 0px !important;
	margin-right: 0px !important;
}

.values-bg .col-md-12 {
	padding: 0px !important;
}

.timeline-section .row {
	margin-left: 0px !important;
	margin-right: 0px !important;
}

.timeline-section .col-md-12 {
	padding: 0px !important;
}

.inner-bg-content h1.page-title {
	font-size: 36px;
	color: #00458E;
	font-weight: 400;
}


.career-introduction-section h1.page-title {
	color: #052341 !important;
}


.archive-brands a {
	font-weight: 600;
	font-size: 16px;
	color: #FF4E24;
}

.archive-brands .content-body {
	margin-bottom: 30px;
}

.archive-brands .brands-list {
	margin-bottom: 30px;
}

.brand-banner {
	background-image: url(images/brand-banner-overlay.jpg);
	padding: 50px 0px 30px;
	background-repeat: no-repeat;
	background-size: cover;
	overflow: hidden;
	height: calc(100vh - 72px);
	min-height: 25rem;
}

.brand-logo {
	margin-bottom: 20px;
}

.brand-arrow {
	position: absolute;
	right: 3%;
	bottom: 70px;
}

.polygon-svg {
	margin-top: -100px;
	padding: 0 !important;
}

.polygon-shadow {
	filter: drop-shadow(0px 22px 25px #d9eafc);
	-webkit-filter: drop-shadow(0px 22px 25px #d9eafc);
	-moz-filter: drop-shadow(0px 22px 25px #d9eafc);
}

.polygon-shadow {
	filter: drop-shadow(0px 22px 25px #d9eafc);
	-webkit-filter: drop-shadow(0px 22px 25px #d9eafc);
	-moz-filter: drop-shadow(0px 22px 25px #d9eafc);
}

.products-wrapper h3 {
	color: #000;
	font-weight: 400 !important;
	font-size: 24px;
}

.about-image-background {
	padding-top: 260px
}

.about-image-background {
	position: relative;
}

.about-brand {
	color: #fff;
}

.about-brand a {
	margin-right: 15px;
}

.brand-yt-embed {
	margin-top: -340px;
	max-width: 1000px !important;
}

.product-list p {
	font-size: 16px !important;
	text-align: center;
	color: #555555;
}

.product-list h3 {
	font-size: 24px;
	font-weight: 500 !important;
	text-transform: uppercase;
	margin: 15px 0px 5px;
	color: #1D82ED;
}

.brand-banner h1 {
	font-size: 42px;
	font-weight: 300 !important;
	color: #052341;
}

.seven-cols img {
	width: 100%;
}

b,
strong {
	font-weight: 700 !important;
}

.error-wrapper {
	padding: 200px 0;
}

.error-wrapper {
	text-align: center;
}

.error-wrapper .default-button:hover {
	border: 2px solid #1D82ED;
}

.error-wrapper h1 span {
	font-size: 42px;
	font-weight: 700 !important
}

.img-fluid {
	width: 100%;
}

.product-list {
	padding: 0px 30px !important;
}

.pagination-wrapper a {
	color: #2C2C2C;
	margin-right: 15px;
}

.pagination-wrapper .active a {
	color: #fff;
	background-color: #1D82ED;
	padding: 5px;
}

.search-wrapper h2 {
	font-size: 24px;
	color: #1F3E5F;
	font-weight: 700 !important;
	text-decoration: underline;
}

.search-wrapper p {
	margin-bottom: 0px;
}

.no-results h1.page-title {
	font-weight: 700 !important;
	color: #000;
}

.no-results .search-form {
	display: none;
}

.search-close-button {
	padding: 0px !important;
}

.contact-form-wrapper {
	display: none !important;
}

.brand-logo {
	max-width: 300px;
	width: 80%;
}

.postid-233 .brand-logo {
	max-width: 300px;
	width: 35%;
}

.postid-235 .brand-logo {
	max-width: 300px;
	width: 35%;
}

.postid-231 .brand-logo {
	max-width: 300px;
	width: 35%;
}

svg.icon.icon-arrow-bottom {
	width: 60px;
}

html {
	scroll-behavior: smooth;
}


/* news */
.news-category-list br {
    display: none;
}

.news-category-list li {
    display: inline-block;
}

.news-category-list .children {
    display: contents;
    margin-left: 40px;
}

.news-category-list ul li{
	padding-right: 0;
}

.news-category-list a {
    display: inline-block;
		padding:7px 20px;
		font-size: 1rem;
		font-weight: bold;
    text-transform: uppercase;
		color: #212529;
}

.news-category-list .current-cat a{
	border-radius: 30px;
	background: rgb(0,45,98);
	background: -moz-linear-gradient(0deg, rgba(0,45,98,1) 36%, rgba(0,69,142,1) 100%);
	background: -webkit-linear-gradient(0deg, rgba(0,45,98,1) 36%, rgba(0,69,142,1) 100%);
	background: linear-gradient(0deg, rgba(0,45,98,1) 36%, rgba(0,69,142,1) 100%);
	color: #fff;
	text-decoration: none;
}

.news-category-list .current-cat .children a {
    background: transparent !important;
    color: #212529;
}

.news-category-list a:hover {
		border-radius: 30px;
    background: rgb(0,45,98);
    background: -moz-linear-gradient(0deg, rgba(0,45,98,1) 36%, rgba(0,69,142,1) 100%);
    background: -webkit-linear-gradient(0deg, rgba(0,45,98,1) 36%, rgba(0,69,142,1) 100%);
    background: linear-gradient(0deg, rgba(0,45,98,1) 36%, rgba(0,69,142,1) 100%);
    color: #fff;
		text-decoration: none;
}

.news-article-section .post-navigation .pagination{
    justify-content: flex-end;
}

.news-article-section .post-navigation .pagination li{
    padding: 10px 20px;
}

.news-article-section .post-navigation .pagination li a{
    color: #2C2C2C;
}

.news-article-section .post-navigation .pagination li.page-item.active {
    background: rgb(0,45,98);
    background: -moz-linear-gradient(0deg, rgba(0,45,98,1) 36%, rgba(0,69,142,1) 100%);
    background: -webkit-linear-gradient(0deg, rgba(0,45,98,1) 36%, rgba(0,69,142,1) 100%);
    background: linear-gradient(0deg, rgba(0,45,98,1) 36%, rgba(0,69,142,1) 100%);
    text-decoration: none;
}

.news-article-section .post-navigation .pagination li.page-item.active a{
	color:#fff;
}

.news-article-section .post-navigation .pagination li.page-item.active{
	background: rgb(0,45,98);
	background: -moz-linear-gradient(0deg, rgba(0,45,98,1) 36%, rgba(0,69,142,1) 100%);
	background: -webkit-linear-gradient(0deg, rgba(0,45,98,1) 36%, rgba(0,69,142,1) 100%);
	background: linear-gradient(0deg, rgba(0,45,98,1) 36%, rgba(0,69,142,1) 100%);
	color: #fff !important;
	text-decoration: none;

}

.news-article-section .news-category-mobile select {
    width: 100%;
    border: 0;
    padding: 10px;
    box-shadow: 6px 7px 5px -2px rgb(0 0 0 / 11%);
    -webkit-box-shadow: 6px 7px 5px -2px rgb(0 0 0 / 11%);
    -moz-box-shadow: 6px 7px 5px -2px rgba(0,0,0,0.11);
}

.news-archive-wrapper .article-list {
    margin-top: 50px;
}







@media (max-width:1024px) {
	.article-section {
		height: auto;
	}
	.article-section .content-title {
		margin: auto;
	}
	.article-section .content-other {
		margin: auto;
	}
	.vision-mission {
		max-width: 400px;
		margin: 0 auto;
	}
	.vision-mission .item h2 {
		font-size: 29px;
	}
}

@media (max-width:991px) {
	.polygon-svg-article {
		margin-top: -27px;
		padding: 0 !important;
	}
	.article-banner .polygon-svg-article svg {
		width: 100%;
	}
	#primary-menu a {
		font-size: 14px;
	}
	.single-article-bg .post-navigation .nav-next {
		float: none;
	}
	.single-article-bg .post-navigation .nav-previous {
		float: none;
	}
	.product-list h3 {
		font-size: 19px;
	}
	.product-list {
		padding: 0px 15px !important;
	}
	.single-article-bg .post-navigation a {
		display: inline-block;
		margin-bottom: 10px;
		width: 100%
	}
	.article-archive-wrapper {
		padding: 50px 0px 0px 0;
	}
	.article-archive-wrapper .article-section {
		height: auto;
	}
	.life-bg h2 {
		font-size: 29px;
		margin-bottom: 21px;
		font-weight: 500 !important;
		line-height: 29px;
	}
	p {
		font-weight: 400 !important;
		font-size: 16px !important;
	}
	.history-bg {
		padding: 90px;
	}
	.career-section h2 {
		font-size: 30px;
	}
	.career-section {
		padding: 62px;
	}


	.footer-nav #primary-menu a {
		color: #052341 !important;
		font-size: 16px !important;
	}
	.history-bg {
		padding: 80px;
	}
	.before-footer-desktop {
		display: none;
	}

	.column1 {
		padding-top: 30px !important;
		padding-bottom: 30px !important;
		padding-left: 30px !important;
	}
	.column2 {
		padding-top: 30px !important;
		padding-bottom: 30px !important;
		padding-right: 30px !important;
	}
	.before-footer {
		padding: 0px;
	}
	.footer-nav {
		padding: 30px 30px !important;
		border-top: 1px solid #9999;
	}
	.timeline .timeline-tab-content-text h1 {
		margin-bottom: 28px;
	}
	.timeline-main-content {
		bottom: 40px;
	}
	.vision-mission .item {
		padding: 0px 10px;
	}
	.business-portfolio-section {
		padding: 110px 0;
	}
	.contact-form-wrapper {
		margin-top: 30px;
	}
	.article-section .content-other {
		position: relative;
		bottom: 0;
	}
	.article-section .content-title {
		position: relative;
		top: 0;
		margin: auto;
	}
	.article-section .content-other {
		position: relative;
		top: 0;
		margin: auto;
	}
	.article-section .article-overlay-wrapper {
		display: none;
	}
	.brand-banner {
		padding: 0;
	}
	.polygon-svg {
		margin-top: auto;
	}
	.brand-banner h1 {
		font-size: 33px;
	}
	.news-article-section-bg{
		background: transparent !important;
	}
	.news-article-section-extended{
		background: transparent !important;
	}

	.article-list {
    margin-top: 50px;
	}

	.article-preview-wrapper img {
    height: auto;
	}

	.shop-link-wrapper span{
		display: block;
		margin-bottom: 20px;
		margin-top: 20px;
	}
	.shop-link-wrapper a img{
		display: block;
    margin: 22px auto !important;
	}


}

@media (max-width:768px) {


	.brand-arrow {
		right: 2%;
	}
	.article-banner {
		text-align: center;
	}
	.polygon-svg {
		position: relative;
		margin-top: 0px
	}
	.polygon-svg-article {
		position: relative;
		margin-top: 0px
	}
	.single-article-bg {
		padding-top: 50px;
	}
	.brand-yt-embed .col-md-12 {
		padding-left: 0;
		padding-right: 0;
	}
	.menu-block .logo-block {
		max-width: 162px;
		width: 100%;
		padding: 10px 0;
	}
	#primary-menu a {
		color: #fff !important;
		font-weight: 400 !important;
		font-size: 24px !important;
	}
	.navigation-block ul {
		list-style: none;
		margin: 21px 0px;
		padding: 0;
	}
	.navigation-block #primary-menu>li {
		padding: 13px 23px;
	}
	.menu-block .navigation-block {
		background-image: url(images/mobile-nav-bg.png);
		background-repeat: no-repeat;
		background-size: cover;
		z-index: 999;
		overflow: scroll;
	}
	.address-mobile span {
		color: #fff;
		margin-bottom: 20px;
		font-size: 18px;
		font-weight: 600;
	}
	.address-mobile p {
		color: #fff;
		font-size: 14px !important;
		font-weight: 400 !important;
		margin-top: 20px;
	}
	label.menu-button.btn {
		top: -1px;
		padding: 0;
		right: -1px;
		z-index: 20;
	}
	.search-mobile {
		margin-right: 51px;
	}
	label.close-menu-button.btn {
		top: -1px;
		right: -1px;
		padding: 0;
		z-index: 30;
	}
	.life-bg h2 span {
		padding: 14px;
		font-size: 29px;
	}
	p {
		font-weight: 400 !important;
		font-size: 16px !important;
	}
	.history-bg {
		padding: 90px;
	}
	.career-section h2 {
		font-size: 30px;
	}
	.career-section {
		padding: 62px;
	}
	.footer-nav #primary-menu a {
		color: #052341 !important;
	}
	.column1 {
		padding-top: 30px !important;
		padding-bottom: 30px !important;
		padding-left: 30px !important;
	}
	.column2 {
		padding-top: 30px !important;
		padding-bottom: 30px !important;
		padding-right: 30px !important;
	}
	.footer-nav {
		padding: 30px !important;
	}
	.tab-bg-image {
		display: none
	}
	.timeline-tab-bg-image {
		display: none !important;
	}
	img.timeline-tab-bg-image-mobile {
		width: 100%;
	}
	img.tab-bg-image-mobile {
		width: 100%;
	}
	.values .tab-content-text h1 {
		font-size: 70px;
	}
	.timeline .timeline-tab-content-text span {
		font-size: 62px;
		line-height: 53px;
	}
	.timeline .timeline-tab-content-text h1 {
		font-size: 33px;
	}
	.business-portfolio-section {
		padding: 74px 0;
	}
	.business-portfolio-wrapper h2 {
		font-size: 24px;
		font-weight: 400 !important;
		line-height: 29px;
		margin-bottom: 30px;
	}
	.article-section h1 {
		font-size: 32px;
		line-height: 1;
		margin-bottom: 10px;
		margin-top: 10px;
	}


}

@media (max-width:567px) {
	.brand-logo {
		width: 60%;
	}
	.postid-233 .brand-logo {
		width: 43%;
	}
	.postid-238 .brand-logo {
		width: 78%;
	}
	.postid-236 .brand-logo {
		width: 70%;
	}
	.modal-dialog {
		max-width: 320px;
		margin: 0 auto !important;
		width: 90% !important;
	}
	.brand-quote {
		bottom: 0;
	}
	.skin-sciences-section {
		margin-top: -200px;
		padding: 0px;
	}
	.skin-sciences-section h2 {
		margin-top: 0px;
	}
	.brand-banner {
		padding: 50px 0 30px;
	}
	.brand-arrow {
		right: 4%;
	}
	svg.icon.icon-arrow-bottom {
		float: right
	}
	.brand-banner h1 {
		font-size: 32px;
		width: 260px;
	}
	.site-footer p {
		text-align: left
	}
	.polygon-svg-article {
		margin-left: -36px;
		width: 90% !important;
		margin-top: -78px;
		margin-bottom: 10px !important;
	}
	.single-article-bg {
		background-image: url(images/single-article-bg-mobile.jpg);
	}
	.article-banner {
		text-align: left;
	}
	.brand-banner {
		text-align: left;
		background: none;
		height: calc(100vh - 56px);
		min-height: 25rem;
	}
	.brand-yt-embed {
		margin-top: 0;
	}
	.about-image-background {
		padding-bottom: 50px;
	}
	.yt-wrapper {
		height: 0 !important;
	}
	.about-image-background {
		padding: 35% 0px 40px 0px;
	}
	.about-image-background {
		background-size: contain !important;
	}
	.brands-title h3 {
		font-size: 32px;
		font-weight: 400 !important;
	}
	.video-background-holder h1 {
		font-size: 50px !important;
		line-height: normal;
	}
	.video-background-content {
		position: absolute;
		top: unset;
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
		z-index: 2;
		left: unset;
		bottom: -107px;
		padding: 10px;
	}
	.column1 {
		padding-right: 15px !IMPORTANT;
		padding-left: 15px !IMPORTANT;
	}
	.column2 {
		padding-right: 15px !IMPORTANT;
		padding-left: 15px !IMPORTANT;
	}
	.footer-nav {
		padding-right: 15px !IMPORTANT;
		padding-left: 15px !IMPORTANT;
	}
	.life-bg {
		padding: 30px 0;
	}
	.history-bg {
		padding: 40px;
	}
	.history-bg p {
		margin-bottom: 20px !important;
	}
	.container.history-wrapper {
		padding: 0px;
		margin-top: -100px;
		z-index: 9999999;
	}
	.yt-mobile {
		padding: 0px !Important;
	}
	.values .tab-content-text h1 {
		font-size: 46px;
		font-weight: 400 !important;
	}
	.values .tab-content-text {
		top: unset;
		bottom: 54px;
		left: 0;
		padding: 0 10px;
	}
	.timeline .timeline-tab-content-text h1 {
		font-size: 23px;
	}
	.business-portfolio-wrapper a {
		margin-left: 0px;
		margin-bottom: 15px !important;
		display: inline-block;
	}
	.timeline .timeline-tab-content-text span {
		font-size: 36px;
		line-height: 36px;
	}
	.value-tabs-wrapper {
		margin-left: 0px;
	}
	.address-mobile {
		position: absolute;
		bottom: 5px;
		left: 18px;
		text-align: left;
	}
	.vision-mission .item h2 {
		font-size: 19px;
	}
	.vision-mission {
		max-width: 250px;
		top: 280px;
	}
	.vision-mission .owl-dots .owl-dot {
		margin-top: 0;
	}
	.vision-mission-section {
		background-image: url(images/vision-mission-bg-mobile-new.png);
		height: unset;
		min-height: unset;
		background-size: contain;
		background-position: top;
		background-repeat: no-repeat;
	}
}

@media (max-width: 361px) {
	.vision-mission {
		top: 257px;
	}
}

@media (max-width: 320px) {
	.vision-mission {
		top: 238px;
	}
	.brand-quote h1 {
		width: 230px;
	}
	.about-brand .white-border-btn {
		font-size: 13px;
	}
}

@media (min-width:992px) {
	.seven-cols .col-custom {
		max-width: none !important;
	}
	img[src*=".svg"] {
		width: 100%;
	}
	.polygon-svg svg {
		width: 100%;
		height: 700px;
	}
	.before-footer-mobile {
		display: none;
	}
}

@media (min-width:769px) {
	.address-mobile {
		display: none;
	}
	.search-mobile {
		display: none;
	}
	.tab-bg-image-mobile {
		display: none
	}
	.timeline-tab-bg-image-mobile {
		display: none !important;
	}
}

@media(max-width:769px) and (min-width:415px) {
	.address-mobile {
		margin-left: 24px;
		margin-top: 70px;
	}
}

@media (min-width: 768px) {
	.seven-cols .col-md-1,
	.seven-cols .col-sm-1,
	.seven-cols .col-lg-1 {
		width: 100%;
		*width: 100%;
	}
}

@media (min-width: 992px) {
	.seven-cols .col-md-1,
	.seven-cols .col-sm-1,
	.seven-cols .col-lg-1 {
		width: 14.285714285714285714285714285714%;
		*width: 14.285714285714285714285714285714%;
		max-width: 14.285714285714285714285714285714% !important;
		flex: none !important;
	}
}

@media (min-width: 1200px) {
	.seven-cols .col-md-1,
	.seven-cols .col-sm-1,
	.seven-cols .col-lg-1 {
		width: 14.285714285714285714285714285714%;
		*width: 14.285714285714285714285714285714%;
		max-width: 14.285714285714285714285714285714% !important;
		flex: none !important;
	}
}

@media (min-height:812px) and (max-height:824px) {
	.vision-mission-wrapper {
		height: 86vh;
	}
}

@media (max-width:824px) and (min-width:567px) {
	.vision-mission .item h2 {
		font-size: 17px;
	}
	.vision-mission {
		max-width: 280px;
		top: 250px;
	}
	.vision-mission .owl-dots .owl-dot {
		margin-top: 0;
	}
}

@media (min-width:768px) and (max-width:1367px) {
	.brand-banner {
		height: auto;
		min-height: auto
	}
}

@media (min-width: 1700px) {
	.brand-banner {
		padding: 170px 0;
	}
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
	.brand-banner {
		height: calc(100vh - 72px);
	}
	.seven-cols .col-custom {
		max-width: none !important;
	}
	.polygon-svg {
		max-width: 100%;
	}
}

@supports (-webkit-overflow-scrolling:touch) {
	.brand-banner {
		height: calc(100vh - 122px)
	}
}

@media (max-height:760px) and (orientation:portrait) {
	.polygon-svg {
		position: relative !important;
		right: -1%;
		margin-top: -31%;
		min-width: 505px;
	}
}

@media (max-height:737px) and (orientation:portrait) {
	.polygon-svg {
		position: relative !important;
		right: -15%;
		margin-top: -31%;
		min-width: 506px;
	}
}

@media (max-height:668px) and (orientation:portrait) {
	.polygon-svg {
		position: relative !important;
		right: -10%;
		margin-top: -31%;
		min-width: 466px;
	}
}

@media (max-height:641px) and (orientation:portrait) {
	.polygon-svg {
		position: relative !important;
		right: -20%;
		margin-top: -31%;
		min-width: 426px;
	}
}

@media (max-height:569px) and (orientation:portrait) {
	.polygon-svg {
		position: relative !important;
		right: -20%;
		margin-top: -31%;
		min-width: 346px;
	}
}

@media (max-height:512px) and (orientation:portrait) {
	.polygon-svg {
		position: relative !important;
		right: -20%;
		margin-top: -31%;
		min-width: 320px;
	}
}



@media (min-width:576px) {
	.career-welcome-section{
			background: none !important;
			text-align: center;
	}
}


@media (max-width:575px) {
	.our-teams-section #accordion {
    /* column-count: 1; */
	}

	.career-welcome-section{
			color:#fff !important;
			text-align: left !important;
			height: 400px;
			padding:40px 0px;
	}

	.career-welcome-section h1{
		font-size:30px;
		height: fit-content;
	}

	.career-welcome-section h3{
		position: absolute;
    height: fit-content;
    margin-top: 157px;
    font-size: 27px !important;
	}

	.who-we-are-section a {
    display: block;
    margin: 10px 0 !important;
	}

	.internship-program-section h1{
		font-size: 36px;
	}

	.talent-community-section{
		padding:50px 0px 0px 0px;
	}

	.who-we-are-section{
		padding:50px 0px;
	}


	.main-career {
		margin-top: -160px;
	}

	a.brand-sm-icons img {
	    width: 24px;
	}

	a.fb-icon-brand img{
		width: 14px !important;
	}

	.white-border-btn {
    font-size: 14px;
  }



}

.career-form select {
    border-bottom: 1px solid #707070;
    padding: 10px 0px !important;
    border-left: none;
    border-right: none;
    border-top: none;
    margin-top: 11px;
    margin-bottom: 11px;
}


@media (max-width:990px) {
		.send-desktop{
			display: none;
		}

		.our-teams-section .card-wrapper{
			width: 100%;
		}

		.inner-bg-content ul li{
			font-size: 18px !important;
			padding-right:0;
		}

		.news-category-desktop{
			display: none;
		}


}


@media (min-width:991px) {
		.send-mobile{
			display: none;
		}

		.news-category-mobile{
			display: none;
		}
}


.gform_wrapper .screen-reader-text, .gform_wrapper label.hidden_sub_label {
    clip: auto !important;
    clip-path: none !important;
    height: auto !important;
    position: relative !important;
    width: auto !important;
    display: block !important;
		font-size: 13px !important;
		margin-top:10px !important;
}

div#career-form {
    display: inline-table;
}

li#field_4_13 {
    margin-top: -27px;
}

span#extensions_message_2_4 {
    margin-top: -3px !important;
}

li#field_2_13 {
    margin-top: -25px !important;
}


.desc.mt-3.email-career.font-white {
    margin-top: 80px !important;
}

.job-excerpt.px-3 {
    font-size: 18px;
    text-align: justify;
}


.career-welcome-section h3{
	font-size:36px;
}







.col-2dot4,
.col-sm-2dot4,
.col-md-2dot4,
.col-lg-2dot4,
.col-xl-2dot4 {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
.col-2dot4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 50%;
    max-width: 50%;
}
@media (min-width: 540px) {
    .col-sm-2dot4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
}
@media (min-width: 720px) {
    .col-md-2dot4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33%;
        flex: 0 0 33%;
        max-width: 33%;
    }
}
@media (min-width: 960px) {
    .col-lg-2dot4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
}
@media (min-width: 1140px) {
    .col-xl-2dot4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
}
.img-black-filter {
    background-color: #000000;
}

.img-black-filter img {
	opacity: 0.65;
}

.ux-label h1{
	color: #00458E !important;
    font-size: 40px !important;
    font-weight: 400 !important;
    }

.brand-banner-2 {
	height: auto !important;
	background-image: url(//www.ulssi.com.ph/wp-content/themes/boilerplate/images/brand-banner-overlay.jpg);
    padding: 2em 0 30px;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
        min-height: 25rem;
}
@media (min-width: 768px) {
	.brand-banner-2 {
		padding-top: 5em !important;
	}
}

.story-img {
	filter: brightness(0.5);
}

.nav-link-story {
	padding: 0.5rem !important;
}

iframe[src*=youtube] {
                    display: block;
                    margin: 0 auto;
                    max-width: 100%;
                    padding-bottom: 10px;
                }

.pds-extended span {
	color:#212529;
	font-size:1.2em;
	font-weight:500;
}

.pds-extended:hover {
	color:#212529 !important;
}

.footer-btn {
    max-width: 200px !important;
    transition: filter 0.3s ease;
}

.footer-label {
    font-weight: 500 !important;
}


@media screen and (min-width: 1200px) {
    .footer-btn:hover {
	    transform: scale(1.1);
    }
}