/*------------------------------------------------------------------

METHANE STUDIOS
MASTER CSS v.2.0

-------------------------------------------------------------------*/
@import url(http://fonts.googleapis.com/css?family=Roboto:100,300,400,700);
@import url(http://fonts.googleapis.com/css?family=Lato:400,700);
p,
span,
h1,
h2,
h3,
h4,
h5,
h6 { font-family: 'Lato', sans-serif }
html,
body { overflow-x: hidden }
h1.homesub { letter-spacing: 0.2em }
h2.subhead { padding: .2em }
h2.contacthead {
    font-family: 'Roboto Light', sans-serif;
    font-weight: 100;
}
h3.subhead {
    font-family: 'Lato', sans-serif;
    font-weight: 700;
}
h4.subhead,
.methstevent-text {
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
}
body,
.founderstory,
h4.request {
    font-family: 'Roboto Light', sans-serif;
    font-weight: 300;
}
.boxtitle {
    font-family: 'Lato', sans-serif;
    /*font-weight: 700;*/
    letter-spacing: 3px;
    position: relative;
    top: 10px;
}
a { text-decoration: none !important }
a.boxtitle:hover {
    color: #fff;
    text-decoration: none;
}
ul {
    list-style: none;
    padding: 0em;
}
.wc-proceed-to-checkout { margin: 10px 0px }
/* ========================================================*
    MS [COLOR SWATCHES]
========================================================* */
.methstbg { background: #f1f1f1 }
.methstPecan { background: #ece8dd }
.methstTeal { background: #3bb1bd }
.methstTealshade { background: #5dc4ce }
.methstRed { background: #ee2d24 }
.methstRedshade { background: #f75a51 }
.methstDarkGray { background: #333333 }
.methstDarkGrayshade { background: #666666 }
.methstBlack { background: #000000 }
/* ========================================================*
    MS [COLOR ACCENTS]
========================================================* */
.methstlogo {
    background-image: url("../img/methane-logo.png");
    background-repeat: no-repeat;
}
.methst-accent-teal,
.methst-accent-teal a {
    color: #3bb1bd;
    text-decoration: none;
}
.methst-accent-red { color: #ee2d24 !important }
.methst-accent-drkgray { color: #666666 }
.methst-accent-white { color: #fff }
.methst-accent-black { color: #000000 }
.navbar { padding-top: 0px !important }
.navbar-inverse .navbar-nav > li > a,
ul.nav.navbar-nav > li a,
ul.nav.navbar-nav > li a:active {
    font-family: 'Lato', sans-serif;
    font-weight: 700;
    background: transparent;
    color: #fff;
    text-decoration: none;
    letter-spacing: 2px;
    transition: background-color 0.5s ease-out, color 0.5s ease-out;
}
.nohover a:hover { color: #fff !important }
/*.navbar-inverse .navbar-nav > li > a, ul.nav.navbar-nav > li a:not(.nohover):hover,
.navbar-inverse .navbar-nav > li > a:not(.nohover):hover,
ul.nav.navbar-nav > li a:not(.nohover):active {
    color: #fff !important;
}*/
ul.nav.navbar-nav.methnavpad > .open > li > a,
ul.nav.navbar-nav > .open > a,
ul.nav.navbar-nav > .open > a:hover,
ul.nav.navbar-nav > .open > a:focus,
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus { background: transparent }
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:active,
ul.nav.navbar-nav > li a:hover,
ul.nav.navbar-nav > li a:active {
    color: #ee2d24;
    transition: background-color 0.5s ease-in, color 0.5s ease-in;
}
.navbar-inverse .navbar-nav > .open > a { background: transparent }
.methstWhite,
nav.navbar.navbar-inverse.navbar-fixed-top.methstWhite a,
footer.navbar-inverse.methstWhite a { color: #fff }
ul.nav.navbar-nav > li {
    position: relative;
    display: block;
    padding: 0px 0px 15px;
}
ul.nav.navbar-nav.methnavpad li,
ul.nav.navbar-nav li {
    float: left;
    padding-right: 15px;
}
/*ul.nav.navbar-nav.methnavpad li:nth-child(4) { margin-left: 300px }*/
ul.nav.navbar-nav.methnavpad li a {
    padding-right: 15px;
    background: transparent;
}
ul.dropdown-menu.methstRed {
    border-radius: 0;
    /*position: absolute;
    right: 140px;*/
    text-align: center;
}
ul.dropdown-menu.yith-ajaxsearchform-container {
    border-radius: 0;
    position: absolute;
    left: -90px;
    top: 40px;
    text-align: center;
    padding: 1px;
}
li.searcharrow_box { padding: 15px }
ul.dropdown-menu.methstRed li {
    float: none !important;
    text-align: left;
}
ul.dropdown-menu.methstRed li { transition: background-color 0.5s ease-out, color 0.5s ease-out }
ul.dropdown-menu.methstRed li a:hover {
    background: transparent;
    color: #fff;
    transition: background-color 0.5s ease-in, color 0.5s ease-in;
}
.shoparrow_box {
    position: relative;
    background: #ee2d24;
}
.shoparrow_box:after {
    bottom: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(238, 45, 36, 0);
    border-bottom-color: #ee2d24;
    border-width: 15px;
    margin-left: -85px;
}
.searcharrow_box {
    position: relative;
    background: #fff;
    z-index: 4;
}
.searcharrow_box:after {
    bottom: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(238, 45, 36, 0);
    border-bottom-color: #fff;
    border-width: 15px;
    margin-left: -15px;
}
li.searcharrow_box { padding: 15px }
li.searcharrow_box input[type="search"] {
    font-family: 'Roboto Light', sans-serif;
    font-weight: 100;
    border: 1px solid #918C8C;
    padding: 5px 55px 5px 5px;
    color: #333;
}
li.dropdown-menu.methstRed:hover,
.dropdown-menu.methstRed li:hover,
.dropdown-menu.methstRed li:active { background: #f45b56 }
.dropdown-menu.methstRed li a { font-weight: 300 !important }
/* ========================================================*
    MS [AUGMENTS]
========================================================* */
.methstcaps { text-transform: uppercase }
.methstbold { font-weight: 700 }
.methstunderline { text-decoration: underline }
.methstinline { display: inline-block }
.center {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    max-width: 775px;
}
.aboutcenter {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    max-width: 1024px;
}
.mscenter {
    margin-left: auto;
    margin-right: auto;
    display: block;
    text-align: center;
}
.methstltrspace { letter-spacing: 0.2em }
.align-center { text-align: center }
/* Padding */
.methstsmpad {
    padding-top: 0.938em;
    padding-bottom: 0.938em;
}
.methstmdpad {
    padding-top: 2em;
    padding-bottom: 2em;
}
.methstlgpad {
    padding-top: 4em;
    padding-bottom: 4em;
}
.methsteventpad {
    padding-top: 4em;
    padding-bottom: 4em;
}
.methbtnmargin { }
.methsrvpad { margin-top: 4em }
.methstimgpad { margin-bottom: 2em }
.methstbtmpad { margin-bottom: 4em }
.methnavpad { padding-top: 2.5em }
.methpt { padding-top: 0.938em }
.methstleftmargin { margin-left: 2em }
.methnavpad2 { padding-right: 10em }
ArticlePad {
    padding-top: 0.938em;
    padding-bottom: 0.938em;
    padding-left: 0.938em;
    padding-right: 0.938em;
}
.methicon { font-size: 25px }
.meth-offset { margin: 0 9.4333% }
/* ========================================================*
    MS [BOX STYLES]
========================================================* */
.box {
    background: #f9f9f9;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.2), 0 2px 4px rgba(0, 0, 0, 0.1);
    margin-bottom: 20px;
}
.methstbox {
    padding-top: 2.5em;
    padding-bottom: 2.5em;
}
.methstitem-box {
    border: 1px solid #f1f1f1;
    padding: 50px;
    margin-top: 2.5em;
    margin-bottom: 2.5em;
}
.methstcat-box {
    border: 1px solid #f1f1f1;
    padding: 1em;
    margin-top: 2.5em;
    margin-bottom: 2.5em;
    transition: background-color 0.5s ease-in, color 0.5s ease-in;
}
.methstcat-box:hover {
    background: #3a3a3a;
    transition: background-color 0.5s ease-out, color 0.5s ease-out;
}
.methstsocial-box {
    border: 1px solid #f1f1f1;
    padding: 35px;
    margin-top: 2.5em;
    margin-bottom: 2.5em;
}
/* ========================================================*
    MS [ARTSY STYLES]
========================================================* */
.methstArtname {
    font-size: 18px;
    padding-top: 5px;
    padding-bottom: 5px;
}
.methstArtprice {
    font-size: 20px;
    padding-top: 5px;
    padding-bottom: 2.5em;
}
.methstSection {
    background-color: #f7f7f9;
    border: 1px solid #e1e1e8;
    border-radius: 4px;
}
.methstArticle .header {
    padding: 0.938em 0.938em;
    text-align: left;
    color: #fff;
    font-size: 1.5em;
}
.methartsysection {
    padding-bottom: 0.938em;
    padding-top: 0.938em;
}
p.product.woocommerce.add_to_cart_inline a span.amount {
    font-family: 'Roboto', sans-serif !important;
    text-decoration: none;
    color: #131313;
    display: block;
}
p.product.woocommerce.add_to_cart_inline span.amount { display: block }
.product-title { color: #3bb1bd }
ul.products { padding: 0 }
ul.products li.product a:hover { text-decoration: none }
ul.products li.product img {
    display: block;
    /*height: auto;*/
    margin: 0 auto;
}
ul.products li.product .item-wrapper {
    padding: 1.618em;
    padding-top: 0.5em;
}
.item-wrapper {
    padding: 1.618em;
    padding-top: 0.5em;
}
ul.products li.product .star-rating { margin-bottom: .618em }
ul.products li.product .price {
    font-family: 'Roboto', sans-serif !important;
    display: block;
    margin-bottom: .857em;
    color: #242424;
    font-weight: bold;
    font-size: 1.5em; /*1.214285714em*/
}
ul.products li.product .button,
.methstbutton {
    font-family: 'Lato', sans-serif;
    display: inline-block;
    width: 200px;
    padding: 0.5em;
    color: #ee2d24;
    border: 2px solid #ee2d24;
    font-size: 18px;
    text-align: center;
    outline: none;
    text-decoration: none;
    transition: background-color 0.5s ease-out, color 0.5s ease-out;
}
.methstbutton {
    display: inline-block;
    font-family: 'Lato', sans-serif;
    padding: 0.5em;
    color: #ee2d24;
    border: 2px solid #ee2d24;
    font-size: 14px;
    text-align: center;
    /*padding-left: 3em;;;;;;;;;;;;
    padding-right: 3em;*/
    outline: none;
    text-decoration: none;
    transition: background-color 0.5s ease-out, color 0.5s ease-out;
}
ul.products li.product .button:hover,
ul.products li.product .button:active,
.methstbutton:hover,
.methstbutton:active {
    background-color: #3bb1bd;
    color: #fff;
    text-decoration: none;
    transition: background-color 0.5s ease-in, color 0.5s ease-in;
}
.methstbutton-alt {
    display: inline-block;
    font-family: 'Lato', sans-serif;
    padding: 0.5em;
    color: #fff;
    border: 2px solid #fff;
    text-align: center;
    padding-left: 3em;
    padding-right: 3em;
    outline: none;
    text-decoration: none;
    transition: background-color 0.5s ease-out, color 0.5s ease-out;
}
.methstbutton-alt:hover,
.methstbutton-alt:active {
    background-color: #fff;
    color: #3bb1bd;
    text-decoration: none;
    transition: background-color 0.5s ease-in, color 0.5s ease-in;
}
.methstbutton-calltoaction {
    display: inline-block;
    background: #ee2d24;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 5px;
    padding: 10px 35px 10px 35px;
    border: none;
    transition: background-color 0.5s ease-out, color 0.5s ease-out;
}
.methstbutton-calltoaction:hover,
.methstbutton-calltoaction:active {
    background-color: #fff;
    color: #ee2d24;
    border: 2px solid #ee2d24;
    text-decoration: none;
    transition: background-color 0.5s ease-in, color 0.5s ease-in;
}
/* ========================================================*
    MS [BEHIND THE SCENES]
========================================================* */
.fillwidth {
    text-align: center;
    background-repeat: no-repeat;
    -moz-background-size: 100% 100%;
    background-size: 100% auto;
}
.opacity { background-color: #131313 }
.behind-the-scenes {
    height: 550px;
    background-image: url("../img/stockcomp1.png");
    text-align: center;
    padding-top: 150px;
    background-attachment: fixed;
    background-position: center center;
    background-size: cover;
}
.behind-the-scenes-text { font-size: 18px }
.ghost-button,
a.ghost-button {
    display: inline-block;
    font-family: 'Lato', sans-serif;
    padding: 0.5em;
    color: #fff;
    border: 2px solid #fff;
    text-align: center;
    padding-left: 3em;
    padding-right: 3em;
    outline: none;
    text-decoration: none;
    transition: background-color 0.5s ease-out, color 0.5s ease-out;
}
.ghost-button:hover,
.ghost-button:active {
    background-color: #FFF;
    color: #333333;
    text-decoration: none;
    transition: background-color 0.5s ease-in, color 0.5s ease-in;
}
/* ========================================================*
    MS [SERVICES STYLES]
========================================================* */
ul.methstservices {
    padding-left: 0px;
    padding-top: 1em;
}
li.methstservices {
    font-family: 'Lato', sans-serif;
    font-size: 2em;
    padding: 0.2em 0em;
    margin-right: 1.5em;
    margin-bottom: 2px;
    margin-top: 0.em;
    display: inline !important;
    word-break: break-word;
}
li.methstservices::after {
    content: " | ";
    white-space: nowrap;
    padding-left: 1.5em;
}
li.methstservices:last-child::after {
    content: "";
    white-space: nowrap;
}
.methservicestext {
    font-family: 'Roboto Light', sans-serif;
    font-size: 1.2em;
    font-weight: 300;
    padding-left: 6em;
    padding-right: 6em;
}
.methstservmpad { margin-bottom: 10em }
/* ========================================================*
    MS [SOCIAL STYLES]
========================================================* */
.where-we-hangout {
    background-image: url("../img/stockcomp2.png");
    text-align: center;
    padding-top: 150px;
    background-attachment: fixed;
    background-position: center center;
    background-size: cover;
}
.methstripe-event {
    border: 1px solid #f1f1f1;
    padding: 35px;
    margin-top: 2.5em;
    margin-bottom: 2.5em;
    background: repeating-linear-gradient( 45deg, #54bccb, #54bccb 8px, #3bb1bd 5px, #3bb1bd 15px );
}
.methstripe-blog {
    border: 1px solid #f1f1f1;
    padding: 35px;
    margin-top: 2.5em;
    margin-bottom: 2.5em;
    background: repeating-linear-gradient( -45deg, #54bccb, #54bccb 60px, #3bb1bd 40px, #3bb1bd 140px );
}
.circle-text { width: 50% }
.circle-text:after {
    content: "";
    display: block;
    width: 100%;
    height: 0;
    padding-bottom: 100%;
    border: 1px solid #fff;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}
.circle-text div {
    float: left;
    width: 100%;
    padding-top: 20%;
    line-height: 1em;
    margin-top: -0.5em;
    text-align: center;
    color: white;
}
/*.methstcircle-event {
}
.methstcircle-event:after {
    content: "";
    display: block;
    width: 100%;
    height:0;
    border: 1px solid #fff;
    padding-bottom: 100%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}
.methstcircle-event-space {
    float:left;
    width:100%;
    padding-top:50%;
    line-height:1em;
    margin-top:-0.5em;
    text-align:center;
    color:white;
}*/
/* ========================================================*
    MS [FOUNDERS STYLES]
========================================================* */
.methsthalf { width: 50% }
.foundermark {
    background-image: url("../img/markbio.png");
    background-position: center center;
    background-size: cover;
}
.founderrobert {
    background-image: url("../img/robertbio.png");
    background-position: center center;
    background-size: cover;
}
/* ========================================================*
    MS [ABOUT STYLES]
========================================================* */
.methst-about-hero {
    background-image: url("../img/methane-about-hero.png");
    background-position: center center;
    background-size: cover;
    padding-top: 400px;
    padding-bottom: 400px;
}
.abouthead,
.serviceshead {
    font-family: 'Roboto Light', sans-serif;
    font-weight: 100;
    line-height: 1.5;
}
h1.abouthead.pad {
    padding-top: 45px; /*90*/
    padding-bottom: 42px; /*85*/
}
.abouttext {
    font-family: 'Roboto Light', sans-serif;
    line-height: 2;
    font-size: 20px;
    padding-bottom: 50px;
}
.servicestext {
    font-family: 'Roboto Light', sans-serif;
    line-height: 2;
    font-size: 20px;
}
.overlay {
    opacity: 0.8;
    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;
}
.overlay:hover {
    background-color: #131313;
    opacity: 1.0;
    display: block;
}
img.productbox { overflow: hidden }
.hoverlay {
    background: rgba(0,0,0,.75);
    text-align: center;
    padding: 45px 0 66px 0;
    opacity: 0;
    -webkit-transition: opacity .25s ease;
    -moz-transition: opacity .25s ease;
}
img.productbox:hover .hoverlay { opacity: 1 }
.socialgallery { }
/* ========================================================*
    MS [CONTACT US STYLES]
========================================================* */
.methst-contact-hero {
    background-image: url("../img/methane-contact-hero.png");
    background-position: center center;
    background-size: cover;
    padding-top: 100px;
    padding-bottom: 100px;
}
.generalcontact {
    border-bottom: 1px solid #000;
    : ;
    border-top: 1px solid #000;
    padding-top: 1em;
    padding-bottom: 1em;
}
.generalcontacttxt {
    font-family: 'Roboto Light', sans-serif;
    font-weight: 100;
    color: #3bb1bd;
    font-size: 18px;
    padding-left: 75px;
    padding-top: 0.8em;
}
.iconcontact {
    font-size: 40px;
    /*border-bottom: 1px solid #000;*/
    border-top: 1px solid #000;
    padding-bottom: 2px;
    padding-left: 35px;
}
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 textarea,
#dropdown-state,
#dropdown-state {
    font-family: 'Roboto Light', sans-serif;
    font-weight: 100;
    border: 1px solid #918C8C;
    padding: 5px 0px 5px 15px;
    width: 100%;
}
.wpcf7-submit {
    background: #ee2d24;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 5px;
    padding: 10px 35px 10px 35px;
    border: none;
}
.wpcf7 select {
    background: url('http://jonathanphz.tk/dropdown_arrow.png') no-repeat; /*Adds background-image*/
    background-position: 205px -7px; /*Position of the background-image*/
    width: 100px; /*Width of select dropdown to give space for arrow image*/
    height: 20px; /*fix for mac input height*/
    cursor: pointer;
    border-radius: 0;
    color: #918C8C;
    margin: 0;
    padding: 15px 10px 25px;
    text-indent: 10px;
    height: 33px;
    z-index: 100;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url("../img/Methane_Contact_dropdown_03.png");
}
.formbox {
    padding-right: 2em;
    padding-left: 2em;
}
/* ========================================================*
    MS [FOOTER STYLES]
========================================================* */
footer {
    padding-top: 2.5em;
    padding-bottom: 2.5em;
}
.sticky-footer {
    position: absolute;
    bottom: 0;
    width: 100%;
}
.subtitle { letter-spacing: 0.2em }
.copy { font-size: 0.8em }
/* ========================================================*
    MS [OVERRIDE STYLES]
========================================================* */
.methst-services-hero {
    background-image: url("../img/methane-services-hero.png");
    background-position: center center;
    background-size: cover;
    padding-top: 100px;
    padding-bottom: 100px;
}
.truncate {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.navbar {
    margin-bottom: 0px;
    /*padding-bottom: 20px;*/
    padding-top: 20px;
    border-radius: 0px;
}
.revprods { padding: 0px 15px }
#methnavmenu { }
img.methminilogo { max-width: none !important }
.galleryheight { min-height: 380px }
.tp-leftarrow:before { content: url("http://www.monkeypantsstudios.com/navimages/new-button-prev-invert.png") }
.tp-rightarrow:before { content: url("http://www.monkeypantsstudios.com/navimages/new-button-next-invert.png") }
.owl-theme .owl-controls .owl-buttons div {
    color: #FFF;
    display: inline-block;
    zoom: 1;
    *: ;
    display: inline; /*IE7 life-saver */
    margin: 5px;
    /*margin: 0px 420px;*/
    position: relative;
    bottom: 500px;
    padding: 3px 10px;
    font-size: 12px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    background: transparent;
    opacity: 1;
}
.owl-prev { float: left }
owl-next { float: right}
.owl-prev, .owl-next { position: absolute !important }
.owl-prev:before { content: url("http://www.monkeypantsstudios.com/navimages/new-button-prev-invert.png");
    position: relative;
    right: 700px;}
.owl-next:before { content: url("http://www.monkeypantsstudios.com/navimages/new-button-next-invert.png");
    position: relative;
    left: 650px; }
/* ========================================================*
    MS [WOO COMMERCE STYLES]
========================================================* */
.woocommerce .woocommerce-breadcrumb { padding-top: 35px !important }
.woocommerce ul.products li.product h3 {
    color: #3bb1bd;
    font-size: 1.5em;
    text-align: center;
}
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product { text-align: center }
/*.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
    float: left;
    margin: 0;
   padding: 0 15px 0 15px;
    position: relative;
    width: 25%;
}

.woocommerce ul.products li.product { margin-bottom: 35px }*/
.woocommerce ul.products.homeprods li.product {
    float: left;
    margin: 0;
    width: 25%;
}
.galleryproducts { clear: inherit !important }
img.gallery {
    display: block;
    height: auto;
    margin: 0 auto;
    max-width: 100%;
}
/*.woocommerce ul.products li.product .price {
    color: #131313;
    font-size: x-large;
    text-align: center;
}*/
.price {
    display: block;
    color: #131313 !important;
    font-size: x-large !important;
    text-align: center !important;
}
div.summary.entry-summary p.price { text-align: initial !important }
.woocommerce a.button {
    font-family: 'Lato', sans-serif !important;
    font-weight: 100 !important;
    display: inline-block !important;
    width: 200px !important;
    padding: 0.5em !important;
    color: #3bb1bd !important;
    border: 2px solid #3bb1bd !important;
    font-size: 18px !important;
    text-align: center !important;
    outline: none !important;
    background-color: transparent !important;
    text-decoration: none !important;
    transition: background-color 0.5s ease-out, color 0.5s ease-out !important;
    border-radius: 0 !important;
    text-transform: uppercase !important;
    margin-top: 1em !important;
    /*font-size: 100%;;;;;;
    margin: 0;
    line-height: 1;
    cursor: pointer;
    position: relative;
    font-family: inherit;
    text-decoration: none;
    overflow: visible;
    padding: 0;
    text-transform: uppercase;
    font-weight: 100;
    border-radius: 0px;
    left: auto;
    color: #515151;
    background-color: transparent;
    border: 0;
    white-space: nowrap;
    display: inline-block;
    background-image: none;
    box-shadow: none;
    -webkit-box-shadow: none;
    text-shadow: none;*/
}
.woocommerce a.button:hover {
    background-color: #3bb1bd !important;
    color: #fff !important;
    text-decoration: none !important;
    transition: background-color 0.5s ease-in, color 0.5s ease-in !important;
}
.woocommerce button.button.alt:hover,
.woocommerce #respond input#submit.alt:hover,
.woocommerce input.button.alt:hover,
.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt {
    background: #ee2d24 !important;
    border: none !important;
    font-size: inherit !important;
}
.woocommerce a.button.alt:hover {
    background: #f75a51;
    color: #fff -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;
}
@media screen and (-webkit-min-device-pixel-ratio:0) { 
    /* Safari-Opera specific declarations here */
    .woocommerce a.button.alt {
        background: #ee2d24;
        border: none;
        font-weight: 500;
    }
}
a.checkout-button.button.alt.wc-forward { padding: 10px; color: #fff !important }
.woocommerce div.product div.images { width: inherit }
.woocommerce div.product div.summary { width: 70% }
ul.products li.product .button,
.methstbutton {
    font-family: 'Lato', sans-serif;
    display: inline-block;
    width: 200px;
    padding: 0.5em;
    color: #3bb1bd;
    border: 2px solid #3bb1bd;
    font-size: 18px;
    text-align: center;
    outline: none;
    text-decoration: none;
    transition: background-color 0.5s ease-out, color 0.5s ease-out;
}
.woocommerce div.product div.images img { width: 432px !important }
p.product.woocommerce.add_to_cart_inline {
    border: none !important;
    text-align: center;
    color: #131313;
    font-size: x-large;
}
.woocommerce .related ul li.product,
.woocommerce .related ul.products li.product,
.woocommerce .upsells.products ul li.product,
.woocommerce .upsells.products ul.products li.product { width: 22.5% !important }
.image25 { width: 25% !important }
.image50 { width: 50% !important }
.woocommerce .cart-collaterals .cart_totals,
.woocommerce-page .cart-collaterals .cart_totals { width: initial }
/*.woocommerce ul.products li.product { width: initial }
.woocommerce-page ul.products li.product { width: initial }*/
/* ========================================================*
    MS [CART STYLES]
========================================================* */
tr.cart-subtotal,
tr.order-total,
tr.shipping th {
    padding-right: 10px;
    padding-bottom: 5px;
}
.woocommerce .cart-collaterals .cart_totals { float: right }
.woocommerce table.shop_table { margin-top: 25px !important }
.woocommerce .woocommerce-info { border-top-color: #3bb1bd }
.woocommerce table.shop_table { margin: 20px 0px; !important }
/* ========================================================*
    MS [MEDIA QUERIES STYLES]
========================================================* */
@media (max-width: 992px) { 
    li.methstservices { font-size: 1.5em }
    li.methstservices::after {
        content: "|";
        white-space: nowrap;
    }
    .woocommerce div.product div.summary { width: 52% !important }
    .woocommerce .related ul li.product,
    .woocommerce .related ul.products li.product { width: 30% }
}
@media (max-width: 564px) { 
    .woocommerce div.product div.summary { width: 100% }
}
@media (min-width: 993px) { 
    #logomobile {
        position: absolute;
        top: 20px;
        right: 880px;
        z-index: 2;
    }
    #shopmobile {
        display: none;
        position: absolute;
        right: 400px;
        top: 40px;
    }
    #logomobile { display: block }
    img#logomobile { max-width: 8% }
}
@media (min-width: 9999px) { 
    #logomobile {
        position: absolute;
        top: 20px;
        right: 880px;
        z-index: 2;
    }
}
/* ========================================================*
    iPhone 6+ [Portrait & Landscape]
========================================================* */
@media only screen and (min-device-width:414px) and (max-device-width:736px) and (orientation:portrait) { 
    .itemicon,
    #logoinit,
    #msscart,
    #mssearch,
    #methsearch,
    #methcart { display: none }
    .navbar-inverse .navbar-toggle {
        border: none;
        float: left;
        margin-right: 15px;
    }
    .primarysearch { display: none !important }
    #logomobile {
        position: absolute;
        top: -5px;
        max-width: 33%;
        left: 110px;
        z-index: 2;
    }
    #shopmobile {
        display: block;
        position: absolute;
        right: 20px;
        top: -10px;
    }
    ul.nav.navbar-nav > li { float: none }
    ul#shopmobile.nav.navbar-nav.navbar-right.mobileright > li { float: left }
    ul.nav.navbar-nav.methnavpad li,
    ul.nav.navbar-nav li { float: none }
    .navbar { padding-bottom: 0px }
    .navbar-inverse .navbar-toggle:hover { color: none }
    ul.nav.navbar-nav.methnavpad li:nth-child(4) { margin-left: 0 }
    ul.nav.navbar-nav.methnavpad li:hover,
    ul.nav.navbar-nav li:hover { color: #f75a51 }
    .searcharrow_box { margin-top: 40px }
    li.searcharrow_box:after {
        content: "";
        left: 90%;
    }
    ul.nav.navbar-nav > .open > a#myid {
        position: relative;
        right: -184px;
    }
    .woocommerce .col2-set .col-1,
    .woocommerce-page .col2-set .col-1 {
        float: left;
        width: 100%;
    }
    .woocommerce .col2-set .col-2,
    .woocommerce-page .col2-set .col-2 {
        float: left;
        width: 100%;
    }
    .slide-entry { height: 200px }
}
@media screen and (max-width: 736px) { 
    .woocommerce ul.products li.product,
    .woocommerce-page ul.products li.product {
        float: left;
        margin: 0;
        padding: 0 15px 0 15px;
        position: relative;
        width: 47%;
        margin-bottom: 35px;
    }
    .navbar-nav { margin: 7.5px 7px }
}
@media only screen and (min-device-width:414px) and (max-device-width:736px) and (orientation:landscape) { 
    .itemicon,
    #logoinit,
    #msscart,
    #mssearch,
    #methsearch,
    #methcart { display: none }
    .navbar-inverse .navbar-toggle {
        border: none;
        float: left;
        margin-right: 15px;
    }
    .primarysearch { display: none !important }
    #logomobile {
        position: absolute;
        top: -5px;
        max-width: 20%;
        left: 280px;
        z-index: 2;
    }
    #shopmobile {
        display: block;
        position: absolute;
        right: 20px;
        top: -10px;
    }
    ul.nav.navbar-nav > li { float: none }
    ul#shopmobile.nav.navbar-nav.navbar-right.mobileright > li { float: left }
    ul.nav.navbar-nav.methnavpad li,
    ul.nav.navbar-nav li { float: none }
    .navbar { padding-bottom: 0px }
    .navbar-inverse .navbar-toggle:hover { color: none }
    ul.nav.navbar-nav.methnavpad li:hover,
    ul.nav.navbar-nav li:hover { color: #f75a51 }
    /*ul.nav.navbar-nav.methnavpad li:nth-child(4) { margin-left: 0 }*/
    .searcharrow_box { margin-top: 20px }
    li.searcharrow_box:after {
        content: "";
        left: 90%;
    }
    ul.nav.navbar-nav > .open > a#myid {
        position: relative;
        right: -184px;
    }
    .woocommerce .col2-set .col-1,
    .woocommerce-page .col2-set .col-1 {
        float: left;
        width: 100%;
    }
    .woocommerce .col2-set .col-2,
    .woocommerce-page .col2-set .col-2 {
        float: left;
        width: 100%;
    }
}
/* Smartphones */
@media screen and (max-width: 414px) { 
    .woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
    float: left;
    margin: 0 !important;
    padding: 0 15px 0 15px !important;
    position: relative !important;
    width: 100% !important;
    margin-bottom: 35px !important;
    }
    .navbar-nav { margin: 7.5px 7px }
}
@media (max-width: 480px) { 
    ul.nav.navbar-nav.methnavpad li,
    ul.nav.navbar-nav li {
        padding-left: 10px;
        padding-right: 15px;
        float: none;
    }
    li.methstservices {
        font-size: 1em !important;
        margin-right: 0;
    }
    li.methstservices::after {
        content: "|";
        white-space: nowrap;
        padding-left: 0.2em;
    }
    .methservicestext {
        padding-left: 3em;
        padding-right: 3em;
    }
    .methbtnmargin {
        margin-right: 35px;
        margin-left: 35px;
    }
    .itemicon,
    #logoinit { display: none }
    .navbar-inverse .navbar-toggle {
        border: none;
        float: left;
        margin-right: 15px;
    }
    #logomobile {
        position: absolute;
        top: -5px;
        max-width: 35%;
        left: 110px;
    }
    .navbar { padding-bottom: 0px }
    .navbar-inverse .navbar-toggle:hover { color: none }
    ul.nav.navbar-nav.methnavpad li:nth-child(4) { margin-left: 0 }
    .methnav_menu {
        position: relative;
        background: #ee2d24;
    }
    .methnav_menu:after {
        bottom: 100%;
        left: 10%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-color: rgba(238, 45, 36, 0);
        border-bottom-color: #ee2d24;
        border-width: 15px;
        margin-left: -15px;
    }
    .boxtitle { top: 0px }
    .galleryheight { min-height: 0 }

}
/* Smartphones to Tablets */
@media (min-width: 481px) and (max-width: 767px) { 
    .navbar-inverse .navbar-toggle {
        border: none;
        float: left;
        margin-right: 15px;
    }
}
/* ========================================================*
    iPhone 6 [Portrait & Landscape]
========================================================* */
@media only screen and (min-device-width:375px) and (max-device-width:667px) and (orientation:portrait) { 
    .itemicon,
    #logoinit,
    #msscart,
    #mssearch,
    #methsearch,
    #methcart { display: none }
    .navbar-inverse .navbar-toggle {
        border: none;
        float: left;
        margin-right: 15px;
    }
    .primarysearch { display: none !important }
    #logomobile {
        position: absolute;
        top: -5px;
        max-width: 35%;
        left: 110px;
        z-index: 2;
    }
    #shopmobile {
        display: block;
        position: absolute;
        right: 20px;
        top: -10px;
    }
    ul.nav.navbar-nav > li { float: none }
    ul#shopmobile.nav.navbar-nav.navbar-right.mobileright > li { float: left }
    ul.nav.navbar-nav.methnavpad li { float: none }
    .navbar { padding-bottom: 0px }
    .navbar-inverse .navbar-toggle:hover { color: none }
    ul.nav.navbar-nav.methnavpad li:hover,
    ul.nav.navbar-nav li:hover { color: #f75a51 }
    ul.nav.navbar-nav.methnavpad li:nth-child(4) { margin-left: 0 }
    .woocommerce .col2-set .col-1,
    .woocommerce-page .col2-set .col-1 {
        float: left;
        width: 100%;
    }
    .woocommerce .col2-set .col-2,
    .woocommerce-page .col2-set .col-2 {
        float: left;
        width: 100%;
    }
}
@media only screen and (min-device-width:375px) and (max-device-width:667px) and (orientation:landscape) { 
    .itemicon,
    #logoinit,
    #msscart,
    #mssearch,
    #methsearch,
    #methcart { display: none }
    .navbar-inverse .navbar-toggle {
        border: none;
        float: left;
        margin-right: 15px;
    }
    .primarysearch { display: none !important }
    #logomobile {
        position: absolute;
        top: -5px;
        max-width: 20%;
        left: 250px;
        z-index: 2;
    }
    #shopmobile {
        display: block;
        position: absolute;
        right: 20px;
        top: -10px;
    }
    ul.nav.navbar-nav > li { float: none }
    ul#shopmobile.nav.navbar-nav.navbar-right.mobileright > li { float: left }
    ul.nav.navbar-nav.methnavpad li { float: none }
    .navbar { padding-bottom: 0px }
    .navbar-inverse .navbar-toggle:hover { color: none }
    ul.nav.navbar-nav.methnavpad li:hover,
    ul.nav.navbar-nav li:hover { color: #f75a51 }
    /*img#logomobile { max-width: 100% }*/
    ul.nav.navbar-nav.methnavpad li:nth-child(4) { margin-left: 0 }
    .searcharrow_box { margin-top: 20px }
    li.searcharrow_box:after {
        content: "";
        left: 90%;
    }
    ul.nav.navbar-nav > .open > a#myid {
        position: relative;
        right: -180px;
    }
    .woocommerce .col2-set .col-1,
    .woocommerce-page .col2-set .col-1 {
        float: left;
        width: 100%;
    }
    .woocommerce .col2-set .col-2,
    .woocommerce-page .col2-set .col-2 {
        float: left;
        width: 100%;
    }
}
/* ========================================================*
    iPhone 5 + 5S [Portrait & Landscape ]
========================================================* */
@media only screen and (min-device-width:320px) and (max-device-width:568px) and (orientation:portrait) and (-webkit-device-pixel-ratio: 2) { 
    .itemicon,
    #logoinit,
    #msscart,
    #mssearch,
    #methsearch,
    #methcart { display: none }
    .navbar-inverse .navbar-toggle {
        border: none;
        float: left;
        margin-right: 10px;
    }
    .primarysearch { display: none !important }
    #logomobile {
        position: absolute;
        top: -5px;
        max-width: 42%;
        left: 90px;
        z-index: 2;
    }
    #shopmobile {
        display: block;
        position: absolute;
        right: 20px;
        top: -10px;
    }
    ul.nav.navbar-nav > li { float: none }
    ul#shopmobile.nav.navbar-nav.navbar-right.mobileright > li { float: left }
    ul.nav.navbar-nav.methnavpad li,
    ul.nav.navbar-nav li { float: none }
    .mobileright { float: left }
    .navbar { padding-bottom: 0px }
    .navbar-inverse .navbar-toggle:hover { color: none }
    ul.nav.navbar-nav.methnavpad li:hover,
    ul.nav.navbar-nav li:hover { color: #f75a51 }
    ul.nav.navbar-nav.methnavpad li:nth-child(4) { margin-left: 0 }
    li.searcharrow_box { margin-top: 40px }
    li.searcharrow_box:after {
        content: "";
        left: 90%;
    }
    ul.nav.navbar-nav > .open > a#myid {
        position: relative;
        right: -184px;
    }
    .woocommerce .col2-set .col-1,
    .woocommerce-page .col2-set .col-1 {
        float: left;
        width: 100%;
    }
    .woocommerce .col2-set .col-2,
    .woocommerce-page .col2-set .col-2 {
        float: left;
        width: 100%;
    }
    .slide-entry { height: 150px }
    .woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
    float: left;
    margin: 0 !important;
    padding: 0 15px 0 15px !important;
    position: relative !important;
    width: 100% !important;
    margin-bottom: 35px !important;
    }
    .woocommerce table.shop_table td { margin:20px 0px !important; padding: 0px !important; }
}
@media only screen and (min-device-width:320px) and (max-device-width:568px) and (orientation:landscape) and (-webkit-device-pixel-ratio: 2) { 
    .itemicon,
    #logoinit,
    #msscart,
    #mssearch,
    #methsearch,
    #methcart { display: none }
    .navbar-inverse .navbar-toggle {
        border: none;
        float: left;
        margin-right: 10px;
    }
    #logomobile {
        position: absolute;
        top: -5px;
        max-width: 24%;
        left: 190px;
        z-index: 2;
    }
    #shopmobile {
        display: block;
        position: absolute;
        right: 20px;
        top: -10px;
    }
    ul.nav.navbar-nav > li { float: none }
    ul#shopmobile.nav.navbar-nav.navbar-right.mobileright > li { float: left }
    ul.nav.navbar-nav.methnavpad li,
    ul.nav.navbar-nav li { float: none }
    .mobileright { float: left }
    .navbar { padding-bottom: 0px }
    .navbar-inverse .navbar-toggle:hover { color: none }
    ul.nav.navbar-nav.methnavpad li:hover,
    ul.nav.navbar-nav li:hover { color: #f75a51 }
    ul.nav.navbar-nav.methnavpad li:nth-child(4) { margin-left: 0 }
    .searcharrow_box { margin-top: 20px }
    li.searcharrow_box:after {
        content: "";
        left: 90%;
    }
    ul.nav.navbar-nav > .open > a#myid {
        position: relative;
        right: -184px;
    }
    .woocommerce .col2-set .col-1,
    .woocommerce-page .col2-set .col-1 {
        float: left;
        width: 100%;
    }
    .woocommerce .col2-set .col-2,
    .woocommerce-page .col2-set .col-2 {
        float: left;
        width: 100%;
    }
    .woocommerce table.shop_table td { margin:20px 0px !important; padding: 0px !important; }

}
/* ========================================================*
    iPhone 4 [Portrait & Landscape ]
========================================================* */
@media only screen and (min-device-width:320px) and (max-device-width:480px) and (orientation:portrait) and (-webkit-device-pixel-ratio: 2) { 
    .itemicon,
    #logoinit,
    #msscart,
    #mssearch,
    #methsearch,
    #methcart { display: none }
    .navbar-inverse .navbar-toggle {
        border: none;
        float: left;
        margin-right: 10px;
    }
    #logomobile {
        position: absolute;
        top: -5px;
        max-width: 42%;
        left: 90px;
        z-index: 2;
    }
    #shopmobile {
        display: block;
        position: absolute;
        right: 20px;
        top: -10px;
    }
    ul.nav.navbar-nav > li { float: none }
    ul#shopmobile.nav.navbar-nav.navbar-right.mobileright > li { float: left }
    ul.nav.navbar-nav.methnavpad li,
    ul.nav.navbar-nav li { float: none }
    .mobileright { float: left }
    .navbar { padding-bottom: 0px }
    .navbar-inverse .navbar-toggle:hover { color: none }
    ul.nav.navbar-nav.methnavpad li:nth-child(4) { margin-left: 0 }
    .woocommerce .col2-set .col-1,
    .woocommerce-page .col2-set .col-1 {
        float: left;
        width: 100%;
    }
    .woocommerce .col2-set .col-2,
    .woocommerce-page .col2-set .col-2 {
        float: left;
        width: 100%;
    }
}
@media only screen and (min-device-width:320px) and (max-device-width:480px) and (orientation:landscape) and (-webkit-device-pixel-ratio: 2) { 
    .itemicon,
    #logoinit,
    #mssearch,
    #msscart,
    #methsearch,
    #methcart { display: none }
    .navbar-inverse .navbar-toggle {
        border: none;
        float: left;
        margin-right: 10px;
    }
    #logomobile {
        position: absolute;
        top: -5px;
        max-width: 28%;
        left: 150px;
        z-index: 2;
    }
    #shopmobile {
        display: block;
        position: absolute;
        right: 20px;
        top: -10px;
    }
    ul.nav.navbar-nav > li { float: none }
    ul#shopmobile.nav.navbar-nav.navbar-right.mobileright > li { float: left }
    ul.nav.navbar-nav.methnavpad li,
    ul.nav.navbar-nav li { float: none }
    .mobileright { float: left }
    .navbar { padding-bottom: 0px }
    .navbar-inverse .navbar-toggle:hover { color: none }
    ul.nav.navbar-nav.methnavpad li:nth-child(4) { margin-left: 0 }
    .woocommerce .col2-set .col-1,
    .woocommerce-page .col2-set .col-1 {
        float: left;
        width: 100%;
    }
    .woocommerce .col2-set .col-2,
    .woocommerce-page .col2-set .col-2 {
        float: left;
        width: 100%;
    }
}
/* ========================================================*
    iPad  [Portrait & Landscape]
========================================================* */
@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio: 1) { 
    #logomobile {
        /* display: none;*/
        position: absolute;
        top: 20px;
        right: 330px;
        z-index: 2;
        max-width: 17%;
    }
    #shopmobile {
        position: absolute;
        right: 70px;
        top: 40px;
    }
    #header {
        background-color: #ffd727;
        height: 40px;
        position: relative;
        margin: 150px auto 0;
    }
    #header ul {
        margin: 0 auto;
        width: 800px;
        padding: 0;
        list-style: none;
    }
    #header ul li {
        float: left;
        width: 97px;
    }
    /*ul.nav.navbar-nav.methnavpad li:nth-child(4) { margin-left: 140px }*/
    ul.nav.navbar-nav.methnavpad li,
    ul.nav.navbar-nav li {
        float: left;
        padding-right: 0px;
    }
    ul.nav.navbar-nav.methnavpad li a { padding-right: 15px }
    .methnavpad2 { padding-right: 0em }
    #header ul li a {
        text-transform: uppercase;
        text-decoration: none;
        display: block;
        text-align: center;
        padding: 12px 0 0 0;
        height: 28px;
    }
}
.logo {
    position: absolute;
    left: 50%;
    margin: -48px 0 0 -108px;
}
@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio: 1) { 
    #logomobile {
        /* display: none;*/
        position: absolute;
        top: 20px;
        right: 450px;
        z-index: 2;
        max-width: 15%;
    }
    #shopmobile {
        display: none;
        position: absolute;
        right: 70px;
        top: 40px;
    }
    #header {
        background-color: #ffd727;
        height: 40px;
        position: relative;
        margin: 150px auto 0;
    }
    #header ul {
        margin: 0 auto;
        width: 800px;
        padding: 0;
        list-style: none;
    }
    #header ul li {
        float: left;
        width: 97px;
    }
    /*ul.nav.navbar-nav.methnavpad li:nth-child(4) { margin-left: 200px }*/
    ul.nav.navbar-nav.methnavpad li,
    ul.nav.navbar-nav li {
        float: left;
        padding-right: 0px;
    }
    .methnavpad2 { padding-right: 0em }
    #header ul li a {
        text-transform: uppercase;
        text-decoration: none;
        display: block;
        text-align: center;
        padding: 12px 0 0 0;
        height: 28px;
    }
    .gallerylast { top: -190px !important }
}
.logo {
    position: absolute;
    left: 50%;
    margin: -48px 0 0 -108px;
}
@media screen and (max-width: 800px) { 
    .logo { bottom: 100% }
    #header ul li:nth-of-type(4) { margin-left: 0 }
    #header ul {
        width: 600px;
        position: relative;
    }
    ul.nav.navbar-nav.methnavpad li,
    ul.nav.navbar-nav li {
        float: none;
        padding-left: 10px;
        padding-right: 15px;
    }
    .gallerylast {
        position: initial !important;
        display: block;
        margin-bottom: 25px !important;
    }
}
@media screen and (min-width: 768px) { 
    .footer768 { padding-left: 0px }
}
@media screen and (max-width: 768px) { 
    .image50,
    .image25 { width: 100% !important }
    /*.woocommerce div.product div.images img { width: 100% !important }*/
    .woocommerce .related ul li.product,
    .woocommerce .related ul.products li.product,
    .woocommerce .upsells.products ul li.product,
    .woocommerce .upsells.products ul.products li.product { width: 50%}
    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a { color: #fff }
    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover { background: #f75a51 }
    ul.nav.navbar-nav > li a:active { color: #fff }
}
@media screen and (max-width: 500px) { 
    .woocommerce .related ul li.product,
    .woocommerce .related ul.products li.product,
    .woocommerce .upsells.products ul li.product,
    .woocommerce .upsells.products ul.products li.product { width: 100% !important }
}
@media screen and (min-width: 810px) { 
    #logomobile {
        display: none;
        z-index: 2;
    }
}
@media screen and (min-width: 990px) { 
    .robhidden { display: none }
    .robtext { display: block }
    .galleryheight { min-height: 0 }
}
@media screen and (max-width: 992px) { 
    .robhidden { display: block }
    .robtext { display: none }
}
.fullwidthabanner { display: block !important }
#sidebar { display: none }