/*--------------------------------------------------------------------
	
	Theme Name: The Elite Lifestyles
	Author: The Pixel Parlour
	Author URI: http://www.pixelparlour.co.uk
	Updated: 16.09.2016
	
	Designed & Handcrafted by The Pixel Parlour
	
--------------------------------------------------------------------*/


/*------------------------------------------------------------------*/
/*	1.	CSS Resets
/*------------------------------------------------------------------*/

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, font, img, ins, kbd, q, s, samp, small, strike, strong, 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 { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display: inline-block; } /* Hide from IE Mac \*/ .clearfix { display: block; } /* End hide from IE Mac */ .none { display: none; } /* End Clearfix */

.hidden { display: none; }

.alignleft { float: left; }
.alignright { float: right; }
.aligncenter { margin-left: auto; margin-right: auto; display: block; clear: both; }

.clear { clear: both; display: block; font-size: 0; height: 0; line-height: 0; width:100%; }

section, article, header, footer, nav, aside, hgroup { display: block; }





/*------------------------------------------------------------------*/
/*	2.	Common Styles
/*------------------------------------------------------------------*/

/*--------------------------------------------------------------------

	Font: source-sans-pro (270kb)
	Weights: 200 (extralight), 300 (light), 400 (reg), 600 (semibold), 700 (bold) + italics
	
	Font: ltc-bodoni-175 (63kb)
	Weights: 400 (reg) + italics

--------------------------------------------------------------------*/

* { margin: 0; }
html { -webkit-text-size-adjust: none; background-color: #000; }
body { min-width: 320px; height: 100%; font-family: 'source-sans-pro', Helvetica, Arial, sans-serif; font-size: 15px; font-weight: 400; color: #B1B1B1; background-color: #000; }

.left { float: left; }
.right { float: right; }
.half { width: 50%; }

img { max-width: 100%; height: auto; vertical-align: bottom; }

/* Responsive images. Fluid images for posts, comments, and widgets */
.comment-content img,
.entry-content img,
.entry-summary img,
#site-header img,
.widget img,
.wp-caption { max-width: 100%; }

/* Make sure images with WordPress-added height and width attributes are scaled correctly*/
.comment-content img[height],
.entry-content img,
.entry-summary img,
img[class*="align"],
img[class*="wp-image-"],
img[class*="attachment-"],
#site-header img { height: auto; }

img.size-full,
img.size-large,
.wp-post-image,
.post-thumbnail img { height: auto; max-width: 100%; }

img.alignleft { max-width: 50%; margin: 0 4% 4% 0; }
img.alignright { max-width: 50%; margin: 0 0 4% 4%; }
img.aligncenter, img.aligncentre { margin: 0 auto; }

/* Make sure embeds and iframes fit their containers */
embed,
iframe,
object,
video { margin-bottom: 24px; max-width: 100%; }

pre { font-size: 0.8em; font-weight: 500; line-height: 1.3em; padding: 11px; margin-bottom: 22px; background: #F9F9FD; border: 1px solid #DBDBDB; overflow: auto; white-space: pre-wrap; word-wrap: break-word; }
pre a { font-weight: normal; }

hr { border: 0; height: 0; margin: 0 0 22px 0; border-top: 1px solid rgba(0, 0, 0, 0.1); border-bottom: 1px solid rgba(255, 255, 255, 0.3); }

/* CSS Animation */
a,
img,
input,
select,
textarea,
.carouselitem { 
transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
}

a { color: #4A4A4A; text-decoration: none; }
a:hover,
a:active { color: #c2a471; }

.thecontent a { border-bottom: 1px solid transparent; }
.thecontent a:hover,
.thecontent a:active { border-bottom: 1px solid #8AC4D1; }

b,
strong { font-weight: 500; }

em,
dfn,
cite,
i { font-style: italic; }

h1, h2, h3, h4, h5, h6 { line-height: 1em; font-weight: 500; margin: 0; }
h1 { font-size: 1.8em; line-height: 1.2em; font-weight: 300; color: #FFF; }
h2 { font-size: 2.3em; font-weight: 100; text-transform: uppercase; color: #FFF; }
h3 { font-size: 1.8em; font-weight: 300; text-transform: uppercase; color: #000; margin: 0 0 20px 0; }
h4 { font-size: 1.4em; font-weight: 500; }
h5 { font-size: 1.3em; }
h6 { }

p { line-height: 1.4em; margin: 0 0 20px 0; }
p.intro { font-size: 1.3em; font-weight: 300; }
p.small { font-size: 0.75em; }

/* Caption */
.wp-caption { overflow: hidden; }
.wp-caption img { margin: 0; }
.wp-caption.alignleft { margin: 0 5% 0 0; }
.wp-caption.alignright { margin: 0 0 0 5%; }
.wp-caption.aligncenter,
.wp-caption.aligncentre { margin: 0 auto; }
p.wp-caption-text { text-align: center; color: #FFF; padding: 8px 12px; margin-top: -2px; background-color: #678FA8; }

blockquote { font-size: 1.3em; font-style: italic; padding: 14px 30px 14px 24px; margin: 0 0 20px 0; border-left: 3px solid #678FA8; }
blockquote p { margin: 0; }

.thecontent ol { list-style: decimal; margin: 0 0 18px 30px; }
.thecontent ol li { line-height: 1.4em; margin: 0 0 8px 0; }
.thecontent ol ol { padding: 10px 0 0 0; }
.thecontent ol li li { font-size: inherit; }

.thecontent ul { list-style: none; margin: 0 0 18px 0; }
.thecontent ul li { line-height: 1.4em; margin: 0 0 8px 0; padding: 0 0 0 20px; background-image: url(_images/common/bkgd-bulletpoint-green.svg); background-repeat: no-repeat; background-position: 4px 6px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.no-svg .thecontent ul li { background-image: url(_images/common/bkgd-bulletpoint-green.png); } /* No SVG */
.thecontent ul ul { padding: 10px 0 0 0;}
.thecontent ul li li { font-size: inherit; }

a.btn { display: inline-block; line-height: 38px; text-transform: uppercase; color: #FFF; background: none; padding: 0 20px; border: 1px solid #FFF; }
a.btn:hover,
a.btn:active { color: #000; background-color: #FFF; }

a.fwbtn { display: block; text-align: center; }




/*------------------------------------------------------------------*/
/*	3.	Universal Elements
/*------------------------------------------------------------------*/

.sitewrapper { }
.container { padding: 0 16px; margin: 0 auto; overflow: hidden; }

/*------------------------------------------------------------------*/

/* Loading */
.doc-loader { position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 1000; }
.doc-loader td { text-align: center; vertical-align: middle; background-color: #000; }
/* IE 7-8 */ .ie8 .doc-loader, .ie7 .doc-loader { display: none; } /* IE 7-8 */

/* IE 7 Message */
.iewarning { position: fixed; bottom: 0; width: 100%; padding: 16px 0; text-align: center; color: #FFF; background-color: #C1272D; z-index: 999; }
.iewarning h3 { margin: 0 0 4px 0; }
.iewarning p { color: #FFF; padding: 0 40px; margin: 0; }

/*------------------------------------------------------------------*/

/*--- Landing Options ---*/
.landingoptions { position: fixed; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; text-align: center; overflow: hidden; z-index: 98; }

.landingoptions .leftcol { position: absolute; top: 0; right: 50%; bottom: 0; left: 0; width: 50%; height: 100%; background-color: #000; overflow: hidden; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }

.landingoptions .rightcol { position: absolute; top: 0; right: 0; bottom: 0; left: 50%; width: 50%; height: 100%; background-color: #000; overflow: hidden; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
.filter { position: absolute; top: 0; right: 0; bottom: 0; left:0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.45); z-index: 1; }

.wrap { position: absolute; top: 35%; left: 10%; right: 10%; width: 80%; max-width: 400px; margin: 0 auto; transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; overflow: hidden; z-index: 999; }
.logo { margin: 0 auto 30px auto; }
.logo span { display: none; }
.title { margin: 0 0 30px 0; }
.desc { }
.desc a.btn { margin: 0 0 20px 0; }
span.date { color: #FFF; font-weight: 600; padding: 0 10px 0 0; margin: 0 10px 0 0; border-right: 1px solid #999; }
span.location { }

p.date { font-size: 1.8em; color: #FFF; font-weight: 600; margin: 0; }
p.location { font-size: 1.3em; }

.overlay { position: absolute; top: 100%; right: 0; bottom: 0; left: 0; text-align: center; padding: 30% 20% 0 20%; background-color: rgba(0,0,0,0.7); transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; z-index: 9; }
.overlay p.intro { font-size: 1.3em; color: #FFF; margin-bottom: 20px; }

.overlay p,
.overlay ul { max-width: 400px; margin: 0 auto; }

.highlight { position: relative; max-width: 240px; padding: 20px 0; margin: 0 auto; border-top: 1px solid rgba(255,255,255,0.2); }
.highlight .tab { position: absolute; top: 0; left: 50%; width: 58px; height: 4px; margin: 0 0 0 -29px; background-color: #D9D9D9; }
.highlight h3 { font-size: 1.6em; color: #FFF; margin: 0 0 8px 0; }
.highlight p { font-size: 1.1em; color: #FFF; margin: 0; }

.highlight.blue .tab { background-color: #6FA5BF; }
.highlight.blue h3 { color: #6FA5BF; }
.highlight.green .tab { background-color: #457C7D; }
.highlight.green h3 { color: #457C7D; }
.highlight.purple .tab { background-color: #916A95; }
.highlight.purple h3 { color: #916A95; }

ul.sitenav { position: relative; font-size: 1.3em; text-align: left; text-transform: uppercase; margin-bottom: 20px; z-index: 999; }
ul.sitenav li { font-weight: 100; border-bottom: 1px solid #B1B1B1; border-bottom: 1px solid rgba(255,255,255,0.3); }
ul.sitenav li:last-child { border: none; }
ul.sitenav li a { display: block; color: #FFF; padding: 10px 0; background-image: url("_images/common/bkgd-sitenav-arrow.svg"); background-repeat: no-repeat; background-position: right center; }
.no-svg ul.sitenav li a { background-image: url("_images/common/bkgd-sitenav-arrow.png"); } /* No SVG */
ul.sitenav li a:hover,
ul.sitenav li a:active { color: #c2a471; }

.landingoptions .leftcol:hover .overlay,
.landingoptions .rightcol:hover .overlay { top: 0; }
.landingoptions .leftcol:hover .wrap,
.landingoptions .rightcol:hover .wrap { top: 10%; transition-delay: 0s; -webkit-transition-delay: 0s; -moz-transition-delay: 0s; -ms-transition-delay: 0s; -o-transition-delay: 0s; }
.landingoptions .leftcol:hover .wrap .logo,
.landingoptions .rightcol:hover .wrap .logo { max-width: 200px; }
.landingoptions .leftcol:hover .wrap .desc,
.landingoptions .rightcol:hover .wrap .desc { opacity: 0; }
.landingoptions .leftcol:hover .wrap p,
.landingoptions .rightcol:hover .wrap p { opacity: 0; }
.landingoptions .leftcol:hover .wrap a.btn,
.landingoptions .rightcol:hover .wrap a.btn { opacity: 0; }

/*--- Footer ---*/
.footer { position: fixed; left: 0; right: 0; bottom: 0; text-align: right; color: #4A4A4A; padding: 20px; background-color: #FFF; overflow: hidden; z-index: 999; }
.footer .logo { float: left; margin: 0; }
.footer .footerdetails { float: right; }
.footer h4 { color: #c2a471; margin: 0 0 10px 0; }
.footer p { font-size: 1.2em; margin: 0; }
.footer a { #878787; }
.footer ul li { display: inline-block; font-size: 0.85em; padding: 0 6px 0 0; margin: 0 4px 0 0; border-right: 1px solid #878787; }
.footer ul li:last-child { padding: 0; margin: 0; border: none; }

/*--- Contacts Draw ---*/
.contactsdraw { position: absolute; left: 0; right: 0; bottom: 0; padding: 20px; color: #333; background-color: #FFF; transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; z-index: -1; }
.contactsdraw.visible { bottom: 80px; z-index: 99; }
.contactsdraw a { color: #333; }
.contactsdraw .container { max-width: 600px; text-align: center; margin: 0 auto; }
.contactsdraw .closecontactsdrawbtn { position: absolute; top: 24px; right: 24px; width: 36px; height: 36px; line-height: 36px; font-size: 1.4em; font-weight: 100; text-align: center; color: #FFF; padding: 0; background-color: #000; border: none; border-radius: 18px; cursor: pointer; }
.contactsdraw .closecontactsdrawbtn:hover,
.contactsdraw .closecontactsdrawbtn:active { background-color: #333; }

/*--- Privacy Draw ---*/
.privacydraw { position: absolute; left: 0; right: 0; bottom: 0; padding: 20px; color: #333; background-color: #FFF; transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; z-index: -1; }
.privacydraw.visible { bottom: 80px; z-index: 99; }
.privacydraw .container { max-width: 800px; margin: 0; }
.privacydraw a.closeprivacydrawbtn { position: absolute; top: 24px; right: 24px; width: 36px; height: 36px; line-height: 36px; font-size: 1.4em; font-weight: 100; text-align: center; color: #FFF; padding: 0; background-color: #000; border: none; border-radius: 18px; }
.privacydraw a.closeprivacydrawbtn:hover,
.privacydraw a.closeprivacydrawbtn:active { background-color: #333; }

/*--- Team Members ---*/
.teammembers { overflow: hidden; }
.teammembers .teammember { float: left; width: 49%; margin: 0 2% 0 0; overflow: hidden; }
.teammembers .teammember:last-child { margin: 0; }
.teammembers .teammember .photo { margin: 0 0 16px 0; }
.teammembers .teammember .details { }
.teammembers .teammember h4 { color: #c2a471; margin: 0 0 4px 0; }
.teammembers .teammember p { margin: 0 0 1px 0; }
.teammembers .teammember a { border-bottom: 1px solid #B1B1B1; }
.teammembers .teammember a:hover,
.teammembers .teammember a:active { color: #c2a471; }

/*--- Gallery ---*/
.slideshow,
.slideshow:after { 
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 0; 
}
.slideshow li span { 
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    color: transparent;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: none;
    opacity: 0;
    z-index: 0;
    -webkit-backface-visibility: hidden;
    -webkit-animation: imageAnimation 45s linear infinite 0s;
    -moz-animation: imageAnimation 45s linear infinite 0s;
    -o-animation: imageAnimation 45s linear infinite 0s;
    -ms-animation: imageAnimation 45s linear infinite 0s;
    animation: imageAnimation 45s linear infinite 0s; 
}

/* A&L Gallery */
.al-slideshow li:nth-child(1) span { 
    background-image: url(_images/common/al_aspects_006.jpg);
}
.al-slideshow li:nth-child(2) span { 
    background-image: url(_images/common/al_aspects_001.jpg);
    -webkit-animation-delay: 5s;
    -moz-animation-delay: 5s;
    -o-animation-delay: 5s;
    -ms-animation-delay: 5s;
    animation-delay: 5s; 
}
.al-slideshow li:nth-child(3) span { 
    background-image: url(_images/common/al_aspects_helicopter.jpg);
    -webkit-animation-delay: 10s;
    -moz-animation-delay: 10s;
    -o-animation-delay: 10s;
    -ms-animation-delay: 10s;
    animation-delay: 10s; 
}
.al-slideshow li:nth-child(4) span { 
    background-image: url(_images/common/al_aspects_017.jpg);
    -webkit-animation-delay: 15s;
    -moz-animation-delay: 15s;
    -o-animation-delay: 15s;
    -ms-animation-delay: 15s;
    animation-delay: 15s; 
}
.al-slideshow li:nth-child(5) span { 
    background-image: url(_images/common/al_aspects_005.jpg);
    -webkit-animation-delay: 20s;
    -moz-animation-delay: 20s;
    -o-animation-delay: 20s;
    -ms-animation-delay: 20s;
    animation-delay: 20s; 
}
.al-slideshow li:nth-child(6) span { 
    background-image: url(_images/common/al_aspects_012.jpg);
    -webkit-animation-delay: 25s;
    -moz-animation-delay: 25s;
    -o-animation-delay: 25s;
    -ms-animation-delay: 25s;
    animation-delay: 25s; 
}
.al-slideshow li:nth-child(7) span { 
    background-image: url(_images/common/al_aspects_013.jpg);
    -webkit-animation-delay: 30s;
    -moz-animation-delay: 30s;
    -o-animation-delay: 30s;
    -ms-animation-delay: 30s;
    animation-delay: 30s; 
}
.al-slideshow li:nth-child(8) span { 
    background-image: url(_images/common/al_aspects_004.jpg);
    -webkit-animation-delay: 35s;
    -moz-animation-delay: 35s;
    -o-animation-delay: 35s;
    -ms-animation-delay: 35s;
    animation-delay: 35s; 
}
.al-slideshow li:nth-child(9) span { 
    background-image: url(_images/common/al_aspects_016.jpg);
    -webkit-animation-delay: 40s;
    -moz-animation-delay: 40s;
    -o-animation-delay: 40s;
    -ms-animation-delay: 40s;
    animation-delay: 40s; 
}

/* C&L Gallery */
.cl-slideshow li:nth-child(1) span { 
    background-image: url(_images/common/cl_aspects_009.jpg);
    -webkit-animation-delay: 2.5s;
    -moz-animation-delay: 2.5s;
    -o-animation-delay: 2.5s;
    -ms-animation-delay: 2.5s;
    animation-delay: 2.5s;
}
.cl-slideshow li:nth-child(2) span { 
    background-image: url(_images/common/cl_aspects_005.jpg);
    -webkit-animation-delay: 7.5s;
    -moz-animation-delay: 7.5s;
    -o-animation-delay: 7.5s;
    -ms-animation-delay: 7.5s;
    animation-delay: 7.5s; 
}
.cl-slideshow li:nth-child(3) span { 
    background-image: url(_images/common/cl_aspects_new_york.jpg);
    -webkit-animation-delay: 12.5s;
    -moz-animation-delay: 12.5s;
    -o-animation-delay: 12.5s;
    -ms-animation-delay: 12.5s;
    animation-delay: 12.5s; 
}
.cl-slideshow li:nth-child(4) span { 
    background-image: url(_images/common/cl_aspects_003.jpg);
    -webkit-animation-delay: 17.5s;
    -moz-animation-delay: 17.5s;
    -o-animation-delay: 17.5s;
    -ms-animation-delay: 17.5s;
    animation-delay: 17.5s; 
}
.cl-slideshow li:nth-child(5) span { 
    background-image: url(_images/common/cl_aspects_007.jpg);
    -webkit-animation-delay: 22.5s;
    -moz-animation-delay: 22.5s;
    -o-animation-delay: 22.5s;
    -ms-animation-delay: 22.5s;
    animation-delay: 22.5s; 
}
.cl-slideshow li:nth-child(6) span { 
    background-image: url(_images/common/cl_aspects_006.jpg);
    -webkit-animation-delay: 27.5s;
    -moz-animation-delay: 27.5s;
    -o-animation-delay: 27.5s;
    -ms-animation-delay: 27.5s;
    animation-delay: 27.5s; 
}
.cl-slideshow li:nth-child(7) span { 
    background-image: url(_images/common/cl_aspects_002.jpg);
    -webkit-animation-delay: 32.5s;
    -moz-animation-delay: 32.5s;
    -o-animation-delay: 32.5s;
    -ms-animation-delay: 32.5s;
    animation-delay: 32.5s; 
}
.cl-slideshow li:nth-child(8) span { 
    background-image: url(_images/common/cl_aspects_012.jpg);
    -webkit-animation-delay: 37.5s;
    -moz-animation-delay: 37.5s;
    -o-animation-delay: 37.5s;
    -ms-animation-delay: 37.5s;
    animation-delay: 37.5s; 
}
.cl-slideshow li:nth-child(9) span { 
    background-image: url(_images/common/cl_aspects_013.jpg);
    -webkit-animation-delay: 42.5s;
    -moz-animation-delay: 42.5s;
    -o-animation-delay: 42.5s;
    -ms-animation-delay: 42.5s;
    animation-delay: 42.5s; 
}

/* Animation for the slideshow images */
@-webkit-keyframes imageAnimation { 
    0% { opacity: 0;
    animation-timing-function: ease-in; }
    6% { opacity: 1;
         animation-timing-function: ease-out; }
    12% { opacity: 1 }
    18% { opacity: 0 }
    100% { opacity: 0 }
}
@-moz-keyframes imageAnimation { 
    0% { opacity: 0;
    animation-timing-function: ease-in; }
    6% { opacity: 1;
         animation-timing-function: ease-out; }
    12% { opacity: 1 }
    18% { opacity: 0 }
    100% { opacity: 0 }
}
@-o-keyframes imageAnimation { 
    0% { opacity: 0;
    animation-timing-function: ease-in; }
    6% { opacity: 1;
         animation-timing-function: ease-out; }
    12% { opacity: 1 }
    18% { opacity: 0 }
    100% { opacity: 0 }
}
@-ms-keyframes imageAnimation { 
    0% { opacity: 0;
    animation-timing-function: ease-in; }
    6% { opacity: 1;
         animation-timing-function: ease-out; }
    12% { opacity: 1 }
    18% { opacity: 0 }
    100% { opacity: 0 }
}
@keyframes imageAnimation { 
    0% { opacity: 0;
    animation-timing-function: ease-in; }
    6% { opacity: 1;
         animation-timing-function: ease-out; }
    12% { opacity: 1 }
    18% { opacity: 0 }
    100% { opacity: 0 }
}
/* Show at least something when animations not supported */
.no-cssanimations .slideshow li span{
	opacity: 1;
}