@font-face {
font-family: "Open sans", sans-serif;
}
.navbar-dark .navbar-toggler {
margin-top: 15px;
}
.mobile-nav{display: none;}
.desktop-nav{display:flex}
.imgIconSize{
border-radius: 5px;
-webkit-transition: all .5s;
-moz-transition: all .5s;
transition: all .5s;
}
.imgIconSize:hover{
-ms-transform: scale(1.03); /* IE 9 */
-webkit-transform: scale(1.03); /* Safari 3-8 */
transform: scale(1.03);
cursor: pointer;
}
.desktop-pdf{display:block;}
.mobile-pdf{display:none;}
.adjust-googleTranslate{
width:20%;
}
.mobile-button {
display:none;
}
.translate-fontsize{
font-size:.8rem;
}
.link-1, .link-2, .link-3, .link-4{
font-size:1.1rem;
/*border-right: 2px solid #c9a4d0;*/
font-weight: 600;
/*padding: 10px 0px 10px 0px;*/
}
/*.link-4{
font-size:1.35vh;
left: 4.5%;
right: 4.5%;
top: 0;
font-weight: 600;
padding: 10px 0px 10px 0px;
text-align: center;
}*/
.link-1 a, .link-2 a, .link-3 a, .link-4 a{
color: #fff !important;
}
.padding-25px{ padding: 25px; }
.yellow-padding{ padding:25px 0px; }
.yellow-padding-bottom{ padding-bottom:25px; }
.leftrighttop-padding{ padding:20px 25px 0px 25px !important; }
.tablet-view{ display: none; }
.nowrap{ white-space: nowrap; }
.light-pink-background{
background-color: #e9d9f3;
}
.purple-background{
background-color: #673091;
height: 100px;
}
.pale-lav-background{
background-color: #e9d9f3;
}
.pink-background{
background-color: #94288e;
height: 100px;
}
.header-fontsize{
font-size: 2rem;
font-family: "Open Sans", sans-serif;
font-weight:900;
position: absolute;
bottom: 6%;
left:10%;
right: 0;
text-align: left;
text-transform: uppercase;
}
section.masthead {
position: relative;
overflow-x: hidden;
margin-top:-15px;
padding-bottom: 1rem;
background: #4f0287;
background-repeat: no-repeat;
background-position: center center;
background-attachment: scroll;
background-size: cover;
}
.btn-outline-purple {
color: #673091;
background-color: transparent;
background-image: none;
border-color: #673091;
}
.btn-outline-purple:hover {
color: #fff;
background-color: #673091;
background-image: none;
border-color: #673091;
}
@media screen and (min-width: 992px){
section.masthead {
padding-top: calc(2.5rem - 30px);
padding-bottom: .7rem;
}
}
@media(max-width: 768px){
#resources, #partnersOtherLinks,#css-only-modals,.justify-content-md-center, .masthead,
.pale-lav-background, #aaimm_res, #crisis_preg, #faq, .teen-dropdown, #contraception_teen
#reporductive_teen, .light-pink-background, .bg-purple, #res_dropdown {
max-width:100%;
}
}
@media(min-width: 1000px){
.container{
max-width: 100% !important;
}
}
@media(max-width:991px){
.mobile-nav{display: block !important;}
.desktop-nav{display:none !important;}
}
@media(min-width:992px){
.mobile-nav{display: none !important;}
.desktop-nav{display:flex !important;}
}
@media(min-width:1012.73px) and (max-width:1082px){
.navbar-custom .navbar-nav .nav-item .nav-link{
font-size:.8rem !important;
}
.hide-translateText{
display: none;
}
}
@media(min-width:992px) and (max-width:1012.72px){
.navbar-custom .navbar-nav .nav-item .nav-link{
font-size:.78rem !important;
}
.hide-translateText{
display: none;
}
}
@media screen and (max-width: 768px){
.link-1, .link-2, .link-3, .link-4{
text-align: center;
font-size:1.2rem;
}
.link-1{
margin-top:0px !important;
}
.pink-background, .purple-background{
height:40px;
}
.header-fontsize{
font-size: 1.4rem;
left: 9%;
}
#resources .pink-background .header-fontsize{
bottom:-4px;
}
#partnersOtherLinks .pink-background .header-fontsize{
bottom:3px;
}
.safety-exit{right: 17px; padding: 0.2em 2em;}
/*.link-4{
top: unset;
right: unset;
left: unset;
font-size:1.8vh;
}*/
.dropdown .menu{ width: 100% !important; }
.mobile-add-top{
margin-top: 1.5rem!important;
}
.center-item2{
display: none;
}
.col-5{
-webkit-box-flex: 0;
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
.col-7{
-webkit-box-flex: 0;
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%;
}
#partnersOtherLinks .col-5{
-webkit-box-flex: 0;
-ms-flex: 0 0 68.333333%;
flex: 0 0 68.333333%;
max-width: 68.333333%;
}
#partnersOtherLinks .col-7{
-webkit-box-flex: 0;
-ms-flex: 0 0 30.666667%;
flex: 0 0 30.666667%;
max-width: 30.666667%;
}
#resources .col-5{
-webkit-box-flex: 0;
-ms-flex: 0 0 68.333333%;
flex: 0 0 68.333333%;
max-width: 68.333333%;
}
#resources .col-7{
-webkit-box-flex: 0;
-ms-flex: 0 0 30.666667%;
flex: 0 0 30.666667%;
max-width: 30.666667%;
}
section.masthead {
padding-top: calc(2.2rem - 30px);
padding-bottom: 0.35rem;
}
}
@media(min-width: 480px) and (max-width:768px){
.adjust-googleTranslate{
width:30%;
}
}
@media(max-width: 480px){
.padding-25px {
padding: 10px 25px;
}
}
@media(max-width: 479px){
.adjust-googleTranslate{
width:60%;
}
}
.button-33 {
background-color: #673091;
border-radius: 100px;
box-shadow: rgba(103,48,145, .2) 0 -25px 18px -14px inset,rgba(103,48,145, .15) 0 1px 2px,rgba(103,48,145, .15) 0 2px 4px,rgba(103,48,145, .15) 0 4px 8px,rgba(103,48,145, .15) 0 8px 16px,rgba(103,48,145, .15) 0 16px 32px;
cursor: pointer;
display: inline-block;
font-family: "Open Sans", sans-serif;
padding: 7px 14px;
text-align: center;
text-decoration: none;
transition: all 250ms;
border: 0;
user-select: none;
-webkit-user-select: none;
touch-action: manipulation;
text-decoration: none !important;
}
.button-33:hover {
box-shadow: rgba(103,48,145,.35) 0 -25px 18px -14px inset,rgba(103,48,145,.25) 0 1px 2px,rgba(103,48,145,.25) 0 2px 4px,rgba(103,48,145,.25) 0 4px 8px,rgba(103,48,145,.25) 0 8px 16px,rgba(103,48,145,.25) 0 16px 32px;
transform: scale(1.05) rotate(0deg);
}
/* CSS */
.button-36 {
background-image: linear-gradient(92.88deg, #455EB5 9.16%, #5643CC 43.89%, #673FD7 64.72%);
border-radius: 8px;
border-style: none;
box-sizing: border-box;
color: #FFFFFF;
cursor: pointer;
flex-shrink: 0;
font-family: "Inter UI","SF Pro Display",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;
font-size: 16px;
font-weight: 500;
height: 4rem;
padding: 0 1.6rem;
text-align: center;
text-shadow: rgba(0, 0, 0, 0.25) 0 3px 8px;
transition: all .5s;
user-select: none;
-webkit-user-select: none;
touch-action: manipulation;
}
.button-36:hover {
box-shadow: rgba(80, 63, 205, 0.5) 0 1px 30px;
transition-duration: .1s;
color: #fff;
text-decoration: none;
}
@media (min-width: 768px) {
.button-36 {
padding: 5px 1.6rem;
}
}
/*Back to top Button*/
.m-backtotop {
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
position: fixed;
bottom: -50px;
right: 20px;
width: 50px;
height: 50px;
background: #673091;
border-radius: 25px;
text-align: center;
border: 2px solid #fff;
box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
opacity: 0;
overflow: hidden;
color: #fff;
}
.m-backtotop.active {
background-color: #673091 !important;
bottom: 15px;
opacity: 1;
}
.m-backtotop > div {
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.m-backtotop > div.arrow {
position: absolute;
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
opacity: 1;
}
.m-backtotop > div.text {
font-size: 5px;
font-size: 0.5rem;
line-height: 10px;
text-transform: uppercase;
font-weight: 900;
font-family: "Open Sans", sans-serif;
position: absolute;
left: 50%;
top: 50%;
transform: translateY(50%) translateX(-50%);
opacity: 0;
margin-top: 1px;
}
.m-backtotop:hover {
transform: scale(1.1);
bottom: 20px;
cursor: pointer;
background: #673091;
box-shadow: 0 10px 5px rgba(0, 0, 0, 0.1);
}
.m-backtotop:hover > div.arrow {
transform: translateY(-150%) translateX(-50%);
opacity: 0;
}
.m-backtotop:hover > div.text {
transform: translateY(-50%) translateX(-50%);
opacity: 1;
}
/*****************************/
/*Safety Exit Button*/
.safety-exit {
padding: 0.3em 2em;
border: none;
outline: none;
color: rgb(255, 255, 255);
background: #673091;
cursor: pointer;
position: absolute !important;
z-index: 0;
border-radius: 10px;
position: fixed;
bottom: 3.3%;
right:2px;
user-select: none;
-webkit-user-select: none;
touch-action: manipulation;
opacity:.8;
z-index: 1031;
}
.safety-exit:before {
content: "";
background: linear-gradient(
45deg,
#ff0000,
#ff7300,
#fffb00,
#48ff00,
#00ffd5,
#002bff,
#7a00ff,
#ff00c8,
#ff0000
);
position: absolute;
top: -2px;
left: -2px;
background-size: 400%;
z-index: -1;
filter: blur(5px);
-webkit-filter: blur(5px);
width: calc(100% + 4px);
height: calc(100% + 4px);
animation: glowing-safety-exit 20s linear infinite;
transition: opacity 0.3s ease-in-out;
border-radius: 10px;
}
@keyframes glowing-safety-exit {
0% {
background-position: 0 0;
}
50% {
background-position: 400% 0;
}
100% {
background-position: 0 0;
}
}
.safety-exit:after {
z-index: -1;
content: "";
position: absolute;
width: 100%;
height: 100%;
background: #222;
left: 0;
top: 0;
border-radius: 10px;
}
/*****************************/
/*.middle-pos{
position: absolute;
top: 64%;
left: 32%;
transform: translateY(-50%,-50%);
}*/
.center-item{
margin: 0 auto;
}
.center-item2{
margin: 0 auto;
text-align: center;
}
.resize-img{ width:13vw; }
.purple-box {
background: #673091;
}
/******** Hover on icons located in pale lav section *********/
.img1:hover{ border: 1px solid #94288e !important; }
.img2:hover{ border: 1px solid #94288e !important; }
.img3:hover{ border: 1px solid #94288e !important; }
.img4:hover{ border: 1px solid #94288e !important; }
.img5:hover{ border: 1px solid #94288e !important; }
.img6:hover{ border: 1px solid #94288e !important; }
.img7:hover{ border: 1px solid #94288e !important; }
.img8:hover{ border: 1px solid #94288e !important; }
.img1{ border: 1px solid #35284f !important; border-radius: 5px; }
.img2{ border: 1px solid #35284f !important; border-radius: 5px; }
.img3{ border: 1px solid #35284f !important; border-radius: 5px; }
.img4{ border: 1px solid #35284f !important; border-radius: 5px; }
.img5{ border: 1px solid #35284f !important; border-radius: 5px; }
.img6{ border: 1px solid #35284f !important; border-radius: 5px; }
.img7{ border: 1px solid #35284f !important; border-radius: 5px; }
.img8{ border: 1px solid #35284f !important; border-radius: 5px; }
/*****************************************************************/
/*Safety Modal Message*/
#css-only-modals {
position: absolute;
pointer-events: none;
left: 0;
top: 10px;
right: 0;
bottom: 0;
z-index: 10000000;
text-align: center;
white-space: nowrap;
height: 100%;
margin: 0 auto;
max-width: 775px;
}
#css-only-modals:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle;
margin-right: -0.25em;
}
.css-only-modal-check {
pointer-events: auto;
}
.css-only-modal-check:checked ~ .css-only-modal {
opacity: 1;
pointer-events: auto;
}
.css-only-modal {
/*width: 60%;*/
background: #e5e5e5;
z-index: 1;
display: inline-block;
position: absolute;
pointer-events: auto;
padding: 6px 16px;
text-align: right;
border-radius: 4px;
white-space: normal;
display: inline-block;
vertical-align: middle;
opacity: 0;
pointer-events: none;
left: 0;
right: 0;
margin: 0 auto;
}
.css-only-modal h2 {
text-align: center;
}
.css-only-modal p {
text-align: left;
}
.css-only-modal-close {
position: absolute;
top: 0px;
right: 4px;
}
.css-only-modal-check {
display: none;
}
.css-only-modal-check:checked ~ #screen-shade {
opacity: 0.5;
pointer-events: auto;
}
#screen-shade {
opacity: 0;
background: #000;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
pointer-events: none;
transition: opacity 0.8s;
}
.stripe > .container > p,
.stripe > .container > ul {
text-align: left;
padding: 35px;
margin: 0;
}
.stripe > .container > hr {
margin: 50px 0;
}
#nav-spacer {
display: block;
height: 50px;
}
.stripe {
width: 100%;
text-align: center;
overflow: hidden;
}
.grey-light {
color: DimGrey;
font-size: 1.05rem;
}
.close-btn{ font-size:1.5em !important; margin-bottom:10px; }
.close-btn{ cursor: pointer; }
/**************************************************************/
@media(min-width:1400px){
h3{
font-size:1.65vw;
}
p{
font-size:1.2rem;
}
.button-33{
padding: 7px 34x;
}
.btn{
font-size:1.2rem;
}
.link-1, .link-2, .link-3, .link-4{
font-size: 1.1rem;
}
body, nav{
max-width: 1280px;
margin: 0 auto;
}
.col-xxl-6 {
flex: 0 0 auto;
width: 50%;
}
.resize-img{ width:8vw; }
/*.css-only-modal{
width:60%;
}*/
}
@media(min-width:2000px){
/*.css-only-modal{
width:34%;
}*/
}
@media (min-width: 1228px) {
/*.safety-exit{
top:64.3%;
position: absolute;
}*/
/*.css-only-modal{
top:-38% !important;
}*/
}
@media (max-width: 1227px) {
/*.safety-exit{
top:8.3%;
padding: 0.6em 2em;
}
/*.css-only-modal{
top:-42%;
}*/
}
@media(min-width:1164px) and (max-width:1227px){
/*.safety-exit{
top:8.3% !important;
padding: 0.6em 2em;
}
/*.css-only-modal{
top:-42% !important;
}*/
}
@media(min-width:1164px) and (max-width:1227px) and (orientation:landscape){
/*.safety-exit{
top:17.3% !important;
padding: 0.6em 2em;
}
/*.css-only-modal{
top:-30% !important;
}*/
}
@media (max-width: 768px) {
/*.safety-exit{
top:11.3% !important;
}
/*.css-only-modal{
top:-35% !important;
}*/
}
@media (max-width: 768px) and (orientation:portrait){
/*.safety-exit{
top:9.6% !important;
}
/*.css-only-modal{
top:-38% !important;
}*/
}
@media (max-width: 768px) and (orientation:landscape){
/*.safety-exit{
top:3.6% !important;
}
/*.css-only-modal{
top:-38% !important;
}*/
}
@media (max-width: 1227px) and (orientation: landscape) {
/*.safety-exit{
top:8.3%;
/*padding:0.04em 0.2em;*
}
/*.css-only-modal {
top: -42%;
}*/
}
@media (max-width: 300px) and (orientation: portrait) {
/*.safety-exit{
top:12.9% !important;
padding:0.04em 0.2em;
}
/*.css-only-modal {
top: -32% !important;
width: 80% !important;
}*/
}
@media (min-width: 300px) and (max-width: 500px) and (orientation: portrait) {
/*.safety-exit{
top:9.6% !important;
padding:0.04em 0.2em;
}*/
}
@media (max-width: 299px){
.centered-right {
font-size: .85rem !important;
left: 68% !important;
}
.law-centered-right {
font-size: .85rem !important;
}
}
@media (min-width:300px) and (max-width: 369px){
.centered-right {
font-size: 1rem !important;
left: 68% !important;
}
.law-centered-right {
font-size: 1rem !important;
}
}
@media (min-width:370px) and (max-width: 574px){
.centered-right {
font-size: 1.2rem !important;
left: 68% !important;
}
.law-centered-right {
font-size: 1.2rem !important;
}
}
@media (max-width: 484px){
/*.safety-exit{
top:7.9%;
padding:0.04em 0.2em;
}
/*.css-only-modal{
top:-35%;
width: 80%;
}*/
.grey-light{
font-size:.9rem !important;
}
}
@media (min-width:601px) and (max-width: 767px) {
.centered-right{
font-size:14px !important;
left:68% !important;
}
.law-centered-right {
font-size:14px !important;
left:71% !important;
width:44% !important;
}
}
@media (min-width:768px) and (max-width: 840px) {
.centered-right{
font-size:8px !important;
left:68% !important;
}
.law-centered-right {
font-size:8px !important;
left:70% !important;
width:44% !important;
}
/*.css-only-modal{
top:-42%;
width: 80%;
}*/
}
@media (min-width:768px) and (max-width: 840px) and (orientation: landscape) {
.centered-right{
font-size:8px !important;
left:68% !important;
}
.law-centered-right {
font-size:8px !important;
left:70% !important;
width:44% !important;
}
/*.css-only-modal{
top:-38%;
width: 80%;
}*/
/*.safety-exit {
top: 12.3%;
}*/
}
@media (min-width:841px) and (max-width: 960px) {
.centered-right{
font-size:14px !important;
left:70% !important;
}
.law-centered-right {
font-size:14px !important;
left:70% !important;
width:44% !important;
}
/*.css-only-modal{
top:-40%;
width: 80%;
}*/
/*.safety-exit {
top: 9.3%;
padding: 0.4em 2em;
}*/
}
@media (min-width:841px) and (max-width: 960px) and (orientation:landscape) {
/*.safety-exit {
top: 12.3%;
padding: 0.4em 2em;
}*/
}
@media (min-width:961px) and (max-width: 1024px) {
.centered-right{
font-size:10px !important;
left:70% !important;
}
.law-centered-right {
font-size:10px !important;
left:70% !important;
width:44% !important;
}
/*.css-only-modal{
top:-38%;
width: 80%;
}*/
/*.safety-exit {
top: 8.3%;
padding: 0.4em 2em;
}*/
}
@media (min-width:961px) and (max-width: 1024px) {
/*.css-only-modal{
top:-38%;
width: 80%;
}*/
/*.safety-exit {
top: 13.3%;
padding: 0.4em 2em;
}*/
}
@media (min-width:961px) and (max-width: 1024px) and (orientation:portrait) {
/*.css-only-modal{
top:-40%;
width: 80%;
}
.safety-exit {
top: 10.6%;
padding: 0.4em 2em;
}*/
}
@media (min-width:1025px) and (max-width: 1128px) {
.centered-right{
font-size:11.3px !important;
left:70% !important;
}
.law-centered-right {
font-size:11.3px !important;
left:70% !important;
width:44% !important;
}
/*.css-only-modal{
top:-40%;
width: 80%;
}
.safety-exit {
top: 9.3%;
padding: 0.4em 2em;
}*/
}
@media only screen and (min-width:1025px) and (max-width: 1128px) and (orientation:portrait) {
/*.css-only-modal{
top:-46%;
width: 80%;
}
.safety-exit {
top:3.6%;
padding: 0.4em 2em;
}*/
}
@media only screen and (min-width: 1025px) and (max-width: 1128px) and (orientation:landscape){
/*.css-only-modal {
top: -40%;
width: 80%;
}
.safety-exit {
top: 7.3%;
padding: 0.4em 2em;
}*/
}
@media (min-width:1129px) and (max-width: 1198px) and (orientation: landscape) {
/*.desktop-view{ display: none; }*/
.tablet-view{ display: block; }
.navbar-custom{padding-top:2rem;}
.ct-language{padding:2px 10px !important;}
/*.safety-exit {top: 8%;}*/
}
@media (min-width:992px) and (max-width: 1227px) and (orientation: portrait) {
/*.desktop-view{ display: none; }*/
.tablet-view{ display: block; }
.navbar-custom{padding-top:2rem;}
.ct-language{padding:3px 10px !important;}
/*.safety-exit {top: 8%;}
.css-only-modal {top:-40%;}*/
}
@media (min-width:485px) and (max-width: 699px) and (orientation: portrait) {
/*.safety-exit{
top:8.5%;
padding:0.04em 0.2em;
}
.css-only-modal{
top:-37%;
width: 80%;
}*/
}
@media (min-width: 768px) and (max-width: 1023px) {
.mobile-tablet{ bottom: -8% !important; }
}
/*
##Device = Tablets, Ipads (landscape)
##Screen = B/w 768px to 1024px
*/
@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
.mobile-tablet{bottom: -8% !important;}
}
@media (min-width: 1024px) and (max-width: 1246px) {
.mobile-tablet{ bottom: -10% !important; }
}
@media (max-width: 398px) {
.header-fontsize{
font-size: 1.1rem;
}
}
@media (max-width: 308px) {
.header-fontsize{
font-size: 1rem;
}
}
@media(min-width:769px) and (max-width:951px){
.header-fontsize {
font-size: 2rem;
}
}
@media(min-width:952px) and (max-width:1036px){
.header-fontsize {
font-size: 2.3rem;
}
}
@media(max-width:460px){
.mobile-view{
display: block;
width:40%;
}
}
@media(min-width: 461px){
.mobile-view{
display: none;
}
}
@media(max-width:991px){
.desktop-view{
display:none;
}
}
.goog-logo-link,.goog-te-gadget img {
display:none !important;
}
.goog-te-gadget, .VIpgJd-ZVi9od-l4eHX-hSRGPd{
color: transparent !important;
}
.goog-te-banner-frame.skiptranslate {
display: none !important;
}
.ct-topbar {
text-align: right;
background: #eee;
}
.ct-topbar__list {
margin-bottom: 0px;
}
.ct-language__dropdown{
padding-top: 8px;
max-height: 0;
overflow: hidden;
position: absolute;
top: 110%;
left: -3px;
-webkit-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
width: 240px;
text-align: center;
padding-top: 0;
z-index:200;
overflow-y:visible;
}
.ct-language__dropdown li{
background: #222;
padding: 5px;
}
.ct-language__dropdown li a{
display: block;
}
.ct-language__dropdown li:first-child{
padding-top: 10px;
border-radius: 3px 3px 0 0;
}
.ct-language__dropdown li:last-child{
padding-bottom: 10px;
border-radius: 0 0 3px 3px;
}
.ct-language__dropdown li:hover{
background: #444;
}
.ct-language__dropdown:before{
content: '';
position: absolute;
top: 0;
left: 0;
/*right: 0;*/
right: 94px;
margin: auto;
width: 8px;
height: 0;
border: 0 solid transparent;
border-right-width: 8px;
border-left-width: 8px;
border-bottom: 8px solid #222;
}
.ct-language{
position: relative;
background: #94288e;
color: #fff;
padding: 6px 10px;
border-radius: 5px;
}
.ct-language:hover .ct-language__dropdown{
max-height: 200px;
padding-top: 8px;
}
.ct-language{
cursor: pointer;
}
.list-unstyled {
padding-left: 0;
list-style: none;
text-align: left;
}
.list-unstyled li a { color:#fff !important; }
.ct-language__dropdown::-webkit-scrollbar {
width: 10px;
}
.ct-language__dropdown::-webkit-scrollbar-track {
background-color: #e4e4e4;
border-radius: 100px;
}
.ct-language__dropdown::-webkit-scrollbar-thumb {
border-radius: 100px;
background-image: linear-gradient(180deg, #d0368a 0%, #708ad4 99%);
box-shadow: inset 2px 2px 5px 0 rgba(#fff, 0.5);
}
.centered-right {
position: absolute;
top: 54%;
left: 70%;
transform: translate(-50%, -50%);
/*background-color: white;*/
color: #fff;
width: 46%;
text-align: center;
margin: 0 auto;
font-size: 20px;
font-weight: 600;
}
.law-centered-right {
position: absolute;
top: 54%;
left: 72%;
transform: translate(-50%, -50%);
/*background-color: white;*/
color: #fff;
width: 46%;
text-align: center;
margin: 0 auto;
font-size: 13px;
font-weight: 600;
}
.bottom-right {
position: absolute;
bottom: 15%;
right: -19%;
}
.top-right {
position: absolute;
top: 40%;
right: 20%;
letter-spacing: 4px;
}
.primary-header{
text-transform: uppercase;
font-size: 2rem;
text-align: center;
margin-top: 0%;
font-family: "Open Sans", sans-serif;
letter-spacing: 4px;
}
.primary-header2{
text-transform: uppercase;
font-size: 1.5rem;
text-align: center;
margin-top: 0%;
font-family: "Open Sans", sans-serif;
line-height: 100%;
width: 80%;
padding: 10px 44px;
}
@media(min-width:1348px) and (max-width:1399px){
.bottom-right {
right: -17%;
bottom: 18%;
}
}
@media(min-width:1260px) and (max-width:1347px){
.bottom-right {
right: -19%;
bottom: 15%;
}
}
@media(min-width:1160px) and (max-width:1259px){
.bottom-right {
right: -21%;
bottom: 15%;
}
}
@media(min-width:1130px) and (max-width:1159px){
.bottom-right {
right: -24%;
bottom: 13%;
}
}
@media(min-width:1100px) and (max-width:1129px){
.bottom-right {
right: -23%;
bottom: 11%;
}
}
@media(min-width:1050px) and (max-width:1099px){
.bottom-right {
right: -25%;
bottom: 10%;
}
}
@media(min-width:1000px) and (max-width:1049px){
.bottom-right {
right: -26%;
bottom: 8%;
}
}
@media(min-width:950px) and (max-width:999px){
.top-right{
top: 46%;
right: 0%;
}
.bottom-right {
right: -28%;
bottom: 6%;
}
.primary-header2 {
font-size:1.3rem;
margin-right:20px;
padding: 10px 100px;
}
.primary-header {
font-size:1.8rem;
}
}
@media(min-width:900px) and (max-width:949px){
.top-right{
top: 46%;
right: 2%;
}
.bottom-right {
right: -30%;
bottom: 6%;
}
.primary-header2 {
font-size: 1.3rem;
padding: 20px 90px;
}
.primary-header {
font-size:1.8rem;
}
}
@media(min-width:850px) and (max-width:899px){
.top-right{
top: 46%;
right: 0%;
}
.bottom-right {
right: -32%;
bottom: 6%;
}
.primary-header2 {
font-size:1.3rem;
}
.primary-header {
font-size:1.8rem;
}
}
@media(min-width:800px) and (max-width:849px){
.top-right{
top: 46%;
right: 0%;
}
.bottom-right {
right: -33%;
bottom: 6%;
}
.primary-header2 {
font-size:1.3rem;
}
.primary-header {
font-size:1.6rem;
}
}
@media(min-width:750px) and (max-width:799px){
.top-right{
top: 46%;
right: 0%;
}
.bottom-right {
right: -35%;
bottom: 6%;
}
.primary-header2 {
font-size: 1.3rem!important;
width: 60%;
}
.primary-header {
font-size:1rem;
margin-right: 100px;
}
}
@media(min-width:700px) and (max-width:749px){
.top-right{
top: 46%;
right: 0%;
}
.bottom-right {
right: -34%;
bottom: 6%;
}
.primary-header2 {
font-size:1rem!important;
margin-right: 30px;
width: 60%;
}
.primary-header {
font-size:1rem!important;
margin-right: 150px;
}
}
@media(min-width:672px) and (max-width:699px){
.top-right{
top: 46%;
right: 0%;
}
.bottom-right {
right: -34%;
bottom: 6%;
}
.primary-header2 {
font-size:1rem;
}
.primary-header {
font-size:1.4rem;
}
.masthead {
padding-bottom: 5rem;
}
}
@media(min-width:620px) and (max-width:671px){
.top-right{
top: 53%;
right: 0%;
}
.bottom-right {
right: -33%;
bottom: 6%;
}
.primary-header2 {
font-size:1rem;
}
.primary-header {
font-size:1.1rem;
}
.masthead {
padding-bottom: 5rem;
}
}
@media(min-width:560px) and (max-width:619px){
.top-right{
top: 53%;
right: 0%;
}
.bottom-right {
right: -31%;
bottom: 6%;
}
.primary-header2 {
font-size:1rem;
}
.primary-header {
font-size:1.1rem;
}
.masthead {
padding-bottom: 5rem;
}
}
@media(min-width:500px) and (max-width:559px){
.top-right{
top: 58%;
right: 0%;
}
.bottom-right {
right: -29%;
bottom: 6%;
}
.primary-header2 {
font-size:1rem;
}
.primary-header {
font-size:1rem;
margin-right: 25px;
}
.masthead {
padding-bottom: 5rem!important;
}
}
@media(min-width:450px) and (max-width:499px){
.top-right{
top: 60%;
right: 0%;
}
.bottom-right {
right: -27%;
bottom: 6%;
}
.primary-header2 {
font-size:1rem;
}
.primary-header {
font-size:.8rem;
}
.masthead {
padding-bottom: 5rem;
}
}
@media(min-width:360px) and (max-width:449px){
.top-right{
top: 62%;
right: 0%;
}
.bottom-right {
right: -24%;
bottom: 8%;
}
.primary-header2 {
font-size:1.4rem;
}
.primary-header {
font-size:.6rem;
}
header.masthead {
padding-bottom: 5rem;
}
}
@media(min-width:330px) and (max-width:359px){
.top-right{
top: 66%;
right: 0%;
}
.bottom-right {
right: -21%;
bottom: 8%;
}
.primary-header2 {
font-size:1.1rem;
}
.primary-header {
font-size:.4rem;
}
}
@media(min-width:280px) and (max-width:329px){
.top-right{
top: 66%;
right: 0%;
}
.bottom-right {
right: -26%;
bottom: 8%;
}
.primary-header2 {
font-size:1.1rem;
}
.primary-header {
font-size:.4rem;
}
}
@media(max-width:279px){
.top-right{
top: 73%;
right: 0%;
}
.bottom-right {
right: -18%;
bottom: 10%;
}
.primary-header2 {
font-size:.7rem;
}
.primary-header {
font-size:.2rem;
}
}
@media(max-width:767px){
.desktop-pdf{display:none;}
.mobile-pdf{display:block;}
}
@media(min-width:1094px){
.translate-fontsize {
font-size: 1.2rem;
}
}
@media(max-width:990px){
.mobile-button {
display:block;
}
}
@media(min-width:992px){
.col-lg-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 19.666667% !important;
flex: 0 0 19.666667% !important;
max-width: 19.666667% !important;
}
}
.hr-style {
border-top: 1px solid #fff;
width: 64%;
margin: 0.5rem auto;
}
/*
DROPDOWN CSS STYLING
*/
.dropdown {
width: 350px;
position: relative;
color: white;
}
.dropdown .label {
color: #2b3044;
margin-bottom: 5px;
}
.dropdown .select {
cursor: pointer;
transition: 0.3s;
/*background-color: #2b3044;*/
background-color: #673091;
border-radius: 5px;
display: flex;
padding: 13px 10px;
align-items: center;
justify-content: space-between;
}
.dropdown .select .selected {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.dropdown .select .selected.placeholder {
color: #fff;
font-size: 1.2rem !important;
}
.dropdown .select .caret {
margin-left: 10px;
width: 0;
height: 0;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 6px solid white;
transition: 0.3s;
}
.dropdown .select:hover {
/*background-color: #1e2235;*/
background-color: #673091;
}
.dropdown .menu {
visibility: hidden;
/*background-color: #2b3044;*/
background-color: #673091;
border-radius: 5px;
overflow: hidden;
position: absolute;
width: 116%;
top: 106%;
opacity: 0;
transition: visibility 0s, opacity 0.3s;
z-index: 1;
}
.dropdown .menu li {
cursor: pointer;
padding: 8px;
list-style-type: none;
margin-left:-40px;
}
.dropdown .menu li:hover {
background-color: #1e2235;
}
.dropdown .menu-open {
visibility: visible;
opacity: 1;
text-align: left;
}
.caret-rotate {
transform: rotate(180deg);
}
.active {
background-color: #1e2235;
}
.dropdown2 {
width: 350px;
position: relative;
color: white;
max-width: 100%;
}
.dropdown2 .label2 {
color: #2b3044;
margin-bottom: 5px;
}
.dropdown2 .select2 {
cursor: pointer;
transition: 0.3s;
/*background-color: #2b3044;*/
background-color: #673091;
border-radius: 5px;
display: flex;
padding: 13px 10px;
align-items: center;
justify-content: space-between;
}
.dropdown2 .select2 .selected2 {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.dropdown2 .select2 .selected2.placeholder2 {
color: #fff;
font-size: 1.2rem !important;
}
.dropdown2 .select2 .caret2 {
margin-left: 10px;
width: 0;
height: 0;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 6px solid white;
transition: 0.3s;
}
.dropdown2 .select2:hover {
/*background-color: #1e2235;*/
background-color: #673091;
}
.dropdown2 .menu2 {
visibility: hidden;
/*background-color: #2b3044;*/
background-color: #673091;
border-radius: 5px;
overflow: hidden;
position: absolute;
width: 108%;
top: 106%;
opacity: 0;
transition: visibility 0s, opacity 0.3s;
z-index: 1;
}
.dropdown2 .menu2 li {
cursor: pointer;
padding: 8px;
list-style-type: none;
margin-left:-40px;
}
.dropdown2 .menu2 li:hover {
background-color: #1e2235;
}
.dropdown2 .menu-open2 {
visibility: visible;
opacity: 1;
text-align: left;
}
.caret-rotate2 {
transform: rotate(180deg);
}
.active {
background-color: #1e2235;
}
/*End of Dropdown CSS*/
/*************************/
/*Prevent Google Translator Widget Tooltip from appearing*/
#goog-gt-tt, .goog-te-balloon-frame{display: none !important;}
.goog-text-highlight { background: none !important; box-shadow: none !important;}
/***********************************************************/
/*Tooltip on nav*/
div.tooltip2{
position:relative;
}
div.tooltip:hover{
text-decoration:none;
}
.hidden-text{
display: none;
font-size: 1rem;
color: #fff;
background-color: #222;
border-radius: 10px;
padding: 6px 15px;
text-align: center;
-moz-box-shadow: 3px 3px 4px rgba(255,255,255, .65);
-webkit-box-shadow: 3px 3px 4px rgba(255,255,255, .65);
box-shadow: 3px 3px 4px rgba(255,255,255, .65);
position:absolute;
bottom: 0px;
z-index: 1054;
}
#re:hover .hidden-text:not(:lang(en)){
display: block;
}
#tnss:hover .hidden-text:not(:lang(en)){
display: block;
}
#prtLinkss:hover .hidden-text:not(:lang(en)){
display: block;
}
#pubss:hover .hidden-text:not(:lang(en)){
display: block;
}
#abUss:hover .hidden-text:not(:lang(en)){
display: block;
}
/***********************************************************/
/*Modal Creation*/
/* The Modal (background) */
/* The Modal (background) */
.title{
font-size: 1.4rem;
text-align: left !important;
float: left;
margin-top: -7px;
width: 90%;
}
.modal-border{
clear: both;
border: 1px solid #e9ecef;
}
#content{
padding-top: 2%;
text-align: left;
}
.modal {
display: none; /* Hidden by default */
position: fixed; /* Stay in place */
z-index: 1; /* Sit on top */
padding-top: 60px; /* Location of the box */
left: 0;
top: 0;
width: 100%; /* Full width */
height: 100%; /* Full height */
overflow: auto; /* Enable scroll if needed */
background-color: rgb(0,0,0) !important; /* Fallback color */
background-color: rgba(0,0,0,0.5) !important; /* Black w/ opacity */
}
.modal-bckgrnd{
background-color: #fff;
max-width: 600px;
height: auto;
margin: 0 auto;
padding: 15px;
border-radius: 5px;
}
/* Modal Content (image) */
.modal-content {
margin: auto;
display: block;
width: 80%;
max-width: 550px;
}
/* Caption of Modal Image */
#caption {
margin: auto;
display: block;
width: 80%;
max-width: 700px;
text-align: justify;
color: #ccc;
padding: 15px 0;
height: 150px;
}
/* Add Animation */
.modal-content, #caption {
-webkit-animation-name: zoom;
-webkit-animation-duration: 0.6s;
animation-name: zoom;
animation-duration: 0.6s;
}
@-webkit-keyframes zoom {
from {-webkit-transform:scale(0)}
to {-webkit-transform:scale(1)}
}
@keyframes zoom {
from {transform:scale(0)}
to {transform:scale(1)}
}
/* The Close Button */
.close {
position: relative;
top: -15px;
right: -7px;
color: #f1f1f1;
font-size: 2.5rem !important;
font-weight: bold;
transition: 0.3s;
}
.close:hover,
.close:focus {
color: #bbb;
text-decoration: none;
cursor: pointer;
}
/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 700px){
.modal-content {
width: 100%;
}
}
ol.style_1 {
counter-reset: li;
padding-left: 2.5rem;
padding: 0.25rem 0 0.25rem 2.75rem;
}
ol.style_1 small {
opacity: 0.3;
}
ol.style_1 ol, ol.style_1 ul {
padding: 0.75rem 0 0 1.5rem;
}
ol.style_1 li {
margin-bottom: 0.375rem;
}
ol.style_1 > li {
position: relative;
counter-increment: li;
min-height: 2rem;
padding-top: 0.5rem;
list-style: none;
color: #4f0287;
}
ol.style_1 > li::before, ol.style_1 > li::after {
position: absolute;
display: flex;
opacity: 0.35;
}
ol.style_1 > li::before {
/*content: counter(li);*/
content: "";
left: -2.55rem;
top: 0;
height: calc(2rem - 5px);
width: calc(2rem - 5px);
align-items: center;
justify-content: center;
border-radius: 50%;
border: 1px solid currentcolor;
font-weight: bold;
font-size: 1.5rem;
background-color: #800080;
}
ol.style_1 > li::after {
content: "";
left: -1.75rem;
top: calc(2rem + 1px);
height: calc(100% - 2.5rem);
border-left: 1px solid currentcolor;
}
/***********************************************************/