/*
Theme Name:   Theme Name: Finless Foods
Theme URI:    wp-content/themes/finless-foods/
Description:  finless-foods
Author:       Gutesha
Author URI:   http://webtnt.com
Template:     responsive
Version:      1.0.0
Text Domain:  finless-foods
*/

body {font-family: 'Lato', sans-serif;font-size:18px;color:#111111;line-height:27px;}
#header_section {position: absolute;top: 0;left: 0px;z-index: 200;width: 100%;margin: 0 !important;opacity: 1;background:transparent;background-color: rgba(255, 255, 255, 0);box-shadow: inset 0 -1px 0 0 rgba(255, 255, 255, 0.1);}

#container {position:relative;}
#content-full {margin:0;}
.post-entry {float: left;width: 100%;}
.col-ful {max-width:1280px;margin:0 auto;padding:0 32px;}
.col-768 {max-width:768px;margin:0 auto;padding:0 32px;}
.col-640 {max-width:640px;margin:0 auto;padding:0 32px;}
.col-384 {max-width:384px;margin:0 auto;padding:0 32px;position:relative;}
.section {float:left;width:100%;position: relative;}
.col-2 {float:left;width:50%; padding: 0px 20px}
.col-3 {float:left;width:30%;}
.col-3.second {margin:0 5%;}
a.btn-transparent, .btn-transparent {float:left;width:100%;max-width:158px;line-height:51px;color:#ffffff;border:2px solid #ffffff;box-sizing:border-box;font-size:18px;text-align:center;font-weight:700;cursor:pointer;border-radius:2px;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;}
a.btn-transparent:after {display:none;}
a.btn-transparent:hover, .btn-transparent:hover {color:#ffffff;background:rgba(255, 255, 255, 0.1);}
a.btn-transparent:active, .btn-transparent:active {color:#ffffff;background:rgba(255, 255, 255, 0.3);}
a.btn-transparent:focus, .btn-transparent:focus {color:#ffffff;background:rgba(255, 255, 255, 0);box-shadow: 0 0 8px 0 #ffffff;}
a.btn-transparent-arr, .btn-transparent-arr {float:left;width:100%;max-width:266px;line-height:51px;color:#ffffff;border:2px solid #ffffff;box-sizing:border-box;font-size:18px;text-align:center;font-weight:700;cursor:pointer;border-radius:2px;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;}
a.btn-transparent-arr:hover, .btn-transparent-arr:hover {color:#ffffff;background:rgba(255, 255, 255, 0.1);}
a.btn-transparent-arr:active, .btn-transparent-arr:active {color:#ffffff;background:rgba(255, 255, 255, 0.3);}
a.btn-transparent-arr:focus, .btn-transparent-arr:focus {color:#ffffff;background:rgba(255, 255, 255, 0);box-shadow: 0 0 8px 0 #ffffff;}
a.btn-transparent-arr:after {display:none;}
.btn-transparent-arr svg {fill:#ffffff;margin-left:20px;}
a.btn-green, .btn-green {float:left;width:100%;max-width:185px;line-height:51px;color:#008075;border:2px solid #008075;box-sizing:border-box;font-size:18px;text-align:center;font-weight:700;cursor:pointer;border-radius:2px;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;}
a.btn-green:after {display:none;}
a.btn-green:hover, .btn-green:hover {color:#008075;background:rgba(0, 128, 117, 0.1);}
a.btn-green:active, .btn-green:active {color:#008075;background:rgba(0, 128, 117, 0.3);}
a.btn-green:focus, .btn-green:focus {color:#008075;background:rgba(255, 255, 255, 0);box-shadow: 0 0 8px 0 #008075;}

a.btn-green-arr, .btn-green-arr {float:left;width:100%;max-width:213px;line-height:51px;color:#008075;border:2px solid #008075;box-sizing:border-box;font-size:18px;text-align:center;font-weight:700;cursor:pointer;border-radius:2px;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;}
a.btn-green-arr:after {display:none;}
a.btn-green-arr:hover, .btn-green-arr:hover {color:#008075;background:rgba(0, 128, 117, 0.1);}
a.btn-green-arr:active, .btn-green-arr:active {color:#008075;background:rgba(0, 128, 117, 0.3);}
a.btn-green-arr:focus, .btn-green-arr:focus {color:#008075;background:rgba(255, 255, 255, 0);box-shadow: 0 0 8px 0 #008075;}
.btn-green-arr svg {fill:#008075;margin-left:20px;}

a {color:#008075;font-weight:700;position: relative;}
a:hover, a:focus, a:active {color:#008075;}
a:after {content:'';width:100%;height:2px;background:rgba(0, 128, 117, 0.5);position:absolute;left:0;bottom:-2px;margin:0;opacity:0.5;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;}
a:hover:after {opacity:1;}
a:visited:after {background: rgba(0, 122, 184, 0.5);}
a:focus:active {box-shadow: 0 6px 10px -8px #008075;}
h1 {font-size:32px;line-height:48px;color:#ffffff;margin:0;}
h2 {font-size:20px;line-height:30px;color:#007ab8;margin:64px 0 0;}
h3 {font-size:16px;line-height:24px;color:#111111;margin:0;}

p:last-child {margin-bottom:0;}
h2+p {margin-top:8px;}
#section-0 {background: #008075;padding:154px 0 98px;overflow: hidden;
background: -moz-linear-gradient(top, #008075 0%, #007ab8 99%);
background: -webkit-linear-gradient(top, #008075 0%,#007ab8 99%);
background: linear-gradient(to bottom, #008075 0%,#007ab8 99%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#008075', endColorstr='#007ab8',GradientType=0 );}
.bg-wave {width: 100%;height: 268px;background-color: rgba(0, 0, 0, 0.1);}
#section-0 p {color:#ffffff;font-size:18px;line-height:27px;margin:18px 0 40px;}
#section-0 .col-640 {position:relative;}
#section-0 .col-384 {position:relative;text-align:center;}
#section-0 .col-768 {position:relative;text-align:center;}
#section-0 .overlay {position:absolute;top:0;left:0;width:100%;height:100%;opacity:0.9;
background: -moz-linear-gradient(top, #008075 0%, #007ab8 99%);
background: -webkit-linear-gradient(top, #008075 0%,#007ab8 99%);
background: linear-gradient(to bottom, #008075 0%,#007ab8 99%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#008075', endColorstr='#007ab8',GradientType=0 );}

#logo {margin:16px 0 16px 32px;float:left;}
#logo svg {max-width:35px;height:24px;fill:#ffffff;float: left;}
.top-menu  {margin:0;}
.top-menu li {float:left;}
.top-menu li a {font-size:16px;font-weight:700;color:#fff;border:none;position:relative;line-height:24px;padding:16px 24px;float:left;}
.top-menu li a:hover {color:#ffffff;}
.top-menu li a:active {opacity: 0.5;}
.top-menu li a:focus {box-shadow: 0 0 8px 0 #ffffff;}
.top-menu li a:after {content:'';width:0;height:2px;background:#8cc5c4;position:absolute;left:0;bottom:0px;margin:0;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;}
.top-menu li a:hover:after {width:100%;}
.top-menu li.current-menu-item a:after {width:100%;}

#menu_blog_res{width: 20px;height: 20px;float: left;position:absolute;cursor:pointer;margin-left: 0px;z-index:99999;right:22px;top:20px;display:none;} 
#menu_blog_res span {position: absolute; left: 1px; top: 5px; width: 18px; height: 2px; background-color: #ffffff;border-radius: 3px;} 
#menu_blog_res span::before, #menu_blog_res span:after { content: ''; width: 100%; height: 2px; position: absolute; background-color: #ffffff; right: 0; border-radius: 3px;
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;}
#menu_blog_res span::before { top: -5px;} 
#menu_blog_res span::after { top: 5px;} 
.active #menu_blog_res span { background-color: rgba(255, 255, 255, 0);} 
.active #menu_blog_res span::before, .active #menu_blog_res span::after {} 
.active #menu_blog_res span::before { top: 0; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); } 
.active #menu_blog_res span::after { top: 0; -webkit-transform: rotate(225deg); -moz-transform: rotate(225deg); -ms-transform: rotate(225deg); -o-transform: rotate(225deg); transform: rotate(225deg); }


#section-1 {padding-bottom:64px;}
/*/////////////////////////////////////////////footer/////////////////////////////*/
body.full-width-layout div#footer {padding:65px 0;}
#footer-wrapper {margin: 0 auto;max-width: 768px;padding: 0 15px;box-sizing: border-box;}
#footer .social-icons li {display:inline-block;}
#footer .social-icons a {display:inline-block;width: 40px;height: 40px;background-color: #008075;border-radius:50%;text-align:center;line-height:40px;padding:5px;box-sizing:border-box;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;}
#footer .social-icons a:after {display:none;}
#footer .social-icons a:hover {background-color: #049488;}
#footer .social-icons a:active {background-color: #036f66;}
#footer .social-icons a:visited {box-shadow: 0 0 8px 0 #008075;}
#footer .social-icons a svg {fill:#fff;}
#footer .rm_form_container {width:100%;padding:0;position:relative;padding-right:99px;box-sizing:border-box;}
#footer .rm-form-style0 input[type=email] {width:100%;padding:0 16px;line-height:46px;border:1px solid #dddddd;box-shadow:none;border-radius:2px;font-size:16px;font-family: 'Lato', sans-serif;}
#footer .rm-form-style0 input[type=email]:focus {border:1px solid #7fbfba;}
#footer .rm-form-style0 input[type=submit] {background-color: #008075;width:83px;position:absolute;right:0;top:0;border-radius:2px;padding:0;line-height:48px;margin:0;font-family: 'Lato', sans-serif;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;}
#footer .rm-form-style0 input[type=submit]:hover {background-color: #049488;}
#footer .rm-form-style0 input[type=submit]:active {background-color: #036f66;}
#footer .rm-form-style0 input[type=submit]:focus {box-shadow: 0 0 8px 0 #008075;}
#footer .rm-form-style0 .rm_form_el_set {padding:0;margin:0;}
#footer form {margin:0;}
#footer h3 {font-size:18px;font-weight:700;color:#555555;line-height:27px;margin:45px 0 10px;}

#footer .grid {margin-bottom:0;}
#footer .footer-menu li {float:left;padding:0 17px;}
#footer .footer-menu li:first-child {padding-left:0;}
#footer .footer-menu li:last-child {padding-right:0;}
#footer .footer-menu li a {float:left;padding:0px;position:relative;font-size:16px;line-height:24px;color:#008075;font-weight:700;border:none;}
.footer-menu li a:after {content:'';width:0;height:2px;background:#8cc5c4;position:absolute;left:0;bottom:0px;margin:0;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;}
.footer-menu li a:hover:after  {width:100%;}
.footer-menu li.current-menu-item a:after {width:100%;}
#foot-bott .col-2:nth-child(2) >div{float:right;}
#foot-bott p {font-size:16px;color:#555555;line-height:24px;margin:3px 0;}
#foot-bott p span {color:#008075;font-weight:700;position:relative;}
/*#foot-bott p span:after {content:'';width:100%;height:2px;background:#8cc5c4;position:absolute;left:0;bottom:-2px;margin:0;}*/
#footer-wrapper .grid.col-940#foot-bott {margin-top:50px;}
#footer-wrapper .grid.col-940.copyright {margin-top:48px;font-size:16px;text-align:center;color:#555555;}
#footer-wrapper .grid.col-940.copyright a {color:#555555;}


::-webkit-input-placeholder {color: #888888;}
::-moz-placeholder {color: #888888;}
:-ms-input-placeholder {color: #888888;}
:-moz-placeholder {color: #888888;}

#home-logo {float:right;}
#home-logo svg {fill:#ffffff;max-width:144px;max-height:174px;float:left;margin-left:100px;}
.icon-right {float:left;width:100%;box-sizing:border-box;padding-right:184px;position:relative;margin-bottom:64px;}
.icon-left {float:left;width:100%;box-sizing:border-box;padding-left:184px;position:relative;min-height: 184px;}
.ic-120 {position:absolute;top:64px;width: 120px;height: 120px;background-image: linear-gradient(to top, #007ab8, #008075);border-radius:50%;padding:24px;box-sizing:border-box;}
#ic-resume.ic-120 {padding: 24px 32px;}
#ic-newspaper.ic-120 {padding: 30px 24px;}
#ic-whole-fish-icon.ic-120 {padding: 37px 24px;}
.icon-left .ic-120 {left:0;}
#ic-fish svg {fill:#ffffff;}
.ic-120 svg {fill:#ffffff;}
.icon-right .ic-120 {right:0;}
.gradient {background: #007ab8;padding: 32px 0 64px;
background: -moz-linear-gradient(left, #007ab8 0%, #008075 100%);
background: -webkit-linear-gradient(left, #007ab8 0%,#008075 100%);
background: linear-gradient(to right, #007ab8 0%,#008075 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007ab8', endColorstr='#008075',GradientType=1 );}
.gradient h2 {font-size:32px;line-height:48px;color:#ffffff;margin:0;text-align:center;}
.home #section-1 a.btn-green-arr {max-width:185px;}
.home #section-2 {padding:32px 0 64px;}
.video-box-oko {float: left;width: 100%;border: 16px solid rgba(255, 255, 255, 0.1);margin-top: 32px;box-sizing: border-box;}
.video-box iframe {max-width:100%;box-sizing: border-box;position:absolute;top:0;max-height: 100%;} 
.video-box {position:relative;padding-top:56.5%;float:left;width:100%;}
.ocean { height: 5%;width:100%;position:absolute;bottom:0;left:0;background: #015871;}
.wave {background: url(img/wave.svg) repeat-x; position: absolute;top: -198px;width: 6400px;height: 198px;animation: wave 7s cubic-bezier( 0.36, 0.45, 0.63, 0.53) infinite;transform: translate3d(0, 0, 0);}
.wave:nth-of-type(2) {top: -175px;animation: wave 7s cubic-bezier( 0.36, 0.45, 0.63, 0.53) -.125s infinite, swell 7s ease -1.25s infinite;opacity: 1;}
.home #section-scroll {padding-bottom:64px;}
.home #section-scroll a.btn-green-arr {margin:0 auto;float:none;display: block;clear: both;max-width:229px;}
.media-cards {float:left;width:100%;margin-bottom:32px;}
#section-10 {padding:64px 0;}
#section-10 h2 {text-align:left;}
#section-10 p {color:#ffffff;margin:8px 0 0;}
#section-10 a.btn-transparent-arr {float:right;margin-top:16px;}
/*///////////////////////////////////////////careers//////////////////////////////*/
.careers #section-0 {background-image:url(img/Brian-working-hero-image.jpg);background-size:cover;background-position:center;padding: 190px 0 131px;} 
.sjb-page #section-0 {background-image:url(img/Brian-working-hero-image.jpg);background-size:cover;background-position:center;padding: 180px 0 114px;} 
.careers #section-1 {border-bottom:1px solid #eeeeee;}
.careers .btn-transparent {max-width:254px;float:none;margin:0 auto;}
.careers #section-scroll {padding-bottom:32px;}
.careers #section-scroll .icon-right {margin-bottom: 32px;min-height: 184px;}
.careers #section-scroll p {margin:8px 0;}
.sjb-page {background:transparent;font-size:16px;line-height:24px;float:left;width:100%;}
.list-view {max-width: 768px;margin: 0 auto;padding: 0 15px;box-sizing: content-box;}
.sjb-page .col-md-4 {padding:2.45%;}
.back-careers-oko {position:absolute;width:100%;box-shadow: inset 0 -1px 0 0 rgba(255, 255, 255, 0.1);top:56px;}
.sjb-page a.back-careers {line-height:56px;color:#ffffff;text-align:left;box-shadow:none;max-width:1280px;margin:0 auto;display:block;padding: 0 32px;box-sizing: content-box;}
.back-careers svg {fill:#ffffff;margin-right: 16px;margin-left:32px;}
.sjb-page a.back-careers:after {display:none;}


.sjb-page a.list-data {border-radius: 4px;background-color: #ffffff;box-shadow: 0 2px 32px 0 rgba(0, 0, 0, 0.08);padding:16px;border:none;margin:0;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;}
.sjb-page a.list-data:hover, .sjb-page a.list-data:active {box-shadow: 0 2px 16px 0 rgba(0, 0, 0, 0.16);}
.sjb-page a.list-data:focus {box-shadow: 0 2px 32px 0 rgba(0, 0, 0, 0.08), 0 0 8px 0 #008075;outline: none;}
.sjb-page a.list-data .job-info, .sjb-page a.list-data .job-info:hover {font-size:18px;font-weight:400;line-height:27px;color:#111111;}
.sjb-page a.list-data:after {display:none;}
.sjb-page .list-data .job-location {color:#888888;font-size:16px;line-height:24px;margin:0;position:relative;font-weight: 400;}
.sjb-page .list-data .job-location:after {content:'';width:16px;height:16px;float:right;background:url(img/arrow-forward-icon-green.svg) no-repeat;}
.sjb-page .list-data .job-info {margin-bottom:16px;}
.sjb-page .grid-view .list-data .job-info {height: 53px;overflow: hidden;}
.sjb-page .list-view .list-data {margin:0 0 32px;padding:24px;}
.sjb-page .list-view  .list-data .job-info {margin-bottom:24px;}
.careers #section-10 p {max-width: 543px;float: left;}
.careers #section-10 a.btn-transparent-arr {max-width:161px;float:right;}
.sjb-page .sjb-detail {margin:0;}
.jobpost {float:left;width:100%;}
.sjb-page h1 {font-size: 32px;line-height: 48px;color: #ffffff;margin: 0;}
.jobpost #section-0 {padding: 252px 0 143px;}
.jobpost #section-0 p {margin-bottom:0;}
.jobpost #section-1 {padding-top:32px;}
.jobpost .sjb-page h2 {color:#007ab8;font-size:20px;font-weight:700;margin: 32px 0 8px;}
.sjb-page .sjb-detail .list-data ul li {font-size:18px;line-height:27px;}
.sjb-page .sjb-detail .list-data ul li::before {content:'';width:7px;height:7px;background:#111111;border-radius:50%;display: inline-block;margin-top: 9px;}
.sjb-page .sjb-detail .job-features .table {display:none;}
.sjb-page .list-data .job-description {margin-bottom:50px;}
.sjb-page .sjb-detail .list-data ul {padding:3px 0 25px 25px;margin-bottom:0;}
.sjb-page .list-data .job-description p {font-size:18px;color:#555555;}
.sjb-page .list-data .job-description p.small {font-size:16px;}
.job-768.col-768 {box-sizing: content-box;}
.job-768.col-768 h2 {font-size: 20px;line-height: 30px;color: #007ab8;margin: 64px 0 0;font-weight: 700;}
.job-768.col-768 p {font-family: 'Lato', sans-serif;font-size: 18px;color: #111111;line-height: 27px;}
.job-768.col-768 a.btn-green-arr {margin-top:32px;}
/*////////////////////////////////////////////media//////////////////////////*/
.media #section-0 {background-image:url(img/Mike-media-hero-image.jpg);background-size:cover;background-position:center;padding: 180px 0 114px;}
.media #section-scroll {padding:32px 0;}
.media .btn-transparent {max-width: 207px;float: none;margin: 0 auto;}
.media .post-entry  > .post, .home-card {float:left;width: 33.33333333%;box-sizing:border-box;padding: 2.45%;}
.media .list-data, .home-card .list-data {border-radius: 4px;background-color: #ffffff;box-shadow: 0 2px 32px 0 rgba(0, 0, 0, 0.08);padding: 0px;box-sizing:border-box;margin: 0;float:left;width:100%;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;}
.media .list-data:hover, .home-card .list-data:hover {box-shadow: 0 2px 16px 0 rgba(0, 0, 0, 0.16);}
.media .list-data:active, .home-card .list-data:active {box-shadow: 0 2px 16px 0 rgba(0, 0, 0, 0.16);}
.media .list-data:focus, .home-card .list-data:focus {box-shadow: 0 2px 32px 0 rgba(0, 0, 0, 0.08), 0 0 8px 0 #008075;}
.media .list-data:after, .home-card .list-data:after {display:none;}
.media-img {position:relative;width:100%;padding-top:30%;
background: #007ab8;
background: -moz-linear-gradient(left, #007ab8 0%, #008075 100%);
background: -webkit-linear-gradient(left, #007ab8 0%,#008075 100%);
background: linear-gradient(to right, #007ab8 0%,#008075 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007ab8', endColorstr='#008075',GradientType=1 );}
.media-img img.wp-post-image {position:absolute;top:50%;left:50%;max-width:70%;max-height:80%;height:auto;width:auto;margin:0;
-webkit-transform: translate(-50%,-50%);
-moz-transform: translate(-50%,-50%);
-o-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);}
.media-text {float:left;width:100%;padding: 16px;box-sizing:border-box;}
.media-text .media-text-in {margin:0 0 16px;height:81px;overflow:hidden;}
.media-text p {font-size:18px;color:#111111;line-height:27px;margin:0;font-weight: 400;}
.media-date {float:left;font-size:16px;color:#888888;line-height:24px;font-weight: 400;}
.media-arr {float:right;}
.media-arr svg {fill:#008075;}
.elm-button {background: transparent;color: #008075;border: none;line-height: 51px;padding: 0 0px;border: solid 2px #008075;font-size: 18px;font-weight: bold;width:213px;text-align:center;margin: 30px 0 0;font-family: 'Lato', sans-serif;}
.elm-button:after {content:'';width:22px;height:22px;display:inline-block;background:url(img/refresh.svg) no-repeat;margin: 0 0 -4px 5px;background-size: 100%;}
.elm-button:hover {color: #008075;background: rgba(0, 128, 117, 0.1);}
.elm-button:focus {color: #008075;background: rgba(255, 255, 255, 0);box-shadow: 0 0 8px 0 #008075;outline: none;}
.elm-button:active{background:transparent;box-shadow: 0 6px 10px -8px #008075;}
/*////////////////////////////////////////////contact//////////////////////////*/
.page-template-contact #section-0 {background-image:url(img/Mike-and-brian-hero-image.jpg);background-size:cover;background-position:center;padding: 250px 0 193px;}
.page-template-contact #section-0 p {margin-bottom:0;}
.page-template-contact #footer {background:#eeeeee;}
.page-template-contact #section-1 {padding-top:32px;}
select, input[type="text"], input[type="password"], input[type="email"] {box-shadow:none;padding:0 16px;line-height:48px;border:1px solid #dddddd;width:100%;font-size:16px;}
input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus {border:1px solid #7fbfba;}
textarea {box-shadow:none;padding:20px;border:1px solid #dddddd;width:100%;font-family: 'Lato', sans-serif;font-size:16px;}
textarea:focus {border:1px solid #7fbfba;}
label {color:#555555;font-size:16px;font-weight:400;line-height:24px;width:100%;}
.wpcf7 p {float:left;width:100%;margin:16px 0;}
.col-2.left {padding-right:16px;box-sizing:border-box;margin-bottom:16px;}
.col-2.right {padding-left:16px;box-sizing:border-box;margin-bottom:16px;}
input[type='submit'] {background: #008075;width: 166px;border-radius: 2px;padding: 0;line-height: 48px;margin: 0;font-family: 'Lato', sans-serif;text-shadow:none;color:#ffffff;font-size:16px;font-weight:700;border:none;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;}
input[type=submit]:hover {background: #049488;color:#ffffff;outline:none;border:none;}
input[type=submit]:active {background: #036f66;color:#ffffff;outline:none;border:none;}
input[type=submit]:focus {box-shadow: 0 0 8px 0 #008075;color:#ffffff;outline:none;border:none;}
.form-submit {float:left;margin:32px 0 0;}
.wpcf7-form-control-wrap {width: 100%;float: left;}
span.wpcf7-not-valid-tip {position: absolute;width: 100%;color:#d0021b;font-size:13px;}

div.wpcf7-response-output {float:right;margin:32px 0 0 10px;padding: 11px 10px;font-size:16px;line-height:24px;}
div.wpcf7-validation-errors, div.wpcf7-acceptance-missing {background:rgba(208, 2, 27, 0.1);border:1px solid #d0021b;color:#d0021b;}
div.wpcf7-mail-sent-ok {background:rgba(84, 141, 22, 0.1);border:1px solid #548d16;color:#548d16;}


/*////////////////////////////////////////////about//////////////////////////*/
.about #section-0 {background-image:url(img/Mike-and-brian-hero-image.jpg);background-size:cover;background-position:center;padding: 180px 0 114px;}
.about #section-0 .btn-transparent {margin:0 auto;float:none;max-width:158px;}
#ic-microscope {padding:23px 32px;}
#ic-fishing-bait-hook {padding:24px 41px;}
.about #section-scroll {padding-bottom:64px;}
.about #section-3 {border-bottom:1px solid #eeeeee;}
.about #section-4 {padding-bottom:64px;border-bottom:1px solid #eeeeee;}
.about #section-5 {border-bottom:1px solid #eeeeee;}
.about #section-6 {padding-bottom:64px;}
.fish-boxes {float:left;width:100%;margin-top:45px;}
.fish-boxes > div {float:left;width:100%;box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.04);border-left:3px solid #007e8a;margin:8px 0;padding:32px 40px 30px 152px;box-sizing:border-box;background:#ffffff;position:relative;border-radius: 2px;}
.fish-boxes > div:nth-child(1) {border-color:#007ab8;}
.fish-boxes > div:nth-child(2) {border-color:#007ca6;}
.fish-boxes > div:nth-child(3) {border-color:#007d98;}
.fish-boxes > div:nth-child(4) {border-color:#007e8a;}
.fish-boxes > div:nth-child(5) {border-color:#008075;}
.fish-boxes p {font-size:20px;line-height:30px;color:#555555;}
.fish-boxes p:first-child {color:#888888;}
.fish-text {display:inline-block;}
.fish-text p {margin:0;}
.fish-ic {float:left;width:72px;height:72px;background-repeat:no-repeat;background-position:center;margin-right:40px;position:absolute;left:40px;top:50%;background-size: 100%;
-webkit-transform: translate(0%,-50%);
-moz-transform: translate(0%,-50%);
-o-transform: translate(0%,-50%);
-ms-transform: translate(0%,-50%);
transform: translate(0%,-50%);}
#cell-icon {background-image:url(img/cell-icon.svg);}
#cell-growth-icon {background-image:url(img/cell-growth-icon.svg);}
#warehouse-icon {background-image:url(img/warehouse-icon.svg);}
#salmon-icon {background-image:url(img/salmon-icon.svg);}
#shipping-icon {background-image:url(img/box.svg);}
.better {float:left;width:100%;padding-bottom:64px;}
.better-ic {display:block;margin:0 auto 16px;width:100px;height:72px;background-repeat:no-repeat;background-position:center;background-size: auto 100%;}
#pisces-icon {background-image:url(img/pisces-icon.svg);}
#shipping-icon-1 {background-image:url(img/shipping-icon-2.svg);}
#ship-icon {background-image:url(img/ship-icon.svg);}
#medicines-icon {background-image:url(img/medicines-icon.svg);}
#coin-icon {background-image:url(img/coin-icon.svg);}
#planet-icon {background-image:url(img/planet-icon.svg);}
.better h3 {text-align:center;}
.better p {margin:0;font-size:16px;line-height:24px;color:#555555;text-align:center;}
.light-p {float:left;width:100%;text-align:center;padding-bottom:8px;margin-bottom:37px;}
.light-p span {position:relative;
background: -webkit-linear-gradient(left, #007ab8, #008075);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;}

.light-p span:after {content:'';width:100%;height:1px;position:absolute;bottom:0;left:0;
background: #007ab8;
background: -moz-linear-gradient(left, #007ab8 0%, #008075 100%);
background: -webkit-linear-gradient(left, #007ab8 0%,#008075 100%);
background: linear-gradient(to right, #007ab8 0%,#008075 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007ab8', endColorstr='#008075',GradientType=1 );}
.meet-team {float:left;width:100%;margin:64px 0 0;} 
.meet-team-ic {position:relative;float:left;width:100%;}
.meet-team-ic  h3 {font-size:20px;line-height:30px;font-weight:700;color:#111111;}
.meet-team-ic img {float:left;margin:-5px 20px 0 0;}
.meet-team-ic  h3 span {display:block;font-weight:400;}
.meet-team  p {margin:24px 0 0;font-size:16px;line-height:24px;float: left;width: 100%;}
#ic-scientist {padding:24px 31px;}
.meet-team .col-3 {margin-bottom:64px}
.meet-team .col-3:nth-child(2) {margin-left:5%;margin-right:5%;}
.meet-team .col-3:nth-child(5) {margin-left:5%;margin-right:5%;}
.meet-team .col-3:nth-child(8) {margin-left:5%;margin-right:5%;}
.meet-team .col-3:nth-child(3n+1) {clear:left;}

@keyframes wave {
  0% {
    margin-left: 0;
  }
  100% {
    margin-left: -1600px;
  }
}

@keyframes swell {
  0%, 100% {
    transform: translate3d(0,-25px,0);
  }
  50% {
    transform: translate3d(0,5px,0);
  }
}

@media screen and (max-width: 1360px) {
	
}
@media screen and (max-width: 1024px) {
#logo {margin: 16px 0 16px 0px;}
.back-careers svg {margin-left:0;}
.about #section-5 .col-3 {width:100%;margin:0 !important;}
	.about #section-5 .col-3:nth-child(2){height:296px;}
	.about #section-5 .col-3:nth-child(3){height:344px;}
	.about #section-5 .col-3:nth-child(4){height:264px;}
.about #section-5 .col-ful {float:left;width: 50%;box-sizing: border-box;}
.meet-team .col-3 {width:45%;margin-bottom:0px}
.meet-team .col-3:nth-child(2) {margin-left:0;margin-right:0;}
.meet-team .col-3:nth-child(5) {margin-left:0;margin-right:0;}
.meet-team .col-3:nth-child(8) {margin-left:0;margin-right:0;}
.meet-team .col-3:nth-child(3n+1) {clear:none;}
.meet-team .col-3:nth-child(2n+1) {margin-right:5%;clear:left;}
.meet-team .col-3:nth-child(2n) {margin-left:5%;}
.meet-team p {height: 256px;}
.media .post-entry > .post, .home-card {width: 100%;padding:0 0 32px;}
.media-img {width: 256px;float: left;padding-top: 0;position: absolute;left: 0;height: 100%;}
.media-text {width: 100%;padding: 24px;}
.media-text .media-text-in {height: auto;}
.media .list-data, .home-card .list-data {padding-left: 256px;}
.media #section-scroll {padding: 64px 0 32px;}
}
@media screen and (max-width: 980px) {
	.footer-menu {padding:0;}
	
.better p {}
}
@media screen and (max-width: 768px) {
	.col-768 {max-width:640px;}
	#footer-wrapper {max-width:640px;}
	.sjb-page .col-md-4 {padding: 16px 8.5%;}
	.sjb-page .grid-view .list-data .job-info {height:auto;}
	.careers #section-10 p {max-width: 415px;}
	.meet-team p {height: 300px;}
	.media-img {width: 213px;}
.media .list-data, .home-card .list-data {padding-left: 213px;}
}

@media screen and (max-width: 650px) {
#menu_blog_res {display:block;}
.top-menu {position: absolute;top: 56px;left: 0;width: 100%;max-height:0;overflow: hidden;
background: -moz-linear-gradient(top, #008075 0%, #007ab8 99%);
background: -webkit-linear-gradient(top, #008075 0%,#007ab8 99%);
background: linear-gradient(to bottom, #008075 0%,#007ab8 99%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#008075', endColorstr='#007ab8',GradientType=0 );
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;}
.active .top-menu {max-height:2000px;}
.top-menu li {float:left;width:100%;}
.top-menu li a {float:left;width:100%;border-bottom: 1px solid rgba(255, 255, 255, 0.1);padding: 38px 0;}
.top-menu li a:after {display:none;}
.top-menu li a:visited {box-shadow:none;}

}
@media screen and (max-width: 640px) {
.col-2 {width: 100%;}
#section-0 {padding: 94px 0 40px;}
#home-logo svg {float: none;margin: 0 auto 24px;display: block;max-width: 106px;max-height: 128px;}
h1 {font-size: 24px;text-align:center;line-height:36px;}
#section-0 p {font-size:16px;text-align:center;margin: 17px 0 32px;}
a.btn-transparent, .btn-transparent {font-size:16px;float:none;margin:0 auto;display:block;}
.icon-left {padding-left:0;}
.icon-right {padding-right:0;}
.ic-120 {position:static;top:unset;margin:32px auto 0;display:block;}
.sjb-page .col-md-4 {padding: 16px 32px;}
.sjb-page .list-data .job-info h4 a {font-size:16px;}
.careers #section-scroll {padding-bottom:0px;}
#section-1 {padding-bottom: 32px;}
h2 {margin:32px 0 0;} 
.sjb-page .grid-view .col-md-4:first-child {padding-top:0;}
.careers #section-10 p {max-width: 100%;margin-bottom: 32px;}
.careers #section-10 a.btn-transparent-arr {float:none;margin:0 auto;display:block;clear: both;}
#foot-bott .col-2:nth-child(2) >div {width: 100%;margin: 24px 0 8px;}
.footer-menu {float: left;width: 100%;margin: 0 0 32px;}
#footer .footer-menu li {width:100%;padding:0;text-align:center;}
#footer .footer-menu li a {display: inline-block;float: none;}
#footer .social-icons {padding:0;float:left;width:100%;}
#footer h3 {margin: 31px 0 10px;float: left;width: 100%;}
#footer .rm_form_container {float: left;}
#footer-wrapper .grid.col-940#foot-bott {float:left;margin-top:32px;}
body.full-width-layout div#footer {padding: 32px 0;}
#logo {margin: 16px 0 16px 0px;}
#menu_blog_res {right:15px;}
.careers #section-0  {padding: 113px 0 60px;}
.jobpost #section-0 {padding: 162px 0 52px;}
.sjb-page h1 {font-size: 24px;line-height:36px;}
.sjb-page .sjb-detail .list-data ul {padding: 3px 0 25px 10px;}
.sjb-page .sjb-detail .list-data ul li {font-size: 16px;}
.sjb-page .list-data .job-description p {font-size:16px;}
.sjb-page .list-data .job-description p.small {font-size:14px;line-height:21px;}
a.btn-green-arr {font-size:16px;max-width:197px;}
.jobpost #section-1 {padding-top: 0px;}
.sjb-page .list-data .job-description {margin-bottom: 24px;}
.page-template-contact #section-0 {padding: 170px 0 115px;}
.page-template-contact #section-0 p {margin:8px 0 0;}
.col-2.left {padding-right: 0px;}
.col-2.right {padding-left: 0px;}
label {font-size:14px;}
select, input[type="text"], input[type="password"], input[type="email"] {line-height: 43px;font-size: 14px;}
textarea {font-size:14px;height:108px;}
.wpcf7 p {margin: 8px 0;}
input[type='submit'] {font-size:14px;width:100%;line-height: 43px;}
.page-template-contact #section-1 {padding-top: 0px;}
.form-submit {width:100%;margin:16px 0 0;}
div.wpcf7-response-output {margin:0;}
.fish-boxes {margin-top:8px;}
.fish-ic {width:40px; height:40px;left:26px;}
.fish-boxes > div {padding:27px 24px 27px 88px;}
.fish-boxes p {font-size:14px;line-height:21px;}
.about #section-5 .col-ful {width: 100%;}
.better-ic {height:48px;}
.light-p {margin-bottom:32px;margin-top: 32px;}
.about #section-5 .col-3 {height:auto !important;}
.about #section-5 .col-3 {margin: 0 0 32px !important;}
.about #section-5 .col-3:last-child {margin-bottom:0 !important;}
.meet-team .col-3 {width:100%;margin-bottom:32px;}
.meet-team p {height: auto;}
.meet-team .col-3:nth-child(2n+1) {margin-right:0;}
.meet-team .col-3:nth-child(2n) {margin-left:0;}
.gradient {padding-bottom: 32px;}
.icon-right {margin-bottom: 0px;}
.better {padding-bottom: 32px;}
.about #section-scroll {padding-bottom: 32px;}
.about #section-3 {padding-bottom: 32px;}
.about #section-4 {padding-bottom: 32px;}
.about #section-5 {padding-bottom: 0px;}
.about #section-6 {padding-bottom: 0px;}
.about #section-0 {padding: 86px 0 40px;}
.grid-view {margin-bottom:16px;}
.media-img {width: 100%;position: relative;height: 96px;}
.media-text {width: 100%;padding: 24px;}
.media .list-data, .home-card .list-data {padding-left: 0px;}
.media #section-scroll {padding: 32px 0 0px;}
#section-10 {padding:32px 0;}
#section-10 a.btn-transparent-arr {float: left;}
#section-10 h2 {font-size:18px;}
#section-10 p {font-size:16px;}
a.btn-transparent, .btn-transparent {font-size:16px;line-height: 44px;}
a.btn-transparent-arr, .btn-transparent-arr {font-size:16px;line-height: 44px;}
a.btn-green, .btn-green {font-size:16px;line-height: 44px;}
a.btn-green-arr, .btn-green-arr {font-size:16px;line-height: 44px;}
.home #section-scroll {padding-bottom: 32px;}
.media-cards {margin-bottom:0;margin-top: 32px;}
#header .col-ful {padding:0 15px;}
}
@media screen and (max-width: 340px) {
#section-0 .col-384 {max-width: 300px;}
}