/**
 * Shader Carousel Carousel PACKAGED v:1.0
 * Shader Carousel Carousel global CSS.
 * @author Tibi - FWDesign [https://fwdapps.net]
 * Copyright © Since 2006 All Rights Reserved.
 */
 

/** 
 * --------------------------------------------------------------------------------
 *	Caption
 * --------------------------------------------------------------------------------
 */
.fwdoc .caption{
    overflow: visible !important;
    width: calc(100% - 40px) !important;
    max-width: 600px !important;
	box-sizing: content-box !important;
    text-align: center !important;
    pointer-events: none !important;
	padding: 0 0 20px 0 !important;
	margin: 0 0 0 0 !important;

}

.fwdoc .caption a {
    text-decoration: underline;
    font-size: 600 ;
    text-decoration: none;
    pointer-events: auto;
    background-image: linear-gradient(#A3C01E calc(100% - 1px), #A3C01E 1px) !important;
    background-position: 0 calc(100% + 1px);
    background-repeat: no-repeat;
    background-size: 0% 1px;
    transition: background-size 0.6s cubic-bezier(0.215, 0.61, 0.355, 1), color 0.3s ease-out, background-color 0.3s ease-out,border-color 0.3s ease-out;
    border-bottom: 1px solid rgba(163, 192, 30, .4);
    color: #111111;
}

.fwdoc .caption a:hover {
    background-size: 100% 1px;
}

.fwdoc .caption-title{
    font: 900 32px 'Montserrat', sans-serif !important;
    line-height: 124% !important;
	margin: -5px 0 -5px 0;
    padding: 27px 0 0 0;
    color: #111;
}

.fwdoc .caption-desc{
    font: 400 16px 'Montserrat', sans-serif !important;
	line-height: 146% !important;
	margin: 14px auto 0;
    color: #111;
}

@media screen and (max-width: 1200px){
	.fwdoc .caption-title{
		padding: 20px 0 0 0;
	}

}

@media screen and (max-width: 600px){
	.fwdoc .caption-title{
		font-size: 30px !important;
		margin: 20px 0 0 0;
		padding: 0 0 0 0;
	}

	.fwdoc .caption-desc{
		font-size: 14px !important;
		margin: 10px 0 0 0;
	}
}


/** 
 * --------------------------------------------------------------------------------
 *	General
 * --------------------------------------------------------------------------------
 */
.fwdoc-error-window{
    background: #FFF !important;
}

.fwdoc-error-window-text{
    padding: 7px 21px 9px 23px !important;
    color: #000;
}

.fwdocicon-error{
    position: relative !important;
    top: 5px !important;
    left: -5px !important;
    margin: 0 1px 0 0;
    color: #F00;
}

.fwdocicon-error:before{
    font-size: 26px;
}


/** 
 * --------------------------------------------------------------------------------
 *	Error window
 * --------------------------------------------------------------------------------
 */
.fwdoc-error-window{
    background: #FFF !important;
}

.fwdoc-error-window-text{
    font-size: 16px !important;
    padding: 7px 21px 9px 23px !important;
    color: #000;
}

.fwdoc-error{
    position: relative !important;
    top: 5px !important;
    left: -5px !important;
    margin: 0 1px 0 0;
    color: #F00;
}

.fwdoc-error:before{
    font-size: 26px;
}


/** 
 * --------------------------------------------------------------------------------
 *  LIGHTBOX VIDEO PLAYER
 * --------------------------------------------------------------------------------
 */
.fwdoc-rl .EVPSubtitle,
.fwdoc .EVPSubtitle{
	font: 700 22px 'Montserrat', sans-serif !important;
	text-align:center !important;
	color:#FFFFFF !important;
	max-width: none !important;
	text-shadow: 0px 0px 1px #000000 !important;
	line-height:28px !important;
	margin:0 20px 20px !important;
	padding: 0px !important;
}

.fwdoc-rl .EVPSubtitle.phone,
.fwdoc .EVPSubtitle.phone{
	font-size: 16px !important;
	line-height: 20px !important;
	margin: 0 10px 10px !important;
}

.fwdoc-rl .EVPSubtitle.large,
.fwdoc .EVPSubtitle.large{
	font-size: 28px !important;
	line-height: 38px !important;
	margin: 0 20px 20px !important;
}

.fwdoc-rl .fwdevp-autoplay-text,
.fwdoc .fwdevp-autoplay-text{
	font: 500 12px Roboto, Arial !important;
	top: 12px !important;
	left: 12px !important;
	border-radius: 14px;
	line-height: 14px !important;
	padding: 6px 23px 6px 18px !important;
	background-color: rgba(0, 0, 0, 0.4);
	color: #FFFFFF;
	transition: background-color .3s ease-out, color .3s ease-out;
}

.fwdoc-rl .fwdevp-autoplay-text:hover,
.fwdoc .fwdevp-autoplay-text:hover{
	color: #000;
	background-color: rgba(255, 255, 255, 1);
}


.fwdoc-rl .fwdevp-autoplay-text:hover svg path,
.fwdoc .fwdevp-autoplay-text:hover svg path{
	fill: #111;
}

.fwdoc-rl .fwdevp-time,
.fwdoc-rl .fwdevp-qaulity-button,
.fwdoc .fwdevp-time,
.fwdoc .fwdevp-qaulity-button{
	font: 400 13px  Arial !important;
}

.fwdoc-rl .fwdevp-autoplay-text svg,
.fwdoc .fwdevp-autoplay-text svg{
    transform: translate(6px, 2px);
}

.fwdoc-rl .fwdevp-autoplay-text svg path,
.fwdoc .fwdevp-autoplay-text svg path{
	transition: all .3s ease-out;
	fill: #FFFFFF;
}

.fwdoc-rl .EVP-tooltip-text,
.fwdoc .EVP-tooltip-text{
	font: 400 12px Arial !important;
	padding: 5px 8px 5px !important;
}


.fwdoc-rl .fwdevp-thubnails-preview-text,
.fwdoc .fwdevp-thubnails-preview-text{
	font: 400 13px Arial !important;
	padding: 5px 8px 4px !important;
}

.fwdoc-rl .fwdevp-skip,
.fwdoc-rl .fwdevp-ads,
.fwdoc .fwdevp-skip,
.fwdoc .fwdevp-ads{
	font-family: Arial !important;
}


.fwdoc-rl .fwdevp-password-title,
.fwdoc-rl .fwdevp-password-label,
.fwdoc-rl .fwdevp-password-input,
.fwdoc .fwdevp-password-title,
.fwdoc .fwdevp-password-label,
.fwdoc .fwdevp-password-input{
	font-family: Arial !important;
	height: auto !important;
}


/* Video player vector skin. */
.fwdoc .EVPMainButtonsNormalState,
.fwdoc-rl .EVPMainButtonsNormalState{
	overflow: visible !important;
	font-size: 26px !important;
	color:#999 !important;
}

.fwdoc .EVPMainButtonsSelectedState,	
.fwdoc-rl .EVPMainButtonsSelectedState{	
	overflow: visible !important;
	font-size:26px !important;
	color:#FFF !important;
}

.fwdoc .EVPMainButtonsNormalState .fwdoc-icon-play,
.fwdoc .EVPMainButtonsSelectedState .fwdoc-icon-play,
.fwdoc .EVPMainButtonsNormalState .fwdoc-icon-pause,
.fwdoc .EVPMainButtonsSelectedState .fwdoc-icon-pause,
.fwdoc-rl .EVPMainButtonsNormalState .fwdoc-icon-play,
.fwdoc-rl .EVPMainButtonsSelectedState .fwdoc-icon-play,
.fwdoc-rl .EVPMainButtonsNormalState .fwdoc-icon-pause,
.fwdoc-rl .EVPMainButtonsSelectedState .fwdoc-icon-pause{
	position: relative;
	left: 0;
	top: 1px;
}

.fwdoc .EVPMainButtonsNormalState .fwdoc-icon-sound,
.fwdoc .EVPMainButtonsSelectedState .fwdoc-icon-sound,
.fwdoc .EVPMainButtonsNormalState .fwdoc-icon-sound-off,
.fwdoc .EVPMainButtonsSelectedState .fwdoc-icon-sound-off,
.fwdoc-rl .EVPMainButtonsNormalState .fwdoc-icon-sound,
.fwdoc-rl .EVPMainButtonsSelectedState .fwdoc-icon-sound,
.fwdoc-rl .EVPMainButtonsNormalState .fwdoc-icon-sound-off,
.fwdoc-rl .EVPMainButtonsSelectedState .fwdoc-icon-sound-off{
	position: relative;
	left: 0;
	top: 2px;
}

.fwdoc .EVPMainButtonsNormalState .fwdoc-icon-cast,
.fwdoc .EVPMainButtonsSelectedState .fwdoc-icon-cast,
.fwdoc .EVPMainButtonsNormalState .fwdoc-icon-fullscreen,
.fwdoc .EVPMainButtonsSelectedState .fwdoc-icon-fullscreen,
.fwdoc .EVPMainButtonsNormalState .fwdoc-icon-sound-normalscreen,
.fwdoc .EVPMainButtonsSelectedState .fwdoc-icon-sound-normalscreen,
.fwdoc-rl .EVPMainButtonsNormalState .fwdoc-icon-cast,
.fwdoc-rl .EVPMainButtonsSelectedState .fwdoc-icon-cast,
.fwdoc-rl .EVPMainButtonsNormalState .fwdoc-icon-fullscreen,
.fwdoc-rl .EVPMainButtonsSelectedState .fwdoc-icon-fullscreen,
.fwdoc-rl .EVPMainButtonsNormalState .fwdoc-icon-sound-normalscreen,
.fwdoc-rl .EVPMainButtonsSelectedState .fwdoc-icon-sound-normalscreen{
	position: relative;
	top: 1px;
}

.fwdoc .table-fwdevp-button,
.fwdoc-rl .table-fwdevp-button{ 
	display: table;
	position: absolute;
	width: 100%;
	height: 100%;
}

.fwdoc .EVPMainButtonsNormalState .fwdoc-icon-fullscreen,
.fwdoc .EVPMainButtonsSelectedState .fwdoc-icon-fullscreen{
	left: 0;
}

.fwdoc .table-cell-fwdevp-button,
.fwdoc-rl .table-cell-fwdevp-button{
	position: static !important;
	display: table-cell;
	width: 100%;
	height: 100%;
	vertical-align: middle;
	text-align: center;
}

.fwdoc .EVPLargePlayButtonNormalState,
.fwdoc-rl .EVPLargePlayButtonNormalState{
	position: absolute;
	font-size: 36px;
	width: 64px;
	height: 64px;
	cursor: pointer;
	background-color: rgba(0,0,0,.4);
	color:#BBB9BA;
}

.fwdoc .EVPLargePlayButtonNormalState{
	background-color: rgba(0,0,0,.4) !important;
	transition: all .25s ease-out !important;
}

.fwdoc .EVPLargePlayButtonNormalState.selected{
	background-color: rgba(0,0,0,.6) !important;
	color: #FFF
}

.fwdoc .EVPLargePlayButtonNormalState .table-cell-fwdevp-button,
.fwdoc-rl .EVPLargePlayButtonNormalState .table-cell-fwdevp-button,
.fwdoc .EVPLargePlayButtonSelectedState .table-cell-fwdevp-button,
.fwdoc-rl .EVPLargePlayButtonSelectedState .table-cell-fwdevp-button{
	padding: 1px 0 0 !important;
}

.fwdoc-rl .EVPLargePlayButtonSelectedState{
	position: absolute;
	font-size: 36px;
	width: 64px;
	height: 64px;
	cursor: pointer;
	background-color: rgba(0,0,0,.6);
	color: #FFF;
}

.fwdoc .EVPLargePlayButtonSelectedState .table-cell-fwdevp-button,
.fwdoc-rl .EVPLargePlayButtonSelectedState .table-cell-fwdevp-button{
	padding:2px 0 0;
}


/** 
 * --------------------------------------------------------------------------------
 *	LIGHTBOX
 * --------------------------------------------------------------------------------
 */

 /* Counter. */
.fwdoc-rl-counter .text{
	font: 400 14px Arial;
	color: #B9B9B9;
	padding: 9px 9px !important;
	background-color: rgba(0,0,0,.4) !important;
}

.fwdoc-rl-counter.in .text{
	text-align: center;
	padding: 9px 8px !important;
	transform-origin: top left;
	transform: rotate(90deg) !important;
	background-color:transparent !important;
}

 /* Caption. */
.fwdoc-rl-caption{
	box-sizing: content-box;
	text-align: center;
}

.fwdoc-rl-caption .fwdrl-title{
	font: 700 18px 'Montserrat', sans-serif !important;
	line-height: 21px;
	margin: 21px 20px 0;
	color: #FFFFFF;
}

.fwdoc-rl-caption .fwdrl-desc{
	font: 400 14px 'Montserrat', sans-serif !important;
	font-style: italic;
	line-height: 19px;
	margin: 5px 20px 0;
	padding: 0 0 1px 0;
	color: #E9E9E9;
}

.fwdoc-rl-caption .fwdrl-desc strong{
	color: #FFFFFF !important;
}

.fwdoc-rl-caption .fwdrl-desc a{
	box-sizing: content-box;
	text-decoration: none;
    background-image: linear-gradient(#E9E9E9 calc(100% - 2px), #E9E9E9 1px);
    background-position: 0 calc(100% + 1px);
    background-repeat: no-repeat;
    background-size: 0% 1px;
    transition: background-size 0.6s cubic-bezier(0.215, 0.61, 0.355, 1), color 0.3s ease-out, background 0.3s ease-out, border-color 0.3s ease-out;
  	border-bottom: 1px solid rgba(163, 192, 30, 0.4);
    color: #E9E9E9;
}

.fwdoc-rl-caption .fwdrl-desc a:hover{
    background-size: 100% 1px;
    color: #FFFFFF;
}


/* Caption bottom out. */
.fwdoc-rl-caption.out .fwdrl-title{
	margin: 21px 0 7px;
}

.fwdoc-rl-caption.out .fwdrl-desc{
	margin: 5px 0 0;
}

@media screen and (max-width: 600px){
	.fwdoc-rl-caption.out .fwdrl-title{
		margin: 21px 10px 0;
	}

	.fwdoc-rl-caption.out .fwdrl-desc{
		margin: 5px 10px 0;
	}
}


/* Caption top/bottom in. */
.fwdoc-rl-caption.bottomin .background,
.fwdoc-rl-caption.topin .background{
	background: linear-gradient(180deg, rgba(0, 0, 0, 0) 8.85%, rgba(0, 0, 0, 0.171875) 38.54%, rgba(0, 0, 0, 0.510026) 68.75%, #000000 100%);
	opacity: 0.6;
}

.fwdoc-rl-caption.topin .background{
	transform: rotate(180deg);
}

.fwdoc-rl-caption.bottomin .fwdrl-title{
	margin-top: 50px;
}

.fwdoc-rl-caption.bottomin .fwdrl-desc{
	margin-bottom: 28px;
}

.fwdoc-rl-caption.bottomin.small-screen .fwdrl-title{
	margin: 50px 10px 0;
}

.fwdoc-rl-caption.bottomin.small-screen .fwdrl-desc{
	margin: 5px 10px 15px;
}

.fwdoc-rl-caption.topin .fwdrl-title{
	margin-top: 29px;
}

.fwdoc-rl-caption.topin .fwdrl-desc{
	margin-bottom: 50px;
}

.fwdoc-rl-caption.topin.small-screen .fwdrl-title{
	margin: 15px 10px 0;
}

.fwdoc-rl-caption.topin.small-screen .fwdrl-desc{
	margin: 5px 10px 50px;
}


/* Share buttons. */
.fwdoc-rl-share{
	width: 164px;
	border-radiusX: 2px;
	/* This is set by default in the settings, uncomment it to use it. */
	/*background-color: #FFFFFF !important;*/ 
}

.fwdoc-rl-share .fwdoc-rl-pointer{
	/* This is set by default in the settings, uncomment it to use it. */
	/*background-color: #FFFFFF !important;*/
}

.fwdoc-rl-share .fwdoc-rl-text{
	font: 700 22px 'Montserrat', sans-serif !important;
	text-align: center;
	border-bottom: 1px solid #E3E3E3 !important;
	padding: 13px 0 10px !important;
	color: #1E1E1E;
}

.fwdoc-rl-share .fwdoc-rl-buttons-holder{
	padding: 15px 18px 2px !important;
}

.fwdoc-rl-share .fwdoc-rl-share-button{
	margin: 0 16px 10px 0 !important;
}

.fwdoc-rl-share .fwdoc-rl-share-button:nth-child(3n){
	margin-right: 0 !important;
}


/* HTML content form. */
.fwdrl-html-content{
	overflow: auto;
	height: 100%;
	text-align: center;
	background: #FFF;
}

.fwdrl-html-content img{
	margin: 50px auto 0 ;
}

.fwdrl-html-content h1{
	font: 500 33px Roboto, Arial !important;
	line-height: 39px;
	max-width: 300px;
	margin: 20px auto 0;
	color: #111;
}

.fwdrl-html-content p{
	font: 300 14px Roboto, Arial !important;
	line-height: 24px !important;
	margin: 16px 20px 30px;
}

.fwdrl-html-content input{
	font: 300 14px Roboto, Arial !important;
	width: 100%;
	max-width: 274px;
	border: 1px solid #FFF;
	padding: 18px 30px;
	background: #F5F5F5;
}

.fwdrl-html-content input:focus {
    outline: none !important;
    border: 1px solid #111;
}

.fwdrl-html-content h4{
	font: 700 14px Roboto, Arial !important;
	cursor: pointer;
	width: 100%;
	max-width: 274px;
	margin: 11px auto 0;
	padding: 18px 30px;
	background: #570AB8;
	color: #FFF;
	transition: all .25s ease-out;
}

.fwdrl-html-content h4:hover{
	background: #6B13DA;
	color: #FFF;
}


/* Lightbox vector skin.*/
.fwdoc-rl-button{
	position: relative !important;
	width: 32px;
	height: 32px;
	font-size: 23px;
	background-color:rgba(0,0,0,.4);
	color:#B9B9B9;
	transition: all .25s ease-out;
}

.fwdoc-rl-button .fwdoc-icon{
 	position: absolute;
}

.fwdoc-rl-button.selected{
	background-color:rgba(0,0,0,.6) ;
	color:#FFF;
}

.fwdoc-icon-close{
	left: 4px;
	top: 4px;
}

.fwdoc-icon-play,
.fwdoc-icon-pause{
	left: 5px;
	top: 4px;
}

.fwdoc-icon-zoomin,
.fwdoc-icon-zoomout{
	left: 4px;
	top: 4px;
}

.fwdoc-icon-fullscreen,
.fwdoc-icon-normalscreen{
	left: 4px;
	top: 4px;
}

.fwdoc-icon-share{
	left: 5px;
	top: 4px;
}

.fwdoc-icon-next{
	left: 6px;
	top: 4px;
}

.fwdoc-icon-prev{
	left: 4px;
	top: 4px;
}

.fwdoc-rl-share-button .fwdoc-rl-button{
	background-color: transparent;
	color: #000;
}

.fwdoc-rl-share-button .fwdoc-rl-button.selected{
	background-color: transparent;
	color: #FFF;
}

.fwdoc-icon-facebook{
	top: 4px;
	left: 4px;
}

.fwdoc-rl-button.facebook.selected{
	background-color: #1877F2;
}

.fwdoc-icon-twitter{
	top: 4px;
	left: 5px;
}

.fwdoc-rl-button.twitter.selected{
	background-color: #1DA1F3;
}

.fwdoc-icon-linkedin{
	top: 4px;
	left: 5px;
}

.fwdoc-rl-button.linkedin.selected{
	background-color: #0A66C2;
}

.fwdoc-icon-tumblr{
	top: 4px;
	left: 4px;
}

.fwdoc-rl-button.tumblr.selected{
	background-color: #FF8A00;
}

.fwdoc-icon-pinterest{
	top: 4px;
	left: 4px;
}

.fwdoc-rl-button.pinterest.selected{
	background-color: #FF8A00;
}

.fwdoc-icon-reddit{
	top: 4px;
	left: 4px;
}

.fwdoc-rl-button.reddit.selected{
	background-color: #F74300;
}

.fwdoc-icon-buffer{
	top: 4px;
	left: 4px;
}

.fwdoc-rl-button.buffer.selected{
	background-color: #2C4BFF;
}

.fwdoc-icon-digg{
	top: 4px;
	left: 4px;
}

.fwdoc-rl-button.digg.selected{
	background-color: #2066A3;
}

.fwdoc-icon-blogger{
	top: 4px;
	left: 4px;
}

.fwdoc-rl-button.blogger.selected{
	background-color: #F74300;
}


/** 
 * --------------------------------------------------------------------------------
 *	GUI
 * --------------------------------------------------------------------------------
 */
.dg.main.a{
    z-index: 9999;
    margin:0;
}

.dg.main.a.closed{
 
}

.dg.main.a.opened{
  
}

.dg .c{
    width: 50% !important;
}

.dg .property-name{
    width: 50% !important;
}

.dg.main.a .carousel{
    width: 71%;
    margin-left:0;
}

.dg.main.a .has-carousel input[type=text]{
    width: 24% !important;
    padding: 2px !important;
}

.dg.main.a .cr.color input[type=text]{
    padding: 2px 0;
}

.dg .close-button{
    width: 100% !important;
}

.dg > ul{
    height: auto !important;
}

/* Stats. */
.fwdoc-imafe-manager > div{
    position: absolute !important;
}

@media screen and (max-width: 1200px){
	.dg.main{
		display: none !important
	}
}