@charset "utf-8"; 
/* 
	CSS Document 
	AUTHOR: Appollinaire Egny
	WEBSITE:http://www.domainnane.co.uk

	Created in Mozilla Firefox3 

	THEME NAME: themename
	DESCRIPTION:Bespoke template for xxxx
	VERSION:1.0

	------------------------------------------------------------------
	[Master Stylesheet]
	-------------------------------------------------------------------
*/

/*	-------------------------------------------------------------
	IMPORT
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

@import url('https://fonts.googleapis.com/css?family=Playfair+Display:400,400i,700,700i');
@import url('https://fonts.googleapis.com/css?family=Montserrat:300,300i,400,400i');

/*font-family: 'Montserrat', sans-serif;*/

/*	-------------------------------------------------------------
	STYLES FOR SCREEN / PROJECTION
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/


/*	-------------------------------------------------------------
	RESET
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

html, body, div, span, applet, object, iframe,
p, blockquote, pre, a, abbr, acronym, address, 
big, cite, code, del, dfn, em, font, img, ins, 
kbd, q, s, samp, small, strike, sub, sup, tt, 
var, 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-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline}

:focus 								{outline:0}
body 								{font-family:Arial, Helvetica, sans-serif; font-size:100%; color:#000; margin:0; padding:0}
/*
ol, ul 								{list-style:none}
*/
table 								{border-collapse:separate; border-spacing:0}
caption, th, td 					{text-align:left; font-weight:normal}
blockquote:before, 
blockquote:after,
q:before, q:after 					{content:""}
blockquote, q 						{quotes:"" ""}



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


html, body 							{height:100%}
body, html 							{-ms-text-size-adjust:none; -moz-text-size-adjust:none; -o-text-size-adjust:none; -webkit-text-size-adjust:none}


body 								{margin:0; padding:0; border:0; width:100%; background:#fff; font-size:1em; line-height:1.5em; font-family: 'Montserrat', serif; font-weight: 300; -webkit-text-size-adjust:none}

.fixed {
   position:relative;
   margin:0 auto;
   padding:0;
   max-width:1170px;
   width:100%;
   overflow:hidden
}
.fixed:before,
.fixed:after 							{ content: ""; display: table }
.fixed:after 							{ clear: both }
.fixed 									{ clear: both; *zoom: 1 }



a {
	clear:none;
	color:#000
}
a:hover {
}
h1, h2, h3 {
	margin:0 0 0.5em 0;
	padding:0;
	font-family: 'Playfair Display', serif;
	font-weight:400;
	line-height:1.2
}

h2 {font-size:32px}
h3 {font-size:25px}
p {
	margin:0 0 .8em 0;
	padding:0;
}


/* embedded videos */

	embed,
	object,
	iframe {
		width: 100%;
		/*height: auto;*/
	}
/*	-------------------------------------------------------------
	HACKS
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

.clearfix:after 						{ visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clearfix 								{ display: inline-block; }
.clearfix 								{ display: block; zoom: 1; }	
	
.group:before,
.group:after 							{ content: ""; display: table }
.group:after 							{ clear: both }
.group 									{ clear: both; *zoom: 1 }


	
/*	-------------------------------------------------------------
	HEADER STYLES
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#header {
		position:fixed;
		top:0;
		left:0;
		right:0;
		padding:0;
		margin:0 auto;
		width:100%;
		height:110px;
		z-index:101;
		background:#fff
	}
	
	#header:before,
	#header:after 							{ content: ""; display: table }
	#header:after 							{ clear: both }
	#header 								{ clear: both; *zoom: 1 }
	
	#menu_table					{display:table; height:110px; margin:0; padding:0; width:100%}
	#menu_table .rows_left		{display:table-cell; width:40%; height:100%; vertical-align:middle; margin:0; padding:0}
	#menu_table .rows_right		{display:table-cell; width:40%; height:100%; vertical-align:middle; margin:0; padding:0; text-align:right}

	
	#header nav {display:table; width:100%}
	#header nav ul {display:table-row; }
	#header nav li {display:table-cell}

	
/*	-------------------------------------------------------------
	CONTENT STYLES
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#main {
		position:relative;
		/*padding:110px 0 50px;*/
		padding:110px 0;
		margin:0 auto;
		width:100%;
	}
	
	#main:before,
	#main:after 							{ content: ""; display: table }
	#main:after 							{ clear: both }
	#main 									{ clear: both; *zoom: 1 }

	#main img {display:block; width:100%; height:auto}
	
	ul.rig li {position:relative}
	
	
	.with_caption span {display:block; position:absolute; height:100px; line-height:1.4; bottom:0; left:0; right:0; padding:10px; margin:0 auto; color:#fff; z-index:10; background-color:rgba(0,0,0,0.3); vertical-align:middle}
	
		   
	.intro_frame				{position:absolute; top:0; left:60px; right:60px; height:100%}
	.intro_frame > div 			{display:table; width:100%; height:100%}
	.intro_frame > div > div 	{display:table-cell; width:100%; height:100%; vertical-align:middle}
	.intro_frame > div > div a 	{color:#000; text-decoration:underline}
	
	.text_banner_frame 			{position:relative; padding:30px 50px; margin:0 auto;}
	.text_banner_frame .section span	{display:block; width:90%; height:90px; line-height:90px; text-transform:uppercase; text-align:center; border:1px solid #000; margin: 5px 0 0;}
    .text_banner_frame .section span	{font-size: 14px; letter-spacing: 2px}  

            
#caption_inner_page {
	position:absolute;
	padding:0;
	margin:0;
	top:0;
	left:0;
	right:0;
	width:100%;
	height:100%;
}
#caption_inner_page > div {
	display:table;
	height:100%;
	width:100%;
	background-color:rgba(102,102,102,0.2)
}
#caption_inner_page > div > div {
	display:table-cell;
	height:100%;
	width:100%;
	vertical-align:middle;
	text-align:center;
	color:#fcfcfc;
	font-size:25px;
	font-style:italic
}

#caption_inner_page > div > div h1 {
	display:block;
	font-size:50px;
	font-style:normal
}



figure { 
	display: block; padding: 0;
	position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
}

figure iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.parent_page ol, 
.parent_page ul {
	margin:0 0 0 50px
}



.box_with_caption > div {
	position:absolute;
	top:0;
	right:0;
	left:0;
	height:100%;
	width:100%;
	background-color: rgba(102,102,102,0.5);
}


.box_with_caption > div > div {
	display:table;
	height:100%;
	width:100%;
	font-family: 'Playfair Display', serif;
}
.box_with_caption > div > div > a {
	display:table-cell;
	height:100%;
	width:100%;
	vertical-align:middle;
	text-align:center;
	color:#fcfcfc;
	font-size:30px;
	line-height:1.2;
	text-decoration:none
}


div.crumb a {font-size:14px;color:#000;text-decoration:none;}


.caption_box 							{position:absolute; top:0; right:0; left:0; width:100%; height:100%; background-color: rgba(102,102,102,0.2);}
.caption_box > div 						{display:table; width:100%; height:100%; padding:0; margin:0}
.caption_box > div > span 				{display:table-cell; width:100%; height:100%; padding:0; margin:0; vertical-align:middle; text-align:center}
.caption_box > div > span 				{color:#fff; font-size:30px; line-height:1.2; font-family: 'Playfair Display', serif}
.intro_frame > div > div p				{line-height:1.8em !important}

.caption_box_gal 				{position:absolute; top:0; right:0; left:0; width:100%; height:100%}
.caption_box_gal > div 			{display:table; width:100%; height:100%; padding:0; margin:0}
.caption_box_gal > div > span 	{display:table-cell; width:100%; height:100%; padding:0; margin:0; vertical-align:middle; text-align:center}
.caption_box_gal > div > span 	{color:#fff; font-size:30px; line-height:1.2}





/* ----- Image grids ----- */
ul.rig {
list-style: none;
font-size: 0px;
margin-left: -1%;
}
ul.rig li {
display: inline-block;
padding: 0;
margin: 0 0 1% 1%;
background: #fff;
font-size: 16px;
font-size: 1rem;
vertical-align: top;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
position:relative
}
ul.rig li img {
max-width: 100%;
height: auto;
margin: 0;

}

ul.rig.columns-2 li {width: 49%} /*width: 47.5%*/
ul.rig.columns-3 li {width: 30.83%}
ul.rig.columns-4 li {width: 22.5%}








@media (max-width: 1199px) {
	.container {
		width: auto;
		padding: 0 10px;
	}
}

@media (max-width: 480px) {
	ul.grid-nav li {
		display: block;
		margin: 0 0 5px;
	}
	
	ul.grid-nav li a {
		display: block;
	}
	
	ul.rig {
		/*margin-left: 0;*/
	}
	
	ul.rig li {
		width: 47.5% !important; /* over-ride all li styles  /width: 100%/ */
		/*margin: 0 0 20px;*/
	}
	
	ul#blogs_frame.rig li,
	ul#testimonial_list.rig li {
		width: 100% !important;
		display: block;
		padding: 0;
		margin: 0 0 1% 0;
		position:relative
	}
	
	
	.with_caption_inner ul#testimonial_list.rig li span span {
		height: 60px;
	}
	
	
	ul#testimonial_list.rig li .targetDiv {
		position: fixed;
		bottom: 10%;
		top:0;
		left: 0;
		right: 0;
		width: 100%;
		z-index: 100005;
		height:100%;
		overflow: auto;
	}
	
	.targetDiv i {
		z-index: 100005;
	}
	
	.targetDiv i {
		display: block;
		position: absolute;
		top: 5px;
		right: 10px;
		font-style: normal;
		cursor: pointer;
		width: 100%;
		text-align:right
	}
	.targetDiv > div {
		display:table;
		width:100%;
		height:100%
	}
	
	.targetDiv > div > div {
		display:table-cell;
		width:100%;
		height:100%;
		vertical-align:middle
	}
		
}



/* Pagination */	

.pagination_frame a{
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	padding: 3px 4px 2px 4px; 
	margin: 2px;
	text-decoration: none;
	border: 0px solid #ccc;
	color: #666;
	}

.pagination_frames a:hover {	
	border: 1px solid #666;
	color: #444;
	}
	
.right_text {text-align:right}	

.inner_content_pad {position:relative; padding:4% 10%; margin:0 auto; font-size:18px; line-height:30px; text-align:center}
.inner_content_pad_nocenter {position:relative; padding:4% 10%; margin:0 auto; line-height:30px}

.ads_title	{font-size:20px;font-weight:bold}

.mobile_only {display:none !important; height:0}


button#catapultCookie {
    color: #000 !important;
    background: #fff !important;
}


#social_icons div:nth-child(6) {display:none !important; height:0 !important}


/*	-------------------------------------------------------------
	FOOTER STYLES
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#footer {
		position:fixed;
		bottom:0;
		left:0;
		right:0;
		background:#fff;
		
		padding:0;
		margin:0 auto;
		width:100%;
		font-size:14px;
		
	}
	
	#footer:before,
	#footer:after 							{ content: ""; display: table }
	#footer:after 							{ clear: both }
	#footer 								{ clear: both; *zoom: 1 }
	
	#footer a 								{text-decoration:none; color:#000}
	#footer span {
		display:block;
		text-transform:uppercase;
		font-family: 'Playfair Display', serif;
		font-weight:400;
		font-size:14px;
		letter-spacing:1px
	}


/*  SECTIONS  ============================================================================= */

.section {
	clear: both;
	padding: 0px;
	margin: 0px;
	
}


/*  GRID COLUMN SETUP   ==================================================================== */

.col {
	display: block;
	float:left;
	/*margin: 1% 0 1% 1.6%;*/
	margin: 1% 0 0% 1%;
	position:relative
}

.col:first-child { margin-left: 0; } /* all browsers except IE6 and lower */


/*  REMOVE MARGINS AS ALL GO FULL WIDTH AT 480 PIXELS */

@media only screen and (max-width: 480px) {
	.col { 
		margin: 1% 0 1% 0%;
	}
}

/*  GRID OF TWELVE   ============================================================================= */

.span_12_of_12 {
	width: 100%;
}

.span_11_of_12 {
	width: 91.53%;
}

.span_10_of_12 {
	width: 83.06%;
}

.span_9_of_12 {
	width: 74.6%;
}

.span_8_of_12 {
	width: 66.13%;
}

.span_7_of_12 {
	width: 57.66%; 
}

.span_6_of_12 {
	/* width: 49.2%;  */
	width: 49.5%; 
}

.span_5_of_12 {
	width: 40.73%; 
}

.span_4_of_12 {
	/* width: 32.26%; */
	width: 32.66%;
}

.span_3_of_12 {
	/*width: 23.8%;*/
	width: 24.2%;
}

.span_2_of_12 {
	width: 15.33%; 
}

.span_1_of_12 {
	width: 6.86%; 
}


/*  GRID OF FIVE   ============================================================================= */

	
.span_5_of_5 {
	width: 100%;
}

.span_4_of_5 {
  	width: 79.68%; 
}

.span_3_of_5 {
  	width: 59.36%; 
}

.span_2_of_5 {
  	width: 39.04%;
}

.span_1_of_5 {
  	/* width: 18.72%; */
	    width: 19.2%;
}



/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
	.span_12_of_12 {
		width: 100%; 
	}
	.span_11_of_12 {
		width: 100%; 
	}
	.span_10_of_12 {
		width: 100%; 
	}
	.span_9_of_12 {
		width: 100%; 
	}
	.span_8_of_12 {
		width: 100%; 
	}
	.span_7_of_12 {
		width: 100%; 
	}
	.span_6_of_12 {
		width: 100%; 
	}
	.span_5_of_12 {
		width: 100%; 
	}
	.span_4_of_12 {
		width: 100%; 
	}
	.span_3_of_12 {
		width: 100%; 
	}
	.span_2_of_12 {
		width: 100%; 
	}
	.span_1_of_12 {
		width: 100%; 
	}
	
	
	#social_icons .span_1_of_5 {
		width: 49%;
	}
	
	#social_icons .col {
		display: block;
		float: left;
		/* margin: 1% 0 1% 1.6%; */
		margin: 1% 0 0% 1%;
		position: relative;
	}
	
	.span_5_of_5 {
		width: 100%; 
	}
	.span_4_of_5 {
		width: 100%; 
	}
	.span_3_of_5 {
		width: 100%; 
	}
	.span_2_of_5 {
		width: 100%; 
	}
	.span_1_of_5 {
		width: 100%; 
	}
}


@media only screen 
and (min-width: 320px) 
and (max-width: 667px) {
	
	#footer {
		position:relative;
		bottom: 0;
		left: 0;
		right: 0;
		background: #fff;
		padding: 0 2%;
		margin: 0 auto;
		width: 100%;
		font-size: 14px;
	}
	
	#header {
		left: 1%;
		right: 1%;
		width: 98%;
	}
	
	#main {
		padding: 110px 2% 25px;
	}
	
	
	.inner_content_pad {
		padding:4% 0%; 
		font-size:18px; 
		line-height:30px;
	}
	
	.inner_content_pad_nocenter {
		padding:4% 0%
	}
	
	
}




@media only screen 
and (min-width: 320px) 
and (max-width: 667px) 
and (orientation: landscape) {

#menu_table .rows_left {
    display: table-cell;
    width: 25%;
    height: 100%;
    vertical-align: middle;
    margin: 0;
    padding: 0;
}

#menu_table .rows_right {
    display: table-cell;
    width: 70%;
    height: 100%;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    text-align: right;
	    font-size: 13px;
}

#menu_table .rows_left img {
		max-width:100%;
		height:auto
	}

.intro_frame {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
}

.text_banner_frame {
    position: relative;
    padding: 30px 2%;
    margin: 0 auto;
}

.span_6_of_12 iframe {height:auto !important}

.intro_frame > div > div {
padding:10px 10px 0	
}

.intro_frame h2,
.intro_frame h1 {
	font-size:18px
}
.intro_frame > div > div p {
    line-height: 1.5em !important;
	font-size:12px
}

#footer {
    font-size: 11px;
}



.text_banner_frame h3 {
    font-size: 20px;
}




#group_rows_01 .span_6_of_12 {
		width:100%;
		margin:0 !important
	}
	
	#group_rows_01 .span_6_of_12 img {
		display:block	
	}
	
	#group_rows_01 .span_6_of_12 .img__blank {
		display:none !important
	}
	
	#group_rows_01 .span_6_of_12 .intro_frame {
		position: relative;
		top: 0;
		left: 0;
		right: 0;
		padding:10px;
		margin:0 auto;
		height: 100%;
		background: #eee;
	}
	
	#group_rows_02 .span_6_of_12{
		clear:both;
		width:100% !important;
		margin:1% 0 0 !Important
 	}
	#group_rows_02 .span_6_of_12 iframe {
		height:400px !important
	}
	
	#group_rows_02 .span_3_of_12 {
		width:49.5% !important
	}



}

@media only screen 
and (min-width: 320px) 
and (max-width: 667px) 
and (orientation: portrait) {
	
	.mobile_only {display:block !important; height:auto !important}
	/*
	#header {
		left: 1%;
		right: 1%;
		width: 98%;
	}
	*/
	#menu_table {
		display: block;
		height: 110px;
		margin: 0;
		padding: 25px 0 0;
		width: 100%;
	}
	
	#menu_table .rows_left img {
		max-width:100%;
		height:auto
	}
	
	#menu_table .rows_right nav ul li:nth-child(1),
	#menu_table .rows_right nav ul li:nth-child(2) {
		/*
		position:absolute;
		width:100%
		*/
		display:none !important;
		height:0 !important
	}
	#menu_table .rows_right nav ul li:nth-child(1) {
		bottom:22px;
		left:0
	}
	#menu_table .rows_right nav ul li:nth-child(2) {
		bottom:0;
		left:0
	}
	
	.right_text {text-align:left}	
	
	#footer span {
    	display: inline-block;
	}
	
	
	.img__blank {display:none !important}
	
	.intro_frame {
		position: relative;
		top: 0;
		left: 0;
		right: 0;
		padding:15px;
		height: 100%;
		background: #eee;
	}
	
	.text_banner_frame {
		padding: 30px 2%;
	}
	/*
	#main {
		padding: 110px 2% 25px;
	}
	*/
	.text_banner_frame .section span {
    	width: 100%;
	}
	
	.inner_content_pad {
		padding:4% 0%; 
		font-size:18px; 
		line-height:30px;
	}
	
	.inner_content_pad_nocenter {
		padding:4% 0%
	}
	
	.with_caption span {
		height: auto;
	}

	#caption_inner_page > div > div {
		font-size: 18px;
	}
	
	#caption_inner_page > div > div h1 {
		font-size: 26px;
	}
	
	#caption_inner_page > div {
		background-color: rgba(0,0,0,0.3);
	}
	
	.with_caption span {
		line-height:1.2
	}
	
	.author_info {
		display:block; 
		padding:10px 0 0 !important; 
		margin:0 !important; 
		text-align:right !important; 
		font-size:20px !important
	}
	
	#social_icons div:nth-child(6) {display:block !important; height:auto !important}
	
	.caption_box_gal {background-color:rgba(0,0,0,0.5) }


}




@media only screen 
and (min-width: 768px) 
and (max-width: 1024px) {
	
	.intro_frame {
		position: absolute;
		top: 0;
		left: 20px;
		right: 20px;
		height: 100%;
	}
	
	#footer {
		position:relative;
		bottom: 0;
		left: 0;
		right: 0;
		background: #fff;
		padding: 0 2%;
		margin: 0 auto;
		width: 100%;
		font-size: 14px;
	}
	
	#header {
		left: 1%;
		right: 1%;
		width: 98%;
	}
	
	#main {
		padding: 110px 2% 25px;
	}
	
	
	.inner_content_pad {
		padding:4% 0%; 
		font-size:18px; 
		line-height:30px;
	}
	
	.inner_content_pad_nocenter {
		padding:4% 0%
	}
	
	
	
	#menu_table .rows_left {
		display: table-cell;
		width: 25%;
		height: 100%;
		vertical-align: middle;
		margin: 0;
		padding: 0;
	}

	#menu_table .rows_right {
		display: table-cell;
		width: 70%;
		height: 100%;
		vertical-align: middle;
		margin: 0;
		padding: 0;
		text-align: right;
		font-size: 16px;
	}

	#menu_table .rows_left img {
		max-width:100%;
		height:auto
	}
	
	.text_banner_frame {
		padding: 30px 2%;
	}
	
	.span_6_of_12 iframe {height:auto !important}
	
	
}


@media only screen 
and (min-width: 768px) 
and (max-width: 1024px) 
and (orientation: portrait) {
	#group_rows_01 .span_6_of_12 {
		width:100%;
		margin:0 !important
	}
	
	#group_rows_01 .span_6_of_12 img {
		display:block	
	}
	
	#group_rows_01 .span_6_of_12 .img__blank {
		display:none !important
	}
	
	#group_rows_01 .span_6_of_12 .intro_frame {
		position: relative;
		top: 0;
		left: 0;
		right: 0;
		padding:10px;
		margin:0 auto;
		height: 100%;
		background: #eee;
	}
	
	#group_rows_02 .span_6_of_12{
		clear:both;
		width:100% !important;
		margin:1% 0 0 !Important
 	}
	#group_rows_02 .span_6_of_12 iframe {
		height:400px !important
	}
	
	#group_rows_02 .span_3_of_12 {
		width:49.5% !important
	}
	
	.with_caption span,
	.with_caption_inner span span {
		height: 60px !important
	}
}

@media only screen 
and (min-width: 768px) 
and (max-width: 1024px) 
and (orientation: landscape) {
	.span_6_of_12 iframe {
		height: 265px !important;
	}
	h2 {
    font-size: 26px;
}
}