:root{
    --primary-color: #ea5922;
    --secondary-color: #ea5922;
    --color1: #ea5922;
    --gradient: linear-gradient(to top, rgba(234, 89, 34, 1), rgba(255, 128, 38, 1));

    --lightbrown: #5f4a32;
    --bg-color: #2b2f7c;
    --gold: #ba9b86;
}

.flickity-button:before{ color:#0c2480; }
body.sh_subpage #header .header-inner{box-shadow: 0 2px 2px rgba(51, 51, 51, 0.1);}
.sect-category .slide img{
    transition: all .4s ease-in-out;
}
.topbar-dropdown .title{ padding: 0px 10px; }
#search .search-form .form-control{
    margin: 0;
    margin-bottom: 10px;
    padding: 0;
    line-height: 40px;
    height: 40px;
}
.btn.btn-top-call{
    padding: 0 20px !important;
    margin-right: 20px;
}
section{ background: transparent; padding: 80px 0;}
#search{  background: #0d0c0c;  }

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{
    font-family: 'kanit', sans-serif !important;
    /*font-family: 'IBM Plex Sans Thai', sans-serif;
    font-family: 'Noto Sans Thai', sans-serif;
    font-family: 'Prompt', sans-serif;
    font-family: 'Questrial', sans-serif;
    font-family: 'Roboto', sans-serif;*/
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{ font-weight:500; }
body,
p,
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6,
#mainMenu nav > ul > li > a,
#footer p,
#footer,
button.btn, .btn:not(.close):not(.mfp-close), a.btn:not([href]):not([tabindex]){
    /*font-family: 'Prompt' ,sans-serif;*/
/*    font-family: poppins, 'Prompt', sans-serif;*/
font-family: 'kanit', sans-serif !important;
letter-spacing: 0;
}
body, p{
    font-size: 16px;
    line-height: 1.5;
    color: #353334;
}

button.btn, .btn:not(.close):not(.mfp-close), a.btn:not([href]):not([tabindex]){ font-size:1em; }
.fix-dec-bg{ position: relative; }
ul.inline{ display: inline-block;     margin-bottom: 0;}
ul.inline li {
    display: inline-block;
    float: left;
    margin-right: 10px;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{ letter-spacing: 0; font-weight: 600; line-height: 1.5;}
a.btn:not([href]):not([tabindex]).btn-rounded, .btn.btn-rounded{ border-radius: 3em !important; }
.btn{ line-height: 50px; padding: 0 40px; font-size: 15px;}

.cOrange, .cOrg{ color: #f1982a; }
.cDark{ color: #404041; }
.cGray{ color: #6d6f71; }
.m0{ margin:0 !important; }
.btn-style-nine {
    position: relative;
    display: inline-block;
    font-size: 16px;
    line-height: 30px;
    color: #ffffff;
    font-weight: 600;
    overflow: hidden;
    background: none;
    border-radius: 58px;
    padding: 4px 35px;
    text-transform: capitalize;
    background-image: linear-gradient(to right, #3d4bfe 0%, #0d189f 100%);
    font-family: 'Poppins', sans-serif;
}
.btn-style-nine .txt {
    position: relative;
    z-index: 1;    color: #fff;
}
.btn-style-nine:hover::before {
    opacity: 1;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
}
.btn-style-nine:before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 0;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    -webkit-transform: scale(0.2, 1);
    transform: scale(0.2, 1);
    background-image: linear-gradient(to right, #0d189f 0%, #3d4bfe 100%);
}
#search .btn-search-close{ 
    background: var(--secondary-color);
    border-radius: 50%;
    top: 20px;
    right: 20px;
}
button.btn.btn-outline, .btn:not(.close):not(.mfp-close).btn-outline, a.btn:not([href]):not([tabindex]).btn-outline{
    border-color: #0d2481;
    color: #0d2481;
}
.btn, button.btn, .btn:not(.close):not(.mfp-close), a.btn:not([href]):not([tabindex]){
    padding: 0;
    letter-spacing: 0;
    line-height: 40px;
    color: #fff;
    background: transparent;
    border-color: #fcc013;
    border-radius:6px;
    min-width: 140px;
}
button.btn, .btn:not(.close):not(.mfp-close), a.btn:not([href]):not([tabindex]),{
    border: none;
    font-size: 14px;
    background:#0c2480;
}
.flickity-button{
    border: none;
    font-size: 14px;
    background:#fff;
}
.flickity-button:hover:before {
    color: #0c2480;
}
.btn.btn-addcart{
    border: none;
    font-size: 14px;
    background: var(--secondary-color);
    background: #f1bba6;
    color: #0d2481;
}
.btn-buynow, .btn-addtocart{ font-size:1.125em !important; }
.btn-circle{
    min-width: initial;
    width: 80px;
    height: 80px;
    text-align: center;
    border-radius: 50%;
    background: #79c217;
    color: #fff;
    line-height: 80px;
    text-align: center;
    font-size: 2em;
    background: rgb(121,194,23);
    background: linear-gradient(to top, rgba(63, 162, 22, 1), rgba(128, 215, 11, 1) 94%);
}
.btn-circle i{
    top: 3px;
    left: -1px;
    position: relative;
    color: #fff;
}
.btn:hover, button.btn:hover, button.btn:focus, button.btn:not(:disabled):not(.disabled):active, button.btn:not(:disabled):not(.disabled).active, .btn:not(.close):not(.mfp-close):hover, .btn:not(.close):not(.mfp-close):focus, .btn:not(.close):not(.mfp-close):not(:disabled):not(.disabled):active, .btn:not(.close):not(.mfp-close):not(:disabled):not(.disabled).active, a.btn:not([href]):not([tabindex]):hover, a.btn:not([href]):not([tabindex]):focus, a.btn:not([href]):not([tabindex]):not(:disabled):not(.disabled):active, a.btn:not([href]):not([tabindex]):not(:disabled):not(.disabled).active,
.btn-circle:hover{ 
    background: #0d2481;
/*background: #ff5d1f;*/
}
button.btn.btn-outline:hover, button.btn.btn-outline:focus, button.btn.btn-outline:active, button.btn.btn-outline.active, .btn:not(.close):not(.mfp-close).btn-outline:hover, .btn:not(.close):not(.mfp-close).btn-outline:focus, .btn:not(.close):not(.mfp-close).btn-outline:active, .btn:not(.close):not(.mfp-close).btn-outline.active, a.btn:not([href]):not([tabindex]).btn-outline:hover, a.btn:not([href]):not([tabindex]).btn-outline:focus, a.btn:not([href]):not([tabindex]).btn-outline:active, a.btn:not([href]):not([tabindex]).btn-outline.active{
    background-color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
}


.bg-gradient,
.flickity-button:hover{
    background: #0d2481;
}
.text-bg{
    background: rgb(229,120,31);
    background: linear-gradient(0deg, rgba(229,120,31,1) 0%, rgba(254,187,54,1) 100%);
    color: #fff;
    line-height: 1;
    display: inline-block;
    padding: 0 4px;
}
.btn-more i{ margin-left:5px; }
.btn.btn-border{
    border: 1px solid var(--primary-color) !important;
    background: transparent !important;
    color: var(--primary-color) !important;
}
.btn.btn-border:hover{
    background: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
    color: #fff !important;
}
.btn.btn-border.btn-light{
    border: 1px solid #fff !important;
    background: transparent !important;
    color: #fff !important;
}
.btn.btn-border.btn-light:hover{
    background: #fff !important;
    border-color: #fff !important;
    color: var(--primary-color) !important;
}
.line-color{
    display: inline-block;
    width: 100px;
    height: 2px;
    background: var(--color2);
}

.decor-line-orange{ 
    position: relative; 
    width: -webkit-max-content;
}
.decor-line-orange::before{
 position: absolute;
 content: "";
 left: 65%;
 bottom: 50%;
 width: 80px;
 height: 1px;
 z-index: -1;
 background: var(--secondary-color);
 opacity: .5;
}


#header .header-inner #logo a > img{ 
    float: left; 
}
#header .header-inner #logo a > img, 
#header #header-wrap #logo a > img{height: 120px;vertical-align: middle;position: absolute;top: -11px;}

#header.header-sticky .header-inner #logo a > img, #header #header-wrap #logo a > img {
    height: 78px;
    vertical-align: middle;
    position: absolute;
    top: -5px!important;
}
#header #header-wrap #logo a{ display: inline-block; }
#btn-shopping-cart .item-count{
    width: 15px;
    height: 15px;
    background-color: #0d2481;
    display: inline-block;
    border-radius: 50%;
    text-align: center;
    position: relative;
    top: -10px;
    color: #fff;
    font-size: 12px;
}

#topbar{
    display: inline-block;
    width: 100%;
    line-height: 10px;
}
.topbar-left a{
    margin-right: 15px;
    font-size: 13px;
}
.topbar-right .inner{
    display: inline-block;
    float: right;
}
.topbar-dropdown.language .title{padding-right: 0;}


/* LOGO  */
#topbar .container-fluid,
#header .container-fluid{ 
    padding-left: 100px; 
    padding-right: 100px;
}
#header .header-inner #logo img{ filter: brightness(1) invert(0); }
#header .header-inner #logo a{ display: inline-flex; }
#header .header-inner #logo a > img{}
.slogan{
 z-index: 3;
 position: absolute;
/*   position: relative;*/
display: inline-block;
float: left;
font-size: 1.35em;
font-weight: 500;
letter-spacing: 0;
line-height: 1.5;
margin-top: 15px;
min-width: 250px;
margin-left: 15px;
color: #000;
}
.slogan small{
    display: block;
    line-height: 1;
    font-size: 15px;
}


.font18{ font-size: 18px; }
.font20{ font-size: 20px; }
.font-600{ font-weight: 600; }
.w100{ width: 100%; }
.w50{ width: 50%; display: inline-block; float: left; }

a{color: #121212;}
a:not(.btn):not(.badge):hover, a:not(.btn):not(.badge):focus, a:not(.btn):not(.badge):active{ color: #27171F; }
a:not(.btn):hover, a:not(.btn):focus, a:not(.btn):active{ color: #0d2481;}
[class*="col-md-"]{ float: left; }
a:not(.btn):not(.badge):hover, a:not(.btn):not(.badge):focus, a:not(.btn):not(.badge):active {
    /* text-decoration: underline; */
}
#mainMenu nav > ul > li .dropdown-menu > li.current > a, #mainMenu nav > ul > li .dropdown-menu > li.current > span, #mainMenu nav > ul > li .dropdown-menu > li:hover > a, #mainMenu nav > ul > li .dropdown-menu > li:hover > span, #mainMenu nav > ul > li .dropdown-menu > li:focus > a, #mainMenu nav > ul > li .dropdown-menu > li:focus > span, #mainMenu nav > ul > li .dropdown-menu > li:active > a, #mainMenu nav > ul > li .dropdown-menu > li:active > span, #mainMenu nav > ul > li .dropdown-menu > li.hover-active > a, #mainMenu nav > ul > li .dropdown-menu > li.hover-active > span{
    color: #0d2481;
}
.list-icon.list-icon-colored li:before, .list-icon.icon-list-colored i{  
    color: #ffffff;
}
.text-link{
    display: inline-block;
    line-height: 24px;
} 
.text-link i{
    display: inline-block;
    line-height: 24px;
    vertical-align: middle;
}

.link-custom{ 
    color: #59d0b4; 
    display: inline-block;
    line-height: 40px;
}
.link-custom span{
    display: inline-block;
    float: left;
    margin-right: 12px;
}
.right-circle{
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 50%;
    background: #fcc013;
    text-align: center;
    color: #fff;
    font-size: 1.5em;
    display: inline-block;    
}
.right-circle i{ transition: all .2s ease-in-out;}
a:hover > .right-circle i{ transform: translate(3px,0);}
.text-lg{ font-weight: 800;  font-size: 4.3em; }
.text-md{ font-weight: 800;  font-size: 3.3em; }
.limit1, .limit2, .limit3, .limit4, .limit5{
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    display: -webkit-box;
}
.limit1{-webkit-line-clamp: 1;}
.limit2{-webkit-line-clamp: 2;}
.limit3{-webkit-line-clamp: 3;}
.limit4{-webkit-line-clamp: 4;}
.limit5{-webkit-line-clamp: 5;}
.inline{ display: inline-block; }
.hvr-expand{ -webkit-transition: all ease-out 0.2s; -moz-transition: all ease-out 0.2s; -o-transition: all ease-out 0.2s; transition: all ease-out 0.2s;}
.hvr-expand:hover{ transform: scale(1.025);}

.hvr-up{ -webkit-transition: all ease-out 0.2s; -moz-transition: all ease-out 0.2s; -o-transition: all ease-out 0.2s; transition: all ease-out 0.2s;}
.hvr-up:hover{ transform: translate(0,-10px); box-shadow: 0 26px 23px rgba(51, 51, 51, 0.12);}

.top-language{ float: right; }
.top-language ul{ margin: 0; float: left;}
.top-language ul li.active > a{
    border-bottom: 2px solid #0f4c81;
    color: #0f4c81;
}
.top-link-menu {
    float: left;
}

.top-contact{
    border-left: 1px solid rgba(148, 146, 146, 0.59);
    display: inline-block;
    margin-left: 15px;
    padding-left: 15px;
    line-height: 1;
}
.header-extras > ul > li{ margin-left: 10px; }

#search{
    width: 100%;
    float: right;
    left: initial;
    right: 0;
    height: 300px;
    background: #fff;
}
body.search-open #search{
    width: 100%;
    margin: auto;
    left: 0;
    right: 0;
    top: 160px;
    border-radius: 200px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.26);
    height: 100px;
    max-width: 1140px;
}
.header-extras > ul > li > a{ padding:0 !important; }
.header-extras > ul > li a .circle{
 width: 32px !important;
 height: 32px !important;
 line-height: 32px !important;
 border-radius: 50%;
 background: #0d2481;
 border: 1px solid #0d2481;
 text-align: center;
 transition: all .2s ease-in-out;
 color: #fff;
}
.header-extras > ul > li.contact a{ padding:0; }
.header-extras > ul > li.contact a span{
    display: none;
}
.header-extras > ul > li a.circle,
.header-extras > ul > li a.circle i{
    line-height: 30px !important;
}
.header-extras > ul > li.top-language{
    border-left: 1px solid #ececec;
    margin-left: 20px;
    padding-left: 10px;
}
.header-extras > ul > li a:hover .circle{
    background: #0d2481;
    border-color: #0d2481;
    color: #fff;
    transform: scale(1.2);
}
#mainMenu nav > ul > li > a{color: #0d2481;}
/*  MENU */
#mainMenu nav > ul > li{ padding: 0 15px; margin: 0;}
#mainMenu nav > ul > li > a{
    font-size: 1.12em;
    position: relative;
    font-weight: 500;
    padding: 0;
    display: inline-block;
    text-transform: inherit;
}
#mainMenu nav > ul > li.active > a{
    color: #0d2481;

}
.dropdown-menu{ font-size: 1em; }
#mainMenu nav > ul > li.dropdown > a:after{
    font-family: inspiro-icons !important;
    content: "\e92e";
    font-size: 12px;
}
#mainMenu nav > ul > li.dropdown > a >span{ padding-right: 20px; }
#mainMenu nav > ul > li:hover > a,
#mainMenu nav > ul > li.dropdown:hover > a,
#mainMenu nav > ul > li .dropdown-menu > li:hover > a{ 
/*    color: #ddd;*/
}
#mainMenu nav > ul > li.hover-active > a, #mainMenu nav > ul > li.hover-active > span, #mainMenu nav > ul > li.current > a, #mainMenu nav > ul > li.current > span, #mainMenu nav > ul > li:hover > a, #mainMenu nav > ul > li:hover > span, #mainMenu nav > ul > li:focus > a, #mainMenu nav > ul > li:focus > span{
    color: #0d2481;
}
#mainMenu nav > ul > li .dropdown-menu{
    padding: 0;
    border: none;
    border-top: 2px solid var(--primary-color) !important;
}
#mainMenu nav > ul > li .dropdown-menu li{
    display: inline-block;
    line-height: 40px;
    width: 100%;
    float: left;
}
#mainMenu nav > ul > li .dropdown-menu li a{
    line-height: 40px;
    display: inline-block;
    width: 100%;
}
#mainMenu nav > ul > li .dropdown-menu li a {
    padding: 0 9px;
}
#mainMenu nav > ul > li .dropdown-menu li a:hover{ 
    background: #0d2481;
    color:#fff; 
    font-size: 1em;
    text-decoration: none;
}
/*#mainMenu nav > ul > li .dropdown-submenu:before{ color:#fff; }*/


.headbar .htitle{ font-size:3.5em; }
.ct-item:hover,
.news-item:hover{ 
    cursor: pointer !important; 
}

/*breadcrumb*/
.sys-breadcrumb {
    padding: 50px;
    background-image: url(../images/bg-breadrumb.jpg);
    background-position: center;
    background-size: cover;
}
.breadcrumb-inner h2 {
    margin-bottom: 0px;
    color: #fff;
    font-size: 50px;
}
.breadcrumb>li+li:before {
    content: "\003E";
    padding: 0 5px;
    color: #ccc;
}
.breadcrumb li a {
    color: #fff;
}
.breadcrumb li a.active {
    font-weight: bold;
}

/* SLIDER  */
.headbanner .inspiro-slider .flickity-button{ 
    opacity:1; 
    visibility:visible; 
    border-radius: 0;
    top: initial;
    bottom: 0;
    background: rgba(255, 255, 255, 0.39);
}
.inspiro-slider .flickity-button.previous, .inspiro-slider:hover .flickity-button.previous{ left: initial; right: 78px; }
.inspiro-slider .flickity-button.next, .inspiro-slider:hover .flickity-button.next{ right: initial; right: 0px; }
.inspiro-slider .flickity-button:hover{ background: rgba(255, 255, 255, 0.9);}
.flickity-button:hover:before{ color:var(--lightbrown); }


.headbanner{ position:relative; }
.slide{ position:relative; }
.slide .container{
    position: absolute;
    bottom: initial;
    top: 25%;
    left: 0;
    right: 0;
    margin: auto;
    display: table;
    vertical-align: middle;
}
.slide-captions{
    width: 40%;
}
.slide-captions p{  
    font-size: 2em;
    line-height: 1.3;color: #fff;
}
.slide-captions h2 {
    font-size: 4.5em;
    padding-right: 20px;
    margin-bottom: 0px;
    color: #ffffff;
}


/* Headbanner */
.inspiro-slider .flickity-button{ border-radius: 50%; }
.inspiro-slider .slide .slide-captions{ width: 50%; }
.inspiro-slider .slide .slide-captions h4{ 
    font-weight: 600; 
    font-size: 4em;
    line-height: 1;
    margin-bottom: 30px;
}
.inspiro-slider .flickity-page-dots .dot:after{
    background-color: #c8c3c3;
    box-shadow: 0 0 1px #fff;
}
.inspiro-slider .flickity-page-dots .dot{
    box-shadow: 0 0 0 2px #cbcbcb inset;
}
.inspiro-slider .slide .slide-captions h1{
    font-weight: 400;
    font-size: 1.15em;
    line-height: 1.5;   
    padding-right: 20px;
    color: #fff;
    /*background: rgb(191,139,63);
    background: linear-gradient( 94deg , rgba(191,139,63,1) 0%, rgba(247,240,182,1) 51%, rgba(191,139,63,1) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: 10px;
    animation: animate 10s linear infinite;
    background-size: 200%;*/
}
@keyframes animate{
    100%{
        background-position: 100%;
    }
}

.inspiro-slider .slide .slide-captions h1,
.inspiro-slider .slide .slide-captions h4{ 
    color: #fff;
    text-shadow: 0 0 7px rgba(0, 0, 0, 0.5);
}
.inspiro-slider .slide .slide-captions h1 span,
.inspiro-slider .slide .slide-captions h4 span{
    color: #0d2481; 
}


/* ABOUT SEC*/
.about-sec {
    padding-bottom: 0px;
    background-image: url(../images/bg-about.jpg);
    background-position: center;
    background-size: cover;
}
.about-img img {width: 140%;}
.about-text-left h2 {
    font-size: 80px;
    font-weight: bolder;
    color: #0d2481;
    margin-bottom: -6px;
}
.about-sec h3 {
    color: #0d2481;
    font-weight: bold;
    font-size: 50px;
    line-height: 49px;
}
.about-sec h4 {font-size: 18px;}
.logo-ab img {width: 20%;}
.sect-aboutus{
    background: var(--gradient);
    padding-top: 40px;
    padding-bottom: 160px;
}
.about-img-f img {
    width: 100%;
}
.sect-aboutus .title-box{
    background: #ea5922;
    padding: 20px 15px;
    color: #fff;
    margin-top: -40px;
    padding-top: 43px;
    width: -webkit-max-content;
    font-size: 2em;
    text-align: center;
    line-height: 1;
}
.sect-aboutus .title-box p{
    color: inherit;
    margin: 0;
    font-size: 22px;
} 
.about-right{ padding-left:60px; }

.about-body img {
    width: 100%;
}
.about-body h2 {
    color: #0c2480;
    font-size: 50px;
    line-height: 55px;
        margin-bottom: 0px;
}
.currently ul {
    list-style: none;
}
.currently {
    background-color: #ffffffd9;
    border: 1px solid #0c2480;
    padding: 50px;
    border-radius: 15px;
}
.about-f-con {
    padding: 20px;
}
@media(min-width:1199px){
  .about-f-con {
      padding: 50px;
  }
  .about-f {
    padding-top: 50px;
}
}
.currently ul li {
    border-bottom: 2px solid #eee;
}
.tiffa-mark-con img {
    width: 80%;
}
.tiffa-mark-con {
    text-align: center;
    padding-top: 35px;
        background-image: url(../images/about-f-bg.jpg);
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
}
.tiffa-mark-reg {
    text-align: center;
    background-color: #f5f5f5;
    border-radius: 15px;
    padding: 30px;
}
.tiffa-mark-reg img {
    width: 100%;
}
.tiffa-mark-reg h3 {
    text-align: left;
    color: #0c2480;
    font-size: 40px;
    padding-top: 60px;
}
.tiffa-mark-con p {
    text-align: left;
    margin-bottom: 0px;
}

.tiffa-mark-reg p{text-align: left;}
.tiffa-mark-con h3 {
    text-align: left;
    color: #0c2480;
    font-size: 40px;
}
.tiffa-mark-con p {
    text-align: left;
}
.tiffa-table {
    margin-top: 30px;
    background-color: #ffffffd9;
    border: 1px solid #0c2480;
    padding: 50px 25px;
    border-radius: 15px;
    text-align: left;
}
.tiffa-table p {
    color: #0c2480;
    text-align: center;
    border-bottom: 1px solid #d8d8d7;
    padding: 20px 0px;
    height: 89px;
}
.tiffa-table ul {
    list-style: none;
} 
.bolg-bg-blue {
        margin: 30px 0px;
    padding: 50px;
    background-color: #0c2480;
    text-align: center;
    border-radius: 15px;
}
.bolg-bg-blue h3 {
    color: #fff;
    font-weight: 500;
}
.about-f {
    padding-top: 20px;
    background-image: url(../images/about-f-bg.jpg);
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
}

/*member*/

.menber-sec {
    padding: 50px;
    background-image: url(../images/bg-mamber.jpg);
    background-position: center;
    background-size: cover;
}
.card .card-header {text-align: center;}
.card .card-header h3{color: #fff; margin-bottom: 0px;}
.card .card-header p{color: #fff; margin-bottom: 0px;}
.card-body .form-row {
    border-bottom: 1px solid #fff;
}
.card-body .col-form-label {color: #fff;
}
.card-body input:not([type=checkbox]):not([type=radio]), select {
    line-height: 18px;
    padding: 10px 16px;
    min-height: 60px;
    font-size: 16px;
    background-color: rgb(255 255 255 / 0%);color: #fff;

}
::placeholder {
  color: #fff!important;
}
.all-filter ::placeholder {
  color: #000!important;
}
.form-join-team select.custom-select, .form-control {
    border: unset;
    border-bottom: 0px solid #bdbdbd;
    border-radius: 0;
    padding-left: 0;
    font-size: 1rem;
    color: #fff;
    font-weight: 300;
    background: unset;
}
.input-group-append {
    margin-left: -4px;
    position: absolute;
    top: 7px;
    right: 15px;color: #fff;
}
.btn-login {
    margin-top: 45px;
    display: block;
    width: 100%;
    height: 45px;
    text-align: center;
    border: 0px solid #6e68b2;
    /* display: inline-flex; */
    align-items: center;
    font-size: 18px;
    font-weight: 700;
    border-radius: 100px;
    color: #fff;
    background-color: #0c2480;
    padding-left: 20px;
    padding-right: 20px;
    position: relative;
    transition: all ease-in-out 0.2s;
}
.showfilter {
    padding-top: 20px;
}
.showdata h3 {
    color: #0c2480;
    font-size: 50px;
    line-height: 55px;
    margin-bottom: 0px;
}
.company-logo .logo-f {
    float: left;
    width: 6%;
}
.company-logo img {
    width: 100%;
}
.showfilter-detail {
    border-bottom: 1px solid;
    padding-bottom: 10px;
    padding-top: 10px;
}
.showfilter-detail-inner p {
    line-height: 60px;
    margin-bottom: 0px;
}
.showfilter-detail-inner {
    height: 70px;
    border-bottom: 1px solid;
    line-height: 60px;
}
.company-mamber {
    float: left;
    font-size: 18px;
    width: 49%;
}
.custom-type {
    float: right;
    font-size: 18px;
}
section.all-filter {
    background: transparent;
}
section.z-top {
    overflow: unset;
    padding-bottom: 0;
}
section.z-top .m--50 {
    background: #fff;
    border-radius: 30px 30px 0px 0px;
    overflow: unset;
    z-index: 999;
    box-shadow: 0px 15px 30px rgb(74 184 220 / 10%);
}
section.memberdetail{
background-color: #e7f2f9;
    padding-bottom: 80px;
}
section.memberdetail .m--50 {
    background: #fff;
    border-radius: 30px;
    overflow: unset;
    z-index: 999;
    box-shadow: 0px 15px 30px rgb(74 184 220 / 10%);
}
section.memberdetail h2 {
    font-size: 30px;
}
.border-blue {
    border-bottom: 2px solid #4ab9dc;
    padding-bottom: 2rem;
}
.catalog-show-big {
    background: #f7f8fa;
    overflow: hidden;
    border-radius: 30px;
}
.all-filter ul.nav.nav-tabs {
    margin-top: -139px;    border-bottom: 0px solid #dee2e6;
}
section.all-filter {
    background-color: #e7f2f9;
    padding-bottom: 80px;
}
section.all-filter {
    background-color: #e7f2f9;
    padding-bottom: 80px;
}
.showdata {
    background-color: #fff;
    padding: 20px;
    margin-top: 30px;    border-radius: 30px;
}
.filter-pagination {
    padding-top: 30px;
}
.all-filter {
        border-radius: 0px 0px 30px 30px;
    width: 100%;
    background-color: #fff;
}
.all-filter .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    height: 60px;
    width: 20%;
    color: #0c2480;
    background-color: #fff;
    border-color: #dee2e6 #dee2e6 #fff;
    font-size: 24px;
    text-align: center;
    font-weight: bold;
    border-radius: 30px 30px 0px 0px;
}
.all-filter .form-join-team select.custom-select, .form-control {
    border: unset;
    border-bottom: 0px solid #bdbdbd;
    border-radius: 0;
    padding-left: 0;
    font-size: 1rem;
    color: #000;
    font-weight: 300;
    background: unset;
}
.all-filter .form-group {
    margin-bottom: 0rem;
}

.all-filter .input-group {
    height: 60px;
    line-height: 60px;
}
button.btn-search-m {
    background-color: #fff0;
    border: 0px;
}
.all-filter .input-group > .custom-select:not(:last-child), .input-group > .form-control:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    height: 60px;
    line-height: 60px;
}

.goback a i {
    width: 30px;
    height: 30px;
    border-radius: 100px;
    /* background: #eee; */
    vertical-align: middle;
    text-align: center;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-right: 6px;
    border: 2px solid;
}
a.btn-gotoback {
    color: #0c2480;
}

.contact-widget ul {
    position: relative;
    list-style: none;
    padding: 0px;
    margin: 0px;
}
.contact-widget ul li {
    position: relative;
    color: #ffffff;
    font-size: 18px;
    padding-left: 60px;
    margin-bottom: 28px;
    line-height: 1.6em;
}
.contact-widget ul li .icon {
    position: absolute;
    left: 0px;
    top: 6px;
    font-size: 44px;
    line-height: 1em;
}
.contact-widget img {
    width: 65%;
}
.contact-widget ul li span {
    color: #0c2480;
    font-size: 15px;
}
.memberdetail .custom-type {
    float: left;
}
.contact-widget p {
    font-size: 18px;
}
/*RULES*/
.rules-inner {
    padding-top: 80px;
}
.rules-data {
    margin: 15px 30px;
    background-color: #f7f8fa;
    /* border: 1px solid #0c2480; */
    padding: 40px 25px;
    border-radius: 15px;
    text-align: left;
}
.accordion .ac-title {
    position: relative;
    padding: 0px 30px;
    font-size: 20px;
    line-height: 60px;
    font-weight: 600;
    cursor: pointer;
    /* background-color: rgba(0,0,0,.06); */
    background-color: #ffffff;
    margin-bottom: 10px;
    height: 60px;
    border-radius: 6px;
}
.btn-download a.btn-style-main {
    margin-top: 20px;
    display: block;
    width: fit-content;
    height: 45px;
    text-align: center;
    border: 1.5px solid #6e68b2;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    font-weight: 700;
    border-radius: 100px;
    color: #000;
    padding-right: 30px;
    position: relative;
    transition: all ease-in-out 0.2s;
}
.f-name p {
    margin-bottom: 0px;
}
.f-name {
    float: left;
    position: relative;
    top: -14px;
}
.btn-download {
    float: right;
    margin-top: -10px;
}
a.btn-download {
    display: block;
    width: fit-content;
    height: 45px;
    text-align: center;
    border: 1.5px solid #6e68b2;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    font-weight: 700;
    border-radius: 100px;
    color: #000;
    padding-left: 20px;
    padding-right: 0px;
    position: relative;
    transition: all ease-in-out 0.2s;
}
a.btn-download span {
    padding: 0px 2rem 0px 1rem;
    text-align: center;
}


/*paginatio */
.paginations-sec {
    padding: 30px;
}
.pagination {
    display: flex;
    justify-content: center;
}


/*blog */
.blog-sec {
    padding: 120px 0px;
    background-image: url(../images/bg-blog.jpg);
    background-position: center;
    background-size: cover;
}
.blog-sec .tab-title {
    border-bottom: 2px solid #fff;
    margin-bottom: 0px;
    font-size: 1.5em;
    color: #fff;
}
.blog-sec h2 {
    color: #fff;
    margin-bottom: 0;
    font-size: 46px;
}
.blog-content {
    padding-top: 15px;
}
.thumbnai img {
    border-radius: 20px;
    box-shadow: 0 10px 10px rgb(0 0 0 / 32%);
}
.blog-sec p{color: #fff;    margin-bottom: 0px;}
.blog .col-md-8 {
    padding-right: 0px;
}
.blog-content h3 {
    line-height: 24px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    color: #fff;
}
.blog-content h3 a {
    color: #fff;
    font-size: 18px;
}
a.btn-style-main {
    margin-top: 20px;
    display: block;
    width: fit-content;
    height: 45px;
    text-align: center;
    border: 1.5px solid #6e68b2;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    font-weight: 700;
    border-radius: 100px;
    color: #fff;
    padding-right: 30px;
    position: relative;
    transition: all ease-in-out 0.2s;
}
a.btn-style-main:hover {
    background: #fff;
}
a.btn-style-main span {
    padding: 0px 2rem 0px 3rem;
    text-align: center;
}

.col-md-4.blog-con {
    padding: 0 60px;
}



.sect-category{ overflow:initial; }
.sect-category .row{
    position: relative;
    margin-top: -180px;
    margin-bottom: -80px;
    background: #fff;
    z-index: 2;
    position: relative;
    padding: 40px 20px;

}
.sect-category::before{
    position: absolute;
    right: 0;
    top: -100px;
    content: "";
    width: 20%;
    height: 100%;
    background: #fff;
}

.sect-category .title-box{ text-align:center; margin-top: 25px;}
.sect-category .title-box img{ width: 28px; margin-bottom: 10px;}
.category-item{ width:20%; float:left; padding: 0 7px;}
.category-item .card{ 
   margin-bottom: 7px;
   min-height: 118px;
   display: inline-table;
   width: 100%;
}
.category-item .card:hover{border-color: #0d2481;}
.category-item .card:hover a{ color: #0d2481;}
.category-item a{ 
   font-size: 14px;
   text-align: center;
   padding: 20px 0 10px 0px;
   display: block;
}
.category-item span{ 
    display: inline-block;
    width: 100%;
    line-height: 1;
}
.category-item img{
    height: 45px;
    display: block;
    margin: 0 auto;
    margin-bottom: 3px;
}
.sect-product{
    padding-top: 40px;
    padding-bottom: 0;
}
.tab-title {
    border-bottom: 2px solid #0d2481;
    margin-bottom: 0px;
    font-size: 1.5em;color: #0d2481;
}
.tab-title h4{
    background: #000;
    color: #fff;
    padding: 0 15px;
    border-radius: 0 15px 0 0;
    min-width: 152px;
    width: max-content;
    display: inline;
    padding: 10px 20px;
    line-height: 50px;
    height: 60px;
    font-size: 25px;
}
.gap-3 {
    gap: 2rem!important;
}

.headbar .text-link{
    font-weight: 500;
    position: absolute;
    top: 10px;
    right: 15px;
    background: transparent;
    padding: 0 15px;
    border-radius: 50px;
    line-height: 30px;
}
.headbar .text-link:hover{
    background: #0d2481;
    color: #fff !important;
    text-decoration: none !important;
}
.captions-inside{ position:relative; }
.captions-inside .captions{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 30%;
    margin: auto;
    vertical-align: middle;
    display: inline-table;
}
.banner-lg.captions-inside .captions{ bottom: 53%; }
.banner-sm .captions{
    text-align: left;
    padding: 40px;
    bottom: 0;
    width: 70%;
    left: 0;
    right: initial;
}
.banner-sm .captions h2{
    font-size: 18px;
    margin-bottom: 5px;
}
.sect-prefooter {
    background: #f8f8f8;
    padding: 0px;
}
.sect-prefooter .title-box{ 
    text-align:center; 
    padding: 0 40px;
}
.sect-prefooter .title-box img{
    width: 50px;
    margin-bottom: 10px;
}
.sect-prefooter .title-box h3{
    margin: 10px 0;
    font-size: 20px;
}
.text-run p {
    margin-top: 10px;
    color: #fff;
    margin-bottom: 0;
    line-height: 45px;
    font-size: 20px;
}
.phone-box{
    border: 2px solid #000;
    padding: 7px 20px;
    padding-left: 48%;
}
.phone-box a{
    margin-left: -63px;
    font-weight: 700;
    font-size: 2em;
    line-height: 30px;
    color: #ea5922 !important;
}
.phone-box a img{ 
    width: 50px;
    margin-right: 10px;
    margin-bottom: -13px;
    margin-left: -10px;
}
.phone-box span{
    display: block;
    line-height: 1.35;
    font-size: 14px;
}
.phone-box label{
    position: absolute;
    left: 20px;
    font-size: 20px;
    line-height: 30px;
    font-weight: 700;
}
.contact-box{
   background: #0d2481;
   margin: 10px 0;
   display: inline-block;
   width: 100%;
   overflow: hidden;
}
.contact-box ul{
    padding: 20px 0;
}
.contact-box a{
    margin: 0 auto;
    display: inline-block;
    font-size: 20px;
    padding-bottom: 15px;
}
.contact-box a:hover{ text-decoration:none !important; }
.contact-box a:hover small{ color:#fff; }
.circle-icon{
    width: 60px;
    height: 60px;
    border-radius: 50%;
    text-align: center;
    vertical-align: middle;
    display: table-cell;
    background: #fff;

    margin: 0 auto;
    display: inline-block;
    line-height: 60px;
}
.circle-icon img{
    width: 28px;
}
.contact-box .list-contact{
    width: 32.33%;
    text-align: center;
    display: inline-table;
    float: left;
}
.contact-box .list-contact span{
 display: block;
 line-height: 1;
 margin: 7px 0 0 0px;
 text-align: center;
 font-size: 15px;
 font-weight: 700;
 color: #fff;
}
.contact-box .list-contact small{
    float: left;
    line-height: 1.5;
}
.qrcode-image{
    width: 142px;
    float: right;
    margin-top: -54px;
}
.sect-product-recommended{
    background: #ddd;
    padding: 40px 0;
}
.text-fixed{
    font-size: 3em;
    transform: rotate(-90deg);
    position: absolute;
    top: 39%;
    left: 2%;
    font-weight: 600;
    padding: 0 10px;
    border-radius: 4px;
    line-height: 1.5;
}
.sect-prefooter{
    background:#0c2480;
}
.cookies {
    position: fixed;
    bottom: 15px;
    padding: 20px;
    background: #0000008a;
    width: 98%;
    left: 0;
    right: 0;
    margin: auto;
    border-radius: 15px;
    backdrop-filter: blur(6px);
}
.text-w {
    color: #fff !important;
}
a.btn-gradient {
    text-align: center;
    width: fit-content;
    display: inline-flex;
    padding: 10px 5rem 10px 5rem;
    background: linear-gradient(180deg, #4ab8dc 0%, #8bcfb7 100%);
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    border-radius: 20pc;
}
a.btn-gradient:hover {
    cursor: pointer !important;
    background: #4ab9dc;
}
/* ------  */
.product{
    position: relative;
    z-index: 2;
    box-shadow: 0 0 1px rgba(51, 51, 51, 0.35);
    border-radius: 4px;
    transition: all .25s ease-in-out;
    background: #f7f7f7;
    margin-top: 8px;
    margin-bottom: 8px;
}
.product:hover{
    transform: translate(0, -3px);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.18);
}
.product-wishlist{
    position: absolute;
    top: 0;
    left: 0;
}
.product-wishlist.wished .icon-heart{ display:none; }
.product-wishlist.wished .fa-heart{ display:inline-block !important; }
.product-wishlist.wished .fa-heart{ color:#f00; }
.btn-wishlist{
    background: transparent;
    border: none;
    width: 50px;
    height: 50px;
    display: inline-block;
    border-radius: 50%;
    padding: 0;
    background: transparent;
    border: none;
    font-size: 20px;
}
.product .product-wishlist a{ border:none; }
.product .product-title{ max-width:100%; }
.product-title{ 
    letter-spacing:0; 
    font-size: 1em; 
    font-weight: normal;
    margin: 0 !important; 
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    display: -webkit-box;
    line-height: 1.5;
    margin-bottom: 5px !important;
}
.product-discount-status{
    display:inline-block; 
    width: 100%;
}
.product-discount-status span{
    color: #0d2481;
    border: 1px solid #0d2481;
    padding: 0 5px;
    line-height: 1;
    font-size: 11px;
}
.product .product-price{
    float: left;
    margin: 10px 0;
}
.product .product-detail{ 
    padding: 0 12px; 
}
.product .product-image{
    height: 220px;
    overflow: hidden;
    vertical-align: middle;
}
.product .product-image img{
    height: auto;
    width: 100%;
    transition: all .2s ease-in-out;
}
.product .product-image:hover img{ transform: scale(1.025); }
.product .product-action{
    float: right;
    margin: 0;
    width: auto;
}
.product .product-price del{
    margin: 0;
    float: left;
    line-height: 1;
    margin-bottom: 5px;
    font-size: 13px;
    position: absolute;
    top: 0;
}
.product .product-price ins{
    float: left;
    font-size: 22px;
    padding-top: 12px;
}
.product .product-price ins span{ font-size:20px; }
.product .product-price{ font-size:2em; }
.bar-inline{
    display: table;
    vertical-align: bottom;
    width: 100%;
}
.product .product-price,
.product .product-action{
    display: table-cell;
    position: relative;
}
.product .product-action{
    margin-top: 20px;
}
.product .product-price ins{ 
    color:#0d2481; 
}
.product-status span{
    position: absolute;
    content: "";
    width: 60px;
    height: 60px;
    top: -7px;
    right: 11px;
    background: url(../images/product-status.png) no-repeat;
    background-size: 60px;
    background-position: center top;
    z-index: 2;
    padding: 10px 15px 10px 15px;
    text-align: center;
    line-height: 1.2;
    font-weight: 600;
    color: #cb0000;
    display: table;
    vertical-align: middle;
    font-size: 12px;
    letter-spacing: 0;
}
.btn.btn-addcart{ line-height: 32px !important; min-width: 100px !important;}
.btn.btn-addcart:not(:hover){
    color: var(--primary-color) !important;
    background: #f2c4b4 !important;
}
.product-image-left .product{ 
    display: inline-block; 
    background: #fff;
    position: relative;
    width: 100%;
}
.product-image-left .product-image{
    width: 38%;
    display: inline-block;
    float: left;
    left: 0;
    position: absolute;
    left: 0;
    height: 100%;
    display: grid;
    align-content: center;
    margin-left: 1%;
}
.product-image-left .product-image img{
    width: auto;
    margin: auto;
    max-width: 100%;
    max-height: 100%;
    height: auto;
}
.product-image-left .product-detail{
    width: 100%;
    padding: 20px;
    padding-left: 40%;
    display: inline-block;
    float: left;
    
}
.product-lg.product-image-left .product-detail{ 
    min-height: 396px; 
    position: relative;
}
.product-lg.product-image-left .product-detail .bar-inline{
    position: absolute;
    bottom: 20px;
    right: 0;
    width: 60%;
    padding-right: 20px;
}
.product-lg .product-title a{
    font-weight: 500;
    font-size: 20px;
}
.product-lg .desc{
    margin-top: 15px;
    border-top: 1px solid #ddd;
    padding-top: 15px;
    font-size: 14px;
}
.sect-product-recommended{
    background: rgb(234,89,34);
    background: linear-gradient(0deg, rgba(234,89,34,1) 0%, rgba(255,183,38,1) 100%);
}

.headbar{ margin-bottom:30px; }
.headbar h3{
    width: 80%;
    float: left;
    position: relative;
    padding-left: 50px;
    margin-bottom: 0;
    line-height: 50px;
}
.headbar h3::before{
    position: absolute;
    content: "";
    width: 37px;
    height: 50px;
    left: 0;
    top: 0;
    background: url(../images/icon/dots-mint.png) no-repeat;
    background-size: 100%;
    background-position: center;
}
.headbar .btn-right{
    min-width: 50px;
    height: 50px;
    line-height: 50px;
    border-radius: 15px;
    border: 2px solid var(--secondary-color);
    color: var(--secondary-color);
    display: inline-block;
    text-align: center;
    float: right;
    font-size: 16px;
    padding: 0 10px;
}

.btn-readmore{ color:var(--secondary-color) !important; }
.btn-readmore i{
    width: 20px;
    height: 20px;
    line-height: 20px !important;
    border-radius: 50%;
    background: var(--secondary-color);
    text-align: center;
    display: inline-block;
    color: #fff !important;
    font-size: 12px;
    margin-left: 3px;
}
.headbar .btn-right:hover{ background:var(--secondary-color); color:#fff !important; }


/* CTA */
.sect-cta{ 
    padding:100px 0; 
    background-position: center;
    background-size: cover;
}
.sect-cta .img-top{
    height: 150px;
    margin-bottom: 40px;
}
.sect-cta h2{
    margin: 0;
    letter-spacing: 3px;
    word-spacing: 18px;
}
.sect-cta p{ font-size:1.5em; }
.background-overlay-dark > .container{ position:relative; }
.background-overlay-dark:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.8);
  content: " ";
  width: 100%;
  height: 100%;
  z-index: 0; 
  background: rgba(61, 207, 194, 0.76);
}

/* news */
.news-body {
    padding-top: 30px;
}
.news-body h2 {
    color: #0c2480;
    font-size: 36px;
    line-height: 45px;
    margin-bottom: 0px;
}
ul.list-col-4 li {
    padding: 1%;
    width: 24%;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 15px;
}

.cardname h4 {
    padding: 0 15px;
    text-align: left;
    color: #0c2480;
    font-weight: normal;
    font-size: 1.5rem;
    line-height: normal;
    /* overflow: hidden; */
    /* text-overflow: ellipsis; */
    /* display: -webkit-box; */
    /* -webkit-line-clamp: 2; */
    /* -webkit-box-orient: vertical; */
    /* height: 62px; */
}
.residentcard-body .card {
    border: 0px solid #ffffff;
    border-radius: 0px;
    background-color: #ffffff00;
    margin-bottom: 20px;
    box-shadow: none;
    max-width: 300px;
    margin: 0 auto;
  }
  .cardname p {
  padding: 0 15px;
    border-bottom: 1px solid;
    margin-bottom: 0px;
}
ul.news-list {
    padding: 0;
    list-style: none;
}
ul.news-list li {
    padding: 1%;
    width: 33%;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 15px;
}
ul.news-list .slide {
    box-shadow: 0px 10px 20px #00405430;
}
.detail-news {
    position: relative;
}
.detail-news div {
    padding: 0px 20px 25px;
    background: #fff;
    text-align: left;
}
.news-body {
    text-align: center;
}
.detail-news h4 {
        color: #0c2480;
font-size: 1.5rem;
    line-height: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 62px;
}
.blog-item .inner{ background: #f5f5f5;}
.blog-item.half-blog{ display: flex; }
.blog-item.half-blog .blog-image,
.blog-item.half-blog .blog-detail{
    width: 50%;
    display: inline-block;
    float: left;
}
.blog-item .blog-detail{padding: 50px;}
.blog-date{ margin-bottom: 15px; color: #0d2481;}
.news-slide .flickity-page-dots{ text-align: left; padding: 0 40px; }

.news-detail .inner{background: transparent;}
.news-detail .blog-detail{ padding:0; }


.title-news-fix{
    transform: rotate(-90deg);
    position: absolute;
    left: 30px;
    top: 270px;
    color: #ddd;
    font-size: 4em;
    margin: 0 !important;
}

.btn-circle{
    border-radius: 50%;
    width: 180px;
    height: 180px;
    display: flex;
    line-height: 1.2;
    align-items: center;
    justify-self: center;
    font-size: 1.2em;
    padding: 20px;
    background: var(--bg-color);
    text-align: center;
    display: grid;
}
.viewmore-area{
    position: absolute;
    right: -120px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    top: 0;
}
.viewmore-area .btn-circle{
    width: 240px;
    height: 240px;
    display: flex;
    line-height: 1.2;
    align-items: center;
    justify-self: center;
    font-size: 1.2em;
    padding: 20px;
    border-radius: 50% 0 0 50%;
    background: var(--bg-color);
}
.viewmore-area .btn-circle span{
    width: 100px;
    display: inline-block;
}
.btn-circle:hover,
.viewmore-area .btn-circle:hover{ 
    color:#fff !important; 
    background: var(--gold);

}




/* GAllery */
.sect-gallery{
    background: #f2f2f2;
}
.grid-filter.gf-creative li{ margin-bottom:10px; }
.grid-filter.gf-creative li a,
.grid-active-title{ 
    background: #e8e8e8;
    border-radius: 50px;
}
.grid-filter.gf-creative li:hover a, 
.grid-filter.gf-creative li.active a{
    background: var(--secondary-color);
    color: #fff;
    border-radius: 50px;
    text-decoration: none;
}
.grid-filter.gf-creative li:hover a:after, .grid-filter.gf-creative li.active a:after{ display:none; }
.portfolio-item .portfolio-description a:hover i, .portfolio-item .grid-description a:hover i, .portfolio-item .portfolio-links a:hover i, .grid-item .portfolio-description a:hover i, .grid-item .grid-description a:hover i, .grid-item .portfolio-links a:hover i{
    background-color: var(--secondary-color);
    border: 1px solid var(--secondary-color);
}
/*
.sect-category .slide-captions{ width:100%; padding: 20px; z-index: 3; position: relative;}
.sect-category .slide-captions h4{ font-size:1.2em; color: #fff;}
.sect-category .slide .container{ top: initial; bottom:0; }
.sect-category .btn.btn-border{
    color: #fff !important;
    border-color: #fff !important;
}
.sect-category .btn.btn-border:hover{
    background: #fff !important;
    border-color: #fff !important;
    color: var(--primary-color) !important;
}
.sect-category .slide:hover img{
    transform: scale(1.1);
}
.sect-category .slide{ position:relative; overflow: hidden;}
.sect-category .slide::before{
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #0d2481;
    opacity: 0; 
    z-index: 2;
    transition: all .3s ease-in-out;  
}
.sect-category .slide:hover::before{
    opacity: 0.8
}*/


.sect-banner-static{ padding:0; }
.sect-banner-static .banner-item img, 
.sect-banner-static .banner-item .slide-captions{ 
    transition: all .3s ease-in-out; 
}
.sect-banner-static .banner-item.slide .container{ top:0; bottom:0; z-index: 10;}
.sect-banner-static .banner-item .slide-captions{
    width: 90%;
    margin: auto;
    text-align: center;
    opacity: 0;
    transition: all .3s ease-in-out;
    z-index: 5;
}
.sect-banner-static .banner-item .slide-captions h3{ margin-bottom:30px; }
.sect-banner-static .banner-item:hover .slide-captions{ opacity:1; transform: scale(1.1);}
.sect-banner-static .banner-item{ position:relative; overflow: hidden;}
.sect-banner-static .banner-item::before{
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #0d2481;
    opacity: 0;
    z-index: 2;
    transition: all .3s ease-in-out;
}
.sect-banner-static .banner-item:hover::before{
    opacity: 0.6
}
.sect-banner-static .banner-item:hover img{ transform:scale(1.1); }


.sect-html-map{ padding:0; }
ul.list-contact li{
    line-height: 1.5;
}
.box-detail-adds{
    width: 42%;
    display: inline-block;
    position: absolute;
    z-index: 2;
    left: 0%;
    top: 0;
    padding: 80px;
    height: 100%;
    box-shadow: 0 0 10px rgba(51, 51, 51, 0.24);
    background: #0d2481;
    min-height: ;
}

.portfolio-item .portfolio-description{
    padding: 0 20px;
    width: 100%;
}
.portfolio-item .portfolio-description h5{ color:#fff; }
.grid-active-title{ top:-160px; }



.logo-f {
    float: left;
}
.footer-address {
    min-height: unset;
    padding-left: 125px;
    padding-bottom: 20px;
    position: relative;
    padding-top: 10px;
    margin-bottom: 20px;
    padding-right: 1%;
}
.footer-address .image_wrapper {
    text-align: center;
    position: absolute;
    left: -4%;
    top: 0px;
    margin-bottom: 0;
    width: 138px;
    height: 138px;
    overflow: hidden;
}
.footer-address .image_wrapper img {
    height: auto;
    max-width: 100% !important;
}
.desc_wrapper h2 {
    font-size: 18px;
    color: #0d2481;
    margin-bottom: 0px;
    font-weight: bolder;
}
.list-footer li {
    font-size: 18px;
    font-weight: bolder;
    color: #0d2481;
}
ul.list.list-footer {
    width: 85%;
}
.copyright {
    border-top: 1px solid #eee;
}
.footer-content .widget {margin-bottom: 0px;}
.social-icons.social-icons-medium li a {
    height: 27px;
    width: 27px;
    line-height:27px;
    font-size: 14px;
}
footer{
    background: #fff;
    padding: 80px 0 20px 0;
}
footer p {color: #333;font-size: 13px;}
footer, footer h4{ color: #333; }
footer a, footer .list li a, .widget a, .social-icons.social-icons-medium li a{ color:#0d2481; }
.widget .widget-title, .widget > h4 {
    font-size: 14px;
    margin-bottom: 0px;color: #000;
    padding-bottom: 0;
}
footer .footer-bottom ul.list-menu li{ margin-left: 10px; }
footer .ft-bttm-link{ float: right; }
footer .ft-bttm-copyright{ float: left; margin-right: 20px;}

footer .copyRight{ line-height: 32px; font-size: 14px;}
footer .ft-connect .widget,
footer .ft-connect .widget h4,
footer .ft-connect .widget .widget-title,
footer .ft-connect .widget a{ 
    color: #fff; 
}
footer .ft-connect .widget a:hover{ color: #fff; }
footer .ft-connect .line-icon{ filter: brightness(0); }

ul.list-contact li strong{
    display: inline-block;
    color: #b1b5ff;
    min-width: 65px;
}
footer .line-icon{
    width: 22px;
    float: right;
}
footer .hr{
    display: inline-block;
    width: 100%;
    height: 1px;
    margin-bottom: 5px;
}
footer .social-icons li a{ color: #ddd;}


.news-item:hover .htitle{ 
    color: #f1982a; 
}

.fix-dec-plus{ position: relative; }
.fix-dec-plus:before{ 
    position: absolute;
    content: "";
    right: 6%;
    top: -120px;
    width: 100px;
    height: 100px;
    background: url(../images/bg/sign.png) no-repeat;
    background-position: center;
    background-size: 100%;

}
.fix-dec-plus.left:before{
    right: initial;
    left: -200px;
    top: 200px;
    opacity: 1;
}
footer .btn-ggmap{height: 30px;}
footer .ft-connect{ 
    text-align:right; 
    color: #fff;
}
footer .ft-connect .line-icon{
    filter: brightness(0) invert(1);
    margin-left: 15px;
}
footer a:hover{
    color: #0d2481; !important;
    text-decoration: underline !important;
}

@media( max-width: 1680px){
/*    .body-inner{ zoom:0.9; }*/
}


/*.ft-link-2{ text-align: right; }*/
.ft-link-2 ul.list-useful-link li{
    display: inline-block;
    width: 100%;
}
.ft-link-2 .widget{ margin-bottom:0; }
.ft-link-2 .social-icons{ float: right; }
.logo-footer{
    margin-bottom: 10px;
    height: 77px;
}
ul.list-address li span{
    font-weight: 600;
}
.company-name{
    border: 2px solid #000;
    display: inline-block;
    padding: 0;
    color: #0d2481;
    padding-right: 10px;
}
.company-name span{
    background: #000;
    color: #fff;
    height: 100%;
    display: inline-block;
    padding: 0 7px;
    font-size: 1.2em;
}

.sect-about,
.sect-topic{
   background: url(../images/bg-ab-4-2.png) no-repeat;
   background-size: cover;
   background-position: center bottom;  
}

#scrollTop:after, #scrollTop:before{
    background-color: #0d2481;
}

footer {
    padding-top: 30px;
    padding-bottom: 0;
}
#scrollTop{ bottom:56px !important; }



@keyframes cdp-in {
  from {
    transform: scale(1.5);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}
.cdp {
  position: relative;
  text-align: center;
  padding: 20px 0;
  font-size: 0;
  z-index: 6;
  margin: 50px 0;
  animation: cdp-in 500ms ease both;
  animation-timeout: 200ms;
}
.cdp_i {
    font-size: 18px;
    /* text-decoration: none; */
    /* transition: background 250ms; */
    display: inline-block;
    /* text-transform: uppercase; */
    margin: 0 30px;
    /* height: 38px; */
    /* min-width: 38px; */
    border-radius: 0px;
    border: 0px solid #fff;
    /* line-height: 38px; */
    padding: 0;
    color: #000;
    /* font-weight: 700; */
    letter-spacing: 0;
    display: none;
}
.cdp_i:first-child, .cdp_i:last-child {
  padding: 0 16px;
  margin: 0 12px 6px;
}
.cdp_i:last-child, .cdp_i:nth-child(2), .cdp_i:nth-last-child(2) {
  display: inline-block;
}
.cdp_i:hover {
    background-color: #0000;
    color: #fff;
}
.cdp:not([actpage="1"]) .cdp_i:nth-child(1) {
  display: inline-block;
}

.cdp[actpage="1"] .cdp_i:nth-child(-1):not(:first-child):not(:nth-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  width: 50px;
}
.cdp[actpage="1"] .cdp_i:nth-child(-1):not(:first-child):not(:nth-child(2)):after {
  content: "...";
  color: #fff;
  font-size: 32px;
  margin-left: -6px;
}
.cdp[actpage="1"] .cdp_i:nth-child(0):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="1"] .cdp_i:nth-child(1):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="1"] .cdp_i:nth-child(2) {
    /* background-color: #000; */
    color: #0d2481;
    display: inline-block;
    border-bottom: 3px solid;
}
.cdp[actpage="1"] .cdp_i:nth-child(2) + .cdp_i:last-child {
  display: none !important;
}
.cdp[actpage="1"] .cdp_i:nth-child(3):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="1"] .cdp_i:nth-child(4):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="1"] .cdp_i:nth-child(5):not(:last-child):not(:nth-last-child(2)) {
    display: inline-block;
    /* pointer-events: none; */
    /* color: transparent; */
    /* border-color: transparent; */
    /* width: 50px; */
}


.cdp[actpage="2"] .cdp_i:nth-child(0):not(:first-child):not(:nth-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  width: 50px;
}
.cdp[actpage="2"] .cdp_i:nth-child(0):not(:first-child):not(:nth-child(2)):after {
  content: "...";
  color: #fff;
  font-size: 32px;
  margin-left: -6px;
}
.cdp[actpage="2"] .cdp_i:nth-child(1):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="2"] .cdp_i:nth-child(2):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="2"] .cdp_i:nth-child(3) {
    /* background-color: #000; */
    color: #0d2481;
    display: inline-block;
    border-bottom: 3px solid;
}
.cdp[actpage="2"] .cdp_i:nth-child(3) + .cdp_i:last-child {
  display: none !important;
}
.cdp[actpage="2"] .cdp_i:nth-child(4):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="2"] .cdp_i:nth-child(5):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="2"] .cdp_i:nth-child(6):not(:last-child):not(:nth-last-child(2)) {
    display: inline-block;
    /* pointer-events: none; */
    /* color: transparent; */
    /* border-color: transparent; */
    /* width: 50px; */
}
.cdp[actpage="2"] .cdp_i:nth-child(6):not(:last-child):not(:nth-last-child(2)):after {

}

.cdp[actpage="3"] .cdp_i:nth-child(1):not(:first-child):not(:nth-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  width: 50px;
}
.cdp[actpage="3"] .cdp_i:nth-child(1):not(:first-child):not(:nth-child(2)):after {
  content: "...";
  color: #fff;
  font-size: 32px;
  margin-left: -6px;
}
.cdp[actpage="3"] .cdp_i:nth-child(2):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="3"] .cdp_i:nth-child(3):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="3"] .cdp_i:nth-child(4) {
    /* background-color: #000; */
    color: #0d2481;
    display: inline-block;
    border-bottom: 3px solid;
}
.cdp[actpage="3"] .cdp_i:nth-child(4) + .cdp_i:last-child {
  display: none !important;
}
.cdp[actpage="3"] .cdp_i:nth-child(5):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="3"] .cdp_i:nth-child(6):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="3"] .cdp_i:nth-child(7):not(:last-child):not(:nth-last-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  width: 50px;
}
.cdp[actpage="3"] .cdp_i:nth-child(7):not(:last-child):not(:nth-last-child(2)):after {
  content: "...";
  color: #fff;
  font-size: 32px;
  margin-left: -6px;
}

.cdp[actpage="4"] .cdp_i:nth-child(2):not(:first-child):not(:nth-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  width: 50px;
}
.cdp[actpage="4"] .cdp_i:nth-child(2):not(:first-child):not(:nth-child(2)):after {
  content: "...";
  color: #fff;
  font-size: 32px;
  margin-left: -6px;
}
.cdp[actpage="4"] .cdp_i:nth-child(3):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="4"] .cdp_i:nth-child(4):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="4"] .cdp_i:nth-child(5) {
    /* background-color: #000; */
    color: #0d2481;
    display: inline-block;
    border-bottom: 3px solid;
}
.cdp[actpage="4"] .cdp_i:nth-child(5) + .cdp_i:last-child {
  display: none !important;
}
.cdp[actpage="4"] .cdp_i:nth-child(6):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="4"] .cdp_i:nth-child(7):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="4"] .cdp_i:nth-child(8):not(:last-child):not(:nth-last-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  width: 50px;
}
.cdp[actpage="4"] .cdp_i:nth-child(8):not(:last-child):not(:nth-last-child(2)):after {
  content: "...";
  color: #fff;
  font-size: 32px;
  margin-left: -6px;
}

.cdp[actpage="5"] .cdp_i:nth-child(3):not(:first-child):not(:nth-child(2)) {
    display: inline-block;
    /* pointer-events: none; */
    /* color: transparent; */
    /* border-color: transparent; */
    /* width: 50px; */
}
.cdp[actpage="5"] .cdp_i:nth-child(3):not(:first-child):not(:nth-child(2)):after {

}
.cdp[actpage="5"] .cdp_i:nth-child(4):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="5"] .cdp_i:nth-child(5):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="5"] .cdp_i:nth-child(6) {
    /* background-color: #000; */
    color: #0d2481;
    display: inline-block;
    border-bottom: 3px solid;
}
.cdp[actpage="5"] .cdp_i:nth-child(6) + .cdp_i:last-child {
  display: none !important;
}
.cdp[actpage="5"] .cdp_i:nth-child(7):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="5"] .cdp_i:nth-child(8):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="5"] .cdp_i:nth-child(9):not(:last-child):not(:nth-last-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  width: 50px;
}
.cdp[actpage="5"] .cdp_i:nth-child(9):not(:last-child):not(:nth-last-child(2)):after {
  content: "...";
  color: #fff;
  font-size: 32px;
  margin-left: -6px;
}
.cdp[actpage="6"] .cdp_i:nth-child(4):not(:first-child):not(:nth-child(2)) {
    display: inline-block;
    /* pointer-events: none; */
    /* color: transparent; */
    /* border-color: transparent; */
    /* width: 50px; */
}
.cdp[actpage="6"] .cdp_i:nth-child(4):not(:first-child):not(:nth-child(2)):after {

}
.cdp[actpage="6"] .cdp_i:nth-child(5):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="6"] .cdp_i:nth-child(6):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="6"] .cdp_i:nth-child(7) {
    /* background-color: #000; */
    color: #0d2481;
    display: inline-block;
    border-bottom: 3px solid;
}
.cdp[actpage="6"] .cdp_i:nth-child(7) + .cdp_i:last-child {
  display: none !important;
}
.cdp[actpage="6"] .cdp_i:nth-child(8):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="6"] .cdp_i:nth-child(9):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="6"] .cdp_i:nth-child(10):not(:last-child):not(:nth-last-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  width: 50px;
}
.cdp[actpage="6"] .cdp_i:nth-child(10):not(:last-child):not(:nth-last-child(2)):after {
  content: "...";
  color: #fff;
  font-size: 32px;
  margin-left: -6px;
}

.cdp[actpage="7"] .cdp_i:nth-child(5):not(:first-child):not(:nth-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  width: 50px;
}
.cdp[actpage="7"] .cdp_i:nth-child(5):not(:first-child):not(:nth-child(2)):after {
  content: "...";
  color: #fff;
  font-size: 32px;
  margin-left: -6px;
}
.cdp[actpage="7"] .cdp_i:nth-child(6):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="7"] .cdp_i:nth-child(7):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="7"] .cdp_i:nth-child(8) {
    /* background-color: #000; */
    color: #0d2481;
    display: inline-block;
    border-bottom: 3px solid;
}
.cdp[actpage="7"] .cdp_i:nth-child(8) + .cdp_i:last-child {
  display: none !important;
}
.cdp[actpage="7"] .cdp_i:nth-child(9):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="7"] .cdp_i:nth-child(10):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="7"] .cdp_i:nth-child(11):not(:last-child):not(:nth-last-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  width: 50px;
}
.cdp[actpage="7"] .cdp_i:nth-child(11):not(:last-child):not(:nth-last-child(2)):after {
  content: "...";
  color: #fff;
  font-size: 32px;
  margin-left: -6px;
}

.cdp[actpage="8"] .cdp_i:nth-child(6):not(:first-child):not(:nth-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  width: 50px;
}
.cdp[actpage="8"] .cdp_i:nth-child(6):not(:first-child):not(:nth-child(2)):after {
  content: "...";
  color: #fff;
  font-size: 32px;
  margin-left: -6px;
}
.cdp[actpage="8"] .cdp_i:nth-child(7):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="8"] .cdp_i:nth-child(8):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="8"] .cdp_i:nth-child(9) {
    /* background-color: #000; */
    color: #0d2481;
    display: inline-block;
    border-bottom: 3px solid;
}
.cdp[actpage="8"] .cdp_i:nth-child(9) + .cdp_i:last-child {
  display: none !important;
}
.cdp[actpage="8"] .cdp_i:nth-child(10):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="8"] .cdp_i:nth-child(11):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="8"] .cdp_i:nth-child(12):not(:last-child):not(:nth-last-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  width: 50px;
}
.cdp[actpage="8"] .cdp_i:nth-child(12):not(:last-child):not(:nth-last-child(2)):after {
  content: "...";
  color: #fff;
  font-size: 32px;
  margin-left: -6px;
}

.cdp[actpage="9"] .cdp_i:nth-child(7):not(:first-child):not(:nth-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  width: 50px;
}
.cdp[actpage="9"] .cdp_i:nth-child(7):not(:first-child):not(:nth-child(2)):after {
  content: "...";
  color: #fff;
  font-size: 32px;
  margin-left: -6px;
}
.cdp[actpage="9"] .cdp_i:nth-child(8):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="9"] .cdp_i:nth-child(9):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="9"] .cdp_i:nth-child(10) {
  background-color: #000;
  color: #fff;
  display: inline-block;
}
.cdp[actpage="9"] .cdp_i:nth-child(10) + .cdp_i:last-child {
  display: none !important;
}
.cdp[actpage="9"] .cdp_i:nth-child(11):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="9"] .cdp_i:nth-child(12):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="9"] .cdp_i:nth-child(13):not(:last-child):not(:nth-last-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  width: 50px;
}
.cdp[actpage="9"] .cdp_i:nth-child(13):not(:last-child):not(:nth-last-child(2)):after {
  content: "...";
  color: #fff;
  font-size: 32px;
  margin-left: -6px;
}

.cdp[actpage="10"] .cdp_i:nth-child(8):not(:first-child):not(:nth-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  width: 50px;
}
.cdp[actpage="10"] .cdp_i:nth-child(8):not(:first-child):not(:nth-child(2)):after {
  content: "...";
  color: #fff;
  font-size: 32px;
  margin-left: -6px;
}
.cdp[actpage="10"] .cdp_i:nth-child(9):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="10"] .cdp_i:nth-child(10):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="10"] .cdp_i:nth-child(11) {
  background-color: #000;
  color: #fff;
  display: inline-block;
}
.cdp[actpage="10"] .cdp_i:nth-child(11) + .cdp_i:last-child {
  display: none !important;
}
.cdp[actpage="10"] .cdp_i:nth-child(12):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="10"] .cdp_i:nth-child(13):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="10"] .cdp_i:nth-child(14):not(:last-child):not(:nth-last-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  width: 50px;
}
.cdp[actpage="10"] .cdp_i:nth-child(14):not(:last-child):not(:nth-last-child(2)):after {
  content: "...";
  color: #fff;
  font-size: 32px;
  margin-left: -6px;
}

.cdp[actpage="11"] .cdp_i:nth-child(9):not(:first-child):not(:nth-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  width: 50px;
}
.cdp[actpage="11"] .cdp_i:nth-child(9):not(:first-child):not(:nth-child(2)):after {
  content: "...";
  color: #fff;
  font-size: 32px;
  margin-left: -6px;
}
.cdp[actpage="11"] .cdp_i:nth-child(10):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="11"] .cdp_i:nth-child(11):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="11"] .cdp_i:nth-child(12) {
  background-color: #000;
  color: #fff;
  display: inline-block;
}
.cdp[actpage="11"] .cdp_i:nth-child(12) + .cdp_i:last-child {
  display: none !important;
}
.cdp[actpage="11"] .cdp_i:nth-child(13):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="11"] .cdp_i:nth-child(14):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="11"] .cdp_i:nth-child(15):not(:last-child):not(:nth-last-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  width: 50px;
}
.cdp[actpage="11"] .cdp_i:nth-child(15):not(:last-child):not(:nth-last-child(2)):after {
  content: "...";
  color: #fff;
  font-size: 32px;
  margin-left: -6px;
}

.cdp[actpage="12"] .cdp_i:nth-child(10):not(:first-child):not(:nth-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  width: 50px;
}
.cdp[actpage="12"] .cdp_i:nth-child(10):not(:first-child):not(:nth-child(2)):after {
  content: "...";
  color: #fff;
  font-size: 32px;
  margin-left: -6px;
}
.cdp[actpage="12"] .cdp_i:nth-child(11):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="12"] .cdp_i:nth-child(12):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="12"] .cdp_i:nth-child(13) {
  background-color: #000;
  color: #fff;
  display: inline-block;
}
.cdp[actpage="12"] .cdp_i:nth-child(13) + .cdp_i:last-child {
  display: none !important;
}
.cdp[actpage="12"] .cdp_i:nth-child(14):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="12"] .cdp_i:nth-child(15):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="12"] .cdp_i:nth-child(16):not(:last-child):not(:nth-last-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  width: 50px;
}
.cdp[actpage="12"] .cdp_i:nth-child(16):not(:last-child):not(:nth-last-child(2)):after {
  content: "...";
  color: #fff;
  font-size: 32px;
  margin-left: -6px;
}

.cdp[actpage="13"] .cdp_i:nth-child(11):not(:first-child):not(:nth-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  width: 50px;
}
.cdp[actpage="13"] .cdp_i:nth-child(11):not(:first-child):not(:nth-child(2)):after {
  content: "...";
  color: #fff;
  font-size: 32px;
  margin-left: -6px;
}
.cdp[actpage="13"] .cdp_i:nth-child(12):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="13"] .cdp_i:nth-child(13):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="13"] .cdp_i:nth-child(14) {
  background-color: #000;
  color: #fff;
  display: inline-block;
}
.cdp[actpage="13"] .cdp_i:nth-child(14) + .cdp_i:last-child {
  display: none !important;
}
.cdp[actpage="13"] .cdp_i:nth-child(15):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="13"] .cdp_i:nth-child(16):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="13"] .cdp_i:nth-child(17):not(:last-child):not(:nth-last-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  width: 50px;
}
.cdp[actpage="13"] .cdp_i:nth-child(17):not(:last-child):not(:nth-last-child(2)):after {
  content: "...";
  color: #fff;
  font-size: 32px;
  margin-left: -6px;
}

.cdp[actpage="14"] .cdp_i:nth-child(12):not(:first-child):not(:nth-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  width: 50px;
}
.cdp[actpage="14"] .cdp_i:nth-child(12):not(:first-child):not(:nth-child(2)):after {
  content: "...";
  color: #fff;
  font-size: 32px;
  margin-left: -6px;
}
.cdp[actpage="14"] .cdp_i:nth-child(13):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="14"] .cdp_i:nth-child(14):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="14"] .cdp_i:nth-child(15) {
  background-color: #000;
  color: #fff;
  display: inline-block;
}
.cdp[actpage="14"] .cdp_i:nth-child(15) + .cdp_i:last-child {
  display: none !important;
}
.cdp[actpage="14"] .cdp_i:nth-child(16):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="14"] .cdp_i:nth-child(17):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="14"] .cdp_i:nth-child(18):not(:last-child):not(:nth-last-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  width: 50px;
}
.cdp[actpage="14"] .cdp_i:nth-child(18):not(:last-child):not(:nth-last-child(2)):after {
  content: "...";
  color: #fff;
  font-size: 32px;
  margin-left: -6px;
}

.cdp[actpage="15"] .cdp_i:nth-child(13):not(:first-child):not(:nth-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  width: 50px;
}
.cdp[actpage="15"] .cdp_i:nth-child(13):not(:first-child):not(:nth-child(2)):after {
  content: "...";
  color: #fff;
  font-size: 32px;
  margin-left: -6px;
}
.cdp[actpage="15"] .cdp_i:nth-child(14):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="15"] .cdp_i:nth-child(15):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="15"] .cdp_i:nth-child(16) {
  background-color: #000;
  color: #fff;
  display: inline-block;
}
.cdp[actpage="15"] .cdp_i:nth-child(16) + .cdp_i:last-child {
  display: none !important;
}
.cdp[actpage="15"] .cdp_i:nth-child(17):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="15"] .cdp_i:nth-child(18):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="15"] .cdp_i:nth-child(19):not(:last-child):not(:nth-last-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  width: 50px;
}
.cdp[actpage="15"] .cdp_i:nth-child(19):not(:last-child):not(:nth-last-child(2)):after {
  content: "...";
  color: #fff;
  font-size: 32px;
  margin-left: -6px;
}

.cdp[actpage="16"] .cdp_i:nth-child(14):not(:first-child):not(:nth-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  width: 50px;
}
.cdp[actpage="16"] .cdp_i:nth-child(14):not(:first-child):not(:nth-child(2)):after {
  content: "...";
  color: #fff;
  font-size: 32px;
  margin-left: -6px;
}
.cdp[actpage="16"] .cdp_i:nth-child(15):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="16"] .cdp_i:nth-child(16):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="16"] .cdp_i:nth-child(17) {
  background-color: #000;
  color: #fff;
  display: inline-block;
}
.cdp[actpage="16"] .cdp_i:nth-child(17) + .cdp_i:last-child {
  display: none !important;
}
.cdp[actpage="16"] .cdp_i:nth-child(18):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="16"] .cdp_i:nth-child(19):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="16"] .cdp_i:nth-child(20):not(:last-child):not(:nth-last-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  width: 50px;
}
.cdp[actpage="16"] .cdp_i:nth-child(20):not(:last-child):not(:nth-last-child(2)):after {
  content: "...";
  color: #fff;
  font-size: 32px;
  margin-left: -6px;
}

.cdp[actpage="17"] .cdp_i:nth-child(15):not(:first-child):not(:nth-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  width: 50px;
}
.cdp[actpage="17"] .cdp_i:nth-child(15):not(:first-child):not(:nth-child(2)):after {
  content: "...";
  color: #fff;
  font-size: 32px;
  margin-left: -6px;
}
.cdp[actpage="17"] .cdp_i:nth-child(16):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="17"] .cdp_i:nth-child(17):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="17"] .cdp_i:nth-child(18) {
  background-color: #000;
  color: #fff;
  display: inline-block;
}
.cdp[actpage="17"] .cdp_i:nth-child(18) + .cdp_i:last-child {
  display: none !important;
}
.cdp[actpage="17"] .cdp_i:nth-child(19):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="17"] .cdp_i:nth-child(20):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="17"] .cdp_i:nth-child(21):not(:last-child):not(:nth-last-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  width: 50px;
}
.cdp[actpage="17"] .cdp_i:nth-child(21):not(:last-child):not(:nth-last-child(2)):after {
  content: "...";
  color: #fff;
  font-size: 32px;
  margin-left: -6px;
}

.cdp[actpage="18"] .cdp_i:nth-child(16):not(:first-child):not(:nth-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  width: 50px;
}
.cdp[actpage="18"] .cdp_i:nth-child(16):not(:first-child):not(:nth-child(2)):after {
  content: "...";
  color: #fff;
  font-size: 32px;
  margin-left: -6px;
}
.cdp[actpage="18"] .cdp_i:nth-child(17):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="18"] .cdp_i:nth-child(18):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="18"] .cdp_i:nth-child(19) {
  background-color: #000;
  color: #fff;
  display: inline-block;
}
.cdp[actpage="18"] .cdp_i:nth-child(19) + .cdp_i:last-child {
  display: none !important;
}
.cdp[actpage="18"] .cdp_i:nth-child(20):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="18"] .cdp_i:nth-child(21):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="18"] .cdp_i:nth-child(22):not(:last-child):not(:nth-last-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  width: 50px;
}
.cdp[actpage="18"] .cdp_i:nth-child(22):not(:last-child):not(:nth-last-child(2)):after {
  content: "...";
  color: #fff;
  font-size: 32px;
  margin-left: -6px;
}

.cdp[actpage="19"] .cdp_i:nth-child(17):not(:first-child):not(:nth-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  width: 50px;
}
.cdp[actpage="19"] .cdp_i:nth-child(17):not(:first-child):not(:nth-child(2)):after {
  content: "...";
  color: #fff;
  font-size: 32px;
  margin-left: -6px;
}
.cdp[actpage="19"] .cdp_i:nth-child(18):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="19"] .cdp_i:nth-child(19):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="19"] .cdp_i:nth-child(20) {
  background-color: #000;
  color: #fff;
  display: inline-block;
}
.cdp[actpage="19"] .cdp_i:nth-child(20) + .cdp_i:last-child {
  display: none !important;
}
.cdp[actpage="19"] .cdp_i:nth-child(21):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="19"] .cdp_i:nth-child(22):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="19"] .cdp_i:nth-child(23):not(:last-child):not(:nth-last-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  width: 50px;
}
.cdp[actpage="19"] .cdp_i:nth-child(23):not(:last-child):not(:nth-last-child(2)):after {
  content: "...";
  color: #fff;
  font-size: 32px;
  margin-left: -6px;
}

.cdp[actpage="20"] .cdp_i:nth-child(18):not(:first-child):not(:nth-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  width: 50px;
}
.cdp[actpage="20"] .cdp_i:nth-child(18):not(:first-child):not(:nth-child(2)):after {
  content: "...";
  color: #fff;
  font-size: 32px;
  margin-left: -6px;
}
.cdp[actpage="20"] .cdp_i:nth-child(19):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="20"] .cdp_i:nth-child(20):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="20"] .cdp_i:nth-child(21) {
  background-color: #000;
  color: #fff;
  display: inline-block;
}
.cdp[actpage="20"] .cdp_i:nth-child(21) + .cdp_i:last-child {
  display: none !important;
}
.cdp[actpage="20"] .cdp_i:nth-child(22):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="20"] .cdp_i:nth-child(23):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="20"] .cdp_i:nth-child(24):not(:last-child):not(:nth-last-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  width: 50px;
}
.cdp[actpage="20"] .cdp_i:nth-child(24):not(:last-child):not(:nth-last-child(2)):after {
  content: "...";
  color: #fff;
  font-size: 32px;
  margin-left: -6px;
}

.cdp[actpage="21"] .cdp_i:nth-child(19):not(:first-child):not(:nth-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  width: 50px;
}
.cdp[actpage="21"] .cdp_i:nth-child(19):not(:first-child):not(:nth-child(2)):after {
  content: "...";
  color: #fff;
  font-size: 32px;
  margin-left: -6px;
}
.cdp[actpage="21"] .cdp_i:nth-child(20):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="21"] .cdp_i:nth-child(21):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="21"] .cdp_i:nth-child(22) {
  background-color: #000;
  color: #fff;
  display: inline-block;
}
.cdp[actpage="21"] .cdp_i:nth-child(22) + .cdp_i:last-child {
  display: none !important;
}
.cdp[actpage="21"] .cdp_i:nth-child(23):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="21"] .cdp_i:nth-child(24):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="21"] .cdp_i:nth-child(25):not(:last-child):not(:nth-last-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  width: 50px;
}
.cdp[actpage="21"] .cdp_i:nth-child(25):not(:last-child):not(:nth-last-child(2)):after {
  content: "...";
  color: #fff;
  font-size: 32px;
  margin-left: -6px;
}

.cdp[actpage="22"] .cdp_i:nth-child(20):not(:first-child):not(:nth-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  width: 50px;
}
.cdp[actpage="22"] .cdp_i:nth-child(20):not(:first-child):not(:nth-child(2)):after {
  content: "...";
  color: #fff;
  font-size: 32px;
  margin-left: -6px;
}
.cdp[actpage="22"] .cdp_i:nth-child(21):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="22"] .cdp_i:nth-child(22):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="22"] .cdp_i:nth-child(23) {
  background-color: #000;
  color: #fff;
  display: inline-block;
}
.cdp[actpage="22"] .cdp_i:nth-child(23) + .cdp_i:last-child {
  display: none !important;
}
.cdp[actpage="22"] .cdp_i:nth-child(24):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="22"] .cdp_i:nth-child(25):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="22"] .cdp_i:nth-child(26):not(:last-child):not(:nth-last-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  width: 50px;
}
.cdp[actpage="22"] .cdp_i:nth-child(26):not(:last-child):not(:nth-last-child(2)):after {
  content: "...";
  color: #fff;
  font-size: 32px;
  margin-left: -6px;
}

.cdp[actpage="23"] .cdp_i:nth-child(21):not(:first-child):not(:nth-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  width: 50px;
}
.cdp[actpage="23"] .cdp_i:nth-child(21):not(:first-child):not(:nth-child(2)):after {
  content: "...";
  color: #fff;
  font-size: 32px;
  margin-left: -6px;
}
.cdp[actpage="23"] .cdp_i:nth-child(22):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="23"] .cdp_i:nth-child(23):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="23"] .cdp_i:nth-child(24) {
  background-color: #000;
  color: #fff;
  display: inline-block;
}
.cdp[actpage="23"] .cdp_i:nth-child(24) + .cdp_i:last-child {
  display: none !important;
}
.cdp[actpage="23"] .cdp_i:nth-child(25):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="23"] .cdp_i:nth-child(26):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="23"] .cdp_i:nth-child(27):not(:last-child):not(:nth-last-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  width: 50px;
}
.cdp[actpage="23"] .cdp_i:nth-child(27):not(:last-child):not(:nth-last-child(2)):after {
  content: "...";
  color: #fff;
  font-size: 32px;
  margin-left: -6px;
}

.cdp[actpage="24"] .cdp_i:nth-child(22):not(:first-child):not(:nth-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  width: 50px;
}
.cdp[actpage="24"] .cdp_i:nth-child(22):not(:first-child):not(:nth-child(2)):after {
  content: "...";
  color: #fff;
  font-size: 32px;
  margin-left: -6px;
}
.cdp[actpage="24"] .cdp_i:nth-child(23):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="24"] .cdp_i:nth-child(24):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="24"] .cdp_i:nth-child(25) {
  background-color: #000;
  color: #fff;
  display: inline-block;
}
.cdp[actpage="24"] .cdp_i:nth-child(25) + .cdp_i:last-child {
  display: none !important;
}
.cdp[actpage="24"] .cdp_i:nth-child(26):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="24"] .cdp_i:nth-child(27):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="24"] .cdp_i:nth-child(28):not(:last-child):not(:nth-last-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  width: 50px;
}
.cdp[actpage="24"] .cdp_i:nth-child(28):not(:last-child):not(:nth-last-child(2)):after {
  content: "...";
  color: #fff;
  font-size: 32px;
  margin-left: -6px;
}

.cdp[actpage="25"] .cdp_i:nth-child(23):not(:first-child):not(:nth-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  width: 50px;
}
.cdp[actpage="25"] .cdp_i:nth-child(23):not(:first-child):not(:nth-child(2)):after {
  content: "...";
  color: #fff;
  font-size: 32px;
  margin-left: -6px;
}
.cdp[actpage="25"] .cdp_i:nth-child(24):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="25"] .cdp_i:nth-child(25):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="25"] .cdp_i:nth-child(26) {
  background-color: #000;
  color: #fff;
  display: inline-block;
}
.cdp[actpage="25"] .cdp_i:nth-child(26) + .cdp_i:last-child {
  display: none !important;
}
.cdp[actpage="25"] .cdp_i:nth-child(27):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="25"] .cdp_i:nth-child(28):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="25"] .cdp_i:nth-child(29):not(:last-child):not(:nth-last-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  width: 50px;
}
.cdp[actpage="25"] .cdp_i:nth-child(29):not(:last-child):not(:nth-last-child(2)):after {
  content: "...";
  color: #fff;
  font-size: 32px;
  margin-left: -6px;
}

.cdp[actpage="26"] .cdp_i:nth-child(24):not(:first-child):not(:nth-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  width: 50px;
}
.cdp[actpage="26"] .cdp_i:nth-child(24):not(:first-child):not(:nth-child(2)):after {
  content: "...";
  color: #fff;
  font-size: 32px;
  margin-left: -6px;
}
.cdp[actpage="26"] .cdp_i:nth-child(25):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="26"] .cdp_i:nth-child(26):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="26"] .cdp_i:nth-child(27) {
  background-color: #000;
  color: #fff;
  display: inline-block;
}
.cdp[actpage="26"] .cdp_i:nth-child(27) + .cdp_i:last-child {
  display: none !important;
}
.cdp[actpage="26"] .cdp_i:nth-child(28):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="26"] .cdp_i:nth-child(29):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="26"] .cdp_i:nth-child(30):not(:last-child):not(:nth-last-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  width: 50px;
}
.cdp[actpage="26"] .cdp_i:nth-child(30):not(:last-child):not(:nth-last-child(2)):after {
  content: "...";
  color: #fff;
  font-size: 32px;
  margin-left: -6px;
}

.cdp[actpage="27"] .cdp_i:nth-child(25):not(:first-child):not(:nth-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  width: 50px;
}
.cdp[actpage="27"] .cdp_i:nth-child(25):not(:first-child):not(:nth-child(2)):after {
  content: "...";
  color: #fff;
  font-size: 32px;
  margin-left: -6px;
}
.cdp[actpage="27"] .cdp_i:nth-child(26):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="27"] .cdp_i:nth-child(27):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="27"] .cdp_i:nth-child(28) {
  background-color: #000;
  color: #fff;
  display: inline-block;
}
.cdp[actpage="27"] .cdp_i:nth-child(28) + .cdp_i:last-child {
  display: none !important;
}
.cdp[actpage="27"] .cdp_i:nth-child(29):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="27"] .cdp_i:nth-child(30):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="27"] .cdp_i:nth-child(31):not(:last-child):not(:nth-last-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  width: 50px;
}
.cdp[actpage="27"] .cdp_i:nth-child(31):not(:last-child):not(:nth-last-child(2)):after {
  content: "...";
  color: #fff;
  font-size: 32px;
  margin-left: -6px;
}

.cdp[actpage="28"] .cdp_i:nth-child(26):not(:first-child):not(:nth-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  width: 50px;
}
.cdp[actpage="28"] .cdp_i:nth-child(26):not(:first-child):not(:nth-child(2)):after {
  content: "...";
  color: #fff;
  font-size: 32px;
  margin-left: -6px;
}
.cdp[actpage="28"] .cdp_i:nth-child(27):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="28"] .cdp_i:nth-child(28):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="28"] .cdp_i:nth-child(29) {
  background-color: #000;
  color: #fff;
  display: inline-block;
}
.cdp[actpage="28"] .cdp_i:nth-child(29) + .cdp_i:last-child {
  display: none !important;
}
.cdp[actpage="28"] .cdp_i:nth-child(30):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="28"] .cdp_i:nth-child(31):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="28"] .cdp_i:nth-child(32):not(:last-child):not(:nth-last-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  width: 50px;
}
.cdp[actpage="28"] .cdp_i:nth-child(32):not(:last-child):not(:nth-last-child(2)):after {
  content: "...";
  color: #fff;
  font-size: 32px;
  margin-left: -6px;
}

.cdp[actpage="29"] .cdp_i:nth-child(27):not(:first-child):not(:nth-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  width: 50px;
}
.cdp[actpage="29"] .cdp_i:nth-child(27):not(:first-child):not(:nth-child(2)):after {
  content: "...";
  color: #fff;
  font-size: 32px;
  margin-left: -6px;
}
.cdp[actpage="29"] .cdp_i:nth-child(28):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="29"] .cdp_i:nth-child(29):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="29"] .cdp_i:nth-child(30) {
  background-color: #000;
  color: #fff;
  display: inline-block;
}
.cdp[actpage="29"] .cdp_i:nth-child(30) + .cdp_i:last-child {
  display: none !important;
}
.cdp[actpage="29"] .cdp_i:nth-child(31):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="29"] .cdp_i:nth-child(32):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="29"] .cdp_i:nth-child(33):not(:last-child):not(:nth-last-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  width: 50px;
}
.cdp[actpage="29"] .cdp_i:nth-child(33):not(:last-child):not(:nth-last-child(2)):after {
  content: "...";
  color: #fff;
  font-size: 32px;
  margin-left: -6px;
}

.cdp[actpage="30"] .cdp_i:nth-child(28):not(:first-child):not(:nth-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  width: 50px;
}
.cdp[actpage="30"] .cdp_i:nth-child(28):not(:first-child):not(:nth-child(2)):after {
  content: "...";
  color: #fff;
  font-size: 32px;
  margin-left: -6px;
}
.cdp[actpage="30"] .cdp_i:nth-child(29):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="30"] .cdp_i:nth-child(30):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="30"] .cdp_i:nth-child(31) {
  background-color: #000;
  color: #fff;
  display: inline-block;
}
.cdp[actpage="30"] .cdp_i:nth-child(31) + .cdp_i:last-child {
  display: none !important;
}
.cdp[actpage="30"] .cdp_i:nth-child(32):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="30"] .cdp_i:nth-child(33):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="30"] .cdp_i:nth-child(34):not(:last-child):not(:nth-last-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  width: 50px;
}
.cdp[actpage="30"] .cdp_i:nth-child(34):not(:last-child):not(:nth-last-child(2)):after {
  content: "...";
  color: #fff;
  font-size: 32px;
  margin-left: -6px;
}

.cdp[actpage="31"] .cdp_i:nth-child(29):not(:first-child):not(:nth-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  width: 50px;
}
.cdp[actpage="31"] .cdp_i:nth-child(29):not(:first-child):not(:nth-child(2)):after {
  content: "...";
  color: #fff;
  font-size: 32px;
  margin-left: -6px;
}
.cdp[actpage="31"] .cdp_i:nth-child(30):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="31"] .cdp_i:nth-child(31):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="31"] .cdp_i:nth-child(32) {
  background-color: #000;
  color: #fff;
  display: inline-block;
}
.cdp[actpage="31"] .cdp_i:nth-child(32) + .cdp_i:last-child {
  display: none !important;
}
.cdp[actpage="31"] .cdp_i:nth-child(33):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="31"] .cdp_i:nth-child(34):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="31"] .cdp_i:nth-child(35):not(:last-child):not(:nth-last-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  width: 50px;
}
.cdp[actpage="31"] .cdp_i:nth-child(35):not(:last-child):not(:nth-last-child(2)):after {
  content: "...";
  color: #fff;
  font-size: 32px;
  margin-left: -6px;
}

.cdp[actpage="32"] .cdp_i:nth-child(30):not(:first-child):not(:nth-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  width: 50px;
}
.cdp[actpage="32"] .cdp_i:nth-child(30):not(:first-child):not(:nth-child(2)):after {
  content: "...";
  color: #fff;
  font-size: 32px;
  margin-left: -6px;
}
.cdp[actpage="32"] .cdp_i:nth-child(31):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="32"] .cdp_i:nth-child(32):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="32"] .cdp_i:nth-child(33) {
  background-color: #000;
  color: #fff;
  display: inline-block;
}
.cdp[actpage="32"] .cdp_i:nth-child(33) + .cdp_i:last-child {
  display: none !important;
}
.cdp[actpage="32"] .cdp_i:nth-child(34):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="32"] .cdp_i:nth-child(35):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="32"] .cdp_i:nth-child(36):not(:last-child):not(:nth-last-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  width: 50px;
}
.cdp[actpage="32"] .cdp_i:nth-child(36):not(:last-child):not(:nth-last-child(2)):after {
  content: "...";
  color: #fff;
  font-size: 32px;
  margin-left: -6px;
}

.cdp[actpage="33"] .cdp_i:nth-child(31):not(:first-child):not(:nth-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  width: 50px;
}
.cdp[actpage="33"] .cdp_i:nth-child(31):not(:first-child):not(:nth-child(2)):after {
  content: "...";
  color: #fff;
  font-size: 32px;
  margin-left: -6px;
}
.cdp[actpage="33"] .cdp_i:nth-child(32):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="33"] .cdp_i:nth-child(33):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="33"] .cdp_i:nth-child(34) {
  background-color: #000;
  color: #fff;
  display: inline-block;
}
.cdp[actpage="33"] .cdp_i:nth-child(34) + .cdp_i:last-child {
  display: none !important;
}
.cdp[actpage="33"] .cdp_i:nth-child(35):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="33"] .cdp_i:nth-child(36):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="33"] .cdp_i:nth-child(37):not(:last-child):not(:nth-last-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  width: 50px;
}
.cdp[actpage="33"] .cdp_i:nth-child(37):not(:last-child):not(:nth-last-child(2)):after {
  content: "...";
  color: #fff;
  font-size: 32px;
  margin-left: -6px;
}

.cdp[actpage="34"] .cdp_i:nth-child(32):not(:first-child):not(:nth-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  width: 50px;
}
.cdp[actpage="34"] .cdp_i:nth-child(32):not(:first-child):not(:nth-child(2)):after {
  content: "...";
  color: #fff;
  font-size: 32px;
  margin-left: -6px;
}
.cdp[actpage="34"] .cdp_i:nth-child(33):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="34"] .cdp_i:nth-child(34):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="34"] .cdp_i:nth-child(35) {
  background-color: #000;
  color: #fff;
  display: inline-block;
}
.cdp[actpage="34"] .cdp_i:nth-child(35) + .cdp_i:last-child {
  display: none !important;
}
.cdp[actpage="34"] .cdp_i:nth-child(36):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="34"] .cdp_i:nth-child(37):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="34"] .cdp_i:nth-child(38):not(:last-child):not(:nth-last-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  width: 50px;
}
.cdp[actpage="34"] .cdp_i:nth-child(38):not(:last-child):not(:nth-last-child(2)):after {
  content: "...";
  color: #fff;
  font-size: 32px;
  margin-left: -6px;
}

.cdp[actpage="35"] .cdp_i:nth-child(33):not(:first-child):not(:nth-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  width: 50px;
}
.cdp[actpage="35"] .cdp_i:nth-child(33):not(:first-child):not(:nth-child(2)):after {
  content: "...";
  color: #fff;
  font-size: 32px;
  margin-left: -6px;
}
.cdp[actpage="35"] .cdp_i:nth-child(34):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="35"] .cdp_i:nth-child(35):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="35"] .cdp_i:nth-child(36) {
  background-color: #000;
  color: #fff;
  display: inline-block;
}
.cdp[actpage="35"] .cdp_i:nth-child(36) + .cdp_i:last-child {
  display: none !important;
}
.cdp[actpage="35"] .cdp_i:nth-child(37):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="35"] .cdp_i:nth-child(38):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="35"] .cdp_i:nth-child(39):not(:last-child):not(:nth-last-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  width: 50px;
}
.cdp[actpage="35"] .cdp_i:nth-child(39):not(:last-child):not(:nth-last-child(2)):after {
  content: "...";
  color: #fff;
  font-size: 32px;
  margin-left: -6px;
}

.cdp[actpage="36"] .cdp_i:nth-child(34):not(:first-child):not(:nth-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  width: 50px;
}
.cdp[actpage="36"] .cdp_i:nth-child(34):not(:first-child):not(:nth-child(2)):after {
  content: "...";
  color: #fff;
  font-size: 32px;
  margin-left: -6px;
}
.cdp[actpage="36"] .cdp_i:nth-child(35):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="36"] .cdp_i:nth-child(36):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="36"] .cdp_i:nth-child(37) {
  background-color: #000;
  color: #fff;
  display: inline-block;
}
.cdp[actpage="36"] .cdp_i:nth-child(37) + .cdp_i:last-child {
  display: none !important;
}
.cdp[actpage="36"] .cdp_i:nth-child(38):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="36"] .cdp_i:nth-child(39):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="36"] .cdp_i:nth-child(40):not(:last-child):not(:nth-last-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  width: 50px;
}
.cdp[actpage="36"] .cdp_i:nth-child(40):not(:last-child):not(:nth-last-child(2)):after {
  content: "...";
  color: #fff;
  font-size: 32px;
  margin-left: -6px;
}

.cdp[actpage="37"] .cdp_i:nth-child(35):not(:first-child):not(:nth-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  width: 50px;
}
.cdp[actpage="37"] .cdp_i:nth-child(35):not(:first-child):not(:nth-child(2)):after {
  content: "...";
  color: #fff;
  font-size: 32px;
  margin-left: -6px;
}
.cdp[actpage="37"] .cdp_i:nth-child(36):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="37"] .cdp_i:nth-child(37):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="37"] .cdp_i:nth-child(38) {
  background-color: #000;
  color: #fff;
  display: inline-block;
}
.cdp[actpage="37"] .cdp_i:nth-child(38) + .cdp_i:last-child {
  display: none !important;
}
.cdp[actpage="37"] .cdp_i:nth-child(39):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="37"] .cdp_i:nth-child(40):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="37"] .cdp_i:nth-child(41):not(:last-child):not(:nth-last-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  width: 50px;
}
.cdp[actpage="37"] .cdp_i:nth-child(41):not(:last-child):not(:nth-last-child(2)):after {
  content: "...";
  color: #fff;
  font-size: 32px;
  margin-left: -6px;
}

.cdp[actpage="38"] .cdp_i:nth-child(36):not(:first-child):not(:nth-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  width: 50px;
}
.cdp[actpage="38"] .cdp_i:nth-child(36):not(:first-child):not(:nth-child(2)):after {
  content: "...";
  color: #fff;
  font-size: 32px;
  margin-left: -6px;
}
.cdp[actpage="38"] .cdp_i:nth-child(37):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="38"] .cdp_i:nth-child(38):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="38"] .cdp_i:nth-child(39) {
  background-color: #000;
  color: #fff;
  display: inline-block;
}
.cdp[actpage="38"] .cdp_i:nth-child(39) + .cdp_i:last-child {
  display: none !important;
}
.cdp[actpage="38"] .cdp_i:nth-child(40):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="38"] .cdp_i:nth-child(41):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="38"] .cdp_i:nth-child(42):not(:last-child):not(:nth-last-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  width: 50px;
}
.cdp[actpage="38"] .cdp_i:nth-child(42):not(:last-child):not(:nth-last-child(2)):after {
  content: "...";
  color: #fff;
  font-size: 32px;
  margin-left: -6px;
}

.cdp[actpage="39"] .cdp_i:nth-child(37):not(:first-child):not(:nth-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  width: 50px;
}
.cdp[actpage="39"] .cdp_i:nth-child(37):not(:first-child):not(:nth-child(2)):after {
  content: "...";
  color: #fff;
  font-size: 32px;
  margin-left: -6px;
}
.cdp[actpage="39"] .cdp_i:nth-child(38):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="39"] .cdp_i:nth-child(39):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="39"] .cdp_i:nth-child(40) {
  background-color: #000;
  color: #fff;
  display: inline-block;
}
.cdp[actpage="39"] .cdp_i:nth-child(40) + .cdp_i:last-child {
  display: none !important;
}
.cdp[actpage="39"] .cdp_i:nth-child(41):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="39"] .cdp_i:nth-child(42):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="39"] .cdp_i:nth-child(43):not(:last-child):not(:nth-last-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  width: 50px;
}
.cdp[actpage="39"] .cdp_i:nth-child(43):not(:last-child):not(:nth-last-child(2)):after {
  content: "...";
  color: #fff;
  font-size: 32px;
  margin-left: -6px;
}

.cdp[actpage="40"] .cdp_i:nth-child(38):not(:first-child):not(:nth-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  width: 50px;
}
.cdp[actpage="40"] .cdp_i:nth-child(38):not(:first-child):not(:nth-child(2)):after {
  content: "...";
  color: #fff;
  font-size: 32px;
  margin-left: -6px;
}
.cdp[actpage="40"] .cdp_i:nth-child(39):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="40"] .cdp_i:nth-child(40):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="40"] .cdp_i:nth-child(41) {
  background-color: #000;
  color: #fff;
  display: inline-block;
}
.cdp[actpage="40"] .cdp_i:nth-child(41) + .cdp_i:last-child {
  display: none !important;
}
.cdp[actpage="40"] .cdp_i:nth-child(42):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="40"] .cdp_i:nth-child(43):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="40"] .cdp_i:nth-child(44):not(:last-child):not(:nth-last-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  width: 50px;
}
.cdp[actpage="40"] .cdp_i:nth-child(44):not(:last-child):not(:nth-last-child(2)):after {
  content: "...";
  color: #fff;
  font-size: 32px;
  margin-left: -6px;
}

.cdp[actpage="41"] .cdp_i:nth-child(39):not(:first-child):not(:nth-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  width: 50px;
}
.cdp[actpage="41"] .cdp_i:nth-child(39):not(:first-child):not(:nth-child(2)):after {
  content: "...";
  color: #fff;
  font-size: 32px;
  margin-left: -6px;
}
.cdp[actpage="41"] .cdp_i:nth-child(40):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="41"] .cdp_i:nth-child(41):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="41"] .cdp_i:nth-child(42) {
  background-color: #000;
  color: #fff;
  display: inline-block;
}
.cdp[actpage="41"] .cdp_i:nth-child(42) + .cdp_i:last-child {
  display: none !important;
}
.cdp[actpage="41"] .cdp_i:nth-child(43):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="41"] .cdp_i:nth-child(44):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="41"] .cdp_i:nth-child(45):not(:last-child):not(:nth-last-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  width: 50px;
}
.cdp[actpage="41"] .cdp_i:nth-child(45):not(:last-child):not(:nth-last-child(2)):after {
  content: "...";
  color: #fff;
  font-size: 32px;
  margin-left: -6px;
}

.cdp[actpage="42"] .cdp_i:nth-child(40):not(:first-child):not(:nth-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  width: 50px;
}
.cdp[actpage="42"] .cdp_i:nth-child(40):not(:first-child):not(:nth-child(2)):after {
  content: "...";
  color: #fff;
  font-size: 32px;
  margin-left: -6px;
}
.cdp[actpage="42"] .cdp_i:nth-child(41):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="42"] .cdp_i:nth-child(42):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="42"] .cdp_i:nth-child(43) {
  background-color: #000;
  color: #fff;
  display: inline-block;
}
.cdp[actpage="42"] .cdp_i:nth-child(43) + .cdp_i:last-child {
  display: none !important;
}
.cdp[actpage="42"] .cdp_i:nth-child(44):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="42"] .cdp_i:nth-child(45):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="42"] .cdp_i:nth-child(46):not(:last-child):not(:nth-last-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  width: 50px;
}
.cdp[actpage="42"] .cdp_i:nth-child(46):not(:last-child):not(:nth-last-child(2)):after {
  content: "...";
  color: #fff;
  font-size: 32px;
  margin-left: -6px;
}

.cdp[actpage="43"] .cdp_i:nth-child(41):not(:first-child):not(:nth-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  width: 50px;
}
.cdp[actpage="43"] .cdp_i:nth-child(41):not(:first-child):not(:nth-child(2)):after {
  content: "...";
  color: #fff;
  font-size: 32px;
  margin-left: -6px;
}
.cdp[actpage="43"] .cdp_i:nth-child(42):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="43"] .cdp_i:nth-child(43):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="43"] .cdp_i:nth-child(44) {
  background-color: #000;
  color: #fff;
  display: inline-block;
}
.cdp[actpage="43"] .cdp_i:nth-child(44) + .cdp_i:last-child {
  display: none !important;
}
.cdp[actpage="43"] .cdp_i:nth-child(45):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="43"] .cdp_i:nth-child(46):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="43"] .cdp_i:nth-child(47):not(:last-child):not(:nth-last-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  width: 50px;
}
.cdp[actpage="43"] .cdp_i:nth-child(47):not(:last-child):not(:nth-last-child(2)):after {
  content: "...";
  color: #fff;
  font-size: 32px;
  margin-left: -6px;
}

.cdp[actpage="44"] .cdp_i:nth-child(42):not(:first-child):not(:nth-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  width: 50px;
}
.cdp[actpage="44"] .cdp_i:nth-child(42):not(:first-child):not(:nth-child(2)):after {
  content: "...";
  color: #fff;
  font-size: 32px;
  margin-left: -6px;
}
.cdp[actpage="44"] .cdp_i:nth-child(43):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="44"] .cdp_i:nth-child(44):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="44"] .cdp_i:nth-child(45) {
  background-color: #000;
  color: #fff;
  display: inline-block;
}
.cdp[actpage="44"] .cdp_i:nth-child(45) + .cdp_i:last-child {
  display: none !important;
}
.cdp[actpage="44"] .cdp_i:nth-child(46):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="44"] .cdp_i:nth-child(47):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="44"] .cdp_i:nth-child(48):not(:last-child):not(:nth-last-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  width: 50px;
}
.cdp[actpage="44"] .cdp_i:nth-child(48):not(:last-child):not(:nth-last-child(2)):after {
  content: "...";
  color: #fff;
  font-size: 32px;
  margin-left: -6px;
}

.cdp[actpage="45"] .cdp_i:nth-child(43):not(:first-child):not(:nth-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  width: 50px;
}
.cdp[actpage="45"] .cdp_i:nth-child(43):not(:first-child):not(:nth-child(2)):after {
  content: "...";
  color: #fff;
  font-size: 32px;
  margin-left: -6px;
}
.cdp[actpage="45"] .cdp_i:nth-child(44):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="45"] .cdp_i:nth-child(45):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="45"] .cdp_i:nth-child(46) {
  background-color: #000;
  color: #fff;
  display: inline-block;
}
.cdp[actpage="45"] .cdp_i:nth-child(46) + .cdp_i:last-child {
  display: none !important;
}
.cdp[actpage="45"] .cdp_i:nth-child(47):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="45"] .cdp_i:nth-child(48):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="45"] .cdp_i:nth-child(49):not(:last-child):not(:nth-last-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  width: 50px;
}
.cdp[actpage="45"] .cdp_i:nth-child(49):not(:last-child):not(:nth-last-child(2)):after {
  content: "...";
  color: #fff;
  font-size: 32px;
  margin-left: -6px;
}

.cdp[actpage="46"] .cdp_i:nth-child(44):not(:first-child):not(:nth-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  width: 50px;
}
.cdp[actpage="46"] .cdp_i:nth-child(44):not(:first-child):not(:nth-child(2)):after {
  content: "...";
  color: #fff;
  font-size: 32px;
  margin-left: -6px;
}
.cdp[actpage="46"] .cdp_i:nth-child(45):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="46"] .cdp_i:nth-child(46):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="46"] .cdp_i:nth-child(47) {
  background-color: #000;
  color: #fff;
  display: inline-block;
}
.cdp[actpage="46"] .cdp_i:nth-child(47) + .cdp_i:last-child {
  display: none !important;
}
.cdp[actpage="46"] .cdp_i:nth-child(48):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="46"] .cdp_i:nth-child(49):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="46"] .cdp_i:nth-child(50):not(:last-child):not(:nth-last-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  width: 50px;
}
.cdp[actpage="46"] .cdp_i:nth-child(50):not(:last-child):not(:nth-last-child(2)):after {
  content: "...";
  color: #fff;
  font-size: 32px;
  margin-left: -6px;
}

.cdp[actpage="47"] .cdp_i:nth-child(45):not(:first-child):not(:nth-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  width: 50px;
}
.cdp[actpage="47"] .cdp_i:nth-child(45):not(:first-child):not(:nth-child(2)):after {
  content: "...";
  color: #fff;
  font-size: 32px;
  margin-left: -6px;
}
.cdp[actpage="47"] .cdp_i:nth-child(46):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="47"] .cdp_i:nth-child(47):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="47"] .cdp_i:nth-child(48) {
  background-color: #000;
  color: #fff;
  display: inline-block;
}
.cdp[actpage="47"] .cdp_i:nth-child(48) + .cdp_i:last-child {
  display: none !important;
}
.cdp[actpage="47"] .cdp_i:nth-child(49):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="47"] .cdp_i:nth-child(50):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="47"] .cdp_i:nth-child(51):not(:last-child):not(:nth-last-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  width: 50px;
}
.cdp[actpage="47"] .cdp_i:nth-child(51):not(:last-child):not(:nth-last-child(2)):after {
  content: "...";
  color: #fff;
  font-size: 32px;
  margin-left: -6px;
}

.cdp[actpage="48"] .cdp_i:nth-child(46):not(:first-child):not(:nth-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  width: 50px;
}
.cdp[actpage="48"] .cdp_i:nth-child(46):not(:first-child):not(:nth-child(2)):after {
  content: "...";
  color: #fff;
  font-size: 32px;
  margin-left: -6px;
}
.cdp[actpage="48"] .cdp_i:nth-child(47):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="48"] .cdp_i:nth-child(48):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="48"] .cdp_i:nth-child(49) {
  background-color: #000;
  color: #fff;
  display: inline-block;
}
.cdp[actpage="48"] .cdp_i:nth-child(49) + .cdp_i:last-child {
  display: none !important;
}
.cdp[actpage="48"] .cdp_i:nth-child(50):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="48"] .cdp_i:nth-child(51):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="48"] .cdp_i:nth-child(52):not(:last-child):not(:nth-last-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  width: 50px;
}
.cdp[actpage="48"] .cdp_i:nth-child(52):not(:last-child):not(:nth-last-child(2)):after {
  content: "...";
  color: #fff;
  font-size: 32px;
  margin-left: -6px;
}

.cdp[actpage="49"] .cdp_i:nth-child(47):not(:first-child):not(:nth-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  width: 50px;
}
.cdp[actpage="49"] .cdp_i:nth-child(47):not(:first-child):not(:nth-child(2)):after {
  content: "...";
  color: #fff;
  font-size: 32px;
  margin-left: -6px;
}
.cdp[actpage="49"] .cdp_i:nth-child(48):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="49"] .cdp_i:nth-child(49):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="49"] .cdp_i:nth-child(50) {
  background-color: #000;
  color: #fff;
  display: inline-block;
}
.cdp[actpage="49"] .cdp_i:nth-child(50) + .cdp_i:last-child {
  display: none !important;
}
.cdp[actpage="49"] .cdp_i:nth-child(51):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="49"] .cdp_i:nth-child(52):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="49"] .cdp_i:nth-child(53):not(:last-child):not(:nth-last-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  width: 50px;
}
.cdp[actpage="49"] .cdp_i:nth-child(53):not(:last-child):not(:nth-last-child(2)):after {
  content: "...";
  color: #fff;
  font-size: 32px;
  margin-left: -6px;
}

.cdp[actpage="50"] .cdp_i:nth-child(48):not(:first-child):not(:nth-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  width: 50px;
}
.cdp[actpage="50"] .cdp_i:nth-child(48):not(:first-child):not(:nth-child(2)):after {
  content: "...";
  color: #fff;
  font-size: 32px;
  margin-left: -6px;
}
.cdp[actpage="50"] .cdp_i:nth-child(49):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="50"] .cdp_i:nth-child(50):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="50"] .cdp_i:nth-child(51) {
  background-color: #000;
  color: #fff;
  display: inline-block;
}
.cdp[actpage="50"] .cdp_i:nth-child(51) + .cdp_i:last-child {
  display: none !important;
}
.cdp[actpage="50"] .cdp_i:nth-child(52):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="50"] .cdp_i:nth-child(53):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="50"] .cdp_i:nth-child(54):not(:last-child):not(:nth-last-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  width: 50px;
}
.cdp[actpage="50"] .cdp_i:nth-child(54):not(:last-child):not(:nth-last-child(2)):after {
  content: "...";
  color: #fff;
  font-size: 32px;
  margin-left: -6px;
}

.cdp[actpage="51"] .cdp_i:nth-child(49):not(:first-child):not(:nth-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  width: 50px;
}
.cdp[actpage="51"] .cdp_i:nth-child(49):not(:first-child):not(:nth-child(2)):after {
  content: "...";
  color: #fff;
  font-size: 32px;
  margin-left: -6px;
}
.cdp[actpage="51"] .cdp_i:nth-child(50):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="51"] .cdp_i:nth-child(51):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="51"] .cdp_i:nth-child(52) {
  background-color: #000;
  color: #fff;
  display: inline-block;
}
.cdp[actpage="51"] .cdp_i:nth-child(52) + .cdp_i:last-child {
  display: none !important;
}
.cdp[actpage="51"] .cdp_i:nth-child(53):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="51"] .cdp_i:nth-child(54):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="51"] .cdp_i:nth-child(55):not(:last-child):not(:nth-last-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  width: 50px;
}
.cdp[actpage="51"] .cdp_i:nth-child(55):not(:last-child):not(:nth-last-child(2)):after {
  content: "...";
  color: #fff;
  font-size: 32px;
  margin-left: -6px;
}

.cdp[actpage="52"] .cdp_i:nth-child(50):not(:first-child):not(:nth-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  width: 50px;
}
.cdp[actpage="52"] .cdp_i:nth-child(50):not(:first-child):not(:nth-child(2)):after {
  content: "...";
  color: #fff;
  font-size: 32px;
  margin-left: -6px;
}
.cdp[actpage="52"] .cdp_i:nth-child(51):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="52"] .cdp_i:nth-child(52):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="52"] .cdp_i:nth-child(53) {
  background-color: #000;
  color: #fff;
  display: inline-block;
}
.cdp[actpage="52"] .cdp_i:nth-child(53) + .cdp_i:last-child {
  display: none !important;
}
.cdp[actpage="52"] .cdp_i:nth-child(54):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="52"] .cdp_i:nth-child(55):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="52"] .cdp_i:nth-child(56):not(:last-child):not(:nth-last-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  width: 50px;
}
.cdp[actpage="52"] .cdp_i:nth-child(56):not(:last-child):not(:nth-last-child(2)):after {
  content: "...";
  color: #fff;
  font-size: 32px;
  margin-left: -6px;
}

.cdp[actpage="53"] .cdp_i:nth-child(51):not(:first-child):not(:nth-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  width: 50px;
}
.cdp[actpage="53"] .cdp_i:nth-child(51):not(:first-child):not(:nth-child(2)):after {
  content: "...";
  color: #fff;
  font-size: 32px;
  margin-left: -6px;
}
.cdp[actpage="53"] .cdp_i:nth-child(52):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="53"] .cdp_i:nth-child(53):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="53"] .cdp_i:nth-child(54) {
  background-color: #000;
  color: #fff;
  display: inline-block;
}
.cdp[actpage="53"] .cdp_i:nth-child(54) + .cdp_i:last-child {
  display: none !important;
}
.cdp[actpage="53"] .cdp_i:nth-child(55):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="53"] .cdp_i:nth-child(56):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="53"] .cdp_i:nth-child(57):not(:last-child):not(:nth-last-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  width: 50px;
}
.cdp[actpage="53"] .cdp_i:nth-child(57):not(:last-child):not(:nth-last-child(2)):after {
  content: "...";
  color: #fff;
  font-size: 32px;
  margin-left: -6px;
}

.cdp[actpage="54"] .cdp_i:nth-child(52):not(:first-child):not(:nth-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  width: 50px;
}
.cdp[actpage="54"] .cdp_i:nth-child(52):not(:first-child):not(:nth-child(2)):after {
  content: "...";
  color: #fff;
  font-size: 32px;
  margin-left: -6px;
}
.cdp[actpage="54"] .cdp_i:nth-child(53):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="54"] .cdp_i:nth-child(54):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="54"] .cdp_i:nth-child(55) {
  background-color: #000;
  color: #fff;
  display: inline-block;
}
.cdp[actpage="54"] .cdp_i:nth-child(55) + .cdp_i:last-child {
  display: none !important;
}
.cdp[actpage="54"] .cdp_i:nth-child(56):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="54"] .cdp_i:nth-child(57):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="54"] .cdp_i:nth-child(58):not(:last-child):not(:nth-last-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  width: 50px;
}
.cdp[actpage="54"] .cdp_i:nth-child(58):not(:last-child):not(:nth-last-child(2)):after {
  content: "...";
  color: #fff;
  font-size: 32px;
  margin-left: -6px;
}

.cdp[actpage="55"] .cdp_i:nth-child(53):not(:first-child):not(:nth-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  width: 50px;
}
.cdp[actpage="55"] .cdp_i:nth-child(53):not(:first-child):not(:nth-child(2)):after {
  content: "...";
  color: #fff;
  font-size: 32px;
  margin-left: -6px;
}
.cdp[actpage="55"] .cdp_i:nth-child(54):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="55"] .cdp_i:nth-child(55):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="55"] .cdp_i:nth-child(56) {
  background-color: #000;
  color: #fff;
  display: inline-block;
}
.cdp[actpage="55"] .cdp_i:nth-child(56) + .cdp_i:last-child {
  display: none !important;
}
.cdp[actpage="55"] .cdp_i:nth-child(57):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="55"] .cdp_i:nth-child(58):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="55"] .cdp_i:nth-child(59):not(:last-child):not(:nth-last-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  width: 50px;
}
.cdp[actpage="55"] .cdp_i:nth-child(59):not(:last-child):not(:nth-last-child(2)):after {
  content: "...";
  color: #fff;
  font-size: 32px;
  margin-left: -6px;
}

.cdp[actpage="56"] .cdp_i:nth-child(54):not(:first-child):not(:nth-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  width: 50px;
}
.cdp[actpage="56"] .cdp_i:nth-child(54):not(:first-child):not(:nth-child(2)):after {
  content: "...";
  color: #fff;
  font-size: 32px;
  margin-left: -6px;
}
.cdp[actpage="56"] .cdp_i:nth-child(55):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="56"] .cdp_i:nth-child(56):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="56"] .cdp_i:nth-child(57) {
  background-color: #000;
  color: #fff;
  display: inline-block;
}
.cdp[actpage="56"] .cdp_i:nth-child(57) + .cdp_i:last-child {
  display: none !important;
}
.cdp[actpage="56"] .cdp_i:nth-child(58):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="56"] .cdp_i:nth-child(59):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="56"] .cdp_i:nth-child(60):not(:last-child):not(:nth-last-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  width: 50px;
}
.cdp[actpage="56"] .cdp_i:nth-child(60):not(:last-child):not(:nth-last-child(2)):after {
  content: "...";
  color: #fff;
  font-size: 32px;
  margin-left: -6px;
}

.cdp[actpage="57"] .cdp_i:nth-child(55):not(:first-child):not(:nth-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  width: 50px;
}
.cdp[actpage="57"] .cdp_i:nth-child(55):not(:first-child):not(:nth-child(2)):after {
  content: "...";
  color: #fff;
  font-size: 32px;
  margin-left: -6px;
}
.cdp[actpage="57"] .cdp_i:nth-child(56):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="57"] .cdp_i:nth-child(57):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="57"] .cdp_i:nth-child(58) {
  background-color: #000;
  color: #fff;
  display: inline-block;
}
.cdp[actpage="57"] .cdp_i:nth-child(58) + .cdp_i:last-child {
  display: none !important;
}
.cdp[actpage="57"] .cdp_i:nth-child(59):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="57"] .cdp_i:nth-child(60):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="57"] .cdp_i:nth-child(61):not(:last-child):not(:nth-last-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  width: 50px;
}
.cdp[actpage="57"] .cdp_i:nth-child(61):not(:last-child):not(:nth-last-child(2)):after {
  content: "...";
  color: #fff;
  font-size: 32px;
  margin-left: -6px;
}

.cdp[actpage="58"] .cdp_i:nth-child(56):not(:first-child):not(:nth-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  width: 50px;
}
.cdp[actpage="58"] .cdp_i:nth-child(56):not(:first-child):not(:nth-child(2)):after {
  content: "...";
  color: #fff;
  font-size: 32px;
  margin-left: -6px;
}
.cdp[actpage="58"] .cdp_i:nth-child(57):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="58"] .cdp_i:nth-child(58):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="58"] .cdp_i:nth-child(59) {
  background-color: #000;
  color: #fff;
  display: inline-block;
}
.cdp[actpage="58"] .cdp_i:nth-child(59) + .cdp_i:last-child {
  display: none !important;
}
.cdp[actpage="58"] .cdp_i:nth-child(60):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="58"] .cdp_i:nth-child(61):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="58"] .cdp_i:nth-child(62):not(:last-child):not(:nth-last-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  width: 50px;
}
.cdp[actpage="58"] .cdp_i:nth-child(62):not(:last-child):not(:nth-last-child(2)):after {
  content: "...";
  color: #fff;
  font-size: 32px;
  margin-left: -6px;
}

.cdp[actpage="59"] .cdp_i:nth-child(57):not(:first-child):not(:nth-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  width: 50px;
}
.cdp[actpage="59"] .cdp_i:nth-child(57):not(:first-child):not(:nth-child(2)):after {
  content: "...";
  color: #fff;
  font-size: 32px;
  margin-left: -6px;
}
.cdp[actpage="59"] .cdp_i:nth-child(58):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="59"] .cdp_i:nth-child(59):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="59"] .cdp_i:nth-child(60) {
  background-color: #000;
  color: #fff;
  display: inline-block;
}
.cdp[actpage="59"] .cdp_i:nth-child(60) + .cdp_i:last-child {
  display: none !important;
}
.cdp[actpage="59"] .cdp_i:nth-child(61):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="59"] .cdp_i:nth-child(62):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="59"] .cdp_i:nth-child(63):not(:last-child):not(:nth-last-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  width: 50px;
}
.cdp[actpage="59"] .cdp_i:nth-child(63):not(:last-child):not(:nth-last-child(2)):after {
  content: "...";
  color: #fff;
  font-size: 32px;
  margin-left: -6px;
}

.cdp[actpage="60"] .cdp_i:nth-child(58):not(:first-child):not(:nth-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  width: 50px;
}
.cdp[actpage="60"] .cdp_i:nth-child(58):not(:first-child):not(:nth-child(2)):after {
  content: "...";
  color: #fff;
  font-size: 32px;
  margin-left: -6px;
}
.cdp[actpage="60"] .cdp_i:nth-child(59):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="60"] .cdp_i:nth-child(60):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="60"] .cdp_i:nth-child(61) {
  background-color: #000;
  color: #fff;
  display: inline-block;
}
.cdp[actpage="60"] .cdp_i:nth-child(61) + .cdp_i:last-child {
  display: none !important;
}
.cdp[actpage="60"] .cdp_i:nth-child(62):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="60"] .cdp_i:nth-child(63):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="60"] .cdp_i:nth-child(64):not(:last-child):not(:nth-last-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  width: 50px;
}
.cdp[actpage="60"] .cdp_i:nth-child(64):not(:last-child):not(:nth-last-child(2)):after {
  content: "...";
  color: #fff;
  font-size: 32px;
  margin-left: -6px;
}

.cdp[actpage="61"] .cdp_i:nth-child(59):not(:first-child):not(:nth-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  width: 50px;
}
.cdp[actpage="61"] .cdp_i:nth-child(59):not(:first-child):not(:nth-child(2)):after {
  content: "...";
  color: #fff;
  font-size: 32px;
  margin-left: -6px;
}
.cdp[actpage="61"] .cdp_i:nth-child(60):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="61"] .cdp_i:nth-child(61):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="61"] .cdp_i:nth-child(62) {
  background-color: #000;
  color: #fff;
  display: inline-block;
}
.cdp[actpage="61"] .cdp_i:nth-child(62) + .cdp_i:last-child {
  display: none !important;
}
.cdp[actpage="61"] .cdp_i:nth-child(63):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="61"] .cdp_i:nth-child(64):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="61"] .cdp_i:nth-child(65):not(:last-child):not(:nth-last-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  width: 50px;
}
.cdp[actpage="61"] .cdp_i:nth-child(65):not(:last-child):not(:nth-last-child(2)):after {
  content: "...";
  color: #fff;
  font-size: 32px;
  margin-left: -6px;
}

.cdp[actpage="62"] .cdp_i:nth-child(60):not(:first-child):not(:nth-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  width: 50px;
}
.cdp[actpage="62"] .cdp_i:nth-child(60):not(:first-child):not(:nth-child(2)):after {
  content: "...";
  color: #fff;
  font-size: 32px;
  margin-left: -6px;
}
.cdp[actpage="62"] .cdp_i:nth-child(61):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="62"] .cdp_i:nth-child(62):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="62"] .cdp_i:nth-child(63) {
  background-color: #000;
  color: #fff;
  display: inline-block;
}
.cdp[actpage="62"] .cdp_i:nth-child(63) + .cdp_i:last-child {
  display: none !important;
}
.cdp[actpage="62"] .cdp_i:nth-child(64):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="62"] .cdp_i:nth-child(65):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="62"] .cdp_i:nth-child(66):not(:last-child):not(:nth-last-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  width: 50px;
}
.cdp[actpage="62"] .cdp_i:nth-child(66):not(:last-child):not(:nth-last-child(2)):after {
  content: "...";
  color: #fff;
  font-size: 32px;
  margin-left: -6px;
}

.cdp[actpage="63"] .cdp_i:nth-child(61):not(:first-child):not(:nth-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  width: 50px;
}
.cdp[actpage="63"] .cdp_i:nth-child(61):not(:first-child):not(:nth-child(2)):after {
  content: "...";
  color: #fff;
  font-size: 32px;
  margin-left: -6px;
}
.cdp[actpage="63"] .cdp_i:nth-child(62):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="63"] .cdp_i:nth-child(63):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="63"] .cdp_i:nth-child(64) {
  background-color: #000;
  color: #fff;
  display: inline-block;
}
.cdp[actpage="63"] .cdp_i:nth-child(64) + .cdp_i:last-child {
  display: none !important;
}
.cdp[actpage="63"] .cdp_i:nth-child(65):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="63"] .cdp_i:nth-child(66):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="63"] .cdp_i:nth-child(67):not(:last-child):not(:nth-last-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  width: 50px;
}
.cdp[actpage="63"] .cdp_i:nth-child(67):not(:last-child):not(:nth-last-child(2)):after {
  content: "...";
  color: #fff;
  font-size: 32px;
  margin-left: -6px;
}

.cdp[actpage="64"] .cdp_i:nth-child(62):not(:first-child):not(:nth-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  width: 50px;
}
.cdp[actpage="64"] .cdp_i:nth-child(62):not(:first-child):not(:nth-child(2)):after {
  content: "...";
  color: #fff;
  font-size: 32px;
  margin-left: -6px;
}
.cdp[actpage="64"] .cdp_i:nth-child(63):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="64"] .cdp_i:nth-child(64):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="64"] .cdp_i:nth-child(65) {
  background-color: #000;
  color: #fff;
  display: inline-block;
}
.cdp[actpage="64"] .cdp_i:nth-child(65) + .cdp_i:last-child {
  display: none !important;
}
.cdp[actpage="64"] .cdp_i:nth-child(66):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="64"] .cdp_i:nth-child(67):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="64"] .cdp_i:nth-child(68):not(:last-child):not(:nth-last-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  width: 50px;
}
.cdp[actpage="64"] .cdp_i:nth-child(68):not(:last-child):not(:nth-last-child(2)):after {
  content: "...";
  color: #fff;
  font-size: 32px;
  margin-left: -6px;
}

.cdp[actpage="65"] .cdp_i:nth-child(63):not(:first-child):not(:nth-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  width: 50px;
}
.cdp[actpage="65"] .cdp_i:nth-child(63):not(:first-child):not(:nth-child(2)):after {
  content: "...";
  color: #fff;
  font-size: 32px;
  margin-left: -6px;
}
.cdp[actpage="65"] .cdp_i:nth-child(64):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="65"] .cdp_i:nth-child(65):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="65"] .cdp_i:nth-child(66) {
  background-color: #000;
  color: #fff;
  display: inline-block;
}
.cdp[actpage="65"] .cdp_i:nth-child(66) + .cdp_i:last-child {
  display: none !important;
}
.cdp[actpage="65"] .cdp_i:nth-child(67):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="65"] .cdp_i:nth-child(68):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="65"] .cdp_i:nth-child(69):not(:last-child):not(:nth-last-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  width: 50px;
}
.cdp[actpage="65"] .cdp_i:nth-child(69):not(:last-child):not(:nth-last-child(2)):after {
  content: "...";
  color: #fff;
  font-size: 32px;
  margin-left: -6px;
}

.cdp[actpage="66"] .cdp_i:nth-child(64):not(:first-child):not(:nth-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  width: 50px;
}
.cdp[actpage="66"] .cdp_i:nth-child(64):not(:first-child):not(:nth-child(2)):after {
  content: "...";
  color: #fff;
  font-size: 32px;
  margin-left: -6px;
}
.cdp[actpage="66"] .cdp_i:nth-child(65):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="66"] .cdp_i:nth-child(66):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="66"] .cdp_i:nth-child(67) {
  background-color: #000;
  color: #fff;
  display: inline-block;
}
.cdp[actpage="66"] .cdp_i:nth-child(67) + .cdp_i:last-child {
  display: none !important;
}
.cdp[actpage="66"] .cdp_i:nth-child(68):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="66"] .cdp_i:nth-child(69):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="66"] .cdp_i:nth-child(70):not(:last-child):not(:nth-last-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  width: 50px;
}
.cdp[actpage="66"] .cdp_i:nth-child(70):not(:last-child):not(:nth-last-child(2)):after {
  content: "...";
  color: #fff;
  font-size: 32px;
  margin-left: -6px;
}

.cdp[actpage="67"] .cdp_i:nth-child(65):not(:first-child):not(:nth-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  width: 50px;
}
.cdp[actpage="67"] .cdp_i:nth-child(65):not(:first-child):not(:nth-child(2)):after {
  content: "...";
  color: #fff;
  font-size: 32px;
  margin-left: -6px;
}
.cdp[actpage="67"] .cdp_i:nth-child(66):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="67"] .cdp_i:nth-child(67):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="67"] .cdp_i:nth-child(68) {
  background-color: #000;
  color: #fff;
  display: inline-block;
}
.cdp[actpage="67"] .cdp_i:nth-child(68) + .cdp_i:last-child {
  display: none !important;
}
.cdp[actpage="67"] .cdp_i:nth-child(69):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="67"] .cdp_i:nth-child(70):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="67"] .cdp_i:nth-child(71):not(:last-child):not(:nth-last-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  width: 50px;
}
.cdp[actpage="67"] .cdp_i:nth-child(71):not(:last-child):not(:nth-last-child(2)):after {
  content: "...";
  color: #fff;
  font-size: 32px;
  margin-left: -6px;
}

.cdp[actpage="68"] .cdp_i:nth-child(66):not(:first-child):not(:nth-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  width: 50px;
}
.cdp[actpage="68"] .cdp_i:nth-child(66):not(:first-child):not(:nth-child(2)):after {
  content: "...";
  color: #fff;
  font-size: 32px;
  margin-left: -6px;
}
.cdp[actpage="68"] .cdp_i:nth-child(67):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="68"] .cdp_i:nth-child(68):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="68"] .cdp_i:nth-child(69) {
  background-color: #000;
  color: #fff;
  display: inline-block;
}
.cdp[actpage="68"] .cdp_i:nth-child(69) + .cdp_i:last-child {
  display: none !important;
}
.cdp[actpage="68"] .cdp_i:nth-child(70):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="68"] .cdp_i:nth-child(71):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="68"] .cdp_i:nth-child(72):not(:last-child):not(:nth-last-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  width: 50px;
}
.cdp[actpage="68"] .cdp_i:nth-child(72):not(:last-child):not(:nth-last-child(2)):after {
  content: "...";
  color: #fff;
  font-size: 32px;
  margin-left: -6px;
}

.cdp[actpage="69"] .cdp_i:nth-child(67):not(:first-child):not(:nth-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  width: 50px;
}
.cdp[actpage="69"] .cdp_i:nth-child(67):not(:first-child):not(:nth-child(2)):after {
  content: "...";
  color: #fff;
  font-size: 32px;
  margin-left: -6px;
}
.cdp[actpage="69"] .cdp_i:nth-child(68):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="69"] .cdp_i:nth-child(69):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="69"] .cdp_i:nth-child(70) {
  background-color: #000;
  color: #fff;
  display: inline-block;
}
.cdp[actpage="69"] .cdp_i:nth-child(70) + .cdp_i:last-child {
  display: none !important;
}
.cdp[actpage="69"] .cdp_i:nth-child(71):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="69"] .cdp_i:nth-child(72):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="69"] .cdp_i:nth-child(73):not(:last-child):not(:nth-last-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  width: 50px;
}
.cdp[actpage="69"] .cdp_i:nth-child(73):not(:last-child):not(:nth-last-child(2)):after {
  content: "...";
  color: #fff;
  font-size: 32px;
  margin-left: -6px;
}

.cdp[actpage="70"] .cdp_i:nth-child(68):not(:first-child):not(:nth-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  width: 50px;
}
.cdp[actpage="70"] .cdp_i:nth-child(68):not(:first-child):not(:nth-child(2)):after {
  content: "...";
  color: #fff;
  font-size: 32px;
  margin-left: -6px;
}
.cdp[actpage="70"] .cdp_i:nth-child(69):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="70"] .cdp_i:nth-child(70):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="70"] .cdp_i:nth-child(71) {
  background-color: #000;
  color: #fff;
  display: inline-block;
}
.cdp[actpage="70"] .cdp_i:nth-child(71) + .cdp_i:last-child {
  display: none !important;
}
.cdp[actpage="70"] .cdp_i:nth-child(72):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="70"] .cdp_i:nth-child(73):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="70"] .cdp_i:nth-child(74):not(:last-child):not(:nth-last-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  width: 50px;
}
.cdp[actpage="70"] .cdp_i:nth-child(74):not(:last-child):not(:nth-last-child(2)):after {
  content: "...";
  color: #fff;
  font-size: 32px;
  margin-left: -6px;
}

.cdp[actpage="71"] .cdp_i:nth-child(69):not(:first-child):not(:nth-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  width: 50px;
}
.cdp[actpage="71"] .cdp_i:nth-child(69):not(:first-child):not(:nth-child(2)):after {
  content: "...";
  color: #fff;
  font-size: 32px;
  margin-left: -6px;
}
.cdp[actpage="71"] .cdp_i:nth-child(70):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="71"] .cdp_i:nth-child(71):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="71"] .cdp_i:nth-child(72) {
  background-color: #000;
  color: #fff;
  display: inline-block;
}
.cdp[actpage="71"] .cdp_i:nth-child(72) + .cdp_i:last-child {
  display: none !important;
}
.cdp[actpage="71"] .cdp_i:nth-child(73):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="71"] .cdp_i:nth-child(74):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="71"] .cdp_i:nth-child(75):not(:last-child):not(:nth-last-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  width: 50px;
}
.cdp[actpage="71"] .cdp_i:nth-child(75):not(:last-child):not(:nth-last-child(2)):after {
  content: "...";
  color: #fff;
  font-size: 32px;
  margin-left: -6px;
}

.cdp[actpage="72"] .cdp_i:nth-child(70):not(:first-child):not(:nth-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  width: 50px;
}
.cdp[actpage="72"] .cdp_i:nth-child(70):not(:first-child):not(:nth-child(2)):after {
  content: "...";
  color: #fff;
  font-size: 32px;
  margin-left: -6px;
}
.cdp[actpage="72"] .cdp_i:nth-child(71):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="72"] .cdp_i:nth-child(72):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="72"] .cdp_i:nth-child(73) {
  background-color: #000;
  color: #fff;
  display: inline-block;
}
.cdp[actpage="72"] .cdp_i:nth-child(73) + .cdp_i:last-child {
  display: none !important;
}
.cdp[actpage="72"] .cdp_i:nth-child(74):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="72"] .cdp_i:nth-child(75):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="72"] .cdp_i:nth-child(76):not(:last-child):not(:nth-last-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  width: 50px;
}
.cdp[actpage="72"] .cdp_i:nth-child(76):not(:last-child):not(:nth-last-child(2)):after {
  content: "...";
  color: #fff;
  font-size: 32px;
  margin-left: -6px;
}

.cdp[actpage="73"] .cdp_i:nth-child(71):not(:first-child):not(:nth-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  width: 50px;
}
.cdp[actpage="73"] .cdp_i:nth-child(71):not(:first-child):not(:nth-child(2)):after {
  content: "...";
  color: #fff;
  font-size: 32px;
  margin-left: -6px;
}
.cdp[actpage="73"] .cdp_i:nth-child(72):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="73"] .cdp_i:nth-child(73):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="73"] .cdp_i:nth-child(74) {
  background-color: #000;
  color: #fff;
  display: inline-block;
}
.cdp[actpage="73"] .cdp_i:nth-child(74) + .cdp_i:last-child {
  display: none !important;
}
.cdp[actpage="73"] .cdp_i:nth-child(75):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="73"] .cdp_i:nth-child(76):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="73"] .cdp_i:nth-child(77):not(:last-child):not(:nth-last-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  width: 50px;
}
.cdp[actpage="73"] .cdp_i:nth-child(77):not(:last-child):not(:nth-last-child(2)):after {
  content: "...";
  color: #fff;
  font-size: 32px;
  margin-left: -6px;
}

.cdp[actpage="74"] .cdp_i:nth-child(72):not(:first-child):not(:nth-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  width: 50px;
}
.cdp[actpage="74"] .cdp_i:nth-child(72):not(:first-child):not(:nth-child(2)):after {
  content: "...";
  color: #fff;
  font-size: 32px;
  margin-left: -6px;
}
.cdp[actpage="74"] .cdp_i:nth-child(73):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="74"] .cdp_i:nth-child(74):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="74"] .cdp_i:nth-child(75) {
  background-color: #000;
  color: #fff;
  display: inline-block;
}
.cdp[actpage="74"] .cdp_i:nth-child(75) + .cdp_i:last-child {
  display: none !important;
}
.cdp[actpage="74"] .cdp_i:nth-child(76):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="74"] .cdp_i:nth-child(77):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="74"] .cdp_i:nth-child(78):not(:last-child):not(:nth-last-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  width: 50px;
}
.cdp[actpage="74"] .cdp_i:nth-child(78):not(:last-child):not(:nth-last-child(2)):after {
  content: "...";
  color: #fff;
  font-size: 32px;
  margin-left: -6px;
}

.cdp[actpage="75"] .cdp_i:nth-child(73):not(:first-child):not(:nth-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  width: 50px;
}
.cdp[actpage="75"] .cdp_i:nth-child(73):not(:first-child):not(:nth-child(2)):after {
  content: "...";
  color: #fff;
  font-size: 32px;
  margin-left: -6px;
}
.cdp[actpage="75"] .cdp_i:nth-child(74):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="75"] .cdp_i:nth-child(75):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="75"] .cdp_i:nth-child(76) {
  background-color: #000;
  color: #fff;
  display: inline-block;
}
.cdp[actpage="75"] .cdp_i:nth-child(76) + .cdp_i:last-child {
  display: none !important;
}
.cdp[actpage="75"] .cdp_i:nth-child(77):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="75"] .cdp_i:nth-child(78):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="75"] .cdp_i:nth-child(79):not(:last-child):not(:nth-last-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  width: 50px;
}
.cdp[actpage="75"] .cdp_i:nth-child(79):not(:last-child):not(:nth-last-child(2)):after {
  content: "...";
  color: #fff;
  font-size: 32px;
  margin-left: -6px;
}

.cdp[actpage="76"] .cdp_i:nth-child(74):not(:first-child):not(:nth-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  width: 50px;
}
.cdp[actpage="76"] .cdp_i:nth-child(74):not(:first-child):not(:nth-child(2)):after {
  content: "...";
  color: #fff;
  font-size: 32px;
  margin-left: -6px;
}
.cdp[actpage="76"] .cdp_i:nth-child(75):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="76"] .cdp_i:nth-child(76):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="76"] .cdp_i:nth-child(77) {
  background-color: #000;
  color: #fff;
  display: inline-block;
}
.cdp[actpage="76"] .cdp_i:nth-child(77) + .cdp_i:last-child {
  display: none !important;
}
.cdp[actpage="76"] .cdp_i:nth-child(78):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="76"] .cdp_i:nth-child(79):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="76"] .cdp_i:nth-child(80):not(:last-child):not(:nth-last-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  width: 50px;
}
.cdp[actpage="76"] .cdp_i:nth-child(80):not(:last-child):not(:nth-last-child(2)):after {
  content: "...";
  color: #fff;
  font-size: 32px;
  margin-left: -6px;
}

.cdp[actpage="77"] .cdp_i:nth-child(75):not(:first-child):not(:nth-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  width: 50px;
}
.cdp[actpage="77"] .cdp_i:nth-child(75):not(:first-child):not(:nth-child(2)):after {
  content: "...";
  color: #fff;
  font-size: 32px;
  margin-left: -6px;
}
.cdp[actpage="77"] .cdp_i:nth-child(76):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="77"] .cdp_i:nth-child(77):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="77"] .cdp_i:nth-child(78) {
  background-color: #000;
  color: #fff;
  display: inline-block;
}
.cdp[actpage="77"] .cdp_i:nth-child(78) + .cdp_i:last-child {
  display: none !important;
}
.cdp[actpage="77"] .cdp_i:nth-child(79):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="77"] .cdp_i:nth-child(80):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="77"] .cdp_i:nth-child(81):not(:last-child):not(:nth-last-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  width: 50px;
}
.cdp[actpage="77"] .cdp_i:nth-child(81):not(:last-child):not(:nth-last-child(2)):after {
  content: "...";
  color: #fff;
  font-size: 32px;
  margin-left: -6px;
}

.cdp[actpage="78"] .cdp_i:nth-child(76):not(:first-child):not(:nth-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  width: 50px;
}
.cdp[actpage="78"] .cdp_i:nth-child(76):not(:first-child):not(:nth-child(2)):after {
  content: "...";
  color: #fff;
  font-size: 32px;
  margin-left: -6px;
}
.cdp[actpage="78"] .cdp_i:nth-child(77):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="78"] .cdp_i:nth-child(78):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="78"] .cdp_i:nth-child(79) {
  background-color: #000;
  color: #fff;
  display: inline-block;
}
.cdp[actpage="78"] .cdp_i:nth-child(79) + .cdp_i:last-child {
  display: none !important;
}
.cdp[actpage="78"] .cdp_i:nth-child(80):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="78"] .cdp_i:nth-child(81):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="78"] .cdp_i:nth-child(82):not(:last-child):not(:nth-last-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  width: 50px;
}
.cdp[actpage="78"] .cdp_i:nth-child(82):not(:last-child):not(:nth-last-child(2)):after {
  content: "...";
  color: #fff;
  font-size: 32px;
  margin-left: -6px;
}

.cdp[actpage="79"] .cdp_i:nth-child(77):not(:first-child):not(:nth-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  width: 50px;
}
.cdp[actpage="79"] .cdp_i:nth-child(77):not(:first-child):not(:nth-child(2)):after {
  content: "...";
  color: #fff;
  font-size: 32px;
  margin-left: -6px;
}
.cdp[actpage="79"] .cdp_i:nth-child(78):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="79"] .cdp_i:nth-child(79):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="79"] .cdp_i:nth-child(80) {
  background-color: #000;
  color: #fff;
  display: inline-block;
}
.cdp[actpage="79"] .cdp_i:nth-child(80) + .cdp_i:last-child {
  display: none !important;
}
.cdp[actpage="79"] .cdp_i:nth-child(81):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="79"] .cdp_i:nth-child(82):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="79"] .cdp_i:nth-child(83):not(:last-child):not(:nth-last-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  width: 50px;
}
.cdp[actpage="79"] .cdp_i:nth-child(83):not(:last-child):not(:nth-last-child(2)):after {
  content: "...";
  color: #fff;
  font-size: 32px;
  margin-left: -6px;
}

.cdp[actpage="80"] .cdp_i:nth-child(78):not(:first-child):not(:nth-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  width: 50px;
}
.cdp[actpage="80"] .cdp_i:nth-child(78):not(:first-child):not(:nth-child(2)):after {
  content: "...";
  color: #fff;
  font-size: 32px;
  margin-left: -6px;
}
.cdp[actpage="80"] .cdp_i:nth-child(79):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="80"] .cdp_i:nth-child(80):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="80"] .cdp_i:nth-child(81) {
  background-color: #000;
  color: #fff;
  display: inline-block;
}
.cdp[actpage="80"] .cdp_i:nth-child(81) + .cdp_i:last-child {
  display: none !important;
}
.cdp[actpage="80"] .cdp_i:nth-child(82):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="80"] .cdp_i:nth-child(83):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="80"] .cdp_i:nth-child(84):not(:last-child):not(:nth-last-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  width: 50px;
}
.cdp[actpage="80"] .cdp_i:nth-child(84):not(:last-child):not(:nth-last-child(2)):after {
  content: "...";
  color: #fff;
  font-size: 32px;
  margin-left: -6px;
}





@media screen and (min-width: 1920px) and (max-width: 2560px) {
    #mainMenu nav > ul > li {
    padding: 0 30px;
    margin: 0;
}

}





@media( max-width: 1366px){
    #header .container-fluid{ padding-right:20px; }
    .slogan{ font-size:14px; margin-top: 22px;}
}
@media( max-width: 1112px){
    .slogan{ display:none; }
    #mainMenu nav > ul > li{ padding:0 8px; }
    .slide-captions h1{ font-size:2em; }
    .content-about, .about-box .cright{ min-height: 540px; }
}
@media( max-width: 1024px){
    .slogan{ display:inline-block;left: 120px; }
    .header-extras{ right: -58%;}
    #mainMenu:not(.menu-overlay){ padding: 0 20px; }
    #mainMenu:not(.menu-overlay) nav > ul > li > a{ font-size:18px; }
    .product .product-detail{ text-align:left; }
}
@media( max-width: 991px){
    .header-extras{ right: -44%;}
    .slide-captions h1{ font-size:1.5em; }
    .about-box .cleft, .about-box .cright{ width: 100%;}
    .content-about, .about-box .cright{ min-height:initial; }
    .content-about{ border-radius: 40px 40px 0 0; }
    .about-box .cright{ border-radius: 0 0 40px 40px; }
    .content-about h3{ margin-bottom:15px; }
    .sect-partner .headbar,
    .sect-partner .cright{
        width: 100%;
        flex: none;
        max-width: initial; 
    }
    .headbar h3{ width: 100%; padding-right: 60px; }
    .headbar .btn-right{
        position: absolute;
        right: 20px;
        top: 8px;
    }
    .sect-partner .cright{ margin-top:0; }
    .sect-product .product-item, .sect-topic .blog-item{ width: 50%; flex: none; max-width: initial; }
}
@media( max-width: 480px){
    .sect-product .product-item, .sect-topic .blog-item{ width: 100%; flex: none; max-width: initial; }
    .slogan{ display:none; }
    .header-extras{ right: initial; left: 121px; }
    .slide-captions h4{ font-size:12px; }
    .slide-captions h1{ font-size:14px; margin-bottom: 10px !important; }
    .headbar h3{
        padding-left: 0;
        padding-top: 30px;
    }
    .headbar h3::before{ top:0; }
    .headbar .btn-right{ top:0; }
    .ft-link-2 .widget{ text-align:left; margin-top: 40px;}
    .ft-link-2 .social-icons, footer .ft-bttm-link{ float:left; }
    footer .footer-bottom ul.list-menu li{ margin-left:0; margin-right:10px; }

}

/* #header .header-inner #logo a > img, #header #header-wrap #logo a > img{
  height: 100px!important;
  width: 100px;
} */

.btn-box .txt{
  font-size: 14px!important;
}
#header .btn-style-nine{
  padding: 3px 25px!important;
}
#mainMenu nav > ul > li{
  padding: 0 10px;
}
#mainMenu nav > ul > li > a{
  font-size: 16px;
  margin: 0!important;
}
@media (max-width:1599px) {
  #mainMenu nav > ul > li{
    padding: 0 6px;
  }
}
@media (max-width:1439px) {
  #header .header-extras{
    margin-top:0!important;
    height: auto!important;
    line-height: 1.2!important;
    top: 50%;
    position: absolute;
    right: 100px;
    transform: translateY(-50%);
  }
  #header .btn-box{
    top: 0;
  }
  #header .header-inner #logo a > img, #header #header-wrap #logo a > img{
    height: 70px!important;
  }
}

@media (max-width:1199px) {
  #header .header-extras{
    right: 20px;
  }
  #mainMenu nav > ul > li > a{
    font-size: 14px;
  }
  .blog-sec h2{
    font-size: 32px;
  }
}
@media (max-width:1024px) {
  #header .header-extras{
    right: 45px;
  }
}
@media (max-width:1023px) {
  #header .header-extras{
    right: initial;
    left: 15px;
  }
  .mainMenu-open #header .header-inner, .mainMenu-open #header #header-wrap{
    box-shadow: none;
  }
}
@media (min-width:1024px) {
  .about-img img{
    max-width: 140%;
  }
  #header .header-inner #logo, #header #header-wrap #logo{
    float: none;
    position: absolute;
    width: 80px;
    height: 80px;
  }
  #header .header-inner #logo img, #header #header-wrap #logo img{
    width: 80px;
    height: 80px;
    object-fit: contain;
  
  }
}
@media (max-width:1023px) {
  #header .header-inner #logo a > img, #header #header-wrap #logo a > img{
    height: 89px!important;
    max-height: initial!important;
    left: 50%;
    transform: translateX(-50%);
  }
  #topbar .container-fluid{
    padding: 0 10px;
  }
  section{ background: transparent; padding: 30px 0!important;}
}
@media (max-width:525px) {
  #header .btn-style-nine .txt{
    font-size: 12px!important;
  }
}
img{
  max-width: 100%;
  height: auto;
}

.w-\[120px\]{
  width:80px!important;
  flex: 0 0 80px;
}

.pl-\[90px\]{
  padding-left: 80px;
}
.max-w-200px{
  max-width: 250px;
}
.max-w-250px{
  max-width: 300px;
}
.object-cover{
  object-fit: cover;
}
.object-contain{
  object-fit: contain;
}
.object-center{
  object-position: center;
}
.h-50px{
  height: 50px;
}


@media(max-width:991px){
    ul.list-col-4 li {
      width: 32.5%;
  }
  .sys-breadcrumb {
    padding: 20px 5px;
}
.news-body h2,.breadcrumb-inner h2,.about-body h2,.tiffa-mark-reg h3,.tiffa-mark-con h3{
  font-size: 26px;
  line-height: 1.25;
}
ul.news-list li{
  width: 49%;
}
.rules-inner{
  padding-top: 40px;
}
}
@media(max-width:575px){
    ul.list-col-4 li {
      width: 49.5%;
  }
  ul.news-list li{
    width: 99%;
  }
  .menber-sec{
    padding: 50px 0;
  }
}
@media(max-width:424px){
    ul.list-col-4 li {
      width: 99%;
  }
}
select.text-black{
  color: #000;
}
.detail-news h4 + p{
  overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.detail-news .date{
  padding-top: 10px;
}
.accordion .ac-item .ac-title{
  font-size: 16px!important;
}
.accordion .ac-item.ac-active{
  padding: 0!important;
}
.accordion .ac-item .ac-title:before{
  width: 30px!important;
  height: 30px!important;
  line-height: 30px!important;
  top: 15px!important;
}
.rules-data{
  padding: 15px 25px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 15px 15px 15px 15px;
}
.f-name{
  float:none;
  top:initial;
}
@media (max-width:575px){
  .f-name{

    margin-bottom: 10px;
  }
  .rules-data{
    flex-direction: column;
    justify-content: center;
  }
}
a.btn-download span{
  font-size: 14px;
  padding-left: 5px
}
a.btn-download i{
  font-size: 14px;
}
.btn-download{
  float:none;
  right:initial;
  margin: 0;
}
.accordion .ac-item .ac-content{
  padding-top: 0;
}
[for="showpw"]{
}

input:-webkit-autofill,
    input:-webkit-autofill:hover, 
    input:-webkit-autofill:focus,
    textarea:-webkit-autofill,
    textarea:-webkit-autofill:hover,
    textarea:-webkit-autofill:focus,
    select:-webkit-autofill,
    select:-webkit-autofill:hover,
    select:-webkit-autofill:focus {
      -webkit-text-fill-color: #000!important;
      -webkit-box-shadow: 0 0 0 60px transparent inset !important;
        background-color: transparent !important;
        background-clip: content-box !important;
      transition: background-color 5000s ease-in-out 0s;
    }