@font-face {
    font-family: DinnBold;
    src: url('/fonts/DINNextCYR-Bold.eot');
	src: url('/fonts/DINNextCYR-Bold.eot?#iefix') format('embedded-opentype'),
		url('/fonts/DINNextCYR-Bold.woff2') format('woff2'),
		url('/fonts/DINNextCYR-Bold.woff') format('woff'),
		url('/fonts/DINNextCYR-Bold.ttf') format('truetype'),
		url('/fonts/DINNextCYR-Bold.svg#DINNextCYR-Bold') format('svg');
	font-weight: bold;
	font-style: normal;
}

@font-face {
    font-family: DinnMedium;
    src: url('/fonts/DINNextCYR-Medium.eot');
	src: url('/fonts/DINNextCYR-Medium.eot?#iefix') format('embedded-opentype'),
		url('/fonts/DINNextCYR-Medium.woff2') format('woff2'),
		url('/fonts/DINNextCYR-Medium.woff') format('woff'),
		url('/fonts/DINNextCYR-Medium.ttf') format('truetype'),
		url('/fonts/DINNextCYR-Medium.svg#DINNextCYR-Medium') format('svg');
	font-weight: 500;
	font-style: normal;
    font-size:14px;
}


.generate-embed-article-message{
    display:none;
}

.generate-embed-article-message.show{
    display:block;
    position:absolute;
}

.generate-embed-article-message .embed-card-holder{
    display:block;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;  
    z-index: 5;
    background: -webkit-linear-gradient(to bottom, rgba(0, 0, 0, .9), rgba(194, 194, 194, .9)); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(to bottom, rgba(0, 0, 0, .7), rgba(194, 194, 194, .7)); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(to bottom, rgba(0, 0, 0, .7), rgba(194, 194, 194, .7)); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to bottom, rgba(0, 0, 0, .9), rgba(194, 194, 194, .9));
}

.generate-embed-article-message .embed-card-message-container{
    width:600px;    
    margin:100px auto;
    overflow:hidden;
    background:#ffffff;
    z-index:6;
    word-break:break-all;
    font-family:Arial, Helvetica Neue, Helvfetica, sans-serif;
}

.generate-embed-article-message .embed-module-header{
    width:100%;
    height:20px;
    background-color:#535B6E;
    padding:10px 0;
}

.generate-embed-article-message .embed-module-header .header{
    float:left;
    font-family:DinnMedium, Arial, Helvetica Neue, Helvetica, sans-serif;
    font-size:15px;
    color:#fff;
    line-height:19px;
    
}

.generate-embed-article-message .embed-module-header .header span{
    vertical-align:middle;
}

.generate-embed-article-message .embed-module-header .embed-image{
    display:inline-block;
    width: 40px;
    height: 15px;
    background-image: url(../images/embed/embed.svg);
    background-repeat: no-repeat;
    background-position: center;
    margin-left:20px;
    vertical-align:middle;
}

.generate-embed-article-message .close-button{ 
    float:right;
    height:17px;
    width: 29px; 
    background:url(../images/embed/close-button-gray.svg) no-repeat;
    margin-top:2px;
}

.generate-embed-article-message .embed-card-message-container p{
    margin:0!important;
    padding: 15px 0 5px 35px;
    color: #525252;    
    text-transform: none;    
    letter-spacing: 0;
    font-size:18px;
    font-weight:500;    
}

/* styles for top section of all module */

 .generate-embed-article-message .embed-card-message-header{
    width:100%;
    height:auto;   
    font-family:Arial, Helvetica Neue, Helvetica, sans-serif;
    line-height:36px;
    text-transform:uppercase;
    font-weight:600;
    letter-spacing:normal;
}

 .generate-embed-article-message .embed-card-message-header ul{
    width:100%;   
    height: auto;
    color: #676f81;
    font-size: 15px;
    display:inline-flex;
    background-color:#D0D3D8;    
}

.embed-card-message-container .embed-card-message-header ul:hover{
    cursor:pointer;
}

.generate-embed-article-message .embed-card-message-header ul li{   
    display:inline-block;
    width: 50%;
    text-align: center;
    padding:5px;
    word-break: normal;
}

.generate-embed-article-message .embed-card-message-header p{
    padding: 20px 15px 20px 50px;
    color:black;    
    font-size:20px!important;
    text-transform:none;
}

.generate-embed-article-message .embed-card-message-header ul li.active{
    background-color:white;
    color:#0b1422;
    cursor:initial;
}

.generate-embed-article-message .tab-content{
    display:none;
}

.generate-embed-article-message .tab-content.active{
    display:inherit;
}

/* styles for Embed link screen  */

.generate-embed-article-message .embed-block .embed-message-iframe {
    width:528px;
    height:auto;
    margin:0 0 20px 25px;
    background-color:#fff;
    border:1px solid #babdc4;
    line-height:21px;
    padding:10px 10px 18px 10px;
    color:#474747;
    font-size:13px;
    overflow:hidden;
}

.generate-embed-article-message .embed-block .embed-message-iframe::selection{
    background-color:#F4F4F4;
}

.generate-embed-article-message .embed-block .button-copy {
    float:left;
    padding:2px 25px;
    height: 36px;
    background-color: #2299FF;
    margin:0px 15px 30px 25px;
    color: #ffffff;
    font-size: 15px;
    text-align: center;
    line-height: 38px;
    font-weight: bold;
    text-transform:none;
    font-weight:600;  
}

.generate-embed-article-message .second .button-copy,
.generate-embed-article-message .second .link-copy {
    display:block;
    float:left;
    padding:2px 25px;
    height: 36px;
    background-color: #2299FF;
    margin:10px 0 20px 0;
    color: #ffffff;
    font-size: 16px;
    text-align: center;
    line-height: 35px;
    font-weight: bold;
    text-transform:none;
}

.generate-embed-article-message .message{
    height:24px;
    text-transform:none;
    font-size:14px;
    color:#2299FF;
    font-weight:bold;
    word-break:normal;
    font-family:Arial, Helvetica Neue, Helvetica, sans-serif;
    line-height:18px;
}

.generate-embed-article-message .message.embed-message {
    padding:4px 15px 0 0;
}

.generate-embed-article-message .second .message.embed-message {
    padding:10px 0 0 20px; 
}

.generate-embed-article-message .second .message.quick-link-message {
    padding:10px 0 0 20px;  
}


/*  styles for Affiliates embed screen  */

.generate-embed-article-message .accordion-content.second p{
    margin: 0!important;
    color: #525252;
    text-transform: none;    
    letter-spacing: 0;
    padding:0;
}

.generate-embed-article-message .affiliates-block .message{
    display:block;
    float:left;
    width: 233px;
    height: 24px;
    float: left;
    padding: 15px 19px 0;
    text-transform: none;
    font-size: 17px;
    color: #2299FF;
    font-weight: 600;
    word-break:normal;
}

.generate-embed-article-message .accordion-content.second .embed-message-iframe {
    width: 528px;
    height: auto;
    padding: 10px;
    overflow: hidden;
    background-color: #fff;
    border: 1px solid #babdc4;
    color:#3d4658;   
    font-family:Arial, Helvetica, sans-serif;
    font-size:13px; 
    line-height: 21px;
}

.generate-embed-article-message .accordion-content.second .embed-message-iframe::selection{
    background-color:#F4F4F4;
}

.generate-embed-article-message .accordion-content.second .embed-message-iframe::-webkit-scrollbar{
    display:none;
}

.generate-embed-article-message .embed-block .embed-header {
    display:block;
    margin:30px 0 15px 25px;
    text-transform:none;
    font-size:16px;
    font-family:Arial, Helvetica Neue, Helvetica, sans-serif;
    word-break:initial;
    line-height:24px;
}

.generate-embed-article-message .embed-card-message-container .embed-card-message-bottom{
    clear: both;
    height: inherit;
    padding: 2px 26px 17px 15px;
    border-top: 1px solid #C1C1C1;
}

.generate-embed-article-message .embed-card-message-container .embed-card-message-bottom p{
    line-height:15px!important;
    padding-left:0;
}


.generate-embed-article-message .embed-card-message-container .affiliates-submit-input{
    height: 38px;
    width: 60%;
    float: left;
    margin:0 0 0 25px;
    border: 1px solid #BABDC4;
    padding-left: 10px;
    color: #293243;
    font-size:14px;
    font-family:Arial, Helvetica Neue, Helvetica, sans-serif; 
    font-weight:lighter;   
}

.generate-embed-article-message .embed-card-message-container .affiliates-submit-input::-webkit-input-placeholder {
    color:#D6D7D9;
}

.generate-embed-article-message .embed-card-message-container .affiliates-submit-input::-moz-placeholder{
    color:#D6D7D9;
}

.generate-embed-article-message .embed-card-message-container .affiliates-submit-input:-ms-input-placeholder{
    color:#D6D7D9;
}

.generate-embed-article-message .embed-card-message-container .affiliates-submit-input:-moz-placeholder{
    color:#D6D7D9;
}

.generate-embed-article-message .embed-card-message-container .affiliates-submit-input.error{
    border:1px solid red;
}

.generate-embed-article-message .embed-card-message-container .affiliates-submit-button{
    height:40px;
    background-color:#2299ff;
    color:#ffffff;
    font-size:16px;
    font-weight:bold;    
    float:left;
    margin:0 0 0 25px;
    text-transform:none;    
    line-height:40px;
    text-align:center;   
    padding:2px 25px; 
}

.generate-embed-article-message .embed-card-message-container .confirmation-message {
    width:95%;
    float:left;
    height:0px;
    background-color:#189ED2;
    color:#ffffff;
    text-align:center;
    line-height:33px; 
    transition: height .3s linear;
    overflow:hidden;
    text-transform:none;
}

.generate-embed-article-message .embed-card-message-container .confirmation-message.show{
    height:35px;     
}

.generate-embed-article-message .embed-card-message-container .button-copy:hover,
.generate-embed-article-message .embed-card-message-container .affiliates-submit-button:hover,
.generate-embed-article-message .embed-card-message-container .close-button:hover,
.generate-embed-article-message .second .link-copy,
.generate-embed-article-message .embed-card-message-container .embed-message-iframe:hover{
    cursor:pointer;
}

.generate-embed-article-message .embed-card-message-container .button-copy:hover,
.generate-embed-article-message .second .link-copy,
.generate-embed-article-message .embed-card-message-container .affiliates-submit-button:hover{
    background-color:#33a1ff;
}

.generate-embed-article-message .embed-card-message-container .generate-embed-article-message .embed-sign{
    display:block;
    float:left;
    width:36px;
    height:36px;
    background:url(../images/bet-resources-2016/embed.svg) no-repeat;
    margin: 17px 4px 18px 15px;
}

.generate-embed-article-message .embed-card-message-container .close-button-container.show{
    height:35px;
}

.generate-embed-article-message .embed-card-message-container .validation-message{
    height:0px;
    width:100%;    
    transition: height .3s linear;
    overflow: hidden;
    text-transform:none;
}

.generate-embed-article-message .embed-card-message-container .validation-message.show{
    height:50px;
}

.generate-embed-article-message .embed-card-message-container .validation-message p{
    color:red;
    letter-spacing: 0.3px;
}   

/* ACCORDION */

  
.generate-embed-article-message .affiliates-block h4.second{
    padding:15px 0 15px 25px;
    cursor:auto; 
    border-top: 1px solid #DDDFE3;  
    color: #9298A5; 
    line-height:32px; 
}

.generate-embed-article-message .accordion-content.first{
    height:140px;
}

.generate-embed-article-message .accordion-toggle {
padding: 15px 0 15px 25px;
text-transform: none;
color: #9298A5;
font-size: 16px;
font-family:Arial, Helvetica Neue, Helvetica, sans-serif;
margin:0;
}

.generate-embed-article-message .affiliates-block .second {
padding: 0 15px 0 30px;
text-transform: none;
color: #0B1422;
font-size: 16px;
font-family:Arial, Helvetica Neue, Helvetica, sans-serif;
cursor:pointer;
}
 
.generate-embed-article-message .accordion-content.second .copy-message-iframe{
    width:400px;
    height:auto;
    padding:10px;      
    overflow:hidden;
    background-color:#F4F4F4;
    border:1px solid grey;
    border-radius:4px;      
    color:#474747;      
}


.generate-embed-article-message .embed-card-message-container .hide-content{
    display:none;
}

.generate-embed-article-message .accordion-toggle .number{
    display:inline-block;
	width: 18px;
    font-size:18px;
}

.generate-embed-article-message .affiliates-block .second .number{
    display:inline-block;
	width: 18px;
	height: 25px;	   
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px; 
    background-color:#ffffff;   
    font-size:19px;
    line-height: 24px;
}

.generate-embed-article-message .panel-header{
    display:inline-block;
    width:500px;
}

.generate-embed-article-message .inactive-arrow{
    width:19px;
    height:16px;
    display:inline-block;
    margin-left: 10px;
    background: url(../images/embed/arrow-right.png) 0 0 no-repeat; 
    transition:all ease-out .5s;
}

.generate-embed-article-message .active-arrow{
    width:19px;
    height:10px;
    display:inline-block;
    margin-left: 10px;
    background: url(../images/embed/arrow-down.png) 0 0 no-repeat;
    transition:all ease-out .5s;
    background-position:center;
}

.generate-embed-article-message .second .active-arrow,
.generate-embed-article-message .second .inactive-arrow,
.down-share-container .generate-embed-article-message .second .active-arrow,
.down-share-container .generate-embed-article-message .second .inactive-arrow {
    margin-left:10px;
}

.generate-embed-article-message .affiliates-block .second .rotated{
-webkit-transform: rotate(90deg);  
-moz-transform: rotate(90deg);  
-ms-transform: rotate(90deg);  
-o-transform: rotate(90deg);  
transform: rotate(90deg);  
}

.generate-embed-article-message .validate-input-msg.hidden{
    opacity:0;
    -webkit-transition: opacity 1s ease-in-out;
       -moz-transition: opacity 1s ease-in-out;
        -ms-transition: opacity 1s ease-in-out;
         -o-transition: opacity 1s ease-in-out;
            transition: opacity 1s ease-in-out;
}

.generate-embed-article-message .validate-input-msg{
    opacity:1;
    clear:both;
    padding-left:25px;
    height:28px;
    color:#ff0000;
    font-size:14px;
    text-transform:none;
}

.generate-embed-article-message .accordion-toggle.active,
.generate-embed-article-message .embed-block .embed-header {
    color:#293243;
}

.generate-embed-article-message .accordion-toggle.cursor-pointer{
    cursor:pointer;
}

.generate-embed-article-message .affiliates-block h4.second.active{
        color:#293243;
        cursor:pointer;
}

.generate-embed-article-message .second .divider{
    clear:both;
    width:110%;
    height:1px;
    background-color:#DDDFE3;
    margin:5px 0px 20px 0;
    margin-left:-30px;
}

/* lower module */

.down-share-container .generate-embed-article-message .embed-card-message-header ul{
    padding-left:0;
    margin-bottom:0;
}

.down-share-container .embed-card-message-container{
    font-family:Arial, Helvetica Neue, Helvetica, sans-serif;
}

.down-share-container .embed-card-message-header {
    letter-spacing: .3px;
    font-size:24px;
}

.down-share-container .affiliates-block h4.second{
    margin:0;
}

.down-share-container .affiliates-block .accordion-toggle .arrow-up{
    margin-left:210px;
}

.down-share-container .affiliates-block .second .arrow-down{
    margin-left:304px;
}

.down-share-container .generate-embed-article-message .active-arrow{
    width: 19px;
    height: 24px;
    display: inline-block;
    margin-left: 10px;
    background: url(../images/embed/arrow-down.png) 0 0 no-repeat;
    transition: all ease-out .5s;
    background-position: center;
}

.down-share-container .generate-embed-article-message .inactive-arrow{
    width: 19px;
    height: 24px;
    display: inline-block;
    margin-left: 10px;
    background: url(../images/embed/arrow-right.png) 0 0 no-repeat;
    transition: all ease-out .5s;
    background-position: center;
}