/*********************************************************
	Company: NeimarV, http://www.neimarv.rs
	by Halo Creative Team, http://www.haloteam.rs/
	Date (create): 21-01-2019
	Date (update): 21-01-2019

	******************************
	*****      Index       	 *****
	******************************
	CONTENT:
	1. HEADER
	2. SLIDER
	3. SEARCH
	4. CONTENT
	5. FOOTER
	6. RESPONSIVE

Font - Open Sans
	300 Light
	400 Regular
	500 Medium

TITLE - Open Sans	
	400 Regular
	700 Bold
*********************************************************/

@import url('https://fonts.googleapis.com/css?family=Roboto:100,300,500,900');
@import url('https://fonts.googleapis.com/css?family=Noto+Serif:700i&subset=latin-ext');
@import url('animation.css');


body {
	font-family: 'Roboto';	
	background: #fff;
}


#loading {
  z-index: 99999;
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  background: #e8ebed;
  position: fixed;
}
#loading .speen {
}
#loading .loader {
    border: 16px solid #0e3f68; /* Light grey */
    border-top: 16px solid #208ccc; /* Blue */
    border-radius: 50%;
    width: 120px;
    height: 120px;
    animation: spin 2s linear infinite;
}

.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: 500px;
	background-color: transparent;
}
.se-pre-con.small {
	position: relative;
	height: 40px!important;
	background-color: transparent;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}


h1,h2,h3,h4,h5,h6 {
	color: #141414;
	font-weight: 900;
	line-height: 1.5;
}

p {
	color: #031d34;
}

a:hover,
a:focus {
	text-decoration: none;
}


.badge { 
	font-size: 11px;
	background-color: #d22c38;
	color: #fff;
	border: none;
	border: solid 2px #fff;
	border-radius: 5px;
}
.badge.note { width: 100%; margin-bottom: 5px; font-weight: normal; text-align: left }
.badge.blue { background-color: #22262f; color: #fff; } 
.badge.green { background-color: green; color: #fff; } 
.badge.yellow { background-color: #ffd700; color: #141414; } 
.old {
	text-decoration: line-through;
	color: inherit !important; 
	font-size: smaller!important;
	font-weight: lighter!important;
	opacity:0.7;filter:alpha(opacity=70); 
}
.text-hide .old {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.container-fluid {
	width: 100%;
	padding: 0 15px;
	margin: 0 auto;
	display: block; 
}
.red {
	color: #d22c38;
}
.bootstrap-datetimepicker-widget td.disabled, .bootstrap-datetimepicker-widget td.disabled:hover {
  text-decoration: line-through!important;
  color: #888!important;
  font-size: small!important;
}

.nomargin {
	margin: 0; padding: 0;
}
.wtm {
  direction: rtl;
  unicode-bidi: bidi-override;
  text-align: left;
}
.wtm:before {
  content: attr(data-website)"\0040" attr(data-user);
}
.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;
}


/****************Button****************/
.button-read-more {
	color: #fff!important; font-size: 16px; font-weight: 700;
	text-transform: uppercase;
	display: table; cursor: pointer;
	padding: 7px 25px;
	margin-top: 30px ;
	background-color: #d22c38;
	position: relative;
	
	border: 4px solid rgba(210, 44, 56, .5);
   -webkit-background-clip: padding-box; /* for Safari */
   background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */		
}
.button-read-more:hover {
	color: #fff!important;
	background-color: #921c25;
	border: 4px solid #d22c38;
}
.button-read-more:after {
	font-family: "Font Awesome 5 Free";
	content: "\f105";
	color: #fff!important;
	margin-left: 10px;
}
.button-read-more:hover:after { color: #fff!important; }
.button-read-more i { color: #fff!important; margin-left: 10px; }
.button-read-more:hover i { color: #fff!important; }

.button-read-more a { color: #fff; font-weight: 700; }
.button-read-more a:hover { color: #d22c38!important; }
.main .button-read-more {	
	display: inline-block;
	margin: 0 20px 30px 0;
}

.button-read-more.blank::after {	display: none; }

.button-read-more.small { font-size: 14px; font-weight: 700; padding: 5px 20px; }

.button-read-more.black {
	background: #000;
	color: #fff!important;
	border: 4px solid rgba(0, 0, 0, .5);
   -webkit-background-clip: padding-box; /* for Safari */
   background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */		
}
.button-read-more.black:hover {
	color: #000!important;
	background-color: #fff;
}
.button-read-more.black:after {	color: #fff!important; }
.button-read-more.black:hover:after { color: #000!important; }
.button-read-more.black i { color: #fff!important;  }
.button-read-more.black:hover i { color: #000!important; }

.button-read-more.custom {
	background: #fed296;
	color: #000!important;
	border: 4px solid rgba(254, 210, 150, .5);
   -webkit-background-clip: padding-box; /* for Safari */
   background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */		
}
.button-read-more.custom:hover {
	color: #000!important;
	background-color: #c99442;
	border: 4px solid #fed296;
}
.button-read-more.custom:after {	color: #000!important; }
.button-read-more.custom:hover:after { color: #000!important; }
.button-read-more.custom i { color: #000!important;  }
.button-read-more.custom:hover i { color: #fff!important; }



.button-read-more.invert {
	background: transparent;
	border: solid 1px #fff;
}
.button-read-more.invert:after { color: #fff!important; }
.button-read-more.invert:hover {
	color: #000!important;
	background: #fff;
	border: solid 1px #fff;
}
.button-read-more.invert:hover:after { color: #000!important; }
.button-read-more.invert i { color: #031d34!important; }
.button-read-more.invert:hover i { color: #fff!important; }

button.button-read-more {
	padding-left: 40px;
	padding-right: 40px;
	margin: 0 auto;
}
.button-read-more.float {
	display: inline-block;
	margin: 0 20px 0 0;
}

.button-read-more.arrow-left,
.button-read-more.arrow-right {
	padding-left: 0;
	background: transparent; border: none;
	color: #000!important;
}
.button-read-more.arrow-left:hover,
.button-read-more.arrow-right:hover { 
	color: #d22c38!important;
}
.button-read-more.arrow-left::before {
	font-family: "Font Awesome 5 Free";
	content: "\f105";
	color: #d22c38!important;
	margin-right: 10px;
}
.button-read-more.arrow-right::after {
	font-family: "Font Awesome 5 Free";
	content: "\f105";
	color: #d22c38!important;
	margin-left: 10px;
}

.button-read-more.left { margin-left: 0; }
.button-read-more.nomargin { margin: 0; }


.button-read-more.admin {
	color: #fff;
	font-size: 14px; padding: 5px 10px!important;
	background: rgba(209,24,32,1);
	text-transform: none;
	text-align: center;
	border: none;
}
.button-read-more.admin:hover {
	background-color: #ebebeb;
	color: #141414;
	-ms-transform: scale(1);
	-moz-transform: scale(1);
	-webkit-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}
.button-read-more.admin .fa { color: #22262f; }
.button-read-more.admin:hover .fa { color: #22262f; }


/****************Pagination & scrollbutton****************/
/*location*/
#location {
	padding: 20px 0 0 0; margin: 0
}
.breadcrumb {
	padding: 15px 0px; margin: 0;
	background: transparent;
	border: none; border-radius: 0; 
	color: #ccc;
	font-size: 16px; font-weight: 300; 
}
.breadcrumb > li > a { color: #141414; text-decoration: none; }
.breadcrumb > li > a:hover { color: #d22c38;  }
.breadcrumb > .active  { color: #d22c38; }
.breadcrumb > .active > a  { color: #d22c38; }
.breadcrumb > li .fa { padding-right: 10px; }

.pagination {
	margin: 45px 0;
}
.page-link {
	border-radius: 0px!important;
	margin: 0 5px;
	color: #141414;
	background-color: #f4f4f4;
	border: solid 1px #4f4f4f!important;
	font-size: 18px; width: 40px;
	padding: 0; line-height: 40px;
	text-align: center; 
}
.page-link:focus, .page-link:hover {
	color: #2d313a;
	background-color: #fed296;
}
.page-item.active .page-link {
	color: #141414;
	background-color: #fff;
}
.page-item .page-link .fa{
	font-size: 24px;
}

/****************Social Share****************/
.scrollbutton {
  display: none;
  width: 40px; height: 40px;
  position: fixed;
  bottom: 45px;
  right: 15px;
  background: #fff;
  border-radius: 50%; 
  z-index: 999997;
	-webkit-transition: transform 300ms ease;
     -moz-transition: transform 300ms ease;
       -o-transition: transform 300ms ease;
      -ms-transition: transform 300ms ease;
          transition: transform 300ms ease;
	text-align: center;
}
.scrollbutton i {
	font-size: 32px;
	line-height: 40px;
	color: #141414;
}
.scrollbutton:hover {
	-ms-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
	color: #141414;
	opacity: 1;
}

/****************Text over images****************/
figure {
	height: 100%; width: 100%;
	display: block;
	overflow: hidden;
	z-index: 100;
}
figcaption {
	height: 100%; width: 100%;
	background-color: rgba(255, 255, 255, 0.75);
	text-align: center;
	position: absolute;
	bottom: 0; left: -2000px;
	opacity: 1; 
	padding: 15px;
	font-size: 18px;
}
figcaption h3 {	
	color: #fff;
	text-align: center; text-transform: uppercase;
	font-size: 24px;
}
figcaption p {
	font-size: 20px!important;
	color: #fff; text-align: center!important;
	position: absolute;
	top: 20px;
}
a:hover figcaption {
    /*opacity: 0.8;*/
    left: 0;
    transition: all 0.7s;
}

 /****************Social Share****************/
.social-share {
	position: relative;
}
.social-share .social-wrap {
	padding: 30px 0;
	border-top: solid 1px #d9d9d9; 
	border-bottom: solid 1px #d9d9d9; 
}
.social-share .social-wrap p {
	border: none;
	padding: 0;
	color: #031d34; font-weight: 300;
	text-transform: uppercase;
	line-height: 1rem;
	text-align: center;
}
.social-share a {
	display: inline-block;
	font-size: 18px;
	color: #fff; padding-top: 3px;
	display: inline-block;
	width: 30px; height: 30px;
	text-align: center;
	background: #141414;
	border: none;
	margin-left: 5px;
	border-radius: 50%;
	-ms-border-radius: 50%;
    -webkit-transition: all 400ms ease;
     -moz-transition: all 400ms ease;
       -o-transition: all 400ms ease;
      -ms-transition: all 400ms ease;
          transition: all 400ms ease;
}
.social-share a:hover {
	background: #d22c38;
}




/********************************************************
	1. HEADER
********************************************************/

/****************Header ****************/
header {
	padding: 0; position: relative;
	z-index: 101;
}

/****************NAVBAR***************/
.navbar {
	width: 100%;
	margin: 0; 
	border: none; 
	z-index: 101;
	position: absolute;
	background: transparent;
	background-color: transparent;
	background: -moz-linear-gradient(top, rgba(0,0,0,0.95) 0%, rgba(0,0,0,0.6) 60%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(0,0,0,0.95) 0%,rgba(0,0,0,0.6) 60%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(0,0,0,0.95) 0%,rgba(0,0,0,0.6) 60%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
}

.inner-page .navbar, 
.blog-page .navbar {
	position: relative;
	background: #141414;
	padding-top: 10px;
	padding-bottom: 10px;
}

/*** Logo ***/
.navbar-header {
	display: inline-block;
}
.navbar-header .navbar-brand {
	float: none; display: block;
	position: relative;
	padding: 0; margin: 0 auto;
	height: 45px; width: 248px;
	background-image: url('../../images/header-logo.png');
	background-size: contain;
	background-repeat: no-repeat;
}
.product220 .navbar-header .navbar-brand {
	height: 80px; width: 281px;
	background-image: url('../../images/header-logo-savada.png');
}
.product221 .navbar-header .navbar-brand {
	height: 80px; width: 281px;
	background-image: url('../../images/header-logo-gramsijeva.png');
}


/* .navbar-text */
.navbar-text {
	margin-right: 20px; 
	/*padding: 0; margin: 0;*/
}

.navbar-light .navbar-text .icons a {
	font-size: 16px;
	font-weight: 300;
	color: #fff;
	margin-right: 10px;
}
.navbar-light .navbar-text a{ color: #fff; }
.navbar-light .navbar-text a.activ,
.navbar-light .navbar-text a:hover {	
}
.navbar-light .adminmenu .dropdown-menu a { color: #000; font-size: 14px; padding: 5px; display: block }
.navbar-light .adminmenu a:hover { color: #666; }
.navbar-light .adminmenu a i { padding-right: 5px; }


.navbar-text p {
	padding: 0; margin: 0;
}
.navbar-text .icons i { background: #fff; border-radius: 100%; font-size: 12px; border: solid #fff 4px; color: #141414; margin-right: 5px; }
.navbar-text .dropdown {
	margin-left: 10px;
}

.navbar-text .home { margin-right: 10px; }
.navbar-text .home a { color: #fff; font-weight: 900; text-decoration: none; text-transform: uppercase; }
.navbar-text .home i { font-size: 18px; margin-right: 10px; }

/* Lang */
.head-lang .phoca-flagbox {
	width: 33px; height: 22px;
	border: none; float: left;
	/*border-radius: 2px;
	-ms-border-radius: 2px;*/
	position: relative;
	overflow: hidden;
	display: block; 
	margin: 0 0 0 20px;
}
.head-lang .phoca-flag {
	width: 33px; height: 22px;
  position: absolute;
  top: 0; left: 0;
 	text-indent: -9999px;
	opacity: .4;
	background-position: 0 0;
	background-repeat: no-repeat;
	background-size: cover;
}
.head-lang .phoca-flag:hover,
.head-lang .phoca-flag.active {
	opacity: 1;
}
.head-lang .srb {
	background-image: url(../../images/flag_srb.png);
}
.head-lang .eng {
	background-image: url(../../images/flag_eng.png);
}

.navbar-fixed-top {
	-webkit-box-shadow: 0 4px 20px 0 #000;
	box-shadow: 0 -2px 20px 0 #000;
	background-size: auto 100%; 
	position: fixed!important;
	z-index: 1001;
	padding: 0; margin: 0;
	top: 0px;
	background: #141414!important;
	background-color: #141414!important;
	filter: none;
}	
.navbar-fixed-top .navbar-header .navbar-brand {
	height: 30px; width: 200px;
	background-position: 0 50%;	
}
.navbar-fixed-top .navbar-header .navbar-brand.product220 {
	background-image: url('../../images/header-logo-savada-small.png');
}
.navbar-fixed-top .navbar-header .navbar-brand.product221 {
	background-image: url('../../images/header-logo-gramsijeva-small.png');
}

.navbar-fixed-top .navbar-nav .nav-item {
	height: 50px;
}
.navbar-fixed-top .navbar-nav .nav-item.main-item  {
	height: 50px;
}
.navbar-fixed-top .navbar-nav .nav-link {
	font-size: 14px;
}
.navbar-fixed-top .navbar-text {
	display: none;
}


/****************Navigation****************/
header .navbar-light .navbar-nav .nav-item {
    height: 50px;
    display: table;
    padding-right: 2px;
}
header .navbar-light .navbar-nav .nav-link {
	display: table-cell;
	vertical-align: middle;
	color: #fff;
	font-size: 16px; line-height: 1.6;
	text-transform: uppercase; 
	font-weight: 900;
	padding: 0 1rem;
	position: relative;
}
header .navbar-light .navbar-nav .nav-link:hover {
	color: #d22c38;
	background: rgba(0,0,0,0.6);
}
.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link {
	color: #d22c38;
	letter-spacing: 0.05em;
	background: rgba(0,0,0,0.6);
}
.inner-page .navbar-light .navbar-nav .active>.nav-link,
.blog-page .navbar-light .navbar-nav .active>.nav-link,
.navbar-light.navbar-fixed-top .navbar-nav .active>.nav-link,
.navbar-light.navbar-fixed-top .navbar-nav .nav-link.active,
.navbar-light.navbar-fixed-top .navbar-nav .nav-link.show,
.navbar-light.navbar-fixed-top .navbar-nav .show>.nav-link {
	background: transparent;
}

header .navbar-light .navbar-nav > .nav-item > .nav-link::before {
	content: '';
	display: block; position: absolute; 
	bottom: 0; left: 30%;
	width: 0%;
	height: 5px;
	background: #d22c38;
	transition: width .3s;
}
header .navbar-light .navbar-nav > .nav-item > .nav-link:hover::before {
	width: 40%;
}
header .navbar-light .navbar-nav > .nav-item.active > .nav-link::before {
	width: 40%;
}
/* SAVADA */
.product220 .navbar-light .navbar-nav .nav-link:hover {
	color: #fed196;
}
.product220 .navbar-light .navbar-nav > .nav-item.active > .nav-link::before {
	background: #fed196;
}
.product220 .navbar-light .navbar-nav .active>.nav-link, 
.product220 .navbar-light .navbar-nav .nav-link.active,
.product220 .navbar-light .navbar-nav .nav-link.show,
.product220 .navbar-light .navbar-nav .show>.nav-link {
	color: #fed196;
}
.product220 .navbar-light .navbar-nav > .nav-item > .nav-link::before {
	background: #fed196;
}

/* GRAMSIJEVA */
.product221 .navbar-light .navbar-nav .nav-link:hover {
	color: #fed196;
}
.product221 .navbar-light .navbar-nav > .nav-item.active > .nav-link::before {
	background: #fed196;
}
.product221 .navbar-light .navbar-nav .active>.nav-link, 
.product221 .navbar-light .navbar-nav .nav-link.active,
.product221 .navbar-light .navbar-nav .nav-link.show,
.product221 .navbar-light .navbar-nav .show>.nav-link {
	color: #fed196;
}
.product221 .navbar-light .navbar-nav > .nav-item > .nav-link::before {
	background: #fed196;
}



header .navbar-light .navbar-nav > .nav-item > .dropdown-toggle::after {
	display: none;
}
header .navbar-light .navbar-nav .dropdown-menu {
	border: none;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	margin-top: 0;
}

/**** horizontal ****/
header .horizontal-dropdown {
	position: static;
}
header .horizontal-dropdown>.dropdown-menu {
	background: rgba(0,0,0,0.8);
	width: 100%!important; z-index: 1500;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    max-height: 0;
    display: block;
    overflow: hidden;
    opacity: 0;
}
header .horizontal-dropdown.show>.dropdown-menu {
    max-height: none;
    opacity: 1;
}
header .horizontal-dropdown .btnGnbClose {
	float: right;
	background: url(../../images/menu_close.png) 100% 50% no-repeat;
	width: 17px; height: 40px;
	border: none; margin-left: 30px;
	cursor: pointer;	
}

/**** submenu ****/
header .dropdown-submenu {
}
header .dropdown-submenu>.dropdown-menu {
	position: absolute;
	top: 0;
	left: 100%;
	padding: 0!important; margin: 0 0 0 20px!important;
}
header .dropdown-submenu>a:after {
	content: "";
	overflow: hidden;
	display: block;
	position: absolute;
	right: 0; top: 18px;
	background: url(../../images/gnb_arr.png) 0 0 no-repeat;
	width: 4px; height: 7px;
	border: none;   
}
header .dropdown-submenu>a:hover:after {
	background-position: 0 -7px;	
}


/**** Search ****/
header .navbar-nav.icons {
}
header .navbar-nav.icons .nav-item {	
	margin-right: 0;
}
header .navbar-light .navbar-nav .nav-icon {
	display: block;
	width: 16px;
	height: 16px;
	overflow: hidden;
	cursor: pointer;
}
header .navbar-light .navbar-nav .nav-icon.btnGnbShare {
	background: url(../../images/btn_topmenu_share.png) no-repeat;
}
header .navbar-light .navbar-nav .nav-icon.btnGnbSearch {
	background: url(../../images/btn_topmenu_search.png) no-repeat;
}

header .dropdown-menu.search-dropdown-menu {
	background: #f2f2f2;
}
header .search-dropdown-menu .searchInput input {
	width: 100%;
    border: 0px;
    font-size: 20px;
    line-height: 50px;
    height: 50px; margin: 15px 0;
    padding-left: 20px;
    padding-right: 70px;
	border-radius: 0%;
	-ms-border-radius: 0%;    
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
header .search-dropdown-menu .btnGnbSearch {
	position: absolute; right: 0;
    width: 55px; height: 50px;
    border: none; cursor: pointer;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: #fff url(../../images/btn_search.png) no-repeat center center;
}

/**** dropdown-menu ****/
header .links-dropdown-menu .dropdown-item {
	background: transparent;
	display: block;
    text-decoration: none;
    color: #767676;
    position: relative;
    line-height: 38px;	
    font-size: 14px;
    padding: 0 15px 0 0; margin: 0;
}
header .links-dropdown-menu .dropdown-item:hover {
	color: #00a1c7;
}
header .links-dropdown-menu .dropdown-item.external:after {
    content: "";
    overflow: hidden;
    display: block;
    position: absolute;
    right: 0;
    top: 15px;
    width: 7px;
    height: 7px;
    background: url(../../images/ico_gnb_newwin.png) no-repeat 0 -7px;
    font-size: 0;
    line-height: 0;
}
header .links-dropdown-menu .dropdown-item.external:hover:after {
	background-position: 0 0;
}

/**** Tabs Cars ****/
.tabs-cars .nav-item .nav-link-tab {
display: table-cell;
    vertical-align: middle;
    color: #fff;
    font-size: 16px;
    line-height: 1.6;
    text-transform: uppercase;
    font-weight: 900;
    padding: 0 1rem;
    position: relative;	
}

.tabs-cars .nav-item .nav-link-tab:hover {
	color: #fed196;
}
.tabs-cars .nav-item .nav-link-tab.active {
	background: #fff;
	color: #141414;
}
/**** tab-content ****/
.tabs-cars .tab-content .row {
}
.tabs-cars .article-thumb-wrapper {
	padding-top: 20px;
	padding-bottom: 20px;
}
.tabs-cars .article-thumb-wrapper a {
	color: #141414;
}
.tabs-cars .article-thumb-wrapper .article-thumb {
}
.tabs-cars .article-thumb-wrapper span {
	font-weight: 900;
    font-size: 20px;
    color: #141414; text-transform: uppercase;
    line-height: 1em;
    display: block;
    margin-top: 10px;
}
.tabs-cars .article-thumb-wrapper span:after {
    font-family: "Font Awesome 5 Free";
    content: "\f105";
    color: #d22c38;
    margin-left: 10px;
}


/********************************************************
	2. SLIDER
********************************************************/
.slider {
	position: relative;
}
.slider .background-img {
	z-index: 2; position: absolute;
	width: 100%; 
	height: calc(100vh - 85px);
	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 .carousel {
	position: relative;
}
.slider .carousel:after {
	content: '';
	display: block;
	position: relative;
	bottom: 0;
	z-index: 1;
	height: 15vh; margin-top: -15vh;
	background: transparent;
	background-color: transparent;
	background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.4) 60%, rgba(0,0,0,0.8) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.4) 60%,rgba(0,0,0,0.8) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.4) 60%,rgba(0,0,0,0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
}
.slider .image-animation {
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%  
}
.slider .slider-img {
    object-fit: cover;
    object-position: 50% 50%;
    height: 100%; width: 100%;
    max-width: none!important;
    margin: 0!importnat;
}
.realestate.product284 .slider .slider-img, 
.realestate.product277 .slider .slider-img {
    object-fit: contain;
    object-position: 50% 100%;
    height: 100%; width: 100%;
    max-width: none!important;
    margin: 0!importnat;
}
/* pomeri od navigacije posto ide preko slike s*/
.realestate.product284 .slider .uk-position-cover {
	background: #fff;
	top: 80px; 
}
.slider .bottom .slider-img {
    object-position: 50% 100%;
}
.slider .carousel-caption {
	width: 100%; height: 100%;
	position: absolute;
	left: 0; bottom: 0;
	z-index: 10;
	color: #fff;
}

.slider .carousel-caption .container-fluid {
	position: relative;
	margin-top: 250px;
	margin-top: 40vh;
	padding: 0;
	text-align: left;
}
.slider .carousel-caption .container-fluid .row > div {
	background-image: url(../../images/maska.png);
	background-repeat: no-repeat;
	background-size: 100% 100%; 
}
.slider .carousel-caption h2 {
	width: 100%;
	font-weight: 900;
	font-size: 72px; line-height: 1em;
	color: #fff; text-transform: uppercase;	/* #b1974e */
	margin: 0; padding: 0;
	margin-bottom: 15px;
	text-shadow: 1px 2px 3px #000;
}
.slider .carousel-caption p {
	clear: both;
	color: #fff; font-weight: 300;
	font-size: 18px; line-height: 1em;
	padding: 0; margin: 0;
	margin-bottom: 15px;
}
.slider .carousel-caption p b, 
.slider .carousel-caption p em {
	font-style: normal; font-weight: 700;
	color: #d22c38;
}
.slider .carousel-caption p.lead { 
	color: #fed296; font-size: 22px; font-weight: 700; /*  #d22c38 */
	text-shadow: 1px 1px 1px #000;
}

.slider .carousel-caption h2 > a { color: #fff; }
.slider .carousel-caption h2 > a:hover { color: #fed296; }
.slider .carousel-caption p > a { color: #fff; text-decoration: none; }
.slider .carousel-caption p > a:hover { text-decoration: underline; }


.slider .button-read-more {
	margin: 0; min-width: 200px;
	clear: both; text-align: center;
}
.slider .carousel-item {
	height: 100vh;
}

/* IP slider bottom */
.slider.inside-slider .carousel-caption h2 { font-size: 48px; line-height: 1em; }
.slider.inside-slider .carousel-caption p.lead { color: #fed296; font-size: 18px; font-weight: 500; }

.slider.inside-slider.bottom .carousel-item { height: 70vh; }
.slider.inside-slider.bottom .carousel-caption .container-fluid { margin-top: 0; margin-bottom: 100px; }
.slider.inside-slider.bottom .carousel-caption .container-fluid .row > div {	background: transparent; }
.slider.inside-slider.bottom .carousel-item .button-read-more { position: absolute; right: 10px; top: 20px;; }

/* IP slider bottom */
.slider.info-slider .carousel-item {  }
.slider.info-slider .carousel-caption .container-fluid { margin-top: 0; margin-bottom: 150px; }
.slider.info-slider .carousel-caption .container-fluid .row > div {
	padding: 40px;
	background-color: #fff;
	background-image: url(../../images/bg-home-status-left.jpg);
	background-size: auto 90%;
	background-position: 0 30px;
	background-repeat: no-repeat;
	border: solid 1px #dddddd;
	-webkit-box-shadow: 5px 3px 5px 0px rgba(0,0,0,0.53);
	-moz-box-shadow: 5px 3px 5px 0px rgba(0,0,0,0.53);
	box-shadow: 5px 3px 5px 0px rgba(0,0,0,0.53);
}

.slider.info-slider .carousel-caption h2 { font-size: 24px; color: #141414; line-height: 1em;  text-shadow: none;}
.slider.info-slider .carousel-caption h2 a { color: #141414; }
.slider.info-slider .carousel-caption p { color: #141414; font-size: 16px; line-height: 1.5em; font-weight: 300; }
.slider.info-slider .carousel-caption p.lead { color: #d22c38; text-transform: uppercase; text-shadow: none; }

.slider.info-slider.smaller .carousel-item { height: 90vh; }



/* Product slider */
.slider.product-slider .carousel-item {
	height: 100vh;
}
.slider.product-slider .slider-img {
    object-fit: cover;
    object-position: 50% 0%;
    height: 100%; width: 100%;
    max-width: none!important;
    margin: 0!importnat;
}
.slider.product-slider .carousel-fade .carousel-item.first {
	z-index: 1!important;
	opacity: 1!important;
	display: block;
}



.carousel-control-next, .carousel-control-prev { width: 7%; z-index: 10; }
.carousel-control-next-icon, .carousel-control-prev-icon {
	width: 50px; height: 50px;
	background: rgba(255,255,255,0.8);
	/*background-size: 40% 40%;*/ 
	color: #413d42;
	border: solid 1px #413d42;
	font-size: 34px;
	margin-bottom: 50px;
	position: absolute;
	bottom: 0;
}

#SearchReaEstate {
	position: absolute;
	right: 0;
	bottom: 10vh;
	left: 0;
	z-index: 15;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
	padding-left: 0;
}
#scrollFirst {
	margin-top: -40px;
	padding: 0;
	position: relative;
	z-index: 10;
}
#scrollFirst .scrolldown {
}
#scrollFirst .scrolldown i { font-size: 18px; line-height: 28px; color: #141414;  }

#scrollFirst .scrolldown a  {
  margin: 0;
  display: block;
  width: 30px; height: 30px;
  border-radius: 50%;
  background: #fed296;
  cursor: pointer;
  position:relative;
  border: 4px solid #fed296;
}

#scrollFirst .scrolldown a :after {
  content:"";
  display:block;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  border: 3px solid #fed296;
  position:absolute;
  top:-6px; left:-6px;
  animation: pulse 2s ease 0s infinite;
}

@keyframes pulse {
  0% {
      opacity: 1;
      transform: scale(1);
  }
  80% {
      opacity: 0;
      transform: scale(2);
  }
  100% {
      opacity: 0;
      transform: scale(3);
  }
}



/**
 * Change animation duration
 */
.animated {
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
}

@-webkit-keyframes fadeInText {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 20vh, 0);
    transform: translate3d(0, 20vh, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInText {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 20vh, 0);
    transform: translate3d(0, 20vh, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInText {
  -webkit-animation-name: fadeInText;
  animation-name: fadeInText;
}


/****************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: 30px;
  text-indent: -9999px;
  left: -45px;
  background-image: url(../../images/slick-prev.png);
  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);
}

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



/****************Banner****************/
#banner { 
	padding: 0; margin: 0;
	position: relative;
	height: 80vh;
	overflow: hidden;
}
#banner .article-thumb-wrapper {
}
#banner .article-thumb {
	position: absolute;
	left: 0; bottom: 0;
	z-index: 0;
	color: #fff;
}
#banner .background-img {
	z-index: 2; position: absolute;
	width: 100%; 
	height: 80vh;
	top: 0; left: 0;
}
#banner .background-video {
	z-index: 2; position: absolute;
	width: 100%; 	height: 100%;
	background: #000;
	top: 0; left: 0;
}
#banner .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;
}

#banner .top  img {
 	object-position: 50% 0%;
} 
#banner .bottom  img {
 	object-position: 50% 100%;
} 
#banner .container-fluid {
	height: 100%;
	position: relative;
	z-index: 10;
	text-align: left;
}
#banner .container-fluid .row {
	height: 100%;
	padding-bottom: 50px;
}
#banner .container-fluid .row > div {
	background-image: url(../../images/maska.png);
	background-repeat: no-repeat;
	background-size: 100% 100%; 
}
#banner h2 {
	width: 100%;
	font-weight: 900;
	font-size: 42px; line-height: 1em;
	color: #fff; text-transform: uppercase;	/* #b1974e */
	margin: 0; padding: 0;
	margin-bottom: 15px;
	text-shadow: 1px 2px 3px #000;
}
#banner p {
	clear: both;
	color: #dddddd; font-weight: 900;
	text-transform: uppercase;	/* #b1974e */
	font-size: 18px; line-height: 1em;
	padding: 0; margin: 0;
	margin-bottom: 15px;
	text-shadow: 2px 2px #000;
}
.product220 #banner p {  color: #fed296; }
.product221 #banner p {  color: #fed296; }

/********************************************************
	3. SEARCH
********************************************************/




/********************************************************
	4. CONTENT
********************************************************/

/****************General and Homepage****************/
.fadeIn {
    animation-name: fadeIn;
    -webkit-animation-name: fadeIn;
    animation-duration: 2s;
    -webkit-animation-duration: 2s;
    animation-timing-function: ease-in-out;
    -webkit-animation-timing-function: ease-in-out;
    visibility: visible!important;
}
@keyframes fadeIn {
    0% {
        transform: scale(0);
        opacity: 0
    }
    60% {
        transform: scale(1)
    }
    100%,
    80% {
        transform: scale(1);
        opacity: 1
    }
}

.content-wrapper {
	padding: 40px 0;
}

.text-primary { color: #666; }
.text-info { color: #141414; }
.text-warning { color: #d22c38; }


.row-big-title {
	color: #141414;
	font-size: 36px; font-weight: 900;  
	text-transform: uppercase;
	margin: 0 0 30px 0;
	line-height: 1;
}
.row-big-title span { color: #d22c38; font-size: 16px; font-weight: 300; display: block; margin-bottom: 10px; }
.row-big-title a { color: #141414; }
.row-big-title a:hover { color: #d22c38;  }
.row-big-title a:hover span { color: #141414;  }

.row-small-title {
	color: #141414;
	font-size: 36px; font-weight: 900;  
	text-transform: uppercase;
	margin: 0 0 30px 0;
	line-height: 1;
} 
.row-small-title:before { 
	content: ''; 
	display: inline-block;
  	margin-right: 10px; margin-bottom: 0.3em;
	width: 15px; height: 5px; 
	background: #d22c38; border-radius: 5px;
}
.row-small-title span { color: #d22c38; font-size: 16px; font-weight: 300; display: block; margin-bottom: 10px; }
.row-small-title a { color: #141414; }
.row-small-title a:hover { color: #d22c38;  }
.row-small-title a:hover span { color: #141414;  }

.product220 .row-small-title:before {  background: #fed296; }
.product221 .row-small-title:before {  background: #fed296; }

/* article-slide */

.article-slide {
	margin-bottom: 20px;
}

.page-content {
	clear: both;
	color: #333; font-size: 18px
}

.article-thumb-wrapper {
	overflow: hidden;
}
.article-thumb {
	width: 100%; height: 100%;
	display: block;
	position: relative;
}
.article-slide-desc {
	padding: 0 15px;
}
.article-slide-desc p {
	font-size: 16px; font-weight: 300; 
}
.article-slide-desc strong {
	color: #141414;
}

/**************** INNER PAGE Page****************/
.inner-page {
	background: #fff;
}

#inner-page-offer {
	padding: 0; margin: 0;
}



/****************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***********************/

#gallery-page-wrapper { 
	padding: 0;
}
#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;
	top: 25%;
}

/***************HOME PAGE***********************/

/** WELCOME **/
.home-reale-state {
	background-color: #fff;
	background-image: url(../../images/bg-home-welcome.jpg);
	background-position:  0 0;
	background-repeat: no-repeat;
	padding: 90px 0;
}
.home-reale-state .article-wrapper { height: 360px; position: relative; margin-bottom: 30px; }
.home-reale-state .article-thumb-wrapper img {
	-webkit-transition: all 900ms ease-in;
    -webkit-transform: scale(1); 
    -ms-transition: all 900ms ease-in;
    -ms-transform: scale(1); 
    -moz-transition: all 900ms ease-in;
    -moz-transform: scale(1);
    transition: all 900ms ease-in;
    transform: scale(1); 
}
.home-reale-state .article-thumb-wrapper:hover img { 
	-webkit-transition: all 900ms ease-in;
    -webkit-transform: scale(1.3);
    -ms-transition: all 900ms ease-in;
    -ms-transform: scale(1.3);   
    -moz-transition: all 900ms ease-in;
    -moz-transform: scale(1.3);
    transition: all 900ms ease-in;
    transform: scale(1.3);
}

.home-reale-state .article-thumb-wrapper {	height: 240px;  border: solid 1px #c6c6c6; }
.home-reale-state .article-slide-desc { height: 120px; padding: 15px; background: #fff; border: solid 1px #c6c6c6; }

.home-reale-state .Biger .article-thumb-wrapper { height: 360px; }
.home-reale-state .Biger .article-slide-desc { height: auto; position: absolute; right: 15px; bottom: 0; }

.home-reale-state .noimage .article-slide-desc { background: transparent!important; border: none!important; }

.home-reale-state .article-slide-desc { color: #2c2c3c;  }
.home-reale-state .article-slide-desc h5 { font-size: 24px; line-height: 1em; font-weight: 900; text-transform: uppercase; }
.home-reale-state .article-slide-desc p { margin: 1rem 0; }
.home-reale-state .article-slide-desc p.lead { font-size: 18px; font-weight: 900; text-transform: uppercase }
.home-reale-state .article-slide-desc.link span {	font-size: 24px; line-height: 1em; font-weight: 900; color: #b28e6a; display: block; text-transform: uppercase; }
.home-reale-state .article-slide-desc.link a { color: #2c2c3c; }
.home-reale-state .article-slide-desc.link a:hover { color: #d22c38; }
.home-reale-state .article-slide-desc.link a h5:after { 
	font-family: "Font Awesome 5 Free";
	content: "\f105";
	color: #d22c38;
	margin-left: 10px;
}
.home-reale-state .noimage .article-slide-desc { background: transparent; border: none; }

#home-action.home-reale-state {
	background-image: url(../../images/bg-home-action.jpg);
	background-position: 100% 100%;	
}
#home-action.home-reale-state .article-wrapper { height: 300px; position: relative; margin-bottom: 30px; overflow: hidden; }
#home-action.home-reale-state .article-thumb-wrapper { height: 300px; }
#home-action.home-reale-state .article-slide-desc { height: auto; position: absolute; right: 0; bottom: 0; margin: 0 15px; }
#home-action.home-reale-state .intro { background-image: url(../../images/hp-akcija-intro.jpg); background-repeat: no-repeat; background-size: cover;   }

#home-info-property.home-reale-state .article-slide-desc { background: #141414; border: solid 1px #141414; color: #fff; }
#home-info-property.home-reale-state .article-slide-desc h5 { color: #fff; }
#home-info-property.home-reale-state .noimage .article-slide-desc h5 { color: #141414; font-size: 30px; }
#home-info-property.home-reale-state .noimage .article-slide-desc h5:before { 
	content: ''; 
	display: inline-block;
  	margin-right: 10px; margin-bottom: 0.3em;
	width: 15px; height: 5px; 
	background: #fed296; border-radius: 5px;
}

#home-info-property.home-reale-state .article-slide-desc p { margin: 1rem 0; }
#home-info-property.home-reale-state .article-slide-desc.link span {	color: #fed296; display: block; text-transform: uppercase; }
#home-info-property.home-reale-state .article-slide-desc.link a { color: #fff; text-transform: uppercase; }
#home-info-property.home-reale-state .article-slide-desc.link a:hover { color: #fed296; }

#ip-action.home-reale-state .article-wrapper { height: 360px; position: relative; margin-bottom: 30px; }
#ip-action.home-reale-state .article-thumb-wrapper {	height: 240px;  border: solid 1px #c6c6c6; }
#ip-action.home-reale-state .article-slide-desc { height: 80px; padding: 15px; background: #fff; border: solid 1px #c6c6c6; }
#ip-action.home-reale-state .article-slide-desc h5 { 
	font-size: 18px; line-height: 20px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
 }

/** CALL **/
.home-call {
	margin: 0; padding: 0 15px;
	background: #000;
}
.home-call .article-thumb-wrapper {
	display: block;
	overflow: hidden;
	height: 400px;
	height: 70vh;
	opacity: 0.3;
}
.home-call .container-fluid {
	position: relative;
}
.home-call .article-slide-desc {
	position: absolute;
	bottom: 15vh; left: 0;
	padding: 10vh 30px; margin: 0 auto;
	color: #fff;
	width: 100%;
}
.home-call .bg-red { 
	background: #d22c38; font-weight: 300;
	margin-right: 15px;
	padding: 10px 20px 0 20px;
	text-transform: uppercase; text-align: center;
}
.home-call .bg-red span {	font-size:  40px; font-weight: 900;}

.home-call .row-big-title { color: #fff; font-size: 64px; margin: 0; padding: 0;  }
.home-call .row-big-title span { color: #fff; }
.home-call .row-big-title a { color: #fff; }
.home-call .row-big-title a:hover { color: #d22c38;  }
.home-call .row-big-title a:hover span { color: #d22c38;  }

.home-call .article-desc { color: #fff; }
.home-call .article-desc h3 { color: #fff; text-transform: uppercase }
.home-call .article-desc p { color: #fff; font-weight: 300; }

#home-contact.home-call {
	border-top: solid 1px #c6c6c6;
}
#home-contact.home-call .article-thumb-wrapper {
	height: 60vh;
}
#home-contact.home-call .article-slide-desc {
	bottom: 10vh;
}

#home-contact.home-call .button-read-more {
}


/** MAPS **/
#home-maps {
	margin: 0; padding: 0;
	display: block;
	overflow: hidden;
	background: #141414;
}
#home-maps .article-contain {
	margin: 0; padding: 0;
	display: block;
	overflow: hidden;
	height: 90vh;
}
#home-maps .img-contain {}
#map-canvas { height: 80vh; width: 100%; overflow: hidden; }

#home-maps .article-slide-desc { border-left: solid 1px #fed296; margin: 40px 0; }
#home-maps h4 { font-size: 16px; color: #fff; text-transform: uppercase }
#home-maps p { font-size: 16px; color: #fff; text-transform: uppercase }

#home-maps h5 { font-size: 22px; color: #141414; text-transform: uppercase }
#home-maps .lead { font-size: 18px; color: #141414; }
	
/* STATUS */
#home-status {
	margin: 0; padding: 60px 0;
	background-color: #fff;
	background-image: 
		url(../../images/bg-home-status-left.jpg)
		, url(../../images/bg-home-status-right.jpg);
	background-size: 
		auto 90%
		, auto 50%; 
	background-position: 
		0 30px
		, 100% 0;
	background-repeat: 
		no-repeat
		, no-repeat;
}
#home-status .infografic {
	margin: 70px 0;
}
#home-status .infografic .line { 
	background: #f3f3f3; color: #898989; 
	font-size: 20px; font-weight: 900; 
	margin: 10px 0;
}
#home-status .infografic .line.active { background: #fed296; color: #141414 }
#home-status .infografic .line.done { background: #141414; color: #fed296; }

#home-status .infografic .line .icon {
	background-image: url(../../images/status_bg.png);
	background-position: center;
	/*background-size: auto 100%;*/
	background-size: contain;
	background-repeat: no-repeat;
	position: relative;
	overflow: visible;
} 
#home-status .infografic .line .icon:before {
	content: "";
	position: absolute;
	top: 0; left: 0;
	width: 100%; height: 100%;  
	background-position: center;
	/*background-size: auto 100%;*/
	background-size: contain;
	background-repeat: no-repeat;
	opacity: .4;
}
#home-status .infografic .line.fifth .icon:before {
	background-image: url(../../images/status_icon_5.png);
}
#home-status .infografic .line.fourth .icon:before {
	background-image: url(../../images/status_icon_4.png);
}
#home-status .infografic .line.third .icon:before {
	background-image: url(../../images/status_icon_3.png);
}
#home-status .infografic .line.second .icon:before {
	background-image: url(../../images/status_icon_2.png);
}
#home-status .infografic .line.first .icon:before {
	background-image: url(../../images/status_icon_1.png);
}

#home-status .infografic .line.active .icon {
	background-image: url(../../images/status_bg_active.png);
}
#home-status .infografic .line.done .icon {
	background-image: url(../../images/status_bg_done.png);
}
#home-status .infografic .line.active .icon:before,
#home-status .infografic .line.done .icon:before {
	opacity: 1;
}
#home-status .infografic .line .number {
	height: 100px;
}
#home-status .infografic .line .number span {
	display: block; margin: 0 auto;
	margin-top: 45px;
	font-size: 74px; color: #c8c8c8;
	font-weight: 900; text-align: center;
	z-index: 100; position: relative;
}
#home-status .infografic .line .number:before {
	content: "";
	position: absolute;
	top: -61px; left: 0;
	width: 100%; height: 222px;  
	background-image: url(../../images/status_number_bg.png);
	background-position: center;
	background-size: auto 100%;
	background-repeat: no-repeat;
	z-index: 3;
}
#home-status .infografic .line.active .number span { color: #fff; }
#home-status .infografic .line.active .number:before {
	background-image: url(../../images/status_number_bg_active.png);
	z-index: 2;
}
#home-status .infografic .line.done .number span { color: #fed296; }
#home-status .infografic .line.done .number:before {
	background-image: url(../../images/status_number_bg_done.png);
	z-index: 1;
}
#home-status .infografic .line .info {	text-transform: uppercase; }
#home-status .infografic .line .info p { font-size: 16px; font-weight: 300; }
#home-status .infografic .line .info i { font-size: 22px; margin-right: 10px;}
#home-status .infografic .line .info .button-read-more { float: right; }

#home-status .infografic .line.active .info .button-read-more { float: right; }


/***************PRODUCT PAGE***********************/
/* Product list */
#product-wrapper {
	padding: 40px 0;
}
.product-wrapper {
	margin-bottom: 70px;
}
.product-wrapper .article-thumb-wrapper {
	position: relative;
}
.product-wrapper .article-thumb-wrapper .icon {
	position: absolute;
	background: #d22c38;
	color: #fff;
	display: inline-table;
	padding: 2px 5px;
	z-index: 10; text-transform: uppercase;
}
.product-wrapper .article-thumb-wrapper .icon.status0 {background: #d22c38;}
.product-wrapper .article-thumb-wrapper .icon.status1 {background: #5cb85c;}
.product-wrapper .article-thumb-wrapper .icon.status-1 {background: #d22c38;}
.product-wrapper .article-thumb-wrapper .icon.status-2 {background: #d22c38;}
.product-wrapper .article-thumb-wrapper .icon.status-3 {background: #00aad2;}

.product-wrapper .article-thumb-wrapper .button-read-more:hover,
.product-wrapper .article-thumb-wrapper:hover .button-read-more {
	/*animation-name: fadeIn;
	animation-duration: 1s;*/
	transition: width .3s;
	opacity: 1;
}
.product-wrapper .button-read-more {
	margin: 0 auto;
	position: absolute;
	top: 150px; left: 50px; z-index: 1;
	opacity:0;
}
.product-wrapper .article-thumb {
	height: 20vw;
	background-image: url(../../images/product-wrapper-bg.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;  
}
.product-wrapper .article-thumb:hover {
	background-image: url(../../images/product-wrapper-bg-active.jpg);
}
.product-wrapper .article-thumb img {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}
.product-wrapper .article-slide-desc {
	padding-top: 15px;
	height: 120px; text-align: center;
}
.product-wrapper .article-slide-desc h3 {
	font-size: 28px; color: #141414; text-transform: uppercase;
}
.product-wrapper .article-slide-desc h3 a { color: #141414; }
.product-wrapper .article-slide-desc h3:after {
    content: '';
    display: block;
    width: 10px;
    height: 7px;
    background: #fed296;
    margin: 0px auto 0 auto;
    transition: width .3s;
    border-radius: 3px; 
}
.product-wrapper .article-slide-desc h3:hover:after {
    width: 70px;
}
.product-wrapper .article-slide-desc p {
	font-size: 16px; font-weight: 900;
	color: #141414; text-transform: uppercase;
}
.product-wrapper .article-slide-desc p span {
	text-transform: none;
}

.inner-page .product-wrapper .article-thumb {
	height: 70vh;
	background-image: url(../../images/product-wrapper-bg-strong.jpg);
}

.product-inner-page .home-reale-state {
	padding: 30px 0;
}
.product-inner-page .home-reale-state .article-wrapper { height: auto; }
.product-inner-page .home-reale-state .article-thumb-wrapper {	height: auto; border: none;  }
.product-inner-page .home-reale-state .article-thumb-wrapper .article-thumb {	height: 50vh; }
.product-inner-page .home-reale-state .article-slide-desc { height: auto; padding: 15px; background: transparent; border: none; }

#product-info-property.home-reale-state .article-thumb { height: 80vh; }
#product-info-property.home-reale-state .article-thumb img {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}
#product-info-property.home-reale-state .article-thumb:hover img { 
	-webkit-filter: grayscale(0%);
	filter: grayscale(0%);
	-webkit-transform: scale(1);
	-ms-transform: scale(1);   
	-moz-transform: scale(1);
	transform: scale(1);
}
.product-inner-page .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;
}
.product-inner-page table {	width: 100%; border: none; }
.product-inner-page .thead {
	text-transform: uppercase;
	border-bottom: solid 1px #fed296;
	color: #141414; font-size: 18px; font-weight: 900;
	padding-bottom: 10px; margin-bottom: 0;
}
.product-inner-page .tfoot {
	text-transform: uppercase;
	color: #141414;
	font-size: 16px;
	font-weight: 900;
	text-align: right;
}
.product-inner-page table td {
	color: #141414; font-size: 16px;
	border-bottom: solid 1px #fed296;
	padding: 15px 0;
	vertical-align: top;
}
.product-inner-page tr > td:nth-child(1) { 
	text-align: center; 
	width: 30px; z-index: 2;
	position: relative;
}
.product-inner-page tr > td:nth-child(1):before {
	content: '';
	display: block; 
	position: absolute; 
	left: 0; top: 11px; z-index: -1;
	border-radius: 50%;
	width: 30px; height: 30px;  		
	background: #fed296;
}
.product-inner-page tr > td:nth-child(2) { text-align: left; padding-left: 10px; }
.product-inner-page tr > td:nth-child(3) { text-align: right; 	font-weight: 300; }

#product-info-property.home-reale-state tr > td:nth-child(3):after {
	content: ' m2';
	font-size: 14px;
}
#product-info-property.home-reale-state table td { padding-top: 10px; padding-bottom: 10px; }
#product-info-property.home-reale-state tr > td:nth-child(1):before { top: 7px; }

/***************INNER PAGE***********************/


/*Blog Slider */




/** WELCOME **/
#ip-welcome {}
#ip-welcome .article-slide-desc .col:nth-child(odd) { padding-right: 45px; }
#ip-welcome .article-slide-desc .col:nth-child(even) { padding-left: 45px; }
#ip-welcome .article-slide-desc p { line-height: 2em;}
#ip-welcome .article-slide-desc .row > div { text-align: justify; padding: 0  30px 0 15px; }
#ip-welcome .article-slide-desc .row > div:nth-child(even) { padding: 0 15px 0 30px; border-left: solid 1px #ccc; }


#ip-welcome .icons { margin-top: 60px;  }
#ip-welcome .icons .icon { margin-bottom: 50px; }
#ip-welcome .icons .article-thumb-wrapper { height: 80px; width: 50%; float: left; }
#ip-welcome .icons .article-thumb { height: 80px; display: block }
#ip-welcome .icons .article-desc { height: 100%; width: 50%; float: left; }
#ip-welcome .icons .article-desc p { color: #031d34; margin: 0; line-height: 1em; }
#ip-welcome .icons .article-desc p:first-child { text-transform: uppercase; font-weight: 700; margin-bottom: 10px;}
#ip-welcome .icons p a { color: #031d34; }
#ip-welcome .icons p a:hover { text-decoration: underline;}


/** INFO **/
#ip-info {
	padding: 0; margin: 0;
	background-image: url(../../images/body-bg-half.png);
	background-position: 0 100%;
	background-repeat: no-repeat;
	background-size: 80% auto; 
	margin-bottom: -50px;
}
#ip-info .container-fluid .row {
	padding: 150px 0 0 0;
}

#ip-info .article-thumb-wrapper {
	padding: 0;
	overflow: visible;
	-webkit-box-shadow: 0px 0px 45px -3px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 45px -3px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 45px -3px rgba(0,0,0,0.75);	
}
#ip-info .article-thumb-wrapper:before {
	content: '';
	position: absolute; right: -7px;
	width: 14px; height: 100%;
	background-image: url(../../images/arrow-bg-vertical.png);
	background-position: 0 0;
	background-repeat: no-repeat;
}
#ip-info .article-thumb-wrapper.order-last:before {
	left: -7px; right: auto;
}

#ip-info .article-slide-desc {
	padding: 100px 10vw 0 5vw;	
}
#ip-info .article-slide-desc.order-last {
	padding: 50px 15px 0 15px;	
}

/** RENT **/
#ip-rent {
	background-color: #208ccc;
	background-image: url(../../images/body-bg-half-blue.png);
	background-position: 0 100%;
	background-repeat: no-repeat;
	background-size: 80% auto; 
	padding: 100px 0;
}

#ip-rent .row-big-title { font-size: 26px;  color: #fff;  }
#ip-rent .row-big-title:after { background: #031d34; }
#ip-rent .row-big-title span { font-size: 26px;  color: #fff;  }
#ip-rent .intro {	
	margin-bottom: 30px; text-align: center;
}
#ip-rent .intro p { color: #fff; }

#ip-rent .article-box {
	position: relative;
	margin-bottom: 30px;
}
#ip-rent .article-box .article-thumb {
	height: 250px;
	display: block;
}
#ip-rent .article-box .article-slide-desc {
	background: #031d34;
	height: 150px; padding: 15px;
}
#ip-rent .article-box.active .article-slide-desc { background: #208ccc; }
#ip-rent .article-box h3 {
	font-weight: 700; color: #fff;
	font-size: 16px; text-transform: uppercase;
}
#ip-rent .article-box h3 span {	
	display: block; font-weight: 500;
}
#ip-rent .article-box h3 a { color: #fff; }
#ip-rent .article-box h3 a:hover { color: #208ccc; }
#ip-rent .article-box p { color: #fff; font-size: 14px; text-transform: uppercase  }
#ip-rent .article-box .date { color: #208ccc; }

#ip-rent .article-box .read-more {
	display: none;
	background: rgba(3,29,52, 0.75);
	position: absolute; top: 0;
	width: 100%;
		-webkit-transition: all 400ms ease;
  -moz-transition: all 400ms ease;
	 -o-transition: all 400ms ease;
	-ms-transition: all 400ms ease;
		 transition: all 400ms ease;
}
#ip-rent .article-box:hover  .read-more  { display: block; }
#ip-rent .article-box .read-more .article-thumb {
	vertical-align: baseline;
	padding: 15px;
}
#ip-rent .article-box .read-more .article-slide-desc span {
	display: block; font-size: 14px;
}
#ip-rent .article-box .read-more .article-slide-desc span:before {
	content: ''; 
	background: #208ccc;
	display: block; float: left;
	width: 5px; height: 5px;
	margin: 7px 7px  0 0 ;
}

/* contact-offer-page */
.contact-offer-page #ip-rent {
	margin: 0; padding: 0;
	display: block; position: relative;
	overflow: hidden;
	margin-top: -70vh; z-index: 10;
	background: transparent;
}
/* contact header */
.contact-offer-page #ip-rent .page-header .row-big-title {
	color: #fff;
	font-size: 26px; font-weight: 700;  line-height: 1em; 
	text-transform: uppercase;
	border-bottom: solid 1px #cccccc; 
	text-align: left;
}
.contact-offer-page #ip-rent .row-big-title:after { margin: 20px auto 0 0; background: #208ccc; }
.contact-offer-page #ip-rent .page-header .lead { color: #fff; }
/* contact location */
.contact-offer-page #ip-rent .page-location {
	margin-bottom: 40px;
}
.contact-offer-page #ip-rent .location .article-box {
	display: block;
	background: transparent;
	border: none;
	border-radius: 5px;
	padding: 7px; margin: 0;
	height: 100%;
}
.contact-offer-page #ip-rent .location .article-box .row {
	background: #031d34;
	color: #fff; margin: 0;
	height: 100%;
}
.contact-offer-page #ip-rent .location .article-box h3 { font-size: 24px; }
.contact-offer-page #ip-rent .location .article-box a {	color: #fff; }
.contact-offer-page #ip-rent .location .article-box a:hover {	color: #208ccc; }
.contact-offer-page #ip-rent .location .article-box .article-thumb { height: 100%; padding: 10px; }
/*active*/
.contact-offer-page #ip-rent .location.active .article-box { background: rgba(78, 34, 0, 0.3); border: solid 1px #208ccc; }
.contact-offer-page #ip-rent .location.active .article-box .row { background: #208ccc; }
.contact-offer-page #ip-rent .location.active .article-box a:hover {	color: #031d34; }


/****************Category Page****************/
#category-call {
	background: url(../../images/category-call.png) 0 0 repeat;
	padding: 30px 0;
	margin: 0;
}
#category-call .article-slide-desc {
	text-align: left;
}
#category-call .article-slide-desc p {
	color: #666; 
	font-size: 16px;
}

#category-wrapper .row-small-title {
	color: #141414;
}
#category-wrapper .desc-title {
	font-size: 30px;
	color: #888;
	line-height: 20px;
}
#category-wrapper .desc-title h2 { margin-top: 0; }
#category-wrapper .desc-title i { margin: 0 10px 0 20px; }
#category-wrapper .desc-title span { color: #bf9441 }

/****************General Lis Page****************/
#shop-page-wrapper {
	margin: 60px; padding: 0;
}
#shop-page-wrapper.with-banner { 
	margin-top: 0; margin-bottom: 20px;
	z-index: 10;
	position: relative;
	background-image: url(../../images/bg-stars-space.png);
	background-position: 50vw -350px;
	background-repeat: repeat-y;
}
#shop-page-wrapper.with-banner .container-fluid { 
	top: -100px;
	top: -10vw;
	margin-top: 0;
	padding: 15px 45px;
	z-index: 10;
	position: relative;
	background: #fff;
	border-radius: 5px;
	-ms-border-radius: 5px; 
	min-height: 200px;
}


/****************General Lis Page****************/
#page-wrapper {
}


/****************News/Blog Page****************/

.news-wrapper {
	background-color: #fff; 
	padding: 0;
}
.news-wrapper .row-big-title {
	position: absolute;
	top: -90px;
}
.news-wrapper .news {
	background-image: url(../../images/bg-news.jpg);
	background-position: 0 50%;
	background-repeat: no-repeat;	
	border: 1px solid #c6c6c6;
	margin: 30px 0;
}
.news-wrapper .article-thumb-wrapper {
	max-height: 25vw; padding: 0;
}

.news-wrapper .article-slide-desc {
	padding: 30px 45px;
}
.news-wrapper h3 {
	font-weight: 900; color: #141414;
	font-size: 24px; text-transform: uppercase;
	margin-bottom: 30px;
}
.news-wrapper  h3 a { color: #141414;  }
.news-wrapper  h3 a:hover { color: #d22c38; }
.news-wrapper .date { color: #d22c38; font-size: 16px; font-weight: 900; text-transform: uppercase }
.news-wrapper .article-slide-desc p { text-align: justify; line-height: 1.5em; }

.news-wrapper.smaller .article-thumb-wrapper {	max-height: 15vw; padding: 0; }
.news-wrapper.smaller .article-slide-desc { padding: 15px 20px; }
.news-wrapper.smaller h3 { margin-bottom: 20px; }
.news-wrapper.smaller .article-slide-desc .button-read-more { margin-top: 0; }

/****************Product Page****************/

#slick-product-nav {
	height: 150px;
}
#slick-product-nav .slick-slide {
	padding: 0 1px;
}
#slick-product-nav .article-thumb {
	height: 150px;
	display: block;
	overflow: hidden;
}
#slick-product-for {
	height: 600px;
	height: 70vh;
}
#slick-product-for .article-thumb {
	height: 600px;
	height: 70vh;
	display: block;
	overflow: hidden;
}
#product-page-wrapper {
	padding-top: 0;
}
#product-page-wrapper .main {
	padding-bottom: 40px; margin-bottom: 20px;
	border-bottom: solid 1px #d3c9bf;
}

#side-nav {
	z-index: 100;
	width: 150px;
	position: fixed;
	right: 0; bottom: 100px;
}
#side-nav .list-group-item {
	margin: 1px 0;
}
#side-nav .list-group a {
	border: none;
	padding: 10px;
	font-size: 14px; line-height: 22px;
	text-transform: uppercase;
	font-weight: 500;
	color: #22262f;
	background: #d3c9bf;
}
#side-nav .list-group a:hover {
	/*text-decoration: underline;*/
	background: #fff;
}
#side-nav .list-group a::before {
	font-family: 'Font Awesome 5 Free';
	font-size: 22px;
	content: "\f0d9";
	padding: 0 5px;
	color: #22262f; margin-right: 10px;
}
#side-nav .list-group .fa { color: #22262f; font-size: 20px; }

/* TABS */
.nav-tabs {
	margin-bottom: -1px;
	z-index: 1;
}

.nav-tabs .nav-link {
	text-align: center;
	background: transparent;
	color: #abacae;
	margin-right: 10px;
	border: #fff;
		font-weight: 700;
	font-size: 16px;
	padding: 15px;
	text-transform: uppercase 
}
.nav-tabs .nav-link:hover {
	background: transparent;
	color: #2d313a;
}
.nav-tabs .nav-link.active,
.nav-tabs .nav-link.active:hover,
.nav-tabs .nav-link.active:focus {
	background: transparent;
	border-color: #fff;
	border-bottom: solid 2px #2d313a;
	color: #2d313a;
}
.tab-content {
	padding: 15px;
	background: #fff;
	border: solid 1px #c6c6c6;
	border-top: none;
	border-radius:  0px;
	color: #cbcdcd;
}
.tab-content .tab-pane {
	width: 100%;
}
/****************Product & Category Page****************/

#category-page-wrapper {
	padding: 0px; margin-bottom: 45px;
}
#category-page-wrapper.with-banner { 
	margin-top: 0; margin-bottom: 20px;
	z-index: 10;
	position: relative;
	background-image: url(../../images/bg-stars-space.png);
	background-position: 50vw -350px;
	background-repeat: repeat-y;
}
#category-page-wrapper.with-banner .container-fluid { 
	top: -100px;
	top: -10vw;
	margin-top: 0;
	padding: 15px 45px;
	z-index: 10;
	position: relative;
	background: #fff;
	border-radius: 5px;
	-ms-border-radius: 5px; 
	min-height: 200px;
}





/****************Inner Page****************/
.breadcrumbs {
	background-color: #343b43;
	padding: 65px 0 57px;
}

.breadcrumbs .container-fluid {
	padding: 0;
}

.breadcrumbs a {
	color: #c3d4df;
	display: inline-block;
	font-size: 20px;
	position: relative;
	top: -3px;
	-webkit-transition: opacity 300ms ease;
     -moz-transition: opacity 300ms ease;
       -o-transition: opacity 300ms ease;
      -ms-transition: opacity 300ms ease;
          transition: opacity 300ms ease;
}

.breadcrumbs a:hover {
	opacity: .7;
}

.breadcrumbs a:after {
	content: '>';
	display: inline-block;
	margin: 0 8px;
}

.breadcrumbs p {
	width: 210px;
	display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 20px;
    margin-bottom: 0;
    line-height: 1;
    color: #fff;
}

#inner-page-wrapper {
	padding: 0 0 40px 0;
}

#page-header {
	margin: 0; padding: 0;
	position: relative;
}

#page-header .article-slide-desc {
	padding: 20px 15px; 
}
#page-header .date { color: #d22c38; font-weight: 900; text-transform: uppercase }
#page-header .date strong { color: #d22c38; }

.product220 #page-header .date { color: #fed296; }
.product220 #page-header .date strong { color: #fed296; }
.product221 #page-header .date { color: #fed296; }
.product221 #page-header .date strong { color: #fed296; }

#page-header .row-small-title {  }
/*#page-header .row-small-title:before { background: #d22c38;  }*/
#page-header .lead {
	color: #141414; 
	padding: 0; font-size: 16px;
	font-weight: 400; line-height: 2em;
}

.main h2,
.main h3,
.main h4 {
	text-transform: none;
	margin: 45px 0 30px 0; 
}

.main h2  {
	color: #141414; font-weight: 900;
	font-size: 24px;  
	text-transform: uppercase;
	margin: 60px 0 30px 0;
	line-height: 1;
	text-align: left;
}
.main h2 span { color: #d22c38; font-weight: 300; }
.main h2 a { color: #141414; }
.main h2 a:hover { color: #d22c38;  }
.main h2 a:hover span { color: #141414;  }

.main h3 { color: #d22c38; font-size: 20px; text-transform: uppercase;}
.main h4 { color: #141414; font-size: 18px; }

.main .snippet-image {  padding: 0; margin-bottom: 40px; }
.main .snippet-image img.img-fluid { border: solid 4px #c6c6c6; }

.main .snippet-image .article-thumb { display: block; overflow: hidden; padding: 0; margin: 0; }
.main .snippet-image.left { padding-right: 30px; float: left }
.main .snippet-image.right { padding-left: 30px; float: right }
.main .article-thumb-wrapper.snippet-image.center { 
	overflow: hidden;
	position: relative;
	display: block; height: 50vh;
}
.main .article-thumb-wrapper.snippet-image.center .article-thumb { 
	height: 100%; width: 100%;
	display: block;
	overflow: hidden;
}
.main .snippet-image figure { margin: 0; }
	

.main .snippet-image.none { 
	background: transparent;
	border: none;
	border-radius: 0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	margin-bottom: 40px;
	padding: 0;
}
.main .snippet-image.logo { 
	padding: 15px 0 15px 15px;
	-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
}
.main .snippet-image.logo:hover { 
	-webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
    filter: grayscale(0%);
}
.main figcaption {
	background-color: rgba(255, 255, 255, 0.75);
}
.main figcaption.video {
	padding-top: 25%;
}
.main figcaption.video .fa { font-size: 60px; color: #22262f; }
.main .snippet-image p { color: #141414; margin: 0!important; padding: 10px 0; }
.main .snippet-image p a { color: #d22c38; }
.main .snippet-image figcaption p {
	color: #141414; margin: 0; padding: 15px 10px; 
}

.main .snippet-big { 
	margin-top: -30px;
	padding: 0;
}

.main .date {
	margin: 15px 0; display: inline-table;
	padding: 5px 10px;
	color: #d22c38; font-size: 18px;
	text-transform: uppercase;
}
.main .page-content .lead {
	color: #141414; 
	padding: 0; font-size: 18px;
	font-weight: 400;
}

.main {
	color: #141414; font-weight: 300;
	font-size: 16px;
}

.main p {
	margin-bottom: 15px;
	margin-top: 15px;
	color: #141414; 
	font-size: 16px; line-height: 2em;
	text-align: justify;
}
.main p strong { font-weight: #d22c38; }
.main .custom { font-weight: 900; color: #d22c38 }

.main .dl-horizontal {
	margin-bottom: 15px;
	margin-top: 15px;
}
.main dt,.main dd {
	font-size: 16px;
	margin-bottom: 5px;
}

.main dt {	}

.main p > a:not([class]) { color: #141414; font-weight: 300; text-decoration: underline; } 
.main p > a:not([class]):hover { color: #141414; text-decoration: none; } 

.main p > a.wtm { color: #141414; font-weight: 300; text-decoration: none;} 
.main p > a.wtm:hover { color: #141414; text-decoration: none; } 
.main p > a.wtm i { margin-right: 10px; } 


.main strong,
.sidebar strong {
	font-weight: 900;
}

.main .page-content ul {
	list-style: none;
	padding: 0;
	margin-top: 30px;
	margin-bottom: 30px;
	margin-left: 0;
}

.main .page-content ul li  {
	margin-left: 0;
	margin-bottom: 5px;
	position: relative;
	color: #141414; font-size: 16px;
}
.main .page-content ul li::before  {
	content: ''; display: block; float: left;
	width: 10px; height: 10px;
	background: #d22c38;
	border-radius: 50%; 
	margin: 8px 20px 0 0;
}
.main .page-content ul li ul {
	margin-top: 10px;
	margin-bottom: 30px;
}
.main .page-content ul li ul li  {
	margin-bottom: 10px;
	position: relative;
	padding-left: 25px;
	color: #031d34; font-size: 16px;
}
.main .page-content ul li ul li::before  {
	content: ''; display: block; float: left;
	width: 10px; height: 10px;
	background: #031d34;
	margin: 8px 30px 0 0;
}

.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
}

.main table,
.main th {
	border-collapse: collapse;
	border-bottom: solid 1px #d22c38;
}
.main table {
	margin-bottom: 40px;
	margin-top: 40px;
	width: 100%;
}
.main th,
.main td {
	border-collapse: collapse;
	/*padding: 10px;*/
	border-bottom: solid 1px #dddddd;
}
.main table tr  {
}
.main td {
	vertical-align: baseline;
	color: #141414; font-size: 16px;  
}
.main td p {
	margin: 0; padding: 5px 0;
	color: #141414; font-size: 16px; 
}
.main table td strong{
	color: #141414; font-size: 16px;
	font-weight: 900; text-transform: uppercase;
}
.main table td a {
	color: #d22c38; font-size: 16px;
}
.main table td a:hover {
	color: #141414;
}

table > tbody > tr:nth-of-type(even) {
  background-color: transparent;
}
table > tbody > tr:nth-of-type(odd) {
  background-color: transparent;
}
table > thead > tr > th {
	background: transparent;
	text-transform: uppercase;
	border-bottom: solid 1px #d22c38;
	color: #141414;
	font-size: 16px;
}
table > tr:first-child {
}



.main .blockquote {
	margin: 45px 0;
	/*padding: 30px 30px 30px 60px;*/
	border: none; border-radius: 0; 
	color: #d22c38;
	font-size: 36px; font-weight: 900;
	font-style: italic;
}
.main .blockquote p {
	color: #d22c38;
	font-size: 16px; font-weight: 300;
	text-align: right;
}
.main .blockquote strong {
	color: #d22c38;
	font-size: 16px; font-weight: 900;
}

.main .jumbotron {
	background-color: #f3f3f3;
	padding: 30px;
	border: solid 1px #c6c6c6;
	border-radius: 0; 
	font-weight: 900;
	font-size: 18px;
}
.main .jumbotron p {}


/* forms */
.page-form {}

.form-group .g-recaptcha > div {
	margin: 0 auto!important;
}

.page-form .form-control {
	background-color: #fff;
	border: none;
	border-bottom: solid 1px #141414;
	outline: 0; 
  	-webkit-box-shadow: none;
 	box-shadow: none;
 	color: #141414; /*opacity: 0.55;*/
	font-size: 16px; 
	border-radius: 0px;
	padding: 5px 10px;
	margin-bottom: 15px;
	font-weight: 300;
}
.page-form .form-control:focus {
	opacity: 1;
}
.page-form textarea.form-control {
	height: 150px;
}

.form-control::-moz-placeholder, 
.form-control:-ms-input-placeholder, 
.form-control::-webkit-input-placeholder {
  background-color: transparent;
    background-image: none;
    color: rgba(0, 0, 0, 0.9);
}
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
    background-color: transparent;
    background-image: none;
    color: rgba(0, 0, 0, 1);
}

.form-group label { color: #141414; font-weight: 300; font-size: 16px; text-transform: uppercase }
.form-group p:not([class]) { color: #141414; padding: 0; margin: 0; font-size: 16px;  }
.form-group p.red { color: red; font-size: 14px;  }
.form-group a { color: #141414; text-decoration: underline; }
.form-group a:hover { text-decoration: none; }

/* select */
.btn-select {
    position: relative;
    padding: 0;
    min-width: 50px;
    width: 100%;
    border-radius: 0;
	 border: none;
	border-bottom: solid 1px #000;
    margin-bottom: 20px;
}

.btn-select .btn-select-value {
    padding: 10px 12px;
    display: block;
    position: absolute;
    left: 0;
    right: 34px;
    text-align: left;
    text-overflow: ellipsis;
    overflow: hidden;
    border-right: none !important;
    border-top: none !important;
    border-bottom: none !important;
    border-left: none !important;
}

.btn-select .btn-select-arrow {
    float: right;
    line-height: 20px;
    padding: 10px 10px;
    top: 0;
    background: transparent !important;
    border: none !important;
}

.btn-select ul {
    display: none;
    background-color: white;
    color: black;
    clear: both;
    list-style: none;
    padding: 0;
    margin: 0;
    border-top: none !important; 
    position: absolute;
    left: -1px;
    right: -1px;
    top: 41px;
    z-index: 999;
    max-height: 33vh; overflow-y: scroll; overflow-x: hidden;    
}

.btn-select ul li {
    padding: 3px 6px;
    text-align: left;
}

.btn-select ul li:hover {
    background-color: #f4f4f4;
}

.btn-select ul li.selected {
    color: white;
}

/* Default Start */
.btn-select.btn-default:hover, .btn-select.btn-default:active, .btn-select.btn-default.active {
    border-color: #ccc;
}

.btn-select.btn-default ul li.selected {
    background-color: #ccc;
}

.btn-select.btn-default ul, .btn-select.btn-default .btn-select-value {
    background-color: white;
    border: #ccc 1px solid;
}

.btn-select.btn-default:hover, .btn-select.btn-default.active {
    background-color: #e6e6e6;
}
/* Default End */

/* Primary Start */
.btn-select.btn-primary {
    border-color: #fff!important;
    background: transparent;
    color: #fff;
}
.btn-select.btn-primary:hover, .btn-select.btn-primary:active, .btn-select.btn-primary.active {
    border: none ;
}

.btn-select.btn-primary ul li.selected {
    background-color: transparent;
    color: white;
}

.btn-select.btn-primary ul {
    border: none;
}

.btn-select.btn-primary .btn-select-value {
    background-color: transparent;
    border: none;
}

.btn-select.btn-primary:hover, .btn-select.btn-primary.active {
    background-color: transparent;
}
/* Primary End */

/* Success Start */
.btn-select.btn-success:hover, .btn-select.btn-success:active, .btn-select.btn-success.active {
    border-color: #22262f;
}

.btn-select.btn-success ul li.selected {
    background-color: #22262f;
    color: white;
}

.btn-select.btn-success ul {
    border: #22262f 1px solid;
}

.btn-select.btn-success .btn-select-value {
    background-color: #5cb85c;
    border: #22262f 1px solid;
}

.btn-select.btn-success:hover, .btn-select.btn-success.active {
    background-color: #22262f;
}
/* Success End */

/* info Start */
.btn-select.btn-info:hover, .btn-select.btn-info:active, .btn-select.btn-info.active {
    border-color: #46b8da;
}

.btn-select.btn-info ul li.selected {
    background-color: #46b8da;
    color: white;
}

.btn-select.btn-info ul {
    border: #46b8da 1px solid;
}

.btn-select.btn-info .btn-select-value {
    background-color: #5bc0de;
    border: #46b8da 1px solid;
}

.btn-select.btn-info:hover, .btn-select.btn-info.active {
    background-color: #269abc;
}
/* info End */

/* warning Start */
.btn-select.btn-warning:hover, .btn-select.btn-warning:active, .btn-select.btn-warning.active {
    border-color: #eea236;
}

.btn-select.btn-warning ul li.selected {
    background-color: #eea236;
    color: white;
}

.btn-select.btn-warning ul {
    border: #eea236 1px solid;
}

.btn-select.btn-warning .btn-select-value {
    background-color: #f0ad4e;
    border: #eea236 1px solid;
}

.btn-select.btn-warning:hover, .btn-select.btn-warning.active {
    background-color: #d58512;
}
/* warning End */

/* danger Start */
.btn-select.btn-danger:hover, .btn-select.btn-danger:active, .btn-select.btn-danger.active {
    border-color: #d22c38;
}

.btn-select.btn-danger ul li.selected {
    background-color: #d22c38;
    color: white;
}

.btn-select.btn-danger ul {
    border: #d22c38 1px solid;
}

.btn-select.btn-danger .btn-select-value {
    background-color: #d22c38;
    border: #d22c38 1px solid;
}

.btn-select.btn-danger:hover, .btn-select.btn-danger.active {
    background-color: #d22c38;
}
/* danger End */

.btn-select.btn-select-light .btn-select-value {
    background-color: white;
    color: black;
}

.SumoSelect > .CaptionCont {
	background: #fed296!important;
	color: #141414!important;
	font-size: 16px; font-weight: 900;
	border: 4px solid #ffedd5!important;
}


/* download */ 
.page-download {	
	border: solid 1px #c6c6c6;
	background: #f3f3f3;
	margin: 30px 0;
	padding: 0px 20px;
	display: block;
}
.page-download p { color: #2c2c3c; padding: 0; margin: 0; }
.page-download span { color: #2c2c3c; text-transform: uppercase; font-weight: 900;  padding: 0; margin: 0; }
.page-download .fa { color: #2c2c3c; font-size: 40px; display: block; float: left; }

.page-download:hover {  }
.page-download:hover p,
.page-download:hover span,
.page-download:hover .fa
{ color: #031d34;  }


#download-page-wrapper { }



.modal-dialog {
	width: 500px;
}
.modal-content {
	border-radius: 0;
	border: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	background: transparent;
	position: relative;
}
.modal-title {
	text-align: center; color: #22262f;
}
.modal-header {
	min-height: 1px;
	width: 80%;
	padding: 20px 10px;
	margin: 0 auto 0 auto!important;
	background: #2d313a;
	border: none;
	border-radius: 0;
	position: relative; z-index: 2;
	text-align: center;
}
.modal-body {
	top: -40px; position: relative; z-index: 1;
	background: #fff;
	border: solid 1px #fff;
	border-radius: 4px;
	padding-top: 60px;
	color: #22262f;
	
}

.modal-header h4 { 
	font-size: 24px; color: #fff; 
	margin: 0; padding: 0;
	text-transform: none;
	text-align: center;
}
.modal-header h4:before { display: none } 
.modal-header p { font-size: 16px; color: #22262f; padding: 10px 20px; text-align: center }
.modal-header .close {
    opacity: 1;
    color: rgb(255, 255, 255);
    background-color: rgb(25, 25, 25);
    padding: 5px 10px;
    border-radius: 100%;
    border: 2px solid rgb(255, 255, 255);
    position: absolute;
    top: -10px;
    right: -20px;
    z-index:1032;
    
    display: none;
}
.modal-body .form-group p:not([class]) {
	color: #141414; text-align: center;
	
}
.modal-body .form-group a {
	color: #22262f; text-decoration: underline;
}

.ekko-lightbox .modal-dialog,
.ekko-lightbox .modal-content {
	background: transparent;
	padding-top: 0;
	max-width: 80vw;
}
.ekko-lightbox .modal-title {	
	padding: 0; margin: 0;
	display: none;
}
.ekko-lightbox .modal-header {
	width: 100%;
	margin: 0;
}
.ekko-lightbox .modal-content {
}
.ekko-lightbox .modal-body {	
	padding: 0; margin: 0;
}

#lightbox .modal-dialog {
	display: block; 
}
#lightbox .modal-body {	
	padding: 0; margin: 0;
}
#lightbox .modal-content {
    display: inline-block;
    text-align: center; 
    overflow: hidden;
}

#lightbox .close {
    opacity: 1;
    color: rgb(255, 255, 255);
    background-color: rgb(25, 25, 25);
    padding: 5px 8px;
    border-radius: 30px;
    border: 2px solid rgb(255, 255, 255);
    position: absolute;
    top: 55px;
    right: -20px;
    z-index:1032;
}


.main .social-share {
	margin-bottom: 30px;
}
.main .social-share a::before {
    font-size: 20px;
    width: 40px;
    height: 40px;
    padding: 6px;
}

.main .social-share p {
    text-transform: uppercase;
    
}

.main .media-body a {
	color: #59adc5; text-transform: uppercase;
	font-size: larger;
}

/******SIDEBAR****/
.sidebar { padding-left: 45px; margin-top: 45px;  }

.snippet-wrapper {
}
.snippet-wrapper > div { margin: 0 0 40px 0 }
.snippet-wrapper .article-wrapper { height: 360px; position: relative; margin-bottom: 30px; }
.snippet-wrapper .article-thumb-wrapper img {
	-webkit-transition: all 900ms ease-in;
    -webkit-transform: scale(1); 
    -ms-transition: all 900ms ease-in;
    -ms-transform: scale(1); 
    -moz-transition: all 900ms ease-in;
    -moz-transform: scale(1);
    transition: all 900ms ease-in;
    transform: scale(1); 
}
.snippet-wrapper .article-thumb-wrapper:hover img { 
	-webkit-transition: all 900ms ease-in;
    -webkit-transform: scale(1.3);
    -ms-transition: all 900ms ease-in;
    -ms-transform: scale(1.3);   
    -moz-transition: all 900ms ease-in;
    -moz-transform: scale(1.3);
    transition: all 900ms ease-in;
    transform: scale(1.3);
}

.snippet-wrapper .article-thumb-wrapper {	border: solid 1px #c6c6c6; }
.snippet-wrapper .article-slide-desc { padding: 15px; background: #141414; border: solid 1px #c6c6c6; color: #fff;   }
.snippet-wrapper .article-slide-desc h5 { color: #fff; font-size: 24px; line-height: 1em; font-weight: 900; text-transform: uppercase; padding: 0; margin: 0; }
.snippet-wrapper .article-slide-desc p { margin: 1rem 0; color: #fff; }
.snippet-wrapper .article-slide-desc span { font-size: 16px; font-weight: 300; color: #c6c6c6; }
.snippet-wrapper .article-slide-desc a { color: #fff; }
.snippet-wrapper .article-slide-desc a:hover { color: #d22c38; }
.snippet-wrapper .article-slide-desc a h5:after { 
	font-family: "Font Awesome 5 Free";
	content: "\f105";
	color: #d22c38;
	margin-left: 10px;
}
.snippet-wrapper .invert .article-slide-desc { background: #fff; border: solid 1px #c6c6c6; color: #141414;   }
.snippet-wrapper .invert .article-slide-desc h5 { color: #141414; }
.snippet-wrapper .invert .article-slide-desc p { color: #141414; }
.snippet-wrapper .invert .article-slide-desc span { color: #8c8c8c; }
.snippet-wrapper .invert .article-slide-desc a { color: #141414; }
.snippet-wrapper .invert .article-slide-desc a:hover { color: #d22c38; }


.panel {
  margin: 40px 0;
  border: none; 	
  border-radius: 0px;
  background: transparent;
  -webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, .05);
          box-shadow: 0 0px 0px rgba(0, 0, 0, .05);
}
.panel .panel-default {
	border: none;
	outline: invert;
}
.panel h3 {
	color: #888;
	font-size: 18px; 
	text-transform: uppercase;
	
}
.panel .panel-heading {
  background-color: transparent;
  padding: 0; margin: 0;
  border: none;
}
.panel .panel-heading .panel-title {
	margin: 10px 0; padding: 0;
}

.panel .panel-body.nav {
	padding: 0;
	border: none;
}

.list-group {
	margin: 0;
}
.list-group-item {
  position: relative;
  display: block;
  margin: 10px 0;
  padding: 0 0 0 10px;
  background-color: transparent;
  color: #22262f; 
  font-size: 18px; 
  border: none;
}

.list-group-item:first-child,
.list-group-item:last-child {
	border-radius: 0;
	-ms-border-radius: 0;
}
.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
  z-index: 2;
  color: #767676;
  background: transparent;
  border: none;
}

.list-group a { 
	color: #22262f; 
	border-left: solid 2px; border-color: #a9abad;
}
.list-group a:hover { color: #767676; background: transparent; border-color: #767676; }

/*.list-group-item:before {
	font-family: 'Glyphicons Halflings';
	font-size: 0.75em;
	content: "\e092";
	padding: 5px 10px;
	color: #59adc5;
	font-weight: lighter;
}*/
.list-group-item.active:before {
	color: #fff;	
}

.list-group .fa {
	color: #59adc5;
	margin-right: 5px;
}

.list-group-item.sec { color: #767676; padding-left: 30px;  }
.list-group-item.sec:hover { color: #6f3d5a; }
.list-group-item.sec.active { color: #6f3d5a;  }

.list-group-item.rd { color: #6f3d5a; padding-left: 30px;  font-size: 16px; border: none }
.list-group-item.rd.active { background: #f3f3f3; color: #000}




/********************************************************
	5. FOOTER
********************************************************/
footer.content-wrapper {
	margin: 0; padding: 0;
	background-color:  #141414;
	background-image: url(../../images/footer-bg.png);
	background-repeat: no-repeat;
} 
footer p { color: #cbcdcd; margin-bottom: 0.5rem; }
footer a { color: #cbcdcd; }
footer a:hover { color: #fff; text-decoration: underline }
footer strong { color: #fff; font-weight: 900; }


#site-footer {
	margin: 0; padding: 30px 0;
	font-size: 16px; font-weight: 300; color: #fff; 
	border-top: solid 1px #2b2b2b;
	border-bottom: solid 1px #2b2b2b;
}

footer .icons a {
	font-size: 16px;
	font-weight: 300;
	color: #fff;
	margin-right: 10px;
}
footer .icons  i { background: #fff; border-radius: 100%; font-size: 12px; border: solid #fff 4px; color: #141414; margin-right: 5px; }

footer .social-share { }
footer .social-share p { color: #fff; text-transform: uppercase; }
footer .social-share a { margin: 0 0 0 10px; background: #fff; color: #141414;  }
footer .social-share a:hover { background: #d22c38; color: #fff;  }

footer .footer-article-wrapper { }
footer .footer-article-wrapper h4 { font-size: 16px; font-weight: 900; color: #fff;  }
footer .footer-article-wrapper h4:before {
	content: '';
	display: block; float: left;
	border-radius: 5px;
	background: #d22c38;
	height: 8px; width: 16px;
	margin-top: 7px; margin-right: 10px; 
} 
footer .footer-article-wrapper p { font-size: 14px; }
footer .footer-article-wrapper ul { margin-left: 0; padding-left: 0;  }
footer .footer-article-wrapper li { display: block; margin-left: 0; padding-left: 0;  }

footer .site-links {
	padding-left: 30px; 
}
footer .footer-article-wrapper li a,
footer .site-links a { 
	display: block; text-transform: uppercase;
	font-size: 16px; font-weight: 900; color: #fff;
	margin-bottom: 5px;
}
footer .footer-article-wrapper li a:before,
footer .site-links a:before {
	content: '';
	display: block; float: left;
	border-radius: 5px;
	background: #d22c38;
	height: 8px; width: 16px;
	margin-top: 7px; margin-right: 10px; 
}
footer .footer-article-wrapper li a:hover,
footer .site-links a:hover { color: #d22c38;  text-decoration: none; }

footer .navbar-brand:before {
	content: '';
	display: block; float: left;
	height: 70px; width: 110px;
	background-image: url('../../images/header-logo-footer.png');
  	/*background-size: contain;*/
  	background-repeat: no-repeat;
  	padding-right: 20px;	margin-right: 20px;
  	border-right: solid 1px #cbcdcd;
}
footer .navbar-brand span {
	display: block;
	font-size: 16px; color: #cbcdcd;
	font-weight: 300;
}

#site-copyright { padding: 30px 0; }
footer .copyright { font-size: 12px; color: #fff; font-weight: 300; padding-top: 30px; }
footer .copyright p { color: #fff; }
footer .copyright a { color: #fff; text-decoration: underline; font-weight: 300; }
footer .copyright a:hover { text-decoration: none; }
#site-copyright .banners .article-slide-desc { color: #fff; font-weight: 300; padding: 0; text-transform: uppercase; text-align: right; padding-bottom: 10px; }


/********************************************************
	6. RESPONSIVE
********************************************************/
/* Medium devices (tablets, 768px and up) */ 
@media screen and (min-width: 769px) {	
}

/* Large devices (desktops, 992px and up) */
@media screen and (min-width: 993px) {
	.container-fluid { max-width: 1100px; }
	
	
	.search-fixed-top {
		-webkit-box-shadow: 0 4px 20px 0 #000;
		box-shadow: 0 -2px 20px 0 #000;
		background-size: auto 100%; 
		position: fixed!important;
		z-index: 1001;
		padding: 20px 0; margin: 0;
		top: 50px;
		background: #fff!important;
		background-color: #fff!important;
		filter: none;
		height: 80px;
	}
	
	/* SLIDER */		
	
	/* page-slider */
	.slider .container-fluid.indicators { 
		position: absolute;
		right: 0; bottom: 5vh; left: 0;
		z-index: 15;
	}
	.slider.page-slider  .carousel-indicators { justify-content: left; margin: 0; }
	.slider.page-slider  .carousel-indicators li {
		width: 25%; height: 100px;	
		border: 1px solid #000; background: #fff;
		opacity: 1;
		display: inline-block; 
		vertical-align: middle; 
		cursor: pointer; 
		position: relative;
		text-indent: 0;
	}
	.slider.page-slider  .carousel-indicators .article-thumb-wrapper { padding-right: 0; height: 100px; }
	.slider.page-slider  .carousel-indicators .article-slide-desc { font-weight: 300; font-size: 14px; line-height: 14px; color: #8a8b8b; padding: 10px 20px; }
	.slider.page-slider  .carousel-indicators span { font-weight: 900; font-size: 20px; color: #141414; line-height: 1em; display: block; margin-bottom: 10px;  }
	.slider.page-slider  .carousel-indicators span:after {
		font-family: "Font Awesome 5 Free";
		content: "\f105";
		color: #d22c38;
		margin-left: 10px;
	}
	.slider.page-slider .carousel-indicators li:hover { background: rgba(20,20,20,0.9); }
	.slider.page-slider .carousel-indicators li:hover .article-slide-desc { color: #cbcdcd; }
	.slider.page-slider .carousel-indicators li:hover span { color: #fff; }

	.slider.page-slider .carousel-indicators .active { background: rgba(20,20,20,0.9); height: 75px; margin-top: 25px; }
	.slider.page-slider .carousel-indicators .active .article-thumb-wrapper { display: none }
	.slider.page-slider .carousel-indicators .active .article-slide-desc { color: #cbcdcd; padding: 15px 30px; flex: 100%!important; max-width: 100%!important;}
	.slider.page-slider .carousel-indicators .active span { color: #fff; }

	/* inside-slider */
	.slider.inside-slider .carousel-indicators { justify-content: left; margin: 0; }
	.slider.inside-slider .carousel-indicators li {
		width: auto; height: 50px;	
		background: transparent;
		border-bottom: 4px solid #dbdbdb; 
		opacity: 1;
		display: inline-block; 
		vertical-align: middle;
		cursor: pointer; 
		position: relative;
		/*text-indent: 0;*/
		min-width: 100px;
		text-transform: uppercase;
		color: #fff;;
		margin-right: 20px;
	}
	.slider.inside-slider  .carousel-indicators span { font-weight: 900; font-size: 18px; color: #fff; line-height: 1em; display: block; margin-bottom: 10px;  text-shadow: 1px 1px 1px #000; }
	.slider.inside-slider  .carousel-indicators .active { border-bottom: 7px solid #fed196; color: #fff;  }
	.slider.inside-slider  .carousel-indicators .active span { color: #fed196;  }

	/* info-slider */
	.slider.info-slider .carousel-indicators { justify-content: left; margin: 0; }
	.slider.info-slider .carousel-indicators li {
		width: 100px; height: 50px;	
		background: transparent;
		border-bottom: 4px solid #dbdbdb; 
		opacity: 1;
		display: inline-block; 
		vertical-align: middle;
		cursor: pointer; 
		position: relative;
		/*text-indent: 0;*/
		text-transform: uppercase;
		color: #fff;;
		margin-right: 20px;
	}
	.slider.info-slider  .carousel-indicators span { font-weight: 900; font-size: 18px; color: #fff; line-height: 1em; display: block; margin-bottom: 10px;  }
	.slider.info-slider  .carousel-indicators .active { border-bottom: 7px solid #d22c38; color: #fff;  }
	.slider.info-slider  .carousel-indicators .active span { color: #fed196; }

	.slider.info-slider.smaller .carousel-indicators li { width: auto; min-width: 50px; text-indent: 0; }
	.slider.info-slider  .carousel-indicators .active span { color: #d22c38; }
	
	/* product-slider */
		.slider.product-slider .carousel-indicators { justify-content: left; margin: 0; }
	.slider.product-slider .carousel-indicators li {
		width: 100px; height: 50px;	
		background: transparent;
		border-bottom: 4px solid #dbdbdb; 
		opacity: 1;
		display: inline-block; 
		vertical-align: middle;
		cursor: pointer; 
		position: relative;
		text-indent: -99999;
		text-transform: uppercase;
		color: #fff;;
		margin-right: 20px;
	}
	.slider.product-slider .carousel-indicators .active { border-bottom: 7px solid #fed196; color: #fff;  }

	
	.slider.product-slider .carousel-indicators { 
		justify-content: left; margin: 0;
		width: 25%; bottom: 30vh;
		display: block;
	}
	.slider.product-slider .carousel-indicators li {
		width: 100px; height: 10px;
		padding: 10px 0;	
		background: transparent;
		border-bottom: 4px solid #dbdbdb; 
		opacity: 1;
		display: none; 
		cursor: pointer; 
		position: relative;
		text-indent: -9999px;
		text-transform: uppercase;
		color: #fff;
		margin-right: 20px;
	}
	.slider.product-slider .carousel-indicators span { font-weight: 900; font-size: 20px; color: #fff; line-height: 1em; display: block; margin-bottom: 10px;  }
	.slider.product-slider .carousel-indicators .active { border-bottom: 4px solid #fed196; color: #fff;  }
	.slider.product-slider .carousel-indicators .active span { color: #fed196; }
	.slider.product-slider .carousel-indicators .first { 
		display: block; 
		height: auto; width: auto; border-bottom: 4px solid rgba(0, 0, 0, 0); text-indent: 0;
	 	background-image: url(../../images/maska.png);
    	background-repeat: no-repeat;
    	background-size: 100% 100%;	
	}
	.slider.product-slider .carousel-indicators .first span { font-size: 40px; color: #fff!important; text-shadow: 1px 2px 3px #000; }
	.slider.product-slider .carousel-control-next, .slider.product-slider .carousel-control-prev {	display: none; }
}

/* Extra large devices (large desktops, 1200px and up) */
@media screen and (min-width: 1201px) {
	.container-fluid { max-width: 1100px; }
	


}


@media screen and (min-width: 1300px) {
	.container-fluid { max-width: 1200px; }	
}
@media screen and (min-width: 1400px) {
	.container-fluid { max-width: 1300px; }
}

@media screen and (min-width: 1500px) {
	.container-fluid {
		max-width: 1380px;
	}
}


/* Extra large devices */
@media screen and (max-width: 1200px) {


	.navbar-light .navbar-nav .nav-link { font-size: 16px; }
	.navbar-text>.navbar-nav>li>a { padding-left: 10px; }
	.head-lang { padding: 0 10px 0 0;}
	
	.slick-slider .slick-prev{
		left: 5px!important;
		padding: 10px 0;
		background-size: 90% auto; 
		background-position: center;
		background-color: rgba(255,255,255,0.7);
	}
	.slick-slider .slick-next {
		right: 5px!important;
		padding: 10px;
		background-size: 80% auto; 
		background-color: rgba(255,255,255,0.7);
	}
	#slick-gallery .article-thumb {
		    padding: 20vh 7vh;
	}
	#map-page-wrapper .address-container {
    	width: 40vw;
    	height: auto;
    	padding: 15px;
	}

}

/* Medium devices */
@media screen and (max-width: 992px) {

	.button-read-more {
		padding: 5px 15px;
	}
	.article-slide-desc p {
		font-size: 16px;
	}
	.row-small-title {
		font-size: 20px!important;
		line-height: normal!important;
	}
	.row-big-title {
		font-size: 28px!important;
		line-height: normal!important;
		text-align: center!important;
	}
	.slick-slider .slick-prev, .slick-slider .slick-next {
		width: 30px; height: 30px;
		background-size: 100% auto;
	}
	.slick-slider .slick-next {
		right: 10px;
	}
	.slick-slider .slick-prev {
		left: 10px;
	}
	.article-slide {
		opacity: 1!important;
	}
	.modal-dialog {
		width: 90%; margin: 0 auto;
	}

	/* SLIDER */	
	/*.carousel .carousel-item { height: 70vh;}
	.product-inner-page .carousel .carousel-item { height: 100vw;}
	.product-inner-page .slider .carousel-caption .container-fluid { margin-top: 30px; }*/

	/*.slider.product-slider .carousel-item { height: 70vh; }
	.carousel .carousel-item .article-thumb-wrapper { height: 70vh; }*/
	
	.slider .carousel-caption .container-fluid { padding-left: 30px; margin-top: 35vh; }
	.slider .carousel-caption h2 { font-size: 28px!important; }
	.slider .carousel-indicators li { background-color: #d22c38; opacity:1; overflow: hidden }
	.slider .carousel-indicators .active { background-color: #fff; }
	.carousel-control-next, .carousel-control-prev { width: 50px; }
	.carousel-control-next-icon, .carousel-control-prev-icon { width: 40px; height: 40px; font-size: 30px; margin-bottom: 50px;}
	.slider.info-slider .carousel-caption .container-fluid .row > div { padding: 15px; }
	
	.product-inner-page .navbar {
		position: absolute;
	}
	.product-inner-page .slider .carousel-item {
		height: auto;
	}
	.product-inner-page .slider .carousel-caption {
		position: relative;
		height: auto;
		margin-top: 80px;
		padding: 0 15px;
	}
	.product-inner-page .slider .uk-position-cover {
		position: relative;
	}
	.product-inner-page .slider .carousel-caption h2 {
		text-shadow: none; color: #000;
	}
	.product-inner-page .slider .carousel-caption h2 > a {
		color: #000;
	}
	.product-inner-page .slider .carousel-caption .container-fluid {
    	padding-left: 0px;
    	margin-top: 0;
	}
	.product-inner-page .slider .carousel-caption .container-fluid .row > div {
		background: transparent;
	}
	
	
	/* HOME PAGE */
	.home-reale-state { padding: 40px 0; }
	.home-reale-state .article-wrapper { height: auto; }
	.home-reale-state .article-thumb-wrapper { height: 150px; }
	.home-reale-state .article-slide-desc { height: auto; padding: 10px; position: relative;}
	.home-reale-state .Biger .article-slide-desc {
		position: relative; right: auto;
	}
	.home-reale-state .article-slide-desc h5 {font-size: 18px; font-weight: 500;  }
	.home-reale-state .article-slide-desc.link a h5:after { display: none;	}
	.home-reale-state .Biger .article-thumb-wrapper { height: 70vw; }
	.home-reale-state .article-slide-desc.link span { font-size: 16px; }
	#home-action.home-reale-state .article-wrapper { height: auto; }
	#home-action.home-reale-state .article-thumb-wrapper { height: 45vw; }
	#home-action.home-reale-state .article-slide-desc { position: relative; width: 100%; margin: 0; }
	
	.home-call .article-thumb-wrapper { height: 100vw; }
	.home-call .article-slide-desc { bottom: 15px; padding: 0;}
	.home-call .article-desc p { display: none;	}
	.home-call .bg-red, 
	.home-call .button-read-more.invert {margin: 0 auto; display: table; margin-bottom: 15px;}

	.news-wrapper .row-big-title { position: relative; top: 0px; }
	.news-wrapper .article-thumb-wrapper { max-height: 50vw; }
	.news-wrapper .article-slide-desc p { display: none; }
	#home-maps .article-slide-desc { margin: 15px 0; }
 
	#home-status {	padding: 40px 0;}	
	#home-status .infografic {	margin: 0; }
	
	
	/* PRODUCTS */
	.product220 .navbar-header .navbar-brand { height: 40px; width: 141px; 	}
	.product221 .navbar-header .navbar-brand { height: 40px; width: 141px; 	}
	.product-wrapper .article-thumb { height: 50vw; } 
	#product-info-property.home-reale-state .article-thumb { height: 100vw; }
	#product-info-property, 
	#product-info-equipment { padding: 0; }
	
	.product-list-page #page-header .lead { display: none; }
	.product-inner-page tr > td:nth-child(1) {display: block; border-bottom: none; }
	.product-inner-page table td { font-size: 14px; }
	
	
	#gallery-page-wrapper .slick-gallery div > .article-thumb {
		height: 50vw;
	}
	
	.product-wrapper .button-read-more {
		top: 75px;
	}
	
	.news-wrapper .news { margin: 15px 0; }
	.news-wrapper.smaller .article-thumb-wrapper { max-height: 100vw; }
	.news-wrapper h3 { font-size: 18px;  margin-bottom: 10px; }
	.news-wrapper .button-read-more { margin-top: 10px; }
	#ip-action.home-reale-state .article-thumb-wrapper { height: 40vw; }
	#ip-action.home-reale-state .article-wrapper { height: 60vw; }
	#ip-action.home-reale-state .article-slide-desc h5 { font-size: 16px; }
	.snippet-wrapper { display: none; }
   
	/* FOOTER */
	#site-footer .social-share { width: 100%; }
	
		
	/**** NAVIGATION ****/
	header .navbar {
		padding: 10px;
	}    
	header .navbar .container-fluid {
		padding: 0;
	}
	.navbar-header .navbar-brand {
		height: 30px; width: 200px;
	}
	.navbar-header .navbar-brand.product220 {
		height: 30px; width: 200px;
		background-image: url('../../images/header-logo-savada-small.png');
	}
	.navbar-header .navbar-brand.product221 {
		height: 30px; width: 200px;
		background-image: url('../../images/header-logo-gramsijeva-small.png');
	}
	.navbar-light .navbar-toggler {
    	cursor: pointer;
    	border-color: #fff;
    	background: #fff;
	}
	.navbar-light .navbar-toggler-icon {
		background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0,0,0,1)' stroke-width='3' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
	}
	.navbar-light .navbar-collapse {
		background: #141414;
	}
	.navbar-light .navbar-text .icons {
		padding: 10px 0 0 10px;
	}
	header .navbar-light .navbar-nav>.nav-item {
		background: #fff;
		margin: 0;
	}
	header .navbar-light .navbar-nav .nav-link {
		line-height: 60px;
		color: #141414;  display: block;	
 		border-bottom: 1px solid #e8e8e8;
 		padding: 0 15px;
	}
	header .navbar-light .navbar-nav .nav-link:hover {
		text-decoration: underline;
	}
	header .navbar-light .navbar-nav > .nav-item > .nav-link::before {
		display: none;
	}
	header .navbar-light .navbar-nav > .nav-item > .nav-link::after {
    	display: block;
    	content: '';
    	background: url(../../images/gnb_menu_mo.png) no-repeat;
    	-webkit-background-size: 23px auto;
    	background-size: 23px auto;
    	width: 23px;
    	height: 23px;
    	position: absolute;
    	right: 14px;
    	top: 50%;
    	margin: -11px 0 0 0;
    	border: none;
	}
	header .navbar-light .navbar-nav > .nav-item.show > .nav-link::after {
		 background-position: 0 -23px;
	}
	header .navbar-light .navbar-nav > .nav-item.show > .nav-link {
		color: #fed296; background: #141414;
		text-decoration: none;
	}
	.tabs-cars .nav-item .nav-link-tab.active {
		background: #e8e8e8!important;
	}
	header .horizontal-dropdown .btnGnbClose {
		display: none;
	}
	header .horizontal-dropdown>.dropdown-menu {
		background: #fff!important;
		padding: 0!important;
	}
	/*** Product tab ***/
	header .navbar-light .navbar-nav .nav-item {
		width: 100%;
	}
	.tabs-cars .nav-item .nav-link-tab {
    	display: block;
    	line-height: 60px;
    	height: 60px;
    	padding: 0 16px;
    	border-bottom: 1px solid #dddddd;
    	color: #141414;
    	position: relative;
    	width: 100%;
    	text-align: left;
    	-webkit-box-sizing: border-box;
    	-moz-box-sizing: border-box;
    	box-sizing: border-box;
    	background: transparent!important;
	}
	.tabs-cars .nav-item .nav-link-tab:hover {
		background: transparent!important;
		text-decoration: underline;
	}
	.tabs-cars .nav-item .nav-link-tab:after {
    	display: block;
    	content: '';
    	width: 0;
    	height: 0;
    	border-style: solid;
    	border-width: 5px 3.5px 0 3.5px;
    	border-color: #000000 transparent transparent transparent;
    	position: absolute;
    	right: 20px;
    	top: 50%;
    	margin-top: -2px;
	}
	.tabs-cars .article-thumb-wrapper {
		padding: 0 15px;
		margin: 15px 0;	
	}
	.tabs-cars .article-thumb-wrapper .article-thumb {
		padding: 0 15px;
		text-align: center;
	}
	.tabs-cars .article-thumb-wrapper span {
 		font-size: 12px;
	}
	/*** dropdown link ***/
	header .links-dropdown-menu .col-auto {
		width: 100%;
	}
	header .links-dropdown-menu .dropdown-item {
		display: block;
    	line-height: 60px;
    	height: 60px;
    	padding: 0 16px;
    	border-bottom: 1px solid #e8e8e8;
    	color: #141414;
    	position: relative;
    	width: 100%;
    	text-align: left;
    	-webkit-box-sizing: border-box;
    	-moz-box-sizing: border-box;
    	box-sizing: border-box;
    	background: transparent!important;
	}
	header .links-dropdown-menu .dropdown-item:hover {
		color: #141414; text-decoration: underline;
	}
	header .links-dropdown-menu .dropdown-item.dropdown-toggle.show {
		color: #00aad2; text-decoration: none;
	}
	
	header .links-dropdown-menu .dropdown-item.external:after {
    	right: 20px;
    	top: 25px;
    	width: 10px;
    	height: 10px;
    	background: url(../../images/ico_gnb_newwin_mo.png) no-repeat top left;
    	background-size: 10px 10px;
	}
	header .dropdown-submenu>a:after {
		display: block;
    	content: '';
    	width: 0;
    	height: 0;
    	border-style: solid;
    	border-width: 5px 3.5px 0 3.5px;
    	border-color: #000000 transparent transparent transparent;
    	position: absolute;
    	right: 20px;
    	top: 50%;
    	margin-top: -2px;
	}
	header .dropdown-submenu>.dropdown-menu {
		position: relative;
		top: 0; left: 0;
		padding: 0!important; margin: 0!important;
		background: #f6f3f2;
	}
	header .dropdown-submenu .dropdown-menu .dropdown-item {
    	display: block;
    	line-height: 40px;
    	height: auto;
    	padding: 0 50px;
    	font-size: 14px;
    	position: relative;
    	border-bottom: 0;
    	color: #666;
    	
    	border: none;
	}
	/*** search ***/
	header .navbar-light .navbar-nav .nav-icon.btnGnbSearch {
		height: 60px; width: 100%;
		background-position: 15px 50%;
	}
	header .navbar-light .navbar-nav .nav-icon.btnGnbSearch span {
		line-height: 60px; padding-left: 50px;	
	}
	header .navbar-light .navbar-nav .search-dropdown-menu {
		background: #00aad2;
		margin: 0; padding: 0 15px;
	}
	

	
	#slick-product-nav .article-thumb {
		height: 150px;
	}

}

/* Small devices  */
@media screen and (max-width: 768px) {	

	.head-lang {
		padding: 10px 0;
	}
	
	#home-slider .slide { height: 40vh; }
	#home-slider .spliter { display: none; }

	.news-wrapper { margin: 0; padding: 30px 0; }
	
	
	#site-footer .site-links a {
 		font-size: 16px;
 		display: inline-table;
 	}
 	#site-footer .social-share {
 		margin-top: 20px;
 		text-align: center;
 	}
 	
 	#side-nav {
 		display: none;
 	}

}

/* Extra Small devices */
@media screen and (max-width: 380px) {

	
}