/*****************************************************************/
/*                          general                              */
/*****************************************************************/
.cut-text {
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
}
.fixed-description{
	position:fixed;
	width:auto;
	top:52px;
	left:auto;
	border-right:1px solid #bbb;
}
.fixed-profile{
	position:fixed;
	width:auto;
	top:52px;
}
.d-flex{
	display:-webkit-box;
	display:-moz-box;
	display:-o-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;
}
/**/
.d-none{
	display:none;
}
.d-block{
	display:block;
}
/**/
.f-left{
	float:left;
}
.f-right{
	float:right;
}
/**/
.p-0{
	padding:0em !important;
}
.m-0{
	margin:0em !important;
}
/**/
.my-1{
	margin:0.5em 0em !important;
}
.my-2{
	margin:1em 0em !important;
}
.my-3{
	margin:1.5em 0em !important;
}
.my-4{
	margin:2em 0em !important;
}
.my-5{
	margin:2.5em 0em !important;
}
/**/
.drop-left{
	right:0;
	left:auto;
}
/**/
.s-overflow{
	overflow:scroll;
}

.h-overflow{		
	overflow:hidden;
}

.a-overflow{
	overflow:auto;
}

.v-overflow{
	overflow:visible;
}
/**/
.p-relative{
	position:relative;
}
/**/
.icon-size{
	font-size:1.5em;
}
/**/
.t-center{
	text-align:center;
}
.t-right{
	text-align:right;
}
.t-left{
	text-align:left;
}
/**/
.c-both{
	clear:both;
}
/**/
input[type="file"].d-none{
	display:none !important;
}
/*****************************************************************/
/*                          miscellany                           */
/*****************************************************************/
.icon-rotate{
    float:left;
	-webkit-transform:rotate(90deg);
	-moz-transform:rotate(90deg);
	transform:rotate(90deg);
}
.title-about{
	text-align:center;
	font-size:2em;
	line-height:2.9;
	font-weight:200;
}
/*****************************************************************/
/*                          Structure                            */
/*****************************************************************/
.search-list{
	width:90%;
	min-height:400px;
	max-height:400px;
	margin:auto;
	padding:7px;
	border-top:2px solid #1e77e2;
	border-bottom:2px solid #1e77e2;
	overflow:auto;

	display:-webkit-flex;
	display:-ms-flex;
	display:-o-flex;
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
}
/**/
.row.element{
	margin-top:4px;
}
/**/
.component-container{
    position:relative;
    background:#2c3e50;;
}
.component{
    width:100%;
    height:150px;
    padding:0;
    overflow:hidden;
    position:relative;   
    background:#fff;
}
.iframe{
    width:1280px;
    height:786px;
    border:0;

    -ms-transform:scale(0.252);
    -moz-transform:scale(0.252);
    -o-transform:scale(0.252);
    -webkit-transform:scale(0.252);
    transform:scale(0.252);
    
    -ms-transform-origin:0 0;
    -moz-transform-origin:0 0;
    -o-transform-origin:0 0;
    -webkit-transform-origin:0 0;
    transform-origin:0 0;
}
.component .load{
    position:absolute;
    display:flex;
    justify-content:center;
    align-items:center;
    width:100%;
    height:100%;
    background:rgba(2555,255,255,0.5);
    z-index:1000;
}
.component .load .spin-off{
    font-size:2rem;
    color:#5850ec;
}
.cover:after{
	content:'';
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0);
	background:transparent;
}
.component.mobil{
    width:35%;
}
.component-container .separate.mobil{
    width:0.5rem;
    height:calc(100% - 40px);
    border-radius:0.3rem;
    position:absolute;
    top:0rem;
    background:#3bc9d9;
    cursor:col-resize;
    /*z-index:1000;*/
}
.component-container .separate.mobil:before{
    content:'';
    position:absolute;
    left:0.25rem;
    top:50%;
    height:1.5rem;
    width:0.5rem;
    background-color:#3bc9d9;
    cursor:col-resize;
}
.component-container .details{
	height:40px;	
	background:#283747;
}
.ed-title>h5{
	color:#fff;
	padding-left:1rem;
	font-size:1.2em;
	font-weight:400;
}
.ed-control{	
	text-align:center;
	display:block;
	margin:0.5em;
}
.ed-control>i{
	color:#fff;
	padding:0.1em;	
}
.ed-control>i:hover{
	background:rgba(0,0,0,0.2);
	border-radius:0.2em;	
	cursor:pointer;
}
@media screen and (min-width:360px){
     .component{
        width:100%;
        height:200px;
     }

}
@media screen and (min-width:576px){
    .component{
    	width:100%;
        height:315px;
    }
    .iframe{
        transform:scale(0.471);
    }

}
@media screen and (min-width:768px){
    .component{
    	width:100%;
        height:430px;
    }
    .iframe{
        transform:scale(0.57);
    }

}
@media screen and (min-width:992px){
    .container-component{
        align-items:flex-start;
    }
    .component{
        width:100%;
        height:510px;
    }
    .iframe{
        border: none;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        transform:none;
        transform-origin:none;
    }
}
/**/
.sidebar-container{
	width:100%;
}
/**/
.section-container{
	width:100%;
	min-height:300px;
}

.sc-author>p{
	margin:0em;
	color:#333;
}
/**/

.banner-cut{
	margin-top:51px;
	background:rgba(0,141,202,1);
}
.banner-cut .bc-right{
	text-align:center;
}
.banner-cut .bc-left{
	background:rgba(0,119,170,1);
}
.banner-cut .row{
	margin:0px;
}
.banner-cut h3{
	margin-top:30px;
	color:#fff;
}

.bc-icons>p{
	color: #fff;
    display:inline-block;
    padding:20px 0px;
}
.bc-icons>p i{
	font-size:24px;
}
.bc-icons>p span{
	font-size:1em;
	font-family:arial;
}
/**/
.border-box{
	width:100%;
	margin-top:7px;
	margin-bottom:7px;
	padding:7px;
	background-color:#ffffff;
	-webkit-box-shadow: 0px 1px 2px  rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.1);
	 box-shadow: 0px 1px 2px rgba(0,0,0,0.1);
	border-radius:1px;	
}
/**/
.special{
	width:100%;
	min-height:500px;
	background:#333;
}
/**/
.cont-elements {
    display: -webkit-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
/**/
.msj{
	font-size:0.8em;
	color:red;
	text-align:left;
}
/**/
.cont-profile>.cp-cont{
	margin:0rem 2rem;
}
/**/
.container-admin{
	padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;	
}
/**/
.cont-category{
	width:100%;
    min-height:10em;
    background:#fff;
    padding:0.5em; 
    overflow-x:auto;   
}
.cont-category .row h4{
    color:#333;
}
/**/
.cont-mod{
    justify-content:center;
    flex-wrap:wrap;
}

a.cm-item{
    margin:1em;
    padding:2.5em 2em;
    border:0.5em solid #eee;
    border-radius:0.5em;
    background:#00a2e8;
    text-decoration:none;
    display:inline-block;
}
.cmi-icon>i{
    text-align:center;
    display:block;
    font-size:3em;
    color:#fff;
}
.cmi-title{
    margin-top:5em;
    font-size:1.5em;
    font-weight:bold;
    color:#fff;
}
/**/
.empty-search{
    width:100%;
    height:auto;
    margin:0.5em 0em;
    color:#666666;
    background:#fff;
    display:inline-block;
}
.es-title{
    border-bottom:1px solid #eee;
    font-weight:600;
    font-size:1.2em;
    color:#444;
    padding:0.5em;
}
.es-msj{
    margin:1em;
    padding:0.5em;
    background:#f0f0f0;
    position:relative;
}
.em-text>span{
    font-weight:bold
}
.em-triangle{
    background:#f0f0f0;
    border:1px solid #f0f0f0;
    border-left: 0;
    border-top: 0;
    width:8px;
    height:8px;
    top:-4px;
    left:10px;
    position:absolute;
    -webkit-transform:rotate(45deg);
    -o-transform:rotate(45deg);
    transform:rotate(45deg);
}
/*****************************************************************/
/*                          Element                              */
/*****************************************************************/
/**/
.ranking-box{
	border:1px solid #ddd;
	width:190px;
	border-radius:3px;
	text-align:center;
	margin:7px;
	display:inline-block;
}
.r-b-container{
	background:#eee;
	min-height:100px; 
}
.r-b-container>a{
	padding-top:10px;
	font-size:16px;
	color:#333;
	text-align:center;
	display:block;
}
.r-b-c-title{
	width:300px;
}
/**/
.banner{
	position:relative;
	background:#ccc;
	margin-top:52px;
}
.banner.orange{
	background: rgba(255,146,10,1);
	background: -moz-linear-gradient(45deg, rgba(255,146,10,1) 0%, rgba(255,175,75,1) 100%);
	background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(255,146,10,1)), color-stop(100%, rgba(255,175,75,1)));
	background: -webkit-linear-gradient(45deg, rgba(255,146,10,1) 0%, rgba(255,175,75,1) 100%);
	background: -o-linear-gradient(45deg, rgba(255,146,10,1) 0%, rgba(255,175,75,1) 100%);
	background: -ms-linear-gradient(45deg, rgba(255,146,10,1) 0%, rgba(255,175,75,1) 100%);
	background: linear-gradient(45deg, rgba(255,146,10,1) 0%, rgba(255,175,75,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff920a', endColorstr='#ffaf4b', GradientType=1 );
}
.banner.blue{
	background: rgba(73,155,234,1);
	background: -moz-linear-gradient(-45deg, rgba(73,155,234,1) 7%, rgba(73,155,234,1) 51%, rgba(32,124,229,1) 80%, rgba(32,124,229,1) 89%);
	background: -webkit-gradient(left top, right bottom, color-stop(7%, rgba(73,155,234,1)), color-stop(51%, rgba(73,155,234,1)), color-stop(80%, rgba(32,124,229,1)), color-stop(89%, rgba(32,124,229,1)));
	background: -webkit-linear-gradient(-45deg, rgba(73,155,234,1) 7%, rgba(73,155,234,1) 51%, rgba(32,124,229,1) 80%, rgba(32,124,229,1) 89%);
	background: -o-linear-gradient(-45deg, rgba(73,155,234,1) 7%, rgba(73,155,234,1) 51%, rgba(32,124,229,1) 80%, rgba(32,124,229,1) 89%);
	background: -ms-linear-gradient(-45deg, rgba(73,155,234,1) 7%, rgba(73,155,234,1) 51%, rgba(32,124,229,1) 80%, rgba(32,124,229,1) 89%);
	background: linear-gradient(135deg, rgba(73,155,234,1) 7%, rgba(73,155,234,1) 51%, rgba(32,124,229,1) 80%, rgba(32,124,229,1) 89%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#499bea', endColorstr='#207ce5', GradientType=1 );
}
.banner.purple{
	background: rgba(203,96,179,1);
	background: -moz-linear-gradient(left, rgba(203,96,179,1) 0%, rgba(219,54,164,1) 0%, rgba(193,70,161,1) 0%, rgba(168,0,119,1) 87%, rgba(168,0,119,1) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(203,96,179,1)), color-stop(0%, rgba(219,54,164,1)), color-stop(0%, rgba(193,70,161,1)), color-stop(87%, rgba(168,0,119,1)), color-stop(100%, rgba(168,0,119,1)));
	background: -webkit-linear-gradient(left, rgba(203,96,179,1) 0%, rgba(219,54,164,1) 0%, rgba(193,70,161,1) 0%, rgba(168,0,119,1) 87%, rgba(168,0,119,1) 100%);
	background: -o-linear-gradient(left, rgba(203,96,179,1) 0%, rgba(219,54,164,1) 0%, rgba(193,70,161,1) 0%, rgba(168,0,119,1) 87%, rgba(168,0,119,1) 100%);
	background: -ms-linear-gradient(left, rgba(203,96,179,1) 0%, rgba(219,54,164,1) 0%, rgba(193,70,161,1) 0%, rgba(168,0,119,1) 87%, rgba(168,0,119,1) 100%);
	background: linear-gradient(to right, rgba(203,96,179,1) 0%, rgba(219,54,164,1) 0%, rgba(193,70,161,1) 0%, rgba(168,0,119,1) 87%, rgba(168,0,119,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cb60b3', endColorstr='#a80077', GradientType=1 );
}
.banner .b-img{
	width:100%;
	height:100%;
}
.banner .b-container{
	width:90%;
	margin:auto;
	padding:7px;
	text-align:center;
	
}
.banner h2{
	font-size:28px;
	font-weight:bolder;
}
.banner h4{
	color:#fff;
}
/**/
hr.featurette-divider{
   margin: 60px 0px;
}
/**/
.marketing .col-lg-4 {
  margin-bottom: 20px;
  text-align: center;
}
.marketing .col-lg-4 p {
  margin-right:10px;
  margin-left:10px;
}
/**/
.banner-main{
	position:relative;
	background:#1c94c6;
	min-height:150px;
	margin-top:52px
}
.banner-main .b-m-left h3{
	font-weight:bold;
}
.banner-main .b-m-left h3,.banner-main .b-m-left h4{
	color:#fff;
}
.banner-main .b-m-left h4{
	float:right;
}
.banner-main .b-m-right{
	background:#0074a6;
	min-height:150px;
	padding-top:35px;
}
.banner-main .b-m-right p{
	color:#fff;
	display:inline-block;
	font-weight:bold;
	line-height:2;
}
.banner-main .b-m-right i{
	font-size:24px;
	float:left;
	padding-right:7px;

}
.banner-main .b-m-right a{
	display:block;
	margin-top:5px;
}
/**/

.search-item{
	width:100%;
	max-width:200px;
    background-color:#ffffff;
    border:1px solid #eee;
    border-radius:1px;
    transition:0.3s all;
}
.search-item:hover{
	/*
	-webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.1);
    -moz-box-shadow:0px 1px 2px rgba(0,0,0,0.1);
    */
    box-shadow:2px 2px 4px rgba(0,0,0,0.1);
}
.search-item>.si-img>img{
	width:100%;
}
.search-item>.si-title{
	border-top:1px solid #eee;
	padding:7px 4px 15px 4px;
}
.search-item>.si-title>a{
	text-align:center;
	display:block;
}
.search-item>.si-title>p{
	color:#c2c3c3;
	font-size:11px;
}
.search-item .cut-text{
	width:184px;
}
/**/
.line{
	width:100%;
	border-bottom:1px solid #e1e1e1;
	margin:20px 0px;
	display:inline-block;
}
.line>.l-left{
	float:left;
	border-bottom:2px solid #1e77e2;
}
.line>.l-left h3{
	font-size:1.7em;
	margin:7px 0px;
}
.line>.l-right{
	float:right;
}
.l-right>ul{
	margin:7px;
	padding:0px;
}
.l-right>ul li{
	list-style:none;
	display:inline-block;
}
.l-list{
}
/**/
.nav-avatar>img{
	width:20px;
	height:20px;
	border-radius:50%;
}
/**/
.table-search{
	width:100%;
	position:absolute;
	z-index:10;
	margin:-1px 0px 0px 0px;
	border-collapse:collapse;
	border:1px solid #d6d6d6;
}

.table-search tr{
	background-color:#fff;
}
.table-search td{
	padding:3px 3px 3px 6px;
	border-bottom:1px solid #d6d6d6;
}
.table-search>tbody>tr:hover{
	background-color:#efefef;
	cursor:pointer;
}

.table-search>tbody>tr td.enfocar{
	background-color:#efefef;
}
/**/
.cont-publicity{
  max-width:100%;
  background:#056399;
  background:rgba(5,99,153,0.9);
  border:1px solid rgba(0,0,0,0.1);
}
.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;
  }
}
/**/
.element-name{
	width:100%;
	padding-top:15px;
	font-size:1.3rem;	
}
.element-name>a{
	background:rgba(255,255,255,0.1);
	padding:0.4rem 1rem;
	border-radius:1rem;
	text-decoration:none;
}
.element-name>i{
	color:#fff;
}
/**/
.cont-alert{
    max-width:100%;
    min-height:70px;
    margin:0.5em;    
    background: #f7f7f7;
    background: -moz-linear-gradient(top,  #f7f7f7 0%, #e2e2e2 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7f7f7), color-stop(100%,#e2e2e2));
    background: -webkit-linear-gradient(top,  #f7f7f7 0%,#e2e2e2 100%);
    background: -o-linear-gradient(top,  #f7f7f7 0%,#e2e2e2 100%);
    background: -ms-linear-gradient(top,  #f7f7f7 0%,#e2e2e2 100%);
    background: linear-gradient(to bottom,  #f7f7f7 0%,#e2e2e2 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#e2e2e2',GradientType=0 );
    text-shadow: 0px 1px 0px #fff;
    box-shadow:1px 1px 3px 0px rgba(168,168,168,1);
    border-radius: 3px;
    font-family: Helvetica, Arial, Verdana, Tahoma, sans-serif;
    color:#000;
    position:fixed;
    z-index:99999;
    bottom:auto;
    top:0%;
    left:3%;
}
.cont-alert>.ca-title{
	color:#333;
	font-weight:bold;
	padding:7px;
}
.cont-alert>.ca-title i{
	float:right;
	text-align:right;
}
.cont-alert>.ca-msj{
	padding:7px;
}
.cont-alert>.ca-button{
	padding:4px;
	text-align:right;
}
/**/
.ca-img{
	width:6rem;
	margin:0px auto;	
}
.ca-img>a>img{
	width:6em;
	height:6em;
	border-radius:50%;
}
/**/
.show-box{
    width:190px;
    border:1px solid #eee;
    transition:0.3s all;
    margin:0.5em;
}
.show-box:hover{
    -webkit-box-shadow: 0px 2px 11px -3px rgba(156,156,161,1);
    -moz-box-shadow: 0px 2px 11px -3px rgba(156,156,161,1);
    box-shadow: 0px 2px 11px -3px rgba(156,156,161,1);
}
.show-box>.sb-img{
	max-width:190px;
    height:190px;
    position:relative;
}
.show-box>.sb-img img{
    width:100%;
    height:100%;
}
.show-box>.sb-title{
    text-align:center;
    border-top:1px solid #eee;
    background:#fff;
}
.sb-title>.sbt-elm-title{
    padding:0.3em 0.5em;
    text-align: center;
    display: block;
}
.sb-title>.sbt-user-title{
    display:block;
    margin:0px;
    padding:0em 0.4em 0.4em 0.4em;
}
.sbi-icon{
    position:absolute;
    top:2px;
    right:0px;
    font-size: 0.8em;
    cursor:pointer;
    background:rgba(255,255,255,0.8);
    color:#898989;
    /*
    background:#efb93f;
    color:#fff;
    */
    -webkit-box-shadow: inset -1px 0px 1px rgba(0,0,0,0.2);
    box-shadow: inset -1px 0px 1px rgba(0,0,0,0.2);
    padding:0.4em 0.4em;
}
.sbi-icon:hover{
    padding-right:0.7em;
}
.sbi-icon>span:before{
    content:'';
    border-left:6px solid transparent;
    border-top:6px solid transparent;
    border-bottom:6px solid transparent;
    /*border-right:6px solid #efb93f;*/
    border-right:6px solid rgba(255,255,255,0.8);    
    position:absolute;
    left:-12px;
}
.sbi-icon-point{
    position:absolute;
    top:4px;
    left:2px;
    text-align:center;
}
.sbi-icon-point>span{
    padding:0.2em;
    margin:0.2em;
    border:1px solid #eee;
    background:rgba(255,255,255,0.8);
    border-radius:5px 0px;
    color:#898989;
    font-size:11px;
}

.show-box:hover .sbi-icon-point>span{
    color:#337ab7;
    background:#fff;
    transition:0.3s all;
}
.show-box:hover .sbi-icon{
	background:#efb93f;
    color:#fff;
    transition:0.3s all;
}
.show-box:hover .sbi-icon>span:before{
	border-right:6px solid #efb93f;
	transition:0.3s all;
}
.sbt-user-title{
    color:#898989;
    font-size:11px;
}
/**/
.icon-about>i{
	color:#fff;
	background:#00a2e8;
	width:200px;
	height:200px;
	padding:60px;
	margin:10px;
	border-radius:50%;
	display:inline-block;
	font-size:4em;
	font-weight:100;
}
/**/
.icon-show{
    float:right;
    color:#28a745;
}
.cg-group{
    padding:0.5em 0.3em;
    background:#f5f5f5;
}
.cg-group>li{
    list-style:none;
    display:inline-block;
    position:relative;
}
.cg-group>li>input[type="radio"]{
    display:none;
}
.cg-group>li>label{
    margin:0.2em;
    padding:0.2em 1em;
    font-weight:normal;
    background:#eee;
    border-radius:0.3em;
    cursor:pointer;
}
.cg-group>li>label:hover{
    background:#ddd;
    transition:0.3s all;
}
.cg-group>li i.cancel{
    display:none;
    top:-4px;
    right:-4px;
    position:absolute;
    cursor:pointer;
    color:#aaa;
}
.cg-group>li i.cancel:hover{
    color:#333;
}
.cg-group>li:hover i.cancel{
    display:block;
}

.cg-group>li>input[type="radio"]:checked + label{
    background:#28a745;
    color:#fff;
}

.cg-group>li>input[type="radio"]:checked + label + i.cancel{
    display:none;
}
.cg-group .plus>i{
    cursor:pointer;
}
.cg-group .plus>label{
    padding:0.3em;
}
/**/
input[type="checkbox"].check-circle,
input[type="checkbox"].check-quadrate{
    display:none;
}
label.check-circle,label.check-quadrate{
    background:#f5f5f5;
    border:1px solid #dddddd;
    padding:1rem 2rem;
    margin-bottom:0.1rem;
    width:100%;
    cursor:pointer;
}
label.check-circle>.cc-title,label.check-quadrate>.cc-title{
    color:#333333;
    font-weight:normal;
}
label.check-circle>.cc-icon,label.check-quadrate>.cc-icon{
    width:20px;
    height:20px;
    border:3px solid #dddddd;
    border-radius:50%;
    transition:all 0.3s;
    display:inline-block;
    position:relative;
    float:right;
}
label.check-quadrate>.cc-icon{
    border-radius:3px;
}
label.check-circle>.cc-icon:hover,
label.check-circle>.cc-title:hover + .cc-icon,
label.check-quadrate>.cc-icon:hover,
label.check-quadrate>.cc-title:hover + .cc-icon{
    border:3px solid #aaaaaa;
}
label.check-circle>.cc-icon>i,
label.check-quadrate>.cc-icon>i{
    display:none;
    color:#ffffff;
    position:absolute;
    top:-3px;
    left:-3px;
}

input[type="checkbox"].check-circle:checked + label.check-circle>.cc-icon{
    border:3px solid #28a745;
    background:#28a745;
}
input[type="checkbox"].check-quadrate:checked + label.check-quadrate>.cc-icon{
    border:3px solid #28a745;
    background:#28a745;
    border-radius:3px;
}
input[type="checkbox"].check-circle:checked + label.check-circle>.cc-icon>i,
input[type="checkbox"].check-quadrate:checked + label.check-quadrate>.cc-icon>i{
    display:block;
}
.check-title{
    padding:0.5rem 0.5rem;
    margin-top:0.5rem;
    font-weight:500;
}
label.check-circle.disabled>.cc-icon>i,
label.check-quadrate.disabled>.cc-icon>i{
    color:#fff;
    background:#aaa;
}
label.check-circle.disabled>.cc-title,
label.check-quadrate.disabled>.cc-title{
    color:#aaa;
}
/**/
.cont-social>a{
	display:inline-block;
	padding:0.5em 1em;
	margin:0.5em;
	border-radius:3px;
	background:#eee;
}
.cont-social>a>i{
	font-size:1.2em;
	color:#fff;
}
.cont-social>a.share-fb{
	background:#2d609b;
}
.cont-social>a.share-google-plus{
	background:#eb4026;
}
.cont-social>a.share-twitter{
	background:#00c3f3;
}
.cont-social>a.share-x-twitter{
	background:#000;
}

.cont-social>a.share-x-twitter>.icon-x-twitter{
    display: flex;
    justify-content:center;
    align-items:center;
    /*background:#000;*/
    width:1.5em;
    height:1.5em;
    border-radius: 3px;
    fill:#fff;
}
/**/
.notice{	
	position:relative;
}
.notice>span{	
	border:0px;
	background:#f93d3d;	
	position:absolute;
	right:-0.5em;
	bottom:-1em;	
	padding:0em 0.4em;
	margin:0em;	
	border-radius:3px;
	font-size:11px;	
}
/**/
.cont-welcome{
    width:100%;
    display:flex;
    justify-content:center;
    flex-wrap:wrap;
}
.cw-item{
    padding:0.5em 1em;
}
.cw-item>.ci-icon{
    transform:skew(10deg);
    border-radius:0.2em;
    float:left;
    font-size:7em;
    top:0em;
    right:0em;
    background:orange;
    color: rgba(0,0,0,0.3);
}
.cw-item>h2,.cw-item>p{
    font-family:cursive;
}
.cw-item>p{
    font-size:1.1em;
}
/**/
.onload{
    width:100%;
    height:100%;
    background:#fff;
    position:absolute;
    top:0;
    left:0;
    text-align:center;
}
.onload>i{
    top:50%;
    margin-top:-16px;
    margin-left:-22px;
    position:absolute;
    color:#1e77e2;
    font-size:2em;
}
/**/
.module-line{
	width:95%;
	margin:10px 0px;
	display:inline-block;
	border-bottom:1px solid #e1e1e1;
	position:relative;
}
.module-line>.ml-left{
    float:left;
    border-bottom:1px solid #1e77e2;
    margin-bottom:-1px;
}
.module-line>.ml-left>h4{
    margin:7px 0px;
}
.module-line>.ml-right{
    margin:7px 0px;
}
.ml-right>ul{
    padding:0px;
    margin:0px;
}
.ml-right>ul>li{
    list-style:none;
    display:inline-block;
}
/**/
.fullscreen{
    width:100%;
    height:100%;
    position:fixed;
    top:0em;
    left:0em;
    background:rgba(0,0,0,0.2);
    display:none;
}
.fullscreen>.f-cont{
    width:98%;
    height:96%;
    padding:0.5em;
    background:#fefefe;
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    -webkit-transform:translate(-50%,-50%);

    border-radius:2px;
    border: 1px solid rgba(0, 0, 0,0.1);
    -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, .3);
    box-shadow: 0 3px 3px rgba(0, 0, 0, .3);
}

.fc-head>span>i{
    position:absolute;
    top:0em;
    right:0em;
    font-size:1.5em;
}
.fc-head>span>i:hover{
    color:rgba(0,0,0,0.6);
    cursor:pointer;
}
.fc-body>iframe{
    width:100%;
    height:calc(100vh - 36px);
    border:none;
    overflow-y:auto;
}
/**/
.iframe-icon>iframe{
	width:100%;
	height:70vh;
	border:none;
}
/**/
.msj-inspirit{
	padding-top:0.5em;
}
/**/
.container-query{	
    background:#f9f9f9;
    position:relative;
    padding:0em 2em;
    background-color: #ffffff;
    -webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.1);
    box-shadow: 0px 1px 2px rgba(0,0,0,0.1);
    border-radius: 1px;
}
.container-query>i{
    position:absolute;
    bottom:0.5em;
    right:0.5em;
    cursor:pointer;
    color:#337ab7;
    transition:0.3s all;
}
.container-query>i:hover{
	display:block;
    background:#eee;
    padding:1em;
    border-radius:50%;
}
/**/
.separate-horizontal{
    width: 100%;
    margin:10px 0px;
    position: relative;
    height: 1px;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0) scale(1, 1);
}
.separate-horizontal:after {
    height: 1px;
    background: #e8e8e8;
    background: -moz-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.09) 35%, rgba(0, 0, 0, 0.09) 70%, rgba(0, 0, 0, 0) 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(35%, rgba(0, 0, 0, 0.09)), color-stop(70%, rgba(0, 0, 0, 0.09)), color-stop(100%, rgba(0, 0, 0, 0)));
    background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.09) 35%, rgba(0, 0, 0, 0.09) 70%, rgba(0, 0, 0, 0) 100%);
    background: -o-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.09) 35%, rgba(0, 0, 0, 0.09) 70%, rgba(0, 0, 0, 0) 100%);
    background: -ms-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.09) 35%, rgba(0, 0, 0, 0.09) 70%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.09) 35%, rgba(0, 0, 0, 0.09) 70%, rgba(0, 0, 0, 0) 100%);
    position: absolute;
    bottom: -1px;
    content: "";
    width: 100%;
    left: 0;
}
.separate-vertical{
    width:1px;
    height:auto;
    background:-moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.09) 35%, rgba(0, 0, 0, 0.09) 70%, rgba(0, 0, 0, 0) 100%);
    background:-webkit-gradient(linear, right top, right top, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(35%, rgba(0, 0, 0, 0.09)), color-stop(70%, rgba(0, 0, 0, 0.09)), color-stop(100%, rgba(0, 0, 0, 0)));
    background:-webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.09) 35%, rgba(0, 0, 0, 0.09) 70%, rgba(0, 0, 0, 0) 100%);
    background:-o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.09) 35%, rgba(0, 0, 0, 0.09) 70%, rgba(0, 0, 0, 0) 100%);
    background:-ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.09) 35%, rgba(0, 0, 0, 0.09) 70%, rgba(0, 0, 0, 0) 100%);
    background:linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.09) 35%, rgba(0, 0, 0, 0.09) 70%, rgba(0, 0, 0, 0) 100%);
    
}
/**/
.onload-icon{
	color:#337ab7;
}
/**/
.box-f5{
	background:#f5f5f5;
	padding:0.5em;
}
/**/
.footer-container{
    padding:1rem;
    text-align:center;
}
.footer-container .denz>img{
    padding:1rem;
    text-align:center;
}
.footer-container .denz>img.denz-1{
    display:none;
}
.footer-container .details>a{ 
    font-size:1rem;
}
.footer-container .copyright{
    margin:0.5rem;
    font-size:0.8rem;
}
.footer-container .copyright>strong{ 
    font-weight:500;
}
.footer-container .details>span{
    color:#ebedef;
    font-size:0.7rem;
    margin:0rem 0.3rem;
}
.trapeze{
    position:relative;
    height:0rem;
}
.triangle-1{
    display:none;
    width:1rem;
    height:1rem;
    border:2rem solid #f5f5f5;
    border-bottom:1.5rem solid transparent;
    border-right:2.5rem solid transparent;
    position:absolute;
    top:0rem;
    left:0rem;
}
.triangle-2{
    display:none;
    width:1rem;
    height:1rem;
    border:2rem solid #f5f5f5;
    border-top:1.5rem solid transparent;
    border-right:2.5rem solid transparent;
    position:absolute;
    bottom:0rem;
    left:0rem;

}
/**/
.search-container{
    display:none;
    width:100%;
    left:0;
    position:absolute;
    top:50px;
    padding:2.5rem 2rem 1rem 2rem;
    background:rgb(46,64,83,0.9);
    z-index:1000;
}
.search-container>.cancel{
    position:absolute;
    top:1px;
    right:1px;
    cursor:pointer;
    color:#aaa;
    padding:0.1rem 0.3rem;
    display:block;
    z-index:1100;
}
.search-container>.cancel:hover{
    color:#333;
    border-radius:50%;
    background:#ecf0f1;
}
/**/
.icon-container{
	width:auto;
	float:right;
}
.icon-container>a{
	color:#d0d3d4;
	cursor:pointer;
	transition:0.3s all;
	border-radius:50%;
	margin-top:0.5rem;
	margin-right:0.5rem;
	padding:0.1rem 0.2rem;
	display:inline-block;
	font-size:0.9rem;
}
.icon-container>a:hover{
	color:#333;
	background:rgba(255,255,255,0.5);
}
.icon-container>a.active{
	color:#333;
	background:#ecf0f1;
}
.icon-container>a.icon-update:hover{
	background:#ecf0f1;
}
/**/
.donation-container>.dc-title{
    background:#3bc9d9;
    text-decoration:none;
    color:#0b4147;
    border-radius:0.5rem;
    padding:0.5rem 1rem;
    font-weight:500;
    transition:0.3s all;
}
.donation-container>.dc-title:hover{
    background:#fff;
    border:2px solid #3bc9d9;
}
.dc-content>a{
    text-decoration:none;
    border-bottom:1px solid #333;
    cursor:pointer;
    color:#333;
    font-size:1.2rem;
}
.dc-content>.dc-subcontent{
    display:none;
}
/**/
.cont-notification{}

.cn-title{
    background:#f5f5f5;
    border:1px solid #ddd;
    text-align:center;
    border-radius:3px;
}
.cn-title>h4{
    display:inline-block;
}
.ct-right{
    background:#eee;
    color:#ddd;
    cursor:pointer;
    float:right;
}
.ct-right:hover{
    background:#ddd;
    color:#333;
}
.cn-list{
    max-height:27em;
    list-style:none;
    padding:0em;
    overflow-y:auto;
}
.cn-list>li{
    display:flex;
    padding:0.5em;
    border-bottom:1px solid #dddddd;
}
.cn-list>li:nth-last-child(1){
    border-bottom:none;
}
.cn-list>li>div>a>.name{
    color: #7f7f7f;
    font-size: 0.8em;
    font-weight: bold;
    margin:0em 0.5em;
}
.cn-list>li>div>span.date{
    color:#28a745;
}
/**/
.float-buttons .v-mobil{
	display:none;
}
/**/
.cont-authors{
    background: #f5f5f5;
}
.author>.image>img{
    width:17rem;
    height:17rem;
    border-radius:50%;
	filter:grayscale(100%);
	transition:0.6s all;
	cursor:pointer;
	margin:3rem auto;
    display:block;
}
.author>.image>img:hover{
    filter:none;
}
.author .biography{
    padding:0rem 2rem;
    text-align:center;
    display:inline-block;
}
.author .biography>h4{
    margin:0.2rem;
    font-weight:600;
    color:#17202a;
}
.author .biography>paralel{
    color:#5d6d7e;
}
.author .biography>.more-bio{
	display:none;
}
/**/
.wapp-container{
    margin:2rem 0rem;
    text-align:center;
}
.wapp-container a{
    text-decoration:none;
    color:#34495e;
    transition:0.3s all;
}
.wapp-container a:hover{
    padding:0.2rem 0.7rem;
    color:#28b463;
    border:1px solid #28b463;
    border-radius:2rem;
}
/**/
.section-publicity{
	display:none;
}
.pub{
	display:none;
}
/**/
.container-notification{
    position:fixed;
    width:90%;
    bottom:1rem;
    left:50%;
    transform:translate(-50%);
    
    background:rgba(0,0,0,0.87);
    border:2px solid #28d2c7;
    color:#fff;
    border-radius:1rem;
    padding:1rem;
    text-align:center;
    z-index:1300;
}
.container-notification.top{
    top:1rem;
    bottom:auto;
}
/*****************************************************************/
/*                             Query                             */
/*****************************************************************/
@media screen and (min-width:300px){
	/**/
	.search-item{
		width:70%;
		margin:7px;
	}
	/**/
	.module-line>.ml-right{
        float:left;
    }
	/**/	
}
@media screen and (min-width:480px){
	/**/
	.navbar-nav>li>.search-container{
		margin:0px 7px;
	}
	/**/
	.banner .b-container{
		position:absolute;
		top:50%;
		left:50%;
		transform:translateX(-50%) translateY(-50%);

		background-color:orange;
	    border:1px solid #fff;
	    border-radius:3px;
	    opacity:0.9;
	    filter:alpha(opacity=90);

	}
	.banner h2{
		font-size:40px;
	}
	.banner a{
		margin-top:10px;
	}
	/**/
	.search-item{
		margin:10px;
	}
	.show-box{
		margin:0.7em 0.7em;
	}
	/**/		
	.container-admin{
		width:100%;
	}
	/**/
	.module-line>.ml-right{
        float:right;
    }
    /**/
    .cont-category{
    	overflow:visible;
    }
    /**/
    .cont-alert{
        width:60%;
        top:1em;
        left:19%;
    }
    /**/
    .container-notification{
        width:auto;
    }
}
@media screen and (min-width:768px){
	.banner{
		height:400px;
		overflow:hidden;
	}
	/**/
	.search-item{
		width:30%;
		margin-top:20px;
		margin-bottom:20px;
	}
	/**/		
	.container-admin{
		width:80%;
	}
	/**/
	.ed-title>h4{
		font-size:1.4em
	}
	.ed-control{
		text-align:right;
	}
	/**/
	.cont-alert{
        width:40%;
        left:30%;
    }
    /**/
	.search-container{
		width:70%;
		left:auto;
		right:0px;
		border-radius:0.5rem;  
	}
	/**/
	.float-buttons .v-mobil{
		display:block;
	}
	/**/
	.cont-authors{
        padding:0rem;
    }
    .author>.image>img{
	    width:10rem;
	    height:10rem;
	}
    .author .biography{
        text-align:left;
    }
    .author .biography>h4{
        display:inline-block;
    }
    .author .biography>paralel{
        display:block;
    }
	/**/
	.section-publicity{	
		display:block;
	}
}
@media screen and (min-width:992px){
    .trapeze{
        height:14rem;
    }
    .footer-container{
        text-align:left;
    }
    .footer-container .denz>img.denz-1{
        margin-top:1.5rem;
        display:block;
    }
    .footer-container .denz>img.denz-2{
        display:none;
    }
    .triangle-1{
        display:block;
    }
    .triangle-2{
        display:block;
    }
    /**/
    .search-container{
       width:50%;  
   }
   .pub{	
		display:block;
	}
}
@media screen and (min-width:1200px){
	.navbar-nav>li>.search-container{
		margin-top:2px;
		width:400px;
	}
	.navbar-nav>li>.search-container input{
		width:367px;
	}
	/**/
	.banner .b-container{
		width:360px;
		height:auto;
		position:absolute;
		top:50%;
		left:50%;
		transform:translateX(-140%) translateY(-50%);

		background-color:orange;
	    border-radius:3px;
	    opacity:1;
	    filter:alpha(opacity=100);
	    border:1px solid rgba(255,255,255,0.9);
	    padding:20px;
	}
	/**/
	.banner-main .b-m-left h4{
		margin-top:40px;
	}
	/**/
	.container-admin{
		width:70%;
	}
}