/* 
	Table of Contents
	update on Tue Mar 01 2016 13:49:39 GMT+0200 (FLE Standard Time)

	     01. Reset ------------------------------------
	     02. Base -------------------------------------
	     03. Fonts ------------------------------------
	     04. Helpers ----------------------------------
	         Clear ------------------------------------
	         Notext -----------------------------------
	         Hidden -----------------------------------
	         Alignleft --------------------------------
	         Alignright -------------------------------
	         Disabled ---------------------------------
	         Grid -------------------------------------
	     05. Container --------------------------------
	     06. Content ----------------------------------
	     07. Footer -----------------------------------
	     08. Header -----------------------------------
	     09. Main -------------------------------------
	     10. Shell ------------------------------------
	     11. Sidebar ----------------------------------
	     12. Wrapper ----------------------------------
	     13. Accordion --------------------------------
	     14. article ----------------------------------
	     15. Blockquote -------------------------------
	     16. Button -----------------------------------
	         Button Block -----------------------------
	     17. categories -------------------------------
	     18. category ---------------------------------
	     19. Contacts ---------------------------------
	     20. Form Elements ----------------------------
	     21. Form -------------------------------------
	     22. Fullscreen -------------------------------
	     23. Intro ------------------------------------
	     24. List -------------------------------------
	     25. Logo -------------------------------------
	     26. Nav --------------------------------------
	     27. Nav Mobile -------------------------------
	     28. Partner ----------------------------------
	     29. .projects  -------------------------------
	     30. Projects Header --------------------------
	     31. Section Preview --------------------------
	     32. Section Project --------------------------
	     33. Section About  ---------------------------
	     34. Section Features -------------------------
	     35. Section Showreel -------------------------
	     36. Slider Projects --------------------------
	     37. Slider Related ---------------------------
	     38. Table ------------------------------------
	     39. Tile -------------------------------------
	     40. Widget -----------------------------------
 */

/* Edit - 2nd March 2016 - h5 size changed from 14pt to 12pt, h6 to 11pt. */

.ico-close { background: url(../css/images/sprite/ico-close.png) no-repeat 0 0; width: 25px; height: 25px; display: inline-block; vertical-align: middle; font-size: 0; background-size: 25px 25px;margin-right: 5px;}
.ico-grid { background: url(../css/images/sprite/ico-grid.png) no-repeat 0 0; width: 25px; height: 25px; display: inline-block; vertical-align: middle; font-size: 0; background-size: 25px 25px;top: 3px;position: relative;}
.ico-menu { background: url(../css/images/sprite/ico-menu.png) no-repeat 0 0; width: 25px; height: 26px; display: inline-block; vertical-align: middle; font-size: 0; background-size: 25px 25px;background-position: 0px 1px;}
.ico-slider-next { background: url(../css/images/sprite/ico-slider-next.png) no-repeat 0 0; width: 34px; height: 34px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-slider-prev { background: url(../css/images/sprite/ico-slider-prev.png) no-repeat 0 0; width: 34px; height: 34px; display: inline-block; vertical-align: middle; font-size: 0; }

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
	.ico-close { background: url(../css/images/sprite/ico-close@2x.png) no-repeat 0 0; width: 25px; height: 25px; background-size: 25px 25px; display: inline-block; vertical-align: middle; font-size: 0; }
	.ico-grid { background: url(../css/images/sprite/ico-grid@2x.png) no-repeat 0 0; width: 25px; height: 25px; background-size: 25px 25px; display: inline-block; vertical-align: middle; font-size: 0; top: 3px;position: relative;}
	.ico-menu { background: url(../css/images/sprite/ico-menu@2x.png) no-repeat 0 0; width: 25px; height: 25px; background-size: 25px 25px; display: inline-block; vertical-align: middle; font-size: 0; }
}

@font-face {
    font-family: 'Nato-Italic';
    src: url('fonts/Nato_400_italic_1451893971.eot');
    src: url('fonts/Nato_400_italic_1451893971.eot?#iefix') format('embedded-opentype'),
         url('fonts/Nato_400_italic_1451893971.woff') format('woff'),
         url('fonts/Nato_400_italic_1451893971.ttf') format('truetype'),
         url('fonts/Nato_400_italic_1451893971.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Nato-Normal';
    src: url('fonts/Nato_400_normal_1451893971.eot');
    src: url('fonts/Nato_400_normal_1451893971.eot?#iefix') format('embedded-opentype'),
         url('fonts/Nato_400_normal_1451893971.woff') format('woff'),
         url('fonts/Nato_400_normal_1451893971.ttf') format('truetype'),
         url('fonts/Nato_400_normal_1451893971.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}


/* ------------------------------------------------------------ *\
	Reset
\* ------------------------------------------------------------ */

*,
*:before,
*:after { padding: 0; margin: 0; outline: 0; box-sizing: border-box; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, main { display: block; }

html,
body { height: 100%; }

html { tap-highlight-color: rgba(0,0,0,0); }

body { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; -webkit-text-size-adjust: none; -ms-text-size-adjust: none; text-size-adjust: none; }

img, iframe, video, audio, object { max-width: 100%; }
img, iframe { border: 0 none; }
img { height: auto; display: inline-block; vertical-align: middle; }

b,
strong { font-weight: bold; }

address { font-style: normal; }

svg:not(:root) { overflow: hidden; }

a,
button,
input[type="submit"],
input[type="button"],
input[type="reset"],
input[type="file"],
input[type="image"],
label[for] { cursor: pointer; }

a[href^="tel"],
button[disabled],
input[disabled],
textarea[disabled],
select[disabled] { cursor: default; }

button::-moz-focus-inner,
input::-moz-focus-inner { padding: 0; border: 0; }

input[type="text"],
input[type="password"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="month"],
input[type="week"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
input[type="color"],
textarea,
a[href^="tel"] { -webkit-appearance: none; -moz-appearance: none; appearance: none; }

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button { display: none; -webkit-appearance: none; }

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

textarea { overflow: auto; resize: none; -webkit-overflow-scrolling: touch; overflow-scrolling: touch; }

button,
input,
optgroup,
select,
textarea { font-family: inherit; font-size: inherit; color: inherit; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; }

button,
select { text-transform: none; }

table { width: 100%; border-collapse: collapse; border-spacing: 0; }

nav ul,
nav ol { list-style: none outside none; }
/* ------------------------------------------------------------ *\
	Base
\* ------------------------------------------------------------ */

body { min-width: 320px; background: #e5e5e5; font-family: 'Noto Sans', 'Helvetica', sans-serif; font-size: 14px; line-height: 1.3; color: #000; }

a { color: inherit; text-decoration: underline; }
a:hover { text-decoration: none; }

a[href^="tel"] { text-decoration: none; }

h1 { font-size: 30px; }
h2 { font-size: 24px; }
h3 { font-size: 20px; }
h4 { font-size: 16px; }
h5 { font-size: 12px; }
h6 { font-size: 11px; }

h1,
h2,
h3,
h4,
h5,
h6 { margin-bottom: 0.65em; }

p,
ul,
ol,
dl,
table,
blockquote { margin-bottom: 1.3em; }

h1[class],
h2[class],
h3[class],
h4[class],
h5[class],
h6[class],
h1:last-child,
h2:last-child,
h3:last-child,
h4:last-child,
h5:last-child,
h6:last-child,
p:last-child,
ul:last-child,
ol:last-child,
dl:last-child,
table:last-child,
blockquote:last-child { margin-bottom: 0; }
/* ------------------------------------------------------------ *\
	Fonts
\* ------------------------------------------------------------ *//* ------------------------------------------------------------ *\
	Helpers
\* ------------------------------------------------------------ */

/*  Clear  */
.projects-header:after,
.row:after,
.clear:after { content: ''; line-height: 0; display: table; clear: both; }


/*  Notext  */

.notext { white-space: nowrap; text-indent: 100%; text-shadow: none; overflow: hidden; }
.notext-old { font-size: 0; line-height: 0; text-indent: -4000px; }


/*  Hidden  */

[hidden],
.hidden { display: none; }


/*  Alignleft  */

.alignleft { float: left; }


/*  Alignright  */

.alignright { float: right; }


/*  Disabled  */

[disabled],
.disabled { cursor: default; }

/* Grid */

.row { margin: 0 -15px; }
.col { float:left; padding:0 15px; }
.col.col-1of2 { width:50%; }
.col.col-1of3 { width:33.3%; }

@media (max-width: 767px) {
	.row { margin: 0; }
	.col { float:none; padding: 0; }
	.col.col-1of2 {width: auto; }
	.col.col-1of3 {width: auto; }
}/* ------------------------------------------------------------ *\
	Container
\* ------------------------------------------------------------ */

.container { padding:30px 0; }
.container.container-secondary { background:#e8e8e8; }/* ------------------------------------------------------------ *\
	Content
\* ------------------------------------------------------------ */

.content {}
/* ------------------------------------------------------------ *\
	Footer
\* ------------------------------------------------------------ */
.footer {background: #000;}
.footer .footer-body { background:#b1b1b1; }
.footer .footer-body h3 { color: #fff; font-size:18px; font-style: italic; font-family: 'Montserrat', sans-serif; font-weight: 400; }
.footer .footer-body .accordion-head h3{background: url(images/credits-arrow.png) no-repeat right top;background-size: 24px;}
.footer .footer-cols { overflow: hidden; display: table; width:100%; }
.footer .footer-col { display: table-cell; vertical-align: top; }
.footer .footer-col +.footer-col { width:300px; }
.footer .copyright { float: left;margin-left: 75px;background:#000; font-size:12px; text-transform: uppercase; font-family: 'Montserrat', sans-serif; padding:30px 0; color: #fff; font-style: italic;  }
.footer.home .copyright{margin-left:75px;float: left;}
.footer .socialShare{float: right;margin-right:75px; }
.footer .socialShare ul li{display: inline-block;line-height: 75px;}

@media (max-width: 500px) {
	.footer .socialShare { width: 100%;text-align: center;margin-right:0px;}
}

/* ------------------------------------------------------------ *\
	Header
\* ------------------------------------------------------------ */

.header { position: relative; padding:23px 0; background:#fff; }
.header .btn-menu { display: inline-block; position: absolute; top:50%; right:0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); display:none; }

@media (max-width: 1023px) {
	.header .btn-menu { right:20px; }
}

@media (max-width: 767px) {
	.header { padding:20px 0; }
	.header .btn-menu { top:50%; margin-top:0; display:block; }
}
/* ------------------------------------------------------------ *\
	Main
\* ------------------------------------------------------------ */

.main {}
/* ------------------------------------------------------------ *\
	Shell
\* ------------------------------------------------------------ */

.shell { max-width: 950px; margin: auto; position: relative; }
.shell-outer { max-width: 1100px; margin: auto; background:#fff;
	box-shadow:         0px 0px 30px 0px rgba(0, 0, 0, 0.3);
}

@media (max-width: 1023px) {
	.shell { padding:0 10px; }
}

@media (max-width: 767px) {
	.shell { padding:0 20px; }
}
/* ------------------------------------------------------------ *\
	Sidebar
\* ------------------------------------------------------------ */

.sidebar {}
/* ------------------------------------------------------------ *\
	Wrapper
\* ------------------------------------------------------------ */

.wrapper { transition: all .3s; position: relative; left:0; overflow: hidden; }
/* ------------------------------------------------------------ *\
	Accordion
\* ------------------------------------------------------------ */

.accordion .accordion-head { padding:10px 0; position: relative; cursor: pointer; }

.accordion .accordion-body { position: relative; overflow: hidden; }
.accordion .accordion-content { position: relative; padding:20px 0; }

.accordion-body { /*height: 0;*/ display: none; padding-top:45px; }
footer .accordion-body{padding-top: 0px !important;}
.accordion-expanded .accordion-body { padding-top:0; height: auto; }
.accordion-expanded .accordion-head h3:after { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }

.accordion .accordionteam-head { padding:0px 0 !important; position: relative; cursor: pointer; }
.accordion .accordionteam-head h3 { text-align: right !important; }
.accordion .accordionteam-head h3:after { content:''; border-left:10px solid transparent; border-right:10px solid transparent; position: absolute; top:5px; right:10px; }
.accordion .accordionteam-body { overflow: hidden;position: relative;background: #fff;width: 100%;left: 0px;    top: -10px;}
.accordion .accordionteam-body .article-content{padding-top: 40px;/*padding-bottom: 10px;*/padding-left: 10px;padding-right: 10px;}
.accordion .accordionteam-content { position: relative; padding: 0px 0px !important; z-index: 5;background: #fff;}

.accordionteam-body { height: auto; /*padding-top:45px;*/display: none; }
.accordion-expanded .accordionteam-body { padding-top:0; height: auto; }
.accordion-expanded .accordionteam-head h3:after { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }

/* ------------------------------------------------------------ *\
	article
\* ------------------------------------------------------------ */
.team .article{padding-bottom: 20px !important;}
.team3 .article{padding-bottom: 20px !important;}
.team .article-image-caption{padding-left: 10px; padding-right: 20px;}
.team3 .article-image-caption{padding-left: 10px; padding-right: 20px;}
.team .article-content p{
	font-weight: 400;
    font-family: 'Noto Serif', sans-serif;
    font-style: italic;
    color: #4f4f4f;
}
.team3 .article-content p{
	font-weight: 400;
    font-family: 'Noto Serif', sans-serif;
    font-style: italic;
    color: #4f4f4f;
}
.article { padding:15px 15px; background:#fff; margin-bottom:30px; border-bottom:10px solid transparent; color: #6a6a6a; min-height: 390px; max-height: 390px;position: relative;}
.articles.team .article, .article-primary.team {min-height: auto; max-height: 100%;float: none; display: inline-block;cursor: pointer;}
.articles.team3 .article, .article-primary.team3 {min-height: auto; max-height: 100%;float: none; display: inline-block;cursor: pointer;}
.article .article-image { padding-bottom:0px; }
.accordion .article-image img{margin-bottom: 20px !important;}
.accordionteam-head .article-image{    margin-bottom: 10px;}
.article .article-image img { display:block; width:100%; margin-bottom:28px; }
.article .article-image-caption h4 { font-weight:400; margin: 0; font-family: 'Montserrat', sans-serif; text-transform: uppercase; }
.article .article-image-caption p { margin: 0; font-size: 15px;}
.team .article-image-caption p{ 
	font-weight: 400;
    font-family: 'Noto Serif', sans-serif;
    font-style: italic;
    color: #4f4f4f;
}
.team3 .article-image-caption p{ 
	font-weight: 400;
    font-family: 'Noto Serif', sans-serif;
    font-style: italic;
    color: #4f4f4f;
}
.article .article-content p { margin-bottom:20px; font-style: italic; }
.article .article-content p:last-child { margin-bottom:0; }

/* article primary */
.article.article-primary .article-image { float:left; width:50%; padding-right:0px; }
.article.article-primary .article-content { height: 100%; overflow: hidden; padding-left:35px; padding-top:15px; }

@media (max-width: 767px) {
	.article.article-primary .article-image { width: auto; float:none; padding-right:0; }
	.article.article-primary .article-content { padding-left:0; }
	.article {max-height: 100%;}

	.articles.team li{width: 100% !important;}
	.articles.team3 li{width: 100% !important;}
}

/* atticle last */
.article-last { background:#f26522; color: #fff; text-align:center; padding:30px 0; font-size:18px; min-height: 567px; position: relative; margin-bottom:30px; }
.article-last h1 { margin-bottom:70px; font-family: 'Montserrat', sans-serif; text-transform: uppercase; font-weight:400; }
.article-last p { line-height:2; font-style:italic; }
.article-last p + p { margin-top:40px; }
.article-last .article-inner { position: absolute; top: 50%; left:0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); display: inline-block; padding:0 30px; }
.article-last a { text-decoration: none; }
.article-last a:hover { text-decoration: underline; }

@media (max-width: 767px) {
	.article-last h1 { margin-bottom:20px; }
	.article-last { min-height: 0; }
	.article-last .article-inner { position:static; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); display:block; }
}

/* articles */
.articles { overflow: hidden; }
.articles ul { margin: 0 -20px; overflow: hidden; }
.articles li { list-style:none; list-style-position: outside; padding:0 20px; float:left; width:50%; }

.articles.team li{float: none;display: inline-block;vertical-align: top;    width: 49.7%;}
.articles.team3 li{float: none;display: inline-block;vertical-align: top;    width: 33%;}

@media (max-width: 767px) {
	.articles ul { margin: 0; }
	.articles li { padding: 0; float:none; width: auto; }
}

.article.article-warning { border-bottom:10px solid #f26522; }
.article.article-info { border-bottom:10px solid #0072bc; }
.article.article-important { border-bottom:10px solid #92278f; }
.article.article-danger{ border-bottom:10px solid #9e0b0f; }
.article.article-sky { border-bottom:10px solid #2797bd; }
.article.article-cobolt { border-bottom:10px solid #224798; }
.article.article-orange{ border-bottom:10px solid #f36523; }
.article.article-crimson{ border-bottom:10px solid #b22513; }
.article.article-prince { border-bottom:10px solid #893fae; }

.article .accordionteam-body h3.minus{font-size: 30px;}

.article.article-orange .accordionteam-head h3.plus,
.article.article-orange .accordionteam-body h3.minus{color: #f36523;line-height: 0px;text-align: right;}

.article.article-warning .accordionteam-head h3.plus,
.article.article-warning .accordionteam-body h3.minus{color: #f26522;line-height: 0px;text-align: right;}

.article.article-info .accordionteam-head h3.plus,
.article.article-info .accordionteam-body h3.minus{color: #0072bc;line-height: 0px;text-align: right;}

.article.article-important .accordionteam-head h3.plus,
.article.article-important .accordionteam-body h3.minus{color: #92278f;line-height: 0px;text-align: right;}

.article.article-danger .accordionteam-head h3.plus,
.article.article-danger .accordionteam-body h3.minus{color: #9e0b0f;line-height: 0px;text-align: right;}

.article.article-sky .accordionteam-head h3.plus,
.article.article-sky .accordionteam-body h3.minus{color: #2797bd;line-height: 0px;text-align: right;}

.article.article-cobolt .accordionteam-head h3.plus,
.article.article-cobolt .accordionteam-body h3.minus{color: #224798;line-height: 0px;text-align: right;}

.article.article-crimson .accordionteam-head h3.plus,
.article.article-crimson .accordionteam-body h3.minus{color: #b22513;line-height: 0px;text-align: right;}

.article.article-prince .accordionteam-head h3.plus,
.article.article-prince .accordionteam-body h3.minus{color: #893fae;line-height: 0px;text-align: right;}

.article.article-warning .article-image-caption h4 { color: #f26522; }
.article.article-info .article-image-caption h4 { color: #0072bc; }
.article.article-important .article-image-caption h4 { color: #92278f; }
.article.article-danger .article-image-caption h4 { color: #9e0b0f; }
.article.article-sky .article-image-caption h4 { color: #2797bd; }
.article.article-cobolt .article-image-caption h4 { color: #224798; }
.article.article-orange .article-image-caption h4 { color: #f36523; }
.article.article-crimson .article-image-caption h4 { color: #b22513; }
.article.article-prince .article-image-caption h4 { color: #893fae; }

/* ------------------------------------------------------------ *\
	Blockquote
\* ------------------------------------------------------------ */
.article-primary.team .blockquote{padding: 0px;}
.article-primary.team3 .blockquote{padding: 0px;}
.blockquote { color: #c82926; padding:20px 0; }

/* ------------------------------------------------------------ *\
	Button
\* ------------------------------------------------------------ */

.btn { display: inline-block; vertical-align: middle; -webkit-appearance: none; -moz-appearance: none; appearance: none; }


/*  Button Block  */
.btn-block { display: block; padding-left: 0; padding-right: 0; }

.btn-close { display: inline-block; vertical-align: middle; }
/* ------------------------------------------------------------ *\
	categories
\* ------------------------------------------------------------ */

.categories ul { overflow: hidden; margin: 0 -12px; }
.categories li { list-style:none; list-style-position: outside; float:left; width:33.3%; padding:0 12px; }

.categories .category { color: #fff; text-align:center; font-family: 'Montserrat', sans-serif; text-transform: uppercase; }
.categories .category.category-cities { background:#ec008c; }
.categories .category.category-countries { background:#92278f; }
.categories .category.category-cultures { background:#0f5cd0; }

.categories .category .category-image { padding-bottom:0px; }
.categories .category .category-title { font-weight:400; padding:25px 0 25px 0; letter-spacing: 7px; text-indent: 7px;}

@media (max-width: 767px) {
	.categories .category .category-image { padding: 0; }
	.categories .category .category-title { font-size:18px; padding:15px 0; }
}

@media (max-width: 630px) {
	.categories ul { margin: 0; }
	.categories li { float:none; width: auto; padding: 0; }
	.categories .category { margin-bottom:20px; }
}/* ------------------------------------------------------------ *\
	category
\* ------------------------------------------------------------ */

.category { }
/* ------------------------------------------------------------ *\
	Contacts
\* ------------------------------------------------------------ */

.contacts>ul { overflow: hidden; margin: 0 -22px; }
.contacts>ul>li { list-style:none; list-style-position: outside; float:left; width:50%; padding:0 22px; }

.contact .contact-body { background:#fff; padding:43px 30px 0 30px; min-height: 567px; margin-bottom:20px; }
.contact .contact-body p { margin-bottom:15px; font-style: italic; color: #7f7f7f; }
.contact .contact-body p:last-child { margin-bottom:0; }
.contact .contact-content { padding-bottom:90px; }
.contact .contact-image img { display:block; width:100%; }
.contact .contact-title { font-family: 'Montserrat', sans-serif; font-weight:400; margin: 0 0 60px 0; }
.contact .contact-address { font-family: 'Montserrat', sans-serif; text-transform: uppercase; color: #7f7f7f; font-size:16px; line-height:20px; }
.contact h4 { margin: 20px 0 20px 0; text-transform: uppercase; font-weight:400; font-family: 'Montserrat', sans-serif; }
.contact h4:first-child { margin-top:0; }
.contact a { text-decoration: none; }
.contact a:hover { text-decoration: underline; }

.contact.contact-sidney,
.contact.contact-sidney h4,
.contact.contact-sidney h1 { color: #5d10cc; }
.contact.contact-sidney .contact-body { border-bottom:10px solid; }

.contact.contact-hongkong,
.contact.contact-hongkong h4,
.contact.contact-hongkong h1 { color: #ed145b; }
.contact.contact-hongkong .contact-body { border-bottom:10px solid; }


@media (max-width: 767px) {
	.contacts>ul { margin: 0; }
	.contacts>ul>li { width: auto; float:none; padding: 0; }
	.contact .contact-body { min-height: auto; padding:50px 40px; font-size:19px; }
	.contact .contact-content { padding-bottom:20px; }
	.contact .contact-title { font-size:39px; }
	.contact h4 { font-size:20px; }
}

@media (max-width: 630px) {
	.contact .contact-body { padding:20px; font-size:14px; }
	.contact .contact-title { margin-bottom:30px; font-size:30px; }
}/* ------------------------------------------------------------ *\
	Form Elements
\* ------------------------------------------------------------ */

input::-webkit-input-placeholder { color: inherit; opacity: 1; }

input::-moz-placeholder { color: inherit; opacity: 1; }

input:-ms-input-placeholder { color: inherit; opacity: 1; }

input::placeholder { color: inherit; opacity: 1; }
textarea::-webkit-input-placeholder { color: inherit; opacity: 1; }
textarea::-moz-placeholder { color: inherit; opacity: 1; }
textarea:-ms-input-placeholder { color: inherit; opacity: 1; }
textarea::placeholder { color: inherit; opacity: 1; }

input:-webkit-autofill { -webkit-text-fill-color: inherit !important; -webkit-box-shadow: 0 0 0 1000px #fff inset; }

.field {}
.textarea {}
.select {}
.radio {}
.checkbox {}
/* ------------------------------------------------------------ *\
	Form
\* ------------------------------------------------------------ */

.form {}
/* ------------------------------------------------------------ *\
	Fullscreen
\* ------------------------------------------------------------ */

.fullscreen { position: absolute; top:0; left:0; width:100%; height: 100%; background-position:50% 50%; background-repeat: no-repeat; background-size: cover; 
	background-attachment: fixed; }/* ------------------------------------------------------------ *\
	Intro
\* ------------------------------------------------------------ */

.intro { position: relative; text-align:center; font-family: 'Montserrat', sans-serif; font-size:15px; color: #fff; padding:60px 0 90px 0; box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.3); }
.intro .intro-title { text-transform: uppercase; margin: 0 0 18px 0; font-weight:400; letter-spacing: .3em; }


@media (max-width: 767px) {
	.intro .intro-title { font-size:21px; }
}/* ------------------------------------------------------------ *\
	List
\* ------------------------------------------------------------ */

[class^="list-"] { list-style: none outside none; }

.list-credits { margin-bottom:25px; color: #fff; font-style: italic; max-width: 950px; }
.list-credits strong { display: inline-block; font-style: normal; text-transform: uppercase; color: #666; font-weight:400; font-family: 'Montserrat', sans-serif; }
/* ------------------------------------------------------------ *\
	Logo
\* ------------------------------------------------------------ */

.logo { display:block; margin: auto; width:150px; height: 150px; background: url(images/aim-logo.png) no-repeat 0 0; font-size: 0; line-height: 0; text-indent: -4000px; background-size: 150px 150px; }

@media (max-width: 767px) {
	.logo { width:100px; height: 100px; background-size: 100px 100px; }
}/* ------------------------------------------------------------ *\
	Nav
\* ------------------------------------------------------------ */

.nav { background: #e7e7e7; background: linear-gradient(to bottom,  #e7e7e7 0%,#fefefe 47%,#ffffff 100%); font-family: 'Montserrat', sans-serif; text-transform: uppercase; color: #737272; font-size:12px; letter-spacing: .3em; text-indent: .3em; text-align:center; border-bottom:1px solid #e7e7e7; box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.1); }
.nav ul { display: table; width:100%; }
.nav li { list-style:none; list-style-position: outside; display: inline-block; padding: 0 50px; }
.nav li:first-child { padding-left:0; }
.nav li:last-child { padding-right:0; }
.nav li.active a { border-top:3px solid; color: #b32e68; font-weight:700; letter-spacing: .4em; text-indent: .4em;}
.nav a { border-top:3px solid transparent; display: inline-block; vertical-align: middle; text-decoration: none; padding:16px 0; }
.nav a:hover { color: #b32e68; }

@media (min-width: 1100px) {
	.nav.fixed { position: fixed; top: 0; left: 50%; width: 1100px; z-index: 999; margin-left: -550px; background: #fff; }
	.nav.fixed + * { margin-top: 51px; }
}
@media (max-width: 768px) {
	.nav li {padding: 0px 35px !important;}
}

@media (max-width: 767px) {
	.nav { display:none; }
	.nav li { display:block; }
	.nav a { display:block; }
}

/* ------------------------------------------------------------ *\
	Nav Mobile
\* ------------------------------------------------------------ */

.nav-mobile { position: fixed; top:0; right: -250px; height: 100%; width:250px; z-index: 99; background:#e8e8e8; padding:57px 0 0 15px; overflow: auto; transition: all .3s; font-family: 'Montserrat', sans-serif; color: #7f7f7f; }
.nav-mobile .btn-close { text-transform: uppercase;  text-decoration: none; color: inherit; font-size:12px; display: inline-block; margin-bottom:55px;letter-spacing: 0.3em;}
.nav-mobile ul li { list-style:none; list-style-position: outside; position: relative; }
.nav-mobile ul li a { text-decoration: none; display:block; padding: 12px 25px 12px 35px; font-size:10px; position: relative; overflow: hidden; letter-spacing: 0.3em;}
.nav-mobile ul li a:before { content:''; position: absolute; top:0; left:0; width:100%;  background: url(images/shadow.png) no-repeat 0 0; height: 12px; }

.nav-menu-open { left:-250px; }
.nav-menu-open .nav-mobile { right: 0; }/* ------------------------------------------------------------ *\
	Partner
\* ------------------------------------------------------------ */
.partners { max-width: 300px; }
.partner { padding:16px 0px; text-align:center; }
.partner img { display:block; max-width: 100%; }/* ------------------------------------------------------------ *\
	.projects 
\* ------------------------------------------------------------ */

.projects { overflow: hidden; }
.projects >ul { margin: 0 -13px; }
.projects >ul>li { padding:0 13px; float:left; width:33.3%; list-style:none; list-style-position: outside; }
.projects .project { text-align:center; margin: 0 0 30px 0; display:block; text-decoration: none; transition: opacity .3s; }
.projects .project-image img { display:block; width:100%; }
.projects .project-title { margin: 0; text-transform: uppercase; font-family: 'Montserrat', sans-serif; color: #fff; }
.projects .project-title { display:block; text-decoration: none; padding:12px 0;font-size: 10px;letter-spacing: .1em;  }
.projects .project:hover { opacity: .7; }

.project.project-winterfest .project-title { background:#058c18; }
.project.project-nationalday .project-title { background:#014fc6; }
.project.project-lightshow .project-title { background:#ca0b4e; }
.project.project-clusterslight .project-title { background:#9a00c0; }
.project.project-legolandshow .project-title { background:#b20086; }
.project.project-lightingsails .project-title { background:#0047d4; }
.project.project-egyptday .project-title { background:#dea214; }
.project.project-olympicgames .project-title { background:#c7002a; }
.project.project-traindragon .project-title { background:#81004c; }
.project.project-vividfestival .project-title { background:#e93700; }
.project.project-light-festival .project-title { background:#091f8e; }
.project.project-xianshow .project-title { background:#a50628; }
.project.project-museumshow .project-title { background:#ac0028; }
.project.project-summerolympics .project-title { background:#091f8e; }
.project.project-pangames .project-title { background:#b4009d; }
.project.project-asiangames .project-title { background:#1e023d; }
.project.project-moscowday .project-title { background:#b40000; }
.project.project-worldexpo .project-title { background:#c20548; }
.project.project-corporatepavillion .project-title { background:#550091; }
.project.project-parisian-tower .project-title { background:#5c02a0; }
.project.project-parisian-place-vendome-fashion .project-title { background:#233fce; }
.project.project-baku-2017 .project-title { background:#070044; }
.project.project-azerbaijan-hope .project-title { background:#cb3d29; }
.project.project-venetian-cny .project-title { background:#c40002; }
.project.project-venetian-xmas .project-title { background:#169ce5; }
.project.project-winterfest-2016 .project-title {background:#282946;}
.project.project-white-night .project-title{background:#5c02a0;}
.project.project-badu-2017 .project-title{background:#ac1451;}

.project.project-symphonylights .project-title{background:#3d67ed;}
.project.project-abudhabi46 .project-title{background:#2fa9ce;}
.project.project-tokyo-disney-2018 .project-title{background:#b75edc;}
.project.project-macao-xmas-2018 .project-title{background:#d6000c;}
.project.project-macao-10th-anniversary-2018 .project-title{background:#780cdc;}
.project.project-walking-with-dinosaurs .project-title { background:#142d10; }
.project.project-king-kong .project-title { background:#000000; }
.project.project-universe .project-title { background:#011a6e; }

.project.project-nationalday47 .project-title { background:#000000; }
.project.project-1001-nights .project-title { background:#210e46; }
.project.project-appliance-world .project-title { background:#00006c; }
.project.project-creatures-motion .project-title { background:#300d4a; }
.project.project-uae-48 .project-title { background:black; }
.project.project-sydney-nye-2019 .project-title { background:#780cdc; }

/* ---- the above css is for the small location heading on project list page "projects" ---- */


@media (max-width: 1200px) {
	.projects >ul>li { width:50%; }
}

@media (max-width: 767px) {
	.projects >ul { margin: 0; }
	.projects >ul>li { padding: 0; float:none; width: auto; }
}

.project-menu { position: fixed; top:0; right: -500px; height: 100%; width:500px; z-index: 99; background:#404040; padding:40px; overflow: auto; transition: all .3s; }

.projects-secondary li { list-style:none; list-style-position: outside; position: relative; }
.projects-secondary li:after { 
	content:''; 
	position: absolute; 
	top:0; 
	left:5%; 
	width:90%; 
	height: 100%;  
	box-shadow: 0 0 0 4px #404040, 0px 10px 10px 0px rgba(50, 50, 50, 0.75); 
	-webkit-box-shadow: 0 0 0 4px #404040, 0px 10px 10px 0px rgba(50, 50, 50, 0.75);
   -moz-box-shadow: 0 0 0 4px #404040, 0px 10px 10px 0px rgba(50, 50, 50, 0.75);
	border-radius: 0%; 
}

.projects-secondary .project { width:140px; margin: 20px auto; padding:20px 70px; text-align:center; color: #a0a0a0; text-transform: uppercase; font-family: 'Montserrat', sans-serif; background:#404040; position: relative; z-index: 1;}
.projects-secondary .project .project-image { padding-bottom:20px; }
.projects-secondary .project .project-image img { display:block; width:100%; }
.projects-secondary .project h6 a { text-decoration: none; transition: color .3s; font-size: 8px;line-height: 13px;display: block; letter-spacing: 0.3em;}
.projects-secondary .project h6 a:hover { color: #fff; }

.project-menu-open { left:-500px; }
.project-menu-open .project-menu { right: 0; }

.project-menu .project-menu-head { color: #fff; text-transform: uppercase; font-family: 'Montserrat', sans-serif;margin-bottom: 20px; }
.project-menu .project-menu-head a { text-decoration: none; font-size:12px; }
.project-menu .project-menu-head a .text { display: inline-block; vertical-align: middle; margin-left:5px; line-height: 25px; letter-spacing: 0.3em;}


@media (max-width: 767px) {
	.project-menu { right: -250px; width:250px; padding:57px 15px; }
	.project-menu-open { left:-250px; }
	.projects-secondary .project { padding:0px; }
	.projects-secondary .project h6 { font-size:8px; overflow: hidden;}
}

/* ------------------------------------------------------------ *\
	Projects Header
\* ------------------------------------------------------------ */

.projects-header { display:none; padding: 10px 20px;
	box-shadow:         inset 0px 10px 10px 0px rgba(0, 0, 0, 0.2);	
}
.projects-header h3 { font-family: 'Montserrat', sans-serif; text-transform: uppercase; color: #e8474c; letter-spacing: .3em; float:left; font-size: 14px; line-height: 30px;}
.projects-header .btn-grid { float:right; display: inline-block; }

@media (max-width: 767px) {
	.projects-header { display:block; }
}
/* ------------------------------------------------------------ *\
	Section Preview
\* ------------------------------------------------------------ */

.section-preview { position: relative; color: #fff; text-align:center; background:#282946; position: relative; }
.section-preview .section-head { padding:40px 0; position: relative; }
.section-preview .section-head .btn-go { position: absolute; top:50%; right:20px; margin-top:-17px; opacity: .8; }
.section-preview .section-foot { padding:30px 0 50px 0; }
.section-preview .section-foot h3 { font-size:19px; display: inline-block; vertical-align: middle; padding:20px 50px; position: relative; font-family: 'Nato-Italic'; font-weight:400; line-height:30px; }
/*.section-preview .section-foot h3:after { content:''; display:block; width:100%; height: 2px; background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.27) 50%,rgba(255,255,255,0) 100%); position: absolute; bottom:0; left:0; width:100%; }*/
.section-preview.project-hong-kong-gallery .section-head,  .section-preview.singleProject .section-head{padding: 23px 0;}


.section-preview .section-head h1 { font-size:28px; font-weight:400; font-family: 'Nato-Italic';}
.section-preview .section-head h5 { color: #3284ed; font-size:12px; text-transform: uppercase; font-weight:700; font-family: 'Montserrat', sans-serif; letter-spacing: .3em; }
.section-preview .section-image img { display:block; width:100%; }

.section-preview.singleProject .section-body{padding-bottom: 60px;}

.section-preview.singleProject .tiles {box-shadow: inset 0px 10px 25px 0px rgba(0, 0, 0, 0.2), 0px 10px 25px 0px rgba(0, 0, 0, 0); padding-bottom: 2px;}
.section-preview.singleProject .tiles>.shell>ul>li {width: 155px; padding: 0 0px; margin-left: 0px;}

.section-preview.project-hong-kong-gallery {background:#282946;}
.section-preview.project-winterfest {background:#058c18; }
.section-preview.project-nationalday {background:#014fc6; }
.section-preview.project-lightshow {background:#ca0b4e; }
.section-preview.project-clusterslight {background:#9a00c0; }
.section-preview.project-lightFestivalSummer {background:#091f8e;}
.section-preview.project-legolandshow {background:#b20086; }
.section-preview.project-lightingsails {background:#0047d4; }
.section-preview.project-egyptday {background:#dea214; }
.section-preview.project-winterolympicgames{background:#00309c;}
.section-preview.project-olympicgames {background:#c7002a; }
.section-preview.project-traindragon {background:#81004c; }
.section-preview.project-vividfestival {background:#e93700; }
.section-preview.project-xianshow {background:#a50628; }
.section-preview.project-museumshow {background:#ac0028; }
.section-preview.project-summerolympics {background:#091f8e; }
.section-preview.project-pangames {background:#b4009d; }
.section-preview.project-asiangames {background:#1e023d; }
.section-preview.project-moscowday {background:#b40000; }
.section-preview.project-worldexpo {background:#c20548; }
.section-preview.project-corporatepavillion {background:#550091; }
.section-preview.project-parisian-tower {background:#5c02a0; }
.section-preview.project-parisian-place-vendome-fashion {background:#233fce; }
.section-preview.project-baku-2017 {background: #070044;}
.section-preview.project-azerbaijan-hope {background: #cb3d29;}
.section-preview.project-venetian-cny {background:#c40002; }
.section-preview.project-venetian-xmas {background:#169ce5; }
.section-preview.project-winterfest-2016 {background:#282946;}
.section-preview.project-white-night {background:#5c02a0; }
.section-preview.project-badu-2017 {background:#ac1451; }
.section-preview.singleProject {background:#282946; }

.section-preview.project-symphonylights {background:#120c6c;}
.section-preview.project-abudhabi46 {background:#0030a7;}
.section-preview.project-tokyo-disney-2018 {background:#2a0052;}
.section-preview.project-macao-xmas-2018 {background:#d6000c;}
.section-preview.project-macao-10th-anniversary-2018 {background:#780cdc;}
.section-preview.project-walking-with-dinosaurs { background:#142d10; }
.section-preview.project-king-kong { background:#000000; }
.section-preview.project-universe { background:#011a6e; }

.section-preview.project-nationalday47 { background:#000000; }
.section-preview.project-1001-nights { background:#210e46; }
.section-preview.project-appliance-world { background:#00006c; }
.section-preview.project-creatures-motion { background:#300d4a; }

/* ---- the above css is for the colour strip in header on detail page ---- */


.section-preview.project-hong-kong-gallery .section-head h5{color: #7c7ebb;}
.section-preview.singleProject .section-head h5{color: #7c7ebb;}
.section-preview.project-winterfest .section-head h5{color: #79d479;}
.section-preview.project-nationalday .section-head h5{color: #3284ed;}
.section-preview.project-lightshow .section-head h5{color: #fd9094;}
.section-preview.project-clusterslight .section-head h5{color: #ed98ff;}
.section-preview.project-legolandshow .section-head h5{color: #fd9094;}
.section-preview.project-white-night .section-head h5{color: #ed98ff;}
.section-preview.project-lightingsails .section-head h5{color: #729ff7;}
.section-preview.project-egyptday .section-head h5{color: #fbd98f;}
.section-preview.project-winterolympicgames .section-head h5{color: #4eaac4;}
.section-preview.project-olympicgames .section-head h5{color: #fd9094;}
.section-preview.project-traindragon .section-head h5{color: #f06a58;}
.section-preview.project-vividfestival .section-head h5{color: #fd9094;}
.section-preview.project-xianshow .section-head h5{color: #f06a58;}
.section-preview.project-museumshow .section-head h5{color: #ed7792;}
.section-preview.project-summerolympics .section-head h5{color: #3284ed;}
.section-preview.project-pangames .section-head h5{color: #fd9ff1;}
.section-preview.project-asiangames .section-head h5{color: #8a41c1;}
.section-preview.project-moscowday .section-head h5{color: #ff6720;}
.section-preview.project-worldexpo .section-head h5{color: #fe82ae;}
.section-preview.project-corporatepavillion .section-head h5{color: #fe82ae;}
.section-preview.project-parisian-tower .section-head h5{color: #3083ed;}
.section-preview.project-parisian-place-vendome-fashion .section-head h5{color: #3184ee;}
.section-preview.project-baku-2017 .section-head h5{color: #f46afe}
.section-preview.project-azerbaijan-hope .section-head h5{color: #ffbd31}
.section-preview.project-venetian-cny .section-head h5{color: #e5e000;}
.section-preview.project-venetian-xmas .section-head h5{color: #e5e000;}
.section-preview.project-winterfest-2016 .section-head h5{color: #7c7ebb;}
.section-preview.project-badu-2017 .section-head h5{color: #d86d59;}

.section-preview.project-symphonylights .section-head h5{color: #3d67ed;}
.section-preview.project-abudhabi46 .section-head h5{color: #2fa9ce;}
.section-preview.project-tokyo-disney-2018 .section-head h5{color: #b75edc;}
.section-preview.project-macao-xmas-2018 .section-head h5{color: #ffb46e;}
.section-preview.project-macao-10th-anniversary-2018 .section-head h5{color: #e6e004;}
.section-preview.project-walking-with-dinosaurs .section-head h5{color: #e7e7b3;}
.section-preview.project-king-kong .section-head h5{color: #fda091;}
.section-preview.project-universe .section-head h5{color: #e8f0b5;}

.section-preview.project-nationalday47 .section-head h5{color: #fca091;}
.section-preview.project-1001-nights .section-head h5{color: #e8df00;}
.section-preview.project-appliance-world .section-head h5{color: #1586fe;}
.section-preview.project-creatures-motion .section-head h5{color: #cfcba4;}

/* ---- the above css is for the small location heading on project page ---- */


.section-preview .section-foot h3:after{
	content: '';
    display: block;
    width: 100%;
    height: 2px;
    /*background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(174,174,174,1) 50%,rgba(255,255,255,0) 100%);*/
    margin-top: 25px;
}
.section-preview.project-hong-kong-gallery .section-foot h3:after{margin: 0px;}
.section-preview.project-hong-kong-gallery .section-foot {padding: 50px 0 50px 0;}
.section-preview.project-hong-kong-gallery .section-foot h3{padding: 0px 150px;}

.section-preview.project-winterfest .section-foot h3:after{background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(121,212,121,1) 50%,rgba(255,255,255,0) 100%);}
.section-preview.project-nationalday .section-foot h3:after{background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(50,132,237,1) 50%,rgba(255,255,255,0) 100%);}
.section-preview.project-lightshow .section-foot h3:after{background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(253,144,148,1) 50%,rgba(255,255,255,0) 100%);}
.section-preview.project-clusterslight .section-foot h3:after{background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(237,152,255,1) 50%,rgba(255,255,255,0) 100%);}
.section-preview.project-lightFestivalSummer .section-foot h3:after{background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(43,115,211,1) 50%,rgba(255,255,255,0) 100%);}
.section-preview.project-legolandshow .section-foot h3:after{background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(253,144,148,1) 50%,rgba(255,255,255,0) 100%);}
.section-preview.project-lightingsails .section-foot h3:after{background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(114,159,247,1) 50%,rgba(255,255,255,0) 100%);}
.section-preview.project-egyptday .section-foot h3:after{background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(251,217,143,1) 50%,rgba(255,255,255,0) 100%);}
.section-preview.project-winterolympicgames .section-foot h3:after{background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(78,170,196,1) 50%,rgba(255,255,255,0) 100%);}
.section-preview.project-olympicgames .section-foot h3:after{background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(253,144,148,1) 50%,rgba(255,255,255,0) 100%);}
.section-preview.project-traindragon .section-foot h3:after{background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(240,106,88,1) 50%,rgba(255,255,255,0) 100%);}
.section-preview.project-vividfestival .section-foot h3:after{background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(253,144,148,1) 50%,rgba(255,255,255,0) 100%);}
.section-preview.project-xianshow .section-foot h3:after{background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(240,106,88,1) 50%,rgba(255,255,255,0) 100%);}
.section-preview.project-museumshow .section-foot h3:after{background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(237,119,146,1) 50%,rgba(255,255,255,0) 100%);}
.section-preview.project-summerolympics .section-foot h3:after{background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(50,132,237,1) 50%,rgba(255,255,255,0) 100%);}
.section-preview.project-pangames .section-foot h3:after{background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(253,159,241,1) 50%,rgba(255,255,255,0) 100%);}
.section-preview.project-asiangames .section-foot h3:after{background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(138,65,193,1) 50%,rgba(255,255,255,0) 100%);}
.section-preview.project-moscowday .section-foot h3:after{background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,103,32,1) 50%,rgba(255,255,255,0) 100%);}
.section-preview.project-worldexpo .section-foot h3:after{background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(254,130,174,1) 50%,rgba(255,255,255,0) 100%);}
.section-preview.project-corporatepavillion .section-foot h3:after{background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(254,130,174,1) 50%,rgba(255,255,255,0) 100%);}
.section-preview.project-hk-pulse .section-foot h3:after {background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(124,126,187,1) 50%,rgba(255,255,255,0) 100%);}
.section-preview.project-parisian-tower .section-foot h3:after {background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(58,109,224,1) 50%,rgba(255,255,255,0) 100%);}
.section-preview.project-parisian-place-vendome-fashion .section-foot h3:after {background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(50,131,238,1) 50%,rgba(255,255,255,0) 100%);}
.section-preview.project-baku-2017 .section-foot h3:after {background: linear-gradient(to right, rgba(203,88,219,0) 0%,rgba(203,88,219,1) 50%,rgba(203,88,219,0) 100%);}
.section-preview.project-azerbaijan-hope .section-foot h3:after {background: linear-gradient(to right, rgba(246,222,240,0) 0%,rgba(246,222,240,1) 50%,rgba(246,222,240,0) 100%);}
.section-preview.project-venetian-cny .section-foot h3:after {background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(245,211,210,1) 50%,rgba(255,255,255,0) 100%);}
.section-preview.project-venetian-xmas .section-foot h3:after {background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(216,238,251,1) 50%,rgba(255,255,255,0) 100%);}
.section-preview.project-winterfest-2016 .section-foot h3:after {background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(216,238,251,1) 50%,rgba(255,255,255,0) 100%);}
.section-preview.project-white-night .section-foot h3:after{background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(237,152,255,1) 50%,rgba(255,255,255,0) 100%);}
.section-preview.project-badu-2017 .section-foot h3:after{background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(216,109,89,1) 50%,rgba(255,255,255,0) 100%);}

.section-preview.project-symphonylights .section-foot h3:after{background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(54,89,217,1) 50%,rgba(255,255,255,0) 100%);}
.section-preview.project-abudhabi46 .section-foot h3:after{background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(63,142,219,1) 50%,rgba(255,255,255,0) 100%);}
.section-preview.project-tokyo-disney-2018 .section-foot h3:after{background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(183,94,220,1) 50%,rgba(255,255,255,0) 100%);}
.section-preview.project-macao-xmas-2018 .section-foot h3:after{background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(248,147,91,1) 50%,rgba(255,255,255,0) 100%);}
.section-preview.project-macao-10th-anniversary-2018 .section-foot h3:after{background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(232,212,249,1) 50%,rgba(255,255,255,0) 100%);}
.section-preview.project-walking-with-dinosaurs .section-foot h3:after{background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(231,231,179,1) 50%,rgba(255,255,255,0) 100%);}
.section-preview.project-king-kong .section-foot h3:after{background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(211,174,148,1) 50%,rgba(255,255,255,0) 100%);}
.section-preview.project-universe .section-foot h3:after{background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(234,234,180,1) 50%,rgba(255,255,255,0) 100%);}

.section-preview.project-nationalday47 .section-foot h3:after{background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(211,174,148,1) 50%,rgba(255,255,255,0) 100%);}
.section-preview.project-1001-nights .section-foot h3:after{background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(185,185,39,1) 50%,rgba(255,255,255,0) 100%);}
.section-preview.project-appliance-world .section-foot h3:after{background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(21,134,254,1) 50%,rgba(255,255,255,0) 100%);}
.section-preview.project-creatures-motion .section-foot h3:after{background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(177,172,126,1) 50%,rgba(255,255,255,0) 100%);}
.section-preview.project-uae-national-day .section-foot h3:after{background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgb(59,123,203) 50%,rgba(255,255,255,0) 100%);}

.section-preview.project-sydney-nye-2019 .section-foot h3:after{background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgb(59,105,217) 50%,rgba(255,255,255,0) 100%);}

/* ---- the above css is for the small gradient line in header on project page - as RGB value ---- */


.section-preview.singleProject .section-foot{padding: 0px; padding-top:10px; }
.section-preview.singleProject .section-foot h3{padding-bottom: 10px;}
.section-preview.singleProject .section-foot h3:after {background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(124,126,187,1) 50%,rgba(255,255,255,0) 100%);}

.section-preview.singleProject .tiles>.shell>ul>li a.active.cnNy2016{background: #d48700;}
.section-preview.singleProject .tiles>.shell>ul>li a.active.winterFest{background: #008900;}
.section-preview.singleProject .tiles>.shell>ul>li a.active.winterFest2014{background: #fe7e00;}
.section-preview.singleProject .tiles>.shell>ul>li a.active.summerfun{background: #d809d8;}
.section-preview.singleProject .tiles>.shell>ul>li a.active.cnNy2015{background: #d80909;}
.section-preview.singleProject .tiles>.shell>ul>li a.active.pulse{background: #fa36e1;}


.section-preview .section-video { position: relative; margin-bottom:20px; padding:20px; box-shadow: inset 0px 0px 20px 0px rgba(0, 0, 0, 0.5); }
.section-preview .video { position: relative; }
.section-preview .video > img { display:block; width:100%; opacity: 0; z-index: -1; visibility: hidden; }
.section-preview .video > iframe { position: absolute; top:0; left:0; width:100%; height: 100%; }

@media (max-width: 800px) {
	.section-preview.singleProject .tiles>.shell>ul>li {float: none; display: inline-block; margin-bottom: 10px;}

}

@media (max-width: 767px) {
	.section-preview .section-head { padding: 20px 0; }
	.section-preview .section-head h1 { font-size:16px; padding: 0 40px; }

	.section-preview .section-foot { padding: 20px 0; }
	.section-preview .section-foot h3 { padding:20px; }
}

/* ------------------------------------------------------------ *\
	Section Project
\* ------------------------------------------------------------ */

.section-project {margin-bottom: 80px;}
.section-projects .section-head { text-align:center; color: #7f7f7f; padding:60px 160px; }
.section-projects .section-head h3 { font-family: 'Nato-Italic'; line-height:1.8; margin: 0; font-weight:400; display: inline-block; vertical-align: top; position: relative; }
.section-projects .section-head h3:after { content:''; display:block; width:100%; height: 2px; background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(174,174,174,1) 50%,rgba(255,255,255,0) 100%); margin-top:40px; }

.section-project .section-image { padding-bottom:15px; }
.section-project .section-image img { display:block; width:100%; }

.section-project .section-inner { padding:30px 0; color: #4f4f4f; }
.section-project .section-content h5 { font-size:15px; text-transform: uppercase; color: #fd9094; margin-bottom:30px; font-family: 'Montserrat', sans-serif; }
.section-project .section-content p{font-weight:400; font-family: 'Noto Serif', sans-serif;font-style: italic; font-size: 14px; line-height: 18px; color: #4f4f4f;}

.section-project .section-gallery .section-image { padding-bottom:10px; }
.section-project .section-gallery .row { margin: 0 -5px; }
.section-project .section-gallery .col { padding:0 5px; }

.section-project .section-video { position: relative; margin-bottom:20px; padding:20px; box-shadow:         inset 0px 0px 20px 0px rgba(50, 50, 50, 0.5); }
.section-project .video { position: relative; }
.section-project .video > img { display:block; width:100%; opacity: 0; z-index: -1; visibility: hidden; }
.section-project .video > iframe { position: absolute; top:0; left:0; width:100%; height: 100%; }
.section-project .sectionTop {margin-top: 35px; margin-bottom: 15px;}
.section-project .sectionTop h3.hkGalleryTopText{padding-left: 50px;padding-right: 50px;font-weight: 400;text-align: center;color: #282946; font-size: 18px; line-height: 30px;font-family: 'Noto Serif', sans-serif; font-style: italic;}

.section-project h2.slogan{color: #9e005d; font-size: 24px;text-transform: uppercase;line-height: 30px;font-family: 'Montserrat', sans-serif;letter-spacing: 3px;    font-weight: 100;margin-top:40px;margin-bottom:50px;text-align: center;}
.section-project h2.slogan:before, .section-project h2.slogan:after {
    content: '';
    display: block;
    width: 100%;
    height: 2px;
    background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(174,174,174,1) 50%,rgba(255,255,255,0) 100%);
}
.section-project h2.slogan:before{margin-bottom:15px; }
.section-project h2.slogan:after{margin-top:15px; }

@media (max-width: 1023px) {
	.section-project .section-content { padding-bottom:30px; }
}

@media (max-width: 767px) {
	.section-projects .section-head { padding:20px; }
}

/* ------------------------------------------------------------ *\
	Section About 
\* ------------------------------------------------------------ */

.section-about { padding-top:20px; }
.section-about .section-head { text-align:center; padding:0 130px 60px 130px; }
.section-about .section-foot { font-style: italic; color: #7f7f7f; text-align:center; }
.section-about .section-title { font-weight:400; font-family: 'Montserrat', sans-serif;  text-transform: uppercase; margin-bottom:23px; letter-spacing: .3em; color: #7f7f7f; }
.section-about .section-title strong { font-weight:400; display:block; color: #9e005d; margin-bottom:8px; }
.section-about .slogan { display: inline-block; vertical-align: top; font-style: italic; color: #7f7f7f; font-weight:400; font-family: 'Noto Serif', sans-serif; line-height:1.7; }
.section-about .slogan:before,
.section-about .slogan:after { content:'';  display: block; width: 100%; height: 2px; background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(174,174,174,1) 50%,rgba(255,255,255,0) 100%); }

.section-about .slogan:before { margin-bottom: 25px; }
.section-about .slogan:after { margin-top: 25px; }

.section-about .section-body { padding-bottom:100px; }
.section-about .section-foot { padding:0 150px 75px 150px; }
.section-about .section-foot h3 { font-weight:400; font-family: 'Noto Serif', sans-serif; }

@media (max-width: 767px) {
	.section-about .section-body { padding-bottom:50px; }
	.section-about .section-head { padding:0 20px 60px 20px; }
	.section-about .section-foot { padding:0 20px 50px 20px; }
}

@media (max-width: 630px) {
	.section-about { padding-bottom:20px; }
	.section-about .section-head { padding: 0; }
	.section-about .section-body { padding:20px 0; }
	.section-about .section-foot { padding: 0; }
}

/* ------------------------------------------------------------ *\
	Section Features
\* ------------------------------------------------------------ */

.section-features { background:#e8e8e8; }
.section-features .section-body { padding-bottom:70px; }
.section-features .section-foot { text-align:center; color: #7f7f7f; padding:0 100px; }
.section-features .section-foot h3 { margin: 0; font-weight:400; font-family: 'Noto Serif', sans-serif; font-style: italic; }

.section-features { padding:80px 0; box-shadow:         inset 0px 10px 30px 0px rgba(0, 0, 0, 0.1); }
.section-features .features ul { overflow: hidden; margin: 0 -12px; }
.section-features .features li { list-style:none; list-style-position: outside; float:left; width:33.3%; padding:0 12px; }
.section-features .feature { color: #92278f; background:#fff; text-align:center; text-transform: uppercase; font-weight:400; }
.section-features .feature .feature-image { padding-bottom:0px; }
.section-features .feature .feature-title { letter-spacing: .3em; font-family: 'Montserrat', sans-serif; font-size:18px; padding:25px 0; font-weight:400; }

@media (max-width: 767px) {
	.section-features .feature .feature-image { padding: 0; }
	.section-features .feature .feature-title { font-size:14px; }
	.section-features .section-foot { padding:0 20px; }
}

@media (max-width: 630px) {
	.section-features .features ul { margin: 0; }
	.section-features .features li { float:none; width: auto; padding: 0; }
	.section-features .feature { margin-bottom:20px; }
	.section-features .section-body { padding-bottom:20px; }
	.section-features .section-foot { padding: 0; }
}

/* ------------------------------------------------------------ *\
	Section Showreel
\* ------------------------------------------------------------ */

.section-showreel { background:#000; padding-bottom:150px; }
.section-showreel .section-video { position: relative; background:#000; padding-top:57%; }
.section-showreel .section-video > img { display:none; }
.section-showreel .section-video > iframe { position: absolute; top:0; left:0; width:100%; height: 100%; }
.section-showreel .section-body { text-align:center; color: #fff; padding-top:70px; }
.section-showreel .section-title { text-transform: uppercase; font-weight:400; font-family: arial, serif; font-family: 'Montserrat', sans-serif; letter-spacing: .2em; }
.section-showreel .section-slogan { font-weight:400; font-style: italic; display: inline-block; vertical-align: top; line-height:34px; letter-spacing: .1em; }

.section-showreel .section-slogan:after,
.section-showreel .section-slogan:before { content:''; height: 2px; width:100%; display:block;  margin: 50px 0; background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%); }

@media (max-width: 767px) {
	.section-showreel .section-slogan { padding:0 20px; }
	.section-showreel .section-slogan br { display:none; }
}

/* ------------------------------------------------------------ *\
	Slider Projects
\* ------------------------------------------------------------ */

.slider-projects { padding: 30px 0; box-shadow: inset 0px -15px 30px -10px rgba(0, 0, 0, 0.4); }
.slider-projects .slider-clip { position: relative; margin: 0 -20px; }
.slider-projects .slider-clip:before { content:''; position: absolute; top:0; left:0; width:30px; height: 100%; background:#000; z-index: 99; background: linear-gradient(to right,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); }
.slider-projects .slider-clip:after { content:''; position: absolute; top:0; right:0; width:30px; height: 100%; background:#000; z-index: 99; background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); }
.slider-projects .slide { position: relative; min-height: 100px; list-style:none; list-style-position: outside; text-align:center; }
.slider-projects .slides { position: relative; }
.slider-projects .slide .slide-image { margin-bottom:4px; }
.slider-projects .slide a { text-decoration: none; }
.slider-projects .slide h6 { font-size:10px; font-weight:400; text-transform: uppercase; font-family: 'Montserrat', sans-serif; color: #7f7f7f; }
.slider-projects .owl-prev,
.slider-projects .owl-next { width:34px; height: 34px; border-radius: 50%; font-size: 0; line-height: 0; text-indent: -4000px; position: absolute; top:50%; margin-top:-17px; }

.slider-projects .owl-prev.disabled, 
.slider-projects .owl-next.disabled { opacity: .5; cursor: default; }

.slider-projects .owl-prev { left:-40px; background: url(images/ico-slider-prev.png) no-repeat 0 0; }
.slider-projects .owl-next { right: -40px; background: url(images/ico-slider-next.png) no-repeat 0 0; }

@media (max-width: 1024px) {
	.slider-projects .owl-prev { left:-45px;  z-index: 100; }
	.slider-projects .owl-next { right:-45px;  z-index: 100; }
	.slider-projects .slides{width: 90%;margin: 0 auto;}
	.slider-projects .slider-clip:after{right: 5%;}
	.slider-projects .slider-clip:before{left:5%;}
	.owl-nav .owl-prev, .owl-nav .owl-next{top: 47px !important;}

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

	.owl-nav .owl-prev, .owl-nav .owl-next{display: none;}
	.slider-projects .slides{width: 100%}
	.slider-projects .slider-clip:after{right: 0;}
	.slider-projects .slider-clip:before{left:0;}
	.nav li{padding: 0px 45px;}
}


@media (max-width: 767px) {
	.slider-projects { padding: 0; }
	.slider-projects .shell { padding: 0; }
	.slider-projects .slider-clip { display:none; }
}


/* ------------------------------------------------------------ *\
	Slider Related
\* ------------------------------------------------------------ */

.slider-home .owl-dots { text-align:center; padding:25px 0; }
.slider-home .owl-dot { width:5px; height: 5px; border-radius: 50%; background:#c9c9c9; display: inline-block; vertical-align: middle; margin: 0 5px; }
.slider-home .owl-dot.active { background:#000; }
.slider-home .owl-carousel .owl-item { z-index: -1; }
.slider-home .slider-clip { max-width: 1900px; margin: auto; }

.slider-home .owl-carousel .owl-item .image-large {}
.slider-home .owl-carousel .owl-item .image-small { display:none; }

@media (max-width: 767px) {
	.slider-home .owl-carousel .owl-item .image-large { display:none; }
	.slider-home .owl-carousel .owl-item .image-small { display:block; }
}
/* ------------------------------------------------------------ *\
	Table
\* ------------------------------------------------------------ */

.table {}
/* ------------------------------------------------------------ *\
	Tile
\* ------------------------------------------------------------ */

.tiles { padding: 15px 0 11px 0; box-shadow: inset 0px 10px 25px 0px rgba(0, 0, 0, 0.2), 0px 10px 25px 0px rgba(0, 0, 0, 0.2); }
.tiles + .tiles { box-shadow: 0px 10px 25px 0px rgba(0, 0, 0, 0.2); }
.tiles>.shell>ul { overflow: hidden; margin: 0 -19px; }
.tiles>.shell>ul>li { float: left; width:33.3%; padding: 0 19px; list-style:none; list-style-position: outside; }
.section-preview.singleProject .tiles>.shell>ul>li {display: inline-block; float: none;}
.section-preview.project-hong-kong-gallery .tiles>.shell>ul>li{/*float: none;display: inline-block;*/}

.tile .tile-title { text-transform: uppercase; text-align:center; color: #fff; font-size:11px; letter-spacing: .2em; padding: 12px 0; font-family: 'Montserrat', sans-serif;line-height: 14px;}
.tile a { display:block; text-decoration: none; background:#000; transition: all .3s; }
.tile a:hover { background:#d809d8; }

.tile.tile-chinese-ny-2016 a:hover { background: #d48700; }
.tile.tile-winterfest-2015 a:hover { background: #008900; }
.tile.tile-summer-fun-2015 a:hover { background: #d809d8; }
.tile.tile-chinese-ny-2015 a:hover { background: #d80909; }
.tile.tile-winterfest-2014 a:hover { background: #fe7e00; }
.tile.tile-pulse-2014 a:hover { background: #fa36e1; }

/* ------------------------------------------------------------ *\
	Widget
\* ------------------------------------------------------------ */

.widgets { list-style: none outside none; }


.owl-carousel .owl-stage-outer .owl-stage{padding-left: 0px !important;}
.owl-nav .owl-prev, .owl-nav .owl-next{top:65px !important;}