/*!
Theme Name: Catmosphere
Theme URI: http://underscores.me/
Author: christian paton
Author URI: http://www.christianpaton.co.uk
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: catmosphere
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.

Catmosphere is based on Underscores https://underscores.me/, (C) 2012-2020 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/
*/

:root {
    --side-padding: 3vw;
    --side-padding-max: calc( var(--side-padding) * 3 );
    --col-navy: #1F2F48;
    --col-gold: #D3AA79;
	--col-grey: #CBCBCB;
	--col-light-navy: rgba( 31, 47, 72, 0.40);
}

/* 
FONTS
-----------------------------------------------------
*/
/*font-family: 'Noto Serif JP', serif;
font-family: 'Nunito Sans', sans-serif;*/

/*@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@200;300;400;500&family=Nunito+Sans:wght@300;400;600&display=swap');*/

@font-face {
    font-family: 'run_wildregular';
    font-style:normal;
    font-weight: normal;
    src: url('fonts/run_wild-webfont.eot'); /* IE9*/
    src: url('fonts/run_wild-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('fonts/run_wild-webfont.woff2') format('woff2'), /* chrome、firefox */
    url('fonts/run_wild-webfont.woff') format('woff'), /* chrome、firefox */
    url('fonts/run_wild-webfont.svg#run_wildregular') format('svg'); /* iOS 4.1- */
}

body,
.fs-body,
.wysiwyg-content h2 {
    font-size: 18px;
    font-family: 'Nunito Sans', sans-serif;
    font-weight: 400;
}

.wysiwyg-content h1 {
	font-size: 38px;
	font-weight: 400;
	font-family: 'Noto Serif JP', serif;
}

.fs-slider-text-large {
	font-size: 48px;
	font-weight: 300;
	font-family: 'Noto Serif JP', serif;
	line-height: 1.3;
}

.fs-slider-text-large span {
	font-size: 51px;
}

.fs-slider-text-small {
	font-size: 38px;
	font-weight: 300;
	font-family: 'Noto Serif JP', serif;
	line-height: 1.3;
}

.fs-slider-text-small span {
	font-size: 41px;
}

.fs-primary-title,
#page .listimage-wrap > .nf-field-label > label,
#page .listradio-wrap > .nf-field-label > label {
	font-size: 38px;
	font-weight: 400;
	font-family: 'Noto Serif JP', serif;
	line-height: 1.3;
}

.fs-secondary-title {
	font-size: 25px;
	font-weight: 200;
	font-family: 'Noto Serif JP', serif;
	line-height: 1.3;
}

.fs-quiz-title {
	font-size: 50px;
	font-weight: 200;
	font-family: 'Noto Serif JP', serif;
	line-height: 1.3;
}

.fs-quiz-question {
	font-size: 44px;
	font-weight: 300;
	font-family: 'Noto Serif JP', serif;
	line-height: 1.3;
}

.fs-quiz-youare {
	font-size: 33px;
}

.fs-quiz-answer {
	font-size: 27px;
}

.fs-countdown-date {
	font-size: 23px;
}

.fs-button-text {
	font-size: 15px;
	text-transform: uppercase;
}

.fs-credits {
	font-size: 13px;
}

.fs-result-title {
	font-family: 'run_wildregular';
	font-size: 140px;
	line-height: 1;
}

.noto-jp-light {
	font-weight: 300;
	font-family: 'Noto Serif JP', serif;
}

strong {
	font-weight: 600;
}

.arabic .eng {
	font-family: 'Nunito Sans', sans-serif;
}

/* 
GENERAL 
-----------------------------------------------------
*/

body,
html {
    color: var(--col-navy);
    margin: 0px !important;
}

.central-column {
    width: 100%;
}

section {
    background-color: #fff;
    position: relative;
}

.block {
    padding: 120px var(--side-padding-max);
    position: relative;
}

.gold-bg {
	background-color: var(--col-gold);
}

.navy-bg {
	background-color: var(--col-navy);
}

.gold {
	color: var(--col-gold);
}

.navy {
	color: var(--col-navy);
}

.white {
	color: #fff;
}

.light-navy {
	color: var(--col-light-navy);
}

/* 
LINKS & ROLLOVERS
-----------------------------------------------------
*/

a,
a svg *,
.site-branding svg,
.footer-social svg > *,
.play-button-inner,
#wt-cli-privacy-save-btn,
.answers .paw svg,
.accordion-header svg,
.toggle-child-menu svg {
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.nav-wrapper {
    -webkit-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    transition: all 0.6s ease;
}

a,
a:visited,
a:focus,
a:hover {
    color: var(--col-navy);
    text-decoration: none;
    outline: none;
}

.main-navigation li a:hover,
a:hover {
	color: var(--col-gold);
}

#page .square-button,
#cookie-law-info-bar #cookie_action_close_header,
.cli-modal-open .cli-modal #wt-cli-privacy-save-btn  {
	padding: 0.5rem 2rem;
    color: #fff;
    border-width: 1px;
    border-style: solid;
    border-radius: 30px;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    height: auto;
    line-height: 25px;
    vertical-align: middle;
    display: inline-block;
	text-align: center;
}

#page .square-button.gold-bg,
#cookie-law-info-bar #cookie_action_close_header,
.cli-modal-open .cli-modal #wt-cli-privacy-save-btn {
	border-color: var(--col-gold);
	color: var(--col-navy) !important;
}

#page .square-button.navy-bg,
#page #quiz-wrapper .nf-form-content input[type=button]:hover,
#page .nf-form-content input[type=button]:hover,
#page .nf-form-content .submit:hover,
#catwalk-registration-form .nf-form-content .submit-container input[type=button]:hover {
	border-color: var(--col-navy);
}

#page .square-button.gold-bg:hover,
#cookie-law-info-bar #cookie_action_close_header:hover,
.cli-modal-open .cli-modal #wt-cli-privacy-save-btn:hover,
#page #quiz-wrapper .nf-form-content input[type=button]:hover {
	background-color: var(--col-navy) !important;
}

#page .square-button.navy-bg:hover,
#page #nf-form-2_1-cont .nf-form-content input[type=button],
.cli-modal-open .cli-modal #wt-cli-privacy-save-btn,
#page .nf-form-content input[type=button]:hover,
#page .nf-form-content .submit:hover,
.nf-form-content button.nf-add-fieldset:hover,
.nf-form-content button.nf-remove-fieldset:hover {
	background-color: var(--col-gold) !important;
}

#page .square-button.gold-bg:hover,
#cookie-law-info-bar #cookie_action_close_header:hover,
.cli-modal-open .cli-modal #wt-cli-privacy-save-btn:hover {
	color: var(--col-gold) !important;
}

#page .nf-form-content input[type=button]:hover,
#page .nf-form-content .submit:hover,
.nf-form-content button.nf-remove-fieldset:hover {
	color: var(--col-navy) !important;
}

#register-here svg * {
	stroke: #fff;
}

.footer-social a:hover svg > * {
	fill: var(--col-gold);
}

.back-to a:hover svg > *,
#register-here:hover svg * {
	stroke: var(--col-gold);
}

.cli-modal-open .cli-modal .cli-switch input:checked + .cli-slider {
    background-color: var(--col-gold);
}

/* 
HEADER
-----------------------------------------------------
*/

.site-header {
    padding: 1.5rem var(--side-padding);
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
 	background-color: var(--col-navy);
 	z-index: 10;
}

.home .site-header,
.page-template-template-quiz .site-header {
 	background-color: transparent;
}

.site-branding h1,
.site-branding p {
    margin: 0px;
}

.site-branding a,
.site-branding i,
.site-branding svg {
    display: block;
}

.site-branding svg {
    width: 80px;
}

.main-navigation {
	margin-left: auto;
	width: auto
}

.main-navigation li {
	margin-right: 2rem;
}

.main-navigation li a {
	color: #fff;
	padding: 0.5rem 0rem;
}

.home.not-at-top .site-header {
	background-color: var(--col-navy);
}

.not-at-top .site-branding svg {
    width: 50px;
}

.menu-toggle,
.nav-wrapper .footer-social {
    display: none;
}

.main-navigation ul ul {
    background-color: rgba( 256, 256, 256, 0.75);
    padding: 0.5rem 1.5rem;
    -webkit-transform: translateX(-1.5rem);
    -ms-transform: translateX(-1.5rem);
        transform: translateX(-1.5rem);
}

.main-navigation ul ul li {
	margin: 0.25rem 0rem;
}

.main-navigation ul ul a {
	color: var(--col-navy);
	width: auto;
    white-space: nowrap;
    padding: 0rem;
}

.toggle-child-menu {
	display: none;
}


#page .wpml-ls-legacy-list-horizontal{
    padding: 0px;
    margin-right: 2rem;
}

/* 
FRONT PAGE
-----------------------------------------------------
*/

.flickity-slider,
.slide,
.owl-item {
	width: 100%;
	height: 100vh;
}

.slide {
	padding: var(--side-padding-max);
}

.slide-info {
	color: #fff;
}

.fs-slider-text {
	line-height: 1.2;
}

.slide-link-logo {
	margin-top: 3rem;
}

.slide-link-logo img {
    height: 50px;
    width: auto;
    margin-left: 3rem;
}

.slider .flickity-page-dots {
    bottom: 3rem;
}

.slider .flickity-page-dots .dot {
    width: 12px;
    height: 12px;
    background: transparent;
    opacity: 1;
    border: 1px solid #fff;
}

.slider .flickity-page-dots .dot.is-selected {
    background: #fff;
}

#slide-1 .gold {
	color: #fff;
}

/* What is Catmosphere? */

.block h2 {
    margin-bottom: 3rem;
}
  
.objective {
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
}

.objective.gold > * {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
        transform: translateY(-10px);
}

.objective svg {
	width: 22px;
}

.objective.gold .objective-text {
	margin-left: 2rem;
}

.image-and-text > .block {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	    transform: translateY(-50%);
	color: #fff;
	width: 100%;
	padding-top: var(--side-padding);
	padding-bottom: var(--side-padding);
}

.image-and-text picture,
.image-and-text img {
	display: block;
	widows: 100%;
}

/* What is Catmosphere? */

.objectives {
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin: 0 -1.5vw;
}

.objectives .objective {
	padding: 0 1.5vw 0rem;
	max-width: 450px;
    min-width: 300px;
}

.objectives .objective:first-child {
	max-width: 450px;
}

.objectives .objective br {
	display: none;
}

.pantera-text {
	max-width: 1000px;
	-webkit-columns: 2;
	-moz-columns: 2;
	     columns: 2;
	-webkit-column-gap: var(--side-padding);
	-moz-column-gap: var(--side-padding);
	     column-gap: var(--side-padding);
}

.button-wrapper {
	margin-top: 3rem;
}

/* Catmosphere is focused on the 7 Big Cats */

#big-cats {
	background-image: url('images/animal-print.jpg');
}

.video-outer {
	position: relative;
}

video {
	width: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	display: block;
	outline: none;
}

.play-button {
	position: absolute;
	left: 0%;
	top: 0%;
	width: 100%;
	height: 100%;
}

.play-button-inner {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate( -50%, -50% );
	-ms-transform: translate( -50%, -50% );
	    transform: translate( -50%, -50% );
	width: 170px;
	height: 170px;
	background-color: var(--col-navy);
	border-radius: 50%;
}

.play-button:hover .play-button-inner {
	background-color: var(--col-gold);
}

.play-button-inner svg {
	width: 45px;
	-webkit-transform: translateX(8px);
	-ms-transform: translateX(8px);
	    transform: translateX(8px);
}

.play-button-inner svg > * {
	fill: #fff;
}

/* Meet the Cats */

#meet-the-cats {
	position: relative;
	padding-bottom: 0rem;
}

#meet-the-cats:after {
	content: none;
	position: absolute;
	width: calc( 100% - ( var(--side-padding-max) * 2 ) );
	left: var(--side-padding-max);
	bottom: 0px;
	height: 1px;
	background-color: var(--col-grey);
}

.cat img {
	display: block;
}

.cat .cat-text {
	margin-top: 1rem;
    text-align: center;
}

/* Where the cats live */

#where-cats-live {
	position: relative;
	padding-bottom: 3rem;
}

.key {
	margin-right: 3rem;
}

.map-color {
	width: 37px;
	height: 37px;
	border-radius: 50%;
	margin-right: 1rem;
}

#where-cats-live .cat-text {
	margin-top: 0rem;
}

#where-cats-live .credits {
	margin: 2rem 0rem;
	direction: ltr;
}

/* Why are these Cats facing extinction? */

#cats-facing-extinction p {
	font-weight: 300;
}

#nf-form-2-cont {
	max-width: 1000px;
	margin: 0px auto;
}

#page .nf-before-form-content {
	display: none;
}

/* Mailing modal */

.modal-hidden {
	display: none;
}

#page #mailing-modal {
    background: transparent;
    padding: 90px 3rem 3rem;
    overflow: hidden;
}

.modal-hidden .block {
	padding-top: 10rem;
    padding-bottom: 7rem;
}

.fancybox-content .logo {
	width: 172px;
    height: 172px;
    border-radius: 50%;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
        transform: translateX(-50%);
    top: -85px;
}

.fancybox-content .logo svg {
	width: 80px;
}

#page .fancybox-slide--html .fancybox-close-small {
    color: #fff;
    padding: 2px;
    right: 3.5rem;
    top: 98px;
}

#page .fancybox-button svg path {
    fill: #fff;
}

#page .fancybox-content .nf-response-msg,
#page .fancybox-content .nf-form-content label {
	color: #fff;
}

/* 
QUIZ
-----------------------------------------------------
*/

#quiz-wrapper .owl-item,
#quiz-wrapper .owl-item .slide {
    height: auto;
    min-height: 100vh;
}

#quiz-wrapper,
#quiz-wrapper a {
	color: #fff;
}

/*#page #quiz-wrapper .central-column {
    max-width: 900px;
}*/

#quiz-wrapper h2 {
	margin-bottom: 2rem;
}

.answers li {
	margin-bottom: 1.5rem;
}

.answers .paw svg {
	width: 23px;
	opacity: 0.5;
	margin-right: 1rem;
	-webkit-transform: translateY(2px);
	-ms-transform: translateY(2px);
	    transform: translateY(2px);
}

.answers .paw svg > * {
	fill: #fff;
}

.answers a:hover .paw svg,
.answer.active .paw svg {
	opacity: 1;
}

#slide-last,
#page #quiz-wrapper #slide-last .central-column {
	display: block;
}

#slide-last .cat-txt {
	max-width: 650px;
	margin: 0px auto;
	position: relative;
	z-index: 1;
}

#slide-last .subscribe {
	margin-top: 2rem;
	position: relative;
    z-index: 1;
    max-width: 650px;
    margin: 2rem auto 0rem;
}

#slide-last .cat-img {
    position: absolute;
    width: 28vw;
    bottom: 1rem;
    left: 3vw;
    z-index: 0;
}

#slide-last .subscribe p {
    margin-bottom: 1.5rem;
}

.disabled {
	pointer-events: none;
	opacity: 0.5;
}

/* 
CATWALK
-----------------------------------------------------
*/

#register-here {
	width: 76px;
	height: 76px;
	border-radius: 50%;
	background-color: rgba(31, 47, 72, 0.28);
	position: fixed;
	left: 50%;
	bottom: 5%;
	margin-left: -38px;
	z-index: 10;
}

#register-here svg {
	width: 40px;
	display: block;
	/*-webkit-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg);*/
}

#register-here:hover {
	background-color: rgba(31, 47, 72, 1);
}

.slide-info .wysiwyg-content span {
	line-height: 1em;
}

.page-template-template-catwalk .slide-info,
.page-template-template-registration .slide-info {
	text-align: center;
	margin-top: 120px;
}

.page-template-template-catwalk .slide-info p {
	margin-bottom: 0.75rem;
}

.page-template-template-catwalk .slide-info p:first-child span {
	line-height: 1.1;
}

.page-template-template-catwalk .slide-info .gold {
	color: #fff;
}

.page-template-template-catwalk .slide-link-logo,
.page-template-template-registration .slide-link-logo {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.page-template-template-catwalk .slide .slide-link-logo,
.page-template-template-registration .slide .slide-link-logo  {
    margin-top: 6rem;
}

#catwalk-explained {
	background-image: url('images/rainbow-cat-markings.png');
	background-repeat: no-repeat;
    background-size: 105%;
    background-position: center 70%;
}

#catwalk-explained h2 {
	margin: 5rem 0rem 4rem;
}

.card {
	border-radius: 12px;
	-webkit-box-shadow: 0px 3px 15px 0px rgba(0,0,0,0.08);
	box-shadow: 0px 3px 15px 0px rgba(0,0,0,0.08);
	padding: 5rem 4rem 3rem;
	height: 100%;
	background-color: #fff;
}

.card h3 {
	margin: 2rem 0rem;
}

#when-where {
	background: rgb(140,55,239);
	background: -o-linear-gradient(top, rgba(140,55,239,1) 0%, rgba(253,87,33,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(140,55,239,1)), to(rgba(253,87,33,1)));
	background: linear-gradient(180deg, rgba(140,55,239,1) 0%, rgba(253,87,33,1) 100%);
}

#when-where .nunito-semibold {
	color: var(--col-gold);
	text-transform: uppercase;
}

#catwalk-countdown {
	background-image: url('images/catwalk-countdown-bg.png');
	background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
	display: none;
}

#catwalk-countdown .date h3 {
	text-transform: uppercase;
}

#catwalk-countdown .date h3 sup {
	text-transform:  initial;
}

#catwalk-countdown .dates {
	margin-top: 5rem;
	background-image: url('images/date-dots.svg');
	background-repeat: no-repeat;
    background-size: 75%;
    background-position: center 35%;
    margin-bottom: 8vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.dates #date-1 {
    -webkit-transform: translateY(1.5vw);
    -ms-transform: translateY(1.5vw);
        transform: translateY(1.5vw);
}

.dates #date-2 {
    -webkit-transform: translateY(-1.5vw);
        -ms-transform: translateY(-1.5vw);
            transform: translateY(-1.5vw);
}

.dates #date-3 {
    -webkit-transform: translateY(5vw);
    -ms-transform: translateY(5vw);
        transform: translateY(5vw);
}

#catwalk-countdown .date {
	padding: 0rem 2rem;
}

#catwalk-countdown .date-paw {
	margin-bottom: 1.5rem;
}

#catwalk-countdown .date-paw span {
    display: inline-block;
    background-color: #fff;
    padding: 10px;
}

#catwalk-countdown .date-paw svg {
	width:  50px;
	-webkit-transform: rotate(26deg);
	-ms-transform: rotate(26deg);
	    transform: rotate(26deg);
}

#date-1 .date-paw svg * {
	fill: #FD5721;
}

#date-2 .date-paw svg * {
	fill: #4CAF50;
}

#date-3 .date-paw svg * {
	fill: #8D37EF;
}

#date-4 .date-paw svg * {
	fill: #FCBF06;
}

.dates-wrapper .prev-next {
	display: none;
}

#what-is {
	background: rgb(5,188,154);
	background: -o-linear-gradient(top, rgba(5,188,154,1) 0%, rgba(75,175,80,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(5,188,154,1)), to(rgba(75,175,80,1)));
	background: linear-gradient(180deg, rgba(5,188,154,1) 0%, rgba(75,175,80,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#05bc9a",endColorstr="#4baf50",GradientType=1);
}

/*#which-cat {
    padding-top: 0rem;
}*/

#which-cat .cards {
    margin-top: 4rem;
    width: calc( 100% + 3vw );
}

#which-cat .cards .col {
    padding-bottom: 3rem;
}

#which-cat .col > div {
	height: 100%;
}

#which-cat .card {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
    -webkit-transition: all 0.5s ease-out 0s;
    -o-transition: all 0.5s ease-out 0s;
    transition: all 0.5s ease-out 0s;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
    z-index: 1;
    padding: 3rem 2rem 2rem;
}

#which-cat .card.backside {
	position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    -webkit-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
    z-index: 0;
}

#which-cat .col > div:hover .card {
	-webkit-transform: rotateY(180deg);
	transform: rotateY(180deg);
}

#which-cat .col > div:hover .card.backside {
	-webkit-transform: rotateY(0deg);
	transform: rotateY(0deg);
}

#which-cat .card-image img {
	max-height: 200px;
}

#which-cat .card h3 {
	margin: 1rem 0rem
}

#which-cat .wysiwyg-content ul {
	padding-left: 1rem;
}

#which-cat .wysiwyg-content ul li {
    list-style-position: outside;
     padding-left: 0rem; 
}

.cards-wrapper .cards {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.cards-wrapper .prev-next {
	display: none;
}

#why-catwalk {
	background: rgb(34,149,242);
	background: -o-linear-gradient(top, rgba(34,149,242,1) 0%, rgba(0,188,162,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(34,149,242,1)), to(rgba(0,188,162,1)));
	background: linear-gradient(180deg, rgba(34,149,242,1) 0%, rgba(0,188,162,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#2295f2",endColorstr="#00bca2",GradientType=1);
}

/*ARABIC*/

.page-id-816 .site-main section:not(.mailing-list) h2,
.page-id-816 .site-main p,
.page-id-816 .fs-countdown-date,
.page-id-816 .date-text span,
.page-id-816 #which-cat .card h3,
.has-arabic .nf-field-label label span,
#primary-menu .arabic a,
.page-id-816 #when-where .nunito-semibold,
.page .select2-results__option .arabic,
.select2-selection__rendered .arabic,
.arabic,
.nf-form-content button.nf-add-fieldset span,
#catwalk-registration-form .nf-form-content .submit span:last-of-type {
	direction: rtl;
	font-family: 'Tajawal', sans-serif;
	font-weight: 400;
}

.page-id-816 .slide-info p,
.page-id-816 .site-main section:not(.mailing-list) h2,
.page-id-816 #when-where .nunito-semibold,
.page-id-816 .fs-countdown-date strong,
.page-id-816 .site-main p strong,
.page-id-816 #which-cat .card h3,
h2 .arabic,
.has-arabic .field-wrap > .nf-field-label > label span,
.html-container .html-wrap label span  {
    font-weight: 500;
}

.page-id-816 .card-text.left p {
	text-align: right;
}

.page-id-816 #catwalk-countdown h2,
.page-id-816 #which-cat h2 {
	margin-bottom: 1rem;
}

  
.page-id-816 #catwalk-countdown .dates {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    background-image: none;
    position: relative;
}

.page-id-816 #catwalk-countdown .dates:before {
	content: '';
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
    background-image: url(images/date-dots.svg);
    background-repeat: no-repeat;
    background-size: 75%;
    background-position: center 30%;
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
        transform: scaleX(-1);
}

/* 
PARTNERS
-----------------------------------------------------
*/

.parent-pageid-391 .site-main {
	padding-top: 144px;
}

.catwalk-sub-page-intro {
    padding-top: 80px;
}

.back-to {
	margin-bottom: 40px;
}

.back-to svg {
	width: 16px;
	margin-right: 1rem;
}

.catwalk-sub-page-intro .central-column-thin {
    text-align: center;
}

/* 
FAQS
-----------------------------------------------------
*/

.catwalk-sub-page-intro {
	padding-bottom: 60px;
}

#catwalk-faqs {
    padding-top: 0rem;
}

.accordion {
	padding: 2rem 1.5rem 1rem;
	margin-bottom: 2rem;
}

.accordion-header {
	padding-bottom: 1rem;
}

.accordion-header:hover {
	cursor: pointer;
}

.accordion .accordion-title {
	margin: 0rem auto 0rem 1rem;
}

.accordion-header svg {
	width: 20px;
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	    transform: rotate(180deg);
	-webkit-transform-origin: center;
	-ms-transform-origin: center;
	    transform-origin: center;
}

.accordion-active .accordion-header svg {
	-webkit-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	    transform: rotate(0deg);
}

.accordion-content {
	display: none;
	border-top: 1px solid var(--col-grey);
	padding: 2rem 1rem 1rem;
}

.accordion-content > *:last-child {
	margin-bottom: 0rem;
}

/* 
RESOURCES
-----------------------------------------------------
*/

#catwalk-resources {
    padding-top: 0rem;
}

.resource {
	padding: 0rem 2rem;
	height: 100%;
}

.resource-image {
	background-color: var(--col-grey);
    border-radius: 12px;
    padding-bottom: 100%;
    overflow: hidden;
    margin-bottom: 0.5rem;
    position: relative;
}

.resource-image img {
	width: 100%;
    position: absolute;
    max-height: 100%;
    max-width: 100%;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
}

.resource p {
	margin-bottom: 0.5rem;
}

.resource-link {
	margin-top: auto;
}

#catwalk-resources .col {
	padding-bottom: 4rem;
}

/* 
PARTNERS
-----------------------------------------------------
*/

#catwalk-partners {
    padding-top: 40px;
}

.partner-group {
	margin-bottom: 3rem;
	padding: 5rem 2rem 3rem;
}

.partner-group .partners {
	margin-top: 5rem;
}

.partner {
	padding-bottom: 3rem;
}

.partner img {
	max-width: 250px;
	max-height: 130px;
	display: block;
}

hr {
	height: 1px;
	border: none;
	width: 100%;
	background-color: var(--col-grey);
}

#page .endorsment-letters {
    margin-top: 4rem;
}

.endorsment-letters .partner img {
	max-width: 170px;
	max-height: 170px;
	display: block;
}

.letter-image {
	margin-bottom: 2rem;
}

/* 
REGISTRAION 
-----------------------------------------------------
*/

.page-template-template-registration #catwalk-explained,
#cat-characteristics {
	padding-bottom: 0px;
}

.page-template-template-registration #catwalk-explained h2 {
    margin: 0rem 0rem 4rem;
}

.page-template-template-registration #catwalk-explained .button-wrapper {
    margin: 5rem 0rem 0rem;
}

#cat-characteristics .cats {
	margin: 0 -1vw;
}

#cat-characteristics .col {
	padding: 0 1vw;
}

#cat-characteristics h3,
.listimage-wrap .cat-name {
	margin: 1rem 0px 0px;
	text-transform: capitalize;
	font-size: 18px;
}

#cat-characteristics .card-text,
.listimage-wrap .cat-name,
.listimage-wrap .cat-text {
	line-height: 1.3;
}

#catwalk-registration-intro {
	background: rgb(253,87,33);
	background: -o-linear-gradient(left, rgba(253,87,33,1) 0%, rgba(141,55,239,1) 100%);
	background: -webkit-gradient(linear, left top, right top, from(rgba(253,87,33,1)), to(rgba(141,55,239,1)));
	background: linear-gradient(90deg, rgba(253,87,33,1) 0%, rgba(141,55,239,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fd5721",endColorstr="#8d37ef",GradientType=1);
	min-height: 100vh;
	padding-top: 143px;
	padding-bottom: 2rem;
}

#catwalk-registration-intro > div {
	height: 100%;
}

#catwalk-registration-intro > div > * {
	margin: 4vh 0vh;
}

#catwalk-registration-intro .social a {
	margin:  0px 1rem 0rem;
}

#catwalk-registration-intro .social svg {
	height: 60px;
	display: block;
}

/* 
INFO PAGE
-----------------------------------------------------
*/

.page-template-default .site-main.wysiwyg-content {
    padding-top: 200px;
}

.wysiwyg-content h1 {
	margin-bottom: 2.5rem;
}

.wysiwyg-content h2,
.wysiwyg-content strong {
	font-weight: 600;
}

.wysiwyg-content h2 {
	margin: 3rem 0rem 0rem;
}

.wysiwyg-content a {
	text-decoration: underline;
}

.wysiwyg-content ul,
.wysiwyg-content ol {
	padding-left: 0rem;
	margin: 0rem 0rem 1.5rem;
}

.wysiwyg-content ul li {
	list-style: disc;
	list-style-position: inside; 
}

.wysiwyg-content ol li {
	list-style: decimal;
	list-style-position: inside; 
}

/* 
FORMS
-----------------------------------------------------
*/

input[type="text"], 
input[type="email"], 
input[type="url"], 
input[type="password"], 
input[type="search"], 
input[type="number"], 
input[type="tel"], 
input[type="range"], 
input[type="date"], 
input[type="month"], 
input[type="week"], 
input[type="time"], 
input[type="datetime"], 
input[type="datetime-local"], 
input[type="color"], 
textarea,
#page .nf-form-content input:not([type=button]),
#page .nf-form-content .list-select-wrap .nf-field-element>div,
#page .nf-form-content textarea,
#page .select2-container--default .select2-selection--single {
    font-weight: 300;
    border: 1px solid var(--col-navy);
    border: none;
    border-radius: 2px;
    height: 43px;
    color: rgba( 31, 47, 72, 0.45);
    font-family: 'Nunito Sans', sans-serif;
    font-size: 15px;
}

input[type="text"] {
	text-transform: capitalize;
}

#page .nf-form-content .submit,
#page .nf-form-content input[type=button],
.nf-form-content button.nf-add-fieldset {
	border-radius: 20px;
	background-color: var(--col-gold);
	color: var(--col-navy);
	font-size: 15px;
	height: auto;
	line-height: 25px;
	padding: 0.5rem 2rem;
	vertical-align: middle;
	font-family: 'Nunito Sans', sans-serif;
    font-weight: 400;
    border: 1px solid var(--col-gold);
    text-transform: uppercase;
}

#page #quiz-wrapper .nf-form-content input[type=button] {
	background-color: var(--col-gold);
	border-color: var(--col-gold);
}

#page .nf-form-content .submit:hover,
#page .nf-form-content input[type=button]:hover,
.nf-form-content button.nf-add-fieldset:hover, 
#page #quiz-wrapper .nf-form-content input[type=button]:hover {
	background-color: var(--col-navy) !important;
	border-color: var(--col-gold) !important;
	color: var(--col-gold) !important;
}

.mailing-list .nf-form-content {
    padding: 0px;
    max-width: 100%;
    /*margin: 0px calc( 0px - ( var(--side-padding) / 2 ) );*/
}

.mailing-list .nf-form-cont .one-third {
    width: 33.333%;
    margin-left: 0%;
    padding: 0px calc( var(--side-padding) / 2 );
}

.mailing-list .nf-form-cont .one-half {
	width: 50%;
    margin-left: 0%;
    padding: 0px calc( var(--side-padding) / 2 );
}

.nf-field-container .one-fourth-first {
    width: 23.076923076923077%;
    margin-left: 0px;
    float: left;
}

#page .nf-error.field-wrap .nf-field-element:after {
    height: 42px;
    width: 42px;
    line-height: 42px;
    content: none;
}

#page .nf-pass.field-wrap .nf-field-element:after {
	content: none;
}

#page .submit-container {
    padding-top: 1.5rem;
}

#page .ninja-forms-req-symbol {
	display: none;
}

#page .nf-form-content label {
    font-weight: 400;
    text-transform: uppercase;
}

.checkbox-container .nf-field-label {
	text-align: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin-top: 25px !important;
}

#page .nf-form-content .checkbox-container label {
    font-weight: 300;
    text-transform: unset;
}

#page .checkbox-wrap .nf-field-element label:after, 
#page .checkbox-wrap .nf-field-label label:after, 
#page .listcheckbox-wrap .nf-field-element label:after, 
#page .listcheckbox-wrap .nf-field-label label:after {
    border: none;
    content: "";
    width: 20px;
    height: 20px;
    position: absolute;
    left: -28px;
    bottom: 0;
    border-radius: 3px;
}

/*quiz*/

#page #quiz-wrapper .nf-form-content #nf-field-9-container label,
#page #quiz-wrapper .nf-form-content #nf-field-7-wrap label {
	display: none;
}

#quiz-wrapper .checkbox-container .nf-field-label {
    margin-top: 0px !important;
}

#page #quiz-wrapper .submit-container {
    padding-top: 0rem;
}

/* registration */

#catwalk-registration-form .nf-form-content {
	max-width: 100%;
}

#page #catwalk-registration-form .nf-form-content input:not([type=button]),
#page #catwalk-registration-form .nf-form-content textarea,
#page .select2-container--default .select2-selection--single,
/*#page .select2-container--default .select2-selection--single .select2-selection__rendered,*/
#page #catwalk-registration-form .nf-form-content .list-select-wrap .nf-field-element > div {
	background-color: #FAFAFA;
	border: 1px solid #E5E5E5;
	color: var(--col-navy);
	height: 50px;
	line-height: 50px;
	text-align: left;
	font-size: 18px;
    padding: 12px;
}

#page .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 100%;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 40px;
}

#page .select2-container--default .select2-selection--single .select2-selection__arrow b,
#page .nf-form-content .list-select-wrap > div div:after {
	content: '';
	background-image: url('images/select-arrow.svg');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
    border: none;
    height: 10px;
    left: 50%;
    margin-left: -8px;
    margin-top: -5px;
    position: absolute;
    top: 50%;
    width: 18px;
}

#page #catwalk-registration-form .nf-form-content .list-select-wrap > div div {
	background-color: transparent !important;
}

#page #catwalk-registration-form .nf-form-content .list-select-wrap > div div:after {
    left: auto;
    right: 10px;
    margin-left: 0px;
    margin-top: -4px;
}

#page #catwalk-registration-form .nf-form-content .list-select-wrap .nf-field-element > .select2-container + div {
	display: none !important;
}

#page .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	    transform: rotate(180deg);
}

.page .select2-container--open .select2-dropdown--below {
	border-color: #E5E5E5;
	border-width: 1px;
}

.page .select2-results__option--selectable {
    background-color: #FAFAFA;
}

.page .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable,
.page .select2-container--default .select2-results__option--selected {
    background-color: #F2F2F2;
    color: var(--col-navy);
}

.listimage-wrap ul {
	grid-template-columns: repeat(7, minmax(0, 1fr));
}

#page .listimage-wrap > .nf-field-label,
#page .listradio-wrap > .nf-field-label,
#page .listimage-wrap > .nf-field-label > label,
#page .listradio-wrap > .nf-field-label > label,
#page .html-wrap .fs-slider-text-small {
	text-transform: unset;
	color: var(--col-gold);
	text-align: center;
	width: 100%;
	font-size: 38px;
	margin-bottom: 0rem;
}

#page .listimage-wrap > .nf-field-label > label,
#page .listradio-wrap > .nf-field-label > label,
#page .html-wrap .fs-slider-text-small  {
	display: block;
    line-height: 1.5;
    margin-top: 4rem;
    margin-bottom: 2rem;
}

#page .listimage-wrap li > label,
#page .listradio-wrap li > label {
	text-transform: unset;
}

#page .listimage-wrap li > label > span,
#page .listradio-wrap li > label > span {
	display: block;
	margin-top: 1rem;
}

#page .listimage-wrap li > label:hover,
#page .listradio-wrap li > label:hover {
	cursor: pointer;
}

#page #nf-field-29-wrap .fs-slider-text-small {
	margin-bottom: 0rem;
}

#page #nf-field-29-wrap p {
	color: var(--col-gold);
}

#page .question-wrap .field-wrap > .nf-field-label > label {
	margin-bottom: 0.5rem;
}

.question-wrap .nf-field-description {
    font-size: 18px;
    line-height: 20px;
    margin-bottom: 2rem;
}

.listradio-wrap ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: space-evenly;
	-ms-flex-pack: space-evenly;
	justify-content: space-evenly;
}

.question-wrap .listradio-wrap ul {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

#page .listradio-wrap ul li {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	max-width: 20%;
	padding: 0rem 1.5rem !important;
}

#page .listradio-wrap ul li label {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-flow: column;
	flex-flow: column;
	margin-left: 0px!important;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

#page .listradio-wrap .nf-field-element label:after {
    width: 18px;
    height: 18px;
    position: relative;
    left: auto;
    bottom: auto;
    top: auto;
    margin-top: 0.5rem;
}

#page .listradio-wrap .nf-field-element label.nf-checked-label:after {
    background-color: var(--col-navy);
}

#page .listradio-wrap .nf-field-element label.nf-checked-label:before {
	content: none;
}

#page .question-wrap .nf-field-element input[value="correct"] + label.nf-checked-label {
	color: #4CAF50;
}

#page .question-wrap .nf-field-element input[value="incorrect"] + label.nf-checked-label {
	color: #FF0000;
}

.nf-repeater-fieldsets fieldset {
    margin: 0em 0rem 2rem;
    border: none;
}

.nf-repeater-fieldsets fieldset legend {
    display: none;
}

#page .select2-container .select2-selection--single .select2-selection__rendered {
    padding-left: 0px;
	margin-right: 40px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	overflow: hidden;
}

.page .select2-results__option {
    padding: 12px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.select2-results__options li[id*="Lion"],
.select2-results__options li[id*="Tiger"],
.select2-results__options li[id*="Leopard"],
.select2-results__options li[id*="Snow Leopard"],
.select2-results__options li[id*="Cheetah"],
.select2-results__options li[id*="Puma"],
.select2-results__options li[id*="Jaguar"] {
    min-height: 115px;
    vertical-align: middle;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
    background-size: 85px;
	background-position: 15px center;
	background-repeat: no-repeat;
	padding: 15px 15px 15px 122px;
}

.select2-results__options li[id*="Lion"] {
	background-image: url('images/lion-circle.png');
}

.select2-results__options li[id*="Tiger"] {
	background-image: url('images/tiger-circle.png');
}

.select2-results__options li[id*="Leopard"] {
	background-image: url('images/leopard-circle.png');
}

.select2-results__options li[id*="Snow Leopard"] {
	background-image: url('images/snow-leopard-circle.png');
}

.select2-results__options li[id*="Cheetah"] {
	background-image: url('images/cheetah-circle.png');
}

.select2-results__options li[id*="Puma"] {
	background-image: url('images/puma-circle.png');
}

.select2-results__options li[id*="Jaguar"] {
	background-image: url('images/jaguar-circle.png');
}

#page .nf-form-content input.nf-next,
#catwalk-registration-form .nf-form-content .submit-container input[type=button],
#page #catwalk-registration-form .nf-form-content .submit {
	background-color: #4CAF50;
	border-color: #4CAF50;
}

.nf-form-content button.nf-add-fieldset {
	border-radius: 5px;
    background-color: #fff;
    color: var(--col-navy);
    border-width: 2px;
}

#catwalk-registration-form .nf-form-wrap {
	position: relative;
}

#catwalk-registration-form .nf-form-content .submit-container {
	/*position: absolute;
    right: 6px;
    bottom: 20px;*/
    padding: 0px;
    margin-top: 8rem;
}

.has-arabic .nf-field-label {
	width: 100%;
}

.has-arabic .nf-field-label label {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.has-arabic .nf-field-label label span,
.page .select2-results__option .arabic,
.select2-selection__rendered .arabic {
	margin-left: auto;
	direction: rtl;
}

.select2-results__option .arabic,
.select2-selection__rendered .arabic {
	text-align: right;
}

.list-wrap li .arabic {
	display: block;
	margin-top: 0.5rem;
}

h2 .arabic,
.has-arabic .listradio-wrap.field-wrap > .nf-field-label > label span,
.has-arabic .listimage-wrap.field-wrap > .nf-field-label > label span,
.html-container .html-wrap label span {
	margin-top: 1rem;
	display: block;
}

.nf-repeater-fieldset .has-arabic .field-wrap > .nf-field-label > label span {
	margin-top: 0rem;
}

.nf-form-content button.nf-add-fieldset span,
#catwalk-registration-form .nf-form-content .submit span {
	display: block;
}

#nf-field-80-container .field-wrap {
	display: block;
	margin-top: 6rem;
}

#nf-field-80-wrap > .nf-field-label {
	margin: 0rem 0rem 1.5rem;
}

/* 
FOOTER
-----------------------------------------------------
*/

#sign-up {
	background: rgb(31,47,72);
	background: -o-linear-gradient(top, rgba(31,47,72,1) 0%, rgba(34,149,242,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(31,47,72,1)), to(rgba(34,149,242,1)));
	background: linear-gradient(180deg, rgba(31,47,72,1) 0%, rgba(34,149,242,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1f2f48",endColorstr="#2295f2",GradientType=1);
	color: #fff;
}

.site-footer {
	padding-bottom: 3rem;
}

.not-home.page-template-default .site-footer {
    border-top: 1px solid #CBCBCB;
}

.footer-contact {
	margin-bottom: 6rem;
}

.footer-title .fs-secondary-title {
	margin-bottom: 1rem;
}

.footer-social {
	margin-left: auto;
}

.footer-social a {
	margin-left: 2rem;
}

.footer-social svg {
	height: 25px;
}

.site-info,
.site-info a {
	color: rgba( 31, 47, 72, 0.4);
	font-size: 15px;
}


/* 
RESPONSIVE
-----------------------------------------------------
*/

/* Above Mobile ----------- */
@media only screen 
and (min-width: 768px) {
    
    .image-and-text > .block {
		background-image: none !important;
	}
    
}


/* Medium Laptop ----------- */
@media only screen 
and (max-width: 1280px) {
    

    .objectives .objective {
	    padding: 0 1vw 0rem;
	}
    
}

/* iPad landscape and below ----------- */
@media only screen 
and (max-width: 1024px) {

    :root {
	    --side-padding: 3vw;
	    --side-padding-max: calc( var(--side-padding) * 1 );
	}

	/* HEADER */

    .menu-toggle {
	    display: -webkit-box;
	    display: -ms-flexbox;
	    display: flex;
	    border: none;
    	background: transparent;
    	height: 25px;
    	width: 35px;
    	padding: 0px;
    	outline: none;
    	z-index: 15;
	}

	.menu-toggle svg {
	    height: 25px;
	}

	#icon-close,
	.menu-toggled #icon-menu {
		display: none;
	}

	.menu-toggled #icon-close,
	.main-navigation ul {
		display: block;
	}

	.nav-wrapper {
		position: fixed;
		top: 0px;
		left: 0px;
		width: 100%;
		height: 100vh;
		padding: calc( var(--side-padding-max) * 3 ) var(--side-padding-max);
		background-color: var(--col-navy);
		-webkit-transform: translateX(100%);
		-ms-transform: translateX(100%);
		    transform: translateX(100%);
		z-index: 10;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	    -webkit-box-pack: center;
	    -ms-flex-pack: center;
	    justify-content: center;
	    -webkit-box-align: center;
	    -ms-flex-align: center;
	    align-items: center;
	    -webkit-box-orient: vertical;
	    -webkit-box-direction: normal;
	    -ms-flex-direction: column;
	    flex-direction: column;
	}

	.menu-toggled .nav-wrapper {
		-webkit-transform: translateX(0%);
		-ms-transform: translateX(0%);
		    transform: translateX(0%);
	}

	.menu-main-menu-container {
		width: 100%;
		margin: auto 0px 0rem;
	}

	.main-navigation li {
	    float: none;
	    position: relative;
	    margin: 0rem 0rem;
	    border-bottom: 1px solid #fff;
	}

	.main-navigation li a {
	    padding: 1.5rem 0rem;
	    font-size: 25px;
	}

	#header-subscribe {
		margin: 3rem 0px auto;
	}

	.nav-wrapper .footer-social {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}

	.nav-wrapper .footer-social {
	    margin: 0px;
	    text-align: center;
	}

	.nav-wrapper .footer-social a {
		margin: 0px 1rem;
	}

	.nav-wrapper .footer-social svg * {
		fill: var(--col-gold);
	}

	.main-navigation ul li:hover > ul, 
	.main-navigation ul li.focus > ul,
	.main-navigation ul ul {
	    left: 0px;
	    float: none;
	    position: relative;
	    -webkit-transform: translateX(0rem);
	    -ms-transform: translateX(0rem);
	        transform: translateX(0rem);
	    padding: 0rem;
	    background-color: transparent;
	    color: #fff;
	    margin-bottom: 1.5rem;
    	-webkit-box-shadow: none;
    	box-shadow: none;
    	display: none;
	}

	.main-navigation ul ul li {
	    margin: 0rem 0rem;
	    border: none;
	}

	.main-navigation ul ul a {
	    color: #fff;
	    padding: 0.5rem 0rem;
	}

	.menu-item-has-children .toggle-child-menu {
		margin-left: auto;
	}

	.toggle-child-menu {
		padding:  1rem 0rem 1rem 1rem;
		display: block;
	}

	.toggle-child-menu svg {
		width: 20px;
		-webkit-transform: rotate(180deg);
		-ms-transform: rotate(180deg);
		    transform: rotate(180deg);
	}

	.active .toggle-child-menu svg {
		-webkit-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		    transform: rotate(0deg);
	}

	.toggle-child-menu svg path {
		stroke: #fff;
	}

	.wpml-ls-legacy-list-horizontal .wpml-ls-item {
		display: block;
	}

	#page .wpml-ls-legacy-list-horizontal {
		padding: 0px;
		margin-right: 0rem;
		width: 100%;
	}
    
}

/* iPads (landscape) ----------- */
@media only screen 
and (min-width : 768px) 
and (max-width : 1024px) 
and (orientation : landscape) {
    
    
}


/* iPads (portrait) ----------- */
@media only screen 
and (min-width : 768px) 
and (max-width : 1024px) 
and (orientation : portrait) {
    

}

/* all tablets portrait and phones ----------- */
@media only screen 
and (max-width: 768px) {

	/* GENERAL */

	.block {
	    padding: 60px var(--side-padding-max);
	}

	/* OTHER */

	.objectives {
	    margin: 0 -0.5vw;
	    -webkit-box-orient: horizontal;
	    -webkit-box-direction: normal;
	    -ms-flex-flow: row wrap;
	    flex-flow: row wrap;
	}

	.objectives .objective:first-child {
	    max-width: 100%;
	    margin-bottom: 2rem;
	}

	.cat img {
	    display: block;
	    width: 100%;
	}

	.mailing-list .nf-form-cont .one-half {
	    width: 50%;
	    margin-left: 0%;
	    padding: 0px calc( var(--side-padding) / 2 );
	    clear: none;
	    float: left;
	}

	/*QUIZ*/

	#page #quiz-wrapper .central-column {
	    margin: auto;
	}

	#quiz-wrapper .slide  {
	    -webkit-box-orient: vertical;
	    -webkit-box-direction: normal;
	    -ms-flex-flow: column;
	    flex-flow: column;
	}

	#slide-last .cat-img {
	    position: relative;
	    width: 60vw;
	    bottom: auto;
	    left: auto;
	    z-index: 0;
	    margin-bottom: 2rem;
	}

	/*CATWALK*/

	#catwalk-countdown .dates {
	    margin-top: 4rem;
	    background-image: none;
	    margin-bottom: 4rem;
	    display: -webkit-box;
	    display: -ms-flexbox;
	    display: flex;
	}

	.dates .col {
	    /*width: 100%;*/
	    padding-bottom: 4rem;
	}

	.dates #date-1,
	.dates #date-3 {
	     -webkit-transform: translateY(0vw);
	     -ms-transform: translateY(0vw);
	         transform: translateY(0vw); 
	}

	/*REGISTRATION*/

	#catwalk-registration-form .nf-field-container {
		margin-bottom: 25px;
	}

	#catwalk-registration-form .select2-container {
		width: 100% !important;
	}

}

/* all phones ----------- */
@media only screen 
and (max-width: 767px) {

	:root {
	    --side-padding: 5vw;
	    --side-padding-max: calc( var(--side-padding) * 1 );
	}

	.block h2 {
	    margin-bottom: 1.5rem
	}

    /*FONTS*/

    .fs-slider-text-large,
    .fs-slider-text-large span,
    .wysiwyg-content h1 {
	    font-size: 30px !important;
	}

	.fs-primary-title,
	#page .listradio-wrap > .nf-field-label > label,
	#page .listimage-wrap > .nf-field-label > label,
	#when-where p .nunito-semibold,
	#catwalk-registration-intro p span.noto-jp-light {
	    font-size: 24px !important;
	}

    .fs-secondary-title,
	#when-where p .noto-jp-light {
	    font-size: 19px !important;
	}

	.fs-secondary-title .objective-text,
	#subscribe h2,
	.footer-title .fs-secondary-title {
		font-size: 25px;
	}

	.objective.gold .objective-text {
	    margin-left: 2rem;
	    font-weight: 300;
	    font-size: 23px;
	}

	#subscribe h2 {
		font-weight: 400;
	}

	.fs-quiz-youare {
	    font-size: 22px;
	}

	.fs-result-title {
	    font-size: 62px;
	}

	.slide-info .wysiwyg-content p:first-of-type span {
    	font-size: 39px !important;
    }

	.fs-quiz-title {
	    font-size: 30px;
	}

	.fs-quiz-question,
	.cards-wrapper .fs-secondary-title {
	    font-size: 21px !important;
	}

	.fs-quiz-answer,
	#page .slide-info .wysiwyg-content p:last-child span,
	.slide-info .wysiwyg-content p:nth-child(2n) span,
	.slide-info .wysiwyg-content p:nth-child(3n) span,
	.accordion .accordion-title,
	.catwalk-sub-page-intro p *,
	#catwalk-registration-intro p span {
	    font-size: 18px !important;
	}

	.main-navigation li a {
	    font-size: 20px;
	}

	.main-navigation li li a {
	    font-size: 17px;
	}

	#slide-last .cat-txt,
	#slide-last .subscribe {
	    font-size: 16px;
	}

	/* HEADER */

	.site-header {
	    -webkit-box-align: start;
	    -ms-flex-align: start;
	    align-items: flex-start;
	}

	.site-branding svg {
	    width: 57px;
	}

	.not-at-top .site-branding svg {
	    width: 35px;
	}

	.menu-toggle svg {
	    height: 18px
	}

	.menu-main-menu-container {
	    max-height: 70%;
	    overflow: scroll;
	}

	.main-navigation li a {
	    padding: 1rem 0rem;
	}

	/* WHAT IS CATMOSPHERE */

	.slide-link-logo {
	    -webkit-box-pack: center;
	    -ms-flex-pack: center;
	    justify-content: center;
	}

	.objectives {
	    display: block;
	}

	.objectives .objective {
	    padding: 0 1vw 0rem;
	    width: 100%;
	    margin-bottom: 2rem;
	   	max-width: 100%;
	}

	.objectives .objective:first-child {
	    margin-bottom: 3rem
	}

	.objectives .objective:last-child {
	    margin-bottom: 0rem
	}

	.image-and-text > .block {
	    position: relative;
	    top: 0%;
	    -webkit-transform: translateY(0%);
	    -ms-transform: translateY(0%);
	        transform: translateY(0%);
	    padding-top: calc( var(--side-padding) * 3 );
	    padding-bottom: calc( var(--side-padding) * 3 );
	}

	.image-and-text picture {
		display: none;
	}

	.image-and-text > .block {
	    background-position: left;
	}

	#cats-facing-extinction > .block {
	    background-position: right;
	}

	/* WHAT IS PANTERA */

	.pantera-text {
	    -webkit-columns: 1;
	    -moz-columns: 1;
	         columns: 1;
	}

	/* BIG CATS */

	#big-cats {
	    background-image: none;
	    background-color: #fff;
	    padding-top: 0px;
	    padding-bottom: 0px;
	}

	#big-cats h2 {
		padding-top: 50px;
	    color: var(--col-gold);
	    border-top: 1px solid var(--col-grey);
	    margin: 0rem 0rem 1.5rem;
	}

	.video-outer {
		margin: 0rem calc( 0px - var(--side-padding) );
	}

	.play-button-inner {
	    width: 90px;
	    height: 90px;
	}

	.play-button-inner svg {
	    width: 25px;
	    -webkit-transform: translateX(4px);
	    -ms-transform: translateX(4px);
	        transform: translateX(4px);
	}

	.cats,
	.maps {
		margin: 0rem calc( 0px - var(--side-padding) );
	}

	.cat,
	.map,
	.flickity-viewport,
	.flickity-slider {
		width: 100%;
		padding: 0px;
	}

	.maps .cat img {
	    padding: 0rem var(--side-padding);
	}

	#page .flickity-button,
	#page .flickity-button:hover {
	    background: transparent;
	}

	#page .flickity-button-icon {
	    fill: #fff;
	}

	#page .maps .flickity-button-icon {
	    fill: var(--col-gold);
	}

	.key {
	    margin-right: 1rem;
	    -webkit-box-align: start;
	    -ms-flex-align: start;
	    align-items: flex-start;
	}

	.key:last-child {
	    margin-right: 0rem;
	}

	.map-color {
		margin-top: 5px;
	    width: 30px;
	    height: 30px;
	    min-width: 30px;
	}

	#cats-facing-extinction h2 {
		max-width: 270px;
	}

	.mailing-list .nf-form-cont .one-half {
	    width: 100%;
	    padding: 0px;
	    margin: 1rem 0rem
	}

	#page .submit-container {
	    padding-top: 0rem
	}

	/* MODAL */

	#page #mailing-modal {
	    background: transparent;
	    padding: 1rem;
	    overflow: hidden;
	}

	.fancybox-content .logo {
	    width: 60px;
	    height: 72px;
	    top: 2rem;
	}

	.fancybox-content .logo svg {
	    width: 60px;
	}

	#page .fancybox-slide--html .fancybox-close-small {
	    color: #fff;
	    padding: 2px;
	    right: 1.5rem;
	    top: 1.2rem;
	}

	.modal-hidden .block {
	    padding-top: 9rem;
	    padding-bottom: 1rem
	}

	/*QUIZ*/

	#page #quiz-wrapper .central-column {
	    height: 100%;
	    padding-top: 70px;
	    display: -webkit-box;
	    display: -ms-flexbox;
	    display: flex;
	    -webkit-box-orient: vertical;
	    -webkit-box-direction: normal;
	    -ms-flex-flow: column;
	    flex-flow: column;
	    -webkit-box-align: center;
	    -ms-flex-align: center;
	    align-items: center;
    	-webkit-box-pack: center;
    	-ms-flex-pack: center;
    	justify-content: center;
	}

	#quiz-wrapper #slide-0 {
		text-align: center;
	}

	#quiz-wrapper h2 {
	    margin-bottom: 2rem;
	    padding: 0px 2rem;
	}

	#quiz-wrapper .fs-quiz-title {
	    max-width: 300px;
	    margin-left: auto;
	    margin-right: auto;
	}

	#quiz-wrapper .fs-quiz-question {
	    margin-top: auto;
	}

	#quiz-wrapper h2 br {
	    display: none;
	}

	#quiz-wrapper h2 {
	    text-align: center;
	}

	.next-wrapper {
		text-align: center;
		margin-top: auto;
		margin-bottom: auto;
	}

	#quiz-wrapper h2.fs-result-title {
	    margin-bottom: 1rem;
	}

	#page #quiz-wrapper #slide-last .central-column {
	    padding-top: 100px;
	}

	#slide-last .cat-img {
	    position: relative;
	    width: 90%;
	    bottom: auto;
	    left: auto;
	    z-index: 0;
	    margin: 2rem auto 2rem;
	}

	#slide-last .subscribe p {
	    margin-bottom: 0rem
	}

	#slide-last .mailing-list .nf-form-cont .one-half {
	    margin: 0.25rem 0rem;
	}

	#quiz-wrapper .checkbox-container .nf-field-label {
	    margin-top: 1rem !important
	}

	/*CATWALK*/

	.page-template-template-catwalk .banner .slide {
	    -webkit-box-align: start;
	    -ms-flex-align: start;
	    align-items: flex-start;
	}

	.page-template-template-catwalk .slide-info,
	.page-template-template-registration .slide-info {
		text-align: center;
		margin-top: 140px;
		height: 70vh;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}

	.page-template-template-catwalk .slide .slide-link-logo, 
	.page-template-template-registration .slide .slide-link-logo {
		margin-top: 6vh;
	}

	.slide-info .wysiwyg-content p {
	    margin-bottom: 0.75rem;
	}

	#catwalk-explained h2 {
	    margin: 3rem 0rem 2rem
	}

	#catwalk-explained {
	    background-image: none;
	    padding-bottom: 100px;
	}

	.card {
	    padding: 4rem 2rem 2rem;
	}

	#catwalk-explained .button-wrapper {
	    margin-top: 1rem;
	}

	#why-catwalk h2,
	#catwalk-countdown h2 {
	    margin-bottom: 3rem;
	}

	#why-catwalk .fs-quiz-answer {
		text-align: left;
	}

	/*#catwalk-countdown #dates-desktop {
		display: none;
	}*/

	#catwalk-countdown .dates {
	    margin: 0rem calc( 0px - var(--side-padding-max) ) 0vw;
    	width: 100vw;
    	background-image: none;
	}

	#catwalk-countdown .owl-carousel .owl-stage {
        background-image: url(images/date-dots.svg);
	    background-repeat: no-repeat;
	    background-size: 74%;
	    background-position: center center;
	}

	.slider-wrapper .owl-item {
	    height: auto;
	}

	#catwalk-countdown .owl-item .col {
	    padding: 4rem 0rem 6rem;
	}

	.dates #date-1 {
	    -webkit-transform: translateY(8vw);
	    -ms-transform: translateY(8vw);
	        transform: translateY(8vw);
	}

	.dates #date-3 {
	    -webkit-transform: translateY(25vw);
	    -ms-transform: translateY(25vw);
	        transform: translateY(25vw);
	}

	.dates #date-4 {
	    -webkit-transform: translateY(-2vw);
	    -ms-transform: translateY(-2vw);
	        transform: translateY(-2vw);
	}

	.slider-wrapper {
		position: relative;
	}

	.slider-wrapper .prev-next {
		position: absolute;
		left:  -0.75rem;
		top: 50%;
		z-index: 1;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		    transform: translateY(-50%);
		display: block;
	}

	.slider-wrapper .next-slide {
		left:  auto;
		right: -0.75rem;
	}

	.slider-wrapper .prev-next svg {
		width: 14px;
	}

	.slider-wrapper .next-slide svg {
		-webkit-transform: rotate(180deg);
		-ms-transform: rotate(180deg);
		    transform: rotate(180deg);
	}

	.slider-start .prev-slide,
	.slider-end .next-slide {
		display: none;
	}

	#catwalk-countdown .button-wrapper {
	    margin: 1rem 0rem 3rem;
	}

	#which-cat .cards {
		margin: 4rem calc( 0px - var(--side-padding-max) ) 0vw;
    	width: 100vw;
	}

	#which-cat .owl-carousel .owl-stage {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: stretch;
		-ms-flex-align: stretch;
		align-items: stretch;
	}

	#which-cat .cards .col {
	    padding: 0rem 1.5rem 0rem 1.8rem;
	    height: 100%;
	}

	#which-cat .col > div:hover .card,
	#which-cat .card {
	    -webkit-transform: rotateY(0deg);
	    transform: rotateY(0deg);
	}

	#which-cat .col > div:hover .card.backside,
	#which-cat .card.backside {
	    -webkit-transform: rotateY(-180deg);
	    transform: rotateY(-180deg);
	}

	#page #which-cat .col .flip-card .card {
		-webkit-transform: rotateY(180deg);
		transform: rotateY(180deg);
	}

	#page #which-cat .col .flip-card .card.backside {
		-webkit-transform: rotateY(0deg);
		transform: rotateY(0deg);
	}

	/* CATWALK SUB PAGES */

	.catwalk-sub-page-intro {
	    padding-top: 0px;
	    padding-bottom: 40px;
	}

	.back-to svg {
	    width: 8px;
	}

	.card.accordion {
	    padding: 1rem 1.5rem 0rem;
	}

	.accordion-header {
	    -webkit-box-align: start;
	    -ms-flex-align: start;
	    align-items: flex-start;
	}

	.accordion .accordion-title {
	    margin: 0rem auto 0rem 0rem;
	    padding-right: 1rem;
	}

	.accordion-content {
	    padding: 2rem 0rem 2rem;
	}

	.accordion-content a {
	    word-break: break-all;
	}

	.accordion .wysiwyg-content ul, 
	.accordion .wysiwyg-content ol {
	    padding-left: 1rem;
	}

	.accordion .wysiwyg-content ul li {
	    list-style-position: outside;
	}

	#catwalk-resources .col {
		padding-bottom: 6rem;
	}

	.partner img {
	    max-width: 200px;
	    max-height: 100px;
	    display: block;
	}

	.endorsment-letters .partner img {
	    max-width: 150px;
	    max-height: 150px;
	}

	/*REGISTRATION*/

	#catwalk-registration-intro .social svg {
		height: 40px;
	}

	#catwalk-registration-form .listradio-wrap ul {
		-ms-flex-flow: wrap;
		flex-flow: wrap;
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;
	}
	
	#page #catwalk-registration-form .listradio-wrap ul li {
		-webkit-box-flex: 1;
		-ms-flex: auto;
		flex: auto;
		max-width: 50%;
		width: 50%;
		padding: 0rem 1.5rem 1.5rem !important;
	}

	#catwalk-registration-form #nf-field-60-container ul,
	#cat-characteristics .cats {
		display: block !important;
		margin: 0px !important;
	}

	#catwalk-registration-form #nf-field-60-container ul {
		height: 85vw;
	}

	#catwalk-registration-form #nf-field-60-container ul li,
	#cat-characteristics .col {
		width: 50% !important;
		margin: 0px 5% !important;
		display: block;
	}

	#catwalk-registration-form .listimage-wrap li label {
		padding: 0px;
	}

	#catwalk-registration-form .nf-repeater-fieldsets fieldset {
		padding: 0rem;
	}

	#page #catwalk-registration-form .select2-container .select2-selection--single .select2-selection__rendered {
		white-space: unset;
	}

	#page .select2-container--default .select2-selection--single {
		overflow: hidden;
	}

	#catwalk-registration-form .nf-form-content .label-above .nf-field-label {
		text-align: left;
	}
	
	/* FOOTER */

	.site-footer {
	    padding-bottom: var(--side-padding-max);
	}

	.footer-title .fs-secondary-title {
	    margin-bottom: 2rem;
	    line-height: 1;
	    font-weight: 400;
	}

	.site-footer .footer-social {
	    margin-top: 2rem;
	}

	.footer-social a {
	    margin: 0rem 1rem 0rem 0rem;
	}

	.footer-social svg {
	    height: 20px;
	}

	.footer-contact {
	    margin-bottom: 2rem;
	    display: block;
	}
    
}

/* 
RTL ARABIC
-----------------------------------------------------
*/

.rtl,
.rtl .fs-primary-title, 
.rtl #page .listimage-wrap > .nf-field-label > label, 
.rtl #page .listradio-wrap > .nf-field-label > label,
.rtl .fs-slider-text-large,
.rtl .fs-secondary-title,
.rtl #page .nf-form-content .submit,
.rtl #page .square-button,
.rtl #page .nf-form-content input[type=button] {
    font-family: 'Tajawal', sans-serif;
	font-weight: 400;
}

.rtl .slide-info p,
.rtl .site-main section:not(.mailing-list) h2,
.rtl #when-where .nunito-semibold,
.rtl .fs-countdown-date strong,
.rtl .site-main p strong,
.rtl #which-cat .card h3,
.rtl #page .square-button, 
.rtl #cookie-law-info-bar #cookie_action_close_header, 
.rtl .cli-modal-open .cli-modal #wt-cli-privacy-save-btn,
.rtl #page .nf-form-content .submit, 
.rtl #page .nf-form-content input[type=button], 
.rtl .nf-form-content button.nf-add-fieldset {
    font-weight: 500;
}

.rtl .site-header,
.rtl .site-footer,
.objective,
.image-and-text [class*="grid-"],
.rtl .back-to,
.rtl #page .select2-container--default .select2-selection--single {
    direction: ltr;
}

.rtl .main-navigation li,
.rtl .objective .objective-text,
.rtl .image-and-text [class*="col-"] *,
.rtl .footer-title,
.rtl .back-to a span,
.rtl #mailing-modal input {
    direction: rtl;
}

.rtl .main-navigation ul ul {
    -webkit-transform: translateX(1.5rem);
    -ms-transform: translateX(1.5rem);
    transform: translateX(1.5rem);
}

.rtl .main-navigation ul ul li {
	float: none;
    text-align: right;
}

.rtl .main-navigation ul li:hover > ul, 
.rtl .main-navigation ul li.focus > ul {
    right: 0px;
}

/* HOME PAGE */

.rtl .key {
    margin-right: 0rem;
	margin-left: 3rem;
}

.rtl .map-color {
    margin-right: 0rem;
	margin-left: 1rem;
}

.rtl .objective.gold > * {
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
        transform: translateY(0px);
}

.rtl .objective.gold .objective-icon {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    margin: 0rem 0rem 0rem 2rem;
}

.rtl #page .checkbox-wrap .nf-field-label label.nf-checked-label:before {
	left: auto;
	right: -30px;
}

.rtl #page .checkbox-wrap .nf-field-label label:after {
	left: auto;
	right: -28px;
}

.rtl #mailing-modal .nf-field-label {
	display: block;
	width: 100%;
}

.rtl #mailing-modal .nf-field-label label {
	text-align: right;
	display: block;
}

.rtl .checkbox-container.label-right label {
    margin: 0 30px 0 0px;
}

/* CATWALK PAGE */

.rtl .card-text.left p {
	text-align: right;
}

.rtl #catwalk-countdown h2,
.rtl #which-cat h2 {
	margin-bottom: 1rem;
}
  
.rtl #catwalk-countdown .dates {
    background-image: none;
    position: relative;
}

.rtl #catwalk-countdown .dates:before {
	content: '';
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
    background-image: url(images/date-dots.svg);
    background-repeat: no-repeat;
    background-size: 75%;
    background-position: center 30%;
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    transform: scaleX(-1);
}

.rtl .dates #date-2 {
    -webkit-transform: translateY(-1.5vw);
    -ms-transform: translateY(-1.5vw);
    transform: translateY(0vw);
}

/* FAQS PAGE */

.rtl.parent-pageid-2757 .site-main {
    padding-top: 144px;
}

.rtl .accordion .accordion-title {
    margin: 0rem 1rem 0rem auto;
}

.rtl #nf-field-93-container .field-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}

.rtl #nf-field-93-container .nf-field-description {
	margin: 2rem auto 0rem;
    max-width: 500px;
}

@media only screen and (max-width: 1024px) {

	.rtl .main-navigation li {
		text-align: right;
	}

	.rtl .menu-main-menu-arabic-container {
		width: 100%;
		text-align: right;
	}

	.rtl .menu-item-has-children .toggle-child-menu {
		margin-left: 0px;
		margin-right: auto;
	}

}

/* SAFARI */

.safari #page .checkbox-wrap .nf-field-label label.nf-checked-label:before,
.safari #page .checkbox-wrap .nf-field-label label:after {
	top: -2px;
}