/*********************************************************
	Company: Office me, http://www.office-me.com
	by Halo Creative Team, http://www.haloteam.rs/
	Date (create): 23-11-2018
	Date (update): 23-11-2018

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

Font - Questrial
	300 Light
	400 Regular
	500 Medium
	
TITLE - Questrial	
	400 Regular
	700 Bold
*********************************************************/

@import url('https://fonts.googleapis.com/css2?family=Questrial&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');


body {
	font-family: 'Poppins';	
	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 #006838; /* Light grey */
    border-top: 16px solid #E1E43C; /* 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: #006838;
	font-weight: 300;
	line-height: 1.5;
}

p {
	color: #006838;
}

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


.badge { 
	font-size: 11px;
	background-color: #e30117;
	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: #006838; color: #fff; } 
.badge.yellow { background-color: #ffd700; color: #000; } 
.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;
}
/*.print-only {
	display: none;
}*/	
.RSD {
	color: inherit !important; 
	/*font-size: smaller!important;*/
	font-weight: lighter!important;
	opacity:0.7;filter:alpha(opacity=70); 
	display: block!important;
}
.RSD:before {
	content: "\003D";
	/*content: " ~ ";*/
}
.RSD a { color: inherit !important; }

.container-fluid {
	width: 100%;
	padding: 0 15px;
	margin: 0 auto;
	display: block; 
}
.red {
	color: #e30117;
}
.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!important
}
.img-contain {
    object-fit: contain;
    object-position: 50% 50%;
    height: 100%; width: 100%;
    max-width: none!important;
    margin: 0!important
}


/****************Button****************/
.button-read-more {
	color: #fff!important; font-size: 16px; font-weight: 700;
	text-transform: uppercase;
	display: table; cursor: pointer;
	padding: 7px 30px;
	margin: 30px auto 0 auto;
	background-color: #87C879;
	border: 0;
	position: relative;
	border-radius: 5px;
	-ms-border-radius: 5px;
	-webkit-transition: all 400ms ease;
     -moz-transition: all 400ms ease;
       -o-transition: all 400ms ease;
      -ms-transition: all 400ms ease;
          transition: all 400ms ease;	
}
.button-read-more:hover {
	color: #22262f!important;
	background-color: #fff;
	-ms-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-webkit-transform: scale(1.05);
	-o-transform: scale(1.05);
	transform: scale(1.05);	
}
.button-read-more:after {
	content: '';
	position: absolute;
	top: -5px; left: -5px;
	right: -5px; bottom: -5px;
	border: solid 1px #87C879;
	border-radius: 5px;
	-ms-border-radius: 5px;
}
.button-read-more i { color: #fff!important; margin-left: 10px; }
.button-read-more i { color: #22262f!important; }

.button-read-more a { color: #fff!important; font-weight: 400; }
.button-read-more a:hover { color: #22262f!important; }
.button-read-more:hover a { color: #22262f!important; }

.main .button-read-more {	
	display: inline-block;
	margin: 0 20px 30px 0;
}


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

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

.button-read-more.invert {
	color: #006838!important;
	background-color: #fff;
}
.button-read-more.invert:hover {
	color: #fff!important;
	background-color: #87C879;
}
.button-read-more.invert i { color: #006838!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;
}
.button-read-more.arrow-left:hover,
.button-read-more.arrow-right:hover { 
}
.button-read-more.arrow-left::before {
	font-family: 'fontawesome';
	font-size: 1em;
	content: "\f0d9";
	padding-right: 5px;
	padding-left: 7px;
	color: #fff; margin-right: 10px;
}
.button-read-more.arrow-right::after {
	font-family: 'fontawesome';
	font-size: 1em;
	content: "\f0da";
	padding-right: 5px;
	padding-left: 7px;
	color: #fff; margin-right: 10px;
}

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

.button-read-more .fa { color: #22262f; opacity: 1; padding-right: 7px; }
.button-read-more:hover .fa { color: #22262f; }

.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: #000;
	-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: 0; margin: 0
}
.breadcrumb {
	padding: 15px 0px; margin: 0;
	background: transparent;
	border: none; border-radius: 0; 
	color: #89959f;
	font-size: 14px; 
}
.breadcrumb > li > a { color: #89959f; text-decoration: none; }
.breadcrumb > li > a:hover { color: #006838;  }
.breadcrumb > .active  { color: #006838; }
.breadcrumb > .active > a  { color: #006838; }
.breadcrumb > li .fa { padding-right: 10px; }

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

/****************Social Share****************/
.scrollbutton {
  display: none;
  transform: rotate(90deg);
  opacity: 0.8;
  position: fixed;
  bottom: 50px;
  
  z-index: 999; 
  border: none;
  color: #87C879!important; 
  font-size: 12px; line-height: 12px;
  text-transform: uppercase;
  
	-webkit-transition: transform 300ms ease;
     -moz-transition: transform 300ms ease;
       -o-transition: transform 300ms ease;
      -ms-transition: transform 300ms ease;
          transition: transform 300ms ease;
}
.scrollbutton.up {
	right: -10px;
	text-align: right;
	/*text-shadow: 2px 2px 2px rgba(255, 255, 255, 1);*/
}
.scrollbutton.up::after {
	content: '';
	display: block;
	width: 60px;
	height: 2px;
	background-color: #87C879;
	margin-top: 5px;
}
.scrollbutton.down {
	right: -15px;
	bottom: 0px;
}
.scrollbutton.down::before {
	content: '';
	display: block;
	width: 60px;
	height: 2px;
	background-color: #87C879;
	margin-bottom: 5px;
}

.scrollbutton:hover {
	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-top: 30px;
	margin-top: 30px;
}
.social-share .social-wrap p {
	border: none;
	padding: 0;
	color: #fff; font-weight: 700;
	text-transform: uppercase;
	line-height: 1rem;
	text-align: center;
}
.social-share a {
	display: inline-block;
	font-size: 22px;
	color: #006838; padding-top: 3px;
	display: inline-block;
	background-color: #fff;
	width: 40px; height: 40px;
	text-align: center;
	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-color: #87C879;
}




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

/****************Header ****************/
header {
	background: #006838;
}

/* .head-icon */
.head-icon { 
	padding: 0; margin: 5px 0 0 0;
}
.head-icon .dropdown-menu li {
	padding: 7px 0;
}
.head-icon a {
	font-size: 20px; 
	color: #fff;
	position: relative;
}
.head-icon a.activ,
.head-icon a:hover {
	text-decoration: underline;
}
.head-icon .dropdown {
	margin-left: 10px;
}

.head-icon>.navbar-nav>li>a {
	padding: 0px 0 0 20px;
	line-height: 30px;
	background: transparent;
}
.head-icon .fa { padding-right: 10px; color: #00588a; font-size: 24px; }
.head-icon .dropdown-menu > li > a .fa { font-size: 16px; }
.head-icon .dropdown-menu > li > a {
	padding: 5px 10px;
	font-size: 14px;
	color: #00588a;
}
.head-icon .badge {
	position: absolute; top: -5px; right: 5px;
	display: inline-block;
	padding: 2px 4px;
	font-size: 10px;
	background-color: #d3172a;
	color: #fff;
	border: solid 1px #d3172a;
	border-radius: 100%;
}
/* Lang */
.head-lang .phoca-flagbox {
	width: 30px; height: 30px;
	border: none; float: left;
	border-radius: 10px;
	-ms-border-radius: 10px;
	position: relative;
	overflow: hidden;
	display: block; 
	margin: 0 0 0 20px;
}
.head-lang .phoca-flag {
  width: 30px; height: 30px;
  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);
	background-position: -3px 0;
}
.head-form {
	/*min-width: 50px;*/
	height: 90px;
	position: relative;
}
/****************NAVBAR***************/
.navbar {
	width: 100%;
	padding: 0 0 0 0; margin: 0;
	background: #fff!important;
	border: none; 
}
/*** Logo ***/
.navbar-header {
	display: inline-block;
}
.navbar-header .navbar-brand {
	float: none; display: block;
	position: relative;
	padding: 0; margin: 0 auto;
	height: 80px; width: 100px;
	background-image: url('../../images/rimmo_logo.svg');
  	background-size: contain;
  	background-repeat: no-repeat;
}
.navbar-brand span {
	display: none;
}


	.navbar-fixed-top {
		-webkit-box-shadow: 0 4px 20px 0 #000;
 		box-shadow: 0 -2px 20px 0 #000;
		background-size: auto 100%; 
		position: fixed;
		z-index: 1001;
		padding: 0; margin: 0;
		top: 0px;
	}	
	.navbar-fixed-top .navbar-header .navbar-brand {
		height: 50px; width: 180px;
		background-position: 0 50%;	
	}	
	.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;
	}

/********************************************************
	2. SLIDER - carousel
********************************************************/
.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!important
}
/* 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 .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!important
}
.slider .bottom .slider-img {
    object-position: 50% 100%;
}
.slider .carousel-item {
	height: calc(100vh - 150px);
}
.slider .carousel-caption {
	width: 100%; height: 100%;
	position: absolute;
	left: 0; bottom: 0;
	z-index: 10;
	color: #fff;
}
.slider .carousel-caption.text-bg {
	background-color: transparent;
	background: -moz-linear-gradient(top, rgba(0, 104, 56,0.40) 0%, rgba(0, 104, 56,0.05) 30%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(0, 104, 56,0.40) 0%,rgba(0, 104, 56,0.05) 30%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(0, 104, 56,0.40) 0%,rgba(0, 104, 56,0.05) 30%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006838', endColorstr='#87C879',GradientType=0 ); /* IE6-9 */
}

.slider .carousel-caption .container-fluid {
	position: relative;
	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: 700;
	font-size: 32px; line-height: 1em;
	color: #fff; text-transform: uppercase;
	margin: 0; padding: 0;
	margin-bottom: 15px;
	text-shadow: 1px 2px 3px #000;
}
.slider .carousel-caption p {
	clear: both;
	color: #fff;
	font-size: 18px; line-height: 1.6;
	padding: 0; margin: 0;
}
.slider .carousel-caption p b, 
.slider .carousel-caption p em {
	font-style: normal; font-weight: 700;
	color: #fff;
}
.slider .carousel-caption p.lead { 
	color: #fff; font-size: 20px;
	font-weight: 400;
	text-transform: uppercase;
	text-shadow: 1px 1px 1px #000;
}

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

.carousel-control-next-icon {
	padding: 20px;
	border: solid 1px #006838;
	background-color: #87C879;
   background-image: url(../../images/icon-arrow-right.svg);
	background-repeat: no-repeat;
	background-size: 50% 50%;
}
.carousel-control-prev-icon {
	padding: 20px;
	border: solid 1px #006838;
	background-color: #87C879;
   background-image: url(../../images/icon-arrow-left.svg);
	background-repeat: no-repeat;
	background-size: 50% 50%;
}

/****************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 {
	background-image: url(../../images/bg-gray.png);
	background-repeat: no-repeat;
	background-size: 100% 50vh; 
	padding: 40px 0;
}
#banner .article-thumb-wrapper {}
#banner .article-thumb {
    height: 500px;
    height: 80vh;
    padding: 0;
    display: block;
}


/********************************************************
	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: #000; }
.text-warning { color: #e30117; }


.row-big-title {
	color: #006838;
	font-size: 26px;  
	text-transform: uppercase;
	margin: 0 0 30px 0;
	line-height: 1;
	text-align: center;
}
.row-big-title span { color: #87C879; font-weight: 700; }
.row-big-title a { color: #006838; }
.row-big-title a:hover { color: #87C879;  }
.row-big-title a:hover span { color: #006838;  }
.row-big-title:after {
	content: '';
	display: block;
	width: 20px;
	height: 8px;
	background: #87C879;
	margin: 20px auto 0 auto;
}


.row-small-title {
	color: #006838;
	font-size: 26px;  
	text-transform: uppercase;
	margin: 0 0 30px 0;
	line-height: 1;
	text-align: left;
	border-top: solid 1px #cccccc; 
}
.row-small-title span { color: #87C879; font-weight: 700; }
.row-small-title a { color: #006838; }
.row-small-title a:hover { color: #87C879;  }
.row-small-title a:hover span { color: #006838;  }
.row-small-title:before {
	content: '';
	display: block;
	width: 20px;
	height: 9px;
	background: #87C879;
	margin: -5px auto 30px 0;
}



/* article-slide */

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

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

.article-thumb-wrapper {
	overflow: hidden;
}

.article-thumb {
	width: 100%;
	display: block;
	position: relative;
	-webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
       -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
          transition: all 1s ease;
}
.article-thumb img { margin: 0 auto; max-width: 100%; 
	-webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
       -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
          transition: all 1s ease;
}

.article-slide-desc {
	padding: 0 15px;
}
.article-slide-desc p {
	font-size: 16px; 
}
.article-slide-desc strong {
	color: #000;
}

.inner-page {
}

#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%;	
}
.video-product .background-video {
	width: 100%; 	height: 100%;
	top: 0; left: 0;
	overflow: hidden;
}
.video-product .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!important;
}

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

#gallery-page-wrapper { 
}
#gallery-page-wrapper .slick-gallery {
	overflow: hidden;
}
#gallery-page-wrapper .slick-gallery div {
	padding-bottom: 30px;
}
#gallery-page-wrapper .article-thumb {
	-webkit-box-shadow: 2px 10px 30px -1px rgba(0,0,0,0.4);
	-moz-box-shadow: 2px 10px 30px -1px rgba(0,0,0,0.4);
	box-shadow: 2px 10px 30px -1px rgba(0,0,0,0.4);
	padding: 0; margin: 0;
	display: inline-block;
	overflow: hidden;
	max-height: 350px;
	max-height: 50vh;
}
/*#gallery-page-wrapper .slick-gallery div:before {
	content: '';
	position: absolute; z-index: 10; right: 10px;
	width: 14px; height: 100%;
	background-image: url(../../images/arrow-bg-vertical.png);
	background-position: 0 0;
	background-repeat: no-repeat;
}*/

#gallery-page-wrapper .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***********************/

#home-slider {
	margin: 0; padding: 0;
	display: block;
	overflow: hidden;
	/*background-image: url(../../images/body-bg-half.png);
	background-position: 0 100%;
	background-size: 80% auto;
	background-repeat: no-repeat;*/
}
#home-slider .scrolldown {
	height: 80px; padding: 20px 0;
	font-size: 12px; line-height: 12px;
}
#home-slider .scrolldown a { color: #87C879; text-transform: uppercase }
#home-slider .scrolldown a:hover { text-decoration: underline; }
#home-slider .scrolldown i { font-size: 18px; line-height: 10px; }

#home-slider .slide {
	margin: 0; padding: 0;
	display: block;
	height: calc(100vh - 180px);
}
/*#home-slider .slide:after {
	content: '';
	position: absolute; z-index: 5;
	bottom: -7px; width: 100%; height: 14px;
	background-image: url(../../images/arrow-bg-horizontal.png);
	background-position: 50% 0;
	background-repeat: no-repeat;
}*/
#home-slider .background-img {
	z-index: 2; position: absolute;
	width: 100%; height: 100%;
	top: 0; left: 0;
}

#home-slider .background-video {
	z-index: 2; position: absolute;
	width: 100%; 	height: 100%;
	top: 0; left: 0;
	overflow: hidden;
}
#home-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!important;
}
/* ie edge only gets the following rule */
@supports (object-fit: cover) and (-ms-ime-align:auto) {
	#home-slider .background-video video {height:auto}
}

#home-slider .article-slide-desc {
	z-index: 3; position: absolute;
	width: 100%; height: 100%;
	top: 0; left: 0;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#006838+0,031d34+100&1+0,1+0,0.2+50,0+100 */
	background: -moz-linear-gradient(top, rgba(0, 104, 56,0.40) 0%, rgba(0, 104, 56,0.05) 30%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(0, 104, 56,0.40) 0%,rgba(0, 104, 56,0.05) 30%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(0, 104, 56,0.40) 0%,rgba(0, 104, 56,0.05) 30%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006838', endColorstr='#0d031d34',GradientType=0 ); /* IE6-9 */
}
#home-slider .article-slide-desc .row { height: 100%; }
#home-slider .article-slide-desc h2 { color: #fff; font-size: 36px; font-weight: 700; text-transform: uppercase;  margin: 0; padding: 0; position: relative }
#home-slider .article-slide-desc h2:before { 
	content: ''; position: absolute;
	display: block; left: -20px; top: 10px; 
	width: 10px; height: 36px;
	background: #87C879;
}
#home-slider .article-slide-desc a { color: #fff; }
#home-slider .article-slide-desc a:hover { color: #87C879; text-decoration: none }
#home-slider .article-slide-desc p { color: #fff; color: #fff; margin: 0; padding: 0;  }
#home-slider .article-slide-desc .date { text-transform: uppercase; font-size: 20px;   }


#home-slider .spliter {
	position: absolute; z-index: 4;
	left: -12px; width: 24px; height: 100%;
	background-image: url(../../images/slider-spliter.png);
	background-repeat: no-repeat;
	background-size: 100% 100%; 
}
#home-slider .slide:first-child .spliter { display: none; }

/** WELCOME **/
#home-welcome {
	background-color: #006838;
	/*background-image: url(../../images/arrow-bg-vertical.png);
	background-position: 100% 50%;
	background-repeat: no-repeat;*/
	padding: 90px 0;
	margin-right: 30px;
}
#home-welcome .row-big-title { color: #fff; font-size: 32px; }
#home-welcome .row-big-title span { color: #F5F4DC;  }
#home-welcome .row-big-title a { color: #fff; }
#home-welcome .row-big-title a:hover { color: #87C879;  }
#home-welcome .row-big-title a:hover span { color: #fff;  }
#home-welcome .article-slide-desc { color: #fff; }
#home-welcome .article-slide-desc .row > div { text-align: justify; padding: 0  30px 0 15px; }
#home-welcome .article-slide-desc .row > div:nth-child(even) { padding: 0 15px 0 30px; border-left: solid 1px #ccc; }
#home-welcome .article-slide-desc p { color: #fff; }

#home-welcome .icons { margin-top: 60px; }
#home-welcome .icons .icon { margin-top: 30px; }
#home-welcome .icons .icon:before {
	content: '';
	position: absolute; z-index: 2;
	left: 0; width: 2px; height: 100%;
	background-image: url(../../images/icons-spliter.png);
	background-repeat: no-repeat;
	background-size: 100% 100%; 
}
#home-welcome .icons .icon:first-child:before { display: none; }
#home-welcome .icons .article-thumb-wrapper { height: 80px;  margin: 0 30px;   }
#home-welcome .icons .article-thumb { height: 80px;  display: block }
#home-welcome .icons p { color: #F5F4DC; text-transform: uppercase;  text-align: center; font-weight: 700; margin: 10px 0 0 0;}
#home-welcome .icons p a { color: #F5F4DC; }
#home-welcome .icons p a:hover { color: #87C879;  text-align: center; }


/** INFO **/
#home-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; */
	padding-bottom: 50px;
}

#home-info .container-fluid .row:first-child {
	margin-top: -50px; z-index: 3;
	padding-bottom: 100px;
}

#home-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);	
}
/*#home-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;
}*/
#home-info .article-thumb-wrapper.order-last:before {
	left: -7px; right: auto;
}

#home-info .article-slide-desc {
	padding: 0 30px 0 15px;	
}
#home-info .article-slide-desc.order-last {
	padding: 0 15px 0 30px;	
}
#home-info .article-slide-desc a {
	color: #87C879;
}
#home-info .article-slide-desc a:hover {
	text-decoration: underline;
}


/** CALL **/
#home-call {
	margin: 0; padding: 0 15px;
}
#home-call .article-thumb-wrapper {
    display: block;
    overflow: hidden;
    height: 400px;
    height: 80vh;
}
#home-call .container-fluid {
	position: relative;
}
#home-call .article-slide-desc {
	position: absolute;
	width: 80vw; 
	bottom: 20vh; right: 10vw;
	background: rgba(0, 104, 56,0.65);
	padding: 10vh 30px; margin: 0;
	color: #22262f;
	/*background-image: url(../../images/arrow-bg-horizontal.png), url(../../images/arrow-bg-horizontal.png);
	background-position: 50% 0%, 50% 100%;
	background-repeat: no-repeat;*/
}
#home-call .row-big-title { font-size: 32px; line-height: 38px; }
#home-call .row-big-title span { color: #87C879; font-weight: 700; }
#home-call .row-big-title a { color: #fff; }
#home-call .row-big-title a:hover { color: #87C879;  }
#home-call .row-big-title a:hover span { color: #fff;  }


#home-solutions {
	padding: 50px 0;
}
#home-solutions .slick-solutions {
}
#slick-solutions {
	height: 150px;
	overflow: hidden;
}
#slick-solutions .slick-slide {
}
#slick-solutions .article-thumb {
	height: 150px; 
	padding: 0; margin: 0 10px;
	display: block;
	border: solid 1px #afb7bf;
	background: #fff;
	border-radius: 5px;
	-ms-border-radius: 5px;
}


/** NEWS **/
#home-news {
	/*background-image: url(../../images/arrow-bg-vertical.png);
	background-position: 100% 50%;
	background-repeat: no-repeat;*/
	padding: 30px 0;
	margin-right: 30px;
}

.blog-page #home-news {
	padding: 0;
	margin-right: 0px;
	position: relative;
	z-index: 10;	
}
/*.blog-page #home-news .container-fluid {
	margin-top: -70px;
	z-index: 10;	
}*/

#home-news .row-big-title {
	font-size: 26px;  
}
#home-news .article-box {
	padding-top: 20px;
	border-top: solid 1px #818e9a;  	
	padding-bottom: 20px;
	border-bottom: solid 1px #818e9a; 
	-webkit-transition: all 400ms ease;
  -moz-transition: all 400ms ease;
	 -o-transition: all 400ms ease;
	-ms-transition: all 400ms ease;
		 transition: all 400ms ease;
}
#home-news .article-box .article-thumb {
	height: 250px;
	display: block;
}
#home-news .article-box .article-slide-desc {
	background: #fff;
	height: 150px; padding: 15px;
}
#home-news .article-box h3 {
	font-weight: 600; color: #55935B;
	font-size: 20px; /*text-transform: uppercase;*/
}
#home-news .article-box h3 a { color: #55935B; }
#home-news .article-box h3 a:hover { color: #87C879; }
#home-news .article-box .date {
	color: #87C879;
	font-size: 14px;
}
#home-news .article-box .button-read-more {
	display: none;
	margin-left: 10px;
}
#home-news .article-box:hover {
	-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);
}
#home-news .article-box:hover .button-read-more {
	display: table;
}


/** RENT **/
#home-rent {
	/*background-image: url(../../images/arrow-bg-vertical.png), url(../../images/body-bg-half.png);
	background-position: 30px 50%, 0 100%;
	background-repeat: no-repeat, no-repeat;
	background-size: auto auto, 80% auto; */
	padding: 30px 0 60px 0;
}
#home-rent .rent {
	margin-bottom: 30px;  
}
#home-rent .row-big-title {
	font-size: 26px;  
}
#home-rent .article-box {
	position: relative;
}
#home-rent .article-box .article-thumb {
	height: 250px;
	display: block;
}
#home-rent .article-box .article-slide-desc {
	background: #006838;
	height: 150px; padding: 15px;
}
#home-rent .article-box h3 {
	font-weight: 700; color: #fff;
	font-size: 16px; text-transform: uppercase;
}
#home-rent .article-box h3 span {	
	display: block; font-weight: 400;
}
#home-rent .article-box h3 a { color: #fff; }
#home-rent .article-box h3 a:hover { color: #87C879; }
#home-rent .article-box p { color: #fff; font-size: 14px; text-transform: uppercase  }
#home-rent .article-box .date { color: #87C879; }

#home-rent .article-box .read-more {
	display: none;
	background: rgba(0, 104, 56, 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;
}
#home-rent .article-box:hover  .read-more  { display: block; }
#home-rent .article-box .read-more .article-thumb {
	vertical-align: baseline;
	padding: 15px;
}
#home-rent .article-box .read-more .article-slide-desc span {
	display: block; font-size: 14px;
}
#home-rent .article-box .read-more .article-slide-desc span:before {
	content: ''; 
	background: #87C879;
	display: block; float: left;
	width: 5px; height: 5px;
	margin: 7px 7px  0 0 ;
}


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

/** ACTION **/
#home-action {
	background: #f0f2f1;
	padding: 90px 0;
}
#home-action .action-article {
	margin-bottom: 90px;
}

#home-action .article-thumb {
	height: 500px; height: 60vh;
	padding: 0;
	display: block;
}
#home-action .article-thumb .icon {
	position: absolute;
	bottom: 30px; left: 20%; 
}
#home-action .article-slide-desc {
	padding-left: 5rem;
}
#home-action .article-slide-desc h3 {
	font-size: 30px;
	text-align: left;
}
#home-action .article-slide-desc p {
	font-weight: 300; 
}

	

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

.ip-slider {
	margin: 0; padding: 0;
	display: block; position: relative;
	overflow: hidden;
}
.ip-slider * { color: #fff; } 
.ip-slider p { color: #fff; margin: 0; padding: 0; } 

.ip-slider .scrolldown {
	height: 80px; padding: 20px 0;
	font-size: 12px; line-height: 12px;
}
.ip-slider .scrolldown a { color: #87C879; text-transform: uppercase }
.ip-slider .scrolldown a:hover { text-decoration: underline; }
.ip-slider .scrolldown i { font-size: 18px; line-height: 10px; }


.ip-slider .slide {
	margin: 0; padding: 0;
	display: block;
	height: calc(100vh - 160px);
}
.ip-slider .slide:after {
	content: '';
	position: absolute; z-index: 5;
	bottom: -7px; width: 100%; height: 14px;
	/*background-image: url(../../images/arrow-bg-horizontal.png);
	background-position: 50% 0;
	background-repeat: no-repeat;*/
}
.ip-slider .container-fluid {
	height: 100%;
}
.ip-slider .background-img {
	z-index: 2; position: absolute;
	width: 100%; height: 100%;
	top: 0; left: 0;
	overflow: hidden;
}

.ip-slider .background-video {
	z-index: 2; position: absolute;
	width: 100%; 	height: 100%;
	top: 0; left: 0;
	overflow: hidden;
}
.ip-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!important
}
/* ie edge only gets the following rule */
@supports (object-fit: cover) and (-ms-ime-align:auto) {
	.ip-slider .background-video video {height:auto}
}

.ip-slider .article-slide-desc {
	z-index: 3; position: absolute;
	width: 100%; height: 100%;
	top: 0; left: 0;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#006838+0,031d34+100&1+0,1+0,0.2+50,0+100 */
	background: -moz-linear-gradient(top, rgba(0, 104, 56,0.40) 0%, rgba(0, 104, 56,0.05) 30%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(0, 104, 56,0.40) 0%,rgba(0, 104, 56,0.05) 30%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(0, 104, 56,0.40) 0%,rgba(0, 104, 56,0.05) 30%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006838', endColorstr='#0d031d34',GradientType=0 ); /* IE6-9 */
}
.ip-slider .article-slide-desc .row {
	height: 100%;
}
.ip-slider .article-slide-desc h2 { color: #fff; font-size: 36px; font-weight: 700; text-transform: uppercase;  margin: 0; padding: 0; position: relative }
.ip-slider .article-slide-desc h2:before { 
	content: ''; position: absolute;
	display: block; left: -20px; top: 10px; 
	width: 10px; height: 36px;
	background: #87C879;
}
.ip-slider .article-slide-desc a { color: #fff; }
.ip-slider .article-slide-desc a:hover { color: #87C879; text-decoration: none }
.ip-slider .article-slide-desc .desc p { line-height: 2em; }
.ip-slider .article-slide-desc .date { text-transform: uppercase; font-size: 20px;   }

.ip-slider .article-slide-desc .desc-nav {
	margin-top: 30px;
}
.ip-slider .article-slide-desc .desc-nav a { 
	color: #fff; font-size: 18px; font-weight: 400; text-transform: uppercase;  
	margin: 0 0 10px 0; padding: 0; position: relative;
	display: block;
}
.ip-slider .article-slide-desc .desc-nav a:before {
	content: ''; position: absolute; z-index: -1;
	display: block; left: -20px; top: 0px; 
	width: 10px; height: 100%;
	background: #87C879;
	transition: width .3s;
}
.ip-slider .article-slide-desc .desc-nav a:hover::before {
	width: 100%;
}

.ip-slider .info-box {
	background: rgba(78, 34, 0, 0.3);
	border: solid 1px #87C879;
	border-radius: 5px;
	padding: 15px; 
}
.ip-slider .info-box .article-info-desc {
	background: #006838;
	color: #fff; text-align: center;
	padding: 15px;  max-width: 300px;
}
.ip-slider .info-box h3 { color: #fff; font-size: 20px; font-weight: 700; padding: 0; margin: 0; }
.ip-slider .info-box p { font-size: 14px; }
.ip-slider .info-box a:hover { color: #006838; }
.ip-slider .info-box .article-desc { 
	padding: 10px 0; margin: 10px 0; 
	/*border-top: solid #58a3d0 1px;  
	border-bottom: solid #58a3d0 1px;  */
}
.ip-slider .info-box .button-read-more { display: block; text-align: center; margin: 20px 5px 10px 5px; }
.ip-slider .info-box .button-read-more:hover {	background-color: #87C879; }
.ip-slider .info-box .button-read-more:after { border: solid 1px #87C879; }


.ip-slider.footer-slider .col {
	margin: 0; padding: 0;
	display: block;
	height: 50vh;
}
.ip-slider.footer-slider .col:after {
	display: none;
}
.ip-slider.footer-slider  .article-slide-desc {
	background: -moz-linear-gradient(top, rgba(0, 104, 56,0.40) 0%, rgba(0, 104, 56,0.5) 30%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(0, 104, 56,0.40) 0%,rgba(0, 104, 56,0.5) 30%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(0, 104, 56,0.40) 0%,rgba(0, 104, 56,0.5) 30%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006838', endColorstr='#0d031d34',GradientType=0 ); /* IE6-9 */
}
.ip-slider.footer-slider  .article-slide-desc .desc p { color: #87C879;  }

/*Blog Slider */
.blog-page .ip-slider .slide {
	height: calc(90vh - 160px);
}

/*.blog-page .ip-slider .slide:after {
	content: '';
	position: absolute; z-index: 5;
	left: 5px;	bottom: 0; width: 14px; height: 100%;
	background-image: url(../../images/arrow-bg-vertical.png);
	background-position: 0 100%;
	background-repeat: no-repeat;
}*/
.blog-page .ip-slider .date { color: #87C879; }
.blog-page .ip-slider .row-big-title { text-align: left }
.blog-page .ip-slider .row-big-title:after { margin-left: 0; }

.blog-page .ip-slider h2:before {	display: none; }
.blog-page .ip-slider p { line-height: 1.5em; }
.blog-page .ip-slider .scrolldown {
	height: 10px; 
	position: relative;
}
.blog-page .ip-slider .scrolldown a { color: #fff; position: absolute; z-index: 100; top: -100px; display: block; }
.blog-page .ip-slider .scrolldown i { color: #87C879;  }



/** 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: #006838; 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: #006838; }
#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;	
}
#ip-info .article-slide-desc a {
	color: #87C879;
}
#ip-info .article-slide-desc a:hover {
	text-decoration: underline;
}

/** RENT **/
#ip-rent {
	background-color: #006838;
	/*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: #006838; }
#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: #006838;
	height: 150px; padding: 5px;
	overflow: hidden;
}
#ip-rent .article-box.active .article-slide-desc { background: #87C879; }
#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: 400;
}
#ip-rent .article-box h3 a { color: #fff; }
#ip-rent .article-box h3 a:hover { color: #87C879; }
#ip-rent .article-box p { color: #fff; font-size: 14px; text-transform: uppercase  }
#ip-rent .article-box .date { color: #87C879; }

#ip-rent .article-box .read-more {
	display: none;
	background: rgba(0, 104, 56, 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: #87C879;
	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: #87C879; }
.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: #006838;
	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: #87C879; }
.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 #87C879; }
.contact-offer-page #ip-rent .location.active .article-box .row { background: #87C879; }
.contact-offer-page #ip-rent .location.active .article-box a:hover {	color: #006838; }


/****************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: #000;
}
#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-list .row {
	margin-top: 45px;
	margin-bottom: 45px;
}
#news-list .article-thumb-wrapper { padding: 15px 15px 30px 15px; margin: 0; }
#news-list .article-thumb { 
	display: block;
	overflow: hidden;
	width: 100%; height: 400px;
}

#news-list .article-slide-desc {
	text-align: center;
	padding-left: 60px;
}
#news-list .article-slide-desc h3 {
	font-size: 36px; margin-bottom: 0px;
	font-weight: 700;
	text-transform: none;
}
#news-list .article-slide-desc .desc-text { padding: 15px 0;}

#news-list .article-slide-desc p { 
	font-size: 16px; color: #8f8f8f;
	text-align: center;
	padding: 0; margin: 0;
}
#news-list .article-slide-desc .date { margin-bottom: 15px; }
#news-list .article-slide-desc p a { color: #00588a; text-decoration: underline }
#news-list .article-slide-desc p a:hover { text-decoration: none; }



/****************News/Blog Page****************/
#news-wrapper {
	margin: 0; padding: 0;
}
.news-article {
	position: relative;
	overflow: hidden;
}
.news-article .article-thumb-wrapper { padding: 10px 15px 30px 15px;  margin: 0; }
.news-article .article-thumb { 
	height: auto; 
}
.news-article .article-slide-desc { 
	padding: 0; margin-bottom: 45px;
	position: relative;
}
.news-article .article-slide-desc h3 {
	font-size: 26px; line-height: 1em;
	color: #00588a;
	padding: 0; margin: 0;
	text-align: center;
}
.news-article .article-slide-desc h3 a { color: #00588a; }
.news-article .article-slide-desc h3 a:hover { color: #22262f; background: transparent   }
.news-article .article-slide-desc p {
	font-size: 16px; color: #666666;
	text-align: center;
	padding: 0; margin: 0;
}
.news-article .article-slide-desc p a { color: #666666; }
.news-article .article-slide-desc p a:hover { color: #22262f; }


/****************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: 'fontawesome';
	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: #f1f3f2;
	border: solid 1px #f1f3f2;
	border-radius:  0px;
	color: #22262f;
}
.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: 40px 0;
}

#page-header {
	margin: 0; padding: 0;
	position: relative;
}
#page-header .header:nth-child(odd):after {
	content: '';
	position: absolute; z-index: 5;
	bottom: 0px; left: -135px;
	width: 100%; height: 14px;
	/*background-image: url(../../images/arrow-bg-horizontal.png);
	background-position: 0 0;
	background-repeat: no-repeat;*/
}
#page-header .header:nth-child(even) {
	padding-right: 0; right: -30px;
}
#page-header .header:nth-child(even):after {
	content: '';
	position: absolute; z-index: 5;
	top: 15px; left: -135px;
	width: 100%; height: 14px;
	/*background-image: url(../../images/arrow-bg-horizontal.png);
	background-position: 0 0;
	background-repeat: no-repeat;*/
}

#page-header .article-slide-desc {
	padding: 100px 0 50px 0; 
}
#page-header .date { color: #87C879; }
#page-header .date strong { color: #87C879; }
#page-header .row-big-title { color: #006838; text-align: left; font-weight: 700; font-size: 40px; text-transform: none }
#page-header .row-big-title:after { margin-left: 0  }

#page-header .lead {
	color: #006838; 
	padding: 0; font-size: 16px;
	font-weight: 400; line-height: 2em;
}
#page-header .scrolldown {
	height: 40px; padding: 0; margin-top: 50px;
	font-size: 12px; line-height: 12px;
}
#page-header .scrolldown a { color: #87C879; text-transform: uppercase }
#page-header .scrolldown a:hover { text-decoration: underline; }
#page-header .scrolldown i { font-size: 18px; line-height: 10px; }



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

.main h2,
.main h3,
.main h4,
.main h5,
.main h6 {
}

.main h2  {
	color: #87C879; font-weight: 700;
	font-size: 26px;  
	text-transform: uppercase;
	margin: 60px 0 30px 0;
	line-height: 1;
	text-align: left;
	border-top: solid 1px #cccccc; 
}
.main h2 span { color: #87C879; font-weight: 700; }
.main h2 a { color: #006838; }
.main h2 a:hover { color: #87C879;  }
.main h2 a:hover span { color: #006838;  }
.main h2:before {
	content: '';
	display: block;
	width: 20px;
	height: 9px;
	background: #87C879;
	margin: -5px auto 30px 0;
}
.main h3 { color: #87C879; font-size: 26px; text-transform: uppercase;}
.main h4 { color: #87C879; font-weight: 700; }

.main .snippet-image {  padding: 0; margin-bottom: 40px; }
.main .snippet-image .article-thumb { display: block; overflow: hidden; padding: 0; margin: 0; }
.main .snippet-image.pull-left { padding-right: 30px; }
.main .snippet-image.pull-right { padding-left: 30px; }
.main .article-thumb-wrapper.snippet-image.center { 
	height: 1000px;
	max-height: 500px; max-height: 60vh;
	overflow: hidden;
	position: relative;
	display: block;
}
.main .article-thumb-wrapper.snippet-image.center .article-thumb { 
	height: 100%; width: 100%;
	display: block; position: relative;
	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 {
	font-size: 14px;
	color: #8f8f8f; margin: 0!important; padding: 10px 15px 5px 15px;
}
.main .snippet-image figcaption p {
	color: #000; 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: #fff; font-size: 18px;
	text-transform: uppercase;
	background-color: #87C879;
}
.main .page-content .lead {
	color: #006838; 
	padding: 0; font-size: 18px;
	font-weight: 700;
}

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

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

.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: #87C879; font-weight:  700; text-decoration: underline; } 
.main p > a:not([class]):hover { color: #87C879; text-decoration: none; } 

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

.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: #22262f; font-size: 16px;
}
.main .page-content ul li::before  {
	content: ''; display: block; float: left;
	width: 10px; height: 10px;
	background: #87C879;
	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: #006838; font-size: 16px;
}
.main .page-content ul li ul li::before  {
	content: ''; display: block; float: left;
	width: 10px; height: 10px;
	background: #006838;
	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-top: 1px solid #d9d9d9;
	border-bottom: 1px solid #d9d9d9;
	border-collapse: collapse;
}
.main table {
	margin-bottom: 40px;
	margin-top: 40px;
	width: 100%;
}
.main th,
.main td {
	border-collapse: collapse;
	padding: 10px;
	
}
.main table tr  {
}
.main td {
	vertical-align: baseline;
	color: #006838; font-size: 16px;
}
.main td p {
	margin: 0; padding: 5px 0;
	color: #006838; font-size: 16px;
}
.main table td strong{
	color: #87C879; font-size: 16px;
	font-weight: 700; text-transform: uppercase;
}
.main table td a {
	color: #87C879; font-size: 16px;
	text-decoration: underline;
}
.main table td a:hover {
	text-decoration: none;
}

table > tbody > tr:nth-of-type(even) {
  background-color: transparent;
}
table > tbody > tr:nth-of-type(odd) {
  background-color: #cadde8;
}
table > thead > tr > th {
	background-color: #87C879;
	color: #fff;
	font-size: 20px;
	font-weight: 700;
}
table > tr:first-child {
	background-color: #87C879;
	color: #fff;
	font-size: 20px;
	font-weight: 700;
}



.main .blockquote {
	margin: 45px 0;
	padding: 30px 30px 30px 60px;
	border: none; border-radius: 0; 
	color: #006838;
	/*background-image: url(../../images/arrow-bg-vertical.png);
	background-position: 0 50%;
	background-repeat: no-repeat;
	border-top: solid 1px #d9d9d9; 
	border-bottom: solid 1px #d9d9d9; */
	font-size: 26px; 
}
.main .blockquote p {
	display: block ; max-width: 150px; 
	float: left; clear: left;
	margin: 0 30px 50px 0;
	text-transform: uppercase;
	text-align: right;
}
.main .blockquote strong {
	font-family: 'Poppins';
	font-size: 16px; font-weight: 700;
	color: #87C879; line-height: 1em; 
}
.main .blockquote strong:first-child {
	font-family: 'Poppins';
	font-size: 56px; 
}

.main .jumbotron {
	background-color: #f1f3f2;
	padding: 30px;
	border: none;
	border-radius: 0; 
	font-weight: 400;
	font-size: 16px;
}
.main .jumbotron p {}


/* forms */
.page-form { 
	padding: 0 15px;
}
.form-group .g-recaptcha > div {
	margin: 0 auto!important;
}
.page-form .col-sm-1, .page-form .col-sm-2, .page-form .col-sm-3, .page-form .col-sm-4, .page-form .col-sm-5, .page-form .col-sm-6, .page-form .col-sm-7, .page-form .col-sm-8, .page-form .col-sm-9, .page-form .col-sm-10, .page-form .col-sm-11, .page-form .col-sm-12 {
	padding-left: 0;
}
.page-form .form-control {
	background-color: #f5f5f5;
	border: solid 1px #d3d3d3;
	outline: 0; 
  	-webkit-box-shadow: none;
 	box-shadow: none;
 	color: #006838; opacity: 0.55;
	font-size: 18px; 
	border-radius: 10px;
	padding: 5px 10px;
	height: 60px;
	margin-bottom: 15px;
}
.page-form .form-control:focus {
	opacity: 1;
	font-weight: 700;
}
.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: #22262f; font-weight: normal; font-size: 18px; }
.form-group p:not([class]) { color: #22262f; padding: 0; margin: 0; font-size: 16px;  }
.form-group p.red { color: red; font-size: 14px;  }
.form-group a { color: #000; 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: #d43f3a;
}

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

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

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

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

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


/* download */ 
.page-download {	
	border-radius: 5px; 
	background: #87C879;
	margin: 30px 0;
	padding: 10px 20px;
	display: block;
}
.page-download p { color: #fff; padding: 0; margin: 0; }
.page-download span { color: #fff; text-transform: uppercase; font-weight: 700;  padding: 0; margin: 0; }
.page-download .fa { color: #006838; font-size: 40px; display: block; float: left; }

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


#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: #000; 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;
}
/*
.alert-danger { font-size: 18px; text-align: center;}
.alert-danger p { color: #006838; }
.alert-danger a { color: #006838; text-transform: uppercase; font-weight: 700 }
.alert-danger a:hover { color: #87C879; }
*/
/******SIDEBAR****/
.sidebar { padding-left: 45px;  }


.sidebar .info-box {
	background: rgba(0, 104, 56, 0.2);
	border: solid 1px #006838;
	border-radius: 5px;
	padding: 15px; 
	margin-top: -90px;
}
.sidebar .info-box .article-info-desc {
	background: #87C879;
	color: #fff; text-align: center;
	padding: 15px;  max-width: 300px;
}
.sidebar .info-box h3 { color: #fff; font-size: 20px; font-weight: 700; padding: 0; margin: 0; }
.sidebar .info-box h3 a { color: #fff; }
.sidebar .info-box p { font-size: 14px; color: #fff; }
.sidebar .info-box a:hover { color: #87C879; }
.sidebar .info-box .article-desc { 
	padding: 10px 0; margin: 10px 0; 
	/*border-top: solid #58a3d0 1px;  
	border-bottom: solid #58a3d0 1px; */
}
.sidebar .info-box .button-read-more { display: block; text-align: center; margin: 20px 5px 10px 5px; }
.sidebar .info-box .button-read-more:hover {	background-color: #006838; }
.sidebar .info-box .button-read-more:after { border: solid 1px #F5F4DC; }



.snippet-wrapper {
	/*border: solid 1px #006838;*/
	border-left: solid 1px #cccccc;
	margin: 45px -15px;
}

.snippet-wrapper .article-thumb-wrapper { padding: 0; margin: 0;}
.snippet-wrapper .article-thumb {}
.snippet-wrapper .article-slide-desc {
	text-align: justify;
}
.snippet-wrapper .article-slide-desc h3 {}
.snippet-wrapper .article-slide-desc h3 a { color: #22262f; }
.snippet-wrapper .article-slide-desc h3 a:hover { color: #00588a; }

.snippet-wrapper .article-slide-desc p { font-size: 14px; color: #006838; font-weight: 300; }
.snippet-wrapper .article-slide-desc p a { color: #006838; text-decoration: underline }
.snippet-wrapper .article-slide-desc p a:hover { text-decoration: none }
.snippet-wrapper .button-read-more {margin: 10px auto;  }


/* Banner */
.related-banners .banner-post {
	background: #f1f3f2;
	margin-bottom: 60px;
	padding: 0; margin: 0 0 30px 0;
}
.related-banners .article-thumb-wrapper { 
	padding: 0; margin: 0;
}
.related-banners .article-thumb {}

.related-banners .article-slide-desc {
	padding: 20px 30px; 
}

.related-banners .article-title {
	padding: 20px 30px; 
	background: #d3c9bf;
}
.related-banners h3 {
	font-size: 16px; color: #22262f; 
	padding: 0; margin: 0;
	overflow: hidden;
}
.related-banners h3 a { color: #22262f; }
.related-banners h3 a:hover { text-decoration: underline;}

.related-banners p { 
	font-size: 16px; font-weight: 300; 
	color: #22262f;
	padding: 0; margin: 15px 0;
}
.related-banners p a { color: #22262f; text-decoration: underline; }
.related-banners p a:hover { text-decoration: none; }




.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:  #fff;
} 
footer p { color: #006838; margin-bottom: 0.5rem; }
footer a { color: #006838; }
footer a:hover { color: #87C879; }

#site-copyright { 
	font-size: 12px; color: #006838; /*background: #02172c;*/
	padding: 10px 0;
}
#site-copyright a { color: #87C879; }

#site-footer {
	margin: 0; padding: 40px 0;
	font-size: 14px; color: #006838; 
}
#site-footer .container-fluid {
	border-top: solid 1px #006838; 
	padding-top: 50px;
}
#site-footer .site-links a { font-size: 16px; padding-left: 15px; text-transform: uppercase; }

#site-footer .social-share { }
#site-footer .social-share p { color: #006838; text-transform: uppercase; font-size: 12px; }
#site-footer .social-share a { margin-right: 10px; }
#site-footer .social-share i { font-size: 20px; color: #006838; }

#site-footer .footer-article-wrapper {
	margin-top: 40px;
}
#site-footer .footer-article-wrapper > div:first-child { padding-right: 60px; }
#site-footer .footer-article-wrapper h4 { font-size: 20px; color: #006838; }
#site-footer .footer-article-wrapper p { color: #006838; text-transform: uppercase; font-size: 12px; margin: 0; }
#site-footer .footer-article-wrapper strong { color: #87C879; font-weight: 700; }
#site-footer .footer-article-wrapper a { text-transform: none;}


#site-footer .navbar-brand {
	float: none; display: block;
	position: relative;
	padding: 0; margin: 0 auto!important;
	height: 80px; width: 100px;
	background-image: url('../../images/rimmo_logo.svg');
  	background-size: contain;
  	background-repeat: no-repeat;
}
#site-footer .navbar-brand span {
	display: none;
}

/********************************************************
	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; }
	
	.navbar-fixed-top {
		height: 54px;
	}
	
	/* SLIDER */
	.slider.page-slider {
		margin-bottom: 30px;
	}	
	/*.slider.page-slider:after {
		content: '';
		position: absolute; z-index: 50;
		bottom: -35px; width: 100%; height: 14px;
		background-image: url(../../images/arrow-bg-horizontal.png);
		background-position: 50% 0;
		background-repeat: no-repeat;
	}*/

	/* page-slider */
	.slider.page-slider  .carousel-indicators {
		bottom: -30px;
	}
	/*.slider.page-slider  .carousel-indicators { justify-content: left; margin: 0; }*/
	.slider.page-slider  .carousel-indicators li {
		width: 25%; height: 10vw; overflow: hidden;
		display: inline-block; 
		vertical-align: middle; 
		cursor: pointer; 
		position: relative;
		text-indent: 0;
		padding: 0; 
		opacity: 1!important;
		background: transparent;
	}
	.slider.page-slider .carousel-indicators .article-thumb-wrapper { 
		position: absolute;
		width: 100%; height: 100%; 
		overflow: hidden;	
	}
	.slider.page-slider .carousel-indicators .article-thumb-wrapper:before { 
		content: ''; 
		position: absolute; 
		width: 100%; height: 100%; 
		z-index: 1;
		background: #006838; opacity: 0.8;
	}
	.slider.page-slider .carousel-indicators li:hover .article-thumb-wrapper:before { opacity: 0.6; }
	.slider.page-slider .carousel-indicators .active .article-thumb-wrapper:before { background-color: #87C879; opacity: 0.3; }

	.slider.page-slider .carousel-indicators .article-slide-desc { 
		position: relative;
		width: 100%;  height: 100%;
	}
	.slider.page-slider .carousel-indicators .article-slide-desc p {
		z-index: 10; font-size: 14px; color: #fff; text-align: center;
		width: 100%; text-transform: uppercase
	}
	.slider.page-slider .carousel-indicators strong { font-weight: 700; font-size: 14px; color: #fff; display: block; }
	

	
	/****************Navigation****************/
	.navbar-light .navbar-nav .nav-item.main-item  {
		height: 100px;
		display: table;
		padding-right: 2px;
	}
	.dropdown-toggle::after {
		display: none;
	}
	.navbar-light .navbar-nav .nav-link {
		color: #006838;
		font-size: 18px; line-height: 1.6; letter-spacing: 0.02em;
		text-transform: uppercase; 
		font-weight: 500;
		padding: 0 1rem;
		display: table-cell;
		vertical-align: middle;
		position: relative;
	}
	.navbar-light .navbar-nav .nav-link:hover {
		color: #87C879; 
	}
	.navbar-light .navbar-nav .nav-link::before {
		content: '';
		display: block; position: absolute; 
		bottom: 0; left: 30%;
		width: 0%;
		height: 5px;
		background: #87C879;
		transition: width .3s;
	}
	.navbar-light .navbar-nav .nav-link:hover::before {
		width: 40%;
	}

	/* main link */
	.navbar-light .navbar-nav .active .nav-link {
		color: #87C879; font-weight: 700;
	}
	.navbar-light .navbar-nav .show .nav-link::before {
		content: '';
		display: block; position: absolute; 
		bottom: 0; left: 30%;
		width: 40%;
		height: 2px;
		background: #87C879;
		transition: width .3s;
	}

	header .horizontal-dropdown.show>.dropdown-menu {
    	background: #87C879;
    	opacity: 1;
	}
	.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: #87C879;
	}

	/* drop down link */
	.navbar-light .navbar-nav .dropdown-menu {
		border-radius:0;
		padding: 10px 0; margin: 0;
		border: none;
	}
	.navbar-light .navbar-nav .dropdown-item {
		color: #fff; text-transform: uppercase;
	}
	.navbar-light .navbar-nav .dropdown-item:hover {
		color: #005a8f;
	}


	/* Product */	
	.product-wrapper .product-article:nth-of-type(even) .article-slide-desc {
		-ms-flex-order: -1;
 		order: -1;
	}
	/* Product */	
	.main .snippet-big {
		-ms-flex-order: 1;
 		order: 1;
	}
	
	#home-action .action-article:nth-of-type(even) .article-slide-desc {
		-ms-flex-order: -1;
		order: -1;
		padding-right: 5rem;
	}
	#home-action .action-article:nth-of-type(even)  .icon {
		position: absolute;
		bottom: 30px; left: auto; right: 20%; 
	}

	
	
	
	
}

/* Extra large devices (large desktops, 1200px and up) */
@media screen and (min-width: 1201px) {
	.container-fluid { max-width: 1100px; }
	
	#home-info .article-slide-desc {
		padding: 100px 10vw 0 5vw;	
	}
	#home-info .article-slide-desc.order-last {
		padding: 80px 5vw 0 10vw;	
	}
	#home-call .article-slide-desc {
		width: 40vw; right: 25vw;
	}
	#ip-info .article-slide-desc.order-last { padding: 100px 5vw 0 10vw; }

}


@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-fixed-top .navbar-header .navbar-brand {
		width: 90px; height: 45px;	
	}
	.navbar-light .navbar-nav .nav-link { font-size: 16px; }
	.head-icon>.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) {
	.slider .carousel-caption h2 {
		font-size: 28px; 
	}
	.slider .carousel-caption p {
		font-size: 16px;
	}
	.carousel .carousel-control-next-icon, .carousel .carousel-control-prev-icon {
		display: none;
	}
	.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;
	}

	header .navbar-header .navbar-brand {
		position: relative;
		height: 60px; width: 80px;
		margin-top: 10px;
	}

	#home-slider .article-slide-desc h2 { font-size: 28px; }
	#home-slider .article-slide-desc h2 a { line-height: 1em;}

	#home-welcome { margin-right: 0;	padding: 20px 0; }
	#home-welcome .icons { margin-top: 20px; }
	#home-welcome .icons .article-thumb-wrapper { margin: 0 5px; }
	#home-welcome .icons p { font-weight: 400; }
	
	#home-info .container-fluid .row:first-child { margin-top: 20px; }
	#home-info .article-slide-desc { padding: 30px 15px; }
	#home-info .article-thumb-wrapper { max-height: 300px; box-shadow: none;
    -ms-flex-order: 13;
    order: 13; }
	#home-info .article-thumb-wrapper .article-thumb { height: 300px; }

	#ip-welcome { margin-right: 0;	padding: 20px 0; }
	#ip-welcome .icons { margin-top: 20px; }
	#ip-welcome .icons { margin-top: 20px; }
	
	#ip-info { margin-bottom: 0; }
	#ip-info .container-fluid .row:first-child { margin-top: 20px; }
	#ip-info .article-slide-desc { padding: 30px 15px; }
	#ip-info .article-thumb-wrapper { max-height: 300px; box-shadow: none;
    -ms-flex-order: 13;
    order: 13; }
	#ip-info .article-thumb-wrapper .article-thumb { height: 300px; }
	#ip-info .container-fluid .row { padding-top: 30px;  }

	#ip-rent { padding: 20px 0; }

	.ip-slider .slide { height: auto; min-height: 80vh; }
	.ip-slider .slide:after { display: none }
	.ip-slider .scrolldown { display: none; }
	.ip-slider .article-slide-desc {position: relative;}
	.ip-slider .article-slide-desc .date { font-size: 16px;}
	.ip-slider .article-slide-desc h2 { font-size: 20px; }
	.ip-slider .article-slide-desc h2 a { line-height: 1em;}



	.blog-page .ip-slider .slide { height: 50vh; }
	.blog-page .ip-slider .slide:after { display: none; }
	.blog-page .ip-slider .desc  { display: none; }
	.blog-page #home-news .container-fluid {
		margin-top: 0;
	}
	
	#page-header .header:nth-child(even) {	padding-right: 0; right: 0; }
	#page-header .header:after { display: none;	}
	#page-header .article-slide-desc { padding: 30px 15px; }
	
	
        #home-news .article-box .article-slide-desc { height: auto }
		
	/**** NAVIGATION ****/
	header .navbar {
		padding: 0;
	}    
	header .navbar .container-fluid {
		padding: 0;
	}
	header .navbar-header {
		display: inline-block;
		padding-left: 30px;
	}


	.navbar-light .navbar-toggler {
    	cursor: pointer;
    	border-color: #fff;
    	background: #fff;
    	margin: 15px 15px 0 0;
	}
	.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 {
		border-top: solid 2px rgba(216,209,200,0.7);
		background: #fff;
	}
	header .navbar-light .navbar-nav>.nav-item {
		background: #f0f2f1;
		margin: 0;
	}
	header .navbar-light .navbar-nav .nav-link {
		line-height: 60px;
		color: #000; 	
 		border-bottom: 1px solid #e8e8e8;
 		padding: 0 15px;
 		position: relative;
	}
	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/icon_menu_mob.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 {
		font-weight: 500;		
	}
	
	header .horizontal-dropdown .btnGnbClose {
		display: none;
	}
	header .horizontal-dropdown>.dropdown-menu {
		background: #f0f2f1;
		padding: 0!important;
	}
	header .horizontal-dropdown.show>.dropdown-menu {
		border: none;
		border-radius: 0;
	}
	/*** cars tab ***/
	header .navbar-light .navbar-nav .nav-item {
		width: 100%;
	}
	
	
	.navbar-light .navbar-toggler {
		margin-top: 5px;	
	}
	.navbar-fixed-top {
		height: auto;
	}
	.navbar-fixed-top .navbar-header .navbar-brand {
		width: 150px;	
	}

	
	
	/*** 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: #000;
    	font-size: 16px;
    	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: #000; 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: #f0f2f1;
	}
	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;
	}
	
	/* slider */
	.carousel .carousel-item {
		height: 300px;
		height: 70vh;
	}
	.carousel .carousel-item .article-thumb-wrapper {
			height: 300px;
			height: 70vh;
	}
	.carousel .carousel-item .article-thumb {
		width: 100%; height: 70vh;
		position: relative;
		left: auto;
		margin: 0;		
	}
	.carousel .carousel-item .img-fluid {
	 	object-fit: contain;
    	object-position: 50% 50%;
    	height: 100%; width: 100%;
    	max-width: none!important;
    	margin: 0!important
	}
	

	
	#slick-product-nav .article-thumb {
		height: 150px;
	}
	
	
	.sidebar .info-box {
		margin-top: 0px;
		
	}

}

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

	header .navbar-header .navbar-brand {
		position: relative;
		height: 60px; width: 80px;
		margin-top: 10px;
	}
	.head-lang {
		padding: 10px 0;
	}
	
	#home-slider .slide { height: 40vh; }
	#home-slider .spliter { display: none; }
	
	#home-call .article-slide-desc {
		width: 100vw; right: 0vw;
	}
	#home-solutions { padding: 30px 0; }
	#slick-solutions { height: 100px;}
	#slick-solutions .article-thumb { height: 100px; }

	#home-news { margin: 0; padding: 30px 0; }
	#home-news .news:nth-child(3) { display: none; }
	
	
	#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;
 	}

 	#home-welcome .article-slide-desc .row > div { text-align: justify; padding: 0  30px 0 15px; border: none!important; min-height: 50vh; }

 	
}

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

	
}