/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

/* ========================================================================
   Use this file to add custom CSS easily
 ========================================================================== */

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

/* global */
body { background-color: #fff; font-family: 'Roboto', Helvetica, Arial, sans-serif !important; color: #6f756b; }
h1, h2, h3, h4, h5, h6 { font-family: 'Roboto', Helvetica, Arial, sans-serif; font-weight: bold; }
h1 { color: #676b64 !important; font-size: 42px !important; line-height: 52px !important; }
h2 { color: #676b64 !important; font-size: 36px !important; line-height: 42px !important; margin-bottom: -0.3em; margin-top: 1.3em; }
h4 { color: #3baf29 !important; margin-bottom: -1.7em; text-transform: inherit; letter-spacing: 1px; font-size: 20px; }
.padtop-xs { margin-top: 2.5em; }
.uk-panel-teaser { margin-bottom: 30px; }
.login-description { color: #676b64 !important; font-size: 42px !important; line-height: 52px !important; margin-bottom: 0.5em; }
h3.uk-panel-title.txt-highlight { text-decoration: underline; margin-bottom: 0.76em !important; }

.sep { margin-top: 4em; padding-top: 2.5em; border-top: 1px solid #bebebe; }
a, .uk-link { color: #3baf29; } a:hover, .uk-link:hover { color: #6f756b; }

.form-horizontal .control-group { margin-bottom: 16px; } .form-horizontal fieldset { margin-bottom: 0; }

/* logo */
.logo { margin-top: -2.7em; }

/* navigation */
.tm-navbar-sticky .tm-navbar-wrapper, .tm-navbar-sticky .tm-navbar-wrapper-animate { border-width: 0; }
.uk-navbar { background-color: #fff; }

.uk-navbar-nav { margin: 0 0 0 10.5em; }
.uk-navbar-nav > li.uk-active > a { color: #212529; }
.uk-navbar-nav > li > a { color: #676b64 !important; font-size: 13px; font-weight: 700; padding: 0 8px; height: 50px } .uk-navbar-nav > li > a:hover { color: #3baf29 !important; }

/* level dropdown */
.uk-dropdown-navbar { background: rgba(23, 22, 166, 1); margin-top: -16px; }
#tm-header .uk-dropdown { box-shadow: none !important; border: 0 !important; }
.uk-dropdown, .uk-dropdown-blank { width: 300px; }
.uk-nav-navbar > li > a { color: #fff !important; margin: 5px 0 5px 0; line-height: 22px; font-size: 13px; text-transform: inherit; } .uk-nav-navbar > li > a:hover { opacity: 0.8; }
#tm-header .uk-dropdown:after, .uk-dropdown:before { bottom: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; }
#tm-header .uk-dropdown:after { border-color: rgba(46, 180, 207, 0); border-bottom-color: #3baf29; border-width: 10px; margin-left: -10px; }
#tm-header .uk-dropdown:before { border-color: rgba(46, 180, 207, 0); border-bottom-color: #3baf29; border-width: 11px; margin-left: -11px; }

.uk-nav-navbar > .uk-parent > .uk-nav-sub { display: none; }  
.uk-nav-navbar > .uk-parent > a:after {  content: "\f105"; font-family: "FontAwesome"; display: block; float: right; }  
.uk-nav-navbar > .uk-parent:hover > .uk-nav-sub { display: block; width: 200px; margin-top: -40px; padding: 8px 18px 8px 18px; position: absolute; left: 190px; background-color: #fff; box-shadow: 0 2px 1px rgba(0, 0, 0, 0.2); border: 1px solid rgba(0, 0, 0, 0.12); }
.uk-nav-navbar ul a:hover { color: #3baf29; }

.uk-dropdown-navbar:not(.uk-dropdown-stack) > .uk-grid > [class*='uk-width-']:nth-child(n+2) { border-left-color: rgba(255, 255, 255, 0.2); }

.tm-navbar .tm-navbar-container { min-height: 90px !important; }

.tm-navbar-right { height: 100px !important; }

/* search */
.tm-search.uk-hidden-small { margin-right: 10px; }
.tm-navbar .tm-search .tm-navbar-dropdown, .tm-navbar .tm-more .tm-navbar-dropdown { background-color: #939a8f; }
.uk-navbar .uk-search-field { color: #fff !important; }
.tm-navbar .tm-search .tm-navbar-button::before,
.tm-navbar .tm-more .tm-navbar-button::before { color: #939a8f; }
.tm-navbar .tm-search .tm-navbar-button:hover::before,
.tm-navbar .tm-more .tm-navbar-button:hover::before { color: #3baf29; }
.tm-navbar .tm-search .tm-navbar-button:focus::before,
.tm-navbar .tm-more .tm-navbar-button:focus::before,
.tm-navbar .tm-search .tm-navbar-button:active::before,
.tm-navbar .tm-more .tm-navbar-button:active::before { color: #3baf29; }
.uk-dropdown-search { background: rgba(255,255,255,0.98); color: rgba(255,255,255,0.5); }

#searchForm input[type="radio"] { margin-top: 5px !important; }

/* placeholder */
.uk-search-field:-ms-input-placeholder { color: #fff !important; }
.uk-search-field::-moz-placeholder {  color: #fff !important; }
.uk-search-field::-webkit-input-placeholder { color: #fff !important; }

/* button */
.uk-button { background-color: #3baf29; border-radius: 3px; color: #fff !important; box-shadow: none !important }
.uk-button:hover { background-color: #939a8f; }

/* blocks */
.uk-block-default + .uk-block-default, .uk-block-muted + .uk-block-muted, .uk-block-primary + .uk-block-primary, .uk-block-secondary + .uk-block-secondary { border-top: 0; }
.tm-sidebar-a .uk-panel-title { margin-bottom: -12px; }
#tm-top-b h3.uk-panel-title { margin-bottom: -0.3em; }

/* slideshow */
#tm-top-a .tm-slideshow-avanti h1 { margin-bottom: -0.5em !important; color: #fff !important; } #tm-top-a .tm-slideshow-avanti p { margin-bottom: 1.5em; color: #fff !important; } #tm-top-a .tm-slideshow-avanti span, .tm-slideshow-avanti ul li { color: #fff !important; }

.tm-navbar-sticky.tm-header-offset .tm-block-header + .uk-block:not(.tm-block-fullheight) { padding-top: 170px !important; }
.uk-dotnav > .uk-active > * { background: #fff; border-color: #fff; box-shadow: none; border: none; width: 14px; height: 14px; } .uk-dotnav > * > * { background: #bdc3cc; border-color: #bdc3cc; width: 14px; height: 14px; box-shadow: none; border: none; }

#tm-top-a .tm-slideshow-avanti ul.cap-list { list-style-type: disc; font-size:34px; font-weight: 700; margin-right: 1em; }
#tm-top-a .tm-slideshow-avanti ul.cap-list li { font-size: 38px !important; line-height: 44px !important; margin-bottom: 0.4em; }
#tm-top-a .tm-slideshow-avanti span { font-size: 34px !important; line-height: 42px !important; font-weight: 700; margin-right: 1em; display: block; }


.uk-slidenav.uk-slidenav-previous.uk-hidden-touch, .uk-slidenav.uk-slidenav-next.uk-hidden-touch { color: #bebebe !important; }

/* uk tab */
.uk-tab > li.uk-active > a { color: #3fae2a; }
.uk-tab-left > li > a::after, .uk-tab-right > li > a::after { border-right: 1px solid #bebebe; }
.uk-tab > li > a { padding: 12px 12px 12px 0 !important; }

/* top info */
.top-info { text-align: right; margin-bottom: -1em; margin-top: 4em; position: relative; z-index: 2; }
.top-info .uk-button { padding: 0px 15px !important; line-height: 34px !important; min-height: 30px !important; margin-right: 5px;}
.c-blue { background-color: #1e6f99 !important; } .uk-button.c-blue:hover { background-color: #939a8f !important; }

/* card */
.green-card { background-color: #3baf29; position: relative; }
.border a { color: #fff !important; } .border a:hover { color: #fff !important; text-decoration: none; opacity: 0.8; }

.border { position: absolute; top: 50px; right: 50px; bottom: 50px; left: 50px; width: auto; height: auto; margin: auto; border: 10px solid #fff; color: #fff; padding: 1.5em; }
.border h3 { color: #fff; font-size: 34px; line-height: 36px; text-transform: uppercase; }
.border p { font-size: 18px; }

/* icons */
.icons { margin-top: -2em; }
.icons h3 { margin-top: -1.2em !important; }

/* testimonial */
.testimonial { padding-left: 0; background-color: #f7f7f7; text-align: center !important; }
.testimonial h3 { font-size: 32px !important; line-height: 40px; font-weight: 700; color: #3baf29 !important; margin-top: 0.5em !important; }
.testimonial p { margin: 0.2em; }
.testimonial .uk-margin-bottom { margin-bottom: 0px !important; }
.info { padding: 4em 2em; }
.info h4 { font-size: 22px !important; line-height: 28px; font-weight: 700; color: #3baf29 !important; text-align: left; }

/* highlights */
#highlights h2 { color: #fff !important; } #highlights p { color: #fff; font-size: 18px; }

/* logos */
#logos h3 { font-size: 32px; margin-bottom: 0.6em; } #logos p { font-size: 22px; margin-top: 1.2em; }
#logos h3.uk-h4.uk-margin-top-remove { font-weight: 700; letter-spacing: 0px; text-transform: inherit; font-size: 18px; margin-top: -1em !important; line-height: 24px; }

/* newsletter */
#newsletter { padding: 2em 0 2em 0; background-color: #3baf29; }
#newsletter h2 { display: inline-block; color: #fff !important; margin-bottom: 0; vertical-align: bottom; font-size: 32px !important; font-weight: 700; text-transform: inherit; margin-top: 0; }
#newsletter input { border: 0; min-height: 32px; min-width: 250px; margin-bottom: 0; margin-left: 1em; margin-right: 0.5em; padding-left: 2em !important; }
#newsletter .uk-button { background-color: transparent; color: #fff; border: 1px solid #fff; } #newsletter .uk-button:hover { opacity: 0.8 }

/* membership panel */
#osm-singup-page h1.osm-page-title { font-weight: 400; }
#osm-singup-page .osm-heading { font-size: 24px !important; line-height: 28px !important; margin-bottom: 1.2em; }

#osm-singup-page .control-group input[type="text"], #osm-singup-page .control-group input[type="password"] { border: 1px solid #bbb; border-radius: 3px; width: 50% !important; }
#osm-singup-page .controls select { border: 1px solid #bbb; border-radius: 3px; width: 52% !important; }
#osm-singup-page .button.btn.btn-primary, #osm-singup-page button.btn, #osm-singup-page input.btn[type="submit"] { padding: 0px 20px !important; line-height: 34px !important; min-height: 40px !important; font-weight: 400; font-size: 12px !important; border: 0px; font-family: 'Montserrat', Helvetica, Arial, sans-serif !important; border-radius: 3px !important; width: 43.6% !important; }
#osm-singup-page button.btn, #osm-singup-page #btn-submit { margin-left: 180px !important; }

#osm-singup-page .btn-primary, #osm-singup-page .btn-info, #osm-singup-page .btn-inverse { margin-top: 5px !important; }

#osm-singup-page .form-horizontal .control-group { margin-bottom: 12px !important; }
#osm-singup-page .nav-stacked > li { width: 94.6%; }
#osm-singup-page .form-actions { padding: 0; background-color: #fff; }

#osm-singup-page .formError .formErrorContent { width: 100%; background: #3baf29; position: relative; color: #fff; min-width: 120px; font-size: 11px; border: 0 !important; box-shadow: none !important; -webkit-box-shadow: none !important; border-radius: 3px; }
#osm-singup-page .formError .formErrorArrow div { border-left: 0 !important; border-right: 0 !important; box-shadow: none !important; -webkit-box-shadow: none !important; font-size: 0px; height: 1px; background: #3baf29; margin: 0 auto; line-height: 0; display: block; }

#osm-singup-page input[type="file"], #osm-singup-page input[type="image"], #osm-singup-page input[type="submit"], #osm-singup-page input[type="reset"], #osm-singup-page input[type="button"], #osm-singup-page input[type="radio"], #osm-singup-page input[type="checkbox"] { width: auto; padding: 2em; height: 30px; line-height: 0 !important; border: 0px !important; margin-top: -2px; }

#osm-singup-page .eb-heading { margin-bottom: -1.1em !important; font-size: 24px !important; margin-top: -0.8em !important; }
h3.osm-heading { font-weight: normal !important; color: #3baf29; margin-bottom: 1em !important; display: block; margin-top: 1.2em; }

#osm-singup-page .nav-tabs > li > a { width: 190px !important; float: left !important; margin-bottom: 2em; padding: 5px 12px 5px 12px; text-align: center; margin-right: 7px; border: 1px solid; border-radius: 3px !important; }
#osm-singup-page .nav-tabs > li > a:hover { text-decoration: none; opacity: 0.8; }
#osm-singup-page .nav-tabs > li:first-child { margin-left: 179px !important; }

#field_osm_Membership_Description { margin-top: -0.7em; }
.control-group.osm-message { margin-top: -0.5em !important; }
form.form-horizontal .control-label, form.form-horizontal .control-label label { margin-top: 0px; }

div#field_osm_Consumers_are_required_to_keep_receipts_until_payment_of_the_cash_back_rewards { margin-top: 20px !important; }

#osm-singup-page em { color: #3baf29; font-size: 11px; display: block; line-height: 16px; font-weight: normal; }

ul.nav.clearfix { margin-bottom: 0; margin-top: 0; }

#osm_Credit_Card { margin-bottom: 0; }



/* fox contact */
div#fox-container-m280 .control-group, div#fox-container-m295 .control-group { margin-bottom: 10px !important; }
div#fox-container-m280 .fox-form input[type="email"], div#fox-container-m295 .fox-form input[type="email"] { height: 35px; text-transform: inherit; padding: 10px 15px; }

div#fox-container-m280 .fox-form select, div#fox-container-m280 .fox-form input[type="text"],
div#fox-container-m295 .fox-form select, div#fox-container-m295 .fox-form input[type="text"]
{ text-transform: inherit !important; height: 35px !important; padding: 5px 15px !important; }
div#fox-container-m280 .chzn-container-single .chzn-single, div#fox-container-m295 .chzn-container-single .chzn-single { height: 35px; padding: 5px 15px; }

.fox-container .btn { background-image: none !important; box-shadow: none !important; border-color: #3baf29 !important; background-color: #3baf29 !important; color: #fff !important;  width: 100%; padding: 1em !important; text-shadow: none !important; margin-top: 0.5em; }
div#fox-container-m280 .btn, div#fox-container-m280 .btn span
div#fox-container-m295 .btn, div#fox-container-m295 .btn span
{ color: #fff; }
.fox-container .btn, .fox-container .btn span { color: #fff !important; } .fox-container .btn:hover { background-color: #676b64 !important; border-color: #676b64 !important; }
textarea#fox-m280-textarea1, textarea#fox-m295-textarea1 { padding: 10px 15px !important; text-transform: inherit !important; }
div#fox-container-m295 .required, div#fox-container-m295 .asterisk { font-size: 1em; margin-left: 2px; } 
div#fox-container-m295 h3 { margin-bottom: 0.5em }

.uk-block.contact { padding-bottom: 20px; }
.box { padding: 2em; background-color: #f3f3f3; }

.box-white { padding: 2em; background-color: #fff; color:#676b64; border-radius: 3px; border: 1px solid #bbb; } .box-white h3 { margin-bottom: -1em; }
.box-green { padding: 2em; background-color: #3baf29; color:#fff; border-radius: 3px; } .box-green .uk-panel-title, .box-green .uk-form label { color: #fff; }
.box-green .uk-button { background-color: transparent; color: #fff !important; border: 1px solid #fff; } .box-green .uk-button:hover { opacity: 0.8 }
.uk-form select:focus, .uk-form textarea:focus, .uk-form input:focus:not([type]), .uk-form input[type="text"]:focus, .uk-form input[type="password"]:focus, .uk-form input[type="datetime"]:focus, .uk-form input[type="datetime-local"]:focus, .uk-form input[type="date"]:focus, .uk-form input[type="month"]:focus, .uk-form input[type="time"]:focus, .uk-form input[type="week"]:focus, .uk-form input[type="number"]:focus, .uk-form input[type="email"]:focus, .uk-form input[type="url"]:focus, .uk-form input[type="search"]:focus, .uk-form input[type="tel"]:focus, .uk-form input[type="color"]:focus { border: 0px; background-color: #3baf29; }

/* footer - active */
#footer { margin-bottom: 3em; margin-top: -1em; }
#footer .underline:after { background-color: #3baf29; content: ''; display: block; height: 1px; margin: 0; width: 50px; line-height: 36px; } 
#footer h3 { font-size: 16px !important; font-weight: 700; text-transform: uppercase; }
#footer a { color: #3baf29 !important;} #footer a:hover { color: #7d7d7d; }
#footer .sep { margin-top: 3em; padding-top: 2em; text-align: center;  }
#footer ul { padding: 0; } #footer li { list-style-type: none; } #footer li a { color: #6f756b !important; } #footer li a:hover { color: #6f756b !important; }

/* footer - disabled */
#tm-footer { display: none; }

/* highlighter */
::selection { background: rgba(59, 175, 41, 0.4) /* WebKit/Blink Browsers */ }
::-moz-selection { background: rgba(59, 175, 41, 0.4) /* Gecko Browsers */ }


/* Custom Breakpoints */
@media only screen and (max-width: 1024px) {
	#osm-singup-page .nav-tabs > li:first-child { margin-left: 0px !important; }
	.tm-search.uk-hidden-small { margin-right: -5px !important; }
	.uk-navbar-nav > li > a { padding: 0 6px; font-size: 11px !important; letter-spacing: 0px !important; }
	.uk-navbar-nav { margin: 0 0 0 12em; }
	.top-info .uk-button { font-size: 9px; }
	.green-card { width: 516px; } .info { width: 100%; }
	.info { padding: 0; }
	.info h4 { padding: 1.5em 1em 2em 2.8em; }
	.border { top: 30px; right: 30px; bottom: 30px; left: 30px; }
	
	#tm-top-a .tm-slideshow-avanti h1 { margin-bottom: -0.7em !important; font-size: 32px !important; padding-right: 1em; line-height: 38px !important; }
	#tm-top-a .tm-slideshow-avanti ul.cap-list { list-style-type: disc; font-size: 24px; font-weight: 700; margin-right: 1em; }
	#tm-top-a .tm-slideshow-avanti ul.cap-list li { font-size: 28px !important; line-height: 34px !important; margin-bottom: 0.4em; }
	#tm-top-a .tm-slideshow-avanti span { font-size: 20px !important; line-height: 30px !important; font-weight: 700; margin-right: 1em; display: block; }
	
}

@media only screen and (max-width: 800px) {
	#tm-top-a .tm-slideshow-avanti h1 { margin-bottom: -0.7em !important; font-size: 26px !important; padding-right: 1em; line-height: 32px !important; }
	#tm-top-a .tm-slideshow-avanti ul.cap-list { list-style-type: disc; font-size: 24px; font-weight: 700; margin-right: 1em; }
	#tm-top-a .tm-slideshow-avanti ul.cap-list li { font-size: 22px !important; line-height: 28px !important; margin-bottom: 0.4em;  }
	#tm-top-a .tm-slideshow-avanti span { font-size: 18px !important; line-height: 22px !important; font-weight: 700; margin-right: 2em; display: block; margin-top:-1em;  }
	#tm-top-a .tm-slideshow-avanti p { font-size: 14px; }

	.top-info { text-align: right; margin-top: 4em; position: absolute; z-index: 2; width: 325px; display: table; right: 150px; }
	.tm-navbar .tm-navbar-container { min-height: 170px !important; }
	.top-info .uk-button { margin-bottom: 10px; }
	.logo { margin-top: 1em; }
	.tm-navbar-right { height: 150px !important; }
	
	.border { position: relative; width: auto; height: auto; margin: auto; color: #fff; padding: 3em 1.5em 1.5em 1.5em; text-align: center; border: 0 !important; top: 0; left: 0; right: 0; bottom: 0; }
	.green-card { margin-top: -1px; width: 100% !important; }
	.uk-button { margin-bottom: 1em; }
	#tm-top-d h2 { font-size: 25px !important; line-height: 32px !important; margin-bottom: -0.3em; margin-top: 1.8em; }
	
	#footer h3 { margin-top: 1em; }
}

/* iPhone 6 Plus (Standard View)*/
@media screen and (max-device-width: 414px) and (max-device-height: 776px) { .top-info .uk-button { width: 93px !important; } .slide-caption { width: 140px !important; } }

/* iPhone 6 (Standard View) and iPhone 6 Plus (Zoom View)*/
@media screen and (max-device-width: 375px) and (max-device-height: 667px) { .top-info .uk-button { width: 83px !important; } .slide-caption { width: 140px !important; } }
	
/* iPhone 6 (Zoom View) */
@media screen and (max-device-width: 320px) and (max-device-height: 568px) { .top-info .uk-button { width: 71px !important; } .slide-caption { width: 140px !important; } }

@media only screen and (max-width: 640px) {
	.top-info { margin-top: 7.5em; width: 100%; right: 10px; }
	.tm-navbar .tm-navbar-container { min-height: 210px !important; }
	.logo { margin-top: -4em; }
	.top-info .uk-button { width: 93px; padding: 10px 15px 10px 12px !important; line-height: 16px !important; margin-right: 5px; }
	
	.tm-navbar .tm-navbar-container { min-height: 190px !important; }
	
	.tm-slideshow-avanti .uk-overlay-panel { padding: 20px; }
	#tm-top-a .tm-slideshow-avanti h1 { font-size: 18px !important; line-height: 20px !important; } #tm-top-a .tm-slideshow-avanti h4 { font-size: 14px !important; line-height: 18px !important; margin-bottom: -2.5em; }
	#tm-top-a .tm-slideshow-avanti p { font-size: 11px; line-height: 14px; }
	#tm-top-a .uk-button  { padding: 5px 10px 5px 10px !important; font-size: 9px !important; line-height: 16px !important; margin-right: 5px; min-height:20px !important;  }
	.tm-slideshow-content-panel { padding-top: 0px; }
	
	.slide-caption { width: 150px; margin-top: 4em !important; }
	#tm-top-a .tm-slideshow-avanti ul.cap-list li { font-size: 14px !important; line-height: 18px !important; }
	#tm-top-a .tm-slideshow-avanti span { font-size: 11px !important; line-height: 16px !important; margin-right: 0; }
	#tm-top-a .tm-slideshow-content-panel { margin-left: -1em; }
	
	.pad-mobile { margin-bottom: 3em !important; }
}

@media only screen and (max-width: 480px) {
	.top-info { right: 8px; }
	.top-info .uk-button { width: 70px; padding: 10px 10px 10px 8px !important; line-height: 11px !important; font-size: 7px !important; }
	.tm-navbar .tm-navbar-container { min-height: 160px !important; }
	.logo { margin-top: -1.8em; }
	

}
@media only screen and (max-width: 320px) {
	.slide-caption { width: 120px !important; }
}


.selling {height:60px!important;}