/**
 * Forever Grid PACKAGED v:1.0
 * Forever Grid global CSS.
 * @author Tibi - FWDesign [https://webdesign-flash.ro/]
 * Copyright © Since 2006 All Rights Reserved.
 */


/* Font icon. */
@font-face {
    font-family: 'fwdfgcon';
    src:
      url('fonts/fwdfgcon.ttf?ki1d5r') format('truetype'),
      url('fonts/fwdfgcon.woff?ki1d5r') format('woff'),
      url('fonts/fwdfgcon.svg?ki1d5r#fwdfgcon') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}
  
.fwdfg-icon,
[class^="fwdfg-icon-"]:before,
[class*=" fwdfg-icon-"]:before {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'fwdfgcon' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
  
   /* Better Font Rendering =========== */
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
}

.fwdfg-icon-scroll-1:before {
    content: "\e901";
}

.fwdfg-icon-scroll:before {
    content: "\e902";
}

.fwdfg-icon-warning:before {
    content: "\e900";
 }
  

/* Scroll button. */
.fwdfg-scroll-button{
    position: absolute !important;
    left: calc(50% - 40px) !important;
    top:  calc(100% - 70px) !important;
    mix-blend-mode: difference !important;
}

.fwdfg-scroll-button .fwdfg-icon-scroll{
    font-size: 40px !important;
}

.fwdfg-scroll-button .fwdfg-icon-scroll-1{
    font-size: 40px !important;
}


/* Fluid effect. */
.fwdfg-fluid-main-text{
    font: 800 60px 'Titillium Web', sans-serif !important;
    color: #111111;
}

.fwdfg-fluid-sub-text{
    font: 400 16px 'Titillium Web', sans-serif !important;
    display: block !important;
    letter-spacing: 2px !important;
    margin: -30px auto 0 !important;
    color: #111111;
}

.fwdfg-fluid-main-text span,
.fwdfg-fluid-sub-text span{
    backface-visibility: hidden;
    transform-style: preserve-3d;
    will-change: transform, opacity;
}



/* Caption. */
.fwdfg.caption{
    font: 400 18px 'Titillium Web', sans-serif !important;
    width: 100%;
    line-height: 2 !important;
    white-space: nowrap !important;      
    text-align: center !important;
    overflow: hidden !important;      
    pointer-events: none !important;  
    text-overflow: ellipsis !important;
    box-sizing: border-box !important;
    margin: -5px 0 0 0 !important;
    color: #FFFFFF !important;
}


/* Background text. */
.fwdfg-bk-text {
    font: 800 260px 'Titillium Web', sans-serif !important;
    display: inline-block !important;
    line-height: 1 !important;
    letter-spacing: 20px !important;
    white-space: nowrap !important;  
    pointer-events: none !important;
    box-sizing: border-box !important;
    color: #121212 !important;
    width: auto !important;
    overflow: visible !important;
    text-align: left !important;
}

.fwdfg-bk-letter {
    will-change: opacity, transform !important;
}

@media screen and (max-width: 1250px) {
    .fwdfg-bk-text {
        font-size: 190px !important;
        letter-spacing: 10px !important;
    }
}

@media screen and (max-width: 950px) {
    .fwdfg-bk-text {
        font-size: 140px !important;
        letter-spacing: 10px !important;
    }
}

@media screen and (max-width: 750px) {
    .fwdfg-bk-text {
        font-size: 100px !important;
        letter-spacing: 10px !important;
    }
}

@media screen and (max-width: 600px) {
    .fwdfg-bk-text {
        font-size: 70px !important;
        letter-spacing: 10px !important;
    }
}



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

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

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

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

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

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

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

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


/* Scroll down mouse icon. */
.fwdfg-mouse-scroll-icon {
    position: absolute  !important;
    mix-blend-mode: difference  !important;
    left: calc(50% - 15px) !important;
    top: calc(100% - 70px) !important;
    z-index: 1 !important;
    opacity: 0;
    animation-name: fwdfg_fade_in_opacity;
    animation-duration: 2.5s;
    animation-delay: 2s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards; /* Ensures opacity remains at 1 after animation */
}

/* Keyframes for the opacity animation */
  @keyframes fwdfg_fade_in_opacity {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

.fwdfg-mouse-scroll-icon .scrolldown {
    border: 3px solid #ffffff;
    border-radius: 20px;
    height: 40px;
    margin: 0 auto 8px;
    text-align: center;
    width: 26px;
}

.fwdfg-mouse-scroll-icon .scrolldown-p1,
.fwdfg-mouse-scroll-icon .scrolldown-p2 {
    animation-duration: 1.5s;
    animation-name: fwdfg_scroll_down;
    animation-iteration-count: infinite;
    fill: #FFFFFF;
}
  
.fwdfg-mouse-scroll-icon .scrolldown-p2 {
	  animation-delay: .75s;
}

@keyframes fwdfg_scroll_down {
    0% {
        opacity: 0;
        transform: translate(0, -8px);
    }
    50% {
        opacity: 1;
        transform: translate(0, 0);
    }
    100% {
        opacity: 0;
        transform: translate(0, 8px);
    }
}



/** 
 * --------------------------------------------------------------------------------
 *  LIGHTBOX VIDEO PLAYER
 * --------------------------------------------------------------------------------
 */
.fwdfg-rl .EVPSubtitle,
.fwdfg .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;
}

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

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

.fwdfg-rl .fwdevp-autoplay-text,
.fwdfg .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;
}

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


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

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

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

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

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


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

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


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


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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

 /* Caption. */
.fwdfg-rl-caption{
	text-align: center;
}

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

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

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

.fwdfg-rl-caption .fwdrl-desc a{
	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(233, 233, 233, 0.4);
    color: #E9E9E9;
}

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


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

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

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

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


/* Caption top/bottom in. */
.fwdfg-rl-caption.bottomin .background,
.fwdfg-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;
}

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

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

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

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

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

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

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

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

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


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

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

.fwdfg-rl-share .fwdfg-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;
}

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

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

.fwdfg-rl-share .fwdfg-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.*/
.fwdfg-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;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.fwdfg-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 .grid{
    width: 71%;
    margin-left:0;
}

.dg.main.a .has-grid 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. */
.fwdfg-imafe-manager > div{
    position: absolute !important;
}