html.disable {overflow: hidden;}
html.disable body {padding-right:17px;}
img {display: block;}
body {font-family: 'Geologica', sans-serif !important; font-size: 18px; color:#000000; line-height: 1.5; overflow-x: hidden;  font-weight:300; padding-top:86px;}
.clearfix:after {display: block; content: ""; clear: both;}
.clear {clear:both;}
.container {max-width:1324px; padding:0px 64px; width: unset;}
.btn_1 {transition:0.5s; background-color: #ffffff; font-size: 13px; color: #000000; text-transform: uppercase; height: 38px; display: block; text-decoration: none; border-radius: 24px; text-align: center; padding-top: 9px; font-weight: 400;}
.btn_2 {transition:0.5s; background-color: #2c2c2c; font-size: 13px; color: #ffffff; text-transform: uppercase; height: 38px; display: block; text-decoration: none; border-radius: 24px; text-align: center; padding-top: 9px; font-weight: 400;}
.btn_3 {transition:0.5s; background-color: #ffd740; font-size: 13px; color: #000000; text-transform: uppercase; height: 38px; display: block; text-decoration: none; border-radius: 24px; text-align: center; padding-top: 9px; font-weight: 400;}
input[type=text], input[type=password] {font-family: 'Geologica', sans-serif; font-weight:300; font-size: 16px; width:100%; height:35px; border-radius: 6px; outline: none; border:none; padding:10px;}
textarea         {font-family: 'Geologica', sans-serif; font-weight:300; font-size: 16px; width:100%; height:44px; border-radius: 6px; outline: none; border:none; padding:10px;}
select {font-family: 'Geologica', sans-serif; font-weight:300; font-size: 16px; width:100%; height:35px; border-radius: 6px; outline: none; border:none; padding:10px;}
.tbl_wrapper {overflow-x:auto;}


.jqui_select .ui-selectmenu-button {font-family: 'Geologica', sans-serif;  font-weight:300; font-size: 16px; width:100% !important; background-color: #ffffff !important;  border:1px solid #b2b2b2; height:58px; border-radius: 10px; font-weight: 300; padding-left:20px; margin-bottom: 0px; background-repeat: no-repeat; background-position: 16px 12px; padding-top:17px;}
.jqui_select fieldset {border: 0;}
.jqui_select .ui-selectmenu-button:active {color:#000000 !important;}
.jqui_select .ui-button .ui-icon {background: url(../images/ic_dd.png) no-repeat center center !important; width:18px; height:18px; margin-top:3px;}
.rbuttons .ui-menu.minheight {height: 200px;}
.rbuttons .ui-state-active {box-shadow: none !important;}
.rbuttons .ui-visual-focus {box-shadow: none !important;}
.rbuttons .ui-checkboxradio-label {background: transparent !important; border:none !important; color:#000000 !important; text-align: left !important; font-family: 'Geologica', sans-serif !important; font-weight: 300 !important; padding-left: 30px !important;}
.rbuttons .ui-checkboxradio-label.ui-state-active .ui-checkboxradio-icon {    background: url(../images/tick.png) no-repeat center center #ffd740; border-color: #ffd740 !important;}
.rbuttons .ui-checkboxradio-icon {position: absolute !important; top: 13px !important; left: 0px !important;}
.rbuttons .ui-checkboxradio-label .ui-icon-background {box-shadow: none !important; border: 1px solid #ccc !important; width: 18px !important; height: 18px !important;}
.jqui_slider2 {border: 1px solid #ffd740 !important; background: #ffd740 !important; border-radius: 12px !important;}
.jqui_slider2 .ui-state-default {background-color: #fff !important; border:none !important; box-shadow: 0px 0px 6px rgba(0,0,0,0.5), inset 0 0px 6px rgba(0,0,0,0.5) !important; outline:none !important; border-radius: 50%; box-shadow: 0px 0px 10px rgba(0,0,0,0.5);}
.jqui_slider .ui-state-default {background-color: #ffd740 !important; border:none !important; outline:none !important;}
.jqui_slider .ui-slider-range {background: #fff2c2 !important;}
.jqui_pointers {display: flex; justify-content: space-between; align-items: center; margin-top:10px;}
.jqui_pointers div {display: inline-block; margin: 0px; font-size: 14px; font-weight: bold;}
.ui-menu .ui-menu-item-wrapper {font-size: 16px;}
.frm .robot {max-width:302px; width:100%;}
/* The switch - the box around the slider */
.switch {position: relative; display: inline-block; width: 46px; height: 20px;}
/* Hide default HTML checkbox */
.switch input {opacity: 0; width: 0; height: 0;}
/* The slider */
.slider {position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; -webkit-transition: .4s; transition: .4s;}
.slider:before {position: absolute; content: ""; height: 16px; width: 16px; left: 2px; bottom: 2px; background-color: white; -webkit-transition: .4s; transition: .4s;}
input:checked + .slider {background-color: #ffd740;}
input:focus + .slider {box-shadow: 0 0 1px #ffd740;}
input:checked + .slider:before {-webkit-transform: translateX(26px); -ms-transform: translateX(26px); transform: translateX(26px);}

/* Rounded sliders */
.slider.round {border-radius: 34px;}
.slider.round:before {border-radius: 50%;}

.rdcnt {display: block; position: relative; padding-left: 38px; cursor: pointer; font-size: 16px; line-height: 1.2; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; padding-top:6px;}
.rdcnt input {position: absolute; opacity: 0; cursor: pointer;}
.checkmark {position: absolute; top: 0; left: 0; height: 30px; width: 30px; border-radius: 6px; border: 2px solid #dedede;}
/*.rdcnt:hover input ~ .checkmark {background-color: #ffd740; background: url(../images/tick.png) no-repeat center center #ffd740; border-color: #ffd740 !important;}*/
.rdcnt input:checked ~ .checkmark {background-color: #ffd740; background: url(../images/tick.png) no-repeat center center #ffd740; border-color: #ffd740 !important;}
.checkmark:after {content: ""; position: absolute; display: none;}
.rdcnt input:checked ~ .checkmark:after {display: block;}
.rdcnt .checkmark:after {top: 9px; left: 9px; width: 8px; height: 8px; border-radius: 50%;}




.owl-carousel .owl-stage{display: flex;}
.owl-carousel .item {height: 100%;}
.owl-theme .owl-dots .owl-dot span {margin: 5px 5px !important; background: transparent !important; border: 1px solid #000;}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {background: #000000 !important;}
.owl-next {position: absolute; width: 38px; height: 38px; background: url(../images/ar_right.png) no-repeat center center !important; top: 50%; right: -68px;}
.owl-prev {position: absolute; width: 38px; height: 38px; background: url(../images/ar_left.png) no-repeat center center !important; top: 50%; left: -68px;}
.owl-next span, .owl-prev span {display: none;}

h1 {font-size:38px; color:#000000; line-height:1.2; margin-bottom:60px; font-weight: 400;}

.banner {margin-bottom:0px;}
.banner .container {position:relative; max-width:1452px; padding:0px 64px;}
.banner .pc {position:relative; width: 100%; border-radius: 24px; object-fit: cover !important; object-position: center 40%; display: block; z-index: 1}
.banner .dv {position: absolute;  z-index: 1; top: 50%; left: 176px; max-width: 650px; transform: translateY(-50%);}
.banner .dv .tx {font-size: 38px; color: #fff; line-height: 1.2; margin-bottom: 30px; font-weight: 500;text-shadow: 0px 0px 4px rgba(0, 0, 0, 1);}
.banner .dv a {width:169px; height: 38px;}
.banner .wp {position: relative; height: 100%; width: 100%; border-radius: 24px; overflow: hidden;}
.banner .bg {position: absolute; top:0px; left:0px; width:100%; height:100%; background: url(../images/banner.jpg) no-repeat center top; background-size: cover;}
.banner .bg:after {position: absolute;top: 0px; left: 0px; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); content: ''; z-index: 1;}

.breadcrumbs .container {font-size: 18px; line-height: 1.3; padding-top:20px; padding-bottom:20px;}
.breadcrumbs .dv {float: left;}
.breadcrumbs .dv a {position:relative; color: #868686; padding-right:30px;}
.breadcrumbs .dv a:after {background: url(../images/ic_ar.png) no-repeat center; content:''; position:absolute; top:4px; right:10px; width: 10px; height: 15px;}

header {transition:0.5s; height: 86px; position:relative; position:fixed; top: 0px; left: 0px; width: 100%; z-index: 10; background-color: #fff;} 
header .btn_menu {position: absolute; top: 0px; right: 0px; padding: 20px; width: 73px; height: 60px; background: url(../images/btn_menu.png) no-repeat 20px center; transition:0.5s; display: none; cursor: pointer;}
header .btn_menu.active {background-position: -80px center;}
header .container {max-width:1452px; padding:0px 64px;}
header .lt {transition:0.5s; float:left; margin-top:12px;}
header .lt img {transition:0.5s; width: auto; height: 60px;}
header .md {position:absolute; top:50%; left:50%; transform:translate(-108%, -50%); display:flex; font-size:15px; text-transform: uppercase; font-weight: 300; }
header .md a {color:#000000; padding:13px; transition: 0.5s;}
header .rt {transition:0.5s; float:right; margin-top:25px;}
header .rt a {float:left; border:1px solid #000; height:38px; font-size: 13px; border-radius: 23px; color:#000; text-transform: uppercase; transition: 0.5s;}
header .rt a.btnSignIn {background: url(../images/ic1.png) no-repeat 20px 8px; padding:9px 20px 0px 55px; margin-left:10px;}
header .rt a.btnRegister {background: url(../images/ic2.png) no-repeat 20px 10px; padding:9px 20px 0px 51px; margin-left:10px;}
header .rt a.btnBook {background-color: #2c2c2c; color: #fff; padding:9px 20px 0px 20px; margin-left:10px;}
header .rt .btnProfile {float:right; border:1px solid #000; height:38px; font-size: 13px; border-radius: 19px; color:#000; text-transform: uppercase; transition: 0.5s; background-image: url('../images/ic1.png'), url('../images/ic_hd2.png'); background-position: 15px 8px, right 12px top 14px; background-repeat: no-repeat, no-repeat; background-color: #ffffff; padding: 0px; margin-left: 10px; min-width: 200px; margin-left:24px;}
header .rt .btnProfile .lbl {padding:9px 36px 9px 46px; cursor: pointer;}
header .rt .btnProfile .sbmn {display: none; padding:0px 10px 10px 10px;}
header .rt .btnProfile .sbmn a {float: none; display:block; border:none; background-color: #f1f1f1; margin-bottom: 10px;}
header .rt .btnProfile .sbmn a:after {display: block; content: ""; clear: both;}
header .rt .btnProfile .sbmn a .fa {font-size: 16px; padding:11px 4px 10px 14px; float:left; color: #4b4b4b;}
header .rt .btnProfile .sbmn a .nm {height: 22px; width: 22px; background-color: #ff4848; border-radius: 20px; font-size: 12px; line-height: 1; color: #f6f6f6; text-align: center; font-weight: 700; padding: 5px 4px 6px 4px; float:left; margin:8px 2px 0px 8px}
header .rt .btnProfile .sbmn a .t {float:left; padding:10px 10px 10px 4px}

.btnNotification {position: relative; margin-left:40px; border:none !important; height: unset; margin-top:6px;}
.btnNotification .nm {position: absolute; top: -9px; right: -12px; height: 22px; background-color: #ff4848; border-radius: 20px; font-size: 12px; line-height: 1; color: #f6f6f6; text-align: center; font-weight: 700; padding: 5px 4px 6px 4px;}
.mb_notification {position: absolute; top: 18px; right: 90px; display: none;}
.mb_notification .btnNotification { margin: 0px;}

header.scroll {height: 60px; box-shadow: 0px 0px 10px rgba(0,0,0,0.3);}
header.scroll .lt {margin-top:5px;}
header.scroll .lt img {width:40px; height: auto;}
header.scroll .rt {margin-top: 8px;}

.home .banner {margin-bottom:79px;}
.perce-text{font-size: 18px!important;}
.hp_sec1 {background-color: #ffd740;}
.hp_sec1 .lt {float: left; width: 50%; padding-right: 111px; padding-left: 0px; min-height: 669px; display: flex; flex-direction: column; justify-content: center;}
.hp_sec1 .lt h1 {color:#313131; margin-bottom:20px; font-size: 38px;}
.hp_sec1 .lt .tx {margin-bottom: 35px; font-size: 18px; }
.hp_sec1 .lt a {width: 184px; height: 45px; font-size: 17px;    padding-top: 10px;}
.hp_sec1 .rt {float:left; width:50%; position:relative;}
.hp_sec1 .rt img:nth-child(1) {width:100%; position:absolute; top:78px; left:0px; max-width:292px;}
.hp_sec1 .rt img:nth-child(2) {width: 100%;position: absolute;top: 143px;right: 0px;max-width: 343px;}
.hp_sec1 .rt img:nth-child(3) {width: 100%;position: absolute;top: 407px;left: 120px;max-width: 260px;;}

.hp_sec2 {padding:111px 0px; text-align: center;}
.hp_sec2 .dv {position:relative; float:left; width:25%; padding:0px 32px;}
.hp_sec2 .dv .pc {margin-bottom:20px; min-height: 108px;}
.hp_sec2 .dv .pc img {display:inline;}
.hp_sec2 .dv .t1 {font-size:23px; line-height: 1.2; color:#313131; margin-bottom:6px; font-weight: 500;}
.hp_sec2 .dv .t2 {font-size:16px; line-height: 1.5; color:#707070;}
.hp_sec2 .dv:after {content:''; position: absolute; width: 67px; background-size: 100%; height: 64px; background-repeat: no-repeat; background-position:  center; top: 35px; right: -50px;}
.hp_sec2 .dv:nth-child(1):after {background-image: url(../images/ic7.png);}
.hp_sec2 .dv:nth-child(2):after {background-image: url(../images/ic8.png);}
.hp_sec2 .dv:nth-child(3):after {background-image: url(../images/ic9.png);}

.hp_sec3 {background-color: #ffd740; padding:80px 0px;}
.hp_sec3 h1 {margin-bottom: 30px; text-align: center;}
.hp_sec3 .item {background-color: #ffffff; border-radius: 20px; overflow: hidden; transition: 0.5s;}
.hp_sec3 .item .pc {overflow: hidden;}
.hp_sec3 .item .pc img {transition: 0.5s; transform-origin: center;}
.hp_sec3 .item .pd {padding:40px 40px 110px 40px;}
.hp_sec3 .item .pd .t1 {font-size: 29px; line-height: 1.2; color: #4d4743; margin-bottom: 10px; font-weight: 500; transition: 0.5s;}
.hp_sec3 .item .pd .t2 {font-size: 16px; line-height: 1.5; color: #4d4743; transition: 0.5s;}
.hp_sec3 .item .pd .item .pd .t2 {font-size: 18px; line-height: 1.5; color: #4d4743; margin-bottom: 40px;}
.hp_sec3 .item .pd a {position:absolute; bottom:40px; height: 38px; width:145px; background-color: #000000; font-size: 13px; padding-top: 9px;}

.hp_sec4 {padding:80px 0px;}
.hp_sec4 h1 {text-align: center; max-width: 510px; margin: 0px auto 40px auto;}
.hp_sec4 .grd {display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:10px;}
.hp_sec4 .grd img {width:100%; transition: 0.5s; border-radius: 18px; border: 1px solid #fff;}

.hp_sec5 {padding-bottom:90px;}
.hp_sec5 h1 {color: #010101; line-height: 1.2; font-weight: 400; text-align: center; max-width: 660px; margin: 0px auto 20px auto;}
.hp_sec5 .tx {font-size: 18px; line-height: 1.5; color: #313131; text-align: center; margin-bottom:36px;}
.hp_sec5 .tbl_wrapper {margin-bottom:40px;}
.hp_sec5 table {font-size: 18px; color:#4d4743; line-height: 1.2; width: 100%;}
.hp_sec5 table tr:nth-child(odd) td {background: #eeeeee;}
.hp_sec5 table tr td {background-color: #f3f3f3; padding: 20px 10px; text-align: center; font-size: 16px;}
.hp_sec5 table tr.hd td {font-weight:500; background-color: #ffd740; font-size: 15px;}
.hp_sec5 table tr.hd td:nth-child(1) {border-radius: 20px 0px 0px 0px;}
.hp_sec5 table tr.hd td:last-child {border-radius: 0px 20px 0px 0px;}
.hp_sec5 .set1 {position: relative; padding-left:211px;}
.hp_sec5 .set1 .dv {position:absolute; top:0px;left:0px; width:177px;}
.hp_sec5 .set1 .dv img {width:100%; border-radius: 20px; margin-bottom: 6px;}
.hp_sec5 .set1 .dv .t1 {font-size: 20px; color:#4d4743; text-align: center; font-weight: 500;}

.hp_sec6 {background-color: #ffd740; padding:80px 0px;}
.hp_sec6 h1 {margin-bottom: 30px; text-align: center;}
.hp_sec6 .item {background-color: #ffffff; border-radius: 20px; overflow: hidden;transition: 0.5s;}
.hp_sec6 .item .pc {overflow: hidden;}
.hp_sec6 .item .pc img {transition: 0.5s; transform-origin: center;}
.hp_sec6 .item .pd {padding:38px 33px 100px 33px;}
.hp_sec6 .item .pd .t1 {font-size: 25px; line-height: 1.2; color: #313131   ; margin-bottom: 20px; font-weight: 500; transition: 0.5s;}
.hp_sec6 .item .pd .t2 {font-size: 16px; line-height: 1.5; color: #8b8b8b; border-bottom: 1px solid #cccccc; padding:10px 0px; transition: 0.5s;}
.hp_sec6 .item .pd .t2:last-child {border-bottom:none;}
.hp_sec6 .item .pd .t2 .l {float:left; transition: 0.5s;}
.hp_sec6 .item .pd .t2 .r {float:right; font-size: 19px; color:#313131; line-height: 1.2; font-weight: 400; transition: 0.5s;}
.hp_sec6 .item .pd .item .pd .t2 {font-size: 18px; line-height: 1.5; color: #4d4743; margin-bottom: 40px;}
.hp_sec6 .item .pd a {position:absolute; bottom:40px; width:145px; height: 38px; font-size: 13px; padding-top: 9px; background-color: #000000;}

.hp_sec7 {padding:110px 0px;}
.hp_sec7 .container {max-width: 1140px; display: flex; align-items: center;}
.hp_sec7 .rt {padding-left: 0px; max-width: 500px;}
.hp_sec7 .lt{margin-right: 0;}
.hp_sec7 .rt .tx {font-size: 35px; line-height: 1.4; color:#000000; margin-bottom: 24px;}
.hp_sec7 .rt .lk {display: flex; gap: 12px; transform-origin: center; justify-content: center;}

.hp_sec8 {padding-bottom:90px;}
.hp_sec8 .container {max-width: 1324px;}
.hp_sec8 h1 {text-align: center; max-width: 660px; margin: 0px auto 20px auto;}
.hp_sec8 .tx {font-size: 18px; line-height: 1.5; color: #313131; text-align: center; margin-bottom: 40px;}
.hp_sec8 .dv {float:left; width:33.33%; padding:0px 15px; transition:0.5s;}
.hp_sec8 .dv img {width:100%; border-radius: 20px; margin-bottom:20px; transform-origin: center; transition: 0.5s; border: 2px solid #ffffff;}

.about .banner .dv .tx {margin-bottom: 0px;}
.about .sec1 {text-align: center; padding: 70px 0px 90px 0px;}
.about .sec1 h1 {margin-bottom: 20px; font-size: 38px;}
.about .sec1 .tx {font-size: 18px; line-height: 1.5; color: #565656; max-width: 800px;}

.about .sec2 {background-color: #ffd740; padding:90px 0px; color:#000000;}
.about .sec2 .ct {display: flex; align-items: center;}
.about .sec2 .lt {position: relative; width:30%; align-self: flex-start;}
.about .sec2 .lt img {border-radius: 20px; width:100%;}
.about .sec2 .lt .tx {position: absolute; bottom: 0px; left: 0px; font-size: 24px; border-radius: 0px 0px 20px 20px; background-color: rgba(0,0,0,0.5); width: 100%; color: #fff; text-align: center; padding: 12px 10px;}
.about .sec2 .rt {padding-left: 60px; width:70%;}
.about .sec2 .rt .ttl {font-size: 38px; line-height: 1.2;  margin-bottom: 20px; font-weight: 400;}
.about .sec2 .rt .tx {font-size: 18px; line-height: 1.4;}

.about .sec3 {padding:120px 0px 20px 0px; color:#000000;}
.about .sec3 .ct {display: flex; align-items: center;}
.about .sec3 .lt {padding-right: 70px; width: 50%;}
.about .sec3 .lt .ttl {font-size: 38px; line-height: 1.2;  margin-bottom: 20px; font-weight: 400;}
.about .sec3 .lt .tx {font-size: 18px; line-height: 1.4;}
.about .sec3 .lt .tx p {margin-bottom:24px;}
.about .sec3 .lt .tx p:last-child {margin-bottom: 0px;}
.about .sec3 .rt {position: relative;  width: 50%; align-self: flex-start;}
.about .sec3 .rt img {border-radius: 20px; width: 100%;}
.about .sec3 .rt .tx {position: absolute; bottom: 0px; left: 0px; font-size: 30px; border-radius: 0px 0px 20px 20px; background-color: rgba(0,0,0,0.5); width: 100%; color: #fff; text-align: center; padding: 12px 10px;}

.cs {color: #000000;}
.cs .container {max-width:1452px;}
.cs .banner .dv .tx {margin-bottom: 0px;}
.cs .sec1 {text-align: center; padding: 40px 0px 140px 0px;}
.cs .sec1 h1 {margin-bottom: 10px;}
.cs .sec1 .tx {font-size: 24px; line-height: 1.3; max-width: 1000px; margin-bottom: 40px;}
.cs .sec1 .grd {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px;}
.cs .sec1 .grd .dv {position:relative; border-radius: 20px; overflow: hidden; background-repeat: no-repeat; background-position: center; background-size: cover;}
.cs .sec1 .grd .dv:nth-child(1) {background-image: url(../images/cs_pic1.jpg);}
.cs .sec1 .grd .dv:nth-child(2) {background-image: url(../images/cs_pic2.jpg);}
.cs .sec1 .grd .dv:nth-child(3) {background-image: url(../images/cs_pic3.jpg);}
.cs .sec1 .grd .dv:nth-child(4) {background-image: url(../images/cs_pic4.jpg);}
.cs .sec1 .grd .dv:nth-child(5) {background-image: url(../images/cs_pic5.jpg);}
.cs .sec1 .grd .dv:nth-child(6) {background-image: url(../images/cs_pic6.jpg);}
.cs .sec1 .grd .dv img {width:100%;}
.cs .sec1 .grd .dv .bt {position: absolute; bottom: -68px; left: 0; width: 100%; background-color:rgba(0,0,0,0.7); padding:20px 20px; transition: 0.5s;}
.cs .sec1 .grd .dv .bt .ttl {font-size: 20px; line-height: 1.2; margin-bottom:30px; transition: 0.5s; color:#ffffff;}
.cs .sec1 .grd .dv .bt a {width: 174px; margin:0px auto;}


.csd .container {max-width:1452px;}
.csd .sec1 {padding:40px 0px 140px 0px;}
.csd .sec1 .lt {float:left; width: 50%;}
.csd .sec1 .lt .grd {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;}
.csd .sec1 .lt .grd .dv {position:relative; border-radius: 20px; overflow: hidden; background-repeat: no-repeat; background-position: center; background-size: cover;}
.csd .sec1 .lt .grd .dv:nth-child(1) {background-image: url(../images/csd_pic1.jpg);}
.csd .sec1 .lt .grd .dv:nth-child(2) {background-image: url(../images/csd_pic2.jpg);}
.csd .sec1 .lt .grd .dv:nth-child(3) {background-image: url(../images/csd_pic3.jpg);}
.csd .sec1 .lt .grd .dv:nth-child(4) {background-image: url(../images/csd_pic4.jpg);}
.csd .sec1 .lt .grd .dv img {width:100%;}
.csd .sec1 .rt {float:right; width: 50%; padding-left:60px;}
.csd .sec1 .rt .tp {background-color: #f6f6f6; border:2px solid #e1e1e1; padding:40px; border-radius: 10px; margin-bottom:30px;}
.csd .sec1 .rt .tp .ttl {font-size:32px; line-height: 1.1; color:#000000; font-weight: 400; margin-bottom: 20px;}
.csd .sec1 .rt .bt {background-color: #ffd740; border-radius: 10px; padding: 20px 40px 10px 40px;}
.csd .sec1 .rt .bt .rw {font-size: 18px; line-height: 1.5; color:#313131; border-bottom: 1px solid #000000; padding:16px 0px; font-weight: 500;}
.csd .sec1 .rt .bt .rw:last-child {border-bottom:none;}
.csd .sec1 .rt .bt .rw .l {float:left;}
.csd .sec1 .rt .bt .rw .r {float:right; font-size: 18px; line-height: 1.2;}

.frm input[type=text],
.frm input[type=password] {border:1px solid #e4e4e4; height:58px; border-radius: 10px; font-weight: 300; padding-left:60px; margin-bottom: 24px; background-repeat: no-repeat; background-position: 16px 12px; }
.frm .ic1 {background-image:url(../images/book_frm_ic1.png);}
.frm .ic2 {background-image:url(../images/book_frm_ic2.png);}
.frm .ic3 {background-image:url(../images/book_frm_ic3.png);}
.frm .ic4 {background-image:url(../images/book_frm_ic4.png);}
.frm .ic5 {background-image:url(../images/book_frm_ic5.png);}
.frm button {border:none; outline: none; width: 290px; height:60px; background-color: #000000; border-radius: 30px; color:#ffffff; font-size: 20px; line-height: 1; text-transform: uppercase; font-family: 'Geologica', sans-serif; margin:35px auto 35px 0px; cursor: pointer; transition: 0.5s;}
.frm .btn_inp_submit {border:none; outline: none; margin: 0px !important; width: 290px !important; height:60px !important; background-color: #000000; border-radius: 30px; color:#ffffff; font-size: 20px; line-height: 1; text-transform: uppercase; font-family: 'Geologica', sans-serif; margin:35px auto 35px 0px; cursor: pointer; transition: 0.5s;}
.frm textarea {border:1px solid #e4e4e4; height:58px; border-radius: 10px; font-weight: 300; padding-left:60px; padding-top: 16px; margin-bottom: 24px; background-repeat: no-repeat; background-position: 16px 10px; resize:none; width:100%; }
.frm .lbl {margin-bottom:10px;}
.frm .lbl span {color:#dd483c;}
.frm .lbl span.small {color:#313131; font-size: 14px;}
.frm.tbl_wrap {overflow-x:auto ;}



.book .banner .dv .tx {margin-bottom: 0px;}
.book .sec1 {padding:40px 0px 140px 0px;}
.book .sec1 .lt {float:left; width: 50%; padding-right:60px;}
.book .sec1 .lt .bx {background-repeat: no-repeat; background-size: 120px; background-position: 10px 20px; background-color: #f6f6f6; border: 2px solid #e1e1e1; padding: 30px 30px 30px 140px; border-radius: 10px; margin-bottom: 20px;}
.book .sec1 .lt .bx:nth-child(1) {background-image: url(../images/book_ic1.png);}
.book .sec1 .lt .bx:nth-child(2) {background-image: url(../images/book_ic2.png);}
.book .sec1 .lt .bx:nth-child(3) {background-image: url(../images/book_ic3.png);}
.book .sec1 .lt .bx:nth-child(4) {background-image: url(../images/book_ic4.png);}
.book .sec1 .lt .bx:nth-child(5) {background-image: url(../images/book_ic5.png);}
.book .sec1 .lt .bx .ttl {font-size: 22px; line-height: 1; color: #000000; font-weight: 600; margin-bottom: 10px;}
.book .sec1 .rt {float:left; width: 50%;}
.book .sec1 .rt .bx {background-color: #ffd740; border-radius: 20px; padding: 30px 40px 30px 40px; min-height: 957px;}
.book .sec1 .rt .bx .ttl {font-size: 40px; font-weight:400; color:#313131;}
.book .sec1 .rt .bx .tx {font-size: 18px; color:#313131; margin-bottom: 24px; font-weight: 400;}
.book .sec1 .rt .bt {position:relative; border-top:2px solid #000000; color:#000000; padding-left: 80px; padding-top: 35px;}
.book .sec1 .rt .bt .pc {position: absolute; top: 38px; left: 0px;}
.book .sec1 .rt .bt .t1 {font-size:18px; line-height:1.2; font-weight: 500; margin-bottom: 10px;}
.book .sec1 .rt .bt .t2 {font-size:18px; line-height:1.2; font-weight: 600;}
.book .sec1 .rt .bt .t2 span {font-weight:400; color:#494949;}
.book .frm {display: flex; gap:20px; flex-direction: column;}
.book .frm input[type=text], .book .frm input[type=password] {margin-bottom:0px;}
.book .frm .form-vdt {width:100%;}
.book .frm button:hover {background-color: #000000; color:#ffffff;}


.popup_create {padding: 40px; position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; overflow-y: scroll; background: rgba(0, 0, 0, 0.5); z-index: 999999;}
.popup_create .ct {max-width: 1260px; position: relative; display: flex; background-color: #ffffff; border-radius: 20px; overflow: hidden; padding: 60px 40px;}
.popup_create .cl {position: absolute; top: 0px; right: 0px; padding: 20px; cursor: pointer; z-index: 1;}
.popup_create .grd {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;}
.popup_create .dv {position:relative; border:1px solid #cccccc; border-radius: 16px;}
.popup_create .dv .pc img {width: 100%; height: 250px; object-fit: cover; border-radius: 16px 16px 0px 0px;}
.popup_create .dv .pd {padding:20px 20px 40px 20px; color:#313131;}
.popup_create .dv .pd .t1 {font-size: 24px; line-height: 1.2; font-weight: 400; margin-bottom: 10px;}
.popup_create .dv .pd .t2 {font-size: 16px; line-height: 1.4; color:#747474;}
.popup_create .dv .btn_3 {position:absolute; left:50%; transform: translateX(-50%); bottom:-20px; font-size:16px; padding-top:7px; padding-left:20px; padding-right:20px; width: 200px;}

.popup_demo {padding: 40px; position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; overflow-y: scroll; background: rgba(0, 0, 0, 0.5); z-index: 999999; color:#313131;}
.popup_demo .dm_ct {max-width: 600px; position: relative; background-color: #ffffff; border-radius: 20px; overflow: hidden; padding: 60px 40px 20px 40px;}
.popup_demo .dm_cl {position: absolute; top: 0px; right: 0px; padding: 20px; cursor: pointer; z-index: 1;}
.popup_demo .dm_ttl {font-size: 20px; font-weight: 400; line-height: 1.2; margin-bottom: 20px;}
.popup_demo .dm_spacer {border-bottom: 1px solid #d2d2d2; padding-top:20px; margin-bottom: 30px;}
.popup_demo .dm_dv {margin-bottom: 10px;}
.popup_demo .dm_l {float:left; width: 40%; font-weight: 500;}
.popup_demo .dm_l .dm_tx {display: flex; gap: 10px;}
.popup_demo .dm_r {float:left; width: 60%;}
.popup_demo .dm_r .dm_bar {position: relative; height: 24px; background-color: #d4d4d4; border-radius: 12px; overflow: hidden; text-align: center;}
.popup_demo .dm_r .dm_fill {position: absolute; top: 0px; left: 0px; height: 100%; width:50%;}
.popup_demo .dm_r .dm_fill.blue {background-color: #0099ff;}
.popup_demo .dm_r .dm_fill.pink {background-color: #e26fb0;}
.popup_demo .dm_r .dm_fill.red {background-color: #e32b25;}
.popup_demo .dm_r .dm_fill.darkblue {background-color: #456cf9;}
.popup_demo .dm_r .dm_fill.lightblue {background-color: #94c0c8;}
.popup_demo .dm_r .dm_fill.purple {background-color: #b790d9;}
.popup_demo .dm_r .dm_fill.yellow {background-color: #dec936;}
.popup_demo .dm_r .dm_tx {position: relative; font-weight: 500; line-height: 1; padding-top:4px;}

.contact .container {max-width:1452px;}
.contact .sec1 {padding:30px 0px 90px 0px;}
.contact .sec1 .ct {display: flex; border-radius: 20px; overflow: hidden; min-height: 690px;}
.contact .sec1 .lt {width:36%; background-color: #ffd740; display: flex; align-items: center; color:#000000}
.contact .sec1 .lt .dv {max-width: 460px; width: 100%; padding: 0px 20px; text-align: center;}
.contact .sec1 .lt .dv .pc {margin-bottom: 40px;}
.contact .sec1 .lt .dv .pc img {border-radius: 50%; width: 100%;}
.contact .sec1 .lt .dv .t1 {font-size: 36px; line-height: 1; font-weight: 700; margin-bottom:12px;}
.contact .sec1 .lt .dv .t2 {font-size: 20px; line-height: 1.3; font-weight: 400;}

.contact .sec1 .rt {width:64%; background-color: #f2f2f2; color:#313131; padding:50px}
.contact .sec1 .rt h1 {margin-bottom: 10px;}
.contact .sec1 .rt .t1 {font-size: 24px; font-weight: 400;}
.contact .sec1 .rt .t2 {margin-bottom: 20px; }
.contact .sec1 .rt .frm .dv {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px; margin-bottom:20px;}
.contact .sec1 .rt .frm .dv .form-vdt {width:100%;}
.contact .sec1 .rt .frm .l {float:left;}
.contact .sec1 .rt .frm .r {float:right;}
.contact .sec1 .rt .frm button {margin-top:8px; margin-bottom: 0px;}
.contact .sec1 .rt .frm input[type=text] {margin-bottom: 0px; border: none;}
.contact .sec1 .rt .frm select {height: 58px;  -webkit-appearance: none; -moz-appearance:none; appearance: none; background-image: url('../images/ar_down.png'), url('../images/book_frm_ic1.png'); background-position: right 12px top 25px, 16px 10px; background-repeat: no-repeat, no-repeat; background-color: #FFFFFF; padding: 10px 36px 10px 60px; margin-bottom:0px; border:none; border-radius: 10px;}
.contact .sec1 .rt .frm textarea {height: 110px; border: none;}
.contact .sec1 .rt .frm input[type=password] {border:none; margin-bottom: 0px;}

.contact.signup .sec1 .rt .t1 {font-size: 20px;margin-bottom: 20px;}
.contact.signup .sec1 .rt .t1 a {color:#313131; text-decoration: underline;}
.contact.signup .sec1 .rt .frm button {margin-top: 20px; margin-bottom:20px;}
.contact.signup .sec1 .rt .t3 {margin-bottom: 20px; font-size:14px; line-height: 1.2; font-weight: 500;}
.contact.signup .sec1 .rt .t3 a {color:#000000; text-decoration: underline;}
.contact.signup .form-vdt{width: 100%;}

.login .sec1 .rt .frm .dv {display:grid;grid-template-columns:repeat(1,minmax(0,1fr)); gap:20px; margin-bottom:20px; max-width: 380px; margin-left:0px;}

.campaign .banner .dv .tx {margin-bottom: 0px;}
.campaign .sec2 {background-color: #ffd740; padding:90px 0px; color:#000000; margin-top:40px;}
.campaign .sec2 .ct {display: flex; align-items: center;}
.campaign .sec2 .lt {position: relative; width:30%; align-self: flex-start; background-color: #ffffff; border-radius: 24px;}
.campaign .sec2 .lt .tx {border-radius: 0px 0px 20px 20px; text-align: center; padding:60px 20px;}
.campaign .sec2 .lt .tx .t1 {font-size: 60px; line-height: 1.2; font-weight: 600;}
.campaign .sec2 .lt .tx .t2 {font-size: 20px; line-height: 1.2; font-weight: 400; margin-bottom: 20px;}
.campaign .sec2 .lt .tx .t3 {font-size: 16px; line-height: 1.2; font-weight: 400;}
.campaign .sec2 .rt {padding-left: 80px; width:70%;}
.campaign .sec2 .rt .ttl {font-size: 38px; line-height: 1.2;  margin-bottom: 20px; font-weight: 400;}
.campaign .sec2 .rt .ttl2 {font-size: 28px; line-height: 1.2;  margin-bottom: 20px; font-weight: 400;}
.campaign .sec2 .rt .tx {font-size: 20px; line-height: 1.4; color: #4d4743;}
.campaign .sec2 .rt .tx p {margin-bottom: 20px;}
.campaign .sec2 .rt .ln {width:100%; height: 1px; background-color: #000000; margin-bottom: 30px; margin-top:30px;}
.campaign .sec2 .rt .btn_2 {font-size: 18px; max-width: 540px; height:74px; border-radius: 42px; padding-top:22px; margin-top:30px;}
.campaign .sec3 {padding:100px 0px;}
.campaign .sec3 .ttl {font-size: 38px; line-height: 1.2;  margin-bottom: 20px; font-weight: 400; text-align: center; margin-bottom: 50px; max-width: 870px;;}
.campaign .sec3 .tbl {overflow-x:auto;}
.campaign .sec3 table {width: 100%; text-align: center; max-width: 1060px; margin: 0px auto; min-width: 570px;}
.campaign .sec3 table td {width:50%;}
.campaign .sec3 table td {border:1px solid #ffffff; border-left:2px solid #ffffff; padding:14px 10px; font-size: 16px;}
.campaign .sec3 table tr {background-color: #f3f3f3;}
.campaign .sec3 table tr:nth-child(odd) { background-color:#eeeeee;}
.campaign .sec3 table .hd {background-color: #ffd740 !important;}
.campaign .sec3 table .hd td {padding:20px 10px;}
.campaign .sec3 table .hd td:nth-child(1) {border-radius: 12px 0px 0px 0px;}
.campaign .sec3 table .hd td:nth-child(2) {border-radius: 0px 12px 0px 0px;}
.campaign .sec3 table .hd .t1 {font-size: 24px; line-height: 1.2; font-weight:600;}
.campaign .sec3 table .hd .t2 {font-size: 18px; line-height: 1.2; font-weight:400;}
.campaign .sec3 table .hd .t3 {font-size: 16px; line-height: 1.2; font-weight:400; margin-top:10px;}
.campaign .sec3 table .hd td:nth-child(1) .t3 {display: flex; gap:10px;justify-content: center; margin-top:10px;}
.campaign .sec4 {padding-bottom:100px;}
.campaign .sec4 .ct {background: url(../images/banner_campaign2.jpg) no-repeat center center; background-size: cover; color:#fff; border-radius: 24px; padding:100px 20px;}
.campaign .sec4 .ttl {font-size: 38px; line-height: 1.2;  margin-bottom: 20px; font-weight: 400; text-align: center; margin-bottom: 50px; max-width: 950px;}
.campaign .sec4 .btn_1 {width: 174px; margin: 0px auto;}

.maintitle {float:left; font-size: 32px; line-height:1.1; color:#313131; font-weight:400; margin-bottom:20px;}

.table_wrapper {overflow-x:auto; margin-bottom: 40px;}
.table {border-radius:10px 10px 0px 0px; overflow:hidden; width: 100%;}
.table td {font-size: 15px; line-height: 1.2; color:#4d4743; font-weight: 500; padding:14px 10px; text-align: center; background-color: #f3f3f3; vertical-align: middle; border-bottom: 1px solid #ffffff;}
.table tr:nth-child(odd) td {background-color: #eeeeee;}
.table .hd td {font-size: 15px; background-color: #ffd740 !important; font-weight: 600; color:#000000;}
.table.regsuccess td {text-align: left; background-color: #ffffff !important;}
.table.regsuccess.border td {border-bottom: 1px solid #ccc;}
.table .text-right {text-align: right !important;}

.tbl_pic {display: flex; gap:26px; margin-bottom:30px;}
.tbl_pic .l {width: 155px; font-size: 16px; line-height: 1.2; color:#4d4743; font-weight: 500; text-align: center;}
.tbl_pic .l img {width: 100%; border-radius: 10px; margin-bottom:10px; height: 120px; object-fit: contain;}
.tbl_pic .r {width: calc(100% - 155px);}


.reports .container {max-width:1452px;}
.reports .sec1 {margin-bottom: 100px;}
.reports .sec1 .ct {display: flex; gap:60px; margin-bottom:40px;}
.reports .sec1 .lt {min-width: 340px;  max-width: 340px; width: 100%;}
.reports .sec1 .sidebar {background-color: #f3f3f3; border-radius: 16px; border: 1px solid #dbdbdb; overflow: hidden;}
.reports .sec1 .sidebar a {position:relative;  display: block; font-size: 16px; line-height: 1.3; color:#000000; border-top: 1px solid #dbdbdb; padding:16px 16px 16px 60px; font-weight: 400; transition: 0.5s;}
.reports .sec1 .sidebar a:before {content: ''; position:absolute; left:12px; top:6px; width: 40px; height: 40px; background:url(../images/iconset.png) no-repeat 0px 0px;}
.reports .sec1 .sidebar .ic2:before {background-position-x: -40px;}
.reports .sec1 .sidebar .ic3:before {background-position-x: -80px;}
.reports .sec1 .sidebar .ic4:before {background-position-x: -120px;}
.reports .sec1 .sidebar .ic5:before {background-position-x: -160px;}
.reports .sec1 .sidebar .ic6:before {background-position-x: -200px;}
.reports .sec1 .sidebar .ic7:before {background-position-x: -240px;}
.reports .sec1 .sidebar .ic8:before {background-position-x: -280px;}
.reports .sec1 .sidebar .ic9:before {background-position-x: -320px;}
.reports .sec1 .sidebar .ic10:before {background-position-x: -360px;}
.reports .sec1 .sidebar .ic11:before {background-position-x: -400px;}
.reports .sec1 .sidebar .ic12:before {background-position-x: -440px;}
.reports .sec1 .sidebar .ic13:before {background-position-x: -480px;}
.reports .sec1 .sidebar .ic1 {border:none;}
.reports .sec1 .sidebar .ic11 span {background-color: #dd483c; color:#ffffff; padding:1px 16px; margin-left:6px; border-radius: 20px;}
.reports .sec1 .sidebar .acc .lk {background-image: url(../images/ar_down.png); background-repeat: no-repeat; background-position: right 20px top 23px; padding-right: 40px;}
.reports .sec1 .sidebar .acc .lk.active {background-image: url(../images/ar_up.png);}
.reports .sec1 .sidebar .acc_ct {padding:0px 0px 10px 0px; display: none;}
.reports .sec1 .sidebar .acc_ct a {border: none !important; padding:10px 16px 10px 60px !important; font-weight: 300;}
.reports .sec1 .sidebar .acc_ct a:before {display: none;}
.reports .sec1 .rt {width: calc(100% - 400px);}
.reports .sec1 .rt .ttl {font-size: 22px; line-height: 1.2; font-weight: 400; margin-bottom: 20px; color:#313131;}
.reports .sec1 .rt .bx {border:1px solid #dedede; border-radius: 16px; padding: 40px; color:#313131; font-size: 18px; line-height: 1.2; font-weight: 400;}


.reports .sec1 .sidebar a.active {background-color: #ffd740;}
.reports .sec1 .btn_3 {font-size: 16px; padding-top:7px; width: 200px; margin:0px 0px 0px auto;}

.frm_profile .frm input[type=text] {padding-left:20px; margin-bottom: 0px; border-color: #dedede;}
.frm_profile .frm .fld {width: 100%;}
.frm_profile .frm .grd {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px;}
.frm_profile .frm button {max-width: 224px;}
.frm_profile .multiselect-container {height: 300px; overflow-y: scroll;}

.frm_chat .bx {padding:26px !important;}
.frm_chat .bx .ch {height:400px; overflow-y: scroll; margin-bottom: 26px; scrollbar-width: thin; padding-right:20px;}
.frm_chat .bx .ch .msg {font-size: 16px; line-height: 1.5; color:#4c4c4c; margin:0px 0px 30px auto; width: 60%;}
.frm_chat .bx .ch .msg .dt {float:right; margin-bottom: 20px; background: url(../images/ic_calendar.png) no-repeat 0px 1px; padding-left:30px;}
.frm_chat .bx .ch .msg .tx {position:relative; clear:both; background: #f2f2f2; padding:20px 30px; border-radius: 10px; font-weight: 300;}
.frm_chat .bx .ch .msg .tx:before {position: absolute; top: -20px; right: 20px; content: ''; width: 0; height: 0; border-left: 0px solid transparent; border-right: 20px solid transparent; border-bottom: 20px solid #f2f2f2;}
.frm_chat .bx .frm textarea {border:1px solid #dedede; height:100px; resize: none; border-radius: 12px; padding:20px;}
.frm_chat .bx .frm button {width: 160px; margin:0px;}
.frm_chat .frm .btn_inp_submit {width: 140px !important; height: 40px !important; font-size: 14px;}

.table_inf .ttl {font-size: 26px; line-height:1.2; font-weight: 400; color:#313131; margin-bottom: 20px;}
.table_inf .bdr {border:1px solid #dedede; border-radius: 16px; overflow: hidden; margin-bottom:40px;}
.table_inf .table_wrapper {margin-bottom: 0px;}
.table_inf table {width:100%;}
.table_inf table .headrow td {padding: 0; border: none;}
.table_inf table .infimg {background: #fff; padding: 10px; margin: 10px; height: 180px; overflow: hidden;}
.table_inf table .infimg img {min-width: 200px; width:100%; height: 100%; object-fit: contain; object-position: center; border-radius: 10px;}
.table_inf table .infheading {text-align: left; padding:20px 0px 8px 0px}
.table_inf table .infheading h2 {font-size: 20px; line-height: 1.2; color: #313131;}
.table_inf table tr:nth-child(even) {background: #fff;}
.table_inf table .headrow td {background-color: #fff !important; vertical-align: top;}
.table_inf table .headrow2 td {border: 1px solid #dedede !important; text-align: center; padding:10px !important;}
.table_inf table .headrow2 td:last-child {border-right:none !important;}
.table_inf table .inghead .ingimg {border: 1px solid #dedede; width: 60px; height: 60px; border-radius: 50%; text-align: center; margin-bottom:6px;}
.table_inf table .inghead .ingimg img {margin: 0px auto; top:50%; position:relative; transform: translateY(-50%);}
.table_inf table .mediaimg img {margin:0px auto;}
.table_inf table a {color: #dd483c;}
.table_inf table .data td {border: 1px solid #dedede; border-bottom:none;}
.table_inf table .data td:first-child {border-left:none;}
.table_inf table .data td:last-child {border-right:none;}



.inf_det .container {max-width:1452px;}
.inf_det .sec1 {margin-bottom: 100px;}
.inf_det .sec1 .ct {display: flex; gap:60px; margin-bottom:40px;}
.inf_det .sec1 .lt {min-width: 320px;  max-width: 320px; width: 100%;}
.inf_det .sec1 .lt .sd {background-color: #f2f2f2; border-radius: 16px; overflow: hidden;}
.inf_det .sec1 .lt .sd .tp {background-color: #ffd740; padding:30px;  text-align: center;}
.inf_det .sec1 .lt .sd .tp .pc {position:relative; margin-bottom: 20px;}
.inf_det .sec1 .lt .sd .tp .pc .img {width: 100%; border-radius: 10px; height: 300px; object-fit: contain;}
.inf_det .sec1 .lt .sd .tp .pc a {position: absolute; width: 30px; height: 30px; background-color: #ffffff; bottom:10px; right:10px; border-radius: 6px; padding: 6px 0px 0px 5px;}
.inf_det .sec1 .lt .sd .tp .t1 {font-size: 22px; line-height: 1.2; color:#313131; font-weight: 600;}
.inf_det .sec1 .lt .sd .tp .t2 {font-size: 18px; line-height: 1.2; color:#313131; font-weight: 500; margin-bottom: 16px;}
.inf_det .sec1 .lt .sd .tp .t3 {font-size: 18px; line-height: 1.2; font-weight: 500; margin-bottom: 10px; background: url(../images/ic_portfolio.png) no-repeat 0px 2px; color:#000000; padding: 2px 0px 2px 30px; text-decoration: underline;}
.inf_det .sec1 .lt .sd .bt {padding:20px;}
.inf_det .sec1 .lt .sd .bt .t1 {font-size: 22px; line-height: 1.2; color:#313131; font-weight: 500; margin-bottom: 10px;}
.inf_det .sec1 .lt .sd .bt .dv {border-bottom: 1px solid #919191; display: block; padding:10px 0px;}
.inf_det .sec1 .lt .sd .bt .dv:after {display: block; content: ""; clear: both;}
.inf_det .sec1 .lt .sd .bt .dv .l {float:left; color:#313131; font-size: 18px; line-height: 1.2; font-weight: 500;}
.inf_det .sec1 .lt .sd .bt .dv .r {float:right; color:#696969; font-size: 16px; line-height: 1.2; font-weight: 400; text-align: right;}
.inf_det .sec1 .lt .sd .bt .tx {margin-bottom: 20px;}

.inf_det .sec1 .rt {width: calc(100% - 400px);}
.inf_det .sec1 .rt .lks {margin-bottom:20px;}
.inf_det .sec1 .rt .lks a {float:left; font-size: 16px; line-height: 1.2; color:#000000; border-radius: 30px; border:1px solid #8b8b8b; padding:12px 30px; text-transform: uppercase; margin: 0px 10px 10px 0px; transition: 0.5s;}
.inf_det .sec1 .rt .lks a.active {background-color: #ffd740; border-color: #ffd740;}
.inf_det .sec1 .rt .grd { display: grid; grid-template-columns: repeat(6, 1fr); border-top: 1px solid #dbdbdb; border-left: 1px solid #dbdbdb; border-radius: 16px; overflow: hidden; margin-bottom: 30px;}
.inf_det .sec1 .rt .grd .dv {width:100%; border-bottom: 1px solid #dbdbdb; border-right: 1px solid #dbdbdb; text-align: center; font-weight: 400; display: flex; justify-content: center; flex-direction: column; padding:20px 10px;}
.inf_det .sec1 .rt .grd .dv .pc {width: fit-content; margin-bottom: 10px;}
.inf_det .sec1 .rt .grd .dv .t1 {width:100%; font-size: 22px; line-height:1.2; font-weight: 600; margin-bottom: 4px;}
.inf_det .sec1 .rt .grd .dv .t1 img {display: inline; margin-left:4px;}
.inf_det .sec1 .rt .grd .dv .t2 {width:100%; font-size: 16px; line-height:1.2; color:#696969;}
.inf_det .sec1 .rt .grd .dv .lk {font-size: 12px; background-color: #ffd740; color:#000000; font-weight: 500; width:160px; text-align: center; padding:6px 10px; border-radius: 20px; transition: 0.5s;}
.inf_det .sec1 .rt .grd .dv:nth-child(1) {text-align: left;}
.inf_det .sec1 .rt .grd .dv:nth-child(1) .t1 {margin-bottom: 16px; font-size: 16px;}
.inf_det .sec1 .rt .grd .dv:nth-child(5) {min-width: 220px;}
.inf_det .sec1 .rt .grd .dv:first-child {border-radius: 16px 0px 0px 16px; background-color: #ffffff !important;}
.inf_det .sec1 .rt .grd .dv:last-child {border-radius: 0px 16px 16px 0px; }
.inf_det .sec1 .rt .grd:nth-child(even) .dv {background-color: #f3f3f3;}
.inf_det .sec1 .frm_chat .bx {border: 1px solid #dedede; border-radius: 16px; padding: 40px; color: #313131; font-size: 18px; line-height: 1.2; font-weight: 400;}
.inf_det .sec1 .frm_chat .st {display:flex; align-items: center; justify-content:end; padding:10px 0px 0px 0px; font-size: 16px; color:#58ae24; line-height: 1.2; font-weight: 300; gap: 10px;}
.inf_det .sec1 .frm_chat .frm {position: relative;}
.inf_det .sec1 .frm_chat .attach {position: absolute; top: 20px; right: 20px; cursor: pointer;}
.inf_det .sec1 .frm_chat textarea {padding:20px 80px 20px 20px;}

.inf_det .sec1.post .content {color: #313131;}
.inf_det .sec1.post h1 {margin-bottom: 20px;}
.inf_det .sec1.post .rbuttons .ui-checkboxradio-label .ui-icon-background {width: 30px !important; height: 30px !important; border-radius: 6px;}
.inf_det .sec1.post .rbuttons .ui-checkboxradio-label {padding-left: 40px !important; padding-top: 12px !important;}
.inf_det .sec1.post .sc1 {display: flex; border-top:1px solid #b0b0b0; border-bottom:1px solid #b0b0b0; align-items: center; padding: 16px 0px; margin-bottom: 20px;}
.inf_det .sec1.post .sc1 .sc1_l {font-size: 16px; line-height: 1.2; font-weight: 500; margin:0px;}
.inf_det .sec1.post .sc1 .sc1_r {display: flex; margin-right: 0px; gap: 10px; align-items: center;}
.inf_det .sec1.post .sc1 .sc1_r .pst_lk {border: 1px solid #ffd740; background-color: #ffd740; font-size: 16px; line-height: 1.2; padding:4px 20px; border-radius: 20px; transition: 0.5s; cursor: pointer; color:#000000;}
.inf_det .sec1.post .sc2 {border-bottom:1px solid #b0b0b0; margin-bottom: 30px; padding-bottom: 20px;}
.inf_det .sec1.post .sc2 .sc2_tx {font-size: 18px; line-height: 1.2; font-weight: 400; margin-bottom: 20px;}
.inf_det .sec1.post .sc2 .rbuttons {margin-bottom: 10px;}
.inf_det .sec1.post .sc2 .sc2_grd {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;}
.inf_det .sec1.post .sc2 .sc2_grd .sc2_pc {border: 1px solid #cdcdcd; border-radius: 6px; overflow: hidden; padding: 4px; margin-bottom: 8px; margin-top: 10px;}
.inf_det .sec1.post .sc2 .sc2_grd .sc2_pc img {width: 100%;  border-radius: 6px;}
.inf_det .sec1.post .sc3 {border:1px solid #dbdbdb; border-radius: 20px; margin-bottom: 40px;}
.inf_det .sec1.post .sc3 .pst_dv {display: flex; padding: 14px 20px; border-bottom: 1px solid #dbdbdb; align-items: center;}
.inf_det .sec1.post .sc3 .pst_l {font-size: 20px; line-height: 1.2; font-weight: 400; margin: 0px;}
.inf_det .sec1.post .sc3 .pst_r {margin-right: 0px; display: flex; font-size: 16px; line-height: 1.2; gap: 10px;}
.inf_det .sec1.post .sc3 .pst_lk {border: 1px solid #dbdbdb; padding:4px 20px; border-radius: 20px; transition: 0.5s; cursor: pointer;}
.inf_det .sec1.post .sc3 .pst_tx {padding: 20px; font-size: 16px; color:#4c4c4c;word-wrap: break-word;}
.inf_det .sec1.post .sc3 .pst_lk.active {background-color: #ffd740; color:#000000; border-color: #ffd740 !important;}
.inf_det .sec1.post .sc3 .pst_msg {padding: 20px; font-size: 16px; line-height: 1.5; color:#4c4c4c;}
.inf_det .sec1.post .sc3 .pst_msg .dt {background: url(../images/ic_calendar.png) no-repeat 0px 1px; padding-left:30px; margin-bottom: 20px;}
.inf_det .sec1.post .sc3 .pst_msg .dt b {font-weight: 600; color:#000000;}
.inf_det .sec1.post .sc3 .pst_msg .msg {position: relative; background: #f2f2f2; padding: 20px 30px; border-radius: 10px; font-weight: 300;word-wrap: break-word;}
.inf_det .sec1.post .sc3 .pst_msg .msg:before {position: absolute; top: -20px; left: 40px; content: ''; width: 0; height: 0; border-left: 0px solid transparent; border-right: 20px solid transparent; border-bottom: 20px solid #f2f2f2;}
.inf_det .sec1.post .sc4 {border:1px solid #dbdbdb; border-radius: 20px; margin-bottom: 40px;}
.inf_det .sec1.post .sc4 .sc4_tx {padding: 20px; font-size: 16px; line-height: 1.2; border-bottom: 1px solid #dbdbdb;}
.inf_det .sec1.post .sc4 .sc4_t1 {margin-bottom: 20px; font-size: 18px; font-weight: 500; color:#4c4c4c;}
.inf_det .sec1.post .sc4 .sc4_t2 {margin-bottom: 20px;}
.inf_det .sec1.post .sc4 .sc4_pd {padding: 20px;}
.inf_det .sec1.post .sc4 .sc4_pd .rbuttons {margin-bottom: 30px;}
.inf_det .sec1.post .sc4 .sc4_pd .rbuttons.onecol {display: flex; gap: 20px; align-items: center;}
.inf_det .sec1.post .sc4 .sc4_pd .rbuttons.onecol .dv {display: flex; gap: 6px; margin: 0px; align-items: center;}
.inf_det .sec1.post .sc4 .sc4_pd .rbuttons.onecol .dv input[type=radio] {margin-top:0px;}
.inf_det .sec1.post .sc4 button {font-family: 'Geologica', sans-serif; font-size: 20px; background-color: #000000; border:none; outline: none; height: 40px; width: 200px; padding-top:1px; cursor: pointer; transition: 0.5s;}
.inf_det .sec1.post .sc4 textarea {border:1px solid #dbdbdb; resize: none; height: 200px;}
.inf_det .sec1.post .sc4 .limit {font-size: 16px; line-height: 1.2; color:#8e8e8e; text-align: right; padding-top:6px; margin-bottom: 10px;}
.inf_det .sec1.post .btn_2 {border:none; outline:none; padding:11px 20px;}
.inf_det .sec1.post .btn_2:hover {background-color: #ffd740;}
.inf_det .sec1.post .btn_2:focus {color: #000000;background-color: #ffd740;}


.followers {font-size: 16px; line-height: 1.2; background-color: #ffffff; padding:10px 10px 40px 10px; border-radius: 16px;}
.followers .dv {padding:12px 0px !important; border-bottom: 1px solid #919191; display: block; padding:10px 0px;}
.followers .dv:after {display: block; content: ""; clear: both;}
.followers .dv .l {float:left; display: flex; gap:6px; color:#313131; line-height: 1.2; font-weight: 500; font-size: 14px !important; text-decoration: underline;}
.followers .dv .l img {width: 20px; object-fit: contain;}
.followers .dv .r {float:right; color:#696969; line-height: 1.2; font-weight: 400; text-align: right; font-size: 14px !important;}
.followers .dv .r span {color:#000000; font-weight: 700;}
.followers .dv {background-size: 26px; background-repeat: no-repeat; background-position: 0px 7px;}
/*.followers .dv:nth-child(1) {background-image: url(../images/billibilli.png); background-position-y: 12px;}
.followers .dv:nth-child(2) {background-image: url(../images/tiktok.png);}
.followers .dv:nth-child(3) {background-image: url(../images/facebook.png);}
.followers .dv:nth-child(4) {background-image: url(../images/youtube.png); background-position-y: 9px;}
.followers .dv:nth-child(5) {background-image: url(../images/xiaohongshu.png);}
.followers .dv:nth-child(6) {background-image: url(../images/youko.png); background-position-y: 8px;}
.followers .dv:nth-child(7) {background-image: url(../images/weibo.png);}
.followers .dv:nth-child(8) {background-image: url(../images/wechat.png);}
.followers .dv:nth-child(9) {background-image: url(../images/instagram.png);}
.followers .dv:nth-child(10) {background-image: url(../images/douyin.png);}*/

.inf_det .sec2 {margin-bottom: 100px;}
.inf_det .sec2 .ct {margin-bottom:40px;}
.inf_det .sec2 .h2  {font-size: 24px; margin-bottom:20px;}
.inf_det .sec2 .lt {float:left; width: calc(100% - 340px); margin:0px; padding-right: 40px;}
.inf_det .sec2 .lt .tbs {display: flex; justify-content: center;}
.inf_det .sec2 .lt .tbs .dv {margin: 0px 3px; text-transform: uppercase; padding: 0px 10px; border: 1px solid #8b8b8b; border-radius: 10px 10px 0px 0px; border-bottom: none; text-align: center; font-size: 14px; height: 50px; display: flex; align-items: center; cursor: pointer; transition: 0.5s;}
.inf_det .sec2 .lt .tbs .dv .t {display: flex; gap:10px; align-items: center;}
.inf_det .sec2 .lt .tbs .dv .t .t1 {font-size:13px; line-height: 1.2; background-color: #000000; color:#ffffff; padding:2px; border-radius: 20px; font-weight: 700; margin-bottom: 6px;}
.inf_det .sec2 .lt .tbs .dv .t .t2 {font-size:10px; line-height: 1.2;  font-weight: 700;}
.inf_det .sec2 .lt .tbs .dv b {font-weight: 700; margin-left:6px;}
.inf_det .sec2 .lt .tbs .dv.active {background-color: #ffd740; border-color: #ffd740;}
.inf_det .sec2 .lt .cn {border:1px solid #dbdbdb; padding:40px; border-radius: 16px;}
.inf_det .sec2 .lt .cn .btn_3 {margin: 0px 0px 30px auto; width: auto; font-size: 16px; padding-top: 7px; width: 300px; background-position: 10px 3px; padding-left: 46px;}
.inf_det .sec2 .lt .tab_content {display: none;}
.inf_det .sec2 .lt .tab1 {display: block;}
.inf_det .sec2 .sub_1 {border-bottom: 1px solid #dbdbdb; padding-bottom: 40px; margin:0px -5px 40px -5px;}
.inf_det .sec2 .sub_1 .dv {float:left; width:20%; padding:0px 5px;}
.inf_det .sec2 .sub_1 .lbl {font-weight: 500; margin-bottom:10px; font-size: 16px;}
.inf_det .sec2 .sub_1 input[type=text] {border:1px solid #b2b2b2; height:52px; border-radius: 10px;}
.inf_det .sec2 .sub_1 .selectpicker {border:1px solid #b2b2b2; height:52px; border-radius: 10px; font-size: 16px; font-family: 'Geologica', sans-serif; background-color: #fff;}
.inf_det .sec2 .sub_1 .jqui_select .ui-selectmenu-button {height:52px; padding-top: 14px;}
.inf_det .sec2 .sub_1 .btn_2 {height: 52px; background: url(../images/ic_reset.png) no-repeat 20px 16px #2c2c2c; border-radius: 10px; font-size: 16px; text-transform: unset; font-weight: 300; padding-top: 6px; padding-left: 55px; margin-top: 29px;}
.inf_det .sec2 .rt {float:left; width: 340px;}
.inf_det .sec2 .rt .bx {background-color: #f3f3f3; border:1px solid #dbdbdb; border-radius: 16px; margin:0px; font-size: 16px; line-height: 1.2; font-weight: 400;}
.inf_det .sec2 .rt .tp {padding:40px 20px 10px 20px; border-bottom: 1px solid #989898;}
.inf_det .sec2 .rt .tp .dv {float:left; margin-bottom: 20px;}
.inf_det .sec2 .rt .tp .dv:nth-child(odd) {color:#797979; clear:both; width: 150px;}
.inf_det .sec2 .rt .tp .dv:nth-child(even) {font-weight: 700;}
.inf_det .sec2 .rt .md {padding: 30px 20px; border-bottom: 1px solid #989898;}
.inf_det .sec2 .rt .md .ttl {font-size: 20px; margin-bottom: 16px;}
.inf_det .sec2 .rt .md .rw  {margin-bottom: 10px;}
.inf_det .sec2 .rt .md .rw .dv {float:left; margin-bottom: 6px; text-align: right; width: 50%; color:#797979;}
.inf_det .sec2 .rt .md .rw .dv:nth-child(odd) {clear:both;}
.inf_det .sec2 .rt .md .rw .dv b {font-weight: 700; color:#000000;}
.inf_det .sec2 .rt .md .btn_3 {font-size: 16px; padding-top: 9px;}
.inf_det .sec2 .rt .md .tx { color:#747474; font-weight: 300; line-height: 1.3;}
.inf_det .sec2 .rt .md .tx div {padding-bottom: 20px;}
.inf_det .sec2 .rt .md .tx div:last-child {padding-bottom: 0px;}
.inf_det .sec2 .rt .bt {padding: 30px 20px;}
.inf_det .sec2 .rt .bt .dv {position: relative; min-height: 100px; padding-left:120px; margin-bottom: 20px; border-bottom: 1px solid #ccc; padding-bottom: 30px;}
.inf_det .sec2 .rt .bt .dv:last-child {margin-bottom: 0px; border-bottom: none; padding-bottom: 0px;}
.inf_det .sec2 .rt .bt .dv .pc {position: absolute; top:0px; left:0px; width:100px; height: 100px; border-radius: 6px; overflow: hidden;}
.inf_det .sec2 .rt .bt .dv .pc img {width: 100%; height: 100%; object-fit: contain;}
.inf_det .sec2 .rt .bt .dv .nm {font-size: 20px; line-height: 1.2; margin-bottom: 6px;}
.inf_det .sec2 .rt .bt .dv .lg {font-size: 0px; margin-bottom: 6px;}
.inf_det .sec2 .rt .bt .dv .lg img {display: inline-block; margin-right: 4px;}
.inf_det .sec2 .rt .bt .dv .cst {font-size: 16px; line-height: 1.2; color:#747474;}

.inf_det .sub_3 {margin-bottom: 40px; border-bottom: 1px solid #dbdbdb; padding-bottom: 30px;}
.inf_det .sub_3 a {float:left; border: 1px solid #b2b2b2; color:#646464; transition: 0.5s; margin-right:10px; margin-bottom: 10px; font-size: 15px; line-height: 1.2; padding: 6px 20px; border-radius: 20px; }


.inf_det .sub_4 {position: relative; padding-left:300px; min-height: 270px;  margin-bottom: 30px;}
.inf_det .sub_4 .pc {position: absolute; top:0px; left:0px; width: 270px;}
.inf_det .sub_4 .pc img {width: 100%; border-radius: 10px; height: 270px; object-fit: contain;}
.inf_det .sub_4 .pd {padding-right: 220px;}
.inf_det .sub_4 .t1 {font-size: 20px; line-height: 1.2; color:#313131; font-weight: 500; margin-bottom: 6px;}
.inf_det .sub_4 .t2 {font-size: 16px; line-height: 1.2; color:#747474; font-weight: 300; margin-bottom: 20px;}
.inf_det .sub_4 .t3 {position: absolute; top:0px; right:0px;}
.inf_det .sub_4 .t3 .d {font-size: 20px; line-height: 1.2; color:#313131; font-weight: 700; margin-bottom: 6px; display: flex; align-items: center; gap: 16px; margin:0px auto 6px 0px;}
.inf_det .sub_4 .t3 .d .pr {margin: 0px;}
.inf_det .sub_4 .t3 .t {font-size: 14px; line-height: 1.2; color:#747474; font-weight: 400; margin-bottom: 20px;}
.inf_det .sub_4 .lks {display: flex; gap:20px;}
.inf_det .sub_4 .lks .btn_3 {text-transform: unset; height: 40px; border: 1px solid #ffffff; background-image: url(../images/inf_ic6.png); background-repeat: no-repeat; background-position: 20px 5px; text-align: left; width: auto !important; margin: 0px !important; padding-left: 60px; padding-right:30px;}
.inf_det .sub_4 .lks .btn_3:nth-child(2) {background-image: url(../images/inf_ic7.png);}

.inf_det .sub_5 .followers {float: left; width: 60%; border: 1px solid #dbdbdb; border-radius: 16px;}
.inf_det .sub_5 .sub_5_rt {float: left; width: 40%; padding-left: 20px;}
.inf_det .sub_5 .sub_5_rt a {background-repeat: no-repeat; background-position: 10px 6px; display: block; text-transform: uppercase; border: 2px solid #ffd740; color: #000000; float: left; width: 46%; margin-right: 4%; font-weight: 600; margin-bottom: 10px; padding: 10px 16px 10px 40px; border-radius: 30px; transition: 0.5s; background-size: 24px; background-color: #ffd740; font-size: 12px !important;}
.inf_det .sub_5 .sub_5_rt .lk1 {background-image: url(../images/inf_ic8.png);}
.inf_det .sub_5 .sub_5_rt .lk2 {background-image: url(../images/inf_ic9.png);}
.inf_det .sub_5 .sub_5_rt .lk3 {background-image: url(../images/inf_ic10.png);}
.inf_det .sub_5 .sub_5_rt .lk4 {background-image: url(../images/inf_ic11.png);}
.inf_det .sub_5 .sub_5_rt .lk5 {background-image: url(../images/inf_ic12.png);}

.inf_det .followers .dv .l {font-size: 16px !important;}
.inf_det .followers .dv .r {font-size: 16px !important;}

.campaign_lst .container {max-width:1452px;}
.campaign_lst .sec1 .maintitle {margin-top:12px; margin-bottom:0px;}
.campaign_lst .sec1 .btn_3 {float: right; font-size: 16px; font-weight: 600; line-height: 1.2; padding: 16px 30px 0px 30px; height: 50px; border-radius: 60px;}
.campaign_lst .sec1 .lks {font-size: 14px; line-height:1.2; margin-bottom: 20px; text-transform: uppercase;  margin-top:34px;}
.campaign_lst .sec1 .lks a {color:#646464; border:1px solid #b2b2b2; float:left; padding:10px 30px; margin:0px 10px 10px 0px; border-radius: 20px; transition:0.5s; font-size: 16px;}
.campaign_lst .sec1 .lks a.active {background-color: #ffd740; color: #000000; border-color: #ffd740;}
.campaign_lst .sec2 {font-size: 18px; line-height: 1.2; color:#313131;}
.campaign_lst .sec2 .t1 {margin-bottom: 20px; font-weight: 400; color:#4c4c4c;}
.campaign_lst .sec2 .bx {width:100%; border:1px solid #dbdbdb; padding:30px 30px 40px 30px; border-radius: 16px; margin-bottom: 30px;}
.campaign_lst .sec2 .bx .ttl {font-size: 24px; line-height: 1.2; margin-bottom:10px;}
.campaign_lst .sec2 .bx .ttl span {color:#dd483c;}
.campaign_lst .sec2 .bx .ttl span a {color:#dd483c;}
.campaign_lst .sec2 .bx .ttl span.sp2 {font-size: 14px;}
.campaign_lst .sec2 .bx .ttl span.sp3 {font-size: 14px; color:#1f74a7; font-weight: 400;}
.campaign_lst .sec2 .bx .ttl span.sp3 a {color:#1f74a7;}
.campaign_lst .sec2 .bx .lk {float: right; margin-top: 7px; font-size: 16px;}
.campaign_lst .sec2 .bx .lk a {color:#1f74a7; font-weight: 400;}
.campaign_lst .sec2 .bx .tx {color:#4c4c4c; margin-bottom: 20px; font-size: 16px;}
.campaign_lst .sec2 .bx .tx b {font-weight: 500;}
.campaign_lst .sec2 .bx .tx.small {font-size: 14px;}
.campaign_lst .sec2 .bx .tx2 {font-size: 18px; line-height: 1.2; font-weight: 400; margin-bottom: 10px;}
.campaign_lst .sec2 .bx .thumbs .th {position: relative; float:left; margin:0px 20px 20px 0px; border-radius: 10px; overflow: hidden;}
.campaign_lst .sec2 .bx .thumbs .del {position: absolute; top:10px; right:10px; background-color: #ffffff; border-radius: 6px;}
.campaign_lst .sec2 .bx .thumbs.mbot {margin-bottom: 20px;}
.campaign_lst .sec2 .bx .txpc {display: flex; gap: 36px; margin: 40px auto 0px 0px; align-items: center; max-width: 780px;}
.campaign_lst .sec2 .bx .txpc .c {background-color: #ffffff; border-radius: 16px; border: 1px solid #dbdbdb; padding: 40px; text-align: center;}
.campaign_lst .sec2 .bx .txpc .c .t1 {font-size: 20px; line-height: 1.2; font-weight: 400; margin-bottom: 14px;}
.campaign_lst .sec2 .bx .txpc .c .t2 {font-size: 16px; line-height: 1.4;}
.campaign_lst .sec2 .bx .txpc .l {width: 50%;}
.campaign_lst .sec2 .bx .txpc .r {width: 50%;}
.campaign_lst .sec2 .bx .txpc .r img {border-radius: 16px; width: 100%;}
.campaign_lst .sec2 .bx .lks {display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px; margin-top:20px;}
.campaign_lst .sec2 .bx .lks a {display: block; color: #646464; border: 1px solid #b2b2b2; padding: 8px 10px; text-align: center; border-radius: 20px; transition: 0.5s;font-size: 16px;}
.campaign_lst .sec2 .bx .lks a.active {background-color: #ffd740;  border-color: #ffd740; color:#000000}
.campaign_lst .sec2 .bx .spacer {border-bottom:1px solid #989898; margin-bottom:30px; padding-top:30px;}
.campaign_lst .sec2 .bx .logos {display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:20px; margin-bottom: 20px;}
.campaign_lst .sec2 .bx .logos .lk {display: block; width: 100%; cursor:pointer; text-align: center; border:1px solid #dedede; border-radius: 10px; font-size: 16px; line-height: 1.2; color:#4c4c4c; font-weight:400; transition:0.5s;}
.campaign_lst .sec2 .bx .logos .lk.active {border: 2px solid #ffd740; box-shadow: 0px 0px 10px rgba(0,0,0,0.1);}
.campaign_lst .sec2 .bx .logos .lk .pc img {margin: 10px auto;}
.campaign_lst .sec2 .bx .logos .lk .ic {margin-bottom: 20px;}
.campaign_lst .sec2 .bx .logos .lk .ic img {display: inline; margin-left:6px;}
.campaign_lst .sec2 .bx .tarea textarea {padding:20px; height: 400px; margin-bottom: 0px;}
.campaign_lst .sec2 .bx .tarea.small {position:relative; margin-bottom: 20px;}
.campaign_lst .sec2 .bx .tarea.small textarea {height: 100px; overflow-y: scroll;}
.campaign_lst .sec2 .bx .tarea.big textarea {height: 400px;}
.campaign_lst .sec2 .bx .limit {text-align: right; font-size: 14px; padding-top:4px;}
.campaign_lst .sec2 .bx .rbuttons .l {font-size: 18px;  float:left; margin-right: 40px; margin-bottom: 10px; display: flex; flex-direction: row-reverse; gap: 6px;}
.campaign_lst .sec2 .bx .rbuttons .l input[type="checkbox"] {width: 20px; height: 20px; margin-top: 0px;}
.campaign_lst .sec2 .bx .rbuttons .l a {font-size: 16px; color:#1f74a7;}
.campaign_lst .sec2 .bx .rbuttons.onecol {display: flex; flex-direction: column;}
.campaign_lst .sec2 .bx .rbuttons.onecol .l {float:none; margin-right:auto; margin-left:0px;}
.campaign_lst .sec2 .bx .left {float:left; width:50%; padding-right: 40px;}
.campaign_lst .sec2 .bx .left .lbl {border:0; color:#ffca00; font-weight:bold; text-align: center;}
.campaign_lst .sec2 .bx .left .lbl .dv {max-width: 400px; margin: 0px auto 0px 0px;}
.campaign_lst .sec2 .bx .right {float:left; width:50%;}
.campaign_lst .sec2 .bx .grd_1 {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:60px;}
.campaign_lst .sec2 .bx .grd_1 .dv {width: 100%;}
.campaign_lst .sec2 .bx .grd_1 .dv .minheight {min-height: 150px;}
.campaign_lst .sec2 .bx .grd_2 {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:60px;}
.campaign_lst .sec2 .bx .grd_2 .dv {width: 100%;}
.campaign_lst .sec2 .bx .table td {text-align: left; color:#4c4c4c; background-color: #ffffff; border-bottom: 1px solid #989898; padding:14px 0px; font-size: 16px;}
.campaign_lst .sec2 .bx .table td:last-child {text-align: center;}
.campaign_lst .sec2 .bx .table tr:last-child td {border-bottom: none;}
.campaign_lst .sec2 .bx .sldwidth {max-width: 400px; margin:0px;}
.campaign_lst .sec2 .bx #amount2 {text-align: center; font-size:14px; font-weight: 600; width:60px; height: 20px; border-radius: 20px; background-color: #000000; color:#ffffff; padding-top:2px; margin-bottom: 10px;}
.campaign_lst .sec2 .bx .slt .l {float:left; margin-right:16px; margin-bottom:10px}
.campaign_lst .sec2 .bx .slt .r {float:left;}
.campaign_lst .sec2 .bx .slt .r .switch {height: 30px; width: 56px;}
.campaign_lst .sec2 .bx .slt .r .slider:before {width:26px; height:26px;}
.campaign_lst .sec2 .bx.graybg {background-color: #f3f3f3;}
.campaign_lst .sec2 .note {margin-bottom: 20px;}
.campaign_lst .sec2 .note b {font-weight: 600; color:#dd483c;}
.campaign_lst .sec2 .note a {color:#dd483c;}
.campaign_lst .sec2 .botbtns {margin-bottom: 100px;}
.campaign_lst .sec2 .botbtns .btn_1 {background-color: #e7e7e7;}
.campaign_lst .sec2 .botbtns a {float: left; width: 200px; font-size: 16px; text-transform: uppercase; height: 50px; margin-right: 20px; padding-top: 16px;}
.campaign_lst .sec2 .botbtns input[type=submit] {border: none; outline: none; padding-top: 2px !important; line-height: 1;}
.campaign_lst .sec2 .grd {display: flex; gap:30px;}
.campaign_lst .sec2 .grd .bx .ttl {float: left;}
.campaign_lst .sec2 input[type=text] {border:1px solid #b2b2b2; height:58px; border-radius: 10px !important; font-weight: 300; padding-left:20px; margin-bottom: 0px; background-repeat: no-repeat; background-position: 16px 12px; }
.campaign_lst .bootstrap-tagsinput {padding:0px;}
.campaign_lst .bootstrap-tagsinput .badge {font-weight: 400;}
.campaign_lst .remove-me {position: absolute; top: 4px; right: 20px; margin: 0px; background: #ffd740; border: none; font-family: 'Geologica', sans-serif !important; font-size: 30px; line-height: 0; padding: 0px; width: 30px !important; height: 24px;}
.campaign_lst .quantity-nav {margin-top:6px;}

.campaign_lst .sec2.frm select {font-size: 16px;}
.campaign_lst .sec2.frm input[type=text] {font-size: 16px;}
.campaign_lst .sec2.frm textarea {font-size: 16px; font-family: 'Arial'; padding:20px;}


.tooltip {position:absolute; top:60px; left: 0px; border-radius: 10px; width: 220px; font-size: 14px; line-height: 1.4; text-align: center; border:1px solid #dbdbdb; background-color: #000; color:#fff; padding:10px; font-weight: 300; display: none;}
.tooltip:before {content:""; position: absolute; top:-10px; left: 50%; transform: translateX(-50%); border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #000;}

.clst_grd .dv {display: flex; border:1px solid #dbdbdb; margin-bottom:40px; border-radius: 16px;}
.clst_grd .lt {padding:30px; width:24%; position: relative;}
.clst_grd .lt img {border-radius: 10px; width: 100%; height: 280px; object-fit: contain;}
.clst_grd .lt .lbl {position: absolute; top: 40px; right: 40px; background-color: #ffd740; font-size:13px; padding:4px; border-radius: 4px;}
.clst_grd .rt {width:76%; border-left: 1px solid #dbdbdb;}
.clst_grd .rt .tp {padding:30px 40px; min-height:255px;}
.clst_grd .rt .tp .dt {float:left; font-size: 16px; line-height: 1.2; color:#4c4c4c; font-weight: 400;  background: url(../images/ic_calendar.png) no-repeat 0px 0px; padding:0px 0px 0px 30px;}
.clst_grd .rt .tp .inf {float:right; font-size: 16px; line-height: 1.2; color:#4c4c4c; font-weight: 400;}
.clst_grd .rt .tp .inf b {font-weight: 600;}
.clst_grd .rt .tp .inf span {color:#58ae24;}
.clst_grd .rt .tp .tg {margin:20px 0px 10px 0px;}
.clst_grd .rt .tp .tg a {float:left; font-size:14px; line-height:1.2; text-transform:uppercase; color:#ffffff; padding:4px 16px; border-radius: 20px;}
.clst_grd .rt .tp .ttl {float:left; font-size: 20px; line-height: 1.2; color:#313131; margin-bottom:10px; text-transform: uppercase; font-weight: 400; transition: 0.5s;}
.clst_grd .rt .tp .tx {font-size: 16px; line-height: 1.2; color:#dd483c; margin-bottom:20px;}
.clst_grd .rt .tp .lks {font-size: 16px; line-height:1.2; margin-top:10px;}
.clst_grd .rt .tp .lks a {color:#646464; border:1px solid #b2b2b2; float:left; padding:6px 13px; margin:0px 10px 10px 0px; border-radius: 20px; transition:0.5s;}
.clst_grd .rt .tp .btn_3 {font-size: 16px; line-height:1.2; width:200px; margin:10px 0px 0px auto; text-transform: unset;}
.clst_grd .rt .tp .btn_3.active {background: #399321; color:#ffffff;}
.clst_grd .rt .tp .model-hover-poup {position: relative; z-index: 9;}
.clst_grd .rt .tp .model-hover-poup .btn_3 {transition: unset;}
.clst_grd .rt .tp .model-hover-poup .btn_3:hover {background-color: #ffd740 !important; color: #2b2a27;}
.clst_grd .rt .tp .bubbleorow {position: relative; border-bottom: 1px solid #fff;  padding: 10px 35px 10px 10px; }
.clst_grd .rt .tp .bubblepopup {background: #ffd740; position: absolute; top: 39px; right: 0px; width: 200px; border-radius: 0px 0px 10px 10px; display: none;}
.clst_grd .rt .tp .bubblepopup .redbubble {font-weight: 700; background-color: #dd483c; color: #ffffff; padding: 2px 8px; border-radius: 20px; position: absolute; top: 10px; right: 10px; min-width: 30px; text-align: center; font-size: 12px;}
.clst_grd .rt .tp .model-hover-poup:hover .bubblepopup  {display: block;}
.clst_grd .rt .tp .model-hover-poup:hover .btn_3 {border-radius: 19px 19px 0px 0px;}
.clst_grd .rt .bt {position: relative; border-top:1px solid #dbdbdb; font-size: 16px; line-height:1.2; font-weight: 400; padding:20px 40px;}
.clst_grd .rt .bt .l {float:left;}
.clst_grd .rt .bt .l a {transition: 0.5s;}
.clst_grd .rt .bt .l .lk1 {position:relative; color:#1f74a7; background: url(../images/ic_edit.png) no-repeat 0px 16px; padding:20px 20px 20px 34px; margin-right:20px;}
.clst_grd .rt .bt .l .lk2 {color:#dd483c; background: url(../images/ic_cancel.png) no-repeat 0px 16px; padding:20px 20px 20px 34px;}
.clst_grd .rt .bt .m {position:absolute; top:15px; left:52%;}
.clst_grd .rt .bt .m a {color:#4c4c4c;}
.clst_grd .rt .bt .m a span {background: #dd483c; color: #fff; padding: 6px 20px; border-radius: 20px; min-width: 60px; text-align: center; display: inline-block;}
.clst_grd .rt .bt .r {float: right;}
.clst_grd .rt .bt .r a {font-size: 16px; color: #fff; background: #dd483c; line-height: 1; font-weight: 300; padding: 6px 16px 8px 16px; border-radius: 20px; transition:0.5s;}
.clst_grd .rt .bt .r.active a {background: #399321;}


.payment .container {max-width:1452px;}
.payment .sec1 .ct {display: flex; margin-bottom: 100px; flex-direction: row-reverse;}
.payment .sec1 .lt {width: calc(100% - 460px); margin-left: 0px; border: 1px solid #dbdbdb; padding:30px 30px; border-radius: 16px; color:#313131;}
.payment .sec1 .lt .ttl {font-size:24px; line-height: 1.2; margin-bottom: 20px;}
.payment .sec1 .lt .bx {border:1px solid #dbdbdb; border-radius: 10px; margin-bottom: 20px;}
.payment .sec1 .lt .bx .tp {padding: 14px 20px;}
.payment .sec1 .lt .bx {border:1px solid #dbdbdb; border-radius: 10px;}
.payment .sec1 .lt .bx .tp {padding: 14px 20px;}
.payment .sec1 .lt .bx .bt {padding:20px; border-top: 1px solid #dbdbdb;}
.payment .sec1 .lt .bx .bt .rw {margin:0px -15px;}
.payment .sec1 .lt .bx .bt .rw .cl {float:left; width: 33.33%; padding:0px 15px;}
.payment .sec1 .lt .bx .lbl {font-size:18px; line-height: 1.2; font-weight: 400; margin-bottom: 10px;}
.payment .sec1 .lt .bx .inp {margin-bottom: 20px;}
.payment .sec1 .lt .bx input[type=text] {border: 1px solid #b2b2b2; height: 50px; border-radius: 10px;}
.payment .sec1 .lt .bx button {border:none; height: 50px; border-radius: 10px; background-color: #ffd740; width: 100%; font-size:20px; line-height: 1; color:#313131; font-family: 'Geologica', sans-serif; cursor: pointer; margin-bottom: 10px; transition: 0.5s;}
.payment .sec1 .lt .bx .lg {text-align: right; margin-bottom: 10px;}
.payment .sec1 .lt .bx .lg img {display: inline;}
.payment .sec1 .lt .terms {font-size: 16px;}
.payment .sec1 .lt .terms a {color:#000000; text-decoration: underline;}

.payment .sec1 .rt {min-width: 400px; max-width: 400px; width: 100%; margin-right: 0px;}
.payment .sec1 .rt .bx {background-color: #f3f3f3; border: 1px solid #dbdbdb; padding:30px 20px; border-radius: 16px;}
.payment .sec1 .rt .ttl {font-size: 24px; line-height: 1.2; color:#313131; font-weight: 400; margin-bottom: 10px;}
.payment .sec1 .rt .ttl span {font-size: 15px;}
.payment .sec1 .rt .rw {font-size: 18px; line-height: 1.2; border-bottom: 1px solid #dbdbdb; padding: 16px 0px;}
.payment .sec1 .rt .rw .cl {float: left; color:#797979;}
.payment .sec1 .rt .rw .cl:nth-child(2) {float: right; color:#000000;}
.payment .sec1 .rt .rw:last-child {border: none; padding-bottom: 0px; font-weight: 600;}


.influencers .container {max-width:1452px;}
.influencers .banner .dv .tx {margin-bottom: 0px;}
.influencers .sec2 {padding:40px 0px 100px 0px;}
.influencers .sec2 .lft {float:left; width:50%;}
.influencers .sec2 .lft .ttl {font-size: 36px; line-height: 1.2;  margin-bottom: 20px; font-weight: 400;}
.influencers .sec2 .lft .dv {background-color: #f6f6f6; border: 2px solid #e1e1e1; padding: 30px 30px 30px 140px; border-radius: 10px; background-repeat: no-repeat; background-position: 10px 10px; margin-bottom: 20px; transition: 0.5s; background-size: 120px;}
.influencers .sec2 .lft .dv .t1 {font-size: 22px; line-height: 1.2; margin-bottom: 10px; font-weight: 500;}
.influencers .sec2 .lft .dv .t2 {font-size: 16px; line-height: 1.5; font-weight: 300;}
.influencers .sec2 .lft .dv1 {background-image: url(../images/inf_ic1.png);}
.influencers .sec2 .lft .dv2 {background-image: url(../images/inf_ic2.png);}
.influencers .sec2 .lft .dv3 {background-image: url(../images/inf_ic3.png);}
.influencers .sec2 .lft .dv4 {background-image: url(../images/inf_ic4.png);}
.influencers .sec2 .lft .dv5 {background-image: url(../images/inf_ic5.png);}
.influencers .sec2 .rgt {float:left; width:50%; padding-left:60px;}
.influencers .sec2 .hp_sec7 {padding:0px; text-align: center;}
.influencers .sec2 .hp_sec7 .container {flex-direction: column; align-items: start; padding:0px;}
.influencers .sec2 .hp_sec7 .lt {margin: 0px auto 46px auto;}
.influencers .sec2 .hp_sec7 .rt {max-width: unset;}

.popup_ar {position: fixed; top:0px; left:0px; background-color: rgba(0,0,0,0.7); width: 100%; height:100%; z-index: 111111;}
.popup_ar .bx {position: absolute; top:0px; right:0px; width: 100%; max-width: 400px; height:100%;  overflow: auto; background-color: #f6f7fb; color:#313131;}
.popup_ar .bx .cl {position: absolute; top:0px; right:0px; padding:20px; cursor: pointer;}
.popup_ar .dv {margin-bottom: 30px; padding: 0 20px;}
.popup_ar .ttl {font-size: 20px; font-weight: 500; margin-bottom: 10px; padding: 0 20px;}
.popup_ar .ttl2 {font-size: 16px; font-weight: 700; margin-bottom: 10px;}
.popup_ar .ttl2.mtop {margin-top:10px;}
.popup_ar .tx_box {border:1px solid #b2b2b2; border-radius: 4px; color: #646464; font-size: 16px; padding: 16px;background: #fff;}
.popup_ar .dv.last .tx_box {margin-bottom: 10px;}
.popup_ar .hd1 {font-size: 24px; line-height: 1.2; font-weight: 500; padding: 30px 20px 16px 20px; background: #ffc001;}
.popup_ar .hd2 {font-size: 16px; line-height: 1.2; color:black; padding: 0px 20px 26px 20px; background: #ffc001;}
.popup_ar .pc { padding-bottom: 0px; margin-top: -8px;}
.popup_ar .pc img {width: 100%; border-radius: 10px 10px 0px 0px;}
.popup_ar .sc1 {display: block; gap:10px; text-align: center; padding-left: 20px; background: #f6f7fb;}
.popup_ar .sc1 .d1 {width: 100px; height: 100px; margin: 0px; border-radius: 10px; overflow: hidden; margin:auto;}
.popup_ar .sc1 .d1 img {width: 100%; height: 100%; object-fit: contain;}
.popup_ar .sc1 .d2 {margin: 0px; font-size: 18px; padding: 10px 0;}
.popup_ar .sc2 {overflow: auto; margin-bottom: 30px;background: #f6f7fb; padding-left: 20px; padding-right: 20px;}
.popup_ar .sc2::-webkit-scrollbar {width: 10px; height: 10px;}
.popup_ar .sc2::-webkit-scrollbar-track {background: #f2f2f2; }
.popup_ar .sc2::-webkit-scrollbar-thumb {background: #dedede; }
.popup_ar .sc2 .btn_set2 {display: flex; padding-top: 20px;}
.popup_ar .sc3 {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
.popup_ar .sc3 .tx_box {display: flex; align-items: center; text-align: center; width: 100%; font-weight: 500; line-height: 1.2;background: #fff;}
.popup_ar .sc3 .tx_box .t1 {margin-bottom: 6px;}
.popup_ar .sc3 .tx_box span {color:#000000; font-weight: 600;}
.popup_ar .sc3.opt2 .tx_box:nth-child(1) {background-color: #ffd740;}
.popup_ar .sc3.opt2 .tx_box:nth-child(2) {background-color: #ffd740;}
.popup_ar .btn_set1 .tg {float:left; border: 1px solid #ccc; font-size: 14px; color: #646464; font-weight: 500; margin: 0px 10px 10px 0px; padding: 4px 20px; border-radius: 20px;  white-space: nowrap;background: #fff;}
.popup_ar .btn_set2 a {border: 1px solid #ccc; font-size: 14px; color: black; font-weight: 500; margin: 0px 10px 10px 0px; padding: 4px 20px; border-radius: 20px;  white-space: nowrap; transition: 0.5s;}
.popup_ar .btn_set3 {display: flex; gap: 4px;background: #fff;}
.popup_ar .btn_set3 .lk {border: 1px solid #b2b2b2; border-radius: 6px; margin-bottom: 16px; padding: 10px;}
.popup_ar .btn_set3 .lk .img img {width: 50px; margin: 0px auto;}
.popup_ar .btn_set3 .lk .ic {font-size: 12px; font-weight: 500; text-align: center;}
.popup_ar .owl-dots {display: none;}
.popup_ar .owl-prev {background: url(../images/ic_ar_left.png) no-repeat center center !important; left:0px; top:50%; transform: translateY(-50%); margin-top: -13px !important;}
.popup_ar .owl-next {background: url(../images/ic_ar_right.png) no-repeat center center !important; right: 0px; top:50%; transform: translateY(-50%); margin-top: -13px !important;}


footer .ttl {font-size:19px; line-height:1; font-weight: 400; margin-bottom:30px;}
footer .tp {background-color: #ffd740; color:#000000; padding:52px 0px 63px 0px;}
footer .tp .lt {float:left; max-width:550px; font-size: 63px; line-height:1; font-weight: 700;}
footer .tp .rt {float:right; max-width:420px; margin-top:10px;}
footer .tp .rt .tx {font-size: 24px; line-height:1.2; margin-bottom: 20px;}
footer .tp .rt .lk {display: flex; gap:10px;}
footer .tp .rt .lk a {padding-left:30px; padding-right:30px; transition: 0.5s;}


footer .bt {background-color: #313131; padding:65px 0px 0px 0px; color:#ffffff;}
footer .bt .container {position:relative;}
footer .bt .lt {float:left; max-width: 325px;}
footer .bt .lt .pc {margin-bottom: 20px;}
footer .bt .lt .tx {font-size: 16px; font-weight: 400; line-height: 1.5;}
footer .bt .md {position:absolute; top:0px; left: 50%; transform: translateX(-72%); width: 200px;}
footer .bt .md a {display: block; color:#d7d7d7; font-size:16px; line-height:20px; padding:0px 0px 10px 0; transition: 0.5s;}
footer .bt .rt {float:right; max-width:550px;}
footer .bt .rt .lbl {font-size: 16px; line-height: 1.2; color:#dfdfdf; margin-bottom:8px;}
footer .bt .rt .lbl span {color:#ffd740;}
footer .bt .rt .inp {margin-bottom: 10px;}
footer .bt .rt .tx {font-size: 12px; line-height: 1.5; font-weight: 400; color:#d3d3d3; max-width: 450px; margin-bottom: 25px;}
footer .bt .rt a {width: 113px;}
footer .bt .bl {border-top:1px solid #4c4c4c; margin-top:50px; padding:30px 0px;}
footer .bt .bl .l {float:left; color:#a8a8a8; font-size: 13px; line-height: 1.2; font-weight: 400; margin-top:12px;}
footer .bt .bl .r {float:right;}
footer .bt .bl .r a {float:left; width:36px; height:36px; border-radius: 50%; border:1px solid #a5a5a5; margin-left:10px; background: url(../images/ft_icons.png) no-repeat 0px 0px; transition: 0.5s;}
footer .bt .bl .r a:first-child {margin-left:0px;}
footer .bt .bl .r a.ic1 {background-position: -3px -2px;}
footer .bt .bl .r a.ic2 {background-position: -62px -3px;}
footer .bt .bl .r a.ic3 {background-position: -122px -6px;}
footer .bt .bl .r a.ic4 {background-position: -183px -4px;}
footer .bt .bl .r a.ic5 {background-position: -243px -4px;}

footer .bt .rt button {outline: none; border: none; padding-top: 0px;}

#aud_location .multiselect {color:#000000; margin:0px; border-radius: 10px; border: 1px solid rgb(178, 178, 178) !important; font-size: 16px;}
#aud_location .multiselect .caret {border-top: 10px solid; border-right: 8px solid transparent; border-left: 8px solid transparent; margin-top: 3px;}
#aud_location .dropdown-menu {width: 100%; height: 225px; overflow-y: scroll;}
#aud_location .dropdown-menu li a {outline: none;}
#aud_location .dropdown-menu li a:hover {background: none;}
#aud_location .dropdown-menu li.active a {background: transparent; color:#000000;}
#aud_location .multiselect-item .input-group {display: flex; margin-bottom: 12px;}
#aud_location .multiselect-item .input-group-addon {height: 46px; width: 40px; padding-top: 14px;}
#aud_location .multiselect-item .multiselect-search {width: calc(100% - 100px); height: 46px; border: 1px solid #ccc;}
#aud_location .multiselect-item .input-group-btn {display: block;}
#aud_location .multiselect-item .input-group-btn .btn {margin: 0px; height: 46px; background: transparent; color: #000000; border: 1px solid #ccc; border-left: 0px; padding-top: 8px; border-radius: 0px 6px 6px 0px; width: 60px; outline: none;}
#aud_location .multiselect-container li label {height: unset;}

.frm_profile .col-md-12 {margin-bottom: 20px;}
.frm_profile .col-md-6.col-sm-6 {padding:0px;}
.frm_profile .col-md-6.col-sm-6 input[type=text] {border: 1px solid #ccc; height: 45px; margin: 0px;}
.frm_profile .col-md-6.col-sm-3 .btn {height: 45px; border-radius: 45px; background: #ffd740; border: none; color: #000; text-transform: uppercase; padding: 0px 30px;}
.frm_profile .table td {text-align: left;}
.frm_profile .table td {font-weight: 400 !important;}

.sidenav {left:auto;}

.like_icon {background: url(../images/ic_heart.png) no-repeat 0px 0px; width: 34px; height: 34px;}
.like_icon.active {background-image: url(../images/ic_heart_active.png);}
.sc4_t1 {padding:0px 20px;}
.sc4_t2 {padding:0px 10px 20px 10px;}
.attachment-button {cursor: pointer;}

.sidenav .item .pc img {height: 300px; object-fit: contain;}
.inpnomarg input[type=password] {margin-bottom: 0px;}
.rbuttons.infpost {margin-bottom: 10px; display: flex; flex-direction: row-reverse; justify-content: flex-end; gap: 6px; float: none; align-items: center;}

.frm_chat .profile-userpic {float:none;}

.inf_filter .coninpt {height: 40px !important; font-size: 14px; background-color: #ffffff !important;}
.inf_filter select {height: 40px !important; font-size: 14px !important; border-color: #b2b2b2; background-color: #ffffff !important; padding-top:9px;}
.inf_filter .btn_2 {background-position-y: 9px !important; font-size: 14px !important; height: 41px !important; outline:none !important;}
.inf_filter .lbl {font-size:14px !important;}
.inf_filter.sixcol .dv{width:16.66% !important;}

/*@media(max-width: 1900px){
    .hp_sec6 .container {padding: 0px 50px !important;}
    .owl-next {right: -48px;}
    .owl-prev {left: -50px;}
}

@media(max-width: 1600px){
    .container {padding: 0px 20px !important;}
    /*h1 {font-size: 38px; line-height: 1.1; margin-bottom:30px;}*/

 /*   header .md {font-size: 16px;}
    header .rt a {font-size: 16px; padding-top:9px !important;}

    .banner .dv {left: 100px;}
    .banner .dv .tx {font-size: 38px;}
    .home .banner {margin-bottom: 60px;}

    .hp_sec1 .lt {min-height: 784px; padding-right: 60px;}
    .hp_sec1 .rt img:nth-child(1) {top:60px;}
    .hp_sec1 .rt img:nth-child(2) {top: 140px;}
    .hp_sec1 .rt img:nth-child(3) {top: 490px;}

    .hp_sec2 {padding: 60px 0px;}
    .hp_sec2 .dv {padding: 0px 20px;}
    .hp_sec2 .dv:after {width: 70px; right: -40px;}
    .hp_sec2 .dv .pc img {width: 120px;}
    .hp_sec2 .dv .t1 {font-size: 30px;}

    .hp_sec3 {padding: 60px 0px;}
    .hp_sec3 .item .pd {padding: 30px 30px 90px 30px;}
    .hp_sec3 .item .pd a {bottom: 30px;}
    .hp_sec3 .item .pd .t1 {font-size: 24px;}

    .hp_sec4 {padding: 60px 0px;}

    .hp_sec5 {padding-bottom: 60px;}
    .hp_sec5 h1 {font-size: 38px;}

    .hp_sec6 {padding: 60px 0px;}
    .hp_sec6 .item .pd {padding: 30px 30px 90px 30px;}
    .hp_sec6 .item .pd a {bottom: 30px;}
    .hp_sec6 .item .pd .t1 {font-size: 24px;}
    .hp_sec6 .item .pd .t2 .l {font-size: 16px;}
    .hp_sec6 .item .pd .t2 .r {font-size: 20px;}

    .hp_sec7 {padding: 60px 0px;}
    .hp_sec7 .lt img {width: 280px;}
    .hp_sec7 .rt {padding-left: 60px;}
    .hp_sec7 .rt .tx {font-size: 34px; line-height: 1.2;}

    .hp_sec8 {padding-bottom: 60px;}
    .hp_sec8 .container {padding: 0px 10px !important;}
    .hp_sec8 .dv {padding: 0px 10px;}

    footer .ttl {font-size: 20px;}
    footer .tp {padding: 60px 0px;}
    footer .tp .lt {font-size: 60px; max-width: 400px;}
    footer .tp .rt {max-width: 394px; margin-top: 6px;}
    footer .tp .rt .tx {font-size: 24px;}
    footer .bt {padding: 60px 0px 0px 0px;}
    footer .bt .lt .pc img {width:80px;}
    footer .bt .lt .tx {font-size: 18px;}
}
*/

.ttip_logo {position:relative;}
.ttip_logo .ttip_pop {position: absolute; top: 30px; left: -80px; background: #ffd740; padding: 10px; font-weight: 400; color: #000; width: 200px; font-size: 13px; border-radius: 10px; display: none;}
.ttip_logo .ttip_pop:before {content: ''; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #ffd740; position: absolute; top: -10px; left: 50%; transform: translateX(-50%);}
.ttip_logo:hover .ttip_pop {display: block;}

.campaign_lst .sec2 input[type=number] {font-family: 'Geologica', sans-serif !important; font-size: 16px;}

.ui-datepicker { font-family: 'Geologica', sans-serif !important;  padding: 0px !important; border: none !important; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.4) !important; border-radius: 10px !important;}
.ui-datepicker-header {background: #ffd740 !important; border-color: #ffd740 !important;}
.ui-datepicker .ui-state-default {border-color: #fff !important; background-color: #fff !important; font-weight: 700 !important;}
.ui-datepicker thead {background: #f6f6f6 !important;}
.ui-datepicker .ui-state-highlight {background: #ffd740 !important; color: #000 !important;}

/* 21 may-2024 */

.home section.hp_sec2 h1{ margin-bottom: 1.8em;font-size: 3em;}
.campaign_lst .bootstrap-tagsinput {background-color: #fff;border: 1px solid #ccc;border-radius: 5px;padding-left: 10px;
    padding-right: 10px;}
.campaign_lst .bootstrap-tagsinput input{width: auto!important;border-color:transparent!important;display: inline-block;}
.campaign_lst .htags .input_box label{margin-bottom: 10px;}
.thumbs a#image_brand_cover_upload img#cover-image{width: 372px!important;height: 230px!important;}
.campaign_lst .sec2 .bx .logos .lk .ic img{ display: none;}
.campaign_lst .sec2.frm textarea {font-size: 16px;color: #4c4c4c;line-height: 1.6;}
.cke_editable p{ font-size: 16px!important;}
 .popup_ar .dv.last .ttl{
    font-size: 16px;
    /* background: #fff; */
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover{
    color: #003eff !important;
}
.campaign_lst .sec2 .note {font-size: 16px;}
.inf_det .sec2 .lt .cn p{font-size: 16px;}
.inf_det .sub_3 a{font-size: 16px;}
.inf_det .sec2 .lt .tbs .dv{font-size: 13px;}
.inf_det .sub_4 .t3 .t{font-size: 16px;}
.inf_filter .coninpt, .inf_filter select {font-size: 14px!important;}
.list_container.InterestedInfluencerDiv a{font-size: 16px!important;}
.list_detail .col-lg-12 > h4{font-size: 16px;}

/* 24-may-2024 */

.campaign_lst .sec2 .bx .tarea textarea{padding: 20px!important;}
body.openSideBar .sidenav .popup_ar .bx{background-color:#f6f7fb;}
.popup_ar .btn_set2 a{background: #ffc001;}
.inf_det .sec2 .lt .tab_content.home{display: block;}
.inf_det .sec2 .sub_1 .selectpicker{height: 44px;}
.tophead{background: #ffc001;}


/* 01 June 2024  */

.inf_det .sub_5 .sub_5_rt a{white-space: nowrap; width: auto;}
.inf_det .sub_5 .followers{width: 55%;}
.inf_det .sub_5 .sub_5_rt{width: 45%;}
.inf_det .sub_5 .sub_5_rt a:last-child{margin-right: 0;}
.page-item {padding: 8px 13px!important;border: solid 1px #ddd;}
.page-item.active { background-color: #ffc001!important;border-color: #ffc001!important;}
.pagination .page-item:first-child{border-radius: 4px 0px 0px 4px;}
.pagination .page-item:last-child{border-radius: 0px 4px 4px 0px;}
.page-item.active .page-link{background-color: #ffc001!important;border: none;}
span#gender_preview{word-break: break-all;}
label.panel-action.rdcnt.collapsed:not([aria-expanded="false"]){border: 1px solid red;}
/* radio feDiffuseLighting */
label.panel-action.rdcnt.actives .checkmark{background:#ffc001;}
label.panel-action.rdcnt.actives.collapsed .checkmark{background:transparent;}

    /* ++ */



@media(max-width: 1400px){
    
    h1 {font-size: 30px;}
    .hp_sec5 h1 {font-size: 30px; line-height: 1.1;}
    .hp_sec2 .dv .t1 {font-size: 24px;}
    .hp_sec7 .rt .tx {font-size: 30px;}

    .banner .dv {left: 100px;}
    .hp_sec1 .lt h1 {font-size:30px;}
    .hp_sec1 .lt h1 br {display: none;}

    .container {padding:0px 20px;}
    .banner .container {padding:0px 20px;}
    header .container {padding:0px 20px;}
    .hp_sec6 .container {padding:0px 50px;}
    .owl-next {right: -48px;}
    .owl-prev {left: -50px;}
    .hp_sec3 .container {padding: 0px 50px !important;}

    .cs .sec1 .tx {font-size: 18px;}
    .cs .sec1 .grd .dv .bt {padding: 16px 20px; bottom:-68px;}
    .cs .sec1 .grd .dv .bt .ttl {font-size: 18px;}

    .csd .sec1 .rt {padding-left: 20px;}

    .contact.signup .sec1 .rt .t1 {font-size: 18px;}

    .campaign .sec2 .rt {padding-left: 40px;}
    .campaign .sec2 .rt .ttl {font-size: 30px;}
    .campaign .sec2 .rt .ttl2 {font-size: 24px;}
    .campaign .sec2 .rt .tx {font-size: 18px;}
    .campaign .sec2 .rt .btn_2 {font-size: 16px; max-width: 460px; height: 64px; padding-top: 19px;}
    .campaign .sec3 .ttl {font-size: 30px; margin-bottom: 30px;}
    .campaign .sec4 .ttl {font-size: 30px;}

    .about .sec3 {padding: 80px 0px 0px;}
    .about .sec1 h1 {font-size: 30px;}
    .about .sec2 .rt .ttl {font-size: 30px;}
    .about .sec3 .lt .ttl {font-size: 30px;}

    footer .bt .lt {max-width: 400px; margin-bottom: 40px;}
    footer .bt .md {position: relative; transform: none; left: 0px; clear: both; max-width: 200px; margin: 0px 0px 0px 0px;}
    footer .bt .rt {position: absolute; top: 0px; right: 20px;}

}
@media(max-width: 1300px){
    .inf_det .sec1 .rt .grd {grid-template-columns: repeat(3, 1fr);}
    .inf_det .sec1 .rt .grd .dv:first-child {border-radius: 16px 0px 0px 0px;}
    .inf_det .sec1 .rt .grd .dv:last-child {border-radius: 0px 0px 16px 0px;}
    .inf_det .sec1 .rt .grd .dv:nth-child(1) {text-align: center;}
    .inf_det .sec1 .rt .grd .dv .lk {margin: 0px auto;}
    .inf_det .sec1 .rt .grd .dv .pc {margin: 0px auto 10px auto;}

    .inf_det .sec2 .lt {width:100%; padding: 0px; margin-bottom: 40px;}
    .inf_det .sec2 .rt {width: 100%; max-width: 600px; margin: 0px auto; float: none; clear: both;}
    
}
@media(max-width: 1200px){
    .hp_sec3 .item .pd {padding: 20px 20px 70px 20px;}
    .hp_sec3 .item .pd a {bottom:20px;}
    .hp_sec6 .item .pd {padding: 20px 20px 70px 20px;}
    .hp_sec6 .item .pd a {bottom:20px;}
    footer .tp .lt {max-width: 420px;}

    .clst_grd .lt {padding: 10px;}
    .clst_grd .lt .lbl {top: 20px; right: 20px;}
    .clst_grd .rt .bt .m {clear: both; float: left; left: 0px; top:0px; position: relative; margin-top: 20px;}    

    .payment .sec1 .lt {width: calc(100% - 420px);}
    .payment .sec1 .lt .bx .bt .rw .cl {width: 50%;}

    .campaign_lst .sec2 .bx .lks {grid-template-columns: repeat(4, minmax(0, 1fr));}
    .campaign_lst .sec2 .bx .logos {grid-template-columns: repeat(4, minmax(0, 1fr));}

    .inf_det .sec1.post .sc1 {flex-direction: column; gap: 20px;}
    .inf_det .sec1.post .sc1 .sc1_l {width: 100%;}
    .inf_det .sec1.post .sc1 .sc1_r {width: 100%;}
    .inf_det .sec1.post .sc1 .sc1_r .pst_lk {margin:0px;}
    .inf_det .sec1.post .sc3 .pst_dv {flex-direction: column; gap: 20px;}
    .inf_det .sec1.post .sc3 .pst_l {width: 100%;}
    .inf_det .sec1.post .sc3 .pst_r {width: 100%;}
    .inf_det .sec1.post .sc3 .pst_r .pst_lk {margin: 0px;}

}

@media(max-width: 980px){
    body {padding-top:60px;}
    header {height: 60px;}
    header .btn_menu {display: block;}
    header .mn {position: absolute; top: 60px; right: 20px; transform: none; max-width: 400px; width: 100%; background: #ffffff; z-index:100; padding: 20px; box-shadow: 0px 0px 10px rgba(0,0,0,0.3); border-radius: 10px; display:none; padding-bottom: 110px;}
    header .mn.active {right: 20px;}
    header .md {float:left; width: 50%; flex-direction: column; position: relative; transform: none; top: 0px; left: 0px; padding-top:40px;}
    header .md a {padding: 13px 0px;}
    header .lt {margin-top:5px;}
    header .lt img {width:40px; height:auto;}
    .home .banner {margin-bottom: 60px;}
    header .rt {float: left; width: 50%; margin-top: 42px !important; }
    header .rt a {width:100%; margin:0px 0px 10px 0px !important;}
    header .rt a:last-child {margin-bottom:0px !important; text-align: center;}

    header .rt .btnProfile {margin: 0px; width: calc(100% - 40px); min-width: calc(100% - 40px); float: none; clear: both; position: absolute; top: 10px; left: 20px; border-radius: 0px; border: none; border-bottom: 1px solid #000; background-position: 0px 8px, right -68px top 14px;}
    header .rt .btnProfile .sbmn {display: block; padding:0px; width: 50%; margin: 65px 0px 0px auto;}
    header .rt .btnProfile .lbl {padding: 9px 9px 9px 28px;  cursor: unset;}
    header .mn.loggedin {padding-top:60px; height: 360px;}
    header .mn.loggedin a.btnBook {margin-top: 240px !important;}
    header .rt a.btnNotification {display: none;}
    header .btnBook {text-align: center;}

    .mb_notification {display: block;}

    .banner .dv {left: 40px;}
    .banner .dv .tx {font-size: 28px; margin-bottom: 20px;}

    .hp_sec1 .lt {min-height: auto; padding-right: 0px; width: 100%; padding-top: 60px;}
    .hp_sec1 .lt .tx {margin-bottom: 20px;}
    .hp_sec1 .lt a {margin-bottom: 40px;}
    .hp_sec1 .rt {width: 100%; margin: 0px auto; float: none; margin-bottom: 60px;}
    .hp_sec1 .rt img {position:relative !important; width: 55% !important; max-width: unset !important;}
    .hp_sec1 .rt img:nth-child(1) {top: 0px;}
    .hp_sec1 .rt img:nth-child(2) {top: 0px; right: auto; left: 42vw; margin-top: -56vw;}
    .hp_sec1 .rt img:nth-child(3) {top: 0px; right: auto; left: 10vw; margin-top: -7vw;}
    
    .hp_sec2 {padding: 60px 0px;}
    .hp_sec2 h1 {margin-bottom:20px;}
    .hp_sec2 .dv {width: 100%; padding: 0px; margin: 0px auto 100px auto; max-width: 570px; float: none;}
    .hp_sec2 .dv:after {right: auto; left: 50%; transform: translateX(-50%) rotate(90deg); top: auto; margin-top: 20px;}
    .hp_sec2 .dv:last-child {margin-bottom: 0px;}
    .hp_sec2 .dv .pc {transform: scale(0.7); transform-origin: center; margin-bottom:0px;}
    .hp_sec2 .dv .pc img {width: 100px;}

    
    .hp_sec3 {padding:60px 0px;}
    .hp_sec3 .item .pd {padding: 20px 20px 90px 20px;}
    .hp_sec3 .item .pd .t1 {font-size: 24px;}
    .hp_sec3 .item .pd a {bottom: 20px;}
    .hp_sec3 .item .pc img {height: 250px; object-fit: contain;}
    
    .hp_sec4 {padding: 60px 0px;}
    .hp_sec4 .grd {grid-template-columns: repeat(5, minmax(0px, 1fr)); gap:4px; max-width: 560px;}
    
    .hp_sec6 {padding: 60px 0px;}
    .hp_sec6 .item .pd {padding: 20px 20px 90px 20px;}
    .hp_sec6 .item .pd .t1 {font-size: 24px;}
    .hp_sec6 .item .pd a {bottom: 20px;}
    .hp_sec6 .item .pc img {height: 250px; object-fit: contain; object-position: top;}

    .hp_sec7 {padding: 60px 0px;}
    .hp_sec7 .container {flex-direction: column;}
    .hp_sec7 .lt {margin-bottom:20px; margin-right: auto;}
    .hp_sec7 .lt img {width: 240px;}
    .hp_sec7 .rt {text-align: center; padding:0px;}
    .hp_sec7 .rt .lk {justify-content: center;}

    .hp_sec8 .tx br {display: none;}

    .book .sec1 {padding: 0px 0px 60px 0px;}
    .book .sec1 .lt {width:100%; padding-right:0px;}
    .book .sec1 .lt .bx {background-position: 10px 10px;}
    .book .sec1 .rt {width:100%;}
    .book .sec1 .rt .bx {min-height: auto; padding-bottom: 40px;}
    .book .sec1 .rt .bx .ttl {font-size: 34px; margin-bottom: 16px;}

    .cs .sec1 {padding-bottom: 60px;}
    .cs .sec1 .grd {grid-template-columns: repeat(2,minmax(0,1fr)); gap: 20px;}
    .cs .sec1 .grd .dv .bt {bottom: 0px;}
    .cs .sec1 .grd .dv .bt .ttl {margin-bottom: 10px;}

    .csd .sec1 .lt {width:100%; padding:0px;}
    .csd .sec1 .rt {width:100%; padding:0px; margin-bottom:40px;}
    .csd .sec1 .rt .tp {padding: 30px;}

    .clst_grd .rt .bt .l {float: none; margin-bottom: 0px;}
    .clst_grd .rt .bt .m {float: none; margin-top: 20px;}
    .clst_grd .rt .bt .r {float: none; margin-top: 20px;}
    .clst_grd .rt .tp .btn_3 {margin: 10px auto 0px 0px;}
    .clst_grd .rt .bt .l a {display: inline-block; background-position-y: 0px !important; padding: 5px 20px 5px 34px !important;}
    
    .contact .sec1 .ct {flex-direction: column;}
    .contact .sec1 .lt {width:100%; padding:30px;}
    .contact .sec1 .lt .dv .pc {margin-bottom: 20px; max-width: 200px;}
    .contact .sec1 .lt .dv .t1 {font-size: 30px;}
    .contact .sec1 .lt .dv .t2 {font-size: 18px;}
    .contact .sec1 .rt {width:100%; padding:30px;}
    .contact .sec1 .frm button {width: 180px; height: 50px; font-size: 18px;}
    
    .contact.signup .sec1 .rt .t1 {font-size: 18px;}

    .influencers .sec2 {padding-top: 0px;}
    .influencers .sec2 .lft {width:100%;}
    .influencers .sec2 .rgt {width:100%; padding-left:0px; margin-top:50px;}
    .influencers .sec2 .hp_sec7 .lt {margin: 0px auto 20px auto;}


    .campaign .sec2 {margin-top: 0px; padding: 60px 0px;}
    .campaign .sec3 {padding: 60px 0px;}
    .campaign .sec4 {padding-bottom: 60px;}
    .campaign .sec4 .ttl {margin-bottom:30px;}

    .about .sec2 .rt {padding-left: 40px;}
    .about .sec3 .ct {flex-direction: column;}
    .about .sec3 .lt {width:100%; padding:0px; margin-bottom: 40px;}
    .about .sec3 .rt {width:100%; padding:0px;}

    .frm_profile .frm .grd {grid-template-columns: repeat(1, minmax(0, 1fr)); gap: 20px;}
    .reports .sec1 .rt .bx {padding: 20px;}
    .reports .sec1 .ct {gap: 20px;}
    .frm_profile .frm button {margin-bottom: 0px;}

    .popup_create .grd {grid-template-columns: repeat(2, minmax(0, 1fr));}
    .popup_create .dv:nth-child(3) {left: 50%; transform: translateX(20px);}

    .maintitle {font-size: 28px;}
    .reports .sec1 .rt .ttl {font-size: 20px;}

    .frm_chat .bx {padding: 20px !important;}
    .frm_chat .bx .ch .msg {width: 80%;}
    .frm_chat .bx .ch .msg .tx {padding: 20px;}

    .inf_det .sec1 .ct {gap: 20px;}
    .inf_det .sec1 .rt .grd {grid-template-columns: repeat(2, 1fr);}
    .inf_det .sec1 .rt .grd .dv:nth-child(5) {min-width: unset;}

    .payment .sec1 .ct {flex-direction: column;}
    .payment .sec1 .rt {min-width: unset; max-width: unset; margin-bottom: 30px;}
    .payment .sec1 .lt {width: 100%;}
    .payment .sec1 .lt .bx .bt .rw .cl {width: 33.33%;}

    .campaign_lst .sec2 .grd {flex-direction: column; gap:0px;}
    .campaign_lst .sec2 .bx .ttl {font-size: 20px;}
    .campaign_lst .sec2 .bx .lk {font-size: 15px;}

    .campaign_lst .sec2 .bx .txpc {flex-direction: column; gap:20px;}
    .campaign_lst .sec2 .bx .txpc .l {width:100%;}
    .campaign_lst .sec2 .bx .txpc .r {width:100%;}
    .campaign_lst .sec2 .bx .txpc .c .t1 {font-size: 18px;}
    .campaign_lst .sec2 .bx .tx br {display: none;}

    .campaign_lst .sec2 .bx .lks {grid-template-columns: repeat(3, minmax(0, 1fr));}
    .campaign_lst .sec2 .bx .logos {grid-template-columns: repeat(2, minmax(0, 1fr));}
    .campaign_lst .sec2 .bx .rbuttons .l {font-size: 16px;}
    .campaign_lst .sec2 .botbtns a {width: 49%; margin-right: 1%; margin-bottom: 10px;}
    .campaign_lst .sec2 .botbtns a:nth-child(2n) {margin-right: 0px; margin-left: 1%;}
    .campaign_lst .sec2 .botbtns input[type=submit] {width: 49% !important; margin-right: 0px !important;  margin-left: 1% !important; margin-bottom: 10px;}
    .campaign_lst .sec2 .bx .grd_1 {grid-template-columns: repeat(1, minmax(0, 1fr)); gap: 30px;}
    .campaign_lst .sec2 .bx .grd_1 .dv .minheight {min-height: auto;}
    .campaign_lst .sec2 .bx .grd_2 {grid-template-columns: repeat(1, minmax(0, 1fr)); gap: 30px;}
    .campaign_lst .sec2 .bx .grd_1 .dv:first-child .tx.small {display: none;}

    .inf_det .sec2 .lt .tbs {display: block;}
    .inf_det .sec2 .lt .tbs .dv {float: left; width: 33.33%; margin: 0px;}
    .inf_det .sec2 .lt .tbs .dv:nth-child(4) {border-radius: 0px;}
    .inf_det .sec2 .lt .tbs .dv:nth-child(5) {border-radius: 0px;}
    .inf_det .sec2 .lt .tbs .dv:nth-child(6) {border-radius: 0px;}
    .inf_det .sec2 .lt .tbs .dv .t {margin:0px;}
    .inf_det .sec2 .lt .cn {border-radius: 0px 0px 16px 16px;}

    .inf_det .sec2 .sub_1 .dv {width: 50%; margin-bottom: 20px;}
    .inf_filter.sixcol .dv {width: 50% !important;}
    .inf_filter.sixcol .dv:nth-child(6) {margin-top:29px;}
    .inf_det .sec2 .sub_1 .dv:last-child {margin: 0px auto; position: relative; float: none; clear: both; width: 100%;}
    .inf_det .sec2 .sub_1 .btn_2 {margin-top: 0px;}
    .inf_det .sec2 .lt .cn {padding: 30px 20px;}

    .filterbuttons {flex-direction: column; max-width: 400px;}
    .filterbuttons .btn_3{height: auto;}
    .filterbuttons a.btn_3 {padding-top: 7px !important; padding-bottom: 7px !important;}

    .inf_det .sub_4 {padding-left: 210px; min-height: 180px;}
    .inf_det .sub_4 .pd {padding:0px;}
    .inf_det .sub_4 .t3 {position: relative;}
    .inf_det .sub_4 .pc {width: 180px;}
    
    .inf_det .sec1.post .sc2 .sc2_grd {grid-template-columns: repeat(2, minmax(0, 1fr));}
    

    footer .tp {text-align: center;}
    footer .tp .lt {font-size: 50px; max-width: 100%;  width: 100%; float: none; margin: 0px auto 20px auto; text-align: center;}
    footer .bt .lt {margin: 0px auto; float: none; text-align: center;}
    footer .bt .lt .pc img {margin: 0px auto;}
    footer .bt .rt {position:relative; right: auto; float: none;}
    footer .bt .rt .tx {margin: 0px auto 30px 0px;}
    footer .bt .md {margin: 40px auto; text-align: center;}

    footer .tp .rt {max-width: 100%; width: 100%;}
    footer .tp .rt .lk {justify-content: center;}
    
    

}


@media(max-width: 767px){

    .owl-next {right: 0px; top: auto;}
    .owl-prev {left: 0px; top: auto;}
    
    .banner .pc {height: 400px; object-fit: contain; }
    .banner .dv {padding-right:40px;}
    .banner .dv .tx {font-size: 24px;}

    .hp_sec1 .rt img:nth-child(2) {left: 39vw; margin-top: -47vw;}
    
    .hp_sec3 .container {padding: 0px 20px !important;}
    .hp_sec6 .container {padding: 0px 20px !important;}

    .hp_sec4 h1 {margin: 0px auto 20px auto;}
    
    .hp_sec5 {padding-bottom: 10px;}
    .hp_sec5 .set1 {padding-left: 0px;}
    .hp_sec5 table {font-size: 16px;}
    .hp_sec5 .set1 .dv {position: relative; margin-bottom: 20px;}

    .hp_sec7 .rt .tx {font-size: 24px;}

    .breadcrumbs .container {font-size: 16px;}
    .book .sec1 .lt .bx {font-size: 16px; background-size: 80px; padding: 20px 20px 20px 86px; background-position: 0px 10px;}
    .book .sec1 .lt .bx .ttl {font-size: 18px;}
    .book .sec1 .rt .bx {padding:20px 20px 30px 20px;}
    .book .sec1 .rt .bx .ttl {font-size: 24px; margin-bottom: 8px;}
    .book .sec1 .rt .bx .tx {font-size: 16px;}
    .book .sec1 .rt .bt {padding-left: 56px;}
    .book .sec1 .rt .bt .pc {width: 40px;}
    .frm button {width: 160px; height: 50px; font-size: 16px;}
    .frm .btn_inp_submit {width: 160px !important; height: 50px !important; font-size: 16px;}
    .frm .robot {max-width:302px; width:100%;}
    .frm input[type=text] {margin-bottom: 14px;}

    .influencers .sec2 {padding-bottom: 80px;}
    .influencers .sec2 .lft .dv {font-size: 16px; background-size: 80px; padding: 20px 20px 20px 86px; background-position: 4px 10px;}
    .influencers .sec2 .lft .ttl {font-size: 26px;}
    .influencers .sec2 .lft .dv .t1 {font-size: 18px;}
    .influencers .sec2 .lft .dv .t2 {font-size: 16px;}

    .cs .sec1 {padding-top: 20px;}
    .cs .sec1 h1 {text-align: left;}
    .cs .sec1 .tx {text-align: left; font-size: 16px;}

    .csd .sec1 {padding-top: 10px; padding-bottom:60px;}
    .csd .sec1 .rt .tp {margin-bottom: 20px; padding: 20px;}
    .csd .sec1 .rt .tp .ttl {font-size: 26px; margin-bottom:10px;}
    .csd .sec1 .rt .tp .tx {font-size: 16px;}
    .csd .sec1 .rt .bt {padding:10px 20px 0px 20px;}
    .csd .sec1 .rt .bt .rw .r {margin-top: 2px;}

    .contact .sec1 {padding: 0px 0px 60px 0px;}
    .contact h1 {font-size: 26px;}
    .contact .sec1 .rt {padding: 30px 20px 20px 20px;}
    .contact .sec1 .rt .t1 { font-size: 20px; margin-bottom: 10px;}
    .contact .sec1 .rt .t2 {font-size: 16px;}
    .contact .sec1 .rt .frm .r {width:100%; margin-top:20px; margin-bottom:10px;}
    .contact .sec1 .rt .frm .dv {grid-template-columns: repeat(1,minmax(0,1fr));}

    .contact.signup .sec1 .rt .t1 {font-size: 16px;}

    .campaign .sec2 .ct {flex-direction: column;}
    .campaign .sec2 .lt {width:100%; margin-bottom:30px;}
    .campaign .sec2 .rt {width:100%; padding:0px;}
    .campaign .sec2 .lt .tx {padding: 20px 20px 30px 20px;}
    .campaign .sec3 table .hd td:nth-child(1) .t3 {flex-direction: column; align-items: center;}
    .campaign .sec3 table .hd td:nth-child(1) .t3 img:nth-child(1) {width:173px;}
    .campaign .sec3 table .hd td:nth-child(1) .t3 img:nth-child(2) {width:190px;}

    .campaign .sec2 .lt .tx .t1 {font-size: 50px;}
    .campaign .sec2 .lt .tx .t2 {font-size: 16px;}

    .campaign .sec3 .ttl {font-size: 24px;}
    .campaign .sec4 .ttl {font-size: 24px;}

    .campaign_lst .sec1 .btn_3 {float: none; clear: both; max-width: 340px; transform: translateY(20px); margin-bottom: 20px;}
    .campaign_lst .sec1 .lks {font-size: 12px;}
    .campaign_lst .sec1 .lks a {padding: 10px 20px; margin: 0px 6px 6px 0px;}

    .clst_grd .dv {flex-direction: column; margin-bottom: 20px;}
    .clst_grd .lt {width: 100%;}
    .clst_grd .rt {width: 100%; border: none;}
    .clst_grd .rt .tp {padding:20px;}
    .clst_grd .rt .tp .inf {clear: both; float: none; display: block; margin-top: 40px;}
    .clst_grd .rt .bt {padding:20px;}
    .clst_grd .rt .bt .m {margin-top: 0px;}
    .clst_grd .rt .bt .l a {padding: 10px 20px 10px 34px !important; display: block;}

    .about .sec1 {padding: 40px 0px 70px;}
    .about .sec2 {padding: 60px 0px;}
    .about .sec2 .ct {flex-direction: column;}
    .about .sec2 .lt {width:100%; padding:0px; margin-bottom: 40px; max-width: 350px;}
    .about .sec2 .rt {width:100%; padding:0px;}
    .about .sec2 .lt .tx {font-size: 18px;}
    .about .sec3 {padding: 60px 0px 0px 0px;}

    .reports .sec1 .ct {flex-direction: column;}
    .reports .sec1 .lt {min-width: 100%; max-width: 100%;}
    .reports .sec1 .rt {width: 100%;}

    .popup_create {padding: 20px;}
    .popup_create .grd {grid-template-columns: repeat(1, minmax(0, 1fr));}
    .popup_create .dv:nth-child(3) {left: 0%; transform: translateX(0px);}
    .popup_create .ct {padding: 60px 20px;}

    .inf_det .sec1 .ct {flex-direction: column;}
    .inf_det .sec1 .lt {min-width: 100%; max-width: 100%; margin-bottom:20px;}
    .inf_det .sec1 .rt {width: 100%;}
    .inf_det .sec1 .lt .sd .tp .pc {max-width: 240px;}

    .inf_det .sec1 .rt .lks a {font-size: 12px; padding: 10px 20px;}
    .inf_det .sec1 .lt .sd .tp .t1 {font-size: 18px;}
    .inf_det .sec1 .lt .sd .tp .t2 {font-size: 14px;}
    .inf_det .sec1 .lt .sd .tp .t3 {font-size: 14px;}
    .inf_det .sec1 .lt .sd .bt .t1 {font-size: 20px;}
    .inf_det .sec1 .lt .sd .bt .dv .l {font-size: 16px;}
    .inf_det .sec1 .lt .sd .bt .dv .r {font-size: 14px;}
    .inf_det .sec1 .rt .grd .dv {padding:14px 10px;}
    .inf_det .sec1 .rt .grd .dv .t1 {font-size: 18px;}
    .inf_det .sec1 .rt .grd .dv .t2 {font-size: 14px;}

    .payment .sec1 .lt {border: none; padding: 0px;}
    .payment .sec1 .lt .bx .bt .rw .cl {width: 50%;}
    .payment .sec1 .lt .ttl {font-size: 20px;}

    .campaign_lst .sec2 .bx {padding:20px;}
    .campaign_lst .sec2 .bx .txpc .c {padding:20px;}

    .campaign_lst .sec2 .bx .lks {grid-template-columns: repeat(2, minmax(0, 1fr));}

    .campaign_lst .sec2 .bx .left {width:100%; padding-right: 0px; margin-bottom: 40px;}
    .campaign_lst .sec2 .bx .right {width:100%;}

    .inf_det .sec2 .lt .tbs .dv {width: 50%;}
    .inf_det .sec2 .lt .tbs .dv:nth-child(3) {border-radius: 0px;}

    .inf_det .sub_5 .followers {width: 100%; margin-bottom: 20px;}
    .inf_det .sub_5 .sub_5_rt {width: 100%; padding: 0px;}
    

    .inf_det .sec2 .lt .cn {padding:30px 0px 0px 0px; border: none;}
    .inf_det .sec2 .lt .tbs {border-bottom: 1px solid #8b8b8b;}
    .inf_det .sub_4 .lks {gap: 10px; flex-direction: column;}

    .popup_demo {padding: 40px 20px;}
    .popup_demo .dm_ct {padding: 60px 20px 20px 20px;}
    .popup_demo .dm_l {width: 100%; margin-bottom: 6px;}
    .popup_demo .dm_r {width: 100%; margin-bottom: 6px;}

    .btnsubm {padding:0px; margin-top: 10px;}

    footer .tp .lt {font-size: 36px;}
    footer .bt .bl .l {width:100%; text-align: center; margin-bottom: 20px; line-height: 1.5;}
    footer .bt .bl .l span {display: block;}
    footer .bt .bl .r {clear: both; float: none; width: 250px;}
    footer .tp .rt .tx {font-size: 20px;}
    

}

@media(max-width: 600px){
    .hp_sec8 .dv {width: 100%; max-width: 340px; float: none;}
    .frm_chat .bx .ch .msg {width: 100%;}
    .campaign_lst .sec2 .note {font-size: 14px;}
    .campaign_lst .sec2 .bx .table td {display: grid; text-align: left !important;}
    .campaign_lst .sec2 .bx .table td:nth-child(1) {border: none; padding-bottom: 0px;}
    .campaign_lst .sec2 .bx .table td:nth-child(2) {padding-top: 6px;}
    .campaign_lst .sec2 .bx .table td:nth-child(3) {border: none; padding-bottom: 0px;}
    .campaign_lst .sec2 .bx .table td:nth-child(4) {padding-top: 6px;}
    .campaign_lst .sec2 .bx .table tr:last-child td:nth-child(1) {display: none;}
    .campaign_lst .sec2 .bx .table tr:last-child td:nth-child(2) {display: none;}
    
    .inf_det .sub_4 {padding: 0px;}
    .inf_det .sub_4 .pc {position: relative; margin:0px 0px 20px 0px;}
}

@media(max-width: 500px){
    .cs .sec1 .grd {grid-template-columns: repeat(1,minmax(0,1fr));}
    .hp_sec7 .rt .lk {flex-direction: column; align-items: center;}
    .csd .sec1 .lt .grd {grid-template-columns: repeat(1,minmax(0,1fr));}
    footer .tp .rt .lk {flex-direction: column;}
    .campaign .sec2 .rt .btn_2 {padding: 12px 10px 0px 10px; max-width: 300px; font-size: 14px;}
    header .mn {right:0px; width: 100%; max-width: 100%;}
    .payment .sec1 .lt .bx .bt .rw {margin: 0px;}
    .payment .sec1 .lt .bx .bt .rw .cl {width: 100%; padding: 0px;}
    .rdcnt {padding-left: 40px;}
    .payment .sec1 .rt .ttl {font-size: 22px;}
    .payment .sec1 .rt .ttl span {display: block;}
    .payment .sec1 .rt .rw .cl {width: 100%;}
    .payment .sec1 .rt .rw .cl:nth-child(2) {margin-top:2px;}
    .payment .sec1 .rt .bx {text-align: center;}
    .campaign_lst .sec2 .bx .lks {grid-template-columns: repeat(1, minmax(0, 1fr));}
    .campaign_lst .sec2 .bx .logos {grid-template-columns: repeat(1, minmax(0, 1fr)); gap:10px;}
    .campaign_lst .sec2 .botbtns a {width: 100%; margin-right: 0%; margin-left: 0%;}
    .campaign_lst .sec2 .botbtns input[type=submit] {width: 100% !important; margin-right: 0% !important; margin-left: 0% !important;}
    .inf_det .sec2 .lt .tbs .dv {width: 100%;}
    .inf_det .sec2 .lt .tbs .dv:nth-child(2) {border-radius: 0px;}
    .inf_det .sec2 .sub_1 .dv {width: 100%; padding: 0px;}
    .inf_filter.sixcol .dv {width: 100% !important;}
    .inf_filter.sixcol .dv:nth-child(6) {margin-top:0px;}
    
}

@media(max-width: 420px){
    .book .sec1 .rt .bt .t2 span {display: block;}
    .contact .sec1 .lt .dv .t2 br {display: none;}
}

@media(max-width: 389px){
    header .md {width: 40%;}
    header .rt {width: 60%;}
    header .rt .btnProfile .sbmn {width: 60%;}
    header .md {font-size: 13px;}
    header .rt a {font-size: 11px;}
    header .rt .btnProfile .sbmn a .t {padding-top:12px;}
    header .mn {padding-bottom: 120px;}
}

@media(max-width: 380px){
    .inf_det .sec1 .rt .grd {grid-template-columns: repeat(1, 1fr);}
    .followers .dv .l {width:100%; margin-bottom: 10px;}
    .followers .dv .r {width:100%;}
    .campaign_lst .sec2 .bx .lk {width: 100%; margin:0px 0px 20px 0px;}
}

@media(max-width: 360px){
    .csd .sec1 .rt .bt .rw {font-size: 14px;}
    .inf_det .sec2 .lt .cn .btn_3 {width: 100%;}
}




@media(min-width: 980px){
    header .md a:hover {color:#e5b500;}
    header .rt a:hover {background-color: #ffd740; border-color: #ffd740; color:#000000;}
    .btn_1:hover {background-color: #000000; color: #ffffff;}
    .btn_2:hover {background-color: #ffffff; color: #2c2c2c;}
    .btn_3:hover {background-color: #000000; color: #ffd740;}
    
    .hp_sec3 .item .pd a:hover {background-color: #ffd740; color: #000000;}
    .hp_sec3 .item:hover {box-shadow: rgba(0,0,0,0.5); background-color: #000000;}
    .hp_sec3 .item:hover .pd .t2 {color:#ffffff;}
    .hp_sec3 .item:hover .pd a {background-color: #ffd740; color: #000000;}
    .hp_sec3 .item:hover .pd .t1 {color:#ffffff;}
    .hp_sec3 .item:hover .pc img {transform: scale(1.1);}

    .hp_sec6 .item .pd a:hover {background-color: #ffd740; color: #000000;}
    .hp_sec6 .item:hover {box-shadow: rgba(0,0,0,0.5); background-color: #000000;}
    .hp_sec6 .item:hover .pd .t2 .l {color:#ffffff;}
    .hp_sec6 .item:hover .pd .t2 .r {color:#ffffff;}
    .hp_sec6 .item:hover .pd a {background-color: #ffd740; color: #000000;}
    .hp_sec6 .item:hover .pd .t1 {color:#ffffff;}
    .hp_sec6 .item:hover .pc img {transform: scale(1.1);}

    .hp_sec8 .dv img:hover {box-shadow: 0px 0px 20px rgba(0,0,0,0.8);}
    .hp_sec4 .grd img:hover {box-shadow: 0px 0px 10px rgba(0,0,0,1);}

    .cs .sec1 .grd .dv:hover .bt {bottom:0px; background-color:rgba(255,215,64,0.9);}
    .cs .sec1 .grd .dv:hover .bt .ttl {margin-bottom: 12px; color:#000000;}

    header .rt .btnProfile .sbmn a:hover {background-color: #ffd740;}
    .btnNotification:hover {background-color: #ffffff !important;}
    header .rt .btnProfile:hover {background-color: #ffffff; border-color: #000000; height:auto;}
    header .rt .btnProfile:hover .sbmn {display: block;}

    .reports .sec1 .sidebar a:hover {background-color: #ffd740;}
    .inf_det .sec1 .rt .lks a:hover {background-color: #ffd740; border-color: #ffd740;}
    .inf_det .sec1 .rt .grd .dv .lk:hover {background-color: #000000; color:#ffffff;}
    .campaign_lst .sec1 .lks a:hover {background-color: #ffd740; color: #000000; border-color: #ffd740;}
    .clst_grd .rt .tp .ttl:hover {color: #ffd740;}
    .clst_grd .rt .bt .l .lk1:hover .tooltip {display: block;}
    .clst_grd .rt .bt .l a:hover {color:#000000}
    .clst_grd .rt .tp .lks a:hover {background-color: #ffd740; color: #000000; border-color: #ffd740;}
    .clst_grd .rt .bt .r:hover a {background: #000000 !important;}
    .influencers .sec2 .lft .dv:hover {background-color: #ffd740; border-color: #ffd740;}
    .clst_grd .rt .tp .btn_3:hover {background-color: #000000 !important;}

    .payment .sec1 .lt .bx button:hover {background-color: #000000; color:#ffffff;}

    .campaign_lst .sec2 .bx .lks a:hover {background-color: #ffd740;  border-color: #ffd740; color:#000000}
    .campaign_lst .sec2 .botbtns .btn_2:hover {background-color: #000000; color:#ffffff;}
    .campaign_lst .sec2 .botbtns .btn_1:hover {background-color: #000000; color:#ffffff;}

    .inf_det .sec2 .sub_1 .btn_2:hover {color:#ffffff; background-color: #000000;}
    .inf_det .sec2 .lt .tbs .dv:hover {background-color: #ffd740; border-color: #ffd740;}
    .inf_det .sub_3 a:hover {background-color: #ffd740; border-color: #ffd740; color: #000000;}
    .inf_det .sub_4 .lks .btn_3:hover {background-color: #ffd740; color:#000000; box-shadow: 0px 0px 6px rgba(0,0,0,0.2);}

    .inf_det .sub_5 .sub_5_rt a:hover {background-color: #ffd740; border-color: #ffd740;}

    .popup_ar .btn_set2 a:hover {background-color: #ffd740; border-color: #ffd740;}
    .popup_ar .sc2::-webkit-scrollbar-thumb:hover {background: #dedede; }
    .frm button:hover {background-color: #ffd740; color:#000000;}
    .frm .btn_inp_submit:hover {background-color: #ffd740; color:#000000;}

    .inf_det .sec1.post .pst_box .pst_lk:hover {background-color: #ffd740; color:#000000; border-color: #ffd740 !important;}
    .inf_det .sec1.post .sc4 button:hover {background-color: #ffd740;}
    
    footer .bt .rt a:hover {color:#ffffff;}
    footer .tp .rt .lk a:hover {background: #856900; color: #fff;}
    footer .bt .md a:hover {color: #ffd740; padding-left:10px;}
    footer .bt .bl .r a:hover {background-position-y: -60px !important; background-color: #a5a5a5;}
}

.filterbuttons{
    display: flex;
    gap: 20px;
    align-items: center;
    margin-top: 20px;
}
.filterbuttons .btn_2{
    margin-top: 0px !important;
}
.filterbuttons .btn_3{
    padding: 6px 20px !important;
    font-size: 14px !important;
    width: 100% !important;
    margin-bottom: 0px !important;

}
.filterbuttons a.btn_3{
    padding-top: 9px !important;
}

.btn-estimation {padding: 0px !important; font-size: 14px !important;}


/* 07 june 2024  */
.inf_det .sec1.post .sc2 .sc2_grd .sc2_pc{
    position: relative;
}
.inf_det .sec1.post .sc2 span.draft{
    padding: 3px 5px;
    border-radius: 5px;
    position: absolute;
    top: 12px;
    right: 0px;
    font-size: 14px;
}

/* 10 June 2024  */

@media (min-width:1280px){
    .table_inf table .infimg img{
        min-width: auto;
    }
    .table_inf table .headrow td[rowspan="2"] {
        width: 177px;
    }
}

/* 12 june 2024 */
#camp_req_preview ul{
    padding-left: 35px;
    margin-bottom: 30px;
}
#camp_req_preview ol{
    padding-left: 35px;
    margin-bottom: 30px;
}
#cke_11{
    display: none !important;
}