/*
Theme Name: Highbrook 2022 (v2.1)
Description:  HTML5 CSS3 Responsive Revised 30/08/2021
Author: Pollyana Miranda de Jesus
Author URI: www.access-bydesign.com
Version: 2.1
*/

audio, canvas, video { display: inline-block;}
audio:not([controls]) { display: none; }
[hidden] { display: none; }
html { font-size: 100%; overflow-y: scroll;}
body { margin: 0; font-size: 0.95em; line-height: 1.231; font-style:normal; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body, button, input, select, textarea { font-family: arial, sans-serif; color: #000; }
a { color: #000; outline:none; text-decoration:underline; font-weight:normal;}
a:hover, a:active,a:focus{ color: #f2707a; outline: 0; }
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }
svg:not(:root) { overflow: hidden; }
figure { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
label { cursor: pointer; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; }
button, input { line-height: normal; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box;width:30px;height:21px; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }
h1,h2,h3,h4,h5{color:#000; font-family: 'Fira Sans',serif; font-weight:normal; margin:0; padding:0; text-align:left;}
h1{font-size:3.9em; line-height:1.3em; margin:0 0; padding:0 0 5px; font-family:"Fira Sans",sans-serif,arial; width:100%; text-align:center; font-weight:600; text-transform:uppercase;}
h2{font-size:1.2em;color:#f2707a ;padding:0 0 0; font-weight:600;position:relative;}
h3{font-size:1.2em;color:#000; position:relative; top:7px;}
h4{font-size:1.1em;color:#000;margin:10px 0 7px;}
h4 a{text-decoration:none;}
h5{font-size:1.05em;font-weight:700;color:#188cbb}

/************* main wrappers ************/

html.ie7 {
	overflow-x: hidden;
}
body{
	line-height:1.8em;
	background: #fff;
	}
#out{
    float: left;
	position:relative;
    margin: 0;
    width:100%;
	}	
#container{
	float: left;
  	width:100%;
	margin:0 auto 0;
	padding:0;
	position:relative;
	}
/********  social media *****************/

.st_facebook_large .stLarge,
.st_twitter_large .stLarge,
.st_linkedin_large .stLarge,
.st_googleplus_large .stLarge{
    float: left !important;
    height: 45px !important;
    width: 43px !important;
	}
.st_facebook_large .stLarge{
	background:url(images/social.png) no-repeat -2px 0 !important;
	}
.st_twitter_large .stLarge,
.st_twitter .stLarge{
  background:url(images/social.png) no-repeat -50px 0 !important;
}
.st_linkedin_large .stLarge,
.st_linkedin .stLarge{
	background:url(images/social.png) no-repeat -97px 0 !important;
}
.st_googleplus_large .stLarge{
	background:url(images/social.png) no-repeat -145px 0 !important;
}
.st_facebook_large .stLarge:hover,
.st_twitter_large .stLarge:hover,
.st_linkedin_large .stLarge:hover,
.st_googleplus_large .stLarge:hover,
.st_twitter .stLarge:hover,
.st_linkedin .stLarge:hover{
	opacity:0.8;
}
.st_twitter,
.st_linkedin,
.st_twitter a.stLarge,
.st_linkedin a.stLarge{
	 float: left !important;
    height: 45px !important;
    width: 43px !important;
	margin-bottom:7px;
	text-indent:-9999px;
}
.st_twitter{
	margin-right:10px;
}
/************** header*****************/

header{
	width:100%;
	float:left;
	margin: 0;
	padding:0 0 10px;
	z-index:9999;
	background:#fff;
	position:fixed;
	left:0;
	border-bottom: 1px solid #000;
	}
header.headerhome{
	border-bottom:none;
}
#header{
	display:block;
  	width:98%;
	margin:10px 1% 0;
	padding:0 0 10px 0;
	position:relative;
	z-index:999;
	
	}
#headerinside{
	float:left;
	width: 98%;
	margin: 0 1%;
	position:relative;
}
header .logo{
	float:left;
  	width:auto;
	height:auto;
	margin:0 auto 0;
}
header .logo a{
	float:left;
  	width:auto;
	width:270px;
	height:auto;
	}
header .logo a{
	outline:none;
	text-align:center
	}
header .logo a img{
	border:none;
	float:left;
	width:270px;
}
.headertel{
	float:right;
	width:auto;
	font-family: 'Fira Sans', Arial;
	font-weight: 300;
	color: #000;
	text-align: left;
	text-decoration: none;
	font-size: 1.3em;
	margin-top:29px;
}
.headeremail{
	float:right;
	width:auto;
	margin: 20px 0 0 30px;
}
.header_left{
	float: left;
	width: auto;
	margin:33px 0 0 10px;
	font-family: 'Fira Sans', Arial;
	font-weight: 400;
	color: #000;
	text-align: left;
	font-size: 1.2em;
	line-height: 1.3em;
}
.tinyheader{
	position:fixed;
	height:50px;
	width:100%;
	top:0;
	left:0;
	 -webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
	box-shadow: 0 8px 10px 0 rgba(0,0,0,0.4);
	border-bottom: none;
	}
.tinyheader #header{
	border:none;
}
.tinyheader .header_left{ 
	display:none;
}
.tinyheader .logo img{ 
	width:170px;
}
.tinyheader #headerinside{
	border:none;
}
.tinyheader #searchmain{
	margin-top:3px;
}
.tinyheader .headeremail{
	margin-top:5px;
}
.tinyheader .headertel{
	margin-top:15px;
}

/******************* header logos************/
#gallery_wrapper{
	float:right;
	width:auto;
	margin-top:10px;
}

#gallery_wrapper img{
	float:right;
	margin-left:10px;
	border:none;
}
/******************* main content************/
#homemaincontent{
	float:left;
	width:100%;
	color:#000;
	font-family: sans-serif, arial;
}
#homemaincontent h1{
	color:#000;
	font-family:'Fira Sans',sans-serif, arial;
	font-size:1em;
	padding-bottom:0;
	line-height:1.3em;
	position:relative;
	font-weight:normal;
}
.main_content{
	display:block;
	width:890px;
	text-align:center;
	margin:0 auto 0;
	padding:15px 0 0;
	font-size:2.4em;
	line-height:1em;
}
.main_content p{
	margin:0 0;
}
.main_content h1{
	font-size:1em;
	width:100%;
	color:#fff;
	margin-bottom:0;
	text-align:center
}
#homemaincontent_lower{
	float:left;
	width:100%;
	background:#DEE0DF;
	color:#545454;
	margin-bottom:10px; 
}
.main_content_lower{
	display:block;
	width:1000px;
	text-align:left;
	margin:0 auto 15px;
	padding:0 0 15px;
	font-size:1.2em;
}
.main_content_lower2{
	float:left;
	width:575px;
	text-align:left;
	margin:0 auto 0;
	padding:0 15px 15px 0;
}
.main_content_lower p{
	margin:10px 0;
}
.main_content_lower h3{
	margin-top:20px;
}
.content_lower_right2{ 
	float:right;
	width:400px;
	padding:0;
	background:#C8CCCD;
	}
.content_lower_right{ 
	float:left;
	padding:15px;
	width:170px;
	background:#C8CCCD;
}
.child_image_home2{ 
	float:right;
	position:relative;
}

.content_image{
	float:right;
	padding: 0 0 0px 0;
	margin: 10px 0 5px 15px;
	padding:0;
}
.imagedesc{
	font-family:'Fira Sans', Arial;
	color:#999;
	font-size:1.05em;
}
	
.blogpages .content_image{
	float:left;
	margin:0 0 5px 0;
	padding:0;
}
.mainwrapper {
    float: left;
    margin: 20px 2% 0;
    text-align: center;
    width: 96%;
}
.mainwrapper h3{
	float:left;
	width:100%;
	margin:0 auto;
}
#homemaincontent .mainwrapper h3,
.mainwrapper h3.newletterh3home{
	color:#3E423E;
	text-decoration:none;
	padding:7px 0;
	margin:20px auto 20px;
	display:block;
	font-family: 'Fira Sans', Arial;
	font-weight:600;
	text-transform:uppercase;
	color:#3e423e;
	font-size:3.7em;
	width:auto;
	text-align:center;
	width:100%;
}
#homemaincontent .mainwrapper a{
	margin:20px auto 20px;
	text-align:center;
}
.mainwrapper h3.newletterh3home{
	width:100%!important;
	float:left!important;
	text-align:center!important;
	margin-top:80px!important;
}
h3.h3home{
	margin-bottom:45px;
	font-weight:bold;
}
h3.h3home a{
	width:350px;
}
.mainwrapper h3 a:hover{
	color:#666;
}
.mainwrapper2{
	text-align:center;
	margin:33px 0 0;
	padding:18px 0 0;
	float:left;
	width:100%;
	background:#E1B310;
	position:relative;
}
.homegraphic1{
	position:absolute;
	right:-310px;
	top:44px;
}
.mainwrapper2 h3{
	padding:7px 0;
	font-family:'Fira Sans',arial;
	font-weight:700;
	text-transform: uppercase;
	color:#fff;
	font-size:1.3em;
	width:auto;
	display:inline;
}
.mainwrapper2 h3 a{
	color:#fff;
	text-decoration:none
}
.mainwrapper2 h3 a:hover{
	color:#000;
}
.mainwrapper3{
	text-align:center;
	margin:45px 0 0;
	float:left;
	width:100%;
}
.mainwrapper3 h3{
	display:block;
	width:220px;
	margin:0 auto;
}
.mainwrapper3 h3 a{
	color:#fff;
	text-decoration:none;
	padding:7px 0;
	font-family:'Fira Sans',arial;
	font-weight:700;
	text-transform: uppercase;
	color:#fff;
	font-size:0.9em;
	width:220px;
	float:left;
	text-align:center;
	background:#f2707a;
}
.mainwrapper3 h3 a:hover{
	color:#ccc;
}
.mainwrapper4{
	text-align:center;
	margin:45px 0 0;
	float:left;
	width:100%;
	color: #000;
    float: left;
    font-family: sans-serif, arial;
}
.mainwrapper4 h3{
	display:block;
	width:220px;
	margin:0 auto;
}
.mainwrapper4 h3 a{
	color:#000;
	text-decoration:none;
	padding:7px 0;
	font-family:'Fira Sans',arial;
	font-weight:700;
	text-transform: uppercase;
	color:#fff;
	font-size:0.9em;
	width:220px;
	float:left;
	text-align:center;
	background:#f2707a;
}
.mainwrapper4 h3 a:hover{
	color:#ccc;
}

.child-row-home2 .testimonial p{
	font-size:2.4em;
	line-height:1.2em !important;
	font-family:"Fira Sans",sans-serif,arial;
	font-weight:normal!important;
}
.mainwrapper4 h5{
	float:left;
	width:76%;
	padding:0 12%;
	font-size:1.4em;
	text-align:center;
	font-weight:normal;
	color:#000;
	line-height:1.3em;
	font-family: sans-serif, arial;
}
.mainwrapper5{
	text-align:center;
	margin:35px 0 0;
	padding:15px 0 0;
	float:left;
	width:100%;
	background:#f2707a;
	position:relative;
}
.homegraphic2{
	position:absolute;
	left:-205px;
	top:46px;
	z-index:9;
}
.mainwrapper5 h3{
	padding:7px 0;
	font-family:'Fira Sans',arial;
	font-weight:700;
	text-transform: uppercase;
	color:#fff;
	font-size:1.3em;
	width:auto;
	display:inline;
}
.mainwrapper5 h3 a{
	color:#fff;
	text-decoration:none
}
.mainwrapper5 h3 a:hover{
	color:#ccc;
}
.mainwrapper6{
	text-align:center;
	margin:35px 0 0;
	float:left;
	width:100%;
}
.mainwrapper6 h3{
	display:block;
	width:220px;
	margin:0 auto;
	
}
.homegraphic3{
	position:absolute;
	right:-515px;
	top:58px;
}
.mainwrapper6 h3 a{
	color:#fff;
	text-decoration:none;
	padding:7px 0;
	font-family:'Fira Sans',arial;
	font-weight:700;
	text-transform: uppercase;
	color:#fff;
	font-size:0.9em;
	width:220px;
	float:left;
	text-align:center;
	background:#f2707a;
}
.mainwrapper6 h3 a:hover{
	color:#ccc;
}
.mainwrapper7{
	text-align:center;
	margin:40px 0 0;
	float:left;
	width:100%;
	color: #000;
    float: left;
	font-family:'Fira Sans',sans-serif, arial;
}
.mainwrapper7-text{
	font-size:2.4em;
	line-height:1.2em;
}
.mainwrapper7-text a{
	color:#000;
	text-decoration:none;
}
.mainwrapper7-text a:hover{
	color:#545454;
}
.mainwrapper7 h3{
	display:block;
	width:220px;
	margin:0 auto;
}
.mainwrapper7 h3 a{
	color:#fff;
	text-decoration:none;
	padding:7px 0;
	font-family:'Fira Sans',arial;
	font-weight:700;
	text-transform: uppercase;
	color:#fff;
	font-size:0.9em;
	width:220px;
	float:left;
	text-align:center;
	background:#f2707a;
}
.mainwrapper7 h3 a:hover{
	color:#ccc;
}
.mainwrapper7 .child-row-home{
	width:650px;
}
/************ item meta ***************/
.item_meta{
	float:left;
	width:100%;
	color: #545454;
	font-size:1.3em;
	margin:0 0 10px;
	font-family:'Fira Sans',arial;
}
.item_meta .meta_date{
	float:left;
	width:100%;
	margin:0 0 0 0;
	color:#999;
}
.item_meta .author{
	float:left;
	width:210px;
	margin:10px 0 0 0;
	color:#000;
	text-align:center;
	word-spacing:-0.05em;
}
.item_meta .author p{
	margin:0 0 5px;
	position:relative;
	font-size:0.9em;
	font-weight:200;
	line-height:1.3em;
}
.item_meta .author a{
	color:#000;
	font-weight:600;
	width:100%;
}
.casedetails{
	float:left; 
	width:220px;
	font-size:1.05em;
	line-height:1.5em;
	font-family:'Fira Sans',arial;
}
.casedetails h4{
	float:left;
	width:100%;
	font-size:1.3em;
	font-family:'Fira Sans',arial;
	font-weight:600;
}
.fullcontent{
	float:left;
	width:100%;
	margin:0 auto 15px;
}
#homeaminals{
	margin-top:5px;
}
.fullextraposts{
	margin-bottom:30px;
}
.half_sections { 
    display: inline-block;
    float: left;
    height: auto;
    position: relative;
    width:315px;
	margin-right:24px;
}
/********** columns structures *********/

.fullwidthcols{
	float:left;
	width:100%;
	margin:0 0 10px;
}
#controls3{
	margin-bottom:30px;
}
.cols2{
	float: left;
    height: auto;
    position: relative;
    width:49%;
	margin:0 0 20px 2%;
}
.cols2:first-child{
	margin-left:0;
}
.cols2 a{
	float: left;
    height: auto;
	width:100%;
	color:#000;
	
}
.cols2-title1{
	font-size: 2.9em;
	line-height: 1.3em;
	width:100%;
	float: left;
	margin: 7px 0 3px;
	padding: 0;
	text-align:left;
	color:#000;
	font-family: "Fira Sans",Arial;
	font-weight:600;
}
.cols2-title1 strong{
	font-weight:600;
}
.cols2-text{
	float: left;
    position: relative;
	width:100%;
	font-family: "Fira Sans",Arial;
	font-size: 1.7em;
	font-weight: 400;
	color: #000;
	padding:0;
	margin:0
}
.cols2-img{
	float:left;
	width:100%;
}
.cols3{
	float: left;
    height: auto;
    position: relative;
	width: 32%;
    margin: 0 1% 20px;
	min-height:350px;
	overflow:hidden;
}
.cols3:first-child{
	margin-left:0;	
}
.cols3:last-child{
	margin-right:0;	
}
.cols3 a{
	float: left;
    height: auto;
	width:100%;
}
.cols3-title1{
	float: left;
    height: auto;
	top:0;
    position: relative;
	width:100%;
	font-family: "Fira Sans",Arial;
	font-size: 1.5em;
	font-weight: 400;
	color: #000;
}
.cols3-title1 strong{ 
	font-size:1em;
}
.cols4{
	float: left;
    height: auto;
    position: relative;
    width:23.5%;
	margin:0 1% 30px;
}
.cols4 img,.cols3 img{ width:100%;}
.cols4:first-child{margin-left:0;}
.cols4:last-child{margin-right:0;}

#listitems3568 .cols4{
	min-height:400px;
}
#listitems3568 .cols4:nth-child(1),
#listitems3568 .cols4:nth-child(5),
#listitems3568 .cols4:nth-child(9),
#listitems3568 .cols4:nth-child(13)
{
	margin-left:0;
	}
#listitems3568 .cols4:nth-child(4),
#listitems3568 .cols4:nth-child(8),
#listitems3568 .cols4:nth-child(12),
#listitems3568 .cols4:nth-child(16)
{
	margin-right:0;
	}

.cols4 a{
	float: left;
    height: auto;
	width:100%;
}

.cols4 a.quotes{
	font-size: 2.3em;
	line-height: 1.5em;
	width:94%;
	margin: 0 0;
	padding: 0 3% 10px;
	text-align:center;
	text-decoration: none;
	color:#f2707a;
	font-family: "Fira Sans",sans-serif,arial;
	font-weight:600;
}
.cols4-title1{
	float: left;
    height: auto;
	top:0;
    position: relative;
	width:100%;
	font-family: "Fira Sans",Arial;
	font-size: 1.4em;
	font-weight: 400;
	color: #000;
}
.cols4-title2{
	float:left;
	color:#000;
	position: relative;
	width:100%;
	font-family: "Fira Sans",Arial;
	font-size: 1.8em;
	line-height:1.3em;
	font-weight: 400;
	color: #000;
	margin:10px 0 0;
}
#homemaincontentwrapper .cols4-title2:hover,
#homemaincontentwrapper .cols3-title1:hover{
	color: #666;
}
.cols4-title1 strong{ 
	font-size:1em;
}
.fullcontent .half_sections:last-child {
	margin-right:0;
}
.half_sections img{
   display: block;
    position: relative;
    z-index: -1;
	width:100%;
	margin-bottom:10px;
}
.half_sections_text{
	position:relative;
	line-height:1.3em;
	z-index:99999;
	margin:0;
	width:100%;
	float:left;
	height:auto
}
.half_sections_title{
	font-size:2.2em;
	font-family:"Fira Sans",Arial;
	font-size:1.4em;
	font-weight:700;
	margin-top:0;
	color:#000;
}
.fullcontent h4{
	float:left;
	width:100%;
	font-family:"Fira Sans",Arial;
	text-transform:uppercase;
	font-size:1.2em;
	font-weight:800;
	color:#999;
	margin-bottom:15px;
}
.fullcontent h4 a{
	color:#999;
}
/********* Navigation ******************/

#menu-handheld{
	float:right;
	width:70px;
	background: url(images/menu.png) no-repeat right 7px ;
	height:58px;
	padding:0;
	position:relative;
	top: 0;
	right:0;
	cursor:pointer;
}
.tinyheader #menu-handheld{
	background: url(images/menusmaller.png) no-repeat right 0 ;
	top:8px;
}
#menu-handheld-close{
	float:right;
	width:50px;
	background: url(images/close.jpg) no-repeat right 7px ;
	height:30px;
	padding:0 0 8px 0;
	position:relative;
	top: 0;
	right:0;
	cursor:pointer;
}
.fullnavbg{
		background: rgba(255, 255, 255, 0.6);
		height: 100%;
		margin: 0 auto;
		position: absolute;
		width: 100%;
		z-index: 9999;
		display:none;
}
.fullnavbgheader{
	    background: rgba(255, 255, 255, 0.6);
		height: 1500px;
		position: absolute;
		width: 100%;
		z-index: 99999;
		display:none;
		top:0;
}
nav
{
    height: 100%;
    margin: 0 auto;
    position: absolute;
    width: 100%;
	padding:0;
    z-index: 999999;
	display:none;
	right:0;
	right: 0;
    top: 0;
	
}
#navmain{
	display:block;
	width:100%;
	height:auto;
	margin:0 auto;
}
#overlay
{
  
    height: 100%;
    margin: 0 auto;
    position: absolute;
    width: 100%;
	left:0;
	top:0;
    z-index: 99999;
	display:none; 
}
#nav{
    float: right;
    height: auto;
    margin: 0;
    width: 230px;
	padding: 10px 38.5px;
	background:#fff;
}
nav ul#fish 
{
    width:auto;
	display:block;
	margin:0 auto 8px;	
	position:relative;
	z-index:9999;
	text-align:left;
	font-family:"Fira Sans", Arial, Helvetica, sans-serif;
	border-right: 1px solid #fff;
}
nav ul#fish ul 
{
    position:absolute;
    left:-999em;
    height:auto;
    width:220px;
	margin-top:39px;
	background: rgba(69,113,142,0.9);
	display:none;	

}
nav ul#fish ul ul,
nav ul#fish ul ul ul,
nav ul#fish ul ul ul ul
{
   	margin:0 0 0 210px;	
}
nav ul#fish li 
{
    float:left;
	width:100%;
	height:auto;
	margin:7px 0;
	background:#f2707a;
}
nav ul#fish li li 
{
    width:auto;
	list-style:none;
	background:none;
	border:none;
	margin:0 5px;
	border-top: 1px solid #fff;	
}
nav ul#fish li li:first-child{
	border-top:none;
}
nav ul#fish a 
{
	float:left;
	text-align:left;
	margin: 0 0 0;
	padding:8px 0;
	text-align:center;
	width:100%;
	text-decoration:none;
	font-weight:normal;
	text-transform:uppercase;
	color:#fff;
	font-size:0.85em;
} 

nav ul#fish li li a 
{
	width:200px;
	text-align:center;
	border-right:0;
	text-transform:none;
	font-size:1.1em;
	color:#fff;
	text-shadow: none;
	padding:6.5px 10px;
	border-left:none;
	
}
.ie9 nav ul#fish li li a{
	padding:4.5px 10px;
}


nav ul#fish li.current_page_item a
{
	color:#ccc;
}
nav ul#fish li.current_page_item ul li a,
nav ul#fish li li.current_page_item a,
nav ul#fish li li li.current_page_item a

{
	background:none;
}
nav ul#fish li.parent-wrapper li a,
nav ul#fish li.parent-wrapper li li a, 
nav ul#fish li.parent-wrapper li li li a 
{
   background:none;
   padding-right:0;   
}
nav ul#fish li:hover a,
nav ul#fish li a:focus{
	color:#ccc;
}
nav ul#fish li ul li:hover a, 
nav ul#fish li ul li li:hover a, 
nav ul#fish li ul li li li:hover a, 
nav ul#fish li ul li li li:hover a,
nav ul#fish li ul li a:focus,
nav ul#fish li ul li li a:focus,
nav ul#fish li ul li li li a:focus,
nav ul#fish li ul li li li a:focus
{
	background:none;
	color:#ccc;
} 
nav ul#fish li:hover li a, 
nav ul#fish li li:hover li a, 
nav ul#fish li li li:hover li a, 
nav ul#fish li li li li:hover li a,
nav ul#fish li a:focus + ul li a,
nav ul#fish li li a:focus + ul li a,
nav ul#fish li li li a:focus + ul li a,
nav ul#fish li li li li a:focus + ul li a
{
    color:#fff; /*color for second level non-hover objects*/
 }
nav ul#fish li:hover ul ul, 
nav ul#fish li:hover ul ul ul, 
nav ul#fish li:hover ul ul ul ul,
nav ul#fish li a:focus + ul ul,
nav ul#fish li a:focus + ul ul ul,
nav ul#fish li a:focus + ul ul ul ul,
nav ul#fish li.sfhover ul ul, 
nav ul#fish li.sfhover ul ul ul, 
nav ul#fish li.sfhover ul ul ul ul 
{
    left:-999em;
}
nav ul#fish li:hover ul, 
nav ul#fish li li:hover ul, 
nav ul#fish li li li:hover ul, 
nav ul#fish li li li li:hover ul,
nav ul#fish li a:focus + ul,
nav ul#fish li li a:focus + ul,
nav ul#fish li li li a:focus + ul,
nav ul#fish li li li li a:focus + ul,
nav ul#fish li.sfhover ul, 
nav ul#fish li li.sfhover ul, 
nav ul#fish li li li.sfhover ul,
nav ul#fish li li li li.sfhover ul 
{
    left:auto;
}
#content{
	float:left;
	width:100%;
	text-align:left;
	padding:60px 0 0;
	background:#fff;	
}
.content37 h1{
	width: 66.5%;
	float: left;
	margin: 0 5% 0 28.5%;
	text-align:left;
	font-family:"Fira Sans",Arial;
	text-transform:uppercase;
	font-size: 4.5em;
	padding:0 0 10px;
	font-weight:600;
}
.content135 h1{
	text-transform:uppercase;
	font-size: 4.5em;
	padding:0 0 10px;
	font-weight:600;
	}
.subheading{
	font-family:"Fira Sans",Arial;
	color:#000;
	float:left;
	width:100%;
	text-align:left;
	font-size:2.2em;
	line-height:1.3em;
	font-weight:normal;
	margin:0 0 20px 0;
}
.subheadingsmaller{
	font-size:1.2em;
	margin:0 0 50px 0;
	line-height:1.3em;
}
.user_image{
	float:left;
	margin: 0 15px 0 0;
}
.user_image{
	border:none;
	border-radius:210px;
	filter: gray; 
    filter: grayscale(1); 
    -webkit-filter: grayscale(1); 
}
.user_image:hover{
	filter:none; 
    filter: grayscale(0); 
    -webkit-filter: grayscale(0); 
}

.blogleft{
	float:left;
	width:28%;
	margin:38px 5% 0 0;
}
.blogleft2{
	float:left;
	width:30%;
	margin:38px 3% 0 0;
}
#sideblog{
	margin-top:46px;
	}
#sidecasestudy{
	margin-top:46px;
}
#sidecasestudy .caseblueborder{
	margin:20px 0 0;
	}
.content233 h4{
	color:#f2707a;
	font-family: "Fira Sans",serif;
	font-size:1.8em;
	margin-bottom:10px;
}
.content233 h5{
	color:#666;
	font-size:1.1em;
	margin-bottom:10px;
	font-weight:normal;	
}
.content235 h2{
	color:#000;
	margin-top:10px;
}
.testimonial{
	float:left;
	width:270px;
	margin-bottom:10px;
}
.testimonial p{
	font-size:2.1em;
	line-height:1.3em;
	margin-top:0;
	margin-bottom:10px;	
	font-family:"Fira Sans",sans-serif,arial;
	font-weight:normal!important;
}

.testimonial h5{
	float:left;
	width:100%;
	font-family:"Fira Sans",Arial;
	text-transform:uppercase;
	font-weight:800;
	color:#999;
	font-size:1.2em;
}
.blogright{
	position:relative;
	float:left;
	width:100%;
	margin-top:400px;
}
.blogright h4{
	font-family:"Fira Sans",Arial;
	text-transform:uppercase;
	font-size:1.5em;
	font-weight:800;
	color:#999;
	margin-bottom:30px;
}
.blogright a{
	font-family:"Fira Sans",sans-serif,arial;
	color:#000;
	float:left;
	font-size:2.2em;
	line-height:1.1em;
	width:100%;
	text-decoration:none;
	margin-bottom:50px;
	font-weight:600;
}
.blogright a:hover{
	color:#f2707a;
}
.top_border_blue {
    background: #f2707a;
	float:left;
    height: 13px;
	margin-bottom:5px;
	width:55px;
}
 main{
	  float:left;
	  width:100%;
	  }
.blogscontent{
	float:right;
	width:58%;
	margin:30px 0 20px;
	padding-right:9%;
	font-size:1.4em;
	position:relative;
	font-family:"Fira Sans",Arial;
	font-weight:300;
}
#teamcontent h1{
	text-align:left;
	font-size:2.1em;
	padding-bottom:7px;
	font-weight600;
}
#teamcontent h2{
	text-align:left;
	color:#000;
	font-size: 1.35em;
	font-weight: 400;
	margin-bottom:42px;
}
.teamimageleft{
	float:right;
	margin-top:6px;
	width:200px;
	height:200px;
}
.blogscontent strong{
	font-weight:600;
}
.blogscontent iframe{
	width:100%;
}
.shareicons{
	float:left;
	width:100%;
}
.content_imagelarge{
	position:absolute;
	top:80px;
	left:-365px;
}
.content_imagelarge2{
	position:absolute;
	top:92px;
	left:-615px;
}
#contactpage{
	font-size:1.6em;
	font-weight:400;
	width:67%;
	padding-right:0;
	line-height:1.8em;
}
#contactpage strong{
	color:#f2707a;
	font-weight:700;
}
#contactpage a{
	color:#000;
}

/******** wrapper *********/

.wrapper,
#wrapper{
	width:1098px;
	padding: 0 0 0;
	margin: 55px auto 0;
	position:relative;
	display:block;
	min-height:120px;
	z-index:999;
	}
#wrapper3{
	width: 1342px;
	padding: 0 0 0;
	margin: 120px auto 0;
	position:relative;
	display:block;
	min-height:120px;
	z-index:999;
}
.s30left iframe,.s30right iframe{
	width:100%;
	height:auto;
}
#content.content4996 .s30left,#content.content4996 .s30right{
	min-height:330px;
}
#content.content4996{
	width:98%;
	padding:0;
	margin:0 1%;
}
.blogscontentanimation
{
	float: left;
	width: 50%;
	font-size: 1.25em;
	font-family: "Fira Sans",Arial;
	font-weight: 400;
	margin: 30px 16% 20px 34%;
	}
	
#homemaincontentwrapper{
	width:1366px;
	padding: 0 0 0;
	margin: 65px auto 0;
}
#wrapper2{
	width:1000px;
	padding: 0 0 0;
	margin: 0 auto 0;
	position:relative;
	display:block;
	min-height:120px;
}
#wrapper_child{
	width:100%;
	padding:0;
	display:block;
	background:#f1f2ee;
	border-bottom: 1px solid #DCDCDC;
	float: left;
	}
#pictures_wrapper {
    color: #545454;
    float: left;
    margin: 14px 45px 0;
    padding: 0;
    position: relative;
    width: 861px;
}
#pictures_wrapper img{
	float:left;
	margin:0;
	padding:0;
}
#homecontent{
	float:left;
	width:100%;
	position:relative;
}
.home_left
{
	float:left;
	width:310px;
	text-align:left;
	margin:10px 0 10px 0;
	padding:0 15px 0 0;
	color:#545454;
	bottom:0;
	right:0;
	border-right:1px solid #ccc;
	min-height:410px;
}
.home_center
{
	float:left;
	width:310px;
	text-align:left;
	margin:10px 0 10px 0;
	padding:0 15px 0;
	color:#545454;
	bottom:0;
	right:0;
	border-right:1px solid #ccc;
	min-height:410px;
}

.home_right
{
	float:right;
	width:333px;
	text-align:left;
	margin:10px 0 10px 0;
	min-height:410px;
	height:auto;
	padding:0 0 0 15px;
	color:#545454;
	min-height:410px;
}
.home_left h3,
.home_right h3,
.home_center h3{
	color: #00b2d6;
	text-align:left;
    font-family: "Fira Sans";
    font-size: 1.8em;
	margin:0 0 0;
}

.home_lower{
	float:left;
	width:100%;
	background:url(images/hor-devider2.png) no-repeat left top transparent;
	padding:20px 0 0;
	margin:35px 0 0
}
.home_lower figure{
	float:left;
	width:30%;
	margin-right:20px;
	padding-right:20px;
	background:url(images/ver-devider.png) no-repeat right center transparent;
}
.home_lower article{
	float:left;
	margin: 0 0 15px;
	width:100%;
}
figure.news, aside figure { 
	float:left;
	width:100%;
}
figure.news h3{
	color:#1F7577;
	padding:8px 4%;
	margin: 20px 0 0;
	font-size:1.8em;
	background:#E9E8E8;
	font-family: 'Fira Sans',serif;

}
figure.news article{
	float:left;
	width:100%;
	padding:5px 0;
}
figure.news article:last-child{
	border:0;}
.ie7 figure.news article{
	margin:0 0 15px;
	float:none;
	display:block;
	padding:10px 0 35px;
}
figure.news article#side-article3{
	background:none;
}
.figure_image{
	float:left;
	width:75px;
	height:75px;
	padding:0;
	margin: 4px 15px 0 0;
	background:#fff;
	border:1px solid #ccc;
	border-radius:5px;
}
.figure_image img{
	border-radius:5px;
	border:0;
}
a.item_image_event img{ 
	border:0;
}
h4.user-event-head{
	color:#666;
	font-size:1.3em;
	margin:0 0 3px;
	font-family:"Fira Sans";
}
h4.user-event-head a{
	color:#2d1782;
}
figcaption{
	color:#066279;
	font-size:1.3em;
	margin-bottom:3px;
}
figcaption a{
	text-decoration:none;
	   font-family: 'Arial';
}
.news p{
	margin-top:0;
}
.home_lower h3{
	color:#0586A8;
	margin-bottom:15px;
	font-size:1.6em;
}
.home_lower h3 a{
	text-decoration:none;
	color:#0586A8;
}
figure.lower_featured{
	float:left;
	width:31%;
	position:relative;
	margin-right:0;
	padding-right:0;
	background:none;
}
figure.lower_featured .more{
	float:left;
	bottom:-35px;
}
figure.lower_featured .figure_image{
	float:left;
	width:285px;
	height:130px;
	margin-bottom:10px;
	border-radius:0px;
	border:0;
	padding:0;
}
figure.lower_featured .figure_image img{
	border-radius:0px;
}
.video-frame-main,
.video-frame-main iframe{
	float: left;
	width:100%;
	height:620px;
}
.video-frame-main2{
	float: right;
	width:350px;
	height:240px;
}
.video-frame-main2 iframe{
	float: left;
	width:100%;
	height:240px;
}
.video-frame-main-vimeo{
	margin-top: 12px;
}
.video-frame-main-vimeo iframe{
	position: absolute!important; 
	top: 0!important; 
	left: 0!important; 
	width: 100%!important; 
	height: 100%!important;
}
/**************hover effect *************/	
.project_list {
	list-style: none;
	width: 850px;
	height: auto;
	position: relative;
	margin: 20px auto;
	padding: 0;
}
.project_list li {
	float: left;
	margin: 5px;
	width:328px;
	height:auto;
	overflow:hidden;
	padding: 0;
	position: relative;
}
.project_list li a,
.project_list li a img {
	display: block;
	position: relative;
	border:none;
}
.project_list li a {
	overflow: hidden;
}
.project_list li a div {
	position: absolute;
	background: rgba(0,178,214,0.9);
	width: 100%;
	height: 100%;
}
.project_list li a div span {
	display: block;
	padding: 10px 0;
	margin: 40px 20px 20px 20px;
	font-weight: normal;
	color: #fff;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
	box-shadow: 0 1px 0 rgba(0,0,0,0.1), 0 -10px 0 rgba(255,255,255,0.6);
}
.project_list li h3{
	float:left;
	width:100%;
	color:#fff;
	font-size:1.3em;
	font-family:'Fira Sans';
	text-transform: uppercase;
	text-align:center;
	font-weight:normal;
}
.project_list li p{
	float:left;
	width:100%;
	font-weight:normal;
	text-align:center;
	text-transform:none;
	font-size:1.1em;
	box-shadow: 0 1px 0 rgba(0,0,0,0.1), 0 10px 0 rgba(255,255,255,0.6);
	padding-bottom:15px;
}

/* ==== for the sidebar ===== */
aside{
	float:right;
	width:245px;
	display:block;
	padding: 15px 0 0 15px;
	line-height:22px;
	position:relative;
	left:-1px;
	}
	
	aside figure h3{
		background:#A88D71;
		float:left;
		width:92%;
		font-family:'Fira Sans';
		font-size:1.5em;
		color:#fff;
		padding:8px 4%;
		border-bottom:1px solid #fff;
	}
	aside figure ul{
		list-style:none;
		margin:0;
		padding:0;
		font-family:'Fira Sans';
		font-size:1.3em;
	}
	aside figure ul li{
		float:left;
		width: 92%;
		padding:3px 4% ;
		background:#599697;
		border-bottom:1px solid #fff;
	}
	aside figure ul li a{
		color:#fff;
		text-decoration:none;
	}
	aside figure ul li a:hover{
		color:#fff;
	}
	aside figure ul li a:focus{
		color:#333;
	}
	aside figure ul li:hover,
	aside figure ul li:focus a{
		background:#643100;
	}
	.sidebar-item-header
			{
				float:right;
				font-size:1.6em;
				height:auto;
				padding:11px 0;
				width:100%;
				font-family:Arial;
				border-right:none;
				color:#00283C;
			}
		
			.article
			{
				float:left;
				height:auto;
				padding:5px 2.5% 5px 0;
				width:97.5%;
				text-align:left;
				border-bottom: 1px dotted #ccc;
				font-style:italic;
			}
			
			
	.header_image_wrapper{
		float:left;
		position:relative;
		height:150px;
		width:100%;
		margin:5px 0 0;
		padding: 0 0 0;	
	}
	.header_image_top{
		float:left;
		width:100%;		
		background:url(images/nav-bg.png) no-repeat top center;
		z-index:666;
		height:60px;
		margin-top:12px;
		position:absolute;
	}
	.header_image{
		right:0;
		display:block;
		margin:0 auto 0;
	}
			
#crumb{
	float:left;
	text-align:right;
	width:100%;
	z-index:999;
	font-size:0.75em;
	padding: 0 0;
    margin:0 0 0;
	position:relative;
	}
	.crumb{
		width:97%;
		display:block;
		height:auto;
		color:#545454;
		padding:0 0 0;
		line-height:1.1em;
		margin:6px 3% 0 0;
	}
	#crumb a{
		color:#f2707a;
	}
	

.cf_hidden,
.linklove,
.nodisplay,
.mobile_nodisplay,
.linklove,
#linklove{
	display:none;
	}


/****** footer ********/

footer{
		float:left;
		width:100%;
		color:#000;
		bottom:0;
		height:auto;
		position:relative; 
		font-size:1.5em;
		padding:25px 0 25px;
		margin: 15px 0 0;
		text-align:center;
		text-transform:uppercase;
		font-family: 'Fira Sans', sans-serif;
	background: rgb(242,112,122);
background: linear-gradient(315deg, rgba(242,112,122,1) 0%, rgba(255,155,150,1) 50%, rgba(242,112,122,1) 100%);
}

	#footer{
		float:left;
		width:100%;
		margin:0 auto;
		padding: 0;
		font-size:0.80em;
		text-align: center;
	}
#footer a{
	text-decoration:none;
	color:#000;
}

footer .left{
	float:left;
	width: auto;
	padding:15px 20px 15px 40px;
	margin-top:5px;
	border:0;
	background:#231F20;
	font-family:'Fira Sans';
	font-size:2em;
}
#footer .left a{
	text-decoration:none;
	color:#fff;
}
footer .right{
	float:right;
	width: auto;
	padding:40px 35px 0 15px;
	border:0;
	color:#000;
	font-family:'Fira Sans';
	font-size:1.2em;
}

/******** viewing buttons *******/
.buttoncontainer{
	position:relative;
	width:auto;
	display: inline-block;
}
#accessibilitytringer{
	width:auto;
	border:none;
	font-weight: 600;
	padding:0 0 0 20px;
	margin:0 0 0;
	text-transform:uppercase;
	font-weight:normal;
	background:url("images/access.png") no-repeat 4px 3px;
}
#accessibilitytringer:hover{
	text-decoration:underline;
}
#viewing{
	float:left;
	width: 112%;
	position:absolute;
	left:-999999999px;
	bottom:35px;
	margin: 5px 0 0 0;
	z-index: 999999;
}
#viewing.accessselected{
	left:0;
	
	}
#viewing ul{
    list-style:none;
	float:left;
	width:auto;
	margin:2px 0 3px;
    padding:20px 10px;
	background:#fff;
	height:55px;
	position:relative;
	}
#viewing ul li{
	margin-right:5px;
	padding:2px;
	float:left;
	width:auto;
	height:auto;
	position:relative;
}
#viewing ul li #contrast{
	font-size:150%;
}
#viewing ul li #resetcontrast{
	font-size:150%;
	background:#fff;
	border: 1px solid #000;
}
#viewing ul li button{
	float:left;
	width:20px;
	height:20px;
	padding:0;
	text-align:left;
	color:#000;
	font-weight:600;
	text-decoration:none;
	text-align:center;
	line-height:0.9em;
	background:none;
	border:none;
	}
#viewing ul li.resetcontrast button{
	width:20px;
	height:20px;
	}
#viewing ul li button:focus{
	border: 1px solid #319BA6;
}
#viewing ul li #default{
	width:12px;
	}
#viewing ul li #large{
	font-size:125%;
	width:15px;
	}
#viewing ul li #xlarge{
	font-size:150%;
	margin-top:0;
	width:20px;
	}
#viewing ul li #off{
	background:url(images/accessibility.png) no-repeat 0 -93px;
	text-indent:-99999px;
	margin-left:3px;
}

#viewing ul li button:hover,
#viewing ul li button:focus{
	opacity:0.7;
	border:1px solid #000999;
	padding:0;
}


/*********** child **********/


.child-row-home{
	display:block;
	width:860px;
	padding:0 0 5px 0;
	margin:0 auto 0;
}
.child-row-home2{
	display:block;
	width:1000px;
	padding:0 0 5px 0;
	margin:0 auto 0;
}
.child-row{
	float:left;
	width:100%;
}
.child{
    float: left;
    height: auto;
    margin: 0 7.5px 0;
    padding:0 0 0;
    position: relative;
    width: 100%;
	height:auto;
}
.child .text{
	float:left;
	border-top:1px solid #ccc;
	width:715px;
}
#content.content233 .child .text{
	width:630px;
}
.child h4{
	width:100%;
	padding:10px 0 0;
	margin:0 0 0;
	font-weight:normal;
	position:relative;
	z-index:100;
	text-align:left;
	right:0;
	font-size:1.4em;
  	font-family:"Fira Sans",sans-serif,arial;
	font-weight:normal!important;
}
.child h4 a{
	color:#000;
}
.child h4 a:hover{
	color:#545454;
}
#child_wrapper{
	float:left;
	width:100%;
	margin: 10px 0 0 0;
	padding:0 0 10px 0;
}

.child_image{
	float: left;
    margin: 15px 25px 0 0;
    width: auto
	}
.child_image img{
	border:0;
}

.child-home{
    float: left;
    height: auto;
    margin: 0 12px 0;
    padding:45px 18px 0;
    position: relative;
    width: 154px;
	height:145px;
	line-height:1.3em;
	font-size:1em;
	color:#fff;
	border-radius:190px;
	text-align:center;
	background:#E1B310;
	font-family:'Fira Sans';
}
.child-row-home #child-row2{
	background:#333;
}
.child-row-home #child-row3{
	background:#f2707a;
}
.child-row-home #child-row4{
	background:#e5e8e6;
	color:#000;
}
.mainwrapper3 .child-home{
    padding:55px 18px 0;
	height:135px;
}
.mainwrapper3 #child-row-4.child-home{
    padding:55px 23px 0;
	height:135px;
	width:144px;
}
.mainwrapper3 .child-row-home #child-row-1{
	background:#333;
}
.mainwrapper3 .child-row-home #child-row-2{
	background:#E1B310;
	color:#fff;
}
.mainwrapper3 .child-row-home #child-row-3{
	background:#e5e8e6;
	color:#000;
}
.mainwrapper3 .child-row-home #child-row-4{
	background:#E1B310;
	color:#fff;
}				
.child-home p{
	margin-top:5px;
}
.child-home h4{
	width:100%;
	padding:0 0 0;
	margin:0 0 0;
	font-weight:700;
	position:relative;
	z-index:100;
	color:#fff;
	text-align:center;
	font-size:1.25em;
	text-transform:uppercase;
}
.child-home h4 a,
.mainwrapper3 .child-row-home #child-row-1 h4 a{
	color:#fff;
}
.mainwrapper3 .child-row-home #child-row-3 h4 a,
.mainwrapper #child-row4.child-home h4 a{
	color:#000;
}
.child-home h4 a:hover{
	color:#000;
}
.mainwrapper3 .child-row-home #child-row-3 h4 a:hover,
.mainwrapper #child-row4.child-home h4 a:hover{
	color:#545454;
}
.mainwrapper3 .child-row-home #child-row-1 h4 a:hover{
	color:#ccc;
}	

#child-row-awards{
	display:block;
	width:800px;
	padding:0 0 5px 0;
	margin:0 auto;
}
.childawards{
   float: left;
    height: auto;
    margin: 0 15px 25px;
    padding:0;
    position: relative;
    width: 170px;
	height:auto;
	line-height:1.3em;
	color:#fff;
	text-align:center;
	font-family:'Fira Sans';
}
.childawards h4{
	float:left;
	width:100%;
	padding:0 0 0;
	margin:0;
	color:#fff;
	position:relative;
	z-index:100;
	text-align:center;
	font-size:1.1em;
}
.childawards h4 a{
	color:#fff;
}
.childawards h4 a:hover{
	color:#ccc;
}
.childawards .child_image_team{
 	position: relative;
    float: left;
    cursor: pointer;
	margin-bottom:5px;
	color:#fff;
}
.childawards .child_image_team:hover{
	color:#ccc;
}
.childawards .child_image_team img{
	border:none;
}
#child-row-boxes{
	display:block;
	width:680px;
	padding:23px 0 5px 0;
	margin:10px auto;
}
.childboxes{
    float: left;
    height: auto;
    margin: 0 3px 6px;
    padding:0 0;
    position: relative;
    width: auto;
	height:auto;
	color:#000;
	text-transform:uppercase;
	background:#e5e8e6;
	text-align:center;
	font-family:'Fira Sans';
}
.childboxes h4{
	float:left;
	width:196px;
	height:180px;
	padding: 70px 12px 0;
	font-size:1.3em;
	line-height:1.3em;
	position:absolute;
	margin:0;
	background:rgba(69,113,142,0.8)
}
#child-row-boxes #child2 h4{
	background:rgba(225,176,37,0.8)
}
#child-row-boxes #child3 h4{
	background:rgba(124,121,122,0.8)
}
#child-row-boxes #child4 h4{
	background:rgba(222,169,153,0.8)
}
#child-row-boxes #child5 h4{
	background:rgba(173,31,43,0.6)
}
#child-row-boxes #child6 h4{
	background:rgba(235,204,122,0.9)
}
.childboxes h4 a
{
	float:left;
	color:#fff;
	text-align:center;
	width:100%;
}
.childboxes h4 a:hover{
	color:#ccc;
}
.childboxes .child_image{
	margin:0;
	height:250px;
}
.gallery_wrapper{
	border-top:1px solid #ccc;
	padding:15px 0 0;
}
.gallery_wrapper h3{
	text-transform:uppercase;
	font-size:1.4em;
	color:#671a1c;
}
.ngg-gallery-thumbnail img {
    margin: 4px 0 4px 5px;
}
.ngg-singlepic{ padding:0!important;}

/*********** Category ***************/
#list_wrapper{
	float:left;
	width:100%;
	margin: 35px 0 0;
	padding:0 ;
}
.list_items{
	display:block;
	width:1342px;
	padding:0 12px;
	margin:0 auto;
	position:relative;
}
#listitems37{
	width:90%;
	padding:0 0 10px;
	margin:0 5% 0;
}
#listitems233{
	width:94%;
	padding:10px 4% 0;
	margin:30px 0 0;
}
#listitems3568{
	width:1342px;
	padding:0 12px;
}
#listitems135 .text{
	float:left;
	border-top:1px solid #ccc;
	width:725px;
}
#listitems145 .text{
	float:left;
	border-top:1px solid #ccc;
	width:705px;
	padding:18px 0 0;
	font-size:1em;
}
.
#lists{ 
	float:left;
	width:100%;
	padding-bottom:35px;
}
.item{
	float:left;
	width:100%;
	height:auto;
	padding: 0 0 30px;
	position:relative;
}
#listitems135 .item,
#listitems145 .item{
	border-top:none;
}

.item p{ 
	line-height:1.5em;
	margin-bottom:0;
}
.item .testimonial p{ 
	font-size:1.5em;
	font-family:"Crimson Text",serif;
	font-style:italic;
}
#listitems135 .item p{
	font-size:1.2em;
}
.item h4 a{
	font-size:1.2em;
	color:#000;
	font-family:"Fira Sans",sans-serif,arial;
	font-weight:normal!important;
	}
.item h4 a:hover{
	color:#545454;
	}
.item-title{
	left:0;
	width:100%;
	text-align:left;
	margin:5px 0 5px;
}
.item-title a{
	color:#000;
	font-size:1.1em;
	}
.item_content h2{
	margin:0;
	padding:0;
}
.item2 .item-title{
	position:relative;
	top:0;
}
.item_image{
	float:left;
	position:relative;
	background:#fff;
	margin: 0 15px 10px 0;
	border:1px solid #ccc;
	padding:4px;
	border-radius:4px;
}
.item_image_work{
	float:left;
	width:auto;
	margin: 0 25px 0 0;
}
#listitems145 .item_image_work{
	float:left;
	width:auto;
	margin: 0 25px 0 0;
}
.item_image img{
	border:0;
}

 .more,
.item .more {
	width:100%;
	text-align:right;
	right:10px;
	bottom:10px;
	margin:0 0 0;
}

.more a,
.item .more a{
	text-decoration:none;
	color:#B01E2B;
}
.more a:hover,
.item .more a:hover{
	text-decoration:none;
	color:#B01E2B;
}


figure.news article .more{
	width:auto;
	display:inline;
}
/************ images ***********************/
#images_main {
	float:right;
	width:350px;
	height:auto;
	min-height:330px;
	position:relative;
	margin:0 0 8px 16px  ;
	}

#image-main {
	width:350px;
	height:260px;
	min-width:510px;
	display:table;
	background:#fff;
	text-align:center;
	vertical-align:middle;
	}
	#images{
    height: 250px;
	margin:0 auto;
	padding:0 0;
	position:relative;
	max-width:510px;
	width:350px;
    text-align: center;
    vertical-align: middle;

}
	#images img{
	background:#fff;	
	max-height:350px;
	max-width:500px;
	border-radius:4px;
	box-shadow: 0 0 5px #CCCCCC;

	}
#navi2 {
	float:left;
	width:390px; 
	height: auto;
	position:absolute;
	left:-5px;
	top:250px;
	list-style:none;
	margin:5px 0;
	padding:0;
		}
#navi2 li, #navi3 li  { 
	width:109px;
	height:75px;
	display:table;
	float: left; 
	margin: 0 5.5px 5px; 
	list-style: none;
	
	
}
#navi2 a, #navi3 a { 
	background:#fff;
    height: 75px;
	margin:0 auto;
	padding:0 0 0;
	border-radius:4px;
	max-width:90px;
    text-align: center;
    vertical-align: middle;
	
	
	}
#navi2 a:focus, #navi3 a:focus { 
	outline: none; 
}
#navi2 img, #navi3 img{ 
	border: none; 
	height:75px;
	width:109px;
	box-shadow: 0 0 5px #CCCCCC;
	border-radius:4px;
	
}
#navi2 li.activeSlide a, #navi3 li.activeSlide a { 

}
#navi2 li.activeSlide a img, #navi3 li.activeSlide a img{
	opacity:1; 
	}
ul.details{
	list-style:square; font-size:1.2em; color:#666; margin:0; padding:10px 0 0 10px;
}
ul.details li{
	margin:9px;
	font-family: 'Arial';
	color:#36857E;
}

/******** page numbers *******/
.list_navi{
	float:left;
	width:100%;
	}
.wp-pagenavi{
	border:none;
	margin-right:15px;
	text-decoration:none;
	color:#545454;
	text-shadow:none;
	padding:15px 0 10px 0;
	font-family: 'Fira Sans', sans-serif;
	}
.wp-pagenavi a{
	color:#545454;
	text-decoration:none;
	}

.wp-pagenavi span.pages{
	margin-right:10px;
	}
.wp-pagenavi a, .wp-pagenavi span {
    border: 1px solid #000!important;
	color:#000;
	}
.wp-pagenavi a.page,
.wp-pagenavi span.current,
.previouspostslink,
.nextpostslink,
.wp-pagenavi a.first,
.wp-pagenavi a.last,
.wp-pagenavi span.extend{
	margin-right:10px;
	border:1px solid #000;
	padding:3px 8px;
	}
.wp-pagenavi a:hover, .wp-pagenavi span.current {
    border-color: #000!important;
	color:#fff;
	font-weight:normal!important;
	background:#000;
}


/****************** Meet the team ******************/

#child-row-team,
#child-row-pick{
	float:left;
	width:84%;
	padding:20px 0 5px 0;
	margin:0 8%;
}
#listitems37 ul#tabsul{ padding:0;}
.childteam{
    float: left;
    height: auto;
    margin: 0 1% 2%;
    padding:0;
    position: relative;
    width: 23%;
	height:auto;
	line-height:1.3em;
	font-size:1.2em;
	color:#000;
	min-height:160px;
	list-style:none;
	text-align:center;
	font-weight:400;
	font-family:'Fira Sans', sans-serif;
}
.childteam img{
	width:100%;
	float: left;
    height: auto;
}
.childteam h4{
	float:left;
	width:100%;
	padding:0 0 0;
	margin:5px 0 5px;
	text-align:center;
	position:relative;
	z-index:100;
	font-size:0.9em;
	font-weight:700;
}
.childteam p{
	width:86%;
	padding:0 7%;
}
.list_items .childteam h4{
	text-align:center;
	margin-bottom:5px;
}	
.childteam h4 a{
	color:#000;
}	
.childteam h4 a:hover{
	color:#b01e2b;
}
.child_image_team{
	display:block;
	margin:0 auto;
 	position: relative;
    cursor: pointer;
	margin-bottom:0;
	text-align:center;
	float:left;
	width:100%;
}
.child_image_team:hover .teamtitles{
	display:block;
}
.child_image_team .teamtitles{
	display:none;
	color:#fff;
	font-size:0.85em;
	position:absolute;
	top:10px;
	left:10px;
	text-align:left;
}
.teamimghover{
	display:none;
	max-width: 100%;
}
.child_image_team:hover .teamimg{
	display:none;
}
.child_image_team:hover .teamimghover{
	display:block;
}
.nameteam{
	text-transform:uppercase;
	font-weight:700;
	float:left;
	width:100%;
}
.clientslogosfull{
	float:left;
	width:101%;
	margin:0 0 0;
	position:relative;
	left:-0.5%;
}
.clientslogos{
	float:left;
	width:24%;
	margin:0 0.5% 0;
	text-align:center;
	height:auto;
}
.clientslogos a{
	width:100%;
	float: left;
	margin-bottom:10px;
}
.clientslogos img{
	width:100%;
	float: left;
    height: auto;
}
.logoimghover{
	display:none;
	max-width: 100%;
}
.child_image_clients:hover .logoimg{
	display:none;
}
.child_image_clients:hover .logoimghover{
	display:block;
}

.large-texthome{
	float:left;
	width:100%;
	margin:10px 0 10px;
	text-align:center;
	font-family: "Fira Sans",Arial;
	font-size: 4em;
	line-height: 1.1em;
	font-weight: 600;
	color: #000;
}
.pinklinkwrapper{
	float:left;
	width:100%;
	text-align:center;	
}
#homemaincontent .mainwrapper a.pinklinkunder,a.pinklinkunder{
	display:block;
	margin:0 auto 40px;
	text-align:center;
	font-family: "Fira Sans",Arial;
	font-size: 2.2em;
	text-transform:uppercase;
	line-height: 1.1em;
	text-decoration: none;
	font-weight: 600;
	color: #f2707a;
}
#homemaincontent .mainwrapper a.pinklinkunder:hover,a.pinklinkunder:hover{
	opacity:0.8;
}
.bluecol{
	background:#f2707a;
	color:#fff;
	margin-top:18px;
} 
.bluecol:hover{
	background:rgba(242,112,112,0.8);
}
.bluecollight:hover{
	background:rgba(62,66,62,0.8);
}
.bluecol a{
	float:left;
	width:80%;
	height:300px;
	color:#fff;
	text-decoration:none;
	padding:30px 10% 30px;
	margin:20px auto 0;
}
.bluecollight{
	background:#3e423e;
}
.bluecol .headinglarge{
	float:left;
	width:100%;	
	font-family:'Fira Sans', sans-serif;
	font-weight:600;
	font-size:3.7em;
	line-height:1em;
	color:#fff;
	text-align:left;
	margin-bottom:15px;
	margin-top:10px;
}
.bluecol .headinglarge span{
	float:left;
	width:100%;	
	font-family:Fira Sans;
	font-weight:800;
	font-size:3.3em;
	line-height:0.75em;
	position:relative;
}
.bluecol p{
	float:left;
	width:100%;
	text-align:left;
	font-family:'Fira Sans', sans-serif;
	font-size: 1.6em;
    margin-top: 0;
	line-height: 1.2em;
	font-weight:500;
}
.newsletterhome{
	padding:15px 46px 10px;
	width:331.3px;
	height:310px;
}
.newsletterhome p{
	font-size:2em;
}

/****************** tabs *********/
#tabs ul,
{
	list-style:none;
	padding:0;
	margin:0;
	width: 106%;
	position: relative;
	left: -3%;
}
#tabsanimals{
	float:left;
	width:100%;
	padding:0 ;
}
#tabsanimals.tabsanimalshome{
	float:left;
	width:100%;
	padding:0;
}
ul#tabsulanimals{
	float:left;
	width:100%;
	padding:0 0;
	margin:0;
	}
.chilwhatwedo{	
    float: left;
    height: auto;
    margin: 10px 2% 25px;
    padding: 0 0 15px;
    position: relative;
    width: 21%;
	height:auto;
	line-height:1.1em;
	font-size:0.9em;
	color:#000;
	min-height:160px;
	list-style:none;
	text-align:center;
	font-family:'Fira Sans', sans-serif;
	text-transform:uppercase;
}
.chilwhatwedo:hover{
	background:#EDF1F2;
}
#homemaincontent #chilwhatwedo5,
#homemaincontent #chilwhatwedo6,
#homemaincontent #chilwhatwedo7,
#homemaincontent #chilwhatwedo8{
	margin-bottom:10px;
}

.chilwhatwedohome:first-child{
	margin-left:0;	
}
.chilwhatwedohome:last-child{
	margin-right:0;
}
.tabsulanimalsextra .chilwhatwedo{
	margin-bottom:0
}
#listitems233 .chilwhatwedo:last-child{
	display:none;
}
.tabsulanimalsextra .chilwhatwedo{
		width: 30%;
}
.tabsulanimalsextra .chilwhatwedo:first-child{
		margin-left:0;
}
.tabsulanimalsextra .chilwhatwedo:last-child{
		margin-right:0;
}
#tabsanimals-whatwedo{
	float:left;
	width:100%;
	margin:60px 0 0;
}
#tabsanimals-whatwedo ul#tabsulanimals {
  position: relative;
  left: -3%;
}
#tabsanimals-whatwedo h4.animalh4 {
    float: left;
    width: 100%;
    font-family: "Fira Sans",Arial;
    text-transform: uppercase;
    font-size: 1em;
    font-weight: 800;
    color: #999;
    margin-bottom: 15px;
}
.chilwhatwedo h4,.chilwhatwedo h3{
	float:left;
	width:100%;
	text-align:center;
	font-family:'Fira Sans', sans-serif;
	text-transform:none;
	color:#000;
	font-weight:700;
	font-size:1.7em;
	margin:0 0;
	padding:0 0 10px;
}
.list_items .chilwhatwedo h4{
	font-size:1.55em;
}
#tabsanimals-whatwedo h4.animalh4 a{
	color:#999;
}
.tabsulanimalsextra .chilwhatwedo h4{
	font-size:1em;
	}
.chilwhatwedo_image{
	display:block;
	margin:0 auto;
 	position: relative;
    cursor: pointer;
	margin-bottom:0;
	text-align:center;
	float:left;
	width:100%;
}
#tabsanimals-whatwedo .chilwhatwedo_image{
	width:80%;
	padding:0 10%;
}
.chilwhatwedo img {
    border: none;
	width:auto;
	display:block;
	margin:10px auto 20px;
	max-height:175px;
}
.chilwhatwedohome img{
	width:100%;
	}
#tabsanimals-whatwedo .chilwhatwedo_image img{
	width:100%;
}
.quotedetails{
	margin-top:150px;
}
.quotedetails p{
	float:left;
	width:85%;
	font-size:2.5em;
	line-height:1.3em;
	margin: 0 0 10px;
	font-family: "Fira Sans",sans-serif,arial;
	font-weight:600;
}
.quotedetails h4{
	float:left;
	font-family:'Fira Sans', sans-serif;
	text-transform:uppercase;
	color:#999;
	font-size:1.3em;
	line-height: 1.3em;
	font-weight:600;
}
.quotedetails h4 strong{
	font-weight:800;
}
li.ui-state-active img{ 
    filter: grayscale(0)!important; 
    -webkit-filter: grayscale(0)!important; 
}
.tabchildren{
	float:left;
	width:60%;
	margin:30px 0 0;
	padding:0 20%;
	font-family:'Fira Sans', sans-serif;
	font-size:1.2em;
	font-weight:400;
	position:relative;
}
.tabchildren .heading{
	padding:10px 0;
	width:100%;
	position:relative;
}
.tabchildren .heading h4{
	 font-family: "Fira Sans",sans-serif,arial;
    font-size: 2.3em;
    line-height: 1.2em;
    margin: 0 0 5px;
	color:#000;
	font-weight:normal!important;
}
.tabchildren .heading h5{
	color:#000;
	font-family:'Fira Sans', sans-serif;
	font-weight:400;
	font-size:1.5em;
	line-height:1.3em;
}
.childrencotent{
	float:left;
	padding:10px 0;
	width:100%;
	position:relative;
}
.childrencotent2{
	width:66.5%;
	float:left;
	font-size:1.1em;
	margin:0 5% 0 28.5%;
	font-family:'Fira Sans', sans-serif;
	padding:10px 0;
	position:relative;
	font-weight:400;
}
.childrencotentwhatwedo{
	width: 55%;
	float: left;
	font-size: 1.5em;
	margin: 20px 0 0 30.8%;
	font-weight: 300;
}
.content37 .childrencotent2{
	font-size: 1.5em;
	font-weight: 300;
}
.content37 h3{
	font-weight: 500;
	line-height: 1.3em;
}
.content37 h1 {
  width: 100%;
  float: left;
  margin: 0 auto;
  text-align: center;
}
.childrencotentwhatwedo .subheading{
	font-size:1.7em;
}
.anthologypara{
	margin-bottom:30px;
	margin-top:0;
}
/******** Slideshow **************/
#slideshow_main{
	float:left;
	width: 100%;
	padding: 0 0 0;
	margin:88px 0 0;
	position:relative;
	overflow:hidden;
	height:600px;
	background: rgb(242,112,122);
background: linear-gradient(315deg, rgba(242,112,122,1) 0%, rgba(255,155,150,1) 50%, rgba(242,112,122,1) 100%);
}
#slideshow{
	float:left;
	margin:0 auto 0;
	width:100%;
	height:600px;
	color:#545454;
	overflow:hidden;
	position:relative;
}
#slideshow_inner{
	display:block;
	margin:0 auto 0;
	width:1098px;
	height:600px;
	color:#545454;
	position:relative;	
	overflow:hidden;
}
#slideshow p{
	margin:0 0 10px ;
}
#videomain{
	display:none;
	width:100%;
	height:660px;
	position:relative;
	margin: 0 auto;
	overflow:hidden;
	position:absolute;
	top: 0;
	left:0;
	z-index:9999;
	text-align:center;
	background:#fff;
	border:none;
	color:#fff;
}
#videomain_inside{
	display:block;
	width:1260px;
	margin:0 auto;
	position: relative;
	overflow:hidden;
	border:none;
	color:#fff;
	background:#fff;
}
#videomainmobile{
	display:none;
}
#myVideo {
	float:left;
	width: 104%;
    position: relative;
	display:block;
    top: -2px;
    left: -1%;
	border:none;
	background:#fff;
	color:#fff;
}
video:hover{
	cursor: pointer;	
  	cursor: url(images/pause.png) 2 2, pointer;
}
.showreelmain{
	float:left;
	width:auto;
	position:absolute;
	bottom:0;
	right:10px;
	z-index:999;
}
#showreelmainmobile{
	position:absolute;
    z-index: 999;
	bottom:40px;
	border: none;
}
.showreellink{
	width:360px;
	padding:20px 0;
	text-align:left;
	margin:0 auto 0;
	color:#3e423e;
	font-family: "Fira Sans",Arial;
	font-weight:600;
	font-size: 1.7em;
	line-height: 1.1em;
	border: none;
	display:block;
	background:none;
}

.pausebutton{
	position:absolute;
	z-index:999999;
	width: 70px;
    height: 40px;
	top:0;
	left:0;
	opacity:0;
	border-radius:7px;
	border:none;
}
.pausebutton:hover{
   opacity:1;
}
.pics {
	float:left;
    height: 775px;
    margin: 0;
    padding: 0;
	z-index:99;
    width:100%;
	overflow:hidden;
}
.slider{
	width:100%;
	float:left;
	height:775px;
	padding:0 0;
	position:relative;
	display: inline-block!important;
}
.slider img{
    margin: 0 auto;
	width:100%;
    display: block;
    position: relative;
    z-index: -1;	
}
.slider a{
	float:left;
	width:100%;
	color:#fff!important;
}
.slider a:hover{
	color:#ccc!important;
}
.slider_text{
	position:relative;
	z-index:9999;
	height:auto;
	width:100%;
	padding:0;
	margin:0 auto;
	text-align:left;
	color:#fff;
	line-height:1.5em;
}
.slider_text_main{
	display:block;
	width:96%;
	padding:0 2%;
	margin:0 auto;
	z-index:999;
}
.slider_text_main h1,
.slider_text_main h2{
	color:#3e423e;
	float:left;
	width:100%;
	line-height:0.85em!important;
	font-size:5.4em!important;
	text-align:left;
	 font-family: "Fira Sans",sans-serif,arial;
	 font-weight:700!important;
	 text-transform:uppercase;
}
.slider_text_main h2{
	color:#fff;
	font-weight:700;
	line-height:1.2em;
	top:0;
}
.slider_text_main h2.h1slide{
	color:#3e423e;
	margin-top:130px;
}
h2.h1slide .h1slidespan1{
	float:left;
	width:100%;
	-webkit-animation-duration:1s;
	-moz-animation-duration:1s;
	-ms-animation-duration:1s;
	-o-animation-duration:1s;
	animation-duration:1s;
	-webkit-animation-name: fadeIn;
	-moz-animation-name: fadeIn;
	-ns-animation-name: fadeIn;
	-o-animation-name: fadeIn;
	animation-name: fadeIn;
	-webkit-animation-delay:0.5s;
	-moz-animation-delay:0.5s;
	-ms-animation-delay:0.5s;
	-o-animation-delay:0.5s;
	animation-delay:0.5s;
	-webkit-animation-fill-mode:both;
	-moz-animation-fill-mode:both;
	-ms-animation-fill-mode:both;
	-o-animation-fill-mode:both;
	animation-fill-mode:both; 
}
h2.h1slide .h1slidespan2{
	float:left;
	width:100%;
	-webkit-animation-duration:1s;
	-moz-animation-duration:1s;
	-ms-animation-duration:1s;
	-o-animation-duration:1s;
	animation-duration:1s;
	-webkit-animation-name: fadeIn;
	-moz-animation-name: fadeIn;
	-ns-animation-name: fadeIn;
	-o-animation-name: fadeIn;
	animation-name: fadeIn;
	-webkit-animation-delay:1.5s;
	-moz-animation-delay:1.5s;
	-ms-animation-delay:1.5s;
	-o-animation-delay:1.5s;
	animation-delay:1.5s;
	-webkit-animation-fill-mode:both;
	-moz-animation-fill-mode:both;
	-ms-animation-fill-mode:both;
	-o-animation-fill-mode:both;
	animation-fill-mode:both;  
}
h2.h1slide .h1slidespan3{
	float:left;
	width:100%;
	-webkit-animation-duration:1s;
	-moz-animation-duration:1s;
	-ms-animation-duration:1s;
	-o-animation-duration:1s;
	animation-duration:1s;
	-webkit-animation-name: fadeIn;
	-moz-animation-name: fadeIn;
	-ns-animation-name: fadeIn;
	-o-animation-name: fadeIn;
	animation-name: fadeIn;
 	-webkit-animation-delay:2.5s;
	-moz-animation-delay:2.5s;
	-ms-animation-delay:2.5s;
	-o-animation-delay:2.5s;
	animation-delay:2.5s;
	-webkit-animation-fill-mode:both;
	-moz-animation-fill-mode:both;
	-ms-animation-fill-mode:both;
	-o-animation-fill-mode:both;
	animation-fill-mode:both;  
}

.h2title{
	float:left;
	width:100%;
	-webkit-animation-duration:1s;
	-moz-animation-duration:1s;
	-ms-animation-duration:1s;
	-o-animation-duration:1s;
	animation-duration:1s;
	-webkit-animation-name: fadeIn;
	-moz-animation-name: fadeIn;
	-ns-animation-name: fadeIn;
	-o-animation-name: fadeIn;
	animation-name: fadeIn;
 	-webkit-animation-delay:2.5s;
	-moz-animation-delay:2.5s;
	-ms-animation-delay:2.5s;
	-o-animation-delay:2.5s;
	animation-delay:2.5s;
	-webkit-animation-fill-mode:both;
	-moz-animation-fill-mode:both;
	-ms-animation-fill-mode:both;
	-o-animation-fill-mode:both;
	animation-fill-mode:both; 
}
.h2title.mobile{
	-webkit-animation-delay:3.5s;
	-moz-animation-delay:3.5s;
	-ms-animation-delay:3.5s;
	-o-animation-delay:3.5s;
	animation-delay:3.5s;
}
.showreelmain{
	-webkit-animation-duration:1s;
	-moz-animation-duration:1s;
	-ms-animation-duration:1s;
	-o-animation-duration:1s;
	animation-duration:1s;
	-webkit-animation-name: fadeIn;
	-moz-animation-name: fadeIn;
	-ns-animation-name: fadeIn;
	-o-animation-name: fadeIn;
	animation-name: fadeIn;
	-webkit-animation-delay:3.5s;
	-moz-animation-delay:3.5s;
	-ms-animation-delay:3.5s;
	-o-animation-delay:3.5s;
	animation-delay:3.5s;
	-webkit-animation-fill-mode:both;
	-moz-animation-fill-mode:both;
	-ms-animation-fill-mode:both;
	-o-animation-fill-mode:both;
	animation-fill-mode:both; 
}

#showreelmainmobile.showreelmain{
	-webkit-animation-delay:4.5s;
	-moz-animation-delay:4.5s;
	-ms-animation-delay:4.5s;
	-o-animation-delay:4.5s;
	animation-delay:4.5s;
}
.playarrow{
	float:right;
	position:relative;
	top:-10px;
	margin-right:10px;
	-webkit-animation-delay:4.5s;
	-moz-animation-delay:4.5s;
	-ms-animation-delay:4.5s;
	-o-animation-delay:4.5s;
	animation-delay:4.5s;
	-webkit-animation-duration:2s;
	-moz-animation-duration:2s;
	-ms-animation-duration:2s;
	-o-animation-duration:2s;
	animation-duration:2s;
	animation-timing-function: ease-in-out; 
	-webkit-animation-name: scaleIn;
	-moz-animation-name: scaleIn;
	-ns-animation-name: scaleIn;
	-o-animation-name: scaleIn;
	animation-name: scaleIn;
}
#showreelmainmobile.showreelmain .playarrow{
	-webkit-animation-delay:5.5s;
	-moz-animation-delay:5.5s;
	-ms-animation-delay:5.5s;
	-o-animation-delay:5.5s;
	animation-delay:5.5s;
}
@keyframes scaleIn {
    0% {
        transform: scale(1);     
    }
    25% {
        transform: scale(1.15);  
    }
    50% {
        transform: scale(1); 
    }
	75% {
        transform: scale(1.15);  
    }  
    100% {
        transform: scale(1); 
    }       
}
@keyframes fadeIn {
	0% {
		opacity: 0;
	}
	
	100% {
		opacity: 1;
	}
}
@-o-keyframes{
	0% {
		opacity: 0;
	}
	
	100% {
		opacity: 1;
	}
}
@-moz-keyframes{
	0% {
		opacity: 0;
	}
	
	100% {
		opacity: 1;
	}
}
@-webkit-keyframes{
	0% {
		opacity: 0;
	}
	
	100% {
		opacity: 1;
	}
}

h2.slide-title1{
	float:left;
	width:100%;
	color:#fff;
	padding:13px 0 0;
	font-size:3.2em;
	line-height:1em;
	text-align:left;
	font-family:"Fira Sans",sans-serif,arial;
	font-weight:normal;
	margin:0; 
	z-index:999;
}

.slide-text2{
	float:left;
	width:100%;
	color:#fff;
	text-align:left;
	padding:5px 0 5px;
	font-family: 'Fira Sans', sans-serif;
	margin:0 0 0;
	font-size:2em;
	line-height:1.5em;
	font-weight:400;
}

#navi {
	width:auto; 
	height: 10px;
	list-style:none;
	z-index:999;
	position:absolute;
	margin: 0 0 0;
	bottom:160px;
	left: 50%;
	transform: translate(-50%, 0);
		}

#navi a { 
    border-radius: 10px;
    color: transparent;
    display: inline-block;
    height: 15px;
	width: 15px;
    margin: 0 10px 0 0;
    text-align: left;
    text-indent: -99999px;
    background:#a6a6a6;
	position:relative;
	}
#navi a.activeSlide { 
	height: 20px;
	width: 20px;
	top:-3px;
}
#prev{
	position:absolute;
	left:30px;
	top:40%;
	z-index:999;
	cursor: pointer;
	width: 25px;
    height: 25px;
    border-left: 10px solid #a6a6a6;
    border-bottom: 10px solid #a6a6a6;
    transform: rotate(45deg);
}
#next{
	position:absolute;
	right:30px;
	top:40%;
	z-index:999;
	cursor: pointer;
	width: 25px;
    height: 25px;
    border-top: 10px solid #a6a6a6;
    border-right: 10px solid #a6a6a6;
    transform: rotate(45deg);
}
#prev:hover, #next:hover{
	opacity:0.7;
}
/************ Newsletter *******/
#mc_embed_signup{
	float:left;
	width:100%;
	margin:20px 0 60px;
}
.fullcontent #mc_embed_signup{
	float:left;
	width:40%;
	margin:20px 30% 30px;
}

p.newletterp{
	float:left;
	width:100%;
	font-size:2.2em;
	font-family: "Fira Sans",Arial;
	margin:10px 0;
}
#mc_embed_signup h4{
	font-size: 1.4em;
	font-family: "Fira Sans",Arial;
	font-weight: 600;
	float:left;
	width:100%;
	margin:0 0 20px;
}
#mc_embed_signup #mce-EMAIL{
	float:left;
	width:35%;
	border: 1px solid #000;
	padding: 10px 2%;
	margin:0 2% 0 0;
	font-size:1.2em;
	color:black!important;
	text-align:left;
	font-family: "Fira Sans",Arial;
	font-weight: 400;
}
.fullcontent #mc_embed_signup #mce-EMAIL{
	width:70%;
}
.newsletterhome #mc_embed_signup h4{
	font-size: 1.2em;
	color: #000;
	position: relative;
	text-transform:none;
	font-family: "Fira Sans",sans-serif,arial;
	font-weight: normal;
	color: #fff;
	font-size: 4.3em;
}
.newsletterhome #mc_embed_signup #mce-EMAIL{
	width:90%;
	padding:7px 5%;
	font-size:1.2em;
	border:none;
}
::placeholder { 
    color: black;
    opacity: 1 !important;
}
#mc_embed_signup #mc-embedded-subscribe{
	float:left;
	width:auto;
	background:#6e716e;
	color:#fff;
	border:none;
	font-size:1.2em;
	padding: 10px 4%;
	margin:0 0 0;
	font-family: "Fira Sans",Arial;
	font-weight: 700;
	text-transform:uppercase;
	text-align:center;
}
.fullcontent #mc_embed_signup #mc-embedded-subscribe{
	float:left;
	width:23%;
}
.newsletterhome #mc_embed_signup #mc-embedded-subscribe{
	background:#57bcc3;
	float:left;
	width:100%;
	margin:20px 0 0;
	padding:5px 5%;
	font-size:1.3em;
}
.contactindohome{
	float: left;
	width: 100%;
	text-align: center;
	font-family: 'Fira Sans', sans-serif;
	font-size:1.7em;
	margin:0 0 30px;
}
.contactindohome a{
	color:#000;
	font-weight:normal;
}
/***************** cforms ********************/
.subscibre-newsletter{
	float:left;
	width:100%;
}
.subscibre-newsletter input{
	width:30%;
	border-radius:4px;
	border:1px solid #ccc;
	padding:5px 10px;
}
.mergeRow {
	float:left;
	width:100%;
	margin-bottom:15px;
}
ul.interestgroup_field{
	list-style:none;
	margin:0;
	padding:0;
}
ul.interestgroup_field li{
	list-style:none;
	margin:0;
	padding:0;
}
.interestgroup_field input{
	width:35px;
	margin-top:7px;
	border:none;
}
.subscibre-newsletter .submit_container input.button{
	background: url("images/nav_bg.png") no-repeat scroll left bottom #678901;
    border: 1px solid #CCCCCC;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 0 5px #CCCCCC;
    clear: both;
    color: #FFFFFF;
    float: left;
    margin-right: 0;
    padding: 8px 40px;
    text-decoration: none;
    width: auto;
}
#footer a.subscribe-link{
	float:left;
	font-family:Arial;
	font-size:1.3em;
	width:100%;
	padding: 4px 0 7px;
	text-align:center;
	text-decoration:none;
	border-radius:4px;
	border:1px solid #4F6901;
	background: url("images/nav_bg.png") no-repeat scroll left bottom #4F6901;
}
.wpcf7-form
{
	background: none repeat scroll 0 0 #00b2d6;
    color: #fff;
    padding: 15px 8%;
    width: 84%;
	margin: 20px 0 ;
	float:left;
	height:auto;
}		
.wpcf7-form input
{
	float: right;
	margin-bottom: 0;
	text-align: left;
	width: 10%;
}
	
.wpcf7-form label
{
	margin:0 0;
	padding:8px 2px 0;
	width:94%;
	float:left;
	text-align:left;
}

.wpcf7-form input, 
.wpcf7-form textarea,
.wpcf7-form select
{
	background:none repeat scroll 0 0 #F9F9F9;
	border:1px solid #CCCCCC;
	margin:15px 0 0;
	border-radius:4px;
	padding:4px 1%;
	float:left;
	width:98%;
}
.wpcf7-form .first-name{
	float:left;
	width:49%
}
.wpcf7-form .last-name{
	float:left;
	width:49%;
	margin-left:2%;
}
.wpcf7-form .wpcf7-mail-sent-ok{

	border-radius:4px;
	padding:4px 1%;
	float:left;
	width:98%;
	background:#47AA42;
	margin:15px 0 0;
}
.wpcf7-form .wpcf7-validation-errors{
	border-radius:4px;
	padding:4px 1%;
	float:left;
	width:98%;
	background:#47AA42;
	margin:15px 0 0;
}
.wpcf7-form .wpcf7-not-valid-tip{
	float:left;
	width:98%;
	background:#900;
	color:#fff;
	border-radius:4px;
	padding:4px 1%;
}
.wpcf7-form textarea{
	height:100px;
}

.failure
{
	background-color:#ffebe8;
	border:1px solid #cc0000;
	color: #545454;
}

.success 
{
	background-color:#760C0E;
	border:1px solid #333333;
	color: #fff;		
}	
.wpcf7-form .formfield{
	float:left;
	width:100%;
}

.wpcf7-form .wpcf7-submit{
	background: #47aa42;
    border: none;
    border-radius: 4px;
	padding:8px 35px;
	text-decoration:none;
	color:#fff;
	width:auto;
	float:right;
	margin-right:15px;
	clear:both;
	
	}
div.wpcf7-validation-errors{
	border:none;
}
/*********** Search ***********/
#searchmain{
	float:right;
	width:auto;
	margin: 18px 30px 0 30px; 
	position:relative;
	font-family: 'Fira Sans', Arial;
}
#searchtriger{
	float:left;
	margin:0 0 0 0 ;
	width:auto;
	height:auto;
	border:none;
	cursor:pointer;
	background:none;
}
.searchform_main{
	float:right;
	width:350px;
	padding:20px;
	margin:0;
	position:absolute;
	background:rgba(255,255,255,0.7);
	right:-9999999px;
	top:50px;
	z-index:999999;
}
.searchform_main.searchformselected{
	right:0;
}
#searchform{
	float:left;
	width:340px;
	padding:4px 5px;
	font-size:1.1em;
	color:#333;
	margin: 0;
	border-radius:4px;
	background:#edf1f1;
	height:auto;
}
#searchform label{
	display:none;
}
#searchsubmit {
	border:medium none;
	cursor:pointer;
	color:#fff;
	background:#F2707A;
	font-size:0.9em;
	float:right;
	text-decoration:none;
	text-align:left;
	padding:3px 10px;
	height:auto;
	width:auto;
	border-radius:3px;
	cursor:pointer;
	position:relative;
	
}

#searchsubmit, #send, #top #submit {
	cursor:pointer;
}
#searchsubmit, #send, #top #submit {
	cursor:pointer;
}
#s {
	color:#333;
	float:left;
	font-size:1em;
	height:15px;
	width:200px;
	border:0;
	line-height:1.6em;
	background:none;
	font-style:italic;
	padding:5px 3px 3px 5px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
}
/****************** form one **********/
.cform
{
	width:60%;
	height:auto;
	padding:10px;
	margin:15px 0 0 10px;
	float:right;
	background:#DEE0DF;
	border-radius:5px;
}
.subscibre-newsletter{
	float:left;
	width:100%;
}
.subscibre-newsletter input{
	width:30%;
	border-radius:4px;
	border:1px solid #ccc;
	padding:5px 10px;
}

.cform ol li, 
.cform ol li.cf-box-group
{
	list-style:none;
	width:100%;
	height:auto;
	float:left;
	margin:0 0 15px 0; 
}
.cform ol li.cf-box-title, 
.cform ol li.textonly
{
	width:100%;
	height:auto;
	float:left;
	padding:10px 0;
	text-align:left;
	color: #545454;
    font-size: 1.4em;
    font-weight: normal;
	margin-bottom:10px;
}		
.cform ol li.cf-box-group input
{
	float: right;
	margin-bottom: 0;
	text-align: left;
	width: 10%;
}
.cform ol li.cf-box-group label.cf-group-after
{
	float: left;
	height: auto;
	min-height:15px;
	text-align: left;
	width: 93%;
	position:relative;
	top:-15px;
}		.cform ol,
.cform ol li 
{
	margin:0;
	padding:0 10px 0;;
}
form ol li label.cf-before
{
	float: left;
	height: auto;
	text-align: left;
	width: 93%;			
}
legend{
	color:#545454;
	margin:0 0;
	position:absolute;
	top:-30px;
	left:15px;
	margin-bottom:45px;
	font-size:1.5em;
	font-weight:normal;
}	
.cform ol li label
{
	margin:0 0;
	padding:8px 2px 0;
	width:94%;
	float:left;
	text-align:left;
	}
.cform ol li input, 
.cform ol li textarea,
.cform ol li select,
.cform ol li.cf-box-group
{
	background:none repeat scroll 0 0 #F9F9F9;
	border:1px solid #CCCCCC;
	margin:0 0 5px;
	border-radius:4px;
	padding:4px;
	float:left;
	width:94%;
}
.cform ol li textarea{
	height:100px;
}
input#cf_field_17
{
	width: 7%;
	float:left;
}
.cform ol li .emailreqtxt, 
.cform ol li .reqtxt
{
	width:100%;
	height:auto;
	float:left;
	text-align:right;
	font-size:0.8em;
	color:#F00;

}	
.success, 
.failure
{
	width:95%;
	height:auto;
	float:left;
	margin:10px 0%;
	padding:10px 2.5%;
	background-color:#ffffe0;
	color:#545454;
	border:1px solid #e6db55;
	font-weight:bold;
	text-align:center;
	-moz-border-radius:3px;
	border-radius:3px;
	-webkit-border-radius:3px;
}
.failure
{
	background-color:#ffebe8;
	border:1px solid #cc0000;
	color: #545454;
}
.upload-error
{
	background-color:#E07F7F;
	background-repeat:repeat;
	border:1px solid #A74646;
	color:#FFFFFF;
}
.success 
{
	background-color:#760C0E;
	border:1px solid #333333;
	color: #fff;		
}	
.cform input.cf-box-b
{
	float:right;
	width: 7%;
}

.cf_hidden{
	display:none;
}

fieldset
{
	border:0;
	margin-top:30px;
	position:relative;
	background:#dedede;
}

.cform label,
.cform .cf-box-title{
	float:left ;
	border:0 ;
	background:none ;
	padding:0 ;
	margin:0 ;
	text-align:left ;
}

.cform .cf-box-b{
	width:20px;
	float:left;
	margin-right:0;
}

.cform .cf-after{
	float:left;
	margin-left:5px;
	margin-right:25px;
	width:auto;
	padding-top:3px;
}
fieldset
{
	border:0;
	margin-top:30px;
	position:relative;
	background:#EFF1F0;
}
.cform .sendbutton{
	background:#51B948;
	padding:8px 35px;
	text-decoration:none;
	color:#fff;
	width:auto;
	border-radius:5px;
	border:none;
	float:right;
	margin-right:15px;
	clear:both;
	
	}
	.cform .cf-sb{
		float:left;
		width:100%;
		height:auto;
	}

.cform .cf-box-b{
	width:20px  !important;
	float:left  !important;
	margin-right:0  !important;
}
.cform .cf-after{
	float:left  !important;
	margin-left:5px  !important;
	margin-right:25px  !important;
	width:auto  !important;
	padding-top:3px  !important;
}
/*********** lasy load *****************/
.player, #player {
	max-width: 700px!important;
    height: 100%!important;
}
.player .vp-video-wrapper .vp-preview{
	background-size: 100%!important;
}
/********************** map ****************/

.map_frame{
	float:left;
	width:48%;
	margin-top:20px;
}
/***************** wp table********************/

.wp-table-reloaded{
	font-size:1.3em!important;
	}
	
.blogscontent iframe {
    width: 100%;
    height: 200px;
}
/********************************** weather **************************************/
	#map-wrapper
	{
		width:100%;
		height:auto;
		float:left;
		margin:10px 0;
	}
#weather{
	float:left;
	width:100%;
	margin:20px 0 0 0;
	color:#666;
	}	
.weatherCity,
.weatherTemp,
.weatherRange,
.weatherHumidity,
.weatherWind,
.weatherLink{
	text-align:right;
	
	}
	.weatherCity{
		font-size:1.4em;
		text-transform:uppercase;
		margin-bottom:8px;
	}
	.weatherDesc{
		text-align:right;
		width:100%;
		font-weight:bold;
		margin-bottom:10px;
		}
	.weatherTemp{
		font-weight:bold;
		font-size:3.5em;
		margin-bottom:8px;
	}
/*********************** tables **************/
.tablepress tbody td, 
.tablepress tfoot th {
	border:none!important;
}
.tablepress th, .tablepress td{
	padding:2px 4px!important;
}
#skiplinks a{ 
	position:absolute; 
	left:-10000px;
	color:#000;
	top:auto; 
	width:1px; 
	height:1px; 
	overflow:hidden;
	z-index:9999999;
 } 
  
#skiplinks a:focus{ 
	position:static; 
	width:auto; 
	height:auto; 
 } 


/******************** ie8 ***********************/
.ie8 nav ul#fish ul{ background:#f2707a;}

/******************** ie7 ***********************/

.ie7 nav ul#fish ul {margin-left:-100px;background:#f2707a;}
.ie7 nav ul#fish ul ul,.ie7 nav ul#fish ul ul ul,.ie7 nav ul#fish ul ul ul ul{	margin:0 0 0 0px;	}


@media only all and (min-width: 1480px) {
.slider_text_main h1, .slider_text_main h2 {font-size: 6.6em !important;line-height: 0.85em !important;}
#slideshow_inner{ width:1390px;}
#slideshow_main,#slideshow,.pics,.large_pict_sections,.slider{ height:600px;}
.slider_text_main h2.h1slide {margin-top: 120px;}
#myVideo {top: -40px;}
#homemaincontentwrapper .chilwhatwedo {margin: 10px 4% 25px!important;width: 17%!important;}
}
/***************************** Responsive design *******************/
@media only all and (max-width: 1480px) and (min-width: 1151px){
	#homemaincontentwrapper,.list_items,.list_items .fullwidthcols{ width:98%; padding:0 1%;}
	#listitems3568{ width:96%; padding:0 2%;}
	.content_image,.content_images{ width:100%;}
	.mainwrapper{ width:98%; padding:0; margin:20px 1% 0;}
	#videomain {height:610px; top:-3px;}
	#slideshow_main,#slideshow,.pics,.large_pict_sections,.slider{ height:600px;}
	.slider_text_main h1, .slider_text_main h2 {
	  font-size: 5.4em !important;
	}
	.sliderimg{ height:510px; overflow:hidden;}
	#navi{ bottom:125px;}
	.cols4 a.quotes{font-size: 1.9em;line-height: 1.4em;}
	.half_sections{width:31.333%; margin-right:2%;}
	.cols4-title2{ font-size:1.7em;}
	.cols2 img,.cols3 img,.cols4 img{ width:100%;}
	.newsletterhome {width: 25.333%;padding: 15px 3%;}
	.newsletterhome #mc_embed_signup h4{ font-size:3.8em;}
	#wrapper3{ width:98%;margin-left:1%;margin-right:1%;}
	.s30left iframe,.s30right iframe{ min-height:190px;}
	#content.content4996 .cols3-title1{ font-size:1.2em;}
	#content.content4996 .s30left,#content.content4996 .s30right{min-height:300px;}
}
@media only all and (max-width: 1250px) and (min-width: 1162px){
#slideshow_main,#slideshow,.pics,.large_pict_sections,.slider{ height:540px;}
}
@media only all and (max-width: 1315px) and (min-width: 1280px){
#slideshow_main,#slideshow,.pics,.large_pict_sections,.slider{ height:590px;}
}
@media only all and (max-width: 1350px) and (min-width: 1316px){
#slideshow_main,#slideshow,.pics,.large_pict_sections,.slider{ height:600px;}
}
@media only all and (max-width: 1430px) and (min-width: 1351px){
#slideshow_main,#slideshow,.pics,.large_pict_sections,.slider{ height:600px;}
}
@media only all and (max-width: 1480px) and (min-width: 1431px){
#slideshow_main,#slideshow,.pics,.large_pict_sections,.slider{ height:600px;}
}
@media only all and (max-width: 1480px) and (min-width: 1200px){
#content.content4996 .cols3-title1{ font-size:1.2em;}
#content.content4996 .s30left,#content.content4996 .s30right{min-height:330px;}
}

/*************** iPads (lanscape) and small screens ***************/
@media only all and (max-width: 1150px) and (min-width: 1024px){
#out{ width:100%;}
header,#navmain{ width:100%}
#header{ width:96%; margin-left:2%;margin-right:2%;}
#headerinside{ width:100%; margin:0;}
.list_items,#listitems3568{ width:96%; padding:0 2%;}
#homemaincontentwrapper{width:100%;}
.showreellink{margin: 50px auto 0;}
.sliderimg{ height:480px; overflow:hidden;}
.slide-text2{ font-size:1.8em;}
#navi{ bottom:115px;}
#videomain_inside{ width:100%;}
.wrapper, #wrapper,#wrapper3{ width:92%; padding:0 4% 0;}
.mainwrapper{ width:96%; padding:0;}
#content img,.content_images{ width:100%;height:auto;}
footer{ font-size:1.4em; text-align:left;}
.user_image,#content img.user_image{ width:210px; height:210px;}
.newsletterhome{ width:25.333%; padding:15px 3%;}
.newsletterhome #mc_embed_signup h4{ font-size:3.4em;}
.newsletterhome{ height:395px; min-height:390px;}
#videomain {height: 590px; top:-3px;}
#slideshow_main,#slideshow,.pics,.large_pict_sections,.slider{ height:550px;}
.slider_text_main h1, .slider_text_main h2 {font-size: 5em !important;line-height: 1.3em;}
.showreelmain{right: 80px;bottom: 75px;}
#tabsanimals.tabsanimalshome{width: 94%;padding: 0 3%;}
}
@media only all and (max-width: 1150px) and (min-width: 1100px){
#slideshow_main,#slideshow,.pics,.large_pict_sections,.slider{ height:570px;}
#content.content4996 .cols3-title1{ font-size:1.3em;}
#content.content4996 .s30left,#content.content4996 .s30right{width:48%; margin:0 1%;}
}

@media only all and (max-width: 1099px) and (min-width: 1024px){
#content.content4996 .cols3-title1{ font-size:1.3em;}
#content.content4996 .s30left,#content.content4996 .s30right{width:48%; margin:0 1%;}
}
/*************** iPads (portrait) and tablets(landscape) ***************/
@media only all and (max-width: 1023px) and (min-width: 768px){
#out{ width:100%;}
header,#navmain{ width:100%}
#header{ width:98%; margin-left:1%;margin-right:1%;}
header .logo a img,header .logo{ width:250px;}
.list_items,#listitems3568{ width:98%; padding:0 1%;}
#homemaincontentwrapper{ margin-top:30px; width:100%;}
#headerinside{ font-size:0.8em;}
.showreellink{margin: 50px auto 0;}
#myVideo { width: 110%; height: 460px; left:-5%}
#videomain {height: 460px; top:-3px;}
#menu-handheld{ width:40px; top:23px;}
#searchmain{margin: 18px 20px 0 20px;}
.headeremail{margin: 20px 0 0 17px;}
.slider_text_main h1, .slider_text_main h2{ font-size:3em!important; line-height:1.3em;}
#slideshow_main,#slideshow,.pics,.large_pict_sections,.slider,#slideshow_inner{ height:440px;}
#slideshow_inner{ width:100%;}
.slider_text_main h2.h1slide{ margin-top:60px;}
.sliderimg{ height:400px; overflow:hidden;}
.slide-text2{ font-size:1.6em;}
#navi{ bottom:115px;}
#videomain_inside{ width:100%;}
.mainwrapper{ padding:0;}
#tabsanimals.tabsanimalshome,#child-row-team, #child-row-pick{ width:94%; padding:0 3%; margin:0}
.chilwhatwedo img,#child-row-team .child_image_team img, #tabs .child_image_team img{ width:100%;}
.childteam{ font-size:0.9em;}
.wrapper, #wrapper,#wrapper3{ width:96%; padding:0 2% 0;}
#content img{ width:100%;height:auto;}
.chilwhatwedo h4,.chilwhatwedo h3{ font-size:1.2em;}
footer{ font-size:1.4em; text-align:left;}
#menu-handheld{ z-index:99999;}
.cols2 img,.cols3 img,.cols4 img{ width:100%;}
.cols4 a.quotes{ font-size:1.5em;}
.cols4-title1{ font-size:1.1em; line-height:1.4em;}
.cols4-title2{ font-size:1.4em;}
.cols3-title1{ font-size:1.2em;}
.cols3{ min-height:300px;}
.mainwrapper h3 a{ margin-top:40px; font-size:2.5em;}
#listitems3568 .cols4{ min-height:280px;}
.user_image,#content img.user_image{ width:210px; height:210px;}
#menu-handheld{ background:url("images/menusmaller.png") no-repeat scroll right 0;}
.tinyheader #menu-handheld{ right:10px;}
h1{ font-size:2.5em;}
#next,#prev{ top:36%;}
#footer {font-size: 0.7em;width: 96%;padding: 0 2%; position:relative;}
#viewing {right: 2%;}
.newsletterhome #mc_embed_signup h4{ font-size:2.5em;}
.newsletterhome p{ font-size:1.2em;}
.bluecol .headinglarge{ font-size:2.5em;}
.bluecol p{ font-size:1.2em;}
.bluecol a{ height: 180px;}
#wrapper3{ width:100%;}
#content.content4996 .cols3-title1{ font-size:1.3em;}
#content.content4996 .s30left,#content.content4996 .s30right{width:48%; margin:0 1%;}
.blogscontentanimation{margin: 30px 16% 20px 24%;width: 60%;}
}
@media only all and (max-width: 900px) and (min-width: 800px){
.showreellink{margin: 50px auto 0;}
#videomain {height: 480px; top:-3px;}
#myVideo {width: 110%;height: 480px;position: relative;left: -5%;}
#slideshow_main,#slideshow,.pics,.large_pict_sections,.slider,#slideshow_inner{ height:470px;}
.slider_text_main h1, .slider_text_main h2 {font-size: 4.2em !important;line-height: 1.3em;}
}
@media only all and (max-width: 950px) and (min-width: 900px){
.showreellink{margin: 50px auto 0;}
#videomain {height: 510px; top:-3px;}
#myVideo {width: 110%;height: 510px;position: relative;left: -5%;}
#slideshow_main,#slideshow,.pics,.large_pict_sections,.slider,#slideshow_inner{ height:490px;}
.slider_text_main h1, .slider_text_main h2 {font-size: 4.3em !important;line-height: 1.3em;}
.slider_text_main h2.h1slide { margin-top: 70px;}
}
@media only all and (max-width: 980px) and (min-width: 950px){
.showreellink{margin: 50px auto 0;}
#videomain {height: 530px; top:-3px;}
#myVideo {width: 110%;height: 530px;position: relative;left: -5%;}
#slideshow_main,#slideshow,.pics,.large_pict_sections,.slider,#slideshow_inner{ height:520px;}
.slider_text_main h1, .slider_text_main h2 {font-size: 4.4em!important;line-height: 1.3em;}
}
@media only all and (max-width: 1024px) and (min-width: 980px){
.showreellink{margin: 50px auto 0;}
#videomain {height: 550px; top:-3px;}
#myVideo {width: 110%;height: 550px;position: relative;left: -5%;}
#slideshow_main,#slideshow,.pics,.large_pict_sections,.slider,#slideshow_inner{ height:530px;}
.slider_text_main h1, .slider_text_main h2 {font-size: 4.5em !important;line-height: 1.3em;}
}
/***********  iPhone/Smartphones (portrait) ----------- */
@media only all and (max-width: 767px){
/***** content *******/
#out{ width:100%;}
.list_items,#listitems3568,.fullextraposts{ width:94%; padding:0 3%!important;}
#listitems37,#listitems233{ width:100%; padding:0!important;}
.wrapper, #wrapper,#homemaincontentwrapper{ width:100%;}
h1{ font-size:2.3em; line-height:1.1em; margin-bottom:0; margin-top:7px;}
h2{ font-size:1.2em;}
#content img{ max-width:100%!important; height:auto!important;}
.content3568 p{ font-size:1em!important;}
#videomain{ background:none;}
/*#videomain_inside{ width:100%!important;}
#slideshow_inner{position: absolute;}*/
#videomainmobile{ width:100%;}

/***** Header *****/
header .logo,header .logo a { float: left; width:80%; padding:0 0;}
header .logo a img{ width:200px; display:block; margin:0 auto }
.header_left{ float:left; width:70%; font-size: 0.9em; text-align:left; line-height:1.1em; text-align:left; position:relative; top:0; margin: 0 auto;}
.wrapper, #wrapper{ min-height:60px; margin-top:100px;}
#searchmain,.contact{ display:none;}
/***** slideshow *****/
#slideshow_main{ width:97%; height:auto; padding:0 1.5%; height:400px; margin:90px auto 0;}
.showreellink{margin: 20px auto 0;font-size: 1.4em; width:290px;}
#showreelmainmobile.showreelmain .playarrow{ height:45px;}
#showreelmainmobile{ bottom:25px;}
.topfeatured{ width:100%; height:auto;}
.slider_text_main2{ width:90%;}
h2.slide-title1{ font-size:1.5em;padding: 7px 0 0;}
.slider_text_main h1, .slider_text_main h2{line-height: 1.2em !important;font-size: 1.6em !important;}
.slider_text_main h2.h1slide{ margin-top:30px!important;}
#slideshow,#slideshow_inner{ width:100%;height:400px;}
.slider_text_main{ width:94%;}
#viewing ul{ margin-right:7px;}
#navi{top:230px;}
.slide-text2{ font-size:1em; line-height:1.3em;}
.sliderimg{ height:250px; float:left; width:100%; overflow:hidden;}
.sliderimg img{ height:250px; width:auto!important;left: 50%;transform: translate(-50%, 0); position:absolute;}
#next { top:32%;right:10px;width: 13px;height: 13px;border-top: 5px solid #a6a6a6;border-right: 5px solid #a6a6a6;}
#prev { top:32%;left:10px; width: 13px;height: 13px;border-left: 5px solid #a6a6a6; border-bottom:5px solid #a6a6a6;}
#navi a {height: 7px;width: 7px;margin: 0 4px 0 0;}
#navi a.activeSlide{height: 10px;width: 10px; top:-1.5px;}
/***** navi *****/
#menu-handheld{ background:url("images/menusmaller.png") no-repeat scroll right 0; top:8px; right:15px; width:40px; position:absolute;}
.tinyheader #menu-handheld {background: url(images/menusmaller.png) no-repeat right 0;top: 3px;}
#navmain{ width:100%;}
#nav{ width:80%; padding:29px 10%;}
nav ul#fish a{ padding:6px 0;}
/*****content***/
.blogscontent{ font-size:1.2em;}
.video-frame-main,.video-frame-main iframe{ width:100%; height:300px;}
#child-row-team,#child-row-pick{ width:100%; margin:0;}
.chilwhatwedo{ width:27.3%; padding-bottom:0; margin: 0 3% 10px;}
#content .chilwhatwedo img.whatwedoimg{max-width: 80% !important;}
.childteam{ width:31.3%;}
.list_items .chilwhatwedo h4 {font-size: 1.2em;line-height: 1.1;}
.subheading{ font-size:1.7em;line-height: 1.2em; font-weight:600;}
.childrencotentwhatwedo .subheading {font-size: 2.2em;}
.content235 .blogleft{ display:none;}
.chilwhatwedo h4,.chilwhatwedo h3{ font-weight:600; font-size:1.1em;}
#listitems233 .chilwhatwedo:last-child{ display:block;}
.tabchildren{ width:100%; padding:0;}
.tabchildren .heading h4{ font-size:1.5em;}
.tabchildren .heading h5{ font-size:0.9em;}
.mainwrapper .childteam{ width:48%; min-height:270px;}
.mainwrapper #child-row5{ width:50%; margin:0 25%;}
.child_image_team .teamtitles{font-size:0.65em; line-height:1.1em;}
.blogleft2{ width:100%;}
.blogleft2 .teamimageleft{ width:100%;margin-top: 12px;}
ul#tabsul{ padding:0;}
#tabs .childteam{ min-height:110px;}
.childteam h4{ font-size:0.9em;}
.childteam p{ font-size:0.8em;}
.blogleft{ width:100%; padding:0%;margin-right:0;}
.blogscontent{ width:100%; padding:0;}
.testimonial p{ font-size:1.6em;}
.blogright{ margin-top:30px;}
.blogright a{ font-size:1.4em;}
.large_pict_sections p{ display:none;}
.videooverlay{ background:url("images/arrow-videosmall.png") no-repeat scroll left top;}
#viewing{ top:15px; right:10px;}
.casedetails,.caseblueborder{ display:none;}
footer{ font-size:1.4em; text-align:left; width:100%; font-size:1.1em; padding-top:2px; margin-top:0;}
#footer{line-height:1em; width:94%; padding:15px 3% 0; font-size:1em;}
h1.mobielarticleh1{font-size:1.9em; font-weight:800; text-transform:uppercase; font-family:"Fira Sans"; text-align:left;margin-bottom:5px; padding-bottom:0}
#sidecasestudy{ display:none;}
.content37 h1,.content135 h1{ width:100%; font-size:2.3em; margin:7px 0 0; text-align:center!important;}
h1.mobielarticle2h1{text-align:left; margin-bottom:10px;font-size: 1.9em;}
#listitems233{ margin:0;}
.blogimages{ margin-top:12px!important;}
.blogscontent{ margin-top:10px;}
.content_image{ margin-top:0;}
.fullcontent h4{ font-size:1.2em; font-weight:700;}
#listitems37{ margin:0;}
.header_left br,#half_section3{display:none;}
.half_sections{width:49%;margin-right:2%;}
#half_section2{margin-right:0;}
.fullwidthcols{ margin:0;}
.cols4 a.quotes{ font-size:2em;}
h3.h3home{ margin-top:10px; margin-bottom:10px;}
.half_sections_text h2.slide-title1{font-size:1.1em; font-weight:600;}
.cols3,.cols2,.cols4,#listitems3568 .cols4{ width:100%; margin:0 0 20px; min-height:200px;}
#homemaincontentwrapper .fullwidthcols .cols3{ width:48%;margin-left:4%; margin-right:0;}
#homemaincontentwrapper .fullwidthcols .cols3:first-child,#homemaincontentwrapper .fullwidthcols .cols3:nth-child(3) { margin-left:0;}
#homemaincontentwrapper .fullwidthcols .cols3.bluecol{ width:80%; margin-left:0;}
#colshome0,#colshome2{margin-left:0;}
#colshome0 .cols3-title1,#colshome2 .cols3-title1,#colshome3 .cols3-title1{font-size:1.1em;}
.cols2 img,.cols3 img,.cols4 img{ width:100%; float:left;}
#content{ padding-bottom:10px; width:94%; padding:0 3% 10px;}
.catmenarticle{ font-size:1.7em; font-weight:300; color:#000; text-transform:uppercase; margin-bottom:5px;}
cols4 a.quotes{ font-size:2em;}
.cols4-title1,.cols4-title2{ margin-top:7px; font-size:1.3em;}
.cols4-title1 strong,.cols2-title1 strong{ float: left; width:100%; font-size: 1.1em;font-weight: bold!important;}
.cols3-title1{ font-size:1.3em;}
.cols3-title1 strong{width:100%; float:left;font-size: 1.25em;}
.cols2-text{ font-size:1.3em;}
.cols2-title1{ float: left;height: auto; position: relative;font-family: "Fira Sans",Arial;font-size: 1.4em;font-weight:400; padding:7px 0 0 0}
.cols4-title2,#colshome1 .cols3-title1{ font-size:1.2em;}
#colshome1 .cols3-title1,#colshome4 .cols3-title1,#colshome5 .cols3-title1,#colshome4 .cols6-title1,#colshome6 .cols3-title1{font-size:1.1em;}
#colshome1 .cols3-title1 strong,#colshome4 .cols3-title1 strong,#colshome5 .cols3-title1 strong,#colshome6 .cols3-title1 strong{ float:none; width:auto;}
.cols3-title1{ margin: 15px 0 3px;}
.childrencotent2{ width:96%; margin:0 2% 15px; font-size:1.1em;}
.tabsulanimalsextra .chilwhatwedo:last-child{ display:none;}
.tabsulanimalsextra .chilwhatwedo{ width:47%;}
.tabsulanimalsextra #chilwhatwedo2{ margin-right:0;}
.catmenarticleblog{ font-family: "Fira Sans",Arial;text-transform: uppercase;font-size: 1.3em;font-weight: 800;color: #999;float:left; width:100%;}
.authormobile a{ color:#000;text-decoration: none;}
.authormobile{font-family: "Fira Sans",Arial;font-size: 1.4em;text-transform: uppercase;font-weight: 400;color: #999;float:left; width:100%; margin-bottom:30px; }
.authormobile span{float:left; width:100%;text-transform: none;font-weight: 300; position:relative; margin-top:2px;}
.fullcontent .childteam h4{ text-transform:none;}
#sideblog,.testimonial{ display:none;}
.mainwrapper{ width:94%; padding:0 3%; margin:0}
#controls3,.mainwrapper #child-row5{ display:none;}
#homemaincontent .mainwrapper h3, .mainwrapper h3.newletterh3home{font-size:3em;}
.mainwrapper .childteam .child_image_team{ width:80%;padding:0 10%;}
.mainwrapper .childteam .child_image_team img{ width:100%;}
.mainwrapper .childteam h4{ font-size:0.8em}
.mainwrapper .childteam p{ font-size:0.8em; line-height:1.2em; position:relative; top:-5px;}
#homeaminals .chilwhatwedo img{ width:84%; padding:0 8%;margin: 10px auto 7px;}
#chilwhatwedo7,#chilwhatwedo8{ display:none;}
#tabsanimals.tabsanimalshome{width: 96%;padding: 0 2%; margin-bottom:0;}
#homemaincontent .mainwrapper a {margin: 5px auto 5px}
#homemaincontent .mainwrapper h3.newletterh3home{ font-size:3.2em!important; text-transform:none!important; line-height:0.95em}
.large-texthome{ font-size:1.7em;margin: 10px 0 15px}
.large-texthome1 {margin: 10px 0 0;}
#homemaincontent .mainwrapper a.pinklinkunder, a.pinklinkunder{ font-size:1.3em;}
.clientslogos{ width:48%; margin-left:4%; margin-right:0; margin-bottom:2%;}
.clientslogosfull .clientslogos:first-child,.clientslogosfull .clientslogos:nth-child(3),.clientslogosfull .clientslogos:nth-child(5),.clientslogosfull .clientslogos:nth-child(7){ margin-left:0;}
.clientslogosfull{ margin-top:15px; margin-bottom:6px;}
.bluecol{ width:80%; margin:0 0 10px; padding:0 10%;}
.bluecol a{ padding: 20px 0 10px 0; height:auto; width:100%}
.bluecol .headinglarge,.bluecol .headinglarge span{ font-size:4em;}
.bluecollast{background: #f2707a;}
.bluecollight{background: #3e423e;}
.mainwrapper h3.newletterh3home{ font-size:2em;}
p.newletterp {font-size: 1.6em;margin-top: 10px;}
.newsletterhome{ height:auto;}
.newsletterhome #mc_embed_signup h4{ font-size:3em;}
.fullcontent #mc_embed_signup {width: 80%;margin: 20px 10% 30px;}
.fullcontent #mc_embed_signup #mce-EMAIL {width: 60%;}
.fullcontent #mc_embed_signup #mc-embedded-subscribe { width: 33%;}
.newsletterhome p,.bluecol p{ font-size:1.6em;}
#mc_embed_signup{ margin-bottom:30px;}
h3.h3home a{width:230px;}
.contactindohome {font-size: 1.5em; margin: 0 0 30px;}
.clientslogosmain{ margin-bottom:20px;}
.homelastcol{ margin-bottom:0; padding-bottom:0;}
.fullcontent{ margin-bottom:0;}
.fullcontent.fullextraposts{ margin-bottom:20px;}
.anthologypara{ margin-bottom:0; margin-top:0;}
.content3568 h1{ padding-bottom:5px;}
#tabsanimals-whatwedo{ margin-top:28px;}
#contactpage{ width:100%; font-size:1.3em;}
.half_sections_title{font-size:1em; margin-top:0;}
.wp-pagenavi{ font-size:0.8em;}
.wp-pagenavi span.pages{ margin-right:3px;}
.wp-pagenavi a.page, .wp-pagenavi span.current, .previouspostslink, .nextpostslink, .wp-pagenavi a.first, .wp-pagenavi a.last, .wp-pagenavi span.extend{ margin-right:3px;}
#wrapper3{ width:98%;margin-left:1%;margin-right:1%;}
#content.content4996 .s30left,#content.content4996 .s30right{width:98%; margin:0 1%;min-height:390px;}
.blogscontentanimation{margin: 30px 0 20px;width: 100%;}
.s30left iframe, .s30right iframe {min-height:190px!important;}
#wrapper3{ margin-top:100px;}
.blogleft2{ margin-top:0;}
#content.content4996 .s30left, #content.content4996 .s30right{ min-height:300px; margin-bottom:40px;}
}
@media only all and (max-width: 767px){
.mainwrapper .childteam{ width:48%; min-height:300px;}
}
@media only all and (max-width: 550px){
.slider_text_main h1, .slider_text_main h2{line-height: 1em !important;font-size: 2.6em !important;}
.video-frame-main,.video-frame-main iframe{ width:100%; height:260px;}
}
/***********  Print Version  ----------- */
@media only all and (max-width: 380px){
.slider_text_main h1, .slider_text_main h2{ line-height: 1em !important;font-size: 2.4em !important;}
}
@media only all and (max-width: 330px){
#slideshow_main{height:325px;}
#slideshow,#slideshow_inner{height:325px;}
.slider_text_main h1, .slider_text_main h2{line-height: 1em !important;font-size: 2em !important;}}
}


/* For 1024 Resolution */  
@media only screen   
and (min-device-width : 768px)   
and (max-device-width : 1024px)  
{ /* STYLES GO HERE */}  
/* For 1366 Resolution */  
@media only screen   
and (min-width: 1030px)   
and (max-width: 1366px)  
{ /* STYLES GO HERE */}  

@media screen and (orientation:landscape)
and (min-device-width: 500px) 
and (max-device-width: 849px) {
   .slider_text_main h1, .slider_text_main h2{font-size: 3.5em !important; line-height:0.9em!important; }
   #slideshow_inner{height: 400px; width:100%;}
   #showreelmainmobile.showreelmain{bottom: -10px;}
}
@media screen and (orientation:landscape)
and (min-device-width: 850px) 
and (max-device-width: 927px) {
   .slider_text_main h1, .slider_text_main h2{font-size: 4.5em !important;   }
   #slideshow_inner{height: 500px; width:100%;}
   #showreelmainmobile.showreelmain{bottom: 0;}
}

/* iphone x */
@media only screen 
    and (device-width : 375px) 
    and (device-height : 812px) 
    and (-webkit-device-pixel-ratio : 3) {
	#slideshow_main{height:420px!important;}
	 #videomain{ background:none!important;}
		 }
/*  iPhone 6, 7 and 8  */
@media only screen 
    and (device-width : 375px) 
    and (device-height : 667px) 
    and (-webkit-device-pixel-ratio : 2) { 
	#slideshow_main{height:calc(100vh - 110px)!important;}
	 #videomain{ background:none!important;}
	 .slider_text_main h1, .slider_text_main h2{line-height: 1em !important;font-size: 2.4em !important;}
	}
	/*  iPhone 5 e se  */
@media only screen 
    and (device-width : 320px) 
    and (device-height : 568px) 
    and (-webkit-device-pixel-ratio : 2) { 
	#slideshow_main{height:calc(100vh - 110px)!important;}
	 #videomain{ background:none!important;}
	.slider_text_main h1, .slider_text_main h2{line-height: 1em !important;font-size: 2em !important;}
	
	}
/*  iPhone 6+, 7+ and 8+  */
@media only screen 
    and (device-width : 414px) 
    and (device-height : 736px) 
    and (-webkit-device-pixel-ratio : 3) { 
   #slideshow_main{height:450px!important;}
    #videomain{ background:none!important;}
   .slider_text_main h1, .slider_text_main h2{line-height: 1em !important;font-size: 2.8em !important;}
}
@media only screen 
    and (device-width : 360px) 
    and (device-height : 640px) 
    and (-webkit-device-pixel-ratio : 3) { 
   #slideshow_main{height:calc(100vh - 110px)!important;}
   #showreelmainmobile {bottom: 80px;}
   #videomain{ background:none!important;}
   .slider_text_main h1, .slider_text_main h2{line-height: 1em !important;font-size: 2.4em !important;}
}




@media print {
* { background: transparent !important; color: #444 !important; text-shadow: none !important; }
a, a:visited { color: #444 !important; text-decoration: underline; }
a:after { content: "("attr(href)")"; } 
a.item_image:after,.item h4 a:after,#navi2 a:after, #navi3 a:after,.mainwrapper h3 a:after{ content:""; } 
abbr:after { content: " (" attr(title) ")"; }
.ir a:after { content: ""; }  /* Don't show links for images */
pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */ 
tr, img { page-break-inside: avoid; }
p, h2, h3 { orphans: 3; widows: 3; }
h2, h3{ page-break-after: avoid; }
#out,#container,#content,#wrapper{ width:auto;}
.child-home{ width:100%; float:left;}
.main_content,.main_content_lower,#content{width:700px!important; float:left !important; text-align:left!important;}
.child-home
.main_content{font-size:3.5em!important;; text-align:center!important;}
header{display:none;}
}