.a-short-2 a{
	display: block !important;
}

.mob-br-1 {
    z-index:1;
}

@media (min-width:10px) and (max-width:570px){
.mob-foter-02 img {
    width: 130px;
    floaT: left;
}
}

body .arm-log-2.pr-log-1.foter-logo-1.footer-8 img{
	width: 130px !important;
}


@media (min-width:570px) and (max-width:90000000px){
.ffanjara-4-p-1 .ffanjara-5, .ffanjara-4-p-1 .ffanjara-5 img{
	width: 135px !important;
}
}

@media (min-width:10px) and (max-width:570px){
.ffanjara-4-p-1 .ffanjara-5, .ffanjara-4-p-1 .ffanjara-5 img{
	width: 125px !important;
}
}










.darken .ffanjara-4:hover img{
    opacity: 100% !important;
    transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;
}

.darken .ffanjara-4:hover img{
	transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;
	opacity: 100%;
	-webkit-filter: saturate(100%) !important;
    filter: saturate(100%) !important;
}


.darken .ffanjara-3:hover img{
	transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;
	-webkit-filter: saturate(0%);
    filter: saturate(0%);
    opacity: 60%;
}



@media (min-width: 570px) and (max-width:800px){

	
body div .mob-br-7 .brc-3 img{
	width: 160px;
	margin-top: 0px !important;
	margin-left: 30px !important;
}
	
body div div .mob-br-8.brc-1 img{
		floaT: left;
	position:relative;
	margin-left: 10px !important;
}


	
	body div .mob-br-7 div img{
	floaT: left;
	margin: 0px 0px 0px 0px !important;
	height: 30px;
	text-align: left;
}
	
body div div div .mob-br-7 div{
	padding: 5px 25px 10px 25px;
	width: 40% !important;
	floaT: left;
	margin: 0px 0px 0px 0px !important;
	text-align: left;
}

body div div div .brc-3 {
	padding: 0px 0px 0px 0px !important;
	width: 100% !important;
	floaT: left;
	margin: 0px 0px 0px 0px !important;
	text-align: left;
}
	
}




body div .mob-br-7 .brc-2{
	background: hsl(216deg 26.32% 96.27% / 0%);
	border-radius: 100px;
}


body .mob-br-7 .brc-2 img{
	background: rgb(243 245 248 / 0%);
}



body .pr-log-1.foter-logo-1 img{
	width: 120px !important;
}

body .pr-log-2.mob-br-08.mob-br-8.brc-4 img{
	width: 110px !important;
	margin: -4px 0px 0px 7px !important;
}




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

.mob-br-7 .brc-4 img{
	margin: 0px 0px 0px 5px !important;
	width: 77px;
}
.mob-br-7 .brc-1 img{
	width: 70px;
}
.mob-br-7 .brc-2 img{
	width: 85px;
}

body .mob-br-7 .brc-3 img{
	width: 160px;
	margin-top: 5px !important;
}


.mob-br-7 div img{
	floaT: left;
	margin: 0px 0px 20px 22px !important;
	height: 30px;
	text-align: left;
}

.mob-br-7 div{
	width: 44% !important;
	floaT: left;
	margin: 0px 0px 0px 0px !important;
	text-align: left;
}

.mob-br-7{
	width: 100% !important;
	floaT: left;
	margin: 0px 0px 0px 0px !important;
}

.mob-br-7 div img{
	floaT: left;
	margin: 0px 0px 0px 22px !important;
	height: 30px;
	text-align: left;
}
	
}






body .foter-logo-4.foter-logo-2 img{
	width: 90px !important;
}


body .foter-logo-3 img{
	width: 145px !important;
}

body .foter-logo-2 img{
	width: 90px !important;
}

body .foter-logo-1 img{
	width: 80px !important;
}



@media (min-width: 10px) and (max-width:800px){
body .ffanjara-5 img, body .ffanjara-5{
	width:80px;
}
}


.darken .lent-mob-1 .slaid-pro-1::-webkit-scrollbar-track{background:#121831 !important; border-radius: 100px; }
.darken .lent-mob-1 .slaid-pro-1::-webkit-scrollbar-thumb{ border: 0px solid #ffffff; background:#212c52 !important; border-radius: 100px;  }


.darken div .prog-pro-1 .slick-next {
     background: #18203e url(../images/nes-02.svg) center no-repeat !important;
     background-size: 7px !important;
}
.darken div .prog-pro-1 .slick-prev {
	left: auto;
     background: #18203e url(../images/nes-01.svg) center no-repeat !important;
     background-size: 7px !important;
}


.darken div .prog-pro-1 .footballs-6{
	background: #202A50;
}


.darken div .prog-pro-1 .footballs-4{
	background: #18203e !important;
	color: #c0c4d5 !important;
}


.darken .prog-short-5:hover{
	color:#fff !important;
}
.darken .prog-short-5{
	color:#b9c0e1;
}

.darken .fli-1.footballs-1.progno-div.prog-pro-1{
	background: #18203e !important;
	opacity: 100% !important;
}

@media (min-width:10px) and (max-width:570px){
.lent-mob-1.prog-pro-1 .footballs-7{
	margin-top: -9px;
	 overflow: hidden;
	 width: calc(100% + 0px);
	floaT: left;
	margin-lefT: 0px !important;
}

.lent-mob-1 .prog-short-2{
	margin: 0px 0px 0px 0px;
	position:relative;
}

.lent-mob-1 .prog-short-5{
	font-size: 14px;
}

.lent-mob-1 .prog-short-3, .lent-mob-1 .prog-short-3 img{
    width: 100%;
    floaT: left;
    height: 155px;
    border-radius: 10px;
}


.lent-mob-1 .prog-short-1{
	 min-width: 275px;
	 overflow: hidden;
	floaT: left;
	margin: 43px 15px 0px 0px;
}


.lent-mob-1 .slaid-pro-1::-webkit-scrollbar{height: 6px;}
.lent-mob-1 .slaid-pro-1::-webkit-scrollbar-track{background:#eee !important; border-radius: 100px; }
.lent-mob-1 .slaid-pro-1::-webkit-scrollbar-thumb{ border: 0px solid #ffffff; background:#b3b6c5 !important; border-radius: 100px;  }

.lent-mob-1 .slaid-pro-1{
	width:100%;
    display: flex;
    will-change: transform;
    overflow: auto scroll;
    overflow-y: hidden;
    overflow-x: auto;
    padding-bottom: 15px !important;
    margin-bottom: 0px;
}

body div div  .lent-mob-1{
	display: block !important;
}
}




@media (min-width:570px) and (max-width:800px){
.lent-mob-1.prog-pro-1 .footballs-7{
	margin-top: -9px;
	 overflow: hidden;
	 width: calc(100% + 0px);
	floaT: left;
	margin-lefT: 0px !important;
}

.lent-mob-1 .prog-short-2{
	margin: 0px 15px 0px 0px;
	position:relative;	
}

.lent-mob-1 .prog-short-5{
	font-size: 14.5px;
}

.lent-mob-1 .prog-short-3, .lent-mob-1 .prog-short-3 img{
    width: 100%;
    floaT: left;
    height: 150px;
    border-radius: 10px;
}


.lent-mob-1 .prog-short-1{
	 min-width: 290px;
	 overflow: hidden;
	floaT: left;
	margin: 45px 0px 3px 0px;
}


.lent-mob-1 .slaid-pro-1::-webkit-scrollbar{height: 6px;}
.lent-mob-1 .slaid-pro-1::-webkit-scrollbar-track{background:#eee !important; border-radius: 100px; }
.lent-mob-1 .slaid-pro-1::-webkit-scrollbar-thumb{ border: 0px solid #ffffff; background:#b3b6c5 !important; border-radius: 100px;  }

.lent-mob-1 .slaid-pro-1{
	width:100%;
    display: flex;
    will-change: transform;
    overflow: auto scroll;
    overflow-y: hidden;
    overflow-x: auto;
    padding-bottom: 15px !important;
    margin-bottom: 2px;
}

body div div  .lent-mob-1{
	display: block !important;
}
}




@media (min-width:800px) and (max-width:900px){
.lent-mob-1.prog-pro-1 .footballs-7{
	margin-top: -9px;
	 overflow: hidden;
	 width: calc(100% + 0px);
	floaT: left;
	margin-lefT: 0px !important;
}

.lent-mob-1 .prog-short-2{
	margin: 0px 15px 0px 0px;
	position:relative;	
}

.lent-mob-1 .prog-short-5{
	font-size: 14.5px;
}

.lent-mob-1 .prog-short-3, .lent-mob-1 .prog-short-3 img{
    width: 100%;
    floaT: left;
    height: 170px;
    border-radius: 10px;
}


.lent-mob-1 .prog-short-1{
	 min-width: 320px;
	 overflow: hidden;
	floaT: left;
	margin: 45px 0px 3px 0px;
}


.lent-mob-1 .slaid-pro-1::-webkit-scrollbar{height: 6px;}
.lent-mob-1 .slaid-pro-1::-webkit-scrollbar-track{background:#eee !important; border-radius: 100px; }
.lent-mob-1 .slaid-pro-1::-webkit-scrollbar-thumb{ border: 0px solid #ffffff; background:#b3b6c5 !important; border-radius: 100px;  }

.lent-mob-1 .slaid-pro-1{
	width:100%;
    display: flex;
    will-change: transform;
    overflow: auto scroll;
    overflow-y: hidden;
    overflow-x: auto;
    padding-bottom: 15px !important;
    margin-bottom: 15px;
}

body div div  .lent-mob-1{
	display: block !important;
}
}




body div .lent-mob-1{
	display: none !important;
}



.prog-short-3, .prog-short-3 *{
	font-size: 0px !important;
}


@media (min-width:10px) and (max-width:800px){
.ful-1 .prog-pro-1.fli-1.footballs-1{
	padding: 20px 0px 0px 0px !important;
}
body .prog-short-1{
	margin: 45px 0px 1px 0px;
}
}


.prog-pro-1 .prog-short-1 img {
        -webkit-transition: all .5s;
        -moz-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s;
        -webkit-filter: saturate(100%);
        filter: saturate(100%)
    }

.prog-pro-1 .prog-short-1: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 .5s;
        -moz-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s;
        -webkit-filter: saturate(130%);
        filter: saturate(130%)
    }



.prog-pro-1 .footballs-3{
	margin: 0px 0px -40px 0px !important;
}


.ful-1 .prog-pro-1.fli-1.footballs-1{
	padding: 20px 0px 7px 0px;
}


.prog-pro-1 .footballs-7{
	margin-top: -9px;
	 overflow: hidden;
	 width: calc(100% + 20px);
	floaT: left;
	margin-lefT: -10px;
}


.prog-pro-1 .slick-prev, .prog-pro-1 .slick-next{ top: 0px !important;}

.prog-short-5:hover{
	color: #565f8b;
}

.prog-short-5{
	color: #2B3252;
	font-family: font-3;
	text-align: center;
    width: 100%;
    floaT: left;
    position:relative;
    overflow:hidden;
	margin: 15px 0px 0px 0px;
}
.prog-short-2{
	margin: 0px 10px;
	position:relative;	
}

.prog-pro-1.footballs-8, .prog-pro-1 .footballs-8{
	 overflow: hidden;
	width: 100% !important;
	floaT: left;
}


.prog-short-3, .prog-short-3 img{
    width: 100%;
    floaT: left;
    height: 210px;
    object-fit: cover;
    border-radius: 14px;
    position:relative;
    overflow:hidden;
}

.prog-short-1{
	 overflow: hidden;
	floaT: left;
	margin: 45px 0px 15px 0px;
}








.no-no-1 .prog-pro-1.footballs-1{
	 margin-bottom: 20px !important;
}

.ful-1 .prog-pro-1 .footballs-1{
	 overflow: hidden;
	width: 100%;
	floaT: left;
	margin: 0px 0px 0px 0px;
	background:#fff;
	border-radius: 14px;
	padding: 0px 0px 0px 0px;
}




.ko-sm-11 .van-div-04 .swore-3{  
	background: url(../images/vi-01.svg) center no-repeat;
	background-size: 13px !important;
}


.van-div-04.van-div-2{
	width: 29px;
}

.van-div-04:hover .swore-3{  
	width: 100%;
	height: 100%;
	floaT: left;
	lefT: 0px;
	top: 0px;
	z-index:1;
	position:absolute;
	background: #7360f2 url(../images/vi-01.svg) center no-repeat !important;
		background-size: 13px !important;
    -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
}


.darken .van-div-04 .swore-3{
		background: url(../images/daa.svg) center no-repeat;
		background-size: 13px;
}

.van-div-04 .swore-3{  
	width: 100%;
	height: 100%;
	floaT: left;
	lefT: 0px;
	top: 0px;
	z-index:1;
	position:absolute;
	background: url(../images/vi-1.svg) center no-repeat;
	background-size: 13px;
    -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
}




#nos-1 .sp-tit-1{
	margin-top: 0px !important;
}

@media (min-width:900px) and (max-width:90000000px){
#nos-1 .h-banr-7.h-banr-4{
	display: none;
}
}


.h-banr-6.h-banr-4{
	margin-top: 95px;
}


.no-bi-1.no-no-1 {
	margin-top: 0px !important;
}

@media (min-width:10px) and (max-width:900px){
.h-banr-6.h-banr-4{
	margin-top: 70px !important;
}
}



.h-banr-4 img{
	width: 100%;
	line-height: 0px;
	floaT: left;
	position:relative;
	object-fit:cover;
}

.h-banr-4{
	floaT: left;
	width: 100%;
	overflow:hidden;
	position:relative;
	margin: 0px 0px 20px 0px;
	border-radius: 14px;
}


@media (min-width:570px) and (max-width:90000000px){
.mobiluri{
	display: none;
}
}

@media (min-width:10px) and (max-width:570px){
.desktopi{
	display: none;
}
}



@media (min-width:900px) and (max-width:90000000px){
.h-banr-2{
	display: none;
}
}

@media (min-width:10px) and (max-width:900px){
    
	
.b-no.div-home-1{
	margin: 0px 0px 0px 0px !important;
}

.b-no .van-div-3{
	margin-top: -75px !important;
}

.h-banr-2 img{
	width: 100%;
	line-height: 0px;
	floaT: left;
	position:relative;
	object-fit:cover;
}

.h-banr-2{
	width: 100%;
	overflow:hidden;
	position:relative;
	margin: 85px 0px 14px 0px;
	border-radius: 14px;
}

.h-banr-3.ball-m-size-1{
	width: 100%;
	floaT: left;
	position:relative;
	display: block !important;
	margin-top: 0px;
}
}



@media (min-width:10px) and (max-width:900px){
.h-banr-1{
	display: none;
}
}

@media (min-width:900px) and (max-width:1000px){
.hheader-3.b-no.header-3.header-01.header-001 .header-8 ul li a{
	padding: 19px 8px;
}

.b-no.header-01 .header-8 ul li a{
	padding: 28.3px 8px 26.3px 8px;
}
}


@media (min-width:1000px) and (max-width:90000000px){
.hheader-3.b-no.header-3.header-01.header-001 .header-8 ul li a{
	padding: 19px 14px;
}

.b-no.header-01 .header-8 ul li a{
	padding: 28.3px 14px 26.3px 14px;
}
}

@media (min-width:900px) and (max-width:90000000px){

.header-001.b-no.header-01 #cssmenu ul li ul li:hover {
    background: url(../images/hov.svg)  center 60px no-repeat;
}

.header-001.b-no.header-01 #cssmenu ul li:hover, .header-001.b-no.header-01 #cssmenu ul .m-col-a {
	    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    color: #2B3252 !important;
    background: url(../images/hov.svg)  center 40px no-repeat;
}

.b-no.header-01 #cssmenu ul li:hover, .b-no.header-01 #cssmenu ul .m-col-a {
	    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    color: #2B3252 !important;
    background: url(../images/hov.svg)  center 53px no-repeat;
}

.header-001.b-no.header-01 #cssmenu #menu-3, .header-001.b-no.header-01 #cssmenu #menu-1, .header-001.b-no.header-01 #cssmenu #menu-2, .header-001.b-no.header-01 #cssmenu #menu-4, .header-001.b-no.header-01 #cssmenu #menu-5, .header-001.b-no.header-01 #cssmenu #menu-6, .header-001.b-no.header-01 #cssmenu #menu-7 {
	top: 55px !important;
}

.b-no.header-01 #cssmenu #menu-3, .b-no.header-01 #cssmenu #menu-1, .b-no.header-01 #cssmenu #menu-2, .b-no.header-01 #cssmenu #menu-4, .b-no.header-01 #cssmenu #menu-5, .b-no.header-01 #cssmenu #menu-6, .b-no.header-01 #cssmenu #menu-7 {
	top: 75px !important;
}


.hheader-3.header-01 #cssmenu{
  animation: fadeIn 0s;
  -webkit-animation: fadeIn 0s;
  -moz-animation: fadeIn 0s;
  -o-animation: fadeIn 0s;
  -ms-animation: fadeIn 0s;
}


.hheader-3.b-no.header-3.header-01.header-001 .logo-2 {
    margin: 6px 0px 0px 0px !important;
}


.hheader-3.header-01 .logo-2 {
    margin: 16px 0px 0px 0px !important;
}

.hheader-3.b-no.header-3.header-01.header-001 {
   position:fixed;
   top: 0px !important;
   z-index: 999;
   margin-top: 0px;
   box-shadow: 0px 0px 10px rgb(43 31 82 / 12%);
   height: 55px;
   top: 0px;
}



.h-banr-1 img{
	width: 100%;
	height: 120px;
	line-height: 0px;
	floaT: left;
	position:relative;
	object-fit:cover;
}

.h-banr-1{
	width: 100%;
	height: 120px;
	overflow:hidden;
	position:relative;
	margin: 10px 0px 0px 0px;
	border-radius: 14px;
}

.b-no.header-3.header-01 {
   position:absolute;
   top: auto !important;
   z-index: 9;
   box-shadow: 0px 0px 0px rgb(43 31 82 / 12%);
   height: 75px;
    margin-top: 55px;
}

/*-- menu --*/

}




@media (min-width:40px) and (max-width:300px){
.fr-video.fr-dvb.fr-draggable iframe{
	width: 230px;
	height: 450px;
}
}


@media (min-width:300px) and (max-width:350px){
.fr-video.fr-dvb.fr-draggable iframe{
	width: 260px;
	height: 440px;
}
}


@media (min-width:350px) and (max-width:430px){
.fr-video.fr-dvb.fr-draggable iframe{
	width: 300px;
	height: 480px;
}
}


@media (min-width:430px) and (max-width:570px){
.fr-video.fr-dvb.fr-draggable iframe{
	width: 370px;
	height: 520px;
}
}


.v-videos-3 a{
	-webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;
}

.v-videos-3 a .v-videos-4{
	-webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;
}

.v-videos-3 a:hover{
	color: #ffffff;
	-webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;
}

.v-videos-3 a:hover .v-videos-4{
	background:#ffffff !important;
}




body .ht-left-6 a{
	floaT: left;
    margin: 0px 10px 10px 0px !important;
}

body .ht-left-6 {
    padding: 8px 12px;
    bottom: 0px;
}


.footer-0014 {
    floaT: right;
    margin: 0px 10px 0px 0px;
    display: none !important;
}


.fo-ms1.fo-msg-1{
	 overflow: hidden;
	floaT: left;
	margin: 0px 0px 0px 0px;
	background: rgb(255 255 255 / 0%) !important;
	border-radius: 14px;
	padding: 0px 0px 0px 0px !important;
}


.darken .drku-1{
	display: none !important;
}


.darken .drku-2{
	display: inline-block !important;
}

.drku-2{
	display: none !important;
}



.darken .fullstor-13 #decreaseFont {
    background: rgb(216 225 239 / 20%);
}

.ye-nop-1 .a-short-3{
	margin-left: 0px !important;
}


.noshort-6.short-6{
	display: block !important;
}


.short-6{
	display: none;
}



#cssmenu > ul li .fa-angle-down{
    -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s;
}

#cssmenu > ul li:hover .fa-angle-down{
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s;
}

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

.darken .mob-br-7 .brc-2{
	background: rgb(255 255 255 / 0%) !important;
}


.darken .ht-left-8 a{
	color:#abb1c9;
	background: #323a5c url(../images/zo-1.svg) 15px center no-repeat !important;
}

}

@media (min-width:10px) and (max-width:400px){
.ll-new-1, .ll-new-1 img{
	object-fit:cover;
	height: 230px !important;
}
}

/*-- RESPONSIVE --*/
@media (min-width:10px) and (max-width:570px){

div.ui-form > li {
    margin-bottom: 15px;
}

    .form-group.combo > .combo_field:first-child {
       margin-bottom: 15px;
    }


.header-3 .center-1{ margin: 0px 20px !important; }
.header-1 .center-1{ margin: 0px 20px !important; }

.slick-active .ll-new-3{
	opacity: 100%;
	-webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s;
}


.ll-new-3{
	opacity: 0%;
	-webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s;
}

.slick-dots{top: auto !important; bottom: 6px; position:relative; }

.slick-dots .slick-active{ -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s; width: 31px !important; background: #2B3252;border-radius:100px;}
body .slick-dots li{ -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s; background: #c2c8e1; border-radius: 100px; position:relative;display:inline-block;width: 40px;height: 10px;margin: 0 5px;padding:0;cursor:pointer;}


.ll-new-1, .ll-new-1 img{
	object-fit:cover;
	height: 230px;
}

.ball-m-size-1{
	width: 100%;
	floaT: left;
	position:relative;
	display: block !important;
	margin: 80px 0px -81px 0px;
}

 .slider3{
        width:100%;
        margin:0 auto;
        overflow:hidden;
    }
    .slick-slide3{
        height:auto!important;
    }
    .slider3 img{
        width:100%;
    }
    .slider3 .slick-slide{
        height:auto!important;
    }
    .slider3 .slick-arrow{
        z-index:2!important;
    }
    .slider3 .slick-next{
        right: 25px !important;
        display: none !important;
    }
    .slider3 .slick-prev{
        left: 25px !important;
        display: none !important;
    }
    .slider3 .slick-slide{
    	margin-bottom: 10px;
        margin-right: 5px !important;
        margin-left: 5px !important;
    }


.line-ye-1 .line-text-3{
	floaT: left;
	width: 115px;
	height: 28px;
	line-height: 29px;
	margin: 12px 0px 0px 12px;
	background:#2B3252;
	color:#fff;
	border-radius: 50px 50px 50px 0px;
	text-align: center;
	font-family: font-3;
	-webkit-font-feature-settings: 'case'on;
	font-feature-settings: 'case'on;
	font-size: 14px;
}

.line-ye-1 .line-text-4{
	width: calc(100% - 30px);
	floaT: left;
	background:#fff;
	margin: 10px 10px 0px 15px;
	border-radius: 0px !important;
	overflow:hidden;
	position:relative;
}

.line-ye-1.line-text-1{
	border-radius: 14px;
	height: 102px;
}

.line-ye-1 .line-text-4 .holder-1 a{
	text-decoration: auto !important;
	font-weight: bold;
	color: #464850;
	font-size:15px;
	font-family: font-3;
	margin: 0px 20px 20px 0px !important;
	padding: 0px 22px 0px 0px !important;
	border-right: 1px #c4cad9 solid;
	border-left: 0px #c4cad9 solid;
}


.line-ye-1 .line-text-4::after, .line-ye-1 .line-text-4::before {
   display: none !important;
}

.line-ye-1 .holder-1::-webkit-scrollbar{height: 6px;}
.line-ye-1 .holder-1::-webkit-scrollbar-track{background:#eee !important; border-radius: 100px; }
.line-ye-1 .holder-1::-webkit-scrollbar-thumb{ border: 0px solid #ffffff; background:#b3b6c5 !important; border-radius: 100px;  }


body .line-ye-1 .holder-1 {
	 white-space: nowrap;
	width:100%;
    display: flex;
    will-change: transform;
    overflow: auto scroll;
    overflow-y: hidden;
    overflow-x: auto;
    margin-bottom: 0px !important;
}


.line-ye-1{
	display: block !important;
}

.s-sp-tit-6 .sp-tit-8::after {
	width: 30px;
	height: 55px;
	margin: 0px 0px 0px 0px;
	position: absolute;
	floaT: left;
	background: linear-gradient(270deg, #FFF 23.61%, rgba(255, 255, 255, 0.00) 100%);
	content: "";
	right: 0px;
	top: -12px;
	z-index:1;
	display: block !important;
}



body .s-sp-tit-6 .sp-tit-10 {
	 white-space: nowrap;
	width:100%;
    display: flex;
    will-change: transform;
    overflow: auto scroll;
    overflow-y: hidden;
    overflow-x: auto;
    margin-bottom: 0px;
}


.s-sp-tit-6 .sp-tit-8::after, .s-sp-tit-6 .sp-tit-8::before {
   display: none;
}

.s-sp-tit-6{
	display: block !important;
}

.s-sp-tit-6.sp-tit-1 {

	margin-top: 0px !important;
	margin-bottom: 10px !important;
	height: auto;
	padding: 15px 0px !important;
	line-height: 20px;
	overflow: hidden;
	width: 100%;
	floaT: left;
	margin: 90px 0px 20px 0px;
	background:#fff;
	border-radius: 14px;
	padding: 10px 0px 10px 0px !important;
}



.mob-br-7 .brc-2 img{
	background: rgb(243 245 248 / 10%);
	border-radius: 100px;
	padding: 5px 20px 5px 0px;
}


.mob-br-7 .brc-3 img{
	width: 160px;
	margin: 0px 0px 3px 0px;
}

.mob-br-7 .brc-2 img{
	width: 95px;
	margin: 0px 0px 0px -10px !important;
}

.mob-br-7 .brc-1 img{
	width: 70px;
}

.darken .drku-2:hover{
	opacity: 100% !important;
}

.darken .drku-2{
	opacity: 70%;
}


.mob-br-7 .mob-br-08{
	margin: 12px 0px 5px 0px;
    display:  inline-block;
    padding: 5px 15px 5px 15px;
}


.mob-br-7 div{
	width: 100%;
	margin: 5px 0px 15px 0px;
    padding: 0px 0px 0px 0px;
}


.modal.open:after{
	    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
	right: 20px;
	top: 17px;
	content: "";
      overflow:hidden;
      width: 33px;
      height: 33px;
      line-height: 40px;
      floaT: right;
      position:absolute;
      margin: 0px 0px 0px 0px;
      border-radius: 100px;
      background: #ffffff url(../images/con-011.svg) center no-repeat;
      text-align: center;
      -webkit-transition: all .2s;
      -moz-transition: all .2s;
      -o-transition: all .2s;
      transition: all .2s;
}

.modal {
	z-index:11111;
	margin: auto;
	width: 0%;
	box-sizing: border-box;
	display: none !important;
	position: absolute;
	top: -0px;
	right: 0;
	bottom: 0;
	left: 0;
	opacity: 0;
	-webkit-transition: -webkit-transform 0ms cubic-bezier(0.4, 0.46, 0.32, 1.275), opacity 250ms ease-in;
	transition: transform 0ms cubic-bezier(0.4, 0.46, 0.32, 1.275),opacity 0ms ease-in;
	-webkit-transform: rotateX(0deg) scale(0.78);
	transform: rotateX(0deg) scale(0.78);
}

.modal.open {
	width: 100%;
	position:relative;
  display: block !important;
  opacity: 1;
  -webkit-transform: rotateX(0deg) scale(1);
  transform: rotateX(0deg) scale(1);
}

.modal .close {
	floaT: left;
	width: 100%;
	height: 72px;
	z-index:1111;
	border-radius: 10px;
	position: absolute;
	top: 0px;
	left: 0px;
	color: hsl(0deg 0% 100% / 0%);
	font-weight: bold;
	font-size: 20px;
	line-height: 1;
	text-decoration: none;
	-webkit-transition: color 125ms ease;
	transition: color 125ms ease;
}



.mob-br-5{
      overflow:hidden;
      width: 33px;
      height: 33px;
      line-height: 40px;
      floaT: right;
      position:relative;
      margin: 2px 5px 0px 0px;
      border-radius: 100px;
      background: #ffffff url(../images/con-011.svg) center no-repeat;
      text-align: center;
      -webkit-transition: all .2s;
      -moz-transition: all .2s;
      -o-transition: all .2s;
      transition: all .2s;
}



.mob-br-4{
      overflow:hidden;
      width: 100px;
      height: 40px;
      line-height: 40px;
      floaT: left;
      position:relative;
      margin: 0px 0px 0px 0px;
      border-radius: 100px;
      background:  url(../images/blitz-1.svg) center no-repeat;
      background-size: 85px;
      -webkit-transition: all .2s;
      -moz-transition: all .2s;
      -o-transition: all .2s;
      transition: all .2s;
}

.mob-br-2{
	z-index:0;
	width: 100%;
	floaT: left;
	position:relative;
	padding: 15px 0px 15px 0px;
	border-radius: 13px;
}


.mob-br-3, .mob-br-7{
	text-align: center;
	margin: 0px 15px;
}


.mob-br-6{
	color:#222;
	width: 100%;
	floaT: left;
	position:relative;
	margin: 0px 0px 10px 0px;
}


.mob-br-1{
	width: 100%;
	floaT: left;
	position:relative;
	box-shadow: 0px 0px 0px 1px #dfe7ef;
	border-radius: 14px;
	display: block !important;
}


body .slick-dots li button, .slick-dots li{
	width: 10px !important;
}

.v-mobl-1 .fo-li-2::-webkit-scrollbar{height: 6px;}
.v-mobl-1 .fo-li-2::-webkit-scrollbar-track{background:rgb(255 255 255 / 10%) !important; border-radius: 100px; }
.v-mobl-1 .fo-li-2::-webkit-scrollbar-thumb{ border: 0px solid #ffffff; background: rgb(255 255 255 / 20%) !important; border-radius: 100px;  }


.fo-li-1::-webkit-scrollbar{height: 6px;}
.fo-li-1::-webkit-scrollbar-track{background:#eee !important; border-radius: 100px; }
.fo-li-1::-webkit-scrollbar-thumb{ border: 0px solid #ffffff; background:#b3b6c5 !important; border-radius: 100px;  }

.fo-li-2::-webkit-scrollbar{height: 6px;}
.fo-li-2::-webkit-scrollbar-track{background:#eee !important; border-radius: 100px; }
.fo-li-2::-webkit-scrollbar-thumb{ border: 0px solid #ffffff; background:#b3b6c5 !important; border-radius: 100px;  }

.fo-li-2, .fo-li-1.footballs-8, .fo-li-2.footballs-8 {
	width:100%;
    display: flex;
    will-change: transform;
    overflow: auto scroll;
    overflow-y: hidden;
    overflow-x: auto;
    margin-bottom: 18px;
}

.fo-li-1 .short-3, .fo-li-1 .short-3 img, .footballs-9 .fo-li-2 .short-3, .footballs-9 .fo-li-2 .short-3 img{
    height: 190px;
}

.footballs-9 .fo-li-2 .short-1, .fo-li-1 .short-1{
	overflow: hidden;
	min-width: 275px !important;
	floaT: left;
	margin: 0px 15px 15px 0px;
}

.fo-li-1.footballs-8,
.fo-li-2.footballs-8
{
width: 100%;
}



.header-4{
	/* width: 100%; */
	floaT: left;
}


.star-new-6 li:nth-child(0) {
    display: none;
}

.fo-li-1 li:nth-child(4){display:none}



.f-club-2 img{
    transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;
}

.f-club-2:hover img{
	transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;
	        -moz-transform: scale(1.07);
        -webkit-transform: scale(1.07);
        -o-transform: scale(1.07);
        -ms-transform: scale(1.07);
        transform: scale(1.07);
}

.f-club-2:hover{
	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 10px 1px rgb(30 147 119 / 30%);
}


.f-club-02{
	width: 200px;
	margin: auto;
}


.f-club-2{
	transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;
	width: 200px;
	height: 50px;
	border-radius: 100px;
	line-height: 65px;
	margin: auto;
	box-shadow: 0px 0px 10px 1px rgb(43 185 151 / 0%);
}




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


.full-s-2 .slick-prev:after{right:0px;top:0px;-webkit-transform:skew(0deg, 0deg);-ms-transform:skew(0deg, 0deg);transform:skew(0deg, 0deg);}

.full-s-2 .slick-next:before{
	width: 30px;
	height: 30px;
	background: url(../images/next-1.svg) 12px 11px  no-repeat;
	content: "";
	position:absolute;
	lefT: 0px;
}

.full-s-2 .slick-prev:after{
	width: 30px;
	height: 30px;
	background: url(../images/next-2.svg) 12px 11px  no-repeat;
	content: "";
	position:absolute;
	lefT: 0px;
}


.full-s-2 .slick-next{
	right: 15px;
}

.full-s-2 .slick-prev{
	left: 15px !important;
}

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

.full-s-2 .slick-next, .full-s-2 .slick-prev{
	background-color: #2B3252;
	border: 0;
	floaT:left;
	border-radius: 100px;
	font-size:0px !important;
	z-index:9;
	line-height:40px;
	position:absolute;
	display:block !important;
	width: 30px !important;
	height: 30px !important;
	padding:0;
	cursor:pointer;
	}


.full-s-2 .slick-dots li{background: rgb(255 255 255 / 25%);border-radius:10px;position:relative;display:inline-block;width:10px;height:10px;margin:0 2px;padding:0;cursor:pointer;}
.full-s-2 .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;}

.full-s-2 .slick-dots{lefT: 0px; bottom: 20px !important; top: inherit !important; width: 100% !important;position:absolute;padding:0;margin:0;list-style:none;text-align:center;z-index:9;}
.full-s-2 .slick-dots .slick-active{background: #ededed;border-radius:100px;}


.full-s-2{
	width: 100%;
	position:relative;
	overflow:hidden;
	float: left;
	margin: 0px 0px 5px 0px;
	border-radius: 14px;
}


.ms-a-short-1{
	floaT: right;
	position: relative;
	right: 0px;
	bottom: 0px;
}

.ms-a-short-3{
	font-family: font-3;
	floaT: left;
	height: 16px;
	font-size: 14px;
	border-radius: 14px;
	position:relative;
	margin: 6px 0px 0px 0px;
	color:#888A8E;
}

.ms-a-short-2{
	display: none;
	float: left;
	position:relative;
	margin-bottom: 0px;
	color:#fff;
	font-size: 0px;
}

.ms-a-short-2 a:nth-child(2){
	display: inline-flex;
}

.ms-a-short-2 a:hover{
	background: #333b60;
	transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;
}

.ms-a-short-2 a{
	transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;
	color:#fff;
	font-size: 13px !important;
	background: #2B3252;
	padding: 7px 12px;
	border-radius: 100px;
	display: none;
}


.light-mode .ms-a-short-1{
	display: block;
}

.light-mode .ms-short-5, .light-mode .ms-a-short-1{
	width: calc(100% - 145px);
}

.light-mode .ms-short-5{
	font-size: 15px;
	line-height: 18px;
	color: #2B3252;
	floaT: right;
	/* height: 74px; */
	object-fit: cover;
	position:relative;
	overflow:hidden;
	margin: 0px 0px 5px 0px;
	font-family: font-3;
}


.light-mode .ms-short-1{
	position:relative;
	overflow: hidden;
	width: 100%;
	floaT: left;
	margin: 0px 0px 15px 0px;
	padding-bottom: 15px;
	border-bottom: 1px #E0E2E9 solid;
}

.light-mode .ms-short-3, .light-mode .ms-short-3 img{
    width: 130px;
    floaT: left;
    height: 100px;
    object-fit: cover;
    border-radius: 14px;
    position:relative;
    overflow:hidden;
}



.light-mode .ms-a-short-01{
display: none;	
}

.div-left-menu-001.div-left-menu-1 {
    margin: -0px -5px -3px 0px;
    height: 25px;
    border: 0px;
}


.ms-a-short-01 a{
	color:#7E7F83;
}

.ms-a-short-01{
	font-size: 15px;
	-webkit-font-feature-settings: 'case'on;font-feature-settings: 'case'on;
	width: 100%;
	floaT: left;
	position:relative;
	font-family: font-3;
	color:#7E7F83;
	margin: 12px 0px 5px 0px;
}



.ms-a-short-02{
	float: right;
	position:relative;
	margin-bottom: 0px;
	font-size: 0px;
}

.ms-a-short-02 a:nth-child(2){
	font-size: 14px;
	display: inline-flex;
}

.ms-a-short-02 a:hover{
	color: #333b60;
	transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;
}

.ms-a-short-02 a{
	transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;
	display: none;
}

.ms-short-1 img {
        -webkit-transition: all .5s;
        -moz-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s;
        -webkit-filter: saturate(100%);
        filter: saturate(100%)
    }

.ms-short-2: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 .5s;
        -moz-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s;
        -webkit-filter: saturate(130%);
        filter: saturate(130%)
    }


.ms-short-2:hover .ms-short-5 {
 transition:all 0.2s ease-in-out;
 -moz-transition:all 0.2s ease-in-out;
 -webkit-transition:all 0.2s ease-in-out;
 color: #4a5483;
}


.ms-short-5{
	font-size: 17.5px;
	color: #2B3252;
	width: 100%;
	floaT: left;
	object-fit: cover;
	position:relative;
	overflow:hidden;
	margin: 0px 0px 0px 0px;
	font-family: font-3;
}

.ms-a-short-1{
	display: none;
}


.ms-short-4{
	font-size: 14px;
	font-family: font-3;
	floaT: left;
	height: 16px;
	object-fit: cover;
	position:relative;
	overflow:hidden;
	margin: 0px 0px 0px 0px;
	color: #7E7F83;
}

.ms-short-3, .ms-short-3 img{
    width: 100%;
    floaT: left;
    height: 210px;
    object-fit: cover;
    border-radius: 14px;
    position:relative;
    overflow:hidden;
}

.ms-short-1{
	 overflow: hidden;
	width: 100%;
	floaT: left;
	margin: 0px 0px 15px 0px;
}


.fo-msg-7{
	 overflow: hidden;
	width: 100%;
	floaT: left;
}

.fo-msg-6 {
	 overflow: hidden;
	width: 100%;
	floaT: left;
	margin: 12px 0px 0px 0px;
}


.fo-msg-5{
	border-radius: 100px;
	overflow: hidden;
	width: 13px;
	height: 13px;
	background:#2B3252;
	floaT: left;
	margin: 3.5px 5px 0px 0px;
}


.fo-msg-4 a{
	color:#2B3252;
}

.fo-msg-4{
	 overflow: hidden;
	floaT: left;
	margin: 2px 0px 0px 0px;
	padding: 0px 15px 0px 0px;
	position: relative;
	height: 20px;
	line-height: 20px;
	background:#fff;
	font-size: 19px;
	color:#2B3252;
	font-family: font-3;
	-webkit-font-feature-settings: 'case'on;font-feature-settings: 'case'on;
}

.fo-msg-3{
	margin: 5px 0px 5px 0px;
	width: 100%;
	floaT: left;
	position:relative;
}

.fo-msg-2{
	margin: 0px 15px;
}


.fo-msg-1{
	 overflow: hidden;
	floaT: left;
	margin: 15px 0px 0px 0px;
	background: #fff;
	border-radius: 14px;
	padding: 10px 0px 0px 0px;
}

.light-mode .div-left-menu-2  {
	 cursor: pointer;
}

.light-mode .div-left-menu-3  {
	cursor: default !important;
}


.div-left-menu-3  {
    	cursor: pointer;
}



.a-short-3{
	font-size: 14px;
	font-family: font-1;
	floaT: left;
	height: 16px;
	border-radius: 14px;
	position:relative;
	margin: 3px 0px 0px 0px;
	color:#888A8E;
}

.a-short-2{
display: none;
	float: left;
	position:relative;
	margin-bottom: 0px;
	color:#fff;
	font-size: 0px;
}

.a-short-2 a:nth-child(2){
	display: inline-flex;
}

.a-short-2 a:hover{
		color: #333b60;
	transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;
}

.a-short-02.a-short-2{
	margin: 8.5px 0px 0px 0px;
	floaT: right;
}


.a-short-2 a{
	font-family: font-1;
	transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	color:#7E7F83;
	font-size: 13px !important;
	padding: 4px 0px;
	border-radius: 100px;
	-webkit-font-feature-settings: 'case'on;font-feature-settings: 'case'on;
	display: none;
}

.a-short-1{
	display: none;
}


.light-mode .a-short-1{
	display: block;
}


.a-short-1{

	floaT: right;
	position:relative;
	right: 0px;
	bottom: 0px;
}

.light-mode .short-5, .light-mode .a-short-1{
	width: calc(100% - 145px);
}

.light-mode .short-5{
	font-size: 15px;
	line-height: 18px;
	color: #2B3252;
	floaT: right;
	/* height: 71px; */
	object-fit: cover;
	position:relative;
	overflow:hidden;
	margin: 0px 0px 5px 0px;
	font-family: font-3;
}

.light-mode .short-4{
	display: none;
}


.light-mode .short-3, .light-mode .short-3 img{
    width: 130px;
    floaT: left;
    height: 100px;
    object-fit: cover;
    border-radius: 14px;
    position:relative;
    overflow:hidden;
}

.light-mode .a-short-02.a-short-2{
	display: none;
}

.light-mode .short-1{
	position:relative;
	overflow: hidden;
	width: 100%;
	floaT: left;
	margin: 0px 0px 15px 0px;
}


/*-- dark --*/

.div-left-menu-3 ::after {
    width: 100%;
    height: 100%;
    lefT: 0px;
    top: 0px;
    position: absolute;
    content: "";
   	background: rgba(255, 255, 255, 0.04) url(../images/con-033.svg) center no-repeat;
   	background-size: 15px;
   	opacity: 100%;
}

.div-left-menu-3  {
	    cursor: pointer;
	width: 25px;
	height: 25px;
	line-height: 35px;
	border-radius: 0px;
	float: left;
	position:relative;
	overflow:hidden;
	margin: 0px 0px 0px 0px;
}


.div-left-menu-2 ::after {
    width: 100%;
    height: 100%;
    lefT: 0px;
    top: 0px;
    position: absolute;
    content: "";
   	background: rgba(255, 255, 255, 0.04) url(../images/con-030.svg) center no-repeat;
   	background-size: 15px;
   	opacity: 100%;
}
.div-left-menu-2  {
	width: 25px;
	height: 25px;
	line-height: 35px;
	border-radius: 0px;
	float: left;
	position:relative;
	overflow:hidden;
	margin: 0px 0px 0px 0px;
}

.light-mode .div-left-menu-2 {
    background: #fff !important;
    color: #aeadbb;
    box-shadow: 0px 0px 0px 0px #aeadbb;
    opacity: 50%;
     
}
.light-mode .div-left-menu-3 {
    box-shadow: 0px 0px 0px 0px #aeadbb;

   
}
.dark-mode .div-left-menu-3 {
    background: #fff !important;
    box-shadow: 0px 0px 0px 0px #aeadbb;
     opacity: 50%;
}


.div-left-menu-1 button {
	padding: 0px;
	display: inline-block;
    border: 0px;
    background: rgba(0, 0, 0, 0);
}
.div-left-menu-1 {
    margin: 16px 12px -5px 0px;
    height: 30px;
    float: right;
    font-family: font-1;
    font-size: 12px;
    position: relative;
    overflow:hidden;
    border: 0px;
}



.quote_block{
	width: 100%;
	floaT: left;
	position:relative;
	margin-top: 15px;
	margin-bottom: 12px;
}

.quote_block::after{
	position:absolute;
    width: 30px;
    height: 30px;
    floaT: left;
    top: -12px;
    left: 20px;
    margin: 0px 0px 0px 0px;
    background: #2B3252 url(../images/con-028.svg) center no-repeat;
    background-size: 13px;
    content: "";
    border-radius: 9px;
}

.scriptcode, .title_quote, .title_spoiler, .text_spoiler, .quote { position:relative;  padding: 10px 20px 5px 20px; background: #F1F1F1; border-radius: 14px;   }


.quote_body.contenteditable p{
	color: #2B3252 !important;
	font-family: font-1;
}


.footbaalls-5{
	color: #2F54FF;
	font-style: normal;
font-variant: all-small-caps;
}


.ful-1 .fli-1 .footballs-2{
	margin: 0px 15px;
}


.ful-1 .fli-1.footballs-1{
	 overflow: hidden;
	floaT: left;
	margin: 0px 0px 0px 0px;
	background: #fff;
	border-radius: 14px;
	padding: 12px 0px 10px 0px;
}

.ht-left-icon-2{
    position:relative;
    display: inline-flex;
    background: url(../images/con-026.svg) 0px 0px no-repeat;
    width: 20px;
    height: 22px;
    floaT: left;
    margin: 2.1px 1px 0px 0px;
}

.ht-left-icon-1{
    position:relative;
    display: inline-flex;
    background: url(../images/con-024.svg) 0px 0px no-repeat;
    width: 22px;
    height: 22px;
    floaT: left;
    margin: 2.1px 1px 0px 0px;
}

.ht-left-8 a:hover{
	color:#2B3252;
	background-color: rgb(241 241 241 / 50%);
	-webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
}

.darken .ht-left-8 a{
	color:#d1d3dd;
	background: #202A50 url(../images/sol-1.svg) 15px center no-repeat !important;
	background-size: 12px !important;
}

.ht-left-8 a{
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	-o-transition: all .2s;
	transition: all .2s;
	text-indent:0px;
	width: 100%;
	floaT: left;
	position:relative;
	color:#2B3252;
	margin: 0px 0px 10px 0px;
	background: #F1F1F1 url(../images/zo-1.svg) 15px center no-repeat;
	background-size: 12px;
	font-family: font-3;
	font-size: 15px;
	line-height: 17px;
	padding: 12px 15px 12px 35px;
	border-radius: 14px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.ht-left-8 {
	width: 100%;
	floaT: left;
	position:relative;
	color:#000;
	margin: 5px 0px 0px 0px;
}


.fa-minus-1{
    display: inline-flex;
    background: url(../images/con-034.svg) center no-repeat;
    width: 100%;
    height: 100%;
    floaT: left;
    margin: 0px 0px 0px 0px;
}

.fa-plus-1{
    display: inline-flex;
    background: url(../images/con-035.svg) center no-repeat;
    width: 100%;
    height: 100%;
    floaT: left;
    margin: 0px 0px 0px 0px;
}

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

.fullstor-14 {
	floaT: right;
	position:relative;
	margin: 0px 8px 0px 0px;
	font-family: font-1;
	font-size: 12px;
	color: #2B3252;
}

.container b{
font-family: font-3 !important;
}

.container p{
	line-height: 21px;
	font-size: 16px;
	color:#222222;
}

.container{
	width: 100%;
	floaT: left;
	position:relative;
	margin: 0px 0px 10px 0px;
	line-height: 23px;
	color:#0e0e0e
}

.fullstor-13 #decreaseFont:hover, .fullstor-13 #increaseFont:hover {
    opacity: 80%;
    cursor: pointer;
    -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
}

.fullstor-13 #increaseFont {
	-webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
    color: #0e1523 !important;
    border: 0px solid #CFD5DF;
    background: #2B3252;
    font-weight: 700;
    font-style: normal;
    font-size: 15px;
    z-index: 100;
    width: 20px;
    height: 20px;
    line-height: 28px;
    float: right;
    text-align: center;
    border-radius: 100px;
    margin-top: 0px;
}


.fullstor-13 #decreaseFont {
	-webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
    color: #0e1523 !important;
    border: 0px solid #CFD5DF;
    font-weight: 500;
    background: #D8E1EF;
    font-style: normal;
    font-size: 15px;
    z-index: 100;
    width: 20px;
    height: 20px;
    line-height: 28px;
    float: left;
    margin-right: 8px;
    text-align: center;
    border-radius: 100px;
    margin-top: 0px;
}

.fullstor-12 {
	floaT: right;
	position:relative;
	margin-top: 2px;
	/* margin-bottom: -9px; */
}


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

.ht-left-04.ht-left-4{
	display: none;
}


.ht-left-4{
	font-size: 12px;
	position:relative;
	float: left;
	margin: 0px 0px 0px 0px;
}

.ht-left-3{
	position:relative;
	float: left;
	color: #2B3252;
	margin: 5px 0px -4px 0px;
	font-family: font-1;
}

.ht-left-2{
	width: 100%;
	position:relative;
	float: left;
	font-size: 15px;
	line-height: 20px;
	font-family: font-3;
	color:#818284;
	margin: 10px 0px 10px 0px;
}


.full-size-02 h1{
	width: 100%;
	position:relative;
	float: left;
	font-size: 19px;
	line-height: 20px;
	letter-spacing: -0.1px;
	font-family: font-3;
	color:#242527;
	-webkit-font-feature-settings: 'case'on; font-feature-settings: 'case'on;
	margin: 0px 0px 10px 0px;
}

.ht-left-6 a:hover{
	background: #333b60;
	transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;
}

.ht-left-6 a:nth-child(1), .ht-left-6 a:nth-child(2){
	display: inline-flex;
}

.ht-left-6 a{
	display: none;
    position: relative;
    background: #2B3252;
    border-radius: 10px;
    color: #f7f7f7;
    padding: 5px 10px;
    font-size: 12px;
    font-family: font-2;
    z-index:1;
    margin: 0px 5px 10px 0px !important;
     transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-webkit-transition:all 0.2s ease-in-out;
}

.ht-left-6 {
    position: absolute;
    left: 0px;
    color: #f7f7f7;
    padding: 0px 10px;
    font-size: 0px;
    font-family: font-2;
    bottom: 0px;
    z-index:1;
}


.ht-left-5, .ht-left-5 img{
	width: 100%;
	object-fit: cover;
	border-radius: 14px;
	overflow:hidden;
	position:relative;
	float: left;
}

.full-size-2{
	margin: 0px 15px;
}

.ht-left-5 img, .ht-left-5{
	width: 100%;
	height: 210px;
	position:relative;
	floaT: left;
	object-fit: cover;
}


.full-size-1{
	 overflow: hidden;
	floaT: left;
	margin: 0px 0px 10px 0px;
	background:#fff;
	border-radius: 14px;
	padding: 15px 0px 10px 0px;
}


.f-metis-001 .f-metis-2 a {
	margin: 10px 0px 0px 0px !important;
}

.ful-1 .no-no-1{
	background:rgb(255 255 255 / 0%);
}

.ful-1 .footballs-2{
	margin: 0px 0px;
}


.ful-1 .footballs-1{
	 overflow: hidden;
	width: 100%;
	floaT: left;
	margin: 0px 0px 0px 0px;
	background:rgb(255 255 255 / 0%);
	border-radius: 0px;
	padding: 0px 0px 0px 0px;
}






.ko-sm-15 .ko-sm-16 {
	transition:all 0.2s ease-in-out;
	-moz-transition:all 0.2s ease-in-out;
	-webkit-transition:all 0.2s ease-in-out;
}

.ko-sm-15:hover .ko-sm-16 {
	transition:all 0.2s ease-in-out;
	-moz-transition:all 0.2s ease-in-out;
	-webkit-transition:all 0.2s ease-in-out;
	background-color:#414a70;
}


.ko-sm-015 .ko-sm-16{
    background: #353D5F url(../images/con-042.svg) center no-repeat;
}


.ko-sm-16{
    overflow:hidden;
    width: 45px;
    height: 45px;
    floaT: left;
    position:relative;
    background: #353D5F url(../images/con-040.svg) center no-repeat;
    border-radius: 10px;
    margin: 0px 10px 0px 0px;
}

.ko-sm-015.ko-sm-15{
	margin-top: 15px;
	floaT: right !important;
}

.ko-sm-15{
	width: 100%;
	font-family: font-3;
	line-height: 45px;
	floaT: left;
	position:relative;
}


.ko-sm-14{
	width: 100%;
	floaT: left;
	position:relative;
	margin-top: 20px;
}



.ko-sm-19{  
	width: 16px;
	height: 16px;
	z-index:1;
	margin: 0px 2px -2px 0px;
	display: inline-block;
	background: url(../images/con-038.svg) center no-repeat;
}


.ko-sm-13{
	position:relative;
	margin: 0px 20px;
}


.ko-sm-18: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:#414a70;
}

.ko-sm-18 {
	transition:all 0.2s ease-in-out;
	-moz-transition:all 0.2s ease-in-out;
	-webkit-transition:all 0.2s ease-in-out;
	width: 100%;
	position:relative;
	float: left;
	color:#fff;
	height: 50px;
	line-height: 50px;
	font-family: font-3;
	border-radius: 10px;
	background:#353D5F;
	text-align: center;
	-webkit-font-feature-settings: 'case'on;
	font-feature-settings: 'case'on;
}


.ko-sm-17{
	margin-top: 15px;
	width: 100%;
	position:relative;
	float: left;
}

.ko-sm-12 a{
	color:#fff;
}

.ko-sm-12{
	width: 100%;
	position:relative;
	float: left;
	color:#fff;
}



.ko-sm-11 .swore-3{
		background: url(../images/soc-03.svg) center no-repeat;
}

.ko-sm-11 .van-div-02 .swore-02{  
	background: url(../images/soc-02.svg) center no-repeat;
}

.ko-sm-11 .van-div-01 .swore-01{  
	background: url(../images/soc-01.svg) center no-repeat;
}

.ko-sm-11 .van-div-2{
	background: #3a4470;
}

.ko-sm-11{
	width: 175px;
	position:relative;
	margin: auto;
}

.ko-sm-10{
	width: 100%;
	floaT: left;
	position:relative;
}





.ko-sm-5 {  
	width: 100%;
	height: 60px;
	floaT: left;
	lefT: 0px;
	top: 0px;
	z-index:1;
	position:relative;
	background: url(../images/con-1.svg) no-repeat;
	background-size: 100%;
}

.ko-sm-9 {
    margin: 0px 20px;
}

.ko-sm-8 {
    width: 100%;
    floaT: left;
    z-index: 1;
    position:relative;
    overflow:hidden;
    margin: 0px 0px 0px 0px;
    color:#ffffff;
    font-size: 15px;
    font-family: font-1;
    text-align: center;
    color:#B5BAD1;
}



.ko-sm-7 {
    width: 100%;
    floaT: left;
    z-index: 1;
    position:relative;
    overflow:hidden;
    margin: 6% 0px 10px 0px;
    color:#ffffff;
    font-size: 17px;
    font-family: font-3;
    letter-spacing: -0.2px;
    text-align: center;
    -webkit-font-feature-settings: 'case'on;
	font-feature-settings: 'case'on;
}



.ko-sm-6 {
	padding-bottom: 15px;
    width: 100%;
    floaT: left;
    z-index: 1;
    position:relative;
    overflow:hidden;
    background:#2B3252;
    color: #fff;
}



.ko-sm-3 {
    margin: 0px 2px 0px 0px;
}

.ko-sm-4 {
    width: 100%;
    floaT: left;
    z-index: 1;
    position:relative;
    overflow:hidden;
    margin-bottom: 20px;
    border: 1px #E2E4EB solid;
    border-radius: 14px;
}


.form_submit .btn.btn-big{
	display: block !important;
	margin: 15px 0px 0px 0px;
	border-radius: 10px;
}


.form_submit div{
    display: block;
    text-align: left;
}

.form_submit {
    width: 100%;
    floaT: left;
    z-index: 1;
    position:relative;
    margin-top: -2px;
    display: inline-block;
    text-align: center;
}


.ko-sm-2 {
    width: 100%;
    floaT: left;
    z-index: 1;
    position:relative;
    margin: 0px 0px 20px 0px;
    color:#222222;
    font-size: 19px;
    font-family: font-3;
    letter-spacing: -0.2px;
    text-align: center;
    -webkit-font-feature-settings: 'case'on;
	font-feature-settings: 'case'on;
}



.ko-sm-1 .box_in{
	margin: 0px 15px;
}


.ko-sm-1 {
    width: 100%;
    floaT: left;
    z-index: 1;
    position:relative;
    margin-bottom: 15px;
}



.no-no-1 .footballs-1{
	 margin-bottom: 0px;
}

.ssp-tit-5 {
    width: 100%;
    height: 35px;
    floaT: left;
    z-index: 1;
}

.ssp-tit-4{ position:absolute;top:50%;left:0;width:100%;-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:2;}


.ssp-tit-3.sp-tit-3 img{
	line-height: 0px;
	width: 22px;
}


.ssp-tit-3.sp-tit-3{
	position:relative;
	margin: 10px 5px -10px 10px;
	floaT: left;
	background:#fff !important;
	box-shadow: 0px 0px 0px 0px #e5e5ed;
}


.sp-tit-10 a:hover{
	background:#e4e8ed;
	color:#2B3252;
}

.sp-tit-10 a{
	height: 38px;
	line-height: 39px;
	floaT: left;
	padding: 0px 15px;
	margin: 0px 10px 10px 0px;
	background:#F1F1F1;
	color:#4a4e64;
	border-radius: 10px;
	text-align: center;
	font-family: font-3;
	-webkit-font-feature-settings: 'case'on;
	font-feature-settings: 'case'on;
	font-size: 14px;
}


body .lik-01 a:hover{
	background:#2B3252;
	color:#fff;
}


body .lik-01 a{
	background:#2B3252;
	color:#fff;
}


.s-sp-tit-6 .sp-tit-10>li {
display: inline;
}





.sp-tit-8::after {
	width: 70px;
	height: 60px;
	margin: 0px 0px 0px 0px;
	position: absolute;
	floaT: left;
	background: linear-gradient(270deg, #FFF 23.61%, rgba(255, 255, 255, 0.00) 100%);
	content: "";
	right: 0px;
	top: -12px;
	z-index:1;
}

.sp-tit-8::before {
	width: 70px;
	height: 60px;
	margin: 0px 0px 0px 0px;
	position: absolute;
	floaT: left;
	background: linear-gradient(90deg, #FFF 23.61%, rgba(255, 255, 255, 0.00) 100%);
	content: "";
	left: 0px;
	top: -12px;
	z-index:1;
}

.sp-tit-8{
	width: 100%;
	height: 38px;
	floaT: right;
	background:#fff;
	margin: 0px 0px 0px 0px;
	position:relative;
}

.sp-tit-7{
	width: 150px;
	height: 38px;
	line-height: 39px;
	floaT: left;
	margin: 0px 0px 0px 0px;
	background:#2B3252;
	color:#fff;
	border-radius: 10px;
	text-align: center;
	font-family: font-3;
	-webkit-font-feature-settings: 'case'on;
	font-feature-settings: 'case'on;
	font-size: 14px;
}


.box_in h1{
	color:#2B3252;
	font-size: 22px;
	margin: -5px 0px 7px 0px;
	width: 100%;
	floaT: left;
	position:relative;
	overflow:hidden;
	font-family: font-3;
	letter-spacing: -0.5px;
	-webkit-font-feature-settings: 'case'on; font-feature-settings: 'case'on;
}


.boxx{
	margin-bottom: 25px;
}


body .sp-tit-3 {
	width: 40px;
	height: 40px;
	line-height: 45px !important;
	text-align: center;
	line-height: 20px;
    float: left;
	padding: 0px 0px !important;
	margin: 0px 14px 0px 0px;
	border-radius: 14px;
	font-family: font-1;
}


.sp-tit-5 a{
	position:relative;
	line-height: 20px;
	background:#e5e5ed;
    float: left;
    font-size: 14px;
	padding: 10px 15px;
	margin: 0px 14px 0px 0px;
	border-radius: 100px;
	font-family: font-1;
}

.sp-tit-5 a:nth-child(2), .sp-tit-5 a:nth-child(3){
	display: none !important;
}

.sp-tit-5{
	-webkit-font-feature-settings: 'case'on;
	font-feature-settings: 'case'on;
	font-size: 15.6px;
	font-family: font-3;
	font-weight: 900;
	line-height: 50px;
}


.sp-tit-4 .no-no-1{
margin-top: 0px;
}


.sp-tit-2 {
	padding: 0px 10px;
	line-height: 40px;
}


.nam-ti-1.sp-tit-1 {
	font-size: 14px;
	margin-bottom: 10px !important;
	height: auto;
	padding: 10px 0px 10px 0px !important;
}

.sp-tit-1 {
	margin-bottom: 0px !important;
	height: 0px;
	padding: 0px !important;
	line-height: 20px;
	overflow: hidden;
	width: 100%;
	floaT: left;
	margin: 80px 0px 20px 0px;
	background:#fff;
	border-radius: 14px;
	padding: 15px 0px 15px 0px;
}




.berrors-2 b{
		-webkit-font-feature-settings: 'case'on;
	font-feature-settings: 'case'on;
	color:#2B3252;
	font-family: 'font-3';
}

.berrors-2{
	padding: 0px 20px;
}

.berrors-1.box{
	width: 100%;
	margin-bottom: 25px;
	color: #242527;
	background:#F1F1F1;
	border-radius: 14px;
	position:relative;
	float: left;
	padding: 20px 0px;
	font-size: 16px;
}


#pagi-load path{
	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:hover path{
	fill: #ffffff !important;
	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 svg{
	display: inline-block;
    color:#2B3252;
    margin: 0px 0px -4.5px 4px;
}


#pagi-load  path{
	fill:#2B3252;
}

#pagi-load span{ display: none;}
#pagi-load a span{ display: block; }
#pagi-load span{ width: 100%; float: left;  }
.pagi-load{  text-align: center; font-size:0px;}
.bottom-nav{  margin: 0px 0px 0px 0px; }
.pagi-load a:hover{color: #ffffff;transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-webkit-transition:all 0.2s ease-in-out;background: #2B3252;}
.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{ margin-bottom: 15px; width: 100%;color: #242527;font-family: font-1;border: 0px #C2C2CF solid;font-feature-settings: 'case' on;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 0px;display:inline-block;height: 50px;line-height: 50px;font-size: 16px;border-radius: 14px;cursor:pointer;/* color:#f7f7f7; */background: #CED9ED;text-align:center;font-family: 'font-3';}



.no-no-1{
	 overflow: hidden;
	width: 100%;
	floaT: left;
	margin: 80px 0px 10px 0px;
	background:#fff;
	border-radius: 14px;
	padding: 0px 0px 0px 0px;
}


#cssmenu li:hover ul:before{ 
z-index:9; 
position:absolute;
top: -25px;
right:0px;
width:100%;
height:25px;
content: "";
}

.footer-08 :hover {
	opacity: 80%;
}




.q_search input::placeholder {
    color: #8C8D90;
}

.footer-5::before {
	width: 30px;
	height: 100%;
	margin: 0px 0px 0px 0px;
	position: absolute;
	floaT: left;
	background: linear-gradient(90deg, #FFF 23.61%, rgba(255, 255, 255, 0.00) 100%);
	content: "";
	right: -30px;
	top: -1px;
	z-index:1;
}

.sld .footer-6 .slick-slide{
	margin:0px 0px;
	floaT: left !important;
}

.footer-6 .slick-slider .slick-list{
	padding: 0px 15px 0px 0px !important;
}

.header-001.header-3 .top-bar, .header-001.header-3 .scroll  {
	opacity: 100%;
}

.header-3 .top-bar, .header-3 .scroll  {
	opacity: 0%;
}

.header-3 .top-bar {
  height: 5px;
  width: 100%;
  background: rgb(232, 231, 228);
  position:absolute;
  bottom: -5px;
}

.header-3 .scroll {
  height: 5px;
  width: 0%;
  background: #2B3252;
  position:absolute;
  bottom: -5px;
}


.header-01 .logo-2 {
    margin: 6px 0px 0px 0px;
}

.header-01 #cssmenu ul li:hover, .header-01 #cssmenu ul .m-col-a {
	    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    color: #2B3252 !important;
    background: url(../images/hov.svg)  center 40px no-repeat;
}

.header-01 .header-8 ul li a{
	padding: 19px 8px;
}

.header-01 #cssmenu{
  animation: fadeIn 1s;
  -webkit-animation: fadeIn 1s;
  -moz-animation: fadeIn 1s;
  -o-animation: fadeIn 1s;
  -ms-animation: fadeIn 1s;
}

@keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@-moz-keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@-webkit-keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@-o-keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@-ms-keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}



.header-01 #cssmenu #menu-1, .header-01 #cssmenu #menu-2, .header-01 #cssmenu #menu-3, .header-01 #cssmenu #menu-4, .header-01 #cssmenu #menu-5, .header-01 #cssmenu #menu-6, .header-01 #cssmenu #menu-7{
	top: 55px;
}

.header-3.header-01 {
   position:fixed;
   top: 0px;
   z-index: 999;
   margin-top: 0px;
   box-shadow: 0px 0px 10px rgb(43 31 82 / 12%);
   height: 55px;
}


.footer-16:hover{
    opacity: 100%;
    transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -webkit-transition:all 0.2s ease-in-out;
}


.footer-16 {
	position:relative;
	margin: -10px 0px 0px 0px;
	opacity: 70%;
	transition:all 0.2s ease-in-out;
	-moz-transition:all 0.2s ease-in-out;
	-webkit-transition:all 0.2s ease-in-out;
}

.footer-15 {
	/* floaT: right; */
	position:relative;
	margin: 0px 14px;
}

.footer-14 {
	/* floaT: right; */
	position:relative;
	margin: 0px 0px 0px 0px;
}

.footer-15 svg{
  margin: 0px 6px;
  display:inline-block;
}

.footer-16 svg{
  margin: 0px 0px 6px 0px;
  display:inline-block;
}

.footer-13 div{
  display: contents;
}

.footer-13 {
	widtH: 100%;
	margin: 20px 0px 0px 0px;
	text-align: center;
	overflow:hidden;
	floaT: left;
	position:relative;
}


.footer-12 {
	width: 100%;
	text-align: center;
	font-size: 15px;
	color: #56585B;
	height: 40px;
	line-height: 41px;
	floaT: left;
	position:relative;
	margin: 0px 0px 10px 0px;
}


.footer-11 {
	width: 100%;
	floaT: left;
	position:relative;
	margin: 0px 0px 0px 0px;
}



.sld .footer-08{
	margin: 0px 30px;
	height: 55px;
}

.foter-logo-3{
	line-height: 61px !important;
}


.foter-logo-2{
	line-height: 72px !important;
}


.foter-logo-1{
	line-height: 70px !important;
}


.foter-logo-3 img{
	width: 180px;
}


.foter-logo-2 img{
	width: 110px;
}

.foter-logo-1 img{
	width: 100px;
}

.footer-008.footer-8{
	background: #F3F5F8;
}


.footer-8 {
	width: 100%;
	margin: 5px 0px;
	text-align: center;
	line-height: 55px;
	height: 55px;
	floaT: left;
	position:relative;
	border-radius: 100px;
}

.footer-6::before {
	width: 50px;
	height: 100%;
	margin: 0px 0px 0px 0px;
	position: absolute;
	floaT: left;
	background: linear-gradient(270deg, #FFF 23.61%, rgba(255, 255, 255, 0.00) 100%);
	content: "";
	right: 0px;
	top: -1px;
	z-index:1;
}


.footer-6 {
	width: calc(100% - 150px);
	text-align: center;
	line-height: 75px;
	height: 65px;
	floaT: right;
	position:relative;
	border-radius: 100px;
}


.footer-5 img{
	width: 70px;
}


.footer-5 img {
        -webkit-transition: all .5s;
        -moz-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s;
    }

.footer-5: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 .5s;
        -moz-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s;
    }

.footer-5 {
        -webkit-transition: all .5s;
        -moz-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s;
    }

.footer-5:hover  {
        -webkit-transition: all .5s;
        -moz-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s;
        background: #19bfc3;
    }

.footer-5 {
	width: 150px;
	text-align: center;
	line-height: 75px;
	height: 65px;
	floaT: left;
	position: absolute;
	border-radius: 100px;
	background: #11ADB1;
}



.footer-4 {
	position:relative;
	margin: 0px 5px;
}


.footer-3 {
	display: none;
	width: 100%;
	floaT: left;
	position:relative;
	overflow:hidden;
	padding: 4px 0px;
	border-radius: 100px;
	box-shadow: 0px 0px 0px 1px #dfe7ef;
}


.footer-2 {
	width: 100%;
	floaT: left;
	position:relative;
	padding: 10px 0px;
}

body .h-banr-9.h-banr-4{
	margin: 0px 0px 10px 0px !important;
}

.h-banr-7.h-banr-4{
	margin-top: 80px !important;
	margin-bottom: -70px !important;
}


body .tiris-1 .h-banr-7.h-banr-4{
	margin-top: 0px !important;
	margin-bottom: 15px !important;
}

.h-banr-4{
	margin: 0px 0px 15px 0px !important;
}


.footer-9 {
	width: 100%;
	floaT: left;
	position:relative;
	background: #ffffff;
	margin: 0px 0px 0px 0px;
}

.footer-1 {
	width: 100%;
	floaT: left;
	position:relative;
	background: #ffffff;
	margin: 0px 0px 0px 0px;
	border-bottom: 1px #dfe7ef solid;
}








.v-videos-1 .short-2{
	margin: 0px 15px 0px 0px;
	position: relative;
}


.v-videos-1 .short-01{
	min-width: 290px !important;
	floaT: left;
	position:relative;
	background: #2B3252;
	border-radius: 14px;
	margin: 50px 0px 0px 0px;
}


.short-01 .short-2 .short-5 {
 transition:all 0.2s ease-in-out;
 -moz-transition:all 0.2s ease-in-out;
 -webkit-transition:all 0.2s ease-in-out;
}

.short-01 .short-2:hover .short-5 {
 transition:all 0.2s ease-in-out;
 -moz-transition:all 0.2s ease-in-out;
 -webkit-transition:all 0.2s ease-in-out;
 color: #ffffff;
}


.short-01 .short-5{
	margin: 14px 0px 15px 0px;
	font-size: 17.5;
	line-height: 21px;
	color: #B4BAD8;
}



.v-videos-9:hover .v-videos-5 {
	background: url(../images/le.svg) -20px 3px no-repeat;
	transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -webkit-transition:all 0.2s ease-in-out;
}


.v-videos-9 a{
	transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -webkit-transition:all 0.2s ease-in-out;
}

.v-videos-9 a:hover{
	color:#ffffff !important;
	transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -webkit-transition:all 0.2s ease-in-out;
}


.v-videos-9 .v-videos-5{
	border-radius: 100px;
	overflow: hidden;
	width: 10px;
	height: 19px;
	background: url(../images/le.svg) 0px 3px no-repeat;
	floaT: right;
	margin: 0px 0px 0px 4px;
	transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -webkit-transition:all 0.2s ease-in-out;
}


.v-videos-4{
	border-radius: 100px;
	overflow: hidden;
	width: 13px;
	height: 13px;
	background: #B4BAD8;
	floaT: left;
	margin: 3.3px 5px 0px 0px;
}

.v-videos-9 a{
	color:#B4BAD8 !important;
	font-size: 16px;
	font-family: font-1;
}


.v-videos-9{
	margin-right: 0px;
	margin-top: 1px;
	color:#B4BAD8;
	float: right;
	position:relative;
}

.footballs-4 a{
	color:#2B3252;
}


.v-videos-3 a:hover .v-videos-4{
	background:#ebefff;
	-webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;
}

.v-videos-3 a .v-videos-4 {
	-webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;
}


.v-videos-3{
	width: 100%;
	position:relative;
	margin: 18px 0px 17px 0px;
	 overflow: hidden;
	floaT: left;
	padding: 0px 15px 0px 0px;
	height: 20px;
	line-height: 20px;
	font-size: 17px;
	color:#2B3252;
	font-family: font-3;
	-webkit-font-feature-settings: 'case'on;font-feature-settings: 'case'on;
}


.v-videos-6{
	margin-top: -51px;
	width: 100%;
	floaT: left;
	position: relative;
}

.v-videos-3 a{
	position:relative;
	z-index:11;
	color: #B4BAD8;
}



.v-videos-2{
	margin: 0px 15px;
}

.v-videos-1 .short-3, .v-videos-1 .short-3 img{
    width: 100%;
    floaT: left;
    height: 190px;
}


.v-mobl-1.v-videos-1{
	display: block !important;
}

.v-videos-1{
	display: none;
	width: 100%;
	floaT: left;
	position:relative;
	background: #2B3252;
	border-radius: 14px;
	margin: 0px 0px 10px 0px;
}


.f-metis-2 path{
	transition:all 0.2s ease-in-out;
	-moz-transition:all 0.2s ease-in-out;
	-webkit-transition:all 0.2s ease-in-out;
}

.f-metis-2:hover path{
	fill: #ffffff !important;
	transition:all 0.2s ease-in-out;
	-moz-transition:all 0.2s ease-in-out;
	-webkit-transition:all 0.2s ease-in-out;
}


.f-metis-2 a:hover{
	color:#ffffff;
	background: #2B3252;
	transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -webkit-transition:all 0.2s ease-in-out;
}


.f-metis-2 a{
	transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -webkit-transition:all 0.2s ease-in-out;
}


.f-metis-2 svg{
	display: inline-block;
    color:#2B3252;
    margin: 0px 0px -4.5px 4px;
}

.f-metis-2 a{
    color:#2B3252;
}


.f-metis-2 a{
	font-family: font-3;
	-webkit-font-feature-settings: 'case'on;font-feature-settings: 'case'on;
    width: 100%;
    floaT: left;
    height: 50px;
    line-height: 50px;
    text-align: center;
    object-fit: cover;
    border-radius: 14px;
    position:relative;
    overflow:hidden;
    margin: -10px 0px 20px 0px;
    color:#2B3252;
    background:#CED9ED;
}





.short-2:hover .short-6{
	box-shadow: 0px 0px 0px 5px #2B3252;
	transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -webkit-transition:all 0.2s ease-in-out;
}

.short-2 .short-6{
	box-shadow: 0px 0px 0px 0px #2B3252;
	transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -webkit-transition:all 0.2s ease-in-out;
}

.short-6{
	width: 38px;
	height: 38px;
	position:absolute;
	bottom: 12px;
	right: 12px;
	background: #2B3252 url(../images/con-012.svg) center no-repeat;
	border-radius: 100%;
}





.footballs-9 .footballs-01.footballs-1{
	floaT: right;
}

.footballs-9 .footballs-1{
	width: 100%;
}



.footballs-5{
	border-radius: 100px;
	overflow: hidden;
	width: 13px;
	height: 13px;
	background:#2B3252;
	floaT: left;
	margin: 3.5px 5px 0px 0px;
}


.short-2:hover .short-5 {
 transition:all 0.2s ease-in-out;
 -moz-transition:all 0.2s ease-in-out;
 -webkit-transition:all 0.2s ease-in-out;
 color: #4a5483;
}


.short-5{
	font-size: 17.5px;
	color: #2B3252;
	width: 100%;
	floaT: left;
	line-height: 21px;
	object-fit: cover;
	position:relative;
	overflow:hidden;
	margin: 0px 0px 0px 0px;
	font-family: font-3;
}

.short-4{
	font-size: 15px;
	font-family: font-1;
	floaT: left;
	height: 16px;
	object-fit: cover;
	border-radius: 14px;
	position:relative;
	overflow:hidden;
	margin: 9px 0px 7px 0px;
	color:#888A8E;
}



.short-3, .short-3 img{
    width: 100%;
    floaT: left;
    height: 210px;
    object-fit: cover;
    border-radius: 14px;
    position:relative;
    overflow:hidden;
}


.short-1{
	 overflow: hidden;
	 width: 100%;
	 floaT: left;
	 margin: 0px 0px 30px 0px;
}




.footballs-8{
	 overflow: hidden;
	width: 100%;
	floaT: left;
}

.footballs-7{
	 overflow: hidden;
	width: 100%;
	floaT: left;
}


.footballs-6{
	border-radius: 100px;
	overflow:hidden;
	 overflow: hidden;
	width: 100%;
	height: 6px;
	background:#E0E2E9;
	floaT: left;
	margin: 5px 0px 9px 0px;
}


.footballs-4 a{
	color:#2B3252;
}

.footballs-4{
	 overflow: hidden;
	floaT: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 15px 0px 0px;
	position:absolute;
	height: 20px;
	line-height: 20px;
	background:#fff;
	font-size: 19px;
	color:#2B3252;
	font-family: font-3;
	-webkit-font-feature-settings: 'case'on;font-feature-settings: 'case'on;
}

.fli-1 .footballs-3{
	 overflow: hidden;
	width: 100%;
	floaT: left;
	margin: 7px 0px 5px 0px;
	padding: 0px 0px;
}

.footballs-3{
	 overflow: hidden;
	width: 100%;
	floaT: left;
	margin: 5px 0px 16px 0px;
	padding: 0px 0px;
}



.footballs-2{
	margin: 0px 15px;
}


.footballs-1{
	 overflow: hidden;
	 width: 100%;
	 floaT: left;
	 margin: 0px 0px 20px 0px;
	 background:#fff;
	 border-radius: 14px;
	 padding: 13px 0px 0px 0px;
}

.footballs-4 a:hover .footballs-5{
	background:#5b669b;
	-webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;
}

.footballs-4 a .footballs-5{
	-webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;
}


   .stars-n-1 img, .short-1 img {
        -webkit-transition: all .5s;
        -moz-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s;
        -webkit-filter: saturate(100%);
        filter: saturate(100%)
    }

    .stars-n-1:hover img, .short-2: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 .5s;
        -moz-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s;
        -webkit-filter: saturate(130%);
        filter: saturate(130%)
    }


.star-new-3{floaT: left;position:relative;margin: -2px 0px -10px 0px;/* height: 46px; *//* line-height: 46px; */font-family: 'font-3';font-size: 19px;color:#18191B;}


.star-nn-1, .star-nn-2 {
	floaT: right;
    width: 19px;
    height: 19px;
    font-size: 14px;
    line-height: 19px;
    text-align: center;
    color: #ffffff;
    border-radius: 100px;
    margin: 2px 0px 0px 5px;
    bottom: 0px;
    display: inline-block;
    background: #2B3252;
    content: "";
    z-index:90;
}


.star-nn-2{display: none;}


.van-div-geo-1 {
  width: 400px;
  floaT: right;
  position:relative;
  height: 47px;
  background: url(../images/title-2.png) center no-repeat;
  position:absolute;
  right: 0px;
  z-index:1;
}


.van-div-03 {
  width: 47px;
  floaT: left;
  position:relative;
  height: 47px;
  line-height: 47px;
  background: url(../images/georgia.svg) center no-repeat;
  margin: 0px 0px 0px 5px;
}



.van-div-geo.van-div-4{
  font-family: font-1;
  floaT: left;
  position:relative;
  height: 47px;
  line-height: 47px;
  margin-bottom: 15px;
  color:#0e0f12;
  overflow:hidden;
  padding: 0px 0px 0px 0px;
}

.van-div-geo.van-div-2{
  font-family: font-1;
  width: 100%;
  floaT: left;
  position:relative;
  background: #ededed url(../images/title-1.png) 0px 0px no-repeat;
  height: 47px;
  line-height: 47px;
  margin-bottom: 15px;
  margin-top: 15px;
  color:#0e0f12;
  box-shadow: 0px 0px 6px 0px rgb(22 10 88 / 23%);
}


.van-div-12{
  line-height: 16px;
  position:relative;
  overflow:hidden;
  width: 100%;
  font-size: 14px;
  height: 62px;
  floaT: left;
  margin: 0px 0px 0px 0px;
  color:#0e0f12;
  font-weight: 700;
  font-family:font-3;
-webkit-font-feature-settings: 'case'on;
font-feature-settings: 'case'on;	
}

.van-div-11{
	width: 100%;
	floaT: left;
	position:relative;
	padding: 3px 0px 10px; 0px;
	font-size: 12px;
	color:#939393;
}


.van-div-10{
	padding: 0% 7%;
}



.van-div-8 img{
    width: 100%;
    floaT: left;
    height: 180px;
    object-fit: cover;
    border-radius: 0px;
    position:relative;
    overflow:hidden;
}


.van-div-6 img{
  widtH: 100%;
}


.van-div-6{
  width: 23.27%; 	
  float: left;
  margin: 0px 0px 15px 15px;
  box-shadow: 0px 0px 6px 0px rgb(22 10 88 / 23%);
}





.van-div-04{
  padding: 0px 0px 0px 5px;
  color:#757881;
}

.van-div-4{
	color:#ededed;
	z-index:11;
  font-family: font-4;
  floaT: left;
  position:relative;
  height: 48px;
  line-height: 48px;
  margin-bottom: 15px;
  overflow:hidden;
  padding: 0px 0px 0px 0px;
  font-size: 15px;
  letter-spacing: 0px;
}

.van-div-2{
  font-family: font-1;
  width: 100%;
  floaT: left;
  position:relative;
  background:#161c2a;
  height: 48px;
  line-height: 48px;
  margin-bottom: 15px;
  margin-top: 15px;
  color:#ededed;
}


ol.sliderr > .stars-n-1:hover > a:before{
	color:#2B3252;
	transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-webkit-transition:all 0.2s ease-in-out;
}

ol.sliderr {float:left;width:100%;font-size:13px;position:relative;padding:0;list-style:none;color:#222;counter-reset:ol-counter;}
ol.sliderr > li > a{line-height:20px;float:left;width:100%;/* overflow:hidden; */position:relative;font-size:17px;display:block;color:inherit;text-decoration:none !important;padding:0px 0 0px 0px;}
ol.sliderr > li > a:before{ transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-webkit-transition:all 0.2s ease-in-out;  filter: drop-shadow(0px 1px 2.1px rgba(0, 0, 0, 0.12)); color: #2B3252;   z-index:1;right: 0px;content:counter(ol-counter);counter-increment:ol-counter;font-size:15px;font-family:font-3;width:30px;height:30px;line-height:30px;border:0px solid #eeedf7;background:#ffffff; border-radius: 100px;float:left;  margin: 132px -5px 0px 0px; z-index:111; text-align:center;position:absolute;}

.van-stars-n-2{margin:0px 15px;}

.van-stars-n-1 {
	border-radius: 0px 0px 14px 14px;
    bottom: 0px;
    float: left;
    width: 100%;
    letter-spacing: 0.3px;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(#000000e6));
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, #000000e6 70%);
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, #000000e6 70%);
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #000000e6 70%);
    background-image: -o-linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #000000e6 70%);
    background-image: -moz-linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #000000e6 70%);
    background-image: -webkit-linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #000000e6 70%);
    background-image: -ms-linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #000000e6 70%);
    color: #f7f7f7;
    text-align: left;
    padding: 30px 0px 10px 0px;
    line-height: 20px;
    position: absolute;
	font-size: 14px;
	z-indeX:1;
	font-family: font-1;
}




.star-new-2 a{
	transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-webkit-transition:all 0.2s ease-in-out;
}

.star-new-2 .user_tab li:hover a{
 color: #2B3252;
 transition:all 0.2s ease-in-out;
 -moz-transition:all 0.2s ease-in-out;
 -webkit-transition:all 0.2s ease-in-out;
}

.star-new-3 i{
 color:#008080;
}

.stars-n-1:hover .stars-n-5, .van-div-6:hover .van-div-12 {
 transition:all 0.2s ease-in-out;
 -moz-transition:all 0.2s ease-in-out;
 -webkit-transition:all 0.2s ease-in-out;
 color: #4a5483;
}

.stars-n-1 .stars-n-5, .van-div-6 .van-div-12{
 transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-webkit-transition:all 0.2s ease-in-out;
}

.star-new-1 {
	margin-bottom: 0px;
    width: 100%;
    floaT: left;
    position: relative;
   
}

.stars-n-5{
  line-height: 19px;
  position:relative;
  overflow:hidden;
  width: 100%;
  font-size: 16px;
  height: 76px;
  floaT: left;
  margin: 10px 0px 0px 0px;
  color: #2B3252;
  font-weight: 700;
  font-family: 'font-3';
}

.stars-n-3, .stars-n-3 img{
    width: 100%;
    floaT: left;
    height: 160px;
    object-fit: cover;
    border-radius: 14px;
    position:relative;
    overflow:hidden;
}

.stars-n-1 img{
  widtH: 100%;
}

.stars-n-1 { 
  animation: fadeIn 0.8s;
  -webkit-animation: fadeIn 0.8s;
  -moz-animation: fadeIn 0.8s;
  -o-animation: fadeIn 0.8s;
  -ms-animation: fadeIn 0.8s;
}

@keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@-moz-keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@-webkit-keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@-o-keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@-ms-keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

.stars-n-1 {
  min-width: 230px;
  float: left;
  margin: 0px 15px 0px 0px;
}


.stars-n-2{
  position:relative;
  overflow:hidden;
  width: 100%;
  floaT: left;
  margin: 0px 0px 0px 0px;
}

.star-new-6 li:nth-child(0) {
    display: none;
}



.responsivee::-webkit-scrollbar{height: 6px;}
.responsivee::-webkit-scrollbar-track{background:#eee !important; border-radius: 100px; }
.responsivee::-webkit-scrollbar-thumb{ border: 0px solid #ffffff; background:#b3b6c5 !important; border-radius: 100px;  }

.responsivee{
	width:100%;
    display: flex;
    will-change: transform;
    overflow: auto scroll;
    overflow-y: hidden;
    overflow-x: auto;
    padding-bottom: 15px !important;
    margin-bottom: 0px;
}
.liv-new-5{
  width: 103%;
  floaT: left;
  position:relative;
  overflow:hidden;
}


.star-new-05{
  width: 100%;
  floaT: left;
  position:relative;
  overflow:hidden;
  padding: 0px 0px 0px 0px;
}

.star-new-2{
	position:relative;
	width: 100%;
	floaT: left;
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 0px 0px;
}
.user_tab .active a{
    color: #2B3252;
}


.user_tab .active {
    color: #008080;
    opacity: 9;
}

.star-new-4 img {
    width: 24px;
    height: 24px;
    floaT: left;
    margin: -2.5px 10px 0px 0px;
}

.user_tab li a{
    color: #ACADB9;
}

.user_tab li {
    display: inline-block;
    cursor: pointer;
    text-transform: uppercase;
    font-weight: 500;
    -webkit-user-select: none;
    color: #98989A;
    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;
}

.user_tab li:before {
	border-radius: 50px;
	width: 12px;
	height: 12px;
	top: 3px;
	margin: 0px 0px 0px 0px;
	bottom: 0px;
	left: -16px;
	position: absolute;
	floaT: left;
	background: #ACADB9;
	content: "";
	z-index:90;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.user_tab li.active:before {
  background: #2B3252;
}

.user_tab li a.active{ border-radius: 100px; background:#2e6abd;color:#ededed;z-index:4;outline:none;}

.user_tab{-webkit-font-feature-settings: 'case'on;font-feature-settings: 'case'on;margin: 1px 0px -1px 0px;floaT: right;font-family: 'font-3';}
.user_tab li{border-radius: 100px;position:relative;padding: 0px 0px;display:inline-block;margin: 0px 0px 0px 30px;cursor:pointer;text-transform:uppercase;font-weight:500;-webkit-user-select:none;}
.user_tab li:hover{ 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; }


.user_tab li:hover:before {
	background: #2B3252;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}


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



   .ll-new-1 img {
        -webkit-transition: all .5s;
        -moz-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s;
        -webkit-filter: saturate(100%);
        filter: saturate(100%)
    }

    .ll-new-1: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 .5s;
        -moz-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s;
        -webkit-filter: saturate(130%);
        filter: saturate(130%)
    }



.l-slaid-2 .ll-new-3 {
    padding: 0px 20px;
}


.l-slaid-2 .ll-new-2 {
    padding: 100px 0px 20px 0px;
}


.l-slaid-2 .ll-new-6 a{
     font-size: 17px;
    line-height: 22px;

}

.ll-new-6 a{
    float: left;
    width: 100%;
    font-size: 17.5px;
    line-height: 22px;
    font-family: font-3;
    color:#fff;
}


.ll-new-5 a:nth-child(2){
	display: inline-flex;
}

.ll-new-5 a:hover{
	background: #333b60;
	transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;
}

.ll-new-5 a{
	transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;
	color:#fff;
	font-size: 12px;
	background: #2B3252;
	padding: 5px 9px;
	border-radius: 10px;
	display: none;
}

.ll-new-5{
	width: 100%;
	float: left;
	position:relative;
	margin-bottom: 7px;
	color:#fff;
	font-size: 0px;
}

.l-slaid-2, .l-slaid-2 img{
	height: 380px;
	overflow:hidden;
}


.l-slaid-04.l-slaid-4{
	margin-top: 0px;
}


.l-slaid-4, .l-slaid-4 img{
	height: 190px;
	overflow:hidden;
}



.ll-new-3 {
	position:relative;
    padding: 0px 15px;
}


.ll-new-2 {
    float: left;
    width: 100%;
    background: -moz-linear-gradient(top, rgb(255 0 0/0%) 0%, #000000 100%);
    background: -webkit-linear-gradient(top, rgb(255 0 0/0%) 0%, #000000 100%);
    background: linear-gradient(to bottom, rgb(255 0 0/0%) 0%, #000000 100%);
    padding: 30px 0px 15px 0px;
    font-size: 13px;
    color: #fff;
    position: absolute;
    bottom: 0px;
    z-index: 1;
}



.ll-new-1{
	width: 100%;
	position:relative;
	overflow:hidden;
	float: left;
	border-radius: 14px;
}


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

.l-slaid-3{
	width: 42%;
	floaT: right;
	margin: 0px 0px 0px 0px;
	position:relative;
}


.l-slaid-2{
	width: 58%;
	floaT: left;
	margin: 0px 0px 0px 0px;
	position:relative;
}

.center-2 .l-slaid-1{
	margin: 0px 15px;
}

.ll-slaid-1.l-slaid-1{
	position:relative;
	overflow:hidden;
	border-radius: 14px;
	margin: 0px 20px;
}


.l-slaid-1{
	margin: 0px 20px;
}

.mmm-size-1.m-size-1{
display: none;
}

.m-size-1{
	position:relative;
	z-index:1;
	overflow: hidden;
	width: 100%;
	floaT: left;
	margin: 0px 0px 15px 0px;
	background:#fff;
	border-radius: 14px;
	padding: 20px 0px 20px 0px;
}





.line-text-4::after {
	width: 20px;
	height: 46px;
	margin: 0px 0px 0px 0px;
	position: absolute;
	floaT: left;
	background: linear-gradient(270deg, #FFF 23.61%, rgba(255, 255, 255, 0.00) 100%);
	content: "";
	right: 0px;
	top: -12px;
	z-index:1;
}


.line-text-4::before {
	width: 20px;
	height: 46px;
	margin: 0px 0px 0px 0px;
	position: absolute;
	floaT: left;
	background: linear-gradient(90deg, #FFF 23.61%, rgba(255, 255, 255, 0.00) 100%);
	content: "";
	left: 0px;
	top: -12px;
	z-index:1;
}

.line-text-4{
	width: calc(100% - 30px);
	floaT: right;
	background:#fff;
	margin: 10px 20px 15px 0px;
	border-radius: 100px;
	overflow:hidden;
	position:relative;
}



.line-text-3{
	floaT: left;
	width: 120px;
	height: 28px;
	line-height: 29px;
	position:relative;
	z-index:11;
	margin: -12px 0px 0px 15px;
	background:#2B3252;
	color:#fff;
	border-radius: 100px;
	text-align: center;
	font-family: font-3;
	-webkit-font-feature-settings: 'case'on;
	font-feature-settings: 'case'on;
	font-size: 15px;
}


.line-text-1{
	width: 100%;
	/* height: 54px; */
	floaT: left;
	margin: 10px 0px 15px 0px;
	background:#fff;
	border-radius: 14px;
}


.line-text-4 .holder-1 .tek-l {
	margin: 0px 0px 10px 0px;
	display:inline;
}


.line-text-4 .holder-1 a:hover{
	color:#2B3252;
	    text-decoration: none;
    text-decoration: underline;
}

.line-text-4 .holder-1 a{
	text-decoration: none;
	font-weight: bold;
	color: #464850;
	font-size:14px;
	font-family: font-3;
	margin: 0px 20px 0px 0px;
	padding: 0px 20px 0px 0px;
	border-right: 1px #c4cad9 solid;
}




.div-home-2{
	width: 100%;
	floaT: left;
	margin: 0px 0px 0px 0px;
}


.div-home-1{
	width: 100%;
	floaT: left;
	margin: 95px 0px 0px 0px;
}


.tops-men-1#menu-3 ul:nth-child(2), .tops-men-1#menu-3 ul:nth-child(3), .tops-men-1#menu-3 ul:nth-child(4){
	margin-top: 35px;
}

#cssmenu > ul > li:hover > ul{animation:fade_in_show .3s}@keyframes fade_in_show{0%{opacity:0;transform:scale(0.4)}100%{opacity:1;transform:scale(1)}}


#cssmenu .fa-angle-down {
	background: url(../images/con-011.svg) center no-repeat;
	z-indeX: 1;
    width: 8px;
	height: 5px;
	display: inline-block;
	margin: 0px 0px 4px 2px;
}

#cssmenu li{
	display: inline-block;
}

.header-menu-1{
	width: auto !important;
	display: inline-flex;
	floaT: right;
	margin: 0px 0px 0px 0px;
}



.header-8 ul li a{
	color: #626878;
	-webkit-transition:all .5s;
	-moz-transition:all .5s;
	-o-transition:all .5s;
	transition:all .5s;
}

.header-8{
	widtH: 100%;
	line-height: 20px;
	border-radius: 5px;
	floaT: left;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px 0px;
}




#cssmenu ul li ul li img{
    width: 20px;
    height: 20px !important;
    padding: 0px 0px;
    line-height: 0px;
    margin: 0px 5px 0px 0px;
    floaT: left;
    border-radius: 5px;
}

#menu-1 .menu-titl-1 a:hover, #menu-2 .menu-titl-1 a:hover, #menu-3 .menu-titl-1 a:hover, #menu-4 .menu-titl-1 a:hover, #menu-5 .menu-titl-1 a:hover, #menu-6 .menu-titl-1 a:hover, #menu-7 .menu-titl-1 a:hover, #menu-8 .menu-titl-1 a:hover, #menu-9 .menu-titl-1 a:hover {
		color:#222  !important;
    text-decoration: blink !important;
    text-decoration: underline;
    cursor: default;
}

#menu-1 .menu-titl-1 a, #menu-2 .menu-titl-1 a, #menu-3 .menu-titl-1 a, #menu-4 .menu-titl-1 a, #menu-5 .menu-titl-1 a, #menu-6 .menu-titl-1 a, #menu-7 .menu-titl-1 a, #menu-8 .menu-titl-1 a, #menu-9 .menu-titl-1 a{
	font-family: font-4 !important;
	font-weight: 700 !important;
	font-size: 18px;
	margin-bottom: 10px !important;
}

#menu-1 ul, #menu-2 ul, #menu-3 ul, #menu-4 ul, #menu-5 ul, #menu-6 ul, #menu-7 ul, #menu-8 ul, #menu-9 ul{
    width: 100%;
    max-height: 0;
    position: relative !important;
    background: #fff;
}

body #menu-1 li, body #menu-2 li, body #menu-3 li, body #menu-4 li, body #menu-5 li, body #menu-6 li, body #menu-7 li, body #menu-8 li, body #menu-9 li {
    width: 100%;
    /* max-height: 0; */
    position: relative !important;
    background: #fff;
}


body #menu-3 ul, body #menu-4 ul, body #menu-5 ul, body #menu-6 ul, body #menu-7 ul, body #menu-8 ul, body #menu-9 ul{
	width: 200px !important;
	height: auto !important;position:relative !important;floaT: left;top: 0px !important;
	}

#cssmenu > ul li:hover a {
    color: #2B3252 !important;
}

#cssmenu > ul li:hover li a {
    color: #2B3252 !important;
}


body #menu-2 ul{ 
width: 31.3% !important;
}


body #menu-1 .menu-t-1{width: 35% !important;}


body #menu-1 ul{ 
width: 29.1% !important;
height: auto !important;
position:relative !important;
floaT: left;
top: 0px !important;
}



#cssmenu ul li a {
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

#cssmenu ul li:hover ul {
    width: 100%;
    floaT: left;
    max-height: 300px;
    /* overflow: hidden; */
}

#cssmenu ul li ul {
    width: 100%;
    max-height: 0px;
    /* overflow: hidden; */
}

#cssmenu ul li ul {
    width: 100%;
    max-height: 0px;
    /* overflow: hidden; */
}


#cssmenu ul li:hover ul ul {
	padding: 1px 4px 0px 8px;
	}

#cssmenu ul li:hover ul {
	padding: 20px 0px 10px 12px;
	position: absolute;
	left: 0px !important;
	/* overflow: hidden; */
	z-index: 9999;
	opacity: 9;
	display: block !important;
}

#cssmenu ul li ul {
	box-shadow: 0px 0px 0px 0px #fff;
	position: absolute;
	/* overflow: hidden; */
	z-index: 9;
	opacity: 9;
	display: none;
}

#cssmenu ul li ul li {
	width: 100%;
	position: absolute;
}


#cssmenu ul li ul li a:hover, #cssmenu ul li ul .m-col-aa a  {
    color: #656f9f;
    border: 0px solid rgb(185 189 209 / 40%);
    background: rgb(185 189 209 / 0%);
}


#cssmenu ul li ul li a {
		-webkit-font-feature-settings: inherit !important;
		font-feature-settings: inherit !important;
		letter-spacing: -0.3px;
		text-align: left;
		line-height: 20px;
		font-family: font-1;
		font-weight: 800;
		font-size: 14.5px;
		font-weight: 100;
		float: left;
		opacity: 9;
		color: #5c5c78;
		border: 0px solid #e1e6ed;
		width: 100%;
		height: 30px;
		padding: 0px 0px;
		margin: 0px 0px 0px 0px !important;
		border-radius: 8px;
		line-height: 20px;
}

#cssmenu ul li ul li a:hover {
    opacity: 70%;
}


#cssmenu > ul > li > ul > li {
    width: 100%;
    float: left;
    padding: 0px;
    z-index: 99;
    max-height: 72px;
    position: relative;
    height: auto;
}

#cssmenu > ul > li > ul {
    padding: 0% 0%;
    background: #fff;
    font-family: font-2;
    width: 96% !important;
    display: block;

}




.right-menu-icon-04 { 
    background: url(../images/menu-i-4.svg) center no-repeat;
}


.right-menu-icon-03{
    background: url(../images/menu-i-3.svg) center no-repeat;
}

.right-menu-icon-02{
    background: url(../images/menu-i-2.svg) center no-repeat;
}

.right-menu-icon-01{
    background: url(../images/menu-i-1.svg) center no-repeat;
}


.right-menu-icon-01, .right-menu-icon-02, .right-menu-icon-03, .right-menu-icon-04 {
    opacity: 9;
    text-align: center;
    position: absolute;
    top: 50%;
    color: #fff;
    font-size: 30px;
    font-family: font-1;
    letter-spacing: 0.2px;
    left: 0;
    width: 100%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 1;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    }


.right-menu-icon-01, .right-menu-icon-02, .right-menu-icon-03, .right-menu-icon-04{
    width: 70px;
    height: 25px;
}



.right-menu-1 li:hover::before, .right-menu-1 li:hover::after {
    width: 100%;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.right-menu-1 li::before{
lefT: 0% !important;
}

.right-menu-1 li::after{
right: 0% !important;
}

.right-menu-1 li::before, .right-menu-1 li::after {
    width: 0%;
    height: 5px;
    bottom: 0px;
    position: absolute;
    background: #0092c1;
    content: "";
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.right-menu-1 li::before {
    left: 0px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.right-menu-1 li{
    float: left;
    position: relative;
    overflow:hidden;
    margin: 0px 0px; 
    width: 70px;
    height: 70px;
    border-lefT: 0px #ddd solid;
}

.right-menu-1 {
    float: right;
}


body #cssmenu .menu-t-1 .menu-titl-1 a:hover{
	color:#222 !important;
}





body #cssmenu #menu-1 .menu-t-1{
	background: url(../images/menu-1.png) 0px 0px no-repeat;
}

#cssmenu ul li ul .menu-titl-1 :hover {
	background:rgb(255 255 255 / 0%);
}


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



.menu-t-1 .menu-img-1 {
	width: 25px !important;
    height: 25px !important;
    width: auto;
    margin: -2px 10px 0px 8px;
    floaT: left;
}

.menu-img-1 {
	width: 20px !important;
    height: 20px !important;
    width: auto;
    margin: 0px 10px 0px 8px;
    floaT: left;
}


#cssmenu .menu-t-1 .menu-titl-1 a {
	font-family: font-4 !important;
	border-bottom: 1px rgb(58 60 60 / 15%) solid;
	border-radius: 0px;
	padding: 0px 0px 14px 0px;
}


body #cssmenu #menu-3 ul {
    width: 100%;
    floaT: left;
    /* height: 260px !important; */
    /* overflow: hidden; */
}

body #cssmenu #menu-2 ul {
    width: 100%;
    floaT: left;
    height:60px !important;
    overflow: hidden;
}

body #cssmenu #menu-1 ul {
    width: 100%;
    floaT: left;
    height: 172px !important;
    overflow: hidden;
}

#cssmenu ul li:hover, #cssmenu ul .m-col-a {
	    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    color: #2B3252 !important;
    background: url(../images/hov.svg)  center 53px no-repeat;
}


#cssmenu ul li {
	    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    background: url(../images/hov.svg)  center 80px no-repeat;
}


#cssmenu a {
position:relative;
}



#cssmenu #menu-1, #cssmenu #menu-2, #cssmenu #menu-3, #cssmenu #menu-4, #cssmenu #menu-5, #cssmenu #menu-6, #cssmenu #menu-7{
	lefT: 0px !important;
	lefT: 0px !important;
	top: 75px;
	box-shadow: 0px 1px 10px 0px rgb(42 42 42 / 9%);
	border-radius: 0px 0px 14px 14px;
}


.brendebi-1{
	z-index:1;
	widtH: 100%;
	height: 125px;
	line-height: 20px;
	position:relative;
	overflow:hidden;
	floaT: left;
	margin: 20px 0px 0px 0px;
	padding: 0px 0px 15px 0px;
}


.header-9 .fab{
color:#1976d2;
font-size: 15px;
margin: 0px 0px 0px 5px;
}

.header-9 a:hover{
	color:#1976d2 !important;
}
.header-9{
	padding: 12px 0px 15px 18px;
	line-height: 20px;
	position:relative;
	overflow:hidden;
	floaT: right;
	margin: 0px 0px 0px 0px;
	font-size: 14px;
	font-family: font-1;
}

.header-8 ul li ul li a{
	font-size: 16px;
}


.header-8 ul li a{
	line-height: 20px;
	position:relative;
	-webkit-font-feature-settings: 'case'on;
	font-feature-settings: 'case'on;
	floaT: left;
	font-size: 16px;
	font-family: font-3;
	margin: 0px 0px;
	padding: 27.3px 8px;
	letter-spacing:0.01em;
}

.dzebna-n-1 .btn-1 {
	   -webkit-transition: all 0.4s;
    font-family: font-1;
    position: absolute;
    right: 0;
    width: 37px;
    height: 33px;
    line-height: 33px;
    cursor: pointer;
    color: #687183;
    text-align: center;
    background: #fff url(../images/con-007.svg) center no-repeat;
    border: 0;
    top: 0;
    margin: 0;
    overflow: hidden;
    font-size: 15px;
    letter-spacing: 1px;
    border-radius: 0;
    margin-top: 0;
}

.dzebna-n-1,  #searchsuggestions {
	/* width: 260px; */
}


.dzebna-n-1 {
    margin: 0px 0px;
    height: 33px;
    float: right;
    position: relative;
    overflow: hidden;
    border-radius: 100px;
}

 .dzebna-n-1 .q_search input:focus,  #searchsuggestions{
        widtH: 300px;
    }

    
     .dzebna-n-1 .q_search input:focus{
        transition: all 0.7s;
        -webkit-transition: all 0.4s;
    }


.dzebna-n-1 .q_search input {
	-webkit-transition: all 0.4s;
    color:  #8C8D90;
    font-family: font-1;
    float: left;
    top: 0 !important;
    text-indent: 15px;
    height: 33px;
    padding: 0;
    width: 240px;
    background: #fff;
    border: 0 solid #ffffff;
    margin: 0;
    font-size: 15px;
    letter-spacing: 0px;
    border-radius: 3px;
}

.k-sms-1:hover {
    background: #2B3252 url(../images/con-0008.svg) center no-repeat;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
}

.k-sms-1 {
    cursor: pointer;
    overflow:hidden;
    width: 33px;
    height: 33px;
    line-height: 40px;
    floaT: right;
    position:relative;
    margin: 0px 0px 0px 12px;
    border-radius: 100px;
    background: #fff url(../images/con-008.svg) center no-repeat;
    text-align: center;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
}






.van-div-01:hover.van-div-2 path, .van-div-02:hover.van-div-2 path, .van-div-03:hover.van-div-2 path{
   fill: #ededed;
    -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-03:hover .swore-03{  
	opacity:9;
	 -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
}

.van-div-02:hover .swore-02{  
	width: 100%;
	height: 100%;
	floaT: left;
	lefT: 0px;
	top: 0px;
	z-index:1;
	position:absolute;
	background: #37B6FD url(../images/soc-02.svg) center no-repeat !important;
    -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
}

.van-div-02 .swore-02{  
	width: 100%;
	height: 100%;
	floaT: left;
	lefT: 0px;
	top: 0px;
	z-index:1;
	position:absolute;
	background: url(../images/soc-2.svg) center no-repeat;
    -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
}

.van-div-01 .swore-01{  
	width: 100%;
	height: 100%;
	floaT: left;
	lefT: 0px;
	top: 0px;
	z-index:1;
	position:absolute;
	background: url(../images/soc-1.svg) center no-repeat;
    -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
}

.van-div-03 .swore-03{
	opacity:0;
	background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
	width: 100%;
	height: 100%;
	floaT: left;
	lefT: 0px;
	top: 0px;
	z-index:1;
	position:absolute;
    -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
}


.van-div-01:hover .swore-01{  
	width: 100%;
	height: 100%;
	floaT: left;
	lefT: 0px;
	top: 0px;
	z-index:1;
	position:absolute;
	background: #3B64B4 url(../images/soc-01.svg) center no-repeat !important;
    -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
}

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


.van-div-03:hover .swore-3{
		background: url(../images/soc-03.svg) center no-repeat;
	   -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
}

.swore-3{
		background: url(../images/soc-3.svg) center no-repeat;
		floaT: left;
		z-indeX: 11;
		width: 100%;
		position:absolute;
		text-align: center;
		left: 0px;
		height: 32.5px;
	   -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
}

.swore-2{
    floaT: left;
    z-indeX:0;
    width: 100%;
    position:absolute;
    text-align: center;
    left: 0px;
    height: 33px;
}

.swore-1{
    floaT: left;
    z-indeX:0;
    width: 100%;
    position:absolute;
    text-align: center;
    left: 0px;
    height: 33px;
}

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

.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; */
    margin-bottom: 20px;
    float: left;
    position: absolute;
    margin-top: 55px;
    widtH: 100%;
    height: 70px;
    background: #ffffff;
    line-height: 50px;
}


.logo-2 svg{
    widtH: 130px !important;
	height: 45px;
    line-height: 0px;
    float: left;
    position: relative;
}


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

.logo-1 {
    width: 155px;
    height: 75px;
    line-height: 75px;
    margin: 0px 0px;
    float: left;
    position: relative;
}

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

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

.van-div-9{
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    width: 21px;
    height: 21px;
    floaT: left;
    margin: 6px 0px 6px 0px;
    background: #ffffff url(../images/con-023.svg) center no-repeat;
    background-size: 18px;
    border-radius: 100px;
}


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



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

.van-div-10{
	/* display: none; */
	cursor: pointer;
	overflow:hidden;
	width: 44px;
	height: 35px;
	line-height: 36px;
	floaT: right;
	position:relative;
	margin: 0px 0px 0px 0px;
	border-radius: 500px;
	background: #008080;
	text-align: center;
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	-o-transition: all .2s;
	transition: all .2s;
}


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


.van-div-3{
	top: 0px;
	right: 0px;
	position: absolute;
	z-index: 999999;
	margin-top: 11px;
}


.van-div-4{
      cursor: pointer;
      overflow:hidden;
      width: 85px;
      height: 33px;
      line-height: 40px;
      floaT: right;
      position:relative;
      margin: 0px 0px 0px 12px;
      border-radius: 100px;
      background: #ffffff url(../images/new-con-010.svg) center no-repeat;
      text-align: center;
      -webkit-transition: all .2s;
      -moz-transition: all .2s;
      -o-transition: all .2s;
      transition: all .2s;
}


.header-1 {
    float: left;
    position: relative;
    widtH: 100%;
    height: 55px;
    background: #F1F1F1;
    line-height: 55px;
}

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





/*-- RESPONSIVE --*/
@media (min-width:570px) and (max-width:800px){

.slick-active .ll-new-3{
	opacity: 100%;
	-webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s;
}


.ll-new-3{
	opacity: 0%;
	-webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s;
}

.slick-dots{top: auto !important; bottom: 0px; position:relative; }

.slick-dots .slick-active{ -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s; width: 31px !important; background: #2B3252;border-radius:100px;}
body .slick-dots li{ -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s; background: #c2c8e1; border-radius: 100px; position:relative;display:inline-block;width: 40px;height: 10px;margin: 0 5px;padding:0;cursor:pointer;}


.ll-new-1, .ll-new-1 img{
	height: 300px;
	object-fit:cover;
}

.ball-m-size-1{
	width: 100%;
	floaT: left;
	position:relative;
	display: block !important;
	margin: 90px 0px -70px 0px;
}

 .slider3{
        width:100%;
        margin:0 auto;
        overflow:hidden;
    }
    .slick-slide3{
        height:auto!important;
    }
    .slider3 img{
        width:100%;
    }
    .slider3 .slick-slide{
        height:auto!important;
    }
    .slider3 .slick-arrow{
        z-index:2!important;
    }
    .slider3 .slick-next{
        right: 25px !important;
        display: none !important;
    }
    .slider3 .slick-prev{
        left: 25px !important;
        display: none !important;
    }
    .slider3 .slick-slide{
    	margin-bottom: 10px;
        margin-right: 10px !important;
        margin-left: 10px !important;
    }


.line-ye-1 .line-text-3{
	floaT: left;
	width: 115px;
	height: 28px;
	line-height: 29px;
	margin: 12px 0px 0px 12px;
	background:#2B3252;
	color:#fff;
	border-radius: 50px 50px 50px 0px;
	text-align: center;
	font-family: font-3;
	-webkit-font-feature-settings: 'case'on;
	font-feature-settings: 'case'on;
	font-size: 14px;
}

.line-ye-1 .line-text-4{
	width: calc(100% - 30px);
	floaT: left;
	background:#fff;
	margin: 10px 10px 0px 15px;
	border-radius: 0px !important;
	overflow:hidden;
	position:relative;
}

.line-ye-1.line-text-1{
	border-radius: 14px;
	height: 102px;
}

.line-ye-1 .line-text-4 .holder-1 a{
	text-decoration: auto !important;
	font-weight: bold;
	color: #464850;
	font-size:15px;
	font-family: font-3;
	margin: 0px 20px 20px 0px !important;
	padding: 0px 22px 0px 0px !important;
	border-right: 1px #c4cad9 solid;
	border-left: 0px #c4cad9 solid;
}


.line-ye-1 .line-text-4::after, .line-ye-1 .line-text-4::before {
   display: none !important;
}

.line-ye-1 .holder-1::-webkit-scrollbar{height: 6px;}
.line-ye-1 .holder-1::-webkit-scrollbar-track{background:#eee !important; border-radius: 100px; }
.line-ye-1 .holder-1::-webkit-scrollbar-thumb{ border: 0px solid #ffffff; background:#b3b6c5 !important; border-radius: 100px;  }


body .line-ye-1 .holder-1 {
	 white-space: nowrap;
	width:100%;
    display: flex;
    will-change: transform;
    overflow: auto scroll;
    overflow-y: hidden;
    overflow-x: auto;
    margin-bottom: 0px !important;
}


.line-ye-1{
	display: block !important;
}

.s-sp-tit-6 .sp-tit-8::after {
	width: 30px;
	height: 55px;
	margin: 0px 0px 0px 0px;
	position: absolute;
	floaT: left;
	background: linear-gradient(270deg, #FFF 23.61%, rgba(255, 255, 255, 0.00) 100%);
	content: "";
	right: 0px;
	top: -12px;
	z-index:1;
	display: block !important;
}


.s-sp-tit-6 .sp-tit-10::-webkit-scrollbar{height: 6px;}
.s-sp-tit-6 .sp-tit-10::-webkit-scrollbar-track{background:#eee !important; border-radius: 100px; }
.s-sp-tit-6 .sp-tit-10::-webkit-scrollbar-thumb{ border: 0px solid #ffffff; background:#b3b6c5 !important; border-radius: 100px;  }


body .s-sp-tit-6 .sp-tit-10 {
	 white-space: nowrap;
	width:100%;
    display: flex;
    will-change: transform;
    overflow: auto scroll;
    overflow-y: hidden;
    overflow-x: auto;
    margin-bottom: 20px;
}


.s-sp-tit-6 .sp-tit-8::after, .s-sp-tit-6 .sp-tit-8::before {
   display: none;
}

.s-sp-tit-6{
	display: block !important;
}

.s-sp-tit-6.sp-tit-1 {

	margin-top: 0px !important;
	margin-bottom: 20px !important;
	height: auto;
	padding: 15px 0px !important;
	line-height: 20px;
	overflow: hidden;
	width: 100%;
	floaT: left;
	margin: 90px 0px 20px 0px;
	background:#fff;
	border-radius: 14px;
	padding: 15px 0px 30px 0px !important;
}



.mob-br-7 .brc-2{
	background: #F3F5F8;
	border-radius: 100px;
}


.mob-br-7 .brc-3 img{
	width: 180px;
	margin: 0px 0px 3px 0px;
}

.mob-br-7 .brc-2 img{
	width: 100px;
	margin: 10px 0px -3px 0px;
}

.mob-br-7 .brc-1 img{
	width: 90px;
}

.darken .drku-2:hover{
	opacity: 100% !important;
}

.darken .drku-2{
	opacity: 70%;
}


.mob-br-7 .mob-br-08{
	margin: 12px 0px 5px 0px;
    display:  inline-block;
    padding: 5px 25px 10px 25px;
}


.mob-br-7 div{
	margin: 0px 0px 0px 0px;
    display:  inline-block;
    padding: 0px 15px 6px 15px;
}


.modal.open:after{
	    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
	right: 20px;
	top: 17px;
	content: "";
      overflow:hidden;
      width: 33px;
      height: 33px;
      line-height: 40px;
      floaT: right;
      position:absolute;
      margin: 0px 0px 0px 0px;
      border-radius: 100px;
      background: #ffffff url(../images/con-011.svg) center no-repeat;
      text-align: center;
      -webkit-transition: all .2s;
      -moz-transition: all .2s;
      -o-transition: all .2s;
      transition: all .2s;
}

.modal {
	z-index:11111;
	margin: auto;
	width: 0%;
	box-sizing: border-box;
	display: none !important;
	position: absolute;
	top: -0px;
	right: 0;
	bottom: 0;
	left: 0;
	opacity: 0;
	-webkit-transition: -webkit-transform 0ms cubic-bezier(0.4, 0.46, 0.32, 1.275), opacity 250ms ease-in;
	transition: transform 0ms cubic-bezier(0.4, 0.46, 0.32, 1.275),opacity 0ms ease-in;
	-webkit-transform: rotateX(0deg) scale(0.78);
	transform: rotateX(0deg) scale(0.78);
}

.modal.open {
	width: 100%;
	position:relative;
  display: block !important;
  opacity: 1;
  -webkit-transform: rotateX(0deg) scale(1);
  transform: rotateX(0deg) scale(1);
}

.modal .close {
	floaT: left;
	width: 100%;
	height: 72px;
	z-index:1111;
	border-radius: 10px;
	position: absolute;
	top: 0px;
	left: 0px;
	color: hsl(0deg 0% 100% / 0%);
	font-weight: bold;
	font-size: 20px;
	line-height: 1;
	text-decoration: none;
	-webkit-transition: color 125ms ease;
	transition: color 125ms ease;
}



.mob-br-5{
      overflow:hidden;
      width: 33px;
      height: 33px;
      line-height: 40px;
      floaT: right;
      position:relative;
      margin: 2px 5px 0px 0px;
      border-radius: 100px;
      background: #ffffff url(../images/con-011.svg) center no-repeat;
      text-align: center;
      -webkit-transition: all .2s;
      -moz-transition: all .2s;
      -o-transition: all .2s;
      transition: all .2s;
}



.mob-br-4{
      overflow:hidden;
      width: 100px;
      height: 40px;
      line-height: 40px;
      floaT: left;
      position:relative;
      margin: 0px 0px 0px 0px;
      border-radius: 100px;
      background:  url(../images/blitz-1.svg) center no-repeat;
      background-size: 85px;
      -webkit-transition: all .2s;
      -moz-transition: all .2s;
      -o-transition: all .2s;
      transition: all .2s;
}

.mob-br-2{
	z-index:0;
	width: 100%;
	floaT: left;
	position:relative;
	padding: 15px 0px 15px 0px;
	border-radius: 13px;
}


.mob-br-3, .mob-br-7{
	text-align: center;
	margin: 0px 15px;
}


.mob-br-6{
	color:#222;
	width: 100%;
	floaT: left;
	position:relative;
	margin: 10px 0px 15px 0px;
}


.mob-br-1{
	width: 100%;
	floaT: left;
	position:relative;
	box-shadow: 0px 0px 0px 1px #dfe7ef;
	border-radius: 14px;
	display: block !important;
}


body .slick-dots li button, .slick-dots li{
	width: 10px !important;
}

.v-mobl-1 .fo-li-2::-webkit-scrollbar{height: 6px;}
.v-mobl-1 .fo-li-2::-webkit-scrollbar-track{background:rgb(255 255 255 / 10%) !important; border-radius: 100px; }
.v-mobl-1 .fo-li-2::-webkit-scrollbar-thumb{ border: 0px solid #ffffff; background: rgb(255 255 255 / 20%) !important; border-radius: 100px;  }


.fo-li-1::-webkit-scrollbar{height: 6px;}
.fo-li-1::-webkit-scrollbar-track{background:#eee !important; border-radius: 100px; }
.fo-li-1::-webkit-scrollbar-thumb{ border: 0px solid #ffffff; background:#b3b6c5 !important; border-radius: 100px;  }

.fo-li-2::-webkit-scrollbar{height: 6px;}
.fo-li-2::-webkit-scrollbar-track{background:#eee !important; border-radius: 100px; }
.fo-li-2::-webkit-scrollbar-thumb{ border: 0px solid #ffffff; background:#b3b6c5 !important; border-radius: 100px;  }

.fo-li-2, .fo-li-1.footballs-8, .fo-li-2.footballs-8 {
	width:100%;
    display: flex;
    will-change: transform;
    overflow: auto scroll;
    overflow-y: hidden;
    overflow-x: auto;
    margin-bottom: 20px;
}

.fo-li-1 .short-3, .fo-li-1 .short-3 img, .footballs-9 .fo-li-2 .short-3, .footballs-9 .fo-li-2 .short-3 img{
    height: 190px;
}

.footballs-9 .fo-li-2 .short-1, .fo-li-1 .short-1{
	overflow: hidden;
    min-width: 270px !important;
	floaT: left;
	margin: 0px 20px 20px 0px;
}

.fo-li-1.footballs-8,
.fo-li-2.footballs-8
{
width: 100%;
}



.header-4{
	/* width: 100%; */
	floaT: left;
}


.star-new-6 li:nth-child(0) {
    display: none;
}

.fo-li-1 li:nth-child(4){display:none}



.f-club-2 img{
    transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;
}

.f-club-2:hover img{
	transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;
	        -moz-transform: scale(1.07);
        -webkit-transform: scale(1.07);
        -o-transform: scale(1.07);
        -ms-transform: scale(1.07);
        transform: scale(1.07);
}

.f-club-2:hover{
	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 10px 1px rgb(30 147 119 / 30%);
}


.f-club-02{
	width: 200px;
	margin: auto;
}


.f-club-2{
	transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;
	width: 200px;
	height: 50px;
	border-radius: 100px;
	line-height: 65px;
	margin: auto;
	box-shadow: 0px 0px 10px 1px rgb(43 185 151 / 0%);
}




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


.full-s-2 .slick-prev:after{right:0px;top:0px;-webkit-transform:skew(0deg, 0deg);-ms-transform:skew(0deg, 0deg);transform:skew(0deg, 0deg);}

.full-s-2 .slick-next:before{
	width: 30px;
	height: 30px;
	background: url(../images/next-1.svg) 12px 11px  no-repeat;
	content: "";
	position:absolute;
	lefT: 0px;
}

.full-s-2 .slick-prev:after{
	width: 30px;
	height: 30px;
	background: url(../images/next-2.svg) 12px 11px  no-repeat;
	content: "";
	position:absolute;
	lefT: 0px;
}


.full-s-2 .slick-next{
	right: 15px;
}

.full-s-2 .slick-prev{
	left: 15px !important;
}

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

.full-s-2 .slick-next, .full-s-2 .slick-prev{
	background-color: #2B3252;
	border: 0;
	floaT:left;
	border-radius: 100px;
	font-size:0px !important;
	z-index:9;
	line-height:40px;
	position:absolute;
	display:block !important;
	width: 30px !important;
	height: 30px !important;
	padding:0;
	cursor:pointer;
	}


.full-s-2 .slick-dots li{background: rgb(255 255 255 / 25%);border-radius:10px;position:relative;display:inline-block;width:10px;height:10px;margin:0 2px;padding:0;cursor:pointer;}
.full-s-2 .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;}

.full-s-2 .slick-dots{lefT: 0px; bottom: 20px !important; top: inherit !important; width: 100% !important;position:absolute;padding:0;margin:0;list-style:none;text-align:center;z-index:9;}
.full-s-2 .slick-dots .slick-active{background: #ededed;border-radius:100px;}


.full-s-2{
	width: 100%;
	position:relative;
	overflow:hidden;
	float: left;
	margin: 0px 0px 10px 0px;
	border-radius: 14px;
}


.ms-a-short-1{
	floaT: right;
	position:absolute;
	right: 0px;
	bottom: 15px;
}

.ms-a-short-3{
	font-family: font-1;
	floaT: left;
	height: 16px;
	font-size: 14px;
	border-radius: 14px;
	position:relative;
	margin: 5px 0px 10px 10px;
	color:#888A8E;
}

.ms-a-short-2{
	float: left;
	position:relative;
	margin-bottom: 0px;
	color:#fff;
	font-size: 0px;
}

.ms-a-short-2 a:nth-child(2){
	display: inline-flex;
}

.ms-a-short-2 a:hover{
	background: #333b60;
	transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;
}

.ms-a-short-2 a{
	transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;
	color:#fff;
	font-size: 12px !important;
	background: #2B3252;
	padding: 7px 11px;
	border-radius: 100px;
	display: none;
}


.light-mode .ms-a-short-1{
	display: block;
}

.light-mode .ms-short-5, .light-mode .ms-a-short-1{
	width: calc(100% - 170px);
}

.light-mode .ms-short-5{
	font-size: 17px;
	line-height: 21px;
	color: #2B3252;
	floaT: right;
	height: 65px;
	object-fit: cover;
	position:relative;
	overflow:hidden;
	margin: 0px 0px 0px 0px;
	font-family: font-3;
}


.light-mode .ms-short-1{
	position:relative;
	overflow: hidden;
	width: 530px;
	floaT: left;
	margin: 0px 0px 15px 0px;
	padding-bottom: 15px;
	border-bottom: 1px #E0E2E9 solid;
}

.light-mode .ms-short-3, .light-mode .ms-short-3 img{
    width: 150px;
    floaT: left;
    height: 110px;
    object-fit: cover;
    border-radius: 14px;
    position:relative;
    overflow:hidden;
}



.light-mode .ms-a-short-01{
display: none;	
}

.div-left-menu-001.div-left-menu-1 {
    margin: -5px -5px -3px 0px;
    height: 30px;
    border: 0px;
}


.ms-a-short-01 a{
	color:#7E7F83;
}

.ms-a-short-01{
	font-size: 15px;
	-webkit-font-feature-settings: 'case'on;font-feature-settings: 'case'on;
	width: 100%;
	floaT: left;
	position:relative;
	font-family: font-3;
	color:#7E7F83;
	margin: 12px 0px 4px 0px;
}



.ms-a-short-02{
	float: right;
	position:relative;
	margin-bottom: 0px;
	font-size: 0px;
}

.ms-a-short-02 a:nth-child(2){
	font-size: 13px;
	display: inline-flex;
}

.ms-a-short-02 a:hover{
	color: #333b60;
	transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;
}

.ms-a-short-02 a{
	transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;
	display: none;
}

.ms-short-1 img {
        -webkit-transition: all .5s;
        -moz-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s;
        -webkit-filter: saturate(100%);
        filter: saturate(100%)
    }

.ms-short-2: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 .5s;
        -moz-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s;
        -webkit-filter: saturate(130%);
        filter: saturate(130%)
    }


.ms-short-2:hover .ms-short-5 {
 transition:all 0.2s ease-in-out;
 -moz-transition:all 0.2s ease-in-out;
 -webkit-transition:all 0.2s ease-in-out;
 color: #4a5483;
}


.ms-short-5{
	font-size: 15px;
	color: #2B3252;
	width: 100%;
	floaT: left;
	height: 56px;
	object-fit: cover;
	position:relative;
	overflow:hidden;
	margin: 0px 0px 0px 0px;
	font-family: font-3;
}

.ms-a-short-1{
	display: none;
}


.ms-short-4{
	font-size: 13px;
	font-family: font-3;
	floaT: left;
	height: 16px;
	object-fit: cover;
	position:relative;
	overflow:hidden;
	margin: 0px 0px 0px 0px;
	color: #7E7F83;
}

.ms-short-3, .ms-short-3 img{
    width: 100%;
    floaT: left;
    height: 175px;
    object-fit: cover;
    border-radius: 14px;
    position:relative;
    overflow:hidden;
}

.ms-short-1{
	 overflow: hidden;
	width: 257px;
	floaT: left;
	margin: 0px 15px 15px 0px;
}


.fo-msg-7{
	 overflow: hidden;
	width: 106%;
	floaT: left;
}

.fo-msg-6 {
	 overflow: hidden;
	width: 100%;
	floaT: left;
	margin: 20px 0px 0px 0px;
}


.fo-msg-5{
	border-radius: 100px;
	overflow: hidden;
	width: 13px;
	height: 13px;
	background:#2B3252;
	floaT: left;
	margin: 3.5px 5px 0px 0px;
}


.fo-msg-4 a{
	color:#2B3252;
}

.fo-msg-4{
	 overflow: hidden;
	floaT: left;
	margin: 4px 0px -5px 0px;
	padding: 0px 15px 0px 0px;
	position: relative;
	height: 20px;
	line-height: 20px;
	background:#fff;
	font-size: 16px;
	color:#2B3252;
	font-family: font-3;
	-webkit-font-feature-settings: 'case'on;font-feature-settings: 'case'on;
}

.fo-msg-3{
	width: 100%;
	floaT: left;
	position:relative;
}

.fo-msg-2{
	margin: 0px 15px;
}


.fo-msg-1{
	 overflow: hidden;
	floaT: left;
	margin: 15px 0px 0px 0px;
	background: #fff;
	border-radius: 14px;
	padding: 15px 0px 0px 0px;
}

.light-mode .div-left-menu-2  {
	 cursor: pointer;
}

.light-mode .div-left-menu-3  {
	cursor: default !important;
}


.div-left-menu-3  {
    	cursor: pointer;
}



.a-short-3{
	font-size: 15px;
	font-family: font-1;
	floaT: left;
	height: 16px;
	border-radius: 14px;
	position:relative;
	margin: 3px 0px 0px 15px;
	color:#888A8E;
}

.a-short-2{

	float: left;
	position:relative;
	margin-bottom: 0px;
	color:#fff;
	font-size: 0px;
}

.a-short-2 a:nth-child(2){
	display: inline-flex;
}

.a-short-2 a:hover{
		color: #333b60;
	transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;
}

.a-short-02.a-short-2{
	margin: 8.5px 0px 0px 0px;
	floaT: right;
}


.a-short-2 a{
	font-family: font-1;
	transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	color:#7E7F83;
	font-size: 15px !important;
	padding: 4px 0px;
	border-radius: 100px;
	-webkit-font-feature-settings: 'case'on;font-feature-settings: 'case'on;
	display: none;
}

.a-short-1{
	display: none;
}


.light-mode .a-short-1{
	display: block;
}


.a-short-1{

	floaT: right;
	position:absolute;
	right: 0px;
	bottom: 0px;
}

.light-mode .short-5, .light-mode .a-short-1{
	width: calc(100% - 210px);
}

.light-mode .short-5{
	font-size: 17px;
	line-height: 21px;
	color: #2B3252;
	floaT: right;
	height: 85px;
	object-fit: cover;
	position:relative;
	overflow:hidden;
	margin: 0px 0px 0px 0px;
	font-family: font-3;
}

.light-mode .short-4{
	display: none;
}


.light-mode .short-3, .light-mode .short-3 img{
    width: 190px;
    floaT: left;
    height: 140px;
    object-fit: cover;
    border-radius: 14px;
    position:relative;
    overflow:hidden;
}

.light-mode .a-short-02.a-short-2{
	display: none;
}

.light-mode .short-1{
	position:relative;
	overflow: hidden;
	width: 519px;
	floaT: left;
	margin: 0px 0px 25px 0px;
}


/*-- dark --*/

.div-left-menu-3 ::after {
    width: 100%;
    height: 100%;
    lefT: 0px;
    top: 0px;
    position: absolute;
    content: "";
   	background: rgba(255, 255, 255, 0.04) url(../images/con-033.svg) center no-repeat;
   	opacity: 100%;
}

.div-left-menu-3  {
	    cursor: pointer;
	width: 35px;
	height: 35px;
	line-height: 35px;
	border-radius: 0px;
	float: left;
	position:relative;
	overflow:hidden;
	margin: 0px 0px 0px 0px;
}


.div-left-menu-2 ::after {
    width: 100%;
    height: 100%;
    lefT: 0px;
    top: 0px;
    position: absolute;
    content: "";
   	background: rgba(255, 255, 255, 0.04) url(../images/con-030.svg) center no-repeat;
   	opacity: 100%;
}
.div-left-menu-2  {
	width: 35px;
	height: 35px;
	line-height: 35px;
	border-radius: 0px;
	float: left;
	position:relative;
	overflow:hidden;
	margin: 0px 0px 0px 0px;
}

.light-mode .div-left-menu-2 {
    background: #fff !important;
    color: #aeadbb;
    box-shadow: 0px 0px 0px 0px #aeadbb;
    opacity: 50%;
     
}
.light-mode .div-left-menu-3 {
    box-shadow: 0px 0px 0px 0px #aeadbb;

   
}
.dark-mode .div-left-menu-3 {
    background: #fff !important;
    box-shadow: 0px 0px 0px 0px #aeadbb;
     opacity: 50%;
}


.div-left-menu-1 button {
	padding: 0px;
	display: inline-block;
    border: 0px;
    background: rgba(0, 0, 0, 0);
}
.div-left-menu-1 {
    margin: 18px 20px -3px 0px;
    height: 30px;
    float: right;
    font-family: font-1;
    font-size: 12px;
    position: relative;
    overflow:hidden;
    border: 0px;
}



.quote_block{
	width: 100%;
	floaT: left;
	position:relative;
	margin-top: 25px;
	margin-bottom: 21px;
}

.quote_block::after{
	position:absolute;
    width: 30px;
    height: 30px;
    floaT: left;
    top: -12px;
    left: 20px;
    margin: 0px 0px 0px 0px;
    background: #2B3252 url(../images/con-028.svg) center no-repeat;
    background-size: 13px;
    content: "";
    border-radius: 9px;
}

.scriptcode, .title_quote, .title_spoiler, .text_spoiler, .quote { position:relative;  padding: 15px 20px 5px 20px; background: #F1F1F1; border-radius: 14px;   }


.quote_body.contenteditable p{
	color: #2B3252 !important;
	font-family: font-1;
}


.footbaalls-5{
	color: #2F54FF;
	font-style: normal;
font-variant: all-small-caps;
}


.ful-1 .fli-1 .footballs-2{
	margin: 0px 25px;
}


.ful-1 .fli-1.footballs-1{
	 overflow: hidden;
	floaT: left;
	margin: 0px 0px 0px 0px;
	background: #fff;
	border-radius: 14px;
	padding: 20px 0px 20px 0px;
}

.ht-left-icon-2{
    position:relative;
    display: inline-flex;
    background: url(../images/con-026.svg) 0px 0px no-repeat;
    width: 20px;
    height: 22px;
    floaT: left;
    margin: 2.1px 1px 0px 0px;
}

.ht-left-icon-1{
    position:relative;
    display: inline-flex;
    background: url(../images/con-024.svg) 0px 0px no-repeat;
    width: 22px;
    height: 22px;
    floaT: left;
    margin: 2.1px 1px 0px 0px;
}

.ht-left-8 a:hover{
	color:#2B3252;
	background-color: rgb(241 241 241 / 50%);
	-webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
}

.darken .ht-left-8 a{
	color:#d1d3dd;
	background: #202A50 url(../images/sol-1.svg) 20px center no-repeat !important;
}

.ht-left-8 a{
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	-o-transition: all .2s;
	transition: all .2s;
	text-indent:0px;
	width: 100%;
	floaT: left;
	position:relative;
	color:#2B3252;
	margin: 0px 0px 10px 0px;
	background: #F1F1F1 url(../images/zo-1.svg) 20px center no-repeat;
	font-family: font-3;
	font-size: 15px;
	padding: 17px 20px 17px 45px;
	border-radius: 14px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.ht-left-8 {
	width: 100%;
	floaT: left;
	position:relative;
	color:#000;
	margin: 5px 0px 0px 0px;
}


.fa-minus-1{
    display: inline-flex;
    background: url(../images/con-034.svg) center no-repeat;
    width: 100%;
    height: 100%;
    floaT: left;
    margin: 0px 0px 0px 0px;
}

.fa-plus-1{
    display: inline-flex;
    background: url(../images/con-035.svg) center no-repeat;
    width: 100%;
    height: 100%;
    floaT: left;
    margin: 0px 0px 0px 0px;
}

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

.fullstor-14 {
	floaT: right;
	position:relative;
	margin: 3px 15px 0px 0px;
	font-family: font-1;
	font-size: 15px;
	color: #2B3252;
}

.container b{
font-family: font-3 !important;
}

.container p{
	line-height: 22px;
	font-size: 16px;
	color:#222222;
}

.container{
	width: 100%;
	floaT: left;
	position:relative;
	margin: 0px 0px 10px 0px;
	line-height: 23px;
	color:#0e0e0e
}

.fullstor-13 #decreaseFont:hover, .fullstor-13 #increaseFont:hover {
    opacity: 80%;
    cursor: pointer;
    -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
}

.fullstor-13 #increaseFont {
	-webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
    color: #0e1523 !important;
    border: 0px solid #CFD5DF;
    background: #2B3252;
    font-weight: 700;
    font-style: normal;
    font-size: 15px;
    z-index: 100;
    width: 28px;
    height: 28px;
    line-height: 28px;
    float: right;
    text-align: center;
    border-radius: 100px;
    margin-top: 0px;
}


.fullstor-13 #decreaseFont {
	-webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
    color: #0e1523 !important;
    border: 0px solid #CFD5DF;
    font-weight: 500;
    background: #D8E1EF;
    font-style: normal;
    font-size: 15px;
    z-index: 100;
    width: 28px;
    height: 28px;
    line-height: 28px;
    float: left;
    margin-right: 10px;
    text-align: center;
    border-radius: 100px;
    margin-top: 0px;
}

.fullstor-12 {
	floaT: right;
	position:relative;
	margin-top: 0px;
	/* margin-bottom: -9px; */
}


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


.ht-left-4{
	position:relative;
	float: left;
	margin: 0px 20px 0px 0px;
}

.ht-left-3{
	font-size: 14px;
	position:relative;
	float: left;
	color: #2B3252;
	margin: 5px 0px -4px 0px;
	font-family: font-1;
}

.ht-left-2{
	width: 100%;
	position:relative;
	float: left;
	font-size: 15px;
	line-height: 20px;
	font-family: font-3;
	color:#818284;
	margin: 10px 0px 10px 0px;
}


.full-size-02 h1{
	width: 100%;
	position:relative;
	float: left;
	font-size: 19px;
	line-height: 20px;
	letter-spacing: -0.3px;
	font-family: font-3;
	color:#242527;
	-webkit-font-feature-settings: 'case'on; font-feature-settings: 'case'on;
	margin: 0px 0px 10px 0px;
}

.ht-left-6 a:hover{
	background: #333b60;
	transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;
}

.ht-left-6 a{
    position: relative;
    background: #2B3252;
    border-radius: 10px;
    color: #f7f7f7;
    padding: 7px 10px;
    font-size: 13px;
    font-family: font-2;
    z-index:1;
    margin: 0px 5px 0px 0px;
     transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-webkit-transition:all 0.2s ease-in-out;
}
.ht-left-6 {
    position: absolute;
    left: 0px;
    color: #f7f7f7;
    padding: 10px 12px;
    font-size: 0px;
    font-family: font-2;
    bottom: 10px;
    z-index:1;
}


.ht-left-5, .ht-left-5 img{
	width: 100%;
	object-fit: cover;
	border-radius: 14px;
	overflow:hidden;
	position:relative;
	float: left;
}

.full-size-2{
	margin: 0px 15px;
}

.ht-left-5 img, .ht-left-5{
	width: 100%;
	height: 310px;
	position:relative;
	floaT: left;
	object-fit: cover;
}


.full-size-1{
	 overflow: hidden;
	floaT: left;
	margin: 0px 0px 15px 0px;
	background:#fff;
	border-radius: 14px;
	padding: 15px 0px 5px 0px;
}

.f-metis-001 .f-metis-2 a {
	margin: 15px 0px 0px 0px !important;
}

.ful-1 .no-no-1{
	background:rgb(255 255 255 / 0%);
}

.ful-1 .footballs-2{
	margin: 0px 0px;
}


.ful-1 .footballs-1{
	 overflow: hidden;
	width: 100%;
	floaT: left;
	margin: 0px 0px 0px 0px;
	background:rgb(255 255 255 / 0%);
	border-radius: 0px;
	padding: 0px 0px 0px 0px;
}






.ko-sm-15 .ko-sm-16 {
	transition:all 0.2s ease-in-out;
	-moz-transition:all 0.2s ease-in-out;
	-webkit-transition:all 0.2s ease-in-out;
}

.ko-sm-15:hover .ko-sm-16 {
	transition:all 0.2s ease-in-out;
	-moz-transition:all 0.2s ease-in-out;
	-webkit-transition:all 0.2s ease-in-out;
	background-color:#414a70;
}


.ko-sm-015 .ko-sm-16{
    background: #353D5F url(../images/con-042.svg) center no-repeat;
}


.ko-sm-16{
    overflow:hidden;
    width: 45px;
    height: 45px;
    floaT: left;
    position:relative;
    background: #353D5F url(../images/con-040.svg) center no-repeat;
    border-radius: 10px;
    margin: 0px 10px 0px 0px;
}

.ko-sm-015.ko-sm-15{
	floaT: right !important;
}

.ko-sm-15{
	/* width: 50%; */
	font-family: font-3;
	line-height: 45px;
	floaT: left;
	position:relative;
}


.ko-sm-14{
	width: 100%;
	floaT: left;
	position:relative;
	margin-top: 20px;
}



.ko-sm-19{  
	width: 16px;
	height: 16px;
	z-index:1;
	margin: 0px 2px -2px 0px;
	display: inline-block;
	background: url(../images/con-038.svg) center no-repeat;
}


.ko-sm-13{
	width: 390px;
	position:relative;
	margin: auto;
}


.ko-sm-18: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:#414a70;
}

.ko-sm-18 {
	transition:all 0.2s ease-in-out;
	-moz-transition:all 0.2s ease-in-out;
	-webkit-transition:all 0.2s ease-in-out;
	width: 100%;
	position:relative;
	float: left;
	color:#fff;
	height: 50px;
	line-height: 50px;
	font-family: font-3;
	border-radius: 10px;
	background:#353D5F;
	text-align: center;
	-webkit-font-feature-settings: 'case'on;
	font-feature-settings: 'case'on;
}


.ko-sm-17{
	margin-top: 20px;
	width: 100%;
	position:relative;
	float: left;
}

.ko-sm-12 a{
	color:#fff;
}

.ko-sm-12{
	width: 100%;
	position:relative;
	float: left;
	color:#fff;
}



.ko-sm-11 .swore-3{
		background: url(../images/soc-03.svg) center no-repeat;
}

.ko-sm-11 .van-div-02 .swore-02{  
	background: url(../images/soc-02.svg) center no-repeat;
}

.ko-sm-11 .van-div-01 .swore-01{  
	background: url(../images/soc-01.svg) center no-repeat;
}

.ko-sm-11 .van-div-2{
	background: #3a4470;
}

.ko-sm-11{
	width: 190px;
	position:relative;
	margin: auto;
}

.ko-sm-10{
	width: 100%;
	floaT: left;
	position:relative;
}





.ko-sm-5 {
	width: 100%;
	height: 63px;
	floaT: left;
	lefT: 0px;
	top: 0px;
	z-index:1;
	position:relative;
	background: url(../images/con-1.svg) no-repeat;
	background-size: 100%;
}

.ko-sm-9 {
    margin: 0px 7%;
}

.ko-sm-8 {
    width: 100%;
    floaT: left;
    z-index: 1;
    position:relative;
    overflow:hidden;
    margin: 0px 0px 10px 0px;
    color:#ffffff;
    font-size: 16px;
    font-family: font-1;
    text-align: center;
    color:#B5BAD1;
}



.ko-sm-7 {
    width: 100%;
    floaT: left;
    z-index: 1;
    position:relative;
    overflow:hidden;
    margin: 7% 0px 10px 0px;
    color:#ffffff;
    font-size: 21px;
    font-family: font-3;
    letter-spacing: -0.5px;
    text-align: center;
    -webkit-font-feature-settings: 'case'on;
	font-feature-settings: 'case'on;
}



.ko-sm-6 {
    width: 100%;
    floaT: left;
    z-index: 1;
    position:relative;
    overflow:hidden;
    background:#2B3252;
    color: #fff;
}



.ko-sm-3 {
    margin: 0px 2px 0px 0px;
}

.ko-sm-4 {
    width: 100%;
    floaT: left;
    z-index: 1;
    position:relative;
    overflow:hidden;
    margin-bottom: 20px;
    border: 1px #E2E4EB solid;
    border-radius: 14px;
}




.form_submit .btn.btn-big{
	display: inline-block !important;
	margin: -75px 0px 0px 10px;
	border-radius: 10px;
}

.form_submit div{
    display: inline-block;
    text-align: center;
}

.form_submit {
    width: 100%;
    floaT: left;
    z-index: 1;
    position:relative;
    margin-top: 10px;
    display: inline-block;
    text-align: center;
}


.ko-sm-2 {
    width: 100%;
    floaT: left;
    z-index: 1;
    position:relative;
    margin: 0px 0px 20px 0px;
    color:#222222;
    font-size: 21px;
    font-family: font-3;
    letter-spacing: -0.5px;
    text-align: center;
    -webkit-font-feature-settings: 'case'on;
	font-feature-settings: 'case'on;
}



.ko-sm-1 .box_in{
	width: 470px;
	margin: auto;
}


.ko-sm-1 {
    width: 100%;
    floaT: left;
    z-index: 1;
    position:relative;
    margin-bottom: 35px;
}



.no-no-1 .footballs-1{
	 margin-bottom: 0px;
}

.ssp-tit-5 {
    width: 100%;
    height: 35px;
    floaT: left;
    z-index: 1;
}

.ssp-tit-4{ position:absolute;top:50%;left:0;width:100%;-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:2;}


.ssp-tit-3.sp-tit-3 img{
	line-height: 0px;
	width: 25px;
}


.ssp-tit-3.sp-tit-3{
	position:relative;
	margin: 15px 5px -10px 20px;
	floaT: left;
	background:#fff !important;
	box-shadow: 0px 0px 0px 0px #e5e5ed;
}


.sp-tit-10 a:hover{
	background:#e4e8ed;
	color:#2B3252;
}

.sp-tit-10 a{
	height: 38px;
	line-height: 39px;
	floaT: left;
	padding: 0px 15px;
	margin: 0px 10px 10px 0px;
	background:#F1F1F1;
	color:#4a4e64;
	border-radius: 10px;
	text-align: center;
	font-family: font-3;
	-webkit-font-feature-settings: 'case'on;
	font-feature-settings: 'case'on;
	font-size: 14px;
}


body .lik-01 a:hover{
	background:#2B3252;
	color:#fff;
}


body .lik-01 a{
	background:#2B3252;
	color:#fff;
}


.s-sp-tit-6 .sp-tit-10>li {
display: inline;
}





.sp-tit-8::after {
	width: 70px;
	height: 60px;
	margin: 0px 0px 0px 0px;
	position: absolute;
	floaT: left;
	background: linear-gradient(270deg, #FFF 23.61%, rgba(255, 255, 255, 0.00) 100%);
	content: "";
	right: 0px;
	top: -12px;
	z-index:1;
}

.sp-tit-8::before {
	width: 70px;
	height: 60px;
	margin: 0px 0px 0px 0px;
	position: absolute;
	floaT: left;
	background: linear-gradient(90deg, #FFF 23.61%, rgba(255, 255, 255, 0.00) 100%);
	content: "";
	left: 0px;
	top: -12px;
	z-index:1;
}

.sp-tit-8{
	width: 100%;
	height: 38px;
	floaT: right;
	background:#fff;
	margin: 0px 0px 0px 0px;
	position:relative;
}

.sp-tit-7{
	width: 150px;
	height: 38px;
	line-height: 39px;
	floaT: left;
	margin: 0px 0px 0px 0px;
	background:#2B3252;
	color:#fff;
	border-radius: 10px;
	text-align: center;
	font-family: font-3;
	-webkit-font-feature-settings: 'case'on;
	font-feature-settings: 'case'on;
	font-size: 14px;
}


.box_in h1{
	color:#2B3252;
	font-size: 22px;
	margin: -5px 0px 7px 0px;
	width: 100%;
	floaT: left;
	position:relative;
	overflow:hidden;
	font-family: font-3;
	letter-spacing: -0.5px;
	-webkit-font-feature-settings: 'case'on; font-feature-settings: 'case'on;
}


.boxx{
	margin-bottom: 25px;
}


body .sp-tit-3 {
	width: 40px;
	height: 40px;
	line-height: 44px !important;
	text-align: center;
	line-height: 20px;
    float: left;
	padding: 0px 0px !important;
	margin: 0px 14px 0px 0px;
	border-radius: 14px;
	font-family: font-1;
}


.sp-tit-5 a{
	position:relative;
	line-height: 20px;
	background:#e5e5ed;
    float: left;
    font-size: 14px;
	padding: 10px 15px;
	margin: 0px 14px 0px 0px;
	border-radius: 100px;
	font-family: font-1;
}

.sp-tit-5 a:nth-child(2){
	display: none !important;
}

.sp-tit-5{
	-webkit-font-feature-settings: 'case'on;
	font-feature-settings: 'case'on;
	font-size: 15.6px;
	font-family: font-3;
	font-weight: 900;
	line-height: 50px;
}


.sp-tit-4 .no-no-1{
margin-top: 0px;
}


.sp-tit-2 {
	padding: 0px 15px;
	line-height: 40px;
}


.nam-ti-1.sp-tit-1 {
	font-size: 14px;
	margin-bottom: 20px !important;
	height: auto;
	padding: 15px 0px 15px 0px !important;
}

.sp-tit-1 {
	margin-bottom: 0px !important;
	height: 0px;
	padding: 0px !important;
	line-height: 20px;
	overflow: hidden;
	width: 100%;
	floaT: left;
	margin: 90px 0px 20px 0px;
	background:#fff;
	border-radius: 14px;
	padding: 15px 0px 15px 0px;
}




.berrors-2 b{
		-webkit-font-feature-settings: 'case'on;
	font-feature-settings: 'case'on;
	color:#2B3252;
	font-family: 'font-3';
}

.berrors-2{
	padding: 0px 20px;
}

.berrors-1.box{
	width: 100%;
	margin-bottom: 25px;
	color: #242527;
	background:#F1F1F1;
	border-radius: 14px;
	position:relative;
	float: left;
	padding: 20px 0px;
	font-size: 16px;
}


#pagi-load path{
	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:hover path{
	fill: #ffffff !important;
	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 svg{
	display: inline-block;
    color:#2B3252;
    margin: 0px 0px -4.5px 4px;
}


#pagi-load  path{
	fill:#2B3252;
}

#pagi-load span{ display: none;}
#pagi-load a span{ display: block; }
#pagi-load span{ width: 100%; float: left;  }
.pagi-load{  text-align: center; font-size:0px;}
.bottom-nav{  margin: 0px 0px 0px 0px; }
.pagi-load a:hover{color: #ffffff;transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-webkit-transition:all 0.2s ease-in-out;background: #2B3252;}
.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{ margin-bottom: 25px; width: 100%;color: #242527;font-family: font-1;border: 0px #C2C2CF solid;font-feature-settings: 'case' on;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 0px;display:inline-block;height: 50px;line-height: 50px;font-size: 16px;border-radius: 14px;cursor:pointer;/* color:#f7f7f7; */background: #CED9ED;text-align:center;font-family: 'font-3';}



.no-no-1{
	 overflow: hidden;
	width: 100%;
	floaT: left;
	margin: 90px 0px 15px 0px;
	background:#fff;
	border-radius: 14px;
	padding: 0px 0px 0px 0px;
}


#cssmenu li:hover ul:before{ 
z-index:9; 
position:absolute;
top: -25px;
right:0px;
width:100%;
height:25px;
content: "";
}

.footer-08 :hover {
	opacity: 80%;
}




.q_search input::placeholder {
    color: #8C8D90;
}

.footer-5::before {
	width: 30px;
	height: 100%;
	margin: 0px 0px 0px 0px;
	position: absolute;
	floaT: left;
	background: linear-gradient(90deg, #FFF 23.61%, rgba(255, 255, 255, 0.00) 100%);
	content: "";
	right: -30px;
	top: -1px;
	z-index:1;
}

.sld .footer-6 .slick-slide{
	margin:0px 0px;
	floaT: left !important;
}

.footer-6 .slick-slider .slick-list{
	padding: 0px 15px 0px 0px !important;
}

.header-001.header-3 .top-bar, .header-001.header-3 .scroll  {
	opacity: 100%;
}

.header-3 .top-bar, .header-3 .scroll  {
	opacity: 0%;
}

.header-3 .top-bar {
  height: 5px;
  width: 100%;
  background: rgb(232, 231, 228);
  position:absolute;
  bottom: -5px;
}

.header-3 .scroll {
  height: 5px;
  width: 0%;
  background: #2B3252;
  position:absolute;
  bottom: -5px;
}


.header-01 .logo-2 {
    margin: 6px 0px 0px 0px;
}

.header-01 #cssmenu ul li:hover, .header-01 #cssmenu ul .m-col-a {
	    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    color: #2B3252 !important;
    background: url(../images/hov.svg)  center 40px no-repeat;
}

.header-01 .header-8 ul li a{
	padding: 19px 8px;
}

.header-01 #cssmenu{
  animation: fadeIn 1s;
  -webkit-animation: fadeIn 1s;
  -moz-animation: fadeIn 1s;
  -o-animation: fadeIn 1s;
  -ms-animation: fadeIn 1s;
}

@keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@-moz-keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@-webkit-keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@-o-keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@-ms-keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}



.header-01 #cssmenu #menu-1, .header-01 #cssmenu #menu-2, .header-01 #cssmenu #menu-3, .header-01 #cssmenu #menu-4, .header-01 #cssmenu #menu-5, .header-01 #cssmenu #menu-6, .header-01 #cssmenu #menu-7{
	top: 55px;
}

.header-3.header-01 {
   position:fixed;
   top: 0px;
   z-index: 999;
   margin-top: 0px;
   box-shadow: 0px 0px 10px rgb(43 31 82 / 12%);
   height: 55px;
}


.footer-16:hover{
    opacity: 100%;
    transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -webkit-transition:all 0.2s ease-in-out;
}


.footer-16 {
	floaT: left;
	position:relative;
	margin: 8px 0px 0px 0px;
	opacity: 70%;
	transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -webkit-transition:all 0.2s ease-in-out;
}

.footer-15 {
	floaT: right;
	position:relative;
	margin: 0px 14px;
}

.footer-14 {
	floaT: right;
	position:relative;
	margin: 0px 0px 0px 0px;
}

.footer-13 {
	height: 32px;
	overflow:hidden;
	floaT: right;
	position:relative;
	margin: 24px 0px 24px 0px;
}


.footer-12 {
	font-size: 15px;
	color: #56585B;
	height: 80px;
	line-height: 81px;
	floaT: left;
	position:relative;
	margin: 0px 0px 0px 0px;
}


.footer-11 {
	width: 100%;
	floaT: left;
	position:relative;
	margin: 0px 0px 0px 0px;
}



.sld .footer-08{
	margin: 0px 30px;
	height: 55px;
}

.foter-logo-3{
	line-height: 61px !important;
}


.foter-logo-2{
	line-height: 72px !important;
}


.foter-logo-1{
	line-height: 70px !important;
}


.foter-logo-3 img{
	width: 180px;
}


.foter-logo-2 img{
	width: 110px;
}

.foter-logo-1 img{
	width: 100px;
}

.footer-008.footer-8{
	background: #F3F5F8;
}


.footer-8 {
	width: 100%;
	margin: 5px 0px;
	text-align: center;
	line-height: 55px;
	height: 55px;
	floaT: left;
	position:relative;
	border-radius: 100px;
}

.footer-6::before {
	width: 50px;
	height: 100%;
	margin: 0px 0px 0px 0px;
	position: absolute;
	floaT: left;
	background: linear-gradient(270deg, #FFF 23.61%, rgba(255, 255, 255, 0.00) 100%);
	content: "";
	right: 0px;
	top: -1px;
	z-index:1;
}


.footer-6 {
	width: calc(100% - 150px);
	text-align: center;
	line-height: 75px;
	height: 65px;
	floaT: right;
	position:relative;
	border-radius: 100px;
}


.footer-5 img{
	width: 70px;
}


.footer-5 img {
        -webkit-transition: all .5s;
        -moz-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s;
    }

.footer-5: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 .5s;
        -moz-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s;
    }

.footer-5 {
        -webkit-transition: all .5s;
        -moz-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s;
    }

.footer-5:hover  {
        -webkit-transition: all .5s;
        -moz-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s;
        background: #19bfc3;
    }

.footer-5 {
	width: 150px;
	text-align: center;
	line-height: 75px;
	height: 65px;
	floaT: left;
	position: absolute;
	border-radius: 100px;
	background: #11ADB1;
}



.footer-4 {
	position:relative;
	margin: 0px 5px;
}


.footer-3 {
	display: none;
	width: 100%;
	floaT: left;
	position:relative;
	overflow:hidden;
	padding: 4px 0px;
	border-radius: 100px;
	box-shadow: 0px 0px 0px 1px #dfe7ef;
}


.footer-2 {
	width: 100%;
	floaT: left;
	position:relative;
	padding: 25px 0px;
}

.h-banr-7.h-banr-4{
	margin-top: 85px !important;
	margin-bottom: -75px !important;
}


body .tiris-1 .h-banr-7.h-banr-4{
	margin-top: 0px !important;
	margin-bottom: 15px !important;
}

.h-banr-4{
	margin: 0px 0px 15px 0px !important;
}


.footer-9 {
	width: 100%;
	floaT: left;
	position:relative;
	background: #ffffff;
	margin: 0px 0px 0px 0px;
}

.footer-1 {
	width: 100%;
	floaT: left;
	position:relative;
	background: #ffffff;
	margin: 0px 0px 0px 0px;
	border-bottom: 1px #dfe7ef solid;
}








.v-videos-1 .short-2{
	margin: 0px 20px 0px 0px;
	position: relative;
}


.v-videos-1 .short-01{
	min-width: 290px !important;
	floaT: left;
	position:relative;
	background: #2B3252;
	border-radius: 14px;
	margin: 50px 0px 0px 0px;
}


.short-01 .short-2 .short-5 {
 transition:all 0.2s ease-in-out;
 -moz-transition:all 0.2s ease-in-out;
 -webkit-transition:all 0.2s ease-in-out;
}

.short-01 .short-2:hover .short-5 {
 transition:all 0.2s ease-in-out;
 -moz-transition:all 0.2s ease-in-out;
 -webkit-transition:all 0.2s ease-in-out;
 color: #ffffff;
}


.short-01 .short-5{
	margin: 14px 0px 20px 0px;
	font-size: 17px;
	line-height: 20px;
	 color: #B4BAD8;
}



.v-videos-9:hover .v-videos-5 {
	background: url(../images/le.svg) -20px 3px no-repeat;
	transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -webkit-transition:all 0.2s ease-in-out;
}


.v-videos-9 a{
	transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -webkit-transition:all 0.2s ease-in-out;
}

.v-videos-9 a:hover{
	color:#ffffff !important;
	transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -webkit-transition:all 0.2s ease-in-out;
}


.v-videos-9 .v-videos-5{
	border-radius: 100px;
	overflow: hidden;
	width: 10px;
	height: 19px;
	background: url(../images/le.svg) 0px 3px no-repeat;
	floaT: right;
	margin: 0px 0px 0px 4px;
	transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -webkit-transition:all 0.2s ease-in-out;
}


.v-videos-4{
	border-radius: 100px;
	overflow: hidden;
	width: 13px;
	height: 13px;
	background: #B4BAD8;
	floaT: left;
	margin: 3.3px 5px 0px 0px;
}

.v-videos-9 a{
	color:#B4BAD8 !important;
	font-size: 16px;
	font-family: font-1;
}


.v-videos-9{
	margin-right: 0px;
	margin-top: 1px;
	color:#B4BAD8;
	float: right;
	position:relative;
}

.footballs-4 a{
	color:#2B3252;
}


.v-videos-3 a:hover .v-videos-4{
	background:#ebefff;
	-webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;
}

.v-videos-3 a .v-videos-4 {
	-webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;
}


.v-videos-3{
	width: 100%;
	position:relative;
	margin: 22px 0px 20px 0px;
	 overflow: hidden;
	floaT: left;
	padding: 0px 15px 0px 0px;
	height: 20px;
	line-height: 20px;
	font-size: 17px;
	color:#2B3252;
	font-family: font-3;
	-webkit-font-feature-settings: 'case'on;font-feature-settings: 'case'on;
}


.v-videos-6{
	margin-top: -51px;
	width: 100%;
	floaT: left;
	position: relative;
}

.v-videos-3 a{
	position:relative;
	z-index:11;
	color: #B4BAD8;
}



.v-videos-2{
	margin: 0px 20px 0px 20px;
}

.v-videos-1 .short-3, .v-videos-1 .short-3 img{
    width: 100%;
    floaT: left;
    height: 200px;
}


.v-mobl-1.v-videos-1{
	display: block !important;
}

.v-videos-1{
	display: none;
	width: 100%;
	floaT: left;
	position:relative;
	background: #2B3252;
	border-radius: 14px;
	margin: 0px 0px 20px 0px;
}


.f-metis-2 path{
	transition:all 0.2s ease-in-out;
	-moz-transition:all 0.2s ease-in-out;
	-webkit-transition:all 0.2s ease-in-out;
}

.f-metis-2:hover path{
	fill: #ffffff !important;
	transition:all 0.2s ease-in-out;
	-moz-transition:all 0.2s ease-in-out;
	-webkit-transition:all 0.2s ease-in-out;
}


.f-metis-2 a:hover{
	color:#ffffff;
	background: #2B3252;
	transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -webkit-transition:all 0.2s ease-in-out;
}


.f-metis-2 a{
	transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -webkit-transition:all 0.2s ease-in-out;
}


.f-metis-2 svg{
	display: inline-block;
    color:#2B3252;
    margin: 0px 0px -4.5px 4px;
}

.f-metis-2 a{
    color:#2B3252;
}


.f-metis-2 a{
	font-family: font-3;
	-webkit-font-feature-settings: 'case'on;font-feature-settings: 'case'on;
    width: 100%;
    floaT: left;
    height: 50px;
    line-height: 50px;
    text-align: center;
    object-fit: cover;
    border-radius: 14px;
    position:relative;
    overflow:hidden;
    margin: 0px 0px 20px 0px;
    color:#2B3252;
    background:#CED9ED;
}





.short-2:hover .short-6{
	box-shadow: 0px 0px 0px 5px #2B3252;
	transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -webkit-transition:all 0.2s ease-in-out;
}

.short-2 .short-6{
	box-shadow: 0px 0px 0px 0px #2B3252;
	transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -webkit-transition:all 0.2s ease-in-out;
}

.short-6{
	width: 38px;
	height: 38px;
	position:absolute;
	bottom: 15px;
	right: 15px;
	background: #2B3252 url(../images/con-012.svg) center no-repeat;
	border-radius: 100%;
}





.footballs-9 .footballs-01.footballs-1{
	floaT: right;
}

.footballs-9 .footballs-1{
	width: 100%;
}



.footballs-5{
	border-radius: 100px;
	overflow: hidden;
	width: 13px;
	height: 13px;
	background:#2B3252;
	floaT: left;
	margin: 3.5px 5px 0px 0px;
}


.short-2:hover .short-5 {
 transition:all 0.2s ease-in-out;
 -moz-transition:all 0.2s ease-in-out;
 -webkit-transition:all 0.2s ease-in-out;
 color: #4a5483;
}


.short-5{
	font-size: 17.5px;
	color: #2B3252;
	width: 100%;
	floaT: left;
	height: 79px;
	line-height: 20px;
	object-fit: cover;
	position:relative;
	overflow:hidden;
	margin: 0px 0px 0px 0px;
	font-family: font-3;
}

.short-4{
	font-size: 15px;
	font-family: font-1;
	floaT: left;
	height: 16px;
	object-fit: cover;
	border-radius: 14px;
	position:relative;
	overflow:hidden;
	margin: 12px 0px 7px 0px;
	color:#888A8E;
}



.short-3, .short-3 img{
    width: 100%;
    floaT: left;
    height: 180px;
    object-fit: cover;
    border-radius: 14px;
    position:relative;
    overflow:hidden;
}


.short-1{
	 overflow: hidden;
	 width: 250px;
	 floaT: left;
	 margin: 0px 20px 20px 0px;
}




.footballs-8{
	 overflow: hidden;
	width: 106%;
	floaT: left;
}

.footballs-7{
	 overflow: hidden;
	width: 100%;
	floaT: left;
}


.footballs-6{
	border-radius: 100px;
	overflow:hidden;
	 overflow: hidden;
	width: 100%;
	height: 4px;
	background:#E0E2E9;
	floaT: left;
	margin: 7px 0px 9px 0px;
}


.footballs-4 a{
	color:#2B3252;
}

.footballs-4{
	 overflow: hidden;
	floaT: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 15px 0px 0px;
	position:absolute;
	height: 20px;
	line-height: 20px;
	background:#fff;
	font-size: 19px;
	color:#2B3252;
	font-family: font-3;
	-webkit-font-feature-settings: 'case'on;font-feature-settings: 'case'on;
}

.footballs-3{
	 overflow: hidden;
	width: 100%;
	floaT: left;
	margin: 0px 0px 20px 0px;
	padding: 0px 0px;
}



.footballs-2{
	margin: 0px 20px;
}


.footballs-1{
	 overflow: hidden;
	width: 100%;
	floaT: left;
	margin: 0px 0px 20px 0px;
	background:#fff;
	border-radius: 14px;
	padding: 20px 0px 0px 0px;
}

.footballs-4 a:hover .footballs-5{
	background:#5b669b;
	-webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;
}

.footballs-4 a .footballs-5{
	-webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;
}


   .stars-n-1 img, .short-1 img {
        -webkit-transition: all .5s;
        -moz-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s;
        -webkit-filter: saturate(100%);
        filter: saturate(100%)
    }

    .stars-n-1:hover img, .short-2: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 .5s;
        -moz-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s;
        -webkit-filter: saturate(130%);
        filter: saturate(130%)
    }


.star-new-3{floaT: left;position:relative;margin: 1px 0px -2px 0px;/* height: 46px; *//* line-height: 46px; */font-family: 'font-3';font-size: 19px;color:#18191B;}


.star-nn-1, .star-nn-2 {
	floaT: right;
    width: 19px;
    height: 19px;
    font-size: 14px;
    line-height: 19px;
    text-align: center;
    color: #ffffff;
    border-radius: 100px;
    margin: 2px 0px 0px 5px;
    bottom: 0px;
    display: inline-block;
    background: #2B3252;
    content: "";
    z-index:90;
}

.star-nn-2{display: none;}


.van-div-geo-1 {
  width: 400px;
  floaT: right;
  position:relative;
  height: 47px;
  background: url(../images/title-2.png) center no-repeat;
  position:absolute;
  right: 0px;
  z-index:1;
}


.van-div-03 {
  width: 47px;
  floaT: left;
  position:relative;
  height: 47px;
  line-height: 47px;
  background: url(../images/georgia.svg) center no-repeat;
  margin: 0px 0px 0px 5px;
}



.van-div-geo.van-div-4{
  font-family: font-1;
  floaT: left;
  position:relative;
  height: 47px;
  line-height: 47px;
  margin-bottom: 15px;
  color:#0e0f12;
  overflow:hidden;
  padding: 0px 0px 0px 0px;
}

.van-div-geo.van-div-2{
  font-family: font-1;
  width: 100%;
  floaT: left;
  position:relative;
  background: #ededed url(../images/title-1.png) 0px 0px no-repeat;
  height: 47px;
  line-height: 47px;
  margin-bottom: 15px;
  margin-top: 15px;
  color:#0e0f12;
  box-shadow: 0px 0px 6px 0px rgb(22 10 88 / 23%);
}


.van-div-12{
  line-height: 16px;
  position:relative;
  overflow:hidden;
  width: 100%;
  font-size: 14px;
  height: 62px;
  floaT: left;
  margin: 0px 0px 0px 0px;
  color:#0e0f12;
  font-weight: 700;
  font-family:font-3;
-webkit-font-feature-settings: 'case'on;
font-feature-settings: 'case'on;	
}

.van-div-11{
	width: 100%;
	floaT: left;
	position:relative;
	padding: 3px 0px 10px; 0px;
	font-size: 12px;
	color:#939393;
}


.van-div-10{
	padding: 0% 7%;
}



.van-div-8 img{
    width: 100%;
    floaT: left;
    height: 180px;
    object-fit: cover;
    border-radius: 0px;
    position:relative;
    overflow:hidden;
}


.van-div-6 img{
  widtH: 100%;
}


.van-div-6{
  width: 23.27%; 	
  float: left;
  margin: 0px 0px 15px 15px;
  box-shadow: 0px 0px 6px 0px rgb(22 10 88 / 23%);
}





.van-div-04{
  padding: 0px 0px 0px 5px;
  color:#757881;
}

.van-div-4{
	color:#ededed;
	z-index:11;
  font-family: font-4;
  floaT: left;
  position:relative;
  height: 48px;
  line-height: 48px;
  margin-bottom: 15px;
  overflow:hidden;
  padding: 0px 0px 0px 0px;
  font-size: 15px;
  letter-spacing: 0px;
}

.van-div-2{
  font-family: font-1;
  width: 100%;
  floaT: left;
  position:relative;
  background:#161c2a;
  height: 48px;
  line-height: 48px;
  margin-bottom: 15px;
  margin-top: 15px;
  color:#ededed;
}


ol.sliderr > .stars-n-1:hover > a:before{
	color:#2B3252;
	transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-webkit-transition:all 0.2s ease-in-out;
}

ol.sliderr {float:left;width:100%;font-size:13px;position:relative;padding:0;list-style:none;color:#222;counter-reset:ol-counter;}
ol.sliderr > li > a{line-height:20px;float:left;width:100%;/* overflow:hidden; */position:relative;font-size:17px;display:block;color:inherit;text-decoration:none !important;padding:0px 0 0px 0px;}
ol.sliderr > li > a:before{ transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-webkit-transition:all 0.2s ease-in-out;  filter: drop-shadow(0px 1px 2.1px rgba(0, 0, 0, 0.12)); color: #2B3252;   z-index:1;right: 0px;content:counter(ol-counter);counter-increment:ol-counter;font-size:15px;font-family:font-3;width:30px;height:30px;line-height:30px;border:0px solid #eeedf7;background:#ffffff; border-radius: 100px;float:left;  margin: 155px -5px 0px 0px; z-index:111; text-align:center;position:absolute;}

.van-stars-n-2{margin:0px 15px;}

.van-stars-n-1 {
	border-radius: 0px 0px 14px 14px;
    bottom: 0px;
    float: left;
    width: 100%;
    letter-spacing: 0.3px;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(#000000e6));
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, #000000e6 70%);
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, #000000e6 70%);
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #000000e6 70%);
    background-image: -o-linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #000000e6 70%);
    background-image: -moz-linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #000000e6 70%);
    background-image: -webkit-linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #000000e6 70%);
    background-image: -ms-linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #000000e6 70%);
    color: #f7f7f7;
    text-align: left;
    padding: 30px 0px 10px 0px;
    line-height: 20px;
    position: absolute;
	font-size: 14px;
	z-indeX:1;
	font-family: font-1;
}




.star-new-2 a{
	transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-webkit-transition:all 0.2s ease-in-out;
}

.star-new-2 .user_tab li:hover a{
 color: #2B3252;
 transition:all 0.2s ease-in-out;
 -moz-transition:all 0.2s ease-in-out;
 -webkit-transition:all 0.2s ease-in-out;
}

.star-new-3 i{
 color:#008080;
}

.stars-n-1:hover .stars-n-5, .van-div-6:hover .van-div-12 {
 transition:all 0.2s ease-in-out;
 -moz-transition:all 0.2s ease-in-out;
 -webkit-transition:all 0.2s ease-in-out;
 color: #4a5483;
}

.stars-n-1 .stars-n-5, .van-div-6 .van-div-12{
 transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-webkit-transition:all 0.2s ease-in-out;
}

.star-new-1 {
	margin-bottom: 0px;
    width: 100%;
    floaT: left;
    position: relative;
   
}

.stars-n-5{
  line-height: 18px;
  position:relative;
  overflow:hidden;
  width: 100%;
  font-size: 15px;
  height: 73px;
  floaT: left;
  margin: 10px 0px 0px 0px;
  color: #2B3252;
  font-weight: 700;
  font-family: 'font-3';
}

.stars-n-3, .stars-n-3 img{
    width: 100%;
    floaT: left;
    height: 180px;
    object-fit: cover;
    border-radius: 14px;
    position:relative;
    overflow:hidden;
}

.stars-n-1 img{
  widtH: 100%;
}

.stars-n-1 { 
  animation: fadeIn 0.8s;
  -webkit-animation: fadeIn 0.8s;
  -moz-animation: fadeIn 0.8s;
  -o-animation: fadeIn 0.8s;
  -ms-animation: fadeIn 0.8s;
}

@keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@-moz-keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@-webkit-keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@-o-keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@-ms-keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

.stars-n-1 {
  min-width: 240px;
  float: left;
  margin: 0px 20px 0px 0px;
}


.stars-n-2{
  position:relative;
  overflow:hidden;
  width: 100%;
  floaT: left;
  margin: 0px 0px 0px 0px;
}

.star-new-6 li:nth-child(0) {
    display: none;
}



.responsivee::-webkit-scrollbar{height: 6px;}
.responsivee::-webkit-scrollbar-track{background:#eee !important; border-radius: 100px; }
.responsivee::-webkit-scrollbar-thumb{ border: 0px solid #ffffff; background:#b3b6c5 !important; border-radius: 100px;  }

.responsivee{
	width:100%;
    display: flex;
    will-change: transform;
    overflow: auto scroll;
    overflow-y: hidden;
    overflow-x: auto;
    padding-bottom: 15px !important;
    margin-bottom: 0px;
}
.liv-new-5{
  width: 103%;
  floaT: left;
  position:relative;
  overflow:hidden;
}


.star-new-05{
  width: 100%;
  floaT: left;
  position:relative;
  overflow:hidden;
  padding: 0px 0px 0px 0px;
}

.star-new-2{
	position:relative;
	width: 100%;
	floaT: left;
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 0px 0px;
}
.user_tab .active a{
    color: #2B3252;
}


.user_tab .active {
    color: #008080;
    opacity: 9;
}

.star-new-4 img {
    width: 24px;
    height: 24px;
    floaT: left;
    margin: -2.5px 10px 0px 0px;
}

.user_tab li a{
    color: #ACADB9;
}

.user_tab li {
    display: inline-block;
    cursor: pointer;
    text-transform: uppercase;
    font-weight: 500;
    -webkit-user-select: none;
    color: #98989A;
    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;
}

.user_tab li:before {
	border-radius: 50px;
	width: 12px;
	height: 12px;
	top: 3px;
	margin: 0px 0px 0px 0px;
	bottom: 0px;
	left: -16px;
	position: absolute;
	floaT: left;
	background: #ACADB9;
	content: "";
	z-index:90;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.user_tab li.active:before {
  background: #2B3252;
}

.user_tab li a.active{ border-radius: 100px; background:#2e6abd;color:#ededed;z-index:4;outline:none;}

.user_tab{-webkit-font-feature-settings: 'case'on;font-feature-settings: 'case'on;margin: 1px 0px -1px 0px;floaT: right;font-family: 'font-3';}
.user_tab li{border-radius: 100px;position:relative;padding: 0px 0px;display:inline-block;margin: 0px 0px 0px 30px;cursor:pointer;text-transform:uppercase;font-weight:500;-webkit-user-select:none;}
.user_tab li:hover{ 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; }


.user_tab li:hover:before {
	background: #2B3252;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}


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



   .ll-new-1 img {
        -webkit-transition: all .5s;
        -moz-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s;
        -webkit-filter: saturate(100%);
        filter: saturate(100%)
    }

    .ll-new-1: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 .5s;
        -moz-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s;
        -webkit-filter: saturate(130%);
        filter: saturate(130%)
    }



.l-slaid-2 .ll-new-3 {
    padding: 0px 20px;
}


.l-slaid-2 .ll-new-2 {
    padding: 100px 0px 20px 0px;
}


.l-slaid-2 .ll-new-6 a{
     font-size: 17px;
    line-height: 22px;

}

.ll-new-6 a{
    float: left;
    width: 100%;
    font-size: 17px;
    line-height: 20px;
    font-family: font-3;
    color:#fff;
}


.ll-new-5 a:nth-child(2){
	display: inline-flex;
}

.ll-new-5 a:hover{
	background: #333b60;
	transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;
}

.ll-new-5 a{
	transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;
	color:#fff;
	font-size: 13px;
	background: #2B3252;
	padding: 6px 10px;
	border-radius: 10px;
	display: none;
}

.ll-new-5{
	width: 100%;
	float: left;
	position:relative;
	margin-bottom: 7px;
	color:#fff;
	font-size: 0px;
}

.l-slaid-2, .l-slaid-2 img{
	height: 380px;
	overflow:hidden;
}


.l-slaid-04.l-slaid-4{
	margin-top: 0px;
}


.l-slaid-4, .l-slaid-4 img{
	height: 190px;
	overflow:hidden;
}



.ll-new-3 {
	position:relative;
    padding: 0px 20px;
}


.ll-new-2 {
    float: left;
    width: 100%;
    background: -moz-linear-gradient(top, rgb(255 0 0/0%) 0%, #000000 100%);
    background: -webkit-linear-gradient(top, rgb(255 0 0/0%) 0%, #000000 100%);
    background: linear-gradient(to bottom, rgb(255 0 0/0%) 0%, #000000 100%);
    padding: 30px 0px 20px 0px;
    font-size: 13px;
    color: #fff;
    position: absolute;
    bottom: 0px;
    z-index: 1;
}



.ll-new-1{
	width: 100%;
	position:relative;
	overflow:hidden;
	float: left;
	border-radius: 14px;
}


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

.l-slaid-3{
	width: 42%;
	floaT: right;
	margin: 0px 0px 0px 0px;
	position:relative;
}


.l-slaid-2{
	width: 58%;
	floaT: left;
	margin: 0px 0px 0px 0px;
	position:relative;
}

.center-2 .l-slaid-1{
	margin: 0px 19px;
}

.ll-slaid-1.l-slaid-1{
	position:relative;
	overflow:hidden;
	border-radius: 14px;
	margin: 0px 20px;
}


.l-slaid-1{
	margin: 0px 20px;
}

.mmm-size-1.m-size-1{
display: none;
}

.m-size-1{
	position:relative;
	z-index:1;
	overflow: hidden;
	width: 100%;
	floaT: left;
	margin: 0px 0px 15px 0px;
	background:#fff;
	border-radius: 14px;
	padding: 20px 0px 20px 0px;
}





.line-text-4::after {
	width: 70px;
	height: 46px;
	margin: 0px 0px 0px 0px;
	position: absolute;
	floaT: left;
	background: linear-gradient(270deg, #FFF 23.61%, rgba(255, 255, 255, 0.00) 100%);
	content: "";
	right: 0px;
	top: -12px;
	z-index:1;
}


.line-text-4::before {
	width: 70px;
	height: 46px;
	margin: 0px 0px 0px 0px;
	position: absolute;
	floaT: left;
	background: linear-gradient(90deg, #FFF 23.61%, rgba(255, 255, 255, 0.00) 100%);
	content: "";
	left: 0px;
	top: -12px;
	z-index:1;
}

.line-text-4{
	width: calc(100% - 170px);
	floaT: right;
	background:#fff;
	margin: 16px 10px 0px 0px;
	border-radius: 100px;
	overflow:hidden;
	position:relative;
}



.line-text-3{
	floaT: left;
	width: 130px;
	height: 28px;
	line-height: 29px;
	margin: 12px 0px 0px 12px;
	background:#2B3252;
	color:#fff;
	border-radius: 100px;
	text-align: center;
	font-family: font-3;
	-webkit-font-feature-settings: 'case'on;
	font-feature-settings: 'case'on;
	font-size: 14px;
}


.line-text-1{
	width: 100%;
	height: 54px;
	floaT: left;
	margin: 0px 0px 15px 0px;
	background:#fff;
	border-radius: 100px;
}


.line-text-4 .holder-1 .tek-l {
	margin: 0px 0px 10px 0px;
	display:inline;
}


.line-text-4 .holder-1 a:hover{
	color:#2B3252;
	    text-decoration: none;
    text-decoration: underline;
}

.line-text-4 .holder-1 a{
	text-decoration: none;
	font-weight: bold;
	color: #464850;
	font-size:15px;
	font-family: font-3;
	margin: 0px 30px 0px 0px;
	padding: 0px 0px 0px 30px;
	border-left: 1px #c4cad9 solid;
}




.div-home-2{
	width: 100%;
	floaT: left;
	margin: 0px 0px 0px 0px;
}


.div-home-1{
	width: 100%;
	floaT: left;
	margin: 95px 0px 0px 0px;
}


.tops-men-1#menu-3 ul:nth-child(2), .tops-men-1#menu-3 ul:nth-child(3), .tops-men-1#menu-3 ul:nth-child(4){
	margin-top: 35px;
}

#cssmenu > ul > li:hover > ul{animation:fade_in_show .3s}@keyframes fade_in_show{0%{opacity:0;transform:scale(0.4)}100%{opacity:1;transform:scale(1)}}


#cssmenu .fa-angle-down {
	background: url(../images/con-011.svg) center no-repeat;
	z-indeX: 1;
    width: 8px;
	height: 5px;
	display: inline-block;
	margin: 0px 0px 4px 2px;
}

#cssmenu li{
	display: inline-block;
}

.header-menu-1{
	width: auto !important;
	display: inline-flex;
	floaT: right;
	margin: 0px 0px 0px 0px;
}



.header-8 ul li a{
	color: #626878;
	-webkit-transition:all .5s;
	-moz-transition:all .5s;
	-o-transition:all .5s;
	transition:all .5s;
}

.header-8{
	widtH: 100%;
	line-height: 20px;
	border-radius: 5px;
	floaT: left;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px 0px;
}




#cssmenu ul li ul li img{
    width: 20px;
    height: 20px !important;
    padding: 0px 0px;
    line-height: 0px;
    margin: 0px 5px 0px 0px;
    floaT: left;
    border-radius: 5px;
}

#menu-1 .menu-titl-1 a:hover, #menu-2 .menu-titl-1 a:hover, #menu-3 .menu-titl-1 a:hover, #menu-4 .menu-titl-1 a:hover, #menu-5 .menu-titl-1 a:hover, #menu-6 .menu-titl-1 a:hover, #menu-7 .menu-titl-1 a:hover, #menu-8 .menu-titl-1 a:hover, #menu-9 .menu-titl-1 a:hover {
		color:#222  !important;
    text-decoration: blink !important;
    text-decoration: underline;
    cursor: default;
}

#menu-1 .menu-titl-1 a, #menu-2 .menu-titl-1 a, #menu-3 .menu-titl-1 a, #menu-4 .menu-titl-1 a, #menu-5 .menu-titl-1 a, #menu-6 .menu-titl-1 a, #menu-7 .menu-titl-1 a, #menu-8 .menu-titl-1 a, #menu-9 .menu-titl-1 a{
	font-family: font-4 !important;
	font-weight: 700 !important;
	font-size: 18px;
	margin-bottom: 10px !important;
}

#menu-1 ul, #menu-2 ul, #menu-3 ul, #menu-4 ul, #menu-5 ul, #menu-6 ul, #menu-7 ul, #menu-8 ul, #menu-9 ul{
    width: 100%;
    max-height: 0;
    position: relative !important;
    background: #fff;
}

body #menu-1 li, body #menu-2 li, body #menu-3 li, body #menu-4 li, body #menu-5 li, body #menu-6 li, body #menu-7 li, body #menu-8 li, body #menu-9 li {
    width: 100%;
    /* max-height: 0; */
    position: relative !important;
    background: #fff;
}


body #menu-3 ul, body #menu-4 ul, body #menu-5 ul, body #menu-6 ul, body #menu-7 ul, body #menu-8 ul, body #menu-9 ul{
	width: 200px !important;
	height: auto !important;position:relative !important;floaT: left;top: 0px !important;
	}

#cssmenu > ul li:hover a {
    color: #2B3252 !important;
}

#cssmenu > ul li:hover li a {
    color: #2B3252 !important;
}


body #menu-2 ul{ 
width: 31.3% !important;
}


body #menu-1 .menu-t-1{width: 35% !important;}


body #menu-1 ul{ 
width: 29.1% !important;
height: auto !important;
position:relative !important;
floaT: left;
top: 0px !important;
}



#cssmenu ul li a {
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

#cssmenu ul li:hover ul {
    width: 100%;
    floaT: left;
    max-height: 300px;
    /* overflow: hidden; */
}

#cssmenu ul li ul {
    width: 100%;
    max-height: 0px;
    /* overflow: hidden; */
}

#cssmenu ul li ul {
    width: 100%;
    max-height: 0px;
    /* overflow: hidden; */
}


#cssmenu ul li:hover ul ul {
	padding: 1px 4px 0px 8px;
	}

#cssmenu ul li:hover ul {
	padding: 20px 0px 10px 12px;
	position: absolute;
	left: 0px !important;
	/* overflow: hidden; */
	z-index: 9999;
	opacity: 9;
	display: block !important;
}

#cssmenu ul li ul {
	box-shadow: 0px 0px 0px 0px #fff;
	position: absolute;
	/* overflow: hidden; */
	z-index: 9;
	opacity: 9;
	display: none;
}

#cssmenu ul li ul li {
	width: 100%;
	position: absolute;
}


#cssmenu ul li ul li a:hover, #cssmenu ul li ul .m-col-aa a  {
    color: #656f9f;
    border: 0px solid rgb(185 189 209 / 40%);
    background: rgb(185 189 209 / 0%);
}


#cssmenu ul li ul li a {
		-webkit-font-feature-settings: inherit !important;
		font-feature-settings: inherit !important;
		letter-spacing: -0.3px;
		text-align: left;
		line-height: 20px;
		font-family: font-1;
		font-weight: 800;
		font-size: 14.5px;
		font-weight: 100;
		float: left;
		opacity: 9;
		color: #5c5c78;
		border: 0px solid #e1e6ed;
		width: 100%;
		height: 30px;
		padding: 0px 0px;
		margin: 0px 0px 0px 0px !important;
		border-radius: 8px;
		line-height: 20px;
}

#cssmenu ul li ul li a:hover {
    opacity: 70%;
}


#cssmenu > ul > li > ul > li {
    width: 100%;
    float: left;
    padding: 0px;
    z-index: 99;
    max-height: 72px;
    position: relative;
    height: auto;
}

#cssmenu > ul > li > ul {
    padding: 0% 0%;
    background: #fff;
    font-family: font-2;
    width: 96% !important;
    display: block;

}




.right-menu-icon-04 { 
    background: url(../images/menu-i-4.svg) center no-repeat;
}


.right-menu-icon-03{
    background: url(../images/menu-i-3.svg) center no-repeat;
}

.right-menu-icon-02{
    background: url(../images/menu-i-2.svg) center no-repeat;
}

.right-menu-icon-01{
    background: url(../images/menu-i-1.svg) center no-repeat;
}


.right-menu-icon-01, .right-menu-icon-02, .right-menu-icon-03, .right-menu-icon-04 {
    opacity: 9;
    text-align: center;
    position: absolute;
    top: 50%;
    color: #fff;
    font-size: 30px;
    font-family: font-1;
    letter-spacing: 0.2px;
    left: 0;
    width: 100%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 1;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    }


.right-menu-icon-01, .right-menu-icon-02, .right-menu-icon-03, .right-menu-icon-04{
    width: 70px;
    height: 25px;
}



.right-menu-1 li:hover::before, .right-menu-1 li:hover::after {
    width: 100%;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.right-menu-1 li::before{
lefT: 0% !important;
}

.right-menu-1 li::after{
right: 0% !important;
}

.right-menu-1 li::before, .right-menu-1 li::after {
    width: 0%;
    height: 5px;
    bottom: 0px;
    position: absolute;
    background: #0092c1;
    content: "";
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.right-menu-1 li::before {
    left: 0px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.right-menu-1 li{
    float: left;
    position: relative;
    overflow:hidden;
    margin: 0px 0px; 
    width: 70px;
    height: 70px;
    border-lefT: 0px #ddd solid;
}

.right-menu-1 {
    float: right;
}


body #cssmenu .menu-t-1 .menu-titl-1 a:hover{
	color:#222 !important;
}





body #cssmenu #menu-1 .menu-t-1{
	background: url(../images/menu-1.png) 0px 0px no-repeat;
}

#cssmenu ul li ul .menu-titl-1 :hover {
	background:rgb(255 255 255 / 0%);
}


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



.menu-t-1 .menu-img-1 {
	width: 25px !important;
    height: 25px !important;
    width: auto;
    margin: -2px 10px 0px 8px;
    floaT: left;
}

.menu-img-1 {
	width: 20px !important;
    height: 20px !important;
    width: auto;
    margin: 0px 10px 0px 8px;
    floaT: left;
}


#cssmenu .menu-t-1 .menu-titl-1 a {
	font-family: font-4 !important;
	border-bottom: 1px rgb(58 60 60 / 15%) solid;
	border-radius: 0px;
	padding: 0px 0px 14px 0px;
}


body #cssmenu #menu-3 ul {
    width: 100%;
    floaT: left;
    /* height: 260px !important; */
    /* overflow: hidden; */
}

body #cssmenu #menu-2 ul {
    width: 100%;
    floaT: left;
    height:60px !important;
    overflow: hidden;
}

body #cssmenu #menu-1 ul {
    width: 100%;
    floaT: left;
    height: 172px !important;
    overflow: hidden;
}

#cssmenu ul li:hover, #cssmenu ul .m-col-a {
	    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    color: #2B3252 !important;
    background: url(../images/hov.svg)  center 53px no-repeat;
}


#cssmenu ul li {
	    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    background: url(../images/hov.svg)  center 80px no-repeat;
}


#cssmenu a {
position:relative;
}



#cssmenu #menu-1, #cssmenu #menu-2, #cssmenu #menu-3, #cssmenu #menu-4, #cssmenu #menu-5, #cssmenu #menu-6, #cssmenu #menu-7{
	lefT: 0px !important;
	lefT: 0px !important;
	top: 75px;
	box-shadow: 0px 1px 10px 0px rgb(42 42 42 / 9%);
	border-radius: 0px 0px 14px 14px;
}


.brendebi-1{
	z-index:1;
	widtH: 100%;
	height: 125px;
	line-height: 20px;
	position:relative;
	overflow:hidden;
	floaT: left;
	margin: 20px 0px 0px 0px;
	padding: 0px 0px 15px 0px;
}


.header-9 .fab{
color:#1976d2;
font-size: 15px;
margin: 0px 0px 0px 5px;
}

.header-9 a:hover{
	color:#1976d2 !important;
}
.header-9{
	padding: 12px 0px 15px 18px;
	line-height: 20px;
	position:relative;
	overflow:hidden;
	floaT: right;
	margin: 0px 0px 0px 0px;
	font-size: 14px;
	font-family: font-1;
}

.header-8 ul li ul li a{
	font-size: 16px;
}


.header-8 ul li a{
	line-height: 20px;
	position:relative;
	-webkit-font-feature-settings: 'case'on;
	font-feature-settings: 'case'on;
	floaT: left;
	font-size: 16px;
	font-family: font-3;
	margin: 0px 0px;
	padding: 27.3px 8px;
	letter-spacing:0.01em;
}

.dzebna-n-1 .btn-1 {
	   -webkit-transition: all 0.4s;
    font-family: font-1;
    position: absolute;
    right: 0;
    width: 37px;
    height: 33px;
    line-height: 33px;
    cursor: pointer;
    color: #687183;
    text-align: center;
    background: #fff url(../images/con-007.svg) center no-repeat;
    border: 0;
    top: 0;
    margin: 0;
    overflow: hidden;
    font-size: 15px;
    letter-spacing: 1px;
    border-radius: 0;
    margin-top: 0;
}

.dzebna-n-1,  #searchsuggestions {
	/* width: 260px; */
}


.dzebna-n-1 {
    margin: 0px 0px;
    height: 33px;
    float: right;
    position: relative;
    overflow: hidden;
    border-radius: 100px;
}

 .dzebna-n-1 .q_search input:focus,  #searchsuggestions{
        widtH: 300px;
    }

    
     .dzebna-n-1 .q_search input:focus{
        transition: all 0.7s;
        -webkit-transition: all 0.4s;
    }


.dzebna-n-1 .q_search input {
	-webkit-transition: all 0.4s;
    color:  #8C8D90;
    font-family: font-1;
    float: left;
    top: 0 !important;
    text-indent: 15px;
    height: 33px;
    padding: 0;
    width: 240px;
    background: #fff;
    border: 0 solid #ffffff;
    margin: 0;
    font-size: 15px;
    letter-spacing: 0px;
    border-radius: 3px;
}

.k-sms-1:hover {
    background: #2B3252 url(../images/con-0008.svg) center no-repeat;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
}

.k-sms-1 {
    cursor: pointer;
    overflow:hidden;
    width: 33px;
    height: 33px;
    line-height: 40px;
    floaT: right;
    position:relative;
    margin: 0px 0px 0px 12px;
    border-radius: 100px;
    background: #fff url(../images/con-008.svg) center no-repeat;
    text-align: center;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
}






.van-div-01:hover.van-div-2 path, .van-div-02:hover.van-div-2 path, .van-div-03:hover.van-div-2 path{
   fill: #ededed;
    -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-03:hover .swore-03{  
	opacity:9;
	 -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
}

.van-div-02:hover .swore-02{  
	width: 100%;
	height: 100%;
	floaT: left;
	lefT: 0px;
	top: 0px;
	z-index:1;
	position:absolute;
	background: #37B6FD url(../images/soc-02.svg) center no-repeat !important;
    -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
}

.van-div-02 .swore-02{  
	width: 100%;
	height: 100%;
	floaT: left;
	lefT: 0px;
	top: 0px;
	z-index:1;
	position:absolute;
	background: url(../images/soc-2.svg) center no-repeat;
    -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
}

.van-div-01 .swore-01{  
	width: 100%;
	height: 100%;
	floaT: left;
	lefT: 0px;
	top: 0px;
	z-index:1;
	position:absolute;
	background: url(../images/soc-1.svg) center no-repeat;
    -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
}

.van-div-03 .swore-03{
	opacity:0;
	background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
	width: 100%;
	height: 100%;
	floaT: left;
	lefT: 0px;
	top: 0px;
	z-index:1;
	position:absolute;
    -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
}


.van-div-01:hover .swore-01{  
	width: 100%;
	height: 100%;
	floaT: left;
	lefT: 0px;
	top: 0px;
	z-index:1;
	position:absolute;
	background: #3B64B4 url(../images/soc-01.svg) center no-repeat !important;
    -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
}

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


.van-div-03:hover .swore-3{
		background: url(../images/soc-03.svg) center no-repeat;
	   -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
}

.swore-3{
		background: url(../images/soc-3.svg) center no-repeat;
		floaT: left;
		z-indeX: 11;
		width: 100%;
		position:absolute;
		text-align: center;
		left: 0px;
		height: 32.5px;
	   -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
}

.swore-2{
    floaT: left;
    z-indeX:0;
    width: 100%;
    position:absolute;
    text-align: center;
    left: 0px;
    height: 33px;
}

.swore-1{
    floaT: left;
    z-indeX:0;
    width: 100%;
    position:absolute;
    text-align: center;
    left: 0px;
    height: 33px;
}

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

.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; */
    margin-bottom: 20px;
    float: left;
    position: absolute;
    margin-top: 55px;
    widtH: 100%;
    height: 70px;
    background: #ffffff;
    line-height: 50px;
}


.logo-2 svg{
    widtH: 130px !important;
	height: 45px;
    line-height: 0px;
    float: left;
    position: relative;
}


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

.logo-1 {
    width: 155px;
    height: 75px;
    line-height: 75px;
    margin: 0px 0px;
    float: left;
    position: relative;
}

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

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

.van-div-9{
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    width: 21px;
    height: 21px;
    floaT: left;
    margin: 6px 0px 6px 0px;
    background: #ffffff url(../images/con-023.svg) center no-repeat;
    background-size: 18px;
    border-radius: 100px;
}


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



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

.van-div-10{
	/* display: none; */
	cursor: pointer;
	overflow:hidden;
	width: 44px;
	height: 35px;
	line-height: 36px;
	floaT: right;
	position:relative;
	margin: 0px 0px 0px 0px;
	border-radius: 500px;
	background: #008080;
	text-align: center;
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	-o-transition: all .2s;
	transition: all .2s;
}


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


.van-div-3{
	top: 0px;
	right: 0px;
	position: absolute;
	z-index: 999999;
	margin-top: 11px;
}


.van-div-4{
      cursor: pointer;
      overflow:hidden;
      width: 85px;
      height: 33px;
      line-height: 40px;
      floaT: right;
      position:relative;
      margin: 0px 0px 0px 12px;
      border-radius: 100px;
      background: #ffffff url(../images/new-con-010.svg) center no-repeat;
      text-align: center;
      -webkit-transition: all .2s;
      -moz-transition: all .2s;
      -o-transition: all .2s;
      transition: all .2s;
}


.header-1 {
    float: left;
    position: relative;
    widtH: 100%;
    height: 55px;
    background: #F1F1F1;
    line-height: 55px;
}

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





/*-- RESPONSIVE --*/
@media (min-width:800px) and (max-width:900px){

.header-4{
	/* width: 100%; */
	floaT: left;
}


.fo-li-3 li:nth-child(6), .fo-li-3 li:nth-child(7){display:none}


.star-new-6 li:nth-child(0) {
    display: none;
}

.fo-li-1 li:nth-child(4){display:none}

.star-new-6 li:nth-child(5){display:none}

.f-club-2 img{
    transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;
}

.f-club-2:hover img{
	transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;
	        -moz-transform: scale(1.07);
        -webkit-transform: scale(1.07);
        -o-transform: scale(1.07);
        -ms-transform: scale(1.07);
        transform: scale(1.07);
}

.f-club-2:hover{
	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 10px 1px rgb(30 147 119 / 30%);
}


.f-club-02{
	width: 200px;
	margin: auto;
}


.f-club-2{
	transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;
	width: 200px;
	height: 50px;
	border-radius: 100px;
	line-height: 65px;
	margin: auto;
	box-shadow: 0px 0px 10px 1px rgb(43 185 151 / 0%);
}




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


.full-s-2 .slick-prev:after{right:0px;top:0px;-webkit-transform:skew(0deg, 0deg);-ms-transform:skew(0deg, 0deg);transform:skew(0deg, 0deg);}

.full-s-2 .slick-next:before{
	width: 30px;
	height: 30px;
	background: url(../images/next-1.svg) 12px 11px  no-repeat;
	content: "";
	position:absolute;
	lefT: 0px;
}

.full-s-2 .slick-prev:after{
	width: 30px;
	height: 30px;
	background: url(../images/next-2.svg) 12px 11px  no-repeat;
	content: "";
	position:absolute;
	lefT: 0px;
}


.full-s-2 .slick-next{
	right: 15px;
}

.full-s-2 .slick-prev{
	left: 15px !important;
}

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

.full-s-2 .slick-next, .full-s-2 .slick-prev{
	background-color: #2B3252;
	border: 0;
	floaT:left;
	border-radius: 100px;
	font-size:0px !important;
	z-index:9;
	line-height:40px;
	position:absolute;
	display:block !important;
	width: 30px !important;
	height: 30px !important;
	padding:0;
	cursor:pointer;
	}


.full-s-2 .slick-dots li{background: rgb(255 255 255 / 25%);border-radius:10px;position:relative;display:inline-block;width:10px;height:10px;margin:0 2px;padding:0;cursor:pointer;}
.full-s-2 .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;}

.full-s-2 .slick-dots{lefT: 0px; bottom: 20px !important; top: inherit !important; width: 100% !important;position:absolute;padding:0;margin:0;list-style:none;text-align:center;z-index:9;}
.full-s-2 .slick-dots .slick-active{background: #ededed;border-radius:100px;}


.full-s-2{
	width: 100%;
	position:relative;
	overflow:hidden;
	float: left;
	margin: 0px 0px 10px 0px;
	border-radius: 14px;
}


.ms-a-short-1{
	floaT: right;
	position:absolute;
	right: 0px;
	bottom: 25px;
}

.ms-a-short-3{
	font-family: font-3;
	floaT: left;
	height: 16px;
	border-radius: 14px;
	position:relative;
	margin: 6px 0px 10px 15px;
	color:#888A8E;
}

.ms-a-short-2{
	float: left;
	position:relative;
	margin-bottom: 0px;
	color:#fff;
	font-size: 0px;
}

.ms-a-short-2 a:nth-child(2){
	display: inline-flex;
}

.ms-a-short-2 a:hover{
	background: #333b60;
	transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;
}

.ms-a-short-2 a{
	transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;
	color:#fff;
	font-size: 13.5px !important;
	background: #2B3252;
	padding: 7px 14px;
	border-radius: 100px;
	display: none;
}


.light-mode .ms-a-short-1{
	display: block;
}

.light-mode .ms-short-5, .light-mode .ms-a-short-1{
	width: calc(100% - 260px);
}

.light-mode .ms-short-5{
	font-size: 17px;
	line-height: 21px;
	color: #2B3252;
	floaT: right;
	height: 85px;
	object-fit: cover;
	position:relative;
	overflow:hidden;
	margin: 0px 0px 0px 0px;
	font-family: font-3;
}


.light-mode .ms-short-1{
	position:relative;
	overflow: hidden;
	width: 730px;
	floaT: left;
	margin: 0px 0px 25px 0px;
	padding-bottom: 25px;
	border-bottom: 1px #E0E2E9 solid;
}

.light-mode .ms-short-3, .light-mode .ms-short-3 img{
    width: 240px;
    floaT: left;
    height: 160px;
    object-fit: cover;
    border-radius: 14px;
    position:relative;
    overflow:hidden;
}



.light-mode .ms-a-short-01{
display: none;	
}

.div-left-menu-001.div-left-menu-1 {
    margin: -5px -5px -3px 0px;
    height: 30px;
    border: 0px;
}


.ms-a-short-01 a{
	color:#7E7F83;
}

.ms-a-short-01{
	font-size: 15px;
	-webkit-font-feature-settings: 'case'on;font-feature-settings: 'case'on;
	width: 100%;
	floaT: left;
	position:relative;
	font-family: font-3;
	color:#7E7F83;
	margin: 17px 0px 10px 0px;
}



.ms-a-short-02{
	float: right;
	position:relative;
	margin-bottom: 0px;
	font-size: 0px;
}

.ms-a-short-02 a:nth-child(2){
	font-size: 16px;
	display: inline-flex;
}

.ms-a-short-02 a:hover{
	color: #333b60;
	transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;
}

.ms-a-short-02 a{
	transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;
	display: none;
}

.ms-short-1 img {
        -webkit-transition: all .5s;
        -moz-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s;
        -webkit-filter: saturate(100%);
        filter: saturate(100%)
    }

.ms-short-2: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 .5s;
        -moz-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s;
        -webkit-filter: saturate(130%);
        filter: saturate(130%)
    }


.ms-short-2:hover .ms-short-5 {
 transition:all 0.2s ease-in-out;
 -moz-transition:all 0.2s ease-in-out;
 -webkit-transition:all 0.2s ease-in-out;
 color: #4a5483;
}


.ms-short-5{
	font-size: 17px;
	color: #2B3252;
	width: 100%;
	floaT: left;
	height: 63px;
	object-fit: cover;
	position:relative;
	overflow:hidden;
	margin: 0px 0px 0px 0px;
	font-family: font-3;
}

.ms-a-short-1{
	display: none;
}


.ms-short-4{
	font-size: 16px;
	font-family: font-3;
	floaT: left;
	height: 16px;
	object-fit: cover;
	position:relative;
	overflow:hidden;
	margin: 0px 0px 0px 0px;
	color: #7E7F83;
}

.ms-short-3, .ms-short-3 img{
    width: 100%;
    floaT: left;
    height: 240px;
    object-fit: cover;
    border-radius: 14px;
    position:relative;
    overflow:hidden;
}

.ms-short-1{
	 overflow: hidden;
	width: 352px;
	floaT: left;
	margin: 0px 25px 25px 0px;
}


.fo-msg-7{
	 overflow: hidden;
	width: 106%;
	floaT: left;
}

.fo-msg-6 {
	 overflow: hidden;
	width: 100%;
	floaT: left;
	margin: 20px 0px 0px 0px;
}


.fo-msg-5{
	border-radius: 100px;
	overflow: hidden;
	width: 13px;
	height: 13px;
	background:#2B3252;
	floaT: left;
	margin: 3.5px 5px 0px 0px;
}


.fo-msg-4 a{
	color:#2B3252;
}

.fo-msg-4{
	 overflow: hidden;
	floaT: left;
	margin: 2px 0px 0px 0px;
	padding: 0px 15px 0px 0px;
	position: relative;
	height: 20px;
	line-height: 20px;
	background:#fff;
	font-size: 18px;
	color:#2B3252;
	font-family: font-3;
	-webkit-font-feature-settings: 'case'on;font-feature-settings: 'case'on;
}

.fo-msg-3{
	width: 100%;
	floaT: left;
	position:relative;
}

.fo-msg-2{
	margin: 0px 25px;
}


.fo-msg-1{
	 overflow: hidden;
	floaT: left;
	margin: 25px 0px 0px 0px;
	background: #fff;
	border-radius: 14px;
	padding: 22px 0px 0px 0px;
}

.light-mode .div-left-menu-2  {
	 cursor: pointer;
}

.light-mode .div-left-menu-3  {
	cursor: default !important;
}


.div-left-menu-3  {
    	cursor: pointer;
}



.a-short-3{
	font-size: 15px;
	font-family: font-1;
	floaT: left;
	height: 16px;
	border-radius: 14px;
	position:relative;
	margin: 3px 0px 0px 15px;
	color:#888A8E;
}

.a-short-2{

	float: left;
	position:relative;
	margin-bottom: 0px;
	color:#fff;
	font-size: 0px;
}

.a-short-2 a:nth-child(2){
	display: inline-flex;
}

.a-short-2 a:hover{
		color: #333b60;
	transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;
}

.a-short-02.a-short-2{
	margin: 8.5px 0px 0px 0px;
	floaT: right;
}


.a-short-2 a{
	font-family: font-1;
	transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	color:#7E7F83;
	font-size: 15px !important;
	padding: 4px 0px;
	border-radius: 100px;
	-webkit-font-feature-settings: 'case'on;font-feature-settings: 'case'on;
	display: none;
}

.a-short-1{
	display: none;
}


.light-mode .a-short-1{
	display: block;
}


.a-short-1{

	floaT: right;
	position:absolute;
	right: 0px;
	bottom: 0px;
}

.light-mode .short-5, .light-mode .a-short-1{
	width: calc(100% - 200px);
}

.light-mode .short-5{
	font-size: 17px;
	line-height: 21px;
	color: #2B3252;
	floaT: right;
	height: 85px;
	object-fit: cover;
	position:relative;
	overflow:hidden;
	margin: 0px 0px 0px 0px;
	font-family: font-3;
}

.light-mode .short-4{
	display: none;
}


.light-mode .short-3, .light-mode .short-3 img{
    width: 180px;
    floaT: left;
    height: 140px;
    object-fit: cover;
    border-radius: 14px;
    position:relative;
    overflow:hidden;
}

.light-mode .a-short-02.a-short-2{
	display: none;
}

.light-mode .short-1{
	position:relative;
	overflow: hidden;
	width: 740px;
	floaT: left;
	margin: 0px 0px 25px 0px;
}


/*-- dark --*/

.div-left-menu-3 ::after {
    width: 100%;
    height: 100%;
    lefT: 0px;
    top: 0px;
    position: absolute;
    content: "";
   	background: rgba(255, 255, 255, 0.04) url(../images/con-033.svg) center no-repeat;
   	opacity: 100%;
}

.div-left-menu-3  {
	    cursor: pointer;
	width: 35px;
	height: 35px;
	line-height: 35px;
	border-radius: 0px;
	float: left;
	position:relative;
	overflow:hidden;
	margin: 0px 0px 0px 0px;
}


.div-left-menu-2 ::after {
    width: 100%;
    height: 100%;
    lefT: 0px;
    top: 0px;
    position: absolute;
    content: "";
   	background: rgba(255, 255, 255, 0.04) url(../images/con-030.svg) center no-repeat;
   	opacity: 100%;
}
.div-left-menu-2  {
	width: 35px;
	height: 35px;
	line-height: 35px;
	border-radius: 0px;
	float: left;
	position:relative;
	overflow:hidden;
	margin: 0px 0px 0px 0px;
}

.light-mode .div-left-menu-2 {
    background: #fff !important;
    color: #aeadbb;
    box-shadow: 0px 0px 0px 0px #aeadbb;
    opacity: 50%;
     
}
.light-mode .div-left-menu-3 {
    box-shadow: 0px 0px 0px 0px #aeadbb;

   
}
.dark-mode .div-left-menu-3 {
    background: #fff !important;
    box-shadow: 0px 0px 0px 0px #aeadbb;
     opacity: 50%;
}


.div-left-menu-1 button {
	padding: 0px;
	display: inline-block;
    border: 0px;
    background: rgba(0, 0, 0, 0);
}
.div-left-menu-1 {
    margin: 18px 20px -3px 0px;
    height: 30px;
    float: right;
    font-family: font-1;
    font-size: 12px;
    position: relative;
    overflow:hidden;
    border: 0px;
}



.quote_block{
	width: 100%;
	floaT: left;
	position:relative;
	margin-top: 25px;
	margin-bottom: 21px;
}

.quote_block::after{
	position:absolute;
    width: 30px;
    height: 30px;
    floaT: left;
    top: -12px;
    left: 20px;
    margin: 0px 0px 0px 0px;
    background: #2B3252 url(../images/con-028.svg) center no-repeat;
    background-size: 13px;
    content: "";
    border-radius: 9px;
}

.scriptcode, .title_quote, .title_spoiler, .text_spoiler, .quote { position:relative;  padding: 25px 20px 20px 20px; background: #F1F1F1; border-radius: 14px;   }


.quote_body.contenteditable p{
	color: #2B3252 !important;
	font-family: font-1;
}


.footbaalls-5{
	color: #2F54FF;
	font-style: normal;
font-variant: all-small-caps;
}


.ful-1 .fli-1 .footballs-2{
	margin: 0px 25px;
}


.ful-1 .fli-1.footballs-1{
	 overflow: hidden;
	floaT: left;
	margin: 0px 0px 0px 0px;
	background: #fff;
	border-radius: 14px;
	padding: 20px 0px 20px 0px;
}

.ht-left-icon-2{
    position:relative;
    display: inline-flex;
    background: url(../images/con-026.svg) 0px 0px no-repeat;
    width: 20px;
    height: 22px;
    floaT: left;
    margin: 2.1px 1px 0px 0px;
}

.ht-left-icon-1{
    position:relative;
    display: inline-flex;
    background: url(../images/con-024.svg) 0px 0px no-repeat;
    width: 22px;
    height: 22px;
    floaT: left;
    margin: 2.1px 1px 0px 0px;
}

.ht-left-8 a:hover{
	color:#2B3252;
	background-color: rgb(241 241 241 / 50%);
	-webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
}
.darken .ht-left-8 a{
	color:#d1d3dd;
	background: #202A50 url(../images/sol-1.svg) 20px center no-repeat !important;
}
.ht-left-8 a{
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	-o-transition: all .2s;
	transition: all .2s;
	text-indent:0px;
	width: 100%;
	floaT: left;
	position:relative;
	color:#2B3252;
	margin: 0px 0px 10px 0px;
	background: #F1F1F1 url(../images/zo-1.svg) 20px center no-repeat;
	font-family: font-3;
	font-size: 17px;
	padding: 17px 15px 17px 45px;
	border-radius: 14px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.ht-left-8 {
	width: 100%;
	floaT: left;
	position:relative;
	color:#000;
	margin: 5px 0px 0px 0px;
}


.fa-minus-1{
    display: inline-flex;
    background: url(../images/con-034.svg) center no-repeat;
    width: 100%;
    height: 100%;
    floaT: left;
    margin: 0px 0px 0px 0px;
}

.fa-plus-1{
    display: inline-flex;
    background: url(../images/con-035.svg) center no-repeat;
    width: 100%;
    height: 100%;
    floaT: left;
    margin: 0px 0px 0px 0px;
}

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

.fullstor-14 {
	floaT: right;
	position:relative;
	margin: 3px 15px 0px 0px;
	font-family: font-1;
	font-size: 15px;
	color: #2B3252;
}

.container b{
font-family: font-3 !important;
}

.container p{
	line-height: 23px;
	font-size: 16px;
	color:#222222;
}

.container{
	width: 100%;
	floaT: left;
	position:relative;
	margin: 0px 0px 10px 0px;
	line-height: 23px;
	color:#0e0e0e
}

.fullstor-13 #decreaseFont:hover, .fullstor-13 #increaseFont:hover {
    opacity: 80%;
    cursor: pointer;
    -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
}

.fullstor-13 #increaseFont {
	-webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
    color: #0e1523 !important;
    border: 0px solid #CFD5DF;
    background: #2B3252;
    font-weight: 700;
    font-style: normal;
    font-size: 15px;
    z-index: 100;
    width: 28px;
    height: 28px;
    line-height: 28px;
    float: right;
    text-align: center;
    border-radius: 100px;
    margin-top: 0px;
}


.fullstor-13 #decreaseFont {
	-webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
    color: #0e1523 !important;
    border: 0px solid #CFD5DF;
    font-weight: 500;
    background: #D8E1EF;
    font-style: normal;
    font-size: 15px;
    z-index: 100;
    width: 28px;
    height: 28px;
    line-height: 28px;
    float: left;
    margin-right: 10px;
    text-align: center;
    border-radius: 100px;
    margin-top: 0px;
}

.fullstor-12 {
	floaT: right;
	position:relative;
	margin-top: 0px;
	/* margin-bottom: -9px; */
}


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


.ht-left-4{
	position:relative;
	float: left;
	margin: 0px 30px 0px 0px;
}

.ht-left-3{
	position:relative;
	float: left;
	color: #2B3252;
	margin: 5px 0px -4px 0px;
	font-family: font-1;
}

.ht-left-2{
	width: 100%;
	position:relative;
	float: left;
	font-size: 15px;
	line-height: 20px;
	font-family: font-3;
	color:#818284;
	margin: 20px 0px 20px 0px;
}


.full-size-02 h1{
	width: 100%;
	position:relative;
	float: left;
	font-size: 22px;
	line-height: 25px;
	letter-spacing: -0.3px;
	font-family: font-3;
	color:#242527;
	-webkit-font-feature-settings: 'case'on; font-feature-settings: 'case'on;
	margin: 0px 0px 10px 0px;
}

.ht-left-6 a:hover{
	background: #333b60;
	transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;
}

.ht-left-6 a{
    position: relative;
    background: #2B3252;
    border-radius: 10px;
    color: #f7f7f7;
    padding: 7px 10px;
    font-size: 13px;
    font-family: font-2;
    z-index:1;
    margin: 0px 5px 0px 0px;
     transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-webkit-transition:all 0.2s ease-in-out;
}

.ht-left-6 {
    position: absolute;
    left: 5px;
    color: #f7f7f7;
    padding: 10px 12px;
    font-size: 0px;
    font-family: font-2;
    bottom: 15px;
    z-index:1;
}


.ht-left-5, .ht-left-5 img{
	width: 100%;
	object-fit: cover;
	border-radius: 14px;
	overflow:hidden;
	position:relative;
	float: left;
}

.full-size-2{
	margin: 0px 25px;
}

.ht-left-5 img, .ht-left-5{
	width: 100%;
	height: 410px;
	position:relative;
	floaT: left;
	object-fit: cover;
}


.full-size-1{
	 overflow: hidden;
	floaT: left;
	margin: 0px 0px 20px 0px;
	background:#fff;
	border-radius: 14px;
	padding: 25px 0px 20px 0px;
}

.f-metis-001 .f-metis-2 a {
	margin: 20px 0px 0px 0px !important;
}

.ful-1 .no-no-1{
	background:rgb(255 255 255 / 0%);
}

.ful-1 .footballs-2{
	margin: 0px 0px;
}


.ful-1 .footballs-1{
	 overflow: hidden;
	width: 100%;
	floaT: left;
	margin: 0px 0px 0px 0px;
	background:rgb(255 255 255 / 0%);
	border-radius: 0px;
	padding: 0px 0px 0px 0px;
}






.ko-sm-15 .ko-sm-16 {
	transition:all 0.2s ease-in-out;
	-moz-transition:all 0.2s ease-in-out;
	-webkit-transition:all 0.2s ease-in-out;
}

.ko-sm-15:hover .ko-sm-16 {
	transition:all 0.2s ease-in-out;
	-moz-transition:all 0.2s ease-in-out;
	-webkit-transition:all 0.2s ease-in-out;
	background-color:#414a70;
}


.ko-sm-015 .ko-sm-16{
    background: #353D5F url(../images/con-042.svg) center no-repeat;
}


.ko-sm-16{
    overflow:hidden;
    width: 45px;
    height: 45px;
    floaT: left;
    position:relative;
    background: #353D5F url(../images/con-040.svg) center no-repeat;
    border-radius: 10px;
    margin: 0px 10px 0px 0px;
}

.ko-sm-015.ko-sm-15{
	floaT: right !important;
}

.ko-sm-15{
	/* width: 50%; */
	font-family: font-3;
	line-height: 45px;
	floaT: left;
	position:relative;
}


.ko-sm-14{
	width: 100%;
	floaT: left;
	position:relative;
	margin-top: 20px;
}



.ko-sm-19{  
	width: 16px;
	height: 16px;
	z-index:1;
	margin: 0px 2px -2px 0px;
	display: inline-block;
	background: url(../images/con-038.svg) center no-repeat;
}


.ko-sm-13{
	width: 390px;
	position:relative;
	margin: auto;
}


.ko-sm-18: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:#414a70;
}

.ko-sm-18 {
	transition:all 0.2s ease-in-out;
	-moz-transition:all 0.2s ease-in-out;
	-webkit-transition:all 0.2s ease-in-out;
	width: 100%;
	position:relative;
	float: left;
	color:#fff;
	height: 50px;
	line-height: 50px;
	font-family: font-3;
	border-radius: 10px;
	background:#353D5F;
	text-align: center;
	-webkit-font-feature-settings: 'case'on;
	font-feature-settings: 'case'on;
}


.ko-sm-17{
	margin-top: 20px;
	width: 100%;
	position:relative;
	float: left;
}

.ko-sm-12 a{
	color:#fff;
}

.ko-sm-12{
	width: 100%;
	position:relative;
	float: left;
	color:#fff;
}



.ko-sm-11 .swore-3{
		background: url(../images/soc-03.svg) center no-repeat;
}

.ko-sm-11 .van-div-02 .swore-02{  
	background: url(../images/soc-02.svg) center no-repeat;
}

.ko-sm-11 .van-div-01 .swore-01{  
	background: url(../images/soc-01.svg) center no-repeat;
}

.ko-sm-11 .van-div-2{
	background: #3a4470;
}

.ko-sm-11{
	width: 180px;
	position:relative;
	margin: auto;
}

.ko-sm-10{
	width: 100%;
	floaT: left;
	position:relative;
}





.ko-sm-5 {  
	width: 100%;
	height: 93px;
	floaT: left;
	lefT: 0px;
	top: 0px;
	z-index:1;
	position:relative;
	background: url(../images/con-1.svg) no-repeat;
	background-size: 100%;
}

.ko-sm-9 {
    margin: 0px 10%;
}

.ko-sm-8 {
    width: 100%;
    floaT: left;
    z-index: 1;
    position:relative;
    overflow:hidden;
    margin: 0px 0px 10px 0px;
    color:#ffffff;
    font-size: 16px;
    font-family: font-1;
    text-align: center;
    color:#B5BAD1;
}



.ko-sm-7 {
    width: 100%;
    floaT: left;
    z-index: 1;
    position:relative;
    overflow:hidden;
    margin: 7% 0px 10px 0px;
    color:#ffffff;
    font-size: 28px;
    font-family: font-3;
    letter-spacing: -0.5px;
    text-align: center;
    -webkit-font-feature-settings: 'case'on;
	font-feature-settings: 'case'on;
}



.ko-sm-6 {
    width: 100%;
    floaT: left;
    z-index: 1;
    position:relative;
    overflow:hidden;
    background:#2B3252;
    color: #fff;
}



.ko-sm-3 {
    margin: 0px 2px 0px 0px;
}

.ko-sm-4 {
    width: 100%;
    floaT: left;
    z-index: 1;
    position:relative;
    overflow:hidden;
    margin-bottom: 20px;
    border: 1px #E2E4EB solid;
    border-radius: 14px;
}




.form_submit .btn.btn-big{
	display: inline-block !important;
	margin: -75px 0px 0px 10px;
	border-radius: 10px;
}

.form_submit div{
    display: inline-block;
    text-align: center;
}

.form_submit {
    width: 100%;
    floaT: left;
    z-index: 1;
    position:relative;
    margin-top: 10px;
    display: inline-block;
    text-align: center;
}


.ko-sm-2 {
    width: 100%;
    floaT: left;
    z-index: 1;
    position:relative;
    margin: 15px 0px 35px 0px;
    color:#222222;
    font-size: 28px;
    font-family: font-3;
    letter-spacing: -0.5px;
    text-align: center;
    -webkit-font-feature-settings: 'case'on;
	font-feature-settings: 'case'on;
}



.ko-sm-1 .box_in{
	width: 625px;
	margin: auto;
}


.ko-sm-1 {
    width: 100%;
    floaT: left;
    z-index: 1;
    position:relative;
    margin-bottom: 35px;
}



.no-no-1 .footballs-1{
	 margin-bottom: 0px;
}

.ssp-tit-5 {
    width: 100%;
    height: 35px;
    floaT: left;
    z-index: 1;
}

.ssp-tit-4{ position:absolute;top:50%;left:0;width:100%;-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:2;}


.ssp-tit-3.sp-tit-3 img{
	line-height: 0px;
	width: 25px;
}


.ssp-tit-3.sp-tit-3{
	position:relative;
	margin: 15px 5px -10px 20px;
	floaT: left;
	background:#fff !important;
	box-shadow: 0px 0px 0px 0px #e5e5ed;
}


.sp-tit-10 a:hover{
	background:#e4e8ed;
	color:#2B3252;
}

.sp-tit-10 a{
	height: 38px;
	line-height: 39px;
	floaT: left;
	padding: 0px 15px;
	margin: 0px 7.5px;
	background:#F1F1F1;
	color:#4a4e64;
	border-radius: 10px;
	text-align: center;
	font-family: font-3;
	-webkit-font-feature-settings: 'case'on;
	font-feature-settings: 'case'on;
	font-size: 14px;
}



.sp-tit-8 .sp-tit-10 li  {
	display: inline-block;
}



.sp-tit-8::after {
	width: 70px;
	height: 60px;
	margin: 0px 0px 0px 0px;
	position: absolute;
	floaT: left;
	background: linear-gradient(270deg, #FFF 23.61%, rgba(255, 255, 255, 0.00) 100%);
	content: "";
	right: 0px;
	top: -12px;
	z-index:1;
}

.sp-tit-8::before {
	width: 70px;
	height: 60px;
	margin: 0px 0px 0px 0px;
	position: absolute;
	floaT: left;
	background: linear-gradient(90deg, #FFF 23.61%, rgba(255, 255, 255, 0.00) 100%);
	content: "";
	left: 0px;
	top: -12px;
	z-index:1;
}

.sp-tit-8{
	width: calc(100% - 180px);
	height: 38px;
	overflow:hidden;
	floaT: right;
	background:#fff;
	margin: 0px 0px 0px 0px;
	overflow:hidden;
	position:relative;
}

.sp-tit-7{
	width: 150px;
	height: 38px;
	line-height: 39px;
	floaT: left;
	margin: 0px 0px 0px 0px;
	background:#2B3252;
	color:#fff;
	border-radius: 10px;
	text-align: center;
	font-family: font-3;
	-webkit-font-feature-settings: 'case'on;
	font-feature-settings: 'case'on;
	font-size: 14px;
}


.box_in h1{
	color:#2B3252;
	font-size: 22px;
	margin: -5px 0px 7px 0px;
	width: 100%;
	floaT: left;
	position:relative;
	overflow:hidden;
	font-family: font-3;
	letter-spacing: -0.5px;
	-webkit-font-feature-settings: 'case'on; font-feature-settings: 'case'on;
}


.boxx{
	margin-bottom: 25px;
}


body .sp-tit-3 {
	width: 40px;
	height: 40px;
	line-height: 44px !important;
	text-align: center;
	line-height: 20px;
    float: left;
	padding: 0px 0px !important;
	margin: 0px 14px 0px 0px;
	border-radius: 14px;
	font-family: font-1;
}


.sp-tit-5 a{
	position:relative;
	line-height: 20px;
	background:#e5e5ed;
    float: left;
	padding: 10px 17px;
	margin: 0px 14px 0px 0px;
	border-radius: 100px;
	font-family: font-1;
}

.sp-tit-5 a:nth-child(2){
	display: none !important;
}

.sp-tit-5{
	-webkit-font-feature-settings: 'case'on;
	font-feature-settings: 'case'on;
	font-size: 15.6px;
	font-family: font-3;
	font-weight: 900;
	line-height: 50px;
}


.sp-tit-4 .no-no-1{
margin-top: 0px;
}


.sp-tit-2 {
	padding: 0px 15px;
	line-height: 40px;
}


.sp-tit-1 {
	line-height: 20px;
	overflow: hidden;
	width: 100%;
	floaT: left;
	margin: 90px 0px 20px 0px;
	background:#fff;
	border-radius: 14px;
	padding: 15px 0px 15px 0px;
}




.berrors-2 b{
		-webkit-font-feature-settings: 'case'on;
	font-feature-settings: 'case'on;
	color:#2B3252;
	font-family: 'font-3';
}

.berrors-2{
	padding: 0px 20px;
}

.berrors-1.box{
	width: 100%;
	margin-bottom: 25px;
	color: #242527;
	background:#F1F1F1;
	border-radius: 14px;
	position:relative;
	float: left;
	padding: 20px 0px;
	font-size: 16px;
}


#pagi-load path{
	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:hover path{
	fill: #ffffff !important;
	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 svg{
	display: inline-block;
    color:#2B3252;
    margin: 0px 0px -4.5px 4px;
}


#pagi-load  path{
	fill:#2B3252;
}

#pagi-load span{ display: none;}
#pagi-load a span{ display: block; }
#pagi-load span{ width: 100%; float: left;  }
.pagi-load{  text-align: center; font-size:0px;}
.bottom-nav{  margin: 0px 0px 0px 0px; }
.pagi-load a:hover{color: #ffffff;transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-webkit-transition:all 0.2s ease-in-out;background: #2B3252;}
.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{ margin-bottom: 25px; width: 100%;color: #242527;font-family: font-1;border: 0px #C2C2CF solid;font-feature-settings: 'case' on;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 0px;display:inline-block;height: 50px;line-height: 50px;font-size: 16px;border-radius: 14px;cursor:pointer;/* color:#f7f7f7; */background: #CED9ED;text-align:center;font-family: 'font-3';}



.no-no-1{
	 overflow: hidden;
	width: 100%;
	floaT: left;
	margin: 85px 0px 20px 0px;
	background:#fff;
	border-radius: 14px;
	padding: 0px 0px 0px 0px;
}


#cssmenu li:hover ul:before{ 
z-index:9; 
position:absolute;
top: -25px;
right:0px;
width:100%;
height:25px;
content: "";
}

.footer-08 :hover {
	opacity: 80%;
}




.q_search input::placeholder {
    color: #8C8D90;
}

.footer-5::before {
	width: 30px;
	height: 100%;
	margin: 0px 0px 0px 0px;
	position: absolute;
	floaT: left;
	background: linear-gradient(90deg, #FFF 23.61%, rgba(255, 255, 255, 0.00) 100%);
	content: "";
	right: -30px;
	top: -1px;
	z-index:1;
}

.sld .footer-6 .slick-slide{
	margin:0px 0px;
	floaT: left !important;
}

.footer-6 .slick-slider .slick-list{
	padding: 0px 15px 0px 0px !important;
}

.header-001.header-3 .top-bar, .header-001.header-3 .scroll  {
	opacity: 100%;
}

.header-3 .top-bar, .header-3 .scroll  {
	opacity: 0%;
}

.header-3 .top-bar {
  height: 5px;
  width: 100%;
  background: rgb(232, 231, 228);
  position:absolute;
  bottom: -5px;
}

.header-3 .scroll {
  height: 5px;
  width: 0%;
  background: #2B3252;
  position:absolute;
  bottom: -5px;
}


.header-01 .logo-2 {
    margin: 6px 0px 0px 0px;
}

.header-01 #cssmenu ul li:hover, .header-01 #cssmenu ul .m-col-a {
	    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    color: #2B3252 !important;
    background: url(../images/hov.svg)  center 40px no-repeat;
}

.header-01 .header-8 ul li a{
	padding: 19px 8px;
}

.header-01 #cssmenu{
  animation: fadeIn 1s;
  -webkit-animation: fadeIn 1s;
  -moz-animation: fadeIn 1s;
  -o-animation: fadeIn 1s;
  -ms-animation: fadeIn 1s;
}

@keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@-moz-keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@-webkit-keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@-o-keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@-ms-keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}



.header-01 #cssmenu #menu-1, .header-01 #cssmenu #menu-2, .header-01 #cssmenu #menu-3, .header-01 #cssmenu #menu-4, .header-01 #cssmenu #menu-5, .header-01 #cssmenu #menu-6, .header-01 #cssmenu #menu-7{
	top: 55px;
}

.header-3.header-01 {
   position:fixed;
   top: 0px;
   z-index: 999;
   margin-top: 0px;
   box-shadow: 0px 0px 10px rgb(43 31 82 / 12%);
   height: 55px;
}


.footer-16:hover{
    opacity: 100%;
    transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -webkit-transition:all 0.2s ease-in-out;
}


.footer-16 {
	floaT: left;
	position:relative;
	margin: 8px 0px 0px 0px;
	opacity: 70%;
	transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -webkit-transition:all 0.2s ease-in-out;
}

.footer-15 {
	floaT: right;
	position:relative;
	margin: 0px 14px;
}

.footer-14 {
	floaT: right;
	position:relative;
	margin: 0px 0px 0px 0px;
}

.footer-13 {
	height: 32px;
	overflow:hidden;
	floaT: right;
	position:relative;
	margin: 24px 0px 24px 0px;
}


.footer-12 {
	font-size: 15px;
	color: #56585B;
	height: 80px;
	line-height: 81px;
	floaT: left;
	position:relative;
	margin: 0px 0px 0px 0px;
}


.footer-11 {
	width: 100%;
	floaT: left;
	position:relative;
	margin: 0px 0px 0px 0px;
}



.sld .footer-08{
	margin: 0px 30px;
	height: 55px;
}

.foter-logo-3{
	line-height: 61px !important;
}


.foter-logo-2{
	line-height: 72px !important;
}


.foter-logo-1{
	line-height: 70px !important;
}


.foter-logo-3 img{
	width: 180px;
}


.foter-logo-2 img{
	width: 110px;
}

.foter-logo-1 img{
	width: 100px;
}

.footer-008.footer-8{
	background: #F3F5F8;
}


.footer-8 {
	width: 100%;
	margin: 5px 0px;
	text-align: center;
	line-height: 55px;
	height: 55px;
	floaT: left;
	position:relative;
	border-radius: 100px;
}

.footer-6::before {
	width: 50px;
	height: 100%;
	margin: 0px 0px 0px 0px;
	position: absolute;
	floaT: left;
	background: linear-gradient(270deg, #FFF 23.61%, rgba(255, 255, 255, 0.00) 100%);
	content: "";
	right: 0px;
	top: -1px;
	z-index:1;
}


.footer-6 {
	width: calc(100% - 150px);
	text-align: center;
	line-height: 75px;
	height: 65px;
	floaT: right;
	position:relative;
	border-radius: 100px;
}


.footer-5 img{
	width: 70px;
}


.footer-5 img {
        -webkit-transition: all .5s;
        -moz-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s;
    }

.footer-5: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 .5s;
        -moz-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s;
    }

.footer-5 {
        -webkit-transition: all .5s;
        -moz-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s;
    }

.footer-5:hover  {
        -webkit-transition: all .5s;
        -moz-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s;
        background: #19bfc3;
    }

.footer-5 {
	width: 150px;
	text-align: center;
	line-height: 75px;
	height: 65px;
	floaT: left;
	position: absolute;
	border-radius: 100px;
	background: #11ADB1;
}



.footer-4 {
	position:relative;
	margin: 0px 5px;
}


.footer-3 {
	display: none;
	width: 100%;
	floaT: left;
	position:relative;
	overflow:hidden;
	padding: 4px 0px;
	border-radius: 100px;
	box-shadow: 0px 0px 0px 1px #dfe7ef;
}


.footer-2 {
	width: 100%;
	floaT: left;
	position:relative;
	padding: 25px 0px;
}

.h-banr-7.h-banr-4{
	margin-top: 85px !important;
	margin-bottom: -70px !important;
}



body .tiris-1 .h-banr-7.h-banr-4{
	margin-top: 0px !important;
	margin-bottom: 15px !important;
}


.h-banr-4{
	margin: 0px 0px 15px 0px !important;
}


.footer-9 {
	width: 100%;
	floaT: left;
	position:relative;
	background: #ffffff;
	margin: 0px 0px 0px 0px;
}

.footer-1 {
	width: 100%;
	floaT: left;
	position:relative;
	background: #ffffff;
	margin: 0px 0px 0px 0px;
	border-bottom: 1px #dfe7ef solid;
}




.mob-br-7 .brc-2{
	background: #F3F5F8;
	border-radius: 100px;
}


.mob-br-7 .brc-3 img{
	width: 200px;
	margin: 0px 0px 3px 0px;
}

.darken .drku-2:hover{
	opacity: 100% !important;
}

.darken .drku-2{
	opacity: 70%;
}


.mob-br-7 .brc-2 img{
	width: 110px;
	margin: 10px 0px -3px 0px;
}

.mob-br-7 .brc-1 img{
	width: 100px;
}


.mob-br-7 .mob-br-08{
	margin: 12px 0px 5px 0px;
    display:  inline-block;
    padding: 5px 25px 10px 25px;
}


.mob-br-7 div{
	margin: 0px 0px 0px 0px;
    display:  inline-block;
    padding: 5px 25px 10px 25px;
}


.modal.open:after{
	    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
	right: 20px;
	top: 17px;
	content: "";
      overflow:hidden;
      width: 33px;
      height: 33px;
      line-height: 40px;
      floaT: right;
      position:absolute;
      margin: 0px 0px 0px 0px;
      border-radius: 100px;
      background: #ffffff url(../images/con-011.svg) center no-repeat;
      text-align: center;
      -webkit-transition: all .2s;
      -moz-transition: all .2s;
      -o-transition: all .2s;
      transition: all .2s;
}

.modal {
	
	z-index:11111;
	margin: auto;
	width: 0%;
	box-sizing: border-box;
	display: none !important;
	position: absolute;
	top: -0px;
	right: 0;
	bottom: 0;
	left: 0;
	opacity: 0;
	-webkit-transition: -webkit-transform 0ms cubic-bezier(0.4, 0.46, 0.32, 1.275), opacity 250ms ease-in;
	transition: transform 0ms cubic-bezier(0.4, 0.46, 0.32, 1.275),opacity 0ms ease-in;
	-webkit-transform: rotateX(0deg) scale(0.78);
	transform: rotateX(0deg) scale(0.78);
}

.modal.open {
	width: 100%;
	position:relative;
  display: block !important;
  opacity: 1;
  -webkit-transform: rotateX(0deg) scale(1);
  transform: rotateX(0deg) scale(1);
}

.modal .close {
	floaT: left;
	width: 100%;
	height: 72px;
	z-index:1111;
	border-radius: 10px;
	position: absolute;
	top: 0px;
	left: 0px;
	color: hsl(0deg 0% 100% / 0%);
	font-weight: bold;
	font-size: 20px;
	line-height: 1;
	text-decoration: none;
	-webkit-transition: color 125ms ease;
	transition: color 125ms ease;
}



.mob-br-5{
      overflow:hidden;
      width: 33px;
      height: 33px;
      line-height: 40px;
      floaT: right;
      position:relative;
      margin: 2px 5px 0px 0px;
      border-radius: 100px;
      background: #ffffff url(../images/con-011.svg) center no-repeat;
      text-align: center;
      -webkit-transition: all .2s;
      -moz-transition: all .2s;
      -o-transition: all .2s;
      transition: all .2s;
}



.mob-br-4{
      overflow:hidden;
      width: 100px;
      height: 40px;
      line-height: 40px;
      floaT: left;
      position:relative;
      margin: 0px 0px 0px 0px;
      border-radius: 100px;
      background:  url(../images/blitz-1.svg) center no-repeat;
      background-size: 85px;
      -webkit-transition: all .2s;
      -moz-transition: all .2s;
      -o-transition: all .2s;
      transition: all .2s;
}

.mob-br-2{
	z-index:0;
	width: 100%;
	floaT: left;
	position:relative;
	padding: 15px 0px 15px 0px;
	border-radius: 13px;
}



.mob-br-3, .mob-br-7{
	text-align: center;
	margin: 0px 15px;
}


.mob-br-6{
	color:#222;
	width: 100%;
	floaT: left;
	position:relative;
	margin: 10px 0px 15px 0px;
}


.mob-br-1{
	width: 100%;
	floaT: left;
	position:relative;
	box-shadow: 0px 0px 0px 1px #dfe7ef;
	border-radius: 14px;
	display: block !important;
}



.v-videos-1 .short-2{
	margin: 0px 10px;
	position: relative;
}


.v-videos-1 .short-01{
	width: 100%;
	floaT: left;
	position:relative;
	background: #2B3252;
	border-radius: 14px;
	margin: 50px 0px 0px 0px;
}


.short-01 .short-2 .short-5 {
 transition:all 0.2s ease-in-out;
 -moz-transition:all 0.2s ease-in-out;
 -webkit-transition:all 0.2s ease-in-out;
}

.short-01 .short-2:hover .short-5 {
 transition:all 0.2s ease-in-out;
 -moz-transition:all 0.2s ease-in-out;
 -webkit-transition:all 0.2s ease-in-out;
 color: #ffffff;
}


.short-01 .short-5{
	margin: 14px 0px 20px 0px;
	font-size: 15px;
	line-height: 20px;
	 color: #B4BAD8;
}



.v-videos-9:hover .v-videos-5 {
	background: url(../images/le.svg) -20px 3px no-repeat;
	transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -webkit-transition:all 0.2s ease-in-out;
}


.v-videos-9 a{
	transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -webkit-transition:all 0.2s ease-in-out;
}

.v-videos-9 a:hover{
	color:#ffffff !important;
	transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -webkit-transition:all 0.2s ease-in-out;
}


.v-videos-9 .v-videos-5{
	border-radius: 100px;
	overflow: hidden;
	width: 10px;
	height: 19px;
	background: url(../images/le.svg) 0px 3px no-repeat;
	floaT: right;
	margin: 0px 0px 0px 4px;
	transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -webkit-transition:all 0.2s ease-in-out;
}


.v-videos-4{
	border-radius: 100px;
	overflow: hidden;
	width: 13px;
	height: 13px;
	background: #B4BAD8;
	floaT: left;
	margin: 3.3px 5px 0px 12.5px;
}

.v-videos-9 a{
	color:#B4BAD8 !important;
	font-size: 16px;
	font-family: font-1;
}


.v-videos-9{
	margin-right: 12.5px;
	margin-top: 1px;
	color:#B4BAD8;
	float: right;
	position:relative;
}

.footballs-4 a{
	color:#2B3252;
}


.v-videos-3 a:hover .v-videos-4{
	background:#ebefff;
	-webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;
}

.v-videos-3 a .v-videos-4 {
	-webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;
}


.v-videos-3{
	width: 100%;
	position:relative;
	margin: 22px 0px 20px 0px;
	 overflow: hidden;
	floaT: left;
	padding: 0px 15px 0px 0px;
	height: 20px;
	line-height: 20px;
	font-size: 17px;
	color:#2B3252;
	font-family: font-3;
	-webkit-font-feature-settings: 'case'on;font-feature-settings: 'case'on;
}


.v-videos-6{
	margin-top: -51px;
	width: 100%;
	floaT: left;
	position: relative;
}

.v-videos-3 a{
	position:relative;
	z-index:11;
	color: #B4BAD8;
}



.v-videos-2{
	margin: 0px 12.5px;
}

.v-videos-1 .short-3, .v-videos-1 .short-3 img{
    width: 100%;
    floaT: left;
    height: 145px;
}

.v-videos-1{
	width: 100%;
	floaT: left;
	position:relative;
	background: #2B3252;
	border-radius: 14px;
	margin: 0px 0px 20px 0px;
}


.f-metis-2 path{
	transition:all 0.2s ease-in-out;
	-moz-transition:all 0.2s ease-in-out;
	-webkit-transition:all 0.2s ease-in-out;
}

.f-metis-2:hover path{
	fill: #ffffff !important;
	transition:all 0.2s ease-in-out;
	-moz-transition:all 0.2s ease-in-out;
	-webkit-transition:all 0.2s ease-in-out;
}


.f-metis-2 a:hover{
	color:#ffffff;
	background: #2B3252;
	transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -webkit-transition:all 0.2s ease-in-out;
}


.f-metis-2 a{
	transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -webkit-transition:all 0.2s ease-in-out;
}


.f-metis-2 svg{
	display: inline-block;
    color:#2B3252;
    margin: 0px 0px -4.5px 4px;
}

.f-metis-2 a{
    color:#2B3252;
}


.f-metis-2 a{
	font-family: font-3;
	-webkit-font-feature-settings: 'case'on;font-feature-settings: 'case'on;
    width: 100%;
    floaT: left;
    height: 50px;
    line-height: 50px;
    text-align: center;
    object-fit: cover;
    border-radius: 14px;
    position:relative;
    overflow:hidden;
    margin: 0px 0px 20px 0px;
    color:#2B3252;
    background:#CED9ED;
}





.short-2:hover .short-6{
	box-shadow: 0px 0px 0px 5px #2B3252;
	transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -webkit-transition:all 0.2s ease-in-out;
}

.short-2 .short-6{
	box-shadow: 0px 0px 0px 0px #2B3252;
	transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -webkit-transition:all 0.2s ease-in-out;
}

.short-6{
	width: 38px;
	height: 38px;
	position:absolute;
	bottom: 15px;
	right: 15px;
	background: #2B3252 url(../images/con-012.svg) center no-repeat;
	border-radius: 100%;
}





.footballs-9 .footballs-01.footballs-1{
	floaT: right;
}

.footballs-9 .footballs-1{
	width: 100%;
}



.footballs-5{
	border-radius: 100px;
	overflow: hidden;
	width: 13px;
	height: 13px;
	background:#2B3252;
	floaT: left;
	margin: 3.5px 5px 0px 0px;
}


.short-2:hover .short-5 {
 transition:all 0.2s ease-in-out;
 -moz-transition:all 0.2s ease-in-out;
 -webkit-transition:all 0.2s ease-in-out;
 color: #4a5483;
}


.short-5{
	font-size: 17px;
	color: #2B3252;
	width: 100%;
	floaT: left;
	height: 78px;
	line-height: 20px;
	object-fit: cover;
	position:relative;
	overflow:hidden;
	margin: 0px 0px 0px 0px;
	font-family: font-3;
}

.short-4{
	font-size: 15px;
	font-family: font-1;
	floaT: left;
	height: 16px;
	object-fit: cover;
	border-radius: 14px;
	position:relative;
	overflow:hidden;
	margin: 12px 0px 9px 0px;
	color:#888A8E;
}



.short-3, .short-3 img{
    width: 100%;
    floaT: left;
    height: 170px;
    object-fit: cover;
    border-radius: 14px;
    position:relative;
    overflow:hidden;
}


.short-1{
	 overflow: hidden;
	width: 233.4px;
	floaT: left;
	margin: 0px 20px 20px 0px;
}




.footballs-8{
	 overflow: hidden;
	width: 106%;
	floaT: left;
}

.footballs-7{
	 overflow: hidden;
	width: 100%;
	floaT: left;
}


.footballs-6{
	border-radius: 100px;
	overflow:hidden;
	 overflow: hidden;
	width: 100%;
	height: 4px;
	background:#E0E2E9;
	floaT: left;
	margin: 7px 0px 9px 0px;
}


.footballs-4 a{
	color:#2B3252;
}

.footballs-4{
	 overflow: hidden;
	floaT: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 15px 0px 0px;
	position:absolute;
	height: 20px;
	line-height: 20px;
	background:#fff;
	font-size: 18px;
	color:#2B3252;
	font-family: font-3;
	-webkit-font-feature-settings: 'case'on;font-feature-settings: 'case'on;
}

.footballs-3{
	 overflow: hidden;
	width: 100%;
	floaT: left;
	margin: 0px 0px 20px 0px;
	padding: 0px 0px;
}



.footballs-2{
	margin: 0px 20px;
}


.footballs-1{
	 overflow: hidden;
	width: 100%;
	floaT: left;
	margin: 0px 0px 20px 0px;
	background:#fff;
	border-radius: 14px;
	padding: 20px 0px 0px 0px;
}

.footballs-4 a:hover .footballs-5{
	background:#5b669b;
	-webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;
}

.footballs-4 a .footballs-5{
	-webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;
}


   .stars-n-1 img, .short-1 img {
        -webkit-transition: all .5s;
        -moz-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s;
        -webkit-filter: saturate(100%);
        filter: saturate(100%)
    }

    .stars-n-1:hover img, .short-2: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 .5s;
        -moz-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s;
        -webkit-filter: saturate(130%);
        filter: saturate(130%)
    }


.star-new-3{floaT: left;position:relative;margin: -1px 0px 0px 0px;/* height: 46px; *//* line-height: 46px; */font-family: 'font-3';font-size: 16px;color:#18191B;}


.star-nn-1, .star-nn-2 {
    width: 19px;
    height: 19px;
    font-size: 14px;
    line-height: 19px;
    text-align: center;
    color: #ffffff;
    border-radius: 100px;
    margin: 0px 0px 0px 0px;
    bottom: 0px;
    display: inline-block;
    background: #2B3252;
    content: "";
    z-index:90;
}

.star-nn-1{display: none;}


.van-div-geo-1 {
  width: 400px;
  floaT: right;
  position:relative;
  height: 47px;
  background: url(../images/title-2.png) center no-repeat;
  position:absolute;
  right: 0px;
  z-index:1;
}


.van-div-03 {
  width: 47px;
  floaT: left;
  position:relative;
  height: 47px;
  line-height: 47px;
  background: url(../images/georgia.svg) center no-repeat;
  margin: 0px 0px 0px 5px;
}



.van-div-geo.van-div-4{
  font-family: font-1;
  floaT: left;
  position:relative;
  height: 47px;
  line-height: 47px;
  margin-bottom: 15px;
  color:#0e0f12;
  overflow:hidden;
  padding: 0px 0px 0px 0px;
}

.van-div-geo.van-div-2{
  font-family: font-1;
  width: 100%;
  floaT: left;
  position:relative;
  background: #ededed url(../images/title-1.png) 0px 0px no-repeat;
  height: 47px;
  line-height: 47px;
  margin-bottom: 15px;
  margin-top: 15px;
  color:#0e0f12;
  box-shadow: 0px 0px 6px 0px rgb(22 10 88 / 23%);
}


.van-div-12{
  line-height: 16px;
  position:relative;
  overflow:hidden;
  width: 100%;
  font-size: 14px;
  height: 62px;
  floaT: left;
  margin: 0px 0px 0px 0px;
  color:#0e0f12;
  font-weight: 700;
  font-family:font-3;
-webkit-font-feature-settings: 'case'on;
font-feature-settings: 'case'on;	
}

.van-div-11{
	width: 100%;
	floaT: left;
	position:relative;
	padding: 3px 0px 10px; 0px;
	font-size: 12px;
	color:#939393;
}


.van-div-10{
	padding: 0% 7%;
}



.van-div-8 img{
    width: 100%;
    floaT: left;
    height: 180px;
    object-fit: cover;
    border-radius: 0px;
    position:relative;
    overflow:hidden;
}


.van-div-6 img{
  widtH: 100%;
}


.van-div-6{
  width: 23.27%; 	
  float: left;
  margin: 0px 0px 15px 15px;
  box-shadow: 0px 0px 6px 0px rgb(22 10 88 / 23%);
}





.van-div-04{
  padding: 0px 0px 0px 5px;
  color:#757881;
}

.van-div-4{
	color:#ededed;
	z-index:11;
  font-family: font-4;
  floaT: left;
  position:relative;
  height: 48px;
  line-height: 48px;
  margin-bottom: 15px;
  overflow:hidden;
  padding: 0px 0px 0px 0px;
  font-size: 15px;
  letter-spacing: 0px;
}

.van-div-2{
  font-family: font-1;
  width: 100%;
  floaT: left;
  position:relative;
  background:#161c2a;
  height: 48px;
  line-height: 48px;
  margin-bottom: 15px;
  margin-top: 15px;
  color:#ededed;
}


ol.sliderr > .stars-n-1:hover > a:before{
	color:#2B3252;
	transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-webkit-transition:all 0.2s ease-in-out;
}

ol.sliderr {float:left;width:100%;font-size:13px;position:relative;padding:0;list-style:none;color:#222;counter-reset:ol-counter;}
ol.sliderr > li > a{line-height:20px;float:left;width:100%;/* overflow:hidden; */position:relative;font-size:17px;display:block;color:inherit;text-decoration:none !important;padding:0px 0 0px 0px;}
ol.sliderr > li > a:before{ transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-webkit-transition:all 0.2s ease-in-out;  filter: drop-shadow(0px 1px 2.1px rgba(0, 0, 0, 0.12)); color: #2B3252;   z-index:1;right: 0px;content:counter(ol-counter);counter-increment:ol-counter;font-size:15px;font-family:font-3;width:30px;height:30px;line-height:30px;border:0px solid #eeedf7;background:#ffffff; border-radius: 100px;float:left;  margin: 115px -5px 0px 0px; z-index:111; text-align:center;position:absolute;}

.van-stars-n-2{margin:0px 15px;}

.van-stars-n-1 {
	border-radius: 0px 0px 14px 14px;
    bottom: 0px;
    float: left;
    width: 100%;
    letter-spacing: 0.3px;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(#000000e6));
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, #000000e6 70%);
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, #000000e6 70%);
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #000000e6 70%);
    background-image: -o-linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #000000e6 70%);
    background-image: -moz-linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #000000e6 70%);
    background-image: -webkit-linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #000000e6 70%);
    background-image: -ms-linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #000000e6 70%);
    color: #f7f7f7;
    text-align: left;
    padding: 30px 0px 10px 0px;
    line-height: 20px;
    position: absolute;
	font-size: 14px;
	z-indeX:1;
	font-family: font-1;
}




.star-new-2 a{
	transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-webkit-transition:all 0.2s ease-in-out;
}

.star-new-2 .user_tab li:hover a{
 color: #2B3252;
 transition:all 0.2s ease-in-out;
 -moz-transition:all 0.2s ease-in-out;
 -webkit-transition:all 0.2s ease-in-out;
}

.star-new-3 i{
 color:#008080;
}

.stars-n-1:hover .stars-n-5, .van-div-6:hover .van-div-12 {
 transition:all 0.2s ease-in-out;
 -moz-transition:all 0.2s ease-in-out;
 -webkit-transition:all 0.2s ease-in-out;
 color: #4a5483;
}

.stars-n-1 .stars-n-5, .van-div-6 .van-div-12{
 transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-webkit-transition:all 0.2s ease-in-out;
}

.star-new-1 {
	margin-bottom: 0px;
    width: 100%;
    floaT: left;
    position: relative;
   
}

.stars-n-5{
  line-height: 19px;
  position:relative;
  overflow:hidden;
  width: 100%;
  font-size: 15px;
  height: 75px;
  floaT: left;
  margin: 10px 0px 0px 0px;
  color: #2B3252;
  font-weight: 700;
  font-family: 'font-3';
}

.stars-n-3, .stars-n-3 img{
    width: 100%;
    floaT: left;
    height: 140px;
    object-fit: cover;
    border-radius: 14px;
    position:relative;
    overflow:hidden;
}

.stars-n-1 img{
  widtH: 100%;
}

.stars-n-1 { 
  animation: fadeIn 0.8s;
  -webkit-animation: fadeIn 0.8s;
  -moz-animation: fadeIn 0.8s;
  -o-animation: fadeIn 0.8s;
  -ms-animation: fadeIn 0.8s;
}

@keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@-moz-keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@-webkit-keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@-o-keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@-ms-keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

.stars-n-1 {
  width: 174px;
  float: left;
  margin: 0px 15px 0px 0px;
}


.stars-n-2{
  position:relative;
  overflow:hidden;
  width: 100%;
  floaT: left;
  margin: 0px 0px 0px 0px;
}

.star-new-6 li:nth-child(0) {
    display: none;
}


.star-new-05, .liv-new-5{
  width: 103%;
  floaT: left;
  position:relative;
  overflow:hidden;
}

.star-new-2{
	position:relative;
	width: 100%;
	floaT: left;
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 0px 0px;
}
.user_tab .active a{
    color: #2B3252;
}


.user_tab .active {
    color: #008080;
    opacity: 9;
}

.star-new-4 img {
    width: 24px;
    height: 24px;
    floaT: left;
    margin: -2.5px 10px 0px 0px;
}

.user_tab li a{
    color: #ACADB9;
}

.user_tab li {
    display: inline-block;
    cursor: pointer;
    text-transform: uppercase;
    font-weight: 500;
    -webkit-user-select: none;
    color: #98989A;
    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;
}

.user_tab li:before {
	border-radius: 50px;
	width: 12px;
	height: 12px;
	top: 3px;
	margin: 0px 0px 0px 0px;
	bottom: 0px;
	left: -16px;
	position: absolute;
	floaT: left;
	background: #ACADB9;
	content: "";
	z-index:90;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.user_tab li.active:before {
  background: #2B3252;
}

.user_tab li a.active{ border-radius: 100px; background:#2e6abd;color:#ededed;z-index:4;outline:none;}

.user_tab{-webkit-font-feature-settings: 'case'on;font-feature-settings: 'case'on;margin: 1px 0px -1px 0px;floaT: right;font-family: 'font-3';}
.user_tab li{border-radius: 100px;position:relative;padding: 0px 0px;display:inline-block;margin: 0px 0px 0px 30px;cursor:pointer;text-transform:uppercase;font-weight:500;-webkit-user-select:none;}
.user_tab li:hover{ 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; }


.user_tab li:hover:before {
	background: #2B3252;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}


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



   .ll-new-1 img {
        -webkit-transition: all .5s;
        -moz-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s;
        -webkit-filter: saturate(100%);
        filter: saturate(100%)
    }

    .ll-new-1: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 .5s;
        -moz-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s;
        -webkit-filter: saturate(130%);
        filter: saturate(130%)
    }



.l-slaid-2 .ll-new-3 {
    padding: 0px 20px;
}


.l-slaid-2 .ll-new-2 {
    padding: 20px 0px 0px 0px;
}


.l-slaid-2 .ll-new-6 a{
    font-size: 18px;
    line-height: 22px;
}

.l-slaid-3  .ll-new-6 a{
    padding-bottom: 0px;
}

.ll-new-6 a{
	padding-bottom: 20px;
    float: left;
    width: 100%;
    font-size: 15px;
    line-height: 19px;
    font-family: font-3;
    color:#fff;
}


.ll-new-5 a:nth-child(2){
	display: inline-flex;
}

.ll-new-5 a:hover{
	background: #333b60;
	transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;
}

.ll-new-5 a{
	transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;
	color:#fff;
	font-size: 13.5px;
	background: #2B3252;
	padding: 7px 12px;
	border-radius: 10px;
	display: none;
}

.ll-new-5{
	width: 100%;
	float: left;
	position:relative;
	margin-bottom: 7px;
	color:#fff;
	font-size: 0px;
}

.l-slaid-2, .l-slaid-2 img{
	height: 405px;
	overflow:hidden;
}


.l-slaid-04.l-slaid-4{
	margin-top: 25px;
}


.l-slaid-4, .l-slaid-4 img{
	height: 190px;
	overflow:hidden;
}



.ll-new-3 {
	position:relative;
    padding: 0px 15px;
}


.ll-new-2 {
    float: left;
    width: 100%;
    background: -moz-linear-gradient(top, rgb(255 0 0/0%) 0%, #000000 100%);
    background: -webkit-linear-gradient(top, rgb(255 0 0/0%) 0%, #000000 100%);
    background: linear-gradient(to bottom, rgb(255 0 0/0%) 0%, #000000 100%);
    padding: 10px 0px 15px 0px;
    font-size: 13px;
    color: #fff;
    position: absolute;
    bottom: 0px;
    z-index: 1;
}



.ll-new-1{
	width: 100%;
	position:relative;
	overflow:hidden;
	float: left;
	border-radius: 14px;
}


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

.l-slaid-3{
	width: 290px;
	floaT: right;
	margin: 0px 0px 0px 0px;
	position:relative;
}


.l-slaid-2{
	width: 430px;
	floaT: left;
	margin: 0px 0px 0px 0px;
	position:relative;
}

.center-2 .l-slaid-1{
	margin: 0px 19px;
}


.l-slaid-1{
	margin: 0px 20px;
}


.m-size-1{
	position:relative;
	z-index:1;
	overflow: hidden;
	width: 100%;
	floaT: left;
	margin: 0px 0px 15px 0px;
	background:#fff;
	border-radius: 14px;
	padding: 20px 0px 20px 0px;
}





.line-text-4::after {
	width: 70px;
	height: 46px;
	margin: 0px 0px 0px 0px;
	position: absolute;
	floaT: left;
	background: linear-gradient(270deg, #FFF 23.61%, rgba(255, 255, 255, 0.00) 100%);
	content: "";
	right: 0px;
	top: -12px;
	z-index:1;
}


.line-text-4::before {
	width: 70px;
	height: 46px;
	margin: 0px 0px 0px 0px;
	position: absolute;
	floaT: left;
	background: linear-gradient(90deg, #FFF 23.61%, rgba(255, 255, 255, 0.00) 100%);
	content: "";
	left: 0px;
	top: -12px;
	z-index:1;
}

.line-text-4{
	width: calc(100% - 170px);
	floaT: right;
	background:#fff;
	margin: 16px 10px 0px 0px;
	border-radius: 100px;
	overflow:hidden;
	position:relative;
}

.line-text-3{
	width: 120px;
	height: 28px;
	line-height: 29px;
	floaT: left;
	margin: 13px 0px 13px 13px;
	background:#2B3252;
	color:#fff;
	border-radius: 100px;
	text-align: center;
	font-family: font-3;
	-webkit-font-feature-settings: 'case'on;
	font-feature-settings: 'case'on;
	font-size: 14px;
}


.line-text-1{
	width: 100%;
	height: 54px;
	floaT: left;
	margin: 0px 0px 15px 0px;
	background:#fff;
	border-radius: 100px;
}


.line-text-4 .holder-1 .tek-l {
	display:inline;
}


.line-text-4 .holder-1 a:hover{
	color:#2B3252;
	    text-decoration: none;
    text-decoration: underline;
}

.line-text-4 .holder-1 a{
	text-decoration: none;
	font-weight: bold;
	color: #464850;
	font-size:15px;
	font-family: font-3;
	margin: 0px 30px 0px 0px;
	padding: 0px 0px 0px 30px;
	border-left: 1px #c4cad9 solid;
}




.div-home-2{
	width: 100%;
	floaT: left;
	margin: 0px 0px 0px 0px;
}


.div-home-1{
	width: 100%;
	floaT: left;
	margin: 95px 0px 0px 0px;
}


.tops-men-1#menu-3 ul:nth-child(2), .tops-men-1#menu-3 ul:nth-child(3), .tops-men-1#menu-3 ul:nth-child(4){
	margin-top: 35px;
}

#cssmenu > ul > li:hover > ul{animation:fade_in_show .3s}@keyframes fade_in_show{0%{opacity:0;transform:scale(0.4)}100%{opacity:1;transform:scale(1)}}


#cssmenu .fa-angle-down {
	background: url(../images/con-011.svg) center no-repeat;
	z-indeX: 1;
    width: 8px;
	height: 5px;
	display: inline-block;
	margin: 0px 0px 4px 2px;
}

#cssmenu li{
	display: inline-block;
}

.header-menu-1{
	width: auto !important;
	display: inline-flex;
	floaT: right;
	margin: 0px 0px 0px 0px;
}



.header-8 ul li a{
	color: #626878;
	-webkit-transition:all .5s;
	-moz-transition:all .5s;
	-o-transition:all .5s;
	transition:all .5s;
}

.header-8{
	widtH: 100%;
	line-height: 20px;
	border-radius: 5px;
	floaT: left;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px 0px;
}




#cssmenu ul li ul li img{
    width: 20px;
    height: 20px !important;
    padding: 0px 0px;
    line-height: 0px;
    margin: 0px 5px 0px 0px;
    floaT: left;
    border-radius: 5px;
}

#menu-1 .menu-titl-1 a:hover, #menu-2 .menu-titl-1 a:hover, #menu-3 .menu-titl-1 a:hover, #menu-4 .menu-titl-1 a:hover, #menu-5 .menu-titl-1 a:hover, #menu-6 .menu-titl-1 a:hover, #menu-7 .menu-titl-1 a:hover, #menu-8 .menu-titl-1 a:hover, #menu-9 .menu-titl-1 a:hover {
		color:#222  !important;
    text-decoration: blink !important;
    text-decoration: underline;
    cursor: default;
}

#menu-1 .menu-titl-1 a, #menu-2 .menu-titl-1 a, #menu-3 .menu-titl-1 a, #menu-4 .menu-titl-1 a, #menu-5 .menu-titl-1 a, #menu-6 .menu-titl-1 a, #menu-7 .menu-titl-1 a, #menu-8 .menu-titl-1 a, #menu-9 .menu-titl-1 a{
	font-family: font-4 !important;
	font-weight: 700 !important;
	font-size: 18px;
	margin-bottom: 10px !important;
}

#menu-1 ul, #menu-2 ul, #menu-3 ul, #menu-4 ul, #menu-5 ul, #menu-6 ul, #menu-7 ul, #menu-8 ul, #menu-9 ul{
    width: 100%;
    max-height: 0;
    position: relative !important;
    background: #fff;
}

body #menu-1 li, body #menu-2 li, body #menu-3 li, body #menu-4 li, body #menu-5 li, body #menu-6 li, body #menu-7 li, body #menu-8 li, body #menu-9 li {
    width: 100%;
    /* max-height: 0; */
    position: relative !important;
    background: #fff;
}


body #menu-3 ul, body #menu-4 ul, body #menu-5 ul, body #menu-6 ul, body #menu-7 ul, body #menu-8 ul, body #menu-9 ul{
	width: 200px !important;
	height: auto !important;position:relative !important;floaT: left;top: 0px !important;
	}

#cssmenu > ul li:hover a {
    color: #2B3252 !important;
}

#cssmenu > ul li:hover li a {
    color: #2B3252 !important;
}


body #menu-2 ul{ 
width: 31.3% !important;
}


body #menu-1 .menu-t-1{width: 35% !important;}


body #menu-1 ul{ 
width: 29.1% !important;
height: auto !important;
position:relative !important;
floaT: left;
top: 0px !important;
}



#cssmenu ul li a {
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

#cssmenu ul li:hover ul {
    width: 100%;
    floaT: left;
    max-height: 300px;
    /* overflow: hidden; */
}

#cssmenu ul li ul {
    width: 100%;
    max-height: 0px;
    /* overflow: hidden; */
}

#cssmenu ul li ul {
    width: 100%;
    max-height: 0px;
    /* overflow: hidden; */
}


#cssmenu ul li:hover ul ul {
	padding: 1px 4px 0px 8px;
	}

#cssmenu ul li:hover ul {
	padding: 20px 0px 10px 12px;
	position: absolute;
	left: 0px !important;
	/* overflow: hidden; */
	z-index: 9999;
	opacity: 9;
	display: block !important;
}

#cssmenu ul li ul {
	box-shadow: 0px 0px 0px 0px #fff;
	position: absolute;
	/* overflow: hidden; */
	z-index: 9;
	opacity: 9;
	display: none;
}

#cssmenu ul li ul li {
	width: 100%;
	position: absolute;
}


#cssmenu ul li ul li a:hover, #cssmenu ul li ul .m-col-aa a  {
    color: #656f9f;
    border: 0px solid rgb(185 189 209 / 40%);
    background: rgb(185 189 209 / 0%);
}


#cssmenu ul li ul li a {
		-webkit-font-feature-settings: inherit !important;
		font-feature-settings: inherit !important;
		letter-spacing: -0.3px;
		text-align: left;
		line-height: 20px;
		font-family: font-1;
		font-weight: 800;
		font-size: 14.5px;
		font-weight: 100;
		float: left;
		opacity: 9;
		color: #5c5c78;
		border: 0px solid #e1e6ed;
		width: 100%;
		height: 30px;
		padding: 0px 0px;
		margin: 0px 0px 0px 0px !important;
		border-radius: 8px;
		line-height: 20px;
}

#cssmenu ul li ul li a:hover {
    opacity: 70%;
}


#cssmenu > ul > li > ul > li {
    width: 100%;
    float: left;
    padding: 0px;
    z-index: 99;
    max-height: 72px;
    position: relative;
    height: auto;
}

#cssmenu > ul > li > ul {
    padding: 0% 0%;
    background: #fff;
    font-family: font-2;
    width: 96% !important;
    display: block;

}




.right-menu-icon-04 { 
    background: url(../images/menu-i-4.svg) center no-repeat;
}


.right-menu-icon-03{
    background: url(../images/menu-i-3.svg) center no-repeat;
}

.right-menu-icon-02{
    background: url(../images/menu-i-2.svg) center no-repeat;
}

.right-menu-icon-01{
    background: url(../images/menu-i-1.svg) center no-repeat;
}


.right-menu-icon-01, .right-menu-icon-02, .right-menu-icon-03, .right-menu-icon-04 {
    opacity: 9;
    text-align: center;
    position: absolute;
    top: 50%;
    color: #fff;
    font-size: 30px;
    font-family: font-1;
    letter-spacing: 0.2px;
    left: 0;
    width: 100%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 1;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    }


.right-menu-icon-01, .right-menu-icon-02, .right-menu-icon-03, .right-menu-icon-04{
    width: 70px;
    height: 25px;
}



.right-menu-1 li:hover::before, .right-menu-1 li:hover::after {
    width: 100%;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.right-menu-1 li::before{
lefT: 0% !important;
}

.right-menu-1 li::after{
right: 0% !important;
}

.right-menu-1 li::before, .right-menu-1 li::after {
    width: 0%;
    height: 5px;
    bottom: 0px;
    position: absolute;
    background: #0092c1;
    content: "";
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.right-menu-1 li::before {
    left: 0px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.right-menu-1 li{
    float: left;
    position: relative;
    overflow:hidden;
    margin: 0px 0px; 
    width: 70px;
    height: 70px;
    border-lefT: 0px #ddd solid;
}

.right-menu-1 {
    float: right;
}


body #cssmenu .menu-t-1 .menu-titl-1 a:hover{
	color:#222 !important;
}





body #cssmenu #menu-1 .menu-t-1{
	background: url(../images/menu-1.png) 0px 0px no-repeat;
}

#cssmenu ul li ul .menu-titl-1 :hover {
	background:rgb(255 255 255 / 0%);
}


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



.menu-t-1 .menu-img-1 {
	width: 25px !important;
    height: 25px !important;
    width: auto;
    margin: -2px 10px 0px 8px;
    floaT: left;
}

.menu-img-1 {
	width: 20px !important;
    height: 20px !important;
    width: auto;
    margin: 0px 10px 0px 8px;
    floaT: left;
}


#cssmenu .menu-t-1 .menu-titl-1 a {
	font-family: font-4 !important;
	border-bottom: 1px rgb(58 60 60 / 15%) solid;
	border-radius: 0px;
	padding: 0px 0px 14px 0px;
}


body #cssmenu #menu-3 ul {
    width: 100%;
    floaT: left;
    /* height: 260px !important; */
    /* overflow: hidden; */
}

body #cssmenu #menu-2 ul {
    width: 100%;
    floaT: left;
    height:60px !important;
    overflow: hidden;
}

body #cssmenu #menu-1 ul {
    width: 100%;
    floaT: left;
    height: 172px !important;
    overflow: hidden;
}

#cssmenu ul li:hover, #cssmenu ul .m-col-a {
	    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    color: #2B3252 !important;
    background: url(../images/hov.svg)  center 53px no-repeat;
}


#cssmenu ul li {
	    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    background: url(../images/hov.svg)  center 80px no-repeat;
}


#cssmenu a {
position:relative;
}



#cssmenu #menu-1, #cssmenu #menu-2, #cssmenu #menu-3, #cssmenu #menu-4, #cssmenu #menu-5, #cssmenu #menu-6, #cssmenu #menu-7{
	lefT: 0px !important;
	lefT: 0px !important;
	top: 75px;
	box-shadow: 0px 1px 10px 0px rgb(42 42 42 / 9%);
	border-radius: 0px 0px 14px 14px;
}


.brendebi-1{
	z-index:1;
	widtH: 100%;
	height: 125px;
	line-height: 20px;
	position:relative;
	overflow:hidden;
	floaT: left;
	margin: 20px 0px 0px 0px;
	padding: 0px 0px 15px 0px;
}


.header-9 .fab{
color:#1976d2;
font-size: 15px;
margin: 0px 0px 0px 5px;
}

.header-9 a:hover{
	color:#1976d2 !important;
}
.header-9{
	padding: 12px 0px 15px 18px;
	line-height: 20px;
	position:relative;
	overflow:hidden;
	floaT: right;
	margin: 0px 0px 0px 0px;
	font-size: 14px;
	font-family: font-1;
}

.header-8 ul li ul li a{
	font-size: 16px;
}


.header-8 ul li a{
	line-height: 20px;
	position:relative;
	-webkit-font-feature-settings: 'case'on;
	font-feature-settings: 'case'on;
	floaT: left;
	font-size: 16px;
	font-family: font-3;
	margin: 0px 0px;
	padding: 27.3px 8px;
	letter-spacing:0.01em;
}

.dzebna-n-1 .btn-1 {
	   -webkit-transition: all 0.4s;
    font-family: font-1;
    position: absolute;
    right: 0;
    width: 37px;
    height: 33px;
    line-height: 33px;
    cursor: pointer;
    color: #687183;
    text-align: center;
    background: #fff url(../images/con-007.svg) center no-repeat;
    border: 0;
    top: 0;
    margin: 0;
    overflow: hidden;
    font-size: 15px;
    letter-spacing: 1px;
    border-radius: 0;
    margin-top: 0;
}

.dzebna-n-1,  #searchsuggestions {
	/* width: 260px; */
}


.dzebna-n-1 {
    margin: 0px 0px;
    height: 33px;
    float: right;
    position: relative;
    overflow: hidden;
    border-radius: 100px;
}

 .dzebna-n-1 .q_search input:focus,  #searchsuggestions{
        widtH: 300px;
    }

    
     .dzebna-n-1 .q_search input:focus{
        transition: all 0.7s;
        -webkit-transition: all 0.4s;
    }


.dzebna-n-1 .q_search input {
	-webkit-transition: all 0.4s;
    color:  #8C8D90;
    font-family: font-1;
    float: left;
    top: 0 !important;
    text-indent: 15px;
    height: 33px;
    padding: 0;
    width: 240px;
    background: #fff;
    border: 0 solid #ffffff;
    margin: 0;
    font-size: 15px;
    letter-spacing: 0px;
    border-radius: 3px;
}

.k-sms-1:hover {
    background: #2B3252 url(../images/con-0008.svg) center no-repeat;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
}

.k-sms-1 {
    cursor: pointer;
    overflow:hidden;
    width: 33px;
    height: 33px;
    line-height: 40px;
    floaT: right;
    position:relative;
    margin: 0px 0px 0px 12px;
    border-radius: 100px;
    background: #fff url(../images/con-008.svg) center no-repeat;
    text-align: center;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
}






.van-div-01:hover.van-div-2 path, .van-div-02:hover.van-div-2 path, .van-div-03:hover.van-div-2 path{
   fill: #ededed;
    -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-03:hover .swore-03{  
	opacity:9;
	 -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
}

.van-div-02:hover .swore-02{  
	width: 100%;
	height: 100%;
	floaT: left;
	lefT: 0px;
	top: 0px;
	z-index:1;
	position:absolute;
	background: #37B6FD url(../images/soc-02.svg) center no-repeat !important;
    -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
}

.van-div-02 .swore-02{  
	width: 100%;
	height: 100%;
	floaT: left;
	lefT: 0px;
	top: 0px;
	z-index:1;
	position:absolute;
	background: url(../images/soc-2.svg) center no-repeat;
    -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
}

.van-div-01 .swore-01{  
	width: 100%;
	height: 100%;
	floaT: left;
	lefT: 0px;
	top: 0px;
	z-index:1;
	position:absolute;
	background: url(../images/soc-1.svg) center no-repeat;
    -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
}

.van-div-03 .swore-03{
	opacity:0;
	background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
	width: 100%;
	height: 100%;
	floaT: left;
	lefT: 0px;
	top: 0px;
	z-index:1;
	position:absolute;
    -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
}


.van-div-01:hover .swore-01{  
	width: 100%;
	height: 100%;
	floaT: left;
	lefT: 0px;
	top: 0px;
	z-index:1;
	position:absolute;
	background: #3B64B4 url(../images/soc-01.svg) center no-repeat !important;
    -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
}

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


.van-div-03:hover .swore-3{
		background: url(../images/soc-03.svg) center no-repeat;
	   -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
}

.swore-3{
		background: url(../images/soc-3.svg) center no-repeat;
		floaT: left;
		z-indeX: 11;
		width: 100%;
		position:absolute;
		text-align: center;
		left: 0px;
		height: 32.5px;
	   -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
}

.swore-2{
    floaT: left;
    z-indeX:0;
    width: 100%;
    position:absolute;
    text-align: center;
    left: 0px;
    height: 33px;
}

.swore-1{
    floaT: left;
    z-indeX:0;
    width: 100%;
    position:absolute;
    text-align: center;
    left: 0px;
    height: 33px;
}

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

.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; */
    margin-bottom: 20px;
    float: left;
    position: absolute;
    margin-top: 55px;
    widtH: 100%;
    height: 70px;
    background: #ffffff;
    line-height: 50px;
}


.logo-2 svg{
    widtH: 130px !important;
	height: 45px;
    line-height: 0px;
    float: left;
    position: relative;
}


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

.logo-1 {
    width: 155px;
    height: 75px;
    line-height: 75px;
    margin: 0px 0px;
    float: left;
    position: relative;
}

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

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

.van-div-9{
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    width: 21px;
    height: 21px;
    floaT: left;
    margin: 6px 0px 6px 0px;
    background: #ffffff url(../images/con-023.svg) center no-repeat;
    background-size: 18px;
    border-radius: 100px;
}


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



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

.van-div-10{
	/* display: none; */
	cursor: pointer;
	overflow:hidden;
	width: 44px;
	height: 35px;
	line-height: 36px;
	floaT: right;
	position:relative;
	margin: 0px 0px 0px 0px;
	border-radius: 500px;
	background: #008080;
	text-align: center;
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	-o-transition: all .2s;
	transition: all .2s;
}


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


.van-div-3{
	top: 0px;
	right: 0px;
	position: absolute;
	z-index: 999999;
	margin-top: 11px;
}


.van-div-4{
      cursor: pointer;
      overflow:hidden;
      width: 85px;
      height: 33px;
      line-height: 40px;
      floaT: right;
      position:relative;
      margin: 0px 0px 0px 12px;
      border-radius: 100px;
      background: #ffffff url(../images/new-con-010.svg) center no-repeat;
      text-align: center;
      -webkit-transition: all .2s;
      -moz-transition: all .2s;
      -o-transition: all .2s;
      transition: all .2s;
}


.header-1 {
    float: left;
    position: relative;
    widtH: 100%;
    height: 55px;
    background: #F1F1F1;
    line-height: 55px;
}

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




/*-- RESPONSIVE --*/
@media (min-width:900px) and (max-width:1000px){

.fo-li-3 li:nth-child(6), .fo-li-3 li:nth-child(7){display:none}


.star-new-6 li:nth-child(0) {
    display: none;
}

.fo-li-1 li:nth-child(4){display:none}

.star-new-6 li:nth-child(5){display:none}

.f-club-2 img{
    transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;
}

.f-club-2:hover img{
	transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;
	        -moz-transform: scale(1.07);
        -webkit-transform: scale(1.07);
        -o-transform: scale(1.07);
        -ms-transform: scale(1.07);
        transform: scale(1.07);
}

.f-club-2:hover{
	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 10px 1px rgb(30 147 119 / 30%);
}


.f-club-02{
	width: 200px;
	margin: auto;
}


.f-club-2{
	transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;
	width: 200px;
	height: 50px;
	border-radius: 100px;
	line-height: 65px;
	margin: auto;
	box-shadow: 0px 0px 10px 1px rgb(43 185 151 / 0%);
}




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


.full-s-2 .slick-prev:after{right:0px;top:0px;-webkit-transform:skew(0deg, 0deg);-ms-transform:skew(0deg, 0deg);transform:skew(0deg, 0deg);}

.full-s-2 .slick-next:before{
	width: 30px;
	height: 30px;
	background: url(../images/next-1.svg) 12px 11px  no-repeat;
	content: "";
	position:absolute;
	lefT: 0px;
}

.full-s-2 .slick-prev:after{
	width: 30px;
	height: 30px;
	background: url(../images/next-2.svg) 12px 11px  no-repeat;
	content: "";
	position:absolute;
	lefT: 0px;
}


.full-s-2 .slick-next{
	right: 15px;
}

.full-s-2 .slick-prev{
	left: 15px !important;
}

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

.full-s-2 .slick-next, .full-s-2 .slick-prev{
	background-color: #2B3252;
	border: 0;
	floaT:left;
	border-radius: 100px;
	font-size:0px !important;
	z-index:9;
	line-height:40px;
	position:absolute;
	display:block !important;
	width: 30px !important;
	height: 30px !important;
	padding:0;
	cursor:pointer;
	}


.full-s-2 .slick-dots li{background: rgb(255 255 255 / 25%);border-radius:10px;position:relative;display:inline-block;width:10px;height:10px;margin:0 2px;padding:0;cursor:pointer;}
.full-s-2 .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;}

.full-s-2 .slick-dots{lefT: 0px; bottom: 20px !important; top: inherit !important; width: 100% !important;position:absolute;padding:0;margin:0;list-style:none;text-align:center;z-index:9;}
.full-s-2 .slick-dots .slick-active{background: #ededed;border-radius:100px;}


.full-s-2{
	width: 100%;
	position:relative;
	overflow:hidden;
	float: left;
	margin: 0px 0px 10px 0px;
	border-radius: 14px;
}


.ms-a-short-1{
	floaT: right;
	position:absolute;
	right: 0px;
	bottom: 25px;
}

.ms-a-short-3{
	font-family: font-3;
	floaT: left;
	height: 16px;
	border-radius: 14px;
	position:relative;
	margin: 6px 0px 10px 15px;
	color:#888A8E;
}

.ms-a-short-2{
	float: left;
	position:relative;
	margin-bottom: 0px;
	color:#fff;
	font-size: 0px;
}

.ms-a-short-2 a:nth-child(2){
	display: inline-flex;
}

.ms-a-short-2 a:hover{
	background: #333b60;
	transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;
}

.ms-a-short-2 a{
	transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;
	color:#fff;
	font-size: 13.5px !important;
	background: #2B3252;
	padding: 7px 14px;
	border-radius: 100px;
	display: none;
}


.light-mode .ms-a-short-1{
	display: block;
}

.light-mode .ms-short-5, .light-mode .ms-a-short-1{
	width: calc(100% - 260px);
}

.light-mode .ms-short-5{
	font-size: 17px;
	line-height: 21px;
	color: #2B3252;
	floaT: right;
	height: 85px;
	object-fit: cover;
	position:relative;
	overflow:hidden;
	margin: 0px 0px 0px 0px;
	font-family: font-3;
}


.light-mode .ms-short-1{
	position:relative;
	overflow: hidden;
	width: 828px;
	floaT: left;
	margin: 0px 0px 25px 0px;
	padding-bottom: 25px;
	border-bottom: 1px #E0E2E9 solid;
}

.light-mode .ms-short-3, .light-mode .ms-short-3 img{
    width: 240px;
    floaT: left;
    height: 160px;
    object-fit: cover;
    border-radius: 14px;
    position:relative;
    overflow:hidden;
}



.light-mode .ms-a-short-01{
display: none;	
}

.div-left-menu-001.div-left-menu-1 {
    margin: -5px -5px -3px 0px;
    height: 30px;
    border: 0px;
}


.ms-a-short-01 a{
	color:#7E7F83;
}

.ms-a-short-01{
	font-size: 15px;
	-webkit-font-feature-settings: 'case'on;font-feature-settings: 'case'on;
	width: 100%;
	floaT: left;
	position:relative;
	font-family: font-3;
	color:#7E7F83;
	margin: 17px 0px 10px 0px;
}



.ms-a-short-02{
	float: right;
	position:relative;
	margin-bottom: 0px;
	font-size: 0px;
}

.ms-a-short-02 a:nth-child(2){
	font-size: 16px;
	display: inline-flex;
}

.ms-a-short-02 a:hover{
	color: #333b60;
	transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;
}

.ms-a-short-02 a{
	transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;
	display: none;
}

.ms-short-1 img {
        -webkit-transition: all .5s;
        -moz-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s;
        -webkit-filter: saturate(100%);
        filter: saturate(100%)
    }

.ms-short-2: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 .5s;
        -moz-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s;
        -webkit-filter: saturate(130%);
        filter: saturate(130%)
    }


.ms-short-2:hover .ms-short-5 {
 transition:all 0.2s ease-in-out;
 -moz-transition:all 0.2s ease-in-out;
 -webkit-transition:all 0.2s ease-in-out;
 color: #4a5483;
}


.ms-short-5{
	font-size: 17px;
	color: #2B3252;
	width: 100%;
	floaT: left;
	height: 63px;
	object-fit: cover;
	position:relative;
	overflow:hidden;
	margin: 0px 0px 0px 0px;
	font-family: font-3;
}

.ms-a-short-1{
	display: none;
}


.ms-short-4{
	font-size: 16px;
	font-family: font-3;
	floaT: left;
	height: 16px;
	object-fit: cover;
	position:relative;
	overflow:hidden;
	margin: 0px 0px 0px 0px;
	color: #7E7F83;
}

.ms-short-3, .ms-short-3 img{
    width: 100%;
    floaT: left;
    height: 240px;
    object-fit: cover;
    border-radius: 14px;
    position:relative;
    overflow:hidden;
}

.ms-short-1{
	 overflow: hidden;
	width: 403px;
	floaT: left;
	margin: 0px 25px 25px 0px;
}


.fo-msg-7{
	 overflow: hidden;
	width: 106%;
	floaT: left;
}

.fo-msg-6 {
	 overflow: hidden;
	width: 100%;
	floaT: left;
	margin: 20px 0px 0px 0px;
}


.fo-msg-5{
	border-radius: 100px;
	overflow: hidden;
	width: 13px;
	height: 13px;
	background:#2B3252;
	floaT: left;
	margin: 3.5px 5px 0px 0px;
}


.fo-msg-4 a{
	color:#2B3252;
}

.fo-msg-4{
	 overflow: hidden;
	floaT: left;
	margin: 2px 0px 0px 0px;
	padding: 0px 15px 0px 0px;
	position: relative;
	height: 20px;
	line-height: 20px;
	background:#fff;
	font-size: 18px;
	color:#2B3252;
	font-family: font-3;
	-webkit-font-feature-settings: 'case'on;font-feature-settings: 'case'on;
}

.fo-msg-3{
	width: 100%;
	floaT: left;
	position:relative;
}

.fo-msg-2{
	margin: 0px 25px;
}


.fo-msg-1{
	 overflow: hidden;
	floaT: left;
	margin: 25px 0px 0px 0px;
	background: #fff;
	border-radius: 14px;
	padding: 22px 0px 0px 0px;
}

.light-mode .div-left-menu-2  {
	 cursor: pointer;
}

.light-mode .div-left-menu-3  {
	cursor: default !important;
}


.div-left-menu-3  {
    	cursor: pointer;
}



.a-short-3{
	width: 100%;
	font-size: 14px;
	font-family: font-1;
	floaT: left;
	height: 16px;
	border-radius: 14px;
	position:relative;
	margin: 0px 0px 0px 0px;
	color:#888A8E;
}

.a-short-2{

	float: left;
	position:relative;
	margin-bottom: 0px;
	color:#fff;
	font-size: 0px;
}

.a-short-2 a:nth-child(2){
	display: inline-flex;
}

.a-short-2 a:hover{
		color: #333b60;
	transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;
}

.a-short-02.a-short-2{
	margin: 8.5px 0px 0px 0px;
	floaT: right;
}


.a-short-2 a{
	font-family: font-1;
	transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	color:#7E7F83;
	font-size: 14px !important;
	padding: 4px 0px;
	border-radius: 100px;
	-webkit-font-feature-settings: 'case'on;font-feature-settings: 'case'on;
	display: none;
}

.a-short-1{
	display: none;
}


.light-mode .a-short-1{
	display: block;
}


.a-short-1{

	floaT: right;
	position:absolute;
	right: 0px;
	bottom: 0px;
}

.light-mode .short-5, .light-mode .a-short-1{
	width: calc(100% - 200px);
}

.light-mode .short-5{
	font-size: 17px;
	line-height: 21px;
	color: #2B3252;
	floaT: right;
	height: 85px;
	object-fit: cover;
	position:relative;
	overflow:hidden;
	margin: 0px 0px 0px 0px;
	font-family: font-3;
}

.light-mode .short-4{
	display: none;
}


.light-mode .short-3, .light-mode .short-3 img{
    width: 180px;
    floaT: left;
    height: 140px;
    object-fit: cover;
    border-radius: 14px;
    position:relative;
    overflow:hidden;
}

.light-mode .a-short-02.a-short-2{
	display: none;
}

.light-mode .short-1{
	position:relative;
	overflow: hidden;
	width: 407px;
	floaT: left;
	margin: 0px 20px 25px 0px;
}


/*-- dark --*/

.div-left-menu-3 ::after {
    width: 100%;
    height: 100%;
    lefT: 0px;
    top: 0px;
    position: absolute;
    content: "";
   	background: rgba(255, 255, 255, 0.04) url(../images/con-033.svg) center no-repeat;
   	opacity: 100%;
}

.div-left-menu-3  {
	    cursor: pointer;
	width: 35px;
	height: 35px;
	line-height: 35px;
	border-radius: 0px;
	float: left;
	position:relative;
	overflow:hidden;
	margin: 0px 0px 0px 0px;
}


.div-left-menu-2 ::after {
    width: 100%;
    height: 100%;
    lefT: 0px;
    top: 0px;
    position: absolute;
    content: "";
   	background: rgba(255, 255, 255, 0.04) url(../images/con-030.svg) center no-repeat;
   	opacity: 100%;
}
.div-left-menu-2  {
	width: 35px;
	height: 35px;
	line-height: 35px;
	border-radius: 0px;
	float: left;
	position:relative;
	overflow:hidden;
	margin: 0px 0px 0px 0px;
}

.light-mode .div-left-menu-2 {
    background: #fff !important;
    color: #aeadbb;
    box-shadow: 0px 0px 0px 0px #aeadbb;
    opacity: 50%;
     
}
.light-mode .div-left-menu-3 {
    box-shadow: 0px 0px 0px 0px #aeadbb;

   
}
.dark-mode .div-left-menu-3 {
    background: #fff !important;
    box-shadow: 0px 0px 0px 0px #aeadbb;
     opacity: 50%;
}


.div-left-menu-1 button {
	padding: 0px;
	display: inline-block;
    border: 0px;
    background: rgba(0, 0, 0, 0);
}
.div-left-menu-1 {
    margin: 18px 20px -3px 0px;
    height: 30px;
    float: right;
    font-family: font-1;
    font-size: 12px;
    position: relative;
    overflow:hidden;
    border: 0px;
}



.quote_block{
	width: 100%;
	floaT: left;
	position:relative;
	margin-top: 25px;
	margin-bottom: 21px;
}

.quote_block::after{
	position:absolute;
    width: 30px;
    height: 30px;
    floaT: left;
    top: -12px;
    left: 20px;
    margin: 0px 0px 0px 0px;
    background: #2B3252 url(../images/con-028.svg) center no-repeat;
    background-size: 13px;
    content: "";
    border-radius: 9px;
}

.scriptcode, .title_quote, .title_spoiler, .text_spoiler, .quote { position:relative;  padding: 25px 20px 20px 20px; background: #F1F1F1; border-radius: 14px;   }


.quote_body.contenteditable p{
	color: #2B3252 !important;
	font-family: font-1;
}


.footbaalls-5{
	color: #2F54FF;
	font-style: normal;
font-variant: all-small-caps;
}


.ful-1 .fli-1 .footballs-2{
	margin: 0px 25px;
}


.ful-1 .fli-1.footballs-1{
	 overflow: hidden;
	floaT: left;
	margin: 0px 0px 0px 0px;
	background: #fff;
	border-radius: 14px;
	padding: 20px 0px 20px 0px;
}

.ht-left-icon-2{
    position:relative;
    display: inline-flex;
    background: url(../images/con-026.svg) 0px 0px no-repeat;
    width: 20px;
    height: 22px;
    floaT: left;
    margin: 2.1px 1px 0px 0px;
}

.ht-left-icon-1{
    position:relative;
    display: inline-flex;
    background: url(../images/con-024.svg) 0px 0px no-repeat;
    width: 22px;
    height: 22px;
    floaT: left;
    margin: 2.1px 1px 0px 0px;
}

.ht-left-8 a:hover{
	color:#2B3252;
	background-color: rgb(241 241 241 / 50%);
	-webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
}

.ht-left-8 a{
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	-o-transition: all .2s;
	transition: all .2s;
	text-indent:0px;
	width: 100%;
	floaT: left;
	position:relative;
	color:#2B3252;
	margin: 0px 0px 10px 0px;
	background: #F1F1F1 url(../images/zo-1.svg) 20px center no-repeat;
	font-family: font-3;
	font-size: 17px;
	padding: 17px 15px 17px 45px;
	border-radius: 14px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.ht-left-8 {
	width: 100%;
	floaT: left;
	position:relative;
	color:#000;
	margin: 5px 0px 0px 0px;
}


.fa-minus-1{
    display: inline-flex;
    background: url(../images/con-034.svg) center no-repeat;
    width: 100%;
    height: 100%;
    floaT: left;
    margin: 0px 0px 0px 0px;
}

.fa-plus-1{
    display: inline-flex;
    background: url(../images/con-035.svg) center no-repeat;
    width: 100%;
    height: 100%;
    floaT: left;
    margin: 0px 0px 0px 0px;
}

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

.fullstor-14 {
	floaT: right;
	position:relative;
	margin: 3px 15px 0px 0px;
	font-family: font-1;
	font-size: 15px;
	color: #2B3252;
}

.container b{
font-family: font-3 !important;
}

.container p{
	line-height: 23px;
	font-size: 17px;
	color:#222222;
}

.container{
	width: 100%;
	floaT: left;
	position:relative;
	margin: 0px 0px 10px 0px;
	line-height: 23px;
	color:#0e0e0e
}

.fullstor-13 #decreaseFont:hover, .fullstor-13 #increaseFont:hover {
    opacity: 80%;
    cursor: pointer;
    -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
}

.fullstor-13 #increaseFont {
	-webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
    color: #0e1523 !important;
    border: 0px solid #CFD5DF;
    background: #2B3252;
    font-weight: 700;
    font-style: normal;
    font-size: 15px;
    z-index: 100;
    width: 28px;
    height: 28px;
    line-height: 28px;
    float: right;
    text-align: center;
    border-radius: 100px;
    margin-top: 0px;
}


.fullstor-13 #decreaseFont {
	-webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
    color: #0e1523 !important;
    border: 0px solid #CFD5DF;
    font-weight: 500;
    background: #D8E1EF;
    font-style: normal;
    font-size: 15px;
    z-index: 100;
    width: 28px;
    height: 28px;
    line-height: 28px;
    float: left;
    margin-right: 10px;
    text-align: center;
    border-radius: 100px;
    margin-top: 0px;
}

.fullstor-12 {
	floaT: right;
	position:relative;
	margin-top: 0px;
	/* margin-bottom: -9px; */
}


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


.ht-left-4{
	position:relative;
	float: left;
	margin: 0px 30px 0px 0px;
}

.ht-left-3{
	position:relative;
	float: left;
	color: #2B3252;
	margin: 5px 0px -4px 0px;
	font-family: font-1;
}

.ht-left-2{
	width: 100%;
	position:relative;
	float: left;
	font-size: 15px;
	line-height: 20px;
	font-family: font-3;
	color:#818284;
	margin: 20px 0px 20px 0px;
}


.full-size-02 h1{
	width: 100%;
	position:relative;
	float: left;
	font-size: 22px;
	line-height: 25px;
	letter-spacing: -0.3px;
	font-family: font-3;
	color:#242527;
	-webkit-font-feature-settings: 'case'on; font-feature-settings: 'case'on;
	margin: 0px 0px 10px 0px;
}

.ht-left-6 a:hover{
	background: #333b60;
	transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;
}

.ht-left-6 a{
    position: relative;
    background: #2B3252;
    border-radius: 10px;
    color: #f7f7f7;
    padding: 7px 12px;
    font-size: 14px;
    font-family: font-2;
    z-index:1;
    margin: 0px 10px 0px 0px;
     transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-webkit-transition:all 0.2s ease-in-out;
}

.ht-left-6 {
    position: absolute;
    left: 5px;
    color: #f7f7f7;
    padding: 10px 12px;
    font-size: 0px;
    font-family: font-2;
    bottom: 15px;
    z-index:1;
}


.ht-left-5, .ht-left-5 img{
	width: 100%;
	object-fit: cover;
	border-radius: 14px;
	overflow:hidden;
	position:relative;
	float: left;
}

.full-size-2{
	margin: 0px 25px;
}

.ht-left-5 img, .ht-left-5{
	width: 100%;
	height: 430px;
	position:relative;
	floaT: left;
	object-fit: cover;
}


.full-size-1{
	 overflow: hidden;
	floaT: left;
	margin: 0px 0px 20px 0px;
	background:#fff;
	border-radius: 14px;
	padding: 25px 0px 20px 0px;
}



.ful-1 .no-no-1{
	background:rgb(255 255 255 / 0%);
}

.ful-1 .footballs-2{
	margin: 0px 0px;
}


.ful-1 .footballs-1{
	 overflow: hidden;
	width: 100%;
	floaT: left;
	margin: 0px 0px 0px 0px;
	background:rgb(255 255 255 / 0%);
	border-radius: 0px;
	padding: 0px 0px 0px 0px;
}






.ko-sm-15 .ko-sm-16 {
	transition:all 0.2s ease-in-out;
	-moz-transition:all 0.2s ease-in-out;
	-webkit-transition:all 0.2s ease-in-out;
}

.ko-sm-15:hover .ko-sm-16 {
	transition:all 0.2s ease-in-out;
	-moz-transition:all 0.2s ease-in-out;
	-webkit-transition:all 0.2s ease-in-out;
	background-color:#414a70;
}


.ko-sm-015 .ko-sm-16{
    background: #353D5F url(../images/con-042.svg) center no-repeat;
}


.ko-sm-16{
    overflow:hidden;
    width: 45px;
    height: 45px;
    floaT: left;
    position:relative;
    background: #353D5F url(../images/con-040.svg) center no-repeat;
    border-radius: 10px;
    margin: 0px 10px 0px 0px;
}

.ko-sm-015.ko-sm-15{
	floaT: right !important;
}

.ko-sm-15{
	font-family: font-3;
	line-height: 45px;
	floaT: left;
	position:relative;
}


.ko-sm-14{
	width: 100%;
	floaT: left;
	position:relative;
	margin-top: 30px;
}



.ko-sm-19{  
	width: 16px;
	height: 16px;
	z-index:1;
	margin: 0px 2px -2px 0px;
	display: inline-block;
	background: url(../images/con-038.svg) center no-repeat;
}


.ko-sm-13{
	width: 380px;
	position:relative;
	margin: auto;
}


.ko-sm-18: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:#414a70;
}

.ko-sm-18 {
	transition:all 0.2s ease-in-out;
	-moz-transition:all 0.2s ease-in-out;
	-webkit-transition:all 0.2s ease-in-out;
	width: 100%;
	position:relative;
	float: left;
	color:#fff;
	height: 50px;
	line-height: 50px;
	font-family: font-3;
	border-radius: 10px;
	background:#353D5F;
	text-align: center;
	-webkit-font-feature-settings: 'case'on;
	font-feature-settings: 'case'on;
}


.ko-sm-17{
	margin-top: 20px;
	width: 100%;
	position:relative;
	float: left;
}

.ko-sm-12 a{
	color:#fff;
}

.ko-sm-12{
	width: 100%;
	position:relative;
	float: left;
	color:#fff;
}



.ko-sm-11 .swore-3{
		background: url(../images/soc-03.svg) center no-repeat;
}

.ko-sm-11 .van-div-02 .swore-02{  
	background: url(../images/soc-02.svg) center no-repeat;
}

.ko-sm-11 .van-div-01 .swore-01{  
	background: url(../images/soc-01.svg) center no-repeat;
}

.ko-sm-11 .van-div-2{
	background: #3a4470;
}

.ko-sm-11{
	width: 160px;
	position:relative;
	margin: auto;
}

.ko-sm-10{
	width: 100%;
	floaT: left;
	position:relative;
}





.ko-sm-5 {  
	width: 100%;
	height: 93px;
	floaT: left;
	lefT: 0px;
	top: 0px;
	z-index:1;
	position:relative;
	background: url(../images/con-1.svg) no-repeat;
	background-size: 100%;
}

.ko-sm-9 {
    margin: 0px 13%;
}

.ko-sm-8 {
    width: 100%;
    floaT: left;
    z-index: 1;
    position:relative;
    overflow:hidden;
    margin: 0px 0px 10px 0px;
    color:#ffffff;
    font-size: 16px;
    font-family: font-1;
    text-align: center;
    color:#B5BAD1;
}



.ko-sm-7 {
    width: 100%;
    floaT: left;
    z-index: 1;
    position:relative;
    overflow:hidden;
    margin: 7% 0px 10px 0px;
    color:#ffffff;
    font-size: 28px;
    font-family: font-3;
    letter-spacing: -0.5px;
    text-align: center;
    -webkit-font-feature-settings: 'case'on;
	font-feature-settings: 'case'on;
}



.ko-sm-6 {
    width: 100%;
    floaT: left;
    z-index: 1;
    position:relative;
    overflow:hidden;
    background:#2B3252;
    color: #fff;
}



.ko-sm-3 {
    margin: 0px 2px 0px 0px;
}

.ko-sm-4 {
    width: 100%;
    floaT: left;
    z-index: 1;
    position:relative;
    overflow:hidden;
    margin-bottom: 25px;
    border: 1px #E2E4EB solid;
    border-radius: 14px;
}




.form_submit .btn.btn-big{
	display: inline-block !important;
	margin: -75px 0px 0px 10px;
	border-radius: 10px;
}

.form_submit div{
    display: inline-block;
    text-align: center;
}

.form_submit {
    width: 100%;
    floaT: left;
    z-index: 1;
    position:relative;
    margin-top: 10px;
    display: inline-block;
    text-align: center;
}


.ko-sm-2 {
    width: 100%;
    floaT: left;
    z-index: 1;
    position:relative;
    margin: 15px 0px 25px 0px;
    color:#222222;
    font-size: 22px;
    font-family: font-3;
    letter-spacing: -0.5px;
    text-align: center;
    -webkit-font-feature-settings: 'case'on;
	font-feature-settings: 'case'on;
}



.ko-sm-1 .box_in{
	width: 700px;
	margin: auto;
}


.ko-sm-1 {
    width: 100%;
    floaT: left;
    z-index: 1;
    position:relative;
    margin-bottom: 35px;
}



.no-no-1 .footballs-1{
	 margin-bottom: 0px;
}

.ssp-tit-5 {
    width: 100%;
    height: 35px;
    floaT: left;
    z-index: 1;
}

.ssp-tit-4{ position:absolute;top:50%;left:0;width:100%;-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:2;}


.ssp-tit-3.sp-tit-3 img{
	line-height: 0px;
	width: 25px;
}


.ssp-tit-3.sp-tit-3{
	position:relative;
	margin: 15px 5px -10px 20px;
	floaT: left;
	background:#fff !important;
	box-shadow: 0px 0px 0px 0px #e5e5ed;
}


.sp-tit-10 a:hover{
	background:#e4e8ed;
	color:#2B3252;
}

.sp-tit-10 a{
	height: 38px;
	line-height: 39px;
	floaT: left;
	padding: 0px 15px;
	margin: 0px 7.5px;
	background:#F1F1F1;
	color:#4a4e64;
	border-radius: 10px;
	text-align: center;
	font-family: font-3;
	-webkit-font-feature-settings: 'case'on;
	font-feature-settings: 'case'on;
	font-size: 14px;
}



.sp-tit-8 .sp-tit-10 li  {
	display: inline-block;
}



.sp-tit-8::after {
	width: 70px;
	height: 60px;
	margin: 0px 0px 0px 0px;
	position: absolute;
	floaT: left;
	background: linear-gradient(270deg, #FFF 23.61%, rgba(255, 255, 255, 0.00) 100%);
	content: "";
	right: 0px;
	top: -12px;
	z-index:1;
}

.sp-tit-8::before {
	width: 70px;
	height: 60px;
	margin: 0px 0px 0px 0px;
	position: absolute;
	floaT: left;
	background: linear-gradient(90deg, #FFF 23.61%, rgba(255, 255, 255, 0.00) 100%);
	content: "";
	left: 0px;
	top: -12px;
	z-index:1;
}

.sp-tit-8{
	width: calc(100% - 180px);
	height: 38px;
	overflow:hidden;
	floaT: right;
	background:#fff;
	margin: 0px 0px 0px 0px;
	overflow:hidden;
	position:relative;
}

.sp-tit-7{
	width: 150px;
	height: 38px;
	line-height: 39px;
	floaT: left;
	margin: 0px 0px 0px 0px;
	background:#2B3252;
	color:#fff;
	border-radius: 10px;
	text-align: center;
	font-family: font-3;
	-webkit-font-feature-settings: 'case'on;
	font-feature-settings: 'case'on;
	font-size: 14px;
}


.box_in h1{
	color:#2B3252;
	font-size: 22px;
	margin: -5px 0px 7px 0px;
	width: 100%;
	floaT: left;
	position:relative;
	overflow:hidden;
	font-family: font-3;
	letter-spacing: -0.5px;
	-webkit-font-feature-settings: 'case'on; font-feature-settings: 'case'on;
}


.boxx{
	margin-bottom: 25px;
}


body .sp-tit-3 {
	width: 40px;
	height: 40px;
	line-height: 44px !important;
	text-align: center;
	line-height: 20px;
    float: left;
	padding: 0px 0px !important;
	margin: 0px 14px 0px 0px;
	border-radius: 14px;
	font-family: font-1;
}


.sp-tit-5 a{
	position:relative;
	line-height: 20px;
	background:#e5e5ed;
    float: left;
	padding: 10px 17px;
	margin: 0px 14px 0px 0px;
	border-radius: 100px;
	font-family: font-1;
}

.sp-tit-5 a:nth-child(2){
	display: none !important;
}

.sp-tit-5{
	-webkit-font-feature-settings: 'case'on;
	font-feature-settings: 'case'on;
	font-size: 15.6px;
	font-family: font-3;
	font-weight: 900;
	line-height: 50px;
}


.sp-tit-4 .no-no-1{
margin-top: 0px;
}


.sp-tit-2 {
	padding: 0px 15px;
	line-height: 40px;
}


.sp-tit-1 {
	line-height: 20px;
	overflow: hidden;
	width: 100%;
	floaT: left;
	margin: 95px 0px 20px 0px;
	background:#fff;
	border-radius: 14px;
	padding: 15px 0px 15px 0px;
}




.berrors-2 b{
		-webkit-font-feature-settings: 'case'on;
	font-feature-settings: 'case'on;
	color:#2B3252;
	font-family: 'font-3';
}

.berrors-2{
	padding: 0px 20px;
}

.berrors-1.box{
	width: 100%;
	margin-bottom: 25px;
	color: #242527;
	background:#F1F1F1;
	border-radius: 14px;
	position:relative;
	float: left;
	padding: 20px 0px;
	font-size: 16px;
}


#pagi-load path{
	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:hover path{
	fill: #ffffff !important;
	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 svg{
	display: inline-block;
    color:#2B3252;
    margin: 0px 0px -4.5px 4px;
}


#pagi-load  path{
	fill:#2B3252;
}

#pagi-load span{ display: none;}
#pagi-load a span{ display: block; }
#pagi-load span{ width: 100%; float: left;  }
.pagi-load{  text-align: center; font-size:0px;}
.bottom-nav{  margin: 0px 0px 0px 0px; }
.pagi-load a:hover{color: #ffffff;transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-webkit-transition:all 0.2s ease-in-out;background: #2B3252;}
.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{ margin-bottom: 25px; width: 100%;color: #242527;font-family: font-1;border: 0px #C2C2CF solid;font-feature-settings: 'case' on;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 0px;display:inline-block;height: 50px;line-height: 50px;font-size: 16px;border-radius: 14px;cursor:pointer;/* color:#f7f7f7; */background: #CED9ED;text-align:center;font-family: 'font-3';}



.no-no-1{
	 overflow: hidden;
	width: 100%;
	floaT: left;
	margin: 95px 0px 20px 0px;
	background:#fff;
	border-radius: 14px;
	padding: 0px 0px 0px 0px;
}


#cssmenu li:hover ul:before{ 
z-index:9; 
position:absolute;
top: -25px;
right:0px;
width:100%;
height:25px;
content: "";
}

.footer-08 :hover {
	opacity: 80%;
}




.q_search input::placeholder {
    color: #8C8D90;
}

.footer-5::before {
	width: 30px;
	height: 100%;
	margin: 0px 0px 0px 0px;
	position: absolute;
	floaT: left;
	background: linear-gradient(90deg, #FFF 23.61%, rgba(255, 255, 255, 0.00) 100%);
	content: "";
	right: -30px;
	top: -1px;
	z-index:1;
}

.sld .footer-6 .slick-slide{
	margin:0px 0px;
	floaT: left !important;
}

.footer-6 .slick-slider .slick-list{
	padding: 0px 15px 0px 0px !important;
}

.header-001.header-3 .top-bar, .header-001.header-3 .scroll  {
	opacity: 100%;
}

.header-3 .top-bar, .header-3 .scroll  {
	opacity: 0%;
}

.header-3 .top-bar {
  height: 5px;
  width: 100%;
  background: rgb(232, 231, 228);
  position:absolute;
  bottom: -5px;
}

.header-3 .scroll {
  height: 5px;
  width: 0%;
  background: #2B3252;
  position:absolute;
  bottom: -5px;
}


.header-01 .logo-2 {
    margin: 6px 0px 0px 0px;
}

.header-01 #cssmenu ul li:hover, .header-01 #cssmenu ul .m-col-a {
	    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    color: #2B3252 !important;
    background: url(../images/hov.svg)  center 40px no-repeat;
}

.header-01 .header-8 ul li a{
	padding: 19px 8px;
}

.header-01 #cssmenu{
  animation: fadeIn 1s;
  -webkit-animation: fadeIn 1s;
  -moz-animation: fadeIn 1s;
  -o-animation: fadeIn 1s;
  -ms-animation: fadeIn 1s;
}

@keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@-moz-keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@-webkit-keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@-o-keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@-ms-keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}



.header-01 #cssmenu #menu-1, .header-01 #cssmenu #menu-2, .header-01 #cssmenu #menu-3, .header-01 #cssmenu #menu-4, .header-01 #cssmenu #menu-5, .header-01 #cssmenu #menu-6, .header-01 #cssmenu #menu-7{
	top: 55px;
}

.header-3.header-01 {
   position:fixed;
   top: 0px;
   z-index: 999;
   margin-top: 0px;
   box-shadow: 0px 0px 10px rgb(43 31 82 / 12%);
   height: 55px;
}


.footer-16:hover{
    opacity: 100%;
    transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -webkit-transition:all 0.2s ease-in-out;
}


.footer-16 {
	floaT: left;
	position:relative;
	margin: 8px 0px 0px 0px;
	opacity: 70%;
	transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -webkit-transition:all 0.2s ease-in-out;
}

.footer-15 {
	floaT: right;
	position:relative;
	margin: 0px 14px;
}

.footer-14 {
	floaT: right;
	position:relative;
	margin: 0px 0px 0px 0px;
}

.footer-13 {
	height: 32px;
	overflow:hidden;
	floaT: right;
	position:relative;
	margin: 24px 0px 24px 0px;
}


.footer-12 {
	font-size: 15px;
	color: #56585B;
	height: 80px;
	line-height: 81px;
	floaT: left;
	position:relative;
	margin: 0px 0px 0px 0px;
}


.footer-11 {
	width: 100%;
	floaT: left;
	position:relative;
	margin: 0px 0px 0px 0px;
}



.sld .footer-08{
	margin: 0px 30px;
	height: 55px;
}

.foter-logo-3{
	line-height: 61px !important;
}


.foter-logo-2{
	line-height: 72px !important;
}


.foter-logo-1{
	line-height: 70px !important;
}


.foter-logo-3 img{
	width: 180px;
}


.foter-logo-2 img{
	width: 110px;
}

.foter-logo-1 img{
	width: 100px;
}

.footer-008.footer-8{
	background: #F3F5F8;
}


.footer-8 {
	width: 100%;
	margin: 3px 0px;
	text-align: center;
	line-height: 55px;
	height: 55px;
	floaT: left;
	position:relative;
	border-radius: 100px;
}

.footer-6::before {
	width: 50px;
	height: 100%;
	margin: 0px 0px 0px 0px;
	position: absolute;
	floaT: left;
	background: linear-gradient(270deg, #FFF 23.61%, rgba(255, 255, 255, 0.00) 100%);
	content: "";
	right: 0px;
	top: -1px;
	z-index:1;
}


.footer-6 {
	width: calc(100% - 150px);
	text-align: center;
	line-height: 75px;
	height: 65px;
	floaT: right;
	position:relative;
	border-radius: 100px;
}


.footer-5 img{
	width: 95px;
	margin-top: 18px;
}


.footer-5 img {
        -webkit-transition: all .5s;
        -moz-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s;
    }

.footer-5: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 .5s;
        -moz-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s;
    }

.footer-5 {
        -webkit-transition: all .5s;
        -moz-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s;
    }

.footer-5:hover  {
        -webkit-transition: all .5s;
        -moz-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s;
        background: #19bfc3;
    }

.footer-5 {
	width: 150px;
	text-align: center;
	line-height: 75px;
	height: 65px;
	floaT: left;
	position: absolute;
	border-radius: 100px;
	background: #11ADB1;
}



.footer-4 {
	position:relative;
	margin: 0px 5px;
}


.footer-3 {
	width: 100%;
	floaT: left;
	position:relative;
	overflow:hidden;
	padding: 4px 0px;
	border-radius: 100px;
	box-shadow: 0px 0px 0px 1px #dfe7ef;
}


.footer-2 {
	width: 100%;
	floaT: left;
	position:relative;
	padding: 25px 0px;
}



.footer-9 {
	width: 100%;
	floaT: left;
	position:relative;
	background: #ffffff;
	margin: 0px 0px 0px 0px;
}

.footer-1 {
	width: 100%;
	floaT: left;
	position:relative;
	background: #ffffff;
	margin: 0px 0px 0px 0px;
	border-bottom: 1px #dfe7ef solid;
}








.v-videos-1 .short-2{
	margin: 0px 10px;
	position: relative;
}


.v-videos-1 .short-01{
	width: 100%;
	floaT: left;
	position:relative;
	background: #2B3252;
	border-radius: 14px;
	margin: 50px 0px 0px 0px;
}


.short-01 .short-2 .short-5 {
 transition:all 0.2s ease-in-out;
 -moz-transition:all 0.2s ease-in-out;
 -webkit-transition:all 0.2s ease-in-out;
}

.short-01 .short-2:hover .short-5 {
 transition:all 0.2s ease-in-out;
 -moz-transition:all 0.2s ease-in-out;
 -webkit-transition:all 0.2s ease-in-out;
 color: #ffffff;
}


.short-01 .short-5{
	margin: 14px 0px 20px 0px;
	font-size: 15px;
	line-height: 20px;
	 color: #B4BAD8;
}



.v-videos-9:hover .v-videos-5 {
	background: url(../images/le.svg) -20px 3px no-repeat;
	transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -webkit-transition:all 0.2s ease-in-out;
}


.v-videos-9 a{
	transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -webkit-transition:all 0.2s ease-in-out;
}

.v-videos-9 a:hover{
	color:#ffffff !important;
	transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -webkit-transition:all 0.2s ease-in-out;
}


.v-videos-9 .v-videos-5{
	border-radius: 100px;
	overflow: hidden;
	width: 10px;
	height: 19px;
	background: url(../images/le.svg) 0px 3px no-repeat;
	floaT: right;
	margin: 0px 0px 0px 4px;
	transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -webkit-transition:all 0.2s ease-in-out;
}


.v-videos-4{
	border-radius: 100px;
	overflow: hidden;
	width: 13px;
	height: 13px;
	background: #B4BAD8;
	floaT: left;
	margin: 3.3px 5px 0px 12.5px;
}

.v-videos-9 a{
	color:#B4BAD8 !important;
	font-size: 16px;
	font-family: font-1;
}


.v-videos-9{
	margin-right: 12.5px;
	margin-top: 1px;
	color:#B4BAD8;
	float: right;
	position:relative;
}

.footballs-4 a{
	color:#2B3252;
}


.v-videos-3 a:hover .v-videos-4{
	background:#ebefff;
	-webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;
}

.v-videos-3 a .v-videos-4 {
	-webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;
}


.v-videos-3{
	width: 100%;
	position:relative;
	margin: 22px 0px 20px 0px;
	 overflow: hidden;
	floaT: left;
	padding: 0px 15px 0px 0px;
	height: 20px;
	line-height: 20px;
	font-size: 17px;
	color:#2B3252;
	font-family: font-3;
	-webkit-font-feature-settings: 'case'on;font-feature-settings: 'case'on;
}


.v-videos-6{
	margin-top: -51px;
	width: 100%;
	floaT: left;
	position: relative;
}

.v-videos-3 a{
	position:relative;
	z-index:11;
	color: #B4BAD8;
}



.v-videos-2{
	margin: 0px 12.5px;
}

.v-videos-1 .short-3, .v-videos-1 .short-3 img{
    width: 100%;
    floaT: left;
    height: 145px;
}

.v-videos-1{
	width: 100%;
	floaT: left;
	position:relative;
	background: #2B3252;
	border-radius: 14px;
	margin: 0px 0px 20px 0px;
}


.f-metis-2 path{
	transition:all 0.2s ease-in-out;
	-moz-transition:all 0.2s ease-in-out;
	-webkit-transition:all 0.2s ease-in-out;
}

.f-metis-2:hover path{
	fill: #ffffff !important;
	transition:all 0.2s ease-in-out;
	-moz-transition:all 0.2s ease-in-out;
	-webkit-transition:all 0.2s ease-in-out;
}


.f-metis-2 a:hover{
	color:#ffffff;
	background: #2B3252;
	transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -webkit-transition:all 0.2s ease-in-out;
}


.f-metis-2 a{
	transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -webkit-transition:all 0.2s ease-in-out;
}


.f-metis-2 svg{
	display: inline-block;
    color:#2B3252;
    margin: 0px 0px -4.5px 4px;
}

.f-metis-2 a{
    color:#2B3252;
}

.f-metis-001 .f-metis-2 a {
	margin: 20px 0px 0px 0px !important;
}


.f-metis-2 a{
	font-family: font-3;
	-webkit-font-feature-settings: 'case'on;font-feature-settings: 'case'on;
    width: 100%;
    floaT: left;
    height: 50px;
    line-height: 50px;
    text-align: center;
    object-fit: cover;
    border-radius: 14px;
    position:relative;
    overflow:hidden;
    margin: 0px 0px 20px 0px;
    color:#2B3252;
    background:#CED9ED;
}





.short-2:hover .short-6{
	box-shadow: 0px 0px 0px 5px #2B3252;
	transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -webkit-transition:all 0.2s ease-in-out;
}

.short-2 .short-6{
	box-shadow: 0px 0px 0px 0px #2B3252;
	transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -webkit-transition:all 0.2s ease-in-out;
}

.short-6{
	width: 38px;
	height: 38px;
	position:absolute;
	bottom: 15px;
	right: 15px;
	background: #2B3252 url(../images/con-012.svg) center no-repeat;
	border-radius: 100%;
}





.footballs-9 .footballs-01.footballs-1{
	floaT: right;
}

.footballs-9 .footballs-1{
	width: 100%;
}



.footballs-5{
	border-radius: 100px;
	overflow: hidden;
	width: 13px;
	height: 13px;
	background:#2B3252;
	floaT: left;
	margin: 3.5px 5px 0px 0px;
}


.short-2:hover .short-5 {
 transition:all 0.2s ease-in-out;
 -moz-transition:all 0.2s ease-in-out;
 -webkit-transition:all 0.2s ease-in-out;
 color: #4a5483;
}


.short-5{
	font-size: 17px;
	color: #2B3252;
	width: 100%;
	floaT: left;
	height: 78px;
	line-height: 20px;
	object-fit: cover;
	position:relative;
	overflow:hidden;
	margin: 0px 0px 0px 0px;
	font-family: font-3;
}

.short-4{
	font-size: 15px;
	font-family: font-1;
	floaT: left;
	height: 16px;
	object-fit: cover;
	border-radius: 14px;
	position:relative;
	overflow:hidden;
	margin: 12px 0px 9px 0px;
	color:#888A8E;
}



.short-3, .short-3 img{
    width: 100%;
    floaT: left;
    height: 180px;
    object-fit: cover;
    border-radius: 14px;
    position:relative;
    overflow:hidden;
}


.short-1{
	 overflow: hidden;
	width: 260px;
	floaT: left;
	margin: 0px 25px 25px 0px;
}




.footballs-8{
	 overflow: hidden;
	width: 106%;
	floaT: left;
}

.footballs-7{
	 overflow: hidden;
	width: 100%;
	floaT: left;
}


.footballs-6{
	border-radius: 100px;
	overflow:hidden;
	 overflow: hidden;
	width: 100%;
	height: 4px;
	background:#E0E2E9;
	floaT: left;
	margin: 7px 0px 9px 0px;
}


.footballs-4 a{
	color:#2B3252;
}

.footballs-4{
	 overflow: hidden;
	floaT: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 15px 0px 0px;
	position:absolute;
	height: 20px;
	line-height: 20px;
	background:#fff;
	font-size: 18px;
	color:#2B3252;
	font-family: font-3;
	-webkit-font-feature-settings: 'case'on;font-feature-settings: 'case'on;
}

.footballs-3{
	 overflow: hidden;
	width: 100%;
	floaT: left;
	margin: 0px 0px 20px 0px;
	padding: 0px 0px;
}



.footballs-2{
	margin: 0px 25px;
}


.footballs-1{
	 overflow: hidden;
	width: 100%;
	floaT: left;
	margin: 0px 0px 20px 0px;
	background:#fff;
	border-radius: 14px;
	padding: 25px 0px 0px 0px;
}

.footballs-4 a:hover .footballs-5{
	background:#5b669b;
	-webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;
}

.footballs-4 a .footballs-5{
	-webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;
}


   .stars-n-1 img, .short-1 img {
        -webkit-transition: all .5s;
        -moz-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s;
        -webkit-filter: saturate(100%);
        filter: saturate(100%)
    }

    .stars-n-1:hover img, .short-2: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 .5s;
        -moz-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s;
        -webkit-filter: saturate(130%);
        filter: saturate(130%)
    }


.star-new-3{floaT: left;position:relative;margin: -1px 0px 0px 0px;/* height: 46px; *//* line-height: 46px; */font-family: 'font-3';font-size: 16px;color:#18191B;}


.star-nn-1, .star-nn-2 {
    width: 19px;
    height: 19px;
    font-size: 14px;
    line-height: 19px;
    text-align: center;
    color: #ffffff;
    border-radius: 100px;
    margin: 0px 0px 0px 0px;
    bottom: 0px;
    display: inline-block;
    background: #2B3252;
    content: "";
    z-index:90;
}

.star-nn-1{display: none;}


.van-div-geo-1 {
  width: 400px;
  floaT: right;
  position:relative;
  height: 47px;
  background: url(../images/title-2.png) center no-repeat;
  position:absolute;
  right: 0px;
  z-index:1;
}


.van-div-03 {
  width: 47px;
  floaT: left;
  position:relative;
  height: 47px;
  line-height: 47px;
  background: url(../images/georgia.svg) center no-repeat;
  margin: 0px 0px 0px 5px;
}



.van-div-geo.van-div-4{
  font-family: font-1;
  floaT: left;
  position:relative;
  height: 47px;
  line-height: 47px;
  margin-bottom: 15px;
  color:#0e0f12;
  overflow:hidden;
  padding: 0px 0px 0px 0px;
}

.van-div-geo.van-div-2{
  font-family: font-1;
  width: 100%;
  floaT: left;
  position:relative;
  background: #ededed url(../images/title-1.png) 0px 0px no-repeat;
  height: 47px;
  line-height: 47px;
  margin-bottom: 15px;
  margin-top: 15px;
  color:#0e0f12;
  box-shadow: 0px 0px 6px 0px rgb(22 10 88 / 23%);
}


.van-div-12{
  line-height: 16px;
  position:relative;
  overflow:hidden;
  width: 100%;
  font-size: 14px;
  height: 62px;
  floaT: left;
  margin: 0px 0px 0px 0px;
  color:#0e0f12;
  font-weight: 700;
  font-family:font-3;
-webkit-font-feature-settings: 'case'on;
font-feature-settings: 'case'on;	
}

.van-div-11{
	width: 100%;
	floaT: left;
	position:relative;
	padding: 3px 0px 10px; 0px;
	font-size: 12px;
	color:#939393;
}


.van-div-10{
	padding: 0% 7%;
}



.van-div-8 img{
    width: 100%;
    floaT: left;
    height: 180px;
    object-fit: cover;
    border-radius: 0px;
    position:relative;
    overflow:hidden;
}


.van-div-6 img{
  widtH: 100%;
}


.van-div-6{
  width: 23.27%; 	
  float: left;
  margin: 0px 0px 15px 15px;
  box-shadow: 0px 0px 6px 0px rgb(22 10 88 / 23%);
}





.van-div-04{
  padding: 0px 0px 0px 5px;
  color:#757881;
}

.van-div-4{
	color:#ededed;
	z-index:11;
  font-family: font-4;
  floaT: left;
  position:relative;
  height: 48px;
  line-height: 48px;
  margin-bottom: 15px;
  overflow:hidden;
  padding: 0px 0px 0px 0px;
  font-size: 15px;
  letter-spacing: 0px;
}

.van-div-2{
  font-family: font-1;
  width: 100%;
  floaT: left;
  position:relative;
  background:#161c2a;
  height: 48px;
  line-height: 48px;
  margin-bottom: 15px;
  margin-top: 15px;
  color:#ededed;
}


ol.sliderr > .stars-n-1:hover > a:before{
	color:#2B3252;
	transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-webkit-transition:all 0.2s ease-in-out;
}

ol.sliderr {float:left;width:100%;font-size:13px;position:relative;padding:0;list-style:none;color:#222;counter-reset:ol-counter;}
ol.sliderr > li > a{line-height:20px;float:left;width:100%;/* overflow:hidden; */position:relative;font-size:17px;display:block;color:inherit;text-decoration:none !important;padding:0px 0 0px 0px;}
ol.sliderr > li > a:before{ transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-webkit-transition:all 0.2s ease-in-out;  filter: drop-shadow(0px 1px 2.1px rgba(0, 0, 0, 0.12)); color: #2B3252;   z-index:1;right: 0px;content:counter(ol-counter);counter-increment:ol-counter;font-size:15px;font-family:font-3;width:30px;height:30px;line-height:30px;border:0px solid #eeedf7;background:#ffffff; border-radius: 100px;float:left;  margin: 115px -5px 0px 0px; z-index:111; text-align:center;position:absolute;}

.van-stars-n-2{margin:0px 15px;}

.van-stars-n-1 {
	border-radius: 0px 0px 14px 14px;
    bottom: 0px;
    float: left;
    width: 100%;
    letter-spacing: 0.3px;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(#000000e6));
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, #000000e6 70%);
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, #000000e6 70%);
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #000000e6 70%);
    background-image: -o-linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #000000e6 70%);
    background-image: -moz-linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #000000e6 70%);
    background-image: -webkit-linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #000000e6 70%);
    background-image: -ms-linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #000000e6 70%);
    color: #f7f7f7;
    text-align: left;
    padding: 30px 0px 10px 0px;
    line-height: 20px;
    position: absolute;
	font-size: 14px;
	z-indeX:1;
	font-family: font-1;
}




.star-new-2 a{
	transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-webkit-transition:all 0.2s ease-in-out;
}

.star-new-2 .user_tab li:hover a{
 color: #2B3252;
 transition:all 0.2s ease-in-out;
 -moz-transition:all 0.2s ease-in-out;
 -webkit-transition:all 0.2s ease-in-out;
}

.star-new-3 i{
 color:#008080;
}

.stars-n-1:hover .stars-n-5, .van-div-6:hover .van-div-12 {
 transition:all 0.2s ease-in-out;
 -moz-transition:all 0.2s ease-in-out;
 -webkit-transition:all 0.2s ease-in-out;
 color: #4a5483;
}

.stars-n-1 .stars-n-5, .van-div-6 .van-div-12{
 transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-webkit-transition:all 0.2s ease-in-out;
}

.star-new-1 {
	margin-bottom: 0px;
    width: 100%;
    floaT: left;
    position: relative;
   
}

.stars-n-5{
  line-height: 19px;
  position:relative;
  overflow:hidden;
  width: 100%;
  font-size: 16.2px;
  height: 75px;
  floaT: left;
  margin: 10px 0px 0px 0px;
  color: #2B3252;
  font-weight: 700;
  font-family: 'font-3';
}

.stars-n-3, .stars-n-3 img{
    width: 100%;
    floaT: left;
    height: 140px;
    object-fit: cover;
    border-radius: 14px;
    position:relative;
    overflow:hidden;
}

.stars-n-1 img{
  widtH: 100%;
}

.stars-n-1 { 
  animation: fadeIn 0.8s;
  -webkit-animation: fadeIn 0.8s;
  -moz-animation: fadeIn 0.8s;
  -o-animation: fadeIn 0.8s;
  -ms-animation: fadeIn 0.8s;
}

@keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@-moz-keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@-webkit-keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@-o-keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@-ms-keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

.stars-n-1 {
  width: 195px;
  float: left;
  margin: 0px 20px 0px 0px;
}


.stars-n-2{
  position:relative;
  overflow:hidden;
  width: 100%;
  floaT: left;
  margin: 0px 0px 0px 0px;
}

.star-new-6 li:nth-child(0) {
    display: none;
}


.star-new-05, .liv-new-5{
  width: 103%;
  floaT: left;
  position:relative;
  overflow:hidden;
}

.star-new-2{
	position:relative;
	width: 100%;
	floaT: left;
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 0px 0px;
}
.user_tab .active a{
    color: #2B3252;
}


.user_tab .active {
    color: #008080;
    opacity: 9;
}

.star-new-4 img {
    width: 24px;
    height: 24px;
    floaT: left;
    margin: -2.5px 10px 0px 0px;
}

.user_tab li a{
    color: #ACADB9;
}

.user_tab li {
    display: inline-block;
    cursor: pointer;
    text-transform: uppercase;
    font-weight: 500;
    -webkit-user-select: none;
    color: #98989A;
    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;
}

.user_tab li:before {
	border-radius: 50px;
	width: 12px;
	height: 12px;
	top: 3px;
	margin: 0px 0px 0px 0px;
	bottom: 0px;
	left: -16px;
	position: absolute;
	floaT: left;
	background: #ACADB9;
	content: "";
	z-index:90;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.user_tab li.active:before {
  background: #2B3252;
}

.user_tab li a.active{ border-radius: 100px; background:#2e6abd;color:#ededed;z-index:4;outline:none;}

.user_tab{-webkit-font-feature-settings: 'case'on;font-feature-settings: 'case'on;margin: 1px 0px -1px 0px;floaT: right;font-family: 'font-3';}
.user_tab li{border-radius: 100px;position:relative;padding: 0px 0px;display:inline-block;margin: 0px 0px 0px 30px;cursor:pointer;text-transform:uppercase;font-weight:500;-webkit-user-select:none;}
.user_tab li:hover{ 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; }


.user_tab li:hover:before {
	background: #2B3252;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}


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



   .ll-new-1 img {
        -webkit-transition: all .5s;
        -moz-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s;
        -webkit-filter: saturate(100%);
        filter: saturate(100%)
    }

    .ll-new-1: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 .5s;
        -moz-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s;
        -webkit-filter: saturate(130%);
        filter: saturate(130%)
    }



.l-slaid-2 .ll-new-3 {
    padding: 0px 30px;
}


.l-slaid-2 .ll-new-2 {
    padding: 10px 0px 0px 0px;
}


.l-slaid-2 .ll-new-6 a{
    font-size: 20px;
    line-height: 24px;
}


.l-slaid-3  .ll-new-6 a{
    padding-bottom: 0px;
}

.ll-new-6 a{
	padding-bottom: 30px;
    float: left;
    width: 100%;
    font-size: 15px;
    line-height: 19px;
    font-family: font-3;
    color:#fff;
}


.ll-new-5 a:nth-child(2){
	display: inline-flex;
}

.ll-new-5 a:hover{
	background: #333b60;
	transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;
}

.ll-new-5 a{
	transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;
	color:#fff;
	font-size: 13px;
	background: #2B3252;
	padding: 7px 10px;
	border-radius: 8px;
	display: none;
}

.ll-new-5{
	width: 100%;
	float: left;
	position:relative;
	margin-bottom: 7px;
	color:#fff;
	font-size: 0px;
}

.l-slaid-2, .l-slaid-2 img{
	height: 405px;
	overflow:hidden;
}


.l-slaid-04.l-slaid-4{
	margin-top: 25px;
}


.l-slaid-4, .l-slaid-4 img{
	height: 190px;
	overflow:hidden;
}



.ll-new-3 {
	position:relative;
    padding: 0px 20px;
}


.ll-new-2 {
    float: left;
    width: 100%;
    background: -moz-linear-gradient(top, rgb(255 0 0/0%) 0%, #000000 100%);
    background: -webkit-linear-gradient(top, rgb(255 0 0/0%) 0%, #000000 100%);
    background: linear-gradient(to bottom, rgb(255 0 0/0%) 0%, #000000 100%);
    padding: 10px 0px 20px 0px;
    font-size: 13px;
    color: #fff;
    position: absolute;
    bottom: 0px;
    z-index: 1;
}



.ll-new-1{
	width: 100%;
	position:relative;
	overflow:hidden;
	float: left;
	border-radius: 14px;
}


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

.l-slaid-3{
	width: 290px;
	floaT: right;
	margin: 0px 0px 0px 0px;
	position:relative;
}


.l-slaid-2{
	width: 530px;
	floaT: left;
	margin: 0px 0px 0px 0px;
	position:relative;
}

.center-2 .l-slaid-1{
	margin: 0px 19px;
}


.l-slaid-1{
	margin: 0px 20px;
}


.m-size-1{
	position:relative;
	z-index:1;
	overflow: hidden;
	width: 100%;
	floaT: left;
	margin: 0px 0px 20px 0px;
	background:#fff;
	border-radius: 14px;
	padding: 20px 0px 20px 0px;
}





.line-text-4::after {
	width: 70px;
	height: 46px;
	margin: 0px 0px 0px 0px;
	position: absolute;
	floaT: left;
	background: linear-gradient(270deg, #FFF 23.61%, rgba(255, 255, 255, 0.00) 100%);
	content: "";
	right: 0px;
	top: -12px;
	z-index:1;
}


.line-text-4::before {
	width: 70px;
	height: 46px;
	margin: 0px 0px 0px 0px;
	position: absolute;
	floaT: left;
	background: linear-gradient(90deg, #FFF 23.61%, rgba(255, 255, 255, 0.00) 100%);
	content: "";
	left: 0px;
	top: -12px;
	z-index:1;
}

.line-text-4{
	width: calc(100% - 170px);
	floaT: right;
	background:#fff;
	margin: 16px 10px 0px 0px;
	border-radius: 100px;
	overflow:hidden;
	position:relative;
}

.line-text-3{
	width: 120px;
	height: 28px;
	line-height: 29px;
	floaT: left;
	margin: 13px 0px 13px 13px;
	background:#2B3252;
	color:#fff;
	border-radius: 100px;
	text-align: center;
	font-family: font-3;
	-webkit-font-feature-settings: 'case'on;
	font-feature-settings: 'case'on;
	font-size: 14px;
}


.line-text-1{
	width: 100%;
	height: 54px;
	floaT: left;
	margin: 0px 0px 20px 0px;
	background:#fff;
	border-radius: 100px;
}


.line-text-4 .holder-1 .tek-l {
	display:inline;
}


.line-text-4 .holder-1 a:hover{
	color:#2B3252;
	    text-decoration: none;
    text-decoration: underline;
}

.line-text-4 .holder-1 a{
	text-decoration: none;
	font-weight: bold;
	color: #464850;
	font-size:15px;
	font-family: font-3;
	margin: 0px 30px 0px 0px;
	padding: 0px 0px 0px 30px;
	border-left: 1px #c4cad9 solid;
}




.div-home-2{
	width: 100%;
	floaT: left;
	margin: 0px 0px 0px 0px;
}


.div-home-1{
	width: 100%;
	floaT: left;
	margin: 95px 0px 0px 0px;
}


.tops-men-1#menu-3 ul:nth-child(2), .tops-men-1#menu-3 ul:nth-child(3), .tops-men-1#menu-3 ul:nth-child(4){
	margin-top: 35px;
}

#cssmenu > ul > li:hover > ul{animation:fade_in_show .3s}@keyframes fade_in_show{0%{opacity:0;transform:scale(0.4)}100%{opacity:1;transform:scale(1)}}


#cssmenu .fa-angle-down {
	background: url(../images/con-011.svg) center no-repeat;
	z-indeX: 1;
    width: 8px;
	height: 5px;
	display: inline-block;
	margin: 0px 0px 4px 2px;
}

#cssmenu li{
	display: inline-block;
}

.header-menu-1{
	width: auto !important;
	display: inline-flex;
	floaT: right;
	margin: 0px 0px 0px 0px;
}



.header-8 ul li a{
	color: #626878;
	-webkit-transition:all .5s;
	-moz-transition:all .5s;
	-o-transition:all .5s;
	transition:all .5s;
}

.header-8{
	widtH: 100%;
	line-height: 20px;
	border-radius: 5px;
	floaT: left;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px 0px;
}




#cssmenu ul li ul li img{
    width: 20px;
    height: 20px !important;
    padding: 0px 0px;
    line-height: 0px;
    margin: 0px 5px 0px 0px;
    floaT: left;
    border-radius: 5px;
}

#menu-1 .menu-titl-1 a:hover, #menu-2 .menu-titl-1 a:hover, #menu-3 .menu-titl-1 a:hover, #menu-4 .menu-titl-1 a:hover, #menu-5 .menu-titl-1 a:hover, #menu-6 .menu-titl-1 a:hover, #menu-7 .menu-titl-1 a:hover, #menu-8 .menu-titl-1 a:hover, #menu-9 .menu-titl-1 a:hover {
		color:#222  !important;
    text-decoration: blink !important;
    text-decoration: underline;
    cursor: default;
}

#menu-1 .menu-titl-1 a, #menu-2 .menu-titl-1 a, #menu-3 .menu-titl-1 a, #menu-4 .menu-titl-1 a, #menu-5 .menu-titl-1 a, #menu-6 .menu-titl-1 a, #menu-7 .menu-titl-1 a, #menu-8 .menu-titl-1 a, #menu-9 .menu-titl-1 a{
	font-family: font-4 !important;
	font-weight: 700 !important;
	font-size: 18px;
	margin-bottom: 10px !important;
}

#menu-1 ul, #menu-2 ul, #menu-3 ul, #menu-4 ul, #menu-5 ul, #menu-6 ul, #menu-7 ul, #menu-8 ul, #menu-9 ul{
    width: 100%;
    max-height: 0;
    position: relative !important;
    background: #fff;
}

body #menu-1 li, body #menu-2 li, body #menu-3 li, body #menu-4 li, body #menu-5 li, body #menu-6 li, body #menu-7 li, body #menu-8 li, body #menu-9 li {
    width: 100%;
    /* max-height: 0; */
    position: relative !important;
    background: #fff;
}


body #menu-3 ul, body #menu-4 ul, body #menu-5 ul, body #menu-6 ul, body #menu-7 ul, body #menu-8 ul, body #menu-9 ul{
	width: 200px !important;
	height: auto !important;position:relative !important;floaT: left;top: 0px !important;
	}

#cssmenu > ul li:hover a {
    color: #2B3252 !important;
}

#cssmenu > ul li:hover li a {
    color: #2B3252 !important;
}


body #menu-2 ul{ 
width: 31.3% !important;
}


body #menu-1 .menu-t-1{width: 35% !important;}


body #menu-1 ul{ 
width: 29.1% !important;
height: auto !important;
position:relative !important;
floaT: left;
top: 0px !important;
}



#cssmenu ul li a {
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

#cssmenu ul li:hover ul {
    width: 100%;
    floaT: left;
    max-height: 300px;
    /* overflow: hidden; */
}

#cssmenu ul li ul {
    width: 100%;
    max-height: 0px;
    /* overflow: hidden; */
}

#cssmenu ul li ul {
    width: 100%;
    max-height: 0px;
    /* overflow: hidden; */
}


#cssmenu ul li:hover ul ul {
	padding: 1px 4px 0px 8px;
	}

#cssmenu ul li:hover ul {
	padding: 20px 0px 10px 12px;
	position: absolute;
	left: 0px !important;
	/* overflow: hidden; */
	z-index: 9999;
	opacity: 9;
	display: block !important;
}

#cssmenu ul li ul {
	box-shadow: 0px 0px 0px 0px #fff;
	position: absolute;
	/* overflow: hidden; */
	z-index: 9;
	opacity: 9;
	display: none;
}

#cssmenu ul li ul li {
	width: 100%;
	position: absolute;
}


#cssmenu ul li ul li a:hover, #cssmenu ul li ul .m-col-aa a  {
    color: #656f9f;
    border: 0px solid rgb(185 189 209 / 40%);
    background: rgb(185 189 209 / 0%);
}


#cssmenu ul li ul li a {
		-webkit-font-feature-settings: inherit !important;
		font-feature-settings: inherit !important;
		letter-spacing: -0.3px;
		text-align: left;
		line-height: 20px;
		font-family: font-1;
		font-weight: 800;
		font-size: 14.5px;
		font-weight: 100;
		float: left;
		opacity: 9;
		color: #5c5c78;
		border: 0px solid #e1e6ed;
		width: 100%;
		height: 30px;
		padding: 0px 0px;
		margin: 0px 0px 0px 0px !important;
		border-radius: 8px;
		line-height: 20px;
}

#cssmenu ul li ul li a:hover {
    opacity: 70%;
}


#cssmenu > ul > li > ul > li {
    width: 100%;
    float: left;
    padding: 0px;
    z-index: 99;
    max-height: 72px;
    position: relative;
    height: auto;
}

#cssmenu > ul > li > ul {
    padding: 0% 0%;
    background: #fff;
    font-family: font-2;
    width: 96% !important;
    display: block;

}




.right-menu-icon-04 { 
    background: url(../images/menu-i-4.svg) center no-repeat;
}


.right-menu-icon-03{
    background: url(../images/menu-i-3.svg) center no-repeat;
}

.right-menu-icon-02{
    background: url(../images/menu-i-2.svg) center no-repeat;
}

.right-menu-icon-01{
    background: url(../images/menu-i-1.svg) center no-repeat;
}


.right-menu-icon-01, .right-menu-icon-02, .right-menu-icon-03, .right-menu-icon-04 {
    opacity: 9;
    text-align: center;
    position: absolute;
    top: 50%;
    color: #fff;
    font-size: 30px;
    font-family: font-1;
    letter-spacing: 0.2px;
    left: 0;
    width: 100%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 1;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    }


.right-menu-icon-01, .right-menu-icon-02, .right-menu-icon-03, .right-menu-icon-04{
    width: 70px;
    height: 25px;
}



.right-menu-1 li:hover::before, .right-menu-1 li:hover::after {
    width: 100%;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.right-menu-1 li::before{
lefT: 0% !important;
}

.right-menu-1 li::after{
right: 0% !important;
}

.right-menu-1 li::before, .right-menu-1 li::after {
    width: 0%;
    height: 5px;
    bottom: 0px;
    position: absolute;
    background: #0092c1;
    content: "";
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.right-menu-1 li::before {
    left: 0px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.right-menu-1 li{
    float: left;
    position: relative;
    overflow:hidden;
    margin: 0px 0px; 
    width: 70px;
    height: 70px;
    border-lefT: 0px #ddd solid;
}

.right-menu-1 {
    float: right;
}


body #cssmenu .menu-t-1 .menu-titl-1 a:hover{
	color:#222 !important;
}





body #cssmenu #menu-1 .menu-t-1{
	background: url(../images/menu-1.png) 0px 0px no-repeat;
}

#cssmenu ul li ul .menu-titl-1 :hover {
	background:rgb(255 255 255 / 0%);
}


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



.menu-t-1 .menu-img-1 {
	width: 25px !important;
    height: 25px !important;
    width: auto;
    margin: -2px 10px 0px 8px;
    floaT: left;
}

.menu-img-1 {
	width: 20px !important;
    height: 20px !important;
    width: auto;
    margin: 0px 10px 0px 8px;
    floaT: left;
}


#cssmenu .menu-t-1 .menu-titl-1 a {
	font-family: font-4 !important;
	border-bottom: 1px rgb(58 60 60 / 15%) solid;
	border-radius: 0px;
	padding: 0px 0px 14px 0px;
}

.darken #cssmenu ul li ul li a:hover, #cssmenu ul li ul .m-col-aa a  {
    color: #2B3252;
    border: 0px solid rgb(185 189 209 / 15%) !images;
    background: rgb(185 189 209 / 0%) !important;
}


.darken #cssmenu ul li ul li a{
	border: 0px solid #3c446a !important;
}

body #cssmenu #menu-3 ul {
    width: 100%;
    floaT: left;
    /* height: 260px !important; */
    /* overflow: hidden; */
}

body #cssmenu #menu-2 ul {
    width: 100%;
    floaT: left;
    height:60px !important;
    overflow: hidden;
}

body #cssmenu #menu-1 ul {
    width: 100%;
    floaT: left;
    height: 172px !important;
    overflow: hidden;
}

#cssmenu ul li:hover, #cssmenu ul .m-col-a {
	    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    color: #2B3252 !important;
    background: url(../images/hov.svg)  center 53px no-repeat;
}


#cssmenu ul li {
	    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    background: url(../images/hov.svg)  center 80px no-repeat;
}


#cssmenu a {
position:relative;
}



#cssmenu #menu-1, #cssmenu #menu-2, #cssmenu #menu-3, #cssmenu #menu-4, #cssmenu #menu-5, #cssmenu #menu-6, #cssmenu #menu-7{
	lefT: 0px !important;
	lefT: 0px !important;
	top: 75px;
	box-shadow: 0px 1px 10px 0px rgb(42 42 42 / 9%);
	border-radius: 0px 0px 14px 14px;
}


.brendebi-1{
	z-index:1;
	widtH: 100%;
	height: 125px;
	line-height: 20px;
	position:relative;
	overflow:hidden;
	floaT: left;
	margin: 20px 0px 0px 0px;
	padding: 0px 0px 15px 0px;
}


.header-9 .fab{
color:#1976d2;
font-size: 15px;
margin: 0px 0px 0px 5px;
}

.header-9 a:hover{
	color:#1976d2 !important;
}
.header-9{
	padding: 12px 0px 15px 18px;
	line-height: 20px;
	position:relative;
	overflow:hidden;
	floaT: right;
	margin: 0px 0px 0px 0px;
	font-size: 14px;
	font-family: font-1;
}

.header-8 ul li ul li a{
	font-size: 16px;
}


.header-8 ul li a{
	line-height: 20px;
	position:relative;
	-webkit-font-feature-settings: 'case'on;
	font-feature-settings: 'case'on;
	floaT: left;
	font-size: 16px;
	font-family: font-3;
	margin: 0px 0px;
	padding: 28.3px 8px 26.3px 8px;
	letter-spacing:0.01em;
}

.dzebna-n-1 .btn-1 {
	   -webkit-transition: all 0.4s;
    font-family: font-1;
    position: absolute;
    right: 0;
    width: 37px;
    height: 33px;
    line-height: 33px;
    cursor: pointer;
    color: #687183;
    text-align: center;
    background: #fff url(../images/con-007.svg) center no-repeat;
    border: 0;
    top: 0;
    margin: 0;
    overflow: hidden;
    font-size: 15px;
    letter-spacing: 1px;
    border-radius: 0;
    margin-top: 0;
}

.dzebna-n-1,  #searchsuggestions {
	/* width: 260px; */
}


.dzebna-n-1 {
    margin: 0px 0px;
    height: 33px;
    float: right;
    position: relative;
    overflow: hidden;
    border-radius: 100px;
}

 .dzebna-n-1 .q_search input:focus,  #searchsuggestions{
        widtH: 300px;
    }

    
     .dzebna-n-1 .q_search input:focus{
        transition: all 0.7s;
        -webkit-transition: all 0.4s;
    }


.dzebna-n-1 .q_search input {
	-webkit-transition: all 0.4s;
    color:  #8C8D90;
    font-family: font-1;
    float: left;
    top: 0 !important;
    text-indent: 15px;
    height: 33px;
    padding: 0;
    width: 240px;
    background: #fff;
    border: 0 solid #ffffff;
    margin: 0;
    font-size: 15px;
    letter-spacing: 0px;
    border-radius: 3px;
}

.k-sms-1:hover {
    background: #2B3252 url(../images/con-0008.svg) center no-repeat;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
}

.k-sms-1 {
    cursor: pointer;
    overflow:hidden;
    width: 33px;
    height: 33px;
    line-height: 40px;
    floaT: right;
    position:relative;
    margin: 0px 0px 0px 12px;
    border-radius: 100px;
    background: #fff url(../images/con-008.svg) center no-repeat;
    text-align: center;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
}






.van-div-01:hover.van-div-2 path, .van-div-02:hover.van-div-2 path, .van-div-03:hover.van-div-2 path{
   fill: #ededed;
    -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-03:hover .swore-03{  
	opacity:9;
	 -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
}

.van-div-02:hover .swore-02{  
	width: 100%;
	height: 100%;
	floaT: left;
	lefT: 0px;
	top: 0px;
	z-index:1;
	position:absolute;
	background: #37B6FD url(../images/soc-02.svg) center no-repeat !important;
    -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
}

.van-div-02 .swore-02{  
	width: 100%;
	height: 100%;
	floaT: left;
	lefT: 0px;
	top: 0px;
	z-index:1;
	position:absolute;
	background: url(../images/soc-2.svg) center no-repeat;
    -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
}

.van-div-01 .swore-01{  
	width: 100%;
	height: 100%;
	floaT: left;
	lefT: 0px;
	top: 0px;
	z-index:1;
	position:absolute;
	background: url(../images/soc-1.svg) center no-repeat;
    -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
}

.van-div-03 .swore-03{
	opacity:0;
	background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
	width: 100%;
	height: 100%;
	floaT: left;
	lefT: 0px;
	top: 0px;
	z-index:1;
	position:absolute;
    -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
}


.van-div-01:hover .swore-01{  
	width: 100%;
	height: 100%;
	floaT: left;
	lefT: 0px;
	top: 0px;
	z-index:1;
	position:absolute;
	background: #3B64B4 url(../images/soc-01.svg) center no-repeat !important;
    -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
}

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


.van-div-03:hover .swore-3{
		background: url(../images/soc-03.svg) center no-repeat;
	   -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
}

.swore-3{
		background: url(../images/soc-3.svg) center no-repeat;
		floaT: left;
		z-indeX: 11;
		width: 100%;
		position:absolute;
		text-align: center;
		left: 0px;
		height: 32.5px;
	   -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
}

.swore-2{
    floaT: left;
    z-indeX:0;
    width: 100%;
    position:absolute;
    text-align: center;
    left: 0px;
    height: 33px;
}

.swore-1{
    floaT: left;
    z-indeX:0;
    width: 100%;
    position:absolute;
    text-align: center;
    left: 0px;
    height: 33px;
}

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

.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;
    margin-bottom: 20px;
    float: left;
    position: absolute;
    margin-top: 55px;
    widtH: 100%;
    height: 75px;
    background: #ffffff;
    line-height: 50px;
}


.logo-2 svg{
    widtH: 130px !important;
	height: 45px;
    line-height: 0px;
    float: left;
    position: relative;
}


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

.logo-1 {
    width: 155px;
    height: 75px;
    line-height: 75px;
    margin: 0px 0px;
    float: left;
    position: relative;
}

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

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

.van-div-9{
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    width: 21px;
    height: 21px;
    floaT: left;
    margin: 6px 0px 6px 0px;
    background: #2B3252 url(../images/con-009.svg) center no-repeat;
    border-radius: 100px;
}


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



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

.van-div-10{
	/* display: none; */
	cursor: pointer;
	overflow:hidden;
	width: 44px;
	height: 35px;
	line-height: 36px;
	floaT: right;
	position:relative;
	margin: 0px 0px 0px 0px;
	border-radius: 500px;
	background: #008080;
	text-align: center;
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	-o-transition: all .2s;
	transition: all .2s;
}


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


.van-div-3{
    margin-top: 11px;
}


.van-div-4{
      cursor: pointer;
      overflow:hidden;
      width: 85px;
      height: 33px;
      line-height: 40px;
      floaT: right;
      position:relative;
      margin: 0px 0px 0px 12px;
      border-radius: 100px;
      background: #ffffff url(../images/new-con-010.svg) center no-repeat;
      text-align: center;
      -webkit-transition: all .2s;
      -moz-transition: all .2s;
      -o-transition: all .2s;
      transition: all .2s;
}


.header-1 {
    float: left;
    position: relative;
    widtH: 100%;
    height: 55px;
    background: #F1F1F1;
    line-height: 55px;
}

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




/*-- RESPONSIVE --*/
@media (min-width:1000px) and (max-width:1100px){
.f-club-2 img{
    transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;
}

.f-club-2:hover img{
	transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;
	        -moz-transform: scale(1.07);
        -webkit-transform: scale(1.07);
        -o-transform: scale(1.07);
        -ms-transform: scale(1.07);
        transform: scale(1.07);
}

.f-club-2:hover{
	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 10px 1px rgb(30 147 119 / 30%);
}


.f-club-02{
	width: 200px;
	margin: auto;
}


.f-club-2{
	transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;
	width: 200px;
	height: 50px;
	border-radius: 100px;
	line-height: 65px;
	margin: auto;
	box-shadow: 0px 0px 10px 1px rgb(43 185 151 / 0%);
}




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


.full-s-2 .slick-prev:after{right:0px;top:0px;-webkit-transform:skew(0deg, 0deg);-ms-transform:skew(0deg, 0deg);transform:skew(0deg, 0deg);}

.full-s-2 .slick-next:before{
	width: 30px;
	height: 30px;
	background: url(../images/next-1.svg) 12px 11px  no-repeat;
	content: "";
	position:absolute;
	lefT: 0px;
}

.full-s-2 .slick-prev:after{
	width: 30px;
	height: 30px;
	background: url(../images/next-2.svg) 12px 11px  no-repeat;
	content: "";
	position:absolute;
	lefT: 0px;
}


.full-s-2 .slick-next{
	right: 15px;
}

.full-s-2 .slick-prev{
	left: 15px !important;
}

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

.full-s-2 .slick-next, .full-s-2 .slick-prev{
	background-color: #2B3252;
	border: 0;
	floaT:left;
	border-radius: 100px;
	font-size:0px !important;
	z-index:9;
	line-height:40px;
	position:absolute;
	display:block !important;
	width: 30px !important;
	height: 30px !important;
	padding:0;
	cursor:pointer;
	}


.full-s-2 .slick-dots li{background: rgb(255 255 255 / 25%);border-radius:10px;position:relative;display:inline-block;width:10px;height:10px;margin:0 2px;padding:0;cursor:pointer;}
.full-s-2 .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;}

.full-s-2 .slick-dots{lefT: 0px; bottom: 20px !important; top: inherit !important; width: 100% !important;position:absolute;padding:0;margin:0;list-style:none;text-align:center;z-index:9;}
.full-s-2 .slick-dots .slick-active{background: #ededed;border-radius:100px;}


.full-s-2{
	width: 100%;
	position:relative;
	overflow:hidden;
	float: left;
	margin: 0px 0px 10px 0px;
	border-radius: 14px;
}

.ms-a-short-1{
	floaT: right;
	position:absolute;
	right: 0px;
	bottom: 25px;
}

.ms-a-short-3{
	font-family: font-3;
	floaT: left;
	height: 16px;
	border-radius: 14px;
	position:relative;
	margin: 6px 0px 10px 15px;
	color:#888A8E;
}

.ms-a-short-2{
	float: left;
	position:relative;
	margin-bottom: 0px;
	color:#fff;
	font-size: 0px;
}

.ms-a-short-2 a:nth-child(2){
	display: inline-flex;
}

.ms-a-short-2 a:hover{
	background: #333b60;
	transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;
}

.ms-a-short-2 a{
	transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;
	color:#fff;
	font-size: 13.5px !important;
	background: #2B3252;
	padding: 7px 14px;
	border-radius: 100px;
	display: none;
}


.light-mode .ms-a-short-1{
	display: block;
}

.light-mode .ms-short-5, .light-mode .ms-a-short-1{
	width: calc(100% - 260px);
}

.light-mode .ms-short-5{
	font-size: 17px;
	line-height: 21px;
	color: #2B3252;
	floaT: right;
	height: 85px;
	object-fit: cover;
	position:relative;
	overflow:hidden;
	margin: 0px 0px 0px 0px;
	font-family: font-3;
}


.light-mode .ms-short-1{
	position:relative;
	overflow: hidden;
	width: 745px;
	floaT: left;
	margin: 0px 0px 25px 0px;
	padding-bottom: 25px;
	border-bottom: 1px #E0E2E9 solid;
}

.light-mode .ms-short-3, .light-mode .ms-short-3 img{
    width: 240px;
    floaT: left;
    height: 160px;
    object-fit: cover;
    border-radius: 14px;
    position:relative;
    overflow:hidden;
}



.light-mode .ms-a-short-01{
display: none;	
}

.div-left-menu-001.div-left-menu-1 {
    margin: -5px -5px -3px 0px;
    height: 30px;
    border: 0px;
}


.ms-a-short-01 a{
	color:#7E7F83;
}

.ms-a-short-01{
	font-size: 15px;
	-webkit-font-feature-settings: 'case'on;font-feature-settings: 'case'on;
	width: 100%;
	floaT: left;
	position:relative;
	font-family: font-3;
	color:#7E7F83;
	margin: 17px 0px 10px 0px;
}



.ms-a-short-02{
	float: right;
	position:relative;
	margin-bottom: 0px;
	font-size: 0px;
}

.ms-a-short-02 a:nth-child(2){
	font-size: 16px;
	display: inline-flex;
}

.ms-a-short-02 a:hover{
	color: #333b60;
	transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;
}

.ms-a-short-02 a{
	transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;
	display: none;
}

.ms-short-1 img {
        -webkit-transition: all .5s;
        -moz-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s;
        -webkit-filter: saturate(100%);
        filter: saturate(100%)
    }

.ms-short-2: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 .5s;
        -moz-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s;
        -webkit-filter: saturate(130%);
        filter: saturate(130%)
    }


.ms-short-2:hover .ms-short-5 {
 transition:all 0.2s ease-in-out;
 -moz-transition:all 0.2s ease-in-out;
 -webkit-transition:all 0.2s ease-in-out;
 color: #4a5483;
}


.ms-short-5{
	font-size: 17px;
	color: #2B3252;
	width: 100%;
	floaT: left;
	height: 63px;
	object-fit: cover;
	position:relative;
	overflow:hidden;
	margin: 0px 0px 0px 0px;
	font-family: font-3;
}

.ms-a-short-1{
	display: none;
}


.ms-short-4{
	font-size: 16px;
	font-family: font-3;
	floaT: left;
	height: 16px;
	object-fit: cover;
	position:relative;
	overflow:hidden;
	margin: 0px 0px 0px 0px;
	color: #7E7F83;
}

.ms-short-3, .ms-short-3 img{
    width: 100%;
    floaT: left;
    height: 240px;
    object-fit: cover;
    border-radius: 14px;
    position:relative;
    overflow:hidden;
}

.ms-short-1{
	 overflow: hidden;
	width: 360px;
	floaT: left;
	margin: 0px 25px 25px 0px;
}


.fo-msg-7{
	 overflow: hidden;
	width: 106%;
	floaT: left;
}

.fo-msg-6 {
	 overflow: hidden;
	width: 100%;
	floaT: left;
	margin: 20px 0px 0px 0px;
}


.fo-msg-5{
	border-radius: 100px;
	overflow: hidden;
	width: 13px;
	height: 13px;
	background:#2B3252;
	floaT: left;
	margin: 3.5px 5px 0px 0px;
}


.fo-msg-4 a{
	color:#2B3252;
}

.fo-msg-4{
	 overflow: hidden;
	floaT: left;
	margin: 2px 0px 0px 0px;
	padding: 0px 15px 0px 0px;
	position: relative;
	height: 20px;
	line-height: 20px;
	background:#fff;
	font-size: 18px;
	color:#2B3252;
	font-family: font-3;
	-webkit-font-feature-settings: 'case'on;font-feature-settings: 'case'on;
}

.fo-msg-3{
	width: 100%;
	floaT: left;
	position:relative;
}

.fo-msg-2{
	margin: 0px 25px;
}


.fo-msg-1{
	 overflow: hidden;
	floaT: left;
	margin: 25px 0px 0px 0px;
	background: #fff;
	border-radius: 14px;
	padding: 22px 0px 0px 0px;
}

.light-mode .div-left-menu-2  {
	 cursor: pointer;
}

.light-mode .div-left-menu-3  {
	cursor: default !important;
}


.div-left-menu-3  {
    	cursor: pointer;
}



.a-short-3{
	font-size: 14px;
	font-family: font-1;
	floaT: left;
	height: 16px;
	border-radius: 14px;
	position:relative;
	margin: 2px 0px 0px 10px;
	color:#888A8E;
}

.a-short-2{
	float: left;
	position:relative;
	margin-bottom: 0px;
	color:#fff;
	font-size: 0px;
}

.a-short-2 a:nth-child(2){
	display: inline-flex;
}

.a-short-2 a:hover{
		color: #333b60;
	transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;
}

.a-short-02.a-short-2{
	margin: 8.5px 0px 0px 0px;
	floaT: right;
}


.a-short-2 a{
	font-family: font-1;
	transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	color:#7E7F83;
	font-size: 14px !important;
	padding: 4px 0px;
	border-radius: 100px;
	-webkit-font-feature-settings: 'case'on;font-feature-settings: 'case'on;
	display: none;
}

.a-short-1{
	display: none;
}


.light-mode .a-short-1{
	display: block;
}


.a-short-1{

	floaT: right;
	position:absolute;
	right: 0px;
	bottom: 0px;
}

.light-mode .short-5, .light-mode .a-short-1{
	width: calc(100% - 210px);
}

.light-mode .short-5{
	font-size: 17px;
	line-height: 21px;
	color: #2B3252;
	floaT: right;
	height: 85px;
	object-fit: cover;
	position:relative;
	overflow:hidden;
	margin: 0px 0px 0px 0px;
	font-family: font-3;
}

.light-mode .short-4{
	display: none;
}


.light-mode .short-3, .light-mode .short-3 img{
    width: 190px;
    floaT: left;
    height: 140px;
    object-fit: cover;
    border-radius: 14px;
    position:relative;
    overflow:hidden;
}

.light-mode .a-short-02.a-short-2{
	display: none;
}

.light-mode .short-1{
	position:relative;
	overflow: hidden;
	width: 460px;
	floaT: left;
	margin: 0px 20px 20px 0px;
}


/*-- dark --*/

.div-left-menu-3 ::after {
    width: 100%;
    height: 100%;
    lefT: 0px;
    top: 0px;
    position: absolute;
    content: "";
   	background: rgba(255, 255, 255, 0.04) url(../images/con-033.svg) center no-repeat;
   	opacity: 100%;
}

.div-left-menu-3  {
	    cursor: pointer;
	width: 35px;
	height: 35px;
	line-height: 35px;
	border-radius: 0px;
	float: left;
	position:relative;
	overflow:hidden;
	margin: 0px 0px 0px 0px;
}


.div-left-menu-2 ::after {
    width: 100%;
    height: 100%;
    lefT: 0px;
    top: 0px;
    position: absolute;
    content: "";
   	background: rgba(255, 255, 255, 0.04) url(../images/con-030.svg) center no-repeat;
   	opacity: 100%;
}
.div-left-menu-2  {
	width: 35px;
	height: 35px;
	line-height: 35px;
	border-radius: 0px;
	float: left;
	position:relative;
	overflow:hidden;
	margin: 0px 0px 0px 0px;
}

.light-mode .div-left-menu-2 {
    background: #fff !important;
    color: #aeadbb;
    box-shadow: 0px 0px 0px 0px #aeadbb;
    opacity: 50%;
     
}
.light-mode .div-left-menu-3 {
    box-shadow: 0px 0px 0px 0px #aeadbb;

   
}
.dark-mode .div-left-menu-3 {
    background: #fff !important;
    box-shadow: 0px 0px 0px 0px #aeadbb;
     opacity: 50%;
}


.div-left-menu-1 button {
	padding: 0px;
	display: inline-block;
    border: 0px;
    background: rgba(0, 0, 0, 0);
}
.div-left-menu-1 {
    margin: 18px 20px -3px 0px;
    height: 30px;
    float: right;
    font-family: font-1;
    font-size: 12px;
    position: relative;
    overflow:hidden;
    border: 0px;
}



.quote_block{
	width: 100%;
	floaT: left;
	position:relative;
	margin-top: 25px;
	margin-bottom: 21px;
}

.quote_block::after{
	position:absolute;
    width: 40px;
    height: 40px;
    floaT: left;
    top: -20px;
    left: 25px;
    margin: 0px 0px 0px 0px;
    background: #2B3252 url(../images/con-028.svg) center no-repeat;
    content: "";
    border-radius: 12px;
}

.scriptcode, .title_quote, .title_spoiler, .text_spoiler, .quote { position:relative;  padding: 25px 30px 20px 30px; background: #F1F1F1; border-radius: 14px;   }


.quote_body.contenteditable p{
	color: #2B3252 !important;
	font-family: font-1;
}


.footbaalls-5{
	color: #2F54FF;
	font-style: normal;
font-variant: all-small-caps;
}


.ful-1 .fli-1 .footballs-2{
	margin: 0px 25px;
}


.ful-1 .fli-1.footballs-1{
	 overflow: hidden;
	floaT: left;
	margin: 0px 0px 0px 0px;
	background: #fff;
	border-radius: 14px;
	padding: 20px 0px 20px 0px;
}

.ht-left-icon-2{
    position:relative;
    display: inline-flex;
    background: url(../images/con-026.svg) 0px 0px no-repeat;
    width: 20px;
    height: 22px;
    floaT: left;
    margin: 2.1px 1px 0px 0px;
}

.ht-left-icon-1{
    position:relative;
    display: inline-flex;
    background: url(../images/con-024.svg) 0px 0px no-repeat;
    width: 22px;
    height: 22px;
    floaT: left;
    margin: 2.1px 1px 0px 0px;
}

.ht-left-8 a:hover{
	color:#2B3252;
	background-color: rgb(241 241 241 / 50%);
	-webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
}
.darken .ht-left-8 a{
	color:#d1d3dd;
	background: #202A50 url(../images/sol-1.svg) 20px center no-repeat !important;
}
.ht-left-8 a{
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	-o-transition: all .2s;
	transition: all .2s;
	text-indent:0px;
	width: 100%;
	floaT: left;
	position:relative;
	color:#2B3252;
	margin: 0px 0px 10px 0px;
	background: #F1F1F1 url(../images/zo-1.svg) 20px center no-repeat;
	font-family: font-3;
	font-size: 17px;
	padding: 17px 15px 17px 45px;
	border-radius: 14px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.ht-left-8 {
	width: 100%;
	floaT: left;
	position:relative;
	color:#000;
	margin: 5px 0px 0px 0px;
}


.fa-minus-1{
    display: inline-flex;
    background: url(../images/con-034.svg) center no-repeat;
    width: 100%;
    height: 100%;
    floaT: left;
    margin: 0px 0px 0px 0px;
}

.fa-plus-1{
    display: inline-flex;
    background: url(../images/con-035.svg) center no-repeat;
    width: 100%;
    height: 100%;
    floaT: left;
    margin: 0px 0px 0px 0px;
}

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

.fullstor-14 {
	floaT: right;
	position:relative;
	margin: 3px 15px 0px 0px;
	font-family: font-1;
	font-size: 15px;
	color: #2B3252;
}

.container b{
font-family: font-3 !important;
}

.container p{
	line-height: 22px;
	font-size: 16px;
	color:#222222;
}

.container{
	width: 100%;
	floaT: left;
	position:relative;
	margin: 0px 0px 10px 0px;
	line-height: 23px;
	color:#0e0e0e
}

.fullstor-13 #decreaseFont:hover, .fullstor-13 #increaseFont:hover {
    opacity: 80%;
    cursor: pointer;
    -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
}

.fullstor-13 #increaseFont {
	-webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
    color: #0e1523 !important;
    border: 0px solid #CFD5DF;
    background: #2B3252;
    font-weight: 700;
    font-style: normal;
    font-size: 15px;
    z-index: 100;
    width: 28px;
    height: 28px;
    line-height: 28px;
    float: right;
    text-align: center;
    border-radius: 100px;
    margin-top: 0px;
}


.fullstor-13 #decreaseFont {
	-webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
    color: #0e1523 !important;
    border: 0px solid #CFD5DF;
    font-weight: 500;
    background: #D8E1EF;
    font-style: normal;
    font-size: 15px;
    z-index: 100;
    width: 28px;
    height: 28px;
    line-height: 28px;
    float: left;
    margin-right: 10px;
    text-align: center;
    border-radius: 100px;
    margin-top: 0px;
}

.fullstor-12 {
	floaT: right;
	position:relative;
	margin-top: 0px;
	/* margin-bottom: -9px; */
}


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


.ht-left-4{
	position:relative;
	float: left;
	margin: 0px 30px 0px 0px;
}

.ht-left-3{
	position:relative;
	float: left;
	color: #2B3252;
	margin: 5px 0px -4px 0px;
	font-family: font-1;
}

.ht-left-2{
	width: 100%;
	position:relative;
	float: left;
	font-size: 15px;
	line-height: 20px;
	font-family: font-3;
	color:#818284;
	margin: 20px 0px 20px 0px;
}


.full-size-02 h1{
	width: 100%;
	position:relative;
	float: left;
	font-size: 26px;
	line-height: 25px;
	letter-spacing: -0.3px;
	font-family: font-3;
	color:#242527;
	-webkit-font-feature-settings: 'case'on; font-feature-settings: 'case'on;
	margin: 0px 0px 15px 0px;
}

.ht-left-6 a:hover{
	background: #333b60;
	transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;
}

.ht-left-6 a{
    position: relative;
    background: #2B3252;
    border-radius: 10px;
    color: #f7f7f7;
    padding: 7px 12px;
    font-size: 14px;
    font-family: font-2;
    z-index:1;
    margin: 0px 10px 0px 0px;
     transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-webkit-transition:all 0.2s ease-in-out;
}

.ht-left-6 {
    position: absolute;
    left: 5px;
    color: #f7f7f7;
    padding: 10px 12px;
    font-size: 0px;
    font-family: font-2;
    bottom: 15px;
    z-index:1;
}


.ht-left-5, .ht-left-5 img{
	width: 100%;
	object-fit: cover;
	border-radius: 14px;
	overflow:hidden;
	position:relative;
	float: left;
}

.full-size-2{
	margin: 0px 25px;
}

.ht-left-5 img, .ht-left-5{
	width: 100%;
	height: 430px;
	position:relative;
	floaT: left;
	object-fit: cover;
}


.full-size-1{
	 overflow: hidden;
	floaT: left;
	margin: 0px 0px 20px 0px;
	background:#fff;
	border-radius: 14px;
	padding: 25px 0px 20px 0px;
}



.ful-1 .no-no-1{
	background:rgb(255 255 255 / 0%);
}

.ful-1 .footballs-2{
	margin: 0px 0px;
}


.ful-1 .footballs-1{
	 overflow: hidden;
	width: 100%;
	floaT: left;
	margin: 0px 0px 0px 0px;
	background:rgb(255 255 255 / 0%);
	border-radius: 0px;
	padding: 0px 0px 0px 0px;
}






.ko-sm-15 .ko-sm-16 {
	transition:all 0.2s ease-in-out;
	-moz-transition:all 0.2s ease-in-out;
	-webkit-transition:all 0.2s ease-in-out;
}

.ko-sm-15:hover .ko-sm-16 {
	transition:all 0.2s ease-in-out;
	-moz-transition:all 0.2s ease-in-out;
	-webkit-transition:all 0.2s ease-in-out;
	background-color:#414a70;
}


.ko-sm-015 .ko-sm-16{
    background: #353D5F url(../images/con-042.svg) center no-repeat;
}


.ko-sm-16{
    overflow:hidden;
    width: 45px;
    height: 45px;
    floaT: left;
    position:relative;
    background: #353D5F url(../images/con-040.svg) center no-repeat;
    border-radius: 10px;
    margin: 0px 10px 0px 0px;
}

.ko-sm-015.ko-sm-15{
	floaT: right !important;
}

.ko-sm-15{
	font-family: font-3;
	line-height: 45px;
	floaT: left;
	position:relative;
}


.ko-sm-14{
	width: 100%;
	floaT: left;
	position:relative;
	margin-top: 30px;
}



.ko-sm-19{  
	width: 16px;
	height: 16px;
	z-index:1;
	margin: 0px 2px -2px 0px;
	display: inline-block;
	background: url(../images/con-038.svg) center no-repeat;
}


.ko-sm-13{
	width: 380px;
	position:relative;
	margin: auto;
}


.ko-sm-18: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:#414a70;
}

.ko-sm-18 {
	transition:all 0.2s ease-in-out;
	-moz-transition:all 0.2s ease-in-out;
	-webkit-transition:all 0.2s ease-in-out;
	width: 100%;
	position:relative;
	float: left;
	color:#fff;
	height: 50px;
	line-height: 50px;
	font-family: font-3;
	border-radius: 10px;
	background:#353D5F;
	text-align: center;
	-webkit-font-feature-settings: 'case'on;
	font-feature-settings: 'case'on;
}


.ko-sm-17{
	margin-top: 20px;
	width: 100%;
	position:relative;
	float: left;
}

.ko-sm-12 a{
	color:#fff;
}

.ko-sm-12{
	width: 100%;
	position:relative;
	float: left;
	color:#fff;
}



.ko-sm-11 .swore-3{
		background: url(../images/soc-03.svg) center no-repeat;
}

.ko-sm-11 .van-div-02 .swore-02{  
	background: url(../images/soc-02.svg) center no-repeat;
}

.ko-sm-11 .van-div-01 .swore-01{  
	background: url(../images/soc-01.svg) center no-repeat;
}

.ko-sm-11 .van-div-2{
	background: #3a4470;
}

.ko-sm-11{
	width: 180px;
	position:relative;
	margin: auto;
}

.ko-sm-10{
	width: 100%;
	floaT: left;
	position:relative;
}





.ko-sm-5 {  
	width: 100%;
	height: 93px;
	floaT: left;
	lefT: 0px;
	top: 0px;
	z-index:1;
	position:relative;
	background: url(../images/con-1.svg) no-repeat;
	background-size: 100%;
}

.ko-sm-9 {
    margin: 0px 19%;
}

.ko-sm-8 {
    width: 100%;
    floaT: left;
    z-index: 1;
    position:relative;
    overflow:hidden;
    margin: 0px 0px 10px 0px;
    color:#ffffff;
    font-size: 16px;
    font-family: font-1;
    text-align: center;
    color:#B5BAD1;
}



.ko-sm-7 {
    width: 100%;
    floaT: left;
    z-index: 1;
    position:relative;
    overflow:hidden;
    margin: 7% 0px 10px 0px;
    color:#ffffff;
    font-size: 32px;
    font-family: font-3;
    letter-spacing: -0.5px;
    text-align: center;
    -webkit-font-feature-settings: 'case'on;
	font-feature-settings: 'case'on;
}



.ko-sm-6 {
    width: 100%;
    floaT: left;
    z-index: 1;
    position:relative;
    overflow:hidden;
    background:#2B3252;
    color: #fff;
}



.ko-sm-3 {
    margin: 0px 2px 0px 0px;
}

.ko-sm-4 {
    width: 100%;
    floaT: left;
    z-index: 1;
    position:relative;
    overflow:hidden;
    margin-bottom: 20px;
    border: 1px #E2E4EB solid;
    border-radius: 14px;
}




.form_submit .btn.btn-big{
	display: inline-block !important;
	margin: -75px 0px 0px 10px;
	border-radius: 10px;
}

.form_submit div{
    display: inline-block;
    text-align: center;
}

.form_submit {
    width: 100%;
    floaT: left;
    z-index: 1;
    position:relative;
    margin-top: 10px;
    display: inline-block;
    text-align: center;
}


.ko-sm-2 {
    width: 100%;
    floaT: left;
    z-index: 1;
    position:relative;
    margin: 25px 0px 25px 0px;
    color:#222222;
    font-size: 30px;
    font-family: font-3;
    letter-spacing: -0.5px;
    text-align: center;
    -webkit-font-feature-settings: 'case'on;
	font-feature-settings: 'case'on;
}



.ko-sm-1 .box_in{
	width: 825px;
	margin: auto;
}


.ko-sm-1 {
    width: 100%;
    floaT: left;
    z-index: 1;
    position:relative;
    margin-bottom: 35px;
}



.no-no-1 .footballs-1{
	 margin-bottom: 0px;
}

.ssp-tit-5 {
    width: 100%;
    height: 35px;
    floaT: left;
    z-index: 1;
}

.ssp-tit-4{ position:absolute;top:50%;left:0;width:100%;-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:2;}


.ssp-tit-3.sp-tit-3 img{
	line-height: 0px;
	width: 25px;
}


.ssp-tit-3.sp-tit-3{
	position:relative;
	margin: 15px 5px -10px 20px;
	floaT: left;
	background:#fff !important;
	box-shadow: 0px 0px 0px 0px #e5e5ed;
}


.sp-tit-10 a:hover{
	background:#e4e8ed;
	color:#2B3252;
}

.sp-tit-10 a{
	height: 38px;
	line-height: 39px;
	floaT: left;
	padding: 0px 15px;
	margin: 0px 7.5px;
	background:#F1F1F1;
	color:#4a4e64;
	border-radius: 10px;
	text-align: center;
	font-family: font-3;
	-webkit-font-feature-settings: 'case'on;
	font-feature-settings: 'case'on;
	font-size: 14px;
}



.sp-tit-8 .sp-tit-10 li  {
	display: inline-block;
}



.sp-tit-8::after {
	width: 70px;
	height: 60px;
	margin: 0px 0px 0px 0px;
	position: absolute;
	floaT: left;
	background: linear-gradient(270deg, #FFF 23.61%, rgba(255, 255, 255, 0.00) 100%);
	content: "";
	right: 0px;
	top: -12px;
	z-index:1;
}

.sp-tit-8::before {
	width: 70px;
	height: 60px;
	margin: 0px 0px 0px 0px;
	position: absolute;
	floaT: left;
	background: linear-gradient(90deg, #FFF 23.61%, rgba(255, 255, 255, 0.00) 100%);
	content: "";
	left: 0px;
	top: -12px;
	z-index:1;
}

.sp-tit-8{
	width: calc(100% - 180px);
	height: 38px;
	overflow:hidden;
	floaT: right;
	background:#fff;
	margin: 0px 0px 0px 0px;
	overflow:hidden;
	position:relative;
}

.sp-tit-7{
	width: 150px;
	height: 38px;
	line-height: 39px;
	floaT: left;
	margin: 0px 0px 0px 0px;
	background:#2B3252;
	color:#fff;
	border-radius: 10px;
	text-align: center;
	font-family: font-3;
	-webkit-font-feature-settings: 'case'on;
	font-feature-settings: 'case'on;
	font-size: 14px;
}


.box_in h1{
	color:#2B3252;
	font-size: 22px;
	margin: -5px 0px 7px 0px;
	width: 100%;
	floaT: left;
	position:relative;
	overflow:hidden;
	font-family: font-3;
	letter-spacing: -0.5px;
	-webkit-font-feature-settings: 'case'on; font-feature-settings: 'case'on;
}


.boxx{
	margin-bottom: 25px;
}


body .sp-tit-3 {
	width: 40px;
	height: 40px;
	line-height: 44px !important;
	text-align: center;
	line-height: 20px;
    float: left;
	padding: 0px 0px !important;
	margin: 0px 14px 0px 0px;
	border-radius: 14px;
	font-family: font-1;
}


.sp-tit-5 a{
	position:relative;
	line-height: 20px;
	background:#e5e5ed;
    float: left;
	padding: 10px 17px;
	margin: 0px 14px 0px 0px;
	border-radius: 100px;
	font-family: font-1;
}

.sp-tit-5 a:nth-child(2){
	display: none !important;
}

.sp-tit-5{
	-webkit-font-feature-settings: 'case'on;
	font-feature-settings: 'case'on;
	font-size: 15.6px;
	font-family: font-3;
	font-weight: 900;
	line-height: 50px;
}


.sp-tit-4 .no-no-1{
margin-top: 0px;
}


.sp-tit-2 {
	padding: 0px 15px;
	line-height: 40px;
}


.sp-tit-1 {
	line-height: 20px;
	overflow: hidden;
	width: 100%;
	floaT: left;
	margin: 95px 0px 20px 0px;
	background:#fff;
	border-radius: 14px;
	padding: 15px 0px 15px 0px;
}




.berrors-2 b{
		-webkit-font-feature-settings: 'case'on;
	font-feature-settings: 'case'on;
	color:#2B3252;
	font-family: 'font-3';
}

.berrors-2{
	padding: 0px 20px;
}

.berrors-1.box{
	width: 100%;
	margin-bottom: 25px;
	color: #242527;
	background:#F1F1F1;
	border-radius: 14px;
	position:relative;
	float: left;
	padding: 20px 0px;
	font-size: 16px;
}


#pagi-load path{
	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:hover path{
	fill: #ffffff !important;
	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 svg{
	display: inline-block;
    color:#2B3252;
    margin: 0px 0px -4.5px 4px;
}


#pagi-load  path{
	fill:#2B3252;
}

#pagi-load span{ display: none;}
#pagi-load a span{ display: block; }
#pagi-load span{ width: 100%; float: left;  }
.pagi-load{  text-align: center; font-size:0px;}
.bottom-nav{  margin: 0px 0px 0px 0px; }
.pagi-load a:hover{color: #ffffff;transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-webkit-transition:all 0.2s ease-in-out;background: #2B3252;}
.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{ margin-bottom: 25px; width: 100%;color: #242527;font-family: font-1;border: 0px #C2C2CF solid;font-feature-settings: 'case' on;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 0px;display:inline-block;height: 50px;line-height: 50px;font-size: 16px;border-radius: 14px;cursor:pointer;/* color:#f7f7f7; */background: #CED9ED;text-align:center;font-family: 'font-3';}



.no-no-1{
	 overflow: hidden;
	width: 100%;
	floaT: left;
	margin: 100px 0px 20px 0px;
	background:#fff;
	border-radius: 14px;
	padding: 0px 0px 0px 0px;
}


#cssmenu li:hover ul:before{ 
z-index:9; 
position:absolute;
top: -25px;
right:0px;
width:100%;
height:25px;
content: "";
}

.footer-08 :hover {
	opacity: 80%;
}




.q_search input::placeholder {
    color: #8C8D90;
}

.footer-5::before {
	width: 30px;
	height: 100%;
	margin: 0px 0px 0px 0px;
	position: absolute;
	floaT: left;
	background: linear-gradient(90deg, #FFF 23.61%, rgba(255, 255, 255, 0.00) 100%);
	content: "";
	right: -30px;
	top: -1px;
	z-index:1;
}

.sld .footer-6 .slick-slide{
	margin:0px 0px;
	floaT: left !important;
}

.footer-6 .slick-slider .slick-list{
	padding: 0px 15px 0px 0px !important;
}

.header-001.header-3 .top-bar, .header-001.header-3 .scroll  {
	opacity: 100%;
}

.header-3 .top-bar, .header-3 .scroll  {
	opacity: 0%;
}

.header-3 .top-bar {
  height: 5px;
  width: 100%;
  background: rgb(232, 231, 228);
  position:absolute;
  bottom: -5px;
}

.header-3 .scroll {
  height: 5px;
  width: 0%;
  background: #2B3252;
  position:absolute;
  bottom: -5px;
}


.header-01 .logo-2 {
    margin: 6px 0px 0px 0px;
}

.header-01 #cssmenu ul li:hover, .header-01 #cssmenu ul .m-col-a {
	    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    color: #2B3252 !important;
    background: url(../images/hov.svg)  center 40px no-repeat;
}

.header-01 .header-8 ul li a{
	font-size: 16px;
	padding: 19px 12px;
}

.header-01 #cssmenu{
  animation: fadeIn 1s;
  -webkit-animation: fadeIn 1s;
  -moz-animation: fadeIn 1s;
  -o-animation: fadeIn 1s;
  -ms-animation: fadeIn 1s;
}

@keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@-moz-keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@-webkit-keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@-o-keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@-ms-keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}



.header-01 #cssmenu #menu-1, .header-01 #cssmenu #menu-2, .header-01 #cssmenu #menu-3, .header-01 #cssmenu #menu-4, .header-01 #cssmenu #menu-5, .header-01 #cssmenu #menu-6, .header-01 #cssmenu #menu-7{
	top: 55px;
}

.header-3.header-01 {
   position:fixed;
   top: 0px;
   z-index: 999;
   margin-top: 0px;
   box-shadow: 0px 0px 10px rgb(43 31 82 / 12%);
   height: 55px;
}


.footer-16:hover{
    opacity: 100%;
    transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -webkit-transition:all 0.2s ease-in-out;
}


.footer-16 {
	floaT: left;
	position:relative;
	margin: 8px 0px 0px 0px;
	opacity: 70%;
	transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -webkit-transition:all 0.2s ease-in-out;
}

.footer-15 {
	floaT: right;
	position:relative;
	margin: 0px 14px;
}

.footer-14 {
	floaT: right;
	position:relative;
	margin: 0px 0px 0px 0px;
}

.footer-13 {
	height: 32px;
	overflow:hidden;
	floaT: right;
	position:relative;
	margin: 24px 0px 24px 0px;
}


.footer-12 {
	font-size: 15px;
	color: #56585B;
	height: 80px;
	line-height: 81px;
	floaT: left;
	position:relative;
	margin: 0px 0px 0px 0px;
}


.footer-11 {
	width: 100%;
	floaT: left;
	position:relative;
	margin: 0px 0px 0px 0px;
}



.sld .footer-08{
	margin: 0px 30px;
	height: 55px;
}

.foter-logo-3{
	line-height: 61px !important;
}


.foter-logo-2{
	line-height: 72px !important;
}


.foter-logo-1{
	line-height: 70px !important;
}


.foter-logo-3 img{
	width: 180px;
}


.foter-logo-2 img{
	width: 110px;
}

.foter-logo-1 img{
	width: 100px;
}

.footer-008.footer-8{
	background: #F3F5F8;
}


.footer-8 {
	width: 100%;
	margin: 3px 0px;
	text-align: center;
	line-height: 55px;
	height: 55px;
	floaT: left;
	position:relative;
	border-radius: 100px;
}

.footer-6::before {
	width: 50px;
	height: 100%;
	margin: 0px 0px 0px 0px;
	position: absolute;
	floaT: left;
	background: linear-gradient(270deg, #FFF 23.61%, rgba(255, 255, 255, 0.00) 100%);
	content: "";
	right: 0px;
	top: -1px;
	z-index:1;
}


.footer-6 {
	width: calc(100% - 150px);
	text-align: center;
	line-height: 75px;
	height: 65px;
	floaT: right;
	position:relative;
	border-radius: 100px;
}

.footer-5 img{
	width: 95px;
	margin-top: 18px;
}

.footer-5 img {
        -webkit-transition: all .5s;
        -moz-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s;
    }

.footer-5: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 .5s;
        -moz-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s;
    }

.footer-5 {
        -webkit-transition: all .5s;
        -moz-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s;
    }

.footer-5:hover  {
        -webkit-transition: all .5s;
        -moz-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s;
        background: #19bfc3;
    }

.footer-5 {
	width: 150px;
	text-align: center;
	line-height: 75px;
	height: 65px;
	floaT: left;
	position: absolute;
	border-radius: 100px;
	background: #11ADB1;
}



.footer-4 {
	position:relative;
	margin: 0px 5px;
}


.footer-3 {
	width: 100%;
	floaT: left;
	position:relative;
	overflow:hidden;
	padding: 4px 0px;
	border-radius: 100px;
	box-shadow: 0px 0px 0px 1px #dfe7ef;
}


.footer-2 {
	width: 100%;
	floaT: left;
	position:relative;
	padding: 34px 0px;
}



.footer-9 {
	width: 100%;
	floaT: left;
	position:relative;
	background: #ffffff;
	margin: 0px 0px 0px 0px;
}

.footer-1 {
	width: 100%;
	floaT: left;
	position:relative;
	background: #ffffff;
	margin: 0px 0px 0px 0px;
	border-bottom: 1px #dfe7ef solid;
}








.v-videos-1 .short-2{
	margin: 0px 12.5px;
	position: relative;
}


.v-videos-1 .short-01{
	width: 100%;
	floaT: left;
	position:relative;
	background: #2B3252;
	border-radius: 14px;
	margin: 50px 0px 0px 0px;
}


.short-01 .short-2 .short-5 {
 transition:all 0.2s ease-in-out;
 -moz-transition:all 0.2s ease-in-out;
 -webkit-transition:all 0.2s ease-in-out;
}

.short-01 .short-2:hover .short-5 {
 transition:all 0.2s ease-in-out;
 -moz-transition:all 0.2s ease-in-out;
 -webkit-transition:all 0.2s ease-in-out;
 color: #ffffff;
}


.short-01 .short-5{
	margin: 15px 0px 25px 0px;
	font-size: 17px;
	 color: #B4BAD8;
}



.v-videos-9:hover .v-videos-5 {
	background: url(../images/le.svg) -20px 3px no-repeat;
	transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -webkit-transition:all 0.2s ease-in-out;
}


.v-videos-9 a{
	transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -webkit-transition:all 0.2s ease-in-out;
}

.v-videos-9 a:hover{
	color:#ffffff !important;
	transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -webkit-transition:all 0.2s ease-in-out;
}


.v-videos-9 .v-videos-5{
	border-radius: 100px;
	overflow: hidden;
	width: 10px;
	height: 19px;
	background: url(../images/le.svg) 0px 3px no-repeat;
	floaT: right;
	margin: 0px 0px 0px 4px;
	transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -webkit-transition:all 0.2s ease-in-out;
}


.v-videos-4{
	border-radius: 100px;
	overflow: hidden;
	width: 13px;
	height: 13px;
	background: #B4BAD8;
	floaT: left;
	margin: 3.3px 5px 0px 12.5px;
}

.v-videos-9 a{
	color:#B4BAD8 !important;
	font-size: 16px;
	font-family: font-1;
}


.v-videos-9{
	margin-right: 12.5px;
	margin-top: 1px;
	color:#B4BAD8;
	float: right;
	position:relative;
}

.footballs-4 a{
	color:#2B3252;
}


.v-videos-3 a:hover .v-videos-4{
	background:#ebefff;
	-webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;
}

.v-videos-3 a .v-videos-4 {
	-webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;
}


.v-videos-3{
	width: 100%;
	position:relative;
	margin: 22px 0px 20px 0px;
	 overflow: hidden;
	floaT: left;
	padding: 0px 15px 0px 0px;
	height: 20px;
	line-height: 20px;
	font-size: 17px;
	color:#2B3252;
	font-family: font-3;
	-webkit-font-feature-settings: 'case'on;font-feature-settings: 'case'on;
}


.v-videos-6{
	margin-top: -51px;
	width: 100%;
	floaT: left;
	position: relative;
}

.v-videos-3 a{
	position:relative;
	z-index:11;
	color: #B4BAD8;
}



.v-videos-2{
	margin: 0px 12.5px;
}


.v-videos-1{
	width: 100%;
	floaT: left;
	position:relative;
	background: #2B3252;
	border-radius: 14px;
	margin: 0px 0px 20px 0px;
}


.f-metis-2 path{
	transition:all 0.2s ease-in-out;
	-moz-transition:all 0.2s ease-in-out;
	-webkit-transition:all 0.2s ease-in-out;
}

.f-metis-2:hover path{
	fill: #ffffff !important;
	transition:all 0.2s ease-in-out;
	-moz-transition:all 0.2s ease-in-out;
	-webkit-transition:all 0.2s ease-in-out;
}


.f-metis-2 a:hover{
	color:#ffffff;
	background: #2B3252;
	transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -webkit-transition:all 0.2s ease-in-out;
}


.f-metis-2 a{
	transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -webkit-transition:all 0.2s ease-in-out;
}


.f-metis-2 svg{
	display: inline-block;
    color:#2B3252;
    margin: 0px 0px -4.5px 4px;
}

.f-metis-2 a{
    color:#2B3252;
}

.f-metis-001 .f-metis-2 a {
	margin: 20px 0px 0px 0px !important;
}


.f-metis-2 a{
	font-family: font-3;
	-webkit-font-feature-settings: 'case'on;font-feature-settings: 'case'on;
    width: 100%;
    floaT: left;
    height: 50px;
    line-height: 50px;
    text-align: center;
    object-fit: cover;
    border-radius: 14px;
    position:relative;
    overflow:hidden;
    margin: 0px 0px 20px 0px;
    color:#2B3252;
    background:#CED9ED;
}





.short-2:hover .short-6{
	box-shadow: 0px 0px 0px 5px #2B3252;
	transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -webkit-transition:all 0.2s ease-in-out;
}

.short-2 .short-6{
	box-shadow: 0px 0px 0px 0px #2B3252;
	transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -webkit-transition:all 0.2s ease-in-out;
}

.short-6{
	width: 38px;
	height: 38px;
	position:absolute;
	bottom: 15px;
	right: 15px;
	background: #2B3252 url(../images/con-012.svg) center no-repeat;
	border-radius: 100%;
}



.footballs-9 .short-3, .footballs-9 .short-3 img{
    height: 160px;
}

.footballs-9 .short-1{
	 overflow: hidden;
	width: 210px;
	floaT: left;
	margin: 0px 20px 20px 0px;
}

.footballs-9 .footballs-01.footballs-1{
	floaT: right;
}

.footballs-9 .footballs-1{
	width: 480px;
}



.footballs-5{
	border-radius: 100px;
	overflow: hidden;
	width: 13px;
	height: 13px;
	background:#2B3252;
	floaT: left;
	margin: 3.5px 5px 0px 0px;
}


.short-2:hover .short-5 {
 transition:all 0.2s ease-in-out;
 -moz-transition:all 0.2s ease-in-out;
 -webkit-transition:all 0.2s ease-in-out;
 color: #4a5483;
}


.short-5{
	font-size: 16.5px;
	color: #2B3252;
	width: 100%;
	floaT: left;
	height: 75px;
	line-height: 19px;
	object-fit: cover;
	position:relative;
	overflow:hidden;
	margin: 0px 0px 0px 0px;
	font-family: font-3;
}

.short-4{
	font-size: 15px;
	font-family: font-1;
	floaT: left;
	height: 16px;
	object-fit: cover;
	border-radius: 14px;
	position:relative;
	overflow:hidden;
	margin: 12px 0px 9px 0px;
	color:#888A8E;
}



.short-3, .short-3 img{
    width: 100%;
    floaT: left;
    height: 160px;
    object-fit: cover;
    border-radius: 14px;
    position:relative;
    overflow:hidden;
}


.short-1{
	 overflow: hidden;
	width: 220px;
	floaT: left;
	margin: 0px 20px 20px 0px;
}




.footballs-8{
	 overflow: hidden;
	width: 106%;
	floaT: left;
}

.footballs-7{
	 overflow: hidden;
	width: 100%;
	floaT: left;
}


.footballs-6{
	border-radius: 100px;
	overflow:hidden;
	 overflow: hidden;
	width: 100%;
	height: 4px;
	background:#E0E2E9;
	floaT: left;
	margin: 7px 0px 9px 0px;
}


.footballs-4 a{
	color:#2B3252;
}

.footballs-4{
	 overflow: hidden;
	floaT: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 15px 0px 0px;
	position:absolute;
	height: 20px;
	line-height: 20px;
	background:#fff;
	font-size: 18px;
	color:#2B3252;
	font-family: font-3;
	-webkit-font-feature-settings: 'case'on;font-feature-settings: 'case'on;
}

.footballs-3{
	 overflow: hidden;
	width: 100%;
	floaT: left;
	margin: 0px 0px 20px 0px;
	padding: 0px 0px;
}



.footballs-2{
	margin: 0px 20px;
}


.footballs-1{
	 overflow: hidden;
	width: 100%;
	floaT: left;
	margin: 0px 0px 20px 0px;
	background:#fff;
	border-radius: 14px;
	padding: 20px 0px 0px 0px;
}

.footballs-4 a:hover .footballs-5{
	background:#5b669b;
	-webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;
}

.footballs-4 a .footballs-5{
	-webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;
}


   .stars-n-1 img, .short-1 img {
        -webkit-transition: all .5s;
        -moz-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s;
        -webkit-filter: saturate(100%);
        filter: saturate(100%)
    }

    .stars-n-1:hover img, .short-2: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 .5s;
        -moz-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s;
        -webkit-filter: saturate(130%);
        filter: saturate(130%)
    }


.star-new-3{floaT: left;position:relative;margin: -1px 0px 0px 0px;/* height: 46px; *//* line-height: 46px; */font-family: 'font-3';font-size: 16px;color:#18191B;}


.star-nn-1, .star-nn-2 {
    width: 19px;
    height: 19px;
    font-size: 14px;
    line-height: 19px;
    text-align: center;
    color: #ffffff;
    border-radius: 100px;
    margin: 0px 0px 0px 0px;
    bottom: 0px;
    display: inline-block;
    background: #2B3252;
    content: "";
    z-index:90;
}

.star-nn-2{display: none;}


.van-div-geo-1 {
  width: 400px;
  floaT: right;
  position:relative;
  height: 47px;
  background: url(../images/title-2.png) center no-repeat;
  position:absolute;
  right: 0px;
  z-index:1;
}


.van-div-03 {
  width: 47px;
  floaT: left;
  position:relative;
  height: 47px;
  line-height: 47px;
  background: url(../images/georgia.svg) center no-repeat;
  margin: 0px 0px 0px 5px;
}



.van-div-geo.van-div-4{
  font-family: font-1;
  floaT: left;
  position:relative;
  height: 47px;
  line-height: 47px;
  margin-bottom: 15px;
  color:#0e0f12;
  overflow:hidden;
  padding: 0px 0px 0px 0px;
}

.van-div-geo.van-div-2{
  font-family: font-1;
  width: 100%;
  floaT: left;
  position:relative;
  background: #ededed url(../images/title-1.png) 0px 0px no-repeat;
  height: 47px;
  line-height: 47px;
  margin-bottom: 15px;
  margin-top: 15px;
  color:#0e0f12;
  box-shadow: 0px 0px 6px 0px rgb(22 10 88 / 23%);
}


.van-div-12{
  line-height: 16px;
  position:relative;
  overflow:hidden;
  width: 100%;
  font-size: 14px;
  height: 62px;
  floaT: left;
  margin: 0px 0px 0px 0px;
  color:#0e0f12;
  font-weight: 700;
  font-family:font-3;
-webkit-font-feature-settings: 'case'on;
font-feature-settings: 'case'on;	
}

.van-div-11{
	width: 100%;
	floaT: left;
	position:relative;
	padding: 3px 0px 10px; 0px;
	font-size: 12px;
	color:#939393;
}


.van-div-10{
	padding: 0% 7%;
}



.van-div-8 img{
    width: 100%;
    floaT: left;
    height: 180px;
    object-fit: cover;
    border-radius: 0px;
    position:relative;
    overflow:hidden;
}


.van-div-6 img{
  widtH: 100%;
}


.van-div-6{
  width: 23.27%; 	
  float: left;
  margin: 0px 0px 15px 15px;
  box-shadow: 0px 0px 6px 0px rgb(22 10 88 / 23%);
}





.van-div-04{
  padding: 0px 0px 0px 5px;
  color:#757881;
}

.van-div-4{
	color:#ededed;
	z-index:11;
  font-family: font-4;
  floaT: left;
  position:relative;
  height: 48px;
  line-height: 48px;
  margin-bottom: 15px;
  overflow:hidden;
  padding: 0px 0px 0px 0px;
  font-size: 15px;
  letter-spacing: 0px;
}

.van-div-2{
  font-family: font-1;
  width: 100%;
  floaT: left;
  position:relative;
  background:#161c2a;
  height: 48px;
  line-height: 48px;
  margin-bottom: 15px;
  margin-top: 15px;
  color:#ededed;
}


ol.sliderr > .stars-n-1:hover > a:before{
	color:#2B3252;
	transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-webkit-transition:all 0.2s ease-in-out;
}

ol.sliderr {float:left;width:100%;font-size:13px;position:relative;padding:0;list-style:none;color:#222;counter-reset:ol-counter;}
ol.sliderr > li > a{line-height:20px;float:left;width:100%;/* overflow:hidden; */position:relative;font-size:17px;display:block;color:inherit;text-decoration:none !important;padding:0px 0 0px 0px;}
ol.sliderr > li > a:before{ transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-webkit-transition:all 0.2s ease-in-out;  filter: drop-shadow(0px 1px 2.1px rgba(0, 0, 0, 0.12)); color: #2B3252;   z-index:1;right: 0px;content:counter(ol-counter);counter-increment:ol-counter;font-size:15px;font-family:font-3;width:30px;height:30px;line-height:30px;border:0px solid #eeedf7;background:#ffffff; border-radius: 100px;float:left;  margin: 105px -5px 0px 0px; z-index:111; text-align:center;position:absolute;}

.van-stars-n-2{margin:0px 15px;}

.van-stars-n-1 {
	border-radius: 0px 0px 14px 14px;
    bottom: 0px;
    float: left;
    width: 100%;
    letter-spacing: 0.3px;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(#000000e6));
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, #000000e6 70%);
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, #000000e6 70%);
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #000000e6 70%);
    background-image: -o-linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #000000e6 70%);
    background-image: -moz-linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #000000e6 70%);
    background-image: -webkit-linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #000000e6 70%);
    background-image: -ms-linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #000000e6 70%);
    color: #f7f7f7;
    text-align: left;
    padding: 30px 0px 10px 0px;
    line-height: 20px;
    position: absolute;
	font-size: 14px;
	z-indeX:1;
	font-family: font-1;
}




.star-new-2 a{
	transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-webkit-transition:all 0.2s ease-in-out;
}

.star-new-2 .user_tab li:hover a{
 color: #2B3252;
 transition:all 0.2s ease-in-out;
 -moz-transition:all 0.2s ease-in-out;
 -webkit-transition:all 0.2s ease-in-out;
}

.star-new-3 i{
 color:#008080;
}

.stars-n-1:hover .stars-n-5, .van-div-6:hover .van-div-12 {
 transition:all 0.2s ease-in-out;
 -moz-transition:all 0.2s ease-in-out;
 -webkit-transition:all 0.2s ease-in-out;
 color: #4a5483;
}

.stars-n-1 .stars-n-5, .van-div-6 .van-div-12{
 transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-webkit-transition:all 0.2s ease-in-out;
}

.star-new-1 {
	margin-bottom: 0px;
    width: 100%;
    floaT: left;
    position: relative;
   
}

.stars-n-5{
  line-height: 17px;
  position:relative;
  overflow:hidden;
  width: 100%;
  font-size: 15px;
  height: 68px;
  floaT: left;
  margin: 10px 0px 0px 0px;
  color: #2B3252;
  font-weight: 700;
  font-family: 'font-3';
}

.stars-n-3, .stars-n-3 img{
    width: 100%;
    floaT: left;
    height: 130px;
    object-fit: cover;
    border-radius: 14px;
    position:relative;
    overflow:hidden;
}

.stars-n-1 img{
  widtH: 100%;
}

.stars-n-1 { 
  animation: fadeIn 0.8s;
  -webkit-animation: fadeIn 0.8s;
  -moz-animation: fadeIn 0.8s;
  -o-animation: fadeIn 0.8s;
  -ms-animation: fadeIn 0.8s;
}

@keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@-moz-keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@-webkit-keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@-o-keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@-ms-keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

.stars-n-1 {
  width: 176.4px;
  float: left;
  margin: 0px 15px 0px 0px;
}


.stars-n-2{
  position:relative;
  overflow:hidden;
  width: 100%;
  floaT: left;
  margin: 0px 0px 0px 0px;
}

.star-new-6 li:nth-child(0) {
    display: none;
}


.star-new-05, .liv-new-5{
  width: 103%;
  floaT: left;
  position:relative;
  overflow:hidden;
}

.star-new-2{
	position:relative;
	width: 100%;
	floaT: left;
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 0px 0px;
}
.user_tab .active a{
    color: #2B3252;
}


.user_tab .active {
    color: #008080;
    opacity: 9;
}

.star-new-4 img {
    width: 24px;
    height: 24px;
    floaT: left;
    margin: -2.5px 10px 0px 0px;
}

.user_tab li a{
    color: #ACADB9;
}

.user_tab li {
    display: inline-block;
    cursor: pointer;
    text-transform: uppercase;
    font-weight: 500;
    -webkit-user-select: none;
    color: #98989A;
    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;
}

.user_tab li:before {
	border-radius: 50px;
	width: 12px;
	height: 12px;
	top: 3px;
	margin: 0px 0px 0px 0px;
	bottom: 0px;
	left: -16px;
	position: absolute;
	floaT: left;
	background: #ACADB9;
	content: "";
	z-index:90;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.user_tab li.active:before {
  background: #2B3252;
}

.user_tab li a.active{ border-radius: 100px; background:#2e6abd;color:#ededed;z-index:4;outline:none;}

.user_tab{-webkit-font-feature-settings: 'case'on;font-feature-settings: 'case'on;margin: 0px 0px 0px 0px;floaT: right;font-family: 'font-3';}
.user_tab li{border-radius: 100px;position:relative;padding: 0px 0px;display:inline-block;margin: 0px 0px 0px 30px;cursor:pointer;text-transform:uppercase;font-weight:500;-webkit-user-select:none;}
.user_tab li:hover{ 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; }


.user_tab li:hover:before {
	background: #2B3252;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}


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



   .ll-new-1 img {
        -webkit-transition: all .5s;
        -moz-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s;
        -webkit-filter: saturate(100%);
        filter: saturate(100%)
    }

    .ll-new-1: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 .5s;
        -moz-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s;
        -webkit-filter: saturate(130%);
        filter: saturate(130%)
    }



.l-slaid-2 .ll-new-3 {
    padding: 0px 35px;
}


.l-slaid-2 .ll-new-2 {
    padding: 10px 0px 0px 0px;
}


.l-slaid-2 .ll-new-6 a{
    font-size: 22px;
    line-height: 26px;
}


.l-slaid-3  .ll-new-6 a{
    padding-bottom: 0px;
}

.ll-new-6 a{
	 padding-bottom: 30px;
    float: left;
    width: 100%;
    font-size: 16px;
    line-height: 21px;
    font-family: font-3;
    color:#fff;
}


.ll-new-5 a:nth-child(2){
	display: inline-flex;
}

.ll-new-5 a:hover{
	background: #333b60;
	transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;
}

.ll-new-5 a{
	transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;
	color:#fff;
	font-size: 13.5px;
	background: #2B3252;
	padding: 8px 14px;
	border-radius: 10px;
	display: none;
}

.ll-new-5{
	width: 100%;
	float: left;
	position:relative;
	margin-bottom: 7px;
	color:#fff;
	font-size: 0px;
}

.l-slaid-2, .l-slaid-2 img{
	height: 465px;
	overflow:hidden;
}


.l-slaid-04.l-slaid-4{
	margin-top: 25px;
}


.l-slaid-4, .l-slaid-4 img{
	height: 220px;
	overflow:hidden;
}



.ll-new-3 {
	position:relative;
    padding: 0px 20px;
}


.ll-new-2 {
    float: left;
    width: 100%;
    background: -moz-linear-gradient(top, rgb(255 0 0/0%) 0%, #000000 100%);
    background: -webkit-linear-gradient(top, rgb(255 0 0/0%) 0%, #000000 100%);
    background: linear-gradient(to bottom, rgb(255 0 0/0%) 0%, #000000 100%);
    padding: 10px 0px 20px 0px;
    font-size: 13px;
    color: #fff;
    position: absolute;
    bottom: 0px;
    z-index: 1;
}



.ll-new-1{
	width: 100%;
	position:relative;
	overflow:hidden;
	float: left;
	border-radius: 14px;
}


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

.l-slaid-3{
	width: 335px;
	floaT: right;
	margin: 0px 0px 0px 0px;
	position:relative;
}


.l-slaid-2{
	width: 585px;
	floaT: left;
	margin: 0px 0px 0px 0px;
	position:relative;
}

.center-2 .l-slaid-1{
	margin: 0px 19px;
}


.l-slaid-1{
	margin: 0px 20px;
}


.m-size-1{
	position:relative;
	z-index:1;
	overflow: hidden;
	width: 100%;
	floaT: left;
	margin: 0px 0px 20px 0px;
	background:#fff;
	border-radius: 14px;
	padding: 20px 0px 20px 0px;
}





.line-text-4::after {
	width: 70px;
	height: 46px;
	margin: 0px 0px 0px 0px;
	position: absolute;
	floaT: left;
	background: linear-gradient(270deg, #FFF 23.61%, rgba(255, 255, 255, 0.00) 100%);
	content: "";
	right: 0px;
	top: -12px;
	z-index:1;
}


.line-text-4::before {
	width: 70px;
	height: 46px;
	margin: 0px 0px 0px 0px;
	position: absolute;
	floaT: left;
	background: linear-gradient(90deg, #FFF 23.61%, rgba(255, 255, 255, 0.00) 100%);
	content: "";
	left: 0px;
	top: -12px;
	z-index:1;
}

.line-text-4{
	width: calc(100% - 170px);
	floaT: right;
	background:#fff;
	margin: 16px 10px 0px 0px;
	border-radius: 100px;
	overflow:hidden;
	position:relative;
}

.line-text-3{
	width: 120px;
	height: 28px;
	line-height: 29px;
	floaT: left;
	margin: 13px 0px 13px 13px;
	background:#2B3252;
	color:#fff;
	border-radius: 100px;
	text-align: center;
	font-family: font-3;
	-webkit-font-feature-settings: 'case'on;
	font-feature-settings: 'case'on;
	font-size: 14px;
}


.line-text-1{
	width: 100%;
	height: 54px;
	floaT: left;
	margin: 0px 0px 20px 0px;
	background:#fff;
	border-radius: 100px;
}


.line-text-4 .holder-1 .tek-l {
	display:inline;
}


.line-text-4 .holder-1 a:hover{
	color:#2B3252;
	    text-decoration: none;
    text-decoration: underline;
}

.line-text-4 .holder-1 a{
	text-decoration: none;
	font-weight: bold;
	color: #464850;
	font-size:15px;
	font-family: font-3;
	margin: 0px 30px 0px 0px;
	padding: 0px 0px 0px 30px;
	border-left: 1px #c4cad9 solid;
}




.div-home-2{
	width: 100%;
	floaT: left;
	margin: 0px 0px 0px 0px;
}


.div-home-1{
	width: 100%;
	floaT: left;
	margin: 95px 0px 0px 0px;
}


.tops-men-1#menu-3 ul:nth-child(2), .tops-men-1#menu-3 ul:nth-child(3), .tops-men-1#menu-3 ul:nth-child(4){
	margin-top: 52px;
}

#cssmenu > ul > li:hover > ul{animation:fade_in_show .3s}@keyframes fade_in_show{0%{opacity:0;transform:scale(0.4)}100%{opacity:1;transform:scale(1)}}


#cssmenu .fa-angle-down {
	background: url(../images/con-011.svg) center no-repeat;
	z-indeX: 1;
    width: 8px;
	height: 5px;
	display: inline-block;
	margin: 0px 0px 4px 2px;
}

#cssmenu li{
	display: inline-block;
}

.header-menu-1{
	width: auto !important;
	display: inline-flex;
	floaT: right;
	margin: 0px 0px 0px 0px;
}



.header-8 ul li a{
	color: #626878;
	-webkit-transition:all .5s;
	-moz-transition:all .5s;
	-o-transition:all .5s;
	transition:all .5s;
}

.header-8{
	widtH: 100%;
	line-height: 20px;
	border-radius: 5px;
	floaT: left;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px 0px;
}




#cssmenu ul li ul li img{
    width: 20px;
    height: 20px !important;
    padding: 0px 0px;
    line-height: 0px;
    margin: 10px 5px 0px 12px;
    floaT: left;
    border-radius: 5px;
}

#menu-1 .menu-titl-1 a:hover, #menu-2 .menu-titl-1 a:hover, #menu-3 .menu-titl-1 a:hover, #menu-4 .menu-titl-1 a:hover, #menu-5 .menu-titl-1 a:hover, #menu-6 .menu-titl-1 a:hover, #menu-7 .menu-titl-1 a:hover, #menu-8 .menu-titl-1 a:hover, #menu-9 .menu-titl-1 a:hover {
		color:#222  !important;
    text-decoration: blink !important;
    text-decoration: underline;
    cursor: default;
}

#menu-1 .menu-titl-1 a, #menu-2 .menu-titl-1 a, #menu-3 .menu-titl-1 a, #menu-4 .menu-titl-1 a, #menu-5 .menu-titl-1 a, #menu-6 .menu-titl-1 a, #menu-7 .menu-titl-1 a, #menu-8 .menu-titl-1 a, #menu-9 .menu-titl-1 a{
	font-family: font-4 !important;
	font-weight: 700 !important;
	font-size: 18px;
	margin-bottom: 10px !important;
}

#menu-1 ul, #menu-2 ul, #menu-3 ul, #menu-4 ul, #menu-5 ul, #menu-6 ul, #menu-7 ul, #menu-8 ul, #menu-9 ul{
    width: 100%;
    max-height: 0;
    position: relative !important;
    background: #fff;
}

body #menu-1 li, body #menu-2 li, body #menu-3 li, body #menu-4 li, body #menu-5 li, body #menu-6 li, body #menu-7 li, body #menu-8 li, body #menu-9 li {
    width: 100%;
    /* max-height: 0; */
    position: relative !important;
    background: #fff;
}


body #menu-3 ul, body #menu-4 ul, body #menu-5 ul, body #menu-6 ul, body #menu-7 ul, body #menu-8 ul, body #menu-9 ul{
	width: 225px !important;
	height: auto !important;position:relative !important;floaT: left;top: 0px !important;
	}

#cssmenu > ul li:hover a {
    color: #2B3252 !important;
}

#cssmenu > ul li:hover li a {
    color: #2B3252 !important;
}


body #menu-2 ul{ 
width: 31.72% !important;
}


body #menu-1 .menu-t-1{width: 35% !important;}


body #menu-1 ul{ 
width: 29.1% !important;
height: auto !important;
position:relative !important;
floaT: left;
top: 0px !important;
}



#cssmenu ul li a {
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

#cssmenu ul li:hover ul {
    width: 100%;
    floaT: left;
    max-height: 300px;
    /* overflow: hidden; */
}

#cssmenu ul li ul {
    width: 100%;
    max-height: 0px;
    /* overflow: hidden; */
}

#cssmenu ul li ul {
    width: 100%;
    max-height: 0px;
    /* overflow: hidden; */
}


#cssmenu ul li:hover ul ul {
	padding: 1px 4px 0px 8px;
	}

#cssmenu ul li:hover ul {
	padding: 20px 0px 15px 12px;
	position: absolute;
	left: 0px !important;
	/* overflow: hidden; */
	z-index: 9999;
	opacity: 9;
	display: block !important;
}

#cssmenu ul li ul {
	box-shadow: 0px 0px 0px 0px #fff;
	position: absolute;
	/* overflow: hidden; */
	z-index: 9;
	opacity: 9;
	display: none;
}

#cssmenu ul li ul li {
	width: 100%;
	position: absolute;
}


#cssmenu ul li ul li a:hover, #cssmenu ul li ul .m-col-aa a  {
    color: #2B3252;
    border: 1px solid rgb(185 189 209 / 40%);
    background: rgb(185 189 209 / 15%);
}


#cssmenu ul li ul li a {
		-webkit-font-feature-settings: inherit !important;
		font-feature-settings: inherit !important;
		letter-spacing: -0.3px;
		text-align: left;
		line-height: 20px;
		font-family: font-1;
		font-weight: 800;
		font-size: 15px;
		font-weight: 100;
		float: left;
		opacity: 9;
		color: #5c5c78;
		border: 1px solid #e1e6ed;
		width: 100%;
		height: 40px;
		padding: 0px 0px;
		margin: 0px 0px 5px 0px !important;
		border-radius: 8px;
		line-height: 40px;
}

#cssmenu ul li ul li a:hover {
    color: #2B3252 !important;
}

#cssmenu > ul > li > ul > li {
    width: 100%;
    float: left;
    padding: 0px;
    z-index: 99;
    max-height: 72px;
    position: relative;
    height: auto;
}

#cssmenu > ul > li > ul {
    padding: 0% 0%;
    background: #fff;
    font-family: font-2;
    width: 96% !important;
    display: block;

}




.right-menu-icon-04 { 
    background: url(../images/menu-i-4.svg) center no-repeat;
}


.right-menu-icon-03{
    background: url(../images/menu-i-3.svg) center no-repeat;
}

.right-menu-icon-02{
    background: url(../images/menu-i-2.svg) center no-repeat;
}

.right-menu-icon-01{
    background: url(../images/menu-i-1.svg) center no-repeat;
}


.right-menu-icon-01, .right-menu-icon-02, .right-menu-icon-03, .right-menu-icon-04 {
    opacity: 9;
    text-align: center;
    position: absolute;
    top: 50%;
    color: #fff;
    font-size: 30px;
    font-family: font-1;
    letter-spacing: 0.2px;
    left: 0;
    width: 100%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 1;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    }


.right-menu-icon-01, .right-menu-icon-02, .right-menu-icon-03, .right-menu-icon-04{
    width: 70px;
    height: 25px;
}



.right-menu-1 li:hover::before, .right-menu-1 li:hover::after {
    width: 100%;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.right-menu-1 li::before{
lefT: 0% !important;
}

.right-menu-1 li::after{
right: 0% !important;
}

.right-menu-1 li::before, .right-menu-1 li::after {
    width: 0%;
    height: 5px;
    bottom: 0px;
    position: absolute;
    background: #0092c1;
    content: "";
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.right-menu-1 li::before {
    left: 0px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.right-menu-1 li{
    float: left;
    position: relative;
    overflow:hidden;
    margin: 0px 0px; 
    width: 70px;
    height: 70px;
    border-lefT: 0px #ddd solid;
}

.right-menu-1 {
    float: right;
}


body #cssmenu .menu-t-1 .menu-titl-1 a:hover{
	color:#222 !important;
}





body #cssmenu #menu-1 .menu-t-1{
	background: url(../images/menu-1.png) 0px 0px no-repeat;
}

#cssmenu ul li ul .menu-titl-1 :hover {
	background:rgb(255 255 255 / 0%);
}


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



.menu-t-1 .menu-img-1 {
	width: 25px !important;
    height: 25px !important;
    width: auto;
    margin: -2px 10px 0px 8px;
    floaT: left;
}

.menu-img-1 {
	width: 20px !important;
    height: 20px !important;
    width: auto;
    margin: 0px 10px 0px 8px;
    floaT: left;
}


#cssmenu .menu-t-1 .menu-titl-1 a {
	font-family: font-4 !important;
	border-bottom: 1px rgb(58 60 60 / 15%) solid;
	border-radius: 0px;
	padding: 0px 0px 14px 0px;
}


body #cssmenu #menu-3 ul {
    width: 100%;
    floaT: left;
    /* height: 260px !important; */
    /* overflow: hidden; */
}

body #cssmenu #menu-2 ul {
    width: 100%;
    floaT: left;
    height: 100px !important;
    overflow: hidden;
}

body #cssmenu #menu-1 ul {
    width: 100%;
    floaT: left;
    height: 172px !important;
    overflow: hidden;
}

#cssmenu ul li:hover, #cssmenu ul .m-col-a {
	    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    color: #2B3252 !important;
    background: url(../images/hov.svg)  center 53px no-repeat;
}


#cssmenu ul li {
	    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    background: url(../images/hov.svg)  center 80px no-repeat;
}


#cssmenu a {
position:relative;
}



#cssmenu #menu-1, #cssmenu #menu-2, #cssmenu #menu-3, #cssmenu #menu-4, #cssmenu #menu-5, #cssmenu #menu-6, #cssmenu #menu-7{
	lefT: 0px !important;
	lefT: 0px !important;
	top: 75px;
	box-shadow: 0px 1px 10px 0px rgb(42 42 42 / 9%);
	border-radius: 0px 0px 14px 14px;
}


.brendebi-1{
	z-index:1;
	widtH: 100%;
	height: 125px;
	line-height: 20px;
	position:relative;
	overflow:hidden;
	floaT: left;
	margin: 20px 0px 0px 0px;
	padding: 0px 0px 15px 0px;
}


.header-9 .fab{
color:#1976d2;
font-size: 15px;
margin: 0px 0px 0px 5px;
}

.header-9 a:hover{
	color:#1976d2 !important;
}
.header-9{
	padding: 12px 0px 15px 18px;
	line-height: 20px;
	position:relative;
	overflow:hidden;
	floaT: right;
	margin: 0px 0px 0px 0px;
	font-size: 14px;
	font-family: font-1;
}

.header-8 ul li ul li a{
	font-size: 16px;
}


.header-8 ul li a{
	line-height: 20px;
	position:relative;
	-webkit-font-feature-settings: 'case'on;
	font-feature-settings: 'case'on;
	floaT: left;
	font-size: 16px;
	font-family: font-3;
	margin: 0px 0px;
	padding: 28.3px 14px 26.3px 14px;
	letter-spacing:0.01em;
}

.dzebna-n-1 .btn-1 {
	   -webkit-transition: all 0.4s;
    font-family: font-1;
    position: absolute;
    right: 0;
    width: 37px;
    height: 33px;
    line-height: 33px;
    cursor: pointer;
    color: #687183;
    text-align: center;
    background: #fff url(../images/con-007.svg) center no-repeat;
    border: 0;
    top: 0;
    margin: 0;
    overflow: hidden;
    font-size: 15px;
    letter-spacing: 1px;
    border-radius: 0;
    margin-top: 0;
}

.dzebna-n-1,  #searchsuggestions {
	/* width: 260px; */
}


.dzebna-n-1 {
    margin: 0px 0px;
    height: 33px;
    float: right;
    position: relative;
    overflow: hidden;
    border-radius: 100px;
}

 .dzebna-n-1 .q_search input:focus,  #searchsuggestions{
        widtH: 340px;
    }

    
     .dzebna-n-1 .q_search input:focus{
        transition: all 0.7s;
        -webkit-transition: all 0.4s;
    }


.dzebna-n-1 .q_search input {
	-webkit-transition: all 0.4s;
    color:  #8C8D90;
    font-family: font-1;
    float: left;
    top: 0 !important;
    text-indent: 15px;
    height: 33px;
    padding: 0;
    width: 240px;
    background: #fff;
    border: 0 solid #ffffff;
    margin: 0;
    font-size: 15px;
    letter-spacing: 0px;
    border-radius: 3px;
}

.k-sms-1:hover {
    background: #2B3252 url(../images/con-0008.svg) center no-repeat;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
}

.k-sms-1 {
    cursor: pointer;
    overflow:hidden;
    width: 33px;
    height: 33px;
    line-height: 40px;
    floaT: right;
    position:relative;
    margin: 0px 0px 0px 12px;
    border-radius: 100px;
    background: #fff url(../images/con-008.svg) center no-repeat;
    text-align: center;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
}






.van-div-01:hover.van-div-2 path, .van-div-02:hover.van-div-2 path, .van-div-03:hover.van-div-2 path{
   fill: #ededed;
    -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-03:hover .swore-03{  
	opacity:9;
	 -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
}

.van-div-02:hover .swore-02{  
	width: 100%;
	height: 100%;
	floaT: left;
	lefT: 0px;
	top: 0px;
	z-index:1;
	position:absolute;
	background: #37B6FD url(../images/soc-02.svg) center no-repeat !important;
    -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
}

.van-div-02 .swore-02{  
	width: 100%;
	height: 100%;
	floaT: left;
	lefT: 0px;
	top: 0px;
	z-index:1;
	position:absolute;
	background: url(../images/soc-2.svg) center no-repeat;
    -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
}

.van-div-01 .swore-01{  
	width: 100%;
	height: 100%;
	floaT: left;
	lefT: 0px;
	top: 0px;
	z-index:1;
	position:absolute;
	background: url(../images/soc-1.svg) center no-repeat;
    -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
}

.van-div-03 .swore-03{
	opacity:0;
	background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
	width: 100%;
	height: 100%;
	floaT: left;
	lefT: 0px;
	top: 0px;
	z-index:1;
	position:absolute;
    -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
}


.van-div-01:hover .swore-01{  
	width: 100%;
	height: 100%;
	floaT: left;
	lefT: 0px;
	top: 0px;
	z-index:1;
	position:absolute;
	background: #3B64B4 url(../images/soc-01.svg) center no-repeat !important;
    -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
}

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


.van-div-03:hover .swore-3{
		background: url(../images/soc-03.svg) center no-repeat;
	   -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
}

.swore-3{
		background: url(../images/soc-3.svg) center no-repeat;
		floaT: left;
		z-indeX: 11;
		width: 100%;
		position:absolute;
		text-align: center;
		left: 0px;
		height: 32.5px;
	   -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
}

.swore-2{
    floaT: left;
    z-indeX:0;
    width: 100%;
    position:absolute;
    text-align: center;
    left: 0px;
    height: 33px;
}

.swore-1{
    floaT: left;
    z-indeX:0;
    width: 100%;
    position:absolute;
    text-align: center;
    left: 0px;
    height: 33px;
}

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

.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;
    margin-bottom: 20px;
    float: left;
    position: absolute;
    margin-top: 55px;
    widtH: 100%;
    height: 75px;
    background: #ffffff;
    line-height: 50px;
}


.logo-2 svg{
    widtH: 130px !important;
	height: 45px;
    line-height: 0px;
    float: left;
    position: relative;
}


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

.logo-1 {
    width: 155px;
    height: 75px;
    line-height: 75px;
    margin: 0px 0px;
    float: left;
    position: relative;
}

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

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

.van-div-9{
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    width: 21px;
    height: 21px;
    floaT: left;
    margin: 6px 0px 6px 0px;
    background: #2B3252 url(../images/con-009.svg) center no-repeat;
    border-radius: 100px;
}


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



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

.van-div-10{
	/* display: none; */
	cursor: pointer;
	overflow:hidden;
	width: 44px;
	height: 35px;
	line-height: 36px;
	floaT: right;
	position:relative;
	margin: 0px 0px 0px 0px;
	border-radius: 500px;
	background: #008080;
	text-align: center;
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	-o-transition: all .2s;
	transition: all .2s;
}


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


.van-div-3{
    margin-top: 11px;
}


.van-div-4{
      cursor: pointer;
      overflow:hidden;
      width: 85px;
      height: 33px;
      line-height: 40px;
      floaT: right;
      position:relative;
      margin: 0px 0px 0px 12px;
      border-radius: 100px;
      background: #ffffff url(../images/new-con-010.svg) center no-repeat;
      text-align: center;
      -webkit-transition: all .2s;
      -moz-transition: all .2s;
      -o-transition: all .2s;
      transition: all .2s;
}


.header-1 {
    float: left;
    position: relative;
    widtH: 100%;
    height: 55px;
    background: #F1F1F1;
    line-height: 55px;
}

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





/*-- RESPONSIVE --*/
@media (min-width:1100px) and (max-width:1200px){
.f-club-2 img{
    transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;
}

.f-club-2:hover img{
	transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;
	        -moz-transform: scale(1.07);
        -webkit-transform: scale(1.07);
        -o-transform: scale(1.07);
        -ms-transform: scale(1.07);
        transform: scale(1.07);
}

.f-club-2:hover{
	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 10px 1px rgb(30 147 119 / 30%);
}


.f-club-02{
	width: 200px;
	margin: auto;
}


.f-club-2{
	transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;
	width: 200px;
	height: 50px;
	border-radius: 100px;
	line-height: 65px;
	margin: auto;
	box-shadow: 0px 0px 10px 1px rgb(43 185 151 / 0%);
}




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


.full-s-2 .slick-prev:after{right:0px;top:0px;-webkit-transform:skew(0deg, 0deg);-ms-transform:skew(0deg, 0deg);transform:skew(0deg, 0deg);}

.full-s-2 .slick-next:before{
	width: 30px;
	height: 30px;
	background: url(../images/next-1.svg) 12px 11px  no-repeat;
	content: "";
	position:absolute;
	lefT: 0px;
}

.full-s-2 .slick-prev:after{
	width: 30px;
	height: 30px;
	background: url(../images/next-2.svg) 12px 11px  no-repeat;
	content: "";
	position:absolute;
	lefT: 0px;
}


.full-s-2 .slick-next{
	right: 15px;
}

.full-s-2 .slick-prev{
	left: 15px !important;
}

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

.full-s-2 .slick-next, .full-s-2 .slick-prev{
	background-color: #2B3252;
	border: 0;
	floaT:left;
	border-radius: 100px;
	font-size:0px !important;
	z-index:9;
	line-height:40px;
	position:absolute;
	display:block !important;
	width: 30px !important;
	height: 30px !important;
	padding:0;
	cursor:pointer;
	}


.full-s-2 .slick-dots li{background: rgb(255 255 255 / 25%);border-radius:10px;position:relative;display:inline-block;width:10px;height:10px;margin:0 2px;padding:0;cursor:pointer;}
.full-s-2 .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;}

.full-s-2 .slick-dots{lefT: 0px; bottom: 20px !important; top: inherit !important; width: 100% !important;position:absolute;padding:0;margin:0;list-style:none;text-align:center;z-index:9;}
.full-s-2 .slick-dots .slick-active{background: #ededed;border-radius:100px;}


.full-s-2{
	width: 100%;
	position:relative;
	overflow:hidden;
	float: left;
	margin: 0px 0px 10px 0px;
	border-radius: 14px;
}


.ms-a-short-1{
	floaT: right;
	position:absolute;
	right: 0px;
	bottom: 25px;
}

.ms-a-short-3{
	font-family: font-3;
	floaT: left;
	height: 16px;
	border-radius: 14px;
	position:relative;
	margin: 6px 0px 10px 15px;
	color:#888A8E;
}

.ms-a-short-2{
	float: left;
	position:relative;
	margin-bottom: 0px;
	color:#fff;
	font-size: 0px;
}

.ms-a-short-2 a:nth-child(2){
	display: inline-flex;
}

.ms-a-short-2 a:hover{
	background: #333b60;
	transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;
}

.ms-a-short-2 a{
	transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;
	color:#fff;
	font-size: 13.5px !important;
	background: #2B3252;
	padding: 7px 14px;
	border-radius: 100px;
	display: none;
}


.light-mode .ms-a-short-1{
	display: block;
}

.light-mode .ms-short-5, .light-mode .ms-a-short-1{
	width: calc(100% - 260px);
}

.light-mode .ms-short-5{
	font-size: 17px;
	line-height: 21px;
	color: #2B3252;
	floaT: right;
	height: 85px;
	object-fit: cover;
	position:relative;
	overflow:hidden;
	margin: 0px 0px 0px 0px;
	font-family: font-3;
}


.light-mode .ms-short-1{
	position:relative;
	overflow: hidden;
	width: 745px;
	floaT: left;
	margin: 0px 0px 25px 0px;
	padding-bottom: 25px;
	border-bottom: 1px #E0E2E9 solid;
}

.light-mode .ms-short-3, .light-mode .ms-short-3 img{
    width: 240px;
    floaT: left;
    height: 160px;
    object-fit: cover;
    border-radius: 14px;
    position:relative;
    overflow:hidden;
}



.light-mode .ms-a-short-01{
display: none;	
}

.div-left-menu-001.div-left-menu-1 {
    margin: -5px -5px -3px 0px;
    height: 30px;
    border: 0px;
}


.ms-a-short-01 a{
	color:#7E7F83;
}

.ms-a-short-01{
	font-size: 15px;
	-webkit-font-feature-settings: 'case'on;font-feature-settings: 'case'on;
	width: 100%;
	floaT: left;
	position:relative;
	font-family: font-3;
	color:#7E7F83;
	margin: 17px 0px 10px 0px;
}



.ms-a-short-02{
	float: right;
	position:relative;
	margin-bottom: 0px;
	font-size: 0px;
}

.ms-a-short-02 a:nth-child(2){
	font-size: 16px;
	display: inline-flex;
}

.ms-a-short-02 a:hover{
	color: #333b60;
	transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;
}

.ms-a-short-02 a{
	transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;
	display: none;
}

.ms-short-1 img {
        -webkit-transition: all .5s;
        -moz-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s;
        -webkit-filter: saturate(100%);
        filter: saturate(100%)
    }

.ms-short-2: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 .5s;
        -moz-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s;
        -webkit-filter: saturate(130%);
        filter: saturate(130%)
    }


.ms-short-2:hover .ms-short-5 {
 transition:all 0.2s ease-in-out;
 -moz-transition:all 0.2s ease-in-out;
 -webkit-transition:all 0.2s ease-in-out;
 color: #4a5483;
}


.ms-short-5{
	font-size: 17px;
	color: #2B3252;
	width: 100%;
	floaT: left;
	height: 63px;
	object-fit: cover;
	position:relative;
	overflow:hidden;
	margin: 0px 0px 0px 0px;
	font-family: font-3;
}

.ms-a-short-1{
	display: none;
}


.ms-short-4{
	font-size: 16px;
	font-family: font-3;
	floaT: left;
	height: 16px;
	object-fit: cover;
	position:relative;
	overflow:hidden;
	margin: 0px 0px 0px 0px;
	color: #7E7F83;
}

.ms-short-3, .ms-short-3 img{
    width: 100%;
    floaT: left;
    height: 240px;
    object-fit: cover;
    border-radius: 14px;
    position:relative;
    overflow:hidden;
}

.ms-short-1{
	 overflow: hidden;
	width: 360px;
	floaT: left;
	margin: 0px 25px 25px 0px;
}


.fo-msg-7{
	 overflow: hidden;
	width: 106%;
	floaT: left;
}

.fo-msg-6 {
	 overflow: hidden;
	width: 100%;
	floaT: left;
	margin: 20px 0px 0px 0px;
}


.fo-msg-5{
	border-radius: 100px;
	overflow: hidden;
	width: 13px;
	height: 13px;
	background:#2B3252;
	floaT: left;
	margin: 3.5px 5px 0px 0px;
}


.fo-msg-4 a{
	color:#2B3252;
}

.fo-msg-4{
	 overflow: hidden;
	floaT: left;
	margin: 2px 0px 0px 0px;
	padding: 0px 15px 0px 0px;
	position: relative;
	height: 20px;
	line-height: 20px;
	background:#fff;
	font-size: 18px;
	color:#2B3252;
	font-family: font-3;
	-webkit-font-feature-settings: 'case'on;font-feature-settings: 'case'on;
}

.fo-msg-3{
	width: 100%;
	floaT: left;
	position:relative;
}

.fo-msg-2{
	margin: 0px 25px;
}

.f-metis-001 .f-metis-2 a {
	margin: 20px 0px 0px 0px !important;
}


.fo-msg-1{
	 overflow: hidden;
	floaT: left;
	margin: 25px 0px 0px 0px;
	background: #fff;
	border-radius: 14px;
	padding: 22px 0px 0px 0px;
}

.light-mode .div-left-menu-2  {
	 cursor: pointer;
}

.light-mode .div-left-menu-3  {
	cursor: default !important;
}


.div-left-menu-3  {
    	cursor: pointer;
}



.a-short-3{
	font-size: 15px;
	font-family: font-1;
	floaT: left;
	height: 16px;
	border-radius: 14px;
	position:relative;
	margin: 2px 0px 0px 15px;
	color:#888A8E;
}

.a-short-2{
	float: left;
	position:relative;
	margin-bottom: 0px;
	color:#fff;
	font-size: 0px;
}

.a-short-2 a:nth-child(2){
	display: inline-flex;
}

.a-short-2 a:hover{
		color: #333b60;
	transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;
}

.a-short-02.a-short-2{
	margin: 8.5px 0px 0px 0px;
	floaT: right;
}


.a-short-2 a{
	font-family: font-1;
	transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	color:#7E7F83;
	font-size: 15px !important;
	padding: 4px 0px;
	border-radius: 100px;
	-webkit-font-feature-settings: 'case'on;font-feature-settings: 'case'on;
	display: none;
}

.a-short-1{
	display: none;
}


.light-mode .a-short-1{
	display: block;
}


.a-short-1{

	floaT: right;
	position:absolute;
	right: 0px;
	bottom: 0px;
}

.light-mode .short-5, .light-mode .a-short-1{
	width: calc(100% - 230px);
}

.light-mode .short-5{
	font-size: 17px;
	line-height: 21px;
	color: #2B3252;
	floaT: right;
	height: 85px;
	object-fit: cover;
	position:relative;
	overflow:hidden;
	margin: 0px 0px 0px 0px;
	font-family: font-3;
}

.light-mode .short-4{
	display: none;
}


.light-mode .short-3, .light-mode .short-3 img{
    width: 210px;
    floaT: left;
    height: 140px;
    object-fit: cover;
    border-radius: 14px;
    position:relative;
    overflow:hidden;
}

.light-mode .a-short-02.a-short-2{
	display: none;
}

.light-mode .short-1{
	position:relative;
	overflow: hidden;
	width: 510px;
	floaT: left;
	margin: 0px 20px 20px 0px;
}


/*-- dark --*/

.div-left-menu-3 ::after {
    width: 100%;
    height: 100%;
    lefT: 0px;
    top: 0px;
    position: absolute;
    content: "";
   	background: rgba(255, 255, 255, 0.04) url(../images/con-033.svg) center no-repeat;
   	opacity: 100%;
}

.div-left-menu-3  {
	    cursor: pointer;
	width: 35px;
	height: 35px;
	line-height: 35px;
	border-radius: 0px;
	float: left;
	position:relative;
	overflow:hidden;
	margin: 0px 0px 0px 0px;
}


.div-left-menu-2 ::after {
    width: 100%;
    height: 100%;
    lefT: 0px;
    top: 0px;
    position: absolute;
    content: "";
   	background: rgba(255, 255, 255, 0.04) url(../images/con-030.svg) center no-repeat;
   	opacity: 100%;
}
.div-left-menu-2  {
	width: 35px;
	height: 35px;
	line-height: 35px;
	border-radius: 0px;
	float: left;
	position:relative;
	overflow:hidden;
	margin: 0px 0px 0px 0px;
}

.light-mode .div-left-menu-2 {
    background: #fff !important;
    color: #aeadbb;
    box-shadow: 0px 0px 0px 0px #aeadbb;
    opacity: 50%;
     
}
.light-mode .div-left-menu-3 {
    box-shadow: 0px 0px 0px 0px #aeadbb;

   
}
.dark-mode .div-left-menu-3 {
    background: #fff !important;
    box-shadow: 0px 0px 0px 0px #aeadbb;
     opacity: 50%;
}


.div-left-menu-1 button {
	padding: 0px;
	display: inline-block;
    border: 0px;
    background: rgba(0, 0, 0, 0);
}
.div-left-menu-1 {
    margin: 18px 20px -3px 0px;
    height: 30px;
    float: right;
    font-family: font-1;
    font-size: 12px;
    position: relative;
    overflow:hidden;
    border: 0px;
}



.quote_block{
	width: 100%;
	floaT: left;
	position:relative;
	margin-top: 25px;
	margin-bottom: 21px;
}

.quote_block::after{
	position:absolute;
    width: 40px;
    height: 40px;
    floaT: left;
    top: -20px;
    left: 25px;
    margin: 0px 0px 0px 0px;
    background: #2B3252 url(../images/con-028.svg) center no-repeat;
    content: "";
    border-radius: 12px;
}

.scriptcode, .title_quote, .title_spoiler, .text_spoiler, .quote { position:relative;  padding: 25px 30px 20px 30px; background: #F1F1F1; border-radius: 14px;   }


.quote_body.contenteditable p{
	color: #2B3252 !important;
	font-family: font-1;
}


.footbaalls-5{
	color: #2F54FF;
	font-style: normal;
font-variant: all-small-caps;
}


.ful-1 .fli-1 .footballs-2{
	margin: 0px 25px;
}


.ful-1 .fli-1.footballs-1{
	 overflow: hidden;
	floaT: left;
	margin: 0px 0px 0px 0px;
	background: #fff;
	border-radius: 14px;
	padding: 20px 0px 20px 0px;
}

.ht-left-icon-2{
    position:relative;
    display: inline-flex;
    background: url(../images/con-026.svg) 0px 0px no-repeat;
    width: 20px;
    height: 22px;
    floaT: left;
    margin: 2.1px 1px 0px 0px;
}

.ht-left-icon-1{
    position:relative;
    display: inline-flex;
    background: url(../images/con-024.svg) 0px 0px no-repeat;
    width: 22px;
    height: 22px;
    floaT: left;
    margin: 2.1px 1px 0px 0px;
}

.ht-left-8 a:hover{
	color:#2B3252;
	background-color: rgb(241 241 241 / 50%);
	-webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
}

.ht-left-8 a{
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	-o-transition: all .2s;
	transition: all .2s;
	text-indent:0px;
	width: 100%;
	floaT: left;
	position:relative;
	color:#2B3252;
	margin: 0px 0px 10px 0px;
	background: #F1F1F1 url(../images/zo-1.svg) 20px center no-repeat;
	font-family: font-3;
	font-size: 17px;
	padding: 17px 15px 17px 45px;
	border-radius: 14px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.ht-left-8 {
	width: 100%;
	floaT: left;
	position:relative;
	color:#000;
	margin: 5px 0px 0px 0px;
}


.fa-minus-1{
    display: inline-flex;
    background: url(../images/con-034.svg) center no-repeat;
    width: 100%;
    height: 100%;
    floaT: left;
    margin: 0px 0px 0px 0px;
}

.fa-plus-1{
    display: inline-flex;
    background: url(../images/con-035.svg) center no-repeat;
    width: 100%;
    height: 100%;
    floaT: left;
    margin: 0px 0px 0px 0px;
}

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

.fullstor-14 {
	floaT: right;
	position:relative;
	margin: 3px 15px 0px 0px;
	font-family: font-1;
	font-size: 15px;
	color: #2B3252;
}

.container b{
font-family: font-3 !important;
}

.container p{
	line-height: 23px;
	font-size: 16px;
	color:#222222;
}

.container{
	width: 100%;
	floaT: left;
	position:relative;
	margin: 0px 0px 10px 0px;
	line-height: 23px;
	color:#0e0e0e
}

.fullstor-13 #decreaseFont:hover, .fullstor-13 #increaseFont:hover {
    opacity: 80%;
    cursor: pointer;
    -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
}

.fullstor-13 #increaseFont {
	-webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
    color: #0e1523 !important;
    border: 0px solid #CFD5DF;
    background: #2B3252;
    font-weight: 700;
    font-style: normal;
    font-size: 15px;
    z-index: 100;
    width: 28px;
    height: 28px;
    line-height: 28px;
    float: right;
    text-align: center;
    border-radius: 100px;
    margin-top: 0px;
}


.fullstor-13 #decreaseFont {
	-webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
    color: #0e1523 !important;
    border: 0px solid #CFD5DF;
    font-weight: 500;
    background: #D8E1EF;
    font-style: normal;
    font-size: 15px;
    z-index: 100;
    width: 28px;
    height: 28px;
    line-height: 28px;
    float: left;
    margin-right: 10px;
    text-align: center;
    border-radius: 100px;
    margin-top: 0px;
}

.fullstor-12 {
	floaT: right;
	position:relative;
	margin-top: 0px;
	/* margin-bottom: -9px; */
}


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


.ht-left-4{
	position:relative;
	float: left;
	margin: 0px 30px 0px 0px;
}

.ht-left-3{
	position:relative;
	float: left;
	color: #2B3252;
	margin: 5px 0px -4px 0px;
	font-family: font-1;
}

.ht-left-2{
	width: 100%;
	position:relative;
	float: left;
	font-size: 15px;
	line-height: 20px;
	font-family: font-3;
	color:#818284;
	margin: 20px 0px 20px 0px;
}


.full-size-02 h1{
	width: 100%;
	position:relative;
	float: left;
	font-size: 28px;
	line-height: 27px;
	letter-spacing: -0.3px;
	font-family: font-3;
	color:#242527;
	-webkit-font-feature-settings: 'case'on; font-feature-settings: 'case'on;
	margin: 0px 0px 15px 0px;
}

.ht-left-6 a:hover{
	background: #333b60;
	transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;
}

.ht-left-6 a{
    position: relative;
    background: #2B3252;
    border-radius: 10px;
    color: #f7f7f7;
    padding: 7px 12px;
    font-size: 14px;
    font-family: font-2;
    z-index:1;
    margin: 0px 10px 0px 0px;
     transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-webkit-transition:all 0.2s ease-in-out;
}

.ht-left-6 {
    position: absolute;
    left: 5px;
    color: #f7f7f7;
    padding: 10px 12px;
    font-size: 0px;
    font-family: font-2;
    bottom: 15px;
    z-index:1;
}


.ht-left-5, .ht-left-5 img{
	width: 100%;
	object-fit: cover;
	border-radius: 14px;
	overflow:hidden;
	position:relative;
	float: left;
}

.full-size-2{
	margin: 0px 25px;
}

.ht-left-5 img, .ht-left-5{
	width: 100%;
	height: 430px;
	position:relative;
	floaT: left;
	object-fit: cover;
}


.full-size-1{
	 overflow: hidden;
	floaT: left;
	margin: 0px 0px 20px 0px;
	background:#fff;
	border-radius: 14px;
	padding: 25px 0px 20px 0px;
}



.ful-1 .no-no-1{
	background:rgb(255 255 255 / 0%);
}

.ful-1 .footballs-2{
	margin: 0px 0px;
}


.ful-1 .footballs-1{
	 overflow: hidden;
	width: 100%;
	floaT: left;
	margin: 0px 0px 0px 0px;
	background:rgb(255 255 255 / 0%);
	border-radius: 0px;
	padding: 0px 0px 0px 0px;
}






.ko-sm-15 .ko-sm-16 {
	transition:all 0.2s ease-in-out;
	-moz-transition:all 0.2s ease-in-out;
	-webkit-transition:all 0.2s ease-in-out;
}

.ko-sm-15:hover .ko-sm-16 {
	transition:all 0.2s ease-in-out;
	-moz-transition:all 0.2s ease-in-out;
	-webkit-transition:all 0.2s ease-in-out;
	background-color:#414a70;
}


.ko-sm-015 .ko-sm-16{
    background: #353D5F url(../images/con-042.svg) center no-repeat;
}


.ko-sm-16{
    overflow:hidden;
    width: 45px;
    height: 45px;
    floaT: left;
    position:relative;
    background: #353D5F url(../images/con-040.svg) center no-repeat;
    border-radius: 10px;
    margin: 0px 10px 0px 0px;
}

.ko-sm-015.ko-sm-15{
	floaT: right !important;
}

.ko-sm-15{
	font-family: font-3;
	line-height: 45px;
	floaT: left;
	position:relative;
}


.ko-sm-14{
	width: 100%;
	floaT: left;
	position:relative;
	margin-top: 30px;
}



.ko-sm-19{  
	width: 16px;
	height: 16px;
	z-index:1;
	margin: 0px 2px -2px 0px;
	display: inline-block;
	background: url(../images/con-038.svg) center no-repeat;
}


.ko-sm-13{
	width: 380px;
	position:relative;
	margin: auto;
}


.ko-sm-18: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:#414a70;
}

.ko-sm-18 {
	transition:all 0.2s ease-in-out;
	-moz-transition:all 0.2s ease-in-out;
	-webkit-transition:all 0.2s ease-in-out;
	width: 100%;
	position:relative;
	float: left;
	color:#fff;
	height: 50px;
	line-height: 50px;
	font-family: font-3;
	border-radius: 10px;
	background:#353D5F;
	text-align: center;
	-webkit-font-feature-settings: 'case'on;
	font-feature-settings: 'case'on;
}


.ko-sm-17{
	margin-top: 20px;
	width: 100%;
	position:relative;
	float: left;
}

.ko-sm-12 a{
	color:#fff;
}

.ko-sm-12{
	width: 100%;
	position:relative;
	float: left;
	color:#fff;
}



.ko-sm-11 .swore-3{
		background: url(../images/soc-03.svg) center no-repeat;
}

.ko-sm-11 .van-div-02 .swore-02{  
	background: url(../images/soc-02.svg) center no-repeat;
}

.ko-sm-11 .van-div-01 .swore-01{  
	background: url(../images/soc-01.svg) center no-repeat;
}

.ko-sm-11 .van-div-2{
	background: #3a4470;
}

.ko-sm-11{
	width: 180px;
	position:relative;
	margin: auto;
}

.ko-sm-10{
	width: 100%;
	floaT: left;
	position:relative;
}





.ko-sm-5 {  
	width: 100%;
	height: 93px;
	floaT: left;
	lefT: 0px;
	top: 0px;
	z-index:1;
	position:relative;
	background: url(../images/con-1.svg) no-repeat;
	background-size: 100%;
}

.ko-sm-9 {
    margin: 0px 22%;
}

.ko-sm-8 {
    width: 100%;
    floaT: left;
    z-index: 1;
    position:relative;
    overflow:hidden;
    margin: 0px 0px 10px 0px;
    color:#ffffff;
    font-size: 16px;
    font-family: font-1;
    text-align: center;
    color:#B5BAD1;
}



.ko-sm-7 {
    width: 100%;
    floaT: left;
    z-index: 1;
    position:relative;
    overflow:hidden;
    margin: 7% 0px 10px 0px;
    color:#ffffff;
    font-size: 32px;
    font-family: font-3;
    letter-spacing: -0.5px;
    text-align: center;
    -webkit-font-feature-settings: 'case'on;
	font-feature-settings: 'case'on;
}



.ko-sm-6 {
    width: 100%;
    floaT: left;
    z-index: 1;
    position:relative;
    overflow:hidden;
    background:#2B3252;
    color: #fff;
}



.ko-sm-3 {
    margin: 0px 2px 0px 0px;
}

.ko-sm-4 {
    width: 100%;
    floaT: left;
    z-index: 1;
    position:relative;
    overflow:hidden;
    margin-bottom: 25px;
    border: 1px #E2E4EB solid;
    border-radius: 14px;
}




.form_submit .btn.btn-big{
	display: inline-block !important;
	margin: -75px 0px 0px 10px;
	border-radius: 10px;
}

.form_submit div{
    display: inline-block;
    text-align: center;
}

.form_submit {
    width: 100%;
    floaT: left;
    z-index: 1;
    position:relative;
    margin-top: 10px;
    display: inline-block;
    text-align: center;
}


.ko-sm-2 {
    width: 100%;
    floaT: left;
    z-index: 1;
    position:relative;
    margin: 35px 0px 35px 0px;
    color:#222222;
    font-size: 32px;
    font-family: font-3;
    letter-spacing: -0.5px;
    text-align: center;
    -webkit-font-feature-settings: 'case'on;
	font-feature-settings: 'case'on;
}



.ko-sm-1 .box_in{
	width: 825px;
	margin: auto;
}


.ko-sm-1 {
    width: 100%;
    floaT: left;
    z-index: 1;
    position:relative;
    margin-bottom: 35px;
}



.no-no-1 .footballs-1{
	 margin-bottom: 0px;
}

.ssp-tit-5 {
    width: 100%;
    height: 35px;
    floaT: left;
    z-index: 1;
}

.ssp-tit-4{ position:absolute;top:50%;left:0;width:100%;-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:2;}


.ssp-tit-3.sp-tit-3 img{
	line-height: 0px;
	width: 25px;
}


.ssp-tit-3.sp-tit-3{
	position:relative;
	margin: 15px 5px -10px 20px;
	floaT: left;
	background:#fff !important;
	box-shadow: 0px 0px 0px 0px #e5e5ed;
}


.sp-tit-10 a:hover{
	background:#e4e8ed;
	color:#2B3252;
}

.sp-tit-10 a{
	height: 38px;
	line-height: 39px;
	floaT: left;
	padding: 0px 15px;
	margin: 0px 7.5px;
	background:#F1F1F1;
	color:#4a4e64;
	border-radius: 10px;
	text-align: center;
	font-family: font-3;
	-webkit-font-feature-settings: 'case'on;
	font-feature-settings: 'case'on;
	font-size: 14px;
}



.sp-tit-8 .sp-tit-10 li  {
	display: inline-block;
}



.sp-tit-8::after {
	width: 70px;
	height: 60px;
	margin: 0px 0px 0px 0px;
	position: absolute;
	floaT: left;
	background: linear-gradient(270deg, #FFF 23.61%, rgba(255, 255, 255, 0.00) 100%);
	content: "";
	right: 0px;
	top: -12px;
	z-index:1;
}

.sp-tit-8::before {
	width: 70px;
	height: 60px;
	margin: 0px 0px 0px 0px;
	position: absolute;
	floaT: left;
	background: linear-gradient(90deg, #FFF 23.61%, rgba(255, 255, 255, 0.00) 100%);
	content: "";
	left: 0px;
	top: -12px;
	z-index:1;
}

.sp-tit-8{
	width: calc(100% - 180px);
	height: 38px;
	overflow:hidden;
	floaT: right;
	background:#fff;
	margin: 0px 0px 0px 0px;
	overflow:hidden;
	position:relative;
}

.sp-tit-7{
	width: 150px;
	height: 38px;
	line-height: 39px;
	floaT: left;
	margin: 0px 0px 0px 0px;
	background:#2B3252;
	color:#fff;
	border-radius: 10px;
	text-align: center;
	font-family: font-3;
	-webkit-font-feature-settings: 'case'on;
	font-feature-settings: 'case'on;
	font-size: 14px;
}


.box_in h1{
	color:#2B3252;
	font-size: 22px;
	margin: -5px 0px 7px 0px;
	width: 100%;
	floaT: left;
	position:relative;
	overflow:hidden;
	font-family: font-3;
	letter-spacing: -0.5px;
	-webkit-font-feature-settings: 'case'on; font-feature-settings: 'case'on;
}


.boxx{
	margin-bottom: 25px;
}


body .sp-tit-3 {
	width: 40px;
	height: 40px;
	line-height: 44px !important;
	text-align: center;
	line-height: 20px;
    float: left;
	padding: 0px 0px !important;
	margin: 0px 14px 0px 0px;
	border-radius: 14px;
	font-family: font-1;
}


.sp-tit-5 a{
	position:relative;
	line-height: 20px;
	background:#e5e5ed;
    float: left;
	padding: 10px 17px;
	margin: 0px 14px 0px 0px;
	border-radius: 100px;
	font-family: font-1;
}

.sp-tit-5 a:nth-child(2){
	display: none !important;
}

.sp-tit-5{
	-webkit-font-feature-settings: 'case'on;
	font-feature-settings: 'case'on;
	font-size: 15.6px;
	font-family: font-3;
	font-weight: 900;
	line-height: 50px;
}


.sp-tit-4 .no-no-1{
margin-top: 0px;
}


.sp-tit-2 {
	padding: 0px 15px;
	line-height: 40px;
}


.sp-tit-1 {
	line-height: 20px;
	overflow: hidden;
	width: 100%;
	floaT: left;
	margin: 100px 0px 25px 0px;
	background:#fff;
	border-radius: 14px;
	padding: 15px 0px 15px 0px;
}




.berrors-2 b{
		-webkit-font-feature-settings: 'case'on;
	font-feature-settings: 'case'on;
	color:#2B3252;
	font-family: 'font-3';
}

.berrors-2{
	padding: 0px 20px;
}

.berrors-1.box{
	width: 100%;
	margin-bottom: 25px;
	color: #242527;
	background:#F1F1F1;
	border-radius: 14px;
	position:relative;
	float: left;
	padding: 20px 0px;
	font-size: 16px;
}


#pagi-load path{
	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:hover path{
	fill: #ffffff !important;
	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 svg{
	display: inline-block;
    color:#2B3252;
    margin: 0px 0px -4.5px 4px;
}


#pagi-load  path{
	fill:#2B3252;
}

#pagi-load span{ display: none;}
#pagi-load a span{ display: block; }
#pagi-load span{ width: 100%; float: left;  }
.pagi-load{  text-align: center; font-size:0px;}
.bottom-nav{  margin: 0px 0px 0px 0px; }
.pagi-load a:hover{color: #ffffff;transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-webkit-transition:all 0.2s ease-in-out;background: #2B3252;}
.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{ margin-bottom: 25px; width: 100%;color: #242527;font-family: font-1;border: 0px #C2C2CF solid;font-feature-settings: 'case' on;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 0px;display:inline-block;height: 50px;line-height: 50px;font-size: 16px;border-radius: 14px;cursor:pointer;/* color:#f7f7f7; */background: #CED9ED;text-align:center;font-family: 'font-3';}



.no-no-1{
	 overflow: hidden;
	width: 100%;
	floaT: left;
	margin: 100px 0px 20px 0px;
	background:#fff;
	border-radius: 14px;
	padding: 0px 0px 0px 0px;
}


#cssmenu li:hover ul:before{ 
z-index:9; 
position:absolute;
top: -25px;
right:0px;
width:100%;
height:25px;
content: "";
}

.footer-08 :hover {
	opacity: 80%;
}




.q_search input::placeholder {
    color: #8C8D90;
}

.footer-5::before {
	width: 30px;
	height: 100%;
	margin: 0px 0px 0px 0px;
	position: absolute;
	floaT: left;
	background: linear-gradient(90deg, #FFF 23.61%, rgba(255, 255, 255, 0.00) 100%);
	content: "";
	right: -30px;
	top: -1px;
	z-index:1;
}

.sld .footer-6 .slick-slide{
	width: 181px !important;
	margin:0px 0px;
	floaT: left !important;
}

.footer-6 .slick-slider .slick-list{
	padding: 0px 15px 0px 0px !important;
}

.header-001.header-3 .top-bar, .header-001.header-3 .scroll  {
	opacity: 100%;
}

.header-3 .top-bar, .header-3 .scroll  {
	opacity: 0%;
}

.header-3 .top-bar {
  height: 5px;
  width: 100%;
  background: rgb(232, 231, 228);
  position:absolute;
  bottom: -5px;
}

.header-3 .scroll {
  height: 5px;
  width: 0%;
  background: #2B3252;
  position:absolute;
  bottom: -5px;
}


.header-01 .logo-2 {
    margin: 6px 0px 0px 0px;
}

.header-01 #cssmenu ul li:hover, .header-01 #cssmenu ul .m-col-a {
	    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    color: #2B3252 !important;
    background: url(../images/hov.svg)  center 40px no-repeat;
}

.header-01 .header-8 ul li a{
	font-size: 16px;
	padding: 19px 14px;
}

.header-01 #cssmenu{
  animation: fadeIn 1s;
  -webkit-animation: fadeIn 1s;
  -moz-animation: fadeIn 1s;
  -o-animation: fadeIn 1s;
  -ms-animation: fadeIn 1s;
}

@keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@-moz-keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@-webkit-keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@-o-keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@-ms-keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}



.header-01 #cssmenu #menu-1, .header-01 #cssmenu #menu-2, .header-01 #cssmenu #menu-3, .header-01 #cssmenu #menu-4, .header-01 #cssmenu #menu-5, .header-01 #cssmenu #menu-6, .header-01 #cssmenu #menu-7{
	top: 55px;
}

.header-3.header-01 {
   position:fixed;
   top: 0px;
   z-index: 999;
   margin-top: 0px;
   box-shadow: 0px 0px 10px rgb(43 31 82 / 12%);
   height: 55px;
}


.footer-16:hover{
    opacity: 100%;
    transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -webkit-transition:all 0.2s ease-in-out;
}


.footer-16 {
	floaT: left;
	position:relative;
	margin: 8px 0px 0px 0px;
	opacity: 70%;
	transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -webkit-transition:all 0.2s ease-in-out;
}

.footer-15 {
	floaT: right;
	position:relative;
	margin: 0px 14px;
}

.footer-14 {
	floaT: right;
	position:relative;
	margin: 0px 0px 0px 0px;
}

.footer-13 {
	height: 32px;
	overflow:hidden;
	floaT: right;
	position:relative;
	margin: 24px 0px 24px 0px;
}


.footer-12 {
	font-size: 15px;
	color: #56585B;
	height: 80px;
	line-height: 81px;
	floaT: left;
	position:relative;
	margin: 0px 0px 0px 0px;
}


.footer-11 {
	width: 100%;
	floaT: left;
	position:relative;
	margin: 0px 0px 0px 0px;
}



.sld .footer-08{
	margin: 0px 30px;
	height: 55px;
}

.foter-logo-3{
	line-height: 61px !important;
}


.foter-logo-2{
	line-height: 72px !important;
}


.foter-logo-1{
	line-height: 70px !important;
}


.foter-logo-3 img{
	width: 180px;
}


.foter-logo-2 img{
	width: 110px;
}

.foter-logo-1 img{
	width: 100px;
}

.footer-008.footer-8{
	background: #F3F5F8;
}


.footer-8 {
	width: 100%;
	margin: 3px 0px;
	text-align: center;
	line-height: 55px;
	height: 55px;
	floaT: left;
	position:relative;
	border-radius: 100px;
}

.footer-6::before {
	width: 50px;
	height: 100%;
	margin: 0px 0px 0px 0px;
	position: absolute;
	floaT: left;
	background: linear-gradient(270deg, #FFF 23.61%, rgba(255, 255, 255, 0.00) 100%);
	content: "";
	right: 0px;
	top: -1px;
	z-index:1;
}


.footer-6 {
	width: calc(100% - 150px);
	text-align: center;
	line-height: 75px;
	height: 65px;
	floaT: right;
	position:relative;
	border-radius: 100px;
}


.footer-5 img{
	width: 95px;
	margin-top: 18px;
}

.footer-5 img {
        -webkit-transition: all .5s;
        -moz-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s;
    }

.footer-5: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 .5s;
        -moz-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s;
    }

.footer-5 {
        -webkit-transition: all .5s;
        -moz-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s;
    }

.footer-5:hover  {
        -webkit-transition: all .5s;
        -moz-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s;
        background: #19bfc3;
    }

.footer-5 {
	width: 150px;
	text-align: center;
	line-height: 75px;
	height: 65px;
	floaT: left;
	position: absolute;
	border-radius: 100px;
	background: #11ADB1;
}



.footer-4 {
	position:relative;
	margin: 0px 5px;
}


.footer-3 {
	width: 100%;
	floaT: left;
	position:relative;
	overflow:hidden;
	padding: 4px 0px;
	border-radius: 100px;
	box-shadow: 0px 0px 0px 1px #dfe7ef;
}


.footer-2 {
	width: 100%;
	floaT: left;
	position:relative;
	padding: 34px 0px;
}



.footer-9 {
	width: 100%;
	floaT: left;
	position:relative;
	background: #ffffff;
	margin: 0px 0px 0px 0px;
}

.footer-1 {
	width: 100%;
	floaT: left;
	position:relative;
	background: #ffffff;
	margin: 0px 0px 0px 0px;
	border-bottom: 1px #dfe7ef solid;
}








.v-videos-1 .short-2{
	margin: 0px 12.5px;
	position: relative;
}


.v-videos-1 .short-01{
	width: 100%;
	floaT: left;
	position:relative;
	background: #2B3252;
	border-radius: 14px;
	margin: 50px 0px 0px 0px;
}


.short-01 .short-2 .short-5 {
 transition:all 0.2s ease-in-out;
 -moz-transition:all 0.2s ease-in-out;
 -webkit-transition:all 0.2s ease-in-out;
}

.short-01 .short-2:hover .short-5 {
 transition:all 0.2s ease-in-out;
 -moz-transition:all 0.2s ease-in-out;
 -webkit-transition:all 0.2s ease-in-out;
 color: #ffffff;
}


.short-01 .short-5{
	margin: 15px 0px 25px 0px;
	font-size: 17px;
	 color: #B4BAD8;
}



.v-videos-9:hover .v-videos-5 {
	background: url(../images/le.svg) -20px 3px no-repeat;
	transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -webkit-transition:all 0.2s ease-in-out;
}


.v-videos-9 a{
	transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -webkit-transition:all 0.2s ease-in-out;
}

.v-videos-9 a:hover{
	color:#ffffff !important;
	transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -webkit-transition:all 0.2s ease-in-out;
}


.v-videos-9 .v-videos-5{
	border-radius: 100px;
	overflow: hidden;
	width: 10px;
	height: 19px;
	background: url(../images/le.svg) 0px 3px no-repeat;
	floaT: right;
	margin: 0px 0px 0px 4px;
	transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -webkit-transition:all 0.2s ease-in-out;
}


.v-videos-4{
	border-radius: 100px;
	overflow: hidden;
	width: 13px;
	height: 13px;
	background: #B4BAD8;
	floaT: left;
	margin: 3.3px 5px 0px 12.5px;
}

.v-videos-9 a{
	color:#B4BAD8 !important;
	font-size: 16px;
	font-family: font-1;
}


.v-videos-9{
	margin-right: 12.5px;
	margin-top: 1px;
	color:#B4BAD8;
	float: right;
	position:relative;
}

.footballs-4 a{
	color:#2B3252;
}


.v-videos-3 a:hover .v-videos-4{
	background:#ebefff;
	-webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;
}

.v-videos-3 a .v-videos-4 {
	-webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;
}


.v-videos-3{
	width: 100%;
	position:relative;
	margin: 22px 0px 20px 0px;
	 overflow: hidden;
	floaT: left;
	padding: 0px 15px 0px 0px;
	height: 20px;
	line-height: 20px;
	font-size: 17px;
	color:#2B3252;
	font-family: font-3;
	-webkit-font-feature-settings: 'case'on;font-feature-settings: 'case'on;
}


.v-videos-6{
	margin-top: -51px;
	width: 100%;
	floaT: left;
	position: relative;
}

.v-videos-3 a{
	position:relative;
	z-index:11;
	color: #B4BAD8;
}



.v-videos-2{
	margin: 0px 12.5px;
}


.v-videos-1{
	width: 100%;
	floaT: left;
	position:relative;
	background: #2B3252;
	border-radius: 14px;
	margin: 0px 0px 25px 0px;
}


.f-metis-2 path{
	transition:all 0.2s ease-in-out;
	-moz-transition:all 0.2s ease-in-out;
	-webkit-transition:all 0.2s ease-in-out;
}

.f-metis-2:hover path{
	fill: #ffffff !important;
	transition:all 0.2s ease-in-out;
	-moz-transition:all 0.2s ease-in-out;
	-webkit-transition:all 0.2s ease-in-out;
}


.f-metis-2 a:hover{
	color:#ffffff;
	background: #2B3252;
	transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -webkit-transition:all 0.2s ease-in-out;
}


.f-metis-2 a{
	transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -webkit-transition:all 0.2s ease-in-out;
}


.f-metis-2 svg{
	display: inline-block;
    color:#2B3252;
    margin: 0px 0px -4.5px 4px;
}

.f-metis-2 a{
    color:#2B3252;
}


.f-metis-2 a{
	font-family: font-3;
	-webkit-font-feature-settings: 'case'on;font-feature-settings: 'case'on;
    width: 100%;
    floaT: left;
    height: 50px;
    line-height: 50px;
    text-align: center;
    object-fit: cover;
    border-radius: 14px;
    position:relative;
    overflow:hidden;
    margin: 0px 0px 20px 0px;
    color:#2B3252;
    background:#CED9ED;
}





.short-2:hover .short-6{
	box-shadow: 0px 0px 0px 5px #2B3252;
	transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -webkit-transition:all 0.2s ease-in-out;
}

.short-2 .short-6{
	box-shadow: 0px 0px 0px 0px #2B3252;
	transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -webkit-transition:all 0.2s ease-in-out;
}

.short-6{
	width: 38px;
	height: 38px;
	position:absolute;
	bottom: 15px;
	right: 15px;
	background: #2B3252 url(../images/con-012.svg) center no-repeat;
	border-radius: 100%;
}



.footballs-9 .short-3, .footballs-9 .short-3 img{
    height: 172px;
}

.footballs-9 .short-1{
	 overflow: hidden;
	width: 234.9px;
	floaT: left;
	margin: 0px 20px 20px 0px;
}

.footballs-9 .footballs-01.footballs-1{
	floaT: right;
}

.footballs-9 .footballs-1{
	width: 530px;
}



.footballs-5{
	border-radius: 100px;
	overflow: hidden;
	width: 13px;
	height: 13px;
	background:#2B3252;
	floaT: left;
	margin: 3.5px 5px 0px 0px;
}


.short-2:hover .short-5 {
 transition:all 0.2s ease-in-out;
 -moz-transition:all 0.2s ease-in-out;
 -webkit-transition:all 0.2s ease-in-out;
 color: #4a5483;
}


.short-5{
	font-size: 17px;
	color: #2B3252;
	width: 100%;
	floaT: left;
	height: 85px;
	object-fit: cover;
	position:relative;
	overflow:hidden;
	margin: 0px 0px 0px 0px;
	font-family: font-3;
}

.short-4{
	font-size: 15px;
	font-family: font-1;
	floaT: left;
	height: 16px;
	object-fit: cover;
	border-radius: 14px;
	position:relative;
	overflow:hidden;
	margin: 12px 0px 9px 0px;
	color:#888A8E;
}



.short-3, .short-3 img{
    width: 100%;
    floaT: left;
    height: 175px;
    object-fit: cover;
    border-radius: 14px;
    position:relative;
    overflow:hidden;
}


.short-1{
	 overflow: hidden;
	width: 245px;
	floaT: left;
	margin: 0px 20px 20px 0px;
}




.footballs-8{
	 overflow: hidden;
	width: 106%;
	floaT: left;
}

.footballs-7{
	 overflow: hidden;
	width: 100%;
	floaT: left;
}


.footballs-6{
	border-radius: 100px;
	overflow:hidden;
	 overflow: hidden;
	width: 100%;
	height: 4px;
	background:#E0E2E9;
	floaT: left;
	margin: 7px 0px 9px 0px;
}


.footballs-4 a{
	color:#2B3252;
}

.footballs-4{
	 overflow: hidden;
	floaT: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 15px 0px 0px;
	position:absolute;
	height: 20px;
	line-height: 20px;
	background:#fff;
	font-size: 18px;
	color:#2B3252;
	font-family: font-3;
	-webkit-font-feature-settings: 'case'on;font-feature-settings: 'case'on;
}

.footballs-3{
	 overflow: hidden;
	width: 100%;
	floaT: left;
	margin: 0px 0px 20px 0px;
	padding: 0px 0px;
}



.footballs-2{
	margin: 0px 20px;
}


.footballs-1{
	 overflow: hidden;
	width: 100%;
	floaT: left;
	margin: 0px 0px 20px 0px;
	background:#fff;
	border-radius: 14px;
	padding: 20px 0px 0px 0px;
}

.footballs-4 a:hover .footballs-5{
	background:#5b669b;
	-webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;
}

.footballs-4 a .footballs-5{
	-webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;
}


   .stars-n-1 img, .short-1 img {
        -webkit-transition: all .5s;
        -moz-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s;
        -webkit-filter: saturate(100%);
        filter: saturate(100%)
    }

    .stars-n-1:hover img, .short-2: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 .5s;
        -moz-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s;
        -webkit-filter: saturate(130%);
        filter: saturate(130%)
    }


.star-new-3{floaT: left;position:relative;margin: -1px 0px 0px 0px;/* height: 46px; *//* line-height: 46px; */font-family: 'font-3';font-size: 16px;color:#18191B;}


.star-nn-1, .star-nn-2 {
    width: 19px;
    height: 19px;
    font-size: 14px;
    line-height: 19px;
    text-align: center;
    color: #ffffff;
    border-radius: 100px;
    margin: 0px 0px 0px 0px;
    bottom: 0px;
    display: inline-block;
    background: #2B3252;
    content: "";
    z-index:90;
}

.star-nn-2{display: none;}


.van-div-geo-1 {
  width: 400px;
  floaT: right;
  position:relative;
  height: 47px;
  background: url(../images/title-2.png) center no-repeat;
  position:absolute;
  right: 0px;
  z-index:1;
}


.van-div-03 {
  width: 47px;
  floaT: left;
  position:relative;
  height: 47px;
  line-height: 47px;
  background: url(../images/georgia.svg) center no-repeat;
  margin: 0px 0px 0px 5px;
}



.van-div-geo.van-div-4{
  font-family: font-1;
  floaT: left;
  position:relative;
  height: 47px;
  line-height: 47px;
  margin-bottom: 15px;
  color:#0e0f12;
  overflow:hidden;
  padding: 0px 0px 0px 0px;
}

.van-div-geo.van-div-2{
  font-family: font-1;
  width: 100%;
  floaT: left;
  position:relative;
  background: #ededed url(../images/title-1.png) 0px 0px no-repeat;
  height: 47px;
  line-height: 47px;
  margin-bottom: 15px;
  margin-top: 15px;
  color:#0e0f12;
  box-shadow: 0px 0px 6px 0px rgb(22 10 88 / 23%);
}


.van-div-12{
  line-height: 16px;
  position:relative;
  overflow:hidden;
  width: 100%;
  font-size: 14px;
  height: 62px;
  floaT: left;
  margin: 0px 0px 0px 0px;
  color:#0e0f12;
  font-weight: 700;
  font-family:font-3;
-webkit-font-feature-settings: 'case'on;
font-feature-settings: 'case'on;	
}

.van-div-11{
	width: 100%;
	floaT: left;
	position:relative;
	padding: 3px 0px 10px; 0px;
	font-size: 12px;
	color:#939393;
}


.van-div-10{
	padding: 0% 7%;
}



.van-div-8 img{
    width: 100%;
    floaT: left;
    height: 180px;
    object-fit: cover;
    border-radius: 0px;
    position:relative;
    overflow:hidden;
}


.van-div-6 img{
  widtH: 100%;
}


.van-div-6{
  width: 23.27%; 	
  float: left;
  margin: 0px 0px 15px 15px;
  box-shadow: 0px 0px 6px 0px rgb(22 10 88 / 23%);
}





.van-div-04{
  padding: 0px 0px 0px 5px;
  color:#757881;
}

.van-div-4{
	color:#ededed;
	z-index:11;
  font-family: font-4;
  floaT: left;
  position:relative;
  height: 48px;
  line-height: 48px;
  margin-bottom: 15px;
  overflow:hidden;
  padding: 0px 0px 0px 0px;
  font-size: 15px;
  letter-spacing: 0px;
}

.van-div-2{
  font-family: font-1;
  width: 100%;
  floaT: left;
  position:relative;
  background:#161c2a;
  height: 48px;
  line-height: 48px;
  margin-bottom: 15px;
  margin-top: 15px;
  color:#ededed;
}


ol.sliderr > .stars-n-1:hover > a:before{
	color:#2B3252;
	transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-webkit-transition:all 0.2s ease-in-out;
}

ol.sliderr {float:left;width:100%;font-size:13px;position:relative;padding:0;list-style:none;color:#222;counter-reset:ol-counter;}
ol.sliderr > li > a{line-height:20px;float:left;width:100%;/* overflow:hidden; */position:relative;font-size:17px;display:block;color:inherit;text-decoration:none !important;padding:0px 0 0px 0px;}
ol.sliderr > li > a:before{ transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-webkit-transition:all 0.2s ease-in-out;  filter: drop-shadow(0px 1px 2.1px rgba(0, 0, 0, 0.12)); color: #2B3252;   z-index:1;right: 0px;content:counter(ol-counter);counter-increment:ol-counter;font-size:15px;font-family:font-3;width:30px;height:30px;line-height:30px;border:0px solid #eeedf7;background:#ffffff; border-radius: 100px;float:left;  margin: 130px -5px 0px 0px; z-index:111; text-align:center;position:absolute;}

.van-stars-n-2{margin:0px 15px;}

.van-stars-n-1 {
	border-radius: 0px 0px 14px 14px;
    bottom: 0px;
    float: left;
    width: 100%;
    letter-spacing: 0.3px;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(#000000e6));
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, #000000e6 70%);
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, #000000e6 70%);
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #000000e6 70%);
    background-image: -o-linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #000000e6 70%);
    background-image: -moz-linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #000000e6 70%);
    background-image: -webkit-linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #000000e6 70%);
    background-image: -ms-linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #000000e6 70%);
    color: #f7f7f7;
    text-align: left;
    padding: 30px 0px 10px 0px;
    line-height: 20px;
    position: absolute;
	font-size: 14px;
	z-indeX:1;
	font-family: font-1;
}




.star-new-2 a{
	transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-webkit-transition:all 0.2s ease-in-out;
}

.star-new-2 .user_tab li:hover a{
 color: #2B3252;
 transition:all 0.2s ease-in-out;
 -moz-transition:all 0.2s ease-in-out;
 -webkit-transition:all 0.2s ease-in-out;
}

.star-new-3 i{
 color:#008080;
}

.stars-n-1:hover .stars-n-5, .van-div-6:hover .van-div-12 {
 transition:all 0.2s ease-in-out;
 -moz-transition:all 0.2s ease-in-out;
 -webkit-transition:all 0.2s ease-in-out;
 color: #4a5483;
}

.stars-n-1 .stars-n-5, .van-div-6 .van-div-12{
 transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-webkit-transition:all 0.2s ease-in-out;
}

.star-new-1 {
	margin-bottom: 0px;
    width: 100%;
    floaT: left;
    position: relative;
   
}

.stars-n-5{
  line-height: 20px;
  position:relative;
  overflow:hidden;
  width: 100%;
  font-size: 16px;
  height: 80px;
  floaT: left;
  margin: 10px 0px 0px 0px;
  color: #2B3252;
  font-weight: 700;
  font-family: 'font-3';
}

.stars-n-3, .stars-n-3 img{
    width: 100%;
    floaT: left;
    height: 150px;
    object-fit: cover;
    border-radius: 14px;
    position:relative;
    overflow:hidden;
}

.stars-n-1 img{
  widtH: 100%;
}

.stars-n-1 { 
  animation: fadeIn 0.8s;
  -webkit-animation: fadeIn 0.8s;
  -moz-animation: fadeIn 0.8s;
  -o-animation: fadeIn 0.8s;
  -ms-animation: fadeIn 0.8s;
}

@keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@-moz-keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@-webkit-keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@-o-keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@-ms-keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

.stars-n-1 {
  width: 196.4px;
  float: left;
  margin: 0px 15px 0px 0px;
}


.stars-n-2{
  position:relative;
  overflow:hidden;
  width: 100%;
  floaT: left;
  margin: 0px 0px 0px 0px;
}

.star-new-6 li:nth-child(0) {
    display: none;
}


.star-new-05, .liv-new-5{
  width: 103%;
  floaT: left;
  position:relative;
  overflow:hidden;
}

.star-new-2{
	position:relative;
	width: 100%;
	floaT: left;
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 0px 0px;
}
.user_tab .active a{
    color: #2B3252;
}


.user_tab .active {
    color: #008080;
    opacity: 9;
}

.star-new-4 img {
    width: 24px;
    height: 24px;
    floaT: left;
    margin: -2.5px 10px 0px 0px;
}

.user_tab li a{
    color: #ACADB9;
}

.user_tab li {
    display: inline-block;
    cursor: pointer;
    text-transform: uppercase;
    font-weight: 500;
    -webkit-user-select: none;
    color: #98989A;
    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;
}

.user_tab li:before {
	border-radius: 50px;
	width: 12px;
	height: 12px;
	top: 3px;
	margin: 0px 0px 0px 0px;
	bottom: 0px;
	left: -16px;
	position: absolute;
	floaT: left;
	background: #ACADB9;
	content: "";
	z-index:90;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.user_tab li.active:before {
  background: #2B3252;
}

.user_tab li a.active{ border-radius: 100px; background:#2e6abd;color:#ededed;z-index:4;outline:none;}

.user_tab{-webkit-font-feature-settings: 'case'on;font-feature-settings: 'case'on;margin: 0px 0px 0px 0px;floaT: right;font-family: 'font-3';}
.user_tab li{border-radius: 100px;position:relative;padding: 0px 0px;display:inline-block;margin: 0px 0px 0px 30px;cursor:pointer;text-transform:uppercase;font-weight:500;-webkit-user-select:none;}
.user_tab li:hover{ 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; }


.user_tab li:hover:before {
	background: #2B3252;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}


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



   .ll-new-1 img {
        -webkit-transition: all .5s;
        -moz-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s;
        -webkit-filter: saturate(100%);
        filter: saturate(100%)
    }

    .ll-new-1: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 .5s;
        -moz-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s;
        -webkit-filter: saturate(130%);
        filter: saturate(130%)
    }



.l-slaid-2 .ll-new-3 {
    padding: 0px 35px;
}


.l-slaid-2 .ll-new-2 {
    padding: 10px 0px 0px 0px;
}


.l-slaid-2 .ll-new-6 a{
    font-size: 24px;
    line-height: 32px;
}

.l-slaid-3  .ll-new-6 a{
    padding-bottom: 0px;
}

.ll-new-6 a{
	 padding-bottom: 30px;
    float: left;
    width: 100%;
    font-size: 16px;
    line-height: 21px;
    font-family: font-3;
    color:#fff;
}


.ll-new-5 a:nth-child(2){
	display: inline-flex;
}

.ll-new-5 a:hover{
	background: #333b60;
	transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;
}

.ll-new-5 a{
	transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;
	color:#fff;
	font-size: 13.5px;
	background: #2B3252;
	padding: 8px 14px;
	border-radius: 10px;
	display: none;
}

.ll-new-5{
	width: 100%;
	float: left;
	position:relative;
	margin-bottom: 7px;
	color:#fff;
	font-size: 0px;
}

.l-slaid-2, .l-slaid-2 img{
	height: 465px;
	overflow:hidden;
}


.l-slaid-04.l-slaid-4{
	margin-top: 25px;
}


.l-slaid-4, .l-slaid-4 img{
	height: 220px;
	overflow:hidden;
}



.ll-new-3 {
	position:relative;
    padding: 0px 20px;
}


.ll-new-2 {
    float: left;
    width: 100%;
    background: -moz-linear-gradient(top, rgb(255 0 0/0%) 0%, #000000 100%);
    background: -webkit-linear-gradient(top, rgb(255 0 0/0%) 0%, #000000 100%);
    background: linear-gradient(to bottom, rgb(255 0 0/0%) 0%, #000000 100%);
    padding: 30px 0px 20px 0px;
    font-size: 13px;
    color: #fff;
    position: absolute;
    bottom: 0px;
    z-index: 1;
}



.ll-new-1{
	width: 100%;
	position:relative;
	overflow:hidden;
	float: left;
	border-radius: 14px;
}


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

.l-slaid-3{
	width: 335px;
	floaT: right;
	margin: 0px 0px 0px 0px;
	position:relative;
}


.l-slaid-2{
	width: 670px;
	floaT: left;
	margin: 0px 0px 0px 0px;
	position:relative;
}

.center-2 .l-slaid-1{
	margin: 0px 19px;
}


.l-slaid-1{
	margin: 0px 25px;
}


.m-size-1{
	position:relative;
	z-index:1;
	overflow: hidden;
	width: 100%;
	floaT: left;
	margin: 0px 0px 20px 0px;
	background:#fff;
	border-radius: 14px;
	padding: 25px 0px 25px 0px;
}





.line-text-4::after {
	width: 70px;
	height: 46px;
	margin: 0px 0px 0px 0px;
	position: absolute;
	floaT: left;
	background: linear-gradient(270deg, #FFF 23.61%, rgba(255, 255, 255, 0.00) 100%);
	content: "";
	right: 0px;
	top: -12px;
	z-index:1;
}


.line-text-4::before {
	width: 70px;
	height: 46px;
	margin: 0px 0px 0px 0px;
	position: absolute;
	floaT: left;
	background: linear-gradient(90deg, #FFF 23.61%, rgba(255, 255, 255, 0.00) 100%);
	content: "";
	left: 0px;
	top: -12px;
	z-index:1;
}

.line-text-4{
	width: calc(100% - 170px);
	floaT: right;
	background:#fff;
	margin: 16px 10px 0px 0px;
	border-radius: 100px;
	overflow:hidden;
	position:relative;
}

.line-text-3{
	width: 120px;
	height: 28px;
	line-height: 29px;
	floaT: left;
	margin: 13px 0px 13px 13px;
	background:#2B3252;
	color:#fff;
	border-radius: 100px;
	text-align: center;
	font-family: font-3;
	-webkit-font-feature-settings: 'case'on;
	font-feature-settings: 'case'on;
	font-size: 14px;
}


.line-text-1{
	width: 100%;
	height: 54px;
	floaT: left;
	margin: 0px 0px 20px 0px;
	background:#fff;
	border-radius: 100px;
}


.line-text-4 .holder-1 .tek-l {
	display:inline;
}


.line-text-4 .holder-1 a:hover{
	color:#2B3252;
	    text-decoration: none;
    text-decoration: underline;
}

.line-text-4 .holder-1 a{
	text-decoration: none;
	font-weight: bold;
	color: #464850;
	font-size:15px;
	font-family: font-3;
	margin: 0px 30px 0px 0px;
	padding: 0px 0px 0px 30px;
	border-left: 1px #c4cad9 solid;
}




.div-home-2{
	width: 100%;
	floaT: left;
	margin: 0px 0px 0px 0px;
}


.div-home-1{
	width: 100%;
	floaT: left;
	margin: 95px 0px 0px 0px;
}


.tops-men-1#menu-3 ul:nth-child(2), .tops-men-1#menu-3 ul:nth-child(3), .tops-men-1#menu-3 ul:nth-child(4){
	margin-top: 52px;
}

#cssmenu > ul > li:hover > ul{animation:fade_in_show .3s}@keyframes fade_in_show{0%{opacity:0;transform:scale(0.4)}100%{opacity:1;transform:scale(1)}}


#cssmenu .fa-angle-down {
	background: url(../images/con-011.svg) center no-repeat;
	z-indeX: 1;
    width: 8px;
	height: 5px;
	display: inline-block;
	margin: 0px 0px 4px 2px;
}

#cssmenu li{
	display: inline-block;
}

.header-menu-1{
	width: auto !important;
	display: inline-flex;
	floaT: right;
	margin: 0px 0px 0px 0px;
}



.header-8 ul li a{
	color: #626878;
	-webkit-transition:all .5s;
	-moz-transition:all .5s;
	-o-transition:all .5s;
	transition:all .5s;
}

.header-8{
	widtH: 100%;
	line-height: 20px;
	border-radius: 5px;
	floaT: left;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px 0px;
}




#cssmenu ul li ul li img{
    width: 20px;
    height: 20px !important;
    padding: 0px 0px;
    line-height: 0px;
    margin: 10px 5px 0px 12px;
    floaT: left;
    border-radius: 5px;
}

#menu-1 .menu-titl-1 a:hover, #menu-2 .menu-titl-1 a:hover, #menu-3 .menu-titl-1 a:hover, #menu-4 .menu-titl-1 a:hover, #menu-5 .menu-titl-1 a:hover, #menu-6 .menu-titl-1 a:hover, #menu-7 .menu-titl-1 a:hover, #menu-8 .menu-titl-1 a:hover, #menu-9 .menu-titl-1 a:hover {
		color:#222  !important;
    text-decoration: blink !important;
    text-decoration: underline;
    cursor: default;
}

#menu-1 .menu-titl-1 a, #menu-2 .menu-titl-1 a, #menu-3 .menu-titl-1 a, #menu-4 .menu-titl-1 a, #menu-5 .menu-titl-1 a, #menu-6 .menu-titl-1 a, #menu-7 .menu-titl-1 a, #menu-8 .menu-titl-1 a, #menu-9 .menu-titl-1 a{
	font-family: font-4 !important;
	font-weight: 700 !important;
	font-size: 18px;
	margin-bottom: 10px !important;
}

#menu-1 ul, #menu-2 ul, #menu-3 ul, #menu-4 ul, #menu-5 ul, #menu-6 ul, #menu-7 ul, #menu-8 ul, #menu-9 ul{
    width: 100%;
    max-height: 0;
    position: relative !important;
    background: #fff;
}

body #menu-1 li, body #menu-2 li, body #menu-3 li, body #menu-4 li, body #menu-5 li, body #menu-6 li, body #menu-7 li, body #menu-8 li, body #menu-9 li {
    width: 100%;
    /* max-height: 0; */
    position: relative !important;
    background: #fff;
}


body #menu-3 ul, body #menu-4 ul, body #menu-5 ul, body #menu-6 ul, body #menu-7 ul, body #menu-8 ul, body #menu-9 ul{
	width: 250px !important;
	height: auto !important;position:relative !important;floaT: left;top: 0px !important;
	}

#cssmenu > ul li:hover a {
    color: #2B3252 !important;
}

#cssmenu > ul li:hover li a {
    color: #2B3252 !important;
}


body #menu-2 ul{ 
width: 31.72% !important;
}


body #menu-1 .menu-t-1{width: 35% !important;}


body #menu-1 ul{ 
width: 29.1% !important;
height: auto !important;
position:relative !important;
floaT: left;
top: 0px !important;
}



#cssmenu ul li a {
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

#cssmenu ul li:hover ul {
    width: 100%;
    floaT: left;
    max-height: 300px;
    /* overflow: hidden; */
}

#cssmenu ul li ul {
    width: 100%;
    max-height: 0px;
    /* overflow: hidden; */
}

#cssmenu ul li ul {
    width: 100%;
    max-height: 0px;
    /* overflow: hidden; */
}


#cssmenu ul li:hover ul ul {
	padding: 1px 4px 0px 8px;
	}

#cssmenu ul li:hover ul {
	padding: 20px 0px 15px 12px;
	position: absolute;
	left: 0px !important;
	/* overflow: hidden; */
	z-index: 9999;
	opacity: 9;
	display: block !important;
}

#cssmenu ul li ul {
	box-shadow: 0px 0px 0px 0px #fff;
	position: absolute;
	/* overflow: hidden; */
	z-index: 9;
	opacity: 9;
	display: none;
}

#cssmenu ul li ul li {
	width: 100%;
	position: absolute;
}


#cssmenu ul li ul li a:hover, #cssmenu ul li ul .m-col-aa a  {
    color: #2B3252;
    border: 1px solid rgb(185 189 209 / 40%);
    background: rgb(185 189 209 / 15%);
}


#cssmenu ul li ul li a {
		-webkit-font-feature-settings: inherit !important;
		font-feature-settings: inherit !important;
		letter-spacing: -0.0px;
		text-align: left;
		line-height: 20px;
		font-family: font-1;
		font-weight: 800;
		font-size: 15px;
		font-weight: 100;
		float: left;
		opacity: 9;
		color: #5c5c78;
		border: 1px solid #e1e6ed;
		width: 100%;
		height: 40px;
		padding: 0px 0px;
		margin: 0px 0px 5px 0px !important;
		border-radius: 8px;
		line-height: 40px;
}

#cssmenu ul li ul li a:hover {
    color: #2B3252 !important;
}

#cssmenu > ul > li > ul > li {
    width: 100%;
    float: left;
    padding: 0px;
    z-index: 99;
    max-height: 72px;
    position: relative;
    height: auto;
}

#cssmenu > ul > li > ul {
    padding: 0% 0%;
    background: #fff;
    font-family: font-2;
    width: 96% !important;
    display: block;

}




.right-menu-icon-04 { 
    background: url(../images/menu-i-4.svg) center no-repeat;
}


.right-menu-icon-03{
    background: url(../images/menu-i-3.svg) center no-repeat;
}

.right-menu-icon-02{
    background: url(../images/menu-i-2.svg) center no-repeat;
}

.right-menu-icon-01{
    background: url(../images/menu-i-1.svg) center no-repeat;
}


.right-menu-icon-01, .right-menu-icon-02, .right-menu-icon-03, .right-menu-icon-04 {
    opacity: 9;
    text-align: center;
    position: absolute;
    top: 50%;
    color: #fff;
    font-size: 30px;
    font-family: font-1;
    letter-spacing: 0.2px;
    left: 0;
    width: 100%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 1;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    }


.right-menu-icon-01, .right-menu-icon-02, .right-menu-icon-03, .right-menu-icon-04{
    width: 70px;
    height: 25px;
}



.right-menu-1 li:hover::before, .right-menu-1 li:hover::after {
    width: 100%;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.right-menu-1 li::before{
lefT: 0% !important;
}

.right-menu-1 li::after{
right: 0% !important;
}

.right-menu-1 li::before, .right-menu-1 li::after {
    width: 0%;
    height: 5px;
    bottom: 0px;
    position: absolute;
    background: #0092c1;
    content: "";
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.right-menu-1 li::before {
    left: 0px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.right-menu-1 li{
    float: left;
    position: relative;
    overflow:hidden;
    margin: 0px 0px; 
    width: 70px;
    height: 70px;
    border-lefT: 0px #ddd solid;
}

.right-menu-1 {
    float: right;
}


body #cssmenu .menu-t-1 .menu-titl-1 a:hover{
	color:#222 !important;
}





body #cssmenu #menu-1 .menu-t-1{
	background: url(../images/menu-1.png) 0px 0px no-repeat;
}

#cssmenu ul li ul .menu-titl-1 :hover {
	background:rgb(255 255 255 / 0%);
}


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



.menu-t-1 .menu-img-1 {
	width: 25px !important;
    height: 25px !important;
    width: auto;
    margin: -2px 10px 0px 8px;
    floaT: left;
}

.menu-img-1 {
	width: 20px !important;
    height: 20px !important;
    width: auto;
    margin: 0px 10px 0px 8px;
    floaT: left;
}


#cssmenu .menu-t-1 .menu-titl-1 a {
	font-family: font-4 !important;
	border-bottom: 1px rgb(58 60 60 / 15%) solid;
	border-radius: 0px;
	padding: 0px 0px 14px 0px;
}


body #cssmenu #menu-3 ul {
    width: 100%;
    floaT: left;
    /* height: 260px !important; */
    /* overflow: hidden; */
}

body #cssmenu #menu-2 ul {
    width: 100%;
    floaT: left;
    height: 100px !important;
    overflow: hidden;
}

body #cssmenu #menu-1 ul {
    width: 100%;
    floaT: left;
    height: 172px !important;
    overflow: hidden;
}

#cssmenu ul li:hover, #cssmenu ul .m-col-a {
	    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    color: #2B3252 !important;
    background: url(../images/hov.svg)  center 53px no-repeat;
}


#cssmenu ul li {
	    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    background: url(../images/hov.svg)  center 80px no-repeat;
}


#cssmenu a {
position:relative;
}



#cssmenu #menu-1, #cssmenu #menu-2, #cssmenu #menu-3, #cssmenu #menu-4, #cssmenu #menu-5, #cssmenu #menu-6, #cssmenu #menu-7{
	lefT: 0px !important;
	lefT: 0px !important;
	top: 75px;
	box-shadow: 0px 1px 10px 0px rgb(42 42 42 / 9%);
	border-radius: 0px 0px 14px 14px;
}


.brendebi-1{
	z-index:1;
	widtH: 100%;
	height: 125px;
	line-height: 20px;
	position:relative;
	overflow:hidden;
	floaT: left;
	margin: 20px 0px 0px 0px;
	padding: 0px 0px 15px 0px;
}


.header-9 .fab{
color:#1976d2;
font-size: 15px;
margin: 0px 0px 0px 5px;
}

.header-9 a:hover{
	color:#1976d2 !important;
}
.header-9{
	padding: 12px 0px 15px 18px;
	line-height: 20px;
	position:relative;
	overflow:hidden;
	floaT: right;
	margin: 0px 0px 0px 0px;
	font-size: 14px;
	font-family: font-1;
}

.header-8 ul li ul li a{
	font-size: 16px;
}


.header-8 ul li a{
	line-height: 20px;
	position:relative;
	-webkit-font-feature-settings: 'case'on;
	font-feature-settings: 'case'on;
	floaT: left;
	font-size: 16px;
	font-family: font-3;
	margin: 0px 0px;
	padding: 28.3px 14px 26.3px 14px;
	letter-spacing:0.01em;
}

.dzebna-n-1 .btn-1 {
	   -webkit-transition: all 0.4s;
    font-family: font-1;
    position: absolute;
    right: 0;
    width: 37px;
    height: 33px;
    line-height: 33px;
    cursor: pointer;
    color: #687183;
    text-align: center;
    background: #fff url(../images/con-007.svg) center no-repeat;
    border: 0;
    top: 0;
    margin: 0;
    overflow: hidden;
    font-size: 15px;
    letter-spacing: 1px;
    border-radius: 0;
    margin-top: 0;
}

.dzebna-n-1,  #searchsuggestions {
	/* width: 260px; */
}


.dzebna-n-1 {
    margin: 0px 0px;
    height: 33px;
    float: right;
    position: relative;
    overflow: hidden;
    border-radius: 100px;
}

 .dzebna-n-1 .q_search input:focus,  #searchsuggestions{
        widtH: 340px;
    }

    
     .dzebna-n-1 .q_search input:focus{
        transition: all 0.7s;
        -webkit-transition: all 0.4s;
    }


.dzebna-n-1 .q_search input {
	-webkit-transition: all 0.4s;
    color:  #8C8D90;
    font-family: font-1;
    float: left;
    top: 0 !important;
    text-indent: 15px;
    height: 33px;
    padding: 0;
    width: 240px;
    background: #fff;
    border: 0 solid #ffffff;
    margin: 0;
    font-size: 15px;
    letter-spacing: 0px;
    border-radius: 3px;
}

.k-sms-1:hover {
    background: #2B3252 url(../images/con-0008.svg) center no-repeat;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
}

.k-sms-1 {
    cursor: pointer;
    overflow:hidden;
    width: 33px;
    height: 33px;
    line-height: 40px;
    floaT: right;
    position:relative;
    margin: 0px 0px 0px 12px;
    border-radius: 100px;
    background: #fff url(../images/con-008.svg) center no-repeat;
    text-align: center;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
}






.van-div-01:hover.van-div-2 path, .van-div-02:hover.van-div-2 path, .van-div-03:hover.van-div-2 path{
   fill: #ededed;
    -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-03:hover .swore-03{  
	opacity:9;
	 -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
}

.van-div-02:hover .swore-02{  
	width: 100%;
	height: 100%;
	floaT: left;
	lefT: 0px;
	top: 0px;
	z-index:1;
	position:absolute;
	background: #37B6FD url(../images/soc-02.svg) center no-repeat !important;
    -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
}

.van-div-02 .swore-02{  
	width: 100%;
	height: 100%;
	floaT: left;
	lefT: 0px;
	top: 0px;
	z-index:1;
	position:absolute;
	background: url(../images/soc-2.svg) center no-repeat;
    -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
}

.van-div-01 .swore-01{  
	width: 100%;
	height: 100%;
	floaT: left;
	lefT: 0px;
	top: 0px;
	z-index:1;
	position:absolute;
	background: url(../images/soc-1.svg) center no-repeat;
    -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
}

.van-div-03 .swore-03{
	opacity:0;
	background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
	width: 100%;
	height: 100%;
	floaT: left;
	lefT: 0px;
	top: 0px;
	z-index:1;
	position:absolute;
    -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
}


.van-div-01:hover .swore-01{  
	width: 100%;
	height: 100%;
	floaT: left;
	lefT: 0px;
	top: 0px;
	z-index:1;
	position:absolute;
	background: #3B64B4 url(../images/soc-01.svg) center no-repeat !important;
    -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
}

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


.van-div-03:hover .swore-3{
		background: url(../images/soc-03.svg) center no-repeat;
	   -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
}

.swore-3{
		background: url(../images/soc-3.svg) center no-repeat;
		floaT: left;
		z-indeX: 11;
		width: 100%;
		position:absolute;
		text-align: center;
		left: 0px;
		height: 32.5px;
	   -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
}

.swore-2{
    floaT: left;
    z-indeX:0;
    width: 100%;
    position:absolute;
    text-align: center;
    left: 0px;
    height: 33px;
}

.swore-1{
    floaT: left;
    z-indeX:0;
    width: 100%;
    position:absolute;
    text-align: center;
    left: 0px;
    height: 33px;
}

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

.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;
    margin-bottom: 20px;
    float: left;
    position: absolute;
    margin-top: 55px;
    widtH: 100%;
    height: 75px;
    background: #ffffff;
    line-height: 50px;
}


.logo-2 svg{
    widtH: 130px !important;
	height: 45px;
    line-height: 0px;
    float: left;
    position: relative;
}


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

.logo-1 {
    width: 155px;
    height: 75px;
    line-height: 75px;
    margin: 0px 0px;
    float: left;
    position: relative;
}

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

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

.van-div-9{
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    width: 21px;
    height: 21px;
    floaT: left;
    margin: 6px 0px 6px 0px;
    background: #2B3252 url(../images/con-009.svg) center no-repeat;
    border-radius: 100px;
}


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



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

.van-div-10{
	/* display: none; */
	cursor: pointer;
	overflow:hidden;
	width: 44px;
	height: 35px;
	line-height: 36px;
	floaT: right;
	position:relative;
	margin: 0px 0px 0px 0px;
	border-radius: 500px;
	background: #008080;
	text-align: center;
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	-o-transition: all .2s;
	transition: all .2s;
}


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


.van-div-3{
    margin-top: 11px;
}


.van-div-4{
      cursor: pointer;
      overflow:hidden;
      width: 85px;
      height: 33px;
      line-height: 40px;
      floaT: right;
      position:relative;
      margin: 0px 0px 0px 12px;
      border-radius: 100px;
      background: #ffffff url(../images/new-con-010.svg) center no-repeat;
      text-align: center;
      -webkit-transition: all .2s;
      -moz-transition: all .2s;
      -o-transition: all .2s;
      transition: all .2s;
}


.header-1 {
    float: left;
    position: relative;
    widtH: 100%;
    height: 55px;
    background: #F1F1F1;
    line-height: 55px;
}

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




/*-- RESPONSIVE --*/
@media (min-width:1200px) and (max-width:90000000px){
.f-club-2 img{
    transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;
}

.f-club-2:hover img{
	transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;
	        -moz-transform: scale(1.07);
        -webkit-transform: scale(1.07);
        -o-transform: scale(1.07);
        -ms-transform: scale(1.07);
        transform: scale(1.07);
}

.f-club-2:hover{
	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 10px 1px rgb(30 147 119 / 30%);
}


.f-club-02{
	width: 200px;
	margin: auto;
}


.f-club-2{
	transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;
	width: 200px;
	height: 50px;
	border-radius: 100px;
	line-height: 65px;
	margin: auto;
	box-shadow: 0px 0px 10px 1px rgb(43 185 151 / 0%);
}




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


.full-s-2 .slick-prev:after{right:0px;top:0px;-webkit-transform:skew(0deg, 0deg);-ms-transform:skew(0deg, 0deg);transform:skew(0deg, 0deg);}

.full-s-2 .slick-next:before{
	width: 30px;
	height: 30px;
	background: url(../images/next-1.svg) 12px 11px  no-repeat;
	content: "";
	position:absolute;
	lefT: 0px;
}

.full-s-2 .slick-prev:after{
	width: 30px;
	height: 30px;
	background: url(../images/next-2.svg) 12px 11px  no-repeat;
	content: "";
	position:absolute;
	lefT: 0px;
}


.full-s-2 .slick-next{
	right: 15px;
}

.full-s-2 .slick-prev{
	left: 15px !important;
}

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

.full-s-2 .slick-next, .full-s-2 .slick-prev{
	background-color: #2B3252;
	border: 0;
	floaT:left;
	border-radius: 100px;
	font-size:0px !important;
	z-index:9;
	line-height:40px;
	position:absolute;
	display:block !important;
	width: 30px !important;
	height: 30px !important;
	padding:0;
	cursor:pointer;
	}


.full-s-2 .slick-dots li{background: rgb(255 255 255 / 25%);border-radius:10px;position:relative;display:inline-block;width:10px;height:10px;margin:0 2px;padding:0;cursor:pointer;}
.full-s-2 .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;}

.full-s-2 .slick-dots{lefT: 0px; bottom: 20px !important; top: inherit !important; width: 100% !important;position:absolute;padding:0;margin:0;list-style:none;text-align:center;z-index:9;}
.full-s-2 .slick-dots .slick-active{background: #ededed;border-radius:100px;}


.full-s-2{
	width: 100%;
	position:relative;
	overflow:hidden;
	float: left;
	margin: 0px 0px 10px 0px;
	border-radius: 14px;
}


.ms-a-short-1{
	floaT: right;
	position:absolute;
	right: 0px;
	bottom: 25px;
}

.ms-a-short-3{
	font-family: font-3;
	floaT: left;
	height: 16px;
	border-radius: 14px;
	position:relative;
	margin: 6px 0px 10px 15px;
	color:#888A8E;
}

.ms-a-short-2{
	float: left;
	position:relative;
	margin-bottom: 0px;
	color:#fff;
	font-size: 0px;
}

.ms-a-short-2 a:nth-child(2){
	display: inline-flex;
}

.ms-a-short-2 a:hover{
	background: #333b60;
	transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;
}

.ms-a-short-2 a{
	transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;
	color:#fff;
	font-size: 13.5px !important;
	background: #2B3252;
	padding: 7px 14px;
	border-radius: 100px;
	display: none;
}


.light-mode .ms-a-short-1{
	display: block;
}

.light-mode .ms-short-5, .light-mode .ms-a-short-1{
	width: calc(100% - 260px);
}

.light-mode .ms-short-5{
	font-size: 17px;
	line-height: 21px;
	color: #2B3252;
	floaT: right;
	height: 85px;
	object-fit: cover;
	position:relative;
	overflow:hidden;
	margin: 0px 0px 0px 0px;
	font-family: font-3;
}


.light-mode .ms-short-1{
	position:relative;
	overflow: hidden;
	width: 745px;
	floaT: left;
	margin: 0px 0px 25px 0px;
	padding-bottom: 25px;
	border-bottom: 1px #E0E2E9 solid;
}

.light-mode .ms-short-3, .light-mode .ms-short-3 img{
    width: 240px;
    floaT: left;
    height: 160px;
    object-fit: cover;
    border-radius: 14px;
    position:relative;
    overflow:hidden;
}



.light-mode .ms-a-short-01{
display: none;	
}

.div-left-menu-001.div-left-menu-1 {
    margin: -5px -5px -3px 0px;
    height: 30px;
    border: 0px;
}


.ms-a-short-01 a{
	color:#7E7F83;
}

.ms-a-short-01{
	font-size: 15px;
	-webkit-font-feature-settings: 'case'on;font-feature-settings: 'case'on;
	width: 100%;
	floaT: left;
	position:relative;
	font-family: font-3;
	color:#7E7F83;
	margin: 17px 0px 10px 0px;
}



.ms-a-short-02{
	float: right;
	position:relative;
	margin-bottom: 0px;
	font-size: 0px;
}

.ms-a-short-02 a:nth-child(2){
	font-size: 16px;
	display: inline-flex;
}

.ms-a-short-02 a:hover{
	color: #333b60;
	transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;
}

.ms-a-short-02 a{
	transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;
	display: none;
}

.ms-short-1 img {
        -webkit-transition: all .5s;
        -moz-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s;
        -webkit-filter: saturate(100%);
        filter: saturate(100%)
    }

.ms-short-2: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 .5s;
        -moz-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s;
        -webkit-filter: saturate(130%);
        filter: saturate(130%)
    }


.ms-short-2:hover .ms-short-5 {
 transition:all 0.2s ease-in-out;
 -moz-transition:all 0.2s ease-in-out;
 -webkit-transition:all 0.2s ease-in-out;
 color: #4a5483;
}


.ms-short-5{
	font-size: 17px;
	color: #2B3252;
	width: 100%;
	floaT: left;
	height: 63px;
	object-fit: cover;
	position:relative;
	overflow:hidden;
	margin: 0px 0px 0px 0px;
	font-family: font-3;
}

.ms-a-short-1{
	display: none;
}


.ms-short-4{
	font-size: 16px;
	font-family: font-3;
	floaT: left;
	height: 16px;
	object-fit: cover;
	position:relative;
	overflow:hidden;
	margin: 0px 0px 0px 0px;
	color: #7E7F83;
}

.ms-short-3, .ms-short-3 img{
    width: 100%;
    floaT: left;
    height: 240px;
    object-fit: cover;
    border-radius: 14px;
    position:relative;
    overflow:hidden;
}

.ms-short-1{
	 overflow: hidden;
	width: 360px;
	floaT: left;
	margin: 0px 25px 25px 0px;
}


.fo-msg-7{
	 overflow: hidden;
	width: 106%;
	floaT: left;
}

.fo-msg-6 {
	 overflow: hidden;
	width: 100%;
	floaT: left;
	margin: 20px 0px 0px 0px;
}


.fo-msg-5{
	border-radius: 100px;
	overflow: hidden;
	width: 13px;
	height: 13px;
	background:#2B3252;
	floaT: left;
	margin: 3.5px 5px 0px 0px;
}


.fo-msg-4 a{
	color:#2B3252;
}

.fo-msg-4{
	 overflow: hidden;
	floaT: left;
	margin: 2px 0px 0px 0px;
	padding: 0px 15px 0px 0px;
	position: relative;
	height: 20px;
	line-height: 20px;
	background:#fff;
	font-size: 18px;
	color:#2B3252;
	font-family: font-3;
	-webkit-font-feature-settings: 'case'on;font-feature-settings: 'case'on;
}

.fo-msg-3{
	width: 100%;
	floaT: left;
	position:relative;
}

.fo-msg-2{
	margin: 0px 25px;
}

.f-metis-001 .f-metis-2 a {
	margin: 25px 0px 0px 0px !important;
}

.fo-msg-1{
	 overflow: hidden;
	floaT: left;
	margin: 25px 0px 0px 0px;
	background: #fff;
	border-radius: 14px;
	padding: 22px 0px 0px 0px;
}

.light-mode .div-left-menu-2  {
	 cursor: pointer;
}

.light-mode .div-left-menu-3  {
	cursor: default !important;
}


.div-left-menu-3  {
    	cursor: pointer;
}



.a-short-3{
	font-size: 15px;
	font-family: font-1;
	floaT: left;
	height: 16px;
	border-radius: 14px;
	position:relative;
	margin: 2px 0px 0px 15px;
	color:#888A8E;
}

.a-short-2{
	float: left;
	position:relative;
	margin-bottom: 0px;
	color:#fff;
	font-size: 0px;
}

.a-short-2 a:nth-child(2){
	display: inline-flex;
}

.a-short-2 a:hover{
		color: #333b60;
	transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;
}

.a-short-02.a-short-2{
	margin: 8.5px 0px 0px 0px;
	floaT: right;
}


.a-short-2 a{
	font-family: font-1;
	transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	color:#7E7F83;
	font-size: 15px !important;
	padding: 4px 0px;
	border-radius: 100px;
	-webkit-font-feature-settings: 'case'on;font-feature-settings: 'case'on;
	display: none;
}

.a-short-1{
	display: none;
}


.light-mode .a-short-1{
	display: block;
}


.a-short-1{

	floaT: right;
	position:absolute;
	right: 0px;
	bottom: 0px;
}

.light-mode .short-5, .light-mode .a-short-1{
	width: calc(100% - 230px);
}

.light-mode .short-5{
	font-size: 17px;
	line-height: 21px;
	color: #2B3252;
	floaT: right;
	height: 85px;
	object-fit: cover;
	position:relative;
	overflow:hidden;
	margin: 0px 0px 0px 0px;
	font-family: font-3;
}

.light-mode .short-4{
	display: none;
}


.light-mode .short-3, .light-mode .short-3 img{
    width: 210px;
    floaT: left;
    height: 140px;
    object-fit: cover;
    border-radius: 14px;
    position:relative;
    overflow:hidden;
}

.light-mode .a-short-02.a-short-2{
	display: none;
}

.light-mode .short-1{
	position:relative;
	 overflow: hidden;
	width: 552px;
	floaT: left;
	margin: 0px 25px 25px 0px;
}


/*-- dark --*/

.div-left-menu-3 ::after {
    width: 100%;
    height: 100%;
    lefT: 0px;
    top: 0px;
    position: absolute;
    content: "";
   	background: rgba(255, 255, 255, 0.04) url(../images/con-033.svg) center no-repeat;
   	opacity: 100%;
}

.div-left-menu-3  {
	    cursor: pointer;
	width: 35px;
	height: 35px;
	line-height: 35px;
	border-radius: 0px;
	float: left;
	position:relative;
	overflow:hidden;
	margin: 0px 0px 0px 0px;
}


.div-left-menu-2 ::after {
    width: 100%;
    height: 100%;
    lefT: 0px;
    top: 0px;
    position: absolute;
    content: "";
   	background: rgba(255, 255, 255, 0.04) url(../images/con-030.svg) center no-repeat;
   	opacity: 100%;
}
.div-left-menu-2  {
	width: 35px;
	height: 35px;
	line-height: 35px;
	border-radius: 0px;
	float: left;
	position:relative;
	overflow:hidden;
	margin: 0px 0px 0px 0px;
}

.light-mode .div-left-menu-2 {
    background: #fff !important;
    color: #aeadbb;
    box-shadow: 0px 0px 0px 0px #aeadbb;
    opacity: 50%;
     
}
.light-mode .div-left-menu-3 {
    box-shadow: 0px 0px 0px 0px #aeadbb;

   
}
.dark-mode .div-left-menu-3 {
    background: #fff !important;
    box-shadow: 0px 0px 0px 0px #aeadbb;
     opacity: 50%;
}


.div-left-menu-1 button {
	padding: 0px;
	display: inline-block;
    border: 0px;
    background: rgba(0, 0, 0, 0);
}
.div-left-menu-1 {
    margin: 18px 20px -3px 0px;
    height: 30px;
    float: right;
    font-family: font-1;
    font-size: 12px;
    position: relative;
    overflow:hidden;
    border: 0px;
}



.quote_block{
	width: 100%;
	floaT: left;
	position:relative;
	margin-top: 25px;
	margin-bottom: 21px;
}

.quote_block::after{
	position:absolute;
    width: 40px;
    height: 40px;
    floaT: left;
    top: -20px;
    left: 25px;
    margin: 0px 0px 0px 0px;
    background: #2B3252 url(../images/con-028.svg) center no-repeat;
    content: "";
    border-radius: 12px;
}

.scriptcode, .title_quote, .title_spoiler, .text_spoiler, .quote { position:relative; padding: 25px 30px 20px 30px; background: #F1F1F1; border-radius: 14px;   }


.quote_body.contenteditable p{
	color: #2B3252 !important;
	font-family: font-1;
}


.footbaalls-5{
	color: #2F54FF;
	font-style: normal;
font-variant: all-small-caps;
}


.ful-1 .fli-1 .footballs-2{
	margin: 0px 25px;
}


.ful-1 .fli-1.footballs-1{
	 overflow: hidden;
	floaT: left;
	margin: 0px 0px 0px 0px;
	background: #fff;
	border-radius: 14px;
	padding: 20px 0px 20px 0px;
}

.ht-left-icon-2{
    position:relative;
    display: inline-flex;
    background: url(../images/con-026.svg) 0px 0px no-repeat;
    width: 20px;
    height: 22px;
    floaT: left;
    margin: 2.1px 1px 0px 0px;
}

.ht-left-icon-1{
    position:relative;
    display: inline-flex;
    background: url(../images/con-024.svg) 0px 0px no-repeat;
    width: 22px;
    height: 22px;
    floaT: left;
    margin: 2.1px 1px 0px 0px;
}

.ht-left-8 a:hover{
	color:#2B3252;
	background-color: rgb(241 241 241 / 50%);
	-webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
}
.darken .ht-left-8 a{
	color:#d1d3dd;
	background: #202A50 url(../images/sol-1.svg) 20px center no-repeat !important;
}
.ht-left-8 a{
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	-o-transition: all .2s;
	transition: all .2s;
	text-indent:0px;
	width: 100%;
	floaT: left;
	position:relative;
	color:#2B3252;
	margin: 0px 0px 10px 0px;
	background: #F1F1F1 url(../images/zo-1.svg) 20px center no-repeat;
	font-family: font-3;
	font-size: 17px;
	padding: 17px 15px 17px 45px;
	border-radius: 14px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.ht-left-8 {
	width: 100%;
	floaT: left;
	position:relative;
	color:#000;
	margin: 5px 0px 0px 0px;
}


.fa-minus-1{
    display: inline-flex;
    background: url(../images/con-034.svg) center no-repeat;
    width: 100%;
    height: 100%;
    floaT: left;
    margin: 0px 0px 0px 0px;
}

.fa-plus-1{
    display: inline-flex;
    background: url(../images/con-035.svg) center no-repeat;
    width: 100%;
    height: 100%;
    floaT: left;
    margin: 0px 0px 0px 0px;
}

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

.fullstor-14 {
	floaT: right;
	position:relative;
	margin: 3px 15px 0px 0px;
	font-family: font-1;
	font-size: 15px;
	color: #2B3252;
}

.container b{
font-family: font-3 !important;
}

.container p{
	line-height: 22px;
	font-size: 16px;
	color:#222222;
}

.container{
	width: 100%;
	floaT: left;
	position:relative;
	margin: 0px 0px 10px 0px;
	line-height: 23px;
	color:#0e0e0e
}

.fullstor-13 #decreaseFont:hover, .fullstor-13 #increaseFont:hover {
    opacity: 80%;
    cursor: pointer;
    -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
}

.fullstor-13 #increaseFont {
	-webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
    color: #0e1523 !important;
    border: 0px solid #CFD5DF;
    background: #2B3252;
    font-weight: 700;
    font-style: normal;
    font-size: 15px;
    z-index: 100;
    width: 28px;
    height: 28px;
    line-height: 28px;
    float: right;
    text-align: center;
    border-radius: 100px;
    margin-top: 0px;
}


.fullstor-13 #decreaseFont {
	-webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
    color: #0e1523 !important;
    border: 0px solid #CFD5DF;
    font-weight: 500;
    background: #D8E1EF;
    font-style: normal;
    font-size: 15px;
    z-index: 100;
    width: 28px;
    height: 28px;
    line-height: 28px;
    float: left;
    margin-right: 10px;
    text-align: center;
    border-radius: 100px;
    margin-top: 0px;
}

.fullstor-12 {
	floaT: right;
	position:relative;
	margin-top: 0px;
	/* margin-bottom: -9px; */
}


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


.ht-left-4{
	position:relative;
	float: left;
	margin: 0px 30px 0px 0px;
}

.ht-left-3{
	position:relative;
	float: left;
	color: #2B3252;
	margin: 5px 0px -4px 0px;
	font-family: font-1;
}

.ht-left-2{
	width: 100%;
	position:relative;
	float: left;
	font-size: 15px;
	line-height: 20px;
	font-family: font-3;
	color:#818284;
	margin: 20px 0px 20px 0px;
}


.full-size-02 h1{
	width: 100%;
	position:relative;
	float: left;
	font-size: 28px;
	line-height: 27px;
	letter-spacing: -0.5px;
	font-family: font-3;
	color:#242527;
	-webkit-font-feature-settings: 'case'on; font-feature-settings: 'case'on;
	margin: 0px 0px 15px 0px;
}

.ht-left-6 a:hover{
	background: #333b60;
	transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;
}

.ht-left-6 a{
    position: relative;
    background: #2B3252;
    border-radius: 10px;
    color: #f7f7f7;
    padding: 7px 12px;
    font-size: 14px;
    font-family: font-2;
    z-index:1;
    margin: 0px 10px 0px 0px;
     transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-webkit-transition:all 0.2s ease-in-out;
}

.ht-left-6 {
    position: absolute;
    left: 5px;
    color: #f7f7f7;
    padding: 10px 12px;
    font-size: 0px;
    font-family: font-2;
    bottom: 15px;
    z-index:1;
}


.ht-left-5, .ht-left-5 img{
	width: 100%;
	object-fit: cover;
	border-radius: 14px;
	overflow:hidden;
	position:relative;
	float: left;
}

.full-size-2{
	margin: 0px 25px;
}

.ht-left-5 img, .ht-left-5{
	width: 100%;
	height: 430px;
	position:relative;
	floaT: left;
	object-fit: cover;
}


.full-size-1{
	 overflow: hidden;
	floaT: left;
	margin: 0px 0px 20px 0px;
	background:#fff;
	border-radius: 14px;
	padding: 25px 0px 20px 0px;
}



.ful-1 .no-no-1{
	background:rgb(255 255 255 / 0%);
}

.ful-1 .footballs-2{
	margin: 0px 0px;
}


.ful-1 .footballs-1{
	 overflow: hidden;
	width: 100%;
	floaT: left;
	margin: 0px 0px 0px 0px;
	background:rgb(255 255 255 / 0%);
	border-radius: 0px;
	padding: 0px 0px 0px 0px;
}






.ko-sm-15 .ko-sm-16 {
	transition:all 0.2s ease-in-out;
	-moz-transition:all 0.2s ease-in-out;
	-webkit-transition:all 0.2s ease-in-out;
}

.ko-sm-15:hover .ko-sm-16 {
	transition:all 0.2s ease-in-out;
	-moz-transition:all 0.2s ease-in-out;
	-webkit-transition:all 0.2s ease-in-out;
	background-color:#414a70;
}


.ko-sm-015 .ko-sm-16{
    background: #353D5F url(../images/con-042.svg) center no-repeat;
}


.ko-sm-16{
    overflow:hidden;
    width: 45px;
    height: 45px;
    floaT: left;
    position:relative;
    background: #353D5F url(../images/con-040.svg) center no-repeat;
    border-radius: 10px;
    margin: 0px 10px 0px 0px;
}

.ko-sm-015.ko-sm-15{
	floaT: right !important;
}

.ko-sm-15{
	font-family: font-3;
	line-height: 45px;
	floaT: left;
	position:relative;
}


.ko-sm-14{
	width: 100%;
	floaT: left;
	position:relative;
	margin-top: 30px;
}



.ko-sm-19{  
	width: 16px;
	height: 16px;
	z-index:1;
	margin: 0px 2px -2px 0px;
	display: inline-block;
	background: url(../images/con-038.svg) center no-repeat;
}


.ko-sm-13{
	width: 380px;
	position:relative;
	margin: auto;
}


.ko-sm-18: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:#414a70;
}

.ko-sm-18 {
	transition:all 0.2s ease-in-out;
	-moz-transition:all 0.2s ease-in-out;
	-webkit-transition:all 0.2s ease-in-out;
	width: 100%;
	position:relative;
	float: left;
	color:#fff;
	height: 50px;
	line-height: 50px;
	font-family: font-3;
	border-radius: 10px;
	background:#353D5F;
	text-align: center;
	-webkit-font-feature-settings: 'case'on;
	font-feature-settings: 'case'on;
}


.ko-sm-17{
	margin-top: 20px;
	width: 100%;
	position:relative;
	float: left;
}

.ko-sm-12 a{
	color:#fff;
}

.ko-sm-12{
	width: 100%;
	position:relative;
	float: left;
	color:#fff;
}



.ko-sm-11 .swore-3{
		background: url(../images/soc-03.svg) center no-repeat;
}

.ko-sm-11 .van-div-02 .swore-02{  
	background: url(../images/soc-02.svg) center no-repeat;
}

.ko-sm-11 .van-div-01 .swore-01{  
	background: url(../images/soc-01.svg) center no-repeat;
}

.ko-sm-11 .van-div-2{
	background: #3a4470;
}

.ko-sm-11{
	width: 180px;
	position:relative;
	margin: auto;
}

.ko-sm-10{
	width: 100%;
	floaT: left;
	position:relative;
}





.ko-sm-5 {  
	width: 100%;
	height: 93px;
	floaT: left;
	lefT: 0px;
	top: 0px;
	z-index:1;
	position:relative;
	background: url(../images/con-1.svg) no-repeat;
	background-size: 100%;
}

.ko-sm-9 {
    margin: 0px 24%;
}

.ko-sm-8 {
    width: 100%;
    floaT: left;
    z-index: 1;
    position:relative;
    overflow:hidden;
    margin: 0px 0px 10px 0px;
    color:#ffffff;
    font-size: 16px;
    font-family: font-1;
    text-align: center;
    color:#B5BAD1;
}



.ko-sm-7 {
    width: 100%;
    floaT: left;
    z-index: 1;
    position:relative;
    overflow:hidden;
    margin: 7% 0px 10px 0px;
    color:#ffffff;
    font-size: 32px;
    font-family: font-3;
    letter-spacing: -0.5px;
    text-align: center;
    -webkit-font-feature-settings: 'case'on;
	font-feature-settings: 'case'on;
}



.ko-sm-6 {
    width: 100%;
    floaT: left;
    z-index: 1;
    position:relative;
    overflow:hidden;
    background:#2B3252;
    color: #fff;
}



.ko-sm-3 {
    margin: 0px 2px 0px 0px;
}

.ko-sm-4 {
    width: 100%;
    floaT: left;
    z-index: 1;
    position:relative;
    overflow:hidden;
    margin-bottom: 25px;
    border: 1px #E2E4EB solid;
    border-radius: 14px;
}




.form_submit .btn.btn-big{
	display: inline-block !important;
	margin: -75px 0px 0px 10px;
	border-radius: 10px;
}

.form_submit div{
    display: inline-block;
    text-align: center;
}

.form_submit {
    width: 100%;
    floaT: left;
    z-index: 1;
    position:relative;
    margin-top: 10px;
    display: inline-block;
    text-align: center;
}


.ko-sm-2 {
    width: 100%;
    floaT: left;
    z-index: 1;
    position:relative;
    margin: 35px 0px 35px 0px;
    color:#222222;
    font-size: 32px;
    font-family: font-3;
    letter-spacing: -0.5px;
    text-align: center;
    -webkit-font-feature-settings: 'case'on;
	font-feature-settings: 'case'on;
}



.ko-sm-1 .box_in{
	width: 825px;
	margin: auto;
}


.ko-sm-1 {
    width: 100%;
    floaT: left;
    z-index: 1;
    position:relative;
    margin-bottom: 35px;
}



.no-no-1 .footballs-1{
	 margin-bottom: 0px;
}

.ssp-tit-5 {
    width: 100%;
    height: 35px;
    floaT: left;
    z-index: 1;
}

.ssp-tit-4{ position:absolute;top:50%;left:0;width:100%;-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:2;}


.ssp-tit-3.sp-tit-3 img{
	line-height: 0px;
	width: 25px;
}


.ssp-tit-3.sp-tit-3{
	position:relative;
	margin: 15px 5px -10px 20px;
	floaT: left;
	background:#fff !important;
	box-shadow: 0px 0px 0px 0px #e5e5ed;
}


.sp-tit-10 a:hover{
	background:#e4e8ed;
	color:#2B3252;
}

.sp-tit-10 a{
	height: 38px;
	line-height: 39px;
	floaT: left;
	padding: 0px 15px;
	margin: 0px 7.5px;
	background:#F1F1F1;
	color:#4a4e64;
	border-radius: 10px;
	text-align: center;
	font-family: font-3;
	-webkit-font-feature-settings: 'case'on;
	font-feature-settings: 'case'on;
	font-size: 14px;
}



.sp-tit-8 .sp-tit-10 li  {
	display: inline-block;
}



.sp-tit-8::after {
	width: 70px;
	height: 60px;
	margin: 0px 0px 0px 0px;
	position: absolute;
	floaT: left;
	background: linear-gradient(270deg, #FFF 23.61%, rgba(255, 255, 255, 0.00) 100%);
	content: "";
	right: 0px;
	top: -12px;
	z-index:1;
}

.sp-tit-8::before {
	width: 70px;
	height: 60px;
	margin: 0px 0px 0px 0px;
	position: absolute;
	floaT: left;
	background: linear-gradient(90deg, #FFF 23.61%, rgba(255, 255, 255, 0.00) 100%);
	content: "";
	left: 0px;
	top: -12px;
	z-index:1;
}

.sp-tit-8{
	width: calc(100% - 180px);
	height: 38px;
	overflow:hidden;
	floaT: right;
	background:#fff;
	margin: 0px 0px 0px 0px;
	overflow:hidden;
	position:relative;
}

.sp-tit-7{
	width: 150px;
	height: 38px;
	line-height: 39px;
	floaT: left;
	margin: 0px 0px 0px 0px;
	background:#2B3252;
	color:#fff;
	border-radius: 10px;
	text-align: center;
	font-family: font-3;
	-webkit-font-feature-settings: 'case'on;
	font-feature-settings: 'case'on;
	font-size: 14px;
}


.box_in h1{
	color:#2B3252;
	font-size: 22px;
	margin: -5px 0px 7px 0px;
	width: 100%;
	floaT: left;
	position:relative;
	overflow:hidden;
	font-family: font-3;
	letter-spacing: -0.5px;
	-webkit-font-feature-settings: 'case'on; font-feature-settings: 'case'on;
}


.boxx{
	margin-bottom: 25px;
}


body .sp-tit-3 {
	width: 40px;
	height: 40px;
	line-height: 44px !important;
	text-align: center;
	line-height: 20px;
    float: left;
	padding: 0px 0px !important;
	margin: 0px 14px 0px 0px;
	border-radius: 14px;
	font-family: font-1;
}


.sp-tit-5 a{
	position:relative;
	line-height: 20px;
	background:#e5e5ed;
    float: left;
	padding: 10px 17px;
	margin: 0px 14px 0px 0px;
	border-radius: 100px;
	font-family: font-1;
}

.sp-tit-5 a:nth-child(2){
	display: none !important;
}

.sp-tit-5{
	-webkit-font-feature-settings: 'case'on;
	font-feature-settings: 'case'on;
	font-size: 15.6px;
	font-family: font-3;
	font-weight: 900;
	line-height: 50px;
}


.sp-tit-4 .no-no-1{
margin-top: 0px;
}


.sp-tit-2 {
	padding: 0px 15px;
	line-height: 40px;
}


.sp-tit-1 {
	line-height: 20px;
	overflow: hidden;
	width: 100%;
	floaT: left;
	margin: 100px 0px 25px 0px;
	background:#fff;
	border-radius: 14px;
	padding: 15px 0px 15px 0px;
}




.berrors-2 b{
		-webkit-font-feature-settings: 'case'on;
	font-feature-settings: 'case'on;
	color:#2B3252;
	font-family: 'font-3';
}

.berrors-2{
	padding: 0px 20px;
}

.berrors-1.box{
	width: 100%;
	margin-bottom: 25px;
	color: #242527;
	background:#F1F1F1;
	border-radius: 14px;
	position:relative;
	float: left;
	padding: 20px 0px;
	font-size: 16px;
}


#pagi-load path{
	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:hover path{
	fill: #ffffff !important;
	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 svg{
	display: inline-block;
    color:#2B3252;
    margin: 0px 0px -4.5px 4px;
}


#pagi-load  path{
	fill:#2B3252;
}

#pagi-load span{ display: none;}
#pagi-load a span{ display: block; }
#pagi-load span{ width: 100%; float: left;  }
.pagi-load{  text-align: center; font-size:0px;}
.bottom-nav{  margin: 0px 0px 0px 0px; }
.pagi-load a:hover{color: #ffffff;transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-webkit-transition:all 0.2s ease-in-out;background: #2B3252;}
.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{ margin-bottom: 25px; width: 100%;color: #242527;font-family: font-1;border: 0px #C2C2CF solid;font-feature-settings: 'case' on;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 0px;display:inline-block;height: 50px;line-height: 50px;font-size: 16px;border-radius: 14px;cursor:pointer;/* color:#f7f7f7; */background: #CED9ED;text-align:center;font-family: 'font-3';}



.no-no-1{
	 overflow: hidden;
	width: 100%;
	floaT: left;
	margin: 100px 0px 25px 0px;
	background:#fff;
	border-radius: 14px;
	padding: 0px 0px 0px 0px;
}


#cssmenu li:hover ul:before{ 
z-index:9; 
position:absolute;
top: -25px;
right:0px;
width:100%;
height:25px;
content: "";
}

.footer-08 :hover {
	opacity: 80%;
}




.q_search input::placeholder {
    color: #8C8D90;
}

.footer-5::before {
	width: 30px;
	height: 100%;
	margin: 0px 0px 0px 0px;
	position: absolute;
	floaT: left;
	background: linear-gradient(90deg, #FFF 23.61%, rgba(255, 255, 255, 0.00) 100%);
	content: "";
	right: -30px;
	top: -1px;
	z-index:1;
}

.sld .footer-6 .slick-slide{
	width: auto !important;
	margin:0px 0px;
	floaT: left !important;
}

.footer-6 .slick-slider .slick-list{
	padding: 0px 15px 0px 0px !important;
}

.header-001.header-3 .top-bar, .header-001.header-3 .scroll  {
	opacity: 100%;
}

.header-3 .top-bar, .header-3 .scroll  {
	opacity: 0%;
}

.header-3 .top-bar {
  height: 5px;
  width: 100%;
  background: rgb(232, 231, 228);
  position:absolute;
  bottom: -5px;
}

.header-3 .scroll {
  height: 5px;
  width: 0%;
  background: #2B3252;
  position:absolute;
  bottom: -5px;
}


.header-01 .logo-2 {
    margin: 6px 0px 0px 0px;
}


.header-01 #cssmenu ul li:hover, .header-01 #cssmenu ul .m-col-a {
	    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    color: #2B3252 !important;
    background: url(../images/hov.svg)  center 40px no-repeat;
}

.header-01 .header-8 ul li a{
	font-size: 16px;
	padding: 19px 14px;
}

.header-01 #cssmenu{
  animation: fadeIn 1s;
  -webkit-animation: fadeIn 1s;
  -moz-animation: fadeIn 1s;
  -o-animation: fadeIn 1s;
  -ms-animation: fadeIn 1s;
}

@keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@-moz-keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@-webkit-keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@-o-keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@-ms-keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}



.header-01 #cssmenu #menu-1, .header-01 #cssmenu #menu-2, .header-01 #cssmenu #menu-3, .header-01 #cssmenu #menu-4, .header-01 #cssmenu #menu-5, .header-01 #cssmenu #menu-6, .header-01 #cssmenu #menu-7{
	top: 55px;
}

.header-3.header-01 {
   position:fixed;
   top: 0px;
   z-index: 999;
   margin-top: 0px;
   box-shadow: 0px 0px 10px rgb(43 31 82 / 12%);
   height: 55px;
}


.footer-16:hover{
    opacity: 100%;
    transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -webkit-transition:all 0.2s ease-in-out;
}


.footer-16 {
	floaT: left;
	position:relative;
	margin: 8px 0px 0px 0px;
	opacity: 70%;
	transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -webkit-transition:all 0.2s ease-in-out;
}

.footer-15 {
	floaT: right;
	position:relative;
	margin: 0px 14px;
}

.footer-14 {
	floaT: right;
	position:relative;
	margin: 0px 0px 0px 0px;
}

.footer-13 {
	height: 32px;
	overflow:hidden;
	floaT: right;
	position:relative;
	margin: 24px 0px 24px 0px;
}


.footer-12 {
	font-size: 15px;
	color: #56585B;
	height: 80px;
	line-height: 81px;
	floaT: left;
	position:relative;
	margin: 0px 0px 0px 0px;
}


.footer-11 {
	width: 100%;
	floaT: left;
	position:relative;
	margin: 0px 0px 0px 0px;
}



.sld .footer-08{
	margin: 0px 30px;
	height: 55px;
}

.foter-logo-3{
	line-height: 61px !important;
}


.foter-logo-2{
	line-height: 72px !important;
}


.foter-logo-1{
	line-height: 70px !important;
}


.foter-logo-3 img{
	width: 180px;
}


.foter-logo-2 img{
	width: 110px;
}

.foter-logo-1 img{
	width: 100px;
}

.footer-008.footer-8{
	background: #F3F5F8;
}


.footer-8 {
	width: 100%;
	margin: 3px 0px;
	text-align: center;
	line-height: 55px;
	height: 55px;
	floaT: left;
	position:relative;
	border-radius: 100px;
}

.footer-6::before {
	width: 50px;
	height: 100%;
	margin: 0px 0px 0px 0px;
	position: absolute;
	floaT: left;
	background: linear-gradient(270deg, #FFF 23.61%, rgba(255, 255, 255, 0.00) 100%);
	content: "";
	right: 0px;
	top: -1px;
	z-index:1;
}


.footer-6 {
	width: calc(100% - 150px);
	text-align: center;
	line-height: 75px;
	height: 65px;
	floaT: right;
	position:relative;
	border-radius: 100px;
}


.footer-5 img{
	width: 95px;
	margin-top: 18px;
}


.footer-5 img {
        -webkit-transition: all .5s;
        -moz-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s;
    }

.footer-5: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 .5s;
        -moz-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s;
    }

.footer-5 {
        -webkit-transition: all .5s;
        -moz-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s;
    }

.footer-5:hover  {
        -webkit-transition: all .5s;
        -moz-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s;
        background: #19bfc3;
    }

.footer-5 {
	width: 150px;
	text-align: center;
	line-height: 75px;
	height: 65px;
	floaT: left;
	position: absolute;
	border-radius: 100px;
	background: #11ADB1;
}



.footer-4 {
	position:relative;
	margin: 0px 5px;
}


.footer-3 {
	width: 100%;
	floaT: left;
	position:relative;
	overflow:hidden;
	padding: 4px 0px;
	border-radius: 100px;
	box-shadow: 0px 0px 0px 1px #dfe7ef;
}


.footer-2 {
	width: 100%;
	floaT: left;
	position:relative;
	padding: 34px 0px;
}



.footer-9 {
	width: 100%;
	floaT: left;
	position:relative;
	background: #ffffff;
	margin: 0px 0px 0px 0px;
}

.footer-1 {
	width: 100%;
	floaT: left;
	position:relative;
	background: #ffffff;
	margin: 0px 0px 0px 0px;
	border-bottom: 1px #dfe7ef solid;
}








.v-videos-1 .short-2{
	margin: 0px 12.5px;
	position: relative;
}


.v-videos-1 .short-01{
	width: 100%;
	floaT: left;
	position:relative;
	background: #2B3252;
	border-radius: 14px;
	margin: 50px 0px 0px 0px;
}


.short-01 .short-2 .short-5 {
 transition:all 0.2s ease-in-out;
 -moz-transition:all 0.2s ease-in-out;
 -webkit-transition:all 0.2s ease-in-out;
}

.short-01 .short-2:hover .short-5 {
 transition:all 0.2s ease-in-out;
 -moz-transition:all 0.2s ease-in-out;
 -webkit-transition:all 0.2s ease-in-out;
 color: #ffffff;
}


.short-01 .short-5{
	margin: 15px 0px 25px 0px;
	font-size: 17px;
	 color: #B4BAD8;
}



.v-videos-9:hover .v-videos-5 {
	background: url(../images/le.svg) -20px 3px no-repeat;
	transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -webkit-transition:all 0.2s ease-in-out;
}


.v-videos-9 a{
	transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -webkit-transition:all 0.2s ease-in-out;
}

.v-videos-9 a:hover{
	color:#ffffff !important;
	transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -webkit-transition:all 0.2s ease-in-out;
}


.v-videos-9 .v-videos-5{
	border-radius: 100px;
	overflow: hidden;
	width: 10px;
	height: 19px;
	background: url(../images/le.svg) 0px 3px no-repeat;
	floaT: right;
	margin: 0px 0px 0px 4px;
	transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -webkit-transition:all 0.2s ease-in-out;
}


.v-videos-4{
	border-radius: 100px;
	overflow: hidden;
	width: 13px;
	height: 13px;
	background: #B4BAD8;
	floaT: left;
	margin: 3.3px 5px 0px 12.5px;
}

.v-videos-9 a{
	color:#B4BAD8 !important;
	font-size: 16px;
	font-family: font-1;
}


.v-videos-9{
	margin-right: 12.5px;
	margin-top: 1px;
	color:#B4BAD8;
	float: right;
	position:relative;
}

.footballs-4 a{
	color:#2B3252;
}


.v-videos-3 a:hover .v-videos-4{
	background:#ebefff;
	-webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;
}

.v-videos-3 a .v-videos-4 {
	-webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;
}


.v-videos-3{
	width: 100%;
	position:relative;
	margin: 22px 0px 20px 0px;
	 overflow: hidden;
	floaT: left;
	padding: 0px 15px 0px 0px;
	height: 20px;
	line-height: 20px;
	font-size: 17px;
	color:#2B3252;
	font-family: font-3;
	-webkit-font-feature-settings: 'case'on;font-feature-settings: 'case'on;
}


.v-videos-6{
	margin-top: -51px;
	width: 100%;
	floaT: left;
	position: relative;
}

.v-videos-3 a{
	position:relative;
	z-index:11;
	color: #B4BAD8;
}



.v-videos-2{
	margin: 0px 12.5px;
}


.v-videos-1{
	width: 100%;
	floaT: left;
	position:relative;
	background: #2B3252;
	border-radius: 14px;
	margin: 0px 0px 25px 0px;
}


.f-metis-2 path{
	transition:all 0.2s ease-in-out;
	-moz-transition:all 0.2s ease-in-out;
	-webkit-transition:all 0.2s ease-in-out;
}

.f-metis-2:hover path{
	fill: #ffffff !important;
	transition:all 0.2s ease-in-out;
	-moz-transition:all 0.2s ease-in-out;
	-webkit-transition:all 0.2s ease-in-out;
}


.f-metis-2 a:hover{
	color:#ffffff;
	background: #2B3252;
	transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -webkit-transition:all 0.2s ease-in-out;
}


.f-metis-2 a{
	transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -webkit-transition:all 0.2s ease-in-out;
}


.f-metis-2 svg{
	display: inline-block;
    color:#2B3252;
    margin: 0px 0px -4.5px 4px;
}

.f-metis-2 a{
    color:#2B3252;
}


.f-metis-2 a{
	font-family: font-3;
	-webkit-font-feature-settings: 'case'on;font-feature-settings: 'case'on;
    width: 100%;
    floaT: left;
    height: 50px;
    line-height: 50px;
    text-align: center;
    object-fit: cover;
    border-radius: 14px;
    position:relative;
    overflow:hidden;
    margin: 0px 0px 25px 0px;
    color:#2B3252;
    background:#CED9ED;
}





.short-2:hover .short-6{
	box-shadow: 0px 0px 0px 5px #2B3252;
	transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -webkit-transition:all 0.2s ease-in-out;
}

.short-2 .short-6{
	box-shadow: 0px 0px 0px 0px #2B3252;
	transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -webkit-transition:all 0.2s ease-in-out;
}

.short-6{
	width: 38px;
	height: 38px;
	position:absolute;
	bottom: 15px;
	right: 15px;
	background: #2B3252 url(../images/con-012.svg) center no-repeat;
	border-radius: 100%;
}



.footballs-9 .short-3, .footballs-9 .short-3 img{
    height: 172px;
}

.footballs-9 .short-1{
	 overflow: hidden;
	width: 251px;
	floaT: left;
	margin: 0px 25px 25px 0px;
}

.footballs-9 .footballs-01.footballs-1{
	floaT: right;
}

.footballs-9 .footballs-1{
	width: 578px;
}



.footballs-5{
	border-radius: 100px;
	overflow: hidden;
	width: 13px;
	height: 13px;
	background:#2B3252;
	floaT: left;
	margin: 3.5px 5px 0px 0px;
}


.short-2:hover .short-5 {
 transition:all 0.2s ease-in-out;
 -moz-transition:all 0.2s ease-in-out;
 -webkit-transition:all 0.2s ease-in-out;
 color: #4a5483;
}


.short-5{
	font-size: 17px;
	color: #2B3252;
	width: 100%;
	floaT: left;
	height: 85px;
	object-fit: cover;
	position:relative;
	overflow:hidden;
	margin: 0px 0px 0px 0px;
	font-family: font-3;
}

.short-4{
	font-size: 15px;
	font-family: font-1;
	floaT: left;
	height: 16px;
	object-fit: cover;
	border-radius: 14px;
	position:relative;
	overflow:hidden;
	margin: 12px 0px 9px 0px;
	color:#888A8E;
}



.short-3, .short-3 img{
    width: 100%;
    floaT: left;
    height: 180px;
    object-fit: cover;
    border-radius: 14px;
    position:relative;
    overflow:hidden;
}


.short-1{
	 overflow: hidden;
	width: 264px;
	floaT: left;
	margin: 0px 25px 25px 0px;
}




.footballs-8{
	 overflow: hidden;
	width: 106%;
	floaT: left;
}

.footballs-7{
	 overflow: hidden;
	width: 100%;
	floaT: left;
}


.footballs-6{
	border-radius: 100px;
	overflow:hidden;
	 overflow: hidden;
	width: 100%;
	height: 4px;
	background:#E0E2E9;
	floaT: left;
	margin: 7px 0px 9px 0px;
}


.footballs-4 a{
	color:#2B3252;
}

.footballs-4{
	 overflow: hidden;
	floaT: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 15px 0px 0px;
	position:absolute;
	height: 20px;
	line-height: 20px;
	background:#fff;
	font-size: 18px;
	color:#2B3252;
	font-family: font-3;
	-webkit-font-feature-settings: 'case'on;font-feature-settings: 'case'on;
}

.footballs-3{
	 overflow: hidden;
	width: 100%;
	floaT: left;
	margin: 0px 0px 20px 0px;
	padding: 0px 0px;
}



.footballs-2{
	margin: 0px 25px;
}


.footballs-1{
	 overflow: hidden;
	width: 100%;
	floaT: left;
	margin: 0px 0px 25px 0px;
	background:#fff;
	border-radius: 14px;
	padding: 25px 0px 0px 0px;
}

.footballs-4 a:hover .footballs-5{
	background:#5b669b;
	-webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;
}

.footballs-4 a .footballs-5{
	-webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;
}


   .stars-n-1 img, .short-1 img {
        -webkit-transition: all .5s;
        -moz-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s;
        -webkit-filter: saturate(100%);
        filter: saturate(100%)
    }

    .stars-n-1:hover img, .short-2: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 .5s;
        -moz-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s;
        -webkit-filter: saturate(130%);
        filter: saturate(130%)
    }


.star-new-3{floaT: left;position:relative;margin: -1px 0px 0px 0px;/* height: 46px; *//* line-height: 46px; */font-family: 'font-3';font-size: 16px;color:#18191B;}


.star-nn-1, .star-nn-2 {
    width: 19px;
    height: 19px;
    font-size: 14px;
    line-height: 19px;
    text-align: center;
    color: #ffffff;
    border-radius: 100px;
    margin: 0px 0px 0px 0px;
    bottom: 0px;
    display: inline-block;
    background: #2B3252;
    content: "";
    z-index:90;
}

.star-nn-2{display: none;}


.van-div-geo-1 {
  width: 400px;
  floaT: right;
  position:relative;
  height: 47px;
  background: url(../images/title-2.png) center no-repeat;
  position:absolute;
  right: 0px;
  z-index:1;
}


.van-div-03 {
  width: 47px;
  floaT: left;
  position:relative;
  height: 47px;
  line-height: 47px;
  background: url(../images/georgia.svg) center no-repeat;
  margin: 0px 0px 0px 5px;
}



.van-div-geo.van-div-4{
  font-family: font-1;
  floaT: left;
  position:relative;
  height: 47px;
  line-height: 47px;
  margin-bottom: 15px;
  color:#0e0f12;
  overflow:hidden;
  padding: 0px 0px 0px 0px;
}

.van-div-geo.van-div-2{
  font-family: font-1;
  width: 100%;
  floaT: left;
  position:relative;
  background: #ededed url(../images/title-1.png) 0px 0px no-repeat;
  height: 47px;
  line-height: 47px;
  margin-bottom: 15px;
  margin-top: 15px;
  color:#0e0f12;
  box-shadow: 0px 0px 6px 0px rgb(22 10 88 / 23%);
}


.van-div-12{
  line-height: 16px;
  position:relative;
  overflow:hidden;
  width: 100%;
  font-size: 14px;
  height: 62px;
  floaT: left;
  margin: 0px 0px 0px 0px;
  color:#0e0f12;
  font-weight: 700;
  font-family:font-3;
-webkit-font-feature-settings: 'case'on;
font-feature-settings: 'case'on;	
}

.van-div-11{
	width: 100%;
	floaT: left;
	position:relative;
	padding: 3px 0px 10px; 0px;
	font-size: 12px;
	color:#939393;
}


.van-div-10{
	padding: 0% 7%;
}



.van-div-8 img{
    width: 100%;
    floaT: left;
    height: 180px;
    object-fit: cover;
    border-radius: 0px;
    position:relative;
    overflow:hidden;
}


.van-div-6 img{
  widtH: 100%;
}


.van-div-6{
  width: 23.27%; 	
  float: left;
  margin: 0px 0px 15px 15px;
  box-shadow: 0px 0px 6px 0px rgb(22 10 88 / 23%);
}





.van-div-04{
  padding: 0px 0px 0px 5px;
  color:#757881;
}

.van-div-4{
	color:#ededed;
	z-index:11;
  font-family: font-4;
  floaT: left;
  position:relative;
  height: 48px;
  line-height: 48px;
  margin-bottom: 15px;
  overflow:hidden;
  padding: 0px 0px 0px 0px;
  font-size: 15px;
  letter-spacing: 0px;
}

.van-div-2{
  font-family: font-1;
  width: 100%;
  floaT: left;
  position:relative;
  background:#161c2a;
  height: 48px;
  line-height: 48px;
  margin-bottom: 15px;
  margin-top: 15px;
  color:#ededed;
}


ol.sliderr > .stars-n-1:hover > a:before{
	color:#2B3252;
	transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-webkit-transition:all 0.2s ease-in-out;
}

ol.sliderr {float:left;width:100%;font-size:13px;position:relative;padding:0;list-style:none;color:#222;counter-reset:ol-counter;}
ol.sliderr > li > a{line-height:20px;float:left;width:100%;/* overflow:hidden; */position:relative;font-size:17px;display:block;color:inherit;text-decoration:none !important;padding:0px 0 0px 0px;}
ol.sliderr > li > a:before{ transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-webkit-transition:all 0.2s ease-in-out;  filter: drop-shadow(0px 1px 2.1px rgba(0, 0, 0, 0.12)); color: #2B3252;   z-index:1;right: 0px;content:counter(ol-counter);counter-increment:ol-counter;font-size:15px;font-family:font-3;width:30px;height:30px;line-height:30px;border:0px solid #eeedf7;background:#ffffff; border-radius: 100px;float:left;  margin: 130px -5px 0px 0px; z-index:111; text-align:center;position:absolute;}

.van-stars-n-2{margin:0px 15px;}

.van-stars-n-1 {
	border-radius: 0px 0px 14px 14px;
    bottom: 0px;
    float: left;
    width: 100%;
    letter-spacing: 0.3px;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(#000000e6));
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, #000000e6 70%);
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, #000000e6 70%);
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #000000e6 70%);
    background-image: -o-linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #000000e6 70%);
    background-image: -moz-linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #000000e6 70%);
    background-image: -webkit-linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #000000e6 70%);
    background-image: -ms-linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #000000e6 70%);
    color: #f7f7f7;
    text-align: left;
    padding: 30px 0px 10px 0px;
    line-height: 20px;
    position: absolute;
	font-size: 14px;
	z-indeX:1;
	font-family: font-1;
}




.star-new-2 a{
	transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-webkit-transition:all 0.2s ease-in-out;
}

.star-new-2 .user_tab li:hover a{
 color: #2B3252;
 transition:all 0.2s ease-in-out;
 -moz-transition:all 0.2s ease-in-out;
 -webkit-transition:all 0.2s ease-in-out;
}

.star-new-3 i{
 color:#008080;
}

.stars-n-1:hover .stars-n-5, .van-div-6:hover .van-div-12 {
 transition:all 0.2s ease-in-out;
 -moz-transition:all 0.2s ease-in-out;
 -webkit-transition:all 0.2s ease-in-out;
 color: #4a5483;
}

.stars-n-1 .stars-n-5, .van-div-6 .van-div-12{
 transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-webkit-transition:all 0.2s ease-in-out;
}

.star-new-1 {
	margin-bottom: 0px;
    width: 100%;
    floaT: left;
    position: relative;
   
}

.stars-n-5{
  line-height: 20px;
  position:relative;
  overflow:hidden;
  width: 100%;
  font-size: 16px;
  height: 80px;
  floaT: left;
  margin: 10px 0px 0px 0px;
  color: #2B3252;
  font-weight: 700;
  font-family: 'font-3';
}

.stars-n-3, .stars-n-3 img{
    width: 100%;
    floaT: left;
    height: 155px;
    object-fit: cover;
    border-radius: 14px;
    position:relative;
    overflow:hidden;
}

.stars-n-1 img{
  widtH: 100%;
}

.stars-n-1 { 
  animation: fadeIn 0.8s;
  -webkit-animation: fadeIn 0.8s;
  -moz-animation: fadeIn 0.8s;
  -o-animation: fadeIn 0.8s;
  -ms-animation: fadeIn 0.8s;
}

@keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@-moz-keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@-webkit-keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@-o-keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@-ms-keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

.stars-n-1 {
  width: 214px;
  float: left;
  margin: 0px 18px 0px 0px;
}


.stars-n-2{
  position:relative;
  overflow:hidden;
  width: 100%;
  floaT: left;
  margin: 0px 0px 0px 0px;
}

.star-new-6 li:nth-child(0) {
    display: none;
}


.star-new-05, .liv-new-5{
  width: 103%;
  floaT: left;
  position:relative;
  overflow:hidden;
}

.star-new-2{
	position:relative;
	width: 100%;
	floaT: left;
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 0px 0px;
}
.user_tab .active a{
    color: #2B3252;
}


.user_tab .active {
    color: #008080;
    opacity: 9;
}

.star-new-4 img {
    width: 24px;
    height: 24px;
    floaT: left;
    margin: -2.5px 10px 0px 0px;
}

.user_tab li a{
    color: #ACADB9;
}

.user_tab li {
    display: inline-block;
    cursor: pointer;
    text-transform: uppercase;
    font-weight: 500;
    -webkit-user-select: none;
    color: #98989A;
    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;
}

.user_tab li:before {
	border-radius: 50px;
	width: 12px;
	height: 12px;
	top: 3px;
	margin: 0px 0px 0px 0px;
	bottom: 0px;
	left: -16px;
	position: absolute;
	floaT: left;
	background: #ACADB9;
	content: "";
	z-index:90;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.user_tab li.active:before {
  background: #2B3252;
}

.user_tab li a.active{ border-radius: 100px; background:#2e6abd;color:#ededed;z-index:4;outline:none;}

.user_tab{-webkit-font-feature-settings: 'case'on;font-feature-settings: 'case'on;margin: 0px 0px 0px 0px;floaT: right;font-family: 'font-3';}
.user_tab li{border-radius: 100px;position:relative;padding: 0px 0px;display:inline-block;margin: 0px 0px 0px 30px;cursor:pointer;text-transform:uppercase;font-weight:500;-webkit-user-select:none;}
.user_tab li:hover{ 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; }


.user_tab li:hover:before {
	background: #2B3252;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}


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



   .ll-new-1 img {
        -webkit-transition: all .5s;
        -moz-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s;
        -webkit-filter: saturate(100%);
        filter: saturate(100%)
    }

    .ll-new-1: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 .5s;
        -moz-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s;
        -webkit-filter: saturate(130%);
        filter: saturate(130%)
    }



.l-slaid-2 .ll-new-3 {
    padding: 0px 40px;
}


.l-slaid-2 .ll-new-2 {
    margin: 0px 0px 0px 0px;
}


.l-slaid-2 .ll-new-6 a{
    font-size: 24px;
    line-height: 32px;
}

.l-slaid-3  .ll-new-6 a{
    padding-bottom: 20px;
}

.ll-new-6 a{
    float: left;
    width: 100%;
    font-size: 16px;
    line-height: 21px;
    font-family: font-3;
    color:#fff;
    padding-bottom: 30px;
}


.ll-new-5 a:nth-child(2){
	display: inline-flex;
}

.ll-new-5 a:hover{
	background: #333b60;
	transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;
}

.ll-new-5 a{
	transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;
	color:#fff;
	font-size: 13.5px;
	background: #2B3252;
	padding: 8px 14px;
	border-radius: 10px;
	display: none;
	position:relative;
	z-index:11;
}

.ll-new-5{
	width: 100%;
	float: left;
	position:relative;
	margin-bottom: 7px;
	color:#fff;
	font-size: 0px;
}

.l-slaid-2, .l-slaid-2 img{
	height: 465px;
	overflow:hidden;
}


.l-slaid-04.l-slaid-4{
	margin-top: 25px;
}


.l-slaid-4, .l-slaid-4 img{
	height: 220px;
	overflow:hidden;
}



.ll-new-3 {
	position:relative;
    padding: 0px 20px;
}


.ll-new-2 {
    float: left;
    width: 100%;
    background: -moz-linear-gradient(top, rgb(255 0 0/0%) 0%, #000000 100%);
    background: -webkit-linear-gradient(top, rgb(255 0 0/0%) 0%, #000000 100%);
    background: linear-gradient(to bottom, rgb(255 0 0/0%) 0%, #000000 100%);
    padding: 10px 0px 0px 0px;
    font-size: 13px;
    color: #fff;
    position: absolute;
    bottom: 0px;
    /* z-index: 1; */
}



.ll-new-1{
	width: 100%;
	position:relative;
	overflow:hidden;
	float: left;
	border-radius: 14px;
}


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

.l-slaid-3{
	width: 375px;
	floaT: right;
	margin: 0px 0px 0px 0px;
	position:relative;
}


.l-slaid-2{
	width: 730px;
	floaT: left;
	margin: 0px 0px 0px 0px;
	position:relative;
}

.center-2 .l-slaid-1{
	margin: 0px 19px;
}


.l-slaid-1{
	margin: 0px 25px;
}


.m-size-1{
	position:relative;
	z-index:1;
	 overflow: hidden;
	width: 100%;
	floaT: left;
	margin: 0px 0px 20px 0px;
	background:#fff;
	border-radius: 14px;
	padding: 23px 0px 20px 0px;
}





.line-text-4::after {
	width: 70px;
	height: 46px;
	margin: 0px 0px 0px 0px;
	position: absolute;
	floaT: left;
	background: linear-gradient(270deg, #FFF 23.61%, rgba(255, 255, 255, 0.00) 100%);
	content: "";
	right: 0px;
	top: -12px;
	z-index:1;
}


.line-text-4::before {
	width: 70px;
	height: 46px;
	margin: 0px 0px 0px 0px;
	position: absolute;
	floaT: left;
	background: linear-gradient(90deg, #FFF 23.61%, rgba(255, 255, 255, 0.00) 100%);
	content: "";
	left: 0px;
	top: -12px;
	z-index:1;
}

.line-text-4{
	width: calc(100% - 170px);
	floaT: right;
	background:#fff;
	margin: 16px 10px 0px 0px;
	border-radius: 100px;
	overflow:hidden;
	position:relative;
}

.line-text-3{
	width: 120px;
	height: 28px;
	line-height: 29px;
	floaT: left;
	margin: 13px 0px 13px 13px;
	background:#2B3252;
	color:#fff;
	border-radius: 100px;
	text-align: center;
	font-family: font-3;
	-webkit-font-feature-settings: 'case'on;
	font-feature-settings: 'case'on;
	font-size: 14px;
}


.line-text-1{
	width: 100%;
	height: 54px;
	floaT: left;
	margin: 0px 0px 20px 0px;
	background:#fff;
	border-radius: 100px;
}


.line-text-4 .holder-1 .tek-l {
	display:inline;
}


.line-text-4 .holder-1 a:hover{
	color:#2B3252;
	    text-decoration: none;
    text-decoration: underline;
}

.line-text-4 .holder-1 a{
	text-decoration: none;
	font-weight: bold;
	color: #464850;
	font-size:15px;
	font-family: font-3;
	margin: 0px 30px 0px 0px;
	padding: 0px 0px 0px 30px;
	border-left: 1px #c4cad9 solid;
}




.div-home-2{
	width: 100%;
	floaT: left;
	margin: 0px 0px 0px 0px;
}


.div-home-1{
	width: 100%;
	floaT: left;
	margin: 95px 0px 0px 0px;
}


.tops-men-1#menu-3 ul:nth-child(2), .tops-men-1#menu-3 ul:nth-child(3), .tops-men-1#menu-3 ul:nth-child(4){
	margin-top: 52px;
}

#cssmenu > ul > li:hover > ul{animation:fade_in_show .3s}@keyframes fade_in_show{0%{opacity:0;transform:scale(0.4)}100%{opacity:1;transform:scale(1)}}


#cssmenu .fa-angle-down {
	background: url(../images/con-011.svg) center no-repeat;
	z-indeX: 1;
    width: 8px;
	height: 5px;
	display: inline-block;
	margin: 0px 0px 4px 2px;
}

#cssmenu li{
	display: inline-block;
}

.header-menu-1{
	width: auto !important;
	display: inline-flex;
	floaT: right;
	margin: 0px 0px 0px 0px;
}



.header-8 ul li a{
	color: #626878;
	-webkit-transition:all .5s;
	-moz-transition:all .5s;
	-o-transition:all .5s;
	transition:all .5s;
}

.header-8{
	widtH: 100%;
	line-height: 20px;
	border-radius: 5px;
	floaT: left;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px 0px;
}




#cssmenu ul li ul li img{
    width: 20px;
    height: 20px !important;
    padding: 0px 0px;
    line-height: 0px;
    margin: 10px 5px 0px 12px;
    floaT: left;
    border-radius: 5px;
}

#menu-1 .menu-titl-1 a:hover, #menu-2 .menu-titl-1 a:hover, #menu-3 .menu-titl-1 a:hover, #menu-4 .menu-titl-1 a:hover, #menu-5 .menu-titl-1 a:hover, #menu-6 .menu-titl-1 a:hover, #menu-7 .menu-titl-1 a:hover, #menu-8 .menu-titl-1 a:hover, #menu-9 .menu-titl-1 a:hover {
		color:#222  !important;
    text-decoration: blink !important;
    text-decoration: underline;
    cursor: default;
}

#menu-1 .menu-titl-1 a, #menu-2 .menu-titl-1 a, #menu-3 .menu-titl-1 a, #menu-4 .menu-titl-1 a, #menu-5 .menu-titl-1 a, #menu-6 .menu-titl-1 a, #menu-7 .menu-titl-1 a, #menu-8 .menu-titl-1 a, #menu-9 .menu-titl-1 a{
	font-family: font-4 !important;
	font-weight: 700 !important;
	font-size: 18px;
	margin-bottom: 10px !important;
}

#menu-1 ul, #menu-2 ul, #menu-3 ul, #menu-4 ul, #menu-5 ul, #menu-6 ul, #menu-7 ul, #menu-8 ul, #menu-9 ul{
    width: 100%;
    max-height: 0;
    position: relative !important;
    background: #fff;
}

body #menu-1 li, body #menu-2 li, body #menu-3 li, body #menu-4 li, body #menu-5 li, body #menu-6 li, body #menu-7 li, body #menu-8 li, body #menu-9 li {
    width: 100%;
    /* max-height: 0; */
    position: relative !important;
    background: #fff;
}


body #menu-3 ul, body #menu-4 ul, body #menu-5 ul, body #menu-6 ul, body #menu-7 ul, body #menu-8 ul, body #menu-9 ul{width: 275px !important;height: auto !important;position:relative !important;floaT: left;top: 0px !important;}

#cssmenu > ul li:hover a {
    color: #2B3252 !important;
}

#cssmenu > ul li:hover li a {
    color: #2B3252 !important;
}


body #menu-2 ul{ 
width: 31.72% !important;
}


body #menu-1 .menu-t-1{width: 35% !important;}


body #menu-1 ul{ 
width: 29.1% !important;
height: auto !important;
position:relative !important;
floaT: left;
top: 0px !important;
}



#cssmenu ul li a {
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

#cssmenu ul li:hover ul {
    width: 100%;
    floaT: left;
    max-height: 300px;
    /* overflow: hidden; */
}

#cssmenu ul li ul {
    width: 100%;
    max-height: 0px;
    /* overflow: hidden; */
}

#cssmenu ul li ul {
    width: 100%;
    max-height: 0px;
    /* overflow: hidden; */
}


#cssmenu ul li:hover ul ul {
	padding: 1px 4px 0px 8px;
	}

#cssmenu ul li:hover ul {
	padding: 20px 0px 15px 12px;
	position: absolute;
	left: 0px !important;
	/* overflow: hidden; */
	z-index: 9999;
	opacity: 9;
	display: block !important;
}

#cssmenu ul li ul {
	box-shadow: 0px 0px 0px 0px #fff;
	position: absolute;
	/* overflow: hidden; */
	z-index: 9;
	opacity: 9;
	display: none;
}

#cssmenu ul li ul li {
	width: 100%;
	position: absolute;
}


#cssmenu ul li ul li a:hover, #cssmenu ul li ul .m-col-aa a  {
    color: #2B3252;
    border: 1px solid rgb(185 189 209 / 40%);
    background: rgb(185 189 209 / 15%);
}


#cssmenu ul li ul li a {
		-webkit-font-feature-settings: inherit !important;
		font-feature-settings: inherit !important;
		letter-spacing: -0.0px;
		text-align: left;
		line-height: 20px;
		font-family: font-1;
		font-weight: 800;
		font-size: 15px;
		font-weight: 100;
		float: left;
		opacity: 9;
		color: #5c5c78;
		border: 1px solid #e1e6ed;
		width: 100%;
		height: 40px;
		padding: 0px 0px;
		margin: 0px 0px 5px 0px !important;
		border-radius: 8px;
		line-height: 40px;
}

#cssmenu ul li ul li a:hover {
    color: #2B3252 !important;
}

#cssmenu > ul > li > ul > li {
    width: 100%;
    float: left;
    padding: 0px;
    z-index: 99;
    max-height: 72px;
    position: relative;
    height: auto;
}

#cssmenu > ul > li > ul {
    padding: 0% 0%;
    background: #fff;
    font-family: font-2;
    width: 96% !important;
    display: block;

}




.right-menu-icon-04 { 
    background: url(../images/menu-i-4.svg) center no-repeat;
}


.right-menu-icon-03{
    background: url(../images/menu-i-3.svg) center no-repeat;
}

.right-menu-icon-02{
    background: url(../images/menu-i-2.svg) center no-repeat;
}

.right-menu-icon-01{
    background: url(../images/menu-i-1.svg) center no-repeat;
}


.right-menu-icon-01, .right-menu-icon-02, .right-menu-icon-03, .right-menu-icon-04 {
    opacity: 9;
    text-align: center;
    position: absolute;
    top: 50%;
    color: #fff;
    font-size: 30px;
    font-family: font-1;
    letter-spacing: 0.2px;
    left: 0;
    width: 100%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 1;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    }


.right-menu-icon-01, .right-menu-icon-02, .right-menu-icon-03, .right-menu-icon-04{
    width: 70px;
    height: 25px;
}



.right-menu-1 li:hover::before, .right-menu-1 li:hover::after {
    width: 100%;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.right-menu-1 li::before{
lefT: 0% !important;
}

.right-menu-1 li::after{
right: 0% !important;
}

.right-menu-1 li::before, .right-menu-1 li::after {
    width: 0%;
    height: 5px;
    bottom: 0px;
    position: absolute;
    background: #0092c1;
    content: "";
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.right-menu-1 li::before {
    left: 0px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.right-menu-1 li{
    float: left;
    position: relative;
    overflow:hidden;
    margin: 0px 0px; 
    width: 70px;
    height: 70px;
    border-lefT: 0px #ddd solid;
}

.right-menu-1 {
    float: right;
}


body #cssmenu .menu-t-1 .menu-titl-1 a:hover{
	color:#222 !important;
}





body #cssmenu #menu-1 .menu-t-1{
	background: url(../images/menu-1.png) 0px 0px no-repeat;
}

#cssmenu ul li ul .menu-titl-1 :hover {
	background:rgb(255 255 255 / 0%);
}


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



.menu-t-1 .menu-img-1 {
	width: 25px !important;
    height: 25px !important;
    width: auto;
    margin: -2px 10px 0px 8px;
    floaT: left;
}

.menu-img-1 {
	width: 20px !important;
    height: 20px !important;
    width: auto;
    margin: 0px 10px 0px 8px;
    floaT: left;
}


#cssmenu .menu-t-1 .menu-titl-1 a {
	font-family: font-4 !important;
	border-bottom: 1px rgb(58 60 60 / 15%) solid;
	border-radius: 0px;
	padding: 0px 0px 14px 0px;
}


body #cssmenu #menu-3 ul {
    width: 100%;
    floaT: left;
    /* height: 260px !important; */
    /* overflow: hidden; */
}

body #cssmenu #menu-2 ul {
    width: 100%;
    floaT: left;
    height: 100px !important;
    overflow: hidden;
}

body #cssmenu #menu-1 ul {
    width: 100%;
    floaT: left;
    height: 172px !important;
    overflow: hidden;
}

#cssmenu ul li:hover, #cssmenu ul .m-col-a {
	    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    color: #2B3252 !important;
    background: url(../images/hov.svg)  center 53px no-repeat;
}


#cssmenu ul li {
	    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    background: url(../images/hov.svg)  center 80px no-repeat;
}


#cssmenu a {
position:relative;
}



#cssmenu #menu-1, #cssmenu #menu-2, #cssmenu #menu-3, #cssmenu #menu-4, #cssmenu #menu-5, #cssmenu #menu-6, #cssmenu #menu-7{
	lefT: 0px !important;
	lefT: 0px !important;
	top: 75px;
	box-shadow: 0px 1px 10px 0px rgb(42 42 42 / 9%);
	border-radius: 0px 0px 14px 14px;
}


.brendebi-1{
	z-index:1;
	widtH: 100%;
	height: 125px;
	line-height: 20px;
	position:relative;
	overflow:hidden;
	floaT: left;
	margin: 20px 0px 0px 0px;
	padding: 0px 0px 15px 0px;
}


.header-9 .fab{
color:#1976d2;
font-size: 15px;
margin: 0px 0px 0px 5px;
}

.header-9 a:hover{
	color:#1976d2 !important;
}
.header-9{
	padding: 12px 0px 15px 18px;
	line-height: 20px;
	position:relative;
	overflow:hidden;
	floaT: right;
	margin: 0px 0px 0px 0px;
	font-size: 14px;
	font-family: font-1;
}

.header-8 ul li ul li a{
	font-size: 16px;
}


.header-8 ul li a{
	line-height: 20px;
	position:relative;
	-webkit-font-feature-settings: 'case'on;
	font-feature-settings: 'case'on;
	floaT: left;
	font-size: 16px;
	font-family: font-3;
	margin: 0px 0px;
	padding: 28.3px 14px 26.3px 14px;
	letter-spacing:0.01em;
}

.dzebna-n-1 .btn-1 {
	   -webkit-transition: all 0.4s;
    font-family: font-1;
    position: absolute;
    right: 0;
    width: 37px;
    height: 33px;
    line-height: 33px;
    cursor: pointer;
    color: #687183;
    text-align: center;
    background: #fff url(../images/con-007.svg) center no-repeat;
    border: 0;
    top: 0;
    margin: 0;
    overflow: hidden;
    font-size: 15px;
    letter-spacing: 1px;
    border-radius: 0;
    margin-top: 0;
}

.dzebna-n-1,  #searchsuggestions {
	/* width: 260px; */
}


.dzebna-n-1 {
    margin: 0px 0px;
    height: 33px;
    float: right;
    position: relative;
    overflow: hidden;
    border-radius: 100px;
}

 .dzebna-n-1 .q_search input:focus,  #searchsuggestions{
        widtH: 340px;
    }

    
     .dzebna-n-1 .q_search input:focus{
        transition: all 0.7s;
        -webkit-transition: all 0.4s;
    }


.dzebna-n-1 .q_search input {
	-webkit-transition: all 0.4s;
    color:  #8C8D90;
    font-family: font-1;
    float: left;
    top: 0 !important;
    text-indent: 15px;
    height: 33px;
    padding: 0;
    width: 240px;
    background: #fff;
    border: 0 solid #ffffff;
    margin: 0;
    font-size: 15px;
    letter-spacing: 0px;
    border-radius: 3px;
}

.k-sms-1:hover {
    background: #2B3252 url(../images/con-0008.svg) center no-repeat;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
}

.k-sms-1 {
    cursor: pointer;
    overflow:hidden;
    width: 33px;
    height: 33px;
    line-height: 40px;
    floaT: right;
    position:relative;
    margin: 0px 0px 0px 12px;
    border-radius: 100px;
    background: #fff url(../images/con-008.svg) center no-repeat;
    text-align: center;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
}






.van-div-01:hover.van-div-2 path, .van-div-02:hover.van-div-2 path, .van-div-03:hover.van-div-2 path{
   fill: #ededed;
    -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-03:hover .swore-03{  
	opacity:9;
	 -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
}

.van-div-02:hover .swore-02{  
	width: 100%;
	height: 100%;
	floaT: left;
	lefT: 0px;
	top: 0px;
	z-index:1;
	position:absolute;
	background: #37B6FD url(../images/soc-02.svg) center no-repeat !important;
    -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
}

.van-div-02 .swore-02{  
	width: 100%;
	height: 100%;
	floaT: left;
	lefT: 0px;
	top: 0px;
	z-index:1;
	position:absolute;
	background: url(../images/soc-2.svg) center no-repeat;
    -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
}

.van-div-01 .swore-01{  
	width: 100%;
	height: 100%;
	floaT: left;
	lefT: 0px;
	top: 0px;
	z-index:1;
	position:absolute;
	background: url(../images/soc-1.svg) center no-repeat;
    -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
}

.van-div-03 .swore-03{
	opacity:0;
	background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
	width: 100%;
	height: 100%;
	floaT: left;
	lefT: 0px;
	top: 0px;
	z-index:1;
	position:absolute;
    -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
}


.van-div-01:hover .swore-01{  
	width: 100%;
	height: 100%;
	floaT: left;
	lefT: 0px;
	top: 0px;
	z-index:1;
	position:absolute;
	background: #3B64B4 url(../images/soc-01.svg) center no-repeat !important;
    -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
}

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


.van-div-03:hover .swore-3{
		background: url(../images/soc-03.svg) center no-repeat;
	   -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
}

.swore-3{
		background: url(../images/soc-3.svg) center no-repeat;
		floaT: left;
		z-indeX: 11;
		width: 100%;
		position:absolute;
		text-align: center;
		left: 0px;
		height: 32.5px;
	   -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
}

.swore-2{
    floaT: left;
    z-indeX:0;
    width: 100%;
    position:absolute;
    text-align: center;
    left: 0px;
    height: 33px;
}

.swore-1{
    floaT: left;
    z-indeX:0;
    width: 100%;
    position:absolute;
    text-align: center;
    left: 0px;
    height: 33px;
}

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

.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;
    margin-bottom: 20px;
    float: left;
    position: absolute;
    margin-top: 55px;
    widtH: 100%;
    height: 75px;
    background: #ffffff;
    line-height: 50px;
}


.logo-2 svg{
    widtH: 130px !important;
	height: 45px;
    line-height: 0px;
    float: left;
    position: relative;
}


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

.logo-1 {
    width: 155px;
    height: 75px;
    line-height: 75px;
    margin: 0px 0px;
    float: left;
    position: relative;
}

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

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

.van-div-9{
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    width: 21px;
    height: 21px;
    floaT: left;
    margin: 6px 0px 6px 0px;
    background: #2B3252 url(../images/con-009.svg) center no-repeat;
    border-radius: 100px;
}


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



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

.van-div-10{
	/* display: none; */
	cursor: pointer;
	overflow:hidden;
	width: 44px;
	height: 35px;
	line-height: 36px;
	floaT: right;
	position:relative;
	margin: 0px 0px 0px 0px;
	border-radius: 500px;
	background: #008080;
	text-align: center;
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	-o-transition: all .2s;
	transition: all .2s;
}


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


.van-div-3{
    margin-top: 11px;
}


.van-div-4{
      cursor: pointer;
      overflow:hidden;
      width: 85px;
      height: 33px;
      line-height: 40px;
      floaT: right;
      position:relative;
      margin: 0px 0px 0px 12px;
      border-radius: 100px;
      background: #ffffff url(../images/new-con-010.svg) center no-repeat;
      text-align: center;
      -webkit-transition: all .2s;
      -moz-transition: all .2s;
      -o-transition: all .2s;
      transition: all .2s;
}


.header-1 {
    float: left;
    position: relative;
    widtH: 100%;
    height: 55px;
    background: #F1F1F1;
    line-height: 55px;
}

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



.ht-left-7 img, .full-size-02 p img{
	width: 100%;
	line-height: 0px;
}


.mob-br-1{
	display: none;
}


@media (min-width:1000px) and (max-width:90000000px){
.fo-li-2 li:nth-child(3){display:none}
}


@media (min-width:1200px) and (max-width:90000000px){
.center-1{width: 1180px;}
.center-size-3, .boxx{width: 1130px;}
.ful-1.center-1, .full-size-1, .ful-1 .fli-1.footballs-1, .fo-msg-1, .h-banr-9.h-banr-4{width: 795px;}
#cssmenu #menu-1, #cssmenu #menu-2, #cssmenu #menu-3, #cssmenu #menu-4, #cssmenu #menu-5, #cssmenu #menu-6, #cssmenu #menu-7{
	width: 1168px !important;
}
}

@media (min-width:1100px) and (max-width:1200px){
.center-1{width: 1080px;}
.center-size-3, .boxx{width: 1040px;}
.ful-1.center-1, .full-size-1, .ful-1 .fli-1.footballs-1, .fo-msg-1, .h-banr-9.h-banr-4{width: 795px;}
#cssmenu #menu-1, #cssmenu #menu-2, #cssmenu #menu-3, #cssmenu #menu-4, #cssmenu #menu-5, #cssmenu #menu-6, #cssmenu #menu-7{
	width: 1068px !important;
}
}

@media (min-width:1000px) and (max-width:1100px){
.center-1{width: 980px;}
.center-size-3, .boxx{width: 940px;}
.ful-1.center-1, .full-size-1, .ful-1 .fli-1.footballs-1, .fo-msg-1, .h-banr-9.h-banr-4{width: 795px;}
#cssmenu #menu-1, #cssmenu #menu-2, #cssmenu #menu-3, #cssmenu #menu-4, #cssmenu #menu-5, #cssmenu #menu-6, #cssmenu #menu-7{
	width: 968px !important;
}
}

@media (min-width:900px) and (max-width:1000px){
.center-1, .ful-1.center-1, .full-size-1, .ful-1 .fli-1.footballs-1, .fo-msg-1, .h-banr-9.h-banr-4{width: 880px;}
.center-size-3, .boxx{width: 830px;}
#cssmenu #menu-1, #cssmenu #menu-2, #cssmenu #menu-3, #cssmenu #menu-4, #cssmenu #menu-5, #cssmenu #menu-6, #cssmenu #menu-7{
	width: 868px !important;
}
}

@media (min-width:800px) and (max-width:900px){
.center-1, .ful-1.center-1, .full-size-1, .ful-1 .fli-1.footballs-1, .fo-msg-1, .h-banr-9.h-banr-4{width: 780px;}
.center-size-3, .boxx{width: 740px;}
#cssmenu #menu-1, #cssmenu #menu-2, #cssmenu #menu-3, #cssmenu #menu-4, #cssmenu #menu-5, #cssmenu #menu-6, #cssmenu #menu-7{
	width: 768px !important;
}
}

@media (min-width:570px) and (max-width:800px){
.center-1, .ful-1.center-1, .full-size-1, .ful-1 .fli-1.footballs-1, .fo-msg-1, .h-banr-9.h-banr-4{width: 560px;}
.center-size-3, .boxx{width: 520px;}
}

@media (min-width:10px) and (max-width:570px){
.full-size-1, .ful-1 .fli-1.footballs-1, .fo-msg-1, .h-banr-9.h-banr-4{width: 100%;}
.center-size-3, .boxx{width: 100%;}
.center-1{ margin: 0px 10px !important; }
.center-2 .center-1{ margin: 0px 0px !important; }
}








.s-sp-tit-6{
	display: none;
}

.mob-br-7 div:hover {
	opacity: 100%;
}


.footer-1 {
	z-index:1;
}

.center-size-3, .boxx{
	floaT: left;
	position:relative;
}

.center-1{
    margin: auto;
    position:relative;
}

.line-ye-1, .ball-m-size-1{
	display: none;
}


.ball-m-size-1{
	position:relative;
	z-index:0;
}

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-3;}
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:#F1F1F1;font-family:font-1, Verdana, sans-serif;font-size:16px;}
a{color:#181722;text-decoration:underline;text-decoration:none;}
a img{border:0 none;}
::selection{background-color:#2B3252;color:#fff;}
::selection{color:#fff;}

@font-face{font-family:font-1;src:url('../fonts/font-1.ttf');font-weight:bold;}
@font-face{font-family:font-2;src:url('../fonts/font-2.ttf');font-weight:bold;}
@font-face{font-family:font-3;src:url('../fonts/font-3.ttf');font-weight:bold;}