/* -------- main.scss----------- */

/* ------------- _base.scss ------------- */

/* Base Colors */

/* -------- _all.scss----------- */

/* ------------- _helpers.scss ------------- */

/* ------------- FUNCTIONS ------------- */

/* ------------- MIXINS ------------- */

/* ------------- PLACEHOLDERS ------------- */

/* ------------- _colors.scss ------------- */

/* ------------- VARIABLES ------------- */

/* Menu */

/* Responsive Menu */

/* General */

/* Page Specific */

/* http://meyerweb.com/eric/tools/css/reset/

   v2.0 | 20110126

   License: none (public domain)

*/

@import url(https://fonts.googleapis.com/css?family=Roboto:300,400,700|Roboto+Slab:300,400,700);

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, menu, nav, output, ruby, section, summary, time, mark, audio, video {

  margin: 0;

  padding: 0;

  border: 0;

  font-size: 100%;

  font: inherit;

  vertical-align: baseline; }



/* HTML5 display-role reset for older browsers */

article, aside, details, figcaption, figure, footer, header, main, menu, nav, section {

  display: block; }



body {

  line-height: 1;

  position: relative; }



p a {

  color: #f68b1f; }



p a:hover {

  color: #f68b1f; }



ol, ul {

  list-style: none; }



blockquote, q {

  quotes: none; }



blockquote:before, blockquote:after {

  content: '';

  content: none; }



q:before, q:after {

  content: '';

  content: none; }



table {

  border-collapse: collapse;

  border-spacing: 0; }



/*!* ------------RESET------------ *!



!* Headings *!

h1{ margin-top:0 }



h2{ font-size:1.571em }



!* 22px *!

h3{ font-size:1.429em }



!* 20px *!

h4{ font-size:1.286em }



!* 18px *!

h5{ font-size:1.143em }



!* 16px *!

h6{ font-size:1em }



!* 14px *!



h2, h3, h4, h5, h6{

  font-weight:400;

  line-height:1.1;

  margin-bottom:0.8em;

}



img{

  max-width:100%;

}



p{

  margin:0 0 18px;

}



!* ---------- GLOBAL ----------------- *!

body{

  position:relative;

}



*{

  box-sizing:border-box;

}*/

.cover {

  -webkit-background-size: cover;

  background-size: cover;

  background-position: center center;

  background-repeat: no-repeat; }



.contain {

  -webkit-background-size: contain;

  background-size: contain;

  background-position: center center;

  background-repeat: no-repeat; }



/* ---------------  _typography.scss ----------------- */

/* ------------- _layouts.scss ------------- */

/* ------------- GLOBAL ------------- */

main, header, footer {

  clear: both;

  margin: 0 auto;

  height: auto;

  max-width: 100%;

  min-height: 30px; }



/* ------------- HEADER ------------- */

.header_wrapper {

  width: 100%;

  margin-top: 1em;

  margin-bottom: 1.5em; }



.full-page-banner {

  position: relative;

  width: 100%;

  height: 195px;

  clear: both; }



/* ------------- BREADCRUMBS ------------- */

.breadcrumb-area nav {

  float: none;

  margin-top: 10px;

  margin-bottom: 10px;

  display: inline-block; }

.breadcrumb-area .breadcrumb {

  padding: 0;

  background-color: transparent; }

  .breadcrumb-area .breadcrumb > li + li::before {

    color: #000;

    content: "\203A";

    padding: 0 3px; }



/*----home page-----*/

.home-top {

  background-size: cover;

  min-height: 520px;

  width: 100%;

  position: relative; }



.header_text-overlap {

  position: absolute;

  height: 100%;

  left: 0;

  top: 0;

  width: 60%; }



.home-top-text {

  padding-top: 110px; }



.home-top-text h2 {

  margin-right: 0.4em; }



.home-top-text h3 {

  margin-bottom: 0.5em; }



.home-mid {

  display: block;

  width: 100%; }

  .home-mid .mid-contents {

    max-width: 570px;

    margin-top: 4em;

    box-sizing: border-box;

    padding: 15px; }

    .home-mid .mid-contents h3 {

      margin-bottom: 0px; }

    .home-mid .mid-contents ul {

      padding: 0;

      margin: 0;

      width: 41%;

      float: left;

      margin-bottom: 10px; }

      .home-mid .mid-contents ul li {

        display: block;

        padding-left: 10px;

        margin: 3px 0; }

        .home-mid .mid-contents ul li::before {

          display: inline-block;

          padding-right: 3px; }

  .home-mid .left-side, .home-mid .right-side {

    min-height: 650px; }

  .home-mid .left-side .mid-contents {

    float: right;

    padding-right: 177px; }

  .home-mid .right-side .mid-contents {

    float: left;

    padding-right: 120px;

    padding-left: 55px; }



.home-main-section {

  padding: 80px 0 46px 0; }

  .home-main-section .ccm-layout-column-wrapper {

    position: relative;

    margin-top: 45px; }

    .home-main-section .ccm-layout-column-wrapper .ccm-layout-column-inner {

      min-height: 98px;

      position: relative;

      box-sizing: border-box;

      padding: 0px 4px; }

      .home-main-section .ccm-layout-column-wrapper .ccm-layout-column-inner img {

        display: block;

        margin: 0 auto;

        margin-top: 15px;

        position: absolute;

        bottom: 0;

        left: 0;

        right: 0; }



.page-heading {

  margin: 0px 0 40px; }



/*---full page template---*/

.page-template-full main {

  margin-top: 53px; }

.page-template-full main section {

  padding-bottom: 200px; }

.page-template-full footer {

  margin-top: 0; }

  .page-template-full footer .footer_wrapper {

    margin-top: 0; }



/*----product page-----*/

.product_listing_heading {

  margin: 30px 0; }



.product-box {

  padding-bottom: 20px;

  margin-bottom: 45px; }

  .product-box h2 {

    padding: 16px; }

  .product-box .product_description {

    min-height: 255px; }

  .product-box .product_description_short {

    min-height: 228px; }

  .product-box p {

    padding: 0 16px 10px 16px; }

  .product-box .analysis_heading {

    padding: 8px 3px 8px 15px;

    margin: 10px 0; }

  .product-box table td {

    padding: 5px 15px; }



/*----service page-----*/

.service_box_wrapper {

  width: 100%;

  margin-bottom: 30px; }

  .service_box_wrapper .service-box-logo {

    padding: 40px 0px; }

    .service_box_wrapper .service-box-logo img {

      display: block;

      margin: 0 auto;

      margin-bottom: 10px; }

  .service_box_wrapper .service-box-contents {

    padding: 40px 30px; }



/*-----links page-------*/

.links-wrapper h3 {

  margin-bottom: 10px; }



/* ------------- FOOTER ------------- */

footer {

  margin-top: 2em;

  min-height: 200px; }

  footer .footer_wrapper {

    width: 100%;

    margin-top: 1em;

    padding: 70px 0; }

    footer .footer_wrapper .ccm-block-page-list-header h5 {

      margin-bottom: 10px; }

    footer .footer_wrapper .footer-area-1 img {

      display: block;

      margin: 0 auto;

      margin-top: 40px; }

    footer .footer_wrapper .footer-area-3 h5 {

      margin-bottom: 10px; }

    footer .footer_wrapper .footer-area-4 img {

      display: block;

      margin: -22px auto 20px; }

    footer .footer_wrapper ul li a {

      margin-bottom: 10px;

      display: block; }

  footer .footer-bottom {

    width: 100%;

    padding: 15px;

    text-align: center; }



/* ------------- _design.scss ------------- */

/* ------------- HEADER ------------- */

.header_wrapper {

  background: white; }



.full-page-banner h1 {

  color: white;

  font-family: 'Roboto Slab', sans-serif;

  font-size: 40px;

  font-weight: 300;

  letter-spacing: 0.03em;

  line-height: 40px;

  text-transform: uppercase;

  margin-top: 90px; }



/* ------------- BREADCRUMBS ------------- */

.breadcrumb-area .font-roboto {

  font-family: 'Roboto', sans-serif;

  font-size: 14px;

  font-weight: 300;

  letter-spacing: 0.03em; }

.breadcrumb-area .breadcrumb {

  font-family: 'Roboto', sans-serif;

  font-size: 14px;

  font-weight: 300;

  letter-spacing: 0.03em; }

  .breadcrumb-area .breadcrumb a {

    color: #f68b1f; }

  .breadcrumb-area .breadcrumb > .active {

    color: #32261c;

    font-weight: 500;

    font-family: "Myriad Pro", serif; }



/* ------------- MENU ------------- */

nav ul li a {

  font-family: 'Roboto Slab', sans-serif;

  font-size: 17px;

  font-weight: 700;

  letter-spacing: 0.03em;

  text-transform: uppercase; }



/* ------------- CONTENT ------------- */

.col-content h1, .col-content p, .col-content a {

  font-family: 'Roboto', sans-serif;

  font-size: 14px;

  font-weight: 400;

  letter-spacing: 0.03em; }



main section {

  font-family: 'Roboto', sans-serif;

  font-size: 14px;

  font-weight: 300;

  letter-spacing: 0.03em; }

  main section p {

    line-height: 1.7em; }



/*----home page-----*/

.header_text-overlap {

  /*

  background-image:url("../img/header-overlap.png");

  background-repeat:no-repeat;

  background-size:cover;

  background-position:bottom right;

  */ }



.home-top-text {

  text-align: left;

  text-transform: uppercase; }

  .home-top-text h2 {

    font-family: 'Roboto Slab', sans-serif;

    font-size: 69px;

    font-weight: 300;

    letter-spacing: 0.03em;

    color: #f68b1f;

    line-height: 1.05em;

    letter-spacing: 0.03em; }

  .home-top-text h3 {

    font-family: 'Roboto Slab', sans-serif;

    font-size: 23px;

    font-weight: 700;

    letter-spacing: 0.03em;

    color: #32261c;

    line-height: 35px;

    letter-spacing: 0.04em; }



.home-mid .mid-contents .home-welcome {

  font-family: 'Roboto Slab', sans-serif;

  font-size: 25px;

  font-weight: 700;

  letter-spacing: 0.03em;

  color: #f68b1f;

  text-transform: uppercase;

  line-height: 41px; }

.home-mid .mid-contents p {

  color: white;

  font-family: 'Roboto', sans-serif;

  font-size: 14px;

  font-weight: 300;

  letter-spacing: 0.03em;

  line-height: 24px; }

  .home-mid .mid-contents p strong {

    font-weight: bold; }

.home-mid .mid-contents h2 {

  font-family: 'Roboto Slab', sans-serif;

  font-size: 46px;

  font-weight: 300;

  letter-spacing: 0.03em;

  color: white;

  text-transform: uppercase;

  line-height: 40px; }

.home-mid .mid-contents h3 {

  font-family: 'Roboto Slab', sans-serif;

  font-size: 26px;

  font-weight: 700;

  letter-spacing: 0.03em;

  color: black;

  text-transform: uppercase;

  line-height: 1.5em; }

.home-mid .mid-contents ul li {

  list-style: disc;

  color: white;

  font-size: 14px; }

  .home-mid .mid-contents ul li::before {

    content: '\000BB';

    color: black; }

.home-mid .left-side, .home-mid .right-side {

  background-size: cover;

  background-position: right bottom;

  background-repeat: no-repeat; }

.home-mid .left-side {

  background-image: url("../img/home-middle-left-bg.png");

  background-color: #524940; }

.home-mid .right-side {

  background-image: url("../img/home-middle-right-bg.png");

  background-color: #d6761a; }



.home-main-section .home-other-services h3 {

  font-family: 'Roboto Slab', sans-serif;

  font-size: 25px;

  font-weight: 700;

  letter-spacing: 0.03em;

  color: #f68b1f;

  text-transform: uppercase;

  line-height: 1.5em; }

.home-main-section .home-other-services h2 {

  font-family: 'Roboto Slab', sans-serif;

  font-size: 46px;

  font-weight: 300;

  letter-spacing: 0.03em;

  color: black;

  text-transform: uppercase; }

.home-main-section .home-other-services p {

  font-family: 'Roboto', sans-serif;

  font-size: 14px;

  font-weight: 300;

  letter-spacing: 0.03em;

  line-height: 1.5em;

  letter-spacing: 0.015em; }

.home-main-section .ccm-layout-column-wrapper .ccm-layout-column-inner p {

  text-align: center;

  color: #f68b1f;

  font-family: 'Roboto Slab', sans-serif;

  font-size: 13px;

  font-weight: 700;

  letter-spacing: 0.03em;

  line-height: 13px;

  text-transform: uppercase; }



.page-heading {

  text-align: left;

  font-family: 'Roboto Slab', sans-serif;

  font-size: 37px;

  font-weight: 300;

  letter-spacing: 0.03em;

  color: #f68b1f;

  text-transform: uppercase;

  letter-spacing: 0.03em; }



/*---full page template---*/

.page-template-full main section {

  background-image: url("../img/page-bg.png");

  background-repeat: no-repeat;

  background-position: bottom right; }



/*----product page-----*/

.product_listing_heading {

  text-align: left;

  font-family: 'Roboto Slab', sans-serif;

  font-size: 25px;

  font-weight: 400;

  letter-spacing: 0.03em;

  color: #f68b1f;

  text-transform: uppercase; }



.product-box {

  background-color: #f3f1ee; }

  .product-box img {

    -webkit-border-radius: 0px 0px 15px 0px;

    -moz-border-radius: 0px 0px 15px 0px;

    border-radius: 0px 0px 15px 0px; }

  .product-box h2 {

    font-family: 'Roboto Slab', sans-serif;

    font-size: 27px;

    font-weight: 200;

    letter-spacing: 0.03em;

    color: #f68b1f; }

  .product-box p {

    font-family: 'Roboto', sans-serif;

    font-size: 15px;

    font-weight: 300;

    letter-spacing: 0.03em;

    line-height: 22px; }

  .product-box .analysis_heading {

    background: #32261c;

    color: #f68b1f;

    font-family: 'Roboto Slab', sans-serif;

    font-size: 15px;

    font-weight: 700;

    letter-spacing: 0.03em;

    text-transform: uppercase; }



/*----service page-----*/

.service_box_wrapper .service-box-logo {

  background: #f68b1f;

  text-align: center;

  vertical-align: middle;

  font-family: 'Roboto Slab', sans-serif;

  font-size: 25px;

  font-weight: 300;

  letter-spacing: 0.03em;

  color: #ffffff; }

.service_box_wrapper .service-box-contents {

  background: #f5f4f3;

  -webkit-border-radius: 0px 0px 15px 0px;

  -moz-border-radius: 0px 0px 15px 0px;

  border-radius: 0px 0px 15px 0px;

  vertical-align: middle;

  font-family: 'Roboto', sans-serif;

  font-size: 15px;

  font-weight: 300;

  letter-spacing: 0.03em; }



/*-----links page-------*/

.links-wrapper h3 {

  font-family: 'Roboto Slab', sans-serif;

  font-size: 19px;

  font-weight: 700;

  letter-spacing: 0.03em;

  color: #000000;

  text-transform: uppercase; }

.links-wrapper a {

  color: #f68b1f;

  font-family: 'Roboto', sans-serif;

  font-size: 14px;

  font-weight: 300;

  letter-spacing: 0.03em; }

  .links-wrapper a:hover {

    text-decoration: underline;

    color: #f68b1f; }



/*----contact us -------*/

.contact-us-address {

  font-family: 'Roboto', sans-serif;

  font-size: 14px;

  font-weight: 300;

  letter-spacing: 0.03em;

  line-height: 1.5em; }

  .contact-us-address h3 {

    font-family: 'Roboto Slab', sans-serif;

    font-size: 19px;

    font-weight: 700;

    letter-spacing: 0.03em;

    color: #000000;

    text-transform: uppercase;

    line-height: 1em; }

  .contact-us-address strong {

    font-weight: bold; }



/* ------------- FOOTER ------------- */

footer .footer_wrapper {

  background: #32261c; }

  footer .footer_wrapper .ccm-block-page-list-header h5, footer .footer_wrapper .footer-area-3 h5 {

    font-family: 'Roboto Slab', sans-serif;

    font-size: 19px;

    font-weight: 700;

    letter-spacing: 0.03em;

    color: #f68b1f;

    text-transform: uppercase; }

  footer .footer_wrapper .ccm-block-page-list-pages a {

    font-family: 'Roboto', sans-serif;

    font-size: 14px;

    font-weight: 400;

    letter-spacing: 0.03em;

    color: #ffffff; }

  footer .footer_wrapper p {

    font-family: 'Roboto', sans-serif;

    font-size: 13px;

    font-weight: 300;

    letter-spacing: 0.03em;

    color: #ffffff;

    text-align: center;

    line-height: 1.2em; }

    footer .footer_wrapper p a[href^=tel], footer .footer_wrapper p a[href^=fax] {

      color: #ffffff; }

  footer .footer_wrapper .text_orange {

    color: #f68b1f; }

  footer .footer_wrapper ul li a {

    font-family: 'Roboto', sans-serif;

    font-size: 14px;

    font-weight: 400;

    letter-spacing: 0.03em;

    color: #ffffff; }

footer .footer-bottom {

  font-family: 'Roboto', sans-serif;

  font-size: 13px;

  font-weight: 300;

  letter-spacing: 0.03em; }

  footer .footer-bottom .copywrite {

    color: #f68b1f; }

  footer .footer-bottom .zest {

    color: #7bba00;

    font-weight: bold;

    font-family: Georgia, "Times New Roman", serif;

    font-size: 17px; }



/* ------------- _menus.scss ------------- */

.menu {

  color: #32261c !important; }

  .menu-hover {

    color: #f68b1f !important; }

  .menu-selected {

    color: #f68b1f !important; }



/* ------------- AUTO-NAV ------------- */

nav {

  margin-top: 31px;

  float: right;

  /*ul*/ }

  nav ul {

    list-style: none;

    margin: 0;

    padding: 0;

    /*li*/

    /*dropdown menu start*/

    /*dropdown menu end*/ }

    nav ul li {

      padding: 5px 0;

      margin: 0;

      position: relative;

      display: inline-block;

      float: left;

      /*dropdown menu start*/

      /*dropdown menu end*/ }

      nav ul li a {

        color: #32261c;

        padding: 0 10px; }

        nav ul li a:hover, nav ul li a:focus {

          text-decoration: none;

          color: #f68b1f;

          outline: none; }

        nav ul li a.nav-selected {

          color: #f68b1f; }

      nav ul li:last-child a {

        padding-right: 0; }

      nav ul li:hover > ul {

        display: block; }

    nav ul ul {

      /*ul ul*/

      display: none;

      position: absolute;

      top: 100%;

      left: 0;

      background: #ffffff;

      padding: 0;

      z-index: 999; }

      nav ul ul li {

        float: none;

        width: 200px;

        z-index: 999; }

      nav ul ul ul {

        /*ul ul ul*/

        top: 0;

        left: 100%; }



/* ------------- RESPONSIVE NAVIGATION ------------- */

.ccm-responsive-overlay-open .ccm-responsive-overlay {

  left: 0;

  display: block;

  -webkit-transition: all 0.5s ease;

  -moz-transition: all 0.5s ease;

  -o-transition: all 0.5s ease;

  -ms-transition: all 0.5s ease;

  transition: all 0.5s ease; }



.ccm-responsive-overlay {

  background: rgba(246, 139, 31, 0.9);

  display: block;

  position: absolute;

  border-bottom: 5px solid #32261c;

  width: 100%;

  z-index: 9999;

  top: 160px;

  left: -100%;

  bottom: 0;

  height: 100%;

  padding-top: 15px;

  padding-left: 20px;

  -webkit-text-size-adjust: none;

  -webkit-transition: all 0.5s ease;

  -moz-transition: all 0.5s ease;

  -o-transition: all 0.5s ease;

  -ms-transition: all 0.5s ease;

  transition: all 0.5s ease; }

  .ccm-responsive-overlay ul {

    padding-left: 0;

    float: none;

    text-align: left; }

    .ccm-responsive-overlay ul li {

      list-style-type: none;

      display: block;

      width: 100%; }

      .ccm-responsive-overlay ul li a {

        color: #32261c !important;

        border-bottom: 1px solid #ffffff;

        display: block;

        padding: 0;

        max-width: 95%; }

        .ccm-responsive-overlay ul li a:hover, .ccm-responsive-overlay ul li a:focus {

          text-decoration: none;

          color: white !important;

          outline: none; }

        .ccm-responsive-overlay ul li a.nav-selected {

          color: white !important; }

      .ccm-responsive-overlay ul li.parent-ul a {

        color: #0099ff;

        display: inline-block;

        width: 95%;

        padding: 7px 5% 7px 0;

        margin: 0 5% 0 0;

        padding-left: 15px;

        height: 100%;

        text-decoration: none; }

        .ccm-responsive-overlay ul li.parent-ul a:after {

          padding-left: 7px;

          padding-top: 3px;

          font-family: 'FontAwesome', sans-serif;

          font-size: 14px;

          font-weight: 400;

          content: "\f107";

          font-style: normal;

          display: inline-block;

          cursor: pointer;

          text-decoration: inherit; }

        .ccm-responsive-overlay ul li.parent-ul a:hover {

          color: white; }

      .ccm-responsive-overlay ul li ul {

        /*new for dd start*/

        display: block;

        position: relative;

        background: none;

        top: 0;

        left: 0;

        /*new for dd end*/ }

        .ccm-responsive-overlay ul li ul li {

          width: 100%; }

        .ccm-responsive-overlay ul li ul ul {

          position: relative;

          left: 0;

          top: 0; }

        .ccm-responsive-overlay ul li ul li {

          padding-left: 10px; }

          .ccm-responsive-overlay ul li ul li.last-li a {

            padding-top: 0;

            font-size: 14px; }

            .ccm-responsive-overlay ul li ul li.last-li a:after {

              content: ""; }



.ccm-responsive-menu-launch {

  display: none;

  cursor: pointer;

  float: none;

  text-align: center;

  color: #f68b1f;

  text-decoration: none;

  font-weight: bold;

  line-height: 30px;

  padding: 7px 0;

  width: 100%;

  position: absolute;

  margin: 0px -15px;

  background-color: #32261c;

  -webkit-tap-highlight-color: transparent;

  z-index: 2; }

  .ccm-responsive-menu-launch span {

    margin-left: 10px;

    position: relative;

    font-size: 1.2em;

    color: #f68b1f; }



.ccm-responsive-menu-launch.responsive-button-close i:after {

  color: #f68b1f;

  content: "\f00d";

  font-family: 'FontAwesome', sans-serif;

  font-size: 20px;

  font-weight: 400;

  font-style: normal;

  display: inline-block;

  cursor: pointer;

  text-decoration: inherit; }



.ccm-responsive-menu-launch i:after {

  color: #f68b1f;

  content: "\f0c9";

  font-family: 'FontAwesome', sans-serif;

  font-size: 20px;

  font-weight: 400;

  font-style: normal;

  display: inline-block;

  cursor: pointer;

  text-decoration: inherit; }



@media all and (max-width: 767px) {

  .ccm-responsive-menu-launch {

    display: block; }



  .ccm-responsive-navigation.original {

    display: none; }



  header .ccm-search-block-form {

    margin-top: 20px; } }

@media all and (min-width: 768px) {

  .ccm-responsive-overlay {

    display: none !important; } }

/* ------------- _forms.scss ------------- */

/* ------------- FORM ------------- */

.ccm-block-type-form input[type="email"],

.ccm-block-type-form input[type="number"],

.ccm-block-type-form input[type="password"],

.ccm-block-type-form input[type="tel"],

.ccm-block-type-form input[type="text"],

.ccm-block-type-form input[type="url"],

.ccm-block-type-form textarea {

  border: 1px solid #E6E6E6;

  background-color: #E6E6E6;

  border-radius: 0px;

  box-shadow: none;

  padding: 12px;

  height: auto;

  margin-bottom: 15px;

  color: #000;

  font-family: 'Roboto Slab', sans-serif;

  font-size: 13px;

  font-weight: 400;

  letter-spacing: 0.03em; }

.ccm-block-type-form label {

  font-family: 'Roboto Slab', sans-serif;

  font-size: 13px;

  font-weight: 700;

  letter-spacing: 0.03em;

  margin-bottom: 3px;

  color: #000; }

  .ccm-block-type-form label .small {

    color: #000;

    font-size: 12px;

    opacity: 1 !important;

    font-weight: bold !important; }

    .ccm-block-type-form label .small::before {

      content: '(';

      display: inline-block; }

    .ccm-block-type-form label .small::after {

      content: ')';

      display: inline-block; }

.ccm-block-type-form .form-actions input.btn,

.ccm-block-type-form .form-actions input[type="submit"] {

  border: none;

  -webkit-border-radius: 0;

  -moz-border-radius: 0;

  border-radius: 0;

  background-color: #32261c;

  color: #f68b1f;

  float: none;

  display: block;

  width: 100%;

  text-transform: uppercase;

  font-family: 'Roboto Slab', sans-serif;

  font-size: 17px;

  font-weight: 400;

  letter-spacing: 0.03em;

  padding: 12px 25px; }

  .ccm-block-type-form .form-actions input.btn:hover,

  .ccm-block-type-form .form-actions input[type="submit"]:hover {

    background-color: #f68b1f;

    color: #ffffff; }



/* ------------- _components.scss ------------- */

/* ------------- CTA BUTTONS ------------- */

.cta_btn {

  font-family: 'Roboto Slab', sans-serif;

  font-size: 19px;

  font-weight: 400;

  letter-spacing: 0.03em;

  line-height: 41px;

  /* min-width:226px;*/

  padding-left: 35px;

  padding-right: 35px;

  height: 61px;

  text-decoration: none;

  text-transform: uppercase;

  -webkit-border-radius: 15px 0;

  -moz-border-radius: 15px 0;

  border-radius: 15px 0;

  display: inline-block;

  letter-spacing: 0.03em; }

  .cta_btn:hover {

    color: white; }



.btn_dark_brown {

  background: #32261c;

  color: #f68b1f; }



.btn_yellow {

  background: #f68b1f;

  color: #32261c; }



.home-top-text .btn_yellow {

  margin-left: 10px;

  padding-left: 50px;

  padding-right: 50px; }



.home-mid .btn_yellow {

  padding-left: 60px;

  padding-right: 60px; }



.home-mid .btn_dark_brown {

  padding-left: 55px;

  padding-right: 55px; }



.btn_sidebar {

  position: relative;

  font-size: 25px;

  line-height: 30px;

  -webkit-border-radius: 15px 0;

  -moz-border-radius: 15px 0;

  border-radius: 0px 0px 15px 0;

  padding: 50px 30px 30px 30px;

  width: 100%;

  height: auto;

  box-sizing: border-box; }

  .btn_sidebar:hover {

    color: #32261c;

    text-decoration: none; }

  .btn_sidebar:before {

    content: ' ';

    display: block;

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    z-index: -1;

    -webkit-background-size: cover;

    background-size: cover;

    background-position: right center;

    background-repeat: no-repeat;

    -webkit-border-radius: 15px 0;

    -moz-border-radius: 15px 0;

    border-radius: 0px 0px 15px 0; }



.need_advice {
  background-color: #f68b1f;

  padding: 43px 41px 32px 43px;

  border-radius: 0px 0px 15px 0;
}

.need_advice h3 {
	font-size: 20px;
	margin-bottom:20px;
	font-family: 'Roboto Slab', sans-serif;
}

.need_advice a {
	color:#fff;
}

.need_advice p {
	margin-bottom:10px;
}



.btn_sidebar_product {

  background-color: #f68b1f;

  color: #000000;

  padding: 43px 41px 32px 43px;

  border-radius: 0px 0px 15px 0;}


  .btn_sidebar_product a {

    color: #fff;

    font-family: 'Roboto', sans-serif;

    font-size: 23px;

    font-weight: 200;

    letter-spacing: 0.03em;

    margin-top: 35px;
}
  .btn_sidebar_product a:hover {

    color:#fff;
	  text-decoration: underline;
}



.btn_sidebar_service {

  background-color: rgba(50, 38, 28, 0.8);

  color: #f68b1f;

  padding-left: 39px;

  padding-top: 78px; }

  .btn_sidebar_service:before {

    background-image: url("../img/service-button-bg.png"); }



.btn_sidebar_toppad {

  padding-top: 80px; }



/* ------------- _queries.scss ------------- */

/* ------------- QUERIES ------------- */

/* Large Devices, Desktops */

@media only screen and (max-width: 1450px) {

  .home-mid .right-side {

    background-image: url("../img/home-middle-right-bg-without-wheat.png"); } }

/**SMALLER THAN 1200*******************************/

@media only screen and (max-width: 1200px) {

  .header_wrapper nav {

    float: left; }

    .header_wrapper nav ul li a {

      font-size: 15px; } }

@media only screen and (max-width: 1199px) {

  .header_text-overlap {

    width: 70%; }



  .btn_sidebar {

    font-size: 22px; }

    .btn_sidebar a {

      font-size: 19px; }



  .product-box h2 {

    font-size: 21px; }

  .product-box .product_description {

    min-height: 320px; }

  .product-box .product_description_short {

    min-height: 300px; } }

@media only screen and (max-width: 1161px) {

  .home-mid .left-side, .home-mid .right-side {

    min-height: 633px; } }

/**SMALLER THAN 1100*******************************/

@media only screen and (max-width: 1088px) {

  .header_text-overlap {

    width: 72%; } }

@media only screen and (max-width: 1037px) {

  .home-mid .left-side, .home-mid .right-side {

    min-height: 580px; }

    .home-mid .left-side .mid-contents, .home-mid .right-side .mid-contents {

      padding: 10px; } }

/* TABLETS */

/**SMALLER THAN 1026*******************************/

@media only screen and (max-width: 1026px) {

  .btn_sidebar {

    padding-left: 20px; }

    .btn_sidebar a {

      font-size: 14px; } }

/**SMALLER THAN 992*******************************/

@media only screen and (max-width: 992px) {

  .header_wrapper nav ul li a {

    font-size: 13px;

    padding: 0 4px; } }

@media only screen and (max-width: 991px) {

  .header_text-overlap {

    width: 84%; }



  .product-box h2 {

    font-size: 14px;

    font-weight: bold; }

  .product-box .product_description {

    min-height: 473px; }

  .product-box table td {

    padding: 5px 9px; }



  .home-main-section .ccm-layout-column-wrapper .ccm-layout-column-inner p {

    font-size: 11px; }



  .ccm-layout-column-wrapper div.ccm-layout-column {

    width: 19% !important;

    margin-right: 1%; } }

@media only screen and (max-width: 929px) {

  .header_text-overlap {

    width: 85%; } }

@media only screen and (max-width: 903px) {

  .home-mid .left-side, .home-mid .right-side {

    min-height: 640px; } }

/* iPad portrait */

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {

  .home-mid .mid-contents h2 {

    font-size: 44px; }



  .home-mid .mid-contents h3 {

    font-size: 23px !important; }



  .header_wrapper nav ul li a {

    font-size: 12px; }



  .product-box .analysis_heading {

    padding-left: 8px !important; } }

/* iPad landscape */

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {

  .product-box .analysis_heading {

    padding-left: 10px !important; }



  .home-mid .right-side {

    background-image: url("../img/mobile-mid-right-bg.png");

    position: relative; }



  /*.home-mid .right-side::before{

    content:' ';

    position:absolute;

    width:178px;

    height: 266px;

    background:url("../img/home-wheat-bg.png");

    background-position:0% 100%;

    background-repeat:no-repeat;

    background-size:61%;

    right:0;

    bottom:0;

    z-index:1;

    }*/

  .home-mid .btn_dark_brown {

    position: relative;

    z-index: 10; } }

/* PHONES */

/*@media only screen and (max-width:889px) {

  .home-mid .left-side, .home-mid .right-side{

    min-height:620px;

    }

  }*/

@media only screen and (max-width: 827px) {

  .header_text-overlap {

    width: 93%; }

    .header_text-overlap .home-top-text {

      text-align: left;

      margin-left: 2em; } }

/**********width 768. ipad ***********************/

@media screen and (width: 768px) {

  .product-box h2 {

    font-size: 14px;

    font-weight: bold; }

  .product-box .product_description {

    min-height: 473px; }



  .product-box .analysis_heading {

    font-size: 11px; }



  .product-box table td {

    padding: 5px 7px; }



  .btn_sidebar a {

    font-size: 14px; } }

@media only screen and (max-width: 768px) {

  .page-our-products .btn_sidebar {

    padding-left: 15px; }



  .home-top-text {

    margin-right: 14em; }



  .home-mid .mid-contents h3 {

    font-size: 22px; }



  .home-mid .right-side {

    background-image: url("../img/mobile-mid-right-bg.png"); } }

/**SMALLER THAN 767*******************************/

@media only screen and (max-width: 767px) {

  .page-template-home main, .page-template-full .full-page-banner {

    margin-top: 45px; }



  .header_wrapper img {

    display: block;

    margin: 0px auto;

    max-width: 100%;

    margin-bottom: 20px; }



  /*home page*/

  .header_text-overlap {

    width: 95%; }

    .header_text-overlap .home-top-text {

      text-align: left;

      margin-left: 1em; }

    .header_text-overlap .cta_btn {

      display: none; }



  .home-mid .left-side, .home-mid .right-side {

    min-height: 520px; }



  .home-mid .left-side .mid-contents {

    float: left;

    padding-right: 0px;

    padding-left: 0px; }



  .home-mid .right-side .mid-contents {

    padding-right: 0px;

    padding-left: 0px; }



  .ccm-layout-column-wrapper div.ccm-layout-column {

    width: 100% !important; }

    .ccm-layout-column-wrapper div.ccm-layout-column .ccm-layout-column-inner {

      min-height: 100px; }

      .ccm-layout-column-wrapper div.ccm-layout-column .ccm-layout-column-inner .icon-wrapper {

        width: 120px;

        float: left; }

        .ccm-layout-column-wrapper div.ccm-layout-column .ccm-layout-column-inner .icon-wrapper img {

          display: block;

          margin: 0px auto;

          position: inherit;

          float: none; }

      .ccm-layout-column-wrapper div.ccm-layout-column .ccm-layout-column-inner p {

        text-align: left;

        display: inline-table;

        font-size: 17px;

        padding-top: 10px; }



  /*product page*/

  .page-our-products .product-box img {

    display: block;

    max-width: 100%;

    margin: 0px auto; }

  .page-our-products .product-box table {

    width: 100%; }

  .page-our-products h2 {

    font-size: 32px;

    font-weight: 200; }

  .page-our-products .product_description {

    min-height: unset; }



  /*--footer areas--*/

  .footer-area-1 {

    margin-bottom: 60px; }

    .footer-area-1 img {

      display: block;

      margin: 0px auto; }



  .footer-area-4 img {

    margin: 0px auto !important;

    margin-bottom: 20px !important;

    margin-top: 30px !important;

    width: 100%;

    max-width: 350px; }



  .footer_links_wrapper {

    width: 150px;

    margin: 0px auto; } }

@media only screen and (max-width: 690px) {

  .home-top-text .btn_yellow {

    margin-left: 0px;

    margin-top: 5px; } }

@media only screen and (max-width: 660px) {

  .home-top-text {

    margin-right: 9em; }

    .home-top-text h2 {

      font-size: 45px;

      margin-right: 0; }

    .home-top-text h3 {

      font-size: 18px; }



  .home-mid .mid-contents h2 {

    font-size: 42px; } }

/**SMALLER THAN 550*******************************/

@media only screen and (max-width: 550px) {

  .home-top {

    background-image: url("../img/mobile-header_home.png") !important; }



  .home-top-text {

    padding-top: 20px; }



  .home-top-text h3 {

    font-size: 23px;

    line-height: 22px; }



  .home-top-text .btn_yellow {

    margin-left: 0;

    margin-top: 10px; } }

/* Small Devices, Phones */

@media only screen and (max-width: 450px) {

  /*--service page--*/

  .service-box-logo, .service-box-logo p {

    font-size: 16px;

    font-weight: 400; }



  .service-box-contents, .service-box-contents p {

    font-size: 12px; }



  .home-mid .cta_btn {

    margin-bottom: 40px; } }

@media only screen and (max-width: 371px) {

  .home-top-text {

    margin-top: 4em;

    margin-right: 0px; }

    .home-top-text h2 {

      font-size: 35px; }

    .home-top-text h3 {

      font-size: 15px; }



  .home-mid .mid-contents h2 {

    font-size: 38px; } }

/* Extra Small Devices, Phones */

@media only screen and (max-width: 360px) {

  .home-top-text h3 {

    font-size: 17px; } }

/* IE */



/*# sourceMappingURL=main.css.map */