@font-face {
    font-family: 'proxima_novabold';
    src: url('../fonts/proximanova-bold-webfont.eot');
    src: url('../fonts/proximanova-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/proximanova-bold-webfont.woff2') format('woff2'),
         url('../fonts/proximanova-bold-webfont.woff') format('woff'),
         url('../fonts/proximanova-bold-webfont.ttf') format('truetype'),
         url('../fonts/proximanova-bold-webfont.svg#proxima_novabold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'proxima_novalight';
    src: url('../fonts/proximanova-light-webfont.eot');
    src: url('../fonts/proximanova-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/proximanova-light-webfont.woff2') format('woff2'),
         url('../fonts/proximanova-light-webfont.woff') format('woff'),
         url('../fonts/proximanova-light-webfont.ttf') format('truetype'),
         url('../fonts/proximanova-light-webfont.svg#proxima_novalight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'proxima_novaregular';
    src: url('../fonts/proximanova-regular-webfont.eot');
    src: url('../fonts/proximanova-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/proximanova-regular-webfont.woff2') format('woff2'),
         url('../fonts/proximanova-regular-webfont.woff') format('woff'),
         url('../fonts/proximanova-regular-webfont.ttf') format('truetype'),
         url('../fonts/proximanova-regular-webfont.svg#proxima_novaregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'proxima_novasemibold';
    src: url('../fonts/proximanova-semibold-webfont.eot');
    src: url('../fonts/proximanova-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/proximanova-semibold-webfont.woff2') format('woff2'),
         url('../fonts/proximanova-semibold-webfont.woff') format('woff'),
         url('../fonts/proximanova-semibold-webfont.ttf') format('truetype'),
         url('../fonts/proximanova-semibold-webfont.svg#proxima_novasemibold') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* start header */
body{font-family: 'Open Sans', sans-serif;}
header{padding: 3px 0px 4px;}
header .left-header{width: 20%; float: left}
header .right-header{width: 80%; float: right; padding-top: 12px; text-align: right;}

.right-header .left-nav{display: inline-block; vertical-align: top;}
.right-header .right-nav{display: inline-block; vertical-align: top;}
.left-header .logo img{max-width: 100%;}

.left-nav .navbar{padding: 5px 0px; position: relative;}
.left-nav .navbar-nav{margin: 0px; padding: 5px 0px 0px; width: 100%; text-align: right; display: block; padding-right: 40px;}
.left-nav .navbar-nav li{list-style: none; display: inline-block; vertical-align: top; margin-right: 23px;}
.left-nav .navbar-nav li:last-child{margin-right: 0px;}
.left-nav .navbar-nav li a.nav-link{padding: 0px; -ms-transition:all 0.5s ease 0s;-moz-transition:all 0.5s ease 0s;-o-transition:all 0.5s ease 0s;-webkit-transition:all 0.5s ease 0s;transition:all 0.5s ease 0s;  font-size: 15px; color: #455a64;}
.left-nav .navbar-nav li a.nav-link:hover{color: #2ea3dc;}
.headtop-links{margin: 0px; padding: 0px; text-align: right;}
.headtop-links li{list-style: none; display: inline-block; vertical-align:middle; margin-right:6px; }
.headtop-links li:last-child{margin-right: 0px;}
.headtop-links li a{outline: none; -ms-transition:all 0.5s ease 0s;-moz-transition:all 0.5s ease 0s;-o-transition:all 0.5s ease 0s;-webkit-transition:all 0.5s ease 0s;transition:all 0.5s ease 0s;  text-decoration: none; font-size: 15px; font-weight: 600; min-width: 108px; text-align: center; padding-top:9px; padding-bottom: 9px; border-radius: 5px; background-color: #223269; border: 1px solid #223269;}
.headtop-links li a:hover{border: 1px solid #223269; background-color: #fff; color: #223269;}
.headtop-links li.signup a{border: 1px solid #23b4e8; background-color: #fff; color: #23b4e8;}
.headtop-links li.signup a:hover{background-color: #23b4e8; color: #fff;}
/* end of header */

/*banner section */
.banner-section{position: relative; min-height: 679px;  background-attachment: fixed !important; background-position: center top !important;}
.banner-section:after{position: absolute; top:0px; left: 0px; content: ''; height: 100%; width: 100%; background-color: #1d2022; opacity: 0.45;}
.banner-content{position: relative; z-index: 5; padding-top: 238px; color: #fff; }
.banner-content h1{margin: 0px; padding: 0px; font-size:61px; display: block; font-family: 'proxima_novabold'; line-height: 60px;}
.banner-content  p{margin: 0px; padding: 0px; font-family: 'proxima_novalight'; font-size: 42px; line-height: 45px;}
.banner-content a{outline: none; -ms-transition:all 0.5s ease 0s;-moz-transition:all 0.5s ease 0s;-o-transition:all 0.5s ease 0s;-webkit-transition:all 0.5s ease 0s;transition:all 0.5s ease 0s;  text-decoration: none; font-size: 15px; font-weight: 600; min-width: 268px; text-align: center; padding-top:15px; padding-bottom: 15px; border-radius: 5px; background-color: #23b4e8; border: 1px solid #23b4e8; text-transform: uppercase; margin-top: 145px;  }
.banner-content a:hover{border: 1px solid #223269; background-color: #223269; color: #fff;}



/* offfer section */
.offers-section{padding: 28px 0px 60px;}
.heading-title{text-align: center;}
.heading-title h2{margin: 0px; padding: 0px; display: block;  font-size: 37px; color: #455a64; font-family: 'proxima_novasemibold';}
.heading-title  span{display: inline-block; position: relative; font-size: 18px; color: #455a64;}
.heading-title  span:after{position: absolute; bottom: -16px; left: 0px; right: 0px; margin: auto; background-color: #23b4e8; border-radius: 6px; height: 7px; width: 50px; content: ''; }

.offerlisting{margin: 0px; padding: 70px 0px 0px; font-size: 0;}
.offerlisting li{list-style: none; display: inline-block; vertical-align: top; font-size: 14px; width: 25%; text-align: center; position: relative;}
.offerlisting li figure{margin-bottom: 28px; position: relative;}
.offerlisting li strong{display: block; font-weight: 600; padding-bottom: 16px; line-height: 25px; font-size: 19px; color: #455a64;}
.offerlisting li p{margin: 0px auto; padding: 0px; font-size: 15px; color: #99abb4; font-family: 'Roboto', sans-serif; max-width: 200px;}
.offerlisting li:after{position: absolute; top:0px; right: 0px; content: ''; height: 166px; width: 1px; background-color: #dde3e6; }
.offerlisting li figure img{-ms-transition:all 0.5s ease 0s;-moz-transition:all 0.5s ease 0s;-o-transition:all 0.5s ease 0s;-webkit-transition:all 0.5s ease 0s;transition:all 0.5s ease 0s; position: relative; top:0px; max-width: 100%;}
.offerlisting li:last-child:after{display: none;}
.offerlisting li  figure:after {content: '';width: 80px;height: 17px;position: absolute;bottom: -10px;left: 0;right: 0;margin: auto;
background: -moz-radial-gradient(center, ellipse cover, rgba(0,0,0,0.15) 28%, rgba(0,0,0,0.15) 54%, rgba(0,0,0,0) 71%, rgba(0,0,0,0) 79%, rgba(0,0,0,0) 81%);
background: -webkit-radial-gradient(center, ellipse cover, rgba(0,0,0,0.15) 28%, rgba(0,0,0,0.15) 54%, rgba(0,0,0,0) 71%, rgba(0,0,0,0) 79%, rgba(0,0,0,0) 81%);background: radial-gradient(ellipse at center, rgba(0,0,0,0.15) 28%, rgba(0,0,0,0.15) 54%, rgba(0,0,0,0) 71%, rgba(0,0,0,0) 79%, rgba(0,0,0,0) 81%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#26000000', endColorstr='#00000000', GradientType=1 );
opacity: 0;transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;}
.offerlisting li:hover figure:after {opacity: 1;}
.offerlisting li:hover figure img{top:-10px;}
/*  End  offfer section */




/*testimonail start */
.client-section{background-image: url("../../img/client-bg.jpg"); background-position: center top; background-size: cover; max-width: 1920px; margin: auto; position: relative; padding: 108px 0px 60px 0px; min-height: 610px; background-repeat: no-repeat;}
.client-content{position: absolute; left: 50%; top:100px; z-index: 1; width: 220px; margin-left: -585px;}
.client-content strong{display: block; padding-top: 30px; color: #455a64; font-size: 37px; font-weight: normal; font-family: 'proxima_novasemibold'; line-height: 42px;}
.client-content .btn-primary{margin-top: 70px; outline: none; -ms-transition:all 0.5s ease 0s;-moz-transition:all 0.5s ease 0s;-o-transition:all 0.5s ease 0s;-webkit-transition:all 0.5s ease 0s;transition:all 0.5s ease 0s;  text-decoration: none; font-size: 15px; font-weight: 600; min-width: 118px; text-align: center; padding-top:12px; padding-bottom: 12px; border-radius: 5px; background-color: #23b4e8; border: 1px solid #23b4e8; text-transform: uppercase;}
.client-content .btn-primary:hover{border: 1px solid #223269; background-color: #223269; color: #fff;}
.client-testimonial{float: right; width: 58%; overflow: hidden;}
.client-testimonial .owl-carousel .owl-item img{width: auto; display: inline-block;}
.client-testimonial .owl-carousel .owl-stage{padding-left: 0px !important; padding-bottom: 50px;}
.clientbox{padding-left: 30px;}
.clientbox .commentview{padding: 44px 35px; background-color: #fff; position: relative; border-radius: 10px; -webkit-box-shadow: 1px 1px 12px 0 rgba(0,0,0,.10); box-shadow: 1px 1px 12px 0 rgba(0,0,0,.10);}
.clientbox p{margin: 0px;  color: #99abb4; font-size: 16px; line-height: 22px; padding-right: 10px; font-family: 'Roboto', sans-serif; min-height: 220px; overflow: auto; }
.clientbox .commentview:after{position: absolute; bottom: -37px; left: 0px; content: ''; background-repeat: no-repeat; background-image: url("../../img/arrow-image.png"); width: 35px; height: 50px;}
.client-profile {position: relative; padding-left: 90px; margin-left: 30px; margin-top: 20px; font-family: 'Roboto', sans-serif;}
.client-profile figure{height: 67px; width: 67px; border-radius: 50%; overflow: hidden; position: absolute; top:0px; left: 0px; }
.client-profile  strong{font-weight: 500; font-size: 16px; color: #455a64; display: block; padding-top: 11px;}
.client-profile  span{display: block; color: #99abb4; font-size: 14px; font-weight: 300; }
.client-testimonial .owl-carousel .owl-item.active ~ .owl-item.active .client-profile  strong {color: #fff ;}
.client-testimonial .owl-carousel .owl-item.active ~ .owl-item.active .client-profile  span {color: #ade3f6 ;}
.client-testimonial .owl-carousel .owl-item.active ~ .owl-item.active .client-profile figure{border:4px solid #4fc3ed;}
.client-testimonial .owl-nav{display: none;}
.client-testimonial .owl-dots{padding-left: 100px; }
.client-testimonial .owl-dots .owl-dot{-ms-transition:all 0.5s ease 0s;-moz-transition:all 0.5s ease 0s;-o-transition:all 0.5s ease 0s;-webkit-transition:all 0.5s ease 0s;transition:all 0.5s ease 0s; height: 13px; width: 13px; border: 2px solid #99abb4; border-radius: 50%; background-color: #fff; outline: none; margin-right: 5px; }
.client-testimonial .owl-dots .owl-dot:last-child{margin-right: 0px;}
.client-testimonial .owl-dots .owl-dot.active{background-color: #99abb4;}
.client-testimonial .owl-dots .owl-dot:hover{background-color: #99abb4;}
/*testimonail start */


/*login */
.inner-section{background-color: #eef3f5; padding: 50px 0px;}
.box-shadow{background-color: #fff; -webkit-box-shadow: 0 0 15px 0 rgba(0,0,0,.04); box-shadow: 0 0 15px 0 rgba(0,0,0,.04); padding: 22px 22px 35px; width: 693px; margin: auto; border-radius: 10px; border: 1px solid #e4e9ee;}
.login-form{width: 520px; margin: auto;}
.form-group{margin-bottom: 26px;}
.form-group label{font-weight: normal; display: block; margin: 0px 0px 16px; font-size: 16px; color: #99abb4; }
.form-group .form-control{-ms-transition:all 0.5s ease 0s;-moz-transition:all 0.5s ease 0s;-o-transition:all 0.5s ease 0s;-webkit-transition:all 0.5s ease 0s;transition:all 0.5s ease 0s; height: 66px; border-radius: 10px;; background-color: #efefef; border:1px solid #efefef ; color: #99abb4; font-size: 16px; font-family: 'Roboto', sans-serif; padding-left: 20px; padding-right: 50px;}
.form-control::-webkit-input-placeholder{color:#99abb4;opacity:1}
.form-control::-moz-placeholder{color:#99abb4;opacity:1}
.form-control:-ms-input-placeholder{color:#99abb4;opacity:1}
.form-control::-ms-input-placeholder{color:#99abb4;opacity:1}
.form-control::placeholder{color:#99abb4;opacity:1}
.form-group > span{display: block;}
.form-group .valided-correct .form-control{border: 1px solid #2ac31f; background-color: #f7fef6; box-shadow: none; background-image: url("../../img/green-valid.png"); background-repeat: no-repeat; background-position: 98% center }
.form-group .valided-correct .form-control:focus{ background-color: #f7fef6;  background-image: url("../../img/green-valid.png"); background-repeat: no-repeat; background-position: 97% center ; border-color: #2ac31f;outline: 0;box-shadow: 0 0 0 .2rem rgba(42,195,31,.25);}
.form-group .novalided .form-control{border: 1px solid #ea1010; background-color: #fffafa; box-shadow: none; background-image: url("../../img/red-invalid.png"); background-repeat: no-repeat; background-position: 97% center }
.form-group .novalided .form-control:focus{background-color: #fffafa; background-image: url("../../img/red-invalid.png"); background-repeat: no-repeat; background-position: 97% center; border-color: #ea1010;outline: 0;box-shadow: 0 0 0 .2rem rgba(234,13,13,.25); }
.password span{position: relative}
.showpassowrd{position: absolute; top:20px; right: 32px; }
.form-group .form-control:focus{border:1px solid #23b4e8; box-shadow: 0 0 0 .2rem rgba(35,180,232,.25);}
.password.form-group{margin-bottom: 16px;}
.forgetpass{text-align: right;}
.forgetpass a{-ms-transition:all 0.5s ease 0s;-moz-transition:all 0.5s ease 0s;-o-transition:all 0.5s ease 0s;-webkit-transition:all 0.5s ease 0s;transition:all 0.5s ease 0s; color: #99abb4; font-size: 16px; font-family: 'Roboto', sans-serif; outline: none; text-decoration: none;}
.forgetpass a:hover{color: #23b4e8;}
.login-form .btn-group{margin: 28px 0px 25px;}
.btn-group{display: block;}
.btn-group .btn-primary{padding: 15px 0px; display: block; border-radius: 5px; font-size: 15px; color: #fff; text-transform: uppercase; background-color: #23b4e8; font-weight: 700; border: 1px solid #23b4e8; width: 100%; -ms-transition:all 0.5s ease 0s;-moz-transition:all 0.5s ease 0s;-o-transition:all 0.5s ease 0s;-webkit-transition:all 0.5s ease 0s;transition:all 0.5s ease 0s; }
.btn-group .btn-primary:hover{background-color: #223269; border: 1px solid #223269;}
.divide{display: block; font-size: 20px; text-align: center; font-family: 'Roboto', sans-serif; font-weight: 300; color: #455a64; text-transform: capitalize;}
.social-button{font-size: 0;text-align: center; margin-top: 25px; margin-bottom: 35px;}
.social-button div{width: 50%; display: inline-block; font-size: 14px; position: relative;}
.social-button div img{max-width: 100%; -ms-transition:all 0.5s ease 0s;-moz-transition:all 0.5s ease 0s;-o-transition:all 0.5s ease 0s;-webkit-transition:all 0.5s ease 0s;transition:all 0.5s ease 0s; position: relative; top:0px;}
.social-button div:last-child{text-align:right;}
.social-button div:after {content: '';width: 80px;height: 17px;position: absolute;bottom: -10px;left: 0;right: 0;margin: auto;
background: -moz-radial-gradient(center, ellipse cover, rgba(0,0,0,0.15) 28%, rgba(0,0,0,0.15) 54%, rgba(0,0,0,0) 71%, rgba(0,0,0,0) 79%, rgba(0,0,0,0) 81%);
background: -webkit-radial-gradient(center, ellipse cover, rgba(0,0,0,0.15) 28%, rgba(0,0,0,0.15) 54%, rgba(0,0,0,0) 71%, rgba(0,0,0,0) 79%, rgba(0,0,0,0) 81%);background: radial-gradient(ellipse at center, rgba(0,0,0,0.15) 28%, rgba(0,0,0,0.15) 54%, rgba(0,0,0,0) 71%, rgba(0,0,0,0) 79%, rgba(0,0,0,0) 81%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#26000000', endColorstr='#00000000', GradientType=1 );
opacity: 0;transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;}
.social-button div:hover:after {opacity: 1;}
.social-button div:hover img{top:-10px;}
.form-group .novalided .form-control{color: #ea1010;}
.signup-link{text-align: center;}
.signup-link p{margin: 0px; padding: 0px; font-size: 17px; font-weight: 300; color: #455a64; font-family: 'Roboto', sans-serif;}
.signup-link p a{color: #23b4e8; -ms-transition:all 0.5s ease 0s;-moz-transition:all 0.5s ease 0s;-o-transition:all 0.5s ease 0s;-webkit-transition:all 0.5s ease 0s;transition:all 0.5s ease 0s; outline: none; text-decoration: underline; font-weight: normal;}
.signup-link p a:hover{color: #223269;}
.heading-inner{margin-bottom: 26px; text-align: center;}
.heading-inner h2{margin: 0px; padding: 0px; font-size: 51px; color: #455a64; display: block; font-family: 'proxima_novalight';}
.heading-inner h2 span{color: #223269;font-family: 'proxima_novabold';}
.heading-inner h2 span b{font-weight: normal; color: #1db2e7; font-family: 'proxima_novabold';}
.heading-inner p{margin: 0px; padding: 0px; font-size: 20px; display: block; font-family: 'proxima_novalight'; color: #455a64;}
/*login */

/*sign up */
.signup-steps{position: relative; padding-top: 30px;}
.steps-list{ padding: 0px; text-align: center; font-size: 0; position: absolute; top:0px; right: 0px; margin: auto; left: 0px;}
.steps-list li{list-style: none; display: inline-block; text-align: right; margin-right: -80px; vertical-align: top; font-size: 14px; position: relative; 
-ms-transition:all 0.5s ease 0s;-moz-transition:all 0.5s ease 0s;-o-transition:all 0.5s ease 0s;-webkit-transition:all 0.5s ease 0s;transition:all 0.5s ease 0s; }
.steps-list li:last-child{margin: 0px;}
.steps-list li a{-ms-transition:all 0.5s ease 0s;-moz-transition:all 0.5s ease 0s;-o-transition:all 0.5s ease 0s;-webkit-transition:all 0.5s ease 0s;transition:all 0.5s ease 0s; outline: none; text-decoration:none; display: block; font-weight: 700; color: #99abb4; font-size: 24px; width: 160px; border: 1px solid #d6d6d6; background-color: #fff; padding-top: 12px; padding-bottom: 12px; padding-right: 30px;  border-radius: 50px;}
.steps-list li a:hover{background-color: #eef3f5;}
.steps-list li.sucess a{background-color: #f7fef6; border: 1px solid #2ac31f; padding-right: 0px; text-align: left; padding-left: 30px;}

.signup-form .btn-group {margin: 28px 0px 25px;}
.signup-form{width: 520px; margin: auto; padding-top: 28px;}
.name-group{margin: 0px -9px;}
.name-group div{float: left; width: 50%; padding: 0px 9px;}
.steps-list li.active{text-align: center; z-index: 4;}
.steps-list li.active a{padding-right: 0px; background-color: #23b4e8; color: #fff; }
.steps-list li.steps2{z-index: 3}
.steps-list li.steps3{z-index: 2}

.styled-selectors{position:relative; display:block;}
.styled-selectors div label{display: inline-block; margin: 0px; font-size: 15px;  font-family: 'Roboto', sans-serif;}
.styled-selectors div{display: inline-block; vertical-align: top; margin-right: 20px;position: relative;}
.styled-selectors div:last-child{margin-right: 0px;}
.styled-selectors input[type=radio]:not(old){margin:0; padding:0; opacity:0; width:17px; height:17px; position:absolute; left:0px; top:3px; cursor:pointer;}
.styled-selectors input[type=radio]:not(old)+label{display:inline-block; padding-left:22px; line-height:20px; cursor:pointer;  -ms-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s;}
.styled-selectors input[type="radio"]:not(old) + label{position: relative;}
.styled-selectors input[type="radio"]:not(old) + label:after{position: absolute; top:2px; left: 0px; content: ''; height: 17px; width: 17px; border-radius: 50%; border: 1px solid #cfcfcf;  -ms-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s;}
.styled-selectors input[type="radio"] + label:before{position: absolute; top:0px; left: 5px; margin: auto; content: ''; height:7px; width:7px; bottom: 0px;  border-radius: 50%; background-color: #23b4e8; -ms-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); 
-webkit-transform: scale(0); transform: scale(0);}
.styled-selectors input[type="radio"]:checked + label:before{-moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); 
-webkit-transform: scale(1); transform: scale(1); }


.progress-bar_text{font-weight: 500; font-size: 14px;  font-family: 'Roboto', sans-serif;}
.terms-condition .styled-selectors label a{color: #23b4e8; outline: none; text-decoration: underline;}
.terms-condition .styled-selectors label{font-size: 16px; color: #455a64; font-weight: 300; font-family: 'Roboto', sans-serif;}
.styled-selectors input[type=checkbox]:not(old){margin:0; padding:0; opacity:0; width:31px; height:31px; position:absolute; left:0px; cursor:pointer;}
.styled-selectors input[type=checkbox]:not(old)+label{display:inline-block; margin-left:0; padding-left:46px; line-height:36px; cursor:pointer; -ms-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s;}
.styled-selectors input[type="checkbox"]:not(old) + label{position: relative;}
.styled-selectors input[type="checkbox"]:not(old) + label:after{position: absolute; top:2px; left: 0px; content: ''; height: 31px; width: 31px; border-radius: 8px; border: 1px solid #cfcfcf;  -ms-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s;}
.styled-selectors input[type="checkbox"] + label:before{position: absolute; top:0px; left: 8px; margin: auto; content: ''; height:16px; width:16px; bottom: 0px; background-image: url("../../img/chekbox-check.png"); -ms-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); 
-webkit-transform: scale(0); transform: scale(0);}
.styled-selectors input[type="checkbox"]:checked + label:before{-moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); 
-webkit-transform: scale(1); transform: scale(1); }
.calendar-form span{position: relative}
.gender-group .styled-selectors{display: inline-block;}
.gender-group  > label{display: inline-block; margin-right: 10px; margin-bottom: 0px; }
.calendar-form span a{position: absolute; top:18px; right: 20px;}
.profile-box-shadow{width: 983px;}
.profile-section{padding-top: 38px; padding-left: 17px; padding-right: 17px;}
.banner-profile{position: relative;}
.banner-profile figure img{max-width: 100%;}
.banner-profile figure{overflow: hidden; border-radius: 12px;border: 1px solid #f4f5f7;}
.banner-profile	.add-pciture{position: absolute; bottom:25px; right: 20px;}
.add-pciture input[type="file"]{height: 60px;width: 240px; position: absolute; top:0px; right: 0px; opacity: 0; cursor: pointer; z-index: 2;}
.add-pciture a.btn-primary{-ms-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; outline: none; text-decoration: none; width: 240px; font-size: 15px; color: #fff; font-family: 'Roboto', sans-serif; font-weight: 500; padding-top: 16px; padding-bottom: 16px; text-align: center; background-color: #23b4e8; border: 1px solid #23b4e8; display: block; border-radius:5px;}
.add-pciture a.btn-primary:hover{background-color: #223269; border: 1px solid #223269;}

.user-profile{width: 194px; margin: -84px 0px 0px 40px; position: relative; z-index: 9; }
.user-profile .user-image{height: 194px; width: 194px; border: 3px solid #ffffff; overflow: hidden;  }

.add-profile{position: relative; margin-top: 3px; display: block;}
.add-profile input[type="file"]{height: 60px;width: 100%; position: absolute; top:0px; right: 0px; opacity: 0; cursor: pointer; z-index: 2;}
.add-profile a.btn-primary{-ms-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; outline: none; text-decoration: none; width: 100%; font-size: 15px; color: #fff; font-family: 'Roboto', sans-serif; font-weight: 500; padding-top: 16px; padding-bottom: 16px; text-align: center; background-color: #23b4e8; border: 1px solid #23b4e8; display: block; border-radius: 5px;}
.add-profile a.btn-primary:hover{background-color: #223269; border: 1px solid #223269;}

.bottom-actions{margin: 100px 0px 0px; padding: 0px; font-size: 0; text-align: center;}
.bottom-actions li{list-style: none; display: inline-block; vertical-align: top; font-size: 14px; width: 33.33%;}
.bottom-actions li:first-child{text-align: left;}
.bottom-actions li:last-child{text-align: right;}
.bottom-actions li   .btn-primary{min-width: 330px; padding-top: 16px; padding-bottom: 16px; font-size: 15px; text-transform: uppercase; color: #fff; font-weight: 700;-ms-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; outline: none; text-decoration: none; background-color: #23b4e8;  border: 1px solid #23b4e8; border-radius: 5px; }
.bottom-actions li   .btn-primary:hover{background-color: #fff; border: 1px solid #23b4e8; color: #23b4e8;}

.bottom-actions li .btn-border.btn-primary{padding-top: 16px; min-width: 100px; padding-bottom: 16px; font-size: 15px; text-transform: uppercase; color: #23b4e8; font-weight: 700;-ms-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; outline: none; text-decoration: none; background-color: #fff;  border: 1px solid #23b4e8; border-radius: 5px; }
.bottom-actions li .btn-border.btn-primary:hover{background-color: #23b4e8; border: 1px solid #23b4e8; color: #fff;}
.user-profile .user-image img{max-width: 100%;}

.laststeps-bottom{text-align: left; max-width: 983px; margin: 33px auto;}
.laststeps-bottom.bottom-actions li:first-child{text-align: left;}
.laststeps-bottom.bottom-actions li:last-child{text-align: center;}
.location-box-shadow{width: 983px;}
.location-section{padding-top: 40px;}
.location-map iframe{display: inline-block; vertical-align: top; border: none; width: 100% !important; height: 698px !important;}
.searchbox{position: relative;}
.searchbox a{position: absolute; top:18px; right: 20px;}
.laststeps-bottom.bottom-actions li:last-child .btn-primary{display: inline-block; min-width: 183px;}
.signup-plan-steps .steps-list{position: relative; margin-bottom: 50px;}
.signup-plan-steps{padding-top: 12px;}


.plan-listing{padding: 0px 30px; }
.plan-listing > div{display: inline-block; vertical-align: top; font-size: 14px; width: 17%; border: 1px solid #e4e9ee; background-color: #fff;-webkit-box-shadow: 0 0 15px 0 rgba(0,0,0,.04); box-shadow: 0 0 15px 0 rgba(0,0,0,.04); border-radius: 8px;}
.plan-listing > div.membership-plan{width: 30%;}
.membership-plan h2{text-align: center; display: block; padding: 38px 0px 24px;  margin: 0px;  font-size: 32px; color: #455a64;  font-family: 'proxima_novasemibold'; border-bottom: 1px solid #d6d6d6; min-height: 140px; line-height: 34px; }
.listing-member{margin: 0px; padding:0px;}
.listing-member_inner{max-height: 490px !important;}
.listing-member li{list-style: none; display: block; font-size: 16px; color: #455a64; font-weight: 500; font-family: 'Roboto', sans-serif;  border-bottom: 1px solid #ededed; line-height: 18px;}
.listing-member li span{font-size: 14px; font-weight: 400;}
.heading-plan{min-height: 140px; border-bottom: 1px solid #d6d6d6; text-align: center;}
.planbox ul{margin: 0px; padding: 0px;}
.planbox_inner ul{max-height: 400px !important;}
.planbox ul li{list-style: none; display: block;  border-bottom: 1px solid #ededed; text-align: center;}
.planbox ul li span{display: block; font-size: 16px; color: #99abb4; font-family: 'proxima_novalight';}
.listing-member li, .planbox ul li{min-height: 55px;}
.listing-member li .d-flex{padding: 8px 16px; min-height: 55px;}
.planbox ul li .d-flex{padding: 8px 16px; min-height: 55px; text-align: center;}
.planbox ul li .d-flex .align-self-center{margin: auto;}
.planbox ul li:last-child, .listing-member li:last-child{border-bottom: 0px;}
.select-button{padding: 16px 12px; text-align: center; }
.select-button .btn-primary{display: block; font-size: 15px; color: #23b4e8; background-color: #fff; border: 1px solid #23b4e8; text-transform: uppercase; font-weight: 700; padding-top: 10px; padding-bottom: 10px; -ms-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; outline: none; text-decoration: none;}
.select-button .btn-primary:hover{color: #fff; background-color: #23b4e8;}
.heading-plan h2{margin: 0px; padding: 0px; display: block; font-size: 47px; color: #23b4e8; text-transform: uppercase; font-family: 'proxima_novaregular';}
.heading-plan h2 span{display: block; font-size: 23px; color: #455a64; text-transform: capitalize; padding-top: 10px; padding-bottom: 3px;  }
.months-text{font-size: 16px; font-weight: 500; color: #455a64; background-color: #f3f3f3; font-family: 'Roboto', sans-serif; max-width: 140px; margin: auto;}
.heading-plan{padding: 0px 15px;}
.heading-plan h2 small{display: inline-block; color: #99abb4; font-size: 23px;}
.heading-plan h2  b{font-weight: normal; font-size: 27px;}
/*.planbox.gold-plan{position: absolute;top: -22px; padding-top: 22px; border: 1px solid #d6d6d6;   right: 200px;z-index: 9;width: 21%;} */
.plan-listing{position: relative;}
.planbox.gold-plan:after{position: absolute; top:-4px; left: -4px; content: ''; background-repeat: no-repeat; background-image: url("../../img/best-selling-tag.png"); width: 109px; height: 115px;}
.plan-listing > div:last-child{float: right;}
.planbox.gold-plan .select-button .btn-primary{padding-top: 16px; max-width: 183px; margin: auto; padding-bottom: 16px; color: #fff; background-color: #23b4e8;}
.planbox.gold-plan .select-button .btn-primary:hover{background-color: #223269; color: #fff; border: 1px solid #223269;}
.plan-section{margin-bottom: 30px;}
.location-box-shadow{padding-left: 16px; padding-right: 16px; padding-bottom: 20px;}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .banner-section{background-attachment: inherit !important; } .header-user .dropdown-menu.dropmenu{right: -2px !important;}}
.listing-member li{position: relative;}
.tooltip-hover{position: absolute; top:-8px; right: -300px; background-color: #fff; -webkit-box-shadow: 0 0 6px 2px rgba(0,0,0,.06);
box-shadow: 0 0 6px 2px rgba(0,0,0,.06); max-width: 315px; padding: 15px 20px; line-height:20px; font-size: 15px; color: #455a64; font-family: 'proxima_novaregular'; -ms-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; border: 1px solid #c3c3c3; border-radius: 6px; opacity: 0; visibility: hidden; z-index: 22;}
.tooltip-hover:after, .tooltip-hover:before {right: 100%;top: 25px;border: solid transparent;content: " ";height: 0;width: 0;position: absolute; pointer-events: none;}
.listing-member li:hover .tooltip-hover{opacity: 1; visibility: visible;   }
.tooltip-hover:after {border-color: rgba(255, 255, 255, 0);border-right-color: #fff;border-width: 12px;}
.tooltip-hover:before {border-color: rgba(195, 195, 195, 0);border-right-color: #c3c3c3;border-width: 13px;margin-top: -1px;}
/*sign up */

/*user homepage */
.userinfo-nav{float: right; width: 30%;}
.search-nav{float: left; width: 70%;}
.userinfo-nav > ul{margin: 0px; padding: 0px; }
.userinfo-nav > ul > li{list-style: none; display: inline-block; vertical-align: top; margin-right: 23px;}
.userinfo-nav > ul > li:last-child{margin-right: 0px;}
.header-user{position: relative;  min-height: 40px; width: 121px;}
.header-user  figure{height: 39px; width: 39px; overflow: hidden; border-radius: 50%; border: 1px solid #959fa5; position: absolute; top:0px; left: 0px;}
.header-user .dropdown-toggle{ -ms-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; outline: none; text-decoration: none; color:#455a64; font-size: 15px; display: block; padding-left: 50px; position: relative; z-index: 1; padding-top: 10px; overflow: hidden; white-space:nowrap;   text-overflow: ellipsis; text-align: left; font-family: 'Roboto', sans-serif;}
/*.dropdown-toggle::after{position: absolute; top:19px; right: 0px; border-left: 4px solid transparent; border-right: 4px solid transparent; 
border-top: 5px solid;}*/
.header-user .dropdown-toggle:hover{color: #23b4e8;}
.dropdown-menu.dropmenu{border: 1px solid #e4e9ee; border-radius: 5px; -webkit-box-shadow: 0 0 15px 0 rgba(0,0,0,.04); box-shadow: 0 0 15px 0 rgba(0,0,0,.04); background-color: #fff; left: auto !important; right: 0px !important; top: 42px !important; padding: 0px; margin: 0px; transform: none !important; }

.dropdown-menu.dropmenu ul {margin: 0px; padding: 8px 15px 12px;  }
.dropdown-menu.dropmenu ul  li{display: block; margin: 0px; list-style: none; padding: 8px 0px; border-bottom: 1px solid #f5f5f5;}

.dropdown-menu.dropmenu ul > li a{ -ms-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; outline: none; text-decoration: none; color:#455a64; font-size: 14px; display: block; text-transform: capitalize; }
.dropdown-menu.dropmenu ul  li:last-child{padding-bottom:0px; border: none;}
.dropdown-menu.dropmenu:after,.dropdown-menu.dropmenu:before{bottom:100%;right:20px;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none}
.dropdown-menu.dropmenu:after{border-color:rgba(255,255,255,0);border-bottom-color:#fff;border-width:9px;margin-right:-9px}
.dropdown-menu.dropmenu:before{border-color:rgba(228,233,238,0);border-bottom-color:#e4e9ee;border-width:10px;margin-right:-10px}
.dropdown-menu.dropmenu ul > li a:hover{color: #23b4e8;}

.wallet-option a{position: relative; display: inline-block;}
.count-no{position: absolute; top:-3px; right: -10px; height: 18px; width: 18px; border-radius: 50%; background-color: #23b4e8; color: #fff; font-size: 12px; font-family: 'proxima_novasemibold'; text-align: center; line-height: 18px; display: block;}
.wallet-option,.notification-option, .messenger-option{margin-top: 7px;}
.search-form{max-width: 480px; margin: auto; width: 100%; margin-right: 65px; float: right;  border: 1px solid #dadee0;   border-radius: 5px;  position: relative;}
.search-form .form-group{margin: 0px;}
.search-form .form-group .form-control{height: 41px; background-color: #fff; border: none;  border-radius: 5px; font-size: 15px; color: #455a64; font-weight: 300; font-family: 'Roboto', sans-serif; padding-top: 5px; padding-left: 166px; padding-right: 21px;}
.search-form .form-group{position: relative}
.search-form .form-group a{position: absolute; top:6px; right: 10px;}
.search-dropdown{position: absolute; top:-1px; left: -1px; width: 154px; height: 43px; z-index: 2;}
.search-dropdown .dropdown-toggle{display: block; background-color: #23b4e8; color: #fff; height: 100%; -ms-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; outline: none; text-decoration: none; border-radius: 5px 0px 0px 5px; font-size: 15px; text-align: left; padding-top: 9px; padding-left: 15px;}
.search-dropdown .dropdown-toggle::after{background-image: url("../../img/drop-arrow-white.png"); height: 6px; width: 10px; position: absolute;content: ''; right:13px; top:20px; border: none;}
.search-form .dropdown-menu.dropmenu{border-radius: 5px 0px 5px 5px; }
.search-form .dropdown-menu.dropmenu ul > li a{font-size: 13px;}

.left-user{float: left; width:20.4%}
.user-middle{float: left; width: 59.2%; padding: 0px 17px;}
.user-right{float: right; width: 20.4%;}

.shadowBox{background-color: #fff; border-radius: 5px; padding: 18px 16px; -webkit-box-shadow: 0 0 15px 0 rgba(0,0,0,.04); box-shadow: 0 0 15px 0 rgba(0,0,0,.04); margin-bottom: 10px; border: 1px solid #e4e9ee;}
.shadowBox h2{margin: 0px; padding: 0px; color: #455a64; font-size: 18px; display: block; font-family: 'proxima_novabold';}
.listing{margin: 20px 0px 0px; padding: 0px;}
.listing li{list-style: none; display: block; margin-bottom: 10px; min-height: 53px;  }
.listing li a{display: block;  position: relative; -ms-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; outline: none; text-decoration: none; color: #99abb4; font-family: 'Roboto', sans-serif; font-size: 14px;}
.listing li a figure{height: 53px; width: 53px; border-radius: 50%; margin: 0px; overflow: hidden; position: absolute; top:0px; left:0px;}
.listing li a strong{font-weight: normal;line-height: 14px; display: block; color: #455a64; font-size: 15px; margin: 0px;  padding-top: 5px;  -ms-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; }
.listing li:last-child{margin-bottom: 0px;}
.events-links .listing li a strong{padding-top: 11px;}
.events-links .listing li a{min-height: 53px;  padding-left: 68px; padding-right: 22px;  }
.events-links .listing li a:hover{color: #23b4e8;}
.events-links .listing li a:hover strong{color: #23b4e8;}
.events-links .listing li a:after{position: absolute; top:20px; right: 0px; content: '';  background-repeat: no-repeat; background-image: url("../../img/brifcase-icon.png"); height: 15px; width: 21px; background-position: center; -ms-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; }
.events-links .listing li.birthday-event a:after{background-image: url("../../img/cake-icon.png");}
.view-more .btn-primary{min-width: 143px;   font-weight: 500; font-size: 15px; margin: auto; background-color: #23b4e8; border: 1px solid #23b4e8; padding-top: 9px; padding-bottom:9px;  font-family: 'Roboto', sans-serif;}
.view-more {margin-top: 27px; text-align: center;}
.btn-primary{ -ms-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s;}
.view-more .btn-primary:hover{background-color: #223269; border: 1px solid #223269;}

.view-resume .btn-primary{min-width: 143px;   font-weight: 500; font-size: 15px; margin: auto; background-color: #23b4e8; border: 1px solid #23b4e8; padding-top: 9px; padding-bottom:9px;  font-family: 'Roboto', sans-serif;}
.view-resume {margin-top: 27px; text-align: center;}
.view-resume .btn-primary:hover{background-color: #223269; border: 1px solid #223269;}
.suggestion-people .listing li div{ padding-left: 70px;  position: relative;}
.suggestion-people .listing li div  figure{height: 53px; width: 53px;  margin: 0px;  position: absolute; top:0px; left:0px; }
.suggestion-people .listing li div span{display: block; font-size: 14px; color: #99abb4; font-family: 'Roboto', sans-serif;  }
.suggestion-people .listing li div .followlink{color: #23b4e8; display: inline-block; margin-top: 2px; -ms-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; text-decoration: none; outline: none;}
.suggestion-people .listing li div  strong a{font-weight: normal; display:block; color: #455a64; font-size: 15px; margin: 0px;  -ms-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; font-family: 'Roboto', sans-serif; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.suggestion-people .listing li div strong {line-height: 14px; display: block;}
.suggestion-people .listing li.gold-user div  figure a{border: 3px solid #e8ad0f;}
.suggestion-people .listing li div  figure a{height: 53px; width: 53px; border-radius: 50%; overflow: hidden; border: 3px solid #dedede;}
.suggestion-people .listing li div  figure:after{position: absolute; bottom: -2px; right: -4px; content: ''; background-image: url("../../img/sliver-award-icon.png"); height: 21px; width: 21px;}
.suggestion-people .listing li.gold-user div  figure:after{background-image: url("../../img/gold-award-icon.png");}
.suggestion-people .listing li{min-height: 58px; margin-bottom: 15px;}
.suggestion-people .listing li div  strong a:hover{color: #23b4e8;}
.profile-image{text-align: center; position: relative; width: 81px; margin:0px auto 20px;}
.profile-image figure{height: 81px; width: 81px; margin: auto; overflow: hidden; border-radius: 50%;}
.profile-image .wa-certificate{position: absolute; bottom: -5px; right: 0px;}
.profilebox{text-align:center;}
.profilebox strong{font-weight: normal; display: block;color: #455a64; font-size: 18px; font-family: 'proxima_novasemibold'; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;   }
.user-follwers {margin-top: 20px; font-size: 0;}
.user-follwers > div{display: inline-block; vertical-align: top; width: 50%; font-size: 14px; position: relative; border-right:1px solid #d6d6d6; }
.user-follwers > div:last-child{border: none;}
.user-follwers > div strong{font-weight: normal; font-size: 23px; line-height: 20px; padding-bottom: 4px; display: block; color: #455a64; font-family: 'proxima_novasemibold';}
.user-follwers > div span{color: #99abb4; display: block; }
.users-links ul{margin:0px; padding: 0px;}
.users-links ul li{list-style: none; display: block; margin-bottom: 20px;}
.users-links ul li a{-ms-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; outline: none; text-decoration: none; display: block; color: #455a64; font-size: 18px; font-family: 'Roboto', sans-serif; position: relative; padding-left: 46px;}
.users-links ul li:last-child{margin: 0px;   }
.users-links.shadowBox{padding: 21px;}
.users-links ul li a:hover {color: #23b4e8;}
.users-links ul li img{position: absolute; top:0px; left: 0px; -ms-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s;}
.users-links ul li a img.hover-image{opacity: 0; visibility: hidden; }
.users-links ul li a:hover img{opacity: 0; visibility: hidden;}
.users-links ul li a:hover img.hover-image{opacity: 1; visibility: visible; z-index: 2; }
.events-links .listing li a:hover:after{background-image: url("../../img/hover-brifcase-icon.png");}
.events-links .listing li.birthday-event a:hover:after {background-image: url("../../img/hover-cake-icon.png");}

.user-filters ul{margin: 0px 0px 12px; padding: 0px;}
.user-filters ul li{list-style: none; display: block; margin-bottom: 8px; }
.user-filters ul li a{-ms-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; outline: none; text-decoration: none; display: block; color: #ffffff; font-size: 15px; font-weight: 500; font-family: 'Roboto', sans-serif; background-color: #23b4e8; border-radius: 5px; padding: 17px 17px; position: relative}
.user-filters ul li a img{position: absolute; top:0px; right: 20px; bottom:0px; margin: auto; -ms-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; }
.user-filters ul li:last-child{margin-bottom: 0px;}
.user-filters ul li a:hover{background-color: #223269;}

.userviews .listing li{position: relative; padding-left: 70px;  font-family: 'Roboto', sans-serif; color: #99abb4; font-size: 14px; }
.userviews .listing li figure{height: 53px; width: 53px; overflow: hidden; position: absolute; top:0px; left: 0px; border-radius: 50%;}
.userviews .listing li   strong a{font-weight: normal; display: block; color: #455a64; font-size: 15px; margin: 0px;  -ms-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; font-family: 'Roboto', sans-serif; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.userviews .listing li strong a:hover{color: #23b4e8;}
.userviews .listing li strong{font-weight: normal; display: block; line-height: 14px; padding-top: 7px;}
.friends-Online .form-group{margin: 0px -14px; position: relative;}
.friends-Online .form-group .form-control{margin: 0px; padding-right: 35px; color: #455a64; font-size: 15px; font-weight: 300; font-family: 'Roboto', sans-serif; border: none; border-bottom: 1px solid #d6d6d6; border-radius: 0px; background-color: #fff; height: 35px; padding-left: 14px; box-shadow:none;}
.friends-Online .form-group a{position: absolute; top:0px; right: 12px;}
.friends-Online .form-group .form-control:focus{border-bottom: 1px solid #23b4e8;}

.friends-listing.listing{ max-height: 630px; margin-right: -14px;}
.friends-listing.listing li a{padding-left:64px; min-height: 53px;}
.friends-listing.listing li a strong{padding-top: 20px;  text-overflow: ellipsis; overflow: hidden; white-space: nowrap; padding-right:20px;}
.friends-listing.listing li a:hover strong{color: #23b4e8; }
.friends-listing.listing li a .online{height: 9px; width: 9px; position: absolute; top:0px; bottom: 0px; margin: auto; right: 0px;  background-color: #49d46a; border-radius: 50%;}
.friends-listing.listing li a .online.last-seen{background-color:transparent; width: auto; top:19px; height: auto; font-size: 12px; color: #99abb4; font-family: 'Roboto', sans-serif; bottom: auto;}
.friends-listing .mCSB_inside .mCSB_container{margin-right: 24px;}

.gallery-listing ul{margin: 20px -2px 0px; padding: 0px; font-size: 0;}
.gallery-listing ul li{list-style:none; display: inline-block; font-size: 14px; width: 33.33%; padding: 0px 2px 4px;}
.gallery-listing ul li a{display: block; outline: none; text-decoration: none; -ms-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; border-radius: 5px; overflow: hidden;}
.gallery-listing ul li a img{max-width: 100%; -ms-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s;}
.gallery-listing ul li a:hover img{opacity: 0.5;}
.gallery-listing ul li a figure{margin: 0px;}

.videos-listing ul{margin: 20px -3px 0px; font-size: 0; padding: 0px;}
.videos-listing ul li{list-style: none; display: inline-block; font-size: 0; width: 50%; padding: 0px 3px 6px;}
.videos-listing ul li a{display: block; outline: none; text-decoration: none; -ms-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; border-radius: 5px; overflow: hidden; position: relative;}
.videos-listing ul li a img{max-width: 100%; -ms-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; width: 100%;}
.videos-listing ul li a:after{position: absolute; top:0px; left: 0px; content: ''; height: 100%; width: 100%; background-color: #1c2a30; opacity: 0.3; -ms-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s;}
.videos-listing ul li a figure{margin: 0px; }
.videos-listing ul li a:before{position: absolute; top:0px; bottom: 0px; left: 0px; right: 0px; content: ''; background-image:url("../../img/play-icon.png"); background-repeat: no-repeat;height: 24px; width: 34px; margin: auto; z-index: 2; -ms-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s;}
.videos-listing ul li a:hover:after{background-color: #23b4e8; opacity: 0.7;}


.shadowBox.postbox {padding: 20px;}
.leftuserProfile{position: relative; padding-left: 68px; min-height: 55px;}
.leftuserProfile figure{height: 54px; width: 54px; border-radius: 50%; overflow: hidden; position: absolute; top:0px; left: 0px;}
.leftuserProfile strong{display: block; font-weight: 500; color: #455a64; font-size: 15px; text-overflow: ellipsis; font-family: 'Roboto', sans-serif; overflow: hidden; white-space: nowrap; line-height: 16px; padding-top: 10px;}
.leftuserProfile span{display: block; padding-top: 2px; color: #99abb4;  font-size: 14px; font-family: 'Roboto', sans-serif;}
.leftuserProfile{float: left; width: 80%;}
.rightuser-duration {float: left; width: 20%; text-align: right; }

.post-content{padding-top: 22px;}
.post-content h2{margin: 0px; padding:0px; display: block; font-weight: normal;font-size: 15px; color: #455a64; font-family: 'Roboto', sans-serif; }
.post-content p{margin: 0px; padding:0px; display: block;  font-size: 15px; color: #455a64; font-family: 'Roboto', sans-serif; }
.post-content p a{color: #23b4e8; outline: none; text-decoration: none; -ms-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s;}
.post-content p a:hover{color: #223269;}
.post-image{margin-top: 18px;}
.rightuser-duration span{display: block; margin-top: 6px;  font-size: 13px; color: #99abb4; font-family: 'Roboto', sans-serif;}
.rightuser-duration .dropdown-toggle::after{display: none;}
.actionpost {position: relative;}
.rightuser-duration .dropdown-menu.dropmenu{top:32px !important; }
.rightuser-duration .dropdown-menu.dropmenu:after, .rightuser-duration .dropdown-menu.dropmenu::before{right: 14px;}
.bottom_actions ul{margin:18px 0px 0px 0px; padding: 0px;}
.bottom_actions ul li{list-style: none; display: inline-block; color: #fff; position: relative; margin-right: 28px;}
.bottom_actions ul li a{font-size: 14px; color: #99abb4; font-family: 'Roboto', sans-serif; outline: none; text-decoration: none; -ms-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s;}
.bottom_actions ul li:last-child{margin-right: 0px;}
.bottom_actions ul li:after{height: 5px; width: 5px; border-radius: 50%; background-color: #99abb4; content: ''; position: absolute; right: -18px; top:10px;}
.bottom_actions ul li:last-child:after{display: none;}
.bottom_actions ul li a:hover{color: #23b4e8; }
.bottompost-action >  ul{margin: 12px 0px 0px; padding: 10px 0px 0px; border-top: 1px solid #d6d6d6;}
.bottompost-action >  ul >  li{list-style: none; display: inline-block; margin-right: 30px;}
.bottompost-action >  ul >  li > a{font-size: 15px; font-weight: 500; color: #455a64; font-family: 'Roboto', sans-serif; outline: none; text-decoration: none; -ms-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; position: relative;}
.bottompost-action > ul >  li > a img{margin-right: 4px; -ms-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s;}
.bottompost-action  > ul >  li:last-child{margin-right: 0px;}
.bottompost-action > ul >  li a:hover{color: #23b4e8; }
.bottompost-action > ul >  li a img.hover-image{opacity: 0; visibility: hidden;  position: absolute; top:2px; left: 0px;}
.bottompost-action > ul >  li a:hover img{opacity: 0; visibility: hidden;}
.bottompost-action > ul >  li a:hover img.hover-image{opacity: 1; visibility: visible; z-index: 2; }
.bottompost-action > ul > li a.dropdown-toggle::after{display: none;}
.bottompost-action > ul > li .dropdown-menu.dropmenu{top:34px !important;}
.bottompost-action > ul >  li.show > a{color: #23b4e8; }
.bottompost-action > ul >  li.show a img{opacity: 0; visibility: hidden;}
.bottompost-action > ul >  li.show a img.hover-image{opacity: 1; visibility: visible; z-index: 2; }

.filter-Action{text-align: right; padding: 6px 0px 15px; position: relative}
.filter-Action:after{position: absolute; top:20px; left: 0px; content: ''; height: 1px; width: 100%; background-color: #d6d6d6;}
.filterpost{display: inline-block;  background-color: #edf2f4; padding-left: 16px; position: relative; z-index: 2;}
.filterpost strong{font-weight: normal; padding-right: 5px; font-family: 'Roboto', sans-serif;  font-size: 14px; color: #455a64;}
.filterpost a{display: inline-block; padding-right: 40px; color: #99abb4; font-family: 'Roboto', sans-serif; -ms-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; text-decoration: none; outline: none;  font-size: 14px; }
.filterpost a:hover{color: #23b4e8;}
.filterpost a.dropdown-toggle:after{position: absolute; top:10px; right: 10px; background-image: url("../../img/post-arrow-image.png"); width: 10px; height: 6px; background-repeat: no-repeat; border: none; -ms-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s;}
.filterpost a.dropdown-toggle:hover:after{background-image: url("../../img/hover-post-arrow-image.png");}
.filterpost .dropdown-menu.dropmenu{top:30px !important;}
.filterpost.show a.dropdown-toggle{color: #23b4e8;}
.filterpost.show a.dropdown-toggle:after{background-image: url("../../img/hover-post-arrow-image.png");}
.videos-listing .view-more{margin-top: 20px;}


.userpost-actions.shadowBox{padding: 20px;}
.bottompost-choose{position: relative;}
.bottompost-choose ul{margin: 0px; padding: 0px; }
.bottompost-choose ul li{list-style: none; display: inline-block; vertical-align: top; margin-right: 15px;}
.bottompost-choose ul li a{display: inline-block; padding: 10px 10px 10px 50px; border-radius: 5px; background-color: #f5f6f7;  color: #455a64; font-weight: 500; font-size-adjust: 13px; font-family: 'Roboto', sans-serif; -ms-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; text-decoration: none; outline: none; position: relative; border: 1px solid transparent; font-size: 13px;}
.bottompost-choose ul li a img{margin-right: 6px; -ms-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; position: absolute; top:5px; left: 10px}
.bottompost-choose ul li:last{margin-right: 0px;}
.bottompost-choose ul li a:hover{background-color: #fff; border: 1px solid #2270a6; color: #2270a6;}
.bottompost-choose .post-button{position: absolute; top:0px; right: 0px;}
.post-button .btn-primary{min-width: 80px; display: inline-block; font-size: 15px; color:#fff; background-color: #23b4e8; font-weight: 500; font-family: 'Roboto', sans-serif; text-align: center; padding-top: 10px; padding-bottom: 10px; border: 1px solid #23b4e8;}
.post-button .btn-primary:hover{ background-color: #223269; border: 1px solid #223269;}

.userpost-actions .form-group{margin-bottom: 18px;}
.userpost-actions .form-group .form-control{height: 46px; font-weight: 300; resize: none; border-radius: 0px; background-color: #fff; border: none; border-bottom: 1px solid #d6d6d6; font-size: 15px; color: #455a64;  font-family: 'Roboto', sans-serif; padding-left: 0px; box-shadow: none; -ms-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s;}
.userpost-actions .form-group .form-control:focus{ border-bottom: 1px solid #23b4e8;}
.userpost-actions .form-group .form-control::-webkit-input-placeholder{color:#455a64;opacity:1}.userpost-actions .form-group .form-control::-moz-placeholder{color:#455a64;opacity:1}.userpost-actions .form-group .form-control:-ms-input-placeholder{color:#455a64;opacity:1}.userpost-actions .form-group .form-control::-ms-input-placeholder{color:#455a64;opacity:1}.userpost-actions .form-group .form-control::placeholder{color:#455a64;opacity:1}

.userstory-list.shadowBox{padding: 20px; padding-left: 120px; padding-right: 45px;}
.userstory-list{position: relative; min-height: 82px; }
.storypost{width: 81px; text-align: center; position: absolute; top:20px; left: 21px;}
.storypost figure{height: 81px; width: 81px; background-color: #ddd; border-radius: 5px; overflow: hidden; margin: 0px;}
.storypost strong{font-weight: 500; display: block; padding-top: 7px; color: #455a64; font-size: 14px; font-family: 'Roboto', sans-serif; -ms-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s;}
.storypost .ourstory-user{-ms-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; text-decoration: none; outline: none;}
.storypost .ourstory-user:hover strong{color: #23b4e8;}
/*
.storypost:after{position: absolute; bottom:20px; right: -6px; content: ''; background-repeat: no-repeat; background-image: url("../../img/add-image.png"); height: 25px; width: 25px; border-radius: 50%; background-color: #fff; background-position: center center;}
*/

.story-carousel figure{height: 81px; width: 81px; background-color: #ddd; border-radius: 5px; overflow: hidden; margin: 0px; position: relative;}
.story-carousel strong{font-weight: normal; display: block; padding-top: 7px; color: #455a64; font-size: 14px; font-family: 'Roboto', sans-serif; -ms-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; text-align: center; text-overflow: ellipsis; overflow: hidden; white-space:nowrap; max-width:75px; margin: auto;}
.story-carousel a{-ms-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; text-decoration: none; outline: none;}
.story-carousel a:hover strong{color: #23b4e8;}

.story-carousel a figure:after{position: absolute; bottom:0px; right: 0px; content: ''; height: 0;  width: 100%; background-color: #23b4e8; opacity: 0; -ms-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; z-index: 2; }
.story-carousel a:hover figure:after{ opacity: 0.6; height: 100%;}
.story-carousel .owl-dots{display: none;}
.story-carousel .owl-nav {font-size: 0; background-image: url("../../img/right-arrow.png"); height: 22px; width: 13px; background-repeat: no-repeat; position: absolute; top:35px; right:-25px;  margin: auto; }

.story-carousel .owl-nav .owl-prev{display: none;}
.story-carousel .owl-nav .owl-next{outline: none;}
.story-carousel .owl-nav .owl-next span{height: 22px; width: 13px; font-size: 0; display: block; outline: none;}
.story-overlay{position: fixed; height: 100%; width: 100%; background-color: #000; opacity: 0; visibility: hidden;  -ms-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; top:0px; left: 0px; z-index: 9;}
.story-overlay.show{opacity: 0.7; visibility: visible; }
.userpost-actions.show{position: relative; z-index: 10;}

/* Icon Pulse Shrink */
@-webkit-keyframes hvr-icon-pulse-shrink {to {-webkit-transform: scale(0.8);transform: scale(0.8);}}
@keyframes hvr-icon-pulse-shrink {to {-webkit-transform: scale(0.8);transform: scale(0.8);}}
.user-filters ul li a img {-webkit-transform: translateZ(0);transform: translateZ(0);-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;}
.user-filters ul li a:hover img {-webkit-animation-name: hvr-icon-pulse-shrink;animation-name: hvr-icon-pulse-shrink;-webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate;}
.post-image img{max-width: 100%;}
.inner-section.afterlogin-section{padding: 18px 0px 27px;}
.videosbox {margin-top: 18px;}
.videosbox iframe{width: 100%; height: 364px; border:none; vertical-align: top; display: block;}
/*user homepage */

/*visit profile */
.pd0{padding-top: 0px !important;}
.visit-profile-banner img{max-width: 100%;}
.visit-links ul{margin: 20px 0px 0px; padding: 0px;}
.visit-links ul li{list-style: none; display: block; position: relative; margin-bottom: 19px; font-size: 16px; color: #455a64; font-family: 'Roboto', sans-serif; padding-left: 40px;}
.visit-links ul li:last-child{margin-bottom: 0px;}
.visit-links ul li img{position: absolute; top:7px; left: 0px;}
.visit-links ul li span{color: #99abb4; display: block; font-size: 15px; line-height: 17px;}
.myprofile-content .left-profile{float: left; width: 78.8%;}

.visit-profile-banner{position: relative; overflow: hidden; margin-bottom: 15px;}

.visit-profile-banner figure img{max-width: 100%;}
.visit-profile-banner figure{margin: 0px;}
.visit-profile-banner .upload-file{position: absolute; bottom: 11px; right: 50%; margin-right: -584px; }
.upload-file a{ -ms-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; text-decoration: none; outline: none; font-size: 15px; color: #fff; background-color: #23b4e8; border-radius: 5px; padding: 10px 15px 10px 45px;; font-weight: 500; font-family: 'Roboto', sans-serif; display: inline-block; position: relative;}
.upload-file a:hover{background-color: #223269; }
.upload-file a img{position: absolute; top:12px; left: 14px;}
.upload-file input{position: absolute; top:0px; width:212px; height: 44px; left: 0px; opacity: 0; z-index: 1;}

.left-profile .shadowBox {padding-left: 28px; padding-right: 28px;}
.leftprofile .profile-image{width: 216px; margin: auto; position: relative;}
.leftprofile .profile-image figure{height: 216px; width: 216px;}
.profile-image .award-image{position: absolute; bottom: 6px; right: 20px;}
.leftprofile{float:left; width: 38%; text-align: center; border-right: 1px solid #e8e8e8;}
.rightprofile{float:right; width: 62%; padding-left: 20px;}
.leftprofile .upload-file{position: relative; max-width: 212px; margin: 30px auto 0px; overflow: hidden;}
.profile-information.shadowBox{padding-top: 30px; padding-bottom: 30px;}
.rightprofile h2{margin: 0px; padding: 0px; font-size: 33px; color: #455a64; line-height: 35px; display: block;    font-family: 'proxima_novaregular';}
.rightprofile p{margin: 0px; padding: 0px; color: #99abb4; font-size: 16px; font-family: 'Roboto', sans-serif;font-weight: 400; }

.list-infoprofile{margin: 25px 0px 32px; padding: 0px;}
.list-infoprofile li{list-style: none; display: block; margin-bottom: 16px; color: #455a64; font-size: 16px; font-family: 'Roboto', sans-serif;font-weight: 400; position: relative; padding-left: 38px; }
.list-infoprofile li:last-child{margin: 0px;}
.list-infoprofile  li img{position: absolute; top:2px; left: 0px;}
.actionpost-button{margin: 0px; padding: 0px; }
.search-result-listing .actionpost-button{margin: 0px;  position: absolute; left: 0px; bottom: 14px; width: 100%; padding: 0px 14px; }
.actionpost-button > li{list-style: none; display: inline-block; vertical-align: top; margin-right: 4px;}
.actionpost-button > li > a{outline: none; text-decoration: none; color: #23b4e8; font-size: 15px;  font-family: 'Roboto', sans-serif; font-weight: 500; -ms-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; background-color: #fff; border:1px solid #23b4e8; border-radius: 5px; display: inline-block; padding: 9px 18px 9px 46px; position:relative;}
.actionpost-button > li > a:hover{background-color: #223269; color: #fff; border: 1px solid #223269;}
.actionpost-button  > li > a img{position: absolute; top:14px; left: 12px;  -ms-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s;}
.actionpost-button > li > a:hover .hover-image{opacity: 1; visibility: visible;} 
.actionpost-button  > li > a .hover-image{opacity: 0; visibility: hidden;} 
.actionpost-button > li > a:hover img{opacity: 0; visibility: hidden;}
.actionpost-button  > li.more-option > a {padding-left: 18px;}
.actionpost-button  > li.more-option > a:after{display: none;}
.more-option .dropdown-menu.dropmenu{top:55px !important; min-width: 200px;}
.more-option .dropdown-menu.dropmenu ul > li a{position: relative; padding-left: 36px;}
.more-option .dropdown-menu.dropmenu ul > li a img{position: absolute; top:0px; left: 0px;}
.more-option .dropdown-menu.dropmenu ul > li a:hover .hover-image{opacity: 1; visibility: visible;} 
.more-option .dropdown-menu.dropmenu ul > li a .hover-image{opacity: 0; visibility: hidden;} 
.more-option .dropdown-menu.dropmenu ul > li a:hover img{opacity: 0; visibility: hidden;}

.headprofile h2{margin: 15px 0px 0px; padding: 0px 0px 22px 45px; border-bottom: 1px solid #e8e8e8; display: block; position: relative; color: #455a64; font-size: 30px; text-transform: capitalize; font-family: 'proxima_novalight';}
.headprofile h2 img{position: absolute; top:0px; left: 0px;}
.headprofile{position: relative;}
.headprofile .btn-primary{min-width: 105px; border-radius: 5px; border: 1px solid #23b4e8; background-color: #fff; color: #23b4e8; font-size: 15px; font-weight: 500; padding-top: 10px; padding-bottom: 10px; font-family: 'Roboto', sans-serif; position: absolute; top:-5px; right:0px; }
.headprofile .btn-primary img{margin-right: 6px;}
.headprofile .btn-primary:hover{background-color: #223269; color: #fff; border: 1px solid #223269;}
.headprofile .btn-primary:after{position: absolute; top:15px; left:27px; content: ''; background-image: url("../../img/hover-edit-icon.png"); background-repeat: no-repeat; height: 15px; width: 15px; -ms-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; opacity: 0; visibility: hidden;}
.headprofile .btn-primary:hover  img{opacity: 0; visibility: hidden;}
.headprofile .btn-primary:hover:after{opacity: 1; visibility: visible;}
.information-form{padding: 20px 0px 0px;}
.form-row{margin: 0px -40px;}
.information-form .form-row .form-group{float: left; width: 50%; padding: 0px 40px; margin-bottom: 20px;}
.information-form .form-row .form-group label{font-weight: 500; display: block; margin: 0px 0px 6px; font-size: 15px; color: #455a64; font-family: 'Roboto', sans-serif;}
.information-form .form-row .form-group .form-control{border: none; border-bottom: 1px solid #d6d6d6; box-shadow: none; -ms-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; background-color: #fff; border-radius: 0px; padding-left: 0px; height: 40px; padding-right: 0px;}
.information-form .form-row .form-group .form-control:focus{border-bottom: 1px solid #23b4e8;}
.information-form .form-row .form-group select.form-control{ -webkit-appearance: none; -ms-appearance: none;  -moz-appearance: none; background-image: url("../../img/select-arrow.png");  background-repeat: no-repeat; background-position: 98% 20px;}
 select::-ms-expand {display: none;}
.headprofile .btn-primary.addmore:after{ top:15px; /*left:12px;*/ background-image: url("../../img/hover-add-icon.png");}
.timeline-profile{padding: 25px 0px 10px;} 
.timeline-profile h3{margin: 0px; padding: 0px; display: block; text-align: center; color: #455a64; font-size: 23px; } 
.timeline-profile h3 span{display: block;   font-family: 'proxima_novalight'; padding-top: 3px;}
.timeline-profile ul{margin: 35px 0px 0px; padding: 0px 0px; position: relative;}
.timeline-profile > ul > li{list-style: none; display: block; position:relative; min-height: 190px;}
.timeline-profile ul li > .righttimeline{ width: 50%; float: right; padding-left: 20px;}
.timeline-profile ul li > .lefttimeline{text-align: right; width: 50%; float: left; padding-right: 20px;}
.lefttimeline .dateyear strong{font-weight: normal; float: right; display: block; color: #99abb4; font-size: 16px; font-family: 'Roboto', sans-serif; max-width: 140px; line-height: 20px;}
.lefttimeline .dateyear .action-tag:after{display: table; content: ''; clear: both;}

.action-tag{padding-top: 12px;}
.action-tag span{display: inline-block;  vertical-align: top; margin-right: 3px; }
.action-tag span:last-child{margin-right: 0px;}
.action-tag span img{position: absolute; top:0px; bottom: 0px; right: 0px; left: 0px; margin: auto; -ms-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s;}
.action-tag span a:hover .hover-image{opacity: 1; visibility: visible;} 
.action-tag span a .hover-image{opacity: 0; visibility: hidden;} 
.action-tag span a:hover img{opacity: 0; visibility: hidden;}
.action-tag span.deleteicon a{border: 1px solid #fc4b6c;}
.action-tag span a{outline: none; text-decoration: none;  -ms-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; position: relative; text-align: center; height: 32px; width: 32px; border-radius: 50%; border: 1px solid #8a7af1; display: block;}
.action-tag span a:hover{background-color: #8a7af1;}
.action-tag span.deleteicon a:hover{background-color: #fc4b6c;}

.experience-info strong{font-weight: normal; font-size: 18px; display: block; color: #455a64; font-family: 'proxima_novasemibold'; line-height: 21px;position: relative;}
.experience-info p{margin: 0px; padding: 6px 0px 0px; font-size: 16px; color: #99abb4;}
.reference-detail{padding-top: 12px;}
.reference-dropdown .dropdown-toggle{outline: none; text-decoration: none; color: #23b4e8; font-size: 15px; font-family: 'Roboto', sans-serif;  -ms-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; position: relative;  display: inline-block; padding-right: 17px; }
.reference-dropdown{display: inline-block; }
.reference-dropdown .dropdown-toggle:after{position: absolute; top:10px; right: 0px;}
.reference-dropdown .dropdown-menu.dropmenu{min-width: 220px; right: auto !important; left: 0px !important; top:38px !important; }
.reference-dropdown .dropdown-menu.dropmenu::after, .reference-dropdown .dropdown-menu.dropmenu::before{left: 20px; right: 0px;}
.reference-dropdown .dropdown-menu.dropmenu ul li strong{color: #455a64; font-size: 15px; font-weight: 500; font-family: 'Roboto', sans-serif; display: block; }
.reference-dropdown .dropdown-menu.dropmenu ul li span{font-size: 15px; color: #99abb4; font-family: 'Roboto', sans-serif; display: block;}
.reference-dropdown .dropdown-menu.dropmenu ul > li a{color: #455a64; font-size: 15px;}
.reference-detail p{font-size: 15px; color: #455a64; font-family: 'Roboto', sans-serif; display: block; margin: 0px; padding: 0px; line-height: 19px;}
.timeline-profile > ul > li:nth-child(even) .lefttimeline{float:right; text-align: left; padding-right: 0px; padding-left: 20px;}
.timeline-profile > ul > li:nth-child(even) .lefttimeline .dateyear strong{float: none; }
.timeline-profile > ul > li:nth-child(even) .righttimeline{padding-left: 0px; padding-right: 20px; text-align: right; float: left;}
.timeline-profile > ul:after{position: absolute; top:0px; left: 0px; right: 0px; height: 100%; content: ''; width: 4px; margin: auto; background-color: #ebeef0;}
.experience-info > strong:before{position: absolute; top:0px; left: -29px; z-index: 2; content: ''; height: 18px; border: 2px solid #223269; width: 18px; border-radius: 50%; background-color: #fff; }
.timeline-profile > ul > li:nth-child(even) .experience-info strong:before{left: auto; right: -29px;}
.timeline-profile.without-refernce > ul > li{min-height: 150px;}

.skills-information ul{margin: 0px; padding:40px 26px;}
.skills-information li{list-style: none; display: block;  margin-bottom: 30px;}
.skills-information ul li:last-child{margin: 0px;}
.skills-information ul li .left-skills{float: left; width: 30%;}
.skills-information ul li .right-skills{float: left; width: 70%;}
.left-skills strong{font-weight: normal; display: block; line-height: 22px; font-size: 18px; color: #455a64;  font-family: 'proxima_novasemibold'; }

.right-skills .progress-box{position:relative; padding-right: 94px;}
.right-skills .progress-box .action-tag{position: absolute; top:-6px; right: 0px; margin: 0px; padding: 0px;}
.level-option{font-size: 15px; color: #99abb4; font-family: 'Roboto', sans-serif; padding-top: 4px; }
.progress-box .progress-bar{ background-color: #23b4e8; border-radius: 20px; }
.progress-box .progress{background-color: #fbfbfc; border: 1px solid #ced2de; border-radius: 20px; padding: 1px; }
.progress-box .progress-bar.bg-info{background-color: #223269 !important;}

.course-information .form-row{margin: 0px -15px;}
.course-information .form-row .form-group{padding: 0px 15px; width: 33.33%;}
.course-information .full-form-row {margin: 0px; } 
.course-information .full-form-row .form-group{padding: 0px; width: 100%; float: none;}
.course-information .full-form-row .form-group textarea.form-control{resize: none; height: 85px;}
.submit-button .btn-primary{font-size: 15px; color: #fff; font-weight: 500; padding: 12px 25px; border-radius: 5px; background-color: #23b4e8; border: 1px solid #23b4e8;  font-family: 'Roboto', sans-serif;}
.submit-button .btn-primary:hover{background-color: #223269; border: 1px solid #223269;}
.skills-information h4{margin: 0px; padding: 30px 0px 0px 9px; display: block; color: #455a64; font-size: 18px; font-family: 'proxima_novasemibold'; }

.profile-informationbox h3{margin: 0px; padding: 30px 0px 0px 0px; display: block; color: #455a64; font-size: 18px; font-family: 'proxima_novasemibold'; }
.project-information .full-form-row .form-group textarea.form-control{resize: none; height: 85px;}
.project-information .full-form-row {margin: 0px; } 
.project-information .full-form-row .form-group{padding: 0px; width: 100%; float: none;}

.date-row{margin: 0px -6px;}
.date-row .date-group{float: left; width: 50%; padding: 0px 6px;}

.complete-profile h2{display: block; margin: 0px 0px 16px; padding: 0px; font-size: 23px; color: #455a64; text-align: center; font-family: 'proxima_novaregular';}

.addprofile_list{margin: 25px 0px 0px; padding: 0px;}
.addprofile_list li{list-style: none; display: block;  border-bottom: 1px solid #d6d6d6; padding-bottom: 13px; margin-bottom: 10px;}
.addprofile_list li:last-child{padding-bottom: 0px; border: none; margin-bottom: 0px;}
.addprofile_list li a{outline: none; text-decoration: none; color: #23b4e8; font-size: 14px; font-family: 'Roboto', sans-serif;  -ms-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; position: relative;  display: block;}
.addprofile_list li a span{ display: block; color: #99abb4;}
.addprofile_list li a:hover{color: #223269;}
.addprofile_list li a b{font-weight: normal; position: absolute; top:0px; right: 0px;}
.view-all{margin-top: 22px;}
.view-all .btn-primary{font-size: 15px; color: #fff; display: block; padding-top: 9px; padding-bottom: 9px; font-family: 'Roboto', sans-serif; border-radius: 5px; background-color: #23b4e8; border: 1px solid #23b4e8;}
.view-all .btn-primary:hover{background-color: #223269; border: 1px solid #223269;}
.complete-profile .text{color:#009933 !important; font-size:50px !important;  font-family: 'proxima_novaregular';}
.interests-links.events-links .listing li a{padding-right: 0px;}
.interests-links.events-links .listing li a::after{display: none;}
.friends-Online .form-group{margin-top: 10px;}
.user-filters ul li a.myresume{text-align: center;}
.user-filters ul li a.job-preferences{text-align: center;}


/*visit profile */

/*dashboard*/

.dashboard-iconlist {margin: 0px 0px 30px; padding: 0px; font-size: 0;}
.dashboard-iconlist li{list-style: none; display: inline-block; vertical-align: top; font-size: 14px; width: 25%; text-align: center;}
.dashboard-iconlist li a{outline: none; text-decoration: none; color: #455a64; font-size: 15px; font-family: 'Roboto', sans-serif;  font-weight: 500;  }
.dashboard-iconlist li a strong{font-weight: 500;}
.dashboard-iconlist li figure{margin: 0px; position: relative}
.dashboard-iconlist li figure span{display: block; height: 38px; width: 38px; border-radius: 50%; background-color: #fb5f5b; color: #fff; border: 2px solid #fff; font-size: 20px; font-weight: 700; font-family: 'Roboto', sans-serif;  text-align: center; line-height: 34px; position: absolute; top:0px; right: 27px; -ms-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; -webkit-box-shadow: 1px 1px 15px 3px rgba(0,0,0,.20); box-shadow: 1px 1px 15px 3px rgba(0,0,0,.20);}
.dashboard-iconlist li a:hover{color: #23b4e8;}
.dashboard-iconlist li a:hover span{ background-color: #23b4e8;}
.dashboard-iconlist li figure img{max-width: 100%; -ms-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; position: relative; top:0px;}
.dashboard-iconlist li a:hover figure img{top:-5px; }

.user-dashboard .post-section h2{margin: 0px; padding: 0px 0px 8px;   font-family: 'proxima_novabold'; font-size: 18px; color: #455a64; display: block;}
.user-dashboard .leftuserProfile figure{border: 1px solid #e4f0f4;}
.user-dashboard  .post-content figure{margin: 0px;}
.job-preferences-view{margin-top: 20px; padding-bottom: 12px; margin-bottom: 14px; border-bottom: 1px solid #d6d6d6;}
.job-preferences-view .left-job{float: left; width: 80%;}
.job-preferences-view .right-job{float: left; width: 20%; text-align: right;}
.job-preferences-view .left-job strong{font-weight: 700; display: block; font-size: 16px; line-height: 20px; color: #455a64; font-family: 'Roboto', sans-serif;}
.job-preferences-view .left-job span{color: #455a64; font-size: 14px; font-family: 'Roboto', sans-serif; display: block;}
.job-preferences-view .left-job span.location-address{color: #99abb4; font-size: 14px; font-family: 'Roboto', sans-serif; line-height: 20px;}
.right-job .btn-primary{background-color: #fff; border: 1px solid #23b4e8; color: #23b4e8; font-size: 15px; font-weight: 500; font-family: 'Roboto', sans-serif; border-radius: 5px; padding: 10px 16px;}
.right-job .btn-primary:hover{background-color: #23b4e8; color: #fff;}
.bottomjob-detail .leftjob-detail{float: left; width: 80%;}
.bottomjob-detail .rightjob-detail{float: left; width: 20%; text-align: right;}
.bottomjob-detail .leftjob-detail strong{font-weight: normal; color: #99abb4; font-size: 14px; font-family: 'Roboto', sans-serif; display: block;}
.bottomjob-detail .leftjob-detail p{font-weight: normal; margin: 0px; padding: 0px; color: #99abb4; font-size: 14px; font-family: 'Roboto', sans-serif; display: block;}
.bottomjob-detail .rightjob-detail  a{outline: none; text-decoration: none; color: #23b4e8; font-size: 15px; font-family: 'Roboto', sans-serif;  -ms-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; position: relative;  margin-top: 15px; display: inline-block;}
.advertise-image{text-align: center; padding: 10px 0px 20px;}
.advertise-image img{max-width: 100%;}

.jobtype ul{margin: 20px 0px 0px; padding: 0px;}
.jobtype ul li{list-style: none; display: block; margin-bottom: 11px;}
.jobtype ul li:last-child{margin-bottom: 0px;}
.jobtype ul li label{font-weight: normal; color: #455a64; font-size: 15px; font-family: 'Roboto', sans-serif;}
.checkbox-select.styled-selectors input[type="checkbox"] + label::before{background-image: url("../../img/small-checked.png"); background-repeat: no-repeat; width: 11px; height: 9px; left: 3px; top: 4px; bottom: auto; z-index: 1}
.checkbox-select.styled-selectors input[type="checkbox"]:not(old) + label::after{height: 17px; width: 17px; border-radius: 0px;}
.checkbox-select.styled-selectors input[type="checkbox"]:not(old) + label{ padding-left: 30px; line-height: 20px;}
.checkbox-select.styled-selectors input[type="checkbox"]:not(old) + label::after{top:0px;}
/*dashboard*/

/*visit profile */

.visitbutton-post.actionpost-button > li > a{padding-left: 28px; padding-right: 28px;}
.visitbutton-post.actionpost-button > li > a.btn-primary{background-color: #23b4e8; color: #fff;}
.visitbutton-post.actionpost-button > li > a.btn-primary:hover{background-color: #fff; color: #23b4e8; border: 1px solid #23b4e8;}
.visit-profile figure{height: 161px; width: 161px; border-radius: 50%; overflow:hidden; border: 3px solid #b2570d;}
.visit-profile .profileview {width: 161px; position: absolute; top:-50px; left: 20px; }
.visit-profile .profileview .plan-categry{position: absolute; bottom:28px; right: 0px;}
.visit-profile{position: relative; margin-top: -95px; }
.rightvisit-categry{min-height: 120px; padding-left: 186px;}
.rightvisit-categry h2{margin: 0px 0px 7px; padding: 0px; font-size: 23px; display: block; color: #455a64; font-family: 'proxima_novasemibold'; font-weight: normal;}
.rightvisit-categry h2 span{font-size: 16px;  font-family: 'proxima_novaregular';}
.rightvisit-categry p{margin: 0px; padding: 0px;  font-size: 15px; color: #99abb4; max-width: 230px; display:block; font-family: 'Roboto', sans-serif; line-height: 20px;}
.rightvisit-categry .leftname-text{display: inline-block; vertical-align: top;}
.rightvisit-categry .user-follwers{display: inline-block; vertical-align: top; min-width: 200px; float: right; margin: 0px; }
.rightvisit-categry .user-follwers > div {width: auto; padding-right: 24px; margin-right: 24px;}
.rightvisit-categry .user-follwers > div:last-child{margin:0px; padding: 0px;}
.rightvisit-categry h2 strong{font-weight: normal; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; max-width: 130px; display: inline-block; vertical-align: top;}
.friends-Online .mutualfriend{font-size: 15px; color: #455a64; font-family: 'proxima_novaregular';}
.events-links .listing li a strong{font-weight: normal; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; display: block;}

.Mytimeline-profile{margin-top: -92px; position: relative;} 
.Mytimeline-profile figure{height: 161px; width: 161px; border-radius: 50%; overflow:hidden; margin: 0px; border: 4px solid #b2570d;}
.Mytimeline-profile .timelineview {width: 161px; position: absolute; top:20px; left: 20px;}
.Mytimeline-profile .timelineview .plan-categry{position: absolute; bottom:8px; right: 0px;}
.Mytimeline-profile figure img{max-width: 100%;}
.righttimeline-categry{min-height: 170px; padding-left: 190px; padding-top: 30px;}
.righttimeline-categry h2{margin: 0px 0px 7px; padding: 0px; font-size: 23px; display: block; color: #455a64; font-family: 'proxima_novasemibold'; font-weight: normal;}
.righttimeline-categry h2 span{font-size: 16px;  font-family: 'proxima_novaregular';}
.righttimeline-categry h2 strong{font-weight: normal; }
.leftname-text .view-resume{margin-top: 17px;}
.righttimeline-categry .leftname-text{display: inline-block; vertical-align: top; margin-right: 15px;}
.leftname-text .view-resume{font-size: 15px; font-weight: 500; color: #23b4e8; font-family: 'Roboto', sans-serif; background-color: #fff; border: 1px solid #23b4e8; padding: 10px 26px;}
.leftname-text .view-resume:hover{background-color: #23b4e8; color: #fff;}
.righttimeline-categry .user-follwers{display: inline-block; vertical-align: top; min-width: 220px;}

.skills-endorContent .card-header{padding: 0px; border-radius: 0px; margin: 0px; background-color: transparent; border: none;}
.skills-endorContent  .card{border: none; margin-bottom: 16px;}
.skills-endorContent .card-header h2 a{font-size: 15px; outline: none; text-decoration: none; font-family: 'Roboto', sans-serif; position: relative; display: block;  -ms-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s;   color: #455a64; padding-left: 35px; padding-bottom: 2px; }
.skills-endorContent .card-header h2 a:after{position: absolute; top:0px; left:0px; content: ''; -ms-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; height: 18px; width: 18px; background-repeat: no-repeat; background-image: url("../../img/minus-less-icon.png"); }
.skills-endorContent .card-header h2 a.collapsed:after{background-image: url("../../img/add-more-icon.png");}
.skills-endorContent  .card:last-child{margin-bottom: 0px;}
.skills-endorContent .card-header h2{font-weight: normal;}
.skills-endorContent .accordion{margin-top: 20px;}
.skills-endorContent .accordion .card-body{margin: 0px; padding: 10px 0px 0px;  font-size: 15px; color: #99abb4;  display:block; font-family: 'Roboto', sans-serif; line-height: 20px;}
.skills-endorContent .card-header h2 a:hover:after{background-image: url("../../img/blue-add.png");}
.skills-endorContent .card-header h2 a:hover{color: #23b4e8;}

.wink-mingle-section h2{margin: 10px 0px 0px;  padding: 0px; text-align:center; font-size: 30px; display: block; color: #455a64;     font-family: 'proxima_novalight';}
.tab-box ul{margin: 40px 0px 24px; padding: 0px; text-align: center; }
.tab-box ul li{list-style: none; display: inline-block; vertical-align: top; margin-right: 3px;}
.tab-box ul li:last-child{margin-right: 0px;}
.tab-box ul li a{text-decoration: none; display: inline-block; position: relative; -ms-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; outline: none; background-color: #fff; border-radius:30px; padding: 8px 22px; font-size: 17px; color: #455a64; font-family: 'Roboto', sans-serif; border: 1px solid #23b4e8;}
.tab-box ul li a:hover{background-color: #23b4e8; color: #fff; }
.tab-box ul li a img{max-width: 100%; margin-left: 3px;  -ms-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; }
.tab-box ul li a img.hover-image{position: absolute; top:10px; right: 22px; opacity: 0; visibility: hidden;}
.tab-box ul li.active a{background-color: #23b4e8; color: #fff; font-weight: 500;}
.tab-box ul li a:hover img{opacity: 0; visibility: hidden;}
.tab-box ul li a:hover img.hover-image{opacity: 1; visibility: visible;}
.tab-box ul li.active a img.hover-image{opacity: 1; visibility: visible;}
.tab-box ul li.active img{opacity: 0; visibility: hidden;}
.tab-box ul li.chatgroup a:hover img{opacity: 1; visibility: visible;}
.tab-box ul li.chatgroup span{position: absolute; top:5px; right: 25px; font-size: 12px; color: #fff; font-weight: 700; font-family: 'Roboto', sans-serif; height: 25px; width: 25px; border-radius: 50%; background-color: #fb5f5b; border: 2px solid #fff;  line-height: 22px; text-align: center; -webkit-box-shadow: 0 0 8px 1px rgba(0,0,0,.10);
box-shadow: 0 0 8px 1px rgba(0,0,0,.10); display: block;}
.tab-box ul li.chatgroup a{min-width: 160px;}
.innertab  .left-profileInfo{width: 62%; float: left; position: relative; text-align: center;}
.innertab  .right-profileInfo{width: 30.7%; background-color: #23b4e8; padding: 20px 0px; border-radius: 5px; float: right}
.tab-box ul li.active a:after{top:100%;left:50%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;border-color:rgba(136,183,213,0);border-top-color:#23b4e8;border-width:10px;margin-left:-10px;  -ms-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s;}
.tab-box ul li a:hover:after{top:100%;left:50%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;border-color:rgba(136,183,213,0);border-top-color:#23b4e8;border-width:10px;margin-left:-10px;  -ms-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s;}

.filtertab_content{padding: 0px 30px;}
.filtertab_content .innertab{padding: 40px 50px 0px;}
.filtertab_content .owl-carousel .owl-item img{display: inline-block; max-width: 100%; width: auto;}

.owl-carousel.wink-profile-carousel .owl-nav button.owl-next{position: absolute; top:50%; right: 26px; margin-top: -67px; background-repeat: no-repeat; background-image: url("../../img/right-slide-arrow.png"); height: 67px; width: 67px; outline: none; font-size: 0;  }
.owl-carousel.wink-profile-carousel .owl-nav button.owl-prev{position: absolute; top:50%; left: 26px; background-repeat: no-repeat;  background-image: url("../../img/left-slide-arrow.png"); height: 67px; width: 67px;  outline: none; font-size: 0; margin-top: -67px;}
.owl-carousel.wink-profile-carousel figure{margin: 0px;  overflow: hidden; display: inline-block; border-radius: 30px;}
.profileInfo-text strong{font-weight: 500; display: block; line-height: 23px; color: #455a64; font-size: 21px; font-family: 'Roboto', sans-serif;}
.profileInfo-text p{margin:0px; padding: 0px; font-size: 20px; color: #99abb4;  font-family: 'Roboto', sans-serif;}
.profileInfo-text p b{font-weight: normal; font-size: 17px; color: #656565; line-height: 21px; font-family: 'Roboto', sans-serif; display: block;}
.profileInfo-box  span{position: absolute; top:-30px; left: 0px; width: 100%; display: block; text-align: center;}
.owl-carousel.wink-profile-carousel .owl-stage-outer{padding-bottom: 92px;}
.profileInfo-box{position: absolute; bottom: -56px; padding-bottom: 25px; padding-top: 60px; left: 0px; border-radius: 32px; z-index: 2; right: 0px; margin: auto; width: 350px; border: none; -webkit-box-shadow: 1px 1px 22px 5px rgba(0,0,0,.08);
box-shadow: 1px 1px 22px 5px rgba(0,0,0,.08);}
.profileInfo-box  span a{outline: none; text-decoration:none; display: inline-block; height: 67px; width: 67px; border-radius: 7px; line-height: 67px; background-color: #23b4e8; text-align: center; margin-right: 12px; -webkit-box-shadow: 1px 1px 10px 3px rgba(0,0,0,.20);
box-shadow: 1px 1px 10px 3px rgba(0,0,0,.20);  -ms-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s;}
.profileInfo-box  span a:last-child{margin-right: 0px;}
.profileInfo-box  span a.deleteicon{background-color: #fc4b6c;}
.profileInfo-box  span a:hover{background-color: #223269;}
.wink-mingle-section .right-profileInfo h2{color: #ffffff; font-size: 18px; display: block; font-weight: 500; font-family: 'Roboto', sans-serif; margin: 0px; text-align: left; padding-left: 20px;}
.filterby-profile{margin: 28px 0px 0px; padding: 0px;}
.filterby-profile li{list-style: none; padding-left: 20px;  padding-right: 20px; display: block; border-bottom: 1px solid #2ebaed; padding-bottom: 20px; margin-bottom: 17px; color: #fff; font-family: 'Roboto', sans-serif;}
.filterby-profile li strong{font-weight: 500; font-size: 18px; color: #fff; padding-bottom: 6px; display: block;}
.filterby-profile li:last-child{margin: 0px; border: none; padding-bottom: 0px; }
.filterby-profile li .styled-selectors input[type="radio"]:not(old) + label::after{background-color: #fff;}
.filterby-profile li .styled-selectors input[type="radio"] + label::before{z-index: 2; top:1px;}

.filterby-profile li.distanceoption strong{display: inline-block; padding-right: 14px; vertical-align: top;}
.filterby-profile li.distanceoption .styled-selectors{display: inline-block; vertical-align: top;}
.filterby-profile li .styled-selectors div{margin-right: 13px;}
.filterby-profile li .styled-selectors div:last-child{margin-right: 0px;}
.slidekm-count > div{display: inline-block; vertical-align:top; margin-right: 27px; position: relative; }
.slidekm-count > div:last-child{margin: 0px;}
.slidekm-count > div .form-control{height: 41px; padding-right: 62px; width: 115px; border-radius: 0px; border: none; }
.slidekm-count > div b{font-weight: normal; font-size: 13px; background-color: #223269; height: 100%; width: 60px;  display: block; position: absolute; bottom:0px; right: 0px; padding-top: 11px;}
.slidekm-count > div span{display: block; position: relative; text-align: center; overflow:hidden; border-radius: 5px; background-color: #fff;}
.slidekm-count > div label{font-weight: normal; font-size: 14px; text-transform: capitalize; color: #fff; margin: 0px; padding-bottom: 2px; }
.slidekm-count{padding-bottom: 5px; margin-top: 13px;}

.right-profileInfo .submit-button{padding:0px 20px; }
.right-profileInfo .submit-button .btn-primary{display: block; padding-top: 14px; padding-bottom: 14px; background-color: #223269; border: 1px solid #223269; width: 100%; min-width: 100%;}
.right-profileInfo .submit-button .btn-primary:hover{background-color: #fff; color: #223269; }
.slidekm_option{position: relative; padding: 9px 0px 35px; }
.slidekm_option input[type="range"].multirange{width: 100%;}
.slidekm_option span{color: #fff; font-size: 15px; }
.slidekm_option span.minrange{position: absolute; left: 0px; bottom: 2px;}
.slidekm_option span.maxrange{position: absolute; right: 0px; bottom:2px;}
.ageoption{ padding: 18px 0px 70px;}
.ageoption .innerslide-age{position: relative;}
.ageoption span{display: block; color: #fff; width: 50px; text-align: center; font-size: 15px; line-height: 17px; font-weight: 500;}
.ageoption .startage{position: absolute; left: 0px; top:-5px;}
.ageoption .lastage{position: absolute; right: 0px; top:-5px;}
.ageoption #age-range{margin: 0px 50px;}
.wink-profile-carousel .owl-dots{display: none;}
.jobs-links.events-links .listing li a{padding-right: 0px;}
.jobs-links.events-links .listing li a::after{display: none;}
.jobs-links.events-links .listing li a span{display: block;}
.jobs-links.events-links .listing li a span.remaindays{font-size: 13px; line-height: 15px;}
.jobs-links.events-links .listing li a strong{padding-top: 0px;}
.jobs-links.events-links .listing li {min-height: 60px;}
.advertise-box .advertiseimage{ margin-bottom: 8px; overflow: hidden;}
.advertise-box .advertiseimage img{max-width: 100%; border-radius: 5px; width: 100%;}
.jobs-links.events-links .listing li a figure{border: 1px solid #dedede;}
.jobtimeline-profile  {margin-top: -92px;position: relative;}
.jobtimelineview figure{border: 3px solid #b2570d; height:161px; width: 161px; overflow: hidden;}
.jobtimelineview figure img{max-width: 100%;}
.jobtimelineview {width: 161px;position: absolute;top: 20px;left: 20px;}
.right-jobtimeline {min-height: 170px;padding-left: 190px; position: relative}
.right-jobtimeline h2{font-weight:normal; margin: 0px; padding: 0px 0px 4px; display: block;    font-size: 23px; color: #455a64; font-family: 'proxima_novasemibold'; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.right-jobtimeline p{margin:0px; padding: 0px 0px 2px; font-size: 15px; color: #99abb4;  font-family: 'Roboto', sans-serif;}
.right-jobtimeline .totalfollwers{display: block; color: #455a64; font-size: 14px; font-family: 'Roboto', sans-serif;}
.post-noftifydrop{position: absolute; top:0px; right: 0px;}
.post-noftifydrop a.dropdown-toggle{outline: none; text-decoration: none; font-size: 13px; color: #99abb4; font-family: 'Roboto', sans-serif; -ms-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s;}
.post-noftifydrop a.dropdown-toggle img{margin-left: 3px;}
.post-noftifydrop a.dropdown-toggle::after{display: none;}
.post-noftifydrop .dropdown-menu.dropmenu{top:34px !important;}
.right-jobtimeline .actionpost-button > li > a{padding-left: 11px; padding-right: 11px; min-width: 135px; text-align: center;}
.right-jobtimeline .actionpost-button > li > a img{position: relative; top:0px; left: 0px; margin-right: 3px;}
.right-jobtimeline .actionpost-button > li > a img.hover-image{position: absolute; top:14px; left:13px;}
.right-jobtimeline .actionpost-button{margin-top: 43px; }
.right-jobtimeline .actionpost-button > li.following-text a{background-color: #23b4e8; color: #fff; border: 1px solid #23b4e8;}
.right-jobtimeline .actionpost-button > li.following-text a img{margin-left: 3px; margin-right: 0px; opacity: 1; visibility: visible;}
.jobpost-list{margin: 20px -14px 0px; padding: 0px; font-size: 0;}
.jobpost-list li{padding: 0px 14px; margin-bottom: 28px; list-style: none; display: inline-block; vertical-align: top; width: 50%; font-size: 14px;}
.jobpost-list li > div{border: 1px solid  #ddd; border-radius: 5px; padding: 16px;}
.recomded-job h2, .recent-job h2{margin: 0px; padding: 5px 0px 0px; color: #455a64; font-size: 23px; display: block; font-family: 'proxima_novasemibold';}
.recent-job{border-top: 1px solid #efefef; padding-top: 24px; margin-top: 12px;}
.jobpost-list li strong{font-weight: normal;line-height: 20px; display: block; color: #455a64; font-size: 15px; margin: 0px;  padding-top: 5px;  -ms-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; max-width: 200px; }
.jobpost-list li span{display: block; color: #99abb4; font-size: 14px;}
.jobpost-list li span.remaintext{font-size: 13px; line-height: 17px;}
.right-companyinfo .btn-primary{font-size: 15px; font-weight: 500; background-color: #23b4e8; border: 1px solid #23b4e8; padding: 6px 20px; color: #fff; font-family: 'Roboto', sans-serif;}
.right-companyinfo .btn-primary:hover{background-color: #223269; border: 1px solid #223269;}
.company-info{position: relative;}
.company-info .right-companyinfo{position: absolute; top:0px; right: 0px;}
.company-info .left-company{padding-right: 76px;}
.jobpost-list li > div  figure{position: relative; min-height: 100px; margin: 0px;}
.jobpost-list li > div  figure .tagicon{position: absolute; top:0px; right: 0px;}
.recent-job .right-companyinfo .btn-primary:hover{color: #223269; box-shadow: none; background-color: transparent;border: none;}
.recent-job .right-companyinfo .btn-primary{margin: 20px 0px 0px; padding: 0px; box-shadow: none; background-color: transparent;border: none; color: #23b4e8;}
.recent-job .right-companyinfo .btn-primary:focus{box-shadow: none; background-color: transparent;border: none;}
.jobtimeline-content .view-more{margin: 15px 0px;}
.search-result-section {float: left;width: 78%; padding-left: 20px; padding-right: 20px;}
.topsearch-filter h2 {margin: 0px; padding: 5px 0px 0px; float: left; color: #455a64; font-size: 23px; display: block; font-family: 'proxima_novasemibold';}
.searchmore {float: right;}
.searchmore a.dropdown-toggle{outline: none; text-decoration: none; font-size: 13px; color: #99abb4; font-family: 'Roboto', sans-serif; -ms-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s;}
.searchmore a.dropdown-toggle img{margin-left: 3px;}
.searchmore a.dropdown-toggle::after{display: none;}
.searchmore .dropdown-menu.dropmenu{top:34px !important;}
.search-result-listing {margin: 60px -12px 0px; padding: 0px; font-size: 0;}
.search-result-listing > li{list-style: none; margin-bottom: 65px; display: inline-block; padding: 0px 12px; vertical-align: top; width: 50%;}
.search-result-listing > li .innersearch{border: 1px solid #dddddd; border-radius: 5px; padding: 20px 14px 60px; font-size: 14px; position: relative;}
.search-user{width: 95px; margin: -56px auto 0px; position: relative;}
.search-user figure{height: 95px; margin: 0px; width: 95px; overflow: hidden; border-radius: 50%; border: 1px solid #dddddd; }
.search-result-listing > li .innersearch .checkbox-select{position: absolute; top:10px; left: 14px;}
.onlineuser{display: block; position: absolute; bottom: 5px; right: 5px; height: 18px; width: 18px; border-radius: 50%; border: 5px solid #fff; background-color: #49d568;}
.search-user figure img{max-width: 100%;}
.search-content{margin-top: 14px; position: relative; margin-bottom: 14px;}
.search-content h3{margin: 0px; padding: 0px; font-size: 15px; font-weight: 500; color: #455a64; font-family: 'Roboto', sans-serif;}
.search-content p{margin: 0px; padding: 0px; color: #737373; font-size: 14px; display: block;}
.search-content strong{font-weight: 500; display: block; color: #333333; font-size: 13px; font-family: 'Roboto', sans-serif;}
.search-content span{display: block; font-size: 13px; color: #99abb4; font-family: 'Roboto', sans-serif;}
.search-content img{position: absolute; top:5px; right: 0px;}
.innersearch .actionpost-button > li > a{min-width: 123px; padding: 9px 0px 9px 0px; text-align: center;}
.innersearch .actionpost-button > li:last-child{margin-right: 0px;}
.innersearch .actionpost-button > li > a{background-color: #23b4e8; border: 1px solid #23b4e8; color: #fff;}
.innersearch .actionpost-button > li > a:hover{background-color: #fff; border: 1px solid #23b4e8; color: #23b4e8;}
.innersearch .actionpost-button > li > a.friends-button{background-color: #223269; border: 1px solid #223269; color: #fff;}
.innersearch .actionpost-button > li > a.nominate-button{background-color: #fff; border: 1px solid #23b4e8; color: #23b4e8;}
.innersearch .actionpost-button > li > a.nominate-button:hover{background-color: #23b4e8; border: 1px solid #23b4e8; color: #fff;}
.innersearch .actionpost-button > li > a.friends-button:hover{background-color: #fff; border: 1px solid #223269; color: #223269;}
.innersearch .actionpost-button > li{margin-right: 8px;}
.search-result-listing > li.active .innersearch {background-color: #ecf1f3}
.search-result-listing > li .styled-selectors input[type="checkbox"]:not(old) + label::after{background-color: #fff;}

.share-coonection{margin-bottom: 10px;}
.share-coonection span{display: inline-block; vertical-align: middle; margin-right: 10px; color: #777777; font-size: 13px; font-family: 'Roboto', sans-serif;}
.share-coonection span a{height: 30px; width: 30px; margin-right: -10px; display: inline-block; overflow: hidden; border-radius: 50%;}
.share-coonection span a img{max-width: 100%;}
.share-coonection span:last-child{margin-right: 0px; margin-left: 10px;}
.search-result-listing > li:last-child{margin-bottom: 0px;}
.search-result-listing > li:nth-last-child(2){margin-bottom: 0px;}
.pagination-box{margin: 40px 0px 10px; text-align: center;}
.pagination-box .pagination{display:block; border-radius: 0px;}
.pagination-box .pagination li{display: inline-block; list-style-image: none;}
.pagination-box .pagination li .page-link{border: 1px solid transparent; padding:3px 8px; color: #455a64; font-size: 14px; font-weight: 500; font-family: 'Roboto', sans-serif; margin: 0px; line-height: 17px;}
.pagination-box .pagination li.active .page-link{border: 1px solid #23b4e8; color: #23b4e8; background-color: #fff;}
.pagination-box .pagination li .page-link img{margin: 0px 5px; vertical-align: top; position: relative; top:3px;}
.pagination-box .pagination li .page-link:focus{border: 1px solid transparent;box-shadow: none;}
.pd20{padding-top: 20px;}
.leftnearby-search iframe{height: 695px !important; width: 100%; border: none; vertical-align: top; display: block;}
.leftnearby-search { width:68%;}
.right-profileInfo{ width: 31%; margin-left: 15px;}
.nearby-search-section .innertab{display: flex;}
.nearby-search-section h2{margin: 10px 0px 24px;  padding: 0px; text-align:center; font-size: 30px; display: block; color: #455a64;     font-family: 'proxima_novalight';}
.look-people select{height: 41px; border:none; border-radius: 5px; background-image: url("../../img/select-arrow.png"); background-position: 97% center; background-repeat: no-repeat;    -webkit-appearance:none; -moz-appearance:none;  font-size: 15px; color: #455a64; font-family: 'Roboto', sans-serif;  } 
.look-people{margin-bottom: 80px; }
.nearby-search-section .filterby-profile li{/*margin-bottom: 35px; padding-bottom: 35px;*/}
.nearby-search-section .filterby-profile{padding-top: 60px;}
.nearby-search-section .filterby-profile li:last-child{padding-bottom: 0px; margin-bottom: 0px;}
.companypost-button .follwer-last{float: right;}
.companypost-button .follwer-last .user-follwers{margin: 0px; text-align: center;}
.companypost-button .user-follwers > div{width: 100%;}
.company-about h2{margin: 0px; padding: 5px 0px 15px; color: #455a64; font-size: 23px; display: block; font-family: 'proxima_novasemibold';}
.company-about p{margin: 0px; padding: 0px; font-size: 15px; color: #455a64; font-family: 'Roboto', sans-serif;  line-height: 21px;}
.company-about p a{font-size: 13px; color: #23b4e8; outline: none; font-weight: 500; -ms-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s;}
.company-about img{max-width: 100%; border: 1px solid #efefef; float: right; margin-left: 30px;}
.friend-tophead{padding-top: 8px;}
.friend-section .friend-tophead h2{margin: 0px; float: left; padding: 0px; font-size: 30px; color: #455a64; font-family: 'proxima_novalight';}
.searchbar_view{float: right; width: 410px; position: relative; overflow: hidden;}
.searchbar_view .form-control{border: 1px solid #dadee0; padding-right: 110px; color: #455a64; font-size: 15px; font-family: 'proxima_novalight'; padding-left: 15px;}
.searchbar_view .btn-primary{position: absolute; top:0px; right: 0px; width: 100px; text-align: center; color: #fff; background-color: #23b4e8; border: 1px solid #23b4e8; border-radius: 0px 5px 5px 0px;}
.friendlisting{margin: 40px -7px 0px; padding: 0px; font-size: 0;}
.friendlisting li{list-style: none; display: inline-block; vertical-align: top;  font-size: 14px; padding: 0px 7px; width: 25%; margin-bottom: 14px;}
.friendlisting li .friendbox{border: 1px solid #ddd;  border-radius: 5px; padding: 20px 20px 20px 135px; position: relative; min-height: 134px; -ms-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s;}
.friendlisting li .friendbox figure{height: 95px; width: 95px; overflow: hidden; border-radius: 50%; border: 1px solid #e9e9e9;}
.friendlisting li .friendbox .friendimage{width: 95px; position: absolute; top:20px; left: 20px;}
.friendimage .onlineuser{bottom: 20px;}
.friendbox strong{font-weight: normal; padding-top: 4px; display: block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-size: 15px; color: #455a64; font-family: 'Roboto', sans-serif; }
.friendbox .friendbutton{color: #23b4e8; outline: none; text-decoration: none; border: 1px solid #23b4e8; background-color: #fff;  border-radius: 5px; padding: 11px 24px; font-weight: 500; -ms-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; font-family: 'Roboto', sans-serif; display: inline-block; margin-top: 10px; }
.friendbox .friendbutton:hover{background-color:#23b4e8; color: #fff;}
.friendlisting li:hover .friendbox{background-color: #fff; -webkit-box-shadow: 1px 1px 5px 3px rgba(0,0,0,.05);
box-shadow: 1px 1px 5px 3px rgba(0,0,0,.05);} 
.friendbox strong a{color: #455a64; outline: none; text-decoration: none; -ms-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s;}
.friendbox strong a:hover{color: #23b4e8;}
.offlineuser {display: block;position: absolute;bottom: 20px;right: 5px;height: 18px;width: 18px;border-radius: 50%;border: 5px solid #fff;background-color: #9fb0b8;}
.friend-section .view-all .btn-primary{display: inline-block; padding: 10px 23px; }
.friend-section .view-all{text-align: center; margin-bottom: 13px;}
.searchright-bar{width: 100%; float: none; background-color: #fff; padding: 3px; -webkit-box-shadow: 0 0 15px 0 rgba(0,0,0,.04); box-shadow: 0 0 15px 0 rgba(0,0,0,.04);}
.searchright-bar.searchbar_view .btn-primary{width:62px; font-family: 'proxima_novasemibold'; font-weight: normal; padding-left: 0px; padding-right: 0px; text-align: center; right: 3px; top:3px;}
.searchright-bar.searchbar_view .form-control{padding-right: 65px; padding-left: 10px;}
.searchright-bar{margin-bottom: 12px;}
.location-area p{color: #99abb4; font-size: 15px; display: block; margin: 0px; padding: 0px; font-family: 'Roboto', sans-serif; }
.location-area h2 img{vertical-align: top; position: relative;  margin-right: 3px;}
.location-area .view-more{text-align: left; margin-top: 20px;}
.switch{position:relative;display:inline-block;width:70px;height:30px}
.switch input{opacity:0;width:0;height:0}
.switch .slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#b2b2b2;-webkit-transition:.4s;transition:.4s}
.switch .slider:before{position:absolute;content:"";height:22px;width:22px;left:4px;bottom:4px;background-color:#fff;-webkit-transition:.4s;transition:.4s}
.switch input:checked+.slider{background-color:#42e397}
/*.switch input:focus+.slider{box-shadow:0 0 1px #42e397}*/
.switch input:checked+.slider:before{-webkit-transform:translateX(40px);-ms-transform:translateX(40px);transform:translateX(40px)}
.switch .slider.round{border-radius:34px}.slider.round:before{border-radius:50%}

.companylisting{margin: 0px; padding: 0px;}
.companylisting > li{list-style: none; display: block; margin-bottom: 20px; -webkit-box-shadow: 0 0 15px 0 rgba(0,0,0,.04); box-shadow: 0 0 15px 0 rgba(0,0,0,.04); border: 1px solid #e4e9ee; border-radius: 5px; background-color: #fff; overflow: hidden;}
.companylisting li .innerbox{ padding: 24px;}

.companytop-info  .leftside{width: 47%; float:left;}
.companytop-info  .rightside{width: 53%; float:right;}
.companyname{position: relative; padding-left: 100px;}
.companyname figure{position: absolute; top:0px; left:0px; content: '';}
.companyname strong{ display: block; color: #455a64; padding-bottom: 8px; font-size: 18px; font-weight: 500; font-family: 'Roboto', sans-serif;  text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.companyname  span{display: block; color: #99abb4; font-size: 14px; position: relative; margin-bottom: 6px;}
.companyname  span a{color: #99abb4; outline: none; text-decoration: none; -ms-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s;}
.companyname  span a:hover{color: #23b4e8;}
.companyname  span a{position: relative; padding-left: 35px;}
.companyname  span a img{position: absolute; top:0px; left: 0px;}

.companytop-info  .rightside ul{margin:0px; padding: 0px; font-size: 0;}
.companytop-info  .rightside ul li{list-style: none; display: inline-block; margin-right: 5px; vertical-align: top; font-size: 14px;}
.companytop-info  .rightside ul li a{display: block; height: 55px; border-radius: 8px;  width: 70px; background-color: #f5f6f7; border: 1px solid #f5f6f7; outline: none; text-decoration: none; -ms-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; text-align: center; position: relative;}
.companytop-info  .rightside ul li a:hover{background-color: #fff;  -webkit-box-shadow: 0 0 15px 0 rgba(0,0,0,.04); box-shadow: 0 0 15px 0 rgba(0,0,0,.04); border: 1px solid #2272a8;}
.companytop-info  .rightside ul li:last-child{margin-right: 0px;}
.companytop-info  .rightside ul li a img{position: absolute; margin: auto; left: 0px; right: 0px; top:0px; bottom: 0px;}
.companylisting li.action-swtich{margin-left: 25px; padding-top: 15px;}

.bottomcompany_info{margin: 35px 0px 0px; padding: 0px; font-size: 0px;}
.bottomcompany_info li{list-style: none; display: inline-block; text-align: center; vertical-align: top; font-size: 14px;  font-family: 'Roboto', sans-serif;  border-right: 1px solid #dadee0; padding-right: 24px; padding-left: 24px;}
.bottomcompany_info li span{display: block; color: #455a64; font-size: 18px; font-weight: 500;}
.bottomcompany_info li strong{display: block; font-weight:normal; font-size: 15px; color: #455a64; }
.bottomcompany_info li:last-child{border: none; padding-right: 0px; padding-left: 24px;}

.action-company{margin: 0px; padding: 0px; font-size: 0;}
.action-company li{list-style: none; display: inline-block; vertical-align: top; width: 50%; font-size: 14px;}
.action-company li a{ outline: none; text-decoration: none; -ms-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s;  font-size: 15px; font-family: 'Roboto', sans-serif; background-color: #23b4e8;  border: 1px solid #23b4e8;color: #fff; display: block; padding: 15px 0px; text-align: center; font-weight: 500;}
.action-company li:last-child a{background-color: #223269; border: 1px solid #223269;}

.mycompany-box.shadowBox{padding: 7px;}
.mycompany-box h2{float: left; padding-top: 19px; padding-left: 12px;}
.mycompany-box .btn-primary{float:right; font-weight: 500; font-family: 'Roboto', sans-serif; font-size: 15px; color: #fff; background-color: #23b4e8; border: 1px solid #23b4e8; padding: 15px 20px;}
.mycompany-box .btn-primary:hover{background-color: #223269; border: 1px solid #223269;}
.companyview-content .tab-box ul{margin: 0px -3px 30px; font-size: 0;}
.companyview-content .tab-box ul li{width: 25%; margin: 0px; font-size: 14px; padding: 0px 3px;}
.companyview-content .tab-box ul li a{display: block; padding-left: 0px; padding-right: 0px;}
.iconstop{position: absolute; top:5px; right: 10px;}
.visit-profileview .post-section > div:last-child .bottompost-action > ul > li .dropdown-menu.dropmenu{top:auto!important; bottom: 35px !important;}
.visit-profileview .post-section > div:last-child .bottompost-action > ul > li  .dropdown-menu.dropmenu::after, .visit-profileview .post-section > div:last-child .bottompost-action > ul > li  .dropdown-menu.dropmenu::before{bottom:auto; top:100%; }
.visit-profileview .post-section > div:last-child .bottompost-action > ul > li .dropdown-menu.dropmenu::after{border-top-color: #fff; border-bottom-color:transparent;}
.visit-profileview .post-section > div:last-child .bottompost-action > ul > li .dropdown-menu.dropmenu::before{border-top-color: #e4e9ee; border-bottom-color: transparent;}
.innersearch .styled-selectors input[type="checkbox"]:not(old){height: 19px; width: 17px; z-index: 4;}
.search-result-listing > li .innersearch.active{background-color: #ecf1f3;}
.innersearch {-ms-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s;}
.righttimeline-categry .user-follwers > div{width: auto; padding: 0px 32px;}
.righttimeline-categry .user-follwers > div:first-child{padding-left: 0px;}


.media-section h2{margin-bottom: 12px;}
.media-section  strong {display: block; padding-bottom: 10px; font-weight: 700;color: #455a64;ont-size: 15px; font-family: 'Roboto', sans-serif;}
.media-section ul{margin: 0px;}
.media-section .gallery-listing{margin-bottom: 20px;}
.medialistig-section .headprofile h2{font-weight: 500; margin: 6px 0px 0px; border: none; font-size: 19px; font-family: 'Roboto', sans-serif; color: #455a64; padding-left: 38px;}
.medialistig-section .headprofile .btn-primary{font-size: 14px; padding-top: 8px; padding-bottom: 8px;}
.medialistig-section .headprofile .btn-primary.addmore::after{top: 13px;}
.medialistig-section .headprofile .btn-primary{top:-8px;}
.media-listingview .nav-tabs .nav-item{margin: 0px 30px 0px 0px;text-align: center; display: inline-block; vertical-align: top;}
.media-listingview .nav-tabs .nav-item a{padding: 0px 0px 6px; font-size: 15px; font-family: 'Roboto', sans-serif; -ms-transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;-o-transition: all 0.5s ease 0s;-webkit-transition: all 0.5s ease 0s;transition: all 0.5s ease 0s; color: #455a64; text-decoration: none; outline: none; border: none; position: relative;}
.media-listingview .nav-tabs .nav-item a.active{border: none; color: #23b4e8;}
.media-listingview .nav-tabs .nav-item:last-child{margin-right: 0px;}
.media-listingview .nav-tabs{display: block; text-align: center;  -ms-transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;-o-transition: all 0.5s ease 0s;-webkit-transition: all 0.5s ease 0s;transition: all 0.5s ease 0s;}
.media-listingview .nav-tabs .nav-item a:after, .media-listingview .nav-tabs .nav-item a:before {top: 100%;left: 50%;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none; opacity: 0; -ms-transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;-o-transition: all 0.5s ease 0s;-webkit-transition: all 0.5s ease 0s;transition: all 0.5s ease 0s;}
.media-listingview .nav-tabs .nav-item a:after {border-color: rgba(255, 255, 255, 0);border-top-color: #fff;border-width: 8px;margin-left: -8px;}
.media-listingview .nav-tabs .nav-item a:before {border-color: rgba(221, 221, 221, 0);border-top-color: #ddd;border-width: 9px;margin-left: -9px;}
.media-listingview .nav-tabs .nav-item a.active:after, .media-listingview .nav-tabs .nav-item a.active:before{opacity: 1;}
.media-listingview .nav-tabs .nav-item a:hover:after, .media-listingview .nav-tabs .nav-item a:hover:before{opacity: 1;}
.media-listingview .nav-tabs .nav-item a:hover:before {border-color: rgba(35, 180, 232, 0);border-top-color: #23b4e8;}
.media-listingview .nav-tabs .nav-item a:hover{color: #23b4e8;}
.media-listingview .gallery-listing ul li{width: 20%; padding: 0px 10px; margin-bottom: 20px; vertical-align: top;}
.media-listingview .gallery-listing ul {margin: 0px -10px;}
.media-listingview .gallery-listing {padding: 30px 0px 0px;}
.media-listingview .gallery-listing ul li a{border: 1px solid #ddd;}


a.create-albums strong{font-weight: 500; color: #23b4e8; text-align: center; display: block;}
.media-listingview .albumsfolder .gallery-listing ul li a{border: none; border-radius: 0px; text-align: center; font-family: 'Roboto', sans-serif; -ms-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s;-o-transition: all 0.5s ease 0s;-webkit-transition: all 0.5s ease 0s;transition: all 0.5s ease 0s; text-decoration: none; outline: none; font-size: 13px; color: #455a64; text-transform: capitalize;}
.albumsfolder .gallery-listing ul li a figure{border: 1px solid #ddd; overflow: hidden; border-radius: 5px;}
.media-listingview .albumsfolder .gallery-listing ul li a strong{font-weight: normal; display: block;   text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}

.media-listingview .albumsfolder .gallery-listing ul li a.create-albums{border: 1px dashed #ddd; font-size: 13px; font-family: 'Roboto', sans-serif; -ms-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s;-o-transition: all 0.5s ease 0s;-webkit-transition: all 0.5s ease 0s;transition: all 0.5s ease 0s; color: #455a64; text-decoration: none; outline: none; height:122px; width: 100%; display: table; border-radius: 5px;}  
.albumsfolder .gallery-listing ul li a.create-albums strong{display: table-cell; vertical-align: middle;}
.gallery-listing ul li a.create-albums b{font-weight:normal; display: block;}

.videos-listingview .videos-listing ul li a::after{opacity: .5;}
.videos-listingview.media-listingview .albumsfolder .gallery-listing ul li a:before{display: none;}
.videos-listingview.media-listingview .albumsfolder .gallery-listing ul li a:after{display: none;}
.videos-listingview .videos-listing ul li a.create-albums img{width: auto;}
.videos-listingview.media-listingview .albumsfolder .gallery-listing ul li a figure{position: relative;}
.videos-listingview.media-listingview .albumsfolder .gallery-listing ul li a figure:before {top: 0px;bottom: 0px;left: 0px;right: 0px;content: '';
background-image: url("../../img/play-icon.png");background-repeat: no-repeat;height: 24px;width: 34px;  margin: auto;z-index: 2; -ms-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s;transition: all 0.5s ease 0s; position: absolute;}
.videos-listingview.media-listingview .albumsfolder .gallery-listing ul li a figure:after {position: absolute;top: 0px;left: 0px;content: '';height: 100%;
width: 100%;background-color: #1c2a30;-ms-transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;-o-transition: all 0.5s ease 0s;-webkit-transition: all 0.5s ease 0s;transition: all 0.5s ease 0s; opacity: 0.5}
.videos-listingview.media-listingview .albumsfolder .gallery-listing ul li a:hover figure::after {background-color: #23b4e8;}

.addmedia-popup h5 {font-weight: 500;margin: 0px 0px 0px;border: none;font-size: 19px;font-family: 'Roboto', sans-serif;color: #455a64;padding-left: 0px;}
.addmedia-popup h5 img{margin-right: 6px;}
.addmedia-popup .modal-dialog{max-width: 600px; margin-top: 0px; margin-bottom: 0px;}
.addmedia-popup  .modal-content .modal-body {padding: 15px  22px 32px;}
.userpost-actions .form-group .form-control{padding-right: 0px;}

.uploadPhoto-listing ul{margin: 15px -5px 0px; padding: 0px; font-size: 0;}
.uploadPhoto-listing ul li{list-style: none; padding: 0px 5px; margin-bottom: 10px; display: inline-block; vertical-align: top; width: 20%; font-size: 14px; position: relative;}
.uploadPhoto-listing ul li a figure{display: block; margin: 0px; border-radius: 5px; border: 1px solid #ddd; overflow: hidden; position: relative;}
.uploadPhoto-listing ul li a figure img{max-width: 100%;}
.uploadPhoto-listing ul li a figure:after{position: absolute; top:0px; left: 0px; content: ''; height:100%; width: 100%; background-color: #000; opacity: 0; visibility: hidden; -ms-transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;-o-transition: all 0.5s ease 0s;-webkit-transition: all 0.5s ease 0s;transition: all 0.5s ease 0s;}
.uploadPhoto-listing ul li:hover a figure:after{opacity: .7; visibility: visible;}
.uploadPhoto-listing ul li .closeicon{position: absolute; top:6px; right: 15px; opacity: 0; visibility:hidden; -ms-transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;-o-transition: all 0.5s ease 0s;-webkit-transition: all 0.5s ease 0s;transition: all 0.5s ease 0s;}
.closeicon img{max-width: 16px;}
.uploadPhoto-listing ul li:hover .closeicon{opacity: 1; visibility: visible;}
.bottompost-choose ul li a {position: relative; overflow:hidden;}
.bottompost-choose ul li a input {position: absolute; top:0px; left: 0px; height: 100%; width: 100%; opacity: 0;}
.uploadPhoto-listing.videoUpload-file ul li a figure:before {top: 0px;bottom: 0px;left: 0px;right: 0px;content: '';
background-image: url("../../img/play-icon.png");background-repeat: no-repeat;height: 24px;width: 34px;  margin: auto;z-index: 2; -ms-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s;transition: all 0.5s ease 0s; position: absolute;}
.uploadPhoto-listing.videoUpload-file ul li a figure:after{opacity: .7; visibility: visible;}
.media-listingview .gallery-listing .view-more {margin-top: 5px;}
.media-listingview .view-more .btn-primary{font-size: 14px; padding-top: 8px; padding-bottom: 8px; min-width: 110px;}

.comments-popup_post .modal-dialog{max-width: 1000px;}
.comments-popup_post .leftslider-post{float: left; width: 60%}
.comments-popup_post .leftslider-post figure img{max-width: 100%;}
.comments-popup_post .rightpost-view{float: right; width: 40%; padding: 0px 0px 0px 0px}
.comments-popup_post .leftslider-post figure{margin: 0px;}
.PostComment_slider .post-content p{font-size: 14px;}
.PostComment_slider .post-content{padding-top: 7px;}
.PostComment_slider .bottom_actions ul{margin-top: 10px;}

.commentlisting_post{position: relative;  padding: 12px 0px 50px 15px; }
.commentlisting_post  ul.mCustomScrollbar{margin:0px; padding:15px 0px 0px;  border-top: 1px solid #ddd; overflow-x: hidden; overflow-y: auto; max-height: 333px;}
.commentlisting_post ul.mCustomScrollbar  li.commentbox-post{list-style: none; padding-left: 40px; min-height: 36px; display: block; margin-bottom: 15px; position: relative;}
.commentlisting_post  ul.mCustomScrollbar  li.commentbox-post:last-child{margin: 0px;}
.commentlisting_post ul.mCustomScrollbar  li.commentbox-post > figure{position: absolute; margin: 0px; top:3px; left: 0px; height: 32px; width: 32px; border: 1px solid #f2f3f5; border-radius: 50%; overflow: hidden; }
.commentlisting_post  ul.mCustomScrollbar  li.commentbox-post > figure img{max-width: 100%;}
.PostComment_slider .commentlisting_post  ul.mCustomScrollbar  li.commentbox-post p{margin: 0px; padding: 0px; padding:8px 12px; border-radius: 6px; background-color: #f2f3f5; font-size: 13px;font-family: 'Roboto', sans-serif;color: #455a64; position: relative; display: inline-block;}
.commentlisting_post  ul.mCustomScrollbar .mCSB_inside > .mCSB_container{margin-right: 20px;}
.postaction-bottom > ul{margin: 0px; padding: 6px 0px 0px;}
.postaction-bottom > ul > li{list-style: none; display:inline-block; font-family: 'Roboto', sans-serif; color: #99abb4; font-size: 13px; vertical-align: top; position: relative; margin-right: 20px; }
.postaction-bottom > ul > li:last-child{margin: 0px;}
.postaction-bottom > ul > li a{font-family: 'Roboto', sans-serif; color: #99abb4; font-size: 13px; outline: none; text-decoration: none; -ms-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s;}
.postaction-bottom > ul > li a:hover{color: #23b4e8;}
.postaction-bottom > ul > li.active a{color: #23b4e8;}
.PostComment_slider .commentlisting_post ul.mCustomScrollbar  li.commentbox-post p:after{right:100%;top:6px;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;border-color:rgba(242,243,245,0);border-right-color:#f2f3f5;border-width:6px;}
.bottomcomment_post{background-color: #f2f3f5; border-top:1px solid #dddfe2; padding: 7px 11px; position: absolute; bottom: 0px; left: 0px; width: 100%;}
.replycomment{padding-left: 40px; min-height: 36px; position: relative;}
.replycomment figure{position: absolute; margin: 0px; top:3px; left: 0px; height: 32px; width: 32px; border: 1px solid #f2f3f5; border-radius: 50%; overflow: hidden; }
.replycomment figure img{max-width: 100%;}
.replycomment .form-group{margin: 0px; position: relative;}
.replycomment .form-group .form-control{height: 35px; padding-right: 70px; border-radius: 15px;  -ms-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; font-size: 13px; background-color: #fff;}
.replycomment .form-group span{position: absolute; top:4px; right: 13px; display: inline-block;}
.replycomment .form-group span a{display: inline-block; vertical-align: top; position: relative; overflow: hidden; margin-right: 8px;}
.replycomment .form-group span a:last-child{margin-right: 0px;}
.replycomment .form-group span a.upload-filepost input{position: absolute; top:0px; left: 0px; height: 100%; width: 100%; opacity: 0;}
.replycomment .form-group span a img{max-height: 17px;}
.comments-popup_post .rightpost-view .postbox{padding-left: 15px;}
.commentlisting_post  ul.mCustomScrollbar .mCSB_scrollTools{width: 10px;}

.comments-popup_post .carousel  .carousel-control-prev{background-image: url("../../img/prev.png"); height: 45px; width: 50px;  z-index: 9; margin: auto; font-size: 0; -ms-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; opacity: 0; visibility: hidden;}
.comments-popup_post .carousel  .carousel-control-next{background-image: url("../../img/next.png"); height: 45px; width: 50px;  z-index: 9; margin: auto; font-size: 0; right: 50%; margin-right: -85px; -ms-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; opacity: 0; visibility: hidden;}
.comments-popup_post .carousel  .carousel-control-prev span, .comments-popup_post .carousel  .carousel-control-next span{background:transparent;}
.comments-popup_post .carousel:hover .carousel-control-next{opacity: 1; visibility: visible;}
.comments-popup_post .carousel:hover .carousel-control-prev{opacity: 1; visibility: visible;}
.visit-profile-banner{text-align: center;}
.comments-popup_post .close {position: absolute;top: -43px;right: 0px;z-index: 4;opacity: 1;}


.myprofessional-page .left-profile .profile-informationbox .form-group p {font-size: 16px;color: #99abb4; font-family: 'Roboto', sans-serif;display: block;margin: 0px;padding: 0px;line-height: 23px; }
.myprofessional-page .left-profile .profile-informationbox .form-group p a{color: #23b4e8; outline: none; text-decoration: none; font-family: 'Roboto', sans-serif;}
.post-section  .postbox  .replycomment {margin-top: 15px;}
.postbox  .commentlisting_post {padding: 0px;}
.commentlisting_post  ul.commentslist-post{margin:10px 0px 0px; padding:10px 0px 0px; border-top: 1px solid #ddd;  }
.commentlisting_post ul.commentslist-post  li.commentbox-post{list-style: none; padding-left: 40px; min-height: 36px; display: block; margin-bottom: 15px; position: relative;}
.commentlisting_post  ul.commentslist-post  li.commentbox-post:last-child{margin: 0px;}
.commentlisting_post ul.commentslist-post  li.commentbox-post > figure{position: absolute; margin: 0px; top:3px; left: 0px; height: 32px; width: 32px; border: 1px solid #f2f3f5; border-radius: 50%; overflow: hidden; }
.commentlisting_post  ul.commentslist-post  li.commentbox-post > figure img{max-width: 100%;}
.commentlisting_post ul.commentslist-post li.commentbox-post p{margin: 0px; padding: 0px; font-size: 13px;font-family: 'Roboto', sans-serif;color: #455a64; position: relative; display: inline-block;}


/*advertisement section */

.advertisement-section{padding: 20px; float:left; width: 78%;}
.advertisetop-head h3{margin: 9px 0px 0px; float: left; padding: 0px; font-size: 30px; display: block; color: #455a64; font-family: 'proxima_novalight';}
.advertisetop-head .btn-primary{float: right; font-size: 15px; font-weight: 500; font-family: 'Roboto', sans-serif; border: 1px solid #23b4e8; background-color: #23b4e8; padding: 17px 32px;}
.advertisetop-head .btn-primary:hover{background-color: #223269; border: 1px solid #223269;}
.advertisetop-head{margin-bottom: 20px;}
.poster-advertise .posted-date span{color: #454545; font-size: 14px;  font-family: 'Roboto', sans-serif; font-weight: 500; display: block;}
.poster-advertise .posted-date span b{font-weight: 300; display: block;}
.poster-advertise .posted-date {position: relative; min-height: 32px; padding-left: 45px; margin-bottom: 15px;}
.poster-advertise .posted-date img{position: absolute; top:4px; left: 0px; }
.poster-advertise  figure{margin: 0px; }
.poster-advertise  figure img{max-width: 100%;}
.advertise-informationbox{margin: 43px -15px 27px; padding: 16px;}
.advertise-informationbox > div{width: 50%; float: left; padding: 0px 15px; }
.advertise-informationbox div.innerbox{padding: 26px 20px; border: 1px solid #d6d6d6; min-height: 240px; text-align:center; border-radius: 5px;  -ms-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; position: relative; overflow: hidden;}
.advertise-informationbox .profilevist-action{ min-height: 50px; max-width: 170px; width: 100%; text-align: left; padding-left:60px; margin: 35px auto 0px; position: relative;}
.advertise-informationbox .profilevist-action img{position: absolute; top:0px; left: 0px;}
.advertise-informationbox .profilevist-action strong{font-weight:700; line-height: 30px; color: #23b4e8; display: block; font-size: 42px; font-family: 'Roboto', sans-serif;}
.advertise-informationbox .profilevist-action strong span{font-size: 15px; display: block; color: #223269; font-weight: 500; font-family: 'Roboto', sans-serif;}
.advertise-informationbox  p  {margin: 20px 0px 0px; padding: 0px; font-size: 15px; color: #455a64; font-family: 'Roboto', sans-serif;}
.advertise-informationbox div.innerbox p b{font-weight: 700; color: #223269; font-size: 17px;}
.advertise-informationbox div.innerbox:hover{-webkit-box-shadow: 0 0 15px 0 rgba(0,0,0,.04);
box-shadow: 0 0 15px 0 rgba(0,0,0,.04); border: 1px solid #E9E9E9;}
.advertise-informationbox > div.active div.innerbox:after{position: absolute; top:0px; right: 0px; content: ''; background-repeat: no-repeat; background-image: url("../../img/running-icon.png"); width: 80px; height: 97px;}
.advertise-discover h2{text-align: center; }

.advertise-discover ul {margin: 30px auto 0px; padding: 0px; font-size: 0; max-width: 764px; width: 100%;}
.advertise-discover ul li{list-style: none; display: inline-block; font-size: 14px; vertical-align: top; width: 33.33%; padding: 0px 11px;}
.advertise-discover ul li > div{padding:25px 20px 15px 20px; text-align:center; min-height: 110px;  border-radius: 5px; background-color: #223269; position: relative; color: #fff;}
.advertise-discover ul li figure{display: inline-block; margin-bottom: 0px; margin-right: 16px; vertical-align: top;}
.advertise-discover ul li strong{font-weight: 700; font-size: 50px; display: inline-block; vertical-align: top; font-family: 'Roboto', sans-serif; line-height: 50px; line-height: 33px; text-align: left; padding-top: 4px; }
.advertise-discover ul li strong span{font-weight: 500; font-size: 15px; display: block;}
.advertise-discover ul li:nth-child(2) div{background-color: #23b4e8;}
.advertise-discover p {margin: 20px 0px 0px; padding: 0px; text-align: center; font-size: 15px; color: #455a64; font-family: 'Roboto', sans-serif;}
.advertise-audience h2{text-align: center;}
.advertise-audience{border-top: 1px solid #ddd; margin: 30px -20px 0px; padding: 45px 0px 0px}
.advertise-audience ul{margin: 25px 0px 0px; padding: 0px; font-size: 0;}
.advertise-audience ul li{list-style: none; display: inline-block; padding: 0px 20px; font-size:14px; vertical-align: top; width: 33.33%;}
.advertise-audience ul li > div{-webkit-box-shadow: 0 0 12px 2px rgba(0,0,0,.07);
box-shadow: 0 0 12px 2px rgba(0,0,0,.07); padding: 20px; border-radius: 6px;}
.advertise-audience ul li > div strong{font-weight: normal; margin-bottom: 15px; text-align: center; display: block; color: #455a64; font-size: 17px; font-family: 'proxima_novasemibold';}

.advertise-right .user-filters ul{text-align: center;}
.balancewallet{position: relative; margin-top: 22px;  min-height:50px; padding-left: 65px;}
.balancewallet figure{position: absolute; top:0px; left: 0px;}
.balancewallet strong{display: block; line-height: 33px;  font-weight: 500; font-size: 30px; color: #455a64; font-family: 'Roboto', sans-serif;}
.balancewallet span{display: block; font-size: 15px; font-weight: 500; color: #455a64; font-family: 'Roboto', sans-serif;}
.despostfund{margin: 20px 0px 0px; padding: 0px 0px 20px; color: #99abb4; line-height: 18px; font-size: 14px; font-family: 'Roboto', sans-serif; }

.management-wallet{margin: 0px -16px; padding-left: 16px; padding-right: 16px; border-top: 1px solid #ddd; padding-top: 22px;}
.management-wallet ul{margin: 20px 0px 20px; padding: 0px;}
.management-wallet ul li{list-style: none; display: block; margin-bottom: 10px;}
.management-wallet ul li a{ -ms-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; font-size: 15px; color: #23b4e8; font-family: 'Roboto', sans-serif; text-decoration: none; outline: none;}
.management-wallet ul li:last-child{margin-bottom: 0px;}
.management-wallet ul li a:hover{color: #223269;}

.logout-button .btn-primary{font-size: 15px; color: #fff; background-color: #223269; border: 1px solid #223269; padding: 14px 10px; font-family: 'Roboto', sans-serif; font-weight: 500; display: block; text-align: center; border-radius: 3px; min-width: 100%; }
.logout-button .btn-primary:hover{border: 1px solid #23b4e8; background-color: #23b4e8;}





/*company create page */
.createcompany-form .form-row .form-group {float: left;width: 50%;padding: 0px 18px;margin-bottom: 40px;}
.createcompany-form .form-row .form-group label {font-weight: 500;display: block;margin: 0px 0px 6px;font-size: 15px;color: #455a64;font-family: 'Roboto', sans-serif; text-transform: capitalize;}
.createcompany-form .form-row .form-group .form-control:focus {border-bottom: 1px solid #23b4e8; }
.createcompany-form .form-row .form-group select.form-control {-webkit-appearance: none;-ms-appearance: none;-moz-appearance: none;background-image: url("../../img/select-arrow.png");background-repeat: no-repeat;background-position: 98% 20px;}
.createcompany-form .form-row .form-group .form-control {border: none;border-bottom: 1px solid #d6d6d6;box-shadow: none;-ms-transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;-o-transition: all 0.5s ease 0s;-webkit-transition: all 0.5s ease 0s;transition: all 0.5s ease 0s;background-color: #fff; border-radius: 0px; padding-left: 0px; height: 40px;padding-right: 0px; font-size: 15px;}
.createcompany-form .form-row {margin: 0px -18px;}
.createcompany-form .btn-primary{color: #fff; border: 1px solid #23b4e8; background-color: #23b4e8;  font-size: 15px; font-weight: 500; padding: 11px 20px; border-radius: 5px;  font-family: 'Roboto', sans-serif; min-width: 130px; }
.createcompany-form .btn-primary:hover{background-color: #213168; border: 1px solid #213168;}
.createcompany-form .bottom-groupbutton{margin: 0px;}
.createcompany-form .full-form-row .form-group {padding: 0px;width: 100%;float: none;}
.createcompany-form .full-form-row .form-group textarea.form-control {resize: none;height: 85px;}
.createcompany-form .upload-file{position: relative;}
.createcompany-form .full-form-row {margin: 0px;}
.heading-company h2{ font-size: 26px; margin:0px; padding: 12px 0px 22px; color: #455a64; display: block; text-align:center; text-transform: capitalize;  font-family: 'proxima_novalight';}
.createcompany-form  .upload-file input{width: 100%;}
.createcompany-form .uploadfiletext{font-size: 14px;}
.createcompany-form  .upload-file a img{position: relative; left:0px; margin-right: 5px; top:-1px; max-width: 21px; }
.createcompany-form  .upload-file a{display: block; padding-left: 15px; text-align: center; border: 1px solid #d6d6d6; background-color: #fff; color: #99abb4; font-weight: normal;}
.company-ownership .user-follwers{margin-top: 10px;}
.company-ownership.right-jobtimeline .actionpost-button{margin-top: 12px;}
.company-ownership .actionpost-button > li a.dropdown-toggle::after {right: 11px;border-left: 5px solid transparent;border-right: 5px solid transparent;border-top: 6px solid;}
.company-ownership .actionpost-button > li:last-child{margin-right: 0px;}
.company-ownership .actionpost-button > li a.dropdown-toggle{padding-right: 22px;}
.company-ownership .actionpost-button > li .dropdown-menu.dropmenu{top:60px !important; min-width: 185px;}
.company-ownership .dropdown-menu.dropmenu ul li{padding-top: 0px;}

.company-about{position: relative;}
.editrecruiter .editabout{position: absolute; top:15px; right: 16px;}
.editabout.btn-primary {min-width: 105px;border-radius: 5px;border: 1px solid #23b4e8;background-color: #fff;color: #23b4e8;font-size: 15px;font-weight: 500; padding-top: 10px; padding-bottom: 10px; font-family: 'Roboto', sans-serif;  text-decoration: none; outline: none;}
.editabout.btn-primary img {margin-right: 6px; float: none;border: none;margin-left: 0px;}
.editabout.btn-primary:hover {background-color: #223269;color: #fff;border: 1px solid #223269;}
.editabout.btn-primary::after{position:absolute;top:15px;left:27px;content:'';background-image:url(../../img/hover-edit-icon.png);background-repeat:no-repeat;height:15px;width:15px;-ms-transition:all .5s ease 0s;-moz-transition:all .5s ease 0s;-o-transition:all .5s ease 0s;-webkit-transition:all .5s ease 0s;transition:all .5s ease 0s;opacity:0;visibility:hidden}
.editabout.btn-primary:hover::after {opacity: 1;visibility: visible;}
.editabout.btn-primary:hover img {opacity: 0;visibility: hidden;}
.editrecruiter  .company-about p{margin-top: 15px;}
.editabout-popup .userpost-actions .form-group .form-control{height: 120px;}
.editrecruiter  .upload-file{position: relative;z-index: 1;}
.editrecruiter .right-jobtimeline h2 a.editinfo{line-height: 20px; outline: none; display: inline-block;}
.editrecruiter .right-jobtimeline h2 a.editinfo img{position: relative; top:-3px;}
.right-jobtimeline h2{max-width: 190px;}
.editrecruiter .right-jobtimeline .editabout.btn-primary{top:0px; right: 0px;}
.editrecruiter .upload-file input{width: 100%;}
.editrecruiter .upload-file{position: absolute; top:9px; padding:0px; right: 9px; overflow: hidden;}
.editrecruiter .upload-file a{display: block; padding:0; height: 40px; width: 40px; line-height: 37px; border-radius: 50%; text-align: center;}
.editrecruiter .upload-file a img{position: relative; left: 0px;top:0px; }
.highlight-carousel .owl-item .top-userProfile{position: absolute; top:0px; z-index: 5; left: 0px; width: 100%; padding: 10px 10px;}
.highlight-carousel .owl-item img{display: inline-block; width: auto; max-width: 100%;}
.highlight-carousel  .posterimage:after{position: absolute; top:0px; left: 0px; content: ''; height: 100%; width: 100%; background-color: #000;  opacity: 0.6;}
.highlight-carousel .leftuserProfile strong{color: #fff;}
.highlight-carousel .leftuserProfile span{color: #fff;}
.highlight-carousel .owl-dots{display: none;}
.highlight-carousel{padding:0px 2px 2px 2px;}
.owl-carousel.highlight-carousel .owl-nav  .owl-prev{background-image: url("../../img/prev.png"); height: 45px; width: 50px;  z-index: 9; margin: auto; font-size: 0; -ms-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; opacity: 0; visibility: hidden; position: absolute; left: 0px; top:0px; bottom: 0px; outline: none;}
.owl-carousel.highlight-carousel .owl-nav  .owl-next{background-image: url("../../img/next.png"); height: 45px; width: 50px;  z-index: 9; margin: auto; font-size: 0;  -ms-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; opacity: 0; visibility: hidden;  position: absolute; right: 0px; top:0px; bottom: 0px; outline: none;}
.owl-carousel.highlight-carousel:hover .owl-next{opacity: 1; visibility: visible;}
.owl-carousel.highlight-carousel:hover .owl-prev{opacity: 1; visibility: visible;}


/*create Q&V */

.create-qv-section{position:relative; padding-top: 30px;}
.create-qv-section .box-shadow{width: 100%; max-width:983px;}
.create-qv-section .create-qv-form{max-width: 840px; width: 100%; margin: auto; padding-top: 60px;}
.create-qv-section .form-row .form-group {float: left;width: 50%;padding: 0px 18px;margin-bottom: 40px;}
.create-qv-section .form-row .form-group label {font-weight: 500;display: block;margin: 0px 0px 6px;font-size: 15px;color: #455a64;font-family: 'Roboto', sans-serif;}
.create-qv-section .form-row .form-group .form-control:focus {border-bottom: 1px solid #23b4e8;}
.create-qv-section .form-row .form-group select.form-control {-webkit-appearance: none;-ms-appearance: none;-moz-appearance: none;background-image: url("../../img/select-arrow.png");background-repeat: no-repeat;background-position: 98% 20px;}
.create-qv-section .form-row .form-group .form-control {border: none;border-bottom: 1px solid #d6d6d6;box-shadow: none;-ms-transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;-o-transition: all 0.5s ease 0s;-webkit-transition: all 0.5s ease 0s;transition: all 0.5s ease 0s;background-color: #fff; border-radius: 0px; padding-left: 0px; height: 40px;padding-right: 0px;}
.form-group > span.dateof-birth{display: block; position: relative;}
.form-group > span.dateof-birth a{position: absolute; bottom: 9px; right: 4px;}
.create-qv-section .form-row {margin: 0px -18px;}
.create-qv-section .btn-primary{color: #fff; border: 1px solid #23b4e8; background-color: #23b4e8;  font-size: 15px; font-weight: 500; padding: 11px 20px; border-radius: 5px;  font-family: 'Roboto', sans-serif; }
.create-qv-section .btn-primary:hover{background-color: #213168; border: 1px solid #213168;}
.bottom-groupbutton .btn-primary.cancel-button{min-width: 110px;}
.bottom-groupbutton .btn-primary.save-continue{text-align: right;}
.bottom-groupbutton{margin-top: 60px; margin-bottom: 40px}
.create-qv-section{margin-top: 30px;}
.create-qv-section .form-row .form-group .btn-primary{margin-top: 20px; background-color: #213168; border: 1px solid #213168;}
.create-qv-section .form-row .form-group .btn-primary:hover{background-color: #23b4e8; border: 1px solid #23b4e8;}
.create-qv-form .bottom-groupbutton{margin-top: 30px;}











/*footer */
footer{background-color: #455a64; padding: 21px 0px; color: #fff;}
footer .left-footer{display: inline-block; vertical-align: top; width: 59%;}
footer .right-footer{width: 40%; display: inline-block; text-align: right}
.footer-links {margin: 0px; padding: 0px;}
.footer-links li{list-style: none; display: inline-block; vertical-align:top; margin-right: 24px;  position: relative;}
.footer-links li:last-child{margin-right: 0px;}
.footer-links li:after{position: absolute; top:7px; right: -12px; content: ''; height: 13px; width: 1px; background-color: #ffffff; }
.footer-links li a{-ms-transition:all 0.5s ease 0s;-moz-transition:all 0.5s ease 0s;-o-transition:all 0.5s ease 0s;-webkit-transition:all 0.5s ease 0s;transition:all 0.5s ease 0s; color: #fff; outline: none; font-size: 13px;}
.footer-links li:last-child:after{display: none;}
.copyright{margin: 0px; padding: 0px; font-size: 13px; padding-top: 14px;}
.footer-links li a:hover{color: #23b4e8;}
.footer-right{margin: 0px; padding: 0px;}
.footer-right li{list-style: none; display: inline-block; vertical-align: middle; margin-right: 28px; }
.footer-right li:last-child{margin-right: 0px;}
.footer-right li a img{-ms-transition:all 0.5s ease 0s;-moz-transition:all 0.5s ease 0s;-o-transition:all 0.5s ease 0s;-webkit-transition:all 0.5s ease 0s;transition:all 0.5s ease 0s;}
.applink a, .socialink a{margin-right: 6px; display: inline-block; }
.applink a:last-child, .socialink a:last-child{margin-right: 0px;}
.visible-mobile{display: none;}
.navbar-light .navbar-nav .nav-link:focus {color: #23b4e8;}
.visible-mobile{display: none;}
.gallery-listing .view-more{margin-top: 20px;}
/*footer */


/*-- About page --*/
.inner-page-banner{position: relative;min-height: 283px; background-position: center center !important; background-size: cover !important;}
.inner-page-banner:after {position: absolute;top: 0px;left: 0px;content: ''; height: 100%;width: 100%;background-color: #1d2022;opacity: 0.45;}
.inner-page-banner .banner-content{padding:120px 0;}
.about-section{background:#eef3f5;font-family: 'Roboto', sans-serif;display:inline-block;width:100%;}
.about-section .about-content{width:100%; padding:0;position:relative; z-index:99; margin: -100px 0 0;overflow:hidden;border:none;border-radius:5px;}
.about-section .about-content .about-text {width: 50%; padding:30px 20px;float:left;}
.about-section .about-content figure {float: right;width: 50%;margin: 0;}
.about-section .about-content img{width:100%;}
.about-section .about-text h2{display: block;font-size: 34px;color: #455a64;font-family: 'proxima_novaregular';margin-bottom:15px;}
.about-section p{margin:0; text-align:left;font-size: 15px;color: #455a64; line-height: 22px;}
.choose_us_section{width:100%;margin:20px 0; padding:20px;border:none;border-radius:5px;}	
.choose_us_section .text-box {padding:20px;border: 1px solid #e4e9ee;-webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;background:#fff;text-align:center;}
.choose_us_section .text-box:hover{-webkit-box-shadow: 0 0 15px 0 rgba(0,0,0,.04);box-shadow: 0 0 15px 0 rgba(0,0,0,.04);}
.choose_us_section h3{display: block;font-weight: 600;line-height: 25px;font-size: 19px;color: #455a64;}
.choose_us_section p{font-size: 15px;color: #455a64; line-height: 20px;margin:0;text-align:center;}
.service_detail{width:100%; margin: 0 0 21px;text-align:center; padding:30px 20px;border:none;border-radius:5px;}
.service_detail h3{font-size: 28px;color: #455a64;font-family: 'proxima_novaregular';margin-bottom:0;}
.service_detail p{text-align:center;margin-bottom:20px}
.service_detail .button-group a{min-width:130px;margin:0 5px;background-color: #23b4e8;border: 1px solid #23b4e8;font-size: 15px;outline:none;color:#fff;    padding: 0;line-height: 42px;height: 45px;}
.service_detail .button-group a:last-child{border: 1px solid #223269; background-color: #223269;}
.service_detail .button-group a:last-child:hover{border: 1px solid #23b4e8; background-color: #23b4e8;}
.service_detail .button-group a:hover{border: 1px solid #223269; background-color: #223269; color: #fff;}


/*--- Contact Page Css ---*/
.contact_section{padding:0px 0 50px;background:#eef3f5;font-family: 'Roboto', sans-serif;}
.contact_section .contact-content{background:#fff;padding:20px;position:relative;z-index:999;margin-top:-100px;-webkit-box-shadow: 0 0 15px 0 rgba(0,0,0,.04);    box-shadow: 0 0 15px 0 rgba(0,0,0,.04);border: 1px solid #e4e9ee;border-radius:5px;}
.contact_detail {margin-bottom: 40px;}
.contact_detail ul {margin:0 0 20px;font-size:0;text-align:center;padding:20px 0;}
.contact_detail ul li{position:relative;list-style:none;display:inline-block;font-size:16px;vertical-align:top;text-align:center;width:25%;padding:10px 20px;}
.contact_detail ul li:after{content:"";width:1px;height:160px;background:#f5f5f5;position:absolute;right:0;top:0;bottom:0;margin:auto;}
.contact_detail ul li:last-child:after{display:none;}
.contact_detail ul li i{display:block;height:70px; font-size:34px; width:70px; line-height:70px; background:#f9f9fd;border-radius:50%;margin:auto auto 20px;text-align:center;color:#23b4e9;}
.contact_detail ul li strong{display:block;}
.contact_detail ul li a{color:#000;text-decoration:none;}
.contact_form{float:left;width:50%;text-align:left;padding:0 15px;}
.contact_form h3{font-size: 32px;color: #455a64;margin:0 0 20px;text-align:left;font-family:'proxima_novaregular'}
.contact_form .form-control{height:45px;color:#000;}
.contact_form textarea.form-control{height:150px;}
.contact_section .location_map{float:right;width:50%;padding:0 15px;}
.contact_section .location_map iframe{border:1px solid #ced4da;width:100%;min-height:501px;}
.listing li figure img{max-width:100%;}
.leftprofile .profile-image figure img {max-width:100%;}
.visit-profile figure  img {max-width:100%;}
.jobpost-list li > div figure img {max-width:100%;}
.leftuserProfile figure img {max-width:100%;}
.leftuserProfile figure{border: 1px solid #dfdfdf;}
.companyname figure img {max-width:100%;}
.left-user .user-filters ul li a{text-align: center;}
/*tooltip css*/
.form-group label a.tooltip_icon{color:#fff; text-decoration:none; height:16px; width:16px; border-radius:50%; background-color:#23b4e8; display:inline-block; line-height:16px; vertical-align:middle; text-align:center; font-size:12px;}
/*tooltip css*/

.socailprofile-connected.righttimeline-categry{padding-top: 10px;}
.righttimeline-categry.socailprofile-connected .user-follwers{margin: 12px 0px 16px;}




@media (min-width:1200px) and  (max-width:1399px) {
.clientbox .commentview{padding: 20px;}
.clientbox p{font-size: 15px;}
.client-section{min-height: inherit; padding-top: 80px;}
.client-content{margin-left: -540px; top: 65px;}
}

@media (min-width:1200px) {
.banner-section .carousel-item img{position: relative; left: 50%; margin-left: -100%;}
.container{max-width:1200px;}	
}

@media (min-width:768px) {
.planbox .navbar-collapse{display: block !important;}
.nav-menus{display: none;}
.mobile-visible{display: none;}
.bottommobile-action{display: none;}
.searchmobile{display: none;}

/*sign-up form css*/
.planbox{position:relative; transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s; -ms-transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s;}
.planbox:hover{border:1px solid #d6d6d6; margin-top:-15px; transform:scaleX(1.08); z-index:9;}
.plan-listing > div:last-child{float:none;}
.planbox.gold-plan::after{background-size:85px;}
/*sign-up form css*/
}

@media (min-width:992px) and  (max-width:1199px) {
.banner-content{padding-top: 120px;}
.banner-section{min-height: inherit; padding-bottom: 80px; background-size: 100% !important;}
.banner-content a{margin-top: 80px;}
.offerlisting li figure img{max-width: 70%;}
.offerlisting li::after{height: 130px;}
.offerlisting li strong{font-size: 17px;}
.client-section{min-height: inherit; padding-top: 80px;}
.client-content{margin-left: -460px; top: 65px;}
.socialink a  img{max-width: 27px;}
.footer-right li{margin-right: 10px;}
.footer-right li:last-child{margin: 0px;}
.applink a img{max-width: 110px;}
.footer-links li{margin-right: 15px;}
.box-shadow{width: 100%;}
.plan-listing{padding: 0px;}
.listing-member li{font-size: 15px;}
/*.planbox.gold-plan{width: 22%; right: 142px;}*/
/*-- About Page --*/
.about-section .about-content .about-text{padding:20px;}


.user-follwers > div strong{font-size: 20px;}
.profilebox strong{font-size: 17px;}
.users-links ul li a{font-size: 15px;}
.users-links.shadowBox{padding: 10px;}
.shadowBox{padding: 10px;}
.listing li a figure, .suggestion-people .listing li div figure,.suggestion-people .listing li div figure a, .userviews .listing li figure{height: 38px; width: 38px;}
.listing li a figure img{max-width: 100%;}
.listing li a strong{font-size: 13px; padding: 0px;}
.events-links .listing li a{padding-left: 46px;}
.events-links .listing li a strong{padding-top: 5px;}
.listing li a{font-size: 12px;}
.events-links .listing li a::after{top:13px;}
.listing{margin-top: 15px;}
.view-more{margin-top: 5px;}
.suggestion-people .listing li div figure img{max-width: 100%;}
.suggestion-people .listing li div figure::after{background-size: 17px; background-repeat: no-repeat; bottom: -5px; right: -10px;}
.suggestion-people .listing li div{padding-left: 50px;}
.suggestion-people .listing li div strong a{font-size: 14px;}
.suggestion-people .listing li div span{font-size: 12px;}
.shadowBox h2{font-size: 16px;}
.view-more .btn-primary{font-size: 14px; padding-top: 8px; padding-bottom: 8px;}
.user-filters ul li a{font-size: 14px;}
.userviews .listing li{padding-left: 46px;}
.userviews .listing li strong a{font-size: 14px;}
.userviews .listing li strong{padding-top: 4px;}
.userviews .listing li figure{margin: 0px;}
.userviews .listing li{font-size: 12px;}
.listing li, .events-links .listing li a, .friends-listing.listing li a{min-height: 40px;}
.friends-Online .form-group{margin: 0px -10px;}
.friends-Online .form-group .form-control{padding-left: 8px;}
.friends-listing.listing li a{padding-left: 46px;}
.friends-listing.listing li a strong{padding-top: 13px;}
.friends-listing.listing{max-height: 450px;}
.friends-listing.listing li a .online.last-seen{top:11px;}
.videos-listing .view-more, .gallery-listing .view-more{margin-top: 12px;}
.videos-listing ul,.gallery-listing ul{margin-top: 12px;}
.bottompost-choose ul li{margin-right: 8px;}
.post-button .btn-primary{font-size: 14px; padding-bottom: 9px;}
.userstory-list.shadowBox{padding-right: 35px;}
.search-form{margin-right: 15px; max-width: 410px;}
.userinfo-nav{width: 36%;}
.search-nav{width: 64%;}
.userinfo-nav > ul > li{margin-right: 16px;}
.visit-profile-banner .upload-file{margin-right: -463px;}
.profile-information .rightprofile h2{font-size: 26px;}
.myprofile-content .left-profile{width: 76%;}
.myprofile-content .user-right{width: 23.4%;}
.complete-profile.shadowBox h2{font-size: 20px;}
.actionpost-button > li{margin-bottom: 8px;}
.actionpost-button > li > a {padding: 9px 12px 9px 40px;}
.complete-profile .circlebar{height: 160px !important; width: 160px !important;}
.profile-informationbox .headprofile h2{font-size: 26px;}
.timeline-profile > ul > li{padding-bottom: 25px;}
.left-skills strong{font-size: 16px;}
.left-profile .shadowBox{padding-bottom: 20px;}
.dashboard-iconlist li a{font-size: 14px;}
.dashboard-iconlist li figure span{right: 10px;}
.jobtype ul li label{font-size: 14px;}
.right-job .btn-primary{font-size: 14px; padding: 10px 10px; }
.visit-profile figure{height: 110px; width: 110px;}
.visit-profile .profileview{width: 110px; top:-30px;}
.visit-profile .profileview .plan-categry img{max-width: 36px;}
.visit-profile .profileview .plan-categry{bottom: 12px;}
.rightvisit-categry{padding-left: 130px; min-height: 90px;}
.rightvisit-categry .user-follwers{min-width: 160px;}
.rightvisit-categry .user-follwers > div {padding-right: 16px;margin-right: 16px; }
.visit-links ul li span{font-size: 14px;}
.visit-links ul li{font-size: 15px; margin-bottom: 12px;}
.events-links .listing li a strong{font-size: 14px;}

.Mytimeline-profile.shadowBox .righttimeline-categry  h2{font-size: 20px;}
.Mytimeline-profile figure{height: 130px; width: 130px;}
.Mytimeline-profile .timelineview{width: 130px;}
.righttimeline-categry{padding-left: 155px; min-height: 155px;}
.leftname-text .view-resume{padding: 8px 16px;}
.righttimeline-categry .user-follwers{min-width: 200px;}
.righttimeline-categry .leftname-text{margin-right: 10px;}
.skills-endorContent .card-header h2 a{font-size: 14px; padding-left: 25px;}
.skills-endorContent .accordion .card-body{font-size: 14px;}
.innertab .right-profileInfo{width: 40%;}
.innertab .left-profileInfo{width: 54%;}
.filtertab_content .innertab{padding: 25px;}
.filterby-profile{margin-top: 12px;}
.profileInfo-box{ padding: 60px 16px 25px;}
.owl-carousel.wink-profile-carousel .owl-nav button.owl-prev{left: -15px;}
.owl-carousel.wink-profile-carousel .owl-nav button.owl-next{right: -15px;}
.jobtimelineview{width: 130px;}
.jobtimelineview figure{height: 130px; width: 130px;}
.right-jobtimeline{padding-left: 155px; min-height: 150px;}
.right-jobtimeline h2{padding-top: 8px;}
.right-jobtimeline .actionpost-button{margin-top:22px;}
.right-jobtimeline .actionpost-button > li > a{font-size: 14px; min-width:inherit; padding-left: 7px; padding-right: 7px; }
.jobpost-list li strong{font-size: 14px;}
.company-info .left-company{padding-right: 0px;}
.company-info .right-companyinfo{position: relative; margin-top: 8px;}
.recent-job .right-companyinfo .btn-primary{margin: 0px;}
.jobpost-list li > div figure img{max-width: 70%;}
.jobpost-list li > div figure{min-height: 100px;}
.innersearch .actionpost-button > li > a {min-width: 98px;font-size: 13px;}
.innersearch .actionpost-button > li{margin-right: 4px;}
/*.search-result-listing > li .innersearch{padding-bottom: 15px;}*/
.company-about p{font-size: 14px;}
.company-about.shadowBox h2{font-size: 18px;}
.company-about img{ max-width: 200px;}
.friendlisting li{width: 33.33%;}
.companyview-content .tab-box ul li a{font-size: 14px;}
.mycompany-box .btn-primary{padding: 12px 20px;}
.mycompany-box h2{padding-top: 17px;}
.companyname strong{font-size: 16px;}
.companyname span a{font-size: 13px; padding-left: 26px;}
.companyname span a img{max-width: 20px;}
.companytop-info .rightside ul li a{width: 50px; height: 45px;}
.companylisting li.action-swtich{margin-left: 12px; padding-top: 10px;}
.bottomcompany_info li{padding-left: 12px; padding-right: 12px;}
.bottomcompany_info li span{font-size: 15px;}
.bottomcompany_info li strong{font-size: 13px;}
.friend-section .view-all .btn-primary{min-width: inherit;}
.searchbar_view .form-control{font-size: 12px;}
.friends-Online .form-group .form-control{font-size: 13px;}
.media-listingview .albumsfolder .gallery-listing ul li a.create-albums{height: 105px; font-size: 12px;}	
.advertise-discover ul li figure img{max-height: 50px;}
.advertise-discover ul li strong{font-size: 32px; line-height: 25px;}
.advertise-discover ul li > div{padding: 22px 12px 12px; min-height: 95px;}
.balancewallet strong{font-size: 22px;}
.balancewallet span{font-size: 12px;}
.advertisetop-head h3{font-size: 26px;}
.socailprofile-connected .visitbutton-post.actionpost-button > li > a {padding-left: 20px;padding-right: 20px;}
.company-ownership .actionpost-button > li a.dropdown-toggle {padding-right: 28px;}
.editrecruiter .right-jobtimeline .editabout.btn-primary{min-width: 80px; padding-bottom: 5px; }
.editrecruiter .editabout.btn-primary::after{left: 15px;}
}

@media (min-width:768px) and  (max-width:991px) {
.banner-content{padding-top: 80px;}
.banner-section{min-height: inherit; padding-bottom: 80px; background-size: 100% !important;}
.banner-content a{margin-top: 40px;}
.offerlisting li figure img{max-width: 70%;}
.offerlisting li::after{height: 130px;}
.offerlisting li strong{font-size: 17px;}
.client-section{min-height: inherit; padding-top: 80px;}
.client-content{margin-left: -345px; top: 65px;}
.footer-right li{margin-right: 10px;}
.footer-right li:last-child{margin: 0px;}
.footer-links li{margin-right: 15px;}
.banner-content h1{font-size: 44px; line-height: 50px}
.banner-content p{font-size: 30px; line-height: 35px;}
.offerlisting li p{font-size: 14px; max-width: 100%; padding: 0px 5px;}
.client-testimonial{width: 60%;}
footer .left-footer, footer .right-footer{display: block; width: 100%; text-align: center;}
.footer-right{padding-top: 16px;}
.client-content strong{font-size: 31px; line-height: 32px;}
.client-content .btn-primary{margin-top: 50px;}
.client-content img{max-width: 90px;}
header .left-header{width: 25%;}
header .right-header{width: 75%; padding-top: 6px;}
.left-nav .navbar-nav{padding-right: 28px;}
.box-shadow{width: 100%;}
.heading-inner h2{font-size: 38px;}
.bottom-actions li .btn-primary{width: 100%; min-width: 100%;}
.bottom-actions li .btn-border.btn-primary{width: auto;}
.plan-listing{padding: 0px;}
.listing-member li{font-size: 13px;}
/*.planbox.gold-plan{width: 22%; right: 103px;}*/
.membership-plan h2{font-size: 22px; line-height: 25px; padding: 26px 0px 20px;}
.heading-plan h2{font-size: 30px;}
.heading-plan h2 span{font-size: 17px; padding-top: 7px;}
.months-text{font-size: 14px;}
.heading-plan h2 small{font-size: 17px;}
.planbox.gold-plan::after{background-size: 98px;}
.planbox ul li span{font-size: 14px; line-height: 16px;}
.heading-plan , .membership-plan h2{min-height: 100px;}
.select-button .btn-primary{font-size: 12px; padding: 8px;}
.select-button{padding: 10px;}
.planbox.gold-plan .select-button .btn-primary{padding-top: 13px; padding-bottom: 13px;}
.listing-member li, .planbox ul li {min-height: 54px; line-height: 14px;}
.listing-member li .d-flex, .planbox ul li .d-flex{padding: 4px 8px; min-height: 54px;}
.listing-member li span{font-size: 11px;}
.plan-section{margin: 0px;}
.planbox ul li span{padding: 0px 7px;}
.inner-section{padding: 25px 0px;}
.copyright.hidden-mobile{display: none;}
.copyright.visible-mobile {display: block;}
.tooltip-hover{max-width: 300px; padding: 10px 10px; font-size: 13px; }
/*-- Contact Page --*/
.contact_detail ul li{width:33%;}
.contact_form h3{font-size:28px;}

/*-- About Page --*/
.about-section .about-content .about-text{width:100%;padding:20px;float:none;}
.about-section .about-content figure{float:none;width:100%;}


.user-follwers > div strong{font-size: 17px;}
.profilebox strong{font-size: 15px;}
.user-follwers > div span{font-size: 12px;}
.users-links ul li a{font-size: 13px;}
.users-links.shadowBox{padding: 10px;}
.shadowBox{padding: 10px;}
.listing li a figure, .suggestion-people .listing li div figure,.suggestion-people .listing li div figure a, .userviews .listing li figure{height: 38px; width: 38px; position: relative; left: 0px; top:0px; margin: auto;}
.listing li a figure img{max-width: 100%;}
.listing li a strong{font-size: 13px; padding: 0px;}
.events-links .listing li a{padding-left: 0px; padding-right: 0px;}
.events-links .listing li a strong{padding-top: 5px;}
.listing li a{font-size: 12px;}
.events-links .listing li a::after{top:13px;}
.listing{margin-top: 15px;}
.users-links ul li{margin-bottom: 15px;}
.view-more{margin-top: 5px;}
.user-follwers{margin-top: 12px;}
.view-resume .btn-primary{margin-top: 0px; min-width: 100%; padding-top: 6px; padding-bottom: 6px; font-size: 14px;}
.view-resume{margin-top: 12px;}
.suggestion-people .listing li div figure img{max-width: 100%;}
.suggestion-people .listing li div figure::after{background-size: 17px; background-repeat: no-repeat; bottom: -5px; right: -10px;}
.suggestion-people .listing li div{padding-left: 0px;}
.suggestion-people .listing li div strong a{font-size: 13px;}
.suggestion-people .listing li div span{font-size: 12px;}
.shadowBox h2{font-size: 15px; text-align: center;}
.view-more .btn-primary{font-size: 14px; padding-top: 6px; padding-bottom: 6px; min-width: 100%;}
.user-filters ul li a{font-size: 13px; padding: 10px 8px;}
.userviews .listing li{padding-left: 0px;}
.user-filters ul li a img{right: 6px; max-width: 15px;}
.userviews .listing li strong a{font-size: 13px;}
.userviews .listing li strong{padding-top: 4px;}
.userviews .listing li figure{margin: auto;}
.userviews .listing li{font-size: 12px;}
.friends-Online .form-group .form-control{font-size: 12px;}
.listing li, .events-links .listing li a, .friends-listing.listing li a{min-height:inherit; text-align: center;;}
.friends-Online .form-group{margin: 0px -10px;}
.friends-Online .form-group .form-control{padding-left: 8px; padding-right: 22px;}
.friends-listing.listing li a{padding-left: 44px;}
.friends-listing.listing li a strong{padding-top: 13px; padding-right: 24px;}
.friends-listing.listing{max-height: 345px;}
.friends-listing.listing li a .online.last-seen{top:11px;}
.videos-listing .view-more, .gallery-listing .view-more{margin-top: 12px;}
.videos-listing ul,.gallery-listing ul{margin-top: 12px;}
.bottompost-choose ul li{margin-right: 5px;}
.post-button .btn-primary{font-size: 14px; padding-bottom: 9px;}
.userstory-list.shadowBox{padding-right: 35px;}
.search-form{margin-right: 15px; max-width: 100%;}
.userinfo-nav{width: 36%;}
.search-nav{width: 64%;}
.userinfo-nav > ul > li{margin-right: 16px;}
.users-links ul li a{padding-left: 36px;}
.suggestion-people .listing li div strong{padding-top: 5px;}
.friends-Online .form-group a img{max-width: 14px;}
.friends-Online .form-group a{top:3px; right: 5px;}
.friends-listing.listing li {min-height: 40px;}
.friends-listing.listing li a figure {position: absolute;top: 0px; left: 0px;}
.friends-listing .mCSB_inside .mCSB_container{margin-right: 18px;}

.post-content h2{text-align: left; font-size: 14px;}
.post-content p{font-size: 14px;}
.leftuserProfile figure{height: 40px; width: 40px;}
.leftuserProfile figure img{max-width: 100%;}
.leftuserProfile{padding-left: 50px;}
.shadowBox.postbox{padding: 12px;}
.leftuserProfile strong{font-size: 14px; padding-top: 4px;}
.leftuserProfile span{font-size: 12px;}
.post-content{padding-top: 10px;}
.rightuser-duration span{margin: 0px;}
.bottompost-action > ul > li > a{font-size: 14px;}
.videosbox iframe{height: 200px;}
.user-middle{padding: 0px 10px;}
.videos-listing ul li a::before{background-size: 22px; height: 17px; width: 24px;}
.userpost-actions.shadowBox{padding: 12px;}
.bottompost-choose ul li a{padding: 10px 8px 10px 45px;}
.bottompost-choose .post-button{position: relative; margin-top: 12px;}
.bottompost-choose .post-button .btn-primary{display: block; min-width: 100%;}
.storypost figure{height: 70px; width: 70px; }
.storypost{width: 70px; top: 12px; left: 12px;}
.userstory-list.shadowBox{padding: 12px 20px 12px 92px}
.story-carousel figure{width: 100%; height: 70px;}
.story-carousel .owl-nav{right: -17px; top:28px;}
header.afterlogin .left-header {width: 100%; float: none; text-align: center;}
header.afterlogin .right-header{width: 100%; float: none;}
.visit-profile-banner .upload-file{margin-right: -344px;}
.profile-information .rightprofile h2{font-size: 20px; line-height: 24px; text-align: left;}
.list-infoprofile{margin-top: 10px; margin-bottom: 15px;}
.list-infoprofile li{font-size: 15px; margin-bottom: 12px; line-height: 20px; padding-left: 32px;}
.list-infoprofile li img{top:0px;}
.rightprofile p{font-size: 14px;} 
.rightprofile p br{display: none;}
.myprofile-content .left-profile{width: 72%;}
.myprofile-content .user-right{width: 27%;}
.complete-profile.shadowBox h2{font-size: 17px;}
.actionpost-button > li{margin-bottom: 8px; margin-right: 2px;}
.actionpost-button > li > a {padding: 6px 10px 6px 40px; font-size: 14px;}
.complete-profile .circlebar{height: 120px !important; width: 120px !important;}
.complete-profile .text{font-size: 30px !important;}
.profile-informationbox .headprofile h2{font-size: 22px; text-align: left;}
.timeline-profile > ul > li{padding-bottom: 25px;}
.left-skills strong{font-size: 15px; line-height: 18px;}
.left-profile .shadowBox{padding-bottom: 20px;}
.leftprofile .profile-image figure{height: 120px; width: 120px;}
.leftprofile .profile-image{width: 120px;}
.profile-image .award-image{right: 2px;}
.profile-information.shadowBox{padding: 12px;}
.leftprofile .upload-file a{padding: 10px 10px 10px 34px; font-size: 13px;}
.upload-file a img{left: 8px;}
.rightprofile{padding-left: 12px;}
.actionpost-button > li > a img{top:10px;}
.headprofile .btn-primary {padding-top: 7px; padding-bottom: 7px; min-width: 100px;} 
.left-profile .shadowBox{padding-left: 12px; padding-right: 12px;}
.experience-info strong{font-size: 16px;}
.lefttimeline .dateyear strong{font-size: 15px;}
.experience-info p{font-size: 14px; line-height: 18px;}
.skills-information ul{padding: 15px;}
.visit-links ul li{font-size: 14px;}
.visit-links ul li span{font-size: 13px;}
.shadowBox.visit-links h2{text-align: left;}
.visit-links ul{margin-top: 12px;}
.view-all .btn-primary{font-size: 14px;padding-top: 6px;padding-bottom: 6px; min-width: 100%;}
.interests-links.events-links .listing li {min-height: 53px; text-align: left;}
.shadowBox.interests-links h2{text-align: left;}
.interests-links.events-links .listing li a{padding-left: 46px; text-align: left;}
.interests-links.events-links .listing li a figure{position: absolute}
.interests-links.events-links .listing li a strong{font-size: 14px;}

.jobs-links.events-links .listing li {min-height:inherit; text-align: center; margin-bottom: 22px;}
.shadowBox.jobs-links h2{text-align: center;}
.jobs-links.events-links .listing li a{padding-left: 0px; text-align: center;}
.jobs-links.events-links .listing li a figure{position:relative;}
.jobs-links.events-links .listing li a strong{font-size: 14px; line-height: 18px;}

.friendslist .friends-listing.listing li a{text-align: left;}
.shadowBox.friendslist.friendslist h2{text-align: left;}
.jobtype ul li label{font-size: 13px;}
.checkbox-select.styled-selectors input[type="checkbox"]:not(old) + label{padding-left: 26px; line-height: 17px;}
.dashboard-iconlist li a{font-size: 13px; line-height: 17px; display: block;}
.dashboard-iconlist li figure img{max-width: 70px;}
.dashboard-iconlist li figure span{height: 25px; width: 25px; font-size: 14px; line-height: 20px; right: 10px;}
.user-dashboard .post-section h2{font-size: 16px;}
.job-preferences-view .left-job strong{font-size: 15px;}
.job-preferences-view{margin-top: 12px;}
.user-dashboard .leftuserProfile figure{margin: 0px;}
.user-dashboard .leftuserProfile{min-height: 40px;}
.job-preferences-view .left-job{width: 75%;}
.job-preferences-view .right-job{width: 25%;}
.right-job .btn-primary{padding: 7px 10px;font-size: 14px;}
.jobtype ul li{margin-bottom: 8px;}
.jobtype.shadowBox h2{text-align: left;}
.jobtype ul{margin-top: 10px;}
/*sign-up form css*/
.plan-listing > div{width:16.8%;}
/*sign-up form css*/
.search-dropdown .dropdown-menu.dropmenu{right: -5px !important;}
.visit-profile figure{height: 110px; width: 110px;}
.visit-profile .profileview{width: 110px; top:-30px;}
.visit-profile .profileview .plan-categry img{max-width: 36px;}
.visit-profile .profileview .plan-categry{bottom: 12px;}
.rightvisit-categry{padding-left: 130px; min-height: 90px;}
.rightvisit-categry .user-follwers{min-width: 100%; display: block; float: none; margin: 10px 0px;}
.rightvisit-categry .user-follwers > div {padding-right: 20px;margin-right: 20px; text-align: left;  }
.rightvisit-categry .user-follwers{text-align: left !important;}
.rightvisit-categry .user-follwers > div span{font-size: 14px;}
.visit-profile{margin-top: -50px;}
.rightvisit-categry p{max-width: 100%;}
.rightvisit-categry .leftname-text{display: block; text-align: left;}
.rightvisit-categry .leftname-text h2{text-align: left; margin-bottom: 2px;}
.visit-links ul li span{font-size: 13px;}
.visit-links ul li{font-size: 14px; margin-bottom: 12px; padding-left: 30px; line-height: 19px; }
.visit-links ul li img{max-width: 22px;}
.gallery-listing ul li{width: 50%;}
.Mytimeline-profile.shadowBox .righttimeline-categry  h2{font-size: 20px;}
.Mytimeline-profile figure{height: 130px; width: 130px;}
.Mytimeline-profile .timelineview{width: 130px; margin: auto;  position:relative; left: 0px; top:0px;}
.righttimeline-categry{padding-left: 0px; min-height:inherit; text-align: center;}
.leftname-text .view-resume{padding: 8px 16px;}
.righttimeline-categry .user-follwers{min-width: 200px;}
.righttimeline-categry .leftname-text{margin-right: 10px;}
.skills-endorContent .card-header h2 a{font-size: 14px; padding-left: 25px; line-height: 20px; padding-bottom: 5px;}
.skills-endorContent .accordion .card-body{font-size: 14px;}
.Mytimeline-profile{margin-top: -50px;}
.leftname-text .view-resume{margin-top: 10px;}
.righttimeline-categry .user-follwers > div strong{font-size: 20px;}
.skills-endorContent.shadowBox .card-header h2{text-align: left;}
.skills-endorContent .card-header h2 a::after{top:1px;}
.skills-endorContent .card{margin-bottom: 10px;}
.innertab .right-profileInfo{width: 40%;}
.innertab .left-profileInfo{width: 54%;}
.filtertab_content .innertab{padding: 25px;}
.filterby-profile{margin-top: 12px;}
.profileInfo-box{ padding:35px 16px 15px; width: 230px;}
.owl-carousel.wink-profile-carousel .owl-nav button.owl-prev{left: -10px; background-size: 50px;}
.owl-carousel.wink-profile-carousel .owl-nav button.owl-next{right: -30px; background-size: 50px;}

.filtertab_content .innertab{padding: 15px;}
.profileInfo-text strong{font-size: 17px;}
.profileInfo-text p{font-size: 15px;}
.filtertab_content{padding: 0px;}
.profileInfo-box span a{height: 50px; width: 50px; line-height: 50px;}
.profileInfo-text p b{font-size: 14px;}
.ageoption{padding-bottom: 50px;}
.filterby-profile li{ margin-bottom: 13px; padding: 0px 10px 13px;}
.filterby-profile li.distanceoption strong{ padding-right: 5px;}
.filterby-profile li strong{font-size: 16px;}
.filterby-profile li .styled-selectors div{margin-right: 7px;}
.wink-mingle-section .right-profileInfo h2{font-size: 16px; padding-left: 10px}
.slidekm-count > div{margin-right: 10px;}
.slidekm-count > div .form-control{width: 112px;}
.slidekm-count{margin-top: 7px;}

.jobpost-list{margin-left: -5px; margin-right: -5px;}
.jobpost-list li > div .tagicon img{max-width: 100%;}
.jobpost-list li > div{padding: 10px;}
.jobpost-list li{padding: 0px 5px;}
.right-jobtimeline p{font-size:14px;}
.right-jobtimeline h2{text-align: left; max-width: 178px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.jobtimeline-profile{margin-top: -60px;}
.jobtimelineview{width: 100px; position: relative; margin: auto; top:0px; left:0px; text-align: cente;}
.jobtimelineview figure{height: 100px; width: 100px;}
.right-jobtimeline{padding-left: 0px; min-height:inherit; text-align:center;}
.right-jobtimeline .actionpost-button{margin-top:22px;}
.right-jobtimeline .actionpost-button > li > a{font-size: 14px; min-width:inherit; padding-left: 12px; padding-right: 12px; }
.jobpost-list li strong{font-size: 13px;}
.company-info .left-company{padding-right: 0px;}
.company-info .right-companyinfo{position: relative; margin-top: 8px;}
.recent-job .right-companyinfo .btn-primary{margin: 0px;}
.jobpost-list li > div figure img{max-width: 60%; max-height: 60px;}
.jobpost-list li > div figure{min-height: 70px;}
.post-noftifydrop{line-height: 13px;}
.jobpost-list li span{font-size: 13px;}
.right-companyinfo .btn-primary{font-size: 14px; padding: 4px 15px;}
.jobtimeline-content .recomded-job h2, .jobtimeline-content .recent-job h2{font-size: 18px; text-align: left;}
.recent-job{padding-top: 15px; margin-top: 0px;}
.search-result-listing > li:nth-last-child(2) {margin-bottom: 65px;}
.innersearch .actionpost-button > li{margin-right: 4px;}
/*.search-result-listing > li .innersearch{padding-bottom: 15px;}*/
.search-result-listing > li{padding:0px; width: 100%;}
.search-result-listing{margin-left:0px; margin-right:0px;}
.search-result-section .topsearch-filter  h2{font-size: 18px;}
.nearby-search-section .filterby-profile{padding-top: 20px;}
.nearby-search-section .filterby-profile li{margin-bottom: 20px; padding-bottom: 25px;}
.look-people{margin-bottom: 40px;}
.leftnearby-search iframe{height: 550px !important;}
.nearby-search-section .slidekm-count > div .form-control{width: 103px;}
.nearby-search-section .slidekm-count > div{margin-right: 5px;}
.company-about img{ max-width: 170px; margin-left: 15px;}
.company-about.shadowBox h2{font-size: 18px; text-align: left; padding-bottom: 10px;}
.company-about p{font-size: 14px;}
.friendlisting li{width:50%;}
.friend-section .friend-tophead h2{font-size: 24px; padding-top: 5px;}
.company-about p{font-size: 14px;}
.company-about.shadowBox h2{font-size: 18px;}
.company-about img{ max-width: 200px;}
.friendlisting li{width: 50%;}
.companyview-content .tab-box ul li a{font-size: 12px;}
.companyview-content .tab-box ul li{padding: 0px 2px;}
.companyview-content .tab-box ul {margin-left: -2px; margin-right: -2px;}
.mycompany-box .btn-primary{padding: 7px 18px; font-size: 14px;}
.mycompany-box h2{padding-top: 10px;}
.companyname strong{font-size: 14px; padding-top:0px; padding-bottom: 0px;}
.companyname span a{font-size: 12px; padding-left: 20px;}
.companyname span a img{max-width: 15px; top:3px;}
.companytop-info .rightside ul li a{width: 40px; height: 35px;}
.companylisting li.action-swtich{margin-left: 5px; padding-top:5px;}
.bottomcompany_info li{padding: 6px 0px; width: 33.33%; border-bottom: 1px solid #dadee0;}
.bottomcompany_info {border: 1px solid #dadee0;}
.bottomcompany_info li span{font-size: 15px; }
.bottomcompany_info li strong{font-size: 13px;}
.shadowBox.location-area h2{text-align: left;}
.location-area p{font-size: 13px;line-height: 16px; padding-top: 5px;}
.companylisting li .innerbox{padding: 12px;}
.companyname span{margin-bottom: 0px;}
.bottomcompany_info{margin-top: 12px;}
.companytop-info .rightside ul li a img{max-width: 24px;}
/*.companytop-info .leftside{float: none; width: 100%; margin-bottom: 12px; text-align: center;}
.companytop-info .rightside{float: none; width: 100%; text-align: center;}
.companyname{padding: 0px;}
.companyname figure{position: relative; margin: 0px;}*/
.companyname figure img{max-width: 55px;}
.companyname{padding-left: 65px;}
.switch{width: 50px;}
.switch input:checked + .slider::before {-webkit-transform: translateX(20px);-ms-transform: translateX(20px);transform: translateX(20px);}
.bottomcompany_info li:last-child{border-right: 1px solid #dadee0;}
.bottomcompany_info li:nth-last-child(2){border-bottom: 0px;}
.bottomcompany_info li:nth-last-child(3){border-right: 0px;}
.searchright-bar.searchbar_view .form-control{padding-right: 10px; font-size: 13px;}
.searchright-bar.searchbar_view .btn-primary{display: block; width: 100%; position: relative; top:0px; right: 0px; border-radius: 0px;}
.friend-section .view-all .btn-primary{min-width: inherit;}
.right-profileInfo .submit-button{padding: 0px 10px;}

.media-listingview .albumsfolder .gallery-listing ul li a.create-albums{height: 97px; font-size: 12px;}
.medialistig-section .headprofile h2{text-align: left; font-size: 17px;}
.media-listingview .gallery-listing ul li{width: 25%;}
.gallery-listing ul li a.create-albums b{padding: 0px 4px;}
.videos-listingview .videos-listing ul li a::before {background-size: 30px;height: 22px;width: 30px;}
.PostComment_slider .post-content p {font-size: 13px; line-height: 18px; }
.PostComment_slider .bottom_actions ul{margin-top: 5px;}
.rightpost-view .leftuserProfile figure{margin: 0px;}
.rightpost-view .leftuserProfile{min-height: 45px;}
.PostComment_slider .bottompost-action > ul{margin-top: 6px; padding-top: 5px;}
.commentlisting_post{padding-top: 6px;}
.commentlisting_post ul.mCustomScrollbar li.commentbox-post{margin-bottom: 10px;}
.commentlisting_post ul.mCustomScrollbar{max-height: 232px;}
.advertise-discover ul li figure img{max-height: 50px;}
.advertise-discover ul li strong{font-size: 32px; line-height: 25px;}
.advertise-discover ul li > div{padding: 12px 12px 12px; min-height: 95px;}
.balancewallet strong{font-size: 16px; line-height: 22px;}
.balancewallet span{font-size: 11px;}
.advertisetop-head h3{font-size: 22px;}
.balancewallet figure img{max-width: 25px;}
.balancewallet {padding-left: 31px;}
.balancewallet figure{top:5px;}
.despostfund{font-size: 13px; line-height: 15px; margin: 0px;}
.mywallter-balance.shadowBox h2{text-align: left;} 
.management-wallet ul li a{font-size: 13px; }
.management-wallet ul li{margin-bottom: 6px; line-height: 20px;}
.advertise-informationbox .profilevist-action strong{font-size: 30px;}
.shadowBox  .advertise-informationbox div.innerbox h2{font-size: 16px; position: relative; z-index: 1;}
.advertise-informationbox .profilevist-action{position: relative; z-index: 1; margin-top: 12px;}
.advertise-informationbox p{font-size: 14px;}
.advertise-informationbox > div.active div.innerbox::after{background-size: 60px; width: 60px;}
.advertise-informationbox div.innerbox{padding: 22px 14px; min-height: 220px;}
.shadowBox  .advertise-discover h2{font-size: 16px;}
.advertise-informationbox{padding: 0px; margin: 20px -10px 20px;}
.advertise-informationbox > div{padding: 0px 10px;}
.advertise-discover ul{margin-top: 20px;}
.advertise-discover ul li figure{display: block; margin: 0px 0px 5px;}
.advertise-discover ul li strong{text-align: center;}
.company-ownership .actionpost-button > li a.dropdown-toggle {padding-right: 28px;}
.company-ownership .actionpost-button > li a.dropdown-toggle::after{top:15px;}
.editrecruiter .right-jobtimeline .editabout.btn-primary{min-width: 80px; padding-bottom: 5px; }
.editrecruiter .editabout.btn-primary::after{left: 15px;}
.editrecruiter  .right-jobtimeline{position: initial;}
.editrecruiter .right-jobtimeline .editabout.btn-primary{top:10px; right: 10px;}
.right-jobtimeline h2{max-width: 100%; text-align: center;}


}

@media (max-width:767px) {
.tooltip-hover{display: none;}
.footer-right li{vertical-align: top;}
.hidden-mobile{display: none;}	
.visible-mobile{display: block;}
header .left-header{float: none; width: 100%;}
.banner-content{padding-top: 20px;}
.banner-section{min-height: inherit; padding-bottom: 40px; padding-top: 40px; background-size: 800px  !important;}
.banner-content a{margin-top: 40px;}
.offerlisting li figure img{max-width: 70%;}
.offerlisting li::after{height: 130px;}
.offerlisting li strong{font-size: 17px;}
.client-section{min-height: inherit; padding-top: 20px; padding-bottom: 20px; }
.client-content{margin-left:0px; position: relative; padding: 0px 15px; left: 0px; text-align: center; width: 100%; margin-bottom: 25px; top: 0px;}
.footer-right li{margin-right: 10px;}
.footer-right li:last-child{margin: 0px;}
.footer-links li{margin-right: 15px;}
.banner-content h1{font-size: 44px; line-height: 50px}
.banner-content p{font-size: 30px; line-height: 35px;}
.offerlisting li p{font-size: 14px; max-width: 100%; padding: 0px 5px;}
.client-testimonial{width: 100%; float: none;}
footer .left-footer, footer .right-footer{display: block; width: 100%; text-align: center;}
.footer-right{padding-top: 16px;}
.client-content strong{font-size: 26px; line-height: 26px; padding-top: 10px;}
.client-content .btn-primary{margin-top: 12px; font-size: 14px;}
.client-content img{max-width: 40px;}
header .right-header{width: 100%; float: none; text-align: center;}
.left-header .logo img{max-width: 160px;}
.right-header .left-nav{position: absolute;  right: 0px; top:-50px; width: 100%; text-align: right; }
.navbar-light .navbar-toggler{border: 1px solid #23b4e8; background-color: #23b4e8; outline: none;}
.left-nav .navbar{display: inline-block; position: initial;}
.navbar-collapse{position: absolute; top:53px; left: 0px; width: 100%; background-color: #23b4e8; z-index: 9;}
.left-header .logo{display: inline-block; position: relative; z-index: 9;}
.left-nav .navbar-nav li{display:block; margin-right: 0px; margin-bottom: 12px; padding-bottom: 10px; border-bottom: 1px solid #4fc3ed;}
.left-nav .navbar-nav li:last-child{margin-bottom: 0px; border: none;}
.left-nav .navbar-nav{text-align:left; padding: 10px;}
.left-nav .navbar-nav li a.nav-link{color: #fff}
header .right-header{position: relative;}
.left-nav .navbar-nav li a.nav-link:hover{color: #223269;}
.navbar-light .navbar-nav .nav-link:focus {color: #223269;}
.offers-section{padding: 20px 0px;}
.offerlisting li{ width: 50%; margin-bottom: 30px;}
.offerlisting li:nth-child(2):after{display: none;}
.hidden-mobile{display: none;}
.visible-mobile{display: block;}
.viewall {margin-top:25px; text-align: center;}
.viewall .btn-primary{ outline: none; -ms-transition:all 0.5s ease 0s;-moz-transition:all 0.5s ease 0s;-o-transition:all 0.5s ease 0s;-webkit-transition:all 0.5s ease 0s;transition:all 0.5s ease 0s;  text-decoration: none; font-size: 14px; font-weight: 600;  text-align: center; padding:10px 25px;  border-radius: 5px; background-color: #223269; border: 1px solid #223269; text-transform: uppercase;}
.viewall .btn-primary:hover{border: 1px solid #fff; background-color: #fff; color: #223269;}
.client-testimonial .owl-carousel .owl-stage{padding-bottom: 20px;}
.clientbox .commentview{padding: 20px;}
.clientbox p{font-size: 14px;}
.client-profile strong{font-size: 15px;}
.client-profile span{font-size: 13px; }
.clientbox{padding: 0px 20px;}
.inner-section{padding: 20px 0px;}
.login-form{width: 100%;}
.box-shadow{width: 100%;}
.heading-inner h2{font-size: 30px;}
.container{max-width: 100%}
.heading-inner p{font-size: 16px; line-height: 20px;}
.box-shadow{padding: 15px 15px 22px;}
.heading-inner{margin-bottom: 15px;}
.form-group .form-control{height: 50px;}
.form-group{margin-bottom: 15px;}
.form-group label{margin-bottom: 10px;}
.form-group .valided-correct .form-control{background-size: 20px;}
.form-group .valided-correct .form-control:focus{background-size: 20px;}
.form-group .novalided .form-control{background-size: 20px;}
.form-group .novalided .form-control:focus{background-size: 20px;}
.calendar-form span a img{max-width: 20px;}
.calendar-form span a{top:13px; right: 13px;}
.signup-steps{padding-top: 26px;}
.steps-list li a{font-size: 16px; padding-top: 9px; padding-bottom: 9px; width: 140px; padding-right: 20px;}
.showpassowrd img{max-width:25px}
.showpassowrd{top: 12px; right: 32px;}
.forgetpass a{font-size: 14px;}
.password.form-group{margin-bottom: 8px;}
.login-form .btn-group{margin: 12px 0px;}
.signup-form .btn-group{margin: 12px 0px;}
.btn-group .btn-primary{padding: 10px 0px;}
.divide{font-size: 16px;}
.social-button{margin: 15px 0px;}
.social-button div img{max-width:200px;}
.social-button div{width: auto; display: inline-block; margin: 0px 6px;}
.social-button div::after{display: none;}
.social-button div:hover img{top:0px;}
.signup-link p{font-size: 15px;}
.social-button div{ margin-bottom: 10px;}
.social-button div:last-child{text-align: center; margin: 0px;}
.signup-form{width: 100%;}
.bottom-actions li .btn-primary{width: 100%; min-width: 100%; }
.bottom-actions li .btn-border.btn-primary{width: auto;}
.user-profile{width: 140px; margin-left: 15px; margin-top: -50px;}
.user-profile .user-image{height: 140px; width: 140px;}
.add-pciture a.btn-primary{padding: 10px 15px; width: auto; font-size: 14px;}
.banner-profile .add-pciture{bottom: 12px; right: 12px;}
.add-pciture input[type="file"]{height: 42px; width: 144px;}
.add-profile a.btn-primary{padding: 8px 10px; width: auto; font-size: 14px; display: inline-block;} 
.add-profile input[type="file"]{height: 41px;}
.profile-section{padding-top: 18px; padding-left: 0px; padding-right: 0px;}
.bottom-actions{margin-top: 30px;}
.headtop-links li a{padding-top: 7px; padding-bottom: 7px; font-size: 14px; min-width: 100px;}
.steps-list li.sucess a{padding-left: 20px;}
.location-map iframe{height: 400px !important;}
.searchbox a img{max-width: 20px;}
.searchbox a{top:13px; right: 13px;}
.laststeps-bottom{margin-bottom: 0px;}
header{padding-bottom: 10px; padding-top: 7px;}
.plan-listing{padding: 0px;}
.plan-listing > div.membership-plan{width: 100%; display: none;}
.plan-listing > div{display: block; width: 100%; border-radius: 5px; margin-bottom: 12px; }
.planbox.gold-plan{position: relative; top:0px; left: 0px; right: 0px; width: 100%; padding-top: 0px; border: 1px solid #e4e9ee;}

.planbox.navbar-expand-sm .navbar-toggler{display: block;}
.planbox .navbar-collapse{position: relative; top: auto; left: auto; background-color: transparent;}
.planbox .navbar-toggler{display: block; color: #455a64; font-size: 16px;  text-transform: uppercase; font-weight: 600; outline: none; -ms-transition:all 0.5s ease 0s;-moz-transition:all 0.5s ease 0s;-o-transition:all 0.5s ease 0s;-webkit-transition:all 0.5s ease 0s;transition:all 0.5s ease 0s;  text-decoration: none; padding:15px 22px}
.plan-listing h2.visible-mobile{text-align: center; display: block;   margin: 0px;  font-size: 26px; color: #455a64;  font-family: 'proxima_novasemibold'; padding-bottom: 15px; }
.planbox.gold-plan::after{background-size: 50px; top: -2px; left: -2px;}
.planbox.gold-plan .navbar-toggler{padding-left: 28px;}
.signup-plan-steps .steps-list{margin-bottom: 16px;}
.heading-inner{margin-bottom: 10px;}
.plan-section{margin: 0px;}
.heading-plan{border-top: 1px solid #ededed; border-bottom: 1px solid #ededed; min-height: inherit; padding-bottom: 14px;}
.heading-plan h2{font-size: 32px;}
.heading-plan h2 span{font-size: 18px;}
.planbox .navbar-toggler{position: relative;}
.planbox .navbar-toggler:after{position: absolute; top:20px; right: 15px; content: ''; background-image: url("../../img/up-arrow.png"); width: 17px; height: 9px; background-repeat: no-repeat; }
.planbox .navbar-toggler.collapsed:after{background-image: url("../../img/down-arrow.png");}
.planbox ul li strong{font-weight: 500; font-size: 15px; color: #455a64;  display: block; font-family: 'Roboto', sans-serif;  padding-bottom: 6px; }
.listing-member li, .planbox ul li {min-height:inherit; padding: 10px 10px;}
.planbox ul li .d-flex{padding: 0px;}
.left-nav .navbar-nav li:last-child{padding-bottom: 2px;}


/*-- Contact Page --*/
.contact_detail ul li{width:50%;}
.contact_section .contact_form, .contact_section .location_map{width:100%;float:none;}
.contact_section .location_map{margin-top:30px;}


/*-- About Page --*/
.about-section .about-content .about-text{width:100%;float:none;}
.about-section .about-content figure{float:none;width:100%;}
.choose_us_section .text-box{margin-bottom:15px;}

.post-content h2{text-align: left; font-size: 14px;}
.post-content p{font-size: 14px;}
.leftuserProfile figure{height: 40px; width: 40px;}
.leftuserProfile figure img{max-width: 100%;}
.leftuserProfile{padding-left: 50px;}
.shadowBox.postbox{padding: 12px;}
.leftuserProfile strong{font-size: 14px; padding-top: 4px;}
.leftuserProfile span{font-size: 12px;}
.post-content{padding-top: 10px;}
.rightuser-duration span{margin: 0px;}
.bottompost-action > ul > li > a{font-size: 14px;}
.videosbox iframe{height: 200px;}
.user-middle{padding: 0px 10px;}
.userpost-actions.shadowBox{padding: 12px;}
.bottompost-choose ul li a{padding: 10px 8px 10px 45px;}
.bottompost-choose .post-button{position: relative; margin-top: 12px;}
.bottompost-choose .post-button .btn-primary{display: block; min-width: 100%;}
.storypost figure{height: auto; width: 75px; }
.storypost figure img{max-width: 100%;}
.storypost{width: 75px; left: 15px; top:12px;  }
.userstory-list.shadowBox{padding: 12px 12px 10px 106px}
.story-carousel figure{width: 75px; height: auto; margin: auto;}
.story-carousel .owl-nav{right: -17px; top:28px; display: none;}
header .left-header, .search-nav, .userinfo-nav {width: 100%; float: none; text-align: center;}
header .right-header{width: 100%; float: none;}
.search-form{max-width: 100%; margin-right: 0px;}
.search-form .form-group .form-control{font-size: 14px; padding-left: 8px; height: 48px; border-radius: 0px 0px 5px 5px;}
.search-dropdown .dropdown-toggle{font-size: 14px;}
.search-dropdown{width: 100%; position: relative; top:0px; left: 0px; border-radius: 0px; height: 50px;}
.search-dropdown .dropdown-toggle{border-radius: 5px 5px 0px 0px; padding-top: 14px; padding-left: 16px;}
.search-dropdown .dropdown-toggle::after{top:24px;}
.userinfo-nav{margin-top: 0px;}
.search-nav{display: none;}
header .left-header{text-align: left; position: relative;}
.userinfo-nav > ul > li figure{margin: 0px;}
header .right-header{padding-top: 6px;}
.userinfo-nav > ul > li{margin-right: 17px;}
#nav-menus{width:32px;height:32px;position:relative; margin:12px 0px 0px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:.5s ease-in-out;-moz-transition:.5s ease-in-out;-o-transition:.5s ease-in-out;transition:.5s ease-in-out;cursor:pointer;}
.search-form .dropdown-menu.dropmenu{width: 100%;}
#nav-menus span{display:block;position:absolute;height:4px;width:100%;background:#23b4e8;border-radius:9px;opacity:1;left:0;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:.25s ease-in-out;-moz-transition:.25s ease-in-out;-o-transition:.25s ease-in-out;transition:.25s ease-in-out;}
#nav-menus span:nth-child(1){top:0px;}
#nav-menus span:nth-child(2),#nav-menus span:nth-child(3){top:10px;}
#nav-menus span:nth-child(4){top:20px;}
#nav-menus.open span:nth-child(1){top:10px;width:0%;left:50%;}
#nav-menus.open span:nth-child(2){-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);}
#nav-menus.open span:nth-child(3){-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);}
#nav-menus.open span:nth-child(4){top:18px;width:0%;left:50%;}
.left-user{float: none; width: 100%; display: none;}
.user-middle{float: none; width: 100%; padding: 0px;}
.inner-section.afterlogin-section{padding: 12px 0px;}
.inner-section.afterlogin-section .container{padding: 0px 12px;}
.mobile-profile{position: fixed; top:0px; left: 0px; height:100%; bottom: 0px; right: 0px; width: 100%; background-color: #fff; overflow-x: hidden; overflow-y: auto;  z-index: 9; -ms-transition:all 0.5s ease 0s;-moz-transition:all 0.5s ease 0s;-o-transition:all 0.5s ease 0s;-webkit-transition:all 0.5s ease 0s;transition:all 0.5s ease 0s;  opacity: 0; visibility: hidden;}
.mobile-profile.show{opacity: 1; visibility: visible;}
.mobile-profile .shadowBox{box-shadow: none; border: none; border-radius: 0px; padding: 0px;}
.user-follwers{margin-top: 7px;}
.profilebox strong{font-size: 17px;}
.user-follwers > div strong{font-size: 19px;}
.view-resume{margin-top: 10px;}
.profile-image{margin-bottom: 13px;}
.view-resume .btn-primary{font-size: 14px; padding-top: 8px; padding-bottom: 8px;}
.mobile-profile .profilebox {background-color: #eef3f5; padding: 12px; margin: 0px;}
.inner-profileBox{padding: 12px;}

.users-links ul li a{font-size: 15px; padding-left: 40px;}

.mobile-accordion .card-header{padding: 0px; background-color: transparent; border: none;}
.mobile-accordion .card{border: none; background-color: transparent; overflow: inherit;}
.mobile-accordion .card h2{margin: 0px; padding: 0px; font-size: 15px; font-weight: normal;}
.mobile-accordion .card h2 a{display: block; color: #455a64; font-size: 15px;  text-transform: uppercase;  font-family: 'proxima_novabold'; outline: none; -ms-transition:all 0.5s ease 0s;-moz-transition:all 0.5s ease 0s;-o-transition:all 0.5s ease 0s;-webkit-transition:all 0.5s ease 0s;transition:all 0.5s ease 0s;  text-decoration: none; padding:22px 22px 18px 0px;  border-bottom: 1px solid #e4e9ee !important; }
.mobile-accordion .card h2 a:after{position: absolute; top:26px; right: 10px; content: '';   background-image: url("../../img/up-arrow.png"); width: 17px; height: 9px; background-repeat: no-repeat; }
.mobile-accordion .card h2 a.collapsed:after{background-image: url("../../img/down-arrow.png");}
.mobile-accordion .listing{margin: 0px;}
.mobile-accordion .card-body{padding: 15px 15px; border: 1px solid #e4e9ee; border-top:0px;}
.events-links .listing li a{padding-left: 64px;}
.mobile-profile .shadowBox{margin: 0px;}
.view-more{margin-top: 12px;}
.gallery-listing ul li a img{width: 100%;}
.gallery-listing ul{margin-top: 0px;}
.videos-listing ul{margin-top: 0px;}
.users-links.shadowBox{padding: 12px 0px;}
#nav-menus.open{z-index: 99;}
.user-right {float: none;width: 100%;}
.post-content{padding-top: 0px;}
.post-image{margin-top: 12px;}
.filter-Action::after{top:19px;}
.bottompost-choose ul li{margin-right: 8px; margin-bottom: 8px;}
.bottompost-choose ul{text-align: left; vertical-align: top;}
.bottompost-choose ul li a{font-size: 0; height: 46px; width: 55px; line-height: 46px; text-align: center; padding: 0px;}
.bottompost-choose ul li a img{position: relative; top:0px; left: 0px;  margin: 0px;}
.bottompost-choose .post-button{margin-top: 0px; position: absolute;}
/*.story-carousel{margin-top: 8px;}*/
.mobile-none{display: none;}
.bottommobile-action{position: fixed; bottom:0px; left: 0px; width: 100%; z-index: 10; padding: 6px 12px; background-color: #23b4e8; -webkit-box-shadow: 0 0 15px 0 rgba(0,0,0,.04); box-shadow: 0 0 15px 0 rgba(0,0,0,.04);}
.user-filters ul{margin: 0px; text-align: center;}
.user-filters ul li{display: inline-block; margin: 0px 7px 0px 0px  ; vertical-align: top; text-align: center;}
.user-filters ul li a img{position: relative; top:0px; right: 0px;  max-width:16px;}
.user-filters ul li a{padding: 6px 10px; border: 1px solid #fff;}
.chat-iconFriend{position: absolute; bottom: 8px; right:12px;}
.chat-iconFriend a{outline: none; -ms-transition:all 0.5s ease 0s;-moz-transition:all 0.5s ease 0s;-o-transition:all 0.5s ease 0s;-webkit-transition:all 0.5s ease 0s;transition:all 0.5s ease 0s;  text-decoration: none; font-size: 21px; color: #fff; background-color: #23b4e8; padding: 4px 10px; border-radius: 5px; border: 1px solid #fff;}
.user-filters ul li:last-child a img{max-width: 20px;}
.friends-Online{position: fixed; top:0px; left: 0px; width: 100%; z-index: 9; height: 100%; opacity: 0; visibility: hidden;}
.story-carousel strong{font-size: 13px;}
.left-header .mobile-visible{float: right;}
.searchmobile{display: inline-block; margin-right: 7px; vertical-align: top; margin-top: 12px;}
#nav-menus{display: inline-block; vertical-align: top;}
a.searchnav {outline: none; -ms-transition:all 0.5s ease 0s;-moz-transition:all 0.5s ease 0s;-o-transition:all 0.5s ease 0s;-webkit-transition:all 0.5s ease 0s;transition:all 0.5s ease 0s;  text-decoration: none; color: #223269; font-size: 26px; display: block; line-height: 20px;} 

.mobile-searchSection{position: fixed; top:0px; left: 0px; bottom: 0px; right: 0px; height: 100%; width: 100%; display: table;  -ms-transition:all 0.5s ease 0s;-moz-transition:all 0.5s ease 0s;-o-transition:all 0.5s ease 0s;-webkit-transition:all 0.5s ease 0s;transition:all 0.5s ease 0s; opacity: 0; visibility: hidden; z-index: 12; padding: 0px 15px; overflow-x: hidden; overflow-y: auto;}
.mobile-searchSection.show{opacity: 1; visibility: visible}
.mobile-searchSection .search-nav{display: table-cell; height: 100%; width: 100%; vertical-align: middle;}
.search-nav h2{margin: 0px; padding: 0px 0px 12px; text-transform: capitalize; font-size: 18px; color: #fff;  font-weight: 600;}
.search-form{border: none;}
.mobile-searchSection .close-search{position: absolute; top:10px; right: 20px; color: #fff; font-size: 35px;  -ms-transition:all 0.5s ease 0s;-moz-transition:all 0.5s ease 0s;-o-transition:all 0.5s ease 0s;-webkit-transition:all 0.5s ease 0s;transition:all 0.5s ease 0s;}
.user-right{display: none;}
.leftprofile, .myprofile-content .left-profile, .rightprofile{float: none; width: 100%;}
.leftprofile{border: none;}
.leftprofile .profile-image figure{height: 170px; width: 170px;}
.leftprofile .profile-image{width: 170px;}
.left-profile .shadowBox{padding: 18px 16px;}
.rightprofile{padding-left: 0px; margin-top: 16px; text-align: center;}
.rightprofile h2{font-size: 25px;}
.rightprofile p{font-size: 14px;}
.rightprofile p br{display: none;}
.list-infoprofile{margin-top: 15px; text-align: left; margin-bottom: 15px;}
.list-infoprofile li{font-size: 15px;}
.list-infoprofile li img{top:0px;}
.actionpost-button > li > a{padding: 7px 5px 7px 39px; font-size: 14px;}
.actionpost-button > li{margin-bottom: 10px; margin-right: 2px;}
.actionpost-button > li > a img{left: 8px; top:12px;}
.actionpost-button > li.more-option > a{padding-left: 10px;}
.headprofile h2{margin: 0px; padding-left: 36px; padding-bottom: 15px;  font-size: 20px;}
.headprofile h2 img{max-width: 26px;}
.headprofile .btn-primary{padding-top: 9px; padding-bottom: 9px; top: -7px; font-size: 0;  min-width: 40px;}
.headprofile .btn-primary img{margin-right: 0px;}
.information-form .form-row .form-group{float: none; width: 100%; padding: 0px;}
.information-form .form-row .form-group label{margin: 0px;}
.information-form{padding-top: 12px;}
.form-row{margin: 0px;}
.form-group .form-control{font-size: 14px;}
.timeline-profile{padding: 0px;}
.profile-informationbox h3{padding: 15px 0px 20px;}
.timeline-profile ul{margin-top:0px;}
.timeline-profile > ul::after{left: 0px; right: 0px; margin: inherit;}
.timeline-profile ul li > .righttimeline{width: 100%; float:none; padding-left: 16px;}
.timeline-profile ul li > .lefttimeline{width: 100%; float:none; text-align: left; padding-right: 0px; padding-left: 16px;} 
.lefttimeline .dateyear strong{float: none;}
.reference-detail{padding-top: 6px;}
.experience-info strong{font-size: 16px; line-height: 19px;}
.experience-info p{font-size: 14px;}
.experience-info p{padding-top: 0px;}
.action-tag{padding-top: 5px;}
.experience-info > strong::before{left: -23px;}
.timeline-profile ul li{min-height: inherit; margin-bottom: 26px;}
.timeline-profile > ul > li:nth-child(even) .righttimeline{float: none; text-align: left; padding-right: 0px; padding-left: 16px;}
.lefttimeline .dateyear strong{font-size: 14px; padding-top: 10px;}
.timeline-profile > ul > li:nth-child(2n) .experience-info strong::before {left: -23px;right: 0px;}
.timeline-profile.without-refernce > ul > li{min-height: inherit;}
.without-refernce.timeline-profile{padding-top: 20px;}
.skills-information ul{padding: 16px 0px 0px;}
.skills-information ul li .left-skills, .skills-information ul li .right-skills{float:none; width: 100%;}
.left-skills strong{font-size: 16px; padding-bottom: 8px;}
.right-skills .progress-box{padding-right: 84px;}
.course-information .form-row{margin: 0px;}
.profile-informationbox h3{padding-bottom: 0px;}
.submit-button .btn-primary{padding-top: 10px; padding-bottom: 10px; font-size: 14px;}
.skills-information h4{padding-left: 0px;}
footer{padding: 12px 0px 10px;}
.visit-profile-banner .upload-file {position: relative;bottom: 0px;right: 0px;margin-right: 0px;text-align: center;margin-top: 10px; }
.upload-file a{font-size: 14px; padding: 8px 10px 8px 40px;}
.upload-file a img{top: 9px; left: 11px;}
.profile-information.shadowBox{display: none;}
.mobile-profile .profile-information {background-color: #eef3f5; padding: 12px;}
.actionpost-button > li > a.viewpost img{margin-right: 0px;}
.actionpost-button > li > a.viewpost img{ left: 0px; top: 0px; right: 0px; bottom: 0px; margin: auto;}
.actionpost-button > li > a.viewpost{padding: 7px; min-width: 50px;}
.complete-profile .circlebar{height: 140px !important; width: 140px !important;}
.complete-profile.shadowBox h2{font-size: 20px;}
.complete-profile .text{font-size: 26px !important;}
.headprofile .btn-primary::after{top: 9px; left: 12px;}
.headprofile .btn-primary.addmore::after{top: 9px;}
.dashboard-iconlist li{width: 50%}
.jobtype ul li label{font-size: 13px;}
.checkbox-select.styled-selectors input[type="checkbox"]:not(old) + label{padding-left: 26px; line-height: 17px;}
.dashboard-iconlist li a{font-size: 14px; line-height: 17px; display: block;}
.dashboard-iconlist li figure img{max-width: 70px;}
.dashboard-iconlist li figure span{height: 25px; width: 25px; font-size: 14px; line-height: 20px; right: 10px;}
.user-dashboard .post-section h2{font-size: 16px;}
.job-preferences-view .left-job strong{font-size: 15px;}
.job-preferences-view{margin-top: 12px;}
.user-dashboard .leftuserProfile figure{margin: 0px;}
.user-dashboard .leftuserProfile{min-height: 40px;}
.job-preferences-view .left-job, .bottomjob-detail .leftjob-detail{width: 100%; float: none;}
.job-preferences-view .right-job, .bottomjob-detail .rightjob-detail{width: 100%; float: none;}
.right-job .btn-primary{padding: 7px 10px;font-size: 14px;}
.jobtype ul li{margin-bottom: 8px;}
.dashboard-iconlist li figure{display: inline-block;}
.dashboard-iconlist li a strong{display: block;}
.dashboard-iconlist li{margin-bottom: 10px;}
.dashboard-iconlist{margin-bottom: 12px;}
.user-dashboard .leftuserProfile{float:none; width: 100%; margin-bottom: 12px;}
.job-preferences-view .left-job, .job-preferences-view .right-job{text-align: center; margin-top: 10px;}
.bottomjob-detail .leftjob-detail, .bottomjob-detail .rightjob-detail{text-align: center;}
.user-dashboard .post-section h2{position: relative;}
.user-dashboard .post-section h2::after {position: absolute;top: 9px;left: 0px;content: '';height: 1px;width: 100%;background-color: #d6d6d6;}
.post-section h2 .filterjob{position: absolute; top:0px; right: 0px;  color: #99abb4; font-family: 'Roboto', sans-serif; font-size: 14px; text-decoration: none; outline: none; -ms-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; display: inline-block;}
.post-section h2 .filterjob:after{position: absolute; top:5px; right: 0px; background-image: url("../../img/post-arrow-image.png"); width: 10px; height: 6px; background-repeat: no-repeat; border: none; -ms-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; content: ''; z-index: 2;}
.post-section h2 .filterjob:hover:after{background-image: url("../../img/hover-post-arrow-image.png");}
.post-section h2 .filterjob span{position: relative; z-index: 2; background-color: #edf2f4; padding: 0px 20px 0px 5px; display: inline-block;}
.post-section h2 .filterjob:hover{color: #23b4e8;}
.user-dashboard .post-section h2 > span{position: relative; z-index: 2; background-color: #edf2f4; display: inline-block; padding: 0px 10px 0px 0px;}
.filter-dashboard{position: fixed; top:0px; left:-100%; bottom: 0px; content: ''; height: 100%; width: 100%; max-width: 280px; background-color: #fff; opacity: 0; visibility: hidden; -ms-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; z-index: 99; padding: 15px; overflow-x: hidden; overflow-y: auto;}
.filter-dashboard.show{opacity: 1; visibility: visible; left: 0px;}
.close-filter{position: absolute; top:10px; right: 10px;}
.jobtype h2{margin: 0px; padding: 0px 0px 10px; text-transform: capitalize; font-family: 'proxima_novabold'; color: #455a64; font-size: 18px;}
.jobtype ul{margin-top:0px; margin-bottom: 22px;}
.filterbox{padding-top: 0px;}
.jobtype ul li label{font-size: 14px;}
.search-form .form-group a{top:12px;}
.search-form .form-group .form-control{padding-top: 10px;}
.rightuser-duration{width: 24%;}
.leftuserProfile{width: 76%;}
.bottompost-action > ul > li{margin-right: 26px;}
.allow-dropdown.intl-tel-input .country-list{position:relative;}
.filter-dashboard .view-more{margin-bottom: 20px;}
.visit-profile{text-align: center; background-color: #eef3f5; padding: 12px;}
.visit-profile figure{height: 100px; width: 100px; margin: auto 0px 9px;}
.visit-profile .profileview{width: 100px; top:0px; margin: auto; position: relative; left: 0px; }
.visit-profile .profileview .plan-categry img{max-width: 36px;}
.visit-profile .profileview .plan-categry{bottom: 6px;}
.rightvisit-categry{padding-left:0; min-height:inherit;}
.rightvisit-categry .user-follwers{min-width: 100%; display: block; float: none; margin: 10px 0px 16px;}
.rightvisit-categry .user-follwers > div {padding-right: 0;margin-right: 0; width: 50% ;  }
.rightvisit-categry .user-follwers > div span{font-size: 14px;}
.rightvisit-categry h2 strong{max-width: 100%;}
.rightvisit-categry h2{font-size: 17px; margin: 0px;}
.visit-profile{margin-top:0px;}
.rightvisit-categry p{max-width: 100%;}
.visit-profileview .visit-profile{display: none;}
.visitbutton-post.actionpost-button > li > a{padding-left: 18px; padding-right: 18px;}
.users-links ul li a.collapse-info{display: block; position: relative;}
.users-links ul li a.collapse-info::after {position: absolute;top: 0px;right: 6px;content: '';background-image: url("../../img/up-arrow.png ");width: 17px; height: 9px;background-repeat: no-repeat;}
.users-links ul li a.collapse-info.collapsed::after {background-image: url("../../img/down-arrow.png");}
.inner-profileBox .visit-links ul{margin: 12px 0px 0px; padding: 12px; background-color: #eef3f5; }
.inner-profileBox .visit-links ul li{font-size: 15px; margin-bottom: 12px;}
.inner-profileBox .visit-links ul li:last-child{margin-bottom: 0px;}
.inner-profileBox .visit-links ul li span{font-size: 14px;}

.Mytimeline-profile .righttimeline-categry  h2{font-size: 18px;}
.Mytimeline-profile figure{height: 130px; width: 130px;}
.Mytimeline-profile .timelineview{width: 130px; margin: auto;  position:relative; left: 0px; top:0px;}
.righttimeline-categry{padding-left: 0px; min-height:inherit; text-align: center;}
.leftname-text .view-resume{padding: 7px 12px; font-size: 14px;}
.righttimeline-categry .user-follwers{min-width: 165px;}
.righttimeline-categry .leftname-text{margin-right: 6px;}
.skills-endorContent .card-header h2 a{font-size: 15px; padding-left: 25px; line-height: 20px; padding-bottom: 5px;}
.skills-endorContent .accordion .card-body{font-size: 14px;}
.Mytimeline-profile{margin-top:0px;}
.leftname-text .view-resume{margin-top: 10px;}
.righttimeline-categry .user-follwers > div strong{font-size: 20px;}
.skills-endorContent.shadowBox .card-header h2{text-align: left;}
.skills-endorContent .card-header h2 a::after{top:1px;}
.skills-endorContent .card{margin-bottom: 10px;}
.Mytimeline-profile{display: none;}
.mobile-profile .Mytimeline-profile{padding: 12px; background-color: #eef3f5; display: block;}
.skills-endorContent.shadowBox{margin-top: 12px;}
.skills-endorContent .accordion{margin-top: 15px;}
.skills-endorContent.shadowBox > h2{text-transform: uppercase; font-size: 15px;}

.innertab .right-profileInfo{width: 100%; float: none;}
.innertab .left-profileInfo{width: 100%; float: none;}
.filtertab_content .innertab{padding: 25px;}
.filterby-profile{margin-top: 12px;}
.profileInfo-box{ padding:35px 16px 15px; width: 230px;}
.owl-carousel.wink-profile-carousel .owl-nav button.owl-prev{left: -10px; background-size: 50px;}
.owl-carousel.wink-profile-carousel .owl-nav button.owl-next{right: -26px; background-size: 50px;}
.wink-mingle-section h2{font-size: 22px; margin: 0px;}
.filtertab_content .innertab{padding: 15px;}
.profileInfo-text strong{font-size: 17px;}
.profileInfo-text p{font-size: 15px;}
.filtertab_content{padding: 0px;}
.profileInfo-box span a{height: 50px; width: 50px; line-height: 50px;}
.profileInfo-text p b{font-size: 14px;}
.ageoption{padding-bottom: 50px;}
.filterby-profile li{ margin-bottom: 13px; padding: 0px 10px 13px;}
.filterby-profile li.distanceoption strong{ padding-right: 5px;}
.filterby-profile li strong{font-size: 16px;}
.filterby-profile li .styled-selectors div{margin-right: 7px;}
.wink-mingle-section .right-profileInfo h2{font-size: 16px; padding-left: 10px}
.slidekm-count > div{margin-right: 10px;}
.slidekm-count > div .form-control{width: 112px;}
.slidekm-count{margin-top: 7px;}
.tab-box ul{margin: 12px 0px;}
.tab-box ul li a{font-size: 15px;}
.tab-box ul li{margin-bottom: 12px;}
.tab-box ul li.chatgroup a {min-width: 128px;}
.tab-box ul li.chatgroup span{right: 14px;}

.jobpost-list{margin-left:0px; margin-right: 0px;}
.jobpost-list li > div .tagicon img{max-width: 100%;}
.jobpost-list li > div{padding: 16px;}
.jobpost-list li{padding: 0px 0px; width: 100%; text-align: center; margin-bottom: 12px;}
.right-jobtimeline p{font-size:14px;}
.right-jobtimeline h2{text-align: center; font-size: 18px; max-width: 100%; }
.jobtimeline-profile{margin-top:0px;}
.jobtimelineview{width: 100px; position: relative; margin: auto; top:0px; left:0px; text-align: cente;}
.jobtimelineview figure{height: 100px; width: 100px; margin: 0px 0px 5px;}
.right-jobtimeline{padding-left: 0px; min-height:inherit; text-align:center;}
.right-jobtimeline .actionpost-button{margin-top:15px;}
.right-jobtimeline .actionpost-button > li > a{font-size: 14px; min-width:inherit; padding-left: 12px; padding-right: 12px; }
.jobpost-list li strong{font-size: 14px; max-width: 100%;}
.company-info .left-company{padding-right: 0px;}
.company-info .right-companyinfo{position: relative; margin-top: 8px;}
.recent-job .right-companyinfo .btn-primary{margin: 0px;}
.jobpost-list li > div figure img{max-width: 100%; }
.jobpost-list li > div figure{min-height:inherit; margin-bottom: 12px;}
.post-noftifydrop{line-height: 20px; position: relative; margin-bottom: 5px; display: inline-block;  }
.jobpost-list li span{font-size: 14px;}
.right-companyinfo .btn-primary{font-size: 14px;  padding: 4px 15px;}
.jobtimeline-content .recomded-job h2, .jobtimeline-content .recent-job h2{font-size: 18px; text-align: left;}
.recent-job{padding-top: 15px; margin-top: 0px;}
.jobtimeline-profile {display: none;}
.mobile-profile .jobtimeline-profile {padding: 12px;background-color: #eef3f5;display: block;}
.search-result-listing > li:nth-last-child(2) {margin-bottom: 65px;}
.innersearch .actionpost-button > li{margin-right: 4px;}
.search-result-listing > li .innersearch{padding-bottom:5px;}
.search-result-listing > li{padding:0px; width: 100%;}
.search-result-listing{margin-left:0px; margin-right:0px;}
.search-result-section .topsearch-filter  h2{font-size: 16px;}
.search-result-section{float: none; width: 100%; padding-right: 16px; padding-left: 16px;}
.pd20{padding-top: 15px;}
.innersearch .actionpost-button{text-align: center;}
.innersearch .actionpost-button > li > a{min-width: 110px;}
.search-result-listing{margin-top: 53px;}
.search-content{text-align: center;}
.search-content p{font-size: 13px;}
.search-content{position:initial;}
.search-content img{top:10px; right: 10px;}
.pagination-box .pagination li .page-link{padding: 2px 4px; line-height: 14px;} 
.nearby-search-section .filterby-profile{padding-top:0px; margin: 0px;}
.nearby-search-section .filterby-profile li{margin-bottom: 20px; padding-bottom: 20px;}
.look-people{margin-bottom: 20px;}
.leftnearby-search iframe{height:350px !important;}
.nearby-search-section h2{font-size: 22px;}
.nearby-search-section .innertab{display: block;}
.leftnearby-search{width: 100%; margin-bottom: 15px;}
.innertab .right-profileInfo{margin: 0px;}

.company-about{text-align: left;}
.company-about img{ float: none; display: block; width: 100%; margin:0px 0px 15px;}
.company-about.shadowBox h2{font-size: 20px;  padding-bottom: 10px;}
.company-about p{font-size: 14px; }
.companypost-button .follwer-last .user-follwers > div strong{padding: 0px;}
.friendlisting li{width:50%;}
.friend-section .friend-tophead h2{font-size: 20px; text-align: center; padding-bottom: 10px; float: none }
.searchbar_view{float: none; width: 100%;}
.friendlisting{margin-top: 20px;}

.mycompany-box h2{font-size: 16px;}
.companyview-content .tab-box ul{margin-bottom: 12px;}
.companyview-content .tab-box ul li{width: 50%;}
.companyview-content .tab-box ul li a{font-size: 13px;}
.companyview-content .tab-box ul li{padding: 0px 2px; margin-bottom: 15px;}
.companyview-content .tab-box ul {margin-left: -2px; margin-right: -2px;}
.mycompany-box .btn-primary{padding: 7px 10px; font-size: 14px;}
.mycompany-box h2{padding-top: 10px;}
.companyname strong{font-size: 15px; padding-top:10px; padding-bottom:5px;}

.companytop-info .rightside ul li a{width:50px; height: 45px;}
.companylisting li.action-swtich{margin-left: 5px; padding-top:5px;}
.bottomcompany_info li{padding: 10px 0px; width:50%;  margin-bottom: -1px; border: 1px solid #dadee0;}

.bottomcompany_info li span{font-size: 15px; }
.bottomcompany_info li strong{font-size: 13px;}
.shadowBox.location-area h2{text-align: left;}
.location-area p{font-size: 13px;line-height: 16px; padding-top: 5px;}
.companylisting li .innerbox{padding: 12px;}
.bottomcompany_info{margin-top: 12px;}
.bottomcompany_info li:last-child{width: 100%; padding: 10px 0px; border: 1px solid #dadee0;}
.companytop-info .leftside{float: none; width: 100%; margin-bottom: 12px; text-align: center;}
.companytop-info .rightside{float: none; width: 100%; text-align: center;}
.companyname{padding: 0px;}
.companyname figure{position: relative; margin: 0px;}
.companyname{padding-left: 0px}
.switch{width: 70px;}
.switch input:checked + .slider::before {-webkit-transform: translateX(40px);-ms-transform: translateX(40px);transform: translateX(40px);}
.location-area .view-more{margin-bottom:10px; margin-top: 10px; text-align: center;}
.location-area{text-align: center;}
.action-company li a{padding: 10px 0px;}
.right-profileInfo .submit-button .btn-primary{min-width: inherit; width: auto; display: inline-block;}
.search-result-listing > li .innersearch{height:inherit!important;}
.actionpost-button{position:relative; padding: 0px; bottom: 0px;}
.right-profileInfo .submit-button{padding: 0px 10px;}
.search-result-listing .actionpost-button{bottom: 0px; position: relative; padding: 0px;}
.share-coonection span{margin-right: 3px;}
.share-coonection span:last-child{margin-left: 6px;}
.share-coonection{text-align: center;}
.create-qv-section .box-shadow{max-width: 100%}
.create-qv-section .create-qv-form{max-width: 100%; padding: 0px;}
.create-qv-section .form-row .form-group{float: none; width: 100%;}
.create-qv-section .form-row .form-group label{margin: 0px;}
.create-qv-section .form-row .form-group .btn-primary{margin-top: 0px; }
.renovedue_date{display: block; text-align: center;}
.righttimeline-categry .user-follwers > div{width: 50%; padding: 0px; text-align: center;}
.medialistig-section .headprofile h2{font-size: 16px; padding-left: 26px;}
.medialistig-section .headprofile h2 img{max-width: 20px;}
.medialistig-section .filterpost a{padding-right: 30px;}
.mediabox.shadowBox{padding: 12px}
.medialistig-section .headprofile .btn-primary {font-size: 13px;padding-top: 6px;padding-bottom: 5px;}
.medialistig-section .headprofile .btn-primary img {margin-right: 2px;max-width: 11px;}
.media-listingview .nav-tabs .nav-item a{font-size: 14px;}
.media-listingview .gallery-listing ul li{width: 33.33%; padding: 0px 5px; margin-bottom: 12px;}
.media-listingview .gallery-listing ul{margin: 0px -5px;}
.gallery-listing ul li a figure > img{width: 100%;}
.media-listingview .gallery-listing{padding-top:20px;}
.addmedia-popup .modal-content .modal-body{padding: 10px;}
.albumsfolder .gallery-listing ul li:first-child {width: 100%;display: block;}
.albumsfolder .gallery-listing ul li a.create-albums strong  img{width: auto;}
.albumsfolder .gallery-listing ul li a.create-albums strong{padding: 0px;}
.media-listingview .albumsfolder .gallery-listing ul li a.create-albums{height: 95px;}
.comments-popup_post .leftslider-post {float: none;width: 100%; margin-bottom: 12px;}
.comments-popup_post .rightpost-view {float: none;width: 100%;}
.comments-popup_post .modal-body{padding: 10px;}
.comments-popup_post .rightpost-view .postbox{padding: 0px;}
.rightpost-view .actionpost.dropdown {line-height: 20px;}
.rightpost-view .leftuserProfile{min-height: 44px;}
.commentlisting_post{padding-left: 0px;}
.comments-popup_post .carousel .carousel-control-prev{margin: 0px; top:15px; background-size: 36px; background-repeat: no-repeat; width: 36px;}
.comments-popup_post .carousel .carousel-control-next{margin: 0px; top:15px; background-size: 36px; background-repeat: no-repeat; right: 0px; width: 36px;}
.modal-open{padding-right: 0px !important;}
.comments-popup_post .modal-dialog{margin-top: 50px;}
.comments-popup_post .leftslider-post figure img{width: 100%;}
.advertise-informationbox .profilevist-action strong{font-size: 30px;}
.shadowBox  .advertise-informationbox div.innerbox h2{font-size: 16px; position: relative; z-index: 1;}
.advertise-informationbox .profilevist-action{position: relative; z-index: 1; margin-top: 12px;}
.advertise-informationbox p{font-size: 14px;}
.advertise-informationbox > div.active div.innerbox::after{background-size: 60px; width: 60px;}
.advertise-informationbox div.innerbox{padding: 22px 14px; min-height:inherit;}
.shadowBox  .advertise-discover h2{font-size: 16px;}
.advertise-informationbox{padding: 0px; margin: 20px -10px 20px;}
.advertise-informationbox > div{padding: 0px 10px;}
.advertise-discover ul{margin-top: 12px;}
.advertise-discover ul li figure{display: block; margin: 0px 0px 5px;}
.advertise-discover ul li strong{text-align: center;}
.advertisement-section{float: none; width: 100%;}
.advertisetop-head h3{font-size: 20px; text-align: center; float: none;}
.advertisetop-head .btn-primary{float: none; padding: 12px 26px; margin-top: 10px;}
.advertisetop-head{text-align: center;}
.advertisement-section{padding: 12px;}
.poster-advertise .posted-date{margin:0px auto 10px; max-width: 175px;}
.advertise-informationbox > div{float: none; width: 100%; padding: 0px; margin-bottom: 12px;}
.advertise-informationbox{margin: 12px 0px 0px;}
.advertise-discover ul li > div{min-height: inherit;}
.advertise-discover ul li{display: block; width: 100%; margin-bottom: 10px;}
.advertise-discover ul li strong{font-size: 35px;}
.advertise-discover ul li > div{padding: 13px;}
.mobile-profile .mywallter-balance {padding: 12px;background-color: #eef3f5; display: block;}
.usernon-connected .left-user{display: block;}
.usernon-connected  .Mytimeline-profile{display: block;}
.createcompany-form .form-row .form-group{float: none; width: 100%; padding: 0px; margin-bottom: 27px;}
.createcompany-form .form-row{margin: 0px;}
.createcompany-form .form-row .form-group .form-control{height: 34px; padding-bottom: 6px;}
.createcompany-form .form-row .form-group label{margin: 0px;}
.company-ownership .actionpost-button > li a.dropdown-toggle {padding-right: 28px;}
.company-ownership .actionpost-button > li a.dropdown-toggle::after{top:15px;}
.company-ownership .actionpost-button > li .dropdown-menu.dropmenu{top:50px !important;}
.editabout.btn-primary img{width: auto; display: inline-block; margin-bottom: 0px; margin-right: 0px;} 
.editabout.btn-primary{min-width: 50px; font-size: 0;}
.editabout.btn-primary::after {top: 10px;left: 16px;}
.editrecruiter .right-jobtimeline .editabout.btn-primary{left: 10px; top:12px; right: auto;}
.editrecruiter  .right-jobtimeline{position: initial;}
.modal-open {padding-right: 0px !important;}
}


@media (max-width:575px) {
.friendimage .onlineuser, .offlineuser{bottom: 5px;}
.friendlisting li .friendbox .friendimage{position: relative; top:0px; left: 0px; margin: auto;}
.friendlisting li .friendbox{padding-left: 20px; text-align: center;}
.friendlisting li .friendbox figure{margin: 0px;}
.bottom-groupbutton  .text-right{text-align: center !important;}
.friendlisting li{width: 100%;}
.banner-content h1{font-size: 30px; line-height: 32px;}	
.banner-content p{font-size: 19px; line-height: 23px;}
.banner-content a{margin-top: 28px; font-size: 14px; min-width: 250px; padding: 12px;}	
.banner-section{background-size: 679px !important;}
.heading-title h2{font-size: 28px;}
.offerlisting li{display: block; width: 100%; border-bottom: 1px solid #dde3e6; padding-bottom: 20px; margin-bottom: 20px; }
.offerlisting li:last-child{border: none;}
.offerlisting li figure{margin-bottom: 10px}
.offerlisting li:after{display: none;}
.applink a img{max-width: 130px;}	
.footer-right li{margin-bottom: 10px; margin-right: 0px;}
.client-section{background-position: right;}
.client-testimonial .owl-dots {padding-left: 0px;text-align: center;}
.client-profile span{color: #ade3f6;}
.client-profile strong{color: #fff;}
.client-testimonial .owl-dots .owl-dot{border: 2px solid #ade3f6;}
.client-profile figure{border:4px solid #4fc3ed;}
.client-profile{margin-left: 10px; padding-left: 80px;}
.heading-inner h2{font-size: 25px;}
.form-group label{font-size: 15px;}
.bottom-actions li .btn-primary{font-size: 13px; padding: 8px;}
.bottom-actions li .btn-border.btn-primary{font-size: 13px; min-width: 80px; padding: 8px;}
.create-qv-form .bottom-groupbutton{text-align: center; }
.bottom-groupbutton .btn-primary.cancel-button{margin-bottom: 12px; min-width: 167px;}
.create-qv-form .bottom-groupbutton{margin-top: 0px;}
/*-- Contact Page --*/
.contact_detail ul li{width:100%;}
.contact_detail ul li:after{display:none;}
.contact-content > div, .contact_section .location_map{padding:0;}
.contact_section .location_map iframe{min-height:350px;}
.contact_form h3{font-size:25px;}
.create-qv-section .form-row .form-group:last-child{margin-bottom: 12px;}
/*-- About Page --*/
.about-section .about-text h2{font-size:28px;}
.service_detail .button-group a{min-width: 110px;}
.service_detail h3{margin-bottom:7px;font-size:25px;}
.storypost strong{font-size: 13px;}
.story-carousel strong{font-size: 13px;}
.owl-carousel.story-carousel .owl-item img{display: inline-block; width: auto; max-width: 100%;}
.leftprofile .profile-image figure{height: 140px; width: 140px;}
.leftprofile .profile-image{width: 140px;}
.profile-image .award-image{bottom: 0px; right: 2px;}
.leftprofile .upload-file{margin-top: 16px;}
}

@media (max-width:380px) {
.name-group{margin: 0px;}
.name-group div{padding: 0px; width: 100%; display: block; float: none; margin-bottom: 15px;}
/*.signup-link p a{display: block;}*/
.signup-link p{font-size: 14px;}
.terms-condition .styled-selectors label{font-size: 14px;}
.terms-condition .styled-selectors input[type="checkbox"]:not(old) + label::after{height: 25px; width: 25px;}
.terms-condition .styled-selectors input[type="checkbox"]:not(old) + label{padding-left: 35px;}
.terms-condition .styled-selectors input[type="checkbox"] + label::before{left: 7px; background-size: 12px; background-repeat: no-repeat;}
.steps-list li a {font-size: 14px;padding-top: 6px;padding-bottom: 6px;width: 120px;padding-right: 15px;}
.signup-steps{padding-top: 13px;}
.user-profile{margin: 20px auto 0px;}
.banner-profile .add-pciture{position:relative; right: 0px; top:0px; text-align: center; display: block;}
.add-pciture input[type="file"]{width: 100%; right: auto; left: 0px;}
.steps-list li.sucess a{padding-left:15px;}
.styled-selectors input[type="radio"] + label::before {top:1px;}
}

/*--new-css--*/
.list-dashborad .users-links.shadowBox {padding:26px 30px 20px;}

.list-dashborad .users-links ul li {margin-bottom: 18px;}
.list-dashborad .users-links ul li:last-child{margin:0px;}
.list-dashborad .shadowBox{margin-bottom:0px;}
.list-dashborad .users-links{margin-bottom:10px;}
.list-dashborad .jobtype{border-radius:0px; border-top:none; border-bottom:none; padding:0px;}

.list-dashborad .jobtype h2 {background-color: rgba(0,0,0,.05);font-size: 16px;overflow: 10px auto;padding: 11px 18px;font-family: 'Roboto', sans-serif;font-weight: 400;letter-spacing: 0.3px;}
.list-dashborad .jobtype ul{padding: 16px 18px 19px; margin:0px; }
.list-dashborad .jobtype ul li{margin-bottom: 2px;}
.list-dashborad .jobtype ul li label{font-size:14px;}
.list-dashborad .industryList {margin-top:10px;}
.list-dashborad .user-middle .tab-box ul{margin-top:0px; margin-bottom:32px;}
.list-dashborad .user-middle .tab-box ul li a{padding: 10px 45px;}
.list-dashborad .mycompany-box .btn-primary {float:inherit !important;padding: 9px 20px;}
.list-dashborad .mycompany-box .btn-primary.f-right{margin-left:5px;}
.list-dashborad .mycompany-box .left-right-btn{text-align:right;margin-bottom: 24px;}

.list-dashborad .qv_add_btn{padding: 23px 15px !important;}
.list-dashborad .mycompany-box hr{border:none; display:none;}
.list-dashborad .mycompany-box .table .thead-light th{border: none;background-color: #eef3f6;padding:15px 15px;font-size: 14px;font-family: 'Roboto', sans-serif;font-weight: normal;color: #000;display: table-cell;vertical-align: middle; position:relative; line-height:normal;}
.list-dashborad .mycompany-box .table .thead-light th:first-child{width: 165px;}
.list-dashborad .mycompany-box .table .thead-light th:first-child::after {position: absolute;right:12px;top: 30px; display: inline-block; margin-left: .255em;vertical-align: .255em;content: ""; border-top: .3em solid; border-right: .3em solid transparent;border-bottom: 0;border-left: .3em solid transparent;}
.list-dashborad .mycompany-box .table td a{font-size:13px; color:#23b4e8;}
.list-dashborad .mycompany-box .table td{font-size:13px;}
.list-dashborad .mycompany-box .table td p{height: 17px;display: block;border-radius: 50px;border: 1px solid #CCC; margin-bottom:0px;}
.list-dashborad .mycompany-box .table td p span{background:#233269; display:block;height: 100%;border-radius: 50px; }

.list-dashborad .mycompany-box .table td a:hover{text-decoration:none;}
.list-dashborad .mycompany-box .table tr{background:none; padding-top:20px}
.list-dashborad .mycompany-box .table .thead-light th:nth-child(4n){width: 110px;}
.list-dashborad .mycompany-box .table .thead-light th:nth-child(4n)::after {position: absolute;right:11px;top: 30px; display: inline-block; margin-left: .255em;vertical-align: .255em;content: ""; border-top: .3em solid; border-right: .3em solid transparent;border-bottom: 0;border-left: .3em solid transparent;}
.list-dashborad .mycompany-box .table .thead-light th:nth-child(5n){width: 100px;}
.list-dashborad .mycompany-box .table .thead-light th:nth-child(5n)::after {position: absolute;right: 11px;top: 30px; display: inline-block; margin-left: .255em;vertical-align: .255em;content: ""; border-top: .3em solid; border-right: .3em solid transparent;border-bottom: 0;border-left: .3em solid transparent;}
.qv_step_first {padding-top:35px !important;}

.qv_step_first .box-shadow-qv .form-group label{color:#000; font-size:15px; margin-bottom:0px;}
.qv_step_first .box-shadow-qv .form-group .form-control {height: 45px !important;border-radius: 0px;background: transparent;padding: 0px;border: none;border-bottom: 1px solid #CCC; box-shadow:none;}
.qv_step_first .box-shadow-qv .qv-form{padding:50px 30px;}
.qv_step_first .box-shadow-qv .form-group select{background-image: url("../../img/select-icon.png") !important;background-repeat: no-repeat !important;background-position: right !important;-webkit-appearance: none;appearance: none;}

.qv_step_first .calendar-form span a {position: absolute;top: 8px;right: 3px;width: 18px;}
.qv_step_first .box-shadow-qv .form-group .btn-primary {background:#223168; border-color:#223168;padding: 7px 17px;border-color: #223168;}
.qv_step_first .box-shadow-qv .form-group .btn-primary:hover{background:#23b4e8; border-color:#23b4e8;}
.qv_step_first .name-group div{padding: 0px 15px;}
.qv_step_first .bottom-groupbutton .btn{font-size:16px; padding:8px 20px; margin-bottom:0px;background:#23b4e8; border-color:#23b4e8;}
.qv_step_first .bottom-groupbutton a.btn{padding:8px 30px;}
.qv_step_first .bottom-groupbutton button.btn{float:right;}
.qv_step_first .bottom-groupbutton .btn:hover {background:#223168; border-color:#223168;}
.qv_step_first .bottom-groupbutton{margin-bottom:0px;}
.qv_step_first .box-shadow-qv .form-group textarea{height:150px;}
div.qv_step_first .box-shadow-qv .form-group textarea.form-control {height: 150px !important;border: 1px solid #CCC;margin-top: 14px;resize: none; padding:10px;}
.qv_step_first .qv_step_two_actn{ width:100%; margin-bottom:0px;}
.qv_step_first .qv_step_two_actn label.label-icon{padding-left:10px; position:relative;padding-left:33px;}
.qv_step_first .qv_step_two_actn label.label-icon::before{background-image: url("../../img/response-time.png");background-repeat: no-repeat;background-position: left;width: 25px;height: 25px;content: '';position: absolute;left: 1px;}

.qv_step_first .qv_step_two_actn  span.input-append{display:inline-block; width: 30%; margin-top:10px;}
.qv_step_first .qv_step_two_actn  span.input-append .form-control {width: 50px;border: 1px solid #CCC;border-radius: 5px;text-align: center;height: 40px !important;}
.qv_step_first .qv_step_two_actn  span.input-append label{font-size:13px; line-height:30px;}


.qv_step_first .name-group .actionBtnQuestion .btn-primary{background:#23b4e8; border-color:#23b4e8; padding:8px 30px;}
.qv_step_first .name-group .actionBtnQuestion .btn-primary:hover{background:#223168; border-color:#223168;}
.qv_step_first .name-group.width-69{width:74% !important;}
.qv_step_first .interview-length-div{border-top:1px solid #CCC; margin-top:30px;padding-top:40px; padding-bottom:30px; font-size:16px;}
.qv_step_first .interview-length-div span{font-weight:bold;}
.qv_step_first .box-shadow-qv .table .thead-dark th{background-color:#eef3f6; border-color:#eef3f6; color:#000;font-family: 'Roboto', sans-serif;font-weight: 400;}
.qv_step_first .box-shadow-qv .table .thead-dark th:first-child{background:#23b4e9; border-color:#23b4e9;width: auto;text-align: center; color:#FFF;}	
.qv_step_first .box-shadow-qv .table .ui-sortable td .fa-arrows{color:#23b4e9;width: 100%;text-align: center;} 
.qv_step_first .box-shadow-qv .table .ui-sortable td {padding:15px; background:none;background-color: #FFF;}
.qv_step_first .box-shadow-qv .table .ui-sortable td:nth-child(4n){font-weight:600;}
.qv_step_first .box-shadow-qv .table .ui-sortable td a .fa{padding: 0px 4px;font-size: 17px; color:#727272;}
.qv_step_first .width-100 span.actionBtnQuestion {margin-top:30px;}
.qv_step_first span.actionBtnQuestion{width: 100%;
text-align: right; display:block; float:inherit; margin-top:40px;}
.qv_step_first .width-100 span.actionBtnQuestion a.btn{float:left;margin-left: 25px;padding: 8px 35px;}

.qv_step_first .owl-carousel .friendlisting {margin:0px !important;}
.qv_step_first.three-box-section .qv-form{padding: 68px 8px 0; margin:0px; width:100%;} 
.qv_step_first.three-box-section .box-shadow-qv{margin-top:8px;}
.qv_step_first.three-box-section .qv-form h2{font-size: 23px;font-family: 'proxima_novasemibold'; color:#465a65;margin-bottom: 17px;padding-left: 10px;}
.qv_step_first.three-box-section .owl-carousel .owl-item .friendlisting li{padding:10px; margin-bottom:0px;}
.qv_step_first.three-box-section .owl-carousel .owl-item .friendlisting li .friendbox{border:none;box-shadow: 0px 0px 10px #CCCC;padding: 10px;}
.qv_step_first.three-box-section .owl-carousel .owl-item .friendlisting li .friendbox .friendimage{width: 85px;top: 17px;left: 17px;}
.qv_step_first.three-box-section .owl-carousel .owl-item .friendlisting li .friendbox .friendimage figure{height: 92px;width: 92px;}
.qv_step_first.three-box-section .owl-carousel .owl-item .friendlisting li .friendbox strong{max-width:inherit; margin:inherit;text-align: left;padding-left: 119px;padding-top: 20px;}
.qv_step_first.three-box-section .owl-carousel .owl-item .friendlisting li .friendbox strong p{margin:0px;font-size: 13px;opacity: 0.7;}
.qv_step_first.three-box-section .owl-carousel.story-carousel .owl-nav{top: 40%;right: -12px;}
.qv_step_first.three-box-section .search-form-box{padding: 37px 0px 18px;border-bottom: 1px solid #CCC;margin: 0px 11px;}
.qv_step_first.three-box-section .search-form-box .form-control{font-size:14px;padding-bottom: 11px;}
.qv_step_first.three-box-section .search-form-box .btn{background: #23b4e8;border-color: #23b4e8;padding: 9px 35px;box-shadow:none; margin-right:10px; font-size:15px;}
.qv_step_first.three-box-section .search-form-box .btn.search_list_cancel{background:none; color: #23b4e8;}
.qv_step_first.three-box-section .search-form-box .btn:hover{background:#223168; border-color:#223168; color:#FFF;}
.qv_step_first.three-box-section .search-form-box .btn.addAllEvalBtn{float:right; margin-right:0px;padding: 9px 30px;background:#223168; border-color:#223168; color:#FFF;}
.qv_step_first.three-box-section .search-form-box .btn.addAllEvalBtn:hover{background: #23b4e8;border-color: #23b4e8;}

.qv_step_first.three-box-section .search-fresult-box{padding:33px 0px;}
.qv_step_first.three-box-section .search-fresult-box h2{padding: 0 5px;}
.qv_step_first.three-box-section .search-fresult-box .searchmore a{color: #000;padding: 6px 0;display: inline-block;}
.qv_step_first.three-box-section .search-fresult-box .search-content h3 a{color:#000; opacity:0.7}
.qv_step_first.three-box-section .search-fresult-box .search-content h3 a:hover{text-decoration:none;color:#23b4e8;}
.qv_step_first.three-box-section .search-fresult-box .search-content p{font-size:13px; color:#000; opacity:0.7;}
.qv_step_first.three-box-section .btn-box-section .btn {background: #23b4e8;border-color: #23b4e8;padding: 9px 35px;box-shadow:none; margin-right:10px; font-size:15px;}
.qv_step_first.three-box-section .btn-box-section{padding:0px 9px; margin-top:30px;}
.qv_step_first.three-box-section .text-box-section span{display:block;font-size: 19px;font-family: 'Roboto', sans-serif;font-weight: 500;opacity: 0.9;}
.qv_step_first.three-box-section .text-box-section ul{padding:0px; margin:0px 0 44px;}
.qv_step_first.three-box-section .text-box-section ul li{display:inline-block;padding-left: 50px;font-size: 18px; opacity:0.8;letter-spacing: 0.1px;position:relative;}
.qv_step_first.three-box-section .text-box-section ul li figure{position:absolute; left:0; margin:0px; width:40px; height:36px;}

.for-section .qv-form{padding: 52px 8px 0 !important;} 
.qv_step_first.three-box-section .text-box-section {padding-bottom:26px;border-bottom: 1px solid #CCC;margin: 0px 10px 2px;}
.qv_step_first.three-box-section .text-box-section ul li:nth-child(2n){padding-left: 105px;}
.qv_step_first.three-box-section .text-box-section ul li:nth-child(2n) figure{left:20px;}
.for-section .btn-box-section .final_save_users_btn {float:right;}
.for-section .btn-box-section .btn:hover{background: #223168;border-color: #223168;}
@media (min-width:992px) and  (max-width:1199px) {
.list-dashborad .table-section{overflow-x:auto;}
.list-dashborad .table-section table{min-width: 700px;}
.list-dashborad .user-middle .tab-box ul li a {padding: 10px 25px;font-size: 14px;}
.list-dashborad .users-links.shadowBox {padding: 26px 10px 20px;}
.qv_step_first .box-shadow-qv{width:100%;}
.qv_step_first .heading-inner h2{font-size:38px;}
.qv_step_first.three-box-section .qv-form{padding: 40px 8px 0;}
.qv_step_first.three-box-section .btn-box-section .btn{font-size:14px;}
}
@media (min-width:768px) and  (max-width:991px) {
	.list-dashborad .table-section{overflow-x:auto;}
.list-dashborad .table-section table{min-width: 700px;}
.list-dashborad .user-middle .tab-box ul li a {padding: 10px 25px;font-size: 14px;}
.list-dashborad .users-links.shadowBox {padding: 26px 10px 20px;}
.qv_step_first .box-shadow-qv{width:100%;}
.qv_step_first .heading-inner h2{font-size:38px;}
.qv_step_first .box-shadow-qv .qv-form{width:100%;}
.qv_step_first .steps-list li a{font-size:16px;}
.qv_step_first .box-shadow-qv .qv-form {padding: 40px 0px 10px;}
.qv_step_first .bottom-groupbutton{margin-top:15px;}
.qv_step_first .qv_step_two_actn span.input-append{width: 40%}
.qv_step_first .interview-length-div{margin-top: 20px;padding-top: 25px;padding-bottom: 25px;font-size: 15px;}
.qv_step_first .table-stap-2{overflow-x:auto;}
.qv_step_first .table-stap-2 table{min-width:800px;}
.qv_step_first.three-box-section .search-form-box{padding: 15px 0px 15px;}
.qv_step_first.three-box-section .search-form-box .btn{margin-right:0px;}
.qv_step_first.three-box-section .search-fresult-box{padding: 20px 0px;}
.qv_step_first.three-box-section .qv-form h2{font-size:20px;}
.qv_step_first.three-box-section .btn-box-section .btn{font-size: 14px;padding: 9px 30px;}
.qv_step_first.three-box-section .btn-box-section{margin-top:15px;}
.qv_step_first.three-box-section .btn-box-section .col-md-7{width: 100%;max-width: 40%;}
.qv_step_first.three-box-section .btn-box-section .col-md-5 {width: 100%;max-width: 60%;flex: 100%;}
.qv_step_first.three-box-section .text-box-section{padding-bottom: 15px;}
.qv_step_first.three-box-section .text-box-section span{font-size:16px;}
.qv_step_first.three-box-section .text-box-section ul{margin:0px 0px 25px;}
.qv_step_first.three-box-section .text-box-section ul li{font-size:16px;}
.for-section .qv-form{padding:25px 8px 0 !important;}
}
@media (max-width:767px) {
.list-dashborad .user-middle .tab-box ul{margin-top:15px; margin-bottom:15px;}
.list-dashborad .user-middle .tab-box ul li a {padding: 10px 25px;font-size: 14px;}
.list-dashborad .users-links.shadowBox {padding: 26px 10px 20px;}
.list-dashborad .table-section{overflow-x:auto;}
.list-dashborad .table-section table{min-width: 700px;}	
.qv_step_first .box-shadow-qv{width:100%;}
.qv_step_first .heading-inner h2{font-size:38px;}
.qv_step_first .box-shadow-qv .qv-form{width:100%;}
.qv_step_first .box-shadow-qv .qv-form {padding: 40px 0px 10px;}
.qv_step_first .bottom-groupbutton{margin-top:15px;}
.qv_step_first {padding-top: 15px !important;}
.qv_step_first .heading-inner h2{font-size:30px;}
.qv_step_first .qv_step_two_actn span.input-append{width:40%}
.qv_step_first .interview-length-div{margin-top: 20px;padding-top: 25px;padding-bottom: 25px;font-size: 15px;}
.qv_step_first .table-stap-2{overflow-x:auto;}
.qv_step_first .table-stap-2 table{min-width:800px;}
div.qv_step_first .box-shadow-qv .form-group textarea.form-control{height:100px !important;}


.qv_step_first .name-group .actionBtnQuestion .btn-primary{font-size:14px;}
.qv_step_first .box-shadow-qv .qv-form .container{padding:0px;}
.qv_step_first .box-shadow-qv .table .thead-dark th{font-size:14px;}
.qv_step_first .box-shadow-qv .table .ui-sortable td{padding:10px;}
.qv_step_first .width-100 span.actionBtnQuestion{margin-top:20px;}

.qv_step_first.three-box-section .search-fresult-box{padding: 20px 0px;}
.qv_step_first.three-box-section .qv-form h2{font-size:20px;}
.qv_step_first.three-box-section .btn-box-section .btn{font-size: 14px;padding: 9px 30px;}
.qv_step_first.three-box-section .btn-box-section{margin-top:15px;}
.qv_step_first.three-box-section .search-form-box{padding: 15px 0px 15px;}
.qv_step_first.three-box-section .btn-box-section .col-md-8{width:50%;}
.qv_step_first.three-box-section .btn-box-section .col-md-4{width:50%;}
.qv_step_first.three-box-section .search-form-box .btn{font-size: 14px;padding: 9px 30px; margin-right:0px;}
.qv_step_first.three-box-section .btn-box-section .col-md-7{width: 100%;max-width:25%;}
.qv_step_first.three-box-section .btn-box-section .col-md-5 {width: 100%;max-width:75%;flex: 100%;}
.qv_step_first.three-box-section .text-box-section{padding-bottom: 15px;}
.qv_step_first.three-box-section .text-box-section span{font-size:16px;}
.qv_step_first.three-box-section .text-box-section ul{margin:0px 0px 25px;}
.qv_step_first.three-box-section .text-box-section ul li{font-size:16px;}
.for-section .qv-form{padding:25px 8px 0 !important;}
.qv_step_first.three-box-section .text-box-section ul li:nth-child(2n){padding-left:50px;}
.qv_step_first.three-box-section .btn-box-section .btn{margin-right:0px;}
}
@media (max-width:660px) {
.qv_step_first .width-29{width:100% !important; margin:0px;}
.qv_step_first .name-group.width-69{width:100% !important; margin:0px;} 
.qv_step_first .qv_step_two_actn span.input-append{width:15%}
.qv_step_first span.actionBtnQuestion{margin-top:15px;}
.qv_step_first .name-group .actionBtnQuestion .btn-primary {width: 32.33%;padding: 10px 0;}
}
@media (max-width:479px) {
.list-dashborad .user-middle .tab-box ul li a{width:100%;}
.list-dashborad .user-middle .tab-box ul li {width:100%;}
.list-dashborad .mycompany-box .btn-primary{margin:0px 0px 10px !important; width:100%;}
.list-dashborad .mycompany-box .left-right-btn{margin:0px;}
.qv_step_first .box-shadow-qv {padding: 22px 8px 35px;}
.qv_step_first .box-shadow-qv .form-group .btn-primary{width:100%;}
.qv_step_first .bottom-groupbutton{margin-bottom:15px;}
.qv_step_first .bottom-groupbutton .btn{width:100%; margin-bottom:10px; font-size:14px;}
.qv_step_first .box-shadow-qv .form-group .btn-primary{font-size:14px}
.qv_step_first .bottom-groupbutton{padding: 0px 15px;}
.qv_step_first span.actionBtnQuestion{padding:0px 10px;}
.qv_step_first .name-group .actionBtnQuestion .btn-primary{width:100%; margin-bottom:10px; margin-left:0px !important;}
.qv_step_first .width-100 span.actionBtnQuestion a.btn{margin-left:0px !important;}
.qv_step_first .name-group{margin:0px;}
.qv_step_first .interview-length-div {margin-top: 10px;padding-top: 15px;padding-bottom: 15px;font-size: 14px;text-align: center;}
.qv_step_first.three-box-section .search-form-box .btn{width:100%;margin-bottom:10px;}
.qv_step_first.three-box-section .btn-box-section .col-md-8{width:100%;}
.qv_step_first.three-box-section .btn-box-section .col-md-4{width:100%;}
.qv_step_first.three-box-section .btn-box-section .btn{width:100%; margin-bottom:10px;}
.qv_step_first.three-box-section .box-shadow-qv{padding-bottom:0px;}
.qv_step_first.three-box-section .qv-form h2{font-size:18px;}
.qv_step_first.three-box-section .btn-box-section .col-md-7{width: 100%;max-width:100%;}
.qv_step_first.three-box-section .btn-box-section .col-md-5 {width: 100%;max-width:100%;flex: 100%;}
.qv_step_first.three-box-section.for-section .btn-box-section .btn {padding:10px 0px;}
.qv_step_first.three-box-section .text-box-section ul li{font-size:15px;}
.qv_step_first.three-box-section .text-box-section span{font-size:14px;}
.qv_step_first.three-box-section .text-box-section ul{margin-bottom:15px;}
.qv_step_first.three-box-section .text-box-section ul li figure{width: 25px;height: 30px;}
.qv_step_first.three-box-section .text-box-section ul li:nth-child(2n) figure{left:0px;}
}
.user-filters ul li a.myresume {
    text-align: left;
}
.user-filters ul li a.job-preferences{text-align: left;}
.left-user .user-filters ul li a{text-align: left;} 

/*-- 20-10-2020 --*/
.frnd_listing_section .friendlisting .friendbox{padding:20px; }
.frnd_listing_section .friendlisting li{width: 33.33%}
.frnd_listing_section .friendlisting li .friendbox .friendimage{top:0;left: 0;width: auto;}
.frnd_listing_section .frnd_img_panel {position: relative; padding: 0px 0px 10px 101px;min-height: 80px;margin-bottom: 15px;display: flex;flex-wrap: wrap;align-items: center;}
.frnd_listing_section .friendlisting li .friendbox figure{width: 80px;height: 80px;}
.frnd_listing_section .friendbox strong{font-size: 18px;}
.friendbox .userbtngroup{font-size:0;}
.friendbox .userbtngroup .friendbutton{padding:9px 15px;margin: 0 5px 0;font-size: 14px;}

.video_call_model .modal-header{padding:0;border:none;}
.video_call_model .modal-content .modal-header .close{top: 16px;right: 15px;position: absolute;z-index: 1}
.video_call_model  .heading_video_call{font-size: 24px;font-weight: 600;padding-top:20px;}
.video_call_model .modal-content{border:none;text-align: center;}
.video_call_model .friendimage{width:250px;height:250px;border-radius: 50%;margin:auto;border-radius: 50%;overflow: hidden;}
.video_call_btn{font-size: 0;padding-top: 20px;}
.video_call_model .modal-body {padding: 60px;}
.video_call_model a{display: inline-block;text-decoration:none;margin: 0 6px;}
.video_call_model #accept_btn .btn,
.video_call_model #decline_btn .btn{display: block;width: 125px;padding: 10px 15px;border-radius: 8px}

.start_video_call .chat_message .sendbox {width: auto;padding: 10px 15px 22px 15px;min-width: 200px;text-align: left;}
.start_video_call .chat_message .receivebox{width: auto;padding: 10px 15px 22px 15px;min-width:200px;text-align: left;}
.dashboardflex.start_video_call{padding: 20px;}
.receivebox{font-size: 15px;}
.receivetxtbox.receivebox:after {border-left: none;left: 0;border-right: 25px solid transparent;}
.chat_message .msg_time {position: absolute;right: 10px;bottom: 5px;font-size: 13px;}
.username {font-size: 14px;font-weight: 600;line-height: 14px;padding-bottom: 7px;display: block;}
.user_msg p{font-size: 15px;}
.start_video_call.dashboardflex  .doctor_chat_profile{width: 65%}
.start_video_call.dashboardflex  .chat_message{width:35%;background:#f5f5f5;padding:15px;}


.doctor_chat_profile .bookinglist li figure{width: 75px;height: 75px;}
.friends-listing.cstm_frind_list li a{min-height:100%;}
.friends-listing.cstm_frind_list li .chat_video_call{padding:3px 0 0 55px;}
.friends-listing.cstm_frind_list li .chat_video_call > a {display: inline-block;padding: 0;min-height: inherit;font-size: 16px;margin: 0 10px;position: relative;}
.friends-listing.cstm_frind_list li .chat_video_call > a:hover{color:#23b4e8;}
.friends-listing.cstm_frind_list li .chat_video_call > a:after{content:"";position:absolute;right:-14px;top: 0;bottom:0;width: 1px;height: 65%;margin: auto;background:#d6d6d6}
.friends-listing.cstm_frind_list li .chat_video_call > a:last-child:after{display: none;}
.friends-listing.cstm_frind_list li a strong{padding-top: 5px;}


.start_video_call .sendmessagebox textarea.form-control{padding: 21px 12px 6px 87px;}

.friends-listing .offlineuser{bottom:5px;}
.friends-listing.cstm_frind_list li a strong.full_name_box.u_offline {padding-top: 15px;}

.Add_user_call_model .modal-header{padding:0;border:none;}
.Add_user_call_model .modal-content .modal-header .close{top: 16px;right: 15px;position: absolute;z-index: 1}
.Add_user_call_model .modal-title{font-size: 20px;font-weight: 600;padding: 0;}
.Add_user_call_model  .heading_video_call{font-size: 24px;font-weight: 600;padding-top:20px;}
.Add_user_call_model .modal-content{border:none;text-align: center;}
.Add_user_call_model .friendimage{width:250px;height:250px;border-radius: 50%;margin:auto;border-radius: 50%;overflow: hidden;}
.Add_user_call_model .modal-body {padding: 60px;}
.Add_user_call_model .styled-selectors{padding: 15px 0}
.Add_user_call_model .styled-selectors input[type="checkbox"]:not(old) + label:after{height: 20px;width: 20px;border-radius: 4px;top: 0}
.Add_user_call_model .styled-selectors input[type="checkbox"] + label:before {top: 0px;left: 0;height: 20px;width: 20px;bottom: auto;background-repeat: no-repeat;background-size: 10px;background-position: center;}
.Add_user_call_model .styled-selectors input[type=checkbox]:not(old)+label, .styled-selectors input[type=radio]:not(old)+label {padding: 0px 0 3px 30px;font-size: 15px;line-height: 20px;}
.Add_user_call_model .btn{outline: none;font-size: 15px;font-weight: 600;min-width: 130px;padding-top: 10px;padding-bottom: 10px;border-radius: 5px;background-color: #23b4e8;
    border: 1px solid #23b4e8;}

.start_video_call .subscribe_div .subscribe{display: flex;}

@media (min-width:1200px) and  (max-width:1400px) {
.start_video_call .sendmessagebox textarea.form-control{padding: 21px 12px 6px 52px;}
.start_video_call .sendmessagebox .attachment {left: 30px;top: 37px;height: 27px;width: 27px;}
}
@media (min-width:992px) and  (max-width:1199px) {
.frnd_listing_section .friendlisting .friendbox {padding: 15px;}
.friendbox .userbtngroup .friendbutton {padding: 7px 7px;margin: 0 4px 0;font-size: 13px;}
.friends-listing.cstm_frind_list li a strong {padding-top: 0;}
.friends-listing.cstm_frind_list li .chat_video_call{padding:0px 0 0 40px;}

.start_video_call .sendmessagebox textarea.form-control {padding:7px 12px 6px 34px;}
.start_video_call .sendmessagebox .attachment {top: 21px;}

.friends-listing.cstm_frind_list li a strong.full_name_box.u_offline{padding-top: 8px;}
}

@media (min-width:768px) and  (max-width:991px) {
.frnd_listing_section .friendlisting .friendbox {padding: 15px;}    
.frnd_listing_section .friendlisting li{width:50%}
.friendbox .userbtngroup .friendbutton {padding: 7px 10px;margin: 0 4px 0;}
.start_video_call.dashboardflex  .doctor_chat_profile{width: 100%}
.start_video_call.dashboardflex  .chat_message{width:100%;}
.friends-listing.cstm_frind_list li a strong {padding-top: 0;}
.friends-listing.cstm_frind_list li .chat_video_call{padding:0px 0 0 23px;}
.friends-listing.cstm_frind_list li .chat_video_call > a{font-size: 14px;}
.start_video_call .sendmessagebox textarea.form-control {padding: 7px 12px 6px 35px;}

.friends-listing.cstm_frind_list li a strong.full_name_box.u_offline {padding-top: 9px;}
}
@media (max-width:767px) { 
.frnd_listing_section .friendlisting .friendbox {padding: 15px;text-align: center;}  
.frnd_listing_section .friendlisting li{width:50%}
.frnd_listing_section .friendbox strong {font-size: 18px;display: block;width: 100%;}
.frnd_listing_section .friendlisting li .friendbox .friendimage {top: 0;left: 0;width:auto; margin: auto;display: block;position: relative;}
.frnd_listing_section .frnd_img_panel{padding:0;}
.friendbox .userbtngroup .friendbutton {margin: 0 5px 10px;}
.start_video_call.dashboardflex  .doctor_chat_profile{width: 100%}
.start_video_call.dashboardflex  .chat_message{width:100%;padding: 13px;}
.start_video_call .sendmessagebox textarea.form-control {padding: 10px 12px 6px 32px;font-size: 12px;}
}
@media (max-width:575px) { 
.frnd_listing_section .friendlisting li{width:100%}

.start_video_call.dashboardflex  .doctor_chat_profile .bookinglist li {
    padding: 0 4px;
}

}