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




/* ======================== BODY&FRAMEWORK ======================== */
html {
  margin: 0;
  padding: 0;
}
body {
  background-color: #ffffff;
  position: relative;
  font-family: 'Open-Sans', sans-serif;
  font-size: 15px;
  color: #fff;
  margin: 0;
  padding: 0;
  direction: ltr;
}


*,:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.text-center{text-align:center}
.text-left{text-align:left}
.text-right{text-align:right}
.float-left{float:left}
.float-right{float:right}
.table:after,.table:before{content:" ";display:table}
.table-cell{display:table-cell;width:10%;vertical-align:middle}
.display-flex{display:flex}
.display-flex-middle{display:block;vertical-align:middle;margin:0 auto}
.inline-block{display:inline-block}
.clear{clear:both}
.no-top-padding{padding-top:0}
.no-bottom-padding{padding-bottom:0}
.no-margin{margin:0}
.col-centered {float: none;margin: 0 auto}
li,ul{list-style:none;margin:0;padding:0}
img{max-width:100%;display:block}
a {text-decoration: none;}
.col-centered {float: none;margin: 0 auto}
@keyframes fadeEffect {
    from {opacity: 0;}
    to {opacity: 1;}
}
.top_bar .menu ul li a, .searchinfb select, .navFooter li a, #popup_result, .accordion_content, .checkmark:before, .popup_loader, .popup_msg, #popup_result, .menu_mobile {transition: all 0.25s ease-in-out;-webkit-transition: all 0.25s ease-in-out;-moz-transition: all 0.25s ease-in-out;-o-transition: all 0.25s ease-in-out;}


/*
========================
HEADER
========================
*/
header#header{position:relative;background-color:#3fa8df;height:650px}
.top_bar{position:relative;height:90px;line-height:90px}
.top_bar .logo{float:left}
.top_bar .logo img{display:inline-block;vertical-align:middle;width:150px}
.top_bar .menu{float:right}
.top_bar .menu ul{float:right}
.top_bar .menu ul li{display:block;float:left}
.top_bar .menu ul li a{display:block;padding:0 15px;color:#fff;font-size:14px;font-family:'Open Sans',sans-serif}
.top_bar .menu ul li.niche{border-radius:30px;height:42px;margin-top:24px;margin-left:15px;background: #96bf48;}
.top_bar .menu ul li.niche img{width:15px;display:inline-block;vertical-align:middle;margin-right:3px;margin-top:-3px}
.top_bar .menu ul li.niche a{line-height:42px}
.menu_mobile,#open_menu{display:none}
.header_wrapper{position:relative;display:block;padding:70px 0 50px}
.header_wrapper .header_content{transform:translateY(25%)}
.header_wrapper .title{color:#fff;line-height:35px;font-size:28px;font-weight:600;margin:0;font-family:'Open Sans',sans-serif}
.header_wrapper .description{color:#fff;font-size:14px;margin:13px 0 0;display:block;font-family:'Open Sans',sans-serif}
.header_wrapper form{margin-top:20px;position:relative}
.header_wrapper input{float:left;height:50px;line-height:50px;text-indent:10px;font-size:13px;border:0;background:#fff;box-shadow:0 10px 15px 0 rgba(178,178,178,0.15);width:45%;border-right:1px solid rgba(112,112,112,0.09);color:#797979;font-family:'Open Sans',sans-serif;border-radius:5px 0 0 5px}
.header_content select{box-shadow:0 10px 15px 0 rgba(178,178,178,0.15);color:#797979;padding:0 10px;cursor:pointer;user-select:none;font-family:'Open Sans',sans-serif;font-size:13px;height:50px;width:100%;line-height:50px;background:#fff;display:inline-block;position:relative;border:0;border-radius:0 5px 5px 0;width:30%;margin-left:-4px}
.header_wrapper .select-selected{box-shadow:0 10px 15px 0 rgba(178,178,178,0.15)}
.header_wrapper button{width:22%;height:50px;line-height:50px;border-radius:3px;border:0;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 20px rgba(63,168,223,0.3);color:#fff;text-transform:uppercase;margin-left:5px;font-family:'Open Sans',sans-serif;font-weight:700;font-size:12px}
.header_wrapper input,.header_wrapper select,.header_wrapper button{outline:none}
.header_wrapper input::-webkit-input-placeholder{color:#797979}
.header_wrapper input::-moz-placeholder{color:#797979}
.header_wrapper input:-ms-input-placeholder{color:#797979}
.header_wrapper input:-moz-placeholder{color:#797979}
.header_wrapper form label.error{display:inline-block;position:absolute;left:0;top:-55px;height:40px;line-height:40px;background:#3972b9;background:-moz-linear-gradient(top,#3972b9 0%,#3fa8df 100%);background:-webkit-linear-gradient(top,#3972b9 0%,#3fa8df 100%);background:linear-gradient(to bottom,#3972b9 0%,#3fa8df 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3972b9',endColorstr='#3fa8df',GradientType=0);color:#fff;padding:0 15px;border-radius:3px;font-family:'Open sans',sans-serif;font-size:13px;box-shadow:0 0 20px rgba(0,0,0,0.15);animation:fadeEffect .3s}
.header_wrapper form label.error:before{content:'';width:0;height:0;border-left:4px solid transparent;border-right:5px solid transparent;border-top:10px solid #3FA8DF;bottom:-8px;position:absolute;left:0;margin:0 auto;right:0}
.header_wrapper .question{display:block;color:#fff;font-family:'Open Sans',sans-serif;font-size:11px;margin-top:15px}
.header_wrapper .question a{text-decoration:underline;color:#fff}
.sponsors {margin-top: 40px;margin-bottom: 20px;text-align: center;}
.sponsors a {display: inline-block;margin-left: 10px;}
/*
========================
FEATURES SECTION
========================
*/
section#features{position:relative;padding-top:50px}
section#features [class^=col-m]{margin-bottom:50px}
section#features .feature{margin-bottom:0px;display:block}
section#features .feature .feature_img{float:left;margin-right:60px;position:relative}
section#features [class^=col-m]:nth-child(2) .feature_img{float:right;margin-right:0;margin-left:60px}
section#features .feature .feature_content .feature_title{color:#3972B9;margin:0;font-size:27px;font-family:'Open Sans',sans-serif;font-weight:600}
.feature .feature_content .feature_description{color:#4F5861;line-height:29px;font-size:15px;font-family:'Open Sans',sans-serif}
.feature h2 {color: #3972b9;font-size: 27px;}

/*
========================
FOOTER
========================
*/
footer#footer{background-color:#3fa8df;overflow:hidden}
footer#footer .container{margin-top:60px;margin-bottom:40px}
footer#footer .scrollupArrow{text-align:center;text-shadow:0 0 20px #3972B940;margin-bottom:40px}
footer#footer .scrollupArrow a{color:#fff;cursor:pointer;font-size:45px}
footer#footer span{color:#fff;font-size:20px;font-family:'Open sans',sans-serif}
footer#footer .social_links{margin-top:20px}
footer#footer .social_links li{display:inline-block;font-size:20px;margin-right:15px}
footer#footer .social_links li a{font-family:'Open sans',sans-serif;color:#fff;width:60px;height:60px;display:block;text-align:center;line-height:60px;font-size:16px}
footer#footer .social_links li:hover a{background:url(img/bg_social.png) 0 0 no-repeat;background-position:center;color:#3972B9}
footer#footer .navFooter{text-align:right}
footer#footer .navFooter li{display:inline-block;margin-right:12px}
footer#footer .navFooter li a{color:#fff;font-family:'Open sans',sans-serif;font-size:15px}
footer#footer form{margin-top:30px}
footer#footer input{border:0;outline:0;height:50px}
footer#footer input[type="email"]{width:80%;float:left;box-shadow:0 3px 6px rgba(0,0,0,.1);border-radius:3px;font-size:13px;text-indent:15px;color:#9D9D9D;font-family:'Open sans',sans-serif}
footer#footer input[type="email"]::placeholder{text-indent:15px;margin:0;padding:0;color:#9D9D9D}
footer#footer input[type="submit"]{width:20%;position:absolute;right:10px;border-radius:0 5px 5px 0;font-family:'FontAwesome';background:linear-gradient(#3972B9,#3FA8DF);color:#FFF;box-shadow:0 0 15px #3FA8DF60;cursor:pointer}
footer#footer .copyright{text-align:center;margin-top:50px}
footer#footer .copyright span,footer#footer .copyright a{color:#fff;font-size:14px}
footer#footer .copyright i{background:linear-gradient(#3972B9,#3FA8DF);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
footer#footer .disclaimer{text-align:center;margin-top:50px}
footer#footer .disclaimer span,footer#footer .disclaimer a{color:#fff;font-size:10px}
footer#footer .disclaimer i{background:linear-gradient(#D3D3D3,#D3D3D3);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
