/**
* custom.css file created by Eximium Template
* @package Eximium Template
* @author Youjoomla.com
* @website Youjoomla.com 
* @copyright	Copyright (c) since 2007 Youjoomla.com.
* @license PHP files are released under GNU/GPL V2 Copyleft License.CSS / LESS / JS / IMAGES are Copyrighted material
**/
/*
 ADD ALL YOUR CUSTOM CSS OVERRIDES TO THIS FILE.
 THIS WAY IF YOU MAKE A MISTAKE YOU CAN ALWAYS TURN CUSTOM CSS FILE OFF
 AND REVERT BACK TO ORIGINAL TEMPLATE CSS
 THIS FILE WILL LOAD VERY LAST AFTER ALL TEMPLATE CSS FILES.
 SO YOU CAN OVERRIDE ANY CSS PART OF THE TEMPLATE YOU NEED.
*/

/*
 cream bg 	text
 #FFF9E9   	#0B75CB
 #DFDAC4	#0B75CB
 
 Blue
 #99CCFF	#ffffff
 #0B75CB	#ffffff
 #015294	#ffffff
 
 Orange
 #F99203	#ffffff
 
*/

/* ----------------------- Linique - K2--------------------*/

body {line-height:1.75; color:#000000; }

@media (max-width: 767px){
	body {padding-right: 0px; padding-left: 0px;}
}

@media only screen and (max-width: 1220px) and (min-width: 980px){
	div.yjsgsitew { max-width: 100%; }
}


#holder2 {padding : 10px 0 70px 0 ;}

.clearList { display: none !important; float: none; clear: both; }

.yjsg_grid { padding: 50px 0; }

h1, h2, h3, h4, h5, h6 {
    color: #015294;
}


h2 {font-size: 29px;}

.btn {
	background-image:none; 
    border: none;
    text-shadow: none;
    border-radius: 4px;
}

/* ---------------------------------------- Header ---------------------------------*/
#yjsgheadergrid {
	padding: 0 ;
	height: 70px;
	padding-top:6px;
}

	
@media screen and (max-width: 979px) {
	#yjsgheadergrid {
		margin-left: 70px;
		margin-right: 0;
		
	}
	#header3 {display:none;}
	
}



/* ---------------------------------------- Menu -----------------------------------*/

#topmenu_holder, .ulholder.dlevel1 {
    background: #0B75CB;
}

/* Active/hover links */

.yjsgmenu a.activepath, .yjsgmenu a:focus, .yjsgmenu a:hover, .yjsgmenu li:hover > .child a {
    background: #015294;
    color:#ffffff;
}

.yjsgmenu a.right_side{
	background: #F99203;
    color:#ffffff;
}

.yjsgmenu a:hover {
    box-shadow: inset 0 0 0 99999px rgba(0,0,0,0.1); 	
    color: #ffffff !important;
}


/* menu height, link colour and font size */
ul.yjsgmenu li a, ul.yjsgmenu.megadropline a.dlevel1a, ul.yjsgmenu.megadropline .cleardropline, ul.yjsgmenu.megadropline .cleardropline {
    padding: 0px 18px;
    height: 80px;
    line-height: 80px;
    color: #ffffff;
    font-size: 24px;
    font-weight: 400;
}

/* remove padding */
.yjsg-menu {padding-left:0 !important; padding-right:0 !important;}

/* Mobile Menu fix */
@media screen and (max-width: 979px){
	.horiznav { display: none; }
	div#mmenu_holder { margin-bottom:20px; padding-top:10px;}
	#topmenu_holder {background: #0B75CB !important;}	
}

/* Sub Menu background colors */

.yjsgmenu ul, .yjsgmenu li.holdsgroup ul ul {
	background: #015294;
	border: 1px solid #ccc;
}

.yjsgmenu .level0 > span > a.first {
    width: 26px;
    height: 80px;
    overflow: hidden;
}

.yjsg-offc-btn.site-offc {
    top: 0;
    left: 0;
    font-size: 21px;
    width: 40px;
    height: 40px;
    background-color: #FC9900;
    line-height: 40px;
    text-align: center;
    color: #ffffff;
}

ul.yjsgmenu li.item497 {float:right;}

@media screen and (max-width: 1200px){
	
	ul.yjsgmenu li a, ul.yjsgmenu.megadropline a.dlevel1a, ul.yjsgmenu.megadropline .cleardropline, ul.yjsgmenu.megadropline .cleardropline {font-size:22px;}
}



.affix {
    position: fixed;
    width: 100%;
    z-index: 1000;
	top:0
}
.affix + .yjsg2_out   { padding-top: 70px; }

@media screen and (max-width: 979px){
	#topmenu_holder {display: none;}
	.affix + .yjsg2_out   { padding-top: 40px; }
}
/* ------------------------------- Body Top -------------------------------*/


#yjsgbodytop .yjsgxhtml { width: 100.00% !important; }
#bodytop2 {margin-bottom:0 !important;}
#bodytop2 .moduleItemImage {float:left; display:block; margin: 0 8px 0 0;}
#bodytop2 .k2ItemsBlock>ul {padding:0;}
#bodytop2 .k2ItemsBlock>ul>li {
	background: #fafafa;
    border: 1px solid #ddd;
    border-radius: 4px;
    margin: 0 0 0 0;
    padding: 8px;
}

/* ------------------------------- yjsg1 Grid -------------------------*/

.yjsg1_out { background: #0B75CB;}
.yjsg1_out .yjsg_grid { padding: 0; }
#yjsg1 .yjsgxhtml {width:50% !important; float:left !important; clear:none !important; padding:0;}

#top5 a {
	background: #F99203;
    color: #ffffff;
    display: block;
    float: right;
    padding: 0 10px;
	line-height: 40px;
    font-size: 18px;
}

@media screen and (min-width: 980px){
	#top5, #top1 {display: none; }
}

/* ------------------------------- yjsg2 Grid -------------------------*/
.yjsg2_out, .yjsg2_out [class*='yjsg-hr-'].fa:before {
    background: #99CCFF;
	color: #ffffff;
}
#yjsg2 {padding : 0;}
#adv1  {width: 100% !important; margin-bottom: 30px; padding: 50px 0;}
#adv2  {width: 100% !important; margin: 0px; padding: 10px 15px;}
#adv3, #adv4  {width: 50% !important;margin: 0px; padding: 10px 15px;}

#yjsg2 .k2ItemsBlock ul {display:flex; flex-wrap: wrap ;padding:0;}

#adv1 .k2ItemsBlock>ul>li {Width: 33.333%; padding: 16px; box-sizing: border-box; margin: 0%; border-right: 2px solid #ffffff;}
#adv1 .module_title {text-align :center; color: #ffffff; font-size:300%;}
#adv1 .k2ItemsBlock>ul>li.lastItem {border: none;}
#adv1 img {max-width:50%;}

#adv2  .moduleItemImage {float:left; display:block; margin: 0 8px 0 0;}
#adv2  .k2ItemsBlock>ul {padding:0;}
#adv2  .k2ItemsBlock>ul>li { margin: 0; padding: 0; }


@media screen and (max-width: 450px){
	#adv1 .k2ItemsBlock>ul>li {Width: 100%;  border-right: none ;border-bottom: 2px solid #ffffff; margin:30px 15px; padding:0;}
	#adv1 .module_title {font-size:220%;}
	#adv3, #adv4 {width:100% !important;}
	
}

@media screen and (min-width: 451px) and (max-width: 720px){
	#adv3, #adv4  {float: left !important;  clear: none !important;}	
}

    
/* ------------------------------- Menu Icons--------------------------*/
ul.icons {float:right;}
ul.icons li{ 
	float:left; 
	display:inline; 
	border: 1px solid #ffffff;
    margin-left: 6px;
    border-radius: 6px;
}
ul.icons li a:before {content:"";}

ul.icons li a {margin-right: 6px; line-height: 24px;}

/* ------------------------------- yjsg3 Grid -------------------------*/

#yjsg3 .yjsgxhtml  {width: 100% !important; }

#yjsg3 .k2ItemsBlock ul {display:flex; flex-wrap: wrap ;padding:0;}
#user1 .k2ItemsBlock>ul>li {Width: 50%; padding: 6px; box-sizing: border-box; margin: 0%;}

#user1 .k2ItemsBlock>ul>li:before {content:"\f00c";  font-family: FontAwesome; float: left; height: 100%;font-size: 300%; margin-right: 20px; line-height: 50px; color:#F99203;}
#user1 .module_title, #user2 .module_title {text-align :center; color: #015294; font-size:300%;}

@media screen and (max-width: 450px){
	#user1 .k2ItemsBlock>ul>li {Width: 100%; }
	#user1 .module_title {font-size:220%;}
	#yjsg3 {margin-bottom:0;}
	
}

/* ------------------------------- yjsg4 Grid (you may also like)-------------------------*/

.yjsg4_out  {background: #99CCFF;}
#yjsg4 .module_title {color:#ffffff;}

#yjsg4 .k2ItemsBlock>ul {display: flex; flex-wrap: wrap ;padding:0;}
#user6 .k2ItemsBlock>ul {margin: 1%;}
#user6 .k2ItemsBlock>ul>li {Width: 31.333%; padding: 12px; box-sizing: border-box; background-color: #ffffff; margin: 1%;}

@media screen and (max-width: 450px){
	#yjsg4 {padding:6px 6px 6px 12px;}
	#yjsg4 .yjsgxhtml {padding:0;}
}

/* ------------------------------- yjsg5 Grid (Fabrics)-------------------------*/

.yjsg5_out {background-color: #f4f8fc;}
#yjsg5 .yjsgxhtml  {width: 100% !important; margin-bottom: 30px;}

#yjsg5 .k2ItemsBlock>ul {display: flex; flex-wrap: wrap ;padding:0;}
#user12 .k2ItemsBlock>ul {margin: 1%;}
#user12 .k2ItemsBlock>ul>li {Width: 50%; padding: 12px; box-sizing: border-box; margin: 0;}

#user13 .k2ItemsBlock>ul>li, 
#user14 .k2ItemsBlock>ul>li {Width: 24%; padding: 6px; box-sizing: border-box; border: 1px solid #e9e9e9; margin: 0.5%; background-color:#ffffff;}

@media (max-width: 767px){ 
	#user13 .k2ItemsBlock>ul>li {width:49%}
	#user14 .k2ItemsBlock>ul>li {width:49%} 	
}

div.k2ItemsBlock ul li div.moduleItemIntrotext a.moduleItemImage img {
    float: none;
    margin: 0;
    padding: 0;
}

div.k2ItemsBlock ul li div.moduleItemTitle,
div.k2ItemsBlock ul li a.moduleItemTitle { font-size: 24px; color: #0b75cb; text-align:center;}
#user12 .moduleItemTitle {color: #ffffff; font-weight: bold;}

#k2ItemId-121 {background-color:#93C7FE; color: #ffffff; } /* Freight is free */
#k2ItemId-122 {background-color:#1E6EC3; color: #ffffff; } /* Guarantee */
#k2ItemId-119 {background-color:#1E6EC3!important; color: #ffffff; } /* Make Your Own */
#k2ItemId-119 .moduleItemTitle {color:#ffffff;}

@media screen and (max-width: 450px){
	div.k2ItemsBlock ul li a.moduleItemTitle { font-size: 18px; }
	#user12 .k2ItemsBlock>ul>li {Width: 100%;}
	#yjsg5 {padding:6px;}
	#yjsg5 .yjsgxhtml {padding:0;}
}

/* ------------------------------- yjsg6 Grid (News Articles)-------------------------*/

.yjsg6_out  {background: #0B75CB;}
#yjsg6 .module_title {color:#ffffff;}

#yjsg6 .k2ItemsBlock>ul {display: flex; flex-wrap: wrap ;padding:0;}
#user16 .k2ItemsBlock>ul {margin: 1%;}
#user16 .k2ItemsBlock>ul>li {Width: 31.333%; padding: 12px; box-sizing: border-box; background-color: #ffffff; margin: 1%;}

@media screen and (max-width: 450px){
	#yjsg6 {padding:6px 6px 6px 12px;}
	#yjsg6 .yjsgxhtml {padding:0;}
}

/* ----------------------------- K2 Cat ------------------------------*/

.itemListCategory img {width:125px !important;}

div.subCategory a.subCategoryImage img, div.subCategory a.subCategoryImage:hover img { margin: 0; }

div.subCategory { border-radius: 4px; }
div.itemListSubCategories { margin-left: -4px; margin-right: -4px; }
div.itemListSubCategories>h3 {margin-left: 4px; margin-right: 4px;}

.subCatId-80 .subCategory {background-color:#1E6EC3!important; color: #ffffff; }
.subCatId-80 .subCategory a.subCategoryImage {display:none;}
.subCatId-80 .subCategory a.subCategoryMore {display:none;}
.subCatId-80 .subCategory h2 {text-align:center;}
.subCatId-80 .subCategory h2 a {color:#ffffff;}
@media (max-width: 1199px){ 
	.subCategory h2 {font-size:20px;}
}
/* ----------------------------- K2 Cat Item ------------------------------*/
div#itemListPrimary {display:flex; flex-wrap: wrap ;padding:0;}
div#itemListPrimary div.itemContainer {width:33%;}
div.itemList { margin: 0 -6px; }

#k2Container { padding:0; }
div.itemView { padding: 0;   margin: 0 ; }


a.k2ReadMore {
	background: #0B75CB;
    color: #eeeeee;
    font-size: 16px;
    line-height: 1;
    height: auto;	
    border-radius: 4px;
	padding: 6px 12px 
}

a.k2ReadMore:hover {
	box-shadow: inset 0 0 0 99999px rgba(0,0,0,0.2);
	color: #ffffff;	 
}

div.catItemView {
    margin: 0 6px 20px 4px;
    height: calc(100% - 20px);
    padding: 6px;
    border: 1px solid #f0f0f0;
	border-radius: 4px;
}

div#itemListSecondary div.catItemImageBlock {width: 30%; float:left; margin:0 10px 0 0 ;}
div#itemListSecondary div.catItemReadMore {float: right; }

.catItemView.item_id_284 {background-color: #0B75CB; color:#ffffff; padding: 20px; position:relative;}
.catItemView.item_id_284 .catItemBody {
  margin: 0;
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

/* ----------------------------------- K2 Item ---------------------------------------*/

.linique_shop div.itemImageBlock {
    padding: 0 16px 0 0 ;
    margin: 0 0 16px 0;
    width: 60%;
    float: left;
}
.linique_shop .itemShopBlock {
	padding: 0 0 0 16px;
    margin: 0 0 16px 0;
    width: 40%;
    float: right;	
}
.linique_shop .itemImageGallery {
	padding: 0 16px 0 0;
    margin: 0 0 16px 0;
    width: 60%;
    float: left;	
}

.linique_shop div.sigProGalleriaWhiteContainer {
    background: #ffffff;
    margin:  0;
    padding: 0;
    clear: both;
}
.linique_shop p.sigProGalleriaWhiteTargetTitle { background: #015294;}

.linique_shop span.itemImage img { width: 100% !important; }

.linique_shop .product-price-container .sale-price { font-weight: normal; font-size: 1em; }

.linique_shop .itemTitle {margin: 10px 0; font-weight: bold;}

@media screen and (max-width: 450px){
	.linique_shop div.itemImageBlock { width: 100%; margin:0; padding:0;}
	.linique_shop .itemShopBlock {width: 100%; margin:0; padding:0;}
}
/* ------------------------------------------ Zen tools -------------------------------*/

.zt-block a {color:#f8f8f8;}
.zt-block a:hover {color:#ffffff;}

.zt-item-container:hover { background: #ffffff; }

/* ---------------------------------------- YGSG Grid ---------------------------*/

.yjsg-row {margin:0 !important; display:flex; flex-wrap: wrap;}

/*--------------------------------------------- Right Column ----------------------------------------*/

.k2ItemsBlock.two_columns {overflow-y: scroll;}
#k2ModuleBox253 {max-height: 320px;}
#k2ModuleBox254 {max-height: 960px;}

.k2ItemsBlock.two_columns li {
    width: 49%;
    float: left;
    margin: 0.5%;
    padding: 1%;
    border: 1px solid #f0f0f0;
    box-sizing: border-box;
}

div.k2ItemsBlock.two_columns ul li div.moduleItemTitle, div.k2ItemsBlock.two_columns ul li a.moduleItemTitle {  font-size: 16px; font-weight:bold;}
div.k2ItemsBlock.two_columns ul li div.moduleItemIntrotext { display: block; padding: 0; }


/* --------------------------------------------- CE List -----------------------------------------*/

ul.category li {line-height: 40px;}
div.contact-block .list-title{ display: inline-block; width: 59%; float:left;  line-height: 40px; margin: 0 0 0 1%;}
div.contact-block .contact-details { display: inline-block; width: 39%; line-height: 40px; margin: 0 0 0 1%;}
span.jicons-icons {float:left; line-height: 20px}
address{ margin-bottom:0;}



/* -------------------------------------- J2 Store Check out ----------------------------------------------*/

select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
    height: 28px;
	margin-bottom: 6px;
}

.j2store_field_required { line-height: 20px; }

#j2store-checkout input[type="text"] { width: 260px; }
#j2store-checkout textarea { width: 260px; height:80px;  }

#j2store-checkout input[name="account"],
#j2store-checkout input[name="billing_address"],
#j2store-checkout input[name="shipping_address"],
#j2store-checkout #shipping-payment-method input[type="radio"] {width: 20px; margin: 0 0 2px 0 ; height: 14px;}

#j2store-checkout label[for="billing-address-existing"],
#j2store-checkout label[for="billing-address-new"],
#j2store-checkout label[for="shipping-address-existing"],
#j2store-checkout label[for="shipping-address-new"] {display : inline-block;}

.product-qty input[type="text"], .product-qty input[type="number"] {  width: 50px !important; }
.j2store-cart-table .remove-icon { margin-bottom: 0px; }

.cart-estimator-discount-block .button {
	height: 28px;
    margin-bottom: 6px;
    line-height: 1;
}

.cart-estimator-discount-block .btn-primary,
#j2store-checkout .btn-primary {
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
    background-color: #faa732;
    background-image: -moz-linear-gradient(top, #fbb450, #f89406);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406));
    background-image: -webkit-linear-gradient(top, #fbb450, #f89406);
    background-image: -o-linear-gradient(top, #fbb450, #f89406);
    background-image: linear-gradient(to bottom, #fbb450, #f89406);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450', endColorstr='#fff89406', GradientType=0);
    border-color: #f89406 #f89406 #ad6704;
    border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.cart-estimator-discount-block .btn-primary:hover,
#j2store-checkout .btn-primary:hover {
	color: #fff;
    background-color: #f89406;
}

/* --------------------------------- See Fabric Buttons --------------------------------*/
#seeFab-288,
#seeFab-289,
#seeFab-290,
#seeFab-291,
#seeFab-292,
#seeFab-293,
#seeFab-294,
#seeFab-295 {display:none;}


/* Footer --------------------------------------------------------------------------------------- */
/* version 1.01 - Added fbook link 																  */
/* version 1.02 - Added gplus link                                                                */
/* version 1.03 - Corrections for Eximium                                                         */
/* version 1.04 - style corrections                                                               */
/* version 1.05 - responsive style corrections                                                    */
/* version 1.06 - responsive style corrections                                                    */
/* version 1.07 - floating "Top" button                                                           */
/* ---------------------------------------------------------------------------------------------- */

.footer_out { background-color: #e8ebef; padding:30px 0;}
#footer { color: #929292;;}
.footer0 {text-align: center;}
.footer2 {line-height:2.5;}
.footer2 a, #cp a {color:#437AFC} /*local Web Design & Top*/
.footer2 a:hover{color:#43b7f9 !important} 
#cp a:hover {}

.fbook, .gplus{
	width: 16px;
	height:16px;
	display: inline-block !important;
	border-radius: 2px;	
	vertical-align: top;
    margin-top: 8px !important;
    margin-left: 8px !important;
}
.fbook a , .gplus a { 
	color: #dddddd; 
	font-size: 14px; 
	font-weight: 400; 
	line-height:16px;
    width: 16px;
    height: 16px;
    display: block;
}
.fbook a:hover, .gplus a:hover { color: #ffffff; }

.fbook { font-family: Arial, Helvetica, sans-serif;    line-height:18px; background-color: #3C56A1 ; /* std fbook blue */ }
.gplus { font-family: "Times New Roman", Times, serif; line-height:16px; background-color: #DF5138 ; /* std gplus red */ }

.gplus a { font-size: 20px; line-height: 20px; } /*brings <sup> up to same size */

.fbook:hover {background-color: #2749a5;} /* std fbook blue, brighter */
.gplus:hover {background-color: #f42909;} /* std gplus red, brighter */

#cp {padding-left: 10px; float:left} /*top*/


@media screen and (max-width: 400px){
	.footer1 {font-size:12px; line-height: 1.5!important;}
	.footer2 {font-size:12px;}
}

#cp a.yjscroll {
	position: fixed;
    bottom: 16px;
    left: 16px;
    width: 35px;
    background-color: #999999;
    border-radius: 4px;
	color: #ffffff;
	font-weight: bold;
	line-height: 22px;
	text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
	
}
#cp a.yjscroll:focus {text-decoration: none; }