/*
Theme Name: The Market Research Study Centre
Theme URI: http://www.peek-design-swansea.co.uk
Description: A premium theme by Peek Design
Version: 1.0
Author: Chris Thomas
Author URI: http://www.peek-design-swansea.co.uk
*/

@charset "utf-8";
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family: 'Quicksand', sans-serif;
	font-size:16px;
	line-height: 20px;
	-webkit-text-size-adjust: 100%;
	color: #333;
}
@media only screen and (max-width : 800px) {
body {
	font-size:14px;
	line-height: 18px;}	
}
#content p { font-size:100%;}
#content h2 {font-size:120%; line-height:120%; color:#5b57a6}
#why-study #content h2 {font-size:175%}
p + h2 {margin-top:5%;}
#why-study p + h2 {margin-top:2.5%;}
.clear {clear:both}
#main {width: 100%; max-width:1140px; position:relative; margin-left:auto; margin-right:auto; }
@media only screen and (max-width : 800px) {
#main {margin-top:20px;}
}
#header {margin-top:20px; margin-bottom:20px; width:100%;}
#logo {
	width:12%;
	margin-right: 4%;
	margin-left: 4%; float:left;
}
@media only screen and (max-width : 800px) {
#logo {
	width:92%;
	margin-right: 4%;
	margin-left: 4%; float:left; text-align:center;
}	
}
#logo img, #slider img {width:100%; height:auto}
#logo img {max-width:124px;}
#nav { width:80%; text-align:center; float:right; padding-top:60px;}
#nav-two { width:100%; text-align:center; float:right; padding-top:0; margin-bottom:2.5%;}
@media only screen and (max-width : 800px) {
	#nav-two {display:none}
}
#nav #nav_menu-2 li {font-size:100%; line-height: 120%}
#nav-two #nav_menu-3 li {font-size:80%; line-height: 100%}
ul{
   list-style: none; padding:0; margin:0;
}
.widget_nav_menu li { display: inline-block; margin-left:5px; margin-right:5px;}
.widget_nav_menu li a {
	color: #333;
	text-decoration: none;
	text-transform: uppercase;
}
#nav .current-menu-item, #nav-two .current-menu-item, #menu-why-study-for-a-market-research .current-menu-item, #nav .current-page-ancestor, #nav-two .current-page-ancestor{
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #fdb813;
}
.topnav {margin-top:0; margin-bottom:0;}
#slider {
	width:100%;
	position:relative;
	background-repeat: no-repeat;
	background-size: cover; padding-top:40px; padding-bottom:120px; background-position:center;
}
#slider2 {
	width:100%;
	position:relative;
	background-repeat: no-repeat;
	background-size: cover; padding-top:40px; padding-bottom:120px; background-position:center;
}
#slider-strap {
	position: relative;
	margin-top:20px;
	left:0;
	background-image:url(images/slider-strapbg.png);
	background-repeat: repeat;
    background-size: 100%;
	color:#FFF;
	padding-top: 2.8%;
	padding-right: 11.2%;
	padding-bottom: 2.8%;
	padding-left: 11.2%;
}

#why-study #slider-strap {background-image:url(images/slider-strapbg3.png);}
#yellow-bg #slider-strap {background-image:url(images/slider-strapbg3.png);}
#purple-bg #slider-strap {background-image:url(images/slider-strapbg2.png);}


#slider-strap p {margin-top:0; margin-bottom:0; text-shadow: 1px 1px 8px #00000099; font-size: 100%;
line-height: 120%;}
#homepage #slider-strap p, #slider-strap h1 {font-size: 190%;
line-height: 120%; margin:0; text-shadow: 1px 1px 8px #00000099;}
#content {width:100%; padding-top:2.5%; margin-bottom:5%; position:relative}
@media only screen and (max-width : 1140px) {
#content {width:90%; padding-top:5%; margin-bottom:5%; position:relative; padding-left:5%; padding-right:5%}	
}
#homepage-holder {position:relative; width:100%;}
#homepage_quote {
	background-color:#20ac9f;
	width:42.5%;
	float:left;
	padding-bottom: 30%;
	margin-left:5%;
	margin-right:5%; position:relative; margin-top:4%;
}
@media only screen and (max-width : 800px) {
#homepage_quote {
	width:90%;
	padding-bottom: 5%; padding-top:5%; margin-bottom:5%;
}	
}
#homepage_quote_abs {
	position: absolute;
	width: 90%;
	left: 5%;
	top: 10%;
}
@media only screen and (max-width : 800px) {
#homepage_quote_abs {
	position: relative;
	width: 90%;
	left: 5%;
	top: 10%;
}	
}
#homepage_quote p {margin-top:0; color:#FFF;}
#homepage_mrs {background-color:#fff;
	width:42.5%;
	float:right;
	padding-bottom: 30%;
	margin-left:0;
	margin-right:5%; position:relative; margin-top:4%;
}
@media only screen and (max-width : 800px) {
#homepage_mrs {	width:90%;
	padding-bottom: 5%; padding-top:5%; margin-bottom:5%;}
}
#homepage_mrs_abs {
	position: absolute;
	width: 90%;
	left: 5%;
	top: 10%;
	z-index: 3;
}
#homepage_mrs_abs img {width:100%; height:auto}
@media only screen and (max-width : 800px) {
#homepage_mrs_abs {
	position: relative;
	width: 90%;
	left: 5%;
	top: 10%;
}	
}
#homepage_mrs_bor {
	border: 2px solid #333;
	position: absolute;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	z-index: 2;
}
#mail {
	width:100%;
	display:block;
	text-align:center;
	background-color:#5b57a6;
	color: #FFF;
	margin-bottom:2.5%;
}
@media only screen and (max-width : 800px) {
	#mail {
	margin-bottom:5%;
}}
#mail img {max-width:379px; width:90%}
#tick {width:50px; height:auto; position:relative; display:block; margin-left:auto; margin-right:auto; margin-bottom:2.5%;}
#why-study #slider_36 p, #why-study #slider_53 p{ color:#FFF}
#slider_36 {margin-bottom:2.5%; margin-top:5%;}
#menu-why-study-for-a-market-research {margin-bottom:2.5%; font-size:150%;}
#content .widget_nav_menu li a { text-transform: capitalize !important}
.sa_hover_container {padding: 5% 5%; width: 82%; margin-left:auto !important; margin-right:auto !important;
}
@media only screen and (max-width : 800px) {
.sa_hover_container {padding: 20% 20%; width:72%}	
}
.tutors {width:100%; margin-bottom:2.5%; margin-top:2.5%;}
#tutor01, #tutor02, #tutor03, #tutor04{ width:21.25%; float:left; background-color:#fdb813; position:relative;}
#tutor01, #tutor02, #tutor03 {margin-right:5%}
#tutor04 {margin-right:0}
@media only screen and (max-width : 800px) {
	#tutor01, #tutor02, #tutor03 { width:100%; float:left; background-color:#fdb813; position:relative; margin-bottom:5%;}
	#tutor01, #tutor02 {margin-right:0}
}
img {vertical-align: middle;}
.tutors div img {width:50%; height:auto; vertical-align: middle;}
.tutor-desc { position:absolute; -ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
top: 50%; left:55%; width:45%; color: #FFF;
	text-decoration: none;
	font-size: 100%;
	font-weight: bold;}

#tutor01 a,#tutor02 a,#tutor03 a, #tutor04 a {
	display: block;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	border: 1px solid #fdb813;
}
.alignright {width:25%; margin-left:5%; height:auto; float: right;}
@media only screen and (max-width : 800px) {
.alignright {width:45%; margin-left:5%; height:auto; float: right;}	
}
#tutors .alignright {border: 1px solid #fdb813;}
.breadcrumb {font-size:80%; margin-bottom:2.5%}
.menu-why-study-for-a-market-research-container li {
	margin-top: 0;
	margin-right: 2%;
	margin-bottom: 0;
	margin-left: 0;
}
.breadcrumb a { color:#5b57a6 !important;}
#content a {text-decoration:none; color:#20ac9f;}
#content a:hover {text-decoration:underline}
#homepage_quote a { color:#fdb813 !important;}
table {
  background-color: #fff;
  width: 50%;
  text-align: left;
  border-collapse: collapse;
  table-layout: fixed;
}
@media only screen and (max-width : 1140px) {
	table {
  background-color: #fff;
  width: 100%;}
}
table td{
	border: 1px solid #fdb813;
	padding: 1%;
}
table td strong { color:#5b57a6}
table + p { margin-top:5%;}
.wpcf7-form input,
.wpcf7-form textarea,
.wpcf7-form select {
	width: 48%;
	margin-bottom:2.5%;
	padding:1%;
	font-size:120%;
	font-weight: normal;
	font-family: 'Quicksand', sans-serif !important;
	border: 1px solid #666;
}
@media only screen and (max-width : 800px) {
	.wpcf7-form input,
.wpcf7-form textarea,
.wpcf7-form select {
	width: 98%;
	margin-bottom:2.5%;
	padding:1%;
	font-size:120%;
	font-weight: normal;
	font-family: 'Quicksand', sans-serif !important;
	border: 1px solid #666;
}
}
.btn-primary {max-width:25%; cursor:pointer}


/* --- Form and wrapper --- */
.wpcf7-form input:hover, .wpcf7-form select:hover, .wpcf7-form textarea:hover{background-color:#f9f9f9;}
::-webkit-input-placeholder, ::-moz-placeholder, :-ms-input-placeholder {-webkit-appearance: none; color:#ccc;}/* --- Hide placeholder text on focus --- */
input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder { color:transparent;}
input:focus:-moz-placeholder, textarea:focus:-moz-placeholder { color:transparent;}
input:focus::-moz-placeholder, textarea:focus::-moz-placeholder { color:transparent;}

.menu-why-study-for-a-market-research-container a {
	color:#333 !important;
}

.why-slider2 {margin-top:5%; margin-bottom:5%}
@media 
(-webkit-min-device-pixel-ratio: 2), 
(min-resolution: 192dpi) { 
    /* Retina-specific stuff here */
}