.mapsi-03 .musge-2 {
	padding: 0px 1% !important;
}

.orzoli-1 .mapsi-03.mapsi-3.musge-1 {
	margin: -1% 0px 0px 0px;
	border-radius: 0px;
}
	

#mapsi-2{
	floaT: left;
	width: 100%;
	position:relative;
}

.darken  .mapsi-03.mapsi-3.musge-01.musge-1{
	background:#1d202b;
	border: 1px solid var(--foni-4);
}


.mapsi-03.mapsi-3.musge-01.musge-1{
	background:#fff;
	border: 1px solid var(--foni-4);
}



.sruli-021.sruli-21{
	margin-top: 0px;
}
.mapsi-04{
display: none;
}



@media (min-width:20px) and (max-width:560px){

.orzoli-1 #mapsi-2 .notic-1 .tabs{
	margin: 1% 0% 1% 1% !important;
}

	
.mapsi-04{
	display: block !important;
	border-top: 1px var(--foni-3) solid;
}

	
.sruli-021.sruli-21{
	margin-top: -1% !important;
}
    
.recc.sidebari-7 .sl-tv-4{
   width: 100% !important;
}

.recc .sidebari-8{
   padding: 0px 1% 0px 1%;
}
	
.footer-4{
	width: 32px;
	overflow:hidden;
	margin-top: 17px !important;
}
}

.recc .sl-tv-8 img{
	width: 50px;
	height: 50px;
	border-radius: 100px !important;
}


.footer-linkisi-2.footer-linkisi-1:hover{
    background-color: #41cdd8;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
}

.footer-linkisi-2.footer-linkisi-1{
    overflow:hidden;
    width: 32px;
    height: 32px;
    line-height: 34px;
    floaT: left;
    position:relative;
    margin: 0px 7px 0px 0px;
    border-radius: 100px;
    background: #30afb9 url(../images/tik.svg) 8px 8px no-repeat;
	background-size: 14px;
    text-align: center;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
}









.footer-3{
	margin-top: 10px;
	display:  inline-block;
}

.footer-linkisi-1:hover{
    background-color: #ff4563;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
}
.footer-linkisi-1{
    overflow:hidden;
    width: 32px;
    height: 32px;
    line-height: 34px;
    floaT: left;
    position:relative;
    margin: 0px 7px 0px -3px;
    border-radius: 100px;
    background: #ff0028 url(../images/yo.svg) 7px 9px no-repeat;
    text-align: center;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
}
















body .abc-mov-1{
   background: var(--foni-6);
}


.orzoli-1 .mapsi-3.musge-1 {
	margin: 10px 0px 12px 0px;
}
	
.mapsi-2 a{
	-webkit-transition: .3s ease-in-out; transition: .3s ease-in-out;
	floaT: left;
	width: 100%;
	color:#fff;
	    text-align: center;
	background:#FC427B;
	padding: 0px 0px;
	height: 40px;
	border-radius: 500px;
	line-height: 42px;
	font-size: 14px;
	font-family: font-4;
}

#mapsi-1{
	width: 100%;
	float: left;
	position:relative;
	margin-bottom: 10px;
}

@media (min-width:20px) and (max-width:560px){
body .alis-m-1{
	width: 100%;
	float: left;
	position:relative;
	text-align: center;
	margin: 15px 0px 0px 0px;
	padding: 0px 0px 22px 0px;
	border-bottom: 1px var(--foni-3) solid;
}

}



.alis-m-1 a:hover{
	background: #1caffd;
}



.alis-m-1 a{
	color:#fff;
	padding: 14px 18px;
   font-size: 15px;
   font-family: font-3;
	background: #0097E6;
	border-radius: 5px;
}


.alis-m-1{
	width: 100%;
	float: left;
	position:relative;
	text-align: center;
	margin: 10px 0px 20px 0px;
	padding: 0px 0px 30px 0px;
	border-bottom: 1px var(--foni-3) solid;
}




@media (min-width:560px) and (max-width:1120px){
.center-3{
	margin: 0px 0px 0px 10px;
}

.center-3 .size.t-title-1{
	margin-top: 0px;
	margin-bottom: 14px;
}
}



@media (min-width:1120px) and (max-width:90000000px){
.center-3{
	margin: 0px 0px 0px 10px;
}

.center-3 .size.t-title-1{
	position:relative;
	floaT: left;
	padding: 20px 0px;
	margin-top: 0px;
	margin-bottom: 20px;
}
}






@media (min-width:20px) and (max-width:560px){
.cl-log-1 .sl-tv-7{
	width: 48%;
}

.cl-log-1 .sl-tv-13{
   margin: 0px 0px 14px 0px;
}
}


@media (min-width:560px) and (max-width:750px){
.cl-log-1 .sl-tv-7{
	width: 184.4px;
}

.cl-log-1 .sl-tv-13{
   margin: 0px 7px 14px 7px;
}
}

@media (min-width:750px) and (max-width:1000px){
.cl-log-1 .sl-tv-7{
	width: 186px;
}

.cl-log-1 .sl-tv-13{
   margin: 0px 7px 14px 7px;
}
}


@media (min-width:1000px) and (max-width:1120px){
.cl-log-1 .sl-tv-7{
	width: 198px;
}

.cl-log-1 .sl-tv-13{
   margin: 0px 7px 14px 7px;
}
}


@media (min-width:1120px) and (max-width:1220px){
.cl-log-1 .sl-tv-7{
	width: 186.5px;
}

.cl-log-1 .sl-tv-13{
   margin: 0px 10px 20px 10px;
}
}


@media (min-width:1220px) and (max-width:90000000px){
.cl-log-1 .sl-tv-13{
   margin: 0px 10px 20px 10px;
}
	.cl-log-1 .sl-tv-7{
	width: 203px;
}
}








@media (min-width:10px) and (max-width:560px){
    
.orasi .rec .sl-tv-9{
	margin-top: 5px;
}
    
.demo.container {
        z-index:1;
    }

.demo.container::after {
        width: 120%;
        height: 1px;
	    bottom: -15px;
        margin: 0px 0px 0px -20px;
        position: absolute;
        floaT: left;
        background: var(--foni-22);
        content: "";
    }

.demo.container::before {
        width: 120%;
        height: 1px;
	    top: -11px;
        margin: 0px 0px 0px -20px;
        position: absolute;
        floaT: left;
        background: var(--foni-22);
        content: "";
    }
}




@media (min-width:10px) and (max-width:1000px){
.mob-fix-1{
	widtH: 100%;
	height: 75px;
    float: left;
    position: relative;
}

.header-3{
	position:fixed !important;
}
	
}


/*-- mob --*/
@media (min-width:10px) and (max-width:560px){

body .gd-1 .c-vidi-4{
    color:#ffffff !important;
}

	
.gd-1 .c-vidi-3{
    background: rgb(0 0 0 / 80%) !important;
}


	
.sl-tv-8{
	background:#fff;
}
.darken .sl-tv-8{  background:rgb(162 164 169 / 0%);}
	
.orzoli-1 .sruli-2{
	border-radius: 0px !important;
}
	
.orzoli-1 .sidebari-4{
	padding-bottom: 5px;
}
	
.orzoli-1 .sidebari-1{
	 border-radius: 0px !important;
	margin-bottom: 0px;
}

	
.orzoli-1 .sidebari-6 .sl-hd-5{
	border-top: 1px #3e4257 solid;
}


	
.orzoli-1 .sidebari-7{
   border-radius: 0px !important;
}

	
	
.sagzao-1 .h1-2 .abc-10::-webkit-scrollbar-track{  border-radius: 0px !important;}
.sagzao-1 .h1-2 .abc-10::-webkit-scrollbar-thumb{  border-radius: 0px !important;}
.sagzao-1 .h1-2 .abc-10::-webkit-scrollbar{  border-radius: 0px !important;}
.darken .sagzao-1 .h1-2 .abc-10::-webkit-scrollbar-track{ border-radius: 0px !important;}
.darken .sagzao-1 .h1-2 .abc-10::-webkit-scrollbar-thumb{  border-radius: 0px !important;}
.darken .sagzao-1 .h1-2 .abc-10::-webkit-scrollbar{  border-radius: 0px !important;}

.sagzao-1 .h1-1 .abc-10::-webkit-scrollbar-track{  border-radius: 0px !important;}
.sagzao-1 .h1-1 .abc-10::-webkit-scrollbar-thumb{  border-radius: 0px !important;}
.sagzao-1 .h1-1 .abc-10::-webkit-scrollbar{  border-radius: 0px !important;}
.darken .sagzao-1 .h1-1 .abc-10::-webkit-scrollbar-track{ border-radius: 0px !important;}
.darken .sagzao-1 .h1-1 .abc-10::-webkit-scrollbar-thumb{  border-radius: 0px !important;}
.darken .sagzao-1 .h1-1 .abc-10::-webkit-scrollbar{  border-radius: 0px !important;}

	
.orzoli-1.darken .ho-zoli-1 .abc-3{
   margin: 0px 0px 2% 0px; 
	   border-top: 1px #292d39 solid;
   border-bottom: 1px #292d39 solid;
	padding-bottom: 15px;
}
	
.orzoli-1.darken .sl-hd-6{
	background: #292d39;
}
	
.orzoli-1 .ho-zoli-1 .abc-3{
   margin: 0px 0px 2% 0px;
	padding-top: 1%;
   border-top: 1px var(--foni-5) solid;
   border-bottom: 1px var(--foni-5) solid;
	padding-bottom: 15px;
}
	
.orzoli-1 .footer-14 a{
	margin: 10px 0px 10px 0px;
	}
	
.orzoli-1 .musig.abc-mov-1{
   margin-bottom: 0px;
}
	
    
.orzoli-1 .sl-hd-5{
	margin: 0px 0px 0px 0px;
}
	
.orzoli-1 .musge-1 {
	margin: 10px 0px 0px 0px;
}
	
.orzoli-1 .sl-tv-1{
   padding: 10px 0px 8px 0px;
}
	
.orzoli-1  .c-vidi-4{
height: auto;
}
	
.orzoli-1 .gd-1 .c-vidi-3{
    padding: 12px 0px 12px 0px;
}
	
.orzoli-1 .abc-3{
   margin: 0px 0px 14px 0px; 
}
	 
    
.sagzao-1 .mov-ne-5{ display: none !important; }
	
#dle-content .stst .kut-c-vidi-flay{
    top: 5px;
}

    
.orzoli-1 .sruli-17{
	padding: 20px 0px 2px 0px;
}
	
.orzoli-1 .di-home-1{
	border-radius: 0px !important;
	    margin-bottom: 1%;
}

.orzoli-1 .notic-1 .tabs{
	margin: 0% 0% 1% 1% !important;
}

	
.orzoli-1 .tabs{width: 98%;   margin: 0% 0% 0% 1%; }
	
.orzoli-1 .sagzao-2 .abc-10{
   width: 100%;
   float: left;
   margin: 1% 0% 0% 0%;
}
	
.orzoli-1 .box, .orzoli-1 .comment {
	margin: 1px 0px 1px 0px !important;
	border-radius: 0px !important;
}
	
	
.orzoli-1 .eroris-1 {
	background:var(--foni-4);
    font-family: font-1;
    font-size: 14px;
    margin: 0px 0px 5px 1%;
    padding: 4% 0%;
    width: 98%;
    position: relative;
    floaT: left;
    z-index: 1;
    overflow: hidden;
    text-align: center;
    border-radius: 5px;
}
	
.orzoli-1 .cat-user-bg-1{
	margin-top: 1px;
}
	
.orzoli-1 .size.t-title-1{
	width: 98%;
   margin: 1% 0px 1% 1%;
}
	
.orzoli-1 .sl-tv-4{
	width: 98%;
   margin: 0px 0px -2px 1%;
}
	
.orzoli-1 .sruli-26{
	margin-bottom: 0px;
}
	
.orzoli-1 .abc-top, .orzoli-1 .sidebari-6 .sl-hd-5, .orzoli-1 .sidebari{
	margin-bottom: 0px;
}

	
.orzoli-1 .sruli-21{
margin: 0px 0px 1% 0px;
}
	
.orzoli-1 .sruli-17, .orzoli-1 .sruli-21, .orzoli-1 .sruli-26{
	border-radius: 0px !important;
}
	
.orzoli-1 .sruli-1, .orzoli-1 .abc-top{
	margin-top: 0px;
}

	
.orzoli-1  .abc-mov-5{
	margin-bottom: 0px;
}

.orzoli-1 .baner-1{
	width: 98%;
	floaT: left;
	position:relative;
	margin: 0% 1% 1% 1%;
}

.orzoli-1 .abc-1{
	overflow:hidden;
	z-index:0;
	padding-top: 0px;
}
	
.orzoli-1 .sl-hd-11{
	border-radius: 100px;
	position:relative;
	line-height: 20px;
	floaT: left;
	margin: 0px 0px 14px 14px;
}

.orzoli-1 .abc-5{
	margin-right: 5px;
}

.orzoli-1 .header-3 .center-1, .orzoli-1 .footer-1 .center-1, .orzoli-1 .footer-6 .center-1{
	margin: 0px 10px !important;
}

.orzoli-1 .sl-hd-2{
	padding: 0px 0px!important;
}

.orzoli-1 .abc-4, .orzoli-1 .abc-mov-3 {
	margin-lefT: 5px;
}

.orzoli-1 .center-1, .orzoli-1 .sl-hd-3, .orzoli-1 .sl-hd-3 img{
	margin: 0px 0px !important;
}

.orzoli-1 .sl-hd-5, .orzoli-1 .slick-list, .orzoli-1 .sl-hd-3, .orzoli-1 .abc-top, .orzoli-1.abc-top, .orzoli-1.sruli-17{
	border-radius: 0px !important;
}
}
/*-- mob --*/






@media (min-width:560px) and (max-width:90000000px){
.include-2{
    display: none;
}   
}
    
@media (min-width:10px) and (max-width:560px){
.include-1{
    display: none;
}   
}



@media (min-width:10px) and (max-width:560px){

.abc-8{
    display: none;
}    
    
.orzoli .c-vidi-1, .orzoli .c-vidi-1 img{
height: 160px;
}
	
.orzoli .c-vidi-3{
    line-height: 15px;
    padding: 10px 0px 6px 0px;
    font-size: 11px;
}
	
.orzoli  .c-vidi-4{
	padding: 0px 10px;
}

	
.orzoli .abc-8 .c-vidi-1, .orzoli .c-vidi-1{
	width: 48%;
	margin: 0% 1% 2% 1%;
}

}



.zari-fori-2 input{
	width: 100% !important;
}

@media (min-width:10px) and (max-width:560px){

.box, .comment{
	margin-bottom: 14px !important;
	border-radius: 5px !important;
}

.sidebari .center-1{
	margin: 0px 0px !important;
	padding: 0px 0px !important;
}


.sagzao-2 .abc-10{
   width: 102%;
   float: left;
   margin: 0% 0% 0% -1%;
}

.sl-tv-1{
	position:relative;
	z-index:0;
}
    
.form-group.combo > .combo_field:first-child { margin-bottom: 10px; }

.sagzao-1 .h1-2 .abc-10::-webkit-scrollbar-track{ background: var(--foni-20); border-radius: 50px;position:relative; overflow:hidden;}
.sagzao-1 .h1-2 .abc-10::-webkit-scrollbar-thumb{ background: var(--foni-14); border-radius: 50px;position:relative; overflow:hidden;}
.sagzao-1 .h1-2 .abc-10::-webkit-scrollbar{ height:5px; border-radius: 50px;position:relative; overflow:hidden;}
.darken .sagzao-1 .h1-2 .abc-10::-webkit-scrollbar-track{background:#393f52; border-radius: 50px;position:relative; overflow:hidden;}
.darken .sagzao-1 .h1-2 .abc-10::-webkit-scrollbar-thumb{ background:#0097E6;  border-radius: 50px;position:relative; overflow:hidden;}
.darken .sagzao-1 .h1-2 .abc-10::-webkit-scrollbar{ height:5px;position:relative; overflow:hidden; border-radius: 50px;}

.sagzao-1 .musig .n-fil .mov-ne-7{
	height: 150px;
}

.sagzao-1 .h1-1 .abc-10::-webkit-scrollbar-track{ background: var(--foni-2); border-radius: 50px;position:relative; overflow:hidden;}
.sagzao-1 .h1-1 .abc-10::-webkit-scrollbar-thumb{ background: #bdbecf; border-radius: 50px;position:relative; overflow:hidden;}
.sagzao-1 .h1-1 .abc-10::-webkit-scrollbar{ height:5px; border-radius: 50px;position:relative; overflow:hidden;}

	.darken .sagzao-1 .h1-1 .abc-10::-webkit-scrollbar-track{background:#393f52; border-radius: 50px;position:relative; overflow:hidden;}
.darken .sagzao-1 .h1-1 .abc-10::-webkit-scrollbar-thumb{ background:#0097E6;  border-radius: 50px;position:relative; overflow:hidden;}
.darken .sagzao-1 .h1-1 .abc-10::-webkit-scrollbar{ height:5px;position:relative; overflow:hidden; border-radius: 50px;}

.sagzao-1 .h1-1 .mov-ne-1, .sagzao-1 .h1-2 .mov-ne-1, .sagzao-1 .musig .n-fil .mov-ne-8 img{ 
	min-width: 90px !important;
	height: 90px !important;
}


.sagzao-1 .n-fil .mov-ne-4, .sagzao-1 .h1-1.musig .n-fil .mov-ne-4, .sagzao-1 .h1-2 .n-fil .mov-ne-8 img, .sagzao-1 .h1-2 .n-fil .mov-ne-7,.sagzao-1 .h1-2 .mov-ne-5 {
	height: 160px !important;
}

.sagzao-1 .h1-1 .abc-10, .sagzao-1 .h1-2 .abc-10{
	width:100%;
    display: inline-flex;
    will-change: transform;
    overflow: auto scroll;
    overflow-y: hidden;
    overflow-x: auto;
}



.darken .footer-14 a{
	-webkit-transition: all .4s; -moz-transition: all .4s; -o-transition: all .4s; transition: all .4s;
    background:#343344;
}


body .abc-1 .center-1{ overflow: visible !important;}

.sl-hd-3 .slick-prev, .sl-hd-3 .slick-next{top: 35% !important;}

.darken div .search-wrapper.active .input-holder {
background: var(--foni-1);

}

.search-wrapper .input-holder .search-icon {
		top: 18px;
    	width: 30px !important;
    	height: 30px !important;
    }

.van-div-9{
	background: rgb(39 60 117 / 0%) url(../images/icon-4.svg) center no-repeat !important;
}


.darken .van-div-9{
    background: #3d414e url(../images/icon-4.svg) center no-repeat;
}

.van-div-9{
	width: 20px;
	height: 20px;
	floaT: right;
	margin: 5px 0px 0px 0px !important;
}


.sidebari .sl-hd-8 :nth-child(9){display:none;}

.sruli-26{
	border-radius: 0px 0px 5px 5px !important;
}

.darken  .li-left-4{
	color:#f0f1f3;
}

body.darken .di-left-6 div li .li-left-2{
  background: var(--foni-3) !important;
}


body .di-left-6 div li .li-left-2{
  background: var(--foni-4) !important;
}

.di-left-5::-webkit-scrollbar-track{background:#2f5399;}
.di-left-5::-webkit-scrollbar-thumb{background:#5676c7;}
.di-left-5::-webkit-scrollbar{width:4px;}

.darken .di-left-5::-webkit-scrollbar-track{background:#373f4e;}
.darken .di-left-5::-webkit-scrollbar-thumb{background:#575e70;}
.darken .di-left-5::-webkit-scrollbar{width:4px;}



.moi-4{
display:none !important;
}


.outer-menu .menu > div::-webkit-scrollbar-track{background:#373f4e;}
.outer-menu .menu > div::-webkit-scrollbar-thumb{background:#575e70;}
.outer-menu .menu > div::-webkit-scrollbar{width:4px;}


#cssmenu ul li ul li a{ 
font-family: font-4 !important;  
-webkit-transition: all .1s;-moz-transition: all .1s;-o-transition: all .1s;transition: all .1s; 
display: inline-block;
font-size: 14px;
opacity: 1; 
font-family:font-2;font-weight:400;
text-transform:none;letter-spacing:0;display:block;
width: 100%;
padding: 10px 15px;
}


#cssmenu{width: 100%;margin-right: 0px;floaT: left;padding:0;line-height:1;display:block;position:relative;font-family:font-1;box-sizing:content-box;}


#cssmenu ul li{  display:block;position:relative;}
#cssmenu ul li a{ color: #fff;  text-decoration:none;display:block;margin:0;-webkit-transition:color .1s ease;-moz-transition:color .1s ease;-ms-transition:color .1s ease;-o-transition:color .1s ease;transition:color .1s ease;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}



#cssmenu.align-right ul li ul li.has-sub:after{right:auto;left:15px;}
#cssmenu.align-right ul li ul li.has-sub:before{right:auto;left:15px;border-left-color:transparent;border-right-color:#fff;}



#cssmenu ul li ul li:hover > a, #cssmenu ul li ul li.active > a{ -webkit-transition: all .1s;-moz-transition: all .1s;-o-transition: all .1s;transition: all .1s;  color: #FC427B; !important;background: rgb(45 48 62 / 3%);}
#cssmenu ul li ul li:hover:after,
#cssmenu ul li ul li.active:after{background:#2196f3;}
#cssmenu ul li ul li:hover > ul{  background: #191a21;border-top: 0px solid #191a21;border-bottom: 0px solid #191a21;border-left: 0px solid #eee;border-right: 0px solid #eee;left:100%;top: 0px;}
#cssmenu ul li ul li:hover > ul > li{max-height:72px;position:relative;}
#cssmenu > ul > li{ width: 100%; float:left;}
#cssmenu.align-center > ul > li{float:none;display:inline-block;}
#cssmenu.align-center > ul{text-align:center;font-size:0;}
#cssmenu.align-center ul ul{text-align:left;}
#cssmenu.align-right > ul{float:right;}
#cssmenu.align-right > ul > li:hover > ul{left:auto;right:0;}
#cssmenu.align-right ul ul li:hover > ul{right:100%;left:auto;}
#cssmenu.align-right ul ul li a{text-align:right;}
#cssmenu > ul > li:hover > a,
#cssmenu > ul > li.active > a{color: #FC427B;position:relative;z-index:9999;cursor:pointer;-webkit-transition: all .3s;-moz-transition: all .3s;-o-transition: all .3s;transition: all .3s;}
#cssmenu > ul > .menu-a a{color: #FC427B;}
#cssmenu > ul > li > a,
#cssmenu > ul > li.active > a{
    color:#fff;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;

}

.darken #cssmenu > ul > li > ul{
	background: #282e3a !important;
}

#cssmenu ul  ul   {
	width: 100%;
	floaT: left;
	padding: 0px 0px 0px 0px;
	text-align: center;
}

#cssmenu ul  ul {
	border-bottom: 0px #323a48 solid;
	width: 100%;
	floaT: left;
	text-align: center;
	margin-bottom: -6px;
}


#cssmenu ul  ul li  {
	border-bottom: 1px #323a48 solid;
	width: 100%;
	floaT: left;
	text-align: center;
}

#cssmenu ul .moi-3.menu-b  {
	border-bottom: 0px #323a48 solid;
}


#cssmenu ul li  {
	border-bottom: 1px #323a48 solid;
	width: 100%;
	floaT: left;
	text-align: center;
}

.outer-menu {
	floaT: left;
	width: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 999;
}
.outer-menu .checkbox-toggle {
	position: absolute;
	top: 22px;
	floaT: left;
	left: 45px;
	z-index: 2;
	cursor: pointer;
	width: 37px;
	height: 35px;
	opacity: 0;
}
.outer-menu .checkbox-toggle:checked + .hamburger > div {
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
}

.outer-menu .checkbox-toggle:checked + .hamburger > div {
    background: #ffffff;
}

.outer-menu .checkbox-toggle:checked + .hamburger > div:after,
.outer-menu .checkbox-toggle:checked + .hamburger > div:before {
    top: 0;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}
.outer-menu .checkbox-toggle:checked + .hamburger > div:after {
    opacity: 0;
}
.outer-menu .checkbox-toggle:checked ~ .menu {
    pointer-events: auto;
    visibility: visible;
    right: 0px;
}

.outer-menu .checkbox-toggle .menu {
    pointer-events: auto;
    visibility: visible;
    lefT: -300px;
}

.outer-menu .checkbox-toggle:checked ~ .menu > div {
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
	border-radius: 0px !important;
	right: 0px;
}

.outer-menu .menu div {
	-webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s; 
}

.outer-menu .checkbox-toggle:checked ~ .menu > div > div {
   lefT: 300px !important;
   opacity: 9;
   top: 0px;

}

.outer-menu .checkbox-toggle:hover + .hamburger {
    box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.1);
}
.outer-menu .checkbox-toggle:checked:hover + .hamburger > div {
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg);
}
.outer-menu .hamburger {
    position: absolute;
    top: 17px;
    left: 40px;
    z-index: 1;
    width: 27px;
    height: 40px;
    padding: 0.0em 6px;
    background: 0 0;
    box-shadow: none !important;
    border-radius: 0 0.12em 0.12em 0;
    cursor: pointer;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}
.outer-menu .hamburger > div {
    position: relative;
    -webkit-box-flex: 0;
    flex: none;
    width: 100%;
    height: 3px;
    background: #0097E6;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}
.outer-menu .hamburger > div:after,
.outer-menu .hamburger > div:before {
    content: "";
    position: absolute;
    z-index: 1;
    top: -10px;
    left: 0;
    width: 100%;
    height: 3px;
    background: inherit;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.outer-menu .hamburger > div:after {
    top: 10px;
}


.outer-menu .menu::before{
	width:100%;
	height: 100%;
	margin:0px 0px 0px 0px;
	position:fixed;
	floaT:left;
	background:rgb(18 21 26 / 96%);
	content:"";
	top: 0px;
	right: 0px;
}

.outer-menu .menu {
		-webkit-transition: opacity 0.4s ease 0.4s;
	transition: opacity 0.4s ease 0.4s;
	position: fixed;top: 0;left: -300px;width: 300px;height: 100%;pointer-events: none;visibility: hidden;overflow: hidden;-webkit-backface-visibility: hidden;backface-visibility: hidden;outline: 1px solid transparent;display: -webkit-box;display: flex;-webkit-box-align: center;align-items: center;-webkit-box-pack: center;justify-content: center;}

.outer-menu .menu > div {
	position:fixed;
	top: 0px;
	floaT: left;
	right: -230px;
	width: 230px;
	height: 100%;
	color: #fefefe;
	background: #282e3a;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	overflow-y: auto;
	display: -webkit-box;
	/* display: flex; */
	/* -webkit-box-align: center; */
	/* align-items: center; */
	/* -webkit-box-pack: center; */
	/* justify-content: center; */
}
.outer-menu .menu > div > div {
	lefT: 0px !important;
    text-align: center;
    max-width: 300px;
    opacity: 0;

}
.outer-menu .menu > div > div > ul {
    list-style: none;
    padding: 0 1em;
    margin: 0;
    display: block;
    max-height: 100vh;
}
.outer-menu .menu > div > div > ul > li {
    padding: 0;
    margin: 1em;
    font-size: 24px;
    display: block;
}
.outer-menu .menu > div > div > ul > li > a {
    position: relative;
    display: inline;
    cursor: pointer;
    -webkit-transition: color 0.4s ease;
    transition: color 0.4s ease;
    font-family: Mbold;
    color: #fff;
    font-size: 16px;
}
.outer-menu .menu > div > div > ul > li.host {
    margin-top: 40px;
}
.outer-menu .menu > div > div > ul > li > a:hover {
    color: #e5e5e5;
}
.outer-menu .menu > div > div > ul > li > a:hover:after {
    width: 100%;
}
.outer-menu .menu > div > div > ul > li > a:after {
    content: "";
    position: absolute;
    z-index: 1;
    bottom: -5px;
    left: 0;
    width: 0;
    height: 2px;
    background: #fed501;
    -webkit-transition: width 0.4s ease;
    transition: width 0.4s ease;
}



.abc-mov-5{
	margin-bottom: 10px;
	width: 100%;
	floaT: left;
	position:relative;
	/* overflow:hidden; */
}

.logo-2 h1{
	display: none;
}

.ms-sl-1 .tvicon-1 .abc-icon-6.abc-icon-1 {
    background: url(../images/mp4.svg) center no-repeat;
	background-size: 18px;
    margin: 13px 7px 0px -4px;
}

.ms-sl-1 .sl-hd-11{
	margin: 0px 5px 20px 5px;
}

.ms-sl-1.sidebari-7 .sl-tv-1{
   padding: 0px 0px 2px 0px;
}


.ms-sl-1 .sl-hd-11, .ms-sl-1 .sl-hd-11 img{
	width: 90px;
	height: 90px;
}


.ms-sl-1 .sl-hd-11{
   margin-top: 70px;
	   padding: 0px 0px 0px 0px;
}

.ms-sl-1.sidebari-7{
   margin: 0px 0px 20px 0px;
}




.qq-uploader .btn{
	width: 200px !important;
	text-align: center;
}


.qq-uploader .btn{
	height: 37px;
	font-size: 14px;
	font-family:font-1;
	font-weight: 600;
	letter-spacing: -0.2px;
}



#f-prc-1 li a:hover{
	color:#FF2D46;
	-webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
}


#f-prc-1 li {
	line-height: 10px;
	width: 100%;
	float: left;
}

#f-prc-1 li a {
	color:#8989a5;
	font-size: 14px;
	font-family:font-1;
	margin: 0px 0px 20px 0px;
}

#f-prc-1 {
	position:relative;
	width: 100%;
	float: left;
	margin: 2px 0px 0px 0px;
	padding-bottom: 8px;
	padding-top: 3px;
}

.zari-pr-3{
	margin-bottom: 10px;
}


.a-autor-7{
	width: 100%;
	floaT: left;
	height: 100%;
	left: 0px;
	top: 0px;
	position:absolute;
}


.a-autor-6{
	position:relative;
}


.a-autor-2 a:hover{
	color: #0097E6;
}

.a-autor-5 a{
	color: #44537e;
}

.a-autor-4{
	color: #273c75;
	font-size:14px;
	font-family:font-3;
}


.a-autor-5{
	letter-spacing: -0.4px;
	z-index:99;
	position:relative;
	width: 100%;
	float: left;
	margin: 0px 0px 0px 0px;
	font-family:font-1;
	font-size:13px;
}
.a-autor-3 a{
	color: #273c75;
	   font-weight: 600;
}

.a-autor-3{
	   font-weight: 700;
	   color: #273c75;
	   font-size: 13px;
	   z-index:99;
	   position:relative;
	   width: 100%;
	   float: left;
	   margin: 10px 0px 0px 0px;
	   font-family:font-3;
}

.a-autor-2{
	color: #273c75;
	font-size: 13px;
	z-index:99;
	position:relative;
	width: calc(100% - 60px);
	float: right;
	margin: 0 0 0 0px;
	font-weight: 700;
}

.a-autor-1, .a-autor-1 img{
	width:50px;
	height:50px;
	floaT: left;
	border-radius: 100px;
}




.musig .n-fil.mov-ne-1, .musig .n-fil .mov-ne-8 img, .musig .n-fil .mov-ne-7, .musig .n-fil .mov-ne-4{height: 170px;}

.musig .mov-ne-7 {
    line-height: 16px;
    font-size: 12px;
}


.musig .n-fil.mov-ne-1{
	width: 170px;
}

.musig .abc-mov-4 {
    background: url(../images/mmusic.svg) center no-repeat;
}

.musig.abc-mov-1{
   margin-bottom: 20px;
}



.c-v.c-vidi-001 {
	color:#a5a0a0;
	letter-spacing: -0.3px;
    line-height: 20px;
    margin: 5px 0px 0px 5px;
    padding: 5px 10px;
    font-size: 11px;
}


.abc-mov-3{
	floaT: left;
}


.kino-tab-enn{
	width: 25px;
	margin: 1px 0px -4px 0px;
}


.mus.rec .tvicon-1 .abc-icon-6.abc-icon-1 {
    background: url(../images/mp4.svg) center no-repeat;
	background-size: 18px;
    margin: 12px 7px 0px -1px;
}


.mus.rec  .sl-tv-7:hover .sl-tv-11 h2{
   color:#0097E6;
}


.mus.rec .sl-tv-13{
   background: var(--foni-16) !important;
   color:#fff;
}

.msms.mus.rec .sl-tv-10 h2{
   width: 100%;
   padding: 10px 0px 20px 0px;
}

.mus.rec.sl-tv-1{
   background: var(--foni-15) url(../images/bg-2.svg) center  no-repeat !important;
}



.abc-top{
	z-index:0;
}

.rec .sl-tv-11{
   margin: 0px 10px;
}


.rec .sl-tv-13{
   background: var(--foni-12) url(../images/bg-2.svg) center  no-repeat !important;
   color:#fff;
}


.rec.sl-tv-1{
	background: var(--foni-4) !important;
}

.rec  .sl-tv-13{
height: 180px;
}

.rec .sl-tv-10 h2{
   width: 100%;
   padding: 22px 0px;
   font-size: 13px;
   font-family: font-1;
   letter-spacing: -0.2px;
   margin: 0px;
   line-height: 16px;
   position:relative;
   floaT: left;
   overflow:hidden;
   color:#ffffff;
}


.rec .sl-tv-10{
   width: 100%;
   height: auto;
   line-height: 20px;
   border-top: 0px #334063 solid;
	position:absolute;
	bottom: 0px;
}


.rec .sl-tv-7{
	width: 98%;
}


.rec  .sl-tv-7:hover .sl-tv-11 h2{
   color:#8BC55E;
}

.rec .sl-tv-9{
	margin-top: 10px;
	width: 85px;
	height: 85px;
}

.rec .sl-tv-8 img{
	width: 85px;
	height: 85px;
	border-radius: 100px;
	object-fit: cover;
}


.rec .tvicon-1 .abc-icon-6.abc-icon-1 {
    background: url(../images/icon-19.svg) center no-repeat;
    margin: 12px 7px 0px -1px;
}



.n-fil .mov-ne-3 img{
	width: 20px;
}


.n-fil.mov-ne-1, .n-fil .mov-ne-8 img, .n-fil .mov-ne-7, .n-fil .mov-ne-4{
	height: 150px;
}


.n-fil.mov-ne-1, .mov-ne-1{
	width: 48%;
}






.mp3 .sl-hd-12 {
    background: rgb(252 66 123 / 90%) url(../images/mp4.svg) center no-repeat;
	background-size: 25px;
    border-radius: 50%;
}

.musge-5{
	color: #ffffff;
}


.musge-3 a{
	color:#fff;
}

.musge-3 a:hover{
	background:#ff5d8f;
	-webkit-transition: .3s ease-in-out; transition: .3s ease-in-out;
}

.musge-3 a{
	-webkit-transition: .3s ease-in-out; transition: .3s ease-in-out;
	floaT: left;
	background:#FC427B;
	padding: 0px 12px;
	height: 35px;
	border-radius: 5px;
	line-height: 35px;
	font-family: font-3;
	font-size: 13px;
	font-family: font-4;
}

.musge-4{
	background: #0097E6;
	floaT: right;
	color:#fff;
	padding: 0px 10px;
	height: 35px;
	border-radius: 5px;
	line-height: 35px;
	font-family: font-3;
	font-size: 13px;
}

.musge-2 {
	padding: 0px 10px;
}

.musge-1 {
    width: 100%;
    floaT: left;
    position: relative;
	margin: 20px 0px 0px 0px;
	border: 1px solid var(--foni-23);
	-webkit-transition: border 0.2s linear 0s; transition: border 0.2s linear 0s;
	-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
	border-radius: 5px;
	padding: 10px 0px;
}

/*-- music--*/

.num-id-1 {
	letter-spacing: -0.3px;
    float: left;
    position: absolute;
    overflow:hidden;
    background: rgba(12, 18, 34, 0.70);
    z-index:11;
    line-height: 20px;
    color:#fff;
    margin: 15px 0px 0px 15px;
    padding: 4px 10px;
    font-size: 13px;
    border-radius: 100px;
    font-family: font-1;
}

.abc-msx-1 .abc-mov-2{
   border-bottom: 1px var(--foni-3) solid;
   background: var(--foni-4);
   color:#2D3743;
}

.abc-msx-1.abc-mov-1{
   background: var(--foni-4);
}



.mus.h-z-1.sl-tv-1{
	height: 247px;
}


.kut-1 .mov-ne-1, .kut-1 .mov-ne-8 img, .kut-1 .mov-ne-7, .kut-1 .mov-ne-4, .kut-1 .mov-ne-5{
border-radius: 5px !important;
}



.cat-user-bg-09 b {
	 font-weight: 600;
    font-family: font-2 !important;
	color:#23335c !important;
	letter-spacing: -0.05em;
}


.cat-user-bg-09 {
	
	color:#475b8d !important;
	 font-weight: 600;
    font-family: font-1 !important;
	
}


.vid-fotbal-1 .cat-user-bg-6{width: 100%;}

.vid-fotbal-1 .cat-user-bg-3, .vid-fotbal-1.cat-user-bg-5, .vid-fotbal-1 .cat-user-bg-5 img{width:140px;height:140px;}

.vid-fotbal-1 img {
    -webkit-transform: scale(0.7);
    -ms-transform: scale(0.7);
    transform: scale(0.7);
    -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s;
}

.vid-fotbal-1 .cat-user-bg-3{
	border: 1px var(--foni-3) solid;
}

.vid-fotbal-1 .cat-user-bg-9{
	display: none;
}



.tvicon-1 .abc-icon-6.abc-icon-1 {
    background: url(../images/icon-14.svg) center no-repeat;
    margin: 13px 7px 0px -4px;
}

.cat-user-bg-1{
	z-indeX:0;
}



.container {
	font-family:font-01;
}


.s-ss.sl-hd-11 .sl-hd-12{
    -webkit-transform: translate(-50%, -50%) scale(1);
    -ms-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(0.85);
    opacity: 1;
}


.abc-color-2 .kut-c-vidi-flay{
    background: rgb(183 90 255 / 60%) url(../images/icon-24.svg) center no-repeat;
}


.kut-c-vidi-flay{
    position: absolute;
    right: 5px;
    top: 5px;
    opacity: 9;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 70px;
    background: rgb(0 0 0 / 60%) url(../images/icon-24.svg) center no-repeat;
    box-shadow: 0px 0px 0px 0px rgb(0 0 0 / 0%);
    border-radius: 70px;
    z-index:1;
}



.sruli-20{
	font-size: 0px;
}


.video-container {
    width: 100%;
    floaT: left;
    position: relative;
}

.div-full-4  {
    width: 100%;
    floaT: left;
    position: relative;
}




.div-video-iframe-03{
	width: 100%;
	position:relative;
	floaT: left;
	margin-bottom: 20px;
}

.video_reclam {
    width: 100%;
    height: 100%;
    background: #273C75;
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1;
}
.video_reclam .start_video svg {
    cursor: pointer;
}
.video_reclam video {
    margin-top: 9px;
    max-width: 100%;
    max-height: 100%;
}
.video_reclam .start_video {
        cursor: pointer;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    background: rgb(8 13 43 / 10%) url(../images/video-play-button.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 15%;
}
.video_reclam button {
    position: absolute;
    bottom: 20px;
    right: 20px;
    padding: 15px;
    border: none;
    color: #ffffff;
    border-radius: 5px;
    cursor: pointer;
    font-family: font-1;
    background-color: #273C75;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    display: none;
    z-index: 1;
}





.notic-1{
	width: 100%;
	floaT: left;
	margin-bottom: 20px;
}


.liv-div-07 img{
    width: 55px;
}



.liv-div-07{
    position: absolute;
    top: 41%;
    left: 0;
    width: 100%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 2;
}


.liv-div-7{
	width: 100%;
	floaT: left;
	text-align: center;
}

.liv-div-3 .liv-div-6{
	font-family: font-2;
	top: 10px;
	left: 10px;
	floaT: left;
	position: absolute;
	color:var(--foni-19);
	font-size: 13px;
	background:#ffffff;
	padding: 2px 8px 1px 8px;
	border-radius: 100px;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}

.liv-div-3:hover .liv-div-6{color:#ffffff;background: #0097E6;-webkit-transition: all .3s;-moz-transition: all .3s;-o-transition: all .3s;transition: all .3s;}


.liv-div-9{
	font-size: 13px;
font-family: font-1;
letter-spacing: -0.2px;
margin: 0px 5px;
}

.liv-div-8{
	width: 100%;
	height: 43px;
	line-height: 43px;
	text-align: center;
	font-family: font-1;
	bottom: 0px;
	floaT: left;
	position: absolute;
	border-top: 1px var(--foni-3) solid;
	color:var(--foni-19);
	font-size: 14px;
}



.liv-div-2{
    margin: 0px -5px;
	width: 102%;
	floaT: left;
}


.liv-div-1{
	width: 100%;
	floaT: left;
	overflow:hidden;
	position:relative;
}

.liv-div-3:hover  span{
            animation: animate  1s linear infinite;
        }
  
        @keyframes animate {
            0% {
                opacity: 0;
            }
  
            50% {
                opacity: 1;
            }
  
            100% {
                opacity: 0;
            }
        }




.liv-div-3 .liv-div-9{
    -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;
}

.liv-div-3:hover .liv-div-9{
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    color: #0097E6;
}


.liv-div-3 img {
    -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;
}

.liv-div-3:hover img {
    -moz-transform: scale(1.07);
    -webkit-transform: scale(1.07);
    -o-transform: scale(1.07);
    -ms-transform: scale(1.07);
    transform: scale(1.07);
    -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;
}

.liv-div-3:hover .liv-div-8{
	-webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;
}

.liv-div-3:hover{
	-webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;
}

.k-katalog-1{width:260px;}

.liv-div-3{width:260px;}

.liv-div-3{
	width:48%;
	height: 160px;
	floaT: left;
	position:relative;
	margin: 0px 1% 2% 1%;
	background: var(--foni-4);
	border-radius: 5px;
	-webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;
}





.tab_container{
	width: 100%;
	float: left;
	position:relative;
	margin: 0px 0px -20px 0px;
}


.tabs li {
    display: inline-block;
    cursor: pointer;
    text-transform: uppercase;
    font-weight: 500;
    -webkit-user-select: none;
    color: #2b2c32;
    opacity: 0.7;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
}

.tabs .active {
    color: #ffffff;
    opacity: 9;
    background: #0097E6;
}

.tabs{width: 100%;floaT: left;position:relative;overflow:hidden;font-family: 'font-4';background:var(--foni-4);border-radius: 5px;}
.tabs li{ font-size: 12px; border-right: 1px var(--foni-2) solid; float: left;position:relative;display:inline-block;padding: 10px 10px;cursor:pointer;text-transform:uppercase;font-weight:500;-webkit-user-select:none;}
.tabs li:hover{/* color: #ffffff; */opacity: 9;transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;}





.di-left-7 ul li a{
-webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;
}


.di-left-7 ul li:hover a{color: #4290fc;-webkit-transition: all .3s;-moz-transition: all .3s;-o-transition: all .3s;transition: all .3s;}

.di-left-7 ul li .li-left-2 {
box-shadow: 0px 0px 0px 2px rgb(33 150 243 / 0%);
-webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;
}



.di-left-7 ul::-webkit-scrollbar-track{ background: var(--foni-20); border-radius: 100px;position:relative; overflow:hidden;}
.di-left-7 ul::-webkit-scrollbar-thumb{ background: var(--foni-14); border-radius: 100px;position:relative; overflow:hidden;}
.di-left-7 ul::-webkit-scrollbar{ height:5px; border-radius: 100px;position:relative; overflow:hidden;}



.darken .di-left-7 ul::-webkit-scrollbar-track{background:#191c26; border-radius: 100px;position:relative; overflow:hidden;}
.darken .di-left-7 ul::-webkit-scrollbar-thumb{ background:#333c52;  border-radius: 100px;position:relative; overflow:hidden;}
.darken .di-left-7 ul::-webkit-scrollbar{ height:5px; border-radius: 100px;position:relative; overflow:hidden;}


.di-left-7 ul{
	width:100%;
    display: flex;
    will-change: transform;
    overflow: auto scroll;
    overflow-y: hidden;
    overflow-x: auto;
}

.di-left-7 ul{
    font-size: 15px;
    line-height: 20px;
    margin-bottom: 10px;
}



.li-left-2 img{
    width: 48px;
    margin-top: 27px;
}


.li-left-2 {
    width: 140px;
    height: 130px;
    line-height: 36px;
    text-align: center;
    float: left;
    position: relative;
    margin: 2px 8px 0px 2px;
    background: var(--foni-4);
    border-radius: 7px;
}

.resip-1{
	display: none !important;
}


.li-left-4{
	color:#273c75;
	width: 100%;
	floaT: left;
	margin: 0px 0px 0px 2px;
	text-align: center;
	position:absolute;
	bottom: 15px;
	line-height: 17px;
	font-size: 11.5px;
	font-family: font-2;
}

.di-left-7 ul li:hover .li-left-4 {
color: #FF2D46;
-webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;
}

.li-left-1{
	margin: 0px 10px 0px 0px;
	width: 140px;
	height: 130px;
	float: left;
	position: relative;
	color:#fff;
	font-family: font-3;
	font-size: 15px;
	line-height: 30px;
	margin-bottom: 14px;
}







.div-left-4 {
	font-weight:100 !important;
    float: left;
    position: relative;
    width: 21px;
    height: 21px;
    background: url(../images/icon-16.svg) center no-repeat;
    margin: 15px 5px 0px 0px;
}


.di-left-5 a{
    color:#fff;
}

.di-left-6 {margin: 12px 12px 0px 10px;}


.di-left-5 {
    width: 100%;
    float: left;
    position: relative;
    color:#fff;
    font-family: font-1;
    font-size: 15px;
}



.di-left-3 {
padding: 0px 14px;
}

.di-left-2 {
    width: 100%;
    height: 50px;
    line-height: 51px;
    float: left;
    position: relative;
    overflow:hidden;
    background: var(--foni-20);
    color:#fff;
    font-family: font-4;
    font-size: 15px;
}


.di-left-1 {
	margin-bottom: 15px;
	width: 100%;
	float: left;
	position: relative;
	overflow:hidden;
	background: var(--foni-13);
	border-radius: 5px;
}


.di-right-1 {
	line-height: 0px;
	width: 100%;
	float: left;
	position: relative;
	overflow:hidden;
	border-radius: 5px;
}



.di-home-2 {
   margin: 0px 14px;
}

.tvs-1 .di-home-1 {
	margin-left: 10px;
}

.di-home-1 {
	margin-top: 0px;
    widtH: 100%;
    padding: 14px 0px;
    float: left;
    position: relative;
    overflow:hidden;
    background:var(--foni-4);
    border-radius: 5px;
    margin-bottom: 14px;
}


.cat-user-bg-09 b {
	margin-bottom: 5px;
	color: #23335c;
    line-height: 10px !important;
    font-size: 15px;
    width: 100%;
    floaT: left;
    font-family: font-3 !important;
}



.cat-user-bg-09 {
	color: #23335c;
    line-height: 15px;
    font-size: 13px;
    font-family: font-1;
}


.cat-user-bg-9 {
	bottom: 0px;
	font-family: font-3;
    z-index: 1;
    position: absolute;
    float: left;
    width: 100%;
    lefT: 0px;
    font-size: 11.5px;
    background: rgb(39 60 117 / 90%);
    padding: 14px 0;
    color: #fff;
    text-align: center;
    border-radius: 0px 0px 5px 5px;
}

.cat-user-bg-6{font-size:15px;z-index:99;position:relative;width: 100%;float: right;margin: 0px 0px 5px 0px;;font-family:font-1;}


.cat-user-bg-8 {
	color: #273C75;
    position: relative;
    width: 100%;
    float: left;
    margin: 5px 0px 10px 0px;
    font-family: font-1;
    font-weight: 700;
    font-size: 15px;
    padding: 0 0 15px;
    border-bottom: 1px var(--foni-3) solid;
}

.cat-user-bg-3,.cat-user-bg-5,.cat-user-bg-5 img{position:relative;float:left;border-radius:5px;margin:0 0px 0px 0;/* overflow:hidden; */object-fit:cover;}
.cat-user-bg-3,.cat-user-bg-5,.cat-user-bg-5 img{width:130px;height:130px;}
.cat-user-bg-2{padding:5%}
.cat-user-bg-1{ margin-bottom: 5px; width:100%;position:relative;float:left;background:var(--foni-4);border-radius:5px;overflow:hidden; margin-top: 14px;  padding-bottom: 3%; }

.cat-user-bg-3{
	margin: auto !important;
	float: inherit !important;
}



.m-1 img {
   -webkit-transition: all .4s; -moz-transition: all .4s; -o-transition: all .4s; transition: all .4s;
}

.m-1:hover img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition: all .4s; -moz-transition: all .4s; -o-transition: all .4s; transition: all .4s;
}




.msaxio-6.slick-initialized .slick-slide{
	floaT: left;
}

.msaxio-6 .slick-next{
	background:#FC427B
}

.msaxio-6 .slick-prev, .msaxio-6 .slick-next{
	border-radius: 100px !important;
}

.msaxio-6 .slick-prev{ left: 10px !important;}
.msaxio-6 .slick-next{right: 10px; !important;}

.msaxio-6 .slick-prev, .msaxio-6 .slick-next{top: 36% !important;}


.msaxio-6 img{float: left;width: 100%;object-fit: cover;border-radius: 100px;}

.m-1, .m-1 img{
height: 140px !important;
border-radius: 5px;
}

.m-1{
	width: 96%;
	float: left;
	position:relative;
	overflow:hidden;
	border-radius: 5px;
	margin: 0px 2% 0px 2%;
}


.msaxio-5{
	margin: 0px 10px;
}


.msaxio-4{
	width: 100%;
	height: 151px;
	position:relative;
	floaT: left;
	margin: 0px 0px 0px 0px;
}



.msaxio-3{
	margin: 0px 20px;
}


.msaxio-2{
	width: 100%;
	line-height: 54px;
	height: 54px;
	font-family: font-4;
	floaT: left;
	margin-bottom: 12px;
	border-bottom: 1px var(--foni-23) solid;
	text-align: left;
	color: #76808B;
	font-size: 15px;
}

.msaxio-1{
	width: 100%;
	float: left;
	position:relative;
	overflow:hidden;
	padding: 0px 0px 0px 0px;
	border-radius: 10px;
	box-shadow: inset 0px 0px 0px 1px var(--foni-23);
	font-weight: 600;
	font-size: 14px;
	color:#76808B;
	margin: 20px 0px 0px 0px;
}



.kino-tab-2 img{
	width: 16px;
	margin: 2px 3px -2px 0px;
	display: inline-block;
}



.kino-tab-1 li a:hover {
    text-decoration: none;
    text-decoration: underline;
}

.kino-tab-1 li a{
	color:#FC427B;
}


.kino-tab-1 li{
	width: 89%;
	float: left;
	position:relative;
	padding: 12px 6% 12px 6%;
	box-shadow: inset 0px 1px 0px 0px var(--foni-23);
	font-family: font-1;
	font-weight: 600;
	font-size: 13px;
	color:#FC427B;
}


.kino-tab-2{
	width: 100%;
	floaT: left;
	position:relative;
	font-family: font-4;
	font-weight: 100;
	font-size: 14px;
	color:#515A64;
	margin: 2px 0px 3px 0px;
}


.kino-tab-1{
	width: 100%;
	float: left;
	position:relative;
	overflow:hidden;
	padding: 0px 0px 0px 0px;
	border-radius: 10px;
	box-shadow: inset 0px 0px 0px 1px var(--foni-23);
	font-weight: 600;
	font-size: 14px;
	color:#76808B;
	margin: 20px 0px 0px 0px;
}




body div select option{
	color: #41599B;
    padding: 0 10px;
}

body div .vk_multifilm select option{
    background: #F4F6FD !important;
}

body .vk_multifilm select {
	cursor: pointer;
	margin: 0px 0px 15px 0px;
	height: 40px !important;
	border: 10px solid !important;
	box-shadow: 0px 0px 0px 1px var(--foni-21);
	border: 10px solid var(--foni-21) !important;
	background: var(--foni-21) !important;
	border-radius: 5px;
	padding: 0px 0px;
	font-family: font-1;
	font-size: 12px !important;
	font-weight: 100;
	letter-spacing: 0.5px;
	color: #444;
	} 


.vk_multifilm{
	width: 100%;
	position:relative;
	floaT: left;
	border-radius: 5px;
	margin-bottom: 0px;
}



.video-container iframe{
	width: 100%;
}
.video-container, .video-container iframe{
	height: 200px;
}


.video-container{
	width: 100%;
	position:relative;
	floaT: left;
	overflow:hidden;
	border-radius: 5px;
}




.baner-1 img{
	border-radius: 5px;
}


.rate-l-2{
	floaT: right;
	margin: 0px 0px 0px 7px;
}



.rate-l-1{
	margin: 0px 7px 0px 0px;
	floaT: left;
}


.rate .rate-l-1:hover path{ fill: #88c54d; }
.rate .rate-l-2:hover path{ fill: #e45757; }

.rate_like-dislike .ratingplus { color: #88c54d; }
.rate_like-dislike .ratingminus { color: #e45757; }


.rate { display: inline-block; float: left; }




#cssmenu ul li ul .menu-aa a{
	color: #FC427B !important;
}
.valuti-1 .list{
	font-family: font-2;
}

.bn-1 .box_in { padding: 4% 5% 2% 5%; }


.k-kat-02{
	padding: 0px 20px;
	position:relative;
	display: inline-block;
}


.box_in #CCStyleWhiteBG .flag {
	padding-left:0px;
	margin: 1px 5px 0px 0px;
}



body .valuti-2 #lari_ge_cb_9132881 input{ 
width: calc(100% - 145px) !important; 
height: 30px;
padding: 0px 5px !important;
}


.valuti-1  #CCStyleWhiteBG .currency{
    text-align: center !important;
    font-size: 13px;
    font-family:font-3;
}


.valuti-1 #CCStyleWhiteBG .ad {
display: none !important;
}



.valuti-1 #CCStyleWhiteBG .list {
    font-size: 12px;
    text-align: left;
    padding-top: 15px;
    padding-bottom: 15px;
    clear: both;
    height: 20px;
    cursor: pointer;
    border-bottom: 1px #ddd solid;
}

.valuti-1 #CCStyleWhiteBG{
    width: 100% !important;
        padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
}



.bb-valuta-6{margin:0px 0px 0px 0px;float:left;width:100%;height:100%;position:absolute;overflow:hidden;z-index:1;lefT:0px;}


.titlee.title{
        margin: -0px 0px 2px 0px !important;
        font-size: 20px;
    }

.box-5 b{
	font-family:font-4;
}

.box-5{
	margin: 17px 20px;
}



.valuti-2 a{
    font-size: 0px !important;
}


body .valuti-2 #lari_ge_cb_9132881 input{ 
width: calc(100% - 145px) !important; 
height: 30px;
padding: 0px 8px !important;
}


.valuti-1  #CCStyleWhiteBG .currency{
    text-align: center !important;
    font-size: 13px;
    font-family:font-2;
}


.valuti-1 #CCStyleWhiteBG .ad {
display: none !important;
}


.valuti-1 #CCStyleWhiteBG .title {
  color: #0097E6;
  font-size: 15px;
  font-family:font-3;
  text-align: left !important;
  border-bottom: 0px solid #EBEBEB;
  margin: 5px 0px -4px 0px;
}

.valuti-1 #CCStyleWhiteBG .list {
    font-size: 12px;
    text-align: left;
    padding-top: 10px;
    padding-bottom: 15px;
    clear: both;
    height: 20px !important;
    cursor: pointer;
    border-bottom: 1px #ddd solid !important;
}

.valuti-1 #CCStyleWhiteBG{
    width: 100% !important;
        padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
}



.box_in h1{
  line-height: 20px;
  width: 100%;
  floaT: left;
  font-family: font-1;
    font-size: 15px !important;
  margin: 0px 0px 5px 0px;
}





.container img{
    text-align: center;
	max-width: 100%;
	height: auto !important;
	font-size: 0px;
	line-height: 0px;
	margin: 7px 0px;
}



.fullstor-13 path{
	fill:#77828F;
}


.btn-s-2 svg{
	margin: 0px 0px 0px 9px;
	float: left;
}


.sruli-12 button {
	position:relative;
	font-family: font-1;
	font-size: 15px;
	border: 0;
    	background:rgb(255 255 255 / 0%);
}

.resize #increaseFont svg{
	margin: 0px 0px 0px 0px !important;
}


.fullstor-13 {
	floaT: right;
	position:relative;
	margin-top: 0px;
}

.fullstor-12 {
	width: 110px;
	floaT: right;
	position:relative;
	margin-top: 0px;
}

.fullstor-14 {
	floaT: right;
	position:relative;
	margin: 12px 15px 0px 0px;
	font-family: font-3;
	font-size: 15px;
	color:#77828F;
}


.fullstor-13 #increaseFont {
	    cursor: pointer;
	-webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
    color: #0e1523 !important;
    border: 1px solid var(--foni-22);
    background-color:#fff;
    font-weight: 700;
    font-style: normal;
    font-size: 15px;
    z-index: 100;
    width: 36px;
    height: 33px;
    line-height: 33px;
    float: right;
    text-align: center;
    margin-top: 4px;
}


.fullstor-13 #decreaseFont {
	    cursor: pointer;
	-webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
    color: #0e1523 !important;
    border: 1px solid var(--foni-22);
    background-color:#fff;
    font-weight: 500;
    font-style: normal;
    font-size: 15px;
    z-index: 100;
    width: 36px;
    height: 33px;
    line-height: 33px;
    float: left;
    text-align: center;
    margin-top: 4px;
    margin-right: -1px;
}


.right-1 {
	border: 1px var(--foni-2) solid;
	color:#34205a;
	padding: 2px 6px;
	font-size: 12px;
	border-radius: 5px;
	margin-lefT: 5px;
}


.sruli-ic-05{
    width: 100%;
    height: 100%;
    display: inline-block;
    position: relative;
    background: url(../images/icon-39.svg) center no-repeat;
    margin: 0px 0px 0px 0px;
}

.sruli-ic-04{
    width: 100%;
    height: 100%;
    display: inline-block;
    position: relative;
    background: url(../images/icon-38.svg) center no-repeat;
    margin: 0px 0px 0px 0px;
}

.sruli-ic-03{
    width: 100%;
    height: 100%;
    display: inline-block;
    position: relative;
    background: url(../images/icon-37.svg) center no-repeat;
    margin: 0px 0px 0px 0px;
}

.sruli-ic-02{
    width: 100%;
    height: 100%;
    display: inline-block;
    position: relative;
    background: url(../images/icon-36.svg) center no-repeat;
    margin: 0px 0px 0px 0px;
}

.sruli-ic-01{
    width: 100%;
    height: 100%;
    display: inline-block;
    position: relative;
    background: url(../images/icon-35.svg) center no-repeat;
    margin: 0px 0px 0px 0px;
}


.sruli-ic-005.sruli-16{
	background:#7555DE;
}


.sruli-ic-004.sruli-16{
	background:#7AD06D;
}


.sruli-ic-003.sruli-16{
	background:#55ACEE;
}


.sruli-ic-002.sruli-16{
	background:#448AFF;
}


.sruli-ic-001.sruli-16{
	background:#4267B2;
}

.sruli-16:hover{
	opacity: 9;
}
.sruli-16{
	opacity: 0.8;
	width: 35px;
	height: 35px;
	border-radius: 100px;
	background:#222;
	float: left;
	position:relative;
	margin: 0px 10px 0px 0px;
	font-weight: 600;
	font-size: 14px;
	color:#76808B;
	font-family: font-3;
	letter-spacing: 1px;
}


.sruli-15{
	display: inline-block;
	position:relative;
	margin: 0px 0px 0px 0px;
	font-weight: 600;
	font-size: 14px;
	color:#76808B;
	font-family: font-3;
	letter-spacing: 1px;
}

.sruli-14{
	width: 100%;
	float: left;
	position:relative;
	margin: 8px 0px 10px 0px;
	font-weight: 600;
	font-size: 14px;
	color:#76808B;
	font-family: font-3;
	letter-spacing: 1px;
}



.sruli-13{
	border-top: 1px var(--foni-22) solid;
	width: 100%;
	float: left;
	position:relative;
	margin: 14px 0px 12px 0px;
	font-weight: 600;
	font-size: 14px;
	color:#76808B;
}






/*--favoritebi--*/
.damatebiti-fav-1 {
    floaT: right;
    width: 40px;
    height: 40px;
    position: relative;
    z-index: 1;
    margin-right: 0px;
    line-height: 20px;
}

.favmod{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;display:block;margin:0 auto;width:40px;height: 30px;padding:0px;opacity:9;}
.favmod.active,
.favmod:hover{opacity:1;}
.favmod-add,
.favmod-unset{display:block;width:100%;height:100%;color:#99A2BA;font-weight:100;text-align:center;line-height: 30px;border-radius:100px;font-size:16px;}
.favmod-unset{color: #FC427B}
.favmod .favmod-unset,
.favmod.active .favmod-add{display:none;}
.favmod.active .favmod-unset{display:block;}




.sruli-ic-2 {
    width: 21px;
    height: 19px;
    display: inline-block;
    position: relative;
    background: url(../images/icon-31.svg) center no-repeat;
    margin: 0px -3px -6px 0px;
}


.sruli-ic-1 {
    width: 21px;
    height: 19px;
    display: inline-block;
    position: relative;
    background: url(../images/icon-30.svg) center no-repeat;
    margin: 0px 0px -4px 0px;
}



.sruli-12 {
	right: 0px;
	position: absolute;
	floaT: right;
	margin: -10px 0px 0px 0px;
}

.sruli-10 {
		font-size: 12px;
	position:relative;
	floaT: right;
	margin: -15px 0px 0px 0px;
}

.sruli-9 {
	font-size: 12px;
	width: 100%;
	position:relative;
	floaT: left;
	margin: 18px 0px 0px -4px;
}

.sruli-8 {
	font-family: font-4;
	display: inline-flex;
	position:relative;
	floaT: left;
	margin: 2px 0px 0px 0px;
}


.sruli-7 {
	font-size: 13px;
	font-family: font-3;
	color: #67717C;
	width: 100%;
	position:relative;
	floaT: left;
	padding: 0px 0px 12px 0px;
	margin: 20px 0px 10px -0px;
	border-bottom: 1px var(--foni-22) solid;
}



.container a:hover {
    text-decoration: none;
    text-decoration: underline;
}

.container a{
	color:#FC427B;
}


body .container b span{
	font-family: font-02 !important;
}

.container span{
	
	font-family: font-01;
}

.container b{
	    font-weight: 100;
	font-family: font-02;
	
}


.container {
	width: 100%;
	position:relative;
	floaT: left;
	padding: 2px 0px 0px 0px;
	line-height: 19px;
	color: #515A64;
	font-size: 15px;
}






.sruli-6 img{
	width: 100%;
	position:relative;
	floaT: left;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	border-radius: 5px;
}

.sruli-6{
	width: 100%;
	position:relative;
	floaT: left;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}


.sruli-05{
	margin-top: -5px;
	text-align: right;
	right: -7px;
	position:relative;
	floaT:right;
}



.sruli-4 h1{
	width: 100%;
	position:relative;
	floaT: left;
	font-size: 15px;
	font-family: font-2;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	color:#273C75;
	letter-spacing: -1.1px;
}


.sruli-5{
	margin-bottom: 10px;
	width: calc(100% - 45px);
	position:relative;
	floaT: left;
}



.sruli-4{
	margin: 14px 0px 0px 0px;
	width: 100%;
	position:relative;
	floaT: left;
}



.sruli-20 a:hover{
	color:#FC427B;
	background:#FFEFF4;
}

.sruli-24 {
    width: 21px;
    height: 19px;
    display: inline-block;
    position: relative;
    background: url(../images/icon-34.svg) center no-repeat;
    margin: 0px 1px -4px 0px;
}


.sruli-25 {
	color:#448AFF;
}

.sruli-27{
	overflow:hidden;
	position:relative;
}



.sruli-26{
	width: 100%;
	float: left;
	position:relative;
	padding: 25px 0px 30px 0px;
}


.sruli-22{
	width: 100%;
	line-height: 50px;
	height: 50px;
	font-family: font-4;
	floaT: left;
	border-top: 1px var(--foni-22) solid;
	border-bottom: 1px var(--foni-22) solid;
	text-align: center;
	color: #273C75;
	font-size: 14px;
}



.sruli-21{
	width: 100%;
	float: left;
	position:relative;
	background: var(--foni-4);
	border-radius: 5px;
	padding: 0px 0px;
	margin: 14px 0px;
}


.sruli-20 a:hover {
    text-decoration: none;
    text-decoration: underline;
}


.sruli-19{
	float: left;
}
.sruli-20 a{
	float: left;
	position:relative;
	padding: 7px 10px;
	margin: -6px 6px 11px 0px;
	font-family: font-1;
	font-weight: 600;
	font-size: 12px;
	color:#76808B;
	background:#F4F6FD;
}


.sruli-17{
	width: 100%;
	float: left;
	position:relative;
	padding: 30px 0px 16px 0px;
	background: var(--foni-4);
	border-radius: 0px 0px 5px 5px;
	border-top: 1px var(--foni-22) solid;
	font-family: font-4;
	font-weight: 600;
	font-size: 14px;
	color:#76808B;
}



.sruli-3{
	margin: 0px 40px;
	position:relative;
}


.sruli-02{
	width: 100%;
	float: left;
	position:relative;
}



.sidebari .sl-tv-10 h2{
	font-size: 13px;
}

.sidebari .abc-4{
	margin-lefT: 0px;
}

.sidebari .sl-tv-9{
	top: 60%;
}

.sidebari .sl-tv-8 img{
	width: 50px;
}



.sidebari .sl-tv-8{
   width: 100%;
   height: 98px;
   position:relative;
   floaT: left;
   overflow:hidden;
}


.sidebari-8{
   padding: 0px 10px 0px 10px;
}


.sidebari-7{
	overflow:hidden;
   width: 100%;
   position:relative;
   floaT: left;
   margin: 0px 0px 0px 0px;
   background: var(--foni-15);
   border-radius: 5px;
}



.sidebari-7 .sl-tv-13{
	margin: 60px 0px 0px 0px;
	background: var(--foni-17);
}

.sidebari-7 .sl-tv-1{
   width: 100%;
   position:relative;
   floaT: left;
   padding: 0px 0px 10px 0px;
   margin: 15px 0px 0px 0px; 
   border-radius: 10px;
   background: var(--foni-15) !important;
}


.sidebari-7 .sl-tv-4{
   width: 102% !important;
   position:relative;
   floaT: left;
   margin: 0px 0px 0px 0px;
}



.sidebari-6 .sl-hd-11, .sidebari-6 .sl-hd-11 img{
	border-radius: 100px;
	object-fit: cover;
	width: 90px;
	height: 90px;
}



.samism-1.sidebari-6 .sl-hd-11, .samism-1.sidebari-6 .sl-hd-11 img{
	border-radius: 100px;
	object-fit: cover;
	width: 73px;
	height: 73px;
}



.sidebari-6 .sl-hd-5{
	margin-bottom: 14px;
    float: right;
    position: relative;
    overflow:hidden;
    widtH: 100%;
    border-radius: 5px;
    padding: 0px 0px;
    background: var(--foni-4);
}


.sidebari-1{
	width: 100%;
	float: left;
	position:relative;
	background: var(--foni-4);
	margin-bottom: 14px;
	overflow:hidden;
	border-radius: 5px;
}

.sidebari-5 .kut-c-vidi-flay{
top: 5px;	
}
	
.sidebari-5{
	margin: 0px 9px;
}

.sidebari-4{
	width: 100%;
	float: left;
	position:relative;
}





.sidebari-2{
	width: 100%;
	floaT: left;
	position:relative;
	padding: 14px 0px 20px 0px;
	border-bottom: 1px var(--foni-2) solid;
	margin-bottom: 14px;
}

.sidebari-3{
	margin: 0px 14px;
}

.sidebari{
	width: 100%;
	float: left;
	position:relative;
	border-radius: 10px;
	margin-bottom: 14px;
}


.sruli-3, .sruli-18, .sruli-27 {
	margin: 0px 15px;
}


.sruli-2{
	width: 100%;
	float: left;
	position:relative;
	background: var(--foni-4);
	border-radius: 5px 5px 0px 0px;
	padding: 0px 0px;
}


.sruli-1{
	width: 100%;
	float: left;
	position:relative;
	margin-top: 6px;
}




.konta-4{
	width: 100%;
}


.konta-4 .konta-8{
	transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;
}

.konta-4:hover .konta-8{
	
	transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-webkit-transition:all 0.3s ease-in-out;
}


.konta-8{
	width: 100%;
	position:relative;
	margin: 0px 0px 0px 0px;
	color: #FC427B;
	font-size: 15px;
	font-family: font-2;
}


.konta-7{
	font-size: 14px;
	color:#273C75;
	width: 100%;
	position:relative;
	float: left;
	margin: 2px 0px 1px 0px;
	font-family:font-3;
}

.konta-6{
	width: 100%;
	text-align: center;
	floaT: left;
	position:relative;
	font-family:font-3;
	font-size: 15px;
	padding: 0% 0%;
	margin: 5px 0px 0% 0px;
}


.konta-003 .konta-5{
	background: #0097E6 url(../images/contc-3.svg) 14.8px 15.5px no-repeat;
}

.konta-03 .konta-5{
	background: #0097E6 url(../images/contc-2.svg) 13.5px 15px no-repeat;
}



.konta-4:hover .konta-5{
	transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;
	box-shadow: 0px 0px 0px 2px #fff, 0px 0px 0px 4px #0097E6;
}

.konta-5{
	transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-webkit-transition:all 0.3s ease-in-out;
	background: #0097E6 url(../images/icon-23.svg) center no-repeat;
	background-size: 9px;
	width: 45px;
	height: 45px;
	position:relative;
	color:#fff;
	margin: 5px auto 0px auto;
	border-radius: 100px;
}


.konta-003.konta-3{
}

.konta-03.konta-3{
	box-shadow: 0px 0px 0px 1px #d7d7d7;
}


.konta-3{
	width: 100%;
	position:relative;
	floaT: left;
	font-family:font-3;
	font-size: 15px;
	padding: 3% 0%;
	margin: 0% 0px 0% 0px;
	display:  inline-flex;
}


.konta-2{
	width: 100%;
	position:relative;
	floaT: left;
	font-family:font-3;
	font-size: 15px;
	margin: 1% 0px 2% 0px;
	-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
	border: 1px solid #d7d7d7;
	border-radius: 5px;
}



.title.user_tab.h1{
    color: #273C75;
    margin-bottom: 15px !important;
}

.tab-content > .tab-pane { display: none; }
	.tab-content > .active { display: block; }


	/* Forms at UL */
	ul.ui-form { list-style: none; padding: 0; margin: 0; }
		ul.ui-form > li { margin-bottom: 20px; }
		ul.ui-form > li:last-child { margin-bottom: 0; }
		.form-group { margin-bottom: 20px; }
		.form-group > label { display: block; margin-bottom: .4em; }
		.imp:after { content: "*"; margin: 0 0 0 10px; color: #e85319; }


		.form_submit { margin-top: 20px; }
		.form-sep { border-top: 1px solid var(--foni-2); }

	/* Modification of the BB editor for review */
	#comment-editor .bb-editor textarea { padding: 7px; padding-bottom: 45px; height: 200px; }
	.addpm #comment-editor .bb-editor textarea { height: 340px; }

	.wseditor table, .bb-editor table { margin: 0px; }

/* Comments */
.com_list { }
	.comment {
		padding: 4% 4%;
		position: relative;
		-webkit-transition: box-shadow ease .4s; transition: box-shadow ease .4s;
	}
	.com_list .comment {
		border-top: 1px solid #efefef;
		background-color: transparent;
		margin: 0;
		border-radius: 0;
		box-shadow: none; -webkit-box-shadow: none;
	}
	.comment:hover {
		position: relative;
		box-shadow: 0 2px 12px 0 rgba(0,0,0,0.2); -webkit-box-shadow: 0 2px 12px 0 rgba(0,0,0,0.2);
	}
	.avatar { display: inline-block; }
	.avatar .cover {
		width: 60px; height: 60px;
		border-radius: 50%;
		white-space: nowrap;
		text-indent: -9999px;
		display: inline-block;
	}
	.comment .avatar { float: left; margin-right: 15px; position: relative; }
	.comment .avatar .cover { width: 36px; height: 36px; }
	.com_online {
		position: absolute;
		left: 100%; top: 50%;
		margin: -4px 0 0 -4px;
		overflow: hidden;
		text-indent: -9999px;
		background-color: #70bb39;
		border: 2px solid #fff;
		width: 4px; height: 4px;
		border-radius: 50%;
	}

	.com_info { font-size: .9em; margin-bottom: 2%; margin-top: -5px; }
	.com_info:after { clear: both; display: block; content: ""; }

	.com_user { float: left; margin: 9px 15px 0 0; }
	.comment .meta { display: inline; }
	.comment .meta .left { margin: 9px 0 0 0; }
	.comment .meta .left .mass input { margin: -2px 0 0 0; vertical-align: middle; }
		.comment .meta > ul.left > li { margin-right: 10px; }

		.comment .reply { text-transform: lowercase; }
		.comment .meta .left a {
			display: inline-block;
			width: 20px; height: 20px;
			vertical-align: middle;
			padding: 2px;
			margin-top: -2px;
			-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
		}
		.comment .meta .left .reply a { padding: 2px; width: auto; vertical-align: baseline; }
		.comment .meta .left .del a { padding: 4px; }
		.comment .meta .left .icon { margin: 0; fill: #919191; vertical-align: top; }
		.comment .meta .left a:hover .icon { fill: #3394e6; }
		.comment .meta .left a .icon-reply {
			width: 15px; height: 16px;
			fill: #3394e6 !important;
			margin-right: .4em;
			vertical-align: middle;
		}
		.comment .meta .left a .icon-coms {
			width: 15px; height: 16px;
			fill: #3394e6 !important;
			margin-right: .4em;
			vertical-align: middle;
		}
		.comment .meta .left .edit_btn > a { padding: 2px; margin-top: -4px; } 
		.comment .icon-bad { width: 16px; height: 16px; }
		.comment .icon-cross { width: 12px; height: 12px; }

	.comment .meta .rate { float: right; }

	/* Tree comments */
	#dle-comments-list { width: 100%; overflow: hidden; }
	#dle-comments-list > .comments-tree-list > li > .comments-tree-list { padding: 0 8%; border-top: 1px solid #efefef; }
	#dle-comments-list > .comments-tree-list > li .comments-tree-list > li { padding-left: 20px; }
	.comments-tree-list { list-style: none; padding: 0; margin: 0; }

	.comments-tree-list > li > ol > li .comment {
		padding: 30px 0;
		position: relative;
		box-shadow: none; -webkit-box-shadow: none;
		border-width: 0;
	}
	.comments-tree-list li ol li .comment {

		position: relative;
		box-shadow: none; -webkit-box-shadow: none;
		border-width: 0;
	}
	.comments-tree-list > li > ol > li .comment:after {
		content: "";
		position: absolute;
		width: 2000px; height: 1px;
		margin-left: -500px;
		left: 0; top: 0;
		background-color: #efefef;
	}

	.comments-tree-list > li > ol > li .comment:before {
		content: "";
		position: absolute;
		left: 0; top: 12px;
		margin: 30px 0 0 -20px;
		background-color: #e6e6e6;
		width: 10px; height: 2px;
	}	

	.dark_top {
		border-radius: 10px 10px 0 0;
		color: #fff;
		background: var(--foni-1);
	}


.box_in .cover { background-position: 50% 50%; background-repeat: no-repeat; -webkit-background-size: cover; background-size: cover; }



/* --- User page --- */
.userinfo_top { position: relative; padding-bottom: 50px; margin-bottom: 35px; }
.userinfo_top .avatar { position: absolute; }
.user_tab { list-style: none; padding: 0; margin: 0; }
	.user_tab > li { display: inline; margin-right: 1.2em; }
	.user_tab > li > a {
		text-decoration: none !important;
		font-size: .7em;
		-webkit-transition: all ease .3s;
		transition: all ease .3s;
	}
	.user_tab > li > a { color: #fff; opacity: .9; }
	.user_tab > li > a:hover { color: #FC427B; }
	.user_tab > li.active > a { cursor: default; font-size: 1em; opacity: 1; }

	.usinf { list-style: none; padding: 0; margin: 0 0 25px 0; } 
	.usinf li { line-height: 20px; padding: 12px 0; border-top: 1px solid var(--foni-3); }
	.usinf li:first-child { border-top-width: 0; }

	.ui-c1, .ui-c2 { display: inline-block; vertical-align: top; }
	.ui-c1 { width: 100%; margin-right: 0%; }
	.ui-c2 { font-weight: 600 !important;  width: 100%; }

	/* Window user */
	.userinfo { padding-left: 90px; }
	.userinfo .avatar { position: absolute; float: left; margin: 0 0 0 -90px; }
	.userinfo .avatar .cover { width: 60px; height: 60px; }
	.userinfo > ul { list-style: none; padding: 0; margin: 0; }

/* --- Statistics --- */
.stats_head > ul {
	list-style: none;
	padding: 0; margin: 0;
	font-size: 1.25em;
}
	.stats_head > ul > li { margin-top: 15px; padding-left: 30px; }
	.stats_head > ul > li:before {
		content: "";
		float: left;
		margin: 2px 0 0 -30px;
		width: 16px; height: 16px;
		border-radius: 50%;
		background-color:  #3394e6;
	}
	.stats_head > ul > li > b {
		display: block;
		font-size: .8em;
		opacity: .5;
		font-weight: normal;
	}
	.stats_head > ul > li.stats_d:before { background-color: #f6a71a; }
	.stats_head > ul > li.stats_w:before { background-color: #ce3f28; }
	
	.stat_group { margin-bottom: 25px; }
	.stat_group > h5 { margin-top: 0; margin-bottom: 1em; }
	.stat_group > ul { list-style: none; padding: 0; margin: 0; }
	.stat_group > ul > li { padding: .6em 0; border-top: 1px dotted #d5d5d5; }

/* --- Search page --- */
.search_result_num { font-size: .9em; margin: 25px 0 0; }
.search table { width: 100%; border-spacing: 5px; border-collapse: separate; }
#searchtable td, #searchtable td div, #searchtable table { margin: 0 !important; padding: 0 !important; }
	#searchtable td.search br { display: none; }
	td.search .bbcodes { margin: 0 !important; }
	td.search { vertical-align: top; }





.story .title { color:#273C75; margin: 0px 0px 10px 0px; font-size: 17px;font-family: font-2; letter-spacing: -0.5px; }
.story .box_in > .text { font-size: 1.08em; line-height: 25px; color:#4a546e; }
.story .box_in > .text b{ font-family: font-2; }


.box, .comment {
	margin: 0px 0px 14px 0px;
}

.box_in { padding: 4% 5%; }


.eroris-2 {
    margin: 0% 5%;
}

.eroris-5 {
    font-family: font-1;
    font-weight: 600;
    font-size: 15px;
    padding: 0px 0px 0px 0px;
    width: 100%;
    position: relative;
    floaT: left;
    z-index: 1;
    color:#273C75;
}


.eroris-4 {
    font-family: font-4;
    font-size: 18px;
    margin: 5px 0px 7px 0px;
    width: 100%;
    position: relative;
    floaT: left;
    z-index: 1;
    color:#273C75;
}


.eroris-1 {
	background:var(--foni-4);
    font-family: font-1;
    font-size: 15px;
    margin: 0px 0px 20px 10px;
    padding: 7% 0%;
    width: 100%;
    position: relative;
    floaT: left;
    z-index: 1;
    overflow: hidden;
    text-align: center;
    border-radius: 10px;
}


.gd-1.c-vidi-1:hover .c-vidi-4{
	color:#FC427B !important;
}


.gd-1 .c-vidi-4{
    color:#273C75 !important;
}


.gd-1 .c-vidi-3{
    background: var(--foni-4);
    color:#273C75;
    padding: 18px 0px 17px 0px;
    font-family: font-2;
    letter-spacing: -0.5px;
    text-align: center;
}

.gd-1.c-vidi-1 img{
height: 155px;
}

.gd-1.c-vidi-1{
height: 155px;
}





.t-title-2::before {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 11px;
    border-color: rgb(21 39 90 / 0%) rgb(0 8 255 / 0%) rgb(28 30 32 / 0%) #273C75;
    margin: 0px 0px 0px 0px;
    z-indeX: 1;
    top: 12px;
    left: 4px;
}

.t-title-2{
	width: 8px;
	height: 100%;
	position:absolute;
	lefT: 0px;
	top: 0px;
	background: #273C75;
}





.t-title-3 a{
	display: none;
}

.t-title-3{
	font-size: 13px;
	padding: 0px 22px;
}


.size.t-title-1{
	position:relative;
	floaT: left;
	padding: 15px 0px;
	margin-top: 14px;
	background:var(--foni-4);
	overflow:hidden;
	border-radius: 5px;
	color:#273C75;
	font-family: font-4;
	font-size: 14px;
}


#pagi-load span{ display: none;}
#pagi-load a span{ display: block; }
#pagi-load span{ float: left;  }
.pagi-load{  text-align: center; font-size:0px;}
.bottom-nav{ margin: 0px 0px 20px 10px; floaT: left; }
.pagi-load a:hover{transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-webkit-transition:all 0.2s ease-in-out;background: #39b0ed;}
.pagi-load a:hover .fa-refresh{transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-webkit-transition:all 0.2s ease-in-out;}
.pagi-load a{border-radius: 5px;transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-webkit-transition:all 0.2s ease-in-out;padding: 0px 32px;display:inline-block;height:50px;line-height:50px;font-size: 16px;letter-spacing: 0.2px;cursor:pointer;color:#ffffff;background: #0097E6;text-align:center;font-family: 'font-4';}

.abc-top{
	margin-bottom: 3px;
	overflow:hidden;
	width: 100%;
	position:relative;
	floaT: left;
	margin-top: 2%;
}


.zari-fori-2 input{
	width: 100%;
}


.div-shesvla-12 a:hover{
	color:#FC427B;
}

.div-shesvla-12 a{
	color:#273C75;
}


.div-shesvla-12{
	font-size: 12.5px;
	margin: 18px 0px 0px 0px;
	font-family: font-4;
	float: right;
	color:#273C75;
}


.zari-fori-2 .login_inputs{
	margin-top: 5px;
	float: left;
}



.zari-fori-2{
	margin: 0px 0px;
}

.div-shesvla-10{width:100%;height:40px;line-height:41px;float:left;font-size:13px;margin:0px 0px 20px 0px;}

.div-shesvla-11{float:left;width:100%;margin: 10px 0px 2px 0px;font-size:14px;font-family:font-3; font-weight: 600; }


.zari-fori-1{
	width: 100%;
	floaT: left;
	margin: -10px 0px 20px 0px;
	text-align: left;
	color:#273C75;
	letter-spacing: 0.4px;
}




.zari-ajax-4{
	width: 100%;
	floaT: left;
	margin: 20px 0px 0px 0px;
}


.zari-ajax-04{
	margin: 0px 20px;
}

.zari-pr-3 li a:hover{
	color:#FF2D46;
	-webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
}



.zari-pr-3 li a{
	color:#202e52;
	font-weight: 600;
	-webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
}

.zari-pr-3 li{
	font-size: 14.5px;
	width: 100%;
	float: right;
	position:relative;
	margin-top: 2px;
	margin-bottom: 9px;
}


.zari-pr-3{
	margin-top: 1px;
	text-align: left;
	width: 100%;
	float: right;
	position:relative;
}

.zari-pr-2{
	width: 100px;
	margin: auto;
}


.zari-pr-1, .zari-pr-1 img{
	border-radius: 8px;
}


.zari-pr-1 img{
	width: 100px;
	height: 100px;
	float: left;
	position:relative;
	object-fit: cover;
	border-radius: 100px;
}

.zari-pr-1{
	width: 100%;
	float: left;
	position:relative;
	border: 2px var(--foni-3) solid;
	padding: 10px 0px;
	margin: 0px 0px 10px 0px;
}



.zari-ajax-2{
    font-size: 16px;
    font-family: font-1;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    color:#4e5c85;
    font-weight: 700;
}


.zari-ajax-1{border:none;background:#ffffff; border-bottom: 1px var(--foni-3) solid !important; color:#222;font-family:font-1;font-size:16px;padding:25px 30px 23px 30px;border:none;text-align:left;}
.img-replace{display:inline-block;overflow:hidden;text-indent:100%;color:transparent;white-space:nowrap;}
.cd-popup{position:fixed;left:0;top:0;height:100%;width:100%;background-color: rgb(8 11 22 / 80%);opacity:0;visibility:hidden;-webkit-transition:opacity 0.3s 0s, visibility 0s 0.3s;-moz-transition:opacity 0.3s 0s, visibility 0s 0.3s;transition:opacity 0.3s 0s, visibility 0s 0.3s;z-indeX: 9999999999;}
.cd-popup.is-visible{opacity:1;visibility:visible;-webkit-transition:opacity 0.3s 0s, visibility 0s 0s;-moz-transition:opacity 0.3s 0s, visibility 0s 0s;transition:opacity 0.3s 0s, visibility 0s 0s;}
.cd-popup-container{position:relative;width: 100%;max-width: 280px;margin:5em auto;overflow:hidden;border-radius:10px;background:var(--foni-4);text-align:center;box-shadow:0 0 20px rgba(255, 255, 255, 0.5);-webkit-transform:translateY(-40px);-moz-transform:translateY(-40px);-ms-transform:translateY(-40px);-o-transform:translateY(-40px);transform:translateY(-40px);-webkit-backface-visibility:hidden;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;transition-property:transform;-webkit-transition-duration:0.3s;-moz-transition-duration:0.3s;transition-duration:0.3s;}
.cd-popup-container .cd-buttons:after{content:"";display:table;clear:both;}
.cd-popup-container .cd-popup-close{position:absolute;top: 0px;right: 19px;width: 30px;height: 69px;}
.cd-popup-container .cd-popup-close::before,
.cd-popup-container .cd-popup-close::after{content:"";position:absolute;top: 35px;width:14px;height:2px;opacity:0.6;background-color:#000;}
.cd-popup-container .cd-popup-close::before{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);left:8px;}
.cd-popup-container .cd-popup-close::after{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);right:8px;}
.is-visible .cd-popup-container{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);}





.footer-14 a:hover{
	-webkit-transition: all .4s; -moz-transition: all .4s; -o-transition: all .4s; transition: all .4s;
	background:#2F4686;
}

.footer-14 {
	-webkit-transition: all .4s; -moz-transition: all .4s; -o-transition: all .4s; transition: all .4s;
	floaT: right;
	margin: 0px 0px 0px 0px;
	z-index:1;
	width: 100%;
}

.footer-14 a{
	-webkit-transition: all .4s;
	-moz-transition: all .4s;
	-o-transition: all .4s;
	transition: all .4s;
	floaT: right;
	margin: 15px 0px 15px 0px;
	z-index:11;
	background: #32467c;
	width: 100%;
	position:relative;
	height: 41px;
	text-align: center;
	line-height: 43px;
	border-radius: 5px;
	font-size: 15px;
	color:#fff;
	font-family: font-3;
	padding: 0px 0px;
}



.footer-12{
	floaT: right;
	margin: 15px 0px 0px 0px;
	z-index:11;
	position:relative;
}





.footer-2 .van-div-2 svg{
   fill: #ffffff;
}

.footer-2 .van-div-2:hover{
	color:#fff;
    background: #3663DD;
      -webkit-transition: all .4s; -moz-transition: all .4s; -o-transition: all .4s; transition: all .4s;
}

.footer-2 .van-div-2{
    background: #2F4686;
      -webkit-transition: all .4s; -moz-transition: all .4s; -o-transition: all .4s; transition: all .4s;
}


.footer-7 a:hover {
  color:#FF2D46;
  -webkit-transition: all .4s; -moz-transition: all .4s; -o-transition: all .4s; transition: all .4s;
}

.footer-7 a{
	-webkit-transition: all .4s; -moz-transition: all .4s; -o-transition: all .4s; transition: all .4s;
	floaT: left;
	margin: 0px 15px 6px 0px;
	font-family: font-1;
	font-weight: 600;
	letter-spacing: -0.1px;
	font-size: 13px;
	color:#566690;
}

.footer-10 a{
	font-family: font-2;
  color:#FF2D46;
}


.footer-11{
		width: 100%;
	text-align: center;
   position:relative;
   margin-top: 2px;
   position:relative;
   floaT: left;
}


.footer-10 a:hover {
    text-decoration: none;
    text-decoration: underline;
}

.footer-10{
	width: 100%;
	text-align: center;
   position:relative;
   floaT: right;
}


.footer-9{
	font-size: 14px;
	letter-spacing: -0.1px;
   width: 100%;
   position:relative;
   floaT: left;
}



.footer-6{
   width: 100%;
   position:relative;
   floaT: left;
  background: var(--foni-8);
  padding: 12px 0px;
}

.footer-8{
   font-weight: 700;
   background:var(--foni-4);
   width: 100%;
   position:relative;
   floaT: left;
   padding: 20px 0px;
   color: var(--foni-7);
   font-family: 'font-1';
   font-size: 15px;
   letter-spacing: -0.2px;
}



.footer-4{
	margin-top: 15px;
   position:relative;
   floaT: left;
   z-index:1;
}

.footer-3{
	z-index:1;
	margin-top: 15px;
   position:relative;
   floaT: left;
}

.footer-2{
   width: 100%;
   position:relative;
   floaT: left;
}


.footer-5 svg{
    width: 170px !important;
}


.footer-5 {
	display: none;
    z-index: 0;
    position: absolute;
    width: 100%;
    margin-top: 18px;
    text-align: center;
}

.footer-1{
	z-index:0;
	width: 100%;
	/* height: 75px; */
	position:relative;
	background: var(--foni-1);
	floaT: left;
}




.abc-color-9.abc-4::before {
    border-color: #15275A rgb(0 8 255 / 0%) rgb(28 30 32 / 0%) rgb(255 0 0 / 0%);
}

.abc-color-9.abc-4 {
   background: linear-gradient(180deg, #334B8C 0%, #273C75 100%);
}

.abc-color-9.abc-5:hover{
	color:#334B8C;
	border: 2px solid #334B8C;
}

.abc-color-9 .c-vidi-3::before, .abc-color-9 .c-vidi-3::after {
    background:#334B8C;
}


.abc-color-9 .abc-icon-1 {
    width: 21px;
    height: 21px;
    background: url(../images/icon-22.svg) center no-repeat;
    margin: 12.2px 7px 0px 0px;
}

.abc-icon-8.abc-icon-1 {
    width: 21px;
    height: 21px;
    background: url(../images/icon-20.svg) center no-repeat;
    margin: 13px 7px 0px 0px;
}

.abc-icon-7.abc-icon-1 {
    width: 21px;
    height: 21px;
    background: url(../images/icon-19.svg) center no-repeat;
    margin: 13px 7px 0px 0px;
}


.mov-ne-7 span{
	width: 100%;
	floaT: left;
	color: #ABB6DE;
}


.mov-ne-1 .mov-ne-8 img {
   -webkit-transition: all .4s; -moz-transition: all .4s; -o-transition: all .4s; transition: all .4s;
}

.mov-ne-1:hover .mov-ne-8 img {
    -webkit-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3);
    -webkit-transition: all .4s; -moz-transition: all .4s; -o-transition: all .4s; transition: all .4s;
}


.mov-ne-4{
	z-index:0;
	width: 100%;
	floaT: left;
	line-height: 0px;
	position:relative;
	overflow:hidden;
}


.mov-ne-7 {
    margin: 0px 0px 0px 0px;
    line-height: 17px;
    font-size: 12px;
    display: table-cell;
    vertical-align: middle;
    padding: 0px 0px 0px 0px;
}

.mov-ne-6 {
	text-align: center;
	padding: 0px 12px;
}

.mov-ne-1:hover .mov-ne-5 {
	-webkit-transition: all .4s; -moz-transition: all .4s; -o-transition: all .4s; transition: all .4s;
	opacity: 9;
   -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}


.mov-ne-5 {
		-webkit-transform: scale(0.1);
    -ms-transform: scale(0.1);
    transform: scale(0.1);
	opacity: 0;
	-webkit-transition: all .4s; -moz-transition: all .4s; -o-transition: all .4s; transition: all .4s;
	margin-top: 0px;
	overflow:hidden;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    color:#fff;
    background: rgba(39, 59, 116, 0.90);
    border-radius: 0%;

}

.mov-ne-3 img{
	width: 30px;
}

.mov-ne-3{
	z-index:1;
	width: 100%;
	position:absolute;
	top: 20px;
	text-align: center;
}


.mov-ne-8 img{
width: 100%;
}

.mov-ne-1, .mov-ne-8 img, .mov-ne-7, .mov-ne-4{height: 170px;object-fit: cover;border-radius: 5px;}


.mov-ne-1{
	border-radius: 5px;
	float: left;
	position:relative;
	overflow:hidden;
	margin: 0px 1% 2% 1%;
}
.sagzao-1 .mov-ne-1{
	border-radius: 500px;
	float: left;
	position:relative;
	overflow:hidden;
	margin: 0px 1% 2% 1%;
}



.abc-mov-7 .abc-5 {
   floaT: inherit !important;
   background:var(--foni-4);
      border: 2px solid #E3E6EA;
}


.abc-mov-8{
   width: 210px;
   margin: 14px auto;
}


.abc-mov-7{
   width: 100%;
   height: 75px;
   line-height: 75px;
   text-align: center;
   font-family: font-4;
   position:relative;
   background: #EDEFF6;
   floaT: left;
   font-size: 17px;
   color:#2D3743;
}




.abc-mov-4 {
    width: 21px;
    height: 19px;
    display: inline-block;
    position: relative;
    background: url(../images/icon-21.svg) center no-repeat;
    margin: 0px 0px -4px 0px;
}


.abc-mov-2{
	margin-bottom: 15px;
   width: 100%;
   height: 67px;
   line-height: 67px;
   text-align: center;
   font-family: font-4;
   border-bottom: 1px #DBDDE6 solid;
   position:relative;
   background: var(--foni-6);
   floaT: left;
   font-size: 17px;
   color:#2D3743;
}


.abc-mov-1{
	overflow:hidden;
   width: 100%;
   position:relative;
   background: #151820;
   floaT: left;
}





.abc-color-7.abc-4::before {
    border-color: #148843 rgb(0 8 255 / 0%) rgb(28 30 32 / 0%) rgb(255 0 0 / 0%);
}

.abc-color-7.abc-4 {
   background: linear-gradient(180deg, #22B95E 0%, #1BAB54 100%);
}

.abc-color-7.abc-5:hover{
	color:#1BAB54;
	border: 2px solid #1BAB54;
}

.abc-color-7 .c-vidi-3::before, .abc-color-7 .c-vidi-3::after {
    background:#1BAB54;
}



.abc-color-6.abc-4::before {
    border-color: #689B41 rgb(0 8 255 / 0%) rgb(28 30 32 / 0%) rgb(255 0 0 / 0%);
}

.abc-color-6.abc-4 {
   background: linear-gradient(180deg, #A2E071 0%, #8BC55E 100%);
}

.abc-color-6.abc-5:hover{
	color:#8BC55E;
	border: 2px solid #8BC55E;
}

.abc-color-6 .c-vidi-3::before, .abc-color-6 .c-vidi-3::after {
    background:#8BC55E;
}




.abc-color-4.abc-4::before {
    border-color: #B11B23 rgb(0 8 255 / 0%) rgb(28 30 32 / 0%) rgb(255 0 0 / 0%);
}

.abc-color-4.abc-4 {
   background: linear-gradient(180deg, #FE3844 0%, #DB1F2A 100%);
}

.abc-color-4.abc-5:hover{
	color:#DB1F2A;
	border: 2px solid #DB1F2A;
}

.abc-color-4 .c-vidi-3::before, .abc-color-4 .c-vidi-3::after {
    background:#DB1F2A;
}



.abc-color-3.abc-4::before {
    border-color: #1CA96E rgb(0 8 255 / 0%) rgb(28 30 32 / 0%) rgb(255 0 0 / 0%);
}

.abc-color-3.abc-4 {
   background: linear-gradient(180deg, #2CD08B 0%, #23BF7E 100%);
}

.abc-color-3.abc-5:hover{
	color:#23BF7E;
	border: 2px solid #23BF7E;
}

.abc-color-3 .c-vidi-3::before, .abc-color-3 .c-vidi-3::after {
    background:#23BF7E;
}





.abc-color-2.abc-4::before {
    border-color: #7B2AB9 rgb(0 8 255 / 0%) rgb(28 30 32 / 0%) rgb(255 0 0 / 0%);
}

.abc-color-2.abc-4 {
   background: linear-gradient(180deg, #B75AFF 0%, #A53EF5 100%);
}

.abc-color-2.abc-5:hover{
	color:#A53EF5;
	border: 2px solid #A53EF5;
}

.abc-color-2 .c-vidi-3::before, .abc-color-2 .c-vidi-3::after {
    background:#A53EF5;
}

.sl-tv-8 img{
	width: 60px;
}




.sl-tv-7 .sl-tv-11 h2{
   -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s;
}


.sl-tv-13{
   -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s;
}


.sl-tv-7:hover .sl-tv-11 h2{
   color:#0097E6;
   -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s;
}


.sl-tv-13:hover{
	background: var(--foni-18);
   color:#fff;
   -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s;
}




.abc-icon-6.abc-icon-1 {
    width: 21px;
    height: 21px;
    background: url(../images/icon-16.svg) center no-repeat;
    margin: 12px 7px 0px 0px;
}


.sl-tv-1 .slick-next:before{
	width: 100%;
	height: 100%;
	background: url(../images/icon-17.svg) center  no-repeat;
	content: "";
	position:absolute;
	lefT: 0px;
}

.sl-tv-1 .slick-prev:after{
	width: 100%;
	height: 100%;
	background: url(../images/icon-18.svg) center  no-repeat;
	content: "";
	position:absolute;
	lefT: 0px;
}


.sl-tv-4 .slick-next{
	right: 7px;
	background: var(--foni-1);
}


.sl-tv-1 .slick-prev{
	right: 55px !important;
	lefT: auto;
	background: var(--foni-13);
}

.sidebari-7 .sl-tv-4 .slick-prev{
	right: 52px !important;
}

.sidebari-7 .sl-tv-4 .slick-next{
	right: 3px;
}

.sl-tv-1 .slick-prev, .sl-tv-4 .slick-next{top: 4px !important; border-radius: 10px; }

.sagzao-01 .sl-tv-4{
	width: 100%;
   position:relative;
   floaT: left;
   margin: 0px 0px 0px 0% !important;
}

.sl-tv-4{
   position:relative;
   floaT: left;
   margin: 0px 0px 0px 0%;
}



.sl-tv-9{
	-webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;
    position: absolute;
    left: 50%;
    top: 55%;
    -webkit-transform: translate(-50%, -50%) scale(1);
    -ms-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
    opacity: 9;
    width: 70px;
    height: 70px;
    text-align: center;
    z-index:1;
}


.sl-tv-11{
   margin: 0px 10px;
}

.sl-tv-10 h2{
   width: 100%;
   padding: 0px;
   font-size: 13px;
   font-weight: 100;
   font-family: font-1;
   letter-spacing: -0.1px;
   margin: 0px;
   line-height: 47px;
   position:relative;
   floaT: left;
   overflow:hidden;
   color:#BCC6E2;
}


.sl-tv-10{
   width: 100%;
   height: 47px;
   line-height: 47px;
   position:relative;
   floaT: left;
   overflow:hidden;
   border-top: 1px #334063 solid;
}


.sl-tv-8{
   width: 100%;
   height: 115px;
   position:relative;
   floaT: left;
   overflow:hidden;
}


.sagzao-01 .sl-tv-7{
	position:relative;
	width: 96%;
	floaT: left;
	margin: 0px 2%;
}

.sl-tv-7{
	position:relative;
	width: 98%;
	floaT: left;
	margin: 0px 1% 0px 1%;
}


.sl-tv-13{
   background: var(--foni-17);
   position:relative;
   margin: 65px 0px 0px 0px;
   border-radius: 10px;
   overflow:hidden;
   text-align: center;
   color:#fff;
}




.sl-tv-3{
   width: 100%;
   position:relative;
   floaT: left;
   margin: -44px 0px 0px 0px;
}


.sl-tv-2{
   width: 100%;
   position:relative;
   /* overflow:hidden; */
   floaT: left;
   margin: 0px 0px 0px 0px;
}



.sl-tv-1{
   width: 100%;
   position:relative;
	overflow:hidden;
   floaT: left;
   padding: 14px 0px 14px 0px;
   margin: 0px 0px 0px 0px; 
   background: var(--foni-15) url(../images/bg-2.svg) center  no-repeat !important;
}


.c-vidi-1:hover .c-vidi-flay, .abc-color-01 .c-vidi-1:hover .kut-c-vidi-flay{
    background: #DB1F2A url(../images/icon-24.svg) center no-repeat;
    box-shadow: 0px 0px 0px 6px rgb(0 0 0 / 40%);
    -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;
}


.c-vidi-1 .c-vidi-flay, .abc-color-01 .kut-c-vidi-flay{
	-webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;
    position: absolute;
    left: 50%;
    top: 36%;
    -webkit-transform: translate(-50%, -50%) scale(1);
    -ms-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
    opacity: 9;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 70px;
    background: #DB1F2A url(../images/icon-24.svg) center no-repeat;
    box-shadow: 0px 0px 0px 0px rgb(0 0 0 / 0%);
    border-radius: 50%;
    z-index:1;
}




.abc-div-3.abc-2{
	float: right;
}

.baner-1 img{
	width: 100%;
	floaT: left;
	position:relative;
	line-height: 0px;
}

.baner-1{
	width: 100%;
	floaT: left;
	position:relative;
	margin-bottom: 14px;
}


.abc-9, .abc-8, .abc-div-2.abc-2, .abc-div-3.abc-2{
   width: 100%;
}

.abc-div-1{
	width: 100%;
	floaT: left;
	position:relative;
	overflow:hidden;
}


.abc-icon-5.abc-icon-1 {
    width: 21px;
    height: 21px;
    background: url(../images/icon-15.svg) center no-repeat;
    margin: 13px 7px 0px 0px;
}

.abc-icon-4.abc-icon-1 {
    width: 20px;
    height: 20px;
    background: url(../images/icon-14.svg) center no-repeat;
    margin: 13px 7px 0px 0px;
}

.abc-icon-3.abc-icon-1 {
    width: 21px;
    height: 21px;
    background: url(../images/icon-13.svg) center no-repeat;
    margin: 12px 7px 0px 0px;
}

.abc-02 .abc-9{
   width: 100%;
}


.c-vidi-1:hover .c-vidi-4{
	color:#ffffff;
    -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s;
}


.c-vidi-4{
	height: 32px;
	position:relative;
	overflow:hidden;
	color:#d1d7eb;
	padding: 0px 15px;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
}


.abc-color-1 .c-vidi-3::before, .abc-color-1 .c-vidi-3::after {
    background:#0097E6;
}

.c-vidi-1:hover .c-vidi-3::after, .c-vidi-1:hover .c-vidi-3::before{
    width: 50%;
-webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s;
}


.c-vidi-3::after{
-webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s;
    content: '';
    position: absolute;
    width: 0%;
    height: 3px;
    margin: 0px 0px 0px 0px;
    z-indeX: 1;
    top: 0px;
    right: 0px;
}

.c-vidi-3::before {
	-webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;
    content: '';
    position: absolute;
    width: 0%;
    height: 3px;
    margin: 0px 0px 0px 0px;
    z-indeX: 1;
    top: 0px;
    left: 0px;
}



.c-vidi-1 img {
		object-fit: cover;
	width: 100%;
    -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;
}

.c-vidi-1:hover img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s;
}

.abc-8 .c-vidi-4{
	height: auto;
}

.abc-8 .c-vidi-4{
    padding: 0px 15px;
}



.abc-8 .c-vidi-3{
    padding: 15px 0px;
    font-size: 14px;
    line-height: 19px;
}


.abc-8 .c-vidi-1{
    font-size: 20px;
    font-family: font-2;
    font-size: 15px;
}


.abc-10{
	width: 100%;
	margin: 0px 0px 0px 0px;
	floaT: left;
}


.abc-8 .c-vidi-1{
	width: 100%;
	margin: 0px 0px 0px 0px;
}

.abc-8 .c-vidi-1, .abc-8 .c-vidi-1 img{height: 240px;}


.c-vidi-3{
    widtH: 100%;
    float: left;
    position: absolute;
    overflow:hidden;
    border-radius: 0px;
    padding: 0px 0px 15px 0px;
    background: rgba(12, 18, 34, 0.85);
    z-index:1;
    line-height: 17px;
    color:#fff;
    bottom: 0px;
    padding: 15px 0px 14px 0px;
    font-size: 13.5px;
}

.c-vidi-1, .c-vidi-1 img{
height: 220px;
}

.c-vidi-1 img {
	border-radius: 5px !important;
}

.c-vidi-1{
	width: 100%;
	float: left;
	position:relative;
	overflow:hidden;
	border-radius: 5px;
	margin: 0px 0px 15px 0px;
}


.c-vidi-001 a:hover {
    text-decoration: none;
    text-decoration: underline;
}
.c-vidi-001 a{
	color:#fff;
}
.c-vidi-001 {
	color:#a5a0a0;
	letter-spacing: -0.3px;
    float: left;
    position: absolute;
    overflow:hidden;
    background: rgba(12, 18, 34, 0.85);
    z-index:11;
    line-height: 20px;
    margin: 14px 0px 0px 14px;
    padding: 7px 15px;
    font-size: 11px;
    border-radius: 100px;
    font-family: font-1;
}


.c-vidi-01 a:hover {
    text-decoration: none;
    text-decoration: underline;
}

.c-vidi-01 a{
	letter-spacing: -0.3px;
    float: left;
    position: absolute;
    overflow:hidden;
    background: rgba(12, 18, 34, 0.85);
    z-index:11;
    line-height: 20px;
    color:#fff;
    margin: 22px 0px 0px 22px;
    padding: 10px 19px;
    font-size: 13px;
    border-radius: 100px;
    font-family: font-1;
}


.abc-9{
   position:relative;
   overflow:hidden;
   floaT: right;
}

.abc-8{
	margin-bottom: 14px;
   position:relative;
   floaT: left;
}



.abc-7 img{
   width: 100%;
   floaT: left;
   line-height: 0px;
   font-size: 0px;
   object-fit: cover;
}

.abc-7{
   width: 100%;
   position:relative;
   floaT: left;
}



.abc-icon-2 {
    width: 25px;
    height: 25px;
    position: relative;
    background: var(--foni-3) url(../images/icon-11.svg) 8px 7.3px no-repeat;
    margin: 9px 5px 0px 10px;
    border-radius: 100px;
    floaT: right;
}

.abc-5:hover{
	color:#0097E6;
	border: 2px solid #0097E6;
	transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;
}

.abc-mov-1 .abc-5{
	margin-top: 10px;
}


.abc-5 {
	transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-webkit-transition:all 0.3s ease-in-out;
	color: #77828F;
	font-family: font-4;
	position:relative;
	floaT: right;
	margin: 0px 0px 0px 0px;
	border: 2px solid var(--foni-3);
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	border-radius: 100px;
	height: 47px;
	line-height: 45.6px;
	padding: 0px 5px 0px 0px;
	font-size: 0px;
}



.abc-4::before {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 11px;
    border-color: #0888CA #0008ff00 #1c1e2000 #ff000000;
    margin: 0px 0px 0px 0px;
    z-indeX: 0;
    bottom: -21px;
    left: 0px;
}

.abc-icon-1 {
    width: 21px;
    height: 19px;
    float: left;
    position: relative;
    background: url(../images/icon-12.svg) center no-repeat;
    margin: 14px 7px 0px 0px;
}


.abc-4 {
	z-index: 111;
	color:#fff;
	font-family: font-4;
	position:relative;
	floaT: left;
	margin: 0px 0px 0px 0px;
	background: linear-gradient(180deg, #18ACFA 0%, #0097E6 100%);
	border-radius: 100px 100px 100px 0px;
	height: 47px;
	line-height: 47px;
	padding: 0px 30px 0px 20px;
	font-size: 15px;
}


.abc-3{
   width: 100%;
   position:relative;
   floaT: left;
   margin: 0px 0px 20px 0px; 
}


.abc-2{
	overflow:hidden;
   width: 100%;
   position:relative;
   floaT: left;
}


.abc-1{
	overflow:hidden;
	z-index:0;
	padding-top: 20px;
   width: 100%;
   position:relative;
   background: var(--foni-4);
   floaT: left;
}





.sl-news-1 img {
    -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;
}

.sl-news-1:hover img {
    -webkit-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.05);
    -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;
}

.sl-news-3 a{
	transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;
}

.sl-news-1:hover .sl-news-3 h2 a{
	color:#0097E6;
	transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;
}



.sl-hd-11:hover .sl-hd-12, .sl-hd-a.sl-hd-11 .sl-hd-12 {
    -webkit-transform: translate(-50%, -50%) scale(1);
    -ms-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(0.85);
    opacity: 1;

    transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;
}

.sl-hd-12 {
    position: absolute;
    left: 50%;
    top: 50%;
    color: #f8f9fa;
    -webkit-transform: translate(-50%, -50%) scale(0.5);
    -ms-transform: translate(-50%, -50%) scale(0.5);
    transform: translate(-50%, -50%) scale(0.5);
    transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;
    opacity: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    line-height: 70px;
    background: rgb(21 101 192 / 90%) url(../images/icon-6.svg) center no-repeat;
    border-radius: 50%;
}

.sl-hd-9 a:hover{
	background: var(--foni-11);
	color:#FC427B;
	transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;
}


.sl-hd-9 a{
	transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-webkit-transition:all 0.3s ease-in-out;
	border-radius: 0px;
	background: var(--foni-10);
	padding: 11px 30px;
	color: #ffffff;
	height: 39px;
	font-size: 14px;
	font-family: font-1;
	letter-spacing: -0.4px;
	border-radius: 100px;
}



.sl-hd-9{
	background: var(--foni-9);
	width: 100%;
	line-height: 60px;
	height: 60px;
	font-family: font-4;
	floaT: left;
	border-top: 0px var(--foni-1) solid;
	text-align: center;
	color: #273C75;
	font-size: 16px;
}


.sl-hd-11, .sl-hd-11 img{
	border-radius: 100px;
	object-fit: cover;
	width: 90px;
	height: 90px;
}


.sl-hd-11{
	border-radius: 100px;
	position:relative;
	line-height: 20px;
	floaT: left;
	margin: 0px 7px 14px 7px;
}

.sl-hd-8::-webkit-scrollbar-track{ background: var(--foni-20); border-radius: 0px;position:relative; overflow:hidden;}
.sl-hd-8::-webkit-scrollbar-thumb{ background: var(--foni-14); border-radius: 0px;position:relative; overflow:hidden;}
.sl-hd-8::-webkit-scrollbar{ height:5px; border-radius: 0px;position:relative; overflow:hidden;}

.darken .sl-hd-8::-webkit-scrollbar-track{background:#393f52; border-radius: 0px;position:relative; overflow:hidden;}
.darken .sl-hd-8::-webkit-scrollbar-thumb{ background:#0097E6;  border-radius: 0px;position:relative; overflow:hidden;}
.darken .sl-hd-8::-webkit-scrollbar{ height:5px;position:relative; overflow:hidden;}


.sl-hd-8{
	width:100%;
    display: flex;
    will-change: transform;
    overflow: auto scroll;
    overflow-y: hidden;
    overflow-x: auto;
}



.sl-hd-7{
	background: var(--foni-1);
	padding-top: 15px;
	width: 100%;
	line-height: 20px;
	floaT: left;
}



.sl-hd-6{
	width: 100%;
	line-height: 50px;
	height: 50px;
	font-family: font-4;
	floaT: left;
	border-bottom: 0px #3c5391 solid;
	text-align: center;
	background: var(--foni-9);
	color: #fff;
	font-size: 15px;
}




.sl-news-9 {
    width: 6px;
    height: 17px;
    float: right;
    position: relative;
    background: url(../images/icon-8.svg) center no-repeat;
    margin: 5px 0px 0px 5px;
}

.sl-news-7 {
    width: 17px;
    height: 17px;
    float: left;
    position: relative;
    background: url(../images/icon-10.svg) center no-repeat;
    margin: 6px 8px 0px 0px;
}

.sl-news-6 {
    width: 15px;
    height: 17px;
    float: left;
    position: relative;
    background: url(../images/icon-9.svg) center no-repeat;
    margin: 5px 8px 0px 0px;
}

.sl-news-8:hover {
    text-decoration: none;
    text-decoration: underline;
}


.sl-news-8 {
	font-family: font-4;
    float: right;
    position: relative;
    font-size: 14px;
    color:#fff;
}


.sl-news-05 {
    float: left;
    position: relative;
    font-size: 14px;
    margin-lefT: 0px;
}

.sl-news-05.sl-news-5 {
		display: block;
}

.sl-news-5 {
		display: none;
    float: left;
    position: relative;
    font-size: 13px;
}



.sl-news-4 {
	color:#CDCBCB;
    float: left;
    position: relative;
    widtH: 100%;
    font-family: font-3;
    padding: 0px 0px;
    font-size: 14px;
}



.sl-news-3 h2 {
    float: left;
    position: relative;
    widtH: 100%;
    font-family: font-2;
    font-weight: 100;
    margin: 0px 0px 5px 0px;
    padding: 16px 0px 12px 0px;
    font-size: 15px;
    line-height: 18px;
    letter-spacing: -0.3px;
    border-bottom: 1px rgba(255, 255, 255, 0.2) solid;
}

.sl-news-02 a:hover {
    text-decoration: none;
    text-decoration: underline;
}

.sl-news-02 a{
	color:#ffffff;
}

.sl-news-02{
	letter-spacing: -0.3px;
    float: left;
    position: absolute;
    overflow:hidden;
    background: rgba(12, 18, 34, 0.85);
    z-index:11;
    line-height: 20px;
    color:#fff;
    margin: 15px 0px 0px 15px;
    padding: 7px 15px;
    font-size: 11px;
    border-radius: 100px;
    font-family: font-1;
}


.sl-news-3{
	padding: 0px 15px;
}



.sl-news-2 a{
    color:#fff;
}


.sl-news-2{
    widtH: 100%;
    float: left;
    position: absolute;
    overflow:hidden;
    border-radius: 0px;
    padding: 0px 0px 8px 0px;
    background: rgba(12, 18, 34, 0.85);
    z-index:11;
    line-height: 30px;
    color:#fff;
    bottom: 0px;
}


.sl-news-1{
    widtH: 100%;
    float: left;
    position: relative;
    overflow:hidden;
    border-radius: 0px;
    padding: 0px 0px;
}



.sl-hd-5{
    float: right;
    position: relative;
    overflow:hidden;
    widtH: 100%;
    border-radius: 5px;
    padding: 0px 0px;
}



.sl-hd-3 img, .sl-hd-3, .sl-news-1, .sl-news-002{
	object-fit: cover;
	line-height: 0px;
	height: 260px;
	floaT: left;
}

.sl-hd-3 img, .sl-news-002{
    width: 100%;
    line-height: 0px;
    floaT: left;
}

.sl-hd-3 {
	margin-bottom: 14px;
    float: left;
    position: relative;
    overflow:hidden;
    widtH: 100%;
    border-radius: 10px;
    padding: 0px 0px;
}



.sl-hd-2 {
    float: left;
    position: relative;
    widtH: 100%;
    padding: 14px 0px;
}


.sl-hd-1 {
	z-index:0;
    float: left;
    position: relative;
    widtH: 100%;
    margin-bottom: 0px;
    background: #F4F6FD url(../images/bg-1.svg) center  no-repeat !important;
}






.van-prof-4{
	float: left;
	margin: 0px 0px 0px 0px;
	position:absolute;
	width: 11px;
height: 11px;
right: -2px;
top: 44px;
border-radius: 100px;
background: #67C03D;
border: 4px solid var(--foni-1);
}


.van-div-l{
	color:#3663DD;
	line-height: 30px;
	float: left;
	font-family:font-3;
}


.van-prof-3 img{
	width: 35px;
	height: 35px;
	border-radius: 100px;
	margin: 20px 0px 0px 0px;
	line-height: 60px;
}

.van-prof-3{
	z-index:0;
		height: 76px;
		overflow:hidden;
		line-height: 76px;
		float: left;
		margin: 0px 0px 0px 0px;
		position:relative;
}
.van-prof-2:hover {
		 -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
	color:#0097E6;
}

.van-prof-2{
		 -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
	float: left;
	font-family:font-4;
	color:#1E2F5E;
	border-lefT: 1px var(--foni-5) solid;
	padding: 0px 20px 0px 25px;
}


.van-prof-1{
	right: 0px;
	z-index:0;
	height: 60px;
	overflow:hidden;
	position: relative;
	line-height: 60px;
	float: left;
	margin: 0px 0px 0px 0px;
}


.van-div-2{
	float: left;
	color: #3663DD;
}


.van-div-3{
	height: 76px;
	overflow:hidden;
	position:relative;
	line-height: 76px;
	display: inline-block;
	float: right;
	color: #3663DD;
}




    .search-wrapper .input-holder {
        transition: all .2s ease-in-out;
    }

    .search-wrapper.active .input-holder .search-input {
        transform: translate(0,0px);
    }



.svg-menu-1 path{
    fill: #A4C4FF;
    }


.svg-menu-1 svg{
    width: 100%;
    }

.svg-menu-1 svg{
    fill: #fff;
    width: 11px;
    height: 6px;
    margin: -0px 0px 0px 3px;
    position:relative;
   top: -3px;
}


.van-div-10{
	floaT: right;
	position:relative;
}

.van-div-9{
	-webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
	position:relative;
	width: 20px;
	height: 20px;
	floaT: right;
	margin: 5px 22px 0px 0px;
	background: #273C75 url(../images/icon-4.svg) center no-repeat;
	border-radius: 100px;
}




.van-div-7{
    cursor: pointer;
    overflow:hidden;
    width: 30px;
    height: 30px;
    line-height: 30px;
    floaT: right;
    position:relative;
    margin: 24px 40px 0px 0px;
    border-radius: 100px;
    background: #375199;
    text-align: center;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
}


.van-div-8{
    margin: 0px 5px;
}




.van-div-3 button{
    floaT: right;
    background:rgb(255 255 255 / 0%);
    border:0;
}



.mobm-1{
display: none !important;
}


#cssmenu ul svg {
  fill:#fff;
}


#cssmenu ul .menu-a::before, #cssmenu ul .menu-a::after {
    width: 10px;
}


#cssmenu > ul > .home-svg-1 svg{
    width: 19px;
    height: 19px;
    margin: 10px 0px 0px -0px;
    position:relative;
    }

.van-div-1:hover .van-div-2 svg{
   fill: #fff;
    -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
}

.van-div-01.van-div-2 svg{
    -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
}

.van-div-1:hover .van-div-2{
   background: #3663DD;
   -webkit-transition: all .2s;
   -moz-transition: all .2s;
   -o-transition: all .2s;
   transition: all .2s;
}


.swore-1{
    floaT: left;
    background: rgb(238 238 238 / 0%);
    z-indeX:0;
    width: 100%;
    position:absolute;
    text-align: center;
    left: 0px;
    height: 30px;
}

.van-div-2 svg{
   fill: #3663DD;
}

.van-div-03.van-div-2{
    line-height: 36px;
}

.van-div-2{
    overflow:hidden;
    width: 32px;
    height: 32px;
    line-height: 34px;
    floaT: left;
    position:relative;
    margin: 0px 12px 0px 0px;
    border-radius: 100px;
    background: #DAE3FA;
    text-align: center;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
}


.van-div-1{
    floaT: left;
    position:relative;
    margin-top: 15px;
}









.search-wrapper .input-holder .search-icon:hover {
-webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;
}

.search-wrapper .input-holder .search-icon {
-webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;
}



.search-wrapper.search-wrap.hidden.active{
	height: 76px;
	padding: 0px 0px 0px 0px;
	margin-top: 0px;
}


.search-wrapper {
	z-indeX: 1;
	position: relative;
	top: 0px;
	right: 0px;
	}


    .search-wrapper .input-holder {
    	z-index:0;
    	overflow:hidden;
    	right: 0px;
    	height: 76px;
    	width: 40px;
    	position: absolute;
  }


    .search-wrapper.active .input-holder {
		height: 76px;
		right: 0px;
		width: 250px;
		 background: var(--foni-1);
		z-index:1;
		top: 0px;
		border-radius: 0px !important;
		}




    .search-wrapper .input-holder .search-input {
		
    	width: 0px;
    	height: 76px;
    	padding: 0 0px 0 0px;
    	opacity: 0;
    	position: absolute;
    	top: 0;
    	left: 0;
    	background: 0 0;
    	box-sizing: border-box;
    	border: none;
    	outline: none;
    	font-family: font-1;
    	font-size: 13px;
    	line-height: 20px;
    	color: #eceeff;
    }

    .search-wrapper.active .input-holder .search-input {
    	width: 300px;
    	padding: 0px 0px 0px 25px;
    	opacity: 1;
    }

    .search-wrapper.active .input-holder .search-icon {
		margin-right: 45px;
    }

    .search-wrapper .input-holder .search-icon {
		top: 23px;
    	opacity:0;
    	width: 40px;
    	height: 40px;
    	margin-top: 0px;
    	border: none;
    	border-radius: 0px;
    	padding: 0;
    	outline: none;
    	position: relative;
    	z-index: 11;
    	float: right;
    	cursor: pointer;
  }

 .search-wrapper .input-holder .search-icon:hover::before {
    background-color: #4c66ad;
	 -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
}


 .search-wrapper .input-holder .search-icon::before {
	 -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
    border-radius: 50px;
    lefT: 0px;
    width: 100%;
    height: 100%;
    bottom: 0px;
    position: absolute;
    background: rgb(63 87 151 / 0%) url(../images/icon-3.svg) center  no-repeat;
    content: "";
}

.search-wrapper.active .input-holder .search-icon::before {
		display: none;
    }


.q_search input::placeholder {
    color: #ffffff;
}

    .search-wrapper .input-holder .search-icon:hover {
    	background: var(--foni-14);
    }


    .search-wrapper .input-holder .search-icon {
         background: var(--foni-1);
    	opacity: 1;
        border-radius: 50px;
        z-index:9999;
    }

    .search-wrapper.active .input-holder .search-icon {
    	opacity: 9;
        background: url(../images/search-1.svg) center no-repeat;
        z-index:9999;
        display: none;
    }

    .search-wrapper .input-holder .search-icon span {
        width: 22px;
        height: 22px;
        display: inline-block;
        vertical-align: middle;
        position: relative;
    }

    .search-wrapper.active .input-holder .search-icon span {
		opacity: 0;
		}

    .search-wrapper .input-holder .search-icon span::before,.search-wrapper .input-holder .search-icon span::after {
        position: absolute;
        content: '';
    }

    .search-wrapper .input-holder .search-icon span::before {
        width: 4px;
        height: 14px;
        left: 22px;
        top: 8px;
        border-radius: 5px;
        transform: rotate(-85deg);
    }

    .search-wrapper .input-holder .search-icon span::after {
        width: 14px;
        height: 14px;
        left: 0;
        top: 0;
        border-radius: 16px;
    }

    .search-wrapper .close {
		opacity:0;
		position: absolute;
		z-index: 1;
		top: 28px;
		right: 16px;
		width: 20px;
		height: 20px;
		cursor: pointer;
		transform: rotate(45deg);
		}

    .search-wrapper.active .close {
		transform: rotate(45deg);
        transition: all .6s cubic-bezier(0,.105,.035,1.57);
		opacity:9;
    }

    .search-wrapper .close::before,.search-wrapper .close::after {
        position: absolute;
        content: '';
        background: #ffffff;
        border-radius: 10px;
    }

    .search-wrapper .close::before {
        width: 2px;
        height: 20px;
        left: 9px;
        top: 0;
    }

    .search-wrapper .close::after {
        width: 20px;
        height: 2px;
        left: 0;
        top: 9px;
    }


#cssmenu ul .menu-b a::before {
display: none;
}



.header-2{
    width: 100%;
    floaT: left;
    position:relative;
}

.header-4 ul li ul li a{
   border-right: 0px #ffffff solid;
   font-family: font-1 !important;
}

.header-4 ul li {
	width: 100%;
	floaT: left;
}
.header-4 ul li a{
	text-align: left;
	width: 100%;
	floaT: left;
    letter-spacing:0.4px;
    font-family: font-4 !important;
    border-right: 0px #5d95d9 solid;
    font-size: 14px;
    float: left;
    padding: 10px 15px;
    line-height: 20px;
    position:relative;
}

.header-12 a{
   color:#a5a7b2;
}

#cssmenu ul li ul li::before, #cssmenu ul li ul li::after {
display:none !important;
}


#cssmenu ul li::after {border-radius: 0px;}







.header-03.header-3 {
    position: fixed;
    top: 0px !important;
    margin-top: 0px;
    box-shadow: 0px 4px 4px rgb(0 0 0 /8%);
    z-index:9;
}

.header-3 {
    z-index: 11;
    float: left;
    position: relative;
    margin-top: 0px;
    widtH: 100%;
    background: var(--foni-1);
    line-height: 50px;
}


.logo-1 img{
    widtH: 100%;
    line-height: 0px;
    float: left;
    position: relative;
}



.logo-2 {
    line-height: 0px;
    width: 100%;
    float: left;
    position: relative;
}


.logo-1 svg {
    width: 175px;
}
    
    
.logo-1 {
    width: 100%;
    text-align: center;
    margin: 12px 0px 0px 0px;
    float: left;
    position: absolute;
    z-index:0;
}



.header-1 {
    float: left;
    position: relative;
    widtH: 100%;
    height: 60px;
    background:var(--foni-4);
    line-height: 60px;
}

.divi-slaider-bg {
    float: left;
    position: relative;
    widtH: 100%;
    color: #000;
    z-index:1;
    margin-bottom: 20px;
}


/*-- slaider --*/


.slick-next:before{
	width: 100%;
	height: 100%;
	background: url(../images/icon-6.svg) center  no-repeat;
	content: "";
	position:absolute;
	lefT: 0px;
}

.slick-prev:after{
	width: 100%;
	height: 100%;
	background: url(../images/icon-7.svg) center  no-repeat;
	content: "";
	position:absolute;
	lefT: 0px;
}


.slick-disabled.slick-prev, .slick-disabled.slick-next {
    opacity: 0.5 !important;
}


.slick-slider{overflow:hidden;position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent;}
.slick-list{border-radius: 3px;position:relative;display:block;overflow:hidden;margin:0;padding:0;}
.slick-list:focus{outline:none;}
.slick-list.dragging{cursor:pointer;cursor:hand;}
.slick-slider .slick-list{-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}
.slick-loading .slick-track{visibility:hidden;}
.slick-slide{display:none;float:left;height:100%;min-height: 0px;}
.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent;}
.slick-arrow.slick-hidden{display:none;}
.slick-prev,
.slick-next{border:none;outline:none;}
.slick-initialized .slick-slide{display:block;}
.slick-prev:after{right:0px;top:0px;}
.slick-dots{padding-bottom: 2px !important;bottom:20px;width:100% !important;position:absolute;display: none !important;padding:0;margin:0;list-style:none;text-align:center;z-index:9;}
.slick-dots .slick-active{background: #2196f3;border-radius:100px;}
.slick-next{right:15px;floaT:left;border-radius:5px;background: rgb(0 0 0 / 70%);font-size:0px !important;z-index:1;line-height:40px;position:absolute;display:block !important;width: 40px;height: 40px;padding:0;cursor:pointer;}
.shefi-8 .slick-prev:hover{transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;box-shadow:0px 2px 5px 0px #0000001f;}
.slick-prev,.slick-next{top: 40% !important;}
.slick-prev{background:rgb(0 0 0 / 60%);lefT: 15px;floaT:left;border-radius:5px;font-size:0px !important;z-index: 1;line-height:50px;position:absolute;display:block !important;width: 40px;height: 40px;padding:0;cursor:pointer;}
.slick-dots li{display: none !important;background: #ffffff;border-radius:10px;position:relative;display:inline-block;width:15px;height:15px;margin:0 9px;padding:0;cursor:pointer;}
.slick-dots li button{font-size:0;line-height:0;display:block;width:10px;height:10px;padding:5px;cursor:pointer;color:transparent;border:0;outline:none;background:transparent;}
/*-- slaider --*/
}





@media (min-width:560px) and (max-width:750px){

.sidebari .sl-hd-8 :nth-child(9){display:none;}

.sruli-26{
	border-radius: 0px 0px 5px 5px !important;
}

.darken  .li-left-4{
	color:#f0f1f3;
}

body.darken .di-left-6 div li .li-left-2{
  background: var(--foni-3) !important;
}


body .di-left-6 div li .li-left-2{
  background: var(--foni-4) !important;
}

.di-left-5::-webkit-scrollbar-track{background:#2f5399;}
.di-left-5::-webkit-scrollbar-thumb{background:#5676c7;}
.di-left-5::-webkit-scrollbar{width:4px;}

.darken .di-left-5::-webkit-scrollbar-track{background:#373f4e;}
.darken .di-left-5::-webkit-scrollbar-thumb{background:#575e70;}
.darken .di-left-5::-webkit-scrollbar{width:4px;}

.h1-1 .abc-10 li:nth-child(7){display:none;}

.moi-4{
display:none !important;
}


.outer-menu .menu > div::-webkit-scrollbar-track{background:#373f4e;}
.outer-menu .menu > div::-webkit-scrollbar-thumb{background:#575e70;}
.outer-menu .menu > div::-webkit-scrollbar{width:4px;}


#cssmenu ul li ul li a{ 
font-family: font-4 !important;  
-webkit-transition: all .1s;-moz-transition: all .1s;-o-transition: all .1s;transition: all .1s; 
display: inline-block;
font-size: 15px;
opacity: 1; 
font-family:font-2;font-weight:400;
text-transform:none;letter-spacing:0;display:block;
width: 100%;
padding: 10px 15px;
}


#cssmenu{width: 100%;margin-right: 0px;floaT: left;padding:0;line-height:1;display:block;position:relative;font-family:font-1;box-sizing:content-box;}


#cssmenu ul li{  display:block;position:relative;}
#cssmenu ul li a{ color: #fff;  text-decoration:none;display:block;margin:0;-webkit-transition:color .1s ease;-moz-transition:color .1s ease;-ms-transition:color .1s ease;-o-transition:color .1s ease;transition:color .1s ease;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}



#cssmenu.align-right ul li ul li.has-sub:after{right:auto;left:15px;}
#cssmenu.align-right ul li ul li.has-sub:before{right:auto;left:15px;border-left-color:transparent;border-right-color:#fff;}



#cssmenu ul li ul li:hover > a, #cssmenu ul li ul li.active > a{ -webkit-transition: all .1s;-moz-transition: all .1s;-o-transition: all .1s;transition: all .1s;  color: #FC427B; !important;background: rgb(45 48 62 / 3%);}
#cssmenu ul li ul li:hover:after,
#cssmenu ul li ul li.active:after{background:#2196f3;}
#cssmenu ul li ul li:hover > ul{  background: #191a21;border-top: 0px solid #191a21;border-bottom: 0px solid #191a21;border-left: 0px solid #eee;border-right: 0px solid #eee;left:100%;top: 0px;}
#cssmenu ul li ul li:hover > ul > li{max-height:72px;position:relative;}
#cssmenu > ul > li{ width: 100%; float:left;}
#cssmenu.align-center > ul > li{float:none;display:inline-block;}
#cssmenu.align-center > ul{text-align:center;font-size:0;}
#cssmenu.align-center ul ul{text-align:left;}
#cssmenu.align-right > ul{float:right;}
#cssmenu.align-right > ul > li:hover > ul{left:auto;right:0;}
#cssmenu.align-right ul ul li:hover > ul{right:100%;left:auto;}
#cssmenu.align-right ul ul li a{text-align:right;}
#cssmenu > ul > li:hover > a,
#cssmenu > ul > li.active > a{color: #FC427B;position:relative;z-index:9999;cursor:pointer;-webkit-transition: all .3s;-moz-transition: all .3s;-o-transition: all .3s;transition: all .3s;}
#cssmenu > ul > .menu-a a{color: #FC427B;}
#cssmenu > ul > li > a,
#cssmenu > ul > li.active > a{
    color:#fff;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;

}

.darken #cssmenu > ul > li > ul{
	background: #282e3a !important;
}

#cssmenu ul  ul   {
	width: 100%;
	floaT: left;
	padding: 0px 0px 0px 0px;
	text-align: center;
}

#cssmenu ul  ul {
	border-bottom: 0px #323a48 solid;
	width: 100%;
	floaT: left;
	text-align: center;
	margin-bottom: -6px;
}


#cssmenu ul  ul li  {
	border-bottom: 1px #323a48 solid;
	width: 100%;
	floaT: left;
	text-align: center;
}

#cssmenu ul li  {
	border-bottom: 1px #323a48 solid;
	width: 100%;
	floaT: left;
	text-align: center;
}

.outer-menu {
	floaT: left;
	width: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 999;
}
.outer-menu .checkbox-toggle {
	position: absolute;
	top: 22px;
	floaT: left;
	left: 53px;
	z-index: 2;
	cursor: pointer;
	width: 37px;
	height: 35px;
	opacity: 0;
}
.outer-menu .checkbox-toggle:checked + .hamburger > div {
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
}

.outer-menu .checkbox-toggle:checked + .hamburger > div {
    background: #ffffff;
}

.outer-menu .checkbox-toggle:checked + .hamburger > div:after,
.outer-menu .checkbox-toggle:checked + .hamburger > div:before {
    top: 0;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}
.outer-menu .checkbox-toggle:checked + .hamburger > div:after {
    opacity: 0;
}
.outer-menu .checkbox-toggle:checked ~ .menu {
    pointer-events: auto;
    visibility: visible;
    lefT: 0px;

}

.outer-menu .checkbox-toggle .menu {
    pointer-events: auto;
    visibility: visible;
    lefT: -300px;
}

.outer-menu .checkbox-toggle:checked ~ .menu > div {
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
	border-radius: 0px !important;
	right: 0px;
}

.outer-menu .menu div {
	-webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s; 
}

.outer-menu .checkbox-toggle:checked ~ .menu > div > div {
   lefT: 300px !important;
   opacity: 9;
   top: 0px;

}

.outer-menu .checkbox-toggle:hover + .hamburger {
    box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.1);
}
.outer-menu .checkbox-toggle:checked:hover + .hamburger > div {
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg);
}
.outer-menu .hamburger {
    position: absolute;
    top: 17px;
    left: 50px;
    z-index: 1;
    width: 30px;
    height: 40px;
    padding: 0.0em 6px;
    background: 0 0;
    box-shadow: none !important;
    border-radius: 0 0.12em 0.12em 0;
    cursor: pointer;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}
.outer-menu .hamburger > div {
    position: relative;
    -webkit-box-flex: 0;
    flex: none;
    width: 100%;
    height: 3px;
    background: #0097E6;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}
.outer-menu .hamburger > div:after,
.outer-menu .hamburger > div:before {
    content: "";
    position: absolute;
    z-index: 1;
    top: -10px;
    left: 0;
    width: 100%;
    height: 3px;
    background: inherit;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.outer-menu .hamburger > div:after {
    top: 10px;
}


.outer-menu .menu::before{
	width:100%;
	height: 100%;
	margin:0px 0px 0px 0px;
	position:fixed;
	floaT:left;
	background:rgb(18 21 26 / 96%);
	content:"";
	top: 0px;
	right: 0px;
}

.outer-menu .menu {
		-webkit-transition: opacity 0.4s ease 0.4s;
	transition: opacity 0.4s ease 0.4s;
	position: fixed;top: 0;left: -300px;width: 300px;height: 100%;pointer-events: none;visibility: hidden;overflow: hidden;-webkit-backface-visibility: hidden;backface-visibility: hidden;outline: 1px solid transparent;display: -webkit-box;display: flex;-webkit-box-align: center;align-items: center;-webkit-box-pack: center;justify-content: center;}

.outer-menu .menu > div {
	position:fixed;
	top: 0px;
	floaT: left;
	right: -300px;
	width: 300px;
	height: 100%;
	color: #fefefe;
	background: #282e3a;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	overflow-y: auto;
	display: -webkit-box;
	/* display: flex; */
	/* -webkit-box-align: center; */
	/* align-items: center; */
	/* -webkit-box-pack: center; */
	/* justify-content: center; */
}
.outer-menu .menu > div > div {
	lefT: 0px !important;
    text-align: center;
    max-width: 300px;
    opacity: 0;

}
.outer-menu .menu > div > div > ul {
    list-style: none;
    padding: 0 1em;
    margin: 0;
    display: block;
    max-height: 100vh;
}
.outer-menu .menu > div > div > ul > li {
    padding: 0;
    margin: 1em;
    font-size: 24px;
    display: block;
}
.outer-menu .menu > div > div > ul > li > a {
    position: relative;
    display: inline;
    cursor: pointer;
    -webkit-transition: color 0.4s ease;
    transition: color 0.4s ease;
    font-family: Mbold;
    color: #fff;
    font-size: 16px;
}
.outer-menu .menu > div > div > ul > li.host {
    margin-top: 40px;
}
.outer-menu .menu > div > div > ul > li > a:hover {
    color: #e5e5e5;
}
.outer-menu .menu > div > div > ul > li > a:hover:after {
    width: 100%;
}
.outer-menu .menu > div > div > ul > li > a:after {
    content: "";
    position: absolute;
    z-index: 1;
    bottom: -5px;
    left: 0;
    width: 0;
    height: 2px;
    background: #fed501;
    -webkit-transition: width 0.4s ease;
    transition: width 0.4s ease;
}



.abc-mov-5{
	width: 100%;
	floaT: left;
	position:relative;
	overflow:hidden;
}

.logo-2 h1{
	display: none;
}

.ms-sl-1 .tvicon-1 .abc-icon-6.abc-icon-1 {
    background: url(../images/mp4.svg) center no-repeat;
	background-size: 18px;
    margin: 13px 7px 0px -4px;
}

.ms-sl-1 .sl-hd-11{
	margin: 0px 5px 20px 5px;
}

.ms-sl-1.sidebari-7 .sl-tv-1{
   padding: 0px 0px 2px 0px;
}


.ms-sl-1 .sl-hd-11, .ms-sl-1 .sl-hd-11 img{
	width: 90px;
	height: 90px;
}


.ms-sl-1 .sl-hd-11{
   margin-top: 70px;
	   padding: 0px 0px 0px 0px;
}

.ms-sl-1.sidebari-7{
   margin: 0px 0px 20px 0px;
}




.qq-uploader .btn{
	width: 200px !important;
	text-align: center;
}


.qq-uploader .btn{
	height: 37px;
	font-size: 14px;
	font-family:font-1;
	font-weight: 600;
	letter-spacing: -0.2px;
}



#f-prc-1 li a:hover{
	color:#FF2D46;
	-webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
}


#f-prc-1 li {
	line-height: 10px;
	width: 100%;
	float: left;
}

#f-prc-1 li a {
	color:#8989a5;
	font-size: 14px;
	font-family:font-1;
	margin: 0px 0px 20px 0px;
}

#f-prc-1 {
	position:relative;
	width: 100%;
	float: left;
	margin: 2px 0px 0px 0px;
	padding-bottom: 8px;
	padding-top: 3px;
}

.zari-pr-3{
	margin-bottom: 20px;
}


.a-autor-7{
	width: 100%;
	floaT: left;
	height: 100%;
	left: 0px;
	top: 0px;
	position:absolute;
}


.a-autor-6{
	position:relative;
}


.a-autor-2 a:hover{
	color: #0097E6;
}

.a-autor-5 a{
	color: #44537e;
}

.a-autor-4{
	color: #273c75;
	font-size:14px;
	font-family:font-3;
}


.a-autor-5{
	letter-spacing: -0.4px;
	z-index:99;
	position:relative;
	width: 100%;
	float: left;
	margin: 0px 0px 0px 0px;
	font-family:font-1;
	font-size:15px;
}
.a-autor-3 a{
	color: #273c75;
	   font-weight: 600;
}

.a-autor-3{
	   font-weight: 700;
	color: #273c75;
	font-size:14px;
	z-index:99;
	position:relative;
	width: 100%;
	float: left;
	margin: 20px 0px 3px 0px;
	font-family:font-3;
	
}

.a-autor-2{
	color: #273c75;
	font-size:15px;
	z-index:99;
	position:relative;
	width: calc(100% - 97px);
	float: right;
	margin: 0 0 0 0px;
	    font-weight: 700;
}

.a-autor-1, .a-autor-1 img{
	width:80px;
	height:80px;
	floaT: left;
	border-radius: 100px;
}




.musig .n-fil.mov-ne-1, .musig .n-fil .mov-ne-8 img, .musig .n-fil .mov-ne-7, .musig .n-fil .mov-ne-4{height: 170px;}

.musig .mov-ne-7 {
    line-height: 16px;
    font-size: 12px;
}


.musig .n-fil.mov-ne-1{
	width: 170px;
}

.musig .abc-mov-4 {
    background: url(../images/mmusic.svg) center no-repeat;
}

.musig.abc-mov-1{
   margin-bottom: 20px;
}



.c-v.c-vidi-001 {
	color:#a5a0a0;
	letter-spacing: -0.3px;
    line-height: 20px;
    margin: 15px 0px 0px 15px;
    padding: 7px 15px;
    font-size: 12px;
}


.abc-mov-3{
	floaT: left;
}


.kino-tab-enn{
	width: 25px;
	margin: 1px 0px -4px 0px;
}


.mus.rec .tvicon-1 .abc-icon-6.abc-icon-1 {
    background: url(../images/mp4.svg) center no-repeat;
	background-size: 18px;
    margin: 12px 7px 0px -1px;
}


.mus.rec  .sl-tv-7:hover .sl-tv-11 h2{
   color:#0097E6;
}


.mus.rec .sl-tv-13{
   background: var(--foni-16) !important;
   color:#fff;
}

.msms.mus.rec .sl-tv-10 h2{
   width: 100%;
   padding: 22px 0px 20px 0px;
}

.mus.rec.sl-tv-1{
   background: var(--foni-15) url(../images/bg-2.svg) center  no-repeat !important;
}



.abc-top{
	z-index:0;
}

.rec .sl-tv-11{
   margin: 0px 20px;
}


.rec .sl-tv-13{
   background: var(--foni-12) url(../images/bg-2.svg) center  no-repeat !important;
   color:#fff;
}


.rec.sl-tv-1{
	background: var(--foni-4) !important;
}

.rec  .sl-tv-13{
height: 190px;
}

.rec .sl-tv-10 h2{
   width: 100%;
   padding: 22px 0px;
   font-size: 13px;
   font-family: font-1;
   letter-spacing: -0.2px;
   margin: 0px;
   line-height: 16px;
   position:relative;
   floaT: left;
   overflow:hidden;
   color:#ffffff;
}


.rec .sl-tv-10{
   width: 100%;
   height: auto;
   line-height: 20px;
   border-top: 0px #334063 solid;
	position:absolute;
	bottom: 0px;
}


.rec .sl-tv-7{
	width: 277px;
}


.rec  .sl-tv-7:hover .sl-tv-11 h2{
   color:#8BC55E;
}

.rec .sl-tv-9{
	margin-top: 10px;
	width: 85px;
	height: 85px;
}

.rec .sl-tv-8 img{
	width: 85px;
	height: 85px;
	border-radius: 100px;
	object-fit: cover;
}


.rec .tvicon-1 .abc-icon-6.abc-icon-1 {
    background: url(../images/icon-19.svg) center no-repeat;
    margin: 12px 7px 0px -1px;
}



.n-fil .mov-ne-3 img{
	width: 20px;
}


.n-fil.mov-ne-1, .n-fil .mov-ne-8 img, .n-fil .mov-ne-7, .n-fil .mov-ne-4{height: 170px;}

.n-fil.mov-ne-1, .mov-ne-1{
	width: 170px;
}






.mp3 .sl-hd-12 {
    background: rgb(252 66 123 / 90%) url(../images/mp4.svg) center no-repeat;
	background-size: 25px;
    border-radius: 50%;
}

.musge-5{
	color: #ffffff;
}


.musge-3 a{
	color:#fff;
}

.musge-3 a:hover{
	background:#ff5d8f;
	-webkit-transition: .3s ease-in-out; transition: .3s ease-in-out;
}

.musge-3 a{
	-webkit-transition: .3s ease-in-out; transition: .3s ease-in-out;
	floaT: left;
	background:#FC427B;
	padding: 0px 20px;
	height: 45px;
	border-radius: 5px;
	line-height: 45px;
	font-family: font-4;
}

.musge-4{
	background: #0097E6;
	floaT: right;
	color:#fff;
	padding: 0px 20px;
	height: 45px;
	border-radius: 5px;
	line-height: 45px;
	font-family: font-3;
	font-size: 14px;
}

.musge-2 {
	padding: 0px 10px;
}

.musge-1 {
    width: 100%;
    floaT: left;
    position: relative;
	margin: 20px 0px 0px 0px;
	border: 1px solid var(--foni-23);
	-webkit-transition: border 0.2s linear 0s; transition: border 0.2s linear 0s;
	-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
	border-radius: 5px;
	padding: 10px 0px;
}

/*-- music--*/

.num-id-1 {
	letter-spacing: -0.3px;
    float: left;
    position: absolute;
    overflow:hidden;
    background: rgba(12, 18, 34, 0.70);
    z-index:11;
    line-height: 20px;
    color:#fff;
    margin: 15px 0px 0px 15px;
    padding: 4px 10px;
    font-size: 13px;
    border-radius: 100px;
    font-family: font-1;
}

.abc-msx-1 .abc-mov-2{
   border-bottom: 1px var(--foni-3) solid;
   background: var(--foni-4);
   color:#2D3743;
}

.abc-msx-1.abc-mov-1{
   background: var(--foni-4);
}



.mus.h-z-1.sl-tv-1{
	height: 257px;
}


.kut-1 .mov-ne-1, .kut-1 .mov-ne-8 img, .kut-1 .mov-ne-7, .kut-1 .mov-ne-4, .kut-1 .mov-ne-5{
border-radius: 5px !important;
}



.cat-user-bg-09 b {
	 font-weight: 600;
    font-family: font-2 !important;
	color:#23335c !important;
	letter-spacing: -0.05em;
}


.cat-user-bg-09 {
	
	color:#475b8d !important;
	 font-weight: 600;
    font-family: font-1 !important;
	
}


.vid-fotbal-1 .cat-user-bg-6{width: calc(100% - 165px);}

.vid-fotbal-1 .cat-user-bg-3, .vid-fotbal-1.cat-user-bg-5, .vid-fotbal-1 .cat-user-bg-5 img{width:140px;height:140px;}

.vid-fotbal-1 img {
    -webkit-transform: scale(0.7);
    -ms-transform: scale(0.7);
    transform: scale(0.7);
    -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s;
}

.vid-fotbal-1 .cat-user-bg-3{
	border: 1px var(--foni-3) solid;
}

.vid-fotbal-1 .cat-user-bg-9{
	display: none;
}



.tvicon-1 .abc-icon-6.abc-icon-1 {
    background: url(../images/icon-14.svg) center no-repeat;
    margin: 13px 7px 0px -4px;
}

.cat-user-bg-1{
	z-indeX:0;
}


.container {
	font-family:font-01;
}


.s-ss.sl-hd-11 .sl-hd-12{
    -webkit-transform: translate(-50%, -50%) scale(1);
    -ms-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(0.85);
    opacity: 1;
}


.abc-color-2 .kut-c-vidi-flay{
    background: rgb(183 90 255 / 60%) url(../images/icon-24.svg) center no-repeat;
}


.kut-c-vidi-flay{
    position: absolute;
    right: 15px;
    top: 15px;
    opacity: 9;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 70px;
    background: rgb(0 0 0 / 60%) url(../images/icon-24.svg) center no-repeat;
    box-shadow: 0px 0px 0px 0px rgb(0 0 0 / 0%);
    border-radius: 7px;
    z-index:1;
}



.sruli-20{
	font-size: 0px;
}


.video-container {
    width: 100%;
    floaT: left;
    position: relative;
}

.div-full-4  {
    width: 100%;
    floaT: left;
    position: relative;
}




.div-video-iframe-03{
	width: 100%;
	position:relative;
	floaT: left;
	margin-bottom: 20px;
}

.video_reclam {
    width: 100%;
    height: 100%;
    background: #273C75;
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1;
}
.video_reclam .start_video svg {
    cursor: pointer;
}
.video_reclam video {
    margin-top: 9px;
    max-width: 100%;
    max-height: 100%;
}
.video_reclam .start_video {
        cursor: pointer;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    background: rgb(8 13 43 / 10%) url(../images/video-play-button.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 15%;
}
.video_reclam button {
    position: absolute;
    bottom: 20px;
    right: 20px;
    padding: 15px;
    border: none;
    color: #ffffff;
    border-radius: 5px;
    cursor: pointer;
    font-family: font-1;
    background-color: #273C75;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    display: none;
    z-index: 1;
}





.notic-1{
	width: 100%;
	floaT: left;
	margin-bottom: 20px;
}


.liv-div-07 img{
    width: 55px;
}



.liv-div-07{
    position: absolute;
    top: 41%;
    left: 0;
    width: 100%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 2;
}


.liv-div-7{
	width: 100%;
	floaT: left;
	text-align: center;
}

.liv-div-3 .liv-div-6{
	font-family: font-2;
	top: 10px;
	left: 10px;
	floaT: left;
	position: absolute;
	color:var(--foni-19);
	font-size: 13px;
	background:#ffffff;
	padding: 2px 8px 1px 8px;
	border-radius: 100px;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}

.liv-div-3:hover .liv-div-6{color:#ffffff;background: #0097E6;-webkit-transition: all .3s;-moz-transition: all .3s;-o-transition: all .3s;transition: all .3s;}


.liv-div-9{
	font-size: 13px;
font-family: font-1;
letter-spacing: -0.2px;
margin: 0px 5px;
}

.liv-div-8{
	width: 100%;
	height: 43px;
	line-height: 43px;
	text-align: center;
	font-family: font-1;
	bottom: 0px;
	floaT: left;
	position: absolute;
	border-top: 1px var(--foni-3) solid;
	color:var(--foni-19);
	font-size: 14px;
}



.liv-div-2{
    margin: 0px -5px;
	width: 102%;
	floaT: left;
}


.liv-div-1{
	width: 100%;
	floaT: left;
	overflow:hidden;
	position:relative;
}

.liv-div-3:hover  span{
            animation: animate  1s linear infinite;
        }
  
        @keyframes animate {
            0% {
                opacity: 0;
            }
  
            50% {
                opacity: 1;
            }
  
            100% {
                opacity: 0;
            }
        }




.liv-div-3 .liv-div-9{
    -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;
}

.liv-div-3:hover .liv-div-9{
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    color: #0097E6;
}


.liv-div-3 img {
    -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;
}

.liv-div-3:hover img {
    -moz-transform: scale(1.07);
    -webkit-transform: scale(1.07);
    -o-transform: scale(1.07);
    -ms-transform: scale(1.07);
    transform: scale(1.07);
    -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;
}

.liv-div-3:hover .liv-div-8{
	-webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;
}

.liv-div-3:hover{
	-webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;
}

.k-katalog-1{width:260px;}

.liv-div-3{width:260px;}

.liv-div-3{
	width:170.3px;
	height: 170px;
	floaT: left;
	position:relative;
	margin: 0px 7px 14px 7px;
	background: var(--foni-4);
	border-radius: 5px;
	-webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;
}





.tab_container{
	width: 100%;
	float: left;
	position:relative;
	margin: 0px 0px -20px 0px;
}


.tabs li {
    display: inline-block;
    cursor: pointer;
    text-transform: uppercase;
    font-weight: 500;
    -webkit-user-select: none;
    color: #2b2c32;
    opacity: 0.7;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
}

.tabs .active {
    color: #ffffff;
    opacity: 9;
    background: #0097E6;
}

.tabs{width: 100%;floaT: left;position:relative;overflow:hidden;font-family: 'font-4';background:var(--foni-4);border-radius: 5px;}
.tabs li{ border-right: 1px var(--foni-2) solid; float: left;position:relative;display:inline-block;padding: 15px 18px;cursor:pointer;text-transform:uppercase;font-weight:500;-webkit-user-select:none;}
.tabs li:hover{/* color: #ffffff; */opacity: 9;transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;}





.di-left-7 ul li a{
-webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;
}


.di-left-7 ul li:hover a{color: #4290fc;-webkit-transition: all .3s;-moz-transition: all .3s;-o-transition: all .3s;transition: all .3s;}

.di-left-7 ul li .li-left-2 {
box-shadow: 0px 0px 0px 2px rgb(33 150 243 / 0%);
-webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;
}



.di-left-7 ul::-webkit-scrollbar-track{ background: var(--foni-20); border-radius: 100px;position:relative; overflow:hidden;}
.di-left-7 ul::-webkit-scrollbar-thumb{ background: var(--foni-14); border-radius: 100px;position:relative; overflow:hidden;}
.di-left-7 ul::-webkit-scrollbar{ height:5px; border-radius: 100px;position:relative; overflow:hidden;}



.darken .di-left-7 ul::-webkit-scrollbar-track{background:#191c26; border-radius: 100px;position:relative; overflow:hidden;}
.darken .di-left-7 ul::-webkit-scrollbar-thumb{ background:#333c52;  border-radius: 100px;position:relative; overflow:hidden;}
.darken .di-left-7 ul::-webkit-scrollbar{ height:5px; border-radius: 100px;position:relative; overflow:hidden;}


.di-left-7 ul{
	width:100%;
    display: flex;
    will-change: transform;
    overflow: auto scroll;
    overflow-y: hidden;
    overflow-x: auto;
}

.di-left-7 ul{
    font-size: 15px;
    line-height: 20px;
    margin-bottom: 10px;
}



.li-left-2 img{
    width: 60px;
    margin-top: 20px;
}


.li-left-2 {
    width: 150px;
    height: 140px;
    line-height: 36px;
    text-align: center;
    float: left;
    position: relative;
    margin: 2px 8px 0px 2px;
    background: var(--foni-4);
    border-radius: 7px;
}

.resip-1{
	display: none !important;
}


.li-left-4{
	color:#273c75;
	width: 100%;
	floaT: left;
	margin: 0px 0px 0px 2px;
	text-align: center;
	position:absolute;
	bottom: 15px;
	line-height: 17px;
	font-size: 13px;
	font-family: font-2;
}

.di-left-7 ul li:hover .li-left-4 {
color: #FF2D46;
-webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;
}

.li-left-1{
	margin: 0px 10px 0px 0px;
	width: 150px;
	height: 140px;
	float: left;
	position: relative;
	color:#fff;
	font-family: font-3;
	font-size: 15px;
	line-height: 30px;
	margin-bottom: 14px;
}







.div-left-4 {
	font-weight:100 !important;
    float: left;
    position: relative;
    width: 21px;
    height: 21px;
    background: url(../images/icon-16.svg) center no-repeat;
    margin: 15px 5px 0px 0px;
}


.di-left-5 a{
    color:#fff;
}

.di-left-6 {margin: 12px 12px 0px 10px;}


.di-left-5 {
    width: 100%;
    float: left;
    position: relative;
    color:#fff;
    font-family: font-1;
    font-size: 15px;
}



.di-left-3 {
padding: 0px 14px;
}

.di-left-2 {
    width: 100%;
    height: 50px;
    line-height: 51px;
    float: left;
    position: relative;
    overflow:hidden;
    background: var(--foni-20);
    color:#fff;
    font-family: font-4;
    font-size: 15px;
}


.di-left-1 {
	margin-bottom: 15px;
	width: 100%;
	float: left;
	position: relative;
	overflow:hidden;
	background: var(--foni-13);
	border-radius: 5px;
}


.di-right-1 {
	line-height: 0px;
	width: 100%;
	float: left;
	position: relative;
	overflow:hidden;
	border-radius: 5px;
}



.di-home-2 {
   margin: 0px 14px;
}

.tvs-1 .di-home-1 {
	margin-left: 10px;
}

.di-home-1 {
	margin-top: 0px;
    widtH: 100%;
    padding: 14px 0px;
    float: left;
    position: relative;
    overflow:hidden;
    background:var(--foni-4);
    border-radius: 5px;
    margin-bottom: 14px;
}


.cat-user-bg-09 b {
	margin-bottom: 5px;
	color: #23335c;
    line-height: 10px !important;
    font-size: 15px;
    width: 100%;
    floaT: left;
    font-family: font-3 !important;
}



.cat-user-bg-09 {
	color: #23335c;
    line-height: 15px;
    font-size: 13px;
    font-family: font-1;
}


.cat-user-bg-9 {
	font-family: font-3;
    z-index: 1;
    position: absolute;
    float: left;
    width: 100%;
    font-size: 11.5px;
    background: rgb(39 60 117 / 90%);
    padding: 14px 0;
    color: #fff;
    text-align: center;
    bottom: -56px;
    border-radius: 10px;
}

.cat-user-bg-6{font-size:15px;z-index:99;position:relative;width: calc(100% - 150px);float: right;margin: 0px 0px 15px 0px;;font-family:font-1;}


.cat-user-bg-8 {
	color: #273C75;
    position: relative;
    width: 100%;
    float: left;
    margin: 5px 0px 10px 0px;
    font-family: font-1;
    font-weight: 700;
    font-size: 15px;
    padding: 0 0 15px;
    border-bottom: 1px var(--foni-3) solid;
}

.cat-user-bg-3,.cat-user-bg-5,.cat-user-bg-5 img{position:relative;float:left;border-radius:10px;margin:0 0px 0px 0;/* overflow:hidden; */object-fit:cover;}
.cat-user-bg-3,.cat-user-bg-5,.cat-user-bg-5 img{width:130px;height:170px;}
.cat-user-bg-2{padding:3%}
.cat-user-bg-1{width:100%;position:relative;float:left;background:var(--foni-4);border-radius:10px;overflow:hidden; margin-top: 20px;  padding-bottom: 3%; }





.m-1 img {
   -webkit-transition: all .4s; -moz-transition: all .4s; -o-transition: all .4s; transition: all .4s;
}

.m-1:hover img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition: all .4s; -moz-transition: all .4s; -o-transition: all .4s; transition: all .4s;
}




.msaxio-6.slick-initialized .slick-slide{
	floaT: left;
}

.msaxio-6 .slick-next{
	background:#FC427B
}

.msaxio-6 .slick-prev, .msaxio-6 .slick-next{
	border-radius: 100px !important;
}


.msaxio-6 .slick-prev, .msaxio-6 .slick-next{top: 36% !important;}


.msaxio-6 img{float: left;width: 100%;object-fit: cover;border-radius: 100px;}

.m-1, .m-1 img{
height: 140px !important;
border-radius: 500px;
}

.m-1{
	float: left;
	position:relative;
	overflow:hidden;
	border-radius: 100px;
	margin: 0px 10px 0px 10px;
}


.msaxio-5{
	margin: 0px 10px;
}


.msaxio-4{
	width: 100%;
	height: 160px;
	position:relative;
	floaT: left;
	margin: 0px 0px 0px 0px;
}



.msaxio-3{
	margin: 0px 20px;
}


.msaxio-2{
	width: 100%;
	line-height: 54px;
	height: 54px;
	font-family: font-4;
	floaT: left;
	margin-bottom: 20px;
	border-bottom: 1px var(--foni-23) solid;
	text-align: left;
	color: #76808B;
	font-size: 15px;
}

.msaxio-1{
	width: 100%;
	float: left;
	position:relative;
	overflow:hidden;
	padding: 0px 0px 0px 0px;
	border-radius: 10px;
	box-shadow: inset 0px 0px 0px 1px var(--foni-23);
	font-weight: 600;
	font-size: 14px;
	color:#76808B;
	margin: 20px 0px 0px 0px;
}



.kino-tab-2 img{
	width: 16px;
	margin: 4px 3px -5px 0px;
	display: inline-block;
}



.kino-tab-1 li a:hover {
    text-decoration: none;
    text-decoration: underline;
}

.kino-tab-1 li a{
	color:#FC427B;
}


.kino-tab-1 li{
	width: 100%;
	float: left;
	position:relative;
	padding: 15px 0px;
	box-shadow: inset 0px 1px 0px 0px var(--foni-23);
	font-family: font-2;
	font-weight: 600;
	font-size: 14px;
	color:#FC427B;
}


.kino-tab-2{
	position:relative;
	font-family: font-1;
	font-weight: 600;
	font-size: 14px;
	color:#515A64;
	margin: 0px 1px 0px 20px;
}


.kino-tab-1{
	width: 100%;
	float: left;
	position:relative;
	overflow:hidden;
	padding: 0px 0px 0px 0px;
	border-radius: 10px;
	box-shadow: inset 0px 0px 0px 1px var(--foni-23);
	font-weight: 600;
	font-size: 14px;
	color:#76808B;
	margin: 20px 0px 0px 0px;
}




body div select option{
	color: #41599B;
    padding: 0 10px;
}

body div .vk_multifilm select option{
    background: #F4F6FD !important;
}

body .vk_multifilm select {
	cursor: pointer;
	margin: 0px 0px 20px 0px;
	height: 45px !important;
	border: 10px solid !important;
	box-shadow: 0px 0px 0px 1px var(--foni-21);
	border: 10px solid var(--foni-21) !important;
	background: var(--foni-21) !important;
	border-radius: 5px;
	padding: 0px 0px;
	font-family: font-2;
	font-size: 14px !important;
	font-weight: 100;
	letter-spacing: 0.5px;
	color: #444;
	} 


.vk_multifilm{
	width: 100%;
	position:relative;
	floaT: left;
	border-radius: 5px;
	margin-bottom: 0px;
}



.video-container iframe{
	width: 100%;
}
.video-container, .video-container iframe{
	height: 282px;
}


.video-container{
	width: 100%;
	position:relative;
	floaT: left;
	overflow:hidden;
	border-radius: 5px;
}




.baner-1 img{
	border-radius: 5px;
}


.rate-l-2{
	floaT: right;
	margin: 0px 0px 0px 7px;
}



.rate-l-1{
	margin: 0px 7px 0px 0px;
	floaT: left;
}


.rate .rate-l-1:hover path{ fill: #88c54d; }
.rate .rate-l-2:hover path{ fill: #e45757; }

.rate_like-dislike .ratingplus { color: #88c54d; }
.rate_like-dislike .ratingminus { color: #e45757; }


.rate { display: inline-block; float: left; }




#cssmenu ul li ul .menu-aa a{
	color: #FC427B !important;
}
.valuti-1 .list{
	font-family: font-2;
}

.bn-1 .box_in { padding: 4% 5% 2% 5%; }


.k-kat-02{
	padding: 0px 20px;
	position:relative;
	display: inline-block;
}


.box_in #CCStyleWhiteBG .flag {
	padding-left:0px;
	margin: 1px 5px 0px 0px;
}



body .valuti-2 #lari_ge_cb_9132881 input{ 
width: calc(100% - 145px) !important; 
height: 30px;
padding: 0px 5px !important;
}


.valuti-1  #CCStyleWhiteBG .currency{
    text-align: center !important;
    font-size: 13px;
    font-family:font-3;
}


.valuti-1 #CCStyleWhiteBG .ad {
display: none !important;
}



.valuti-1 #CCStyleWhiteBG .list {
    font-size: 12px;
    text-align: left;
    padding-top: 15px;
    padding-bottom: 15px;
    clear: both;
    height: 20px;
    cursor: pointer;
    border-bottom: 1px #ddd solid;
}

.valuti-1 #CCStyleWhiteBG{
    width: 100% !important;
        padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
}



.bb-valuta-6{margin:0px 0px 0px 0px;float:left;width:100%;height:100%;position:absolute;overflow:hidden;z-index:1;lefT:0px;}


.titlee.title{
        margin: -10px 0px 10px 0px !important;
        font-size: 20px;
    }

.box-5 b{
	font-family:font-4;
}

.box-5{
	margin: 17px 20px;
}



.valuti-2 a{
    font-size: 0px !important;
}


body .valuti-2 #lari_ge_cb_9132881 input{ 
width: calc(100% - 145px) !important; 
height: 30px;
padding: 0px 8px !important;
}


.valuti-1  #CCStyleWhiteBG .currency{
    text-align: center !important;
    font-size: 13px;
    font-family:font-2;
}


.valuti-1 #CCStyleWhiteBG .ad {
display: none !important;
}


.valuti-1 #CCStyleWhiteBG .title {
  color: #0097E6;
  font-size: 15px;
  font-family:font-3;
  text-align: left !important;
  border-bottom: 0px solid #EBEBEB;
  margin: 5px 0px -4px 0px;
}

.valuti-1 #CCStyleWhiteBG .list {
    font-size: 12px;
    text-align: left;
    padding-top: 10px;
    padding-bottom: 15px;
    clear: both;
    height: 20px !important;
    cursor: pointer;
    border-bottom: 1px #ddd solid !important;
}

.valuti-1 #CCStyleWhiteBG{
    width: 100% !important;
        padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
}



.box_in h1{
  line-height: 20px;
  width: 100%;
  floaT: left;
  font-family: font-1;
    font-size: 18px !important;
  margin: 0px 0px 5px 0px;
}





.container img{
    text-align: center;
	max-width: 100%;
	height: auto !important;
	font-size: 0px;
	line-height: 0px;
	margin: 7px 0px;
}



.fullstor-13 path{
	fill:#77828F;
}


.btn-s-2 svg{
	margin: 0px 0px 0px 9px;
	float: left;
}


.sruli-12 button {
	position:relative;
	font-family: font-1;
	font-size: 15px;
	border: 0;
    	background:rgb(255 255 255 / 0%);
}

.resize #increaseFont svg{
	margin: 0px 0px 0px 0px !important;
}


.fullstor-13 {
	floaT: right;
	position:relative;
	margin-top: 0px;
}

.fullstor-12 {
	width: 110px;
	floaT: right;
	position:relative;
	margin-top: 0px;
}

.fullstor-14 {
	floaT: right;
	position:relative;
	margin: 12px 15px 0px 0px;
	font-family: font-3;
	font-size: 15px;
	color:#77828F;
}


.fullstor-13 #increaseFont {
	    cursor: pointer;
	-webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
    color: #0e1523 !important;
    border: 1px solid var(--foni-22);
    background-color:#fff;
    font-weight: 700;
    font-style: normal;
    font-size: 15px;
    z-index: 100;
    width: 36px;
    height: 33px;
    line-height: 33px;
    float: right;
    text-align: center;
    margin-top: 4px;
}


.fullstor-13 #decreaseFont {
	    cursor: pointer;
	-webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
    color: #0e1523 !important;
    border: 1px solid var(--foni-22);
    background-color:#fff;
    font-weight: 500;
    font-style: normal;
    font-size: 15px;
    z-index: 100;
    width: 36px;
    height: 33px;
    line-height: 33px;
    float: left;
    text-align: center;
    margin-top: 4px;
    margin-right: -1px;
}


.right-1 {
	border: 1px var(--foni-2) solid;
	color:#34205a;
	padding: 2px 6px;
	font-size: 12px;
	border-radius: 5px;
	margin-lefT: 5px;
}


.sruli-ic-05{
    width: 100%;
    height: 100%;
    display: inline-block;
    position: relative;
    background: url(../images/icon-39.svg) center no-repeat;
    margin: 0px 0px 0px 0px;
}

.sruli-ic-04{
    width: 100%;
    height: 100%;
    display: inline-block;
    position: relative;
    background: url(../images/icon-38.svg) center no-repeat;
    margin: 0px 0px 0px 0px;
}

.sruli-ic-03{
    width: 100%;
    height: 100%;
    display: inline-block;
    position: relative;
    background: url(../images/icon-37.svg) center no-repeat;
    margin: 0px 0px 0px 0px;
}

.sruli-ic-02{
    width: 100%;
    height: 100%;
    display: inline-block;
    position: relative;
    background: url(../images/icon-36.svg) center no-repeat;
    margin: 0px 0px 0px 0px;
}

.sruli-ic-01{
    width: 100%;
    height: 100%;
    display: inline-block;
    position: relative;
    background: url(../images/icon-35.svg) center no-repeat;
    margin: 0px 0px 0px 0px;
}


.sruli-ic-005.sruli-16{
	background:#7555DE;
}


.sruli-ic-004.sruli-16{
	background:#7AD06D;
}


.sruli-ic-003.sruli-16{
	background:#55ACEE;
}


.sruli-ic-002.sruli-16{
	background:#448AFF;
}


.sruli-ic-001.sruli-16{
	background:#4267B2;
}

.sruli-16:hover{
	opacity: 9;
}
.sruli-16{
	opacity: 0.8;
	width: 35px;
	height: 35px;
	border-radius: 100px;
	background:#222;
	float: left;
	position:relative;
	margin: 0px 0px 0px 10px;
	font-weight: 600;
	font-size: 14px;
	color:#76808B;
	font-family: font-3;
	letter-spacing: 1px;
}


.sruli-15{
	display: inline-block;
	position:relative;
	margin: 0px 0px 0px 0px;
	font-weight: 600;
	font-size: 14px;
	color:#76808B;
	font-family: font-3;
	letter-spacing: 1px;
}

.sruli-14{
	float: left;
	position:relative;
	margin: 8px 0px 0px 0px;
	font-weight: 600;
	font-size: 14px;
	color:#76808B;
	font-family: font-3;
	letter-spacing: 1px;
}



.sruli-13{
	width: 100%;
	float: left;
	position:relative;
	margin: 24px 0px 20px 0px;
	font-weight: 600;
	font-size: 14px;
	color:#76808B;
}






/*--favoritebi--*/
.damatebiti-fav-1 {
    floaT: right;
    width: 40px;
    height: 40px;
    position: relative;
    z-index: 1;
    margin-right: 0px;
    line-height: 20px;
}

.favmod{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;display:block;margin:0 auto;width:40px;height: 30px;padding:0px;opacity:9;}
.favmod.active,
.favmod:hover{opacity:1;}
.favmod-add,
.favmod-unset{display:block;width:100%;height:100%;color:#99A2BA;font-weight:100;text-align:center;line-height: 30px;border-radius:100px;font-size:22px;}
.favmod-unset{color: #FC427B}
.favmod .favmod-unset,
.favmod.active .favmod-add{display:none;}
.favmod.active .favmod-unset{display:block;}




.sruli-ic-2 {
    width: 21px;
    height: 19px;
    display: inline-block;
    position: relative;
    background: url(../images/icon-31.svg) center no-repeat;
    margin: 0px 0px -4px 0px;
}


.sruli-ic-1 {
    width: 21px;
    height: 19px;
    display: inline-block;
    position: relative;
    background: url(../images/icon-30.svg) center no-repeat;
    margin: 0px 0px -4px 0px;
}



.sruli-12 {
	position:relative;
	floaT: right;
	margin: -10px 0px 0px 0px;
}

.sruli-10 {
	position:relative;
	floaT: left;
	margin: 1px 0px 0px 20px;
}

.sruli-9 {
	position:relative;
	floaT: left;
	margin: 1px 0px 0px 20px;
}

.sruli-8 {
	font-family: font-4;
	display: inline-flex;
	position:relative;
	floaT: left;
	margin: 2px 0px 0px 0px;
}


.sruli-7 {
	font-size: 13px;
	font-family: font-3;
	color: #67717C;
	width: 100%;
	position:relative;
	floaT: left;
	padding: 0px 0px 12px 0px;
	margin: 20px 0px 10px 0px;
	border-bottom: 1px var(--foni-22) solid;
}



.container a:hover {
    text-decoration: none;
    text-decoration: underline;
}

.container a{
	color:#FC427B;
}


body .container b span{
	font-family: font-02 !important;
}

.container span{
	
	font-family: font-01;
}

.container b{
	    font-weight: 100;
	font-family: font-02;
	
}


.container {
	width: 100%;
	position:relative;
	floaT: left;
	padding: 10px 0px 0px 0px;
	line-height: 22px;
	color: #515A64;
	font-size: 15px;
}






.sruli-6 img{
	width: 100%;
	position:relative;
	floaT: left;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	border-radius: 5px;
}

.sruli-6{
	width: 100%;
	position:relative;
	floaT: left;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}


.sruli-05{
	text-align: right;
	/* width: 5%; */
	position:relative;
	floaT:right;
}



.sruli-4 h1{
	width: 100%;
	position:relative;
	floaT: left;
	font-size: 17px;
	font-family: font-2;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	color:#273C75;
	letter-spacing: -1.1px;
}


.sruli-5{
	width: calc(100% - 60px);
	position:relative;
	floaT: left;
}



.sruli-4{
	margin: 20px 0px 15px 0px;
	width: 100%;
	position:relative;
	floaT: left;
}



.sruli-20 a:hover{
	color:#FC427B;
	background:#FFEFF4;
}

.sruli-24 {
    width: 21px;
    height: 19px;
    display: inline-block;
    position: relative;
    background: url(../images/icon-34.svg) center no-repeat;
    margin: 0px 1px -4px 0px;
}


.sruli-25 {
	color:#448AFF;
}

.sruli-27{
	overflow:hidden;
	position:relative;
}



.sruli-26{
	width: 100%;
	float: left;
	position:relative;
	padding: 25px 0px 30px 0px;
}


.sruli-22{
	width: 100%;
	line-height: 60px;
	height: 60px;
	font-family: font-4;
	floaT: left;
	border-bottom: 1px var(--foni-22) solid;
	text-align: center;
	color: #273C75;
	font-size: 16px;
}



.sruli-21{
	width: 100%;
	float: left;
	position:relative;
	background: var(--foni-4);
	border-radius: 5px;
	padding: 0px 0px;
	margin: 14px 0px;
}


.sruli-20 a:hover {
    text-decoration: none;
    text-decoration: underline;
}


.sruli-19{
	float: left;
}
.sruli-20 a{
	float: left;
	position:relative;
	padding: 7px 15px;
	margin: -6px 5px 11px 0px;
	font-family: font-1;
	font-weight: 600;
	font-size: 13px;
	color:#76808B;
	background:#F4F6FD;
}


.sruli-17{
	width: 100%;
	float: left;
	position:relative;
	padding: 30px 0px 16px 0px;
	background: var(--foni-4);
	border-radius: 0px 0px 5px 5px;
	border-top: 1px var(--foni-22) solid;
	font-family: font-4;
	font-weight: 600;
	font-size: 14px;
	color:#76808B;
}



.sruli-3{
	margin: 0px 40px;
	position:relative;
}


.sruli-02{
	width: 540px;
	float: left;
	position:relative;
}



.sidebari .sl-tv-10 h2{
	font-size: 13px;
}

.sidebari .abc-4{
	margin-lefT: 0px;
}

.sidebari .sl-tv-9{
	top: 60%;
}

.sidebari .sl-tv-8 img{
	width: 50px;
}



.sidebari .sl-tv-8{
   width: 100%;
   height: 98px;
   position:relative;
   floaT: left;
   overflow:hidden;
}


.sidebari-8{
   padding: 0px 10px 0px 10px;
}


.sidebari-7{
	overflow:hidden;
   width: 100%;
   position:relative;
   floaT: left;
   margin: 0px 0px 0px 0px;
   background: var(--foni-15);
   border-radius: 5px;
}



.sidebari-7 .sl-tv-13{
	width: 247px;
	margin: 70px 0px 0px 0px;
	background: var(--foni-17);
}

.sidebari-7 .sl-tv-1{
   width: 100%;
   position:relative;
   floaT: left;
   padding: 0px 0px 15px 0px;
   margin: 15px 0px 0px 0px; 
   border-radius: 10px;
   background: var(--foni-15) !important;
}


.sidebari-7 .sl-tv-4{
   width: 520px !important;
   position:relative;
   floaT: left;
   margin: 0px 0px 0px 7px;
}



.sidebari-6 .sl-hd-11, .sidebari-6 .sl-hd-11 img{
	border-radius: 100px;
	object-fit: cover;
	width: 116px;
	height: 116px;
}



.samism-1.sidebari-6 .sl-hd-11, .samism-1.sidebari-6 .sl-hd-11 img{
	border-radius: 100px;
	object-fit: cover;
	width: 73px;
	height: 73px;
}



.sidebari-6 .sl-hd-5{
	margin-bottom: 14px;
    float: right;
    position: relative;
    overflow:hidden;
    widtH: 100%;
    border-radius: 5px;
    padding: 0px 0px;
    background: var(--foni-4);
}


.sidebari-1{
	width: 100%;
	float: left;
	position:relative;
	background: var(--foni-4);
	margin-bottom: 14px;
	overflow:hidden;
	border-radius: 5px;
}


.sidebari-5{
	margin: 0px 0px 0px 7px;
}

.sidebari-4{
	width: 100%;
	float: left;
	position:relative;
}



.sidebari .c-vidi-1, .sidebari .c-vidi-1 img{height: 200px;}

.sidebari .c-vidi-1{
	width: 249.1px;
	float: left;
	position:relative;
	overflow:hidden;
	border-radius: 10px;
	margin: 0px 7px 14px 7px;
}

.sidebari-2{
	width: 100%;
	floaT: left;
	position:relative;
	padding: 14px 0px 20px 0px;
	border-bottom: 1px var(--foni-2) solid;
	margin-bottom: 14px;
}

.sidebari-3{
	margin: 0px 14px;
}

.sidebari{
	width: 540px;
	float: left;
	position:relative;
	border-radius: 10px;
	margin-bottom: 14px;
}


.sruli-3, .sruli-18, .sruli-27 {
	margin: 0px 20px;
}


.sruli-2{
	width: 100%;
	float: left;
	position:relative;
	background: var(--foni-4);
	border-radius: 5px 5px 0px 0px;
	padding: 0px 0px;
}


.sruli-1{
	width: 100%;
	float: left;
	position:relative;
	margin-left: 7px;
}




.konta-4{
	width: 100%;
}


.konta-4 .konta-8{
	transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;
}

.konta-4:hover .konta-8{
	
	transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-webkit-transition:all 0.3s ease-in-out;
}


.konta-8{
	width: 100%;
	position:relative;
	margin: 0px 0px 0px 0px;
	color: #FC427B;
	font-size: 15px;
	font-family: font-2;
}


.konta-7{
	font-size: 15px;
	color:#273C75;
	width: 100%;
	position:relative;
	float: left;
	margin: 2px 0px 1px 0px;
	font-family:font-4;
}

.konta-6{
	width: 70%;
	floaT: left;
	position:relative;
	font-family:font-3;
	font-size: 15px;
	padding: 0% 0%;
	margin: 0% 0px 0% 0px;
}


.konta-003 .konta-5{
	background: #0097E6 url(../images/contc-3.svg) 14.8px 15.5px no-repeat;
}

.konta-03 .konta-5{
	background: #0097E6 url(../images/contc-2.svg) 13.5px 15px no-repeat;
}



.konta-4:hover .konta-5{
	transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;
	box-shadow: 0px 0px 0px 2px #fff, 0px 0px 0px 4px #0097E6;
}

.konta-5{
	transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-webkit-transition:all 0.3s ease-in-out;
	background: #0097E6 url(../images/icon-23.svg) center no-repeat;
	background-size: 9px;
	width: 45px;
	height: 45px;
	position:relative;
	float: left;
	color:#fff;
	margin: 0px 12px 0px 15px;
	border-radius: 100px;
}



.konta-03.konta-3{
	box-shadow: 0px 0px 0px 1px #d7d7d7;
}


.konta-3{
	width: 100%;
	position:relative;
	floaT: left;
	font-family:font-3;
	font-size: 15px;
	padding: 3% 0%;
	margin: 0% 0px 0% 0px;
	display:  inline-flex;
}


.konta-2{
	width: 100%;
	position:relative;
	floaT: left;
	font-family:font-3;
	font-size: 15px;
	margin: 1% 0px 2% 0px;
	-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
	border: 1px solid #d7d7d7;
	border-radius: 5px;
}



.title.user_tab.h1{
    color: #273C75;
    margin-bottom: 15px !important;
}

.tab-content > .tab-pane { display: none; }
	.tab-content > .active { display: block; }


	/* Forms at UL */
	ul.ui-form { list-style: none; padding: 0; margin: 0; }
		ul.ui-form > li { margin-bottom: 20px; }
		ul.ui-form > li:last-child { margin-bottom: 0; }
		.form-group { margin-bottom: 20px; }
		.form-group > label { display: block; margin-bottom: .4em; }
		.imp:after { content: "*"; margin: 0 0 0 10px; color: #e85319; }


		.form_submit { margin-top: 20px; }
		.form-sep { border-top: 1px solid var(--foni-2); }

	/* Modification of the BB editor for review */
	#comment-editor .bb-editor textarea { padding: 7px; padding-bottom: 45px; height: 200px; }
	.addpm #comment-editor .bb-editor textarea { height: 340px; }

	.wseditor table, .bb-editor table { margin: 0px; }

/* Comments */
.com_list { }
	.comment {
		padding: 4% 4%;
		position: relative;
		-webkit-transition: box-shadow ease .4s; transition: box-shadow ease .4s;
	}
	.com_list .comment {
		border-top: 1px solid #efefef;
		background-color: transparent;
		margin: 0;
		border-radius: 0;
		box-shadow: none; -webkit-box-shadow: none;
	}
	.comment:hover {
		position: relative;
		box-shadow: 0 2px 12px 0 rgba(0,0,0,0.2); -webkit-box-shadow: 0 2px 12px 0 rgba(0,0,0,0.2);
	}
	.avatar { display: inline-block; }
	.avatar .cover {
		width: 70px; height: 70px;
		border-radius: 50%;
		white-space: nowrap;
		text-indent: -9999px;
		display: inline-block;
	}
	.comment .avatar { float: left; margin-right: 15px; position: relative; }
	.comment .avatar .cover { width: 36px; height: 36px; }
	.com_online {
		position: absolute;
		left: 100%; top: 50%;
		margin: -4px 0 0 -4px;
		overflow: hidden;
		text-indent: -9999px;
		background-color: #70bb39;
		border: 2px solid #fff;
		width: 4px; height: 4px;
		border-radius: 50%;
	}

	.com_info { font-size: .9em; margin-bottom: 2%; margin-top: -5px; }
	.com_info:after { clear: both; display: block; content: ""; }

	.com_user { float: left; margin: 9px 15px 0 0; }
	.comment .meta { display: inline; }
	.comment .meta .left { margin: 9px 0 0 0; }
	.comment .meta .left .mass input { margin: -2px 0 0 0; vertical-align: middle; }
		.comment .meta > ul.left > li { margin-right: 10px; }

		.comment .reply { text-transform: lowercase; }
		.comment .meta .left a {
			display: inline-block;
			width: 20px; height: 20px;
			vertical-align: middle;
			padding: 2px;
			margin-top: -2px;
			-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
		}
		.comment .meta .left .reply a { padding: 2px; width: auto; vertical-align: baseline; }
		.comment .meta .left .del a { padding: 4px; }
		.comment .meta .left .icon { margin: 0; fill: #919191; vertical-align: top; }
		.comment .meta .left a:hover .icon { fill: #3394e6; }
		.comment .meta .left a .icon-reply {
			width: 15px; height: 16px;
			fill: #3394e6 !important;
			margin-right: .4em;
			vertical-align: middle;
		}
		.comment .meta .left a .icon-coms {
			width: 15px; height: 16px;
			fill: #3394e6 !important;
			margin-right: .4em;
			vertical-align: middle;
		}
		.comment .meta .left .edit_btn > a { padding: 2px; margin-top: -4px; } 
		.comment .icon-bad { width: 16px; height: 16px; }
		.comment .icon-cross { width: 12px; height: 12px; }

	.comment .meta .rate { float: right; }

	/* Tree comments */
	#dle-comments-list { width: 100%; overflow: hidden; }
	#dle-comments-list > .comments-tree-list > li > .comments-tree-list { padding: 0 8%; border-top: 1px solid #efefef; }
	#dle-comments-list > .comments-tree-list > li .comments-tree-list > li { padding-left: 20px; }
	.comments-tree-list { list-style: none; padding: 0; margin: 0; }

	.comments-tree-list > li > ol > li .comment {
		padding: 30px 0;
		position: relative;
		box-shadow: none; -webkit-box-shadow: none;
		border-width: 0;
	}
	.comments-tree-list li ol li .comment {

		position: relative;
		box-shadow: none; -webkit-box-shadow: none;
		border-width: 0;
	}
	.comments-tree-list > li > ol > li .comment:after {
		content: "";
		position: absolute;
		width: 2000px; height: 1px;
		margin-left: -500px;
		left: 0; top: 0;
		background-color: #efefef;
	}

	.comments-tree-list > li > ol > li .comment:before {
		content: "";
		position: absolute;
		left: 0; top: 12px;
		margin: 30px 0 0 -20px;
		background-color: #e6e6e6;
		width: 10px; height: 2px;
	}	

	.dark_top {
		border-radius: 10px 10px 0 0;
		color: #fff;
		background: var(--foni-1);
	}


.box_in .cover { background-position: 50% 50%; background-repeat: no-repeat; -webkit-background-size: cover; background-size: cover; }



/* --- User page --- */
.userinfo_top { position: relative; padding-bottom: 50px; margin-bottom: 25px; }
.userinfo_top .avatar { position: absolute; }
.user_tab { list-style: none; padding: 0; margin: 0; }
	.user_tab > li { display: inline; margin-right: 1.2em; }
	.user_tab > li > a {
		text-decoration: none !important;
		font-size: .7em;
		-webkit-transition: all ease .3s;
		transition: all ease .3s;
	}
	.user_tab > li > a { color: #fff; opacity: .9; }
	.user_tab > li > a:hover { color: #FC427B; }
	.user_tab > li.active > a { cursor: default; font-size: 1em; opacity: 1; }

	.usinf { list-style: none; padding: 0; margin: 0 0 25px 0; } 
	.usinf li { padding: 12px 0; border-top: 1px solid var(--foni-3); }
	.usinf li:first-child { border-top-width: 0; }

	.ui-c1, .ui-c2 { display: inline-block; vertical-align: top; }
	.ui-c1 { width: 30%; margin-right: 5%; }
	.ui-c2 { font-weight: 600; width: 60%; }

	/* Window user */
	.userinfo { padding-left: 90px; }
	.userinfo .avatar { position: absolute; float: left; margin: 0 0 0 -90px; }
	.userinfo .avatar .cover { width: 60px; height: 60px; }
	.userinfo > ul { list-style: none; padding: 0; margin: 0; }

/* --- Statistics --- */
.stats_head > ul {
	list-style: none;
	padding: 0; margin: 0;
	font-size: 1.25em;
}
	.stats_head > ul > li { margin-top: 15px; padding-left: 30px; }
	.stats_head > ul > li:before {
		content: "";
		float: left;
		margin: 2px 0 0 -30px;
		width: 16px; height: 16px;
		border-radius: 50%;
		background-color:  #3394e6;
	}
	.stats_head > ul > li > b {
		display: block;
		font-size: .8em;
		opacity: .5;
		font-weight: normal;
	}
	.stats_head > ul > li.stats_d:before { background-color: #f6a71a; }
	.stats_head > ul > li.stats_w:before { background-color: #ce3f28; }
	
	.stat_group { margin-bottom: 25px; }
	.stat_group > h5 { margin-top: 0; margin-bottom: 1em; }
	.stat_group > ul { list-style: none; padding: 0; margin: 0; }
	.stat_group > ul > li { padding: .6em 0; border-top: 1px dotted #d5d5d5; }

/* --- Search page --- */
.search_result_num { font-size: .9em; margin: 25px 0 0; }
.search table { width: 100%; border-spacing: 5px; border-collapse: separate; }
#searchtable td, #searchtable td div, #searchtable table { margin: 0 !important; padding: 0 !important; }
	#searchtable td.search br { display: none; }
	td.search .bbcodes { margin: 0 !important; }
	td.search { vertical-align: top; }





.story .title { color:#273C75; margin: 0px 0px 10px 0px; font-size: 18px;font-family: font-2; letter-spacing: -0.5px; }
.story .box_in > .text { font-size: 1.08em; line-height: 25px; color:#4a546e; }
.story .box_in > .text b{ font-family: font-2; }


.box, .comment {
	margin: 0px 0px 20px 10px;
}

.box_in { padding: 4% 5%; }


.eroris-2 {
    margin: 0% 5%;
}

.eroris-5 {
    font-family: font-1;
    font-weight: 600;
    font-size: 15px;
    padding: 0px 0px 0px 0px;
    width: 100%;
    position: relative;
    floaT: left;
    z-index: 1;
    color:#273C75;
}


.eroris-4 {
    font-family: font-4;
    font-size: 18px;
    margin: 5px 0px 7px 0px;
    width: 100%;
    position: relative;
    floaT: left;
    z-index: 1;
    color:#273C75;
}


.eroris-1 {
	background:var(--foni-4);
    font-family: font-1;
    font-size: 15px;
    margin: 0px 0px 20px 10px;
    padding: 7% 0%;
    width: 100%;
    position: relative;
    floaT: left;
    z-index: 1;
    overflow: hidden;
    text-align: center;
    border-radius: 10px;
}


.gd-1.c-vidi-1:hover .c-vidi-4{
	color:#FC427B !important;
}


.gd-1 .c-vidi-4{
    color:#273C75 !important;
}


.gd-1 .c-vidi-3{
    background: var(--foni-4);
    color:#273C75;
    padding: 18px 0px 17px 0px;
    font-family: font-2;
    letter-spacing: -0.5px;
    text-align: center;
}

.gd-1.c-vidi-1 img{
height: 190px;
}

.gd-1.c-vidi-1{
height: 240px;
}





.t-title-2::before {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 11px;
    border-color: rgb(21 39 90 / 0%) rgb(0 8 255 / 0%) rgb(28 30 32 / 0%) #273C75;
    margin: 0px 0px 0px 0px;
    z-indeX: 1;
    top: 12px;
    left: 4px;
}

.t-title-2{
	width: 8px;
	height: 100%;
	position:absolute;
	lefT: 0px;
	top: 0px;
	background: #273C75;
}





.t-title-3 a{
	display: none;
}

.t-title-3{
	padding: 0px 30px;
}


.size.t-title-1{
	position:relative;
	floaT: left;
	padding: 15px 0px;
	margin-top: 14px;
	background:var(--foni-4);
	overflow:hidden;
	border-radius: 10px;
	color:#273C75;
	font-family: font-4;
	font-size: 14px;
}


#pagi-load span{ display: none;}
#pagi-load a span{ display: block; }
#pagi-load span{ float: left;  }
.pagi-load{  text-align: center; font-size:0px;}
.bottom-nav{ margin: 0px 0px 20px 10px; floaT: left; }
.pagi-load a:hover{transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-webkit-transition:all 0.2s ease-in-out;background: #39b0ed;}
.pagi-load a:hover .fa-refresh{transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-webkit-transition:all 0.2s ease-in-out;}
.pagi-load a{border-radius: 5px;transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-webkit-transition:all 0.2s ease-in-out;padding: 0px 32px;display:inline-block;height:50px;line-height:50px;font-size: 16px;letter-spacing: 0.2px;cursor:pointer;color:#ffffff;background: #0097E6;text-align:center;font-family: 'font-4';}

.abc-top{
	overflow:hidden;
	width: 100%;
	position:relative;
	floaT: left;
	margin-top: 15px;
}


.zari-fori-2 input{
	width: 100%;
}


.div-shesvla-12 a:hover{
	color:#FC427B;
}

.div-shesvla-12 a{
	color:#273C75;
}


.div-shesvla-12{
	margin: 18px 0px 0px 0px;
	font-family: font-4;
	float: right;
	color:#273C75;
}


.zari-fori-2 .login_inputs{
	margin-top: 5px;
	float: left;
}



.zari-fori-2{
	margin: 0px 20px;
}

.div-shesvla-10{width:100%;height:40px;line-height:41px;float:left;font-size:13px;margin:0px 0px 20px 0px;}

.div-shesvla-11{float:left;width:100%;margin: 22px 0px 6px 0px;font-size:14px;font-family:font-3; font-weight: 600; }


.zari-fori-1{
	width: 100%;
	floaT: left;
	margin: -10px 0px 35px 0px;
	text-align: left;
	color:#273C75;
	letter-spacing: 0.4px;
}




.zari-ajax-4{
	width: 100%;
	floaT: left;
	margin: 20px 0px 0px 0px;
}


.zari-ajax-04{
	margin: 0px 20px;
}

.zari-pr-3 li a:hover{
	color:#FF2D46;
	-webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
}



.zari-pr-3 li a{
	color:#202e52;
	font-weight: 600;
	-webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
}

.zari-pr-3 li{
	font-size: 14.5px;
	width: 100%;
	float: right;
	position:relative;
	margin-top: 2px;
	margin-bottom: 9px;
}


.zari-pr-3{
	margin-top: 1px;
	text-align: left;
	width: 60%;
	float: right;
	position:relative;
}

.zari-pr-2{
	padding: 0px 10px;
}


.zari-pr-1, .zari-pr-1 img{
	border-radius: 8px;
}


.zari-pr-1 img{
	width: 100px;
	height: 100px;
	float: left;
	position:relative;
	object-fit: cover;
}

.zari-pr-1{
	float: left;
	position:relative;
	border: 2px var(--foni-3) solid;
	padding: 10px 0px;
	margin: 0px 0px 20px 0px;
}



.zari-ajax-2{
    font-size: 16px;
    font-family: font-1;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    color:#4e5c85;
    font-weight: 700;
}


.zari-ajax-1{border:none;background:#ffffff; border-bottom: 1px var(--foni-3) solid !important; color:#222;font-family:font-1;font-size:16px;padding:25px 30px 23px 30px;border:none;text-align:left;}
.img-replace{display:inline-block;overflow:hidden;text-indent:100%;color:transparent;white-space:nowrap;}
.cd-popup{position:fixed;left:0;top:0;height:100%;width:100%;background-color: rgb(8 11 22 / 80%);opacity:0;visibility:hidden;-webkit-transition:opacity 0.3s 0s, visibility 0s 0.3s;-moz-transition:opacity 0.3s 0s, visibility 0s 0.3s;transition:opacity 0.3s 0s, visibility 0s 0.3s;z-indeX: 9999999999;}
.cd-popup.is-visible{opacity:1;visibility:visible;-webkit-transition:opacity 0.3s 0s, visibility 0s 0s;-moz-transition:opacity 0.3s 0s, visibility 0s 0s;transition:opacity 0.3s 0s, visibility 0s 0s;}
.cd-popup-container{position:relative;width: 100%;max-width: 400px;margin:9em auto;overflow:hidden;border-radius:10px;background:var(--foni-4);text-align:center;box-shadow:0 0 20px rgba(255, 255, 255, 0.5);-webkit-transform:translateY(-40px);-moz-transform:translateY(-40px);-ms-transform:translateY(-40px);-o-transform:translateY(-40px);transform:translateY(-40px);-webkit-backface-visibility:hidden;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;transition-property:transform;-webkit-transition-duration:0.3s;-moz-transition-duration:0.3s;transition-duration:0.3s;}
.cd-popup-container .cd-buttons:after{content:"";display:table;clear:both;}
.cd-popup-container .cd-popup-close{position:absolute;top: 0px;right: 19px;width: 30px;height: 69px;}
.cd-popup-container .cd-popup-close::before,
.cd-popup-container .cd-popup-close::after{content:"";position:absolute;top: 35px;width:14px;height:2px;opacity:0.6;background-color:#000;}
.cd-popup-container .cd-popup-close::before{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);left:8px;}
.cd-popup-container .cd-popup-close::after{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);right:8px;}
.is-visible .cd-popup-container{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);}





.footer-14 a:hover{
	-webkit-transition: all .4s; -moz-transition: all .4s; -o-transition: all .4s; transition: all .4s;
	background:#2F4686;
}

.footer-14 a{
	-webkit-transition: all .4s; -moz-transition: all .4s; -o-transition: all .4s; transition: all .4s;
	floaT: right;
	margin: 21px 20px 0px 0px;
	z-index:11;
	position:relative;
	height: 31px;
	line-height: 31px;
	border-radius: 100px;
	font-size: 15px;
	color:#fff;
	font-family: font-3;
	padding: 0px 16px;
}



.footer-12{
	floaT: right;
	margin: 21px 0px 0px 0px;
	z-index:11;
	position:relative;
}





.footer-2 .van-div-2 svg{
   fill: #ffffff;
}

.footer-2 .van-div-2:hover{
	color:#fff;
    background: #3663DD;
      -webkit-transition: all .4s; -moz-transition: all .4s; -o-transition: all .4s; transition: all .4s;
}

.footer-2 .van-div-2{
    background: #2F4686;
      -webkit-transition: all .4s; -moz-transition: all .4s; -o-transition: all .4s; transition: all .4s;
}


.footer-7 a:hover {
  color:#FF2D46;
  -webkit-transition: all .4s; -moz-transition: all .4s; -o-transition: all .4s; transition: all .4s;
}

.footer-7 a{
	-webkit-transition: all .4s; -moz-transition: all .4s; -o-transition: all .4s; transition: all .4s;
	floaT: left;
	margin: 0px 15px 6px 0px;
	font-family: font-1;
	font-weight: 600;
	letter-spacing: -0.1px;
	font-size: 13px;
	color:#566690;
}

.footer-10 a{
	font-family: font-2;
  color:#FF2D46;
}


.footer-11{
   position:relative;
   floaT: left;
}


.footer-10 a:hover {
    text-decoration: none;
    text-decoration: underline;
}

.footer-10{
   position:relative;
   floaT: right;
}


.footer-9{
	font-size: 14px;
	letter-spacing: -0.1px;
   width: 100%;
   position:relative;
   floaT: left;
}



.footer-6{
   width: 100%;
   position:relative;
   floaT: left;
  background: var(--foni-8);
  padding: 12px 0px;
}

.footer-8{
   font-weight: 700;
   background:var(--foni-4);
   width: 100%;
   position:relative;
   floaT: left;
   padding: 20px 0px;
   color: var(--foni-7);
   font-family: 'font-1';
   font-size: 15px;
   letter-spacing: -0.2px;
}



.footer-4{
	margin-top: 23px;
   position:relative;
   floaT: left;
   z-index:1;
}

.footer-3{
	z-index:1;
	margin-top: 22px;
   position:relative;
   floaT: left;
}

.footer-2{
   width: 100%;
   position:relative;
   floaT: left;
}


.footer-5 svg{
    width: 170px !important;
}


.footer-5 {
	display: none;
    z-index: 0;
    position: absolute;
    width: 100%;
    margin-top: 18px;
    text-align: center;
}

.footer-1{
	z-index:0;
   width: 100%;
   height: 75px;
   position:relative;
   background: var(--foni-1);
   floaT: left;
}




.abc-color-9.abc-4::before {
    border-color: #15275A rgb(0 8 255 / 0%) rgb(28 30 32 / 0%) rgb(255 0 0 / 0%);
}

.abc-color-9.abc-4 {
   background: linear-gradient(180deg, #334B8C 0%, #273C75 100%);
}

.abc-color-9.abc-5:hover{
	color:#334B8C;
	border: 2px solid #334B8C;
}

.abc-color-9 .c-vidi-3::before, .abc-color-9 .c-vidi-3::after {
    background:#334B8C;
}


.abc-color-9 .abc-icon-1 {
    width: 21px;
    height: 21px;
    background: url(../images/icon-22.svg) center no-repeat;
    margin: 12.2px 7px 0px 0px;
}

.abc-icon-8.abc-icon-1 {
    width: 21px;
    height: 21px;
    background: url(../images/icon-20.svg) center no-repeat;
    margin: 13px 7px 0px 0px;
}

.abc-icon-7.abc-icon-1 {
    width: 21px;
    height: 21px;
    background: url(../images/icon-19.svg) center no-repeat;
    margin: 13px 7px 0px 0px;
}


.mov-ne-7 span{
	width: 100%;
	floaT: left;
	color: #ABB6DE;
}


.mov-ne-1 .mov-ne-8 img {
   -webkit-transition: all .4s; -moz-transition: all .4s; -o-transition: all .4s; transition: all .4s;
}

.mov-ne-1:hover .mov-ne-8 img {
    -webkit-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3);
    -webkit-transition: all .4s; -moz-transition: all .4s; -o-transition: all .4s; transition: all .4s;
}


.mov-ne-4{
	z-index:0;
	width: 100%;
	floaT: left;
	line-height: 0px;
	position:relative;
	overflow:hidden;
}


.mov-ne-7 {
    margin: 0px 0px 0px 0px;
    line-height: 20px;
    font-size: 13.5px;
    display: table-cell;
    vertical-align: middle;
    padding: 0px 0px 0px 0px;
}

.mov-ne-6 {
	text-align: center;
	padding: 0px 12px;
}

.mov-ne-1:hover .mov-ne-5 {
	-webkit-transition: all .4s; -moz-transition: all .4s; -o-transition: all .4s; transition: all .4s;
	opacity: 9;
   -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}


.mov-ne-5 {
		-webkit-transform: scale(0.1);
    -ms-transform: scale(0.1);
    transform: scale(0.1);
	opacity: 0;
	-webkit-transition: all .4s; -moz-transition: all .4s; -o-transition: all .4s; transition: all .4s;
	margin-top: 0px;
	overflow:hidden;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    color:#fff;
    background: rgba(39, 59, 116, 0.90);
    border-radius: 100%;

}

.mov-ne-3 img{
	width: 30px;
}

.mov-ne-3{
	z-index:1;
	width: 100%;
	position:absolute;
	top: 22px;
	text-align: center;
}


.mov-ne-8 img{
width: 100%;
}

.mov-ne-1, .mov-ne-8 img, .mov-ne-7, .mov-ne-4{height: 170px;object-fit: cover;border-radius: 500px;}

.mov-ne-1{
	float: left;
	position:relative;
	overflow:hidden;
	border-radius: 5px;
	margin: 0px 7px 14px 7px;
}



.abc-mov-7 .abc-5 {
   floaT: inherit !important;
   background:var(--foni-4);
      border: 2px solid #E3E6EA;
}


.abc-mov-8{
   width: 210px;
   margin: 14px auto;
}


.abc-mov-7{
   width: 100%;
   height: 75px;
   line-height: 75px;
   text-align: center;
   font-family: font-4;
   position:relative;
   background: #EDEFF6;
   floaT: left;
   font-size: 17px;
   color:#2D3743;
}




.abc-mov-4 {
    width: 21px;
    height: 19px;
    display: inline-block;
    position: relative;
    background: url(../images/icon-21.svg) center no-repeat;
    margin: 0px 0px -4px 0px;
}


.abc-mov-2{
	margin-bottom: 20px;
   width: 100%;
   height: 67px;
   line-height: 67px;
   text-align: center;
   font-family: font-4;
   border-bottom: 1px #DBDDE6 solid;
   position:relative;
   background: var(--foni-6);
   floaT: left;
   font-size: 17px;
   color:#2D3743;
}


.abc-mov-1{
	overflow:hidden;
   width: 100%;
   position:relative;
   background: #151820;
   floaT: left;
}





.abc-color-7.abc-4::before {
    border-color: #148843 rgb(0 8 255 / 0%) rgb(28 30 32 / 0%) rgb(255 0 0 / 0%);
}

.abc-color-7.abc-4 {
   background: linear-gradient(180deg, #22B95E 0%, #1BAB54 100%);
}

.abc-color-7.abc-5:hover{
	color:#1BAB54;
	border: 2px solid #1BAB54;
}

.abc-color-7 .c-vidi-3::before, .abc-color-7 .c-vidi-3::after {
    background:#1BAB54;
}



.abc-color-6.abc-4::before {
    border-color: #689B41 rgb(0 8 255 / 0%) rgb(28 30 32 / 0%) rgb(255 0 0 / 0%);
}

.abc-color-6.abc-4 {
   background: linear-gradient(180deg, #A2E071 0%, #8BC55E 100%);
}

.abc-color-6.abc-5:hover{
	color:#8BC55E;
	border: 2px solid #8BC55E;
}

.abc-color-6 .c-vidi-3::before, .abc-color-6 .c-vidi-3::after {
    background:#8BC55E;
}




.abc-color-4.abc-4::before {
    border-color: #B11B23 rgb(0 8 255 / 0%) rgb(28 30 32 / 0%) rgb(255 0 0 / 0%);
}

.abc-color-4.abc-4 {
   background: linear-gradient(180deg, #FE3844 0%, #DB1F2A 100%);
}

.abc-color-4.abc-5:hover{
	color:#DB1F2A;
	border: 2px solid #DB1F2A;
}

.abc-color-4 .c-vidi-3::before, .abc-color-4 .c-vidi-3::after {
    background:#DB1F2A;
}



.abc-color-3.abc-4::before {
    border-color: #1CA96E rgb(0 8 255 / 0%) rgb(28 30 32 / 0%) rgb(255 0 0 / 0%);
}

.abc-color-3.abc-4 {
   background: linear-gradient(180deg, #2CD08B 0%, #23BF7E 100%);
}

.abc-color-3.abc-5:hover{
	color:#23BF7E;
	border: 2px solid #23BF7E;
}

.abc-color-3 .c-vidi-3::before, .abc-color-3 .c-vidi-3::after {
    background:#23BF7E;
}





.abc-color-2.abc-4::before {
    border-color: #7B2AB9 rgb(0 8 255 / 0%) rgb(28 30 32 / 0%) rgb(255 0 0 / 0%);
}

.abc-color-2.abc-4 {
   background: linear-gradient(180deg, #B75AFF 0%, #A53EF5 100%);
}

.abc-color-2.abc-5:hover{
	color:#A53EF5;
	border: 2px solid #A53EF5;
}

.abc-color-2 .c-vidi-3::before, .abc-color-2 .c-vidi-3::after {
    background:#A53EF5;
}

.sl-tv-8 img{
	width: 60px;
}




.sl-tv-7 .sl-tv-11 h2{
   -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s;
}


.sl-tv-13{
   -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s;
}


.sl-tv-7:hover .sl-tv-11 h2{
   color:#0097E6;
   -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s;
}


.sl-tv-13:hover{
	background: var(--foni-18);
   color:#fff;
   -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s;
}




.abc-icon-6.abc-icon-1 {
    width: 21px;
    height: 21px;
    background: url(../images/icon-16.svg) center no-repeat;
    margin: 12px 7px 0px 0px;
}


.sl-tv-1 .slick-next:before{
	width: 100%;
	height: 100%;
	background: url(../images/icon-17.svg) center  no-repeat;
	content: "";
	position:absolute;
	lefT: 0px;
}

.sl-tv-1 .slick-prev:after{
	width: 100%;
	height: 100%;
	background: url(../images/icon-18.svg) center  no-repeat;
	content: "";
	position:absolute;
	lefT: 0px;
}


.sl-tv-4 .slick-next{
	right: 5px;
	background: var(--foni-1);
}


.sl-tv-1 .slick-prev{
	right: 55px !important;
	lefT: auto;
	background: var(--foni-13);
}

.sidebari-7 .sl-tv-4 .slick-prev{
	right: 70px !important;
}

.sidebari-7 .sl-tv-4 .slick-next{
	right:17px;
}

.sl-tv-1 .slick-prev, .sl-tv-4 .slick-next{top: 4px !important; border-radius: 10px; }


.sl-tv-4{
   position:relative;
   floaT: left;
   margin: 0px 0px 0px -7px;
}



.sl-tv-9{
	-webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;
    position: absolute;
    left: 50%;
    top: 55%;
    -webkit-transform: translate(-50%, -50%) scale(1);
    -ms-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
    opacity: 9;
    width: 70px;
    height: 70px;
    text-align: center;
    z-index:1;
}


.sl-tv-11{
   margin: 0px 10px;
}

.sl-tv-10 h2{
   width: 100%;
   padding: 0px;
   font-size: 13px;
   font-weight: 100;
   font-family: font-1;
   letter-spacing: -0.1px;
   margin: 0px;
   line-height: 47px;
   position:relative;
   floaT: left;
   overflow:hidden;
   color:#BCC6E2;
}


.sl-tv-10{
   width: 100%;
   height: 47px;
   line-height: 47px;
   position:relative;
   floaT: left;
   overflow:hidden;
   border-top: 1px #334063 solid;
}


.sl-tv-8{
   width: 100%;
   height: 115px;
   position:relative;
   floaT: left;
   overflow:hidden;
}

.sl-tv-7{
	position:relative;
	width: 185px;
	floaT: left;
	margin: 0px 0px 0px 0px;
}


.sl-tv-13{
   background: var(--foni-17);
   position:relative;
   margin: 65px 7px 0px 7px;
   border-radius: 10px;
   overflow:hidden;
   text-align: center;
   color:#fff;
}




.sl-tv-3{
   width: 100%;
   position:relative;
   floaT: left;
   margin: -44px 0px 0px 0px;
}


.sl-tv-2{
   width: 100%;
   position:relative;
   overflow:hidden;
   floaT: left;
   margin: 0px 0px 0px 0px; 
}



.sl-tv-1{
   width: 100%;
   position:relative;
	overflow:hidden;
   floaT: left;
   padding: 14px 0px 14px 0px;
   margin: 0px 0px 0px 0px; 
   background: var(--foni-15) url(../images/bg-2.svg) center  no-repeat !important;
}


.c-vidi-1:hover .c-vidi-flay, .abc-color-01 .c-vidi-1:hover .kut-c-vidi-flay{
    background: #DB1F2A url(../images/icon-24.svg) center no-repeat;
    box-shadow: 0px 0px 0px 6px rgb(0 0 0 / 40%);
    -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;
}


.c-vidi-1 .c-vidi-flay, .abc-color-01 .kut-c-vidi-flay{
	-webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;
    position: absolute;
    left: 50%;
    top: 36%;
    -webkit-transform: translate(-50%, -50%) scale(1);
    -ms-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
    opacity: 9;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 70px;
    background: #DB1F2A url(../images/icon-24.svg) center no-repeat;
    box-shadow: 0px 0px 0px 0px rgb(0 0 0 / 0%);
    border-radius: 50%;
    z-index:1;
}




.abc-div-3.abc-2{
	float: right;
}

.baner-1 img{
	width: 100%;
	floaT: left;
	position:relative;
	line-height: 0px;
}

.baner-1{
	width: 100%;
	floaT: left;
	position:relative;
	margin-bottom: 14px;
}


.abc-9, .abc-8, .abc-div-2.abc-2, .abc-div-3.abc-2{
   width: 100%;
}

.abc-div-1{
	width: 100%;
	floaT: left;
	position:relative;
	overflow:hidden;
}


.abc-icon-5.abc-icon-1 {
    width: 21px;
    height: 21px;
    background: url(../images/icon-15.svg) center no-repeat;
    margin: 13px 7px 0px 0px;
}

.abc-icon-4.abc-icon-1 {
    width: 20px;
    height: 20px;
    background: url(../images/icon-14.svg) center no-repeat;
    margin: 13px 7px 0px 0px;
}

.abc-icon-3.abc-icon-1 {
    width: 21px;
    height: 21px;
    background: url(../images/icon-13.svg) center no-repeat;
    margin: 12px 7px 0px 0px;
}

.abc-02 .abc-9{
   width: 100%;
}


.c-vidi-1:hover .c-vidi-4{
	color:#ffffff;
    -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s;
}


.c-vidi-4{
	/* height: 35px; */
	position:relative;
	/* overflow:hidden; */
	color:#d1d7eb;
	padding: 0px 15px;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
}


.abc-color-1 .c-vidi-3::before, .abc-color-1 .c-vidi-3::after {
    background:#0097E6;
}

.c-vidi-1:hover .c-vidi-3::after, .c-vidi-1:hover .c-vidi-3::before{
    width: 50%;
-webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s;
}


.c-vidi-3::after{
-webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s;
    content: '';
    position: absolute;
    width: 0%;
    height: 3px;
    margin: 0px 0px 0px 0px;
    z-indeX: 1;
    top: 0px;
    right: 0px;
}

.c-vidi-3::before {
	-webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;
    content: '';
    position: absolute;
    width: 0%;
    height: 3px;
    margin: 0px 0px 0px 0px;
    z-indeX: 1;
    top: 0px;
    left: 0px;
}



.c-vidi-1 img {
		object-fit: cover;
	width: 100%;
    -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;
}

.c-vidi-1:hover img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s;
}

.abc-8 .c-vidi-4{
	height: auto;
}

.abc-8 .c-vidi-4{
    padding: 0px 23px;
}



.abc-8 .c-vidi-3{
    padding: 20px 0px;
    font-size: 16px;
    line-height: 20px;
}


.abc-8 .c-vidi-1{
    font-size: 20px;
    font-family: font-2;
    font-size: 15px;
}


.abc-10{
	width: 105%;
	margin: 0px 0px 0px -7px;
	floaT: left;
}


.abc-8 .c-vidi-1{
	width: 100%;
	margin: 0px 0px 0px 0px;
}

.abc-8 .c-vidi-1, .abc-8 .c-vidi-1 img{height: 300px;}


.c-vidi-3{
    widtH: 100%;
    float: left;
    position: absolute;
    overflow:hidden;
    border-radius: 0px;
    padding: 0px 0px 15px 0px;
    background: rgba(12, 18, 34, 0.85);
    z-index:1;
    line-height: 17px;
    color:#fff;
    bottom: 0px;
    padding: 15px 0px 14px 0px;
    font-size: 13.5px;
}

.c-vidi-1, .c-vidi-1 img{
height: 210px;
}

.c-vidi-1{
	width: 263px;
	float: left;
	position:relative;
	overflow:hidden;
	border-radius: 10px;
	margin: 0px 7px 14px 7px;
}


.c-vidi-001 a:hover {
    text-decoration: none;
    text-decoration: underline;
}
.c-vidi-001 a{
	color:#fff;
}
.c-vidi-001 {
	color:#a5a0a0;
	letter-spacing: -0.3px;
    float: left;
    position: absolute;
    overflow:hidden;
    background: rgba(12, 18, 34, 0.85);
    z-index:11;
    line-height: 20px;
    margin: 22px 0px 0px 22px;
    padding: 10px 19px;
    font-size: 12.5px;
    border-radius: 100px;
    font-family: font-1;
}


.c-vidi-01 a:hover {
    text-decoration: none;
    text-decoration: underline;
}

.c-vidi-01 a{
	letter-spacing: -0.3px;
    float: left;
    position: absolute;
    overflow:hidden;
    background: rgba(12, 18, 34, 0.85);
    z-index:11;
    line-height: 20px;
    color:#fff;
    margin: 22px 0px 0px 22px;
    padding: 10px 19px;
    font-size: 13px;
    border-radius: 100px;
    font-family: font-1;
}


.abc-9{
   position:relative;
   overflow:hidden;
   floaT: right;
}

.abc-8{
	margin-bottom: 14px;
   position:relative;
   floaT: left;
}



.abc-7 img{
   width: 100%;
   floaT: left;
   line-height: 0px;
   font-size: 0px;
   object-fit: cover;
}

.abc-7{
   width: 100%;
   position:relative;
   floaT: left;
}



.abc-icon-2 {
    width: 25px;
    height: 25px;
    position: relative;
    background: var(--foni-3) url(../images/icon-11.svg) 8px 7.3px no-repeat;
    margin: 9px 7px 0px 10px;
    border-radius: 100px;
    floaT: right;
}

.abc-5:hover{
	color:#0097E6;
	border: 2px solid #0097E6;
	transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;
}

.abc-mov-1 .abc-5{
	margin-top: 10px;
}


.abc-5 {
	transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-webkit-transition:all 0.3s ease-in-out;
	color: #77828F;
	font-family: font-4;
	position:relative;
	floaT: right;
	margin: 0px 0px 0px 0px;
	border: 2px solid var(--foni-3);
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	border-radius: 100px;
	height: 47px;
	line-height: 45.6px;
	padding: 0px 5px 0px 20px;
	font-size: 14px;
}



.abc-4::before {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 11px;
    border-color: #0888CA #0008ff00 #1c1e2000 #ff000000;
    margin: 0px 0px 0px 0px;
    z-indeX: 1;
    bottom: -22px;
    left: 0px;
}

.abc-icon-1 {
    width: 21px;
    height: 19px;
    float: left;
    position: relative;
    background: url(../images/icon-12.svg) center no-repeat;
    margin: 14px 7px 0px 0px;
}


.abc-4 {
	z-index:1;
	color:#fff;
   font-family: font-4;
   position:relative;
   floaT: left;
   margin: 0px 0px 0px 0px; 
   background: linear-gradient(180deg, #18ACFA 0%, #0097E6 100%);
   border-radius: 100px 100px 100px 0px;
   height: 47px;
   line-height: 47px;
   padding: 0px 30px 0px 20px;
   font-size: 15px;
}



.abc-3{
   width: 100%;
   position:relative;
   floaT: left;
   margin: 0px 0px 20px 0px; 
}


.abc-2{
	overflow:hidden;
   width: 100%;
   position:relative;
   floaT: left;
}


.abc-1{
	overflow:hidden;
	z-index:0;
	padding-top: 20px;
   width: 100%;
   position:relative;
   background: var(--foni-4);
   floaT: left;
}





.sl-news-1 img {
    -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;
}

.sl-news-1:hover img {
    -webkit-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.05);
    -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;
}

.sl-news-3 a{
	transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;
}

.sl-news-1:hover .sl-news-3 h2 a{
	color:#0097E6;
	transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;
}



.sl-hd-11:hover .sl-hd-12, .sl-hd-a.sl-hd-11 .sl-hd-12 {
    -webkit-transform: translate(-50%, -50%) scale(1);
    -ms-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(0.85);
    opacity: 1;

    transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;
}

.sl-hd-12 {
    position: absolute;
    left: 50%;
    top: 50%;
    color: #f8f9fa;
    -webkit-transform: translate(-50%, -50%) scale(0.5);
    -ms-transform: translate(-50%, -50%) scale(0.5);
    transform: translate(-50%, -50%) scale(0.5);
    transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;
    opacity: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    line-height: 70px;
    background: rgb(21 101 192 / 90%) url(../images/icon-6.svg) center no-repeat;
    border-radius: 50%;
}

.sl-hd-9 a:hover{
	background: var(--foni-11);
	color:#FC427B;
	transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;
}


.sl-hd-9 a{
	transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-webkit-transition:all 0.3s ease-in-out;
	border-radius: 0px;
	background: var(--foni-10);
	padding: 10px 35px;
	color: #ffffff;
	height: 39px;
	font-family: font-2;
	letter-spacing: -0.4px;
	border-radius: 100px;
}



.sl-hd-9{
	background: var(--foni-9);
	width: 100%;
	line-height: 60px;
	height: 60px;
	font-family: font-4;
	floaT: left;
	border-top: 1px var(--foni-1) solid;
	text-align: center;
	color: #273C75;
	font-size: 16px;
}


.sl-hd-11, .sl-hd-11 img{
	border-radius: 100px;
	object-fit: cover;
	width: 90px;
	height: 90px;
}


.sl-hd-11{
	border-radius: 100px;
	position:relative;
	line-height: 20px;
	floaT: left;
	margin: 0px 7px 14px 7px;
}



.sl-hd-8{
	margin: 0px 0px 0px 10px;
}


.sl-hd-7{
	background: var(--foni-1);
	padding-top: 15px;
	width: 100%;
	line-height: 20px;
	floaT: left;
}



.sl-hd-6{
	width: 100%;
	line-height: 55px;
	height: 55px;
	font-family: font-4;
	floaT: left;
	border-bottom: 0px #3c5391 solid;
	text-align: center;
	background: var(--foni-9);
	color: #fff;
	font-size: 16px;
}




.sl-news-9 {
    width: 6px;
    height: 17px;
    float: right;
    position: relative;
    background: url(../images/icon-8.svg) center no-repeat;
    margin: 5px 0px 0px 5px;
}

.sl-news-7 {
    width: 17px;
    height: 17px;
    float: left;
    position: relative;
    background: url(../images/icon-10.svg) center no-repeat;
    margin: 6px 8px 0px 0px;
}

.sl-news-6 {
    width: 15px;
    height: 17px;
    float: left;
    position: relative;
    background: url(../images/icon-9.svg) center no-repeat;
    margin: 5px 8px 0px 0px;
}

.sl-news-8:hover {
    text-decoration: none;
    text-decoration: underline;
}


.sl-news-8 {
	font-family: font-4;
    float: right;
    position: relative;
    font-size: 14px;
    color:#fff;
}


.sl-news-05 {
    float: left;
    position: relative;
    font-size: 14px;
    margin-lefT: 50px;
}


.sl-news-5 {
    float: left;
    position: relative;
    font-size: 13px;
}



.sl-news-4 {
	color:#CDCBCB;
    float: left;
    position: relative;
    widtH: 100%;
    font-family: font-3;
    padding: 0px 0px;
    font-size: 14px;
}



.sl-news-3 h2 {
    float: left;
    position: relative;
    widtH: 100%;
    font-family: font-2;
    font-weight: 100;
    margin: 0px 0px 12px 0px;
    padding: 20px 0px 20px 0px;
    font-size: 16px;
    line-height: 21px;
    letter-spacing: -0.3px;
    border-bottom: 1px rgba(255, 255, 255, 0.2) solid;
}

.sl-news-02 a:hover {
    text-decoration: none;
    text-decoration: underline;
}

.sl-news-02 a{
	color:#ffffff;
}

.sl-news-02{
	letter-spacing: -0.3px;
    float: left;
    position: absolute;
    overflow:hidden;
    background: rgba(12, 18, 34, 0.85);
    z-index:11;
    line-height: 20px;
    color:#fff;
    margin: 15px 0px 0px 15px;
    padding: 8px 19px;
    font-size: 13px;
    border-radius: 100px;
    font-family: font-1;
}


.sl-news-3{
	padding: 0px 25px;
}



.sl-news-2 a{
    color:#fff;
}


.sl-news-2{
    widtH: 100%;
    float: left;
    position: absolute;
    overflow:hidden;
    border-radius: 0px;
    padding: 0px 0px 15px 0px;
    background: rgba(12, 18, 34, 0.85);
    z-index:11;
    line-height: 30px;
    color:#fff;
    bottom: 0px;
}


.sl-news-1{
    widtH: 100%;
    float: left;
    position: relative;
    overflow:hidden;
    border-radius: 0px;
    padding: 0px 0px;
}



.sl-hd-5{
    float: right;
    position: relative;
    overflow:hidden;
    widtH: 100%;
    border-radius: 10px;
    padding: 0px 0px;
}



.sl-hd-3 img, .sl-hd-3, .sl-news-1, .sl-news-002{
	object-fit: cover;
	line-height: 0px;
	height: 350px;
	floaT: left;
}

.sl-hd-3 img, .sl-news-002{
    width: 100%;
    line-height: 0px;
    floaT: left;
}

.sl-hd-3 {
	margin-bottom: 14px;
    float: left;
    position: relative;
    overflow:hidden;
    widtH: 100%;
    border-radius: 10px;
    padding: 0px 0px;
}



.sl-hd-2 {
    float: left;
    position: relative;
    widtH: 100%;
    padding: 14px 0px;
}


.sl-hd-1 {
	z-index:0;
    float: left;
    position: relative;
    widtH: 100%;
    margin-bottom: 0px;
    background: #F4F6FD url(../images/bg-1.svg) center  no-repeat !important;
}






.van-prof-4{
	float: left;
	margin: 0px 0px 0px 0px;
	position:absolute;
	width: 11px;
height: 11px;
right: -2px;
top: 44px;
border-radius: 100px;
background: #67C03D;
border: 4px solid var(--foni-1);
}


.van-div-l{
	color:#3663DD;
	line-height: 30px;
	float: left;
	font-family:font-3;
}


.van-prof-3 img{
	width: 35px;
	height: 35px;
	border-radius: 100px;
	margin: 20px 0px 0px 0px;
	line-height: 60px;
}

.van-prof-3{
	z-index:0;
		height: 76px;
		overflow:hidden;
		line-height: 76px;
		float: left;
		margin: 0px 0px 0px 0px;
		position:relative;
}
.van-prof-2:hover {
		 -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
	color:#0097E6;
}

.van-prof-2{
		 -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
	float: left;
	font-family:font-4;
	color:#1E2F5E;
	border-lefT: 1px var(--foni-5) solid;
	padding: 0px 20px 0px 25px;
}


.van-prof-1{
	right: 0px;
	z-index:0;
	height: 60px;
	overflow:hidden;
	position: relative;
	line-height: 60px;
	float: left;
	margin: 0px 0px 0px 0px;
}


.van-div-2{
	float: left;
	color: #3663DD;
}


.van-div-3{
	height: 76px;
	overflow:hidden;
	position:relative;
	line-height: 76px;
	display: inline-block;
	float: right;
	color: #3663DD;
}




    .search-wrapper .input-holder {
        transition: all .2s ease-in-out;
    }

    .search-wrapper.active .input-holder .search-input {
        transform: translate(0,0px);
    }



.svg-menu-1 path{
    fill: #A4C4FF;
    }


.svg-menu-1 svg{
    width: 100%;
    }

.svg-menu-1 svg{
    fill: #fff;
    width: 11px;
    height: 6px;
    margin: -0px 0px 0px 3px;
    position:relative;
   top: -3px;
}


.van-div-10{
	floaT: right;
	position:relative;
}

.van-div-9{
	-webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
	position:relative;
	width: 20px;
	height: 20px;
	floaT: right;
	margin: 5px 22px 0px 0px;
	background: #273C75 url(../images/icon-4.svg) center no-repeat;
	border-radius: 100px;
}




.van-div-7{
    cursor: pointer;
    overflow:hidden;
    width: 53px;
    height: 30px;
    line-height: 30px;
    floaT: right;
    position:relative;
    margin: 24px 55px 0px 0px;
    border-radius: 100px;
    background: #375199;
    text-align: center;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
}


.van-div-8{
    margin: 0px 5px;
}




.van-div-3 button{
    floaT: right;
    background:rgb(255 255 255 / 0%);
    border:0;
}



.mobm-1{
display: none !important;
}


#cssmenu ul svg {
  fill:#fff;
}


#cssmenu ul .menu-a::before, #cssmenu ul .menu-a::after {
    width: 10px;
}


#cssmenu > ul > .home-svg-1 svg{
    width: 19px;
    height: 19px;
    margin: 10px 0px 0px -0px;
    position:relative;
    }

.van-div-1:hover .van-div-2 svg{
   fill: #fff;
    -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
}

.van-div-01.van-div-2 svg{
    -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
}

.van-div-1:hover .van-div-2{
   background: #3663DD;
   -webkit-transition: all .2s;
   -moz-transition: all .2s;
   -o-transition: all .2s;
   transition: all .2s;
}


.swore-1{
    floaT: left;
    background: rgb(238 238 238 / 0%);
    z-indeX:0;
    width: 100%;
    position:absolute;
    text-align: center;
    left: 0px;
    height: 30px;
}

.van-div-2 svg{
   fill: #3663DD;
}

.van-div-03.van-div-2{
    line-height: 36px;
}

.van-div-2{
    overflow:hidden;
    width: 32px;
    height: 32px;
    line-height: 34px;
    floaT: left;
    position:relative;
    margin: 0px 12px 0px 0px;
    border-radius: 100px;
    background: #DAE3FA;
    text-align: center;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
}


.van-div-1{
    floaT: left;
    position:relative;
    margin-top: 15px;
}









.search-wrapper .input-holder .search-icon:hover {
-webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;
}

.search-wrapper .input-holder .search-icon {
-webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;
}



.search-wrapper.search-wrap.hidden.active{
	height: 76px;
	padding: 0px 0px 0px 0px;
	margin-top: 0px;
}


.search-wrapper {
	z-indeX: 1;
	position: relative;
	top: 0px;
	right: 0px;
	}


    .search-wrapper .input-holder {
    	z-index:0;
    	overflow:hidden;
    	right: 0px;
    	height: 76px;
    	width: 40px;
    	position: absolute;
  }


    .search-wrapper.active .input-holder {
		height: 76px;
		right: 0px;
		width: 430px;
		background: #314889;
		z-index:1;
		top: 0px;
		border-radius: 0px !important;
		}




    .search-wrapper .input-holder .search-input {
		
    	width: 0px;
    	height: 76px;
    	padding: 0 0px 0 0px;
    	opacity: 0;
    	position: absolute;
    	top: 0;
    	left: 0;
    	background: 0 0;
    	box-sizing: border-box;
    	border: none;
    	outline: none;
    	font-family: font-2;
    	font-size: 14px;
    	line-height: 20px;
    	color: #eceeff;
    }

    .search-wrapper.active .input-holder .search-input {
    	width: 300px;
    	padding: 0px 0px 0px 25px;
    	opacity: 1;
    }

    .search-wrapper.active .input-holder .search-icon {
		margin-right: 45px;
    }

    .search-wrapper .input-holder .search-icon {
		top: 18px;
    	opacity:0;
    	width: 40px;
    	height: 40px;
    	margin-top: 0px;
    	border: none;
    	border-radius: 0px;
    	padding: 0;
    	outline: none;
    	position: relative;
    	z-index: 11;
    	float: right;
    	cursor: pointer;
  }

 .search-wrapper .input-holder .search-icon:hover::before {
    background-color: #4c66ad;
	 -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
}


 .search-wrapper .input-holder .search-icon::before {
	 -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
    border-radius: 5px;
    lefT: 0px;
    width: 100%;
    height: 100%;
    bottom: 0px;
    position: absolute;
    background: #3F5797 url(../images/icon-3.svg) center  no-repeat;
    content: "";
}

.search-wrapper.active .input-holder .search-icon::before {
		display: none;
    }


.q_search input::placeholder {
    color: #ffffff;
}

    .search-wrapper .input-holder .search-icon:hover {
    	background: var(--foni-14);
    }


    .search-wrapper .input-holder .search-icon {
         background: var(--foni-1);
    	opacity: 1;
        border-radius: 5px;
        z-index:9999;
    }

    .search-wrapper.active .input-holder .search-icon {
    	opacity: 9;
        background: url(../images/search-1.svg) center no-repeat;
        z-index:9999;
        display: none;
    }

    .search-wrapper .input-holder .search-icon span {
        width: 22px;
        height: 22px;
        display: inline-block;
        vertical-align: middle;
        position: relative;
    }

    .search-wrapper.active .input-holder .search-icon span {
		opacity: 0;
		}

    .search-wrapper .input-holder .search-icon span::before,.search-wrapper .input-holder .search-icon span::after {
        position: absolute;
        content: '';
    }

    .search-wrapper .input-holder .search-icon span::before {
        width: 4px;
        height: 14px;
        left: 22px;
        top: 8px;
        border-radius: 5px;
        transform: rotate(-85deg);
    }

    .search-wrapper .input-holder .search-icon span::after {
        width: 14px;
        height: 14px;
        left: 0;
        top: 0;
        border-radius: 16px;
    }

    .search-wrapper .close {
		opacity:0;
		position: absolute;
		z-index: 1;
		top: 28px;
		right: 16px;
		width: 20px;
		height: 20px;
		cursor: pointer;
		transform: rotate(45deg);
		}

    .search-wrapper.active .close {
		transform: rotate(45deg);
        transition: all .6s cubic-bezier(0,.105,.035,1.57);
		opacity:9;
    }

    .search-wrapper .close::before,.search-wrapper .close::after {
        position: absolute;
        content: '';
        background: #ffffff;
        border-radius: 10px;
    }

    .search-wrapper .close::before {
        width: 2px;
        height: 20px;
        left: 9px;
        top: 0;
    }

    .search-wrapper .close::after {
        width: 20px;
        height: 2px;
        left: 0;
        top: 9px;
    }


#cssmenu ul .menu-b a::before {
display: none;
}



.header-2{
    width: 100%;
    floaT: left;
    position:relative;
}

.header-4 ul li ul li a{
   border-right: 0px #ffffff solid;
   font-family: font-1 !important;
}

.header-4 ul li {
	width: 100%;
	floaT: left;
}
.header-4 ul li a{
	text-align: left;
	width: 100%;
	floaT: left;
    letter-spacing:0.4px;
    font-family: font-4 !important;
    border-right: 0px #5d95d9 solid;
    font-size: 15px;
    float: left;
    padding: 10px 15px;
    line-height: 20px;
    position:relative;
}

.header-12 a{
   color:#a5a7b2;
}

#cssmenu ul li ul li::before, #cssmenu ul li ul li::after {
display:none !important;
}


#cssmenu ul li::after {border-radius: 0px;}







.header-03.header-3 {
    position: fixed;
    top: 0px !important;
    margin-top: 0px;
    box-shadow: 0px 4px 4px rgb(0 0 0 /8%);
    z-index:9;
}

.header-3 {
    z-index: 11;
    float: left;
    position: relative;
    margin-top: 0px;
    widtH: 100%;
    background: var(--foni-1);
    line-height: 50px;
}


.logo-1 img{
    widtH: 100%;
    line-height: 0px;
    float: left;
    position: relative;
}



.logo-2 {
    line-height: 0px;
    width: 100%;
    float: left;
    position: relative;
}

.logo-1 svg {
    width: 210px;
}

.logo-1 {
    width: 100%;
    text-align: center;
    margin: 13px 0px 0px 0px;
    float: left;
    position: absolute;
    z-index:0;
}



.header-1 {
    float: left;
    position: relative;
    widtH: 100%;
    height: 60px;
    background:var(--foni-4);
    line-height: 60px;
}

.divi-slaider-bg {
    float: left;
    position: relative;
    widtH: 100%;
    color: #000;
    z-index:1;
    margin-bottom: 20px;
}


/*-- slaider --*/


.slick-next:before{
	width: 100%;
	height: 100%;
	background: url(../images/icon-6.svg) center  no-repeat;
	content: "";
	position:absolute;
	lefT: 0px;
}

.slick-prev:after{
	width: 100%;
	height: 100%;
	background: url(../images/icon-7.svg) center  no-repeat;
	content: "";
	position:absolute;
	lefT: 0px;
}


.slick-disabled.slick-prev, .slick-disabled.slick-next {
    opacity: 0.5 !important;
}


.slick-slider{overflow:hidden;position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent;}
.slick-list{border-radius: 3px;position:relative;display:block;overflow:hidden;margin:0;padding:0;}
.slick-list:focus{outline:none;}
.slick-list.dragging{cursor:pointer;cursor:hand;}
.slick-slider .slick-list{-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}
.slick-loading .slick-track{visibility:hidden;}
.slick-slide{display:none;float:left;height:100%;min-height: 0px;}
.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent;}
.slick-arrow.slick-hidden{display:none;}
.slick-prev,
.slick-next{border:none;outline:none;}
.slick-initialized .slick-slide{display:block;}
.slick-prev:after{right:0px;top:0px;}
.slick-dots{padding-bottom: 2px !important;bottom:20px;width:100% !important;position:absolute;display: none !important;padding:0;margin:0;list-style:none;text-align:center;z-index:9;}
.slick-dots .slick-active{background: #2196f3;border-radius:100px;}
.slick-next{right:15px;floaT:left;border-radius:5px;background: rgb(0 0 0 / 70%);font-size:0px !important;z-index:1;line-height:40px;position:absolute;display:block !important;width: 40px;height: 40px;padding:0;cursor:pointer;}
.shefi-8 .slick-prev:hover{transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;box-shadow:0px 2px 5px 0px #0000001f;}
.slick-prev,.slick-next{top: 40% !important;}
.slick-prev{background:rgb(0 0 0 / 60%);lefT: 15px;floaT:left;border-radius:5px;font-size:0px !important;z-index: 1;line-height:50px;position:absolute;display:block !important;width: 40px;height: 40px;padding:0;cursor:pointer;}
.slick-dots li{display: none !important;background: #ffffff;border-radius:10px;position:relative;display:inline-block;width:15px;height:15px;margin:0 9px;padding:0;cursor:pointer;}
.slick-dots li button{font-size:0;line-height:0;display:block;width:10px;height:10px;padding:5px;cursor:pointer;color:transparent;border:0;outline:none;background:transparent;}
/*-- slaider --*/
}





@media (min-width:750px) and (max-width:1000px){

.darken  .li-left-4{
	color:#f0f1f3;
}

body.darken .di-left-6 div li .li-left-2{
  background: var(--foni-3) !important;
}


body .di-left-6 div li .li-left-2{
  background: var(--foni-4) !important;
}

.di-left-5::-webkit-scrollbar-track{background:#2f5399;}
.di-left-5::-webkit-scrollbar-thumb{background:#5676c7;}
.di-left-5::-webkit-scrollbar{width:4px;}

.darken .di-left-5::-webkit-scrollbar-track{background:#373f4e;}
.darken .di-left-5::-webkit-scrollbar-thumb{background:#575e70;}
.darken .di-left-5::-webkit-scrollbar{width:4px;}

.h1-1 .abc-10 li:nth-child(6){display:none}

.moi-4{
display:none !important;
}


.outer-menu .menu > div::-webkit-scrollbar-track{background:#373f4e;}
.outer-menu .menu > div::-webkit-scrollbar-thumb{background:#575e70;}
.outer-menu .menu > div::-webkit-scrollbar{width:4px;}


#cssmenu ul li ul li a{ 
font-family: font-4 !important;  
-webkit-transition: all .1s;-moz-transition: all .1s;-o-transition: all .1s;transition: all .1s; 
display: inline-block;
font-size: 15px;
opacity: 1; 
font-family:font-2;font-weight:400;
text-transform:none;letter-spacing:0;display:block;
width: 100%;
padding: 5px 15px;
}


#cssmenu{width: 100%;margin-right: 0px;floaT: left;padding:0;line-height:1;display:block;position:relative;font-family:font-1;box-sizing:content-box;}


#cssmenu ul li{    margin: 0px 0px;  padding:0px 0px; display:block;position:relative;}
#cssmenu ul li a{ color: #fff;  text-decoration:none;display:block;margin:0;-webkit-transition:color .1s ease;-moz-transition:color .1s ease;-ms-transition:color .1s ease;-o-transition:color .1s ease;transition:color .1s ease;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}



#cssmenu.align-right ul li ul li.has-sub:after{right:auto;left:15px;}
#cssmenu.align-right ul li ul li.has-sub:before{right:auto;left:15px;border-left-color:transparent;border-right-color:#fff;}



#cssmenu ul li ul li:hover > a, #cssmenu ul li ul li.active > a{ -webkit-transition: all .1s;-moz-transition: all .1s;-o-transition: all .1s;transition: all .1s;  color: #FC427B; !important;background: rgb(45 48 62 / 3%);}
#cssmenu ul li ul li:hover:after,
#cssmenu ul li ul li.active:after{background:#2196f3;}
#cssmenu ul li ul li:hover > ul{  background: #191a21;border-top: 0px solid #191a21;border-bottom: 0px solid #191a21;border-left: 0px solid #eee;border-right: 0px solid #eee;left:100%;top: 0px;}
#cssmenu ul li ul li:hover > ul > li{max-height:72px;position:relative;}
#cssmenu > ul > li{ width: 100%; float:left;}
#cssmenu.align-center > ul > li{float:none;display:inline-block;}
#cssmenu.align-center > ul{text-align:center;font-size:0;}
#cssmenu.align-center ul ul{text-align:left;}
#cssmenu.align-right > ul{float:right;}
#cssmenu.align-right > ul > li:hover > ul{left:auto;right:0;}
#cssmenu.align-right ul ul li:hover > ul{right:100%;left:auto;}
#cssmenu.align-right ul ul li a{text-align:right;}
#cssmenu > ul > li:hover > a,
#cssmenu > ul > li.active > a{color: #FC427B;position:relative;z-index:9999;cursor:pointer;-webkit-transition: all .3s;-moz-transition: all .3s;-o-transition: all .3s;transition: all .3s;}
#cssmenu > ul > .menu-a a{color: #FC427B;}
#cssmenu > ul > li > a,
#cssmenu > ul > li.active > a{
    color:#fff;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;

}

.darken #cssmenu > ul > li > ul{
	background: #282e3a !important;
}

#cssmenu ul  ul   {
	width: 100%;
	floaT: left;
	padding: 0px 0px 0px 0px;
	text-align: center;
}

#cssmenu ul  ul {
	border-bottom: 0px #323a48 solid;
	width: 100%;
	floaT: left;
	text-align: center;
	margin-bottom: -6px;
}


#cssmenu ul  ul li  {
	border-bottom: 1px #323a48 solid;
	width: 100%;
	floaT: left;
	text-align: center;
}

#cssmenu ul li  {
	border-bottom: 1px #323a48 solid;
	width: 100%;
	floaT: left;
	padding: 5px 0px;
	text-align: center;
}

.outer-menu {
	floaT: left;
	width: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 999;
}
.outer-menu .checkbox-toggle {
	position: absolute;
	top: 22px;
	floaT: left;
	left: 53px;
	z-index: 2;
	cursor: pointer;
	width: 37px;
	height: 35px;
	opacity: 0;
}
.outer-menu .checkbox-toggle:checked + .hamburger > div {
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
}

.outer-menu .checkbox-toggle:checked + .hamburger > div {
    background: #ffffff;
}

.outer-menu .checkbox-toggle:checked + .hamburger > div:after,
.outer-menu .checkbox-toggle:checked + .hamburger > div:before {
    top: 0;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}
.outer-menu .checkbox-toggle:checked + .hamburger > div:after {
    opacity: 0;
}
.outer-menu .checkbox-toggle:checked ~ .menu {
    pointer-events: auto;
    visibility: visible;
    lefT: 0px;

}

.outer-menu .checkbox-toggle .menu {
    pointer-events: auto;
    visibility: visible;
    lefT: -300px;
}

.outer-menu .checkbox-toggle:checked ~ .menu > div {
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
	border-radius: 0px !important;
	right: 0px;
}

.outer-menu .menu div {
	-webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s; 
}

.outer-menu .checkbox-toggle:checked ~ .menu > div > div {
   lefT: 300px !important;
   opacity: 9;
   top: 0px;

}

.outer-menu .checkbox-toggle:hover + .hamburger {
    box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.1);
}
.outer-menu .checkbox-toggle:checked:hover + .hamburger > div {
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg);
}
.outer-menu .hamburger {
    position: absolute;
    top: 17px;
    left: 50px;
    z-index: 1;
    width: 30px;
    height: 40px;
    padding: 0.0em 6px;
    background: 0 0;
    box-shadow: none !important;
    border-radius: 0 0.12em 0.12em 0;
    cursor: pointer;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}
.outer-menu .hamburger > div {
    position: relative;
    -webkit-box-flex: 0;
    flex: none;
    width: 100%;
    height: 3px;
    background: #0097E6;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}
.outer-menu .hamburger > div:after,
.outer-menu .hamburger > div:before {
    content: "";
    position: absolute;
    z-index: 1;
    top: -10px;
    left: 0;
    width: 100%;
    height: 3px;
    background: inherit;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.outer-menu .hamburger > div:after {
    top: 10px;
}


.outer-menu .menu::before{
	width:100%;
	height: 100%;
	margin:0px 0px 0px 0px;
	position:fixed;
	floaT:left;
	background:rgb(18 21 26 / 96%);
	content:"";
	top: 0px;
	right: 0px;
}

.outer-menu .menu {
		-webkit-transition: opacity 0.4s ease 0.4s;
	transition: opacity 0.4s ease 0.4s;
	position: fixed;top: 0;left: -300px;width: 300px;height: 100%;pointer-events: none;visibility: hidden;overflow: hidden;-webkit-backface-visibility: hidden;backface-visibility: hidden;outline: 1px solid transparent;display: -webkit-box;display: flex;-webkit-box-align: center;align-items: center;-webkit-box-pack: center;justify-content: center;}

.outer-menu .menu > div {
	position:fixed;
	top: 0px;
	floaT: left;
	right: -300px;
	width: 300px;
	height: 100%;
	color: #fefefe;
	background: #282e3a;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	overflow-y: auto;
	display: -webkit-box;
	/* display: flex; */
	/* -webkit-box-align: center; */
	/* align-items: center; */
	/* -webkit-box-pack: center; */
	/* justify-content: center; */
}
.outer-menu .menu > div > div {
	lefT: 0px !important;
    text-align: center;
    max-width: 300px;
    opacity: 0;

}
.outer-menu .menu > div > div > ul {
    list-style: none;
    padding: 0 1em;
    margin: 0;
    display: block;
    max-height: 100vh;
}
.outer-menu .menu > div > div > ul > li {
    padding: 0;
    margin: 1em;
    font-size: 24px;
    display: block;
}
.outer-menu .menu > div > div > ul > li > a {
    position: relative;
    display: inline;
    cursor: pointer;
    -webkit-transition: color 0.4s ease;
    transition: color 0.4s ease;
    font-family: Mbold;
    color: #fff;
    font-size: 16px;
}
.outer-menu .menu > div > div > ul > li.host {
    margin-top: 40px;
}
.outer-menu .menu > div > div > ul > li > a:hover {
    color: #e5e5e5;
}
.outer-menu .menu > div > div > ul > li > a:hover:after {
    width: 100%;
}
.outer-menu .menu > div > div > ul > li > a:after {
    content: "";
    position: absolute;
    z-index: 1;
    bottom: -5px;
    left: 0;
    width: 0;
    height: 2px;
    background: #fed501;
    -webkit-transition: width 0.4s ease;
    transition: width 0.4s ease;
}


.h1-1 .abc-10 li:nth-child(6){display:none}
.h1-1 .abc-10 li:nth-child(7){display:none}
.h1-2 .abc-10 li:nth-child(6){display:none}
.h1-2 .abc-10 li:nth-child(5){display:none}



.abc-mov-5{
	width: 100%;
	floaT: left;
	position:relative;
	overflow:hidden;
}

.logo-2 h1{
	display: none;
}

.ms-sl-1 .tvicon-1 .abc-icon-6.abc-icon-1 {
    background: url(../images/mp4.svg) center no-repeat;
	background-size: 18px;
    margin: 13px 7px 0px -4px;
}

.ms-sl-1 .sl-hd-11{
	margin: 0px 5px 20px 5px;
}

.ms-sl-1.sidebari-7 .sl-tv-1{
   padding: 0px 0px 2px 0px;
}


.ms-sl-1 .sl-hd-11, .ms-sl-1 .sl-hd-11 img{
	width: 90px;
	height: 90px;
}


.ms-sl-1 .sl-hd-11{
   margin-top: 70px;
	   padding: 0px 0px 0px 0px;
}

.ms-sl-1.sidebari-7{
   margin: 0px 0px 20px 0px;
}




.qq-uploader .btn{
	width: 200px !important;
	text-align: center;
}


.qq-uploader .btn{
	height: 37px;
	font-size: 14px;
	font-family:font-1;
	font-weight: 600;
	letter-spacing: -0.2px;
}



#f-prc-1 li a:hover{
	color:#FF2D46;
	-webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
}


#f-prc-1 li {
	line-height: 10px;
	width: 100%;
	float: left;
}

#f-prc-1 li a {
	color:#8989a5;
	font-size: 14px;
	font-family:font-1;
	margin: 0px 0px 20px 0px;
}

#f-prc-1 {
	position:relative;
	width: 100%;
	float: left;
	margin: 2px 0px 0px 0px;
	padding-bottom: 8px;
	padding-top: 3px;
}

.zari-pr-3{
	margin-bottom: 20px;
}


.a-autor-7{
	width: 100%;
	floaT: left;
	height: 100%;
	left: 0px;
	top: 0px;
	position:absolute;
}


.a-autor-6{
	position:relative;
}


.a-autor-2 a:hover{
	color: #0097E6;
}

.a-autor-5 a{
	color: #44537e;
}

.a-autor-4{
	color: #273c75;
	font-size:14px;
	font-family:font-3;
}


.a-autor-5{
	letter-spacing: -0.4px;
	z-index:99;
	position:relative;
	width: 100%;
	float: left;
	margin: 0px 0px 0px 0px;
	font-family:font-1;
	font-size:15px;
}
.a-autor-3 a{
	color: #273c75;
	   font-weight: 600;
}

.a-autor-3{
	   font-weight: 700;
	color: #273c75;
	font-size:14px;
	z-index:99;
	position:relative;
	width: 100%;
	float: left;
	margin: 20px 0px 3px 0px;
	font-family:font-3;
	
}

.a-autor-2{
	color: #273c75;
	font-size:15px;
	z-index:99;
	position:relative;
	width: calc(100% - 97px);
	float: right;
	margin: 0 0 0 0px;
	    font-weight: 700;
}

.a-autor-1, .a-autor-1 img{
	width:80px;
	height:80px;
	floaT: left;
	border-radius: 100px;
}




.musig .n-fil.mov-ne-1, .musig .n-fil .mov-ne-8 img, .musig .n-fil .mov-ne-7, .musig .n-fil .mov-ne-4{height: 134px;}

.musig .mov-ne-7 {
    line-height: 16px;
    font-size: 12px;
}


.musig .n-fil.mov-ne-1{
	width: 134px;
}

.musig .abc-mov-4 {
    background: url(../images/mmusic.svg) center no-repeat;
}

.musig.abc-mov-1{
   margin-bottom: 20px;
}



.c-v.c-vidi-001 {
	color:#a5a0a0;
	letter-spacing: -0.3px;
    line-height: 20px;
    margin: 15px 0px 0px 15px;
    padding: 7px 15px;
    font-size: 12px;
}


.abc-mov-3{
	floaT: left;
}


.kino-tab-enn{
	width: 25px;
	margin: 1px 0px -4px 0px;
}


.mus.rec .tvicon-1 .abc-icon-6.abc-icon-1 {
    background: url(../images/mp4.svg) center no-repeat;
	background-size: 18px;
    margin: 12px 7px 0px -1px;
}


.mus.rec  .sl-tv-7:hover .sl-tv-11 h2{
   color:#0097E6;
}


.mus.rec .sl-tv-13{
   background: var(--foni-16) !important;
   color:#fff;
}

.msms.mus.rec .sl-tv-10 h2{
   width: 100%;
   padding: 22px 0px 20px 0px;
}

.mus.rec.sl-tv-1{
   background: var(--foni-15) url(../images/bg-2.svg) center  no-repeat !important;
}



.abc-top{
	z-index:0;
}

.rec .sl-tv-11{
   margin: 0px 20px;
}


.rec .sl-tv-13{
   background: var(--foni-12) url(../images/bg-2.svg) center  no-repeat !important;
   color:#fff;
}


.rec.sl-tv-1{
	background: var(--foni-4) !important;
}

.rec  .sl-tv-13{
height: 190px;
}

.rec .sl-tv-10 h2{
   width: 100%;
   padding: 22px 0px;
   font-size: 13px;
   font-family: font-1;
   letter-spacing: -0.2px;
   margin: 0px;
   line-height: 16px;
   position:relative;
   floaT: left;
   overflow:hidden;
   color:#ffffff;
}


.rec .sl-tv-10{
   width: 100%;
   height: auto;
   line-height: 20px;
   border-top: 0px #334063 solid;
	position:absolute;
	bottom: 0px;
}


.rec .sl-tv-7{
	width: 248px;
}


.rec  .sl-tv-7:hover .sl-tv-11 h2{
   color:#8BC55E;
}

.rec .sl-tv-9{
	margin-top: 10px;
	width: 85px;
	height: 85px;
}

.rec .sl-tv-8 img{
	width: 85px;
	height: 85px;
	border-radius: 100px;
	object-fit: cover;
}


.rec .tvicon-1 .abc-icon-6.abc-icon-1 {
    background: url(../images/icon-19.svg) center no-repeat;
    margin: 12px 7px 0px -1px;
}



.n-fil .mov-ne-3 img{
	width: 20px;
}


.n-fil.mov-ne-1, .n-fil .mov-ne-8 img, .n-fil .mov-ne-7, .n-fil .mov-ne-4{height: 172px;}

.n-fil.mov-ne-1, .mov-ne-1{
	width: 172px;
}






.mp3 .sl-hd-12 {
    background: rgb(252 66 123 / 90%) url(../images/mp4.svg) center no-repeat;
	background-size: 25px;
    border-radius: 50%;
}

.musge-5{
	color: #ffffff;
}


.musge-3 a{
	color:#fff;
}

.musge-3 a:hover{
	background:#ff5d8f;
	-webkit-transition: .3s ease-in-out; transition: .3s ease-in-out;
}

.musge-3 a{
	-webkit-transition: .3s ease-in-out; transition: .3s ease-in-out;
	floaT: left;
	background:#FC427B;
	padding: 0px 20px;
	height: 45px;
	border-radius: 5px;
	line-height: 45px;
	font-family: font-4;
}

.musge-4{
	background: #0097E6;
	floaT: right;
	color:#fff;
	padding: 0px 20px;
	height: 45px;
	border-radius: 5px;
	line-height: 45px;
	font-family: font-3;
	font-size: 14px;
}

.musge-2 {
	padding: 0px 10px;
}

.musge-1 {
    width: 100%;
    floaT: left;
    position: relative;
	margin: 20px 0px 0px 0px;
	border: 1px solid var(--foni-23);
	-webkit-transition: border 0.2s linear 0s; transition: border 0.2s linear 0s;
	-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
	border-radius: 5px;
	padding: 10px 0px;
}

/*-- music--*/

.num-id-1 {
	letter-spacing: -0.3px;
    float: left;
    position: absolute;
    overflow:hidden;
    background: rgba(12, 18, 34, 0.70);
    z-index:11;
    line-height: 20px;
    color:#fff;
    margin: 15px 0px 0px 15px;
    padding: 4px 10px;
    font-size: 13px;
    border-radius: 100px;
    font-family: font-1;
}

.abc-msx-1 .abc-mov-2{
   border-bottom: 1px var(--foni-3) solid;
   background: var(--foni-4);
   color:#2D3743;
}

.abc-msx-1.abc-mov-1{
   background: var(--foni-4);
}


.h-z-1.sl-tv-1{
	height: 257px;
}


.kut-1 .mov-ne-1, .kut-1 .mov-ne-8 img, .kut-1 .mov-ne-7, .kut-1 .mov-ne-4, .kut-1 .mov-ne-5{
border-radius: 10px !important;
}



.cat-user-bg-09 b {
	 font-weight: 600;
    font-family: font-2 !important;
	color:#23335c !important;
	letter-spacing: -0.05em;
}


.cat-user-bg-09 {
	
	color:#475b8d !important;
	 font-weight: 600;
    font-family: font-1 !important;
	
}


.vid-fotbal-1 .cat-user-bg-6{width: calc(100% - 165px);}

.vid-fotbal-1 .cat-user-bg-3, .vid-fotbal-1.cat-user-bg-5, .vid-fotbal-1 .cat-user-bg-5 img{width:140px;height:140px;}

.vid-fotbal-1 img {
    -webkit-transform: scale(0.7);
    -ms-transform: scale(0.7);
    transform: scale(0.7);
    -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s;
}

.vid-fotbal-1 .cat-user-bg-3{
	border: 1px var(--foni-3) solid;
}

.vid-fotbal-1 .cat-user-bg-9{
	display: none;
}



.tvicon-1 .abc-icon-6.abc-icon-1 {
    background: url(../images/icon-14.svg) center no-repeat;
    margin: 13px 7px 0px -4px;
}

.cat-user-bg-1{
	z-indeX:0;
}


.sidebari-5  li:nth-child(4){ display:none !important; }

.container {
	font-family:font-01;
}


.s-ss.sl-hd-11 .sl-hd-12{
    -webkit-transform: translate(-50%, -50%) scale(1);
    -ms-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(0.85);
    opacity: 1;
}


.abc-color-2 .kut-c-vidi-flay{
    background: rgb(183 90 255 / 60%) url(../images/icon-24.svg) center no-repeat;
}


.kut-c-vidi-flay{
    position: absolute;
    right: 15px;
    top: 15px;
    opacity: 9;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 70px;
    background: rgb(0 0 0 / 60%) url(../images/icon-24.svg) center no-repeat;
    box-shadow: 0px 0px 0px 0px rgb(0 0 0 / 0%);
    border-radius: 7px;
    z-index:1;
}



.sruli-20{
	font-size: 0px;
}


.video-container {
    width: 100%;
    floaT: left;
    position: relative;
}

.div-full-4  {
    width: 100%;
    floaT: left;
    position: relative;
}




.div-video-iframe-03{
	width: 100%;
	position:relative;
	floaT: left;
	margin-bottom: 20px;
}

.video_reclam {
    width: 100%;
    height: 100%;
    background: #273C75;
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1;
}
.video_reclam .start_video svg {
    cursor: pointer;
}
.video_reclam video {
    margin-top: 9px;
    max-width: 100%;
    max-height: 100%;
}
.video_reclam .start_video {
        cursor: pointer;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    background: rgb(8 13 43 / 10%) url(../images/video-play-button.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 15%;
}
.video_reclam button {
    position: absolute;
    bottom: 20px;
    right: 20px;
    padding: 15px;
    border: none;
    color: #ffffff;
    border-radius: 5px;
    cursor: pointer;
    font-family: font-1;
    background-color: #273C75;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    display: none;
    z-index: 1;
}





.notic-1{
	width: 100%;
	floaT: left;
	margin-bottom: 20px;
}


.liv-div-07 img{
    width: 55px;
}



.liv-div-07{
    position: absolute;
    top: 41%;
    left: 0;
    width: 100%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 2;
}


.liv-div-7{
	width: 100%;
	floaT: left;
	text-align: center;
}

.liv-div-3 .liv-div-6{
	font-family: font-2;
	top: 10px;
	left: 10px;
	floaT: left;
	position: absolute;
	color:var(--foni-19);
	font-size: 13px;
	background:#ffffff;
	padding: 2px 8px 1px 8px;
	border-radius: 100px;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}

.liv-div-3:hover .liv-div-6{color:#ffffff;background: #0097E6;-webkit-transition: all .3s;-moz-transition: all .3s;-o-transition: all .3s;transition: all .3s;}


.liv-div-9{
	font-size: 13px;
font-family: font-1;
letter-spacing: -0.2px;
margin: 0px 5px;
}

.liv-div-8{
	width: 100%;
	height: 43px;
	line-height: 43px;
	text-align: center;
	font-family: font-1;
	bottom: 0px;
	floaT: left;
	position: absolute;
	border-top: 1px var(--foni-3) solid;
	color:var(--foni-19);
	font-size: 14px;
}



.liv-div-2{
    margin: 0px -5px;
	width: 102%;
	floaT: left;
}


.liv-div-1{
	width: 100%;
	floaT: left;
	overflow:hidden;
	position:relative;
}

.liv-div-3:hover  span{
            animation: animate  1s linear infinite;
        }
  
        @keyframes animate {
            0% {
                opacity: 0;
            }
  
            50% {
                opacity: 1;
            }
  
            100% {
                opacity: 0;
            }
        }




.liv-div-3 .liv-div-9{
    -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;
}

.liv-div-3:hover .liv-div-9{
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    color: #0097E6;
}


.liv-div-3 img {
    -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;
}

.liv-div-3:hover img {
    -moz-transform: scale(1.07);
    -webkit-transform: scale(1.07);
    -o-transform: scale(1.07);
    -ms-transform: scale(1.07);
    transform: scale(1.07);
    -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;
}

.liv-div-3:hover .liv-div-8{
	-webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;
}

.liv-div-3:hover{
	-webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;
}

.k-katalog-1{width:260px;}

.liv-div-3{width:260px;}

.liv-div-3{
	width:172px;
	height: 170px;
	floaT: left;
	position:relative;
	margin: 0px 7px 14px 7px;
	background: var(--foni-4);
	border-radius: 5px;
	-webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;
}





.tab_container{
	width: 100%;
	float: left;
	position:relative;
	margin: 0px 0px -20px 0px;
}


.tabs li {
    display: inline-block;
    cursor: pointer;
    text-transform: uppercase;
    font-weight: 500;
    -webkit-user-select: none;
    color: #2b2c32;
    opacity: 0.7;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
}

.tabs .active {
    color: #ffffff;
    opacity: 9;
    background: #0097E6;
}

.tabs{width: 100%;floaT: left;position:relative;overflow:hidden;font-family: 'font-4';background:var(--foni-4);border-radius: 5px;}
.tabs li{ border-right: 1px var(--foni-2) solid; float: left;position:relative;display:inline-block;padding: 15px 18px;cursor:pointer;text-transform:uppercase;font-weight:500;-webkit-user-select:none;}
.tabs li:hover{/* color: #ffffff; */opacity: 9;transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;}





.di-left-7 ul li a{
-webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;
}


.di-left-7 ul li:hover a{color: #4290fc;-webkit-transition: all .3s;-moz-transition: all .3s;-o-transition: all .3s;transition: all .3s;}

.di-left-7 ul li .li-left-2 {
box-shadow: 0px 0px 0px 2px rgb(33 150 243 / 0%);
-webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;
}



.di-left-7 ul::-webkit-scrollbar-track{ background: var(--foni-20); border-radius: 100px;position:relative; overflow:hidden;}
.di-left-7 ul::-webkit-scrollbar-thumb{ background: var(--foni-14); border-radius: 100px;position:relative; overflow:hidden;}
.di-left-7 ul::-webkit-scrollbar{ height:5px; border-radius: 100px;position:relative; overflow:hidden;}



.darken .di-left-7 ul::-webkit-scrollbar-track{background:#191c26; border-radius: 100px;position:relative; overflow:hidden;}
.darken .di-left-7 ul::-webkit-scrollbar-thumb{ background:#333c52;  border-radius: 100px;position:relative; overflow:hidden;}
.darken .di-left-7 ul::-webkit-scrollbar{ height:5px; border-radius: 100px;position:relative; overflow:hidden;}


.di-left-7 ul{
	width:100%;
    display: flex;
    will-change: transform;
    overflow: auto scroll;
    overflow-y: hidden;
    overflow-x: auto;
}

.di-left-7 ul{
    font-size: 15px;
    line-height: 20px;
    margin-bottom: 10px;
}



.li-left-2 img{
    width: 60px;
    margin-top: 20px;
}


.li-left-2 {
    width: 150px;
    height: 140px;
    line-height: 36px;
    text-align: center;
    float: left;
    position: relative;
    margin: 2px 8px 0px 2px;
    background: var(--foni-4);
    border-radius: 7px;
}

.resip-1{
	display: none !important;
}


.li-left-4{
	color:#273c75;
	width: 100%;
	floaT: left;
	margin: 0px 0px 0px 2px;
	text-align: center;
	position:absolute;
	bottom: 15px;
	line-height: 17px;
	font-size: 13px;
	font-family: font-2;
}

.di-left-7 ul li:hover .li-left-4 {
color: #FF2D46;
-webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;
}

.li-left-1{
	margin: 0px 10px 0px 0px;
	width: 150px;
	height: 140px;
	float: left;
	position: relative;
	color:#fff;
	font-family: font-3;
	font-size: 15px;
	line-height: 30px;
	margin-bottom: 14px;
}







.div-left-4 {
	font-weight:100 !important;
    float: left;
    position: relative;
    width: 21px;
    height: 21px;
    background: url(../images/icon-16.svg) center no-repeat;
    margin: 15px 5px 0px 0px;
}


.di-left-5 a{
    color:#fff;
}

.di-left-6 {margin: 12px 12px 0px 10px;}


.di-left-5 {
    width: 100%;
    float: left;
    position: relative;
    color:#fff;
    font-family: font-1;
    font-size: 15px;
}



.di-left-3 {
padding: 0px 14px;
}

.di-left-2 {
    width: 100%;
    height: 50px;
    line-height: 51px;
    float: left;
    position: relative;
    overflow:hidden;
    background: var(--foni-20);
    color:#fff;
    font-family: font-4;
    font-size: 15px;
}


.di-left-1 {
	margin-bottom: 15px;
	width: 100%;
	float: left;
	position: relative;
	overflow:hidden;
	background: var(--foni-13);
	border-radius: 5px;
}


.di-right-1 {
	line-height: 0px;
	width: 100%;
	float: left;
	position: relative;
	overflow:hidden;
	border-radius: 5px;
}



.di-home-2 {
   margin: 0px 14px;
}

.tvs-1 .di-home-1 {
	margin-left: 10px;
}

.di-home-1 {
	margin-top: 0px;
    widtH: 100%;
    padding: 14px 0px;
    float: left;
    position: relative;
    overflow:hidden;
    background:var(--foni-4);
    border-radius: 5px;
    margin-bottom: 14px;
}




.cat-user-bg-09 {
	color: #23335c;
    line-height: 13px;
    font-size: 15px;
    font-family: font-1;
}


.cat-user-bg-9 {
	font-family: font-3;
    z-index: 1;
    position: absolute;
    float: left;
    width: 100%;
    font-size: 14px;
    background: rgb(39 60 117 / 90%);
    padding: 14px 0;
    color: #fff;
    text-align: center;
    bottom: 0;
}

.cat-user-bg-6{font-size:15px;z-index:99;position:relative;width: calc(100% - 195px);float: right;margin: 0 0 0 0px;font-family:font-1;}


.cat-user-bg-8 {
	color: #273C75;
    position: relative;
    width: 100%;
    float: left;
    margin: 5px 0px 20px 0px;
    font-family: font-3;
    font-weight: 700;
    font-size: 18px;
    padding: 0 0 15px;
    border-bottom: 1px var(--foni-3) solid;
}

.cat-user-bg-3,.cat-user-bg-5,.cat-user-bg-5 img{position:relative;float:left;border-radius:10px;margin:0 0px 0px 0;overflow:hidden;object-fit:cover}
.cat-user-bg-3,.cat-user-bg-5,.cat-user-bg-5 img{width:170px;height:170px;}
.cat-user-bg-2{padding:2%}
.cat-user-bg-1{width:100%;position:relative;float:left;background:var(--foni-4);border-radius:10px;overflow:hidden; margin-top: 20px;  padding-bottom: 2%; }





.m-1 img {
   -webkit-transition: all .4s; -moz-transition: all .4s; -o-transition: all .4s; transition: all .4s;
}

.m-1:hover img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition: all .4s; -moz-transition: all .4s; -o-transition: all .4s; transition: all .4s;
}




.msaxio-6.slick-initialized .slick-slide{
	floaT: left;
}

.msaxio-6 .slick-next{
	background:#FC427B
}

.msaxio-6 .slick-prev, .msaxio-6 .slick-next{
	border-radius: 100px !important;
}


.msaxio-6 .slick-prev, .msaxio-6 .slick-next{top: 36% !important;}


.msaxio-6 img{float: left;width: 100%;object-fit: cover;border-radius: 100px;}

.m-1, .m-1 img{
height: 150px !important;
border-radius: 500px;
}

.m-1{
	float: left;
	position:relative;
	overflow:hidden;
	border-radius: 100px;
	margin: 0px 10px 0px 10px;
}


.msaxio-5{
	margin: 0px 10px;
}


.msaxio-4{
	width: 100%;
	height: 167px;
	position:relative;
	floaT: left;
	margin: 0px 0px 0px 0px;
}



.msaxio-3{
	margin: 0px 20px;
}


.msaxio-2{
	width: 100%;
	line-height: 54px;
	height: 54px;
	font-family: font-4;
	floaT: left;
	margin-bottom: 20px;
	border-bottom: 1px var(--foni-23) solid;
	text-align: left;
	color: #76808B;
	font-size: 15px;
}

.msaxio-1{
	width: 100%;
	float: left;
	position:relative;
	overflow:hidden;
	padding: 0px 0px 0px 0px;
	border-radius: 10px;
	box-shadow: inset 0px 0px 0px 1px var(--foni-23);
	font-weight: 600;
	font-size: 14px;
	color:#76808B;
	margin: 20px 0px 0px 0px;
}



.kino-tab-2 img{
	width: 16px;
	margin: 4px 3px -5px 0px;
	display: inline-block;
}



.kino-tab-1 li a:hover {
    text-decoration: none;
    text-decoration: underline;
}

.kino-tab-1 li a{
	color:#FC427B;
}


.kino-tab-1 li{
	width: 100%;
	float: left;
	position:relative;
	padding: 15px 0px;
	box-shadow: inset 0px 1px 0px 0px var(--foni-23);
	font-family: font-2;
	font-weight: 600;
	font-size: 14px;
	color:#FC427B;
}


.kino-tab-2{
	position:relative;
	font-family: font-1;
	font-weight: 600;
	font-size: 14px;
	color:#515A64;
	margin: 0px 1px 0px 20px;
}


.kino-tab-1{
	width: 100%;
	float: left;
	position:relative;
	overflow:hidden;
	padding: 0px 0px 0px 0px;
	border-radius: 10px;
	box-shadow: inset 0px 0px 0px 1px var(--foni-23);
	font-weight: 600;
	font-size: 14px;
	color:#76808B;
	margin: 20px 0px 0px 0px;
}




body div select option{
	color: #41599B;
    padding: 0 10px;
}

body div .vk_multifilm select option{
    background: #F4F6FD !important;
}

body .vk_multifilm select {
	cursor: pointer;
	margin: 0px 0px 20px 0px;
	height: 45px !important;
	border: 10px solid !important;
	box-shadow: 0px 0px 0px 1px var(--foni-21);
	border: 10px solid var(--foni-21) !important;
	background: var(--foni-21) !important;
	border-radius: 5px;
	padding: 0px 0px;
	font-family: font-2;
	font-size: 14px !important;
	font-weight: 100;
	letter-spacing: 0.5px;
	color: #444;
	} 


.vk_multifilm{
	width: 100%;
	position:relative;
	floaT: left;
	border-radius: 5px;
	margin-bottom: 0px;
}



.video-container iframe{
	width: 100%;
}
.video-container, .video-container iframe{
	height: 389px;
}


.video-container{
	width: 100%;
	position:relative;
	floaT: left;
	overflow:hidden;
	border-radius: 5px;
}




.baner-1 img{
	border-radius: 10px;
}


.rate-l-2{
	floaT: right;
	margin: 0px 0px 0px 7px;
}



.rate-l-1{
	margin: 0px 7px 0px 0px;
	floaT: left;
}


.rate .rate-l-1:hover path{ fill: #88c54d; }
.rate .rate-l-2:hover path{ fill: #e45757; }

.rate_like-dislike .ratingplus { color: #88c54d; }
.rate_like-dislike .ratingminus { color: #e45757; }


.rate { display: inline-block; float: left; }




#cssmenu ul li ul .menu-aa a{
	color: #FC427B !important;
}
.valuti-1 .list{
	font-family: font-2;
}

.bn-1 .box_in { padding: 4% 5% 2% 5%; }


.k-kat-02{
	padding: 0px 20px;
	position:relative;
	display: inline-block;
}


.box_in #CCStyleWhiteBG .flag {
	padding-left:0px;
	margin: 1px 5px 0px 0px;
}



body .valuti-2 #lari_ge_cb_9132881 input{ 
width: calc(100% - 145px) !important; 
height: 30px;
padding: 0px 5px !important;
}


.valuti-1  #CCStyleWhiteBG .currency{
    text-align: center !important;
    font-size: 13px;
    font-family:font-3;
}


.valuti-1 #CCStyleWhiteBG .ad {
display: none !important;
}



.valuti-1 #CCStyleWhiteBG .list {
    font-size: 12px;
    text-align: left;
    padding-top: 15px;
    padding-bottom: 15px;
    clear: both;
    height: 20px;
    cursor: pointer;
    border-bottom: 1px #ddd solid;
}

.valuti-1 #CCStyleWhiteBG{
    width: 100% !important;
        padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
}



.bb-valuta-6{margin:0px 0px 0px 0px;float:left;width:100%;height:100%;position:absolute;overflow:hidden;z-index:1;lefT:0px;}


.titlee.title{
        margin: -10px 0px 10px 0px !important;
        font-size: 20px;
    }

.box-5 b{
	font-family:font-4;
}

.box-5{
	margin: 17px 20px;
}



.valuti-2 a{
    font-size: 0px !important;
}


body .valuti-2 #lari_ge_cb_9132881 input{ 
width: calc(100% - 145px) !important; 
height: 30px;
padding: 0px 8px !important;
}


.valuti-1  #CCStyleWhiteBG .currency{
    text-align: center !important;
    font-size: 13px;
    font-family:font-2;
}


.valuti-1 #CCStyleWhiteBG .ad {
display: none !important;
}


.valuti-1 #CCStyleWhiteBG .title {
  color: #0097E6;
  font-size: 15px;
  font-family:font-3;
  text-align: left !important;
  border-bottom: 0px solid #EBEBEB;
  margin: 5px 0px -4px 0px;
}

.valuti-1 #CCStyleWhiteBG .list {
    font-size: 12px;
    text-align: left;
    padding-top: 10px;
    padding-bottom: 15px;
    clear: both;
    height: 20px !important;
    cursor: pointer;
    border-bottom: 1px #ddd solid !important;
}

.valuti-1 #CCStyleWhiteBG{
    width: 100% !important;
        padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
}



.box_in h1{
  line-height: 20px;
  width: 100%;
  floaT: left;
  font-family: font-1;
    font-size: 18px !important;
  margin: 0px 0px 5px 0px;
}





.container img{
    text-align: center;
	max-width: 100%;
	height: auto !important;
	font-size: 0px;
	line-height: 0px;
	margin: 7px 0px;
}



.fullstor-13 path{
	fill:#77828F;
}


.btn-s-2 svg{
	margin: 0px 0px 0px 9px;
	float: left;
}


.sruli-12 button {
	position:relative;
	font-family: font-1;
	font-size: 15px;
	border: 0;
    	background:rgb(255 255 255 / 0%);
}

.resize #increaseFont svg{
	margin: 0px 0px 0px 0px !important;
}


.fullstor-13 {
	floaT: right;
	position:relative;
	margin-top: 0px;
}

.fullstor-12 {
	width: 110px;
	floaT: right;
	position:relative;
	margin-top: 0px;
}

.fullstor-14 {
	floaT: right;
	position:relative;
	margin: 12px 15px 0px 0px;
	font-family: font-3;
	font-size: 15px;
	color:#77828F;
}


.fullstor-13 #increaseFont {
	    cursor: pointer;
	-webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
    color: #0e1523 !important;
    border: 1px solid var(--foni-22);
    background-color:#fff;
    font-weight: 700;
    font-style: normal;
    font-size: 15px;
    z-index: 100;
    width: 36px;
    height: 33px;
    line-height: 33px;
    float: right;
    text-align: center;
    margin-top: 4px;
}


.fullstor-13 #decreaseFont {
	    cursor: pointer;
	-webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
    color: #0e1523 !important;
    border: 1px solid var(--foni-22);
    background-color:#fff;
    font-weight: 500;
    font-style: normal;
    font-size: 15px;
    z-index: 100;
    width: 36px;
    height: 33px;
    line-height: 33px;
    float: left;
    text-align: center;
    margin-top: 4px;
    margin-right: -1px;
}


.right-1 {
	border: 1px var(--foni-2) solid;
	color:#34205a;
	padding: 2px 6px;
	font-size: 12px;
	border-radius: 5px;
	margin-lefT: 5px;
}


.sruli-ic-05{
    width: 100%;
    height: 100%;
    display: inline-block;
    position: relative;
    background: url(../images/icon-39.svg) center no-repeat;
    margin: 0px 0px 0px 0px;
}

.sruli-ic-04{
    width: 100%;
    height: 100%;
    display: inline-block;
    position: relative;
    background: url(../images/icon-38.svg) center no-repeat;
    margin: 0px 0px 0px 0px;
}

.sruli-ic-03{
    width: 100%;
    height: 100%;
    display: inline-block;
    position: relative;
    background: url(../images/icon-37.svg) center no-repeat;
    margin: 0px 0px 0px 0px;
}

.sruli-ic-02{
    width: 100%;
    height: 100%;
    display: inline-block;
    position: relative;
    background: url(../images/icon-36.svg) center no-repeat;
    margin: 0px 0px 0px 0px;
}

.sruli-ic-01{
    width: 100%;
    height: 100%;
    display: inline-block;
    position: relative;
    background: url(../images/icon-35.svg) center no-repeat;
    margin: 0px 0px 0px 0px;
}


.sruli-ic-005.sruli-16{
	background:#7555DE;
}


.sruli-ic-004.sruli-16{
	background:#7AD06D;
}


.sruli-ic-003.sruli-16{
	background:#55ACEE;
}


.sruli-ic-002.sruli-16{
	background:#448AFF;
}


.sruli-ic-001.sruli-16{
	background:#4267B2;
}

.sruli-16:hover{
	opacity: 9;
}
.sruli-16{
	opacity: 0.8;
	width: 35px;
	height: 35px;
	border-radius: 100px;
	background:#222;
	float: left;
	position:relative;
	margin: 0px 0px 0px 10px;
	font-weight: 600;
	font-size: 14px;
	color:#76808B;
	font-family: font-3;
	letter-spacing: 1px;
}


.sruli-15{
	display: inline-block;
	position:relative;
	margin: 0px 0px 0px 0px;
	font-weight: 600;
	font-size: 14px;
	color:#76808B;
	font-family: font-3;
	letter-spacing: 1px;
}

.sruli-14{
	float: left;
	position:relative;
	margin: 8px 0px 0px 0px;
	font-weight: 600;
	font-size: 14px;
	color:#76808B;
	font-family: font-3;
	letter-spacing: 1px;
}



.sruli-13{
	width: 100%;
	float: left;
	position:relative;
	margin: 24px 0px 20px 0px;
	font-weight: 600;
	font-size: 14px;
	color:#76808B;
}






/*--favoritebi--*/
.damatebiti-fav-1 {
    floaT: right;
    width: 40px;
    height: 40px;
    position: relative;
    z-index: 1;
    margin-right: 0px;
    line-height: 20px;
}

.favmod{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;display:block;margin:0 auto;width:40px;height: 30px;padding:0px;opacity:9;}
.favmod.active,
.favmod:hover{opacity:1;}
.favmod-add,
.favmod-unset{display:block;width:100%;height:100%;color:#99A2BA;font-weight:100;text-align:center;line-height: 30px;border-radius:100px;font-size:22px;}
.favmod-unset{color: #FC427B}
.favmod .favmod-unset,
.favmod.active .favmod-add{display:none;}
.favmod.active .favmod-unset{display:block;}




.sruli-ic-2 {
    width: 21px;
    height: 19px;
    display: inline-block;
    position: relative;
    background: url(../images/icon-31.svg) center no-repeat;
    margin: 0px 0px -4px 0px;
}


.sruli-ic-1 {
    width: 21px;
    height: 19px;
    display: inline-block;
    position: relative;
    background: url(../images/icon-30.svg) center no-repeat;
    margin: 0px 0px -4px 0px;
}



.sruli-12 {
	position:relative;
	floaT: right;
	margin: -10px 0px 0px 0px;
}

.sruli-10 {
	position:relative;
	floaT: left;
	margin: 1px 0px 0px 30px;
}

.sruli-9 {
	position:relative;
	floaT: left;
	margin: 1px 0px 0px 30px;
}

.sruli-8 {
	font-family: font-4;
	display: inline-flex;
	position:relative;
	floaT: left;
	margin: 2px 0px 0px 0px;
}


.sruli-7 {
	font-family: font-3;
	color: #67717C;
	width: 100%;
	position:relative;
	floaT: left;
	padding: 0px 0px 12px 0px;
	margin: 20px 0px 10px 0px;
	border-bottom: 1px var(--foni-22) solid;
}



.container a:hover {
    text-decoration: none;
    text-decoration: underline;
}

.container a{
	color:#FC427B;
}


body .container b span{
	font-family: font-02 !important;
}

.container span{
	
	font-family: font-01;
}

.container b{
	    font-weight: 100;
	font-family: font-02;
	
}


.container {
	width: 100%;
	position:relative;
	floaT: left;
	padding: 10px 0px 0px 0px;
	line-height: 22px;
	color: #515A64;
	font-size: 15px;
}






.sruli-6 img{
	width: 100%;
	position:relative;
	floaT: left;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	border-radius: 10px;
}

.sruli-6{
	width: 100%;
	position:relative;
	floaT: left;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}


.sruli-05{
	text-align: right;
	/* width: 5%; */
	position:relative;
	floaT:right;
}



.sruli-4 h1{
	width: 100%;
	position:relative;
	floaT: left;
	font-size: 17px;
	font-family: font-2;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	color:#273C75;
	letter-spacing: -1.1px;
}


.sruli-5{
	width: calc(100% - 60px);
	position:relative;
	floaT: left;
}



.sruli-4{
	margin: 20px 0px 5px 0px;
	width: 100%;
	position:relative;
	floaT: left;
}



.sruli-20 a:hover{
	color:#FC427B;
	background:#FFEFF4;
}

.sruli-24 {
    width: 21px;
    height: 19px;
    display: inline-block;
    position: relative;
    background: url(../images/icon-34.svg) center no-repeat;
    margin: 0px 1px -4px 0px;
}


.sruli-25 {
	color:#448AFF;
}

.sruli-27{
	overflow:hidden;
	position:relative;
}



.sruli-26{
	width: 100%;
	float: left;
	position:relative;
	padding: 25px 0px 30px 0px;
}


.sruli-22{
	width: 100%;
	line-height: 60px;
	height: 60px;
	font-family: font-4;
	floaT: left;
	border-bottom: 1px var(--foni-22) solid;
	text-align: center;
	color: #273C75;
	font-size: 16px;
}



.sruli-21{
	width: 100%;
	float: left;
	position:relative;
	background: var(--foni-4);
	border-radius: 10px;
	padding: 0px 0px;
	margin: 14px 0px;
}


.sruli-20 a:hover {
    text-decoration: none;
    text-decoration: underline;
}


.sruli-19{
	float: left;
}
.sruli-20 a{
	float: left;
	position:relative;
	padding: 7px 15px;
	margin: -6px 5px 11px 0px;
	font-family: font-1;
	font-weight: 600;
	font-size: 13px;
	color:#76808B;
	background:#F4F6FD;
}


.sruli-17{
	width: 100%;
	float: left;
	position:relative;
	padding: 30px 0px 16px 0px;
	background: var(--foni-4);
	border-radius: 0px 0px 10px 10px;
	border-top: 1px var(--foni-22) solid;
	font-family: font-4;
	font-weight: 600;
	font-size: 14px;
	color:#76808B;
}



.sruli-3{
	margin: 0px 40px;
	position:relative;
}


.sruli-02{
	width: 730px;
	float: left;
	position:relative;
}



.sidebari .sl-tv-10 h2{
	font-size: 13px;
}

.sidebari .abc-4{
	margin-lefT: 7px;
}

.sidebari .sl-tv-9{
	top: 60%;
}

.sidebari .sl-tv-8 img{
	width: 50px;
}



.sidebari .sl-tv-8{
   width: 100%;
   height: 98px;
   position:relative;
   floaT: left;
   overflow:hidden;
}


.sidebari-8{
   padding: 0px 10px 0px 10px;
}


.sidebari-7{
	overflow:hidden;
   width: 100%;
   position:relative;
   floaT: left;
   margin: 0px 0px 0px 0px;
   background: var(--foni-15);
   border-radius: 10px;
}



.sidebari-7 .sl-tv-13{
	width: 220px;
	margin: 70px 0px 0px 0px;
	background: var(--foni-17);
}

.sidebari-7 .sl-tv-1{
   width: 100%;
   position:relative;
   floaT: left;
   padding: 0px 0px 15px 0px;
   margin: 15px 0px 0px 0px; 
   border-radius: 10px;
   background: var(--foni-15) !important;
}


.sidebari-7 .sl-tv-4{
   width: 713px !important;
   position:relative;
   floaT: left;
   margin: 0px 0px 0px 7px;
}



.sidebari-6 .sl-hd-11, .sidebari-6 .sl-hd-11 img{
	border-radius: 100px;
	object-fit: cover;
	width: 65px;
	height: 65px;
}


.sidebari-6 .sl-hd-5{
	margin-bottom: 14px;
    float: right;
    position: relative;
    overflow:hidden;
    widtH: 100%;
    border-radius: 10px;
    padding: 0px 0px;
    background: var(--foni-4);
}


.sidebari-1{
	width: 100%;
	float: left;
	position:relative;
	background: var(--foni-4);
	margin-bottom: 14px;
	overflow:hidden;
	border-radius: 10px;
}


.sidebari-5{
	margin: 0px 0px 0px 7px;
}

.sidebari-4{
	width: 100%;
	float: left;
	position:relative;
}



.sidebari .c-vidi-1, .sidebari .c-vidi-1 img{height: 200px;}

.sidebari .c-vidi-1{
	width: 224.5px;
	float: left;
	position:relative;
	overflow:hidden;
	border-radius: 10px;
	margin: 0px 7px 14px 7px;
}

.sidebari-2{
	width: 100%;
	floaT: left;
	position:relative;
	padding: 14px 0px 20px 0px;
	border-bottom: 1px var(--foni-2) solid;
	margin-bottom: 14px;
}

.sidebari-3{
	margin: 0px 14px;
}

.sidebari{
	width: 730px;
	float: right;
	position:relative;
	border-radius: 10px;
	margin-bottom: 14px;
}


.sruli-3, .sruli-18, .sruli-27 {
	margin: 0px 20px;
}


.sruli-2{
	width: 100%;
	float: left;
	position:relative;
	background: var(--foni-4);
	border-radius: 10px 10px 0px 0px;
	padding: 0px 0px;
}


.sruli-1{
	width: 100%;
	float: left;
	position:relative;
	margin-left: 7px;
}




.konta-4{
	width: 100%;
}


.konta-4 .konta-8{
	transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;
}

.konta-4:hover .konta-8{
	
	transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-webkit-transition:all 0.3s ease-in-out;
}


.konta-8{
	width: 100%;
	position:relative;
	margin: 0px 0px 0px 0px;
	color: #FC427B;
	font-size: 15px;
	font-family: font-2;
}


.konta-7{
	font-size: 13px;
	color:#273C75;
	width: 100%;
	position:relative;
	float: left;
	margin: 10px 0px 1px 0px;
	font-family:font-3;
}

.konta-6{
	text-align: center;
	width: 100%;
	floaT: left;
	position:relative;
	font-family:font-3;
	font-size: 14px;
	padding: 0% 0%;
	margin: 0% 0px 0% 0px;
}


.konta-003 .konta-5{
	background: #0097E6 url(../images/contc-3.svg) 14.8px 15.5px no-repeat;
}

.konta-03 .konta-5{
	background: #0097E6 url(../images/contc-2.svg) 13.5px 15px no-repeat;
}



.konta-4:hover .konta-5{
	transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;
	box-shadow: 0px 0px 0px 2px #fff, 0px 0px 0px 4px #0097E6;
}

.konta-5{
	transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-webkit-transition:all 0.3s ease-in-out;
	background: #0097E6 url(../images/icon-23.svg) center no-repeat;
	background-size: 9px;
	width: 45px;
	height: 45px;
	position:relative;
	color:#fff;
	margin: auto;
	border-radius: 100px;
}


.konta-003.konta-3{
	width: 33%;
}

.konta-03.konta-3{
	box-shadow: 0px 0px 0px 1px #d7d7d7;
	width: 33%;
}


.konta-3{
	width: 33%;
	position:relative;
	floaT: left;
	font-family:font-3;
	font-size: 15px;
	padding: 3% 0%;
	margin: 0% 0px 0% 0px;
}


.konta-2{
	width: 100%;
	position:relative;
	floaT: left;
	font-family:font-3;
	font-size: 15px;
	margin: 1% 0px 2% 0px;
	-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
	border: 1px solid #d7d7d7;
	border-radius: 5px;
}



.title.user_tab.h1{
    color: #273C75;
    margin-bottom: 15px !important;
}

.tab-content > .tab-pane { display: none; }
	.tab-content > .active { display: block; }


	/* Forms at UL */
	ul.ui-form { list-style: none; padding: 0; margin: 0; }
		ul.ui-form > li { margin-bottom: 20px; }
		ul.ui-form > li:last-child { margin-bottom: 0; }
		.form-group { margin-bottom: 20px; }
		.form-group > label { display: block; margin-bottom: .4em; }
		.imp:after { content: "*"; margin: 0 0 0 10px; color: #e85319; }


		.form_submit { margin-top: 20px; }
		.form-sep { border-top: 1px solid var(--foni-2); }

	/* Modification of the BB editor for review */
	#comment-editor .bb-editor textarea { padding: 7px; padding-bottom: 45px; height: 200px; }
	.addpm #comment-editor .bb-editor textarea { height: 340px; }

	.wseditor table, .bb-editor table { margin: 0px; }

/* Comments */
.com_list { }
	.comment {
		padding: 4% 4%;
		position: relative;
		-webkit-transition: box-shadow ease .4s; transition: box-shadow ease .4s;
	}
	.com_list .comment {
		border-top: 1px solid #efefef;
		background-color: transparent;
		margin: 0;
		border-radius: 0;
		box-shadow: none; -webkit-box-shadow: none;
	}
	.comment:hover {
		position: relative;
		box-shadow: 0 2px 12px 0 rgba(0,0,0,0.2); -webkit-box-shadow: 0 2px 12px 0 rgba(0,0,0,0.2);
	}
	.avatar { display: inline-block; }
	.avatar .cover {
		width: 100px; height: 100px;
		border-radius: 50%;
		white-space: nowrap;
		text-indent: -9999px;
		display: inline-block;
	}
	.comment .avatar { float: left; margin-right: 15px; position: relative; }
	.comment .avatar .cover { width: 36px; height: 36px; }
	.com_online {
		position: absolute;
		left: 100%; top: 50%;
		margin: -4px 0 0 -4px;
		overflow: hidden;
		text-indent: -9999px;
		background-color: #70bb39;
		border: 2px solid #fff;
		width: 4px; height: 4px;
		border-radius: 50%;
	}

	.com_info { font-size: .9em; margin-bottom: 2%; margin-top: -5px; }
	.com_info:after { clear: both; display: block; content: ""; }

	.com_user { float: left; margin: 9px 15px 0 0; }
	.comment .meta { display: inline; }
	.comment .meta .left { margin: 9px 0 0 0; }
	.comment .meta .left .mass input { margin: -2px 0 0 0; vertical-align: middle; }
		.comment .meta > ul.left > li { margin-right: 10px; }

		.comment .reply { text-transform: lowercase; }
		.comment .meta .left a {
			display: inline-block;
			width: 20px; height: 20px;
			vertical-align: middle;
			padding: 2px;
			margin-top: -2px;
			-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
		}
		.comment .meta .left .reply a { padding: 2px; width: auto; vertical-align: baseline; }
		.comment .meta .left .del a { padding: 4px; }
		.comment .meta .left .icon { margin: 0; fill: #919191; vertical-align: top; }
		.comment .meta .left a:hover .icon { fill: #3394e6; }
		.comment .meta .left a .icon-reply {
			width: 15px; height: 16px;
			fill: #3394e6 !important;
			margin-right: .4em;
			vertical-align: middle;
		}
		.comment .meta .left a .icon-coms {
			width: 15px; height: 16px;
			fill: #3394e6 !important;
			margin-right: .4em;
			vertical-align: middle;
		}
		.comment .meta .left .edit_btn > a { padding: 2px; margin-top: -4px; } 
		.comment .icon-bad { width: 16px; height: 16px; }
		.comment .icon-cross { width: 12px; height: 12px; }

	.comment .meta .rate { float: right; }

	/* Tree comments */
	#dle-comments-list { width: 100%; overflow: hidden; }
	#dle-comments-list > .comments-tree-list > li > .comments-tree-list { padding: 0 8%; border-top: 1px solid #efefef; }
	#dle-comments-list > .comments-tree-list > li .comments-tree-list > li { padding-left: 20px; }
	.comments-tree-list { list-style: none; padding: 0; margin: 0; }

	.comments-tree-list > li > ol > li .comment {
		padding: 30px 0;
		position: relative;
		box-shadow: none; -webkit-box-shadow: none;
		border-width: 0;
	}
	.comments-tree-list li ol li .comment {

		position: relative;
		box-shadow: none; -webkit-box-shadow: none;
		border-width: 0;
	}
	.comments-tree-list > li > ol > li .comment:after {
		content: "";
		position: absolute;
		width: 2000px; height: 1px;
		margin-left: -500px;
		left: 0; top: 0;
		background-color: #efefef;
	}

	.comments-tree-list > li > ol > li .comment:before {
		content: "";
		position: absolute;
		left: 0; top: 12px;
		margin: 30px 0 0 -20px;
		background-color: #e6e6e6;
		width: 10px; height: 2px;
	}	

	.dark_top {
		border-radius: 10px 10px 0 0;
		color: #fff;
		background: var(--foni-1);
	}


.box_in .cover { background-position: 50% 50%; background-repeat: no-repeat; -webkit-background-size: cover; background-size: cover; }



/* --- User page --- */
.userinfo_top { position: relative; padding-bottom: 50px; margin-bottom: 40px; }
.userinfo_top .avatar { position: absolute; }
.user_tab { list-style: none; padding: 0; margin: 0; }
	.user_tab > li { display: inline; margin-right: 1.2em; }
	.user_tab > li > a {
		text-decoration: none !important;
		font-size: .7em;
		-webkit-transition: all ease .3s;
		transition: all ease .3s;
	}
	.user_tab > li > a { color: #fff; opacity: .9; }
	.user_tab > li > a:hover { color: #FC427B; }
	.user_tab > li.active > a { cursor: default; font-size: 1em; opacity: 1; }

	.usinf { list-style: none; padding: 0; margin: 0 0 25px 0; } 
	.usinf li { padding: 12px 0; border-top: 1px solid var(--foni-3); }
	.usinf li:first-child { border-top-width: 0; }

	.ui-c1, .ui-c2 { display: inline-block; vertical-align: top; }
	.ui-c1 { width: 30%; margin-right: 5%; }
	.ui-c2 { font-weight: 600; width: 60%; }

	/* Window user */
	.userinfo { padding-left: 90px; }
	.userinfo .avatar { position: absolute; float: left; margin: 0 0 0 -90px; }
	.userinfo .avatar .cover { width: 60px; height: 60px; }
	.userinfo > ul { list-style: none; padding: 0; margin: 0; }

/* --- Statistics --- */
.stats_head > ul {
	list-style: none;
	padding: 0; margin: 0;
	font-size: 1.25em;
}
	.stats_head > ul > li { margin-top: 15px; padding-left: 30px; }
	.stats_head > ul > li:before {
		content: "";
		float: left;
		margin: 2px 0 0 -30px;
		width: 16px; height: 16px;
		border-radius: 50%;
		background-color:  #3394e6;
	}
	.stats_head > ul > li > b {
		display: block;
		font-size: .8em;
		opacity: .5;
		font-weight: normal;
	}
	.stats_head > ul > li.stats_d:before { background-color: #f6a71a; }
	.stats_head > ul > li.stats_w:before { background-color: #ce3f28; }
	
	.stat_group { margin-bottom: 25px; }
	.stat_group > h5 { margin-top: 0; margin-bottom: 1em; }
	.stat_group > ul { list-style: none; padding: 0; margin: 0; }
	.stat_group > ul > li { padding: .6em 0; border-top: 1px dotted #d5d5d5; }

/* --- Search page --- */
.search_result_num { font-size: .9em; margin: 25px 0 0; }
.search table { width: 100%; border-spacing: 5px; border-collapse: separate; }
#searchtable td, #searchtable td div, #searchtable table { margin: 0 !important; padding: 0 !important; }
	#searchtable td.search br { display: none; }
	td.search .bbcodes { margin: 0 !important; }
	td.search { vertical-align: top; }





.story .title { color:#273C75; margin: 0px 0px 10px 0px; font-size: 22px;font-family: font-2; letter-spacing: -0.5px; }
.story .box_in > .text { font-size: 1.08em; line-height: 25px; color:#4a546e; }
.story .box_in > .text b{ font-family: font-2; }


.box, .comment {
	margin: 0px 0px 14px 7px;
}

.box_in { padding: 4% 5%; }


.eroris-2 {
    margin: 0% 5%;
}

.eroris-5 {
    font-family: font-1;
    font-weight: 600;
    font-size: 15px;
    padding: 0px 0px 0px 0px;
    width: 100%;
    position: relative;
    floaT: left;
    z-index: 1;
    color:#273C75;
}


.eroris-4 {
    font-family: font-4;
    font-size: 18px;
    margin: 5px 0px 7px 0px;
    width: 100%;
    position: relative;
    floaT: left;
    z-index: 1;
    color:#273C75;
}


.eroris-1 {
	background:var(--foni-4);
    font-family: font-1;
    font-size: 15px;
    margin: 0px 0px 20px 10px;
    padding: 7% 0%;
    width: 100%;
    position: relative;
    floaT: left;
    z-index: 1;
    overflow: hidden;
    text-align: center;
    border-radius: 10px;
}


.gd-1.c-vidi-1:hover .c-vidi-4{
	color:#FC427B !important;
}


.gd-1 .c-vidi-4{
    color:#273C75 !important;
}


.gd-1 .c-vidi-3{
    background: var(--foni-4);
    color:#273C75;
    padding: 18px 0px 17px 0px;
    font-family: font-2;
    letter-spacing: -0.5px;
    text-align: center;
}

.gd-1.c-vidi-1 img{
height: 190px;
}

.gd-1.c-vidi-1{
height: 240px;
}





.t-title-2::before {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 11px;
    border-color: rgb(21 39 90 / 0%) rgb(0 8 255 / 0%) rgb(28 30 32 / 0%) #273C75;
    margin: 0px 0px 0px 0px;
    z-indeX: 1;
    top: 12px;
    left: 4px;
}

.t-title-2{
	width: 8px;
	height: 100%;
	position:absolute;
	lefT: 0px;
	top: 0px;
	background: #273C75;
}





.t-title-3 a{
	display: none;
}

.t-title-3{
	padding: 0px 30px;
}


.size.t-title-1{
	position:relative;
	floaT: left;
	padding: 15px 0px;
	margin-top: 14px;
	background:var(--foni-4);
	overflow:hidden;
	border-radius: 10px;
	color:#273C75;
	font-family: font-4;
	font-size: 14px;
}


#pagi-load span{ display: none;}
#pagi-load a span{ display: block; }
#pagi-load span{ float: left;  }
.pagi-load{  text-align: center; font-size:0px;}
.bottom-nav{ margin: 0px 0px 20px 10px; floaT: left; }
.pagi-load a:hover{transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-webkit-transition:all 0.2s ease-in-out;background: #39b0ed;}
.pagi-load a:hover .fa-refresh{transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-webkit-transition:all 0.2s ease-in-out;}
.pagi-load a{border-radius: 5px;transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-webkit-transition:all 0.2s ease-in-out;padding: 0px 32px;display:inline-block;height:50px;line-height:50px;font-size: 16px;letter-spacing: 0.2px;cursor:pointer;color:#ffffff;background: #0097E6;text-align:center;font-family: 'font-4';}

.abc-top{
	overflow:hidden;
	width: 100%;
	position:relative;
	floaT: left;
	margin-top: 15px;
}


.zari-fori-2 input{
	width: 100%;
}


.div-shesvla-12 a:hover{
	color:#FC427B;
}

.div-shesvla-12 a{
	color:#273C75;
}


.div-shesvla-12{
	margin: 18px 0px 0px 0px;
	font-family: font-4;
	float: right;
	color:#273C75;
}


.zari-fori-2 .login_inputs{
	margin-top: 5px;
	float: left;
}



.zari-fori-2{
	margin: 0px 20px;
}

.div-shesvla-10{width:100%;height:40px;line-height:41px;float:left;font-size:13px;margin:0px 0px 20px 0px;}

.div-shesvla-11{float:left;width:100%;margin: 22px 0px 6px 0px;font-size:14px;font-family:font-3; font-weight: 600; }


.zari-fori-1{
	width: 100%;
	floaT: left;
	margin: -10px 0px 35px 0px;
	text-align: left;
	color:#273C75;
	letter-spacing: 0.4px;
}




.zari-ajax-4{
	width: 100%;
	floaT: left;
	margin: 20px 0px 0px 0px;
}


.zari-ajax-04{
	margin: 0px 20px;
}

.zari-pr-3 li a:hover{
	color:#FF2D46;
	-webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
}



.zari-pr-3 li a{
	color:#202e52;
	font-weight: 600;
	-webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
}

.zari-pr-3 li{
	font-size: 14.5px;
	width: 100%;
	float: right;
	position:relative;
	margin-top: 2px;
	margin-bottom: 9px;
}


.zari-pr-3{
	margin-top: 1px;
	text-align: left;
	width: 60%;
	float: right;
	position:relative;
}

.zari-pr-2{
	padding: 0px 10px;
}


.zari-pr-1, .zari-pr-1 img{
	border-radius: 8px;
}


.zari-pr-1 img{
	width: 100px;
	height: 100px;
	float: left;
	position:relative;
	object-fit: cover;
}

.zari-pr-1{
	float: left;
	position:relative;
	border: 2px var(--foni-3) solid;
	padding: 10px 0px;
	margin: 0px 0px 20px 0px;
}



.zari-ajax-2{
    font-size: 16px;
    font-family: font-1;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    color:#4e5c85;
    font-weight: 700;
}


.zari-ajax-1{border:none;background:#ffffff; border-bottom: 1px var(--foni-3) solid !important; color:#222;font-family:font-1;font-size:16px;padding:25px 30px 23px 30px;border:none;text-align:left;}
.img-replace{display:inline-block;overflow:hidden;text-indent:100%;color:transparent;white-space:nowrap;}
.cd-popup{position:fixed;left:0;top:0;height:100%;width:100%;background-color: rgb(8 11 22 / 80%);opacity:0;visibility:hidden;-webkit-transition:opacity 0.3s 0s, visibility 0s 0.3s;-moz-transition:opacity 0.3s 0s, visibility 0s 0.3s;transition:opacity 0.3s 0s, visibility 0s 0.3s;z-indeX: 9999999999;}
.cd-popup.is-visible{opacity:1;visibility:visible;-webkit-transition:opacity 0.3s 0s, visibility 0s 0s;-moz-transition:opacity 0.3s 0s, visibility 0s 0s;transition:opacity 0.3s 0s, visibility 0s 0s;}
.cd-popup-container{position:relative;width: 100%;max-width: 400px;margin:9em auto;overflow:hidden;border-radius:10px;background:var(--foni-4);text-align:center;box-shadow:0 0 20px rgba(255, 255, 255, 0.5);-webkit-transform:translateY(-40px);-moz-transform:translateY(-40px);-ms-transform:translateY(-40px);-o-transform:translateY(-40px);transform:translateY(-40px);-webkit-backface-visibility:hidden;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;transition-property:transform;-webkit-transition-duration:0.3s;-moz-transition-duration:0.3s;transition-duration:0.3s;}
.cd-popup-container .cd-buttons:after{content:"";display:table;clear:both;}
.cd-popup-container .cd-popup-close{position:absolute;top: 0px;right: 19px;width: 30px;height: 69px;}
.cd-popup-container .cd-popup-close::before,
.cd-popup-container .cd-popup-close::after{content:"";position:absolute;top: 35px;width:14px;height:2px;opacity:0.6;background-color:#000;}
.cd-popup-container .cd-popup-close::before{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);left:8px;}
.cd-popup-container .cd-popup-close::after{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);right:8px;}
.is-visible .cd-popup-container{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);}





.footer-14 a:hover{
	-webkit-transition: all .4s; -moz-transition: all .4s; -o-transition: all .4s; transition: all .4s;
	background:#2F4686;
}

.footer-14 a{
	-webkit-transition: all .4s; -moz-transition: all .4s; -o-transition: all .4s; transition: all .4s;
	floaT: right;
	margin: 21px 20px 0px 0px;
	z-index:11;
	position:relative;
	height: 31px;
	line-height: 31px;
	border-radius: 100px;
	font-size: 15px;
	color:#fff;
	font-family: font-3;
	padding: 0px 16px;
}



.footer-12{
	floaT: right;
	margin: 21px 0px 0px 0px;
	z-index:11;
	position:relative;
}





.footer-2 .van-div-2 svg{
   fill: #ffffff;
}

.footer-2 .van-div-2:hover{
	color:#fff;
    background: #3663DD;
      -webkit-transition: all .4s; -moz-transition: all .4s; -o-transition: all .4s; transition: all .4s;
}

.footer-2 .van-div-2{
    background: #2F4686;
      -webkit-transition: all .4s; -moz-transition: all .4s; -o-transition: all .4s; transition: all .4s;
}


.footer-7 a:hover {
  color:#FF2D46;
  -webkit-transition: all .4s; -moz-transition: all .4s; -o-transition: all .4s; transition: all .4s;
}

.footer-7 a{
	-webkit-transition: all .4s; -moz-transition: all .4s; -o-transition: all .4s; transition: all .4s;
	floaT: left;
	margin: 0px 15px 5px 0px;
	font-family: font-1;
	   font-weight: 700;
	letter-spacing: -0.1px;
	font-size: 14.2px;
	color:#566690;
}

.footer-10 a{
	font-family: font-2;
  color:#FF2D46;
}


.footer-11{
   position:relative;
   floaT: left;
}


.footer-10 a:hover {
    text-decoration: none;
    text-decoration: underline;
}

.footer-10{
   position:relative;
   floaT: right;
}


.footer-9{
	font-size: 15px;
		letter-spacing: -0.1px;
   width: 100%;
   position:relative;
   floaT: left;
}



.footer-6{
   width: 100%;
   position:relative;
   floaT: left;
  background: var(--foni-8);
  padding: 12px 0px;
}

.footer-8{
   font-weight: 700;
   background:var(--foni-4);
   width: 100%;
   position:relative;
   floaT: left;
   padding: 20px 0px;
   color: var(--foni-7);
   font-family: 'font-1';
   font-size: 15px;
   letter-spacing: -0.2px;
}



.footer-4{
	margin-top: 23px;
   position:relative;
   floaT: left;
   z-index:1;
}

.footer-3{
	z-index:1;
	margin-top: 22px;
   position:relative;
   floaT: left;
}

.footer-2{
   width: 100%;
   position:relative;
   floaT: left;
}


.footer-5 svg{
    width: 170px !important;
}


.footer-5 {
    z-index: 0;
    position: absolute;
    width: 100%;
    margin-top: 11px;
    text-align: center;
}

.footer-1{
	z-index:0;
   width: 100%;
   height: 75px;
   position:relative;
   background: var(--foni-1);
   floaT: left;
}




.abc-color-9.abc-4::before {
    border-color: #15275A rgb(0 8 255 / 0%) rgb(28 30 32 / 0%) rgb(255 0 0 / 0%);
}

.abc-color-9.abc-4 {
   background: linear-gradient(180deg, #334B8C 0%, #273C75 100%);
}

.abc-color-9.abc-5:hover{
	color:#334B8C;
	border: 2px solid #334B8C;
}

.abc-color-9 .c-vidi-3::before, .abc-color-9 .c-vidi-3::after {
    background:#334B8C;
}


.abc-color-9 .abc-icon-1 {
    width: 21px;
    height: 21px;
    background: url(../images/icon-22.svg) center no-repeat;
    margin: 12.2px 7px 0px 0px;
}

.abc-icon-8.abc-icon-1 {
    width: 21px;
    height: 21px;
    background: url(../images/icon-20.svg) center no-repeat;
    margin: 13px 7px 0px 0px;
}

.abc-icon-7.abc-icon-1 {
    width: 21px;
    height: 21px;
    background: url(../images/icon-19.svg) center no-repeat;
    margin: 13px 7px 0px 0px;
}


.mov-ne-7 span{
	width: 100%;
	floaT: left;
	color: #ABB6DE;
}


.mov-ne-1 .mov-ne-8 img {
   -webkit-transition: all .4s; -moz-transition: all .4s; -o-transition: all .4s; transition: all .4s;
}

.mov-ne-1:hover .mov-ne-8 img {
    -webkit-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3);
    -webkit-transition: all .4s; -moz-transition: all .4s; -o-transition: all .4s; transition: all .4s;
}


.mov-ne-4{
	z-index:0;
	width: 100%;
	floaT: left;
	line-height: 0px;
	position:relative;
	overflow:hidden;
}


.mov-ne-7 {
    margin: 0px 0px 0px 0px;
    line-height: 20px;
    font-size: 13.5px;
    display: table-cell;
    vertical-align: middle;
    padding: 0px 0px 0px 0px;
}

.mov-ne-6 {
	text-align: center;
	padding: 0px 12px;
}

.mov-ne-1:hover .mov-ne-5 {
	-webkit-transition: all .4s; -moz-transition: all .4s; -o-transition: all .4s; transition: all .4s;
	opacity: 9;
   -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}


.mov-ne-5 {
		-webkit-transform: scale(0.1);
    -ms-transform: scale(0.1);
    transform: scale(0.1);
	opacity: 0;
	-webkit-transition: all .4s; -moz-transition: all .4s; -o-transition: all .4s; transition: all .4s;
	margin-top: 0px;
	overflow:hidden;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    color:#fff;
    background: rgba(39, 59, 116, 0.90);
    border-radius: 100%;

}

.mov-ne-3 img{
	width: 30px;
}

.mov-ne-3{
	z-index:1;
	width: 100%;
	position:absolute;
	top: 22px;
	text-align: center;
}


.mov-ne-8 img{
width: 100%;
}

.mov-ne-1, .mov-ne-8 img, .mov-ne-7, .mov-ne-4{height: 185px;object-fit: cover;border-radius: 500px;}

.mov-ne-1{
	float: left;
	position:relative;
	overflow:hidden;
	border-radius: 10px;
	margin: 0px 7px 14px 7px;
}



.abc-mov-7 .abc-5 {
   floaT: inherit !important;
   background:var(--foni-4);
      border: 2px solid #E3E6EA;
}


.abc-mov-8{
   width: 210px;
   margin: 14px auto;
}


.abc-mov-7{
   width: 100%;
   height: 75px;
   line-height: 75px;
   text-align: center;
   font-family: font-4;
   position:relative;
   background: #EDEFF6;
   floaT: left;
   font-size: 17px;
   color:#2D3743;
}




.abc-mov-4 {
    width: 21px;
    height: 19px;
    display: inline-block;
    position: relative;
    background: url(../images/icon-21.svg) center no-repeat;
    margin: 0px 0px -4px 0px;
}


.abc-mov-2{
	margin-bottom: 20px;
   width: 100%;
   height: 67px;
   line-height: 67px;
   text-align: center;
   font-family: font-4;
   border-bottom: 1px #DBDDE6 solid;
   position:relative;
   background: var(--foni-6);
   floaT: left;
   font-size: 17px;
   color:#2D3743;
}


.abc-mov-1{
	overflow:hidden;
   width: 100%;
   position:relative;
   background: #151820;
   floaT: left;
}





.abc-color-7.abc-4::before {
    border-color: #148843 rgb(0 8 255 / 0%) rgb(28 30 32 / 0%) rgb(255 0 0 / 0%);
}

.abc-color-7.abc-4 {
   background: linear-gradient(180deg, #22B95E 0%, #1BAB54 100%);
}

.abc-color-7.abc-5:hover{
	color:#1BAB54;
	border: 2px solid #1BAB54;
}

.abc-color-7 .c-vidi-3::before, .abc-color-7 .c-vidi-3::after {
    background:#1BAB54;
}



.abc-color-6.abc-4::before {
    border-color: #689B41 rgb(0 8 255 / 0%) rgb(28 30 32 / 0%) rgb(255 0 0 / 0%);
}

.abc-color-6.abc-4 {
   background: linear-gradient(180deg, #A2E071 0%, #8BC55E 100%);
}

.abc-color-6.abc-5:hover{
	color:#8BC55E;
	border: 2px solid #8BC55E;
}

.abc-color-6 .c-vidi-3::before, .abc-color-6 .c-vidi-3::after {
    background:#8BC55E;
}




.abc-color-4.abc-4::before {
    border-color: #B11B23 rgb(0 8 255 / 0%) rgb(28 30 32 / 0%) rgb(255 0 0 / 0%);
}

.abc-color-4.abc-4 {
   background: linear-gradient(180deg, #FE3844 0%, #DB1F2A 100%);
}

.abc-color-4.abc-5:hover{
	color:#DB1F2A;
	border: 2px solid #DB1F2A;
}

.abc-color-4 .c-vidi-3::before, .abc-color-4 .c-vidi-3::after {
    background:#DB1F2A;
}



.abc-color-3.abc-4::before {
    border-color: #1CA96E rgb(0 8 255 / 0%) rgb(28 30 32 / 0%) rgb(255 0 0 / 0%);
}

.abc-color-3.abc-4 {
   background: linear-gradient(180deg, #2CD08B 0%, #23BF7E 100%);
}

.abc-color-3.abc-5:hover{
	color:#23BF7E;
	border: 2px solid #23BF7E;
}

.abc-color-3 .c-vidi-3::before, .abc-color-3 .c-vidi-3::after {
    background:#23BF7E;
}





.abc-color-2.abc-4::before {
    border-color: #7B2AB9 rgb(0 8 255 / 0%) rgb(28 30 32 / 0%) rgb(255 0 0 / 0%);
}

.abc-color-2.abc-4 {
   background: linear-gradient(180deg, #B75AFF 0%, #A53EF5 100%);
}

.abc-color-2.abc-5:hover{
	color:#A53EF5;
	border: 2px solid #A53EF5;
}

.abc-color-2 .c-vidi-3::before, .abc-color-2 .c-vidi-3::after {
    background:#A53EF5;
}

.sl-tv-8 img{
	width: 60px;
}




.sl-tv-7 .sl-tv-11 h2{
   -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s;
}


.sl-tv-13{
   -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s;
}


.sl-tv-7:hover .sl-tv-11 h2{
   color:#0097E6;
   -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s;
}


.sl-tv-13:hover{
	background: var(--foni-18);
   color:#fff;
   -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s;
}




.abc-icon-6.abc-icon-1 {
    width: 21px;
    height: 21px;
    background: url(../images/icon-16.svg) center no-repeat;
    margin: 12px 7px 0px 0px;
}


.sl-tv-1 .slick-next:before{
	width: 100%;
	height: 100%;
	background: url(../images/icon-17.svg) center  no-repeat;
	content: "";
	position:absolute;
	lefT: 0px;
}

.sl-tv-1 .slick-prev:after{
	width: 100%;
	height: 100%;
	background: url(../images/icon-18.svg) center  no-repeat;
	content: "";
	position:absolute;
	lefT: 0px;
}


.sl-tv-4 .slick-next{
	right: 5px;
	background: var(--foni-1);
}


.sl-tv-1 .slick-prev{
	right: 55px !important;
	lefT: auto;
	background: var(--foni-13);
}

.sidebari-7 .sl-tv-4 .slick-prev{
	right: 70px !important;
}

.sidebari-7 .sl-tv-4 .slick-next{
	right:17px;
}

.sl-tv-1 .slick-prev, .sl-tv-4 .slick-next{top: 4px !important; border-radius: 10px; }


.sl-tv-4{
   position:relative;
   floaT: left;
   margin: 0px 0px 0px -7px;
}



.sl-tv-9{
	-webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;
    position: absolute;
    left: 50%;
    top: 55%;
    -webkit-transform: translate(-50%, -50%) scale(1);
    -ms-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
    opacity: 9;
    width: 70px;
    height: 70px;
    text-align: center;
    z-index:1;
}


.sl-tv-11{
   margin: 0px 10px;
}

.sl-tv-10 h2{
   width: 100%;
   padding: 0px;
   font-size: 13px;
   font-family: font-2;
   letter-spacing: -0.2px;
   margin: 0px;
   line-height: 47px;
   position:relative;
   floaT: left;
   overflow:hidden;
   color:#BCC6E2;
}


.sl-tv-10{
   width: 100%;
   height: 47px;
   line-height: 47px;
   position:relative;
   floaT: left;
   overflow:hidden;
   border-top: 1px #334063 solid;
}


.sl-tv-8{
   width: 100%;
   height: 115px;
   position:relative;
   floaT: left;
   overflow:hidden;
}

.sl-tv-7{
	position:relative;
	width: 190px;
	floaT: left;
	margin: 0px 0px 0px 0px;
}


.sl-tv-13{
   background: var(--foni-17);
   position:relative;
   margin: 65px 7px 0px 7px;
   border-radius: 10px;
   overflow:hidden;
   text-align: center;
   color:#fff;
}




.sl-tv-3{
   width: 100%;
   position:relative;
   floaT: left;
   margin: -44px 0px 0px 0px;
}


.sl-tv-2{
   width: 100%;
   position:relative;
   overflow:hidden;
   floaT: left;
   margin: 0px 0px 0px 0px; 
}



.sl-tv-1{
   width: 100%;
   position:relative;
	overflow:hidden;
   floaT: left;
   padding: 14px 0px 14px 0px;
   margin: 0px 0px 0px 0px; 
   background: var(--foni-15) url(../images/bg-2.svg) center  no-repeat !important;
}


.c-vidi-1:hover .c-vidi-flay, .abc-color-01 .c-vidi-1:hover .kut-c-vidi-flay{
    background: #DB1F2A url(../images/icon-24.svg) center no-repeat;
    box-shadow: 0px 0px 0px 6px rgb(0 0 0 / 40%);
    -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;
}


.c-vidi-1 .c-vidi-flay, .abc-color-01 .kut-c-vidi-flay{
	-webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;
    position: absolute;
    left: 50%;
    top: 36%;
    -webkit-transform: translate(-50%, -50%) scale(1);
    -ms-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
    opacity: 9;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 70px;
    background: #DB1F2A url(../images/icon-24.svg) center no-repeat;
    box-shadow: 0px 0px 0px 0px rgb(0 0 0 / 0%);
    border-radius: 50%;
    z-index:1;
}




.abc-div-3.abc-2{
	float: right;
}

.baner-1 img{
	width: 100%;
	floaT: left;
	position:relative;
	line-height: 0px;
}

.baner-1{
	width: 100%;
	floaT: left;
	position:relative;
	margin-bottom: 14px;
}


.abc-9, .abc-8, .abc-div-2.abc-2, .abc-div-3.abc-2{
   width: 100%;
}

.abc-div-1{
	width: 100%;
	floaT: left;
	position:relative;
	overflow:hidden;
}


.abc-icon-5.abc-icon-1 {
    width: 21px;
    height: 21px;
    background: url(../images/icon-15.svg) center no-repeat;
    margin: 13px 7px 0px 0px;
}

.abc-icon-4.abc-icon-1 {
    width: 20px;
    height: 20px;
    background: url(../images/icon-14.svg) center no-repeat;
    margin: 13px 7px 0px 0px;
}

.abc-icon-3.abc-icon-1 {
    width: 21px;
    height: 21px;
    background: url(../images/icon-13.svg) center no-repeat;
    margin: 12px 7px 0px 0px;
}

.abc-02 .abc-9{
   width: 100%;
}


.c-vidi-1:hover .c-vidi-4{
	color:#ffffff;
    -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s;
}


.c-vidi-4{
	/* height: 35px; */
	position:relative;
	/* overflow:hidden; */
	color:#d1d7eb;
	padding: 0px 15px;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
}


.abc-color-1 .c-vidi-3::before, .abc-color-1 .c-vidi-3::after {
    background:#0097E6;
}

.c-vidi-1:hover .c-vidi-3::after, .c-vidi-1:hover .c-vidi-3::before{
    width: 50%;
-webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s;
}


.c-vidi-3::after{
-webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s;
    content: '';
    position: absolute;
    width: 0%;
    height: 3px;
    margin: 0px 0px 0px 0px;
    z-indeX: 1;
    top: 0px;
    right: 0px;
}

.c-vidi-3::before {
	-webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;
    content: '';
    position: absolute;
    width: 0%;
    height: 3px;
    margin: 0px 0px 0px 0px;
    z-indeX: 1;
    top: 0px;
    left: 0px;
}



.c-vidi-1 img {
		object-fit: cover;
	width: 100%;
    -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;
}

.c-vidi-1:hover img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s;
}

.abc-8 .c-vidi-4{
	height: auto;
}

.abc-8 .c-vidi-4{
    padding: 0px 23px;
}



.abc-8 .c-vidi-3{
    padding: 20px 0px;
    font-size: 17px;
    line-height: 20px;
}


.abc-8 .c-vidi-1{
    font-size: 20px;
    font-family: font-2;
    font-size: 15px;
}
.box, .comment {
	margin-bottom: 14px !important;
}

.abc-10{
	width: 105%;
	margin: 0px 0px 0px -7px;
	floaT: left;
}


.abc-8 .c-vidi-1{
	width: 100%;
	margin: 0px 0px 0px 0px;
}

.abc-8 .c-vidi-1, .abc-8 .c-vidi-1 img{height: 415px;}


.c-vidi-3{
    widtH: 100%;
    float: left;
    position: absolute;
    overflow:hidden;
    border-radius: 0px;
    padding: 0px 0px 15px 0px;
    background: rgba(12, 18, 34, 0.85);
    z-index:1;
    line-height: 17px;
    color:#fff;
    bottom: 0px;
    padding: 15px 0px 14px 0px;
    font-size: 13px;
}

.c-vidi-1, .c-vidi-1 img{
height: 260px;
}

.c-vidi-1{
	width: 358px;
	float: left;
	position:relative;
	overflow:hidden;
	border-radius: 10px;
	margin: 0px 7px 14px 7px;
}


.c-vidi-001 a:hover {
    text-decoration: none;
    text-decoration: underline;
}
.c-vidi-001 a{
	color:#fff;
}
.c-vidi-001 {
	color:#a5a0a0;
	letter-spacing: -0.3px;
    float: left;
    position: absolute;
    overflow:hidden;
    background: rgba(12, 18, 34, 0.85);
    z-index:11;
    line-height: 20px;
    margin: 22px 0px 0px 22px;
    padding: 10px 19px;
    font-size: 12.5px;
    border-radius: 100px;
    font-family: font-1;
}


.c-vidi-01 a:hover {
    text-decoration: none;
    text-decoration: underline;
}

.c-vidi-01 a{
	letter-spacing: -0.3px;
    float: left;
    position: absolute;
    overflow:hidden;
    background: rgba(12, 18, 34, 0.85);
    z-index:11;
    line-height: 20px;
    color:#fff;
    margin: 22px 0px 0px 22px;
    padding: 10px 19px;
    font-size: 13px;
    border-radius: 100px;
    font-family: font-1;
}


.abc-9{
   position:relative;
   overflow:hidden;
   floaT: right;
}

.abc-8{
	margin-bottom: 14px;
   position:relative;
   floaT: left;
}



.abc-7 img{
   width: 100%;
   floaT: left;
   line-height: 0px;
   font-size: 0px;
   object-fit: cover;
}

.abc-7{
   width: 100%;
   position:relative;
   floaT: left;
}



.abc-icon-2 {
    width: 25px;
    height: 25px;
    position: relative;
    background: var(--foni-3) url(../images/icon-11.svg) 8px 7.3px no-repeat;
    margin: 9px 7px 0px 10px;
    border-radius: 100px;
    floaT: right;
}

.abc-5:hover{
	color:#0097E6;
	border: 2px solid #0097E6;
	transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;
}

.abc-mov-1 .abc-5{
	margin-top: 10px;
}


.abc-5 {
	transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-webkit-transition:all 0.3s ease-in-out;
	color: #77828F;
	font-family: font-4;
	position:relative;
	floaT: right;
	margin: 0px 0px 0px 0px;
	border: 2px solid var(--foni-3);
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	border-radius: 100px;
	height: 47px;
	line-height: 45.6px;
	padding: 0px 5px 0px 20px;
	font-size: 14px;
}



.abc-4::before {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 11px;
    border-color: #0888CA #0008ff00 #1c1e2000 #ff000000;
    margin: 0px 0px 0px 0px;
    z-indeX: 1;
    bottom: -22px;
    left: 0px;
}

.abc-icon-1 {
    width: 21px;
    height: 19px;
    float: left;
    position: relative;
    background: url(../images/icon-12.svg) center no-repeat;
    margin: 14px 7px 0px 0px;
}


.abc-4 {
	z-index:1;
	color:#fff;
   font-family: font-4;
   position:relative;
   floaT: left;
   margin: 0px 0px 0px 0px; 
   background: linear-gradient(180deg, #18ACFA 0%, #0097E6 100%);
   border-radius: 100px 100px 100px 0px;
   height: 47px;
   line-height: 47px;
   padding: 0px 30px 0px 20px;
   font-size: 15px;
}



.abc-3{
   width: 100%;
   position:relative;
   floaT: left;
   margin: 0px 0px 20px 0px; 
}


.abc-2{
	overflow:hidden;
   width: 100%;
   position:relative;
   floaT: left;
}


.abc-1{
	overflow:hidden;
	z-index:0;
	padding-top: 20px;
   width: 100%;
   position:relative;
   background: var(--foni-4);
   floaT: left;
}





.sl-news-1 img {
    -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;
}

.sl-news-1:hover img {
    -webkit-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.05);
    -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;
}

.sl-news-3 a{
	transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;
}

.sl-news-1:hover .sl-news-3 h2 a{
	color:#0097E6;
	transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;
}



.sl-hd-11:hover .sl-hd-12, .sl-hd-a.sl-hd-11 .sl-hd-12 {
    -webkit-transform: translate(-50%, -50%) scale(1);
    -ms-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(0.85);
    opacity: 1;

    transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;
}

.sl-hd-12 {
    position: absolute;
    left: 50%;
    top: 50%;
    color: #f8f9fa;
    -webkit-transform: translate(-50%, -50%) scale(0.5);
    -ms-transform: translate(-50%, -50%) scale(0.5);
    transform: translate(-50%, -50%) scale(0.5);
    transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;
    opacity: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    line-height: 70px;
    background: rgb(21 101 192 / 90%) url(../images/icon-6.svg) center no-repeat;
    border-radius: 50%;
}

.sl-hd-9 a:hover{
	background: var(--foni-11);
	color:#FC427B;
	transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;
}


.sl-hd-9 a{
	transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-webkit-transition:all 0.3s ease-in-out;
	border-radius: 0px;
	background: var(--foni-10);
	padding: 10px 35px;
	color: #ffffff;
	height: 39px;
	font-family: font-2;
	letter-spacing: -0.4px;
	border-radius: 100px;
}



.sl-hd-9{
	background: var(--foni-9);
	width: 100%;
	line-height: 60px;
	height: 60px;
	font-family: font-4;
	floaT: left;
	border-top: 1px var(--foni-1) solid;
	text-align: center;
	color: #273C75;
	font-size: 16px;
}


.sl-hd-11, .sl-hd-11 img{
	border-radius: 100px;
	object-fit: cover;
	width: 128px;
	height: 128px;
}


.sl-hd-11{
	border-radius: 100px;
	position:relative;
	line-height: 20px;
	floaT: left;
	margin: 0px 7px 14px 7px;
}



.sl-hd-8{
	margin: 0px 0px 0px 10px;
}


.sl-hd-7{
	background: var(--foni-1);
	padding-top: 20px;
	width: 100%;
	line-height: 20px;
	floaT: left;
}



.sl-hd-6{
	width: 100%;
	line-height: 60px;
	height: 60px;
	font-family: font-4;
	floaT: left;
	border-bottom: 0px #3c5391 solid;
	text-align: center;
	background: var(--foni-9);
	color: #fff;
	font-size: 16px;
}




.sl-news-9 {
    width: 6px;
    height: 17px;
    float: right;
    position: relative;
    background: url(../images/icon-8.svg) center no-repeat;
    margin: 5px 0px 0px 5px;
}

.sl-news-7 {
    width: 17px;
    height: 17px;
    float: left;
    position: relative;
    background: url(../images/icon-10.svg) center no-repeat;
    margin: 6px 8px 0px 0px;
}

.sl-news-6 {
    width: 15px;
    height: 17px;
    float: left;
    position: relative;
    background: url(../images/icon-9.svg) center no-repeat;
    margin: 5px 8px 0px 0px;
}

.sl-news-8:hover {
    text-decoration: none;
    text-decoration: underline;
}


.sl-news-8 {
	font-family: font-4;
    float: right;
    position: relative;
    font-size: 14px;
    color:#fff;
}


.sl-news-05 {
    float: left;
    position: relative;
    font-size: 14px;
    margin-lefT: 60px;
}


.sl-news-5 {
    float: left;
    position: relative;
    font-size: 14px;
}



.sl-news-4 {
	color:#CDCBCB;
    float: left;
    position: relative;
    widtH: 100%;
    font-family: font-3;
    padding: 0px 0px;
    font-size: 14px;
}



.sl-news-3 h2 {
    float: left;
    position: relative;
    widtH: 100%;
    font-family: font-2;
    margin: 0px 0px 12px 0px;
    padding: 20px 0px 20px 0px;
    font-size: 18px;
    letter-spacing: -0.5px;
    border-bottom: 1px rgba(255, 255, 255, 0.2) solid;
}

.sl-news-02 a:hover {
    text-decoration: none;
    text-decoration: underline;
}

.sl-news-02 a{
	color:#ffffff;
}

.sl-news-02{
	letter-spacing: -0.3px;
    float: left;
    position: absolute;
    overflow:hidden;
    background: rgba(12, 18, 34, 0.85);
    z-index:11;
    line-height: 20px;
    color:#fff;
    margin: 15px 0px 0px 15px;
    padding: 8px 19px;
    font-size: 13px;
    border-radius: 100px;
    font-family: font-1;
}


.sl-news-3{
	padding: 0px 25px;
}



.sl-news-2 a{
    color:#fff;
}


.sl-news-2{
    widtH: 100%;
    float: left;
    position: absolute;
    overflow:hidden;
    border-radius: 0px;
    padding: 0px 0px 15px 0px;
    background: rgba(12, 18, 34, 0.85);
    z-index:11;
    line-height: 30px;
    color:#fff;
    bottom: 0px;
}


.sl-news-1{
    widtH: 100%;
    float: left;
    position: relative;
    overflow:hidden;
    border-radius: 0px;
    padding: 0px 0px;
}



.sl-hd-5{
    float: right;
    position: relative;
    overflow:hidden;
    widtH: 100%;
    border-radius: 10px;
    padding: 0px 0px;
}



.sl-hd-3 img, .sl-hd-3, .sl-news-1, .sl-news-002{
	object-fit: cover;
	line-height: 0px;
	height: 333px;
	floaT: left;
}

.sl-hd-3 img, .sl-news-002{
    width: 100%;
    line-height: 0px;
    floaT: left;
}

.sl-hd-3 {
	margin-bottom: 14px;
    float: left;
    position: relative;
    overflow:hidden;
    widtH: 100%;
    border-radius: 10px;
    padding: 0px 0px;
}



.sl-hd-2 {
    float: left;
    position: relative;
    widtH: 100%;
    padding: 14px 0px;
}


.sl-hd-1 {
	z-index:0;
    float: left;
    position: relative;
    widtH: 100%;
    margin-bottom: 0px;
    background: #F4F6FD url(../images/bg-1.svg) center  no-repeat !important;
}






.van-prof-4{
	float: left;
	margin: 0px 0px 0px 0px;
	position:absolute;
	width: 11px;
height: 11px;
right: -2px;
top: 44px;
border-radius: 100px;
background: #67C03D;
border: 4px solid var(--foni-1);
}


.van-div-l{
	color:#3663DD;
	line-height: 30px;
	float: left;
	font-family:font-3;
}


.van-prof-3 img{
	width: 35px;
	height: 35px;
	border-radius: 100px;
	margin: 20px 0px 0px 0px;
	line-height: 60px;
}

.van-prof-3{
	z-index:0;
		height: 76px;
		overflow:hidden;
		line-height: 76px;
		float: left;
		margin: 0px 0px 0px 0px;
		position:relative;
}
.van-prof-2:hover {
		 -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
	color:#0097E6;
}

.van-prof-2{
		 -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
	float: left;
	font-family:font-4;
	color:#1E2F5E;
	border-lefT: 1px var(--foni-5) solid;
	padding: 0px 20px 0px 25px;
}


.van-prof-1{
	right: 0px;
	z-index:0;
	height: 60px;
	overflow:hidden;
	position: relative;
	line-height: 60px;
	float: left;
	margin: 0px 0px 0px 0px;
}


.van-div-2{
	float: left;
	color: #3663DD;
}


.van-div-3{
	height: 76px;
	overflow:hidden;
	position:relative;
	line-height: 76px;
	display: inline-block;
	float: right;
	color: #3663DD;
}




    .search-wrapper .input-holder {
        transition: all .2s ease-in-out;
    }

    .search-wrapper.active .input-holder .search-input {
        transform: translate(0,0px);
    }



.svg-menu-1 path{
    fill: #A4C4FF;
    }


.svg-menu-1 svg{
    width: 100%;
    }

.svg-menu-1 svg{
    fill: #fff;
    width: 11px;
    height: 6px;
    margin: -0px 0px 0px 3px;
    position:relative;
   top: -3px;
}


.van-div-10{
	floaT: right;
	position:relative;
}

.van-div-9{
	-webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
	position:relative;
	width: 20px;
	height: 20px;
	floaT: right;
	margin: 5px 22px 0px 0px;
	background: #273C75 url(../images/icon-4.svg) center no-repeat;
	border-radius: 100px;
}




.van-div-7{
    cursor: pointer;
    overflow:hidden;
    width: 53px;
    height: 30px;
    line-height: 30px;
    floaT: right;
    position:relative;
    margin: 24px 55px 0px 0px;
    border-radius: 100px;
    background: #375199;
    text-align: center;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
}


.van-div-8{
    margin: 0px 5px;
}




.van-div-3 button{
    floaT: right;
    background:rgb(255 255 255 / 0%);
    border:0;
}



.mobm-1{
display: none !important;
}


#cssmenu ul svg {
  fill:#fff;
}


#cssmenu ul .menu-a::before, #cssmenu ul .menu-a::after {
    width: 10px;
}


#cssmenu > ul > .home-svg-1 svg{
    width: 19px;
    height: 19px;
    margin: 10px 0px 0px -0px;
    position:relative;
    }

.van-div-1:hover .van-div-2 svg{
   fill: #fff;
    -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
}

.van-div-01.van-div-2 svg{
    -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
}

.van-div-1:hover .van-div-2{
   background: #3663DD;
   -webkit-transition: all .2s;
   -moz-transition: all .2s;
   -o-transition: all .2s;
   transition: all .2s;
}


.swore-1{
    floaT: left;
    background: rgb(238 238 238 / 0%);
    z-indeX:0;
    width: 100%;
    position:absolute;
    text-align: center;
    left: 0px;
    height: 30px;
}

.van-div-2 svg{
   fill: #3663DD;
}

.van-div-03.van-div-2{
    line-height: 36px;
}

.van-div-2{
    overflow:hidden;
    width: 32px;
    height: 32px;
    line-height: 34px;
    floaT: left;
    position:relative;
    margin: 0px 12px 0px 0px;
    border-radius: 100px;
    background: #DAE3FA;
    text-align: center;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
}


.van-div-1{
    floaT: left;
    position:relative;
    margin-top: 15px;
}









.search-wrapper .input-holder .search-icon:hover {
-webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;
}

.search-wrapper .input-holder .search-icon {
-webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;
}



.search-wrapper.search-wrap.hidden.active{
	height: 76px;
	padding: 0px 0px 0px 0px;
	margin-top: 0px;
}


.search-wrapper {
	z-indeX: 1;
	position: relative;
	top: 0px;
	right: 0px;
	}


    .search-wrapper .input-holder {
    	z-index:0;
    	overflow:hidden;
    	right: 0px;
    	height: 76px;
    	width: 40px;
    	position: absolute;
  }


    .search-wrapper.active .input-holder {
		height: 76px;
		right: 0px;
		width: 620px;
		background: #314889;
		z-index:1;
		top: 0px;
		border-radius: 0px !important;
		}




    .search-wrapper .input-holder .search-input {
		
    	width: 0px;
    	height: 76px;
    	padding: 0 0px 0 0px;
    	opacity: 0;
    	position: absolute;
    	top: 0;
    	left: 0;
    	background: 0 0;
    	box-sizing: border-box;
    	border: none;
    	outline: none;
    	font-family: font-2;
    	font-size: 14px;
    	line-height: 20px;
    	color: #eceeff;
    }

    .search-wrapper.active .input-holder .search-input {
    	width: 300px;
    	padding: 0px 0px 0px 25px;
    	opacity: 1;
    }

    .search-wrapper.active .input-holder .search-icon {
		margin-right: 45px;
    }

    .search-wrapper .input-holder .search-icon {
		top: 18px;
    	opacity:0;
    	width: 40px;
    	height: 40px;
    	margin-top: 0px;
    	border: none;
    	border-radius: 0px;
    	padding: 0;
    	outline: none;
    	position: relative;
    	z-index: 11;
    	float: right;
    	cursor: pointer;
  }

 .search-wrapper .input-holder .search-icon:hover::before {
    background-color: #4c66ad;
	 -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
}


 .search-wrapper .input-holder .search-icon::before {
	 -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
    border-radius: 5px;
    lefT: 0px;
    width: 100%;
    height: 100%;
    bottom: 0px;
    position: absolute;
    background: #3F5797 url(../images/icon-3.svg) center  no-repeat;
    content: "";
}

.search-wrapper.active .input-holder .search-icon::before {
		display: none;
    }


.q_search input::placeholder {
    color: #ffffff;
}

    .search-wrapper .input-holder .search-icon:hover {
    	background: var(--foni-14);
    }


    .search-wrapper .input-holder .search-icon {
         background: var(--foni-1);
    	opacity: 1;
        border-radius: 5px;
        z-index:9999;
    }

    .search-wrapper.active .input-holder .search-icon {
    	opacity: 9;
        background: url(../images/search-1.svg) center no-repeat;
        z-index:9999;
        display: none;
    }

    .search-wrapper .input-holder .search-icon span {
        width: 22px;
        height: 22px;
        display: inline-block;
        vertical-align: middle;
        position: relative;
    }

    .search-wrapper.active .input-holder .search-icon span {
		opacity: 0;
		}

    .search-wrapper .input-holder .search-icon span::before,.search-wrapper .input-holder .search-icon span::after {
        position: absolute;
        content: '';
    }

    .search-wrapper .input-holder .search-icon span::before {
        width: 4px;
        height: 14px;
        left: 22px;
        top: 8px;
        border-radius: 5px;
        transform: rotate(-85deg);
    }

    .search-wrapper .input-holder .search-icon span::after {
        width: 14px;
        height: 14px;
        left: 0;
        top: 0;
        border-radius: 16px;
    }

    .search-wrapper .close {
		opacity:0;
		position: absolute;
		z-index: 1;
		top: 28px;
		right: 16px;
		width: 20px;
		height: 20px;
		cursor: pointer;
		transform: rotate(45deg);
		}

    .search-wrapper.active .close {
		transform: rotate(45deg);
        transition: all .6s cubic-bezier(0,.105,.035,1.57);
		opacity:9;
    }

    .search-wrapper .close::before,.search-wrapper .close::after {
        position: absolute;
        content: '';
        background: #ffffff;
        border-radius: 10px;
    }

    .search-wrapper .close::before {
        width: 2px;
        height: 20px;
        left: 9px;
        top: 0;
    }

    .search-wrapper .close::after {
        width: 20px;
        height: 2px;
        left: 0;
        top: 9px;
    }


#cssmenu ul .menu-b a::before {
display: none;
}



.header-2{
    width: 100%;
    floaT: left;
    position:relative;
}

.header-4 ul li ul li a{
   border-right: 0px #ffffff solid;
   font-family: font-1 !important;
}

.header-4 ul li {
	width: 100%;
	floaT: left;
}
.header-4 ul li a{
	text-align: left;
	width: 100%;
	floaT: left;
    letter-spacing:0.4px;
    font-family: font-4 !important;
    border-right: 0px #5d95d9 solid;
    font-size: 15px;
    float: left;
    padding: 8px 15px;
    line-height: 20px;
    position:relative;
}

.header-12 a{
   color:#a5a7b2;
}

#cssmenu ul li ul li::before, #cssmenu ul li ul li::after {
display:none !important;
}


#cssmenu ul li::after {border-radius: 0px;}







.header-03.header-3 {
    position: fixed;
    top: 0px !important;
    margin-top: 0px;
    box-shadow: 0px 4px 4px rgb(0 0 0 /8%);
    z-index:9;
}

.header-3 {
    z-index: 11;
    float: left;
    position: relative;
    margin-top: 0px;
    widtH: 100%;
    background: var(--foni-1);
    line-height: 50px;
}


.logo-1 img{
    widtH: 100%;
    line-height: 0px;
    float: left;
    position: relative;
}



.logo-2 {
    line-height: 0px;
    width: 100%;
    float: left;
    position: relative;
}

.logo-1 svg {
    width: 220px;
}

.logo-1 {
    width: 100%;
    text-align: center;
    margin: 13px 0px 0px 0px;
    float: left;
    position: absolute;
    z-index:0;
}



.header-1 {
    float: left;
    position: relative;
    widtH: 100%;
    height: 60px;
    background:var(--foni-4);
    line-height: 60px;
}

.divi-slaider-bg {
    float: left;
    position: relative;
    widtH: 100%;
    color: #000;
    z-index:1;
    margin-bottom: 20px;
}


/*-- slaider --*/


.slick-next:before{
	width: 100%;
	height: 100%;
	background: url(../images/icon-6.svg) center  no-repeat;
	content: "";
	position:absolute;
	lefT: 0px;
}

.slick-prev:after{
	width: 100%;
	height: 100%;
	background: url(../images/icon-7.svg) center  no-repeat;
	content: "";
	position:absolute;
	lefT: 0px;
}


.slick-disabled.slick-prev, .slick-disabled.slick-next {
    opacity: 0.5 !important;
}


.slick-slider{overflow:hidden;position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent;}
.slick-list{border-radius: 3px;position:relative;display:block;overflow:hidden;margin:0;padding:0;}
.slick-list:focus{outline:none;}
.slick-list.dragging{cursor:pointer;cursor:hand;}
.slick-slider .slick-list{-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}
.slick-loading .slick-track{visibility:hidden;}
.slick-slide{display:none;float:left;height:100%;min-height: 0px;}
.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent;}
.slick-arrow.slick-hidden{display:none;}
.slick-prev,
.slick-next{border:none;outline:none;}
.slick-initialized .slick-slide{display:block;}
.slick-prev:after{right:0px;top:0px;}
.slick-dots{padding-bottom: 2px !important;bottom:20px;width:100% !important;position:absolute;display: none !important;padding:0;margin:0;list-style:none;text-align:center;z-index:9;}
.slick-dots .slick-active{background: #2196f3;border-radius:100px;}
.slick-next{right:15px;floaT:left;border-radius:5px;background: rgb(0 0 0 / 70%);font-size:0px !important;z-index:1;line-height:40px;position:absolute;display:block !important;width: 40px;height: 40px;padding:0;cursor:pointer;}
.shefi-8 .slick-prev:hover{transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;box-shadow:0px 2px 5px 0px #0000001f;}
.slick-prev,.slick-next{top: 40% !important;}
.slick-prev{background:rgb(0 0 0 / 60%);lefT: 15px;floaT:left;border-radius:5px;font-size:0px !important;z-index: 1;line-height:50px;position:absolute;display:block !important;width: 40px;height: 40px;padding:0;cursor:pointer;}
.slick-dots li{display: none !important;background: #ffffff;border-radius:10px;position:relative;display:inline-block;width:15px;height:15px;margin:0 9px;padding:0;cursor:pointer;}
.slick-dots li button{font-size:0;line-height:0;display:block;width:10px;height:10px;padding:5px;cursor:pointer;color:transparent;border:0;outline:none;background:transparent;}
/*-- slaider --*/
}






@media (min-width:1000px) and (max-width:1120px){
.h1-1 .abc-10 li:nth-child(7){display:none}
.h1-2 .abc-10 li:nth-child(6){display:none}


.abc-mov-5{
	width: 100%;
	floaT: left;
	position:relative;
	overflow:hidden;
}

.logo-2 h1{
	display: none;
}

.ms-sl-1 .tvicon-1 .abc-icon-6.abc-icon-1 {
    background: url(../images/mp4.svg) center no-repeat;
	background-size: 18px;
    margin: 13px 7px 0px -4px;
}

.ms-sl-1 .sl-hd-11{
	margin: 0px 5px 20px 5px;
}

.ms-sl-1.sidebari-7 .sl-tv-1{
   padding: 0px 0px 2px 0px;
}


.ms-sl-1 .sl-hd-11, .ms-sl-1 .sl-hd-11 img{
	width: 90px;
	height: 90px;
}


.ms-sl-1 .sl-hd-11{
   margin-top: 70px;
	   padding: 0px 0px 0px 0px;
}

.ms-sl-1.sidebari-7{
   margin: 0px 0px 20px 0px;
}




.qq-uploader .btn{
	width: 200px !important;
	text-align: center;
}


.qq-uploader .btn{
	height: 37px;
	font-size: 14px;
	font-family:font-1;
	font-weight: 600;
	letter-spacing: -0.2px;
}



#f-prc-1 li a:hover{
	color:#FF2D46;
	-webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
}


#f-prc-1 li {
	line-height: 10px;
	width: 100%;
	float: left;
}

#f-prc-1 li a {
	color:#8989a5;
	font-size: 14px;
	font-family:font-1;
	margin: 0px 0px 20px 0px;
}

#f-prc-1 {
	position:relative;
	width: 100%;
	float: left;
	margin: 2px 0px 0px 0px;
	padding-bottom: 8px;
	padding-top: 3px;
}

.zari-pr-3{
	margin-bottom: 20px;
}


.a-autor-7{
	width: 100%;
	floaT: left;
	height: 100%;
	left: 0px;
	top: 0px;
	position:absolute;
}


.a-autor-6{
	position:relative;
}


.a-autor-2 a:hover{
	color: #0097E6;
}

.a-autor-5 a{
	color: #44537e;
}

.a-autor-4{
	color: #273c75;
	font-size:14px;
	font-family:font-3;
}


.a-autor-5{
	letter-spacing: -0.4px;
	z-index:99;
	position:relative;
	width: 100%;
	float: left;
	margin: 0px 0px 0px 0px;
	font-family:font-1;
	font-size:15px;
}
.a-autor-3 a{
	color: #273c75;
	   font-weight: 600;
}

.a-autor-3{
	   font-weight: 700;
	color: #273c75;
	font-size:14px;
	z-index:99;
	position:relative;
	width: 100%;
	float: left;
	margin: 20px 0px 3px 0px;
	font-family:font-3;
	
}

.a-autor-2{
	color: #273c75;
	font-size:15px;
	z-index:99;
	position:relative;
	width: calc(100% - 97px);
	float: right;
	margin: 0 0 0 0px;
	    font-weight: 700;
}

.a-autor-1, .a-autor-1 img{
	width:80px;
	height:80px;
	floaT: left;
	border-radius: 100px;
}




.musig .n-fil.mov-ne-1, .musig .n-fil .mov-ne-8 img, .musig .n-fil .mov-ne-7, .musig .n-fil .mov-ne-4{height: 151.6px;}

.musig .mov-ne-7 {
    line-height: 16px;
    font-size: 12px;
}


.musig .n-fil.mov-ne-1{
	width: 151.6px;
}

.musig .abc-mov-4 {
    background: url(../images/mmusic.svg) center no-repeat;
}

.musig.abc-mov-1{
   margin-bottom: 20px;
}



.c-v.c-vidi-001 {
	color:#a5a0a0;
	letter-spacing: -0.3px;
    line-height: 20px;
    margin: 15px 0px 0px 15px;
    padding: 7px 15px;
    font-size: 12px;
}


.abc-mov-3{
	floaT: left;
}


.kino-tab-enn{
	width: 25px;
	margin: 1px 0px -4px 0px;
}


.mus.rec .tvicon-1 .abc-icon-6.abc-icon-1 {
    background: url(../images/mp4.svg) center no-repeat;
	background-size: 18px;
    margin: 12px 7px 0px -1px;
}


.mus.rec  .sl-tv-7:hover .sl-tv-11 h2{
   color:#0097E6;
}


.mus.rec .sl-tv-13{
   background: var(--foni-16) !important;
   color:#fff;
}

.msms.mus.rec .sl-tv-10 h2{
   width: 100%;
   padding: 22px 0px 20px 0px;
}

.mus.rec.sl-tv-1{
   background: var(--foni-15) url(../images/bg-2.svg) center  no-repeat !important;
}



.abc-top{
	z-index:0;
}

.rec .sl-tv-11{
   margin: 0px 20px;
}


.rec .sl-tv-13{
   background: var(--foni-12) url(../images/bg-2.svg) center  no-repeat !important;
   color:#fff;
}


.rec.sl-tv-1{
	background: var(--foni-4) !important;
}

.rec  .sl-tv-13{
height: 190px;
}

.rec .sl-tv-10 h2{
   width: 100%;
   padding: 22px 0px;
   font-size: 13px;
   font-family: font-1;
   letter-spacing: -0.2px;
   margin: 0px;
   line-height: 16px;
   position:relative;
   floaT: left;
   overflow:hidden;
   color:#ffffff;
}


.rec .sl-tv-10{
   width: 100%;
   height: auto;
   line-height: 20px;
   border-top: 0px #334063 solid;
	position:absolute;
	bottom: 0px;
}


.rec .sl-tv-7{
	width: 248px;
}


.rec  .sl-tv-7:hover .sl-tv-11 h2{
   color:#8BC55E;
}

.rec .sl-tv-9{
	margin-top: 10px;
	width: 85px;
	height: 85px;
}

.rec .sl-tv-8 img{
	width: 85px;
	height: 85px;
	border-radius: 100px;
	object-fit: cover;
}


.rec .tvicon-1 .abc-icon-6.abc-icon-1 {
    background: url(../images/icon-19.svg) center no-repeat;
    margin: 12px 7px 0px -1px;
}



.n-fil .mov-ne-3 img{
	width: 20px;
}


.n-fil.mov-ne-1, .n-fil .mov-ne-8 img, .n-fil .mov-ne-7, .n-fil .mov-ne-4{height: 185px;}

.n-fil.mov-ne-1, .mov-ne-1{
	width: 185px;
}






.mp3 .sl-hd-12 {
    background: rgb(252 66 123 / 90%) url(../images/mp4.svg) center no-repeat;
	background-size: 25px;
    border-radius: 50%;
}

.musge-5{
	color: #ffffff;
}


.musge-3 a{
	color:#fff;
}

.musge-3 a:hover{
	background:#ff5d8f;
	-webkit-transition: .3s ease-in-out; transition: .3s ease-in-out;
}

.musge-3 a{
	-webkit-transition: .3s ease-in-out; transition: .3s ease-in-out;
	floaT: left;
	background:#FC427B;
	padding: 0px 20px;
	height: 45px;
	border-radius: 5px;
	line-height: 45px;
	font-family: font-4;
}

.musge-4{
	background: #0097E6;
	floaT: right;
	color:#fff;
	padding: 0px 20px;
	height: 45px;
	border-radius: 5px;
	line-height: 45px;
	font-family: font-3;
	font-size: 14px;
}

.musge-2 {
	padding: 0px 10px;
}

.musge-1 {
    width: 100%;
    floaT: left;
    position: relative;
	margin: 20px 0px 0px 0px;
	border: 1px solid var(--foni-23);
	-webkit-transition: border 0.2s linear 0s; transition: border 0.2s linear 0s;
	-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
	border-radius: 5px;
	padding: 10px 0px;
}

/*-- music--*/

.num-id-1 {
	letter-spacing: -0.3px;
    float: left;
    position: absolute;
    overflow:hidden;
    background: rgba(12, 18, 34, 0.70);
    z-index:11;
    line-height: 20px;
    color:#fff;
    margin: 15px 0px 0px 15px;
    padding: 4px 10px;
    font-size: 13px;
    border-radius: 100px;
    font-family: font-1;
}

.abc-msx-1 .abc-mov-2{
   border-bottom: 1px var(--foni-3) solid;
   background: var(--foni-4);
   color:#2D3743;
}

.abc-msx-1.abc-mov-1{
   background: var(--foni-4);
}


.h-z-1.sl-tv-1{
	height: 256px;
}


.kut-1 .mov-ne-1, .kut-1 .mov-ne-8 img, .kut-1 .mov-ne-7, .kut-1 .mov-ne-4, .kut-1 .mov-ne-5{
border-radius: 10px !important;
}



.cat-user-bg-09 b {
	 font-weight: 600;
    font-family: font-2 !important;
	color:#23335c !important;
	letter-spacing: -0.05em;
}


.cat-user-bg-09 {
	
	color:#475b8d !important;
	 font-weight: 600;
    font-family: font-1 !important;
	
}


.vid-fotbal-1 .cat-user-bg-6{width: calc(100% - 165px);}

.vid-fotbal-1 .cat-user-bg-3, .vid-fotbal-1.cat-user-bg-5, .vid-fotbal-1 .cat-user-bg-5 img{width:140px;height:140px;}

.vid-fotbal-1 img {
    -webkit-transform: scale(0.7);
    -ms-transform: scale(0.7);
    transform: scale(0.7);
    -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s;
}

.vid-fotbal-1 .cat-user-bg-3{
	border: 1px var(--foni-3) solid;
}

.vid-fotbal-1 .cat-user-bg-9{
	display: none;
}



.tvicon-1 .abc-icon-6.abc-icon-1 {
    background: url(../images/icon-14.svg) center no-repeat;
    margin: 13px 7px 0px -4px;
}

.cat-user-bg-1{
	z-indeX:0;
}


.sidebari-5  li:nth-child(4){ display:none !important; }

.container {
	font-family:font-01;
}


.s-ss.sl-hd-11 .sl-hd-12{
    -webkit-transform: translate(-50%, -50%) scale(1);
    -ms-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(0.85);
    opacity: 1;
}


.abc-color-2 .kut-c-vidi-flay{
    background: rgb(183 90 255 / 60%) url(../images/icon-24.svg) center no-repeat;
}


.kut-c-vidi-flay{
    position: absolute;
    right: 15px;
    top: 15px;
    opacity: 9;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 70px;
    background: rgb(0 0 0 / 60%) url(../images/icon-24.svg) center no-repeat;
    box-shadow: 0px 0px 0px 0px rgb(0 0 0 / 0%);
    border-radius: 7px;
    z-index:1;
}


.sidebari-7 .sl-tv-7{
	width: 100%;
}


.sruli-20{
	font-size: 0px;
}


.video-container {
    width: 100%;
    floaT: left;
    position: relative;
}

.div-full-4  {
    width: 100%;
    floaT: left;
    position: relative;
}




.div-video-iframe-03{
	width: 100%;
	position:relative;
	floaT: left;
	margin-bottom: 20px;
}

.video_reclam {
    width: 100%;
    height: 100%;
    background: #273C75;
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1;
}
.video_reclam .start_video svg {
    cursor: pointer;
}
.video_reclam video {
    margin-top: 9px;
    max-width: 100%;
    max-height: 100%;
}
.video_reclam .start_video {
        cursor: pointer;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    background: rgb(8 13 43 / 10%) url(../images/video-play-button.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 15%;
}
.video_reclam button {
    position: absolute;
    bottom: 20px;
    right: 20px;
    padding: 15px;
    border: none;
    color: #ffffff;
    border-radius: 5px;
    cursor: pointer;
    font-family: font-1;
    background-color: #273C75;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    display: none;
    z-index: 1;
}





.notic-1{
	width: 100%;
	floaT: left;
	margin-bottom: 20px;
}


.liv-div-07 img{
    width: 55px;
}



.liv-div-07{
    position: absolute;
    top: 41%;
    left: 0;
    width: 100%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 2;
}


.liv-div-7{
	width: 100%;
	floaT: left;
	text-align: center;
}

.liv-div-3 .liv-div-6{
	font-family: font-2;
	top: 10px;
	left: 10px;
	floaT: left;
	position: absolute;
	color:var(--foni-19);
	font-size: 13px;
	background:#ffffff;
	padding: 2px 8px 1px 8px;
	border-radius: 100px;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}

.liv-div-3:hover .liv-div-6{color:#ffffff;background: #0097E6;-webkit-transition: all .3s;-moz-transition: all .3s;-o-transition: all .3s;transition: all .3s;}


.liv-div-9{
font-family: font-2;
letter-spacing: -0.2px;
margin: 0px 5px;
}

.liv-div-8{
	width: 100%;
	height: 43px;
	line-height: 43px;
	text-align: center;
	font-family: font-1;
	bottom: 0px;
	floaT: left;
	position: absolute;
	border-top: 1px var(--foni-3) solid;
	color:var(--foni-19);
	font-size: 14px;
}



.liv-div-2{
    margin: 0px -5px;
	width: 102%;
	floaT: left;
}


.liv-div-1{
	width: 100%;
	floaT: left;
	overflow:hidden;
	position:relative;
}

.liv-div-3:hover  span{
            animation: animate  1s linear infinite;
        }
  
        @keyframes animate {
            0% {
                opacity: 0;
            }
  
            50% {
                opacity: 1;
            }
  
            100% {
                opacity: 0;
            }
        }




.liv-div-3 .liv-div-9{
    -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;
}

.liv-div-3:hover .liv-div-9{
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    color: #0097E6;
}


.liv-div-3 img {
    -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;
}

.liv-div-3:hover img {
    -moz-transform: scale(1.07);
    -webkit-transform: scale(1.07);
    -o-transform: scale(1.07);
    -ms-transform: scale(1.07);
    transform: scale(1.07);
    -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;
}

.liv-div-3:hover .liv-div-8{
	-webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;
}

.liv-div-3:hover{
	-webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;
}

.k-katalog-1{width:260px;}

.liv-div-3{width:260px;}

.liv-div-3{
	width:184.8px;
	height: 170px;
	floaT: left;
	position:relative;
	margin: 0px 7px 14px 7px;
	background: var(--foni-4);
	border-radius: 5px;
	-webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;
}





.tab_container{
	width: 100%;
	float: left;
	position:relative;
	margin: 0px 0px -20px 0px;
}


.tabs li {
    display: inline-block;
    cursor: pointer;
    text-transform: uppercase;
    font-weight: 500;
    -webkit-user-select: none;
    color: #2b2c32;
    opacity: 0.7;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
}

.tabs .active {
    color: #ffffff;
    opacity: 9;
    background: #0097E6;
}

.tabs{width: 100%;floaT: left;position:relative;overflow:hidden;font-family: 'font-4';background:var(--foni-4);border-radius: 5px;}
.tabs li{ border-right: 1px var(--foni-2) solid; float: left;position:relative;display:inline-block;padding: 15px 18px;cursor:pointer;text-transform:uppercase;font-weight:500;-webkit-user-select:none;}
.tabs li:hover{/* color: #ffffff; */opacity: 9;transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;}





.di-left-7 ul li a{
-webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;
}


.di-left-7 ul li:hover a{color: #4290fc;-webkit-transition: all .3s;-moz-transition: all .3s;-o-transition: all .3s;transition: all .3s;}

.di-left-7 ul li .li-left-2 {
box-shadow: 0px 0px 0px 2px rgb(33 150 243 / 0%);
-webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;
}

.di-left-7 ul li:hover .li-left-2 {
	    background: #3e59a1;
-webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;
}




.di-left-7 ul::-webkit-scrollbar-track{background:#223466; border-radius: 100px;position:relative; overflow:hidden;}
.di-left-7 ul::-webkit-scrollbar-thumb{background:#314989; border-radius: 100px;position:relative; overflow:hidden;}
.di-left-7 ul::-webkit-scrollbar{width:7px; border-radius: 100px;position:relative; overflow:hidden;}

.di-left-7 ul{
    width: 100%;
    float: left;
    position: relative;
    overflow-y: auto;
    max-height: 498px;
    color:#fff;
    font-family: font-3;
    font-size: 15px;
    line-height: 20px;
    margin-bottom: 10px;
}



.li-left-2 img{
    width: 17px;
    height: 17px;
}


.li-left-2 {
    width: 30px;
    height: 30px;
    line-height: 36px;
    text-align: center;
    float: left;
    position: relative;
    margin: 2px 10px 0px 2px;
    background: #334c8f;
    border-radius: 100px;
}

.li-left-1{
    width: 100%;
    float: left;
    position: relative;
    color:#fff;
    font-family: font-1;
	font-weight: 700;
    font-size: 14px;
    line-height: 30px;
    margin-bottom: 10px;
}




.div-left-4 {
    float: left;
    position: relative;
    width: 21px;
    height: 21px;
    background: url(../images/icon-16.svg) center no-repeat;
    margin: 15px 5px 0px 0px;
}


.di-left-5 a{
    color:#fff;
}

.di-left-6 {margin: 12px 12px 0px 10px;}


.di-left-5 {
    width: 100%;
    float: left;
    position: relative;
    overflow:hidden;
    color:#fff;
    font-family: font-1;
    font-size: 15px;
}



.di-left-3 {
padding: 0px 14px;
}

.di-left-2 {
    width: 100%;
    height: 50px;
    line-height: 51px;
    float: left;
    position: relative;
    overflow:hidden;
    background: var(--foni-20);
    color:#fff;
    font-family: font-4;
    font-size: 15px;
}


.di-left-1 {
	margin-bottom: 0px;
	width: 240px;
	float: left;
	position: relative;
	overflow:hidden;
	background: var(--foni-13);
	border-radius: 5px;
}


.di-right-1 {
	line-height: 0px;
	width: 697px;
	float: right;
	position: relative;
	overflow:hidden;
	border-radius: 5px;
}



.di-home-2 {
   margin: 0px 14px;
}

.tvs-1 .di-home-1 {
	margin-left: 10px;
}

.di-home-1 {
	margin-top: 0px;
    widtH: 100%;
    padding: 14px 0px;
    float: left;
    position: relative;
    overflow:hidden;
    background:var(--foni-4);
    border-radius: 10px;
    margin-bottom: 14px;
}




.cat-user-bg-09 {
	color: #23335c;
    line-height: 13px;
    font-size: 15px;
    font-family: font-1;
}


.cat-user-bg-9 {
	font-family: font-3;
    z-index: 1;
    position: absolute;
    float: left;
    width: 100%;
    font-size: 14px;
    background: rgb(39 60 117 / 90%);
    padding: 14px 0;
    color: #fff;
    text-align: center;
    bottom: 0;
}

.cat-user-bg-6{font-size:15px;z-index:99;position:relative;width: calc(100% - 195px);float: right;margin: 0 0 0 0px;font-family:font-1;}


.cat-user-bg-8 {
	color: #273C75;
    position: relative;
    width: 100%;
    float: left;
    margin: 5px 0px 20px 0px;
    font-family: font-3;
    font-weight: 700;
    font-size: 18px;
    padding: 0 0 15px;
    border-bottom: 1px var(--foni-3) solid;
}

.cat-user-bg-3,.cat-user-bg-5,.cat-user-bg-5 img{position:relative;float:left;border-radius:10px;margin:0 0px 0px 0;overflow:hidden;object-fit:cover}
.cat-user-bg-3,.cat-user-bg-5,.cat-user-bg-5 img{width:170px;height:170px;}
.cat-user-bg-2{padding:2%}
.cat-user-bg-1{width:100%;position:relative;float:left;background:var(--foni-4);border-radius:10px;overflow:hidden; margin-top: 20px;  padding-bottom: 2%; }





.m-1 img {
   -webkit-transition: all .4s; -moz-transition: all .4s; -o-transition: all .4s; transition: all .4s;
}

.m-1:hover img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition: all .4s; -moz-transition: all .4s; -o-transition: all .4s; transition: all .4s;
}




.msaxio-6.slick-initialized .slick-slide{
	floaT: left;
}

.msaxio-6 .slick-next{
	background:#FC427B
}

.msaxio-6 .slick-prev, .msaxio-6 .slick-next{
	border-radius: 100px !important;
}


.msaxio-6 .slick-prev, .msaxio-6 .slick-next{top: 36% !important;}


.msaxio-6 img{float: left;width: 100%;object-fit: cover;border-radius: 100px;}

.m-1, .m-1 img{
height: 14`px !important;
border-radius: 500px;
}

.m-1{
	float: left;
	position:relative;
	overflow:hidden;
	border-radius: 100px;
	margin: 0px 10px 0px 10px;
}


.msaxio-5{
	margin: 0px 10px;
}


.msaxio-4{
	width: 100%;
	height: 160px;
	position:relative;
	floaT: left;
	margin: 0px 0px 0px 0px;
}



.msaxio-3{
	margin: 0px 20px;
}


.msaxio-2{
	width: 100%;
	line-height: 54px;
	height: 54px;
	font-family: font-4;
	floaT: left;
	margin-bottom: 20px;
	border-bottom: 1px var(--foni-23) solid;
	text-align: left;
	color: #76808B;
	font-size: 15px;
}

.msaxio-1{
	width: 100%;
	float: left;
	position:relative;
	overflow:hidden;
	padding: 0px 0px 0px 0px;
	border-radius: 10px;
	box-shadow: inset 0px 0px 0px 1px var(--foni-23);
	font-weight: 600;
	font-size: 14px;
	color:#76808B;
	margin: 20px 0px 0px 0px;
}



.kino-tab-2 img{
	width: 16px;
	margin: 4px 3px -5px 0px;
	display: inline-block;
}



.kino-tab-1 li a:hover {
    text-decoration: none;
    text-decoration: underline;
}

.kino-tab-1 li a{
	color:#FC427B;
}


.kino-tab-1 li{
	width: 100%;
	float: left;
	position:relative;
	padding: 15px 0px;
	box-shadow: inset 0px 1px 0px 0px var(--foni-23);
	font-family: font-2;
	font-weight: 600;
	font-size: 14px;
	color:#FC427B;
}


.kino-tab-2{
	position:relative;
	font-family: font-1;
	font-weight: 600;
	font-size: 14px;
	color:#515A64;
	margin: 0px 1px 0px 20px;
}


.kino-tab-1{
	width: 100%;
	float: left;
	position:relative;
	overflow:hidden;
	padding: 0px 0px 0px 0px;
	border-radius: 10px;
	box-shadow: inset 0px 0px 0px 1px var(--foni-23);
	font-weight: 600;
	font-size: 14px;
	color:#76808B;
	margin: 20px 0px 0px 0px;
}




body div select option{
	color: #41599B;
    padding: 0 10px;
}

body div .vk_multifilm select option{
    background: #F4F6FD !important;
}

body .vk_multifilm select {
	cursor: pointer;
	margin: 0px 0px 20px 0px;
	height: 55px !important;
	border: 10px solid !important;
	box-shadow: 0px 0px 0px 1px var(--foni-21);
	border: 13px solid var(--foni-21) !important;
	background: var(--foni-21) !important;
	border-radius: 5px;
	padding: 0px 6px;
	font-family: font-2;
	font-size: 14px;
	font-weight: 100;
	letter-spacing: 0.5px;
	color: #444;
	} 


.vk_multifilm{
	width: 100%;
	position:relative;
	floaT: left;
	border-radius: 5px;
	margin-bottom: 0px;
}



.video-container iframe{
	width: 100%;
}
.video-container, .video-container iframe{
	height: 366px;
}


.video-container{
	width: 100%;
	position:relative;
	floaT: left;
	overflow:hidden;
	border-radius: 5px;
}




.baner-1 img{
	border-radius: 10px;
}


.rate-l-2{
	floaT: right;
	margin: 0px 0px 0px 7px;
}



.rate-l-1{
	margin: 0px 7px 0px 0px;
	floaT: left;
}


.rate .rate-l-1:hover path{ fill: #88c54d; }
.rate .rate-l-2:hover path{ fill: #e45757; }

.rate_like-dislike .ratingplus { color: #88c54d; }
.rate_like-dislike .ratingminus { color: #e45757; }


.rate { display: inline-block; float: left; }




#cssmenu ul li ul .menu-aa a{
	color: #FC427B !important;
}
.valuti-1 .list{
	font-family: font-2;
}

.bn-1 .box_in { padding: 4% 5% 2% 5%; }


.k-kat-02{
	padding: 0px 20px;
	position:relative;
	display: inline-block;
}


.box_in #CCStyleWhiteBG .flag {
	padding-left:0px;
	margin: 1px 5px 0px 0px;
}



body .valuti-2 #lari_ge_cb_9132881 input{ 
width: calc(100% - 145px) !important; 
height: 30px;
padding: 0px 5px !important;
}


.valuti-1  #CCStyleWhiteBG .currency{
    text-align: center !important;
    font-size: 13px;
    font-family:font-3;
}


.valuti-1 #CCStyleWhiteBG .ad {
display: none !important;
}



.valuti-1 #CCStyleWhiteBG .list {
    font-size: 12px;
    text-align: left;
    padding-top: 15px;
    padding-bottom: 15px;
    clear: both;
    height: 20px;
    cursor: pointer;
    border-bottom: 1px #ddd solid;
}

.valuti-1 #CCStyleWhiteBG{
    width: 100% !important;
        padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
}



.bb-valuta-6{margin:0px 0px 0px 0px;float:left;width:100%;height:100%;position:absolute;overflow:hidden;z-index:1;lefT:0px;}


.titlee.title{
        margin: -10px 0px 10px 0px !important;
        font-size: 20px;
    }

.box-5 b{
	font-family:font-4;
}

.box-5{
	margin: 17px 20px;
}



.valuti-2 a{
    font-size: 0px !important;
}


body .valuti-2 #lari_ge_cb_9132881 input{ 
width: calc(100% - 145px) !important; 
height: 30px;
padding: 0px 8px !important;
}


.valuti-1  #CCStyleWhiteBG .currency{
    text-align: center !important;
    font-size: 13px;
    font-family:font-2;
}


.valuti-1 #CCStyleWhiteBG .ad {
display: none !important;
}


.valuti-1 #CCStyleWhiteBG .title {
  color: #0097E6;
  font-size: 15px;
  font-family:font-3;
  text-align: left !important;
  border-bottom: 0px solid #EBEBEB;
  margin: 5px 0px -4px 0px;
}

.valuti-1 #CCStyleWhiteBG .list {
    font-size: 12px;
    text-align: left;
    padding-top: 10px;
    padding-bottom: 15px;
    clear: both;
    height: 20px !important;
    cursor: pointer;
    border-bottom: 1px #ddd solid !important;
}

.valuti-1 #CCStyleWhiteBG{
    width: 100% !important;
        padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
}



.box_in h1{
  line-height: 20px;
  width: 100%;
  floaT: left;
  font-family: font-1;
    font-size: 18px !important;
  margin: 0px 0px 5px 0px;
}





.container img{
    text-align: center;
	max-width: 100%;
	height: auto !important;
	font-size: 0px;
	line-height: 0px;
	margin: 7px 0px;
}



.fullstor-13 path{
	fill:#77828F;
}


.btn-s-2 svg{
	margin: 0px 0px 0px 9px;
	float: left;
}


.sruli-12 button {
	position:relative;
	font-family: font-1;
	font-size: 15px;
	border: 0;
    	background:rgb(255 255 255 / 0%);
}

.resize #increaseFont svg{
	margin: 0px 0px 0px 0px !important;
}


.fullstor-13 {
	floaT: right;
	position:relative;
	margin-top: 0px;
}

.fullstor-12 {
	width: 110px;
	floaT: right;
	position:relative;
	margin-top: 0px;
}

.fullstor-14 {
	floaT: right;
	position:relative;
	margin: 12px 15px 0px 0px;
	font-family: font-3;
	font-size: 15px;
	color:#77828F;
}


.fullstor-13 #increaseFont {
	    cursor: pointer;
	-webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
    color: #0e1523 !important;
    border: 1px solid var(--foni-22);
    background-color:#fff;
    font-weight: 700;
    font-style: normal;
    font-size: 15px;
    z-index: 100;
    width: 36px;
    height: 33px;
    line-height: 33px;
    float: right;
    text-align: center;
    margin-top: 4px;
}


.fullstor-13 #decreaseFont {
	    cursor: pointer;
	-webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
    color: #0e1523 !important;
    border: 1px solid var(--foni-22);
    background-color:#fff;
    font-weight: 500;
    font-style: normal;
    font-size: 15px;
    z-index: 100;
    width: 36px;
    height: 33px;
    line-height: 33px;
    float: left;
    text-align: center;
    margin-top: 4px;
    margin-right: -1px;
}


.right-1 {
	border: 1px var(--foni-2) solid;
	color:#34205a;
	padding: 2px 6px;
	font-size: 12px;
	border-radius: 5px;
	margin-lefT: 5px;
}


.sruli-ic-05{
    width: 100%;
    height: 100%;
    display: inline-block;
    position: relative;
    background: url(../images/icon-39.svg) center no-repeat;
    margin: 0px 0px 0px 0px;
}

.sruli-ic-04{
    width: 100%;
    height: 100%;
    display: inline-block;
    position: relative;
    background: url(../images/icon-38.svg) center no-repeat;
    margin: 0px 0px 0px 0px;
}

.sruli-ic-03{
    width: 100%;
    height: 100%;
    display: inline-block;
    position: relative;
    background: url(../images/icon-37.svg) center no-repeat;
    margin: 0px 0px 0px 0px;
}

.sruli-ic-02{
    width: 100%;
    height: 100%;
    display: inline-block;
    position: relative;
    background: url(../images/icon-36.svg) center no-repeat;
    margin: 0px 0px 0px 0px;
}

.sruli-ic-01{
    width: 100%;
    height: 100%;
    display: inline-block;
    position: relative;
    background: url(../images/icon-35.svg) center no-repeat;
    margin: 0px 0px 0px 0px;
}


.sruli-ic-005.sruli-16{
	background:#7555DE;
}


.sruli-ic-004.sruli-16{
	background:#7AD06D;
}


.sruli-ic-003.sruli-16{
	background:#55ACEE;
}


.sruli-ic-002.sruli-16{
	background:#448AFF;
}


.sruli-ic-001.sruli-16{
	background:#4267B2;
}

.sruli-16:hover{
	opacity: 9;
}
.sruli-16{
	opacity: 0.8;
	width: 35px;
	height: 35px;
	border-radius: 100px;
	background:#222;
	float: left;
	position:relative;
	margin: 0px 0px 0px 10px;
	font-weight: 600;
	font-size: 14px;
	color:#76808B;
	font-family: font-3;
	letter-spacing: 1px;
}


.sruli-15{
	display: inline-block;
	position:relative;
	margin: 0px 0px 0px 0px;
	font-weight: 600;
	font-size: 14px;
	color:#76808B;
	font-family: font-3;
	letter-spacing: 1px;
}

.sruli-14{
	float: left;
	position:relative;
	margin: 8px 0px 0px 0px;
	font-weight: 600;
	font-size: 14px;
	color:#76808B;
	font-family: font-3;
	letter-spacing: 1px;
}



.sruli-13{
	width: 100%;
	float: left;
	position:relative;
	margin: 24px 0px 20px 0px;
	font-weight: 600;
	font-size: 14px;
	color:#76808B;
}






/*--favoritebi--*/
.damatebiti-fav-1 {
    floaT: right;
    width: 40px;
    height: 40px;
    position: relative;
    z-index: 1;
    margin-right: 0px;
    line-height: 20px;
}

.favmod{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;display:block;margin:0 auto;width:40px;height: 30px;padding:0px;opacity:9;}
.favmod.active,
.favmod:hover{opacity:1;}
.favmod-add,
.favmod-unset{display:block;width:100%;height:100%;color:#99A2BA;font-weight:100;text-align:center;line-height: 30px;border-radius:100px;font-size:22px;}
.favmod-unset{color: #FC427B}
.favmod .favmod-unset,
.favmod.active .favmod-add{display:none;}
.favmod.active .favmod-unset{display:block;}




.sruli-ic-2 {
    width: 21px;
    height: 19px;
    display: inline-block;
    position: relative;
    background: url(../images/icon-31.svg) center no-repeat;
    margin: 0px 0px -4px 0px;
}


.sruli-ic-1 {
    width: 21px;
    height: 19px;
    display: inline-block;
    position: relative;
    background: url(../images/icon-30.svg) center no-repeat;
    margin: 0px 0px -4px 0px;
}



.sruli-12 {
	position:relative;
	floaT: right;
	margin: -10px 0px 0px 0px;
}

.sruli-10 {
	position:relative;
	floaT: left;
	margin: 1px 0px 0px 30px;
}

.sruli-9 {
	position:relative;
	floaT: left;
	margin: 1px 0px 0px 30px;
}

.sruli-8 {
	font-family: font-4;
	display: inline-flex;
	position:relative;
	floaT: left;
	margin: 2px 0px 0px 0px;
}


.sruli-7 {
	font-family: font-3;
	color: #67717C;
	width: 100%;
	position:relative;
	floaT: left;
	padding: 0px 0px 12px 0px;
	margin: 20px 0px 10px 0px;
	border-bottom: 1px var(--foni-22) solid;
}



.container a:hover {
    text-decoration: none;
    text-decoration: underline;
}

.container a{
	color:#FC427B;
}


body .container b span{
	font-family: font-02 !important;
}

.container span{
	
	font-family: font-01;
}

.container b{
	    font-weight: 100;
	font-family: font-02;
	
}


.container {
	width: 100%;
	position:relative;
	floaT: left;
	padding: 10px 0px 0px 0px;
	line-height: 22px;
	color: #515A64;
	font-size: 15px;
}






.sruli-6 img{
	width: 100%;
	position:relative;
	floaT: left;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	border-radius: 10px;
}

.sruli-6{
	width: 100%;
	position:relative;
	floaT: left;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}


.sruli-05{
	text-align: right;
	/* width: 5%; */
	position:relative;
	floaT:right;
}



.sruli-4 h1{
	width: 100%;
	position:relative;
	floaT: left;
	font-size: 20px;
	font-family: font-2;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	color:#273C75;
	letter-spacing: -1.1px;
}


.sruli-5{
	width: calc(100% - 60px);
	position:relative;
	floaT: left;
}



.sruli-4{
	margin: 20px 0px 10px 0px;
	width: 100%;
	position:relative;
	floaT: left;
}



.sruli-20 a:hover{
	color:#FC427B;
	background:#FFEFF4;
}

.sruli-24 {
    width: 21px;
    height: 19px;
    display: inline-block;
    position: relative;
    background: url(../images/icon-34.svg) center no-repeat;
    margin: 0px 1px -4px 0px;
}


.sruli-25 {
	color:#448AFF;
}

.sruli-27{
	overflow:hidden;
	position:relative;
}



.sruli-26{
	width: 100%;
	float: left;
	position:relative;
	padding: 25px 0px 30px 0px;
}


.sruli-22{
	width: 100%;
	line-height: 70px;
	height: 70px;
	font-family: font-4;
	floaT: left;
	border-bottom: 1px var(--foni-22) solid;
	text-align: center;
	color: #273C75;
	font-size: 16px;
}



.sruli-21{
	width: 100%;
	float: left;
	position:relative;
	background: var(--foni-4);
	border-radius: 10px;
	padding: 0px 0px;
	margin: 14px 0px;
}


.sruli-20 a:hover {
    text-decoration: none;
    text-decoration: underline;
}


.sruli-19{
	float: left;
}
.sruli-20 a{
	float: left;
	position:relative;
	padding: 7px 15px;
	margin: -6px 5px 11px 0px;
	font-family: font-1;
	font-weight: 600;
	font-size: 13px;
	color:#76808B;
	background:#F4F6FD;
}


.sruli-17{
	width: 100%;
	float: left;
	position:relative;
	padding: 30px 0px 16px 0px;
	background: var(--foni-4);
	border-radius: 0px 0px 10px 10px;
	border-top: 1px var(--foni-22) solid;
	font-family: font-4;
	font-weight: 600;
	font-size: 14px;
	color:#76808B;
}



.sruli-3{
	margin: 0px 40px;
	position:relative;
}


.sruli-02{
	width: 690px;
	float: left;
	position:relative;
}



.sidebari .sl-tv-10 h2{
	font-size: 13px;
}

.sidebari .abc-4{
	margin-lefT: 0px;
}

.sidebari .sl-tv-9{
	top: 60%;
}

.sidebari .sl-tv-8 img{
	width: 50px;
}



.sidebari .sl-tv-8{
   width: 100%;
   height: 98px;
   position:relative;
   floaT: left;
   overflow:hidden;
}


.sidebari-8{
   padding: 0px 10px 0px 10px;
}


.sidebari-7{
	overflow:hidden;
   width: 100%;
   position:relative;
   floaT: left;
   margin: 0px 0px 0px 0px;
   background: var(--foni-15);
   border-radius: 10px;
}



.sidebari-7 .sl-tv-13{
	width: 246px;
	margin: 70px 5px 0px 5px;
   background: var(--foni-17);
}

.sidebari-7 .sl-tv-1{
   width: 100%;
   position:relative;
   floaT: left;
   padding: 0px 0px 15px 0px;
   margin: 15px 0px 0px 0px; 
   border-radius: 10px;
   background: var(--foni-15) !important;
}


.sidebari-7 .sl-tv-4{
   width: 320px !important;
   position:relative;
   floaT: left;
   margin: 0px 0px 0px 0px;
}



.sidebari-6 .sl-hd-11, .sidebari-6 .sl-hd-11 img{
	border-radius: 100px;
	object-fit: cover;
	width: 71px;
	height: 71px;
}


.sidebari-6 .sl-hd-5{
	margin-bottom: 20px;
    float: right;
    position: relative;
    overflow:hidden;
    widtH: 100%;
    border-radius: 10px;
    padding: 0px 0px;
    background: var(--foni-4);
}


.sidebari-1{
	width: 100%;
	float: left;
	position:relative;
	background: var(--foni-4);
	margin-bottom: 14px;
	overflow:hidden;
	border-radius: 10px;
}


.sidebari-5{
	margin: 0px 14px;
}

.sidebari-4{
	width: 100%;
	float: left;
	position:relative;
}



.sidebari .c-vidi-1, .sidebari .c-vidi-1 img{height: 200px;}

.sidebari .c-vidi-1{
	width: 100%;
	float: left;
	position:relative;
	overflow:hidden;
	border-radius: 10px;
	margin: 0px 0px 14px 0px;
}

.sidebari-2{
	width: 100%;
	floaT: left;
	position:relative;
	padding: 14px 0px 20px 0px;
	border-bottom: 1px var(--foni-2) solid;
	margin-bottom: 14px;
}

.sidebari-3{
	margin: 0px 14px;
}

.sidebari{
	width: 277px;
	float: right;
	position:relative;
	border-radius: 10px;
	margin-bottom: 20px;
}


.sruli-3, .sruli-18, .sruli-27 {
	margin: 0px 20px;
}


.sruli-2{
	width: 100%;
	float: left;
	position:relative;
	background: var(--foni-4);
	border-radius: 10px 10px 0px 0px;
	padding: 0px 0px;
}


.sruli-1{
	width: 100%;
	float: left;
	position:relative;
	margin-left: 7px;
}




.konta-4{
	width: 100%;
}


.konta-4 .konta-8{
	transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;
}

.konta-4:hover .konta-8{
	
	transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-webkit-transition:all 0.3s ease-in-out;
}


.konta-8{
	width: 100%;
	position:relative;
	margin: 0px 0px 0px 0px;
	color: #FC427B;
	font-size: 15px;
	font-family: font-2;
}


.konta-7{
	font-size: 15px;
	color:#273C75;
	width: 100%;
	position:relative;
	float: left;
	margin: 2px 0px 1px 0px;
	font-family:font-4;
}

.konta-6{
	text-align: center;
	width: 100%;
	floaT: left;
	position:relative;
	font-family:font-3;
	font-size: 15px;
	padding: 0% 0%;
	margin: 3% 0px 0% 0px;
}


.konta-003 .konta-5{
	background: #0097E6 url(../images/contc-3.svg) 14.8px 15.5px no-repeat;
}

.konta-03 .konta-5{
	background: #0097E6 url(../images/contc-2.svg) 13.5px 15px no-repeat;
}



.konta-4:hover .konta-5{
	transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;
	box-shadow: 0px 0px 0px 2px #fff, 0px 0px 0px 4px #0097E6;
}

.konta-5{
	transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-webkit-transition:all 0.3s ease-in-out;
	background: #0097E6 url(../images/icon-23.svg) center no-repeat;
	background-size: 9px;
	width: 45px;
	height: 45px;
	position:relative;
	color:#fff;
	margin: auto;
	border-radius: 100px;
}


.konta-003.konta-3{
	width: 33%;
}

.konta-03.konta-3{
	box-shadow: 0px 0px 0px 1px #d7d7d7;
	width: 33%;
}


.konta-3{
	width: 33%;
	position:relative;
	floaT: left;
	font-family:font-3;
	font-size: 15px;
	padding: 3% 0%;
	margin: 0% 0px 0% 0px;
	display:  inline-flex;
}


.konta-2{
	width: 100%;
	position:relative;
	floaT: left;
	font-family:font-3;
	font-size: 15px;
	margin: 1% 0px 2% 0px;
	-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
	border: 1px solid #d7d7d7;
	border-radius: 5px;
}



.title.user_tab.h1{
    color: #273C75;
    margin-bottom: 15px !important;
}

.tab-content > .tab-pane { display: none; }
	.tab-content > .active { display: block; }


	/* Forms at UL */
	ul.ui-form { list-style: none; padding: 0; margin: 0; }
		ul.ui-form > li { margin-bottom: 20px; }
		ul.ui-form > li:last-child { margin-bottom: 0; }
		.form-group { margin-bottom: 20px; }
		.form-group > label { display: block; margin-bottom: .4em; }
		.imp:after { content: "*"; margin: 0 0 0 10px; color: #e85319; }


		.form_submit { margin-top: 20px; }
		.form-sep { border-top: 1px solid var(--foni-2); }

	/* Modification of the BB editor for review */
	#comment-editor .bb-editor textarea { padding: 7px; padding-bottom: 45px; height: 200px; }
	.addpm #comment-editor .bb-editor textarea { height: 340px; }

	.wseditor table, .bb-editor table { margin: 0px; }

/* Comments */
.com_list { }
	.comment {
		padding: 4% 4%;
		position: relative;
		-webkit-transition: box-shadow ease .4s; transition: box-shadow ease .4s;
	}
	.com_list .comment {
		border-top: 1px solid #efefef;
		background-color: transparent;
		margin: 0;
		border-radius: 0;
		box-shadow: none; -webkit-box-shadow: none;
	}
	.comment:hover {
		position: relative;
		box-shadow: 0 2px 12px 0 rgba(0,0,0,0.2); -webkit-box-shadow: 0 2px 12px 0 rgba(0,0,0,0.2);
	}
	.avatar { display: inline-block; }
	.avatar .cover {
		width: 100px; height: 100px;
		border-radius: 50%;
		white-space: nowrap;
		text-indent: -9999px;
		display: inline-block;
	}
	.comment .avatar { float: left; margin-right: 15px; position: relative; }
	.comment .avatar .cover { width: 36px; height: 36px; }
	.com_online {
		position: absolute;
		left: 100%; top: 50%;
		margin: -4px 0 0 -4px;
		overflow: hidden;
		text-indent: -9999px;
		background-color: #70bb39;
		border: 2px solid #fff;
		width: 4px; height: 4px;
		border-radius: 50%;
	}

	.com_info { font-size: .9em; margin-bottom: 2%; margin-top: -5px; }
	.com_info:after { clear: both; display: block; content: ""; }

	.com_user { float: left; margin: 9px 15px 0 0; }
	.comment .meta { display: inline; }
	.comment .meta .left { margin: 9px 0 0 0; }
	.comment .meta .left .mass input { margin: -2px 0 0 0; vertical-align: middle; }
		.comment .meta > ul.left > li { margin-right: 10px; }

		.comment .reply { text-transform: lowercase; }
		.comment .meta .left a {
			display: inline-block;
			width: 20px; height: 20px;
			vertical-align: middle;
			padding: 2px;
			margin-top: -2px;
			-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
		}
		.comment .meta .left .reply a { padding: 2px; width: auto; vertical-align: baseline; }
		.comment .meta .left .del a { padding: 4px; }
		.comment .meta .left .icon { margin: 0; fill: #919191; vertical-align: top; }
		.comment .meta .left a:hover .icon { fill: #3394e6; }
		.comment .meta .left a .icon-reply {
			width: 15px; height: 16px;
			fill: #3394e6 !important;
			margin-right: .4em;
			vertical-align: middle;
		}
		.comment .meta .left a .icon-coms {
			width: 15px; height: 16px;
			fill: #3394e6 !important;
			margin-right: .4em;
			vertical-align: middle;
		}
		.comment .meta .left .edit_btn > a { padding: 2px; margin-top: -4px; } 
		.comment .icon-bad { width: 16px; height: 16px; }
		.comment .icon-cross { width: 12px; height: 12px; }

	.comment .meta .rate { float: right; }

	/* Tree comments */
	#dle-comments-list { width: 100%; overflow: hidden; }
	#dle-comments-list > .comments-tree-list > li > .comments-tree-list { padding: 0 8%; border-top: 1px solid #efefef; }
	#dle-comments-list > .comments-tree-list > li .comments-tree-list > li { padding-left: 20px; }
	.comments-tree-list { list-style: none; padding: 0; margin: 0; }

	.comments-tree-list > li > ol > li .comment {
		padding: 30px 0;
		position: relative;
		box-shadow: none; -webkit-box-shadow: none;
		border-width: 0;
	}
	.comments-tree-list li ol li .comment {

		position: relative;
		box-shadow: none; -webkit-box-shadow: none;
		border-width: 0;
	}
	.comments-tree-list > li > ol > li .comment:after {
		content: "";
		position: absolute;
		width: 2000px; height: 1px;
		margin-left: -500px;
		left: 0; top: 0;
		background-color: #efefef;
	}

	.comments-tree-list > li > ol > li .comment:before {
		content: "";
		position: absolute;
		left: 0; top: 12px;
		margin: 30px 0 0 -20px;
		background-color: #e6e6e6;
		width: 10px; height: 2px;
	}	

	.dark_top {
		border-radius: 10px 10px 0 0;
		color: #fff;
		background: var(--foni-1);
	}


.box_in .cover { background-position: 50% 50%; background-repeat: no-repeat; -webkit-background-size: cover; background-size: cover; }



/* --- User page --- */
.userinfo_top { position: relative; padding-bottom: 50px; margin-bottom: 25px; }
.userinfo_top .avatar { position: absolute; }
.user_tab { list-style: none; padding: 0; margin: 0; }
	.user_tab > li { display: inline; margin-right: 1.2em; }
	.user_tab > li > a {
		text-decoration: none !important;
		font-size: .7em;
		-webkit-transition: all ease .3s;
		transition: all ease .3s;
	}
	.user_tab > li > a { color: #fff; opacity: .9; }
	.user_tab > li > a:hover { color: #FC427B; }
	.user_tab > li.active > a { cursor: default; font-size: 1em; opacity: 1; }

	.usinf { list-style: none; padding: 0; margin: 0 0 25px 0; } 
	.usinf li { padding: 12px 0; border-top: 1px solid var(--foni-3); }
	.usinf li:first-child { border-top-width: 0; }

	.ui-c1, .ui-c2 { display: inline-block; vertical-align: top; }
	.ui-c1 { width: 30%; margin-right: 5%; }
	.ui-c2 { font-weight: 600; width: 60%; }

	/* Window user */
	.userinfo { padding-left: 90px; }
	.userinfo .avatar { position: absolute; float: left; margin: 0 0 0 -90px; }
	.userinfo .avatar .cover { width: 60px; height: 60px; }
	.userinfo > ul { list-style: none; padding: 0; margin: 0; }

/* --- Statistics --- */
.stats_head > ul {
	list-style: none;
	padding: 0; margin: 0;
	font-size: 1.25em;
}
	.stats_head > ul > li { margin-top: 15px; padding-left: 30px; }
	.stats_head > ul > li:before {
		content: "";
		float: left;
		margin: 2px 0 0 -30px;
		width: 16px; height: 16px;
		border-radius: 50%;
		background-color:  #3394e6;
	}
	.stats_head > ul > li > b {
		display: block;
		font-size: .8em;
		opacity: .5;
		font-weight: normal;
	}
	.stats_head > ul > li.stats_d:before { background-color: #f6a71a; }
	.stats_head > ul > li.stats_w:before { background-color: #ce3f28; }
	
	.stat_group { margin-bottom: 25px; }
	.stat_group > h5 { margin-top: 0; margin-bottom: 1em; }
	.stat_group > ul { list-style: none; padding: 0; margin: 0; }
	.stat_group > ul > li { padding: .6em 0; border-top: 1px dotted #d5d5d5; }

/* --- Search page --- */
.search_result_num { font-size: .9em; margin: 25px 0 0; }
.search table { width: 100%; border-spacing: 5px; border-collapse: separate; }
#searchtable td, #searchtable td div, #searchtable table { margin: 0 !important; padding: 0 !important; }
	#searchtable td.search br { display: none; }
	td.search .bbcodes { margin: 0 !important; }
	td.search { vertical-align: top; }





.story .title { color:#273C75; margin: 0px 0px 10px 0px; font-size: 22px;font-family: font-2; letter-spacing: -0.5px; }
.story .box_in > .text { font-size: 1.08em; line-height: 25px; color:#4a546e; }
.story .box_in > .text b{ font-family: font-2; }


.box, .comment {
	margin: 0px 0px 14px 10px !important;
}

.box_in { padding: 4% 5%; }


.eroris-2 {
    margin: 0% 5%;
}

.eroris-5 {
    font-family: font-1;
    font-weight: 600;
    font-size: 15px;
    padding: 0px 0px 0px 0px;
    width: 100%;
    position: relative;
    floaT: left;
    z-index: 1;
    color:#273C75;
}


.eroris-4 {
    font-family: font-4;
    font-size: 18px;
    margin: 5px 0px 7px 0px;
    width: 100%;
    position: relative;
    floaT: left;
    z-index: 1;
    color:#273C75;
}


.eroris-1 {
	background:var(--foni-4);
    font-family: font-1;
    font-size: 15px;
    margin: 0px 0px 20px 10px;
    padding: 7% 0%;
    width: 100%;
    position: relative;
    floaT: left;
    z-index: 1;
    overflow: hidden;
    text-align: center;
    border-radius: 10px;
}


.gd-1.c-vidi-1:hover .c-vidi-4{
	color:#FC427B !important;
}


.gd-1 .c-vidi-4{
    color:#273C75 !important;
}


.gd-1 .c-vidi-3{
    background: var(--foni-4);
    color:#273C75;
    padding: 18px 0px 17px 0px;
    font-family: font-2;
    letter-spacing: -0.5px;
    text-align: center;
}

.gd-1.c-vidi-1 img{
height: 190px;
}

.gd-1.c-vidi-1{
height: 240px;
}





.t-title-2::before {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 11px;
    border-color: rgb(21 39 90 / 0%) rgb(0 8 255 / 0%) rgb(28 30 32 / 0%) #273C75;
    margin: 0px 0px 0px 0px;
    z-indeX: 1;
    top: 20px;
    left: 4px;
}

.t-title-2{
	width: 8px;
	height: 100%;
	position:absolute;
	lefT: 0px;
	top: 0px;
	background: #273C75;
}





.t-title-3 a{
	display: none;
}

.t-title-3{
	padding: 0px 30px;
}


.size.t-title-1{
	position:relative;
	floaT: left;
	padding: 20px 0px;
	margin-top: 20px;
	background:var(--foni-4);
	overflow:hidden;
	border-radius: 10px;
	color:#273C75;
	font-family: font-4;
	font-size: 17px;
}


#pagi-load span{ display: none;}
#pagi-load a span{ display: block; }
#pagi-load span{ float: left;  }
.pagi-load{  text-align: center; font-size:0px;}
.bottom-nav{ margin: 0px 0px 20px 10px; floaT: left; }
.pagi-load a:hover{transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-webkit-transition:all 0.2s ease-in-out;background: #39b0ed;}
.pagi-load a:hover .fa-refresh{transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-webkit-transition:all 0.2s ease-in-out;}
.pagi-load a{border-radius: 5px;transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-webkit-transition:all 0.2s ease-in-out;padding: 0px 32px;display:inline-block;height:50px;line-height:50px;font-size: 16px;letter-spacing: 0.2px;cursor:pointer;color:#ffffff;background: #0097E6;text-align:center;font-family: 'font-4';}

.abc-top{
	overflow:hidden;
	width: 100%;
	position:relative;
	floaT: left;
	margin-top: 15px;
}


.zari-fori-2 input{
	width: 100%;
}


.div-shesvla-12 a:hover{
	color:#FC427B;
}

.div-shesvla-12 a{
	color:#273C75;
}


.div-shesvla-12{
	margin: 18px 0px 0px 0px;
	font-family: font-4;
	float: right;
	color:#273C75;
}


.zari-fori-2 .login_inputs{
	margin-top: 5px;
	float: left;
}



.zari-fori-2{
	margin: 0px 20px;
}

.div-shesvla-10{width:100%;height:40px;line-height:41px;float:left;font-size:13px;margin:0px 0px 20px 0px;}

.div-shesvla-11{float:left;width:100%;margin: 22px 0px 6px 0px;font-size:14px;font-family:font-3; font-weight: 600; }


.zari-fori-1{
	width: 100%;
	floaT: left;
	margin: -10px 0px 35px 0px;
	text-align: left;
	color:#273C75;
	letter-spacing: 0.4px;
}




.zari-ajax-4{
	width: 100%;
	floaT: left;
	margin: 20px 0px 0px 0px;
}


.zari-ajax-04{
	margin: 0px 20px;
}

.zari-pr-3 li a:hover{
	color:#FF2D46;
	-webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
}



.zari-pr-3 li a{
	color:#202e52;
	font-weight: 600;
	-webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
}

.zari-pr-3 li{
	font-size: 14.5px;
	width: 100%;
	float: right;
	position:relative;
	margin-top: 2px;
	margin-bottom: 9px;
}


.zari-pr-3{
	margin-top: 1px;
	text-align: left;
	width: 60%;
	float: right;
	position:relative;
}

.zari-pr-2{
	padding: 0px 10px;
}


.zari-pr-1, .zari-pr-1 img{
	border-radius: 8px;
}


.zari-pr-1 img{
	width: 100px;
	height: 100px;
	float: left;
	position:relative;
	object-fit: cover;
}

.zari-pr-1{
	float: left;
	position:relative;
	border: 2px var(--foni-3) solid;
	padding: 10px 0px;
	margin: 0px 0px 20px 0px;
}



.zari-ajax-2{
    font-size: 16px;
    font-family: font-1;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    color:#4e5c85;
    font-weight: 700;
}


.zari-ajax-1{border:none;background:#ffffff; border-bottom: 1px var(--foni-3) solid !important; color:#222;font-family:font-1;font-size:16px;padding:25px 30px 23px 30px;border:none;text-align:left;}
.img-replace{display:inline-block;overflow:hidden;text-indent:100%;color:transparent;white-space:nowrap;}
.cd-popup{position:fixed;left:0;top:0;height:100%;width:100%;background-color: rgb(8 11 22 / 80%);opacity:0;visibility:hidden;-webkit-transition:opacity 0.3s 0s, visibility 0s 0.3s;-moz-transition:opacity 0.3s 0s, visibility 0s 0.3s;transition:opacity 0.3s 0s, visibility 0s 0.3s;z-indeX: 9999999999;}
.cd-popup.is-visible{opacity:1;visibility:visible;-webkit-transition:opacity 0.3s 0s, visibility 0s 0s;-moz-transition:opacity 0.3s 0s, visibility 0s 0s;transition:opacity 0.3s 0s, visibility 0s 0s;}
.cd-popup-container{position:relative;width: 100%;max-width: 400px;margin:9em auto;overflow:hidden;border-radius:10px;background:var(--foni-4);text-align:center;box-shadow:0 0 20px rgba(255, 255, 255, 0.5);-webkit-transform:translateY(-40px);-moz-transform:translateY(-40px);-ms-transform:translateY(-40px);-o-transform:translateY(-40px);transform:translateY(-40px);-webkit-backface-visibility:hidden;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;transition-property:transform;-webkit-transition-duration:0.3s;-moz-transition-duration:0.3s;transition-duration:0.3s;}
.cd-popup-container .cd-buttons:after{content:"";display:table;clear:both;}
.cd-popup-container .cd-popup-close{position:absolute;top: 0px;right: 19px;width: 30px;height: 69px;}
.cd-popup-container .cd-popup-close::before,
.cd-popup-container .cd-popup-close::after{content:"";position:absolute;top: 35px;width:14px;height:2px;opacity:0.6;background-color:#000;}
.cd-popup-container .cd-popup-close::before{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);left:8px;}
.cd-popup-container .cd-popup-close::after{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);right:8px;}
.is-visible .cd-popup-container{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);}





.footer-14 a:hover{
	-webkit-transition: all .4s; -moz-transition: all .4s; -o-transition: all .4s; transition: all .4s;
	background:#2F4686;
}

.footer-14 a{
	-webkit-transition: all .4s; -moz-transition: all .4s; -o-transition: all .4s; transition: all .4s;
	floaT: right;
	margin: 21px 20px 0px 0px;
	z-index:11;
	position:relative;
	height: 31px;
	line-height: 31px;
	border-radius: 100px;
	font-size: 15px;
	color:#fff;
	font-family: font-3;
	padding: 0px 16px;
}



.footer-12{
	floaT: right;
	margin: 21px 0px 0px 0px;
	z-index:11;
	position:relative;
}





.footer-2 .van-div-2 svg{
   fill: #ffffff;
}

.footer-2 .van-div-2:hover{
	color:#fff;
    background: #3663DD;
      -webkit-transition: all .4s; -moz-transition: all .4s; -o-transition: all .4s; transition: all .4s;
}

.footer-2 .van-div-2{
    background: #2F4686;
      -webkit-transition: all .4s; -moz-transition: all .4s; -o-transition: all .4s; transition: all .4s;
}


.footer-7 a:hover {
  color:#FF2D46;
  -webkit-transition: all .4s; -moz-transition: all .4s; -o-transition: all .4s; transition: all .4s;
}

.footer-7 a{
	-webkit-transition: all .4s; -moz-transition: all .4s; -o-transition: all .4s; transition: all .4s;
	floaT: left;
	margin: 0px 22px 0px 0px;
	font-family: font-1;
	   font-weight: 700;
	letter-spacing: -0.1px;
	font-size: 14.2px;
	color:#566690;
}

.footer-10 a{
	font-family: font-2;
  color:#FF2D46;
}


.footer-11{
   position:relative;
   floaT: left;
}


.footer-10 a:hover {
    text-decoration: none;
    text-decoration: underline;
}

.footer-10{
   position:relative;
   floaT: right;
}


.footer-9{
	font-size: 15px;
		letter-spacing: -0.1px;
   width: 100%;
   position:relative;
   floaT: left;
}



.footer-6{
   width: 100%;
   position:relative;
   floaT: left;
  background: var(--foni-8);
  padding: 27px 0px;
}

.footer-8{
   font-weight: 700;
   background:var(--foni-4);
   width: 100%;
   position:relative;
   floaT: left;
   padding: 20px 0px;
   color: var(--foni-7);
   font-family: 'font-1';
   font-size: 15px;
   letter-spacing: -0.2px;
}



.footer-4{
	margin-top: 23px;
   position:relative;
   floaT: left;
   z-index:1;
}

.footer-3{
	z-index:1;
	margin-top: 22px;
   position:relative;
   floaT: left;
}

.footer-2{
   width: 100%;
   position:relative;
   floaT: left;
}



.footer-5 {
    z-index: 0;
    position: absolute;
    width: 100%;
    margin-top: 13px;
    text-align: center;

}

.footer-1{
   width: 100%;
   height: 75px;
   position:relative;
   background: var(--foni-1);
   floaT: left;
}




.abc-color-9.abc-4::before {
    border-color: #15275A rgb(0 8 255 / 0%) rgb(28 30 32 / 0%) rgb(255 0 0 / 0%);
}

.abc-color-9.abc-4 {
   background: linear-gradient(180deg, #334B8C 0%, #273C75 100%);
}

.abc-color-9.abc-5:hover{
	color:#334B8C;
	border: 2px solid #334B8C;
}

.abc-color-9 .c-vidi-3::before, .abc-color-9 .c-vidi-3::after {
    background:#334B8C;
}


.abc-color-9 .abc-icon-1 {
    width: 21px;
    height: 21px;
    background: url(../images/icon-22.svg) center no-repeat;
    margin: 12.2px 7px 0px 0px;
}

.abc-icon-8.abc-icon-1 {
    width: 21px;
    height: 21px;
    background: url(../images/icon-20.svg) center no-repeat;
    margin: 13px 7px 0px 0px;
}

.abc-icon-7.abc-icon-1 {
    width: 21px;
    height: 21px;
    background: url(../images/icon-19.svg) center no-repeat;
    margin: 13px 7px 0px 0px;
}


.mov-ne-7 span{
	width: 100%;
	floaT: left;
	color: #ABB6DE;
}


.mov-ne-1 .mov-ne-8 img {
   -webkit-transition: all .4s; -moz-transition: all .4s; -o-transition: all .4s; transition: all .4s;
}

.mov-ne-1:hover .mov-ne-8 img {
    -webkit-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3);
    -webkit-transition: all .4s; -moz-transition: all .4s; -o-transition: all .4s; transition: all .4s;
}


.mov-ne-4{
	z-index:0;
	width: 100%;
	floaT: left;
	line-height: 0px;
	position:relative;
	overflow:hidden;
}


.mov-ne-7 {
    margin: 0px 0px 0px 0px;
    line-height: 20px;
    font-size: 13.5px;
    display: table-cell;
    vertical-align: middle;
    padding: 0px 0px 0px 0px;
}

.mov-ne-6 {
	text-align: center;
	padding: 0px 12px;
}

.mov-ne-1:hover .mov-ne-5 {
	-webkit-transition: all .4s; -moz-transition: all .4s; -o-transition: all .4s; transition: all .4s;
	opacity: 9;
   -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}


.mov-ne-5 {
		-webkit-transform: scale(0.1);
    -ms-transform: scale(0.1);
    transform: scale(0.1);
	opacity: 0;
	-webkit-transition: all .4s; -moz-transition: all .4s; -o-transition: all .4s; transition: all .4s;
	margin-top: 0px;
	overflow:hidden;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    color:#fff;
    background: rgba(39, 59, 116, 0.90);
    border-radius: 100%;

}

.mov-ne-3 img{
	width: 30px;
}

.mov-ne-3{
	z-index:1;
	width: 100%;
	position:absolute;
	top: 22px;
	text-align: center;
}


.mov-ne-8 img{
width: 100%;
}

.mov-ne-1, .mov-ne-8 img, .mov-ne-7, .mov-ne-4{height: 185px;object-fit: cover;border-radius: 500px;}

.mov-ne-1{
	float: left;
	position:relative;
	overflow:hidden;
	border-radius: 10px;
	margin: 0px 7px 14px 7px;
}



.abc-mov-7 .abc-5 {
   floaT: inherit !important;
   background:var(--foni-4);
      border: 2px solid #E3E6EA;
}


.abc-mov-8{
   width: 210px;
   margin: 14px auto;
}


.abc-mov-7{
   width: 100%;
   height: 75px;
   line-height: 75px;
   text-align: center;
   font-family: font-4;
   position:relative;
   background: #EDEFF6;
   floaT: left;
   font-size: 17px;
   color:#2D3743;
}




.abc-mov-4 {
    width: 21px;
    height: 19px;
    display: inline-block;
    position: relative;
    background: url(../images/icon-21.svg) center no-repeat;
    margin: 0px 0px -4px 0px;
}


.abc-mov-2{
	margin-bottom: 20px;
   width: 100%;
   height: 67px;
   line-height: 67px;
   text-align: center;
   font-family: font-4;
   border-bottom: 1px #DBDDE6 solid;
   position:relative;
   background: var(--foni-6);
   floaT: left;
   font-size: 17px;
   color:#2D3743;
}


.abc-mov-1{
	overflow:hidden;
   width: 100%;
   position:relative;
   background: #151820;
   floaT: left;
}





.abc-color-7.abc-4::before {
    border-color: #148843 rgb(0 8 255 / 0%) rgb(28 30 32 / 0%) rgb(255 0 0 / 0%);
}

.abc-color-7.abc-4 {
   background: linear-gradient(180deg, #22B95E 0%, #1BAB54 100%);
}

.abc-color-7.abc-5:hover{
	color:#1BAB54;
	border: 2px solid #1BAB54;
}

.abc-color-7 .c-vidi-3::before, .abc-color-7 .c-vidi-3::after {
    background:#1BAB54;
}



.abc-color-6.abc-4::before {
    border-color: #689B41 rgb(0 8 255 / 0%) rgb(28 30 32 / 0%) rgb(255 0 0 / 0%);
}

.abc-color-6.abc-4 {
   background: linear-gradient(180deg, #A2E071 0%, #8BC55E 100%);
}

.abc-color-6.abc-5:hover{
	color:#8BC55E;
	border: 2px solid #8BC55E;
}

.abc-color-6 .c-vidi-3::before, .abc-color-6 .c-vidi-3::after {
    background:#8BC55E;
}




.abc-color-4.abc-4::before {
    border-color: #B11B23 rgb(0 8 255 / 0%) rgb(28 30 32 / 0%) rgb(255 0 0 / 0%);
}

.abc-color-4.abc-4 {
   background: linear-gradient(180deg, #FE3844 0%, #DB1F2A 100%);
}

.abc-color-4.abc-5:hover{
	color:#DB1F2A;
	border: 2px solid #DB1F2A;
}

.abc-color-4 .c-vidi-3::before, .abc-color-4 .c-vidi-3::after {
    background:#DB1F2A;
}



.abc-color-3.abc-4::before {
    border-color: #1CA96E rgb(0 8 255 / 0%) rgb(28 30 32 / 0%) rgb(255 0 0 / 0%);
}

.abc-color-3.abc-4 {
   background: linear-gradient(180deg, #2CD08B 0%, #23BF7E 100%);
}

.abc-color-3.abc-5:hover{
	color:#23BF7E;
	border: 2px solid #23BF7E;
}

.abc-color-3 .c-vidi-3::before, .abc-color-3 .c-vidi-3::after {
    background:#23BF7E;
}





.abc-color-2.abc-4::before {
    border-color: #7B2AB9 rgb(0 8 255 / 0%) rgb(28 30 32 / 0%) rgb(255 0 0 / 0%);
}

.abc-color-2.abc-4 {
   background: linear-gradient(180deg, #B75AFF 0%, #A53EF5 100%);
}

.abc-color-2.abc-5:hover{
	color:#A53EF5;
	border: 2px solid #A53EF5;
}

.abc-color-2 .c-vidi-3::before, .abc-color-2 .c-vidi-3::after {
    background:#A53EF5;
}

.sl-tv-8 img{
	width: 60px;
}




.sl-tv-7 .sl-tv-11 h2{
   -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s;
}


.sl-tv-13{
   -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s;
}


.sl-tv-7:hover .sl-tv-11 h2{
   color:#0097E6;
   -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s;
}


.sl-tv-13:hover{
	background: var(--foni-18);
   color:#fff;
   -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s;
}




.abc-icon-6.abc-icon-1 {
    width: 21px;
    height: 21px;
    background: url(../images/icon-16.svg) center no-repeat;
    margin: 12px 7px 0px 0px;
}


.sl-tv-1 .slick-next:before{
	width: 100%;
	height: 100%;
	background: url(../images/icon-17.svg) center  no-repeat;
	content: "";
	position:absolute;
	lefT: 0px;
}

.sl-tv-1 .slick-prev:after{
	width: 100%;
	height: 100%;
	background: url(../images/icon-18.svg) center  no-repeat;
	content: "";
	position:absolute;
	lefT: 0px;
}


.sl-tv-4 .slick-next{
	right: 5px;
	background: var(--foni-1);
}


.sl-tv-1 .slick-prev{
	right: 55px !important;
	lefT: auto;
	background: var(--foni-13);
}

.sidebari-7 .sl-tv-4 .slick-prev{
	display: none !important;
}
.sidebari-7 .sl-tv-4 .slick-next{
	right: 71px;
}

.sl-tv-1 .slick-prev, .sl-tv-4 .slick-next{top: 4px !important; border-radius: 10px; }


.sl-tv-4{
   position:relative;
   floaT: left;
   margin: 0px 0px 0px -7px;
}



.sl-tv-9{
	-webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;
    position: absolute;
    left: 50%;
    top: 55%;
    -webkit-transform: translate(-50%, -50%) scale(1);
    -ms-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
    opacity: 9;
    width: 70px;
    height: 70px;
    text-align: center;
    z-index:1;
}


.sl-tv-11{
   margin: 0px 10px;
}

.sl-tv-10 h2{
   width: 100%;
   padding: 0px;
   font-size: 13px;
   font-family: font-2;
   letter-spacing: -0.2px;
   margin: 0px;
   line-height: 47px;
   position:relative;
   floaT: left;
   overflow:hidden;
   color:#BCC6E2;
}


.sl-tv-10{
   width: 100%;
   height: 47px;
   line-height: 47px;
   position:relative;
   floaT: left;
   overflow:hidden;
   border-top: 1px #334063 solid;
}


.sl-tv-8{
   width: 100%;
   height: 115px;
   position:relative;
   floaT: left;
   overflow:hidden;
}

.sl-tv-7{
	position:relative;
	width: 199px;
	floaT: left;
	margin: 0px 0px;
}


.sl-tv-13{
   background: var(--foni-17);
   position:relative;
   margin: 65px 7px 0px 7px;
   border-radius: 10px;
   overflow:hidden;
   text-align: center;
   color:#fff;
}




.sl-tv-3{
   width: 100%;
   position:relative;
   floaT: left;
   margin: -44px 0px 0px 0px;
}


.sl-tv-2{
   width: 100%;
   position:relative;
   overflow:hidden;
   floaT: left;
   margin: 0px 0px 0px 0px; 
}



.sl-tv-1{
   width: 100%;
   position:relative;
	overflow:hidden;
   floaT: left;
   padding: 14px 0px 14px 0px;
   margin: 0px 0px 0px 0px; 
   background: var(--foni-15) url(../images/bg-2.svg) center  no-repeat !important;
}


.c-vidi-1:hover .c-vidi-flay, .abc-color-01 .c-vidi-1:hover .kut-c-vidi-flay{
    background: #DB1F2A url(../images/icon-24.svg) center no-repeat;
    box-shadow: 0px 0px 0px 6px rgb(0 0 0 / 40%);
    -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;
}


.c-vidi-1 .c-vidi-flay, .abc-color-01 .kut-c-vidi-flay{
	-webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;
    position: absolute;
    left: 50%;
    top: 36%;
    -webkit-transform: translate(-50%, -50%) scale(1);
    -ms-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
    opacity: 9;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 70px;
    background: #DB1F2A url(../images/icon-24.svg) center no-repeat;
    box-shadow: 0px 0px 0px 0px rgb(0 0 0 / 0%);
    border-radius: 50%;
    z-index:1;
}




.abc-div-3.abc-2{
	float: right;
}

.baner-1 img{
	width: 100%;
	floaT: left;
	position:relative;
	line-height: 0px;
}

.baner-1{
	width: 100%;
	floaT: left;
	position:relative;
	margin-bottom: 14px;
}


.abc-9, .abc-8, .abc-div-2.abc-2, .abc-div-3.abc-2{
   width: 483px;
}

.abc-div-1{
	width: 100%;
	floaT: left;
	position:relative;
	overflow:hidden;
}


.abc-icon-5.abc-icon-1 {
    width: 21px;
    height: 21px;
    background: url(../images/icon-15.svg) center no-repeat;
    margin: 13px 7px 0px 0px;
}

.abc-icon-4.abc-icon-1 {
    width: 20px;
    height: 20px;
    background: url(../images/icon-14.svg) center no-repeat;
    margin: 13px 7px 0px 0px;
}

.abc-icon-3.abc-icon-1 {
    width: 21px;
    height: 21px;
    background: url(../images/icon-13.svg) center no-repeat;
    margin: 12px 7px 0px 0px;
}

.abc-02 .abc-9{
   width: 100%;
}


.c-vidi-1:hover .c-vidi-4{
	color:#ffffff;
    -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s;
}


.c-vidi-4{
	height: 35px;
	position:relative;
	overflow:hidden;
	color:#d1d7eb;
    padding: 0px 15px;
    -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s;
}


.abc-color-1 .c-vidi-3::before, .abc-color-1 .c-vidi-3::after {
    background:#0097E6;
}

.c-vidi-1:hover .c-vidi-3::after, .c-vidi-1:hover .c-vidi-3::before{
    width: 50%;
-webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s;
}


.c-vidi-3::after{
-webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s;
    content: '';
    position: absolute;
    width: 0%;
    height: 3px;
    margin: 0px 0px 0px 0px;
    z-indeX: 1;
    top: 0px;
    right: 0px;
}

.c-vidi-3::before {
	-webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;
    content: '';
    position: absolute;
    width: 0%;
    height: 3px;
    margin: 0px 0px 0px 0px;
    z-indeX: 1;
    top: 0px;
    left: 0px;
}



.c-vidi-1 img {
		object-fit: cover;
	width: 100%;
    -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;
}

.c-vidi-1:hover img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s;
}

.abc-8 .c-vidi-4{
	height: auto;
}

.abc-8 .c-vidi-4{
    padding: 0px 23px;
}



.abc-8 .c-vidi-3{
    padding: 20px 0px;
    font-size: 17px;
    line-height: 20px;
}


.abc-8 .c-vidi-1{
    font-size: 20px;
    font-family: font-2;
    font-size: 15px;
}


.abc-10{
	width: 105%;
	margin: 0px 0px 0px -7px;
	floaT: left;
}


.abc-8 .c-vidi-1{
	width: 100%;
	margin: 0px 0px 0px 0px;
}

.abc-8 .c-vidi-1, .abc-8 .c-vidi-1 img{height: 415px;}


.c-vidi-3{
    widtH: 100%;
    float: left;
    position: absolute;
    overflow:hidden;
    border-radius: 0px;
    padding: 0px 0px 15px 0px;
    background: rgba(12, 18, 34, 0.85);
    z-index:1;
    line-height: 17px;
    color:#fff;
    bottom: 0px;
    padding: 15px 0px 14px 0px;
    font-size: 13.5px;
}

.c-vidi-1, .c-vidi-1 img{
height: 200px;
}

.c-vidi-1{
	width: 234px;
	float: left;
	position:relative;
	overflow:hidden;
	border-radius: 10px;
	margin: 0px 7px 14px 7px;
}


.c-vidi-001 a:hover {
    text-decoration: none;
    text-decoration: underline;
}
.c-vidi-001 a{
	color:#fff;
}
.c-vidi-001 {
	color:#a5a0a0;
	letter-spacing: -0.3px;
    float: left;
    position: absolute;
    overflow:hidden;
    background: rgba(12, 18, 34, 0.85);
    z-index:11;
    line-height: 20px;
    margin: 22px 0px 0px 22px;
    padding: 10px 19px;
    font-size: 12.5px;
    border-radius: 100px;
    font-family: font-1;
}


.c-vidi-01 a:hover {
    text-decoration: none;
    text-decoration: underline;
}

.c-vidi-01 a{
	letter-spacing: -0.3px;
    float: left;
    position: absolute;
    overflow:hidden;
    background: rgba(12, 18, 34, 0.85);
    z-index:11;
    line-height: 20px;
    color:#fff;
    margin: 22px 0px 0px 22px;
    padding: 10px 19px;
    font-size: 13px;
    border-radius: 100px;
    font-family: font-1;
}


.abc-9{
   position:relative;
   overflow:hidden;
   floaT: right;
}

.abc-8{
   position:relative;
   floaT: left;
}



.abc-7 img{
   width: 100%;
   floaT: left;
   line-height: 0px;
   font-size: 0px;
   object-fit: cover;
}

.abc-7{
   width: 100%;
   position:relative;
   floaT: left;
}



.abc-icon-2 {
    width: 25px;
    height: 25px;
    position: relative;
    background: var(--foni-3) url(../images/icon-11.svg) 8px 7.3px no-repeat;
    margin: 9px 7px 0px 10px;
    border-radius: 100px;
    floaT: right;
}

.abc-5:hover{
	color:#0097E6;
	border: 2px solid #0097E6;
	transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;
}

.abc-mov-1 .abc-5{
	margin-top: 10px;
}


.abc-5 {
	transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-webkit-transition:all 0.3s ease-in-out;
	color: #77828F;
	font-family: font-4;
	position:relative;
	floaT: right;
	margin: 0px 0px 0px 0px;
	border: 2px solid var(--foni-3);
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	border-radius: 100px;
	height: 47px;
	line-height: 45.6px;
	padding: 0px 5px 0px 20px;
	font-size: 14px;
}



.abc-4::before {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 11px;
    border-color: #0888CA #0008ff00 #1c1e2000 #ff000000;
    margin: 0px 0px 0px 0px;
    z-indeX: 1;
    bottom: -22px;
    left: 0px;
}

.abc-icon-1 {
    width: 21px;
    height: 19px;
    float: left;
    position: relative;
    background: url(../images/icon-12.svg) center no-repeat;
    margin: 14px 7px 0px 0px;
}


.abc-4 {
	z-index:1;
	color:#fff;
   font-family: font-4;
   position:relative;
   floaT: left;
   margin: 0px 0px 0px 0px; 
   background: linear-gradient(180deg, #18ACFA 0%, #0097E6 100%);
   border-radius: 100px 100px 100px 0px;
   height: 47px;
   line-height: 47px;
   padding: 0px 30px 0px 20px;
   font-size: 15px;
}



.abc-3{
   width: 100%;
   position:relative;
   floaT: left;
   margin: 0px 0px 20px 0px; 
}


.abc-2{
	overflow:hidden;
   width: 100%;
   position:relative;
   floaT: left;
}


.abc-1{
	overflow:hidden;
	z-index:0;
	padding-top: 20px;
   width: 100%;
   position:relative;
   background: var(--foni-4);
   floaT: left;
}





.sl-news-1 img {
    -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;
}

.sl-news-1:hover img {
    -webkit-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.05);
    -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;
}

.sl-news-3 a{
	transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;
}

.sl-news-1:hover .sl-news-3 h2 a{
	color:#0097E6;
	transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;
}



.sl-hd-11:hover .sl-hd-12, .sl-hd-a.sl-hd-11 .sl-hd-12 {
    -webkit-transform: translate(-50%, -50%) scale(1);
    -ms-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(0.85);
    opacity: 1;

    transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;
}

.sl-hd-12 {
    position: absolute;
    left: 50%;
    top: 50%;
    color: #f8f9fa;
    -webkit-transform: translate(-50%, -50%) scale(0.5);
    -ms-transform: translate(-50%, -50%) scale(0.5);
    transform: translate(-50%, -50%) scale(0.5);
    transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;
    opacity: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    line-height: 70px;
    background: rgb(21 101 192 / 90%) url(../images/icon-6.svg) center no-repeat;
    border-radius: 50%;
}

.sl-hd-9 a:hover{
	background: var(--foni-11);
	color:#FC427B;
	transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;
}


.sl-hd-9 a{
	transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-webkit-transition:all 0.3s ease-in-out;
	border-radius: 0px;
	background: var(--foni-10);
	padding: 12px 35px;
	color: #ffffff;
	height: 39px;
	font-family: font-2;
	letter-spacing: -0.4px;
	border-radius: 100px;
}



.sl-hd-9{
	background: var(--foni-9);
	width: 100%;
	line-height: 70px;
	height: 70px;
	font-family: font-4;
	floaT: left;
	border-top: 1px var(--foni-1) solid;
	text-align: center;
	color: #273C75;
	font-size: 16px;
}


.sl-hd-11, .sl-hd-11 img{
	border-radius: 100px;
	object-fit: cover;
	width: 77px;
	height: 77px;
}


.sl-hd-11{
	border-radius: 100px;
	position:relative;
	line-height: 20px;
	floaT: left;
	margin: 0px 7px 14px 7px;
}



.sl-hd-8{
	margin: 0px 0px 0px 10px;
}


.sl-hd-7{
	background: var(--foni-1);
	padding-top: 20px;
	width: 100%;
	line-height: 20px;
	floaT: left;
}



.sl-hd-6{
	width: 100%;
	line-height: 60px;
	height: 60px;
	font-family: font-4;
	floaT: left;
	border-bottom: 0px #3c5391 solid;
	text-align: center;
	background: var(--foni-9);
	color: #fff;
	font-size: 16px;
}




.sl-news-9 {
    width: 6px;
    height: 17px;
    float: right;
    position: relative;
    background: url(../images/icon-8.svg) center no-repeat;
    margin: 5px 0px 0px 5px;
}

.sl-news-7 {
    width: 17px;
    height: 17px;
    float: left;
    position: relative;
    background: url(../images/icon-10.svg) center no-repeat;
    margin: 6px 8px 0px 0px;
}

.sl-news-6 {
    width: 15px;
    height: 17px;
    float: left;
    position: relative;
    background: url(../images/icon-9.svg) center no-repeat;
    margin: 5px 8px 0px 0px;
}

.sl-news-8:hover {
    text-decoration: none;
    text-decoration: underline;
}


.sl-news-8 {
	font-family: font-4;
    float: right;
    position: relative;
    font-size: 14px;
    color:#fff;
}


.sl-news-05 {
    float: left;
    position: relative;
    font-size: 14px;
    margin-lefT: 60px;
}


.sl-news-5 {
    float: left;
    position: relative;
    font-size: 14px;
}



.sl-news-4 {
	color:#CDCBCB;
    float: left;
    position: relative;
    widtH: 100%;
    font-family: font-3;
    padding: 0px 0px;
    font-size: 14px;
}



.sl-news-3 h2 {
    float: left;
    position: relative;
    widtH: 100%;
    font-family: font-2;
    margin: 0px 0px 12px 0px;
    padding: 20px 0px 20px 0px;
    font-size: 16px;
    letter-spacing: -0.5px;
    border-bottom: 1px rgba(255, 255, 255, 0.2) solid;
}

.sl-news-02 a:hover {
    text-decoration: none;
    text-decoration: underline;
}

.sl-news-02 a{
	color:#ffffff;
}

.sl-news-02{
	letter-spacing: -0.3px;
    float: left;
    position: absolute;
    overflow:hidden;
    background: rgba(12, 18, 34, 0.85);
    z-index:11;
    line-height: 20px;
    color:#fff;
    margin: 15px 0px 0px 15px;
    padding: 8px 19px;
    font-size: 13px;
    border-radius: 100px;
    font-family: font-1;
}


.sl-news-3{
	padding: 0px 25px;
}



.sl-news-2 a{
    color:#fff;
}


.sl-news-2{
    widtH: 100%;
    float: left;
    position: absolute;
    overflow:hidden;
    border-radius: 0px;
    padding: 0px 0px 15px 0px;
    background: rgba(12, 18, 34, 0.85);
    z-index:11;
    line-height: 30px;
    color:#fff;
    bottom: 0px;
}


.sl-news-1{
    widtH: 100%;
    float: left;
    position: relative;
    overflow:hidden;
    border-radius: 0px;
    padding: 0px 0px;
}



.sl-hd-5{
    float: right;
    position: relative;
    overflow:hidden;
    widtH: 475px;
    border-radius: 10px;
    padding: 0px 0px;
}



.sl-hd-3 img, .sl-hd-3, .sl-news-1, .sl-news-002{
	object-fit: cover;
	line-height: 0px;
	height: 333px;
	floaT: left;
}

.sl-hd-3 img, .sl-news-002{
    width: 100%;
    line-height: 0px;
    floaT: left;
}

.sl-hd-3 {
    float: left;
    position: relative;
    overflow:hidden;
    widtH: 490px;
    border-radius: 10px;
    padding: 0px 0px;
}



.sl-hd-2 {
    float: left;
    position: relative;
    widtH: 100%;
    padding: 14px 0px;
}


.sl-hd-1 {
    float: left;
    position: relative;
    widtH: 100%;
    margin-bottom: 0px;
    background: #F4F6FD url(../images/bg-1.svg) center  no-repeat !important;
}






.van-prof-4{
	float: left;
	margin: 0px 0px 0px 0px;
	position:absolute;
	width: 11px;
height: 11px;
right: -2px;
top: 44px;
border-radius: 100px;
background: #67C03D;
border: 4px solid var(--foni-1);
}


.van-div-l{
	color:#3663DD;
	line-height: 30px;
	float: left;
	font-family:font-3;
}


.van-prof-3 img{
	width: 35px;
	height: 35px;
	border-radius: 100px;
	margin: 20px 0px 0px 0px;
	line-height: 60px;
}

.van-prof-3{
		height: 76px;
		overflow:hidden;
		line-height: 76px;
		float: left;
		margin: 0px 0px 0px 0px;
		position:relative;
}
.van-prof-2:hover {
		 -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
	color:#0097E6;
}

.van-prof-2{
		 -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
	float: left;
	font-family:font-4;
	color:#1E2F5E;
	border-lefT: 1px var(--foni-5) solid;
	padding: 0px 20px 0px 25px;
}


.van-prof-1{
	z-index:0;
		height: 60px;
		overflow:hidden;
		position: absolute;
		line-height: 60px;
		float: right;
		margin: 0px 0px 0px -90px;
}


.van-div-2{
	float: left;
	color: #3663DD;
}


.van-div-3{
	height: 76px;
	overflow:hidden;
	position:relative;
	line-height: 76px;
	display: inline-block;
	float: left;
	color: #3663DD;
}




    .search-wrapper .input-holder {
        transition: all .2s ease-in-out;
    }

    .search-wrapper.active .input-holder .search-input {
        transform: translate(0,0px);
    }



.svg-menu-1 path{
    fill: #A4C4FF;
    }


.svg-menu-1 svg{
    width: 100%;
    }

.svg-menu-1 svg{
    fill: #fff;
    width: 11px;
    height: 6px;
    margin: -0px 0px 0px 3px;
    position:relative;
   top: -3px;
}


.van-div-10{
	floaT: right;
	position:relative;
}

.van-div-9{
	-webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
	position:relative;
	width: 20px;
	height: 20px;
	floaT: right;
	margin: 5px 22px 0px 0px;
	background: #273C75 url(../images/icon-4.svg) center no-repeat;
	border-radius: 100px;
}




.van-div-7{
    cursor: pointer;
    overflow:hidden;
    width: 53px;
    height: 30px;
    line-height: 30px;
    floaT: right;
    position:relative;
    margin: 24px 0px 0px 25px;
    border-radius: 100px;
    background: #375199;
    text-align: center;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
}


.van-div-8{
    margin: 0px 5px;
}




.van-div-3 button{
    floaT: right;
    background:rgb(255 255 255 / 0%);
    border:0;
}



.mobm-1{
display: none !important;
}


#cssmenu ul svg {
  fill:#fff;
}


#cssmenu ul .menu-a::before, #cssmenu ul .menu-a::after {
    width: 10px;
}


#cssmenu > ul > .home-svg-1 svg{
    width: 19px;
    height: 19px;
    margin: -3px 0px -5px 0px;
    position:relative;
    floaT: left;
    }

.van-div-1:hover .van-div-2 svg{
   fill: #fff;
    -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
}

.van-div-01.van-div-2 svg{
    -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
}

.van-div-1:hover .van-div-2{
   background: #3663DD;
   -webkit-transition: all .2s;
   -moz-transition: all .2s;
   -o-transition: all .2s;
   transition: all .2s;
}


.swore-1{
    floaT: left;
    background: rgb(238 238 238 / 0%);
    z-indeX:0;
    width: 100%;
    position:absolute;
    text-align: center;
    left: 0px;
    height: 30px;
}

.van-div-2 svg{
   fill: #3663DD;
}

.van-div-03.van-div-2{
    line-height: 36px;
}

.van-div-2{
    overflow:hidden;
    width: 32px;
    height: 32px;
    line-height: 34px;
    floaT: left;
    position:relative;
    margin: 0px 12px 0px 0px;
    border-radius: 100px;
    background: #DAE3FA;
    text-align: center;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
}


.van-div-1{
    floaT: left;
    position:relative;
    margin-top: 15px;
}







.search-wrapper.search-wrap.hidden.active{
	animation:fade_in_show 0.2s}
	@keyframes fade_in_show{0%{opacity:0;transform:scale(0)}
	100%{opacity:1;transform:scale(1)}
}

.search-wrapper .input-holder .search-icon:hover {
-webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;
}

.search-wrapper .input-holder .search-icon {
-webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;
}



.search-wrapper.search-wrap.hidden.active{
	height: 76px;
	padding: 0px 0px 0px 0px;
	margin-top: 0px;
}


.search-wrapper {
	z-indeX: 9999;
	position: absolute;
	top: 0px;
	right: 0px;
	}


    .search-wrapper .input-holder {
		overflow:hidden;
		lefT: -40px;
		height: 76px;
		width: 40px;
		position: absolute;
		}


    .search-wrapper.active .input-holder {
		height: 76px;
		lefT: -410px;
		width: 410px;
		background: #314889;
		z-index:1;
		top: 0px;
		border-radius: 0px !important;
		}




    .search-wrapper .input-holder .search-input {
		
    	width: 0px;
    	height: 76px;
    	padding: 0 0px 0 0px;
    	opacity: 0;
    	position: absolute;
    	top: 0;
    	left: 0;
    	background: 0 0;
    	box-sizing: border-box;
    	border: none;
    	outline: none;
    	font-family: font-2;
    	font-size: 14px;
    	line-height: 20px;
    	color: #eceeff;
    }

    .search-wrapper.active .input-holder .search-input {
    	width: 350px;
    	padding: 0px 0px 0px 25px;
    	opacity: 1;
    }

    .search-wrapper.active .input-holder .search-icon {
		margin-right: 45px;
    }

    .search-wrapper .input-holder .search-icon {
		top: 18px;
    	opacity:0;
    	width: 40px;
    	height: 40px;
    	margin-top: 0px;
    	border: none;
    	border-radius: 0px;
    	padding: 0;
    	outline: none;
    	position: relative;
    	z-index: 11;
    	float: right;
    	cursor: pointer;
  }

 .search-wrapper .input-holder .search-icon:hover::before {
    background-color: #4c66ad;
	 -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
}


 .search-wrapper .input-holder .search-icon::before {
	 -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
    border-radius: 5px;
    lefT: 0px;
    width: 100%;
    height: 100%;
    bottom: 0px;
    position: absolute;
    background: #3F5797 url(../images/icon-3.svg) center  no-repeat;
    content: "";
}

.search-wrapper.active .input-holder .search-icon::before {
		display: none;
    }


.q_search input::placeholder {
    color: #ffffff;
}

    .search-wrapper .input-holder .search-icon:hover {
    	background: var(--foni-14);
    }


    .search-wrapper .input-holder .search-icon {
         background: var(--foni-1);
    	opacity: 1;
        border-radius: 5px;
        z-index:9999;
    }

    .search-wrapper.active .input-holder .search-icon {
    	opacity: 9;
        background: url(../images/search-1.svg) center no-repeat;
        z-index:9999;
        display: none;
    }

    .search-wrapper .input-holder .search-icon span {
        width: 22px;
        height: 22px;
        display: inline-block;
        vertical-align: middle;
        position: relative;
    }

    .search-wrapper.active .input-holder .search-icon span {
		opacity: 0;
		}

    .search-wrapper .input-holder .search-icon span::before,.search-wrapper .input-holder .search-icon span::after {
        position: absolute;
        content: '';
    }

    .search-wrapper .input-holder .search-icon span::before {
        width: 4px;
        height: 14px;
        left: 22px;
        top: 8px;
        border-radius: 5px;
        transform: rotate(-85deg);
    }

    .search-wrapper .input-holder .search-icon span::after {
        width: 14px;
        height: 14px;
        left: 0;
        top: 0;
        border-radius: 16px;
    }

    .search-wrapper .close {
		opacity:0;
		position: absolute;
		z-index: 1;
		top: 28px;
		right: 16px;
		width: 20px;
		height: 20px;
		cursor: pointer;
		transform: rotate(45deg);
		}

    .search-wrapper.active .close {
		transform: rotate(45deg);
        transition: all .6s cubic-bezier(0,.105,.035,1.57);
		opacity:9;
    }

    .search-wrapper .close::before,.search-wrapper .close::after {
        position: absolute;
        content: '';
        background: #ffffff;
        border-radius: 10px;
    }

    .search-wrapper .close::before {
        width: 2px;
        height: 20px;
        left: 9px;
        top: 0;
    }

    .search-wrapper .close::after {
        width: 20px;
        height: 2px;
        left: 0;
        top: 9px;
    }


#cssmenu ul .menu-b a::before {
display: none;
}



.header-2{
    width: 100%;
    height: 60px;
    floaT: left;
    position:relative;
}

#cssmenu ul li a::before {
    width: 1px;
    height: 12px;
    position: absolute;
    background: #41599B;
    content: "";
    right: -1px;
    top: 32px;
}

.header-4 ul li ul li a{
   border-right: 0px #ffffff solid;
   font-family: font-1 !important;
}

.header-4 ul li a{
    letter-spacing:0.4px;
    font-family: font-3 !important;
    border-right: 0px #5d95d9 solid;
    font-size: 14px;
    float: left;
    padding: 33px 11px 32px 11px;
    line-height: 11px;
    position:relative;
}

.header-12 a{
   color:#a5a7b2;
}

#cssmenu ul li ul li::before, #cssmenu ul li ul li::after {
display:none !important;
}

#cssmenu ul li:hover::before, #cssmenu ul li:hover::after {
    width: 10px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

#cssmenu ul li::after {border-radius: 0px;}

#cssmenu ul li::before {
right: 50% !important;
border-radius: 0px 0px 0px 0px;
}

#cssmenu ul li::before, #cssmenu ul li::after {
    width: 0%;
    height: 5px;
    bottom: -0px;
    position: absolute;
    background: #FC427B;
    content: "";
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

#cssmenu ul li::after {
    right: 50% !important;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

#cssmenu ul li::before {
    left: 50%;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

#cssmenu{margin-right: 105px;floaT: right;padding:0;line-height:1;display:block;position:relative;font-family:font-1;box-sizing:content-box;}
#cssmenu ul{list-style:none;margin: 0px 0px -1px 0px;padding: 0px 0px 0px 0px;display:block;float: right;}
#cssmenu ul li{    margin: 0px 0px;  padding:0px 0px; display:block;position:relative;}
#cssmenu ul li a{  text-decoration:none;display:block;margin:0;-webkit-transition:color .1s ease;-moz-transition:color .1s ease;-ms-transition:color .1s ease;-o-transition:color .1s ease;transition:color .1s ease;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
#cssmenu ul li ul{ position:absolute;left:-9999px;top: 76px;}
#cssmenu ul li ul li{
border-left: 0px #eee solid !important;
max-height:0;
position:absolute;
-webkit-transition:max-height 0.1s ease-out;
-moz-transition:max-height 0.1s ease-out;
-ms-transition:max-height 0.1s ease-out;
-o-transition:max-height 0.1s ease-out;transition:max-height 0.1s ease-out;
}

#cssmenu.align-right ul li ul li.has-sub:after{right:auto;left:15px;}
#cssmenu.align-right ul li ul li.has-sub:before{right:auto;left:15px;border-left-color:transparent;border-right-color:#fff;}
#cssmenu ul li ul li a{ font-family: font-4 !important;  -webkit-transition: all .1s;-moz-transition: all .1s;-o-transition: all .1s;transition: all .1s; border-bottom: 1px #eee solid;display: inline-block;font-size: 15px;opacity: 1; font-family:font-2;font-size: 14px;font-weight:400;text-transform:none;letter-spacing:0;display:block;width:280px;padding: 19px 10px 19px 20px;}
#cssmenu ul li ul li:hover > a, #cssmenu ul li ul li.active > a{ -webkit-transition: all .1s;-moz-transition: all .1s;-o-transition: all .1s;transition: all .1s;  color: #FC427B; !important;background: rgb(45 48 62 / 3%);}
#cssmenu ul li ul li:hover:after,
#cssmenu ul li ul li.active:after{background:#2196f3;}
#cssmenu ul li ul li:hover > ul{  background: #191a21;border-top: 0px solid #191a21;border-bottom: 0px solid #191a21;border-left: 0px solid #eee;border-right: 0px solid #eee;left:100%;top: 0px;}
#cssmenu ul li ul li:hover > ul > li{max-height:72px;position:relative;}
#cssmenu > ul > li{float:left;}
#cssmenu.align-center > ul > li{float:none;display:inline-block;}
#cssmenu.align-center > ul{text-align:center;font-size:0;}
#cssmenu.align-center ul ul{text-align:left;}
#cssmenu.align-right > ul{float:right;}
#cssmenu.align-right > ul > li:hover > ul{left:auto;right:0;}
#cssmenu.align-right ul ul li:hover > ul{right:100%;left:auto;}
#cssmenu.align-right ul ul li a{text-align:right;}
#cssmenu > ul > li:hover > a,
#cssmenu > ul > li.active > a{color: #FC427B;position:relative;z-index:9999;cursor:pointer;-webkit-transition: all .3s;-moz-transition: all .3s;-o-transition: all .3s;transition: all .3s;}
#cssmenu > ul > li > a,
#cssmenu > ul > li.active > a{
    color:#fff;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;

}

.darken #cssmenu > ul > li:hover > ul a{ color: #9ca1af; }

.darken  #cssmenu ul li ul li a{
	border-bottom: 1px #2b3349 solid
}


#cssmenu > ul > li:hover > ul a{opacity:9;font-size: 14px;color: #3D4865;left:0;}
#cssmenu > ul > li:hover > ul{left: -175px;}
#cssmenu > ul > li:hover > ul > li{display: inline-block;z-index:999999;max-height: 47px;position:relative;}
#cssmenu #menu-button{display:none;}
#cssmenu > ul > li > a{display:block;}
#cssmenu > ul > li{width:auto;}
#cssmenu > ul > li > ul{border-radius: 0px 0px 5px 5px;overflow:hidden;background: #ffffff;box-shadow: 0px 5px 10px 0px rgb(0 0 0 / 10%);font-family:font-2;width:280px;display:block;}

.header-03.header-3 {
    position: fixed;
    top: 0px !important;
    margin-top: 0px;
    box-shadow: 0px 4px 4px rgb(0 0 0 /8%);
    z-index:9;
}

.header-3 {
    z-index: 11;
    float: left;
    position: relative;
    margin-top: 0px;
    widtH: 100%;
    background: var(--foni-1);
    line-height: 50px;
}


.logo-1 img{
    widtH: 100%;
    line-height: 0px;
    float: left;
    position: relative;
}



.logo-2 {
    line-height: 0px;
    width: 100%;
    float: left;
    position: relative;
}

.logo-1 {
    width: 246px;
    margin: 13px 0px 0px 0px;
    float: left;
    position: relative;
}


.header-1 {
    float: left;
    position: relative;
    widtH: 100%;
    height: 60px;
    background:var(--foni-4);
    line-height: 60px;
}

.divi-slaider-bg {
    float: left;
    position: relative;
    widtH: 100%;
    color: #000;
    z-index:1;
    margin-bottom: 20px;
}


/*-- slaider --*/


.slick-next:before{
	width: 100%;
	height: 100%;
	background: url(../images/icon-6.svg) center  no-repeat;
	content: "";
	position:absolute;
	lefT: 0px;
}

.slick-prev:after{
	width: 100%;
	height: 100%;
	background: url(../images/icon-7.svg) center  no-repeat;
	content: "";
	position:absolute;
	lefT: 0px;
}


.slick-disabled.slick-prev, .slick-disabled.slick-next {
    opacity: 0.5 !important;
}


.slick-slider{overflow:hidden;position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent;}
.slick-list{border-radius: 3px;position:relative;display:block;overflow:hidden;margin:0;padding:0;}
.slick-list:focus{outline:none;}
.slick-list.dragging{cursor:pointer;cursor:hand;}
.slick-slider .slick-list{-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}
.slick-loading .slick-track{visibility:hidden;}
.slick-slide{display:none;float:left;height:100%;min-height: 0px;}
.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent;}
.slick-arrow.slick-hidden{display:none;}
.slick-prev,
.slick-next{border:none;outline:none;}
.slick-initialized .slick-slide{display:block;}
.slick-prev:after{right:0px;top:0px;}
.slick-dots{padding-bottom: 2px !important;bottom:20px;width:100% !important;position:absolute;display: none !important;padding:0;margin:0;list-style:none;text-align:center;z-index:9;}
.slick-dots .slick-active{background: #2196f3;border-radius:100px;}
.slick-next{right:15px;floaT:left;border-radius:5px;background: rgb(0 0 0 / 70%);font-size:0px !important;z-index:1;line-height:40px;position:absolute;display:block !important;width: 40px;height: 40px;padding:0;cursor:pointer;}
.shefi-8 .slick-prev:hover{transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;box-shadow:0px 2px 5px 0px #0000001f;}
.slick-prev,.slick-next{top: 40% !important;}
.slick-prev{background:rgb(0 0 0 / 60%);lefT: 15px;floaT:left;border-radius:5px;font-size:0px !important;z-index: 1;line-height:50px;position:absolute;display:block !important;width: 40px;height: 40px;padding:0;cursor:pointer;}
.slick-dots li{display: none !important;background: #ffffff;border-radius:10px;position:relative;display:inline-block;width:15px;height:15px;margin:0 9px;padding:0;cursor:pointer;}
.slick-dots li button{font-size:0;line-height:0;display:block;width:10px;height:10px;padding:5px;cursor:pointer;color:transparent;border:0;outline:none;background:transparent;}
/*-- slaider --*/
}




@media (min-width:1120px) and (max-width:1220px){

.abc-mov-5{
	width: 100%;
	floaT: left;
	position:relative;
	overflow:hidden;
}

.logo-2 h1{
	display: none;
}

.ms-sl-1 .tvicon-1 .abc-icon-6.abc-icon-1 {
    background: url(../images/mp4.svg) center no-repeat;
	background-size: 18px;
    margin: 13px 7px 0px -4px;
}

.ms-sl-1 .sl-hd-11{
	margin: 0px 5px 20px 5px;
}

.ms-sl-1.sidebari-7 .sl-tv-1{
   padding: 0px 0px 2px 0px;
}


.ms-sl-1 .sl-hd-11, .ms-sl-1 .sl-hd-11 img{
	width: 90px;
	height: 90px;
}


.ms-sl-1 .sl-hd-11{
   margin-top: 70px;
	   padding: 0px 0px 0px 0px;
}

.ms-sl-1.sidebari-7{
   margin: 0px 0px 20px 0px;
}




.qq-uploader .btn{
	width: 200px !important;
	text-align: center;
}


.qq-uploader .btn{
	height: 37px;
	font-size: 14px;
	font-family:font-1;
	font-weight: 600;
	letter-spacing: -0.2px;
}



#f-prc-1 li a:hover{
	color:#FF2D46;
	-webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
}


#f-prc-1 li {
	line-height: 10px;
	width: 100%;
	float: left;
}

#f-prc-1 li a {
	color:#8989a5;
	font-size: 14px;
	font-family:font-1;
	margin: 0px 0px 20px 0px;
}

#f-prc-1 {
	position:relative;
	width: 100%;
	float: left;
	margin: 2px 0px 0px 0px;
	padding-bottom: 8px;
	padding-top: 3px;
}

.zari-pr-3{
	margin-bottom: 20px;
}


.a-autor-7{
	width: 100%;
	floaT: left;
	height: 100%;
	left: 0px;
	top: 0px;
	position:absolute;
}


.a-autor-6{
	position:relative;
}


.a-autor-2 a:hover{
	color: #0097E6;
}

.a-autor-5 a{
	color: #44537e;
}

.a-autor-4{
	color: #273c75;
	font-size:14px;
	font-family:font-3;
}


.a-autor-5{
	letter-spacing: -0.4px;
	z-index:99;
	position:relative;
	width: 100%;
	float: left;
	margin: 0px 0px 0px 0px;
	font-family:font-1;
	font-size:15px;
}
.a-autor-3 a{
	color: #273c75;
	   font-weight: 600;
}

.a-autor-3{
	   font-weight: 700;
	color: #273c75;
	font-size:14px;
	z-index:99;
	position:relative;
	width: 100%;
	float: left;
	margin: 20px 0px 3px 0px;
	font-family:font-3;
	
}

.a-autor-2{
	color: #273c75;
	font-size:15px;
	z-index:99;
	position:relative;
	width: calc(100% - 97px);
	float: right;
	margin: 0 0 0 0px;
	    font-weight: 700;
}

.a-autor-1, .a-autor-1 img{
	width:80px;
	height:80px;
	floaT: left;
	border-radius: 100px;
}




.musig .n-fil.mov-ne-1, .musig .n-fil .mov-ne-8 img, .musig .n-fil .mov-ne-7, .musig .n-fil .mov-ne-4{
height: 140px;
}

.musig .mov-ne-7 {
    line-height: 16px;
    font-size: 12px;
}


.musig .n-fil.mov-ne-1{
	width: 140px;
}

.musig .abc-mov-4 {
    background: url(../images/mmusic.svg) center no-repeat;
}

.musig.abc-mov-1{
   margin-bottom: 20px;
}



.c-v.c-vidi-001 {
	color:#a5a0a0;
	letter-spacing: -0.3px;
    line-height: 20px;
    margin: 15px 0px 0px 15px;
    padding: 7px 15px;
    font-size: 12px;
}


.abc-mov-3{
	floaT: left;
}


.kino-tab-enn{
	width: 25px;
	margin: 1px 0px -4px 0px;
}


.mus.rec .tvicon-1 .abc-icon-6.abc-icon-1 {
    background: url(../images/mp4.svg) center no-repeat;
	background-size: 18px;
    margin: 12px 7px 0px -1px;
}


.mus.rec  .sl-tv-7:hover .sl-tv-11 h2{
   color:#0097E6;
}


.mus.rec .sl-tv-13{
   background: var(--foni-16) !important;
   color:#fff;
}

.msms.mus.rec .sl-tv-10 h2{
   width: 100%;
   padding: 22px 0px 15px 0px;
}

.mus.rec.sl-tv-1{
   background: var(--foni-15) url(../images/bg-2.svg) center  no-repeat !important;
}



.abc-top{
	z-index:0;
}

.rec .sl-tv-11{
   margin: 0px 20px;
}


.rec .sl-tv-13{
   background: var(--foni-12) url(../images/bg-2.svg) center  no-repeat !important;
   color:#fff;
}


.rec.sl-tv-1{
	background: var(--foni-4) !important;
}

.rec  .sl-tv-13{
height: 190px;
}

.rec .sl-tv-10 h2{
   width: 100%;
   padding: 22px 0px;
   font-size: 13px;
   font-family: font-1;
   letter-spacing: -0.2px;
   margin: 0px;
   line-height: 16px;
   position:relative;
   floaT: left;
   overflow:hidden;
   color:#ffffff;
}


.rec .sl-tv-10{
   width: 100%;
   height: auto;
   line-height: 20px;
   border-top: 0px #334063 solid;
	position:absolute;
	bottom: 0px;
}


.rec .sl-tv-7{
	width: 228px;
}


.rec  .sl-tv-7:hover .sl-tv-11 h2{
   color:#8BC55E;
}

.rec .sl-tv-9{
	margin-top: 10px;
	width: 85px;
	height: 85px;
}

.rec .sl-tv-8 img{
	width: 85px;
	height: 85px;
	border-radius: 100px;
	object-fit: cover;
}


.rec .tvicon-1 .abc-icon-6.abc-icon-1 {
    background: url(../images/icon-19.svg) center no-repeat;
    margin: 12px 7px 0px -1px;
}



.n-fil .mov-ne-3 img{
	width: 20px;
}


.n-fil.mov-ne-1, .n-fil .mov-ne-8 img, .n-fil .mov-ne-7, .n-fil .mov-ne-4{
height: 166.5px;
}

.n-fil.mov-ne-1{
	width: 166.5px;
}






.mp3 .sl-hd-12 {
    background: rgb(252 66 123 / 90%) url(../images/mp4.svg) center no-repeat;
	background-size: 25px;
    border-radius: 50%;
}

.musge-5{
	color: #ffffff;
}


.musge-3 a{
	color:#fff;
}

.musge-3 a:hover{
	background:#ff5d8f;
	-webkit-transition: .3s ease-in-out; transition: .3s ease-in-out;
}

.musge-3 a{
	-webkit-transition: .3s ease-in-out; transition: .3s ease-in-out;
	floaT: left;
	background:#FC427B;
	padding: 0px 20px;
	height: 45px;
	border-radius: 5px;
	line-height: 45px;
	font-family: font-4;
}

.musge-4{
	background: #0097E6;
	floaT: right;
	color:#fff;
	padding: 0px 20px;
	height: 45px;
	border-radius: 5px;
	line-height: 45px;
	font-family: font-3;
	font-size: 14px;
}

.musge-2 {
	padding: 0px 10px;
}

.musge-1 {
    width: 100%;
    floaT: left;
    position: relative;
	margin: 20px 0px 0px 0px;
	border: 1px solid var(--foni-23);
	-webkit-transition: border 0.2s linear 0s; transition: border 0.2s linear 0s;
	-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
	border-radius: 5px;
	padding: 10px 0px;
}

/*-- music--*/

.num-id-1 {
	letter-spacing: -0.3px;
    float: left;
    position: absolute;
    overflow:hidden;
    background: rgba(12, 18, 34, 0.70);
    z-index:11;
    line-height: 20px;
    color:#fff;
    margin: 15px 0px 0px 15px;
    padding: 4px 10px;
    font-size: 13px;
    border-radius: 100px;
    font-family: font-1;
}

.abc-msx-1 .abc-mov-2{
   border-bottom: 1px var(--foni-3) solid;
   background: var(--foni-4);
   color:#2D3743;
}

.abc-msx-1.abc-mov-1{
   background: var(--foni-4);
}


.h-z-1.sl-tv-1{
	height: 256px;
}


.kut-1 .mov-ne-1, .kut-1 .mov-ne-8 img, .kut-1 .mov-ne-7, .kut-1 .mov-ne-4, .kut-1 .mov-ne-5{
border-radius: 10px !important;
}



.cat-user-bg-09 b {
	 font-weight: 600;
    font-family: font-2 !important;
	color:#23335c !important;
	letter-spacing: -0.05em;
}


.cat-user-bg-09 {
	
	color:#475b8d !important;
	 font-weight: 600;
    font-family: font-1 !important;
	
}


.vid-fotbal-1 .cat-user-bg-6{width: calc(100% - 165px);}

.vid-fotbal-1 .cat-user-bg-3, .vid-fotbal-1.cat-user-bg-5, .vid-fotbal-1 .cat-user-bg-5 img{width:140px;height:140px;}

.vid-fotbal-1 img {
    -webkit-transform: scale(0.7);
    -ms-transform: scale(0.7);
    transform: scale(0.7);
    -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s;
}

.vid-fotbal-1 .cat-user-bg-3{
	border: 1px var(--foni-3) solid;
}

.vid-fotbal-1 .cat-user-bg-9{
	display: none;
}



.tvicon-1 .abc-icon-6.abc-icon-1 {
    background: url(../images/icon-14.svg) center no-repeat;
    margin: 13px 7px 0px -4px;
}

.cat-user-bg-1{
	z-indeX:0;
}


.sidebari-5  li:nth-child(4){ display:none !important; }

.container {
	font-family:font-01;
}


.s-ss.sl-hd-11 .sl-hd-12{
    -webkit-transform: translate(-50%, -50%) scale(1);
    -ms-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(0.85);
    opacity: 1;
}


.abc-color-2 .kut-c-vidi-flay{
    background: rgb(183 90 255 / 60%) url(../images/icon-24.svg) center no-repeat;
}


.kut-c-vidi-flay{
    position: absolute;
    right: 15px;
    top: 15px;
    opacity: 9;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 70px;
    background: rgb(0 0 0 / 60%) url(../images/icon-24.svg) center no-repeat;
    box-shadow: 0px 0px 0px 0px rgb(0 0 0 / 0%);
    border-radius: 7px;
    z-index:1;
}


.sidebari-7 .sl-tv-7{
	width: 100%;
}


.sruli-20{
	font-size: 0px;
}


.video-container {
    width: 100%;
    floaT: left;
    position: relative;
}

.div-full-4  {
    width: 100%;
    floaT: left;
    position: relative;
}




.div-video-iframe-03{
	width: 100%;
	position:relative;
	floaT: left;
	margin-bottom: 20px;
}

.video_reclam {
    width: 100%;
    height: 100%;
    background: #273C75;
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1;
}
.video_reclam .start_video svg {
    cursor: pointer;
}
.video_reclam video {
    margin-top: 9px;
    max-width: 100%;
    max-height: 100%;
}
.video_reclam .start_video {
        cursor: pointer;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    background: rgb(8 13 43 / 10%) url(../images/video-play-button.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 15%;
}
.video_reclam button {
    position: absolute;
    bottom: 20px;
    right: 20px;
    padding: 15px;
    border: none;
    color: #ffffff;
    border-radius: 5px;
    cursor: pointer;
    font-family: font-1;
    background-color: #273C75;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    display: none;
    z-index: 1;
}





.notic-1{
	width: 100%;
	floaT: left;
	margin-bottom: 20px;
}


.liv-div-07 img{
    width: 55px;
}



.liv-div-07{
    position: absolute;
    top: 41%;
    left: 0;
    width: 100%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 2;
}


.liv-div-7{
	width: 100%;
	floaT: left;
	text-align: center;
}

.liv-div-3 .liv-div-6{
	font-family: font-2;
	top: 10px;
	left: 10px;
	floaT: left;
	position: absolute;
	color:var(--foni-19);
	font-size: 13px;
	background:#ffffff;
	padding: 2px 8px 1px 8px;
	border-radius: 100px;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}

.liv-div-3:hover .liv-div-6{color:#ffffff;background: #0097E6;-webkit-transition: all .3s;-moz-transition: all .3s;-o-transition: all .3s;transition: all .3s;}


.liv-div-9{
font-family: font-2;
letter-spacing: -0.2px;
margin: 0px 5px;
}

.liv-div-8{
	width: 100%;
	height: 43px;
	line-height: 43px;
	text-align: center;
	font-family: font-1;
	bottom: 0px;
	floaT: left;
	position: absolute;
	border-top: 1px var(--foni-3) solid;
	color:var(--foni-19);
	font-size: 14px;
}



.liv-div-2{
    margin: 0px -5px;
	width: 102%;
	floaT: left;
}


.liv-div-1{
	width: 100%;
	floaT: left;
	overflow:hidden;
	position:relative;
}

.liv-div-3:hover  span{
            animation: animate  1s linear infinite;
        }
  
        @keyframes animate {
            0% {
                opacity: 0;
            }
  
            50% {
                opacity: 1;
            }
  
            100% {
                opacity: 0;
            }
        }




.liv-div-3 .liv-div-9{
    -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;
}

.liv-div-3:hover .liv-div-9{
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    color: #0097E6;
}


.liv-div-3 img {
    -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;
}

.liv-div-3:hover img {
    -moz-transform: scale(1.07);
    -webkit-transform: scale(1.07);
    -o-transform: scale(1.07);
    -ms-transform: scale(1.07);
    transform: scale(1.07);
    -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;
}

.liv-div-3:hover .liv-div-8{
	-webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;
}

.liv-div-3:hover{
	-webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;
}

.k-katalog-1{width:260px;}

.liv-div-3{width:260px;}

.liv-div-3{
	width:203.5px;
	height: 170px;
	floaT: left;
	position:relative;
	margin: 0px 10px 20px 10px;
	background: var(--foni-4);
	border-radius: 5px;
	-webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;
}





.tab_container{
	width: 100%;
	float: left;
	position:relative;
	margin: 0px 0px -20px 0px;
}


.tabs li {
    display: inline-block;
    cursor: pointer;
    text-transform: uppercase;
    font-weight: 500;
    -webkit-user-select: none;
    color: #2b2c32;
    opacity: 0.7;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
}

.tabs .active {
    color: #ffffff;
    opacity: 9;
    background: #0097E6;
}

.tabs{width: 100%;floaT: left;position:relative;overflow:hidden;font-family: 'font-4';background:var(--foni-4);border-radius: 5px;}
.tabs li{ border-right: 1px var(--foni-2) solid; float: left;position:relative;display:inline-block;padding: 15px 18px;cursor:pointer;text-transform:uppercase;font-weight:500;-webkit-user-select:none;}
.tabs li:hover{/* color: #ffffff; */opacity: 9;transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;}





.di-left-7 ul li a{
-webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;
}


.di-left-7 ul li:hover a{color: #4290fc;-webkit-transition: all .3s;-moz-transition: all .3s;-o-transition: all .3s;transition: all .3s;}

.di-left-7 ul li .li-left-2 {
box-shadow: 0px 0px 0px 2px rgb(33 150 243 / 0%);
-webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;
}

.di-left-7 ul li:hover .li-left-2 {
	    background: #3e59a1;
-webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;
}




.di-left-7 ul::-webkit-scrollbar-track{background:#223466; border-radius: 100px;position:relative; overflow:hidden;}
.di-left-7 ul::-webkit-scrollbar-thumb{background:#314989; border-radius: 100px;position:relative; overflow:hidden;}
.di-left-7 ul::-webkit-scrollbar{width:7px; border-radius: 100px;position:relative; overflow:hidden;}

.di-left-7 ul{
    width: 100%;
    float: left;
    position: relative;
    overflow-y: auto;
    max-height: 498px;
    color:#fff;
    font-family: font-3;
    font-size: 15px;
    line-height: 20px;
    margin-bottom: 10px;
}



.li-left-2 img{
    width: 17px;
    height: 17px;
}


.li-left-2 {
    width: 30px;
    height: 30px;
    line-height: 36px;
    text-align: center;
    float: left;
    position: relative;
    margin: 2px 10px 0px 2px;
    background: #334c8f;
    border-radius: 100px;
}

.li-left-1{
    width: 100%;
    float: left;
    position: relative;
    color:#fff;
    font-family: font-1;
	font-weight: 700;
    font-size: 14px;
    line-height: 30px;
    margin-bottom: 10px;
}




.div-left-4 {
    float: left;
    position: relative;
    width: 21px;
    height: 21px;
    background: url(../images/icon-16.svg) center no-repeat;
    margin: 15px 5px 0px 0px;
}


.di-left-5 a{
    color:#fff;
}

.di-left-6 {margin: 12px 12px 0px 10px;}


.di-left-5 {
    width: 100%;
    float: left;
    position: relative;
    overflow:hidden;
    color:#fff;
    font-family: font-1;
    font-size: 15px;
}



.di-left-3 {
padding: 0px 14px;
}

.di-left-2 {
    width: 100%;
    height: 50px;
    line-height: 51px;
    float: left;
    position: relative;
    overflow:hidden;
    background: var(--foni-20);
    color:#fff;
    font-family: font-4;
    font-size: 15px;
}


.di-left-1 {
	margin-bottom: 0px;
	width: 240px;
	float: left;
	position: relative;
	overflow:hidden;
	background: var(--foni-13);
	border-radius: 5px;
}


.di-right-1 {
	line-height: 0px;
	width: 800px;
	float: right;
	position: relative;
	overflow:hidden;
	border-radius: 5px;
}



.di-home-2 {
   margin: 0px 20px;
}

.tvs-1 .di-home-1 {
	margin-left: 10px;
}

.di-home-1 {
	margin-top: 0px;
    widtH: 100%;
    padding: 20px 0px;
    float: left;
    position: relative;
    overflow:hidden;
    background:var(--foni-4);
    border-radius: 10px;
    margin-bottom: 20px;
}




.cat-user-bg-09 {
	color: #23335c;
    line-height: 13px;
    font-size: 15px;
    font-family: font-1;
}


.cat-user-bg-9 {
	font-family: font-3;
    z-index: 1;
    position: absolute;
    float: left;
    width: 100%;
    font-size: 14px;
    background: rgb(39 60 117 / 90%);
    padding: 14px 0;
    color: #fff;
    text-align: center;
    bottom: 0;
}

.cat-user-bg-6{font-size:15px;z-index:99;position:relative;width: calc(100% - 195px);float: right;margin: 0 0 0 0px;font-family:font-1;}


.cat-user-bg-8 {
	color: #273C75;
    position: relative;
    width: 100%;
    float: left;
    margin: 5px 0px 20px 0px;
    font-family: font-3;
    font-weight: 700;
    font-size: 18px;
    padding: 0 0 15px;
    border-bottom: 1px var(--foni-3) solid;
}

.cat-user-bg-3,.cat-user-bg-5,.cat-user-bg-5 img{position:relative;float:left;border-radius:10px;margin:0 0px 0px 0;overflow:hidden;object-fit:cover}
.cat-user-bg-3,.cat-user-bg-5,.cat-user-bg-5 img{width:170px;height:170px;}
.cat-user-bg-2{padding:2%}
.cat-user-bg-1{width:100%;position:relative;float:left;background:var(--foni-4);border-radius:10px;overflow:hidden; margin-top: 20px;  padding-bottom: 2%; }





.m-1 img {
   -webkit-transition: all .4s; -moz-transition: all .4s; -o-transition: all .4s; transition: all .4s;
}

.m-1:hover img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition: all .4s; -moz-transition: all .4s; -o-transition: all .4s; transition: all .4s;
}




.msaxio-6.slick-initialized .slick-slide{
	floaT: left;
}

.msaxio-6 .slick-next{
	background:#FC427B
}

.msaxio-6 .slick-prev, .msaxio-6 .slick-next{
	border-radius: 100px !important;
}


.msaxio-6 .slick-prev, .msaxio-6 .slick-next{top: 36% !important;}


.msaxio-6 img{float: left;width: 100%;object-fit: cover;border-radius: 100px;}

.m-1, .m-1 img{
height: 150px !important;
border-radius: 500px;
}

.m-1{
	float: left;
	position:relative;
	overflow:hidden;
	border-radius: 100px;
	margin: 0px 10px 0px 10px;
}


.msaxio-5{
	margin: 0px 10px;
}


.msaxio-4{
	width: 100%;
	height: 170px;
	position:relative;
	floaT: left;
	margin: 0px 0px 0px 0px;
}



.msaxio-3{
	margin: 0px 20px;
}


.msaxio-2{
	width: 100%;
	line-height: 54px;
	height: 54px;
	font-family: font-4;
	floaT: left;
	margin-bottom: 20px;
	border-bottom: 1px var(--foni-23) solid;
	text-align: left;
	color: #76808B;
	font-size: 15px;
}

.msaxio-1{
	width: 100%;
	float: left;
	position:relative;
	overflow:hidden;
	padding: 0px 0px 0px 0px;
	border-radius: 10px;
	box-shadow: inset 0px 0px 0px 1px var(--foni-23);
	font-weight: 600;
	font-size: 14px;
	color:#76808B;
	margin: 20px 0px 0px 0px;
}



.kino-tab-2 img{
	width: 16px;
	margin: 4px 3px -5px 0px;
	display: inline-block;
}



.kino-tab-1 li a:hover {
    text-decoration: none;
    text-decoration: underline;
}

.kino-tab-1 li a{
	color:#FC427B;
}


.kino-tab-1 li{
	width: 100%;
	float: left;
	position:relative;
	padding: 15px 0px;
	box-shadow: inset 0px 1px 0px 0px var(--foni-23);
	font-family: font-2;
	font-weight: 600;
	font-size: 14px;
	color:#FC427B;
}


.kino-tab-2{
	position:relative;
	font-family: font-1;
	font-weight: 600;
	font-size: 14px;
	color:#515A64;
	margin: 0px 1px 0px 20px;
}


.kino-tab-1{
	width: 100%;
	float: left;
	position:relative;
	overflow:hidden;
	padding: 0px 0px 0px 0px;
	border-radius: 10px;
	box-shadow: inset 0px 0px 0px 1px var(--foni-23);
	font-weight: 600;
	font-size: 14px;
	color:#76808B;
	margin: 20px 0px 0px 0px;
}




body div select option{
	color: #41599B;
    padding: 0 10px;
}

body div .vk_multifilm select option{
    background: #F4F6FD !important;
}

body .vk_multifilm select {
	cursor: pointer;
	margin: 0px 0px 20px 0px;
	height: 55px !important;
	border: 10px solid !important;
	box-shadow: 0px 0px 0px 1px var(--foni-21);
	border: 13px solid var(--foni-21) !important;
	background: var(--foni-21) !important;
	border-radius: 5px;
	padding: 0px 6px;
	font-family: font-2;
	font-size: 14px;
	font-weight: 100;
	letter-spacing: 0.5px;
	color: #444;
	} 


.vk_multifilm{
	width: 100%;
	position:relative;
	floaT: left;
	border-radius: 5px;
	margin-bottom: 0px;
}



.video-container iframe{
	width: 100%;
}
.video-container, .video-container iframe{
	height: 394px;
}


.video-container{
	width: 100%;
	position:relative;
	floaT: left;
	overflow:hidden;
	border-radius: 5px;
}




.baner-1 img{
	border-radius: 10px;
}


.rate-l-2{
	floaT: right;
	margin: 0px 0px 0px 7px;
}



.rate-l-1{
	margin: 0px 7px 0px 0px;
	floaT: left;
}


.rate .rate-l-1:hover path{ fill: #88c54d; }
.rate .rate-l-2:hover path{ fill: #e45757; }

.rate_like-dislike .ratingplus { color: #88c54d; }
.rate_like-dislike .ratingminus { color: #e45757; }


.rate { display: inline-block; float: left; }




#cssmenu ul li ul .menu-aa a{
	color: #FC427B !important;
}
.valuti-1 .list{
	font-family: font-2;
}

.bn-1 .box_in { padding: 4% 5% 2% 5%; }


.k-kat-02{
	padding: 0px 20px;
	position:relative;
	display: inline-block;
}


.box_in #CCStyleWhiteBG .flag {
	padding-left:0px;
	margin: 1px 5px 0px 0px;
}



body .valuti-2 #lari_ge_cb_9132881 input{ 
width: calc(100% - 145px) !important; 
height: 30px;
padding: 0px 5px !important;
}


.valuti-1  #CCStyleWhiteBG .currency{
    text-align: center !important;
    font-size: 13px;
    font-family:font-3;
}


.valuti-1 #CCStyleWhiteBG .ad {
display: none !important;
}



.valuti-1 #CCStyleWhiteBG .list {
    font-size: 12px;
    text-align: left;
    padding-top: 15px;
    padding-bottom: 15px;
    clear: both;
    height: 20px;
    cursor: pointer;
    border-bottom: 1px #ddd solid;
}

.valuti-1 #CCStyleWhiteBG{
    width: 100% !important;
        padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
}



.bb-valuta-6{margin:0px 0px 0px 0px;float:left;width:100%;height:100%;position:absolute;overflow:hidden;z-index:1;lefT:0px;}


.titlee.title{
        margin: -10px 0px 10px 0px !important;
        font-size: 20px;
    }

.box-5 b{
	font-family:font-4;
}

.box-5{
	margin: 17px 20px;
}



.valuti-2 a{
    font-size: 0px !important;
}


body .valuti-2 #lari_ge_cb_9132881 input{ 
width: calc(100% - 145px) !important; 
height: 30px;
padding: 0px 8px !important;
}


.valuti-1  #CCStyleWhiteBG .currency{
    text-align: center !important;
    font-size: 13px;
    font-family:font-2;
}


.valuti-1 #CCStyleWhiteBG .ad {
display: none !important;
}


.valuti-1 #CCStyleWhiteBG .title {
  color: #0097E6;
  font-size: 15px;
  font-family:font-3;
  text-align: left !important;
  border-bottom: 0px solid #EBEBEB;
  margin: 5px 0px -4px 0px;
}

.valuti-1 #CCStyleWhiteBG .list {
    font-size: 12px;
    text-align: left;
    padding-top: 10px;
    padding-bottom: 15px;
    clear: both;
    height: 20px !important;
    cursor: pointer;
    border-bottom: 1px #ddd solid !important;
}

.valuti-1 #CCStyleWhiteBG{
    width: 100% !important;
        padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
}



.box_in h1{
  line-height: 20px;
  width: 100%;
  floaT: left;
  font-family: font-1;
    font-size: 18px !important;
  margin: 0px 0px 5px 0px;
}





.container img{
    text-align: center;
	max-width: 100%;
	height: auto !important;
	font-size: 0px;
	line-height: 0px;
	margin: 7px 0px;
}



.fullstor-13 path{
	fill:#77828F;
}


.btn-s-2 svg{
	margin: 0px 0px 0px 9px;
	float: left;
}


.sruli-12 button {
	position:relative;
	font-family: font-1;
	font-size: 15px;
	border: 0;
    	background:rgb(255 255 255 / 0%);
}

.resize #increaseFont svg{
	margin: 0px 0px 0px 0px !important;
}


.fullstor-13 {
	floaT: right;
	position:relative;
	margin-top: 0px;
}

.fullstor-12 {
	width: 110px;
	floaT: right;
	position:relative;
	margin-top: 0px;
}

.fullstor-14 {
	floaT: right;
	position:relative;
	margin: 12px 15px 0px 0px;
	font-family: font-3;
	font-size: 15px;
	color:#77828F;
}


.fullstor-13 #increaseFont {
	    cursor: pointer;
	-webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
    color: #0e1523 !important;
    border: 1px solid var(--foni-22);
    background-color:#fff;
    font-weight: 700;
    font-style: normal;
    font-size: 15px;
    z-index: 100;
    width: 36px;
    height: 33px;
    line-height: 33px;
    float: right;
    text-align: center;
    margin-top: 4px;
}


.fullstor-13 #decreaseFont {
	    cursor: pointer;
	-webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
    color: #0e1523 !important;
    border: 1px solid var(--foni-22);
    background-color:#fff;
    font-weight: 500;
    font-style: normal;
    font-size: 15px;
    z-index: 100;
    width: 36px;
    height: 33px;
    line-height: 33px;
    float: left;
    text-align: center;
    margin-top: 4px;
    margin-right: -1px;
}


.right-1 {
	border: 1px var(--foni-2) solid;
	color:#34205a;
	padding: 2px 6px;
	font-size: 12px;
	border-radius: 5px;
	margin-lefT: 5px;
}


.sruli-ic-05{
    width: 100%;
    height: 100%;
    display: inline-block;
    position: relative;
    background: url(../images/icon-39.svg) center no-repeat;
    margin: 0px 0px 0px 0px;
}

.sruli-ic-04{
    width: 100%;
    height: 100%;
    display: inline-block;
    position: relative;
    background: url(../images/icon-38.svg) center no-repeat;
    margin: 0px 0px 0px 0px;
}

.sruli-ic-03{
    width: 100%;
    height: 100%;
    display: inline-block;
    position: relative;
    background: url(../images/icon-37.svg) center no-repeat;
    margin: 0px 0px 0px 0px;
}

.sruli-ic-02{
    width: 100%;
    height: 100%;
    display: inline-block;
    position: relative;
    background: url(../images/icon-36.svg) center no-repeat;
    margin: 0px 0px 0px 0px;
}

.sruli-ic-01{
    width: 100%;
    height: 100%;
    display: inline-block;
    position: relative;
    background: url(../images/icon-35.svg) center no-repeat;
    margin: 0px 0px 0px 0px;
}


.sruli-ic-005.sruli-16{
	background:#7555DE;
}


.sruli-ic-004.sruli-16{
	background:#7AD06D;
}


.sruli-ic-003.sruli-16{
	background:#55ACEE;
}


.sruli-ic-002.sruli-16{
	background:#448AFF;
}


.sruli-ic-001.sruli-16{
	background:#4267B2;
}

.sruli-16:hover{
	opacity: 9;
}
.sruli-16{
	opacity: 0.8;
	width: 35px;
	height: 35px;
	border-radius: 100px;
	background:#222;
	float: left;
	position:relative;
	margin: 0px 0px 0px 10px;
	font-weight: 600;
	font-size: 14px;
	color:#76808B;
	font-family: font-3;
	letter-spacing: 1px;
}


.sruli-15{
	display: inline-block;
	position:relative;
	margin: 0px 0px 0px 0px;
	font-weight: 600;
	font-size: 14px;
	color:#76808B;
	font-family: font-3;
	letter-spacing: 1px;
}

.sruli-14{
	float: left;
	position:relative;
	margin: 8px 0px 0px 0px;
	font-weight: 600;
	font-size: 14px;
	color:#76808B;
	font-family: font-3;
	letter-spacing: 1px;
}



.sruli-13{
	width: 100%;
	float: left;
	position:relative;
	margin: 24px 0px 20px 0px;
	font-weight: 600;
	font-size: 14px;
	color:#76808B;
}






/*--favoritebi--*/
.damatebiti-fav-1 {
    floaT: right;
    width: 40px;
    height: 40px;
    position: relative;
    z-index: 1;
    margin-right: 0px;
    line-height: 20px;
}

.favmod{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;display:block;margin:0 auto;width:40px;height: 30px;padding:0px;opacity:9;}
.favmod.active,
.favmod:hover{opacity:1;}
.favmod-add,
.favmod-unset{display:block;width:100%;height:100%;color:#99A2BA;font-weight:100;text-align:center;line-height: 30px;border-radius:100px;font-size:22px;}
.favmod-unset{color: #FC427B}
.favmod .favmod-unset,
.favmod.active .favmod-add{display:none;}
.favmod.active .favmod-unset{display:block;}




.sruli-ic-2 {
    width: 21px;
    height: 19px;
    display: inline-block;
    position: relative;
    background: url(../images/icon-31.svg) center no-repeat;
    margin: 0px 0px -4px 0px;
}


.sruli-ic-1 {
    width: 21px;
    height: 19px;
    display: inline-block;
    position: relative;
    background: url(../images/icon-30.svg) center no-repeat;
    margin: 0px 0px -4px 0px;
}



.sruli-12 {
	position:relative;
	floaT: right;
	margin: -10px 0px 0px 0px;
}

.sruli-10 {
	position:relative;
	floaT: left;
	margin: 1px 0px 0px 50px;
}

.sruli-9 {
	position:relative;
	floaT: left;
	margin: 1px 0px 0px 50px;
}

.sruli-8 {
	font-family: font-4;
	display: inline-flex;
	position:relative;
	floaT: left;
	margin: 2px 0px 0px 0px;
}


.sruli-7 {
	font-family: font-3;
	color: #67717C;
	width: 100%;
	position:relative;
	floaT: left;
	padding: 0px 0px 12px 0px;
	margin: 20px 0px 10px 0px;
	border-bottom: 1px var(--foni-22) solid;
}



.container a:hover {
    text-decoration: none;
    text-decoration: underline;
}

.container a{
	color:#FC427B;
}


body .container b span{
	font-family: font-02 !important;
}

.container span{
	
	font-family: font-01;
}

.container b{
	    font-weight: 100;
	font-family: font-02;
	
}


.container {
	width: 100%;
	position:relative;
	floaT: left;
	padding: 10px 0px 0px 0px;
	line-height: 22px;
	color: #515A64;
	font-size: 15px;
}






.sruli-6 img{
	width: 100%;
	position:relative;
	floaT: left;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	border-radius: 10px;
}

.sruli-6{
	width: 100%;
	position:relative;
	floaT: left;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}


.sruli-05{
	text-align: right;
	/* width: 5%; */
	position:relative;
	floaT:right;
}



.sruli-4 h1{
	width: 100%;
	position:relative;
	floaT: left;
	font-size: 22px;
	font-family: font-2;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	color:#273C75;
	letter-spacing: -1.1px;
}


.sruli-5{
	width: calc(100% - 60px);
	position:relative;
	floaT: left;
}



.sruli-4{
	margin: 20px 0px 10px 0px;
	width: 100%;
	position:relative;
	floaT: left;
}



.sruli-20 a:hover{
	color:#FC427B;
	background:#FFEFF4;
}

.sruli-24 {
    width: 21px;
    height: 19px;
    display: inline-block;
    position: relative;
    background: url(../images/icon-34.svg) center no-repeat;
    margin: 0px 1px -4px 0px;
}


.sruli-25 {
	color:#448AFF;
}

.sruli-27{
	overflow:hidden;
	position:relative;
}



.sruli-26{
	width: 100%;
	float: left;
	position:relative;
	padding: 25px 0px 30px 0px;
}


.sruli-22{
	width: 100%;
	line-height: 70px;
	height: 70px;
	font-family: font-4;
	floaT: left;
	border-bottom: 1px var(--foni-22) solid;
	text-align: center;
	color: #273C75;
	font-size: 16px;
}



.sruli-21{
	width: 100%;
	float: left;
	position:relative;
	background: var(--foni-4);
	border-radius: 10px;
	padding: 0px 0px;
	margin: 20px 0px;
}


.sruli-20 a:hover {
    text-decoration: none;
    text-decoration: underline;
}


.sruli-19{
	float: left;
}
.sruli-20 a{
	float: left;
	position:relative;
	padding: 7px 15px;
	margin: -6px 5px 11px 0px;
	font-family: font-1;
	font-weight: 600;
	font-size: 13px;
	color:#76808B;
	background:#F4F6FD;
}


.sruli-17{
	width: 100%;
	float: left;
	position:relative;
	padding: 30px 0px 16px 0px;
	background: var(--foni-4);
	border-radius: 0px 0px 10px 10px;
	border-top: 1px var(--foni-22) solid;
	font-family: font-4;
	font-weight: 600;
	font-size: 14px;
	color:#76808B;
}



.sruli-3{
	margin: 0px 40px;
	position:relative;
}


.sruli-02{
	width: 740px;
	float: left;
	position:relative;
}



.sidebari .sl-tv-10 h2{
	font-size: 13px;
}

.sidebari .abc-4{
	margin-lefT: 5px;
}

.sidebari .sl-tv-9{
	top: 60%;
}

.sidebari .sl-tv-8 img{
	width: 50px;
}



.sidebari .sl-tv-8{
   width: 100%;
   height: 98px;
   position:relative;
   floaT: left;
   overflow:hidden;
}


.sidebari-8{
   padding: 0px 10px 0px 10px;
}


.sidebari-7{
	overflow:hidden;
   width: 100%;
   position:relative;
   floaT: left;
   margin: 0px 0px 0px 0px;
   background: var(--foni-15);
   border-radius: 10px;
}



.sidebari-7 .sl-tv-13{
	margin: 70px 5px 0px 5px;
   background: var(--foni-17);
}

.sidebari-7 .sl-tv-1{
   width: 100%;
   position:relative;
   floaT: left;
   padding: 0px 0px 15px 0px;
   margin: 15px 0px 0px 0px; 
   border-radius: 10px;
   background: var(--foni-15) !important;
}


.sidebari-7 .sl-tv-4{
   width: 320px !important;
   position:relative;
   floaT: left;
   margin: 0px 0px 0px 0px;
}



.sidebari-6 .sl-hd-11, .sidebari-6 .sl-hd-11 img{
	border-radius: 100px;
	object-fit: cover;
	width: 86.4px;
	height: 86.4px;
}


.sidebari-6 .sl-hd-5{
	margin-bottom: 20px;
    float: right;
    position: relative;
    overflow:hidden;
    widtH: 100%;
    border-radius: 10px;
    padding: 0px 0px;
    background: var(--foni-4);
}


.sidebari-1{
	width: 100%;
	float: left;
	position:relative;
	background: var(--foni-4);
	margin-bottom: 20px;
	overflow:hidden;
	border-radius: 10px;
}


.sidebari-5{
	margin: 0px 20px;
}

.sidebari-4{
	width: 100%;
	float: left;
	position:relative;
}



.sidebari .c-vidi-1, .sidebari .c-vidi-1 img{
height: 235px;
}

.sidebari .c-vidi-1{
	width: 100%;
	float: left;
	position:relative;
	overflow:hidden;
	border-radius: 10px;
	margin: 0px 0px 20px 0px;
}

.sidebari-2{
	width: 100%;
	floaT: left;
	position:relative;
	padding: 20px 0px 20px 0px;
	border-bottom: 1px var(--foni-2) solid;
	margin-bottom: 20px;
}

.sidebari-3{
	margin: 0px 20px;
}

.sidebari{
	width: 340px;
	float: right;
	position:relative;
	border-radius: 10px;
	margin-bottom: 20px;
}


.sruli-3, .sruli-18, .sruli-27 {
	margin: 0px 20px;
}


.sruli-2{
	width: 100%;
	float: left;
	position:relative;
	background: var(--foni-4);
	border-radius: 10px 10px 0px 0px;
	padding: 0px 0px;
}


.sruli-1{
	width: 100%;
	float: left;
	position:relative;
	margin-left: 10px;
}




.konta-4{
	width: 100%;
}


.konta-4 .konta-8{
	transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;
}

.konta-4:hover .konta-8{
	
	transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-webkit-transition:all 0.3s ease-in-out;
}


.konta-8{
	width: 100%;
	position:relative;
	margin: 0px 0px 0px 0px;
	color: #FC427B;
	font-size: 15px;
	font-family: font-2;
}


.konta-7{
	font-size: 15px;
	color:#273C75;
	width: 100%;
	position:relative;
	float: left;
	margin: 2px 0px 1px 0px;
	font-family:font-4;
}

.konta-6{
	width: 70%;
	floaT: left;
	position:relative;
	font-family:font-3;
	font-size: 15px;
	padding: 0% 0%;
	margin: 0% 0px 0% 0px;
}


.konta-003 .konta-5{
	background: #0097E6 url(../images/contc-3.svg) 14.8px 15.5px no-repeat;
}

.konta-03 .konta-5{
	background: #0097E6 url(../images/contc-2.svg) 13.5px 15px no-repeat;
}



.konta-4:hover .konta-5{
	transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;
	box-shadow: 0px 0px 0px 2px #fff, 0px 0px 0px 4px #0097E6;
}

.konta-5{
	transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-webkit-transition:all 0.3s ease-in-out;
	background: #0097E6 url(../images/icon-23.svg) center no-repeat;
	background-size: 9px;
	width: 45px;
	height: 45px;
	position:relative;
	float: left;
	color:#fff;
	margin: 0px 12px 0px 40px;
	border-radius: 100px;
}


.konta-003.konta-3{
	width: 33%;
}

.konta-03.konta-3{
	box-shadow: 0px 0px 0px 1px #d7d7d7;
	width: 33%;
}


.konta-3{
	width: 33%;
	position:relative;
	floaT: left;
	font-family:font-3;
	font-size: 15px;
	padding: 3% 0%;
	margin: 0% 0px 0% 0px;
	display:  inline-flex;
}


.konta-2{
	width: 100%;
	position:relative;
	floaT: left;
	font-family:font-3;
	font-size: 15px;
	margin: 1% 0px 2% 0px;
	-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
	border: 1px solid #d7d7d7;
	border-radius: 5px;
}



.title.user_tab.h1{
    color: #273C75;
    margin-bottom: 15px !important;
}

.tab-content > .tab-pane { display: none; }
	.tab-content > .active { display: block; }


	/* Forms at UL */
	ul.ui-form { list-style: none; padding: 0; margin: 0; }
		ul.ui-form > li { margin-bottom: 20px; }
		ul.ui-form > li:last-child { margin-bottom: 0; }
		.form-group { margin-bottom: 20px; }
		.form-group > label { display: block; margin-bottom: .4em; }
		.imp:after { content: "*"; margin: 0 0 0 10px; color: #e85319; }


		.form_submit { margin-top: 20px; }
		.form-sep { border-top: 1px solid var(--foni-2); }

	/* Modification of the BB editor for review */
	#comment-editor .bb-editor textarea { padding: 7px; padding-bottom: 45px; height: 200px; }
	.addpm #comment-editor .bb-editor textarea { height: 340px; }

	.wseditor table, .bb-editor table { margin: 0px; }

/* Comments */
.com_list { }
	.comment {
		padding: 4% 4%;
		position: relative;
		-webkit-transition: box-shadow ease .4s; transition: box-shadow ease .4s;
	}
	.com_list .comment {
		border-top: 1px solid #efefef;
		background-color: transparent;
		margin: 0;
		border-radius: 0;
		box-shadow: none; -webkit-box-shadow: none;
	}
	.comment:hover {
		position: relative;
		box-shadow: 0 2px 12px 0 rgba(0,0,0,0.2); -webkit-box-shadow: 0 2px 12px 0 rgba(0,0,0,0.2);
	}
	.avatar { display: inline-block; }
	.avatar .cover {
		width: 100px; height: 100px;
		border-radius: 50%;
		white-space: nowrap;
		text-indent: -9999px;
		display: inline-block;
	}
	.comment .avatar { float: left; margin-right: 15px; position: relative; }
	.comment .avatar .cover { width: 36px; height: 36px; }
	.com_online {
		position: absolute;
		left: 100%; top: 50%;
		margin: -4px 0 0 -4px;
		overflow: hidden;
		text-indent: -9999px;
		background-color: #70bb39;
		border: 2px solid #fff;
		width: 4px; height: 4px;
		border-radius: 50%;
	}

	.com_info { font-size: .9em; margin-bottom: 2%; margin-top: -5px; }
	.com_info:after { clear: both; display: block; content: ""; }

	.com_user { float: left; margin: 9px 15px 0 0; }
	.comment .meta { display: inline; }
	.comment .meta .left { margin: 9px 0 0 0; }
	.comment .meta .left .mass input { margin: -2px 0 0 0; vertical-align: middle; }
		.comment .meta > ul.left > li { margin-right: 10px; }

		.comment .reply { text-transform: lowercase; }
		.comment .meta .left a {
			display: inline-block;
			width: 20px; height: 20px;
			vertical-align: middle;
			padding: 2px;
			margin-top: -2px;
			-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
		}
		.comment .meta .left .reply a { padding: 2px; width: auto; vertical-align: baseline; }
		.comment .meta .left .del a { padding: 4px; }
		.comment .meta .left .icon { margin: 0; fill: #919191; vertical-align: top; }
		.comment .meta .left a:hover .icon { fill: #3394e6; }
		.comment .meta .left a .icon-reply {
			width: 15px; height: 16px;
			fill: #3394e6 !important;
			margin-right: .4em;
			vertical-align: middle;
		}
		.comment .meta .left a .icon-coms {
			width: 15px; height: 16px;
			fill: #3394e6 !important;
			margin-right: .4em;
			vertical-align: middle;
		}
		.comment .meta .left .edit_btn > a { padding: 2px; margin-top: -4px; } 
		.comment .icon-bad { width: 16px; height: 16px; }
		.comment .icon-cross { width: 12px; height: 12px; }

	.comment .meta .rate { float: right; }

	/* Tree comments */
	#dle-comments-list { width: 100%; overflow: hidden; }
	#dle-comments-list > .comments-tree-list > li > .comments-tree-list { padding: 0 8%; border-top: 1px solid #efefef; }
	#dle-comments-list > .comments-tree-list > li .comments-tree-list > li { padding-left: 20px; }
	.comments-tree-list { list-style: none; padding: 0; margin: 0; }

	.comments-tree-list > li > ol > li .comment {
		padding: 30px 0;
		position: relative;
		box-shadow: none; -webkit-box-shadow: none;
		border-width: 0;
	}
	.comments-tree-list li ol li .comment {

		position: relative;
		box-shadow: none; -webkit-box-shadow: none;
		border-width: 0;
	}
	.comments-tree-list > li > ol > li .comment:after {
		content: "";
		position: absolute;
		width: 2000px; height: 1px;
		margin-left: -500px;
		left: 0; top: 0;
		background-color: #efefef;
	}

	.comments-tree-list > li > ol > li .comment:before {
		content: "";
		position: absolute;
		left: 0; top: 12px;
		margin: 30px 0 0 -20px;
		background-color: #e6e6e6;
		width: 10px; height: 2px;
	}	

	.dark_top {
		border-radius: 10px 10px 0 0;
		color: #fff;
		background: var(--foni-1);
	}


.box_in .cover { background-position: 50% 50%; background-repeat: no-repeat; -webkit-background-size: cover; background-size: cover; }



/* --- User page --- */
.userinfo_top { position: relative; padding-bottom: 50px; margin-bottom: 25px; }
.userinfo_top .avatar { position: absolute; }
.user_tab { list-style: none; padding: 0; margin: 0; }
	.user_tab > li { display: inline; margin-right: 1.2em; }
	.user_tab > li > a {
		text-decoration: none !important;
		font-size: .7em;
		-webkit-transition: all ease .3s;
		transition: all ease .3s;
	}
	.user_tab > li > a { color: #fff; opacity: .9; }
	.user_tab > li > a:hover { color: #FC427B; }
	.user_tab > li.active > a { cursor: default; font-size: 1em; opacity: 1; }

	.usinf { list-style: none; padding: 0; margin: 0 0 25px 0; } 
	.usinf li { padding: 12px 0; border-top: 1px solid var(--foni-3); }
	.usinf li:first-child { border-top-width: 0; }

	.ui-c1, .ui-c2 { display: inline-block; vertical-align: top; }
	.ui-c1 { width: 30%; margin-right: 5%; }
	.ui-c2 { font-weight: 600; width: 60%; }

	/* Window user */
	.userinfo { padding-left: 90px; }
	.userinfo .avatar { position: absolute; float: left; margin: 0 0 0 -90px; }
	.userinfo .avatar .cover { width: 60px; height: 60px; }
	.userinfo > ul { list-style: none; padding: 0; margin: 0; }

/* --- Statistics --- */
.stats_head > ul {
	list-style: none;
	padding: 0; margin: 0;
	font-size: 1.25em;
}
	.stats_head > ul > li { margin-top: 15px; padding-left: 30px; }
	.stats_head > ul > li:before {
		content: "";
		float: left;
		margin: 2px 0 0 -30px;
		width: 16px; height: 16px;
		border-radius: 50%;
		background-color:  #3394e6;
	}
	.stats_head > ul > li > b {
		display: block;
		font-size: .8em;
		opacity: .5;
		font-weight: normal;
	}
	.stats_head > ul > li.stats_d:before { background-color: #f6a71a; }
	.stats_head > ul > li.stats_w:before { background-color: #ce3f28; }
	
	.stat_group { margin-bottom: 25px; }
	.stat_group > h5 { margin-top: 0; margin-bottom: 1em; }
	.stat_group > ul { list-style: none; padding: 0; margin: 0; }
	.stat_group > ul > li { padding: .6em 0; border-top: 1px dotted #d5d5d5; }

/* --- Search page --- */
.search_result_num { font-size: .9em; margin: 25px 0 0; }
.search table { width: 100%; border-spacing: 5px; border-collapse: separate; }
#searchtable td, #searchtable td div, #searchtable table { margin: 0 !important; padding: 0 !important; }
	#searchtable td.search br { display: none; }
	td.search .bbcodes { margin: 0 !important; }
	td.search { vertical-align: top; }





.story .title { color:#273C75; margin: 0px 0px 10px 0px; font-size: 22px;font-family: font-2; letter-spacing: -0.5px; }
.story .box_in > .text { font-size: 1.08em; line-height: 25px; color:#4a546e; }
.story .box_in > .text b{ font-family: font-2; }


.box, .comment {
	margin: 0px 0px 20px 10px;
}

.box_in { padding: 4% 5%; }


.eroris-2 {
    margin: 0% 5%;
}

.eroris-5 {
    font-family: font-1;
    font-weight: 600;
    font-size: 15px;
    padding: 0px 0px 0px 0px;
    width: 100%;
    position: relative;
    floaT: left;
    z-index: 1;
    color:#273C75;
}


.eroris-4 {
    font-family: font-4;
    font-size: 18px;
    margin: 5px 0px 7px 0px;
    width: 100%;
    position: relative;
    floaT: left;
    z-index: 1;
    color:#273C75;
}


.eroris-1 {
	background:var(--foni-4);
    font-family: font-1;
    font-size: 15px;
    margin: 0px 0px 20px 10px;
    padding: 7% 0%;
    width: 100%;
    position: relative;
    floaT: left;
    z-index: 1;
    overflow: hidden;
    text-align: center;
    border-radius: 10px;
}


.gd-1.c-vidi-1:hover .c-vidi-4{
	color:#FC427B !important;
}


.gd-1 .c-vidi-4{
    color:#273C75 !important;
}


.gd-1 .c-vidi-3{
    background: var(--foni-4);
    color:#273C75;
    padding: 18px 0px 17px 0px;
    font-family: font-2;
    letter-spacing: -0.5px;
    text-align: center;
}

.gd-1.c-vidi-1 img{
height: 190px;
}

.gd-1.c-vidi-1{
height: 240px;
}





.t-title-2::before {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 11px;
    border-color: rgb(21 39 90 / 0%) rgb(0 8 255 / 0%) rgb(28 30 32 / 0%) #273C75;
    margin: 0px 0px 0px 0px;
    z-indeX: 1;
    top: 20px;
    left: 4px;
}

.t-title-2{
	width: 8px;
	height: 100%;
	position:absolute;
	lefT: 0px;
	top: 0px;
	background: #273C75;
}





.t-title-3 a{
	display: none;
}

.t-title-3{
	padding: 0px 30px;
}


.size.t-title-1{
	position:relative;
	floaT: left;
	padding: 20px 0px;
	margin-top: 20px;
	background:var(--foni-4);
	overflow:hidden;
	border-radius: 10px;
	color:#273C75;
	font-family: font-4;
	font-size: 17px;
}


#pagi-load span{ display: none;}
#pagi-load a span{ display: block; }
#pagi-load span{ float: left;  }
.pagi-load{  text-align: center; font-size:0px;}
.bottom-nav{ margin: 0px 0px 20px 10px; floaT: left; }
.pagi-load a:hover{transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-webkit-transition:all 0.2s ease-in-out;background: #39b0ed;}
.pagi-load a:hover .fa-refresh{transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-webkit-transition:all 0.2s ease-in-out;}
.pagi-load a{border-radius: 5px;transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-webkit-transition:all 0.2s ease-in-out;padding: 0px 32px;display:inline-block;height:50px;line-height:50px;font-size: 16px;letter-spacing: 0.2px;cursor:pointer;color:#ffffff;background: #0097E6;text-align:center;font-family: 'font-4';}

.abc-top{
	overflow:hidden;
	width: 100%;
	position:relative;
	floaT: left;
	margin-top: 20px;
}


.zari-fori-2 input{
	width: 100%;
}


.div-shesvla-12 a:hover{
	color:#FC427B;
}

.div-shesvla-12 a{
	color:#273C75;
}


.div-shesvla-12{
	margin: 18px 0px 0px 0px;
	font-family: font-4;
	float: right;
	color:#273C75;
}


.zari-fori-2 .login_inputs{
	margin-top: 5px;
	float: left;
}



.zari-fori-2{
	margin: 0px 20px;
}

.div-shesvla-10{width:100%;height:40px;line-height:41px;float:left;font-size:13px;margin:0px 0px 20px 0px;}

.div-shesvla-11{float:left;width:100%;margin: 22px 0px 6px 0px;font-size:14px;font-family:font-3; font-weight: 600; }


.zari-fori-1{
	width: 100%;
	floaT: left;
	margin: -10px 0px 35px 0px;
	text-align: left;
	color:#273C75;
	letter-spacing: 0.4px;
}




.zari-ajax-4{
	width: 100%;
	floaT: left;
	margin: 20px 0px 0px 0px;
}


.zari-ajax-04{
	margin: 0px 20px;
}

.zari-pr-3 li a:hover{
	color:#FF2D46;
	-webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
}



.zari-pr-3 li a{
	color:#202e52;
	font-weight: 600;
	-webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
}

.zari-pr-3 li{
	font-size: 14.5px;
	width: 100%;
	float: right;
	position:relative;
	margin-top: 2px;
	margin-bottom: 9px;
}


.zari-pr-3{
	margin-top: 1px;
	text-align: left;
	width: 60%;
	float: right;
	position:relative;
}

.zari-pr-2{
	padding: 0px 10px;
}


.zari-pr-1, .zari-pr-1 img{
	border-radius: 8px;
}


.zari-pr-1 img{
	width: 100px;
	height: 100px;
	float: left;
	position:relative;
	object-fit: cover;
}

.zari-pr-1{
	float: left;
	position:relative;
	border: 2px var(--foni-3) solid;
	padding: 10px 0px;
	margin: 0px 0px 20px 0px;
}



.zari-ajax-2{
    font-size: 16px;
    font-family: font-1;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    color:#4e5c85;
    font-weight: 700;
}


.zari-ajax-1{border:none;background:#ffffff; border-bottom: 1px var(--foni-3) solid !important; color:#222;font-family:font-1;font-size:16px;padding:25px 30px 23px 30px;border:none;text-align:left;}
.img-replace{display:inline-block;overflow:hidden;text-indent:100%;color:transparent;white-space:nowrap;}
.cd-popup{position:fixed;left:0;top:0;height:100%;width:100%;background-color: rgb(8 11 22 / 80%);opacity:0;visibility:hidden;-webkit-transition:opacity 0.3s 0s, visibility 0s 0.3s;-moz-transition:opacity 0.3s 0s, visibility 0s 0.3s;transition:opacity 0.3s 0s, visibility 0s 0.3s;z-indeX: 9999999999;}
.cd-popup.is-visible{opacity:1;visibility:visible;-webkit-transition:opacity 0.3s 0s, visibility 0s 0s;-moz-transition:opacity 0.3s 0s, visibility 0s 0s;transition:opacity 0.3s 0s, visibility 0s 0s;}
.cd-popup-container{position:relative;width: 100%;max-width: 400px;margin:9em auto;overflow:hidden;border-radius:10px;background:var(--foni-4);text-align:center;box-shadow:0 0 20px rgba(255, 255, 255, 0.5);-webkit-transform:translateY(-40px);-moz-transform:translateY(-40px);-ms-transform:translateY(-40px);-o-transform:translateY(-40px);transform:translateY(-40px);-webkit-backface-visibility:hidden;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;transition-property:transform;-webkit-transition-duration:0.3s;-moz-transition-duration:0.3s;transition-duration:0.3s;}
.cd-popup-container .cd-buttons:after{content:"";display:table;clear:both;}
.cd-popup-container .cd-popup-close{position:absolute;top: 0px;right: 19px;width: 30px;height: 69px;}
.cd-popup-container .cd-popup-close::before,
.cd-popup-container .cd-popup-close::after{content:"";position:absolute;top: 35px;width:14px;height:2px;opacity:0.6;background-color:#000;}
.cd-popup-container .cd-popup-close::before{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);left:8px;}
.cd-popup-container .cd-popup-close::after{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);right:8px;}
.is-visible .cd-popup-container{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);}





.footer-14 a:hover{
	-webkit-transition: all .4s; -moz-transition: all .4s; -o-transition: all .4s; transition: all .4s;
	background:#2F4686;
}

.footer-14 a{
	-webkit-transition: all .4s; -moz-transition: all .4s; -o-transition: all .4s; transition: all .4s;
	floaT: right;
	margin: 21px 20px 0px 0px;
	z-index:11;
	position:relative;
	height: 31px;
	line-height: 31px;
	border-radius: 100px;
	font-size: 15px;
	color:#fff;
	font-family: font-3;
	padding: 0px 16px;
}



.footer-12{
	floaT: right;
	margin: 21px 0px 0px 0px;
	z-index:11;
	position:relative;
}





.footer-2 .van-div-2 svg{
   fill: #ffffff;
}

.footer-2 .van-div-2:hover{
	color:#fff;
    background: #3663DD;
      -webkit-transition: all .4s; -moz-transition: all .4s; -o-transition: all .4s; transition: all .4s;
}

.footer-2 .van-div-2{
    background: #2F4686;
      -webkit-transition: all .4s; -moz-transition: all .4s; -o-transition: all .4s; transition: all .4s;
}


.footer-7 a:hover {
  color:#FF2D46;
  -webkit-transition: all .4s; -moz-transition: all .4s; -o-transition: all .4s; transition: all .4s;
}

.footer-7 a{
	-webkit-transition: all .4s; -moz-transition: all .4s; -o-transition: all .4s; transition: all .4s;
	floaT: left;
	margin: 0px 30px 0px 0px;
	font-family: font-1;
	   font-weight: 700;
	letter-spacing: -0.1px;
	font-size: 14.2px;
	color:#566690;
}

.footer-10 a{
	font-family: font-2;
  color:#FF2D46;
}


.footer-11{
   position:relative;
   floaT: left;
}


.footer-10 a:hover {
    text-decoration: none;
    text-decoration: underline;
}

.footer-10{
   position:relative;
   floaT: right;
}


.footer-9{
	font-size: 15px;
		letter-spacing: -0.1px;
   width: 100%;
   position:relative;
   floaT: left;
}



.footer-6{
   width: 100%;
   position:relative;
   floaT: left;
  background: var(--foni-8);
  padding: 27px 0px;
}

.footer-8{
   font-weight: 700;
   background:var(--foni-4);
   width: 100%;
   position:relative;
   floaT: left;
   padding: 20px 0px;
   color: var(--foni-7);
   font-family: 'font-1';
   font-size: 15px;
   letter-spacing: -0.2px;
}



.footer-4{
	margin-top: 23px;
   position:relative;
   floaT: left;
   z-index:1;
}

.footer-3{
	z-index:1;
	margin-top: 22px;
   position:relative;
   floaT: left;
}

.footer-2{
   width: 100%;
   position:relative;
   floaT: left;
}



.footer-5 {
    z-index: 0;
    position: absolute;
    width: 100%;
    margin-top: 13px;
    text-align: center;

}

.footer-1{
   width: 100%;
   height: 75px;
   position:relative;
   background: var(--foni-1);
   floaT: left;
}




.abc-color-9.abc-4::before {
    border-color: #15275A rgb(0 8 255 / 0%) rgb(28 30 32 / 0%) rgb(255 0 0 / 0%);
}

.abc-color-9.abc-4 {
   background: linear-gradient(180deg, #334B8C 0%, #273C75 100%);
}

.abc-color-9.abc-5:hover{
	color:#334B8C;
	border: 2px solid #334B8C;
}

.abc-color-9 .c-vidi-3::before, .abc-color-9 .c-vidi-3::after {
    background:#334B8C;
}


.abc-color-9 .abc-icon-1 {
    width: 21px;
    height: 21px;
    background: url(../images/icon-22.svg) center no-repeat;
    margin: 12.2px 7px 0px 0px;
}

.abc-icon-8.abc-icon-1 {
    width: 21px;
    height: 21px;
    background: url(../images/icon-20.svg) center no-repeat;
    margin: 13px 7px 0px 0px;
}

.abc-icon-7.abc-icon-1 {
    width: 21px;
    height: 21px;
    background: url(../images/icon-19.svg) center no-repeat;
    margin: 13px 7px 0px 0px;
}


.mov-ne-7 span{
	width: 100%;
	floaT: left;
	color: #ABB6DE;
}


.mov-ne-1 .mov-ne-8 img {
   -webkit-transition: all .4s; -moz-transition: all .4s; -o-transition: all .4s; transition: all .4s;
}

.mov-ne-1:hover .mov-ne-8 img {
    -webkit-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3);
    -webkit-transition: all .4s; -moz-transition: all .4s; -o-transition: all .4s; transition: all .4s;
}


.mov-ne-4{
	z-index:0;
	width: 100%;
	floaT: left;
	line-height: 0px;
	position:relative;
	overflow:hidden;
}


.mov-ne-7 {
    margin: 0px 0px 0px 0px;
    line-height: 20px;
    font-size: 13.5px;
    display: table-cell;
    vertical-align: middle;
    padding: 0px 0px 0px 0px;
}

.mov-ne-6 {
	text-align: center;
	padding: 0px 12px;
}

.mov-ne-1:hover .mov-ne-5 {
	-webkit-transition: all .4s; -moz-transition: all .4s; -o-transition: all .4s; transition: all .4s;
	opacity: 9;
   -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}


.mov-ne-5 {
		-webkit-transform: scale(0.1);
    -ms-transform: scale(0.1);
    transform: scale(0.1);
	opacity: 0;
	-webkit-transition: all .4s; -moz-transition: all .4s; -o-transition: all .4s; transition: all .4s;
	margin-top: 0px;
	overflow:hidden;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    color:#fff;
    background: rgba(39, 59, 116, 0.90);
    border-radius: 100%;

}

.mov-ne-3 img{
	width: 30px;
}

.mov-ne-3{
	z-index:1;
	width: 100%;
	position:absolute;
	top: 22px;
	text-align: center;
}


.mov-ne-8 img{
width: 100%;
}

.mov-ne-1, .mov-ne-8 img, .mov-ne-7, .mov-ne-4{
height: 224px;
    object-fit: cover;	
border-radius: 500px;
}

.mov-ne-1{
	width: 204px;
	float: left;
	position:relative;
	overflow:hidden;
	border-radius: 10px;
	margin: 0px 10px 20px 10px;
}



.abc-mov-7 .abc-5 {
   floaT: inherit !important;
   background:var(--foni-4);
      border: 2px solid #E3E6EA;
}


.abc-mov-8{
   width: 210px;
   margin: 14px auto;
}


.abc-mov-7{
   width: 100%;
   height: 75px;
   line-height: 75px;
   text-align: center;
   font-family: font-4;
   position:relative;
   background: #EDEFF6;
   floaT: left;
   font-size: 17px;
   color:#2D3743;
}




.abc-mov-4 {
    width: 21px;
    height: 19px;
    display: inline-block;
    position: relative;
    background: url(../images/icon-21.svg) center no-repeat;
    margin: 0px 0px -4px 0px;
}


.abc-mov-2{
	margin-bottom: 20px;
   width: 100%;
   height: 67px;
   line-height: 67px;
   text-align: center;
   font-family: font-4;
   border-bottom: 1px #DBDDE6 solid;
   position:relative;
   background: var(--foni-6);
   floaT: left;
   font-size: 17px;
   color:#2D3743;
}


.abc-mov-1{
	overflow:hidden;
   width: 100%;
   position:relative;
   background: #151820;
   floaT: left;
}





.abc-color-7.abc-4::before {
    border-color: #148843 rgb(0 8 255 / 0%) rgb(28 30 32 / 0%) rgb(255 0 0 / 0%);
}

.abc-color-7.abc-4 {
   background: linear-gradient(180deg, #22B95E 0%, #1BAB54 100%);
}

.abc-color-7.abc-5:hover{
	color:#1BAB54;
	border: 2px solid #1BAB54;
}

.abc-color-7 .c-vidi-3::before, .abc-color-7 .c-vidi-3::after {
    background:#1BAB54;
}



.abc-color-6.abc-4::before {
    border-color: #689B41 rgb(0 8 255 / 0%) rgb(28 30 32 / 0%) rgb(255 0 0 / 0%);
}

.abc-color-6.abc-4 {
   background: linear-gradient(180deg, #A2E071 0%, #8BC55E 100%);
}

.abc-color-6.abc-5:hover{
	color:#8BC55E;
	border: 2px solid #8BC55E;
}

.abc-color-6 .c-vidi-3::before, .abc-color-6 .c-vidi-3::after {
    background:#8BC55E;
}




.abc-color-4.abc-4::before {
    border-color: #B11B23 rgb(0 8 255 / 0%) rgb(28 30 32 / 0%) rgb(255 0 0 / 0%);
}

.abc-color-4.abc-4 {
   background: linear-gradient(180deg, #FE3844 0%, #DB1F2A 100%);
}

.abc-color-4.abc-5:hover{
	color:#DB1F2A;
	border: 2px solid #DB1F2A;
}

.abc-color-4 .c-vidi-3::before, .abc-color-4 .c-vidi-3::after {
    background:#DB1F2A;
}



.abc-color-3.abc-4::before {
    border-color: #1CA96E rgb(0 8 255 / 0%) rgb(28 30 32 / 0%) rgb(255 0 0 / 0%);
}

.abc-color-3.abc-4 {
   background: linear-gradient(180deg, #2CD08B 0%, #23BF7E 100%);
}

.abc-color-3.abc-5:hover{
	color:#23BF7E;
	border: 2px solid #23BF7E;
}

.abc-color-3 .c-vidi-3::before, .abc-color-3 .c-vidi-3::after {
    background:#23BF7E;
}





.abc-color-2.abc-4::before {
    border-color: #7B2AB9 rgb(0 8 255 / 0%) rgb(28 30 32 / 0%) rgb(255 0 0 / 0%);
}

.abc-color-2.abc-4 {
   background: linear-gradient(180deg, #B75AFF 0%, #A53EF5 100%);
}

.abc-color-2.abc-5:hover{
	color:#A53EF5;
	border: 2px solid #A53EF5;
}

.abc-color-2 .c-vidi-3::before, .abc-color-2 .c-vidi-3::after {
    background:#A53EF5;
}

.sl-tv-8 img{
	width: 60px;
}




.sl-tv-7 .sl-tv-11 h2{
   -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s;
}


.sl-tv-13{
   -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s;
}


.sl-tv-7:hover .sl-tv-11 h2{
   color:#0097E6;
   -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s;
}


.sl-tv-13:hover{
	background: var(--foni-18);
   color:#fff;
   -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s;
}




.abc-icon-6.abc-icon-1 {
    width: 21px;
    height: 21px;
    background: url(../images/icon-16.svg) center no-repeat;
    margin: 12px 7px 0px 0px;
}


.sl-tv-1 .slick-next:before{
	width: 100%;
	height: 100%;
	background: url(../images/icon-17.svg) center  no-repeat;
	content: "";
	position:absolute;
	lefT: 0px;
}

.sl-tv-1 .slick-prev:after{
	width: 100%;
	height: 100%;
	background: url(../images/icon-18.svg) center  no-repeat;
	content: "";
	position:absolute;
	lefT: 0px;
}


.sl-tv-4 .slick-next{
	right: 5px;
	background: var(--foni-1);
}


.sl-tv-1 .slick-prev{
	right: 55px !important;
	lefT: auto;
	background: var(--foni-13);
}

.sl-tv-1 .slick-prev, .sl-tv-4 .slick-next{top: 0px !important; border-radius: 10px; }


.sl-tv-4{
   position:relative;
   floaT: left;
   margin: 0px 0px 0px -10px;
}



.sl-tv-9{
	-webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;
    position: absolute;
    left: 50%;
    top: 55%;
    -webkit-transform: translate(-50%, -50%) scale(1);
    -ms-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
    opacity: 9;
    width: 70px;
    height: 70px;
    text-align: center;
    z-index:1;
}


.sl-tv-11{
   margin: 0px 10px;
}

.sl-tv-10 h2{
   width: 100%;
   padding: 0px;
   font-size: 13px;
   font-family: font-2;
   letter-spacing: -0.2px;
   margin: 0px;
   line-height: 47px;
   position:relative;
   floaT: left;
   overflow:hidden;
   color:#BCC6E2;
}


.sl-tv-10{
   width: 100%;
   height: 47px;
   line-height: 47px;
   position:relative;
   floaT: left;
   overflow:hidden;
   border-top: 1px #334063 solid;
}


.sl-tv-8{
   width: 100%;
   height: 115px;
   position:relative;
   floaT: left;
   overflow:hidden;
}

.sl-tv-7{
	position:relative;
	width: 190px;
   floaT: left;
   margin: 0px 0px;
}


.sl-tv-13{
   background: var(--foni-17);
   position:relative;
   margin: 70px 10px 0px 10px;
   border-radius: 10px;
   overflow:hidden;
   text-align: center;
   color:#fff;
}




.sl-tv-3{
   width: 100%;
   position:relative;
   floaT: left;
   margin: -44px 0px 0px 0px;
}


.sl-tv-2{
   width: 100%;
   position:relative;
   overflow:hidden;
   floaT: left;
   margin: 0px 0px 0px 0px; 
}



.sl-tv-1{
   width: 100%;
   position:relative;
	overflow:hidden;
   floaT: left;
   padding: 20px 0px 25px 0px;
   margin: 0px 0px 0px 0px; 
   background: var(--foni-15) url(../images/bg-2.svg) center  no-repeat !important;
}


.c-vidi-1:hover .c-vidi-flay, .abc-color-01 .c-vidi-1:hover .kut-c-vidi-flay{
    background: #DB1F2A url(../images/icon-24.svg) center no-repeat;
    box-shadow: 0px 0px 0px 6px rgb(0 0 0 / 40%);
    -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;
}


.c-vidi-1 .c-vidi-flay, .abc-color-01 .kut-c-vidi-flay{
	-webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;
    position: absolute;
    left: 50%;
    top: 36%;
    -webkit-transform: translate(-50%, -50%) scale(1);
    -ms-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
    opacity: 9;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 70px;
    background: #DB1F2A url(../images/icon-24.svg) center no-repeat;
    box-shadow: 0px 0px 0px 0px rgb(0 0 0 / 0%);
    border-radius: 50%;
    z-index:1;
}




.abc-div-3.abc-2{
	float: right;
}

.baner-1 img{
	width: 100%;
	floaT: left;
	position:relative;
	line-height: 0px;
}

.baner-1{
	width: 100%;
	floaT: left;
	position:relative;
	margin-bottom: 20px;
}


.abc-9, .abc-8, .abc-div-2.abc-2, .abc-div-3.abc-2{
   width: 540px;
}

.abc-div-1{
	width: 100%;
	floaT: left;
	position:relative;
	overflow:hidden;
}


.abc-icon-5.abc-icon-1 {
    width: 21px;
    height: 21px;
    background: url(../images/icon-15.svg) center no-repeat;
    margin: 13px 7px 0px 0px;
}

.abc-icon-4.abc-icon-1 {
    width: 20px;
    height: 20px;
    background: url(../images/icon-14.svg) center no-repeat;
    margin: 13px 7px 0px 0px;
}

.abc-icon-3.abc-icon-1 {
    width: 21px;
    height: 21px;
    background: url(../images/icon-13.svg) center no-repeat;
    margin: 12px 7px 0px 0px;
}

.abc-02 .abc-9{
   width: 100%;
}


.c-vidi-1:hover .c-vidi-4{
	color:#ffffff;
    -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s;
}


.c-vidi-4{
	color:#d1d7eb;
    padding: 0px 20px;
    -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s;
}


.abc-color-1 .c-vidi-3::before, .abc-color-1 .c-vidi-3::after {
    background:#0097E6;
}

.c-vidi-1:hover .c-vidi-3::after, .c-vidi-1:hover .c-vidi-3::before{
    width: 50%;
-webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s;
}


.c-vidi-3::after{
-webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s;
    content: '';
    position: absolute;
    width: 0%;
    height: 3px;
    margin: 0px 0px 0px 0px;
    z-indeX: 1;
    top: 0px;
    right: 0px;
}

.c-vidi-3::before {
	-webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;
    content: '';
    position: absolute;
    width: 0%;
    height: 3px;
    margin: 0px 0px 0px 0px;
    z-indeX: 1;
    top: 0px;
    left: 0px;
}



.c-vidi-1 img {
		object-fit: cover;
	width: 100%;
    -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;
}

.c-vidi-1:hover img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s;
}



.abc-8 .c-vidi-4{
    padding: 0px 33px;
}



.abc-8 .c-vidi-3{
    padding: 27px 0px;
    font-size: 18px;
    line-height: 24px;
}


.abc-8 .c-vidi-1{
    font-size: 20px;
    font-family: font-2;
    font-size: 15px;
}


.abc-10{
	width: 105%;
	margin: 0px 0px 0px -10px;
	floaT: left;
}


.abc-8 .c-vidi-1{
	width: 100%;
	margin: 0px 0px 0px 0px;
}

.abc-8 .c-vidi-1, .abc-8 .c-vidi-1 img{height: 445px;}


.c-vidi-3{
    widtH: 100%;
    float: left;
    position: absolute;
    overflow:hidden;
    border-radius: 0px;
    padding: 0px 0px 15px 0px;
    background: rgba(12, 18, 34, 0.85);
    z-index:1;
    line-height: 17px;
    color:#fff;
    bottom: 0px;
    padding: 18px 0px 17px 0px;
    font-size: 13.5px;
}

.c-vidi-1, .c-vidi-1 img{
height: 213px;
}

.c-vidi-1{
	width: 260px;
	float: left;
	position:relative;
	overflow:hidden;
	border-radius: 10px;
	margin: 0px 10px 20px 10px;
}


.c-vidi-001 a:hover {
    text-decoration: none;
    text-decoration: underline;
}
.c-vidi-001 a{
	color:#fff;
}
.c-vidi-001 {
	color:#a5a0a0;
	letter-spacing: -0.3px;
    float: left;
    position: absolute;
    overflow:hidden;
    background: rgba(12, 18, 34, 0.85);
    z-index:11;
    line-height: 20px;
    margin: 22px 0px 0px 22px;
    padding: 10px 19px;
    font-size: 12.5px;
    border-radius: 100px;
    font-family: font-1;
}


.c-vidi-01 a:hover {
    text-decoration: none;
    text-decoration: underline;
}

.c-vidi-01 a{
	letter-spacing: -0.3px;
    float: left;
    position: absolute;
    overflow:hidden;
    background: rgba(12, 18, 34, 0.85);
    z-index:11;
    line-height: 20px;
    color:#fff;
    margin: 22px 0px 0px 22px;
    padding: 10px 19px;
    font-size: 13px;
    border-radius: 100px;
    font-family: font-1;
}


.abc-9{
   position:relative;
   overflow:hidden;
   floaT: right;
}

.abc-8{
   position:relative;
   floaT: left;
}



.abc-7 img{
   width: 100%;
   floaT: left;
   line-height: 0px;
   font-size: 0px;
   object-fit: cover;
}

.abc-7{
   width: 100%;
   position:relative;
   floaT: left;
}



.abc-icon-2 {
    width: 25px;
    height: 25px;
    position: relative;
    background: var(--foni-3) url(../images/icon-11.svg) 8px 7.3px no-repeat;
    margin: 9px 7px 0px 10px;
    border-radius: 100px;
    floaT: right;
}

.abc-5:hover{
	color:#0097E6;
	border: 2px solid #0097E6;
	transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;
}

.abc-mov-1 .abc-5{
	margin-top: 10px;
}


.abc-5 {
	transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-webkit-transition:all 0.3s ease-in-out;
	color: #77828F;
	font-family: font-4;
	position:relative;
	floaT: right;
	margin: 0px 0px 0px 0px;
	border: 2px solid var(--foni-3);
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	border-radius: 100px;
	height: 47px;
	line-height: 45.6px;
	padding: 0px 5px 0px 20px;
	font-size: 14px;
}



.abc-4::before {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 11px;
    border-color: #0888CA #0008ff00 #1c1e2000 #ff000000;
    margin: 0px 0px 0px 0px;
    z-indeX: 1;
    bottom: -22px;
    left: 0px;
}

.abc-icon-1 {
    width: 21px;
    height: 19px;
    float: left;
    position: relative;
    background: url(../images/icon-12.svg) center no-repeat;
    margin: 14px 7px 0px 0px;
}


.abc-4 {
	z-index:1;
	color:#fff;
   font-family: font-4;
   position:relative;
   floaT: left;
   margin: 0px 0px 0px 0px; 
   background: linear-gradient(180deg, #18ACFA 0%, #0097E6 100%);
   border-radius: 100px 100px 100px 0px;
   height: 47px;
   line-height: 47px;
   padding: 0px 30px 0px 20px;
   font-size: 16px;
}



.abc-3{
   width: 100%;
   position:relative;
   floaT: left;
   margin: 0px 0px 20px 0px; 
}


.abc-2{
	overflow:hidden;
   width: 100%;
   position:relative;
   floaT: left;
}


.abc-1{
	overflow:hidden;
	z-index:0;
	padding-top: 20px;
   width: 100%;
   position:relative;
   background: var(--foni-4);
   floaT: left;
}





.sl-news-1 img {
    -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;
}

.sl-news-1:hover img {
    -webkit-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.05);
    -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;
}

.sl-news-3 a{
	transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;
}

.sl-news-1:hover .sl-news-3 h2 a{
	color:#0097E6;
	transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;
}



.sl-hd-11:hover .sl-hd-12, .sl-hd-a.sl-hd-11 .sl-hd-12 {
    -webkit-transform: translate(-50%, -50%) scale(1);
    -ms-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(0.85);
    opacity: 1;

    transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;
}

.sl-hd-12 {
    position: absolute;
    left: 50%;
    top: 50%;
    color: #f8f9fa;
    -webkit-transform: translate(-50%, -50%) scale(0.5);
    -ms-transform: translate(-50%, -50%) scale(0.5);
    transform: translate(-50%, -50%) scale(0.5);
    transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;
    opacity: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    line-height: 70px;
    background: rgb(21 101 192 / 90%) url(../images/icon-6.svg) center no-repeat;
    border-radius: 50%;
}

.sl-hd-9 a:hover{
	background: var(--foni-11);
	color:#FC427B;
	transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;
}


.sl-hd-9 a{
	transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-webkit-transition:all 0.3s ease-in-out;
	border-radius: 0px;
	background: var(--foni-10);
	padding: 12px 35px;
	color: #ffffff;
	height: 39px;
	font-family: font-2;
	letter-spacing: -0.4px;
	border-radius: 100px;
}



.sl-hd-9{
	background: var(--foni-9);
	width: 100%;
	line-height: 70px;
	height: 70px;
	font-family: font-4;
	floaT: left;
	border-top: 1px var(--foni-1) solid;
	text-align: center;
	color: #273C75;
	font-size: 16px;
}


.sl-hd-11, .sl-hd-11 img{
	border-radius: 100px;
	object-fit: cover;
	width: 94px;
	height: 94px;
}


.sl-hd-11{
	border-radius: 100px;
	position:relative;
	line-height: 20px;
	floaT: left;
	margin: 0px 10px 20px 10px;
}



.sl-hd-8{
	margin: 0px 0px 0px 10px;
}


.sl-hd-7{
	background: var(--foni-1);
	padding-top: 20px;
	width: 100%;
	line-height: 20px;
	floaT: left;
}



.sl-hd-6{
	width: 100%;
	line-height: 70px;
	height: 70px;
	font-family: font-4;
	floaT: left;
	border-bottom: 0px #3c5391 solid;
	text-align: center;
	background: var(--foni-9);
	color: #fff;
	font-size: 16px;
}




.sl-news-9 {
    width: 6px;
    height: 17px;
    float: right;
    position: relative;
    background: url(../images/icon-8.svg) center no-repeat;
    margin: 5px 0px 0px 5px;
}

.sl-news-7 {
    width: 17px;
    height: 17px;
    float: left;
    position: relative;
    background: url(../images/icon-10.svg) center no-repeat;
    margin: 6px 8px 0px 0px;
}

.sl-news-6 {
    width: 15px;
    height: 17px;
    float: left;
    position: relative;
    background: url(../images/icon-9.svg) center no-repeat;
    margin: 5px 8px 0px 0px;
}

.sl-news-8:hover {
    text-decoration: none;
    text-decoration: underline;
}


.sl-news-8 {
	font-family: font-4;
    float: right;
    position: relative;
    font-size: 14px;
    color:#fff;
}


.sl-news-05 {
    float: left;
    position: relative;
    font-size: 14px;
    margin-lefT: 60px;
}


.sl-news-5 {
    float: left;
    position: relative;
    font-size: 14px;
}



.sl-news-4 {
	color:#CDCBCB;
    float: left;
    position: relative;
    widtH: 100%;
    font-family: font-3;
    padding: 0px 0px;
    font-size: 14px;
}



.sl-news-3 h2 {
    float: left;
    position: relative;
    widtH: 100%;
    font-family: font-2;
    margin: 0px 0px 12px 0px;
    padding: 20px 0px 20px 0px;
    font-size: 16px;
    letter-spacing: -0.5px;
    border-bottom: 1px rgba(255, 255, 255, 0.2) solid;
}

.sl-news-02 a:hover {
    text-decoration: none;
    text-decoration: underline;
}

.sl-news-02 a{
	color:#ffffff;
}

.sl-news-02{
	letter-spacing: -0.3px;
    float: left;
    position: absolute;
    overflow:hidden;
    background: rgba(12, 18, 34, 0.85);
    z-index:11;
    line-height: 20px;
    color:#fff;
    margin: 30px 0px 0px 30px;
    padding: 10px 19px;
    font-size: 13px;
    border-radius: 100px;
    font-family: font-1;
}


.sl-news-3{
	padding: 0px 25px;
}



.sl-news-2 a{
    color:#fff;
}


.sl-news-2{
    widtH: 100%;
    float: left;
    position: absolute;
    overflow:hidden;
    border-radius: 0px;
    padding: 0px 0px 15px 0px;
    background: rgba(12, 18, 34, 0.85);
    z-index:11;
    line-height: 30px;
    color:#fff;
    bottom: 0px;
}


.sl-news-1{
    widtH: 100%;
    float: left;
    position: relative;
    overflow:hidden;
    border-radius: 0px;
    padding: 0px 0px;
}



.sl-hd-5{
    float: right;
    position: relative;
    overflow:hidden;
    widtH: 590px;
    border-radius: 10px;
    padding: 0px 0px;
}



.sl-hd-3 img, .sl-hd-3, .sl-news-1, .sl-news-002{
	object-fit: cover;
	line-height: 0px;
	height: 390px;
	floaT: left;
}

.sl-hd-3 img, .sl-news-002{
    width: 100%;
    line-height: 0px;
    floaT: left;
}

.sl-hd-3 {
    float: left;
    position: relative;
    overflow:hidden;
    widtH: 490px;
    border-radius: 10px;
    padding: 0px 0px;
}



.sl-hd-2 {
    float: left;
    position: relative;
    widtH: 100%;
    padding: 20px 0px;
}


.sl-hd-1 {
    float: left;
    position: relative;
    widtH: 100%;
    margin-bottom: 0px;
    background: #F4F6FD url(../images/bg-1.svg) center  no-repeat !important;
}






.van-prof-4{
	float: left;
	margin: 0px 0px 0px 0px;
	position:absolute;
	width: 11px;
height: 11px;
right: -2px;
top: 44px;
border-radius: 100px;
background: #67C03D;
border: 4px solid var(--foni-1);
}


.van-div-l{
	color:#3663DD;
	line-height: 30px;
	float: left;
	font-family:font-3;
}


.van-prof-3 img{
	width: 35px;
	height: 35px;
	border-radius: 100px;
	margin: 20px 0px 0px 0px;
	line-height: 60px;
}

.van-prof-3{
		height: 76px;
		overflow:hidden;
		line-height: 76px;
		float: left;
		margin: 0px 0px 0px 0px;
		position:relative;
}
.van-prof-2:hover {
		 -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
	color:#0097E6;
}

.van-prof-2{
		 -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
	float: left;
	font-family:font-4;
	color:#1E2F5E;
	border-lefT: 1px var(--foni-5) solid;
	padding: 0px 20px 0px 25px;
}


.van-prof-1{
	z-index:0;
		height: 60px;
		overflow:hidden;
		position: absolute;
		line-height: 60px;
		float: right;
		margin: 0px 0px 0px -90px;
}


.van-div-2{
	float: left;
	color: #3663DD;
}


.van-div-3{
	height: 76px;
	overflow:hidden;
	position:relative;
	line-height: 76px;
	display: inline-block;
	float: left;
	color: #3663DD;
}




    .search-wrapper .input-holder {
        transition: all .2s ease-in-out;
    }

    .search-wrapper.active .input-holder .search-input {
        transform: translate(0,0px);
    }



.svg-menu-1 path{
    fill: #A4C4FF;
    }


.svg-menu-1 svg{
    width: 100%;
    }

.svg-menu-1 svg{
    fill: #fff;
    width: 11px;
    height: 6px;
    margin: -0px 0px 0px 3px;
    position:relative;
   top: -3px;
}


.van-div-10{
	floaT: right;
	position:relative;
}

.van-div-9{
	-webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
	position:relative;
	width: 20px;
	height: 20px;
	floaT: right;
	margin: 5px 22px 0px 0px;
	background: #273C75 url(../images/icon-4.svg) center no-repeat;
	border-radius: 100px;
}




.van-div-7{
    cursor: pointer;
    overflow:hidden;
    width: 53px;
    height: 30px;
    line-height: 30px;
    floaT: right;
    position:relative;
    margin: 24px 0px 0px 8px;
    border-radius: 100px;
    background: #375199;
    text-align: center;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
}


.van-div-8{
    margin: 0px 5px;
}




.van-div-3 button{
    floaT: right;
    background:rgb(255 255 255 / 0%);
    border:0;
}



.mobm-1{
display: none !important;
}


#cssmenu ul svg {
  fill:#fff;
}


#cssmenu ul .menu-a::before, #cssmenu ul .menu-a::after {
    width: 10px;
}


#cssmenu > ul > .home-svg-1 svg{
    width: 19px;
    height: 19px;
    margin: -3px 0px -5px 0px;
    position:relative;
    floaT: left;
    }

.van-div-1:hover .van-div-2 svg{
   fill: #fff;
    -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
}

.van-div-01.van-div-2 svg{
    -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
}

.van-div-1:hover .van-div-2{
   background: #3663DD;
   -webkit-transition: all .2s;
   -moz-transition: all .2s;
   -o-transition: all .2s;
   transition: all .2s;
}


.swore-1{
    floaT: left;
    background: rgb(238 238 238 / 0%);
    z-indeX:0;
    width: 100%;
    position:absolute;
    text-align: center;
    left: 0px;
    height: 30px;
}

.van-div-2 svg{
   fill: #3663DD;
}

.van-div-03.van-div-2{
    line-height: 36px;
}

.van-div-2{
    overflow:hidden;
    width: 32px;
    height: 32px;
    line-height: 34px;
    floaT: left;
    position:relative;
    margin: 0px 12px 0px 0px;
    border-radius: 100px;
    background: #DAE3FA;
    text-align: center;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
}


.van-div-1{
    floaT: left;
    position:relative;
    margin-top: 15px;
}







.search-wrapper.search-wrap.hidden.active{
	animation:fade_in_show 0.2s}
	@keyframes fade_in_show{0%{opacity:0;transform:scale(0)}
	100%{opacity:1;transform:scale(1)}
}

.search-wrapper .input-holder .search-icon:hover {
-webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;
}

.search-wrapper .input-holder .search-icon {
-webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;
}



.search-wrapper.search-wrap.hidden.active{
	height: 76px;
	padding: 0px 0px 0px 0px;
	margin-top: 0px;
}


.search-wrapper {
	z-indeX: 9999;
	position: absolute;
	top: 0px;
	right: 0px;
	}


    .search-wrapper .input-holder {
		overflow:hidden;
		lefT: -40px;
		height: 76px;
		width: 40px;
		position: absolute;
		}


    .search-wrapper.active .input-holder {
		height: 76px;
		lefT: -410px;
		width: 410px;
		background: #314889;
		z-index:1;
		top: 0px;
		border-radius: 0px !important;
		}




    .search-wrapper .input-holder .search-input {
		
    	width: 0px;
    	height: 76px;
    	padding: 0 0px 0 0px;
    	opacity: 0;
    	position: absolute;
    	top: 0;
    	left: 0;
    	background: 0 0;
    	box-sizing: border-box;
    	border: none;
    	outline: none;
    	font-family: font-2;
    	font-size: 14px;
    	line-height: 20px;
    	color: #eceeff;
    }

    .search-wrapper.active .input-holder .search-input {
    	width: 350px;
    	padding: 0px 0px 0px 25px;
    	opacity: 1;
    }

    .search-wrapper.active .input-holder .search-icon {
		margin-right: 45px;
    }

    .search-wrapper .input-holder .search-icon {
		top: 18px;
    	opacity:0;
    	width: 40px;
    	height: 40px;
    	margin-top: 0px;
    	border: none;
    	border-radius: 0px;
    	padding: 0;
    	outline: none;
    	position: relative;
    	z-index: 11;
    	float: right;
    	cursor: pointer;
  }

 .search-wrapper .input-holder .search-icon:hover::before {
    background-color: #4c66ad;
	 -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
}


 .search-wrapper .input-holder .search-icon::before {
	 -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
    border-radius: 5px;
    lefT: 0px;
    width: 100%;
    height: 100%;
    bottom: 0px;
    position: absolute;
    background: #3F5797 url(../images/icon-3.svg) center  no-repeat;
    content: "";
}

.search-wrapper.active .input-holder .search-icon::before {
		display: none;
    }


.q_search input::placeholder {
    color: #ffffff;
}

    .search-wrapper .input-holder .search-icon:hover {
    	background: var(--foni-14);
    }


    .search-wrapper .input-holder .search-icon {
         background: var(--foni-1);
    	opacity: 1;
        border-radius: 5px;
        z-index:9999;
    }

    .search-wrapper.active .input-holder .search-icon {
    	opacity: 9;
        background: url(../images/search-1.svg) center no-repeat;
        z-index:9999;
        display: none;
    }

    .search-wrapper .input-holder .search-icon span {
        width: 22px;
        height: 22px;
        display: inline-block;
        vertical-align: middle;
        position: relative;
    }

    .search-wrapper.active .input-holder .search-icon span {
		opacity: 0;
		}

    .search-wrapper .input-holder .search-icon span::before,.search-wrapper .input-holder .search-icon span::after {
        position: absolute;
        content: '';
    }

    .search-wrapper .input-holder .search-icon span::before {
        width: 4px;
        height: 14px;
        left: 22px;
        top: 8px;
        border-radius: 5px;
        transform: rotate(-85deg);
    }

    .search-wrapper .input-holder .search-icon span::after {
        width: 14px;
        height: 14px;
        left: 0;
        top: 0;
        border-radius: 16px;
    }

    .search-wrapper .close {
		opacity:0;
		position: absolute;
		z-index: 1;
		top: 28px;
		right: 16px;
		width: 20px;
		height: 20px;
		cursor: pointer;
		transform: rotate(45deg);
		}

    .search-wrapper.active .close {
		transform: rotate(45deg);
        transition: all .6s cubic-bezier(0,.105,.035,1.57);
		opacity:9;
    }

    .search-wrapper .close::before,.search-wrapper .close::after {
        position: absolute;
        content: '';
        background: #ffffff;
        border-radius: 10px;
    }

    .search-wrapper .close::before {
        width: 2px;
        height: 20px;
        left: 9px;
        top: 0;
    }

    .search-wrapper .close::after {
        width: 20px;
        height: 2px;
        left: 0;
        top: 9px;
    }


#cssmenu ul .menu-b a::before {
display: none;
}



.header-2{
    width: 100%;
    height: 60px;
    floaT: left;
    position:relative;
}

#cssmenu ul li a::before {
    width: 1px;
    height: 12px;
    position: absolute;
    background: #41599B;
    content: "";
    right: -1px;
    top: 32px;
}

.header-4 ul li ul li a{
   border-right: 0px #ffffff solid;
   font-family: font-1 !important;
}

.header-4 ul li a{
    letter-spacing:0.4px;
    font-family: font-3 !important;
    border-right: 0px #5d95d9 solid;
    font-size: 15px;
    float: left;
    padding: 33px 20px 32px 20px;
    line-height: 11px;
    position:relative;
}

.header-12 a{
   color:#a5a7b2;
}

#cssmenu ul li ul li::before, #cssmenu ul li ul li::after {
display:none !important;
}

#cssmenu ul li:hover::before, #cssmenu ul li:hover::after {
    width: 10px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

#cssmenu ul li::after {border-radius: 0px;}

#cssmenu ul li::before {
right: 50% !important;
border-radius: 0px 0px 0px 0px;
}

#cssmenu ul li::before, #cssmenu ul li::after {
    width: 0%;
    height: 5px;
    bottom: -0px;
    position: absolute;
    background: #FC427B;
    content: "";
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

#cssmenu ul li::after {
    right: 50% !important;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

#cssmenu ul li::before {
    left: 50%;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

#cssmenu{margin-right: 95px;floaT: right;padding:0;line-height:1;display:block;position:relative;font-family:font-1;box-sizing:content-box;}
#cssmenu ul{list-style:none;margin: 0px 0px -1px 0px;padding: 0px 0px 0px 0px;display:block;float: right;}
#cssmenu ul li{    margin: 0px 0px;  padding:0px 0px; display:block;position:relative;}
#cssmenu ul li a{  text-decoration:none;display:block;margin:0;-webkit-transition:color .1s ease;-moz-transition:color .1s ease;-ms-transition:color .1s ease;-o-transition:color .1s ease;transition:color .1s ease;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
#cssmenu ul li ul{ position:absolute;left:-9999px;top: 76px;}
#cssmenu ul li ul li{
border-left: 0px #eee solid !important;
max-height:0;
position:absolute;
-webkit-transition:max-height 0.1s ease-out;
-moz-transition:max-height 0.1s ease-out;
-ms-transition:max-height 0.1s ease-out;
-o-transition:max-height 0.1s ease-out;transition:max-height 0.1s ease-out;
}

#cssmenu.align-right ul li ul li.has-sub:after{right:auto;left:15px;}
#cssmenu.align-right ul li ul li.has-sub:before{right:auto;left:15px;border-left-color:transparent;border-right-color:#fff;}
#cssmenu ul li ul li a{ font-family: font-4 !important;  -webkit-transition: all .1s;-moz-transition: all .1s;-o-transition: all .1s;transition: all .1s; border-bottom: 1px #eee solid;display: inline-block;font-size: 15px;opacity: 1; font-family:font-2;font-size: 14px;font-weight:400;text-transform:none;letter-spacing:0;display:block;width:280px;padding: 19px 10px 19px 20px;}
#cssmenu ul li ul li:hover > a, #cssmenu ul li ul li.active > a{ -webkit-transition: all .1s;-moz-transition: all .1s;-o-transition: all .1s;transition: all .1s;  color: #FC427B; !important;background: rgb(45 48 62 / 3%);}
#cssmenu ul li ul li:hover:after,
#cssmenu ul li ul li.active:after{background:#2196f3;}
#cssmenu ul li ul li:hover > ul{  background: #191a21;border-top: 0px solid #191a21;border-bottom: 0px solid #191a21;border-left: 0px solid #eee;border-right: 0px solid #eee;left:100%;top: 0px;}
#cssmenu ul li ul li:hover > ul > li{max-height:72px;position:relative;}
#cssmenu > ul > li{float:left;}
#cssmenu.align-center > ul > li{float:none;display:inline-block;}
#cssmenu.align-center > ul{text-align:center;font-size:0;}
#cssmenu.align-center ul ul{text-align:left;}
#cssmenu.align-right > ul{float:right;}
#cssmenu.align-right > ul > li:hover > ul{left:auto;right:0;}
#cssmenu.align-right ul ul li:hover > ul{right:100%;left:auto;}
#cssmenu.align-right ul ul li a{text-align:right;}
#cssmenu > ul > li:hover > a,
#cssmenu > ul > li.active > a{color: #FC427B;position:relative;z-index:9999;cursor:pointer;-webkit-transition: all .3s;-moz-transition: all .3s;-o-transition: all .3s;transition: all .3s;}
#cssmenu > ul > li > a,
#cssmenu > ul > li.active > a{
    color:#fff;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;

}


.darken #cssmenu > ul > li:hover > ul a{ color: #9ca1af; }

.darken  #cssmenu ul li ul li a{
	border-bottom: 1px #2b3349 solid
}


#cssmenu > ul > li:hover > ul a{opacity:9;font-size: 14px;color: #3D4865;left:0;}
#cssmenu > ul > li:hover > ul{left: -175px;}
#cssmenu > ul > li:hover > ul > li{display: inline-block;z-index:999999;max-height: 47px;position:relative;}
#cssmenu #menu-button{display:none;}
#cssmenu > ul > li > a{display:block;}
#cssmenu > ul > li{width:auto;}
#cssmenu > ul > li > ul{border-radius: 0px 0px 5px 5px;overflow:hidden;background: #ffffff;box-shadow: 0px 5px 10px 0px rgb(0 0 0 / 10%);font-family:font-2;width:280px;display:block;}

.header-03.header-3 {
    position: fixed;
    top: 0px !important;
    margin-top: 0px;
    box-shadow: 0px 4px 4px rgb(0 0 0 /8%);
    z-index:9;
}

.header-3 {
    z-index: 11;
    float: left;
    position: relative;
    margin-top: 0px;
    widtH: 100%;
    background: var(--foni-1);
    line-height: 50px;
}


.logo-1 img{
    widtH: 100%;
    line-height: 0px;
    float: left;
    position: relative;
}


.logo-2 svg{
    line-height: 0px;
    width: 280px !important;
	height: 55px;
    float: left;
    position: relative;
}

.logo-1 {
    width: 280px;
	height: 30px;
    margin: 10px 0px 0px 0px;
    float: left;
    position: relative;
}


.header-1 {
    float: left;
    position: relative;
    widtH: 100%;
    height: 60px;
    background:var(--foni-4);
    line-height: 60px;
}

.divi-slaider-bg {
    float: left;
    position: relative;
    widtH: 100%;
    color: #000;
    z-index:1;
    margin-bottom: 20px;
}


/*-- slaider --*/


.slick-next:before{
	width: 100%;
	height: 100%;
	background: url(../images/icon-6.svg) center  no-repeat;
	content: "";
	position:absolute;
	lefT: 0px;
}

.slick-prev:after{
	width: 100%;
	height: 100%;
	background: url(../images/icon-7.svg) center  no-repeat;
	content: "";
	position:absolute;
	lefT: 0px;
}


.slick-disabled.slick-prev, .slick-disabled.slick-next {
    opacity: 0.5 !important;
}


.slick-slider{overflow:hidden;position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent;}
.slick-list{border-radius: 3px;position:relative;display:block;overflow:hidden;margin:0;padding:0;}
.slick-list:focus{outline:none;}
.slick-list.dragging{cursor:pointer;cursor:hand;}
.slick-slider .slick-list{-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}
.slick-loading .slick-track{visibility:hidden;}
.slick-slide{display:none;float:left;height:100%;min-height: 0px;}
.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent;}
.slick-arrow.slick-hidden{display:none;}
.slick-prev,
.slick-next{border:none;outline:none;}
.slick-initialized .slick-slide{display:block;}
.slick-prev:after{right:0px;top:0px;}
.slick-dots{padding-bottom: 2px !important;bottom:20px;width:100% !important;position:absolute;display: none !important;padding:0;margin:0;list-style:none;text-align:center;z-index:9;}
.slick-dots .slick-active{background: #2196f3;border-radius:100px;}
.slick-next{right:25px;floaT:left;border-radius:5px;background: rgb(0 0 0 / 70%);font-size:0px !important;z-index:1;line-height:40px;position:absolute;display:block !important;width: 40px;height: 40px;padding:0;cursor:pointer;}
.shefi-8 .slick-prev:hover{transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;box-shadow:0px 2px 5px 0px #0000001f;}
.slick-prev,.slick-next{top: 40% !important;}
.slick-prev{background:rgb(0 0 0 / 60%);lefT: 25px;floaT:left;border-radius:5px;font-size:0px !important;z-index: 1;line-height:50px;position:absolute;display:block !important;width: 40px;height: 40px;padding:0;cursor:pointer;}
.slick-dots li{display: none !important;background: #ffffff;border-radius:10px;position:relative;display:inline-block;width:15px;height:15px;margin:0 9px;padding:0;cursor:pointer;}
.slick-dots li button{font-size:0;line-height:0;display:block;width:10px;height:10px;padding:5px;cursor:pointer;color:transparent;border:0;outline:none;background:transparent;}
/*-- slaider --*/
}





@media (min-width:1220px) and (max-width:90000000px){
.logo-2 h1{
	display: none;
}

.ms-sl-1 .tvicon-1 .abc-icon-6.abc-icon-1 {
    background: url(../images/mp4.svg) center no-repeat;
	background-size: 18px;
    margin: 13px 7px 0px -4px;
}

.ms-sl-1 .sl-hd-11{
	margin: 0px 5px 20px 5px;
}

.ms-sl-1.sidebari-7 .sl-tv-1{
   padding: 0px 0px 2px 0px;
}


.ms-sl-1 .sl-hd-11, .ms-sl-1 .sl-hd-11 img{
	width: 90px;
	height: 90px;
}


.ms-sl-1 .sl-hd-11{
   margin-top: 70px;
	   padding: 0px 0px 0px 0px;
}

.ms-sl-1.sidebari-7{
   margin: 0px 0px 20px 0px;
}




.qq-uploader .btn{
	width: 200px !important;
	text-align: center;
}


.qq-uploader .btn{
	height: 37px;
	font-size: 14px;
	font-family:font-1;
	font-weight: 600;
	letter-spacing: -0.2px;
}



#f-prc-1 li a:hover{
	color:#FF2D46;
	-webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
}


#f-prc-1 li {
	line-height: 10px;
	width: 100%;
	float: left;
}

#f-prc-1 li a {
	color:#8989a5;
	font-size: 14px;
	font-family:font-1;
	margin: 0px 0px 20px 0px;
}

#f-prc-1 {
	position:relative;
	width: 100%;
	float: left;
	margin: 2px 0px 0px 0px;
	padding-bottom: 8px;
	padding-top: 3px;
}

.zari-pr-3{
	margin-bottom: 20px;
}


.a-autor-7{
	width: 100%;
	floaT: left;
	height: 100%;
	left: 0px;
	top: 0px;
	position:absolute;
}


.a-autor-6{
	position:relative;
}


.a-autor-2 a:hover{
	color: #0097E6;
}

.a-autor-5 a{
	color: #44537e;
}

.a-autor-4{
	color: #273c75;
	font-size:14px;
	font-family:font-3;
}


.a-autor-5{
	letter-spacing: -0.4px;
	z-index:99;
	position:relative;
	width: 100%;
	float: left;
	margin: 0px 0px 0px 0px;
	font-family:font-1;
	font-size:15px;
}
.a-autor-3 a{
	color: #273c75;
	   font-weight: 600;
}

.a-autor-3{
	   font-weight: 700;
	color: #273c75;
	font-size:14px;
	z-index:99;
	position:relative;
	width: 100%;
	float: left;
	margin: 20px 0px 3px 0px;
	font-family:font-3;
	
}

.a-autor-2{
	color: #273c75;
	font-size:15px;
	z-index:99;
	position:relative;
	width: calc(100% - 97px);
	float: right;
	margin: 0 0 0 0px;
	    font-weight: 700;
}

.a-autor-1, .a-autor-1 img{
	width:80px;
	height:80px;
	floaT: left;
	border-radius: 100px;
}




.musig .n-fil.mov-ne-1, .musig .n-fil .mov-ne-8 img, .musig .n-fil .mov-ne-7, .musig .n-fil .mov-ne-4{
height: 154.2px;
}

.musig .n-fil.mov-ne-1{
	width: 154.2px;
}

.musig .abc-mov-4 {
    background: url(../images/mmusic.svg) center no-repeat;
}

.musig.abc-mov-1{
   margin-bottom: 20px;
}



.c-v.c-vidi-001 {
	color:#a5a0a0;
	letter-spacing: -0.3px;
    line-height: 20px;
    margin: 15px 0px 0px 15px;
    padding: 7px 15px;
    font-size: 12px;
}


.abc-mov-3{
	floaT: left;
}


.kino-tab-enn{
	width: 25px;
	margin: 1px 0px -4px 0px;
}


.mus.rec .tvicon-1 .abc-icon-6.abc-icon-1 {
    background: url(../images/mp4.svg) center no-repeat;
	background-size: 18px;
    margin: 12px 7px 0px -1px;
}


.mus.rec  .sl-tv-7:hover .sl-tv-11 h2{
   color:#0097E6;
}


.mus.rec .sl-tv-13{
   background: var(--foni-16) !important;
   color:#fff;
}


.mus.rec.sl-tv-1{
   background: var(--foni-15) url(../images/bg-2.svg) center  no-repeat !important;
}



.abc-top{
	z-index:0;
}

.rec .sl-tv-11{
   margin: 0px 20px;
}


.rec .sl-tv-13{
   background: var(--foni-12) url(../images/bg-2.svg) center  no-repeat !important;
   color:#fff;
}


.rec.sl-tv-1{
	background: var(--foni-4) !important;
}

.rec  .sl-tv-13{
height: 190px;
}

.rec .sl-tv-10 h2{
   width: 100%;
   padding: 22px 0px;
   font-size: 13px;
   font-family: font-1;
   letter-spacing: -0.2px;
   margin: 0px;
   line-height: 20px;
   position:relative;
   floaT: left;
   overflow:hidden;
   color:#ffffff;
}


.rec .sl-tv-10{
   width: 100%;
   height: auto;
   line-height: 20px;
   border-top: 0px #334063 solid;
	position:absolute;
	bottom: 0px;
}


.rec .sl-tv-7{
	width: 246px;
}


.rec  .sl-tv-7:hover .sl-tv-11 h2{
   color:#8BC55E;
}

.rec .sl-tv-9{
	margin-top: 10px;
	width: 85px;
	height: 85px;
}

.rec .sl-tv-8 img{
	width: 85px;
	height: 85px;
	border-radius: 100px;
	object-fit: cover;
}


.rec .tvicon-1 .abc-icon-6.abc-icon-1 {
    background: url(../images/icon-19.svg) center no-repeat;
    margin: 12px 7px 0px -1px;
}



.n-fil .mov-ne-3 img{
	width: 20px;
}


.n-fil.mov-ne-1, .n-fil .mov-ne-8 img, .n-fil .mov-ne-7, .n-fil .mov-ne-4{
height: 183.3px;
}

.n-fil.mov-ne-1{
	width: 183.3px;
}






.mp3 .sl-hd-12 {
    background: rgb(252 66 123 / 90%) url(../images/mp4.svg) center no-repeat;
	background-size: 25px;
    border-radius: 50%;
}

.musge-5{
	color: #ffffff;
}


.musge-3 a{
	color:#fff;
}

.musge-3 a:hover{
	background:#ff5d8f;
	-webkit-transition: .3s ease-in-out; transition: .3s ease-in-out;
}

.musge-3 a{
	-webkit-transition: .3s ease-in-out; transition: .3s ease-in-out;
	floaT: left;
	background:#FC427B;
	padding: 0px 20px;
	height: 45px;
	border-radius: 5px;
	line-height: 45px;
	font-family: font-4;
}

.musge-4{
	background: #0097E6;
	floaT: right;
	color:#fff;
	padding: 0px 20px;
	height: 45px;
	border-radius: 5px;
	line-height: 45px;
	font-family: font-3;
	font-size: 14px;
}

.musge-2 {
	padding: 0px 10px;
}

.musge-1 {
    width: 100%;
    floaT: left;
    position: relative;
	margin: 20px 0px 0px 0px;
	border: 1px solid var(--foni-23);
	-webkit-transition: border 0.2s linear 0s; transition: border 0.2s linear 0s;
	-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
	border-radius: 5px;
	padding: 10px 0px;
}

/*-- music--*/

.num-id-1 {
	letter-spacing: -0.3px;
    float: left;
    position: absolute;
    overflow:hidden;
    background: rgba(12, 18, 34, 0.70);
    z-index:11;
    line-height: 20px;
    color:#fff;
    margin: 15px 0px 0px 15px;
    padding: 4px 10px;
    font-size: 13px;
    border-radius: 100px;
    font-family: font-1;
}

.abc-msx-1 .abc-mov-2{
   border-bottom: 1px var(--foni-3) solid;
   background: var(--foni-4);
   color:#2D3743;
}

.abc-msx-1.abc-mov-1{
   background: var(--foni-4);
}


.h-z-1.sl-tv-1{
	height: 256px;
}


.kut-1 .mov-ne-1, .kut-1 .mov-ne-8 img, .kut-1 .mov-ne-7, .kut-1 .mov-ne-4, .kut-1 .mov-ne-5{
border-radius: 10px !important;
}



.cat-user-bg-09 b {
	 font-weight: 600;
    font-family: font-2 !important;
	color:#23335c !important;
	letter-spacing: -0.05em;
}


.cat-user-bg-09 {
	
	color:#475b8d !important;
	 font-weight: 600;
    font-family: font-1 !important;
	
}


.vid-fotbal-1 .cat-user-bg-6{width: calc(100% - 165px);}

.vid-fotbal-1 .cat-user-bg-3, .vid-fotbal-1.cat-user-bg-5, .vid-fotbal-1 .cat-user-bg-5 img{width:140px;height:140px;}

.vid-fotbal-1 img {
    -webkit-transform: scale(0.7);
    -ms-transform: scale(0.7);
    transform: scale(0.7);
    -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s;
}

.vid-fotbal-1 .cat-user-bg-3{
	border: 1px var(--foni-3) solid;
}

.vid-fotbal-1 .cat-user-bg-9{
	display: none;
}



.tvicon-1 .abc-icon-6.abc-icon-1 {
    background: url(../images/icon-14.svg) center no-repeat;
    margin: 13px 7px 0px -4px;
}

.cat-user-bg-1{
	z-indeX:0;
}


.sidebari-5  li:nth-child(4){ display:none !important; }

.container {
	font-family:font-01;
}


.s-ss.sl-hd-11 .sl-hd-12{
    -webkit-transform: translate(-50%, -50%) scale(1);
    -ms-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(0.85);
    opacity: 1;
}


.abc-color-2 .kut-c-vidi-flay{
    background: rgb(183 90 255 / 60%) url(../images/icon-24.svg) center no-repeat;
}


.kut-c-vidi-flay{
    position: absolute;
    right: 15px;
    top: 15px;
    opacity: 9;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 70px;
    background: rgb(0 0 0 / 60%) url(../images/icon-24.svg) center no-repeat;
    box-shadow: 0px 0px 0px 0px rgb(0 0 0 / 0%);
    border-radius: 7px;
    z-index:1;
}


.sidebari-7 .sl-tv-7{
	width: 100%;
}


.sruli-20{
	font-size: 0px;
}


.video-container {
    width: 100%;
    floaT: left;
    position: relative;
}

.div-full-4  {
    width: 100%;
    floaT: left;
    position: relative;
}




.div-video-iframe-03{
	width: 100%;
	position:relative;
	floaT: left;
	margin-bottom: 20px;
}

.video_reclam {
    width: 100%;
    height: 100%;
    background: #273C75;
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1;
}
.video_reclam .start_video svg {
    cursor: pointer;
}
.video_reclam video {
    margin-top: 9px;
    max-width: 100%;
    max-height: 100%;
}
.video_reclam .start_video {
        cursor: pointer;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    background: rgb(8 13 43 / 10%) url(../images/video-play-button.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 15%;
}
.video_reclam button {
    position: absolute;
    bottom: 20px;
    right: 20px;
    padding: 15px;
    border: none;
    color: #ffffff;
    border-radius: 5px;
    cursor: pointer;
    font-family: font-1;
    background-color: #273C75;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    display: none;
    z-index: 1;
}





.notic-1{
	width: 100%;
	floaT: left;
	margin-bottom: 20px;
}


.liv-div-07 img{
    width: 55px;
}



.liv-div-07{
    position: absolute;
    top: 41%;
    left: 0;
    width: 100%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 2;
}


.liv-div-7{
	width: 100%;
	floaT: left;
	text-align: center;
}

.liv-div-3 .liv-div-6{
	font-family: font-2;
	top: 10px;
	left: 10px;
	floaT: left;
	position: absolute;
	color:var(--foni-19);
	font-size: 13px;
	background:#ffffff;
	padding: 2px 8px 1px 8px;
	border-radius: 100px;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}

.liv-div-3:hover .liv-div-6{color:#ffffff;background: #0097E6;-webkit-transition: all .3s;-moz-transition: all .3s;-o-transition: all .3s;transition: all .3s;}


.liv-div-9{
font-family: font-2;
letter-spacing: -0.2px;
margin: 0px 5px;
}

.liv-div-8{
	width: 100%;
	height: 43px;
	line-height: 43px;
	text-align: center;
	font-family: font-1;
	bottom: 0px;
	floaT: left;
	position: absolute;
	border-top: 1px var(--foni-3) solid;
	color:var(--foni-19);
	font-size: 14px;
}



.liv-div-2{
    margin: 0px -5px;
	width: 102%;
	floaT: left;
}


.liv-div-1{
	width: 100%;
	floaT: left;
	overflow:hidden;
	position:relative;
}

.liv-div-3:hover  span{
            animation: animate  1s linear infinite;
        }
  
        @keyframes animate {
            0% {
                opacity: 0;
            }
  
            50% {
                opacity: 1;
            }
  
            100% {
                opacity: 0;
            }
        }




.liv-div-3 .liv-div-9{
    -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;
}

.liv-div-3:hover .liv-div-9{
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    color: #0097E6;
}


.liv-div-3 img {
    -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;
}

.liv-div-3:hover img {
    -moz-transform: scale(1.07);
    -webkit-transform: scale(1.07);
    -o-transform: scale(1.07);
    -ms-transform: scale(1.07);
    transform: scale(1.07);
    -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;
}

.liv-div-3:hover .liv-div-8{
	-webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;
}

.liv-div-3:hover{
	-webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;
}

.k-katalog-1{width:260px;}

.liv-div-3{width:260px;}

.liv-div-3{
	width:224px;
	height: 170px;
	floaT: left;
	position:relative;
	margin: 0px 10px 20px 10px;
	background: var(--foni-4);
	border-radius: 5px;
	-webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;
}





.tab_container{
	width: 100%;
	float: left;
	position:relative;
	margin: 0px 0px -20px 0px;
}


.tabs li {
    display: inline-block;
    cursor: pointer;
    text-transform: uppercase;
    font-weight: 500;
    -webkit-user-select: none;
    color: #2b2c32;
    opacity: 0.7;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
}

.tabs .active {
    color: #ffffff;
    opacity: 9;
    background: #0097E6;
}

.tabs{width: 100%;floaT: left;position:relative;overflow:hidden;font-family: 'font-4';background:var(--foni-4);border-radius: 5px;}
.tabs li{ border-right: 1px var(--foni-2) solid; float: left;position:relative;display:inline-block;padding: 15px 18px;cursor:pointer;text-transform:uppercase;font-weight:500;-webkit-user-select:none;}
.tabs li:hover{/* color: #ffffff; */opacity: 9;transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;}





.di-left-7 ul li a{
-webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;
}


.di-left-7 ul li:hover a{color: #4290fc;-webkit-transition: all .3s;-moz-transition: all .3s;-o-transition: all .3s;transition: all .3s;}

.di-left-7 ul li .li-left-2 {
box-shadow: 0px 0px 0px 2px rgb(33 150 243 / 0%);
-webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;
}

.di-left-7 ul li:hover .li-left-2 {
	    background: #3e59a1;
-webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;
}




.di-left-7 ul::-webkit-scrollbar-track{background:#223466; border-radius: 100px;position:relative; overflow:hidden;}
.di-left-7 ul::-webkit-scrollbar-thumb{background:#314989; border-radius: 100px;position:relative; overflow:hidden;}
.di-left-7 ul::-webkit-scrollbar{width:7px; border-radius: 100px;position:relative; overflow:hidden;}

.di-left-7 ul{
    width: 100%;
    float: left;
    position: relative;
    overflow-y: auto;
    max-height: 499px;
    color:#fff;
    font-family: font-3;
    font-size: 15px;
    line-height: 20px;
    margin-bottom: 10px;
}



.li-left-2 img{
    width: 17px;
    height: 17px;
}


.li-left-2 {
    width: 30px;
    height: 30px;
    line-height: 36px;
    text-align: center;
    float: left;
    position: relative;
    margin: 2px 10px 0px 2px;
    background: #334c8f;
    border-radius: 100px;
}

.li-left-1{
    width: 100%;
    float: left;
    position: relative;
    color:#fff;
    font-family: font-1;
	font-weight: 700;
    font-size: 14px;
    line-height: 30px;
    margin-bottom: 10px;
}




.div-left-4 {
    float: left;
    position: relative;
    width: 21px;
    height: 21px;
    background: url(../images/icon-16.svg) center no-repeat;
    margin: 15px 5px 0px 0px;
}


.di-left-5 a{
    color:#fff;
}

.di-left-6 {margin: 12px 12px 0px 10px;}


.di-left-5 {
    width: 100%;
    float: left;
    position: relative;
    overflow:hidden;
    color:#fff;
    font-family: font-1;
    font-size: 15px;
}



.di-left-3 {
padding: 0px 14px;
}

.di-left-2 {
    width: 100%;
    height: 50px;
    line-height: 51px;
    float: left;
    position: relative;
    overflow:hidden;
    background: var(--foni-20);
    color:#fff;
    font-family: font-4;
    font-size: 15px;
}


.di-left-1 {
	margin-bottom: 0px;
	width: 240px;
	float: left;
	position: relative;
	overflow:hidden;
	background: var(--foni-13);
	border-radius: 5px;
}


.di-right-1 {
	line-height: 0px;
	width: 900px;
	float: right;
	position: relative;
	overflow:hidden;
	border-radius: 5px;
}



.di-home-2 {
   margin: 0px 20px;
}
.tvs-1 .di-home-1 {
	margin-left: 10px;
}

.di-home-1 {
	margin-top: 0px;
    widtH: 100%;
    padding: 20px 0px;
    float: left;
    position: relative;
    overflow:hidden;
    background:var(--foni-4);
    border-radius: 10px;
    margin-bottom: 20px;
}




.cat-user-bg-09 {
	color: #23335c;
    line-height: 13px;
    font-size: 15px;
    font-family: font-1;
}


.cat-user-bg-9 {
	font-family: font-3;
    z-index: 1;
    position: absolute;
    float: left;
    width: 100%;
    font-size: 14px;
    background: rgb(39 60 117 / 90%);
    padding: 14px 0;
    color: #fff;
    text-align: center;
    bottom: 0;
}

.cat-user-bg-6{font-size:15px;z-index:99;position:relative;width: calc(100% - 195px);float: right;margin: 0 0 0 0px;font-family:font-1;}


.cat-user-bg-8 {
	color: #273C75;
    position: relative;
    width: 100%;
    float: left;
    margin: 5px 0px 20px 0px;
    font-family: font-3;
    font-weight: 700;
    font-size: 18px;
    padding: 0 0 15px;
    border-bottom: 1px var(--foni-3) solid;
}

.cat-user-bg-3,.cat-user-bg-5,.cat-user-bg-5 img{position:relative;float:left;border-radius:10px;margin:0 0px 0px 0;overflow:hidden;object-fit:cover}
.cat-user-bg-3,.cat-user-bg-5,.cat-user-bg-5 img{width:170px;height:170px;}
.cat-user-bg-2{padding:2%}
.cat-user-bg-1{width:100%;position:relative;float:left;background:var(--foni-4);border-radius:10px;overflow:hidden; margin-top: 20px;  padding-bottom: 2%; }





.m-1 img {
   -webkit-transition: all .4s; -moz-transition: all .4s; -o-transition: all .4s; transition: all .4s;
}

.m-1:hover img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition: all .4s; -moz-transition: all .4s; -o-transition: all .4s; transition: all .4s;
}




.msaxio-6.slick-initialized .slick-slide{
	floaT: left;
}

.msaxio-6 .slick-next{
	background:#FC427B
}

.msaxio-6 .slick-prev, .msaxio-6 .slick-next{
	border-radius: 100px !important;
}


.msaxio-6 .slick-prev, .msaxio-6 .slick-next{top: 36% !important;}


.msaxio-6 img{float: left;width: 100%;object-fit: cover;border-radius: 100px;}

.m-1, .m-1 img{
height: 164px !important;
border-radius: 500px;
}

.m-1{
	float: left;
	position:relative;
	overflow:hidden;
	border-radius: 100px;
	margin: 0px 10px 0px 10px;
}


.msaxio-5{
	margin: 0px 10px;
}


.msaxio-4{
	width: 100%;
	height: 190px;
	position:relative;
	floaT: left;
	margin: 0px 0px 0px 0px;
}



.msaxio-3{
	margin: 0px 20px;
}


.msaxio-2{
	width: 100%;
	line-height: 54px;
	height: 54px;
	font-family: font-4;
	floaT: left;
	margin-bottom: 20px;
	border-bottom: 1px var(--foni-23) solid;
	text-align: left;
	color: #76808B;
	font-size: 15px;
}

.msaxio-1{
	width: 100%;
	float: left;
	position:relative;
	overflow:hidden;
	padding: 0px 0px 0px 0px;
	border-radius: 10px;
	box-shadow: inset 0px 0px 0px 1px var(--foni-23);
	font-weight: 600;
	font-size: 14px;
	color:#76808B;
	margin: 20px 0px 0px 0px;
}



.kino-tab-2 img{
	width: 16px;
	margin: 4px 3px -5px 0px;
	display: inline-block;
}



.kino-tab-1 li a:hover {
    text-decoration: none;
    text-decoration: underline;
}

.kino-tab-1 li a{
	color:#FC427B;
}


.kino-tab-1 li{
	width: 100%;
	float: left;
	position:relative;
	padding: 15px 0px;
	box-shadow: inset 0px 1px 0px 0px var(--foni-23);
	font-family: font-2;
	font-weight: 600;
	font-size: 14px;
	color:#FC427B;
}


.kino-tab-2{
	position:relative;
	font-family: font-1;
	font-weight: 600;
	font-size: 14px;
	color:#515A64;
	margin: 0px 1px 0px 20px;
}


.kino-tab-1{
	width: 100%;
	float: left;
	position:relative;
	overflow:hidden;
	padding: 0px 0px 0px 0px;
	border-radius: 10px;
	box-shadow: inset 0px 0px 0px 1px var(--foni-23);
	font-weight: 600;
	font-size: 14px;
	color:#76808B;
	margin: 20px 0px 0px 0px;
}




body div select option{
	color: #41599B;
    padding: 0 10px;
}

body div .vk_multifilm select option{
    background: #F4F6FD !important;
}

body .vk_multifilm select {
	cursor: pointer;
	margin: 0px 0px 20px 0px;
	height: 55px !important;
	border: 10px solid !important;
	box-shadow: 0px 0px 0px 1px var(--foni-21);
	border: 13px solid var(--foni-21) !important;
	background: var(--foni-21) !important;
	border-radius: 5px;
	padding: 0px 6px;
	font-family: font-2;
	font-size: 14px;
	font-weight: 100;
	letter-spacing: 0.5px;
	color: #444;
	} 


.vk_multifilm{
	width: 100%;
	position:relative;
	floaT: left;
	border-radius: 5px;
	margin-bottom: 0px;
}



.video-container iframe{
	width: 100%;
}
.video-container, .video-container iframe{
	height: 428px;
}


.video-container{
	width: 100%;
	position:relative;
	floaT: left;
	overflow:hidden;
	border-radius: 5px;
}




.baner-1 img{
	border-radius: 10px;
}


.rate-l-2{
	floaT: right;
	margin: 0px 0px 0px 7px;
}



.rate-l-1{
	margin: 0px 7px 0px 0px;
	floaT: left;
}


.rate .rate-l-1:hover path{ fill: #88c54d; }
.rate .rate-l-2:hover path{ fill: #e45757; }

.rate_like-dislike .ratingplus { color: #88c54d; }
.rate_like-dislike .ratingminus { color: #e45757; }


.rate { display: inline-block; float: left; }




#cssmenu ul li ul .menu-aa a{
	color: #FC427B !important;
}
.valuti-1 .list{
	font-family: font-2;
}

.bn-1 .box_in { padding: 4% 5% 2% 5%; }


.k-kat-02{
	padding: 0px 20px;
	position:relative;
	display: inline-block;
}


.box_in #CCStyleWhiteBG .flag {
	padding-left:0px;
	margin: 1px 5px 0px 0px;
}



body .valuti-2 #lari_ge_cb_9132881 input{ 
width: calc(100% - 145px) !important; 
height: 30px;
padding: 0px 5px !important;
}


.valuti-1  #CCStyleWhiteBG .currency{
    text-align: center !important;
    font-size: 13px;
    font-family:font-3;
}


.valuti-1 #CCStyleWhiteBG .ad {
display: none !important;
}



.valuti-1 #CCStyleWhiteBG .list {
    font-size: 12px;
    text-align: left;
    padding-top: 15px;
    padding-bottom: 15px;
    clear: both;
    height: 20px;
    cursor: pointer;
    border-bottom: 1px #ddd solid;
}

.valuti-1 #CCStyleWhiteBG{
    width: 100% !important;
        padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
}



.bb-valuta-6{margin:0px 0px 0px 0px;float:left;width:100%;height:100%;position:absolute;overflow:hidden;z-index:1;lefT:0px;}


.titlee.title{
        margin: -10px 0px 10px 0px !important;
        font-size: 20px;
    }

.box-5 b{
	font-family:font-4;
}

.box-5{
	margin: 17px 20px;
}



.valuti-2 a{
    font-size: 0px !important;
}


body .valuti-2 #lari_ge_cb_9132881 input{ 
width: calc(100% - 145px) !important; 
height: 30px;
padding: 0px 8px !important;
}


.valuti-1  #CCStyleWhiteBG .currency{
    text-align: center !important;
    font-size: 13px;
    font-family:font-2;
}


.valuti-1 #CCStyleWhiteBG .ad {
display: none !important;
}


.valuti-1 #CCStyleWhiteBG .title {
  color: #0097E6;
  font-size: 15px;
  font-family:font-3;
  text-align: left !important;
  border-bottom: 0px solid #EBEBEB;
  margin: 5px 0px -4px 0px;
}

.valuti-1 #CCStyleWhiteBG .list {
    font-size: 12px;
    text-align: left;
    padding-top: 10px;
    padding-bottom: 15px;
    clear: both;
    height: 20px !important;
    cursor: pointer;
    border-bottom: 1px #ddd solid !important;
}

.valuti-1 #CCStyleWhiteBG{
    width: 100% !important;
        padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
}



.box_in h1{
  line-height: 20px;
  width: 100%;
  floaT: left;
  font-family: font-1;
    font-size: 18px !important;
  margin: 0px 0px 5px 0px;
}





.container img{
    text-align: center;
	max-width: 100%;
	height: auto !important;
	font-size: 0px;
	line-height: 0px;
	margin: 7px 0px;
}



.fullstor-13 path{
	fill:#77828F;
}


.btn-s-2 svg{
	margin: 0px 0px 0px 9px;
	float: left;
}


.sruli-12 button {
	position:relative;
	font-family: font-1;
	font-size: 15px;
	border: 0;
    	background:rgb(255 255 255 / 0%);
}

.resize #increaseFont svg{
	margin: 0px 0px 0px 0px !important;
}


.fullstor-13 {
	floaT: right;
	position:relative;
	margin-top: 0px;
}

.fullstor-12 {
	width: 110px;
	floaT: right;
	position:relative;
	margin-top: 0px;
}

.fullstor-14 {
	floaT: right;
	position:relative;
	margin: 12px 15px 0px 0px;
	font-family: font-3;
	font-size: 15px;
	color:#77828F;
}


.fullstor-13 #increaseFont {
	    cursor: pointer;
	-webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
    color: #0e1523 !important;
    border: 1px solid var(--foni-22);
    background-color:#fff;
    font-weight: 700;
    font-style: normal;
    font-size: 15px;
    z-index: 100;
    width: 36px;
    height: 33px;
    line-height: 33px;
    float: right;
    text-align: center;
    margin-top: 4px;
}


.fullstor-13 #decreaseFont {
	    cursor: pointer;
	-webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
    color: #0e1523 !important;
    border: 1px solid var(--foni-22);
    background-color:#fff;
    font-weight: 500;
    font-style: normal;
    font-size: 15px;
    z-index: 100;
    width: 36px;
    height: 33px;
    line-height: 33px;
    float: left;
    text-align: center;
    margin-top: 4px;
    margin-right: -1px;
}


.right-1 {
	border: 1px var(--foni-2) solid;
	color:#34205a;
	padding: 2px 6px;
	font-size: 12px;
	border-radius: 5px;
	margin-lefT: 5px;
}


.sruli-ic-05{
    width: 100%;
    height: 100%;
    display: inline-block;
    position: relative;
    background: url(../images/icon-39.svg) center no-repeat;
    margin: 0px 0px 0px 0px;
}

.sruli-ic-04{
    width: 100%;
    height: 100%;
    display: inline-block;
    position: relative;
    background: url(../images/icon-38.svg) center no-repeat;
    margin: 0px 0px 0px 0px;
}

.sruli-ic-03{
    width: 100%;
    height: 100%;
    display: inline-block;
    position: relative;
    background: url(../images/icon-37.svg) center no-repeat;
    margin: 0px 0px 0px 0px;
}

.sruli-ic-02{
    width: 100%;
    height: 100%;
    display: inline-block;
    position: relative;
    background: url(../images/icon-36.svg) center no-repeat;
    margin: 0px 0px 0px 0px;
}

.sruli-ic-01{
    width: 100%;
    height: 100%;
    display: inline-block;
    position: relative;
    background: url(../images/icon-35.svg) center no-repeat;
    margin: 0px 0px 0px 0px;
}


.sruli-ic-005.sruli-16{
	background:#7555DE;
}


.sruli-ic-004.sruli-16{
	background:#7AD06D;
}


.sruli-ic-003.sruli-16{
	background:#55ACEE;
}


.sruli-ic-002.sruli-16{
	background:#448AFF;
}


.sruli-ic-001.sruli-16{
	background:#4267B2;
}

.sruli-16:hover{
	opacity: 9;
}
.sruli-16{
	opacity: 0.8;
	width: 35px;
	height: 35px;
	border-radius: 100px;
	background:#222;
	float: left;
	position:relative;
	margin: 0px 0px 0px 10px;
	font-weight: 600;
	font-size: 14px;
	color:#76808B;
	font-family: font-3;
	letter-spacing: 1px;
}


.sruli-15{
	display: inline-block;
	position:relative;
	margin: 0px 0px 0px 0px;
	font-weight: 600;
	font-size: 14px;
	color:#76808B;
	font-family: font-3;
	letter-spacing: 1px;
}

.sruli-14{
	float: left;
	position:relative;
	margin: 8px 0px 0px 0px;
	font-weight: 600;
	font-size: 14px;
	color:#76808B;
	font-family: font-3;
	letter-spacing: 1px;
}



.sruli-13{
	width: 100%;
	float: left;
	position:relative;
	margin: 30px 0px 30px 0px;
	font-weight: 600;
	font-size: 14px;
	color:#76808B;
}






/*--favoritebi--*/
.damatebiti-fav-1 {
    floaT: right;
    width: 40px;
    height: 40px;
    position: relative;
    z-index: 1;
    margin-right: 0px;
    line-height: 20px;
}

.favmod{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;display:block;margin:0 auto;width:40px;height: 30px;padding:0px;opacity:9;}
.favmod.active,
.favmod:hover{opacity:1;}
.favmod-add,
.favmod-unset{display:block;width:100%;height:100%;color:#99A2BA;font-weight:100;text-align:center;line-height: 30px;border-radius:100px;font-size:22px;}
.favmod-unset{color: #FC427B}
.favmod .favmod-unset,
.favmod.active .favmod-add{display:none;}
.favmod.active .favmod-unset{display:block;}




.sruli-ic-2 {
    width: 21px;
    height: 19px;
    display: inline-block;
    position: relative;
    background: url(../images/icon-31.svg) center no-repeat;
    margin: 0px 0px -4px 0px;
}


.sruli-ic-1 {
    width: 21px;
    height: 19px;
    display: inline-block;
    position: relative;
    background: url(../images/icon-30.svg) center no-repeat;
    margin: 0px 0px -4px 0px;
}



.sruli-12 {
	position:relative;
	floaT: right;
	margin: -10px 0px 0px 0px;
}

.sruli-10 {
	position:relative;
	floaT: left;
	margin: 1px 0px 0px 50px;
}

.sruli-9 {
	position:relative;
	floaT: left;
	margin: 1px 0px 0px 50px;
}

.sruli-8 {
	font-family: font-4;
	display: inline-flex;
	position:relative;
	floaT: left;
	margin: 2px 0px 0px 0px;
}


.sruli-7 {
	font-family: font-3;
	color: #67717C;
	width: 100%;
	position:relative;
	floaT: left;
	padding: 0px 0px 12px 0px;
	margin: 20px 0px 10px 0px;
	border-bottom: 1px var(--foni-22) solid;
}



.container a:hover {
    text-decoration: none;
    text-decoration: underline;
}

.container a{
	color:#FC427B;
}


body .container b span{
	font-family: font-02 !important;
}

.container span{
	
	font-family: font-01;
}

.container b{
	    font-weight: 100;
	font-family: font-02;
	
}


.container {
	width: 100%;
	position:relative;
	floaT: left;
	padding: 10px 0px 0px 0px;
	line-height: 22px;
	color: #515A64;
	font-size: 15px;
}






.sruli-6 img{
	width: 100%;
	position:relative;
	floaT: left;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	border-radius: 10px;
}

.sruli-6{
	width: 100%;
	position:relative;
	floaT: left;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}


.sruli-05{
	text-align: right;
	/* width: 5%; */
	position:relative;
	floaT:right;
}



.sruli-4 h1{
	width: 100%;
	position:relative;
	floaT: left;
	font-size: 22px;
	font-family: font-2;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	color:#273C75;
	letter-spacing: -1.1px;
}


.sruli-5{
	width: calc(100% - 60px);
	position:relative;
	floaT: left;
}



.sruli-4{
	margin: 30px 0px 20px 0px;
	width: 100%;
	position:relative;
	floaT: left;
}



.sruli-20 a:hover{
	color:#FC427B;
	background:#FFEFF4;
}

.sruli-24 {
    width: 21px;
    height: 19px;
    display: inline-block;
    position: relative;
    background: url(../images/icon-34.svg) center no-repeat;
    margin: 0px 1px -4px 0px;
}


.sruli-25 {
	color:#448AFF;
}

.sruli-27{
	overflow:hidden;
	position:relative;
}



.sruli-26{
	width: 100%;
	float: left;
	position:relative;
	padding: 25px 0px 30px 0px;
}


.sruli-22{
	width: 100%;
	line-height: 70px;
	height: 70px;
	font-family: font-4;
	floaT: left;
	border-bottom: 1px var(--foni-22) solid;
	text-align: center;
	color: #273C75;
	font-size: 16px;
}



.sruli-21{
	width: 100%;
	float: left;
	position:relative;
	background: var(--foni-4);
	border-radius: 10px;
	padding: 0px 0px;
	margin: 20px 0px;
}


.sruli-20 a:hover {
    text-decoration: none;
    text-decoration: underline;
}


.sruli-19{
	float: left;
}
.sruli-20 a{
	float: left;
	position:relative;
	padding: 7px 15px;
	margin: -6px 5px 11px 0px;
	font-family: font-1;
	font-weight: 600;
	font-size: 13px;
	color:#76808B;
	background:#F4F6FD;
}


.sruli-17{
	width: 100%;
	float: left;
	position:relative;
	padding: 30px 0px 16px 0px;
	background: var(--foni-4);
	border-radius: 0px 0px 10px 10px;
	border-top: 1px var(--foni-22) solid;
	font-family: font-4;
	font-weight: 600;
	font-size: 14px;
	color:#76808B;
}



.sruli-3{
	margin: 0px 40px;
	position:relative;
}


.sruli-02{
	width: 840px;
	float: left;
	position:relative;
}



.sidebari .sl-tv-10 h2{
	font-size: 13px;
}

.sidebari .abc-4{
	margin-lefT: 5px;
}

.sidebari .sl-tv-9{
	top: 60%;
}

.sidebari .sl-tv-8 img{
	width: 50px;
}



.sidebari .sl-tv-8{
   width: 100%;
   height: 98px;
   position:relative;
   floaT: left;
   overflow:hidden;
}


.sidebari-8{
   padding: 0px 10px 0px 10px;
}


.sidebari-7{
	overflow:hidden;
   width: 100%;
   position:relative;
   floaT: left;
   margin: 0px 0px 0px 0px;
   background: var(--foni-15);
   border-radius: 10px;
}



.sidebari-7 .sl-tv-13{
	margin: 70px 5px 0px 5px;
   background: var(--foni-17);
}

.sidebari-7 .sl-tv-1{
   width: 100%;
   position:relative;
   floaT: left;
   padding: 0px 0px 15px 0px;
   margin: 15px 0px 0px 0px; 
   border-radius: 10px;
   background: var(--foni-15) !important;
}


.sidebari-7 .sl-tv-4{
   width: 320px !important;
   position:relative;
   floaT: left;
   margin: 0px 0px 0px 0px;
}



.sidebari-6 .sl-hd-11, .sidebari-6 .sl-hd-11 img{
	border-radius: 100px;
	object-fit: cover;
	width: 86.4px;
	height: 86.4px;
}


.sidebari-6 .sl-hd-5{
	margin-bottom: 20px;
    float: right;
    position: relative;
    overflow:hidden;
    widtH: 100%;
    border-radius: 10px;
    padding: 0px 0px;
    background: var(--foni-4);
}


.sidebari-1{
	width: 100%;
	float: left;
	position:relative;
	background: var(--foni-4);
	margin-bottom: 20px;
	overflow:hidden;
	border-radius: 10px;
}


.sidebari-5{
	margin: 0px 20px;
}

.sidebari-4{
	width: 100%;
	float: left;
	position:relative;
}



.sidebari .c-vidi-1, .sidebari .c-vidi-1 img{
height: 235px;
}

.sidebari .c-vidi-1{
	width: 100%;
	float: left;
	position:relative;
	overflow:hidden;
	border-radius: 10px;
	margin: 0px 0px 20px 0px;
}

.sidebari-2{
	width: 100%;
	floaT: left;
	position:relative;
	padding: 20px 0px 20px 0px;
	border-bottom: 1px var(--foni-2) solid;
	margin-bottom: 20px;
}

.sidebari-3{
	margin: 0px 20px;
}

.sidebari{
	width: 340px;
	float: right;
	position:relative;
	border-radius: 10px;
	margin-bottom: 20px;
}


.sruli-3, .sruli-18, .sruli-27 {
	margin: 0px 40px;
}


.sruli-2{
	width: 100%;
	float: left;
	position:relative;
	background: var(--foni-4);
	border-radius: 10px 10px 0px 0px;
	padding: 0px 0px;
}


.sruli-1{
	width: 100%;
	float: left;
	position:relative;
	margin-left: 10px;
}




.konta-4{
	width: 100%;
}


.konta-4 .konta-8{
	transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;
}

.konta-4:hover .konta-8{
	
	transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-webkit-transition:all 0.3s ease-in-out;
}


.konta-8{
	width: 100%;
	position:relative;
	margin: 0px 0px 0px 0px;
	color: #FC427B;
	font-size: 15px;
	font-family: font-2;
}


.konta-7{
	font-size: 15px;
	color:#273C75;
	width: 100%;
	position:relative;
	float: left;
	margin: 2px 0px 1px 0px;
	font-family:font-4;
}

.konta-6{
	width: 70%;
	floaT: left;
	position:relative;
	font-family:font-3;
	font-size: 15px;
	padding: 0% 0%;
	margin: 0% 0px 0% 0px;
}


.konta-003 .konta-5{
	background: #0097E6 url(../images/contc-3.svg) 14.8px 15.5px no-repeat;
}

.konta-03 .konta-5{
	background: #0097E6 url(../images/contc-2.svg) 13.5px 15px no-repeat;
}



.konta-4:hover .konta-5{
	transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;
	box-shadow: 0px 0px 0px 2px #fff, 0px 0px 0px 4px #0097E6;
}

.konta-5{
	transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-webkit-transition:all 0.3s ease-in-out;
	background: #0097E6 url(../images/icon-23.svg) center no-repeat;
	background-size: 9px;
	width: 45px;
	height: 45px;
	position:relative;
	float: left;
	color:#fff;
	margin: 0px 12px 0px 40px;
	border-radius: 100px;
}


.konta-003.konta-3{
	width: 33%;
}

.konta-03.konta-3{
	box-shadow: 0px 0px 0px 1px #d7d7d7;
	width: 33%;
}


.konta-3{
	width: 33%;
	position:relative;
	floaT: left;
	font-family:font-3;
	font-size: 15px;
	padding: 3% 0%;
	margin: 0% 0px 0% 0px;
	display:  inline-flex;
}


.konta-2{
	width: 100%;
	position:relative;
	floaT: left;
	font-family:font-3;
	font-size: 15px;
	margin: 1% 0px 2% 0px;
	-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
	border: 1px solid #d7d7d7;
	border-radius: 5px;
}



.title.user_tab.h1{
    color: #273C75;
    margin-bottom: 15px !important;
}

.tab-content > .tab-pane { display: none; }
	.tab-content > .active { display: block; }


	/* Forms at UL */
	ul.ui-form { list-style: none; padding: 0; margin: 0; }
		ul.ui-form > li { margin-bottom: 20px; }
		ul.ui-form > li:last-child { margin-bottom: 0; }
		.form-group { margin-bottom: 20px; }
		.form-group > label { display: block; margin-bottom: .4em; }
		.imp:after { content: "*"; margin: 0 0 0 10px; color: #e85319; }


		.form_submit { margin-top: 20px; }
		.form-sep { border-top: 1px solid var(--foni-2); }

	/* Modification of the BB editor for review */
	#comment-editor .bb-editor textarea { padding: 7px; padding-bottom: 45px; height: 200px; }
	.addpm #comment-editor .bb-editor textarea { height: 340px; }

	.wseditor table, .bb-editor table { margin: 0px; }

/* Comments */
.com_list { }
	.comment {
		padding: 4% 4%;
		position: relative;
		-webkit-transition: box-shadow ease .4s; transition: box-shadow ease .4s;
	}
	.com_list .comment {
		border-top: 1px solid #efefef;
		background-color: transparent;
		margin: 0;
		border-radius: 0;
		box-shadow: none; -webkit-box-shadow: none;
	}
	.comment:hover {
		position: relative;
		box-shadow: 0 2px 12px 0 rgba(0,0,0,0.2); -webkit-box-shadow: 0 2px 12px 0 rgba(0,0,0,0.2);
	}
	.avatar { display: inline-block; }
	.avatar .cover {
		width: 100px; height: 100px;
		border-radius: 50%;
		white-space: nowrap;
		text-indent: -9999px;
		display: inline-block;
	}
	.comment .avatar { float: left; margin-right: 15px; position: relative; }
	.comment .avatar .cover { width: 36px; height: 36px; }
	.com_online {
		position: absolute;
		left: 100%; top: 50%;
		margin: -4px 0 0 -4px;
		overflow: hidden;
		text-indent: -9999px;
		background-color: #70bb39;
		border: 2px solid #fff;
		width: 4px; height: 4px;
		border-radius: 50%;
	}

	.com_info { font-size: .9em; margin-bottom: 2%; margin-top: -5px; }
	.com_info:after { clear: both; display: block; content: ""; }

	.com_user { float: left; margin: 9px 15px 0 0; }
	.comment .meta { display: inline; }
	.comment .meta .left { margin: 9px 0 0 0; }
	.comment .meta .left .mass input { margin: -2px 0 0 0; vertical-align: middle; }
		.comment .meta > ul.left > li { margin-right: 10px; }

		.comment .reply { text-transform: lowercase; }
		.comment .meta .left a {
			display: inline-block;
			width: 20px; height: 20px;
			vertical-align: middle;
			padding: 2px;
			margin-top: -2px;
			-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
		}
		.comment .meta .left .reply a { padding: 2px; width: auto; vertical-align: baseline; }
		.comment .meta .left .del a { padding: 4px; }
		.comment .meta .left .icon { margin: 0; fill: #919191; vertical-align: top; }
		.comment .meta .left a:hover .icon { fill: #3394e6; }
		.comment .meta .left a .icon-reply {
			width: 15px; height: 16px;
			fill: #3394e6 !important;
			margin-right: .4em;
			vertical-align: middle;
		}
		.comment .meta .left a .icon-coms {
			width: 15px; height: 16px;
			fill: #3394e6 !important;
			margin-right: .4em;
			vertical-align: middle;
		}
		.comment .meta .left .edit_btn > a { padding: 2px; margin-top: -4px; } 
		.comment .icon-bad { width: 16px; height: 16px; }
		.comment .icon-cross { width: 12px; height: 12px; }

	.comment .meta .rate { float: right; }

	/* Tree comments */
	#dle-comments-list { width: 100%; overflow: hidden; }
	#dle-comments-list > .comments-tree-list > li > .comments-tree-list { padding: 0 8%; border-top: 1px solid #efefef; }
	#dle-comments-list > .comments-tree-list > li .comments-tree-list > li { padding-left: 20px; }
	.comments-tree-list { list-style: none; padding: 0; margin: 0; }

	.comments-tree-list > li > ol > li .comment {
		padding: 30px 0;
		position: relative;
		box-shadow: none; -webkit-box-shadow: none;
		border-width: 0;
	}
	.comments-tree-list li ol li .comment {

		position: relative;
		box-shadow: none; -webkit-box-shadow: none;
		border-width: 0;
	}
	.comments-tree-list > li > ol > li .comment:after {
		content: "";
		position: absolute;
		width: 2000px; height: 1px;
		margin-left: -500px;
		left: 0; top: 0;
		background-color: #efefef;
	}

	.comments-tree-list > li > ol > li .comment:before {
		content: "";
		position: absolute;
		left: 0; top: 12px;
		margin: 30px 0 0 -20px;
		background-color: #e6e6e6;
		width: 10px; height: 2px;
	}	

	.dark_top {
		border-radius: 10px 10px 0 0;
		color: #fff;
		background: var(--foni-1);
	}


.box_in .cover { background-position: 50% 50%; background-repeat: no-repeat; -webkit-background-size: cover; background-size: cover; }



/* --- User page --- */
.userinfo_top { position: relative; padding-bottom: 50px; margin-bottom: 25px; }
.userinfo_top .avatar { position: absolute; }
.user_tab { list-style: none; padding: 0; margin: 0; }
	.user_tab > li { display: inline; margin-right: 1.2em; }
	.user_tab > li > a {
		text-decoration: none !important;
		font-size: .7em;
		-webkit-transition: all ease .3s;
		transition: all ease .3s;
	}
	.user_tab > li > a { color: #fff; opacity: .9; }
	.user_tab > li > a:hover { color: #FC427B; }
	.user_tab > li.active > a { cursor: default; font-size: 1em; opacity: 1; }

	.usinf { list-style: none; padding: 0; margin: 0 0 25px 0; } 
	.usinf li { padding: 12px 0; border-top: 1px solid var(--foni-3); }
	.usinf li:first-child { border-top-width: 0; }

	.ui-c1, .ui-c2 { display: inline-block; vertical-align: top; }
	.ui-c1 { width: 30%; margin-right: 5%; }
	.ui-c2 { font-weight: 600; width: 60%; }

	/* Window user */
	.userinfo { padding-left: 90px; }
	.userinfo .avatar { position: absolute; float: left; margin: 0 0 0 -90px; }
	.userinfo .avatar .cover { width: 60px; height: 60px; }
	.userinfo > ul { list-style: none; padding: 0; margin: 0; }

/* --- Statistics --- */
.stats_head > ul {
	list-style: none;
	padding: 0; margin: 0;
	font-size: 1.25em;
}
	.stats_head > ul > li { margin-top: 15px; padding-left: 30px; }
	.stats_head > ul > li:before {
		content: "";
		float: left;
		margin: 2px 0 0 -30px;
		width: 16px; height: 16px;
		border-radius: 50%;
		background-color:  #3394e6;
	}
	.stats_head > ul > li > b {
		display: block;
		font-size: .8em;
		opacity: .5;
		font-weight: normal;
	}
	.stats_head > ul > li.stats_d:before { background-color: #f6a71a; }
	.stats_head > ul > li.stats_w:before { background-color: #ce3f28; }
	
	.stat_group { margin-bottom: 25px; }
	.stat_group > h5 { margin-top: 0; margin-bottom: 1em; }
	.stat_group > ul { list-style: none; padding: 0; margin: 0; }
	.stat_group > ul > li { padding: .6em 0; border-top: 1px dotted #d5d5d5; }

/* --- Search page --- */
.search_result_num { font-size: .9em; margin: 25px 0 0; }
.search table { width: 100%; border-spacing: 5px; border-collapse: separate; }
#searchtable td, #searchtable td div, #searchtable table { margin: 0 !important; padding: 0 !important; }
	#searchtable td.search br { display: none; }
	td.search .bbcodes { margin: 0 !important; }
	td.search { vertical-align: top; }





.story .title { color:#273C75; margin: 0px 0px 10px 0px; font-size: 22px;font-family: font-2; letter-spacing: -0.5px; }
.story .box_in > .text { font-size: 1.08em; line-height: 25px; color:#4a546e; }
.story .box_in > .text b{ font-family: font-2; }


.box, .comment {
	margin: 0px 0px 20px 10px;
}

.box_in { padding: 4% 5%; }


.eroris-2 {
    margin: 0% 5%;
}

.eroris-5 {
    font-family: font-1;
    font-weight: 600;
    font-size: 15px;
    padding: 0px 0px 0px 0px;
    width: 100%;
    position: relative;
    floaT: left;
    z-index: 1;
    color:#273C75;
}


.eroris-4 {
    font-family: font-4;
    font-size: 18px;
    margin: 5px 0px 7px 0px;
    width: 100%;
    position: relative;
    floaT: left;
    z-index: 1;
    color:#273C75;
}


.eroris-1 {
	background:var(--foni-4);
    font-family: font-1;
    font-size: 15px;
    margin: 0px 0px 20px 10px;
    padding: 7% 0%;
    width: 100%;
    position: relative;
    floaT: left;
    z-index: 1;
    overflow: hidden;
    text-align: center;
    border-radius: 10px;
}


.gd-1.c-vidi-1:hover .c-vidi-4{
	color:#FC427B !important;
}


.gd-1 .c-vidi-4{
    color:#273C75 !important;
}


.gd-1 .c-vidi-3{
    background: var(--foni-4);
    color:#273C75;
    padding: 18px 0px 17px 0px;
    font-family: font-2;
    letter-spacing: -0.5px;
    text-align: center;
}

.gd-1.c-vidi-1 img{
height: 190px;
}

.gd-1.c-vidi-1{
height: 240px;
}





.t-title-2::before {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 11px;
    border-color: rgb(21 39 90 / 0%) rgb(0 8 255 / 0%) rgb(28 30 32 / 0%) #273C75;
    margin: 0px 0px 0px 0px;
    z-indeX: 1;
    top: 20px;
    left: 4px;
}

.t-title-2{
	width: 8px;
	height: 100%;
	position:absolute;
	lefT: 0px;
	top: 0px;
	background: #273C75;
}





.t-title-3 a{
	display: none;
}

.t-title-3{
	padding: 0px 30px;
}


.size.t-title-1{
	position:relative;
	floaT: left;
	padding: 20px 0px;
	margin-top: 20px;
	background:var(--foni-4);
	overflow:hidden;
	border-radius: 10px;
	color:#273C75;
	font-family: font-4;
	font-size: 17px;
}


#pagi-load span{ display: none;}
#pagi-load a span{ display: block; }
#pagi-load span{ float: left;  }
.pagi-load{  text-align: center; font-size:0px;}
.bottom-nav{ margin: 0px 0px 20px 10px; floaT: left; }
.pagi-load a:hover{transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-webkit-transition:all 0.2s ease-in-out;background: #39b0ed;}
.pagi-load a:hover .fa-refresh{transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-webkit-transition:all 0.2s ease-in-out;}
.pagi-load a{border-radius: 5px;transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-webkit-transition:all 0.2s ease-in-out;padding: 0px 32px;display:inline-block;height:50px;line-height:50px;font-size: 16px;letter-spacing: 0.2px;cursor:pointer;color:#ffffff;background: #0097E6;text-align:center;font-family: 'font-4';}

.abc-top{
		overflow:hidden;
	width: 100%;
	position:relative;
	floaT: left;
	margin-top: 20px;
}


.zari-fori-2 input{
	width: 100%;
}


.div-shesvla-12 a:hover{
	color:#FC427B;
}

.div-shesvla-12 a{
	color:#273C75;
}


.div-shesvla-12{
	margin: 18px 0px 0px 0px;
	font-family: font-4;
	float: right;
	color:#273C75;
}


.zari-fori-2 .login_inputs{
	margin-top: 5px;
	float: left;
}



.zari-fori-2{
	margin: 0px 20px;
}

.div-shesvla-10{width:100%;height:40px;line-height:41px;float:left;font-size:13px;margin:0px 0px 20px 0px;}

.div-shesvla-11{float:left;width:100%;margin: 22px 0px 6px 0px;font-size:14px;font-family:font-3; font-weight: 600; }


.zari-fori-1{
	width: 100%;
	floaT: left;
	margin: -10px 0px 35px 0px;
	text-align: left;
	color:#273C75;
	letter-spacing: 0.4px;
}




.zari-ajax-4{
	width: 100%;
	floaT: left;
	margin: 20px 0px 0px 0px;
}


.zari-ajax-04{
	margin: 0px 20px;
}

.zari-pr-3 li a:hover{
	color:#FF2D46;
	-webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
}



.zari-pr-3 li a{
	color:#202e52;
	font-weight: 600;
	-webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
}

.zari-pr-3 li{
	font-size: 14.5px;
	width: 100%;
	float: right;
	position:relative;
	margin-top: 2px;
	margin-bottom: 9px;
}


.zari-pr-3{
	margin-top: 1px;
	text-align: left;
	width: 60%;
	float: right;
	position:relative;
}

.zari-pr-2{
	padding: 0px 10px;
}


.zari-pr-1, .zari-pr-1 img{
	border-radius: 8px;
}


.zari-pr-1 img{
	width: 100px;
	height: 100px;
	float: left;
	position:relative;
	object-fit: cover;
}

.zari-pr-1{
	float: left;
	position:relative;
	border: 2px var(--foni-3) solid;
	padding: 10px 0px;
	margin: 0px 0px 20px 0px;
}



.zari-ajax-2{
    font-size: 16px;
    font-family: font-1;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    color:#4e5c85;
    font-weight: 700;
}


.zari-ajax-1{border:none;background:#ffffff; border-bottom: 1px var(--foni-3) solid !important; color:#222;font-family:font-1;font-size:16px;padding:25px 30px 23px 30px;border:none;text-align:left;}
.img-replace{display:inline-block;overflow:hidden;text-indent:100%;color:transparent;white-space:nowrap;}
.cd-popup{position:fixed;left:0;top:0;height:100%;width:100%;background-color: rgb(8 11 22 / 80%);opacity:0;visibility:hidden;-webkit-transition:opacity 0.3s 0s, visibility 0s 0.3s;-moz-transition:opacity 0.3s 0s, visibility 0s 0.3s;transition:opacity 0.3s 0s, visibility 0s 0.3s;z-indeX: 9999999999;}
.cd-popup.is-visible{opacity:1;visibility:visible;-webkit-transition:opacity 0.3s 0s, visibility 0s 0s;-moz-transition:opacity 0.3s 0s, visibility 0s 0s;transition:opacity 0.3s 0s, visibility 0s 0s;}
.cd-popup-container{position:relative;width: 100%;max-width: 400px;margin:9em auto;overflow:hidden;border-radius:10px;background:var(--foni-4);text-align:center;box-shadow:0 0 20px rgba(255, 255, 255, 0.5);-webkit-transform:translateY(-40px);-moz-transform:translateY(-40px);-ms-transform:translateY(-40px);-o-transform:translateY(-40px);transform:translateY(-40px);-webkit-backface-visibility:hidden;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;transition-property:transform;-webkit-transition-duration:0.3s;-moz-transition-duration:0.3s;transition-duration:0.3s;}
.cd-popup-container .cd-buttons:after{content:"";display:table;clear:both;}
.cd-popup-container .cd-popup-close{position:absolute;top: 0px;right: 19px;width: 30px;height: 69px;}
.cd-popup-container .cd-popup-close::before,
.cd-popup-container .cd-popup-close::after{content:"";position:absolute;top: 35px;width:14px;height:2px;opacity:0.6;background-color:#000;}
.cd-popup-container .cd-popup-close::before{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);left:8px;}
.cd-popup-container .cd-popup-close::after{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);right:8px;}
.is-visible .cd-popup-container{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);}





.footer-14 a:hover{
	-webkit-transition: all .4s; -moz-transition: all .4s; -o-transition: all .4s; transition: all .4s;
	background:#2F4686;
}

.footer-14 a{
	-webkit-transition: all .4s; -moz-transition: all .4s; -o-transition: all .4s; transition: all .4s;
	floaT: right;
	margin: 21px 20px 0px 0px;
	z-index:11;
	position:relative;
	height: 31px;
	line-height: 31px;
	border-radius: 100px;
	font-size: 15px;
	color:#fff;
	font-family: font-3;
	padding: 0px 16px;
}



.footer-12{
	floaT: right;
	margin: 21px 0px 0px 0px;
	z-index:11;
	position:relative;
}





.footer-2 .van-div-2 svg{
   fill: #ffffff;
}

.footer-2 .van-div-2:hover{
	color:#fff;
    background: #3663DD;
      -webkit-transition: all .4s; -moz-transition: all .4s; -o-transition: all .4s; transition: all .4s;
}

.footer-2 .van-div-2{
    background: #2F4686;
      -webkit-transition: all .4s; -moz-transition: all .4s; -o-transition: all .4s; transition: all .4s;
}


.footer-7 a:hover {
  color:#FF2D46;
  -webkit-transition: all .4s; -moz-transition: all .4s; -o-transition: all .4s; transition: all .4s;
}

.footer-7 a{
	-webkit-transition: all .4s; -moz-transition: all .4s; -o-transition: all .4s; transition: all .4s;
	floaT: left;
	margin: 0px 30px 0px 0px;
	font-family: font-1;
	   font-weight: 700;
	letter-spacing: -0.1px;
	font-size: 14.2px;
	color:#566690;
}

.footer-10 a{
	font-family: font-2;
  color:#FF2D46;
}


.footer-11{
   position:relative;
   floaT: left;
}


.footer-10 a:hover {
    text-decoration: none;
    text-decoration: underline;
}

.footer-10{
   position:relative;
   floaT: right;
}


.footer-9{
	font-size: 15px;
		letter-spacing: -0.1px;
   width: 100%;
   position:relative;
   floaT: left;
}



.footer-6{
   width: 100%;
   position:relative;
   floaT: left;
  background: var(--foni-8);
  padding: 27px 0px;
}

.footer-8{
   font-weight: 700;
   background:var(--foni-4);
   width: 100%;
   position:relative;
   floaT: left;
   padding: 20px 0px;
   color: var(--foni-7);
   font-family: 'font-1';
   font-size: 15px;
   letter-spacing: -0.2px;
}



.footer-4{
	margin-top: 23px;
   position:relative;
   floaT: left;
   z-index:1;
}

.footer-3{
	z-index:1;
	margin-top: 22px;
   position:relative;
   floaT: left;
}

.footer-2{
   width: 100%;
   position:relative;
   floaT: left;
}



.footer-5 {
    z-index: 0;
    position: absolute;
    width: 100%;
    margin-top: 13px;
    text-align: center;

}

.footer-1{
   width: 100%;
   height: 75px;
   position:relative;
   background: var(--foni-1);
   floaT: left;
}




.abc-color-9.abc-4::before {
    border-color: #15275A rgb(0 8 255 / 0%) rgb(28 30 32 / 0%) rgb(255 0 0 / 0%);
}

.abc-color-9.abc-4 {
   background: linear-gradient(180deg, #334B8C 0%, #273C75 100%);
}

.abc-color-9.abc-5:hover{
	color:#334B8C;
	border: 2px solid #334B8C;
}

.abc-color-9 .c-vidi-3::before, .abc-color-9 .c-vidi-3::after {
    background:#334B8C;
}


.abc-color-9 .abc-icon-1 {
    width: 21px;
    height: 21px;
    background: url(../images/icon-22.svg) center no-repeat;
    margin: 12.2px 7px 0px 0px;
}

.abc-icon-8.abc-icon-1 {
    width: 21px;
    height: 21px;
    background: url(../images/icon-20.svg) center no-repeat;
    margin: 13px 7px 0px 0px;
}

.abc-icon-7.abc-icon-1 {
    width: 21px;
    height: 21px;
    background: url(../images/icon-19.svg) center no-repeat;
    margin: 13px 7px 0px 0px;
}


.mov-ne-7 span{
	width: 100%;
	floaT: left;
	color: #ABB6DE;
}


.mov-ne-1 .mov-ne-8 img {
   -webkit-transition: all .4s; -moz-transition: all .4s; -o-transition: all .4s; transition: all .4s;
}

.mov-ne-1:hover .mov-ne-8 img {
    -webkit-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3);
    -webkit-transition: all .4s; -moz-transition: all .4s; -o-transition: all .4s; transition: all .4s;
}


.mov-ne-4{
	z-index:0;
	width: 100%;
	floaT: left;
	line-height: 0px;
	position:relative;
	overflow:hidden;
}


.mov-ne-7 {
    margin: 0px 0px 0px 0px;
    line-height: 20px;
    font-size: 13.5px;
    display: table-cell;
    vertical-align: middle;
    padding: 0px 0px 0px 0px;
}

.mov-ne-6 {
	text-align: center;
	padding: 0px 12px;
}

.mov-ne-1:hover .mov-ne-5 {
	-webkit-transition: all .4s; -moz-transition: all .4s; -o-transition: all .4s; transition: all .4s;
	opacity: 9;
   -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}


.mov-ne-5 {
		-webkit-transform: scale(0.1);
    -ms-transform: scale(0.1);
    transform: scale(0.1);
	opacity: 0;
	-webkit-transition: all .4s; -moz-transition: all .4s; -o-transition: all .4s; transition: all .4s;
	margin-top: 0px;
	overflow:hidden;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    color:#fff;
    background: rgba(39, 59, 116, 0.90);
    border-radius: 100%;

}

.mov-ne-3 img{
	width: 30px;
}

.mov-ne-3{
	z-index:1;
	width: 100%;
	position:absolute;
	top: 22px;
	text-align: center;
}


.mov-ne-8 img{
width: 100%;
}

.mov-ne-1, .mov-ne-8 img, .mov-ne-7, .mov-ne-4{
height: 224px;
    object-fit: cover;	
border-radius: 500px;
}

.mov-ne-1{
	width: 224px;
	float: left;
	position:relative;
	overflow:hidden;
	border-radius: 10px;
	margin: 0px 10px 20px 10px;
}



.abc-mov-7 .abc-5 {
   floaT: inherit !important;
   background:var(--foni-4);
      border: 2px solid #E3E6EA;
}


.abc-mov-8{
   width: 210px;
   margin: 14px auto;
}


.abc-mov-7{
   width: 100%;
   height: 75px;
   line-height: 75px;
   text-align: center;
   font-family: font-4;
   position:relative;
   background: #EDEFF6;
   floaT: left;
   font-size: 17px;
   color:#2D3743;
}




.abc-mov-4 {
    width: 21px;
    height: 19px;
    display: inline-block;
    position: relative;
    background: url(../images/icon-21.svg) center no-repeat;
    margin: 0px 0px -4px 0px;
}


.abc-mov-2{
	margin-bottom: 20px;
   width: 100%;
   height: 67px;
   line-height: 67px;
   text-align: center;
   font-family: font-4;
   border-bottom: 1px #DBDDE6 solid;
   position:relative;
   background: var(--foni-6);
   floaT: left;
   font-size: 17px;
   color:#2D3743;
}


.abc-mov-1{
	overflow:hidden;
   width: 100%;
   position:relative;
   background: #151820;
   floaT: left;
}





.abc-color-7.abc-4::before {
    border-color: #148843 rgb(0 8 255 / 0%) rgb(28 30 32 / 0%) rgb(255 0 0 / 0%);
}

.abc-color-7.abc-4 {
   background: linear-gradient(180deg, #22B95E 0%, #1BAB54 100%);
}

.abc-color-7.abc-5:hover{
	color:#1BAB54;
	border: 2px solid #1BAB54;
}

.abc-color-7 .c-vidi-3::before, .abc-color-7 .c-vidi-3::after {
    background:#1BAB54;
}



.abc-color-6.abc-4::before {
    border-color: #689B41 rgb(0 8 255 / 0%) rgb(28 30 32 / 0%) rgb(255 0 0 / 0%);
}

.abc-color-6.abc-4 {
   background: linear-gradient(180deg, #A2E071 0%, #8BC55E 100%);
}

.abc-color-6.abc-5:hover{
	color:#8BC55E;
	border: 2px solid #8BC55E;
}

.abc-color-6 .c-vidi-3::before, .abc-color-6 .c-vidi-3::after {
    background:#8BC55E;
}




.abc-color-4.abc-4::before {
    border-color: #B11B23 rgb(0 8 255 / 0%) rgb(28 30 32 / 0%) rgb(255 0 0 / 0%);
}

.abc-color-4.abc-4 {
   background: linear-gradient(180deg, #FE3844 0%, #DB1F2A 100%);
}

.abc-color-4.abc-5:hover{
	color:#DB1F2A;
	border: 2px solid #DB1F2A;
}

.abc-color-4 .c-vidi-3::before, .abc-color-4 .c-vidi-3::after {
    background:#DB1F2A;
}



.abc-color-3.abc-4::before {
    border-color: #1CA96E rgb(0 8 255 / 0%) rgb(28 30 32 / 0%) rgb(255 0 0 / 0%);
}

.abc-color-3.abc-4 {
   background: linear-gradient(180deg, #2CD08B 0%, #23BF7E 100%);
}

.abc-color-3.abc-5:hover{
	color:#23BF7E;
	border: 2px solid #23BF7E;
}

.abc-color-3 .c-vidi-3::before, .abc-color-3 .c-vidi-3::after {
    background:#23BF7E;
}





.abc-color-2.abc-4::before {
    border-color: #7B2AB9 rgb(0 8 255 / 0%) rgb(28 30 32 / 0%) rgb(255 0 0 / 0%);
}

.abc-color-2.abc-4 {
   background: linear-gradient(180deg, #B75AFF 0%, #A53EF5 100%);
}

.abc-color-2.abc-5:hover{
	color:#A53EF5;
	border: 2px solid #A53EF5;
}

.abc-color-2 .c-vidi-3::before, .abc-color-2 .c-vidi-3::after {
    background:#A53EF5;
}

.sl-tv-8 img{
	width: 70px;
}




.sl-tv-7 .sl-tv-11 h2{
   -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s;
}


.sl-tv-13{
   -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s;
}


.sl-tv-7:hover .sl-tv-11 h2{
   color:#0097E6;
   -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s;
}


.sl-tv-13:hover{
	background: var(--foni-18);
   color:#fff;
   -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s;
}




.abc-icon-6.abc-icon-1 {
    width: 21px;
    height: 21px;
    background: url(../images/icon-16.svg) center no-repeat;
    margin: 12px 7px 0px 0px;
}


.sl-tv-1 .slick-next:before{
	width: 100%;
	height: 100%;
	background: url(../images/icon-17.svg) center  no-repeat;
	content: "";
	position:absolute;
	lefT: 0px;
}

.sl-tv-1 .slick-prev:after{
	width: 100%;
	height: 100%;
	background: url(../images/icon-18.svg) center  no-repeat;
	content: "";
	position:absolute;
	lefT: 0px;
}


.sl-tv-4 .slick-next{
	right: 7px;
	background: var(--foni-1);
}


.sl-tv-1 .slick-prev{
	right: 55px !important;
	lefT: auto;
	background: var(--foni-13);
}

.sl-tv-1 .slick-prev, .sl-tv-4 .slick-next{top: 0px !important; border-radius: 10px; }


.sl-tv-4{
   position:relative;
   floaT: left;
   margin: 0px 0px 0px -10px;
}



.sl-tv-9{
	-webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%) scale(1);
    -ms-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
    opacity: 9;
    width: 70px;
    height: 70px;
    text-align: center;
    z-index:1;
}


.sl-tv-11{
   margin: 0px 10px;
}

.sl-tv-10 h2{
   width: 100%;
   padding: 0px;
   font-size: 14px;
   font-family: font-2;
   letter-spacing: -0.2px;
   margin: 0px;
   line-height: 57px;
   position:relative;
   floaT: left;
   overflow:hidden;
   color:#BCC6E2;
}


.sl-tv-10{
   width: 100%;
   height: 57px;
   line-height: 57px;
   position:relative;
   floaT: left;
   overflow:hidden;
   border-top: 1px #334063 solid;
}


.sl-tv-8{
   width: 100%;
   height: 125px;
   position:relative;
   floaT: left;
   overflow:hidden;
}

.sl-tv-7{
	position:relative;
	width: 203px;
   floaT: left;
   margin: 0px 0px;
}


.sl-tv-13{
   background: var(--foni-17);
   position:relative;
   margin: 70px 10px 0px 10px;
   border-radius: 10px;
   overflow:hidden;
   text-align: center;
   color:#fff;
}




.sl-tv-3{
   width: 100%;
   position:relative;
   floaT: left;
   margin: -44px 0px 0px 0px;
}


.sl-tv-2{
   width: 100%;
   position:relative;
   overflow:hidden;
   floaT: left;
   margin: 0px 0px 0px 0px; 
}



.sl-tv-1{
   width: 100%;
   position:relative;
	overflow:hidden;
   floaT: left;
   padding: 20px 0px 25px 0px;
   margin: 0px 0px 0px 0px; 
   background: var(--foni-15) url(../images/bg-2.svg) center  no-repeat !important;
}


.c-vidi-1:hover .c-vidi-flay, .abc-color-01 .c-vidi-1:hover .kut-c-vidi-flay{
    background: #DB1F2A url(../images/icon-24.svg) center no-repeat;
    box-shadow: 0px 0px 0px 6px rgb(0 0 0 / 40%);
    -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;
}


.c-vidi-1 .c-vidi-flay, .abc-color-01 .kut-c-vidi-flay{
	-webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;
    position: absolute;
    left: 50%;
    top: 36%;
    -webkit-transform: translate(-50%, -50%) scale(1);
    -ms-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
    opacity: 9;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 70px;
    background: #DB1F2A url(../images/icon-24.svg) center no-repeat;
    box-shadow: 0px 0px 0px 0px rgb(0 0 0 / 0%);
    border-radius: 50%;
    z-index:1;
}




.abc-div-3.abc-2{
	float: right;
}

.baner-1 img{
	width: 100%;
	floaT: left;
	position:relative;
	line-height: 0px;
}

.baner-1{
	width: 100%;
	floaT: left;
	position:relative;
	margin-bottom: 20px;
}


.abc-9, .abc-8, .abc-div-2.abc-2, .abc-div-3.abc-2{
   width: 590px;
}

.abc-div-1{
	width: 100%;
	floaT: left;
	position:relative;
	overflow:hidden;
}


.abc-icon-5.abc-icon-1 {
    width: 21px;
    height: 21px;
    background: url(../images/icon-15.svg) center no-repeat;
    margin: 13px 7px 0px 0px;
}

.abc-icon-4.abc-icon-1 {
    width: 20px;
    height: 20px;
    background: url(../images/icon-14.svg) center no-repeat;
    margin: 13px 7px 0px 0px;
}

.abc-icon-3.abc-icon-1 {
    width: 21px;
    height: 21px;
    background: url(../images/icon-13.svg) center no-repeat;
    margin: 12px 7px 0px 0px;
}

.abc-02 .abc-9{
   width: 100%;
}


.c-vidi-1:hover .c-vidi-4{
	color:#ffffff;
    -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s;
}


.c-vidi-4{
	color:#d1d7eb;
    padding: 0px 20px;
    -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s;
}


.abc-color-1 .c-vidi-3::before, .abc-color-1 .c-vidi-3::after {
    background:#0097E6;
}

.c-vidi-1:hover .c-vidi-3::after, .c-vidi-1:hover .c-vidi-3::before{
    width: 50%;
-webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s;
}


.c-vidi-3::after{
-webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s;
    content: '';
    position: absolute;
    width: 0%;
    height: 3px;
    margin: 0px 0px 0px 0px;
    z-indeX: 1;
    top: 0px;
    right: 0px;
}

.c-vidi-3::before {
	-webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;
    content: '';
    position: absolute;
    width: 0%;
    height: 3px;
    margin: 0px 0px 0px 0px;
    z-indeX: 1;
    top: 0px;
    left: 0px;
}



.c-vidi-1 img {
		object-fit: cover;
	width: 100%;
    -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;
}

.c-vidi-1:hover img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s;
}



.abc-8 .c-vidi-4{
    padding: 0px 33px;
}



.abc-8 .c-vidi-3{
    padding: 27px 0px;
    font-size: 18px;
    line-height: 24px;
}


.abc-8 .c-vidi-1{
    font-size: 20px;
    font-family: font-2;
    font-size: 15px;
}


.abc-10{
	width: 105%;
	margin: 0px 0px 0px -10px;
	floaT: left;
}


.abc-8 .c-vidi-1{
	width: 100%;
	margin: 0px 0px 0px 0px;
}

.abc-8 .c-vidi-1, .abc-8 .c-vidi-1 img{height: 466px;}


.c-vidi-3{
    widtH: 100%;
    float: left;
    position: absolute;
    overflow:hidden;
    border-radius: 0px;
    padding: 0px 0px 15px 0px;
    background: rgba(12, 18, 34, 0.85);
    z-index:1;
    line-height: 20px;
    color:#fff;
    bottom: 0px;
    padding: 18px 0px 17px 0px;
}

.c-vidi-1, .c-vidi-1 img{
height: 223px;
}

.c-vidi-1{
	width: 285px;
	float: left;
	position:relative;
	overflow:hidden;
	border-radius: 10px;
	margin: 0px 10px 20px 10px;
}


.c-vidi-001 a:hover {
    text-decoration: none;
    text-decoration: underline;
}
.c-vidi-001 a{
	color:#fff;
}
.c-vidi-001 {
	color:#a5a0a0;
	letter-spacing: -0.3px;
    float: left;
    position: absolute;
    overflow:hidden;
    background: rgba(12, 18, 34, 0.85);
    z-index:11;
    line-height: 20px;
    margin: 22px 0px 0px 22px;
    padding: 10px 19px;
    font-size: 12.5px;
    border-radius: 100px;
    font-family: font-1;
}


.c-vidi-01 a:hover {
    text-decoration: none;
    text-decoration: underline;
}

.c-vidi-01 a{
	letter-spacing: -0.3px;
    float: left;
    position: absolute;
    overflow:hidden;
    background: rgba(12, 18, 34, 0.85);
    z-index:11;
    line-height: 20px;
    color:#fff;
    margin: 22px 0px 0px 22px;
    padding: 10px 19px;
    font-size: 13px;
    border-radius: 100px;
    font-family: font-1;
}


.abc-9{
   position:relative;
   overflow:hidden;
   floaT: right;
}

.abc-8{
   position:relative;
   floaT: left;
}



.abc-7 img{
   width: 100%;
   floaT: left;
   line-height: 0px;
   font-size: 0px;
   object-fit: cover;
}

.abc-7{
   width: 100%;
   position:relative;
   floaT: left;
}



.abc-icon-2 {
    width: 25px;
    height: 25px;
    position: relative;
    background: var(--foni-3) url(../images/icon-11.svg) 8px 7.3px no-repeat;
    margin: 9px 7px 0px 10px;
    border-radius: 100px;
    floaT: right;
}

.abc-5:hover{
	color:#0097E6;
	border: 2px solid #0097E6;
	transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;
}

.abc-mov-1 .abc-5{
	margin-top: 10px;
}


.abc-5 {
	transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-webkit-transition:all 0.3s ease-in-out;
	color: #77828F;
	font-family: font-4;
	position:relative;
	floaT: right;
	margin: 0px 0px 0px 0px;
	border: 2px solid var(--foni-3);
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	border-radius: 100px;
	height: 47px;
	line-height: 45.6px;
	padding: 0px 5px 0px 20px;
	font-size: 14px;
}



.abc-4::before {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 11px;
    border-color: #0888CA #0008ff00 #1c1e2000 #ff000000;
    margin: 0px 0px 0px 0px;
    z-indeX: 1;
    bottom: -22px;
    left: 0px;
}

.abc-icon-1 {
    width: 21px;
    height: 19px;
    float: left;
    position: relative;
    background: url(../images/icon-12.svg) center no-repeat;
    margin: 14px 7px 0px 0px;
}


.abc-4 {
	z-index:1;
	color:#fff;
   font-family: font-4;
   position:relative;
   floaT: left;
   margin: 0px 0px 0px 0px; 
   background: linear-gradient(180deg, #18ACFA 0%, #0097E6 100%);
   border-radius: 100px 100px 100px 0px;
   height: 47px;
   line-height: 47px;
   padding: 0px 30px 0px 20px;
   font-size: 16px;
}



.abc-3{
   width: 100%;
   position:relative;
   floaT: left;
   margin: 0px 0px 20px 0px; 
}


.abc-2{
	overflow:hidden;
   width: 100%;
   position:relative;
   floaT: left;
}


.abc-1{
	overflow:hidden;
	z-index:0;
	padding-top: 20px;
   width: 100%;
   position:relative;
   background: var(--foni-4);
   floaT: left;
}





.sl-news-1 img {
    -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;
}

.sl-news-1:hover img {
    -webkit-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.05);
    -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;
}

.sl-news-3 a{
	transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;
}

.sl-news-1:hover .sl-news-3 h2 a{
	color:#0097E6;
	transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;
}



.sl-hd-11:hover .sl-hd-12, .sl-hd-a.sl-hd-11 .sl-hd-12 {
    -webkit-transform: translate(-50%, -50%) scale(1);
    -ms-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(0.85);
    opacity: 1;

    transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;
}

.sl-hd-12 {
    position: absolute;
    left: 50%;
    top: 50%;
    color: #f8f9fa;
    -webkit-transform: translate(-50%, -50%) scale(0.5);
    -ms-transform: translate(-50%, -50%) scale(0.5);
    transform: translate(-50%, -50%) scale(0.5);
    transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;
    opacity: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    line-height: 70px;
    background: rgb(21 101 192 / 90%) url(../images/icon-6.svg) center no-repeat;
    border-radius: 50%;
}

.sl-hd-9 a:hover{
	background: var(--foni-11);
	color:#FC427B;
	transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;
}


.sl-hd-9 a{
	transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-webkit-transition:all 0.3s ease-in-out;
	border-radius: 0px;
	background: var(--foni-10);
	padding: 12px 35px;
	color: #ffffff;
	height: 39px;
	font-family: font-2;
	letter-spacing: -0.4px;
	border-radius: 100px;
}



.sl-hd-9{
	background: var(--foni-9);
	width: 100%;
	line-height: 70px;
	height: 70px;
	font-family: font-4;
	floaT: left;
	border-top: 1px var(--foni-1) solid;
	text-align: center;
	color: #273C75;
	font-size: 16px;
}


.sl-hd-11, .sl-hd-11 img{
	border-radius: 100px;
	object-fit: cover;
	width: 94px;
	height: 94px;
}


.sl-hd-11{
	border-radius: 100px;
	position:relative;
	line-height: 20px;
	floaT: left;
	margin: 0px 10px 20px 10px;
}



.sl-hd-8{
	margin: 0px 0px 0px 10px;
}


.sl-hd-7{
	background: var(--foni-1);
	padding-top: 20px;
	width: 100%;
	line-height: 20px;
	floaT: left;
}



.sl-hd-6{
	width: 100%;
	line-height: 70px;
	height: 70px;
	font-family: font-4;
	floaT: left;
	border-bottom: 0px #3c5391 solid;
	text-align: center;
	background: var(--foni-9);
	color: #fff;
	font-size: 16px;
}




.sl-news-9 {
    width: 6px;
    height: 17px;
    float: right;
    position: relative;
    background: url(../images/icon-8.svg) center no-repeat;
    margin: 5px 0px 0px 5px;
}

.sl-news-7 {
    width: 17px;
    height: 17px;
    float: left;
    position: relative;
    background: url(../images/icon-10.svg) center no-repeat;
    margin: 6px 8px 0px 0px;
}

.sl-news-6 {
    width: 15px;
    height: 17px;
    float: left;
    position: relative;
    background: url(../images/icon-9.svg) center no-repeat;
    margin: 5px 8px 0px 0px;
}

.sl-news-8:hover {
    text-decoration: none;
    text-decoration: underline;
}


.sl-news-8 {
	font-family: font-4;
    float: right;
    position: relative;
    font-size: 14px;
    color:#fff;
}


.sl-news-05 {
    float: left;
    position: relative;
    font-size: 14px;
    margin-lefT: 60px;
}


.sl-news-5 {
    float: left;
    position: relative;
    font-size: 14px;
}



.sl-news-4 {
	color:#CDCBCB;
    float: left;
    position: relative;
    widtH: 100%;
    font-family: font-3;
    padding: 0px 0px;
    font-size: 14px;
}



.sl-news-3 h2 {
    float: left;
    position: relative;
    widtH: 100%;
    font-family: font-2;
    margin: 0px 0px 12px 0px;
    padding: 20px 0px 20px 0px;
    font-size: 18px;
    letter-spacing: -0.5px;
    border-bottom: 1px rgba(255, 255, 255, 0.2) solid;
}

.sl-news-02 a:hover {
    text-decoration: none;
    text-decoration: underline;
}

.sl-news-02 a{
	color:#ffffff;
}

.sl-news-02{
	letter-spacing: -0.3px;
    float: left;
    position: absolute;
    overflow:hidden;
    background: rgba(12, 18, 34, 0.85);
    z-index:11;
    line-height: 20px;
    color:#fff;
    margin: 30px 0px 0px 30px;
    padding: 10px 19px;
    font-size: 13px;
    border-radius: 100px;
    font-family: font-1;
}


.sl-news-3{
	padding: 0px 25px;
}



.sl-news-2 a{
    color:#fff;
}


.sl-news-2{
    widtH: 100%;
    float: left;
    position: absolute;
    overflow:hidden;
    border-radius: 0px;
    padding: 0px 0px 15px 0px;
    background: rgba(12, 18, 34, 0.85);
    z-index:11;
    line-height: 30px;
    color:#fff;
    bottom: 0px;
}


.sl-news-1{
    widtH: 100%;
    float: left;
    position: relative;
    overflow:hidden;
    border-radius: 0px;
    padding: 0px 0px;
}



.sl-hd-5{
    float: right;
    position: relative;
    overflow:hidden;
    widtH: 590px;
    border-radius: 10px;
    padding: 0px 0px;
}



.sl-hd-3 img, .sl-hd-3, .sl-news-1, .sl-news-002{
	object-fit: cover;
	line-height: 0px;
	height: 390px;
	floaT: left;
}

.sl-hd-3 img, .sl-news-002{
    width: 100%;
    line-height: 0px;
    floaT: left;
}

.sl-hd-3 {
    float: left;
    position: relative;
    overflow:hidden;
    widtH: 590px;
    border-radius: 10px;
    padding: 0px 0px;
}



.sl-hd-2 {
    float: left;
    position: relative;
    widtH: 100%;
    padding: 20px 0px;
}


.sl-hd-1 {
    float: left;
    position: relative;
    widtH: 100%;
    margin-bottom: 0px;
    background: #F4F6FD url(../images/bg-1.svg) center  no-repeat !important;
}






.van-prof-4{
	float: left;
	margin: 0px 0px 0px 0px;
	position:absolute;
	width: 11px;
height: 11px;
right: -2px;
top: 44px;
border-radius: 100px;
background: #67C03D;
border: 4px solid var(--foni-1);
}


.van-div-l{
	color:#3663DD;
	line-height: 30px;
	float: left;
	font-family:font-3;
}


.van-prof-3 img{
	width: 35px;
	height: 35px;
	border-radius: 100px;
	margin: 20px 0px 0px 0px;
	line-height: 60px;
}

.van-prof-3{
		height: 76px;
		overflow:hidden;
		line-height: 76px;
		float: left;
		margin: 0px 0px 0px 0px;
		position:relative;
}
.van-prof-2:hover {
		 -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
	color:#0097E6;
}

.van-prof-2{
		 -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
	float: left;
	font-family:font-4;
	color:#1E2F5E;
	border-lefT: 1px var(--foni-5) solid;
	padding: 0px 20px 0px 25px;
}


.van-prof-1{
	z-index:0;
		height: 60px;
		overflow:hidden;
		position: absolute;
		line-height: 60px;
		float: right;
		margin: 0px 0px 0px -90px;
}


.van-div-2{
	float: left;
	color: #3663DD;
}


.van-div-3{
	height: 76px;
	overflow:hidden;
	position:relative;
	line-height: 76px;
	display: inline-block;
	float: left;
	color: #3663DD;
}




    .search-wrapper .input-holder {
        transition: all .2s ease-in-out;
    }

    .search-wrapper.active .input-holder .search-input {
        transform: translate(0,0px);
    }



.svg-menu-1 path{
    fill: #A4C4FF;
    }


.svg-menu-1 svg{
    width: 100%;
    }

.svg-menu-1 svg{
    fill: #fff;
    width: 11px;
    height: 6px;
    margin: -0px 0px 0px 3px;
    position:relative;
   top: -3px;
}


.van-div-10{
	floaT: right;
	position:relative;
}

.van-div-9{
	-webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
	position:relative;
	width: 20px;
	height: 20px;
	floaT: right;
	margin: 5px 22px 0px 0px;
	background: #273C75 url(../images/icon-4.svg) center no-repeat;
	border-radius: 100px;
}




.van-div-7{
    cursor: pointer;
    overflow:hidden;
    width: 53px;
    height: 30px;
    line-height: 30px;
    floaT: right;
    position:relative;
    margin: 24px 0px 0px 37px;
    border-radius: 100px;
    background: #375199;
    text-align: center;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
}


.van-div-8{
    margin: 0px 5px;
}




.van-div-3 button{
    floaT: right;
    background:rgb(255 255 255 / 0%);
    border:0;
}



.mobm-1{
display: none !important;
}


#cssmenu ul svg {
  fill:#fff;
}


#cssmenu ul .menu-a::before, #cssmenu ul .menu-a::after {
    width: 10px;
}


#cssmenu > ul > .home-svg-1 svg{
    width: 19px;
    height: 19px;
    margin: -3px 0px -5px 0px;
    position:relative;
    floaT: left;
    }

.van-div-1:hover .van-div-2 svg{
   fill: #fff;
    -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
}

.van-div-01.van-div-2 svg{
    -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
}

.van-div-1:hover .van-div-2{
   background: #3663DD;
   -webkit-transition: all .2s;
   -moz-transition: all .2s;
   -o-transition: all .2s;
   transition: all .2s;
}


.swore-1{
    floaT: left;
    background: rgb(238 238 238 / 0%);
    z-indeX:0;
    width: 100%;
    position:absolute;
    text-align: center;
    left: 0px;
    height: 30px;
}

.van-div-2 svg{
   fill: #3663DD;
}

.van-div-03.van-div-2{
    line-height: 36px;
}

.van-div-2{
    overflow:hidden;
    width: 32px;
    height: 32px;
    line-height: 34px;
    floaT: left;
    position:relative;
    margin: 0px 12px 0px 0px;
    border-radius: 100px;
    background: #DAE3FA;
    text-align: center;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
}


.van-div-1{
    floaT: left;
    position:relative;
    margin-top: 15px;
}







.search-wrapper.search-wrap.hidden.active{
	animation:fade_in_show 0.2s}
	@keyframes fade_in_show{0%{opacity:0;transform:scale(0)}
	100%{opacity:1;transform:scale(1)}
}

.search-wrapper .input-holder .search-icon:hover {
-webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;
}

.search-wrapper .input-holder .search-icon {
-webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;
}



.search-wrapper.search-wrap.hidden.active{
	height: 76px;
	padding: 0px 0px 0px 0px;
	margin-top: 0px;
}


.search-wrapper {
	z-indeX: 9999;
	position: absolute;
	top: 0px;
	right: 0px;
	}


    .search-wrapper .input-holder {
		overflow:hidden;
		lefT: -40px;
		height: 76px;
		width: 40px;
		position: absolute;
		}


    .search-wrapper.active .input-holder {
		height: 76px;
		lefT: -410px;
		width: 410px;
		background: #314889;
		z-index:1;
		top: 0px;
		border-radius: 0px !important;
		}




    .search-wrapper .input-holder .search-input {
		
    	width: 0px;
    	height: 76px;
    	padding: 0 0px 0 0px;
    	opacity: 0;
    	position: absolute;
    	top: 0;
    	left: 0;
    	background: 0 0;
    	box-sizing: border-box;
    	border: none;
    	outline: none;
    	font-family: font-2;
    	font-size: 14px;
    	line-height: 20px;
    	color: #eceeff;
    }

    .search-wrapper.active .input-holder .search-input {
    	width: 350px;
    	padding: 0px 0px 0px 25px;
    	opacity: 1;
    }

    .search-wrapper.active .input-holder .search-icon {
		margin-right: 45px;
    }

    .search-wrapper .input-holder .search-icon {
		top: 18px;
    	opacity:0;
    	width: 40px;
    	height: 40px;
    	margin-top: 0px;
    	border: none;
    	border-radius: 0px;
    	padding: 0;
    	outline: none;
    	position: relative;
    	z-index: 11;
    	float: right;
    	cursor: pointer;
  }

 .search-wrapper .input-holder .search-icon:hover::before {
    background-color: #4c66ad;
	 -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
}


 .search-wrapper .input-holder .search-icon::before {
	 -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
    border-radius: 5px;
    lefT: 0px;
    width: 100%;
    height: 100%;
    bottom: 0px;
    position: absolute;
    background: #3F5797 url(../images/icon-3.svg) center  no-repeat;
    content: "";
}

.search-wrapper.active .input-holder .search-icon::before {
		display: none;
    }


.q_search input::placeholder {
    color: #ffffff;
}

    .search-wrapper .input-holder .search-icon:hover {
    	background: var(--foni-14);
    }


    .search-wrapper .input-holder .search-icon {
         background: var(--foni-1);
    	opacity: 1;
        border-radius: 5px;
        z-index:9999;
    }

    .search-wrapper.active .input-holder .search-icon {
    	opacity: 9;
        background: url(../images/search-1.svg) center no-repeat;
        z-index:9999;
        display: none;
    }

    .search-wrapper .input-holder .search-icon span {
        width: 22px;
        height: 22px;
        display: inline-block;
        vertical-align: middle;
        position: relative;
    }

    .search-wrapper.active .input-holder .search-icon span {
		opacity: 0;
		}

    .search-wrapper .input-holder .search-icon span::before,.search-wrapper .input-holder .search-icon span::after {
        position: absolute;
        content: '';
    }

    .search-wrapper .input-holder .search-icon span::before {
        width: 4px;
        height: 14px;
        left: 22px;
        top: 8px;
        border-radius: 5px;
        transform: rotate(-85deg);
    }

    .search-wrapper .input-holder .search-icon span::after {
        width: 14px;
        height: 14px;
        left: 0;
        top: 0;
        border-radius: 16px;
    }

    .search-wrapper .close {
		opacity:0;
		position: absolute;
		z-index: 1;
		top: 28px;
		right: 16px;
		width: 20px;
		height: 20px;
		cursor: pointer;
		transform: rotate(45deg);
		}

    .search-wrapper.active .close {
		transform: rotate(45deg);
        transition: all .6s cubic-bezier(0,.105,.035,1.57);
		opacity:9;
    }

    .search-wrapper .close::before,.search-wrapper .close::after {
        position: absolute;
        content: '';
        background: #ffffff;
        border-radius: 10px;
    }

    .search-wrapper .close::before {
        width: 2px;
        height: 20px;
        left: 9px;
        top: 0;
    }

    .search-wrapper .close::after {
        width: 20px;
        height: 2px;
        left: 0;
        top: 9px;
    }


#cssmenu ul .menu-b a::before {
display: none;
}



.header-2{
    width: 100%;
    height: 60px;
    floaT: left;
    position:relative;
}

#cssmenu ul li a::before {
    width: 1px;
    height: 12px;
    position: absolute;
    background: #41599B;
    content: "";
    right: -1px;
    top: 32px;
}

.header-4 ul li ul li a{
   border-right: 0px #ffffff solid;
   font-family: font-1 !important;
}

.header-4 ul li a{
    letter-spacing:0.4px;
    font-family: font-3 !important;
    border-right: 0px #5d95d9 solid;
    font-size: 15.2px;
    float: left;
    padding: 33px 22px 32px 22px;
    line-height: 11px;
    position:relative;
}

.header-12 a{
   color:#a5a7b2;
}

#cssmenu ul li ul li::before, #cssmenu ul li ul li::after {
display:none !important;
}

#cssmenu ul li:hover::before, #cssmenu ul li:hover::after {
    width: 10px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

#cssmenu ul li::after {border-radius: 0px;}

#cssmenu ul li::before {
right: 50% !important;
border-radius: 0px 0px 0px 0px;
}

.darken #cssmenu > ul > li:hover > ul a{ color: #9ca1af; }

.darken  #cssmenu ul li ul li a{
	border-bottom: 1px #2b3349 solid
}



#cssmenu ul li::before, #cssmenu ul li::after {
    width: 0%;
    height: 5px;
    bottom: -0px;
    position: absolute;
    background: #FC427B;
    content: "";
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

#cssmenu ul li::after {
    right: 50% !important;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

#cssmenu ul li::before {
    left: 50%;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

#cssmenu{margin-right: 100px;floaT: right;padding:0;line-height:1;display:block;position:relative;font-family:font-1;box-sizing:content-box;}
#cssmenu ul{list-style:none;margin: 0px 0px -1px 0px;padding: 0px 0px 0px 0px;display:block;float: right;}
#cssmenu ul li{    margin: 0px 0px;  padding:0px 0px; display:block;position:relative;}
#cssmenu ul li a{  text-decoration:none;display:block;margin:0;-webkit-transition:color .1s ease;-moz-transition:color .1s ease;-ms-transition:color .1s ease;-o-transition:color .1s ease;transition:color .1s ease;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
#cssmenu ul li ul{ position:absolute;left:-9999px;top: 76px;}
#cssmenu ul li ul li{
border-left: 0px #eee solid !important;
max-height:0;
position:absolute;
-webkit-transition:max-height 0.1s ease-out;
-moz-transition:max-height 0.1s ease-out;
-ms-transition:max-height 0.1s ease-out;
-o-transition:max-height 0.1s ease-out;transition:max-height 0.1s ease-out;
}

#cssmenu.align-right ul li ul li.has-sub:after{right:auto;left:15px;}
#cssmenu.align-right ul li ul li.has-sub:before{right:auto;left:15px;border-left-color:transparent;border-right-color:#fff;}
#cssmenu ul li ul li a{ font-family: font-4 !important;  -webkit-transition: all .1s;-moz-transition: all .1s;-o-transition: all .1s;transition: all .1s; border-bottom: 1px #eee solid;display: inline-block;font-size: 15px;opacity: 1; font-family:font-2;font-size: 14px;font-weight:400;text-transform:none;letter-spacing:0;display:block;width:280px;padding: 19px 10px 19px 20px;}
#cssmenu ul li ul li:hover > a, #cssmenu ul li ul li.active > a{ -webkit-transition: all .1s;-moz-transition: all .1s;-o-transition: all .1s;transition: all .1s;  color: #FC427B; !important;background: rgb(45 48 62 / 3%);}
#cssmenu ul li ul li:hover:after,
#cssmenu ul li ul li.active:after{background:#2196f3;}
#cssmenu ul li ul li:hover > ul{  background: #191a21;border-top: 0px solid #191a21;border-bottom: 0px solid #191a21;border-left: 0px solid #eee;border-right: 0px solid #eee;left:100%;top: 0px;}
#cssmenu ul li ul li:hover > ul > li{max-height:72px;position:relative;}
#cssmenu > ul > li{float:left;}
#cssmenu.align-center > ul > li{float:none;display:inline-block;}
#cssmenu.align-center > ul{text-align:center;font-size:0;}
#cssmenu.align-center ul ul{text-align:left;}
#cssmenu.align-right > ul{float:right;}
#cssmenu.align-right > ul > li:hover > ul{left:auto;right:0;}
#cssmenu.align-right ul ul li:hover > ul{right:100%;left:auto;}
#cssmenu.align-right ul ul li a{text-align:right;}
#cssmenu > ul > li:hover > a,
#cssmenu > ul > li.active > a{color: #FC427B;position:relative;z-index:9999;cursor:pointer;-webkit-transition: all .3s;-moz-transition: all .3s;-o-transition: all .3s;transition: all .3s;}
#cssmenu > ul > li > a,
#cssmenu > ul > li.active > a{
    color:#fff;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;

}

#cssmenu > ul > li:hover > ul a{opacity:9;font-size: 14px;color: #3D4865;left:0;}
#cssmenu > ul > li:hover > ul{left: -175px;}
#cssmenu > ul > li:hover > ul > li{display: inline-block;z-index:999999;max-height: 47px;position:relative;}
#cssmenu #menu-button{display:none;}
#cssmenu > ul > li > a{display:block;}
#cssmenu > ul > li{width:auto;}
#cssmenu > ul > li > ul{border-radius: 0px 0px 5px 5px;overflow:hidden;background: #ffffff;box-shadow: 0px 5px 10px 0px rgb(0 0 0 / 10%);font-family:font-2;width:280px;display:block;}

.header-03.header-3 {
    position: fixed;
    top: 0px !important;
    margin-top: 0px;
    box-shadow: 0px 4px 4px rgb(0 0 0 /8%);
    z-index:9;
}

.header-3 {
    z-index: 11;
    float: left;
    position: relative;
    margin-top: 0px;
    widtH: 100%;
    background: var(--foni-1);
    line-height: 50px;
}


.logo-1 img{
    widtH: 100%;
    line-height: 0px;
    float: left;
    position: relative;
}



.logo-2 svg{
    line-height: 0px;
    width: 280px !important;
	height: 55px;
    float: left;
    position: relative;
}

.logo-1 {
    width: 280px;
	height: 30px;
    margin: 10px 0px 0px 0px;
    float: left;
    position: relative;
}



.header-1 {
    float: left;
    position: relative;
    widtH: 100%;
    height: 60px;
    background:var(--foni-4);
    line-height: 60px;
}

.divi-slaider-bg {
    float: left;
    position: relative;
    widtH: 100%;
    color: #000;
    z-index:1;
    margin-bottom: 20px;
}


/*-- slaider --*/


.slick-next:before{
	width: 100%;
	height: 100%;
	background: url(../images/icon-6.svg) center  no-repeat;
	content: "";
	position:absolute;
	lefT: 0px;
}

.slick-prev:after{
	width: 100%;
	height: 100%;
	background: url(../images/icon-7.svg) center  no-repeat;
	content: "";
	position:absolute;
	lefT: 0px;
}


.slick-disabled.slick-prev, .slick-disabled.slick-next {
    opacity: 0.5 !important;
}


.slick-slider{overflow:hidden;position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent;}
.slick-list{border-radius: 3px;position:relative;display:block;overflow:hidden;margin:0;padding:0;}
.slick-list:focus{outline:none;}
.slick-list.dragging{cursor:pointer;cursor:hand;}
.slick-slider .slick-list{-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}
.slick-loading .slick-track{visibility:hidden;}
.slick-slide{display:none;float:left;height:100%;min-height: 0px;}
.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent;}
.slick-arrow.slick-hidden{display:none;}
.slick-prev,
.slick-next{border:none;outline:none;}
.slick-initialized .slick-slide{display:block;}
.slick-prev:after{right:0px;top:0px;}
.slick-dots{padding-bottom: 2px !important;bottom:20px;width:100% !important;position:absolute;display: none !important;padding:0;margin:0;list-style:none;text-align:center;z-index:9;}
.slick-dots .slick-active{background: #2196f3;border-radius:100px;}
.slick-next{right:25px;floaT:left;border-radius:5px;background: rgb(0 0 0 / 70%);font-size:0px !important;z-index:1;line-height:40px;position:absolute;display:block !important;width: 40px;height: 40px;padding:0;cursor:pointer;}
.shefi-8 .slick-prev:hover{transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;box-shadow:0px 2px 5px 0px #0000001f;}
.slick-prev,.slick-next{top: 40% !important;}
.slick-prev{background:rgb(0 0 0 / 60%);lefT: 25px;floaT:left;border-radius:5px;font-size:0px !important;z-index: 1;line-height:50px;position:absolute;display:block !important;width: 40px;height: 40px;padding:0;cursor:pointer;}
.slick-dots li{display: none !important;background: #ffffff;border-radius:10px;position:relative;display:inline-block;width:15px;height:15px;margin:0 9px;padding:0;cursor:pointer;}
.slick-dots li button{font-size:0;line-height:0;display:block;width:10px;height:10px;padding:5px;cursor:pointer;color:transparent;border:0;outline:none;background:transparent;}
/*-- slaider --*/
}


.darken .sl-tv-13 {
  background: #1E212C url(../images/ts-2.svg) center  no-repeat !important; 
}



@media (min-width:1000px) and (max-width:90000000px){
.moi-2{
	display: none !important;
}
}
@media (min-width:10px) and (max-width:1000px){
.moi-1{
	display: none !important;
}
}


@media (min-width:1220px) and (max-width:90000000px){
.center-1, .bottom-nav, .size, .center-3 .alis-m-1 {  width: 1200px;}
.sl-tv-4{ width: 1215px; }
}

@media (min-width:1120px) and (max-width:1220px){
.center-1, .bottom-nav, .size, .center-3 .alis-m-1{ width: 1100px;}
.sl-tv-4{ width: 1115px; }
}

@media (min-width:1000px) and (max-width:1120px){
.center-1, .bottom-nav, .size, .center-3 .alis-m-1{ width: 980px;}
.size{ width: 977px !important;}
.sl-tv-4{ width: 993px; }
}

@media (min-width:750px) and (max-width:1000px){
.center-1, .bottom-nav, .size, .center-3 .alis-m-1{ width: 730px;}
.sl-tv-4{ width: 740px; }
}

@media (min-width:560px) and (max-width:750px){
.center-1, .bottom-nav, .size, .center-3 .alis-m-1{ width: 540px;}
.size{ width: 537px !important;}
.sl-tv-4{ width: 550px; }
}

@media (min-width:10px) and (max-width:560px){
.center-1{ width: auto;  margin: 0px 14px !important; }
.bottom-nav, .size{ width: 100%;}
.sl-tv-4{width: 100%;}
}


@media (min-width:1000px) and (max-width:90000000px){.outer-menu input{display: none;}}

.abc-1 .center-1{overflow:hidden;}
.center-1{ margin: auto;position:relative;}


h1,h2,h3,h4,h5,.h1,.h2,.h3,.h4,.h5{margin:1em 0 .6em 0;letter-spacing:0.01em;line-height:normal;font-weight:bold;text-rendering:optimizeLegibility;font-family:font-1;}
h1,.h1{font-size:23px;}h2,.h2{font-size:21px;}h3,.h3{font-size:20px;}h4,.h4{font-size:18px;}h5,.h5{font-size:16px;}
body{margin:0 auto; background: var(--gb); font-family:font-1, Verdana, sans-serif;font-size:14px;}
::-webkit-scrollbar-track{background:#ddd;}
::-webkit-scrollbar-thumb{background:#273C75;}
::-webkit-scrollbar{width:8px;}
a{color:#181722;text-decoration:underline;text-decoration:none;}
a img{border:0 none;}
ol, ul, li{list-style:none;}
*{margin:0;padding:0;outline:none;}
::selection{background-color:#273C75;color:#fff;}
::selection{color:#fff;}


@font-face{font-family:font-1;src:url('../fonts/font-1.ttf');}
@font-face{font-family:font-2;src:url('../fonts/font-3.ttf');}

@font-face{font-family:font-3;src:url('../fonts/font-01.ttf');}
@font-face{font-family:font-4;src:url('../fonts/font-02.ttf');}

@font-face{font-family:font-01;src:url('../fonts/f.otf');}
@font-face{font-family:font-02;src:url('../fonts/ff.ttf');}