/*
Theme Name: DC-Custom-theme
Theme URI: https://www.digitalcandy.agency
Author: Digital Candy
Author URI: https://www.digitalcandy.agency
Description: Theme developed in 2017 for Easy Knit Group.
Version: 100.0.0
License: 
License URI: 
Tags: 
Text Domain: Digital Candy

DC WordPress Theme © Digital Candy
*/


/*
Fonts:
font-family: 'Lato', sans-serif;
font-family: 'Playfair Display', serif;

Colours:
Black BG: #171717
light grey bg: #f7f7f7;
Dark grey: #555555 (border color)
Grey text: #808080
Green: #52b5ae;

Layout:
Inner max-width: 1400px;
Inner small description boxes: 550px;

@media
min 1025, 651
max 650, 1024, 1400
*/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{font-size:100%;font:inherit;padding:0;border:0;margin:0;vertical-align:baseline}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}.clear{clear:both}
html,body{width: 100%;margin: 0px;padding: 0px;/*overflow-x: hidden*/; }

.sticky{}.bypostauthor{}.wp-caption{}.wp-caption-text{}.gallery-caption{}.alignright{}.alignleft{}.aligncenter{}.screen-reader-text{clip:rect(1px, 1px, 1px, 1px);position:absolute !important}
.clearfix:before,.clearfix:after{content:"\0020";display:block;height:0;visibility:hidden}.clearfix:after{clear:both}.clearfix{zoom:1}
.hidden-text{text-indent: -99999px; display:inline-block;}
.underlined{text-decoration: underline;}
.text-block{display: inline-block;}
.float-right{float:right;}
.text-align-right{text-align: right}
.h-scroll {white-space: nowrap;overflow-x: auto;-webkit-overflow-scrolling: touch;-ms-overflow-style: -ms-autohiding-scrollbar; }
.anchor-point{display: block;position: relative;top: -100px;visibility: hidden;}

/*DC Reset*/
*{  -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
h1:hover,h2:hover,h3:hover,h4:hover,h5:hover,p:hover,span:hover{cursor: default}
a:hover,a span:hover{cursor: pointer;}
a{text-decoration: none; color: inherit;}
section{position: relative;}
	/*inputs*/
	input:focus,select:focus,textarea:focus,button:focus {outline: none;}
	input{-webkit-appearance: none;border-radius: 0;}
	
	#wpadminbar{opacity:.1;}
	#wpadminbar:hover{opacity:1;}
	@media only screen and (max-width: 767px){
		#wpadminbar{display: none}
	}

/*Global Init*/
body{font-family: 'Lato', sans-serif;color:#000;font-weight: 100;    -webkit-font-smoothing: antialiased;}


/*colours*/
.dark-bg{background: #171717}
.green{color:#52b5ae; font-weight: bold}
.black-block{background: #171717; color:#ffffff;}
.white-block{background: #ffffff; color:#000000;}
			.white-block .inner-wrapper{float:right;display: block;max-width: 770px;width: 100%;padding:0 5% 0 0}
			.black-block .inner-wrapper{float:left;display: block;max-width: 770px;width: 100%;padding:0 0 0 5%; height:90%;}
			@media only screen and (max-width: 1450px){
				.white-block .inner-wrapper{padding:0 10%}
				.black-block .inner-wrapper{padding:0 10%}
			}
			@media only screen and (max-width: 767px){
				.white-block .inner-wrapper{padding:0; float:none;}
				.black-block .inner-wrapper{padding:0; float:none}
			}
	/*regular use*/
	.top-bot-padding{padding-top:80px; padding-bottom:80px; }




/*Fonts & text*/
body{font-size:16px; letter-spacing: 0.03em; line-height: 1.3em}
h1,h2,h3{padding:1em 0; font-family: 'Playfair Display', serif;line-height: 1.3em}
h1{font-size: 2.5em; text-align: center}
h2{font-size: 2em}
h3{font-size: 1.5em}
.frm_no_entries{color:#d60000; font-weight:bold;}

@media only screen and (max-width: 1024px){
	body{font-size:14px;     letter-spacing: 0.03em;}
	h2{font-size: 1.5em}
}

@media only screen and (max-width: 767px){
	body{font-size:12px;     letter-spacing: 0.03em;}
	h2{font-size: 1.5em}
}


/*UI*/
.bt-main {border: 1px solid black; color:black; display: inline-block; padding:1em 2.5em;margin:1em 0;font-weight: bold; text-transform: uppercase; letter-spacing: 0.1em;-webkit-transition: all .5s ease; transition: all .5s ease;}
.bt-green {border-color: #52b5ae; color:#52b5ae;background: white}
	@media only screen and (min-width: 1024px){
	.bt-main:hover{background:black; color:white}
	.bt-green:hover{background:#52b5ae;}
	}

.custom-scroll-bar::-webkit-scrollbar-track{background-color: #000;}
.custom-scroll-bar::-webkit-scrollbar{width: 10px;background-color: #F5F5F5;}
.custom-scroll-bar::-webkit-scrollbar-thumb {background-color: #52b5ae;}
.data-table-press .custom-scroll-bar::-webkit-scrollbar-track{background-color: #e8e8e8;}

#back-to-top-bt{display: block; position: fixed;right: -60px;bottom:15px;-webkit-transition: all .5s ease; transition: all .5s ease; background: #000000; color: #ffffff; padding:20px;z-index: 9 ;border: 1px solid #555555;}
#back-to-top-bt.active{right:-1px;}
#back-to-top-bt:hover{cursor: pointer;}

.burger{height:100%;overflow:auto}
.burger{position:fixed;top:0;right:0;z-index:999;width:100%;height:0}
.burger__button:hover{cursor:pointer}
.burger__button{display:block;position:absolute;width:50px;height:50px;text-align:center;vertical-align:middle;transition:all 0.5s ease;right:1em;top:1em;z-index:999;}
.burger__button.open{margin-right:1px;margin-top:1px}
.burger__button__icon{display:inline-block;position:absolute;background:#fff;margin:0
auto;width:30px;height:2px;top:46%;left:0;right:0;transition:all 0.5s ease;transform:translateY(-1px)}
.burger__button__icon:before,.burger__button__icon:after{content:"";position:absolute;margin:0
auto;background:#fff;width:30px;height:2px;left:0;right:0;transition:all 0.5s ease}
.burger__button__icon:before{bottom:10px}
.burger__button__icon:after{top:10px}
.burger__button.open .burger__button__icon{background:transparent;left:15px;}
.burger__button.open .burger__button__icon:before,.burger__button.open .burger__button__icon:after{transform-origin:0 50%;}.burger__button.open .burger__button__icon:before{transform:rotateZ(0.78539816rad)}.burger__button.open .burger__button__icon:after{transform:rotateZ(-0.78539816rad)}.burger__menu{list-style-type:none;margin-top:7em;height:0;padding:0}.burger__menu
li{display:block;position:relative;visibility:hidden;transition:all 0.5s ease;transform:translateY(-100em);text-align:center}
.burger__button{display: none}

.tickbox-switch-wrap{position: relative; /*IE*/ width:100%;}
.tickbox-switch{position: absolute;width: 100%;height: 100%;top:0;left:0;opacity: 0;}
.tickbox-reveal{max-height:0; overflow: hidden;-webkit-transition: all .5s; transition: all .5s}
.tickbox-reveal:before{content:'+';position:absolute;right:.5em;top:.5em; font-size:3em;color: #52b5ae;;pointer-events:none}
.tickbox-switch:checked + .tickbox-reveal{max-height:1000px;-webkit-transition: all 1s; transition: all 1s}
.tickbox-switch:checked + .tickbox-reveal:before{content:'_';top:.05em;right:.58em;}
.tickbox-switch:hover{cursor:pointer;}

	span.search{font-family:'Lato', sans-serif; display: block}
	span.search>a,span.search>span{font-size: 0.6em;text-transform: uppercase;font-weight: bold;margin-right: 15px;vertical-align: top;line-height: 2.7em;}
	.search-form{position:relative;display: inline-block;}
	.search-input {border-radius: 0;background:none;border:none;color:white;margin-right: 0;position: relative;z-index:5;width:30px;height: 30px;padding: 10px;display: inline-block;margin-top: 0;
	    -webkit-transition: all 200ms ease, background 200ms ease;
	    transition:         all 200ms ease, background 200ms ease;
	    -webkit-transition-delay: .1s; /* Safari */
	    transition-delay: .1s;}
	.search-input:focus{outline:none;border-bottom:1px solid white;width:200px; margin-right:40px;-webkit-transition-delay: .0s; /* Safari */
	    transition-delay: .0s;}
	@media only screen and (max-width: 1024px){
	    .search-input{border-bottom:1px solid white;width:200px; margin-right:40px;}
	}

	.search-bt{position: absolute;z-index:4;padding: 7px 10px;display: inline-block;top: 0;right: 0;}
	.search-input:hover{cursor: pointer}
	.language-selection{margin-right:30px;}
	.language-selection a{margin-right:0;vertical-align: top;}
	.language-selection a.active{color: #52b5ae; text-decoration: underline;}

#lightbox{display:none; position: fixed;width:100%; height:100%;background:#171717;color:white;top:0 ;left:0;padding:10%;z-index:9999;padding: 5% 15px;
    overflow: auto;
    max-height: 100vh;}
#lightbox.active{display:block;}
#lightbox p{margin-bottom:.5em;}
#lightbox .sk-folding-cube{top:45%;}
@media only screen and (min-width: 1025px){
	#lightbox{padding:10% 20%}
}


/*DC General Layout*/
	/*flex*/
	  .flex-container{display: -webkit-box;display: -ms-flexbox;display: flex;
	    -ms-flex-flow: row wrap;flex-flow: row wrap;
	    -webkit-box-align: stretch;-ms-flex-align: stretch;align-items: stretch;
	    margin: 0px auto 0;}
	  .flex-center{display: -webkit-box;display: -ms-flexbox;display: flex;
	    -webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
	  .flex-direction-col{flex-direction: column;}
	  .flex-child-1{width:100%;}
	  .flex-child-2-3{width:66.666%}
	  .flex-child-2-3-space{width: calc(66.666% - 60px); margin: 30px;}
	  .flex-child-1-2{width:50%}
	  .flex-child-1-2-space{width: calc(50% - 30px); margin: 30px;}
	  .flex-child-1-3{width:33.333%}
	  .flex-child-1-3-space{width: calc(33.333% - 60px); margin: 30px;}
	  .flex-child-4{width:25%}
	  .flex-child-4-space{width: calc(25% - 24px); margin: 15px;}
	  .responsive.flex-container [class*=flex-child] img{width: 100%; display: block; height:auto;}

	  		.flex-child-1-2-space:nth-child(odd){margin-left:0;}
			.flex-child-1-2-space:nth-child(even){margin-right:0;}

			.flex-child-4-space:nth-child(4n+1){margin-left:0;}
			.flex-child-4-space:nth-child(4n){margin-right:0;}

	  @media only screen and (max-width: 767px){
		.flex-child-1-3-space,.flex-child-2-3-space, .flex-child-1-2-space, .flex-child-2-3, .flex-child-1-3{width:100%;margin:1em 0;}
	  }

	  /*.flex-container>div{padding:10px}
	  .flex-container{margin-left:-10px;margin-right:-10px}*/
	  

	  /*contact*/
		  .responsive-with-padding .flex-child-1-2{width:46%;padding:0 2%;}
	  @media only screen and (max-width: 767px){
		  .responsive .flex-child-2-3,  .responsive .flex-child-2-3-space,  .responsive .flex-child-1-2,  .responsive .flex-child-1-2-space,  .responsive .flex-child-1-3,  .responsive .flex-child-1-3-space,  .responsive .flex-child-4,  .responsive .flex-child-3-space{width:100%}
		  
		  .responsive-2.DC-2-col-row {margin:1em 0;}
		  .responsive-2:nth-child(odd) div:nth-child(1){width:70%;}
		  .responsive-2:nth-child(even) div:nth-child(1){width:70%}
		  .responsive-2:nth-child(odd) div:nth-child(1) .inner{width:90%;}
		  .responsive-2:nth-child(even) div:nth-child(1) .inner{width:90%;}
		  
		  .responsive-2:nth-child(odd) div:nth-child(2){width:30%;}
		  .responsive-2:nth-child(even) div:nth-child(2){width:30%}

		  .responsive-2 div img{width:101%;}
/*
		  .home .responsive-2:nth-child(even)>div:nth-child(1){width:60%;}
		  .home .responsive-2:nth-child(even)>div:nth-child(2){width:40%;}

		  .home .responsive-2:nth-child(odd)>div:nth-child(1){width:60%;}
		  .home .responsive-2:nth-child(odd)>div:nth-child(2){width:40%;}
*/			
			/*HP*/
			.responsive-2.DC-2-col-row{position: relative;margin:0;}
			/*text*/
		   .responsive-2:nth-child(odd)>div:nth-child(1) {width: 70%;position: absolute;right: 0;background: white;padding: 8% 5% 5%;bottom: 4%;}
		   .responsive-2:nth-child(even)>div:nth-child(1) {width: 70%;position: absolute;left: 0;background: white;padding: 8% 5% 5%;bottom: 4%;}
		  	/*img*/
		   .responsive-2:nth-child(odd)>div:nth-child(2){width: 100%;    margin-bottom: -2px;}
		   .responsive-2:nth-child(even)>div:nth-child(2){width: 100%;    margin-bottom: -2px;}

	  }


/*Header*/
	#header{padding:20px 30px 10px;position: fixed; background: #171717; color:white;top: 0;left: 0;width: 100%; z-index: 99;}
	#container{margin-top: 100px}
    .logo{vertical-align: middle;display:inline-block;float: left; position: relative;z-index: 101;}
	.logo img{height: 60px;width: auto;vertical-align: middle;margin-right:5px}
	
	#menu{text-align:right; font-family: 'Playfair Display', serif; font-size: 1.125em;}
	#menu ul{text-align: right}
	#menu ul li{display:inline-block;line-height: 24px;font-size:1em;}
	#menu ul li a{display: block;padding:.5em .5em;}
	#menu a:hover{color:#52b5ae;}
	/*drop down*/
	#menu {position:relative;z-index:100}
	#menu .menu-item-has-children{position:relative}
	#menu .sub-menu{position:absolute;left:-0.5em;top:2.3em; width:14em;display:none;padding:1em 0}
		.zh-hant #menu .sub-menu{width:10em;}
	#menu .sub-menu li{width:100%}
	#menu .sub-menu a{padding:1em;display:block;background:#171717;width: 100%;text-align:left; font-size: 1em}
	#menu .sub-menu a:hover{color:#52b5ae}
	







	/*#menu .menu-item-has-children a:hover + .sub-menu,#menu .menu-item-has-children:hover .sub-menu{display:block}*/
	#menu .menu-item-has-children> a:hover,#menu .menu-item-has-children:hover >a{color:#52b5ae}
	#menu .sub-menu.active{display: block;}







	#menu .sub-menu:hover{display:block}
	#menu span.search{display: block}
	.mobile-search-form,.mobile-language-selection{display: none}

		@media only screen and (max-width: 1024px){
			/*Header / menu*/
			.mobile-language-selection{display: block;font-family: 'Lato',sans-serif;text-align: center;}
			.mobile-language-selection .language-selection{margin-right:0;font-weight: bold;}
			#menu span.search{display: none}

			#container{margin-top: 86px}
				.anchor-point{top: -86px;}

			#header{padding:1em 0!important}
			#menu{width:100%}
			#menu-top-navigation,#menu-top-navigation-cn {padding-top:5em;padding-bottom:2em}
			#menu-top-navigation li,#menu-top-navigation-cn li{width:100%;display:block;text-align:center;padding:1em;}
			#menu-top-navigation li a,#menu-top-navigation-cn li a{font-size:1.5em}
			#menu form{width:250px; margin: 0 auto; display: block;}
			#menu span.search-input{outline:none;border-bottom:1px solid white;width:200px; margin-right:40px;-webkit-transition-delay: .0s; /* Safari */transition-delay: .0s;}
			    .logo{padding:0.2em 0 0 1em;}
			    .logo img{height:50px;}
			    		/*sub menu*/
				#menu .menu-item-has-children a + .sub-menu{width:100%;position: relative;position: relative;margin: 0 0 2em -5%;width: 110%;background: #1f1f1f;}
				#menu .menu-item-has-children a + .sub-menu li:nth-child(1) a{}
				#menu .menu-item-has-children a + .sub-menu li{padding:0;}
				#menu .menu-item-has-children a + .sub-menu a{text-align:center; }
				#menu .menu-item-has-children> a:hover,#menu .menu-item-has-children:hover >a{color:#ffffff}
			.burger__button{display: block}
			#menu{ 
				-webkit-transition: all .25s ease;transition: all .25s ease;
				position: absolute;display: block;top: -1100px;padding-bottom: 10em;height: 100vh;
			}
			.open #menu{top: 66px;overflow: auto;z-index: 5;background: #171717;}
			.menu-top-navigation-container,.menu-top-navigation-cn-container{width:100%;}
			span.search{    position: absolute;width: 250px;top: 20px;text-align: center;bottom: 0}
				span.search .disclaimer{display:none}
				#menu span.search span{display: inline-block;line-height: 24px;font-size: 1em; width: 100%;display: block;text-align: center;text-transform: uppercase;padding: 1em;}
				#menu span.search form{display: none}
				#menu .mobile-search-form{  display: block;  position: absolute;width: 250px;top: 20px;left: 50%;margin-left: -115px;}
				#menu .sub-menu{margin-top:-20px;}
				#menu .sub-menu a{color:#52b5ae;background: inherit;font-size:1.2em;}
			
			/*Hiding website content when menu is opened in order to fix IOS top UI issue which shows the website behind the menu when scrolling down*/	
			html{background: #171717} /*Same colour as menu*/
			#container{background: white}
			#container,#footer{-webkit-transition: all 1s ease; transition: all 1s ease;}
			body.open #container,body.open #footer{opacity:0;}
				
		}
		@media only screen and (max-width: 767px){
			.logo img{height:50px;height: 30px;margin: 5px 10px;}
			#container{margin-top: 65px}
				.anchor-point{top: -65px;}
			
		}


/*Footer*/
	#footer{background: #171717}
	#footer .flex-child-2-3{-webkit-column-count: 2; -moz-column-count: 2; column-count: 2}
	#footer .wrapper {max-width:1030px; color:white;padding:100px 0;margin:0 auto;font-weight: 400;font-size: .9em;}
	#footer .wrapper li{display:block; margin:.4em 20px .4em 0}
	#footer #copyright{border-top:1px solid #52b5ae;padding:30px 0 0;margin-top:40px;}
	#footer #copyright img{vertical-align:middle;margin-right:30px;}
	
	#footer a:hover{color:#52b5ae;}
	#footer .disclaimer{margin:.4em 20px .4em 0;display: block}
	#footer .language-selection{margin-right:0;margin:.4em 20px .4em 0;display: block}
	#footer .text-align-right a{margin-right:0}
	#footer .text-align-right span{margin-right:0}
	@media screen and (min-width: 768px)
	{
		#footer .mini-logo.desktop-only{display: inline-block;}
	}

	@media screen and (min-width: 768px) and (max-width: 1065px) {
		#footer{padding-left:15px;padding-right:15px}
	}
	
	@media screen and (max-width: 767px) {
		#footer .wrapper{padding-bottom:35px;padding-top:35px}
		#footer .wrapper li{display:block; text-align:center; margin:0}
		#footer .wrapper li a{padding:.5em;margin:.5em 0; display:block; font-size:1.2em}
		#footer .flex-child-2-3{-webkit-column-count: 1; -moz-column-count: 1; column-count: 1}
		.mini-logo.mobile-only{ margin:1em auto ;}
		#footer #copyright{text-align: center; text-transform: uppercase;    padding: 22px 0 0;margin: 22px;font-size: 0.9em;}
		#footer #copyright img{margin-right:10px;}
		#footer .flex-child-1-3{text-align:center;font-size:1.2em;margin-top:0;}
		#footer .flex-child-2-3{margin-bottom:0;}
		#footer .flex-child-1-3 .disclaimer, #footer .flex-child-1-3 .language-selection{display: block;padding: .5em;margin: .5em 0;}
	}

/*Content wrapper*/

	


/*DC Modules*/
	
	/*Data table*/
		.data-table {background: #171717;padding: 80px 0;color: white;}
		.data-table .table-header{ margin-bottom: 60px;}
		.data-table .table-header h2{display: block;margin:0;}
		.data-table .view-all{float:right;text-transform: uppercase; line-height: 2.4em;}
		.data-table h4{display: none}
		.data-table .date,.data-table .title,.data-table .download-link{border-top:1px solid #555555;min-height: 120px;padding:20px;display: inline-block;vertical-align: top}
		.data-table .date{width:12%;font-weight: bold;}
		.data-table .title{width:67%; margin:0 5%; line-height: 1.5em;font-family: 'Playfair Display', serif}
		.data-table .title span{display:block;text-transform:uppercase; font-family: 'Lato', sans-serif;font-size: 0.7em;}
		.data-table .title span:after{content:' /'}
		.data-table .download-link{width:10%; text-transform: uppercase; font-size: 0.7em; line-height: 7em; text-align: center;-webkit-transition: all .5s ease; transition: all .5s ease;}
		.data-table .download-link:hover{background:#1e1e1e}
			.data-table-press .download-link:hover{background:#e8e8e8}
			.data-table-report{background: #f7f7f7; padding:80px 0;}
			
		@media screen and (max-width: 1120px) {
		.data-table .date, .data-table .download-link{padding:20px 0;}
		}

		@media screen and (max-width: 767px) {
			.data-table {padding: 0;}
			.data-table .table-header{margin-bottom: 1em;}
			.data-table .table-header h2{padding: 1em 0 1em 10px}
			.data-table .date,.data-table .title,.data-table .download-link{border:none;min-height:0;}
			.data-table .title{min-height:80px;}
			.data-table li {border:1px solid #555555;border-top:0;border-left:0; border-right:0 }
			.data-table li>span{background:#171717;}
			.data-table .download-link{text-indent: -999999px; width:20%;background-size: 50%}
			.data-table .download-link img{margin:0 auto; display:block;}
			.data-table ul{ ;border-top:1px solid #555555; }
			.data-table ul{background:#1e1e1e}
				
				.data-table .title,.data-table .date {width:80%;margin:0;font-family: 'Lato', sans-serif;padding:10px;}
				.data-table .date{font-size: 0.7em;text-align: left;padding-bottom: 0;}
				.data-table .view-all{float:none; text-align:center; padding:2em 0 }

				.data-table-filtered-data-list {}
			}

	/*Filtered data tables*/
		.data-table-filtered .data-table-ul{display: none}
		.data-table-filtered .data-table-ul.active{display: block}
			/*nav*/
			.nav-year-wrapper{position:relative;margin:-1em 0 3em; overflow: hidden}
			.nav-years{position:absolute;left:0;width:3000px;overflow: auto;margin: 0;position:relative;-webkit-transition: all 200ms ease;transition:all 200ms ease;}
			.year-bt {position:absolute;top:0; height:100%; width:3em; text-align:center; background:#171717; line-height:2em;z-index: 9}
			.data-table-press .year-bt {background: #f7f7f7}
			.year-prev{left:-200px;} .year-prev.active{left:0;}
			.year-next{right:-200px;} .year-next.active{right:0;}
			.nav-years li{display:inline-block;}
			.nav-years li:after{content:"/";margin-right:.5em;margin-left:.5em}
			ul.nav-years,ul.nav-years>li{border:none; background:#171717 }
			.nav-years a{color:#555;font-family: 'Playfair Display', serif;font-size: 2em;padding: .1em 0;}
				@media screen and (max-width: 767px) {
					.nav-years a{border-bottom: 3px solid #171717;display: inline-block;padding-bottom: 0.3em;}
					.page .data-table{padding-bottom:40px;}
				}

			.nav-years a.active{color: #52b5ae;border-bottom: 3px solid #52b5ae;display: inline-block;padding-bottom: 0.3em;}
			.data-table-filtered-data-list{max-height: 30em; overflow: auto }
			/*layout*/
			.data-table-filtered .flex-child-1:nth-child(1){order:2}
			/*press releases table*/
					.data-table.data-table-press{background:#f7f7f7; color: #000000;}



	/*financial report tables*/
	.data-table-report {text-align: center}
	.data-table-report h2{text-align: left}
	.data-table-report ul{font-family: 'Playfair Display', serif;}
	.data-table-report li{display:inline-block;width: 46%;margin: 0 1%;}
	.data-table-report h4{color: #000;font-size: 2em;padding: 1em 0;border-top: 1px solid #555555;}
	.data-table-report img{display: block; width:100%; }
	.data-table-report span{display: block; padding:1em 0; }
	.data-table-report .bt-main{}

	.data-table-report .archives{width: 100%; background: #f7f7f7;    z-index: 9;position: relative;}
	.data-table-report .tickbox-switch:checked + .tickbox-reveal{margin-top:-5em;}
	.data-table-report .tickbox-reveal:before{content:''}.data-table-report .tickbox-switch:checked + .tickbox-reveal:before{content:''}




		@media screen and (max-width: 767px) {
		.data-table-report .flex-child-4-space{width:100%; margin:0 0 1em ;}
		.data-table-report li{display:inline-block;width: 48%;margin: 0 .7%;}
		.data-table-report img{width:80%; margin:0 auto;}
		}


	/*DC 2 col Flex*/
		/*switch position ever other row*/
		.DC-2-col-row{margin-bottom:-2px;}
		.home .DC-2-col-row:nth-child(odd) div:nth-child(1){order:2}
		.DC-2-col-row .flex-child-1-2{overflow: hidden}
		.DC-2-col-row .inner{width:90%;max-width:510px; margin: 0 auto;}
		.DC-2-col-row h2{margin:0.2em 0;}
		.DC-2-col-row p{margin:2em 0 1em; line-height: 1.8em;}
		.DC-2-col-row img{width:101%;}
		.DC-2-col-category-link{color:#52b5ae;display: block; font-size: 14px;text-transform: uppercase;font-weight: bold;}
		.DC-2-col-category-link:after{content:' /';}
		
			@media screen and (max-width: 767px) {
				.DC-2-col-row p{margin:1.8em 0 .9em;}
			}
			@media screen and (min-width: 768px) and (max-width: 800px){
				.DC-2-col-row p{line-height: 1.5em;}
			}


	/*Basic modules*/
	.basic-block-1{padding: 80px 80px 80px 0;max-width:720px;}
	.basic-block-1 p{margin-bottom:1em; font-family: 'Playfair Display', serif;line-height: 1.5em}
	@media screen and (max-width: 767px) {
		.basic-block-1{padding: 80px 15px;}
	}


/*HP*/


		.home #content .sk-folding-cube{position: absolute;top: 230px;left: 50%;margin-left: -28px;}
		.home .DC-slideshow h1,.home .DC-slideshow h2{font-size:1.5em;line-height: 1.3em; min-height: 46px}
		.home .DC-2-col-row h2{padding:0;font-size:1.5em;}
		.home .DC-2-col-row{    margin-bottom: -4px;}
		.home .data-table .table-header h2{display: inline-block;}
		.data-table .table-header h2{padding-top:0;}
		.home .DC-slideshow{margin-top: -1px; margin-bottom:-1px;}

		@media screen and (max-width: 1220px) {
			.home .DC-2-col-row .flex-child-1-2{font-size: 0.8em;}
			.home .DC-2-col-row{margin-bottom:-5px;}
		}
		@media screen and (max-width: 767px) {
			.home #content .sk-folding-cube{top: 90px;}
    		.home .responsive-2 div img{width:200%;}
    		.data-table .table-header h2{padding-top:3em;padding-bottom: 2em;}
    		.home .DC-2-col-row .flex-child-1-2{font-size: 1em;}
    		.home .data-table .max-width{padding:0;}
    		.max-width-full-on-mobile .table-header h2, .max-width-full-on-mobile .nav-years{padding-left:0;padding-right:0}
    	}
	/*Pages*/
		/*common styles*/
		.max-width, .max-width-full-on-mobile{margin:0 auto;max-width:1400px;padding:0 5%;}

		@media screen and (min-width: 1420px) {
			.max-width, .max-width-full-on-mobile{padding:0;}
		}
		
		
		

		.default-header-style{background-repeat: no-repeat;background-position: center center;
    	-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}
    	.page-header-banner {padding:4em; margin:6em auto;background: white; max-width: 750px;position:relative;}
    	.page-header-banner span{position: absolute;bottom:.4em;right:.8em;font-size: .9em; font-style:italic}

    	.single h2, .single h3, .single h4, .page h2, .page h3, .page h4{font-size: 1.9em}
    	
    	@media screen and (max-width: 1400px) {
			.page-header-banner {padding:3em; max-width: 90%;}
			
		.single h2, .single h3, .single h4, .page h2, .page h3, .page h4{font-size: 1.6em}
		.single h2,.page h2{font-size: 1.75em}
    	}
    	@media screen and (max-width: 767px) {
    		.max-width{padding:0 5%;}
		}
    	.page-header-banner h1{padding-top:0;}
    	.page-header-banner p{line-height: 1.5em; /*IE*/ max-width:100%;}
    /*The Company*/
    	.page-id-284 .flex-child-1-3-space{ margin-left: 0}
    	.page-id-284 .flex-child-2-3-space{ width: calc(66.666% - 120px);margin: 30px 30px 30px 90px;}
    	.page-id-284 h2,.page-id-284 h3,.page-id-284 h4{font-family: 'Playfair Display', serif;}
    	.page-id-284 h2{padding:2.5em 0 1.5em}
    	.page-id-284 .mng_and_committees h4,.page-id-284 .mng_and_committees h3{padding-top:1em;border-top:1px solid #000000;}
    	.page-id-284 .employees span{color: #52b5ae; font-family: 'Lato', sans-serif; text-transform: uppercase;font-weight: bold; margin-top: 1.2em; display: inline-block; margin-bottom: 0.5em;}
		.page-id-284 .employees p{margin:1em 0 3em;}
			.page-id-284 .employees p.tickbox-reveal{margin:1em 0 1em}
			.tickbox-switch:checked + p.tickbox-reveal{margin:1em 0 3em}
		.board-committees .employees{padding-top: 2em;}
		.page-id-284 .board-committees h5{display:inline-block; text-transform:uppercase;font-weight:bold;line-height:2em}
		.page-id-284 .board-committees span{display:inline-block;margin:0}
		.page-id-284 .board-committees .employees h4{margin-top: 2.1em;margin-bottom: .8em;font-size: 1.6em;padding-top: 1.4em;border-top: 1px solid #555555}
		.page-id-284 .board-committees .employees h4:nth-child(1){margin-top:0; margin-bottom: 0.6em; padding-top:0; border:none; line-height: 1.5em;}
		@media only screen and (max-width: 1400px){
				.board-committees .employees{padding-top: 1.4em;}
			}
		    @media only screen and (max-width: 767px){
				.page-id-284 .flex-child-2-3-space{width:100%; margin:1em 0;}
				.page-id-284 .mng_and_committees h3{border:none;}
	  		}

	
	/*Property development*/
	.post-type-archive-property_development h2{padding: .5em 0;}
	.post-type-archive-property_development .bt-main{margin-top:1.4em;}
	.onpage-disclaimer-section{background:#212121;padding:2em 0; font-size:.8em;color: white}
	.onpage-disclaimer{max-width:1060px;padding:0 15px;margin:0 auto;
		/*-webkit-column-count: 2;    -moz-column-count: 2;column-count: 2;-webkit-column-gap: 5em; -moz-column-gap: 5em; column-gap: 5em;*/
    text-align: justify;}
	.onpage-disclaimer-section p{margin-bottom:1em;}
	.onpage-disclaimer-section p:last-child{margin-bottom:0em;}
	    
	    @media only screen and (min-width: 1401px){
	    .post-type-archive-property_development #content li{width: calc(33.333% - 20px);margin: 30px 10px;}
		}
		@media only screen and (min-width: 768px) and (max-width: 1400px){
		.post-type-archive-property_development #content li{width: calc(33.333% - 10px);margin: 30px 5px;}
		.post-type-archive-property_development h2{font-size:1.4em;}
		.post-type-archive-property_development .bt-main{font-size:0.7em;}
		}
/*		@media only screen and (max-width: 1024px){
		.onpage-disclaimer{-webkit-column-count: 1;-moz-column-count: 1;column-count: 1;}
		}*/

	/*single property development*/
		.single-property_development h1{padding-bottom:0;text-align: left}
		.single-property_development .DC-2-col{background: #f7f7f7}
		.property-details .address{font-weight: bold; font-size:1.2em; text-transform: uppercase;}
		.property-details .address a{display: block;text-transform: capitalize;}
		.property-details .property-description{font-family: 'Playfair Display', serif;font-size: 1.4em;}
		.property-info img{max-width:184px;}
		.property-info span{display: block; line-height: 1.5em}
		.property-info .key-info{padding:3.2em 0 2em; margin:2em 0;border-top: 1px solid #555555;border-bottom: 1px solid #555555}
		.sub-header{color:#52b5ae;display: block; font-size: 14px;text-transform: uppercase;font-weight: bold;}
		.sub-info{margin-bottom:1em;font-family: 'Playfair Display', serif;font-size: 1.6em;}
		.property-info .contact-info{margin:3.2em 0 1.5em;}
		.property-info .contact-info .sub-info{margin-bottom:0em;}
		#map{height:30em}
	/*Property management services*/
		.property-mng-list{margin-top:4em;margin-bottom:4em}
		.property-mng-list h2{line-height:1.2em;}
		.property-mng-details{border-top: 1px solid #555555;}
		.property-mng-details p{margin:3em 0 0;}
		.property-mng-title{margin-top:3.6em;}
			@media only screen and (min-width: 768px){
				.property-info .property-logo{min-height: 100px}
			}
			@media only screen and (max-width: 767px){
				.property-mng-list{margin-top:2em}
				.property-mng-list li:last-child{padding-bottom:6em}
			}
	/* single property investment*/
		.investment-type { border-top: 1px solid #555555;}
		.investment-type:nth-child(1){margin-top:4em}
		.investment-type h2{padding-top:0;}
		.investment-type li{margin:1.2em 0;}
		.investment-type .DC-slideshow-copy{text-align:left;padding-top:10px;}
		

	/*Investor relations*/
		.corporate-governance_download ul{width: 100%;}
		.corporate-governance_download li{float: left; width: 50%; height:80px;}
		.corporate-governance_download a{display: block;padding:1.7em 0;font-family: 'Playfair Display', serif;text-transform: lowercase;position: relative;padding-right: 30px}
		.corporate-governance_download a:first-letter{text-transform: uppercase;}
		/*.corporate-governance_download a:before{content: '';background: url(https://www.digitalcandy.agency//easyknit-dev/wp-content/themes/blankslate/img/down-arrow.svg) no-repeat center center;position: absolute;top: 0;right: 0;height: 22px;width: 22px;display: block;background-size: 22px;margin: 1.7em 0 0 0;}*/
		.data-table-press ul.nav-years>li,.data-table-press ul.nav-years,.data-table-press .data-table-ul, .data-table-press .date,.data-table-press .title,data-table-press li>span{background: #f7f7f7}
		.data-table-press .nav-years a{border-bottom:3px solid #f7f7f7;}
		.data-table-press .nav-years a.active{border-bottom:3px solid #52b5ae}
		.corporate-governance-and-download-section .white-block{margin-bottom: 80px;}
		.corporate-governance_download{ height: 88%;overflow: auto;position: relative; overflow: visible}
		.corporate-governance_download ul{position: absolute;padding-bottom: 0;}
		.corporate-governance,.corporate-governance_download{width:90%;}
		.corporate-governance-and-download-section .DC-2-col-row .inner{width:100%;}
		.corporate-governance-and-download-section .DC-2-col-row .inner{max-width:580px;}
			.corporate-governance-and-download-section .DC-2-col-row h2{max-width:580px;margin:0 auto}

		@media only screen and (min-width: 1023px){
			.zh-hant .corporate-governance-and-download-section div div:nth-child(1).top-bot-padding {padding-bottom: 220px;}
		}
			

			/*financial table*/
				.financial-highlight{background: #f7f7f7; padding:3em 0 4em}
				.financial-highlight h2{padding-bottom:2em;}
				.financial-highlight-table th,.financial-highlight-table td{padding:1em; text-align:left;  height:52px;}
				.financial-highlight-table th:first-child,.financial-highlight-table td:first-child{max-width:200px;}
				.financial-highlight-table th{font-weight: bold}
				.financial-highlight-table th:first-child{color:#52b5ae;}
				.financial-highlight-table tr:last-child{font-weight: bold}
				.financial-highlight-table tr:last-child td:first-child{font-weight: 100}
					.financial-highlight-table tr:nth-child(even){background:#ffffff}


	

		@media only screen and (max-width: 1400px){
			.corporate-governance-and-download-section .DC-2-col-row .inner{max-width:100%;}
			.corporate-governance-and-download-section .DC-2-col-row h2{margin:0 auto; }
		}
		@media only screen and (max-width: 767px){
			.corporate-governance-and-download-section .DC-2-col-row .inner{max-width:90%;}
			.corporate-governance-and-download-section .DC-2-col-row h2{max-width:100%;padding:0 5% 1em;}
			.corporate-governance-and-download-section .DC-2-col-row .flex-child-1-2{width: 100%}
			.corporate-governance-and-download-section .white-block{margin-bottom: 0}
			.corporate-governance_download{height: 500px; overflow:auto;}

		}

	/*CSR*/
		.page-id-862 .header{position: relative;}
		.csr-main-logo{display: block;margin: 0 auto 4em;padding-top: 5em;height: auto;}
		.header-banner-corner-img{position: absolute;z-index:-1;}
		.header-banner-corner-img-right.header-banner-corner-img{z-index:0;}
		.header-banner-corner-img-right{top:0 ;right:0;}
		.header-banner-corner-img-left{bottom:0 ;left:0; -ms-transform: rotate(180deg);-webkit-transform: rotate(180deg);transform: rotate(180deg);-o-transform: rotate(180deg);}
		.csr-content{text-align: center;    padding-bottom: 8em;padding:0 15px;}
		.csr-content p{max-width: 680px; margin:1em auto;}
		.we-support{max-width: 680px; margin:4em auto 0em;}

		.we-support a{margin:1em 1em 2em;display: inline-block;vertical-align: middle;}

		@media only screen and (max-width: 1024px){
			.csr-main-logo{max-width:155px;margin-bottom: 1em;}
			.header-banner-corner-img{width:20%;z-index:0;}
			.header-banner-corner-img-right.header-banner-corner-img{z-index:0;}
			.we-support{padding-bottom:4em;}
			.we-support a{width:23%;margin:1em 4% 2em;}
			.we-support img{max-width: 100%}
		}

	/*Contact Us*/
		.page-id-102 #content{background: #f7f7f7;padding:2em 0 6em;}
		.page-id-102 h2{padding-bottom:0;}

	/*Search page*/
		body.search #content{min-height:60vh;background:#f7f7f7;padding:2em 0 6em;}
	/*Disclaimer page*/
		.page-id-328 #content{min-height:60vh;background:#f7f7f7;padding:2em 0 6em;}
	/*404*/
		.error404 #content{min-height:60vh;background:#f7f7f7;padding:2em 0 6em;}

/*third party*/
		/*Slider*/
		.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}
		.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}
		.slick-list:focus{outline:none}
		.slick-list.dragging{cursor:pointer;cursor:hand}
		.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
		.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}
		.slick-track:before,.slick-track:after{display:table;content:''}
		.slick-track:after{clear:both}
		.slick-loading .slick-track{visibility:hidden}
		.slick-slide{display:none;float:left;height:100%;min-height:1px}
		[dir='rtl'] .slick-slide{float:right}
		.slick-slide img{display:block; }
		.slick-slide.slick-loading img{display:none}
		.slick-slide.dragging img{pointer-events:none}
		.slick-initialized .slick-slide{display:block}
		.slick-loading .slick-slide{visibility:hidden}
		.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}
		.slick-arrow.slick-hidden{display:none}
				/*Custom for this theme*/
				.slide:focus{outline:none}
				
				.home .slide{width:100%;height: auto;display: block;}

				.slide picture,.slide img{ width:100%;display: block;}
				
				.DC-slideshow-copy {text-align: center; padding:20px 45px 5px; background: white; position: relative;}

				.DC-slideshow-copy.fixed-position {position:fixed;bottom:0;}
				.DC-slideshow h2,.DC-slideshow h1{padding:0;}
				
				.arrow-left,.arrow-right {position:absolute;bottom:40px;z-index:9;    bottom: 53px;opacity: 0;}
				@media only screen and (max-width: 767px){
					.arrow-left,.arrow-right {bottom: 40px;}
				}
				
					.arrow-left{transform: rotate(135deg);-webkit-transform: rotate(135deg);-ms-transform: rotate(135deg);-o-transform: rotate(135deg);left:20px;}
					.arrow-right{transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);right:20px;}
					.arrow-up{position: absolute;transform: rotate(0deg);-webkit-transform: rotate(225deg);-ms-transform: rotate(225deg);-o-transform: rotate(225deg);right: 10px;border-color: white;padding: 8px;top: 17px;}
					i{border: solid black; border-width: 0 1px 1px 0; display:inline-block; padding: 15px;}
				
				/*.DC-slideshow:before{content:'';background:#fff; position:absolute;bottom:.1em;left:0;width:3em;height:8em;z-index:6}
				.DC-slideshow:after{content:'';background:#fff; position:absolute;bottom:.1em;right:0;width:3em;height:8em;z-index:6}*/

				.DC-Slideshow-Multiple-image-view{}
				.DC-Slideshow-Multiple-image-view .slide{ width:49%;display: block; height:auto;}
				.DC-Slideshow-Multiple-image-view .slide img{ width:100%;display: block; height:auto;}
				/*.DC-slideshow-in-sync .slide img{ width:100%;display: block; height:auto;}*/
				.DC-slideshow-in-sync .slide{width:100%}
				@media only screen and (max-width: 767px){
				.DC-Slideshow-Multiple-image-view .slide{ width:90%;}
			}
		
		.DC-slideshow {opacity: 0;visibility: hidden;transition: opacity 1s ease;-webkit-transition: opacity 1s ease;}
		.DC-slideshow.flickity-enabled,.DC-slideshow.slick-initialized {visibility: visible;   opacity: 1;    background: white}





/*Contact form*/
div.wpcf7 {margin: 0;padding: 0;}div.wpcf7-response-output {margin: 2em 0.5em 1em;padding: 0.2em 1em;}
div.wpcf7 .screen-reader-response {position: absolute;overflow: hidden;clip: rect(1px, 1px, 1px, 1px);height: 1px;width: 1px;margin: 0;padding: 0;border: 0;}
div.wpcf7-mail-sent-ok {background: #51b5af;color: white;font-weight: bold;padding: 1em;margin: 0;}
div.wpcf7-mail-sent-ng {border: 2px solid #ff0000;}
div.wpcf7-spam-blocked {border: 2px solid #ffa500;}
div.wpcf7-validation-errors {border: 2px solid #ec1e25;}
.wpcf7-form-control-wrap {position: relative;}
span.wpcf7-not-valid-tip {color: #f00;font-size: 0.7em;font-weight: normal;display: block;text-align: right;}
.use-floating-validation-tip span.wpcf7-not-valid-tip {position: absolute;top: 20%;left: 20%;z-index: 100;border: 1px solid #ff0000;background: #fff;padding: .2em .8em;}
span.wpcf7-list-item {display: inline-block;margin: 0 0 0 1em;}span.wpcf7-list-item-label::before,span.wpcf7-list-item-label::after {content: " ";}.wpcf7-display-none {display: none;}
div.wpcf7 .ajax-loader {visibility: hidden;display: inline-block;background-image: url('../../images/ajax-loader.gif');width: 16px;height: 16px;border: none;padding: 0;margin: 0 0 0 4px;vertical-align: middle;}div.wpcf7 .ajax-loader.is-active {visibility: visible;}div.wpcf7 div.ajax-error {display: none;}div.wpcf7 .placeheld {color: #888;}div.wpcf7 .wpcf7-recaptcha iframe {margin-bottom: 0;}div.wpcf7 input[type="file"] {cursor: pointer;}div.wpcf7 input[type="file"]:disabled {cursor: default;}

		.wpcf7 input[type=text],.wpcf7 input[type=tel],.wpcf7 textarea, .wpcf7 label, .wpcf7 select, .wpcf7 input[type=email], .wpcf7 input[type=password], .wpcf7 input[type=file] {
			border: none;text-align: left;border-radius: 4px;padding: 1.5em 1em;font-size: .7em;color: #000000;line-height: 1em;height: 4.5em;display: block;background: #ffffff; width:100%;}
			.wpcf7 input[type=submit]{ font-size:1em;border-radius: 0;}
			.wpcf7 input[type=submit]:hover{cursor:pointer}
			.wpcf7 textarea{height:auto;}
			div.wpcf7-mail-sent-ok {background: #51b5af;color: white;font-weight: bold;padding: 1em;margin: 0;}
			div.wpcf7-validation-errors{background: #ec1e25;color: white;font-weight: bold;padding: 1em;margin: 0;}
			span.wpcf7-not-valid-tip{text-align: right; font-size:0.7em;    color: #ec1e25; }




	.mobile-only{display:none;}
	.desktop-only{display:block;}
	@media only screen and (max-width: 767px){
		.mobile-only{display:block!important;}
		.desktop-only{display:none;}
	}

/*CSS loading spinner*/
.sk-folding-cube{margin:20px auto;width:40px;height:40px;position:relative;-webkit-transform:rotateZ(45deg);transform:rotateZ(45deg); top:40%;}
.sk-folding-cube .sk-cube{float:left;width:50%;height:50%;position:relative;-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}
.sk-folding-cube .sk-cube:before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-color: #d40000;-webkit-animation:sk-foldCubeAngle 2.4s infinite linear both;animation:sk-foldCubeAngle 2.4s infinite linear both;-webkit-transform-origin:100% 100%;-ms-transform-origin:100% 100%;transform-origin:100% 100%}
.sk-folding-cube .sk-cube2{-webkit-transform:scale(1.1) rotateZ(90deg);transform:scale(1.1) rotateZ(90deg)}
.sk-folding-cube .sk-cube3{-webkit-transform:scale(1.1) rotateZ(180deg);transform:scale(1.1) rotateZ(180deg)}
.sk-folding-cube .sk-cube4{-webkit-transform:scale(1.1) rotateZ(270deg);transform:scale(1.1) rotateZ(270deg)}
.sk-folding-cube .sk-cube2:before{-webkit-animation-delay:.3s;animation-delay:.3s}
.sk-folding-cube .sk-cube3:before{-webkit-animation-delay:.6s;animation-delay:.6s}
.sk-folding-cube .sk-cube4:before{-webkit-animation-delay:.9s;animation-delay:.9s}
@-webkit-keyframes sk-foldCubeAngle {
0%,10%{-webkit-transform:perspective(140px) rotateX(-180deg);transform:perspective(140px) rotateX(-180deg);opacity:0}
25%,75%{-webkit-transform:perspective(140px) rotateX(0);transform:perspective(140px) rotateX(0);opacity:1}
100%,90%{-webkit-transform:perspective(140px) rotateY(180deg);transform:perspective(140px) rotateY(180deg);opacity:0}
}
@keyframes sk-foldCubeAngle {
0%,10%{-webkit-transform:perspective(140px) rotateX(-180deg);transform:perspective(140px) rotateX(-180deg);opacity:0}
25%,75%{-webkit-transform:perspective(140px) rotateX(0);transform:perspective(140px) rotateX(0);opacity:1}
100%,90%{-webkit-transform:perspective(140px) rotateY(180deg);transform:perspective(140px) rotateY(180deg);opacity:0}
}


/*! Flickity v2.0.10
http://flickity.metafizzy.co
---------------------------------------------- */
.flickity-enabled{position:relative}.flickity-enabled:focus{outline:0}.flickity-viewport{overflow:hidden;position:relative;height:100%}.flickity-slider{position:absolute;width:100%;height:100%}.flickity-enabled.is-draggable{-webkit-tap-highlight-color:transparent;tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.flickity-enabled.is-draggable .flickity-viewport{cursor:move;cursor:-webkit-grab;cursor:grab}.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down{cursor:-webkit-grabbing;cursor:grabbing}
.flickity-prev-next-button{position:absolute;bottom:22px;width:44px;height:44px;border:none;border-radius:50%;background:0;cursor:pointer;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.flickity-prev-next-button:focus{outline:0;box-shadow:0 0 0 5px #09f}.flickity-prev-next-button:active{opacity:.6}.flickity-prev-next-button.previous{left:10px}.flickity-prev-next-button.next{right:10px}.flickity-rtl .flickity-prev-next-button.previous{left:auto;right:10px}.flickity-rtl .flickity-prev-next-button.next{right:auto;left:10px}.flickity-prev-next-button:disabled{opacity:.3;cursor:auto}
.flickity-prev-next-button svg{position:absolute;    left: 0%;top: -20%;width: 100%;height: 100%;}.flickity-prev-next-button .arrow{fill:#333}.flickity-page-dots{position:absolute;width:100%;bottom:-25px;padding:0;margin:0;list-style:none;text-align:center;line-height:1}.flickity-rtl .flickity-page-dots{direction:rtl}.flickity-page-dots .dot{display:inline-block;width:10px;height:10px;margin:0 8px;background:#333;border-radius:50%;opacity:.25;cursor:pointer}.flickity-page-dots .dot.is-selected{opacity:1}


@media only screen and (max-width: 767px){
.flickity-prev-next-button svg{top: 0;}
}