body {
	font-family: 'Muli', sans-serif;
	background-color: #fff;
}

h1 {
	font-size: 36px;
	font-weight: 300;
}

header a:link { color: #808080; text-decoration: none; }
header a:visited { color: #808080; text-decoration: none; }
header a:hover { color: #808080; text-decoration: underline; }
header a:focus { color: #808080; text-decoration: none; }

a:hover, a:visited, a:link, a:active
{
    text-decoration: none;
	color: #333;
}

a.idk_button:visited { color: #333; text-decoration: none; }
a.idk_button:hover { color: #333; background-color: rgba(221,221,221,0.5); text-decoration: none; transition: all 0.8s ease; }
a.idk_button:focus { color: #333; text-decoration: none; }

.idk_margin_top10 { margin-top: 10px; }
.idk_margin_top20 { margin-top: 20px; }
.idk_margin_top30 { margin-top: 30px; }
.idk_margin_top40 { margin-top: 40px; }
.idk_margin_top50 { margin-top: 50px; }
.idk_margin_top70 { margin-top: 70px; }
.idk_margin_top100 { margin-top: 100px; }
.idk_margin_top150 { margin-top: 150px; }

.idk_margin_bottom10 { margin-top: 10px; }
.idk_margin_bottom20 { margin-top: 20px; }
.idk_margin_bottom30 { margin-top: 30px; }
.idk_margin_bottom40 { margin-top: 40px; }
.idk_margin_bottom60 { margin-top: 60px; }

.idk_padding_top10 { padding-top:10px; }

.idk_nopadding { margin: 0!important; padding: 0px!important; }

.carousel-indicators .active{
	background-color: transparent!important;
    border: 3px solid;
    border-color: #808080;
}

.idk_slide_gradient {
	background: rgba(255,255,255,1);
	background: -moz-radial-gradient(center, circle cover, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 58%, rgba(204,204,204,1) 86%, rgba(204,204,204,1) 100%);
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(255,255,255,1)), color-stop(58%, rgba(255,255,255,1)), color-stop(86%, rgba(204,204,204,1)), color-stop(100%, rgba(204,204,204,1)));
	background: -webkit-radial-gradient(center, circle cover, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 58%, rgba(204,204,204,1) 86%, rgba(204,204,204,1) 100%);
	background: -o-radial-gradient(center, circle cover, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 58%, rgba(204,204,204,1) 86%, rgba(204,204,204,1) 100%);
	background: -ms-radial-gradient(center, circle cover, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 58%, rgba(204,204,204,1) 86%, rgba(204,204,204,1) 100%);
	background: radial-gradient(circle at center, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 58%, rgba(204,204,204,1) 86%, rgba(204,204,204,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cccccc', GradientType=1 );	
}
.idk_slide_gradient img {
	max-height:433px;
}

.idk_cart_font{
	font-weight: 700!important;
}

.idk_green_background{
	position: relative;
}

.idk_about_style{
	padding: 40px;
}

.idk_about_style blockquote{
	padding-right: 0px;
	padding-top: 10px;
    margin: 0 0 20px;
    font-size: 17.5px;
    border-left: 5px solid #eee;
    float: right;
}

.idk_test{
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	min-width: 100%;
}

.idk_select_style select{
	border-radius: 30px;
	background: rgba(255,255,255,1);
	background: -moz-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 24%, rgba(204,204,204,1) 78%, rgba(204,204,204,1) 100%);
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(255,255,255,1)), color-stop(24%, rgba(255,255,255,1)), color-stop(78%, rgba(204,204,204,1)), color-stop(100%, rgba(204,204,204,1)));
	background: -webkit-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 24%, rgba(204,204,204,1) 78%, rgba(204,204,204,1) 100%);
	background: -o-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 24%, rgba(204,204,204,1) 78%, rgba(204,204,204,1) 100%);
	background: -ms-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 24%, rgba(204,204,204,1) 78%, rgba(204,204,204,1) 100%);
	background: radial-gradient(ellipse at center, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 24%, rgba(204,204,204,1) 78%, rgba(204,204,204,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cccccc', GradientType=1 );
}

.idk_card_width img{
	display: inline-block;
	max-width: 100px;
	padding-top: 10px;
}

.idk_box_align{
	
}

.idk_total_style h2{
	color: #307138;
	font-size: 22px;
}

.idk_card_width2 img{
	display: inline-block;
	max-width: 50px;
	margin-left: 15px;
}

.idk_form_box2 p{
	margin-top: 15px;
    text-align: left;
    margin-left: 15px;
}

.idk_form_style input{
	border-radius: 0px;
    background: #ccc;
	font-weight: 700;
}

.idk_form_button button{
	border-radius: 0px;
	padding: 6px 40px!important;
	color: #fff;
	font-weight: 700;
	background: #307138;
}

.idk_form_button2:hover{
	color: #307138;
	transition: 0.3s ease-out;
}

.idk_form_button2{
	border-radius: 0px;
	padding: 6px 40px!important;
	color: #fff;
	font-weight: 700;
	background: #307138;
}

.idk_form_button button:hover{
	color: #307138;
	transition: 0.3s ease-out;
}

.idk_form_box{
	padding: 5px 15px;
    background: #808080;
}

.idk_form_box h2{
	margin-top: 10px;
	font-size: 23px;
	text-align: left;
	color: #fff;
}

.idk_form_align {
	text-align: left;
}

.idk_form_align input{
	border-radius: 0px;
	border: 1px solid;
}

.idk_form_align span{
	color: red;
}

textarea.form-control{
	border: 1px solid;
    border-radius: 0px;
}
.idk_organick_featured img{
	max-height:220px;
	height:220px;
	width: 100%;
}
.continue_success {
	background-color:#307138;
}
.continue_success:hover {
	background-color:#3d8f47;
}
/* idk_carousel start */
#idk_carousel {
	position: relative;
	max-height: 665px;
    overflow: hidden;
}

#idk_carousel img {
	width: 100%;
	height: auto;
    min-height: 150px;
}
.idk_product_slide img {
	max-height: 300px;
	margin-left:auto !important;
	margin-right:auto !important;
}
.carousel-inner .item .active img {
	margin-left:auto;
	margin-right:auto;
}
.idk_about_box{
	position: absolute;
	bottom: 0;
	right: 0;
}

.idk_title_color h2{
	color: #307138;
	font-weight: 400;
	font-size: 35px;
}

.idk_heading_line{
	position: relative;
}

.idk_heading_line::after{
	content: "";
	position: absolute;
	bottom: 0px;
	left: 0;
	width: 237px;
	border-bottom: 2px dotted #808080;
}

.idk_heading_line2{
	position: relative;
}

.idk_heading_line2::after{
	content: "";
	position: absolute;
	bottom: 0px;
	left: 0;
	width: 300px;
	border-bottom: 2px dotted #808080;
}

.idk_heading_line3{
	position: relative;
}

.idk_heading_line3::after{
	content: "";
	position: absolute;
	bottom: 0px;
	left: 0;
	width: 186px;
	border-bottom: 2px dotted #808080;
}

.idk_heading_line4{
	position: relative;
}

.idk_heading_line4::after{
	content: "";
	position: absolute;
	bottom: 0px;
	left: 0;
	width: 100%;
	border-bottom: 2px dotted #808080;
}

.idk_heading_line5{
	position: relative;
}

.idk_heading_line5::after{
	content: "";
	position: absolute;
	bottom: 0px;
	left: 0;
	width: 320px;
	border-bottom: 2px dotted #808080;
}

.idk_heading_line6{
	position: relative;
	color: #fff;
}

.idk_heading_line6::after{
	content: "";
	position: absolute;
	bottom: 0px;
	left: 0;
	width: 130px;
	border-bottom: 2px dotted #ffffff;
}

.idk_count_middle{
	text-align: center;
	width: 50px;
	background: #cccccc;
    border: none;
}

.idk_minus{
	background: transparent;
    border: none;
	color: #307138;
	font-weight: 700;
    font-size: 20px;
}

.idk_plus{
	background: transparent;
    border: none;
	color: #307138;
	font-weight: 700;
    font-size: 20px;
}

.idk_counter{
	float: left;
	padding-top: 20px;
}

.idk_button_cart{
	float: right;
	padding-right: 50px;
    padding-top: 20px
}

.idk_button_shop{
	color: #ffffff;
	background: #307138;
}

.idk_shop_style h1{
	margin-top: 0px;
	margin-bottom: 0px;
	color: #307138;
	font-weight: 700;
}

.idk_shop_style h2{
	font-size: 21px;
	margin-top: 10px;
    margin-bottom: 20px;
}

.idk_shop_style p{
	font-size: 12px;
}

.idk_shop_style span{
	color: #307138;
	font-size: 19px;
	font-weight: 600;
	display: block;
}
.idk_shop_style span.discount, .idk_shop_style td span.discount, .idk_list_style li span.discount{
	font-size: 19px;
	color: #307138;
	text-decoration: line-through !important;
}
.idk_border_form{
	border: 2px dotted;
}

.idk_input_color{
	color:#307138;
}

.idk_button_order{
	background: #307138;
    color: #fff;
    border-radius: 0px;
    width: 135px;
    height: 40px;
}

.carousel-indicators li {
	width: 15px;
	height: 15px;
	background-color: #808080;
}

.carousel-indicators .active {
	width: 16px;
	height: 16px;
	background-color: red;
}
@import url(//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css);

fieldset, label { margin: 0; padding: 0; }


/****** Style Star Rating Widget *****/

.rating { 
  border: none;
  float: left;
}

.rating > input { display: none; } 
.rating > label:before { 
  margin: 5px;
  font-size: 1.25em;
  font-family: FontAwesome;
  display: inline-block;
  content: "\f005";
}

.rating > .half:before { 
  content: "\f089";
  position: absolute;
}

.rating > label { 
  color: #ddd; 
 float: right; 
}

/***** CSS Magic to Highlight Stars on Hover *****/

.rating > input:checked ~ label, /* show gold star when clicked */
.rating:not(:checked) > label:hover, /* hover current star */
.rating:not(:checked) > label:hover ~ label { color: #FFD700;  } /* hover previous stars in list */

.rating > input:checked + label:hover, /* hover current star when changing rating */
.rating > input:checked ~ label:hover,
.rating > label:hover ~ input:checked ~ label, /* lighten current selection */
.rating > input:checked ~ label:hover ~ label { color: #FFED85;  } 
/* Changes the position of the indicators */
.media-carousel .carousel-indicators 
{
  right: 50%;
  top: auto;
  bottom: 0px;
  margin-right: -19px;
}
/* Changes the colour of the indicators */
.media-carousel .carousel-indicators li{
background: #808080;
}
.media-carousel .carousel-indicators .active{
background: #333333;
}

/* Carousel indicators end */

.slick-slide{
	width: 287px!important;
	padding-right: 52px;
    padding-left: 35px;
}

.idk_list_style{
	list-style-type: none; 
	margin: 0; 
	padding: 0;
}

.idk_list_style p{
	font-size: 12px;
}

.idk_list_style span{
	color: #307138;
	font-size: 19px;
	font-weight: 600;
}

.idk_slick_txt{
    position: relative;
    padding-top: 5px;
    padding-bottom: 15px;
	min-height: 140px;
}

.idk_slick_txt::after{
	content: "";
	position: absolute;
	bottom: 0px;
	left: 0;
	width: 200px;
	border-bottom: 2px dotted #808080;
}

.idk_slick_txt2{
	position: absolute;
    padding-bottom: 15px;
    margin-left: 15px;
    margin-bottom: 15px;
    bottom: 0;
    width: 100%;
	padding-bottom: 0px;
}

.idk_slick_txt2::after{
	content: "";
	position: absolute;
	bottom: 0px;
	left: 0;
	width: 200px;
	border-bottom: 2px dotted #808080;
}

.idk_slick_save{
	position: absolute;
    padding-bottom: 15px;
    margin-left: 15px;
    margin-bottom: 15px;
    bottom: 0;
    width: 100%;
	padding-bottom: 0px;
}

.idk_slick_save::after{
	content: "";
	position: absolute;
	bottom: 0px;
	left: 0;
	width: 211px;
	border-bottom: 2px dotted #808080;
}

.idk_slick_save h2{
	margin-bottom: 0px;
    margin-top: 0px;
	color: #307138;
	font-weight: 700;
	font-size: 25px;
	margin-top: 4px;
	margin-bottom: 4px;
}

.idk_slick_button{
    padding-left: 300px;
    position: absolute;
    bottom: 17px;
}

.idk_slick_button a{	
    color: #fff;
	background: #307138;	
	transition: 0.3s ease-in;
}

.idk_slick_button a:hover{
    color: #307138;
	transition: 0.3s ease-out;
}
.idk_slick_button_disabled {
    color: #307138;
	transition: 0.3s ease-out;	
}
.idk_slick_button span{
    font-size: 12px;
}

.idk_slick_txt3{
	position: absolute;
    padding-bottom: 15px;
    margin-left: 15px;
    margin-top: 15px;
    top: 0;
    width: 100%;
	padding-bottom: 0px;
}

.idk_line_top{
	width: 200px;	
    border-top: 2px dotted #808080;
}

.idk_line_top2{
	width: 211px;	
    border-top: 2px dotted #808080;
}

.idk_aboutus_container{
	margin-top: 70px;
	background: url("../images/img1.png"); 
    width:100%; 
    height:100%;
}

.idk_aboutus_bg{
	background-color:rgba(248,247,216,0.7); 
    width:100%; 
    height:100%;
}

#triangle-bottomright {   
    margin-left: 130px;
    margin-bottom: 15px;
    position: absolute;
    bottom: 0;
    width: 0;
    height: 0;
    border-bottom: 60px solid #307138;
    border-left: 60px solid transparent;
}

#triangle-bottomright2 {   
    margin-right: 60px;
    margin-bottom: 0px;
    position: absolute;
	right: 0;
    bottom: 0;
    width: 0;
    height: 0;
    border-bottom: 60px solid #307138;
    border-left: 60px solid transparent;
}

.idk_about_gradient{
	background: rgba(255,255,255,1);
	background: -moz-radial-gradient(center, circle cover, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 58%, rgba(204,204,204,1) 86%, rgba(204,204,204,1) 100%);
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(255,255,255,1)), color-stop(58%, rgba(255,255,255,1)), color-stop(86%, rgba(204,204,204,1)), color-stop(100%, rgba(204,204,204,1)));
	background: -webkit-radial-gradient(center, circle cover, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 58%, rgba(204,204,204,1) 86%, rgba(204,204,204,1) 100%);
	background: -o-radial-gradient(center, circle cover, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 58%, rgba(204,204,204,1) 86%, rgba(204,204,204,1) 100%);
	background: -ms-radial-gradient(center, circle cover, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 58%, rgba(204,204,204,1) 86%, rgba(204,204,204,1) 100%);
	background: radial-gradient(circle at center, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 58%, rgba(204,204,204,1) 86%, rgba(204,204,204,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cccccc', GradientType=1 );	
	margin-top: 30px;
}

.idk_about_container{
}


.idk_relative{
	position: relative;
}
.idk_thumb{
	position: absolute;
	top: 25px;
	left: 25px;
	right: 25px;
	bottom: 25px;
	background: rgba(255,255,255,0.6);
	opacity: 0;
	transition: all 0.3s ease-in-out;
}
.idk_relative:hover .idk_thumb{
	opacity: 1;
}
.idk_thumb_desc{
  width: 100%;
  margin: auto;
  position: absolute;
  top: 50%; left: 50%;
  -webkit-transform: translate(-50%,-50%);
      -ms-transform: translate(-50%,-50%);
          transform: translate(-50%,-50%);
}
.idk_thumb_desc{
	list-style-type: none; 
	margin: 0; 
	padding: 0;
	border-bottom: 3px dotted #307138;
}

.idk_thumb_desc h2{
	font-size: 12px;
    border-top: 3px dotted #307138;
	margin-bottom: 0px;
    margin-top: 0px;
	padding-top: 5px;
}

.idk_thumb_desc p{
	font-size: 12px;
}

.idk_thumb_desc span{
	color: #307138;
	font-size: 19px;
	font-weight: 600;
}

/************************************/
/********** Lista kategorija********/
.idk_category_hr hr{ 
	margin: 0px 35%;
    color: #81d742;
    border: 1px solid;
}
.pd_top10 {
	padding-top:1px;
}
.idk_category_list {
	background-color:#eee;
	min-height:300px;
}
.idk_category_list a {
	color:#333;
}
.idk_category_list h3 {
	font-size:20px;
	text-transform:uppercase;
}
.idk_category_list a:hover {
	text-decoration:none;
}
.idk_category_list li a:hover {
	text-decoration:underline;
}
.idk_category_list img {
	height: 150px;
	width: 150px;
    margin-left: auto;
    margin-right: auto;
    margin-top: -70px;
}
.idk_category_list ul {
	list-style:none;
	padding-left:32px;
	padding-bottom: 10px;
    margin-bottom: 0px;
}
.idk_category_list_pd {
	padding-left:4px;
	padding-right:4px;
	min-height: 330px;
} 

/********** kraj kategorije kategorija********/
/**********************************************/

/* IMAGE HOVER EFFECT start */
.idk_img{
	position: relative;
}
.idk_img_hover{
	transition: .5s ease;
	opacity: 0;
	position: absolute;
	top: 20px;
	left: 40px;
	right: 40px;
	bottom: 20px;
	background: red;
}

.idk_img_style{
	opacity: 1;
	display: block;
	width: 100%;
	height: auto;
	transition: .5s ease;
	backface-visibility: hidden;
	margin-bottom: 30px;
}

.idk_img_desc{
	background-color: rgba(255,255,255,0.4);
	color: #666666;
	font-size: 16px;
	padding: 16px 32px;
}

.idk_img:hover .idk_img_style {
  opacity: 0.3;
}

.idk_img:hover .idk_img_hover {
  opacity: 1;
}

/* IMAGE HOVER EFFECT end */

.idk_fa_style{
	position: absolute!important;
    right: 6px!important;
    top: 34px!important;
    color: #fff!important;
}

.idk_fa_style2{
    position: absolute!important;
    right: 20px!important;
    top: 50px!important;
    color: #307138!important;
}

.idk_slick_img img{
	max-width: 200px;
	min-height:210px;
	max-height:210px;
	padding-bottom: 15px;
	border-bottom: 2px dotted #808080;
}

.idk_upit2 h1{
	position: absolute;
    bottom: 56%;
    left: 45%;
    font-size: 44px;
    padding: 15px 20px;
    text-align: center;
    color: #333;
    font-weight: 800;
}

.idk_upit2 h2{
	position: absolute;
    bottom: 47%;
    left: 45%;
    font-size: 32px;
    padding: 15px 20px;
    text-align: center;
    color: #333;
    font-weight: 500;
}

.idk_upit2 p{
	position: absolute;
    bottom: 36%;
    left: 45%;
    font-size: 14px;
    padding: 0px 250px 0px 23px;
    text-align: left;
    color: #333;
    font-weight: 500;
}

.idk_upit2 span{
	position: absolute;
    bottom: 32%;
    left: 45%;
    font-size: 19px;
    padding: 0px 250px 0px 23px;
    text-align: left;
    color: #307138;
    font-weight: 800;
}

#idk_shop_link{
	position: absolute;
    bottom: 26%;
    left: 45%;
    font-size: 17px;
    padding: 0px 250px 0px 23px;
    text-align: left;
    color: #307138;
    font-weight: 500;
}

.idk_upit2 button{
	position: absolute;
    bottom: 40%;
    left: 45%;
    padding: 15px 20px;
    text-align: center;
    color: #333;
}

/* Shopping cart tabela - start */

.table>tbody>tr>td, .table>tfoot>tr>td{
    vertical-align: middle;
}
@media screen and (max-width: 600px) {
    table#cart tbody td .form-control{
		width:20%;
		display: inline !important;
	}
	.actions .btn{
		width:36%;
		margin:1.5em 0;
	}
	
	.actions .btn-info{
		float:left;
	}
	.actions .btn-danger{
		float:right;
	}
	
	table#cart thead { display: none; }
	table#cart tbody td { display: block; padding: .6rem; min-width:320px;}
	table#cart tbody tr td:first-child { background: #333; color: #fff; }
	table#cart tbody td:before {
		content: attr(data-th); font-weight: bold;
		display: inline-block; width: 8rem;
	}
	
	
	
	table#cart tfoot td{display:block; }
	table#cart tfoot td .btn{display:block;}
	
}
.idk_cart_fixed{
	position: fixed;
    right: 20px;
    bottom: 20px;
    z-index: 999;
}
.idk_cart_fixed span{
	transition: all 0.3s ease;
}
.idk_cart_button_disabled i
{
    background: #b7b7b7 ;
    color: #00acd9 ;
}
.idk_cart_button_disabled:hover,
.idk_cart_button_disabled:focus,
.idk_cart_button_disabled:active
{
    -webkit-transform: translateY(0px) !important;
    transform: translateY(0px) !important;
}
.idk_cart_button_disabled:hover:before,
.idk_cart_button_disabled:focus:before,
.idk_cart_button_disabled:active:before
{
    opacity: 0 !important;
}

.idk_small_cart_button_disabled i
{
    background: #b7b7b7 ;
    color: #00acd9 ;
}
.idk_small_cart_button_disabled:hover,
.idk_small_cart_button_disabled:focus,
.idk_small_cart_button_disabled:active
{
    -webkit-transform: translateY(0px) !important;
    transform: translateY(0px) !important;
}
.idk_small_cart_button_disabled:hover:before,
.idk_small_cart_button_disabled:focus:before,
.idk_small_cart_button_disabled:active:before
{
    opacity: 0 !important;
}
/* Shopping cart tabela - end */
.idk_flag_picker {
	min-width: 20px;
    margin-left: 4px;
    padding: 0px;
}
 .idk_flag_picker li a  {
	padding:0px;
}
/* IDK Menu Start1 */

#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a,
#cssmenu #menu-button {
	margin: 0;
	padding: 0;
	border: 0;
	list-style: none;
	line-height: 1;
	display: block;

	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#cssmenu{
	text-align: center;	
}

#cssmenu:after,
#cssmenu > ul:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
#cssmenu #menu-button {
	display: none;
}

#cssmenu {
}

#cssmenu > ul > li {
	display: inline-block;
}

#cssmenu.align-center > ul {
	font-size: 0;
	text-align: right;
}

#cssmenu.align-center > ul > li {
	display: inline-block;
	float: none;
	text-align: left;
}

#cssmenu.align-center ul ul {
	text-align: left;
}

#cssmenu.align-right > ul > li {
	float: right;
}

#cssmenu > ul > li > a {
	padding: 9px;
	font-size: 16px;
	font-weight: 800;
	text-decoration: none;
	color: #6D6E72;
	text-transform: uppercase;
}

#cssmenu > ul > li:hover > a {
	color: #333;
}

#cssmenu > ul > li.has-sub > a {
	padding-right: 30px;
}

#cssmenu > ul > li.has-sub > a:after {
	position: absolute;
	top: 22px;
	right: 11px;
	width: 8px;
	height: 2px;
	display: block;
	background: #dddddd;
	content: '';
}

#cssmenu > ul > li.has-sub > a:before {
	position: absolute;
	top: 19px;
	right: 14px;
	display: block;
	width: 2px;
	height: 8px;
	background: #dddddd;
	content: '';
	-webkit-transition: all .25s ease;
	-moz-transition: all .25s ease;
	-ms-transition: all .25s ease;
	-o-transition: all .25s ease;
	transition: all .25s ease;
}

#cssmenu > ul > li.has-sub:hover > a:before {
	top: 23px;
	height: 0;
}

#cssmenu ul ul {
	position: absolute;
	left: -9999px;
}

#cssmenu.align-right ul ul {
	text-align: right;
}

#cssmenu ul ul li {
	height: 0;
	-webkit-transition: all .25s ease;
	-moz-transition: all .25s ease;
	-ms-transition: all .25s ease;
	-o-transition: all .25s ease;
	transition: all .25s ease;
}

#cssmenu li:hover > ul {
	left: auto;
}

#cssmenu.align-right li:hover > ul {
	left: auto;
	right: 0;
}

#cssmenu li:hover > ul > li {
	height: 35px;
}

#cssmenu ul ul ul {
	margin-left: 100%;
	top: 0;
}

#cssmenu.align-right ul ul ul {
	margin-left: 0;
	margin-right: 100%;
}

#cssmenu ul ul li a {
	border-bottom: 1px solid rgba(150, 150, 150, 0.15);
	padding: 11px 15px;
	width: 170px;
	font-size: 12px;
	text-decoration: none;
	color: #dddddd;
	font-weight: 400;
	background: #333333;
}

#cssmenu ul ul li:last-child > a,
#cssmenu ul ul li.last-item > a {
	border-bottom: 0;
}

#cssmenu ul ul li:hover > a,
#cssmenu ul ul li a:hover {
	color: #ffffff;
}

#cssmenu ul ul li.has-sub > a:after {
	position: absolute;
	top: 16px;
	right: 11px;
	width: 8px;
	height: 2px;
	display: block;
	background: #dddddd;
	content: '';
}

#cssmenu.align-right ul ul li.has-sub > a:after {
	right: auto;
	left: 11px;
}

#cssmenu ul ul li.has-sub > a:before {
	position: absolute;
	top: 13px;
	right: 14px;
	display: block;
	width: 2px;
	height: 8px;
	background: #dddddd;
	content: '';
	-webkit-transition: all .25s ease;
	-moz-transition: all .25s ease;
	-ms-transition: all .25s ease;
	-o-transition: all .25s ease;
	transition: all .25s ease;
}

#cssmenu.align-right ul ul li.has-sub > a:before {
	right: auto;
	left: 14px;
}

#cssmenu ul ul > li.has-sub:hover > a:before {
	top: 17px;
	height: 0;
}

@media all and (max-width: 1200px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
	#cssmenu {
		width: 100%;
		z-index: 999;
		margin-top: 30px;
	}
	
	#cssmenu ul {
		width: 100%;
		display: none;
	}
	
	#cssmenu.align-center > ul {
		text-align: left;
	}
	
	#cssmenu ul li {
		width: 100%;
		border-top: 1px solid rgba(120, 120, 120, 0.2);
	}
	
	#cssmenu ul ul li,
	#cssmenu li:hover > ul > li {
		height: auto;
	}
	
	#cssmenu ul li a,
	#cssmenu ul asul li hr {
		width: 100%;
		border-bottom: 0;
	}
	
	#cssmenu > ul > li {
		float: none;
	}
	
	#cssmenu ul ul li a {
		padding-left: 25px;
	}
	
	#cssmenu ul ul ul li a {
		padding-left: 35px;
	}
	
	#cssmenu ul ul li a {
		color: #dddddd;
		background: none;
	}
	
	#cssmenu ul ul li:hover > a,
	#cssmenu ul ul li.active > a {
		color: #ffffff;
	}
	
	#cssmenu ul ul,
	#cssmenu ul ul ul,
	#cssmenu.align-right ul ul {
		position: relative;
		left: 0;
		width: 100%;
		margin: 0;
		text-align: left;
	}
	
	#cssmenu > ul > li.has-sub > a:after,
	#cssmenu > ul > li.has-sub > a:before,
	#cssmenu ul ul > li.has-sub > a:after,
	#cssmenu ul ul > li.has-sub > a:before {
		display: none;
	}
	
	#cssmenu #menu-button {
		display: block;
		padding: 13px 17px;
		color: #6D6E72;
		cursor: pointer;
		font-size: 16px;
		text-transform: uppercase;
		font-weight: 300;
		text-align:left;
	}
	
	#cssmenu #menu-button:after {
		position: absolute;
		top: 22px;
		right: 17px;
		display: block;
		height: 8px;
		width: 20px;
		border-top: 2px solid #dddddd;
		border-bottom: 2px solid #dddddd;
		content: '';
	}
	
	#cssmenu #menu-button:before {
		position: absolute;
		top: 16px;
		right: 17px;
		display: block;
		height: 2px;
		width: 20px;
		background: #dddddd;
		content: '';
	}
	
	#cssmenu #menu-button.menu-opened:after {
		top: 23px;
		border: 0;
		height: 2px;
		width: 15px;
		background: #ffffff;
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	
	#cssmenu #menu-button.menu-opened:before {
		top: 23px;
		background: #ffffff;
		width: 15px;
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		-o-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}
	
	#cssmenu .submenu-button {
		position: absolute;
		z-index: 99;
		right: 0;
		top: 0;
		display: block;
		border-left: 1px solid rgba(120, 120, 120, 0.2);
		height: 46px;
		width: 46px;
		cursor: pointer;
	}
	
	#cssmenu .submenu-button.submenu-opened {
		background: #262626;
	}
	
	#cssmenu ul ul .submenu-button {
		height: 34px;
		width: 34px;
	}
	
	#cssmenu .submenu-button:after {
		position: absolute;
		top: 22px;
		right: 19px;
		width: 8px;
		height: 2px;
		display: block;
		background: #dddddd;
		content: '';
	}
	
	#cssmenu ul ul .submenu-button:after {
		top: 15px;
		right: 13px;
	}
	
	#cssmenu .submenu-button.submenu-opened:after {
		background: #ffffff;
	}
	
	#cssmenu .submenu-button:before {
		position: absolute;
		top: 19px;
		right: 22px;
		display: block;
		width: 2px;
		height: 8px;
		background: #dddddd;
		content: '';
	}
	
	#cssmenu ul ul .submenu-button:before {
		top: 12px;
		right: 16px;
	}
	
	#cssmenu .submenu-button.submenu-opened:before {
		display: none;
	}
}

/* IDK Menu End */

/* IDK Menu Start1 */

.idk_menu{
	margin-top: 15px;
	background: #019AA8;
}

/* IDK Menu End */

.idk_bg{
	background: #666666;
}

/* Media Queries */

	/* Large Devices, Wide Screens */
	@media only screen and (max-width : 1460px) {
	#idk_carousel{max-height: 665px; overflow: hidden;}	
	.idk_upit2 h1{}
	.idk_upit2 h2{}	
	.idk_upit2 p{padding: 0px 200px 0px 23px;font-size: 13px;}	
	.idk_upit2 span{}	
	.idk_upit2 button{}	
}

	@media only screen and (max-width : 1300px) {
	#idk_carousel{max-height: 665px; overflow: hidden;}	
	.idk_upit2 h1{font-size: 35px;}
	.idk_upit2 h2{font-size: 25px;}	
	.idk_upit2 p{padding: 0px 200px 0px 23px;font-size: 13px; bottom: 30%;}	
	.idk_upit2 span{bottom: 25%;}	
	.idk_upit2 button{}	
	#idk_shop_link{bottom: 20%;}
}

	/* Large Devices, Wide Screens */
	@media only screen and (max-width : 1200px) {
	#idk_carousel{max-height: 665px; overflow: hidden;}	
	.idk_upit2 h1{font-size: 34px;}
	.idk_upit2 h2{font-size: 24px;}	
	.idk_upit2 p{padding: 0px 100px 0px 23px; font-size: 13px;}	
	.idk_upit2 span{}	
	.idk_upit2 button{}		
	.idk_slick_button{padding-left: 250px;}
}

/* Medium Devices, Desktops */
    @media only screen and (max-width : 992px) {
	#idk_carousel{max-height: 565px; overflow: hidden;}	
	.idk_upit2 h2{font-size: 23px;}
	.idk_slick_button button{width: 100px;}
	.idk_slick_button{padding-left: 242px;}
	#triangle-bottomright2{margin-right: 300px;}
	.idk_img_margin img{margin-bottom: 35px;}
	.idk_upit2 h1{bottom: 72%;}
	.idk_upit2 h2{bottom: 65%;}
	.idk_upit2 p{padding: 0px 63px 0px 23px;}
	.idk_padding_bottom{padding-bottom: 20px;}
    }

/* Small Devices, Tablets */
    @media only screen and (max-width : 768px) {
	#idk_carousel{max-height: 865px; overflow: hidden;}
	#triangle-bottomright2{right: auto; left: 0; margin-right: 0px; margin-left: 390px;}
	.idk_about_style p{font-size: 13px;}
	.idk_shop_style h1{margin-top: 30px;}
	.idk_product_margin{margin-bottom: 30px;}
	.idk_upit2 h1{bottom: 61%; font-size: 22px;}
	.idk_upit2 h2{bottom: 50%; font-size: 19px;}
	.idk_upit2 p{display: none;}	
	.idk_upit2 span{bottom: 40%; padding: 0px 50px 0px 23px;}
	#idk_shop_link{bottom: 28%; padding: 0px 100px 0px 23px;}
	.carousel-indicators{bottom: 0px;}
	.idk_product_slide img { max-height: 225px;}
	.idk_shop_style span { margin-top: 23px; text-align: right; }
	.idk_button_cart{ text-align: center;} 
}	

/* Extra Small Devices, Phones */ 
    @media only screen and (max-width : 530px) {
	#idk_carousel{max-height: 865px; overflow: hidden;}
	#triangle-bottomright2{margin-left: 230px;}
	.idk_upit2 h2{font-size: 13px;}
	#idk_shop_link{padding: 0px 50px 0px 23px; font-size: 15px;}
	.idk_upit2 span{font-size: 17px;}
    }
	
	
/* Extra Small Devices, Phones */ 
    @media only screen and (max-width : 480px) {
	#idk_carousel{max-height: 865px; overflow: hidden;}
	.idk_fa_style2{top: 55px!important;}
	.idk_about_style p{font-size: 12px;}
    }
	
	@media only screen and (max-width: 330px){
		.idk_upit2 h2 {font-size: 10px; bottom: 43%;}
		.idk_upit2 h1{bottom: 59px;}
		#triangle-bottomright2{margin-left: 206px;}
		.idk_slick_button span{display: none;}
		.idk_slick_button button{width: auto;}
	}