/*   
Theme Name: Planet Audio
Theme URI: http://planetaudio.hr
Description: Ekskluzivna audio i video oprema
Author: Vedran Sadić
Author URI: http://deseasy.com
Version: 1
License: MIT
License URI: http://opensource.org/licenses/MIT
*/

/******************************
*
*  RoyalSlider Default Skin 
*
*    1. Arrows 
*    2. Bullets
*    3. Thumbnails
*    4. Tabs
*    5. Fullscreen button
*    6. Play/close video button
*    7. Preloader
*    8. Caption
*    
*  Sprite: 'rs-default.png'
*  Feel free to edit anything
*  If you don't some part - just delete it
* 
******************************/
/* v1.0.5 */
/* Core RS CSS file. 95% of time you shouldn't change anything here. */
.grecaptcha-badge{
	visibility: hidden !important;  
}
.royalSlider {
	width: 600px;
	height: 400px;
	position: relative;
	direction: ltr;
}
.royalSlider > * {
	float: left;
}
.sl-overlay {opacity:.95 !important}
.rsWebkit3d .rsSlide {
	-webkit-transform: translateZ(0);
}


.rsWebkit3d .rsSlide,
.rsWebkit3d .rsContainer,
.rsWebkit3d .rsThumbs,
.rsWebkit3d .rsPreloader,
.rsWebkit3d img,
.rsWebkit3d .rsOverflow,
.rsWebkit3d .rsBtnCenterer,
.rsWebkit3d .rsAbsoluteEl,
.rsWebkit3d .rsABlock,
.rsWebkit3d .rsLink {
	-webkit-backface-visibility: hidden;
}
.rsFade.rsWebkit3d .rsSlide,
.rsFade.rsWebkit3d img,
.rsFade.rsWebkit3d .rsContainer {
    -webkit-transform: none;
}
.rsOverflow {
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
	float: left;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}
.rsVisibleNearbyWrap {
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
	left: 0;
	top: 0;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}
.rsVisibleNearbyWrap .rsOverflow {
	position: absolute;
	left: 0;
	top: 0;

}
.rsContainer {
	position: relative;
	width: 100%;
	height: 100%;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}

.rsArrow,
.rsThumbsArrow {
	cursor: pointer;
}

.rsThumb {
	float: left;
	position: relative;
}


.rsArrow,
.rsNav,
.rsThumbsArrow {
	opacity: 1;
	-webkit-transition:opacity 0.3s linear;
	-moz-transition:opacity 0.3s linear;
	-o-transition:opacity 0.3s linear;
	transition:opacity 0.3s linear;
}
.rsHidden {
	opacity: 0;
	visibility: hidden;
	-webkit-transition:visibility 0s linear 0.3s,opacity 0.3s linear;
	-moz-transition:visibility 0s linear 0.3s,opacity 0.3s linear;
	-o-transition:visibility 0s linear 0.3s,opacity 0.3s linear;
	transition:visibility 0s linear 0.3s,opacity 0.3s linear;
}


.rsGCaption {
	width: 100%;
	float: left;
	text-align: center;
}

/* Fullscreen options, very important ^^ */
.royalSlider.rsFullscreen {
	position: fixed !important;
	height: auto !important;
	width: auto !important;
	margin: 0 !important;
	padding: 0 !important;
	z-index: 2147483647 !important;
	top: 0 !important;
	left: 0 !important;
	bottom: 0 !important;
	right: 0 !important;
}

.royalSlider .rsSlide.rsFakePreloader {
	opacity: 1 !important;
	-webkit-transition: 0s;
	-moz-transition: 0s;
	-o-transition:  0s;
	transition:  0s;
	display: none;
}

.rsSlide {
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	overflow: hidden;
	
	height: 100%;
	width: 100%;
}

.royalSlider.rsAutoHeight,
.rsAutoHeight .rsSlide {
	height: auto;
}

.rsContent {
	width: 100%;
	height: 100%;
	position: relative;
}

.rsPreloader {
	position:absolute;
	z-index: 0;	
}

.rsNav {
	-moz-user-select: -moz-none;
	-webkit-user-select: none;
	user-select: none;
}
.rsNavItem {
	-webkit-tap-highlight-color:rgba(0,0,0,0.25);
}

.rsThumbs {
	cursor: pointer;
	position: relative;
	overflow: hidden;
	float: left;
	z-index: 22;
}
.rsTabs {
	float: left;
	background: none !important;
}
.rsTabs,
.rsThumbs {
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}




.rsVideoContainer {
	/*left: 0;
	top: 0;
	position: absolute;*/
	/*width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	float: left;*/
	width: auto;
	height: auto;
	line-height: 0;
	position: relative;
}
.rsVideoFrameHolder {
	position: absolute;
	left: 0;
	top: 0;
	background: #141414;
	opacity: 0;
	-webkit-transition: .3s;
}
.rsVideoFrameHolder.rsVideoActive {
	opacity: 1;
}
.rsVideoContainer iframe,
.rsVideoContainer video,
.rsVideoContainer embed,
.rsVideoContainer .rsVideoObj {
	position: absolute;
	z-index: 50;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
/* ios controls over video bug, shifting video */
.rsVideoContainer.rsIOSVideo iframe,
.rsVideoContainer.rsIOSVideo video,
.rsVideoContainer.rsIOSVideo embed {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-right: 44px;
}
.rsABlock {
	left: 0;
	top: 0;
	position: absolute;
	z-index: 15;
}
img.rsImg {
	max-width: none;
}
.grab-cursor {
	cursor:url(../images/grab.png) 8 8, move; 
}
.grabbing-cursor{ 
	cursor:url(grabbing.png) 8 8, move;
}
.rsNoDrag {
	cursor: auto;
}
.rsLink {
	left:0;
	top:0;
	position:absolute;
	width:100%;
	height:100%;
	display:block;	
	z-index: 20;
	background: url(blank.gif);
}
/* Background */
.rsDefault,
.rsDefault .rsOverflow,
.rsDefault .rsSlide,
.rsDefault .rsVideoFrameHolder,
.rsDefault .rsThumbs {
	background: #151515;
	color: #FFF;
}


/***************
*
*  1. Arrows
*
****************/

.rsDefault .rsArrow {
	height: 100%;
	width: 44px;
	position: absolute;
	display: block;
	cursor: pointer;
	z-index: 21;
}
.rsDefault.rsVer .rsArrow {
	width: 100%;
	height: 44px;
	
}
.rsDefault.rsVer .rsArrowLeft { top: 0; left: 0; }
.rsDefault.rsVer .rsArrowRight { bottom: 0;  left: 0; }

.rsDefault.rsHor .rsArrowLeft { left: 0; top: 0; }
.rsDefault.rsHor .rsArrowRight { right: 0; top:0; }

.rsDefault .rsArrowIcn {		
	width: 32px;
	height: 32px;
	top: 50%;
	left: 50%;
	margin-top:-16px;	
	margin-left: -16px;

	position: absolute;	
	cursor: pointer;	
	background: url(images/rs-default.png);

	background-color: #000;
	background-color: rgba(0,0,0,0.75);
	*background-color: #000;
	
	border-radius: 2px;
}
body .sl-wrapper .sl-navigation button {		
	width: 32px;
	height: 32px;
	top: 50%;
	left: 50%;
	margin-top:-16px;	
	margin-left: -16px;
	text-indent:-9999px;
	position: absolute;	
	cursor: pointer;	
	background: url(images/rs-default.png);

	background-color: #000;
	background-color: rgba(0,0,0,0.75);
	*background-color: #000;
	
	border-radius: 2px;
}
.rsDefault .rsArrowIcn:hover {
	background-color: rgba(0,0,0,0.9);
}

.rsDefault.rsHor .rsArrowLeft .rsArrowIcn, body .sl-wrapper .sl-navigation button.sl-prev { background-position: -64px -32px; }
.rsDefault.rsHor .rsArrowRight .rsArrowIcn, body .sl-wrapper .sl-navigation button.sl-next { background-position: -64px -64px; left:auto; right:5px;}

.rsDefault.rsVer .rsArrowLeft .rsArrowIcn { background-position: -96px -32px; }
.rsDefault.rsVer .rsArrowRight .rsArrowIcn { background-position: -96px -64px; }

.rsDefault .rsArrowDisabled .rsArrowIcn { opacity: .2; filter: alpha(opacity=20);  *display: none; }


/***************
*
*  2. Bullets
*
****************/

.rsDefault .rsBullets {
	position: absolute;
	z-index: 35;
	left: 0;
	bottom: 0;
	width: 100%;
	height: auto;
	margin: 0 auto; 

	background: #000;
	background: rgba(0,0,0,0.75);

	text-align: center;
	line-height: 8px;
	overflow: hidden;
}
.rsDefault .rsBullet {
	width: 8px;
	height: 8px;
	display: inline-block;
	*display:inline; 
	*zoom:1;
	padding: 6px 5px 6px;
}
.rsDefault .rsBullet span {
	display: block;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #777;
	background: rgba(255,255,255,0.5);
}
.rsDefault .rsBullet.rsNavSelected span {
	background-color: #FFF;
}
/***************
*
*  3. Thumbnails
*
****************/

.rsDefault .rsThumbsHor {
	width: 100%;
	height: 72px;
}
.rsDefault .rsThumbsVer {
	width: 96px;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
}
.rsDefault.rsWithThumbsHor .rsThumbsContainer {
	position: relative;
	height: 100%;
}
.rsDefault.rsWithThumbsVer .rsThumbsContainer {
	position: relative;
	width: 100%;
}
.rsDefault .rsThumb {
	float: left;
	overflow: hidden;
	width: 96px;
	height: 72px;
}
.rsDefault .rsThumb img {
	width: 100%;
	height: 100%;
}
.rsDefault .rsThumb.rsNavSelected {
	background: #02874a;
}
.rsDefault .rsThumb.rsNavSelected img {
	opacity: 0.3;
	filter: alpha(opacity=30);
}
.rsDefault .rsTmb {
	display: block;
}

/* Thumbnails with text */
.rsDefault .rsTmb h5 {
	font-size: 16px;
	margin: 0;
	padding: 0;
	line-height: 20px;
	color: #FFF;
}
.rsDefault .rsTmb span {
	color: #DDD;
	margin: 0;
	padding: 0;
	font-size: 13px;
	line-height: 18px;
}

/* Thumbnails arrow icons */
.rsDefault .rsThumbsArrow {
	height: 100%;
	width: 20px;
	position: absolute;
	display: block;
	cursor: pointer;	
	z-index: 21;	
	background: #000;
	background: rgba(0,0,0,0.75);
}
.rsDefault .rsThumbsArrow:hover {
	background: rgba(0,0,0,0.9);
}
.rsDefault.rsWithThumbsVer .rsThumbsArrow {
	width: 100%;
	height: 20px;
}
.rsDefault.rsWithThumbsVer .rsThumbsArrowLeft { top: 0; left: 0; }
.rsDefault.rsWithThumbsVer .rsThumbsArrowRight { bottom: 0;  left: 0; }

.rsDefault.rsWithThumbsHor .rsThumbsArrowLeft { left: 0; top: 0; }
.rsDefault.rsWithThumbsHor .rsThumbsArrowRight { right: 0; top:0; }

.rsDefault .rsThumbsArrowIcn {		
	width: 16px;
	height: 16px;
	top: 50%;
	left: 50%;
	margin-top:-8px;	
	margin-left: -8px;
	position: absolute;	
	cursor: pointer;	
	background: url(images/rs-default.png);
}

.rsDefault.rsWithThumbsHor .rsThumbsArrowLeft .rsThumbsArrowIcn { background-position: -128px -32px; }
.rsDefault.rsWithThumbsHor .rsThumbsArrowRight .rsThumbsArrowIcn { background-position: -128px -48px; }

.rsDefault.rsWithThumbsVer .rsThumbsArrowLeft .rsThumbsArrowIcn { background-position: -144px -32px; }
.rsDefault.rsWithThumbsVer .rsThumbsArrowRight .rsThumbsArrowIcn { background-position: -144px -48px; }

.rsDefault .rsThumbsArrowDisabled { display: none !important; }

/* Thumbnails resizing on smaller screens */
@media screen and (min-width: 0px) and (max-width: 800px) {
	.rsDefault .rsThumb {
		width: 59px;
		height: 44px;
	}
	.rsDefault .rsThumbsHor {
		height: 44px;
	}
	.rsDefault .rsThumbsVer {
		width: 59px;
	}
}

/***************
*
*  4. Tabs
*
****************/

.rsDefault .rsTabs {
	width: 100%;
	height: auto;
	margin: 0 auto;
	text-align:center;
	overflow: hidden; padding-top: 12px; position: relative;
}
.rsDefault .rsTab {
	display: inline-block;
	cursor: pointer;
	text-align: center;
	height: auto;
	width: auto;
	color: #333;
	padding: 5px 13px 6px;
	min-width: 72px;
	border: 1px solid #D9D9DD;
	border-right: 1px solid #f5f5f5;
	text-decoration: none;

	background-color: #FFF;
	background-image: -webkit-linear-gradient(top, #fefefe, #f4f4f4); 
	background-image:    -moz-linear-gradient(top, #fefefe, #f4f4f4);
	background-image:         linear-gradient(to bottom, #fefefe, #f4f4f4);

	-webkit-box-shadow: inset 1px 0 0 #fff;
	box-shadow: inset 1px 0 0 #fff;

	*display:inline; 
	*zoom:1;
}
.rsDefault .rsTab:first-child {
	-webkit-border-top-left-radius: 4px;
	border-top-left-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	border-bottom-left-radius: 4px;
}
.rsDefault .rsTab:last-child { 
	-webkit-border-top-right-radius: 4px;
	border-top-right-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	border-bottom-right-radius: 4px;

	border-right:  1px solid #cfcfcf;
}
.rsDefault .rsTab:active { 
	border: 1px solid #D9D9DD;   
	background-color: #f4f4f4;
	box-shadow:  0 1px 4px rgba(0, 0, 0, 0.2) inset;
}
.rsDefault .rsTab.rsNavSelected { 
	color: #FFF;
	border: 1px solid #999;
	text-shadow: 1px 1px #838383;
	box-shadow: 0 1px 9px rgba(102, 102, 102, 0.65) inset;
	background: #ACACAC;
	background-image: -webkit-linear-gradient(top, #ACACAC, #BBB);
	background-image: -moz-llinear-gradient(top, #ACACAC, #BBB);
	background-image: linear-gradient(to bottom, #ACACAC, #BBB);
}

/***************
*
*  5. Fullscreen button
*
****************/

.rsDefault .rsFullscreenBtn {
	right: 0;
	top: 0;
	width: 44px;
	height: 44px;
	z-index: 22;
	display: block;
	position: absolute;
	cursor: pointer;
	
}
.rsDefault .rsFullscreenIcn {
	display: block;
	margin: 6px;
	width: 32px;
	height: 32px;

	background: url(images/rs-default.png) 0 0;
	background-color: #000;
	background-color: rgba(0,0,0,0.75);
	*background-color: #000;
	border-radius: 2px;

}
body .sl-wrapper .sl-close{
	display: block;
	margin: 6px;
	width: 32px;
	height: 32px;
	text-indent:-9999px;
	background: url(images/rs-default.png) 0 0;
	background-color: #000;
	background-color: rgba(0,0,0,0.75);
	*background-color: #000;
	border-radius: 2px;
}
.rsDefault .rsFullscreenIcn:hover {
	background-color: rgba(0,0,0,0.9);
}
.rsDefault.rsFullscreen .rsFullscreenIcn {
	background-position: -32px 0;
}

/***************
*
*  6. Play/close video button
*
****************/

.rsDefault .rsPlayBtn {
	-webkit-tap-highlight-color:rgba(0,0,0,0.3);
	width:64px;
	height:64px;
	margin-left:-32px;
	margin-top:-32px;
	cursor: pointer;
}
.rsDefault .rsPlayBtnIcon {
	width:64px;
	display:block;
	height:64px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	
	-webkit-transition: .3s;
	-moz-transition: .3s;
	transition: .3s;

	background:url(rs-default.png) no-repeat 0 -32px;
	background-color: #000;
	background-color: rgba(0,0,0,0.75);
	*background-color: #000;
}
.rsDefault .rsPlayBtn:hover .rsPlayBtnIcon {
	background-color: rgba(0,0,0,0.9);
}
.rsDefault .rsBtnCenterer {
	position:absolute;
	left:50%;
	top:50%;
}
.rsDefault .rsCloseVideoBtn {
	right: 0;
	top: 0;
	width: 44px;
	height: 44px;
	z-index: 500;
	position: absolute;
	cursor: pointer;
	-webkit-backface-visibility: hidden;
	-webkit-transform: translateZ(0);
	
}
.rsDefault .rsCloseVideoBtn.rsiOSBtn {
	top: -38px;
	right: -6px;
}

.rsDefault .rsCloseVideoIcn {
	margin: 6px;
	width: 32px;
	height: 32px;
	background: url(images/rs-default.png) -64px 0;
	background-color: #000;
	background-color: rgba(0,0,0,0.75);
	*background-color: #000;
}
.rsDefault .rsCloseVideoIcn:hover {
	background-color: rgba(0,0,0,0.9);
}
.rsImg.rsMainSlideImage{}
/***************
*
*  7. Preloader
*
****************/

.rsDefault .rsPreloader {
	width:20px;
	height:20px;
	background-image:url(images/preloader-white.gif);
	left:50%;
	top:50%;
	margin-left:-10px;
	margin-top:-10px;	
}




/***************
*
*  8. Global caption
*
****************/
.rsDefault .rsGCaption {
	position: absolute;
	float: none;
	bottom: 6px;
	left: 6px;
	text-align: left;

	background: rgb(0, 0, 0);
    background: rgba(0, 0, 0, 0.75);

	color: #FFF;
	padding: 2px 8px;
	width: auto;
	font-size: 12px;
	border-radius: 2px;
}

.screen-reader-text { position: absolute; left: -9999px; top: -9999px; }                 
article, aside, figure, footer, header, 
hgroup, nav, section { display:block; }
nav ul { list-style:none; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after,
q:before, q:after { content:''; content:none; }
a:hover { text-decoration:none; color: #39abdb; transition: color 0.5s ease; }
ins { background-color:#ff9; color:#000; text-decoration:none; }
mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom:1px dotted #000; cursor:help; }
/* tables still need cellspacing="0" in the markup */
table { border-collapse:collapse; border-spacing:0; }
hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }
input, select { vertical-align:middle; }
.gallery-caption, .wp-caption {
  color: #D70807;
}
.wp-caption {}
.wp-caption-text {}
.sticky{}
.gallery-caption{}
.bypostauthor {
  font-weight: 600;
}
.aligncenter{}
.alignleft{ float:left; margin-right:10px; }
.alignright{float:right; margin-left:10px;}
body .collapseomatic {
    background-repeat: no-repeat;
    padding: 0 0 15px 0;
    cursor: pointer;
	background-position:center bottom !important;
	margin-bottom:30px;
	display:inline-block;
	margin-bottom:10px;
}
body .collapseomatic_excerpt, body .collapseomatic_content {
    margin-top: 0;
    margin-left: 0;
    padding: 0px;
}
/* END RESET CSS */

/* AUTHOR CSS */

body { 
	font:13px sans-serif;
	font-family: 'Open Sans', sans-serif; 
	color:#444; 
	background:transparent url(images/body-bg.png) 0 0 repeat; 
	height:100%;
	
}
.socials{
	position:absolute;
	right:14px;
	top:13px;
	font-size:20px;	
	padding:2px 9px;
	border: 1px solid #39abdb;
}
.socials:hover{ color:#0b79ac; border: 1px solid #0b79ac; }
.socials:hover a{ color:#0b79ac; }
.languages{
	position:absolute;
	right:46px;
	top:0px;	
}
.languages a{
	font-family: 'Dosis', sans-serif;	
	transition: color 0.5s ease;
	letter-spacing: 1px;
    font-weight: 600;
	font-size: 15px;
}
.languages .wpml-ls-statics-shortcode_actions .wpml-ls-current-language>a{}
.languages .wpml-ls-item{position:relative;}
.languages .wpml-ls-statics-shortcode_actions .wpml-ls-current-language>a {
	color:#39abdb;
	
}
.languages .wpml-ls-legacy-list-horizontal .wpml-ls-flag {
    display: block;
    margin-bottom:2px;
}
.languages .wpml-ls-legacy-list-horizontal .wpml-ls-flag+span {
    margin-left: 0;
}
/*.languages .wpml-ls-item::after {
    content: "";
    display: block;
    width: 1px;
    height: 14px;
    position: absolute;
    z-index: 1;
    right: 0;
    top: 8px;
    bottom: 0;
    background: rgba(0,83,135,1);
}
.languages .wpml-ls-item:last-child::after {
    display: none;
}
.languages .wpml-ls-item:last-child a {
    padding-right:0
}*/

/*BUTTONS*/
.button-primary, 
.wpcf7 input.wpcf7-submit.btn-primary, 
a.download,
.widget_wysija_cont .wysija-submit, .mc4wp-form-theme-light button, .mc4wp-form-theme-light input[type=submit]{
    background-image: none;
    background-color: transparent;
    font-weight: 600;
    text-align: center;
    text-transform: uppercase;
    padding: 8px 24px !important;
    line-height: 1.5;
    border-radius: 0;
    border: 1px #39abdb solid;
    color: #39abdb !important;
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}
.costs .button-primary{border: 1px #57c5f3 solid; color:#7ad2f7 !important}
.mc4wp-form-fields input[type=email]{width:100%; background-color:transparent; color:#ccc}
.mc4wp-form-fields input[type=submit]{
	background-color:transparent;
	color:#39abdb;
	border-radius:0;
	-webkit-transition-property: background-color;
    transition-property: background-color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
	max-width:120px
}
.mc4wp-form-fields input[type=submit]:hover{
	background-color:#39abdb !important;
	color:#fff !important;
	cursor:pointer;
}
.wpcf7 input.wpcf7-submit.btn-primary{
	margin:0;	
}
.widget_wysija_cont .wysija-submit{
	background: #39abdb;
	color:#fff !important;
	border:solid 1px #3286a6 
}
.button-primary:hover, 
.button-primary:focus,
.wpcf7 input.wpcf7-submit.btn-primary:hover,
.wpcf7 input.wpcf7-submit.btn-primary:focus,
a.download:hover,
a.download:focus{
  color: #333333;
  text-decoration: none;
  cursor:pointer
}
.button-primary.active, 
.wpcf7 input.wpcf7-submit.btn-primary:active, 
a.download:active {
  outline: 0;
  background-image: none;
}
.button-primary.disabled,
.button-primary[disabled],
.wpcf7 input.wpcf7-submit.btn-primary[disabled], 
a.download[disabled]] {
  cursor: not-allowed;
  pointer-events: none;
  opacity: 0.65;
  filter: alpha(opacity=65);
}
.button-primary:before, 
.wpcf7 input.wpcf7-submit.btn-primary:before, 
a.download:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #39abdb;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  display:block;
}
.button-primary:hover,
.button-primary:focus,
.button-primary:active,
.wpcf7 input.wpcf7-submit:hover,
.wpcf7 input.wpcf7-submit:focus,
.wpcf7 input.wpcf7-submit:active, 
a.download:hover, 
a.download:focus, 
a.download:active
{
  color: #fdfdfd !important;
}

.button-primary:hover:before,
.button-primary:focus:before,
.button-primary:active:before,
.wpcf7 input.wpcf7-submit:hover:before,
.wpcf7 input.wpcf7-submit:focus:before,
.wpcf7 input.wpcf7-submit:active:before, 
a.download:hover:before, 
a.download:hover:focus:before, 
a.download:hover:active:before
{
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}
.en .croform{
	display:none;	
}
.en .engform{
	display:block !important;	
}
/*CONTACT FORM*/
.wpcf7 .wpcf7-form .wpcf7-mail-sent-ok { 
	display: none !important; 
}
.wpcf7{padding-top:10px}
input, .wpcf7 input, .form-control{
    border: solid 1px #39abdb !important;
	margin-bottom:15px;
	color:#ccc;
	border-radius:0;
	background: rgba(255,255,255,0.4);
}
input, .wpcf7 input, .wpcf7 textarea {
	padding: 10px;
	color: #333;
	font-size: 14px;
	border-radius:0;
	background: rgba(255,255,255,0.4);
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
	border: solid 1px #39abdb !important;
	max-width:100%;
	width:100%;
}
.wpcf7-select{
	background:transparent;
}
.wpcf7-select option{
	background:#000;	
}
.wpcf7-select option:first-child{
	color: #ccc !important;
	font-size:14px;
	font-style:italic;
	opacity: 1;
	font-family: 'Source Serif Pro', serif;	
}
.wpcf7 label {
	font-size: 12px;
	font-style: italic;
}
.wpcf7 textarea {
	width: 100%;
	max-height: 80px;
	margin: 0 0 15px 0;
	border: solid 1px #39abdb !important;
}
input .wpcf7 input {
	width: 100%;
}
.wpcf7 input:hover, .wpcf7 input:focus, .wpcf7 input:active, .wpcf7 textarea:hover, .wpcf7 textarea:focus, .wpcf7 textarea:active {
	background: rgba(255,255,255,1);
	outline: none;
}
div.wpcf7-response-output {
    margin: 2em 0;
    padding: 0;
    border: 2px solid #ff0000;
}
.page-template-contact .wpcf7 input:hover, .page-template-contact .wpcf7 input:focus, .page-template-contact .wpcf7 input:active, .page-template-contact .wpcf7 textarea:hover, .page-template-contact .wpcf7 textarea:focus, .page-template-contact .wpcf7 textarea:active {
	background: rgba(255,255,255,1);
	outline: none;
}

div.wpcf7-mail-sent-ok, div.wpcf7-validation-errors {
    border: none !important;
	color:red;
}
.wpcf7 input[type=submit]{
	background-color:#39abdb;
	color:#fff	
}




.page-template-contact :-ms-input-placeholder:focus { /* Internet Explorer 10+ */
	text-transform:uppercase;
	font-style:normal;
	font-size:12px;
	color:#fff;
}

#bgmp_map-canvas {
	width: 100% !important;	/* The width and height here are just defaults in case the JavaScript can't load. They're overridden with the ones on the Settings page when the map is created. (Good ole !important saves the day again.) */
	height: 500px;
}

.alignright {
	text-align: right;
}
.alignleft{
	float: left;
	margin: 0 10px 0 0;
}
.aligncenter{text-align:center;}
.wp-caption {
}
.wp-caption-text {
}
.sticky {
}
.gallery-caption {
}
.bypostauthor {
}

.entry-content p img{
	max-width:100%;
	height:auto;
	margin:30px 0;
}
.entry-content ul {
	margin: 0 0 40px 0;
}
.entry-content  ol {
	margin: 0 0 30px 20px;
}
.entry-content ul li {
    font-size: 13px;
    margin: 0 0 11px 0;
    line-height: 130%;
	position:relative;
	padding-left:15px;
}
.entry-content ol li {
    font-size: 15px;
    margin: 0 0 11px 0;
    line-height: 130%;
	position:relative;
}
.entry-content ul li ul li{
	padding-left:0;	
}
.entry-content ul ul {
    margin: 15px 0 0 30px;
	list-style:disc;
}
.entry-content ul li ul li:before {
    display:none;
}

	
table { font-size:inherit; font:100%; }
select, input, textarea { font:99% sans-serif; }
pre, code, kbd, samp { font-family: monospace, sans-serif; }
 
body, select, input, textarea { color:#444; }
h1,h2,h3,h4,h5,h6 { font-weight: bold; text-rendering: optimizeLegibility; line-height:1.2em; }
h1 { font-size:30px; font-weight:200; }
h2 { font-size:28px; font-weight:400; }
.widget_wysija h2 { font-size:18px; font-weight:400; }
h3, .widget_mc4wp_form_widget h2 { font-size:18px; font-weight:400; }
h4 { font-size:14px; font-weight:600; }
p  { line-height:1.7em; margin-bottom:15px; }

a:hover, a:active { outline: none; }
.nopadding{ padding:0; }
.nopaddingtop{ padding-top:0; }
.paddingtop{ padding:40px 0 0 0; }
.paddingbottom{ padding:0 0 40px 0; }
a, a:active, a:visited { color:#39abdb; text-decoration:none; }
a:hover { color:#bcd9fa; }
p a:link, p a:visited, p a:link span, p a:visited span { color:#5581b4; }
p a:hover, p a:hover span { color:#39abdb; }
small { font-size:85%; }
strong, th { font-weight: bold; }
td, td img { vertical-align:top; } 

.hidden { display:none; visibility:hidden; } 

.notfound { float:left; padding:12px 0 20px 12px; }
/* LAYOUT */
#page-wrap { background:transparent url(images/mist2.png) center 0 repeat-y; height:100%; }
section{ padding:40px 0; }
.homeposts{padding-top:0;}
.nopadding{ padding:0 }
.homebrands{padding-bottom:5px;}
.bcumbs{padding-bottom:0;}
.padding-bottom{ padding:0 0 40px 0;}
.padding-top{ padding:40px 0 0 0;}
header { background: #fff; }
.header-wrapper { position:relative; display:block; }
header .logo { 
	position:absolute; 
	left:50%; 
	margin-left:-80px; 
	z-index:999; 
	top:10px;
}
nav ul { margin-left:0; padding-left:0}
nav li { float:left; margin:0 23px 0 0; }
nav li:last-child { margin-right:0; }
nav a, nav a:link, nav a:visited { 
	font-size:15px; 
	text-transform:uppercase;
	text-decoration:none; 
	padding:70px 0 30px 0; 
	float:left; 
	font-family: 'Dosis', sans-serif;
	letter-spacing:1px;
	font-weight:600;
	outline:none;
	color:#444;
	transition: color 0.5s ease;
}
nav a:hover { color:#39abdb; outline:none; }
nav.lg-responsive{
	float: left;
}
nav.lg-responsive.second-nav{
	float: right;
}
nav.second-nav li { margin:0 0 0 25px; }
.info-box{
	background:#343639;
    border: 2px solid #FFFFFF;
    display: none;
	top: 100%;
    padding: 26px 10px 8px 16px;
    position: absolute;
    width: 97.5%;
	z-index:20000;
	left:30px;
	margin-top:-3px;
}
.info-box{}
.info-box ul{
	padding-left:0;	
}
.info-box li { margin-top:0; background:transparent url(images/divider.png) repeat-x 0 bottom; padding:5px 4px 8px 4px; width:98%;  }
.info-box.box3 li { padding:5px 4px 8px 4px; width:98%;  }
.info-box p{ font-size:12px; color:#fff; margin-bottom:0;}
.info-box a, .info-box a:link, .info-box a:visited { 
	color:#39abdb; 
	font-family: 'Dosis', sans-serif; 
	font-weight:400; 
	text-transform:none;
	font-size:16px;  
	margin:0; 
	padding:0;
	float:none;
	display:inline-block;
}
.info-box a:hover { color:#39abdb; }
.box2 section { float:left; width:190px; }
.box2 .short li { clear:both; width:180px; height:auto; }
.box2 .last { float:right; } 
.box3 { width:179px; left: 270px; }
.en .box3 { width:179px; left: 210px; }
.box4 { width:179px; left: 680px; }
.en .box4{ left:648px;}
.box5 { width:179px; left:850px; }
.en .box5 { width:179px; left:835px; }
.box3 .short li, .box4 .short li, .box5 .short li { clear:both; width:145px; height:auto;  margin:0; }
.arrowdown{ position:absolute; left:120px; top:-2px; }
.en .arrowdown{ left:80px; }
.box2 .arrowdown { left:231px; }
.box3 .arrowdown { left:80px; }
.en .box2 .arrowdown { left:170px; }
@media (max-width: 1200px) {
	.box3 { left: 22%; }
	.box4 { left: 60.8%; }
	.en .box4 { left: 58%; }
	.box5 {  left: 75%; }
	.en .box5 {  left: 74%; }
	.arrowdown { left: 10.5%; }
	.box2 .arrowdown { left: 19.7%; }
}
@media (max-width: 1100px) {
	.box3 { left: 21%; }
	.box4 { left: 60%; }
	.en .box4 { left: 60%; }
	.arrowdown { left: 10%; }
	.box2 .arrowdown { left: 19.5%; }
}
@media (max-width: 1024px) {
	.box3 { left: 23%; }
	.box4 { left: 57%; }
	.box5 {  left: 73.1%; }
	.arrowdown { left: 10.5%; }
	.box2 .arrowdown { left: 20.5%; }
	
	.en .box3 { left: 19%; }
	.en .box4 { left: 55%; }
	.en .box5 {  left: 71%; }
	.en .arrowdown { left: 7%; }
	.en .box2 .arrowdown { left: 15.2%; }
	.en .box3 .arrowdown { left: 43%; }
}
.home-brands { padding:0; margin:0 -15px 0 -15px; }
.home-brands li { 
	list-style:none; 
	position:relative; 
}
/*.home-brands li.hovering { box-shadow:#fff 1px 1px 10px; }*/
.home-brands li.last { margin-right:0; }
.home-brands .info-box {
	/*background:transparent url(images/slides-bg.png) repeat 0 0;*/
	background:#FFF;
	width:170px;
	height:240px;
	padding:10px;
	top:-146px;
	left:-10px;
	box-shadow:#000 1px 1px 6px;
	border:solid 1px #ccc;
	font-size:12px;
	text-align:center;
}
.home-brands li:nth-child(11) .info-box, .home-brands li:nth-child(12) .info-box,
.home-brands li:nth-child(13) .info-box, .home-brands li:nth-child(14) .info-box, .home-brands li:nth-child(15) .info-box
 { top:-150px; }
.home-brands a:link, .home-brands a:visited { color:#393A3D }
.home-brands p { text-align:left; padding:5px 0;  }
.home-brands .info-box .find-more:link, .home-brands .info-box .find-more:visited { 
	background:transparent url(images/btn-long2.png) no-repeat 0 0; 
	width:142px; 
	height:26px; 
	color:#39abdb;
	padding-top:4px;
	margin:2px 0 0 14px;
	clear:both;
	float:left; 
	text-transform:uppercase; 
	text-align:center;
	font-size:13px;
}
.home-brands .info-box .find-more:hover { color:#fff; } 
.breadcrumbs { 
	padding:8px 10px; 
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	font-weight:bold;
	/*border:solid 1px #2d2d2d;*/
	color:#ccc;
}
.breadcrumbs p{ margin-bottom:0; }
.breadcrumbs p a, .breadcrumbs p a:active, .breadcrumbs p a:visited {
    color: #39abdb;
    text-decoration: none;
}
.sidebar-navigation { background:transparent url(images/sidebar-bg.png); margin-left:0; margin-bottom:0; list-style:none; padding:10px 0 0 0; min-height:100%; }
.sidebar-navigation li { text-align:center;  border-bottom:solid 1px #222; transition: all 0.5s ease; }
.sidebar-navigation li:hover {border-bottom:solid 1px #39abdb;}
.sidebar-navigation li:last-child { background:none; }
.sidebar-navigation li.activebrand{display:none;}
.sidebar-navigation li a { padding:10px; }
.content { background:#fff; }
.single-post .content { background:#fff; }
.main-content { padding:0 28px 40px 0; } /*zbog responsive archive slidera*/
.entry-content{ padding:20px 5px; }
.entry-content img{max-width:100%; height:auto;}
.heading { height:70px; background: transparent url(images/sidebar-bg.png); margin-left:-30px; padding-left:35px; margin-right:-28px; }
.page-template-template-products .heading{ margin-right:0; margin-left:0 }
.heading img { float:left; margin:10px 0 0 -5px; }
.heading h2 { font-size:20px;  color:#fff; text-transform:uppercase; padding:23px 0 0 0; }
.single-post .heading{color:#fff;}
.single-post .heading h2 { font-size:20px; padding:15px 0 0 0; margin:0; }
.heading .web { float:left; margin:36px 0 0 20px;  }

.nav-tabs{ 
	background:url(images/tab-bg.png); 
	margin:0; 
	border-bottom: 1px solid #666; 
	display: flex; 
	justify-content: ; 
	margin-bottom:20px;
}
.nav-tabs li{ width: 25%; }
.nav-tabs .nav-link {
    border: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
	background:rgba(0,0,0,0.1);
	color:#000;
	font-weight:400;
	border-bottom:solid 2px #666;
	transition: all 0.5s ease;
	padding: 1rem 0;
	text-align:center;
	position:relative;
	text-transform:uppercase;
	font-size:13px;
	margin-bottom:-2px;
	height:100%;
}
.nav-tabs .nav-link:hover {
	border-bottom:solid 2px #6ebddb;
	background:rgba(255,255,255,0.1)
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #fff;
    background-color: transparent;
    border-color:  transparent;
	border:none;
	background:rgba(0,0,0,0.4);
	border-bottom:solid 2px #39abdb;
}
.nav-tabs .nav-link:after{
	background: none repeat scroll 0 0 #999;
    content: "";
    display: block;
    height: 20px;
	left:0;
    transition: width 0.3s ease 0s;
    width: 1px;	
	top:50%;
	margin-top:-10px;
	position:absolute;
}
.nav-tabs li:first-child .nav-link:after, .nav-tabs .nav-link.active:after{display:none;}

.products-list { list-style:none; margin:30px 0; padding:0; }
.thumb-container{height:180px; background:#fff; display: table-cell; vertical-align: middle;}
.thumb-container img{}
.products-list li { background:#f2f2f2; margin-bottom:2px; padding:0; overflow:hidden; }
.products-list li:last-child { margin-bottom:0; }
.products-list li.even { background:#f6f6f6; }
.products-list li:first-child { }
.products-list li:last-child { }
.products-list li.odd { background:#eee; }
.products-list .thumb-container img{ }
.products-list .data-container, .products-list .data-container-news {  }
.products-list .data-container-news p { padding:0;}
.products-list .data-container h2
 {
	font-family: 'Open Sans', sans-serif;  
	font-weight:600; 
	color:#39abdb; 
	font-size: 18px;
}
.products-list .data-container h2 a:hover, .products-list .data-container-news h2 a:hover{
	color:#6b9ad0;
}
.products-list .data-container-news p { color:#444; }

.products-list h2 { padding:0 0 10px 0; }
.products-list .pd-name { float:left; width:48%; padding:20px 0; }
.products-list .costs, .products-list .cat-meta { 
	float:right; 
	width:48%; 
	text-align:right; 
	height:100%; 
	/*background: url(images/carousel-frame-top.png) repeat-x; */
	background:rgba(0,0,0,0.6);
	padding:20px;
	color:#fff;
	position:relative;
	margin-right:-1px;
}
.products-list .cat-content { float:left; width:58%; padding:20px 0; }
.category-prezentacije .products-list .cat-content {padding:20px 20px 0 20px; }
.products-list .cat-meta { 
	width:38%; 
	height:184px;
}
.products-list .costs .button-primary, .products-list .cat-meta .button-primary{ 
	position:absolute;
	width:88%;
	bottom:20px;
	left:6%;
}
.single .costs{padding:30px 0}
p.price, p.available { margin-bottom:5px; }
.post-type-archive-secondhand .costs .available b{ clear:both; float:right; }
p.price span { font-size:16px; font-weight:700 }
p.has-action span { font-size:16px; font-weight:400; text-decoration: line-through }
p.regular-price span{text-decoration:line-through; font-size:14px;}
.last-content{ background:url(images/sidebar-bg.png) repeat; border-top: 5px solid #39abdb; color:#ccc }
.archive .last-content, .page-template-template-akcije .last-content, .page-template-template-novosti .last-content, .single .last-content{ margin-top:40px; }
.last-content p{ margin-bottom:0;}

footer { 
	padding:30px 0;
	text-align:center;
	font-size:16px;
	color:#fff;
	    background: transparent url(images/sidebar-bg.png);
}
footer p{ color:#fff; }

/*Sledeshow*/
.content .ngg-galleryoverview { margin:12px; }
.content .ngg-gallery-thumbnail { margin: 0 22px 14px 0; }
.content .ngg-navigation { height:auto; width:722px; margin-left:4px; }
.slideshowlink { display:none; }
.TB_overlayBG { z-index:999 !important }
#TB_window {
    border: 1px solid #555555;
    left: 50%;
    font-family: 'Open Sans', sans-serif; 
	width:850px !important;
	margin-left:-415px !important;
	z-index:1000 !important;
	background-color:#4e4e50 !important;
}
#TB_window img#TB_Image { margin:15px auto 0 auto !important; }
#TB_prev, #TB_next { position:absolute; left:0; bottom:48%; width:39px; height:39px; text-indent:-9999px; cursor:pointer; }
#TB_prev { background:transparent url(images/arrow-prev.png) 0 0 no-repeat; }
#TB_next { left:818px; background:transparent url(images/arrow-next.png) 0 0 no-repeat; }
#TB_window img#TB_Image { border:none !important; border-width:0; }
#TB_caption { width:94%; text-align:center; color:#ccc; padding: 7px 0 0 0 !important; }
#TB_secondLine {color:#ccc !important; }
#TB_closeWindow { position:absolute; right:-24px; top:-10px; }

.content .collapseomatic:hover { text-decoration:none; }
.news-details:link, .news-details:visited, .news-details:active,
p .news-details:link, p .news-details:visited, p .news-details:active
 { 
	width:76px;
	height:14px;
	position: absolute;
	right: 5px; 
	bottom: 5px;
	font-size:12px !important;
	padding:2px 2px 5px 2px; !important;
	line-height:1.2em;
	background-color:#EEE;
	box-shadow:#666 1px 1px 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	color:#5581b4;
	text-align:center;
}
.all-news:link, .all-news:visited, .all-news:active
 { 
	width:76px;
	height:14px;
	float:left;
	font-size:12px !important;
	padding:2px 2px 5px 2px; !important;
	line-height:1.2em;
	background-color:#EEE;
	box-shadow:#666 1px 1px 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	color:#5581b4;
	text-align:center;
	margin:20px 0px 0px 20px;
}.all-news.wide{ width: 100px; }
.content .colomat-close {  }

.list-pagination { width:100%; text-align:center; float:left; clear:both; margin:20px 0; font-size:14px; }
.list-pagination .page-numbers { padding:0 8px; height:22px; /*border:solid 1px #6B9AD0;*/ color:#39abdb; font-weight:600 }
.list-pagination span.current { height:24px; border:solid 2px #39abdb; color:#39abdb;  margin: 0 2px; box-shadow:none; }
.list-pagination .next, .list-pagination .prev { padding:0; }

.homeslides{ background: url(images/carousel-frame.png) repeat-x center -25px; }
.carousel {
	position:relative;
	overflow: hidden;
}
.single .carousel, .archive .carousel, .page-template-template-slider-tabs .carousel, .page-template-template-about .carousel{
	background:rgba(0,0,0,0.3);
	height:300px
}
.single .carousel{ height:405px; margin-bottom:40px; }
.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden;
}
.carousel-indicators {
    text-align: right;
    float: right;
    right: 2% !important;
    left: inherit;
	display:block;
	margin:0 !important;
	bottom:40px
}
.carousel-indicators li {
    position: relative;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: 30px;
    height: 3px;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    cursor: pointer;
    background-color: rgba(255,255,255,.5);
	float:left;
}

.carousel-control-next-icon, .carousel-control-prev-icon{
	margin-top:-100px;	
}
.carousel-multi .carousel-control-next-icon, .carousel-multi .carousel-control-prev-icon{
	margin-top:-52px;	
}
.carousel-indicators .active {
    background-color: #39abdb;
}
.carousel-item {
	}
.single .carousel-item, .archive .carousel-item, .page-template-template-slider-tabs .carousel-item, .page-template-template-about .carousel-item {
    padding:0 6%;
	min-height:300px;
}

.carousel-caption {
	z-index: 10000;
	padding:20px;
	color: #fff;
	text-align: left;
	color: #fff;
	text-shadow:none;
	background:rgba(51,51,51,0.5);
	left:0;
	bottom:auto;
	top:auto;
	width:100%;
	border-top:solid 1px #333;
	position:relative
}
.carousel-caption h2 { color:#39abdb; font-weight:700; font-family: 'Open Sans', sans-serif; font-size:20px;  }
.carousel-caption P {   }
.carousel-control-next, .carousel-control-prev {
    position: absolute;
    top: -2px;
    bottom: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 6%;
    color: #fff;
    text-align: center;
    opacity: .5;
}
/*CAROUSEL MULTI*/

.carousel-multi {
    border-top: 5px solid #39abdb;
	border-bottom: 5px solid #39abdb;
    z-index: 10000;
    padding: 30px 20px 20px;
    color: #fff;
    text-align: left;
    color: #fff;
    text-shadow: none;
    background: rgba(51,51,51,0.5);
    left: 0;
    bottom: 0;
    width: 100%;
}
.carousel-multi .carousel-item {
    padding-bottom:0;
}
.carousel-multi .post-title {
    display:table-cell;
	vertical-align:middle;
	padding:5px;
	font-weight:400;
	height:60px;
	width:100%;
}
.carousel-multi a{color:#fff;}
.carousel-multi .carousel-control-next, .carousel-multi .carousel-control-prev {
    width: 3%;
}

/*COLLAPSE*/

.bg-gray-light{
	background:url(images/bg.jpg);	
	padding:40px 0 0 0;
}
.text-center{
	text-align:center;	
}
.text-center img{
	margin: 0 auto;	
}
.row-inline-block {
    display: block;
    letter-spacing: -0.32em;
    text-align: start;
    vertical-align: baseline;
}
.panel {
    margin-bottom: 20px;
    background-color: transparent;
    border: none;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.row-inline-block > * {
    letter-spacing: normal;
}
.collapse-item {
    display: inline-block;
    float: none;
    margin-bottom: 30px;
    text-align: start;
    vertical-align: baseline;
}
.itec .inner {
	position:relative
}
.itec .itec-image{
	position:relative;
}

.itec .itec-image:before {
	background: #39abdb;
    content: "";
    display: block;
    height: 5px;
    position:absolute;
    transition: width 0.6s ease 0s;
    width: 0;
	top:-5px;
	left:0;
}
.itec .itec-image:hover:before {
    width: 100%;
	right:0
}
@media (min-width: 1140px) {
.itec .itec-image:before {
    left:1px
}	
.itec .itec-image:hover:before {
    width: 99%
}
}
@media (max-width: 480px) {
.ce-block.itec{width:50% !important; max-width:50% !important;}
.itec .itec-image:hover:before {
    width: 99%;
}	
}
.text-center {
    text-align: center;
}
.itec-label {
    background-color: #343639;;
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.5em;
    padding: 3px 0.3em 3px 0.3em;
    position: relative;
	text-transform:uppercase;
	color:#fff;
	width:100%;
	position:absolute;
	left:0;
	bottom:-14px;
	z-index:100;
	transition: all 0.2s ease-in-out 0s;
}

.itec .inner:hover .itec-label {
	background-color: #333;
}
.itec:not(.collapsed)::after {
    height: 15px;
}
.itec::after {	
    content: "";
    display: block;
    height: 0;
    margin-bottom: -15px;
    transition: height 0.3s ease 0s;
    width: 100%;
}
.collapse-container {
    float: left;
    margin-top: -15px;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
	position:relative;
}
.itec-content .inner {
    background: rgba(51,51,51,0.5);
    margin-bottom: 15px;
    overflow: hidden;
    padding: 15px;
    text-align: left;
	border-top:5px solid #39abdb;
	color:#fff;
}
.itec-content .inner img{
	max-width:100%;
	display:block;
	height:auto;
}
.arrow-up {
    width: 0; 
    height: 0; 
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    z-index:10000;
    border-bottom: 6px solid #39abdb;
    position:absolute;
    left:50%;
    margin-left:-6px;
    bottom:-16px;
	transition: all 0.2s ease-in-out 0s;
}
.collapsed .arrow-up{ display:none; }
.itec:not(.collapsed) .inner .itec-label, .itec .inner:hover .itec-label {
	background-color: #22527c;
}
.itec:not(.collapsed) .inner .arrow-down, .itec .inner:hover .arrow-down {
	border-top: 6px solid #333;
}

/*PRODUCT GALLERY*/
#gallery-1 {
  width: 100%;
  -webkit-user-select: none;
  -moz-user-select: none;  
  user-select: none;
  margin-bottom:10px;
  margin-top:20px;
}

.rsDefault, .rsDefault .rsOverflow, .rsDefault .rsSlide, .rsDefault .rsVideoFrameHolder {
    background: rgba(255,255,255,1);
    color: #FFF;
}
.rsDefault .rsThumbs{
	background: rgba(0,0,0,0) !important;
	padding-top:5px;
	padding-bottom:5px;
}
.rsDefault .rsThumbsHor {
    height: 95px;
}
.rsDefault .rsThumb.rsNavSelected img {
    opacity: 1;
    filter: alpha(opacity=1);background:#fff
}
.rsDefault .rsThumb.rsNavSelected {
    background: #fff;
}
.rsDefault .rsThumb {
    width: 130px;
    height: 85px;
	background:#fff
}
.rsDefault .rsThumbsHor {
	
}
.tax-brand span:first-child{  }
.rsDefault .rsThumb {
    background:#fff;
	display: table-cell !important;
    vertical-align: middle;

}
.rsDefault .rsThumb img {
    width: auto !important;
	max-width:100%;
	height: auto !important;
	vertical-align:middle;
	position:relative;
	top:50%;
	transform: translatey(-50%);
}
.rsDefault .rsThumb.rsNavSelected {
	border:solid 1px #39abdb;
}
.group-wrapper{border:solid 1px #eee; margin: 2rem 0 0 0; text-align:center; padding:0.5rem;}
.group-wrapper .post-title{margin-top:1rem}

.mc4wp-form-fields input[type=email] {
    width: 345px;
}
.discl{padding-top:1rem;}
.right{text-align:right}
.brandlinks{float:right; margin-right:3rem}
.brandlinks a{color:#fff;}


 /*RESPONSIVE*/
 @media (max-width: 1200px) {
	 aside{padding-bottom:15px;}
	 .container{max-width:100%}
	 header .logo { 
	 	margin-left:-70px;
		top:20px;
	 }
	 header .logo img {
		max-width:140px;
		height:auto
	}
	nav li {
		margin: 0 20px 0 0;
	}
	.homeslides {
		background:none;
	}
	.bn-large{ display:none; }
	.bn-small{ display:block !important; }
	.content{ margin-left:15px; margin-right:15px; }
	.main-content { padding:0 25px 25px 25px; overflow:hidden }
	.sidebar-navigation{ margin:10px; padding:5px 0 0 0; }
	.heading {
		height: 70px;
		background: transparent url(images/sidebar-bg.png);
		margin-left: -25px;
		margin-right: -25px;
		width:108%;
	}
	.homebrands .container, .last-content .container, header .container, .bcumbs .container, .products .container, .single-post .container, .category .container, .single .container {
		max-width: 100%;
	}
	.homebrands .container, .last-content .container, .bcumbs .container, .carousel-caption { padding-left:30px; padding-right:30px; }
	.heading h2 {
		padding: 23px 0 0 25px;
	}
 }
 @media (max-width: 1140px) {
	 .homeslides .container, .homeposts .container{max-width:100%;}
	 nav a, nav a:link, nav a:visited {
		font-size: 14px;
		letter-spacing: 0.5px;
	}
 }
@media (min-width: 993px) {
	.sm-responsive{
		display:none;	
	}
	.navbar { display:none; }
}

@media (max-width: 992px) {
	.homeslides{ background: url(images/carousel-frame.png) repeat-x center -6%; }
	header .logo {
		top:7px;
	}
	.lg-responsive {
		display:none;
	}
	.heading {
		height: 70px;
		background: transparent url(images/sidebar-bg.png);
		margin-left: -25px;
		padding-left: 0;
		margin-right: -25px;
	}
	.navbar{
		position: relative;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-ms-flex-align: center;
		align-items: center;
		-ms-flex-pack: justify;
		justify-content: space-between;
		float:left;	
		margin-top:20px;
	}
	header {min-height:100px; line-height:100px}
	.socials{line-height:1.3; top:35px;}
	.languages{top:0;}
	.wpml-ls-legacy-list-horizontal {
		padding: 0;
	}
	.navbar-light .navbar-toggler-icon {
		background-image: none;
	}
	.navbar-toggler {
		padding: .25rem 0;
		font-size: 0.65rem;
		line-height: 1;
		background-color: transparent;
		border: none;
		border-radius: .25rem;
		text-align:center;
		margin-left:0;
		color:#000 !important;
		font-weight:600;
	}
	.navbar-toggler.collaapsed{margin:0;}

	.navbar-toggler:focus{
		outline:none;
		border:none;
	}
	.navbar-toggler .icon-bar{
		display: block;
		width: 29px;
		height: 2px;
		background-color:#333;
		transition: all 0.2s;
		margin-bottom:5px
	}
	.navbar-toggler .icon-bar+.icon-bar {
		margin-bottom: 5px;
		height: 2px
	}
	.navbar-toggler.collapsed .top-bar {
		transform: none;
		transform-origin: 0%;
	}
	.navbar-toggler .top-bar {
		transform: rotate(45deg);
		transform-origin: 0px 3px;
	}
	.navbar-toggler.collapsed .middle-bar {
		opacity: 1;
	}
	.navbar-toggler .middle-bar {
		opacity: 0;
	}
	.navbar-toggler.collapsed .bottom-bar {
		transform: none;
		transform-origin: 0;
	}
	.navbar-toggler .bottom-bar {
		transform: rotate(-45deg);
		transform-origin:9px 3px;
	}
	.navbar-collapse {
		position: absolute;
		width: 0;
		left: -15px;
		top: 80px;
		background: #fff;
		text-align: left;
		box-shadow: 0 20px 32px rgba(0,0,0,.3);
		z-index: 40000;
		min-width: 200px;
		padding: 20px;
		line-height:1.2
	}
	nav a, nav a:link, nav a:visited {
		padding: 10px 0;
	}
	.dropdown-menu 	li a { padding:5px; font-size:14px; }
	.navbar-nav .dropdown-menu {
		position: relative;
		background-color:transparent;
		border: none;
		border-radius: 0;
		padding-left:5px;
		clear:left;
		float:left;
		padding-top:0;
		margin-top:0;
	}
	.dropdown-toggle::after {
		display: none;
	}
	.homeslides{ background:none; margin-top:-15px; }
	.homeslides .container, .homeposts .container {
		max-width: 100%;
		padding:0;
		background:none;
	}
	.homebrands .container, .last-content .container, header .container, .bcumbs .container, .products .container, .single-post .container, .category .container {
		max-width: 100%;
	}
	.homebrands .container, .last-content .container, .bcumbs .container, .carousel-caption { padding-left:30px; padding-right:30px; }
	.carousel-caption {
		background: url(images/body-bg.png);
	}
	.content{ margin-left:15px; margin-right:15px; }
	.main-content { padding:0 25px 25px 0; }
	p.price span {
		font-size: 14px;
	}
	.carousel-multi {
		padding:20px 40px;
	}
	.carousel-multi .carousel-control-next, .carousel-multi .carousel-control-prev {
		width: 5.5%;
	}
	.content { padding-bottom:0; margin-bottom:15px; }
	.nav-tabs li {
		width: 33.3%;
	}
	.products-list li {
		height: auto;
	}
	.sidebar-navigation{ margin:0; padding:5px 0 0 0; }
	.main-content { padding:0 25px 25px 25px; }
	.single .carousel, .archive .carousel, .page-template-template-slider-tabs .carousel, .page-template-template-about .carousel {
		height: auto;
	}
		.single .carousel-item, .archive .carousel-item, .page-template-template-slider-tabs .carousel-item, .page-template-template-about .carousel-item {
		padding: 0 6%;
		min-height: 0
	}
	.slider-section{margin:-20px -29px 30px -29px; width: calc(100% + 58px);}
	
	.slider-section .rsDefault, .rsDefault .rsOverflow, .slider-section .rsDefault .rsSlide, .slider-section .rsDefault .rsVideoFrameHolder {
		background: rgba(255,255,255,0);
		text-align:center
	}
	.slider-section .rsDefault.rsFullscreen, .rsDefault.rsFullscreen .rsOverflow, .slider-section .rsDefault.rsFullscreen .rsSlide, .slider-section .rsDefault.rsFullscreen .rsVideoFrameHolder {
		background: rgba(255,255,255,1);
		text-align:center
	}
	.slider-section .rsImg.rsMainSlideImage{margin:0 auto !important;}

	/*#gallery-1 {
		width: 107%;
		margin-left: -3.5%;
		margin-top:0;
	}
	.rsImg.rsMainSlideImage{width:100% !important; height:auto !important; margin-left:0 !important; margin-top:0 !important}*/
}
@media (max-width: 840px) {
	.slider-section{margin:-20px -29px 30px -35px; width: calc(100% + 72px);}
	.rsDefault .rsFullscreenBtn{right:15px; top:15px;}
	.rsDefault .rsThumbsHor {
		width: 90%;
		height: 95px;
		margin:0 auto;
	}
	.rsThumbs {
		float: none;
	}
	.button-primary, .wpcf7 input.wpcf7-submit.btn-primary, a.download, .widget_wysija_cont .wysija-submit, .mc4wp-form-theme-light button, .mc4wp-form-theme-light input[type=submit]{padding: 8px 18px !important;}
}
@media (max-width: 768px) {
	.slider-section{margin:-20px -29px 30px -50px; width: calc(100% + 92px);}
	.right{text-align:left}
	.carousel-item{ padding-bottom:0;}
	.carousel-indicators{
		left:28px;
	}
	.itec-content .inner img {
		margin-bottom:20px;
	}
	.products-list li { margin-bottom:20px; border:solid 1px #eee; }
	.products-list .data-container, .products-list .data-container-news {
		min-height:150px;
	}
	.products-list .pd-name {
		float: left;
		width: 48%;
		padding: 20px 0 20px 15px;	
	}
	.thumb-container{height:300px; background:#fff; display: table-cell; vertical-align: middle;}

	.heading {
		width:112%;
	}
	.products-list .costs .button-primary, .products-list .cat-meta .button-primary{bottom:15px}
	.products-list .costs, .products-list .cat-meta{padding-bottom:60px}
	/*.royalSlider.rsDefault.rsHor.rsWithThumbs.rsWithThumbsHor{height:auto !important;}
	.rsDefault .rsThumbsHor, .rsDefault .rsFullscreenBtn { display:none !important;}
	.rsOverflow.grab-cursor, .rsOverflow.grabbing-cursor{height:387px !important; padding-bottom:0 !important;}
	.rsImg.rsMainSlideImage{width:100% !important;  margin-left:0 !important}*/
	
}

@media (max-width: 700px) {
	.slider-section{margin:-20px -29px 30px -45px; width: calc(100% + 92px);}
}
@media (max-width: 680px) {
	.slider-section{margin:-20px -29px 30px -55px; width: calc(100% + 102px);}
}
@media (max-width: 650px) {
	.slider-section{margin:-20px -29px 30px -50px; width: calc(100% + 102px);}
}
@media (max-width: 630px) {
	.slider-section{margin:-20px -29px 30px -50px; width: calc(100% + 112px);}
}
@media (max-width: 616px) {
	.slider-section{margin:-20px -29px 0 -54px; width: calc(100% + 112px);}
	#gallery-1 {margin-bottom:0;}
	.rsDefault .rsThumbsHor, .rsDefault .rsFullscreenBtn { display:none !important;}
	.tax-brand .entry-content{margin-top:-95px;}
}
@media (max-width: 580px) {
	.slider-section{margin:0px -29px 0 -60px; width: calc(100% + 122px);}
	#gallery-1 {margin-top:-4px;}
	
}
@media (max-width: 498px) {
	.slider-section{margin:0px -29px 0 -65px; width: calc(100% + 130px);}
}
@media (max-width: 450px) {
	.slider-section{margin:0px -29px 0 -70px; width: calc(100% + 140px);}
}
@media (max-width: 400px) {
	.slider-section{margin:0px -29px 0 -75px; width: calc(100% + 150px);}
}

@media (max-width: 580px) {
	.container {
		padding-right: 0;
		padding-left: 0;
	}
	header {
		min-height: 100px;
		line-height: 100px;
	}
	.nav-tabs li {
		width: 100%;
	}
	.nav-tabs .nav-link{ text-align:left; padding-left:15px; }
	.products-list .pd-name, .products-list .costs, .products-list .cat-meta, .products-list .cat-content{ width:100%; text-align:right; padding: 20px; height:auto }
	.products-list .costs .button-primary, .products-list .cat-meta .button-primary{position:relative; top:auto; bottom:auto; left:auto; width:auto; float:right; clear:both; margin-top:10px}
	.archive .main-content, .single .main-content{overflow:hidden}
	.heading {display: inline-block; width:120%; clear:both; position:relative; z-index:100;}
	.tax-brand .heading {height:100px;}
	.heading img {
		float: left;
		clear:both;
		margin: 0;
	}
	.brandlinks{float:left; clear:both; margin-right:0; margin-left:30px; margin-top:-10px;}
	.slider-section{position:relative; z-index:1}
	.heading .web {
		float: none;
		display:block;
		margin: 10px 0 0 0;
		width:100%
	}
	header .logo {
		margin-left: -50px;
		top: 35px;
	}
	header .logo img { max-width:100px;}
	.languages {
		right: 40px;
	}
	.slider-col {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
}
.carousel-multi .post-title {
    padding: 0;
	font-weight:bold
}