/* created  17 0309 //////////////////////////////////////////////// Generic Styles :: MA DESIGN  */


/* ================================= */
/* :::::::::::: 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::after {
		content: "30-years   \A 1987 ~ 2017";
		white-space: pre; 
		color: white!important;
		.background: orange!important;
		background: orange url('../../../simpleSite/images/wtc-white.png')no-repeat!important;
		background-size: 145px 145px!important;
		background-position: top 30px right 30px!important;
		
		.position: absolute;
		.width: 10px;
		.top: 6;
		.left: 90%;
		.margin-left: -5px;
		font-size: 14pt!important;
	}
	
	/* lets have a page counter */
	div.pageFooter {
		background-image: linear-gradient(to left, orange, white 50%)!important;
	}
	div.pageFooter::after {
		color: black!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;
	}

	
}


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



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

hmtl, body {
	.font-family: Verdana, Geneva, sans-serif;
	color: #333; 
}
.innovative h2 {
    font-family: "Aldrich", 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; */
}

.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;
	color: rgba(245, 128, 37, 1.0)!important;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.1); 
}
.design {
	color: silver;
}

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

li {font-size: 11pt;}


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


 body {
	 .background: rgba(44,60,171,1);
}
 
#page-loader,
div.menuWrapper,
div.menu li a,
footer {
	color: lightsteelblue; /*azure */
	/* background: rgba(44,60,171,1); */
	background: orangered;
	background: teal;
}

/* Menu Colours */

div.menuWrapper {
    .background-color: #003334; /* DarkGreen */
	.color: #010066; /* DarkBlue */
	/* border-top:    1px solid black; /* yellow; /*#aa9055;  /* GOLD */
	.border-right:  0px dashed #aa9055;  /* GOLD */
	border-bottom: 1px solid white; /* yellow; /*#aa9055;  /* GOLD */
	.border-left:   0px solid  #aa9055;  /* GOLD */
	
	box-shadow: 5px 5px 20px rgba(0,0,0,0.4);
}

div.menu li span {
	color: yellow; /*#aa9055;  /* GOLD */
}
div.menu li span.menuTitle {
	color: rgba(255,255,255,0.8); /*#aa9055;  /* GOLD */
}

div.menu li span.menuTitle.print {
	color: yellow; /*orangered; /*#aa9055;  /* GOLD */
}
div.menu li span.menuTitle.print:hover,
div.menu li a:hover,
div.menu li a:active {
	color: white;
}

/* MAJOR Elements colouring */
#Welcome.container,
header .social-icons li i.fa {
	.background: rgba(44,60,171,0.8); /* Drumcare Blue */
	.border-radius: 3px;
}

/* li Icon SQUARES */
.products i,
.services i,
.contactBlock {
	.background: rgba(44,60,171,1); /* Drumcare Blue */
}

header .typed h1 {
	color: white;
}

h1 span.invisible {
	visibility: hidden;
}

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(44,60,171,1); /* Drumcare Blue */
	color: rgba(28,74,133,1); /* ma-design blue */
	.color: #337ab7;
}

.copyright i {color: white; }

h2 {  
	.color: #333;
	color: rgba(28,74,133,1);
}

/* iNNOVATE oVERVIEW cOLOURS */
.innovative .icon {
    color: #2CC9B4;
}

/* UL Text Colour */
.services ul li a,
.products ul li a {
	.color: white;
	.color: rgba(28,74,133,1); /* ma-design blue */
	color: #337ab7;
}
/* ICON Colours */
.services ul li i,
.products ul li i {
	.color: white;
	color: rgba(28,74,133,1); /* ma-design blue */
	.color: #337ab7;
}


.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: orangered; /* madesign */
}
.contact input[type="submit"]:hover {
	background: slategrey; /* Drumcare Blue */
	/* color: rgba(44,60,171,1); /* Drumcare Blue */
	color: white; /* Drumcare Blue */
}

.contact input[type='text'], .contact input[type='email'], .contact textarea {
    color: rgba(44,60,171,1); /* Drumcare Blue */
    background: white;
}
.contact input[type='text']:hover, .contact input[type='email']:hover, .contact textarea:hover {
    color: rgba(44,60,171,1); /* Drumcare Blue */
    background: azure;
}



/* Form Error Annoucements 17 11 22 */
.fa-exclamation-triangle.name:before,
.fa-exclamation-triangle.email:before,
.fa-exclamation-triangle.contactTel:before,
.fa-exclamation-triangle.msg:before,
.fa-exclamation-triangle.message:before
{
	content: "\f071";
	color: red;
	font-size: 14pt;
}
.fa-exclamation-triangle.name:after {
	content: "Please include your Name...";
}
.fa-exclamation-triangle.email:after {
	content: "We need your Email address...";
}
.fa-exclamation-triangle.contactTel:after {
	content: "What about a Phone number?";
}
.fa-exclamation-triangle.message:after {
	content: "You haven't included your message?";
}

.contact .error .name,
.contact .error .email,
.contact .error .contactTel,
.contact .error .msg,
.contact .error .message {
    display: inline-block;
    position: absolute;
    top: 15px;
    right: 15px;
    width: 220px!important;
	text-align: left;
}

.contact .error .name:before,
.contact .error .email:before,
.contact .error .contactTel:before,
.contact .error .msg:before,
.contact .error .message:before {
	text-align: left;
}

.contact .error .name:after,
.contact .error .email:after,
.contact .error .contactTel:after,
.contact .error .msg:after,
.contact .error .message:after {
	color: orangered;
	font-size: 10pt;
	padding-left: 10px;
	text-align: left;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}





/* UL LIST DIV/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,
.twitter ul,
.services ul,
.products 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 */
	.width:35Vh;
	.max-width: 320px;
	.height: 35Vh;
	.max-height: 320px;
	.padding: 20px 35px;
	.border-radius: 1Vw;
	.box-shadow: 5px 5px 10px rgba(0,0,0,0.6);
	.border: 1pt white solid;
	padding-left: 30px;
}
.innovative-photo .title-section {
	float: right;
}
.about .intro-text {
	padding: 0!important; 
}



/* ================================= */
/* :::::::::::: 0. LOADER PAGE :::::::::::::::::::::::::::: */
/* ================================= */

#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-left: 4px solid rgba(19, 19, 19, 0.1) !important;
    border-radius: 100px;
    -moz-border-radius: 100px;
    -webkit-border-radius: 100px;
    -o-border-radius: 100px;
    -ms-border-radius: 100px;
    border-right: 4px solid rgba(19, 19, 19, 0.1) !important;
    border-top: 4px solid;
    height: 100px;
	width: 100px;
		
    left: 50%;
    margin: -20px 0 0 -20px;
    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;
	margin: -50px 0 0 -80px;
	border: unset;/* GOLD */
	color: white;
	.background: url('../images/Worfield-Tennis-Club-LTA-Tennis-Ball-Logo-185px.png') no-repeat center center;
	.background-size: 100% 100%;
	height: 150px;
	width: 150px;
}

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



/* TEXT Blocks */

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

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


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

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


/* Paragraph in Text Block  ////////////////////////////////////// */


/* Welcome Page H1 */
header .typed,
header .typed h1 {
    .font-family: 'Oranienbaum', serif;
	.font-family: 'Oswald', sans-serif;
    font-family: "Aldrich", sans-serif;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	font-size: 1.4em;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.8);
}

/* H2 Title */
.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,
.services h2,
.products h2
/*.innovative-photo .title-section h2 */
{
    .font-family: 'Oranienbaum', serif;
	font-family: 'Oswald', sans-serif;
    .font-family: "Aldrich", sans-serif;
}


.services h2,
.products h2 {
	font-size: 16pt;
	line-height: 30pt;
	text-transform: none;
	font-weight: normal;
	letter-spacing: 5px;
	
    margin-top: 20px;
	padding-top: 0px;
	padding-bottom: 0px;
	text-shadow: 1px 1px 2px rgba(0,0,100, 0.2);
}

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

.about h2 {
    font-size: 1.2em;
    font-weight: 600;
    text-align: left;
	margin-top: 60px;
    position: relative;
    font-family: "Aldrich", sans-serif;
    text-transform: uppercase;
    line-height: 25px;
    letter-spacing: 1px;
}

.services-photo .title-section h2 {
    font-size: 5Vw;
    font-weight: 600;
    color: #FFFFFF;
    font-family: "Gill-sans", sans-serif;
    text-transform: capitalize;
    letter-spacing: 1px;
    text-shadow: 5px 5px 20px rgba(0,0,100,0.3);
    opacity: 0.3;
	margin: 40px 10px 0 10px;
}

.services h3,
.products h3 {
	font-size: 20pt;
	line-height: 20pt;
	padding-top: 0px;
}







/* TITLE on PHOTO PAGE /// */

.products-photo .title-section h2 {
	font-family: "Aldrich", sans-serif;
    font-size: 24pt;
    font-weight: 600;
    color: #FFFFFF;
    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;
 }




/* QUOTE ********* */
.quote h3 {
	font-size: 18pt;
    margin-top: 40px;
    line-height: 3.4Vh;
    line-height: 30pt;
    padding-bottom: 0;
	text-align: right;
}
.Right .quote.small,
.Right .quote.Large,
.Right .quote.Medium {
    text-align: left;
    padding-right: 35%;
}
.Left .quote.small,
.Left .quote.Large,
.Left .quote.Medium {
    text-align: left;
    padding-left: 35%;
}


.Right .quote.small h3,
.Right .quote.Large h3,
.Right .quote.Medium h3 {
	text-align: left;
}
.Left .quote.small h3,
.Left .quote.Large h3,
.Left .quote.Medium h3 {
	text-align: right;
}


/* Paragraph Text */

.about p, .products p, .services p {
    width: 100%;
    padding: 0;
    margin: 0;
    padding-bottom: 10px;
    line-height: 20px;
}
#ServicesIntro.services.col-md-6.Left p {
	text-align: left;
}
.about, .about.col-md-6, .services.col-md-6.Left, .products.col-md-6.Left, .services.Left p, .products.Left p {
    text-align: right;
}

.about p {
	text-align: left;
}



/* Bullets List */
.services ul,
.products ul {
	.color: white;
	bottom: 0Vw;
	list-style:none;
    padding-left:0;
}

.about .intro-text ul {
	margin-top: 50px;
}
.about .intro-text ul li {
    padding: 5px 0 5px 0;
}
.intro-text ul li {
	margin-bottom: 5px;
}
.intro-text.Licens ul li {
	margin-bottom: 15px;
}
.services .intro-text ul li,
.products .intro-text ul li {
	.float: left;
	clear: both;
	text-align: left;
}
.Left.products .intro-text ul, 
.Left.services .intro-text ul {
	float: left;
	.float: right;
}
.Right.products .intro-text ul, 
.Right.services .intro-text ul {
	.float: left;
	float: right;
}


/* Twitter */

.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-feed i {
    display: none;
}

.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-radius: 2px;
}

.services i, 
.products i {
    position: relative;
    left: -15px;
	top: -5px;
}

#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;
}

a.SeeMore i {
	color: yellow;
	font-size: 30px;
	top: 3px;
	text-decoration: none;
}
a.SeeMore i:hover {
	color: white;
	font-size: 30px;
	top: 3px;
	text-decoration: none;
}
a.SeeMore i:visited,
a.SeeMore i:focus {
	color: white;
	font-size: 30px;
	top: 3px;
	text-decoration: none;
}

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


	




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

header .logoWrapper {
	display: none;
}

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

p.animated.fadeInUp {
	.float: left;
	width: 100%;
	.background: pink;
	.position: absolute;
	.top: 22Vh;
}

.typed span {
	color: orange;
	font-size: 1.4em;
    text-shadow: 2px 2px 4px rgba(0,0,0,0.8);
}

 header div.logo img {
	position: absolute;
	width: 100%;
	top: 30px;
}
.countdown {
    font-size: 2.7em;
    line-height: 35px;
    font-weight: 600;
    .float: left;
    .margin-left: -35px;
    margin-top: 50px;
    font-family: "Raleway", sans-serif;
    text-align: center;
    letter-spacing: 1px;
}
	
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: 0Vh;
	.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 */


	header .col-md-8 {
		width: 66.6%;
	}
	
	#Welcome.container {
		.background: red;

		.width: 40Vh;
		width: 100Vh;
		.min-width: 350px;
		height: 40Vh;
		.min-height: 350px;
		
		.border-radius: 1Vw;
		.box-shadow: 5px 5px 10px rgba(0,0,0,0.6);
		.border: 1pt white solid;
		float: left;
		.position: absolute;
		.left: calc(50% + 80px);
		bottom: 10Vw;
	}
	#Welcome .assocList {display: none}
	
	header .social-icons {
		.position: absolute;
		float: unset;
		text-align: left;
		margin-top: 0;
		margin-top: 40px;
		.top: -50px;
		.left: -15px;
	}
	
	header .social-icons ul {
		padding: 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.3);
		border: 2px solid #FFFFFF;
		.border-radius: 3px;
		border-radius: 50%;
		-o-border-radius: 50%;
		-moz-border-radius: 50%;
		-webkit-border-radius: 50%;
	}
	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: 2px solid #FFFFFF;
		.border-radius: 3px;

	}
	


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


	/* Submit Button */
	.contact input[type="submit"] {
	    width: 50%;
	}
	










/* 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: 10px;
	right: 10px;
	.background: pink;
	float: right;
	z-index: 1000!important;
}

#Welcome a {color: white;}
a.assocLogo {
	float: right;
}
a.assocLogo:hover {
	float: right;
	position: relative;
	top: -4px;
	left: -4px;
}
a.assocLogo:active {
	float: right;
	position: relative;
	top: 4px;
	left: 4px;
}

a.assocLogo.LTA.screen {
	height: 31px;
	width: 125px;
	float: right;
}
a.assocLogo.LTA.mobile {  /* size ratio 84% */ 
	height: 42px;
	width: 50px;
	float: right;
}





#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, 
div.stickyLogo.logo a#ahrefLogo {
	
	height: 9Vh;
	max-height: 150px;
	width: 9Vh;
	max-width: 150px;
    display: block;
	background: white;
	z-index: 1000;
	text-align: center;
	margin: auto;
	.float: left;
	position: relative;
	top: 85px;
	
	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%;
    position: -webkit-sticky;  /* required for Safari */
    position: sticky;
	top: 0;
	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 ul {
	.position: absolute;
	.right: 0; 
	float: right;
}

div.menu li {
	.float: right;
	float: left;
	.text-align: right;
}
div.menu li a {
	.color: #aa9055;/* GOLD */
}
div.menu li span {
	.color: #aa9055;/* GOLD */
	padding-right: 5px;
	padding-left: 5px;
}
div.menu li a span:hover {
	.color: #aa9055;/* GOLD */
}
div.menu li a:hover,
div.menu li a:active {
	.color: white;
}
div.menu ul {
	list-style: none;
}


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;
}
.contact {
	    padding: 120px 0 150px;
	}
.contactBlock {
	.background: red;
	.width: 120px;
	.height: 120px;
	.margin: 0 auto 10px auto;
	padding: 10px;
	.border-radius: 5px;
    .box-shadow: 5px 5px 10px rgba(0,0,0,0.6);
    .border: 1pt white solid;
	position: relative;
	.top: -20px;
}

.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']: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: 8px;
}
.contact input[type="submit"]:hover {
    .color: white;
    .background-color: #aa9055;/* GOLD */
    border: 1px solid rgba(44,60,171,1); /* #2C3CAB; Ramsden BLUE */
	border-radius: 8px;
	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;
    color: white;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.6);
}


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





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



/* TEAM ////////////////////////// */

.team .col-md-6 {
    width: 350px;
}
.team h2 {
    font-size: 14pt;
    text-transform: capitalize;
    font-weight: bold;
    text-align: right;
    margin-top: 28px;
	margin-bottom: 0px;
	padding-bottom: 0px;
}

.team h3 {
    font-size: 14pt;
    .text-transform: capitalize;
    font-weight: normal;
    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: right;
	width: 100%;
}

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

.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;
}


.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;
	margin-bottom: 50px;
	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: 300px;
	padding: 0;
	text-shadow: 4px 4px 10px rgba(0,0,0,0.6);
}
.tweet ul {
	position: absolute;
	bottom: 80px;
}

.tweet ul:before {
	content: "Our Tweets ";
	font-size: 12pt;
}
.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: 300px;
		opacity: 1;
	}
	40%  {
		opacity: 1;
	}
	100% {
		.color: orange;
		position: relative;
		top: -44Vh;
		top: -450px;
		left: 450px;
		opacity: 0;
			font-size: 2Vh;
	}
}


/* Address BLOCK */

address {
	font-weight: normal;
	letter-spacing: 0;
}

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


@media (min-width: 992px)
{
	.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%;
		word-break: keep-all;
	}
	.col-md-4.addressDetails {
		width: 42%;
		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;
}


/* CONTACT US BOX /// */

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


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

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




@media print {

	/* 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;
	}
	.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;
	}

}


/* update 17 1127 ///// */

/* FONTS */

.contact-photo .title-section h2 {
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	text-transform: unset;
	font-weight: normal;
}

.contact-Text .title-section h2,
.about h2 {
	font-size: 20pt;
	font-family: "Gill Sans", "Gill Sans MT", Calibri, sans-serif;
	text-transform: unset;
	color: slategrey;
	font-weight: normal;
}

.contact input[type='text'], 
.contact input[type='email'],
.contact textarea {
	color: orangered;
	background: rgba(255,255,255,0.2);
	/* border: 2px solid #EDEDED; */
	border: 2px solid silver;
	border-radius: 0 8px 8px 8px;
}
.contact input[type='text']:hover, 
.contact input[type='email']:hover,
.contact textarea:hover {
	color: orangered;
	background: rgba(255,255,255,0.2);
	border: 2px solid orangered;
	background: azure;
}

span.ma {
    font-weight: bold;
}
.twitter.col-md-6 {
    padding: unset;
}
.tweet ul:before {
    content: "Our Tweets ";
    font-size: 12pt;
	color: orangered;
	.text-shadow: 1px 1px 1px rgba(0,0,0,1);
}
.twitter-feed {
    display: block;
	width: 30Vw;
	position: absolute;
	top: 20Vh;
	left: 3Vw;
	/*background: red; */
}
.twitter-feed i {
    font-size: 7Vh;
    text-align: left;
    position: relative;
    top: unset;
    top: unset;
    left: unset;
    padding: 0;
    text-shadow: 4px 4px 10px rgba(0,0,0,0.6);
}
.twitter ul {
    position: absolute;
    top: 2Vh;
	left: 12Vw;
	bottom: unset;
}
.tweet a,
#twitter .tweet.twitter-feed li.tweetblock a {
	color: teal;
}
.tweet a:hover,
#twitter .tweet.twitter-feed li.tweetblock a:hover {
	color: orangered;
}

/* Clive Moore page */
.team-photo.col-md-6:after {
    background-color: rgba(0, 0, 0, 0);
}
.team-photo.col-md-6.team-photo .title-section{
	display: none;
}

div.social-icons .fa-twitter {
	color: rgba(0, 132, 180, 1);
}
div.social-icons .fa-linkedin {
	color: rgba(0, 123, 182, 1);
}
div.social-icons .fa-facebook {
	color: rgba(59, 89, 152, 1);
}
div.social-icons .fa-envelope {
	color: rgba(245, 128, 37, 1.0);
}


#DesigningShow .title-section h2 span {
	color: black;
	font-weight: bold;
}

.contact h2 {
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	color: black;
	text-transform: unset;
	font-weight: normal;
}
.contact h2 div {
	font-family: "Gill Sans", "Gill Sans MT", Calibri, sans-serif;
	color: slategrey;
	font-size: 16pt;
}

.contact h2 div span.ma {
    color: orangered!important;
	    text-shadow: 1px 1px 0px rgba(0,0,0,0.6);
}

.contact-photo .title-section h2 {
    font-size: 8Vh;
	line-height: 7Vh;
    font-weight: 600;
}
.contact-photo .title-section h2 span {
    font-size: 4Vh;
	line-height: 7Vh;
    font-weight: 600;
	color: black;
}

.contact-photo h2:after {
    content: "";	
}
.contact-photo i {
	font-size: 12Vh;
	color: white;
	text-shadow: 2px 2px 5px rgba(0,0,0,0.6);
	padding: 0;
	position: relative;
	right: -4Vw;
}
.contact-photo i.fa-bullhorn {
         -ms-transform: rotate(-7deg); /* IE 9 */
    -webkit-transform: rotate(-7deg); /* Safari */
                transform: rotate(-7deg);
	position:relative;
	top: 30px;
}

.contact-photo {
    padding: 40px 90px 150px 70px;
}

.contact i.fa-envelope {
	font-size: 9Vh;
    color: orangered;
	text-shadow: 2px 2px 5px rgba(0,0,0,0.4);
}
.contact h2:after {
    content: unset;
    display: block;
    margin: unset;
    font-size: 0.8em;
    color: white;
    letter-spacing: 1px;
}
	

.twitter .title-section h2,
.services-photo .title-section h2 {
	font-family: "Gill Sans", "Gill Sans MT", Calibri, sans-serif;
	text-transform: unset!important;
	font-weight: normal;
}

.twitter .title-section h2,
.services-photo .title-section h2 {
	color: white;
    font-size: 2Vw;
    letter-spacing: 1px;
    text-shadow: 5px 5px 20px rgba(0,0,100,0.3);
    margin: unset; /* 40px 10px 0 10px; */
	padding: unset;
    text-align: center;
	opacity: 0.9;
}
.twitter .title-section,
.services-photo .title-section {
	width: 100%;
	position: absolute;
	/* background: red; */
	bottom: 5Vh;
	padding: unset;
}
.twitter.Left h2,
.twitter.Right h2,
.services-photo.Left h2,
.services-photo.Right h2 {
	position: unset;
}

/* Designing */
.intro-text.Design div.quote h3 {
    color: rgba(245,128,37, 1);
}
.intro-text.Design .SeeMore {
	background: rgba(245,128,37, 1);
}

/* Marketing */
.intro-text.Market div.quote h3 {
    color: black;
}
.intro-text.Market .SeeMore {
	background: black;
}

/* Branding */
.intro-text.Brandi div.quote h3 {
    color: rgba(187,0,0,1);
}
.intro-text.Brandi .SeeMore {
	background: rgba(187,0,0,1);
}

/* Printing */
.intro-text.Printi div.quote h3 {
    color: rgba(0,141,168, 1);
}
.intro-text.Printi .SeeMore {
	background: rgba(0,141,168, 1);
}

/* Social Media */
.intro-text.Social div.quote h3 {
    color: rgba(59,89,152, 1);
}
.intro-text.Social .SeeMore {
	background: rgba(59,89,152, 1);
}

/* Hosting */
.intro-text.Hostin div.quote h3 {
    color: rgba(163,35,142, 1);
}
.intro-text.Hostin .SeeMore {
	background: rgba(163,35,142, 1);
}


.Right div.intro-text h2,
.Left div.intro-text h2 {
    display: none;
}

/* Position of contact form */
.contact {
    padding: 40px 0 150px;
}


/* Welcome page */

header .row {
	background: slategrey;
	width: 25Vw;
	height: 100Vh;
	position: absolute;
	right: 0;
	background: linear-gradient(
		to top,
		slategrey 55%, 
		transparent 80%
	  );
	box-shadow: -20px 20px 80px rgba(0,0,20,0.8);
	z-index: 101;
}

header .col-md-8 {
    width: 100%;
	height: 30Vh;
	float: right;
}

header p {
	font-family: "Gill Sans", "Gill Sans MT", Calibri, sans-serif;
    font-size: 23pt;
    color: white;
    word-spacing: 1px;
    line-height: 45pt;
    font-weight: normal;
    position: relative;
    top: 30Vh;
	left: 30px;
}

/* ma-design.UK */
.typed.animated.fadeInUp {
	position: absolute;
	top: 46Vh;
}
header .typed h1 {
	font-family: "Gill Sans", "Gill Sans MT", Calibri, sans-serif;
    font-size: 23pt;
    color: white;
	text-transform: unset;
    font-weight: normal;
	letter-spacing: 2px;
}
.typed span {
    font-size: unset;
    color: unset;
    text-shadow: 2px 2px 4px rgba(0,0,0,0.8);
}
header .typed {
	text-transform: unset;
    font-weight: normal;
    letter-spacing: 1px;
}
header .social-icons {
	width: 50px;
	float: left;
	z-index: 100!important;
    position: absolute;
    left: -3Vw;
}
header .social-icons li {
	padding-bottom: 10px;
}

header .social-icons li i.fa {
	background: slategrey;
}

/* scroll */
header .mouse-wrapper {
    bottom: -40Vh;
}
header .mouse span {
	color: white;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.8);
}

a:hover, a:focus {
    color: unset;
    text-decoration: none;
}
a {
    color: unset;
    text-decoration: none;
}

.contact-Text address a,
.contact-Text address span.ma {
    font-weight: normal;
	font-size: 13pt;
    text-transform: unset;
	color: slategrey;
	font-family: "Gill Sans", "Gill Sans MT", Calibri, sans-serif;
}
.contact-Text address span.ma {
	font-weight: bold;
}

/* Corner Image on Welcome Page */

cornerImg {
	width: 25Vw;
	height: 35.35Vw;
	background: teal;
	position: absolute;
	right: 0;
	top: 0;
	margin-right: -15px;
    .margin-left: -15px;
	z-index: 1;
}

/* Quadranta Logo on Welcome Page */

header div.logo img {
    position: relative;
    top: 26Vh;
    left: 5Vw;
}
header div.logo, header div.logo img {
    max-width: 7Vw;
}

/* rotating Quadranta Icon */

#imgRotate {
		-webkit-animation: rotation 5s infinite linear;
}

@-webkit-keyframes rotation {
		from {
				-webkit-transform: rotate(0deg);
		}
		to {
				-webkit-transform: rotate(359deg);
		}
}


/* Social Media Bar */
div#dcssb-5,
div#dcssb-186 {
	position: absolute!important;
	z-index: 10009;
    margin-top: 0px;
	left: 140px;
    padding: 0 0 5px 10px;
}

/* Social Media Analysis Button */
div#SEOvisible {
    position: absolute!important;
    z-index: 1000;
}