/* Typography */

@import url('https://fonts.googleapis.com/css?family=Lato:300,300i,400,400i,700,700i,900,900i');
/*font-family: 'Lato', sans-serif;*/



/* // End typography */


/*	Resets
	------	*/

html,body,div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, img,ins, kbd, q, samp, small, strong, sub, sup, var, b, i, hr, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figure, figcaption, hgroup, menu, footer, header, nav, section, summary, time, mark, audio, video {margin: 0; padding: 0; border: 0; }

ul{list-style: none; } 
article, aside, canvas, figure,figure img, figcaption, hgroup, footer, header, nav, section, audio, video {display: block;}

blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }
table{border-collapse: collapse; border-spacing: 0; }
b, strong { font-weight: bold; }
[type="checkbox"], [type="radio"] { box-sizing: border-box; padding: 0; }
[type="search"] { -webkit-appearance: textfield; outline-offset: -2px; }
[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
::-webkit-file-upload-button {-webkit-appearance: button; font: inherit;}

.clear:after{content:".";display:block;clear:both;visibility:hidden;line-height:0; height:0; font-size: 0;}
a img{border:0; border-style: none; }
a, input, select, textarea{outline:none;}
img{width: auto; height: auto; max-width: 100%; vertical-align: bottom; border-style: none;}

/* Selection colours (easy to forget) */
img::selection 		{background: transparent;}
img::-moz-selection	{background: transparent;}
a{text-decoration: none; display: inline-block;}

input[type='number']{-moz-appearance:textfield;}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button{-webkit-appearance: none;}
input::-moz-focus-inner{border:0; padding: 0; }
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {display: none; }
input:required{box-shadow:none;}
input::-moz-focus-inner{box-shadow:0 0 0px transparent;}
button{padding: 0;}
/*		Default Layout 
-------------------------------------------------------------------------------
*/

/*

Font property css

font: font-style font-variant font-weight font-size/line-height font-family|caption|icon|menu|message-box|small-caption|status-bar|initial|inherit;

*/

body{background: rgb(255,255,255); -webkit-text-size-adjust: 100%; -moz-text-size-adjust:100%; -moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased; overflow-x: hidden; overflow-y:auto; font-family: 'Lato', sans-serif; font-size: 18px; line-height: 24px;}

*{-webkit-box-sizing: border-box;-moz-box-sizing:border-box; box-sizing: border-box;}


/* Global style */
h1, h2, h3, h4, h5, h6{margin: 0 0 10px;}

h1{font-size: 46px; line-height: 50px;}
h2{font-size: 40px; line-height: 45px; font-weight: 400;}
h3{font-size: 30px; line-height: 40px;}
h4{font-size: 25px; line-height: 30px;}
h5{font-size: 20px; line-height: 25px;}
h6{font-size: 16px; line-height: 20px; color: #9e9e9e;}

.mb_0{margin-bottom: 0;}
.mb_1{margin-bottom: 10px !important;}
.mb_2{margin-bottom: 20px !important;}
.mb_3{margin-bottom: 30px !important;}
.mb_4{margin-bottom: 40px !important;}
.mb_5{margin-bottom: 50px !important;}
.mb_6{margin-bottom: 60px !important;}

.mt_1{margin-top: 10px !important;}
.mt_2{margin-top: 20px !important;}
.mt_3{margin-top: 30px !important;}

button{padding: 0;}
dfn, address, em{font-style: normal;}
label, input[type="submit"], button{cursor: pointer;}
button:focus{outline: none;}
a:not(.btn):hover{text-decoration: underline;}

.container, .md-container{max-width: 1050px; margin: 0 auto; clear: both; padding: 0 15px;width: 100%;}
.container .container, .container .md-container, .container .sm-container{padding: 0;} 
.md-container{max-width: 970px;}
.sm-container{}
.row{margin: 0 -15px;}
.md-row{margin: 0 -7.5px;}

section, footer, header, .main-wrap{float: left; width: 100%; position: relative;}

/* component */
.responsive-nav-bar{width: 30px; height: 30px; background-color: transparent; border-color: transparent; border: 0; position: relative;}
.nav-bar{width: 20px; height: 2px; background-color: #fff; display: block; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease;}
.nav-bar:after, .nav-bar:before{width: 100%; height: 100%; background-color: #fff; content: ''; left: 0; position: absolute; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease;}
.nav-bar:before{top: -6px;}
.nav-bar:after{top: 6px;}
.navOpen .nav-bar{background-color: transparent;}
.navOpen .nav-bar:before, .navOpen .nav-bar:after{top: 0;}
.navOpen .nav-bar:before{-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg);}
.navOpen .nav-bar:after{-webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); transform: rotate(-45deg);}
.js-shutter{display: none;}


.btn{-webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; transition: all .4s ease-in-out;font-size: 12px;text-transform: uppercase;background: #0F77FF;padding: 5px 15px;border-radius: 25px;color: #ffff;font-weight: 700;box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);}
.btn:hover{-webkit-transform: translateY(-2px); -moz-transform: translateY(-2px); transform: translateY(-2px);box-shadow: 0px 15px 15px rgba(0, 0, 0, 0.1);}
.large-btn-btn{}
.medium-btn{}
.small-btn{}
.outline-btn{}

.text-center{text-align: center !important;}
.input{position: relative; text-align: left;}
.label{margin: 0 0 15px; font-size: 18px; line-height: 26px; display: inline-block;}
.input--style, .selectric .label{height: 60px; border-radius: 8px; background-color: #ffffff; padding: 17px 38px 18px 15px; box-shadow: 0 8px 15px rgba(0,0,0, .10); color: #273951; font-size: 20px; width: 100%; border: 2px solid #ffffff;}
.input-col .selectric .label { padding: 10px 38px 18px 15px }
.input--icon{background-image: url(../svgs/call.svg); background-size: 27px; background-repeat: no-repeat; background-position: 10px center;}
.input--style:focus{border-color: #0F77FF !important;}
.has-error .input--style{border-color: red;}
.submit--btn{width: 165px; height: 60px; background-color: #0F77FF; border: 0; font-size: 20px; color: #ffffff; border: 8px;  -webkit-transition: all .4s ease; -moz-transition: all .4s ease; transition: all .4s ease; font-weight: 500; float: right; border-radius: 8px; margin: 7.5px 0;}
.submit--btn img{width: 45px;}
.submit--btn:hover{background-color: #004eb3}
.warning--style{padding: 8px 15px; border-radius: 5px; background-color: #0F77FF; color: #ffffff; float: left; margin: 15px 0 0; font-size: 15px; line-height: 18px; position: absolute; left: 0; bottom: -40px;}
.warning--style img{width: 18px; height: 18px; margin-right: 10px;}
.warning--style:after{position: absolute; top: -10px; display: block; border-bottom: 10px solid #0F77FF; border-right: 10px solid transparent; border-left: 10px solid transparent; content: '';}
.error .input--style{border: 2px solid red;}
.error-message{background-color: red; display: none;}
.error-message.warning--style:after{border-bottom: 10px solid red;}
.pop__trigger{position: absolute;}
.section--padding{padding: 100px 0 !important;}


::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #273951;
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: red;
}

::-ms-input-placeholder { /* Microsoft Edge */
  color: #273951;
}

/* font-color */
.blue{color: #0F77FF;}
.light-blue{color: #649eff}
.black{color: #000;}

/* bg color */
.light-gray{background-color: #f9f9f9;}

/* default class */
.d-flex{display: -webkit-flex; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-flow: row wrap; flex-flow: row wrap;}
.d-justify-spacebetween{-webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-around; justify-content: space-around;}
.d-justify-center{-webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center;}
.d-align-center{-webkit-box-align: center; align-items: center;}


/* hero */
.hero-section {
    min-height: 250px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
    z-index: 1;
    color: #fff;
    background-attachment: fixed;
}

.hero-section:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: '';
    background-color: #000;
    opacity: .7;
    z-index: -2
}

.hero-section:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: '';
    background-image: url(../images/tex1.png);
    z-index: -1;
    background-repeat: repeat;
    opacity: .2;
}

.input-row--wrap {
    position: relative;
}

.input--row {
    position: relative;
}

.alert {
    margin-top: 10px;
    color: #d9d9d9;
    display: block;
}


.input--row {
    float: left;
    width: -webkit-calc(100% - 180px);
    width: calc(100% - 180px)
}

.input-col {
    width: 50%;
    padding: 7.5px;
    float: left;
}

.search-tools-button {
    width: 100%;
    height: 100%;
    background-color: #0F77FF;
    border: 0;
}




.page-content {
    padding: 10px 0;
}

.matches-row {
    float: left;
    width: 100%;
    margin: 0 0 15px;
    height: 35px;
}

.proggress-bar {
    float: left;
    height: 100%;
    width: calc(100% - 120px);
    width: calc(100% - 120px);
    position: relative;
}

.proggress-bg {
    width: 100%;
    height: 100%;
    background-color: #f1f1f1;
    border-radius: 4px;
}

.proggress-line {
    background-color: #0F77FF;
    position: absolute;
    top: 0;
    left: 0;
    width: 80%;
    height: 100%;
    border-radius: 4px;
}

.search-tools {
    width: 105px;
    height: 35px;
    float: right;
}

.search-tools-button {
    background: -webkit-linear-gradient(#0069F0, #0012F1);
    /* For Safari */
    background: -o-linear-gradient(#0069F0, #0012F1);
    /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#0069F0, #0012F1);
    /* For Firefox 3.6 to 15 */
    background: linear-gradient(#0069F0, #0012F1);
    /* Standard syntax */
    ;
    color: #fff;
    border-radius: 2px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
}

.search-tools-button:hover {
    background: -webkit-linear-gradient(#0012F1, #0069F0);
    /* For Safari */
    background: -o-linear-gradient(#0012F1, #0069F0);
    /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#0012F1, #0069F0);
    /* For Firefox 3.6 to 15 */
    background: linear-gradient(#0012F1, #0069F0);
    /* Standard syntax */
    ;
}


.main-content, .profile-content {
    width: -webkit-calc(100% - 320px);
    width: calc(100% - 320px);
    padding-right: 25px;
    float: left;
    border-right: 1px solid #f1f1f1;
}


.profile-content {
    padding: 10px;
    border: 1px solid #f1f1f1;
}

.content__wrapper {
    padding: 10px;
}

.side-bar {
    float: right;
    width: 380px;
}

.jump-to {
    font-size: 14px;
    line-height: 20px;
}

.jump-to-section,
.jump-to-section li {
    display: inline-block;
}

.jump-to-section {
    padding-right: 10px;
}

.jump-to-section li {
    padding: 0 10px;
}

.jump-to-section a {
    color: #0F77FF;
    font-weight: 700;
}

.jump-to-section a:hover {
    text-decoration: underline;
}

.profile-row {
    padding: 0 0 15px;
    margin: 0 0 15px;
    border-bottom: 1px solid #f1f1f1;
    position: relative;
}

.profile-row h5 {
    margin: 0 !important;
}

.result-content h6 {
    margin: 0 0 5px;
}

.profile-desc-content img {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;
}

.profile-desc-content {
    position: relative;
    padding-left: 75px;
}


.profile-desc-content h5 {
    font-size: 13px;
    font-weight: normal;
}

.holder-name {
    font-size: 17px;
    font-weight: 700;
}

.profile-desc-content {
    font-size: 14px;
    line-height: 16px;
}



.profile-desc-content h5 a {
    color: #000;
}

.user-name {
    color: #0F77FF !important;
    font-size: 14px;
    font-weight: 700;
}

.locations a {
    color: inherit;
    padding: 0 10px;
    position: relative;
}

.locations a:first-child {
    padding-left: 0;
}

.locations a:last-child:after {
    display: none;
}

.locations a:after {
    content: '|';
    position: absolute;
    right: -2px;
}




.career li {
    display: inline-block;
    padding: 0 8px;
    position: relative;
}

.career li:first-child:before {
    display: none;
}

.career {
    margin-left: -8px;
    font-weight: 700;
}

.career li:before {
    position: absolute;
    content: '-';
    left: -2.8px;
}

.bio--text {
    font-size: 13px;
    line-height: 18px;
    margin-top: 5px;
    color: #808080;
}


.profile-row a:hover {
    text-decoration: underline;
}


.profile-info-icon {
    position: absolute;
    top: 0;
    right: 0;
}


.profile-info-icon img {
    width: 40px;
    height: 40px;
}

.profile-text {
    position: absolute;
    top: 0;
    right: 50px;
    text-align: center;
    line-height: 18px;
    font-size: 16px;
    color: #0F77FF;
    transform: translateY(50%);
    margin-top: -16px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
}

.profile-info-icon:hover .profile-text {
    right: 55px;
    opacity: 1;
    visibility: visible;
}

.pic-information img {}



.pagaination {
    width: 100%;
    text-align: center;
}

.pagaination a,
.pagaination span {
    padding: 10px;
    border-radius: 4px;
    font-size: 14px;
    line-height: 10px;
    font-weight: 700;
    color: #000;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
}

.pagaination a:hover,
.pagaination a.active {
    background-color: #f9f9f9;
}



.b-checks {
    margin: 15px 0 0;
}

.title {
    padding: 5px 10px;
    position: relative;
    height: 30px;
}

.title h6 {
    color: #000;
}

.sponsored-text {
    position: absolute;
    top: 0;
    right: 10px;
    font-size: 12px;
    line-height: 30px;
}



.result-row {
    padding: 10px 0;
    position: relative;
    border-bottom: 1px solid #f1f1f1;
}

.result-user-icon {
    position: absolute;
    top: 3px;
    left: 0;
}

.result-user-icon img {
    width: 25px;
    height: 25px;
}

.result-content {
    padding-left: 40px;
    font-size: 14px;
    line-height: 16px;
    color: #808080;
    position: relative;
}

.result-content h6,
.result-content h6 a:not(.blue) {
    color: #000;
}

.arrow-link {
    font-size: 12px;
    position: absolute;
    top: 5px;
    right: 0;
}

.arrow-link img {
    display: inline-block;
    width: 12px;
    margin-left: 5px;
    vertical-align: middle;
    margin-top: 0px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
}

.arrow-link:hover img {
    margin-right: -3px;
}

.arrow-link:hover {
    text-decoration: none;
}

.result-wrap {
    margin: 30px 0 0;
    float: left;
    width: 100%;
}

.title + .result-row {
    margin: 15px 0 0;
}

.see-more {
    font-weight: 700;
    font-size: 14px;
}


.arrest-row {
    padding-right: 120px;
}

.resutl-view {
    position: absolute;
    right: 0;
    top: 10px;
}

.email-address > .result-row h6, .email-address h6{
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 0;
    margin-top: 4px;
}

.email-address .result-user-icon{top: 2px;}



.socail-row .result-user-icon,
.socail-row .result-user-icon img {
    width: 48px;
    height: 48px;
    border-radius: 5px;
}

.socail-row .result-content {
    padding-left: 65px;
}


.media-gellary {
    float: left;
    width: 100%;
    margin: 15px 0 0;
}

.media-col {
    float: left;
    width: 20%
}


.top-nav {
    position: fixed;
    top: -100%;
    left: 0;
    width: 100%;
    background: rgba(26, 152, 213, 0.8);
    padding: 15px 0;
    -welbkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    transition: all 1s ease;
    z-index: 999;
}

.scrolled .top-nav {
    top: 0;
}


.single-search .main-content {
    border: 1px solid #f1f1f1
}



/* single search */
.profile-holder-avatar {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;
}

.profile-holder-info {
    position: relative;
    padding: 0 0 13px 120px;
}

.opt-link {
    position: absolute;
    top: 10px;
    right: 0;
    color: #0F77FF;
    font-size: 14px;
}


.profile-holder-info h3,
.profile-holder-info p {
    padding: 5px;
    border-bottom: 1px solid #f1f1f1;
}

.profile-holder-info p {
    font-size: 14px;
    font-weight: 700;
}


.information-col .result-row {
    padding-left: 120px;
}
.information-col .arrest-row {
    padding-right: 135px;
}
.social-information h6 {
    margin: 0 !important;
    line-height: 30px;
}



.information-row {
    position: relative;
}
.information-row .result-content p{
   color: #333;
}

.information-title {
    font-size: 14px;
    position: absolute;
    top: 12px;
    color: #808080;
}
.email-address .result-row:last-child{border-bottom: 0;}


/* =======================================================================================================
============================================ Responsive style ========================================== */

/*		Mobile Layout: 320px and 480px and more but less than or equal to 767px.
----------------------------------------------------------------------------------
*/

@media only screen and (min-width: 320px) and (max-width: 767px) {
     input[type="text"], input[type="email"], input[type="tel"], input[type="search"], input[type="number"], input[type="submit"], input[type="password"], select, textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;}input[type='number']{-moz-appearance:textfield;}
    
    .top-nav{display: none;}
    
    .hero-section{min-height: 350px;}
    .input-col, .input--row{width: 100%;}
    .submit--btn{width: 100%;}
    
    
    .main-content, .profile-content{width: 100% !important; padding-right: 15px;}
    .title{height: auto;}
    
    .content__wrapper{padding-left: 0; padding-right: 0;}
    .jump-to-section{margin-left: -10px;}
    
    .profile-desc-content img{width: 45px; height: 45px;}
    .profile-desc-content{padding-left: 55px; line-height: 20px;}
    
    .profile-info-icon{position: relative; top: auto; bottom: auto; left: auto; right: auto; margin: 20px 0 0 55px;}
    .profile-text{top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); margin-top: 0; right: auto; left: 50px;}
    .profile-info-icon:hover .profile-text{right: auto; left: 55px;}
    
    .has_multiple{margin-left: -10px;}
    .locations a:first-child{padding-left: 10px;}
    
    .arrow-link, .resutl-view{position: relative; top: auto; left: 0; right: auto; bottom: auto; margin-left: 40px; margin-top: 5px;}
    .see-more{margin-left: 40px;}
    .arrest-row{padding-right: 0;}
    .resutl-view{margin-top: 10px;}
    
    .socail-row .see-more{margin-left: 65px;}
    
    .media-col{width: 33.3333%;}
    
    .sponsored-text{position: relative; top: auto; bottom: auto; left: 0; right: auto;}
    
    .career{margin-left: 0;}
    .career li:first-child, .information-col .result-row{padding-left: 0;}
    
    .email-address h6{line-height: 18px !important;}
    
    
    .information-title, .opt-link{position: relative; top: auto; left: auto; right: auto; bottom: auto;}
    .information-col .arrest-row{padding-right: 0;}
    
    
    .profile-information-wrap{border-bottom: 1px solid #f1f1f1;}
    .profile-holder-avatar{width: 60px; height: 60px;}
    .profile-holder-info{padding-left: 75px;}
    .profile-holder-info h3{font-size: 20px;}
    .opt-link{padding: 0 5px;}
    
}

@media only screen and (max-width: 374px) {
     input[type="text"], input[type="email"], input[type="tel"], input[type="search"], input[type="number"], input[type="submit"], input[type="password"], select, textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;}input[type='number']{-moz-appearance:textfield;}
    
    .jump-to-section{margin-left: -5px;}
    .jump-to-section li{padding: 0 5px;}
    
    
    
    
    
    

}





/*		Wide Mobile Layout: 480px.
------------------------------------------------------------
*/

@media only screen and (min-width: 480px) and (max-width: 767px) {


}


/*		Tablet Layout: 768px.
-----------------------------------------------------------------
*/

@media only screen and (min-width: 768px) and (max-width: 991px) {
     input[type="text"], input[type="email"], input[type="tel"], input[type="search"], input[type="number"], input[type="submit"], input[type="password"], select, textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;}input[type='number']{-moz-appearance:textfield;}
    
    
    .main-content, .profile-content{width: 100%; float: none; max-width: 620px; margin: 0 auto; clear:  both;}
	
}


/*		Tablet Layout: 1024px.
-----------------------------------------------------------------
*/

@media only screen and (min-width: 992px) and (max-width: 1024px) {
     input[type="text"], input[type="email"], input[type="tel"], input[type="search"], input[type="number"], input[type="submit"], input[type="password"], select, textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;}input[type='number']{-moz-appearance:textfield;}
    
    .main-content, .profile-content{width: -webkit-calc(100% - 300px); width: calc(100% - 300px);}
	
}




/*	Retina media query.
	Overrides styles for devices with a 
	device-pixel-ratio of 2+, such as iPhone 4.
-----------------------------------------------    */

@media 
	only screen and (-webkit-min-device-pixel-ratio: 2),
	only screen and (min-device-pixel-ratio: 2) {
	
	
}