/* CSS Document 
============================================================== */

body,td,th {
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
}
body {
	margin: 0px;
	background-color: #000;
}

a { cursor: pointer !important; text-decoration: none; }
a:hover, a:visited { color: #090; }
a.clickable { cursor: pointer; }

/*
Orange - #f60
Dark - #303030
*/

.lft { float: left; }
.rgt { float: right; }

/* Header 
=============================================================== */

.tgos_header { width: 100%; border-bottom: 1px solid #303030; background: rgb(255,255,255);
background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(221,221,221,1) 100%); }
.header { width: 80%; margin: 0 auto; position: relative; }
.header:after { content: ""; display: table; clear: both; }
.logo { float: left; padding: 0em 0em; }
.logo img { height: 90px; border-bottom-left-radius: .8em; border-bottom-right-radius: .8em; }

.searchbox { float: left; padding: 1.7em 1em 1em 1em; margin-left: 5em; width: 25%; text-align: center; }
.searchbox input[type=text] { padding: .6em 1em; font-size: 1.2em; border: 1px solid #303030; width: 80%; border-top-left-radius: .6em; border-bottom-left-radius: .6em; }
.searchbox .searchbtn { background: #303030; color: #fff; padding: .9em 1em .85em 1em; margin-left: -4px; cursor: pointer; border: 1px solid #303030; border-top-right-radius: .6em; border-bottom-right-radius: .6em; }

.navi { float: right; }
.navt { float: left; padding: 1.8em 1em;  }
.navicon { text-align: center; float: left; font-size: 2.5em; margin-right: .2em; color: #f60; border-left: 4px solid #ddd; padding-left: 1em; }
.naviconf { text-align: center; float: left; font-size: 2.5em; margin-right: .2em; color: #f60; padding-left: 1em; }
.navinfo { float: left; }
.navname { font-size: 1em; color: #666;  font-weight: bold; }
.navdesc { font-size: .4em; color: #666; text-transform: capitalize; font-weight: bold; }
.navitem { font-size: 1.3em; color: #f60; font-weight: bold; }
.cartlink { cursor: pointer; }

.itmlbl { font-size: .6em; font-weight: normal; color: #666; }


.tgos_user { width: 100%; border-bottom: 0px solid #393; background: rgb(238,238,238);
background: linear-gradient(180deg, rgba(238,238,238,1) 0%, rgba(255,255,255,1) 100%); }
.user { width: 80%; margin: 0 auto; position: relative; padding: 1em 0em; }
.user:after { content: ""; display: table; clear: both; }

.useroptions { background: #f8e8d4; border-radius: 2em; margin-bottom: 1em; border: 0px solid #303030; padding: 1.3em 2em 1em 2em;  border-top: 1em solid #f60; box-shadow: 6px 8px #ddd; }
.useroptions:after { content: ""; display: table; clear: both; }

.ut_yellow { background: rgb(252,244,208); background: linear-gradient(180deg, rgba(252,244,208,1) 0%, rgba(255,255,255,1) 84%); }
.ut_green { background: rgb(212,255,195); background: linear-gradient(180deg, rgba(212,255,195,1) 0%, rgba(255,255,255,1) 84%); }

.usertype { width: 24.5%; border-right: 5px solid #f60; float: left; text-align: center; padding: 0em 2em 0em 2em; margin-right: 0%; border-top: 0px solid #393; }
.usertype:last-child { margin-right: 0em; padding-right: 0em; border-right: none; }
.usertype_icon { float: left; margin-right: .5em; font-size: 4em; color: #f60; }
.usertype_info { overflow: hidden; text-align: left; }
.usertype_info h4 { margin: 0em 0em .3em 0em; font-size: 1.8em; color: #303030; font-weight: bold; text-transform: lowercase; letter-spacing: -1px; }
.usertype_info p { font-size: 1.3em; color: #999; }
.user_heading { margin-bottom: 1em; font-size: 2em; text-align: center; font-weight: bold; color: #303030; }

.products_heading { margin: 1em 0em 0em 0em; font-size: 2em; text-align: center; font-weight: bold; color: #303030; }

/* Counter Section
================================================================ */

.tgos_counter { background-color: #fff; padding: 2em 2em; }
.counter { background: rgb(255,225,205);
background: linear-gradient(180deg, rgba(255,225,205,1) 0%, rgba(255,255,255,1) 78%); width: 80%; margin: 0 auto; border: 2px solid #f60; border-radius: .8em; padding: .6em 2em; box-shadow: 6px 8px #ddd; }
div.counter-box { border-right: 4px solid #ccc; float: left; width: 16%; text-align: center; }
div.counter-box-last { float: left; width: 16%; text-align: center; }
.counter-box p, .counter-box-last p { font-weight: bold; color: #f60; font-size: 1em; }
.count { font-size: 1.6em; font-weight: bold; letter-spacing: -2px; }

.mrf_sdgs { padding: 4em 2em; background-color: #fff; }
.sdgs { text-align: center; }
.sdgs img { display: inline; width: 8%; margin: 1%; }

/* Main Section 
================================================================ */

.tgos_mainer { background-color: #fff;  }
.mainer { width: 80%; margin: 0 auto; overflow: hidden; }
.mainer:after { content: ""; display: table; clear: both; }

.home_content { margin: 3em 0em 4em 0em; }
.home_photo { width: 30%; float: left; margin-right: 2em; padding-top: 1em; }
.home_photo img { width: 100%; border-radius: 1.5em; box-shadow: -15px 15px #ddd; border: 4px solid #f60; }
.home_info { overflow: hidden; }
.home_heading { letter-spacing: -1px; font-size: 2.5em; font-weight: bold; color: #f60; margin-bottom: 1em; padding-bottom: .4em; border-bottom: 1px solid #ccc; }
.home_text { font-size: 1.3em; }
.home_text p { margin-bottom: 1em; text-align: justify; line-height: 1.7em; }

.home_images { margin-top: 2em; }
.home_images img { cursor: pointer; float: left; width: 45%; margin: 2%; }

.pg_quote_box { float: left; margin-right: 1em; margin-bottom: 1em; width: 14%; letter-spacing: -1px; font-size: 1.4em; font-weight: bold; }
.pg_quote_icon { color: #f60; font-size: 2em; margin: 0em .4em .4em 0em; }

.categories { width: 18%; float: right; margin-left: 2em; background: rgb(238,238,238);
background: linear-gradient(180deg, rgba(238,238,238,1) 0%, rgba(255,255,255,1) 100%); padding: 1.2em 2em; }
.categories li { font-size: 1.2em; padding: .5em 0em; border-bottom: 1px solid #ddd; list-style: none; }
.categories li i { margin-right: 1em; color: #f60; }
.categories a, .categories a:visited { text-decoration: none; color: #303030; font-weight: bold; }
.categories a:hover, .categories a:active { text-decoration: none; color: #666; }

.cathdr { border-bottom: 1px solid #ddd; font-weight: 900; color: #f60; padding: .4em 0em; font-size: 2em; text-transform: capitalize; letter-spacing: -1px; }

.leftinfo { width: 25%; float: left; margin-right: 2em; background: rgb(238,238,238);
background: linear-gradient(180deg, rgba(238,238,238,1) 0%, rgba(255,255,255,1) 100%); padding: 2.4em 2em; }
.leftinfo p { font-size: 1em; color: #666; margin-bottom: 2em; }
.lmi { margin-top: 1em; }
.lmi a.rgtlks { cursor: pointer; color: #090 !important; }
.lmi a.rgtlks:hover { color: #090 !important; }

.regbox { cursor: pointer; margin: 1em 3em 3em 3em; font-size: 1em; font-weight: bold; color: #fff; background: rgb(0,102,0);
background: linear-gradient(171deg, rgba(0,102,0,1) 0%, rgba(0,153,0,1) 100%); padding: .6em 1em; text-align: center; border-radius: 2em; }

.logbox { cursor: pointer; margin: 1em 3em 3em 3em; font-size: 1em; font-weight: bold; color: #fff; background: rgb(51,51,51);
background: linear-gradient(171deg, rgba(51,51,51,1) 0%, rgba(102,102,102,1) 100%); padding: .6em 1em; text-align: center; border-radius: 2em; }

.cycle-slideshow img { width: 100%; height: auto; background: #fff; }

.moreinfo { margin-top: 2em; }
.moreinfo a, .moreinfo a:visited { padding: .4em 1em; border-radius: .4em; color: #fff; font-weight: bold; font-size: 1.3em; background: rgb(255,102,0);
background: linear-gradient(180deg, rgba(255,102,0,1) 0%, rgba(117,50,5,1) 100%); }
.moreinfo a:hover, .moreinfo a:active { background: rgb(48,48,48); color: #fff !important;
background: linear-gradient(180deg, rgba(48,48,48,1) 23%, rgba(102,102,102,1) 100%); }

.slider { width: 100%; float: left; position: relative; height: 560px !important; overflow: hidden; border-radius: 2em; box-shadow: 6px 8px #ddd; }
.slider img { border-left: 10px solid #f60; border-right: 10px solid #f60; border-bottom: 10px solid #f60; }

.contentbox { margin-bottom: 4em; }
.content { width: 80%; position: relative; float: left; margin-top: 2em; padding-left: 2em; }
.contentoh { overflow: hidden; position: relative; float: left; margin-top: 2em; padding-left: 2em; }

.content_full { margin: 2em; }

.caption { position: absolute; top: 15%; left: 5em; width: 40%; }
.topper { font-size: 3.5em; font-weight: bold; color: #fff; letter-spacing: -3px; text-shadow: 3px 3px #333; }

.boxes { margin: 1em 0em; position: relative; border-top: 4px solid #ccc; padding-top: 2em; border-radius: 1.4em; }
.boxes:after { content: ""; display: table; clear: both; }
.box { width: 48%; margin: 1%; background: #f6f6f6; padding: 0%; float: left; border-left: 1em solid #f60; border-radius: 1.5em;  }
.box .picbox { float: left;  border-right: 1em solid #f60; border-top-right-radius: 1.5em; border-bottom-right-radius: 1.5em; box-shadow: 6px 8px #ddd; }
.box .picbox img { height: 250px; }
.box .infbox { overflow: hidden; padding: 2em; }
.box .infbox .topphrase { font-size: 1.2em; font-weight: bold; color: #f60; margin-bottom: .4em; }
.box .infbox .mainphrase { font-size: 1.9em; font-weight: bold; color: #666; margin-bottom: .4em; }
.box .infbox .descphrase { color: #999; font-size: 1.3em; margin-bottom: 1.4em; }
.box .infbox a, .box .infbox a:visited { border-radius: .4em; background: rgb(48,48,48); color: #fff !important;
background: linear-gradient(180deg, rgba(48,48,48,1) 23%, rgba(102,102,102,1) 100%); padding: .4em .8em;  font-size: 1.2em; }
.box .infbox a:hover, .box .infbox a:active { background: rgb(216,140,49);
background: linear-gradient(180deg, rgba(216,140,49,1) 23%, rgba(147,95,34,1) 100%); color: #fff !important; }

.cont_hdr { color: #666; font-weight: 900; font-size: 2em; letter-spacing: -1px; text-transform: capitalize; }
.cont_shdr { color: #666; font-size: 1.4em; color: #F60; }
.cont_uln { border-bottom: 4px solid #f60; width: 150px; margin-bottom: 2em; }
.cont_cnt {}
.cont_cnt p { text-align: justify; margin-bottom: 1em; line-height: 1.8em; }
.cont_cnt li { margin-bottom: .8em; }
.cont_cnt a, .cont_cnt a:visited { color: #f60; border: none; }
.cont_cnt a:hover, .cont_cnt a:active { color: #666; border: none; }

.nocats { padding: .4em 0em; }

.ev_images { padding: 0em; }
.ev_images img { padding: 1em; width: 48%; vertical-align: text-top; border: 1px solid #ccc; padding: .3em; } 

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

.tr_item { border-bottom: 1px solid #ddd; font-weight: bold; }
.tr_icon { float: left; padding: .6em .4em .6em .4em; color: #aaa; }
.tr_info { overflow: hidden; padding: .4em .4em .6em .4em; cursor: pointer; }
.tr_main_content_header { padding-bottom: 1.5em; margin-bottom: 1.5em; border-bottom: 1px solid #ddd; }
.tr_back_icon { float: left; cursor: pointer; padding-right: 1em; font-size: 2em; padding-top: .4em; }
.tr_heading { overflow: hidden; border-left: 4px solid #ccc; padding-left: 1em; font-size: 2.5em; margin: 0em !important; }
.tr_main_content_info {}

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

.subcats { margin-left: 1em; margin-top: .4em; border-top: 1px solid #ddd; }
.scap { cursor: pointer; border-top: 1px solid #ddd; padding: .3em 0em; font-size: .85em; }
.subcats { display: none; }

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

.shop_box { padding: 1em; border: 1.2em solid #eee; margin: 0em 1em 1em 0em; float: left; width: 25%; background: rgb(255,252,218);
background: linear-gradient(180deg, rgba(255,252,218,1) 0%, rgba(255,255,255,1) 100%); }
.shop_box:after { content: ""; display: table; clear: both; }
.shop_name { margin-bottom: 1em; padding: .1em 0em; font-weight: bold; font-size: 1.4em; text-align: center; color: #f60; }
.shop_link { text-align: center; margin-bottom: 1em; }
.shop_box a, .shop_box a:visited { border-radius: .4em; background: rgb(38,110,38);
background: linear-gradient(180deg, rgba(38,110,38,1) 0%, rgba(51,153,51,1) 100%); color: #fff; padding: .4em .8em;  font-size: 1em; }
.shop_box a:hover, .shop_box a:active { background: rgb(51,153,51);
background: linear-gradient(180deg, rgba(51,153,51,1) 0%, rgba(38,110,38,1) 100%); }

.img_item { border: 9px solid #eee; background: #fff; position: relative; float: left; width: 25%; height: 470px; padding: 1em; margin: 1em; text-align: center; overflow: visible; border-radius: 1em; }
.img_item img { border: 0px solid #f60; width: 100%; border-radius: .6em; /* width: 200px; margin-top: -3em; */ }
.img_name { 
	width: 100%; text-align: center; padding: 5px 10px; font-size: 1.1em; font-weight: bold; text-transform: capitalize; letter-spacing: -1px; border-radius: .4em;
	background: rgb(255,228,210);
	background: linear-gradient(180deg, rgba(255,228,210,1) 0%, rgba(255,255,255,1) 100%);	
	/* background: rgb(1,77,1);
background: linear-gradient(180deg, rgba(1,77,1,1) 0%, rgba(0,153,0,1) 100%); border: 3px solid #fff; font-weight: bold; color: #fff;
	    background-image: linear-gradient(rgba(0,102,0,1), rgba(0,66,0,1)) !important; */
		border: 1px solid #f60;
}
.img_box { position: absolute; bottom: 0px; left: 0px; width: 89%; margin: 0 1em 1em 1em; }

.ord_box { margin-top: .5em; text-align: center; }
.ord_box a, .ord_box a:visited { background: rgb(150,113,1); cursor: pointer;
background: linear-gradient(180deg, rgba(150,113,1,1) 0%, rgba(204,153,0,1) 100%); color: #fff !important; font-weight: bold; padding: .1em .5em; border: 1px solid #f60; margin-left: -4px; margin-top: -1px; }
.ord_box a:hover, .ord_box a:active { background: #000; border: 1px solid #000;  }

.ord_price { padding: 0em; }

.vgreybtn { background: #eee; color: #ccc; font-weight: bold; padding: .1em .5em; border: 1px solid #ddd; margin-left: -5px; }

.ord_num, .ord_sub { display: inline-block; }
.ord_num input[type=number] { width: 80%; margin-top: -1px; border: 1px solid #666; box-shadow: 4px 4px #ddd; padding-left: .3em; background: #FFF4DD; font-size: 1.2em; border-radius: .3em; text-align: center; }
.disabledinput { border: 1px solid #ddd !important; padding-left: .3em; width: 50px; background: #eee !important; color: #eee !important;  margin-left: -5px; }
.ord_unit { font-size: .8em; }

.error { border-top: 1px solid #CCC; padding-top: .4em; margin-top: .4em; font-size: 1em; }
#add_error { display: none; }

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

.pri_item { border: 9px solid #eee; background: #fff; position: relative; float: left; width: 25%; height: 380px; padding: 1em; margin: 1em; text-align: center; overflow: hidden; }
.pri_item img { width: 200px; margin-top: -3em; }

.prd_box { margin-top: .5em; text-align: center; }
.prd_box a, .prd_box a:visited { background: rgb(150,113,1); cursor: pointer;
background: linear-gradient(180deg, rgba(150,113,1,1) 0%, rgba(204,153,0,1) 100%); color: #fff !important; font-weight: bold; padding: .1em .5em; border: 1px solid #f60; margin-left: -4px; margin-top: -1px; }
.prd_box a:hover, .prd_box a:active { background: #000; border: 1px solid #000;  }

.prd_price { padding: 0em; }

.prd_num, .prd_sub { display: inline-block; }
.prd_num input[type=number] { border-radius: .3em; width: 100%; margin-top: -1px; border: 1px solid #f60; padding-left: .3em; width: 40px; background: #FFF4DD; font-size: 1em; }
.disabledinput { font-size: 1.2em !important; border: 1px solid #ddd !important; padding-left: .3em; width: 50px; background: #eee !important; color: #eee !important;  margin-left: -5px; text-align: right; }
.prd_unit { font-size: 1em; padding: .6em 0em; }

.unt { font-size: .8em !important; padding: .8em 0em; border-top: 1px solid #eee; }
.nb { font-weight: normal !important; }

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

.uc { text-transform: uppercase; }
.cap { text-transform: capitalize; }
.sm { font-size: .8em; font-weight: normal; }

.gradeunit { padding: .3em; border-top: 3px solid #ddd; }
.gradeunit:after { content: ""; display: table; clear: both; }
.gradeunit:first-child { border: none; }
.gradenam { background: none; float: left; width: 70%; text-align: left !important; margin-top: .4em; }
.gradebuy { background: none; float: right; width: 30%; padding-top: .7em; }

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

.buylink { margin: 1.4em 0em 1em 0em; }
a.buylink, a.buylink:visited { border-radius: .4em; background: rgb(205,82,0);
background: linear-gradient(180deg, rgba(205,82,0,1) 0%, rgba(255,102,0,1) 78%); color: #fff; font-size: 1em; padding: .4em .8em; }
a.buylink:hover, a.buylink:active { background: rgb(255,102,0);
background: linear-gradient(180deg, rgba(255,102,0,1) 0%, rgba(205,82,0,1) 78%); }
a.buylinkdis, a.buylinkdis:visited { border-radius: .4em; background: rgb(204,204,204);
background: linear-gradient(180deg, rgba(204,204,204,1) 0%, rgba(218,218,218,1) 78%); color: #fff; font-size: 1em; padding: .4em .8em; }
a.buylinkdis:hover, a.buylinkdis:active { background: rgb(218,218,218);
background: linear-gradient(180deg, rgba(218,218,218,1) 0%, rgba(204,204,204,1) 78%); }
.buybox { padding: 2em .8em .4em .8em; }

#navicartbox { position: relative; overflow: visible; }
.cart_messages { width: 98%; position: absolute; left: 1.2em; bottom: -3em; background: #fff; border-radius: .5em; }
.resdiv { width: 100%; border-radius: 1em; display: none; text-align: center; border: 4px solid #090; background: #fff; color: #090; padding: .8em 1.2em; }
.errdiv { width: 100%; border-radius: 1em; display: none; text-align: center; border: 4px solid #c00; background: #fff; color: #c00; padding: .8em 1.2em; }

/* ------------------------------------------------
INLINE STYLES
-------------------------------------------------- */

.d5i { width: 3% !important; }
.d8i { width: 6% !important; }
.d10i { width: 8% !important; }
.d15i { width: 14% !important; }
.d20i { width: 17% !important; }
.d25i { width: 22% !important; }
.d28i { width: 24% !important; }
.d30i { width: 25% !important; }
.d35i { width: 31% !important; }
.d40i { width: 35% !important; }
.d50i { width: 45% !important; }
.d55i { width: 48% !important; }
.d60i { width: 55% !important; }
.d70i { width: 65% !important; }
.d80i { width: 75% !important; }
.d90i { width: 85% !important; }
.dfi { width: 100% !important; }

.x50i { width: 48% !important; margin-right: 1%; padding: .8em 0em; display: inline-block; }

.d5i,.d8i,.d10i,.d20i,.d25i,.d15i,.d28i,.d30i,.d40i,.d50i,.d60i,.d70i,.d80i,.d90i { display: inline-block; padding: 8px 10px; }
.d35i, .d55i { margin-right: 2%; display: inline-block; }

/* ------------------------------------------------
FLOATING STYLES
-------------------------------------------------- */

.d5 { width: 3% !important; }
.d8 { width: 6% !important; }
.d10 { width: 8% !important; }
.d15 { width: 14% !important; }
.d20 { width: 17% !important; }
.d25 { width: 22% !important; }
.d28 { width: 24% !important; }
.d30 { width: 25% !important; }
.d35 { width: 31% !important; }
.d40 { width: 35% !important; }
.d45 { width: 40% !important; }
.d50 { width: 45% !important; }
.d55 { width: 48% !important; }
.d60 { width: 55% !important; }
.d70 { width: 65% !important; }
.d80 { width: 75% !important; }
.d90 { width: 85% !important; }
.df { width: 100% !important; }

.x50 { width: 48% !important; margin-right: 1%; padding: .8em 0em; float: left; }

.listings a, .listings a:visited { text-decoration: none; color: #069; cursor: pointer; }
.listings a:hover, .listings a:active { text-decoration: none; color: #069; }

.d5,.d8,.d10,.d20,.d25,.d15,.d28,.d30,.d40,.d45,.d50,.d60,.d70,.d80,.d90 { float: left; padding: 8px 10px; }
.d35, .d55 { margin-right: 2%; float: left; }
.doh { overflow: hidden; }
.dxi { display: inline-block; padding: 0px 0px 5px 0px; margin: 0px 5px 0px 0px; }
.dx { display: inline-block; padding: 0px 0px 5px 0px; margin: 0px 10px 0px 0px; }
.dr { display: inline-block; padding: 5px 0px; }
.dr a, .dr a:visited { background: #c44e25; color: #fff; font-size: 11px; padding: 2px 5px; cursor: pointer; text-decoration: none; }
.dr a:hover, .dr a:active { background: #039; text-decoration: none; }
.dl { float: right; padding: 5px 0px; margin-left: 20px; }
.dl a, .dl a:visited { background: #c00; color: #fff; font-size: 11px; padding: 2px 5px; cursor: pointer; text-decoration: none; }
.dl a:hover, .dl a:active { background: #000; color: #fff; text-decoration: none; }
.cm { margin-top: 3px; }
.dm { float: left; margin: 0px; }
.drp { float: right; }
.drp a, .drp a:visited { background: #069; color: #FFF; font-weight: bold; padding: 4px 8px; font-size: 11px; }
.drp a:hover { background: #000; color: #fff; }
.drp a.red { background: #c00; color: #fff !important; }
.drp a.red:hover { background: #000; }
.cv { margin-top: 6px; }

/* ====================================================
/* Orders 
===================================================== */

.licon { border: 1px solid #ddd; padding: 1em; float: left; width: auto; margin-top: 1em; margin-right: 1em; text-align: center; box-shadow: 4px 4px #eee; }
.licon i { font-size: 4em; color: #090; }
.iconlk { margin-top: 1em; padding-top: 1em; border-top: 1px solid #ddd; color: #c60 !important; }
.iconlk:hover { color: #666 !important; text-decoration: none; }
.licon a, .licon a:visited { color: #c60 !important; text-decoration: none; }
.licon a, .licon a:active { color: #666 !important; text-decoration: none; }
.icondv {  }

.pderr { padding: .4em; font-size: .8em; border: 1px solid #c00; background: #ffc; margin-top: .4em; color: #c00; text-align: center; display: none; border-radius: .6em; }

.cart { font-size: .9em !important; }
.cart-item { border-top: 1px solid #ddd; padding: 0em; }
.cart-item a, .cart-item a:visited { padding: .2em .4em; color: #fff; background: #333; border-radius: 4px 4px 4px 4px; }
.cart-item a:hover, .cart-item a:active { padding: .2em .4em; color: #fff; background: #090; }
.cart-total { border-top: 2px double #666; background: #eee; }
.cart_hdr { color: #999; background: #eee; text-transform: uppercase; }
.cen { text-align: center !important; }

a.submitorder, submitorder { border-radius: .4em; padding: .5em 1em; font-weight: bold; font-size: 1.3em; background: rgb(205,82,0);
background: linear-gradient(180deg, rgba(205,82,0,1) 0%, rgba(255,102,0,1) 78%); color: #fff; }
a.submitorder:hover, submitorder:hover { background: rgb(255,102,0);
background: linear-gradient(180deg, rgba(255,102,0,1) 0%, rgba(205,82,0,1) 78%); }

.rb { border-right: 1px solid #ccc; }

.cart-item-mob { display: none; }
.lgn { font-size: 1.5em; }

.rt { text-align: right; }

/* ====================================================
Colors
==================================================== */

black,.black { color: #000 !important; }
red,.red,redtxt,.redtxt { color: #c00 !important; }
yellow,.yellow { color: #FF6 !important; }
green,.green { color: #090 !important; }
tigreen,.tigreen { color: #78b846 !important; }
orange,.orange { color: #C60 !important; }
org,.org { color: #a17900 !important; }
grey,.grey { color: #909090 !important; }
vgrey,.vgrey { color: #ddd !important; }
torg,.torg { color: #c44e25 !important; }
blue,.blue { color: #069 !important; }
purple,.purple { color: #63C !important; }
bley,.bley { color: #628C36 !important; }
indigo,.indigo { color: #F36 !important; }
maroon,.maroon { color: #7E0104 !important; }
forg,.forg { color: #78b846 !important; }
borg,.borg { color: #f60 !important; }

.toplined { border-top: 4px solid #628C36; }
.topline { border-top: 1px solid #ccc; }

.buttonpad { padding: .2em .6em; border-radius: 4px; }
.bd { font-weight: bold !important; }

.bluelks { color: #fff !important; background: #069 !important; border: 1px solid #069 !important; }
.bluelks:hover { color: #fff; background: #000 !important; border: 1px solid #000 !important; }
.torglks { color: #fff !important; background: #c44e25 !important; border: 1px solid #c44e25 !important; }
.torglks:hover { color: #fff; background: #000 !important; border: 1px solid #000 !important; }
.greenlks { color: #fff !important; background: #628C36 !important; border: 1px solid #628C36 !important; }
.greenlks:hover { color: #fff; background: #000 !important; border: 1px solid #000 !important; }
.tigreenlks { color: #fff !important; background: #628C36 !important; border: 1px solid #628C36 !important; }
.tigreenlks:hover { color: #fff; background: #000 !important; border: 1px solid #000 !important; }
.purplelks { color: #fff !important; background: #63C !important; border: 1px solid #63c !important; }
.purplelks:hover { color: #fff; background: #000 !important; border: 1px solid #000 !important; }
/*.bleylks { color: #fff !important; background: #4d8089 !important; border: 1px solid #4d8089 !important; }
.bleylks:hover { color: #fff; background: #000 !important; border: 1px solid #000 !important; }*/
.bleylks { color: #fff !important; background: #628C36 !important; border: 1px solid #628C36 !important; }
.bleylks:hover { color: #fff; background: #000 !important; border: 1px solid #000 !important; }
.redlks { color: #fff !important; background: #c00 !important; border: 1px solid #c00 !important; }
.redlks:hover { color: #fff; background: #000 !important; border: 1px solid #000 !important; }
.orglks { color: #fff !important; background: #960 !important; border: 1px solid #960 !important; }
.orglks:hover { color: #fff; background: #000 !important; border: 1px solid #000 !important; }
.btnlks { color: #fff !important; background: #000 !important; border: 1px solid #000 !important; padding: 2px 4px; box-shadow: 2px 2px #ccc; }
.btnlks:hover { color: #fff; background: #000 !important; border: 1px solid #000 !important; }
.btnrlks { color: #fff !important; background: #628C36 !important; border: 1px solid #628C36 !important; padding: 2px 4px; box-shadow: 2px 2px #ccc; }
.btnrlks:hover { color: #fff; background: #090 !important; border: 1px solid #090 !important; }
a.smlb { font-size: .85em !important; }
a.smlb { color: #fff !important; background: #628C36 !important; border: 1px solid #628C36 !important; }
a.smlb:hover { color: #fff; background: #000 !important; border: 1px solid #000 !important; }


/* Footer 
================================================================ */

.tgos_footer { width: 100%; border-top: 4px solid #f60; background: rgb(48,48,48);
background: linear-gradient(180deg, rgba(48,48,48,1) 23%, rgba(0,0,0,1) 100%); }
.footin { padding: 1em; width: 70%; margin: 0 auto; color: #fff; margin-bottom: 2em; margin-top: 2em; }
.footin:after { content: ""; display: table; clear: both; }
.fcont { padding: 0 5%; }
.footin_icon { font-size: 4em; margin-bottom: .25em; color: #f60; }
.footin_title { font-size: 2.2em; font-weight: bold; margin-bottom: 1em; letter-spacing: -1px; color: #666; }
.footin_info { font-size: 1.3em; color: #fff; }

.footer { padding: 1em; width: 80%; margin: 0 auto; color: #fff; border-top: 1px solid #333; padding-top: 1em;  }
.footer:after { content: ""; display: table; clear: both; }
.copy { float: left; width: 40%; padding-left: 2em; }
.clnk { float: right; width: 50%; padding: 0% 2%; position: relative; text-align: right; }
.clnk:after { content: ""; display: table; clear:both; }
.clnk li { list-style: none; display: inline-block; padding: 0em 2em; border-left: 1px solid #333; font-size: 1em; }
.clnk li a, .clnk li a:visited { font-weight: bold; color: #f60; text-transform: none; text-decoration: none; }
.clnk li a:hover, .clnk li a:active { color: #fff; text-decoration: underline; }

.cen { text-align: center !important; }

/* ================================================================
Form Information
================================================================== */

/* Form Inputs
==================================================== */

.fm_inpt { display: inline-block; width: 47%; margin-right: 2%; margin-bottom: 20px; box-sizing: border-box; }
.fm_inpt_full { display: inline-block; width: 92%; margin-bottom: 20px; margin-right: 2%; box-sizing: border-box; }
.fm_inpt input[type=text], .fm_inpt input[type=password], .fm_inpt input[type=file] { border: 1px solid #333; width: 100%; padding: 8px 12px; font-size: 14px; border-radius: .3em; }
.fm_inpt_full input[type=text], .fm_inpt_full input[type=password], .fm_inpt_full input[type=file], .fm_inpt_full input[type=email] { border: 1px solid #333; width: 100%; padding: 8px 12px; font-size: 14px; border-radius: .3em; }
.fm_inpt textarea { width: 100%; padding: 3px 5px; font-size: 14px; border-radius: .3em; }
.fm_inpt select { width: 98%; padding: 4px 5px; font-size: 14px; align: left; }
.fm_inpt_full textarea { width: 96%; padding: 3px 5px; font-size: 14px; }
.fm_inpt input[type=submit], .fm_inpt input[type=button] { font-weight: bold; cursor: pointer; padding: 8px 12px; font-size: 14px; background: #040; border: 1px solid #040; color: #FFF; }
.fm_inpt input[type=submit]:hover, .fm_inpt input[type=button]:hover { background: #060; border: 1px solid #060; color: #FFF; }

.fnm {
	color: #F90;
	font-size: 25px;
	padding: 5px 10px;	
}

.cnm {
	color: #9999ff;
	font-weight: bold;
	font-size: 18px;
	padding: 5px 0px 10px 0px;	
}

.snm {
	padding: 0 10px 10px 10px;
	border-bottom: 1px solid #ccc;
	margin-bottom: 10px;	
}

.rnm {
	margin-bottom: 0px;
	padding: 8px 0 0px 0;	
}

.rnmi {
	float: left;	
}

/* .rnm:after { content: ""; clear:both; display: table; } */

.rnm a {
	background: rgb(205,82,0);
	background: linear-gradient(180deg, rgba(205,82,0,1) 0%, rgba(255,102,0,1) 78%); color: #fff; font-weight: bold; padding: 8px 20px; margin-top: 10px;	
}

.rnm a:hover { background: #000; color: #fff; }

.bnm {
	margin-bottom: 0px;
	padding: 0 0 8px 0;	
	font-weight: bold; 
}

lbl { font-size: 11px; font-weight: normal; color: #666; font-weight: bold; }

.mr10 { margin-right: 10px; }
.mr20 { margin-right: 20px; }

.pay_total { margin-bottom: 10px; font-size: 25px; font-weight: bold; text-align: left; }
.pay_t { font-size: 20px; font-weight: bold; text-align: right; }

.short_form { 
	margin-top: 1em;
	margin-right: 1em;
	max-width: 250px;
	float: left;
}

.mid_form { 
	margin-top: 1em;
	margin-right: 1em;
	width: 250px;
	float: left;
	border-radius: .3em;
}

.mid_form .rnm input[type=text],
.mid_form .rnm input[type=password],
.mid_form .rnm input[type=number],
.mid_form .rnm select,
.mid_form .rnm textarea { padding: 2px 3px !important; width: 100% !important; border-radius: .3em; }
.mid_form .rnm textarea { font-weight: normal !important; }

.form_container { width: 25%; }

.form_fields input[type=text], .form_fields input[type=number], .form_fields input[type=email], .form_fields input[type=password], .form_fields input[type=email] {
	border: 1px solid #666;
	padding: 8px;
	width: 94%;
	margin-bottom: 3px;
	font-family: Arial, Helvetica, sans-serif;
	background: #f5fffe;
	border-radius: .3em;
	box-shadow: 3px 3px #ddd;
}

.fm_fld {
	border: 1px solid #666;
	padding: 8px;
	width: 300px;
	margin-bottom: 3px;
	font-family: Arial, Helvetica, sans-serif;
}

.form_fields input[type=number], .form_fields input[type=email] {
	border: 1px solid #666;
	padding: 8px;
	width: 100px;
	margin-bottom: 3px;
	font-family: Arial, Helvetica, sans-serif;
	background: #f5fffe;
	box-shadow: 3px 3px #ddd;
}

.form_fields textarea {
	border: 1px solid #666;
	padding: 8px;
	width: 95%;
	font-family: Arial, Helvetica, sans-serif;
	background: #f5fffe;
	box-shadow: 3px 3px #ddd;
	border-radius: .3em;
}

.form_fields .d60 textarea {
	border: 1px solid #666;
	padding: 8px;
	width: 97%;
	margin-bottom: 3px;
	font-family: Arial, Helvetica, sans-serif;
	background: #f5fffe;
	box-shadow: 3px 3px #ddd;
	border-radius: .3em;
}

.form_fields .d30 textarea {
	border: 1px solid #666;
	padding: 8px;
	width: 94%;
	margin-bottom: 3px;
	font-family: Arial, Helvetica, sans-serif;
	background: #f5fffe;
	box-shadow: 3px 3px #ddd;
	border-radius: .3em;
}

.form_fields select {
	border: 1px solid #666;
	padding: 8px;
	max-width: 98%;
	margin-bottom: 3px;
	background: #f5fffe;
	border-radius: .3em;
	box-shadow: 3px 3px #ddd;
}

.form_fields input[type=button], .form_fields input[type=submit] {
    border-radius: .4em; padding: .5em 1em; font-weight: bold; font-size: 1.3em; background: rgb(205,82,0);
	background: linear-gradient(180deg, rgba(205,82,0,1) 0%, rgba(255,102,0,1) 78%); color: #fff;
	text-transform: uppercase; border: none;
}

.form_fields input[type=button]:hover, .form_fields input[type=submit]:hover {
	background: rgb(255,102,0);
	background: linear-gradient(180deg, rgba(255,102,0,1) 0%, rgba(205,82,0,1) 78%);
}

.constituencybox, .wardbox { display: none; }

.ordbtn { padding: .4em 1em; text-transform: uppercase; font-size: 1.2em; }
.rb { border-right: 3px solid #ddd; }
.lb { border-left: 3px solid #ddd; }
.genlnk { background: none !important; color: #06c !important; padding: 0px !important; }
.error { color: #c00 !important; }
.nibox { padding: 1em 0em; font-weight: bold; }

.navi_navi { float: left; width: 45%; display: block; margin: 0em 1em; padding: 0em 0em; }
.navi_navi:after { clear: both; content: ""; display: table; }
.micon { float: left; width: 12%; border-right: 1px solid rgba(0,66,0,1); text-align: center; }
.micon:last-child { border: none; }
.micon a { color: #fff !important; }
.micondv { color: #78b846; font-size: 2em; }
.miconlk { color: #fff; font-size: .9em; margin-top: .4em; }

.main_display { display: block; }
.mobile_display { display: none; }

.cart-item-mob { display: none; }
.lgn { font-size: 1.5em; }

.ocont p a, .ocont p a:visited { color: #78b846; font-weight: bold; }
.ocont p a:hover, .ocont p a:active { color: #78b846; font-weight: bold; }

.hid, .navc { display: none; }
.navt { display: block; }

.cursor { cursor: pointer; }
.afd { content: ""; display: table; clear: both; }
.navc, .mnavi, .mobnav { display: none; }

a.submitorder, a.submitorder:visited { color: #fff !important; }

.mpesa { margin-top: 2em; text-align: center; border: 1px solid #ccc; border-radius: .4em; padding: .5em 0em; }
.mpesa_tit { font-size: 1.2em; color: #090; font-weight: bold; text-transform: uppercase; }
.mpesa_inf {  }
.mpesa_num { font-size: 1.5em; font-weight: bold; padding: 1em 0em; }
.mpn { border: 1px solid #ccc; padding: .4em .2em; border-radius: .3em; box-shadow: 2px 2px #ccc; }

@media only screen and (max-width: 900px) {
	body { font-size: 14px; }
	.header { width: 100%; margin: 0 auto; position: relative; padding: 0em 2em; }
	.header .lft { float: none; text-align: center; width: 100%; }
	#mrflogo { width: 100%; }
	.mnavi { position: absolute; top: 0; left: 0; z-index: 1000 !important; display: block; padding: .6em; font-size: 1.6em; cursor: pointer; }
	.mobnav { display: none; padding: 1em; border-bottom: 1px solid #666; background: #fff; width: 100%; }
	.mnavicon { float: left; font-size: 2em; width: 20%; color: #f60; border-left: 4px solid #ddd; text-align: center;  }
	.mnavicon:first-child { border-left: none; }
	
	.mnavinfo { float: left; text-align: left; width: 48%; font-size: .8em; border-right: 4px solid #ccc;  }
	.mnavcart { float: right; width: 50%; text-align: right; font-size: .8em; }
	.naviccn { float: left; font-size: 1.2em; width: 20%; color: #f60; text-align: center; margin-top: .3em; }
	
	.navt { display: none; }
	.navc { display: block; width: 100%; padding: 1em 0em 1.4em 0em; text-align: center; }
	
	.navicon { float: left; font-size: 2em; margin-right: .2em; color: #f60; border-left: 4px solid #ddd; padding-left: .4em; }
	.naviconf { float: left; font-size: 2em; margin-right: .2em; color: #f60; padding-left: 0em; }
	.navinfo { float: left; }
	.navname { font-size: 1em; color: #666; }
	.navitem { font-size: 1.3em; color: #f60; font-weight: bold; }
	.cartlink { cursor: pointer; }
	
	.user { width: 100%; margin: 0 auto; position: relative; padding: 1em 2em; }
	
	.mainer, .footin { width: 95%; }
	
	.user_heading { font-size: 1.6em; }
	.usertype { font-size: .9em; float: none; width: 100%; border-right: none; border-bottom: 4px solid #f60; padding-bottom: 1em; margin-bottom: 1em; }
	.usertype:last-child { border-bottom: none; margin-bottom: 0em; }
	.usertype_icon { font-size: 2.5em; } .usertype_icon img { width: 40px; }
	
	.slider { height: 200px !important; }
	.caption { top: 6%; }
	.topper { font-size: 1.2em; letter-spacing: 0em; }
	.moreinfo a { font-size: .9em; }
	
	.home_photo { float: none; width: 100%; margin-bottom: 1em; }
	.home_info { float: none; font-size: .8em; width: 100%; padding: 0em 0em 0em 1em; }
	.home_heading { font-size: 2em; text-align: center; }
	
	.box { float: none; width: 100%; margin-bottom: 3em; }
	.box .picbox { float: none; width: 100%; margin: 0 auto; }
	.box .picbox img { width: 100%; height: auto; }
	
	div.counter-box { float: none; width: 100%; border-right: none; border-bottom: 3px solid #999; }
	div.counter-box-last { float: none; width: 100%; border-right: none; }
	.count { font-size: 1.2em; }
	
	.fcont { margin-bottom: 2em; padding-bottom: 2em; border-bottom: 3px solid #222; font-size: .9em; }
	.fcont:last-child { border-bottom: none; }
	
	.footer { border-top: 4px solid #c60; }
	.copy, .clnk { float: none; width: 100%; }
	.copy { text-align: center; padding: 0px; }
	.clnk { margin-top: 1em; }
	.clnk li { float: left; width: 50%; text-align: center; border: none; font-size: .9em; }
	
	.categories { float: none; width: 100%; }
	.content { float: none; width: 100%; }
	.pg_quote_box { width: 30%; font-size: 1.2em; }
	
	.tr_heading { font-size: 1.5em; }
	.ev_images img { width: 100%; border: 1px solid #ccc; padding: .3em; margin-bottom: 1em; }
	
	.img_item { width: 100%; margin: 0px !important; margin-bottom: 2em !important; height: auto !important; }
	.img_box { position: relative; margin-top: 2em; }
	
	.cont_cnt, #cont_cnt { margin-left: 0px; padding: 0px !important; }
	.cont_cnt:after { content: ""; display: table; clear:both; }
	
	a.submitorder, a.submitorder:visited { color: #fff !important; font-size: 1em; }
	
	/* ==================================== */
	
	.cart_list_box { overflow-x: scroll; }
	.cart-item, .cart-item-mob, .cart-item-total, .cart-total, .cart-item-top  { white-space: nowrap; }
	.cart-item .d30 { background: #fff; float: none; display: inline-block; width: 300px !important; }
	.cart-item .d15 { background: #fff; float: none; display: inline-block; width: 200px !important; }
	.cart-item .d10 { background: #fff; float: none; display: inline-block; width: 150px !important; }
	
	.cart-item-mob .d30 { float: none; display: inline-block; width: 300px !important; }
	.cart-item-mob .d15 { float: none; display: inline-block; width: 200px !important; }
	.cart-item-mob .d10 { float: none; display: inline-block; width: 150px !important; }
	
	.cart-listing .d30 { float: none; display: inline-block; width: 300px !important; }
	.cart-listing .d15 { float: none; display: inline-block; width: 200px !important; }
	.cart-listing .d10 { float: none; display: inline-block; width: 150px !important; }
	
	.cart-item-total .d30 { float: none; display: inline-block; width: 300px !important; }
	.cart-item-total .d15 { float: none; display: inline-block; width: 200px !important; }
	.cart-item-total .d10 { float: none; display: inline-block; width: 150px !important; }
	
	.cart-total .d30 { background: #eee; float: none; display: inline-block; width: 300px !important; }
	.cart-total .d15 { background: #eee; float: none; display: inline-block; width: 200px !important; }
	.cart-total .d10 { background: #eee; float: none; display: inline-block; width: 150px !important; }
	
	.cart-item-top .d30 { background: #eee; float: none; display: inline-block; width: 300px !important; }
	.cart-item-top .d15 { background: #eee; float: none; display: inline-block; width: 200px !important; }
	.cart-item-top .d10 { background: #eee; float: none; display: inline-block; width: 150px !important; }
	
	.content_full { margin: 2em 2em; }
	
	.sdgs img { display: inline; width: 30%; margin: 1%; }
	
}

@media only screen and (min-width: 901px) and (max-width: 1300px) {
	body { font-size: 14px !important; }
	.header { width: 100%; margin: 0 auto; position: relative; padding: 0em 2em; }
	
	.navi { float: right; }
	.navt { float: left; padding: 1.8em 1em;  }
	.navicon { float: left; font-size: 2em; margin-right: .2em; color: #f60; border-left: 4px solid #ddd; padding-left: .4em; }
	.naviconf { float: left; font-size: 2em; margin-right: .2em; color: #f60; padding-left: 0em; }
	.navinfo { float: left; }
	.navname { font-size: 1em; color: #666; }
	.navdesc { font-size: .5em; color: #666; }
	.navitem { font-size: 1.3em; color: #f60; font-weight: bold; }
	.cartlink { cursor: pointer; }
	
	.user { width: 100%; margin: 0 auto; position: relative; padding: 1em 2em; }
	.mainer, .footin { width: 95%; }
	
	.user_heading { font-size: 1.4em; }
	.usertype_info { font-size: .8em; }
	.usertype_icon { font-size: 2em; }
	.usertype_icon img { width: 1.4em; }
	
	.box .picbox img { height: 200px; }
	
	.home_content { font-size: .8em; }
	.boxes  { font-size: .8em; }
	
	.counter { font-size: .8em; width: 90%; }
	.count { font-size: 1.4em; }
	
	.mrf_sdgs { padding: 2em; }
	.footin { font-size: .8em; }
	
	.content { width: 79%; }
	.categories { font-size: .85em; padding: 2em 1em; }
	
	.pg_quote_box { font-size: 1.2em; }
	.img_item { width: 30%; }
		
}