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

 * Selects

 * ------------- */
 
 @import url('https://fonts.googleapis.com/css?family=Delius');

/* Custom Select*/

span.customSelect {

	

	-moz-border-radius: 0px;

	-webkit-border-radius: 0px;

	border-radius: 0px;

	font-size:12px;

	border: 1px solid #d4d4d4;

	background-color: #fff;

	color: #777;

	text-decoration: none;

	white-space: nowrap;

	text-align:left;

}

span.customSelect option {font-size:12px !important;}

span.customSelect.changed {

	background-color: #f0dea4;

}

.customSelectOpen {-moz-box-shadow: #bbb 0 0 3px;

  -webkit-box-shadow: #bbb 0 0 3px;

  box-shadow: #bbb 0 0 3px;}



.customSelectInner {

	background:url('../../image/megnor/select-arrow-down.gif') no-repeat center right;

	width:100% !important;

}

.customSelectOpen .customSelectInner{ background:url('../../image/megnor/select-arrow-up.gif') no-repeat center right;  }



#input-sort , #input-limit, #product .form-group select { cursor:pointer;}





/* TREEVIEW CATEGORY LEFT */

.treeview-list, .treeview-list ul { 

	padding: 0;

	margin: 0;

	list-style: none;

}

.treeview-list ul {

	background:none; 

	margin:0px;

}

.treeview-list .hitarea {

	background: none;

	height: 9px;

	width: 9px;

	float: right;

	cursor: pointer;

}

/* fix for IE6 */

* html .hitarea { display: inline;float:none; }

.treeview-list li { margin: 0; border-bottom:medium none;}

.treeview-list li.last, .treeview-list li.lastExpandable {border:none;}

.treeview-list a.selected { background-color: #eee; }



.treeview-list .hover { color:#e85e5e; cursor: pointer; }

.treeview-list li a:hover,.treeview-list li.nav-1 a:hover	 {   cursor:pointer; }

.treeview-list li ul li:hover	{ background:none;}

.treeview-list li a { display:inline;  padding-left:0px; }

.treeview-list li.active a	{ font-weight:bold; /*color:#D09E00 ;*/  } 

.treeview-list li.active ul li a	{ font-weight:normal; color:#5E5E5E;}

.treeview-list li a:hover  {/*color:#D09E00;*/ } 	

.treeview-list li ul li a:hover	{/*color:#D09E00;*/ } 	

.treeview-list li ul li { background:none; border-bottom:none; }

.treeview-list .collapsable .expandable-hitarea { 

	background: url(../../image/megnor/Sprite.png) no-repeat scroll -28px -126px transparent;

    height: 25px;

    width: 30px;  

} 

.treeview-list .expandable .collapsable-hitarea{ 

	background: url(../../image/megnor/Sprite.png) no-repeat scroll 0px -127px transparent;

    height: 25px;

    width: 30px;  

} 



.treeview-list .expandable-hitarea { 

	background: url(../../image/megnor/Sprite.png) no-repeat scroll 0px -127px transparent;

    height: 25px;

    width: 30px;  

} 

.treeview-list .collapsable-hitarea { 

	background: url(../../image/megnor/Sprite.png) no-repeat scroll -28px -126px transparent;

    height: 25px;

    width: 30px;

} 

/* TREEVIEW CATEGORY LEFT */





/* FancyBox */



.fancybox-wrap,

.fancybox-skin,

.fancybox-outer,

.fancybox-inner,

.fancybox-image,

.fancybox-wrap iframe,

.fancybox-wrap object,

.fancybox-nav,

.fancybox-nav span,

.fancybox-tmp

{

	padding: 0;

	margin: 0;

	border: 0;

	outline: none;

	vertical-align: top;

}



.fancybox-wrap {

	position: absolute;

	top: 0;

	left: 0;

	z-index: 8020;

}



.fancybox-skin {

	position: relative;

	background: #f9f9f9;

	color: #444;

	text-shadow: none;

	-webkit-border-radius: 4px;

	   -moz-border-radius: 4px;

	        border-radius: 4px;

}



.fancybox-opened {

	z-index: 8030;

}



.fancybox-opened .fancybox-skin {

	-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);

	   -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);

	        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);

}



.fancybox-outer, .fancybox-inner {

	position: relative;

}



.fancybox-inner {

	overflow: hidden;

}



.fancybox-type-iframe .fancybox-inner {

	-webkit-overflow-scrolling: touch;

}



.fancybox-error {

	color: #444;

	font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;

	margin: 0;

	padding: 15px;

	white-space: nowrap;

}



.fancybox-image, .fancybox-iframe {

	display: block;

	width: 100%;

	height: 100%;

}



.fancybox-image {

	max-width: 100%;

	max-height: 100%;

}



#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {

	background-image: url('../../image/megnor/fancybox_sprite.png');

}



#fancybox-loading {

	position: fixed;

	top: 50%;

	left: 50%;

	margin-top: -22px;

	margin-left: -22px;

	background-position: 0 -108px;

	opacity: 0.8;

	cursor: pointer;

	z-index: 8060;

}



#fancybox-loading div {

	width: 44px;

	height: 44px;

	background: url('../../image/megnor/fancybox_loading.gif') center center no-repeat;

}



.fancybox-close {

	position: absolute;

	top: -18px;

	right: -18px;

	width: 36px;

	height: 36px;

	cursor: pointer;

	z-index: 8040;

}



.fancybox-nav {

	position: absolute;

	top: 0;

	width: 40%;

	height: 100%;

	cursor: pointer;

	text-decoration: none;

	background: transparent url('../../image/megnor/blank.gif'); /* helps IE */

	-webkit-tap-highlight-color: rgba(0,0,0,0);

	z-index: 8040;

}



.fancybox-prev {

	left: 0;

}



.fancybox-next {

	right: 0;

}



.fancybox-nav span {

	position: absolute;

	top: 50%;

	width: 36px;

	height: 34px;

	margin-top: -18px;

	cursor: pointer;

	z-index: 8040;

	visibility: hidden;

}



.fancybox-prev span {

	left: 10px;

	background-position: 0 -36px;

}



.fancybox-next span {

	right: 10px;

	background-position: 0 -72px;

}



.fancybox-nav:hover span {

	visibility: visible;

}



.fancybox-tmp {

	position: absolute;

	top: -99999px;

	left: -99999px;

	visibility: hidden;

	max-width: 99999px;

	max-height: 99999px;

	overflow: visible !important;

}



/* Overlay helper */



.fancybox-lock {

	overflow: hidden;

}



.fancybox-overlay {

	position: absolute;

	top: 0;

	left: 0;

	overflow: hidden;

	display: none;

	z-index: 8010;

	background: url('../../image/megnor/fancybox_overlay.png');

}



.fancybox-overlay-fixed {

	position: fixed;

	bottom: 0;

	right: 0;

}



.fancybox-lock .fancybox-overlay {

	overflow: auto;

	overflow-y: scroll;

}



/* Title helper */



.fancybox-title {

	visibility: hidden;

	font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;

	position: relative;

	text-shadow: none;

	z-index: 8050;

}



.fancybox-opened .fancybox-title {

	visibility: visible;

}



.fancybox-title-float-wrap {

	position: absolute;

	bottom: 0;

	right: 50%;

	margin-bottom: -35px;

	z-index: 8050;

	text-align: center;

}



.fancybox-title-float-wrap .child {

	display: inline-block;

	margin-right: -100%;

	padding: 2px 20px;

	background: transparent; /* Fallback for web browsers that doesn't support RGBa */

	background: rgba(0, 0, 0, 0.8);

	-webkit-border-radius: 15px;

	   -moz-border-radius: 15px;

	        border-radius: 15px;

	text-shadow: 0 1px 2px #222;

	color: #FFF;

	font-weight: bold;

	line-height: 24px;

	white-space: nowrap;

}



.fancybox-title-outside-wrap {

	position: relative;

	margin-top: 10px;

	color: #fff;

}



.fancybox-title-inside-wrap {

	padding-top: 10px;

}



.fancybox-title-over-wrap {

	position: absolute;

	bottom: 0;

	left: 0;

	color: #fff;

	padding: 10px;

	background: #000;

	background: rgba(0, 0, 0, .8);

}



.zoomContainer .zoomLens{

	cursor: url(../../image/megnor/zoom.png), pointer !important;

	border:none !important;

	opacity:0 !important;

}

.zoomContainer .zoomWindow{



	border:2px solid #DBDEE1 !important;

	-webkit-box-shadow: 3px 4px 4px -1px #999999;

	-moz-box-shadow: 3px 4px 4px -1px #999999;

	box-shadow: 3px 4px 4px -1px #999999;



}



/* FancyBox */



.last_item_tm .product-block{}

.first_item_tm .product-block{}





.toggle .mobile_togglemenu{ 

	background:url("../../image/megnor/toggle-arrow.png") no-repeat scroll right 0px transparent;

	display:block;

	cursor:pointer;

	width:100%;  

	margin-top: -18px; 

	overflow: hidden;

	padding:0 0 15px;

	position: absolute;

	right: 0px;

    top: auto;

}



.toggle {

    background: none;

    border-radius: 0px;

    padding: 0px;

	margin:5px 0 12px 0;

}



.active .mobile_togglemenu { background-position:right -41px; }

#footer .mobile_togglemenu:hover	{ text-decoration:none;}



/* Responsive menu Css Start */

	.nav-responsive span { display:inline-block;}

	.ie7 .nav-responsive span { display:inline;}

	.nav-responsive { cursor:pointer; display:none;  }

	.main-navigation  ul  li{ list-style:none; position:relative;}

	.nav-responsive .expandable{

	background: url("../../image/megnor/Sprite.png") no-repeat scroll -18px -155px transparent;

	height: 40px;

    margin-top: 10px;

    width: 35px;	

	} 

	.responsive-menu { padding:0; position:relative;}

	.responsive-menu .main-navigation{ 

		position:absolute; 

		z-index:9999;  

		display:none; 

		margin-top:0px; 

		padding:1%;

		width:100%; 

		list-style:none;

	}

	.responsive-menu .main-navigation ul{padding-left:20px;}

	.nav-responsive div,

	.responsive-menu .hitarea {

		background: none;

		height: 9px;

		width: 9px;

		float: right;

		cursor: pointer;

		margin-right:10px;

	}

	.responsive-menu .hitarea{margin-right:0;}

	.responsive-menu .expandable .collapsable-hitarea{ 

		background: url("../../image/megnor/Sprite.png") no-repeat scroll  -36px -120px transparent;

		height: 33px;		

		padding: 0;

		width: 30px;

	} 

	.responsive-menu .expandable-hitarea { 

		background:url("../../image/megnor/Sprite.png") no-repeat scroll -7px -121px  transparent;

		height: 33px;

		width: 30px;		

		padding: 10px;

	} 

	.responsive-menu .collapsable-hitarea { 

		background: url("../../image/megnor/Sprite.png") no-repeat scroll  -35px -120px transparent;

		height: 33px;

		width: 30px;	

	} 



/* Responsive menu Css End */



/*Our Custom*/
.treeview-list li a:hover{color:#32bced;}
.owl-controls .owl-page span{background:#97cb52 !important;}
.owl-controls .owl-page.active span, .owl-controls .owl-page:hover span{background:#32bced !important;}
#producvid_holder{position:relative; margin-bottom:30px; height:0; width:100%; padding-top:56%;}
#producvid_holder iframe{position:absolute; left:0; top:0; width:100% !important; height:100% !important;}
#live-search ul li{height:auto !important; overflow:hidden;}
#live-search ul li .product-name{width:55% !important;}
#live-search ul li .product-price{width:25% !important;}
#live-search ul li .product-name{color:#242424;}
#live-search ul li .product-name p{line-height:1.2;}
#live-search .result-text{background:#32bced !important; color:#fff !important;}
table.product-description tr:nth-child(2) .description-right{font-weight:600; color:#C00;}
#product_qtymsg_shower{background-color: #f2dede;
    border-color: #ebccd1;
    color: #a94442;
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 0px;
}
.outof_stock_btn{background-image:none !important; padding-left:21px !important;}
#footer .row.layout2{width:25%; padding:0 15px; float:left; box-sizing:border-box; margin:0;} 
#footer .row.layout2:before{content:"Latest Blog";
color: #262a2d;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 14px;
    text-shadow: none;
    text-transform: uppercase;
	margin-top:10px;
		
}
#footer .row > h3{
    display:none;
}
#footer .row.layout2 .blogs_post{width:100%; float:none; padding:0 0 10px 0; border-bottom:solid 1px #ccc; overflow:hidden; margin-bottom:10px;}
#footer .row.layout2 .blogs_post:last-child{border-bottom:none; padding-bottom:0; margin-bottom:0;}
#footer .row.layout2 .blogs_post .image{width:75px; height:37px; border:solid 2px #fff; box-sizing:border-box; box-shadow:0 0 1px 1px rgba(0,0,0,0.1); float:left; margin-right:10px;}
.latestpost_contentdiv{float:right; width:calc(100% - 85px);}
.latestpost_contentdiv h3{font-size:16px !important; font-weight:500; text-transform:none !important; margin-bottom:0;}
.latestpost_contentdiv .post_date_blog{padding:0 !important; color:#adadad; font-size:11px !important; text-transform:none !important;}
.latestpost_contentdiv .post_date_blog a{color:#adadad;}
.latestpost_contentdiv .description{height:auto !important; color:#242424 !important; padding:0 !important; margin:5px 0 0 0 !important; white-space:nowrap; text-overflow:ellipsis; max-height:40px !important; font-size:14px !important;}
.latestpost_contentdiv a{color:#32bced;}

.telephone_land{float:left; width:100%; margin-top:25px;}
.telephone_land strong{display:block; height:28px;     background: url(../../image/landicon.png) no-repeat;
    padding: 5px 0 0 35px;}
.layout4 .blogs_post .blog_post4{background:#fff;}
.latestblog_img{display:block; width:56px; height:56px; background-size:cover !important; background-position:center center !important;}
#postmedia_img{display:block; border:solid 5px #fff; box-shadow:0 0 3px 1px rgba(0,0,0,0.1); margin-top:15px; margin-bottom:25px;}
.author_like_comment > span, .author_like_comment > span i{font-size:13px; color:#adadad !important; font-weight:normal !important;}
.addthis_toolbox{margin-top:20px;}

.related_post_product_title{font-size:22px !important; font-weight:bold; margin-top:35px; margin-bottom:15px; padding-bottom:4px; border-bottom:solid 2px #32bced; color:#32bced !important;}
#related_postlist{list-style:none; padding-left:0; margin:0 -10px;}
#related_postlist > li{width:33.3%; float:left; box-sizing:border-box; padding:0 10px;}
.relatedblog_inner{background:#fff; padding:10px; border-radius:2px; box-shadow:0 0 1px 1px rgba(0,0,0,0.08); overflow:hidden;}
.related_img{margin-bottom:10px; }
.related_img a{display:block; width:100%; padding-top:60%; background-size:cover !important; background-position:center center !important; background-repeat:no-repeat !important; -webkit-transition:all ease-in 0.3s; transition:all ease-in 0.3s; }
.relatedblog_title h4{font-size:18px !important; font-weight:400; color:#565656; margin-top:15px; margin-bottom:0; }
.relatedblog_title h4:hover{color:#32bced;}
.related_post_date_blog span, .related_post_date_blog span a{font-size:11px; color:#adadad;}
#why_kidswood_hd{font-weight:bold; text-align:center; text-transform:uppercase;}
#why_kidswood_hd:after{content:""; display:block; width:100px; height:2px; margin:8px auto 0 auto; background:#32bced;}
#whykwd_list{list-style:none; margin-top:20px; padding-left:0; margin:0 -10px; margin-top:30px;}
#whykwd_list li{display:block; box-sizing:border-box; padding:0 10px; float:left; width:16.66%; text-align:center;}
#whykwd_list li i{width:44px; height:44px; line-height:44px; font-size:24px; color:#fff; background:#32bced; text-align:center; border-radius:50%;}
#whykwd_list li h6{font-weight:600; font-size:14px; text-align:center; margin-top:15px;line-height: 17px;color:#000}
.tm-about-text{width:65%;}

/*Newsletter*/
body.common-home .newsletter-module-regular{background:#d6ddee; padding:15px 35px; position:relative; overflow:hidden; text-align:center; }
body.common-home .newsletter-module-regular:before{content:""; display:block; width:125px; height:120px; background: url(../../image/envelope.png) no-repeat; position:absolute; left:0; top:0; background-size:contain; opacity:0.4; transform-origin:top; transform:rotate(15deg); }
body.common-home .newsletter-module-regular h3{font-weight:bold; text-transform:uppercase; font-size:24px; text-align:center; margin-bottom:10px; color:#6073a5;}
body.common-home .newsletter-module-regular > p{font-size:15px; margin-bottom:15px; line-height:1.24; position:relative; z-index:2; }
body.common-home .newsletter-module-regular .input-group{width:50%; min-width:300px; max-width:550px; margin:0 auto;}
body.common-home .newsletter-module-regular .button-subscribe{background:#2458db;}
body.common-home .newsletter-module-regular .button-subscribe i{color:#fff;}

aside .newsletter-module-regular{background:#d6ddee; padding:10px; position:relative; overflow:hidden; text-align:center; }
aside .newsletter-module-regular:before{content:""; display:block; width:125px; height:120px; background: url(../../image/envelope.png) no-repeat; position:absolute; left:0; top:0; background-size:contain; opacity:0.4; transform-origin:top; transform:rotate(15deg); z-index:0; }
aside .newsletter-module-regular h3{font-weight:bold; text-transform:uppercase; font-size:18px; text-align:center; margin-bottom:10px; color:#6073a5; position:relative; z-index:2}
aside .newsletter-module-regular > p{position:relative; z-index:2; }
aside .newsletter-module-regular .button-subscribe{background:#2458db;}
aside .newsletter-module-regular .button-subscribe i{color:#fff;}

#welcome_teaser{margin-bottom:25px; padding:15px; background:#fff; box-shadow:0 0 1px 1px rgba(0,0,0,0.05); border-radius:5px;}
#welcome_teaser h3{font-family: 'Delius', cursive; text-align:center; color:#32bced; font-size:18px; margin-bottom:15px;}
#pagebanner_image img{display:block; width:100%;}
#pagebanner_image{margin-bottom:25px;}
.page_content h3{font-size:20px; font-weight:bold; text-transform:uppercase; margin-bottom:15px; margin-top:25px;}

#contact_pgdet{margin-bottom:20px;}
#contact_pgdet p{font-weight:600; margin-bottom:5px; font-style:italic;}
#faq_holder a, #returnpolicy_holder a{color:#32bced;}
#faq_holder a:hover, #returnpolicy_holder a:hover{text-decoration:underline;}

.alert-success a{color:#9854a1 !important; text-decoration:underline;}


@media only screen and (max-width:1024px){

#whykwd_list li{width:33.3%; padding:10px;}
#whykwd_list li h6{height:45px;}
	
}



@media only screen and (max-width:1023px){

.subbanner3_1, .cms-right-bottom{padding-bottom:25px;}
.heading_down1, .heading_down{position:relative; top:0; padding-top:15px;}
.cms-banner2-left{padding-bottom:25px; }
.cms-banner2_content{position:relative; padding-top:15px; top:0;}



}



@media only screen and (max-width:979px){

.cms-banner2-cms{float:none;}
.cms-banner2-left, .cms-banner2-right{width:100%; float:none;} 
.cms-banner2_content{position:absolute; right:15px;}
.subbanner3_1, .cms-right-bottom{padding-bottom:0;}
.heading_down1, .heading_down{position:absolute;}
.cms-banner2-left, .cms-banner-right{float:none; width:100%;}
.cms-right-bottom{background:#94bc7e;}


}


@media only screen and (max-width:767px){

#related_postlist{margin:0;}
#related_postlist > li{float:none; margin-bottom:15px; width:100%; padding:0;}
.related_img{width:200px; float:left; margin-right:15px; margin-bottom:0;}
.related_img a{padding-top:48%;}
.relatedblog_title h4{margin-top:20px;}	
.subbanner3_1, .cms-right-bottom{padding-bottom:5px;}
.heading_down1, .heading_down{position:relative; right:auto !important; left:auto !important; padding:15px;}
.cms-banner2_content{position:relative; right:auto;}
.cms-banner2_content br{display:none;}
.cms-banner2-left{background:#fff; margin-bottom:25px;}
.cms-banner2_content_inner{text-align:center;}
.subbanner3_1{text-align:center;}
.down11, .banner33{float:none; text-align:center;}
.banner33{display:inline-block;}
.cms-banner-right_inner{margin-left:0;}
.cms-right-bottom div.image{text-align:right;}
.cms-right-bottom{background:#a8d195;}
.down2{font-size:16px; text-align:center;}
.down1{text-align:center;}

.cms-banner1.banner, .cms-banner2.banner, .cms-banner3.banner{width:100%; float:none; margin:8px auto;}
.cms-banner .banner .image{height:150px;}
.cms-banner2 .image img{margin-top:0;}
.heading1{font-size:44px;}
.heading11{font-size:30px; margin-top:3px;}
.heading2{font-size:22px; margin-top:10px;}
.cms-banner3 .heading2{margin-top:10px;}
.tm-about-text{width:100%;}
.aboutme-read-more.btn{float:none; display:inline-block;}
.footer-top-left{text-align:center;}
body.common-home .newsletter-module-regular .input-group{max-width:320px; min-width:inherit; width:100%;}
.owl-controls{margin-top:12px !important; position:relative !important;}
.sort-by-wrapper, .show-wrapper{float:none; display:inline-block; margin-right:20px;}
.breadcrumb > li:last-child a{white-space:initial;}	
	
	
}


@media only screen and (max-width:550px){

#whykwd_list li{width:50%; padding:10px;}
#whykwd_list li h6{height:45px;}


	
}





@media only screen and (max-width:479px){

.product-block .button-group .wishlist_button, .product-block .button-group-list .wishlist_button, .product-block .button-group .compare_button, .product-block .button-group-list .compare_button{display:inline-block;}
.footer_bottom_links li{display:inline-block; padding:7px;}
.footer_bottom.container > p{margin-top:10px;}
.cms-banner2-left{display:block;}


}






@media only screen and (max-width:420px){

.related_img{float:none; width:100%; margin-right:0; margin-bottom:15px;}	
#whykwd_list li{width:100%; padding:10px; float:none;}
#whykwd_list li h6{height:auto;}	

	
}