@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,700');

@import url('https://fonts.googleapis.com/css?family=Yesteryear');

body {

  font-family: 'Roboto', sans-serif;

}

html {

  font-size: 100%;

}

.container {

  width: 90%;

}

.nopad-right {

  padding-right: 0;

}

.nopad-left {

  padding-left: 0;

}

.btn-rounded {

  border-radius: 20px;

}

.height100 {

  height: 100%;

}

html,

html a {

  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004);

  -webkit-font-smoothing: antialiased !important;

}

.anchor {

  position: absolute;

  top: -100px;

  visibility: hidden;

}

.runninghead {

  font-family: 'Yesteryear', 'cursive';

  width: 100%;

  text-align: center;

  position: relative;

}

.runninghead .sub {

  display: block;

  overflow: hidden;

  font-size: 0.8rem;

  font-family: 'Lato', sans-serif;

}

.red,

.text-red {

  color: #e0003a;

}

.text-yellow {

  color: #ffc600;

}

.linehead {

  font-size: 1rem;

  font-weight: 100;

  text-align: center;

  width: 100%;

  text-transform: uppercase;

}

.btn-equal.fa {

  padding: 1px;

}

body {

  background: #ededed url('../images/design-pattern.png');

}

article.main {

  margin-top: 130px;

  padding: 20px 0;

}

article.main.home {

  padding: 0;

}

@media (max-width: 640px) {

  article.main {

    margin-top: 90px;

  }

}

header.main {

  position: fixed;

  top: 0;

  z-index: 1000;

  width: 100%;

}

.header-top-ribbon {

  width: 100%;

  display: block;

  overflow: hidden;

  height: 30px;

  line-height: 30px;

  background: #c20044;

  color: #fff;

  font-size: 0.8rem;

}

.header-top-ribbon .profile-id {

  color: rgba(255, 255, 255, 0.8);

}

.header-top-ribbon .profile-id strong {

  color: #ffffff;

}

.header-top-ribbon ul.top-links {

  margin: 0;

  padding: 0;

  list-style: none;

  text-align: right;

}

.header-top-ribbon ul.top-links li {

  display: inline-block;

  padding: 0 15px;

  color: rgba(255, 255, 255, 0.8);

  position: relative;

}

.header-top-ribbon ul.top-links li a {

  text-decoration: none;

  color: #ffffff;

}

.header-top-ribbon ul.top-links li a i.fa {

  font-size: 1.2rem;

  vertical-align: middle;

}

.header-top-ribbon ul.top-links li a .label {

  position: relative;

  top: 0px;

  right: -2px;

}

.header-main {

  width: 100%;

  background: #ffffff;

  height: 100px;

  -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.2);

  -moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.2);

  box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.2);

}

.header-main .container {

  height: inherit;

}

.header-main .container .row {

  height: inherit;

}

.logo-wrapper {

  height: 100%;

  width: 100%;

  max-width: 260px;

  display: table;

  padding: 10px 0;

  box-sizing: border-box;

}

.logo-wrapper .logo {

  display: table-cell;

  vertical-align: middle;

  height: 40px;

  width: 100%;

}

.logo-wrapper .logo img {

  width: 100%;

  height: auto;

}

@media (max-width: 768px) {

  .header-top-ribbon .profile-id {

    text-align: center;

  }

  .header-main {

    height: 75px;

  }

}

@media (max-width: 640px) {

  .header-top-ribbon .profile-id {

    text-align: center;

  }

  .header-main {

    height: 60px;

  }

}

footer.main {

  display: block;

  overflow: hidden;

}

footer.main .quick-contact {

  width: 100%;

  background: #2e2e2e;

  display: block;

  overflow: hidden;

  color: #707070;

  text-align: center;

  font-size: 0;

}

footer.main .quick-contact .qc-box {

  width: 25%;

  height: 160px;

  vertical-align: top;

  display: inline-block;

  border-right: 1px solid #4d4d4d;

  box-sizing: border-box;

  margin: 0;

  padding: 0;

  padding: 20px 0;

  font-size: 0.8rem;

}

footer.main .quick-contact .qc-box:last-child {

  border: none;

}

footer.main .quick-contact .qc-box .tbl {

  display: table;

  width: 100%;

  height: 100%;

}

footer.main .quick-contact .qc-box .tbl .qclabel {

  display: block;

  overflow: hidden;

  font-weight: normal;

  font-size: 0.8rem;

  line-height: normal;

}

footer.main .quick-contact .qc-box .tbl .item {

  display: table-cell;

  vertical-align: middle;

}

footer.main .quick-contact .qc-box .tbl .item .fa {

  font-size: 2.5rem;

}

footer.main .quick-contact .qc-box .tbl .item.lfticon {

  text-align: left;

}

footer.main .quick-contact .qc-box .tbl .item.lfticon .fa {

  float: left;

  vertical-align: middle;

}

footer.main .quick-contact .qc-box .tbl .item.lfticon .cntwrp {

  float: left;

  vertical-align: middle;

  margin-left: 5px;

  font-size: 1rem;

}

footer.main .quick-contact .qc-box .tbl .item a {

  color: #999;

  text-decoration: none;

}

footer.main .quick-contact .qc-box .tbl .item a:hover {

  color: #dddddd;

}

footer.main .quick-contact .qc-box .tbl .item .phone {

  margin: 0;

  padding: 0;

  list-style: none;

  text-align: center;

}

footer.main .quick-contact .qc-box .tbl .item .phone li {

  text-align: left;

  padding-left: 30px;

}

footer.main .quick-contact .qc-box .tbl .item .phone li label {

  width: 150px;

  display: inline-block;

}

footer.main .quick-contact .qc-box .tbl .item .social-icons {

  display: block;

  overflow: hidden;

}

footer.main .quick-contact .qc-box .tbl .item .social-icons .icon {

  padding: 10px;

  margin: 0 5px;

  display: inline-block;

}

footer.main .quick-contact .qc-box .tbl .item .social-icons .icon .fa {

  font-size: 1.5rem;

}

footer.main .sitemap {

  width: 100%;

  background: #c20044;

  color: #fff;

}

footer.main .footer-nav {

  width: 100%;

  display: block;

  overflow: hidden;

  padding: 60px 0;

  font-size: 0;

}

footer.main .footer-nav ul {

  margin: 0;

  padding: 0;

  list-style: none;

  width: 25%;

  display: inline-block;

  font-size: 1rem;

  font-weight: 100;

}

footer.main .footer-nav ul li {

  margin-right: 15%;

  border-bottom: 1px dotted rgba(255, 255, 255, 0.3);

  font-size: 0.8rem;

}

footer.main .footer-nav ul li.title {

  font-weight: 300;

  font-size: 1.2rem;

  margin-bottom: 10px;

  border: none;

}

footer.main .footer-nav ul li:last-child {

  border: none;

}

footer.main .footer-nav ul li a {

  padding: 5px 0;

  display: block;

  color: rgba(255, 255, 255, 0.8);

  text-decoration: none;

}

footer.main .footer-nav ul li a:hover {

  color: #ffffff;

}

footer.main .info {

  width: 100%;

  display: block;

  overflow: hidden;

  background: #a9003b;

  color: rgba(255, 255, 255, 0.5);

}

footer.main .info .legal {

  font-size: 0.8rem;

  text-align: center;

  padding: 10px 0;

}

@media (max-width: 640px) {

  footer.main .quick-contact .container {

    width: 100%;

    padding: 0;

  }

  footer.main .quick-contact .qc-box {

    height: auto;

    padding: 20px;

  }

  footer.main .quick-contact .qc-box.qc-box-email {

    width: 100%;

    border-bottom: 1px solid #4d4d4d;

    border-right: none;

    text-align: center;

  }

  footer.main .quick-contact .qc-box.qc-box-phone {

    width: 100%;

    border-bottom: 1px solid #4d4d4d;

    border-right: none;

  }

  footer.main .quick-contact .qc-box.qc-box-social {

    width: 50%;

  }

  footer.main .quick-contact .qc-box .tbl .item .phone li {

    display: block;

    overflow: hidden;

    padding: 5px 15%;

    text-align: right;

  }

  footer.main .quick-contact .qc-box .tbl .item .phone li label {

    width: 50%;

    float: left;

    text-align: left;

  }

  footer.main .quick-contact .qc-box .tbl .item.lfticon {

    text-align: center;

  }

  footer.main .quick-contact .qc-box .tbl .item.lfticon .fa {

    float: none;

  }

  footer.main .quick-contact .qc-box .tbl .item.lfticon .cntwrp {

    float: none;

  }

  footer.main .quick-contact .qc-box .tbl .item .social-icons .icon {

    margin: 0 0;

  }

  footer.main .sitemap .container {

    width: 100%;

    padding: 0;

  }

  footer.main .footer-nav {

    padding: 0;

  }

  footer.main .footer-nav ul {

    width: 100%;

    display: block;

  }

  footer.main .footer-nav ul li {

    margin-right: 0;

    padding: 0 30px;

  }

  footer.main .footer-nav ul li.title {

    background: rgba(0, 0, 0, 0.2);

    padding: 5px 30px;

    margin: 0;

  }

  footer.main .footer-nav ul li a {

    padding: 15px 0;

  }

  footer.main .info .legal {

    font-size: 0.7rem;

  }

}

/* The side navigation menu */

.sidenav {

  height: 100%;

  width: 0;

  position: fixed;

  z-index: 1000;

  top: 0;

  right: 0;

  background-color: #f4f4f4;

  overflow-x: hidden;

  padding-top: 15px;

  transition: 0.5s;

}

.sidenav a {

  padding: 8px 8px 8px 32px;

  text-decoration: none;

  font-size: 1rem;

  color: #818181;

  display: block;

  transition: 0.3s;

}

.sidenav a:hover,

.offcanvas a:focus {

  color: #c20044;

}

.sidenav .closebtn {

  position: absolute;

  top: 0;

  right: 25px;

  font-size: 36px;

  margin-left: 50px;

}

.sidenav .title {

  font-size: 1rem;

  font-weight: 100;

  margin-left: 20px;

  color: rgba(0, 0, 0, 0.5);

  margin-top: 15px;

  margin-bottom: 20px;

  display: inline-block;

}

#main {

  transition: margin-left 0.5s;

}

@media screen and (max-height: 450px) {

  .sidenav {

    padding-top: 15px;

  }

  .sidenav a {

    font-size: 1rem;

  }

}

.slider-section {

  width: 100%;

  max-height: 410px;

  background: #eee;

  position: relative;

  overflow: hidden;

}

.slider-section .slider-box-wrp {

  position: absolute;

  bottom: 60px;

  z-index: 999;

  width: 100%;

}

.slider-section .slider-box-wrp .slider-box {

  width: 100%;

  background: #c20044;

  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);

  -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);

  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);

}

.slider-section .login-box-wrp {

  position: absolute;

  bottom: 180px;

  z-index: 999;

  width: 100%;

}

.slider-section .login-box-wrp .login-box {

  width: 100%;

  background: #fff;

  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);

  -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);

  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);

}

.login-box {

  width: 100%;

  height: 100%;

  padding: 25px;

  background: #fff;

  display: block;

  overflow: hidden;

}

.search-box {

  width: 100%;

  height: 100%;

  padding: 25px 20px 28px 20px;

  background: #fff;

  display: block;

  overflow: hidden;

}

.search-box .title {

  width: 20%;

  float: left;

  text-align: center;

  font-size: 1rem;

  font-weight: 100;

  color: #999;

  line-height: 1.5rem;

}

.search-box .title strong {

  font-weight: 400;

  display: block;

  font-size: 1.5em;

  color: #222222;

}

.search-box .content {

  width: 80%;

  float: left;

  margin-top: 5px;

}

.search-box .content .inp-looking-for {

  width: 15%;

}

.search-box .content .inp-age-from {

  width: 10%;

}

.search-box .content .inp-age-to {

  width: 10%;

}

.search-box .content .inp-location {

  width: 40%;

}

.search-box .content .form-control {

  width: 100%;

}

.search-box .group-btn {

  position: relative;

  min-width: 20%;

}

.search-box .link {

  font-size: 0.7rem;

  position: absolute;

  bottom: -15px;

  right: 0;

}

.reg-btn-wrp {

  width: 100%;

  background: #c20044;

  color: #fff;

  padding: 25px 20px;

  position: relative;

}

.reg-btn-wrp .helper {

  display: block;

  overflow: hidden;

}

.reg-btn-wrp .icon {

  width: 20%;

  float: left;

  font-size: 2rem;

  margin-top: 15px;

}

.reg-btn-wrp .content {

  width: 80%;

  float: left;

  margin-top: 0px;

}

.reg-btn-wrp .content .title {

  font-size: 1.5rem;

  font-weight: 100;

  margin: 0;

}

.reg-btn-wrp .content .text {

  font-size: 0.7rem;

  color: rgba(255, 255, 255, 0.8);

  line-height: 0.8rem;

}

.link-wrp {

  position: absolute;

  bottom: -20px;

  left: -15px;

  text-align: center;

  width: 100%;

}

.link-wrp .link {

  width: 40px;

  height: 40px;

  background: #fff;

  display: inline-block;

  overflow: hidden;

  -webkit-border-radius: 50%;

  -moz-border-radius: 50%;

  border-radius: 50%;

  border: 1px solid #fff;

  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);

  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);

  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);

  font-size: 2rem;

  color: #c20044;

  padding-top: 5px;

  box-sizing: border-box;

}

.service-features {

  width: 100%;

}

.service-features .runninghead {

  text-align: left;

}

.service-features ul.feature-list {

  margin: 20px 0 0 0;

  padding: 0;

  list-style: none;

}

.service-features ul.feature-list li {

  padding: 5px 0;

  text-shadow: 0 3px 5px rgba(0, 0, 0, 0.3);

}

.service-features ul.feature-list li:before {

  content: '\f00c';

  font-family: 'FontAwesome';

  margin-right: 20px;

  color: #4a9d00;

  text-shadow: none;

}

@media (max-width: 640px) {

  .slider-section {

    background-image: linear-gradient(135deg, #fdfcfb 0%, #e2d1c3 100%);

    height: auto;

    max-height: none;

    padding: 20px 0;

    display: block;

    overflow: hidden;

  }

  .slider-section .carousel {

    display: none;

  }

  .slider-section .slider-box-wrp,

  .slider-section .login-box-wrp {

    position: relative;

    bottom: auto;

    padding: 10px 0 10px 0;

    display: block;

    overflow: hidden;

  }

  .login-box .form-extra {

    margin-top: 10px;

  }

  .search-box {

    padding: 20px;

  }

  .search-box .title {

    width: 100%;

    text-align: center;

    font-size: 1.2rem;

  }

  .search-box .title strong {

    display: inline;

    font-size: 1em;

  }

  .search-box .content {

    width: 100%;

  }

  .search-box .content .inp-looking-for {

    width: 100%;

  }

  .search-box .content .inp-age-from {

    width: 50%;

    padding-right: 5%;

    float: left;

  }

  .search-box .content .inp-age-to {

    width: 50%;

    padding-left: 5%;

    float: left;

  }

  .search-box .content .inp-location {

    width: 100%;

  }

  .search-box .content .link {

    width: 100%;

    display: block;

    overflow: hidden;

    text-align: center;

    font-size: 1rem;

    position: relative;

    top: auto;

  }

  .reg-btn-wrp {

    display: none;

  }

  .link-wrp {

    display: none;

  }

  .service-features .runninghead {

    text-align: center;

    font-size: 1.5rem;

  }

}

.company-section {

  width: 100%;

  display: block;

  overflow: hidden;

  padding: 60px 0 0 0;

  position: relative;

  background-image: linear-gradient(to top, #dfe9f3 0%, white 100%);

}

.company-section .runninghead {

  margin-bottom: 30px;

}

.company-section .other-web {

  width: 100%;

  padding: 0 10%;

  box-sizing: border-box;

  text-align: center;

}

.company-section .other-web .logo-wrp {

  width: 100%;

  height: 100px;

  display: table;

  text-align: center;

}

.company-section .other-web .logo-wrp .logo {

  display: table-cell;

  vertical-align: middle;

}

.company-section .other-web .logo-wrp .logo img {

  width: 100%;

  height: auto;

  max-width: 200px;

}

.company-section .other-web .content {

  display: block;

  overflow: hidden;

  width: 100%;

  margin-top: 10px;

}

.company-section .other-web .content .title {

  font-size: 1.2rem;

  font-weight: 600;

  color: #226e47;

}

.company-section .other-web .content .title .sub {

  display: block;

  overflow: hidden;

  font-size: 0.7em;

  font-weight: 300;

  color: #333;

}

.company-section .other-web .content .text {

  height: 100px;

  margin: 10px 0;

  width: 100%;

  display: inline-block;

  color: #666;

}

.company-section .about-us-box {

  width: 100%;

  display: block;

  overflow: hidden;

  text-align: center;

  margin: 60px 0 0 0;

  padding: 20px;

  background-image: linear-gradient(135deg, #fdfcfb 0%, #e2d1c3 100%);

  position: relative;

  z-index: 999;

  -webkit-box-shadow: 1px -10px 17px -11px rgba(0, 0, 0, 0.4);

  -moz-box-shadow: 1px -10px 17px -11px rgba(0, 0, 0, 0.4);

  box-shadow: 1px -10px 17px -11px rgba(0, 0, 0, 0.4);

}

.company-section .about-us-box .title {

  font-size: 1.6rem;

}

.company-section .about-us-box .text {

  width:80%;

  display: inline-block;

  font-size: 1rem;

  font-weight: 100;

}

.company-section .about-us-box-bg-helper {

  width: 100%;

  height: 50px;

  background: #2e2e2e;

  position: absolute;

  bottom: 0;

  z-index: 998;

}

@media (max-width: 640px) {

  .company-section {

    padding: 15px 0 0 0;

  }

  .company-section .other-web {

    padding: 0 0 15px 0;

    border-bottom: 1px solid #ddd;

  }

  .company-section .other-web:last-child {

    border: none;

  }

  .company-section .about-us-box {

    margin: 15px 0 0 0;

  }

  .company-section .about-us-box .title {

    margin-top: 0;

    font-size: 1rem;

  }

  .company-section .about-us-box .text {

    width: 100%;

    font-size: 0.7rem;

  }

}

.mob-section {

  background: #496777 url('../images/bg-lights.jpg');

  background-size: cover;

  position: relative;

  padding: 30px 0;

}

.mob-section .mob-ad-data {

  text-align: left;

  padding: 20px 0px 20px 0;

}

.mob-section .mob-ad-data .title1 {

  font-size: 2rem;

  font-weight: 300;

  color: #005270;

  margin-top: 30px;

}

.mob-section .mob-ad-data .title1:before {

  content: '';

  background: url('../images/icon-mobile.png') no-repeat;

  height: 43px;

  width: 43px;

  display: inline-block;

  vertical-align: middle;

  margin-right: 20px;

  color: #005270;

}

.mob-section .mob-ad-data .text {

  padding: 10px 0;

  font-size: 1rem;

  color: #333;

  font-weight: 300;

  line-height: normal;

}

.mob-section .mob-ad-data .title2 {

  color: #333;

  font-size: 1.2rem;

  margin: 0 0 20px 0;

  font-weight: 300;

}

.mob-section .mob-ad-data .appbadge {

  display: block;

  overflow: hidden;

  margin-bottom: 20px;

}

.mob-section .mob-ad-data .appbadge .item {

  margin-right: 10px;

  float: left;

}

.mob-section .mob-ad-data .appbadge img {

  height: 40px;

  width: auto;

}

.mob-section .mob-ad-data .moblink {

  font-size: 1rem;

  display: block;

  overflow: hidden;

}

.mob-section .mob-ad-data .moblink .wrp {

  display: inline-block;

  border-bottom: 1px solid #666;

}

.mob-section .mob-ad-data .moblink a {

  color: #333;

  font-weight: 300;

  text-decoration: none;

}

.mob-section .mob-image {

  position: absolute;

  top: 30px;

  right: 0;

  width: 420px;

}

.mob-section .mob-image img {

  width: 100%;

  height: auto;

}

@media (max-width: 640px) {

  .mob-section {

    text-align: center;

  }

  .mob-section .mob-ad-data {

    padding: 0;

    text-align: center;

    background: #fff;

    padding: 20px;

    box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);

    -webkit-border-radius: 6px;

    -moz-border-radius: 6px;

    border-radius: 6px;

  }

  .mob-section .mob-ad-data .title1 {

    margin: 0px;

    font-size: 1.5rem;

  }

  .mob-section .mob-ad-data .title1:before {

    width: 0;

    margin: 0;

  }

  .mob-section .mob-ad-data .text {

    font-size: 0.8rem;

    color: #999;

    padding: 0;

  }

  .mob-section .mob-ad-data .title2 {

    margin: 10px 0;

  }

  .mob-section .mob-ad-data .appbadge {

    text-align: center;

  }

  .mob-section .mob-ad-data .appbadge .item {

    float: none;

    display: inline-block;

  }

  .mob-section .mob-image {

    width: 60%;

    position: relative;

    top: 0;

    padding: 10px 0;

    display: inline-block;

  }

  .mob-section .mob-image img {

    width: 100%;

  }

}

@media (max-width: 425px) {

  .mob-section .mob-ad-data .appbadge .item {

    width: 50%;

    padding: 0 5px;

    float: left;

    margin: 0;

  }

  .mob-section .mob-ad-data .appbadge .item img {

    width: 100%;

  }

}

.register-section {

  width: 100%;

  display: block;

  overflow: hidden;

  background: rgba(0, 0, 0, 0.05);

  padding: 40px 0;

}

.box-register {

  margin: 20px;

  padding: 30px 8%;

  background: #ffffff;

  font-size: 0.8rem;

  color: #999;

  font-weight: normal;

  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);

  -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);

  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);

  display: block;

  overflow: hidden;

}

.box-register .box-title {

  width: 100%;

  display: block;

  overflow: hidden;

  margin-bottom: 15px;

}

.box-register .box-title .title {

  font-size: 1.2rem;

  font-weight: bold;

  color: #222;

}

.box-register .box-title .title .sub {

  font-size: 0.7em;

  display: block;

  overflow: hidden;

  font-weight: 100;

  color: #999;

}

.box-register .form-group {

  margin-bottom: 10px;

}

.box-register .form-group .control-label {

  font-weight: 300;

  color: #000;

}

.box-register .form-info {

  width: 100%;

  display: block;

  overflow: hidden;

  clear: both;

  margin-top: 15px;

}

@media (max-width: 640px) {

  .register-section {

    padding: 10px 0;

  }

  .box-register {

    margin: 0px;

    padding: 10px 20px;

  }

  .box-register .multi-col {

    margin-bottom: 10px;

  }

  .box-register .multi-col:last-child {

    margin-bottom: 0;

  }

}

.features-section {

  width: 100%;

  display: block;

  overflow: hidden;

  background-image: linear-gradient(-20deg, #ffe4dc 0%, #fff2bf 100%);

  padding: 60px 0;

}

.features-section .feature-item {

  width: 33%;

  display: inline-block;

  padding: 0 30px;

  box-sizing: border-box;

  text-align: center;

  color: #666;

  border-right: 1px solid #cec0bc;

}

.features-section .feature-item:last-child {

  border: none;

}

.features-section .feature-item .icon-wrp {

  width: 80px;

  height: 80px;

  -webkit-border-radius: 50%;

  -moz-border-radius: 50%;

  border-radius: 50%;

  border: 2px solid #3f1a0f;

  display: inline-block;

}

.features-section .feature-item .icon-wrp .icon {

  width: 100%;

  height: 100%;

  display: table;

  text-align: center;

}

.features-section .feature-item .icon-wrp .icon .icon-helper {

  display: table-cell;

  vertical-align: middle;

}

.features-section .feature-item .content {

  width: 100%;

  display: block;

  overflow: hidden;

  color: #3f1a0f;

}

.features-section .feature-item .content .title {

  font-size: 1.2rem;

  font-weight: 600;

}

.features-section .feature-item .content .text {

  font-size: 0.8rem;

  width: 60%;

  color: #91817d;

  display: inline-block;

  overflow: hidden;

}

@media (max-width: 640px) {

  .features-section {

    padding: 20px 0;

  }

  .features-section .feature-item {

    width: 100%;

    border: none;

    padding: 20px 0;

    text-align: center;

    border-bottom: 1px solid #cec0bc;

  }

  .features-section .feature-item .icon-wrp {

    display: inline-block;

    overflow: hidden;

    margin-bottom: 20px;

  }

  .features-section .feature-item .content {

    width: 100%;

  }

  .features-section .feature-item .content .title {

    margin-top: 0;

  }

  .features-section .feature-item .content .text {

    width: 100%;

    line-height: normal;

  }

}

.search-key-section {

  display: block;

  overflow: visible;

  background: #80a0a1 url('../images/bg-fade.jpg') no-repeat;

  background-size: cover;

  position: relative;

  padding: 30px 0;

}

.search-key-section .search-icon {

  position: relative;

  top: -150px;

}

.search-key-section ul.search-keys {

  margin: 30px 0;

  padding: 0;

  list-style: none;

  width: 100%;

  -moz-column-width: 150px;

  -moz-column-count: 4;

  -moz-column-gap: 50px;

  -moz-column-rule-color: #eeeeee;

  -moz-column-rule-style: solid;

  -moz-column-rule-width: 0;

  -webkit-column-width: 150px;

  -webkit-column-count: 4;

  -webkit-column-gap: 50px;

  -webkit-column-rule-color: #eeeeee;

  -webkit-column-rule-style: solid;

  -webkit-column-rule-width: 0;

  column-width: 150px;

  column-count: 4;

  column-gap: 50px;

  column-rule-color: #eeeeee;

  column-rule-style: solid;

  column-rule-width: 0;

}

.search-key-section ul.search-keys li {

  border-bottom: 1px dotted #aab6ac;

}

.search-key-section ul.search-keys li a {

  padding: 5px 0;

  display: block;

  overflow: hidden;

  text-decoration: none;

  color: #333;

}

.search-key-section ul.search-keys li a:hover {

  color: #e0003a;

}

@media (max-width: 425px) {

  .search-key-section {

    background-repeat: repeat-y;

    position: relative;

    padding-bottom: 0;

  }

  .search-key-section .search-icon {

    position: absolute;

    top: -90px;

    left: 40%;

  }

  .search-key-section ul.search-keys {

    margin: 0;

  }

  .search-key-section ul.search-keys li a {

    padding: 10px 0;

    display: block;

    overflow: hidden;

  }

  .search-key-section ul.search-keys li:last-child {

    border: none;

  }

}





.quick-action-helper-bg {

  width: 100%;

  height: 80px;

  background-color: #c20044;

  background-image: url('../images/islamic-pattern.png');

  background-repeat: repeat-x;

  position: absolute;

  bottom: 0;

  z-index: 997;

}

.quick-action {

  width: 100%;

  margin: 20px 0;

  display: block;

  overflow: visible;

  background: #fff2bf;

  position: relative;

  z-index: 998;

  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);

  -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);

  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);

}

.quick-action .wrp {

  display: block;

  overflow: hidden;

}

.quick-action .qbox {

  width: 33%;

  padding: 30px;

  float: left;

}

.quick-action .qbox.center {

  background: rgba(255, 255, 255, 0.8);

}

.quick-action .qbox.qbox-ticket .content .title {

  color: #c20044;

}

.quick-action .qbox .icon-wrp {

  float: left;

  width: 25%;

}

.quick-action .qbox .icon-wrp .icon {

  width: 80px;

  height: 80px;

  display: block;

  overflow: hidden;

}

.quick-action .qbox .icon-wrp .icon-care {

  background: url('../images/icon-help.png') center center no-repeat;

}

.quick-action .qbox .icon-wrp .icon-ticket {

  background: url('../images/icon-ticket.png') center center no-repeat;

}

.quick-action .qbox .icon-wrp .icon-support {

  background: url('../images/icon-support.png') center center no-repeat;

}

.quick-action .qbox .content {

  width: 75%;

  padding: 0 10px;

  float: left;

}

.quick-action .qbox .content .title {

  font-size: 1.2rem;

  font-weight: bold;

}

.quick-action .qbox .content p {

  font-size: 0.8rem;

  color: #666;

}

.quick-action .qbox .content p.quote {

  font-size: 1.2rem;

  font-weight: 300;

  line-height: normal;

}

.quick-action .qbox .content ul.number {

  margin: 0;

  padding: 0;

  list-style: none;

}

.quick-action .qbox .content ul.number li label {

  margin: 0;

  width: 30%;

  display: inline-block;

}

.quick-action .qbox .content ul.number li a {

  color: #333;

  text-decoration: none;

}

.quick-action:after {

  content: ' ';

  width: 100%;

  height: 37px;

  background: url('../images/actoin-box-shadow.png') top center no-repeat;

  display: block;

  overflow: hidden;

  position: absolute;

  bottom: -37px;

}

@media (max-width: 640px) {

  .quick-action .qbox {

    width: 100%;

    display: block;

    overflow: hidden;

  }

  .quick-action .qbox .icon-wrp {

    width: 100%;

    display: block;

    overflow: hidden;

    margin-bottom: 10px;

  }

  .quick-action .qbox .icon-wrp .icon {

    width: 100%;

    background-size: contain;

  }

  .quick-action .qbox .content {

    width: 100%;

  }

  .quick-action .qbox .content .link {

    width: 100%;

  }

}

.assisted-matrimony {

  display: block;

  overflow: visible;

  background-color: #c20044;

  background-image: url('../images/islamic-pattern.png');

  background-repeat: repeat;

  position: relative;

  padding: 23px 0 60px 0;

  color: #fff;

  /*

	.icon-wrp{

		width:100%;

		text-align: center;

		margin-top: 10px;

		.icon{

			width: 150px; height: 150px;

			border: 6px solid rgba(0,0,0,0.2);

			.rounded(50%);

			overflow: hidden;

			vertical-align: middle;

			text-align: center;

			display: inline-block;

			background: rgba(255,255,255,1);

			.box-shadow(0 0 10px rgba(0,0,0,0.5));

		}

	}

	*/

}

.assisted-matrimony .icon-wrp {

  width: 100%;

  text-align: center;

  margin-top: 10px;

}

.assisted-matrimony .icon-wrp .icon {

  width: 100%;

  max-width:350px;

  height: auto;

  border: 4px solid rgba(0, 0, 0, 0.2);

  -webkit-border-radius: 6px;

  -moz-border-radius: 6px;

  border-radius: 6px;

  overflow: hidden;

  vertical-align: middle;

  text-align: center;

  display: inline-block;

  background: #ffffff;

  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);

  -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);

  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);

}

.assisted-matrimony .content-wrp .title {

  font-size: 2rem;

  margin: 0 0 20px 0;

  text-shadow: 0 1px 5px rgba(0, 0, 0, 0.5);

}

.assisted-matrimony .content-wrp .title .sub {

  font-size: 0.6em;

  font-weight: 300;

  display: block;

  overflow: hidden;

}

.assisted-matrimony .content-wrp p.quote {

  font-size: 1.2rem;

  font-weight: 300;

  line-height: normal;

  color: rgba(255, 255, 255, 0.8);

}

@media (max-width: 640px) {

  .assisted-matrimony {

    padding: 5px 0 15px 0;

  }

  .assisted-matrimony .icon-wrp {

    margin-bottom: 15px;

  }

  .assisted-matrimony .icon-wrp .icon {

    width: 100%;

    height: auto;

  }

  .assisted-matrimony .content-wrp .title {

    font-size: 1.5rem;

    text-align: center;

  }

  .assisted-matrimony .content-wrp p.quote {

    font-size: 1rem;

    text-align: center;

  }

  .assisted-matrimony .content-wrp .link {

    width: 100%;

  }

}

.nic-box {

  width: 100%;

  display: block;

  overflow: hidden;

  -webkit-box-shadow: 0px 3px 13px -3px rgba(0, 0, 0, 0.72);

  -moz-box-shadow: 0px 3px 13px -3px rgba(0, 0, 0, 0.72);

  box-shadow: 0px 3px 13px -3px rgba(0, 0, 0, 0.72);

  background: #fff;

  -webkit-border-radius: 2px;

  -moz-border-radius: 2px;

  border-radius: 2px;

}

.nic-box header {

  width: 100%;

  border-bottom: 1px solid #ddd;

  display: block;

  overflow: hidden;

}

.nic-box header .icon {

  width: 10%;

  float: left;

  padding: 10px 20px;

}

.nic-box header .title {

  width: 80%;

  float: left;

  padding: 10px 20px;

}

.nic-box header .action {

  width: 10%;

  float: right;

  background: #eee;

}

.panel-nik {

  -webkit-box-shadow: 0px 3px 13px -3px rgba(0, 0, 0, 0.72);

  -moz-box-shadow: 0px 3px 13px -3px rgba(0, 0, 0, 0.72);

  box-shadow: 0px 3px 13px -3px rgba(0, 0, 0, 0.72);

  -webkit-border-radius: 2px;

  -moz-border-radius: 2px;

  border-radius: 2px;

  border: none;

}

.panel-nik .panel-heading {

  background: #fff;

  display: block;

  overflow: hidden;

}

.panel-nik .panel-heading .icon {

  width: 5%;

  float: left;

  margin-top: 8px;

  font-size: 2rem;

  color: rgba(0, 0, 0, 0.5);

}

.panel-nik .panel-heading .title {

  width: 95%;

  float: left;

  padding: 5px;

  font-size: 1.2rem;

  font-weight: 600;

  color: #c20044;

}

.panel-nik .panel-heading .title .info {

  font-size: 0.8rem;

  color: #999;

  font-weight: 300;

  display: block;

  overflow: hidden;

}

.panel-nik .panel-body {

  padding: 20px;

}

.panel-nik .panel-body .body-title-main {

  font-size: 1rem;

  font-weight: 600;

  margin-bottom: 20px;

}

.panel-nik .panel-body .body-title-main .sub {

  display: block;

  overflow: hidden;

  font-size: 0.8rem;

  color: #666;

  font-weight: 100;

}

.panel-nik .panel-body h5.body-title {

  font-size: 1rem;

  font-weight: bold;

}

.panel-nik .list-group li a {

  color: #333;

  text-decoration: none;

}

.panel-nik .list-group a.list-group-item {

  cursor: pointer;

}

.panel-nik .list-group a.list-group-item .label {

  float: right;

}

.panel-nik .panel-footer .link {

  display: inline-block;

}

.panel-nik.panel-sidebar .panel-heading {

  background: #f7f7f7;

}

.panel-nik.panel-sidebar .panel-heading .title {

  width: 100%;

  display: block;

  overflow: hidden;

  padding: 0;

  font-size: 1rem;

}

.panel-nik.panel-plain {

  font-size: 0.9rem;

}

.panel-nik.panel-plain .panel-heading .title {

  width: 100%;

  display: block;

  overflow: hidden;

  padding: 0;

  font-size: 1rem;

  font-weight: 400;

  color: #333;

}

.panel-nik.panel-plain a {

  text-decoration: none;

}

.panel-nik.nik-panel-tab .panel-heading {

  padding: 0;

}

.panel-nik.nik-panel-tab .panel-heading .title {

  width: 40%;

  float: left;

  padding: 15px;

  font-weight: 600;

  color: #c20044;

}

.panel-nik.nik-panel-tab .panel-heading .panel-tabs {

  width: 60%;

  position: relative;

  float: right;

  text-align: right;

}

.panel-nik.nik-panel-tab .panel-heading .panel-tabs li {

  display: inline-block;

  text-align: left;

  margin-bottom: -1px;

}

.panel-nik.nik-panel-tab .panel-heading .panel-tabs li a {

  padding: 16px 15px;

}

.panel-nik.nik-panel-tab .panel-heading .panel-tabs li a .count {

  display: block;

  overflow: hidden;

  font-size: 1.5rem;

  color: #199600;

}

.panel-nik.nik-panel-tab .panel-heading .panel-tabs li a .count .info {

  font-size: 0.4em;

  color: #666;

  line-height: 1.2em;

  display: inline-block;

  vertical-align: middle;

}

.panel-nik.nik-panel-tab .panel-heading .panel-tabs li a .count .info .number {

  color: #c20044;

  display: block;

  font-size: 1.5em;

}

.panel-nik.nik-panel-tab .panel-heading .panel-tabs li a,

.panel-nik.nik-panel-tab .panel-heading .panel-tabs li a:hover,

.panel-nik.nik-panel-tab .panel-heading .panel-tabs li a:focus {

  border: none;

  background: none;

}

.panel-nik.nik-panel-tab .panel-heading .panel-tabs li a::after {

  content: "";

  background: #c20044;

  height: 3px;

  position: absolute;

  width: 100%;

  left: 0px;

  bottom: 0px;

  transition: all 250ms ease 0s;

  transform: scale(0);

}

.panel-nik.nik-panel-tab .panel-heading .panel-tabs li.active a .count {

  color: #c20044;

}

.panel-nik.nik-panel-tab .panel-heading .panel-tabs li.active a,

.panel-nik.nik-panel-tab .panel-heading .panel-tabs li.active a:hover,

.panel-nik.nik-panel-tab .panel-heading .panel-tabs li.active a:focus {

  border: none;

  background: none;

}

.panel-nik.nik-panel-tab .panel-heading .panel-tabs li.active a::after {

  transform: scale(1);

}

.panel-nik.nik-panel-tab .panel-heading .panel-tabs li:hover a::after {

  transform: scale(1);

}

.panel-nik.nik-panel-tab .panel-heading ul.title-info-wrp {

  margin: 0;

  padding: 5px;

  list-style: none;

  width: 60%;

  float: right;

  text-align: right;

}

.panel-nik.nik-panel-tab .panel-heading ul.title-info-wrp li {

  display: inline-block;

  padding: 12px 5px;

}

.panel-nik.nik-panel-tab .panel-heading ul.title-info-wrp li .info-title {

  font-size: 1rem;

  color: #199600;

}

.panel-nik.nik-panel-tab .panel-heading ul.title-info-wrp li .info {

  font-size: 0.7rem;

  color: #999;

}

@media (max-width: 640px) {

  .panel-nik .panel-heading .icon {

    width: 5%;

    padding: 5px 0 0 0;

    margin: 0;

  }

  .panel-nik .panel-heading .title {

    width: 90%;

    padding-left: 5%;

    font-weight: 100;

  }

  .panel-nik .panel-heading .title .info {

    font-size: 0.7rem;

    line-height: normal;

  }

}

.form-column {

  width: 100%;

  display: block;

  overflow: hidden;

}

.form-column .control-label {

  width: 30%;

  display: inline-block;

  vertical-align: top;

  font-weight: 300;

}

.form-column .checkbox .control-label,

.form-column .radio .control-label {

  padding: 0;

}

.form-column .form-input {

  width: 65%;

  display: inline-block;

  color: #666;

}

.form-column .form-input.radio {

  margin: 0;

}

.form-column .form-input.checkbox {

  margin: 0;

  padding: 0;

}

.form-column .form-input.checkbox .item {

  margin-right: 15px;

}

.form-column .form-input.checkbox-column {

  column-count: 2;

  -webkit-column-count: 2;

  -moz-column-count: 2;

}

.form-column .form-input.checkbox-column .item {

  display: block;

  overflow: hidden;

  margin: 3px 0;

}

.form-column .form-input .info {

  font-size: 0.7rem;

  margin-bottom: 5px;

}

.form-column .form-input.input-list .input-list-item {

  margin-right: 15px;

  display: inline-block;

}

.form-column .control-btn {

  width: 65%;

  margin-left: 30%;

  margin-top: 30px;

}

@media (max-width: 425px) {

  .form-column .control-label {

    width: 100%;

    display: block;

    overflow: hidden;

    font-weight: 600;

  }

  .form-column .form-input {

    width: 100%;

    display: block;

  }

  .form-column .form-input .multi-col {

    margin-bottom: 10px;

  }

  .form-column .form-input .multi-col:last-child {

    margin: 0;

  }

  .form-column .form-input.checkbox-column .item {

    font-size: 0.8rem;

    padding-bottom: 10px;

  }

  .form-column .control-btn {

    margin: 20px 0 0 0;

    width: 100%;

  }

}

.filter-box {

  width: 100%;

  display: block;

  overflow: hidden;

  background: #fff;

  box-sizing: border-box;

  border: 1px solid #ddd;

  -webkit-border-radius: 2px;

  -moz-border-radius: 2px;

  border-radius: 2px;

}

.filter-box .header {

  width: 100%;

  display: block;

  overflow: hidden;

  padding: 15px 15px 10px 15px;

  border-bottom: 1px solid #ddd;

}

.filter-box .header .title {

  width: 50%;

  float: left;

  font-size: 1.2rem;

  font-size: 600;

  color: #c20044;

}

.filter-box .header .action {

  width: 50%;

  float: right;

  font-size: 0.8rem;

  text-align: right;

}

.filter-box .header .action .action-item {

  margin-left: 10px;

  float: right;

}

.filter-box .header .action .form-group {

  margin: 0;

}

.filter-box .header .action .form-group .control-label {

  display: inline-block;

  font-size: 0.8rem;

  font-weight: 300;

  margin-right: 5px;

}

.filter-box .header .action .form-group .form-input {

  display: inline-block;

}

.filter-box .content {

  width: 100%;

  display: block;

  overflow: hidden;

  padding: 15px;

  box-sizing: border-box;

  font-size: 0.8rem;

  color: #666;

}

.filter-box .content ul.list-keys {

  width: 25%;

  float: left;

  margin: 0;

  padding: 0;

  list-style: none;

  font-size: 0.7rem;

}

.filter-box .content ul.list-keys li {

  line-height: normal;

}

.filter-box .content ul.list-keys li label {

  margin: 0;

  display: inline-block;

  width: 100px;

  color: #999;

}

.filter-box .footer {

  width: 100%;

  display: block;

  overflow: hidden;

  border-top: 1px solid #ddd;

  background: #eee;

}

.filter-box .pagination {

  margin: 10px;

  float: right;

}

.filter-box .goto-page {

  width: 90px;

  float: right;

  margin-left: 5px;

}

.filter-box .sec-year {

  width: 200px;

}

.filter-box .sec-year .form-column {

  width: 100%;

}

.filter-box .sec-year .form-column .input-group {

  width: 100%;

}

.filter-box .sec-year .form-column .control-label {

  vertical-align: bottom;

}

.filter-box .sec-year .form-column .form-input {

  width: 80px;

  display: inline-block;

}

@media (max-width: 425px) {

  .filter-box {

    padding: 0;

  }

  .filter-box .header {

    padding: 10px;

  }

  .filter-box .header .title {

    width: 100%;

    margin-bottom: 10px;

    float: left;

    text-align: center;

    font-size: 1rem;

  }

  .filter-box .header .action {

    width: 100%;

    display: block;

    overflow: hidden;

    text-align: center;

  }

  .filter-box .header .action .action-item {

    margin-left: 0;

    width: 100%;

    float: right;

  }

  .filter-box .header .action a.action-item.backlink {

    display: none;

  }

  .filter-box .header .action .form-group {

    margin: 5px 0;

  }

  .filter-box .header .action .form-group .control-label {

    display: inline-block;

  }

  .filter-box .header .action .form-group .form-input {

    display: inline-block;

  }

  .filter-box .content ul.list-keys {

    width: 100%;

  }

  .filter-box .footer {

    text-align: center;

  }

  .filter-box .footer .sec-year {

    width: 100%;

    text-align: center;

    margin-bottom: 10px;

  }

  .filter-box .footer .sec-year .control-label {

    display: inline-block;

    width: auto;

    margin-right: 10px;

    font-weight: 300;

  }

  .filter-box .footer .filter-form {

    text-align: center;

  }

  .filter-box .footer .filter-form .control-label {

    display: block;

    color: #999;

  }

  .filter-box .pagination {

    margin: 0 0 10px 0;

    float: none;

  }

  .filter-box .goto-page {

    float: right;

    margin-left: 5px;

  }

}

.profile-list-wrapper {

  width: 100%;

  display: block;

  overflow: visible;

  margin: 0 0 20px 0;

}

.profile-list-wrapper .profile-list {

  width: 100%;

  display: block;

  overflow: hidden;

  border: 1px solid #ddd;

  -webkit-border-radius: 2px;

  -moz-border-radius: 2px;

  border-radius: 2px;

  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);

  -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);

  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);

}

.profile-list-wrapper .profile-list .panel-heading {

  padding: 15px 15px 0 15px;

  width: 100%;

  display: block;

  overflow: hidden;

}

.profile-list-wrapper .profile-list .panel-heading .profile-id {

  width: 30%;

  float: left;

}

.profile-list-wrapper .profile-list .panel-heading .profile-info {

  width: 70%;

  float: left;

  text-align: right;

  font-size: 0.7rem;

  color: #999;

}

.profile-list-wrapper .profile-list .panel-body .left-wrp {

  width: 30%;

  float: left;

}

.profile-list-wrapper .profile-list .panel-body .left-wrp .image {

  width: 110px;

  height: 140px;

  background: #eee;

}

.profile-list-wrapper .profile-list .panel-body .left-wrp .image img {

  width: 100%;

  height: 100%;

}

.profile-list-wrapper .profile-list .panel-body .online-indicator {

  font-size: 0.7rem;

  color: #237300;

  margin-top: 5px;

  display: block;

  overflow: hidden;

}

.profile-list-wrapper .profile-list .panel-body .online-indicator:before {

  content: '\f111';

  font-family: 'fontAwesome';

  margin-right: 5px;

  display: inline-block;

}

.profile-list-wrapper .profile-list .panel-body .content {

  width: 70%;

  height: 200px;

  overflow-y: auto;

  float: left;

}

.profile-list-wrapper .profile-list .panel-body .content .name {

  font-size: 1rem;

  font-weight: 600;

  display: block;

  overflow: hidden;

}

.profile-list-wrapper .profile-list .panel-body .content ul.details {

  margin: 5px 0 0 0;

  padding: 0;

  list-style: none;

  font-size: 0.8rem;

}

.profile-list-wrapper .profile-list .panel-body .content ul.details li {

  display: block;

  overflow: hidden;

  margin-bottom: 5px;

  line-height: normal;

  color: #666;

}

.profile-list-wrapper .profile-list .panel-body .content ul.details li label {

  margin: 0;

  width: 25%;

  display: inline-block;

  vertical-align: top;

  font-weight: 100;

  color: #999;

}

.profile-list-wrapper .profile-list .panel-body .content ul.details li .value {

  display: inline-block;

  width: 100%;

}

.profile-list-wrapper .profile-list .panel-footer {

  font-size: 0;

  padding: 0;

}

.profile-list-wrapper .profile-list .panel-footer .prbtn {

  width: 25%;

  height: 45px;

  display: inline-block;

  padding-top: 10px;

  overflow: hidden;

  line-height: normal;

  font-size: 0.8rem;

  text-align: center;

  border-right: 1px solid rgba(0, 0, 0, 0.1);

  text-decoration: none;

}

.profile-list-wrapper .profile-list .panel-footer .prbtn .fa {

  display: block;

}

.profile-list-wrapper .profile-list .panel-footer .prbtn.prbtn-danger {

  background: #c20044;

  color: #fff;

}

.profile-list-wrapper .profile-list .panel-footer .prbtn.prbtn-danger:hover {

  background: #a9003b;

}

@media (max-width: 425px) {

  .profile-list-wrapper .profile-list .panel-heading .profile-id {

    width: 40%;

  }

  .profile-list-wrapper .profile-list .panel-heading .profile-info {

    width: 60%;

  }

  .profile-list-wrapper .profile-list .panel-body .left-wrp {

    width: 40%;

  }

  .profile-list-wrapper .profile-list .panel-body .left-wrp .image {

    width: 100%;

  }

  .profile-list-wrapper .profile-list .panel-body .content {

    width: 55%;

    margin-left: 5%;

    height: auto;

  }

  .profile-list-wrapper .profile-list .panel-body .content ul.details li {

    border-bottom: 1px dotted #ddd;

    padding: 3px 0;

    margin: 0;

  }

  .profile-list-wrapper .profile-list .panel-body .content ul.details li label {

    width: 100%;

    display: block;

    overflow: hidden;

  }

  .profile-list-wrapper .profile-list .panel-body .content ul.details li .value {

    width: 100%;

    font-size: 0.7rem;

  }

  .profile-list-wrapper .profile-list .panel-body .content ul.details li:last-child {

    border-bottom: none;

  }

  .profile-list-wrapper .profile-list .panel-footer .prbtn {

    width: 20%;

    padding-top: 15px;

  }

  .profile-list-wrapper .profile-list .panel-footer .prbtn .text {

    display: none;

  }

  .profile-list-wrapper .profile-list .panel-footer .prbtn.prbtn-contact {

    width: 40%;

    padding-top: 10px;

  }

  .profile-list-wrapper .profile-list .panel-footer .prbtn.prbtn-contact .text {

    display: block;

    overflow: hidden;

  }

}

.normal-content .title {

  font-size: 1.2rem;

  font-weight: 600;

  color: #333;

}

.normal-content p {

  font-size: 0.8rem;

  color: #666;

  line-height: 1.2rem;

}

.panel-yellow {

  background: #fff4c3;

  border: 1px solid #dfd39d;

}

.panel-yellow .panel-heading {

  background: #fff4c3;

  border-bottom: 1px solid #dfd39d;

}

.panel-yellow .panel-heading .panel-title {

  font-weight: 600;

}

.panel-yellow .panel-heading .panel-title.text-success {

  color: #15854c;

}

.panel-yellow .panel-body ul.item-list {

  margin: 0;

  padding: 0;

  list-style: none;

}

.panel-yellow .panel-body ul.item-list li {

  margin: 5px 0;

}

.panel-yellow .panel-body ul.item-list li .fa {

  display: inline-block;

  width: 20px;

}

.panel-yellow .panel-body ul.item-list li a {

  color: inherit;

  text-decoration: none;

}

.chatlive-box {

  width: 100%;

  background: #15854c;

  color: #fff;

  border: 1px solid #0d6d3c;

  font-size: 0.7rem;

}

.chatlive-box .panel-heading {

  background: #15854c;

}

.chatlive-box .panel-heading .panel-title {

  font-size: 1.3rem;

  font-weight: 100;

}

.chatlive-box .panel-body {

  padding: 0 15px 15px 15px;

}

.story-list-wrp {

  width: 100%;

  display: block;

  overflow: hidden;

  margin-top: 20px;

}

.story-list-wrp ul.story-list {

  margin: 0 -10px 0 -10px;

  padding: 0;

  list-style: none;

}

.story-list-wrp ul.story-list li {

  width: 48%;

  float: left;

  -webkit-border-radius: 2px;

  -moz-border-radius: 2px;

  border-radius: 2px;

  background: #fff;

  margin: 0 10px 20px 10px;

  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);

  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);

  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);

  overflow: hidden;

}

.story-list-wrp ul.story-list li .header {

  width: 100%;

  display: block;

  overflow: hidden;

  height: 280px;

  background-repeat: no-repeat;

  background-size: 100% auto;

}

.story-list-wrp ul.story-list li .header .title {

  width: 100%;

  display: block;

  overflow: hidden;

  padding: 10px 15px;

  height: 60px;

  background: -moz-linear-gradient(top, #000000 0%, rgba(0, 0, 0, 0) 100%);

  /* FF3.6-15 */

  background: -webkit-linear-gradient(top, #000000 0%, rgba(0, 0, 0, 0) 100%);

  /* Chrome10-25,Safari5.1-6 */

  background: linear-gradient(to bottom, #000000 0%, rgba(0, 0, 0, 0) 100%);

  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#00000000', GradientType=0);

  /* IE6-9 */

}

.story-list-wrp ul.story-list li .header .title .name {

  width: 60%;

  float: left;

  color: #fff;

  font-size: 1.2rem;

  font-weight: 300;

  text-shadow: 0 2px 2px #000;

}

.story-list-wrp ul.story-list li .header .title .info {

  width: 30%;

  float: right;

  font-size: 0.8rem;

  color: #fff;

}

.story-list-wrp ul.story-list li .header .profile-wrp {

  width: 100%;

  display: block;

  text-align: center;

}

.story-list-wrp ul.story-list li .header .profile-wrp .profile {

  width: 130px;

  display: inline-block;

  padding: 0 5px;

}

.story-list-wrp ul.story-list li .header .profile-wrp .profile .profile-image {

  border: 1px solid #fff;

  -webkit-box-shadow: 0 0 5px #000000;

  -moz-box-shadow: 0 0 5px #000000;

  box-shadow: 0 0 5px #000000;

}

.story-list-wrp ul.story-list li .header .profile-wrp .profile .profile-image img {

  width: 100%;

  height: auto;

}

.story-list-wrp ul.story-list li .header .profile-wrp .profile .profile-content {

  width: 100%;

  text-align: left;

  line-height: normal;

  margin-top: 5px;

}

.story-list-wrp ul.story-list li .header .profile-wrp .profile .profile-content .name {

  color: #333;

  font-size: 0.8rem;

}

.story-list-wrp ul.story-list li .header .profile-wrp .profile .profile-content .info {

  font-weight: 100;

  color: #666;

  font-size: 0.7rem;

}

.story-list-wrp ul.story-list li .content {

  width: 100%;

  display: block;

  overflow: hidden;

  background: #fff;

  padding: 15px 15px 30px 15px;

  text-align: center;

  position: relative;

}

.story-list-wrp ul.story-list li .content .text {

  display: block;

  overflow: hidden;

  height: 75px;

  padding: 10px 0;

  margin-bottom: 20px;

  text-align: left;

  font-size: 0.8rem;

  color: #666;

  padding-left: 50px;

  position: relative;

}

.story-list-wrp ul.story-list li .content .text:before {

  font-family: 'fontAwesome';

  content: '\f10d';

  position: absolute;

  font-size: 2.5rem;

  color: #ddd;

  left: 0;

  top: -10px;

}

.story-list-wrp ul.story-list li:nth-child(4n+1) .header {

  background-image: url(../images/story_list_bg_red.png);

}

.story-list-wrp ul.story-list li:nth-child(4n+2) .header {

  background-image: url(../images/story_list_bg_yellow.png);

}

.story-list-wrp ul.story-list li:nth-child(4n+3) .header {

  background-image: url(../images/story_list_bg_violet.png);

}

.story-list-wrp ul.story-list li:nth-child(4n+4) .header {

  background-image: url(../images/story_list_bg_blue.png);

}

@media (max-width: 1100px) {

  .story-list-wrp {

    margin-top: 20px;

  }

  .story-list-wrp ul.story-list {

    margin: 0px;

    overflow: visible;

  }

  .story-list-wrp ul.story-list li {

    width: 100%;

    padding: 0;

    margin: 0 0 10px 0;

  }

}

@media (min-width: 1101px) and (max-width: 1512px) {

  .story-list-wrp {

    margin-top: 20px;

  }

  .story-list-wrp ul.story-list {

    margin: 0 -1%;

    overflow: visible;

  }

  .story-list-wrp ul.story-list li {

    width: 48%;

    margin: 0 1% 20px 1%;

  }

}

.seek_btn_wrp {

  width: 100%;

  text-align: center;

  position: relative;

  top: 200px;

}

.seek_btn_wrp .scrl-profile-btn {

  padding: 15px 17px;

  background: #fff;

  -webkit-border-radius: 50%;

  -moz-border-radius: 50%;

  border-radius: 50%;

  display: inline-block;

  overflow: visible;

  text-align: center;

  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);

  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);

  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);

  position: relative;

}

.seek_btn_wrp .scrl-profile-btn .fa {

  vertical-align: middle;

}

.seek_btn_wrp .scrl-profile-btn span {

  position: absolute;

  left: 0;

  bottom: -30px;

  font-size: 0.7rem;

  line-height: 0.7rem;

  color: #7f7f7f;

}

@media (max-width: 640px) {

  .seek_btn_wrp {

    top: 0;

    margin-bottom: 10px;

  }

  .seek_btn_wrp .scrl-profile-btn {

    width: 100%;

    -webkit-border-radius: 0;

    -moz-border-radius: 0;

    border-radius: 0;

  }

  .seek_btn_wrp .scrl-profile-btn span {

    position: relative;

    left: 0;

    bottom: 0;

    font-size: 0.8rem;

    color: #7f7f7f;

  }

  .seek_btn_wrp .scrl-profile-btn.left span {

    margin-left: 10px;

  }

  .seek_btn_wrp .scrl-profile-btn.right span {

    margin-right: 10px;

  }

}

.story-view-box-wrp {

  width: 100%;

}

.story-view-box-wrp .year-seeker {

  width: 100%;

  height: 40px;

  background: #333;

  display: block;

  overflow: hidden;

  margin-bottom: 20px;

  border: 1px solid #ddd;

}

.story-view-box-wrp .year-seeker .year-seeker-title {

  width: 40%;

  color: #fff;

  float: left;

  padding: 10px 15px;

  box-sizing: border-box;

}

.story-view-box-wrp .year-seeker ul.years-nav {

  margin: 0;

  padding: 0;

  list-style: none;

  width: 60%;

  float: left;

  background: #fff;

}

.story-view-box-wrp .year-seeker ul.years-nav li {

  float: left;

  margin: 0;

  border-right: 1px solid #ddd;

  width: 12.5%;

  box-sizing: border-box;

}

.story-view-box-wrp .year-seeker ul.years-nav li:last-child {

  border: none;

}

.story-view-box-wrp .year-seeker ul.years-nav li a {

  width: 100%;

  text-align: center;

  padding: 10px 0;

  display: block;

  overflow: hidden;

  box-sizing: border-box;

}

.story-view-box-wrp .story-view-box {

  width: 100%;

  position: relative;

}

.story-view-box-wrp .story-view-box .box-face {

  width: 100%;

  height: 400px;

  background: #333;

  position: relative;

}

.story-view-box-wrp .story-view-box .box-face .face-image {

  width: 100%;

  height: 100%;

  background-image: url('../images/story-view-face-bg.png');

  background-repeat: no-repeat;

  background-size: cover;

  position: absolute;

  top: 0;

  left: 0;

}

.story-view-box-wrp .story-view-box .box-face .face-image img {

  width: 100%;

}

.story-view-box-wrp .story-view-box .box-face .box-title {

  width: 100%;

  position: absolute;

  bottom: 0;

  background: -moz-linear-gradient(top, rgba(41, 137, 216, 0) 0%, #000000 100%);

  /* FF3.6-15 */

  background: -webkit-linear-gradient(top, rgba(41, 137, 216, 0) 0%, #000000 100%);

  /* Chrome10-25,Safari5.1-6 */

  background: linear-gradient(to bottom, rgba(41, 137, 216, 0) 0%, #000000 100%);

  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#002989d8', endColorstr='#000000', GradientType=0);

  color: #fff;

  padding: 20px;

}

.story-view-box-wrp .story-view-box .box-face .box-title .name {

  font-size: 2rem;

}

.story-view-box-wrp .story-view-box .box-face .box-title .info {

  font-size: 0.8rem;

}

.story-view-box-wrp .story-view-box .box-face .nik-icon-devider {

  width: 100%;

  display: block;

  position: absolute;

  bottom: -50px;

  text-align: center;

}

.story-view-box-wrp .story-view-box .story-info-wrp {

  width: 100%;

  background: #fff;

  display: block;

  overflow: hidden;

}

.story-view-box-wrp .story-view-box .story-info-wrp .story {

  width: 50%;

  height: 450px;

  padding: 20px;

}

.story-view-box-wrp .story-view-box .story-info-wrp .story .profile-info {

  display: block;

  overflow: hidden;

  width: 100%;

  margin-bottom: 20px;

}

.story-view-box-wrp .story-view-box .story-info-wrp .story .profile-info .photo {

  width: 100px;

  float: left;

  margin-right: 20px;

  padding: 2px;

  border: 1px solid #eee;

}

.story-view-box-wrp .story-view-box .story-info-wrp .story .profile-info .photo img {

  width: 100%;

}

.story-view-box-wrp .story-view-box .story-info-wrp .story .profile-info .content {

  float: left;

  padding-top: 10px;

}

.story-view-box-wrp .story-view-box .story-info-wrp .story .profile-info .content .name {

  font-size: 1rem;

  font-weight: 600;

  margin: 0;

  padding: 0;

}

.story-view-box-wrp .story-view-box .story-info-wrp .story .profile-info .content .info {

  font-weight: 100;

  color: #666;

}

.story-view-box-wrp .story-view-box .story-info-wrp .story .testimonial {

  display: block;

  overflow: hidden;

  font-size: 0.8rem;

  color: #666;

  position: relative;

}

.story-view-box-wrp .story-view-box .story-info-wrp .story .testimonial:before {

  content: '\f10d';

  font-family: 'fontAwesome';

  position: absolute;

  left: 0;

  font-size: 1.5rem;

  color: #ccc;

}

.story-view-box-wrp .story-view-box .story-info-wrp .story .testimonial .name:before {

  content: '- ';

}

.story-view-box-wrp .story-view-box .story-info-wrp .story.left {

  float: left;

  border-right: 1px solid #ddd;

  padding-right: 10px;

}

.story-view-box-wrp .story-view-box .story-info-wrp .story.left .testimonial {

  padding: 20px 20px 20px 40px;

}

.story-view-box-wrp .story-view-box .story-info-wrp .story.right {

  float: right;

  padding-left: 10px;

}

.story-view-box-wrp .story-view-box .story-info-wrp .story.right .profile-info .photo {

  float: right;

  margin-left: 20px;

}

.story-view-box-wrp .story-view-box .story-info-wrp .story.right .profile-info .content {

  float: right;

  text-align: right;

}

.story-view-box-wrp .story-view-box .story-info-wrp .story.right .testimonial {

  padding: 20px 40px 20px 20px;

  text-align: right;

}

.story-view-box-wrp .story-view-box .story-info-wrp .story.right .testimonial:before {

  content: '\f10e';

  right: 0;

}

.story-view-box-wrp .story-view-box .story-info-wrp .story.right .testimonial .name:before {

  content: '';

}

.story-view-box-wrp .story-view-box .story-info-wrp .story.right .testimonial .name:after {

  content: ' -';

}

.story-view-box-wrp .story-view-box .story-video {

  text-align: center;

  background: #fff;

  padding-bottom: 60px;

}

.story-view-box-wrp .story-view-box .story-share {

  width: 100%;

  padding: 20px;

  display: block;

  overflow: hidden;

  background: #eee;

  text-align: center;

}

@media (max-width: 640px) {

  .story-view-box-wrp .year-seeker {

    height: 80px;

  }

  .story-view-box-wrp .year-seeker .year-seeker-title {

    width: 100%;

    text-align: center;

  }

  .story-view-box-wrp .year-seeker ul.years-nav {

    width: 100%;

  }

  .story-view-box-wrp .story-view-box .box-face {

    height: auto;

    min-height: 150px;

  }

  .story-view-box-wrp .story-view-box .box-face .face-image {

    background-size: 100%;

  }

  .story-view-box-wrp .story-view-box .box-face .box-title .name {

    font-size: 1.5rem;

  }

  .story-view-box-wrp .story-view-box .box-face .box-title .info {

    color: #dddddd;

  }

  .story-view-box-wrp .story-view-box .box-face .nik-icon-devider {

    display: none;

  }

  .story-view-box-wrp .story-view-box .story-info-wrp .story {

    width: 100%;

    height: auto;

    text-align: center;

  }

  .story-view-box-wrp .story-view-box .story-info-wrp .story .profile-info {

    text-align: center;

  }

  .story-view-box-wrp .story-view-box .story-info-wrp .story .profile-info .photo {

    float: none;

    display: inline-block;

    margin: 0;

  }

  .story-view-box-wrp .story-view-box .story-info-wrp .story .profile-info .content {

    width: 100%;

    text-align: center;

  }

  .story-view-box-wrp .story-view-box .story-info-wrp .story .testimonial:before {

    content: ' ';

  }

  .story-view-box-wrp .story-view-box .story-info-wrp .story .testimonial .name:before {

    content: '- ';

  }

  .story-view-box-wrp .story-view-box .story-info-wrp .story.left .testimonial {

    padding: 0;

  }

  .story-view-box-wrp .story-view-box .story-info-wrp .story.right .profile-info .photo {

    float: none;

    margin: 0;

  }

  .story-view-box-wrp .story-view-box .story-info-wrp .story.right .profile-info .content {

    float: none;

    text-align: center;

  }

  .story-view-box-wrp .story-view-box .story-info-wrp .story.right .testimonial {

    padding: 0;

    text-align: center;

  }

  .story-view-box-wrp .story-view-box .story-info-wrp .story.right .testimonial .name:before {

    content: '- ';

  }

  .story-view-box-wrp .story-view-box .story-info-wrp .story.right .testimonial .name.after {

    content: '';

  }

  .story-view-box-wrp .story-view-box .story-info-wrp .story.right .testimonial:before {

    content: ' ';

  }

  .story-view-box-wrp .story-view-box .story-video {

    padding: 0;

  }

}

.profile-stamp .image-wrp {

  width: 80px;

  float: left;

  overflow: hidden;

  margin-right: 15px;

}

.profile-stamp .image-wrp .image {

  width: 100%;

  padding: 2px;

  border: 1px solid #ddd;

  box-sizing: border-box;

}

.profile-stamp .image-wrp .image img {

  width: 100%;

  height: auto;

}

.profile-stamp .content {

  float: left;

}

.profile-stamp .content ul.profile-stamp-links {

  margin: 0;

  padding: 0;

  list-style: none;

}

.profile-stamp .content ul.profile-stamp-links li {

  margin: 2px 0;

}

ul.profile-verification {

  margin: 0;

  padding: 0;

  list-style: none;

  display: inline-block;

}

ul.profile-verification li {

  display: inline-block;

  width: 24px;

  height: 24px;

  margin: 0 2px;

  background-image: url('../images/icon-shield.png');

  background-repeat: no-repeat;

  background-size: contain;

  background-position: center center;

  text-align: center;

  position: relative;

}

ul.profile-verification li .fa {

  color: #fff;

  position: relative;

  top: 6px;

  font-size: 0.8rem;

}

ul.profile-verification li.checked {

  background-image: url(../images/icon-shield-active.png);

}

ul.profile-verification li.checked:after {

  content: '\f058';

  font-family: 'fontAwesome';

  position: absolute;

  right: -3px;

  top: -4px;

  color: #3d9100;

}

.tab-card.card2 ul.nav-tabs > li {

  width: 50%;

  text-align: center;

}

.tab-card.card3 ul.nav-tabs > li {

  width: 33.33%;

  text-align: center;

}

.tab-card.card4 ul.nav-tabs > li {

  width: 25%;

  text-align: center;

}

.profile-carousel {

  padding-top: 10px !important;

}

.profile-carousel .header {

  display: block;

  overflow: hidden;

  margin-bottom: 10px;

}

.profile-carousel .header .title {

  font-size: 0.9rem;

  font-weight: normal;

  margin: 0;

  padding: 0;

  color: #666;

}

.profile-carousel .carousel {

  margin-bottom: 20px;

}

.profile-carousel .carousel .carousel-inner .item {

  overflow: hidden;

}

.profile-carousel .carousel .carousel-inner .item .profile {

  width: 100%;

  display: block;

  overflow: hidden;

}

.profile-carousel .carousel .carousel-inner .item .profile .profile-image {

  width: 100%;

}

.profile-carousel .carousel .carousel-inner .item .profile .profile-image img {

  width: 100%;

  height: auto;

}

.profile-carousel .carousel .carousel-inner .item .profile .profile-content {

  margin-top: 5px;

  text-align: center;

}

.profile-carousel .carousel .carousel-inner .item .profile .profile-content .name {

  font-size: 0.8rem;

}

.profile-carousel .carousel .carousel-inner .item .profile .profile-content .name a {

  color: #333333;

}

.profile-carousel .carousel .carousel-inner .item .profile .profile-content .info {

  font-size: 0.7rem;

}

.notification-profile {

  width: 100%;

  height: 135px;

  display: block;

  overflow-x: auto;

  margin: 0;

  padding: 0;

  list-style: none;

}

.notification-profile li {

  padding-bottom: 5px;

  margin-bottom: 5px;

  border-bottom: 1px solid #ddd;

  display: block;

  overflow: hidden;

  position: relative;

}

.notification-profile li:last-child {

  margin-bottom: 0;

  border-bottom: none;

}

.notification-profile li .photo {

  width: 8%;

  float: left;

  overflow: hidden;

}

.notification-profile li .photo img {

  width: 100%;

  height: auto;

}

.notification-profile li .content {

  width: 92%;

  padding-left: 2%;

  float: right;

}

.notification-profile li .content .profile-info {

  font-size: 0.8rem;

  color: #666;

  display: block;

  overflow: hidden;

}

.notification-profile li .content .action {

  display: block;

  overflow: hidden;

}

.notification-profile li .content .action a {

  text-decoration: none;

  display: inline-block;

  font-size: 0.8rem;

}

.notification-profile li .content .action a:after {

  content: '|';

  display: inline-block;

  padding: 0 2px 0 5px;

  color: #ddd;

}

.notification-profile li .content .action a:last-child:after {

  content: '';

}

.notification-profile li .content .notify-time {

  width: 100%;

  font-size: 0.7rem;

  padding-right: 5px;

  color: #999;

  text-align: right;

}

.notification-profile li .notification-close-btn {

  position: absolute;

  top: 0;

  right: 10px;

  color: #999;

  font-size: 0.8rem;

  cursor: pointer;

}

.ofrs-bnr {

  width: 100%;

}

.ofrs-bnr img {

  width: 100%;

  height: auto;

}

.pPhotoSlider-wrp {

  width: 100%;

  display: block;

  overflow: hidden;

}

.pPhotoSlider-wrp .pPhoto-thumb-wrp ul {

  margin: 0;

  padding: 0;

  list-style: none;

}

.pPhotoSlider-wrp .pPhoto-thumb-wrp ul li {

  display: inline-block;

  margin: 0 2px;

}

.pPhotoSlider-wrp .pPhoto-thumb-wrp ul li img {

  width: 80px;

  border: 1px solid #ddd;

  padding: 2px;

}

.pPhotoSlider-wrp .pPhoto_panel {

  text-align: center;

  padding: 20px;

  background: #eee;

  border: 1px solid #ddd;

  margin-top: 10px;

}

.pPhotoSlider-wrp .pPhoto_panel img {

  max-height: 500px;

  border: 3px solid #fff;

  -webkit-border-radius: 6px;

  -moz-border-radius: 6px;

  border-radius: 6px;

  -webkit-box-shadow: 0 0 10px #666666;

  -moz-box-shadow: 0 0 10px #666666;

  box-shadow: 0 0 10px #666666;

}

.pPhotoSlider-alert-wrp .alert {

  display: block;

  overflow: hidden;

  margin-top: 5px;

}

.pPhotoSlider-alert-wrp .alert .text {

  width: 90%;

  float: right;

}

.pPhotoSlider-alert-wrp .alert .fa {

  width: 10%;

  float: left;

  font-size: 1.5rem;

  padding-top: 15px;

}

.address-wrapper {

  width: 100%;



  display: block;

  overflow: hidden;

}

.address-wrapper address {

  width: 50%;



  float: left;

  margin-bottom: 60px;

  font-size: 0.8rem;

}

@media (max-width: 640px) {

  .address-wrapper address {

    width: 100%;

    margin-bottom: 20px;

  }

}

.testimonial-wrp {

  display: block;

  overflow: hidden;

  width: 100%;

}

.testimonial-wrp .testimonial {

  margin-bottom: 30px;

}

.testimonial-wrp .testimonial .content {

  font-size: 0.8rem;

  color: #666;

}

.testimonial-wrp .testimonial .author-info {

  width: 100%;

  display: block;

  overflow: hidden;

  font-style: italic;

}

.testimonial-wrp .testimonial .author-info .name {

  font-weight: bold;

}

.testimonial-wrp .testimonial .author-info .name:before {

  content: ' - ';

}

.testimonial-wrp .testimonial .author-info .name:after {

  content: ', ';

}

@media (min-width: 768px) {

  .navbar {

    min-height: auto;

  }

  .navbar.navbar-default {

    background: none;

    border: none;

    font-size: 0.9rem;

    margin: 30px 0 0 0;

    color: #222;

  }

  .navbar.navbar-default .container-fluid {

    padding: 0;

  }

  .navbar.navbar-default .navbar-collapse {

    padding: 0;

  }

  .navbar.navbar-default .navbar-header a.navbar-brand img {

    display: none;

  }

  .navbar.navbar-default ul.nav.navbar-nav li a.navlink {

    padding: 10px 15px 18px 15px;

    margin: 0 20px;

    color: #666;

    height: 70px;

    -webkit-border-radius: 4px 4px 0 0;

    -moz-border-radius: 4px 4px 0 0;

    border-radius: 4px 4px 0 0;

    border: 1px solid #fff;

  }

  .navbar.navbar-default ul.nav.navbar-nav li a.navlink {margin:0 10px}

  .navbar.navbar-default ul.nav.navbar-nav li a.navlink:hover {

    color: #c20044;

  }

  .navbar.navbar-default ul.nav.navbar-nav li a.bordered {

    background-color: #76c100;

    color: #fff;

    padding: 5px 15px;

    margin-top: 5px;

    height: auto;

    -webkit-border-radius: 4px;

    -moz-border-radius: 4px;

    border-radius: 4px;

  }

  .navbar.navbar-default ul.nav.navbar-nav li a.bordered:hover {

    background: #6aad00;

    color: #fff;

  }

  .navbar.navbar-default ul.nav.navbar-nav li.dropdown li {

    text-transform: none;

  }

  .navbar.navbar-default ul.nav.navbar-nav li.dropdown li a {

    font-weight: normal;

    padding: 5px 15px;

    -webkit-border-radius: 0;

    -moz-border-radius: 0;

    border-radius: 0;

    z-index: 999;

  }

  .navbar.navbar-default ul.nav.navbar-nav li.dropdown li a:hover {

    background: #f5f5f5;

  }

  .navbar.navbar-default ul.nav.navbar-nav li.dropdown .dropdown-menu {

    background: #ffffff;

    z-index: 999;

    margin-top: -1px;

  }

  .navbar.navbar-default ul.nav.navbar-nav li.dropdown .dropdown-menu .col-top {

    border-bottom: 1px dotted #cccccc;

  }

  .navbar.navbar-default ul.nav.navbar-nav li.dropdown .dropdown-menu .col-left {

    border-right: 1px dotted #cccccc;

  }

  .navbar.navbar-default ul.nav.navbar-nav li.dropdown .dropdown-menu li a {

    color: rgba(0, 0, 0, 0.75);

    border: none;

  }

  .navbar.navbar-default ul.nav.navbar-nav li.dropdown .dropdown-menu .dropdown-profile {

    padding: 10px;

    width: 100%;

    display: block;

    overflow: hidden;

  }

  .navbar.navbar-default ul.nav.navbar-nav li.dropdown .dropdown-menu .dropdown-profile .profile-photo {

    width: 50px;

    height: 50px;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    border-radius: 50%;

    overflow: hidden;

    float: left;

    background: #333;

    text-align: center;

  }

  .navbar.navbar-default ul.nav.navbar-nav li.dropdown .dropdown-menu .dropdown-profile .profile-photo img {

    width: auto;

    height: 100%;

  }

  .navbar.navbar-default ul.nav.navbar-nav li.dropdown .dropdown-menu .dropdown-profile .profile-details {

    float: left;

    margin-left: 20px;

  }

  .navbar.navbar-default ul.nav.navbar-nav li.dropdown .dropdown-menu .dropdown-profile .profile-details .title {

    margin-bottom: 5px;

    display: block;

    overflow: hidden;

  }

  .navbar.navbar-default ul.nav.navbar-nav li.dropdown .dropdown-menu .customer-support-dropdown {

    padding: 10px 0 10px 10px;

  }

  .navbar.navbar-default ul.nav.navbar-nav li.dropdown .dropdown-menu .customer-support-dropdown .title {

    font-weight: 600;

    font-size: 1rem;

    color: #00567a;

    margin: 0 0 5px 0;

    padding-bottom: 5px;

    border-bottom: 1px dotted  #ddd;

  }

  .navbar.navbar-default ul.nav.navbar-nav li.dropdown .dropdown-menu .customer-support-dropdown .title small {

    display: block;

    overflow: hidden;

    font-size: 0.7rem;

    margin-top: 5px;

  }

  .navbar.navbar-default ul.nav.navbar-nav li.dropdown .dropdown-menu .customer-support-dropdown .phnum {

    display: block;

    overflow: hidden;

    margin-top: 10px;

  }

  .navbar.navbar-default ul.nav.navbar-nav li.dropdown .dropdown-menu .customer-support-dropdown .phnum .label {

    float: left;

    color: #999;

    font-size: 1rem;

    font-weight: normal;

  }

  .navbar.navbar-default ul.nav.navbar-nav li.dropdown .dropdown-menu .customer-support-dropdown .phnum .num {

    float: left;

  }

  .navbar.navbar-default ul.nav.navbar-nav li.dropdown .dropdown-menu .padiservice {

    padding: 10px;

  }

  .navbar.navbar-default ul.nav.navbar-nav li.open a.bordered {

    background-color: transparent;

    color: #666;

  }

  .navbar.navbar-default ul.nav.navbar-nav li.open a.dropdown-toggle {

    padding-bottom: 18px;

    z-index: 1000;

    border: 1px solid #ddd;

    border-bottom: 1px solid #fff;

  }

  .navbar.navbar-default ul.nav.navbar-nav li .navbar-form {

    margin: 4px 0;

  }

  .navbar.navbar-default ul.nav.navbar-nav li.active a {

    background-color: transparent;

    border-bottom: 2px solid #c20044;

    padding: 10px 15px 18px 15px;

    color: #c20044;

  }

  .navbar.navbar-default ul.nav.navbar-nav li.settings {

    font-size: 1.5rem;

    margin-right: 15px;

  }

  .navbar.navbar-default ul.nav.navbar-nav li.settings a {

    padding-top: 8px;

  }

  .navbar.navbar-default ul.nav.navbar-nav li.settings a img {

    width: 24px;

  }

  .navbar.navbar-default .navbar-form {

    margin: 4px 0;

  }

  .navbar.navbar-default .navbar-form.navbar-login .remember-label {

    font-weight: normal;

    margin-left: 50px;

    color: #666;

  }

  .navbar.navbar-default .navbar-form .form-extra {

    font-size: 0.8rem;

  }

  .navbar-default .navbar-nav > .open > a,

  .navbar-default .navbar-nav > .open > a:hover,

  .navbar-default .navbar-nav > .open > a:focus {

    background: #ffffff;

    color: rgba(0, 0, 0, 0.75);

  }

}

@media (max-width: 768px) {

  .navbar.navbar-default {

    background: none;

    border: none;

    margin: 5px 0 0 0;

  }

  .navbar.navbar-default .navbar-collapse {

    background: #fff;

  }

  .navbar.navbar-default .navbar-toggle {

    margin-right: 0;

  }

  .navbar.navbar-default ul.nav.navbar-nav li a.navlink {

    padding: 18px 5px 10px 5px;

    font-size: 0.8rem;

  }

  .navbar.navbar-default .navbar-header a.navbar-brand {

    padding: 5px 0;

  }

  .navbar.navbar-default .navbar-header a.navbar-brand img {

    height: 100%;

    width: auto;

  }

}

@media (min-width: 769px) and (max-width: 1199px) {

  .navbar.navbar-default ul.nav.navbar-nav li a.navlink {

    padding: 10px 5px 18px 5px;

    font-size: 0.8rem;

  }

  .navbar.navbar-default .navbar-header a.navbar-brand img {

    display: none;

  }

}

.dropdown-menu {

  min-width: 200px;

}

.dropdown-menu.columns-2 {

  min-width: 400px;

}

.dropdown-menu.columns-3 {

  min-width: 600px;

}

.dropdown-menu li a {

  padding: 5px 15px;

  font-weight: 300;

}

.multi-column-dropdown {

  list-style: none;

  margin: 0px;

  padding: 0px;

}

.multi-column-dropdown li a {

  display: block;

  clear: both;

  line-height: 1.428571429;

  color: #333;

  white-space: normal;

}

.multi-column-dropdown li a:hover {

  text-decoration: none;

  color: #262626;

  background-color: #999;

}

@media (max-width: 767px) {

  .dropdown-menu.multi-column {

    min-width: 240px !important;

    overflow-x: hidden;

  }

}

.fade-scale {

  transform: scale(0);

  opacity: 0;

  -webkit-transition: all .25s linear;

  -o-transition: all .25s linear;

  transition: all .25s linear;

}

.fade-scale.in {

  opacity: 1;

  transform: scale(1);

}

.btn:focus,

a:foucs {

  border: none;

}

.carousel {

  height: inherit;

}

.carousel .carousel-indicators li {

  width: 30px;

  height: 2px;

  -webkit-border-radius: 0;

  -moz-border-radius: 0;

  border-radius: 0;

  border: none;

  background: rgba(255, 255, 255, 0.2);

}

.carousel .carousel-indicators li.active {

  background: #fff;

}

.nav-tabs > li > a,

.nav-tabs > li > a:hover,

.nav-tabs > li > a:focus {

  background: none;

  border: none;

}

.nav-tabs > li.active > a,

.nav-tabs > li.active > a:hover,

.nav-tabs > li.active > a:focus {

  border: none;

  background: none;

}

.nav-tabs > li > a::after {

  content: "";

  background: #c20044;

  height: 3px;

  position: absolute;

  width: 100%;

  left: 0px;

  bottom: 0px;

  transition: all 250ms ease 0s;

  transform: scale(0);

}

.nav-tabs > li.active > a::after,

.nav-tabs > li:hover > a::after {

  transform: scale(1);

}

.label {

  padding: 0.3em 0.6em;

}

.promo-video-btn{

	max-width:200px;

	position:absolute;

	top:40%; right:15%;

	z-index:999;

}