@charset "UTF-8";

/* CSS Document */




.top_section {
background: #29ABE2;
/*margin-top:-18px;*/
height: 46px !important;
}



#hamburger{

display:none;	

}



.navigation_section {

background: url(/templates/nushots/images/white_dots2.png)  repeat-x scroll 0% 0% #fff;

position: relative;

padding: 10px 0px;

}



iframe{

border:0 !important;	

}



.top_section .top_links {

float: left;

background-image: none !important;

border-left: 0px solid #eee;

padding: 18px;

width: 600px;

}

.top_links {
	
	 width: 800px; 

margin-top: 50px;
	
}



.ux-menu a.ux-menu-link-last {

border-right: 0px solid #e3dad1 !important;

}



.navigation_section .right_col .navigation ul li a {

color: #7777777 !important;

font-size: 19px;

}



.navigation_section .right_col .navigation ul li a:hover {

color: #fce525 !important;

}



breadcrums li a:hover { 

color: #fce525 !important;

}



.top_section .top_links a:hover {

color: #fce525;

}





.banner_section {

    background: url('/templates/nushots/images/_bg2.jpg') repeat-x scroll 0% 0% #fff;

	padding: 0px 0px;

}





.banner_section {

background-image: none;

background-color: #fff;

}



.banner_section.inner {

background: #000;

display:none;

}



.banner_section.inner .banner {

 padding: 0px 0px 0; 

margin-bottom: 34px;

}



.banner {

width: 95%;

overflow: hidden;

margin-left: auto;

margin-right: auto;

}



ul#slider95 img {

width: 100%;

}



li#mf69 {

 width: 100% !important; 

}





.left-Content-box {

float: left;

width: 53% !important;

margin-right: 25px;

}



.right-Content-box {

float: left;

width: 43% !important;

}



.right-Content-box .left_section_product_complete_details {

float: none;

width: auto;

margin-bottom: 20px;

margin-top: 0px;

}



#slider-container95 {



overflow: visible !important;

left: 0;

top: 0;

height: 100%;

width: 100%;

}



#djslider95 ul#slider95 li {

list-style: none outside !important;

float: left;

margin: 0 !important;

border: 0 !important;

padding: 0 0px 0px 0 !important;

position: relative;

height: 550px;

width: 2000px !important;

background: none;

overflow: hidden;

}





div#djslider95{

width:100% !important;

height: 400px!important;

}



.logo {

/*width: 300px;*/

}



#roksearch_search_str {

border: 1px solid #bdbcbd;

/-webkit-border-radius: 0px; 

-moz-border-radius: 0px;

-o-border-radius: 0px;

/* border-radius: 30px; */

padding: 15px 10px;

display: inline-block;

vertical-align: top;

}



#roksearch_search_str {

height: 44px;

border-radius: 10px;

width: 300px;

font-size:17px;

}





#slider-container95 {

position: absolute !important;

overflow:visible;

/* left: 0; */

top: 0;

height: 550p !importantx;

width: 100% !important;

margin-left: 0px !important;

}





.mid_section .featured ul li .featured-text.one {

background: #fff;

}



.mid_section .featured ul li .featured-text.two {

background: #fff;

}

.mid_section .featured ul li .featured-text.three {

background: #fff;

}



.mid_section .featured ul li .featured-text.four {

background: #fff;

}



mid_section .heading {

line-height: 44px;

text-align: center;

background-image:none !important;

height: 44px;

}



.mid_section .featured ul li {

float: left;

width: 25%;

text-align: center;

position: relative;

 -webkit-box-shadow: 0px 0px 0px -43px #fff; 

-moz-box-shadow: 0px -33px 57px -43px #fff;

-o-box-shadow: 0px -33px 57px -43px #fff;

-ms-box-shadow: 0px -33px 57px -43px #fff;

 box-shadow: 0px -33px 57px -43px #fff;

padding: 5px 0;



}



.mid_section.all-products, .mid_section.k2CategoriesListBlock {

background-image: none;

margin: 0 0 10px;

padding-top: 30px;

}



.mid_section .heading {

line-height: 0px;

text-align: center;

height: 0px !important;

}



.mid_section .featured {

margin: 0px 0px ;

}



.mid_section .featured {

margin: 0px 0px;

width: 70%;

margin-left: auto;

margin-right: auto;

}







.mid_section .featured ul li .featured-text {

margin-top: 8px;

padding: 6% 8.5% 13% !important;

}



.featured img{

	width:100%;

	height:auto;

}



.mid_section .featured img {

opacity: .6;

-webkit-filter: grayscale(1);

 filter: gray; /* IE6-9 */

transition: opacity .5s ease-in-out;

}



.mid_section .featured img:hover{

opacity: 1;

-webkit-filter: grayscale(0);

filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");

}



svg {

    background:url(http://4.bp.blogspot.com/-IzPWLqY4gJ0/T01CPzNb1KI/AAAAAAAACgA/_8uyj68QhFE/s400/a2cf7051-5952-4b39-aca3-4481976cb242.jpg);

}



.teaser {

padding:0px;

margin-bottom:20px;

}



.teaser h2 {

font-size: 40px !important;

color: #666;

margin-top: 10px;

}



.preview {

width: 75%;

margin-left: auto;

margin-right: auto;

margin-top: 35px;

overflow: auto;

}



.preview-3-col {

width: 33%;



margin-right: 10px;

margin-top: 35px;

overflow: auto;

}



.preview img {

	margin-right:20px;

	float:left;

	}



.previewtxt {

float: left;

width: 55%;

}



.previewtxt p {

line-height: 26px;

}



div#front:nth-child(odd) {

	position:relative;

padding: 20px;

margin-bottom: 0px;

min-height:235px;

clear: both;

background: #fbffbb;

/*background: url(../images/teaser_top.jpg) center 0 repeat-x #cbe1e3;*/

}



div#front:nth-child(even) {

	position:relative;

padding: 20px;

margin-bottom: 20px;

min-height:235px;

clear: both;

background: #ffffff;

/*background: url(../images/teaser_bottom.jpg) center 0 repeat-x #fff;*/

}













footer .bottom_section {

background: #000000;

padding: 10px 0px;

}



footer h4 {

font-weight: 900;

}



footer .bottom_section_2 .bottom_links_1 .links_3 h4, footer .bottom_section_2 h3 {

color: #000; 

}



footer .bottom_section_2 ul li a:hover {

color: #FC0;

}



.bottom_section {

background: #000 !important;

padding: 10px 0px; 

}



#signup, .signup{

width: 250px;

height: 200px;

background: grey;

float: right;

right: 20px;

position: relative;

top: -15px;

z-index: 101;

clear: both;

margin: 10px; 

}



/***************************************************************************************** Mega Menu  */

div#mega2 ul.maximenuck li.maximenuck div.floatck div.floatck {

margin: 0px 0 0 0% !important;

-moz-border-radius: 0px;

-webkit-border-radius: 0px;

border-radius: 0px;

border: 0px solid #777777;

}



.megatitle, .headingck  {

font-size: 18px;

color: #CBCBCB;

/* border-bottom: 1px solid #eee; */

text-transform: uppercase;

font-weight: 800;

}



.maxidrop-main {

margin-left: -341px;

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

padding: 8px;

margin-top: 14px;

}



div#mega2 ul.maximenuck li.maximenuck ul.maximenuck2 li:hover > a, {

color: #029feb;

background: #eee;

}







/***************************************************************************************** Mega Menu  */









/***************************************************************************************** BURGER MENU



html {

    overflow-y: scroll;

}



/*

Setup a basic body

*/

/*

Header is relative so z-index: 1 guarantees always displayed on top

*/

header {

    background-color: #3b5998;

    padding: 10px;

    text-decoration: none;

    position: fixed;

    width: 100%;

    z-index: 1;

    -webkit-box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.4);

    box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.4);

}



/*

using background color is important to cover the menu

position absolute isset to cover the whole viewport

*/

#content {

    background-color: #FFFFFF;

    padding: 52px 10px 10px 10px;

    position: relative;

    width: auto;

    height: 100%;

    -webkit-box-shadow: -10px 0px 9px 0px rgba(0, 0, 0, 0.4);

    box-shadow: -10px 0px 9px 0px rgba(0, 0, 0, 0.4);

}



/*

the hamburger button with a little gradient effekt

*/



/*

The white stripes in the hamburger button

*/

#hamburger div {

    background-color: #fff;

    border: 1px solid #eee;

    border-radius: 2px 2px 2px 2px;

    height: 2px;

    margin-top: 3px;

    width: 90%;

}



/*

The navigation container in the background

*/

nav {

    opacity: 0;

    left: 0px;

    top: 0px;

    position: fixed;

    z-index: 0;

    width: 70%;

    height: 100%;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    overflow-x: hidden;

    overflow-y: auto;

    background: #3e3c3d;

    background: -moz-linear-gradient(top, #3e3c3d 0%, #2d2c2d 100%);

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3e3c3d), color-stop(100%, #2d2c2d));

    background: -webkit-linear-gradient(top, #3e3c3d 0%, #2d2c2d 100%);

    background: -o-linear-gradient(top, #3e3c3d 0%, #2d2c2d 100%);

    background: -ms-linear-gradient(top, #3e3c3d 0%, #2d2c2d 100%);

    background: linear-gradient(to bottom, #3e3c3d 0%, #2d2c2d 100%);

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3e3c3d', endColorstr='#2d2c2d', GradientType=0);

}













/***************************************************************************************** END BURGER







/***************************************************************************************** HIDE FACEBOOK 

.fb_iframe_widget {

display: none;

position: relative;

}

********************************************************************/



UL#ariext205 LI A {

color: #666 !important;

}



UL#ariext205 LI A {

background: #fff none !important;

}



#ariext205 .ux-menu-sub LI A {

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

color:#fff !important;

}





UL#ariext205 LI A:hover {

background: #ffcc33 none !important;

}



/*

.ux-menu ul {

background: #464646;

}

*/



.ux-menu li {

padding: 0px;
	
}



ul.ux-menu-sub {

top: 47px;

}

ux-menu-sub {

left: 214px;

}



UL#ariext205 LI A, UL#ariext205 LI A:focus, UL#ariext205 LI A.ux-menu-link-hover {

color: #fff;

padding: 15px;

}





ul.ux-menu-sub ul {

/*left: 168px !important;*/

max-width:350px !important;

}

/*

ul.ux-menu-sub ul:hover, ul.ux-menu-sub a:hover {

background-color:#fc3;

}



*/



.ux-menu ul a, .ux-menu.ux-menu-vertical a {

border-bottom: 0;

border-right: 0px solid #e3dad1 !important;

}







.ux-menu a {

display: block;

 border-left: 0px solid #e3dad1 !important ; 

 border-top: 0px solid #e3dad1 !important ;

 border-bottom: 0px solid #e3dad1 !important ; 

width: 100%;

}



.ux-menu a:hover{

background:#fc3;	

}



button.search_btn {

width: 44px !important;

height: 44px !important;

}





	#djslider95 ul#slider95 li {

		width: 100% !important;

}


/**************************************** IPAD ************************************************/


@media only screen 

and (min-device-width : 768px) 

and (max-device-width : 1024px)  {
	div#ariext205_container {
	display: block !important;
width: 100%;

}



.preview {

width: 100%;

}



.previewtxt {

width: 40%;

}





}





@media (max-width: 600px) and (orientation: portrait)   {

/* Styles */



html {

width: 100%;

}





	#djslider95 ul#slider95 li {

		width: 100% !important;

}





.banner_section {

max-height: 200px;

background-image: none; 

}





div.maximenuckh ul:not(.noresponsive) div.floatck div.maximenuck2 {

width: 100% !important;

}









div#mega2 div.maxidrop-main {

width: 100% !important;

}



.maxidrop-main {

 margin-left: 0px;

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

padding: 8px;

margin-top: 5px;

}



div#mf7 {

margin-left: -29px;

}



.top_section .top_links {

float: left;

width: 100% !important;

padding: 1px !important;

}



.ux-menu ul{

width: 100% !important;

z-index: 1001; 

}



ul.ux-menu-sub {

width: 100% !important;

z-index: 1001; 

}



ul.ux-menu-link-level-2 {

width: 100% !important;

z-index: 1001; 

}



ul.ux-menu-sub ul {

left: 119px !important;

top: 29px !important;

background: #0F0101;

color:#FC3;

}





.top_section .top_links ul li {

width: 100%;

}







#hamburger {

   /* border: 1px solid #374C77;

    border-radius: 3px 3px 3px 3px;*/

    cursor: pointer;

    display: block;

    height: 40px;

    padding: 7px;

    position: relative;

    width: 100%;

    background: #FC3;

   	text-align: left;

font-size: 2em;

font-weight: 900;

vertical-align:middle;

}





/* *************************************************************************HIDE LAYER ON TOP OF MOBILE MENU */

.call_section {

display: none;

}

/* ************************************************************************************************HIDE END */





.top_section {

background: #FC3;

}



.right-Content-box {

float: left;

width: 100% !important;

}



.left-Content-box {

float: left;

width: 100% !important;

}

/*



.container {

width: 98% !important;

 padding: 5px !important; 



}

*/



.mid_section .featured ul li .featured-text a {

font-size: 18px;

}



.mid_section .featured ul li {

float: left;

width: 100%;

}





#roksearch_search_str {

background: #090909 url(search-icon.png) 98% 50% no-repeat;

border: 1px solid #2c2c2c;

color: #FFFFFF;

}



.navigation_section .right_col .search_panel .search_btn {

background: url(../images/search-btn.png) no-repeat;

width: 44px;

height: 44px;

}



button.search_btn {

display:none;

}


.top_section .top_links ul li {

float: none;

display: inline;

}


.preview {

width: 100%;

} 


.previewtxt {

float: left;

width: 100%;

}


}


@media only screen and (-webkit-device-pixel-ratio: 1.5) {
	.container{ width:100%;}
	footer {display:none !important;}
	.content .left-Content #subNav {display:none; }
.content .left-Content {display:none;}
.content .right-Content {width:100%;}
	}
	
	
	@media (max-width: 600px) and (orientation: portrait) {
		.container{ width:100% !important;}
		footer {display:none!important;}
		.navigation_section.container{ width:200px !important;}
		.content .left-Content #subNav {display:none; }

.content .left-Content {display:none;}
.content .right-Content {width:100%;}
	}
	
	@media only screen
and (max-width : 599px) {
.container{ width:100% !important;}
.navigation_section.container{ width:200px !important;}
		.navigation_section {width: 200px;     overflow: hidden; }
		footer { display: none!important;}
		
		.content .left-Content #subNav {display:none; }

.content .left-Content {display:none;}
.content .right-Content {width:100%;}
}

@media (-webkit-min-device-pixel-ratio: 1.5),  
       (-o-min-device-pixel-ratio: 3/2),  
       (min--moz-device-pixel-ratio: 1.5),  
       (min-device-pixel-ratio: 1.5) {  
       /* high resolution styles */  
	   .container{ width:100% !important;}
		footer {display:none;}
		.navigation_section {width: 200px;overflow: hidden;}
		footer { display: none;}
		
		.content .left-Content #subNav {display:none; }

.content .left-Content {display:block;}
.content .right-Content {width:70%;}

.nav.menu img { width: 100%; min-width:100%;}

.mid_section .allproducts ul li, .mid_section .k2CategoriesListBlock ul li, .mid_section span ul.menu li {
    width: 47%;
	 white-space: nowrap;
 }
 .mid_section span ul.menu li:nth-child(3n) {
    margin-right: 10px;
}


} 

@media screen and (max-width: 767px){
.container {
    width: 100%;
    margin: 0 auto;
}
footer {
    display: none!important;
}

#login_wrap, #login_wrap_right {
	width:100% !important;
}
div#ariext205_container {
    display: none;
}

.content .left-Content #subNav {display:none; }

.content .left-Content {display:none;}
.content .right-Content {width:100%;}

}

media (min-width: 480px) and (-webkit-min-device-pixel-ratio: 1.5),
   (min-width: 480px) and (-moz-min-device-pixel-ratio: 1.5),
   (min-width: 480px) and (min-device-pixel-ratio : 1.5) {

.container{ width:200px !important;}
.navigation_section.container{ width:200px !important;}
.navigation_section {width: 200px;     overflow: hidden; }
footer { display: none;}

#login_wrap, #login_wrap_right {
	width:100% !important;
}
div#ariext205_container {
    display: none;
}

 
}



.img-responsive{
	 margin: 0 auto;
}