<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/* created  17 0309 //////////////////////////////////////////////// Generic Styles :: TENNIS   */



 /*   color: rgba(1,182,1,1);  /* Ramsden &amp; Whale GREEN */
 
/*     color: rgba(0,128,0,1);  /* #008000 Ramsden &amp; Whale GREEN */
	
/*     color: rgba(44,60,171,1); /* #2C3CAB; Ramsden BLUE */

 /*   color: rgba(183,37,46,1); /* DRUMCARE - Red */
 
 /*   color: rgba(183,37,46,1); /* DarkBlue */



/* ================================= */
/* :::::::::::: 0. PRINT STYLES  :::::::::::: */
/* ================================= */

@media print {
	
	/* FAILS to Work ?? */
	/*	.team.MADESIGN::before {
		content: "Who am I";
		font-size: 24pt;
		font-weight: bold;
		text-align: left;
		color: red;
		padding: 20px;
	}
	
	.team.MADESIGN::before {
		content: "Its me..."!important;
	}
	*/
	
	div.divFooter {
		color: rgba(255,255,255,0.6)!important;
		
		background: url('../../../simpleSite/images/17_0820-RUSSIANDOLLS-Face-LOGO-BLACK-w500px.png')no-repeat!important;
		
		background: url('../../../simpleSite/images/17_0820-RUSSIANDOLLS-20-years-Logo-WHITE-w200px.png')no-repeat!important;
		background-size: 500px 500px!important;
		background-position: top 0px right 30px!important;
		
	}

	div.divFooter:before {
		content: "Design: ma-design.com";
		font-size: 9pt!important;
		color: rgba(255,255,255,0.6)!important;
		position:absolute;
		top: 0px;
		right: 30px;
		
		.background: url('../../../simpleSite/images/17_0820-RUSSIANDOLLS-Face-LOGO-BLACK-w500px.png')no-repeat!important;
		
			.background: url('../../../simpleSite/images/17_0820-RUSSIANDOLLS-20-years-Logo-WHITE-w200px.png')no-repeat!important;
		.background-size: 500px 500px!important;
		.background-position: top 0px right 30px!important;
		
	}
	
	
	div.divFooter:after {
		.content: "Design: ma-design.com";
		white-space: pre; 
		.color: white!important;
		.content: "\f1c0"; /*&lt;--- this is your text. You can also use UTF-8 character codes as I do here */
		content: " ";
		font-family: FontAwesome;
		.left:-5px;
		position:absolute;
		.width: 10px;
		top: 1cm;
		.left: 90%;
		right: -10px;
		.margin-left: -5px;
		font-size: 2.5cm!important;
		text-shadow: 4px 4px 8px rgba(0,0,0,0.6)!important;
	}

	/* colour */
	div.divFooter:after {
		color: yellow!important;
		padding: 10px 65px 0 0!important;
		
		.background: url('../../../simpleSite/images/17_0820-RUSSIANDOLLS-20-years-Logo-WHITE-w200px.png')no-repeat!important;
		background: url('../../../simpleSite/images/17_0820-RUSSIANDOLLS-Face-LOGO-BLACK-w500px.png')no-repeat!important;
		background-size: 150px auto!important;
		background-position: top 20px right 30px!important;
		background-color: darkblue!important; /* rgba(0,128,0,1)!important; /* Ramsden &amp; Whale GREEN */
	}
	/* Rotation */
	/* div.divFooter:after {
		-ms-transform: rotate(-45deg); /* IE 9 */
	/*	 -webkit-transform: rotate(-45deg); /* Chrome, Safari, Opera */
	/*	transform: rotate(-45deg);
/* 	}
	
	div.divFooter i.fa::after {
		font-size: 150px;
		background: red;
		float: right;
	}
*/
	

@media print{


	
	div.pageFooter {text-align: unset!important;}
	
	/* lets have a page counter */
	div.pageFooter {
		/* background-image: linear-gradient(to left, rgba(0,128,0,1), white 50%)!important; */
		background: darkblue!important;
		padding: 3px 50px 18px 0!important;
		font-style: italic;
		font-size: 8pt;
		right: 0!important;
		border-radius: 0!important;
		text-align: right!important
	}
	div.pageFooter::after {
		color: white!important;
	}
	
	div.pageFooter::before {
		content: "www.Russian-Dolls.co.uk";
		font-style: normal;
		color: yellow;
		font-size: 14pt;
		text-shadow: 1px 1px 2px rgba(0,0,0,0.6);
		margin-right: 240px!important;
	}
	
	.printTel, .addTel, .addTel.showPhone {
		display: inline-block;
		position: relative;
		position: absolute;
		bottom: 5px!important;
		right: 50px!important;
		font-size: 12pt!important;
		font-style: italic!important;
		color: white!important;
		text-shadow: 1px 1px 2px rgba(0,0,0,0.6);
	}
	a.addTel span {
		font-size: 6pt;
		font-weight: bold;
		color: white!important;
	}

}
	
	/* TEXT on pages */
	
	.about, .about.col-md-6, .services.col-md-6.Left, .products.col-md-6.Left, .services.Left p, .products.Left p {
		text-align: left;
	}
	
	
	/* association logos */
	.assocList {
		position: absolute;
		top: 20px;
		/* right: 20px; */
		width: 80px!important;
	}
	a.assocLogo {
		width: 80px;
		margin-bottom: 20px;
		box-shadow: 2px 2px 4px rgba(0,0,0,0.4);
	}
	.assocLogo.print {
		display: block!important;
		margin-bottom: 20px;
	}
	header .social-icons li a[href]:before {
		display: none;
		content: " " attr(href) " ";
		color: white!important;
		position: relative;
		left: -230px;
		top: 20px;
		float: left;
		font-size: 7pt;
		text-align: right;
	}
	header .social-icons {
		position: absolute;
		right: unset;
		left: 10px;
	}
	
	/* Client LOGO */
	div.logo {
		display: block!important;
	}
	header div.logo img {
		display: block!important;
		.position: absolute;
		width: 100%!important;
		max-width: unset;
		.width: unset!important;
		height: auto;
		
		top: -30px!important;
		right: 60px!important;
		z-index: 10000!important;
	}
	
	header .logo {
		position: relative;
		left: unset!important;
		right: -230px!important;
		top: 320px!important;
		width: 250px!important;
		margin-top: unset!important;
		margin-bottom: unset!important;
	}
	#Welcome .addTel, #Welcome p,
	header div.logo {
		display: block!important;
		max-width: unset;
	}
	#Welcome .addTel,
	#Welcome p {display: none!important}
	
	header div.logo, header div.logo img {
		max-width: unset!important;
		Height: unset;
	}
	.animated {
		-webkit-animation-duration: 0s;
		animation-duration: 0s;
		-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
	}



	
	

}



div element.style {
	height: auto!important;
}

/* ================================= */
/* :::::::::::: 0. Colour Styling  ::::::::::;;::::::::::::::::: */
/* ================================= */

.contact-photo,
#About {
		color: white!important;
		background: darkblue url('../../../simpleSite/images/17_0820-RUSSIANDOLLS-20-years-Logo-WHITE-w200px.png')no-repeat!important;
		background-size: 100px auto!important;
		background-position: 10px 510px!important;
		}
		
.contact-Text {
		color: white!important;
		background: rgba(0,128,0,1) url('../../../simpleSite/images/17_0820-RUSSIANDOLLS-20-years-Logo-WHITE-w200px.png')no-repeat!important;
		background-size: 100px auto!important;
		background-position: 10px 510px!important;
		}

@media print {
	.contact-photo,
	#About ,
	.contact-Text {
		background-size: 100px auto!important;
		background-position: 40px 545px!important;
		}
}
		
#ServicesIntro {background: darkblue; color: white!important;}
#Classic {background: red; color: white;}
#Collectable {background: orange; color: white;}
#Connoisseur {background: purple; color: white;}
#GDSF {background: #af1821;}


a,
.Ramsde H3,
.RamsdenBlue, strong {
    color: rgba(44,60,171,1); /* #2C3CAB; Ramsden BLUE */
}
.RandW H3,
.RamsdenGreen {
    color: rgba(0,128,0,1);  /* Ramsden &amp; Whale GREEN */
}
.Drumc H3,
.DrumcareRed {
    color: rgba(183,37,46,1); /* DRUMCARE - Red */
}

.about a.addTel.showPhone {color: white;}

#GDSF a.addTel.showPhone {color: white;}
#GDSF .brandSlogan{display: none;}


 body {
   .background: rgba(0,128,0,1);  /* Ramsden &amp; Whale GREEN */
}
 
#page-loader,
div.menuWrapper,
footer {
	color: white; /*azure */
	background: DarkBlue; /*rgba(0,128,0,1);  /* Ramsden &amp; Whale GREEN */
}
div.menu li a:hover,
div.menu li a:active {
	color: yellow!important;
}
div.menu li a span {color: white;}
div.menu li a span:hover {color:yellow!important; text-shadow: 1px 1px 2px rgba(0,0,0,0.8); }
div.menu li a span:active {color:yellow!important;}

/* Menu Colours */

div.menuWrapper {
    .background-color: #003334; /* DarkGreen */
	.color: #010066; /* DarkBlue */
	border-top:    1px solid yellow; /*#aa9055;  /* GOLD */
	.border-right:  0px dashed #aa9055;  /* GOLD */
	border-bottom: 1px solid yellow; /*#aa9055;  /* GOLD */
	.border-left:   0px solid  #aa9055;  /* GOLD */
}

div.menu li span {
	color: yellow; /*black; /* rgba(44,60,171,1); /* #2C3CAB; Ramsden BLUE */
}

.menuTitle i.fa.fa-print:before {
    color: yellow;
    margin-right: 0px;
}

.services ul li a, .services ul li i, .products ul li a, .products ul li i,
.services .intro-text ul li, .products .intro-text ul li 
{color: black;}


/* MAJOR Elements colouring */
#Welcome.container,
header .social-icons li i.fa {
	.background: rgba(0,128,0,0.8); /* Ramsden &amp; Whale GREEN */
	background: rgba(144,22,33,1); /* Russian Crafts Burgundy */
	border-radius: 3px;
}

/* li Icon SQUARES */
.products i,
.services i,
.contactBlock {
	background: yellow; /* Ramsden &amp; Whale YELLOW */
}
.contactBlock {
	background: darkblue; /* rgba(0,128,0,1); /* Ramsden &amp; Whale GREEN */
}

h1, h2, h3, h4, h5, h6,
.services h3,
.products h3,
.services .icon i, .contact .icon i, .contact-Text i, .contact-photo i, .contact i, .copyright i, .about i, .services i, strong, .contact #ajax-contact-form i, .team .social-icons li a, .about h2, .services,
.innovative .icon,
header .mouse-wrapper,
header .mouse-wrapper a,
header .mouse span,
#zoom-in, #zoom-out {
	/* color:  rgba(0,128,0,1); /* Ramsden &amp; Whale GREEN */
	color: white;		
}
h1, h2, h3, h4, h5, h6 {
	text-shadow: 4px 4px 8px rgba(0,0,0,0.6)!important;
}

#zoom-in, #zoom-out {
	.background-color:  rgba(0,128,0,1); /* Ramsden &amp; Whale GREEN */
	background-color:  darkblue; /* Russian Dolls */
}

.Ramsde H3,
.Ramsde strong,
#RamsdenDrums a.addTel {
    color: rgba(44,60,171,1); /* #2C3CAB; Ramsden BLUE */
}
.RandW H3,
.RandW strong,
#RandW a.addTel {
    color:  rgba(0,128,0,1); /* Ramsden &amp; Whale GREEN */
}
.Drumca H3,
.Drumca strong,
#Drumcare a.addTel {
    color: rgba(183,37,46,1); /* Drumcare RED */
}

p strong {
	display: inline-block;
	width: 300px;
}

.about p,
.twitter p,
.services p,
.products p {
    color: white; /*#8c9398; */
}



@media print {
	
	p strong {
		display: inline-block;
		width: 400px;
	}
};

.tweet li {
    .background-color: rgba(44,60,171,1); /* Drumcare Blue */
    .border: 1pt solid white;
}

.contact input[type="submit"] {
	.background: rgba(44,60,171,1); /* Drumcare Blue */
	.background: rgba(0,128,0,0.8); /* Ramsden and Whale   GREEN */
	background: darkblue; /* Russian Crafts */
}
.contact input[type="submit"]:hover {
	background: yellow; /* Drumcare Blue */
	.color: rgba(44,60,171,1); /* Drumcare Blue */
	.color: rgba(0,128,0,0.8); /* Ramsden and Whale   GREEN */
	background: darkblue; /* Russian Crafts */
}

.contact input[type='text'], .contact input[type='email'], .contact textarea {
    color: rgba(44,60,171,1); /* Drumcare Blue */
	.color: rgba(0,128,0,0.8); /* Ramsden and Whale   GREEN */
    background: white;
}
.contact input[type='text']:hover, .contact input[type='email']:hover, .contact textarea:hover {
    .color: rgba(44,60,171,1); /* Drumcare Blue */
	color: rgba(0,128,0,0.8); /* Ramsden and Whale   GREEN */
    background: azure;
}
.contact-info .phone a, .contact-info .email a {
    color: white!important;
}




/* SQUARE BLOCKS /// */

.intro-text.Products li {
	font-size: 10pt;
}
.intro-text.Products li em{
	font-size: 8pt;
}

.products.Products i.fa-shower,
.products.Products i.fa-database,
.products.Products i.fa-trash {
    margin-bottom: 20px;
}


.innovative-photo .title-section,
.services ul,
.products ul,
.twitter ul,
.Right.products .intro-text ul, 
.Right.services .intro-text ul,
.Left.products .intro-text ul, 
.Left.services .intro-text ul
{
	.background: rgba(44,60,171,0.8); /* Drumcare Blue */
	background: rgba(0,128,0,0.6); /* Ramsden and Whale   GREEN */
	width:35Vh;
	max-width: 320px;
	height: 35Vh;
	max-height: 320px;
	padding: 20px 35px;
	border-radius: 100%;
	box-shadow: 10px 10px 15px rgba(0,0,0,0.1);
	border: 4pt #009933 solid;
}
.twitter ul {
	background: rgba(144,22,33,0.8); /* Burgundy */
	border: 4pt rgba(144,22,33,1) solid; /* Burgundy */
	box-shadow: 10px 10px 15px rgba(0,0,0,0.5);
}

#ProductsIntro .intro-text.Products ul {
	padding: 20px 0 0 35px;
}
#ProductsIntro .intro-text.Products ul li i{
	margin-bottom: 10px;
}
#ProductsIntro .intro-text.Products ul li {
	line-height: 12pt;
	margin-bottom: 10px;
}

.innovative-photo .title-section {
	float: right;
}
.about .intro-text {
	padding: 0!important; 
}

/* #EmptiesShow, */
.Left.services .intro-text.Emptie ul,
.Right.services .intro-text.Emptie ul {
	
	background: unset; /* Drumcare Blue */
	width:unset;
	max-width: unset;
	max-width: 320px;
	max-width: 30Vw;
	height: unset;
	max-height: unset;
	padding: 20px 35px;
	border-radius: unset;
	box-shadow: unset;
	border: unset;
	color: rgba(44,60,171,1); /* Drumcare Blue */
}

.Left.services .intro-text.Emptie ul {float: right}
.Right.services .intro-text.Emptie ul {float: left}

.about.col-md-6,
.twitter.col-md-6,
.services.col-md-6,
.products.col-md-6 {
    height: 600px;
}


.services.col-md-6,
.products.col-md-6 {
	padding: 0px 90px 84px 90px;
}
.about.col-md-6,
.contact-Text.Left-rh,
.services.col-md-6.Left,
.products.col-md-6.left {
	padding: 0px 90px 84px 30px;
}
.services.col-md-6.Right,
.products.col-md-6.Right {
	padding: 0px 30px 84px 90px;
}
.innovative-photo {
    padding: 90px 90px 150px 70px;
}

.innovative-photo i {
    padding: 0 0 0 0;
}
.innovative-photo h2:after {
    content: " ";
}


.services ul,
.products ul {
	color: white;
	bottom: 0Vw;
	list-style:none;
    padding-left:0;
}
.services ul li a,
.services ul li i,
.products ul li a,
.products ul li i {
	.color: white;
	color: black;
}

.intro-text ul li {
	margin-bottom: 20px;
}

.services .intro-text.Licens ul,
.Right.services .intro-text.Licens ul {
	padding: 0px 10px 0px 0;
}
.intro-text.Licens ul li {
	margin-bottom: 5px;
	font-size: 9pt;
	line-height: 12pt;
	width: 140px; 
	margin-right: 1px;
}

.services .intro-text.Licens i, .products .intro-text.Licens i,
.Right.services .intro-text.Licens i, .Right.products .intro-text.Licens i {
    position: relative;
    left: -8px;
	margin-bottom: 5px;
}


    

.services .intro-text ul li,
.products .intro-text ul li {
	float: left;
	text-align: left;
}
.Left.products .intro-text ul, 
.Left.services .intro-text ul {
	float: right;
}
.Right.products .intro-text ul, 
.Right.services .intro-text ul {
	float: left;
}


/* Twitter */

.twitter h2 {display: none}
.twitter.col-md-6 {
    .background: url(../../images/pages/DIVIDER-Drumcare-Tipton-IBC_5.jpg) no-repeat center center!important;
	.background: url(../../simpleSite/images/pages/DIVIDER-Drumcare-Tipton-IBC_5.jpg) no-repeat center center!important;
	.background: url(../../../../assets/simpleSite/images/pages/DIVIDER-Drumcare-Tipton-IBC_5.jpg) no-repeat center center!important;
	.background-size: cover!important;
}
.twitter.col-md-6:after {
    background-color: rgba(0, 0, 0, 0);
}


.twitter ul {
	float: left;
	text-align: left;
	position: absolute;
	bottom: 2Vw;
}
.twitter li {
	float: left;
	text-align: left;
	background-color: transparent;
	border: none;
	box-shadow: 1px 1px 2px rgba(0,0,0,0);
}



/* icon */
div#myIcon { display: none;}

.services i,
.products i {
	clear: right;
	height: 30px;
	width: 30px;
	line-height: 30px;
	float: left;
	display: block;
	.background: red;
	text-align: center;
	box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
	.border: 1px white solid;
	border: 2px black solid;
	.border-radius: 2px;
	border-radius: 100%;
}
.services i.fa:before,
.products i.fa:before {position: relative; top: -2px; }

#Solution.services i {
	margin-bottom: 20px;
}

a.SeeMore i {
	height: unset;
	width: unset;
	line-height: unset;
	float: unset;
	background: unset;
	border: none;
	box-shadow: none;
	.float: right;
	display: inline;
}


.services i:hover,
.products i:hover {
	position: relative;
	top: -2px; 
	left: -19px;
	box-shadow: 2px 2px 4px rgba(0,0,0,0.4);
}

/* ================================= */
/* :::::::::::: 0. FONT Styling :::::::::::: */
/* ================================= */

hmtl, body {
	font-family: Verdana, Geneva, sans-serif;
}

@font-face {
	/*font-family: 'Oranienbaum', serif;
	font-family: 'Work Sans', sans-serif;
	font-family: 'Oswald', sans-serif;
	src:url('"https://fonts.googleapis.com/css?family=Oranienbaum'), */
	font-family: Verdana, Geneva, sans-serif;
}

	
h1, h2, h3, h4, h5, h6  {
	   /* font-family: 'Oranienbaum', serif;
		font-family: 'Oswald', sans-serif; */
		font-family: Verdana, Geneva, sans-serif;
}

.services h4 {
	clear: both;
	padding-bottom: 0px;
	padding-top: 12px;
}

.typed.animated.fadeInUp {
	font-family: Verdana, Geneva, sans-serif;
}

.companyStyle {
	.font-family: 'Oranienbaum', serif;
	.font-family: 'Oswald', sans-serif;
	.text-transform: uppercase;
    font-weight: bold;
	letter-spacing: 3px;
}
.companyStyle:hover {
	color: white;
}

.ma {
	color: orange;
}
.design {
	color: silver;
}

.services p,
.products p {
	word-spacing: 0;
}

	
/* ================================= */
/* :::::::::::: 0. Page Visual Logotype :::::::::::::::::::::::::::: */
/* ================================= */

.intro-text h2 {
	padding-bottom: 60px;
}
.intro-text h2 .logoWrapper {
	letter-spacing: 0px;
	font-size: 18px;
	width: 95px;  /* ration 20:105px | x 5.25 */
	.background: yellow;
	height: 40px;
}
.Left .intro-text h2 .logoWrapper {
	position: relative;
	left: 0;
	float: left;
}
.Right .intro-text h2 .logoWrapper {
	position: relative;
	right: 0;
	float: right;
}




/*Main LOGO //////////// */

header .logoWrapper {
	display: none;
}

header .logo {
	position: absolute;
	width: 100%;
	Height: auto;
	margin-top: 10px;
	margin-bottom: 70px;
}


.typed span {
	color: white;
}

 header div.logo img {
	position: absolute;
	width: 100%;
	top: 30px;

}
	
div.logoWrapper {
	.background: silver;
	.display: none;
	font-family: Verdana, Geneva, sans-serif;
	font-style: italic;
	font-weight: normal;
	.float: left;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 25px;
	.width: 100%
}

div.drumcare.logo {
	.background: teal;
	display: block;
	.width: 100%;
	.padding-right: 40%;
	.float: left;
	font-size: 100%;
	line-height: 100%;
	z-index: 10000;
	position: absolute;
	margin-top: 15px;
}

span.mainName {
	.background: red;
	float: left;
	display: inline-block;
	font-size: 85%;
	letter-spacing: 1px;
	.width: 100%;
	.margin-top: 3%;
}
span.Limited {
	.background: pink;
	float: right;
	display: inline-block;
	font-size: 55%;
	letter-spacing: 0px;
	line-height: 100%;
	width: 100%;
	text-align: right;
	.padding-left: 80px;
}


	


/* ================================= */
/* :::::::::::: 0. Sticky Menu  :;;;;;;;;;;;;;;;;;;;;::::::::::: */
/* ================================= */

	/* IMPOTRTANT - Needed to REVERSE Menu Array */
	div.menu,
	div.menu ul,
	#ServicesMenu ul li,
	#ProductsMenu ul li {
		float: right;
	}


/* ================================= */
/* :::::::::::: 0. Filter BUTTONS  :::::::::::::::::::::::::: */
/* ================================= */


/* FILTER BUTTONS ////////////////////////////////////////////////////////////////////// */
	/* //////////////// */
	
	#ServicesButton {float: right; position: relative; right: 0;}
	#ProductsButton {float: left; position: relative; left: 0;}
	
	/*#filterServices  {float: right; position: fixed; right: 0; bottom: 0; z-index:1000!important; }
	#filterProducts {float: left; position: fixed; left: 0; bottom: 0; z-index: 1000!important;} */
	
	#filterServices  {float: right; position: fixed; right: 0; bottom: 0;}
	#filterProducts {float: left; position: fixed; left: 0; bottom: 0;}

	.dropbtn {
		float: right;
		margin-right: 0px;
	}
	.servicesButton,
	.productsButton {
		width: 12Vw;
		height: 8Vh;
		padding: 10px;
		color: White;
			border-width: 0px;
			border-style: outset;
			border-color: buttonface;
			border-image: initial;
		box-shadow:
		0 5px 2px #fff, /*bottom external highlight*/
		0 -5px 5px rgba(0,0,0,0.1), /*top external shadow*/ 
		inset 0 -1px 1px rgba(0,0,0,0.5), /*bottom internal shadow*/ 
		inset 0 5px 5px rgba(255,255,255,0.8); /*top internal highlight*/
	}
	.servicesButton {
		background: green;
		border-radius: 100% 0 0 0;
		padding: 5px 10px 0 15px;
		Text-align: right;
	}
	.servicesButton:after { /* Services */
		.content: "Want to Join";
	} 
	.productsButton {
		background: red;
		border-radius: 0 100% 0 0;
		padding: 5px 15px 0 10px;
		Text-align: left;
	}		
	.productsButton:after  { /* Members */
		.content: "Members";
	} 
	button:focus {
		outline:0;
		display: table-cell; 
		vertical-align: bottom;
	}
	
/* ================================= */
/* :::::::::::: 0. PAGES  :::::::::::::::::::::::::::::::::::::::: */
/* ================================= */

/* General Tweeks */


/* HEADER */


	
	#Welcome.container {
		background: rgba(40,85,192,0.8); /* selected colour rgba(0,0,139,0.8); /* DarkBlue; /*rgba(0, 128, 0, 0.8); */

		width: 30Vh;
		min-width: 350px;
		height: 30Vh;
		min-height: 350px;
		
		border-radius: 100%;
		box-shadow: 15px 15px 30px rgba(0,0,0,0.6);
		border: 4pt #009933 solid;
		border: 4pt rgba(40,85,192,1) solid;
		float: left;
		position: absolute;
		left: calc(50% + 80px);
		.right: 0;
		.top: 0;
		bottom: 10Vw;
 
	}
	
	header div.logo img {
		position: absolute;
		width: 110%;
		top: 6px;
		right: 50px;
	}
	
	p.animated.fadeInUp {
		width: 90%;
		position: absolute;
		top: 22Vh;
		left: 40px;
	}


header p {
		font-size: 13px;
		color: rgba(236,240,241,0.9);
		word-spacing: 1px;
		line-height: 25px;
		font-weight: 400;
	}


/* TWENTY YEARS ////////////////////////// 20 Years  */

div.years {
	display: block;
	color: ghostwhite;
	font-size: 2Vh;
	position: relative;
	left: 6Vh;
	top: 127px;
	width: 50%;
}
div.yearEst {
	position: relative;
	display: block;
	color: lightsteelblue;
	font-size: 1Vh;
	position: relative;
	left: 6Vh;
	top: 88px;
	width: 50%;
	font-style: italic;
}

div.twentyYears {
	background: url('../../../simpleSite/images/17_0820-RUSSIANDOLLS-20-years-Logo-WHITE-w200px-SHADOW.png')no-repeat!important;
	background-size: 100% auto!important;
    background-position: 0px 0px;
    z-index: 1000;
    width: 16Vw;
    height: 13Vw;
    position: absolute;
    bottom: 50px;
    left: 50px;
}



/* PAGE SLOGAN ////////////////////////// 20 Years  */

.brandSlogan {
	position: absolute;
	bottom: 30px;
	color: black;
	font-size: 12pt;
	font-style: italic;
	color: yellow;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.6);
}
.Right .brandSlogan{ float: right; right: 20px;}
.Left .brandSlogan{ float: left; left: 20px;}

span.indentSlogan {
	display: inline-block;
	position: relative;
	left: 40px;
}
	

@media print {
	
	.Right .brandSlogan{ float: left; left: 20px;}
	
	div.years {
		display: block;
		color: ghostwhite;
		font-size: 14pt;
		position: relative;
		left: 275px;
		top: 390px;
		width: 50%;
		z-index: 10;
	}
	div.yearEst {
		position: relative;
		display: block;
		color: lightsteelblue;
		font-size: 8pt;
		position: relative;
		left: 278px;
		top: 350px;
		width: 50%;
		font-style: italic;
		z-index: 10;
	}
}

	#Welcome .assocList {display: block}
	
	header .social-icons ul {
		padding: 0;
	}
	header .social-icons {
		position: absolute;
		margin-top: 0;
		top: -80px;
		right: -15px;
		width: 50px;
	}
	header .social-icons li {
		margin: 0 10px 5px 0;
	}
	header .social-icons li i.fa {
		.text-shadow: 1px 1px 1px rgba(0,0,0,0.6);
		box-shadow: 3px 3px 6px rgba(0,0,0,0.4);
		border: 1px solid #FFFFFF;
		border-radius: 100%;
	}
	header .social-icons li i.fa:hover {
		text-shadow: 1px 1px 1px rgba(0,0,0,0.6);
		box-shadow: 5px 5px 10px rgba(0,0,0,0.6);
		border: 1px solid #FFFFFF;
		border-radius: 3px;
	}
	
	header .col-md-8 {
		width: 95%;
	}
	
	header .mouse {
		margin-left: -20px;
		.position: absolute;
		.top: 150px;
	}

	.welcome a.addTel, .container a.addTel {
		padding: 0 20px 10px 10px;
		position: absolute;
		bottom: -5px;
	    right: -65px;
	}
	
	header .mouse-wrapper {
		display: block;
		z-index: 10;
		position: absolute;
		left: -40px;
		bottom: -190px;
	}

	header .mouse span {
		color: white;
	}
	





.services h2,
.products h2 {
	    font-family: 'Oranienbaum', serif;
		font-family: 'Oswald', sans-serif;
		font-size: 12pt;
		line-height: 30pt;
		padding-top: 0px;
}

.services h3,
.products h3 {
	    font-family: 'Oranienbaum', serif;
		font-family: 'Oswald', sans-serif;
		font-size: 20pt;
		line-height: 20pt;
		padding-top: 0px;
}


.about h2,
.team-photo .title-section h2,
.contact-Text .title-section h2 {
    font-size: 16pt;
	font-style: normal;
	text-transform: normal;
}

header .typed,
.contact-Text address span, .contact-Text .phone span, .contact-Text .email span,
.about h2,
.innovative h2,
.section h2,
.contact-Text .title-section h2,
.team-photo .title-section h2,
.team h2
/*.innovative-photo .title-section h2 */
{
    font-family: 'Oranienbaum', serif;
	font-family: 'Oswald', sans-serif;
	text-transform: capitalize;
}

/* TITLE on PHOTO PAGE /// */

.products-photo .title-section h2 {
    font-size: 24pt;
    font-weight: 600;
    color: #FFFFFF;
	font-family: Verdana, Geneva, sans-serif;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.products-photo.Right .title-section h2 {
	float: left;
	text-align: left;
	padding-left: 90px;
	padding-top: 40px;
	margin: 0;
 }
.products-photo.Left .title-section h2 {
	float: right;
	text-align: right;
	padding-right: 90px;
	padding-top: 40px;
	margin: 0;
	text-shadow: 2px 2px 8px rgba(44,60,171,0.8);
 }


/* TEAM ////////////////////////// */
.team h2 {
    font-size: 14pt;
    text-transform: capitalize;
    font-weight: bold;
    text-align: right;
    margin-top: 28px;
	margin-bottom: 0px;
	padding-bottom: 0px;
}

div.lineBreak {
    height: 15px;
    display: block;
}

div.XtralineBreak {
    height: 35px;
    display: block;
}

.team p {
    text-align: right;
    font-size: 13px;
    word-spacing: 1px;
    /* line-height: 25px; */
    color: #8c9398;
    margin-top: -10px;
	margin-bottom: 20px;
    /* float: left; */
}

.team span {
    font-weight: 500;
    font-size: 13px;
    display: block;
    text-align: right;
    margin-top: 5px;
}

.team .social-icons {
    display: inline-block;
    margin: 5px 0 0px 0;
    text-align: right;
}



.contact-Text address span, 
.contact-Text .phone span, 
.contact-Text .email span {
	    font-family: 'Oranienbaum', serif;
	font-family: 'Oswald', sans-serif;
    font-size: 12pt;
    font-weight: bold;
    text-transform: capitalize;
}




#page-loader {
    .background: #003334; /* DarkGreen */
	.border: 20px solid #aa9055;  /* GOLD */
}


.loader-icon {
    .background: none repeat scroll 0 0 #242830;
    .border-bottom: 4px solid rgba(19, 19, 19, 0.1) !important;
	 border-bottom: unset!important;
    .border-left: 4px solid rgba(19, 19, 19, 0.1)!important;
	border-left: unset!important;
    border-radius: 100%;
    /*-moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    -o-border-radius: 100%;
    -ms-border-radius: 100%;*/
    .border-right: 4px solid rgba(19, 19, 19, 0.1) !important;
	 border-right: unset!important;
    .border-top: 4px solid;
	 border-top: unset!important;
    .height: 100px;
	.width: 100px;
		
    left: 50%;
    margin: unset;
    .position: absolute;
    text-align: center;
    top: 50%;

}
.loader-icon {
    .background: none repeat scroll 0 0 #010066; /* DarkBlue */
	.border: 6px solid #aa9055;/* GOLD */
	.color: white;
	.background: url('../images/Worfield-Tennis-Club-LTA-Tennis-Ball-Logo-185px.png') no-repeat center center;
	.background-size: 100% 100%;
}
/* with an IMAGE */
.loader-icon {
    .background: unset;
	.background: yellow;
	border: unset;
	.border: 10px solid black!important;
	margin: -50px 0 0 -100px;
	color: black;
	.box-shadow: 14px 14px 18px rgba(0,0,0,0.2);
	
		background: url('../../../simpleSite/images/17_0820-RUSSIANDOLLS-Face-LOGO-BLACK-w500px.png')no-repeat!important;
			.background: url('../../../simpleSite/images/17_0820-RUSSIANDOLLS-20-years-Logo-WHITE-w200px.png')no-repeat!important;
		background-size: 100% 100%!important;
			.background-position: top 0px right 30px!important;
		
	.background: url('../images/Worfield-Tennis-Club-LTA-Tennis-Ball-Logo-185px.png') no-repeat center center;
	.background-size: 100% 100%;
	height: 200px;
	width: 200px;
}



		
/* fa ICON */
.loader-icon i {
	font-size: 130px;
	text-shadow: 4px 4px 8px rgba(0,0,0,0.6);
	margin-top: 20px;
	margin-left: -5px;
}
	
.countdown {
	margin-top: 0;
	text-align: left;
	width: 100%;
}


/* Telephone Number on Page // //////// */

/*a.addTel.showPhone { */
a.addTel {
    .display: block;
    .background: red;
    clear: both;
    position: absolute;
    bottom: 30px;
	font-size: 18pt;
	font-style: italic;
}
a.addTel.showPhone .hideScreen {display: none}

a.addTel.hideScreen .showPhone  {display: block}

a.addTel span {
	font-size: 10pt;
}
.about a.addTel.showPhone,
.Left a.addTel.showPhone {
	float: right;
	right: 90px;
}

.Right a.addTel.showPhone {
	float: left;
	left: 60px;
}
.contact-Text.col-md-6.Right a.addTel.showPhone {
	float: right;
	left: unset;
	right: 70px;
}

.about.col-md-6 {
   .height: 600px;
}

/*
.printImg {
	.width: 690px!important;
    .height: auto!important;
}
*/

/* COMMENT //////// */
div.comment {
	color: white;
	font-size: 6Vh;
	text-align: center;
	.width: 100Vw;
	padding: 10Vh;

}
.fa {
    padding-left: 0px;
}

/* Association LOGOTYPES /// */
.assocList {
	position: absolute;
	top: 20px;
	right: 20px;
	.background: red!important;
	z-index: 10!important;
	width: auto
}

#Welcome a {color: white;}
a.assocLogo {
	width: 80px;
	margin-bottom: 20px;
	box-shadow: 2px 2px 4px rgba(0,0,0,0.4);
}
a.assocLogo:hover {
	float: right;
	position: relative;
	top: -4px;
	left: -4px;
}
a.assocLogo:active {
	float: right;
	position: relative;
	top: 4px;
	left: 4px;
}


a.assocLogo.IPA.screen {
	height: 31px;
	clear: both;
}
a.assocLogo.IPA.mobile {  /* size ratio 84% */ 
	height: 42px;
	width: 50px;
	clear: both;
}


a.assocLogo.UKLA.screen {
	height: 38px;
	clear: both;
}
a.assocLogo.UKLA.mobile {  /* size ratio 84% */ 
	height: 42px;
	width: 50px;
	clear: both;
}

a.assocLogo.BSi.screen {
	height: 48.4px;
	clear: both;
}
a.assocLogo.BSi.mobile {  /* size ratio 84% */ 
	height: 48.4px;
	width: 50px;
	clear: both;
}

.assocList div.text {
	font-size: 5pt;
	text-align: center;
	color: white;
}
.assocList div.text.BSi {
	position:relative;
	top: -15px;
}


#overallWrapper {
	padding: 0;
	margin: 0;
}


.wrapperSticky {
	.position:relative;
}

div.stickyLogo {
	max-height: 0Vh;
    display: block;
	background: transparent;
    position: -webkit-sticky;
    position: sticky;
    top: 40Vh;
	z-index: 1000;
	text-align: center;
	margin: auto;
	.float: left;
}

.div.stickyLogo.logo img {
	
	.max-height: 10Vh;
	.max-width: 10Vh;
    display: block;
	.background: transparent;
	z-index: 1000;
	text-align: center;
	margin: auto;
	.float: left;
	position: relative;
	top: -25px;
	
	background: transparent; /*white; */
	border-radius: 0; /*50%; */
	box-shadow: none; /*2px 2px 4px rgba(0,0,0,0.6);*/
	border: none; /*2px solid #aa9055;  /* GOLD */
	padding: 5px;
	
}
div.stickyLogo.logo a#ahrefLogo {
	
	height: 15Vh;
	max-height: 150px;
	width: 15Vh;
	max-width: 150px;
    display: block;
	background: white;
	z-index: 1000;
	text-align: center;
	margin: auto;
	.float: left;
	position: relative;
	top: 35px;
	
	background: transparent; /*white; */
	border-radius: 0; /*50%; */
	box-shadow: none; /*2px 2px 4px rgba(0,0,0,0.6);*/
	border: none; /*2px solid #aa9055;  /* GOLD */
	padding: 5px;
}


div.menuWrapper {
	.font-family: 'Oranienbaum', serif;
	font-family: 'Oswald', sans-serif;
	font-size: 12pt;
	.display: block;
    .margin: 0;
    .padding: 8px 10px 18px 0;
    .width: 100%;
    .top: 0;
    .position: -webkit-sticky;
    .position: sticky;
	.z-index: 100;
	.float: right;
}

div.menu {
	.position: relative;
	.right: 0; 
	padding: 8px 10px 0px 0;
}

div.menu li span {
	padding-left: 5px;
	padding-right: 5px;
	display: inline-block;
	.background: red;
}

div.menu li span {
	.color: #aa9055;/* GOLD */
	padding-right: 5px;
	padding-left: 5px;
}
div.menu li a span:hover {
	.color: #aa9055;/* GOLD */
}



header {
	.border-top:    20px solid #aa9055;  /* GOLD */
	.border-right:  20px solid #aa9055;  /* GOLD */
	.border-bottom: 20px solid #aa9055;  /* GOLD */
	.border-left:   20px solid  #aa9055;  /* GOLD */
}

footer {
	
	.border-top:    2px solid #aa9055;  /* GOLD */
	.border-right:  0px dashed #f0F;
	.border-bottom: 2px solid #aa9055;  /* GOLD */
	.border-left:   0px solid  #09f;
	padding: 20px;
}

.team img {
    border-radius: 50%;
	border: 2pt solid  #aa9055;/* GOLD */
	box-shadow: 2px 2px 4px rgba(0,0,0,0.2);
}


.innovative .icon {
	.color: #003334; /* DarkGreen */
	.color: #010066; /* DarkBlue */
}


/* ================================= */
/* :::::::::::: 0. COLOR Styling :::::::::::: */
/* ================================= */



/* Google MAP buttons */
#google-container {

  z-index: 1;
}


#zoom-in, #zoom-out {
    height: 32px;
    width: 32px;
    margin-bottom: 10px;
    .background-color: #003334; /* DarkGreen */
	position: relative;
	left: 40px;
}

#zoom-in:hover, #zoom-out:hover {
    background-color: orange;
	box-shadow: 4pt 4pt 8pt rgba(0,0,0,0.6);
}



@media only screen and (min-width: 667px) {
	.screen {
		 display: block; 
	}
	.mobile {
		 display: none; 
	}
}

@media only screen and (max-width: 667px) {
	.screen {
		 display: none; 
	}
	.mobile {
		 display: block; 
	}
	.fa {.padding-left: 15px;}
}


/* ICONS //////////////////// */

.Right.products-photo i, .Right.services-photo i {
    color: #FFFFFF;
    font-size: 45px;
    display: block;
    padding: 1Vh;
    position: absolute;
    top: 10px;
    right: 10px;
    opacity: 0.6;
    text-shadow: 1px 1px 2px rgba(0,0,0,1);
}

.Left.products-photo i, .Left.services-photo i {
    color: #FFFFFF;
    font-size: 45px;
    display: block;
    padding: 1Vh;
    position: absolute;
    top: 10px;
    left: 10px;
    opacity: 0.6;
    text-shadow: 1px 1px 2px rgba(0,0,0,1);
}

.products-photo i {
    color: #FFFFFF;
    font-size: 2.1em;
    text-align: right;
    display: block;
    padding: 65px 0 0 0;
}

/* ICONS Colours /// */

.services-photo i.fa,
.products-photo i.fa {
	opacity: 1;
}

.services-photo i.fa.fa-cubes {
	color: white; /*rgba(44,60,171,1); /* ramsden blue */
}
.services-photo i.fa.fa-refresh {
	color: yellow;
}
.services-photo i.fa.fa-recycle {
	color: rgba(65,173,73,1); /*green; */
}
.services-photo i.fa.fa-universal-access {
	color: white; /*rgba(44,60,171,1); /* ramsden blue */
}
.services-photo i.fa.fa-truck {
	color: white; /*rgba(44,60,171,1); /* ramsden blue */
}
.services-photo i.fa.fa-certificate {
	color: red; /*rgba(44,60,171,1); /* ramsden blue */
}

/* Products ICONS /// */

.products-photo i.fa.fa-database.fa-spin {
	.color: rgba(65,173,73,1); /*green; */
}
.products-photo i.fa.fa-database {
	.color: rgba(44,60,171,1); /* ramsden blue */
}
Drumcare.products-photo i.fa.fa-cubes {
	.opacity: 1;
}

/* CONTACT Form /////////////////// */

/* Text on Send us a message /// */
.contact-photo {
    padding: 70px 90px 150px 70px;
}
.contactBlock {
	width: 120px;
	height: 120px;
	.margin: 0 auto 10px auto;
	padding: 10px;
	border-radius: 5px;
	border-radius: 100%;
    box-shadow: 5px 5px 10px rgba(0,0,0,0.6);
    border: 1pt white solid;
	position: relative;
	top: -20px;
	
	float: right;
    margin-right: 90px;
}

/* Submit Button */
.contact input[type="submit"] {
	width: 50%;
	float: right;
}
	
	
.contact h2 {
    font-size: 1.2em;
    font-weight: 600;
    color: #FFF;
    text-align: center;
    font-family: "Aldrich", sans-serif;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-top: 15px;
    z-index: 9;
    position: relative;
}
.contact h2:after {
    content: "//";
    display: block;
    margin: 15px auto;
    font-size: 0.8em;
    color: white;
    letter-spacing: 1px;
}

.contact input[type='text'], 
.contact input[type='email'],
.contact textarea {
	.color: white;
	.background: rgba(255,255,255,0.2);
}
	
.contact input[type='text']:hover, 
.contact input[type='email']:hover,
.contact textarea:hover {
    width: 100%;
    .background: white;
    border: 1px solid #EDEDED;
    padding: 12px;
    .margin-bottom: 20px;
    font-size: 13px;
    outline: none;
    .color: #000000;
}
.contact input[type='text']::-webkit-input-placeholder,
.contact input[type='email']::-webkit-input-placeholder,
.contact textarea::-webkit-input-placeholder 
{ /* Chrome/Opera/Safari */
  color: steel;
}
.contact input[type='text']:hover::-webkit-input-placeholder,
.contact input[type='email']:hover::-webkit-input-placeholder,
.contact textarea:hover::-webkit-input-placeholder 
{ /* Chrome/Opera/Safari */
  color: black;
}
::-moz-placeholder { /* Firefox 19+ */
  color: pink;
}
:-ms-input-placeholder { /* IE 10+ */
  color: pink;
}
:-moz-placeholder { /* Firefox 18- */
  color: pink;
}

.contact i {
	color: white; /* #aa9055;/* GOLD */
}

.contact input[type="submit"] {
    color: white;
    .background-color: #010066; /* DarkBlue */
    border: 1px solid white;
	border-radius: 3px;
}
.contact input[type="submit"]:hover {
    .color: white;
    .background-color: #aa9055;/* GOLD */
    border: 1px solid rgba(44,60,171,1); /* #2C3CAB; Ramsden BLUE */
	border-radius: 3px;
	box-shadow: 2px 2px 4px rgba(0,0,0,0.6);
}
 .contact #ajax-contact-form i {
	 color: yellow;
 }
 
 .contact .notification_ok {
    color:  #aa9055;/* GOLD */

}

.contact a.addTel {
    visibility: visible;
	visibility: hidden;
    color: white;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.6);
}


/* CONTACT US BOX /// */

.col-md-offset-1 {
	margin: 0
}
.col-md-10 {
	width: unset;
	padding: 0 90px 0 20Vw;
}



i.fa-heart {
    color:#aa9055;/* GOLD */
    text-shadow: 2px 2px 4px rgba(0,0,0,0.3);
}


/* MEMBERS PHOTOS //////////////////// */

.backstretch:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0); /* Needs to be ZERO so no shading */
    background-repeat: repeat;
    z-index: 1;
}


.team img {
    border-radius: 0;
    border:none;
}
.team div.membersPic {
    border-radius: 50%;
    border: 2pt solid #aa9055;
    box-shadow: 2px 2px 4px rgba(0,0,0,0.2);
	height: 85px;
	width: 85px;
	float: right;
    margin-left: 10px;
	overflow: hidden;
}

/*GROW*/
.grow img{
  height: 100%;
  width: 100%;
  
	-webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
                filter: grayscale(0%);
}
 
.grow img:hover {
	
  transform: scale(1.2);
  
    -webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
         -o-transition: all 1s ease;
       -ms-transition: all 1s ease;
             transition: all 1s ease;
 			 
	-webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
                filter: grayscale(0%);
}


@media only screen and (max-width: 480px)
{
	header .logo img {
		width: 100%;
	}
}

@media only screen 
	and (max-height: 670px) 
	and (-webkit-min-device-pixel-ratio: 2)
	and (orientation: portrait) 
 {


	header div.logo {
		max-width: 60Vw;
		Height: auto;
	}
	
	header .logo img,
	header div.logo img {
		max-width: 50Vw;
	}
	header .logo img {
		.width: 100%;
	}
	
	div.stickyLogo {
		max-height: 0Vh;
		display: block;
		background: transparent;
		position: -webkit-sticky;
		position: sticky;
		top: 0;
		z-index: 1000;
		text-align: left;
		.margin: auto;
	}
	div.stickyLogo.logo img {
		max-height: 8Vh;
		display: block;
		background: transparent;
		z-index: 1000;
		text-align: left;
		margin: 0;
		position: absolute;
		left: 5px;
		top: 8px;
		background: white;
		border-radius: 50%;
		box-shadow: 2px 2px 4px rgba(0,0,0,0.6);
		border: 2px solid #aa9055;
		padding: 5px;
		text-align: center;
	}
	
	header .social-icons ul {
		line-height: 0px;
		position: relative;
		top: 100px;
		display: inline-block;
		margin: 0;
		padding-left: 17px;
	}
	header .social-icons li i.fa {
		font-size: 22px;
	}
	.social-icons li i.fa {
		padding-left: 3px;
	}

}

/* Landscape */
@media only screen  
  and (max-width: 667px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) 
{

	header div.logo {
		max-width: 60Vw;
		Height: auto;
	}
	header .logo img {
		width: 100%;
	}
	
	header div.logo img,
	header .logo img {
		max-width: 40%;
	}
	
	
	div.stickyLogo {
		max-height: 0Vh;
		display: block;
		background: transparent;
		position: -webkit-sticky;
		position: sticky;
		top: 0;
		z-index: 1000;
		text-align: left;
		.margin: auto;
	}
	div.stickyLogo.logo img {
		max-height: 8Vh;
		display: block;
		background: transparent;
		z-index: 1000;
		text-align: left;
		margin: 0;
		position: absolute;
		left: 5px;
		top: 8px;
		background: white;
		border-radius: 50%;
		box-shadow: 2px 2px 4px rgba(0,0,0,0.6);
		border: 2px solid #aa9055;
		padding: 5px;
		text-align: center;
	}
	
	
	div.stickyLogo.logo img {
		max-height: 18Vh;
		position: absolute;
		left: 10px;
		top: 12px;
	}
	
		header .social-icons li i.fa {
		font-size: 22px;
	}
	.social-icons li i.fa {
		padding-left: 3px;
	}
	
	.countdown{
		display: none;
	}
	
	.container a.addTel  {
		font-size: 3.9Vw;
		text-align: right;
		padding: 0 20px 10px 70px;
		float: right;
	}

}


/* //// COMMITTEE / /////////////////////////////// */

.team .border {
    border-bottom: 1px solid #EEEEEF;
    display: inline-block;
    margin-bottom: 5px;
    padding-bottom: 5px;
}

div.borderLine {
    border-bottom: 1px solid #EEEEEF;
    display: block;
    margin-bottom: 15px;
    padding-bottom: 15px;
	height: 5px;
	width: 100%;
	float: left;
}

div.committee h2 {
    font-size: 10pt;
    text-transform: capitalize;
    font-weight: bold;
    .text-align: right;
    margin-top: 0;
    .margin-top: 10px;
    .padding-bottom: 10px;
	display: inline;
	padding-left: 6px;
}

div.committee {
	.width: 60Vw;
	height: 20px;
	text-align: left;
}

div.committee span.position {
	font-size: 10pt;
	width: 120px;
	background: transparent;
	display: inline;
	padding: 0 10px 5px 0;
	display: inline-block;
	.text-align: left;
}

div.committee span.position.Blank {
	visibility: hidden;
}


/* VIDEO Light box Html5 //////////// */


div#html5-lightbox-box {
	.width:80Vw!important;
}

div#html5-elem-box {
	height: auto!important;
}

div#html5-watermark {
	visibility: hidden;
}




/* Twitter BOX on Membership */
.tweet {
	position: unset;
	margin: 0;
}
.twitter.col-md-6 {
	padding: 0 0 80px 80px;
}
.twitter-feed {
	position: unset;
	display: block;
	.visibility: hidden;
	position: absolute;
	bottom: 0;
}

.twitter-feed h2 {
	.display: none;
	visibility: hidden;
	margin-top: 0;
	padding: 0;
}
.twitter-feed i {
	font-size: 7Vh;
	text-align: left;
	
	position: relative;
	top: -37.5Vh;
	top: -350px;
	left: 200px;
	padding: 0;
	text-shadow: 4px 4px 10px rgba(0,0,0,0.6);
	z-index: 1000;
}
.tweet ul {
	position: absolute;
	bottom: 80px;
}

.tweet ul:before {
	content: "Our Tweets ";
	font-size: 14pt;
	color: yellow;
	text-shadow: 2px 2px 4px rgba(0,0,0,0.8);
}
.tweet li {
    padding: 10px;
	visibility: visable;
}


.twitter .fa-twitter:hover {
	animation-name: flyZoomtwitter;
    animation-duration: 3s;
}





.contact-photo i.fa-paper-plane {
	color: white;
	text-shadow: 2px 2px 6px rgba(0,0,0,0.6);
}
@keyframes flyZoomtwitter {
    0%  {
		position: relative;
		top: -37.5Vh;
		top: -350px;
		left: 200px;
		opacity: 1;
	}
	40%  {
		opacity: 1;
	}
	100% {
		.color: orange;
		position: relative;
		top: -44Vh;
		top: -450px;
		left: 350px;
		opacity: 0;
			font-size: 2Vh;
	}
}


/* Address BLOCK */

address {
	font-weight: normal;
	letter-spacing: 0;
	.word-break: break-all!important;
	-webkit-hyphens: auto;
   -moz-hyphens: auto;
    -ms-hyphens: auto;
        hyphens: auto!important;
}

.contact-Text .title-section p,
.col-md-4.emailDetails {
	font-weight: normal;
	letter-spacing: 0;
}


@media (min-width: 992px)
{
	
	.contact-Text i {
		padding: 35px 0 0 0;
	}

	.col-md-6.Right.col-md-4.phoneDetails {
		width: 100%;
	}
	
	.col-md-6.Right.contact-Text .phone {
		width: 100%;
	}

	.contact-Text .phone a:hover {
		color: red;
		font-weight: 900;
		font-size: 14pt;
		text-decoration: none;
		.float: right;
	}

	.col-md-4.phoneDetails {
		width: 30%;
	}
	.col-md-4.emailDetails {
		width: 28%;
		width: auto;
		word-break: keep-all;
	}
	.col-md-4.addressDetails {
		width: 42%;
		width: auto;
		word-break: keep-all;
		-webkit-hyphens: none;
		-moz-hyphens: none;
		hyphens: none;
	}
	.col-md-4 {
		padding-right: 15px;
		padding-left: 0;
	}
}


/* Spinning BALL */
section #Overview .icon .fa-spinner  {
	color: yellow;
	text-shadow: 2px 2px 4px rgba(0,0,0,0.6);
}



/* Simple Events or Meetings LIST */

.services .intro-text.Diary ul,
.services .intro-text.Nights ul {
    margin: 10px 0 0 0;
}
.services .intro-text.Diary ul li,
.services .intro-text.Nights ul li {
    list-style: none;
    text-align: left;
    font-size: 11pt;
    line-height: 12pt;
    padding: 0px 0 8px 0;
	
	color: rgba(0,0,0,0.7);
}

li span.eventDate {
	display: inline-block;
	color: black;
	.font-weight: normal;
	.background: yellow;
	width: 120px;
	vertical-align: text-top;
}

li .highlightEvent {
	color: BLACK!important;
	font-weight: bold;
}

li .highlightTODAY {
	color: Red!important;
	font-weight: bold;
}


.services .intro-text.Diary ul li span.eventDate {
	width: 150px;
	background: ghostwhite;
	font-size: 10pt;
}

.services .intro-text.Nights ul li span.eventDate {
	font-size: 11pt;
	background: ghostwhite;
	font-weight: bold;
	color: #003334;
}

	
li span.eventDesc {
	display: inline-block;
	.color: black;
	.font-weight: bold;
	background: ghostwhite;
	width: 180px;
	vertical-align: text-top;
}
li span.eventTime {
	display: inline-block;
	.color: black;
	font-weight: normal;
	font-style: italic;
	font-size: 10pt;
	background: ghostwhite;
	width: 130px;
	vertical-align: text-top;
}

.eventNotes h3 {
	font-size: 11pt;
	margin: 10px 0 0 10px;
}

.services.Left .eventNotes p {
    text-align: left;
}
.eventNotes p {
	float: left;
	text-align: left;
	padding-left: 30px;
	background: ghostwhite;
	font-size: 9pt;
	font-style: italic;
	word-spacing: 1px;
    line-height: 12pt;
    color: #8c9398;
    margin-top: 0px;
}
.services.col-md-6.Left .eventNotes {
    text-align: left;
	float: left;
}



/* Highlighted Sticky Menu ///////// 117 0526 */

li.screen.Prod14 a { color: yellow;}






@media print {

	/* TEXT on pages */
	
	#ServicesIntro.hidePhone,
	#ProductsIntro.hidePhone {
		display: block;
	}
		
	.about, .about.col-md-6, .services.col-md-6.Left, .products.col-md-6.Left, .services.Left p, .products.Left p {
		text-align: left;
	}
	.Right div.intro-text h2 {
		text-align: left;
	}
	.quote h3,
	.quote p a {
		text-align: right;
		.float: right;
	}
	.Right .quote.small, .Right .quote.Large, .Right .quote.Medium {
		text-align: left;
		padding-left: 35%;
		padding-right: 0;
	}
	.Right .quote.small {
		text-align: right;
		padding-left: 40%;
		padding-right: 0;
	}
	.Right .quote.small h3, 
	.Right .quote.Large h3, 
	.Right .quote.Medium h3 {
		text-align: right;
	}

	.innovative.col-md-6 {
		padding-top: 40px;
	}
	
	/* ================================= */
	/* :::::::::::: 0. Page Visual Logotype :::::::::::::::::::::::::::: */
	/* ================================= */

	.about.col-md-6, 
	.services.col-md-6,
	.products.col-md-6 	{
		padding: 0 60px 0 6cm!important;
	}

	.intro-text h2 .logoWrapper {
		letter-spacing: 0;
		font-size: 18px;
		width: 95px;  /* ration 20:105px | x 5.25 */
		height: 40px;
		right: 0;
	}
	.intro-text h2 .logoWrapper,
	.Left .intro-text h2 .logoWrapper,
	.Right .intro-text h2 .logoWrapper {
		float: right!important;
		clear: both;
	}

/*
	header #coverPage {display: block!important;}
	header {display: block!important;}
*/
	

}




</pre></body></html>