/* ---------------------------------------------------------
1. breakpoints
2. import css
3. Common site styles
4. Custom form styles
5. Styles for responsive breakpoints
---------------------------------------------------------*/

/* ---------------------------------------------------------
1. breakpoints
---------------------------------------------------------*/

/* ---------------------------------------------------------
2. import css
---------------------------------------------------------*/

.lg-holder:after,
.sm-holder:after,
.two-columns:after,
.post:after {
    content: " ";
    display: block;
    clear: both;
}

#nav ul,
.social-networks,
.contact-info,
.pagination ul,
.benefits-block .add-links ul,
.features-content .btns,
#footer .info-box ul,
#footer .footer-links ul,
.widget ul,
.products-holder .note,
.products-holder .products-list,
.order-form .btns,
.proccess-block .proccess-holder ul,
.proccess-block .proccess-holder .list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.lg-holder {
    max-width: 1510px;
    margin: 0 auto;
    padding: 0 32px;
    position: relative;
    z-index: 1;
}

.sm-holder {
    max-width: 1370px;
    margin: 0 auto;
    padding: 0 35px;
    position: relative;
    z-index: 1;
}

html {
    box-sizing: border-box;
}

*,
*:before,
*:after {
    box-sizing: inherit;
}

/*
* set default text color
* set default font size, line height and font family
* set default background
*/

body {
    margin: 0;
    color: #333;
    background: #fff;
    font: 14px/24px "Quattrocento Sans", "Arial", sans-serif;
    min-width: 1500px;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: none;
}

* {
    max-height: 1000000px;
}

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

img {
    border-style: none;
    max-width: 100%;
}

/* set styles for default page links */

a {
    text-decoration: none;
    color: #333;
    -moz-transition:0.25s ease;
    -webkit-transition:0.25s ease;
    -ms-transition:0.25s ease;
    transition:0.25s ease;
}

a:hover {
    text-decoration: underline;
    -moz-transition:0.25s ease;
    -webkit-transition:0.25s ease;
    -ms-transition:0.25s ease;
    transition:0.25s ease;
}

/* set default styles in all browsers */

input,
textarea,
select {
    font: 100% "Quattrocento Sans", "Arial", sans-serif;
    color: #333;
    vertical-align: middle;
}

form,
fieldset {
    margin: 0;
    padding: 0;
    border-style: none;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
    font: 100% "Quattrocento Sans", "Arial", sans-serif;
}

input[type="submit"]:hover,
button:hover {
    cursor: pointer;
}

input[type="text"],
input[type="password"],
input[type="file"],
input[type="submit"],
input[type="search"],
input[type="email"],
textarea {
    -webkit-appearance: none;
    -webkit-border-radius: 0;
}

input[type="text"],
input[type="tel"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
    margin: 0;
    padding: 4px 7px;
    border: 1px solid #999;
}

input[type="text"]:focus,
input[type="tel"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
    border-color: #4d4d4d;
}

textarea {
    overflow: auto;
    resize: vertical;
    vertical-align: top;
}

input[type="checkbox"],
input[type="radio"] {
    padding: 0;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/* set default typography styles */

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Sorts Mill Goudy", serif;
    line-height: 1.2em;
    margin: 0 0 1.2em;
}

p {
    margin: 0 0 1.2em;
}

q {
    quotes: none;
}

q:before,
q:after {
    content: "";
    content: none;
}

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

sup {
    top: -.5em;
}

sub {
    bottom: -.25em;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* ---------------------------------------------------------
3. Сommon site styles
---------------------------------------------------------*/

html {
    background: white;
}

/* main container styles */

#wrapper {
    overflow: hidden;
    width: 100%;
    position: relative;
    padding: 90px 0 0;
}

.btn {
    display: inline-block;
    border: none;
    background: rgb(199, 207, 228);
    color: #242730;
    font-family:"Quattrocento Sans";
    padding: 12px 25px 10px;
    font-weight: 200;
    text-transform: uppercase;
    text-decoration: none;
    letter-spacing: 1px;
    text-align: center;
    font-size: 12px;
    line-height: 22px;
    border-radius:4px;
    -moz-transition:0.25s ease;
    -webkit-transition:0.25s ease;
    -ms-transition:0.25s ease;
    transition:0.25s ease;
}
a.green-link{
    color:#65984c;
}

.btn:hover,
.post .news .btn:hover{
    background:#f26122;
    border-color:#f26122;
    color:#fff;
    text-decoration: none;
    -moz-transition:0.25s ease;
    -webkit-transition:0.25s ease;
    -ms-transition:0.25s ease;
    transition:0.25s ease;
}

.btn-black {
    border: 1px solid #333;
    color: #333;
    -moz-transition:0.25s ease;
    -webkit-transition:0.25s ease;
    -ms-transition:0.25s ease;
    transition:0.25s ease;
}

::-moz-placeholder {
    opacity: 1;
}

/* header styles */

#header,
#header-sticky{
    background: rgba(255,255,255,0.9);
    padding: 32px 0 30px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: auto;
    height: 90px;
    z-index: 9999;
}
.touchevents #header{
    display:none;
}
#header-sticky,
.touchevents #header-sticky{
    z-index:999999;
    position: fixed;
    display:initial;
}

/* page logo styles */

#header .logo,
#header-sticky .logo{
    position: absolute;
    left: 6px;
    top: -13px;
    width: 274px;
}
#header-sticky .logo{
    width: 350px;
}
#header .logo img,
#header-sticky .logo img{
    display: block;
    width: 100%;
    height: auto;
}

#header .logo img.top,
#header-sticky .logo img.sticky{
    display:block;
}

#header .logo img.sticky,
#header-sticky .logo img.top{
    display:none;
}

/* menu */

.menu {
    float: right;
    width: 80%;
    text-align: right;
}

/* burger menu style */

.nav-opener {
    float: right;
    width: 34px;
    height: 25px;
    position: relative;
    text-indent: -9999px;
    overflow: hidden;
    display: none;
    margin: 2px -10px 0 0;
}

.nav-opener:before,
.nav-opener:after,
.nav-opener span {
    background: #242730;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    height: 3px;
    margin-top: -3px;
    -webkit-transition: none .2s ease;
    transition: none .2s ease;
}

.nav-opener:before,
.nav-opener:after {
    content: "";
    top: 4px;
}

.nav-opener:after {
    top: 22px;
}

.nav-opener:hover {
    opacity: .9;
}

/* close button transition */

.close-btn span,
.nav-active .nav-opener span {
    opacity: 0;
}

.close-btn,
.nav-active .nav-opener {
    margin: 24px 30px 0 0;
}

.close-btn:after,
.close-btn:before,
.nav-active .nav-opener:after,
.nav-active .nav-opener:before {
    -moz-transform: rotate(50deg);
    -ms-transform: rotate(50deg);
    -o-transform: rotate(50deg);
    -webkit-transform: rotate(50deg);
    top: 16px;
    left: 15%;
    right: 15%;
    width: 34px;
    height: 2px;
    background: #929CB8;
}

.close-btn:after,
.nav-active .nav-opener:after {
    -moz-transform: rotate(-50deg);
    -ms-transform: rotate(-50deg);
    -o-transform: rotate(-50deg);
    -webkit-transform: rotate(-50deg);
}

/* navbar */

#nav {
    text-align: left;
    font: 700 16px/20px "Quattrocento Sans", "Arial", sans-serif;
    text-transform: uppercase;
    letter-spacing: 1px;
    display: inline-block;
    vertical-align: middle;
}

#nav ul {
    padding: 2px 0 0;
}

#nav ul li {
    display: inline-block;
    vertical-align: top;
    margin: 0 37px 0 23px;
}

#nav ul li a {
    color: #242730;
    text-decoration: none;
    -moz-transition:0.25s ease;
    -webkit-transition:0.25s ease;
    -ms-transition:0.25s ease;
    transition:0.25s ease;
}

#nav ul li:hover a,
#nav ul li.active a {
    color: #f26122;
    -moz-transition:0.25s ease;
    -webkit-transition:0.25s ease;
    -ms-transition:0.25s ease;
    transition:0.25s ease;
}
#navsub_2194796_1376713,
#navsub_2194796_1376725{
    display:none;
}
/* social networks */

.social-networks {
    text-align: left;
    display: inline-block;
    vertical-align: middle;
}

.social-networks li {
    display: inline-block;
    vertical-align: top;
    margin: 0 0 0 28px;
}
.social-networks li:last-child{
  margin: 0 0 0 24px;
}
.social-networks li img {
    vertical-align: top;
}

.social-networks li a {
    display: block;
    height: 26px;
    background: url(https://s3.us-east-2.amazonaws.com/blackberryfarm/farm/images/pro-am/sprite.png) no-repeat;
    overflow: hidden;
    text-indent: -9999px;
}

.social-networks li a:hover {
    opacity: .7;
    -moz-transition:0.25s ease;
    -webkit-transition:0.25s ease;
    -ms-transition:0.25s ease;
    transition:0.25s ease;
}

.social-networks li a.facebook {
    background-position: 0 0;
    width: 11px;
    height: 24px;
}

.social-networks li a.instagram {
    background-position: -20px 0;
    width: 26px;
    height: 26px;
}

.social-networks li a.twitter {
    background-position: -55px 0;
    width: 32px;
    height: 26px;
}
.social-networks li a.contact {
  background: url(https://s3.us-east-2.amazonaws.com/blackberryfarm/farm/images/pro-am/contact.png) no-repeat;
  width: 35px;
  height: 24px;
 
}
/* contact info */

.contact-info {
    text-align: left;
    padding: 0 2px 0 0;
    display: none;
    font-size: 17px;
    line-height: 26px;
}

.contact-info li {
    margin: 0 0 12px;
}

.contact-info li a {
    color: #fff;
}

/* main gallery styles */

.main-gallery,
.main-gallery .mask {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.main-gallery .slideset,
.main-gallery .slide {
    width: 100%;
    float: left;
}

.main-gallery .slide {
    overflow: hidden;
}

.main-gallery .slide.active {
    z-index: 1;
}

.main-gallery .slide img {
    display: block;
    width: 100%;
    height: auto;
}

.main-gallery .caption {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}

.main-gallery .holder {
    display: table;
    width: 100%;
    height: 100%;
}

.main-gallery .frame {
    display: table-cell;
    vertical-align: bottom;
    width: 100%;
    height: 100%;
}

.main-gallery h1,
.main-gallery .mask h1 {
    font: 700 65px/80px "Sorts Mill Goudy", "Arial", sans-serif;
    color: #fff;
    margin: 0 0 62px;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.main-gallery h1 span,
.main-gallery .mask h1 span {
    background: #333;
    margin: 0 0 16px;
    display: inline-block;
    padding: 0 20px;
}

.main-gallery .pagination-wrap {
    position: absolute;
    right: 35px;
    top: 0;
    bottom: 0;
    width: 11px;
    z-index: 99;
    padding: 10px 0 0;
}

.main-gallery .pagination {
    width: 100%;
    height: 100%;
    display: table;
}

.main-gallery .pagination ul {
    display: table-cell;
    vertical-align: middle;
}

.main-gallery .pagination ul li {
    display: block;
    margin: 20px 0;
}

/* Pagination styles */

.pagination {
    text-align: center;
}

.pagination ul {
    line-height: 0;
}

.pagination ul li {
    display: inline-block;
    vertical-align: top;
    border-radius: 100%;
    margin: 0 10px;
}

.pagination ul li.active,
.pagination ul li:hover {
    background: #fff;
}

.pagination ul a {
    display: block;
    width: 11px;
    height: 11px;
    border: 2px solid #fff;
    background: transparent;
    overflow: hidden;
    text-indent: -9999px;
    border-radius: 100%;
}

/* intro block styles */

.intro-block {
    position: relative;
    overflow: hidden;
    font-size: 14px;
    line-height: 24px;
    padding: 53px 0 0;
    letter-spacing: 1px;
}

.intro-block > .sm-holder {
    margin-bottom: 32px;
    overflow: hidden;
}

.intro-block h2 {
    font-size: 26px;
    line-height: 34px;
    font-weight: 900;
    text-transform: uppercase;
    margin: 0 0 14px;
    letter-spacing: 4px;
}

.intro-block p {
    margin: 0 0 25px;
}

.intro-block .green-bar {
    position: relative;
    overflow: hidden;
    background: #bdbec0;
    padding: 46px 0 45px;
    text-align: center;
}

.intro-block .green-bar h3 {
    display: inline-block;
    vertical-align: middle;
    color: #fff;
    font-weight: 300;
    margin: 0 55px 0 0;
    text-align: left;
    max-width: 900px;
    font-size: 45px;
    line-height: 50px;
}

.intro-block .green-bar .btn {
    margin: 2px 0 0;
    display: inline-block;
    vertical-align: middle;
}

/* benefits block */

.benefits-block {
    position: relative;
    overflow: hidden;
    padding: 52px 0 43px;
}

.benefits-block h3 {
    color: #f26122;
    font-weight: 600;
    margin: 0 0 27px;
    letter-spacing: 3px;
    text-transform: uppercase;
    font-size: 16px;
    line-height: 20px;
}

.benefits-block .columns {
    width: 76%;
    float: left;
}

.benefits-block .holder {
    overflow: hidden;
    padding: 16px 0 0;
}

.benefits-block .box {
    /* width: 33.33%;*/
    width: 50%;
    margin: 0 -4px 30px 0;
    padding: 0 55px 0 0;
    line-height: 30px;
    display: inline-block;
    vertical-align: top;
}



.benefits-block .img-holder {
    width: 123px;
    height: 123px;
    background: #b6afa3;
    border-radius: 100%;
    padding: 24px;
    margin: 0 auto 17px;
}

.benefits-block .add-links {
    width: 22%;
    float: right;
}

.benefits-block .add-links ul {
    font-size: 18px;
    line-height: 23px;
}

.benefits-block .add-links ul li {
    border-top: 1px solid #bdbdbd;
      padding: 8px 0 8px 12px;
  font-size: 14px;
}

.benefits-block .add-links ul li:first-child {
    border: 0;
}

.benefits-block .add-links ul a {
    color: #333;
    text-decoration: none;
}

.benefits-block .add-links ul a:hover {
    color: #f26122;
}

/* testimoniaols slideshow */

.quotes-slideshow {
    background: #333;
    border-bottom: none;
    position: relative;
    overflow: hidden;
}

.quotes-slideshow .slideset,
.quotes-slideshow .main-gallery .slide,
.main-gallery .quotes-slideshow .slide {
    position: relative;
    overflow: hidden;
    width: 100%;
}

.quotes-slideshow .slide {
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    overflow: hidden;
}

.quotes-slideshow .slide.active {
    z-index: 2;
}

.quotes-slideshow.not-enough-slides .btn-prev,
.quotes-slideshow.not-enough-slides .btn-next {
    visibility: hidden;
}

.quotes-slideshow .img-holder {
    width: 50%;
    float: left;
}

.quotes-slideshow .img-holder img {
    display: block;
    width: 100%;
    height: auto;
}

.quotes-slideshow .quotes-holder {
    overflow: hidden;
    padding: 45px 52px 70px;
}

.quotes-slideshow h3 {
    color: #f26122;
    font-weight: 600;
    margin: 0 0 55px;
    letter-spacing: 3px;
    text-transform: uppercase;
    font-size: 16px;
    line-height: 20px;
}

.quotes-slideshow blockquote {
    color: #fff;
    font-style: italic;
    font-size: 26px;
    line-height: 38px;
    margin: 0 40px;
}

.quotes-slideshow blockquote q {
    display: block;
    margin: 0 0 52px;
}

.quotes-slideshow cite {
    display: block;
    font-style: normal;
    text-transform: uppercase;
    font-size: 17px;
    line-height: 21px;
    padding: 0 0 0 48px;
    position: relative;
    letter-spacing: 1px;
}

.quotes-slideshow cite:after {
    width: 34px;
    height: 1px;
    background: #b69240;
    position: absolute;
    left: 0;
    top: 12px;
    content: "";
}

.quotes-slideshow cite span {
    text-transform: none;
    display: block;
    font-size: 16px;
    color: #9ab37e;
    margin: -2px 0 0;
    letter-spacing: normal;
}

.quotes-slideshow cite span em {
    font-size: 17px;
    color: #b69240;
    font-style: italic;
    font-family: "Sorts Mill Goudy", "Arial", sans-serif;
}

.quotes-slideshow .pagination {
    width: 50%;
    position: absolute;
    right: 0;
    bottom: 40px;
    z-index: 99;
}

/* features content */

.features-content {
    position: relative;
    overflow: hidden;
    color: #fff;
}

.features-content .title {
    display: block;
    text-transform: uppercase;
    margin: 0 0 53px;
    font-weight: 600;
    letter-spacing: 3px;
    font-size: 16px;
    line-height: 20px;
}

.features-content h3 {
    font-size: 40px;
    line-height: 46px;
    color: #fff;
    font-weight: 600;
    margin: 0;
    text-transform: uppercase;
}

.features-content p {
    font-size: 30px;
    line-height: 36px;
    margin: 0 0 31px;
}

.features-content .date {
    font-size: 22px;
    line-height: 28px;
    display: block;
    margin: 0 0 30px;
    padding: 12px 0 0;
}

.features-content .all {
    float: right;
    font-weight: 600;
    color: #fff;
    letter-spacing: 3px;
    position: relative;
    padding: 0 40px 0 0;
    font-size: 16px;
    line-height: 20px;
}

.features-content .all:after {
    background: #f26122 url(https://s3.us-east-2.amazonaws.com/blackberryfarm/farm/images/pro-am/ico4.png) no-repeat;
    content: "";
    position: absolute;
    right: -8px;
    top: -5px;
    width: 28px;
    height: 28px;
}

.features-content .btn {
    min-width: 155px;
    text-align: center;
}

.features-content .form {
    margin: 0;
    padding: 0 12px 0 0;
}

.features-content .subtitle {
    width: 83px;
    float: left;
    margin: 5px -10px 0 0;
    text-align: right;
    font: italic 17px/21px "Quattrocento Sans", "Arial", sans-serif;
}

.features-content .btns {
    overflow: hidden;
    font-size: 17px;
    line-height: 21px;
}

.features-content .btns li {
    display: inline-block;
    vertical-align: middle;
    padding: 0 0 0 20px;
    margin: 0 -4px 0 0;
    width: 33.33%;
}

.features-content .btns li a {
    background: #805b08;
    background: rgba(123, 87, 3, .8);
    color: #fff;
    border-radius: 5px;
    margin:auto;
    padding: 6px 0;
    width: 100%;
    text-align: center;
    display: block;
    text-decoration: none;
}

.features-content .btns li a:hover {
    background: #7b5703;
}

.features-content .row {
    overflow: hidden;
    margin: 0 0 20px;
}

.features-content input[type="text"],
.features-content input[type="email"] {
    background: #805b08;
    background: rgba(123, 87, 3, .8);
    padding: 18px 22px;
    border: 0;
    height: 63px;
    width: 100%;
    font-size: 22px;
    line-height: 25px;
    color: #fff;
    box-shadow: none;
    outline: none;
    border-bottom: 1px solid #fff;
}
.features-content input[type="text"]{
    width:48%;
}
input#mce-FIRST{
    margin-right:3%;
}

input#mce-FIRST,
input#mce-LAST{
    margin-bottom:15px;   
    width:48%;
}
.features-content .block {
    width: 33.33%;
    float: left;
    padding: 45px 48px 101px;
    background: url(https://s3.us-east-2.amazonaws.com/blackberryfarm/farm/images/pro-am/img3.jpg) no-repeat;
    background-size: cover;
    position: relative;
}

.features-content .block:after {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    content: "";
    background: rgba(0, 0, 0, .5);
}

.features-content .block .holder {
    position: relative;
    z-index: 1;
}

.features-content .block:first-child {
    background: url(https://s3.us-east-2.amazonaws.com/blackberryfarm/farm/images/pro-am/img2.jpg) no-repeat;
    background-size: cover;
}

.features-content .block:first-child:after {
    background: rgba(101, 153, 77, .84);
}

.features-content .block:first-child .btn {
    min-width: 160px;
}

.features-content .block:first-child h3 {
    text-transform: none;
}

.features-content .block:last-child {
    background: url(https://s3.us-east-2.amazonaws.com/blackberryfarm/farm/images/pro-am/img4.jpg) no-repeat;
    background-size: cover;
}

.features-content .block:last-child:after {
    background: rgba(159, 112, 4, .94);
}

.features-content .block:last-child .title {
    margin: 0 0 36px;
}

.features-content .block:last-child h3 {
    font-size: 30px;
    line-height: 36px;
    font-weight: 400;
    margin: 0 0 20px;
    text-transform: none;
}

.features-content .block:last-child .btn {
    margin: 4px 0 0;
    min-width: 145px;
}

.features-content .block .article {
    overflow: hidden;
}

/* Thank You page styles*/
.thanks-msg{
    font-size:18px;
}
.system-message{
    padding-left:36px;  
    padding-top:80px;
}

/* footer of the site */

#footer {
    background: #242730;
    padding: 49px 0 20px 0;
    background-size:contain;
    background-position: bottom;
}

#footer .lg-holder:first-child {
    min-height: 0;
}

#footer .lg-holder.tab{
	display:none;
}

#footer .info-box {
    width: 215px;
    float: left;
    margin: 0 0 20px -5px;
    font-style: normal;
}

#footer .info-box ul li {
    margin: 0 0 17px;
}

#footer .title {
    display: block;
    color: #fff;
    font-size: 18px;
    line-height: 20px;
}

#footer .addr {
    color: #c0c0c0;
    margin: 0 0 22px;
    display: block;
    font-style: normal;
    font-size: 16px;
    line-height: 20px;
}

#footer .num {
    color: #87d962;
    font-size: 22px;
    line-height: 25px;
    letter-spacing: 1px;
}

#footer .email {
    color: #eaa31a;
    display: inline-block;
    font-size: 18px;
    line-height: 22px;
}

#footer p {
    color: #5A5A5A;
    margin: 30px auto 25px;
    font-size: 13px;
    line-height: 16px;
    text-align:left;
}

#footer p a {
    color:#5A5A5A;
    text-decoration:underline;
}

#footer .footer-links {
    width: 215px;
    float: right;
    margin: -5px -5px 0;
    text-align: right;
    font-size: 17px;
    line-height: 22px;
}

#footer .footer-links ul {
    font-weight: 600;
    text-transform: uppercase;
}

#footer .footer-links ul li {
    padding: 5px 0;
}

#footer .footer-links ul a {
    color: #fff;
    letter-spacing: 3px;
    text-decoration: none;
    -moz-transition:0.25s ease;
    -webkit-transition:0.25s ease;
    -ms-transition:0.25s ease;
    transition:0.25s ease;
}

#footer .footer-links ul a:hover {
    color: #f26122;
    -moz-transition:0.25s ease;
    -webkit-transition:0.25s ease;
    -ms-transition:0.25s ease;
    transition:0.25s ease;
}

#footer .social-networks {
    text-align: center;
    overflow: hidden;
    display: block;
    padding: 4px 17px 0 0;
}

#footer .social-networks li {
    margin: 0 19px;
}

/*#footer .social-networks li a.facebook {
background-position: -98px 0;
}

#footer .social-networks li a.instagram {
background-position: -118px 0;
}

#footer .social-networks li a.twitter {
background-position: -152px 0;
}*/

/* visual of the site */

.visual {
    overflow: hidden;
}

.visual img {
    display: block;
    width: 100%;
    height: auto;
}

/* two columns */

.two-columns {
    max-width: 1490px;
    margin: 0 auto;
    padding: 62px 50px;
}

/* content */

#content {
    width: 69.7%;
    float: left;
}

/* aside */

.aside {
    float: right;
    width: 26%;
    padding: 20px 0 0;
}

.aside h2 {
    font-size: 16px;
    line-height: 20px;
    color: #242730;
    margin: 0 0 24px;
    letter-spacing: 3px;
    font-weight: 400;
    text-transform: uppercase;
}

/* blog post */


.posts-block .title {
    display: none;
    color: #3d3d3d;
    letter-spacing: 3px;
    margin: 0 0 29px;
    font-size: 16px;
    line-height: 20px;
}

.post {
    width: 100%;
    margin: 0 0 86px;
    font-weight:300;
}
.post strong{
    font-weight:600;   
}

.post .head {
    overflow: hidden;
    margin: 0 0 20px;
}
div.addthis_sharing_toolbox{
    text-align:right;
    margin-bottom:10px;
}

.post .date {
    float: left;
    width: 70px;
    color: #666;
    font-weight: 300;
    padding: 0 10px 0 4px;
    margin: 0 31px 0 0;
    letter-spacing: 1px;
    border-right: 1px solid #dfdfdf;
    font-size: 16px;
    line-height: 18px;
}

.post .date span {
    display: block;
    padding: 0 0 2px;
    font-size: 30px;
    line-height: 30px;
}

.post h1 {
    font-size: 38px;
    line-height: 42px;
    margin: 0;
    color: #242730;
    font-weight: 300;
    letter-spacing: 1px;
}

.post h1 a {
    color: #f26122;
    text-decoration: none;
}

.post h1 a:hover {
    color: #333;
}

.post .img-holder {
    overflow: hidden;
   /* margin: 0 0 37px -106px;*/
    margin:0;
}

.post .img-holder img {
    display: block;
    width: 100%;
    height: auto;
    max-width: inherit;
}

.post .post-content {
    overflow: hidden;
    font-weight: 300;
    padding: 0 40px 0 102px;
}

.post p {
    margin: 0 0 26px;
}

.post .btn {
    min-width: 0;
    text-align: center;
}

/* widget */

.widget {
    overflow: hidden;
    margin: 0 0 30px;
    font-size: 20px;
    line-height: 25px;
}

.widget ul {
    letter-spacing: 1px;
}

.widget ul li {
    border-top: 1px solid #bdbdbd;
    padding: 14px 12px;
}

.widget ul li:first-child {
    border: 0;
}

.widget ul li a {
    text-decoration: none;
    font-size: 22px;
}

.widget ul li a:hover {
    color:#f26122;
}

/* products block */

.products-block {
    overflow: hidden;
    max-width: 1500px;
    padding: 56px 50px 14px;
    margin: 0 auto;
}

.products-block h1 {
    color: #3d3d3d;
    font-weight: 900;
    margin: 0 0 43px;
    letter-spacing: 6px;
    text-transform: uppercase;
    font-size: 25px;
    line-height: 28px;
}

/* col holder */

.col-holder {
    overflow: hidden;
    padding: 0 2px;
    margin: 0 0 27px;
}

.col-holder h2 {
    color: #f26122;
    letter-spacing: 3px;
    margin: 0 0 11px;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
}

.col-holder .column {
    line-height: 24px;
    width: 42.8%;
    float: right;
}

.col-holder .column:first-child {
    width: 50%;
    float: left;
}
.col-holder.partnerForm .column {
    width:48%;
}

.col-holder p {
    margin: 0 0 12px;
}

.col-holder p a {
    color: #65994d;
}

/* products holder */

.products-holder {
    overflow: hidden;
}

.products-holder .note {
    overflow: hidden;
    margin: 0 0 17px;
    color: #231f20;
    font-size: 14px;
    line-height: 21px;
}

.products-holder .note li {
    padding: 0 0 0 30px;
    margin: 0 0 9px;
    position: relative;
}

.products-holder .note li:after {
    background: url(https://s3.us-east-2.amazonaws.com/blackberryfarm/farm/images/pro-am/ico6.png) no-repeat;
    width: 21px;
    height: 20px;
    position: absolute;
    left: 0;
    top: 1px;
    content: "";
}

.products-holder .note li:first-child:after {
    background: url(https://s3.us-east-2.amazonaws.com/blackberryfarm/farm/images/pro-am/ico5.png) no-repeat;
}

.products-holder .products-list {
    overflow: hidden;
    margin: 0 -35px;
}

.products-holder .products-list li {
    width: 20%;
    padding: 0 35px;
    margin: 0 -4px 25px 0;
    display: inline-block;
    vertical-align: top;
}

.products-holder .products-list .img-holder {
    overflow: hidden;
    margin: 0 0 10px;
}

.products-holder .products-list .img-holder img {
    display: block;
    width: 100%;
    height: auto;
}

.products-holder .products-list h2 {
    color: #333;
    margin: 0;
    letter-spacing: 1px;
    font-weight: 400;
    font-size: 22px;
    line-height: 25px;
}

.products-holder .products-list .name {
    color: #707070;
    margin: 0 0 4px;
    display: block;
    font-size: 16px;
    line-height: 23px;
}

.products-holder .products-list .links {
    overflow: hidden;
}

.products-holder .products-list .links img {
    margin: 0 2px 0 0;
    display: inline-block;
    vertical-align: top;
}

.products-holder .products-list .links img:hover {
    opacity: .7;
    -moz-transition:0.25s ease;
    -webkit-transition:0.25s ease;
    -ms-transition:0.25s ease;
    transition:0.25s ease;
}

/* Product tooltip styles*/

.overlayBkg{
    position:absolute;
    z-index:3;
    width:1000%;
    height:1000%;
    display:none;
}
.nat-icon,
.req-icon,
.product-req,
a.natural,
a.requirement{
    display:none;   
}
a.natural.yes,
a.requirement.yes{
    display:inline;   
}


.box {
    
    position: relative;
    width: 200px;
    -webkit-transform: translateZ(0); /* webkit flicker fix */
}

.tooltip.lightbox.product-req.toolShow{
    z-index:4;
    background: #333;
    color: #fff;
    margin-bottom: 15px;
    padding: 10px;
    pointer-events: none;
    position: absolute;
    max-width: 300px;
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    -ms-transform: translateY(10px);
    -o-transform: translateY(10px);
    transform: translateY(10px);
    
    -webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
    -moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
    -ms-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
    -o-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
    box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
    bottom: 500px;
}

/* This bridges the gap so you can mouse into the tooltip without it disappearing */
.box .tooltip.lightbox.product-req:before {
    bottom: -20px;
    content: " ";
    display: block;
    height: 20px;
    left: 0;
    position: absolute;
    width: 100%;
}  

/* CSS Triangles - see Trevor's post */
.box .tooltip.lightbox.product-req:after {
    border-left: solid transparent 10px;
    border-right: solid transparent 10px;
    border-top: solid #1496bb 10px;
    bottom: -10px;
    content: " ";
    height: 0;
    left: 50%;
    margin-left: -13px;
    position: absolute;
    width: 0;
}

.requirement:hover .tooltip.lightbox.product-req {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
}

/* IE can just show/hide with no transition */
.lte8 .box .tooltip {
    display: none;
}

.lte8 .requirement:hover .tooltip {
    display: block;
}
.tooltip.lightbox.product-req ul{
    padding:0px;
}
.tooltip.lightbox.product-req ul li{
    width:100%;
    padding:0px;	
    margin: 10px auto;
}
.tooltip.lightbox.product-req ul li:empty{
    display:none;   
}

/* partners */

.partner {
    overflow: hidden;
    max-width: 1500px;
    padding: 53px 50px 14px;
    margin: 0 auto;
}

.partner h1 {
    color: #3d3d3d;
    font-weight: 900;
    margin: 0 0 40px;
    letter-spacing: 6px;
    text-transform: uppercase;
    font-size: 25px;
    line-height: 28px;
}

.partner strong{
    font-weight:500;
    font-size:1.3em;
    line-height:1.4em;
    display:block;
    margin: 0 0 15px;
}
.partner-block {
    background-color:#f6f6f5;
    padding: 50px 60px 50px 60px;
    text-align:center;
}
.partner-block h1{
    font-weight:100;
    line-height:initial;
    font-size:1.8em;
}
.partner-block p{
    font:17px/1.529 "Quattrocento Sans", "Arial", sans-serif;
}

.btn.btn-black{
    margin:10px 0;
    -moz-transition:0.25s ease;
    -webkit-transition:0.25s ease;
    -ms-transition:0.25s ease;
    transition:0.25s ease;
}
.partner-block .btn.btn-black{
    margin: 10px;
}
.partner-block .btn.btn-black.customerBtn{
    padding:15px 55px 15px 55px;   
}
.post .btn.btn-black{
    margin: 30px 0;
}
.farmer-block .add-links {
    width: 46%;
    float: right;
}

.farmer-block .add-links ul {
    font-size: 18px;
    line-height: 23px;
    list-style-type: none;
}

.farmer-block .add-links ul li {
    border-top: 1px solid #b6afa3;
    padding: 10px 0 10px 18px;
    list-style-type: none;
}

.farmer-block .add-links ul li:first-child,
.farmer-block .add-links ul li:nth-child(2){
    border: 0;
}

.farmer-float.farm-Btn{
    margin-top:20px;   
}
.farmer-float.farm-Btn .btn.btn-black{
    margin-right:4%;
    padding: 15px 45px 15px 45px;
}



.farmer-block .add-links ul li {
    color: #f26122;
    text-decoration: none;
    -moz-transition:0.25s ease;
    -webkit-transition:0.25s ease;
    -ms-transition:0.25s ease;
    transition:0.25s ease;
    float:left;
    width:46%;
    margin-right:4%;
}

.benefits-block .add-links ul a:hover {
    color: #333333;
    -moz-transition:0.25s ease;
    -webkit-transition:0.25s ease;
    -ms-transition:0.25s ease;
    transition:0.25s ease;
}

.farmer-block .links-frame-left{
    float:left;
}

.farmer-block .links-frame-right{
    float:right;
    width:48%
}

/* homepage newsletter signup */
.row.btns-row ul.btns li{
    cursor:pointer;   
}

.features-content .btns li a.active{
    background-color:#4c3701;
}


/* order form */

.order-form {
    overflow: hidden;
    background: #ece9e3;
}

.order-form .lg-holder {
    max-width: 1510px;
    padding: 61px 48px 59px 53px;
}

.order-form h3 {
    color: #333;
    letter-spacing: 3px;
    margin: 0 0 29px;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
}

.order-form form {
    overflow: hidden;
}

.order-form .block {
    overflow: hidden;
    margin: 0 0 47px;
}

.order-form .row {
    float: left;
    width: 47%;
    margin-bottom:30px;
    margin: 0 3% 30px 0;
}
.row.fullRow{
    width:97%;
}
.order-form .row textarea{
    width:100%;   
    border: #f9f8f7;
    background: #f9f8f7;
    width: 100%;
    height: 170px;
    border-bottom: 1px solid #333;
    color: #333;
    font-size: 16px;
    line-height: 22px;
    padding: 10px 14px;
    outline: none;
    font-weight: 400;   
    text-align:left;
}
.order-form .row-long {
    width: 53.1%;
    padding: 0 125px 0 0;
}

.order-form label {
    margin-bottom:3px;
    display:inline-block;
}
.order-form label .lowercase{
    text-transform:none;    
}
.order-form .field input[type="text"] {
    border: #f9f8f7;
    background: #f9f8f7;
    width: 100%;
    height: 42px;
    border-bottom: 1px solid #333;
    color: #333;
    font-size: 16px;
    line-height: 22px;
    padding: 10px 14px;
    outline: none;
    font-weight: 400;
}


.order-form .title {
    display: block;
    margin: 0 0 12px;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
}

.order-form .btns {
    overflow: hidden;
    width: 306px;
    font-size: 17px;
    line-height: 21px;
}

.order-form .btns li {
    display: inline-block;
    vertical-align: middle;
    padding: 0 14px 0 0;
    margin: 0 -4px 0 0;
    width: 33.33%;
}

.order-form .btns li a,
.order-form .btns li .yesNoBtn{
    background: #d7d4cf;
    color: #333;
    border-radius: 5px;
    padding: 4px 10px 6px;
    width: 100%;
    text-align: center;
    display: block;
    text-decoration: none;
    border:none;
}

.order-form .btns li a.active{
    background: #333;
    color: #d7d4cf;
}
.order-form .btns li a:hover {
    background: #737373;
    color: #d7d4cf;
}

.order-form .btn {
    float: right;
    min-width: 202px;
    margin: 0 3% 0 0;
    letter-spacing: 3px;
}

/* proccess block */

.proccess-block {
    overflow: hidden;
    /*padding: 56px 0 7px;*/
}

.proccess-block h1 {
    font-size: 45px;
    line-height: 50px;
    margin: 0;
    color: #333;
    font-weight: 300;
    text-align: center;
    letter-spacing: 1px;
}

.proccess-block .proccess-holder {
    overflow: hidden;
    margin: -105px -50px -73px;
    padding: 186px 95px;
    background: url(https://s3.us-east-2.amazonaws.com/blackberryfarm/farm/images/pro-am/bg.png) no-repeat 50% 0;
}

.proccess-block .proccess-holder .title {
    display: inline-block;
    vertical-align: middle;
    font-size: 17px;
    line-height: 22px;
    color: #333;
    width: 147px;
    margin: 0 5px 0 0;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.proccess-block .proccess-holder ul {
    display: inline-block;
    vertical-align: middle;
    width: 123px;
    position: relative;
    z-index: 3;
}

.proccess-block .proccess-holder ul li {
    width: 123px;
    height: 123px;
    background: #b6afa3;
    border-radius: 100%;
    padding: 24px;
    position: relative;
}

.proccess-block .proccess-holder ul li .title {
    position: absolute;
    left: 143px;
    top: 43px;
    width: 230px;
}

.proccess-block .proccess-holder ul li.ico1 {
    margin: 0 0 0 105px;
}

.proccess-block .proccess-holder ul li.ico2 {
    margin: -18px 0 20px;
}

.proccess-block .proccess-holder ul li.ico3 {
    margin: 0 0 -22px;
}

.proccess-block .proccess-holder ul li.ico4 {
    margin: 0 0 0 105px;
}

.proccess-block .proccess-holder ul li.ico5 {
    margin: 0 0 0 -105px;
}

.proccess-block .proccess-holder ul li.ico6 {
    margin: -18px 0 20px;
}

.proccess-block .proccess-holder ul li.ico7 {
    margin: 0 0 -22px;
}

.proccess-block .proccess-holder ul li.ico8 {
    margin: 0 0 0 -105px;
}

.proccess-block .proccess-holder .frame {
    display: inline-block;
    vertical-align: middle;
    margin: 0 -4px 0 -82px;
}

.proccess-block .proccess-holder .arrow {
    display: inline-block;
    vertical-align: middle;
    background: url(https://s3.us-east-2.amazonaws.com/blackberryfarm/farm/images/pro-am/ico-arrow2.png) no-repeat;
    width: 328px;
    height: 189px;
    padding: 66px 92px;
}

.proccess-block .proccess-holder .arrow:first-child {
    background: url(https://s3.us-east-2.amazonaws.com/blackberryfarm/farm/images/pro-am/ico-arrow1.png) no-repeat;
    position: relative;
    z-index: 2;
}

.proccess-block .proccess-holder .arrow strong {
    font: 800 20px/26px "Raleway", sans-serif;
    display: block;
    text-align: right;
    color: #4c743a;
    font-weight: 900;
    text-transform: uppercase;
}

.proccess-block .proccess-holder .logo-holder {
    display: inline-block;
    vertical-align: middle;
    margin: 0 -127px 0 -28px;
    position: relative;
    z-index: 1;
    width: 369px;
}

.proccess-block .proccess-holder .logo-holder:after {
    background: url(https://s3.us-east-2.amazonaws.com/blackberryfarm/farm/images/pro-am/shade.png) no-repeat;
    content: "";
    width: 17px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    content: "";
}

.proccess-block .proccess-holder .logo-holder img {
    display: block;
    width: 100%;
    height: auto;
}

.proccess-block .proccess-holder .list {
    width: auto;
    font-size: 15px;
    line-height: 22px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 3px;
    color: #333;
    padding: 27px 0 0;
    display: none;
}

.proccess-block .proccess-holder .list li {
    width: auto;
    height: auto;
    background: none;
    border-radius: 0;
    padding: 0;
    display: inline-block;
}

.proccess-block .services {
    overflow: hidden;
}

.proccess-block .services .box {
    width: 29.83%;
    margin: 0;
    padding: 0;
    font-size: 16px;
    line-height: 24px;
    display: inline-block;
    float:left;
    vertical-align: top;
    margin: 0 3.5% 30px 0;
    
}
.img-mask{
    height: auto;
    left: 0;
    position: relative;
    padding: 0 0 100% 0;
    width: auto;
}
.img-mask:before {
    content: "";
    background-color: rgba(36, 39, 48, 0);
    position: absolute;
    z-index: 999;
    border-radius: 50%;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    -webkit-transition:0.35s ease;
    -moz-transition:0.35s ease;
    transition:0.35s ease;
}
.img-mask:after {
    content: "";
    position: absolute;
    z-index: 9999;
    border-radius: 50%;
    left: 10px;
    right: 10px;
    bottom: 10px;
    top: 10px;
    border: 2px solid rgba(255,255,255,1);
    -webkit-transition:0.65s ease;
    -moz-transition:0.65s ease;
    transition:0.65s ease;
}

.box:hover .img-mask:after{
    border: 2px solid rgba(255,255,255,0);
    -webkit-transition:0.65s ease;
    -moz-transition:0.65s ease;
    transition:0.65s ease;
}
.box:hover .img-mask:before{
    background-color:rgba(36,39,48,0.7);
    -webkit-transition:0.35s ease;
    -moz-transition:0.35s ease;
    transition:0.35s ease;
}
.proccess-block .services .box a .hover-holder,
.box.personalities a .hover-holder{
	position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    z-index:999999;
}

.proccess-block .services .box .img-mask .hover.btn,
.box.personalities .img-mask .hover.btn{
    position: static;
    padding: 5px 15px 3px;
    z-index: 999999;
    color: white;
    border-color: white;
    border: none;
    background-color: rgb(115, 124, 153);
    display: inline-block;
    margin: 80% 0 0 0;
    opacity: 0;
    -webkit-transition: 0.65s ease;
    -moz-transition: 0.65s ease;
    transition: 0.65s ease;
}
.proccess-block .services .box:hover .img-mask .hover.btn,
.box.personalities:hover .img-mask .hover.btn{
    opacity: 1;
    -webkit-transition: 0.65s ease;
    -moz-transition: 0.65s ease;
    transition: 0.65s ease;
    margin: 60% 0 0px 0;
}
.proccess-block .services .box .img-mask .hover.name,
.box.personalities .img-mask .hover.name{
	position:absolute;
    text-align:center;
    color:white;
    opacity:0;
    left:0;
    right:0;
    padding: 0 30px;
    bottom:20%;
    z-index:99999;
	-webkit-transition:0.35s ease;
    -moz-transition:0.35s ease;
    transition:0.35s ease;
}

.proccess-block .services .box:hover .img-mask .hover.name,
.box.personalities:hover .img-mask .hover.name{
	opacity:1;
    -webkit-transition:0.35s ease;
    -moz-transition:0.35s ease;
    transition:0.35s ease;
}

.proccess-block .services .box h2.name-plate:after{
  content: "";
  position: absolute;
  border: 1px solid;
  left: 50%;
  right: 50%;
  bottom: 0;
  opacity:0;
  -webkit-transition:0.35s ease;
    -moz-transition:0.35s ease;
    transition:0.35s ease;
}


.proccess-block .services .box:hover h2.name-plate:after{
  left: 10%;
  right: 10%;
    opacity:1;
  -webkit-transition:0.35s ease;
    -moz-transition:0.35s ease;
    transition:0.35s ease;
}

.proccess-block .services .box .img-mask img,
.box.personalities .img-mask img{
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    border-radius:50%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
}

.proccess-block .services .box a,
.box.personalities a{
    text-align:center;
    font-size: 24px;
}
.proccess-block .services .box:hover a,
.box.personalities:hover a{
    text-decoration:none;
}
.proccess-block .services h2,
.box.personalities h2{
    font-size: 22px;
    line-height: 32px;
    text-transform: capitalize;
    font-weight: 400;
    color: #242730;
    margin: 15px 0 12px;
    -webkit-transition:0.35s ease;
    -moz-transition:0.35s ease;
    transition:0.35s ease;
    
}


.proccess-block .services h2 a {
    color: #f26122;
    text-decoration: none;
}

.proccess-block .services p {
    margin: 0 0 13px;
}

.box.personalities h2 {
  margin: 5px 0 0 0;
}
.aside .box.personalities h2{
	letter-spacing: 1px;
}
.box.personalities span.feat-text {
  margin: 20px 0 0 0;
}


/* faqs block */

.faqs-block {
    overflow: hidden;
    padding: 60px 0 23px;
}

.faqs-block h2 {
    color: #333;
    margin: 0 0 26px;
    font-weight: 600;
    letter-spacing: 3px;
    font-size: 16px;
    line-height: 20px;
}

.faqs-block .box {
    width: 100%;
    margin: 0 0 15px;
    overflow: hidden;
    padding: 0 40px 0 0;
    display:inline-block;
}

.faqs-block h3 {
    font-size: 24px;
    line-height: 30px;
    font-weight: 600;
    color: #f26122;
    margin: 0 0 5px;
    font-weight: 400;
}

.faqs-block h3 a {
    color: #C34813;
    text-decoration: none;
}

.faqs-block p {
    margin: 0 0 10px;
}

.faqs-block .accordion {
    width: 100%;
    overflow: hidden;
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 100px;
    -moz-column-gap: 100px;
    column-gap: 100px;
}
/* schedules */

ul.time-blocks {
    padding: 0;
    margin: 0;
    list-style: none;
}
.time-blocks li {
    border-top: 1px solid #e4e4e4;
    padding: 0 20px;
    margin:0 0 10px 0;
}
.time-blocks h4 {
    letter-spacing: 1px;
    margin: 10px 0 0px 0;
    padding: 10px 0 0px 0;
    color: rgb(36, 39, 48);
    text-transform:uppercase;
}
.time-blocks p{
    font-family: "Quattrocento Sans";
    font-weight: 200;
    color: rgb(140, 158, 178);
    margin:0 0 2px 0;
}
.time-blocks p em{
    font-family: "Quattrocento Sans";
    font-weight: 200;
    color: rgb(53, 53, 53);
    font-size: 14px;
}

/* slider styles */

.slider {
    position: relative;
    overflow: hidden;
}

.slider .mask {
    position: relative;
    overflow: hidden;
    width: 100%;
}

.slider .slideset,
.slider .main-gallery .slide,
.main-gallery .slider .slide {
    position: relative;
    width: 100%;
}

.slider .slide {
    width: 100%;
    float: left;
    overflow: hidden;
}

.slider .slide.active {
    z-index: 1;
}

.slider .slide img {
    display: block;
    width: 100%;
    height: auto;
}

.slider .caption {
    position: absolute;
    left: 0;
    top: 0;
    min-width: 350px;
    padding: 15px 55px 13px;
    background: #333;
    background: rgba(51, 51, 51, .85);
}

.slider .name {
    display: block;
    color: #fff;
    font-weight: 400;
    letter-spacing: 1px;
    margin: 0 0 4px;
    font-size: 20px;
    line-height: 24px;
}

.slider .title {
    display: block;
    color: #72be4f;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-size: 17px;
    line-height: 21px;
}

.slider .btn-prev,
.slider .btn-next {
    position: absolute;
    left: 35px;
    top: 50%;
    z-index: 99;
    margin: -28px 0 0;
    width: 22px;
    height: 48px;
    overflow: hidden;
    text-indent: -9999px;
}

.slider .btn-prev:before,
.slider .btn-prev:after,
.slider .btn-next:before,
.slider .btn-next:after {
    width: 2px;
    height: 28px;
    background: #fff;
    position: absolute;
    left: 10px;
    top: 0;
    content: "";
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}

.slider .btn-prev:after,
.slider .btn-next:after {
    top: auto;
    bottom: 0;
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}

.slider .btn-next {
    left: auto;
    right: 35px;
}

.slider .btn-next:before {
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}

.slider .btn-next:after {
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}

/* custom select styles */

.jcf-select {
    display: inline-block;
    vertical-align: top;
    position: relative;
    border: 1px solid #f9f8f7;
    background: #f9f8f7;
    width: 100%;
    width: 100%;
    height: 42px;
    border-bottom: 1px solid #333;
    color: #333;
}

.jcf-select select {
    z-index: 1;
    left: 0;
    top: 0;
}

.jcf-select .jcf-select-text {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    cursor: default;
    display: block;
    padding: 10px 7px;
    margin: 0 50px 0 8px;
    color: #555;
    font-size: 16px;
    line-height: 22px;
}

.jcf-select .jcf-select-opener {
    position: absolute;
    text-align: center;
    background: #f9f8f7;
    width: 26px;
    bottom: 0;
    right: 0;
    top: 0;
    border-radius: 4px;
}

.jcf-select .jcf-select-opener:before,
.jcf-select .jcf-select-opener:after {
    width: 0;
    height: 0;
    right: 14px;
    top: 17px;
    content: "";
    position: absolute;
    border-style: solid;
    border-radius: 10px;
    border-width: 8px 8px 0 8px;
    border-color: #7c7c7b transparent transparent transparent;
}

.jcf-select .jcf-select-opener:after {
    top: 15px;
    border-color: #f9f8f7 transparent transparent transparent;
}

.jcf-select .jcf-select-drop {
    position: absolute;
    margin-top: 0;
    z-index: 9999;
    top: 100%;
    left: -1px;
    right: -1px;
}

.jcf-select .jcf-select-drop .jcf-select-drop-content {
    border: 1px solid #333;
}

.jcf-select .jcf-drop-flipped {
    bottom: 100%;
    top: auto;
}

body > .jcf-select-drop {
    position: absolute;
    margin: 0;
    z-index: 9999;
}

body > .jcf-select-drop.jcf-drop-flipped {
    margin: 1px 0 0;
}

/* multiple select styles */

.jcf-list-box {
    overflow: hidden;
    display: inline-block;
    border: 1px solid #333;
    min-width: 200px;
    margin: 0 15px;
}

/* select options styles */

.jcf-list {
    display: inline-block;
    vertical-align: top;
    position: relative;
    background: #f9f8f7;
    font-size: 14px;
    line-height: 18px;
    width: 100%;
}

.jcf-list .jcf-list-content {
    display: inline-block;
    vertical-align: top;
    overflow: auto;
    width: 100%;
}

.jcf-list .jcf-list-content ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.jcf-list .jcf-list-content ul li {
    overflow: hidden;
    display: block;
}

.jcf-list .jcf-overflow {
    overflow: auto;
}

.jcf-list .jcf-option {
    white-space: nowrap;
    overflow: hidden;
    cursor: default;
    display: block;
    padding: 5px 14px;
    color: #656565;
    height: 1%;
}

.jcf-list .jcf-disabled {
    background: #fff !important;
    color: #aaa !important;
}

.jcf-list .jcf-optgroup-caption {
    white-space: nowrap;
    font-weight: bold;
    display: block;
    padding: 5px 9px;
    cursor: default;
    color: #000;
}

.jcf-list .jcf-optgroup .jcf-option {
    padding-left: 30px;
}

.jcf-select-drop .jcf-hover,
.jcf-list-box .jcf-selected {
    background: #e6e6e6;
    color: #000;
}

/* common custom form elements styles */

.jcf-disabled {
    background: #ece9e3 !important;
}
/* press section */
.post.press h4{
    margin: 0 0 10px 0;
    color: #666;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 3px;
    font-size: 16px;
    line-height: 20px;
}
.name-hld{
    display: inline-block;
    width: 85%;
}
.post.press .head {
    overflow: hidden;
    margin: 0px 0 10px;
}

h3.label{
    margin-bottom:18px;   
}
h3.label.topLabel{
    margin-top:12px;   
}
.order-form .row.addRow{
    padding:10px; 
}
#addContact,
#remContact{
    cursor:pointer;   
}

/* news */

ul.news {
  padding: 0px;
  margin: 0px;
  list-style: none;
}
ul.news.recent{
    display: block;
    float: none;
    clear: both;
}
.news li {
  border-top: 1px solid rgb(189, 189, 189);
  padding: 25px 0px;
}
.news li img {
    margin: 0 0 20px 0;
}
.news li h3 {
  font-size: 22px;
  margin: 0px 0px 7px;
}
.post .news .date{
  float: none;
  border: none;
  border-image-source: initial;
  border-image-slice: initial;
  border-image-width: initial;
  border-image-outset: initial;
  border-image-repeat: initial;
  padding: 0px;
  margin: 0px 0px 10px;
  letter-spacing: 0px;
  font-style: italic;
  font-family: 'sorts mill goudy';
  text-transform: capitalize;
  width: auto;
  color: rgb(147, 147, 147);
  font-size: 16px;
  display: block;
}
.post .news .btn{
	background: rgb(199, 207, 228);
    border:none;
}
.post .news p {
  margin: 0px 0px 20px;
}
.news.recent .date {
  padding: 0px;
  margin: 0px 0px 2px;
  letter-spacing: 0px;
  font-style: italic;
  font-family: 'sorts mill goudy';
  text-transform: capitalize;
  color: rgb(147, 147, 147);
  font-size: 14px;
  display: block;
}
.news.recent li h3 {
  font-size: 18px;
  letter-spacing: 0;
}
.aside.news-side h2{
    display: inline-block;
    float: left;
    vertical-align: middle;
}
a.list-icon,
.grid-icon{
  display: inline-block;
  float: right;
    width: 28px;
    height: 18px;
  vertical-align: top;
}
.grid-icon{
width: 25px;
  height: 25px;
}
.list-icon span,
.grid-icon span{
  background-color: rgb(186, 186, 186);
  margin: 2px;
  height: 2px;
  padding: 0;
  font-size: 0;
  line-height: 0;
  display: inline-block;
  float: left;
    -webkit-transition:0.35s ease;
    -moz-transition:0.35s ease;
    transition:0.35s ease;
}
.list-icon:hover span,
.grid-icon:hover span{
	background-color:#F26122;
    -webkit-transition:0.35s ease;
    -moz-transition:0.35s ease;
    transition:0.35s ease;
}
.list-icon span:nth-child(even) {
    width: 18px;
    -webkit-border-radius: 4px;
      -moz-border-radius: 4px;
      -ms-border-radius: 4px;
      border-radius: 4px;
}
.list-icon span:nth-child(odd) {
    width: 2px;
    -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      -ms-border-radius: 50%;
      border-radius: 50%;
}
.grid-icon span{
  height: 4px;
  width: 4px;
  margin: 1.5px;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      -ms-border-radius: 50%;
      border-radius: 50%;
}

/* homepage featured blocks */

.box span.feat-text {
  padding: 0px;
  margin: 0px 0px 2px;
  letter-spacing: 0px;
  font-style: italic;
  font-family: 'sorts mill goudy';
  text-transform: capitalize;
  color: rgb(147, 147, 147);
  font-size: 14px;
  display: block;
}

.links-frame .date {
  padding: 0px;
  margin: 0px 0px 2px;
  letter-spacing: 0px;
  font-style: italic;
  font-family: 'sorts mill goudy';
  text-transform: capitalize;
  color: rgb(147, 147, 147);
  font-size: 14px;
  display: block;
}

.gallery_item .category {
  padding: 0px;
  margin: 0px 0px 2px;
  letter-spacing: 0px;
  font-style: italic;
  font-family: 'sorts mill goudy';
  text-transform: capitalize;
  color: rgb(147, 147, 147);
  font-size: 14px;
  display: block;
    text-align: center;
    line-height: 20px;
}
.gallery_item .article_title a {
  font-size: 20px;
  line-height: 32px;
  text-transform: capitalize;
  font-family: "Sorts Mill Goudy";
  font-weight: 400;
  color: #242730;
  margin: 15px 0 12px;
  -webkit-transition: 0.35s ease;
  -moz-transition: 0.35s ease;
  transition: 0.35s ease;
      text-align: center;
}
.gallery_item .article_title {
      text-align: center;
}
.benefits-block .links-frame h3 {
  font-size: 18px;
  letter-spacing: 0;
  color: #333;
  margin: 0px 0px 7px;
  text-transform: capitalize;
}
.sponsor{
    display: inline-block;
    height: auto;
    width: 300px;
    padding: 15px 3%;
    margin: 0 auto;
    box-sizing: border-box;
    vertical-align: middle;
    opacity: 0.6;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' height='0'><filter id='greyscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0' /></filter></svg>#greyscale");
    filter: gray;
    -webkit-transition: 0.35s ease;
    -moz-transition: 0.35s ease;
    transition: 0.35s ease;
}
.sponsor:hover{
	opacity: 1;
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
    filter: none;
    -webkit-transition: 0.35s ease;
    -moz-transition: 0.35s ease;
    transition: 0.35s ease;
}
.sponsor.blackberry {
    width: 400px;
    margin: 30px auto 20px;
    padding: 0;
    /*display: block;
    float: none;
    clear: both;*/
}

/* new footer styles */
.link-holder {
        width: 38%;
        display: inline-block;
        float: left;
        border-top: 1px solid rgb(109, 112, 121);
        margin: 20px 2% 0px 0;
  		padding: 28px 4% 0px 0;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .link-holder:last-child{
        padding: 28px 0 0 4%;
        margin: 20px 0 0 2%;
    }
    #footer .link-holder .footer-links {
        width: 40%;
        display: inline-block;
        float: right;
        text-align: left;
        margin: 0;
    }
    #footer .link-holder .footer-links.left{
        float:left;
      	width: 50%;
    }
    .footer-links h2 {
        text-transform: uppercase;
        font-size: 14px;
        letter-spacing: 2px;
        color: rgb(115, 124, 153);
    }
    #footer .footer-links .social-networks{
    	  text-align: left;
    }
    #footer .link-holder .footer-links ul.social-networks li {
        margin: 0 20px 0 0;
    }
    #footer .footer-links ul.right {
        float:right;
    }
    #footer .link-holder .footer-links ul li {
        padding: 0px;
        margin: 0px 0px 8px;
    }
    #footer .link-holder .footer-links ul a {
        font-weight: 200;
        text-transform: capitalize;
        letter-spacing: 0px;
        font-size: 14px;
        line-height: 20px;
    }
#footer .link-holder .footer-links ul.social-networks a.contact {
    background: url(https://s3.us-east-2.amazonaws.com/blackberryfarm/farm/images/pro-am/contact.png)no-repeat;
    margin: 0 0 0 -8px;
    width: 33px;
}
    .logo-footer {
        width: 20%;
        display: inline-block;
        float: left;
    }
    .logo-footer img {
        width: 180px;
        margin: 0px auto;
        display: block;
    }

.aside .box.personalities {
  width: 90%;
  margin: 0px auto 30px;
}

ul.highlights {
  width: 50%;
  padding: 0 4%;
    margin:0;
  display: inline-block;
  float: left;
  box-sizing: border-box;
}
.biline{
    letter-spacing: 0px;
    font-style: italic;
    font-family: 'sorts mill goudy';
    text-transform: capitalize;
    width: auto;
    color: rgb(147, 147, 147);
    font-size: 18px;
    letter-spacing:0.5px;
}
.sub-head {
  color: #f26122;
  font-weight: 600;
  margin: 0 0 20px;
  letter-spacing: 3px;
  text-transform: uppercase;
  font-size: 16px;
  line-height: 20px;
   
}


/* anchor links for news section */
.news .anchor{
	position:absolute; 
    top:-80px;
}

.video-section{
	margin: 40px 0;
}
.video-section a{
	display:block;
    text-align:center;
    position:relative;
    background: url(https://s3.us-east-2.amazonaws.com/blackberryfarm/farm/images/pro-am/vid-1.jpg)no-repeat;
    background-size: cover;
    background-position: 50% 50%;
    height: 400px;
}
.video-section a img{
    display:block;
    width:100%;
}
.video-section a .vid-overlay{
	position: absolute;
    width: 100%;
    height:100%;
    top: 0;
    right: 0;
    left: 0;
    bottom:0;
    text-align: center;
    color:white;
    background:rgba(0,0,0,0.42);
    -webkit-transition:0.35s ease;
    -moz-transition:0.35s ease;
    -ms-transition:0.35s ease;
    transition:0.35s ease;
}
.video-section a:hover .vid-overlay{
    background:rgba(0,0,0,0.5);
    -webkit-transition:0.35s ease;
    -moz-transition:0.35s ease;
    -ms-transition:0.35s ease;
    transition:0.35s ease;
}
.video-section a .vid-overlay .text-hold{
	position: absolute;
    width: 100%;
    top: 50%;
    right: 0;
    left: 0;
    text-align: center;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    color:white;
    padding:50px 40px;
}

.video-section a .vid-overlay .play-btn{
	width:80px;
    height:80px;
    background:transparent;
    border:1px solid white;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -ms-border-radius:50%;
    border-radius:50%;
    text-align:center;
    margin:0 auto;
    -webkit-transition:0.35s ease;
    -moz-transition:0.35s ease;
    -ms-transition:0.35s ease;
    transition:0.35s ease;
}

.video-section a .vid-overlay .play-btn .play{
	width: 0; 
	height: 0; 
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-left: 30px solid white;
    display: block;
    margin: 19px 28px;
    -webkit-transition:0.35s ease;
    -moz-transition:0.35s ease;
    -ms-transition:0.35s ease;
    transition:0.35s ease;
}

.video-section a .vid-overlay h1 {
    font-size: 35px;
    text-transform: uppercase;
    color: #F77740;
    line-height: 36px;
    margin: 0 0 10px 0;
}
.video-section a .vid-overlay p {
    font-size: 18px;
}
/* ======= start break points ====== */

@media only screen and (min-width: 768px) {
    .accordion .opener {
        pointer-events: none;
    }
    
    .accordion .slide {
        display: block !important;
        position: static !important;
        width: 100% !important;
    }
  
}

@media only screen and (max-width: 1599px) {
    body {
        min-width: 320px;
    }
    
    .proccess-block .proccess-holder {
        background-size: 100% 100%;
        margin: -70px auto;
        padding: 130px 20px;
        max-width: 1000px;
    }
    
    .proccess-block .proccess-holder .title {
        text-align: left;
        width: 115px;
        font-size: 13px;
        line-height: 17px;
    }
    
    .proccess-block .proccess-holder ul {
        width: 90px;
    }
    
    .proccess-block .proccess-holder ul li {
        width: 90px;
        height: 90px;
    }
    
    .proccess-block .proccess-holder ul li.ico1 {
        margin: 0 0 0 95px;
    }
    
    .proccess-block .proccess-holder ul li.ico4 {
        margin: 0 0 0 95px;
    }
    
    .proccess-block .proccess-holder ul li.ico5 {
        margin: 0 0 0 -95px;
    }
    
    .proccess-block .proccess-holder ul li.ico8 {
        margin: 0 0 0 -95px;
    }
    
    .proccess-block .proccess-holder ul li .title {
        left: 100px;
        top: 32px;
        width: 165px;
    }
    
    .proccess-block .proccess-holder .arrow {
        padding: 55px 60px;
        width: 250px;
        height: auto;
        background-size: 100% 100%;
    }
    
    .proccess-block .proccess-holder .arrow:first-child {
        background-size: 100% 100%;
    }
    
    .proccess-block .proccess-holder .arrow strong {
        font-size: 15px;
        line-height: 15px;
    }
    
    .proccess-block .proccess-holder .logo-holder {
        width: 260px;
        margin: 0 -110px 0 -28px;
    }
    
    .proccess-block .proccess-holder .logo-holder:after {
        width: 13px;
        background-size: 100% 100%;
    }
    #header .logo,
    #header-sticky .logo{
        left: 40px;
    }
}

@media only screen and (max-width: 1470px) {
    .logo {
        left: 10px;
    }
    
    .quotes-slideshow h3 {
        margin: 0 0 30px;
    }
    
    .quotes-slideshow blockquote {
        margin: 0 20px;
        font-size: 20px;
        line-height: 32px;
    }
    
    .quotes-slideshow blockquote q {
        margin: 0 0 30px;
    }
    
    .features-content .block {
        padding: 45px 25px;
    }
    
    #footer .info-box {
        margin: 0 0 20px;
    }
    
    #footer .footer-links {
        margin: 0;
    }
}

@media only screen and (max-width: 1199px) {
    #nav ul li {
        margin: 0 40px 0 0;
    }
    
    .main-gallery h1,
    .main-gallery .mask h1 {
        font-size: 52px;
        line-height: 67px;
        margin: 0 0 30px;
    }
    
    .main-gallery h1 span,
    .main-gallery .mask h1 span {
        margin: 0 0 10px;
        padding: 0 13px;
    }
    
    .intro-block .green-bar h3 {
        max-width: 700px;
        font-size: 35px;
        line-height: 40px;
    }
    
    .benefits-block .columns {
        width: 72%;
    }
    
    .benefits-block .box {
        padding: 0 30px 0 0;
    }
    
    .benefits-block .add-links {
        width: 27%;
    }
    
    .quotes-slideshow h3 {
        margin: 0 0 20px;
    }
    
    .quotes-slideshow .quotes-holder {
        padding: 30px 20px 60px;
    }
    
    .quotes-slideshow blockquote q {
        margin: 0 0 15px;
    }
    
    .quotes-slideshow .pagination {
        bottom: 20px;
    }
    
    .features-content h3 {
        font-size: 30px;
        line-height: 36px;
    }
    
    .features-content .date {
        font-size: 19px;
        line-height: 25px;
    }
    
    .features-content p {
        font-size: 22px;
        line-height: 28px;
    }
    
    .features-content .form {
        padding: 0;
    }
    
    .features-content .subtitle {
        margin: 5px 0 0;
    }
    
    .features-content .btns {
        font-size: 14px;
        line-height: 21px;
    }
    
    .features-content .btns li {
        padding: 0 0 0 7px;
    }
    
    .features-content .block {
        padding: 30px 20px;
    }
    
    .features-content .block:last-child h3 {
        font-size: 25px;
        line-height: 31px;
    }
    
    .post .post-content {
        padding: 0 20px 0 50px;
    }
    
    .products-holder .products-list {
        margin: 0 -15px;
    }
    
    .products-holder .products-list li {
        padding: 0 15px;
        margin: 0 15px;
    }
    
    .order-form .row {
        width: 47%;
        padding:0px;
    }
    .row.fullRow {
        width: 97.5%;
    }
    .proccess-block .services .box {
        padding: 0 25px;
        width: 33.33%;
    }
    
    .faqs-block .box {
        padding: 0;
    }
    
    .faqs-block .accordion {
        -webkit-column-gap: 70px;
        -moz-column-gap: 70px;
        column-gap: 70px;
    }
    .post.press .post-content {
        padding: 0 20px 0 82px;
    }
    .post.press .date {
        width: 50px;
    }
    .features-content input[type="email"].email.nameField{
        width:100%;   
    }
    input#mce-FIRST{
        margin-right:0px;   
    }
    .farmer-block .add-links{
        width:100%;   
    }
    .farmer-block .add-links ul li{
        width:46%;   
    }
    .partner .col-holder .column{
        width:45%;
        margin-bottom:30px;
        float:left;
        margin-right:5%;
    }
    .column.partner-callout{
        float:none;
        margin:auto;
    }
    .partner .col-holder .column.farm-col{
        width:100%;   
    }
    .farmer-float{
        width:50%;
        float:left;
    }
    .farmer-float.farm-Btn{
        text-align:center;
    }
    #header .logo{
        width: 200px;
    }
    #header-sticky .logo{
    	width:330px;
    }
}

 @media only screen and (max-width:1100px){
        .link-holder {
            width:36%;
            margin: 20px 2% 0px 0;
            padding: 28px 3% 0px 0;
        }
        .link-holder:last-child {
            padding: 28px 0 0 3%;
            margin: 20px 0 0 2%;
        }
        #footer .link-holder .footer-links {
            width: 50%;
        }
    }

@media only screen and (max-width: 1023px) {
    body {
        font-size: 15px;
        line-height: 22px;
    }
    
    .btn.btn-black{
        margin:10px 0;
        padding: 15px 65px 15px 65px;
        -moz-transition:0.25s ease;
        -webkit-transition:0.25s ease;
        -ms-transition:0.25s ease;
        transition:0.25s ease;
    }
    
    .btn:hover {
        opacity: .7;
        text-decoration: none;
        -moz-transition:0.25s ease;
        -webkit-transition:0.25s ease;
        -ms-transition:0.25s ease;
        transition:0.25s ease;
    }
    
    .lg-holder {
        padding: 0 40px;
    }
    
    .sm-holder {
        padding: 0 50px;
    }
    
    #header,
    #header-sticky{
        height: 90px;
        padding: 31px 0;
    }
    
    .tooltip.lightbox.product-req.toolShow{
        bottom:377px;   
    }
    
    
    .logo {
        width: 185px;
        height: 89px;
        top: -9px;
        left: 26px;
    }
    
    .menu .nav-opener {
        display: block;
    }
    
    .menu .drop {
        overflow: hidden;
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        z-index: 999;
    }
    
    .menu .drop {
        float: none;
    }
    
    /* left push animation */
    
    #wrapper {
        overflow: hidden;
        position: relative;
        -webkit-transition: all .25s linear;
        transition: all .25s linear;
    }
    
    #wrapper .drop {
        position: fixed;
        top: 0;
        left: auto;
        right: -252px;
        width: 252px;
        bottom: 0;
        overflow: auto;
        padding: 96px 20px 96px 20px;
        -webkit-transition: all .25s linear;
        transition: all .25s linear;
        background: #242730;
    }
    
    #wrapper .drop .nav-opener {
        position: absolute;
        right: 5px;
        top: 5px;
        z-index: 999;
    }
    
    #wrapper .hold {
        -webkit-transition: all .25s linear;
        transition: all .25s linear;
        background: #fff;
    }
    
    #wrapper.nav-active {
        float: left;
        width: 100%;
        /*margin: 0 252px 0 -252px;*/
    }
    
    #wrapper.nav-active .nav-opener {
        display: none;
        height: 29px;
    }
    
    #wrapper.nav-active .nav-opener.close-btn {
        display: block;
    }
    
    #wrapper.nav-active .drop {
        right: 0;
    }
    
    #nav {
        font-weight: 600;
        display: block;
        margin: 0 0 37px;
        font-size: 20px;
        line-height: 26px;
        text-align: center;
    }
    
    #nav ul {
        padding: 0 0 0px;
        border-bottom: 1px solid rgb(134, 134, 134);
        display: inline-block;
        width: 100%;
    }
    
    #nav ul li {
        margin: 0 0 12px;
        display: block;
    }
    
    #nav ul li a {
        letter-spacing: 2px;
        color: #fff;
        -moz-transition:0.25s ease;
        -webkit-transition:0.25s ease;
        -ms-transition:0.25s ease;
        transition:0.25s ease;
    }
    
    #nav ul li a:hover {
        color: #333 !important;
        -moz-transition:0.25s ease;
        -webkit-transition:0.25s ease;
        -ms-transition:0.25s ease;
        transition:0.25s ease;
    }
    
    #nav ul li:hover a {
        color: #fff;
        -moz-transition:0.25s ease;
        -webkit-transition:0.25s ease;
        -ms-transition:0.25s ease;
        transition:0.25s ease;
    }
    
    #nav ul li.active a {
        color: #333 !important;
        -moz-transition:0.25s ease;
        -webkit-transition:0.25s ease;
        -ms-transition:0.25s ease;
        transition:0.25s ease;
    }
    ul#nav_2194796 li:first-child {
        border-top: 1px solid rgb(134, 134, 134);
        padding: 10px 0 0px 0;
    }
    ul#nav_2194796 li ul li:first-child {
        border-top: 1px solid rgb(55, 60, 76);
        padding: 5px 0px 0px 0px;
    }
    ul#nav_2194796 li:last-child,
    ul#nav_2194796 li:nth-child(3){
        border-top: 1px solid rgb(134, 134, 134);
        padding: 11px 0 0;
    }
    ul#navsub_2194796_1376725 li:nth-child(3){
    	  border-top: 1px solid rgb(55, 60, 76);
  			padding: 5px 0px 0px 0px;
    }
    ul#nav_2194796 li ul li:last-child {
        border-top: 1px solid rgb(55, 60, 76);
        padding: 5px 0px 0px 0px;
    }
    .close-btn, .nav-active .nav-opener {
        margin: 16px 16px 0 0;
    }
    .social-networks {
        margin: 0 0 33px;
    }
    
    .social-networks li {
        margin: 0 4px 0 24px;
    }
    
    .social-networks li a.facebook {
        background-position: -98px 0;
    }
    
    .social-networks li a.instagram {
        background-position: -118px 0;
    }
    
    .social-networks li a.twitter {
        background-position: -152px 0;
    }
    .social-networks li a.contact {
        background: url(https://s3.us-east-2.amazonaws.com/blackberryfarm/farm/images/pro-am/contact-white.png)no-repeat;
        width: 35px;
        height: 24px;
     
        margin: 0 0 0 12px;
    }
    #footer .link-holder .footer-links ul.social-networks a.contact {
        background: url(https://s3.us-east-2.amazonaws.com/blackberryfarm/farm/images/pro-am/contact-white.png)no-repeat;

    }
    .contact-info {
        display: block;
    }
    
    .main-gallery .sm-holder {
        padding: 0 68px;
    }
    
    .main-gallery h1,
    .main-gallery .mask h1 {
        font-size: 42px;
        line-height: 52px;
        margin: 0 0 58px;
    }
    
    .main-gallery h1 span,
    .main-gallery .mask h1 span {
        margin: 0 0 10px;
        padding: 0 12px;
    }
    
    .main-gallery .pagination-wrap {
        width: 100%;
        top: auto;
        right: 0;
        left: 0;
        bottom: 18px;
    }
    
    .main-gallery .pagination ul li {
        display: inline-block;
        vertical-align: top;
        margin: 0 12px;
    }
    
    .intro-block {
        padding: 43px 0 0;
        letter-spacing: normal;
        font-size: 17px;
        line-height: 26px;
    }
    
    .intro-block h2 {
        font-size: 16px;
        line-height: 20px;
        letter-spacing: 2px;
        margin: 0 0 20px;
    }
    
    .intro-block .green-bar {
        background-size: 100% auto;
        padding: 34px 0;
    }
    
    .intro-block .green-bar h3 {
        font-size: 32px;
        line-height: 32px;
        width: 340px;
        max-width: inherit;
        text-align: left;
        margin: 0 76px 0 0;
    }
    
    .intro-block .green-bar .btn {
        width: 180px;
    }
    
    .benefits-block {
        padding: 37px 0 56px;
    }
    
    .benefits-block h3 {
        font-size: 14px;
        line-height: 18px;
        margin: 0 0 22px;
    }
    
    .benefits-block .columns {
        width: auto;
        float: none;
        overflow: hidden;
        margin: 0 -40px 0 0;
    }
    
    .benefits-block .holder {
        padding: 0;
    }
    
    .benefits-block .box {
        padding: 0 20px 0 0;
        margin: 0 -4px 15px 0;
        line-height: 22px;
    }
    
    .benefits-block .img-holder {
        width: 108px;
        height: 108px;
        margin-bottom: 15px;
    }
    
    .benefits-block .add-links {
        float: none;
        overflow: hidden;
        width: 100%;
    }
    
    .benefits-block .add-links .links-frame {
        overflow: hidden;
    }
    
    .benefits-block .add-links ul {
        overflow: hidden;
        margin: -1px 0 0;
        font-size: 15px;
        line-height: 19px;
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 3;
        -webkit-column-gap: 40px;
        -moz-column-gap: 40px;
        column-gap: 40px;
    }
    
    .benefits-block .add-links ul li {
        padding: 7px 8px;
    }
    
    .benefits-block .add-links ul li:first-child {
        border-top: 1px solid #b6afa3;
    }
    
    .quotes-slideshow {
        border: 0;
    }
    
    .quotes-slideshow h3 {
        font-size: 14px;
        line-height: 18px;
        margin: 0 0 22px;
    }
    
    .quotes-slideshow .img-holder {
        display: none;
    }
    
    .quotes-slideshow .quotes-holder {
        padding: 42px 50px 83px;
    }
    
    .quotes-slideshow blockquote {
        margin: 0 35px;
        font-size: 20px;
        line-height: 30px;
    }
    
    .quotes-slideshow blockquote q {
        margin: 0 0 21px;
    }
    
    .quotes-slideshow cite {
        font-size: 14px;
        line-height: 18px;
        padding: 0 0 0 27px;
    }
    
    .quotes-slideshow cite:after {
        width: 20px;
    }
    
    .quotes-slideshow cite span {
        padding: 3px 0 0;
        font-size: 14px;
        line-height: 18px;
    }
    
    .quotes-slideshow cite span em {
        font-size: 14px;
        line-height: 18px;
    }
    
    .quotes-slideshow .pagination {
        width: 100%;
        bottom: 27px;
    }
    
    .features-content .title {
        font-size: 14px;
        line-height: 18px;
        margin: 0 0 56px;
    }
    
    .features-content .all {
        font-size: 13px;
        line-height: 18px;
        letter-spacing: normal;
    }
    
    .features-content .all:after {
        width: 24px;
        height: 24px;
        right: 0;
        background-size: 100% 100%;
    }
    
    .features-content h3 {
        line-height: 32px;
    }
    
    .features-content p {
        font-size: 23px;
        line-height: 26px;
        margin: 0 0 44px;
    }
    
    .features-content .date {
        font-size: 16px;
        line-height: 20px;
        margin: 0 0 32px;
    }
    
    .features-content .btn {
        min-width: 123px;
    }
    
    .features-content .form {
        overflow: hidden;
        padding: 5px 13px 0 0;
    }
    
    .features-content .subtitle {
        font-size: 14px;
        line-height: 18px;
        margin: 6px 0 0 0;
    }
    
    .features-content .btns {
        font-size: 15px;
        line-height: 20px;
    }
    
    .features-content .btns li {
        padding: 0 10px 0 24px;
    }
    
    .features-content .btns li a {
        padding: 5px 10px;
    }
    
    .features-content .row {
        margin: 0 0 22px;
    }
    
    .features-content .field {
        overflow: hidden;
        padding: 0 0 0 108px;
    }
    
    .features-content input[type="email"],
    .features-content input[type="text"]{
        height: 39px;
        padding: 10px 21px;
        font-size: 16px;
        line-height: 19px;
    }
    .features-content input[type="text"]{
        width:48%;
    }
    input#mce-FIRST{
        margin-right:3%;
    }    
    .features-content .block {
        width: 50%;
        padding: 35px 37px 47px;
    }
    
    .features-content .block:first-child {
        padding: 35px 31px 47px;
    }
    
    .features-content .block:first-child .btn {
        min-width: 123px;
    }
    
    .features-content .block:last-child {
        width: 100%;
        padding: 30px 37px 47px;
    }
    
    .features-content .block:last-child .title {
        margin: 0 0 13px;
    }
    
    .features-content .block:last-child h3 {
        line-height: 30px;
        width: 230px;
        float: left;
        margin: 0 7px 0 0;
    }
    
    .features-content .block:last-child .btn {
        float: right;
        margin: 6px 0 0;
        min-width: 123px;
    }
    
    .partner strong{
        font-weight:500;
        font-size:1.3em;
        line-height:1.4em;
        margin: 0 0 15px;
        display: block;
    }
    
    .partner-block{
        background-color: #f6f6f5;
        padding: 50px 40px 50px 40px;
        text-align: center;
    }
    
    .farmer-block .add-links {
        
        float: right;
    }
    
    .farmer-block .add-links ul {
        font-size: 18px;
        line-height: 23px;
        list-style-type: none;
    }
    
    .farmer-block .add-links ul li {
        border-top: 1px solid #b6afa3;
        padding: 10px 0 10px 0px;
        list-style-type: none;
    }
    
    
    .farmer-block .add-links ul a {
        color: #f26122;
        text-decoration: none;
        -moz-transition:0.25s ease;
        -webkit-transition:0.25s ease;
        -ms-transition:0.25s ease;
        transition:0.25s ease;
    }
    
    #footer {
        padding: 28px 0 20px;
    }
    
    #footer .footer-links {
        display: none;
    }
    
    #footer .title {
        font-size: 16px;
        line-height: 20px;
    }
    
    #footer .addr {
        font-size: 14px;
        line-height: 18px;
        margin: 0 0 13px;
    }
    
    #footer .num {
        font-size: 19px;
        line-height: 23px;
    }
    
    #footer .email {
        font-size: 15px;
        line-height: 19px;
    }
    
    #footer p {
        font-size: 11px;
        line-height: 14px;

    }
    
    #footer .lg-holder:first-child {
        min-height: 178px;
    }
    
    #footer .info-box {
        margin: 0 0 20px;
    }
    
    #footer .info-box ul li {
        margin: 0 0 12px;
    }
    
    #footer .social-networks {
        float: right;
        padding: 8px 0 0;
    }
    
    #footer .social-networks li {
        margin: 0 0 0 37px;
    }
    
    .two-columns {
        padding: 39px 45px;
    }
    
    .aside {
        display: none;
    }
    
    #content {
        width: 100%;
        float: left;
    }
    
    .posts-block {
        margin: 0 0 -24px;
    }
    
    .posts-block .title {
        display: block;
    }
    div.addthis_sharing_toolbox{
        margin-right:5%;
    }
    
    .post {
        margin: 0 0 65px;
    }
    
    .post .head {
        margin: 0 0 24px;
    }
    
    .post .date {
        width: 45px;
        padding: 0 5px 0 0;
        margin: 0 18px 0 0;
        font-size: 11px;
        line-height: 12px;
    }
    
    .post .date span {
        font-size: 25px;
        line-height: 25px;
        padding: 0;
    }
    
    .post h1 {
        font-size: 24px;
        line-height: 28px;
        font-weight: 400;
        margin: 7px 0 0;
    }
    
    .post .img-holder {
        margin: 0 -45px 24px;
    }
    
    .post .post-content {
        padding: 0;
    }
    
    .post p {
        margin: 0 0 17px;
    }
    
    .post .btn {
        min-width: 147px;
    }
    
    .products-block {
        padding: 38px 49px 19px;
    }
    
    .products-block h1 {
        font-size: 16px;
        line-height: 20px;
        letter-spacing: 3px;
        margin: 0 0 35px;
    }
    
    .col-holder {
        margin: 0 0 37px;
    }
    
    .col-holder h2 {
        font-size: 14px;
        line-height: 18px;
        margin: 0 0 8px;
    }
    
    .col-holder .column {
        line-height: 22px;
        width: 43.1%;
    }
    .col-holder.partnerForm .column {
        width: 100%;
    }
    
    .col-holder p {
        margin: 0 0 16px;
    }
    
    .col-holder .btn{
        padding: 16px 70px;
        min-width: 90px;
    }
    .partner-block .btn.btn-black.customerBtn{
        padding:16px 60px;   
    }
    .products-holder {
        margin: 0 -8px 0 0;
    }
    
    .products-holder .note {
        font-size: 12px;
        line-height: 18px;
        margin: 0 0 22px;
    }
    
    .products-holder .note li {
        margin: 0 0 6px;
        padding: 0 0 0 24px;
    }
    
    .products-holder .note li:after {
        width: 17px;
        height: 16px;
        background-size: 100% 100%;
    }
    
    .products-holder .note li:first-child:after {
        background-size: 100% 100%;
    }
    
    .products-holder .products-list {
        margin: 0 -30px;
    }
    
    .products-holder .products-list li {
        padding: 0 30px;
        margin: 0 -4px 27px 0;
        width: 33.33%;
    }
    
    .products-holder .products-list .img-holder {
        margin: 0 0 5px;
    }
    
    .products-holder .products-list h2 {
        font-size: 16px;
        line-height: 20px;
    }
    
    .products-holder .products-list .name {
        font-size: 14px;
        line-height: 18px;
        margin: 0 0 6px;
    }
    
    .products-holder .links img {
        width: 17px;
        height: 16px;
    }
    
    .order-form .lg-holder {
        padding: 34px 40px 58px 50px;
    }
    
    .order-form h3 {
        font-size: 14px;
        line-height: 18px;
        margin: 0 0 18px;
    }
    
    .order-form label {
        display: block;
        margin: 0 0 5px;
        text-transform: uppercase;
        font-size: 13px;
        line-height: 17px;
    }
    
    .order-form input[type="text"]:focus {
        color: #333;
    }
    
    .order-form .block {
        margin: 0;
    }
    
    .order-form .row {
        float: left;
        width: 46%;
        margin: 0 4% 33px 0;
    }
    .row.fullRow{
        width:97.5%;   
    }
    
    
    .order-form .btns-row {
        width: 46%;
        float: left;
    }
    
    .order-form .title {
        text-transform: uppercase;
        font-size: 13px;
        line-height: 17px;
        margin: 0 0 5px;
    }
    
    .order-form .btn {
        float: right;
        min-width: 120px;
        padding: 8px 10px 7px;
        margin-right:3%;
    }
    
    .proccess-block {
        padding: 35px 0 37px;
    }
    
    .proccess-block .lg-holder {
        padding: 0 25px;
    }
    
    .proccess-block h1 {
        font-size: 25px;
        line-height: 29px;
    }
    
    .proccess-block .proccess-holder {
        background-size: 100% 100%;
        margin: -70px auto;
        padding: 158px 0 143px;
        max-width: 720px;
    }
    
    .proccess-block .proccess-holder .title {
        text-align: left;
        width: 80px;
        margin: 0;
        font-size: 9px;
        line-height: 12px;
    }
    
    .proccess-block .proccess-holder ul {
        width: 65px;
    }
    
    .proccess-block .proccess-holder ul li {
        padding: 12px;
        width: 65px;
        height: 65px;
    }
    
    .proccess-block .proccess-holder ul li.ico1 {
        margin: 0 0 0 55px;
    }
    
    .proccess-block .proccess-holder ul li.ico2 {
        margin: -10px 0 12px;
    }
    
    .proccess-block .proccess-holder ul li.ico3 {
        margin: 0 0 -13px;
    }
    
    .proccess-block .proccess-holder ul li.ico4 {
        margin: 0 0 0 55px;
    }
    
    .proccess-block .proccess-holder ul li.ico5 {
        margin: 0 0 0 -55px;
    }
    
    .proccess-block .proccess-holder ul li.ico6 {
        margin: -10px 0 12px;
    }
    
    .proccess-block .proccess-holder ul li.ico7 {
        margin: 0 0 -13px;
    }
    
    .proccess-block .proccess-holder ul li.ico8 {
        margin: 0 0 0 -55px;
    }
    
    .proccess-block .proccess-holder ul li .title {
        left: 76px;
        top: 23px;
        width: 120px;
    }
    
    .proccess-block .proccess-holder .frame {
        margin: 0 -4px 0 -50px;
    }
    
    .proccess-block .proccess-holder .arrow {
        padding: 36px 48px;
        width: 180px;
        height: auto;
        background-size: 100% 100%;
    }
    
    .proccess-block .proccess-holder .arrow:first-child {
        background-size: 100% 100%;
    }
    
    .proccess-block .proccess-holder .arrow strong {
        font-size: 11px;
        line-height: 14px;
    }
    
    .proccess-block .proccess-holder .logo-holder {
        width: 195px;
        margin: 0 -74px 0 -17px;
    }
    
    .proccess-block .proccess-holder .logo-holder:after {
        width: 9px;
    }
    
    .proccess-block .services h2 {
        font-size: 20px;
        line-height: 22px;
        margin: 15px 0 10px;
    }
    
    .proccess-block .services .box {
        width: 33%;
        margin: 0 -4px 24px 0;
        padding: 0 18px 0 24px;
        font-size: 15px;
        line-height: 22px;
    }
    
    .faqs-block {
        padding: 57px 0 48px;
    }
    
    .faqs-block h2 {
        margin: 0 0 29px;
        font-size: 14px;
        line-height: 18px;
    }
    
    .faqs-block h3 {
        font-size: 20px;
        line-height: 24px;
        font-weight: 400;
        margin: 0 0 9px;
    }
    
    .faqs-block .accordion {
        -webkit-column-gap: 38px;
        -moz-column-gap: 38px;
        column-gap: 38px;
    }
    .post.press .post-content {
        padding: 0 20px 0 70px;
    }
    .order-form .row.addRow{
        padding:20px; 
    }
    .partner {
        padding: 43px 50px;
    }
    .partner h1 {
        margin: 0 0 30px;
        font-size: 25px;
        line-height: 30px;
        letter-spacing: 2px;
    }
    .system-message{
        padding-left:36px;  
        padding-top:40px;
    }
    
    ul#navsub_2194796_1376713 li, #navsub_2194796_1376725 li {
        border-top: 1px solid rgb(55, 60, 76);
        margin: 0 0 8px;
        padding: 5px 0px 0px 0px;
        font-weight: 200;
    }
    
    ul#navsub_2194796_1376713 li a,  ul#navsub_2194796_1376725 li a {
        color: rgb(149, 162, 202);
        font-size: 15px;
        letter-spacing: 3px;
    }
    
    ul#navsub_2194796_1376725 li a {
        color: rgb(149, 162, 202);   font-size: 15px;   letter-spacing: 3px;
    }
    
    ul.social-networks li,
    ul.social-networks li:last-child{
        margin: 0;
    }
    
    ul.social-networks {
        margin: 0 auto;   display: block;   padding: 0;   text-align: center;
    }
    
    ul.contact-info {
        text-align: center;
        margin: 25px 0 0 0;
    }
    
    ul.social-networks li:nth-child(2) {
        margin: 0 20px;
    }
    .link-holder:last-child {
        padding: 28px 0 0 0%;
        margin: 20px 0 0 4%;
    }
    .link-holder {
        margin: 20px 4% 0px 0;
        padding: 28px 0% 0px 0;
    }
    #footer .footer-links ul.right {
        float: none;
    }
    #footer .link-holder .footer-links{
        text-align:center;
        float:left;
    }
    #footer .link-holder .footer-links.left {
        float: left;
          width: 100%;
    }
    #footer .footer-links .social-networks {
        text-align: center;
        float:none;
    }
    #footer .link-holder .footer-links.left ul{
        float:none;
    }
    #footer .link-holder .footer-links ul.social-networks li {
        margin: 0 8px 0px;
    }
    .sub-head {
        font-size: 14px;
        line-height: 18px;
        margin: 0 0 22px;
    }
}

@media only screen and (max-width: 768px) {
    #wrapper {
        padding: 54px 0 0;
    }
    
    .lg-holder,
    .sm-holder {
        padding: 0 20px;
    }
    
    .btn {
        padding: 9px 10px 7px;
    }
    
    #header,
    #header-sticky{
        height: 54px;
        padding: 20px 0;
    }
    .order-form .row.addRow{
        padding:30px 0 0 10px; 
    } 
    h3.label.topLabel{
        margin-top:0px;   
    }
    
    .logo {
        width: 140px;
        height: 67px;
        top: -6px;
        left: 20px;
    }
    #header-sticky .logo {
        width: 250px;
        left: 20px;
    }
    .nav-active .logo{
      /*  opacity:0;*/
    }
    .nav-opener {
        margin: -3px -1px 0 0;
        width: 27px;
        height: 23px;
    }
    
    .nav-opener:before,
    .nav-opener:after,
    .nav-opener span {
        height: 3px;
        margin-top: -3px;
    }
    
    .nav-opener:before,
    .nav-opener:after {
        top: 4px;
    }
    
    .nav-opener:after {
        top: 20px;
    }
    
    .close-btn,
    .nav-active .nav-opener {
        margin: 9px 16px 0 0;
    }
    
    .close-btn:after,
    .close-btn:before,
    .nav-active .nav-opener:after,
    .nav-active .nav-opener:before {
        width: 23px;
        height: 2px;
    }
    
    #wrapper .drop {
        right: -265px;
        width: 265px;
        padding: 63px 20px;
    }
    
    #wrapper .drop .nav-opener {
        position: absolute;
        right: 5px;
        top: 5px;
        z-index: 999;
    }
    
    #wrapper.nav-active {
        /*margin: 0 265px 0 -265px;*/
    }
    
    #wrapper.nav-active .nav-opener {
        height: 27px;
    }
    
    #nav {
        font-size: 20px;
        line-height: 26px;
    }
    
    #nav ul {
        width: 218px;
    }
    
    #nav ul li {
        margin: 0 0 12px;
    }
    
    #nav ul li a {
        letter-spacing: 2px;
    }
    
    .main-gallery .slide img {
        max-width: inherit;
        position: relative;
        left: 50%;
        width: 824px;
        display: block;
        margin: 0 0 0 -412px;
    }
    
    .main-gallery .sm-holder {
        padding: 0 13px;
    }
    
    .main-gallery h1,
    .main-gallery .mask h1 {
        font-size: 28px;
        line-height: 35px;
        margin: 0 0 45px;
    }
    
    .main-gallery h1 span,
    .main-gallery .mask h1 span {
        margin: 0 0 7px;
        padding: 0 6px;
    }
    
    .main-gallery .pagination-wrap {
        bottom: 10px;
    }
    
    .intro-block {
        padding: 30px 0 0;
        font-size: 16px;
        line-height: 25px;
    }
    
    .intro-block h2 {
        margin: 0 0 22px;
        letter-spacing: 3px;
    }
    
    .intro-block > .sm-holder {
        margin: 0 0 20px;
    }
    
    .intro-block .green-bar {
        background-size: auto auto;
        padding: 18px 0 25px;
        text-align: center;
    }
    
    .intro-block .green-bar h3 {
        font-size: 26px;
        line-height: 30px;
        width: 100%;
        text-align: center;
        margin: 0 0 18px 0;
    }
    
    .intro-block .green-bar .btn {
        width: 172px;
        margin: 0 auto;
    }
    
    .benefits-block {
        padding: 27px 0 62px;
    }
    
    .benefits-block h3 {
        font-size: 14px;
        line-height: 18px;
        margin: 0 0 26px;
    }
    
    .benefits-block .columns {
        margin: 0 0 7px;
    }
    
    .benefits-block .holder {
        padding: 0 33px;
    }
    
    .benefits-block .box {
        padding: 0;
        width: 100%;
        margin: 0 0 20px;
    }
    
    .benefits-block .box:first-child .img-holder {
        margin-bottom: 7px;
    }
    
    .benefits-block .img-holder {
        margin-bottom: 18px;
    }
    
    .benefits-block .add-links {
        width: 100%;
        padding: 0 3px;
    }
    
    .benefits-block .add-links .links-frame {
        margin: -11px 0 0;
    }
    
    .benefits-block .add-links ul {
        font-size: 16px;
        line-height: 20px;
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
        -webkit-column-gap: 0;
        -moz-column-gap: 0;
        column-gap: 0;
    }
    
    .benefits-block .add-links ul li {
        padding: 7px 6px 6px;
    }
    
    .quotes-slideshow h3 {
        margin: 0 0 19px;
    }
    
    .quotes-slideshow .quotes-holder {
        padding: 32px 22px 110px;
    }
    
    .quotes-slideshow blockquote {
        margin: 0;
        font-size: 17px;
        line-height: 26px;
    }
    
    .quotes-slideshow blockquote q {
        margin: 0 0 25px;
    }
    
    .quotes-slideshow cite {
        padding: 0 0 0 31px;
    }
    
    .quotes-slideshow cite:after {
        width: 20px;
        top: 8px;
    }
    
    .quotes-slideshow .pagination {
        bottom: 35px;
    }
    
    .features-content .title {
        margin: 0 0 39px;
    }
    
    .features-content h3 {
        line-height: 30px;
    }
    
    .features-content p {
        font-size: 20px;
        line-height: 25px;
        margin: 0 0 36px;
    }
    
    .features-content .date {
        font-size: 20px;
        line-height: 20px;
        padding: 6px 0 0;
    }
    
    .features-content .btn {
        min-width: 135px;
    }
    
    .features-content .form {
        overflow: hidden;
        padding: 0;
    }
    
    .features-content .subtitle {
        margin: 3px 0 7px;
        float: none;
        display: block;
        text-align: left;
        width: auto;
    }
    
    .features-content .btns {
        font-size: 15px;
        line-height: 20px;
        margin: 0 0 0 -18px;
    }
    
    .features-content .btns li {
        padding: 0 0 0 18px;
    }
    
    .features-content .row {
        margin: 0 0 12px;
    }
    
    .features-content .field {
        overflow: hidden;
        padding: 0;
    }
    
    .features-content input[type="email"],
    .features-content input[type="text"]{
        height: 43px;
        padding: 10px 12px;
        font-size: 16px;
        line-height: 22px;
    }
    .features-content input[type="text"]{
        width:48%;
    }
    input#mce-FIRST{
        margin-right:3%;
    }
    
    .features-content .block {
        width: 100%;
        padding: 28px 20px 28px 23px;
    }
    
    .features-content .block:first-child {
        padding: 24px 20px 33px 23px;
    }
    
    .features-content .block:first-child .title {
        margin: 0 0 36px;
    }
    
    .features-content .block:first-child .btn {
        min-width: 135px;
    }
    
    .features-content .block:last-child {
        width: 100%;
        padding: 28px 20px 33px 23px;
    }
    
    .features-content .block:last-child .title {
        margin: 0 0 10px;
    }
    
    .features-content .block:last-child h3 {
        font-size: 20px;
        line-height: 24px;
        width: auto;
        float: none;
        margin: 0 0 10px;
    }
    
    .features-content .block:last-child .btn {
        float: none;
        margin: 13px 0 0;
        min-width: 127px;
    }
    
    .partner {
        overflow: hidden;
        max-width: 1500px;
        margin: 0 auto;
        padding: 30px 0 0 0;
    }
    
    .partner-block{
        width:100%;
        padding: 50px 45px 50px 45px;
    }
    
    .partner .col-holder {
        margin: 0;
    }
    
    .partner .col-holder .column {
        line-height: 22px;
        width: 43.1%;
        margin:0;
    }
    
    .partner .column:first-child {
        padding: 0px 20px 0 20px;
    }
    
    .farmer-block .add-links {
        width: 90%;
        float: left;
    }
    
    .farmer-block .add-links ul {
        font-size: 18px;
        line-height: 23px;
        list-style-type: none;
        padding-left:0px;
        margin:0;
    }
    
    .farmer-block .add-links {
        width: 90%;
        float: left;
        margin: 20px;
    }
    
    .farmer-block .links-frame-left {
        float: left;
        width: 100%;
    }
    
    .farmer-block .links-frame-right {
        float: right;
        width: 100%;
    }
    .farmer-float{
        width:100%;
        float:left;
    } 
    .farmer-float.farm-Btn{
        margin-top:20px;   
        margin-bottom:20px;
    }
    /* .farmer-block .add-links ul li:first-child {
    border-top: 1px solid #b6afa3;
} */
    #footer {
        padding: 34px 0 30px;
        background-size: 145%;
        background-position: right bottom;
    }
    
    #footer .lg-holder:last-child {
        bottom: -35px;
    }
    
    #footer .footer-links {
        display: none;
    }
    
    #footer .addr {
        margin: 0 0 16px;
    }
    
    #footer .num {
        font-size: 20px;
        line-height: 24px;
    }
    
    #footer p {
        font-size: 11px;
        line-height: 14px;
    }
    #footer .lg-holder:first-child p{
        margin: 0 0 10px;
    }
    #footer .lg-holder:first-child {
        min-height: inherit;
    }
    
    #footer .info-box {
        margin: 0 0 24px;
        float: none;
        width: inherit;
        overflow: hidden;
    }
    
    #footer .social-networks {
        float: none;
        overflow: hidden;
        margin: 0 0 80px;
    }
    
    #footer .social-networks li {
        margin: 0 19px;
    }
    
    .visual img {
        width: 1006px;
        position: relative;
        left: 50%;
        margin: 0 0 0 -503px;
        max-width: inherit;
    }
    
    .two-columns {
        padding: 28px 21px;
    }
    
    .posts-block {
        margin: 0 0 -27px;
    }
    
    .posts-block .title {
        margin: 0 0 20px;
    }
    div.addthis_sharing_toolbox{
        text-align:left;
        margin-left:7%;
    }
    .post {
        margin: 0 0 50px;
    }
    
    .post .head {
        margin: 0 0 30px;
    }
    
    .post .date {
        width: 40px;
        padding: 0 5px 0 3px;
        margin: 0 11px 0 0;
    }
    
    .post h1 {
        font-weight: 300;
        margin: 0;
    }
    
    .post .img-holder {
        margin: 0 -22px 23px;
    }
    
    .post .post-content {
        padding: 0 0 0 3px;
    }
    
    .post p {
        margin: 0 0 23px;
    }
    
    .post .btn {
        min-width: 127px;
        padding: 7px 10px 5px;
    }
    
    .products-block {
        padding: 38px 23px 4px;
    }
    
    .products-block h1 {
        margin: 0 0 29px;
    }
    
    .col-holder {
        margin: 0 0 55px;
    }
    
    .col-holder .column {
        width: 100% !important;
        margin: 0 0 29px;
    }
    
    .col-holder h2 {
        letter-spacing: 3px;
    }
    
    .col-holder p {
        margin: 0 0 20px;
    }
    
    .products-holder {
        overflow: visible;
        margin: 0;
    }
    
    .products-holder .note {
        font-size: 14px;
        line-height: 17px;
        margin: 0 0 47px;
    }
    
    .products-holder .note li {
        margin: 0 0 24px;
        min-height: 25px;
        padding: 3px 0 0 40px;
    }
    
    .products-holder .note li:after {
        width: 26px;
        height: 25px;
    }
    
    .products-holder .products-list {
        margin: 0 -23px;
        padding: 22px 0 0;
        border-top: 1px solid #b1b1b1;
    }
    
    .products-holder .products-list li {
        width: 100%;
        padding: 0 25px;
        margin: 0 0 25px;
    }
    
    .products-holder .products-list .img-holder {
        display: none;
    }
    
    .products-holder .products-list h2 {
        font-size: 18px;
        line-height: 22px;
    }
    
    .products-holder .products-list .name {
        font-size: 16px;
        line-height: 18px;
        margin: 0 0 9px;
    }
    
    .order-form .lg-holder {
        padding: 43px 21px 53px 23px;
    }
    
    .order-form h3 {
        margin: 0 0 31px;
    }
    
    .order-form .block {
        margin: 0 0 27px;
    }
    
    
    
    .order-form label {
        font-size: 13px;
        line-height: 15px;
        margin: 0 0 8px;
    }
    
    .order-form .btns-row {
        width: 100%;
        margin: 0 0 34px;
        padding: 0;
    }
    
    .order-form .title {
        margin: 0 0 17px;
    }
    
    .order-form .btns {
        width: auto;
        margin: 0 -17px;
    }
    
    .order-form .btns li {
        padding: 0 17px;
        margin: 0 0 18px;
        float: left;
        width: 50%;
    }
    
    .order-form .btns li a {
        padding: 6px 10px;
    }
    
    .order-form .btn {
        padding: 7px 10px 6px;
        min-width: 115px;
    }
    
    .proccess-block {
        padding: 32px 0 75px;
    }
    
    .proccess-block .lg-holder {
        padding: 0 25px;
    }
    
    .proccess-block h1 {
        font-size: 25px;
        line-height: 25px;
    }
    
    .proccess-block .proccess-holder {
        background-size: 100% 100%;
        margin: 0 -5px;
        padding: 40px 0 31px;
        max-width: 720px;
    }
    
    .proccess-block .proccess-holder .title {
        text-align: center;
        width: inherit;
        margin: 0 0 24px;
        display: block;
        font-size: 15px;
        line-height: 22px;
    }
    
    .proccess-block .proccess-holder ul {
        width: 100%;
        text-align: center;
    }
    
    .proccess-block .proccess-holder ul li {
        padding: 12px;
        display: inline-block;
        width: 60px;
        height: 60px;
    }
    
    .proccess-block .proccess-holder ul li.ico1 {
        margin: 0;
        position: relative;
        top: 63px;
    }
    
    .proccess-block .proccess-holder ul li.ico2 {
        margin: 0 7px;
    }
    
    .proccess-block .proccess-holder ul li.ico3 {
        margin: 0 7px;
    }
    
    .proccess-block .proccess-holder ul li.ico4 {
        margin: 0;
        position: relative;
        top: 63px;
    }
    
    .proccess-block .proccess-holder ul li.ico5 {
        margin: 0;
        position: relative;
        top: -56px;
    }
    
    .proccess-block .proccess-holder ul li.ico6 {
        margin: 0 7px;
    }
    
    .proccess-block .proccess-holder ul li.ico7 {
        margin: 0 7px;
    }
    
    .proccess-block .proccess-holder ul li.ico8 {
        margin: 0;
        position: relative;
        top: -56px;
    }
    
    .proccess-block .proccess-holder ul li .title {
        display: none;
    }
    
    .proccess-block .proccess-holder .frame {
        margin: 0 auto;
        width: 275px;
        display: block;
        padding: 0 0 40px;
        text-align: center;
    }
    
    .proccess-block .proccess-holder .arrow {
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        -webkit-transform: rotate(90deg);
        padding: 0;
        width: 160px;
        height: 150px;
        background-size: 100% 100%;
    }
    
    .proccess-block .proccess-holder .arrow:first-child {
        background-size: 100% 100%;
    }
    
    .proccess-block .proccess-holder .arrow:first-child strong {
        margin: 51px 0 0 54px;
    }
    
    .proccess-block .proccess-holder .arrow strong {
        width: 76px;
        margin: 59px 0 0 47px;
        text-align: center;
        -moz-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        -webkit-transform: rotate(-90deg);
        font-size: 14px;
        line-height: 16px;
    }
    
    .proccess-block .proccess-holder .logo-holder {
        width: 293px;
        margin: -5px 0 -40px -3px;
        z-index: 1;
    }
    
    .proccess-block .proccess-holder .logo-holder:after {
        bottom: -38px;
        top: auto;
        right: auto;
        left: 50%;
        z-index: -1;
        margin: 0 0 0 -12px;
        width: 10px;
        height: 72px;
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        -webkit-transform: rotate(90deg);
    }
    
    .proccess-block .proccess-holder .list {
        display: block;
    }
    
    .proccess-block .services {
        margin: 0px;
    }
    
    .proccess-block .services h2 {
        font-size: 18px;
        line-height: 24px;
        margin: 20px 0 12px;
    }
    
    .proccess-block .services .box {
        width: 100%;
        display: block;
        margin: 0 0 36px;
        padding: 0;
        font-size: 15px;
        line-height: 22px;
    }
    
    .faqs-block {
        padding: 34px 0 44px;
    }
    
    .faqs-block h2 {
        margin: 0 0 18px;
        font-size: 14px;
        line-height: 18px;
    }
    
    .faqs-block .box {
        padding: 10px 20px 7px;
        margin: 0 -20px;
        width: auto;
        border-bottom: 1px solid #a0a0a0;
        display:inherit;
    }
    
    .faqs-block h3 {
        font-size: 18px;
        line-height: 24px;
        font-weight: 400;
        margin: 0 0 7px;
    }
    
    .faqs-block h3 a {
        display: block;
        -moz-transition:0.25s ease;
        -webkit-transition:0.25s ease;
        -ms-transition:0.25s ease;
        transition:0.25s ease;
    }
    
    .faqs-block h3 a:hover {
        color: #333;
        -moz-transition:0.25s ease;
        -webkit-transition:0.25s ease;
        -ms-transition:0.25s ease;
        transition:0.25s ease;
    }
    
    .faqs-block .accordion {
        overflow: visible;
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
        -webkit-column-gap: 0;
        -moz-column-gap: 0;
        column-gap: 0;
    }
    
    .slider {
        height: 280px;
        overflow: hidden;
    }
    
    .slider .slide img {
        width: 768px;
        max-width: inherit;
        position: relative;
        left: 50%;
        margin: 0 0 0 -384px;
    }
    
    .slider .caption {
        min-width: 284px;
        padding: 9px 24px 10px;
    }
    
    .slider .name {
        font-size: 16px;
        line-height: 20px;
        margin: 0 0 6px;
    }
    
    .slider .title {
        font-size: 14px;
        line-height: 18px;
    }
    .post.press .post-content {
        padding: 0 20px 0 60px;
    }
    .tooltip.lightbox.product-req.toolShow{
        position:static;
        background-color:#ffffff;
        color:#F31118;
        box-shadow:none;
        -webkit-box-shadow:none;
        padding:0px;
    } 
    .products-holder .products-list li{
        width:50%;
        margin:0 0 25px;
        float:left;
    }
    .partner h1 {
        margin: 0 0 20px;
    }
    .features-content input[type="email"].nameField{
        width:48%;   
    }
    /*.sponsor{
        width:48%;
        margin: 20px auto;
        padding: 0 5%;
    }*/
    #footer .lg-holder.desk{
        display:none;
    }
    #footer .lg-holder.tab{
		display:block;
	}
    .lg-holder.tab .link-holder {
        width: 77%;
        margin: 20px 0 0 3%;
        padding: 28px 0 0 28px;
    }
    
    #lg-holder.tab .link-holder .footer-links {
        width: auto;
        text-align: left;
    }
    
    #footer .lg-holder.tab .link-holder .footer-links {
        width: auto;
        margin: 0;
        text-align: left;
    }
    
    #footer .lg-holder.tab .link-holder .footer-links:nth-child(even) {
        margin: 0 40px;
    }
    
    #footer .lg-holder.tab .link-holder .footer-links ul.social-networks {
        text-align: left;
    }
    .sub-head {
        font-size: 14px;
        line-height: 18px;
        margin: 0 0 26px;
    }
      .news .anchor{
        top:-50px;
    }
    .video-section a .vid-overlay .play-btn .play {
        width: 0;
        height: 0;
        border-top: 15px solid transparent;
        border-bottom: 15px solid transparent;
        border-left: 21px solid white;
        display: block;
        margin: 14px 21px;
    }
    .video-section a .vid-overlay .play-btn {
        width: 60px;
        height: 60px;
        background: transparent;
        border: 1px solid white;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        border-radius: 50%;
        text-align: center;
        margin: 0 auto;
    }
    .video-section a .vid-overlay p {
        font-size: 16px;
    }
    .video-section a .vid-overlay h1 {
        font-size: 28px;
        text-transform: uppercase;
        color: #F26122;
        line-height: 36px;
        margin: 0 0 10px 0;
    }
    .video-section a{
    	height:350px;
    }
}
@media only screen and (max-width:650px){
    #header .logo {
        width: 140px;
        left: 20px;
    }
    #header-sticky .logo {
        width: 210px;
        left: 20px;
        top: -7px;
    }
    .sponsor,
    .sponsor.blackberry{
        width: 70%;
        padding: 0px 0;
        margin: 25px auto;
        box-sizing: border-box;
        display: block;
        clear:both;
        float:none;
    }
    .lg-holder.tab .logo-footer {
        width: 100%;
        float: none;
        display: block;
        margin: 0 0 20px 0;
    }
    .lg-holder.tab .logo-footer img {
        width: 180px;
        margin: 0px auto;
        display: block;
    }
    .lg-holder.tab .link-holder {
        width: 100%;
        margin: 0 auto;
        padding: 0px 0 0;
        border-bottom: 1px solid rgb(109, 112, 121);
        text-align: center;
    }
    
    #footer .lg-holder.tab .link-holder .footer-links {
        display: none;
    }
    
    #footer .lg-holder.tab .link-holder .footer-links.left {
        display: block;
        margin: 0 auto;
        width: 100%;
        text-align: center;
        padding: 0 0 20px;
    }
    
    .footer-links h2 {
        display: none;
    }
    
    #footer .lg-holder.tab .link-holder .footer-links ul.social-networks {
        margin: 20px auto;
        display: block;
        float: none;
        clear: both;
        text-align: center;
        width: 100%;
    }
    
    
    #footer p {
        text-align: center;
    }
    ul.highlights {
        width: 100%;
        padding: 0 20px;
        display:block;
        float: none;
        box-sizing: border-box;
    }
}
@media only screen and (max-width: 450px){
    .name-hld {
        width: 80%;
    }
    .btn.btn-black{
        font-size: 16px;
        padding: 20px 80px;
    }
    .partner-block .btn.btn-black.customerBtn{
        padding: 20px 68px;
    }
    .post {
        margin: 0 0 30px;
    }
    
    .post .head {
        margin: 0 0 20px;
    }
    .farmer-block .add-links ul li{
        width:100%;   
    }
    .farmer-block .add-links ul li:first-child{
        border-bottom: 1px solid #b6afa3;   
    }
}


@media only screen and (max-width: 400px) {
    
    .order-form .row{
        width:100%;
        margin-bottom:25px;
    }
    .products-holder .products-list li {
        width: 100%;
        border-bottom: 1px solid;
        margin: 0px 0 10px;
        padding: 10px 25px;
    }
    
}