@font-face {
	font-family:'arial';
	src: url('../fonts/arial.eot');
	src: local('☺'), url('../fonts/arial.woff') format('woff'), 
	url('../fonts/arial.ttf') format('truetype'), url('../fonts/arial.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
* { margin:0px; padding:0px; }
body { box-sizing:border-box; color:rgb(51,51,51); font-family:'arial'; }
html{ scroll-behavior:smooth; }
a { text-decoration:none; transition:0.4s ease-in; }
a:hover { text-decoration:none; }
ul { margin:0px; padding:0px; list-style:none; }
button:focus { outline:none; }
.no-pd { padding:0px; }
.container { max-width:1060px; }
header { padding:10px 0px; }
header h2 { font-size:18px; float:right; text-align:center; margin:7px 0px 0px; }
header h2 span, .banner-sec h3 span, .banner-sec p span, .top-content p span, .dating-sec h3 span, .experience-cls p span { display:block; }
header a.btn { color:#fff; font-size:18px; background:rgba(246,17,119,1); font-weight:bold; padding:12px 35px; float:right; margin-left:15px; }
.banner-sec { background:url(../images/slider-banner.png) no-repeat center fixed; width:100%; height:auto; padding:140px 0px 50px; text-align:center; }
.banner-sec h3 { font-size:65px; color:#fff; font-weight:bold; text-shadow:-4px 4px 0px rgb(0 0 0); }
.box-shadow { max-width:422px; background:rgba(0,0,0,0.3); border-radius:10px; padding:20px 20px; margin:0px auto 70px; color:#fff; }
.banner-sec p.para-cls { font-size:33px; color:rgb(46, 46, 46); }
.banner-sec .box-shadow h4 { font-size:20px; color:#fff; margin-bottom:15px; font-weight:normal; }
.banner-sec .box-shadow a.btn { background:rgba(246,17,119,1); color:#fff; font-weight:bold; padding:12px 35px; margin-bottom:15px; }
.banner-sec .box-shadow p { font-size:11px; margin-bottom:0px; line-height:1.8; color:#fff; margin: 0px; }
.banner-sec ul li { display:inline-block; padding:0px 15px;  }
.banner-sec h4 { font-weight:bold; font-size:28px; }
.banner-sec p {font-size:14px; margin-top:30px; font-weight:bold; }
.top-content { padding:25px 0px 0px; text-align:center; } 
.strip-cls { background:rgba(204,171,216,0.5); width:140px; height:2px; margin:0px auto 4px; position:relative; margin-bottom:80px; text-align:center; }
.strip-cls span { background:rgba(204,171,216,0.5); width:110px; height:2px; position:absolute; top:12px; left:50%; transform:translateX(-50%); }
.strip-cls span:before { content:""; position:absolute; background:rgba(204,171,216,0.5); width:80px; height:2px; left:50%; top:12px; transform:translatex(-50%); }
.strip-cls span:after { content:""; position:absolute; background:rgba(204,171,216,0.5); width:40px; height:2px; left:50%; top:25px; transform:translatex(-50%); }
.top-content h3 { font-size:28px; font-weight:normal; }
.top-content p { font-size:16px; color:rgba(51,51,51); }
.top-content .inner-cls { background:#fcfbff; border-radius:10px; padding:15px 15px; box-shadow:0px 10px 15px rgb(179 179 179 / 90%); position:relative; margin-bottom:30px; }
.top-content .inner-cls:hover .user-cls { border:10px solid #8474a1; }
.top-content .user-cls { width:130px; height:130px; border-radius:50%; overflow:hidden; border: 10px solid #fff; position:absolute; 
top:-65px; left:50%; transform:translateX(-50%); }
.top-content .user-cls img { width:100%; height:100%; background-size:cover; }
.top-content .phone-cls { float:left; }
.top-content .sms-cls { float:right; }
.top-content .username { color:rgb(33, 33, 35); margin-top:60px; font-size:16px; }
.top-content .username strong { font-size:24px; color:rgb(204, 171, 216); }
.top-content .price { font-size:26px; color:rgb(33, 33, 35); }
.top-content .inner-cls p.price { font-size:26px; }
.top-content .inner-cls p.price del { position:relative; margin-right:15px; text-decoration:auto; }
.top-content .inner-cls p.price del:before { content:""; position:absolute; background:#f61177; height:3px; width:110%; top:55%; left:50%; transform:translate(-50%, -50%); }
.top-content .inner-cls p { font-size:18px; color:rgb(33, 33, 35); } 
.top-content .inner-cls a.btn { background:rgba(246,17,119,1); color:#fff; font-size:15px; font-weight:bold; padding:12px 0px; width:100%; }
.top-content .top-sps { margin-top:120px; }
.chat-sec { padding:70px 0px 100px; }
.chat-sps .inner-cls { background:#8474a1; color:#fff; padding:20px 30px; border-radius:10px 10px 10px 0px; position:relative; }
.chat-sps .inner-cls h3 { color:rgb(253, 179, 202); font-size:14px; }
.chat-sps .inner-cls p { font-size:14px; padding-left:10px; border-left:2px solid #fff; margin-bottom:0px; }  
.chat-sps .inner-cls:after { content:""; position:absolute; bottom:-15px; left:0px; border-top:15px solid #8474a1; border-left:10px solid transparent; border-right:10px solid transparent; }
.chat-sec h4 { font-size:16px; font-weight:normal; padding-left:30px; margin-top:5px; }
.work-cls { text-align:center; margin-top:60px; }
.work-cls h3 { font-size:28px; }
.work-cls p { font-size:16px; }
.work-cls .inner-cls { padding:0px 30px 15px; border-radius:10px; color:#000; font-size:16px; position:relative; margin-top:100px;
box-shadow:5px 6px 2px rgb(51 51 51); min-height:290px; border-top:1px solid rgb(232 232 232); border-left:1px solid rgb(232 232 232); }
.work-cls .inner-cls:hover { background:#ccabd8; }
.work-cls .circle { width:100px; height:100px; border-radius:50%; background:#fbf8ff; text-align:center; line-height:90px; font-size:72px; color:rgb(204, 171, 216); 
position:relative; top:-50px; left:50%; transform:translateX(-50%); font-weight:bold; }
.work-cls .inner-cls:after { content:""; position:relative; top:10px; left:10px; right:10px; bottom:10px; background:rgb(51 51 51); }
.work-cls .inner-cls h4 { font-size:18px; color:rgb(132, 116, 161); font-weight:bold; }
.work-cls .inner-cls:before { content:""; background:url(../images/arrow.png) no-repeat center top; width:210px; height:45px; 
position:absolute; top:-80px; right:240px; background-size:100% 100%; }
.work-cls .comn-cls:nth-child(1) :before { display:none; }
.dating-sec { background:#fbf8ff; padding:100px 0px 60px; }
.dating-sec h3 { color:rgb(33, 33, 35); font-size:28px; font-weight:bold; position:relative; margin-bottom:30px }
.dating-sec h3:after { content:""; background:#ccabd8; height:3px; position:absolute; bottom:-15px; width:45px; }
.dating-sec .left p { color:rgb(33, 33, 35); max-width:65%; }
.dating-sec .left h4 { font-size:18px; font-weight:normal; position:relative; display:table; margin-bottom:10px; }
.dating-sec .left h4:after { content:""; width:83px; height:59px; position:absolute; top:10px; right:-90px; background:url(../images/curved-icon.png) no-repeat center; background-size:cover; } 
.dating-sec .left a.btn, footer a.btn { background:rgba(246,17,119,1); color:#fff; font-size:15px; font-weight:bold; padding:13.5px 40px; }
.dating-sec .right{ text-align:center; }
.dating-sec .right h4 { font-size:16px; font-weight:bold; margin:10px 0px 5px; }
.dating-sec .right p { font-size:14px; color:#000; }
.dating-sec .right .content { margin-bottom:40px; }
.experience-cls { padding:80px 0px 60px; text-align:center; }
.experience-cls h3 { font-size:28px; font-weight:normal; position:relative; }
.experience-cls ul { max-width:800px; margin:50px auto 0px; }
.experience-cls ul li { font-size:16px; width:49%; display:inline-block; margin-bottom:25px; position:relative; padding-left:45px; text-align:left; }
.experience-cls ul li:before { content:""; width:35px; height:35px; position:absolute; left:0px; top:-5px; background:url(../images/check-icon.png) no-repeat center;  }
footer { position:relative; text-align:center; background:url(../images/footer-bottom.jpg) no-repeat center top; width:100%; height:900px; background-size:cover; margin-bottom:50px; }
footer h3 { font-size:56px; font-weight:bold; padding-top:10%; margin-bottom: 30px }
footer p { font-size:26px; color:rgb(46, 46, 46); line-height:1.2; }
footer p span { display:block; } 
footer a.btn { margin:50px auto 0px; display:table; padding:13.5px 54px; }
.footer-botm { position:absolute; bottom:-50px; z-index:99; width: 100%; text-align:center; background:#fff; }
footer h5 { font-size:12px; color:rgb(46, 46, 46); padding:15px 0px; margin-bottom:0px; }
footer h5 a { color:rgb(46, 46, 46); }
.banner-mobile { display:none; }

footer h5 a:hover { color:rgba(221,11,89,1); }
.top-content .inner-cls a.btn:hover, .banner-sec .box-shadow a.btn:hover, .dating-sec .left a.btn:hover, footer a.btn:hover, header a.btn:hover { background:rgba(221,11,89,1); color:#fff; }

.coockie_banner {
    width: 55% !important;
    margin: 0 auto !important;
    left: 0 !important;
    right: 0 !important;
    justify-content: center !important;
    bottom: 0 !important;
    border-radius: 50px;
    background: #fff !important;
    color: #000 !important;
    border: 3px solid #000;
    padding: 10px !important;
    text-align: left !important;    z-index: 9999;
}

.coockie_banner p {
    float: right;
    width: 94%;
    text-align: left;
    margin-bottom: 0;
    padding: 0px !important
}

.coockie_banner a {
    color: #4c3a9e !important
}

.coockie_banner .accept_button {
    float: left;
    width: 6%;
    margin: 0 auto;
    font-size: 25px;
    color: red;
    text-align: center;
    cursor: pointer
}


@media (min-width: 1800px) and (max-width: 2200px)
{
	footer {  height: 800px !important;}
}
@media (max-width: 767px)
{
	footer::after {
    background-image:url(/templates/bestpsychics/images/footer-bottom.jpg);
    content: "";
    width: 100%;
    height: 209px;
    position: absolute;
    background-size: contain;
    background-repeat: no-repeat;
      background-position: left bottom;
    bottom: 0;
    left: 0;
	}
	footer { background: none !important;    height: 471px !important;	}
	footer a.btn { margin: 30px auto 0px;}
	.coockie_banner {
    width: 99% !important;
}
	.coockie_banner p {
    width: 100%;
    font-size: 12px;
    text-align: center;
}
	.coockie_banner .accept_button {
    width: 100%;
    position: absolute;
    right: 0;
    text-align: right;
    top: -12px;
}

}