/* 0. Module Common */
/*body{ overflow: hidden; }*/
#page-container{ height:auto; }
.content{ background-color:#fff; }
.container-fluid.scroll{ padding:0; }
.content.noscroll{ top: 86px; }
.max_width_900{ max-width: 900px; margin:0 auto; margin-top: 5rem; }

.contact-wrapper{ width:1200px; background-color:#fff; border:0; margin:0 auto; padding:0rem; margin-top:10rem; }
.contact-wrapper h1{ margin-bottom: 2rem; }
.ol-contact-form{ background-color: #fff; border-radius: 0; border:0; display: flex; flex-direction: row; justify-content: space-between; flex-wrap: wrap; margin-top: 5rem; }
.ol-contact-form h2.form-title{ font-size:3rem; text-align: center; margin-bottom:5rem; font-family: "Aktiv Grotesk Bold",Arial,"Open-Sans",sans-serif; }
.ol-contact-form .form-instructions{ font-size: 1.6rem; text-align: left; margin-bottom: 2.5rem; }
.ol-contact-form .ol-contact-form--field{ margin-bottom: 3rem; }
.ol-contact-form--field.half-width{ width:48%; flex-grow: 0; flex-shrink: 0; flex-basis: 48%; }
#ol-message{ min-height: 150px; }
.ol-contact-form--button{ width:100%; }
.ol-contact-form--button #ol-contact_button{ max-width: 40rem; margin: 0 auto; }

@media (max-width:  428px ) {
	.contact-wrapper{ max-width: 100%; margin-top:0; }
	.ol-contact-form--field.half-width{ width:100%; flex-grow: 0; flex-shrink: 0; flex-basis: 100%; }
}

.disclaimer-box{ border: 1px solid #ccc; padding:0rem; margin-bottom:5rem; }
.legal-box{ border:1px solid #ccc; border-bottom:0; }
.legal-box:last-child{ border-bottom:1px solid #ccc; }
h2.box-title{ background-color:#eee; color: #222; text-align: center; line-height:5rem; margin: 0;}
h2.box-title i{ position:relative; top: 18px; right:2rem; }
.box-content{ padding:3rem; }

.page-header{ min-height: 63rem; margin: 0; }
.page-header.bg-image-001{ /*background-image:url('../images/jumbotron-bg-004.jpg'); background-repeat: no-repeat; background-size: cover; background-position: 0 -15px;*/ background-color:#fff; }
.page-header.bg-flex{ display:flex; flex-direction:row; flex-wrap:nowrap; justify-content:space-evenly; align-items:center; margin-bottom:6rem; }
.page-header.bg-flex .banner-image img{ width:100%; margin-top:2rem; }
@media( max-width:1370px ) { 
	.page-header.bg-flex .banner-image img{ max-width:63rem; }
}
.page-header.bg-flex .banner-image{ max-width:80rem; align-self:center; }
.page-header .text-wrapper{ max-width: 55rem; /*position: relative; top: 9rem; left:17rem;*/ /*margin-top:8rem;*/ }
.page-header .header-title{ color:#303030; font-size:8rem; text-align: center; margin-bottom: 5rem; font-weight: bold;}
.page-header .header-sub_title{ color:#303030; font-size:2.5rem; text-align: center; }

.page-banner-sub_bar .page-banner-wrapper{ display: flex; flex-direction: row; justify-content:center; align-items:center; width: 100rem; }
.page-banner-sub_bar .page-banner-wrapper:last-child{ margin-top:8rem; }
.page-banner-sub_bar{ min-height: 20rem; background-color: #333f50; color:#fff; display: flex; flex-direction: column; justify-content: center; align-items:center; padding:7rem 0; }
.page-banner-sub_bar.new-bg{ background-color: #f1f1f1; color:#0b2a2c; }
.page-banner-sub_bar.bg-dot1{ background-image:url('../images/bg-dot-4.png'); background-repeat:repeat; }
.page-banner-sub_bar .mission-section{ border-right: 1px solid #ccc; font-size: 3rem; text-align: center; padding-right: 7rem; min-width: 25rem; line-height:8rem; }
.page-banner-sub_bar .mission-description{ font-size: 1.8rem; margin-left: 7rem; }

@media( max-width:834px ){
	.page-banner-sub_bar .page-banner-wrapper{ width:100%; padding:0 3rem; }
}

.what-we-do-wrapper{ display:flex; flex-direction:row; flex-wrap:nowrap; justify-content:space-between; margin-bottom:8rem; }
.what-we-do-wrapper .common-questions-image-block{ max-width:30rem; min-width:29rem; margin-right:4rem; }
.what-we-do-wrapper .common-questions-image-block .common-questions-image, .what-we-do-wrapper .common-questions-image-block .common-questions-image img{ width:100%; }
.what-we-do-wrapper .common-questions-image-block h3{ font-size:1.8rem; color:#000; text-align:left; margin-bottom:1.5rem; font-weight:bold; }
.what-we-do-wrapper .common-questions-image-block p{ font-size:1.6rem; text-align:left; margin-bottom:3rem; }
.what-we-do-wrapper .common-questions-faq-block{ flex-grow:2; }
.view-more-questions{ margin-top: 4rem; font-size: 1.6rem; padding-left: 2rem; }

.section-topics-wrapper ul.help_topics{ list-style:none; padding:0; margin:0; width:100%; }
.section-topics-wrapper ul.help_topics li{ padding:2rem; border-bottom:1px solid #efefef; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; cursor: pointer; }
.section-topics-wrapper ul.help_topics li span.question{ font-size:1.6rem; }
.section-topics-wrapper ul.help_topics li > div{ display: flex; width:100%; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; }
.section-topics-wrapper ul.help_topics li:hover span{ color:#007aff; }
.section-topics-wrapper ul.help_topics li.active span.question{ color:#007aff; text-decoration:underline; }
.section-topics-wrapper ul.help_topics li.active span.arrow{ color:#007aff; text-decoration:none; }
.accordion-dropdown{ width:100%; flex-basis:100%; max-height:0; padding-right: 4rem; overflow: hidden; -webkit-transition: max-height 0.8s; -moz-transition: max-height 0.8s; transition: max-height 0.8s; }
.accordion-dropdown-inner{ padding:4rem 0; text-align:left; }
.accordion-dropdown-inner p{ text-align:left!important; margin-bottom:2rem!important; }
.accordion-dropdown.active{ max-height: 50rem; }
.accordion-dropdown-inner ul li{ border:none!important; padding:1rem!important; display:block!important; cursor:pointer; position:relative; padding-left:2rem!important; }
.accordion-dropdown-inner ul{ list-style:none; padding:0; padding-left:2rem; }
.accordion-dropdown-inner ul li:before{ content: "\f054";  font-family: "Font Awesome 5 Pro"; position:absolute; left:0;  }

@media( max-width:1194px ) {
	.page-header{ min-height:58rem; }
	.page-header .text-wrapper{ max-width:50%; margin-top:0; }
	.page-header.bg-flex .banner-image{ max-width:50%; }
	.page-header.bg-flex .banner-image img{  margin-top:0; }
	.page-header .header-title{ font-size:6rem; }
	.page-header .header-sub_title{ font-size:2rem; }
	.page-header.bg-flex{ align-items:center; }
}

@media( max-width:428px ) { }

h1.section-title{ font-size:2.8rem; font-weight: normal; color:#000; }
.title-underline{ width:8rem; border-bottom: 1px solid #ccc; margin:0 auto; margin-bottom:5rem; }
.contact-wrapper p{ margin-bottom: 10rem; font-size: 1.6rem; text-align: center; color: #545454 }
.large-logo{ display: flex; flex-direction:row; flex-wrap: nowrap; justify-content: center; align-content: center; }
.ortholinked-logo { margin: 5rem 0 10rem 0; }

/* 1.0 PTLINKED About Styles */
.team-container{ display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-evenly; margin-top: 0rem; }
.team-flex{ display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; margin-top: 0rem; }
.team-flex-2{ display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; margin-top: 7rem; }
.team .social a:hover{ border:1px solid #065fd4; color:#065fd4; }
.team .image, .team .social a{ border: 1px solid #ccc; }
.team .intro{ font-size:1.4rem; line-height: 2.6rem; margin: 2rem 3rem; opacity: 0.70; }
.team { text-align: center; margin-bottom: 8rem; padding:0 2rem; width: 25rem; }
.team .image { display: inline-block; border-radius: 300px; overflow: hidden; }
.team .info { margin-top: 15px; }
.team .image img { border-radius: 300px; -webkit-filter: grayscale(100%); filter: grayscale(100%); transition: all .5s; }
/*.team:hover .image img{ -webkit-filter: grayscale(0%); filter: grayscale(0%); }*/
.team .name { margin-bottom: 5px; }
.team .title { font-size: 1.4rem; margin-bottom: 15px; font-weight: 500; color: #303030; font-weight: bold; letter-spacing: 0.5px; }
.team p { margin-bottom: 15px; }
.team .social a { border-radius: 300px; border: 1px solid #ccc; padding: 5px; width: 40px; height: 40px; line-height: 32px; text-align: center; display: inline-block; color: #ccc; text-decoration: none; }
.team .social a + a { margin-left: 5px; }
.team .name { margin-bottom: 5px; font-size: 1.4rem; font-weight: 500; }
.content-logo{display: block; margin: 0 auto;}
.quote-section{ margin-top: 15rem; margin-bottom: 15rem; }
.quote-section .quote{ font-size: 3rem; opacity: 0.7; padding-right: 1rem; line-height: 4.5rem; }
.quote-section .image { display: inline-block; overflow: hidden; border: 2px solid #ccc; margin-bottom: 5rem; }
.quote-section .image img { -webkit-filter: grayscale(100%); filter: grayscale(100%); transition: all .5s; width: 500px; }
.quote-section .quote-signature{ margin-top: 2rem; font-size: 1.6rem; opacity: 0.7; }
.interactive-wrapper{ display: flex; flex-wrap: nowrap; flex-direction: row; justify-content: flex-start; position: relative; margin-bottom: 15rem; }
.circular-content-area{ background-color: #efefef; border-top-right-radius: 50%; border-bottom-right-radius: 50%; margin-top: 24px; margin-bottom: 27px; padding-top: 5rem; padding-left: 5rem; padding-right: 22rem; width: 100%; min-height: 545px; max-height: 545px; }
.mobile-page-banner-sub_bar{ display:none; }
.mobile-page-banner-sub_bar-mission{ display: none; }
.mobile-page-banner-sub_bar-mission{ background-color: #333f50; color:#fff; flex-direction: row; flex-wrap: wrap; justify-content:center; align-items:center; padding:5rem;  }
.mobile-page-banner-sub_bar .header-sub_title{ color:#303030; font-size:2rem; text-align: center; }
.mobile-page-banner-sub_bar-mission .mission-section{ font-size: 2rem; text-align: left; width:100%; margin-bottom: 2rem; }
.mobile-page-banner-sub_bar-mission .mission-description{ font-size: 1.6rem; width:100%; text-align: left; }
.mobile-page-banner-sub_bar-mission .vertical-spacer{ display:block; height:5rem; width:100%; }
@media (max-width: 1440px ) {
	.page-banner-sub_bar{ margin-top:-2rem; }
}
@media( max-width: 1080px ) {	
	.team .name{ font-size: 1.3rem; }
	.contact-wrapper{ width:100%; }
	.page-header .text-wrapper{ left:12rem; }
}
@media( max-width:834px ) {
	.page-header{ min-height:82rem; }
	.page-header.bg-flex{ flex-direction:column; }
	.page-header .text-wrapper{ max-width:100%; margin-top:0; padding:2rem 5rem; }
	.page-header.bg-flex .banner-image{ max-width:80%; order:-1;}
	.page-header.bg-flex .banner-image img{  margin-top:0; }
	.page-header .header-title{ font-size:4rem; }
	.page-header .header-title br{ display:none; }
	.page-header .header-title span{ display:inline-block; width:1.5rem; }
}
@media( max-width: 810px ) {
	.page-header{ min-height: 60rem; }
	.page-banner-sub_bar{ padding:0 2rem; margin-top:0px; }
	.contact-wrapper{ padding: 0 2rem; }
	.page-header .header-sub_title{ display:none; }
	.page-banner-sub_bar{ display:none; }
	.mobile-page-banner-sub_bar{ display:block; padding: 5rem; margin-top:-7rem; }	
	.mobile-page-banner-sub_bar-mission{ display: flex; }
	.page-header .text-wrapper{ left:0; width:100%; max-width: 100%; }
}

@media( max-width: 428px ) {
	.page-header{ min-height: 45rem; }
	.ortholinked-logo{ width: 100%; margin-top:10rem; }
	.page-header{ min-height:40rem; }
	.page-header.bg-flex{ flex-direction:column; }
	.page-header .text-wrapper{ max-width:100%; margin-top:0; padding:2rem 3rem; }
	.page-header.bg-flex .banner-image{ max-width:100%; order:-1;}
	.page-header.bg-flex .banner-image img{  margin-top:0; }
	.page-header .header-title{ font-size:2.8rem; margin-top:2rem; margin-bottom:0; }
	.page-header .header-title br{ display:none; }
	.page-header .header-title span{ display:inline-block; width:1rem; }
	.mobile-page-banner-sub_bar .header-sub_title{ font-size:1.6rem; }
	.mobile-page-banner-sub_bar{ padding-top:2rem; }
	.what-we-do-wrapper{ flex-direction:column; }
	.what-we-do-wrapper .common-questions-image-block h3{ text-align:center; }
	.what-we-do-wrapper .common-questions-image-block p{ text-align:center; }
	.what-we-do-wrapper .common-questions-image-block{ margin-left:0; width:100%; max-width:100%; min-width:100%; }
	.what-we-do-wrapper .common-questions-faq-block{ margin-top:5rem; }
	.accordion-dropdown-inner ul{ padding-left:0!important; }
	.accordion-dropdown{ padding-right:0!important; }
}