@media (min-width:1075px) and (max-width:1180px){
.css-dle-1 .dle-slo-5 .slick-next{
	lefT: 887px;
}

.css-dle-1 .dle-slo-5 .slick-prev, .css-dle-1 .dle-slo-5 .slick-next{
	top: 90px !important;
}

.css-dle-1 .dle-slo-2{
	width: 100%;
	height: 50px;
    float: right;
    position: relative;
    line-height: 50px;
    margin: 0px 0px 30px 0px;
}

.css-dle-1 .dle-slo-5{
    width: 102.7%;
    floaT: left;
    position:relative;
    margin: 0px 0px 0px 0px;
}

.css-dle-1 .c-code-3{
	width: 69%;
	floaT: right;
   color:#52545a;
   margin: -9px 0px 0px 0px;
   display: inline-block;
   font-size: 15px;
   line-height: 23px;
}

.css-dle-1 .cat-h1 h1{
	color: #2770F1;
    line-height: 20px;
    margin: 0px 0px 5px 0px;
    z-index:1;
    font-size: 22px;
    border-radius: 5px;
    font-family: 'font-2';
	font-weight: 400;
    letter-spacing: 0.01em;
    font-feature-settings: 'case' on;
}

.css-dle-1  .cat-h2{
    margin: 0px 0px;
}

.css-dle-1  .cat-h1{
	width: 100%;
	float: right;
	position: relative;
	line-height: 20px;
	margin: 0px 0px 20px 0px;
	z-index:1;
	color: #2770F1;
	font-size: 16px;
	background: #fff;
	font-family: 'font-1';
	font-weight: 400;
	letter-spacing: 0.01em;
	font-feature-settings: 'case' on;
}

.css-dle-1 .vidi-slo-2, .css-dle-1 .vidi-slo-2 img{
    line-height: 0px;
    height: 220px;
    border-radius: 5px;
    overflow:hidden;
}
.css-dle-1 .vidi-slo-1{
    margin: 0px 0px;
    width: 295px;
	floaT: left;
}

body.css-dle-1 .cat-div-1{
	width: calc(100% - 80px);
    float: left;
    position: relative;
    line-height: 20px;
    margin: 20px 0px 0px 20px;
    z-index:1;
    font-size: 16px;
	background:#fff;
	padding: 30px 30px 25px 30px;
	border-radius: 10px;
}


body.css-dle-1 .nohome-2 {background:#E9ECF4;}

body.css-dle-1 .cat-div-4{
	display: none;
}
}



@media (min-width:1180px) and (max-width:90000000px){
.css-dle-1 .dle-slo-5 .slick-next{
	lefT: 975px;
}

.css-dle-1 .dle-slo-5 .slick-prev, .css-dle-1 .dle-slo-5 .slick-next{
	top: 100px !important;
}

.css-dle-1 .dle-slo-2{
	width: 100%;
	height: 50px;
    float: right;
    position: relative;
    line-height: 50px;
    margin: 0px 0px 30px 0px;
}

.css-dle-1 .dle-slo-5{
    width: 102.7%;
    floaT: left;
    position:relative;
    margin: 0px 0px 0px 0px;
}

.css-dle-1 .c-code-3{
	width: 69%;
	floaT: right;
   color:#52545a;
   margin: -15px 0px 0px 0px;
   display: inline-block;
   font-size: 15px;
   line-height: 23px;
}

.css-dle-1 .cat-h1 h1{
	color: #2770F1;
    line-height: 20px;
    margin: 0px 0px 10px 0px;
    z-index:1;
    font-size: 25px;
    border-radius: 5px;
    font-family: 'font-2';
	font-weight: 400;
    letter-spacing: 0.01em;
    font-feature-settings: 'case' on;
}

.css-dle-1  .cat-h2{
    margin: 0px 0px;
}

.css-dle-1  .cat-h1{
	width: 100%;
	float: right;
	position: relative;
	line-height: 20px;
	margin: 0px 0px 20px 0px;
	z-index:1;
	color: #2770F1;
	font-size: 16px;
	background: #fff;
	font-family: 'font-1';
	font-weight: 400;
	letter-spacing: 0.01em;
	font-feature-settings: 'case' on;
}

.css-dle-1 .vidi-slo-2, .css-dle-1 .vidi-slo-2 img{
    line-height: 0px;
    height: 250px;
    border-radius: 5px;
    overflow:hidden;
}
.css-dle-1 .vidi-slo-1{
    margin: 0px 0px;
    width: 327px;
	floaT: left;
}

body.css-dle-1 .cat-div-1{
	width: calc(100% - 100px);
    float: left;
    position: relative;
    line-height: 20px;
    margin: 20px 0px 0px 20px;
    z-index:1;
    font-size: 16px;
	background:#fff;
	padding: 40px 40px 35px 40px;
	border-radius: 10px;
}


body.css-dle-1 .nohome-2 {background:#E9ECF4;}

body.css-dle-1 .cat-div-4{
	display: none;
}
}






.c-code-2 .c-eng-1{
	width: 30px !important;
	floaT: left;
	position:absolute;
	top: 45px;
	left: 10px;
}


.c-eng-1 img{
	width: 100% !important;
	height: 22px !important;
	line-height: 0px;
	font-size: 0px;
}

.c-eng-1{
	width: 30px !important;
	floaT: left;
	position:absolute;
	bottom: 10px;
	right: 10px;
}

.cart-new-6-img{
	width: 100%;
	height: 100%;
	floaT: left;
	position:absolute;
	top: 0px;
	lefT: 0px;
	background:rgb(40 109 238 / 40%);
	opacity: 50%;
}


body .f-fas-1{
	left: 10px;
	top: 10px;
	right: auto;
	bottom: auto;
	font-size: 13px;
}


.c-code-5 img{
   margin: 10px 0px;
   display: block;
	border-radius: 5px;
}

.c-code-5 div{
   color:#52545a;
   margin: 10px 0px 10px 0px;
   display: block;
}



.c-code-5 .dle-for-6 a:hover {
	background: #0acb53;
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	-o-transition: all .2s;
	transition: all .2s;
}

.c-code-5 .dle-for-6 a{
	margin-bottom: 12px !important;
	display: inline-block;
	color:#fff;
	background: #04b346;
	padding: 10px 16px;
	border-radius: 5px;
	letter-spacing: 0.3px;
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	-o-transition: all .2s;
	transition: all .2s;
	line-height: 20px;
}


@media (min-width: 10px) and (max-width: 560px){
body .slick-slide{margin:0px 0px 0px 0px;}

body .nohome-2{
		overflow:hidden;
    width: 100%;
    position:relative;
    float: left;
    margin: -80px 0px 20px 0px;
    padding-bottom: 0%;
    background: #ffffff;
    border-radius: 5px;
    box-shadow: 0px 0px 0px 0px rgb(26 30 49 / 0%) !important;
}

.c-code-2 .f-fas-1{
	left: 10px !important;
	top: 10px !important;
	bottom: auto;
	right: auto;
}

.f-fas-01.f-fas-1{
	background: #dd2f01;
}

.f-fas-1{
	position:absolute;
	right: 10px;
	bottom: 10px;
	background: #04b346;
	padding: 3px 10px;
	line-height: 20px;
	z-index: 1;
	floaT: right;
	border-radius: 5px;
	font-feature-settings: 'case' on;
	color:#fff;
	font-size: 14px;
}

.c-dows-1 a:hover {
	background: #0acb53;
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	-o-transition: all .2s;
	transition: all .2s;
}

.c-dows-1 a{
	color:#fff;
	background: #04b346;
	padding: 10px 16px;
	border-radius: 5px;
	letter-spacing: 0.3px;
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	-o-transition: all .2s;
	transition: all .2s;
}


.c-code-04.c-code-4 {
	text-align: center;
	font-feature-settings: 'case' on;
	display: block;
	padding: 18px 0px;
	margin: 0px 0px 0px 0px;
	font-family: font-1;
	font-size: 15px;
	border-bottom: 1px #e6eaf1 solid;
}

.full-s-2 .slick-prev{
	left: auto !important;
	right: 52px;
}


.full-s-2 .slick-prev, .full-s-2 .slick-next{top: 15px !important;}

.full-s-2 .slick-next{
    background: #286DEE url(../images/next/t-right-1.svg) 13px no-repeat !important;
    background-size: 20px;
}

.full-s-2 .slick-prev{
    background: #fff url(../images/next/left-1.svg) 11px no-repeat !important;
    background-size: 20px;
}



.full-s-2 img{
    width: 100% !important;
    line-height: 0px;
    font-size: 0px;
}
.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{
	right: 15px;
}

.full-s-2 .slick-prev{
	left: auto !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: hsl(0deg 0% 0% / 70%);
	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{ background: #286DEE; padding-bottom: 9px !important; display: block !important; }
.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;padding-bottom: 10px !important;bottom: 0px;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 20px 0px;
	border-radius: 5px;
}



 .c-code-5 a:hover {
    text-decoration: none;
    text-decoration: underline;
}

 .c-code-5 a{
	color: #286DEE;
}



.dle-slo-3 a:hover {
	color: #ffffff;
	background: #286DEE;
	-webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
}


.dle-slo-3 a{
	-webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
	background:#fff;
	floaT: right;
	padding: 6px 15px;
	line-height: 20px;
	margin: 9px 0px;
	font-size: 15px;
	border-radius: 500px;
}



body .dle-slo-5 .slick-prev{
	left: auto !important;
	top: 15px !important;
	right: 57px !important;
}

body .dle-slo-5 .slick-next{
	right: 15px !important;
	top: 15px !important;
}

.vidi-slo-1 .vidi-slo-4{
	 -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; 
}

.vidi-slo-1 img {
        -webkit-transition: all 2s cubic-bezier(0, 0, 0.2, 1);
    -o-transition: all 2s cubic-bezier(0, 0, 0.2, 1);
    transition: all 2s cubic-bezier(0, 0, 0.2, 1);
}

.vidi-slo-1:hover img {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
        -webkit-transition: all 2s cubic-bezier(0, 0, 0.2, 1);
    -o-transition: all 2s cubic-bezier(0, 0, 0.2, 1);
    transition: all 2s cubic-bezier(0, 0, 0.2, 1);
}

.vidi-slo-1:hover .vidi-slo-4{
	color: #286DEE;
	 -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; 
}

.vidi-slo-4 {
    width: 100%;
    float: left;
    position: relative;
    margin: 0px 0px 0px 0px;
    z-index:1;
    font-family: font-2;
    line-height: 18px;
    letter-spacing: -0.1px;
    font-size: 15px;
}


.dle-slo-5 .slick-prev, .dle-slo-5 .slick-next{
	top: 85px !important;
}

.vidi-slo-3 {
    width: 100%;
    float: left;
    position: relative;
    margin: 12px 0px 10px 0px;
    z-index:1;
}



.dle-slo-5 .slick-dots{
	display: none !important;
}

.dle-slo-5{
    width: 100%;
    floaT: left;
    position:relative;
    margin: 0px 0px 0px 0px;
}

.vidi-slo-2 img{
    width: 100% !important;
}


.vidi-slo-2, .vidi-slo-2 img{
    line-height: 0px;
    /* height: 200px; */
    border-radius: 5px;
    overflow:hidden;
}

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



.vidi-slo-1{
    /* float: left; */
    position:relative;
    overflow:hidden;
    margin: 0px 0px;
}


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



.dle-slo-3{
    margin: 0px 10px 0px 20px;
}

.dle-slo-2{
	width: 100%;
	height: 50px;
    float: right;
    position: relative;
    line-height: 50px;
    margin: 0px 0px 20px 0px;
    z-index:1;
    font-size: 16px;
    background: #E1E6EE;
    border-radius: 5px;
    font-family: 'font-1';
	font-weight: 400;
    letter-spacing: 0.01em;
    font-feature-settings: 'case' on;
}





.resf-1 .dle-for-1{
  width: 100%;
  floaT: left;
  position:relative;
  margin: 10px 0px 20px 0px;
  padding: 20px 0%;
  border-radius: 5px;
}


.dle-for-05{
	width: 100%;
	text-align: center;
	floaT: left;
}



.dle-for-05 .dle-for-6{
    position:relative;
     -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; 
    font-family: font-2;
        font-feature-settings: 'case' on;
      text-align: center;
   height: 50px;
   line-height: 50px;
   border-radius: 100px;
   background: #ffffff;
  floaT: initial;
   margin: auto;
   padding: 0px 33px 0px 30px;
   font-weight: 700;
   font-size: 16px;
   letter-spacing: -0.01em;
   color: #9353C8;
}









.c-code-5{
   color:#52545a;
   margin: 10px 0px 20px 0px;
   display: block;
   font-size: 15px;
   line-height: 23px;
}

.c-code-4 b, .c-code-5 strong{
	font-family: font-2;
}


.c-code-4{
	font-feature-settings: 'case' on;
	display: block;
	padding: 6px 0px;
	margin: 0px 0px 0px 0px;
	font-family: font-1;
	font-size: 14px;
	border-bottom: 1px #e6eaf1 solid;
}


.c-code-2 img{
    width: 100%;
    line-height: 0px;
    font-size: 0px;
    border-radius: 5px;
}


.c-code-2{
    width: 100%;
    position:relative;
    float: left;
    padding: 0px 0px 5px 0px;
    background:#fff;
}

.c-code-1 img{
    max-width: 100%;
    line-height: 0px;
    font-size: 0px;
}


.c-code-1{
    width: 100%;
    position:relative;
    float: left;
}



.cat-h1 h1{
	color:#fff;
    line-height: 20px;
    margin: 15px 0px;
    z-index:1;
    font-size: 16px;
    border-radius: 5px;
    font-family: 'font-1';
	font-weight: 400;
    letter-spacing: 0.01em;
    font-feature-settings: 'case' on;
}


.cat-h2{
    margin: 0px 20px;
}

.cat-h1{
	width: 100%;
	float: right;
	position: relative;
	line-height: 20px;
	margin: 0px 0px 20px 0px;
	z-index:1;
	font-size: 16px;
	background: #2770F1;
	border-radius: 5px;
	font-family: 'font-1';
	font-weight: 400;
	letter-spacing: 0.01em;
	font-feature-settings: 'case' on;
}




.cart-new-09{
	float: left;
	margin: 11px 0px 0px 0px;
	font-size: 13px;
    font-family: 'font-1';
	font-weight: 400;
    letter-spacing: 0.01em;
    font-feature-settings: 'case' on;
    color: #52545a;
}

.cart-new-9{
	width: 100%;
	position: relative;
	floaT: left;
	margin: 10px 0px 20px 0px;
}


.cart-new-3 .fa-arrow-right {
    width: 20px;
    height: 46px;
    background: url(../images/next-3.svg) center no-repeat;
    margin: -3px 0px 0px 2px;
    display:  inline-block;
    floaT: right;
    font-size: 0px;
}

.cart-new-3 .fa-arrow-right {
    width: 20px;
    height: 43px;
    background: url(../images/next-2.svg) center no-repeat;
    margin: -0px 0px 0px 2px;
    display:  inline-block;
    floaT: right;
    font-size: 0px;
}

.cart-new-9 a:hover{color:#fff !important;  transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;  animation-name:wobble-vertical;animation-duration:1s;animation-timing-function:ease-in-out;animation-iteration-count:1}


body .cart-new-3 .header-a-2:hover {
    color: #286DEE !important;
}

.cart-new-9 .header-a-2 {
    color: #286DEE !important;
        background: #ffffff;
    border: 2px #286DEE solid;
    margin: 0% 0px 0px 15px;
}

.ser-new-9 a:hover{color:#fff !important;  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: #286DEE 0px 0px 10px 0px; animation-name:wobble-vertical;animation-duration:1s;animation-timing-function:ease-in-out;animation-iteration-count:1}


.cart-new-9 a{
     transition:all 0.3s ease-in-out;
     -moz-transition:all 0.3s ease-in-out;
     -webkit-transition:all 0.3s ease-in-out;
     border: 0px #286DEE solid;
     background: #286DEE;
     line-height: 43px;
     height: 43px;
     color: #ccdeff !important;
     position:relative;
     float: right;
     margin: 0px 0px 0px 0px;
     padding: 0px 20px;
     overflow:hidden;
     border-radius: 5px;
     font-family: 'font-1';
     font-style: normal;
     font-weight: 100;
     font-size: 15px;
     text-align: center;
     letter-spacing: 0.01em;
     font-feature-settings: 'case' on;
     color: #FFFFFF;
}


.cart-new-08{
	width: 100%;
	overflow:hidden;
	position:relative;
	float: left;
	font-family: 'font-1';
	font-style: normal;
	font-weight: 100;
	font-size: 15px;
	line-height: 20px;
	text-align: left;
	letter-spacing: 0.01em;
	color: #52545a;
	margin: 8px 0px 0px 0px;
}


.cart-new-3 h2 a:hover {
    text-decoration: none;
    text-decoration: underline;
}


.cart-new-3 h2 a{
    color: #152B5A;
}

.cart-new-3 h2{
    width: 100%;
    position:relative;
    float: left;
    font-family: 'font-2';
    font-style: normal;
    font-weight: 700;
    color: #152B5A;
    font-size: 17px;
    border-radius: 5px;
    font-family: 'font-2';
    font-weight: 400;
    letter-spacing: 0.01em;
    /* font-feature-settings: 'case' on; */
}

.cart-new-7{
    width: 100%;
    position:relative;
    /* overflow:hidden; */
    float: right;
}


.cart-new-5 img{ width: 100%;  }



.cart-new-5 {
    width: 100%;
    position:relative;
    overflow:hidden;
    float: left;
    border-radius: 5px;
    line-height: 0px;
    margin-bottom: 15px;
}

.cart-new-3{
    width: 100%;
    position:relative;
    float: left;
    padding: 0px 0px 0px 0px;
    margin-bottom: 15px;
    border-bottom: 1px solid #e6eaf1;
}





.div-like-4{
	width: 100%;  
    margin: 0px 0px 0px 0px; 
    position: relative;
    floaT: left;
    z-index:1;
    font-family: 'font-1';
	font-weight: 400;
    letter-spacing: 0.01em;
    font-feature-settings: 'case' on;
    font-size: 15px;
}



.div-like-3{
	width: 100%;  
	height: 31px;
    margin: 28px 0px 15px 0px; 
    position: relative;
    floaT: left;
    z-index:1;
    background: url(../images/like-1.svg) center no-repeat;
}

.div-like-2{   
    margin: 0px 30px; 
}

.div-like-1{
	width: 100%;
	height: 115px;
	position:relative;
	margin: 5px 0px 0px 0px;
	floaT: left;
	z-index:1;
	background: linear-gradient(180deg, #5754EE 0%, #4644CE 100%);
	border-radius: 5px;
	overflow:hidden;
	text-align: center;
	color:#fff;
}




.cat-vidi-1:hover .cat-vidi-2:before{ 
    background: #286DEE url(../images/gb-3.svg) center no-repeat;
    box-shadow: 0px 0px 0px 20px rgb(40 109 238 / 40%);
    opacity: 10;
    -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;
}


.cat-vidi-2:before{ 
    -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;
    width: 50%;
    height: 50%;    
    margin: 0px 0px 0px 0px;    
    position: absolute;
    background: #286DEE url(../images/gb-3.svg) center no-repeat;
    box-shadow: 0px 0px 0px 0px #286DEE;
    content: "";
    left: 20px;
    top: 20px;
    border-radius: 100px;
    z-indeX:11;
    opacity: 0%;
}


.cat-vidi-2::after{ 
    width: 100%;
    height: 100%;    
    margin: 0px 0px 0px 0px;    
    position: absolute;
    background: linear-gradient(180deg, rgba(40, 109, 238, 0.1) 0%, rgba(40, 109, 238, 0.55) 100%);
    content: "";
    left: 0px;
    top: 0px;
    border-radius: 100px;
    z-indeX:1;
}




.cat-vidi-4{
	color:#52545a;
}


.cat-vidi-1 .cat-vidi-4{
      -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;
}

.cat-vidi-1:hover .cat-vidi-4{
    color: #286DEE;
     -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;
}


.cat-vidi-4 {
  margin: 0px 0px 0px 0px;
  line-height: 20px;
  display: table-cell;
  vertical-align: middle;
  padding: 0px 0px 0px 0px;
}


.cat-vidi-3{
	width: calc(100% - 100px);
	floaT: right;
}

.cat-vidi-4{
	height: 70px;
}

.cat-vidi-2, .cat-vidi-3, .cat-vidi-1 img{
	height: 80px;
}

.cat-vidi-2, .cat-vidi-1 img{
	width: 80px;
    float: left;
    position: relative;
    line-height: 20px;
    margin: 0px 0px 0px 0px;
    z-index:1;
    font-size: 0px;
    object-fit: cover;
    border-radius: 100px;
}


.cat-vidi-1{
	width: 100%;
	float: left;
	position: relative;
	overflow:hidden;
	line-height: 20px;
	margin-bottom: 15px;
	padding-bottom: 15px;
	z-index:1;
	font-size: 16px;
	border-bottom: 1px #e6eaf1 solid;
}


.cat-div-7 img{
	width: 100%;
	font-size: 0px;
	line-height: 0px;
}


.cat-div-7{
	width: 100%;
    float: left;
    position: relative;
    line-height: 20px;
    margin: 0px 0px 0px 0px;
    z-index:1;
    font-size: 16px;
}



.cat-div-3 {
    width: 30px;
    height: 17px;
    background: url(../images/gb-1.svg) center no-repeat;
    margin: 16px 5px 0px 15px;
    display:  inline-block;
    floaT: left;
}

.cat-div-2{
	width: 100%;
	height: 50px;
    float: right;
    position: relative;
    line-height: 50px;
    margin: 20px 0px 20px 0px;
    z-index:1;
    font-size: 16px;
    background: #E1E6EE;
    border-radius: 5px;
    font-family: 'font-1';
	font-weight: 400;
    letter-spacing: 0.01em;
    font-feature-settings: 'case' on;
}
.resf-1 .cat-div-1{
	width: 100%;
	margin: 20px 0px 0px 0px;
}

.cat-div-1{
	width: 100%;
	float: left;
	position: relative;
	line-height: 20px;
	margin: 0px 0px 0px 0px;
	z-index:1;
	font-size: 16px;
}


.cat-div-6{
    margin: 0px 20px;
}

.cat-div-5{
	width: 100%;
	height: 50px;
    float: right;
    position: relative;
    line-height: 50px;
    margin: 0px 0px 20px 0px;
    z-index:1;
    font-size: 16px;
    background: #E1E6EE;
    border-radius: 5px;
    font-family: 'font-1';
	font-weight: 400;
    letter-spacing: 0.01em;
    font-feature-settings: 'case' on;
}

.cat-div-4{
	width: 100%;
	FONT-WEIGHT: 500;
	position: relative;
	line-height: 20px;
	margin: 10px 0px 10px 0px;
	z-index:1;
	font-size: 16px;
}


.resf-1 .cat-div-4{
	width: 100%;
	float: left;
	position: relative;
	line-height: 20px;
	margin: 10px 0px 20px 0px;
	z-index:1;
	font-size: 16px;
}






.abc-c-3:hover .abc-fasiani.abc-c-8 {
    background:#db1538;
    -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
}

.abc-c-3 .abc-fasiani.abc-c-8 {
      background:#C60F30;
}

.abc-c-3 .abc-c-8 {
    -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
}


.abc-c-3:hover .abc-c-8 {
    background: #3cc70b;
    -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
}



.abc-c-9 {
	width: 100%;
	float: left;
	position: relative;
	line-height: 20px;
	margin: 0px 0px 0px 0px;
	z-index:1;
	font-size: 15px;
}



.abc-c-8 {
	display: inline-flex;
    position: relative;
    bottom: 0px;
    line-height: 20px;
    margin: 0px auto;
    z-index:1;
    border-radius: 100px;
    text-align: center;
    background: #2EAF00;
    padding: 5px 12px;
    font-size: 13px;
}


.abc-c-7 {
	width: 100%;
    float: left;
    position: relative;
    bottom: 0px;
    line-height: 20px;
    margin: 0px 0px 7px 0px;
    z-index:1;
    border-radius: 5px;
    text-align: center;
    color:#fff;
}



.abc-c-5 {
    width: 100%;
    float: left;
    position: absolute;
    bottom: 0px;
    line-height: 20px;
    margin: 0px 0px;
    z-index:1;
    border-radius: 0px;
    text-align: center;
    background: linear-gradient(178.28deg, rgba(40, 109, 238, 0.0) 1.46%, rgba(9, 36, 87, 0.92) 97.13%);
    padding: 90px 0px 15px 0px;
    color:#fff;
    font-family: 'font-1';
    font-weight: 400;
    text-align: center;
    letter-spacing: 0.01em;
    font-feature-settings: 'case' on;
}



.abc-c-3, .abc-c-4 img{
	object-fit: cover;
    width: 100%;
    line-height: 0px;
    height: 110px;
    overflow:hidden;
}


.abc-c-3 {
    width: 50%;
    float: left;
    position: relative;
    margin: 0px 0px 0% 0%;
    z-index:1;
    border-radius: 0px;
}

.abc-c-2 {
    margin: 0px 0px 0px 0px;
}


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



@media (min-width: 560px) and (max-width: 810px){
.c-code-2 .f-fas-1{
	left: 10px !important;
	top: 10px !important;
	bottom: auto;
	right: auto;
}

.f-fas-01.f-fas-1{
	background: #dd2f01;
}

.f-fas-1{
	position:absolute;
	right: 10px;
	bottom: 10px;
	background: #04b346;
	padding: 3px 10px;
	line-height: 20px;
	z-index: 1;
	floaT: right;
	border-radius: 5px;
	font-feature-settings: 'case' on;
	color:#fff;
	font-size: 14px;
}

.c-dows-1 a:hover {
	background: #0acb53;
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	-o-transition: all .2s;
	transition: all .2s;
}

.c-dows-1 a{
	color:#fff;
	background: #04b346;
	padding: 10px 16px;
	border-radius: 5px;
	letter-spacing: 0.3px;
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	-o-transition: all .2s;
	transition: all .2s;
}


.c-code-04.c-code-4 {
	font-feature-settings: 'case' on;
	display: block;
	padding: 18px 0px;
	margin: 0px 0px 0px 0px;
	font-family: font-1;
	font-size: 15px;
	border-bottom: 1px #e6eaf1 solid;
}

.full-s-2 .slick-prev{
	left: auto !important;
	right: 52px;
}


.full-s-2 .slick-prev, .full-s-2 .slick-next{top: 15px !important;}

.full-s-2 .slick-next{
    background: #286DEE url(../images/next/t-right-1.svg) 13px no-repeat !important;
    background-size: 20px;
}

.full-s-2 .slick-prev{
    background: #fff url(../images/next/left-1.svg) 11px no-repeat !important;
    background-size: 20px;
}



.full-s-2 img{
    width: 100% !important;
    line-height: 0px;
    font-size: 0px;
}
.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{
	right: 15px;
}

.full-s-2 .slick-prev{
	left: auto !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: hsl(0deg 0% 0% / 70%);
	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{ background:rgb(0 0 0 / 70%); padding-bottom: 9px !important; display: block !important; }
.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;padding-bottom: 10px !important;bottom: 0px;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 20px 0px;
	border-radius: 5px;
}



 .c-code-5 a:hover {
    text-decoration: none;
    text-decoration: underline;
}

 .c-code-5 a{
	color: #286DEE;
}



.dle-slo-3 a:hover {
	color: #ffffff;
	background: #286DEE;
	-webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
}


.dle-slo-3 a{
	-webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
	background:#fff;
	floaT: right;
	padding: 6px 15px;
	line-height: 20px;
	margin: 9px 0px;
	font-size: 15px;
	border-radius: 500px;
}


body .dle-slo-5 .slick-prev{
	left: 25px !important;
}

body .dle-slo-5 .slick-next{
	right: 22px !important;
}

.vidi-slo-1 .vidi-slo-4{
	 -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; 
}

.vidi-slo-1 img {
        -webkit-transition: all 2s cubic-bezier(0, 0, 0.2, 1);
    -o-transition: all 2s cubic-bezier(0, 0, 0.2, 1);
    transition: all 2s cubic-bezier(0, 0, 0.2, 1);
}

.vidi-slo-1:hover img {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
        -webkit-transition: all 2s cubic-bezier(0, 0, 0.2, 1);
    -o-transition: all 2s cubic-bezier(0, 0, 0.2, 1);
    transition: all 2s cubic-bezier(0, 0, 0.2, 1);
}

.vidi-slo-1:hover .vidi-slo-4{
	color: #286DEE;
	 -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; 
}

.vidi-slo-4 {
    width: 100%;
    float: left;
    position: relative;
    margin: 0px 0px 0px 0px;
    z-index:1;
    font-family: font-2;
    line-height: 18px;
    letter-spacing: -0.1px;
    font-size: 15px;
}


.dle-slo-5 .slick-prev, .dle-slo-5 .slick-next{
	top: 75px !important;
}

.vidi-slo-3 {
    width: 100%;
    float: left;
    position: relative;
    margin: 12px 0px 10px 0px;
    z-index:1;
}



.dle-slo-5 .slick-dots{
	display: none !important;
}

.dle-slo-5{
    width: 102.7%;
    floaT: left;
    position:relative;
    margin: 0px 0px 0px -10px;
}

.vidi-slo-2 img{
    width: 100% !important;
}


.vidi-slo-2, .vidi-slo-2 img{
    line-height: 0px;
    height: 198px;
    border-radius: 5px;
    overflow:hidden;
}

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



.vidi-slo-1{
    float: left;
    position:relative;
    overflow:hidden;
    margin: 0px 10px;
    width: 261px;
}


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



.dle-slo-3{
    margin: 0px 10px 0px 20px;
}

.dle-slo-2{
	width: 100%;
	height: 50px;
    float: right;
    position: relative;
    line-height: 50px;
    margin: 0px 0px 20px 0px;
    z-index:1;
    font-size: 16px;
    background: #E1E6EE;
    border-radius: 5px;
    font-family: 'font-1';
	font-weight: 400;
    letter-spacing: 0.01em;
    font-feature-settings: 'case' on;
}





.resf-1 .dle-for-1{
  width: 100%;
  floaT: left;
  position:relative;
  margin: 10px 0px 20px 0px;
  padding: 20px 0%;
  border-radius: 5px;
}


.dle-for-05{
	width: 100%;
	text-align: center;
	floaT: left;
}



.dle-for-05 .dle-for-6{
    position:relative;
     -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; 
    font-family: font-2;
        font-feature-settings: 'case' on;
      text-align: center;
   height: 50px;
   line-height: 50px;
   border-radius: 100px;
   background: #ffffff;
  floaT: initial;
   margin: auto;
   padding: 0px 33px 0px 30px;
   font-weight: 700;
   font-size: 16px;
   letter-spacing: -0.01em;
   color: #9353C8;
}









.c-code-5{
   color:#52545a;
   margin: 10px 0px 20px 0px;
   display: block;
   font-size: 15px;
   line-height: 23px;
}

.c-code-4 b, .c-code-5 strong{
	font-family: font-2;
}


.c-code-4{
	font-feature-settings: 'case' on;
	display: block;
	padding: 6px 0px;
	margin: 0px 0px 0px 0px;
	font-family: font-1;
	font-size: 14px;
	border-bottom: 1px #e6eaf1 solid;
}


.c-code-2 img{
    width: 100%;
    line-height: 0px;
    font-size: 0px;
    border-radius: 5px;
}


.c-code-2{
    width: 210px;
    position:relative;
    float: left;
    padding: 0px 20px 5px 0px;
    background:#fff;
}

.c-code-1 img{
    max-width: 100%;
    line-height: 0px;
    font-size: 0px;
}


.c-code-1{
    width: 100%;
    position:relative;
    float: left;
}



.cat-h1 h1{
	color:#fff;
    line-height: 20px;
    margin: 15px 0px;
    z-index:1;
    font-size: 16px;
    border-radius: 5px;
    font-family: 'font-1';
	font-weight: 400;
    letter-spacing: 0.01em;
    font-feature-settings: 'case' on;
}


.cat-h2{
    margin: 0px 20px;
}

.cat-h1{
	width: 100%;
	float: right;
	position: relative;
	line-height: 20px;
	margin: 0px 0px 20px 0px;
	z-index:1;
	font-size: 16px;
	background: #2770F1;
	border-radius: 5px;
	font-family: 'font-1';
	font-weight: 400;
	letter-spacing: 0.01em;
	font-feature-settings: 'case' on;
}




.cart-new-09{
	float: right;
	margin: 11px 24px 0px 0px;
	font-size: 13px;
    font-family: 'font-1';
	font-weight: 400;
    letter-spacing: 0.01em;
    font-feature-settings: 'case' on;
    color: #52545a;
}

.cart-new-9{
	width: 100%;
	position:absolute;
	bottom: 0px;
	right: 0px;
}


.cart-new-3 .fa-arrow-right {
    width: 20px;
    height: 46px;
    background: url(../images/next-3.svg) center no-repeat;
    margin: -3px 0px 0px 2px;
    display:  inline-block;
    floaT: right;
    font-size: 0px;
}

.cart-new-3 .fa-arrow-right {
    width: 20px;
    height: 46px;
    background: url(../images/next-2.svg) center no-repeat;
    margin: -3px 0px 0px 2px;
    display:  inline-block;
    floaT: right;
    font-size: 0px;
}

.cart-new-9 a:hover{color:#fff !important;  transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;  animation-name:wobble-vertical;animation-duration:1s;animation-timing-function:ease-in-out;animation-iteration-count:1}


body .cart-new-3 .header-a-2:hover {
    color: #286DEE !important;
}

.cart-new-9 .header-a-2 {
    color: #286DEE !important;
        background: #ffffff;
    border: 2px #286DEE solid;
    margin: 0% 0px 0px 15px;
}

.ser-new-9 a:hover{color:#fff !important;  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: #286DEE 0px 0px 10px 0px; animation-name:wobble-vertical;animation-duration:1s;animation-timing-function:ease-in-out;animation-iteration-count:1}


.cart-new-9 a{
     transition:all 0.3s ease-in-out;
     -moz-transition:all 0.3s ease-in-out;
     -webkit-transition:all 0.3s ease-in-out;
     border: 0px #286DEE solid;
     background: #286DEE;
     line-height: 43px;
     height: 43px;
     color: #ccdeff !important;
     position:relative;
     float: right;
     margin: 0px 0px 0px 0px;
     padding: 0px 20px;
     overflow:hidden;
     border-radius: 5px;
     font-family: 'font-1';
     font-style: normal;
     font-weight: 100;
     font-size: 15px;
     text-align: center;
     letter-spacing: 0.01em;
     font-feature-settings: 'case' on;
     color: #FFFFFF;
}


.cart-new-08{
	display: none;
    width: 100%;
    height: 61px;
    overflow:hidden;
    position:relative;
    float: left;
    font-family: 'font-1';
    font-style: normal;
    font-weight: 100;
    font-size: 15px;
    line-height: 20px;
    text-align: left;
    letter-spacing: 0.01em;
    color: #52545a;
    margin: 8px 0px 0px 0px;
}


.cart-new-3 h2 a:hover {
    text-decoration: none;
    text-decoration: underline;
}


.cart-new-3 h2 a{
    color: #152B5A;
}

.cart-new-3 h2{
    width: 100%;
    position:relative;
    float: left;
    font-family: 'font-2';
    font-style: normal;
    font-weight: 700;
    color: #152B5A;
    font-size: 15px;
    border-radius: 5px;
    font-family: 'font-2';
    font-weight: 400;
    letter-spacing: 0.01em;
    /* font-feature-settings: 'case' on; */
}

.cart-new-7{
    width: 62%;
    position:relative;
    overflow:hidden;
    float: right;
}


.cart-new-5, .cart-new-7, .cart-new-5 img{
	height: 115px; 
}

.cart-new-5 img{ width: 100%;  }



.cart-new-5 {
    width: 34.3%;
    position:relative;
    overflow:hidden;
    float: left;
    border-radius: 5px;
    line-height: 0px;
    margin-bottom: 15px;
}

.cart-new-3{
    width: 100%;
    position:relative;
    float: left;
    padding: 0px 0px 0px 0px;
    margin-bottom: 15px;
    border-bottom: 1px solid #e6eaf1;
}





.div-like-4{
	width: 100%;  
    margin: 0px 0px 0px 0px; 
    position: relative;
    floaT: left;
    z-index:1;
    font-family: 'font-1';
	font-weight: 400;
    letter-spacing: 0.01em;
    font-feature-settings: 'case' on;
    font-size: 15px;
}



.div-like-3{
	width: 100%;  
	height: 31px;
    margin: 28px 0px 15px 0px; 
    position: relative;
    floaT: left;
    z-index:1;
    background: url(../images/like-1.svg) center no-repeat;
}

.div-like-2{   
    margin: 0px 30px; 
}

.div-like-1{
	width: 100%;
	height: 115px;
	position:relative;
	margin: 5px 0px 15px 0px;
	floaT: left;
	z-index:1;
	background: linear-gradient(180deg, #5754EE 0%, #4644CE 100%);
	border-radius: 5px;
	overflow:hidden;
	text-align: center;
	color:#fff;
}




.cat-vidi-1:hover .cat-vidi-2:before{ 
    background: #286DEE url(../images/gb-3.svg) center no-repeat;
    box-shadow: 0px 0px 0px 20px rgb(40 109 238 / 40%);
    opacity: 10;
    -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;
}


.cat-vidi-2:before{ 
    -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;
    width: 50%;
    height: 50%;    
    margin: 0px 0px 0px 0px;    
    position: absolute;
    background: #286DEE url(../images/gb-3.svg) center no-repeat;
    box-shadow: 0px 0px 0px 0px #286DEE;
    content: "";
    left: 20px;
    top: 20px;
    border-radius: 100px;
    z-indeX:11;
    opacity: 0%;
}


.cat-vidi-2::after{ 
    width: 100%;
    height: 100%;    
    margin: 0px 0px 0px 0px;    
    position: absolute;
    background: linear-gradient(180deg, rgba(40, 109, 238, 0.1) 0%, rgba(40, 109, 238, 0.55) 100%);
    content: "";
    left: 0px;
    top: 0px;
    border-radius: 100px;
    z-indeX:1;
}




.cat-vidi-4{
	color:#52545a;
}


.cat-vidi-1 .cat-vidi-4{
      -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;
}

.cat-vidi-1:hover .cat-vidi-4{
    color: #286DEE;
     -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;
}


.cat-vidi-4 {
  margin: 0px 0px 0px 0px;
  line-height: 20px;
  display: table-cell;
  vertical-align: middle;
  padding: 0px 0px 0px 0px;
}


.cat-vidi-3{
	width: calc(100% - 100px);
	floaT: right;
}

.cat-vidi-4{
	height: 70px;
}

.cat-vidi-2, .cat-vidi-3, .cat-vidi-1 img{
	height: 80px;
}

.cat-vidi-2, .cat-vidi-1 img{
	width: 80px;
    float: left;
    position: relative;
    line-height: 20px;
    margin: 0px 0px 0px 0px;
    z-index:1;
    font-size: 0px;
    object-fit: cover;
    border-radius: 100px;
}


.cat-vidi-1{
	width: 100%;
	float: left;
	position: relative;
	overflow:hidden;
	line-height: 20px;
	margin-bottom: 15px;
	padding-bottom: 15px;
	z-index:1;
	font-size: 16px;
	border-bottom: 1px #e6eaf1 solid;
}


.cat-div-7 img{
	width: 100%;
	font-size: 0px;
	line-height: 0px;
}


.cat-div-7{
	width: 100%;
    float: left;
    position: relative;
    line-height: 20px;
    margin: 0px 0px 0px 0px;
    z-index:1;
    font-size: 16px;
}



.cat-div-3 {
    width: 30px;
    height: 17px;
    background: url(../images/gb-1.svg) center no-repeat;
    margin: 16px 5px 0px 15px;
    display:  inline-block;
    floaT: left;
}

.cat-div-2{
	width: 100%;
	height: 50px;
    float: right;
    position: relative;
    line-height: 50px;
    margin: 0px 0px 20px 0px;
    z-index:1;
    font-size: 16px;
    background: #E1E6EE;
    border-radius: 5px;
    font-family: 'font-1';
	font-weight: 400;
    letter-spacing: 0.01em;
    font-feature-settings: 'case' on;
}
.resf-1 .cat-div-1{
	width: 540px;
		margin: 20px 0px 0px 0px;
}

.cat-div-1{
	width: 500px;
	float: left;
	position: relative;
	line-height: 20px;
	margin: 0px 0px 0px 20px;
	z-index:1;
	font-size: 16px;
}


.cat-div-6{
    margin: 0px 20px;
}

.cat-div-5{
	width: 100%;
	height: 50px;
    float: right;
    position: relative;
    line-height: 50px;
    margin: 0px 0px 20px 0px;
    z-index:1;
    font-size: 16px;
    background: #E1E6EE;
    border-radius: 5px;
    font-family: 'font-1';
	font-weight: 400;
    letter-spacing: 0.01em;
    font-feature-settings: 'case' on;
}

.cat-div-4{
	width: 500px;
	FONT-WEIGHT: 500;
	position: relative;
	line-height: 20px;
	margin: 10px 20px 10px 20px;
	z-index:1;
	font-size: 16px;
}


.resf-1 .cat-div-4{
	width: 540px;
	float: left;
	position: relative;
	line-height: 20px;
	margin: 10px 20px 10px 0px;
	z-index:1;
	font-size: 16px;
}






.abc-c-3:hover .abc-fasiani.abc-c-8 {
    background:#db1538;
    -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
}

.abc-c-3 .abc-fasiani.abc-c-8 {
      background:#C60F30;
}

.abc-c-3 .abc-c-8 {
    -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
}


.abc-c-3:hover .abc-c-8 {
    background: #3cc70b;
    -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
}



.abc-c-9 {
	width: 100%;
	float: left;
	position: relative;
	line-height: 20px;
	margin: 0px 0px 0px 0px;
	z-index:1;
	font-size: 15px;
}



.abc-c-8 {
	display: inline-flex;
    position: relative;
    bottom: 0px;
    line-height: 20px;
    margin: 0px auto;
    z-index:1;
    border-radius: 100px;
    text-align: center;
    background: #2EAF00;
    padding: 5px 12px;
    font-size: 13px;
}


.abc-c-7 {
	width: 100%;
    float: left;
    position: relative;
    bottom: 0px;
    line-height: 20px;
    margin: 0px 0px 7px 0px;
    z-index:1;
    border-radius: 5px;
    text-align: center;
    color:#fff;
}



.abc-c-5 {
    width: 100%;
    float: left;
    position: absolute;
    bottom: 0px;
    line-height: 20px;
    margin: 0px 0px;
    z-index:1;
    border-radius: 5px;
    text-align: center;
    background: linear-gradient(178.28deg, rgba(40, 109, 238, 0.0) 1.46%, rgba(9, 36, 87, 0.92) 97.13%);
    padding: 90px 0px 15px 0px;
    color:#fff;
    font-family: 'font-1';
	font-weight: 400;
    text-align: center;
    letter-spacing: 0.01em;
    font-feature-settings: 'case' on;
}



.abc-c-3, .abc-c-4 img{
	object-fit: cover;
    width: 100%;
    line-height: 0px;
    height: 120px;
    overflow:hidden;
}


.abc-c-3 {
    width: 240px;
    float: left;
    position: relative;
    margin: 0px 10px 20px 10px;
    z-index:1;
    border-radius: 5px;
}

.abc-c-2 {
    margin: 0px 0px 0px 10px;
}


.abc-c-1 {
    width: 100%;
    float: left;
    position: relative;
    margin: 20px 0px 0px 0px;
    z-index:1;
}
}



@media (min-width: 810px) and (max-width: 1000px){
.c-code-2 .f-fas-1{
	left: 10px !important;
	top: 10px !important;
	bottom: auto;
	right: auto;
}

.f-fas-01.f-fas-1{
	background: #dd2f01;
}

.f-fas-1{
	position:absolute;
	right: 10px;
	bottom: 10px;
	background: #04b346;
	padding: 3px 10px;
	line-height: 20px;
	z-index: 1;
	floaT: right;
	border-radius: 5px;
	font-feature-settings: 'case' on;
	color:#fff;
	font-size: 14px;
}

.c-dows-1 a:hover {
	background: #0acb53;
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	-o-transition: all .2s;
	transition: all .2s;
}

.c-dows-1 a{
	color:#fff;
	background: #04b346;
	padding: 10px 16px;
	border-radius: 5px;
	letter-spacing: 0.3px;
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	-o-transition: all .2s;
	transition: all .2s;
}


.c-code-04.c-code-4 {
	font-feature-settings: 'case' on;
	display: block;
	padding: 18px 0px;
	margin: 0px 0px 0px 0px;
	font-family: font-1;
	font-size: 15px;
	border-bottom: 1px #e6eaf1 solid;
}

.full-s-2 .slick-prev{
	left: auto !important;
	right: 52px;
}


.full-s-2 .slick-prev, .full-s-2 .slick-next{top: 15px !important;}

.full-s-2 .slick-next{
    background: #286DEE url(../images/next/t-right-1.svg) 13px no-repeat !important;
    background-size: 20px;
}

.full-s-2 .slick-prev{
    background: #fff url(../images/next/left-1.svg) 11px no-repeat !important;
    background-size: 20px;
}



.full-s-2 img{
    width: 100% !important;
    line-height: 0px;
    font-size: 0px;
}
.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{
	right: 15px;
}

.full-s-2 .slick-prev{
	left: auto !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: hsl(0deg 0% 0% / 70%);
	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{ background:rgb(0 0 0 / 70%); padding-bottom: 9px !important; display: block !important; }
.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;padding-bottom: 10px !important;bottom: 0px;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 20px 0px;
	border-radius: 5px;
}



 .c-code-5 a:hover {
    text-decoration: none;
    text-decoration: underline;
}

 .c-code-5 a{
	color: #286DEE;
}



.dle-slo-3 a:hover {
	color: #ffffff;
	background: #286DEE;
	-webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
}


.dle-slo-3 a{
	-webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
	background:#fff;
	floaT: right;
	padding: 6px 15px;
	line-height: 20px;
	margin: 9px 0px;
	font-size: 15px;
	border-radius: 500px;
}



body .dle-slo-5 .slick-prev{
	left: 25px !important;
}

body .dle-slo-5 .slick-next{
	right: 26px !important;
}

.vidi-slo-1 .vidi-slo-4{
	 -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; 
}

.vidi-slo-1 img {
        -webkit-transition: all 2s cubic-bezier(0, 0, 0.2, 1);
    -o-transition: all 2s cubic-bezier(0, 0, 0.2, 1);
    transition: all 2s cubic-bezier(0, 0, 0.2, 1);
}

.vidi-slo-1:hover img {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
        -webkit-transition: all 2s cubic-bezier(0, 0, 0.2, 1);
    -o-transition: all 2s cubic-bezier(0, 0, 0.2, 1);
    transition: all 2s cubic-bezier(0, 0, 0.2, 1);
}

.vidi-slo-1:hover .vidi-slo-4{
	color: #286DEE;
	 -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; 
}

.vidi-slo-4 {
    width: 100%;
    float: left;
    position: relative;
    margin: 0px 0px 0px 0px;
    z-index:1;
    font-family: font-2;
    line-height: 18px;
    letter-spacing: -0.1px;
    font-size: 15px;
}


.dle-slo-5 .slick-prev, .dle-slo-5 .slick-next{
	top: 68px !important;
}

.vidi-slo-3 {
    width: 100%;
    float: left;
    position: relative;
    margin: 12px 0px 10px 0px;
    z-index:1;
}



.dle-slo-5 .slick-dots{
	display: none !important;
}

.dle-slo-5{
    width: 102.7%;
    floaT: left;
    position:relative;
    margin: 0px 0px 0px -10px;
}

.vidi-slo-2 img{
    width: 100% !important;
}


.vidi-slo-2, .vidi-slo-2 img{
    line-height: 0px;
    height: 180px;
    border-radius: 5px;
    overflow:hidden;
}

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



.vidi-slo-1{
    float: left;
    position:relative;
    overflow:hidden;
    margin: 0px 10px;
    width: 237px;
}


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



.dle-slo-3{
    margin: 0px 10px 0px 20px;
}

.dle-slo-2{
	width: 100%;
	height: 50px;
    float: right;
    position: relative;
    line-height: 50px;
    margin: 0px 0px 20px 0px;
    z-index:1;
    font-size: 16px;
    background: #E1E6EE;
    border-radius: 5px;
    font-family: 'font-1';
	font-weight: 400;
    letter-spacing: 0.01em;
    font-feature-settings: 'case' on;
}





.resf-1 .dle-for-1{
  width: 100%;
  floaT: left;
  position:relative;
  margin: 10px 0px 20px 0px;
  padding: 20px 0%;
  border-radius: 5px;
}


.dle-for-05{
	width: 100%;
	text-align: center;
	floaT: left;
}



.dle-for-05 .dle-for-6{
    position:relative;
     -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; 
    font-family: font-2;
        font-feature-settings: 'case' on;
      text-align: center;
   height: 50px;
   line-height: 50px;
   border-radius: 100px;
   background: #ffffff;
  floaT: initial;
   margin: auto;
   padding: 0px 33px 0px 30px;
   font-weight: 700;
   font-size: 16px;
   letter-spacing: -0.01em;
   color: #9353C8;
}









.c-code-5{
   color:#52545a;
   margin: 10px 0px 20px 0px;
   display: block;
   font-size: 15px;
   line-height: 23px;
}

.c-code-4 b, .c-code-5 strong{
	font-family: font-2;
}


.c-code-4{
	font-feature-settings: 'case' on;
	display: block;
	padding: 6px 0px;
	margin: 0px 0px 0px 0px;
	font-family: font-1;
	font-size: 14px;
	border-bottom: 1px #e6eaf1 solid;
}


.c-code-2 img{
    width: 100%;
    line-height: 0px;
    font-size: 0px;
    border-radius: 5px;
}


.c-code-2{
    width: 260px;
    position:relative;
    float: left;
    padding: 0px 20px 5px 0px;
    background:#fff;
}

.c-code-1 img{
    max-width: 100%;
    line-height: 0px;
    font-size: 0px;
}


.c-code-1{
    width: 100%;
    position:relative;
    float: left;
}



.cat-h1 h1{
	color:#fff;
    line-height: 20px;
    margin: 15px 0px;
    z-index:1;
    font-size: 16px;
    border-radius: 5px;
    font-family: 'font-1';
	font-weight: 400;
    letter-spacing: 0.01em;
    font-feature-settings: 'case' on;
}


.cat-h2{
    margin: 0px 20px;
}

.cat-h1{
	width: 100%;
	float: right;
	position: relative;
	line-height: 20px;
	margin: 0px 0px 20px 0px;
	z-index:1;
	font-size: 16px;
	background: #2770F1;
	border-radius: 5px;
	font-family: 'font-1';
	font-weight: 400;
	letter-spacing: 0.01em;
	font-feature-settings: 'case' on;
}




.cart-new-09{
	float: right;
	margin: 11px 24px 0px 0px;
	font-size: 14.5px;
    font-family: 'font-1';
	font-weight: 400;
    letter-spacing: 0.01em;
    font-feature-settings: 'case' on;
    color: #52545a;
}

.cart-new-9{
	width: 100%;
	position:absolute;
	bottom: 0px;
	right: 0px;
}


.cart-new-3 .fa-arrow-right {
    width: 20px;
    height: 46px;
    background: url(../images/next-3.svg) center no-repeat;
    margin: -3px 0px 0px 2px;
    display:  inline-block;
    floaT: right;
    font-size: 0px;
}

.cart-new-3 .fa-arrow-right {
    width: 20px;
    height: 46px;
    background: url(../images/next-2.svg) center no-repeat;
    margin: -3px 0px 0px 2px;
    display:  inline-block;
    floaT: right;
    font-size: 0px;
}

.cart-new-9 a:hover{color:#fff !important;  transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;  animation-name:wobble-vertical;animation-duration:1s;animation-timing-function:ease-in-out;animation-iteration-count:1}


body .cart-new-3 .header-a-2:hover {
    color: #286DEE !important;
}

.cart-new-9 .header-a-2 {
    color: #286DEE !important;
        background: #ffffff;
    border: 2px #286DEE solid;
    margin: 0% 0px 0px 15px;
}

.ser-new-9 a:hover{color:#fff !important;  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: #286DEE 0px 0px 10px 0px; animation-name:wobble-vertical;animation-duration:1s;animation-timing-function:ease-in-out;animation-iteration-count:1}


.cart-new-9 a{
     transition:all 0.3s ease-in-out;
     -moz-transition:all 0.3s ease-in-out;
     -webkit-transition:all 0.3s ease-in-out;
     border: 0px #286DEE solid;
     background: #286DEE;
     line-height: 43px;
     height: 43px;
     color: #ccdeff !important;
     position:relative;
     float: right;
     margin: 0px 0px 0px 0px;
     padding: 0px 20px;
     overflow:hidden;
     border-radius: 5px;
     font-family: 'font-1';
     font-style: normal;
     font-weight: 100;
     font-size: 15px;
     text-align: center;
     letter-spacing: 0.01em;
     font-feature-settings: 'case' on;
     color: #FFFFFF;
}


.cart-new-08{
    width: 100%;
    height: 61px;
    overflow:hidden;
    position:relative;
    float: left;
    font-family: 'font-1';
    font-style: normal;
    font-weight: 100;
    font-size: 15px;
    line-height: 20px;
    text-align: left;
    letter-spacing: 0.01em;
    color: #52545a;
    margin: 8px 0px 0px 0px;
}


.cart-new-3 h2 a:hover {
    text-decoration: none;
    text-decoration: underline;
}


.cart-new-3 h2 a{
    color: #152B5A;
}

.cart-new-3 h2{
    width: 100%;
    position:relative;
    float: left;
    font-family: 'font-2';
    font-style: normal;
    font-weight: 700;
    color: #152B5A;
    font-size: 17px;
    border-radius: 5px;
    font-family: 'font-2';
	font-weight: 400;
    letter-spacing: 0.01em;
    font-feature-settings: 'case' on;
}

.cart-new-7{
    width: 63.5%;
    position:relative;
    overflow:hidden;
    float: right;
}


.cart-new-5, .cart-new-7, .cart-new-5 img{
	height: 180px; 
}

.cart-new-5 img{ width: 100%;  }



.cart-new-5 {
    width: 34.3%;
    position:relative;
    overflow:hidden;
    float: left;
    border-radius: 5px;
    line-height: 0px;
    margin-bottom: 15px;
}

.cart-new-3{
    width: 100%;
    position:relative;
    float: left;
    padding: 0px 0px 0px 0px;
    margin-bottom: 15px;
    border-bottom: 1px solid #e6eaf1;
}





.div-like-4{
	width: 100%;  
    margin: 0px 0px 0px 0px; 
    position: relative;
    floaT: left;
    z-index:1;
    font-family: 'font-1';
	font-weight: 400;
    letter-spacing: 0.01em;
    font-feature-settings: 'case' on;
    font-size: 15px;
}



.div-like-3{
	width: 100%;  
	height: 31px;
    margin: 28px 0px 15px 0px; 
    position: relative;
    floaT: left;
    z-index:1;
    background: url(../images/like-1.svg) center no-repeat;
}

.div-like-2{   
    margin: 0px 30px; 
}

.div-like-1{
	width: 100%;
	height: 115px;
	position:relative;
	margin: 5px 0px 0px 0px;
	floaT: left;
	z-index:1;
	background: linear-gradient(180deg, #5754EE 0%, #4644CE 100%);
	border-radius: 5px;
	overflow:hidden;
	text-align: center;
	color:#fff;
}




.cat-vidi-1:hover .cat-vidi-2:before{ 
    background: #286DEE url(../images/gb-3.svg) center no-repeat;
    box-shadow: 0px 0px 0px 20px rgb(40 109 238 / 40%);
    opacity: 10;
    -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;
}


.cat-vidi-2:before{ 
    -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;
    width: 50%;
    height: 50%;    
    margin: 0px 0px 0px 0px;    
    position: absolute;
    background: #286DEE url(../images/gb-3.svg) center no-repeat;
    box-shadow: 0px 0px 0px 0px #286DEE;
    content: "";
    left: 20px;
    top: 20px;
    border-radius: 100px;
    z-indeX:11;
    opacity: 0%;
}


.cat-vidi-2::after{ 
    width: 100%;
    height: 100%;    
    margin: 0px 0px 0px 0px;    
    position: absolute;
    background: linear-gradient(180deg, rgba(40, 109, 238, 0.1) 0%, rgba(40, 109, 238, 0.55) 100%);
    content: "";
    left: 0px;
    top: 0px;
    border-radius: 100px;
    z-indeX:1;
}




.cat-vidi-4{
	color:#52545a;
}


.cat-vidi-1 .cat-vidi-4{
      -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;
}

.cat-vidi-1:hover .cat-vidi-4{
    color: #286DEE;
     -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;
}


.cat-vidi-4 {
  margin: 0px 0px 0px 0px;
  line-height: 20px;
  display: table-cell;
  vertical-align: middle;
  padding: 0px 0px 0px 0px;
}


.cat-vidi-3{
	width: calc(100% - 100px);
	floaT: right;
}

.cat-vidi-4{
	height: 70px;
}

.cat-vidi-2, .cat-vidi-3, .cat-vidi-1 img{
	height: 80px;
}

.cat-vidi-2, .cat-vidi-1 img{
	width: 80px;
    float: left;
    position: relative;
    line-height: 20px;
    margin: 0px 0px 0px 0px;
    z-index:1;
    font-size: 0px;
    object-fit: cover;
    border-radius: 100px;
}


.cat-vidi-1{
	width: 100%;
	float: left;
	position: relative;
	overflow:hidden;
	line-height: 20px;
	margin-bottom: 15px;
	padding-bottom: 15px;
	z-index:1;
	font-size: 16px;
	border-bottom: 1px #e6eaf1 solid;
}


.cat-div-7 img{
	width: 100%;
	font-size: 0px;
	line-height: 0px;
}


.cat-div-7{
	width: 100%;
    float: left;
    position: relative;
    line-height: 20px;
    margin: 0px 0px 0px 0px;
    z-index:1;
    font-size: 16px;
}



.cat-div-3 {
    width: 30px;
    height: 17px;
    background: url(../images/gb-1.svg) center no-repeat;
    margin: 16px 5px 0px 15px;
    display:  inline-block;
    floaT: left;
}

.cat-div-2{
	width: 100%;
	height: 50px;
    float: right;
    position: relative;
    line-height: 50px;
    margin: 0px 0px 20px 0px;
    z-index:1;
    font-size: 16px;
    background: #E1E6EE;
    border-radius: 5px;
    font-family: 'font-1';
	font-weight: 400;
    letter-spacing: 0.01em;
    font-feature-settings: 'case' on;
}
.resf-1 .cat-div-1{
	width: 760px;
		margin: 20px 0px 0px 0px;
}

.cat-div-1{
	width: 720px;
	float: left;
	position: relative;
	line-height: 20px;
	margin: 20px 0px 0px 20px;
	z-index:1;
	font-size: 16px;
}


.cat-div-6{
    margin: 0px 20px;
}

.cat-div-5{
	width: 100%;
	height: 50px;
    float: right;
    position: relative;
    line-height: 50px;
    margin: 0px 0px 20px 0px;
    z-index:1;
    font-size: 16px;
    background: #E1E6EE;
    border-radius: 5px;
    font-family: 'font-1';
	font-weight: 400;
    letter-spacing: 0.01em;
    font-feature-settings: 'case' on;
}

.cat-div-4{
	width: 720px;
	float: left;
	position: relative;
	line-height: 20px;
	margin: 10px 20px 10px 20px;
	z-index:1;
	font-size: 16px;
}


.resf-1 .cat-div-4{
	width: 760px;
	float: left;
	position: relative;
	line-height: 20px;
	margin: 10px 0px 10px 0px;
	z-index:1;
	font-size: 16px;
}






.abc-c-3:hover .abc-fasiani.abc-c-8 {
    background:#db1538;
    -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
}

.abc-c-3 .abc-fasiani.abc-c-8 {
      background:#C60F30;
}

.abc-c-3 .abc-c-8 {
    -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
}


.abc-c-3:hover .abc-c-8 {
    background: #3cc70b;
    -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
}



.abc-c-9 {
	width: 100%;
	float: left;
	position: relative;
	line-height: 20px;
	margin: 0px 0px 0px 0px;
	z-index:1;
	font-size: 15px;
}



.abc-c-8 {
	display: inline-flex;
    position: relative;
    bottom: 0px;
    line-height: 20px;
    margin: 0px auto;
    z-index:1;
    border-radius: 100px;
    text-align: center;
    background: #2EAF00;
    padding: 5px 12px;
    font-size: 13px;
}


.abc-c-7 {
	width: 100%;
    float: left;
    position: relative;
    bottom: 0px;
    line-height: 20px;
    margin: 0px 0px 7px 0px;
    z-index:1;
    border-radius: 5px;
    text-align: center;
    color:#fff;
}



.abc-c-5 {
    width: 100%;
    float: left;
    position: absolute;
    bottom: 0px;
    line-height: 20px;
    margin: 0px 0px;
    z-index:1;
    border-radius: 5px;
    text-align: center;
    background: linear-gradient(178.28deg, rgba(40, 109, 238, 0.0) 1.46%, rgba(9, 36, 87, 0.92) 97.13%);
    padding: 90px 0px 15px 0px;
    color:#fff;
    font-family: 'font-1';
    font-weight: 400;
    text-align: center;
    letter-spacing: 0.01em;
    font-feature-settings: 'case' on;
}



.abc-c-3, .abc-c-4 img{
	object-fit: cover;
    width: 100%;
    line-height: 0px;
    height: 120px;
    overflow:hidden;
}


.abc-c-3 {
    width: 165px;
    float: left;
    position: relative;
    margin: 0px 10px;
    z-index:1;
    border-radius: 5px;
}

.abc-c-2 {
    margin: 0px 0px 0px 10px;
}


.abc-c-1 {
    width: 100%;
    float: left;
    position: relative;
    margin: 20px 0px 0px 0px;
    z-index:1;
}
}



@media (min-width: 1000px) and (max-width: 1075px){
.c-code-2 .f-fas-1{
	left: 10px !important;
	top: 10px !important;
	bottom: auto;
	right: auto;
}

.f-fas-01.f-fas-1{
	background: #dd2f01;
}

.f-fas-1{
	position:absolute;
	right: 10px;
	bottom: 10px;
	background: #04b346;
	padding: 3px 10px;
	line-height: 20px;
	z-index: 1;
	floaT: right;
	border-radius: 5px;
	font-feature-settings: 'case' on;
	color:#fff;
	font-size: 14px;
}

.c-dows-1 a:hover {
	background: #0acb53;
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	-o-transition: all .2s;
	transition: all .2s;
}

.c-dows-1 a{
	color:#fff;
	background: #04b346;
	padding: 10px 16px;
	border-radius: 5px;
	letter-spacing: 0.3px;
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	-o-transition: all .2s;
	transition: all .2s;
}


.c-code-04.c-code-4 {
	font-feature-settings: 'case' on;
	display: block;
	padding: 18px 0px;
	margin: 0px 0px 0px 0px;
	font-family: font-1;
	font-size: 15px;
	border-bottom: 1px #e6eaf1 solid;
}

.full-s-2 .slick-prev{
	left: auto !important;
	right: 52px;
}


.full-s-2 .slick-prev, .full-s-2 .slick-next{top: 15px !important;}

.full-s-2 .slick-next{
    background: #286DEE url(../images/next/t-right-1.svg) 13px no-repeat !important;
    background-size: 20px;
}

.full-s-2 .slick-prev{
    background: #fff url(../images/next/left-1.svg) 11px no-repeat !important;
    background-size: 20px;
}



.full-s-2 img{
    width: 100% !important;
    line-height: 0px;
    font-size: 0px;
}
.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{
	right: 15px;
}

.full-s-2 .slick-prev{
	left: auto !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: hsl(0deg 0% 0% / 70%);
	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{ background:rgb(0 0 0 / 70%); padding-bottom: 9px !important; display: block !important; }
.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;padding-bottom: 10px !important;bottom: 0px;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 20px 0px;
	border-radius: 5px;
}



 .c-code-5 a:hover {
    text-decoration: none;
    text-decoration: underline;
}

 .c-code-5 a{
	color: #286DEE;
}



.dle-slo-3 a:hover {
	color: #ffffff;
	background: #286DEE;
	-webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
}


.dle-slo-3 a{
	-webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
	background:#fff;
	floaT: right;
	padding: 6px 15px;
	line-height: 20px;
	margin: 9px 0px;
	font-size: 15px;
	border-radius: 500px;
}




body .dle-slo-5 .slick-prev{
	left: 25px !important;
}

body .dle-slo-5 .slick-next{
	right: 22px !important;
}

.vidi-slo-1 .vidi-slo-4{
	 -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; 
}

.vidi-slo-1 img {
        -webkit-transition: all 2s cubic-bezier(0, 0, 0.2, 1);
    -o-transition: all 2s cubic-bezier(0, 0, 0.2, 1);
    transition: all 2s cubic-bezier(0, 0, 0.2, 1);
}

.vidi-slo-1:hover img {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
        -webkit-transition: all 2s cubic-bezier(0, 0, 0.2, 1);
    -o-transition: all 2s cubic-bezier(0, 0, 0.2, 1);
    transition: all 2s cubic-bezier(0, 0, 0.2, 1);
}

.vidi-slo-1:hover .vidi-slo-4{
	color: #286DEE;
	 -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; 
}

.vidi-slo-4 {
    width: 100%;
    float: left;
    position: relative;
    margin: 0px 0px 0px 0px;
    z-index:1;
    font-family: font-2;
    line-height: 18px;
    letter-spacing: -0.1px;
    font-size: 15px;
}


.dle-slo-5 .slick-prev, .dle-slo-5 .slick-next{
	top: 45px !important;
}

.vidi-slo-3 {
    width: 100%;
    float: left;
    position: relative;
    margin: 12px 0px 10px 0px;
    z-index:1;
}



.dle-slo-5 .slick-dots{
	display: none !important;
}

.dle-slo-5{
    width: 102.7%;
    floaT: left;
    position:relative;
    margin: 0px 0px 0px -10px;
}

.vidi-slo-2 img{
    width: 100% !important;
}


.vidi-slo-2, .vidi-slo-2 img{
    line-height: 0px;
    height: 150px;
    border-radius: 5px;
    overflow:hidden;
}

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



.vidi-slo-1{
    float: left;
    position:relative;
    overflow:hidden;
    margin: 0px 10px;
    width: 195px;
}


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



.dle-slo-3{
    margin: 0px 10px 0px 20px;
}

.dle-slo-2{
	width: 100%;
	height: 50px;
    float: right;
    position: relative;
    line-height: 50px;
    margin: 0px 0px 20px 0px;
    z-index:1;
    font-size: 16px;
    background: #E1E6EE;
    border-radius: 5px;
    font-family: 'font-1';
	font-weight: 400;
    letter-spacing: 0.01em;
    font-feature-settings: 'case' on;
}





.resf-1 .dle-for-1{
  width: 100%;
  floaT: left;
  position:relative;
  margin: 10px 0px 20px 0px;
  padding: 20px 0%;
  border-radius: 5px;
}


.dle-for-05{
	width: 100%;
	text-align: center;
	floaT: left;
}



.dle-for-05 .dle-for-6{
    position:relative;
     -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; 
    font-family: font-2;
        font-feature-settings: 'case' on;
      text-align: center;
   height: 50px;
   line-height: 50px;
   border-radius: 100px;
   background: #ffffff;
  floaT: initial;
   margin: auto;
   padding: 0px 33px 0px 30px;
   font-weight: 700;
   font-size: 16px;
   letter-spacing: -0.01em;
   color: #9353C8;
}









.c-code-5{
   color:#52545a;
   margin: 10px 0px 20px 0px;
   display: block;
   font-size: 15px;
   line-height: 23px;
}

.c-code-4 b, .c-code-5 strong{
	font-family: font-2;
}


.c-code-4{
	font-feature-settings: 'case' on;
	display: block;
	padding: 6px 0px;
	margin: 0px 0px 0px 0px;
	font-family: font-1;
	font-size: 14px;
	border-bottom: 1px #e6eaf1 solid;
}


.c-code-2 img{
    width: 100%;
    line-height: 0px;
    font-size: 0px;
    border-radius: 5px;
}


.c-code-2{
    width: 260px;
    position:relative;
    float: left;
    padding: 0px 20px 5px 0px;
    background:#fff;
}

.c-code-1 img{
    max-width: 100%;
    line-height: 0px;
    font-size: 0px;
}


.c-code-1{
    width: 100%;
    position:relative;
    float: left;
}



.cat-h1 h1{
	color:#fff;
    line-height: 20px;
    margin: 15px 0px;
    z-index:1;
    font-size: 16px;
    border-radius: 5px;
    font-family: 'font-1';
	font-weight: 400;
    letter-spacing: 0.01em;
    font-feature-settings: 'case' on;
}


.cat-h2{
    margin: 0px 20px;
}

.cat-h1{
	width: 100%;
	float: right;
	position: relative;
	line-height: 20px;
	margin: 0px 0px 20px 0px;
	z-index:1;
	font-size: 16px;
	background: #2770F1;
	border-radius: 5px;
	font-family: 'font-1';
	font-weight: 400;
	letter-spacing: 0.01em;
	font-feature-settings: 'case' on;
}




.cart-new-09{
	float: right;
	margin: 11px 24px 0px 0px;
	font-size: 14.5px;
    font-family: 'font-1';
	font-weight: 400;
    letter-spacing: 0.01em;
    font-feature-settings: 'case' on;
    color: #52545a;
}

.cart-new-9{
	width: 100%;
	position:absolute;
	bottom: 0px;
	right: 0px;
}


.cart-new-3 .fa-arrow-right {
    width: 20px;
    height: 46px;
    background: url(../images/next-3.svg) center no-repeat;
    margin: -3px 0px 0px 2px;
    display:  inline-block;
    floaT: right;
    font-size: 0px;
}

.cart-new-3 .fa-arrow-right {
    width: 20px;
    height: 46px;
    background: url(../images/next-2.svg) center no-repeat;
    margin: -3px 0px 0px 2px;
    display:  inline-block;
    floaT: right;
    font-size: 0px;
}

.cart-new-9 a:hover{color:#fff !important;  transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;  animation-name:wobble-vertical;animation-duration:1s;animation-timing-function:ease-in-out;animation-iteration-count:1}


body .cart-new-3 .header-a-2:hover {
    color: #286DEE !important;
}

.cart-new-9 .header-a-2 {
    color: #286DEE !important;
        background: #ffffff;
    border: 2px #286DEE solid;
    margin: 0% 0px 0px 15px;
}

.ser-new-9 a:hover{color:#fff !important;  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: #286DEE 0px 0px 10px 0px; animation-name:wobble-vertical;animation-duration:1s;animation-timing-function:ease-in-out;animation-iteration-count:1}


.cart-new-9 a{
     transition:all 0.3s ease-in-out;
     -moz-transition:all 0.3s ease-in-out;
     -webkit-transition:all 0.3s ease-in-out;
     border: 0px #286DEE solid;
     background: #286DEE;
     line-height: 43px;
     height: 43px;
     color: #ccdeff !important;
     position:relative;
     float: right;
     margin: 0px 0px 0px 0px;
     padding: 0px 20px;
     overflow:hidden;
     border-radius: 5px;
     font-family: 'font-1';
     font-style: normal;
     font-weight: 100;
     font-size: 15px;
     text-align: center;
     letter-spacing: 0.01em;
     font-feature-settings: 'case' on;
     color: #FFFFFF;
}


.cart-new-08{
    width: 100%;
    height: 61px;
    overflow:hidden;
    position:relative;
    float: left;
    font-family: 'font-1';
    font-style: normal;
    font-weight: 100;
    font-size: 15px;
    line-height: 20px;
    text-align: left;
    letter-spacing: 0.01em;
    color: #52545a;
    margin: 8px 0px 0px 0px;
}


.cart-new-3 h2 a:hover {
    text-decoration: none;
    text-decoration: underline;
}


.cart-new-3 h2 a{
    color: #152B5A;
}

.cart-new-3 h2{
    width: 100%;
    position:relative;
    float: left;
    font-family: 'font-2';
    font-style: normal;
    font-weight: 700;
    color: #152B5A;
    font-size: 17px;
    border-radius: 5px;
    font-family: 'font-2';
	font-weight: 400;
    letter-spacing: 0.01em;
    font-feature-settings: 'case' on;
}

.cart-new-7{
    width: 63.5%;
    position:relative;
    overflow:hidden;
    float: right;
}


.cart-new-5, .cart-new-7, .cart-new-5 img{
	height: 180px; 
}

.cart-new-5 img{ width: 100%;  }



.cart-new-5 {
    width: 34.3%;
    position:relative;
    overflow:hidden;
    float: left;
    border-radius: 5px;
    line-height: 0px;
    margin-bottom: 15px;
}

.cart-new-3{
    width: 100%;
    position:relative;
    float: left;
    padding: 0px 0px 0px 0px;
    margin-bottom: 15px;
    border-bottom: 1px solid #e6eaf1;
}





.div-like-4{
	width: 100%;  
    margin: 0px 0px 0px 0px; 
    position: relative;
    floaT: left;
    z-index:1;
    font-family: 'font-1';
	font-weight: 400;
    letter-spacing: 0.01em;
    font-feature-settings: 'case' on;
    font-size: 15px;
}



.div-like-3{
	width: 100%;  
	height: 31px;
    margin: 28px 0px 15px 0px; 
    position: relative;
    floaT: left;
    z-index:1;
    background: url(../images/like-1.svg) center no-repeat;
}

.div-like-2{   
    margin: 0px 30px; 
}

.div-like-1{
	width: 100%;
	height: 115px;
	position:relative;
	margin: 5px 0px 0px 0px;
	floaT: left;
	z-index:1;
	background: linear-gradient(180deg, #5754EE 0%, #4644CE 100%);
	border-radius: 5px;
	overflow:hidden;
	text-align: center;
	color:#fff;
}




.cat-vidi-1:hover .cat-vidi-2:before{ 
    background: #286DEE url(../images/gb-3.svg) center no-repeat;
    box-shadow: 0px 0px 0px 20px rgb(40 109 238 / 40%);
    opacity: 10;
    -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;
}


.cat-vidi-2:before{ 
    -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;
    width: 50%;
    height: 50%;    
    margin: 0px 0px 0px 0px;    
    position: absolute;
    background: #286DEE url(../images/gb-3.svg) center no-repeat;
    box-shadow: 0px 0px 0px 0px #286DEE;
    content: "";
    left: 20px;
    top: 20px;
    border-radius: 100px;
    z-indeX:11;
    opacity: 0%;
}


.cat-vidi-2::after{ 
    width: 100%;
    height: 100%;    
    margin: 0px 0px 0px 0px;    
    position: absolute;
    background: linear-gradient(180deg, rgba(40, 109, 238, 0.1) 0%, rgba(40, 109, 238, 0.55) 100%);
    content: "";
    left: 0px;
    top: 0px;
    border-radius: 100px;
    z-indeX:1;
}




.cat-vidi-4{
	color:#52545a;
}


.cat-vidi-1 .cat-vidi-4{
      -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;
}

.cat-vidi-1:hover .cat-vidi-4{
    color: #286DEE;
     -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;
}


.cat-vidi-4 {
  margin: 0px 0px 0px 0px;
  line-height: 20px;
  display: table-cell;
  vertical-align: middle;
  padding: 0px 0px 0px 0px;
}


.cat-vidi-3{
	width: calc(100% - 100px);
	floaT: right;
}

.cat-vidi-4{
	height: 70px;
}

.cat-vidi-2, .cat-vidi-3, .cat-vidi-1 img{
	height: 80px;
}

.cat-vidi-2, .cat-vidi-1 img{
	width: 80px;
    float: left;
    position: relative;
    line-height: 20px;
    margin: 0px 0px 0px 0px;
    z-index:1;
    font-size: 0px;
    object-fit: cover;
    border-radius: 100px;
}


.cat-vidi-1{
	width: 100%;
	float: left;
	position: relative;
	overflow:hidden;
	line-height: 20px;
	margin-bottom: 15px;
	padding-bottom: 15px;
	z-index:1;
	font-size: 16px;
	border-bottom: 1px #e6eaf1 solid;
}


.cat-div-7 img{
	width: 100%;
	font-size: 0px;
	line-height: 0px;
}


.cat-div-7{
	width: 100%;
    float: left;
    position: relative;
    line-height: 20px;
    margin: 0px 0px 0px 0px;
    z-index:1;
    font-size: 16px;
}



.cat-div-3 {
    width: 30px;
    height: 17px;
    background: url(../images/gb-1.svg) center no-repeat;
    margin: 16px 5px 0px 15px;
    display:  inline-block;
    floaT: left;
}

.cat-div-2{
	width: 100%;
	height: 50px;
    float: right;
    position: relative;
    line-height: 50px;
    margin: 0px 0px 20px 0px;
    z-index:1;
    font-size: 16px;
    background: #E1E6EE;
    border-radius: 5px;
    font-family: 'font-1';
	font-weight: 400;
    letter-spacing: 0.01em;
    font-feature-settings: 'case' on;
}


.cat-div-1{
	width: 620px;
    float: left;
    position: relative;
    line-height: 20px;
    margin: 20px 0px 0px 20px;
    z-index:1;
    font-size: 16px;
}


.cat-div-6{
    margin: 0px 20px;
}

.cat-div-5{
	width: 100%;
	height: 50px;
    float: right;
    position: relative;
    line-height: 50px;
    margin: 0px 0px 20px 0px;
    z-index:1;
    font-size: 16px;
    background: #E1E6EE;
    border-radius: 5px;
    font-family: 'font-1';
	font-weight: 400;
    letter-spacing: 0.01em;
    font-feature-settings: 'case' on;
}


.cat-div-4{
	width: 280px;
	float: right;
	position: relative;
	line-height: 20px;
	margin: 20px 20px 10px 0px;
	z-index:1;
	font-size: 16px;
}






.abc-c-3:hover .abc-fasiani.abc-c-8 {
    background:#db1538;
    -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
}

.abc-c-3 .abc-fasiani.abc-c-8 {
      background:#C60F30;
}

.abc-c-3 .abc-c-8 {
    -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
}


.abc-c-3:hover .abc-c-8 {
    background: #3cc70b;
    -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
}



.abc-c-9 {
	width: 100%;
	float: left;
	position: relative;
	line-height: 20px;
	margin: 0px 0px 0px 0px;
	z-index:1;
	font-size: 15px;
}



.abc-c-8 {
	display: inline-flex;
    position: relative;
    bottom: 0px;
    line-height: 20px;
    margin: 0px auto;
    z-index:1;
    border-radius: 100px;
    text-align: center;
    background: #2EAF00;
    padding: 5px 12px;
    font-size: 13px;
}


.abc-c-7 {
	width: 100%;
    float: left;
    position: relative;
    bottom: 0px;
    line-height: 20px;
    margin: 0px 0px 7px 0px;
    z-index:1;
    border-radius: 5px;
    text-align: center;
    color:#fff;
}



.abc-c-5 {
    width: 100%;
    float: left;
    position: absolute;
    bottom: 0px;
    line-height: 20px;
    margin: 0px 0px;
    z-index:1;
    border-radius: 5px;
    text-align: center;
    background: linear-gradient(178.28deg, rgba(40, 109, 238, 0.0) 1.46%, rgba(9, 36, 87, 0.92) 97.13%);
    padding: 90px 0px 15px 0px;
    color:#fff;
    font-family: 'font-1';
    font-weight: 400;
    text-align: center;
    letter-spacing: 0.01em;
    font-feature-settings: 'case' on;
}



.abc-c-3, .abc-c-4 img{
	object-fit: cover;
    width: 100%;
    line-height: 0px;
    height: 130px;
    overflow:hidden;
}


.abc-c-3 {
    width: 214.7px;
    float: left;
    position: relative;
    margin: 0px 10px;
    z-index:1;
    border-radius: 5px;
}

.abc-c-2 {
    margin: 0px 0px 0px 10px;
}


.abc-c-1 {
    width: 100%;
    float: left;
    position: relative;
    margin: 20px 0px 0px 0px;
    z-index:1;
}
}



@media (min-width: 1075px) and (max-width: 1180px){
.c-code-2 .f-fas-1{
	left: 10px !important;
	top: 10px !important;
	bottom: auto;
	right: auto;
}

.f-fas-01.f-fas-1{
	background: #dd2f01;
}

.f-fas-1{
	position:absolute;
	right: 10px;
	bottom: 10px;
	background: #04b346;
	padding: 3px 10px;
	line-height: 20px;
	z-index: 1;
	floaT: right;
	border-radius: 5px;
	font-feature-settings: 'case' on;
	color:#fff;
	font-size: 14px;
}

.c-dows-1 a:hover {
	background: #0acb53;
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	-o-transition: all .2s;
	transition: all .2s;
}

.c-dows-1 a{
	color:#fff;
	background: #04b346;
	padding: 10px 16px;
	border-radius: 5px;
	letter-spacing: 0.3px;
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	-o-transition: all .2s;
	transition: all .2s;
}


.c-code-04.c-code-4 {
	font-feature-settings: 'case' on;
	display: block;
	padding: 18px 0px;
	margin: 0px 0px 0px 0px;
	font-family: font-1;
	font-size: 15px;
	border-bottom: 1px #e6eaf1 solid;
}

.full-s-2 .slick-prev{
	left: auto !important;
	right: 52px;
}


.full-s-2 .slick-prev, .full-s-2 .slick-next{top: 15px !important;}

.full-s-2 .slick-next{
    background: #286DEE url(../images/next/t-right-1.svg) 13px no-repeat !important;
    background-size: 20px;
}

.full-s-2 .slick-prev{
    background: #fff url(../images/next/left-1.svg) 11px no-repeat !important;
    background-size: 20px;
}



.full-s-2 img{
    width: 100% !important;
    line-height: 0px;
    font-size: 0px;
}
.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{
	right: 15px;
}

.full-s-2 .slick-prev{
	left: auto !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: hsl(0deg 0% 0% / 70%);
	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{ background:rgb(0 0 0 / 70%); padding-bottom: 9px !important; display: block !important; }
.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;padding-bottom: 10px !important;bottom: 0px;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 20px 0px;
	border-radius: 5px;
}



 .c-code-5 a:hover {
    text-decoration: none;
    text-decoration: underline;
}

 .c-code-5 a{
	color: #286DEE;
}



.dle-slo-3 a:hover {
	color: #ffffff;
	background: #286DEE;
	-webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
}


.dle-slo-3 a{
	-webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
	background:#fff;
	floaT: right;
	padding: 6px 15px;
	line-height: 20px;
	margin: 9px 0px;
	font-size: 15px;
	border-radius: 500px;
}


body .dle-slo-5 .slick-prev{
	left: 25px !important;
}

body .dle-slo-5 .slick-next{
	right: 23px !important;
}

.vidi-slo-1 .vidi-slo-4{
	 -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; 
}

.vidi-slo-1 img {
        -webkit-transition: all 2s cubic-bezier(0, 0, 0.2, 1);
    -o-transition: all 2s cubic-bezier(0, 0, 0.2, 1);
    transition: all 2s cubic-bezier(0, 0, 0.2, 1);
}

.vidi-slo-1:hover img {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
        -webkit-transition: all 2s cubic-bezier(0, 0, 0.2, 1);
    -o-transition: all 2s cubic-bezier(0, 0, 0.2, 1);
    transition: all 2s cubic-bezier(0, 0, 0.2, 1);
}

.vidi-slo-1:hover .vidi-slo-4{
	color: #286DEE;
	 -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; 
}

.vidi-slo-4 {
    width: 100%;
    float: left;
    position: relative;
    margin: 0px 0px 0px 0px;
    z-index:1;
    font-family: font-2;
    line-height: 18px;
    letter-spacing: -0.1px;
    font-size: 15px;
}


.dle-slo-5 .slick-prev, .dle-slo-5 .slick-next{
	top: 55px !important;
}

.vidi-slo-3 {
    width: 100%;
    float: left;
    position: relative;
    margin: 12px 0px 10px 0px;
    z-index:1;
}



.dle-slo-5 .slick-dots{
	display: none !important;
}

.dle-slo-5{
    width: 102.7%;
    floaT: left;
    position:relative;
    margin: 0px 0px 0px -10px;
}

.vidi-slo-2 img{
    width: 100% !important;
}


.vidi-slo-2, .vidi-slo-2 img{
    line-height: 0px;
    height: 155px;
    border-radius: 5px;
    overflow:hidden;
}

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



.vidi-slo-1{
    float: left;
    position:relative;
    overflow:hidden;
    margin: 0px 10px;
    width: 205px;
}


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



.dle-slo-3{
    margin: 0px 10px 0px 20px;
}

.dle-slo-2{
	width: 100%;
	height: 50px;
    float: right;
    position: relative;
    line-height: 50px;
    margin: 0px 0px 20px 0px;
    z-index:1;
    font-size: 16px;
    background: #E1E6EE;
    border-radius: 5px;
    font-family: 'font-1';
	font-weight: 400;
    letter-spacing: 0.01em;
    font-feature-settings: 'case' on;
}





.resf-1 .dle-for-1{
  width: 100%;
  floaT: left;
  position:relative;
  margin: 10px 0px 20px 0px;
  padding: 20px 0%;
  border-radius: 5px;
}


.dle-for-05{
	width: 100%;
	text-align: center;
	floaT: left;
}



.dle-for-05 .dle-for-6{
    position:relative;
     -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; 
    font-family: font-2;
        font-feature-settings: 'case' on;
      text-align: center;
   height: 50px;
   line-height: 50px;
   border-radius: 100px;
   background: #ffffff;
  floaT: initial;
   margin: auto;
   padding: 0px 33px 0px 30px;
   font-weight: 700;
   font-size: 16px;
   letter-spacing: -0.01em;
   color: #9353C8;
}









.c-code-5{
   color:#52545a;
   margin: 10px 0px 20px 0px;
   display: block;
   font-size: 15px;
   line-height: 21px;
}

.c-code-4 b, .c-code-5 strong{
	font-family: font-2;
}


.c-code-4{
	font-feature-settings: 'case' on;
	display: block;
	padding: 6px 0px;
	margin: 0px 0px 0px 0px;
	font-family: font-1;
	font-size: 14px;
	border-bottom: 1px #e6eaf1 solid;
}


.c-code-2 img{
    width: 100%;
    line-height: 0px;
    font-size: 0px;
    border-radius: 5px;
}


.c-code-2{
    width: 270px;
    position:relative;
    float: left;
    padding: 0px 20px 5px 0px;
    background:#fff;
}

.c-code-1 img{
    max-width: 100%;
    line-height: 0px;
    font-size: 0px;
}


.c-code-1{
    width: 100%;
    position:relative;
    float: left;
}



.cat-h1 h1{
	color:#fff;
    line-height: 20px;
    margin: 15px 0px;
    z-index:1;
    font-size: 16px;
    border-radius: 5px;
    font-family: 'font-1';
	font-weight: 400;
    letter-spacing: 0.01em;
    font-feature-settings: 'case' on;
}


.cat-h2{
    margin: 0px 20px;
}

.cat-h1{
	width: 100%;
	float: right;
	position: relative;
	line-height: 20px;
	margin: 0px 0px 20px 0px;
	z-index:1;
	font-size: 16px;
	background: #2770F1;
	border-radius: 5px;
	font-family: 'font-1';
	font-weight: 400;
	letter-spacing: 0.01em;
	font-feature-settings: 'case' on;
}




.cart-new-09{
	float: right;
	margin: 11px 24px 0px 0px;
	font-size: 14.5px;
    font-family: 'font-1';
	font-weight: 400;
    letter-spacing: 0.01em;
    font-feature-settings: 'case' on;
    color: #52545a;
}

.cart-new-9{
	width: 100%;
	position:absolute;
	bottom: 0px;
	right: 0px;
}


.cart-new-3 .fa-arrow-right {
    width: 20px;
    height: 46px;
    background: url(../images/next-3.svg) center no-repeat;
    margin: -3px 0px 0px 2px;
    display:  inline-block;
    floaT: right;
    font-size: 0px;
}

.cart-new-3 .fa-arrow-right {
    width: 20px;
    height: 46px;
    background: url(../images/next-2.svg) center no-repeat;
    margin: -3px 0px 0px 2px;
    display:  inline-block;
    floaT: right;
    font-size: 0px;
}

.cart-new-9 a:hover{color:#fff !important;  transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;  animation-name:wobble-vertical;animation-duration:1s;animation-timing-function:ease-in-out;animation-iteration-count:1}


body .cart-new-3 .header-a-2:hover {
    color: #286DEE !important;
}

.cart-new-9 .header-a-2 {
    color: #286DEE !important;
        background: #ffffff;
    border: 2px #286DEE solid;
    margin: 0% 0px 0px 15px;
}

.ser-new-9 a:hover{color:#fff !important;  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: #286DEE 0px 0px 10px 0px; animation-name:wobble-vertical;animation-duration:1s;animation-timing-function:ease-in-out;animation-iteration-count:1}


.cart-new-9 a{
     transition:all 0.3s ease-in-out;
     -moz-transition:all 0.3s ease-in-out;
     -webkit-transition:all 0.3s ease-in-out;
     border: 0px #286DEE solid;
     background: #286DEE;
     line-height: 43px;
     height: 43px;
     color: #ccdeff !important;
     position:relative;
     float: right;
     margin: 0px 0px 0px 0px;
     padding: 0px 20px;
     overflow:hidden;
     border-radius: 5px;
     font-family: 'font-1';
     font-style: normal;
     font-weight: 100;
     font-size: 15px;
     text-align: center;
     letter-spacing: 0.01em;
     font-feature-settings: 'case' on;
     color: #FFFFFF;
}


.cart-new-08{
    width: 100%;
    height: 61px;
    overflow:hidden;
    position:relative;
    float: left;
    font-family: 'font-1';
    font-style: normal;
    font-weight: 100;
    font-size: 15px;
    line-height: 20px;
    text-align: left;
    letter-spacing: 0.01em;
    color: #52545a;
    margin: 8px 0px 0px 0px;
}


.cart-new-3 h2 a:hover {
    text-decoration: none;
    text-decoration: underline;
}


.cart-new-3 h2 a{
    color: #152B5A;
}

.cart-new-3 h2{
    width: 100%;
    position:relative;
    float: left;
    font-family: 'font-2';
    font-style: normal;
    font-weight: 700;
    color: #152B5A;
    font-size: 18px;
    border-radius: 5px;
    font-family: 'font-2';
	font-weight: 400;
    letter-spacing: 0.01em;
    font-feature-settings: 'case' on;
}

.cart-new-7{
    width: 63.5%;
    position:relative;
    overflow:hidden;
    float: right;
}


.cart-new-5, .cart-new-7, .cart-new-5 img{
	height: 170px; 
}

.cart-new-5 img{ width: 100%;  }



.cart-new-5 {
    width: 34.3%;
    position:relative;
    overflow:hidden;
    float: left;
    border-radius: 5px;
    line-height: 0px;
    margin-bottom: 15px;
}

.cart-new-3{
    width: 100%;
    position:relative;
    float: left;
    padding: 0px 0px 0px 0px;
    margin-bottom: 15px;
    border-bottom: 1px solid #e6eaf1;
}





.div-like-4{
	width: 100%;  
    margin: 0px 0px 0px 0px; 
    position: relative;
    floaT: left;
    z-index:1;
    font-family: 'font-1';
	font-weight: 400;
    letter-spacing: 0.01em;
    font-feature-settings: 'case' on;
    font-size: 17px;
}



.div-like-3{
	width: 100%;  
	height: 31px;
    margin: 28px 0px 15px 0px; 
    position: relative;
    floaT: left;
    z-index:1;
    background: url(../images/like-1.svg) center no-repeat;
}

.div-like-2{   
    margin: 0px 30px; 
}

.div-like-1{
	width: 100%;
    height: 120px;
    position:relative;    
    margin: 5px 0px 0px 0px; 
    floaT: left;
    z-index:1;
    background: linear-gradient(180deg, #5754EE 0%, #4644CE 100%);
    border-radius: 5px;
    overflow:hidden;
    text-align: center;
    color:#fff;
}




.cat-vidi-1:hover .cat-vidi-2:before{ 
    background: #286DEE url(../images/gb-3.svg) center no-repeat;
    box-shadow: 0px 0px 0px 20px rgb(40 109 238 / 40%);
    opacity: 10;
    -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;
}


.cat-vidi-2:before{ 
    -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;
    width: 50%;
    height: 50%;    
    margin: 0px 0px 0px 0px;    
    position: absolute;
    background: #286DEE url(../images/gb-3.svg) center no-repeat;
    box-shadow: 0px 0px 0px 0px #286DEE;
    content: "";
    left: 20px;
    top: 20px;
    border-radius: 100px;
    z-indeX:11;
    opacity: 0%;
}


.cat-vidi-2::after{ 
    width: 100%;
    height: 100%;    
    margin: 0px 0px 0px 0px;    
    position: absolute;
    background: linear-gradient(180deg, rgba(40, 109, 238, 0.1) 0%, rgba(40, 109, 238, 0.55) 100%);
    content: "";
    left: 0px;
    top: 0px;
    border-radius: 100px;
    z-indeX:1;
}




.cat-vidi-4{
	color:#52545a;
}


.cat-vidi-1 .cat-vidi-4{
      -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;
}

.cat-vidi-1:hover .cat-vidi-4{
    color: #286DEE;
     -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;
}


.cat-vidi-4 {
  margin: 0px 0px 0px 0px;
  line-height: 20px;
  display: table-cell;
  vertical-align: middle;
  padding: 0px 0px 0px 0px;
}


.cat-vidi-3{
	width: calc(100% - 100px);
	floaT: right;
}

.cat-vidi-4{
	height: 70px;
}

.cat-vidi-2, .cat-vidi-3, .cat-vidi-1 img{
	height: 80px;
}

.cat-vidi-2, .cat-vidi-1 img{
	width: 80px;
    float: left;
    position: relative;
    line-height: 20px;
    margin: 0px 0px 0px 0px;
    z-index:1;
    font-size: 0px;
    object-fit: cover;
    border-radius: 100px;
}


.cat-vidi-1{
	width: 100%;
	float: left;
	position: relative;
	overflow:hidden;
	line-height: 20px;
	margin-bottom: 15px;
	padding-bottom: 15px;
	z-index:1;
	font-size: 16px;
	border-bottom: 1px #e6eaf1 solid;
}


.cat-div-7 img{
	width: 100%;
	font-size: 0px;
	line-height: 0px;
}


.cat-div-7{
	width: 100%;
    float: left;
    position: relative;
    line-height: 20px;
    margin: 0px 0px 0px 0px;
    z-index:1;
    font-size: 16px;
}



.cat-div-3 {
    width: 30px;
    height: 17px;
    background: url(../images/gb-1.svg) center no-repeat;
    margin: 16px 5px 0px 15px;
    display:  inline-block;
    floaT: left;
}

.cat-div-2{
	width: 100%;
	height: 50px;
    float: right;
    position: relative;
    line-height: 50px;
    margin: 0px 0px 20px 0px;
    z-index:1;
    font-size: 16px;
    background: #E1E6EE;
    border-radius: 5px;
    font-family: 'font-1';
	font-weight: 400;
    letter-spacing: 0.01em;
    font-feature-settings: 'case' on;
}


.cat-div-1{
	width: 650px;
    float: left;
    position: relative;
    line-height: 20px;
    margin: 20px 0px 0px 20px;
    z-index:1;
    font-size: 16px;
}


.cat-div-6{
    margin: 0px 20px;
}

.cat-div-5{
	width: 100%;
	height: 50px;
    float: right;
    position: relative;
    line-height: 50px;
    margin: 0px 0px 20px 0px;
    z-index:1;
    font-size: 16px;
    background: #E1E6EE;
    border-radius: 5px;
    font-family: 'font-1';
	font-weight: 400;
    letter-spacing: 0.01em;
    font-feature-settings: 'case' on;
}


.cat-div-4{
	width: 330px;
	float: right;
	position: relative;
	line-height: 20px;
	margin: 20px 20px 5px 0px;
	z-index:1;
	font-size: 16px;
}






.abc-c-3:hover .abc-fasiani.abc-c-8 {
    background:#db1538;
    -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
}

.abc-c-3 .abc-fasiani.abc-c-8 {
      background:#C60F30;
}

.abc-c-3 .abc-c-8 {
    -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
}


.abc-c-3:hover .abc-c-8 {
    background: #3cc70b;
    -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
}



.abc-c-9 {
	width: 100%;
    float: left;
    position: relative;
    line-height: 20px;
    margin: 0px 0px 0px 0px;
    z-index:1;
    font-size: 16px;
}



.abc-c-8 {
	display: inline-flex;
    position: relative;
    bottom: 0px;
    line-height: 20px;
    margin: 0px auto;
    z-index:1;
    border-radius: 100px;
    text-align: center;
    background: #2EAF00;
    padding: 5px 12px;
    font-size: 13px;
}


.abc-c-7 {
	width: 100%;
    float: left;
    position: relative;
    bottom: 0px;
    line-height: 20px;
    margin: 0px 0px 7px 0px;
    z-index:1;
    border-radius: 5px;
    text-align: center;
    color:#fff;
}



.abc-c-5 {
    width: 100%;
    float: left;
    position: absolute;
    bottom: 0px;
    line-height: 20px;
    margin: 0px 0px;
    z-index:1;
    border-radius: 5px;
    text-align: center;
    background: linear-gradient(178.28deg, rgba(40, 109, 238, 0.0) 1.46%, rgba(9, 36, 87, 0.92) 97.13%);
    padding: 90px 0px 20px 0px;
    color:#fff;
    font-family: 'font-1';
    font-weight: 400;
    text-align: center;
    letter-spacing: 0.01em;
    font-feature-settings: 'case' on;
}



.abc-c-3, .abc-c-4 img{
	object-fit: cover;
    width: 100%;
    line-height: 0px;
    height: 130px;
    overflow:hidden;
}


.abc-c-3 {
    width: 235px;
    float: left;
    position: relative;
    margin: 0px 10px;
    z-index:1;
    border-radius: 5px;
}

.abc-c-2 {
    margin: 0px 0px 0px 10px;
}


.abc-c-1 {
    width: 100%;
    float: left;
    position: relative;
    margin: 20px 0px 0px 0px;
    z-index:1;
}
}




@media (min-width:1180px) and (max-width:90000000px){
.c-code-2 .f-fas-1{
	left: 10px !important;
	top: 10px !important;
	bottom: auto;
	right: auto;
}

.f-fas-01.f-fas-1{
	background: #dd2f01;
}

.f-fas-1{
	position:absolute;
	right: 10px;
	bottom: 10px;
	background: #04b346;
	padding: 3px 10px;
	line-height: 20px;
	z-index: 1;
	floaT: right;
	border-radius: 5px;
	font-feature-settings: 'case' on;
	color:#fff;
	font-size: 14px;
}

.c-dows-1 a:hover {
	background: #0acb53;
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	-o-transition: all .2s;
	transition: all .2s;
}

.c-dows-1 a{
	color:#fff;
	background: #04b346;
	padding: 10px 16px;
	border-radius: 5px;
	letter-spacing: 0.3px;
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	-o-transition: all .2s;
	transition: all .2s;
}


.c-code-04.c-code-4 {
	font-feature-settings: 'case' on;
	display: block;
	padding: 18px 0px;
	margin: 0px 0px 0px 0px;
	font-family: font-1;
	font-size: 15px;
	border-bottom: 1px #e6eaf1 solid;
}

.full-s-2 .slick-prev{
	left: auto !important;
	right: 52px;
}


.full-s-2 .slick-prev, .full-s-2 .slick-next{top: 15px !important;}

.full-s-2 .slick-next{
    background: #286DEE url(../images/next/t-right-1.svg) 13px no-repeat !important;
    background-size: 20px;
}

.full-s-2 .slick-prev{
    background: #fff url(../images/next/left-1.svg) 11px no-repeat !important;
    background-size: 20px;
}



.full-s-2 img{
    width: 100% !important;
    line-height: 0px;
    font-size: 0px;
}
.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{
	right: 15px;
}

.full-s-2 .slick-prev{
	left: auto !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: hsl(0deg 0% 0% / 70%);
	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{ background:rgb(0 0 0 / 70%); padding-bottom: 9px !important; display: block !important; }
.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;padding-bottom: 10px !important;bottom: 0px;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 20px 0px;
	border-radius: 5px;
}



 .c-code-5 a:hover {
    text-decoration: none;
    text-decoration: underline;
}

 .c-code-5 a{
	color: #286DEE;
}



.dle-slo-3 a:hover {
	color: #ffffff;
	background: #286DEE;
	-webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
}


.dle-slo-3 a{
	-webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
	background:#fff;
	floaT: right;
	padding: 6px 15px;
	line-height: 20px;
	margin: 9px 0px;
	font-size: 15px;
	border-radius: 500px;
}




body .dle-slo-5 .slick-prev{
	left: 25px !important;
}

body .dle-slo-5 .slick-next{
	right: 25px !important;
}

.vidi-slo-1 .vidi-slo-4{
	 -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; 
}

.vidi-slo-1 img {
        -webkit-transition: all 2s cubic-bezier(0, 0, 0.2, 1);
    -o-transition: all 2s cubic-bezier(0, 0, 0.2, 1);
    transition: all 2s cubic-bezier(0, 0, 0.2, 1);
}

.vidi-slo-1:hover img {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
        -webkit-transition: all 2s cubic-bezier(0, 0, 0.2, 1);
    -o-transition: all 2s cubic-bezier(0, 0, 0.2, 1);
    transition: all 2s cubic-bezier(0, 0, 0.2, 1);
}

.vidi-slo-1:hover .vidi-slo-4{
	color: #286DEE;
	 -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; 
}

.vidi-slo-4 {
    width: 100%;
    float: left;
    position: relative;
    margin: 0px 0px 0px 0px;
    z-index:1;
    font-family: font-2;
    line-height: 18px;
    letter-spacing: -0.1px;
    font-size: 15px;
}


.dle-slo-5 .slick-prev, .dle-slo-5 .slick-next{
	top: 62px !important;
}

.vidi-slo-3 {
    width: 100%;
    float: left;
    position: relative;
    margin: 12px 0px 10px 0px;
    z-index:1;
}



.dle-slo-5 .slick-dots{
	display: none !important;
}

.dle-slo-5{
    width: 102.7%;
    floaT: left;
    position:relative;
    margin: 0px 0px 0px -10px;
}

.vidi-slo-2 img{
    width: 100% !important;
}


.vidi-slo-2, .vidi-slo-2 img{
    line-height: 0px;
    height: 175px;
    border-radius: 5px;
    overflow:hidden;
}

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



.vidi-slo-1{
    float: left;
    position:relative;
    overflow:hidden;
    margin: 0px 10px;
    width: 230px;
}


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



.dle-slo-3{
    margin: 0px 10px 0px 20px;
}

.dle-slo-2{
	width: 100%;
	height: 50px;
    float: right;
    position: relative;
    line-height: 50px;
    margin: 0px 0px 20px 0px;
    z-index:1;
    font-size: 16px;
    background: #E1E6EE;
    border-radius: 5px;
    font-family: 'font-1';
	font-weight: 400;
    letter-spacing: 0.01em;
    font-feature-settings: 'case' on;
}





.resf-1 .dle-for-1{
  width: 100%;
  floaT: left;
  position:relative;
  margin: 10px 0px 20px 0px;
  padding: 20px 0%;
  border-radius: 5px;
}


.dle-for-05{
	width: 100%;
	text-align: center;
	floaT: left;
}



.dle-for-05 .dle-for-6{
    position:relative;
     -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; 
    font-family: font-2;
        font-feature-settings: 'case' on;
      text-align: center;
   height: 50px;
   line-height: 50px;
   border-radius: 100px;
   background: #ffffff;
  floaT: initial;
   margin: auto;
   padding: 0px 33px 0px 30px;
   font-weight: 700;
   font-size: 16px;
   letter-spacing: -0.01em;
   color: #9353C8;
}









.c-code-5{
   color:#52545a;
   margin: 10px 0px 20px 0px;
   display: block;
   font-size: 15px;
   line-height: 23px;
}

.c-code-4 b, .c-code-5 strong{
	font-family: font-2;
}


.c-code-4{
	font-feature-settings: 'case' on;
	display: block;
	padding: 10px 0px;
	margin: 0px 0px 0px 0px;
	font-family: font-1;
	font-size: 14px;
	border-bottom: 1px #e6eaf1 solid;
}


.c-code-2 img{
    width: 100%;
    line-height: 0px;
    font-size: 0px;
    border-radius: 5px;
}


.c-code-2{
    width: 300px;
    position:relative;
    float: left;
     padding: 0px 20px 10px 0px;
	background:#fff;
}

.c-code-1 img{
    max-width: 100%;
    line-height: 0px;
    font-size: 0px;
}


.c-code-1{
    width: 100%;
    position:relative;
    float: left;
}



.cat-h1 h1{
	color:#fff;
    line-height: 20px;
    margin: 15px 0px;
    z-index:1;
    font-size: 16px;
    border-radius: 5px;
    font-family: 'font-1';
	font-weight: 400;
    letter-spacing: 0.01em;
    font-feature-settings: 'case' on;
}


.cat-h2{
    margin: 0px 20px;
}

.cat-h1{
	width: 100%;
	float: right;
	position: relative;
	line-height: 20px;
	margin: 0px 0px 20px 0px;
	z-index:1;
	font-size: 16px;
	background: #2770F1;
	border-radius: 5px;
	font-family: 'font-1';
	font-weight: 400;
	letter-spacing: 0.01em;
	font-feature-settings: 'case' on;
}




.cart-new-09{
	float: right;
	margin: 11px 24px 0px 0px;
	font-size: 14.5px;
    font-family: 'font-1';
	font-weight: 400;
    letter-spacing: 0.01em;
    font-feature-settings: 'case' on;
    color: #52545a;
}

.cart-new-9{
	width: 100%;
	position:absolute;
	bottom: 0px;
	right: 0px;
}


.cart-new-3 .fa-arrow-right {
    width: 20px;
    height: 46px;
    background: url(../images/next-3.svg) center no-repeat;
    margin: -3px 0px 0px 2px;
    display:  inline-block;
    floaT: right;
    font-size: 0px;
}

.cart-new-3 .fa-arrow-right {
    width: 20px;
    height: 46px;
    background: url(../images/next-2.svg) center no-repeat;
    margin: -3px 0px 0px 2px;
    display:  inline-block;
    floaT: right;
    font-size: 0px;
}

.cart-new-9 a:hover{color:#fff !important;  transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;  animation-name:wobble-vertical;animation-duration:1s;animation-timing-function:ease-in-out;animation-iteration-count:1}


body .cart-new-3 .header-a-2:hover {
    color: #286DEE !important;
}

.cart-new-9 .header-a-2 {
    color: #286DEE !important;
        background: #ffffff;
    border: 2px #286DEE solid;
    margin: 0% 0px 0px 15px;
}

.ser-new-9 a:hover{color:#fff !important;  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: #286DEE 0px 0px 10px 0px; animation-name:wobble-vertical;animation-duration:1s;animation-timing-function:ease-in-out;animation-iteration-count:1}


.cart-new-9 a{
     transition:all 0.3s ease-in-out;
     -moz-transition:all 0.3s ease-in-out;
     -webkit-transition:all 0.3s ease-in-out;
     border: 0px #286DEE solid;
     background: #286DEE;
     line-height: 43px;
     height: 43px;
     color: #ccdeff !important;
     position:relative;
     float: right;
     margin: 0px 0px 0px 0px;
     padding: 0px 20px;
     overflow:hidden;
     border-radius: 5px;
     font-family: 'font-1';
     font-style: normal;
     font-weight: 100;
     font-size: 15px;
     text-align: center;
     letter-spacing: 0.01em;
     font-feature-settings: 'case' on;
     color: #FFFFFF;
}


.cart-new-08{
    width: 100%;
    height: 80px;
    overflow:hidden;
    position:relative;
    float: left;
    font-family: 'font-1';
    font-style: normal;
    font-weight: 100;
    font-size: 15px;
    line-height: 20px;
    text-align: left;
    letter-spacing: 0.01em;
    color: #52545a;
    margin: 8px 0px 0px 0px;
}


.cart-new-3 h2 a:hover {
    text-decoration: none;
    text-decoration: underline;
}


.cart-new-3 h2 a{
    color: #152B5A;
}

.cart-new-3 h2{
    width: 100%;
    position:relative;
    float: left;
    font-family: 'font-2';
    font-style: normal;
    font-weight: 700;
    color: #152B5A;
    font-size: 18px;
    border-radius: 5px;
    font-family: 'font-2';
	font-weight: 400;
    letter-spacing: 0.01em;
    font-feature-settings: 'case' on;
}

.cart-new-7{
    width: 63.5%;
    position:relative;
    overflow:hidden;
    float: right;
}


.cart-new-5, .cart-new-7, .cart-new-5 img{
	height: 190px; 
}

.cart-new-5 img{ width: 100%;  }



.cart-new-5 {
    width: 34.3%;
    position:relative;
    overflow:hidden;
    float: left;
    border-radius: 5px;
    line-height: 0px;
    margin-bottom: 15px;
}

.cart-new-3{
    width: 100%;
    position:relative;
    float: left;
    padding: 0px 0px 0px 0px;
    margin-bottom: 15px;
    border-bottom: 1px solid #e6eaf1;
}





.div-like-4{
	width: 100%;  
    margin: 0px 0px 0px 0px; 
    position: relative;
    floaT: left;
    z-index:1;
    font-family: 'font-1';
	font-weight: 400;
    letter-spacing: 0.01em;
    font-feature-settings: 'case' on;
    font-size: 17px;
}



.div-like-3{
	width: 100%;  
	height: 31px;
    margin: 28px 0px 15px 0px; 
    position: relative;
    floaT: left;
    z-index:1;
    background: url(../images/like-1.svg) center no-repeat;
}

.div-like-2{   
    margin: 0px 30px; 
}

.div-like-1{
	width: 100%;
    height: 120px;
    position:relative;    
    margin: 5px 0px 0px 0px; 
    floaT: left;
    z-index:1;
    background: linear-gradient(180deg, #5754EE 0%, #4644CE 100%);
    border-radius: 5px;
    overflow:hidden;
    text-align: center;
    color:#fff;
}




.cat-vidi-1:hover .cat-vidi-2:before{ 
    background: #286DEE url(../images/gb-3.svg) center no-repeat;
    box-shadow: 0px 0px 0px 20px rgb(40 109 238 / 40%);
    opacity: 10;
    -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;
}


.cat-vidi-2:before{ 
    -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;
    width: 50%;
    height: 50%;    
    margin: 0px 0px 0px 0px;    
    position: absolute;
    background: #286DEE url(../images/gb-3.svg) center no-repeat;
    box-shadow: 0px 0px 0px 0px #286DEE;
    content: "";
    left: 20px;
    top: 20px;
    border-radius: 100px;
    z-indeX:11;
    opacity: 0%;
}


.cat-vidi-2::after{ 
    width: 100%;
    height: 100%;    
    margin: 0px 0px 0px 0px;    
    position: absolute;
    background: linear-gradient(180deg, rgba(40, 109, 238, 0.1) 0%, rgba(40, 109, 238, 0.55) 100%);
    content: "";
    left: 0px;
    top: 0px;
    border-radius: 100px;
    z-indeX:1;
}




.cat-vidi-4{
	color:#52545a;
}


.cat-vidi-1 .cat-vidi-4{
      -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;
}

.cat-vidi-1:hover .cat-vidi-4{
    color: #286DEE;
     -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;
}


.cat-vidi-4 {
  margin: 0px 0px 0px 0px;
  line-height: 20px;
  display: table-cell;
  vertical-align: middle;
  padding: 0px 0px 0px 0px;
}


.cat-vidi-3{
	width: calc(100% - 100px);
	floaT: right;
}

.cat-vidi-4{
	height: 70px;
}

.cat-vidi-2, .cat-vidi-3, .cat-vidi-1 img{
	height: 80px;
}

.cat-vidi-2, .cat-vidi-1 img{
	width: 80px;
    float: left;
    position: relative;
    line-height: 20px;
    margin: 0px 0px 0px 0px;
    z-index:1;
    font-size: 0px;
    object-fit: cover;
    border-radius: 100px;
}


.cat-vidi-1{
	width: 100%;
	float: left;
	position: relative;
	overflow:hidden;
	line-height: 20px;
	margin-bottom: 15px;
	padding-bottom: 15px;
	z-index:1;
	font-size: 16px;
	border-bottom: 1px #e6eaf1 solid;
}


.cat-div-7 img{
	width: 100%;
	font-size: 0px;
	line-height: 0px;
}


.cat-div-7{
	width: 100%;
    float: left;
    position: relative;
    line-height: 20px;
    margin: 0px 0px 0px 0px;
    z-index:1;
    font-size: 16px;
}



.cat-div-3 {
    width: 30px;
    height: 17px;
    background: url(../images/gb-1.svg) center no-repeat;
    margin: 16px 5px 0px 15px;
    display:  inline-block;
    floaT: left;
}

.cat-div-2{
	width: 100%;
	height: 50px;
    float: right;
    position: relative;
    line-height: 50px;
    margin: 0px 0px 20px 0px;
    z-index:1;
    font-size: 16px;
    background: #E1E6EE;
    border-radius: 5px;
    font-family: 'font-1';
	font-weight: 400;
    letter-spacing: 0.01em;
    font-feature-settings: 'case' on;
}


.cat-div-1{
	width: 732px;
    float: left;
    position: relative;
    line-height: 20px;
    margin: 20px 0px 0px 20px;
    z-index:1;
    font-size: 16px;
}


.cat-div-6{
    margin: 0px 20px;
}

.cat-div-5{
	width: 100%;
	height: 50px;
    float: right;
    position: relative;
    line-height: 50px;
    margin: 0px 0px 20px 0px;
    z-index:1;
    font-size: 16px;
    background: #E1E6EE;
    border-radius: 5px;
    font-family: 'font-1';
	font-weight: 400;
    letter-spacing: 0.01em;
    font-feature-settings: 'case' on;
}


.cat-div-4{
	width: 350px;
	float: right;
	position: relative;
	line-height: 20px;
	margin: 20px 20px 5px 0px;
	z-index:1;
	font-size: 16px;
}






.abc-c-3:hover .abc-fasiani.abc-c-8 {
    background:#db1538;
    -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
}

.abc-c-3 .abc-fasiani.abc-c-8 {
      background:#C60F30;
}

.abc-c-3 .abc-c-8 {
    -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
}


.abc-c-3:hover .abc-c-8 {
    background: #3cc70b;
    -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
}



.abc-c-9 {
	width: 100%;
    float: left;
    position: relative;
    line-height: 20px;
    margin: 0px 0px 0px 0px;
    z-index:1;
    font-size: 16px;
}



.abc-c-8 {
	display: inline-flex;
    position: relative;
    bottom: 0px;
    line-height: 20px;
    margin: 0px auto;
    z-index:1;
    border-radius: 100px;
    text-align: center;
    background: #2EAF00;
    padding: 5px 12px;
    font-size: 13px;
}


.abc-c-7 {
	width: 100%;
    float: left;
    position: relative;
    bottom: 0px;
    line-height: 20px;
    margin: 0px 0px 7px 0px;
    z-index:1;
    border-radius: 5px;
    text-align: center;
    color:#fff;
}



.abc-c-5 {
    width: 100%;
    float: left;
    position: absolute;
    bottom: 0px;
    line-height: 20px;
    margin: 0px 0px;
    z-index:1;
    border-radius: 5px;
    text-align: center;
    background: linear-gradient(178.28deg, rgba(40, 109, 238, 0.0) 1.46%, rgba(9, 36, 87, 0.92) 97.13%);
    padding: 90px 0px 20px 0px;
    color:#fff;
    font-family: 'font-1';
    font-weight: 400;
    text-align: center;
    letter-spacing: 0.01em;
    font-feature-settings: 'case' on;
}



.abc-c-3, .abc-c-4 img{
	object-fit: cover;
    width: 100%;
    line-height: 0px;
    height: 130px;
    overflow:hidden;
}


.abc-c-3 {
    width: 260px;
    float: left;
    position: relative;
    margin: 0px 10px;
    z-index:1;
    border-radius: 5px;
}

.abc-c-2 {
    margin: 0px 0px 0px 10px;
}


.abc-c-1 {
    width: 100%;
    float: left;
    position: relative;
    margin: 20px 0px 0px 0px;
    z-index:1;
}
}


.cart-new-5 img{
    object-fit: cover;
}