/**
 * Main communicate CSS file.
 */

/** 
 * --------------------------------------------------------------------------------
 *  1. VECTOR FONT - used for the vector skin.
 * --------------------------------------------------------------------------------
 */

@font-face {
    font-family: 'mona-sansextrabold_wide';
	font-display: swap;
    src: url('fonts/mona-sans-extraboldwide-webfont.woff2') format('woff2'), url('fonts/mona-sans-extraboldwide-webfont.woff') format('woff');
	font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'mona-sanslight_wide';
	font-display: swap;
    src: url('fonts/mona-sans-lightwide-webfont.woff2') format('woff2'), url('fonts/mona-sans-lightwide-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
  font-family: 'icomoon';
  font-display: swap;	
  src:  url('fonts/icomoon.eot?q9fbtl');
  src:  url('fonts/icomoon.eot?q9fbtl#iefix') format('embedded-opentype'),
    url('fonts/icomoon.ttf?q9fbtl') format('truetype'),
    url('fonts/icomoon.woff?q9fbtl') format('woff'),
    url('fonts/icomoon.svg?q9fbtl#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

body {
  background:#0c0c0c; 
  margin:0; 
/*  height:100vH; */
  overflow-x:hidden;
}
#c8head {
  height:100px; 
  padding:20px;
  text-align:center;
}
@keyframes animlogo {
	0% { 
	opacity: 0;
	transform: translateY(160px);
	-webkit-transform: translateY(160px);
	}
	74% { 
	transform: translateY(-8px);
	-webkit-transform: translateY(-8px);
	}
	78% { 
	opacity: 1;
	transform: translateY(-8px);
	-webkit-transform: translateY(-8px);
	}
	100% { 
	opacity: 1;
	transform: translate(0px);
	-webkit-transform: translate(0px);
	}
}
.c8home .c8title {
	opacity:0;
	animation: animlogo ease 1.5s forwards 1;
	animation-delay: 1.2s;
}
@keyframes animfooter {
	0% { 
	opacity: 0;
	}
	100% { 
	opacity: 1;
	}
}
.c8home .footer {
	opacity:0;
	animation: animfooter ease-in 1.8s forwards 1;
	animation-delay: 1.8s;
}
.c8title {
  position: relative;
  font-family: 'mona-sansextrabold_wide';
  color: #fff;
  text-transform: uppercase;
  font-size: calc(1rem + 3vw);
  line-height: calc(1rem + 3vw);
  font-weight: 500;
  vertical-align: top;
  width: auto;
  overflow: hidden;
  padding: 0;
  margin: 30px auto 0 auto;
  z-index: 2;
}
h1 a, h1 a:hover, h1 a:visited {color:#fff; text-decoration:none;}
.c8title a {
	-webkit-transition: all .1s ease-in-out 0s;
    transition: all .1s ease-in-out 0s;
}
em {
  font-family: 'mona-sanslight_wide';
  font-style: normal;
}
#c8blur {
position: relative;
  inset: 0;
  backdrop-filter: blur(0.1875px);
  -webkit-backdrop-filter: blur(0.1875px);
  mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 12.5%, rgba(0, 0, 0, 1) 25%, rgba(0, 0, 0, 0) 100%);
  -webkit-mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 12.5%, rgba(0, 0, 0, 1) 25%, rgba(0, 0, 0, 0) 100%);
  top: 5px;
  z-index: 1;
  height: 10px;
  background: #000;
}
#c8projects, .fwdsgp, .main-thumbs-holder, .thumbs-holder {height:calc(100vH - 241px) !important;} 
.fwdsgp-rl-item-background {
  background-image: url('data:image/svg+xml,<svg id="communicate" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 79.37 52.19"><path fill="%231f2226" d="M68.82,12.49c-12.03-2.68-37.8,2.9-40.06,6.12-2.25,3.22-2.15,23.95,2.58,28.24,4.72,4.3,39.63,7.09,44.89,4.08,5.26-3.01,4.62-35.76-7.41-38.45ZM59.31,38.95c-2.83,1.62-21.59.12-24.13-2.19-2.54-2.31-2.6-13.45-1.39-15.19,1.21-1.73,15.07-4.73,21.54-3.29,6.47,1.44,6.81,19.05,3.98,20.67Z"/><path fill="%231f2226" d="M41.42,2.85C39-.43,11.03-.98,6.9,1.73,2.72,4.48-2.34,22.58,1.19,27c3.53,4.42,35.84,3.16,40.35,1.09,4.51-2.07,2.31-21.95-.12-25.23ZM37.68,24.31c-2.28,1.05-18.62,1.68-20.41-.55-1.79-2.23.77-11.39,2.89-12.78,2.09-1.37,16.24-1.09,17.46.57,1.23,1.66,2.34,11.71.06,12.76Z"/><path fill="%231f2226" d="M47.14,12.99c-9.07,1.44-17.16,3.87-18.38,5.62-.46.66-.83,2.07-1.07,3.92-.34,2.58,5.25,2.85,5.58.78.13-.81.31-1.43.52-1.74.82-1.18,7.49-2.94,13.7-3.5l-.35-5.08Z"/></svg>');
  background-color: transparent !important;
  background-repeat: no-repeat;
  background-position: 30px; 
}
@media only screen and (max-width: 680px) {
	#c8head {
		height: 40px;
		padding: 20px 10px 0 10px;
	}
	.c8title {margin-top:0px;}
	#c8projects, .fwdsgp, .main-thumbs-holder, .thumbs-holder {height:calc(100vH - 161px) !important;} 
	.sep {display:none;}
	.address {display:block;}
	}

@media only screen and (max-width: 488px) {
	#c8head {
	    height: 60px;
	    padding: 10px 10px 0 10px;
	}
	#c8footer {
		height: 55px;
		padding: 12px 0px;
	}
	#c8projects, .fwdsgp, .main-thumbs-holder, .thumbs-holder {height:calc(100vH - 155px) !important;} 
	.fwdsgp-rl-item-background {background:#212121 !important; background-image: linear-gradient(to top, #000, #212121) !important;}
	.fwdsgp-rl-item, .fwdsgp-rl-item-border, .fwdsgp-rl-item-background, iframe {min-height:280px;}
	.fwdsgp-rl-caption.out {top: 0px !important;}
	.address, .contact {letter-spacing: 0.75px;}
}
#mySidenav {
  position: absolute;
  top:20px;
  left:-20px;
  z-index: 9;
}
#mySidenav a {
  position: absolute;
  left: -170px;
  transition: 0.3s;
  padding: 6px 15px 6px 30px;
  width: 180px;
  border-radius: 0 5px 5px 0;
  text-decoration: none;
  text-align:left;
  font-family: 'mona-sanslight_wide';
  font-size: 16px;
  color: white;
}
#mySidenav a:hover, #mySidenav a.active {
  left: 0;
}
#business {
  top: 0px;
  background-color: #e30613;
}
#art {
  top: 40px;
  background-color: #9400FF;
}
#associations {
  top: 80px;
  background-color: #98CD00;
}
#c8footer {
  height: 55px;
  margin: 0px;
  position: fixed;
  bottom: 0;
  width: 100%;
  background: black;
  padding: 18px 0px;
  text-align: center;
}
#c8footer, #c8footer a {
  font-family: 'mona-sanslight_wide';
  font-style: normal;
  font-size: 12px;
  line-height: 1.6;
  text-decoration:none;
  letter-spacing: 1.25px;
}
.communicate, .contact a:hover {color: rgba(255,255,255,1);}
.communicate {letter-spacing:2px;}
.address, .sep, .contact, .contact a {color: rgba(255,255,255,0.5);}
.contact {white-space:nowrap;}
/*
@font-face {
  font-family: Jura;
  src: url(https://fonts.googleapis.com/css?family=Jura:300,400,500,600,700);
}
*/
/* endc8 */

@font-face {
  font-family: 'fwdsgpicon';
  font-display: swap;	
  src:  url('fonts/fwdsgpicon.eot?7hqp96');
  src:  url('fonts/fwdsgpicon.eot?7hqp96#iefix') format('embedded-opentype'),
    url('fonts/fwdsgpicon.ttf?7hqp96') format('truetype'),
    url('fonts/fwdsgpicon.woff?7hqp96') format('woff'),
    url('fonts/fwdsgpicon.svg?7hqp96#fwdsgpicon') format('svg');
  font-weight: normal;
  font-style: normal;
}

.fwdsgpicon-,
[class^="fwdsgpicon-"]:before,
[class*=" fwdsgpicon-"]:before {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'fwdsgpicon' !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;
}

.fwdsgpicon-10:before {
  content: "\e900";
}
.fwdsgpicon-blogger:before {
  content: "\e901";
}
.fwdsgpicon-buffer:before {
  content: "\e902";
}
.fwdsgpicon-cast:before {
  content: "\e903";
}
.fwdsgpicon-CC:before {
  content: "\e904";
}
.fwdsgpicon-CC-off:before {
  content: "\e905";
}
.fwdsgpicon-close:before {
  content: "\e906";
}
.fwdsgpicon-digg:before {
  content: "\e907";
}
.fwdsgpicon-facebook:before {
  content: "\e908";
}
.fwdsgpicon-fullscreen:before {
  content: "\e909";
}
.fwdsgpicon-headephone:before {
  content: "\e90a";
}
.fwdsgpicon-iframe:before {
  content: "\e90b";
}
.fwdsgpicon-image:before {
  content: "\e90c";
}
.fwdsgpicon-link:before {
  content: "\e90d";
}
.fwdsgpicon-linkedin:before {
  content: "\e90e";
}
.fwdsgpicon-menu-icon:before {
  content: "\e90f";
}
.fwdsgpicon-next:before {
  content: "\e910";
}
.fwdsgpicon-normalscreen:before {
  content: "\e911";
}
.fwdsgpicon-pause:before {
  content: "\e912";
}
.fwdsgpicon-phone-blooked:before {
  content: "\e913";
}
.fwdsgpicon-phone-unblooked:before {
  content: "\e914";
}
.fwdsgpicon-pinterest:before {
  content: "\e915";
}
.fwdsgpicon-play:before {
  content: "\e916";
}
.fwdsgpicon-play-fill:before {
  content: "\e917";
}
.fwdsgpicon-prev:before {
  content: "\e918";
}
.fwdsgpicon-reddit:before {
  content: "\e919";
}
.fwdsgpicon-settings:before {
  content: "\e91a";
}
.fwdsgpicon-share:before {
  content: "\e91b";
}
.fwdsgpicon-sound:before {
  content: "\e91c";
}
.fwdsgpicon-sound-off:before {
  content: "\e91d";
}
.fwdsgpicon-tumblr:before {
  content: "\e91e";
}
.fwdsgpicon-twitter:before {
  content: "\e91f";
}
.fwdsgpicon-vimeo:before {
  content: "\e920";
}
.fwdsgpicon-vr:before {
  content: "\e921";
}
.fwdsgpicon-watch-later:before {
  content: "\e922";
}
.fwdsgpicon-wheel-blooked:before {
  content: "\e923";
}
.fwdsgpicon-wheel-unblooked:before {
  content: "\e924";
}
.fwdsgpicon-youtube:before {
  content: "\e925";
}
.fwdsgpicon-zoomin:before {
  content: "\e926";
}
.fwdsgpicon-zoomout:before {
  content: "\e927";
}

[class^="fwdsgpicon-image"]:before,
[class*=" fwdsgpicon-image"]:before,
[class^="fwdsgpicon-iframe"]:before,
[class*=" fwdsgpicon-iframe"]:before {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !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;
}
.fwdsgpicon-iframe:before {
  content: "\e900";
}
.fwdsgpicon-image:before {
  content: "\e900";
}
.icon-c8:before {
  content: "\e900";
}


/** 
 * --------------------------------------------------------------------------------
 *  2. Gallery.
 * --------------------------------------------------------------------------------
 */

.fwdsgp-hide{
    opacity:0;
    transition: opacity .6s cubic-bezier(.7,0,.2,1), transform .6s cubic-bezier(.7,0,.2,1);
    transform: translateY(50px);
}

.reveal{
    opacity:1;
    transform: translateY(0);
}

.fwdsgp .p-nothing-found{
    font: normal bold 14px 'Roboto', sans-serif;
    text-transform: uppercase;
    color:#000;
}


/* Gallery icons */
.fwdsgp .fwdrlin.fwdsgpicon:before{
/*  font-size: 26px !important; */
  font-size: 32px !important;
  backface-visibility: hidden;
  color: #FFF;
  cursor: pointer !important;
}


/* Search in. */
.fwdsgp .p-wrapper{
    position:absolute !important;
    overflow: visible;
    width:40px;
    top: 30px !important;
    z-index: 999 !important;
    background-color:rgba(0,0,0,.6);
    color: #FFF;  
}

.fwdsgp .p-wrapper.no-menu{
    right:  30px !important;
}

.p-wrapper.showed{
    background-color: rgba(0,0,0,1);
}

.fwdsgp .p-wrapper span{
    font-size: 20px;
    float:left;
    margin: 11px 8px 11px 9px;
}

.fwdsgp .p-wrapper .search{
    font: none !important;
    font-family: none !important;
    cursor: pointer;
}

.fwdsgp .p-search {
  position:absolute !important;
  font: 14px Open Sans;
  width: 120px;
  padding: 11px !important;
  background-color: transparent;
  color: #FFF;
}

.fwdsgp .p-wrapper input{
  outline: unset !important;
}


/* Look/unlook scroll. */ 
.fwdsgp .look{
    overflow: visible !important;
    top: 20px !important;
    left: 20px !important;
} 

.fwdsgp .look .look-background-normal-state{
    border-radius:  100%;
    padding: 8px 9px 11px !important;
    background: rgba(0,0,0,.6);
} 

.fwdsgp .look .look-background-selected-state{
    border-radius: 100%;
    padding: 8px 9px 11px !important;
    background: rgba(0,0,0,1);
} 

.fwdsgp .look .look-fwdicon-normal-state{
    left: 9px !important;
    top: 9px !important;
    overflow: visible !important;
    font-size: 26px !important;
    color: #999 !important;
}

.fwdsgp .look .look-fwdicon-selected-state{
    left: 9px !important;
    top: 9px !important;
    overflow: visible !important;
    font-size: 26px !important;
    color: #FFF !important;
}

@media screen and (max-width: 500px){
    .fwdsgp .look{
        top: 11px !important;
        left: 11px !important;
    }
}


/* Gallery caption c8 */
.fwdsgp .caption{
    text-align: center;
}

.fwdsgp .caption .caption-in{
    top: auto !important;
    bottom: 0 !important;
}

.fwdsgp .caption .title{
/*    font: 700 18px Roboto, Arial; */
	font: 500 20px mona-sanslight_wide, Roboto, Arial;
    line-height: 23px;
/*    margin: 0 20px 0; */
    margin: 0 20px 30px;
    color: #FFFFFF;
}

.fwdsgp .caption .desc{
	display:none;
    font: 400 14px Roboto, Arial;
    font-style: italic;
    line-height: 19px;
    margin: 5px 20px 10px;
    color: #E9E9E9;
}

.fwdsgp .caption .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;
}

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

.fwdsgp .caption.out .title{
    color: #000;
    margin-top: 20px;
}

.fwdsgp .caption.out .desc{
    color: #333;
    margin-bottom: 40px;
}

.fwdsgp .caption.out .desc a{
   background-image: linear-gradient(#333 calc(100% - 2px), #333 1px);
    border-bottom: 1px solid rgba(51, 51, 51, 0.4);
    color: #333;
}


/* Thumb Video player vector skin. */
.fwdsgp .EVPSubtitle{
    font: 600 22px Roboto, Arial !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;
}

.fwdsgp .EVPSubtitle.phone{
    font-size: 14px !important;
    line-height: 18px !important;
    margin: 0 10px 10px !important;
}

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

.fwdsgp .EVPMainButtonsNormalState{
    font: none !important;
    font-family: none !important;
    overflow: visible !important;
    font-size: 26px !important;
    color:#999 !important;
}

.fwdsgp .EVPMainButtonsSelectedState{ 
    font: none !important;
    font-family: none !important;
    overflow: visible !important;
    font-size:26px !important;
    color:#FFF !important;
}

.fwdsgp .fwdsgpicon{
    display:  block !important;
    line-height: 0 !important;
    position: relative !important;
}

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

.fwdsgp .EVPMainButtonsSelectedState .fwdsgpicon-fullscreen{
    left: 0;
}

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

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

.fwdsgp .EVPLargePlayButtonNormalState .table-cell-fwdevp-button,
.fwdsgp .EVPLargePlayButtonSelectedState .table-cell-fwdevp-button{
    padding: 0 !important;
}

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


.fwdsgp .EVPMainButtonsNormalState .fwdsgpicon-fullscreen,
.fwdsgp .EVPMainButtonsSelectedState .fwdsgpicon-fullscreen,
.fwdsgp .EVPMainButtonsNormalState .fwdsgpicon-normalscreen,
.fwdsgp .EVPMainButtonsSelectedState .fwdsgpicon-normalscreen,
.fwdsgp .EVPMainButtonsNormalState .fwdsgpicon-play,
.fwdsgp .EVPMainButtonsSelectedState .fwdsgpicon-play,
.fwdsgp .EVPMainButtonsNormalState .fwdsgpicon-pause,
.fwdsgp .EVPMainButtonsSelectedState .fwdsgpicon-pause{
    font-size: 28px;
    top: -1px
}

.fwdsgp .fwdevp-quality-button img{
    top: 2px !important;
    left: -4px !important;
}



/** 
 * --------------------------------------------------------------------------------
 *  3. LIGHTBOX.
 * --------------------------------------------------------------------------------
 */

/* Lightbox Video player vector skin. */
.fwdsgp-rl .EVPSubtitle{
    font: 600 22px Roboto, Arial !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;
}

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

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

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

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

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

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

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

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

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

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

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

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

.fwdsgp-rl .EVPMainButtonsNormalState{
    font: none !important;
    font-family: none !important;
    overflow: visible !important;
    font-size: 26px !important;
    color:#999 !important;
}

.fwdsgp-rl .EVPMainButtonsSelectedState{ 
    font: none !important;
    font-family: none !important;
    overflow: visible !important;
    font-size:26px !important;
    color:#FFF !important;
}

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

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

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

.fwdsgp-rl .EVPLargePlayButtonNormalState .table-cell-fwdevp-button,
.fwdsgp-rl .EVPLargePlayButtonSelectedState .table-cell-fwdevp-button{
    padding: 0 !important;

}

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

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

.fwdsgp-rl .fwdevp-volume-scrubber{
    left: 2px !important;
}

.fwdsgp-rl .fwdsgpicon{
    line-height: 0 !important;
}

.fwdsgp-rl .EVPMainButtonsNormalState .fwdsgpicon-fullscreen,
.fwdsgp-rl .EVPMainButtonsSelectedState .fwdsgpicon-fullscreen,
.fwdsgp-rl .EVPMainButtonsNormalState .fwdsgpicon-normalscreen,
.fwdsgp-rl .EVPMainButtonsSelectedState .fwdsgpicon-normalscreen{
    position: relative !important;
    font-size: 28px !important;
    top: 1px !important;
    left: 3px !important;
}

.fwdsgp-rl .EVPMainButtonsNormalState .fwdsgpicon-play,
.fwdsgp-rl .EVPMainButtonsSelectedState .fwdsgpicon-play,
.fwdsgp-rl .EVPMainButtonsNormalState .fwdsgpicon-pause,
.fwdsgp-rl .EVPMainButtonsSelectedState .fwdsgpicon-pause{
    position: relative !important;
    font-size: 28px !important;
    top: 1px !important;
    left: -1px !important;
}


.fwdsgp-rl .fwdsgpicon-vr,
.fwdsgp-rl .fwdsgpicon-10,
.fwdsgp-rl .fwdsgpicon-watch-later,
.fwdsgp-rl .fwdsgpicon-sound,
.fwdsgp-rl .fwdsgpicon-sound-off,
.fwdsgp-rl .fwdsgpicon-settings{
    position: relative !important;
    top: 2px !important;
    left: 3px !important;
}

.fwdsgp-rl .fwdsgpicon-cast,
.fwdsgp-rl .fwdsgpicon-uncast{
    font-size: 28px !important;
    position: relative !important;
    top: 1px !important;
    left: 3px !important;
}

.fwdsgp-rl .fwdsgpicon-10{
    position: relative !important;
    left: -3px !important;
}

.fwdsgp-rl .fwdsgpicon-headephone{
    position: relative !important;
    top: 0 !important;
    left: 3px !important;
}

.fwdsgp-rl .fwdevp-quality-button img{
    position: relative !important;
    top: -4px !important;
    left: -1px !important;
}


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

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


/* Lightbox skin.*/
.fwdsgp-rl .fwdsgp-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;
}

.fwdsgp-rl .fwdsgp-rl-button .fwdsgpicon{
    position: absolute;
}

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

.fwdsgp-rl .fwdsgpicon-close{
    left: 4px;
    top: 4px;
}

.fwdsgp-rl .fwdsgpicon-play,
.fwdsgp-rl .fwdsgpicon-pause{
    left: 5px;
    top: 4px;
}

.fwdsgp-rl .fwdsgpicon-zoomin,
.fwdsgp-rl .fwdsgpicon-zoomout{
    left: 4px;
    top: 4px;
}

.fwdsgp-rl .fwdsgpicon-fullscreen,
.fwdsgp-rl .fwdsgpicon-normalscreen{
    position: absolute !important;
    left: 5px;
    top: 4px;
}

.fwdsgp-rl .fwdsgpicon-share{
    left: 5px;
    top: 4px;
}

.fwdsgp-rl .fwdsgpicon-next{
    left: 6px;
    top: 4px;
}

.fwdsgp-rl .fwdsgpicon-prev{
    left: 4px;
    top: 4px;
}

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

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

.fwdsgp-rl .fwdsgpicon-facebook{
    top: 4px;
    left: 4px;
}

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

.fwdsgp-rl .fwdsgpicon-twitter{
    top: 4px;
    left: 5px;
}

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

.fwdsgp-rl .fwdsgpicon-linkedin{
    top: 4px;
    left: 5px;
}

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

.fwdsgp-rl .fwdsgpicon-tumblr{
    top: 4px;
    left: 4px;
}

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

.fwdsgp-rl .fwdsgpicon-pinterest{
    top: 4px;
    left: 4px;
}

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

.fwdsgp-rl .fwdsgpicon-reddit{
    top: 4px;
    left: 4px;
}

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

.fwdsgp-rl .fwdsgpicon-buffer{
    top: 4px;
    left: 4px;
}

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

.fwdsgp-rl .fwdsgpicon-digg{
    top: 4px;
    left: 4px;
}

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

.fwdsgp-rl .fwdsgpicon-blogger{
    top: 4px;
    left: 4px;
}

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



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

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

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

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


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

.fwdsgp-rl .fwdsgp-rl-caption .fwdrl-title{
/*    font: 700 18px Roboto, Arial; */
	font: 500 20px mona-sanslight_wide, Roboto, Arial;
    line-height: 23px;
    margin: 23px 20px 0;
    color: #FFFFFF;
}

.fwdsgp-rl .fwdsgp-rl-caption .fwdrl-desc{
    font: 400 14px Roboto, Arial;
    font-style: italic;
    line-height: 19px;
    margin: 5px 20px 0;
    color: #E9E9E9;
}

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

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

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


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

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

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

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

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

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

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

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

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

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


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

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

.fwdsgp-rl .fwdsgp-rl-share .fwdsgp-rl-text{
    font: 400 14px Roboto, Arial;
    text-align: center;
    border-bottom: 1px solid #E3E3E3 !important;
    padding: 13px 0 10px !important;
    color: #1E1E1E;
}

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

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

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

.fwdsgp-no-transform{
    transform: none !important;
}

/* c8 */
div#preload {display: none;}