article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
     display: block;
}

[hidden] {
     display: none;
}

.hide {
     display: none;
}

html {
     background: none repeat scroll 0% 0% #FFFFFF;
     color: #4E4E4E;
     font-family: sans-serif;
}

a {
     outline: 0px none;
}

a:active {
     outline: 0px none;
}

h1 {
     font-size: 2em;
     margin: 0.67em 0px;
}

b, strong {
     font-weight: bold;
}

sub, sup {
     font-size: 75%;
     line-height: 0;
     position: relative;
     vertical-align: baseline;
}

sup {
     top: -0.5em;
}

sub {
     bottom: -0.25em;
}

img {
     border: 0px none;
}

svg:not(:root) {
     overflow: hidden;
}

.content {
     margin: 0px;
}

a:active {
     outline: medium none;
}

a:focus {
    
}

body {
     margin: 0px;
     padding: 0px;
}

html {
     margin: 0px;
     padding: 0px;
}

.outer_wrap {
       margin: 0 auto !important;
    width: 1240px;
}
#mobphone {display:none;}
#homelink {cursor:pointer; width:300px; height:200px; float:left; background: url("https://tigerfish.com/wp-content/themes/tigerfish/images/Tigerfish-web-logo-animatedv8.gif") no-repeat scroll -10px -5px transparent;
 opacity: 0.9;-moz-transition: opacity .3s ease-in-out;
        -ms-transition: opacity .3s ease-in-out;
        -o-transition: opacity .3s ease-in-out;
	transition: opacity .3s ease-in-out;}
#homelink:hover {  opacity: 1;-moz-transition: opacity .3s ease-in-out;
        -ms-transition: opacity .3s ease-in-out;
        -o-transition: opacity .3s ease-in-out;
	transition: opacity .3s ease-in-out;}
#mobmenu {display:none}
.homelink {
    cursor: pointer;
    float: left;
    height: 200px;
    margin-left: -150px;
    margin-top: -200px;
    width: 300px;
    background: url("https://tigerfish.com/wp-content/themes/tigerfish/images/Tigerfish-web-logo-animatedv8.gif") no-repeat scroll -10px -5px transparent;
    opacity: 0.9;-moz-transition: opacity .3s ease-in-out;
        -ms-transition: opacity .3s ease-in-out;
        -o-transition: opacity .3s ease-in-out;
	transition: opacity .3s ease-in-out;
}
.homelink:hover {
    opacity: 1;-moz-transition: opacity .3s ease-in-out;
        -ms-transition: opacity .3s ease-in-out;
        -o-transition: opacity .3s ease-in-out;
	transition: opacity .3s ease-in-out;
}

.clear {
     clear: both;
}

object, video {
     max-width: 100%;
     width: 100%;
}

.wp-caption {
     height: auto;
     max-width: 95%;
}

img {
     height: auto;
     max-width: 100%;
}

.wp-caption img, .gallery-icon img {
     height: auto;
     max-width: 98%;
}

.content {
     padding: 0px 10px 10px;
}

.post, .type-post, .type-page {
     padding: 0;
}

.textcenter {
     text-align: center;
}

.textleft {
     text-align: left;
}

.textright {
     text-align: right;
}

.aligncenter {
     display: block;
     margin-left: auto;
     margin-right: auto;
}

.alignleft {
     clear: both;
     float: left;
     margin: 0px 20px 20px 0px;
}

.alignright {
     clear: both;
     float: right;
     margin: 0px 0px 20px 20px;
}

.attachment-post-thumbnail {
     border: 5px solid #FFFFFF;
     float: left;
     margin: 0px 20px 20px 0px;
     min-width: inherit;
     overflow: hidden;
}

.wp-caption-text {
     color: #777777;
     font-size: 10px !important;
     margin: 0px 0px 20px 0 !important;
     padding: 0px;
     text-align: center;
}

.wp-caption img {
     border: 0px none;
     margin: 0px;
     padding: 0px;
}

.wp-caption-dd {
     font-size: 11px;
     line-height: 17px;
     margin: 0px;
     padding: 0px 4px 5px;
}

.copyright {
     font-size: 0.8em;
     margin: 0px auto;
     width: 900px;
}

body {
     font-family: 'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
}

a, a:visited {
     color: #0151DC;
     text-decoration: none;
}

a:hover {
     color: #006699;
     text-decoration: underline;
}
#competencecontainer a, #competencecontainer a:visited {color:#0151DC}
thead {
     display: table-header-group;
}

tr, img {
     page-break-inside: avoid;
}

img {
     max-width: 100% ! important;
}

h2, h3 {
     page-break-after: avoid;
}

p, h2, h3 {
     orphans: 3;
     widows: 3;
}

p {
    font-size: 14px;
    line-height: 21px;
    margin: 0 0 16px;
}

small {
     font-size: 85%;
}

strong {
     font-weight: bold;
}

em {
     font-style: italic;
}

.left {
     text-align: left;
}

.right {
     text-align: right;
}

.center {
     text-align: center;
}

h1, h2, h3, h4, h5, h6 {
     color: inherit;
     font-family: inherit;
     font-weight: bold;
     line-height: 20px;
     margin: 10px 0px;
     text-rendering: optimizelegibility;
}

h1, h2, h3 {
     line-height: 1.3em;
}

h1 {
     font-size: 31.5px;
}
.post-1882 h1 {font-size:20px; color:#3a67af }
h2 {
     font-size: 20px;
}

.single h2 {margin: 25px 0 0 !important;}
.single h2:before {content:"";display:block; clear:both;}

h3 {
     font-size: 17.5px;
}

.single h3 {margin:0 0 5px; padding:0; }

h4 {
     font-size: 17.5px;
}

h5 {
     font-size: 13px;
}

h6 {
     font-size: 11.9px;
}

h1 small {
     font-size: 24.5px;
}

h2 small {
     font-size: 17.5px;
}

h3 small {
     font-size: 14px;
}

h4 small {
     font-size: 14px;
}

h1 a {
     text-decoration: none;
}

.headline {
     border-bottom: 1px solid #EEEEEE;
     margin: 20px 0px 30px;
     padding-bottom: 9px;
}

ul, ol {
     color: #222222;
     font-size: 14px;
     margin: 0px 0px 10px 25px;
     padding: 0px;
}

ul ul, ul ol, ol ol, ol ul {
     margin-bottom: 0px;
}
.sectioncontent ol {margin-left:14px;}
li {
     line-height: 20px;
}

ul.catz {list-style: none; padding:0; margin:10px 0 20px 0; display:block; clear:both;}
ul.catz:after {content:""; display:block; clear:both;}
ul.catz li {margin:0; padding:0;display:inline-block; float:left; background:none; font-size:12px;  }
ul.catz li a { padding: 0 5px; font-weight:100;  }
ul.catz li:after {content: '|'; font-size:10px; display:inline-block;}
ul.catz li:last-child:after {content: ''}
ul.catz li:first-child:after {content: ''}

hr {
     -moz-border-bottom-colors: none;
     -moz-border-left-colors: none;
     -moz-border-right-colors: none;
     -moz-border-top-colors: none;
     border-color: #EEEEEE -moz-use-text-color #FFFFFF;
     border-image: none;
     border-style: solid none;
     border-width: 1px 0px;
     margin: 20px 0px;
}

blockquote {
     background: url("images/quote.png") no-repeat scroll 240px 10px transparent;
     color: #666666;
     font-family: 'Special Elite','Courier New',Courier,monospace;
     font-size: 17px;
     line-height: 22px;
     margin: 20px;
     padding: 20px 10px 20px 290px;
}
.type-page blockquote, .type-post blockquote {padding:0 0 0 50px; background-position:0 0;}

blockquote span {
     color: #333333;
     display: inline;
     float: right;
     padding-right: 50px;
}

.tab_content blockquote span {
     clear: both;
     color: #777777;
     margin-top: 10px;
     padding: 0px;
     width: 90%;
}

table {
     background-color: transparent;
     border-collapse: collapse;
     border-spacing: 0px;
     max-width: 100%;
}

tr, td {
     padding: 5px;
}

form {
     margin: 0px 0px 20px;
}

fieldset {
     border: 0px none;
     margin: 0px;
     padding: 0px;
}

legend {
    color: #333333;
    display: block;
    font-size: 15px;
    line-height: 25px;
    margin-bottom: 3px;
    padding: 0;
    width: 100%;
  
}
.WebForm .FormContainer li > fieldset > div > label { min-width:130% !important }

label, input, button, select, textarea {
     font-size: 14px;
     font-weight: normal;
     line-height: 20px;
}

input, button, select, textarea {
     font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}

label {
     display: block;
     margin-bottom: 5px;
padding-left:0 !important;
}

select, textarea, input[type="text"] {
     border-radius: 4px 4px 4px 4px;
     color: #555555;
     display: inline-block;
     font-size: 14px;
     height: 20px;
     line-height: 20px;
     margin-bottom: 10px;
     padding: 4px 6px;
     vertical-align: middle;
}

input[type="text"] {
     border-radius: 4px 4px 4px 4px;
     color: #555555;
     display: inline-block;
     font-size: 14px;
     height: 20px;
     line-height: 20px;
     margin-bottom: 10px;
     margin-right: 8px;
     padding: 6px;
     vertical-align: middle;
}

textarea {
     height: auto;
     width: 80%;
}

radio, checkbox {
     min-height: 20px;
     padding-left: 20px;
}

radio input[type="radio"], checkbox input[type="checkbox"] {
     float: left;
     margin-left: -20px;
}

textarea, input[type="text"] {
     background-color: #FFFFFF;
     border: 1px solid #CCCCCC;
}

textarea:focus, input[type="text"]:focus {
     border-color: rgba(82, 168, 236, 0.8);
     outline: 0px none;
}

input[type="radio"], input[type="checkbox"] {
     line-height: normal;
     margin: 4px 0px 0px;
}

select {
     background-color: #FFFFFF;
     border: 1px solid #CCCCCC;
     height: 30px;
     line-height: 30px;
     width: 220px;
}

select:focus, input[type="radio"]:focus, input[type="checkbox"]:focus {
     outline-offset: -2px;
     outline: thin dotted #333333;
}

.button, input[type="submit"] {
     -moz-border-bottom-colors: none;
     -moz-border-left-colors: none;
     -moz-border-right-colors: none;
     -moz-border-top-colors: none;
     background-color: #F5F5F5;
     border-color: #CCCCCC #CCCCCC #B3B3B3;
     border-image: none;
     border-style: solid;
     border-width: 1px;
     color: #777777;
     cursor: pointer;
     display: inline-block;
     font-size: 14px;
     font-weight: 600;
     line-height: 20px;
     margin-bottom: 0px;
     padding: 7px;
     text-align: center;
     text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.75);
     vertical-align: middle;
}

.button:hover, .button:focus, .button:active, .button.active, .button.disabled, .button[disabled] {
     background-color: #E6E6E6;
     border: 1px solid #777777;
     color: #333333;
}

.button:hover, .button:focus {
     color: #333333;
     text-decoration: none;
}

.button:focus {
     outline-offset: -2px;
     outline: thin dotted #333333;
}

h2, h3 {
     color: #748CB8;
     font-weight: 700;
     padding-bottom:12px;
}
a#getquote {
     background:none;
     color: #0151DC;
     margin-left: -10px;
     padding-left: 20px;
     font-size:20px;
     font-weight:400
}

#soclinks img:hover {
     transform: rotate(360deg);
     -webkit-transition: all .5s ease-in-out;
		-moz-transition: all .5s ease-in-out;
        -ms-transition: all .5s ease-in-out;
        -o-transition: all .5s ease-in-out;
		transition: all .5s ease-in-out;
}


#cattylist li {

     margin-bottom: 2px;
}

#log_in {
     display:none;
     font-size: 0.8em;
     height: 150px;
     margin-left: -45px;
     margin-top: 10px;
     position: fixed;
}

#log_in a {
     color: #666666;
}

#soclinks {
    display:none;
    width: 900px;
    margin: 0 auto;
}
#postits {
     background: url("images/sticky.png") no-repeat scroll 0 0 transparent;
     height: 112px;
     position: fixed;
     width: 280px;
     background-size: contain;
}

#postits h4:nth-child(1) {
     color: #666666;
     font-size: 22px;
     font-weight: 400;
     left: 30px;
     position: absolute;
     text-transform: lowercase;
     top: 21px;
}

#postits h4:nth-child(1) span {
     font-size: 20px;
     font-weight: 700;
}

#postits h4:nth-child(2) {
     font-size: 13px;
     font-weight: 700;
     left: 80px;
     position: absolute;
     top: 98px;
}

.current a {
     text-indent: -10px;
     -webkit-transition: all .3s ease-in-out;
		-moz-transition: all .3s ease-in-out;
        -ms-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
		transition: all .3s ease-in-out;
}

:focus {
     outline: medium none ! important;
}

*::-moz-focus-inner {
     border: 0px none ! important;
}

.nav ul li a, #lowernav ul li a {
     color: #a8a8a8;
     display: block;
     letter-spacing: 1px;
     line-height: 1.5em;
     text-decoration: none;
     -webkit-transition: all .3s ease-in-out;
		-moz-transition: all .3s ease-in-out;
        -ms-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
		transition: all .3s ease-in-out;
}

.nav ul, #lowernav ul {
     font-size: 15px;
     list-style: none outside none;
     margin: 0px;
     padding: 0px;
     text-align: right;
     text-transform: uppercase; 
    width:200px;
font-weight: 600;
}

li#menu-item-mm41  {
     height: 67px;
     position: absolute;
     top: 263px;
     -webkit-transition: all .3s ease-in-out;
		-moz-transition: all .3s ease-in-out;
        -ms-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
		transition: all .3s ease-in-out;
     width: 200px;
}

li#menu-item-mm41 a {
     background: url("images/nav-bg-sprite.png") no-repeat scroll -7px -234px transparent;
     display: block;
     height: 67px;
     opacity: 0.8;
     position: relative;
     text-align: left;
     text-indent: -9999px;
     width: 200px;
     z-index: 9999;
}

li#menu-item-mm41 a:hover {
     opacity: 1;
     -webkit-transition: all .3s ease-in-out;
		-moz-transition: all .3s ease-in-out;
        -ms-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
		transition: all .3s ease-in-out;
}

li#menu-item-mm37 a {
     background: url("images/aboutus.png") no-repeat scroll 0px 0px transparent;
     height: 17px;
     padding: 22px 36px 17px 0px;
     -webkit-transition: all .3s ease-in-out;
		-moz-transition: all .3s ease-in-out;
        -ms-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
		transition: all .3s ease-in-out;
}

li#menu-item-mm37.current a, li#menu-item-mm37:hover a {
     background-position: -14px 0px;
     padding: 22px 50px 17px 0px;
     -webkit-transition: all .3s ease-in-out;
		-moz-transition: all .3s ease-in-out;
        -ms-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
		transition: all .3s ease-in-out;

}

li#menu-item-mm43 a {
     background: url("images/whatwedo.png") no-repeat scroll 0px -53px transparent;
     height: 27px;
     padding: 9px 36px 5px 0px;
     -webkit-transition: all .3s ease-in-out;
		-moz-transition: all .3s ease-in-out;
        -ms-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
		transition: all .3s ease-in-out;
}

li#menu-item-mm43.current a, #menu-item-mm43:hover a {
   background-position: -15px -53px;
     padding: 9px 49px 5px 0px;
     -webkit-transition: all .3s ease-in-out;
		-moz-transition: all .3s ease-in-out;
        -ms-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
		transition: all .3s ease-in-out;
}

li#menu-item-mm39 a {
     background: url("images/clients.png") no-repeat scroll 0px -16px transparent;
     height: 17px;
     padding: 12px 36px 17px 0;
     -webkit-transition: all .3s ease-in-out;
		-moz-transition: all .3s ease-in-out;
        -ms-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
		transition: all .3s ease-in-out;
}

li#menu-item-mm39.current a, li#menu-item-mm39:hover a {
         background-position: -15px -16px;
     padding: 12px 50px 17px 0;
     -webkit-transition: all .3s ease-in-out;
		-moz-transition: all .3s ease-in-out;
        -ms-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
		transition: all .3s ease-in-out;
}

li#menu-item-mm38 a, li#menu-item-mm128 a{
    background: url("images/blog.png") no-repeat scroll 0 -19px ;
    height: 14px;
    padding: 8px 36px 17px 0;

     -webkit-transition: all .3s ease-in-out;
		-moz-transition: all .3s ease-in-out;
        -ms-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
		transition: all .3s ease-in-out;
}

.page-template-standalone_blog-php li#menu-item-mm38 a, .single-post li#menu-item-mm38 a, li#menu-item-mm38.current a, li#menu-item-mm128.current a, li#menu-item-mm128:hover a, .single li#menu-item-mm128 a, .category li#menu-item-mm128 a, .archive li#menu-item-mm128 a, .page-template-standalone_blog-php li#menu-item-mm128 a, .archive li#menu-item-mm38 a {
     background-position: -13px -19px;
    padding: 8px 48px 17px 0;
    color:#000;
     -webkit-transition: all .3s ease-in-out;
		-moz-transition: all .3s ease-in-out;
        -ms-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
		transition: all .3s ease-in-out;
}
 li#menu-item-mm38:hover a { background-position: -13px -19px;
    padding: 8px 48px 17px 0;

     -webkit-transition: all .3s ease-in-out;
		-moz-transition: all .3s ease-in-out;
        -ms-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
		transition: all .3s ease-in-out;}

li#menu-item-mm117 a {
     background: url("images/order.png") no-repeat scroll 0px -20px transparent;
     height: 17px;
     padding: 6px 35px 20px 0px;
margin-top: 80px;
     -webkit-transition: all .3s ease-in-out;
		-moz-transition: all .3s ease-in-out;
        -ms-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
		transition: all .3s ease-in-out;
}

.page-id-193 li#menu-item-mm117 a, li#menu-item-mm117.current a, li#menu-item-mm117:hover a, li#menu-item-mm117.current_page_item a, .page-id-1882 li#menu-item-mm117 a {
     background-position:  -20px -20px;
     padding: 6px 54px 20px 0px;
     -webkit-transition: all .3s ease-in-out;
		-moz-transition: all .3s ease-in-out;
        -ms-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
		transition: all .3s ease-in-out;
}

li#menu-item-mm118 a {
     background: url("images/nav-bg-sprite.png") no-repeat scroll 0px -177px transparent;
     height: 17px;
     margin-top: 0;
     padding: 17px 36px 17px 0;
     -webkit-transition: all .3s ease-in-out;
		-moz-transition: all .3s ease-in-out;
        -ms-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
		transition: all .3s ease-in-out;
}

.page-id-11 li#menu-item-mm118 a, li#menu-item-mm118.current a, li#menu-item-mm118:hover a, li#menu-item-mm118.current_page_item a {
     background-position: -18px -177px;
     padding: 17px 55px 17px 0;
     -webkit-transition: all .3s ease-in-out;
		-moz-transition: all .3s ease-in-out;
        -ms-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
		transition: all .3s ease-in-out;
     z-index: 1;
}

#nav ul li.current a, #lowernav ul li.current a, li.current_page_item a {
    color: #000000 !important;
}

.section {
     border: 0px none;
     margin-bottom: 80px;
     min-height: 1200px;
     padding: 205px 0px 45px 148px;
width:700px;
}

.sectioncontent {
     background: none repeat scroll 0px 0px #FFFFFF;
     max-width: 600px;
     padding: 20px 43px 10px 60px;
}

.content {
     margin-left: 5px;
     width: 820px;
}

.sidenavcont {
     margin-left: 920px;
     position: relative;
     top: 0px;
     width: 215px;
}

.nav {
     position: fixed;
     top: 178px;
     width: 250px;
}

#lowernav {
     position: fixed;
     top: 388px;
     width: 250px;
}

.bg {
     background-image: url("images/background-paper.jpg");
     height: 300%;
     left: 0px;
     position: fixed;
     top: 0px;
     width: 100%;
     z-index: -1;
}

.topshad {
     background: url("images/shadow.png") repeat scroll 0% 0% transparent;
     height: 20px;
     position: fixed;
     width: 100%;
}

.topnote {
     background: url("images/notetop.png") no-repeat scroll 0px top transparent;
     height: 30px;
     margin-left: -18px;
}

.sectioncontent {
     background: url("images/notemid.png") repeat-y scroll 0px top transparent;
     height: 100%;
     margin-left: -17px;
}

.bottomnote {
    background: url("images/notebottom.png") no-repeat scroll 1px -8px transparent;
    height: 87px;
    margin-left: -16px;
}
#homesection .bottomnote {
    background: url("images/notebottom.png") no-repeat scroll 1px -4px transparent;
    margin-top: -26px;
    z-index: 1;
    position: relative; }

.brownpapertop, .brownpaperbpttom {
     margin: 0px auto 0px -15px;
     width: 616px;
}

.brownpaper {
     margin: 0px auto 0px -15px;
     width: 606px;
}

.brownpaper img {
     float: left;
     height: auto;
     margin: 5px 15px 15px 15px;
     max-width: 150px;
     position: relative;
}

.brownpapertop {
     background: url("images/brownpaper_top.png") repeat-y scroll 0% 0% transparent;
     height: 10px;
}

.brownpaper {
     background: url("images/brownpaper_mid.png") repeat-y scroll 0% 0% transparent;
     padding: 5px 20px 1px;
}

.brownpaper p, .brownpaper p a {
    font-size: 0.9em;
line-height: 1.5em;
margin-bottom: 0px;
width: 418px;
padding-left: 146px;
text-decoration:none !important;
color:#4e4e4e
}
a .brownpaper {text-decoration:none !important;}
.brownpaper h3, 
.brownpaper h3 a {
     background: url("images/label.png") no-repeat scroll 140px 0px transparent;
     color: #333333;
     line-height: 40px;
     padding-left: 155px;
     text-decoration:none !important;
}

.brownpaperbpttom {
     background: url("images/brownpaper_bottom.png") no-repeat scroll 0% 0% transparent;
     height: 39px;
}

ul.tigerfishpeople {
     margin: 0px auto 0px 0px;
     padding: 0px;
     text-align: center;
}

.tigerfishpeople li {
     cursor: pointer;
     display: block;
     float: left;
     font-size: 12px;
     text-align: center;
     -webkit-transition: all .3s ease-in-out;
		-moz-transition: all .3s ease-in-out;
        -ms-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
		transition: all .3s ease-in-out;
     width: 100px;

}

.tigerfishpeople li img {
opacity:0.5;
    height: 95px; width:auto;
-moz-transition: all .3s ease-in-out;
        -ms-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
		transition: all .3s ease-in-out;
}
.tigerfishpeople li:hover img, .tigerfishpeople li.active img {
    height: 130px;
-moz-transition: all .3s ease-in-out;
        -ms-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
		transition: all .3s ease-in-out;
opacity:1;
}

.imgcontainer {height:140px; position:relative;}
.imgcontainer img {position:absolute; bottom:10px; left:0; }
.tigerfishpeople {height:200px;}

.teamname {
     display: block;
     font-size: 15px;
     font-weight: 700;
     line-height: 1em;
     margin: 0px;
     padding: 0px;
     text-align: left; 
     color:#748cb8;
}
.lastname {
     display: none;
     font-size: 15px;
     font-weight: 700;
     line-height: 1em;
     margin: 0px;
     padding: 0px;
     text-align: left; opacity:0; color:#748cb8;
}
.role, .phone, .email {
     display: none;
     font-size: 12px;
     line-height:15px;
     text-align: left; opacity:0;
}
.tigerfishpeople li:hover .lastname, 
.tigerfishpeople li.active .lastname,
.tigerfishpeople li:hover .role, 
.tigerfishpeople li.active .role,
.tigerfishpeople li:hover .phone, 
.tigerfishpeople li.active .phone,
.tigerfishpeople li:hover .email, 
.tigerfishpeople li.active .email {
display:block;
-moz-transition: opacity .3s ease-in-out;
        -ms-transition: opacity .3s ease-in-out;
        -o-transition: opacity .3s ease-in-out;
	transition: opacity .3s ease-in-out;
opacity:1;}

.leftcol {
     float: left;
     margin-right: 30px;
     width: 45%;
}

.rightcol {
     float: left;
     width: 45%;
}

.leftcol h2, .rightcol h2 {
     background: url("images/label.png") no-repeat scroll -2px 0px transparent;
     color: #555555;
     line-height: 40px;
     padding-left: 16px;
}
.leftcol h3, .rightcol h3 {
    margin: 5px 0 10px 0;
}
a.booknow {
     background: url("images/arrow.png") no-repeat scroll 0px 5px transparent;
     color: #0151DC;
     display: block;
     font-weight: 600;
     margin: 2px auto 40px ! important;
     padding-left: 20px;
     width: 120px;
}

#competencecontainer {
     clear: both;
     width: 608px;
}

ul.tabs {
     float: left;
     list-style: none outside none;
     margin: 0px;
     padding: 0px;
     position: relative;
     width: 130px;
     z-index: 101;
}

ul.tabs li {
     background: url("images/papertab.png") no-repeat scroll 0px 0px transparent;
     color: #888888;
     cursor: pointer;
     display: block;
     font-weight: 600;
     height: 24px;
     overflow: hidden;
     padding: 9px 0px 0px 10px;
     width: 125px ! important;
     z-index: 100;
}

ul.tabs li:hover {
     color: #666666;
}

ul.tabs li.active {
     background-position: -2px 0px;
     color: #333333;
     cursor: default;
     width: 190px ! important;
}

.tab_content {
     background: url("images/paper.png") repeat-y scroll 0px 0px transparent;
     float: left;
     margin: 0px;
     padding: 20px 30px 0px 100px;
     position: relative;
     width: 348px;
     z-index: 1;
	font-size:14px;

}

.tab_content blockquote {
     background-position: 0px 0px;
     float: left;
     margin-left: 0px;
     padding: 10px 0px 0px 50px;
     width: 80%;
}

a.read-more-show, a.read-more-hide {
     background: url("images/arrow.png") no-repeat scroll 0px 4px transparent;
     color: #0151DC;
     float: right;
     font-size: 0.9em;
     padding-left: 20px;
}
.tab_content .read-more-content > p {margin-top:10px;}

#clients .controls {
     display: inline-block;
     margin: 0px 0px 30px;
     vertical-align: top;
}

#clients .controls li {
color:#748cb8;
     border-right: 1px solid #CCCCCC;
     cursor: pointer;
     float: left;
     list-style-type: none;
     margin-left: 0px;
     margin-right: 5px;

     padding-right: 5px;
     text-transform: lowercase;
}

#clients .controls li.active {
     font-weight: 700;
     opacity: 1;
color:#111;
}

#clients #Grid {
     text-align: left;
     width: 100%;
}

#clients #Grid:after {
     content: "";
     display: inline-block;
     width: 100%;
}

#clients #Grid .mix {
     display: none;
     margin-bottom: 3%;
     margin-right: 0.8%;
     opacity: 0;
     text-align: left;
     vertical-align: top;
}

#clients .mix {
     float: left;
     height: 100px;
     list-style: none outside none;
     margin: 0px;
     padding: 0px;
     position: relative;
     width: 100px;
}

#clients .mix > li.last {
     margin-right: 0px;
}

#clients .attachment-post-thumbnail {
     border: 0px none;
     margin: 0px;
}

.acasestudy {
     cursor: pointer;
     float: left;
     margin-right: 5%;
     -webkit-transition: all .3s ease-in-out;
		-moz-transition: all .3s ease-in-out;
        -ms-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
		transition: all .3s ease-in-out;
     width: 255px;
}


.acasestudy img.wp-post-image {
     border: 0px none;
     height: 145px;
     margin: 0px 0px 10px;
     padding: 0px;
     width: 253px;
}

.acasestudy h3 a {
     color: #413f38;
}
.acasestudy h3 {margin-bottom:15px; padding-bottom:0;}
.acasestudy {margin-bottom:20px; border-bottom: 3px dotted #f8ecdc }
.acasestudy p {
     font-size: 15px;
     line-height: 1.4em;
}
.acasestudy:nth-child(even) {clear:both;}
.acasestudy .longdescription, .acasestudy .closeme {
     display: none;
     -webkit-transition: all .3s ease-in-out;
		-moz-transition: all .3s ease-in-out;
        -ms-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
		transition: all .3s ease-in-out;
}

.acasestudy.active {
     cursor: default;
     margin-bottom: 20px;
     margin-left: -18px;
     margin-right: 0px;
     padding: 5px 27px;
     -webkit-transition: all .3s ease-in-out;
		-moz-transition: all .3s ease-in-out;
        -ms-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
		transition: all .3s ease-in-out;
     width: 567px;
}
.archive .excerpt {margin-bottom:20px;}

.acasestudy.active .closeme {
     cursor: pointer;
     display: block;
     float: right;
     margin-right: -45px;
     margin-top: 0px;
}

.acasestudy.active .wp-post-image, .acasestudy.active .excerpt {
     display: none;
}

acasestudy.active .closeme {
     display: block;
}

.active .longdescription {
     display: block;
}

.page-template-standalone_blog-php .attachment-blogthumbz {
     margin-top: 10px;
}

.page-template-standalone_blog-php .acasestudy {
    padding-bottom:20px;
}

.page-template-standalone_blog-php .acasestudy {
     font-size: 0.9em;
}

.page-template-standalone_blog-php .acasestudy h3 {
     line-height: 1em;
     margin: 0px 0px 10px;
}

.single .content p {
     font-size: 0.9em;
     line-height: 1.4em;
}
p.meta {text-align:right; font-style: italic; font-size:12px !important; clear:both; }

.single .post {
     margin: 0px auto;
     width: 567px;
}
.single h1 {font-size: 20px; margin-bottom:20px;}
.single h2 a, .single h1 a {
     color: #6E8ABA;
}

.single .attachment-full {
     margin-bottom: 10px;
}

.single .prevblog a {
     background: url("images/arrowl.png") no-repeat scroll 0px 3px transparent;
     color: #0151DC;
     float: left;
     font-size: 0.9em;
     margin-left: 0px;
     padding-left: 20px;
}

.single .nextblog a {
     background: url("images/arrow.png") no-repeat scroll 0px 3px transparent;
     color: #0151DC;
     float: right;
     font-size: 0.9em;
     padding-left: 20px;
}

.morecats {margin-top:-10px;width:130px;min-height:60px;; float:left;
background:url('https://tigerfish.com/wp-content/themes/tigerfish/images/post-it-single.png') no-repeat; 
padding:30px 22px 70px;font-weight:bold; text-align:center; font-size:15px;}
.morecats:after {display:block; content:""; clear:both;}

.search-form input.search-field {
     float: left;
     width: 250px;
}

.search-form input.search-submit {
     background: url("images/arrow.png") no-repeat scroll 5px 0px transparent;
     border: 0px none;
     color: #0151DC;
     font-weight: normal;
     padding: 0px 0px 0px 23px;
}
h6 {    font-size: 16px;
    line-height: 26px;
    margin: 0 0 16px; font-weight:400;}

#sideqarea {  
     position: fixed;
     top: 610px;
     margin-left: -30px;
     width: 100%;}
#sidequote {  
     position: fixed;
     top: 610px;
     margin-left: -30px;
     width: 100%;}
#sidequote blockquote {margin:0; padding:10px 0 0 50px; width:170px; background-position:0 0; line-height:1.2em;}
#sidequote blockquote span {padding-right:0;}
#homesectionquote blockquote, #whatwedoquote blockquote, #clientsquote blockquote, #aboutusquote blockquote, #theblogquote blockquote, #contactusquote blockquote {margin:0; padding:10px 0 0 50px; width:170px; background-position:0 0; line-height:1.2em; position:fixed; display:none}
#homesectionquote blockquote span, #whatwedoquote blockquote span, #clientsquote blockquote span, #aboutusquote blockquote span, #theblogquote blockquote span, #contactusquote blockquote span {padding-right:0; display:none}



.current blockquote, .current span {display:block !important;}

#dropbox {width:390px; border:5px dashed #ccc; text-align:center; padding:10px 100px 50px 100px; margin-bottom:20px;}
#formleft {width:430px; float:left;}
#formright {width:170px; float:right;}
#summary {border:1px solid #ccc; margin:10px 0 15px 0; padding:5px;}
#summary h3 {margin:0 0 7px 0; font-weight:600;}
#summary h4 {margin:0; font-size:12px; color:#999; font-weight:600; }
#summary p {margin:0; font-size:12px; font-weight:700;}
#summary a {background:url('images/whitearrow.png') no-repeat 10px 7px  #0082CA; display:block; padding:5px 0 10px 0; margin: 10px 0 0 0; font-size:15px; text-align:center; color:#fff; line-height:1em;}
#contactusbox  {border:1px solid #ccc; padding:5px;}
#contactusbox h3 {margin:0 0 7px 0; font-weight:600;}
#contactusbox p {margin:0 0 5px 0;}
.boxed {background:#f1f1f1; padding:10px 13px;margin:0 0 10px 0; border:1px solid #999; font-size:15px; width:90%;}
.phonenumberfield {     width: 500px !important; }


@media (max-width: 1100px) {
  .homelink { margin-left: 0px;}
  .sidenavcont { position: relative ! important; width: 250px; float: right; }
  .section { padding: 206px 0px 0px 10px ! important; }
  .content { max-width: 700px; float: left; }
  .outer_wrap { width: 100% ! important; min-width: 954px; }
  .copyright { clear: both; }
.WebForm .FormContainer li > fieldset > div > label { min-width:10% !important }
}


@media (max-width: 930px) {
  #mobphone {
    background: url("images/sticky.png") no-repeat scroll center top rgba(0, 0, 0, 0);
    display: block;
 
    padding: 3px 10px 22px 22px;
    position: fixed;
    right: 2%;
    text-align: left;
    text-transform: lowercase;
    top: 30px;
    width: 131px;
}
  #mobphone a {font-weight:bold; color:#555;   font-size: 17px;}
 .homelink {
    height: 120px;
    margin-left: -0;
    margin-top: -120px;
    width: 160px;
    background: url("https://tigerfish.com/wp-content/themes/tigerfish/images/logo-mobile.png") no-repeat scroll 0 0 transparent; 
}
#homelink {
     background: url("https://tigerfish.com/wp-content/themes/tigerfish/images/logo-mobile.png") no-repeat scroll -5px 80px transparent;
     height:100px;
   width: 158px;
}
.outer_wrap  {margin-top:20px !important;}
#mobmenu {display:block; width:100%; position:fixed; top:0; z-index:99999; }
#mobmenu a {opacity:1; z-index:9999; text-decoration:none !important; font-weight:bold; }
  .content { padding: 150px 0px 0px; max-width: 100% ! important; margin: 0px; width: 100%; }
  .sidenavcont { width: 100%; top: 0px; display: none; }
  .section { width: 90%; padding: 5% ! important; min-height: 700px; }
  .brownpapertop, .brownpaperbpttom, .topnote, .bottomnote { display: none; }
  .sectioncontent { background: none repeat scroll 0% 0% #FFFFFF; max-width: 90% ! important; margin: 0px auto; padding: 5%  }
  .brownpaper { background: none repeat scroll 0px center transparent; padding: 0px 20px 0px 0px ! important; max-width: 100% ! important; width: 100% ! important; margin: 0px; }
  .brownpaper p, .brownpaper p a { width: 70%; }
  .outer_wrap { width: 100% ! important; min-width: 100%; }
  .copyright { clear: both; }
  .section > blockquote { clear: both; padding: 0px; background: none repeat scroll 0% 0% transparent; margin-bottom: 170px; }
  .tab_content { background: none repeat scroll 0% 0% transparent; padding: 5% 0px; width: 90%; }
  #clients .controls, .ccol1, .controls ul { margin: 0px; padding: 0px; }
  #competencecontainer { width: 100%; }
  #competencecontainer .read-more-show, #competencecontainer .read-more-hide, .closeme { display: none; }
  #competencecontainer .hide { display: block; }
  ul.tabs { width: 100%; }
  ul.tabs li { background: none repeat scroll 0% 0% transparent; float: left; padding: 2%; margin: 0px; width: 44% ! important; text-align: center; height: auto; }
  ul.tabs li.active { width: 44% ! important; }
  .tigerfishpeople li { display: block; width: 50%; height: 200px; }
  .teamname, .lastname, .role, .phone, .email { display: block; opacity: 1; }
  .tigerfishpeople li img { opacity: 1; height: 105px; }
  .acasestudy, .acasestudy.active  {width:100%; min-height: 100%; padding: 0}
.acasestudy.active  {padding: 5%; }
#contactus {margin-top:300px;}
.copyright {width:90%}
.phonenumberfield {     width: 100% !important; }
.WebForm .FormContainer fieldset.fieldset > ul > li {
    overflow: hidden;
}
.WebForm .FormContainer > li {
    clear: both;
    overflow: hidden;
    width: 100%;
}
.WebForm .FormContainer .size-max {width:100%;}
.Watermark {display:none !important;}
.single .post {max-width:100%;}
 #homelink {margin:-190px 0 0 20px; height:190px; background-size: 100%}
.WebForm .FormContainer li > fieldset > div > label { min-width:10% !important }
}

@media (max-width: 660px) {
  .section { width: 96%; padding: 2% ! important; }
  .sectioncontent { max-width: 100% ! important; width: 96%; padding: 2%; }
  .brownpaper img { display: none; }
  .brownpaper p, .brownpaper h3 { padding: 0px 0px 0px 10px; width: 100%; background-position: 0px 0px; }
  .leftcol, .rightcol { width: 100%; }
.WebForm .FormContainer li > fieldset > div > label { min-width:10% !important }
}

@media screen and (min-height: 875px) {
  #sidequarea { display: block ! important; }
  .maincolumn { display: none ! important; }
}

@media screen and (max-height: 875px) {
  #sidequarea { display: none ! important; }
  .maincolumn { display: block ! important; }
}

#loading {
    position:fixed; 
    left:0; 
    top:0; 
    width:100%; 
    height:100%;
    background: #fff;
    z-index:100;
}
#loading img {position: absolute; margin-left:-110px; margin-top:-9px; left:50%; top:50%}
.outer_wrap { display: none; }

#contactus .sectioncontent, .page-id-1882 .sectioncontent {max-width:610px;}