@import url('//fonts.googleapis.com/css?family=Montserrat');

@font-face {
  font-family: 'rectrace';
  src: url('data:application/x-font-ttf;charset=utf-8;base64,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');
  font-weight: normal;
  font-style: normal;
}

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

.icon-delete:before {
  content: "\e903";
  color: #434a54;
}
.icon-edit-title:before {
  content: "\e904";
  color: #434a54;
}
.icon-email:before {
  content: "\e905";
  color: #434a54;
}
.icon-link:before {
  content: "\e906";
  color: #434a54;
}
.icon-embed:before {
  content: "\ea80";
  color: #434a54;
}
.icon-mic-off:before {
  content: "\e907";
  color: #8d9399;
}
.icon-mic-on:before {
  content: "\e908";
  color: #434a54;
}
.icon-save:before {
  content: "\e909";
  color: #434a54;
}
.icon-screen:before {
  content: "\e90a";
  color: #434a54;
}
.icon-share:before {
  content: "\e90b";
  color: #434a54;
}
.icon-tab:before {
  content: "\e90c";
  color: #434a54;
}
.icon-webcam-on:before {
  content: "\e90d";
  color: #434a54;
}
.icon-webcam-off:before {
  content: "\e90e";
  color: #8d9399;
}

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


body *{
	font-family: 'Montserrat', sans-serif;
}
body {
	align-items: center;
	background-color: #F1F3F4;
	display: block;
	margin: 0;
	padding: 0;
	position: relative;
}

.header{
	width: 100%;
    height: 80px;
    background: #fff;
    position: fixed;
    background: #fff;
    border-top: 5px solid #0086cf;
    padding: 0 10px;
    top: 0;
    left: 0;
    border-bottom: 1px solid #d8dadf;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
    z-index: 1500;
    clear: both;
    max-width: 100%;
}

.container{max-width:800px; margin: 0 auto; padding-top: 60px; margin-top:80px}

.player-name-container {
	position: relative;
	margin-bottom: 1em;
}

.player-name-container #edit-player-name{
	font-size: 24px;
    background: transparent;
    color: #434A54;
    position: absolute;
    display: block;
    vertical-align: middle;
	top: 5px;
    right: 0;
    display: none;
}

.player-name-container #edit-player-name:focus{
	outline: none !important;
}

.player-name-container input {
    box-sizing: border-box;
    background-color: #fff;
    color: #414142;
    font-weight: 700;
    margin: 42px 0;
    display: block;
    width: 100%;
    font-size: 15px;
    color: #343a41;
    border: 1px solid #d8dade;
    border-radius: 2px;
    padding: 12px 14px;
    outline: none !important;
}

.hide {
    display: none!important;
}

.player-name-container h1 {
	min-height: 1em;
	text-align:center;
	max-width: 750px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
	font-size: 32px;
    color: #434A54;
    letter-spacing: 0;
	margin: 42px 0;
}

#button-bar {
    display: inline-block;
    background: #F1F3F4;
    text-align: center;
    height: 100%;
    width: calc(100% - 165px);
    background: transparent;
    vertical-align: middle;
    text-align: right;
    padding-right: 20px;
    box-sizing: border-box;
}

#delete{
    display: none
}

a.action_button{
    text-align: center;
    position: relative;
    padding: 19px 14px;
    color: transparent;
    box-shadow: none;
    display: inline-block;
    background: #fff;
    cursor: pointer;
    vertical-align: top;
}
a.action_button >i {
    font-size: 20px;
    color: #434A54;
    line-height: 40px;
}
a.action_button >b{
    display: inline-block;
    font-size: 14px;
    color: #676768;
    line-height: 40px;
    vertical-align: top;
    margin-left: 9px;
}

a.action_button:hover{
    background-color: #F1F3F4;
}

#download{margin-left:0!important}

button {
	cursor: pointer;
	color: #000;
	background-color: #fff;
	border: 0;
}

#player, #photo{display:none; }
#photo{
	width:800px; 
	height:auto;    
	display: none;
    padding: 15px 15px;
    background-color: white;
    box-shadow: 0 1px 3px rgba(34, 25, 25, 0.4);
    -moz-box-shadow: 0 1px 2px rgba(34,25,25,0.4);
    -webkit-box-shadow: 0 1px 3px rgba(34, 25, 25, 0.4);
}

.success, .error{
    margin: 10px 0;
    padding: 12px;
    text-align: center;
}

.success{
	color: #4F8A10;
    background-color: #DFF2BF;
}

.error{
	color: #D8000C;
    background-color: #FFBABA;
}

#player-embed{
	min-height:449px
}

#inner_player-embed{
	box-shadow: 0 3px 10px 0 rgba(0,0,0,0.25);
}

.footer{
	font-size: 14px;
    color: #434A54;
    letter-spacing: 0;
	height:60px;
	line-height:60px;
	width:100%;
    text-align: center;
    position: fixed;
    bottom: 0;
    background: #fff;
    border-top: 1px solid #d9d9d9;
    display: none
}

.footer span, .footer b{font-family: 'Open Sans';}
.footer b{color: #2194d4; font-weight:normal}

#install-extension{width: 100%; max-width: 800px; margin: auto; text-align: center; height: 100%;}
#install-extension p{    margin: 0; line-height: 60px; display: inline-block; margin-right: 20px;}
#install-link{padding: 8px;  color: #fff; text-decoration: none; background: #0086CF; min-height: 30px; border: 1px solid #0086cf; border-radius: 4px;}
.copy_status {
    background: #fff;
    padding: 1px 5px;
    display: inline-block;
    position: absolute;
    bottom: -24px;
    left: 0;
    border-radius: 4px;
    border: 1px solid;
    color: #AEAEAE;
    font-size: 12px;
    box-shadow: 0 1px 2px;
}

/* share */

@font-face {
  font-family: 'cp-share';
  src: url("data:application/x-font-ttf;charset=utf-8;base64,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") format('truetype');
  font-weight: normal;
  font-style: normal;
}
.share_container {display:block; height: 156px;background: #fff; color: #aab2bd; font-size: 12px; border-radius: 0 0 10px 10px; margin:0 auto; text-align:center; overflow:hidden; transition:height 0.2s linear; width: 200px;display: inline-block; float: right}
.share_container.hidden{height:0 !important}
.ze-share ul { list-style : none;}
.ze-share ul li{ list-style : none; display:block; padding: 4px; text-align:left; cursor: pointer}
.ze-share ul li a{text-decoration: none}
.ze-share i{font-size: 22px; line-height: 22px; display: inline-block; width: 32px; height: 32px;}
.ze-share b{font-size: 14px; color: #676768; line-height: 40px; text-decoration: none; margin-left: 14px;}
.ze-share ul li:hover{
    background-color: #F1F3F4;
}
.ze-share ul { margin: 0; padding: 0; }
.ze-share [class^="icon-"], .swipebox-ze-share [class*=" icon-"] { font-family: 'cp-share' !important; speak: none; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; line-height: 1 !important; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-align:center}
.ze-share [class^="icon-"], .swipebox-ze-share.share-icons [class*=" icon-"] { font-size: 22px; color: #fff; vertical-align: middle; padding: 5px; margin: 2px; width: 30px; height: 30px; line-height: 30px !important; transition: .5s ease all; }

.ze-share li .icon-fb:before {content: "\e901"; color: #46619e; }
.ze-share li .icon-linkedin:before {content: "\e903"; color: #137fb9; }
.ze-share li .icon-twitter:before {content: "\e906"; color: #1cabe9; }


#_wp_cincopa_1{
	margin:0 auto;
}

#player-embed .loading{
    background-color: rgba(0,0,0,0);
    border: 7px solid #0E8FCA;
    opacity: .9;
    border-top: 7px solid rgba(0,0,0,0);
    border-left: 7px solid rgba(0,0,0,0);
    border-radius: 70px;
    -webkit-animation: spin 0.7s infinite linear;
    z-index: 2000000;
    width: 100px;
    height: 100px;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}

@-webkit-keyframes spin {
  0% { -webkit-transform:rotate(0deg); transform:rotate(0deg);}
  100% { -webkit-transform:rotate(360deg); transform:rotate(360deg);}
}

@-moz-keyframes spin {
  0% { -webkit-transform:rotate(0deg); transform:rotate(0deg);}
  100% { -webkit-transform:rotate(360deg); transform:rotate(360deg);}
}
@-o-keyframes spin {
  0% { -webkit-transform:rotate(0deg); transform:rotate(0deg);}
  100% { -webkit-transform:rotate(360deg); transform:rotate(360deg);}
}
@keyframes spin {
  0% { -webkit-transform:rotate(0deg); transform:rotate(0deg);}
  100% { -webkit-transform:rotate(360deg); transform:rotate(360deg);}
}

.header .logo { position: relative; top: 15px; width: 165px; float: left; height: 45px; border: 0; }
.header .logo a {display: block; overflow: hidden; width: 165px; height: 45px; }

#player-actions{width:100%; background: #fff; text-align: right; display: none}
#delete{background: transparent}
@media only screen and (max-width: 820px) {
    #copy{display: none!important;}
    #install-extension{text-align: center}
    #install-extension p {display: none!important}
}

@media only screen and (max-width: 550px) {
    #email{display: none!important;}
}

@media only screen and (max-width: 430px) {
    #delete{display: none!important;}
}

.player-name-container.succeded:before{
    font-size: 16px;
    top: 10px;
    right: 15px;
    color: #3eb060;
    content: '\2714';
    position: absolute;
}

.isDeleted{
    background-color: rgba(255, 255, 255, 0.15);
    border-color: rgba(219, 76, 63, 0.1);
    opacity: .3;
    -webkit-filter: blur(1px);
    -moz-filter: blur(1px);
    -ms-filter: blur(1px);
    filter: blur(1px);
    -webkit-transition: 0.2s ease all;
    -moz-transition: 0.2s ease all;
    -ms-transition: 0.2s ease all;
    -o-transition: 0.2s ease all;
    transition: 0.2s ease all;
    pointer-events: none;
}

/*modal*/

.simplemodal-container { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; border: none !important; z-index: 5000 !important; height: auto !important; }
.simplemodal-container h2 { margin-top: 0; }
.simplemodal-container br { display: none; }

.simplemodal-wrap { position: relative; overflow: visible !important; }

.simplemodal-wrap:after { content: ''; clear: both; display: block; }

.simplemodal-overlay { background: #000; }

.simplemodal-container { padding: 25px; box-shadow: 0 5px 50px #000; border-radius: 4px; }

#simplemodal-container { top: 10% !important; }

.modalCloseImg { color: #aab2bd; position: absolute; z-index: 50; top: 10px; right: 10px; cursor: pointer; }
.modalCloseImg:hover { color: #858e9b; }
.modalCloseImg:before { font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; font-size: 20px; line-height: 30px; vertical-align: middle; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\2716"; }

.modalContainer .modalHeader { background: #f6f7fb; color: #434a54; margin: -25px -25px 0 -25px; padding: 15px 25px; border-bottom: 1px solid #d8dadf; font-size: 18px; font-weight: 700; }
.modalContainer .modalContent { padding: 25px; text-align: center; }
.modalContainer h3 { font-size: 18px; font-weight: 700; color: #ed5564; text-transform: none; margin-top: 0; }
.modalContainer h5 { font-size: 13px; margin: -10px auto .7em auto; font-weight: 700; color: #aab2bd; }
.modalContainer .modalFooter { /*margin-bottom: -40px;*/ margin-top: 5px; }
.modalContainer .modalFooter:after { content: ''; display: block; height: 0; clear: both; visibility: hidden; overflow: hidden; }
.modalContainer .modalFooter .btnflat, .modalContainer .modalFooter .btn { padding: 12px 19px; min-width: 100px; }
@media screen and (max-width: 800px) { .modalContainer .modalFooter { margin-bottom: 5px; } }

.simplemodal-container .modalContainer { margin: -25px; padding: 25px; }
.simplemodal-container .modalContainer .modalContent { margin-left: -25px; margin-right: -25px; }
@media screen and (max-width: 500px) { .simplemodal-container .modalContainer { margin: -25px 0; } }

.modalWindow { position: fixed; width: 100%; height: 100%; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.5); z-index: 5000; text-align: center; }
.modalWindow h1, .modalWindow h2 { margin-top: 0; }
.modalWindow h2 { font-size: 30px; font-weight: 600; text-transform: uppercase; }
.modalWindow:after { display: inline-block; vertical-align: middle; height: 100%; content: ''; }
.modalWindow .overlay { position: absolute; }
.modalWindow .mContainer { display: inline-block; vertical-align: middle; margin: 0; background: #fff; padding: 50px 50px; position: relative; min-width: 30vw; max-width: 100%; max-height: 100%; max-width: 100vw; max-height: 100vh; overflow: auto; }
.modalWindow.fullscreen .mContainer { width: 100%; height: 100%; }
.modalWindow a.close { position: absolute; top: 10px; right: 7px; display: inline-block; font-size: 0; width: 32px; height: 32px; color: #aab2bd; }
.modalWindow a.close:before { font-family: 'cincopaicons'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; font-size: 24px; line-height: 1; vertical-align: middle; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e613"; font-size: 24px; }
.modalWindow a.close:hover { color: #6f7782; }

@media screen and (max-width: 1020px) { #simplemodal-container { top: 5px !important; max-height: 90%; overflow: auto; } }
@media screen and (max-width: 800px) { #simplemodal-container { width: 100% !important; padding-left: 15px; padding-right: 15px; max-height: 95%; height: auto !important; left: 0 !important; max-width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
  #simplemodal-container:after { content: ''; display: block; height: 0; clear: both; visibility: hidden; overflow: hidden; } }
.modalContainer-deleteConfirmation .modalFooter .keepFile { float: left; color: #0086cf; text-decoration: underline; }
.modalContainer-deleteConfirmation .modalFooter .confirmationHint { float: right; }
.modalContainer-deleteConfirmation .modalFooter .confirmationHint > span { display: block; font-size: 12px; font-weight: 600; }


.deleteActionBlock { margin-top: 35px; }
.deleteActionBlock > span, .deleteActionBlock .trash, .deleteActionBlock .item { background: center center no-repeat; display: inline-block; width: 80px; height: 90px; background-size: contain; }
.deleteActionBlock > span { width: 97px; height: 63px; vertical-align: top; margin: -10px 10px 0 10px; font-size: 0; }
.deleteActionBlock .trash { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABaCAMAAAAYVCH5AAAAaVBMVEXO0tj////O0tjO0tjO0tjO0tjO0tjO0tjO0tjO0tjO0tjO0tjO0tjO0tjO0tjO0tjO0tjO0tjO0tjO0tjO0tjO0tjO0tjO0tjO0tjCxszEyM3Fyc/JzdLJzdPKztPM0Na4vMG1ub7BxcpnP6eWAAAAGHRSTlMAAAoNHh8iI1VgdneKmJmlqrS71dvz/f4QVZohAAAAzklEQVR4Xu3ZyQ6CMBhF4cqgIpNQhjKj7/+QJq0LmpSGVjfAPbubP3z7BnL5c+cGidSVsvXojUhtAWOmKzYHUy2YbgcBZk+57FfQI3LeoUA/ShYVTFeRLIp8NUiZbVQNMvsAfqutvVoN5tZgrgadILQrcNUgsW8ddO6mOXrQY6Z5+wEBAhzevF6sho9GjF6cBjOwe/FasWY+ZjFaceoOBQIECBAgQIAAAQIECHAaeJNYIx+jfNrPSwogQLcy9CpXD5KwNPLKB//qZL+QAH4A5s58NzYoknkAAAAASUVORK5CYII=); }
.deleteActionBlock .item { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABaCAMAAAAYVCH5AAAAVFBMVEUAAAD///8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADJys3IycyrrrKws7fT1Nb////Jys309PViV2OLAAAAFnRSTlMAAAECAwQFBggJCgwODxARExQWF8zNJxYv7QAAANhJREFUeF7kzEERACAIRUF8jA2+F+zfU0YiyM0NsDaafRlaooWlG4Kk9UgSVAgeu0E4VOjztFcvOQzCMBRFKU78IUkDVOqH/S+0ggw6b4zawXsLOBNfydvLYVukAxwpiA8ogcYDZPUBlRsY2HxA49BAmXzASc4AAd6/mD/4/0cBiA6RDTp8/AxENujw6Q4iG4D4ywDRIToEiA7PBwGiQ2QDEKDLPqDluqy3rq1LzSYNJNZU6rx0ba4lKVMDo1jK5dq1kpNJPMBhF9Wmzpnu3tBAiizd40g7+AYkKj2bUQGcKwAAAABJRU5ErkJggg==); }
.deleteActionBlock > span { background-image: url(data:image/png;base64,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); }
.deleteActionBlock p.deleted { font-weight: 600; color: #db4c3f; }
.btn { display: inline-block; zoom: 1; *display: inline; vertical-align: middle; -webkit-transition: 0.2s ease all; -moz-transition: 0.2s ease all; -ms-transition: 0.2s ease all; -o-transition: 0.2s ease all; transition: 0.2s ease all; text-align: center; color: #434a54; font-weight: 600; cursor: pointer; min-width: 24px; min-height: 24px; line-height: 1em; text-transform: none; font-size: 13px; text-decoration: none !important; margin: 0 5px; outline: none;  text-overflow: ellipsis; outline: none !important; position: relative; font-family: 'Montserrat', 'Roboto', sans-serif; line-height: 20px}
.btn > * { vertical-align: middle; display: inline-block; -webkit-transition: 0.2s ease all; -moz-transition: 0.2s ease all; -ms-transition: 0.2s ease all; -o-transition: 0.2s ease all; transition: 0.2s ease all; line-height: 20px;}
.btn > i { font-size: 24px; color: #aab2bd; margin: -6px 0; }
.btn:hover { overflow: visible; }
.btn:hover > i { color: #434a54; }
.btn.red { color: #fff; background: #db4c3f; padding: 10px 15px; border: 1px solid #db4c3f; border-radius: 4px; }
.btn.red > i { color: inherit; }
.btn.red:hover { box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); }
.btn.red:active { box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.3); }