/*
======================================
**** FBSEARCH THEME V1 ****
**** Theme Name : FbSearch ****
**** Author : @TreeXilTeam ****
**** Author URI: https://www.treexil.com ****
**** Version : 1 ****
**** Page : FINDMYID ****
======================================
*/

.popup_loader{padding:60px 0;background:#3fa8df;color:#fff;width:100%;animation:fadeEffect .5s}
.preloader{margin:0 auto;width:100px;height:100px;display:block;-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite}
.preloader svg circle{stroke-dasharray:100;stroke-dashoffset:0;-webkit-animation:dash 1.5s ease-in-out infinite;animation:dash 1.5s ease-in-out infinite}
@keyframes spin {
from{transform:rotate(0deg)}
to{transform:rotate(360deg)}
}
@keyframes dash {
0%{stroke-dasharray:1,200;stroke-dashoffset:0}
50%{stroke-dasharray:89,200;stroke-dashoffset:-35}
100%{stroke-dasharray:89,200;stroke-dashoffset:-124}
}
#popup_result{position:fixed;z-index:9999;top:50%;transform:translateY(-50%);right:0;left:0;width:40%;text-align:center;margin:0 auto;box-shadow:0 15px 20px rgba(0,0,0,0.08);animation:fadeEffect .5s}
#id_popup{animation:fadeEffect .5s}
#id_popup > .close_popup{position:absolute;top:-24px;width:48px;height:48px;background:#fff;border-radius:50%;color:#3FA8DF;line-height:48px;font-size:20px;right:0;left:0;margin:0 auto;cursor:pointer;box-shadow:0 0 15px rgba(0,0,0,0.10)}
.popup_msg{background:#3FA8DF;padding:60px 0}
.popup_msg span{display:block;font-weight:700;font-family:'Open sans',sans-serif;font-size:23px}
.popup_msg span:nth-child(2){font-weight:200;font-size:18px;margin-top:5px}
.result_popup{padding:50px 0;background-color:#fff}
.result_popup .fbid{color:#3FA8DF;display:block;font-size:34px;font-family:'Open sans',sans-serif;margin-bottom:35px}
.result_popup .close_popup{color:#D5D5D5;font-family:'Open sans',sans-serif;font-size:15px;margin-right:30px;display:inline-block;cursor:pointer}
.result_popup .clipboard{color:#fff;background:#3FA8DF;height:45px;display:inline-block;line-height:45px;padding:0 15px;border-radius:5px;font-family:'Open sans',sans-serif;font-size:15px;border:0;outline:none}
body#findmyfbid{background-color:#fff;}
.top_bar .menu ul li a{color:#fff}
.header_wrapper .header_content{transform:translateY(70%)}
.header_wrapper .title{color:#fff}
.header_wrapper .description{color:#fff;line-height:30px}
.header_wrapper form{position:relative;width:85%;overflow:hidden}
.header_wrapper input{width:100%;border-radius:50px;text-indent:20px;font-size:12px;box-shadow:0 0 15px rgba(0,0,0,0.05)}
.header_wrapper button{width:auto;border-radius:50px;padding:0 26px;height:40px;line-height:40px;position:absolute;top:5px;right:5px}
section#features:before{width:0}
.features_section{background:#fff;box-shadow:0 0 20px rgba(0,0,0,0.10);border-radius:80px;padding:70px 140px}
.features_title{text-align:center;position:relative}
.features_title .title{color:#3972B9;font-family:'Open sans',sans-serif;font-size:28px;margin:0}
.features_title p{color:#9D9D9D;font-family:'Open sans',sans-serif;font-size:15px;margin:10px 0 0}
section#features .feature{position:relative;margin-bottom:30px}
section#features .feature:last-child{margin-bottom:0}
.features{padding:80px 0 0}
.feature h4{color:#3972B9;font-size:21px;margin:0;font-family:'Open sans',sans-serif}
.feature h4:before{content:'1';display:block;position:absolute;top:-12px;left:-80px;width:60px;height:60px;border-radius:50%;text-align:center;line-height:60px;color:#fff;box-shadow:0 0 10px rgba(63,168,223,0.4);background:#3fa8df;background:-moz-linear-gradient(top,rgba(63,168,223,1) 0%,rgba(57,114,185,1) 100%);background:-webkit-linear-gradient(top,rgba(63,168,223,1) 0%,rgba(57,114,185,1) 100%);background:linear-gradient(to bottom,rgba(63,168,223,1) 0%,rgba(57,114,185,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3fa8df',endColorstr='#3972b9',GradientType=0)}
.feature:nth-child(2) h4:before{content:'2'}
.feature:nth-child(3) h4:before{content:'3'}
.feature p{color:#ABABAB;font-family:'Open sans',sans-serif;line-height:27px;font-size:16px;margin:15px 0 0}
.feature ul{margin-top:15px}
.feature ul li{display:block;line-height:29px;color:#ABABAB;font-size:14px;position:relative;font-family:'Open sans',sans-serif;margin-bottom:10px}
.feature ul li:before{content:'';width:12px;height:12px;position:absolute;left:-25px;top:9px;border-radius:50%;background:#3972b9;background:-moz-linear-gradient(45deg,#3972b9 0%,#3fa8df 100%);background:-webkit-linear-gradient(45deg,#3972b9 0%,#3fa8df 100%);background:linear-gradient(45deg,#3972b9 0%,#3fa8df 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3972b9',endColorstr='#3fa8df',GradientType=1);box-shadow:0 0 10px #3FA8DF}
.header_wrapper {
    padding: 20px 0 20px;
}

section#features {
    padding-top: 20px;
    margin-bottom: 40px;
}

.features_section {
    padding: 50px 90px;
}
span.sponsortxt {
    display: block;
    color: black;
    margin-bottom: 14px;
    text-align: left;
    font-size: 20px;
}