.midd_box-p {position: relative;}
.title-show[data-title]:after {right: 0; top: 37px;}
.list_detail {overflow: initial !important;}
.title-show[data-title]:before {content: ""; border-bottom: 10px solid #000; width: 10px; height: 10px; right: 15px; top: 18px; position: absolute; border-top: 10px solid transparent; border-left: 10px solid transparent; border-right: 10px solid transparent;}
.title-show[data-title]:before {visibility: hidden;}
.title-show[data-title]:hover:before {visibility: visible;}
a.edit_campaign{position:relative;}
a.edit_campaign[data-title]:after {left: 0; top: 37px;}
a.edit_campaign[data-title]:before {content: ""; border-bottom: 10px solid #000; width: 10px; height: 10px; right: 15px; top: 18px; position: absolute; border-top: 10px solid transparent; border-left: 10px solid transparent; border-right: 10px solid transparent; visibility: hidden;}
a.edit_campaign[data-title]:hover:before { visibility: visible; }
label.error {color: #a94442 !important; border-color: #ebccd1; padding:0px; font-family: 'Geologica', sans-serif; font-size: 14px; margin: 0 0 12px; color: #333; font-weight: 500;}
.fix-urlspan {display: block;word-break: break-all;padding: 5px 10px;border-radius: 5px;} 
#enquiry_form label{font-size: 12px;}
#login_form label{font-size: 12px;}
#register_form label{font-size: 12px;}
#forgotPassword label{font-size: 12px;}
#resetPassword label{font-size: 12px;}
#final_registration label{font-size: 12px;margin-bottom:10px}
#final_registration span{font-size: 16px;}
#want_to_text_div{display:none;}
.loader {width: 100%;height: 100%;z-index: 999999;background: rgba(0,0,0,.2);position: fixed;left: 0;top: 0;text-align: center;display: none;}
.loader-container {display: table;width: 100%;height: 100%;}
.spiner {display: table-cell; vertical-align: middle;}
#options_label{text-align: center;}
#options_label label{margin-top: 10px;}
.tab-content.product-detail #save_product_dispatch_form .tab-content .list_detail {width: 17%; background: #fff; overflow: hidden; padding: 0; margin: 0 12px 30px; display: inline-block;}



.tab-content.product-detail #save_product_dispatch_form .tab-content {



text-align: center;



}



.tab-content.product-detail #save_product_dispatch_form .tab-content .list_detail .img-box {



width: 100%;



}



.tab-content.product-detail #save_product_dispatch_form .tab-content .list_detail .img-box .img-thumbnail {



max-width: 60% !important;



}



.tab-content.product-detail #save_product_dispatch_form .tab-content .list_detail .img-box:last-child {



min-height: 45px;



}



.tab-content.product-detail #save_product_dispatch_form .tab-content .list_detail .img-box span {



display: block;



text-align: center;



width: 60%;



float: right;



margin: 0 22px 0 0;



font-size: 12px;



padding: 10px 0 0;



font-family: "GothamRounded-Light";



}







/*.valid{color:red;margin-top:-20px}*/



.error_append{margin: 0 0 10px !important;}







.login_btn{width: 100%;}



.check-box span{float: left;margin-left: 15px;}



.border-div_login{box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); padding:25px 15px;min-width:350px}







@media only screen and (max-width: 768px) {



.border-div_login{min-width:100%}



}







.checked_sec ul li{margin:0px 0px 0px 0px !important;}







.margin_top_form{margin:75px 0px 0px 0px!important;}



.hover_btn {color:#424140;}



.hover_btn:hover {color:#b67f08;}



.link_btn {color:#b67f08;}



.link_btn:hover {color:#333;}



.login_form_p{padding: 0 0 35px !important;}







.customSelect{width: 100%;height: 52px;border: 1px solid #d4d4d4;border-radius: 5px;padding: 0 15px;font-size: 16px;color: #2c2c2c;font-family: 'Geologica';margin: 0 0 0px;}







.engage_sec ul li a input[type=checkbox]{display:none;}











.loggedin_btn{ float: right;width: 155px;height: 38px;border-radius: 5px;background: #4e4641;line-height: 38px;color: #fff;font-size: 14px;font-weight: 400;margin: 26px 0 0;padding: 0 5px;transition: all 0.5s ease-in;text-align: center;position: relative;text-transform: capitalize;}



.loggedin_btn:hover{border-radius:5px 5px 0 0;z-index: 9999999999;}



.loggedin_btn ul {background: #4e4641;width: 155px;position: absolute;left: 0;top: 38px;height: 0;overflow:hidden;border-radius: 0 0 5px 5px;webkit-transition: height 0.8s;-moz-transition: height 0.8s;transition: height 0.8s;}



.loggedin_btn ul li {list-style-type: none;text-align: left;float: left;width: 100%;border-bottom: 1px solid #666;}



.loggedin_btn ul li a{color:#fff;padding:2px 10px;font-size: 14px;width: 100%;float: left;} 



.loggedin_btn ul li:hover a{background:#ffb300;color:#111;}



.loggedin_btn:hover ul{height: auto;transition: all 0.5s ease-in;border-top: 1px solid #eee;}



.loggedin_btn ul li:last-child {border: none;}







#social_check1,#social_check2,#social_check3,#social_check4,#social_check5,#social_check6,#social_check7,#social_check8,#social_check10,#social_check11,#social_check12{display:none}











.user-sidebar {background: #ffd740;float: left;width: 100%;}



ul.user-sidebar {margin: 0;}



ul.user-sidebar li {list-style-type: none;border-bottom: 1px solid #fee9a0;float: left;width: 100%;}



ul.user-sidebar li:hover {background:#ffd269;}



ul.user-sidebar li a {font-size: 14px;color: #111;border-left: 3px solid transparent;float: left;width: 100%;padding: 12px 15px;text-decoration: none;}







.customer-account{



min-height: 400px;



}











.customer-account h4 {



position: relative;



padding-bottom: 10px;



margin-bottom: 15px;



border-bottom: 1px solid #ddd;



margin-top: 0;



}







.customer-account h4::before {



content: '';



border-bottom: 3px solid #ffd740;



width: 160px;



display: inline-block;



position: absolute;



left: 0px;



bottom: -1px;



}







.account {



border: 1px solid #ddd;



padding: 15px;



margin-bottom: 30px;



}







.Confirm_heading a{



color: #f8c812; 



}







.user-sidebar li.active {



background: #ffb300;



}



ul.user-sidebar li:hover {



background: #ffd269;



}







.name-a-tag{



color: #2b2a27;



text-transform: uppercase;



}







.name-a-tag:hover,.name-a-tag:active{



color: #f2c105;



}







.Confirm_heading a:hover {



color: #353535;



}







.alert_msg{margin-bottom:55px;font-size:14px}



.alert_msg_top{margin-bottom:55px;font-size:14px}











.midd_left ul li {



margin: 5px 5px 0 0 !important;



}







.campaigns .button_box {   



margin: 18px 0 0 !important;



}







.top_left ul li {   



margin: 5px 5px 0 0 !important;



}







.button_box {  



margin: 15px 0 0 !important;



}







.modal-dialog.modal-dialog-center {



margin-top: 25%;



}



.error{



font-size: 13px;



margin-bottom: 7px;



}



.required{



color: #ee0a0a;



font-size: 16px;



}











.a-black-color{



color: #2b2a27;



}







.a-black-color:hover,.a-black-color:active {



color: #d98c21;



}











/* Influencer Profile container */



.profile {



margin: 20px 0;



}







/* Profile sidebar */



.profile-sidebar {



padding: 20px 0 10px 0;



background: #fff;



color: #333333;



font-family: "Geologica";







}



.profile-userpic {



text-align: center;

width: 100%;

float: left;

padding: 0;

position: relative;



}



.profile-userpic img {

height: auto;

object-fit: fill;

margin-bottom: 10px;

}







.profile-usertitle {



text-align: center;



margin-top: 20px;



}







.profile-usertitle-name {



color: #313131;



font-size: 16px;



font-weight: 600;



margin-bottom: 7px;



}







.profile-usertitle-job {



text-transform: uppercase;



color: #5b9bd1;



font-size: 12px;



font-weight: 600;



margin-bottom: 15px;



}







.profile-userbuttons {



text-align: center;



margin-top: 10px;



}







.profile-userbuttons .btn {



text-transform: uppercase;



font-size: 11px;



font-weight: 600;



padding: 6px 15px;



margin-right: 5px;



}







.profile-userbuttons .btn:last-child {



margin-right: 0px;



}







.profile-usermenu {



margin-top: 30px;



color: #666666;



font-family: "GothamRounded-Light";



}







.profile-usermenu ul li {



border-bottom: 1px solid #f0f4f7;



}







.profile-usermenu ul li:last-child {



border-bottom: none;



}







.profile-usermenu ul li a {



color: #93a3b5;



font-size: 14px;



font-weight: 400;



}







.profile-usermenu ul li a i {



margin-right: 8px;



font-size: 14px;



}







.profile-usermenu ul li a:hover {



background-color: #fafcfd;



color: #5b9bd1;



}







.profile-usermenu ul li.active {



border-bottom: none;



}







.profile-usermenu ul li.active a {



color: #5b9bd1;



background-color: #f6f9fb;



border-left: 2px solid #5b9bd1;



margin-left: -2px;



}







/* Profile Content */



.profile-content {



padding: 20px;



background: #fff;



min-height: 460px;



}











.channel-blocks{



padding-top: 25px;



padding-bottom: 25px;



text-align: center;



}







.profile-content {



width: 100%;



}







.main-channel-blocks{



margin-top: 30px;



background: #f8f8f8



}







.block-text{



font-size: 14px;



color: #666666;



font-family: "GothamRounded-Light";



font-weight: 300;



padding-top: 8px;



}







.channel-blocks-u-name{



font-size: 14px;



color: #333333;



font-family: "Geologica";



margin: 13px 0 5px 0px;



display: block;



}







.channel-blocks h1 {



color: #333333;



font-family: "Geologica";



}











.block-text a,.block-text a:active,.block-text a:focus{



color: #666666 !important;  



}







.block-text a:hover{



color: #f8c812 !important;  



}







.translation-container {



border: 1px solid #eee;



padding: 15px;



background: #f9f9f9;



margin-bottom: 40px;



}



.translation-container .form-group  label {

display: inline-block;

max-width: 100%;

margin-bottom: 10px;

font-weight: 600;

color: #666666;

font-size: 14px;

font-family: "GothamRounded-Light";

}







.checkout .nxt-btn {width: 115px;height: 35px;background: #ffd740;    display: block;overflow: hidden;float: right;text-align: center;   line-height: 25px;border-radius: 5px;color: #000;font-family: "Geologica";margin: 0 20px 0 0;transition:all 0.3s ease-in;}



.checkout .nxt-btn:hover{background:#f8c812;transition:all 0.3s ease-in;}







.checkout-sidebar {



border: 1px solid #eee;



padding: 15px;



background: #f9f9f9;



margin-bottom: 30px;



}







.checkout .form-group {



margin: 0px 0px 18px 0;



}















.translation-container .panel-action {display: block;position: relative;padding-left: 20px;cursor: pointer;font-size: 18px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}



.translation-container .panel-action input {position: absolute;opacity: 0;cursor: pointer;}



.translation-container .panel-action input {opacity: 0;cursor: pointer;position: absolute;top: 2px;left: 0;height: 20px; width: 20px;}







.translation-container .panel-action:hover input ~ .checkmark {background-color: #ccc;}



.translation-container .panel-action input:checked ~ .checkmark {background-color: #ffb300;}

.translation-container .panel-action input[type='radio']:checked+.checkmark {background-color: #ffb300;}






.translation-container .panel-action input:checked ~ .checkmark:after {display: block;}



.translation-container .panel-action .checkmark:after {top: 5px;left: 5px;width: 10px;height: 10px;border-radius: 50%;background: white;}







.tab-content.containerbox .input_box .product_pickup_doc {



line-height: 0 !important;



}



.tab-content.containerbox .input_box .product_delivery_doc {



line-height: 0 !important;



}











.checkout-sidebar .table th, .checkout-sidebar .table td {



border-top: 1px solid #f1f1f1;



font-size: 16px;



line-height: 32px;



padding: 8px 4px;

font-family: "GothamRounded-Light";



}

.checkout-sidebar .table th, .checkout-sidebar .table td:first-child {font-weight: bold;  font-family: "GothamRounded-Light";}







.profile-username{



text-transform: capitalize;



}



thead tr:nth-child(2) {



background: #ffd740;



}



thead tr:nth-child(3) {



background: #f2f2f2;



}



.contnt-box a:hover, a:focus {



text-decoration: none;



}



.engage_sec ul li a:hover {



text-decoration: none;



}







#tab2.disabled {



pointer-events: none;



cursor: default;



}



#next_btn_event span{



cursor: pointer;



}



#next_btn span{



cursor: pointer;



}



#next_btn_gift span{



cursor: pointer;



}



.top_left ul li a:hover {



text-decoration: none;



}



.nav_sec ul li a {



font-size: 14px !important;



}



.open > .dropdown-menu {



width:100%



}



.reg-multiselect .btn-group > .btn, .btn-group-vertical > .btn {  



padding: 13px 15px;



}



form-group.reg-multiselect .btn-group > .btn, .btn-group-vertical > .btn {  



padding: 7px 15px;



}



.reg-multiselect .btn span {



font-family: 'Geologica';



position: relative;



float: left !important;



}



.reg-multiselect .btn .caret {



position: relative;



float: right !important;



right:-9px;



top: 9px;



}



.reg-multiselect li {



height: 20px;



}



.reg-multiselect li input[type="checkbox"] {



padding: 0;



margin: 0;



height: 20px;



width: 40px;



position: relative;



float: left;



}



.reg-multiselect .checkbox {



margin-left: -25px;



}







.reg-multiselect .active > a, .reg-multiselect .active > a:hover, .reg-multiselect .active a:focus{



color: #000 !important;



background-color: #fff !important;



}







.reg-multiple li.active a::before {



background: #ffd740;



content: "";



height: 22px;



left: -1px;



position: absolute;



top: -1px;



width: 22px;



border: 1px solid #ffd740;



border-radius: 4px;



}



.reg-multiple li.active a::after {



background: url(../images/check_tick.png)no-repeat;



content: "";



height: 11px;



position: absolute;



left: 50%;



top: 50%;



width: 12px;



transform: translate(-50%, -50%);



-webkit-transform: translate(-50%, -50%);



}



.influnce .open > .dropdown-menu {



width: auto;



}







.user-sidebar .pull-right-container .usrdown-arrow {display: block; transition: all 0.3s;}



.user-sidebar .pull-right-container .usrup-arrow {display: none;transition: all 0.3s;}



/* ul.user-sidebar li:hover .user-sidebar .pull-right-container i.usrup-arrow{display: block;} */

/* .sidebar .nav-fall li:hover span.pull-right-container .usrup-arrow{display: block;} */

/* .sidebar .nav-fall li:hover span.pull-right-container .usrdown-arrow{display: none;} */

.user-sidebar li a span:first-child {padding-left: 10px;}

/* .influnce .tab-content .client_sec a img {width: 100%; height: 100px; object-fit: fill;} */



.user-sidebar .nav-second-level {background: #ffd269;overflow: hidden; padding-left: 5px;display: none;}

.influnce .tab-content .client_sec a img {

width: 100%;

height: auto;

object-fit: fill;

margin-bottom: 10px;

}

ul.user-sidebar li a span.pull-right-container .usrdown-arrow {

display: block;

}

ul.user-sidebar li a.active span.pull-right-container .usrdown-arrow {

display: none;

}

ul.user-sidebar li a.active span.pull-right-container .usrup-arrow {

display: block;

}



ul.user-sidebar li>a:first-child span:first-child {padding-left: 10px;}

.influnce .client_sec {padding: 6px 10px; box-shadow: 0px 0px 5px rgba(0,0,0,.8);border-radius: 4px;}

.pagination {

display: inline-block;

padding-left: 0;

margin: 20px 0;

border-radius: 4px;

}



.page-item {

padding: 3px 8px;

border: solid 1px #ddd;

}



.page-link {

/* padding: 5px 10px; */


/* border: 1px solid #ccc; */

color: #333;

text-decoration: none;

/* border-radius: 3px; */

}

.page-item.active {

background-color: #e08e0b;

} 







.page-item.active .page-link {background-color: #c49c08; border-color: #007bff; color: #fff;}
.page-item.disabled .page-link {background-color: #f0f0f0; border-color: #ccc; color: #999; cursor: not-allowed;}



/*

img {display: block;}

body {font-family: 'Geologica', sans-serif; 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;}

.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: #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;}



/* 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: 50px; cursor: pointer; font-size: 20px; line-height: 1.2; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}

.rdcnt input {position: absolute; opacity: 0; cursor: pointer;}

.checkmark {position: absolute; top: 0; left: 0; height: 25px; width: 25px; border-radius: 50%; border: 2px solid #dedede;}

.rdcnt:hover input ~ .checkmark {background-color: #ffd740;}

.rdcnt input:checked ~ .checkmark {background-color: #ffd740;}

.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%; background: white;}*/

















/*.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 {width:100%; border-radius: 24px;}

.banner .dv {position: absolute; top: 50%; left: 176px; max-width: 430px; transform: translateY(-50%);}

.banner .dv .tx {font-size: 38px; color: #fff; line-height: 1.2; margin-bottom: 30px; font-weight: 500;}

.banner .dv a {width:169px; height: 38px;}



.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:15px; 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: 15px; 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: 15px;}

.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: 15px; 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;}

.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;}



.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;}





.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;}





.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 .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;}

.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;}



.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;}

.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;}



.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;}

.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_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;}



.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: cover; 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;}

.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;}



.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; color:#313131; line-height: 1.2; font-weight: 500; font-size: 14px !important; padding-left:32px; text-decoration: underline;}

.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 5px; 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:11px; 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:8px; 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;}

.inf_det .sec2 .lt .tab_content {display: none;}

.inf_det .sec2 .lt .tab1 {display: block;}

.inf_det .sec2 .sub_1 {border-bottom: 1px solid #989898; 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 .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: 13px; padding-left: 30px; margin-top: 34px;}

.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;}

.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: cover;}

.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: 18px; line-height: 1.2; color:#747474;}



.inf_det .sub_3 {margin-bottom: 20px;}

.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;}

.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: 40px;}

.inf_det .sub_5 .sub_5_rt a {clear: both; background-repeat: no-repeat; background-position: 20px 4px; display: block; text-transform: uppercase; border: 1px solid #b2b2b2; color: #000000; font-size: 16px; float: left; margin-bottom: 20px; padding: 10px 30px 10px 60px; border-radius: 30px; transition: 0.5s;}

.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;}

.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;}

.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: 200px; margin-bottom: 0px;}

.campaign_lst .sec2 .bx .tarea.small textarea {height: 100px;}

.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;}

.campaign_lst .sec2 .bx .rbuttons .l a {font-size: 16px; color:#1f74a7;}

.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 .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; font-weight: 300; padding-left:20px; margin-bottom: 0px; background-repeat: no-repeat; background-position: 16px 12px; }





.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%;}

.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 .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: 18px; 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;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: #ffffff; color:#313131; padding:20px;}

.popup_ar .bx .cl {position: absolute; top:0px; right:0px; padding:20px; cursor: pointer;}

.popup_ar .dv {margin-bottom: 30px;}

.popup_ar .ttl {font-size: 20px; font-weight: 500; margin-bottom: 10px;}

.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: 14px; padding: 16px;}

.popup_ar .dv.last .tx_box {margin-bottom: 10px;}

.popup_ar .hd1 {font-size: 24px; line-height: 1.2; margin-bottom: 6px; font-weight: 500;}

.popup_ar .hd2 {font-size: 16px; line-height: 1.2; margin-bottom: 16px; color:#747474;}

.popup_ar .pc {margin-bottom: 16px;}

.popup_ar .pc img {width: 100%; border-radius: 10px;}

.popup_ar .sc1 {display: flex; gap:10px; align-items: center; margin-bottom: 10px;}

.popup_ar .sc1 .d1 {width: 100px; height: 100px; margin: 0px; border-radius: 10px; overflow: hidden;}

.popup_ar .sc1 .d1 img {width: 100%; height: 100%; object-fit: cover;}

.popup_ar .sc1 .d2 {margin: 0px; font-size: 18px;}

.popup_ar .sc2 {overflow: auto; margin-bottom: 30px;}

.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::-webkit-scrollbar-thumb:hover {background: #dedede; }

.popup_ar .sc2 .btn_set2 {display: flex;}

.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;}

.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;}

.popup_ar .btn_set2 a {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; transition: 0.5s;}

.popup_ar .btn_set3 {display: flex; gap: 4px;}

.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;}







.popup_ar .btn_set2 a:hover {background-color: #ffd740; border-color: #ffd740;}



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:14px; 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: 14px; 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;}



/*@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;}

}

*/



/*@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));}



}



@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;}

header .mn.active {right: 20px;}

header .md {float:left; width: 50%; flex-direction: column; position: relative; transform: none; top: 0px; left: 0px;}

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: 3px;}

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: 15px 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: cover;}



.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: cover; 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 .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_det .sec2 .sub_1 .dv:last-child {margin: 0px auto; position: relative; float: none; clear: both;}

.inf_det .sec2 .sub_1 .btn_2 {margin-top: 0px;}

.inf_det .sec2 .lt .cn {padding: 30px 20px;}



.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;}







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: cover; }

.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 .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 .sub_5 .sub_5_rt a {width: 250px; float: none; margin: 0px auto 10px auto;}



.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;}





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%;}

.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;}



}



@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;}

}



@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;}



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;}

}

.model-hover-poup {position: relative;clear: both;}

.model-hover-poup .bubblepopup {position: absolute;top: 38px;right: 0;width: 200px;opacity: 0;visibility: hidden;transition: all 0.5s ease-in;z-index:1;}

.model-hover-poup:hover .bubblepopup{opacity: 1;visibility: visible;}

.model-hover-poup .bubblepopup::before {content: "";border-bottom: 10px solid #ffa726;width: 10px;height: 10px;right: 15px;top: -20px;position: absolute;border-top: 10px solid transparent;border-left: 10px solid transparent;border-right: 10px solid transparent;}

.bubblepopup .bubbleorow {font-size: 13px;color: #333333;font-family: "GothamRounded-Book";text-align: left;margin: 0;background: #ffa726;padding: 6px 10px;line-height: 100%;border-bottom: 1px solid #d2d2d2;text-align:center;}

.bubblepopup .bubbleorow:nth-child(2n) {background: #ffb74e;}

.bubblepopup .bubbleorow .redbubble {background: #ff0000;width: 20px;height: 20px;display: inline-block;text-align: center;border-radius: 50%;line-height: 22px;color: #fff;margin-left:3px;}



.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: #142359;}

.popup_demo .dm_r .dm_fill.lightblue {background-color: #94c0c8;}

.popup_demo .dm_r .dm_fill.purple {background-color: #5e2a8b;}

.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;}





.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 .attach {position: absolute;right: 7%;cursor: pointer;}





.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 #d48138; background-color: #d48138; font-size: 16px; line-height: 1.2; padding:4px 20px; border-radius: 20px; transition: 0.5s; cursor: pointer; color:#ffffff;}

.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;}

.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;}

.inf_det .sec1.post .sc3 .pst_lk.active {background-color: #d4ab12; color:#ffffff; border-color: #d4ab12 !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;}

.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 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;}



*/
#after_register .set_margin {text-align: center; box-shadow: none; max-width: 580px; min-width: unset; background: #F2F2F2; margin: 40px auto 60px auto; padding: 40px 20px; border-radius: 20px;}
#after_register h3 {font-size: 18px; color: #313131; font-weight: 400; margin-bottom: 20px;}
#after_register .customSelect {height: 58px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-image: url(../images/ar_down.png); background-position: right 12px top 25px; background-repeat: no-repeat, no-repeat; padding: 10px 36px 10px 20px; margin-bottom: 0px; border: none; border-radius: 10px; font-size: 16px; color: #2c2c2c; font-family: 'Geologica'; margin: 0 0 20px 0;}
#after_register #website {height: 58px; border-radius: 10px; font-weight: 300; padding-left: 20px; margin-bottom: 24px; background-repeat: no-repeat; background-position: 16px 12px; color: #2c2c2c;}
#after_register .multiselect {width: 100%; overflow: hidden; text-overflow: ellipsis; height: 58px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-image: url(../images/ar_down.png); background-position: right 12px top 25px; background-repeat: no-repeat, no-repeat; padding: 10px 36px 10px 20px; margin-bottom: 0px; border: none; border-radius: 10px; font-size: 16px; color: #2c2c2c; font-family: 'Geologica'; margin: 0 0 0px; font-weight: 300;}
#after_register .multiselect:hover {background-color:#ffffff;}
#after_register .multiselect .caret {display:none;}
#after_register #submit {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: 30px auto 0px 0px; cursor: pointer; transition: 0.5s;}
#after_register #submit:hover {background-color: #ffd740;}
#after_register .multiselect-container {height: 250px; width: 100%; overflow-y: scroll; position: absolute; transform: translate3d(0px, 58px, 0px); top: 0px; left: 0px; will-change: transform; padding: 14px 10px 14px 10px;}
#after_register .multiselect-container>li>a>label {padding:3px 20px 3px 0px;}