/*********************************************************
	Company: ENS
	by Halo Creative Team, http://www.haloteam.rs/
	Date (create): 01-12-2017
	Date (update): 01-07-2018
		
	******************************
	*****      Index       *****
	******************************
	CONTENT:
	1. HEADER
	2. SLIDER
	3. SEARCH
	4. CONTENT
	5. FOOTER
	6. RESPONSIVE
	
*********************************************************/

/****************Fonts****************/
/*
TEXT font-family: 'Roboto', sans-serif;
	300 - Light
	400 - Regular
	500 - Medium
	700 - Bold
	900 - Black
*/

@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900&subset=latin-ext');
@import url('animation.css');
/*@import url('menu.css');*/

.no-js #loader { display: none;  }
.js #loader { display: block; position: absolute; left: 100px; top: 0; }
.se-pre-con {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background-image: url(../../images/loading_spinner_org.gif);
	background-position: center;
	background-repeat: no-repeat;
	background-color: #fff;
	background-size: 10% auto; 
}
.se-pre-con.box {
	position: relative;
	height: 100px;
	background-color: transparent;
}

#setPrice .se-pre-con.box,
#banner .se-pre-con.box {
	height: 50px;
}
::-moz-selection {
  background-color: #2e63a3;
  color: #fff ;
}
::-o-selection {
  background-color: #2e63a3;
  color: #fff ;
}
::-ms-selection {
  background-color: #2e63a3;
  color: #fff ;
}

body {
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	background-color: #ededee;
	color: #000;	
}

h1,h2,h3,h4,h5,h6 {
	font-family: 'Roboto', sans-serif;
	font-weight: 700;
	color: #000;
}

p {
	color: #555;
}
.text-strong {
	font-weight: 700;
}

a:hover,
a:focus {
	text-decoration: none;
}
.margin-no { padding: 0; margin: 0; }

.container-fluid {
}

.red-btn { color: #e30117!important; }
.blue-btn { color: #e2346e!important; }
.navy-btn { color: #5f7c8a!important; }
.black-btn { color: #000!important; }
.gray-btn { color: #333!important; }
.green-btn { color: #55ba1a!important; }
.yellow-btn { color: #ffd700!important; }

.bg-white { background: #fff; }
.bg-gray { background: #fafafa; }
.bg-green { background: #55ba1a; }
.bg-blue { background: #e2346e; }

.gray-line { 
	background-color: #dfdfdf;
	margin-top: 15px;
}

.label-default {
	background-color: #cccccc
}

.badge { 
	font-size: 11px;
	background-color: #e30117;
	color: #fff;
	border: none;
	border: solid 2px #fff;
	border-radius: 5px;
	-ms-border-radius: 5px;
}
.badge.note { width: 100%; margin-bottom: 5px; text-align: left }
.badge.blue { background-color: #013c88; color: #fff; } 
.badge.green { background-color: green; color: #fff; } 
.badge.yellow { background-color: #ffd700; color: #000; } 
.old {
	font-size: 14px;
	text-decoration: line-through;
}
.text-small {
	font-size: smaller; line-height: normal;
}
.text-hide .old {
  /*font: 0/0 a;*/
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.wtm {
  direction: rtl;
  unicode-bidi: bidi-override;
  text-align: left;
}
.wtm:before {
  content: attr(data-website)"\0040" attr(data-user);
}
.box-hide {
	display: none;
}
.img-cover {
    object-fit: cover;
    object-position: 50% 50%;
    height: 100%; width: 100%;
    max-width: none!important;
    margin: 0!importnat;
}
.img-contain {
    object-fit: contain;
    object-position: 50% 50%;
    height: 100%; width: 100%;
    max-width: none!important;
    margin: 0!importnat;
}
m-0 {
	margin: 0!important;
}
p-0 {
	padding: 0!important;
}

/****************Button****************/
.button-link-more {
	color: #de072f; font-size: 14px;
	font-weight: 400;
	display: table; text-transform: uppercase;
	margin: 10px auto 0 auto;
	border: none;
	background: transparent;
	text-decoration: underline;
}
.button-link-more.add { color: #e2346e }
.button-link-more:hover {
	text-decoration: none;
}
.button-link-more .fa {
	font-size: 26px;
	padding-left: 10px;
	vertical-align: middle;
}
.button-link-more.nomargin {
	padding: 0; margin: 0;
}
.button-link-more.center {
	margin: 0 auto;
}

.button-read-more {
	color: #fff; font-size: 18px;
	font-weight: 700;
	display: table; text-transform: uppercase;
	padding: 5px 10px;
	margin: 15px auto 0 auto;
	border: none;
	background-color: #e2346e;
	border: solid 1px #e2346e;
	border-radius: 10px;
	-webkit-transition: all 400ms ease;
     -moz-transition: all 400ms ease;
       -o-transition: all 400ms ease;
      -ms-transition: all 400ms ease;
          transition: all 400ms ease;
}
.button-read-more.btn-lg {
	font-size: 18px; 	
	width: 100%!important;
	text-align: center;
	padding-left: 0; padding-right: 0;
}
.button-read-more:hover {
	color: #e2346e;
	background-color: #fff;
	text-decoration: none;
}
.button-read-more.white {
	color: #e2346e;
	background: transparent; border-color: #fff;;
}
.button-read-more.white:hover {
	color: #fff;
	background-color: #e2346e;
	border: solid 1px #e2346e;
}
.button-read-more.white.border {
	border-color: #e2346e;
}


button.button-read-more {
	display: inline-block;
	width: 100%;
}
.button-read-more.float {
	display: inline-block;
	margin: 0 20px 0 0;
	line-height:  45px;
	padding: 0 15px;
}

.button-read-more.arrow-left,
.button-read-more.arrow-right {
	padding-top: 12px; 	
}
.button-read-more.arrow-left:hover,
.button-read-more.arrow-right:hover { 
}
.button-read-more.arrow-left::before,
.button-read-more.arrow-right::after {
	font-family: 'fontawesome';
	font-size: 18px;
	content: "\f144";
	line-height: 20px;
	padding-bottom: 5px; display: inline-table;
	vertical-align: middle;
}
.button-read-more.arrow-left::before {
	content: "\f060";  margin-right: 10px;
	padding-bottom: 0px;  padding-top: 5px;
}
.button-read-more.arrow-right::after {
	content: "\f061";  margin-left: 10px;
}

.button-read-more.left { margin-left: 0; }
.button-read-more.nomargin { margin: 0; }
.button-read-more.limit { max-width: 150px; }

.button-read-more .fa { color: #fff; padding: 5px; }
.button-read-more:hover .fa { color: #2e63a3; }

.button-read-more.white .fa { color: #2e63a3; padding: 5px; }
.button-read-more.white:hover .fa { color: #2e63a3; }

.button-read-more.arrow-right .fa { color: #000; padding: 5px; }
.button-read-more.arrow-right:hover .fa { color: #2e63a3; }



/********************************************************
	OTHER
********************************************************/
.content-wrapper {
	padding: 20px 0;
	position: relative;
}
#inner-page-wrapper .container-fluid {
	padding-left: 30px;
}

.row-small-title {
	font-size: 22px; line-height: 1em; color: #000;
	word-break: keep-all;
	border-left: solid 2px #e2346e; 
	padding: 5px 10px;
}
.article-wrapper-box .row-small-title {
    position: relative; border-left: none;
    font-weight: 400;
    font-size: 22px;
    line-height: 1em;
    word-break: keep-all;
    padding: 0;
    margin: 0;
    border-radius: 2px;
    display: inline-table;
    margin-top: 10px;
}

.row-big-title {
	font-weight: 400;
	font-size: 30px; line-height: 1em; color: #231f20;
	word-break: keep-all;
	margin-bottom: 30px;
}
.row-big-title::first-letter {
	text-transform: uppercase;
}
.row-big-title:after {
	content: '';
	display: block;
	width: 100px;
	height: 3px;
	margin: 15px 0 0 0;
	background: #e2346e;
}

.box-title {
	border-radius: 3px;
	background: #e2346e;
	background: #e2346e;
	padding: 20px 25px;
	margin-top: -20px;
	margin-right: 15px;
	float: left;
	margin-bottom: 20px;
	box-shadow: 0 4px 20px 0 rgba(0,0,0,.14), 0 7px 10px -5px rgba(156,39,176,.4);
}
.box-title .fa {
	font-size: 22px; color: #fff;
}
.row-icon-title {
	position: relative;
	font-weight: 300;
	font-size: 20px; line-height: 1em; color: #888888;
	word-break: keep-all;
	padding: 0; margin: 0;
	border-radius: 2px;
	display: inline-table;
	margin-top: 10px;
}



.table>thead>tr>th.select {
	width: 50px;
}
.table>thead>tr>th.select div {
    width: 50px!important;
    overflow: hidden!important;
    text-overflow: ellipsis!important;
    white-space: nowrap!important;
}

#site-copyright {
	padding: 15px; 0;
}

/****************pagination****************/

.pagination > li:first-child > a,
.pagination > li:first-child > button,
.pagination > li:first-child > span {
  border-radius: 50%;
	-ms-border-radius: 50%;
}
.pagination > li:last-child > a,
.pagination > li:last-child > button,
.pagination > li:last-child > span {
  border-radius: 50%;
	-ms-border-radius: 50%;
}
.pagination > li {
	display: block; float: left; 
}
.pagination > li > a,
.pagination > li > button,
.pagination > li > span {
	font-size: 16px; line-height: normal; color: #e2346e!important;
	background-color: #fff;
	border: solid 1px #e2346e;
	margin: 0 5px;
	padding: 10px 0;
	text-align: center;
	width: 40px;
	border-radius: 50%;
	-ms-border-radius: 50%
	display: block;
}
.pagination > li > a:hover,
.pagination > li > a:focus,
.pagination > li > button:hover,
.pagination > li > button:focus,
.pagination > li > span:hover,
.pagination > li > span:focus {
  color: #fff!important; background-color: #e2346e;
  border-color: #e2346e;
}
.pagination > .active > a,
.pagination > .active > a:hover,
.pagination > .active > a:focus,
.pagination > .active > button,
.pagination > .active > button:hover,
.pagination > .active > button:focus,
.pagination > .active > span,
.pagination > .active > span:hover,
.pagination > .active > span:focus {
  color: #fff!important; background-color: #e2346e;
  border-color: #e2346e;
}
.pagination > li:first-child > a,
.pagination > li:last-child > a,
.pagination > li:first-child > button,
.pagination > li:last-child > button,
.pagination > li:first-child > span,
.pagination > li:last-child > span {
	/*border-radius: 50%;*/
}

/****************FORM (checkbox, radio)****************/
/* http://bootsnipp.com/snippets/3knNB */
.checkbox {
    padding-left: 20px; }
.checkbox label {
    display: inline-block;
    position: relative;
    padding-left: 5px;
    font-weight: 300; font-size: 14px;
}
.checkbox label::before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 17px;
    height: 17px;
    left: 0;
    margin-left: -20px;
    border: 1px solid #cccccc;
    border-radius: 3px;
    background-color: #fff;
    -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
    -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
    transition: border 0.15s ease-in-out, color 0.15s ease-in-out; }
.checkbox label::after {
    display: inline-block;
    position: absolute;
    width: 16px;
    height: 16px;
    left: 0;
    top: 0;
    margin-left: -20px;
    padding-left: 3px;
    padding-top: 1px;
    font-size: 11px;
    color: #555555; }
.checkbox input[type="checkbox"] {
    opacity: 0; }
.checkbox input[type="checkbox"]:focus + label::before {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px; }
.checkbox input[type="checkbox"]:checked + label::after {
    font-family: 'FontAwesome';
    content: "\f00c"; }
.checkbox input[type="checkbox"]:disabled + label {
    opacity: 0.65; }
.checkbox input[type="checkbox"]:disabled + label::before {
    background-color: #eeeeee;
    cursor: not-allowed; }
.checkbox.checkbox-circle label::before {
    border-radius: 50%; }
.checkbox.checkbox-inline {
    margin-top: 0; }

.checkbox-primary input[type="checkbox"]:checked + label::before {
    background-color: #428bca;
    border-color: #428bca; }
.checkbox-primary input[type="checkbox"]:checked + label::after {
    color: #fff; }

.checkbox-danger input[type="checkbox"]:checked + label::before {
    background-color: #d9534f;
    border-color: #d9534f; }
.checkbox-danger input[type="checkbox"]:checked + label::after {
    color: #fff; }

.checkbox-info input[type="checkbox"]:checked + label::before {
    background-color: #5bc0de;
    border-color: #5bc0de; }
.checkbox-info input[type="checkbox"]:checked + label::after {
    color: #fff; }

.checkbox-warning input[type="checkbox"]:checked + label::before {
    background-color: #22518b;
    border-color: #22518b; }
.checkbox-warning input[type="checkbox"]:checked + label::after {
    color: #fff; }

.checkbox-success input[type="checkbox"]:checked + label::before {
    background-color: #5cb85c;
    border-color: #5cb85c; }
.checkbox-success input[type="checkbox"]:checked + label::after {
    color: #fff; }

.radio {
    padding-left: 20px; }
.radio label {
    display: inline-block;
    position: relative;
    padding-left: 5px;
    font-weight: 300; font-size: 14px;
}
.radio label::before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 17px;
    height: 17px;
    left: 0;
    margin-left: -20px;
    border: 1px solid #cccccc;
    border-radius: 50%;
    background-color: #fff;
    -webkit-transition: border 0.15s ease-in-out;
    -o-transition: border 0.15s ease-in-out;
    transition: border 0.15s ease-in-out; }
.radio label::after {
    display: inline-block;
    position: absolute;
    content: " ";
    width: 11px;
    height: 11px;
    left: 3px;
    top: 3px;
    margin-left: -20px;
    border-radius: 50%;
    background-color: #555555;
    -webkit-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    -o-transform: scale(0, 0);
    transform: scale(0, 0);
    -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
    -moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
    -o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
    transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); }
.radio input[type="radio"] {
    opacity: 0; }
.radio input[type="radio"]:focus + label::before {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px; }
.radio input[type="radio"]:checked + label::after {
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1); }
.radio input[type="radio"]:disabled + label {
    opacity: 0.65; }
.radio input[type="radio"]:disabled + label::before {
    cursor: not-allowed; }
.radio.radio-inline {
    margin-top: 0; }

.radio-primary input[type="radio"] + label::after {
    background-color: #428bca; }
.radio-primary input[type="radio"]:checked + label::before {
    border-color: #428bca; }
.radio-primary input[type="radio"]:checked + label::after {
    background-color: #428bca; }

.radio-danger input[type="radio"] + label::after {
    background-color: #d9534f; }
.radio-danger input[type="radio"]:checked + label::before {
    border-color: #d9534f; }
.radio-danger input[type="radio"]:checked + label::after {
    background-color: #d9534f; }

.radio-info input[type="radio"] + label::after {
    background-color: #5bc0de; }
.radio-info input[type="radio"]:checked + label::before {
    border-color: #5bc0de; }
.radio-info input[type="radio"]:checked + label::after {
    background-color: #5bc0de; }

.radio-warning input[type="radio"] + label::after {
    background-color: #22518b; }
.radio-warning input[type="radio"]:checked + label::before {
    border-color: #22518b; }
.radio-warning input[type="radio"]:checked + label::after {
    background-color: #22518b; }

.radio-success input[type="radio"] + label::after {
    background-color: #5cb85c; }
.radio-success input[type="radio"]:checked + label::before {
    border-color: #5cb85c; }
.radio-success input[type="radio"]:checked + label::after {
    background-color: #5cb85c; }



/********************************************************
	2. SLIDER
********************************************************/
#slider .background-img {
	z-index: 2; position: absolute;
	width: 100%; 
	/*height: 55vw;*/
	height: calc(100vh - 200px);
	top: 0; left: 0; 
}
#slider .background-video {
	z-index: 2; position: absolute;
	width: 100%; 	height: 100%;
	background: #000;
	top: 0; left: 0;
}
#slider .background-video video {
	position: absolute;
	top: 0px; left: 0;
	object-fit: cover;
	object-position: 50% 50%;
	height: 100%; width: 100%;
	max-width: none!important;
	margin: 0!importnat;
}
/* ie edge only gets the following rule */
@supports (object-fit: cover) and (-ms-ime-align:auto) {
	#slider .background-video video {height:auto}
}

#slider {
	position: relative;
	z-index: 1;
	margin-bottom: 50px;
}

#slider .slider-img {
    object-fit: cover;
    object-position: 50% 50%;
    height: 100%; width: 100%;
    max-width: none!important;
    margin: 0!importnat;	
}
#slider .slide-caption {
	width: 100%; height: auto;
	position: absolute;
	left: 0; bottom: 0;
	z-index: 10;
	/*background-color: rgba(0, 0, 0, 0.20);*/
	color: #fff;
}

#slider .slide-caption .container-fluid {
	position: relative;
	padding: 0;
	background-color: rgba(0, 0, 0, 0.20);
}

#slider .slide-caption h2 {
	width: 100%;
	font-weight: 400;
	font-size: 30px; line-height: 1em;
	text-shadow: 1px 1px rgba(0, 0, 0, 0.5);
	color: #e2346e; text-transform: uppercase;
	margin: 0; padding: 0;
	margin-bottom: 15px;
}
#slider .slide-caption p {
	clear: both;
	/*text-shadow: 1px 2px 3px #000;*/
	font-weight: 400;
	font-size: 32px; line-height: 38px;
	color: #fff;
	padding: 0; margin: 0;
	margin-bottom: 15px;
	text-shadow: 2px 2px rgba(0, 0, 0, 0.5);
}
#slider .slide-caption p b {
	font-style: normal; font-weight: 400;
}
#slider .slide-caption p em {
	font-style: normal; font-weight: 700;
}
#slider .slide-caption p strong { font-weight: 700; font-weight: normal; color: #fff; }
#slider .slide-caption p.lead { display: inline; color: #fff; font-size: 28px;  }

#slider .slide-caption h2 > a { color: #e2346e; }
#slider .slide-caption h2 > a:hover { color: #fff;}
#slider .slide-caption p > a { color: #fff; text-decoration: none; }
#slider .slide-caption p > a:hover { color: #fff; }

#slider .button-read-more {
	margin: 50px 0; min-width: 200px;
	clear: both; text-align: center;
}
.carousel-inner .item {
	height: 600px;
	height: 80vh;
	margin: 0; padding: 0;
}
.carousel-inner > .item > a > img,
.carousel-inner > .item > img {
  position: relative;
  z-index: -1;
}

.carousel-indicators {
	position: absolute;
	bottom: -50px;
	left: 0;
	z-index: 15;
	width: 100%;
	margin: 0 auto;
	padding: 0 10%;
	text-align: center;
	list-style: none;
}
.carousel-indicators li {
	display: inline-block;
	margin: 12px 5px;
	width: 15px; height: 15px;
	background-color: #454547;
	border: solid 1px #454547;
	border-radius: 7px;
	-ms-border-radius: 7px;
	outline-color: transparent;
	text-indent: -1000em;
	-webkit-transition: all 400ms ease;
     -moz-transition: all 400ms ease;
       -o-transition: all 400ms ease;
      -ms-transition: all 400ms ease;
          transition: all 400ms ease;
	opacity: 0.5;
}
.carousel-indicators li:hover {
	-webkit-transform:scale(1.2);
    -moz-transform:scale(1.2);
    -ms-transform:scale(1.2);
    -o-transform:scale(1.2);
     transform:scale(1.2);
}
.carousel-indicators .active {
	margin: 12px 5px;
	width: 45px; height: 15px;
	background-color: #e2346e;
	border-color: #e2346e;	
	opacity: 1;
}
.home-page-ip .carousel-indicators {	
	text-align: left;
}
.carousel-indicators.slideMore {
	bottom: -60px;
	text-align: center;
}
.carousel-indicators.slideMore li {
	margin: 0;
	width: 120px; height: 120px;
	border-radius: 50%;
	-ms-border-radius: 50%;
	text-indent: 0em;
	background-color: #fff;
	font-size: 28px; line-height: 80px; 
	opacity: 1;
	text-align: center;
}
.carousel-indicators.slideMore li a {
	display: block; margin: 25px;
}


.carousel-control { opacity: .5; }

.carousel-control.right,
.carousel-control.left {
	background-image: none;
	display: none;
}

.carousel-control span.glyphicon {
  border: none;
  display: block;
  width: 54px;
  height: 54px;
  background: url(../../images/arrow-slider.png) 0 100% no-repeat;
  -webkit-transition: all 400ms ease;
     -moz-transition: all 400ms ease;
       -o-transition: all 400ms ease;
      -ms-transition: all 400ms ease;
          transition: all 400ms ease;
	/*display: none;*/
}

.carousel-control span.glyphicon:hover {
	-webkit-transform:scale(1.15); /* Safari and Chrome */
    -moz-transform:scale(1.15); /* Firefox */
    -ms-transform:scale(1.15); /* IE 9 */
    -o-transform:scale(1.15); /* Opera */
     transform:scale(1.15);
}

.carousel-control.left span.glyphicon {
  background: url(../../images/arrow-slider.png) 0 0 no-repeat;
}

.carousel-control span.glyphicon::before {
  display: none;
}

.carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {
  right: 20%;
}

.carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {
  left: 20%;
}


/********************************************************
	1. FOOTER
********************************************************/
footer {
	display: none;
}
/********************************************************
	1. HEADER
********************************************************/

/****************Header Contact****************/
/*header {
	margin: 0!important; padding: 0!important;
}*/

/****************Logo****************/
.logo {
	text-align: center;
	padding: 5px 0; height: 100px;
	font-size: 16px; font-weight: 300;
	border-bottom: solid 1px;
	border-bottom-color: rgba(0,0,0,0.5);
	position: relative;
	overflow: visible;
}
.logo a {
	display: block;
	color: #000;
	background: url(../../images/logo.png) 50% 0 no-repeat;
	background-size: auto 100%; 
	height: 80px;
	margin-bottom: 10px; 
}
.logo span {
	display: block;
	font-size: 40px; line-height: 45px;
	font-weight: 700;
	color: #fff;
	display: none;
}


.navbar-default .navbar-collapse {
	border: none;
	width: 100%;
	/*border-bottom: solid 1px #d5d5d6;
	border-right: solid 1px #d5d5d6;*/
}
header .navbar-default {
	background: #fff;
	border: none;
	margin-bottom: 0;
}

.navbar-default .navbar-nav>li>a {
	font-size: 16px;
	font-weight: 500;
	color: #000;
	text-shadow: 1px 1px #fff;
	text-transform: uppercase;
	border-right: solid 1px #d5d5d6;
}
.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>.active>a:hover {
	background: transparent;
	color: #e2346e;	
}


/********************************************************
	SIDE MANU
********************************************************/
#show-sidebar,
#close-sidebar {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  background: #e2346e;
	font-size: 16px; color: #fff;
}

#close-sidebar {
	cursor: pointer;
	padding: 5px 10px;
	position: fixed; 
	top: 70px; left: -50px; 
	border-radius: 0 4px 4px 0px;
	transition-delay: 0.1s;
	z-index: 1000;
}
.toggled #close-sidebar {
    color: #c5def5; left: 260px;
}
.toggled #close-sidebar:hover {
    color: #ffffff;
}
/*----------------show sidebar button----------------*/
#show-sidebar {
  position: fixed;
  left: 0;
  top: 70px;
  border-radius: 0 4px 4px 0px;
  width: 35px;
  transition-delay: 0.3s;
  z-index: 1000;
}
.page-wrapper.toggled #show-sidebar {
  left: -40px;
}

/****************sidebar****************/
.sidebar {
	position: fixed;
	top: 0; bottom: 0;
	left: -260px; z-index: 100;
	box-shadow: 0 10px 30px -12px rgba(0,0,0,.42), 0 4px 25px 0 rgba(0,0,0,.12), 0 8px 10px -5px rgba(0,0,0,.2);
   background-color: #454547;
}
.toggled .sidebar {
	left: 0; 
}
header {
	overflow: visible;
}
.no-sidebar header,
.no-sidebar .content-wrapper {
	float: none;
	width: 100%;
}

.sidebar .sidebar-wrapper {
	position: relative;
	/*height: calc(100vh - 100px);*/
	overflow: auto;
	width: 260px;
	padding: 0;
	z-index: 4;
}
#searchFormFilter {
	padding: 0 5px 100px 15px;
}
header,
.content-wrapper {
	/*float: right;*/
	/*width: calc(100% - 260px);*/
	width: 100%;
	transition: all .33s cubic-bezier(.685,.0473,.346,1);
	overflow: auto;
}
.page-wrapper.toggled .navbar-default,
.page-wrapper.toggled .content-wrapper {
    padding-left: 260px!important;
}


/********************************************************
	Product
********************************************************/

/******************** SEARCH *********************************/
#category-page-wrapper {
	margin: 0; /*padding: 0;*/
}

#product-search-filter {
	background: #e2346e;	
	background: #454547;
	height: 100%;
}
#product-search-filter .panel {
	background: transparent;
	font-weight: 300;
	font-size: 14px;  
	color: #fff;
	padding: 20px 0;
	border-radius: 0; 
	border-bottom: solid 1px;
	border-bottom-color: rgba(0,0,0,0.5)	
}
#product-search-filter .panel-collapse {
}
#product-search-filter .panel-heading {
	padding: 0;
	font-weight: 500;
	font-size: 16px;  
	color: #fff;
	text-transform: uppercase;
}
#product-search-filter label {
	color: #d3afdb;
	color: #ffffff;
}
#product-search-filter .slider-track {
	background-image: linear-gradient(to bottom, #c797d1 0%, #c797d1 100%)!important;
}
#product-search-filter .slider-selection {
	background-image: linear-gradient(to bottom, #fff 0%, #fff 100%)!important;
}
#product-search-filter .slider-handle {
	background-color: none!important;
	background-image: linear-gradient(to bottom, #e2346e 0%, #e2346e 100%)!important;
	border: solid 1px #fff!important;
}


.article-wrapper-box {
	/*position: relative;*/
	margin: 30px 0; padding: 10px 15px;
	border-radius: 6px;
	border: solid 1px #e1e1e2;
	color: #333;
	background: #fff;
}

#map-search {
	height: 400px; width: 100%;
}


.product-wrapper-general {
}
.product-wrapper-general .article-thumb-wrapper.first-item {
	height: 400px;
}
.product-wrapper-general dl {
	
}
.product-wrapper-general .dl-horizontal dt {
	text-align: left;
}

/******************** BOX *********************************/

.product-wrapper { }
#product-wrapper .product-wrapper { margin-bottom: 30px; }
#shop-page-wrapper .product-wrapper { margin-bottom: 30px; }

.product-wrapper .product-wrapper-box {
	position: relative;
	margin: 30px 0; padding: 0;
	border-radius: 6px;
	border: solid 1px #e1e1e2;
	color: #333;
	background: #fff;
	/*box-shadow: 0 2px 2px 0 rgba(0,0,0,.1), 0 3px 1px -2px rgba(0,0,0,.1), 0 1px 5px 0 rgba(0,0,0,.1);*/
}

.product-wrapper .article-thumb-wrapper {
	height: 240px;
	position: relative; z-index: 1;
	padding: 0; 
	margin-left: 15px;
	margin-right: 15px;
	margin-top: -30px;
	border-radius: 6px;
	-webkit-transition: all 400ms ease;
     -moz-transition: all 400ms ease;
       -o-transition: all 400ms ease;
      -ms-transition: all 400ms ease;
          transition: all 400ms ease;
}
.product-wrapper .article-thumb-wrapper:hover {
	webkit-transform: translate3d(0,-30px,0);
    transform: translate3d(0,-30px,0);
 }
 
.product-wrapper .article-thumb {
	height: 100%; width: 100%; display: block; 
	border-radius: 6px;
	/*pointer-events: none;*/
	box-shadow: 0 5px 15px -8px rgba(0,0,0,.24), 0 8px 10px -5px rgba(0,0,0,.2);
	background-color: #fff;
	overflow: hidden;
	cursor: pointer;
	z-index: 50;
}
.product-wrapper .article-thumb-wrapper .icon-list {
	position: absolute;
	bottom: 0; right: 0;
	padding: 5px;
	font-size: 20px;
	color: #fff;
}
.product-wrapper .article-slide-desc {
	height: 155px; overflow: hidden;
	padding: 30px 15px 0 15px;
	font-size: 13px; color: #999;
}
.product-wrapper h3 {
	font-weight: 300;
	font-size: 16px; color: #000;
	padding: 10px 0; margin: 0;
	text-overflow: ellipsis;
	word-wrap: break-word;
	overflow: hidden;
	height: 3em;
	line-height: 1em;	
	text-align: center;
}
.product-wrapper h3::first-letter {
	text-transform: uppercase;
}
.product-wrapper h3 a { color: #000;}
.product-wrapper h3 a:hover { color: #e2346e; }

.product-wrapper .article-slide-desc .desc-text {
	height: 70px;
	border-bottom: solid 1px #ededee; 
}
.product-wrapper .article-slide-desc p {
	font-size: 14px; color: #a3a3a3;
}

.product-wrapper .article-slide-desc p span {
	color: #000;
}
.product-wrapper .article-footer {
	height: 40px; overflow: hidden;
	padding: 10px 15px;
	font-size: 14px; color: #999;
}
.product-wrapper .article-footer .location {
	float: right;	
}
.product-wrapper .article-footer .price {
	color: #000;
	font-size: 16px;
	font-weight: 500;
}
.product-wrapper .article-footer .price small {
	font-weight: 400;
}
.product-wrapper .article-footer .location:before {
	font-family: 'fontawesome';
	font-size: 16px;
	content: "\f041";
	line-height: 20px; 
	padding-right: 5px; margin-right: 2px;
	display: inline-table;
	vertical-align: middle;
}

.quick_view a {
	text-decoration: none!important;
}
.quick_view .product-wrapper .table {
    margin: 20px 0;
    border: 1px solid #d9d9d9;
    width: 100%;
}
.quick_view .product-wrapper thead > tr {
    background: #fafafa;
    border-bottom: 1px solid #d9d9d9;
    font-family: 'Client Regular';
    font-size: 14px;
    color: #888;
    text-align: center;
}
.quick_view .product-wrapper tbody > tr {
    background: #fff;
    font-family: 'Client Bold';
    font-size: 14px;
    color: #000;
    text-align: center;
}
.quick_view .product-wrapper .article-slide-desc {
	height: 320px;
}
.quick_view .product-wrapper .article-thumb-wrapper {
    height: 320px;
}



/******************** MAIN *********************************/
.main {
	margin: 30px 0;
	padding: 10px 15px;
	border-radius: 6px;
	border: solid 1px #e1e1e2;
	color: #333;
	background: #fff;
}
.main .page-header {
    padding-bottom: 9px;
    margin: 20px 0;
    border-bottom: none;
}


/****************Product & Category Page****************/
.video-product .article-thumb {	
	position: relative;
}
.video-product .article-thumb .figcaption {
	position: absolute; z-index: 2;
	width: 100%; height: 100%;
	top: 0;
	background-color: rgba(0,0,0,0.3);
  -webkit-transition: all 400ms ease;
     -moz-transition: all 400ms ease;
       -o-transition: all 400ms ease;
      -ms-transition: all 400ms ease;
          transition: all 400ms ease;	
}
.video-product .article-thumb .figcaption:hover {
	position: absolute; z-index: 2;
	width: 100%; height: 100%;
	top: 0;
	background-color: rgba(0,0,0,0.7);
}
.video-product .article-thumb .figcaption .fa {	
	position: absolute;
	top: 35%; left: 40%;
	color: #fff; font-size: 100px;
}
.video-product .article-thumb img {
	width: 100%;	
}

/***************GALLERY***********************/


/****************Slick****************/
.slick-list {
	width: 100%;
	float: left;
	position: relative;
}
.slick-dots {
	list-style: none;
	padding: 0;
	margin: 0 auto;
	display: table;
	clear: both;
}
.slick-dots li {
	float: left;
	margin: 20px 5px 0 ;
}
.slick-dots button {
	background-color: rgba(16, 32, 72, 0.5);
	border: none;	
	display: inline-block;
	width: 15px; height: 15px;
	border-radius: 5px;
	-ms-border-radius: 5px;
	outline-color: transparent;
	text-indent: -1000em;
	-webkit-transition: all 400ms ease;
     -moz-transition: all 400ms ease;
       -o-transition: all 400ms ease;
      -ms-transition: all 400ms ease;
          transition: all 400ms ease;
}
.slick-dots button:hover {
	-webkit-transform:scale(1.2);
    -moz-transform:scale(1.2);
    -ms-transform:scale(1.2);
    -o-transform:scale(1.2);
     transform:scale(1.2);
}
.slick-dots li.slick-active button {
	background-color: transparent;
	border: 2px solid #22262f;	
}

.slick-slider .slick-prev,
.slick-slider .slick-next {
  border: none;
  padding: 0;
  display: block; cursor: pointer;
  position: absolute; z-index: 1000;
  top: 40%; 
  width: 30px;
  height: 70px;
  text-indent: -9999px;
  left: 0px;
  background-image: url(../../images/slick-prev.png);
  opacity: 0.75;
  background-position: 0 50%;
  background-repeat: no-repeat;
  background-color: transparent;
  -webkit-transition: all 400ms ease;
     -moz-transition: all 400ms ease;
       -o-transition: all 400ms ease;
      -ms-transition: all 400ms ease;
          transition: all 400ms ease;
 	
}
.slick-slider .slick-prev:hover,
.slick-slider .slick-next:hover {
	-webkit-transform:scale(1.15); /* Safari and Chrome */
    -moz-transform:scale(1.15); /* Firefox */
    -ms-transform:scale(1.15); /* IE 9 */
    -o-transform:scale(1.15); /* Opera */
     transform:scale(1.15);
  opacity: 1;
}

.slick-slider .slick-next {
 	right: 0px; left: auto;
	background-image: url(../../images/slick-next.png);
}
.slick-slider button:hover, button:active, button:focus {
	outline: 0;
}


#gallery-page-wrapper { 
	padding: 0;
	position: relative;
}
#gallery-page-wrapper .slick-gallery {
	overflow: hidden;
}
#gallery-page-wrapper .slick-gallery div {
	/*padding-bottom: 30px;*/
}
#gallery-page-wrapper .slick-gallery div > .article-thumb {
	padding: 0; margin: 0;
	display: inline-block;
	overflow: hidden;
	height: 20vw;
	border: solid 2px rgba(254,210,150,0);
} 
#gallery-page-wrapper .slick-gallery div > .article-thumb:hover {
	border: solid 2px #fed296;
}
#gallery-page-wrapper .slick-gallery div > .article-thumb:hover:after {
	content: '';
	position: absolute; z-index: 10;
	top: 0; left: 0;
	width: 100%; height: 100%;
	background-image: url(../../images/icon_zoom.png);
	background-position: 50% 50%;
	background-repeat: no-repeat;
}

#gallery-page-wrapper .slick-gallery div > .article-thumb > img {
	padding: 0; margin: 0;
	width: 100%;
}
#gallery-page-wrapper .slick-gallery.slick-slider .slick-prev,
#gallery-page-wrapper .slick-gallery.slick-slider .slick-next {
	z-index: 100;
}







.w-25 {
  width: 25% !important;
}

.w-50 {
  width: 50% !important;
}

.w-75 {
  width: 75% !important;
}

.w-100 {
  width: 100% !important;
}

.w-auto {
  width: auto !important;
}

.h-25 {
  height: 25% !important;
}

.h-50 {
  height: 50% !important;
}

.h-75 {
  height: 75% !important;
}

.h-100 {
  height: 100% !important;
}

.h-auto {
  height: auto !important;
}

.mw-100 {
  max-width: 100% !important;
}

.mh-100 {
  max-height: 100% !important;
}

.min-vw-100 {
  min-width: 100vw !important;
}

.min-vh-100 {
  min-height: 100vh !important;
}

.vw-100 {
  width: 100vw !important;
}

.vh-100 {
  height: 100vh !important;
}

.m-0 {
  margin: 0 !important;
}

.mt-0,
.my-0 {
  margin-top: 0 !important;
}

.mr-0,
.mx-0 {
  margin-right: 0 !important;
}

.mb-0,
.my-0 {
  margin-bottom: 0 !important;
}

.ml-0,
.mx-0 {
  margin-left: 0 !important;
}

.m-1 {
  margin: 0.25rem !important;
}

.mt-1,
.my-1 {
  margin-top: 0.25rem !important;
}

.mr-1,
.mx-1 {
  margin-right: 0.25rem !important;
}

.mb-1,
.my-1 {
  margin-bottom: 0.25rem !important;
}

.ml-1,
.mx-1 {
  margin-left: 0.25rem !important;
}

.m-2 {
  margin: 0.5rem !important;
}

.mt-2,
.my-2 {
  margin-top: 0.5rem !important;
}

.mr-2,
.mx-2 {
  margin-right: 0.5rem !important;
}

.mb-2,
.my-2 {
  margin-bottom: 0.5rem !important;
}

.ml-2,
.mx-2 {
  margin-left: 0.5rem !important;
}

.m-3 {
  margin: 1rem !important;
}

.mt-3,
.my-3 {
  margin-top: 1rem !important;
}

.mr-3,
.mx-3 {
  margin-right: 1rem !important;
}

.mb-3,
.my-3 {
  margin-bottom: 1rem !important;
}

.ml-3,
.mx-3 {
  margin-left: 1rem !important;
}

.m-4 {
  margin: 1.5rem !important;
}

.mt-4,
.my-4 {
  margin-top: 1.5rem !important;
}

.mr-4,
.mx-4 {
  margin-right: 1.5rem !important;
}

.mb-4,
.my-4 {
  margin-bottom: 1.5rem !important;
}

.ml-4,
.mx-4 {
  margin-left: 1.5rem !important;
}

.m-5 {
  margin: 3rem !important;
}

.mt-5,
.my-5 {
  margin-top: 3rem !important;
}

.mr-5,
.mx-5 {
  margin-right: 3rem !important;
}

.mb-5,
.my-5 {
  margin-bottom: 3rem !important;
}

.ml-5,
.mx-5 {
  margin-left: 3rem !important;
}

.p-0 {
  padding: 0 !important;
}

.pt-0,
.py-0 {
  padding-top: 0 !important;
}

.pr-0,
.px-0 {
  padding-right: 0 !important;
}

.pb-0,
.py-0 {
  padding-bottom: 0 !important;
}

.pl-0,
.px-0 {
  padding-left: 0 !important;
}

.p-1 {
  padding: 0.25rem !important;
}

.pt-1,
.py-1 {
  padding-top: 0.25rem !important;
}

.pr-1,
.px-1 {
  padding-right: 0.25rem !important;
}

.pb-1,
.py-1 {
  padding-bottom: 0.25rem !important;
}

.pl-1,
.px-1 {
  padding-left: 0.25rem !important;
}

.p-2 {
  padding: 0.5rem !important;
}

.pt-2,
.py-2 {
  padding-top: 0.5rem !important;
}

.pr-2,
.px-2 {
  padding-right: 0.5rem !important;
}

.pb-2,
.py-2 {
  padding-bottom: 0.5rem !important;
}

.pl-2,
.px-2 {
  padding-left: 0.5rem !important;
}

.p-3 {
  padding: 1rem !important;
}

.pt-3,
.py-3 {
  padding-top: 1rem !important;
}

.pr-3,
.px-3 {
  padding-right: 1rem !important;
}

.pb-3,
.py-3 {
  padding-bottom: 1rem !important;
}

.pl-3,
.px-3 {
  padding-left: 1rem !important;
}

.p-4 {
  padding: 1.5rem !important;
}

.pt-4,
.py-4 {
  padding-top: 1.5rem !important;
}

.pr-4,
.px-4 {
  padding-right: 1.5rem !important;
}

.pb-4,
.py-4 {
  padding-bottom: 1.5rem !important;
}

.pl-4,
.px-4 {
  padding-left: 1.5rem !important;
}

.p-5 {
  padding: 3rem !important;
}

.pt-5,
.py-5 {
  padding-top: 3rem !important;
}

.pr-5,
.px-5 {
  padding-right: 3rem !important;
}

.pb-5,
.py-5 {
  padding-bottom: 3rem !important;
}

.pl-5,
.px-5 {
  padding-left: 3rem !important;
}

.m-n1 {
  margin: -0.25rem !important;
}

.mt-n1,
.my-n1 {
  margin-top: -0.25rem !important;
}

.mr-n1,
.mx-n1 {
  margin-right: -0.25rem !important;
}

.mb-n1,
.my-n1 {
  margin-bottom: -0.25rem !important;
}

.ml-n1,
.mx-n1 {
  margin-left: -0.25rem !important;
}

.m-n2 {
  margin: -0.5rem !important;
}

.mt-n2,
.my-n2 {
  margin-top: -0.5rem !important;
}

.mr-n2,
.mx-n2 {
  margin-right: -0.5rem !important;
}

.mb-n2,
.my-n2 {
  margin-bottom: -0.5rem !important;
}

.ml-n2,
.mx-n2 {
  margin-left: -0.5rem !important;
}

.m-n3 {
  margin: -1rem !important;
}

.mt-n3,
.my-n3 {
  margin-top: -1rem !important;
}

.mr-n3,
.mx-n3 {
  margin-right: -1rem !important;
}

.mb-n3,
.my-n3 {
  margin-bottom: -1rem !important;
}

.ml-n3,
.mx-n3 {
  margin-left: -1rem !important;
}

.m-n4 {
  margin: -1.5rem !important;
}

.mt-n4,
.my-n4 {
  margin-top: -1.5rem !important;
}

.mr-n4,
.mx-n4 {
  margin-right: -1.5rem !important;
}

.mb-n4,
.my-n4 {
  margin-bottom: -1.5rem !important;
}

.ml-n4,
.mx-n4 {
  margin-left: -1.5rem !important;
}

.m-n5 {
  margin: -3rem !important;
}

.mt-n5,
.my-n5 {
  margin-top: -3rem !important;
}

.mr-n5,
.mx-n5 {
  margin-right: -3rem !important;
}

.mb-n5,
.my-n5 {
  margin-bottom: -3rem !important;
}

.ml-n5,
.mx-n5 {
  margin-left: -3rem !important;
}

.m-auto {
  margin: auto !important;
}

.mt-auto,
.my-auto {
  margin-top: auto !important;
}

.mr-auto,
.mx-auto {
  margin-right: auto !important;
}

.mb-auto,
.my-auto {
  margin-bottom: auto !important;
}

.ml-auto,
.mx-auto {
  margin-left: auto !important;
}

@media screen and (min-width: 768px) {
	
	.homepage header .navbar-default {
		position: absolute;
		z-index: 100;
		background: rgba(255,255,255,0.5);
	}
	.homepage header .navbar-default .container-fluid  {
		width: 100%;
	}

}


@media screen and (max-width: 767px) {
	#show-sidebar,
	#close-sidebar {
		top: 10px; 
	}
	.carousel-inner .item {
		height: 300px;
		height: 40vh;
	}
	.row-big-title {
    	font-size: 24px;
    	margin-bottom: 24px;
	}
	.box-title {
    border-radius: 3px;
    background: #e2346e;
    padding: 10px 15px;
    margin-top: -15px;
    margin-right: 10px;
    margin-bottom: 15px;
 	}
	#product-wrapper .product-wrapper {
		padding: 0;
		padding-left: 10px;
	}
	.product-wrapper .article-thumb-wrapper {
    	height: 140px;
    }
    .product-wrapper .article-slide-desc {
    	height: auto;
    	padding-top: 10px;
    }
    .product-wrapper h3 {
    	height: 4em;
	 }
	 .product-wrapper .article-footer {
    	height: 90px;
    }
    .product-wrapper .article-footer .location {
    	float: none;
	 }
	 
	 .product-wrapper-general .article-thumb-wrapper.first-item {
    	height: 300px;
	 }
	 #gallery-page-wrapper .slick-gallery div > .article-thumb {
    	height: 50vw;
	}
	 
}