.cont-img-publicity{
	float:right;
	display:inline-block;
	padding:7px;
	background:rgba(5,99,153,0.9);
	border:1px solid rgba(0,0,0,0.1);
	position:relative;
}
.cip-close{
	position:absolute;
	top:0px;
	right:0px;
	font-family:sans-serif;
	font-size:0.8em;
	cursor:pointer;
	padding:0px 4px;
	color:rgba(0,51,102,0.3);
}
.cip-close:hover{
	color:rgba(0,51,102,0.7);
}
/**/
.cont-publicity{
  max-width:100%;
  background:rgba(5,99,153,0.9);
  border:1px solid rgba(0,0,0,0.1);
}
.cont-publicity a{
    text-decoration:none;
}
.publicity{
  width:100%;
  height:auto;
  font-family:sans-serif;
  padding:5px;

  display:flex;
  flex-wrap:wrap;
}
.cp-image{
  padding:5px;
}
.cp-offer{
  overflow:hidden;
  height:55px;
  margin-left:7px;
}
.list-offer>li{
  list-style:none;
}
.description{
  color:rgba(255,255,255,0.7);
  font-size:0.9em;
}
.price{
  font-weight:bold;
  font-size:1.2em;
  color:rgba(255,255,255,0.9);
}
.p-xs{
  font-size:0.7em;
}
@media screen and (max-width:480px){
  .cp-image{
    width:265px;
  }
}
@media screen and (max-width:768px){
  .cont{
    width:270px;
  }
}
/**/
.defaulf-description{

}
p.dd-subtitle{
	font-weight:400;
}
p.dd-recommend{
	float:right;
	color:#7f7f7f;
	font-size:11px !important;
}
/**/
.cont-main-frame{
    width:100%;
    height:100%;
    overflow:auto;
    background:#1b2839; 
}
.main-frame{    
    color:#fff;
    margin:0px;
    padding:0px 0px 10px 0px;
}
.mf-box{
   background:#16202d;
   margin-top:10px;
   display:inline-block;
   width:100%;
}
.mf-left{
    width:30%;
    text-align:center;
    display:inline-block;
        /*background:blue;*/
}
.mf-right{
    width:70%;
    float:right;
    padding-left:7px;
        /*background:red;*/
}
/**/
.mf-elements{
    padding:7px;
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
}
.mf-elements>div{
    position:relative;
    padding:7px;
    margin:2px;
    background:rgba(0,0,0,0.2);
}
/**/
.mfe-cont{
    position:relative;
}
.mfe-cont>.mfec-curtain{
    width:100%;
    height:100%;
    position:absolute;
    background:rgba(0,0,0,0.3);
    left:0px;
    top:0px;
    
}
.mfec-curtain{
    position:relative;
}
.mfec-curtain>.mfec-title{
    width:100%;
    height:100%;
    position:absolute;
    background:rgba(0,0,0,0.7);
    text-align:center;
    bottom:0px;
    margin-bottom:-20px;
    transition:0.2s;
    opacity:0;
}
.mfec-title>a{
    width:100%;
    height:100%;
    padding-top:14px;
    color:#fff;
    display:block;
    text-decoration:none;
}
.mfec-curtain:hover .mfec-title{
    margin-bottom:0px;
    opacity:1;
}
/**/
.mfe-title>a{
    width:100%;
    display:block;
    position:absolute;
    bottom:0px;
    padding:4px;
    color:#fff;
    text-align:center;
    background:rgba(0,0,0,0.5);
}
/**/
.mf-classpiece{
    padding:7px;
}
/**/
.mf-msj{
    padding:7px;
}
.mf-msj i{
    text-align:center;
    font-size:3em;
    color:#fff;
}
/**/

.mf-horizon{
    padding:12px;
}
/**/
.cont-button a{
    margin:0.1em;
}
.cont-button>.cb-item1{
    width:60%;
}
.cont-button>.cb-item2{
    width:40%;
}
/**/
.cc-head{
    background:#eee;
    padding:1em 1em;
}
.cc-head>h3{
    margin:0.5em;
}
.cch-title>h3{
  margin:0.5em 0em;
}
.cch-title>h3>span{
    float:right;
    font-size:0.6em;
}
.cch-title>img{
    width:50px;
    height:50px;
    border-radius:50%;
    margin:0em auto;
    display:block;  
}

.cc-body{}
.cc-foot{}
.input-comment{
}
.input-comment>.ic-comment{
    width:80%;
    display:inline-block;
}
.input-comment>.ic-button{
    width:20%;
    float:right;
}
.ic-comment>textarea{
    max-width:100%;
    padding:0.5em;
}
.ic-button>button{
    margin-left:0.5em;
}

.comment{
    padding:0.5em;
}
.comment>.item{
    margin:1em;
}
.comment>.item>div>a>img{
    width:25px;
    height:25px;
    border-radius:50%;
    margin:0em 0.5em 0.5em 0em;
}
.comment>.item>div>span.name{
    font-weight:bold;
    color:#1e77e2;
    margin-right:0.5em;
}
.comment>.item>div>span.date{
    color:#7f7f7f;
    font-size:0.8em;
}
.comment>.item>div>span.modify,.comment>.item>div>span.remove{
    color:#7f7f7f;
    font-size:0.8em;
    font-weight:bold;
}
.comment>.item>div>span.modify:hover,.comment>.item>div>span.remove:hover{
    color:#333;
    cursor:pointer;
}
.comment>.item>div>span.good-comment,.comment>.item>div>span.reply,.comment>.item>div>span.spam{
    font-size:0.8em;
    color:#337ab7;
    cursor:pointer;
}
.comment>.item>div>span.good-comment i[class*="icon-"]{
    color:#85929e;
}
.comment>.item>div>span.good-comment i[class*="icon-"]:hover{
    border-radius:0.3rem;
    font-size:1.2rem;
    color:#fff;
    background:#28a745;
}

/**/
.float.up{
    float:right;
    margin:0.5em;    
}
.float-link{
    cursor:pointer;
    border-radius:0.2em;
    display:block;
    background:rgba(0,0,0,0.1);
    transition:0.3s all;
}
.float-link:hover{
    background:orange;
    color:#fff;
}
.float-cont{
    min-width:10px;
}
/**/
.container-iframe{
    width:100%;
    height:100vh;
    background:#1b2839;
    position:relative;
    color:#fff;
}
.ci-left{
    width:100%;
    height:85%;
    padding:0.5em 0.5em 0em 0.5em;
}
.ci-right{
    width:100%;
    height:auto;
    padding:0.5em;
}
.cl-img{
    height:100%;
    display:flex;
    flex-wrap:wrap;
}

.item{
    width:100%;
    height:50%;
    padding:0.5em;
    position:relative;
}
.item>img{
    width:100%;
    height:100%;
}
.cl-publicity{
    width:100%;
    height:10%;
    display:none;
}
.cp-box{
    width:100%;
    height:100%;
    background:#16202d;
    padding:0.5em;
}
.cr-cont{
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
}
.cr-cont>.cc-item{
    width:25%;
}
.ci-cont{
    display:none;
}
.ci-icon>a{
    text-align:center;
    display:block;
}
.ci-icon>a>i{
   font-size:0.9em;
   color:#fff;
}
.item>.i-curtain{
    width:100%;
    height:100%;
    position:absolute;
    background:rgba(0,0,0,0.3);
    left:0px;
    top:0px;
    overflow:hidden;
    
}
.i-curtain{
    position:relative;
}
.i-curtain>.ic-title{
    width:100%;
    height:100%;
    position:absolute;
    background:rgba(0,0,0,0.7);
    text-align:center;
    bottom:0px;
    margin-bottom:-20px;
    transition:0.2s;
    opacity:0;
}
.ic-title>a{
    width:100%;
    height:100%;
    padding-top:14px;
    color:#fff;
    display:block;
    text-decoration:none;
}
.i-curtain:hover .ic-title{
    margin-bottom:0px;
    opacity:1;
}
/**/
.cv-create{
    width:100%;
}
.cv-create>a{
    text-decoration:none;
}
.create-version{
    background:#28a745;
    color:#fff;
    padding:1rem;
    margin:0.5em;
    border-radius:0.2rem;
    position:relative;
    text-align:center;
    cursor:pointer;
}
.create-version:hover{
    background:#27ae60;
}
.create-version>.cc-title{
    font-weight:600;
    font-size:1.5em;
}
.create-version>.cc-text{
    font-size:1.5rem;
    display:block;
}
.triangle{
    width:8px;
    border:8px solid #28a745;
    border-top:8px solid transparent;
    border-left:8px solid transparent;
    border-right:8px solid transparent;
    position:absolute;
    top:-14px;
    left:45%;
}
.cv-msj{
    width:100%;
    padding:0.5em;
}
.cv-msj>p{
    font-size:1.5em;
    color:#566573;
    text-align:center;
}

.cv-title{
    width:100%;
    text-align:center;
}
.cv-title>a>h3{
    display:inline-block;
    border-radius:1em;
    padding:0.2em 1em;
    color:#566573;
    font-size:1.5em;
    cursor:pointer;
    margin:0.4em;
    border:1px solid #27ae60;
    transition:0.2s all;
}
.cv-title>a>h3:hover{
    background:#27ae60;
    color:#fff;
}
.cv-cont{
    width:100%;
    display:flex;
    flex-wrap:wrap;
}
.cv-cont>.cc-img{
    cursor:pointer;
}
.cv-cont>.cc-img:hover{
    border:1px solid #28a745;
}
.cv-cont>.cc-img.active{
    border:2px solid #28a745;
}
.cv-cont>.cc-img{
    width:3.5em;
    height:3.5em;
    border:1px solid #ddd;
    margin:0.1em;
}
.cv-cont>.cc-img>a>img{
    width:100%;
    height:100%;
}
.cc-img.points{
    color:#ddd;
    cursor:pointer;
    border:none;
}
.cc-img.points:hover{
    background:#f5f5f5;
    color:#ddd;
    border:1px solid #f5f5f5;
    border-radius:0.2em;
}
/**/
.arrow{
    margin-top:1em;
    color:#27ae60;
}
.arrow .icon-minus-2{
    margin-left:-0.7em;
}
/**/
.large-view>.modal-dialog{
    width:100%;
    margin:0.7rem;
}
.large-view .modal-body{
    padding:0rem;
}

.view-large-screen>iframe{
    width:100%;
    height:calc(100vh - 65px);
    border:none;
    position:static;
    transform:none;
    /*overflow:auto;*/
}

@media screen and (min-width:300px){
    .mf-left{
        width:100%;
    }
    .mf-right{
        display:none;
    }
}
@media screen and (min-width:480px){
    .mf-left{
        width:30%;
    }
    .mf-right{
        display:block;
        font-size:0.9em;
    }
    /**/
    .ci-left{
        width:60%;
        height:100%;
        position:absolute;
        top:0em;
        left:0em;
    }
    .ci-right{
        width:40%;
        height:100%;
        position:absolute;
        right:0em;
        top:0em;
    }
    .cl-img{
        height:70%;
    }
    .cl-publicity{
        padding:0.5em 0rem;
        height:30%;
        display:block;
    }
    .item{
        padding:0.5em;
    }
    .cr-cont{
        flex-direction:column;
    }
    .cr-cont>.cc-item{
        width:100%;
        margin-bottom:0.5em;
        background:#16202d;
    }
    .ci-item{
        display:flex;
        padding:0.5em;
    }
    .ci-icon{
        width:25%;
        display:inline-block;
    }
    .ci-icon>a>i{
       font-size:2em;
    }
    .ci-cont{
        width:75%;
        float:right;
        display:block;
    }
    /**/
    .container-version{
        display:flex;
        flex-wrap:wrap;
    }
    .cv-create{
        width:50%;
    }
    .create-version>.cc-title,.create-version>.cc-text{
        line-height:0.9em;
    }
    .cv-msj{
        width:50%;
    }
    .cv-msj>p{
        text-align:left;
        font-size:1.3em;
        line-height:1em;
        margin-top:0.5em;
    }
    .cv-title{
        width:35.5%;
    }
    .cv-title>h3{
        margin:0.5em 0.5em 0em 0.5em;
    }
    .cv-cont{
        width:64.5%;
    }
}
@media screen and (min-width:768px){
     .mf-right{
        display:block;
        font-size:1em;
    }
}
@media screen and (min-width:1024px){
    
}