/*!
 * Start Bootstrap - Creative Bootstrap Theme (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */
html, body { width: 100%; height: 100%; font-family: 'Bitter', serif; }
body { font-family: 'Bitter', serif; }
hr { max-width: 50px; border-color: #f05f40; border-width: 3px; }
hr.light { border-color: #fff; }
a { color: #245c39; -webkit-transition: all .35s; -moz-transition: all .35s; transition: all .35s; }
a:hover, a:focus { color: #245c39; }
sup { font-size: 7px; top: -1.5em; }
h1, h2, h3, h4, h5, h6 { font-family: 'Bitter', serif; }
.h4, h4 { font-size: 20px; font-family: 'Lato', sans-serif; color: #245c39; }
p { margin-bottom: 20px; font-size: 20px; line-height: 1.5; color: #707170; font-family: 'Lato', sans-serif; }
.text-muted { color: #707170; }
.bg-dark { color: #fff; background-color: #222; }
.text-faded { color: rgba(255, 255, 255, .7); }
section { padding: 60px 0; }
aside { padding: 50px 0; }
.no-padding { padding: 0; }
.navbar-default { border-color: rgba(34, 34, 34, .05); font-family: 'Bitter', serif; background-color: #fff; -webkit-transition: all .35s; -moz-transition: all .35s; transition: all .35s; }
.navbar-default .navbar-header .navbar-brand { font-family: 'Bitter', serif; font-weight: 700; color: #f05f40; }
.navbar-default .navbar-header .navbar-brand:hover, .navbar-default .navbar-header .navbar-brand:focus { color: #245c39; }
.navbar-default .nav > li>a, .navbar-default .nav > li>a:hover, .navbar-default .nav>li>a:focus { font-size: 16px; font-weight: normal; color: #245c39; padding: 7px 18px; }
.navbar-default .nav > li>a, .navbar-default .nav > li>a:hover, .navbar-default .nav>li>a:focus { font-size: 16px; font-weight: normal; color: #fff; padding: 7px 50px; }
.navbar-default .navbar-left > li:nth-child(1)>a, .navbar-default .navbar-left > li:nth-child(1)>a:hover, .navbar-default .navbar-left>li:nth-child(1)>a:focus { padding: 7px 16px; }
.navbar-default .navbar-left > li:nth-child(2)>a, .navbar-default .navbar-left > li:nth-child(2)>a:hover, .navbar-default .navbar-left>li:nth-child(2)>a:focus { padding: 7px 35px; }
.navbar-default .navbar-right > li:nth-child(2)>a, .navbar-default .navbar-right > li:nth-child(2)>a:hover, .navbar-default .navbar-right>li:nth-child(2)>a:focus { padding: 7px 52px; }
.navbar-nav { margin: 0.5px -30px; }
.navbar-default .nav > li>a:hover, .navbar-default .nav>li>a:focus:hover { color: #245c39; }
.navbar-default .nav > li.active>a, .navbar-default .nav>li.active>a:focus { color: #f05f40!important; background-color: transparent; }
.navbar-default .nav > li.active>a:hover, .navbar-default .nav>li.active>a:focus:hover { background-color: transparent; color: #245c39; }
.nav-bg { height: 53px; background-color: #fff; -moz-box-shadow: 2px 4px 6.93px 0 rgba(223, 223, 221, 1); -webkit-box-shadow: 2px 4px 6.93px 0 rgba(223, 223, 221, 1); box-shadow: 2px 3px 6.93px 0 rgba(223, 223, 221, 1); margin-top: 33px; }
.navbar-brand { padding: 7px 7px; }
.navbar-nav > li { border-left: 2px solid #a7cea4; background-color: none; }
.navbar-nav > li:nth-child(2) { border-right: 2px solid #a7cea4; }
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover { background-color: none; }
.navbar-default .navbar-toggle, .navbar-default .navbar-toggle:focus { border-color: #fff; }
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover { background-color: #fff; }
.navbar-default .navbar-toggle .icon-bar { background-color: #245c39; }
#navbar-brand-centered ul li.mobile-image { display: none; }
.navbar-toggle .icon-bar { display: block; width: 22px; height: 3px; border-radius: 1px; }
.ah-logo { position: fixed; top: 0%; left: 0%; z-index: 9999; }
.top-header-text { float: right; padding-top: 4px; color: #ffffff; padding-right: 11px; }
.top-header-text a:hover { color: #ffffff; text-decoration: none; }
.header-wtb, .header-coupon { line-height: 0.025em; font-size: 10px; font-weight: bold; color: #ffffff; padding: 0px 5px; text-transform: uppercase; text-decoration: none; }
.footer-above { background-color: #fff; height: 100px; }
.footer-copyright { font-family: 'Lato', sans-serif; font-weight: bold; font-size: 12px; color: #707070; }
.footer-below { background: -webkit-linear-gradient(#4f9d49, #245c39); /* For Safari 5.1 to 6.0 */ background: -o-linear-gradient(#4f9d49, #245c39); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(#4f9d49, #245c39); /* For Firefox 3.6 to 15 */ background: linear-gradient(#4f9d49, #245c39); /* Standard syntax */ border-top: 3px solid #ffa103; }
.footer-col p a { font-family: 'Lato', sans-serif; font-weight: bold; font-size: 12px; color: #ffffff; text-align: left; line-height: 27px; }
.top30 { padding: 40px 0px; }
.footer-below .footer-border {/* border-right: 1px solid #ffffff; */ }
.footer-logo { padding-top: 20px; display: inline-block; padding-bottom: 5px; }
.main-title { font-size: 34px; font-weight: bold; color: #245c39; }
.cat-image { display: inline-block; }
ul#image, ul#image-blue, ul#image-yellow { margin-left: -10px; margin-top: 22px; text-align: left; }
ul#image-yellow { margin-left: -10px; margin-top: -9px; text-align: left; }
ul#image li, ul#image-blue li { font-size: 18px; color: #707170; font-family: 'Lato', sans-serif; line-height: 33px; padding-left: 15px; }
ul#image-yellow li { font-size: 20px; color: #707170; font-family: 'Lato', sans-serif; line-height: 27px; padding-left: 15px; padding-bottom: 0px; margin-top: -14px; }
#image { line-height: 1.5em; list-style-image: url(../images/home/purple_checkmark.png); }
#image-blue { line-height: 1.5em; list-style-image: url(../images/products/blue_checkmark.png); }
#image-yellow { line-height: 1.5em; list-style-image: url(../images/about/yellow_checkmark.png); }
.mobile-image { display: block; }
.desktop-image { display: none; }
.mobile, .text-left { text-align: center; }
.text-left-new { text-align: left; }
.service-box p { margin-bottom: 0; }
.btn-default { margin-top: 17px; }
.btn-orange, .btn-orange:hover { color: #fff; background-color: #ffa103; -webkit-transition: all .35s; -moz-transition: all .35s; transition: all .35s; font-family: 'Bitter', serif; font-weight: bold; font-size: 22px; width: 215px; }
.btn-white, .btn-white:hover { border: 2px solid #ffa103; color: #ffa103; background-color: #ffffff; -webkit-transition: all .35s; -moz-transition: all .35s; transition: all .35s; font-family: 'Bitter', serif; font-weight: bold; font-size: 22px; width: 215px; }
.btn { border-radius: 9px; }
.btn-xl { padding: 8px 0px; margin-bottom: 15px; }
header .header-content { position: relative; width: 100%; text-align: center; }
header .header-content .header-content-inner h1 { margin-top: 0; margin-bottom: 0; text-transform: uppercase; font-weight: 700; }
header .header-content .header-content-inner hr { margin: 30px auto; }
.top-header { height: 33px; background: -webkit-linear-gradient(#245c39, #4f9d49); /* For Safari 5.1 to 6.0 */ background: -o-linear-gradient(#245c39, #4f9d49); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(#245c39, #4f9d49); /* For Firefox 3.6 to 15 */ background: linear-gradient(#245c39, #4f9d49); /* Standard syntax */ border-bottom: 3px solid #ffa103; }
.navbar-brand { float: none; }
.navbar-brand img { margin-left: 43px; }
.service-box { margin: 50px auto 0; max-width: 400px; }
.service-box img { display: inline-block; padding-bottom: 50px; }
.col-center-block {
    float: none;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

@media(min-width:768px) {
header { }
header .header-content { position: absolute; top: 47%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
header .header-content .header-content-inner { margin-right: auto; margin-left: auto;/*max-width: 1000px;*/ }
.navbar-brand-centered { position: absolute; left: 50%; display: block; width: 160px; text-align: center; }
.navbar>.container .navbar-brand-centered, .navbar>.container-fluid .navbar-brand-centered { margin-left: -111px; color: black; z-index: 2 }
.navbar-brand img { margin-left: 0px; }
.navbar-default { }
.navbar-default .navbar-header .navbar-brand { color: rgba(255, 255, 255, .7); }
.navbar-default .navbar-header .navbar-brand:hover, .navbar-default .navbar-header .navbar-brand:focus { color: #245c39; }
.navbar-default .nav > li>a, .navbar-default .nav>li>a:focus { color: #245c39; }
.navbar-default .nav > li>a:hover, .navbar-default .nav>li>a:focus:hover { color: #245c39; }
.navbar-default.affix { border-color: rgba(34, 34, 34, .05); background-color: #fff; }
.navbar-default.affix .navbar-header .navbar-brand { font-size: 14px; color: #f05f40; }
.navbar-default.affix .navbar-header .navbar-brand:hover, .navbar-default.affix .navbar-header .navbar-brand:focus { color: #eb3812; }
.navbar-default.affix .nav > li>a, .navbar-default.affix .nav>li>a:focus { color: #222; }
.navbar-default.affix .nav > li>a:hover, .navbar-default.affix .nav>li>a:focus:hover { color: #f05f40; }
.navbar-nav { float: left; margin: 8px -15px; }
.navbar { margin-bottom: 0px; }
.ah-logo { position: fixed; top: 0%; left: 0%; z-index: 9999; }
.mobile-image { display: none; }
.desktop-image { display: block; }
.main-title { font-size: 46px; }
sup { font-size: 14px; top: -1.5em; }
ul#image li, ul#image-blue li { font-size: 24px; color: #707170; font-family: 'Lato', sans-serif; line-height: 48px; padding-left: 15px; }
}


@media(min-width:992px) {
.service-box { margin: 50px auto 0; }
}

@media(max-width:767px) {
.navbar-nav > li { border-left: none; background-color: #4f9d49; border-bottom: 2px solid #fff; }
.navbar-nav > li.active, .navbar-nav > li:hover { border-left: none; background-color: #ffa103; border-bottom: 2px solid #fff; }
#navbar-brand-centered ul li.mobile-image { display: block; }
}
@media(max-width:1280px)
{
.ipad-image { display: block; }
.desktop-image-new { display: none; }
}
@media(min-width:1281px)
{
.ipad-image {  display: none;}
.desktop-image-new {  display: block;  }
}


@media(min-width:1200px)
{
.mobile-logo {  display: block;}
.desktop-logo {  display: none;  }
}



@media(min-width:1500px)
{
.mobile-logo {  display: none;}
.desktop-logo {  display: block;  }
}


@media only screen and (min-device-width: 768px) and (max-device-width: 990px) {
.navbar-default .nav > li>a, .navbar-default .nav > li>a:hover, .navbar-default .nav>li>a:focus { padding: 7px 18px; }
}

/*ipad portrait*/

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
.ipad-image { display: block; }
.desktop-image-new { display: none; }
.navbar-default .navbar-left > li:nth-child(2)>a, .navbar-default .navbar-left > li:nth-child(2)>a:hover, .navbar-default .navbar-left>li:nth-child(2)>a:focus { padding: 7px 23px; }
.navbar-default .navbar-left > li:nth-child(1)>a, .navbar-default .navbar-left > li:nth-child(1)>a:hover, .navbar-default .navbar-left>li:nth-child(1)>a:focus { padding: 7px 9px; }
.navbar-default .navbar-right > li:nth-child(2)>a, .navbar-default .navbar-right > li:nth-child(2)>a:hover, .navbar-default .navbar-right>li:nth-child(2)>a:focus { padding: 7px 27px; }
.main-title { font-size: 40px;}
}

/*ipad landscape*/
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
.ipad-image { display: block; }
.desktop-image-new { display: none; }
}
@media(max-width:990px) {
.navbar-default .navbar-left > li:nth-child(1)>a, .navbar-default .navbar-left > li:nth-child(1)>a:hover, .navbar-default .navbar-left>li:nth-child(1)>a:focus { padding: 7px 5px; }
.navbar-default .navbar-left > li:nth-child(2)>a, .navbar-default .navbar-left > li:nth-child(2)>a:hover, .navbar-default .navbar-left>li:nth-child(2)>a:focus { padding: 7px 11px; }
.navbar-default .navbar-right > li:nth-child(2)>a, .navbar-default .navbar-right > li:nth-child(2)>a:hover, .navbar-default .navbar-right>li:nth-child(2)>a:focus { padding: 7px 30px; }
.navbar-default .navbar-right > li:nth-child(1)>a, .navbar-default .navbar-right > li:nth-child(1)>a:hover, .navbar-default .navbar-right>li:nth-child(1)>a:focus { padding: 7px 25px; }
}



@media (min-width: 768px){
.container {
    width: 750px;
}
}
@media (min-width: 992px){
.container {
    width: 900px;
}
}
@media (min-width: 1200px){
.container {
    width: 1107px;
}
}

.mikmak-discover {
	cursor:pointer;
}

.mm-2VKci {
z-index:10000 !important;
}