/********************
===============================================================
 Template Name : Medihere - Responsive Bootstrap HTML Medical Template
 Template URI : http://mostafiz.me/demo/medihere
 Author : Mostafizur Rahman
 Autor URI : http://mostafiz.me
 Version : 1.0
===============================================================
******************/


/*Styles starts here*/

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Roboto', sans-serif;
}

/* remember to define focus styles! */

:focus {
    outline: 0;
}
body {
    line-height: 1;
    color: #707070;
    background: #fff;
    font-family: 'Open Sans', sans-serif;
    text-shadow: 0;
}
ol,
ul {
    list-style: none;
}
.c-comment-vue .c-comment-vue__list{
	float:left;
	padding-right:15px;
	width:50%;
}
.article .popular-posts li{
	margin-bottom: 15px;
}
/**promotion */
.promotion-list-item{
	border:1px solid #e9e9e9;
	cursor:pointer;
	display:block;
	overflow:hidden;
	margin: 0 0 20px;
	text-decoration:none;
	border-radius:5px;
}
.promotion-list-item .image::before, .promotion-list-item, .promotion-list-item .body{
	transition: all 0.1s ease 0s, visibility 0s ease 0s;
	-webkit-transition: all 0.1s ease 0s, visibility 0s ;
moz-transition: all 0.1s ease 0s, visibility 0s ease 0s;
-ms-transition: all 0.1s ease 0s, visibility 0s ease 0s;
}
.promotion-list-item .media{
	position:relative;
}
.promotion-list-item .media .image-placeholder{
	width:100%;
	padding-top:75%;
	opacity: .2;
	position: relative;
	background: #f6f6f6 none center / cover;
}
.promotion-list-item .media .image{
	background-position: center center;
	background-size: contain;
	background-repeat: no-repeat no-repeat;
	position:absolute;
	top:0; 
	left: 0;
	bottom: 0;
	right: 0;
	display:block;
}
.promotion-list-item .media .promotion-item-discount{
	position: absolute;
	top: 10px;
	right: 15px;
	height: 55px;
	width: 55px;
	background-color: #ff749c;
	color: #fff;
	font-size:17px;
	font-weight: 600;
	text-align: center;
	line-height: 55px;
	border-radius: 50%; 
}
.promotion-list-item .media .address{
	background-color: rgba(0,0,0,0.4);
	border-radius:5px;
	bottom:10px;
	color: #fff;
	font-size: 12px;
	left: 10px;
	padding: 3px 8px 2px 10px;
	position: absolute;
}
.container {
    max-width: none !important;
}
.promotion-list-item .media .promotion-button{
	moz-transition: opacity 0.25s ease-in-out;
	-webkit-transition: opacity 0.25s ease-in-out;
	background: #00babe;
	border-color: #00babe;
	color: #fff;
	font-size: 12px;
	opacity: 0;
	text-transform: uppercase;
	transition: opacity 0.25s ease-in-out;
	white-space: nowrap;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	    transform: translate(-50%, -50%);
}
.promotion-list-item .media .promotion-button:hover {
        background-color: #fff;
        color: #00babe; }
  .promotion-list-item:hover .promotion-button {
    opacity: 1; }
.promotion-list-item .body {
    overflow: hidden;
    position: relative;
    padding: 12px 15px;
    background-color: #fff;
    min-height: 155px; 
  }

.readmoreHome{
  padding: 6px;
  background-color: #2B96CC;
  color: #FFF;
  border-radius: 4px;
}
.readmoreHome span{
  color: #FFF !important;
}


 .promotion-list-item .body .promotion-title {
      color: #333;
      font-family: 'Open Sans', sans-serif;
      font-size: 16px;
      font-weight: 600;
      overflow: hidden;
      text-decoration: none;
      white-space: normal; }
      .promotion-list-item .body .promotion-title:hover {
        color: #00babe; }
.promotion-list-item .price {
    font-weight: bold;
    font-size: 20px;
    line-height: 1.5;
    margin: -4px 0 7px;
    text-align: right; }
    .promotion-list-item .price .currency {
      font-size: 0.8em;
      font-weight: normal;
      margin: 0 0 0 1px;
      text-decoration: none; }
    .promotion-list-item .price .old-price {
      color: #444;
      font-size: 15px;
      margin-right: 10px;
      text-decoration: line-through; }
    .promotion-list-item .price .new-price {
      color: #ff749c; }
      .promotion-list-item .price .new-price .currency, .promotion-list-item .price .new-price + .currency {
        color: #ff749c; }
      .promotion-list-item .price .new-price.price-no-discount {
        margin-right: 0; }
.promotion-list-item .body .expired-date {
      display: inline-block; }
  .promotion-list-item .date-hits {
    font-size: 13px; }
  .promotion-list-item .date {
    color: #666;
    display: inline-block; }
  .promotion-list-item .hits {
    color: #666;
    display: inline-block;
    margin-left: 3px;
    float: right; }

.error_ms{
    color: red;
    text-align: right;
  }    
    
    
   
/* tables still need 'cellspacing="0"' in the markup */

table {
    border-collapse: separate;
    border-spacing: 0;
}
input,
textarea,
select {
    width: 100%;
}
caption,
th,
td {
    text-align: left;
    font-weight: normal;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
    content: "";
}
blockquote,
q {
    quotes: "" "";
}
a:hover,
a:visited,
a {
    text-decoration: none;
}
p {
    line-height: 1.2;
}
h2 {
    font-size: 28px;
    text-transform: uppercase;
    color: #333;
    margin-top: 30px;
    margin-bottom: 10px;
    font-weight: 700;
}
.btn {
    border-radius: 0;
}

/*********Header section styles********/

#header {
    background: #fff;
    min-height: 50px;
    border-bottom: solid 1px #efefef;
}

.fixed-header {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 999;
    transition: all 0.9s ease 0s;
    -webkit-transition: all 0.9s ease 0s;
    -moz-transition: all 0.9s ease 0s;
    -ms-transition: all 0.9s ease 0s;
    -o-transition: all 0.9s ease 0s;
    height: 80px;
}



#header-wrap .navbar-left{
  margin-top: 25px;
  margin-left: 11%;
}

.signup-form button:after {
  content: '' !important;
}

#main .alert{padding:10px;}
.color_red{color: red;}


#header-wrap .navbar-nav>li{padding-right: 5px;}

/*#header-wrap .navbar-nav>li a{color: #edb307;}*/



#header-wrap .navbar-nav>li a{color: #ff749c;}
.signup-overlay-trigger{
  color: #ff749c;
}
.login-overlay-trigger{
  color: #ff749c;
}





.banner,
.slider {
    margin-top: 0px;
}
#logo a img {
    max-width: 90px;
    margin: 10px 10px 10px 0px;
}
ul.nav li.dropdown:hover ul.dropdown-menu {
    display: block;
}
.navbar {
    margin-bottom: 0;
}
.navbar-default {
    border: 0;
    background: #fff;
}
.navbar-nav>li>a {
  padding: 7px 10px;
  border-radius: 4px;    
}
.navbar-default .navbar-nav>li>a {
    color: #707070;
   /* text-transform: uppercase;*/
    font-size: 16px;
}
.navbar-default .navbar-nav>li>a:hover,
.navbar-default .navbar-nav>li>a:focus,
.navbar-default .navbar-nav>li>a.active {
    color: #fff;
    background-color: #2B96CC;
}
.dropdown-menu>li>a {
    color: #707070;
    font-size: 14px;
    text-transform: capitalize;
}
.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus {
    color: #2b96cc;
}
.navbar-default .navbar-toggle {
    border-color: #2b96cc;
}
.navbar-toggle .icon-bar {
    width: 27px;
    height: 3px;
    border-radius: 0px;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
    background-color: #fff;
}
#homepage section{

}

  @media (max-width: 420px) {
    #homepage section.specialities {
      padding: 15px 0 20px; } }
  #homepage section.specialities .tab-content-triggers {
    border-bottom: 1px solid #ddd;
    font-size: 0;
    list-style: none;
    margin: 0 auto 15px;
    text-align: center;
    width: 800px; }
    @media screen and (max-width: 979px) {
      #homepage section.specialities .tab-content-triggers {
        width: 100%; } }
    @media screen and (max-width: 460px) {
      #homepage section.specialities .tab-content-triggers {
        margin-bottom: 0; } }
    #homepage section.specialities .tab-content-triggers li {
      display: inline-block;
      text-align: center;
      text-decoration: none; }
      #homepage section.specialities .tab-content-triggers li a {
        border-bottom: 3px solid rgba(255, 255, 255, 0);
        color: #666;
        display: inline-block;
        font-size: 17px;
        margin: 0 0 -1px;
        padding: 2px 20px 10px;
        text-decoration: none;
        transition: border-bottom-color 0.1s, color 0.1s;
        white-space: nowrap; }
        @media (max-width: 460px) {
          #homepage section.specialities .tab-content-triggers li a {
            font-size: 13px;
            padding: 5px 7px; } }
        #homepage section.specialities .tab-content-triggers li a.active, #homepage section.specialities .tab-content-triggers li a:hover {
          color: #2B96CC; }
        #homepage section.specialities .tab-content-triggers li a.active {
          border-bottom: 3px solid #2B96CC; }
        #homepage section.specialities .tab-content-triggers li a .icon {
          display: inline-block;
          margin: 0 5px 0 0; }
          @media (max-width: 460px) {
            #homepage section.specialities .tab-content-triggers li a .icon {
              margin: 0; } }

    @media screen and (max-width: 979px) {
      #homepage section.specialities .tab-content-container {
        width: 100%; } }
    @media screen and (max-width: 979px) {
      #homepage section.specialities .tab-content-container {
        min-height: 690px !important;
        font-size: 13px; } }
    #homepage section.specialities .tab-content-container ul {
      list-style: none;
      text-align: center; }
      @media screen and (max-width: 460px) {
        #homepage section.specialities .tab-content-container ul {
          text-align: left; } }
      #homepage section.specialities .tab-content-container ul li {
        display: inline-block;
        min-width: 146px;
        margin: 0;
        padding: 10px 0; }
        @media screen and (max-width: 460px) {
          #homepage section.specialities .tab-content-container ul li {
            border-bottom: 1px solid #eee;
            float: left;
            min-width: 50%; } }
        #homepage section.specialities .tab-content-container ul li a {
          display: block;
          text-align: center;
          text-decoration: none; }
          @media screen and (max-width: 460px) {
            #homepage section.specialities .tab-content-container ul li a {
              text-align: left; } }
          #homepage section.specialities .tab-content-container ul li a:hover span {
            color: #2B96CC; }
          #homepage section.specialities .tab-content-container ul li a.readmore .image {
            background: transparent url("https://dwbxi9io9o7ce.cloudfront.net/public/img/sprite.f019f5e9f733.png?b7f019c56072") no-repeat -250px -40px / 500px auto; }
            @media screen and (max-width: 460px) {
              #homepage section.specialities .tab-content-container ul li a.readmore .image {
                background-position: -125px -20px;
                background-size: 250px auto; } }
          #homepage section.specialities .tab-content-container ul li a .image {
            background: url("https://dwbxi9io9o7ce.cloudfront.net/public/img/default-place.f4706672a682.jpg?b7f019c56072") no-repeat 50% 50%/cover;
            display: block;
            height: 50px;
            margin: 0 auto 5px;
            width: 50px; }
            #homepage section.specialities .tab-content-container ul li a .image.placetype-spa {
              background: transparent url("https://dwbxi9io9o7ce.cloudfront.net/public/img/sprite.f019f5e9f733.png?b7f019c56072") no-repeat 0 -40px / 500px auto; }
            #homepage section.specialities .tab-content-container ul li a .image.placetype-massage {
              background: transparent url("https://dwbxi9io9o7ce.cloudfront.net/public/img/sprite.f019f5e9f733.png?b7f019c56072") no-repeat -50px -40px / 500px auto; }
            #homepage section.specialities .tab-content-container ul li a .image.placetype-salon {
              background: transparent url("https://dwbxi9io9o7ce.cloudfront.net/public/img/sprite.f019f5e9f733.png?b7f019c56072") no-repeat -100px -40px / 500px auto; }
            #homepage section.specialities .tab-content-container ul li a .image.placetype-beauty {
              background: transparent url("https://dwbxi9io9o7ce.cloudfront.net/public/img/sprite.f019f5e9f733.png?b7f019c56072") no-repeat -200px -40px / 500px auto; }
            #homepage section.specialities .tab-content-container ul li a .image.placetype-gym {
              background: transparent url("https://dwbxi9io9o7ce.cloudfront.net/public/img/sprite.f019f5e9f733.png?b7f019c56072") no-repeat -150px -40px / 500px auto; }
            @media screen and (max-width: 460px) {
              #homepage section.specialities .tab-content-container ul li a .image {
                float: left;
                height: 25px;
                margin: 0 10px 0 0;
                width: 25px; }
                #homepage section.specialities .tab-content-container ul li a .image.placetype-spa {
                  background-position: 0 -20px;
                  background-size: 250px auto; }
                #homepage section.specialities .tab-content-container ul li a .image.placetype-massage {
                  background-position: -25px -20px;
                  background-size: 250px auto; }
                #homepage section.specialities .tab-content-container ul li a .image.placetype-salon {
                  background-position: -50px -20px;
                  background-size: 250px auto; }
                #homepage section.specialities .tab-content-container ul li a .image.placetype-beauty {
                  background-position: -100px -20px;
                  background-size: 250px auto; }
                #homepage section.specialities .tab-content-container ul li a .image.placetype-gym {
                  background-position: -75px -20px;
                  background-size: 250px auto; } }
          #homepage section.specialities .tab-content-container ul li a span {
            color: #333;
            display: block; }
            @media screen and (max-width: 460px) {
              #homepage section.specialities .tab-content-container ul li a span {
                display: inline-block;
                margin-top: 4px; } }


  .tab-content-container .tab-content:first-child {
    display: block; }

/******** search box *****/
.position{
	position: relative;
margin: auto;
width: 1180px;
}
#searchhome{position:relative;
	bottom:250px;
}
#searchhome .position{
	position:relative;
	width:1180px;
	margin:auto;
	text-align:center;
	
}
  @media (max-width: 1220px) {
    #searchhome .position {
      padding: 0 10px;
      width: 100%; } }

 @media (max-width: 420px) {
    #searchhome .position {
      height: 225px; } }
  #searchhome .position > div {
    background: rgba(0, 0, 0, 0.4);
    height: 100%;
    padding: 120px 0 0; }
    @media (max-width: 420px) {
    #searchhome .position > div {
        padding: 70px 0 0; } }
#searchhome .position h1{
	  font-size: 25px;
    margin: 0 20px 20px;
    text-shadow: 0 0 2px rgba(0, 0, 0, 0.9);
    color: #fff;
}
@media (max-width: 920px) {
      #searchhome .position h1 {
        font-size: 22px; } }
    @media (max-width: 570px) {
      #searchhome .position h1 {
        margin: 0 15px 20px;
        font-size: 18px; } }

#searchhome .position form .inner{
	 background: rgba(255, 255, 255, 0.7);
    border-radius: 0;
    display: inline-block;
    font-size: 20px;
    height: 50px;
    position: relative;
    text-align: left;
    white-space: nowrap;
}
#searchhome .position form .inner .location{
	 border-radius: 5px 0 0 5px;
      color: #ff749c;
      display: inline-block;
      height: 100%;
      position: relative;
      vertical-align: middle;
}
#searchhome .position form .inner .location:before{
    content: '\f041';
    font-family: 'FontAwesome';
    font-size: 18px;
    left: 17px;
    pointer-events: none;
    position: absolute;
    top: 10px;
    color: #2B96CC;
}
        @media (max-width: 570px) {
          #searchhome .position form .inner .location:before {
            font-size: 16px;
            left: 8px;
            top: 8px; } }
#searchhome .position form .inner .location:after{
	 content: '\f0d7';
    color: #666;
    font-size: 16px;
    font-family: 'FontAwesome';
    pointer-events: none;
    position: absolute;
    right: 15px;
    top: 11px;
}
        @media (max-width: 570px) {
          #searchhome .position form .inner .location:after {
             font-size: 14px;
            right: 6px;
            top: 11px; } }
#searchhome .position form .inner .location select{
	-moz-appearance: none;
  -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background: transparent;
    border: none;
    border-right: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 0px;
    color: #333;
    cursor: pointer;
    margin: 9px 0 0;
    padding: 0 25px 0 35px;
    font-size: 15px;
}
@media (max-width: 920px) {
          #searchhome .position form .inner .location select {
            margin-top: 10px; } }
        @media (max-width: 570px) {
         #searchhome  .position form .inner .location select {
            padding: 0 20px;
            margin-top: 5px;
            width: 1px; } }
#searchhome .position form .inner .has-suggestion{
	display: inline-block;
      float: none;
      height: 100%;
      margin-left: -5px;
      white-space: normal; }
      @media (max-width: 920px) {
       #searchhome .position form .inner .has-suggestion {
          margin-left: -4px; } }
      @media (max-width: 690px) {
       #searchhome .position form .inner .has-suggestion {
          margin-left: -3px; } }
      #searchhome .position form .inner .has-suggestion.loading:after {
        display: none; }
      #searchhome .position form .inner .has-suggestion input {
        margin-left: 0; }
      #searchhome .position form .inner .has-suggestion .suggestion {
        left: -232px;
        right: 0;
        top: 55px;
        width: auto; }
        @media (max-width: 920px) {
         #searchhome .position form .inner .has-suggestion .suggestion {
            left: -216px; } }
        @media screen and (max-width: 720px) {
          #searchhome .position form .inner .has-suggestion .suggestion {
            max-height: 300px; } }
        @media (max-width: 690px) {
         #searchhome .position form .inner .has-suggestion .suggestion {
            left: -184px; } }
        @media (max-width: 570px) {
         #searchhome .position form .inner .has-suggestion .suggestion {
            left: -41px;
            right: -44px; } }
        @media (max-width: 570px) {
          #searchhome .position form .inner .has-suggestion .suggestion {
            top: 45px; } }
        @media (max-width: 420px) {
         .position form .inner .has-suggestion .suggestion {
            right: -39px; } }

#searchhome .position form .inner button{
    background: #2B96CC;
    display: inline-block;
    color: #fff;
    border: none;
    border-radius: 0;
    font-size: 20px;
    height: 100%;
    padding: 0;
    margin: 0 0 0 -6px;
    text-align: center;
    width: 54px;
    vertical-align: middle;
}
      @media (max-width: 920px) {
        #searchhome .position form .inner button {
          margin-left: -5px; } }
      @media (max-width: 690px) {
        #searchhome .position form .inner button {
          margin-left: -4px; } }
      @media (max-width: 570px) {
        #searchhome .position form .inner button {
          width: 44px; }
         #searchhome .position form .inner button .icon-search-loading {
            font-size: 2px;
            margin: -2px; } }
      @media (max-width: 420px) {
        #searchhome .position form .inner button {
          font-size: 16px;
          margin-left: -3px;
          width: 38px; } }
#searchhome .position form .inner input{
    background: none;
    border: none;
    display: inline-block;
    padding: 1px 15px 10px 15px;
    height: 100%;
    margin: 0;
    transition: background 0.15s;
    vertical-align: middle;
    z-index: 10;
    font-size: 16px;
    width: 500px; 
}
      @media (max-width: 920px) {
        #searchhome .position form .inner input {
          width: 400px; } }
      @media (max-width: 690px) {
        #searchhome .position form .inner input {
          width: 300px; } }
      @media (max-width: 570px) {
        #searchhome .position form .inner input {
          padding: 5px 8px 5px;
          width: 206px; } }
/**********************/

/*************banner slider***************/

#slider {
    width: 100%;
    overflow: visible;
    z-index: 888;
}
#slider img {
    width: 100%;
    height:500px;
    
}
a.carousel-control.left {
  margin-top:100px;
    font-size: 25px;
    margin-left: 30px;
    width: 30px;
    height: 40px;
    color: #fff;
    background: #3330;    
    transition: all .5s ease 0s;
    -webkit-transition: all .5s ease 0s;
    -moz-transition: all .5s ease 0s;
    -o-transition: all .5s ease 0s;
    -ms-transition: all .5s ease 0s;
    top: 35%;
    text-align: center;
    border-radius: 2px;
}
a.carousel-control i.fa {
    font-weight: bold;
}
a.carousel-control:hover {
    background: #2b96cc;
}
a.carousel-control.right {
    margin-top:100px;
    font-size: 25px;
    margin-right: 30px;
    width: 30px;
    height: 40px;
    color: #fff;
    background: #3330;
    transition: all .5s ease 0s;
    -webkit-transition: all .5s ease 0s;
    -moz-transition: all .5s ease 0s;
    -o-transition: all .5s ease 0s;
    -ms-transition: all .5s ease 0s;
    top: 35%;
    text-align: center;
    border-radius: 2px;
}



.slider {
    max-height:349px;
    position: relative;
}
.carousel-caption {
    position: absolute;
    width: 600px;
    height: 260px;
    top: 150px;
    left: 50%;
    margin-left: -300px;
    text-align: center;
    background: rgba(255, 255, 255, 0.9);
    text-shadow: none;
}
.carousel-caption h1 {
    font-size: 38px;
    font-weight: bold;
    color: #2b96cc;
    margin-top: 20px;
}
.carousel-caption p {
    font-size: 18px;
    color: #707070;
    margin-top: 10px;
    display: inline-block;
    max-width: 540px;
}
.carousel-caption a {
    font-size: 14px;
    text-transform: uppercase;
    padding: 15px 20px;
    color: #fff !important;
    background: #707070;
    display: inline-block;
    line-height: 1.3;
    margin-top: 35px;
}
.carousel-caption a:hover,
a.carousel-control.right:hover {
    background: #2b96cc;
}
#slider .animated {
    animation-duration: 2s;
    -webkit-animation-duration: 2s;
    -moz-animation-duration: 2s;
    -o-animation-duration: 2s;
    -ms-animation-duration: 2s;
}

/**********appointment seciton styles************/

.appointment {
    position: relative;
    z-index: 666;
    background: #fff;
    padding-top: 65px;
    padding-bottom: 30px;
}
.appointment p {
    font-size: 16px;
    max-width: 900px;
    margin: 0 auto;
    margin-bottom: 20px;
}
.appointment form {
    margin-top: 50px;
}
.appointment input,
.appointment textarea,
.appointment select {
    margin-top: 10px;
}
.appointment input[type="text"],
.appointment input[type="email"],
.appointment input[type="date"] {
    height: 35px;
    padding: 0 10px;
    line-height: 1.5;
}
.appointment input[type="date"] {
    color: #aaa;
}
.appointment select {
    height: 35px;
    line-height: 2;
    padding: 0 10px;
    color: #aaa;
}
.appointment textarea {
    padding: 10px;
}
.appointment input[type="submit"] {
    font-size: 14px;
    text-transform: uppercase;
    color: #fff;
    background: #2b96cc;
    width: 120px;
    height: 45px;
    float: right;
    border: 0;
    transition: all 0.5s ease 0s;
    -webkit-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;
}
.appointment input[type="submit"]:hover {
    background: rgba(43, 150, 204, 0.78);
}
.appointment .form-control {
    border-radius: 0;
}
.form-control::-webkit-input-placeholder {
    color: #aaa;
}
.form-control:-moz-placeholder {
    /* Firefox 18- */
    color: #aaa;
}
.form-control::-moz-placeholder {
    /* Firefox 19+ */
    color: #aaa;
}
.form-control:-ms-input-placeholder {
    color: #aaa;
}
.clearfix {
    overflow: hidden;
}
.no-padding {
    padding: 0;
}
a.ui-datepicker-prev span {
    position: relative;
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-right: 20px solid #2B96CC;
    border-bottom: 10px solid transparent;
}
a.ui-datepicker-next span {
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-left: 20px solid #2B96CC;
    border-bottom: 10px solid transparent;
}

/***********service sections styles*************/

.services {
    margin-top: 35px;
    padding-bottom: 30px;
}
.service p {
    font-size: 16px;
}
.single-services {
    margin-top: 20px;
}
.single-service {
    display: inline-block;
    width: 100%;
    padding: 15px 10px;
    transition: all .5s ease 0s;
    -webkit-transition: all .5s ease 0s;
    -moz-transition: all .5s ease 0s;
    -o-transition: all .5s ease 0s;
    -ms-transition: all .5s ease 0s;
    margin: 15px 0;
    overflow: hidden;
}
.single-service:hover {
    background: #2B96CC;
}
.service-1 span {
    background: url(../images/service-icons/service-1.png);
    width: 60px;
    height: 60px;
    display: inline-block;
    background-position: center;
    -webkit-background-size: 50px;
    background-size: 50px;
    float: left;
    margin-right: 15px;
    background-repeat: no-repeat;
    transition: all .5s ease 0s;
    -webkit-transition: all .5s ease 0s;
    -moz-transition: all .5s ease 0s;
    -o-transition: all .5s ease 0s;
    -ms-transition: all .5s ease 0s;
}
.service-1 span.span-hover {
    background: url(../images/service-icons/service-w1.png);
    width: 60px;
    height: 60px;
    display: inline-block;
    background-position: center;
    -webkit-background-size: 50px;
    background-size: 50px;
    float: left;
    margin-right: 15px;
    background-repeat: no-repeat;
}
.service-2 span {
    background: url(../images/service-icons/service-2.png);
    width: 60px;
    height: 60px;
    display: inline-block;
    background-position: center;
    -webkit-background-size: 40px 50px;
    background-size: 40px 50px;
    float: left;
    margin-right: 15px;
    background-repeat: no-repeat;
    transition: all .5s ease 0s;
    -webkit-transition: all .5s ease 0s;
    -moz-transition: all .5s ease 0s;
    -o-transition: all .5s ease 0s;
    -ms-transition: all .5s ease 0s;
}
.service-2 span.span-hover {
    background: url(../images/service-icons/service-w2.png);
    width: 60px;
    height: 60px;
    display: inline-block;
    background-position: center;
    -webkit-background-size: 40px 50px;
    background-size: 40px 50px;
    float: left;
    margin-right: 15px;
    background-repeat: no-repeat;
}
.service-3 span {
    background: url(../images/service-icons/service-3.png);
    width: 60px;
    height: 60px;
    display: inline-block;
    background-position: center;
    -webkit-background-size: 40px 50px;
    background-size: 40px 50px;
    float: left;
    margin-right: 15px;
    background-repeat: no-repeat;
    transition: all .5s ease 0s;
    -webkit-transition: all .5s ease 0s;
    -moz-transition: all .5s ease 0s;
    -o-transition: all .5s ease 0s;
    -ms-transition: all .5s ease 0s;
}
.service-3 span.span-hover {
    background: url(../images/service-icons/service-w3.png);
    width: 60px;
    height: 60px;
    display: inline-block;
    background-position: center;
    -webkit-background-size: 40px 50px;
    background-size: 40px 50px;
    float: left;
    margin-right: 15px;
    background-repeat: no-repeat;
}
.service-4 span {
    background: url(../images/service-icons/service-4.png);
    width: 60px;
    height: 60px;
    display: inline-block;
    background-position: center;
    -webkit-background-size: 50px;
    background-size: 50px;
    float: left;
    margin-right: 15px;
    background-repeat: no-repeat;
    transition: all .5s ease 0s;
    -webkit-transition: all .5s ease 0s;
    -moz-transition: all .5s ease 0s;
    -o-transition: all .5s ease 0s;
    -ms-transition: all .5s ease 0s;
}
.service-4 span.span-hover {
    background: url(../images/service-icons/service-w4.png);
    width: 60px;
    height: 60px;
    display: inline-block;
    background-position: center;
    -webkit-background-size: 50px;
    background-size: 50px;
    float: left;
    margin-right: 15px;
    background-repeat: no-repeat;
}
.service-5 span {
    background: url(../images/service-icons/service-5.png);
    width: 60px;
    height: 60px;
    display: inline-block;
    background-position: center;
    -webkit-background-size: 50px;
    background-size: 50px;
    float: left;
    margin-right: 15px;
    background-repeat: no-repeat;
    transition: all .5s ease 0s;
    -webkit-transition: all .5s ease 0s;
    -moz-transition: all .5s ease 0s;
    -o-transition: all .5s ease 0s;
    -ms-transition: all .5s ease 0s;
}
.service-5 span.span-hover {
    background: url(../images/service-icons/service-w5.png);
    width: 60px;
    height: 60px;
    display: inline-block;
    background-position: center;
    -webkit-background-size: 50px;
    background-size: 50px;
    float: left;
    margin-right: 15px;
    background-repeat: no-repeat;
}
.service-6 span {
    background: url(../images/service-icons/service-6.png);
    width: 60px;
    height: 60px;
    display: inline-block;
    background-position: center;
    -webkit-background-size: 40px 50px;
    background-size: 40px 50px;
    float: left;
    margin-right: 15px;
    background-repeat: no-repeat;
    transition: all .5s ease 0s;
    -webkit-transition: all .5s ease 0s;
    -moz-transition: all .5s ease 0s;
    -o-transition: all .5s ease 0s;
    -ms-transition: all .5s ease 0s;
}
.service-6 span.span-hover {
    background: url(../images/service-icons/service-w6.png);
    width: 60px;
    height: 60px;
    display: inline-block;
    background-position: center;
    -webkit-background-size: 40px 50px;
    background-size: 40px 50px;
    float: left;
    margin-right: 15px;
    background-repeat: no-repeat;
}
.single-service h3 {
    font-size: 20px;
    color: #2b96cc;
    text-transform: capitalize;
    margin-top: 10px;
    margin-bottom: 5px;
    transition: all .5s ease 0s;
    -webkit-transition: all .5s ease 0s;
    -moz-transition: all .5s ease 0s;
    -o-transition: all .5s ease 0s;
    -ms-transition: all .5s ease 0s;
}
.single-service p {
    font-size: 14px;
}
.service-tb img {
    margin-top: 15px;
}
.service-tb h3 {
    font-size: 20px;
    color: #2B96CC;
    text-transform: uppercase;
    margin-top: 25px;
    margin-bottom: 15px;
    font-weight: 500;
}
.service-tb h4 a {
    color: #707070;
    display: block;
    padding: 10px 15px;
    border: 1px solid #ccc;
    margin-bottom: 5px;
    font-size: 18px;
}
.service-tb h4 a:focus {
    text-decoration: none;
}
.panel-heading {
    padding: 0;
}
.faq-heading i.glyphicon {
    color: #2B96CC;
}
.panel-body {
    padding: 15px;
    line-height: 1.3;
    border: 1px solid #ccc;
    border-top: 0;
    margin-top: -5px;
}
.panel {
    border: none;
}

/******team section styles********/

.team {
    padding-top: 35px;
    padding-bottom: 30px;
}
#team-slide {
    margin-top: 50px;
}
.team-heading p {
    max-width: 900px;
    margin: 0 auto;
    font-size: 15px;
    margin-bottom: 15px;
}
#team-slide .item {
    padding: 10px 15px;
    margin: 5px;
    text-align: center;
}
#clinic-content .item,#question-content .item, #doctor-content .item{
	padding:10px 15px;
	margin:5px;
}
#clinic-content .item a h3,#question-content .item a h3, #doctor-content .item a h3{
  font-size: 14px;
  height: 32px;
  overflow: hidden;  
  margin-top: 5px;
}
#clinic-content .item a .desc,#question-content .item a .desc, #doctor-content .item a .desc{
  font-size: 14px;
  color: #666;
}




#deal-content .item{
	padding:10px 15px;
	margin:5px;
}

#deal-content .item a h3{
  font-size: 14px;
  height: 34px;
  overflow: hidden; 
  margin-top: 5px;
}
.home_price_new{
    color: red;
    margin-right: 15px;
    font-size: 15px;
}
.home_price_old{
    text-decoration: line-through;
    color: #888;
    font-size: 12px;
}


#deal-content .images img {
	height:200px;
}
#doctor-content .owl-prev{
	left:0px;
	position: absolute;
	top:100px;
	font-size:30px;
}
#doctor-content .owl-next{
        right:0px;
        position: absolute;
        top:100px;
        font-size:30px;
}
#deal-content .owl-prev, #question-content .owl-prev, #clinic-content .owl-prev{
	position: absolute;
	top:100px;
	font-size:30px;
	left:-20px;
}
#deal-content .owl-next, #clinic-content .owl-next, #question-content .owl-next{  
        position: absolute;
        top:100px;
	font-size:30px;
        right:-20px;
}
.member-image {
    width: 100%;
    height: 350px;
    position: relative;
    overflow: hidden;
}
.item-cap {
    position: absolute;
    width: 100%;
    height: 35%;
    left: 0;
    bottom: -400px;
    background: rgba(0, 0, 0, 0.74);
    transition: all .3s ease 0s;
    -webkit-transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    -ms-transition: all .3s ease 0s;
}
.member-image:hover .item-cap {
    bottom: 0;
}
.member-image img {
    width: 100%;
    height: 100%;
}
.item-socials {
    display: block;
}
.item-socials a i.fa {
    font-size: 18px;
    width: 38px;
    height: 38px;
    padding: 10px;
    margin: 15px 5px;
    border: 1px solid #fff;
    color: #fff;
    border-radius: 50%;
}
.item-socials a i.fa:hover {
    background: #2B96CC;
    border-color: #2B96CC;
}
#team-slide .item h3 {
  font-size: 16px;
  color: #2B96CC;
  margin-top: 10px;
  text-transform: uppercase;
}
#team-slide .item h4 {
    font-size: 16px;
    color: #999;
}
#team-slide .owl-buttons {
    position: absolute;
    right: 20px;
    top: -50px;
}
.owl-prev {
    float: left;
    margin-right: 15px;
}
.owl-next {
    float: right;
}
#team-slide .owl-buttons i.fa {
    font-size: 20px;
    color: #fff;
    background: #aaa;
    padding:6px 8px;
}
#team-slide .owl-buttons i.fa:hover {
    background: #2B96CC;
}
a.fb {
    transition: all .5s ease 0s;
    -webkit-transition: all .5s ease 0s;
    -moz-transition: all .5s ease 0s;
    -o-transition: all .5s ease 0s;
    -ms-transition: all .5s ease 0s;
    position: relative;
    bottom: -150px;
}
a.tt {
    transition: all .7s ease 0s;
    -webkit-transition: all .7s ease 0s;
    -moz-transition: all .7s ease 0s;
    -o-transition: all .7s ease 0s;
    -ms-transition: all .7s ease 0s;
    position: relative;
    bottom: -150px;
}
a.gp {
    transition: all .9s ease 0s;
    -webkit-transition: all .9s ease 0s;
    -moz-transition: all .9s ease 0s;
    -o-transition: all .9s ease 0s;
    -ms-transition: all .9s ease 0s;
    position: relative;
    bottom: -150px;
}
.member-image:hover a.fb {
    bottom: 0;
}
.member-image:hover a.tt {
    bottom: 0;
}
.member-image:hover a.gp {
    bottom: 0;
}

/*********about section styles***********/

.about {
    padding-top: 65px;
    position: relative;
    z-index: 666;
    background: #fff;
}
.abcontainer {
    padding-bottom: 65px;
}
.about h3 {
    font-size: 24px;
    color: #2B96CC;
    text-transform: uppercase;
    margin-bottom: 15px;
    font-weight: bold;
}
.home-about {
    padding-bottom: 30px;
    padding-top: 35px;
    background: url(../images/service.jpg);
    background-position: center;
    -webkit-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    overflow: hidden;
}
.aboverlay {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.78);
}
#about-content img {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    border: 2px solid #2B96CC;
    margin:0 auto;
}
.home-about h2 {
    color: #fff;
    position: relative;
    z-index: 222;
}
.about-heading span {
    font-size: 16px;
    margin-bottom: 40px;
    color: #fff;
    position: relative;
    z-index: 222;
}
#about-content .owl-prev {
    position: absolute;
    top: 32px;
    left: 40%;
}
.about h4 {
    font-size: 20px;
    margin-bottom: 15px;
    color: #2B96CC;
    text-transform: capitalize;
    position: relative;
    z-index: 222;
}
#about-content .owl-next {
    position: absolute;
    top: 32px;
    right: 40%;
}
#about-content i.fa {
    font-size: 50px;
    color: #fff;
    padding: 0 20px;
    transition: all .5s ease 0s;
    -webkit-transition: all .5s ease 0s;
    -moz-transition: all .5s ease 0s;
    -o-transition: all .5s ease 0s;
    -ms-transition: all .5s ease 0s;
}
#about-content i.fa:hover {
    color: #2B96CC;
}
#about-content .owl-buttons {
    display: none;
}
#about-content:hover .owl-buttons {
    display: block;
}
#about-content .item img {
    margin-bottom: 20px;
}
#about-content p {
    max-width: 900px;
    margin: 0 auto;
    font-size: 16px;
    margin-bottom: 20px;
    color: #EADADA;
}
#about-content h3 {
    font-size: 18px;
    color: #2B96CC;
    line-height: 2;
}
#about-content h3 span {
    font-size: 14px;
    color: #aaa;
}
.about-heading {
    padding-bottom: 30px;
    max-width: 900px;
    margin: auto;
    display: inline-block;
}
#about-content h4 {
    font-size: 15px;
    color: #fff;
    margin-bottom: 20px;
}

.global-thread-create-cta a.button{
	border-radius: 10px;
	box-shadow: 2px 3px 6px rgba(0, 0, 0, 0.4);
	line-height: 13px;
	padding: 8px 16px 7px 14px;
}
a.button{
	display: inline-block;
	background: #2B96CC;
	border: 1px solid #2B96CC;
	border-radius: 3px;
	color: #fff;
	padding: 5px 20px;
	position: relative;
	transition: background-color 0.1s, color 0.1s;
	text-decoration: none;
}
.global-thread-create-cta a.button strong{
	font-weight: normal;
}
.global-thread-create-cta a.button span{
	color: rgba(255, 255, 255, 0.75);
	display: block;
	font-size: 10px;
	text-transform: uppercase;
}
.global-thread-create-cta a.button .fa{
	color: rgba(255, 255, 255, 0.8);
	float: left;
	font-size: 20px;
	margin: 2px 5px 0 0;
}
header .user a{
	float: left;
	height: 100%;
	padding: 15px 15px 10px;
	text-decoration: none;
}
header .user .favourite-count-container{
	border-radius: 4px;
	margin: 11px 10px 0 0;
	height: auto;
	padding: 3px 10px;
}
header .user span.name{
	color: #2B96CC;
	cursor: pointer;
	float: left;
	height: 100%;
	overflow: hidden;
	padding: 14px 0 0;
	text-overflow: ellipsis;
}
header .user .user-dropdown{
	background: #fff;
	border-radius: 4px;
	padding: 5px 0;
	position: absolute;
	right: 0;
	top: 44px;
	width: 180px;
	z-index: 5;
	-webkit-box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.3);
	-ms-box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.3);
	box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.3);
	visibility: hidden;
	opacity: 0;
	transition: visibility 0.3s, opacity 0.3s;
}
/***********latest-news section styles************/
.row .desc{font-size:13px; line-height:1.3;padding-top:5px;height:55px;}

.latest-news-heading {
    z-index: 1000;
    position: relative;
}
.latest-post h2 {
    margin-top: 5px;
    text-align:center;
}
.latest-news-heading p {
    max-width: 900px;
    margin-bottom: 15px;
    font-size: 16px;
}
.latest-news-heading a {
    position: absolute;
    top: 0px;
    right: 20px;
    float: right;
    padding: 5px 8px;
    font-size: 12px;
}
.single-latest-post {
    margin-bottom: 20px;
}
.latest-posts-contents img {
    width: 100%;
    height: 210px;
}
.latest-posts-contents h3 a {
    font-size: 24px;
    color: #2B96CC;
    margin-top: 20px;
    margin-bottom: 5px;
    display: inline-block;
    font-weight: 500;
}
.latest-posts-contents p a {
    color: #2B96CC;
    display: inline-block;
}
.latest-posts-contents h3 a:hover {
    color: rgba(43, 150, 204, 0.7);
}
.latest-posts-contents p {
    font-size: 16px;
    color: inherit;
    margin-bottom: 20px;
}
.latest-posts-contents span.meta-comment,
.latest-posts-contents span.meta-comment a {
    float: right;
    color: #707070;
}
.latest-posts-contents span.meta-comment a:hover {
    color: #2B96CC;
}

#list .content > ul > li .body .info .brief a{
      font-size: 12px;
      color: #2B96CC;
}



/********newsletter form********/

.newsletter {
    padding: 50px 0;
    background: url(../images/newsletter-bg.jpg);
    background-position: center;
    -webkit-background-size: cover;
    background-size: cover;
    overflow: hidden;
    position: relative;
    margin-top: 30px;
    z-index: 111;
}
.newsletter:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.63);
    z-index: 222;
}
.newsletter-contents {
    position: relative;
    z-index: 333;
}
.newsletter input {
    height: 55px;
    line-height: 1.5;
    border: 0;
}
.newsletter input[type="submit"] {
    color: #fff;
    background: #2B96CC;
    text-transform: uppercase;
    transition: all .5s ease 0s;
    -webkit-transition: all .5s ease 0s;
    -moz-transition: all .5s ease 0s;
    -o-transition: all .5s ease 0s;
    -ms-transition: all .5s ease 0s;
}
.newsletter input[type="submit"]:hover {
    background: #3E5B69;
}
.newsletter h3 {
    font-size: 28px;
    line-height: 2;
    color: #fff;
}
#filter-summarys select{
    font-size: 13px;
    height: 32px;
}
#filter-summarys .btnSearch{
    background-color: #2B96CC;
    border-radius: 4px;
    border: none;
    height: 32px;
    color: #FFF;
    font-size: 13px;
}
/************Footer styles**************/

.footer {
    position: relative;
}

.footer_price{
  color:#940213 !important;margin-right: 20px;font-weight: bold;
}
.footer_price_old{
  color: #eee;text-decoration: line-through;
}

.footer a.back-top i.fa {
  position: fixed;
  right: 10px;
  bottom: 30%;
  font-size: 20px;
  color: #fff;
  width: 40px;
  height: 40px;
  background: rgba(0, 0, 0, 0.6);
  z-index: 999;
  text-align: center;
  line-height: 35px;
  cursor: pointer;
  display: none;
}




.footer a.back-top i.fa:hover {
    background: #2B96CE;
}
.footer-top {
    background: #2B96CC;
    padding-bottom: 20px;
}
.footer h3 {
    color: #fff;
    text-transform: uppercase;
    margin-top: 40px;
    margin-bottom: 15px;
    font-weight: bold;
    font-size: 15px;
}
ul.popular-posts li {
    display: inline-block;
    width: 100%;
   margin-bottom:10px;
    position: relative;
}
ul.popular-posts li a img {
    width: 90px;
    height: 70px;
    float: left;
    margin-right: 10px;
}
ul.popular-posts li h4 {
    margin-top: 0;
    margin-bottom: 5px;
    height: 17px;
    overflow: hidden;
}
ul.popular-posts li h4 a {
    color: #fff;
    margin-bottom: 10px;
}
ul.popular-posts li h4 a:hover {
    color: #E2DADA;
}
ul.popular-posts li span {
    font-size: 13px;
    color: #ccc;
}
.footer-widget2 span {
    color: #fff;
    line-height: 1.5;
}
.footer-socials h4 {
  font-size: 15px;
  text-transform: uppercase;
  margin-top: 30px;
  margin-bottom: 15px;
  color: #fff;
  font-weight: bold;
}
.footer-socials a i.fa {
    font-size: 20px;
    padding: 10px;
    border: 1px solid #fff;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    margin-right: 5px;
    color: #2B96CC;
    background: #fff;
    transition: all .5s ease 0s;
    -webkit-transition: all .5s ease 0s;
    -moz-transition: all .5s ease 0s;
    -o-transition: all .5s ease 0s;
    -ms-transition: all .5s ease 0s;
}
.footer-socials a i.fa:hover {
    background: transparent;
    color: #fff;
}
.footer-widget3 p {
    font-size: 16px;
    color: #fff;
    margin-bottom: 10px;
    line-height: 1.5;
}
.tweet-content {
    padding: 0 10px;
}
.tweet-content p a {
    color: #fff;
    font-weight: 800;
    transition: all .5s ease 0s;
    -webkit-transition: all .5s ease 0s;
    -moz-transition: all .5s ease 0s;
    -o-transition: all .5s ease 0s;
    -ms-transition: all .5s ease 0s;
}
.tweet-content p a:hover {
    color: #3E5B69;
}
.single-tweet {
    padding-bottom: 25px;
    display: inline-block;
    width: 100%;
}
.footer-widget3 i.fa {
    font-size: 30px;
    color: #fff;
}
.tweet-content span {
    color: #ccc;
    font-size: 14px;
}
.footer-bottom {
    background: #13709E;
    padding: 0px 0;
    color: #aaa; 
    font-size:12px;
}
.footer-bottom p{
	line-height:1.8;
}
/*******************************************
    Member details page styles
********************************************/

.member-detail {
    padding: 65px 0;
}
.detail-heading p {
    font-size: 20px;
    margin-bottom: 15px;
    display: inline-block;
}
.detail-content h3 {
    font-size: 24px;
    color: #2B96CC;
    text-transform: capitalize;
    font-weight: bold;
    margin-bottom: 5px;
}
.detail-content ul {
    display: inline-block;
}
.detail-content ul li {
    line-height: 2;
    font-size: 16px;
    margin-top: 8px;
    padding-bottom: 8px;
    display: block;
    border-bottom: 1px dotted #999;
}
.detail-content ul li span strong {
    font-weight: 700;
    color: #666;
}
.member-socials a i.fa {
    font-size: 22px;
    padding: 7px;
    width: 35px;
    height: 35px;
    border-radius: 5px;
    color: #707070;
    border: 1px solid #707070;
    margin-top: 10px;
    transition: all .5s ease 0s;
    -webkit-transition: all .5s ease 0s;
    -moz-transition: all .5s ease 0s;
    -o-transition: all .5s ease 0s;
    -ms-transition: all .5s ease 0s;
}
.member-socials a i.fa:hover {
    background: #2B96CC;
    color: #fff;
    border-color: #2B96CC;
}

/**************************************
    BLog page styles  
**********************************/

.banner {
    width: 100%;
    height: 200px;
    background: url(../images/news6.jpg);
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: cover;
    background-size: cover;
    position: relative;
}
.banner:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.76);
    z-index: 444;
}
.banner .container {
    position: relative;
    z-index: 666;
}
.banner h1 {
    font-size: 45px;
    color: #fff;
    font-weight: 700;
    margin-top: 40px;
    margin-bottom: 10px;
}
.banner p {
    max-width: 900px;
    margin: 0 auto;
    font-size: 18px;
    color: #fff;
}

/*********BLog content*********/

.blog {
    padding: 65px 0;
    overflow: hidden;
}
.single-post {
    display: block;
    overflow: hidden;
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px dotted #999;
}
.single-post:last-of-type {
    border-bottom: 0;
}
.post-thumb {
    float: left;
    margin-right: 15px;
}
.post-thumb img {
    width: 240px;
    height: 170px;
}
.post-content h2 {
    margin-bottom: 5px;
    margin-top: 0;
}
.post-content h2 a {
    font-size: 30px;
    text-transform: capitalize;
    color: #2B96CC;
}
.post-content h2 a:hover {
    color: #1CABF3;
}
.post-content p {
    margin-bottom: 15px;
    font-size: 15px;
    color: inherit;
    line-height: 1.2;
}
.post-content p a {
    display: inline-block;
    color: #2B96CC;
    font-weight: 500;
}
.post-content p a:hover {
    color: #62C4F5;
}
.post-content ul li {
    margin-right: 15px;
}
.post-content ul li a {
    color: #707070;
}
.post-content ul li a:hover {
    color: #2B96CC;
}
.post-pagination {
    display: block;
    margin-top: 20px;
}
.pagination>.active>a {
    background: #2B96CC;
    border-color: #2B96CC;
    ;
}
.pagination>li>a,
.pagination>li>span {
    color: #707070;
}

/********Blog sidebar styles*********/

.right-sidebar input {
    width: 80%;
    height: 35px;
    float: left;
    border: 1px solid #999;
    border-right: 0;
    padding: 8px;
    line-height: 1.5;
}
.right-sidebar button {
    width: 10%;
    float: left;
    border: 1px solid #999;
    height: 35px;
    border-left: 0;
    background: transparent;
}
.right-sidebar h3 {
    font-size: 24px;
    color: #2B96CC;
    margin-top: 20px;
    display: inline-block;
    margin-bottom: 15px;
    border-bottom: 1px solid #2B96CC;
    padding-bottom: 4px;
}
.right-sidebar ul.categories li {
    line-height: 2;
}
.right-sidebar ul.categories li a {
    font-size: 17px;
    color: #707070;
}
.right-sidebar ul.categories li a:hover {
    color: #2B96CC;
}
.right-sidebar ul.recent-post-widget li {
    display: inline-block;
    clear: both;
    margin-bottom: 15px;
    width: 100%;
}
.right-sidebar ul.recent-post-widget li a img {
    width: 80px;
    height: 70px;
    float: left;
    margin-right: 8px;
}
.right-sidebar ul.recent-post-widget li a h4 {
    font-size: 17px;
    color: #707070;
    margin-bottom: 5px;
}
.right-sidebar ul.recent-post-widget li a:hover > h4 {
    color: #2B96CC;
}
.right-sidebar ul.recent-post-widget li a span {
    font-size: 14px;
    color: #a5a5a5;
}
.right-sidebar ul.tags li {
    padding: 2px;
}
.right-sidebar ul.tags li a {
    font-size: 17px;
    color: #707070;
    padding: 7px 10px;
    border: 1px solid #707070;
    display: inline-block;
    transition: all .5s ease 0s;
    -webkit-transition: all .5s ease 0s;
    -moz-transition: all .5s ease 0s;
    -o-transition: all .5s ease 0s;
    -ms-transition: all .5s ease 0s;
    text-transform: capitalize;
}
.right-sidebar ul.tags li a:hover {
    background: #2B96CC;
    border-color: #2B96CC;
    color: #fff;
}

/***********************
Blog single page
*********************/

.single-content h2 {
    margin-top: 15px;
    margin-bottom: 10px;
    display: inline-block;
}
.single-content .post-meta {
    margin-bottom: 15px;
}
.single-content .post-meta ul li.post-comment {
    float: right;
}
.single-content input,
.single-content textarea {
    margin-top: 10px;
}
.single-content input {
    height: 40px;
    border: 1px solid #aaa;
    line-height: 1.5;
    padding: 10px;
}
.single-content textarea {
    line-height: 1.5;
    padding: 10px;
    border: 1px solid #aaa;
}
.single-content input[type="submit"] {
    width: 150px;
    height: 50px;
    font-size: 15px;
    text-transform: uppercase;
    color: #fff;
    background: #707070;
    border: 0;
    transition: all .5s ease 0s;
    -webkit-transition: all .5s ease 0s;
    -moz-transition: all .5s ease 0s;
    -o-transition: all .5s ease 0s;
    -ms-transition: all .5s ease 0s;
    text-transform: uppercase;
}
.single-content input[type="submit"]:hover {
    background: #2B96CC;
}

/*****about page****/

span.heading-nav {
    margin-bottom: 15px;
    display: inline-block;
    color: #2B96CC !important;
}
span.heading-nav a {
    color: #707070;
}
span.heading-nav a:hover {
    color: #2B96CC;
}
.hospital {
    padding-top: 65px;
}
.hospital h2 {
    margin-top: 0;
}
.hospital p {
    font-size: 16px;
    max-width: 900px;
    margin: 0 auto;
}
.hospital img {
    margin: 15px 0;
}

/*********************************
    contac page styles
******************************/

.contact {
    padding-top: 90px;
    padding-bottom: 65px;
    position: relative;
    z-index: 777;
    background: #fff;
}
.contact input,
.contact textarea {
    margin-bottom: 10px;
    padding: 7px;
    line-height: 1.2;
    border: 1px solid #ccc;
}
.contact input {
    height: 40px;
}
.contact input[type="submit"] {
    border: 0;
    color: #fff;
    background: #2B96CC;
    transition: all .5s ease 0s;
    -webkit-transition: all .5s ease 0s;
    -moz-transition: all .5s ease 0s;
    -o-transition: all .5s ease 0s;
    -ms-transition: all .5s ease 0s;
}
.contact input[type="submit"]:hover {
    background: #3E5B69;
}
.contact h3 {
    font-size: 30px;
    color: #2B96CC;
    margin-bottom: 15px;
    font-weight: bold;
    margin-top: 40px;
}
.contact span {
    color: #707070;
    font-size: 16px;
    line-height: 1.5;
}
.contact .socials {
    margin-top: 30px;
}
.contact .socials i.fa {
    font-size: 25px;
    width: 50px;
    height: 50px;
    padding: 12px;
    color: #2B96CC;
    background: transparent;
    border: 1px solid #ccc;
    border-radius: 50%;
    transition: all .5s ease 0s;
    -webkit-transition: all .5s ease 0s;
    -moz-transition: all .5s ease 0s;
    -o-transition: all .5s ease 0s;
    -ms-transition: all .5s ease 0s;
}
.contact .socials i.fa:hover {
    color: #fff;
    background: #2B96CC;
    border-color: #2B96CC;
}

/***************************
    services page styles
************************/

.service {
    position: relative;
    z-index: 777;
    background: #fff;
    padding-top: 5px;
}
.service span {
    float: none;
}
.service span.span-hover {
    float: none;
}
.service-heading p {
    max-width: 900px;
    margin: auto;
}

/******************************
    responsive area
********************************/


/* sm */

@media (min-width: 768px) and (max-width: 991px) {
    .navbar-default .navbar-nav>li>a {
        font-size: 13px;
    }
    .navbar-header {
        width: 100%;
        text-align: center;
    }
    .detail-content h3 {
        margin-top: 20px;
    }
    .latest-news-heading p {
        margin-bottom: 70px;
    }
    .latest-news-heading a {
        top: 100px;
    }
    .right-sidebar {
        margin-top: 50px;
    }
    .navbar-right {
        float: left !important;
    }
    .banner,
    .slider {
        margin-top: 130px;
    }
}

/* xs */

@media (min-width: 480px) and (max-width: 767px) {
    h2 {
        font-size: 26px !important;
    }
    .navbar-toggle {
        margin-top: 20px;
    }
    .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus {
        color: #2B96CC;
    }
    .fixed-header {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 999;
    }
    #slider {
        height: 450px;
    }
    a.carousel-control {
        display: none;
    }
    .carousel-caption {
        width: 450px;
        height: 230px;
        margin-left: -225px;
        top: 120px;
    }
    .carousel-caption h1 {
        font-size: 30px;
        margin-top: 20px;
    }
    .carousel-caption p {
        font-size: 15px;
        margin-top: 8px;
    }
    .carousel-caption a {
        font-size: 13px;
        padding: 10px 15px;
    }
    .detail-content h3 {
        margin-top: 20px;
    }
    .post-thumb img {
        width: 200px;
        height: 150px;
    }
    .latest-news-heading p {
        margin-bottom: 80px;
    }
    .latest-news-heading a {
        top: 150px;
    }
    .right-sidebar {
        margin-top: 50px;
    }
    .post-content h2 a {
        font-size: 26px;
    }
    .navbar-nav>li>a {
        padding-top: 20px !important;
        padding-bottom: 20px !important;
    }
}
@media (min-width: 530px) and (max-width: 767px) {
    .latest-news-heading a {
        top: 100px;
    }
}

/* XS Portrait */

@media (max-width: 479px) {
    h2 {
        font-size: 20px;
    }
    h3 {
        font-size: 17px !important;
    }
    #logo {
        width: 66%;
        padding-top: 8px !important;
    }
    #logo a img {
        max-width: 100%;
        padding-top: 0 !important;
        margin-left:2%;
    }
    .navbar-toggle {
        margin-right:2% !important;
        margin-top: 12px !important;
        transition: all 0.5s ease 0s;
        -webkit-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;
    }
    .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus {
        color: #2B96CC;
    }
    .fixed-header {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 999;
    }
    #slider {
        height: 260px;
    }
    .carousel.slide{
      height:0px;
    }
    .specialities{
      margin-top:70px !important;
    }
    body{
        margin-left:2% !important;
        width: 99% !important;
        
    }
    #page-title{
        margin-top: 50px !important;
    }    

#homepage section.slider .carousel-inner{
  margin-top:100px;
	height:260px !important;
}
    a.carousel-control {
        display: none;
    }
    .carousel-caption {
        width: 300px;
        height: 250px;
        margin-left: -150px;
        top: 90px;
    }
    .carousel-caption h1 {
        font-size: 28px;
        margin-top: 15px;
    }
    .carousel-caption p {
        font-size: 14px;
        margin-top: 7px;
    }
    .carousel-caption a {
        font-size: 10px;
        padding: 10px 14px;
    }
    #about-content .owl-buttons {
        display: none !important;
    }
    .detail-content h3 {
        margin-top: 20px;
    }
    .post-thumb img {
        width: 200px;
        height: 150px;
    }
    .latest-news-heading p {
        margin-bottom: 80px;
    }
    .latest-news-heading a {
        top: 160px;
    }
    .right-sidebar {
        margin-top: 50px;
    }
    .post-content h2 a {
        font-size: 24px;
    }
    .navbar-nav>li>a {
        padding-top: 20px !important;
        padding-bottom: 20px !important;
    }
}
/*! normalize.css v1.1.1 | MIT License | git.io/normalize */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined in IE 6/7/8/9 and Firefox 3.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block; }

/**
 * Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
 */
audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1; }

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0; }

/**
 * Address styling not present in IE 7/8/9, Firefox 3, and Safari 4.
 * Known issue: no IE 6 support.
 */
[hidden] {
  display: none; }

/* ==========================================================================
   Base
   ========================================================================== */
/**
 * 1. Prevent system color scheme's background color being used in Firefox, IE,
 *    and Opera.
 * 2. Prevent system color scheme's text color being used in Firefox, IE, and
 *    Opera.
 * 3. Correct text resizing oddly in IE 6/7 when body `font-size` is set using
 *    `em` units.
 * 4. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  background: #fff;
  /* 1 */
  color: #000;
  /* 2 */
  font-size: 100%;
  /* 3 */
  -webkit-text-size-adjust: 100%;
  /* 4 */
  -ms-text-size-adjust: 100%;
  /* 4 */ }

/**
 * Address `font-family` inconsistency between `textarea` and other form
 * elements.
 */
html,
button,
input,
select,
textarea {
  font-family: sans-serif; }

/**
 * Address margins handled incorrectly in IE 6/7.
 */
body {
  margin: 0; }

/* ==========================================================================
   Links
   ========================================================================== */
/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */
a:focus {
  outline: thin dotted; }

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0; }

/* ==========================================================================
   Typography
   ========================================================================== */
/**
 * Address font sizes and margins set differently in IE 6/7.
 * Address font sizes within `section` and `article` in Firefox 4+, Safari 5,
 * and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

h2 {
  font-size: 1.5em;
  margin: 0.83em 0; }

h3 {
  font-size: 1.17em;
  margin: 1em 0; }

h4 {
  font-size: 1em;
  margin: 1.33em 0; }

h5 {
  font-size: 0.83em;
  margin: 1.67em 0; }

h6 {
  font-size: 0.67em;
  margin: 2.33em 0; }

/**
 * Address styling not present in IE 7/8/9, Safari 5, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted; }

/**
 * Address style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome.
 */
b,
strong {
  font-weight: bold; }

blockquote {
  margin: 1em 40px; }

/**
 * Address styling not present in Safari 5 and Chrome.
 */
dfn {
  font-style: italic; }

/**
 * Address differences between Firefox and other browsers.
 * Known issue: no IE 6/7 normalization.
 */
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0; }

/**
 * Address styling not present in IE 6/7/8/9.
 */
mark {
  background: #ff0;
  color: #000; }

/**
 * Address margins set differently in IE 6/7.
 */
p,
pre {
  margin: 1em 0; }

/**
 * Correct font family set oddly in IE 6, Safari 4/5, and Chrome.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  _font-family: 'courier new', monospace;
  font-size: 1em; }

/**
 * Improve readability of pre-formatted text in all browsers.
 */
pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word; }

/**
 * Address CSS quotes not supported in IE 6/7.
 */
q {
  quotes: none; }

/**
 * Address `quotes` property not supported in Safari 4.
 */
q:before,
q:after {
  content: '';
  content: none; }

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%; }

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

/* ==========================================================================
   Lists
   ========================================================================== */
/**
 * Address margins set differently in IE 6/7.
 */
dl,
menu,
ol,
ul {
  margin: 1em 0; }

dd {
  margin: 0 0 0 40px; }

/**
 * Address paddings set differently in IE 6/7.
 */
menu,
ol,
ul {
  padding: 0 0 0 40px; }

/**
 * Correct list images handled incorrectly in IE 7.
 */
nav ul,
nav ol {
  list-style: none;
  list-style-image: none; }

/* ==========================================================================
   Embedded content
   ========================================================================== */
/**
 * 1. Remove border when inside `a` element in IE 6/7/8/9 and Firefox 3.
 * 2. Improve image quality when scaled in IE 7.
 */
img {
  border: 0;
  /* 1 */
  -ms-interpolation-mode: bicubic;
  /* 2 */ }

/**
 * Correct overflow displayed oddly in IE 9.
 */
svg:not(:root) {
  overflow: hidden; }

/* ==========================================================================
   Figures
   ========================================================================== */
/**
 * Address margin not present in IE 6/7/8/9, Safari 5, and Opera 11.
 */
figure {
  margin: 0; }

/* ==========================================================================
   Forms
   ========================================================================== */
/**
 * Correct margin displayed oddly in IE 6/7.
 */
form {
  margin: 0; }

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

/**
 * 1. Correct color not being inherited in IE 6/7/8/9.
 * 2. Correct text not wrapping in Firefox 3.
 * 3. Correct alignment displayed oddly in IE 6/7.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  white-space: normal;
  /* 2 */
  *margin-left: -7px;
  /* 3 */ }

/**
 * 1. Correct font size not being inherited in all browsers.
 * 2. Address margins set differently in IE 6/7, Firefox 3+, Safari 5,
 *    and Chrome.
 * 3. Improve appearance and consistency in all browsers.
 */
button,
input,
select,
textarea {
  font-size: 100%;
  /* 1 */
  margin: 0;
  /* 2 */
  vertical-align: baseline;
  /* 3 */
  *vertical-align: middle;
  /* 3 */ }

/**
 * Address Firefox 3+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
button,
input {
  line-height: normal; }

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 6+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */
button,
select {
  text-transform: none; }

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 * 4. Remove inner spacing in IE 7 without affecting normal text inputs.
 *    Known issue: inner spacing remains in IE 6.
 */
button,
html input[type="button"], input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
  *overflow: visible;
  /* 4 */ }

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default; }

/**
 * 1. Address box sizing set to content-box in IE 8/9.
 * 2. Remove excess padding in IE 8/9.
 * 3. Remove excess padding in IE 7.
 *    Known issue: excess padding remains in IE 6.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
  height: 13px;
  /* 3 */
  width: 13px;
  /* 3 */ }

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  /* 2 */
  box-sizing: content-box; }

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * Remove inner padding and border in Firefox 3+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

/**
 * 1. Remove default vertical scrollbar in IE 6/7/8/9.
 * 2. Improve readability and alignment in all browsers.
 */
textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top;
  /* 2 */ }

/* ==========================================================================
   Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0; }

/**
 * Owl Carousel v2.1.6
 * Copyright 2013-2016 David Deutsch
 * Licensed under MIT (https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE)
 */
.owl-carousel, .owl-carousel .owl-item {
  -webkit-tap-highlight-color: transparent;
  position: relative; }

.owl-carousel {
  display: none;
  width: 100%;
  z-index: 1; }

.owl-carousel .owl-stage {
  position: relative;
  -ms-touch-action: pan-Y; }

.owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0; }

.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  -webkit-transform: translate3d(0, 0, 0); }

.owl-carousel .owl-item {
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-touch-callout: none; }

#doctor-content.owl-carousel .owl-item img,#clinic-content.owl-carousel .owl-item img, #question-content.owl-carousel .owl-item img{
 height:175px;
 margin-bottom:5px;
background: url("https://dwbxi9io9o7ce.cloudfront.net/public/img/default-place.f4706672a682.jpg?1b03e0c301da") no-repeat 50% 50%/cover;
}
#spec-clinic .owl-prev{
	left:0px;
}
#spec-clinic .owl-next{
	right:0px;
}
.owl-carousel .owl-item img {
  display: block;
  width: 100%;
  -webkit-transform-style: preserve-3d; }

.owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled {
  display: none; }

.owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev {
  cursor: pointer;
  cursor: hand;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.owl-carousel.owl-loaded {
  display: block; }

.owl-carousel.owl-loading {
  opacity: 0;
  display: block; }

.owl-carousel.owl-hidden {
  opacity: 0; }

.owl-carousel.owl-refresh .owl-item {
  display: none; }

.owl-carousel.owl-drag .owl-item {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.owl-carousel.owl-grab {
  cursor: move;
  cursor: grab; }

.owl-carousel.owl-rtl {
  direction: rtl; }

.owl-carousel.owl-rtl .owl-item {
  float: right; }

.no-js .owl-carousel {
  display: block; }

.owl-carousel .animated {
  animation-duration: 1s;
  animation-fill-mode: both; }

.owl-carousel .owl-animated-in {
  z-index: 0; }

.owl-carousel .owl-animated-out {
  z-index: 1; }

.owl-carousel .fadeOut {
  animation-name: fadeOut; }

@keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

.owl-height {
  transition: height 0.5s ease-in-out; }

.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  transition: opacity 0.4s ease; }

.owl-carousel .owl-item img.owl-lazy {
  transform-style: preserve-3d; }

.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000; }

.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url("https://dwbxi9io9o7ce.cloudfront.net/public/bower_components/owl.carousel/dist/assets/owl.video.play.4a37f8008959.png?048cb53a2c8b") no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  transition: transform 0.1s ease; }

.owl-carousel .owl-video-play-icon:hover {
  -ms-transform: scale(1.3, 1.3);
  transform: scale(1.3, 1.3); }

.owl-carousel .owl-video-playing .owl-video-play-icon, .owl-carousel .owl-video-playing .owl-video-tn {
  display: none; }

.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: opacity 0.4s ease; }

.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%; }

/** Trumbowyg v2.1.6 - A lightweight WYSIWYG editor - alex-d.github.io/Trumbowyg - License MIT - Author : Alexandre Demode (Alex-D) / alex-d.fr */
#trumbowyg-icons, #trumbowyg-icons svg {
  height: 0;
  width: 0; }

#trumbowyg-icons {
  overflow: hidden;
  visibility: hidden; }

.trumbowyg-box *, .trumbowyg-box ::after, .trumbowyg-box ::before {
  box-sizing: border-box; }

.trumbowyg-box svg {
  width: 17px;
  height: 100%;
  fill: #222; }

.trumbowyg-box, .trumbowyg-editor {
  display: block;
  position: relative;
  border: 1px solid #DDD;
  width: 100%;
  min-height: 300px;
  margin: 17px auto; }

.trumbowyg-box .trumbowyg-editor {
  margin: 0 auto; }

.trumbowyg-box.trumbowyg-fullscreen {
  background: #FEFEFE;
  border: none !important; }

.trumbowyg-editor, .trumbowyg-textarea {
  position: relative;
  box-sizing: border-box;
  padding: 20px;
  min-height: 300px;
  width: 100%;
  border-style: none;
  resize: none;
  outline: 0;
  overflow: auto; }

.trumbowyg-box-blur .trumbowyg-editor *, .trumbowyg-box-blur .trumbowyg-editor::before {
  color: transparent !important;
  text-shadow: 0 0 7px #333; }

@media screen and (min-width: 0 \0) {
  .trumbowyg-box-blur .trumbowyg-editor *, .trumbowyg-box-blur .trumbowyg-editor::before {
    color: rgba(200, 200, 200, 0.6) !important; } }

@supports (-ms-accelerator: true) {
  .trumbowyg-box-blur .trumbowyg-editor *, .trumbowyg-box-blur .trumbowyg-editor::before {
    color: rgba(200, 200, 200, 0.6) !important; } }

.trumbowyg-box-blur .trumbowyg-editor hr, .trumbowyg-box-blur .trumbowyg-editor img {
  opacity: .2; }

.trumbowyg-textarea {
  position: relative;
  display: block;
  overflow: auto;
  border: none;
  white-space: normal;
  font-size: 14px;
  font-family: Inconsolata,Consolas,Courier,"Courier New",sans-serif;
  line-height: 18px; }

.trumbowyg-box.trumbowyg-editor-visible .trumbowyg-textarea {
  height: 1px !important;
  width: 25%;
  min-height: 0 !important;
  padding: 0 !important;
  background: 0 0;
  opacity: 0 !important; }

.trumbowyg-box.trumbowyg-editor-hidden .trumbowyg-textarea {
  display: block; }

.trumbowyg-box.trumbowyg-editor-hidden .trumbowyg-editor {
  display: none; }

.trumbowyg-box.trumbowyg-disabled .trumbowyg-textarea {
  opacity: .8;
  background: 0 0; }

.trumbowyg-editor[contenteditable=true]:empty:not(:focus)::before {
  content: attr(placeholder);
  color: #999;
  pointer-events: none; }

.trumbowyg-button-pane {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  width: 100%;
  min-height: 36px;
  background: #ecf0f1;
  border-bottom: 1px solid #d7e0e2;
  margin: 0;
  padding: 0 5px;
  list-style-type: none;
  line-height: 10px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

.trumbowyg-button-pane::after {
  content: " ";
  display: block;
  position: absolute;
  top: 36px;
  left: 0;
  right: 0;
  width: 100%;
  height: 1px;
  background: #d7e0e2; }

.trumbowyg-button-pane .trumbowyg-button-group {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap; }

.trumbowyg-button-pane .trumbowyg-button-group .trumbowyg-fullscreen-button svg {
  color: transparent; }

.trumbowyg-button-pane .trumbowyg-button-group:not(:empty) + .trumbowyg-button-group::before {
  content: " ";
  display: block;
  width: 1px;
  background: #d7e0e2;
  margin: 0 5px;
  height: 35px; }

.trumbowyg-button-pane button {
  display: block;
  position: relative;
  width: 35px;
  height: 35px;
  padding: 1px 6px !important;
  margin-bottom: 1px;
  overflow: hidden;
  border: none;
  cursor: pointer;
  background: 0 0;
  -webkit-transition: background-color 150ms, opacity 150ms;
  transition: background-color 150ms, opacity 150ms; }

.trumbowyg-button-pane.trumbowyg-disable button:not(.trumbowyg-not-disable):not(.trumbowyg-active), .trumbowyg-disabled .trumbowyg-button-pane button:not(.trumbowyg-not-disable):not(.trumbowyg-viewHTML-button) {
  opacity: .2;
  cursor: default; }

.trumbowyg-button-pane.trumbowyg-disable .trumbowyg-button-group::before, .trumbowyg-disabled .trumbowyg-button-pane .trumbowyg-button-group::before {
  background: #e3e9eb; }

.trumbowyg-button-pane button.trumbowyg-active, .trumbowyg-button-pane button:not(.trumbowyg-disable):focus, .trumbowyg-button-pane button:not(.trumbowyg-disable):hover {
  background-color: #FFF;
  outline: 0; }

.trumbowyg-button-pane .trumbowyg-open-dropdown::after {
  display: block;
  content: " ";
  position: absolute;
  top: 25px;
  right: 3px;
  height: 0;
  width: 0;
  border: 3px solid transparent;
  border-top-color: #555; }

.trumbowyg-button-pane .trumbowyg-right {
  margin-left: auto; }

.trumbowyg-button-pane .trumbowyg-right::before {
  display: none !important; }

.trumbowyg-dropdown {
  width: 200px;
  border: 1px solid #ecf0f1;
  padding: 5px 0;
  border-top: none;
  background: #FFF;
  margin-left: -1px;
  box-shadow: rgba(0, 0, 0, 0.1) 0 2px 3px; }

.trumbowyg-dropdown button {
  display: block;
  width: 100%;
  height: 35px;
  line-height: 35px;
  text-decoration: none;
  background: #FFF;
  padding: 0 10px;
  color: #333 !important;
  border: none;
  cursor: pointer;
  text-align: left;
  font-size: 15px;
  -webkit-transition: all 150ms;
  transition: all 150ms; }

.trumbowyg-dropdown button:focus, .trumbowyg-dropdown button:hover {
  background: #ecf0f1; }

.trumbowyg-dropdown button svg {
  float: left;
  margin-right: 14px; }

.trumbowyg-modal {
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  max-width: 520px;
  width: 100%;
  height: 350px;
  z-index: 11;
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

.trumbowyg-modal-box {
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  max-width: 500px;
  width: calc(100% - 20px);
  padding-bottom: 45px;
  z-index: 1;
  background-color: #FFF;
  text-align: center;
  font-size: 14px;
  box-shadow: rgba(0, 0, 0, 0.2) 0 2px 3px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

.trumbowyg-modal-box .trumbowyg-modal-title {
  font-size: 24px;
  font-weight: 700;
  margin: 0 0 20px;
  padding: 15px 0 13px;
  display: block;
  border-bottom: 1px solid #EEE;
  color: #333;
  background: #fbfcfc; }

.trumbowyg-modal-box .trumbowyg-progress {
  width: 100%;
  height: 3px;
  position: absolute;
  top: 58px; }

.trumbowyg-modal-box .trumbowyg-progress .trumbowyg-progress-bar {
  background: #2BC06A;
  height: 100%;
  -webkit-transition: width 150ms linear;
  transition: width 150ms linear; }

.trumbowyg-modal-box label {
  display: block;
  position: relative;
  margin: 15px 12px;
  height: 27px;
  line-height: 27px;
  overflow: hidden; }

.trumbowyg-modal-box label .trumbowyg-input-infos {
  display: block;
  text-align: left;
  height: 25px;
  line-height: 25px;
  -webkit-transition: all 150ms;
  transition: all 150ms; }

.trumbowyg-modal-box label .trumbowyg-input-infos span {
  display: block;
  color: #69878f;
  background-color: #fbfcfc;
  border: 1px solid #DEDEDE;
  padding: 0 7px;
  width: 150px; }

.trumbowyg-modal-box label .trumbowyg-input-infos span.trumbowyg-msg-error {
  color: #e74c3c; }

.trumbowyg-modal-box label.trumbowyg-input-error input, .trumbowyg-modal-box label.trumbowyg-input-error textarea {
  border: 1px solid #e74c3c; }

.trumbowyg-modal-box label.trumbowyg-input-error .trumbowyg-input-infos {
  margin-top: -27px; }

.trumbowyg-modal-box label input {
  position: absolute;
  top: 0;
  right: 0;
  height: 27px;
  line-height: 27px;
  border: 1px solid #DEDEDE;
  background: #fff;
  font-size: 14px;
  max-width: 330px;
  width: 70%;
  padding: 0 7px;
  -webkit-transition: all 150ms;
  transition: all 150ms; }

.trumbowyg-modal-box label input:focus, .trumbowyg-modal-box label input:hover {
  outline: 0;
  border: 1px solid #95a5a6; }

.trumbowyg-modal-box label input:focus {
  background: #fbfcfc; }

.trumbowyg-modal-box .error {
  margin-top: 25px;
  display: block;
  color: red; }

.trumbowyg-modal-box .trumbowyg-modal-button {
  position: absolute;
  bottom: 10px;
  right: 0;
  text-decoration: none;
  color: #FFF;
  display: block;
  width: 100px;
  height: 35px;
  line-height: 33px;
  margin: 0 10px;
  background-color: #333;
  border: none;
  cursor: pointer;
  font-family: "Trebuchet MS",Helvetica,Verdana,sans-serif;
  font-size: 16px;
  -webkit-transition: all 150ms;
  transition: all 150ms; }

.trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-submit {
  right: 110px;
  background: #2bc06a; }

.trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-submit:focus, .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-submit:hover {
  background: #40d47e;
  outline: 0; }

.trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-submit:active {
  background: #25a25a; }

.trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-reset {
  color: #555;
  background: #e6e6e6; }

.trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-reset:focus, .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-reset:hover {
  background: #fbfbfb;
  outline: 0; }

.trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-reset:active {
  background: #d5d5d5; }

.trumbowyg-overlay {
  position: absolute;
  background-color: rgba(255, 255, 255, 0.5);
  width: 100%;
  left: 0;
  display: none;
  z-index: 10; }

body.trumbowyg-body-fullscreen {
  overflow: hidden; }

.trumbowyg-fullscreen {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  z-index: 99999; }

.trumbowyg-fullscreen .trumbowyg-editor, .trumbowyg-fullscreen.trumbowyg-box {
  border: none; }

.trumbowyg-fullscreen .trumbowyg-editor, .trumbowyg-fullscreen .trumbowyg-textarea {
  height: calc(100% - 37px) !important;
  overflow: auto; }

.trumbowyg-fullscreen .trumbowyg-overlay {
  height: 100% !important; }

.trumbowyg-fullscreen .trumbowyg-button-group .trumbowyg-fullscreen-button svg {
  color: #222;
  fill: transparent; }

.trumbowyg-editor embed, .trumbowyg-editor img, .trumbowyg-editor object, .trumbowyg-editor video {
  max-width: 100%; }

.trumbowyg-editor img, .trumbowyg-editor video {
  height: auto; }

.trumbowyg-editor img {
  cursor: move; }

.trumbowyg-editor.trumbowyg-reset-css {
  background: #FEFEFE !important;
  font-family: "Trebuchet MS", Helvetica, Verdana, sans-serif !important;
  font-size: 14px !important;
  line-height: 1.45em !important;
  white-space: normal !important;
  color: #333; }

.trumbowyg-editor.trumbowyg-reset-css a {
  color: #15c !important;
  text-decoration: underline !important; }

.trumbowyg-editor.trumbowyg-reset-css blockquote, .trumbowyg-editor.trumbowyg-reset-css div, .trumbowyg-editor.trumbowyg-reset-css ol, .trumbowyg-editor.trumbowyg-reset-css p, .trumbowyg-editor.trumbowyg-reset-css ul {
  box-shadow: none !important;
  background: 0 0 !important;
  margin: 0 0 15px !important;
  line-height: 1.4em !important;
  font-family: "Trebuchet MS", Helvetica, Verdana, sans-serif !important;
  font-size: 14px !important;
  border: none; }

.trumbowyg-editor.trumbowyg-reset-css hr, .trumbowyg-editor.trumbowyg-reset-css iframe, .trumbowyg-editor.trumbowyg-reset-css object {
  margin-bottom: 15px !important; }

.trumbowyg-editor.trumbowyg-reset-css blockquote {
  margin-left: 32px !important;
  font-style: italic !important;
  color: #555; }

.trumbowyg-editor.trumbowyg-reset-css ol, .trumbowyg-editor.trumbowyg-reset-css ul {
  padding-left: 20px !important; }

.trumbowyg-editor.trumbowyg-reset-css ol ol, .trumbowyg-editor.trumbowyg-reset-css ol ul, .trumbowyg-editor.trumbowyg-reset-css ul ol, .trumbowyg-editor.trumbowyg-reset-css ul ul {
  border: none;
  margin: 2px !important;
  padding: 0 0 0 24px !important; }

.trumbowyg-editor.trumbowyg-reset-css hr {
  display: block;
  height: 1px;
  border: none;
  border-top: 1px solid #CCC; }

.trumbowyg-editor.trumbowyg-reset-css h1, .trumbowyg-editor.trumbowyg-reset-css h2, .trumbowyg-editor.trumbowyg-reset-css h3, .trumbowyg-editor.trumbowyg-reset-css h4 {
  color: #111;
  background: 0 0;
  margin: 0 !important;
  padding: 0 !important;
  font-weight: 700; }

.trumbowyg-editor.trumbowyg-reset-css h1 {
  font-size: 32px !important;
  line-height: 38px !important;
  margin-bottom: 20px !important; }

.trumbowyg-editor.trumbowyg-reset-css h2 {
  font-size: 26px !important;
  line-height: 34px !important;
  margin-bottom: 15px !important; }

.trumbowyg-editor.trumbowyg-reset-css h3 {
  font-size: 22px !important;
  line-height: 28px !important;
  margin-bottom: 7px !important; }

.trumbowyg-editor.trumbowyg-reset-css h4 {
  font-size: 16px !important;
  line-height: 22px !important;
  margin-bottom: 7px !important; }

.trumbowyg-dark .trumbowyg-textarea {
  background: #111;
  color: #ddd; }

.trumbowyg-dark .trumbowyg-box {
  border: 1px solid #343434; }

.trumbowyg-dark .trumbowyg-box.trumbowyg-fullscreen {
  background: #111; }

.trumbowyg-dark .trumbowyg-box.trumbowyg-box-blur .trumbowyg-editor *, .trumbowyg-dark .trumbowyg-box.trumbowyg-box-blur .trumbowyg-editor::before {
  text-shadow: 0 0 7px #ccc; }

@media screen and (min-width: 0 \0) {
  .trumbowyg-dark .trumbowyg-box.trumbowyg-box-blur .trumbowyg-editor *, .trumbowyg-dark .trumbowyg-box.trumbowyg-box-blur .trumbowyg-editor::before {
    color: rgba(20, 20, 20, 0.6) !important; } }

@supports (-ms-accelerator: true) {
  .trumbowyg-dark .trumbowyg-box.trumbowyg-box-blur .trumbowyg-editor *, .trumbowyg-dark .trumbowyg-box.trumbowyg-box-blur .trumbowyg-editor::before {
    color: rgba(20, 20, 20, 0.6) !important; } }

.trumbowyg-dark .trumbowyg-box svg {
  fill: #ecf0f1;
  color: #ecf0f1; }

.trumbowyg-dark .trumbowyg-button-pane {
  background-color: #222;
  border-bottom-color: #343434; }

.trumbowyg-dark .trumbowyg-button-pane::after {
  background: #343434; }

.trumbowyg-dark .trumbowyg-button-pane .trumbowyg-button-group:not(:empty)::before {
  background-color: #343434; }

.trumbowyg-dark .trumbowyg-button-pane .trumbowyg-button-group:not(:empty) .trumbowyg-fullscreen-button svg {
  color: transparent; }

.trumbowyg-dark .trumbowyg-button-pane.trumbowyg-disable .trumbowyg-button-group::before {
  background-color: #2a2a2a; }

.trumbowyg-dark .trumbowyg-button-pane button.trumbowyg-active, .trumbowyg-dark .trumbowyg-button-pane button:not(.trumbowyg-disable):focus, .trumbowyg-dark .trumbowyg-button-pane button:not(.trumbowyg-disable):hover {
  background-color: #333; }

.trumbowyg-dark .trumbowyg-button-pane .trumbowyg-open-dropdown::after {
  border-top-color: #fff; }

.trumbowyg-dark .trumbowyg-fullscreen .trumbowyg-button-group .trumbowyg-fullscreen-button svg {
  color: #ecf0f1;
  fill: transparent; }

.trumbowyg-dark .trumbowyg-dropdown {
  border-color: #222;
  background: #333;
  box-shadow: rgba(0, 0, 0, 0.3) 0 2px 3px; }

.trumbowyg-dark .trumbowyg-dropdown button {
  background: #333;
  color: #fff !important; }

.trumbowyg-dark .trumbowyg-dropdown button:focus, .trumbowyg-dark .trumbowyg-dropdown button:hover {
  background: #222; }

.trumbowyg-dark .trumbowyg-modal-box {
  background-color: #222; }

.trumbowyg-dark .trumbowyg-modal-box .trumbowyg-modal-title {
  border-bottom: 1px solid #555;
  color: #fff;
  background: #3c3c3c; }

.trumbowyg-dark .trumbowyg-modal-box label {
  display: block;
  position: relative;
  margin: 15px 12px;
  height: 27px;
  line-height: 27px;
  overflow: hidden; }

.trumbowyg-dark .trumbowyg-modal-box label .trumbowyg-input-infos span {
  color: #eee;
  background-color: #2f2f2f;
  border-color: #222; }

.trumbowyg-dark .trumbowyg-modal-box label .trumbowyg-input-infos span.trumbowyg-msg-error {
  color: #e74c3c; }

.trumbowyg-dark .trumbowyg-modal-box label.trumbowyg-input-error input, .trumbowyg-dark .trumbowyg-modal-box label.trumbowyg-input-error textarea {
  border-color: #e74c3c; }

.trumbowyg-dark .trumbowyg-modal-box label input {
  border-color: #222;
  color: #eee;
  background: #333; }

.trumbowyg-dark .trumbowyg-modal-box label input:focus, .trumbowyg-dark .trumbowyg-modal-box label input:hover {
  border-color: #626262; }

.trumbowyg-dark .trumbowyg-modal-box label input:focus {
  background-color: #2f2f2f; }

.trumbowyg-dark .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-submit {
  background: #1b7943; }

.trumbowyg-dark .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-submit:focus, .trumbowyg-dark .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-submit:hover {
  background: #25a25a; }

.trumbowyg-dark .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-submit:active {
  background: #176437; }

.trumbowyg-dark .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-reset {
  background: #333;
  color: #ccc; }

.trumbowyg-dark .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-reset:focus, .trumbowyg-dark .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-reset:hover {
  background: #444; }

.trumbowyg-dark .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-reset:active {
  background: #111; }

.trumbowyg-dark .trumbowyg-overlay {
  background-color: rgba(15, 15, 15, 0.6); }

/***************************
* Meddy global styles.
*
* @author Dave Bui
* @date Autumn 2015
***************************/
.clearfix:after {
  content: '';
  display: table;
  clear: both; }

.bordered-section {
  border: 1px solid #eee;
  border-radius: 5px; }

html {
  box-sizing: border-box;
  height: 100%; }

*, *:before, *:after {
  box-sizing: inherit; }

body {
  background: #fff;
  color: #333;
  float: left;
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  height: 100%;
  line-height: 1.5;
  min-height: 100%;
  width: 100%; }

h1, h2, h3, h4, h5, h6 {
  line-height: 1.25;
  margin: 0 0 10px; }

h1 {
  color: #333;
  font-size: 24px; }

ul, ol {
  margin: 0;
  padding: 0; }

p {
  margin: 0 0 10px; }

a {
  color: #2B96CC;
  transition: all 0.1s; }
  a:active, a:focus {
    outline: none; }
  a:hover {
    text-decoration: none; }

blockquote {
  background: transparent;
  margin: 0 0 10px;
  overflow: hidden;
  padding: 10px 10px 10px 20px;
  position: relative; }
  blockquote:before {
    background: #eee;
    content: '';
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 3px; }
  blockquote pre {
    margin: 0; }

input[type="radio"] {
  cursor: pointer; }

.visuallyhidden, .vh {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

.position {
  position: relative;
  margin: auto;
  width: 1180px; }
  @media (max-width: 1220px) {
    .position {
      padding: 0 10px;
      width: 100%; } }

.cms h1, .cms h2, .cms h3, .cms h4, .cms h5, .cms h6 {
  font-family: Georgia, Times, serif;
  font-weight: normal; }

.cms h1 {
  font-size: 32px; }

.cms h2 {
  font-size: 28px; }

.cms h3 {
  font-size: 22px; }

.cms h4 {
  font-size: 18px; }

.cms h5 {
  font-size: 16px; }

.cms h6 {
  font-size: 15px; }

.cms ul, .cms ol {
  margin: 0 0 10px 20px; }
  .cms ul li, .cms ol li {
    margin: 0 0 10px; }

#main {
  background: #fff;
  float: left;
  padding: 85px 0 0;
  min-height: 500px;
  width: 100%; }
  @media (max-width: 720px) {
    #main {
      padding-top: 42px; } }

#page-404 {
  padding: 120px;
  text-align: center; }
  #page-404 h1 {
    color: #2B96CC;
    margin: 0 0 12px; }
  #page-404 .canvas {
    background: rgba(0, 186, 191, 0.1);
    border-radius: 50%;
    display: inline-block;
    height: 120px;
    line-height: 150px;
    margin: 0 0 20px;
    width: 120px; }
    #page-404 .canvas .fa {
      color: #2B96CC;
      font-size: 50px;
      margin: 0 0 20px; }

.no-js .owl-carousel {
  display: none; }

.clearfix:after {
  content: '';
  display: table;
  clear: both; }

.bordered-section {
  border: 1px solid #eee;
  border-radius: 5px; }

  @media screen and (max-width: 720px) {
    body.header-collapsed header {
      height: 42px; } }

body.header-collapsed .sticky-wrapper.is-sticky .sticky-nav {
  margin-top: -38px; }
  @media (max-width: 720px) {
    body.header-collapsed .sticky-wrapper.is-sticky .sticky-nav {
      margin-top: 0; } }


  @media (max-width: 720px) {
    header {
      height: 42px; } }
  header .position {
    height: 100%;
    padding: 0; }
  header .sidenav-trigger {
    color: rgba(255, 255, 255, 0.9);
    display: none;
    font-size: 20px;
    height: 100%;
    line-height: 42px;
    left: 0;
    position: absolute;
    text-align: center;
    top: 0;
    width: 42px; }
    header .sidenav-trigger:hover {
      background: rgba(255, 255, 255, 0.15); }
    @media (max-width: 720px) {
      header .sidenav-trigger {
        display: block; } }
  header h2.logo {
    left: 14px;
    margin-bottom: 0;
    position: absolute;
    top: 8px; }
    @media (max-width: 720px) {
      header h2.logo {
        margin: 0;
        padding: 6px 0 0;
        position: static;
        text-align: center; }
        header.showing-search h2.logo {
          visibility: hidden;
          opacity: 0;
          transition: visibility 0.1s, opacity 0.1s; } }
    header h2.logo a {
      background: transparent url("https://dwbxi9io9o7ce.cloudfront.net/public/img/sprite.f019f5e9f733.png?1b03e0c301da") no-repeat 0 0 / 750px auto;
      display: inline-block;
      height: 30px;
      width: 70px; }
      @media (max-width: 720px) {
        header h2.logo a {
          background-size: 750px auto;
          height: 30px;
          width: 68px; } }
  header form.search {
    border-radius: 3px;
    color: #2B96CC;
    float: right;
    border:1px solid #f2f2f2;
    font-size: 14px;
    margin-top: 8px; }
    @media screen and (max-width: 720px) {
      header form.search {
        background: rgba(255, 255, 255, 0.925);
        position: absolute;
        margin-top: 0; } }
    @media (max-width: 720px) {
      header form.search {
        visibility: hidden;
        opacity: 0;
        transition: visibility 0.1s, opacity 0.1s;
        left: 44px;
        right: 42px;
        top: 5px; }
        header.showing-search form.search {
          visibility: visible;
          opacity: 1;
          transition: visibility 0.1s, opacity 0.1s; } }
    header form.search .location {
      float: right;
      margin-left: 8px;
      position: relative;
      z-index: 2;
      border: solid 1px #ccc;
      height: 35px;
    }
      @media screen and (max-width: 979px) {
        header form.search .location {
          width: 130px; } }
      @media screen and (max-width: 720px) {
        header form.search .location {
          color: #2B96CC;
          float: left;
          margin-left: 0; } }
      @media (max-width: 500px) {
        header form.search .location {
          width: 51px; } }
      header form.search .location select {
        -moz-appearance: none;
        -webkit-appearance: none;
        appearance: none;
        background: transparent;
        border-radius: 3px;
        border: 1px solid rgba(255, 255, 255, 0.6);
        color: #333;
        cursor: pointer;
        height: auto;
        margin: 0;
        padding: 5px 25px 5px 23px;
        transition: border-color 0.1s;
        width: 100%; }
        header form.search .location select:hover {
          border-color: white; }
        @media screen and (max-width: 720px) {
          header form.search .location select {
            border: none;
            border-radius: 3px 0 0 3px;
            border-right: 1px solid rgba(0, 186, 191, 0.4);
            color: #333;
            margin-top: 5px;
            padding: 0 26px 0 24px; } }
        @media (max-width: 500px) {
          header form.search .location select {
            width: 0; } }
        header form.search .location select option {
          color: #333; }
      header form.search .location select::-ms-expand {
        display: none; }
      header form.search .location:before {
        content: '\f041';
        font-family: 'FontAwesome';
        font-size: 12px;
        left: 10px;
        pointer-events: none;
        position: absolute;
        top: 7px; }
      header form.search .location:after {
        content: '\f0d7';
        font-family: 'FontAwesome';
        pointer-events: none;
        position: absolute;
        right: 10px;
        top: 6px; }
    header form.search .inner {
      float: left;
      position: relative;
      height: 35px;
    }
      @media (max-width: 720px) {
        header form.search .inner {
          float: none; } }
    header form.search .has-suggestion {
      background: #fff;
      border-radius: 3px 0 0 3px; }
      @media (max-width: 720px) {
        header form.search .has-suggestion {
          float: none;
          margin: 0 32px 0 132px; }
          header form.search .has-suggestion ul {
            left: -132px;
            margin: -2px 0 0;
            min-width: 233px;
            right: -32px;
            width: auto; } }
    @media (max-width: 720px) and (max-width: 500px) {
      header form.search .has-suggestion ul {
        left: -51px; } }
      @media screen and (max-width: 720px) {
        header form.search .has-suggestion {
          background: transparent; } }
      @media (max-width: 500px) {
        header form.search .has-suggestion {
          margin-left: 51px; } }
      header form.search .has-suggestion .suggestion {
        margin: 3px 0 0;
        right: -32px;
        width: auto; }
        @media (max-width: 720px) {
          header form.search .has-suggestion .suggestion {
            left: -132px;
            max-height: 300px; } }
        @media (max-width: 500px) {
          header form.search .has-suggestion .suggestion {
            left: -51px; } }
        @media screen and (max-width: 720px) {
          header form.search .has-suggestion .suggestion .professional .title {
            margin-top: 0; } }
    header form.search input {
      background: #fff;
      border: none;
      color: rgba(0, 0, 0, 0.95);
      float: left;
      padding: 6px 8px 6px 12px;
      position: relative;
      transition: background 0.1s;
      width: 420px;
      z-index: 10;
      -webkit-border-radius: 3px 0 0 3px;
      -moz-border-radius: 3px 0 0 3px;
      -ms-border-radius: 3px 0 0 3px;
      border-radius: 3px 0 0 3px; }
      @media screen and (max-width: 979px) {
        header form.search input {
          width: 300px; } }
      @media (max-width: 768px) {
        header form.search input {
          width: 270px; } }
      @media screen and (max-width: 720px) {
        header form.search input {
          background: transparent; } }
      @media (max-width: 720px) {
        header form.search input {
          float: none;
          width: 100%; } }
      header form.search input::-webkit-input-placeholder {
        color: rgba(0, 0, 0, 0.6); }
      header form.search input::-moz-input-placeholder {
        color: rgba(0, 0, 0, 0.6); }
      header form.search input::input-placeholder {
        color: rgba(0, 0, 0, 0.6); }
      header form.search input:focus {
        background: white; }
    header form.search button {
      background: rgba(255, 255, 255, 0.925);
      border: none;
      border-radius: 0 3px 3px 0;
      color: #2B96CC;
      font-size: 16px;
      float: left;
      height: 31px;
      line-height: 29px;
      padding: 0;
      transition: background 0.1s, color 0.1s;
      width: 32px;
      z-index: 10; }
      @media screen and (max-width: 720px) {
        header form.search button {
          background: rgba(0, 186, 191, 0.1); } }
      @media (max-width: 720px) {
        header form.search button {
          position: absolute;
          right: 0;
          top: 0; } }
      header form.search button:focus {
        outline: none; }
      @media screen and (max-width: 720px) {
        header form.search button:hover {
          background: rgba(0, 186, 191, 0.4);
          color: #fff; } }
      header form.search button:after {
        display: none; }
      header form.search button .fa {
        font-size: 18px; }
        @media screen and (max-width: 720px) {
          header form.search button .fa {
            font-size: 14px; } }
    header form.search .loading .icon-search-loading {
      font-size: 2px;
      margin: -1px;
      color: #2B96CC; }
  header .top-header {
    background: #2B96CC;
    float: left;
    height: 47px;
    position: relative;
    width: 100%;
    z-index: 2; }
    @media (max-width: 720px) {
      header .top-header {
        height: 100%; } }
    @media screen and (max-width: 720px) {
      header .top-header .user {
        display: none; } }
  header .user {
   float: right;
    height: 100%;
    margin-left: 10px;
    position: relative;
    z-index: 5;
    margin-top: 0px;
    font-size: 12px;
    margin-right: -15px;
  }
    header .user span.name {
      color: #295cb6;
      cursor: pointer;
      float: left;
      height: 100%;
      overflow: hidden;
      padding: 14px 0 0;
      text-overflow: ellipsis; }
      @media screen and (max-width: 1119px) {
        header .user span.name {
          padding-right: 20px; } }
      header .user span.name:hover + .user-dropdown {
        visibility: visible;
        opacity: 1;
        transition: visibility 0.4s, opacity 0.4s; }
    header .user a {
      float: left;
      height: 100%;
      padding: 15px 15px 10px;
      text-decoration: none; }
      header .user a:hover, header .user a.active {
        background: rgba(255, 255, 255, 0.1);
        border-bottom: 3px solid rgba(255, 255, 255, 0.6); }
      header .user a .fa {
        display: inline-block;
        font-size: 16px; }
      header .user a .unimportant {
        display: none; }
    header .user .user-dropdown {
      background: #fff;
      border-radius: 4px;
      padding: 5px 0;
      position: absolute;
      right: 0;
      top: 44px;
      width: 180px;
      z-index: 5;
      -webkit-box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.3) ;
      -moz-box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.3) ;
      -ms-box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.3) ;
      box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.3) ;
      visibility: hidden;
      opacity: 0;
      transition: visibility 0.3s, opacity 0.3s; }
      @media (max-width: 720px) {
        header .user .user-dropdown {
          visibility: visible;
          opacity: 1;
          transition: visibility 0.3s, opacity 0.3s; } }
      header .user .user-dropdown a {
        color: #333;
        display: inline-block;
        float: none;
        padding: 8px 10px 6px;
        text-decoration: none;
        width: 100%; }
        header .user .user-dropdown a.active {
          background: transparent;
          border: none;
          color: #2B96CC; }
          header .user .user-dropdown a.active .fa {
            color: #2B96CC; }
        header .user .user-dropdown a:hover {
          background: #2B96CC;
          border: none;
          color: #fff; }
          header .user .user-dropdown a:hover .fa {
            color: #fff; }
        header .user .user-dropdown a .fa {
          color: #333;
          font-size: 13px; }
      header .user .user-dropdown:hover {
        display: block;
        visibility: visible;
        opacity: 1;
        transition: visibility 0.4s, opacity 0.4s; }
      header .user .user-dropdown:before {
        background: #fff;
        border: 3px solid #fff;
        border-bottom-color: transparent;
        border-right-color: transparent;
        content: '';
        height: 0;
        left: 50%;
        margin-left: -3px;
        position: absolute;
        top: -3px;
        width: 0;
        -webkit-transform: rotateZ(45deg);
        -moz-transform: rotateZ(45deg);
        -ms-transform: rotateZ(45deg);
        -o-transform: rotateZ(45deg);
        transform: rotateZ(45deg); }
    header .user .favourite-count-container {
      border-radius: 4px;
      margin: 11px 10px 0 0;
      height: auto;
      padding: 3px 10px; }
      @media (max-width: 1100px) {
        header .user .favourite-count-container {
          margin-right: 0; } }
      @media (max-width: 720px) {
        header .user .favourite-count-container {
          display: none; } }
      header .user .favourite-count-container:hover {
        background: rgba(255, 255, 255, 0.2);
        border: none; }
      header .user .favourite-count-container .fa {
        font-size: 12px;
        transition: color 0.2s; }
  header .search-toggle {
    border-left: 1px solid rgba(0, 0, 0, 0.1);
    color: #fff;
    display: none;
    float: right;
    font-size: 18px;
    height: 100%;
    line-height: 56px;
    position: absolute;
    right: 0;
    top: 0;
    text-align: center;
    transition: background 0.1s;
    width: 56px; }
    body.page-index header .search-toggle {
      display: none; }
    header .search-toggle:hover {
      background: rgba(255, 255, 255, 0.15); }
    header .search-toggle:before {
      content: '\f002';
      font-family: 'FontAwesome';
      display: inline-block; }
    header.showing-search .search-toggle:before {
      content: '\f0c9'; }
    @media (max-width: 720px) {
      header .search-toggle {
        display: block; } }
    @media (max-width: 720px) {
      header .search-toggle {
        border: none;
        line-height: 43px;
        width: 42px; }
        header.showing-search .search-toggle:before {
          content: '\f00d'; } }
  header nav.primary {
    background: rgba(255, 255, 255, 0.2);
    bottom: 0;
    display: block;
    height: 38px;
    list-style: none;
    position: absolute;
    width: 100%; }
    @media (max-width: 720px) {
      header nav.primary {
        right: 56px; } }
    header nav.primary ul {
      height: 100%; }
      @media (max-width: 720px) {
        header nav.primary ul {
          visibility: visible;
          opacity: 1;
          transition: visibility 0.1s, opacity 0.1s; }
          header.showing-search nav.primary ul {
            visibility: visible;
            opacity: 1;
            transition: visibility 0.1s, opacity 0.1s; } }
      header nav.primary ul li {
        float: left;
        height: 100%; }
        header nav.primary ul li.home {
          display: none; }
        header nav.primary ul li.right {
          float: right; }
        header nav.primary ul li a {
          border-color: rgba(255, 255, 255, 0);
          color: #fff;
          float: left;
          font-weight: bold;
          height: 100%;
          padding: 12px 13px 0 10px;
          position: relative;
          line-height: 1;
          text-align: center;
          text-decoration: none;
          transition: border 0.1s, background 0.1s; }
          header nav.primary ul li a .fa {
            color: rgba(255, 255, 255, 0.9);
            display: inline-block;
            font-size: 13px; }
          @media (max-width: 1100px) {
            header nav.primary ul li a {
              padding: 12px 8px 0; }
              header nav.primary ul li a .fa {
                display: none; } }
      header nav.primary ul li.active a, header nav.primary ul li a:hover {
        background: rgba(255, 255, 255, 0.1);
        border-bottom: 3px solid rgba(255, 255, 255, 0.6); }
      header nav.primary ul li.sidenav-only {
        display: none; }
    header nav.primary .user {
      margin-left: 0;
      display: none; }
      @media screen and (max-width: 720px) {
        header nav.primary .user {
          display: block; } }
    header nav.primary .user-dropdown:before {
      display: none; }
  header .social {
    display: none; }
  @media (max-width: 720px) {
    header .sidenav {
      background: rgba(0, 0, 0, 0.2);
      cursor: pointer;
      height: 100%;
      left: 0;
      opacity: 0;
      position: fixed;
      top: 0;
      transition: visibility 0s 0.2s, opacity 0.2s;
      visibility: hidden;
      width: 100%;
      z-index: 10; }
      header .sidenav nav.primary {
        background: #fff;
        box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
        cursor: default;
        height: 100%;
        left: 0;
        position: fixed;
        transform: translate3d(-230px, 0, 0);
        transition: transform 0.2s;
        top: 0;
        width: 230px;
        z-index: 10; }
        header .sidenav nav.primary .user {
          background: rgba(0, 0, 0, 0.05);
          float: left;
          height: auto;
          position: static;
          width: 100%; }
          header .sidenav nav.primary .user > a {
            border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
            header .sidenav nav.primary .user > a:last-child {
              border-bottom: none; }
          header .sidenav nav.primary .user a {
            color: #444;
            padding: 10px 16px 10px 14px;
            text-align: left;
            text-decoration: none;
            width: 100%; }
            header .sidenav nav.primary .user a .fa {
              color: #555; }
            header .sidenav nav.primary .user a:hover {
              background: #2B96CC;
              color: #fff; }
              header .sidenav nav.primary .user a:hover .fa {
                color: #fff; }
            header .sidenav nav.primary .user a span.unimportant {
              display: inline; }
          header .sidenav nav.primary .user .user-dropdown {
            background: none;
            box-shadow: none;
            display: block;
            position: static;
            width: auto; }
            header .sidenav nav.primary .user .user-dropdown a {
              padding: 7px 24px 5px 30px; }
          header .sidenav nav.primary .user .name {
            color: #444;
            display: block;
            height: 36px;
            padding: 10px 16px 0 14px;
            max-width: 100%;
            text-align: left; }
          header .sidenav nav.primary .user .active {
            color: #2B96CC; }
            header .sidenav nav.primary .user .active:hover {
              background: #2B96CC;
              color: #fff; }
              header .sidenav nav.primary .user .active:hover .fa {
                color: #fff; }
            header .sidenav nav.primary .user .active .fa {
              color: #2B96CC; }
        header .sidenav nav.primary ul {
          float: left;
          height: auto;
          width: 100%; }
          header .sidenav nav.primary ul li {
            border-top: 1px solid rgba(0, 0, 0, 0.1);
            width: 100%; }
            header .sidenav nav.primary ul li.home {
              display: list-item; }
            header .sidenav nav.primary ul li a {
              border-bottom: 3px solid transparent;
              color: #444;
              padding: 13px 16px 10px 14px;
              text-align: left;
              width: 100%; }
              header .sidenav nav.primary ul li a .fa {
                color: #555;
                display: inline-block;
                margin: 0 2px 0 0; }
              header .sidenav nav.primary ul li a:hover {
                background: #2B96CC;
                border-bottom-color: rgba(255, 255, 255, 0.6);
                color: #fff; }
                header .sidenav nav.primary ul li a:hover .fa {
                  color: #fff; }
            header .sidenav nav.primary ul li.active a {
              color: #2B96CC; }
              header .sidenav nav.primary ul li.active a:hover {
                background: #2B96CC;
                color: #fff; }
                header .sidenav nav.primary ul li.active a:hover .fa {
                  color: #fff; }
              header .sidenav nav.primary ul li.active a .fa {
                color: #2B96CC; }
            header .sidenav nav.primary ul li.sidenav-only {
              display: list-item; }
        header .sidenav nav.primary .social {
          clear: both;
          display: block;
          font-size: 20px;
          margin: 0 auto;
          padding: 10px;
          text-align: center; }
          header .sidenav nav.primary .social a {
            color: #888;
            display: inline-block;
            margin: 0 2px; }
            header .sidenav nav.primary .social a:hover {
              color: #2B96CC; }
      header .sidenav.active {
        opacity: 1;
        transition: opacity 0.2s;
        visibility: visible; }
        header .sidenav.active nav.primary {
          transform: translate3d(0, 0, 0); } }

.clearfix:after, .has-aside aside section:after, .content section:after {
  content: '';
  display: table;
  clear: both; }

.bordered-section, .content.pulled-up section:first-child {
  border: 1px solid #eee;
  border-radius: 5px; }

.has-aside .content {
  float: left;
  margin: 0 0 15px;
  position: relative;
  width: 70%; }
  @media (max-width: 1023px) {
    .has-aside .content {
      padding-right: 0;
      width: 100%; } }
  @media (max-width: 1023px) {
    .has-aside .content section:last-child {
      margin-bottom: 0; } }

.has-aside aside {
  float: left;
  padding: 10px 0 10px 20px;
  width: 30%; }
  @media (max-width: 1023px) {
    .has-aside aside {
      padding: 0;
      width: 100%; } }
  .has-aside aside:first-child {
    padding-left: 0;
    padding-right: 20px; }
    @media (max-width: 1023px) {
      .has-aside aside:first-child {
        padding-right: 0;
        padding-top: 10px; } }

.content section {
  margin: 0 0 20px;
  padding: 20px; }
  @media (max-width: 1023px) {
    .content section {
      padding: 10px 0; } }
  .content section .section-header {
    border-bottom: 1px solid #eee;
    margin: -20px 0 20px; }
    .content section .section-header h2 {
      font-size: 15px;
      margin: 0;
      padding: 11px 3px 9px; }
      .content section .section-header h2 .fa {
        font-size: 13px; }

.content.pulled-up {
  margin-top: -40px; }
  @media (max-width: 1023px) {
    .content.pulled-up {
      margin-top: 0; } }
  .content.pulled-up section:first-child {
    background: #fff;
    width: 100%; }
    @media (max-width: 1023px) {
      .content.pulled-up section:first-child {
        background: none;
        border: none;
        box-shadow: none; } }

.clearfix:after {
  content: '';
  display: table;
  clear: both; }

.bordered-section {
  border: 1px solid #eee;
  border-radius: 5px; }

#page-title {
  position: relative; }
  #page-title .background {
    background: #f9f9f9 url("https://dwbxi9io9o7ce.cloudfront.net/public/img/herobanner-7.0f1cd5e69801.jpg?1b03e0c301da") no-repeat 100% 80%/auto 300px;
    bottom: 0;
    content: ' ';
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0; }
    @media (max-width: 1220px) {
      #page-title .background {
        filter: blur(4px);
        -webkit-filter: blur(4px); } }
  #page-title .mask {
   /* height: 100%;*/
    position: relative; }
    #page-title .mask .position {
      padding: 30px 0 35px; }
      @media (max-width: 1220px) {
        #page-title .mask .position {
          margin: 0 10px;
          width: auto; } }
      @media (max-width: 1023px) {
        #page-title .mask .position {
          padding: 35px 0; } }
      @media (max-width: 680px) {
        #page-title .mask .position {
          padding: 20px 0 22px; } }
  .page-place-list #page-title .background, .page-professional-list #page-title .background, .page-lab-tests #page-title .background {
    background: #f9f9f9 url("https://dwbxi9io9o7ce.cloudfront.net/public/img/herobanner-7.0f1cd5e69801.jpg?1b03e0c301da") no-repeat 100% 80%/auto 300px; }
  @media (max-width: 680px) {
    .page-place-list #page-title .background, .page-professional-list #page-title .background, .page-lab-tests #page-title .background {
      background-size: contain; } }
  @media (max-width: 680px) {
    .page-place-list #page-title .mask .position, .page-professional-list #page-title .mask .position, .page-lab-tests #page-title .mask .position {
      padding: 20px 0 26px; } }
  .page-lab-tests #page-title .background {
    background: #f9f9f9 url("https://dwbxi9io9o7ce.cloudfront.net/public/img/herobanner-8.1c6a598df5cf.jpg?1b03e0c301da") no-repeat 100% 50%/auto 400px; }
  .page-lab-tests #page-title .mask {
    background: rgba(245, 245, 245, 0.2); }
  .page-place-detail #page-title .background, .page-place-detail-activity #page-title .background, .page-professional-detail #page-title .background {
    background: #f9f9f9 url("https://dwbxi9io9o7ce.cloudfront.net/public/img/herobanner-2.5f1eb5a24cfd.jpg?1b03e0c301da") no-repeat 50% 85%/cover;
    filter: blur(3px);
    -webkit-filter: blur(3px); }
  .page-place-detail #page-title .mask, .page-place-detail-activity #page-title .mask, .page-professional-detail #page-title .mask {
    background: rgba(255, 255, 255, 0.85); }
  .page-thread-collection-detail #page-title .background, .page-place-collection-detail #page-title .background, .page-professional-collection-detail #page-title .background {
    background: #f2f2f2 url("https://dwbxi9io9o7ce.cloudfront.net/public/img/herobanner-9.1407dfb879b7.png?1b03e0c301da") no-repeat 100% 0%;
    opacity: .5; }
    @media (max-width: 680px) {
      .page-thread-collection-detail #page-title .background, .page-place-collection-detail #page-title .background, .page-professional-collection-detail #page-title .background {
        background-position: 100% -55px; } }
  @media (max-width: 540px) {
    .page-thread-collection-detail #page-title .mask .position, .page-place-collection-detail #page-title .mask .position, .page-professional-collection-detail #page-title .mask .position {
      padding: 25px 0; } }
  #page-title ul.old-breadcrumbs {
    color: #999;
    list-style: none;
    line-height: 1.2;
    margin: 0 15px 5px; }
    @media (max-width: 680px) {
      #page-title ul.old-breadcrumbs {
        margin: 0 5px 5px; } }
    @media (max-width: 580px) {
      #page-title ul.old-breadcrumbs {
        font-size: 12px; } }
    #page-title ul.old-breadcrumbs li {
      display: inline;
      margin: 0 3px 0 0; }
      #page-title ul.old-breadcrumbs li a {
        color: #999;
        display: inline;
        margin: 0 3px 0 0;
        text-decoration: none; }
        #page-title ul.old-breadcrumbs li a:hover {
          color: #2B96CC; }
  #page-title .activity-text {
    margin: 0 0 5px 15px; }
    @media screen and (max-width: 639px) {
      #page-title .activity-text {
        margin-left: 5px; } }
  #page-title .breadcrumbs {
    color: #777;
    font-size: 12px;
    padding: 0 0 3px;
    line-height: 1.2;
    margin: 10px 0; 
  }

  .province_name{color:#2B96CC}

    @media (max-width: 680px) {
      #page-title .breadcrumbs {
        margin: 0 5px; } }
    #page-title .breadcrumbs li {
      display: inline; }
      #page-title .breadcrumbs li:after {
        content: "\\";
        display: inline-block;
        margin: 0 4px; }
      #page-title .breadcrumbs li:last-child:after {
        display: none; }
      #page-title .breadcrumbs li a {
        color: #777;
        text-decoration: none; }
        #page-title .breadcrumbs li a:hover {
          color: #2B96CC; }
  #page-title h1 {
    font-size: 16px;
    margin: 0; 
  }
    @media (max-width: 680px) {
      #page-title h1 {
        font-size: 22px;
        line-height: 1.2;
        margin: 0 5px; } }
    @media (max-width: 400px) {
      #page-title h1 {
        font-size: 18px; } }
    #page-title h1 .weak {
      display: block;
      font-size: 20px;
      font-weight: normal; }
      @media (max-width: 680px) {
        #page-title h1 .weak {
          font-size: 22px;
          display: inline;
          font-weight: bold; } }
      @media (max-width: 400px) {
        #page-title h1 .weak {
          font-size: 18px; } }
    #page-title h1 .admin-actions {
      font-size: 17px; }
      #page-title h1 .admin-actions a {
        color: rgba(0, 0, 0, 0.9); }
  #page-title.has-create h1 {
    margin-right: 240px; }
    @media (max-width: 680px) {
      #page-title.has-create h1 {
        margin-right: 0; } }
  #page-title .unanswered {
    display: block;
    margin-left: 15px;
    margin-top: 5px;
    text-decoration: none; }
  #page-title .button.create-thread {
    border-radius: 4px;
    box-shadow: 0 0 25px 10px #f6f6f6;
    font-size: 14px;
    margin: -20px 0 0;
    padding: 10px 14px 10px 56px;
    position: absolute;
    right: 15px;
    top: 50%; }
    #page-title .button.create-thread .fa {
      background: rgba(0, 0, 0, 0.2);
      font-size: 18px;
      height: 100%;
      left: 0;
      line-height: 41px;
      position: absolute;
      text-align: center;
      top: 0;
      width: 43px; }
    #page-title .button.create-thread:hover .fa {
      background: rgba(0, 186, 190, 0.05);
      color: #2B96CC; }
    @media (max-width: 1023px) {
      #page-title .button.create-thread {
        margin: -12px 0 0; } }
    @media (max-width: 680px) {
      #page-title .button.create-thread {
        bottom: auto;
        box-shadow: none;
        font-size: 12px;
        margin-top: 15px;
        padding: 5px 14px 5px 38px;
        position: relative;
        right: 0;
        top: auto; }
        #page-title .button.create-thread .fa {
          font-size: 14px;
          line-height: 27px;
          width: 28px; } }
  #page-title .box-assign {
    display: inline-block;
    margin-bottom: 15px;
    margin-left: 10px;
    margin-top: 20px; }
    #page-title .box-assign.has-assign .input-auto-complete {
      display: none; }
    #page-title .box-assign label {
      display: inline-block;
      margin-right: 10px;
      margin-top: 5px; }
    #page-title .box-assign .has-suggestion {
      display: inline-block;
      float: none; }
    #page-title .box-assign .result-autocomplete {
      display: inline-block;
      overflow: inherit; }
    #page-title .box-assign .suggestion .image {
      display: none; }
  #page-title.no-background {
    background-color: #f9f9f9;
    border-bottom: 1px solid #f0f0f0; }
    #page-title.no-background .position {
      padding: 20px 0; }
    #page-title.no-background h1 .weak {
      display: inline-block; }
  #page-title.has-menu h1 {
    padding-right: 85px; }

@charset "UTF-8";
/*!
 *  Font Awesome 4.6.3 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
/* FONT PATH
 * -------------------------- */
@font-face {
  font-family: 'FontAwesome';
  src: url("https://dwbxi9io9o7ce.cloudfront.net/public/bower_components/font-awesome/fonts/fontawesome-webfont.eot?v=4.6.3&5b98d2cdd54c");
  src: url("https://dwbxi9io9o7ce.cloudfront.net/public/bower_components/font-awesome/fonts/fontawesome-webfont.eot?&5b98d2cdd54c#iefix&v=4.6.3") format("embedded-opentype"), url("https://dwbxi9io9o7ce.cloudfront.net/public/bower_components/font-awesome/fonts/fontawesome-webfont.woff2?v=4.6.3&5b98d2cdd54c") format("woff2"), url("https://dwbxi9io9o7ce.cloudfront.net/public/bower_components/font-awesome/fonts/fontawesome-webfont.woff?v=4.6.3&5b98d2cdd54c") format("woff"), url("https://dwbxi9io9o7ce.cloudfront.net/public/bower_components/font-awesome/fonts/fontawesome-webfont.ttf?v=4.6.3&5b98d2cdd54c") format("truetype"), url("https://dwbxi9io9o7ce.cloudfront.net/public/bower_components/font-awesome/fonts/fontawesome-webfont.svg?v=4.6.3&5b98d2cdd54c#fontawesomeregular") format("svg");
  font-weight: normal;
  font-style: normal; }

.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

/* makes the font 33% larger relative to the icon container */
.fa-lg {
  font-size: 1.33333em;
  line-height: 0.75em;
  vertical-align: -15%; }

.fa-2x {
  font-size: 2em; }

.fa-3x {
  font-size: 3em; }

.fa-4x {
  font-size: 4em; }

.fa-5x {
  font-size: 5em; }

.fa-fw {
  width: 1.28571em;
  text-align: center; }

.fa-ul {
  padding-left: 0;
  margin-left: 2.14286em;
  list-style-type: none; }
  .fa-ul > li {
    position: relative; }

.fa-li {
  position: absolute;
  left: -2.14286em;
  width: 2.14286em;
  top: 0.14286em;
  text-align: center; }
  .fa-li.fa-lg {
    left: -1.85714em; }

.fa-border {
  padding: 0.2em 0.25em 0.15em;
  border: solid 0.08em #eee;
  border-radius: .1em; }

.fa-pull-left {
  float: left; }

.fa-pull-right {
  float: right; }

.fa.fa-pull-left {
  margin-right: .3em; }

.fa.fa-pull-right {
  margin-left: .3em; }

/* Deprecated as of 4.4.0 */
.pull-right {
  float: right; }

.pull-left {
  float: left; }

.fa.pull-left {
  margin-right: .3em; }

.fa.pull-right {
  margin-left: .3em; }

.fa-spin {
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear; }

.fa-pulse {
  -webkit-animation: fa-spin 1s infinite steps(8);
  animation: fa-spin 1s infinite steps(8); }

@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }

@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }

.fa-rotate-90 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg); }

.fa-rotate-180 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg); }

.fa-rotate-270 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg); }

.fa-flip-horizontal {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
  -webkit-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1); }

.fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  -webkit-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  transform: scale(1, -1); }

:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
  filter: none; }

.fa-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle; }

.fa-stack-1x, .fa-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center; }

.fa-stack-1x {
  line-height: inherit; }

.fa-stack-2x {
  font-size: 2em; }

.fa-inverse {
  color: #fff; }

/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0; }

.sr-only-focusable:active,
.sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto; }

.social-footer a {
  -webkit-transition: all 0.1s ease 0s, visibility 0s ease 0s;
  -moz-transition: all 0.1s ease 0s, visibility 0s ease 0s;
  -ms-transition: all 0.1s ease 0s, visibility 0s ease 0s;
  transition: all 0.1s ease 0s, visibility 0s ease 0s; }

.clearfix:after {
  content: '';
  display: table;
  clear: both; }

.bordered-section {
  border: 1px solid #eee;
  border-radius: 5px; }

footer {
  background: #333;
  clear: both;
  position: relative; }
  footer .lower {
    color: #bbb;
    font-size: 11px;
    padding: 10px 0; }
    @media (max-width: 600px) {
      footer .lower {
        padding-top: 10px; } }
    footer .lower .arrow-facebook {
      background: transparent url("https://dwbxi9io9o7ce.cloudfront.net/public/img/sprite.f019f5e9f733.png?1b03e0c301da") no-repeat -238px 0/1000px auto;
      height: 49px;
      margin-left: -40px;
      margin-top: -2px;
      position: absolute;
      width: 50px;
      top: 15px;
      -webkit-transform: rotateZ(-46deg);
      -moz-transform: rotateZ(-46deg);
      -ms-transform: rotateZ(-46deg);
      -o-transform: rotateZ(-46deg);
      transform: rotateZ(-46deg); }
      @media screen and (max-width: 600px) {
        footer .lower .arrow-facebook {
          margin-left: -36px;
          -webkit-transform: rotateZ(-52deg);
          -moz-transform: rotateZ(-52deg);
          -ms-transform: rotateZ(-52deg);
          -o-transform: rotateZ(-52deg);
          transform: rotateZ(-52deg); } }
    footer .lower .text-facebook {
      color: #ddd;
      display: inline-block;
      font-size: 11px;
      margin-bottom: 3px;
      padding: 0px 25px;
      text-align: left; }
      @media screen and (max-width: 979px) {
        footer .lower .text-facebook {
          display: block; } }
      @media screen and (max-width: 600px) {
        footer .lower .text-facebook {
          margin-left: 0;
          text-align: center; } }
      @media screen and (max-width: 479px) {
        footer .lower .text-facebook {
          display: none; } }
    footer .lower a {
      color: #bbb;
      text-decoration: none;
      line-height: 19px; }
      footer .lower a:hover {
        text-decoration: underline; }
    footer .lower p {
      margin: 0;
      color: #fff; }
    footer .lower .badge {
      float: left;
      padding: 10px 0 0; }
      footer .lower .badge .registered {
        background: transparent url("https://dwbxi9io9o7ce.cloudfront.net/public/img/sprite.f019f5e9f733.png?1b03e0c301da") no-repeat -100px 0/1000px auto;
        display: inline-block;
        height: 47px;
        width: 122px; }
    footer .lower ul.site-links {
      overflow: hidden;
      list-style: none;
      text-align: left; }
      footer .lower ul.site-links > li {
        display: inline-block;
        margin: 0 15px 20px;
        vertical-align: top; }
        footer .lower ul.site-links > li:first-child {
          min-width: 280px; }
        footer .lower ul.site-links > li:last-child {
          max-width: 353px; }
        @media (max-width: 600px) {
          footer .lower ul.site-links > li {
            width: 100%;
            display: block;
            padding: 0 0 15px 20px;
            margin: 0;
            width: 50%;
            float: left; }
            footer .lower ul.site-links > li:first-child {
              padding-left: 0;
              text-align: center;
              width: 100%; }
            footer .lower ul.site-links > li:nth-child(4) {
              clear: both; } }
        @media (max-width: 320px) {
          footer .lower ul.site-links > li {
            width: 100%; } }
        footer .lower ul.site-links > li ul {
          list-style: none;
          margin: 0 0 8px; }
          footer .lower ul.site-links > li ul:last-child {
            margin-bottom: 0; }
        footer .lower ul.site-links > li iframe {
          margin: 4px 0; }
          @media (max-width: 600px) {
            footer .lower ul.site-links > li iframe {
              margin: 0; } }
        footer .lower ul.site-links > li blockquote:before {
          display: none; }
        footer .lower ul.site-links > li p {
          line-height: 19px;
          font-weight: bold; }
          footer .lower ul.site-links > li p:last-child {
            color: #bbb;
            font-weight: 300; }
  footer .disclaimer {
    background: #111;
    color: #ccc;
    font-size: 12px;
    padding: 10px;
    text-align: center;    
  }
    @media (max-width: 1400px) {
     
    footer .disclaimer .registration-number a {
      text-decoration: none;
      color: #bbb;
      font-weight: bold; }
    footer .disclaimer p {
      margin: 0; }
      @media (max-width: 680px) {
        footer .disclaimer p {
          display: inline; } }

.social-footer {
  float: left;
  margin-top: 15px;
  width: 100%; }
  .social-footer p {
    margin-bottom: 7px; }
  .social-footer a {
    color: #fff;
    float: left;
    font-size: 23px;
    height: 22px;
    line-height: 22px;
    margin-right: 10px;
    opacity: .8;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    width: 22px; }
    .social-footer a .fa {
      color: #fff; }
    .social-footer a:hover {
      opacity: 1; }
    .social-footer a.email {
      margin-top: -1px; }
    .social-footer a.social-footer-facebook {
      background-color: #3b5998;
      font-size: 17px;
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      -ms-border-radius: 3px;
      border-radius: 3px; }
    .social-footer a.social-footer-youtube {
      font-size: 19px;
      background-color: #e62117;
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      -ms-border-radius: 3px;
      border-radius: 3px; }
    .social-footer a.social-footer-zalo {
      background: transparent url("https://dwbxi9io9o7ce.cloudfront.net/public/img/sprite.f019f5e9f733.png?1b03e0c301da") no-repeat -122px 0/400px auto; }

.clearfix:after {
  content: '';
  display: table;
  clear: both; }

.bordered-section {
  border: 1px solid #eee;
  border-radius: 5px; }

input, button, select, textarea {
  font-family: 'Open Sans', sans-serif; }
  input:focus, button:focus, select:focus, textarea:focus {
    outline: none; }

::-webkit-input-placeholder, ::-moz-input-placeholder, ::input-placeholder {
  font-family: 'Open Sans', sans-serif; }

button {
  background: #2B96CC;
  border: 1px solid #00a2a2;
  border-radius: 3px;
  color: #fff;
  padding: 5px 20px;
  transition: background-color 0.1s, color 0.1s; }
  button:hover, button:active, button:focus {
    background: #fff;
    color: #00a2a2; }
  form.submitting button {
    pointer-events: none; }
  
  button.button-facebook {
    color: #fff;
    background-color: #3b5998;
    border-color: rgba(0, 0, 0, 0.2);
    position: relative;
    padding-left: 44px;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
    button.button-facebook i {
      position: absolute;
      left: 0;
      top: 0;
      bottom: 0;
      width: 32px;
      line-height: 30px;
      font-size: 15px;
      text-align: center;
      border-right: 1px solid rgba(0, 0, 0, 0.2); }
    button.button-facebook:after {
      content: ''; }
    button.button-facebook:hover {
      color: #fff;
      background-color: #2d4373;
      border-color: rgba(0, 0, 0, 0.2); }

a.button {
  display: inline-block;
  background: #98d01d;
  border: 1px solid #00a2a2;
  border-radius: 3px;
  color: #fff;
  padding: 5px 20px;
  position: relative;
  transition: background-color 0.1s, color 0.1s;
  text-decoration: none; }
  a.button:hover, a.button:active, a.button:focus {
    background: #fff;
    color: #00a2a2; }
  a.button.loading .fa {
    visibility: hidden; }
  a.button.loading .loader {
    display: block;
    left: 15px;
    position: absolute;
    top: 8px;
    visibility: visible; }

a.button.secondary {
  background: #fff;
  border: 1px solid #00a2a2;
  color: #00a2a2; }
  a.button.secondary:hover, a.button.secondary:active {
    color:; #2B96CC !important;
  }
  a.button.secondary.weak {
    border-color: rgba(0, 0, 0, 0.15); }

.form-row {
  float: left;
  margin: 0 0 10px;
  width: 100%; }
  .form-row.no-row-label {
    padding-left: 120px; }
  .form-row .form-field {
    float: left;
    width: 100%; }
    .form-row .form-field label {
      float: left;
      font-weight: bold;
      line-height: 1;
      padding: 9px 10px 0 0;
      margin: 0 0 -10px;
      text-align: right;
      width: 120px; }
    .form-row .form-field.has-long-label label {
      line-height: 1.25;
      margin: 0 0 10px;
      padding: 0;
      text-align: left; }
    .form-row .form-field.has-long-label .form-field-input label {
      float: left;
      width: auto; }
    .form-row .form-field .form-field-input {
      float: left; }
      .form-row .form-field .form-field-input label {
        cursor: pointer;
        font-weight: normal;
        margin: 0 20px 0 0;
        padding: 0;
        text-align: left;
        white-space: nowrap;
        width: auto; }
      .form-row .form-field .form-field-input p {
        font-size: 11px;
        margin: 5px 0 0; }
      .form-row .form-field .form-field-input .trumbowyg-box p {
        font-size: 13px; }
      .form-row .form-field .form-field-input input[type=radio], .form-row .form-field .form-field-input input[type=checkbox] {
        float: left;
        margin: 1px 5px 0 0; }
      .form-row .form-field .form-field-input select {
        float: left; }
    .form-row .form-field .form-field-text {
      overflow: hidden;
      padding: 6px 10px 0 0; }
  .form-row .checkbox-field label {
    cursor: pointer;
    padding: 9px 5px 9px 0;
    margin-bottom: 0;
    font-weight: normal;
    width: auto; }
  .form-row.indented {
    padding-left: 120px; }
  .form-row .instruction {
    color: #888;
    clear: both;
    font-size: 10px;
    font-style: italic;
    font-weight: normal;
    margin: 3px 0 0; }

.button-row {
  margin: 0;
  padding: 0 0 0 120px; }

hr.form-hr {
  border: 0;
  border-top: 1px dotted rgba(0, 0, 0, 0.2);
  clear: both;
  height: 0;
  margin: 10px 0; }

input[type=text], input[type=email], input[type=password], input[type=date], textarea, select {
  border: 1px solid #ccc;
  border-radius: 3px;
  padding: 5px;
  transition: border-color 0.1s; }
  input[type=text]:focus, input[type=email]:focus, input[type=password]:focus, input[type=date]:focus, textarea:focus, select:focus {
    border-color: #2B96CC; }
  input[type=text][readonly], input[type=email][readonly], input[type=password][readonly], input[type=date][readonly], textarea[readonly], select[readonly] {
    border: 1px dotted #ccc;
    background: none; }
    input[type=text][readonly]:focus, input[type=email][readonly]:focus, input[type=password][readonly]:focus, input[type=date][readonly]:focus, textarea[readonly]:focus, select[readonly]:focus {
      border-color: #ccc; }

input[type=file] {
  cursor: pointer; }

  select[multiple] {
    min-height: 120px; }

.trumbowyg-box {
  border-radius: 3px;
  margin: 0;
  min-height: 160px; }
  .trumbowyg-box .trumbowyg-editor {
    min-height: 160px;
    padding: 5px 10px; }
    .trumbowyg-box .trumbowyg-editor ol, .trumbowyg-box .trumbowyg-editor ul {
      padding: 0 0 0 10px; }

@charset "UTF-8";
.censored:before, .censored:after {
  -webkit-transition: all 0.1s ease 0s, visibility 0s ease 0s;
  -moz-transition: all 0.1s ease 0s, visibility 0s ease 0s;
  -ms-transition: all 0.1s ease 0s, visibility 0s ease 0s;
  transition: all 0.1s ease 0s, visibility 0s ease 0s; }

.clearfix:after {
  content: '';
  display: table;
  clear: both; }

.bordered-section {
  border: 1px solid #eee;
  border-radius: 5px; }

.recommendations-summary {
  color: #ff749c;
  float: left;
  font-size: 14px;
  margin: 0 0 10px;
  white-space: nowrap; }
  .recommendations-summary a {
    color: #999;
    display: inline-block;
    text-decoration: none;
    vertical-align: middle; }
    .recommendations-summary a:hover {
      text-decoration: underline; }

.map {
  border-radius: 3px;
  overflow: hidden;
  visibility: hidden; }
  .map.rendered {
    visibility: visible; }

.pagination {
  margin: 10px 0;
  text-align: center; }
  .pagination span {
    display: inline-block;
    padding: 0 5px; }
  .pagination a {
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    color: #2B96CC;
    display: inline-block;
    padding: 5px 12px;
    text-decoration: none; }
    .pagination a:hover {
      background: #2B96CC;
      border-color: #00a2a2;
      color: #fff;
      text-decoration: none; }

.has-readmore-content .readmore-trigger-collapsing {
  display: none; }

.has-readmore-content ul.original-list {
  display: none; }

.has-readmore-content .short-list {
  display: none; }

.has-readmore-content .collapsed-version {
  display: none; }

.has-readmore-content .readmore-trigger-expanding {
  display: inline; }

.has-readmore-content .readmore-trigger-collapsing {
  display: none; }

.has-readmore-content.collapsed .full-list {
  display: none; }

.has-readmore-content.collapsed .short-list {
  display: block; }

.has-readmore-content.collapsed .readmore-trigger-collapsing {
  display: inline; }

.has-readmore-content.collapsed .readmore-trigger-expanding {
  display: none; }

.has-readmore-content.collapsed .full-version {
  display: none; }

.has-readmore-content.collapsed .collapsed-version {
  display: block; }

.loader {
  clear: both;
  display: none;
  overflow: hidden; }
  .loader .spinner {
    border-bottom: 1.2em solid rgba(255, 116, 156, 0.2);
    animation: spinning 1s infinite linear;
    border-left: 1.2em solid #ff749c;
    border-right: 1.2em solid rgba(255, 116, 156, 0.2);
    border-top: 1.2em solid rgba(255, 116, 156, 0.2);
    font-size: 9px;
    margin: 35px auto;
    position: relative;
    text-indent: -9999em;
    transform: translateZ(0); }
  .loader .spinner,
  .loader .spinner:after {
    border-radius: 50%;
    width: 10em;
    height: 10em; }

@keyframes spinning {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

.icon-search-loading {
  animation: search-spinning 0.8s infinite linear;
  border-radius: 50%;
  color: #ffffff;
  display: none;
  font-size: 3px;
  height: 1em;
  margin: -3px;
  position: absolute;
  text-indent: -9999em;
  transform: translateZ(0);
  -ms-transform: translateZ(0);
  width: 1em; }

@keyframes search-spinning {
  0%, 100% {
    box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0; }
  12.5% {
    box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em; }
  25% {
    box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em; }
  37.5% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0, 2em 2em 0 0.2em, 0 3em 0 0em, -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em; }
  50% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em; }
  62.5% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em; }
  75% {
    box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0; }
  87.5% {
    box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em; } }

.loading .icon-search-not-loading {
  display: none; }

.loading .icon-search-loading {
  display: inline; }

.ribbon {
  height: 110px;
  overflow: hidden;
  position: absolute;
  pointer-events: none;
  right: -5px;
  text-align: right;
  top: -5px;
  width: 110px;
  z-index: 1; }
  .ribbon span {
    background: #ff749c;
    box-shadow: 0 3px 10px -5px black;
    color: #FFF;
    display: block;
    font-size: 10px;
    font-weight: bold;
    line-height: 20px;
    position: absolute;
    right: -23px;
    text-align: center;
    text-transform: uppercase;
    top: 26px;
    transform: rotate(45deg);
    width: 118px; }
    .ribbon span:before {
      border-bottom: 3px solid transparent;
      border-left: 3px solid #1e5799;
      border-right: 3px solid transparent;
      border-top: 3px solid #1e5799;
      content: "";
      position: absolute;
      left: 0px;
      top: 100%;
      z-index: -1; }
    .ribbon span:after {
      border-bottom: 3px solid transparent;
      border-left: 3px solid transparent;
      border-right: 3px solid #1e5799;
      border-top: 3px solid #1e5799;
      content: "";
      position: absolute;
      right: 0px;
      top: 100%;
      z-index: -1; }

.global-thread-create-cta {
  bottom: 10px;
  right: 10px;
  position: fixed;
  z-index: 5000; }
  .global-thread-create-cta a.button {
    border-radius: 10px;
    box-shadow: 2px 3px 6px rgba(0, 0, 0, 0.4);
    line-height: 15px;
    padding: 8px 16px 7px 14px; }
    .global-thread-create-cta a.button .fa {
      color: rgba(255, 255, 255, 0.5);
      float: left;
      font-size: 20px;
      margin: 2px 5px 0 0; }
    .global-thread-create-cta a.button strong {
      font-weight: normal; 
      color: #1d97d0;
      }
    .global-thread-create-cta a.button span {
      color: rgba(255, 255, 255, 0.75);
      display: block;
      font-size: 10px;
      text-transform: uppercase; }
    .global-thread-create-cta a.button:hover .fa, .global-thread-create-cta a.button:hover span {
      color: rgba(255, 0, 0, 0.5); }

.tab-content-container .tab-content {
  display: none; }


.star-ratings .stars {
  display: inline-block;
  font-size: 18px;
  line-height: 1;
  position: relative;
  white-space: nowrap; }
  .star-ratings .stars .fa {
    color: #999; }
  .star-ratings .stars .fa-star {
    color: #ff749c; }
  .star-ratings .stars b {
    display: inline-block;
    font-family: 'FontAwesome';
    font-weight: normal;
    margin: 0 1px 0 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .star-ratings .stars .front {
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0; }
    .star-ratings .stars .front b:before {
      content: '\f005';
      color: #ff749c; }
  .star-ratings .stars .back b:before {
    content: '\f006';
    color: #999; }

.star-ratings .hint {
  color: #ff749c;
  display: inline-block;
  font-size: 12px;
  font-weight: bold;
  margin: 1px 0 0;
  vertical-align: top; }

.star-ratings.interactive .stars {
  margin: 0 6px 0 0; }

.hp-bar {
  background-color: #ddd;
  border-radius: 3px;
  height: 6px;
  overflow: hidden;
  position: relative;
  width: 100%; }
  .hp-bar > span {
    background-color: #ff749c;
    height: 100%;
    position: absolute;
    line-height: inherit;
    left: 0; }

.has-tooltip {
  position: relative; }
  .has-tooltip:hover .tooltip {
    display: block; }
  .has-tooltip .tooltip {
    background: #555;
    color: #fff;
    display: none;
    font-size: 11px;
    left: 0;
    padding: 5px 7px 6px;
    position: absolute;
    top: -32px;
    white-space: nowrap;
    z-index: 5;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    border-radius: 2px; }
    .has-tooltip .tooltip:before {
      background: #555;
      bottom: -4px;
      content: '';
      height: 8px;
      left: 27px;
      position: absolute;
      width: 8px;
      -webkit-transform: rotateZ(45deg);
      -moz-transform: rotateZ(45deg);
      -ms-transform: rotateZ(45deg);
      -o-transform: rotateZ(45deg);
      transform: rotateZ(45deg); }

.verified-badge {
  background: #4080ff;
  border-radius: 20px;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-size: 10px;
  font-weight: normal;
  line-height: 12px;
  padding: 1px 7px 2px 2px;
  vertical-align: top; }
  .verified-badge em {
    display: inline-block;
    font-style: normal; }
  .verified-badge:before {
    content: '\f00c';
    font-family: 'FontAwesome';
    font-size: 11px;
    display: inline-block;
    line-height: 17px;
    width: 15px;
    height: 15px;
    text-align: center; }
  @media (max-width: 640px) {
    .verified-badge {
      padding: 0; }
      .verified-badge em {
        display: none; }
      .verified-badge .tooltip {
        left: -23px; } }

.comments {
  overflow: hidden;
  margin: 0 420px 0 0;
  list-style: none; }
  .comments textarea {
    width: 100%; }
  @media (max-width: 1050px) {
    .comments {
      margin: 0; } }
  .comments > li.comment {
    border-top: 1px dotted #ddd;
    clear: both;
    overflow: hidden;
    padding: 10px 0 0;
    margin: 0 0 15px;
    position: relative; }
    .comments > li.comment.editing .comment-content, .comments > li.comment.editing .comment-actions {
      display: none; }
    .comments > li.comment:first-child {
      border-top: none;
      padding-top: 0; }
    .comments > li.comment.child {
      margin-left: 60px; }
      .comments > li.comment.child .comment-avatar {
        background: url("https://dwbxi9io9o7ce.cloudfront.net/public/img/default-staff.3c8795315f78.png?1b03e0c301da") no-repeat 50% 50%/cover;
        color: #fff;
        height: 40px;
        line-height: 40px;
        width: 40px; }
        .comments > li.comment.child .comment-avatar:before {
          display: none; }
      .comments > li.comment.child .comment-body {
        margin-left: 50px; }
      @media (max-width: 580px) {
        .comments > li.comment.child {
          margin-left: 10px; } }
    .comments > li.comment form .button-row {
      padding-left: 0; }
      .comments > li.comment form .button-row button {
        float: right; }
    .comments > li.comment form .cancel-edit {
      color: red;
      line-height: 30px;
      font-size: 12px;
      cursor: pointer; }
    .comments > li.comment .comment-avatar {
      background: url("https://dwbxi9io9o7ce.cloudfront.net/public/img/default-place.f4706672a682.jpg?1b03e0c301da") no-repeat 50% 50%/cover;
      border-radius: 4px;
      color: #fff;
      float: left;
      font-size: 22px;
      height: 40px;
      overflow: hidden;
      line-height: 39px;
      text-align: center;
      width: 40px; }
      .comments > li.comment .comment-avatar > span {
        background: rgba(60, 178, 181, 0.6);
        display: block;
        height: 100%;
        width: 100%; }
    .comments > li.comment h4 {
      font-size: 13px;
      margin: 0 0 3px 0; }
      .comments > li.comment h4 a {
        color: #333; }
      .comments > li.comment h4 .staff-name:after {
        color: #4080ff;
        content: '\f058';
        display: inline-block;
        font-family: 'FontAwesome';
        font-size: 15px;
        margin: 0; }
      .comments > li.comment h4 .star-ratings {
        font-size: 14px;
        margin: 0 5px 0; }
        @media (max-width: 500px) {
          .comments > li.comment h4 .star-ratings {
            display: block;
            margin: 5px 0 0; } }
      .comments > li.comment h4 .liking {
        color: #666;
        font-weight: normal;
        margin: 0 5px; }
        @media (max-width: 500px) {
          .comments > li.comment h4 .liking {
            display: block;
            margin: 5px 0 0; } }
        .comments > li.comment h4 .liking .yes {
          color: #ff749c; }
        .comments > li.comment h4 .liking .fa {
          font-size: 16px; }
    .comments > li.comment .comment-body {
      font-size: 12px;
      margin: 0 0 0 52px;
      overflow: hidden; }
      .comments > li.comment .comment-body p {
        margin: 0 0 5px; }
      .comments > li.comment .comment-body .ratings-list {
        border-left: 2px solid rgba(0, 0, 0, 0.075);
        font-size: 11px;
        list-style: none;
        margin: 0 0 10px;
        padding: 0 0 0 10px; }
        .comments > li.comment .comment-body .ratings-list li {
          margin: 0 0 2px; }
          .comments > li.comment .comment-body .ratings-list li .label {
            display: inline-block;
            min-width: 95px; }
          .comments > li.comment .comment-body .ratings-list li .star-ratings .stars {
            font-size: 12px; }
          .comments > li.comment .comment-body .ratings-list li .yes, .comments > li.comment .comment-body .ratings-list li .no {
            font-weight: bold; }
          .comments > li.comment .comment-body .ratings-list li .yes .fa {
            color: green; }
          .comments > li.comment .comment-body .ratings-list li .no .fa {
            color: red; }
    .comments > li.comment .date {
      color: #999;
      font-size: 11px; }
    .comments > li.comment .comment-actions {
      font-size: 11px;
      text-align: right; }
      .comments > li.comment .comment-actions .options {
        white-space: nowrap; }
        .comments > li.comment .comment-actions .options a {
          background: rgba(0, 0, 0, 0.05);
          border-radius: 3px;
          color: #555;
          display: inline-block;
          padding: 2px 8px;
          margin: 0 0 0 1px; }
          .comments > li.comment .comment-actions .options a .fa {
            margin: 0 -3px 0 0; }
          .comments > li.comment .comment-actions .options a.useful .fa {
            color: green; }
          .comments > li.comment .comment-actions .options a.not-useful .fa {
            color: red; }
          .comments > li.comment .comment-actions .options a:hover, .comments > li.comment .comment-actions .options a.active {
            background: #2B96CC;
            color: #fff;
            text-decoration: none !important; }
            .comments > li.comment .comment-actions .options a:hover .fa, .comments > li.comment .comment-actions .options a.active .fa {
              color: #fff; }
        .comments > li.comment .comment-actions .options a.loading .fa {
          display: none; }
        .comments > li.comment .comment-actions .options a.loading .loader {
          display: inline-block;
          line-height: 8px; }

.post-meta-data {
  color: #333;
  margin-bottom: 10px; }
  @media screen and (max-width: 479px) {
    .post-meta-data span {
      display: block; } }
  .post-meta-data span + span {
    margin-left: 10px; }
    @media screen and (max-width: 479px) {
      .post-meta-data span + span {
        margin-left: 0; } }
  .post-meta-data .user {
    font-weight: 600; }
  .post-meta-data .time {
    color: #999;
    margin-left: 0; }
  .post-meta-data .has-tooltip {
    color: #777; }
  .post-meta-data a {
    color: #00a2a2;
    position: relative; }
    .post-meta-data a:hover {
      color: #2B96CC; }
    .post-meta-data a:before {
      content: '\002c';
      right: -3px;
      position: absolute;
      top: 0; }
    .post-meta-data a:last-child:before {
      display: none; }
    .post-meta-data a + a {
      margin-left: 5px; }

.thank-count {
  color: #666;
  font-family: 'Open Sans', sans-serif;
  font-size: 12px;
  text-align: right; }
  .thank-count .fa {
    color: #ff749c;
    margin-right: 5px; }

.thanks-button-count {
  text-align: right; }
  @media screen and (max-width: 479px) {
    .thanks-button-count {
      margin-top: 10px;
      text-align: left; } }
  .thanks-button-count .thanks-count-inner {
    color: #777;
    display: none;
    font-size: 12px;
    margin-top: 5px; }
    @media screen and (max-width: 479px) {
      .thanks-button-count .thanks-count-inner {
        margin-top: 10px; } }
    .thanks-button-count .thanks-count-inner.show {
      display: inline-block; }
    .thanks-button-count .thanks-count-inner .fa {
      color: #ff749c; }
    .thanks-button-count .thanks-count-inner span {
      color: #777;
      font-family: 'Open sans', sans-serif; }
  .thanks-button-count .thank {
    background: #eee;
    color: #666;
    float: left;
    margin-right: 15px;
    padding: 5px 10px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px; }
    .thanks-button-count .thank:hover {
      background: #2B96CC;
      color: #fff; }
    .thanks-button-count .thank.active {
      background: #fff;
      color: #999;
      cursor: default; }
      .thanks-button-count .thank.active .fa {
        color: #ff749c; }
      .thanks-button-count .thank.active .unactive-text {
        display: none; }
      .thanks-button-count .thank.active .active-text {
        display: inline-block; }
    .thanks-button-count .thank .active-text {
      display: none; }

.action-favourite {
  background-color: #fff;
  border-color: #ff749c;
  color: #ff749c; }
  .action-favourite .added {
    display: none; }
  .action-favourite .unadded {
    display: inline; }
  .action-favourite .loader {
    display: none; }
  .action-favourite.favourite-added .added {
    display: inline; }
  .action-favourite.favourite-added .unadded {
    display: none; }
  .action-favourite.submitting .fa, .action-favourite.submitting .added {
    display: none; }
  .action-favourite.submitting .loader {
    display: inline; }

.sticky-nav {
  -webkit-transition: all 0.4s ease 0s, visibility 0s ease 0s;
  -moz-transition: all 0.4s ease 0s, visibility 0s ease 0s;
  -ms-transition: all 0.4s ease 0s, visibility 0s ease 0s;
  transition: all 0.4s ease 0s, visibility 0s ease 0s; }

.censored {
  position: relative;
  text-align: center; }
  .censored:hover:before, .censored:hover:after {
    opacity: 0; }
  .censored:before {
    background: rgba(0, 0, 0, 0.8);
    content: '';
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%; }
  .censored:after {
    color: #fff;
    content: '\f06e   Ảnh nhạy cảm';
    font-family: FontAwesome, "Open Sans", sans-serif;
    font-size: 13px;
    left: 0;
    position: absolute;
    top: 50%;
    width: 100%;
    padding: 0 10px;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%); }

.table-responsive {
  min-height: .01%;
  overflow-x: auto; }
  @media (max-width: 767px) {
    .table-responsive {
      width: 100%;
      margin-bottom: 15px;
      overflow-y: hidden;
      -ms-overflow-style: -ms-autohiding-scrollbar;
      border: 1px solid #ddd; } }
  .table-responsive .table-bordered {
    border: 1px solid #ddd; }
  .table-responsive .table {
    width: 100%;
    max-width: 100%;
    border-spacing: 0;
    border-collapse: collapse; }
    .table-responsive .table thead > tr > th {
      padding: 8px;
      line-height: 1.42857143;
      vertical-align: bottom;
      border: 1px solid #ddd;
      text-align: left; }
    .table-responsive .table tbody > tr > td {
      padding: 8px;
      line-height: 1.42857143;
      vertical-align: top;
      border: 1px solid #ddd; }
      .table-responsive .table tbody > tr > td.text-right {
        text-align: right; }
      @media (max-width: 767px) {
        .table-responsive .table tbody > tr > td {
          white-space: nowrap; } }

.no-js .collapse-trigger {
  display: none; }

.collapsible-container.collapsible-block .collapse-trigger:before {
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-size: 12px;
  font-weight: normal;
  line-height: 1;
  transform: translate(0, 0);
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.clearfix:after {
  content: '';
  display: table;
  clear: both; }

.bordered-section {
  border: 1px solid #eee;
  border-radius: 5px; }

.collapsible-container .collapsible-target {
  float: left;
  overflow: hidden;
  width: 100%; }
  .collapsible-container .collapsible-target + .collapse-trigger {
    margin-top: 5px; }

.collapsible-container.collapsed .collapse-trigger .trigger-collapse {
  display: none; }

.collapsible-container.collapsed .collapse-trigger .trigger-expand {
  display: block; }

.collapsible-container.expanded .collapse-trigger .trigger-expand {
  display: none; }

.collapsible-container.collapsible-text .collapsible-target {
  padding: 10px 0; }

.collapsible-container.collapsible-text.collapsed .collapsible-target {
  max-height: 127px; }

.collapsible-container.collapsible-list.collapsed .collapsible-target dt:nth-child(n+11) {
  display: none; }

.collapsible-container.collapsible-list.expanded .collapsible-target dt.forum-thread-tag {
  display: inline-block; }

.collapsible-container.collapsible-list dl {
  margin: 0;
  padding: 5px 0 0; }
  .collapsible-container.collapsible-list dl dt {
    float: left;
    list-style: none;
    padding: 5px 0;
    width: 100%; }
    .collapsible-container.collapsible-list dl dt + dt {
      border-top: 1px solid #fafafa; }
    .collapsible-container.collapsible-list dl dt a {
      color: #333;
      display: block;
      overflow: hidden;
      padding: 0;
      position: relative; }
      .collapsible-container.collapsible-list dl dt a:hover {
        color: #00a2a2; }
        .collapsible-container.collapsible-list dl dt a:hover span {
          color: #00a2a2; }
      .collapsible-container.collapsible-list dl dt a.forum-name-active h5 {
        color: #2B96CC; }
      .collapsible-container.collapsible-list dl dt a h5 {
        float: left;
        font-size: 14px;
        font-weight: normal;
        line-height: 1.5;
        margin: 0;
        width: 70%; }
      .collapsible-container.collapsible-list dl dt a span {
        color: #999;
        float: right;
        font-size: 11px; }

@media screen and (max-width: 479px) {
  .collapsible-container.collapsible-block.collapsed .collapsible-target {
    display: none; } }

@media screen and (max-width: 479px) {
  .collapsible-container.collapsible-block.expanded .collapsible-target {
    display: block; } }

@media screen and (max-width: 479px) {
  .collapsible-container.collapsible-block.expanded .collapse-trigger:before {
    content: '\f107'; } }

.collapsible-container.collapsible-block .collapse-trigger:before {
  content: '\f105';
  font-size: 1.17em;
  position: absolute;
  right: 0;
  top: 15px; }

.collapsible-container .collapse-trigger {
  cursor: pointer; }

body.showing-overlay {
  overflow: hidden; }

.overlay {
  background: rgba(0, 0, 0, 0.7);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  overflow-y: auto;
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 10; }
  .overlay.full-image-overlay {
    display: block; }
    .overlay.full-image-overlay .overlay-content {
      background-color: transparent;
      padding: 20px 0;
      width: auto; }
      .overlay.full-image-overlay .overlay-content .image {
        background-image: none; }
      .overlay.full-image-overlay .overlay-content .close {
        top: 20px;
        right: 20px;
        z-index: 100;
        position: fixed; }
  .overlay.no-close-button .close {
    display: none; }
  .overlay .overlay-content {
    background: #fff;
    border-radius: 5px;
    display: block;
    padding: 20px;
    position: relative;
    text-align: center;
    width: 400px; }
    @media (max-width: 440px) {
      .overlay .overlay-content {
        width: 280px; } }
    .overlay .overlay-content .close {
      color: #fff;
      font-size: 15px;
      position: absolute;
      right: -17px;
      text-decoration: none;
      top: -38px; }
      .overlay .overlay-content .close:after {
        content: '\f057';
        display: inline-block;
        font-family: 'FontAwesome';
        font-size: 30px;
        margin: 0 0 0 8px;
        vertical-align: middle; }
    .overlay .overlay-content h2 {
      color: #ff749c;
      font-size: 15px; }
    .overlay .overlay-content .overlay-confirm a {
      cursor: pointer;
      margin-right: 5px; }
      .overlay .overlay-content .overlay-confirm a:last-child {
        margin-right: 0; }
  .overlay .close, .overlay .owl-prev, .overlay .owl-next {
    text-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
    transition: all 0.1s; }
    .overlay .close:hover, .overlay .owl-prev:hover, .overlay .owl-next:hover {
      color: #2B96CC; }
    .overlay .close.disabled, .overlay .owl-prev.disabled, .overlay .owl-next.disabled {
      color: rgba(255, 255, 255, 0.2);
      cursor: default; }
  .overlay .owl-nav {
    color: #fff;
    font-size: 30px; }
    .overlay .owl-nav .owl-prev {
      left: 0;
      margin: -100px 0 0;
      padding: 60px 40px;
      position: absolute;
      top: 50%; }
      .overlay .owl-nav .owl-prev:after {
        content: '\f053';
        display: inline-block;
        font-family: 'FontAwesome'; }
    .overlay .owl-nav .owl-next {
      margin: -100px 0 0;
      padding: 60px 40px;
      position: absolute;
      right: 0;
      top: 50%; }
      .overlay .owl-nav .owl-next:after {
        content: '\f054';
        display: inline-block;
        font-family: 'FontAwesome'; }
  .overlay .owl-dots {
    margin: 10px 0 0;
    text-align: center; }
    .overlay .owl-dots .owl-dot {
      background: rgba(0, 0, 0, 0.4);
      border-radius: 50%;
      display: inline-block;
      height: 12px;
      margin: 0 2px;
      transition: background 0.1s;
      width: 12px; }
      .overlay .owl-dots .owl-dot.active {
        background: white; }
      .overlay .owl-dots .owl-dot:hover {
        background: #2B96CC; }

.has-suggestion .suggestion ul li.group.service ul .item a:before, .has-suggestion .suggestion ul li.group.speciality ul .item a:before, .has-suggestion .suggestion ul li.group.thread ul .item a:before, .has-suggestion .suggestion ul li.group.drug ul .item a:before {
  -webkit-transition: all 0.1s ease 0s, visibility 0s ease 0s;
  -moz-transition: all 0.1s ease 0s, visibility 0s ease 0s;
  -ms-transition: all 0.1s ease 0s, visibility 0s ease 0s;
  transition: all 0.1s ease 0s, visibility 0s ease 0s; }

.clearfix:after {
  content: '';
  display: table;
  clear: both; }

.bordered-section {
  border: 1px solid #eee;
  border-radius: 5px; }

.has-suggestion {
  float: left;
  position: relative; }
  .has-suggestion.loading:after {
    animation: fa-spin 1s infinite steps(8);
    color: #2B96CC;
    content: '\f110';
    font-family: 'FontAwesome';
    position: absolute;
    right: 5px;
    top: 5px; }
  .has-suggestion .suggestion {
    background-color: #fff;
    font-size: 13px;
    left: 0;
    line-height: 1.3;
    max-height: 450px;
    overflow-x: hidden;
    overflow-y: auto;
    position: absolute;
    top: 32px;
    width: 100%;
    z-index: 9;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    overflow-scrolling: touch;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.4) ;
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.4) ;
    -ms-box-shadow: 0 0 5px rgba(0, 0, 0, 0.4) ;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.4) ; }
    .has-suggestion .suggestion a {
      text-decoration: none; }
    .has-suggestion .suggestion ul {
      list-style: none; }
      .has-suggestion .suggestion ul li.group {
        float: left;
        width: 100%; }
        .has-suggestion .suggestion ul li.group ul {
          margin: 0 0 3px;
          width: 100%; }
          .has-suggestion .suggestion ul li.group ul li {
            float: left;
            width: 100%; }
            .has-suggestion .suggestion ul li.group ul li + li {
              border-top: 1px solid #f8f8f8; }
            .has-suggestion .suggestion ul li.group ul li a {
              color: #333;
              float: left;
              padding: 4px 10px;
              position: relative;
              width: 100%; }
              .has-suggestion .suggestion ul li.group ul li a:hover, .has-suggestion .suggestion ul li.group ul li a.focus {
                background: #2B96CC;
                color: #fff; }
                .has-suggestion .suggestion ul li.group ul li a:hover .subtitle, .has-suggestion .suggestion ul li.group ul li a:hover .preview, .has-suggestion .suggestion ul li.group ul li a:hover .preview em, .has-suggestion .suggestion ul li.group ul li a:hover .title em, .has-suggestion .suggestion ul li.group ul li a.focus .subtitle, .has-suggestion .suggestion ul li.group ul li a.focus .preview, .has-suggestion .suggestion ul li.group ul li a.focus .preview em, .has-suggestion .suggestion ul li.group ul li a.focus .title em {
                  color: #fff; }
              .has-suggestion .suggestion ul li.group ul li a span {
                display: block; }
              .has-suggestion .suggestion ul li.group ul li a .image {
                background: url("https://dwbxi9io9o7ce.cloudfront.net/public/img/default-place.f4706672a682.jpg?1b03e0c301da") no-repeat 50% 50%/cover;
                float: left;
                height: 30px;
                margin-right: 6px;
                overflow: hidden;
                width: 30px;
                -webkit-border-radius: 3px;
                -moz-border-radius: 3px;
                -ms-border-radius: 3px;
                border-radius: 3px; }
              .has-suggestion .suggestion ul li.group ul li a .title {
                font-weight: 600;
                margin: 0 0 2px; }
                .has-suggestion .suggestion ul li.group ul li a .title em {
                  color: #ff749c;
                  font-style: normal;
                  font-weight: bold; }
              .has-suggestion .suggestion ul li.group ul li a .subtitle {
                color: #999;
                font-size: 11px; }
              .has-suggestion .suggestion ul li.group ul li a .preview {
                color: #999;
                font-size: 10px; }
                .has-suggestion .suggestion ul li.group ul li a .preview p {
                  margin: 0; }
                .has-suggestion .suggestion ul li.group ul li a .preview em {
                  color: #ff749c;
                  font-style: normal;
                  font-weight: bold; }
            .has-suggestion .suggestion ul li.group ul li:first-child a {
              padding-top: 7px; }
            .has-suggestion .suggestion ul li.group ul li:last-child a {
              padding-bottom: 7px; }
        .has-suggestion .suggestion ul li.group.professional .image {
          background-position: 50% 0%; }
        .has-suggestion .suggestion ul li.group.professional ul li a .title, .has-suggestion .suggestion ul li.group.place ul li a .title {
          margin-left: 40px; }
        .has-suggestion .suggestion ul li.group.professional ul li a .subtitle, .has-suggestion .suggestion ul li.group.place ul li a .subtitle {
          margin-left: 40px; }
        .has-suggestion .suggestion ul li.group.service .image, .has-suggestion .suggestion ul li.group.speciality .image, .has-suggestion .suggestion ul li.group.thread .image, .has-suggestion .suggestion ul li.group.drug .image {
          display: none; }
        .has-suggestion .suggestion ul li.group.service ul .item a, .has-suggestion .suggestion ul li.group.speciality ul .item a, .has-suggestion .suggestion ul li.group.thread ul .item a, .has-suggestion .suggestion ul li.group.drug ul .item a {
          padding-left: 20px; }
          .has-suggestion .suggestion ul li.group.service ul .item a:before, .has-suggestion .suggestion ul li.group.speciality ul .item a:before, .has-suggestion .suggestion ul li.group.thread ul .item a:before, .has-suggestion .suggestion ul li.group.drug ul .item a:before {
            background: #333;
            content: '';
            height: 4px;
            left: 10px;
            margin-right: 10px;
            position: absolute;
            top: 10px;
            width: 4px; }
          .has-suggestion .suggestion ul li.group.service ul .item a.focus:before, .has-suggestion .suggestion ul li.group.service ul .item a:hover:before, .has-suggestion .suggestion ul li.group.speciality ul .item a.focus:before, .has-suggestion .suggestion ul li.group.speciality ul .item a:hover:before, .has-suggestion .suggestion ul li.group.thread ul .item a.focus:before, .has-suggestion .suggestion ul li.group.thread ul .item a:hover:before, .has-suggestion .suggestion ul li.group.drug ul .item a.focus:before, .has-suggestion .suggestion ul li.group.drug ul .item a:hover:before {
            background: #fff; }
        .has-suggestion .suggestion ul li.group.service ul .item:first-child a:before, .has-suggestion .suggestion ul li.group.speciality ul .item:first-child a:before, .has-suggestion .suggestion ul li.group.thread ul .item:first-child a:before, .has-suggestion .suggestion ul li.group.drug ul .item:first-child a:before {
          top: 13px; }
        .has-suggestion .suggestion ul li.group.service ul .item, .has-suggestion .suggestion ul li.group.speciality ul .item, .has-suggestion .suggestion ul li.group.drug ul .item {
          border-top: none;
          width: auto; }
          @media screen and (max-width: 479px) {
            .has-suggestion .suggestion ul li.group.service ul .item, .has-suggestion .suggestion ul li.group.speciality ul .item, .has-suggestion .suggestion ul li.group.drug ul .item {
              border-top: 1px solid #f8f8f8;
              width: 100%; } }
          .has-suggestion .suggestion ul li.group.service ul .item a, .has-suggestion .suggestion ul li.group.speciality ul .item a, .has-suggestion .suggestion ul li.group.drug ul .item a {
            padding-top: 5px;
            padding-bottom: 5px; }
            .has-suggestion .suggestion ul li.group.service ul .item a:before, .has-suggestion .suggestion ul li.group.speciality ul .item a:before, .has-suggestion .suggestion ul li.group.drug ul .item a:before {
              top: 11px; }
          .has-suggestion .suggestion ul li.group.service ul .item:first-child a:before, .has-suggestion .suggestion ul li.group.speciality ul .item:first-child a:before, .has-suggestion .suggestion ul li.group.drug ul .item:first-child a:before {
            top: 11px; }
        .has-suggestion .suggestion ul li.group h2 {
          background: #f5f5f5;
          font-size: 13px;
          font-weight: 600;
          margin: 0;
          position: relative; }
          .has-suggestion .suggestion ul li.group h2 a {
            color: #333;
            display: block;
            padding: 8px 12px 6px; }
            .has-suggestion .suggestion ul li.group h2 a:hover, .has-suggestion .suggestion ul li.group h2 a.focus {
              background: #2B96CC;
              color: #fff; }
            .has-suggestion .suggestion ul li.group h2 a .fa {
              font-size: 14px;
              font-weight: normal;
              margin-right: 5px; }
            .has-suggestion .suggestion ul li.group h2 a .view-all {
              font-size: 12px;
              font-weight: normal;
              position: absolute;
              right: 6px;
              top: 7px; }

#subscribe {
  display: none; }

.subscribe-overlay .overlay-content {
  padding: 30px;
  margin-left: -240px;
  width: 480px; }
  @media (max-width: 550px) {
    .subscribe-overlay .overlay-content {
      margin: -78px 0 0 -150px;
      padding: 15px 15px 10px;
      width: 300px; } }
  .subscribe-overlay .overlay-content #subscribe {
    display: block; }
    .subscribe-overlay .overlay-content #subscribe h2 {
      color: #2B96CC;
      font-size: 18px;
      font-weight: 500;
      margin: 0 0 10px; }
      @media (max-width: 550px) {
        .subscribe-overlay .overlay-content #subscribe h2 {
          font-size: 16px; } }
    .subscribe-overlay .overlay-content #subscribe form {
      margin: 0 0 10px;
      text-align: center; }
      .subscribe-overlay .overlay-content #subscribe form input {
        border: 1px solid #ddd;
        border-width: 1px 0 1px 1px;
        border-radius: 3px 0 0 3px;
        display: inline-block;
        font-size: 20px;
        padding: 6px 8px;
        transition: box-shadow 0.2s;
        width: 300px; }
        @media (max-width: 550px) {
          .subscribe-overlay .overlay-content #subscribe form input {
            font-size: 16px;
            width: 200px; } }
        .subscribe-overlay .overlay-content #subscribe form input:focus {
          box-shadow: 0 0 8px rgba(0, 186, 191, 0.4); }
      .subscribe-overlay .overlay-content #subscribe form button {
        background: #2B96CC;
        border-radius: 0 3px 3px 0;
        color: #fff;
        display: inline-block;
        font-size: 16px;
        height: 41px;
        margin: 0 0 0 -5px;
        text-align: center;
        vertical-align: top; }
        @media (max-width: 550px) {
          .subscribe-overlay .overlay-content #subscribe form button {
            font-size: 15px;
            height: 36px; } }
        .subscribe-overlay .overlay-content #subscribe form button:hover {
          box-shadow: 0 0 8px rgba(0, 186, 191, 0.4); }
        .subscribe-overlay .overlay-content #subscribe form button:after {
          content: '\f00c'; }
          @media (max-width: 550px) {
            .subscribe-overlay .overlay-content #subscribe form button:after {
              display: none; } }
    .subscribe-overlay .overlay-content #subscribe p {
      color: #777;
      font-size: 11px;
      margin: 0 0 5px; }
  @media (max-width: 550px) {
    .subscribe-overlay .overlay-content .close {
      right: 0; } }

.clearfix:after {
  content: '';
  display: table;
  clear: both; }

.bordered-section {
  border: 1px solid #eee;
  border-radius: 5px; }

.booking .form-row .form-field label {
  display: inline-block;
  float: none;
  padding-left: 10px;
  width: auto; }

.booking .form-row .form-field select {
  max-width: 260px; }

.booking .form-row .form-field .form-field-input {
  float: none;
  display: inline-block;
  vertical-align: top; }

.booking-picker {
  clear: both;
  overflow-x: auto; }
  .booking-picker table.weeks {
    border-collapse: collapse; }
    .booking-picker table.weeks td {
      padding: 0 5px 0 0; }
  .booking-picker table.week {
    border-collapse: collapse;
    border: 1px solid #ddd;
    text-align: center;
    width: 100%; }
    .booking-picker table.week th {
      background: #fff;
      border: 1px solid #ddd;
      line-height: 1.1;
      min-width: 75px;
      padding: 7px 8px 6px; }
      .booking-picker table.week th .day {
        font-size: 12px; }
      .booking-picker table.week th .date {
        display: block;
        font-size: 11px;
        font-weight: normal; }
    .booking-picker table.week td {
      border: 1px solid #ddd;
      border-width: 0 1px;
      padding: 0;
      vertical-align: top; }
      .booking-picker table.week td.no-slot {
        background: #fff;
        font-style: italic;
        padding: 15px 20px;
        text-align: left; }
        .booking-picker table.week td.no-slot .fa {
          color: #ff749c; }
      .booking-picker table.week td a, .booking-picker table.week td span.no-slot {
        display: block;
        overflow: hidden;
        padding: 5px 4px 4px;
        position: relative; }
      .booking-picker table.week td a:nth-child(even), .booking-picker table.week td span:nth-child(even) {
        background: rgba(255, 255, 255, 0.8); }
      .booking-picker table.week td a:hover {
        background: #2B96CC;
        color: #fff;
        text-decoration: none; }
      .booking-picker table.week td a span.occupancy {
        background: rgba(255, 116, 156, 0.2);
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        z-index: 1; }
      .booking-picker table.week td a span.time {
        position: relative;
        z-index: 2; }
      .booking-picker table.week td span.cancelled {
        color: rgba(0, 0, 0, 0.4);
        display: block;
        padding: 5px 4px 4px;
        text-decoration: line-through; }
      .booking-picker table.week td span.past {
        color: rgba(0, 0, 0, 0.4);
        display: block;
        padding: 5px 4px 4px; }

#widget {
  background: #fff;
  height: 100%; }
  #widget .booking .form-row {
    background: #fff;
    left: 0;
    padding: 6px 0;
    position: fixed;
    top: 0;
    z-index: 3; }
  #widget .booking .booking-picker {
    overflow-x: visible;
    padding: 43px 0 0; }
    #widget .booking .booking-picker table {
      font-size: 13px;
      line-height: 1.3; }
      #widget .booking .booking-picker table a {
        text-decoration: none; }
    #widget .booking .booking-picker table.week {
      background: rgba(0, 0, 0, 0.05); }

#booking-create {
  margin: 40px 0 60px;
  overflow: hidden; }
  #booking-create .for-booked-by {
    display: none; }
  #booking-create .for-not-booked-by {
    display: block; }
  #booking-create .form-has-booked-by .for-booked-by {
    display: block; }
  #booking-create .form-has-booked-by .for-not-booked-by {
    display: none; }
  #booking-create .content {
    max-width: 900px;
    margin: auto; }
    #booking-create .content h1 {
      border-bottom: 1px solid #e4e4e4;
      color: #ff749c;
      font-size: 22px;
      font-weight: normal;
      padding: 0 0 8px;
      margin: 0 0 15px; }
      @media (max-width: 580px) {
        #booking-create .content h1 {
          font-size: 18px; } }
      #booking-create .content h1 .fa {
        background: #ff749c;
        border-radius: 50%;
        color: #fff;
        display: inline-block;
        font-size: 16px;
        height: 28px;
        line-height: 26px;
        margin: 0 2px -3px 0;
        text-align: center;
        vertical-align: top;
        width: 28px; }
        @media (max-width: 580px) {
          #booking-create .content h1 .fa {
            font-size: 13px;
            height: 25px;
            line-height: 24px;
            margin-bottom: -4px;
            width: 25px; } }
    #booking-create .content .booking-details {
      float: left;
      margin: 0 25px 10px 0;
      width: 220px; }
      @media (max-width: 800px) {
        #booking-create .content .booking-details {
          float: none;
          margin: 0 0 10px;
          width: auto; } }
      #booking-create .content .booking-details h2 {
        font-size: 15px;
        font-weight: normal; }
        #booking-create .content .booking-details h2 a {
          text-decoration: none; }
          #booking-create .content .booking-details h2 a:hover {
            text-decoration: underline; }
      #booking-create .content .booking-details .hero-image {
        background: url("https://dwbxi9io9o7ce.cloudfront.net/public/img/default-place.f4706672a682.jpg?1b03e0c301da") no-repeat 50% 50%/cover;
        border-radius: 3px;
        display: block;
        height: 220px;
        margin: 0 15px 10px 0;
        width: 220px; }
        @media (max-width: 800px) {
          #booking-create .content .booking-details .hero-image {
            float: left;
            height: 120px;
            width: 120px; } }
      #booking-create .content .booking-details dl {
        margin: 0; }
        @media (max-width: 800px) {
          #booking-create .content .booking-details dl {
            margin-left: 120px; } }
        #booking-create .content .booking-details dl dt {
          float: left;
          text-align: center;
          width: 15px;
          color: #ff749c; }
        #booking-create .content .booking-details dl dd {
          margin: 0 0 4px 18px; }
        @media (max-width: 580px) {
          #booking-create .content .booking-details dl .address {
            display: none; } }
    #booking-create .content .booking-form {
      overflow: hidden;
      background: #f6f6f6;
      border-radius: 5px;
      padding: 20px; }
      @media (max-width: 800px) {
        #booking-create .content .booking-form {
          clear: both; } }
      @media (max-width: 580px) {
        #booking-create .content .booking-form form .form-row.no-row-label {
          padding-left: 0; } }
      #booking-create .content .booking-form form .form-row .form-field .form-field-input {
        width: 300px; }
        @media (max-width: 580px) {
          #booking-create .content .booking-form form .form-row .form-field .form-field-input {
            width: 100%; } }
        #booking-create .content .booking-form form .form-row .form-field .form-field-input input {
          width: 100%; }
        #booking-create .content .booking-form form .form-row .form-field .form-field-input textarea {
          height: 120px;
          width: 100%; }
      @media (max-width: 580px) {
        #booking-create .content .booking-form form .form-row .form-field .form-field-text {
          padding-top: 0; }
        #booking-create .content .booking-form form .form-row .form-field label {
          margin: 0;
          padding: 0 0 5px;
          text-align: left;
          width: 100%; }
          #booking-create .content .booking-form form .form-row .form-field label div.instruction {
            display: inline; } }
      @media (max-width: 580px) {
        #booking-create .content .booking-form form .button-row {
          padding-left: 0; } }
      #booking-create .content .booking-form.successful form {
        display: none; }
      #booking-create .content .booking-form h4 {
        color: #ff749c; }

#homepage section.carousel-section ul li .image:before, #homepage section.specialities .tab-content-container ul li a span, #homepage section.carousel-section ul li > a h4, #homepage section.carousel-section .owl-nav .owl-prev:before, #homepage section.carousel-section .owl-nav .owl-next:before {
  -webkit-transition: all 0.1s ease 0s, visibility 0s ease 0s;
  -moz-transition: all 0.1s ease 0s, visibility 0s ease 0s;
  -ms-transition: all 0.1s ease 0s, visibility 0s ease 0s;
  transition: all 0.1s ease 0s, visibility 0s ease 0s; }

#homepage section.carousel-section .owl-nav .owl-prev:before, #homepage section.carousel-section .owl-nav .owl-next:before {
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-size: 12px;
  font-weight: normal;
  line-height: 1;
  transform: translate(0, 0);
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

#homepage section.carousel-section ul li:hover .image:before {
  opacity: .2; }

#homepage section.carousel-section ul li:hover a:hover {
  color: #00a2a2; }

#homepage section.carousel-section ul li .image {
  position: relative; }
  #homepage section.carousel-section ul li .image:before {
    background: #00a2a2;
    content: '';
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px; }

.clearfix:after {
  content: '';
  display: table;
  clear: both; }

.bordered-section {
  border: 1px solid #eee;
  border-radius: 5px; }

body.page-index header form.search {
  display: none; }

#homepage section.hero-banner {
  background: transparent url("https://dwbxi9io9o7ce.cloudfront.net/public/img/herobanner-1.2e270bf9bd30.jpg?1b03e0c301da") no-repeat 50% 50%/cover;
  color: #fff;
  height: 320px;
  padding: 0;
  text-align: center; }
  @media (max-width: 420px) {
    #homepage section.hero-banner {
      height: 225px; } }
  #homepage section.hero-banner > div {
    background: rgba(0, 0, 0, 0.4);
    height: 100%;
    padding: 120px 0 0; }
    @media (max-width: 420px) {
      #homepage section.hero-banner > div {
        padding: 70px 0 0; } }
  #homepage section.hero-banner h1 {
    color: #fff;
    font-size: 28px;
    font-weight: normal;
    margin: 0 20px 20px;
    text-shadow: 0 0 5px rgba(0, 0, 0, 0.9); }
    @media (max-width: 920px) {
      #homepage section.hero-banner h1 {
        font-size: 22px; } }
    @media (max-width: 570px) {
      #homepage section.hero-banner h1 {
        margin: 0 15px 20px;
        font-size: 18px; } }
  #homepage section.hero-banner form .inner {
    background: rgba(255, 255, 255, 0.9);
    border-radius: 5px;
    display: inline-block;
    font-size: 20px;
    height: 50px;
    position: relative;
    text-align: left;
    white-space: nowrap; }
    @media (max-width: 920px) {
      #homepage section.hero-banner form .inner {
        font-size: 18px; } }
    @media (max-width: 690px) {
      #homepage section.hero-banner form .inner {
        font-size: 14px; } }
    @media (max-width: 570px) {
      #homepage section.hero-banner form .inner {
        height: 40px; } }
    @media (max-width: 420px) {
      #homepage section.hero-banner form .inner {
        font-size: 13px; } }
    #homepage section.hero-banner form .inner .location {
      border-radius: 5px 0 0 5px;
      color: #ff749c;
      display: inline-block;
      height: 100%;
      position: relative;
      vertical-align: middle; }
      #homepage section.hero-banner form .inner .location select {
        -moz-appearance: none;
        -webkit-appearance: none;
        appearance: none;
        background: transparent;
        border: none;
        border-right: 1px solid rgba(0, 0, 0, 0.2);
        border-radius: 0px;
        color: #666;
        cursor: pointer;
        margin: 11px 0 0;
        padding: 0 32px 0 37px; }
        @media (max-width: 920px) {
          #homepage section.hero-banner form .inner .location select {
            margin-top: 10px; } }
        @media (max-width: 570px) {
          #homepage section.hero-banner form .inner .location select {
            padding: 0 20px;
            margin-top: 5px;
            width: 1px; } }
      #homepage section.hero-banner form .inner .location select::-ms-expand {
        display: none; }
      #homepage section.hero-banner form .inner .location:before {
        content: '\f041';
        font-family: 'FontAwesome';
        font-size: 21px;
        left: 17px;
        pointer-events: none;
        position: absolute;
        top: 9px; }
        @media (max-width: 570px) {
          #homepage section.hero-banner form .inner .location:before {
            font-size: 16px;
            left: 8px;
            top: 8px; } }
      #homepage section.hero-banner form .inner .location:after {
        content: '\f0d7';
        color: #666;
        font-size: 18px;
        font-family: 'FontAwesome';
        pointer-events: none;
        position: absolute;
        right: 16px;
        top: 12px; }
        @media (max-width: 570px) {
          #homepage section.hero-banner form .inner .location:after {
            font-size: 14px;
            right: 6px;
            top: 11px; } }
    #homepage section.hero-banner form .inner input {
      background: none;
      border: none;
      display: inline-block;
      padding: 5px 15px;
      height: 100%;
      margin: 0 0 0 -5px;
      transition: background 0.15s;
      width: 500px;
      vertical-align: middle;
      z-index: 10; }
      @media (max-width: 920px) {
        #homepage section.hero-banner form .inner input {
          width: 400px; } }
      @media (max-width: 690px) {
        #homepage section.hero-banner form .inner input {
          width: 300px; } }
      @media (max-width: 570px) {
        #homepage section.hero-banner form .inner input {
          padding: 5px 8px 5px;
          width: 206px; } }
      #homepage section.hero-banner form .inner input:focus {
        background: white;
        outline: none; }
    #homepage section.hero-banner form .inner .has-suggestion {
      display: inline-block;
      float: none;
      height: 100%;
      margin-left: -5px;
      white-space: normal; }
      @media (max-width: 920px) {
        #homepage section.hero-banner form .inner .has-suggestion {
          margin-left: -4px; } }
      @media (max-width: 690px) {
        #homepage section.hero-banner form .inner .has-suggestion {
          margin-left: -3px; } }
      #homepage section.hero-banner form .inner .has-suggestion.loading:after {
        display: none; }
      #homepage section.hero-banner form .inner .has-suggestion input {
        margin-left: 0; }
      #homepage section.hero-banner form .inner .has-suggestion .suggestion {
        left: -232px;
        right: 0;
        top: 55px;
        width: auto; }
        @media (max-width: 920px) {
          #homepage section.hero-banner form .inner .has-suggestion .suggestion {
            left: -216px; } }
        @media screen and (max-width: 720px) {
          #homepage section.hero-banner form .inner .has-suggestion .suggestion {
            max-height: 300px; } }
        @media (max-width: 690px) {
          #homepage section.hero-banner form .inner .has-suggestion .suggestion {
            left: -184px; } }
        @media (max-width: 570px) {
          #homepage section.hero-banner form .inner .has-suggestion .suggestion {
            left: -41px;
            right: -44px; } }
        @media (max-width: 570px) {
          #homepage section.hero-banner form .inner .has-suggestion .suggestion {
            top: 45px; } }
        @media (max-width: 420px) {
          #homepage section.hero-banner form .inner .has-suggestion .suggestion {
            right: -39px; } }
    #homepage section.hero-banner form .inner button {
      background: #2B96CC;
      display: inline-block;
      color: #fff;
      border: none;
      border-radius: 0 5px 5px 0;
      font-size: 20px;
      height: 100%;
      padding: 0;
      margin: 0 0 0 -6px;
      text-align: center;
      width: 54px;
      vertical-align: middle; }
      @media (max-width: 920px) {
        #homepage section.hero-banner form .inner button {
          margin-left: -5px; } }
      @media (max-width: 690px) {
        #homepage section.hero-banner form .inner button {
          margin-left: -4px; } }
      @media (max-width: 570px) {
        #homepage section.hero-banner form .inner button {
          width: 44px; }
          #homepage section.hero-banner form .inner button .icon-search-loading {
            font-size: 2px;
            margin: -2px; } }
      @media (max-width: 420px) {
        #homepage section.hero-banner form .inner button {
          font-size: 16px;
          margin-left: -3px;
          width: 38px; } }
      #homepage section.hero-banner form .inner button .fa {
        transition: transform 0.15s; }
      #homepage section.hero-banner form .inner button:hover, #homepage section.hero-banner form .inner button:focus, #homepage section.hero-banner form .inner button:active {
        outline: none; }
        #homepage section.hero-banner form .inner button:hover .fa, #homepage section.hero-banner form .inner button:focus .fa, #homepage section.hero-banner form .inner button:active .fa {
          transform: scale3d(1.3, 1.3, 1); }
      #homepage section.hero-banner form .inner button:after {
        display: none; }

#homepage section.features {
  background: #f4f4f4; }

#homepage section.specialities {
  background-color: #f9f9f9; 
  z-index: 889;
  padding-top: 40px;
  margin-bottom: 40px;
}
  @media (max-width: 420px) {
    #homepage section.specialities {
      padding: 15px 0 20px; } }
  #homepage section.specialities .tab-content-triggers {
    border-bottom: 1px solid #ddd;
    font-size: 0;
    list-style: none;
    margin: 0 auto;
    text-align: center;
    width: 800px; 
  }
    @media screen and (max-width: 979px) {
      #homepage section.specialities .tab-content-triggers {
        width: 100%; } }
    @media screen and (max-width: 460px) {
      #homepage section.specialities .tab-content-triggers {
        margin-bottom: 0; } }
    #homepage section.specialities .tab-content-triggers li {
      display: inline-block;
      text-align: center;
      text-decoration: none; }
      #homepage section.specialities .tab-content-triggers li a {
        border-bottom: 3px solid rgba(255, 255, 255, 0);
        color: #666;
        display: inline-block;
        font-size: 17px;
        margin: 0 0 -1px;
        padding: 2px 20px 10px;
        text-decoration: none;
        transition: border-bottom-color 0.1s, color 0.1s;
        white-space: nowrap; }
        @media (max-width: 460px) {
          #homepage section.specialities .tab-content-triggers li a {
            font-size: 13px;
            padding: 5px 7px; } }
        #homepage section.specialities .tab-content-triggers li a.active, #homepage section.specialities .tab-content-triggers li a:hover {
          color: #2B96CC; }
        #homepage section.specialities .tab-content-triggers li a.active {
          border-bottom: 3px solid #2B96CC; }
        #homepage section.specialities .tab-content-triggers li a .icon {
          display: inline-block;
          margin: 0 5px 0 0; }
          @media (max-width: 460px) {
            #homepage section.specialities .tab-content-triggers li a .icon {
              margin: 0; } }
  #homepage section.specialities .tab-content-container {
    font-size: 14px;
    margin: -1px auto;
    min-height: 190px;
    max-width: 900px;
    text-align: center;
    padding-top: 30px;
    border: dashed 1px #2B96CC;
    margin-bottom: 40px;
  }
    @media screen and (max-width: 979px) {
      #homepage section.specialities .tab-content-container {
        width: 100%; } }
    @media screen and (max-width: 979px) {
      #homepage section.specialities .tab-content-container {
        font-size: 13px; } }
    #homepage section.specialities .tab-content-container ul {
      list-style: none;
      text-align: center; }
      @media screen and (max-width: 460px) {
        #homepage section.specialities .tab-content-container ul {
          text-align: left; } }
      #homepage section.specialities .tab-content-container ul li {
        display: inline-block;
        min-width: 146px;
        margin: 0;
        padding: 10px 0; }
        @media screen and (max-width: 460px) {
          #homepage section.specialities .tab-content-container ul li {
            border-bottom: 1px solid #eee;
            float: left;
            min-width: 50%; } }
        #homepage section.specialities .tab-content-container ul li a {
          display: block;
          text-align: center;
          text-decoration: none; }
          @media screen and (max-width: 460px) {
            #homepage section.specialities .tab-content-container ul li a {
              text-align: left; } }
          #homepage section.specialities .tab-content-container ul li a:hover span {
            color: #2B96CC; }
          #homepage section.specialities .tab-content-container ul li a.readmore .image {
            background: transparent url("https://dwbxi9io9o7ce.cloudfront.net/public/img/sprite.f019f5e9f733.png?1b03e0c301da") no-repeat -250px -40px / 500px auto; }
            @media screen and (max-width: 460px) {
              #homepage section.specialities .tab-content-container ul li a.readmore .image {
                background-position: -125px -20px;
                background-size: 250px auto; } }
          #homepage section.specialities .tab-content-container ul li a .image {
            background: url("https://dwbxi9io9o7ce.cloudfront.net/public/img/default-place.f4706672a682.jpg?1b03e0c301da") no-repeat 50% 50%/cover;
            display: block;
            height: 50px;
            margin: 0 auto 5px;
            width: 50px; }
            #homepage section.specialities .tab-content-container ul li a .image.placetype-spa {
              background: transparent url("https://dwbxi9io9o7ce.cloudfront.net/public/img/sprite.f019f5e9f733.png?1b03e0c301da") no-repeat 0 -40px / 500px auto; }
            #homepage section.specialities .tab-content-container ul li a .image.placetype-massage {
              background: transparent url("https://dwbxi9io9o7ce.cloudfront.net/public/img/sprite.f019f5e9f733.png?1b03e0c301da") no-repeat -50px -40px / 500px auto; }
            #homepage section.specialities .tab-content-container ul li a .image.placetype-salon {
              background: transparent url("https://dwbxi9io9o7ce.cloudfront.net/public/img/sprite.f019f5e9f733.png?1b03e0c301da") no-repeat -100px -40px / 500px auto; }
            #homepage section.specialities .tab-content-container ul li a .image.placetype-beauty {
              background: transparent url("https://dwbxi9io9o7ce.cloudfront.net/public/img/sprite.f019f5e9f733.png?1b03e0c301da") no-repeat -200px -40px / 500px auto; }
            #homepage section.specialities .tab-content-container ul li a .image.placetype-gym {
              background: transparent url("https://dwbxi9io9o7ce.cloudfront.net/public/img/sprite.f019f5e9f733.png?1b03e0c301da") no-repeat -150px -40px / 500px auto; }
            @media screen and (max-width: 460px) {
              #homepage section.specialities .tab-content-container ul li a .image {
                float: left;
                height: 25px;
                margin: 0 10px 0 0;
                width: 25px; }
                #homepage section.specialities .tab-content-container ul li a .image.placetype-spa {
                  background-position: 0 -20px;
                  background-size: 250px auto; }
                #homepage section.specialities .tab-content-container ul li a .image.placetype-massage {
                  background-position: -25px -20px;
                  background-size: 250px auto; }
                #homepage section.specialities .tab-content-container ul li a .image.placetype-salon {
                  background-position: -50px -20px;
                  background-size: 250px auto; }
                #homepage section.specialities .tab-content-container ul li a .image.placetype-beauty {
                  background-position: -100px -20px;
                  background-size: 250px auto; }
                #homepage section.specialities .tab-content-container ul li a .image.placetype-gym {
                  background-position: -75px -20px;
                  background-size: 250px auto; } }
          #homepage section.specialities .tab-content-container ul li a span {
            color: #333;
            display: block; }
            @media screen and (max-width: 460px) {
              #homepage section.specialities .tab-content-container ul li a span {
                display: inline-block;
                margin-top: 4px; } }

#homepage section.carousel-section {
  overflow: hidden; }
  #homepage section.carousel-section h3 {
    font-size: 22px;
    margin: 0 0 20px;
    position: relative;
    text-align: center; }
    @media (max-width: 720px) {
      #homepage section.carousel-section h3 {
        font-size: 18px;
        margin-bottom: 15px;
        text-align: left; } }
    #homepage section.carousel-section h3 a {
      font-size: 13px;
      font-weight: normal;
      position: absolute;
      right: 10px;
      text-decoration: none;
      bottom: 2px; }
      #homepage section.carousel-section h3 a:hover {
        text-decoration: underline; }
  #homepage section.carousel-section ul {
    display: block;
    list-style: none;
    margin: 0;
    position: relative; }
    #homepage section.carousel-section ul li {
      float: left;
      margin: 0;
      max-width: 420px;
      width: 100%; }
      #homepage section.carousel-section ul li > a {
        display: block;
        text-decoration: none; }
        #homepage section.carousel-section ul li > a h4 {
          color: #333; }
        #homepage section.carousel-section ul li > a:hover h4 {
          color: #00a2a2; }
      #homepage section.carousel-section ul li .image {
        background: url("https://dwbxi9io9o7ce.cloudfront.net/public/img/default-place.f4706672a682.jpg?1b03e0c301da") no-repeat 50% 50%/cover;
        border: 1px solid #eee;
        display: block;
        height: 175px;
        margin: 0 0 10px;
        position: relative;
        -webkit-box-shadow: 0 0 5px #ededed ;
        -moz-box-shadow: 0 0 5px #ededed ;
        -ms-box-shadow: 0 0 5px #ededed ;
        box-shadow: 0 0 5px #ededed ;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        border-radius: 5px; }
        @media (max-width: 720px) {
          #homepage section.carousel-section ul li .image {
            height: 120px; } }
      #homepage section.carousel-section ul li h4 {
        font-size: 15px;
        line-height: 1.2;
        margin: 0 0 5px; }
        @media (max-width: 460px) {
          #homepage section.carousel-section ul li h4 {
            font-size: 13px; } }
      #homepage section.carousel-section ul li .desc {
        color: #777;
        margin: 0 5px 0 0; }
        @media (max-width: 720px) {
          #homepage section.carousel-section ul li .desc {
            font-size: 12px; } }
        @media (max-width: 460px) {
          #homepage section.carousel-section ul li .desc {
            font-size: 11px; } }
        #homepage section.carousel-section ul li .desc .fa {
          color: #ff749c; }
        #homepage section.carousel-section ul li .desc a {
          text-decoration: none; }
          #homepage section.carousel-section ul li .desc a:hover {
            text-decoration: underline; }
  #homepage section.slider .carousel-inner{
       height:350px;
  }
  #homepage section.carousel-section .owl-nav .owl-prev, #homepage section.carousel-section .owl-nav .owl-next {
    position: absolute;
    top: 82px;
    color: #e1e1e1; }
    @media (max-width: 720px) {
      #homepage section.carousel-section .owl-nav .owl-prev, #homepage section.carousel-section .owl-nav .owl-next {
        top: 52px; } }
    #homepage section.carousel-section .owl-nav .owl-prev:before, #homepage section.carousel-section .owl-nav .owl-next:before {
      font-size: 25px; }
    #homepage section.carousel-section .owl-nav .owl-prev:hover:before, #homepage section.carousel-section .owl-nav .owl-next:hover:before {
      color: #2B96CC; }
  #homepage section.carousel-section .owl-nav .owl-prev {
    left: -30px; }
    @media (max-width: 1220px) {
      #homepage section.carousel-section .owl-nav .owl-prev {
        color: #fff;
        text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
        left: -10px; } }
    #homepage section.carousel-section .owl-nav .owl-prev:before {
      content: '\f053'; }
  #homepage section.carousel-section .owl-nav .owl-next {
    right: -30px; }
    @media (max-width: 1220px) {
      #homepage section.carousel-section .owl-nav .owl-next {
        color: #fff;
        text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
        right: -10px; } }
    #homepage section.carousel-section .owl-nav .owl-next:before {
      content: '\f054'; }

#homepage section.promotion {
  background: #f8f8f8; }
  #homepage section.promotion ul li {
    border: 1px solid #eee;
    overflow: hidden;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    -webkit-transition: all 0.3s ease 0s, visibility 0s ease 0s;
    -moz-transition: all 0.3s ease 0s, visibility 0s ease 0s;
    -ms-transition: all 0.3s ease 0s, visibility 0s ease 0s;
    transition: all 0.3s ease 0s, visibility 0s ease 0s; }
    #homepage section.promotion ul li:hover .image span {
      opacity: 1; }
    #homepage section.promotion ul li .image {
      border: none;
      height: 200px;
      margin-bottom: 0;
      -webkit-border-radius: 4px 4px 0 0;
      -moz-border-radius: 4px 4px 0 0;
      -ms-border-radius: 4px 4px 0 0;
      border-radius: 4px 4px 0 0;
      -webkit-box-shadow: 0 0 0 transparent ;
      -moz-box-shadow: 0 0 0 transparent ;
      -ms-box-shadow: 0 0 0 transparent ;
      box-shadow: 0 0 0 transparent ; }
      @media screen and (max-width: 479px) {
        #homepage section.promotion ul li .image {
          height: 150px; } }
      @media screen and (max-width: 359px) {
        #homepage section.promotion ul li .image {
          height: 110px; } }
      #homepage section.promotion ul li .image .promotion-button {
        background: #73bc28;
        border: 1px solid #73bc28;
        color: #fff;
        left: 50%;
        opacity: 0;
        padding: 5px 10px;
        text-transform: uppercase;
        top: 50%;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        -ms-border-radius: 3px;
        border-radius: 3px;
        -webkit-transition: all 0.3s ease 0s, visibility 0s ease 0s;
        -moz-transition: all 0.3s ease 0s, visibility 0s ease 0s;
        -ms-transition: all 0.3s ease 0s, visibility 0s ease 0s;
        transition: all 0.3s ease 0s, visibility 0s ease 0s;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%); }
        #homepage section.promotion ul li .image .promotion-button:hover {
          background: #fff;
          color: #73bc28; }
      #homepage section.promotion ul li .image .discount {
        background: #ff749c;
        color: #fff;
        font-size: 17px;
        font-weight: 600;
        height: 55px;
        line-height: 55px;
        position: absolute;
        right: 15px;
        text-align: center;
        top: 10px;
        vertical-align: middle;
        width: 55px;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        border-radius: 50%; }
        @media screen and (max-width: 479px) {
          #homepage section.promotion ul li .image .discount {
            font-size: 14px;
            height: 40px;
            line-height: 40px;
            right: 10px;
            width: 40px; } }
    #homepage section.promotion ul li .body {
      background: #fff;
      padding: 15px;
      overflow: hidden;
      position: relative;
      -webkit-border-radius: 0 0 4px 4px;
      -moz-border-radius: 0 0 4px 4px;
      -ms-border-radius: 0 0 4px 4px;
      border-radius: 0 0 4px 4px; }
      #homepage section.promotion ul li .body h4 {
        margin-bottom: 10px; }
        @media screen and (max-width: 479px) {
          #homepage section.promotion ul li .body h4 {
            border-bottom: none;
            margin-bottom: 7px;
            padding: 0; } }
      #homepage section.promotion ul li .body .desc {
        margin: 0;
        overflow: hidden;
        position: relative; }
        #homepage section.promotion ul li .body .desc .fa {
          color: #666; }
        #homepage section.promotion ul li .body .desc .price {
          font-weight: bold;
          font-size: 20px;
          margin-bottom: 10px; }
          #homepage section.promotion ul li .body .desc .price .currency {
            color: #999;
            font-size: 0.8em;
            font-weight: normal;
            margin: 0 0 0 1px;
            text-decoration: none;
            margin-left: -5px; }
          #homepage section.promotion ul li .body .desc .price .old-price {
            color: #999;
            margin-right: 5px;
            text-decoration: line-through; }
          #homepage section.promotion ul li .body .desc .price .new-price {
            color: #ff749c;
            margin-right: 20px; }
            #homepage section.promotion ul li .body .desc .price .new-price .currency {
              color: #ff749c;
              margin-left: 0; }
            #homepage section.promotion ul li .body .desc .price .new-price .currency, #homepage section.promotion ul li .body .desc .price .new-price + .currency {
              color: #ff749c; }
            #homepage section.promotion ul li .body .desc .price .new-price.price-no-discount {
              margin-right: 5px; }
        #homepage section.promotion ul li .body .desc .date {
          color: #666;
          display: inline-block;
          margin-right: 20px; }
          #homepage section.promotion ul li .body .desc .date .expired-date {
            display: inline-block; }
        #homepage section.promotion ul li .body .desc .hits {
          color: #666;
          display: inline-block;
          margin-left: 3px; }
        #homepage section.promotion ul li .body .desc .place-address {
          margin-bottom: 10px;
          color: #666; }

#homepage section.professionals {
  background: #f8f8f8; }
  #homepage section.professionals ul li {
    text-align: center; }
    #homepage section.professionals ul li .image {
      background-position: 50% 0%;
      height: 180px;
      margin: 0 auto 10px;
      width: 180px;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      -ms-border-radius: 50%;
      border-radius: 50%; }
      @media (max-width: 720px) {
        #homepage section.professionals ul li .image {
          height: 130px;
          width: 130px; } }
      #homepage section.professionals ul li .image:before {
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        border-radius: 50%; }
  @media (max-width: 720px) {
    #homepage section.professionals .owl-nav .owl-prev, #homepage section.professionals .owl-nav .owl-next {
      top: 55px; } }

#homepage section.collections ul li .desc {
  font-size: 13px;
  height: 55px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical; }
  #homepage section.collections ul li .desc .fa {
    color: #2B96CC; }
  @media (max-width: 460px) {
    #homepage section.collections ul li .desc {
      font-size: 12px; } }

#homepage section {
  float: left;  
  width: 100%; 
  position: relative;
}
  #homepage section .col {
    float: left;
    padding: 0 15px;
    margin: 0 0 60px;
    width: 33.33%; }
    @media (max-width: 768px) {
      #homepage section .col {
        float: none;
        max-width: 400px;
        margin-left: auto;
        margin-right: auto;
        width: 100%; } }
    @media (max-width: 420px) {
      #homepage section .col {
        margin-bottom: 40px; } }
    #homepage section .col .image {
      margin: 0 0 15px;
      text-align: center; }
      #homepage section .col .image .canvas {
        background: rgba(255, 255, 255, 0.7);
        border-radius: 100px;
        color: #2B96CC;
        display: inline-block;
        height: 120px;
        line-height: 140px;
        overflow: hidden;
        width: 120px; }
        @media (max-width: 420px) {
          #homepage section .col .image .canvas {
            height: 100px;
            line-height: 120px;
            width: 100px; } }
        #homepage section .col .image .canvas > span {
          display: inline-block;
          height: 100%;
          width: 100%; }
          #homepage section .col .image .canvas > span .fa {
            font-size: 50px; }
    #homepage section .col h2 {
      color: #00a2a2;
      font-weight: normal;
      text-align: center; }
      @media (max-width: 420px) {
        #homepage section .col h2 {
          font-size: 16px; } }
    #homepage section .col p {
      line-height: 1.6; }

#thread-list a, #forum-landing-bottom a, #my-threads a, #question-section a, #thread-list article .answer .view-all, #forum-landing-bottom article .answer .view-all, #my-threads article .answer .view-all, #question-section article .answer .view-all {
  -webkit-transition: all 0.1s ease 0s, visibility 0s ease 0s;
  -moz-transition: all 0.1s ease 0s, visibility 0s ease 0s;
  -ms-transition: all 0.1s ease 0s, visibility 0s ease 0s;
  transition: all 0.1s ease 0s, visibility 0s ease 0s; }

.clearfix:after {
  content: '';
  display: table;
  clear: both; }

.bordered-section {
  border: 1px solid #eee;
  border-radius: 5px; }

#thread-list a, #forum-landing-bottom a, #my-threads a, #question-section a {
  text-decoration: none; }

#thread-list .content, #forum-landing-bottom .content, #my-threads .content, #question-section .content {
  margin-top: 20px; }
  #thread-list .content .no-result, #forum-landing-bottom .content .no-result, #my-threads .content .no-result, #question-section .content .no-result {
    padding: 0 20px; }
    #thread-list .content .no-result .fa, #forum-landing-bottom .content .no-result .fa, #my-threads .content .no-result .fa, #question-section .content .no-result .fa {
      color: #ff749c; }

#thread-list .pulled-up, #forum-landing-bottom .pulled-up, #my-threads .pulled-up, #question-section .pulled-up {
  margin-top: 20px; }

#thread-list article, #forum-landing-bottom article, #my-threads article, #question-section article {
  border: 1px solid #eee;
  float: left;
  margin-bottom: 20px;
  overflow: hidden;
  width: 100%;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px; }
  #thread-list article .question, #forum-landing-bottom article .question, #my-threads article .question, #question-section article .question {
    background: #fff;
    float: left;
    padding: 15px 20px;
    width: 100%; }
    #thread-list article .question .image, #forum-landing-bottom article .question .image, #my-threads article .question .image, #question-section article .question .image {
      float: right;
      margin-bottom: 6px;
      margin-left: 10px;
      overflow: hidden;
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      -ms-border-radius: 3px;
      border-radius: 3px; }
      @media screen and (max-width: 639px) {
        #thread-list article .question .image, #forum-landing-bottom article .question .image, #my-threads article .question .image, #question-section article .question .image {
          margin-bottom: 10px;
          margin-left: 0;
          width: 100%; } }
      #thread-list article .question .image img, #forum-landing-bottom article .question .image img, #my-threads article .question .image img, #question-section article .question .image img {
        border: 1px solid #eee;
        float: left;
        max-height: 120px;
        max-width: 200px; }
        @media screen and (max-width: 639px) {
          #thread-list article .question .image img, #forum-landing-bottom article .question .image img, #my-threads article .question .image img, #question-section article .question .image img {
            max-height: 200px;
            max-width: initial;
            width: 100%; } }
        @media screen and (max-width: 479px) {
          #thread-list article .question .image img, #forum-landing-bottom article .question .image img, #my-threads article .question .image img, #question-section article .question .image img {
            max-height: 150px; } }
        @media screen and (max-width: 359px) {
          #thread-list article .question .image img, #forum-landing-bottom article .question .image img, #my-threads article .question .image img, #question-section article .question .image img {
            max-height: initial; } }
    #thread-list article .question h3, #forum-landing-bottom article .question h3, #my-threads article .question h3, #question-section article .question h3 {
      font-size: 1.2em;
      line-height: 1.5;
      margin-bottom: 0; }
      #thread-list article .question h3 a, #forum-landing-bottom article .question h3 a, #my-threads article .question h3 a, #question-section article .question h3 a {
      /*  color: #333; */}
        #thread-list article .question h3 a:hover, #forum-landing-bottom article .question h3 a:hover, #my-threads article .question h3 a:hover, #question-section article .question h3 a:hover {
          color: #2B96CC; }
    #thread-list article .question .body, #forum-landing-bottom article .question .body, #my-threads article .question .body, #question-section article .question .body {
      color: #333; }
      #thread-list article .question .body ul, #thread-list article .question .body ol, #forum-landing-bottom article .question .body ul, #forum-landing-bottom article .question .body ol, #my-threads article .question .body ul, #my-threads article .question .body ol, #question-section article .question .body ul, #question-section article .question .body ol {
        padding-left: 16px; }
  #thread-list article .answer, #forum-landing-bottom article .answer, #my-threads article .answer, #question-section article .answer {
    background: #f6f6f6;
    float: left;
    padding: 15px 20px 15px;
    width: 100%; }
    #thread-list article .answer > h4, #forum-landing-bottom article .answer > h4, #my-threads article .answer > h4, #question-section article .answer > h4 {
      margin-bottom: 0; }
    #thread-list article .answer > span, #forum-landing-bottom article .answer > span, #my-threads article .answer > span, #question-section article .answer > span {
      float: left;
      font-size: 12px;
      font-weight: 600; }
    #thread-list article .answer .view-all, #forum-landing-bottom article .answer .view-all, #my-threads article .answer .view-all, #question-section article .answer .view-all {
      background: #2B96CC;
      border: 1px solid #2B96CC;
      color: #fff;
      float: right;
      font-size: 12px;
      padding: 6px 30px;
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      -ms-border-radius: 3px;
      border-radius: 3px; }
      #thread-list article .answer .view-all:hover, #forum-landing-bottom article .answer .view-all:hover, #my-threads article .answer .view-all:hover, #question-section article .answer .view-all:hover {
        background: #fff;
        color: #2B96CC; }
    #thread-list article .answer .image, #forum-landing-bottom article .answer .image, #my-threads article .answer .image, #question-section article .answer .image {
      background: url("https://dwbxi9io9o7ce.cloudfront.net/public/img/default-place.f4706672a682.jpg?1b03e0c301da") no-repeat 50% 50%/cover;
      border: 1px solid #eee;
      height: 40px;
      left: 0;
      position: absolute;
      top: 0;
      width: 40px;
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      -ms-border-radius: 3px;
      border-radius: 3px; }
      #thread-list article .answer .image.image-staff, #forum-landing-bottom article .answer .image.image-staff, #my-threads article .answer .image.image-staff, #question-section article .answer .image.image-staff {
        background: url("https://dwbxi9io9o7ce.cloudfront.net/public/img/default-staff.3c8795315f78.png?1b03e0c301da") no-repeat 50% 50%/cover; }
    #thread-list article .answer ul, #forum-landing-bottom article .answer ul, #my-threads article .answer ul, #question-section article .answer ul {
      float: left;
      list-style: none;
      margin-top: 10px;
      width: 100%; }
      #thread-list article .answer ul li, #forum-landing-bottom article .answer ul li, #my-threads article .answer ul li, #question-section article .answer ul li {
        float: left;
        margin-top: 20px;
        min-height: 40px;
        padding-left: 50px;
        padding-right: 15px;
        position: relative;
        width: 100%; }
        #thread-list article .answer ul li.half, #forum-landing-bottom article .answer ul li.half, #my-threads article .answer ul li.half, #question-section article .answer ul li.half {
          width: 50%; }
          @media screen and (max-width: 767px) {
            #thread-list article .answer ul li.half, #forum-landing-bottom article .answer ul li.half, #my-threads article .answer ul li.half, #question-section article .answer ul li.half {
              width: 100%; } }
        #thread-list article .answer ul li:nth-child(1), #thread-list article .answer ul li:nth-child(2), #forum-landing-bottom article .answer ul li:nth-child(1), #forum-landing-bottom article .answer ul li:nth-child(2), #my-threads article .answer ul li:nth-child(1), #my-threads article .answer ul li:nth-child(2), #question-section article .answer ul li:nth-child(1), #question-section article .answer ul li:nth-child(2) {
          margin-top: 0; }
          @media screen and (max-width: 767px) {
            #thread-list article .answer ul li:nth-child(1), #thread-list article .answer ul li:nth-child(2), #forum-landing-bottom article .answer ul li:nth-child(1), #forum-landing-bottom article .answer ul li:nth-child(2), #my-threads article .answer ul li:nth-child(1), #my-threads article .answer ul li:nth-child(2), #question-section article .answer ul li:nth-child(1), #question-section article .answer ul li:nth-child(2) {
              margin-top: 20px; } }
        @media screen and (max-width: 767px) {
          #thread-list article .answer ul li:nth-child(1), #forum-landing-bottom article .answer ul li:nth-child(1), #my-threads article .answer ul li:nth-child(1), #question-section article .answer ul li:nth-child(1) {
            margin-top: 0; } }
        #thread-list article .answer ul li:nth-child(2n+3), #forum-landing-bottom article .answer ul li:nth-child(2n+3), #my-threads article .answer ul li:nth-child(2n+3), #question-section article .answer ul li:nth-child(2n+3) {
          clear: both; }
        #thread-list article .answer ul li h4, #forum-landing-bottom article .answer ul li h4, #my-threads article .answer ul li h4, #question-section article .answer ul li h4 {
          font-size: 12px;
          line-height: 1.5;
          margin-bottom: 0;
          margin-top: 2px; }
          #thread-list article .answer ul li h4 a, #forum-landing-bottom article .answer ul li h4 a, #my-threads article .answer ul li h4 a, #question-section article .answer ul li h4 a {
            color: #00a2a2; }
            #thread-list article .answer ul li h4 a:hover, #forum-landing-bottom article .answer ul li h4 a:hover, #my-threads article .answer ul li h4 a:hover, #question-section article .answer ul li h4 a:hover {
              color: #2B96CC; }
          #thread-list article .answer ul li h4 .verified-badge, #forum-landing-bottom article .answer ul li h4 .verified-badge, #my-threads article .answer ul li h4 .verified-badge, #question-section article .answer ul li h4 .verified-badge {
            color: #fff;
            margin-top: -3px; }
            @media screen and (max-width: 767px) {
              #thread-list article .answer ul li h4 .verified-badge, #forum-landing-bottom article .answer ul li h4 .verified-badge, #my-threads article .answer ul li h4 .verified-badge, #question-section article .answer ul li h4 .verified-badge {
                margin-top: -1px; } }
            #thread-list article .answer ul li h4 .verified-badge span, #forum-landing-bottom article .answer ul li h4 .verified-badge span, #my-threads article .answer ul li h4 .verified-badge span, #question-section article .answer ul li h4 .verified-badge span {
              color: #fff; }
        #thread-list article .answer ul li span, #forum-landing-bottom article .answer ul li span, #my-threads article .answer ul li span, #question-section article .answer ul li span {
          font-size: 12px;
          color: #333; }

#thread-list .pagination, #forum-landing-bottom .pagination, #my-threads .pagination, #question-section .pagination {
  margin-top: 30px; }

.box-answer a {
  background: #2B96CC;
  color: #fff;
  float: left;
  padding: 5px 10px 4px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px; }
  .box-answer a:hover {
    background: #00a2a2; }
  .box-answer a + a {
    margin-left: 10px; }

#thread-detail article, #thread-detail article .answer, #thread-detail article .media ul li .edit-caption, #thread-detail article .media ul li .remove-image, #thread-detail article .media ul li .cancel-edit-caption, #thread-detail article .media ul li .complete-edit-caption, #post-reply-form .form-group .form-upload .remove, #post-reply-form .upload, .result-autocomplete {
  -webkit-transition: all 0.1s ease 0s, visibility 0s ease 0s;
  -moz-transition: all 0.1s ease 0s, visibility 0s ease 0s;
  -ms-transition: all 0.1s ease 0s, visibility 0s ease 0s;
  transition: all 0.1s ease 0s, visibility 0s ease 0s; }

.clearfix:after {
  content: '';
  display: table;
  clear: both; }

.bordered-section {
  border: 1px solid #eee;
  border-radius: 5px; }

#thread-detail a {
  text-decoration: none; }

#thread-detail .content, #thread-detail aside {
  margin-top: 20px; }

#thread-detail article {
  background: #fff;
  border: 1px solid #eee;
  float: left;
  margin-bottom: 20px;
  width: 100%;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px; }
  #thread-detail article .body.editing .edit, #thread-detail article .body.editing .reply {
    display: none; }
  #thread-detail article .question {
    float: left;
    padding: 15px 20px;
    width: 100%; }
    #thread-detail article .question .meta {
      margin-bottom: 0; }
    #thread-detail article .question .body {
      color: #697186;
      overflow: hidden;
      padding: 10px 0; }
      #thread-detail article .question .body ul, #thread-detail article .question .body ol {
        margin-bottom: 10px;
        padding-left: 17px; }
    #thread-detail article .question .thanks-button-count .thank {
      border: 1px solid #eee;
      padding: 5px 10px 4px; }
  #thread-detail article .answer {
    float: left;
    width: 100%;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px; }
    #thread-detail article .answer .answer-top {
      min-height: 100px;
      padding: 15px 20px 15px 105px;
      position: relative; }
      #thread-detail article .answer .answer-top .image {
        background: url("https://dwbxi9io9o7ce.cloudfront.net/public/img/default-place.f4706672a682.jpg?1b03e0c301da") no-repeat 50% 50%/cover;
        border: 1px solid #eee;
        float: left;
        height: 65px;
        left: 20px;
        line-height: 1;
        position: absolute;
        top: 15px;
        width: 65px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        -ms-border-radius: 3px;
        border-radius: 3px; }
        #thread-detail article .answer .answer-top .image.image-staff {
          background: url("https://dwbxi9io9o7ce.cloudfront.net/public/img/default-staff.3c8795315f78.png?1b03e0c301da") no-repeat 50% 50%/cover; }
      #thread-detail article .answer .answer-top h3 {
        font-size: 15px;
        font-weight: normal;
        margin: 0; }
        @media screen and (max-width: 767px) {
          #thread-detail article .answer .answer-top h3 {
            font-size: 13px; } }
        #thread-detail article .answer .answer-top h3 a {
          color: #00a2a2; }
          @media screen and (max-width: 767px) {
            #thread-detail article .answer .answer-top h3 a {
              margin-bottom: 10px; } }
          #thread-detail article .answer .answer-top h3 a:hover {
            color: #2B96CC; }
        #thread-detail article .answer .answer-top h3 > i {
          font-size: 17px; }
      #thread-detail article .answer .answer-top p {
        font-size: 13px;
        margin: 0;
        padding: 5px 0 0 0; }
        #thread-detail article .answer .answer-top p i {
          font-size: 15px;
          color: #00a2a2; }
        #thread-detail article .answer .answer-top p a {
          color: #00a2a2; }
          #thread-detail article .answer .answer-top p a:hover {
            color: #2B96CC; }
    #thread-detail article .answer .body {
      background: #f8f8f8;
      float: left;
      padding: 15px 20px;
      position: relative;
      width: 100%; }
      #thread-detail article .answer .body.editing .entry-answer-footer {
        display: none; }
      #thread-detail article .answer .body.editing .edit-post {
        margin-top: 15px; }
        #thread-detail article .answer .body.editing .edit-post .add-more-image {
          color: #2B96CC;
          cursor: pointer;
          margin-top: 5px;
          width: 100%;
          margin-bottom: 10px; }
        #thread-detail article .answer .body.editing .edit-post .form-upload {
          display: inline-block;
          line-height: 36px;
          width: 100%; }
          #thread-detail article .answer .body.editing .edit-post .form-upload label {
            width: auto; }
            #thread-detail article .answer .body.editing .edit-post .form-upload label input {
              float: none; }
          #thread-detail article .answer .body.editing .edit-post .form-upload.hide label {
            display: none; }
          #thread-detail article .answer .body.editing .edit-post .form-upload.show label {
            display: inline-block; }
          #thread-detail article .answer .body.editing .edit-post .form-upload input[type="file"] {
            margin-right: 60px; }
          #thread-detail article .answer .body.editing .edit-post .form-upload input[type="text"] {
            margin-left: 15px; }
          #thread-detail article .answer .body.editing .edit-post .form-upload .remove {
            color: #ff749c;
            margin-left: 15px; }
        #thread-detail article .answer .body.editing .edit-post .edit-post-area {
          margin-bottom: 15px;
          min-height: 120px;
          padding: 10px;
          width: 100%; }
        #thread-detail article .answer .body.editing .edit-post .edit-post-submit {
          overflow: hidden; }
          #thread-detail article .answer .body.editing .edit-post .edit-post-submit button {
            float: right;
            padding: 7px 20px; }
          #thread-detail article .answer .body.editing .edit-post .edit-post-submit .cancel-edit {
            color: #b20000;
            float: left;
            margin-top: 8px; }
            #thread-detail article .answer .body.editing .edit-post .edit-post-submit .cancel-edit i {
              margin-right: 7px; }
        #thread-detail article .answer .body.editing .edit-post label {
          display: inline-block;
          width: 100%; }
          #thread-detail article .answer .body.editing .edit-post label input {
            float: left;
            margin: 3px 5px 0 0; }
      #thread-detail article .answer .body.editing .entry-edit {
        display: none; }
      #thread-detail article .answer .body.editing .thanks-button-count {
        display: none; }
      #thread-detail article .answer .body .meta {
        border-bottom: 1px solid #eee;
        color: #777;
        float: left;
        margin-bottom: 10px;
        padding-bottom: 10px;
        width: 100%; }
        #thread-detail article .answer .body .meta .time {
          float: left; }
          #thread-detail article .answer .body .meta .time + .has-tooltip {
            margin-left: 10px; }
        #thread-detail article .answer .body .meta .has-tooltip {
          margin-top: 0; }
      #thread-detail article .answer .body .inner-boby {
        color: #333;
        float: left;
        padding: 10px 0 15px;
        width: 100%; }
        #thread-detail article .answer .body .inner-boby .post-body-content ul, #thread-detail article .answer .body .inner-boby .post-body-content ol {
          padding-left: 15px; }
        #thread-detail article .answer .body .inner-boby .post-body-content p:last-child {
          margin-bottom: 0; }
        #thread-detail article .answer .body .inner-boby .post-body-content blockquote {
          max-height: 200px;
          overflow-y: scroll; }
        #thread-detail article .answer .body .inner-boby .post-body-content + .media {
          margin-top: 15px; }
      #thread-detail article .answer .body .has-tooltip {
        float: left;
        margin-right: 15px; }
        #thread-detail article .answer .body .has-tooltip.source-post {
          margin-bottom: 15px;
          width: 100%; }
      #thread-detail article .answer .body .edit {
        float: left; }
        @media screen and (max-width: 479px) {
          #thread-detail article .answer .body .edit {
            float: right; } }
      #thread-detail article .answer .body .reply, #thread-detail article .answer .body .edit {
        background: #eee;
        color: #666;
        float: left;
        margin-right: 10px;
        padding: 5px 15px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        -ms-border-radius: 3px;
        border-radius: 3px; }
        #thread-detail article .answer .body .reply i, #thread-detail article .answer .body .edit i {
          margin-right: 7px; }
        #thread-detail article .answer .body .reply:hover, #thread-detail article .answer .body .edit:hover {
          background: #2B96CC;
          color: #fff; }
  #thread-detail article .media {
    float: right;
    position: relative;
    width: 100%; }
    #thread-detail article .media ul {
      list-style: none; }
      #thread-detail article .media ul li {
        float: left;
        width: 160px;
        margin-right: 10px;
        position: relative; }
        @media screen and (max-width: 639px) {
          #thread-detail article .media ul li {
            margin-bottom: 10px;
            width: 33%; } }
        @media screen and (max-width: 479px) {
          #thread-detail article .media ul li {
            width: 45%; } }
        #thread-detail article .media ul li:last-child {
          margin-right: 0; }
        #thread-detail article .media ul li .edit-caption, #thread-detail article .media ul li .remove-image, #thread-detail article .media ul li .cancel-edit-caption, #thread-detail article .media ul li .complete-edit-caption {
          color: #333;
          cursor: pointer;
          line-height: 1;
          margin-top: 10px;
          position: absolute; }
        #thread-detail article .media ul li .remove-image {
          background: #fff;
          border: 1px solid #ff749c;
          height: 19px;
          line-height: 17px;
          margin: 0;
          position: absolute;
          right: -9px;
          text-align: center;
          top: -10px;
          vertical-align: middle;
          width: 19px;
          -webkit-border-radius: 50%;
          -moz-border-radius: 50%;
          -ms-border-radius: 50%;
          border-radius: 50%; }
          #thread-detail article .media ul li .remove-image:hover {
            background: #ff749c; }
            #thread-detail article .media ul li .remove-image:hover i {
              color: #fff; }
          #thread-detail article .media ul li .remove-image i {
            color: #ff749c; }
        #thread-detail article .media ul li .caption-image {
          background: #eee;
          float: left;
          min-height: 29px;
          padding: 7px 10px;
          position: relative;
          width: 100%; }
          #thread-detail article .media ul li .caption-image input[type="text"] {
            border: 1px solid transparent;
            display: none;
            float: left;
            padding: 6px 40px 7px 10px;
            resize: none;
            width: 100%;
            -webkit-border-radius: 0;
            -moz-border-radius: 0;
            -ms-border-radius: 0;
            border-radius: 0; }
          #thread-detail article .media ul li .caption-image .cancel-edit-caption, #thread-detail article .media ul li .caption-image .complete-edit-caption {
            display: none;
            margin: 0;
            position: absolute;
            top: 10px; }
          #thread-detail article .media ul li .caption-image .cancel-edit-caption {
            right: 10px; }
          #thread-detail article .media ul li .caption-image .complete-edit-caption {
            right: 25px; }
          #thread-detail article .media ul li .caption-image .edit-caption {
            margin: 0;
            position: absolute;
            right: 10px;
            top: 10px; }
          #thread-detail article .media ul li .caption-image .complete-edit-caption:hover, #thread-detail article .media ul li .caption-image .edit-caption:hover {
            color: #2B96CC; }
          #thread-detail article .media ul li .caption-image .cancel-edit-caption:hover {
            color: #ff749c; }
          #thread-detail article .media ul li .caption-image.editing-caption-image {
            padding: 0; }
            #thread-detail article .media ul li .caption-image.editing-caption-image input[type="text"] {
              border-color: #eee;
              display: block; }
            #thread-detail article .media ul li .caption-image.editing-caption-image .caption-content, #thread-detail article .media ul li .caption-image.editing-caption-image .edit-caption {
              display: none; }
            #thread-detail article .media ul li .caption-image.editing-caption-image .complete-edit-caption, #thread-detail article .media ul li .caption-image.editing-caption-image .cancel-edit-caption {
              display: block; }
    #thread-detail article .media .image {
      background: #ccc url("https://dwbxi9io9o7ce.cloudfront.net/public/img/default-place.f4706672a682.jpg?1b03e0c301da") no-repeat 50% 50%/contain;
      float: left;
      height: 100px;
      width: 100%; }
      @media screen and (max-width: 639px) {
        #thread-detail article .media .image {
          height: 70px; } }
  #thread-detail article .user-answer .answer-top {
    min-height: inherit;
    padding: 15px 20px 0; }
  #thread-detail article .user-answer .answer-content {
    background: #fff;
    padding-top: 7px; }
  #thread-detail article .alert-assign {
    border-top: 1px solid #eee;
    float: left;
    padding: 10px 20px;
    width: 100%; }
    #thread-detail article .alert-assign p {
      float: left;
      margin: 5px 0 0; }
      @media screen and (max-width: 639px) {
        #thread-detail article .alert-assign p {
          margin: 0 0 10px; } }
    #thread-detail article .alert-assign .box-answer {
      float: right; }
      @media screen and (max-width: 639px) {
        #thread-detail article .alert-assign .box-answer {
          width: 100%; } }

#thread-detail .thread-mention {
  border: 1px solid #eee;
  float: left;
  width: 100%;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px; }
  #thread-detail .thread-mention h3 {
    font-size: 14px;
    font-weight: 600;
    margin: 0;
    padding: 10px 20px; }
  #thread-detail .thread-mention > ul {
    background: #f8f8f8;
    list-style: none;
    margin: 0;
    overflow: hidden;
    padding: 20px; }
    #thread-detail .thread-mention > ul > li {
      float: left;
      width: 100%; }
      #thread-detail .thread-mention > ul > li + li {
        margin-top: 20px; }
      #thread-detail .thread-mention > ul > li .image {
        background: url("https://dwbxi9io9o7ce.cloudfront.net/public/img/default-place.f4706672a682.jpg?1b03e0c301da") no-repeat 50% 50%/cover;
        float: left;
        height: 80px;
        left: 0;
        margin-right: 20px;
        top: 0;
        width: 120px; }
      #thread-detail .thread-mention > ul > li .body h4 {
        font-size: 14px; }
        #thread-detail .thread-mention > ul > li .body h4 a {
          color: #333; }
          #thread-detail .thread-mention > ul > li .body h4 a:hover {
            color: #2B96CC; }
      #thread-detail .thread-mention > ul > li .body p {
        color: #666; }

#thread-detail .thread-related {
  border: 1px solid #eee;
  float: left;
  margin-top: 40px;
  width: 100%;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px; }
  #thread-detail .thread-related h3 {
    font-size: 14px;
    font-weight: 600;
    margin: 0;
    padding: 10px 20px; }
  #thread-detail .thread-related ul {
    background: #f8f8f8;
    list-style: none;
    margin: 0;
    overflow: hidden;
    padding: 20px; }
    #thread-detail .thread-related ul li {
      padding-left: 15px;
      position: relative; }
      #thread-detail .thread-related ul li + li {
        margin-top: 10px; }
      #thread-detail .thread-related ul li:before {
        background: #333;
        content: '';
        height: 3px;
        left: 0;
        margin-top: -1px;
        position: absolute;
        top: 50%;
        width: 3px; }
      #thread-detail .thread-related ul li a {
        color: #333; }
        #thread-detail .thread-related ul li a:hover {
          color: #2B96CC; }

#post-reply-form {
  float: left;
  margin-bottom: 20px;
  position: relative;
  width: 100%; }
  #post-reply-form + .thread-related {
    margin-top: 30px; }
  #post-reply-form .avatar-form {
    background: url("https://dwbxi9io9o7ce.cloudfront.net/public/img/default-place.f4706672a682.jpg?1b03e0c301da") no-repeat 50% 50%/cover;
    border: 1px solid #eee;
    height: 70px;
    left: 0;
    position: absolute;
    top: 0;
    width: 70px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px; }
    @media screen and (max-width: 639px) {
      #post-reply-form .avatar-form {
        float: left;
        margin-right: 15px;
        position: relative; } }
  @media screen and (max-width: 639px) {
    #post-reply-form .post-new-top {
      float: left;
      min-height: 70px;
      padding-left: 85px;
      position: relative;
      width: 100%; } }
  @media screen and (max-width: 639px) {
    #post-reply-form .post-new-top .avatar-form {
      left: 0;
      position: absolute;
      top: 0; } }
  @media screen and (max-width: 639px) {
    #post-reply-form .post-new-top .replyer-role-selector, #post-reply-form .post-new-top .replyer-autocomplete {
      width: 100%; } }
  #post-reply-form .role-selector {
    border: 1px solid #eee;
    float: left; }
    @media screen and (max-width: 767px) {
      #post-reply-form .role-selector {
        max-width: 95%; } }
    @media screen and (max-width: 479px) {
      #post-reply-form .role-selector {
        max-width: 100%; } }
    #post-reply-form .role-selector:focus {
      border-color: #2B96CC; }
    #post-reply-form .role-selector + .has-suggestion {
      margin-left: 12px; }
  #post-reply-form .has-suggestion {
    position: relative; }
    #post-reply-form .has-suggestion input[type="text"] {
      border: 1px solid #eee; }
      #post-reply-form .has-suggestion input[type="text"]:focus {
        border-color: #2B96CC; }
      #post-reply-form .has-suggestion input[type="text"]:disabled {
        background: #ddd; }
    #post-reply-form .has-suggestion .suggestion .image {
      display: none; }
  #post-reply-form input[type="radio"] {
    float: left;
    margin: 8px 10px 0 0; }
  #post-reply-form .replyer-role-selector {
    float: left; }
    @media screen and (max-width: 639px) {
      #post-reply-form .replyer-role-selector {
        margin-bottom: 15px; } }
    #post-reply-form .replyer-role-selector + .replyer-autocomplete {
      float: left;
      margin-left: 30px; }
      @media screen and (max-width: 639px) {
        #post-reply-form .replyer-role-selector + .replyer-autocomplete {
          margin-left: 0; } }
  #post-reply-form .description-upload-images {
    border-bottom: 1px solid #eee;
    margin-bottom: 10px;
    padding-bottom: 10px; }
    #post-reply-form .description-upload-images ul {
      color: #666;
      font-size: 11px;
      padding-left: 16px; }
  #post-reply-form .form-group {
    background: #f8f8f8;
    float: left;
    margin-bottom: 10px;
    padding: 15px 20px;
    width: 100%;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px; }
    #post-reply-form .form-group label {
      float: left;
      margin-bottom: 0;
      width: auto; }
      #post-reply-form .form-group label input[type="checkbox"] {
        margin-right: 5px; }
    #post-reply-form .form-group .add-form-upload {
      float: left;
      margin: 0 0 10px;
      width: 100%; }
    #post-reply-form .form-group .form-upload {
      border-bottom: 1px solid #eee;
      float: left;
      margin-bottom: 10px;
      padding: 0 0 10px;
      width: 100%; }
      @media screen and (max-width: 479px) {
        #post-reply-form .form-group .form-upload {
          position: relative; } }
      #post-reply-form .form-group .form-upload.show input[type="text"], #post-reply-form .form-group .form-upload.show .form-upload-name-file {
        display: block; }
      #post-reply-form .form-group .form-upload.show .form-upload-text {
        display: none; }
      #post-reply-form .form-group .form-upload.hide input[type="text"] {
        display: none; }
      #post-reply-form .form-group .form-upload .form-upload-file {
        cursor: pointer;
        float: left;
        margin-right: 60px;
        position: relative;
        width: 60%; }
        @media screen and (max-width: 639px) {
          #post-reply-form .form-group .form-upload .form-upload-file {
            margin-right: 0;
            width: 100%; } }
        #post-reply-form .form-group .form-upload .form-upload-file .form-upload-text:hover i, #post-reply-form .form-group .form-upload .form-upload-file .form-upload-text:hover span {
          color: #2B96CC; }
        #post-reply-form .form-group .form-upload .form-upload-file .form-upload-text i, #post-reply-form .form-group .form-upload .form-upload-file .form-upload-text span {
          -webkit-transition: all 0.3s ease 0s, visibility 0s ease 0s;
          -moz-transition: all 0.3s ease 0s, visibility 0s ease 0s;
          -ms-transition: all 0.3s ease 0s, visibility 0s ease 0s;
          transition: all 0.3s ease 0s, visibility 0s ease 0s; }
        #post-reply-form .form-group .form-upload .form-upload-file input[type="file"] {
          bottom: 0;
          left: 0;
          opacity: 0;
          position: absolute;
          right: 0;
          top: 0;
          width: 100%; }
      #post-reply-form .form-group .form-upload .form-upload-name-file {
        display: none;
        overflow: hidden; }
        @media screen and (max-width: 639px) {
          #post-reply-form .form-group .form-upload .form-upload-name-file {
            margin-bottom: 15px;
            padding-right: 20px; } }
        #post-reply-form .form-group .form-upload .form-upload-name-file img {
          border: 1px solid #eee;
          float: left;
          margin-right: 15px;
          max-height: 100px;
          max-width: 100px;
          -webkit-border-radius: 3px;
          -moz-border-radius: 3px;
          -ms-border-radius: 3px;
          border-radius: 3px; }
          @media screen and (max-width: 359px) {
            #post-reply-form .form-group .form-upload .form-upload-name-file img {
              margin-right: 10px;
              max-height: 70px;
              max-width: 70px; } }
      #post-reply-form .form-group .form-upload input:-webkit-autofill {
        -webkit-box-shadow: 0 0 0px 1000px white inset; }
      #post-reply-form .form-group .form-upload input[type="text"] {
        background: #fff;
        float: left;
        margin: 0 10px; }
        @media screen and (max-width: 639px) {
          #post-reply-form .form-group .form-upload input[type="text"] {
            margin: 0 10px 0 0;
            width: 50%; } }
        @media screen and (max-width: 479px) {
          #post-reply-form .form-group .form-upload input[type="text"] {
            width: 60%; } }
        @media screen and (max-width: 359px) {
          #post-reply-form .form-group .form-upload input[type="text"] {
            width: 100%; } }
        #post-reply-form .form-group .form-upload input[type="text"]:disabled {
          background: #ddd; }
      #post-reply-form .form-group .form-upload .remove {
        background: #fff;
        border: 1px solid #ff749c;
        cursor: pointer;
        float: left;
        height: 19px;
        line-height: 17px;
        margin-top: 5px;
        text-align: center;
        vertical-align: middle;
        width: 19px;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        border-radius: 50%; }
        @media screen and (max-width: 479px) {
          #post-reply-form .form-group .form-upload .remove {
            position: absolute;
            right: 0;
            top: 0; } }
        #post-reply-form .form-group .form-upload .remove:hover {
          background: #ff749c; }
          #post-reply-form .form-group .form-upload .remove:hover i {
            color: #fff; }
        #post-reply-form .form-group .form-upload .remove i {
          color: #ff749c; }
  #post-reply-form .upload {
    float: left;
    padding-left: 10px;
    position: relative;
    text-decoration: underline;
    width: 70%; }
    @media screen and (max-width: 767px) {
      #post-reply-form .upload {
        padding-left: 0;
        width: 100%; } }
    #post-reply-form .upload:hover {
      color: #2B96CC; }
    #post-reply-form .upload .fa {
      font-size: 16px;
      margin-right: 10px; }
    #post-reply-form .upload input {
      cursor: pointer;
      left: 0;
      opacity: 0;
      position: absolute;
      top: 0;
      width: 100%;
      z-index: 5; }
    #post-reply-form .upload #filelist {
      color: #333;
      display: none;
      width: 100%;
      width: 100%; }
      #post-reply-form .upload #filelist.show {
        display: inline-block; }
  #post-reply-form label {
    display: inline-block;
    margin-bottom: 10px;
    overflow: hidden;
    width: 100%; }
  #post-reply-form .post-new {
    padding-left: 85px;
    position: relative; }
    @media screen and (max-width: 639px) {
      #post-reply-form .post-new {
        padding-left: 0; } }
  #post-reply-form textarea {
    border: 1px solid #eee;
    margin-bottom: 15px;
    margin-top: 12px;
    max-width: 100%;
    min-height: 120px;
    padding: 15px;
    width: 100%; }
    #post-reply-form textarea:focus {
      border-color: #2B96CC; }
  #post-reply-form button {
    float: right; }

.no-js #thread-detail .full-sized-images {
  display: none; }

.result-autocomplete {
  background: #fff;
  border: 1px solid #ccc;
  overflow: hidden;
  padding: 5px 10px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px; }
  .result-autocomplete:hover {
    background: #2B96CC;
    border-color: #2B96CC;
    color: #fff; }
    .result-autocomplete:hover i {
      color: #fff; }
  .result-autocomplete i {
    cursor: pointer;
    float: right;
    margin-left: 10px;
    margin-top: 3px; }

#thread-create form .form-group .upload, #thread-create form .form-group .upload .fa {
  -webkit-transition: all 0.1s ease 0s, visibility 0s ease 0s;
  -moz-transition: all 0.1s ease 0s, visibility 0s ease 0s;
  -ms-transition: all 0.1s ease 0s, visibility 0s ease 0s;
  transition: all 0.1s ease 0s, visibility 0s ease 0s; }

.clearfix:after {
  content: '';
  display: table;
  clear: both; }

.bordered-section {
  border: 1px solid #eee;
  border-radius: 5px; }

#thread-create {
  float: left;
  margin: 0;
  padding: 15px;
  width: 840px; }
  @media screen and (max-width: 1119px) {
    #thread-create {
      padding: 15px 0;
      width: 100%; } }
  #thread-create h3 {
    color: #ff749c;
    font-size: 25px;
    font-weight: normal;
    margin: 0 0 10px;
    text-align: left; }
  #thread-create .des {
    background: #f8f8f8;
    margin-bottom: 10px;
    padding: 15px 20px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px; }
    #thread-create .des p {
      margin-bottom: 5px; }
      #thread-create .des p:last-child {
        margin-bottom: 0; }
  #thread-create form {
    background: #f8f8f8;
    overflow: hidden;
    padding: 20px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px; }
    #thread-create form .form-group {
      background: #fff;
      border: 1px solid #eee;
      float: left;
      margin-bottom: 20px;
      overflow: hidden;
      padding: 5px 10px;
      width: 100%; }
      #thread-create form .form-group.reset {
        margin-bottom: 10px; }
      #thread-create form .form-group.full label {
        border-bottom: 1px solid #eee;
        border-right: none;
        margin-bottom: 7px;
        margin-top: 3px;
        padding-bottom: 5px;
        width: 100%; }
      #thread-create form .form-group.left, #thread-create form .form-group.right {
        width: 49%; }
        @media screen and (max-width: 639px) {
          #thread-create form .form-group.left, #thread-create form .form-group.right {
            width: 100%; } }
      #thread-create form .form-group.right {
        float: right; }
      #thread-create form .form-group.more-info {
        position: relative; }
        #thread-create form .form-group.more-info.hide .form-info {
          display: none; }
        #thread-create form .form-group.more-info.show .form-info {
          display: block; }
        #thread-create form .form-group.more-info.show .btn-toggle .fa-plus {
          display: none; }
        #thread-create form .form-group.more-info.show .btn-toggle .fa-minus {
          display: inline-block; }
        #thread-create form .form-group.more-info label {
          border-bottom: none;
          margin: 0;
          padding: 0; }
          #thread-create form .form-group.more-info label.btn-toggle {
            cursor: pointer;
            padding-left: 20px;
            position: relative; }
            #thread-create form .form-group.more-info label.btn-toggle i {
              font-size: 16px;
              position: absolute;
              left: 0;
              top: 2px; }
            #thread-create form .form-group.more-info label.btn-toggle .fa-minus {
              display: none; }
        #thread-create form .form-group.more-info .form-info {
          border-top: 1px solid #eee;
          float: left;
          margin-top: 5px;
          padding: 0 0 5px;
          width: 100%; }
          #thread-create form .form-group.more-info .form-info .form-col select {
            width: 50%; }
            @media screen and (max-width: 639px) {
              #thread-create form .form-group.more-info .form-info .form-col select {
                width: 50%; } }
            @media screen and (max-width: 479px) {
              #thread-create form .form-group.more-info .form-info .form-col select {
                width: 100%; } }
      #thread-create form .form-group .form-col {
        display: inline-block;
        margin-top: 10px;
        width: 49%; }
        @media screen and (max-width: 479px) {
          #thread-create form .form-group .form-col {
            width: 100%; } }
        #thread-create form .form-group .form-col label {
          border: none;
          display: inline-block;
          float: none;
          margin: 0 10px 0 0;
          padding: 0;
          width: 30%; }
          @media screen and (max-width: 639px) {
            #thread-create form .form-group .form-col label {
              width: 40%; } }
          @media screen and (max-width: 479px) {
            #thread-create form .form-group .form-col label {
              width: 100%; } }
      #thread-create form .form-group .upload {
        float: left;
        padding-left: 10px;
        padding-top: 3px;
        position: relative;
        text-decoration: underline;
        width: 70%; }
        @media screen and (max-width: 767px) {
          #thread-create form .form-group .upload {
            padding-left: 0;
            width: 100%; } }
        #thread-create form .form-group .upload:hover {
          color: #2B96CC; }
        #thread-create form .form-group .upload .fa {
          font-size: 16px;
          margin-right: 10px; }
        #thread-create form .form-group .upload input {
          cursor: pointer;
          left: 0;
          opacity: 0;
          position: absolute;
          top: 0;
          width: 100%;
          z-index: 5; }
        #thread-create form .form-group .upload #filelist {
          color: #333;
          display: none;
          width: 100%;
          width: 100%; }
          #thread-create form .form-group .upload #filelist.show {
            display: inline-block; }
      #thread-create form .form-group textarea {
        border: none;
        height: 150px;
        padding: 0;
        resize: none;
        width: 100%; }
      #thread-create form .form-group input {
        border: none;
        float: left;
        width: 70%; }
        @media screen and (max-width: 767px) {
          #thread-create form .form-group input {
            padding-left: 0;
            width: 100%; } }
      #thread-create form .form-group label {
        border-right: 1px solid #eee;
        float: left;
        margin-top: 5px;
        width: 30%; }
        @media screen and (max-width: 767px) {
          #thread-create form .form-group label {
            border-right: none;
            margin-bottom: 5px;
            margin-top: 0;
            width: 100%; } }
        #thread-create form .form-group label span {
          color: #ff749c; }
    #thread-create form .text-alert {
      font-size: 11px;
      font-style: italic;
      margin-bottom: 15px; }
      #thread-create form .text-alert:last-child {
        margin-bottom: 0; }
    #thread-create form .censor_images input {
      margin: 2px 10px 0 0;
      width: auto; }
    #thread-create form .censor_images label {
      border: none;
      margin-left: 30%;
      padding-left: 10px;
      width: 70%; }
      @media screen and (max-width: 767px) {
        #thread-create form .censor_images label {
          margin: 10px 0 0;
          padding: 0;
          width: 100%; } }
    #thread-create form .hiding_creator {
      float: left;
      margin-bottom: 10px;
      width: 100%; }
      #thread-create form .hiding_creator input {
        float: left;
        margin-right: 10px;
        margin-top: 3px; }

#thread-search a, #thread-search .thread-search-bottom article {
  -webkit-transition: all 0.1s ease 0s, visibility 0s ease 0s;
  -moz-transition: all 0.1s ease 0s, visibility 0s ease 0s;
  -ms-transition: all 0.1s ease 0s, visibility 0s ease 0s;
  transition: all 0.1s ease 0s, visibility 0s ease 0s; }

.clearfix:after {
  content: '';
  display: table;
  clear: both; }

.bordered-section {
  border: 1px solid #eee;
  border-radius: 5px; }

#thread-search a {
  text-decoration: none; }

#thread-search .thread-search-top {
  background-size: cover;
  background: transparent url("https://dwbxi9io9o7ce.cloudfront.net/public/img/herobanner-1.2e270bf9bd30.jpg?1b03e0c301da") left top no-repeat;
  padding: 90px 0;
  text-align: center; }
  #thread-search .thread-search-top #search-input-forum input[type="text"] {
    font-size: 20px;
    padding: 10px 15px;
    width: 40%;
    -webkit-border-radius: 5px 0 0 5px;
    -moz-border-radius: 5px 0 0 5px;
    -ms-border-radius: 5px 0 0 5px;
    border-radius: 5px 0 0 5px; }
    @media screen and (max-width: 767px) {
      #thread-search .thread-search-top #search-input-forum input[type="text"] {
        width: 50%; } }
    @media screen and (max-width: 639px) {
      #thread-search .thread-search-top #search-input-forum input[type="text"] {
        font-size: 16px; } }
    @media screen and (max-width: 479px) {
      #thread-search .thread-search-top #search-input-forum input[type="text"] {
        width: 100%;
        margin-bottom: 15px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        border-radius: 5px; } }
  #thread-search .thread-search-top #search-input-forum button {
    font-size: 18px;
    margin-left: -4px;
    padding: 12px 30px 11px;
    -webkit-border-radius: 0 5px 5px 0;
    -moz-border-radius: 0 5px 5px 0;
    -ms-border-radius: 0 5px 5px 0;
    border-radius: 0 5px 5px 0; }
    @media screen and (max-width: 639px) {
      #thread-search .thread-search-top #search-input-forum button {
        font-size: 16px;
        padding: 10px 25px 10px; } }
    @media screen and (max-width: 479px) {
      #thread-search .thread-search-top #search-input-forum button {
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        border-radius: 5px; } }

#thread-search .thread-search-bottom {
  margin-bottom: 30px; }
  #thread-search .thread-search-bottom article {
    border: 1px solid #eee;
    margin-top: 30px;
    padding: 20px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px; }
    #thread-search .thread-search-bottom article:hover {
      border-color: #2B96CC; }
    #thread-search .thread-search-bottom article h3 {
      font-size: 18px; }
      #thread-search .thread-search-bottom article h3 a {
        color: #00a2a2; }
        #thread-search .thread-search-bottom article h3 a:hover {
          color: #2B96CC; }
    #thread-search .thread-search-bottom article h6 {
      font-size: 14px;
      font-weight: normal; }
    #thread-search .thread-search-bottom article .body {
      color: #697186;
      font-size: 15px;
      line-height: 22px; }
      #thread-search .thread-search-bottom article .body ul, #thread-search .thread-search-bottom article .body ol {
        padding-left: 18px; }

.clearfix:after {
  content: '';
  display: table;
  clear: both; }

.bordered-section {
  border: 1px solid #eee;
  border-radius: 5px; }

#myvicare-landing-page {
  font-size: 15px; }
  #myvicare-landing-page p {
    margin: 0 0 20px; }
    @media (max-width: 767px) {
      #myvicare-landing-page p {
        font-size: 13px; } }
  #myvicare-landing-page .container {
    margin: 0 auto;
    width: 1170px;
    padding: 0 15px;
    position: relative; }
    @media (max-width: 1119px) {
      #myvicare-landing-page .container {
        width: 1000px; } }
    @media (max-width: 1023px) {
      #myvicare-landing-page .container {
        width: 960px; } }
    @media (max-width: 979px) {
      #myvicare-landing-page .container {
        width: 768px; } }
    @media (max-width: 799px) {
      #myvicare-landing-page .container {
        width: 720px; } }
    @media (max-width: 767px) {
      #myvicare-landing-page .container {
        width: 96%; } }
  #myvicare-landing-page .row {
    margin-left: -15px;
    margin-right: -15px;
    overflow: hidden; }
  #myvicare-landing-page .col-1 {
    float: left;
    padding: 0 15px;
    width: 100%; }
  #myvicare-landing-page .col-2 {
    float: left;
    padding: 0 15px;
    width: 50%; }
    @media (max-width: 767px) {
      #myvicare-landing-page .col-2 {
        width: 100%; } }
  #myvicare-landing-page .col-2-3 {
    float: left;
    padding: 0 15px;
    width: 66.666666%; }
    @media (max-width: 767px) {
      #myvicare-landing-page .col-2-3 {
        width: 100%; } }
  #myvicare-landing-page .col-3 {
    float: left;
    width: 33.333333%;
    padding: 0 15px; }
    @media (max-width: 639px) {
      #myvicare-landing-page .col-3 {
        width: 100%; } }
  #myvicare-landing-page .pull-right {
    float: right; }
  #myvicare-landing-page .hero-image {
    background: url("https://dwbxi9io9o7ce.cloudfront.net/public/img/default-place.f4706672a682.jpg?1b03e0c301da") no-repeat 50% 50%/cover; }
  #myvicare-landing-page .mask {
    position: relative; }
    #myvicare-landing-page .mask:before {
      background: #000;
      bottom: 0;
      content: '';
      height: 100%;
      left: 0;
      opacity: .4;
      position: absolute;
      right: 0;
      top: 0;
      width: 100%; }
  #myvicare-landing-page .parallax {
    background-attachment: fixed !important;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover !important;
    position: relative; }
    .has-touch #myvicare-landing-page .parallax {
      background-attachment: scroll !important; }
  #myvicare-landing-page img {
    max-width: 100%; }
  #myvicare-landing-page .section-01 {
    background: url("https://dwbxi9io9o7ce.cloudfront.net/public/img/myvicare-landing-bg.49e7909311b8.jpg?1b03e0c301da"); }
  #myvicare-landing-page section {
    padding: 50px 0 60px; }
    @media (max-width: 799px) {
      #myvicare-landing-page section {
        padding: 30px 0 40px; } }
  #myvicare-landing-page section.dark {
    background: url("https://dwbxi9io9o7ce.cloudfront.net/public/img/myvicare-landing-bg2.2d84f9fa4962.png?1b03e0c301da");
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    color: #fff;
    text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.4); }
    #myvicare-landing-page section.dark ul li {
      background: rgba(255, 116, 156, 0.8);
      border-radius: 4px;
      list-style: none;
      margin-bottom: 5px;
      padding: 10px 16px; }
    #myvicare-landing-page section.dark .fa {
      margin-right: 5px; }
  #myvicare-landing-page section.bright .image-smaller {
    width: 50%; }
  #myvicare-landing-page .intro-block {
    color: #fff;
    padding: 90px 0;
    position: relative;
    text-shadow: 0 0 5px black; }
    @media (max-width: 979px) {
      #myvicare-landing-page .intro-block {
        padding: 40px 0; } }
    #myvicare-landing-page .intro-block .intro-header {
      font-size: 32px;
      font-weight: normal;
      line-height: 1.2;
      margin: 20px 0 25px; }
      @media (max-width: 979px) {
        #myvicare-landing-page .intro-block .intro-header {
          font-size: 24px;
          line-height: 1.1; } }
      @media (max-width: 767px) {
        #myvicare-landing-page .intro-block .intro-header {
          margin-top: 0; } }
    #myvicare-landing-page .intro-block .paragraph-text {
      font-size: 16px;
      margin-bottom: 25px; }
      @media (max-width: 979px) {
        #myvicare-landing-page .intro-block .paragraph-text {
          font-size: 13px; } }
  #myvicare-landing-page h3 {
    margin: 0 0 20px;
    font-size: 30px;
    font-weight: normal;
    line-height: 1.4;
    text-align: center; }
    @media (max-width: 979px) {
      #myvicare-landing-page h3 {
        font-size: 24px;
        line-height: 1.2; } }
  #myvicare-landing-page .fullwidth {
    width: 100%; }
  #myvicare-landing-page #cta-menu .sticky-wrapper.is-sticky .sticky-nav {
    box-shadow: 0 1px 8px rgba(0, 0, 0, 0.15); }
  #myvicare-landing-page #cta-menu .sticky-nav {
    background: #fff;
    clear: both;
    z-index: 9; }
    #myvicare-landing-page #cta-menu .sticky-nav .inner {
      font-size: 18px;
      line-height: 1.2;
      padding: 20px 0;
      text-align: center; }
      @media (max-width: 440px) {
        #myvicare-landing-page #cta-menu .sticky-nav .inner {
          font-size: 15px;
          padding: 14px 0; } }
      #myvicare-landing-page #cta-menu .sticky-nav .inner strong {
        color: #ff749c; }
      #myvicare-landing-page #cta-menu .sticky-nav .inner a {
        color: #333;
        font-weight: bold;
        text-decoration: none; }
        #myvicare-landing-page #cta-menu .sticky-nav .inner a:hover {
          text-decoration: underline; }
  #myvicare-landing-page section.testimonials {
    background-size: cover;
    color: #fff;
    position: relative;
    text-align: center; }
    #myvicare-landing-page section.testimonials .col-2-3 {
      margin-left: 16.666666%; }
      @media (max-width: 767px) {
        #myvicare-landing-page section.testimonials .col-2-3 {
          margin: 0; } }
    #myvicare-landing-page section.testimonials .quote {
      color: rgba(0, 0, 0, 0.1);
      margin-bottom: 30px;
      text-align: center;
      text-shadow: none; }
    #myvicare-landing-page section.testimonials blockquote {
      margin: 0 0 15px 0;
      padding: 10px; }
      #myvicare-landing-page section.testimonials blockquote:before {
        display: none; }
    #myvicare-landing-page section.testimonials .profile-circle {
      display: block;
      margin-bottom: 15px;
      margin: 0 auto 10px;
      max-width: 150px; }
      #myvicare-landing-page section.testimonials .profile-circle img {
        display: initial;
        border-radius: 50%; }
    #myvicare-landing-page section.testimonials h4 {
      font-size: 16px;
      margin: 0; }
    #myvicare-landing-page section.testimonials .owl-dots .owl-dot {
      display: inline-block;
      margin: 0 3px; }
      #myvicare-landing-page section.testimonials .owl-dots .owl-dot.active span {
        background: #f1739b; }
      #myvicare-landing-page section.testimonials .owl-dots .owl-dot span {
        background: #fff;
        border-radius: 50%;
        display: block;
        height: 14px;
        width: 14px; }
  #myvicare-landing-page section.customers h3 {
    margin-bottom: 40px;
    text-align: center; }
  #myvicare-landing-page section.customers .col-2:nth-child(2n+3) {
    clear: both; }
  #myvicare-landing-page section.customers .entry-item {
    border-radius: 5px;
    border: 1px solid #ddd;
    margin: 0 0 30px;
    min-height: 148px;
    padding: 20px;
    width: 100%; }
    #myvicare-landing-page section.customers .entry-item .image a {
      border-radius: 5px;
      display: inline-block;
      float: left;
      width: 100px;
      height: 100px; }
    #myvicare-landing-page section.customers .entry-item .content {
      font-size: 13px;
      margin: 0 0 0 120px; }
      #myvicare-landing-page section.customers .entry-item .content h4 {
        font-size: 15px; }
      #myvicare-landing-page section.customers .entry-item .content p {
        margin: 0 0 5px; }
        #myvicare-landing-page section.customers .entry-item .content p .fa {
          color: #ff749c;
          display: inline-block;
          margin-right: 5px; }
    #myvicare-landing-page section.customers .entry-item a {
      text-decoration: none; }
      #myvicare-landing-page section.customers .entry-item a:hover {
        text-decoration: underline; }

.clearfix:after {
  content: '';
  display: table;
  clear: both; }

.bordered-section {
  border: 1px solid #eee;
  border-radius: 5px; }

#login, #reset-password, #send-email-reset, #signups, #email-confirmation {
  margin: 50px 0 100px; }
  #login .content, #reset-password .content, #send-email-reset .content, #signups .content, #email-confirmation .content {
    max-width: 900px;
    margin: auto; }
    #login .content h1, #reset-password .content h1, #send-email-reset .content h1, #signups .content h1, #email-confirmation .content h1 {
      border-bottom: 1px solid #e4e4e4;
      color: #ff749c;
      font-size: 22px;
      font-weight: normal;
      padding: 0 0 8px;
      margin: 0 0 15px; }
      @media (max-width: 580px) {
        #login .content h1, #reset-password .content h1, #send-email-reset .content h1, #signups .content h1, #email-confirmation .content h1 {
          font-size: 18px; } }
      #login .content h1 .fa, #reset-password .content h1 .fa, #send-email-reset .content h1 .fa, #signups .content h1 .fa, #email-confirmation .content h1 .fa {
        background: #ff749c;
        border-radius: 50%;
        color: #fff;
        display: inline-block;
        font-size: 16px;
        height: 28px;
        line-height: 26px;
        margin: 0 2px -3px 0;
        text-align: center;
        vertical-align: top;
        width: 28px; }
        @media (max-width: 580px) {
          #login .content h1 .fa, #reset-password .content h1 .fa, #send-email-reset .content h1 .fa, #signups .content h1 .fa, #email-confirmation .content h1 .fa {
            font-size: 13px;
            height: 25px;
            line-height: 24px;
            margin-bottom: -4px;
            width: 25px; } }
    #login .content .signup-intro, #reset-password .content .signup-intro, #send-email-reset .content .signup-intro, #signups .content .signup-intro, #email-confirmation .content .signup-intro {
      float: left;
      margin: 0 25px 15px 0;
      width: 220px; }
      @media (max-width: 800px) {
        #login .content .signup-intro, #reset-password .content .signup-intro, #send-email-reset .content .signup-intro, #signups .content .signup-intro, #email-confirmation .content .signup-intro {
          float: none;
          margin: 0 20px 20px;
          width: auto; } }
    #login .content .signup-form, #reset-password .content .signup-form, #send-email-reset .content .signup-form, #signups .content .signup-form, #email-confirmation .content .signup-form {
      overflow: hidden;
      background: #f6f6f6;
      border-radius: 5px;
      padding: 20px; }
      #login .content .signup-form .messages, #reset-password .content .signup-form .messages, #send-email-reset .content .signup-form .messages, #signups .content .signup-form .messages, #email-confirmation .content .signup-form .messages {
        background: #fff2c7;
        border-radius: 3px;
        list-style: none;
        margin: 0 0 20px;
        padding: 7px 8px 0; }
        #login .content .signup-form .messages li, #reset-password .content .signup-form .messages li, #send-email-reset .content .signup-form .messages li, #signups .content .signup-form .messages li, #email-confirmation .content .signup-form .messages li {
          padding: 0 0 8px; }
      #login .content .signup-form form .form-row .form-field .form-field-input, #reset-password .content .signup-form form .form-row .form-field .form-field-input, #send-email-reset .content .signup-form form .form-row .form-field .form-field-input, #signups .content .signup-form form .form-row .form-field .form-field-input, #email-confirmation .content .signup-form form .form-row .form-field .form-field-input {
        width: 300px; }
        @media (max-width: 580px) {
          #login .content .signup-form form .form-row .form-field .form-field-input, #reset-password .content .signup-form form .form-row .form-field .form-field-input, #send-email-reset .content .signup-form form .form-row .form-field .form-field-input, #signups .content .signup-form form .form-row .form-field .form-field-input, #email-confirmation .content .signup-form form .form-row .form-field .form-field-input {
            width: 100%; } }
        #login .content .signup-form form .form-row .form-field .form-field-input input, #reset-password .content .signup-form form .form-row .form-field .form-field-input input, #send-email-reset .content .signup-form form .form-row .form-field .form-field-input input, #signups .content .signup-form form .form-row .form-field .form-field-input input, #email-confirmation .content .signup-form form .form-row .form-field .form-field-input input {
          width: 100%; }
        #login .content .signup-form form .form-row .form-field .form-field-input textarea, #reset-password .content .signup-form form .form-row .form-field .form-field-input textarea, #send-email-reset .content .signup-form form .form-row .form-field .form-field-input textarea, #signups .content .signup-form form .form-row .form-field .form-field-input textarea, #email-confirmation .content .signup-form form .form-row .form-field .form-field-input textarea {
          height: 120px;
          width: 100%; }
      @media (max-width: 580px) {
        #login .content .signup-form form .form-row .form-field .form-field-text, #reset-password .content .signup-form form .form-row .form-field .form-field-text, #send-email-reset .content .signup-form form .form-row .form-field .form-field-text, #signups .content .signup-form form .form-row .form-field .form-field-text, #email-confirmation .content .signup-form form .form-row .form-field .form-field-text {
          padding-top: 0; }
        #login .content .signup-form form .form-row .form-field label, #reset-password .content .signup-form form .form-row .form-field label, #send-email-reset .content .signup-form form .form-row .form-field label, #signups .content .signup-form form .form-row .form-field label, #email-confirmation .content .signup-form form .form-row .form-field label {
          padding: 0 0 5px;
          margin: 0;
          text-align: left;
          width: 100%; } }
      @media (max-width: 580px) {
        #login .content .signup-form form .button-row, #reset-password .content .signup-form form .button-row, #send-email-reset .content .signup-form form .button-row, #signups .content .signup-form form .button-row, #email-confirmation .content .signup-form form .button-row {
          padding-left: 0; } }
      #login .content .signup-form.successful form, #reset-password .content .signup-form.successful form, #send-email-reset .content .signup-form.successful form, #signups .content .signup-form.successful form, #email-confirmation .content .signup-form.successful form {
        display: none; }
      #login .content .signup-form .form-success h4, #reset-password .content .signup-form .form-success h4, #send-email-reset .content .signup-form .form-success h4, #signups .content .signup-form .form-success h4, #email-confirmation .content .signup-form .form-success h4 {
        color: #ff749c; }
      #login .content .signup-form .form-success .button-row, #reset-password .content .signup-form .form-success .button-row, #send-email-reset .content .signup-form .form-success .button-row, #signups .content .signup-form .form-success .button-row, #email-confirmation .content .signup-form .form-success .button-row {
        padding-left: 0; }
      #login .content .signup-form button[type=submit]:after, #reset-password .content .signup-form button[type=submit]:after, #send-email-reset .content .signup-form button[type=submit]:after, #signups .content .signup-form button[type=submit]:after, #email-confirmation .content .signup-form button[type=submit]:after {
        content: '\f00c'; }
      #login .content .signup-form button[type=submit].submitting:after, #reset-password .content .signup-form button[type=submit].submitting:after, #send-email-reset .content .signup-form button[type=submit].submitting:after, #signups .content .signup-form button[type=submit].submitting:after, #email-confirmation .content .signup-form button[type=submit].submitting:after {
        animation: fa-spin 1s infinite steps(8);
        content: '\f110' !important; }

.overlay.login .for-account-type-user,
.overlay.login .for-account-type-professional,
.overlay.login .for-account-type-place,
.overlay.login .for-source-register_place,
.overlay.login .for-source-register_prof,
.overlay.login .for-source-favourite,
.overlay.login .for-source-promotion,
.overlay.login .for-source-others,
.overlay.login .for-email-existed,
.overlay.login .for-all-others, .has-switch-content .for-account-type-user,
.has-switch-content .for-account-type-professional,
.has-switch-content .for-account-type-place,
.has-switch-content .for-source-register_place,
.has-switch-content .for-source-register_prof,
.has-switch-content .for-source-favourite,
.has-switch-content .for-source-promotion,
.has-switch-content .for-source-others,
.has-switch-content .for-email-existed,
.has-switch-content .for-all-others, .has-account-type-selector .for-account-type-user,
.has-account-type-selector .for-account-type-professional,
.has-account-type-selector .for-account-type-place,
.has-account-type-selector .for-source-register_place,
.has-account-type-selector .for-source-register_prof,
.has-account-type-selector .for-source-favourite,
.has-account-type-selector .for-source-promotion,
.has-account-type-selector .for-source-others,
.has-account-type-selector .for-email-existed,
.has-account-type-selector .for-all-others {
  display: none; }

.overlay.login.account-type-user .for-account-type-user,
.overlay.login.account-type-professional .for-account-type-professional,
.overlay.login.account-type-place .for-account-type-place,
.overlay.login.source-register_place .for-source-register_place,
.overlay.login.source-register_prof .for-source-register_prof,
.overlay.login.source-favourite .for-source-favourite,
.overlay.login.source-promotion .for-source-promotion,
.overlay.login.source-others .for-source-others,
.overlay.login.email-existed .for-email-existed,
.overlay.login.all-others .for-all-others, .has-switch-content.account-type-user .for-account-type-user,
.has-switch-content.account-type-professional .for-account-type-professional,
.has-switch-content.account-type-place .for-account-type-place,
.has-switch-content.source-register_place .for-source-register_place,
.has-switch-content.source-register_prof .for-source-register_prof,
.has-switch-content.source-favourite .for-source-favourite,
.has-switch-content.source-promotion .for-source-promotion,
.has-switch-content.source-others .for-source-others,
.has-switch-content.email-existed .for-email-existed,
.has-switch-content.all-others .for-all-others, .has-account-type-selector.account-type-user .for-account-type-user,
.has-account-type-selector.account-type-professional .for-account-type-professional,
.has-account-type-selector.account-type-place .for-account-type-place,
.has-account-type-selector.source-register_place .for-source-register_place,
.has-account-type-selector.source-register_prof .for-source-register_prof,
.has-account-type-selector.source-favourite .for-source-favourite,
.has-account-type-selector.source-promotion .for-source-promotion,
.has-account-type-selector.source-others .for-source-others,
.has-account-type-selector.email-existed .for-email-existed,
.has-account-type-selector.all-others .for-all-others {
  display: block; }

.clearfix:after {
  content: '';
  display: table;
  clear: both; }

.bordered-section {
  border: 1px solid #eee;
  border-radius: 5px; }

#about-us p {
  margin: 0 0 20px; }

#about-us .bold {
  font-weight: 900; }

#about-us .text-uppercase {
  text-transform: uppercase; }

#about-us .text-right {
  text-align: right; }

#about-us .text-left {
  text-align: left; }

#about-us .text-center {
  text-align: center; }

#about-us .container {
  margin: 0 auto;
  width: 100%;
  padding: 0 15px;
  position: relative; }
  @media (max-width: 2000px) {
    #about-us .container {
      width: 1180px; } }
  @media (max-width: 1200px) {
    #about-us .container {
      width: 1100px; } }
  @media (max-width: 1100px) {
    #about-us .container {
      width: 1000px; } }
  @media (max-width: 1023px) {
    #about-us .container {
      width: 960px; } }
  @media (max-width: 979px) {
    #about-us .container {
      width: 850px; } }
  @media (max-width: 859px) {
    #about-us .container {
      width: 800px; } }
  @media (max-width: 799px) {
    #about-us .container {
      width: 720px; } }
  @media (max-width: 767px) {
    #about-us .container {
      width: 100%; } }

#about-us .container-fluid {
  margin-left: auto;
  margin-right: auto;
  padding: 0 15px; }

#about-us .row {
  margin-left: -15px;
  margin-right: -15px; }

#about-us .col-1-4 {
  float: left;
  width: 20%;
  position: relative; }
  @media (max-width: 767px) {
    #about-us .col-1-4 {
      width: 15%; } }

#about-us .col-2-4 {
  float: left;
  width: 60%;
  position: relative; }
  @media (max-width: 767px) {
    #about-us .col-2-4 {
      width: 70%; } }

#about-us .col-2 {
  float: left;
  padding: 0;
  width: 50%; }
  @media (max-width: 767px) {
    #about-us .col-2 {
      width: 100%;
      text-align: center; } }

#about-us .pull-right {
  float: right; }

#about-us .pull-left {
  float: left; }

#about-us .align-middle {
  margin-top: 8%; }
  @media (max-width: 979px) {
    #about-us .align-middle {
      margin-top: 2%; } }

#about-us img {
  display: block;
  max-width: 100%;
  height: auto; }

#about-us .white {
  color: #fff; }

#about-us .black {
  color: #000; }

#about-us .fullwidth {
  width: 100%; }

#about-us .circle {
  border-radius: 5px; }

#about-us section.vicare-purpose {
  min-height: 500px;
  background: #F7FBFC;
  width: 100%; }
  @media (max-width: 799px) {
    #about-us section.vicare-purpose {
      min-height: 380px; } }
  @media (max-width: 414px) {
    #about-us section.vicare-purpose {
      min-height: 275px; } }
  #about-us section.vicare-purpose .left-col > * {
    position: absolute; }
  #about-us section.vicare-purpose .left-col :nth-child(1) {
    top: 45px;
    left: 13%;
    transform: scale(0.8);
    z-index: 5; }
    @media (max-width: 799px) {
      #about-us section.vicare-purpose .left-col :nth-child(1) {
        top: 25px;
        left: 5%; } }
  #about-us section.vicare-purpose .left-col :nth-child(2) {
    top: 198px;
    left: 25%;
    transform: scale(0.75); }
    @media (max-width: 799px) {
      #about-us section.vicare-purpose .left-col :nth-child(2) {
        top: 100px;
        left: 18%; } }
  #about-us section.vicare-purpose .left-col :nth-child(3) {
    top: -100px;
    left: -40%; }
    @media (max-width: 799px) {
      #about-us section.vicare-purpose .left-col :nth-child(3) {
        top: -50px;
        left: -10%; } }
  #about-us section.vicare-purpose .left-col :nth-child(4) {
    top: 296px;
    left: 5%; }
    @media (max-width: 799px) {
      #about-us section.vicare-purpose .left-col :nth-child(4) {
        top: 160px;
        left: 5%; } }
  #about-us section.vicare-purpose .left-col :nth-child(5) {
    position: relative;
    width: 100%;
    height: 100px;
    visibility: hidden; }
  #about-us section.vicare-purpose .center-col {
    padding: 9% 25px; }
    #about-us section.vicare-purpose .center-col h2 {
      font-size: 30px;
      text-transform: uppercase; }
    #about-us section.vicare-purpose .center-col p {
      font-size: 25px;
      font-weight: 500;
      color: #666; }
    @media (max-width: 767px) {
      #about-us section.vicare-purpose .center-col {
        padding: 25px 0 25px; }
        #about-us section.vicare-purpose .center-col h2 {
          font-size: 25px; }
        #about-us section.vicare-purpose .center-col p {
          font-size: 20px; } }
    @media (max-width: 480px) {
      #about-us section.vicare-purpose .center-col {
        padding: 25px 0 25px; }
        #about-us section.vicare-purpose .center-col h2 {
          font-size: 18px; }
        #about-us section.vicare-purpose .center-col p {
          font-size: 15px; } }
  #about-us section.vicare-purpose .right-col > * {
    position: absolute; }
  #about-us section.vicare-purpose .right-col :nth-child(1) {
    top: 250px;
    right: -10%; }
    @media (max-width: 799px) {
      #about-us section.vicare-purpose .right-col :nth-child(1) {
        top: 150px; } }
  #about-us section.vicare-purpose .right-col :nth-child(2) {
    top: 190px;
    right: 53%;
    transform: scale(0.75); }
    @media (max-width: 799px) {
      #about-us section.vicare-purpose .right-col :nth-child(2) {
        top: 100px;
        left: 17%; } }
  #about-us section.vicare-purpose .right-col :nth-child(3) {
    top: -27px;
    right: -29%; }
    @media (max-width: 799px) {
      #about-us section.vicare-purpose .right-col :nth-child(3) {
        top: -30px;
        right: -40%; } }
  #about-us section.vicare-purpose .right-col :nth-child(4) {
    top: 361px;
    right: 22%; }
    @media (max-width: 799px) {
      #about-us section.vicare-purpose .right-col :nth-child(4) {
        top: 250px;
        right: 15%; } }

#about-us section.vn-trouble {
  position: relative;
  background: url("https://dwbxi9io9o7ce.cloudfront.net/public/img/about-us-children-land.6bd066bf5498.jpg?1b03e0c301da") no-repeat 50% 50%/cover;
  min-height: 450px; }
  #about-us section.vn-trouble .container {
    padding: 33% 5% 0;
    margin: 0 auto -25px; }
    #about-us section.vn-trouble .container h2 {
      font-size: 30px;
      text-transform: uppercase; }
    #about-us section.vn-trouble .container p {
      font-size: 25px;
      padding: 0 10% 0; }
    @media (max-width: 767px) {
      #about-us section.vn-trouble .container {
        padding: 25px 0 25px; }
        #about-us section.vn-trouble .container h2 {
          font-size: 20px; }
        #about-us section.vn-trouble .container p {
          font-size: 15px; } }
    @media (max-width: 480px) {
      #about-us section.vn-trouble .container {
        padding: 25px 0 25px; }
        #about-us section.vn-trouble .container h2 {
          font-size: 18px; }
        #about-us section.vn-trouble .container p {
          font-size: 15px; } }
  @media (max-width: 767px) {
    #about-us section.vn-trouble {
      background: url("https://dwbxi9io9o7ce.cloudfront.net/public/img/about-us-children-land.6bd066bf5498.jpg?1b03e0c301da") no-repeat 50% 80%/cover;
      min-height: 300px; }
      #about-us section.vn-trouble .container {
        padding: 35% 5% 0; } }
  @media (max-width: 414px) {
    #about-us section.vn-trouble {
      background: url("https://dwbxi9io9o7ce.cloudfront.net/public/img/about-us-children-land.6bd066bf5498.jpg?1b03e0c301da") no-repeat 50% 70%/cover;
      min-height: 300px; }
      #about-us section.vn-trouble .container {
        padding: 75% 5% 0; } }

#about-us section.vicare-change {
  background-color: #f8f8f8;
  padding: 40px 20px; }
  #about-us section.vicare-change h2, #about-us section.vicare-change p {
    padding-left: 7.5%; }
  #about-us section.vicare-change p {
    padding-right: 20%; }
  @media (max-width: 767px) {
    #about-us section.vicare-change h2 {
      color: #000; }
    #about-us section.vicare-change h2, #about-us section.vicare-change p {
      text-align: center;
      padding: 10px 0 0; } }

#about-us section.vicare-people {
  padding: 40px 20px; }
  #about-us section.vicare-people h2, #about-us section.vicare-people p {
    padding-right: 7%; }
  #about-us section.vicare-people .col-2 {
    padding: 0; }
  #about-us section.vicare-people .content {
    margin-top: 5%; }
    #about-us section.vicare-people .content p {
      padding-left: 20%; }
    @media (max-width: 979px) {
      #about-us section.vicare-people .content {
        margin-top: 2%; } }
    @media (max-width: 767px) {
      #about-us section.vicare-people .content {
        float: left; }
        #about-us section.vicare-people .content h2 {
          color: #000;
          line-height: 1.3; }
        #about-us section.vicare-people .content h2, #about-us section.vicare-people .content p {
          text-align: center;
          padding: 0 0;
          margin-top: 10px; }
        #about-us section.vicare-people .content img {
          float: right; } }

#about-us section {
  padding: 25px 0 60px;
  overflow: hidden; }
  #about-us section h2 {
    font-size: 25px;
    line-height: 1.3; }
  #about-us section p {
    font-size: 20px; }
  @media (max-width: 767px) {
    #about-us section {
      padding: 25px 0 25px; }
      #about-us section h2 {
        font-size: 20px; }
      #about-us section p {
        font-size: 15px; } }
  @media (max-width: 480px) {
    #about-us section {
      padding: 25px 0 25px; }
      #about-us section h2 {
        font-size: 16px; }
      #about-us section p {
        font-size: 15px; } }

.clearfix:after {
  content: '';
  display: table;
  clear: both; }

.bordered-section {
  border: 1px solid #eee;
  border-radius: 5px; }

#detail nav {
  background: #f2f2f2;
  border-bottom: 2px solid #fff;
  clear: both;
  z-index: 9; }
  @media (max-width: 900px) {
    #detail nav .position {
      padding: 0; } }
  #detail nav .position .inner {
    overflow: hidden;
    padding: 0 0 0 310px;
    position: relative;
    transition: padding 0.4s; }
    @media (max-width: 900px) {
      #detail nav .position .inner {
        position: relative; }
        #detail nav .position .inner:after {
          box-shadow: inset -25px 0 40px -30px rgba(0, 0, 0, 0.3);
          content: ' ';
          display: block;
          height: 100%;
          pointer-events: none;
          position: absolute;
          right: 0;
          top: 0;
          width: 50px;
          z-index: 1;
          border-top-left-radius: 50%;
          border-bottom-left-radius: 50%; } }
    @media (max-width: 1220px) {
      #detail nav .position .inner {
        padding-left: 0; } }
    #detail nav .position .inner ul {
      overflow-x: auto;
      white-space: nowrap;
      -webkit-overflow-scrolling: touch;
      -ms-overflow-style: -ms-autohiding-scrollbar; }
      #detail nav .position .inner ul li {
        display: inline-block;
        margin: 0 -4px 0 0; }
        @media (max-width: 580px) {
          #detail nav .position .inner ul li.unimportant {
            display: none; } }
        #detail nav .position .inner ul li a {
          border-bottom: 3px solid rgba(255, 255, 255, 0);
          /*color: #edb307;*/


          color: #ff749c;



          font-size: 18px;
          display: inline-block;
          padding: 10px 14px 8px;
          text-decoration: none;
          transition: color 0.1s, border 0.1s, background 0.1s; }
          #detail nav .position .inner ul li a:hover {
            background: rgba(255, 255, 255, 0.4);
            border-bottom: 3px solid rgba(0, 186, 191, 0.4); }
          #detail nav .position .inner ul li a.active {
            border-bottom: 3px solid #00a2a2;
            color: #00a2a2; }

#detail .content {
  margin: 15px 0 0;
  padding: 0 0 0 20px;
  overflow: hidden;
  position: relative; }
  @media (max-width: 700px) {
    #detail .content {
      margin-top: 12px;
      overflow: visible;
      padding: 0; } }
  #detail .content h2 {



    /*color: #555;*/
    color: #ff749c;


    border-bottom: 1px solid #e4e4e4;
    font-size: 15px;
    padding: 0 0 5px; }
    #detail .content h2 .fa {
      background: rgba(0, 0, 0, 0.05);
      border-radius: 3px;
      color: #555;
      display: inline-block;
      font-size: 14px;
      height: 30px;
      line-height: 30px;
      margin: 0 5px -2px 0;
      text-align: center;
      width: 30px; }
    #detail .content h2 > a {
      float: right;
      font-size: 12px;
      margin-top: 10px; }
      @media screen and (max-width: 979px) {
        #detail .content h2 > a {
          display: none; } }
      #detail .content h2 > a .fa {
        background: none;
        color: #2B96CC;
        font-size: 12px;
        line-height: 1;
        margin: 0;
        width: auto;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        border-radius: 0; }
  #detail .content .cms h2 {
    border-bottom: none; }
  #detail .content .cms ul {
    margin: 0 0 10px; }
    #detail .content .cms ul li {
      margin: 0 10px 3px 20px; }
      #detail .content .cms ul li p {
        margin: 0; }
    #detail .content .cms ul li.readmore-li {
      list-style: none; }
  #detail .content .cms a.readmore-trigger {
    font-style: italic; }
    #detail .content .cms a.readmore-trigger.has-count {
      font-style: normal; }
  #detail .content .goi-bao-hiem .company-list {
    list-style: none;
    display: flex;
    flex-direction: column; }
  #detail .content .goi-bao-hiem h4 {
    font-size: 13px;
    margin: 0 0 5px; }
  #detail .content .goi-bao-hiem .company-image {
    max-width: 30px; }
  #detail .content .goi-bao-hiem .company-item {
    margin: 0 0 15px;
    display: flex; }
    #detail .content .goi-bao-hiem .company-item:last-child {
      margin: 0; }
    #detail .content .goi-bao-hiem .company-item .image {
      float: left; }
    @media (max-width: 700px) {
      #detail .content .goi-bao-hiem .company-item .inner {
        padding-left: 14px; } }
  #detail .content .goi-bao-hiem .company-detail {
    float: left;
    margin: 0 0 0 10px; }
    #detail .content .goi-bao-hiem .company-detail ul {
      line-height: 1.2;
      margin: 0 0 0 20px; }
  #detail .content .goi-bao-hiem .company-plan-name {
    margin-bottom: 0;
    list-style-type: disc; }
    #detail .content .goi-bao-hiem .company-plan-name a {
      color: #333; }
  #detail .content .goi-bao-hiem .item.no-image {
    background: url("https://dwbxi9io9o7ce.cloudfront.net/public/img/default-place.f4706672a682.jpg?1b03e0c301da") no-repeat 50% 50%/cover;
    display: block;
    height: 30px;
    width: 30px; }
  #detail .content section {
    margin: 0 0 20px;
    padding: 0;
    position: relative; }
    #detail .content section:after {
      content: ' ';
      clear: both;
      display: block;
      font-size: 0;
      height: 0;
      visibility: hidden; }
    #detail .content section .inner {
      padding: 0 0 0 14px; }
      @media (max-width: 580px) {
        #detail .content section .inner {
          padding: 0; } }
      #detail .content section .inner.cms h2 {
        color: #555; }
    #detail .content section ul.plan-list li {
      list-style: none;
      margin-bottom: 20px; }
      #detail .content section ul.plan-list li h4 {
        position: relative;
        padding-left: 15px;
        margin-bottom: 5px;
        font-size: 15px; }
        #detail .content section ul.plan-list li h4:before {
          background: #444;
          content: '';
          height: 5px;
          left: 0;
          position: absolute;
          top: 5px;
          width: 5px;
          border-radius: 50%; }
      #detail .content section ul.plan-list li .image {
        background: url("https://dwbxi9io9o7ce.cloudfront.net/public/img/default-place.f4706672a682.jpg?1b03e0c301da") no-repeat 50% 50%/cover;
        border-radius: 3px;
        float: left;
        height: 80px;
        width: 80px;
        float: right;
        margin-left: 5px; }
      #detail .content section ul.plan-list li .plan-content {
        padding-left: 15px; }
        #detail .content section ul.plan-list li .plan-content > p {
          margin-bottom: 0; }
      #detail .content section ul.plan-list li a {
        cursor: pointer; }
    #detail .content section .place-list-insurance .image {
      background: url("https://dwbxi9io9o7ce.cloudfront.net/public/img/default-place.f4706672a682.jpg?1b03e0c301da") no-repeat 50% 50%/cover;
      border-radius: 3px;
      float: left;
      height: 80px;
      width: 80px;
      margin-right: 10px; }
    #detail .content section .place-list-insurance .item p {
      font-size: 12px;
      color: #666; }
    #detail .content section .place-list-insurance .owl-prev, #detail .content section .place-list-insurance .owl-next {
      border-radius: 3px;
      color: #e1e1e1;
      text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
      position: absolute;
      padding: 4px 2px;
      top: 50%;
      font-size: 25px;
      margin-top: -20px; }
      #detail .content section .place-list-insurance .owl-prev:hover, #detail .content section .place-list-insurance .owl-next:hover {
        color: #2B96CC; }
    #detail .content section .place-list-insurance .owl-prev {
      left: -10px;
      padding-right: 3px; }
      #detail .content section .place-list-insurance .owl-prev:after {
        content: '\f053';
        font-family: 'FontAwesome'; }
    #detail .content section .place-list-insurance .owl-next {
      padding-left: 3px;
      right: 0; }
      #detail .content section .place-list-insurance .owl-next:after {
        content: '\f054';
        font-family: 'FontAwesome'; }
    #detail .content section .place-list-insurance .owl-stage {
      left: -40px; }
    #detail .content section .has-readmore-content > .readmore-trigger {
      position: absolute;
      right: 0;
      top: 3px; }
    #detail .content section .has-readmore-content .list-container ul {
      float: left;
      margin: 0;
      width: 33.33%; }
      #detail .content section .has-readmore-content .list-container ul.place-plan-item {
        width: 50%; }
        #detail .content section .has-readmore-content .list-container ul.place-plan-item li {
          padding-left: 4px;
          margin-bottom: 0;
          padding-right: 10px; }
          #detail .content section .has-readmore-content .list-container ul.place-plan-item li h4 {
            font-size: 13px; }
        @media (max-width: 880px) {
          #detail .content section .has-readmore-content .list-container ul.place-plan-item {
            width: 100%;
            margin-bottom: 10px; } }
      @media (max-width: 580px) {
        #detail .content section .has-readmore-content .list-container ul {
          width: 100%; } }
    #detail .content section .has-readmore-content .list-container .professional-list, #detail .content section .has-readmore-content .list-container .place-list {
      line-height: 1.2;
      list-style: none;
      width: 50%; }
      #detail .content section .has-readmore-content .list-container .professional-list:last-child, #detail .content section .has-readmore-content .list-container .place-list:last-child {
        margin: 0 0 -12px; }
      @media (max-width: 880px) {
        #detail .content section .has-readmore-content .list-container .professional-list, #detail .content section .has-readmore-content .list-container .place-list {
          width: 100%; } }
      @media (max-width: 700px) {
        #detail .content section .has-readmore-content .list-container .professional-list, #detail .content section .has-readmore-content .list-container .place-list {
          width: 50%; } }
      @media (max-width: 580px) {
        #detail .content section .has-readmore-content .list-container .professional-list, #detail .content section .has-readmore-content .list-container .place-list {
          width: 100%; } }
      #detail .content section .has-readmore-content .list-container .professional-list li, #detail .content section .has-readmore-content .list-container .place-list li {
        float: left;
        margin: 0 0 12px 0;
        width: 100%; }
        #detail .content section .has-readmore-content .list-container .professional-list li .image, #detail .content section .has-readmore-content .list-container .place-list li .image {
          background: url("https://dwbxi9io9o7ce.cloudfront.net/public/img/default-place.f4706672a682.jpg?1b03e0c301da") no-repeat 50% 50%/cover;
          border-radius: 3px;
          float: left;
          height: 80px;
          width: 80px; }
        #detail .content section .has-readmore-content .list-container .professional-list li .professional-content, #detail .content section .has-readmore-content .list-container .professional-list li .place-content, #detail .content section .has-readmore-content .list-container .place-list li .professional-content, #detail .content section .has-readmore-content .list-container .place-list li .place-content {
          margin: 0 10px 0 90px;
          overflow: hidden; }
          #detail .content section .has-readmore-content .list-container .professional-list li .professional-content h4, #detail .content section .has-readmore-content .list-container .professional-list li .place-content h4, #detail .content section .has-readmore-content .list-container .place-list li .professional-content h4, #detail .content section .has-readmore-content .list-container .place-list li .place-content h4 {
            font-weight: normal;
            font-size: 13px;
            margin: 0 0 3px; }
          #detail .content section .has-readmore-content .list-container .professional-list li .professional-content p, #detail .content section .has-readmore-content .list-container .professional-list li .place-content p, #detail .content section .has-readmore-content .list-container .place-list li .professional-content p, #detail .content section .has-readmore-content .list-container .place-list li .place-content p {
            font-size: 12px;
            margin: 0; }
        #detail .content section .has-readmore-content .list-container .professional-list li .name, #detail .content section .has-readmore-content .list-container .place-list li .name {
          display: inline-block; }
        #detail .content section .has-readmore-content .list-container .professional-list li.readmore-li a, #detail .content section .has-readmore-content .list-container .place-list li.readmore-li a {
          border: 1px solid #2B96CC;
          border-radius: 4px;
          display: inline-block;
          padding: 5px 10px; }
          #detail .content section .has-readmore-content .list-container .professional-list li.readmore-li a:hover, #detail .content section .has-readmore-content .list-container .place-list li.readmore-li a:hover {
            background: #2B96CC;
            color: #fff;
            text-decoration: none; }
      #detail .content section .has-readmore-content .list-container .professional-list .comments-summary, #detail .content section .has-readmore-content .list-container .place-list .comments-summary {
        display: inline-block;
        padding: 3px 0 0;
        text-align: center;
        transition: border-color 0.1s; }
        #detail .content section .has-readmore-content .list-container .professional-list .comments-summary:hover, #detail .content section .has-readmore-content .list-container .place-list .comments-summary:hover {
          text-decoration: none; }
        #detail .content section .has-readmore-content .list-container .professional-list .comments-summary .like-count, #detail .content section .has-readmore-content .list-container .place-list .comments-summary .like-count {
          color: #ff749c; }
        #detail .content section .has-readmore-content .list-container .professional-list .comments-summary .comment-count, #detail .content section .has-readmore-content .list-container .place-list .comments-summary .comment-count {
          color: #888;
          padding: 0 0 0 5px; }
    #detail .content section .has-readmore-content .list-container .professional-list li .image {
      background-position-y: 20%; }
    #detail .content section.has-subsections {
      margin: 0; }
    #detail .content section .booking {
      background: rgba(0, 0, 0, 0.05);
      border-radius: 5px;
      padding: 10px; }
      #detail .content section .booking .booking-picker a {
        text-decoration: none; }
      #detail .content section .booking.loading .loader {
        display: block; }
      #detail .content section .booking.loading .booking-picker {
        display: none; }
    #detail .content section .table-package {
      margin-bottom: 20px; }
      #detail .content section .table-package .text-center {
        text-align: center; }
      #detail .content section .table-package thead tr th {
        text-align: center; }
        #detail .content section .table-package thead tr th:first-child {
          background-color: #f1f1f1;
          text-align: left;
          text-transform: uppercase;
          font-size: 15px;
          font-weight: bold; }
      #detail .content section .table-package tbody tr td {
        text-align: center;
        min-width: 100px; }
        #detail .content section .table-package tbody tr td.collapsed .first-collumn.collapsible-target {
          max-height: 120px; }
        #detail .content section .table-package tbody tr td .collapse-trigger {
          margin-top: 5px;
          float: right; }
        @media (max-width: 767px) {
          #detail .content section .table-package tbody tr td .first-collumn {
            white-space: initial; } }
        #detail .content section .table-package tbody tr td:first-child {
          background-color: #f1f1f1;
          text-align: left;
          position: relative;
          padding-left: 25px; }
          #detail .content section .table-package tbody tr td:first-child:before {
            background: #222;
            content: '';
            height: 4px;
            left: 15px;
            position: absolute;
            top: 15px;
            width: 4px;
            border-radius: 50%; }
        #detail .content section .table-package tbody tr td.benefit-label {
          font-size: 14px;
          font-weight: bold;
          padding-left: 10px; }
          #detail .content section .table-package tbody tr td.benefit-label:before {
            content: none; }
      #detail .content section .table-package tbody.medical-service tr td {
        padding-left: 20px; }
        #detail .content section .table-package tbody.medical-service tr td.benefit-label {
          padding-left: 10px; }
        #detail .content section .table-package tbody.medical-service tr td:before {
          content: none; }
      #detail .content section .table-package tbody .service-explanation ul {
        padding-left: 20px; }
  @media (max-width: 1220px) {
    #detail .content section#gioi-thieu .inner {
      padding-left: 0; } }
  #detail .content .subsection {
    margin: 0 0 20px;
    position: relative; }
    #detail .content .subsection:after {
      content: ' ';
      clear: both;
      display: block;
      font-size: 0;
      height: 0;
      visibility: hidden; }
    #detail .content .subsection .inner {
      padding: 0 0 0 14px; }
  #detail .content a {
    text-decoration: none; }
    #detail .content a:hover {
      text-decoration: underline; }
  #detail .content .group-filter-item:hover {
    text-decoration: none; }
  #detail .content .comment-form {
    background: rgba(0, 0, 0, 0.03);
    border-radius: 4px;
    padding: 10px 15px 15px;
    float: right;
    width: 400px; }
    @media (max-width: 1050px) {
      #detail .content .comment-form {
        float: none;
        margin: 0 0 20px;
        width: 100%; } }
    #detail .content .comment-form .form-row.indented {
      padding-left: 100px; }
      @media (max-width: 500px) {
        #detail .content .comment-form .form-row.indented {
          padding-left: 0; } }
    #detail .content .comment-form .form-row .form-field label {
      width: 100px; }
      @media (max-width: 500px) {
        #detail .content .comment-form .form-row .form-field label {
          padding: 0;
          margin-bottom: 5px;
          text-align: left;
          width: 100%; }
          #detail .content .comment-form .form-row .form-field label .instruction {
            display: inline; } }
    #detail .content .comment-form .form-row .form-field.has-long-label label {
      width: 100%; }
    #detail .content .comment-form .form-row .form-field.has-long-label .form-field-input {
      margin: 0 0 0 100px; }
      @media (max-width: 500px) {
        #detail .content .comment-form .form-row .form-field.has-long-label .form-field-input {
          margin: 0; } }
      #detail .content .comment-form .form-row .form-field.has-long-label .form-field-input label {
        width: auto; }
    #detail .content .comment-form .form-row .form-field-input {
      width: 270px; }
      @media (max-width: 500px) {
        #detail .content .comment-form .form-row .form-field-input {
          width: 100%; }
          #detail .content .comment-form .form-row .form-field-input label {
            width: auto; } }
      #detail .content .comment-form .form-row .form-field-input input[type=text], #detail .content .comment-form .form-row .form-field-input input[type=email] {
        width: 100%; }
      #detail .content .comment-form .form-row .form-field-input label.like {
        color: #ff749c; }
      #detail .content .comment-form .form-row .form-field-input label.like .fa, #detail .content .comment-form .form-row .form-field-input label.dislike .fa {
        font-size: 16px; }
      #detail .content .comment-form .form-row .form-field-input textarea {
        height: 140px;
        width: 100%;
        resize: vertical; }
      #detail .content .comment-form .form-row .form-field-input .star-ratings {
        margin-top: 5px; }
    #detail .content .comment-form .form-row .yes .fa {
      color: green; }
    #detail .content .comment-form .form-row .no .fa {
      color: red; }
    #detail .content .comment-form .button-row {
      padding-left: 100px; }
      @media (max-width: 500px) {
        #detail .content .comment-form .button-row {
          padding-left: 0; } }
    #detail .content .comment-form .ratings-list {
      list-style: none; }
      #detail .content .comment-form .ratings-list li {
        margin: 8px 0 0; }
        #detail .content .comment-form .ratings-list li .label {
          font-size: 12px;
          line-height: 1.1; }
    #detail .content .comment-form .form-success {
      display: none; }
      #detail .content .comment-form .form-success h4 {
        color: #ff749c; }
        #detail .content .comment-form .form-success h4 .fa {
          font-size: 17px; }
    #detail .content .comment-form.successful .form-success {
      display: block; }
    #detail .content .comment-form.successful form {
      display: none; }
  #detail .content .no-comment .comment-form {
    width: 100%; }
  #detail .content .activity-list {
    list-style: none;
    margin-top: -40px;
    overflow: hidden;
    padding-top: 5px; }
    @media screen and (max-width: 639px) {
      #detail .content .activity-list {
        margin-top: -10px; } }
    #detail .content .activity-list li {
      float: left;
      list-style: none;
      margin-top: 40px;
      padding-left: 76px;
      position: relative;
      width: 50%; }
      @media screen and (max-width: 979px) {
        #detail .content .activity-list li {
          width: 100%; } }
      @media screen and (max-width: 639px) {
        #detail .content .activity-list li {
          margin-top: 10px;
          padding: 0; } }
      #detail .content .activity-list li:nth-child(2n+3) {
        clear: both; }
      #detail .content .activity-list li .entry-thumb {
        background: url("https://dwbxi9io9o7ce.cloudfront.net/public/img/default-place.f4706672a682.jpg?1b03e0c301da") no-repeat 50% 50%/cover;
        float: left;
        height: 50px;
        left: 15px;
        margin-right: 10px;
        position: absolute;
        top: 0;
        width: 50px;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        border-radius: 50%; }
        @media screen and (max-width: 639px) {
          #detail .content .activity-list li .entry-thumb {
            height: 35px;
            left: auto;
            position: relative;
            top: auto;
            width: 35px; } }
      @media screen and (max-width: 639px) {
        #detail .content .activity-list li .entry-content {
          text-align: right; } }
      #detail .content .activity-list li .entry-content .entry-meta-time {
        background: #f9f9f9;
        color: #777;
        font-size: 12px;
        margin-top: 4px;
        padding: 5px 10px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        -ms-border-radius: 3px;
        border-radius: 3px; }
        @media screen and (max-width: 639px) {
          #detail .content .activity-list li .entry-content .entry-meta-time {
            background: #ededed;
            display: block;
            margin-left: 45px;
            text-align: left; } }
      #detail .content .activity-list li .entry-content h4 {
        font-size: 13px;
        font-weight: bold;
        line-height: 1.5;
        margin-top: 15px;
        margin-bottom: 5px; }
        @media screen and (max-width: 639px) {
          #detail .content .activity-list li .entry-content h4 {
            margin-top: 15px;
            text-align: left; } }
        #detail .content .activity-list li .entry-content h4 a {
          color: #555; }
          #detail .content .activity-list li .entry-content h4 a:hover {
            color: #2B96CC; }
      #detail .content .activity-list li .entry-content p {
        color: #777;
        font-size: 13px;
        margin-bottom: 5px;
        text-align: left; }
      #detail .content .activity-list li .entry-content .thank {
        color: #999;
        font-size: 12px;
        margin-right: 10px; }
        #detail .content .activity-list li .entry-content .thank i {
          color: #ff749c; }
      #detail .content .activity-list li .entry-content > a {
        font-size: 12px; }
        #detail .content .activity-list li .entry-content > a:hover {
          color: #2B96CC; }
  #detail .content .view-question {
    display: none;
    margin-top: 20px;
    text-align: center; }
    @media screen and (max-width: 979px) {
      #detail .content .view-question {
        display: block; } }
    #detail .content .view-question a {
      background: #2B96CC;
      color: #fff;
      display: inline-block;
      padding: 5px 0 7px;
      width: 200px;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      -ms-border-radius: 5px;
      border-radius: 5px; }
      #detail .content .view-question a strong {
        display: block; }
  #detail .content .no-js-professional-list .group-filter-item {
    width: 24%;
    float: left;
    margin-right: 1%; }
  #detail .content .no-js-professional-list a {
    color: #333; }

#detail .media {
  float: left;
  margin: 0 0 10px;
  width: 100%; }
  @media (max-width: 700px) {
    #detail .media {
      float: left;
      margin: 0 20px 15px 0;
      width: 280px; } }
  @media (max-width: 580px) {
    #detail .media {
      margin: 0 0 10px;
      width: 100%; } }
  #detail .media .carousel {
    position: relative;
    display: block; }
    #detail .media .carousel .item {
      float: left; }
      #detail .media .carousel .item a {
        background: url("https://dwbxi9io9o7ce.cloudfront.net/public/img/default-place.f4706672a682.jpg?1b03e0c301da") no-repeat 50% 50%/cover;
        border-radius: 6px;
        float: left;
        overflow: hidden; }
        .page-professional-detail #detail .media .carousel .item a {
          background-position-y: 20%; }
    #detail .media .carousel .owl-prev, #detail .media .carousel .owl-next {
      background: #2B96CC;
      border-radius: 3px;
      color: #fff;
      position: absolute;
      margin: -14px 0 0;
      padding: 4px 2px;
      top: 50%; }
      #detail .media .carousel .owl-prev:hover, #detail .media .carousel .owl-next:hover {
        background: #fff;
        color: #2B96CC; }
    #detail .media .carousel .owl-prev {
      left: 0;
      padding-right: 3px; }
      #detail .media .carousel .owl-prev:after {
        content: '\f053';
        font-family: 'FontAwesome'; }
    #detail .media .carousel .owl-next {
      padding-left: 3px;
      right: 0; }
      #detail .media .carousel .owl-next:after {
        content: '\f054';
        font-family: 'FontAwesome'; }
  #detail .media .carousel.primary {
    background: #f4f4f4;
    border-radius: 6px;
    box-shadow: 0 0 0px 4px #fff;
    overflow: hidden;
    height: 280px;
    transform: translate3d(0, 0, 0); }
    @media (max-width: 960px) {
      #detail .media .carousel.primary {
        height: 220px; } }
    #detail .media .carousel.primary .item {
      height: 280px;
      width: 100%; }
      #detail .media .carousel.primary .item a {
        border-radius: 0;
        height: 100%;
        width: 100%; }
    #detail .media .carousel.primary .item.no-image {
      background: url("https://dwbxi9io9o7ce.cloudfront.net/public/img/default-place.f4706672a682.jpg?1b03e0c301da") no-repeat 50% 50%/cover; }
    #detail .media .carousel.primary .owl-prev, #detail .media .carousel.primary .owl-next {
      background: #2B96CC;
      color: #fff;
      margin: -50px 0 0;
      opacity: 0;
      padding: 40px 7px;
      transition: opacity 0.1s; }
      #detail .media .carousel.primary .owl-prev:hover, #detail .media .carousel.primary .owl-next:hover {
        opacity: 1; }
    #detail .media .carousel.primary:after {
      background: rgba(0, 186, 191, 0.7);
      border-radius: 8px;
      color: #fff;
      content: '\f00e';
      font-family: 'FontAwesome';
      font-size: 40px;
      height: 60px;
      left: 50%;
      line-height: 60px;
      margin: -30px 0 0 -30px;
      opacity: 0;
      pointer-events: none;
      position: absolute;
      text-align: center;
      top: 50%;
      transition: opacity 0.1s;
      width: 60px; }
    #detail .media .carousel.primary:hover:after {
      opacity: .8; }
    #detail .media .carousel.primary.no-image:hover:after {
      opacity: 0; }
  #detail .media .carousel.secondary {
    margin: 5px 0 0; }
    #detail .media .carousel.secondary .item {
      height: 70px;
      width: 70px;
      padding: 3px; }
      #detail .media .carousel.secondary .item a {
        border: 2px solid rgba(255, 255, 255, 0);
        width: 100%;
        height: 100%; }
    #detail .media .carousel.secondary .selected .item a {
      border: 2px solid #2B96CC;
      border-radius: 3px;
      overflow: hidden; }
  #detail .media .full-sized-images {
    display: none; }

#detail .contribution {
  border: 1px solid #eee;
  float: left;
  margin-bottom: 20px;
  width: 100%;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px; }
  #detail .contribution ul {
    list-style: none; }
    #detail .contribution ul li {
      float: left;
      padding: 10px 0;
      text-align: center;
      width: 25%; }
      @media screen and (max-width: 979px) {
        #detail .contribution ul li {
          width: 50%; } }
      @media screen and (max-width: 767px) {
        #detail .contribution ul li {
          width: 25%; } }
      @media screen and (max-width: 979px) {
        #detail .contribution ul li:nth-child(1), #detail .contribution ul li:nth-child(2) {
          border-bottom: 1px solid #eee; } }
      @media screen and (max-width: 767px) {
        #detail .contribution ul li:nth-child(1), #detail .contribution ul li:nth-child(2) {
          border-bottom: none; } }
      @media screen and (max-width: 979px) {
        #detail .contribution ul li:nth-child(3) {
          clear: both; } }
      @media screen and (max-width: 767px) {
        #detail .contribution ul li:nth-child(3) {
          clear: none; } }
      #detail .contribution ul li + li {
        border-left: 1px solid #eee; }
      #detail .contribution ul li a {
        text-decoration: none; }
      #detail .contribution ul li i, #detail .contribution ul li span, #detail .contribution ul li strong {
        display: block; }
      #detail .contribution ul li i {
        color: #efbe2c;
        font-size: 20px; }
      #detail .contribution ul li span {
        color: #aaa; }
      #detail .contribution ul li strong {
        color: #777;
        font-size: 13px; }

#detail .summary {
  clear: both; }
  @media (max-width: 700px) {
    #detail .summary {
      border-bottom: 1px dotted #ccc;
      clear: none;
      padding: 0 0 8px 6px; } }
  @media (max-width: 580px) {
    #detail .summary {
      clear: both; } }

#detail dl.contact-info, #detail dl.action-edit {
  clear: both;
  margin: 0 0 10px; }
  #detail dl.contact-info dt, #detail dl.action-edit dt {
    float: left;
    text-align: center;
    width: 15px; }
    #detail dl.contact-info dt .fa-map-o, #detail dl.action-edit dt .fa-map-o {
      font-size: 12px; }
  #detail dl.contact-info dd, #detail dl.action-edit dd {
    margin: 0 0 4px 18px;
    min-height: 18px; }
    #detail dl.contact-info dd a, #detail dl.action-edit dd a {
      text-decoration: none; }
      #detail dl.contact-info dd a:hover, #detail dl.action-edit dd a:hover {
        text-decoration: underline; }
    #detail dl.contact-info dd p, #detail dl.action-edit dd p {
      margin: 0; }
    #detail dl.contact-info dd ul, #detail dl.action-edit dd ul {
      list-style: none; }
      #detail dl.contact-info dd ul li, #detail dl.action-edit dd ul li {
        margin: 0 0 4px; }
      #detail dl.contact-info dd ul li:before, #detail dl.action-edit dd ul li:before {
        position: absolute;
        content: '\f0da';
        color: #ff749c;
        display: inline-block;
        font-family: 'FontAwesome';
        margin: 0 8px 0 -13px; }
    #detail dl.contact-info dd ol, #detail dl.action-edit dd ol {
      list-style: none; }
    #detail dl.contact-info dd ul.opening-hours li:before, #detail dl.action-edit dd ul.opening-hours li:before {
      display: none; }
    #detail dl.contact-info dd .distance-to-user span, #detail dl.action-edit dd .distance-to-user span {
      color: #ff749c; }

#detail dl.action-edit {
  border-top: 1px dotted #ccc;
  padding: 5px 0 0; }
  @media (max-width: 700px) {
    #detail dl.action-edit {
      border-top: none;
      padding: 0;
      margin-top: -5px; } }

#detail .call-to-action {
  margin: 10px 0 0;
  text-align: center; }

#detail .actions {
  clear: both;
  font-size: 12px;
  height: 0px;
  line-height: 1.2;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0.1s, opacity 0.1s; }
  #detail .actions.showing {
    visibility: visible;
    opacity: 1;
    transition: visibility 0.4s, opacity 0.4s;
    height: auto;
    padding: 12px 0 0; }
  #detail .actions .inner {
    background: rgba(0, 0, 0, 0.05);
    border-radius: 5px;
    min-height: auto;
    padding: 10px 10px 7px 60px;
    position: relative; }
    #detail .actions .inner.contact-details {
      padding: 14px 10px 14px 60px; }
      #detail .actions .inner.contact-details h3 {
        font-weight: 300;
        color: #444;
        font-size: 12px; }
        #detail .actions .inner.contact-details h3 a {
          font-size: 14px;
          font-weight: bold; }
    #detail .actions .inner:after {
      color: #ff749c;
      content: '\f098';
      display: block;
      float: left;
      font-family: 'FontAwesome';
      font-size: 40px;
      left: 15px;
      position: absolute;
      top: 50%;
      margin: -25px 0; }
    #detail .actions .inner:before {
      border-bottom: 8px solid rgba(0, 0, 0, 0.05);
      border-left: 8px solid transparent;
      border-right: 8px solid transparent;
      content: ' ';
      display: inline-block;
      height: 0;
      left: 50%;
      margin: 0 0 0 -4px;
      position: absolute;
      top: -8px;
      width: 0; }
  #detail .actions h3 {
    font-size: 12px;
    margin: 0 0 3px; }
  #detail .actions p {
    margin: 0 0 3px; }
  #detail .actions a {
    text-decoration: none; }
    #detail .actions a:hover {
      text-decoration: underline; }

#detail .ratings-summary {
  border: 1px solid #eee;
  border-radius: 5px;
  box-shadow: 0 0 5px #ededed;
  clear: both;
  cursor: pointer;
  font-size: 12px;
  list-style: none;
  margin: 10px 0;
  text-align: center; }
  @media (max-width: 960px) {
    #detail .ratings-summary {
      font-size: 11px; } }
  #detail .ratings-summary:hover {
    border-color: #2B96CC; }
  #detail .ratings-summary li {
    background: rgba(0, 0, 0, 0.03);
    padding: 2px; }
    #detail .ratings-summary li .label {
      display: inline-block;
      min-width: 112px; }
      @media (max-width: 960px) {
        #detail .ratings-summary li .label {
          min-width: 95px; } }
    #detail .ratings-summary li .star-ratings .stars {
      font-size: 13px; }
      @media (max-width: 960px) {
        #detail .ratings-summary li .star-ratings .stars {
          font-size: 11px; } }
    #detail .ratings-summary li .desc {
      color: #b4b4b4; }
      #detail .ratings-summary li .desc strong {
        color: #444; }
    #detail .ratings-summary li .hp-bar {
      display: inline-block;
      width: 70px; }
      @media (max-width: 960px) {
        #detail .ratings-summary li .hp-bar {
          width: 60px; } }
  #detail .ratings-summary li:nth-child(2) {
    padding-top: 8px; }
  #detail .ratings-summary li:last-child {
    padding-bottom: 10px; }
  #detail .ratings-summary li.important {
    background: none;
    border-bottom: 1px solid #eee;
    padding: 6px; }
    #detail .ratings-summary li.important .desc strong {
      font-size: 16px; }
    #detail .ratings-summary li.important .star-ratings .stars {
      font-size: 18px; }

#detail .reply-comment-form textarea, #detail .edit-comment-form textarea {
  width: 100%; }

#detail .reply-comment-form .padding-top, #detail .edit-comment-form .padding-top {
  padding-top: 10px;
  overflow: hidden; }

#detail .reply-comment-form button, #detail .edit-comment-form button {
  float: right; }

#detail .has-suggestion ul li:hover a {
  text-decoration: none; }

#detail .map {
  height: 380px;
  width: 100%; }
  @media (max-width: 700px) {
    #detail .map {
      height: 250px; } }

#detail aside {
  float: left;
  margin: -35px 0 10px;
  position: relative;
  width: 280px;
  z-index: 1; }
  @media (max-width: 1220px) {
    #detail aside {
      margin-top: 0; } }
  @media (max-width: 700px) {
    #detail aside {
      margin: 0 15px 15px 0; } }
  @media (max-width: 580px) {
    #detail aside {
      float: none;
      margin: 10px 0 0;
      width: 100%; } }

#detail .place-promotion-list li {
  float: left;
  list-style: none;
  margin: 0 0 12px;
  width: 50%; }
  #detail .place-promotion-list li:nth-child(2n + 1) {
    clear: both; }
  @media (max-width: 880px) {
    #detail .place-promotion-list li {
      width: 100%; } }
  @media (max-width: 700px) {
    #detail .place-promotion-list li {
      width: 50%; } }
  @media (max-width: 580px) {
    #detail .place-promotion-list li {
      width: 100%; } }
  #detail .place-promotion-list li .info-promotion {
    overflow: hidden; }
    #detail .place-promotion-list li .info-promotion .hero-image {
      background: url("https://dwbxi9io9o7ce.cloudfront.net/public/img/default-place.f4706672a682.jpg?1b03e0c301da") no-repeat 50% 50%/cover;
      border-radius: 4px;
      display: block;
      height: 80px;
      overflow: hidden;
      width: 80px;
      float: left; }
    #detail .place-promotion-list li .info-promotion .body-promotion {
      margin: 0 10px 0 90px; }
    #detail .place-promotion-list li .info-promotion h4 {
      font-weight: normal;
      margin: 0 0 3px; }
    #detail .place-promotion-list li .info-promotion p {
      margin: 0 0 3px; }
    #detail .place-promotion-list li .info-promotion .time-countdown, #detail .place-promotion-list li .info-promotion .expired-date {
      border: 1px solid rgba(255, 116, 156, 0.4);
      color: #ff749c;
      font-size: 12px;
      padding: 2px 6px;
      border-radius: 4px;
      float: left; }
  #detail .place-promotion-list li .place-intro {
    margin-top: 5px;
    font-size: 13px; }

.overlay.carousel-overlay {
  padding: 50px 10%; }
  .overlay.carousel-overlay .overlay-content {
    background: none;
    border-radius: 0;
    height: 100%;
    left: 0;
    margin: 0;
    padding: 0;
    position: relative;
    text-align: left;
    top: 0;
    transform: translateY(0%);
    width: 100%; }
    .overlay.carousel-overlay .overlay-content .inner {
      height: 100%; }
      .overlay.carousel-overlay .overlay-content .inner .full-sized-images {
        height: 100%; }
        .overlay.carousel-overlay .overlay-content .inner .full-sized-images .owl-stage-outer {
          border-radius: 5px;
          transform: translate3d(0, 0, 0); }
        .overlay.carousel-overlay .overlay-content .inner .full-sized-images .owl-item, .overlay.carousel-overlay .overlay-content .inner .full-sized-images .owl-stage, .overlay.carousel-overlay .overlay-content .inner .full-sized-images .owl-stage-outer {
          height: 100%; }
        .overlay.carousel-overlay .overlay-content .inner .full-sized-images .item {
          height: 100%;
          padding: 0 0 40px;
          text-align: center; }
          .overlay.carousel-overlay .overlay-content .inner .full-sized-images .item .image {
            background: transparent no-repeat 50% 50% / contain;
            border-radius: 5px;
            height: 100%; }
          .overlay.carousel-overlay .overlay-content .inner .full-sized-images .item .caption {
            bottom: 0;
            color: #fff;
            margin: 10px 0 0;
            position: absolute;
            text-align: center;
            width: 100%; }
            .overlay.carousel-overlay .overlay-content .inner .full-sized-images .item .caption > div {
              background: rgba(0, 0, 0, 0.4);
              border-radius: 5px;
              display: inline-block;
              padding: 5px 10px; }
      .overlay.carousel-overlay .overlay-content .inner .owl-nav .owl-prev {
        left: -56px; }
      .overlay.carousel-overlay .overlay-content .inner .owl-nav .owl-next {
        right: -56px; }

.over-rate-comment {
  position: relative;
  overflow: hidden;
  width: 92px;
  height: 20px; }
  .over-rate-comment .full-stars {
    position: absolute;
    top: 0;
    overflow: hidden; }
    .over-rate-comment .full-stars ul {
      width: 92px; }

.clearfix:after, #list .content > ul > li .body .info:after {
  content: '';
  display: table;
  clear: both; }

.bordered-section {
  border: 1px solid #eee;
  border-radius: 5px; }

#list .options {
  float: left;
  margin: 20px 20px 0 0;
  width: 180px; }
  @media (max-width: 720px) {
    #list .options {
      display: none; } }
  #list .options .option-set {
    margin: 0 0 20px; }
    #list .options .option-set h3 {
      border-bottom: 1px solid #ddd;
      color: #2B96CC;
      font-weight: normal;
      font-size: 14px;
      padding: 0 0 5px;
      position: relative;
      margin: 0 0 5px; }
      #list .options .option-set h3 .icon-collapse {
        position: absolute;
        right: 3px;
        top: 0; }
      #list .options .option-set h3 > .fa {
        display: inline-block;
        font-size: 12px;
        margin: 0 3px 0 5px;
        vertical-align: middle; }
    #list .options .option-set .inner {
      max-height: 192px;
      overflow: auto; }
    #list .options .option-set ul li {
      border-radius: 3px;
      position: relative; }
      #list .options .option-set ul li:nth-child(even) {
        background: rgba(0, 0, 0, 0.035); }
      #list .options .option-set ul li:hover {
        background: rgba(0, 186, 191, 0.1); }
      #list .options .option-set ul li label {
        clear: both;
        cursor: pointer;
        display: block;
        line-height: 1.3;
        padding: 4px 5px 4px 22px; }
        #list .options .option-set ul li label input {
          height: 16px;
          left: 5px;
          margin: 3px 5px 0 0;
          position: absolute;
          top: 4px; }
        #list .options .option-set ul li label span {
          display: block;
          overflow: hidden; }
  #list .options .option-set.search-query {
    display: none; }

@media (max-width: 1023px) {
  #list .content .pagination {
    text-align: left; } }

@media (max-width: 680px) {
  #list .content .pagination {
    text-align: center; } }

#list .content .speciality-description {
  background: rgba(0, 0, 0, 0.025);
  border-radius: 5px;
  margin: 0 0 5px;
  padding: 9px 14px 10px; }
  @media (max-width: 680px) {
    #list .content .speciality-description {
      margin-top: 10px; } }
  #list .content .speciality-description h2 {
    font-size: 15px;
    font-weight: normal;
    margin: 0 0 3px; }
    #list .content .speciality-description h2 .fa {
      color: #ff749c; }
  #list .content .speciality-description p {
    margin: 0px; }
    @media (max-width: 720px) {
      #list .content .speciality-description p {
        font-size: 11px; } }

#list .content > ul {
  list-style: none;
  margin-top: 10px; }
  #list .content > ul > li {
    border: 1px solid rgba(255, 255, 255, 0);
    border: 1px solid #eee;
    clear: both;
    padding: 15px 0;
    position: relative;
    transition: box-shadow 0.2s, border 0.1s; 
  }
    #list .content > ul > li.company-item {
      padding: 20px 0; }
      @media (max-width: 611px) {
        #list .content > ul > li.company-item {
          border-bottom: 0;
          padding-bottom: 0; } }
    #list .content > ul > li.active, #list .content > ul > li:not(.company-item):hover {
      border: 1px solid rgba(0, 0, 0, 0.14);
      border-radius: 5px;
      box-shadow: 4px 8px 20px rgba(0, 0, 0, 0.05); }
      @media (max-width: 1023px) {
        #list .content > ul > li.active, #list .content > ul > li:not(.company-item):hover {
          border: 1px solid rgba(255, 255, 255, 0);
          border-bottom: 1px solid #eee;
          box-shadow: none; } }

   
      #list .content > ul > li a.button {
          padding: 3px 10px;
          font-size: 12px;
          color: #ff749c;
      }
        #list .content > ul > li a.button:hover {
          text-decoration: none; }
    #list .content > ul > li .media {
      float: left;
      margin: 0 15px 0 8px;
      position: relative;
      z-index: 1; }
      @media (max-width: 1023px) {
        #list .content > ul > li .media {
          margin: 0 15px 0 0; } }
      @media (max-width: 500px) {
        #list .content > ul > li .media {
          float: right;
          margin: 0 0 5px 10px; } }
      #list .content > ul > li .media .hero-image {
        background: url("https://dwbxi9io9o7ce.cloudfront.net/public/img/default-place.f4706672a682.jpg?1b03e0c301da") no-repeat 50% 50%/cover;
        border-radius: 4px 4px 0 0;
        display: block;
        height: 130px;
        overflow: hidden;
        width: 130px; }
        #list .content > ul > li .media .hero-image.insurance-list-image {
          background-repeat: no-repeat;
          background-position: 50% 50%;
          background-size: contain; }
        @media (max-width: 500px) {
          #list .content > ul > li .media .hero-image {
            height: 100px;
            width: 100px; } }
        .page-professional-list #list .content > ul > li .media .hero-image {
          background-position-y: 20%; }
      #list .content > ul > li .media .comments-summary {
        background: #fff;
        border-radius: 0 0 4px 4px;
        border: 1px solid rgba(0, 0, 0, 0.15);
        display: block;
        overflow: hidden;
        padding: 2px;
        text-align: center;
        transition: border-color 0.1s; }
        @media (max-width: 500px) {
          #list .content > ul > li .media .comments-summary {
            padding: 0; } }
        #list .content > ul > li .media .comments-summary:hover {
          border-color: #00a2a2;
          text-decoration: none; }
        #list .content > ul > li .media .comments-summary.break {
          padding-top: 7px; }
          @media screen and (max-width: 720px) {
            #list .content > ul > li .media .comments-summary.break {
              padding-top: 5px; } }
          #list .content > ul > li .media .comments-summary.break > span {
            float: left;
            margin: 0;
            min-height: 18px;
            width: 50%; }
        #list .content > ul > li .media .comments-summary .like-count {
          color: #ff749c;
          font-size: 12px;
          margin: 0 5px 0 0; }
          @media (max-width: 500px) {
            #list .content > ul > li .media .comments-summary .like-count {
              font-size: 10px; } }
        #list .content > ul > li .media .comments-summary .comment-count {
          color: #888;
          font-size: 11px;
          display: inline-block;
          margin: 0 5px 0 0; }
          @media (max-width: 500px) {
            #list .content > ul > li .media .comments-summary .comment-count {
              font-size: 10px;
              margin-right: 0; } }
          #list .content > ul > li .media .comments-summary .comment-count .fa {
            font-size: 12px;
            margin: 2px -1px 0 0;
            vertical-align: top; }
            @media (max-width: 500px) {
              #list .content > ul > li .media .comments-summary .comment-count .fa {
                font-size: 9px;
                margin-top: 2px; } }
        #list .content > ul > li .media .comments-summary .star-ratings .stars {
          font-size: 13px;
          margin: 0 5px 0 0; }
          @media (max-width: 500px) {
            #list .content > ul > li .media .comments-summary .star-ratings .stars {
              font-size: 11px;
              margin: 0; } }
    #list .content > ul > li .body {
      position: relative; }
      #list .content > ul > li .body .info {
        margin: 0 0 0 153px;
        min-height: 155px; }
        @media (max-width: 1023px) {
          #list .content > ul > li .body .info {
            margin-left: 0; } }
        #list .content > ul > li .body .info h2 {          
          font-size: 14px;
          margin: 0 0 5px;           
        }
        #list .content > ul > li .body .info h2 a{
          color: #333;
        }
        #list .content > ul > li .body .info a.readmore {
          font-style: italic;
          white-space: nowrap; 
          color: #2B96CC;
        }
        #list .content > ul > li .body .info .brief {
          margin: 0 39% 40px 0; 
          font-size: 12px;
        }
        #list .content > ul > li .body .info .brief hr{
          margin-top: 5px;
          margin-bottom: 5px;
        }



          @media (max-width: 500px) {
            #list .content > ul > li .body .info .brief {
              margin-bottom: 10px; } }
          #list .content > ul > li .body .info .brief dt {
            float: left;
            text-align: center;
            width: 15px; }
          #list .content > ul > li .body .info .brief dd {
            margin: 0 0 1px 18px; 
            line-height: 14px;
          }
            #list .content > ul > li .body .info .brief dd .distance-to-user {
              display: none; }
              #list .content > ul > li .body .info .brief dd .distance-to-user.has-distance {
                display: inline; }
              #list .content > ul > li .body .info .brief dd .distance-to-user span {
                color: #ff749c; }
            #list .content > ul > li .body .info .brief dd.plan-list a {
              padding-left: 15px;
              position: relative; }
              #list .content > ul > li .body .info .brief dd.plan-list a:before {
                content: '';
                height: 4px;
                left: 0;
                position: absolute;
                top: 7px;
                width: 4px;
                border-radius: 50%;
                background-color: #2B96CC;
                left: 5px; }
          @media (max-width: 720px) {
            #list .content > ul > li .body .info .brief {
              font-size: 12px; } }
          @media (max-width: 500px) {
            #list .content > ul > li .body .info .brief {
              margin-right: 0; } }
        #list .content > ul > li .body .info .desc {
          float: right;
          font-size: 12px;
          margin: 0 5px 40px 0;
          width: 35%; }
          @media (max-width: 500px) {
            #list .content > ul > li .body .info .desc {
              float: none;
              margin: 0 0 10px;
              width: auto; } }
        #list .content > ul > li .body .info .admin-actions {
          font-size: 12px; }
          #list .content > ul > li .body .info .admin-actions a {
            color: rgba(0, 0, 0, 0.35); }
        #list .content > ul > li .body .info .ribbon span {
          font-size: 8px; }
      #list .content > ul > li .body .call-to-action {
        bottom: 0;
        position: absolute;
        right: 12px; }
        @media (max-width: 500px) {
          #list .content > ul > li .body .call-to-action {
            font-size: 12px;
            margin-left: 0;
            position: static;
            text-align: right; } }
        #list .content > ul > li .body .call-to-action .action-book:hover {
          text-decoration: none; }
    #list .content > ul > li .actions {
      clear: both;
      font-size: 12px;
      height: 0px;
      overflow: hidden;
      visibility: hidden;
      opacity: 0;
      transition: visibility 0.4s, opacity 0.4s; }
      #list .content > ul > li .actions.showing {
        visibility: visible;
        opacity: 1;
        transition: visibility 0.4s, opacity 0.4s;
        height: auto;
        padding: 10px 0 0; }
      #list .content > ul > li .actions .inner {
        background: rgba(0, 0, 0, 0.05);
        border-radius: 5px;
        padding: 14px 10px 14px;
        position: relative; }
        #list .content > ul > li .actions .inner.contact-details {
          padding: 22px 10px 22px 60px; }
          #list .content > ul > li .actions .inner.contact-details h3 {
            font-weight: 300;
            color: #444;
            font-size: 12px; }
          #list .content > ul > li .actions .inner.contact-details a {
            text-decoration: none;
            font-size: 14px;
            font-weight: bold; }
            #list .content > ul > li .actions .inner.contact-details a:hover {
              text-decoration: underline; }
        #list .content > ul > li .actions .inner.contact-details:after {
          color: #ff749c;
          content: '\f098';
          display: block;
          float: left;
          font-family: 'FontAwesome';
          font-size: 40px;
          left: 15px;
          margin: -30px 0 0;
          position: absolute;
          top: 50%; }
        #list .content > ul > li .actions .inner .booking p {
          margin: 0 0 10px; }
        #list .content > ul > li .actions .inner .booking.loading .loader {
          display: block; }
        #list .content > ul > li .actions .inner .booking.loading .booking-picker {
          display: none; }
        #list .content > ul > li .actions .inner .booking-picker a:hover {
          text-decoration: none; }
      #list .content > ul > li .actions h3 {
        font-size: 13px;
        margin: 0 0 2px; }
      #list .content > ul > li .actions p {
        margin: 0; }

#list .content .no-result {
  padding: 20px 10px; }
  #list .content .no-result .fa {
    color: #ff749c; }

#list aside {
  margin-top: 30px; }
  #list aside .map-wrapper {
    position: relative; }
    @media (max-width: 1023px) {
      #list aside .map-wrapper {
        margin: -16px -10px 0; } }
    #list aside .map-wrapper .map {
      clear: both;
      height: 550px;
      transform: translateZ(0px); }
      @media (max-width: 1023px) {
        #list aside .map-wrapper .map {
          height: 250px; } }
  #list aside .geosearch-options {
    margin: 0 0 10px;
    text-align: center; }
    #list aside .geosearch-options a.button {
      padding-left: 12px;
      padding-right: 12px; }
    @media (max-width: 1023px) {
      #list aside .geosearch-options {
        float: right;
        margin: -57px 0 0;
        padding: 0 0 10px;
        text-align: right; } }
    @media (max-width: 680px) {
      #list aside .geosearch-options {
        display: none; } }
    #list aside .geosearch-options a.sort-by-location {
      border: none;
      color: #444; }
      #list aside .geosearch-options a.sort-by-location:before {
        color: #777;
        content: '\f10c';
        font-family: 'FontAwesome';
        font-size: 14px; }
      #list aside .geosearch-options a.sort-by-location:hover {
        background: none;
        color: #2B96CC; }
      #list aside .geosearch-options a.sort-by-location:hover:before {
        color: #2B96CC; }
      #list aside .geosearch-options a.sort-by-location.active:before {
        content: '\f05d';
        font-family: 'FontAwesome'; }
      #list aside .geosearch-options a.sort-by-location.active:hover {
        background: #fff;
        color: #2B96CC; }
      #list aside .geosearch-options a.sort-by-location.active:hover:before {
        color: #2B96CC; }
      #list aside .geosearch-options a.sort-by-location.loading:before {
        visibility: hidden; }
    #list aside .geosearch-options a.loading .loader {
      left: 11px; }

.has-icon {
  position: relative; }
  .has-icon:before {
    content: '\f0b0';
    font-family: 'FontAwesome';
    left: 10px;
    position: absolute;
    top: 7px; }
  .has-icon.icon-provinces:before {
    content: '\f041';
    margin-left: 2px; }
  .has-icon.icon-districts:before {
    content: '\f041';
    margin-left: 2px; }
  .has-icon.icon-place_types:before {
    content: '\f0f8'; }
  .has-icon.icon-specialities:before {
    content: '\f0f1'; }
  .has-icon.icon-services:before {
    margin-left: -2px;
    content: '\f0ca'; }
  .has-icon.icon-languages_spoken:before {
    content: '\f0ac'; }
  .has-icon.icon-occupations:before {
    content: '\f0f0'; }
  .has-icon.icon-qualifications:before {
    content: '\f19c';
    margin-left: -3px; }
  .has-icon.icon-titles:before {
    content: '\f19d';
    margin-left: -3px; }
  .has-icon.icon-degrees:before {
    content: '\f19d';
    margin-left: -3px; }

.page-place-list #page-title ul.breadcrumbs, .page-professional-list #page-title ul.breadcrumbs, .page-lab-tests #page-title ul.breadcrumbs {
  bottom: 0; }

#filter-cta {
  background: #f9f9f9;
  border-top: 1px solid #ececec;
  display: none;
  font-size: 12px;
  margin: 0 -10px;
  padding: 8px;
  text-align: right; }
  @media (max-width: 680px) {
    #filter-cta {
      display: block; } }
  #filter-cta a {
    color: #777;
    margin: 0 2px;
    padding: 4px 10px; }
    @media (max-width: 450px) {
      #filter-cta a .label {
        display: none; } }
    #filter-cta a:hover {
      color: #fff; }
  #filter-cta .activator .active {
    display: none; }
  #filter-cta .activator.active .active {
    display: inline; }
  #filter-cta .activator.active .inactive {
    display: none; }
  #filter-cta a.sort-by-location:before {
    content: '\f10c';
    font-family: 'FontAwesome'; }
  #filter-cta a.sort-by-location.active:before {
    content: '\f05d';
    font-family: 'FontAwesome'; }
  #filter-cta a.sort-by-location.loading:before {
    visibility: hidden; }
  #filter-cta a.sort-by-location.loading .loader {
    left: 9px; }

#filter-summary {
  margin: 20px 0 0; }
  @media (max-width: 680px) {
    #filter-summary {
      background: #f9f9f9;
      border: none;
      display: none;
      margin: 0 -10px;
      padding: 0 10px 10px; } }
  #filter-summary a {
    background: #fff;
    border-radius: 4px;
    border: 1px solid #ddd;
    color: #777;
    display: inline-block;
    font-size: 12px;
    padding: 6px 24px 5px 24px;
    overflow: hidden;
    position: relative;
    margin: 0 2px 5px 0;
    text-decoration: none;
    text-overflow: ellipsis;
    vertical-align: top; }
    @media (max-width: 680px) {
      #filter-summary a {
        margin: 0 0 4px 2px;
        width: 49%; } }
    @media (max-width: 500px) {
      #filter-summary a {
        margin: 0 0 5px;
        width: 100%; } }
    #filter-summary a:hover {
      border-color: #2B96CC; }
    #filter-summary a:before {
      font-size: 13px;
      top: 5px; }
    #filter-summary a:after {
      content: '\f0d7';
      font-family: 'FontAwesome';
      position: absolute;
      right: 10px;
      top: 7px; }

.overlay.filter-overlay .overlay-content {
  padding: 0;
  width: 800px; }
  .overlay.filter-overlay .overlay-content .tab-content-triggers {
    background: #f9f9f9;
    border-radius: 5px 5px 0 0;
    border-bottom: 1px solid #ddd;
    float: left;
    font-size: 14px;
    padding: 0 15px;
    list-style: none;
    text-align: left;
    width: 100%;
    overflow-x: auto;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar; }
    .overlay.filter-overlay .overlay-content .tab-content-triggers li {
      display: inline-block; }
      .overlay.filter-overlay .overlay-content .tab-content-triggers li a {
        border-bottom: 3px solid rgba(0, 186, 190, 0);
        color: #777;
        display: inline-block;
        padding: 10px 12px 8px 24px;
        text-decoration: none; }
        .overlay.filter-overlay .overlay-content .tab-content-triggers li a.active {
          border-bottom: 3px solid #00babf;
          color: #2B96CC;
          margin: 0 0 -1px; }
        .overlay.filter-overlay .overlay-content .tab-content-triggers li a:hover {
          color: #2B96CC; }
        .overlay.filter-overlay .overlay-content .tab-content-triggers li a.has-icon:before {
          left: 9px;
          top: 11px; }
  .overlay.filter-overlay .overlay-content .search {
    position: absolute;
    bottom: 10px;
    left: 20px;
    width: 250px; }
    .overlay.filter-overlay .overlay-content .search:before {
      color: #aaa;
      content: '\f002';
      font-family: 'FontAwesome';
      right: 9px;
      position: absolute;
      top: 5px; }
    .overlay.filter-overlay .overlay-content .search input {
      width: 100%; }
  .overlay.filter-overlay .overlay-content .tab-content {
    clear: both;
    text-align: left; }
    .overlay.filter-overlay .overlay-content .tab-content > .inner {
      height: 240px;
      overflow-y: auto;
      padding: 10px 15px; }
    .overlay.filter-overlay .overlay-content .tab-content ul {
      float: left;
      list-style: none;
      width: 33.3333%; }
      @media (max-width: 660px) {
        .overlay.filter-overlay .overlay-content .tab-content ul {
          width: 100%; } }
      .overlay.filter-overlay .overlay-content .tab-content ul li {
        float: left;
        width: 100%; }
        .overlay.filter-overlay .overlay-content .tab-content ul li label {
          border-bottom: 1px solid #f2f2f2;
          cursor: pointer;
          float: left;
          width: 92%;
          padding: 10px 8px;
          margin: 0 4%; }
          @media (max-width: 660px) {
            .overlay.filter-overlay .overlay-content .tab-content ul li label {
              margin: 0;
              width: 100%; } }
          .overlay.filter-overlay .overlay-content .tab-content ul li label span {
            display: block;
            margin: 0 0 0 17px; }
          .overlay.filter-overlay .overlay-content .tab-content ul li label input {
            float: left;
            margin: 3px 5px 0 0; }
      @media (min-width: 661px) {
        .overlay.filter-overlay .overlay-content .tab-content ul li:last-child label {
          border-bottom: none; } }
    .overlay.filter-overlay .overlay-content .tab-content .child-name {
      padding: 8px 10px; }
    .overlay.filter-overlay .overlay-content .tab-content .child-content {
      overflow: hidden; }
    .overlay.filter-overlay .overlay-content .tab-content .no-option {
      display: none;
      font-style: italic;
      padding: 10px 0;
      text-align: center; }
    .overlay.filter-overlay .overlay-content .tab-content.has-no-option .no-option {
      display: block; }
  .overlay.filter-overlay .overlay-content .button-row {
    background: #f9f9f9;
    border-radius: 0 0 5px 5px;
    border-top: 1px solid #ddd;
    overflow: hidden;
    padding: 10px 20px;
    text-align: right; }
    .overlay.filter-overlay .overlay-content .button-row button:after {
      display: none; }

@media (max-width: 860px) {
  .overlay.filter-overlay {
    background: #fff;
    overflow-x: hidden;
    height: 100%;
    justify-content: flex-start; }
    .overlay.filter-overlay:before {
      background: #2B96CC;
      box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25), inset 0px 20px 20px -15px rgba(0, 0, 0, 0.1);
      content: ' ';
      display: block;
      height: 42px;
      left: 0;
      position: fixed;
      top: 0;
      width: 100%;
      z-index: 1; }
    .overlay.filter-overlay:after {
      background: transparent url("https://dwbxi9io9o7ce.cloudfront.net/public/img/sprite.f019f5e9f733.png?1b03e0c301da") no-repeat 0 0/750px auto;
      content: ' ';
      display: block;
      height: 30px;
      left: 50%;
      margin: 0 0 0 -34px;
      position: fixed;
      top: 5px;
      width: 68px;
      z-index: 1; }
    .overlay.filter-overlay .overlay-content {
      height: 100%;
      position: static;
      padding: 42px 0 0;
      transform: none;
      width: 100%; }
      .overlay.filter-overlay .overlay-content .tab-content-triggers {
        left: 0;
        overflow-x: auto;
        position: fixed;
        top: 42px;
        white-space: nowrap;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar; }
      .overlay.filter-overlay .overlay-content .tab-content-container {
        padding: 90px 0 0; }
        .overlay.filter-overlay .overlay-content .tab-content-container .tab-content {
          height: auto; }
          .overlay.filter-overlay .overlay-content .tab-content-container .tab-content .inner {
            padding-top: 0;
            height: auto; }
      .overlay.filter-overlay .overlay-content .search {
        background: #fff;
        height: 56px;
        left: 0;
        padding: 10px 15px;
        position: fixed;
        top: 85px;
        width: 100%; }
        .overlay.filter-overlay .overlay-content .search:before {
          right: 25px;
          top: 18px; }
        .overlay.filter-overlay .overlay-content .search input[type="text"] {
          padding: 8px 10px; }
      .overlay.filter-overlay .overlay-content .button-row {
        bottom: 0;
        left: 0;
        margin: 0;
        padding: 10px;
        position: fixed;
        text-align: left;
        width: 100%; }
    .overlay.filter-overlay .close {
      height: 42px;
      left: 0;
      position: fixed;
      right: auto;
      text-indent: -9999px;
      text-shadow: none;
      top: 0;
      width: 42px;
      z-index: 1; }
      .overlay.filter-overlay .close:after {
        content: '\f104';
        left: 5px;
        line-height: 40px;
        position: fixed;
        text-indent: 0;
        top: 0; }
      .overlay.filter-overlay .close:hover {
        background: rgba(255, 255, 255, 0.15);
        color: #fff; } }

#collection-list article, #collection-list article .body {
  -webkit-transition: all 0.1s ease 0s, visibility 0s ease 0s;
  -moz-transition: all 0.1s ease 0s, visibility 0s ease 0s;
  -ms-transition: all 0.1s ease 0s, visibility 0s ease 0s;
  transition: all 0.1s ease 0s, visibility 0s ease 0s; }

.clearfix:after {
  content: '';
  display: table;
  clear: both; }

.bordered-section {
  border: 1px solid #eee;
  border-radius: 5px; }

#collection-list {
  float: left;
  margin: 0 0 30px;
  width: 100%; }
  #collection-list a {
    text-decoration: none; }
    #collection-list a:hover {
      text-decoration: none; }
  #collection-list .grid-item {
    float: left;
    padding: 0 15px;
    width: 24.9%; }
    @media screen and (max-width: 979px) {
      #collection-list .grid-item {
        width: 33.2%; } }
    @media screen and (max-width: 767px) {
      #collection-list .grid-item {
        width: 49.9%; } }
    @media screen and (max-width: 479px) {
      #collection-list .grid-item {
        width: 100%; } }
  #collection-list article {
    border: 1px solid #eee;
    margin-top: 30px;
    overflow: hidden;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px; }
    #collection-list article:hover {
      -webkit-box-shadow: 0 0 5px #ededed ;
      -moz-box-shadow: 0 0 5px #ededed ;
      -ms-box-shadow: 0 0 5px #ededed ;
      box-shadow: 0 0 5px #ededed ; }
      #collection-list article:hover .body {
        background: #fff; }
    #collection-list article .media {
      overflow: hidden; }
      #collection-list article .media a {
        background: url("https://dwbxi9io9o7ce.cloudfront.net/public/img/default-place.f4706672a682.jpg?1b03e0c301da") no-repeat 50% 50%/cover;
        float: left;
        height: 200px;
        width: 100%; }
    #collection-list article .body {
      background: #fcfcfc;
      overflow: hidden;
      padding: 15px; }
      #collection-list article .body h1, #collection-list article .body h2, #collection-list article .body h3, #collection-list article .body h4, #collection-list article .body h5, #collection-list article .body h6, #collection-list article .body p, #collection-list article .body span {
        font-weight: normal;
        margin: 0 0 10px; }
        #collection-list article .body h1 a, #collection-list article .body h2 a, #collection-list article .body h3 a, #collection-list article .body h4 a, #collection-list article .body h5 a, #collection-list article .body h6 a, #collection-list article .body p a, #collection-list article .body span a {
          color: #333; }
          #collection-list article .body h1 a:hover, #collection-list article .body h2 a:hover, #collection-list article .body h3 a:hover, #collection-list article .body h4 a:hover, #collection-list article .body h5 a:hover, #collection-list article .body h6 a:hover, #collection-list article .body p a:hover, #collection-list article .body span a:hover {
            color: #2B96CC; }
      #collection-list article .body .title {
        font-weight: bold; }
      #collection-list article .body .readmore {
        color: #00a2a2;
        float: right;
        font-size: 12px;
        text-align: center; }
        #collection-list article .body .readmore:hover {
          color: #2B96CC; }

.clearfix:after {
  content: '';
  display: table;
  clear: both; }

.bordered-section, #collection-detail section.related, .favourite-collection-detail section.related {
  border: 1px solid #eee;
  border-radius: 5px; }

#collection-detail, .favourite-collection-detail {
  position: relative; }
  #collection-detail .content, #collection-detail aside, .favourite-collection-detail .content, .favourite-collection-detail aside {
    margin-top: 90px; }
  #collection-detail section, .favourite-collection-detail section {
    border: 1px solid #eee;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px; }
    @media (max-width: 1023px) {
      #collection-detail section, .favourite-collection-detail section {
        padding: 20px 10px; } }
    #collection-detail section a, .favourite-collection-detail section a {
      text-decoration: none; }
      #collection-detail section a:hover, .favourite-collection-detail section a:hover {
        text-decoration: underline; }
      #collection-detail section a.button, .favourite-collection-detail section a.button {
        text-decoration: none; }
    #collection-detail section .action-favourite, #collection-detail section .remove-favourite, .favourite-collection-detail section .action-favourite, .favourite-collection-detail section .remove-favourite {
      padding: 3px 12px;
      position: absolute;
      right: 0;
      top: 0; }
      @media screen and (max-width: 639px) {
        #collection-detail section .action-favourite, #collection-detail section .remove-favourite, .favourite-collection-detail section .action-favourite, .favourite-collection-detail section .remove-favourite {
          position: static; } }
    #collection-detail section .description, .favourite-collection-detail section .description {
      margin-bottom: 20px;
      overflow: hidden; }
      #collection-detail section .description .image, .favourite-collection-detail section .description .image {
        background: transparent no-repeat 50% 50% / cover;
        border: 1px solid #eee;
        float: left;
        height: 200px;
        margin: 0 20px 10px 0;
        overflow: hidden;
        width: 300px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        border-radius: 5px; }
        @media screen and (max-width: 767px) {
          #collection-detail section .description .image, .favourite-collection-detail section .description .image {
            height: 200px;
            width: 50%; } }
        @media screen and (max-width: 639px) {
          #collection-detail section .description .image, .favourite-collection-detail section .description .image {
            display: block;
            float: none;
            margin: 0 auto 10px;
            width: 100%; } }
    #collection-detail section article, .favourite-collection-detail section article {
      float: left;
      margin: 0 0 20px;
      padding: 0 0 0 30px;
      position: relative;
      width: 100%; }
      @media screen and (max-width: 1119px) {
        #collection-detail section article, .favourite-collection-detail section article {
          padding: 0 0 0 40px; }
          #collection-detail section article:before, .favourite-collection-detail section article:before {
            background: #ddd;
            bottom: 20px;
            content: '';
            left: 15px;
            position: absolute;
            top: 46px;
            width: 1px; } }
      @media screen and (max-width: 420px) {
        #collection-detail section article, .favourite-collection-detail section article {
          padding: 0 0 0 30px; } }
      #collection-detail section article .title, .favourite-collection-detail section article .title {
        margin-bottom: 10px; }
        #collection-detail section article .title .order, .favourite-collection-detail section article .title .order {
          background: #2B96CC;
          color: #fff;
          font-size: 35px;
          font-weight: bold;
          height: 53px;
          left: -38px;
          line-height: 53px;
          position: absolute;
          text-align: center;
          top: 0;
          vertical-align: middle;
          width: 53px;
          z-index: 1;
          -webkit-border-radius: 5px;
          -moz-border-radius: 5px;
          -ms-border-radius: 5px;
          border-radius: 5px; }
          @media screen and (max-width: 1119px) {
            #collection-detail section article .title .order, .favourite-collection-detail section article .title .order {
              font-size: 20px;
              height: 32px;
              left: 0;
              line-height: 32px;
              width: 32px; } }
        #collection-detail section article .title h2, .favourite-collection-detail section article .title h2 {
          font-size: 20px;
          margin: 0 110px 5px 0;
          padding: 5px 0 0; }
          @media screen and (max-width: 1023px) {
            #collection-detail section article .title h2, .favourite-collection-detail section article .title h2 {
              margin-left: 5px; } }
          @media screen and (max-width: 639px) {
            #collection-detail section article .title h2, .favourite-collection-detail section article .title h2 {
              margin-right: 0; } }
          @media screen and (max-width: 420px) {
            #collection-detail section article .title h2, .favourite-collection-detail section article .title h2 {
              font-size: 17px;
              margin-left: 10px; } }
        #collection-detail section article .title .entry-meta, .favourite-collection-detail section article .title .entry-meta {
          color: #aaa;
          font-size: 13px; }
          @media screen and (max-width: 767px) {
            #collection-detail section article .title .entry-meta, .favourite-collection-detail section article .title .entry-meta {
              font-size: 12px; } }
          #collection-detail section article .title .entry-meta .entry-meta-user a, .favourite-collection-detail section article .title .entry-meta .entry-meta-user a {
            color: #aaa;
            font-weight: bold; }
            #collection-detail section article .title .entry-meta .entry-meta-user a:hover, .favourite-collection-detail section article .title .entry-meta .entry-meta-user a:hover {
              color: #2B96CC; }
      #collection-detail section article .body .body-top, .favourite-collection-detail section article .body .body-top {
        overflow: hidden;
        margin-bottom: 15px; }
      #collection-detail section article .body .cms, .favourite-collection-detail section article .body .cms {
        float: left;
        width: 100%; }
        #collection-detail section article .body .cms .media, .favourite-collection-detail section article .body .cms .media {
          float: right;
          position: relative; }
          @media screen and (max-width: 639px) {
            #collection-detail section article .body .cms .media, .favourite-collection-detail section article .body .cms .media {
              width: 100%; } }
          #collection-detail section article .body .cms .media ul, .favourite-collection-detail section article .body .cms .media ul {
            list-style: none;
            margin: 0;
            padding: 0; }
            #collection-detail section article .body .cms .media ul li, .favourite-collection-detail section article .body .cms .media ul li {
              float: left;
              width: 150px;
              margin-right: 10px; }
              @media screen and (max-width: 639px) {
                #collection-detail section article .body .cms .media ul li, .favourite-collection-detail section article .body .cms .media ul li {
                  margin-bottom: 10px;
                  width: 45%; } }
              @media screen and (max-width: 359px) {
                #collection-detail section article .body .cms .media ul li, .favourite-collection-detail section article .body .cms .media ul li {
                  margin-right: 0;
                  width: 100%; } }
              #collection-detail section article .body .cms .media ul li span, .favourite-collection-detail section article .body .cms .media ul li span {
                background: #eee;
                float: left;
                padding: 5px;
                width: 100%; }
          #collection-detail section article .body .cms .media a, .favourite-collection-detail section article .body .cms .media a {
            background: #f2f2f2 url("https://dwbxi9io9o7ce.cloudfront.net/public/img/default-place.f4706672a682.jpg?1b03e0c301da") no-repeat 50% 50%/contain;
            border-radius: 3px;
            float: left;
            height: 100px;
            width: 100%; }
            @media screen and (max-width: 639px) {
              #collection-detail section article .body .cms .media a, .favourite-collection-detail section article .body .cms .media a {
                height: 70px; } }
            @media screen and (max-width: 359px) {
              #collection-detail section article .body .cms .media a, .favourite-collection-detail section article .body .cms .media a {
                height: 90px; } }
        #collection-detail section article .body .cms ul, #collection-detail section article .body .cms ol, .favourite-collection-detail section article .body .cms ul, .favourite-collection-detail section article .body .cms ol {
          margin-bottom: 10px;
          padding-left: 15px; }
        #collection-detail section article .body .cms p:last-child, .favourite-collection-detail section article .body .cms p:last-child {
          margin-bottom: 0; }
      #collection-detail section article .body .answer, .favourite-collection-detail section article .body .answer {
        background: #fafafa;
        float: left;
        margin-bottom: 15px;
        padding: 15px;
        width: 100%;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        -ms-border-radius: 3px;
        border-radius: 3px; }
        #collection-detail section article .body .answer:last-child, .favourite-collection-detail section article .body .answer:last-child {
          margin-bottom: 0; }
        #collection-detail section article .body .answer .replyer, .favourite-collection-detail section article .body .answer .replyer {
          float: left;
          margin-bottom: 10px;
          min-height: 65px;
          padding: 0 0 10px 80px;
          position: relative;
          width: 100%; }
          @media screen and (max-width: 639px) {
            #collection-detail section article .body .answer .replyer, .favourite-collection-detail section article .body .answer .replyer {
              padding-left: 60px; } }
          #collection-detail section article .body .answer .replyer .image, .favourite-collection-detail section article .body .answer .replyer .image {
            background: url("https://dwbxi9io9o7ce.cloudfront.net/public/img/default-place.f4706672a682.jpg?1b03e0c301da") no-repeat 50% 50%/cover;
            border: 1px solid #e5e5e5;
            height: 65px;
            left: 0;
            position: absolute;
            top: 0;
            width: 65px;
            -webkit-border-radius: 3px;
            -moz-border-radius: 3px;
            -ms-border-radius: 3px;
            border-radius: 3px; }
            @media screen and (max-width: 639px) {
              #collection-detail section article .body .answer .replyer .image, .favourite-collection-detail section article .body .answer .replyer .image {
                height: 50px;
                width: 50px; } }
            #collection-detail section article .body .answer .replyer .image.image-staff, .favourite-collection-detail section article .body .answer .replyer .image.image-staff {
              background: url("https://dwbxi9io9o7ce.cloudfront.net/public/img/default-staff.3c8795315f78.png?1b03e0c301da") no-repeat 50% 50%/cover; }
          #collection-detail section article .body .answer .replyer .replyer-info, .favourite-collection-detail section article .body .answer .replyer .replyer-info {
            color: #00a2a2; }
            #collection-detail section article .body .answer .replyer .replyer-info .replyer-doctor, .favourite-collection-detail section article .body .answer .replyer .replyer-info .replyer-doctor {
              border-bottom: 1px solid #e8f3f4;
              font-size: 15px;
              font-weight: normal;
              margin-bottom: 5px;
              margin-top: 7px;
              padding-bottom: 5px; }
              @media screen and (max-width: 639px) {
                #collection-detail section article .body .answer .replyer .replyer-info .replyer-doctor, .favourite-collection-detail section article .body .answer .replyer .replyer-info .replyer-doctor {
                  border-bottom: none; } }
              #collection-detail section article .body .answer .replyer .replyer-info .replyer-doctor a, .favourite-collection-detail section article .body .answer .replyer .replyer-info .replyer-doctor a {
                color: #00a2a2; }
                #collection-detail section article .body .answer .replyer .replyer-info .replyer-doctor a:hover, .favourite-collection-detail section article .body .answer .replyer .replyer-info .replyer-doctor a:hover {
                  color: #2B96CC; }
          #collection-detail section article .body .answer .replyer .replyer-description, .favourite-collection-detail section article .body .answer .replyer .replyer-description {
            color: #aaa;
            font-size: 13px; }
            #collection-detail section article .body .answer .replyer .replyer-description i, .favourite-collection-detail section article .body .answer .replyer .replyer-description i {
              color: #999; }
      #collection-detail section article .body .thanks-button-count, .favourite-collection-detail section article .body .thanks-button-count {
        float: left;
        margin-bottom: 10px;
        width: 100%; }
        #collection-detail section article .body .thanks-button-count + .answer, .favourite-collection-detail section article .body .thanks-button-count + .answer {
          margin-top: 10px; }
        @media screen and (max-width: 767px) {
          #collection-detail section article .body .thanks-button-count, .favourite-collection-detail section article .body .thanks-button-count {
            text-align: right; } }
        @media screen and (max-width: 767px) {
          #collection-detail section article .body .thanks-button-count .thanks-count-inner, .favourite-collection-detail section article .body .thanks-button-count .thanks-count-inner {
            display: inline-block; } }
        #collection-detail section article .body .thanks-button-count .thank, .favourite-collection-detail section article .body .thanks-button-count .thank {
          border: 1px solid #eee; }
          #collection-detail section article .body .thanks-button-count .thank:hover, .favourite-collection-detail section article .body .thanks-button-count .thank:hover {
            border-color: #2B96CC;
            text-decoration: none; }
          #collection-detail section article .body .thanks-button-count .thank .active, .favourite-collection-detail section article .body .thanks-button-count .thank .active {
            border-color: #eee; }
          @media screen and (max-width: 767px) {
            #collection-detail section article .body .thanks-button-count .thank, .favourite-collection-detail section article .body .thanks-button-count .thank {
              display: inline-block;
              margin-left: 15px; } }
      #collection-detail section article .body .place-image, #collection-detail section article .body .professional-image, .favourite-collection-detail section article .body .place-image, .favourite-collection-detail section article .body .professional-image {
        float: left;
        width: 35%;
        margin: 0 0 10px; }
        @media screen and (max-width: 560px) {
          #collection-detail section article .body .place-image, #collection-detail section article .body .professional-image, .favourite-collection-detail section article .body .place-image, .favourite-collection-detail section article .body .professional-image {
            width: 100%; } }
        #collection-detail section article .body .place-image img, #collection-detail section article .body .professional-image img, .favourite-collection-detail section article .body .place-image img, .favourite-collection-detail section article .body .professional-image img {
          border-radius: 4px;
          overflow: hidden;
          width: 100%; }
      #collection-detail section article .body .place-details, #collection-detail section article .body .professional-details, .favourite-collection-detail section article .body .place-details, .favourite-collection-detail section article .body .professional-details {
        float: left;
        margin: 0 0 10px;
        padding: 0 0 0 20px;
        width: 65%; }
        @media screen and (max-width: 560px) {
          #collection-detail section article .body .place-details, #collection-detail section article .body .professional-details, .favourite-collection-detail section article .body .place-details, .favourite-collection-detail section article .body .professional-details {
            width: 100%; } }
        #collection-detail section article .body .place-details dt, #collection-detail section article .body .professional-details dt, .favourite-collection-detail section article .body .place-details dt, .favourite-collection-detail section article .body .professional-details dt {
          float: left; }
        #collection-detail section article .body .place-details dd, #collection-detail section article .body .professional-details dd, .favourite-collection-detail section article .body .place-details dd, .favourite-collection-detail section article .body .professional-details dd {
          margin: 0 0 5px 20px; }
          #collection-detail section article .body .place-details dd ul, #collection-detail section article .body .professional-details dd ul, .favourite-collection-detail section article .body .place-details dd ul, .favourite-collection-detail section article .body .professional-details dd ul {
            list-style: none; }
      #collection-detail section article .body .place-desc, #collection-detail section article .body .professional-desc, .favourite-collection-detail section article .body .place-desc, .favourite-collection-detail section article .body .professional-desc {
        clear: both; }
        @media screen and (max-width: 639px) {
          #collection-detail section article .body .place-desc, #collection-detail section article .body .professional-desc, .favourite-collection-detail section article .body .place-desc, .favourite-collection-detail section article .body .professional-desc {
            margin-bottom: 10px; } }
      @media screen and (max-width: 639px) {
        #collection-detail section article .body .remove-favourite, .favourite-collection-detail section article .body .remove-favourite {
          float: right;
          margin-bottom: 15px; } }
    #collection-detail section .social-cta, .favourite-collection-detail section .social-cta {
      clear: both;
      padding-left: 30px;
      position: relative;
      z-index: 2; }
      #collection-detail section .social-cta .fb-send, #collection-detail section .social-cta .fb-share-button, #collection-detail section .social-cta .fb-like, .favourite-collection-detail section .social-cta .fb-send, .favourite-collection-detail section .social-cta .fb-share-button, .favourite-collection-detail section .social-cta .fb-like {
        margin-right: 5px; }
  #collection-detail section.related, .favourite-collection-detail section.related {
    padding: 10px; }
    @media (max-width: 1023px) {
      #collection-detail section.related, .favourite-collection-detail section.related {
        background: none;
        border: none;
        box-shadow: none;
        padding: 0;
        margin: 0; } }
    #collection-detail section.related ul, .favourite-collection-detail section.related ul {
      overflow: hidden; }
      #collection-detail section.related ul li, .favourite-collection-detail section.related ul li {
        list-style: none;
        width: 33.33333%;
        float: left;
        padding: 10px; }
        #collection-detail section.related ul li:nth-child(3n+4), .favourite-collection-detail section.related ul li:nth-child(3n+4) {
          clear: both; }
        #collection-detail section.related ul li .image, .favourite-collection-detail section.related ul li .image {
          background: url("https://dwbxi9io9o7ce.cloudfront.net/public/img/default-place.f4706672a682.jpg?1b03e0c301da") no-repeat 50% 50%/cover;
          border-radius: 3px;
          display: block;
          float: left;
          height: 55px;
          margin: 0 10px 0 0;
          width: 55px; }
        #collection-detail section.related ul li a, .favourite-collection-detail section.related ul li a {
          color: #333; }
          #collection-detail section.related ul li a:hover, .favourite-collection-detail section.related ul li a:hover {
            color: #2B96CC;
            text-decoration: none; }
        @media (max-width: 720px) {
          #collection-detail section.related ul li, .favourite-collection-detail section.related ul li {
            width: 50%; }
            #collection-detail section.related ul li:nth-child(3n+4), .favourite-collection-detail section.related ul li:nth-child(3n+4) {
              clear: none; }
            #collection-detail section.related ul li:nth-child(2n+3), .favourite-collection-detail section.related ul li:nth-child(2n+3) {
              clear: both; } }
        @media (max-width: 480px) {
          #collection-detail section.related ul li, .favourite-collection-detail section.related ul li {
            width: 100%; } }
  #collection-detail aside .map-wrapper, .favourite-collection-detail aside .map-wrapper {
    position: relative; }
    @media (max-width: 1023px) {
      #collection-detail aside .map-wrapper, .favourite-collection-detail aside .map-wrapper {
        margin: 0 -10px; } }
    #collection-detail aside .map-wrapper .map, .favourite-collection-detail aside .map-wrapper .map {
      border-radius: 3px;
      height: 550px;
      overflow: hidden; }
      @media (max-width: 1023px) {
        #collection-detail aside .map-wrapper .map, .favourite-collection-detail aside .map-wrapper .map {
          height: 250px; } }
  #collection-detail aside section.related ul li, .favourite-collection-detail aside section.related ul li {
    width: 100%; }
    @media (max-width: 1023px) {
      #collection-detail aside section.related ul li, .favourite-collection-detail aside section.related ul li {
        width: 33.33333%; } }
    @media (max-width: 720px) {
      #collection-detail aside section.related ul li, .favourite-collection-detail aside section.related ul li {
        width: 50%; } }
    @media (max-width: 480px) {
      #collection-detail aside section.related ul li, .favourite-collection-detail aside section.related ul li {
        width: 100%; } }

.favourite-collection-detail section article {
  padding-left: 20px; }
  @media screen and (max-width: 1023px) {
    .favourite-collection-detail section article {
      padding-left: 40px; } }
  @media screen and (max-width: 420px) {
    .favourite-collection-detail section article {
      padding-left: 30px; } }
  .favourite-collection-detail section article .title .order {
    font-size: 26px;
    height: 40px;
    left: -30px;
    line-height: 40px;
    width: 40px; }
    @media screen and (max-width: 1023px) {
      .favourite-collection-detail section article .title .order {
        font-size: 20px;
        height: 32px;
        left: 0;
        line-height: 32px;
        width: 32px; } }

#forum-landing a, #forum-landing #forum-landing-top #col-left .caption h3 {
  -webkit-transition: all 0.1s ease 0s, visibility 0s ease 0s;
  -moz-transition: all 0.1s ease 0s, visibility 0s ease 0s;
  -ms-transition: all 0.1s ease 0s, visibility 0s ease 0s;
  transition: all 0.1s ease 0s, visibility 0s ease 0s; }

#forum-landing #forum-landing-bottom .view-more .button:after {
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-size: 12px;
  font-weight: normal;
  line-height: 1;
  transform: translate(0, 0);
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.clearfix:after {
  content: '';
  display: table;
  clear: both; }

.bordered-section {
  border: 1px solid #eee;
  border-radius: 5px; }

#forum-landing a {
  text-decoration: none; }

#forum-landing .content, #forum-landing aside {
  margin-top: 20px; }

#forum-landing .row {
  margin-left: -12px;
  margin-right: -12px; }

#forum-landing .header {
  overflow: hidden; }
  #forum-landing .header h3 {
    color: #777;
    float: left;
    font-size: 20px;
    font-weight: bold;
    margin: 0; }
  #forum-landing .header a {
    color: #00a2a2;
    float: right;
    font-size: 13px;
    margin-top: 3px; }
    @media screen and (max-width: 479px) {
      #forum-landing .header a {
        display: none; } }
    #forum-landing .header a:hover {
      color: #2B96CC; }

#forum-landing .image {
  background: url("https://dwbxi9io9o7ce.cloudfront.net/public/img/default-place.f4706672a682.jpg?1b03e0c301da") no-repeat 50% 50%/cover; }

#forum-landing #forum-landing-top {
  background: #fff;
  border: 1px solid #eee;
  float: left;
  margin: 0 0 30px;
  overflow: hidden;
  padding: 8px 15px 10px;
  width: 100%;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px; }
  #forum-landing #forum-landing-top .header {
    border-bottom: 1px solid #eee;
    margin-bottom: 15px;
    padding-bottom: 6px; }
  #forum-landing #forum-landing-top #col-left {
    float: left;
    padding: 0 12px;
    width: 66.666666%; }
    @media screen and (max-width: 1023px) {
      #forum-landing #forum-landing-top #col-left {
        width: 58.333333%; } }
    @media screen and (max-width: 639px) {
      #forum-landing #forum-landing-top #col-left {
        margin-bottom: 15px;
        width: 100%; } }
    #forum-landing #forum-landing-top #col-left .caption {
      margin-bottom: 10px;
      overflow: hidden;
      position: relative;
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      -ms-border-radius: 3px;
      border-radius: 3px; }
      #forum-landing #forum-landing-top #col-left .caption .image {
        float: left;
        height: 300px;
        width: 100%; }
        @media screen and (max-width: 479px) {
          #forum-landing #forum-landing-top #col-left .caption .image {
            height: 200px; } }
      #forum-landing #forum-landing-top #col-left .caption h3 {
        background: rgba(0, 0, 0, 0.3);
        bottom: 0;
        font-size: 15px;
        font-weight: bold;
        left: 0;
        line-height: 1.5;
        margin: 0;
        position: absolute;
        width: 100%; }
        #forum-landing #forum-landing-top #col-left .caption h3:hover {
          background: rgba(0, 0, 0, 0.4); }
        #forum-landing #forum-landing-top #col-left .caption h3 a {
          color: #fff;
          display: block;
          padding: 10px 15px; }
    #forum-landing #forum-landing-top #col-left .body p:first-child {
      margin-bottom: 0; }
    #forum-landing #forum-landing-top #col-left .body ul, #forum-landing #forum-landing-top #col-left .body ol {
      margin-bottom: 10px;
      padding-left: 15px; }
      #forum-landing #forum-landing-top #col-left .body ul:last-child, #forum-landing #forum-landing-top #col-left .body ol:last-child {
        margin-bottom: 0; }
    #forum-landing #forum-landing-top #col-left .body .readmore {
      color: #00a2a2;
      float: right;
      font-size: 12px; }
      @media screen and (max-width: 639px) {
        #forum-landing #forum-landing-top #col-left .body .readmore {
          float: left;
          width: 100%; } }
      #forum-landing #forum-landing-top #col-left .body .readmore:hover {
        color: #2B96CC; }
  #forum-landing #forum-landing-top #col-right {
    float: left;
    padding: 0 12px;
    width: 33.333333%; }
    @media screen and (max-width: 1023px) {
      #forum-landing #forum-landing-top #col-right {
        width: 41.666666%; } }
    @media screen and (max-width: 639px) {
      #forum-landing #forum-landing-top #col-right {
        width: 100%; } }
    #forum-landing #forum-landing-top #col-right ul {
      list-style: none; }
      #forum-landing #forum-landing-top #col-right ul li {
        overflow: hidden;
        padding: 8px 0; }
        #forum-landing #forum-landing-top #col-right ul li + li {
          border-top: 1px solid #f6f6f6; }
        #forum-landing #forum-landing-top #col-right ul li:first-child {
          padding-top: 0; }
        #forum-landing #forum-landing-top #col-right ul li:last-child {
          padding-bottom: 0; }
        #forum-landing #forum-landing-top #col-right ul li .image {
          float: left;
          height: 55px;
          margin-right: 8px;
          width: 55px; }
        #forum-landing #forum-landing-top #col-right ul li h3 {
          font-size: 13px;
          font-weight: bold;
          line-height: 1.5;
          margin: 0; }
          #forum-landing #forum-landing-top #col-right ul li h3 a {
            color: #777; }
            #forum-landing #forum-landing-top #col-right ul li h3 a:hover {
              color: #2B96CC; }

#forum-landing #forum-landing-bottom {
  float: left;
  width: 100%; }
  #forum-landing #forum-landing-bottom article {
    margin-top: 10px; }
  #forum-landing #forum-landing-bottom .view-more {
    clear: both;
    margin: 0 0 10px;
    text-align: center; }
    #forum-landing #forum-landing-bottom .view-more .button:after {
      content: '\f054';
      display: inline-block;
      margin: 0 0 0 6px; }

.clearfix:after {
  content: '';
  display: table;
  clear: both; }

.bordered-section {
  border: 1px solid #eee;
  border-radius: 5px; }

.overlay.login .overlay-content {
  display: block;
  padding: 10px;
  text-align: left;
  width: 500px; }
  @media (max-width: 560px) {
    .overlay.login .overlay-content {
      width: 280px; } }
  .overlay.login .overlay-content #signups, .overlay.login .overlay-content #login {
    margin: 0; }
  .overlay.login .overlay-content .tab-content-triggers {
    border-bottom: 1px solid #e4e4e4;
    float: left;
    font-size: 15px;
    list-style: none;
    width: 100%; }
    .overlay.login .overlay-content .tab-content-triggers li {
      float: left;
      width: 50%; }
      .overlay.login .overlay-content .tab-content-triggers li a {
        color: #999;
        float: left;
        padding: 5px 10px 8px;
        text-align: center;
        text-decoration: none;
        width: 100%; }
        @media (max-width: 560px) {
          .overlay.login .overlay-content .tab-content-triggers li a {
            font-size: 14px;
            padding: 3px 10px 5px; } }
        .overlay.login .overlay-content .tab-content-triggers li a.active {
          border-bottom: 3px solid #2B96CC;
          color: #2B96CC;
          margin: 0 0 -1px; }
        .overlay.login .overlay-content .tab-content-triggers li a:hover {
          color: #2B96CC; }
  .overlay.login .overlay-content .tab-content-container {
    clear: both;
    padding: 15px 20px 10px; }
    @media (max-width: 560px) {
      .overlay.login .overlay-content .tab-content-container {
        padding: 10px 5px 0; }
        .overlay.login .overlay-content .tab-content-container p {
          font-size: 12px;
          margin: 0 0 5px; } }
  .overlay.login .overlay-content div.instruction {
    margin: 0 0 15px; }
  .overlay.login .overlay-content #reset-password {
    display: none; }
  @media (max-width: 560px) {
    .overlay.login .overlay-content .form-row .form-field label {
      padding: 0 0 5px;
      margin: 0;
      text-align: left;
      width: 100%; } }
  .overlay.login .overlay-content .form-row .form-field .form-field-input {
    width: 250px; }
    .overlay.login .overlay-content .form-row .form-field .form-field-input input {
      width: 100%; }
  @media (max-width: 560px) {
    .overlay.login .overlay-content .button-row {
      padding-left: 0; } }
  .overlay.login .overlay-content .successful form {
    display: none; }
  .overlay.login .overlay-content .form-success {
    background: #f6f6f6;
    padding: 10px 10px 1px; }
    .overlay.login .overlay-content .form-success h4 {
      color: #ff749c; }
    .overlay.login .overlay-content .form-success .button-row {
      padding-left: 0;
      text-align: center; }
  .overlay.login .overlay-content button[type=submit]:after {
    content: '\f00c'; }
  .overlay.login .overlay-content button[type=submit].submitting:after {
    animation: fa-spin 1s infinite steps(8);
    content: '\f110' !important; }

.clearfix:after {
  content: '';
  display: table;
  clear: both; }

.bordered-section {
  border: 1px solid #eee;
  border-radius: 5px; }

#activity-list {
  padding-top: 10px; }
  #activity-list > ul {
    list-style: none; }
    #activity-list > ul > li {
      margin-bottom: 30px;
      position: relative; }
      #activity-list > ul > li .media {
        background: url("https://dwbxi9io9o7ce.cloudfront.net/public/img/default-place.f4706672a682.jpg?1b03e0c301da") no-repeat 50% 50%/cover;
        border: 1px solid #e5e5e5;
        display: inline-block;
        float: none;
        height: 80px;
        margin-bottom: 7px;
        width: 80px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        border-radius: 5px; }
        @media screen and (max-width: 767px) {
          #activity-list > ul > li .media {
            float: left;
            height: 40px;
            margin: 0 10px 0 0;
            width: 40px; } }
  #activity-list .read-more {
    color: #6096d2;
    float: right;
    font-size: 12px; }
  #activity-list .col-left {
    float: left;
    margin-right: 20px;
    text-align: center;
    width: 105px; }
    @media screen and (max-width: 767px) {
      #activity-list .col-left {
        margin-bottom: 10px;
        margin-right: 0;
        text-align: left;
        width: 100%; } }
    #activity-list .col-left p, #activity-list .col-left span {
      width: 100%; }
    #activity-list .col-left p {
      color: #555;
      font-size: 13px;
      font-weight: 600;
      letter-spacing: -0.05em;
      margin: 0; }
    #activity-list .col-left span {
      color: #777;
      font-size: 12px; }
  #activity-list .body {
    border: 1px solid #eee;
    overflow: hidden;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px; }
    #activity-list .body .desc {
      color: #697186;
      font-size: 13px; }
    #activity-list .body .view-all {
      background: #f9f9f9;
      border-top: 1px solid #eee;
      float: left;
      font-size: 12px;
      overflow: hidden;
      padding: 8px 20px;
      width: 100%; }
      #activity-list .body .view-all a {
        color: #6096d2; }
    #activity-list .body .question {
      float: left;
      overflow: hidden;
      padding: 15px 20px 10px;
      width: 100%; }
      #activity-list .body .question h3 {
        font-size: 15px;
        font-weight: 600;
        margin-bottom: 5px; }
        #activity-list .body .question h3 a {
          color: #555; }
          #activity-list .body .question h3 a:hover {
            color: #2B96CC;
            text-decoration: none; }
      @media screen and (max-width: 767px) {
        #activity-list .body .question .desc {
          margin-bottom: 10px; } }
      #activity-list .body .question .create-by {
        color: #ccc;
        float: right;
        font-size: 12px; }
      #activity-list .body .question .read-more + .create-by {
        margin-right: 10px; }
    #activity-list .body .answer {
      background: #f9f9f9;
      border-top: 1px solid #eee;
      float: left;
      overflow: hidden;
      padding: 10px 10px 10px 80px;
      position: relative;
      width: 100%; }
      @media screen and (max-width: 767px) {
        #activity-list .body .answer {
          padding: 10px 20px; } }
      #activity-list .body .answer.light {
        background: #fff; }
      #activity-list .body .answer .media {
        height: 42px;
        left: 20px;
        position: absolute;
        top: 10px;
        width: 42px; }
        @media screen and (max-width: 767px) {
          #activity-list .body .answer .media {
            display: none; } }
      #activity-list .body .answer .desc {
        font-size: 12px;
        margin-bottom: 10px; }
      #activity-list .body .answer h4 {
        float: left;
        font-weight: normal;
        margin: 5px 0 0 0; }
      @media screen and (max-width: 799px) {
        #activity-list .body .answer .thanks-button-count {
          margin-top: 0; } }
      #activity-list .body .answer .thanks-button-count .thanks-count-inner {
        margin: 3px 0 0; }
        #activity-list .body .answer .thanks-button-count .thanks-count-inner i {
          color: #ff749c; }
          #activity-list .body .answer .thanks-button-count .thanks-count-inner i .thank-count-value {
            color: #777; }
      #activity-list .body .answer .thanks-button-count .thank {
        float: left;
        margin-right: 13px;
        padding: 3px 10px; }
        @media screen and (max-width: 799px) {
          #activity-list .body .answer .thanks-button-count .thank {
            margin-top: 0; } }
        #activity-list .body .answer .thanks-button-count .thank:hover {
          text-decoration: none; }

#landing-service section.carousel-section .owl-nav .owl-prev:before, #landing-service section.carousel-section .owl-nav .owl-next:before {
  -webkit-transition: all 0.1s ease 0s, visibility 0s ease 0s;
  -moz-transition: all 0.1s ease 0s, visibility 0s ease 0s;
  -ms-transition: all 0.1s ease 0s, visibility 0s ease 0s;
  transition: all 0.1s ease 0s, visibility 0s ease 0s; }

#landing-service section.carousel-section .owl-nav .owl-prev:before, #landing-service section.carousel-section .owl-nav .owl-next:before, #landing-service section#question-section a.view-more:after {
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-size: 12px;
  font-weight: normal;
  line-height: 1;
  transform: translate(0, 0);
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.clearfix:after {
  content: '';
  display: table;
  clear: both; }

.bordered-section {
  border: 1px solid #eee;
  border-radius: 5px; }

#landing-service a {
  text-decoration: none; }

#landing-service .content, #landing-service aside {
  margin-top: 20px; }

#landing-service section.carousel-section {
  background: #fff;
  border: 1px solid #eee;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px; }
  #landing-service section.carousel-section h3 {
    color: #777;
    font-size: 15px;
    margin: 0 0 30px;
    position: relative; }
    @media (max-width: 720px) {
      #landing-service section.carousel-section h3 {
        font-size: 13px;
        margin-bottom: 15px; } }
    #landing-service section.carousel-section h3 a {
      bottom: 0;
      font-size: 13px;
      font-weight: normal;
      position: absolute;
      right: 10px;
      text-decoration: none; }
      #landing-service section.carousel-section h3 a:hover {
        text-decoration: underline; }
  #landing-service section.carousel-section ul {
    display: block;
    list-style: none;
    margin: 0;
    padding: 0 15px;
    position: relative; }
    #landing-service section.carousel-section ul li {
      float: left;
      margin: 0;
      max-width: 420px;
      width: 100%; }
      #landing-service section.carousel-section ul li .image {
        background: url("https://dwbxi9io9o7ce.cloudfront.net/public/img/default-place.f4706672a682.jpg?1b03e0c301da") no-repeat 50% 50%/cover;
        border: 1px solid #eee;
        display: block;
        height: 150px;
        margin: 0 0 10px;
        -webkit-box-shadow: 0 0 5px #ededed ;
        -moz-box-shadow: 0 0 5px #ededed ;
        -ms-box-shadow: 0 0 5px #ededed ;
        box-shadow: 0 0 5px #ededed ;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        border-radius: 5px; }
        @media screen and (max-width: 979px) {
          #landing-service section.carousel-section ul li .image {
            height: 170px; } }
      #landing-service section.carousel-section ul li h4 {
        font-size: 13px;
        line-height: 1.2;
        margin: 0 0 5px; }
        #landing-service section.carousel-section ul li h4 a {
          color: #333;
          text-decoration: none; }
          #landing-service section.carousel-section ul li h4 a:hover {
            color: #2B96CC; }
      #landing-service section.carousel-section ul li .desc {
        color: #777;
        margin: 0 5px 0 0; }
        @media (max-width: 720px) {
          #landing-service section.carousel-section ul li .desc {
            font-size: 12px; } }
        @media (max-width: 500px) {
          #landing-service section.carousel-section ul li .desc {
            font-size: 11px; } }
        #landing-service section.carousel-section ul li .desc .fa {
          color: #ff749c; }
        #landing-service section.carousel-section ul li .desc a {
          text-decoration: none; }
          #landing-service section.carousel-section ul li .desc a:hover {
            text-decoration: underline; }
  #landing-service section.carousel-section .owl-nav .owl-prev, #landing-service section.carousel-section .owl-nav .owl-next {
    color: #e1e1e1;
    position: absolute;
    top: 65px; }
    @media (max-width: 720px) {
      #landing-service section.carousel-section .owl-nav .owl-prev, #landing-service section.carousel-section .owl-nav .owl-next {
        top: 52px; } }
    #landing-service section.carousel-section .owl-nav .owl-prev:before, #landing-service section.carousel-section .owl-nav .owl-next:before {
      font-size: 25px; }
    #landing-service section.carousel-section .owl-nav .owl-prev:hover:before, #landing-service section.carousel-section .owl-nav .owl-next:hover:before {
      color: #2B96CC; }
  #landing-service section.carousel-section .owl-nav .owl-prev {
    left: -10px; }
    @media (max-width: 1220px) {
      #landing-service section.carousel-section .owl-nav .owl-prev {
        color: #fff;
        left: -10px;
        text-shadow: 0 0 1px rgba(0, 0, 0, 0.5); } }
    #landing-service section.carousel-section .owl-nav .owl-prev:before {
      content: '\f053'; }
  #landing-service section.carousel-section .owl-nav .owl-next {
    right: -10px; }
    @media (max-width: 1220px) {
      #landing-service section.carousel-section .owl-nav .owl-next {
        color: #fff;
        right: -10px;
        text-shadow: 0 0 1px rgba(0, 0, 0, 0.5); } }
    #landing-service section.carousel-section .owl-nav .owl-next:before {
      content: '\f054'; }

@media screen and (max-width: 1023px) {
  #landing-service section.professionals {
    margin-top: 20px; } }

#landing-service section.professionals ul {
  padding: 0; }
  @media screen and (max-width: 1119px) {
    #landing-service section.professionals ul {
      padding: 0 15px; } }
  #landing-service section.professionals ul li {
    text-align: center; }
    #landing-service section.professionals ul li .image {
      background-position: 50% 0%;
      height: 110px;
      margin: 0 auto 10px;
      width: 110px;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      -ms-border-radius: 50%;
      border-radius: 50%; }

#landing-service section.professionals .owl-nav .owl-prev, #landing-service section.professionals .owl-nav .owl-next {
  top: 45px; }
  @media (max-width: 720px) {
    #landing-service section.professionals .owl-nav .owl-prev, #landing-service section.professionals .owl-nav .owl-next {
      top: 45px; } }

#landing-service section#question-section {
  border: none;
  padding: 0; }
  #landing-service section#question-section .header {
    margin-bottom: 15px;
    overflow: hidden; }
    #landing-service section#question-section .header h3 {
      color: #777;
      float: left;
      font-size: 20px;
      font-weight: bold;
      margin: 0; }
    #landing-service section#question-section .header a {
      color: #00a2a2;
      float: right;
      font-size: 13px;
      margin-top: 3px; }
      @media screen and (max-width: 479px) {
        #landing-service section#question-section .header a {
          display: none; } }
      #landing-service section#question-section .header a:hover {
        color: #2B96CC; }
  #landing-service section#question-section a.view-more {
    clear: both;
    color: #2B96CC;
    display: block;
    float: none;
    padding: 10px 0;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap; }
    #landing-service section#question-section a.view-more:after {
      color: #2B96CC;
      content: '\f054';
      display: inline-block;
      font-size: 15px;
      margin: 0 0 0 6px;
      vertical-align: middle; }

.clearfix:after {
  content: '';
  display: table;
  clear: both; }

.bordered-section {
  border: 1px solid #eee;
  border-radius: 5px; }

#detail.editing form .form-row label {
  width: 160px;
  margin: 0;
  padding: 10px; }
  @media (max-width: 1000px) {
    #detail.editing form .form-row label {
      padding-left: 0;
      padding-right: 0;
      text-align: left;
      width: 100%; } }

#detail.editing form .form-row .form-field .form-field-input {
  width: 500px; }
  @media (max-width: 1000px) {
    #detail.editing form .form-row .form-field .form-field-input {
      width: 100%; } }
  #detail.editing form .form-row .form-field .form-field-input input, #detail.editing form .form-row .form-field .form-field-input select, #detail.editing form .form-row .form-field .form-field-input textarea, #detail.editing form .form-row .form-field .form-field-input .has-suggestion {
    width: 100%; }
  #detail.editing form .form-row .form-field .form-field-input .has-suggestion {
    position: relative; }
    #detail.editing form .form-row .form-field .form-field-input .has-suggestion .suggestion {
      -webkit-box-shadow: 0 0 0 transparent ;
      -moz-box-shadow: 0 0 0 transparent ;
      -ms-box-shadow: 0 0 0 transparent ;
      box-shadow: 0 0 0 transparent ;
      border: 1px solid #ddd; }
    #detail.editing form .form-row .form-field .form-field-input .has-suggestion .image {
      display: none; }
  #detail.editing form .form-row .form-field .form-field-input .instruction {
    float: left;
    width: 100%; }

#detail.editing form .button-row {
  padding-left: 160px; }
  @media (max-width: 1000px) {
    #detail.editing form .button-row {
      padding-left: 0; } }

#detail.editing .tag-list {
  float: left;
  list-style: none;
  margin: 3px 0 0;
  width: 100%; }
  #detail.editing .tag-list li {
    float: left;
    margin: 0 2px 0 0; }
    #detail.editing .tag-list li a.button {
      border-radius: 20px;
      padding: 5px 12px; }
      #detail.editing .tag-list li a.button:hover {
        text-decoration: none; }

#detail.editing aside {
  width: 300px;
  margin-top: 0; }
  @media (max-width: 700px) {
    #detail.editing aside {
      width: 100%; }
      #detail.editing aside .media {
        width: 100%; } }
  #detail.editing aside h2 {
    font-size: 16px;
    margin: 0; }
  #detail.editing aside .professional-edit-image ul {
    margin-bottom: 10px; }
    #detail.editing aside .professional-edit-image ul li {
      list-style: none;
      border-bottom: 1px solid #ddd;
      position: relative;
      padding: 10px 30px; }
      #detail.editing aside .professional-edit-image ul li input {
        position: absolute;
        left: 0;
        top: 50%;
        margin-top: -7px; }
      #detail.editing aside .professional-edit-image ul li img {
        cursor: pointer;
        max-width: 110px;
        height: auto;
        vertical-align: bottom;
        max-height: 110px; }
      #detail.editing aside .professional-edit-image ul li .delete-image {
        position: absolute;
        right: 0;
        top: 50%;
        margin-top: -14px;
        font-size: 18px; }
        #detail.editing aside .professional-edit-image ul li .delete-image:before {
          font-family: 'FontAwesome';
          content: '\f00d';
          color: #ff6565;
          cursor: pointer; }
          #detail.editing aside .professional-edit-image ul li .delete-image:before:hover {
            color: red; }
        #detail.editing aside .professional-edit-image ul li .delete-image.loading:before {
          content: '\f110';
          animation: fa-spin 1s infinite steps(8);
          color: #2B96CC;
          display: inline-block; }
  #detail.editing aside .uploader label {
    cursor: pointer; }
  #detail.editing aside .uploader .title-image {
    display: inline-block; }
  #detail.editing aside .uploader:hover {
    color: #2B96CC;
    text-decoration: underline;
    cursor: pointer; }
  #detail.editing aside .uploader.loading label:after {
    font-family: 'FontAwesome';
    content: '\f110';
    animation: fa-spin 1s infinite steps(8);
    color: #2B96CC;
    display: inline-block; }

#detail.editing nav .position .inner {
  padding-left: 0; }

/***************************
* This SCSS is for commonly used blocks on the "aside" column.
* Contextual "aside" styling should go to the respective SCSS.
*
* @author Dave Bui
* @date Summer 2016
***************************/
aside section.top-list a.view-more:after{
  content: '';
}

.clearfix:after {
  content: '';
  display: table;
  clear: both; }

.bordered-section {
  border: 1px solid #eee;
  border-radius: 5px; }

aside {
  float: left;
  position: relative;
  width: 28.205128%;
  z-index: 1; }
  aside.pulled-up {
    margin-top: -40px;
    padding-top: 0; }
  @media screen and (max-width: 1023px) {
    aside {
      width: 100%; }
      aside.pulled-up {
        margin-top: 0; } }
  aside section {
    background: #fff;
    border: 1px solid #eee;
    margin: 0 0 20px;
    overflow: hidden;
    padding: 0 15px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px; }
    aside section h3 {
      border-bottom: 1px solid #eee;
      float: left;
      font-size: 15px;
      font-weight: bold;
      margin: 0;
      overflow: hidden;
      padding: 11px 0 9px 0;
      width: 100%; 
      color: #2B96CC;
    }
      @media screen and (max-width: 1023px) {
        aside section h3 {
          text-align: left; } }
    aside section p:last-child {
      margin-bottom: 0; }
    aside section .collapse-trigger {
      border-top: 1px solid #eee;
      cursor: pointer;
      float: left;
      padding: 5px 0;
      text-align: center;
      width: 100%; }
      aside section .collapse-trigger:hover span {
        color: #2B96CC; }
  @media screen and (max-width: 1023px) {
    aside section.top-list {
      text-align: center; } }
  @media screen and (max-width: 479px) {
    aside section.top-list {
      text-align: right; } }
  aside section.top-list a {
    text-decoration: none; }
  aside section.top-list ul {
    border-bottom: 1px solid #eee;
    float: left;
    list-style: none;
    width: 100%; }
    @media screen and (max-width: 1023px) {
      aside section.top-list ul {
        text-align: left; } }
    aside section.top-list ul li {
      min-height: 75px;
      overflow: hidden;
      padding: 10px 0 10px 70px;
      position: relative; }
      aside section.top-list ul li + li {
        border-top: 1px solid #eee; }
      aside section.top-list ul li a.image {
        background: url("https://dwbxi9io9o7ce.cloudfront.net/public/img/default-place.f4706672a682.jpg?1b03e0c301da") no-repeat 50% 50%/cover;
        height: 55px;
        left: 0;
        margin-right: 15px;
        overflow: hidden;
        position: absolute;
        top: 10px;
        width: 55px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        border-radius: 5px; }
        aside section.top-list ul li a.image.circle {
          -webkit-border-radius: 50%;
          -moz-border-radius: 50%;
          -ms-border-radius: 50%;
          border-radius: 50%; }
      aside section.top-list ul li .body {
        float: none; }
        aside section.top-list ul li .body h4 {
          font-size: 14px;
          font-weight: normal;
          line-height: 1.5;
          margin: 0; }
          aside section.top-list ul li .body h4 a {
            color: #333; }
            aside section.top-list ul li .body h4 a:hover {
              color: #00a2a2; }
    aside section.top-list ul.recent-list {
      border-bottom: 0; }
  aside section.top-list a.view-more {
    clear: both;
    display: block;
    padding: 10px 0;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap; }
    aside section.top-list a.view-more:hover {
      text-decoration: underline; }
    aside section.top-list a.view-more:after {
      content: '';
      display: inline-block;
      font-size: 15px;
      margin: 0 0 0 6px;
      vertical-align: middle; }

.clearfix:after {
  content: '';
  display: table;
  clear: both; }

.bordered-section {
  border: 1px solid #eee;
  border-radius: 5px; }

#speciality-list a {
  text-decoration: none; }
  #speciality-list a:hover {
    text-decoration: underline; }

#speciality-list aside {
  margin-top: 20px; }

#speciality-list .content {
  margin-top: 20px; }
  #speciality-list .content .no-result .fa {
    color: #ff749c; }

#speciality-list article {
  border-bottom: 1px solid #eee;
  margin: 0 0 10px;
  overflow: hidden;
  padding: 0 0 10px 0;
  position: relative; }
  #speciality-list article:last-child {
    border-bottom: none;
    margin: 0;
    padding: 0; }
  #speciality-list article .header {
    overflow: hidden;
    padding-left: 55px;
    position: relative; }
    @media screen and (max-width: 479px) {
      #speciality-list article .header {
        padding-left: 70px; } }
    #speciality-list article .header h3 {
      font-size: 16px;
      font-weight: 600;
      margin-bottom: 7px; }
    #speciality-list article .header ul {
      font-size: 12px;
      list-style: none;
      width: 100%; }
      #speciality-list article .header ul li {
        display: inline-block;
        margin-right: 10px; }
        #speciality-list article .header ul li:last-child {
          margin-right: 0; }
        #speciality-list article .header ul li a i {
          color: #333;
          margin-right: 6px; }
  #speciality-list article .image {
    background: url("https://dwbxi9io9o7ce.cloudfront.net/public/img/default-place.f4706672a682.jpg?1b03e0c301da") no-repeat 50% 50%/cover;
    float: left;
    height: 40px;
    left: 0;
    margin-right: 15px;
    position: absolute;
    top: 0;
    width: 40px; }
    @media screen and (max-width: 479px) {
      #speciality-list article .image {
        height: 60px;
        width: 60px; } }
  #speciality-list article .body {
    color: #777;
    float: left;
    font-size: 12px;
    overflow: hidden;
    padding-top: 10px;
    width: 100%; }
    #speciality-list article .body p:last-child {
      margin-bottom: 0; }

#service-list article .body .path-link a + a:before {
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-size: 12px;
  font-weight: normal;
  line-height: 1;
  transform: translate(0, 0);
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.clearfix:after {
  content: '';
  display: table;
  clear: both; }

.bordered-section {
  border: 1px solid #eee;
  border-radius: 5px; }

#service-list a {
  text-decoration: none; }
  #service-list a:hover {
    text-decoration: underline; }

#service-list .pulled-up {
  margin-top: 20px; }

#service-list .content .no-result .fa {
  color: #ff749c; }

#service-list article {
  border-bottom: 1px solid #eee;
  padding-bottom: 20px; }
  #service-list article + article {
    margin-top: 20px; }
  #service-list article:last-child {
    border-bottom: none;
    padding-bottom: 0; }
  #service-list article .body h3 {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 7px; }
  #service-list article .body .path-link {
    font-size: 12px;
    margin-bottom: 6px; }
    #service-list article .body .path-link a {
      color: #333;
      position: relative; }
      #service-list article .body .path-link a:hover {
        color: #2B96CC; }
      #service-list article .body .path-link a + a {
        margin-left: 14px; }
        #service-list article .body .path-link a + a:before {
          content: '\f105';
          left: -10px;
          position: absolute;
          top: 4px; }
  #service-list article .body ul {
    font-size: 12px;
    list-style: none; }
    #service-list article .body ul li {
      display: inline-block; }
      @media screen and (max-width: 639px) {
        #service-list article .body ul li {
          width: 100%; } }
      #service-list article .body ul li + li {
        margin-left: 20px; }
        @media screen and (max-width: 639px) {
          #service-list article .body ul li + li {
            margin: 0; } }
      #service-list article .body ul li a {
        color: #777; }
        #service-list article .body ul li a:hover {
          color: #2B96CC; }
        #service-list article .body ul li a i {
          color: #777;
          margin-right: 6px; }

.clearfix:after {
  content: '';
  display: table;
  clear: both; }

.bordered-section {
  border: 1px solid #eee;
  border-radius: 5px; }

#account .content {
  margin-top: 20px; }
  @media screen and (max-width: 1023px) {
    #account .content {
      margin-top: 0; } }
  @media (max-width: 720px) {
    #account .content {
      margin-top: 20px; } }

#account aside {
  margin-top: 10px; }
/*  @media (max-width: 720px) {
    #account aside {
      display: none; } }*/
  #account aside .collapsible-list dl {
    clear: both;
    padding: 10px 0 0; }
    #account aside .collapsible-list dl dt a {
      color: #333;
      display: block;
      padding: 5px 0;
      text-decoration: none; }
      #account aside .collapsible-list dl dt a i {
        width: 15px; }
      #account aside .collapsible-list dl dt a span {
        float: none;
        color: inherit; }
      #account aside .collapsible-list dl dt a.active, #account aside .collapsible-list dl dt a:hover {
        color: #2B96CC; }

#account section .form-field label {
  width: 150px; }
  @media (max-width: 500px) {
    #account section .form-field label {
      margin: 0;
      padding: 0 0 5px;
      text-align: left;
      width: 100%; } }

#account section .form-field-input {
  width: 300px; }
  #account section .form-field-input input {
    width: 100%; }

@media (max-width: 500px) {
  #account section .form-field-text {
    padding-top: 0; } }

#account section .button-row {
  padding-left: 150px; }
  @media (max-width: 500px) {
    #account section .button-row {
      padding-left: 0; } }

#account section .pagination {
  margin-bottom: 0; }

#account .comments {
  margin: 0; }
  #account .comments > li.comment .comment-body {
    font-size: 13px; }
    #account .comments > li.comment .comment-body h5 {
      font-size: 13px;
      margin: 0 0 5px; }
      #account .comments > li.comment .comment-body h5 a {
        text-decoration: none; }
        #account .comments > li.comment .comment-body h5 a:hover {
          text-decoration: underline; }
    #account .comments > li.comment .comment-body .ratings-list {
      margin-bottom: 0; }
    #account .comments > li.comment .comment-body .comment-content {
      margin: 0 0 6px; }
  #account .comments > li.comment .comment-stats {
    color: #777;
    font-size: 12px;
    list-style: none;
    text-align: right; }
    #account .comments > li.comment .comment-stats li {
      display: inline-block;
      margin: 0 0 0 10px; }

#account #my-threads #unanswered > h3, #account #my-threads #answered > h3 {
  margin-top: 17px; }

#account #my-threads #my-threads-tab {
  margin-bottom: 10px;
  position: relative; }
  @media (max-width: 479px) {
    #account #my-threads #my-threads-tab {
      position: relative; }
      #account #my-threads #my-threads-tab:after {
        box-shadow: inset -25px 0 40px -30px rgba(0, 0, 0, 0.3);
        content: ' ';
        display: block;
        height: 100%;
        pointer-events: none;
        position: absolute;
        right: 0;
        top: 0;
        width: 50px;
        z-index: 1;
        border-top-left-radius: 50%;
        border-bottom-left-radius: 50%; } }
  #account #my-threads #my-threads-tab:after {
    right: -10px; }
  #account #my-threads #my-threads-tab ul {
    border-bottom: 1px solid #eee;
    list-style: none;
    margin-bottom: 20px;
    margin: 0;
    overflow-x: auto;
    overflow-y: hidden;
    padding: 10px 0;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar; }
    #account #my-threads #my-threads-tab ul li {
      display: inline-block; }
      #account #my-threads #my-threads-tab ul li.last {
        float: right; }
        @media screen and (max-width: 639px) {
          #account #my-threads #my-threads-tab ul li.last {
            display: none; } }
        #account #my-threads #my-threads-tab ul li.last a {
          padding: 0; }
          @media screen and (max-width: 639px) {
            #account #my-threads #my-threads-tab ul li.last a {
              font-size: 0; }
              #account #my-threads #my-threads-tab ul li.last a i {
                font-size: 14px; } }
      #account #my-threads #my-threads-tab ul li a {
        color: #333;
        padding: 0 20px;
        position: relative; }
        @media screen and (max-width: 479px) {
          #account #my-threads #my-threads-tab ul li a {
            padding: 0 10px; } }
        #account #my-threads #my-threads-tab ul li a:hover {
          color: #00a2a2; }
        #account #my-threads #my-threads-tab ul li a.active {
          color: #2B96CC; }
          #account #my-threads #my-threads-tab ul li a.active:before {
            background: #2B96CC;
            bottom: -11px;
            content: '';
            height: 3px;
            left: 0;
            position: absolute;
            width: 100%; }

#nav-search a {
  -webkit-transition: all 0.1s ease 0s, visibility 0s ease 0s;
  -moz-transition: all 0.1s ease 0s, visibility 0s ease 0s;
  -ms-transition: all 0.1s ease 0s, visibility 0s ease 0s;
  transition: all 0.1s ease 0s, visibility 0s ease 0s; }

.clearfix:after {
  content: '';
  display: table;
  clear: both; }

.bordered-section {
  border: 1px solid #eee;
  border-radius: 5px; }

#nav-search {
  background: #f3f3f3; }
  @media (max-width: 900px) {
    #nav-search .position {
      padding: 0; } }
  #nav-search a {
    text-decoration: none; }
    #nav-search a:hover {
      color: #2B96CC; }
  @media (max-width: 800px) {
    #nav-search {
      position: relative; }
      #nav-search:after {
        box-shadow: inset -25px 0 40px -30px rgba(0, 0, 0, 0.3);
        content: ' ';
        display: block;
        height: 100%;
        pointer-events: none;
        position: absolute;
        right: 0;
        top: 0;
        width: 50px;
        z-index: 1;
        border-top-left-radius: 50%;
        border-bottom-left-radius: 50%; } }
  #nav-search ul {
    -ms-overflow-style: -ms-autohiding-scrollbar;
    -webkit-overflow-scrolling: touch;
    list-style: none;
    overflow-x: auto;
    white-space: nowrap; }
    #nav-search ul li {
      display: inline-block;
      margin: 0 -4px 0 0; }
      #nav-search ul li a {
        border-bottom: 3px solid rgba(255, 255, 255, 0);
        color: #444;
        display: inline-block;
        padding: 10px 14px 8px;
        text-decoration: none;
        transition: color 0.1s, border 0.1s, background 0.1s; }
        #nav-search ul li a:hover {
          background: rgba(255, 255, 255, 0.4);
          border-bottom: 3px solid rgba(0, 186, 191, 0.4); }
        #nav-search ul li a.active {
          border-bottom: 3px solid #00a2a2;
          color: #00a2a2; }
      #nav-search ul li span {
        display: inline-block;
        padding: 10px 6px 8px 16px; }

#disease-list a, #disease-list .disease-index > ul li a {
  -webkit-transition: all 0.1s ease 0s, visibility 0s ease 0s;
  -moz-transition: all 0.1s ease 0s, visibility 0s ease 0s;
  -ms-transition: all 0.1s ease 0s, visibility 0s ease 0s;
  transition: all 0.1s ease 0s, visibility 0s ease 0s; }

.clearfix:after {
  content: '';
  display: table;
  clear: both; }

.bordered-section {
  border: 1px solid #eee;
  border-radius: 5px; }

#disease-list a {
  text-decoration: none; }

#disease-list .content {
  margin-top: 20px; }
  #disease-list .content > ul {
    border: 1px solid #eee;
    list-style: none;
    overflow: hidden;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px; }
    #disease-list .content > ul > li {
      float: left;
      padding: 0 20px;
      width: 100%; }
      #disease-list .content > ul > li:first-child article {
        border-top: none; }
      #disease-list .content > ul > li article {
        border-top: 1px solid #eee;
        float: left;
        padding: 20px 0;
        width: 100%; }
        #disease-list .content > ul > li article .image {
          background: url("https://dwbxi9io9o7ce.cloudfront.net/public/img/default-place.f4706672a682.jpg?1b03e0c301da") no-repeat 50% 50%/cover;
          float: right;
          height: 80px;
          margin-left: 20px;
          width: 120px;
          -webkit-border-radius: 5px;
          -moz-border-radius: 5px;
          -ms-border-radius: 5px;
          border-radius: 5px; }
          @media screen and (max-width: 479px) {
            #disease-list .content > ul > li article .image {
              height: 200px;
              margin: 0 0 10px 0;
              width: 100%; } }
          @media screen and (max-width: 359px) {
            #disease-list .content > ul > li article .image {
              height: 150px; } }
        #disease-list .content > ul > li article .name-aliases span {
          color: #00a2a2; }
          #disease-list .content > ul > li article .name-aliases span:after {
            content: '\002c';
            display: inline-block; }
          #disease-list .content > ul > li article .name-aliases span:last-child:after {
            display: none; }
          #disease-list .content > ul > li article .name-aliases span + span {
            margin-left: 5px; }

#disease-list section {
  margin-bottom: 0;
  padding: 20px;
  position: relative; }
  @media screen and (max-width: 479px) {
    #disease-list section {
      border-bottom: 1px solid #eee;
      padding: 0 10px; } }
  #disease-list section > h3 {
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 20px;
    position: relative; }
    @media screen and (max-width: 479px) {
      #disease-list section > h3 {
        margin-bottom: 0;
        padding: 10px 0; } }
    #disease-list section > h3:before {
      display: none; }
      @media screen and (max-width: 479px) {
        #disease-list section > h3:before {
          display: block;
          top: 10px; } }

@media screen and (max-width: 479px) {
  #disease-list .disease-index {
    display: none; } }

#disease-list .disease-index > ul {
  list-style: none; }
  #disease-list .disease-index > ul li {
    background: #f6f6f6;
    color: #e9e4e4;
    float: left;
    font-size: 18px;
    height: 40px;
    line-height: 40px;
    margin-bottom: 5px;
    margin-right: 3px;
    text-align: center;
    text-transform: uppercase;
    vertical-align: middle;
    width: 35px; }
    #disease-list .disease-index > ul li a {
      border-bottom: 2px solid transparent;
      color: #333;
      display: block; }
      #disease-list .disease-index > ul li a:hover {
        border-bottom-color: #2B96CC;
        color: #2B96CC; }

#disease-list .disease-body ul {
  list-style: none;
  margin-bottom: 10px;
  margin-top: -7px; }
  #disease-list .disease-body ul li {
    float: left;
    width: 33%; }
    @media screen and (max-width: 767px) {
      #disease-list .disease-body ul li {
        width: 50%; } }
    @media screen and (max-width: 479px) {
      #disease-list .disease-body ul li {
        width: 100%; } }
    @media screen and (max-width: 767px) {
      #disease-list .disease-body ul li:nth-child(2n+3) {
        clear: both; } }
    #disease-list .disease-body ul li:nth-child(3n+4) {
      clear: both; }
      @media screen and (max-width: 767px) {
        #disease-list .disease-body ul li:nth-child(3n+4) {
          clear: none; } }
    #disease-list .disease-body ul li a {
      color: #333;
      display: inline-block;
      font-size: 14px;
      padding: 7px 15px;
      position: relative; }
      #disease-list .disease-body ul li a:hover {
        color: #2B96CC; }
      #disease-list .disease-body ul li a:before {
        background: #2B96CC;
        content: '';
        height: 4px;
        left: 0;
        position: absolute;
        top: 17px;
        width: 4px; }

#disease-list .disease-body .back-to-top {
  cursor: pointer;
  font-size: 12px;
  position: absolute;
  right: 20px;
  top: 23px; }
  @media screen and (max-width: 479px) {
    #disease-list .disease-body .back-to-top {
      display: none; } }
  #disease-list .disease-body .back-to-top a {
    color: #999; }
  #disease-list .disease-body .back-to-top .fa {
    color: #2B96CC;
    margin-left: 5px; }

#disease-detail a {
  -webkit-transition: all 0.1s ease 0s, visibility 0s ease 0s;
  -moz-transition: all 0.1s ease 0s, visibility 0s ease 0s;
  -ms-transition: all 0.1s ease 0s, visibility 0s ease 0s;
  transition: all 0.1s ease 0s, visibility 0s ease 0s; }

.clearfix:after {
  content: '';
  display: table;
  clear: both; }

.bordered-section {
  border: 1px solid #eee;
  border-radius: 5px; }

#disease-detail a {
  text-decoration: none; }

@media screen and (max-width: 479px) {
  #disease-detail .sticky-wrapper {
    display: none; } }

#disease-detail .sticky-nav {
  background: #f2f2f2;
  border-bottom: 2px solid #fff;
  clear: both;
  z-index: 9; }
  @media (max-width: 900px) {
    #disease-detail .sticky-nav .position {
      padding: 0; } }
  @media (max-width: 900px) {
    #disease-detail .sticky-nav .position:before, #disease-detail .sticky-nav .position:after {
      background: #fff;
      color: #888;
      border-radius: 50%;
      display: block;
      font-family: 'FontAwesome';
      position: absolute;
      top: 6px;
      width: 26px;
      height: 26px;
      line-height: 26px;
      text-align: center;
      z-index: 1; }
    #disease-detail .sticky-nav .position:after {
      content: '\f101';
      right: 0; } }
  #disease-detail .sticky-nav .position .inner {
    overflow: hidden;
    padding: 0 20px;
    position: relative;
    transition: padding 0.4s; }
    @media (max-width: 1220px) {
      #disease-detail .sticky-nav .position .inner {
        padding-left: 0; } }
    #disease-detail .sticky-nav .position .inner ul {
      overflow-x: auto;
      white-space: nowrap;
      -webkit-overflow-scrolling: touch;
      -ms-overflow-style: -ms-autohiding-scrollbar; }
      #disease-detail .sticky-nav .position .inner ul li {
        display: inline-block;
        margin: 0 -4px 0 0; }
        @media (max-width: 580px) {
          #disease-detail .sticky-nav .position .inner ul li.unimportant {
            display: none; } }
        #disease-detail .sticky-nav .position .inner ul li a {
          border-bottom: 3px solid rgba(255, 255, 255, 0);
          color: #444;
          display: inline-block;
          padding: 10px 16px 8px;
          text-decoration: none;
          transition: color 0.1s, border 0.1s, background 0.1s; }
          #disease-detail .sticky-nav .position .inner ul li a:hover {
            background: rgba(255, 255, 255, 0.4);
            border-bottom: 3px solid rgba(0, 186, 191, 0.4); }
          #disease-detail .sticky-nav .position .inner ul li a.active {
            border-bottom: 3px solid #00a2a2;
            color: #00a2a2; }

@media screen and (max-width: 1023px) {
  #disease-detail .content {
    width: 70%; } }

@media screen and (max-width: 767px) {
  #disease-detail .content {
    width: 100%; } }

#disease-detail .content.no-content {
  margin-top: 20px; }

#disease-detail .content section {
  margin-top: 30px;
  padding: 0 20px; }
  @media screen and (max-width: 479px) {
    #disease-detail .content section {
      margin: 0;
      padding: 0; } }
  #disease-detail .content section:first-child {
    margin-top: 20px; }
    @media screen and (max-width: 479px) {
      #disease-detail .content section:first-child {
        margin-top: 0; } }
  #disease-detail .content section .name-aliases {
    background: #f2f2f2;
    display: inline-block;
    margin-bottom: 15px;
    padding: 10px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px; }
    #disease-detail .content section .name-aliases ul {
      list-style: none;
      padding: 0; }
      #disease-detail .content section .name-aliases ul li {
        display: inline-block;
        margin-right: 10px; }
  #disease-detail .content section .header {
    border-bottom: 1px solid #eee;
    font-size: 1.17em;
    position: relative; }
    @media screen and (max-width: 479px) {
      #disease-detail .content section .header {
        margin-bottom: 0; } }
    #disease-detail .content section .header:before {
      display: none; }
      @media screen and (max-width: 479px) {
        #disease-detail .content section .header:before {
          display: block; } }
    #disease-detail .content section .header span {
      display: inline-block;
      padding: 0 0 10px;
      position: relative; }
      @media screen and (max-width: 479px) {
        #disease-detail .content section .header span {
          padding: 13px 0; } }
      #disease-detail .content section .header span:before {
        background: #2B96CC;
        bottom: -1px;
        content: '';
        height: 3px;
        left: 0;
        position: absolute;
        width: 100%; }
        @media screen and (max-width: 479px) {
          #disease-detail .content section .header span:before {
            display: none; } }
    @media screen and (max-width: 479px) {
      #disease-detail .content section .header .create-thread {
        display: none; } }
  @media screen and (max-width: 479px) {
    #disease-detail .content section .body {
      border-bottom: 1px solid #eee;
      margin-top: 10px; } }
  #disease-detail .content section .media {
    float: right;
    margin-bottom: 10px;
    margin-left: 10px;
    width: 320px; }
    @media screen and (max-width: 479px) {
      #disease-detail .content section .media {
        display: none; } }
    #disease-detail .content section .media .carousel {
      float: left;
      width: 100%; }
      #disease-detail .content section .media .carousel.primary {
        border: 1px solid #eee;
        height: 100%;
        overflow: hidden;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        -ms-border-radius: 3px;
        border-radius: 3px; }
        #disease-detail .content section .media .carousel.primary .item {
          height: 200px;
          width: 100%; }
          @media screen and (max-width: 359px) {
            #disease-detail .content section .media .carousel.primary .item {
              height: 150px; } }
          @media screen and (max-width: 1023px) {
            #disease-detail .content section .media .carousel.primary .item {
              height: 200px; } }
      #disease-detail .content section .media .carousel.secondary {
        margin-top: 10px; }
        #disease-detail .content section .media .carousel.secondary .owl-item {
          padding: 0 5px; }
          #disease-detail .content section .media .carousel.secondary .owl-item.selected .item a {
            border-color: #2B96CC; }
        #disease-detail .content section .media .carousel.secondary .item {
          height: 50px;
          overflow: hidden;
          width: 75px;
          -webkit-border-radius: 3px;
          -moz-border-radius: 3px;
          -ms-border-radius: 3px;
          border-radius: 3px; }
          @media screen and (max-width: 1119px) {
            #disease-detail .content section .media .carousel.secondary .item {
              width: 60px; } }
          @media screen and (max-width: 1023px) {
            #disease-detail .content section .media .carousel.secondary .item {
              width: 50px; } }
          @media screen and (max-width: 767px) {
            #disease-detail .content section .media .carousel.secondary .item {
              width: 80px; } }
          @media screen and (max-width: 359px) {
            #disease-detail .content section .media .carousel.secondary .item {
              width: 65px; } }
          #disease-detail .content section .media .carousel.secondary .item a {
            border: 1px solid #eee; }
      #disease-detail .content section .media .carousel .item a {
        background: url("https://dwbxi9io9o7ce.cloudfront.net/public/img/default-place.f4706672a682.jpg?1b03e0c301da") no-repeat 50% 50%/cover;
        float: left;
        height: 100%;
        width: 100%; }
  #disease-detail .content section ul, #disease-detail .content section ol {
    padding-left: 40px;
    margin-bottom: 10px; }
    #disease-detail .content section ul:last-child, #disease-detail .content section ol:last-child {
      margin-bottom: 0; }

#disease-detail .content .disease-overview h4 {
  margin: 10px 0 5px; }
  #disease-detail .content .disease-overview h4:first-child {
    margin-top: 0; }

#disease-detail .content .disease-overview .collapse-trigger {
  display: none; }
  @media screen and (max-width: 479px) {
    #disease-detail .content .disease-overview .collapse-trigger {
      display: block; } }

#disease-detail .content .disease-related h3 {
  border-bottom: none; }

#disease-detail .content .disease-related .header {
  border-bottom: 1px solid #eee;
  overflow: hidden;
  padding-bottom: 5px; }
  @media screen and (max-width: 479px) {
    #disease-detail .content .disease-related .header {
      font-size: 1.17em;
      padding-bottom: 0; } }
  @media screen and (max-width: 479px) {
    #disease-detail .content .disease-related .header:before {
      font-size: 1.17em; } }
  #disease-detail .content .disease-related .header h2 {
    float: left;
    font-size: 16px;
    margin: 13px 0 0; }
    @media screen and (max-width: 479px) {
      #disease-detail .content .disease-related .header h2 {
        font-size: 1em;
        margin-top: 0; } }
    #disease-detail .content .disease-related .header h2 span {
      padding-bottom: 0; }
      #disease-detail .content .disease-related .header h2 span:before {
        bottom: -10px; }
  #disease-detail .content .disease-related .header a {
    float: right;
    font-size: 14px;
    padding: 7px 14px 7px 56px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px; }
    #disease-detail .content .disease-related .header a .fa {
      background: rgba(0, 0, 0, 0.2);
      font-size: 18px;
      height: 100%;
      left: 0;
      line-height: 37px;
      position: absolute;
      text-align: center;
      top: 0;
      width: 39px; }
    #disease-detail .content .disease-related .header a:hover .fa {
      background: rgba(0, 186, 190, 0.05);
      color: #2B96CC; }

@media screen and (max-width: 479px) {
  #disease-detail .content .disease-related .collapsible-target {
    border-bottom: none; } }

#disease-detail .content .disease-related > ul {
  list-style: none;
  margin-bottom: 15px;
  padding: 0; }
  @media screen and (max-width: 479px) {
    #disease-detail .content .disease-related > ul {
      margin-bottom: 0; } }
  #disease-detail .content .disease-related > ul > li article {
    border-bottom: 1px solid #eee;
    padding: 15px 0; }
    #disease-detail .content .disease-related > ul > li article h3 {
      margin-bottom: 0; }
    #disease-detail .content .disease-related > ul > li article .image {
      background: url("https://dwbxi9io9o7ce.cloudfront.net/public/img/default-place.f4706672a682.jpg?1b03e0c301da") no-repeat 50% 50%/cover;
      float: right;
      height: 80px;
      margin-left: 20px;
      width: 120px;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      -ms-border-radius: 5px;
      border-radius: 5px; }
      @media screen and (max-width: 479px) {
        #disease-detail .content .disease-related > ul > li article .image {
          height: 200px;
          margin: 0 0 10px 0;
          width: 100%; } }
      @media screen and (max-width: 359px) {
        #disease-detail .content .disease-related > ul > li article .image {
          height: 150px; } }
    #disease-detail .content .disease-related > ul > li article h3 a {
      color: #333; }
      #disease-detail .content .disease-related > ul > li article h3 a:hover {
        color: #2B96CC; }

#disease-detail .content .disease-related .view-more {
  display: block;
  text-align: center; }
  @media screen and (max-width: 479px) {
    #disease-detail .content .disease-related .view-more {
      margin-top: 15px; } }
  #disease-detail .content .disease-related .view-more:hover {
    color: #00a2a2; }

#disease-detail .content .disease-images {
  display: none; }
  @media screen and (max-width: 479px) {
    #disease-detail .content .disease-images {
      display: block; } }
  @media screen and (max-width: 479px) {
    #disease-detail .content .disease-images .media {
      display: block;
      width: 100%; } }

#disease-detail aside {
  margin-top: 10px; }
  @media screen and (max-width: 1023px) {
    #disease-detail aside {
      width: 30%; } }
  @media screen and (max-width: 767px) {
    #disease-detail aside {
      width: 100%; } }
  #disease-detail aside .image {
    height: 40px;
    width: 40px; }
  #disease-detail aside ul li {
    padding: 10px 0 10px 50px; }

.clearfix:after, #promotion-detail .position section .suggestion ul.places > li .body:after {
  content: '';
  display: table;
  clear: both; }

.bordered-section {
  border: 1px solid #eee;
  border-radius: 5px; }

#page-title.promotion-title .position {
  background-color: #fff;
  margin: 0 auto;
  padding: 15px 0 0; }
  #page-title.promotion-title .position .breadcrumbs {
    border-bottom: 1px solid #e8e8e8;
    margin: 0;
    padding: 0 0 10px 20px; }
    @media (min-width: 880px) {
      #page-title.promotion-title .position .breadcrumbs {
        padding: 0 0 15px 10px; } }
    @media (min-width: 1220px) {
      #page-title.promotion-title .position .breadcrumbs {
        padding: 0 0 15px 0; } }
  #page-title.promotion-title .position h1 {
    margin: 0;
    margin-top: 10px;
    padding: 0 10px; }
    #page-title.promotion-title .position h1.mobile {
      display: none;
      padding-bottom: 5px; }
      @media (max-width: 580px) {
        #page-title.promotion-title .position h1.mobile {
          display: block; } }
  @media (max-width: 1220px) {
    #page-title.promotion-title .position {
      width: 100%; } }

#page-title.promotion-title .desktop {
  display: none; }

#promotion-detail .mobile {
  display: none; }
  @media (max-width: 580px) {
    #promotion-detail .mobile {
      display: flex;
      padding: 0 10px; } }

#promotion-detail .position {
  background-color: #fff; }
  @media (max-width: 1220px) {
    #promotion-detail .position {
      width: 100%; } }
  #promotion-detail .position section.promotion-place-list {
    clear: none;
    float: right;
    margin: 0 0 20px;
    padding-top: 0;
    width: 33%; }
    @media (max-width: 880px) {
      #promotion-detail .position section.promotion-place-list {
        order: 1;
        width: 100%; } }
  #promotion-detail .position section.promotion-conditions p {
    font-size: 11px; }
  #promotion-detail .position section.collapsible-container .collapsible-target {
    margin-bottom: 5px;
    padding: 10px; }
    @media (min-width: 880px) {
      #promotion-detail .position section.collapsible-container .collapsible-target {
        padding-left: 0; } }
    @media (max-width: 580px) {
      #promotion-detail .position section.collapsible-container .collapsible-target {
        padding: 10px; } }
  #promotion-detail .position section h3 {
    padding: 10px 0 10px 10px;
    border-top: 1px solid #00a2a2;
    border-bottom: 1px solid #e8e8e8;
    margin-bottom: 0; }
    #promotion-detail .position section h3.product-desc {
      border-top: 1px solid #00a2a2; }
      @media (max-width: 580px) {
        #promotion-detail .position section h3.product-desc {
          border-top: 1px solid #e8e8e8; } }
    @media (min-width: 960px) {
      #promotion-detail .position section h3 {
        padding-left: 0; } }
  #promotion-detail .position section .suggestion ul {
    margin-left: 45px; }
    #promotion-detail .position section .suggestion ul.places {
      margin-left: 0;
      list-style: none;
      padding: 0 10px; }
      #promotion-detail .position section .suggestion ul.places > li {
        border: 1px solid rgba(255, 255, 255, 0);
        border-bottom: 1px solid #eee;
        clear: both;
        padding: 15px 0;
        position: relative;
        transition: box-shadow 0.2s, border 0.1s; }
        #promotion-detail .position section .suggestion ul.places > li:last-child {
          border: none; }
        #promotion-detail .position section .suggestion ul.places > li a {
          text-decoration: none; }
          #promotion-detail .position section .suggestion ul.places > li a:hover {
            text-decoration: underline; }
          #promotion-detail .position section .suggestion ul.places > li a.button {
            padding: 3px 12px; }
            #promotion-detail .position section .suggestion ul.places > li a.button:hover {
              text-decoration: none; }
        #promotion-detail .position section .suggestion ul.places > li .place-image {
          float: left;
          margin: 0 15px 0 0;
          position: relative;
          z-index: 1;
          width: inherit; }
          #promotion-detail .position section .suggestion ul.places > li .place-image .image {
            background: url("https://dwbxi9io9o7ce.cloudfront.net/public/img/default-place.f4706672a682.jpg?1b03e0c301da") no-repeat 50% 50%/cover;
            border-radius: 4px;
            display: block;
            height: 60px;
            overflow: hidden;
            width: 60px; }
            .page-professional-list #promotion-detail .position section .suggestion ul.places > li .place-image .image {
              background-position-y: 20%; }
        #promotion-detail .position section .suggestion ul.places > li .body {
          position: relative;
          margin: 0 0 0 75px;
          min-height: 60px; }
          #promotion-detail .position section .suggestion ul.places > li .body h2 {
            font-weight: normal;
            font-size: 16px;
            margin: 0 0 5px;
            padding-right: 30px; }
          #promotion-detail .position section .suggestion ul.places > li .body .field-place {
            margin-bottom: 3px;
            padding-right: 30px; }
          #promotion-detail .position section .suggestion ul.places > li .body input {
            position: absolute;
            right: 0;
            top: 10px;
            opacity: 0; }
            #promotion-detail .position section .suggestion ul.places > li .body input:checked + span {
              width: 20px;
              height: 20px;
              display: block;
              border: 2px solid #2B96CC;
              border-radius: 50%;
              position: absolute;
              top: -2px;
              right: -2px; }
              #promotion-detail .position section .suggestion ul.places > li .body input:checked + span:before {
                content: '\f00c';
                font-family: FontAwesome;
                color: #2B96CC;
                font-size: 14px;
                position: absolute;
                top: -2px;
                left: 1px; }
          #promotion-detail .position section .suggestion ul.places > li .body label {
            border-radius: 50%;
            border: 2px solid #ccc;
            cursor: pointer;
            display: block;
            height: 20px;
            position: absolute;
            right: 0;
            top: 15px;
            width: 20px; }
          #promotion-detail .position section .suggestion ul.places > li .body .call-to-action {
            display: none;
            top: 20px;
            position: absolute;
            right: 0; }
            @media (max-width: 500px) {
              #promotion-detail .position section .suggestion ul.places > li .body .call-to-action {
                font-size: 12px;
                margin-left: 75px;
                margin-top: 5px;
                position: static;
                text-align: left; } }
            #promotion-detail .position section .suggestion ul.places > li .body .call-to-action a {
              width: 200px;
              height: 40px;
              line-height: 32px;
              text-align: center;
              font-weight: bold; }
              @media (max-width: 500px) {
                #promotion-detail .position section .suggestion ul.places > li .body .call-to-action a {
                  height: 32px;
                  line-height: 26px;
                  width: 100%;
                  max-width: 200px; } }
            #promotion-detail .position section .suggestion ul.places > li .body .call-to-action .action-book:hover {
              text-decoration: none; }
        #promotion-detail .position section .suggestion ul.places > li .star-ratings {
          margin-top: 5px; }
          #promotion-detail .position section .suggestion ul.places > li .star-ratings .stars {
            font-size: 13px; }
      @media (min-width: 960px) {
        #promotion-detail .position section .suggestion ul.places {
          padding: 0; } }
    @media (min-width: 960px) {
      #promotion-detail .position section .suggestion ul {
        order: 2; } }
  #promotion-detail .position section .suggestion form {
    max-width: 400px; }
    @media (max-width: 880px) {
      #promotion-detail .position section .suggestion form {
        max-width: 100%; } }
    #promotion-detail .position section .suggestion form button[type=submit] {
      color: #fff;
      display: block;
      font-size: 16px;
      margin: 0 auto;
      outline: none;
      padding: 7px 20px 8px;
      width: 100%; }
      #promotion-detail .position section .suggestion form button[type=submit].hide {
        display: none; }
      #promotion-detail .position section .suggestion form button[type=submit]:hover {
        border: 1px solid #2B96CC;
        color: #2B96CC;
        background: transparent; }
      #promotion-detail .position section .suggestion form button[type=submit]::before {
        content: '\f06b';
        font-family: FontAwesome;
        margin-right: 10px;
        font-size: 24px;
        position: relative;
        top: 1px; }
      #promotion-detail .position section .suggestion form button[type=submit]::after {
        content: ''; }
      @media (min-width: 960px) {
        #promotion-detail .position section .suggestion form button[type=submit] {
          order: 1;
          width: 100%; } }
      @media (max-width: 880px) {
        #promotion-detail .position section .suggestion form button[type=submit] {
          width: 400px; } }
      @media (max-width: 580px) {
        #promotion-detail .position section .suggestion form button[type=submit] {
          width: 100%; } }
  #promotion-detail .position section .suggestion .actions {
    clear: both;
    font-size: 12px;
    height: 0px;
    overflow: hidden;
    visibility: hidden;
    opacity: 0;
    transition: visibility 0.4s, opacity 0.4s; }
    #promotion-detail .position section .suggestion .actions.showing {
      visibility: visible;
      opacity: 1;
      transition: visibility 0.4s, opacity 0.4s;
      height: auto; }
    #promotion-detail .position section .suggestion .actions .inner {
      border-radius: 5px;
      position: relative;
      padding: 10px; }
      @media (min-width: 880px) {
        #promotion-detail .position section .suggestion .actions .inner {
          padding: 0;
          border-bottom: 1px solid #e8e8e8; } }
      #promotion-detail .position section .suggestion .actions .inner.contact-details {
        background: #f4f4f4;
        border-radius: 5px;
        font-size: 13px;
        overflow: hidden;
        padding: 14px 20px 2px; }
        #promotion-detail .position section .suggestion .actions .inner.contact-details a {
          text-decoration: none; }
          #promotion-detail .position section .suggestion .actions .inner.contact-details a:hover {
            text-decoration: underline; }
        #promotion-detail .position section .suggestion .actions .inner.contact-details .cms {
          margin-bottom: 10px; }
          #promotion-detail .position section .suggestion .actions .inner.contact-details .cms.cms-coupon > p {
            padding-top: 5px; }
        #promotion-detail .position section .suggestion .actions .inner.contact-details .coupon {
          background: #fff;
          border: 1px dashed #ddd;
          float: right;
          margin: 0 0 10px 10px;
          margin-bottom: 10px;
          margin-right: 5px;
          padding: 5px; }
          #promotion-detail .position section .suggestion .actions .inner.contact-details .coupon .coupon-border {
            background: #ff749c;
            border-bottom-right-radius: 8px;
            border-top-left-radius: 8px;
            color: white;
            display: inline-block;
            float: right;
            font-size: 20px;
            height: 40px;
            line-height: 40px;
            padding: 0 20px; }
        #promotion-detail .position section .suggestion .actions .inner.contact-details .coupon-email {
          margin-bottom: 10px;
          font-weight: bold; }
        #promotion-detail .position section .suggestion .actions .inner.contact-details .link {
          margin-bottom: 10px; }
          #promotion-detail .position section .suggestion .actions .inner.contact-details .link a {
            padding: 5px; }
        #promotion-detail .position section .suggestion .actions .inner.contact-details .promotion-contact {
          font-size: 13px; }
          #promotion-detail .position section .suggestion .actions .inner.contact-details .promotion-contact ul {
            margin-bottom: 12px; }
      #promotion-detail .position section .suggestion .actions .inner .booking {
        margin: 0 0 10px; }
        #promotion-detail .position section .suggestion .actions .inner .booking.loading .loader {
          display: block; }
        #promotion-detail .position section .suggestion .actions .inner .booking.loading .booking-picker {
          display: none; }
      #promotion-detail .position section .suggestion .actions .inner .booking-picker a:hover {
        text-decoration: none; }
    #promotion-detail .position section .suggestion .actions h3 {
      font-size: 13px;
      margin: 0 0 2px; }
  @media (max-width: 580px) {
    #promotion-detail .position section .suggestion {
      width: 100%; } }
  #promotion-detail .position section .arrow:before {
    position: initial;
    content: '\f107';
    float: right;
    margin-right: 10px; }
  #promotion-detail .position section.collapsed .collapsible-target {
    display: none; }
  #promotion-detail .position section.collapsed .arrow:before {
    content: '\f106';
    float: right;
    margin-right: 10px; }
  #promotion-detail .position section.collapsed .description-heading {
    border-bottom: 0; }
  #promotion-detail .position section.expanded .collapsible-target {
    display: block; }
  #promotion-detail .position section.expanded .arrow:before {
    content: '\f107';
    float: right;
    margin-right: 10px; }
    @media (min-width: 880px) {
      #promotion-detail .position section.expanded .arrow:before {
        display: none; } }

#promotion-detail .top-left {
  float: left;
  margin-bottom: 0;
  padding: 0 10px;
  width: 37%; }
  @media (max-width: 700px) {
    #promotion-detail .top-left {
      width: 45%; } }
  @media (max-width: 580px) {
    #promotion-detail .top-left {
      width: 100%; } }

#promotion-detail .top-right {
  float: right;
  padding: 0 10px;
  width: 63%; }
  @media (max-width: 700px) {
    #promotion-detail .top-right {
      width: 55%; } }
  @media (max-width: 580px) {
    #promotion-detail .top-right {
      width: 100%; } }
  #promotion-detail .top-right h2.desktop {
    font-size: 24px; }
    @media (max-width: 700px) {
      #promotion-detail .top-right h2.desktop {
        font-size: 20px; } }
    @media (max-width: 580px) {
      #promotion-detail .top-right h2.desktop {
        display: none; } }
  #promotion-detail .top-right .description-heading {
    display: none; }
    @media (max-width: 580px) {
      #promotion-detail .top-right .description-heading {
        display: block; } }
  #promotion-detail .top-right .has-readmore-content > p, #promotion-detail .top-right .collapsed-version > p, #promotion-detail .top-right .full-version > p {
    margin-bottom: 0; }

#promotion-detail .top {
  margin: 20px -10px 15px; }

#promotion-detail .bottom .collapsible-container {
  float: left;
  width: 65%; }
  @media (max-width: 880px) {
    #promotion-detail .bottom .collapsible-container {
      width: 100%;
      order: 2; } }

@media (max-width: 880px) {
  #promotion-detail .bottom {
    display: flex;
    flex-direction: column; } }

@media (max-width: 580px) {
  #promotion-detail .bottom {
    display: block; } }

#promotion-detail .promotion-info {
  border-bottom: 1px solid #eee;
  border-top: 1px solid #eee;
  clear: both;
  padding: 10px 0; }
  @media (max-width: 580px) {
    #promotion-detail .promotion-info {
      display: none; } }

#promotion-detail .price-container {
  align-items: center;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  padding: 0 10px; }
  @media (min-width: 880px) {
    #promotion-detail .price-container {
      float: left;
      padding: 0;
      height: 50px;
      padding-right: 20px;
      border-right: 1px solid #eee; } }
  @media (max-width: 580px) {
    #promotion-detail .price-container {
      padding: 0; } }
  #promotion-detail .price-container .price {
    font-size: 20px;
    font-weight: bold; }
    @media (min-width: 880px) {
      #promotion-detail .price-container .price > span {
        display: block; } }
    @media (min-width: 700px) {
      #promotion-detail .price-container .price {
        margin-bottom: 10px; } }
    #promotion-detail .price-container .price .currency {
      color: #999;
      font-size: 0.8em;
      font-weight: normal;
      margin: 0 0 0 1px;
      text-decoration: none; }
    #promotion-detail .price-container .price .old-price-container {
      font-size: 13px; }
    #promotion-detail .price-container .price .old-price {
      color: #999;
      text-decoration: line-through; }
      @media (min-width: 880px) {
        #promotion-detail .price-container .price .old-price {
          margin-left: 10px; } }
    #promotion-detail .price-container .price .new-price {
      color: #ff749c;
      margin-right: 20px; }
      @media (min-width: 880px) {
        #promotion-detail .price-container .price .new-price {
          padding: 3px 0;
          font-size: 20px; } }
      #promotion-detail .price-container .price .new-price .currency {
        color: #ff749c; }
      #promotion-detail .price-container .price .new-price.price-no-discount {
        margin-right: 0; }
        #promotion-detail .price-container .price .new-price.price-no-discount + .currency {
          font-size: 16px;
          color: #ff749c; }
  #promotion-detail .price-container.mobile .old-price {
    font-size: 14px; }
    #promotion-detail .price-container.mobile .old-price + .currency {
      margin-right: 10px; }
  #promotion-detail .price-container.mobile .new-price {
    margin-right: 0; }

#promotion-detail .discount {
  background-color: #ff749c;
  color: #fff;
  font-size: 15px;
  font-weight: 600;
  line-height: 20px;
  margin-left: 10px;
  padding: 2px;
  position: relative;
  text-align: center;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px; }
  @media (min-width: 880px) {
    #promotion-detail .discount {
      float: right;
      margin-left: 15px;
      margin-top: 3px; } }
  #promotion-detail .discount::before {
    right: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-right-color: #ff749c;
    border-width: 5px;
    margin-top: -5px; }
  #promotion-detail .discount.no-price {
    margin-left: 0;
    margin-top: 10px; }
    #promotion-detail .discount.no-price::before {
      display: none; }

#promotion-detail section:not(.top-right) {
  clear: both; }

#promotion-detail .get-promotion {
  float: left;
  padding: 0 10px; }
  @media (max-width: 580px) {
    #promotion-detail .get-promotion {
      width: 100%; } }
  #promotion-detail .get-promotion .container {
    border-bottom: 1px solid #eee;
    border-top: 1px solid #eee;
    margin-bottom: 15px;
    padding: 10px 0; }
    @media (max-width: 580px) {
      #promotion-detail .get-promotion .container {
        padding: 15px 0;
        width: 100%; } }
    #promotion-detail .get-promotion .container .expire {
      padding-right: 30px;
      border-right: 1px solid #eee; }
      @media (max-width: 580px) {
        #promotion-detail .get-promotion .container .expire {
          padding: 0;
          width: 50%; } }
  #promotion-detail .get-promotion .expire {
    margin-right: 30px;
    margin-top: 10px; }
    @media (max-width: 580px) {
      #promotion-detail .get-promotion .expire {
        float: left;
        margin-right: 0;
        margin-top: 0;
        text-align: center;
        width: 50%; } }
  #promotion-detail .get-promotion .hits {
    clear: both; }
    @media (max-width: 580px) {
      #promotion-detail .get-promotion .hits {
        clear: none;
        float: left;
        text-align: center;
        width: 50%; } }
  #promotion-detail .get-promotion .expire, #promotion-detail .get-promotion .hits {
    color: #666; }
    #promotion-detail .get-promotion .expire .fa, #promotion-detail .get-promotion .hits .fa {
      margin-right: 5px; }
    @media (min-width: 880px) {
      #promotion-detail .get-promotion .expire, #promotion-detail .get-promotion .hits {
        display: block; } }

#promotion-detail .booking-picker {
  max-height: 200px; }

#promotion-detail .actions .inner:after {
  display: none; }

#promotion-detail .receive-intro {
  margin-bottom: 10px; }

#promotion-detail aside {
  float: left;
  margin: 0;
  position: relative;
  width: 100%;
  z-index: 1;
  padding: 0; }
  @media (min-width: 880px) {
    #promotion-detail aside {
      padding-left: 0; } }
  @media (max-width: 580px) {
    #promotion-detail aside {
      margin-bottom: 20px; } }

#promotion-detail .media {
  border: 1px solid #e4e4e4;
  float: left;
  margin: 0;
  overflow: hidden;
  position: relative;
  width: 100%;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px; }
  #promotion-detail .media .new {
    float: left;
    background: #2B96CC;
    text-align: center;
    font-weight: bold;
    color: #fff;
    border-top-left-radius: 5px;
    text-transform: uppercase;
    width: 60px;
    line-height: 25px;
    height: 25px;
    position: absolute;
    top: 0;
    z-index: 10; }
  #promotion-detail .media .carousel {
    position: relative;
    display: block; }
    #promotion-detail .media .carousel .item {
      float: left; }
      #promotion-detail .media .carousel .item a {
        background: url("https://dwbxi9io9o7ce.cloudfront.net/public/img/default-place.f4706672a682.jpg?1b03e0c301da") no-repeat 50% 50%/cover;
        float: left;
        overflow: hidden;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        -ms-border-radius: 3px;
        border-radius: 3px; }
        .page-professional-detail #promotion-detail .media .carousel .item a {
          background-position-y: 20%; }
    #promotion-detail .media .carousel .owl-prev, #promotion-detail .media .carousel .owl-next {
      background: #2B96CC;
      border-radius: 3px;
      color: #fff;
      position: absolute;
      margin: -14px 0 0;
      padding: 4px 2px;
      top: 50%; }
      #promotion-detail .media .carousel .owl-prev:hover, #promotion-detail .media .carousel .owl-next:hover {
        background: #fff;
        color: #2B96CC; }
    #promotion-detail .media .carousel .owl-prev {
      left: 0;
      padding-right: 3px; }
      #promotion-detail .media .carousel .owl-prev:after {
        content: '\f053';
        font-family: 'FontAwesome'; }
    #promotion-detail .media .carousel .owl-next {
      padding-left: 3px;
      right: 0; }
      #promotion-detail .media .carousel .owl-next:after {
        content: '\f054';
        font-family: 'FontAwesome'; }
  #promotion-detail .media .owl-stage {
    margin: 0 auto; }
  #promotion-detail .media .carousel.primary {
    background: #f4f4f4;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    overflow: hidden;
    height: 280px;
    transform: translate3d(0, 0, 0); }
    #promotion-detail .media .carousel.primary.no-image {
      border-radius: 6px; }
    @media (max-width: 960px) {
      #promotion-detail .media .carousel.primary {
        height: 280px; } }
    @media (max-width: 880px) {
      #promotion-detail .media .carousel.primary {
        height: 240px; } }
    @media (max-width: 700px) {
      #promotion-detail .media .carousel.primary {
        height: 220px; } }
    @media (max-width: 580px) {
      #promotion-detail .media .carousel.primary {
        height: 280px; } }
    #promotion-detail .media .carousel.primary .item {
      height: 280px;
      width: 100%; }
      #promotion-detail .media .carousel.primary .item a {
        border-radius: 0;
        height: 100%;
        width: 100%; }
    #promotion-detail .media .carousel.primary .item.no-image {
      background: url("https://dwbxi9io9o7ce.cloudfront.net/public/img/default-place.f4706672a682.jpg?1b03e0c301da") no-repeat 50% 50%/cover; }
    #promotion-detail .media .carousel.primary .owl-prev, #promotion-detail .media .carousel.primary .owl-next {
      background: #2B96CC;
      color: #fff;
      margin: -50px 0 0;
      opacity: 0;
      padding: 40px 7px;
      transition: opacity 0.1s; }
      #promotion-detail .media .carousel.primary .owl-prev:hover, #promotion-detail .media .carousel.primary .owl-next:hover {
        opacity: 1; }
    #promotion-detail .media .carousel.primary:after {
      background: rgba(0, 186, 191, 0.7);
      border-radius: 8px;
      color: #fff;
      content: '\f00e';
      font-family: 'FontAwesome';
      font-size: 40px;
      height: 60px;
      left: 50%;
      line-height: 60px;
      margin: -30px 0 0 -30px;
      opacity: 0;
      pointer-events: none;
      position: absolute;
      text-align: center;
      top: 50%;
      transition: opacity 0.1s;
      width: 60px; }
    #promotion-detail .media .carousel.primary:hover:after {
      opacity: .8; }
    #promotion-detail .media .carousel.primary.no-image:hover:after {
      opacity: 0; }
  #promotion-detail .media .carousel.secondary {
    background: rgba(0, 0, 0, 0.3);
    bottom: 0;
    left: 0;
    margin: 5px 0 0;
    padding: 5px;
    position: absolute; }
    @media (max-width: 880px) {
      #promotion-detail .media .carousel.secondary {
        background: #fff;
        margin: 0;
        position: relative; } }
    #promotion-detail .media .carousel.secondary .item {
      width: 36px; }
      #promotion-detail .media .carousel.secondary .item a {
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        -ms-border-radius: 3px;
        border-radius: 3px;
        border: 2px solid transparent;
        display: block;
        height: 32px;
        margin: auto;
        transition: border-color 0.2s;
        width: 32px; }
    #promotion-detail .media .carousel.secondary .selected .item a {
      border-color: #2B96CC; }
  #promotion-detail .media .full-sized-images {
    display: none; }
  #promotion-detail .media .promotion-hero:hover:after {
    display: none; }

#promotion-list article .image:before, #promotion-list article, #promotion-list article .body {
  -webkit-transition: all 0.1s ease 0s, visibility 0s ease 0s;
  -moz-transition: all 0.1s ease 0s, visibility 0s ease 0s;
  -ms-transition: all 0.1s ease 0s, visibility 0s ease 0s;
  transition: all 0.1s ease 0s, visibility 0s ease 0s; }

#promotion-list article:hover .image:before {
  opacity: .2; }

#promotion-list article:hover a:hover {
  color: #00a2a2; }

#promotion-list article .image {
  position: relative; }
  #promotion-list article .image:before {
    background: #00a2a2;
    content: '';
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px; }

.clearfix:after {
  content: '';
  display: table;
  clear: both; }

.bordered-section {
  border: 1px solid #eee;
  border-radius: 5px; }

#promotion-list {
  padding-bottom: 20px; }
  #promotion-list .no-result {
    padding: 20px 10px; }
  #promotion-list .grid-item {
    float: left;
    padding: 0 10px;
    width: 24.9%; }
    @media screen and (max-width: 979px) {
      #promotion-list .grid-item {
        width: 33.2%; } }
    @media screen and (max-width: 767px) {
      #promotion-list .grid-item {
        width: 49.9%; } }
    @media screen and (max-width: 479px) {
      #promotion-list .grid-item {
        width: 100%; } }
  #promotion-list article {
    border: 1px solid #f0f0f0;
    cursor: pointer;
    margin-top: 20px;
    overflow: hidden;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px; }
    #promotion-list article:hover {
      box-shadow: 0 0 3px #999;
      -webkit-box-shadow: 0 0 3px #999;
      -moz-box-shadow: 0 0 3px #999; }
    #promotion-list article .body {
      overflow: hidden;
      position: relative;
      padding: 20px 20px 10px 20px;
      background-color: #fff; }
      #promotion-list article .body h3 {
        margin-bottom: 0;
        padding-bottom: 20px; }
        #promotion-list article .body h3 a {
          color: #333;
          font-size: 15px;
          font-weight: 600;
          cursor: pointer;
          text-decoration: none; }
          #promotion-list article .body h3 a:hover {
            color: #2B96CC; }
      #promotion-list article .body .expired-date {
        display: inline-block; }
    #promotion-list article .date {
      color: #666;
      display: inline-block;
      margin-right: 20px; }
    #promotion-list article .hits {
      color: #666;
      display: inline-block;
      margin-left: 3px; }
    #promotion-list article .price {
      font-weight: bold;
      font-size: 20px;
      margin-bottom: 10px; }
      #promotion-list article .price .currency {
        color: #999;
        font-size: 0.8em;
        font-weight: normal;
        margin: 0 0 0 1px;
        text-decoration: none; }
      #promotion-list article .price .old-price {
        color: #999;
        text-decoration: line-through; }
      #promotion-list article .price .new-price {
        color: #ff749c;
        margin-right: 20px; }
        #promotion-list article .price .new-price .currency, #promotion-list article .price .new-price + .currency {
          color: #ff749c; }
        #promotion-list article .price .new-price.price-no-discount {
          margin-right: 0; }
    #promotion-list article .place-address {
      margin-bottom: 10px;
      color: #666; }
    #promotion-list article .media {
      position: relative; }
      #promotion-list article .media .image {
        display: block; }
      #promotion-list article .media a {
        max-width: 100%;
        height: auto;
        background: none;
        text-align: center; }
        #promotion-list article .media a img {
          display: block;
          max-width: 100%;
          height: auto; }
      #promotion-list article .media .address {
        position: absolute;
        bottom: 10px;
        left: 10px;
        color: #fff;
        background-color: rgba(0, 0, 0, 0.6);
        padding: 5px 10px 5px 5px;
        border-radius: 5px; }
        #promotion-list article .media .address i {
          font-size: 14px; }
        #promotion-list article .media .address a {
          float: none;
          width: auto;
          font-size: 13px;
          text-decoration: none;
          color: #fff; }
      #promotion-list article .media .new {
        font-size: 20px;
        color: #fff;
        background-color: #4bc8ca;
        position: absolute;
        top: 0;
        left: 0;
        font-weight: 300;
        text-transform: uppercase;
        width: 80px;
        height: 30px;
        text-align: center;
        line-height: 30px; }
      #promotion-list article .media .discount {
        position: absolute;
        top: 10px;
        right: 15px;
        height: 55px;
        width: 55px;
        background-color: #ff749c;
        color: #fff;
        font-size: 17px;
        font-weight: 600;
        text-align: center;
        line-height: 55px;
        border-radius: 50%; }
      #promotion-list article .media .promotion-button {
        position: absolute;
        top: 50%;
        width: 100%;
        text-align: center;
        margin-top: -15px;
        transition: opacity 0.25s ease-in-out;
        -moz-transition: opacity 0.25s ease-in-out;
        -webkit-transition: opacity 0.25s ease-in-out;
        opacity: 0; }
        #promotion-list article .media .promotion-button a {
          background: #73bc28;
          float: none;
          height: auto;
          width: auto;
          color: #fff;
          border-color: #73bc28;
          cursor: pointer;
          text-transform: uppercase; }
          #promotion-list article .media .promotion-button a:hover {
            background-color: #fff;
            color: #73bc28; }
    #promotion-list article:hover .promotion-button {
      opacity: 1; }

.clearfix:after {
  content: '';
  display: table;
  clear: both; }

.bordered-section {
  border: 1px solid #eee;
  border-radius: 5px; }

.promotion-filter {
  padding: 0 10px; }
  @media (max-width: 960px) {
    .promotion-filter {
      padding: 0 20px; } }
  @media (max-width: 700px) {
    .promotion-filter {
      padding: 0; } }
  .promotion-filter .content {
    border-bottom: 1px solid #e8e8e8;
    overflow: hidden; }
    @media (max-width: 960px) {
      .promotion-filter .content {
        padding-bottom: 10px; } }
    @media (max-width: 880px) {
      .promotion-filter .content {
        padding-bottom: 10px; } }
    .promotion-filter .content .promotion-category {
      float: left; }
      @media (max-width: 880px) {
        .promotion-filter .content .promotion-category {
          float: none;
          position: relative; }
          .promotion-filter .content .promotion-category:after {
            box-shadow: inset -55px 0 45px -32px #fafafa;
            content: ' ';
            display: block;
            height: 53px;
            pointer-events: none;
            position: absolute;
            right: 0;
            top: 0;
            width: 50px;
            z-index: 1; } }
      .promotion-filter .content .promotion-category ul {
        margin: 0; }
        @media (max-width: 880px) {
          .promotion-filter .content .promotion-category ul {
            overflow-x: auto;
            white-space: nowrap;
            -webkit-overflow-scrolling: touch;
            -ms-overflow-style: -ms-autohiding-scrollbar;
            border-bottom: 1px solid #e8e8e8; } }
        .promotion-filter .content .promotion-category ul li {
          list-style: none;
          display: inline-block; }
          .promotion-filter .content .promotion-category ul li a {
            display: block;
            color: #333;
            padding: 15px 10px;
            border-bottom: 2px solid transparent;
            font-size: 14px;
            text-transform: capitalize;
            text-decoration: none; }
            .promotion-filter .content .promotion-category ul li a:hover {
              color: #2B96CC; }
            .promotion-filter .content .promotion-category ul li a.active {
              border-bottom: 2px solid #2B96CC; }
  .promotion-filter #filter-summary {
    float: right;
    margin: 0;
    margin-top: 11px; }
    @media (max-width: 960px) {
      .promotion-filter #filter-summary {
        width: 100%;
        background-color: transparent;
        display: block;
        padding: 0; } }
    @media (max-width: 700px) {
      .promotion-filter #filter-summary {
        width: 100%;
        background-color: transparent;
        display: block;
        padding: 0 20px; }
        .promotion-filter #filter-summary a {
          width: 49%;
          float: left; }
          .promotion-filter #filter-summary a:last-child {
            float: right; } }
  .promotion-filter #filter-cta {
    background-color: transparent; }
    @media (max-width: 960px) {
      .promotion-filter #filter-cta {
        padding: 12px 10px;
        display: none; } }
    @media (max-width: 700px) {
      .promotion-filter #filter-cta {
        padding: 12px 10px;
        display: none; } }

.group-filter .group-filter-option {
  margin: 0 0 10px; }
  .group-filter .group-filter-option label {
    font-weight: normal;
    margin: 0 5px 0 0; }
  .group-filter .group-filter-option select {
    max-width: 320px;
    height: 34px; }
    @media (max-width: 800px) {
      .group-filter .group-filter-option select {
        max-width: 192px; } }

.group-filter .carousel-container {
  margin: 0 20px 0 0; }
  @media (max-width: 700px) {
    .group-filter .carousel-container {
      margin-right: 0; } }

.group-filter .item {
  margin: 0 auto; }
  .group-filter .item .group-filter-item {
    border-radius: 4px;
    border: 1px solid #efefef;
    display: block;
    margin-bottom: 10px;
    min-height: 100px;
    overflow: hidden;
    padding: 8px;
    text-align: left;
    text-decoration: none;
    transition: border 0.2s, box-shadow 0.2s;
    width: 100%; }
    .group-filter .item .group-filter-item:hover {
      border: 1px solid rgba(0, 0, 0, 0.14);
      box-shadow: 4px 8px 20px rgba(0, 0, 0, 0.05); }
    @media (max-width: 680px) {
      .group-filter .item .group-filter-item {
        float: left; } }
    .group-filter .item .group-filter-item .image {
      background: url("https://dwbxi9io9o7ce.cloudfront.net/public/img/default-place.f4706672a682.jpg?1b03e0c301da") no-repeat 50% 50%/cover;
      border-radius: 3px;
      height: 80px;
      width: 80px;
      display: block;
      margin: 0 10px 0 0;
      float: left; }
    .group-filter .item .group-filter-item .professional-content {
      clear: both;
      width: 125px;
      margin: 0 auto; }
    .group-filter .item .group-filter-item h4 {
      margin: 0 0 3px;
      color: #333;
      text-decoration: none;
      font-size: 13px; }
    .group-filter .item .group-filter-item p {
      margin: 0 0 3px; }
    .group-filter .item .group-filter-item .item-info {
      margin-left: 90px;
      line-height: 14px;
      color: #777;
      font-size: 11px; }

.group-filter .owl-next, .group-filter .owl-prev {
  border-radius: 3px;
  color: #e1e1e1;
  text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
  position: absolute;
  padding: 4px 2px;
  top: 50%;
  font-size: 25px;
  margin-top: -30px; }
  .group-filter .owl-next:hover, .group-filter .owl-prev:hover {
    color: #2B96CC; }
  .group-filter .owl-next.disabled, .group-filter .owl-prev.disabled {
    display: none; }

.group-filter .owl-prev {
  left: -15px;
  padding-right: 3px; }
  .group-filter .owl-prev:after {
    content: '\f053';
    font-family: 'FontAwesome'; }

.group-filter .owl-next {
  padding-left: 3px;
  right: -15px; }
  .group-filter .owl-next:after {
    content: '\f054';
    font-family: 'FontAwesome'; }

.group-filter .owl-stage {
  left: -40px; }

.group-filter .owl-dots {
  margin: -10px 0 0;
  text-align: center;
  width: 100%; }
  .group-filter .owl-dots .owl-dot {
    background: rgba(0, 0, 0, 0.1);
    border-radius: 50%;
    display: inline-block;
    height: 8px;
    margin: 0 2px;
    transition: background 0.1s;
    width: 8px; }
    .group-filter .owl-dots .owl-dot.active, .group-filter .owl-dots .owl-dot:hover {
      background: #2B96CC; }

#bac-si .group-filter .item .group-filter-item .image {
  background-position: 50% 0; }

.clearfix:after {
  content: '';
  display: table;
  clear: both; }

.bordered-section {
  border: 1px solid #eee;
  border-radius: 5px; }

#drug-tab, #medication-tab {
  margin: 0;
  padding-bottom: 0; }
  #drug-tab ul li, #medication-tab ul li {
    list-style: none;
    background: #f6f6f6;
    color: #e9e4e4;
    float: left;
    font-size: 15px;
    text-align: center;
    text-transform: uppercase;
    vertical-align: middle;
    margin-right: 10px; }
    #drug-tab ul li a, #medication-tab ul li a {
      border-bottom: 2px solid transparent;
      color: #333;
      display: block;
      padding: 7px 20px;
      cursor: pointer;
      text-decoration: none; }
      #drug-tab ul li a.active, #drug-tab ul li a:hover, #medication-tab ul li a.active, #medication-tab ul li a:hover {
        border-bottom: 2px solid #2B96CC;
        color: #2B96CC; }

#drug-list section, #medication-list section {
  overflow: hidden; }
  #drug-list section .grid-layout, #medication-list section .grid-layout {
    list-style: none;
    margin-left: -10px;
    margin-right: -10px; }
    #drug-list section .grid-layout .grid-item, #medication-list section .grid-layout .grid-item {
      float: left;
      margin-bottom: 20px;
      padding: 0 10px;
      width: 50%; }
      @media screen and (max-width: 1119px) {
        #drug-list section .grid-layout .grid-item, #medication-list section .grid-layout .grid-item {
          width: 49.9%; } }
      @media screen and (max-width: 639px) {
        #drug-list section .grid-layout .grid-item, #medication-list section .grid-layout .grid-item {
          margin-bottom: 10px;
          width: 100%; } }
      #drug-list section .grid-layout .grid-item:nth-child(2n+3), #medication-list section .grid-layout .grid-item:nth-child(2n+3) {
        clear: both; }
      #drug-list section .grid-layout .grid-item article, #medication-list section .grid-layout .grid-item article {
        background: #f6f6f6;
        float: left;
        padding: 15px 20px;
        width: 100%;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        -ms-border-radius: 2px;
        border-radius: 2px;
        -webkit-transition: all 0.3s ease 0s, visibility 0s ease 0s;
        -moz-transition: all 0.3s ease 0s, visibility 0s ease 0s;
        -ms-transition: all 0.3s ease 0s, visibility 0s ease 0s;
        transition: all 0.3s ease 0s, visibility 0s ease 0s; }
        #drug-list section .grid-layout .grid-item article:hover, #medication-list section .grid-layout .grid-item article:hover {
          background: #f0f0f0; }
        #drug-list section .grid-layout .grid-item article h3, #medication-list section .grid-layout .grid-item article h3 {
          font-size: 14px;
          margin-bottom: 0; }
          #drug-list section .grid-layout .grid-item article h3 a, #medication-list section .grid-layout .grid-item article h3 a {
            text-decoration: none; }
            #drug-list section .grid-layout .grid-item article h3 a:hover, #medication-list section .grid-layout .grid-item article h3 a:hover {
              text-decoration: underline; }
          #drug-list section .grid-layout .grid-item article h3 + .cms, #medication-list section .grid-layout .grid-item article h3 + .cms {
            margin-top: 10px; }
        #drug-list section .grid-layout .grid-item article .cms, #medication-list section .grid-layout .grid-item article .cms {
          font-size: 12px; }
          #drug-list section .grid-layout .grid-item article .cms ul:last-child, #drug-list section .grid-layout .grid-item article .cms ol:last-child, #drug-list section .grid-layout .grid-item article .cms p:last-child, #medication-list section .grid-layout .grid-item article .cms ul:last-child, #medication-list section .grid-layout .grid-item article .cms ol:last-child, #medication-list section .grid-layout .grid-item article .cms p:last-child {
            margin-bottom: 0; }
          #drug-list section .grid-layout .grid-item article .cms ul li:last-child, #drug-list section .grid-layout .grid-item article .cms ol li:last-child, #medication-list section .grid-layout .grid-item article .cms ul li:last-child, #medication-list section .grid-layout .grid-item article .cms ol li:last-child {
            margin-bottom: 0; }

#drug-list section .grid-layout .grid-item {
  width: 33.3%; }
  @media screen and (max-width: 767px) {
    #drug-list section .grid-layout .grid-item {
      width: 49.9%; } }
  @media screen and (max-width: 639px) {
    #drug-list section .grid-layout .grid-item {
      margin-bottom: 10px;
      width: 100%; } }
  #drug-list section .grid-layout .grid-item:nth-child(2n+3) {
    clear: none; }
    @media screen and (max-width: 767px) {
      #drug-list section .grid-layout .grid-item:nth-child(2n+3) {
        clear: both; } }
  #drug-list section .grid-layout .grid-item:nth-child(3n+4) {
    clear: both; }
    @media screen and (max-width: 767px) {
      #drug-list section .grid-layout .grid-item:nth-child(3n+4) {
        clear: none; } }

.clearfix:after {
  content: '';
  display: table;
  clear: both; }

.bordered-section {
  border: 1px solid #eee;
  border-radius: 5px; }

@media (max-width: 640px) {
  #drug-detail .position {
    padding: 0; } }

#drug-detail .content {
  float: left;
  margin: 0 0 15px;
  position: relative;
  width: 70%; }
  @media (max-width: 960px) {
    #drug-detail .content {
      width: 100%; } }
  #drug-detail .content .drug-nav-left {
    width: 200px;
    float: left; }
    @media (max-width: 640px) {
      #drug-detail .content .drug-nav-left {
        display: none; } }
    #drug-detail .content .drug-nav-left a {
      color: #333;
      text-decoration: none;
      list-style: none;
      padding: 15px 0;
      border-bottom: 1px solid #e8e8e8;
      font-size: 14px;
      font-weight: 600;
      cursor: pointer;
      display: block;
      width: 100%; }
      #drug-detail .content .drug-nav-left a.active, #drug-detail .content .drug-nav-left a:hover {
        color: #00a2a2; }
    #drug-detail .content .drug-nav-left i {
      margin: 0 10px 0 5px;
      font-size: 18px;
      color: #2B96CC; }
  #drug-detail .content .drug-body {
    overflow: hidden;
    padding-left: 20px;
    padding-top: 20px; }
    @media (max-width: 640px) {
      #drug-detail .content .drug-body {
        padding-left: 0;
        padding-top: 0; }
        #drug-detail .content .drug-body .collapsible-container.collapsible-block.collapsed .collapsible-target {
          display: none; } }
    #drug-detail .content .drug-body .drug-image .owl-dots {
      margin: 0;
      text-align: center;
      width: 100%; }
      #drug-detail .content .drug-body .drug-image .owl-dots .owl-dot {
        background: rgba(0, 0, 0, 0.1);
        border-radius: 50%;
        display: inline-block;
        height: 8px;
        margin: 0 2px;
        transition: background 0.1s;
        width: 8px; }
        #drug-detail .content .drug-body .drug-image .owl-dots .owl-dot.active {
          background: #2B96CC; }
    #drug-detail .content .drug-body .drug-image h2 {
      display: none; }
      @media (max-width: 640px) {
        #drug-detail .content .drug-body .drug-image h2 {
          display: block; } }
    #drug-detail .content .drug-body .drug-image .standard-carousel .owl-item {
      text-align: center; }
    #drug-detail .content .drug-body .drug-image .standard-carousel img {
      max-width: 80%;
      height: auto;
      margin: 0 auto;
      width: auto;
      max-height: 170px; }
    @media (max-width: 640px) {
      #drug-detail .content .drug-body .drug-image .standard-carousel {
        padding-bottom: 0; }
        #drug-detail .content .drug-body .drug-image .standard-carousel img {
          width: 100%; } }
    #drug-detail .content .drug-body .drug-image .standard-carousel .owl-next, #drug-detail .content .drug-body .drug-image .standard-carousel .owl-prev {
      position: absolute;
      top: 50%;
      margin-top: -13px;
      color: #c0c0c0; }
      #drug-detail .content .drug-body .drug-image .standard-carousel .owl-next:before, #drug-detail .content .drug-body .drug-image .standard-carousel .owl-prev:before {
        display: inline-block;
        font-family: FontAwesome;
        font-style: normal;
        font-size: 12px;
        font-weight: normal;
        line-height: 1;
        transform: translate(0, 0);
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: 25px; }
      #drug-detail .content .drug-body .drug-image .standard-carousel .owl-next.disabled, #drug-detail .content .drug-body .drug-image .standard-carousel .owl-prev.disabled {
        display: none; }
      #drug-detail .content .drug-body .drug-image .standard-carousel .owl-next:hover, #drug-detail .content .drug-body .drug-image .standard-carousel .owl-prev:hover {
        color: #2B96CC; }
    #drug-detail .content .drug-body .drug-image .standard-carousel .owl-prev:before {
      content: '\f053'; }
    #drug-detail .content .drug-body .drug-image .standard-carousel .owl-next {
      right: 0; }
      #drug-detail .content .drug-body .drug-image .standard-carousel .owl-next:before {
        content: '\f054'; }
    #drug-detail .content .drug-body .drug-info {
      overflow: hidden;
      line-height: 16px;
      margin-bottom: 10px; }
      #drug-detail .content .drug-body .drug-info h4 {
        float: left;
        margin-right: 10px;
        margin-bottom: 0; }
    #drug-detail .content .drug-body section {
      margin-bottom: 0;
      padding: 0 0 20px 0; }
      #drug-detail .content .drug-body section#description h2 {
        display: none; }
      @media (max-width: 640px) {
        #drug-detail .content .drug-body section {
          padding-bottom: 0; }
          #drug-detail .content .drug-body section.expanded {
            border-bottom: 1px solid #e8e8e8;
            padding-bottom: 10px; }
            #drug-detail .content .drug-body section.expanded h2:before {
              content: '\f107'; }
          #drug-detail .content .drug-body section.collapsed h2 {
            margin-bottom: 0; }
          #drug-detail .content .drug-body section#description h2 {
            display: block; }
          #drug-detail .content .drug-body section.hide {
            display: block; } }
      #drug-detail .content .drug-body section h2 {
        color: #00a2a2;
        font-size: 14px;
        font-weight: 600;
        border-bottom: 1px solid #2B96CC;
        float: left;
        display: block;
        padding-bottom: 10px; }
        #drug-detail .content .drug-body section h2 i {
          display: none; }
        @media (max-width: 640px) {
          #drug-detail .content .drug-body section h2 {
            float: none;
            width: 100%;
            position: relative;
            color: #333;
            padding: 15px 10px;
            border-bottom: 1px solid #e8e8e8; }
            #drug-detail .content .drug-body section h2 i {
              display: inline-block;
              color: #2B96CC;
              font-size: 17px; } }
        #drug-detail .content .drug-body section h2:before {
          content: '';
          color: #666; }
          @media (max-width: 640px) {
            #drug-detail .content .drug-body section h2:before {
              content: '\f105';
              top: 15px;
              right: 10px; } }
      #drug-detail .content .drug-body section .body {
        clear: both; }
        @media (max-width: 640px) {
          #drug-detail .content .drug-body section .body {
            padding: 0 10px; } }

#drug-detail aside {
  float: left;
  padding: 20px 0 10px 20px;
  width: 30%; }
  @media (max-width: 960px) {
    #drug-detail aside {
      width: 100%; } }
  @media (max-width: 640px) {
    #drug-detail aside {
      padding: 10px; } }
  #drug-detail aside section h3 {
    padding: 15px 0; }
  #drug-detail aside section.top-list ul {
    border-bottom: none; }
    #drug-detail aside section.top-list ul.border-bottom {
      border-bottom: inherit; }
    #drug-detail aside section.top-list ul li {
      border-bottom: 1px solid #e8e8e8;
      padding: 0;
      min-height: 60px; }
      #drug-detail aside section.top-list ul li .content-collection {
        padding: 10px 10px 10px 50px;
        width: 50%;
        float: left;
        position: relative; }
      #drug-detail aside section.top-list ul li a.image {
        width: 40px;
        height: 40px;
        margin-right: 10px; }
      #drug-detail aside section.top-list ul li:last-child {
        border: none; }
      #drug-detail aside section.top-list ul li + li {
        border-top: none; }
  #drug-detail aside section.drug-collection ul li {
    border-bottom: none;
    min-height: inherit; }
    #drug-detail aside section.drug-collection ul li .content-collection {
      min-height: 40px;
      padding-right: 0;
      width: 100%; }
  #drug-detail aside section.drug-collection .drug-icon {
    background: transparent url("https://dwbxi9io9o7ce.cloudfront.net/public/img/sprite.f019f5e9f733.png?1b03e0c301da") no-repeat -245px -37px/405px auto;
    display: block;
    height: 40px;
    left: 0;
    position: absolute;
    top: 2px;
    width: 40px; }

#list-cms .top-new .list-feature ul li .image:before, #list-cms .post-list-new ul li .image:before, #list-cms .list-by-category .list-post ul li .image:before {
  -webkit-transition: all 0.1s ease 0s, visibility 0s ease 0s;
  -moz-transition: all 0.1s ease 0s, visibility 0s ease 0s;
  -ms-transition: all 0.1s ease 0s, visibility 0s ease 0s;
  transition: all 0.1s ease 0s, visibility 0s ease 0s; }

#list-cms .top-new .list-feature ul li:hover .image:before, #list-cms .post-list-new ul li:hover .image:before, #list-cms .list-by-category .list-post ul li:hover .image:before {
  opacity: .2; }

#list-cms .top-new .list-feature ul li:hover a:hover, #list-cms .post-list-new ul li:hover a:hover, #list-cms .list-by-category .list-post ul li:hover a:hover {
  color: #00a2a2; }

#list-cms .top-new .list-feature ul li .image, #list-cms .post-list-new ul li .image, #list-cms .list-by-category .list-post ul li .image {
  position: relative; }
  #list-cms .top-new .list-feature ul li .image:before, #list-cms .post-list-new ul li .image:before, #list-cms .list-by-category .list-post ul li .image:before {
    background: #00a2a2;
    content: '';
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px; }

.clearfix:after {
  content: '';
  display: table;
  clear: both; }

.bordered-section {
  border: 1px solid #eee;
  border-radius: 5px; }

#list-cms {
  margin-top: 10px;
  padding-bottom: 20px; }
  @media (max-width: 700px) {
    #list-cms {
      padding: 0; } }
  #list-cms .top-new {
    overflow: hidden;
    padding-top: 20px; }
    @media (max-width: 700px) {
      #list-cms .top-new {
        padding: 20px 10px 0 10px; } }
    #list-cms .top-new .latest-post {
      width: 74%;
      float: left;
      padding-right: 10px; }
      @media (max-width: 880px) {
        #list-cms .top-new .latest-post {
          width: 70%; } }
      @media (max-width: 700px) {
        #list-cms .top-new .latest-post {
          width: 100%;
          padding-right: 0; } }
      #list-cms .top-new .latest-post .latest-post-image .image {
        background: url("https://dwbxi9io9o7ce.cloudfront.net/public/img/default-place.f4706672a682.jpg?1b03e0c301da") no-repeat 50% 50%/cover;
        border: 1px solid #f8f8f8;
        float: left;
        height: 370px;
        margin-right: 20px;
        width: 580px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        border-radius: 5px; }
        @media screen and (max-width: 1119px) {
          #list-cms .top-new .latest-post .latest-post-image .image {
            height: 300px;
            width: 50%; } }
        @media screen and (max-width: 979px) {
          #list-cms .top-new .latest-post .latest-post-image .image {
            height: 250px; } }
        @media screen and (max-width: 799px) {
          #list-cms .top-new .latest-post .latest-post-image .image {
            height: 200px; } }
        @media screen and (max-width: 479px) {
          #list-cms .top-new .latest-post .latest-post-image .image {
            height: 250px;
            margin-bottom: 10px;
            margin-right: 0;
            width: 100%; } }
      #list-cms .top-new .latest-post .latest-post-body {
        padding-right: 10px; }
        @media (max-width: 880px) {
          #list-cms .top-new .latest-post .latest-post-body {
            width: 100%;
            padding-right: 0; } }
        #list-cms .top-new .latest-post .latest-post-body .title-latest-post {
          font-family: Georgia, Times, serif;
          font-size: 22px;
          font-weight: normal; }
          #list-cms .top-new .latest-post .latest-post-body .title-latest-post a {
            color: #333;
            text-decoration: none;
            cursor: pointer; }
            @media screen and (max-width: 639px) {
              #list-cms .top-new .latest-post .latest-post-body .title-latest-post a {
                font-size: 18px; } }
            #list-cms .top-new .latest-post .latest-post-body .title-latest-post a:hover {
              color: #00a2a2; }
    #list-cms .top-new .list-feature {
      overflow: hidden;
      width: 26%;
      float: right; }
      @media (max-width: 1024px) {
        #list-cms .top-new .list-feature {
          max-height: 400px;
          overflow-y: scroll;
          -webkit-overflow-scrolling: touch;
          -ms-overflow-style: -ms-autohiding-scrollbar; } }
      @media (max-width: 960px) {
        #list-cms .top-new .list-feature {
          max-height: 450px; } }
      @media (max-width: 880px) {
        #list-cms .top-new .list-feature {
          width: 30%; } }
      @media (max-width: 700px) {
        #list-cms .top-new .list-feature {
          display: none; } }
      #list-cms .top-new .list-feature ul {
        padding: 15px;
        background-color: #f5f5f5;
        margin: 0;
        border-radius: 5px; }
        #list-cms .top-new .list-feature ul li {
          list-style: none;
          margin: 0 0 10px;
          overflow: hidden; }
          #list-cms .top-new .list-feature ul li:last-child {
            margin-bottom: 0; }
          #list-cms .top-new .list-feature ul li:hover h4 a {
            color: #00a2a2; }
          #list-cms .top-new .list-feature ul li .image {
            background: transparent none no-repeat 50% 50% / cover;
            border-radius: 3px;
            height: 40px;
            width: 55px;
            display: block;
            margin: 0 10px 0 0;
            float: left; }
            @media screen and (max-width: 979px) {
              #list-cms .top-new .list-feature ul li .image {
                display: none; } }
          #list-cms .top-new .list-feature ul li h4 {
            font-weight: normal;
            margin: 0; }
            #list-cms .top-new .list-feature ul li h4 a {
              text-decoration: none;
              color: #333;
              cursor: pointer;
              overflow: hidden; }
  #list-cms .post-list-new {
    clear: both;
    padding-top: 20px;
    overflow: hidden; }
    @media (max-width: 700px) {
      #list-cms .post-list-new {
        padding: 20px 10px 0 10px; } }
    #list-cms .post-list-new ul {
      margin: 0 -10px;
      overflow: hidden; }
      #list-cms .post-list-new ul li {
        list-style: none;
        width: 25%;
        float: left;
        display: inline-block;
        padding: 0 10px; }
        @media screen and (max-width: 479px) {
          #list-cms .post-list-new ul li {
            width: 50%;
            margin-bottom: 10px; }
            #list-cms .post-list-new ul li:nth-child(odd) {
              clear: both; } }
        #list-cms .post-list-new ul li h4 {
          float: left;
          font-size: 14px;
          width: 100%; }
          #list-cms .post-list-new ul li h4 a {
            color: #333;
            cursor: pointer;
            display: block;
            float: left;
            font-weight: 600;
            margin-bottom: 5px;
            text-decoration: none; }
        #list-cms .post-list-new ul li .image {
          float: left;
          margin-bottom: 10px;
          width: 100%; }
          #list-cms .post-list-new ul li .image img {
            float: left;
            height: auto;
            max-width: 100%;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            -ms-border-radius: 5px;
            border-radius: 5px; }
        #list-cms .post-list-new ul li:hover a {
          color: #00a2a2; }
  #list-cms .list-by-category {
    clear: both;
    overflow: hidden;
    padding-top: 15px; }
    #list-cms .list-by-category:last-child {
      padding-bottom: 20px; }
    #list-cms .list-by-category .categories {
      padding-left: 0;
      padding-right: 0; }
    #list-cms .list-by-category .list-category {
      border-top: 1px solid #2B96CC;
      border-bottom: 1px solid #e8e8e8; }
      @media (max-width: 700px) {
        #list-cms .list-by-category .list-category {
          position: relative; }
          #list-cms .list-by-category .list-category:after {
            box-shadow: inset -25px 0 40px -30px rgba(0, 0, 0, 0.3);
            content: ' ';
            display: block;
            height: 100%;
            pointer-events: none;
            position: absolute;
            right: 0;
            top: 0;
            width: 50px;
            z-index: 1;
            border-top-left-radius: 50%;
            border-bottom-left-radius: 50%; } }
      #list-cms .list-by-category .list-category ul {
        margin: 0;
        overflow: hidden; }
        @media (max-width: 700px) {
          #list-cms .list-by-category .list-category ul {
            overflow-x: scroll;
            overflow-y: hidden;
            height: 41px;
            white-space: nowrap;
            padding: 0 10px;
            -webkit-overflow-scrolling: touch;
            -ms-overflow-style: -ms-autohiding-scrollbar; } }
        #list-cms .list-by-category .list-category ul li {
          list-style: none;
          float: left;
          margin-right: 25px;
          display: inline-block; }
          @media (max-width: 700px) {
            #list-cms .list-by-category .list-category ul li {
              float: none; } }
          #list-cms .list-by-category .list-category ul li a {
            text-decoration: none;
            color: #333;
            cursor: pointer;
            font-weight: 600;
            font-size: 14px;
            display: block;
            padding: 10px 0; }
            #list-cms .list-by-category .list-category ul li a.active, #list-cms .list-by-category .list-category ul li a:hover {
              color: #2B96CC; }
    @media (max-width: 700px) {
      #list-cms .list-by-category .list-post {
        overflow: hidden;
        padding: 0 10px; } }
    #list-cms .list-by-category .list-post ul {
      width: 79%;
      margin: 0;
      float: left;
      padding-right: 10px; }
      @media (max-width: 960px) {
        #list-cms .list-by-category .list-post ul {
          width: 100%;
          padding-right: 0; } }
      #list-cms .list-by-category .list-post ul li {
        list-style: none;
        float: left;
        width: 50%;
        padding-right: 20px; }
        @media (max-width: 580px) {
          #list-cms .list-by-category .list-post ul li {
            width: 100%;
            padding-right: 0; } }
        #list-cms .list-by-category .list-post ul li:hover .title {
          color: #00a2a2; }
        #list-cms .list-by-category .list-post ul li .title {
          display: block;
          font-size: 15px;
          color: #000;
          font-weight: 600;
          margin: 10px 0;
          text-decoration: none;
          cursor: pointer; }
        #list-cms .list-by-category .list-post ul li .body-post .image {
          max-width: 260px;
          margin-right: 15px;
          float: left; }
          @media screen and (max-width: 1220px) {
            #list-cms .list-by-category .list-post ul li .body-post .image {
              max-width: 50%; } }
          @media screen and (min-width: 480px) and (max-width: 580px) {
            #list-cms .list-by-category .list-post ul li .body-post .image {
              max-width: 30%; } }
          #list-cms .list-by-category .list-post ul li .body-post .image img {
            display: block;
            width: 100%;
            height: auto;
            border-radius: 5px; }
    #list-cms .list-by-category .list-post .post-by-category {
      width: 21%;
      float: left;
      margin-top: 15px; }
      @media (max-width: 960px) {
        #list-cms .list-by-category .list-post .post-by-category {
          width: 100%; } }
      #list-cms .list-by-category .list-post .post-by-category ul {
        border: 1px solid #e8e8e8;
        margin: 0;
        padding: 10px;
        width: 100%;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        border-radius: 5px; }
        @media (max-width: 960px) {
          #list-cms .list-by-category .list-post .post-by-category ul {
            border: none;
            padding: 0;
            -webkit-border-radius: 0;
            -moz-border-radius: 0;
            -ms-border-radius: 0;
            border-radius: 0; } }
        #list-cms .list-by-category .list-post .post-by-category ul li {
          list-style: none;
          padding: 0;
          width: 100%; }
          #list-cms .list-by-category .list-post .post-by-category ul li a {
            color: #333;
            cursor: pointer;
            display: block;
            font-size: 13px;
            font-weight: 600;
            margin-bottom: 10px;
            text-decoration: none; }
            #list-cms .list-by-category .list-post .post-by-category ul li a:hover {
              color: #00a2a2; }
  @media (max-width: 700px) {
    #list-cms.category-list {
      padding: 0 10px; } }
  #list-cms.category-list .category-content {
    margin-left: 190px;
    padding-left: 20px; }
    @media (max-width: 700px) {
      #list-cms.category-list .category-content {
        margin-left: 0;
        padding-left: 0; } }
    #list-cms.category-list .category-content h1 {
      border-bottom: 1px solid #e8e8e8;
      padding: 8px 0 12px 0;
      font-size: 15px;
      margin-bottom: 20px;
      font-weight: 600; }
    #list-cms.category-list .category-content .latest-post {
      overflow: hidden;
      padding-bottom: 20px;
      margin-bottom: 20px;
      border-bottom: 1px solid #e8e8e8; }
      #list-cms.category-list .category-content .latest-post .title-latest-post a {
        color: #333;
        font-size: 22px;
        font-weight: 600;
        margin-bottom: 10px;
        text-decoration: none; }
        #list-cms.category-list .category-content .latest-post .title-latest-post a:hover {
          color: #2B96CC; }
      #list-cms.category-list .category-content .latest-post .latest-post-image img {
        max-width: 680px;
        height: auto;
        border-radius: 5px;
        float: left;
        margin-right: 20px; }
        @media (max-width: 1060px) {
          #list-cms.category-list .category-content .latest-post .latest-post-image img {
            max-width: 60%; } }
        @media (max-width: 880px) {
          #list-cms.category-list .category-content .latest-post .latest-post-image img {
            max-width: 100%;
            margin-bottom: 10px; } }
    #list-cms.category-list .category-content .post-list {
      border-bottom: 1px solid #e8e8e8; }
      #list-cms.category-list .category-content .post-list ul li {
        list-style: none;
        overflow: hidden;
        margin-bottom: 20px;
        font-size: 13px; }
        #list-cms.category-list .category-content .post-list ul li h4 a {
          color: #333;
          font-size: 22px;
          font-weight: 600;
          text-decoration: none; }
          #list-cms.category-list .category-content .post-list ul li h4 a:hover {
            color: #2B96CC; }
        #list-cms.category-list .category-content .post-list ul li img {
          float: left;
          margin-right: 15px;
          max-width: 260px;
          border-radius: 5px;
          margin-bottom: 10px; }
          @media (max-width: 880px) {
            #list-cms.category-list .category-content .post-list ul li img {
              max-width: 130px;
              margin-bottom: 0; } }
          @media (max-width: 320px) {
            #list-cms.category-list .category-content .post-list ul li img {
              max-width: 100%;
              float: none; } }

#detail-cms section.supplementary .posts-list li .image:before {
  -webkit-transition: all 0.1s ease 0s, visibility 0s ease 0s;
  -moz-transition: all 0.1s ease 0s, visibility 0s ease 0s;
  -ms-transition: all 0.1s ease 0s, visibility 0s ease 0s;
  transition: all 0.1s ease 0s, visibility 0s ease 0s; }

#detail-cms section.supplementary .posts-list li:hover .image:before {
  opacity: .2; }

#detail-cms section.supplementary .posts-list li:hover a:hover {
  color: #00a2a2; }

#detail-cms section.supplementary .posts-list li .image {
  position: relative; }
  #detail-cms section.supplementary .posts-list li .image:before {
    background: #00a2a2;
    content: '';
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px; }

.clearfix:after {
  content: '';
  display: table;
  clear: both; }

.bordered-section {
  border: 1px solid #eee;
  border-radius: 5px; }

@media (max-width: 700px) {
  #detail-cms {
    margin-top: 10px; } }

#detail-cms .breadcrumbs {
  border-bottom: 1px solid #e8e8e8;
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px; }
  #detail-cms .breadcrumbs h2 {
    display: none;
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 0px;
    padding: 8px 0 12px 0; }
    #detail-cms .breadcrumbs h2 a {
      color: #333;
      text-decoration: none; }
      #detail-cms .breadcrumbs h2 a:hover {
        color: #2B96CC; }
    @media (max-width: 700px) {
      #detail-cms .breadcrumbs h2 {
        display: block; } }

#detail-cms h1 {
  font-family: Georgia, Times, serif;
  font-size: 32px;
  font-weight: normal;
  margin: 0; }

#detail-cms .content {
  width: 70%;
  margin: 0 auto;
  float: left; }
  @media (max-width: 880px) {
    #detail-cms .content {
      width: 100%; } }
  @media (max-width: 700px) {
    #detail-cms .content .h1 {
      margin-top: 0; } }
  #detail-cms .content .date {
    color: #aaa;
    font-size: 13px; }
  #detail-cms .content .nav {
    color: #666; }
    #detail-cms .content .nav a {
      font-size: 12px;
      color: #666;
      text-decoration: none; }
    #detail-cms .content .nav span {
      margin: 0 3px; }
  #detail-cms .content .tags {
    clear: both;
    margin: 25px 0;
    color: #A9A1A1; }
    #detail-cms .content .tags a {
      display: inline-block;
      margin-top: 10px;
      margin-right: 10px;
      text-decoration: none;
      color: #A9A1A1;
      padding: 3px 6px;
      border: 1px solid #ddd; }
      #detail-cms .content .tags a:hover {
        border: 1px solid #00a2a2;
        color: #00a2a2;
        transition: all 0.5s ease-out; }
  #detail-cms .content .feed-img-cover {
    border-left: 1px solid #e8e8e8;
    float: right;
    margin: 20px 0 0 15px;
    padding-left: 15px; }
    @media (max-width: 625px) {
      #detail-cms .content .feed-img-cover {
        float: none;
        border-left: 0;
        margin-left: 0;
        padding-left: 0; } }
    #detail-cms .content .feed-img-cover .feed-img {
      border-radius: 5px;
      max-width: 420px; }
      @media (max-width: 1100px) {
        #detail-cms .content .feed-img-cover .feed-img {
          max-width: 350px; } }
      @media (max-width: 625px) {
        #detail-cms .content .feed-img-cover .feed-img {
          max-width: 100%; } }
  #detail-cms .content figure:not(.post-img-cover) {
    text-align: center; }
  #detail-cms .content .post-img-cover {
    margin: 10px 0; }
    @media (max-width: 880px) {
      #detail-cms .content .post-img-cover {
        padding: 0 20px; } }
    #detail-cms .content .post-img-cover.left {
      float: left; }
    #detail-cms .content .post-img-cover.right {
      float: right; }
    #detail-cms .content .post-img-cover.mid, #detail-cms .content .post-img-cover.full {
      text-align: center; }
    #detail-cms .content .post-img-cover .caption {
      text-align: center; }
    #detail-cms .content .post-img-cover img:not(.feed-img) {
      max-width: 100%;
      border-radius: 5px; }
      #detail-cms .content .post-img-cover img:not(.feed-img).left {
        float: left;
        margin-right: 20px;
        width: 300px; }
      #detail-cms .content .post-img-cover img:not(.feed-img).right {
        float: right;
        margin-left: 20px;
        width: 300px; }
      #detail-cms .content .post-img-cover img:not(.feed-img).mid, #detail-cms .content .post-img-cover img:not(.feed-img).full {
        width: 420px; }
  #detail-cms .content .social-cta {
    margin: 10px 0; }
  #detail-cms .content .detail-body {
    margin-bottom: 20px; }
    #detail-cms .content .detail-body img:not(.uploaded) {
      display: block;
      height: auto;
      margin: 0 auto;
      max-width: 100%;
      width: 420px; }
      @media (max-width: 880px) {
        #detail-cms .content .detail-body img:not(.uploaded) {
          padding: 0 20px; } }
    #detail-cms .content .detail-body .vicaread {
      display: block;
      margin: 10px 0 20px; }
      #detail-cms .content .detail-body .vicaread img {
        border-radius: 5px; }
  #detail-cms .content #comment-wrapper #list-comment {
    float: left;
    padding-right: 15px;
    width: 50%; }
    @media (max-width: 580px) {
      #detail-cms .content #comment-wrapper #list-comment {
        width: 100%; } }
    #detail-cms .content #comment-wrapper #list-comment article {
      float: left;
      margin-bottom: 15px;
      width: 100%; }
      #detail-cms .content #comment-wrapper #list-comment article .answer {
        float: left;
        padding-left: 55px;
        position: relative;
        width: 100%; }
        #detail-cms .content #comment-wrapper #list-comment article .answer .answer-top {
          float: left;
          width: 100%; }
          #detail-cms .content #comment-wrapper #list-comment article .answer .answer-top .image {
            background: url("https://dwbxi9io9o7ce.cloudfront.net/public/img/default-place.f4706672a682.jpg?1b03e0c301da") no-repeat 50% 50%/cover;
            border: 1px solid #eee;
            color: #fff;
            float: left;
            font-size: 22px;
            height: 40px;
            left: 0;
            line-height: 39px;
            margin-right: 15px;
            position: absolute;
            text-align: center;
            top: 0;
            vertical-align: middle;
            width: 40px;
            -webkit-border-radius: 3px;
            -moz-border-radius: 3px;
            -ms-border-radius: 3px;
            border-radius: 3px; }
            #detail-cms .content #comment-wrapper #list-comment article .answer .answer-top .image span {
              text-transform: uppercase; }
          #detail-cms .content #comment-wrapper #list-comment article .answer .answer-top .post-meta-data .has-tooltip {
            display: none;
            font-size: 11px; }
          #detail-cms .content #comment-wrapper #list-comment article .answer .answer-top h3 {
            font-size: 13px;
            margin-bottom: 5px; }
            #detail-cms .content #comment-wrapper #list-comment article .answer .answer-top h3 a {
              color: #333;
              text-decoration: none; }
            #detail-cms .content #comment-wrapper #list-comment article .answer .answer-top h3 .verified-badge {
              display: none; }
          #detail-cms .content #comment-wrapper #list-comment article .answer .answer-top p {
            display: none; }
        #detail-cms .content #comment-wrapper #list-comment article .answer .time {
          color: #666;
          font-size: 11px;
          margin-bottom: 10px; }
        #detail-cms .content #comment-wrapper #list-comment article .answer .body.editing .edit, #detail-cms .content #comment-wrapper #list-comment article .answer .body.editing .reply, #detail-cms .content #comment-wrapper #list-comment article .answer .body.editing .thanks-button-count {
          display: none; }
        #detail-cms .content #comment-wrapper #list-comment article .answer .body .edit, #detail-cms .content #comment-wrapper #list-comment article .answer .body .reply, #detail-cms .content #comment-wrapper #list-comment article .answer .body .thanks-button-count {
          color: #666;
          float: left;
          font-size: 11px;
          margin-right: 15px;
          margin-top: 5px;
          text-decoration: none; }
          #detail-cms .content #comment-wrapper #list-comment article .answer .body .edit:hover, #detail-cms .content #comment-wrapper #list-comment article .answer .body .reply:hover, #detail-cms .content #comment-wrapper #list-comment article .answer .body .thanks-button-count:hover {
            color: #00a2a2; }
        #detail-cms .content #comment-wrapper #list-comment article .answer .body .thanks-button-count {
          margin-top: 0; }
          #detail-cms .content #comment-wrapper #list-comment article .answer .body .thanks-button-count a {
            text-decoration: none; }
        #detail-cms .content #comment-wrapper #list-comment article .answer .body .edit-post label {
          display: none; }
        #detail-cms .content #comment-wrapper #list-comment article .answer .body .edit-post textarea {
          float: left;
          height: 100px;
          margin-bottom: 15px;
          width: 100%; }
        #detail-cms .content #comment-wrapper #list-comment article .answer .body .edit-post .add-images, #detail-cms .content #comment-wrapper #list-comment article .answer .body .edit-post .add-more-image {
          display: none; }
        #detail-cms .content #comment-wrapper #list-comment article .answer .body .edit-post .cancel-edit {
          color: #ff749c;
          float: left;
          text-decoration: none; }
        #detail-cms .content #comment-wrapper #list-comment article .answer .body .edit-post button {
          float: right; }
  #detail-cms .content #comment-wrapper #post-reply-form {
    background: rgba(0, 0, 0, 0.02);
    float: left;
    padding: 15px;
    width: 50%;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px; }
    @media (max-width: 580px) {
      #detail-cms .content #comment-wrapper #post-reply-form {
        width: 100%; } }
    #detail-cms .content #comment-wrapper #post-reply-form .post-new {
      padding-left: 0; }
    #detail-cms .content #comment-wrapper #post-reply-form textarea {
      margin-top: 0; }

#detail-cms section.supplementary {
  margin: 0 0 20px;
  overflow: hidden;
  padding: 0; }
  @media (max-width: 880px) {
    #detail-cms section.supplementary {
      margin-bottom: 0; } }
  #detail-cms section.supplementary h3 {
    color: #00a2a2;
    border-top: 1px solid #2B96CC;
    border-bottom: 1px solid #ddd;
    padding: 10px 0;
    margin-bottom: 15px;
    font-weight: 600;
    font-size: 14px; }
  #detail-cms section.supplementary .posts-list ul {
    margin-left: -10px;
    margin-right: -10px; }
  #detail-cms section.supplementary .posts-list li {
    display: block;
    float: left;
    list-style: none;
    margin-bottom: 15px;
    padding: 0 10px;
    width: 25%; }
    #detail-cms section.supplementary .posts-list li:nth-child(4n+5) {
      clear: both; }
    @media (max-width: 960px) {
      #detail-cms section.supplementary .posts-list li {
        width: 25%; } }
    @media (max-width: 768px) {
      #detail-cms section.supplementary .posts-list li {
        width: 33.33333%;
        clear: none; }
        #detail-cms section.supplementary .posts-list li:nth-child(4n+5) {
          clear: none; }
        #detail-cms section.supplementary .posts-list li:nth-child(3n+4) {
          clear: both; } }
    @media (max-width: 600px) {
      #detail-cms section.supplementary .posts-list li {
        width: 50%;
        clear: none; }
        #detail-cms section.supplementary .posts-list li:nth-child(4n+5) {
          clear: none; }
        #detail-cms section.supplementary .posts-list li:nth-child(3n+4) {
          clear: none; }
        #detail-cms section.supplementary .posts-list li:nth-child(2n+3) {
          clear: both; } }
    #detail-cms section.supplementary .posts-list li a {
      color: #333;
      float: left;
      font-weight: bold;
      margin-bottom: 10px;
      text-decoration: none;
      width: 100%; }
      #detail-cms section.supplementary .posts-list li a.image img {
        display: block;
        width: 100%;
        height: auto;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        border-radius: 5px; }
    #detail-cms section.supplementary .posts-list li:hover a {
      color: #00a2a2; }

#detail-cms aside {
  width: 30%;
  float: right;
  padding-left: 30px; }
  @media (max-width: 880px) {
    #detail-cms aside {
      width: 100%;
      padding: 0; } }
  @media (max-width: 880px) {
    #detail-cms aside .top-list {
      margin-top: 15px; } }
  #detail-cms aside .top-list ul li {
    min-height: 100px;
    padding-left: 95px; }
    #detail-cms aside .top-list ul li a.image {
      width: 80px;
      height: 80px; }
    #detail-cms aside .top-list ul li .body h4 a {
      font-weight: bold; }

#detail-cms #category-collapsible-menu {
  display: none;
  float: right; }
  #detail-cms #category-collapsible-menu .nav-left {
    top: 40px;
    z-index: 1; }
  @media (max-width: 700px) {
    #detail-cms #category-collapsible-menu {
      display: block; } }

#detail-cms .dropdown-container {
  border-bottom: 1px solid #e8e8e8;
  display: flex;
  flex-wrap: wrap;
  margin: 0 0 15px; }
  @media (max-width: 700px) {
    #detail-cms .dropdown-container {
      display: none; } }
  @media (max-width: 880px) {
    #detail-cms .dropdown-container {
      flex-wrap: nowrap;
      justify-content: space-around; } }
  @media (max-width: 700px) {
    #detail-cms .dropdown-container .dropdown-menu {
      display: none; } }
  #detail-cms .dropdown-container .dropdown-menu .dropdown {
    right: -45px; }

.clearfix:after {
  content: '';
  display: table;
  clear: both; }

.bordered-section {
  border: 1px solid #eee;
  border-radius: 5px; }

#detail-cms .cms-breadcrumb, #list-cms .cms-breadcrumb, #xander .cms-breadcrumb {
  border-bottom: 1px solid #e8e8e8;
  padding: 15px 0 15px 0; }
  @media (max-width: 700px) {
    #detail-cms .cms-breadcrumb, #list-cms .cms-breadcrumb, #xander .cms-breadcrumb {
      margin-bottom: 0;
      border-bottom: 0;
      padding-bottom: 0; } }
  @media (max-width: 700px) {
    #detail-cms .cms-breadcrumb.homepage-breadcrumb, #list-cms .cms-breadcrumb.homepage-breadcrumb, #xander .cms-breadcrumb.homepage-breadcrumb {
      padding-left: 10px; } }
  #detail-cms .cms-breadcrumb > li, #list-cms .cms-breadcrumb > li, #xander .cms-breadcrumb > li {
    display: inline;
    color: #777; }
    #detail-cms .cms-breadcrumb > li a, #list-cms .cms-breadcrumb > li a, #xander .cms-breadcrumb > li a {
      font-size: 12px;
      color: #777;
      text-decoration: none;
      cursor: pointer; }
      #detail-cms .cms-breadcrumb > li a:hover, #list-cms .cms-breadcrumb > li a:hover, #xander .cms-breadcrumb > li a:hover {
        color: #2B96CC; }
    #detail-cms .cms-breadcrumb > li .nav span, #list-cms .cms-breadcrumb > li .nav span, #xander .cms-breadcrumb > li .nav span {
      margin: 0 5px;
      color: #777; }

.hide-other-content.show {
  display: block; }

.hide-other-content.hide {
  display: none; }

.clearfix:after {
  content: '';
  display: table;
  clear: both; }

.bordered-section {
  border: 1px solid #eee;
  border-radius: 5px; }

@media (min-width: 880px) {
  #company-list .company-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex; } }

#company-list .image {
  background: url("https://dwbxi9io9o7ce.cloudfront.net/public/img/default-place.f4706672a682.jpg?1b03e0c301da") no-repeat 50% 50%/contain;
  border-radius: 6px;
  border: 1px solid #eee;
  display: block;
  height: 150px;
  margin: 0 20px 0 5px;
  min-width: 250px; }
  @media (max-width: 880px) {
    #company-list .image {
      margin: 0 0 10px;
      width: 100%; } }
  @media (max-width: 611px) {
    #company-list .image {
      background-size: contain;
      margin-bottom: 15px;
      margin-left: 0;
      padding: 0 10px; } }

#company-list .info {
  margin-right: 20px;
  width: 300px; }
  @media (max-width: 880px) {
    #company-list .info {
      margin-bottom: 15px;
      width: 100%; } }
  #company-list .info h2 {
    font-size: 16px; }
    #company-list .info h2 a {
      color: #333; }
      #company-list .info h2 a:hover {
        color: #00a2a2; }

#company-list .plans {
  list-style: none;
  width: 50%; }
  @media (max-width: 880px) {
    #company-list .plans {
      padding-left: 10px;
      width: 100%; } }
  @media (max-width: 611px) {
    #company-list .plans {
      border-bottom: 1px solid #eee;
      border-top: 1px solid #eee;
      margin: 0 -10px;
      padding: 0 10px;
      width: inherit; } }
  #company-list .plans li {
    border-bottom: 1px solid #eee;
    list-style: none;
    padding: 10px 0;
    position: relative; }
    #company-list .plans li a {
      color: #333;
      display: block; }
      #company-list .plans li a:hover {
        color: #00a2a2;
        text-decoration: none; }
    #company-list .plans li:first-child {
      margin-top: -10px; }
      @media (max-width: 611px) {
        #company-list .plans li:first-child {
          margin-top: 0; } }
    #company-list .plans li:last-child {
      border-bottom: 0;
      padding-bottom: 0; }
      @media (max-width: 611px) {
        #company-list .plans li:last-child {
          padding-bottom: 10px;
          border-top: 0;
          border-bottom: 0; } }
    #company-list .plans li:hover {
      cursor: pointer; }
      #company-list .plans li:hover:after {
        color: #2B96CC; }
    #company-list .plans li:after {
      color: #999;
      content: '\f105';
      font-family: FontAwesome;
      font-size: 20px;
      right: 10px;
      position: absolute;
      top: 50%;
      -webkit-transform: translate(0, -50%);
      -moz-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
      -o-transform: translate(0, -50%);
      transform: translate(0, -50%); }
  #company-list .plans .plan-image {
    background: url("https://dwbxi9io9o7ce.cloudfront.net/public/img/default-place.f4706672a682.jpg?1b03e0c301da") no-repeat 50% 50%/cover;
    border-radius: 3px;
    border: 1px solid #eee;
    display: block;
    height: 40px;
    margin-right: 10px;
    width: 70px; }
  #company-list .plans .plan-name {
    padding: 0 30px 0 80px;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%); }

.insurance-plan-detail .tab-content-container {
  padding-bottom: 20px; }
  @media (max-width: 1080px) {
    .insurance-plan-detail .tab-content-container .tab-content {
      padding-right: 10px; } }
  @media (max-width: 700px) {
    .insurance-plan-detail .tab-content-container .tab-content {
      padding-left: 10px; } }

.insurance-plan-detail .benefit-filter {
  margin-bottom: 18px;
  padding: 0 10px;
  overflow: hidden;
  position: relative; }
  .insurance-plan-detail .benefit-filter .package {
    width: 100%;
    padding-left: 120px; }
    @media (max-width: 800px) {
      .insurance-plan-detail .benefit-filter .package {
        padding-left: 0; } }
  .insurance-plan-detail .benefit-filter .age {
    width: 120px;
    position: absolute;
    left: 0; }
    @media (max-width: 800px) {
      .insurance-plan-detail .benefit-filter .age {
        left: initial;
        width: 100%;
        position: initial; } }
  .insurance-plan-detail .benefit-filter select {
    max-width: 100%; }
    @media (max-width: 800px) {
      .insurance-plan-detail .benefit-filter select {
        width: 100%;
        display: block;
        margin-bottom: 10px; } }
    .insurance-plan-detail .benefit-filter select .number-package {
      color: #ff749c; }

@media (max-width: 1000px) {
  .insurance-plan-detail .scroll-tab-content:after {
    box-shadow: inset -55px 0 45px -32px #fafafa;
    content: ' ';
    display: block;
    height: 53px;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    width: 50px;
    z-index: 1; } }

.insurance-plan-detail .scroll-tab-content .tab-content-triggers {
  overflow: hidden;
  border-bottom: 1px solid #e8e8e8;
  margin-bottom: 20px; }
  @media (max-width: 1000px) {
    .insurance-plan-detail .scroll-tab-content .tab-content-triggers {
      overflow-x: auto;
      white-space: nowrap;
      -webkit-overflow-scrolling: touch;
      -ms-overflow-style: -ms-autohiding-scrollbar;
      border-bottom: 1px solid #e8e8e8;
      padding-right: 20px; } }
  .insurance-plan-detail .scroll-tab-content .tab-content-triggers li {
    list-style: none;
    display: inline-block; }
    .insurance-plan-detail .scroll-tab-content .tab-content-triggers li a {
      text-decoration: none;
      color: #333;
      border-bottom: 2px solid transparent;
      padding: 15px 15px 14px 15px;
      display: block;
      font-size: 14px; }
      .insurance-plan-detail .scroll-tab-content .tab-content-triggers li a:hover {
        color: #00a2a2; }
      .insurance-plan-detail .scroll-tab-content .tab-content-triggers li a.active {
        border-bottom: 2px solid #00a2a2; }

.insurance-plan-detail .tab-content-container .desciption {
  margin-bottom: 10px; }

.insurance-plan-detail .tab-content-container .place-list {
  margin-bottom: 10px;
  overflow: hidden; }
  .insurance-plan-detail .tab-content-container .place-list ul li {
    width: 50%;
    float: left;
    margin-bottom: 20px; }
    .insurance-plan-detail .tab-content-container .place-list ul li:nth-child(2n) {
      padding-left: 10px; }
      @media (max-width: 860px) {
        .insurance-plan-detail .tab-content-container .place-list ul li:nth-child(2n) {
          padding-left: 0; } }
    .insurance-plan-detail .tab-content-container .place-list ul li:nth-child(2n + 1) {
      padding-right: 10px;
      clear: both; }
      @media (max-width: 860px) {
        .insurance-plan-detail .tab-content-container .place-list ul li:nth-child(2n + 1) {
          padding-right: 0; } }
    @media (max-width: 860px) {
      .insurance-plan-detail .tab-content-container .place-list ul li {
        width: 100%; } }
    .insurance-plan-detail .tab-content-container .place-list ul li .item {
      padding: 10px;
      border: 1px solid rgba(0, 0, 0, 0.14);
      overflow: hidden;
      border-radius: 4px; }
      .insurance-plan-detail .tab-content-container .place-list ul li .item:hover {
        box-shadow: 4px 8px 20px rgba(0, 0, 0, 0.05);
        cursor: pointer; }
        .insurance-plan-detail .tab-content-container .place-list ul li .item:hover a {
          color: #00a2a2; }
      .insurance-plan-detail .tab-content-container .place-list ul li .item .image {
        background: url("https://dwbxi9io9o7ce.cloudfront.net/public/img/default-place.f4706672a682.jpg?1b03e0c301da") no-repeat 50% 50%/cover;
        border-radius: 4px;
        display: block;
        height: 80px;
        overflow: hidden;
        width: 80px;
        float: left;
        margin-right: 10px; }
      .insurance-plan-detail .tab-content-container .place-list ul li .item h4 {
        margin-bottom: 5px; }
        .insurance-plan-detail .tab-content-container .place-list ul li .item h4 a {
          color: #333;
          font-weight: bold;
          cursor: pointer;
          text-decoration: none; }
          .insurance-plan-detail .tab-content-container .place-list ul li .item h4 a:hover {
            color: #00a2a2; }

.insurance-plan-detail .tab-content-container .benefit {
  padding: 0; }
  .insurance-plan-detail .tab-content-container .benefit .benefit-title {
    padding: 10px 15px;
    background-color: #f5f5f5;
    border-top: 1px solid #2B96CC;
    border-bottom: 1px solid #e8e8e8;
    text-transform: uppercase;
    font-weight: 600;
    overflow: hidden; }
    @media (max-width: 700px) {
      .insurance-plan-detail .tab-content-container .benefit .benefit-title {
        padding: 10px; } }
  .insurance-plan-detail .tab-content-container .benefit .benefit-content {
    font-size: 13px; }
    .insurance-plan-detail .tab-content-container .benefit .benefit-content .label {
      width: 50%;
      border-right: 1px solid #e8e8e8;
      float: left;
      padding-left: 25px;
      font-weight: 600;
      padding-right: 5px;
      position: relative; }
      .insurance-plan-detail .tab-content-container .benefit .benefit-content .label i {
        position: absolute;
        left: 5px;
        top: 3px; }
      .insurance-plan-detail .tab-content-container .benefit .benefit-content .label .explanation.cms {
        font-weight: normal; }
      @media (max-width: 700px) {
        .insurance-plan-detail .tab-content-container .benefit .benefit-content .label {
          padding-left: 20px; } }
    .insurance-plan-detail .tab-content-container .benefit .benefit-content .number {
      width: 50%;
      padding-left: 20px;
      display: inline-block;
      font-weight: 600; }
      .insurance-plan-detail .tab-content-container .benefit .benefit-content .number .label-number {
        font-weight: 400;
        font-size: 12px; }
        @media (max-width: 700px) {
          .insurance-plan-detail .tab-content-container .benefit .benefit-content .number .label-number {
            display: block; } }
      @media (max-width: 480px) {
        .insurance-plan-detail .tab-content-container .benefit .benefit-content .number {
          padding-left: 10px; } }
    .insurance-plan-detail .tab-content-container .benefit .benefit-content .medical-service {
      list-style: none;
      display: block;
      overflow: hidden;
      width: 100%; }
      .insurance-plan-detail .tab-content-container .benefit .benefit-content .medical-service i {
        margin-right: 10px; }
        @media (max-width: 480px) {
          .insurance-plan-detail .tab-content-container .benefit .benefit-content .medical-service i {
            margin-right: 5px; } }
      .insurance-plan-detail .tab-content-container .benefit .benefit-content .medical-service .medical-service-info {
        border-bottom: 1px solid #e8e8e8;
        padding: 10px;
        overflow: hidden; }
      .insurance-plan-detail .tab-content-container .benefit .benefit-content .medical-service:last-child .medical-service-info {
        border-bottom: none; }
    .insurance-plan-detail .tab-content-container .benefit .benefit-content .children-service > li {
      list-style: none;
      display: block;
      overflow: hidden;
      padding: 10px 30px;
      width: 100%;
      border-bottom: 1px solid #e8e8e8; }
      .insurance-plan-detail .tab-content-container .benefit .benefit-content .children-service > li .medical-service-info {
        overflow: initial; }
      .insurance-plan-detail .tab-content-container .benefit .benefit-content .children-service > li .label {
        position: relative;
        padding-left: 0; }
        .insurance-plan-detail .tab-content-container .benefit .benefit-content .children-service > li .label:before {
          display: inline-block;
          font: normal normal normal 14px/1 FontAwesome;
          font-size: inherit;
          text-rendering: auto;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          content: "\f111";
          position: absolute;
          left: -14px;
          font-size: 7px;
          top: 5px; }
    .insurance-plan-detail .tab-content-container .benefit .benefit-content .children-service .medical-service-info {
      border-bottom: none;
      padding: 0; }
    .insurance-plan-detail .tab-content-container .benefit .benefit-content .benefit-name {
      width: 100%;
      background-color: #fafafa;
      padding: 10px;
      overflow: hidden;
      border-bottom: 1px solid #e8e8e8;
      position: relative; }
      .insurance-plan-detail .tab-content-container .benefit .benefit-content .benefit-name:before {
        right: 10px;
        top: 50%;
        margin-top: -9px;
        color: #999; }
        @media (max-width: 480px) {
          .insurance-plan-detail .tab-content-container .benefit .benefit-content .benefit-name:before {
            right: 10px; } }
      .insurance-plan-detail .tab-content-container .benefit .benefit-content .benefit-name i {
        color: #00a2a2;
        margin-right: 10px; }
      .insurance-plan-detail .tab-content-container .benefit .benefit-content .benefit-name .number {
        color: #ff749c;
        padding-right: 15px; }
        @media (max-width: 480px) {
          .insurance-plan-detail .tab-content-container .benefit .benefit-content .benefit-name .number {
            padding-left: 10px; } }
    .insurance-plan-detail .tab-content-container .benefit .benefit-content .collapsed .collapsible-target {
      display: none; }
    .insurance-plan-detail .tab-content-container .benefit .benefit-content .collapsed .benefit-name:before {
      content: "\f107"; }
    .insurance-plan-detail .tab-content-container .benefit .benefit-content .expanded .benefit-name:before {
      content: "\f106"; }
    .insurance-plan-detail .tab-content-container .benefit .benefit-content .expanded .collapsible-target {
      display: block; }

.insurance-detail {
  position: relative;
  padding-bottom: 20px;
  float: left;
  width: 100%; }
  .insurance-detail .insurance-detail-images {
    width: 100%;
    float: left;
    margin-bottom: 10px;
    padding: 0 30px 0 25px; }
    @media (max-width: 800px) {
      .insurance-detail .insurance-detail-images {
        padding: 0; } }
    .insurance-detail .insurance-detail-images .owl-stage {
      margin: 0 auto; }
    .insurance-detail .insurance-detail-images .owl-dots {
      margin: 0;
      text-align: center;
      width: 100%; }
      .insurance-detail .insurance-detail-images .owl-dots .owl-dot {
        background: rgba(0, 0, 0, 0.1);
        border-radius: 50%;
        display: inline-block;
        height: 8px;
        margin: 0 2px;
        transition: background 0.1s;
        width: 8px; }
        .insurance-detail .insurance-detail-images .owl-dots .owl-dot.active {
          background: #00a2a2; }
    .insurance-detail .insurance-detail-images h2 {
      display: none; }
      @media (max-width: 640px) {
        .insurance-detail .insurance-detail-images h2 {
          display: block; } }
    .insurance-detail .insurance-detail-images .standard-carousel .owl-item {
      float: none;
      display: inline-block;
      margin: 0 -1px; }
      @media (max-width: 480px) {
        .insurance-detail .insurance-detail-images .standard-carousel .owl-item {
          float: right; } }
      .insurance-detail .insurance-detail-images .standard-carousel .owl-item .item {
        height: 170px;
        padding: 0 5px;
        width: auto; }
        @media (max-width: 480px) {
          .insurance-detail .insurance-detail-images .standard-carousel .owl-item .item {
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            -ms-flex-direction: row;
            -webkit-flex-direction: row;
            flex-direction: row;
            -ms-flex-align: center;
            -webkit-align-items: center;
            align-items: center; } }
        .insurance-detail .insurance-detail-images .standard-carousel .owl-item .item img {
          height: auto;
          width: auto;
          margin: 0 auto;
          max-height: 170px;
          max-width: 100%; }
      @media (max-width: 480px) {
        .insurance-detail .insurance-detail-images .standard-carousel .owl-item:last-child img {
          margin-left: 0; } }
    @media (max-width: 640px) {
      .insurance-detail .insurance-detail-images .standard-carousel {
        padding-bottom: 0; } }
    .insurance-detail .insurance-detail-images .standard-carousel .owl-nav .owl-next, .insurance-detail .insurance-detail-images .standard-carousel .owl-nav .owl-prev {
      position: absolute;
      top: 50%;
      margin-top: -40px;
      color: #e1e1e1; }
      @media (max-width: 800px) {
        .insurance-detail .insurance-detail-images .standard-carousel .owl-nav .owl-next, .insurance-detail .insurance-detail-images .standard-carousel .owl-nav .owl-prev {
          color: #fff;
          text-shadow: 0 0 1px rgba(0, 0, 0, 0.5); } }
      .insurance-detail .insurance-detail-images .standard-carousel .owl-nav .owl-next:before, .insurance-detail .insurance-detail-images .standard-carousel .owl-nav .owl-prev:before {
        display: inline-block;
        font-family: FontAwesome;
        font-style: normal;
        font-size: 12px;
        font-weight: normal;
        line-height: 1;
        transform: translate(0, 0);
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: 25px; }
      .insurance-detail .insurance-detail-images .standard-carousel .owl-nav .owl-next.disabled, .insurance-detail .insurance-detail-images .standard-carousel .owl-nav .owl-prev.disabled {
        display: none; }
      .insurance-detail .insurance-detail-images .standard-carousel .owl-nav .owl-next:hover:before, .insurance-detail .insurance-detail-images .standard-carousel .owl-nav .owl-prev:hover:before {
        color: #00a2a2; }
    .insurance-detail .insurance-detail-images .standard-carousel .owl-nav .owl-prev {
      left: 0;
      padding: 20px 20px 20px 0;
      margin-left: -27px; }
      @media (max-width: 800px) {
        .insurance-detail .insurance-detail-images .standard-carousel .owl-nav .owl-prev {
          margin-left: 0; } }
      .insurance-detail .insurance-detail-images .standard-carousel .owl-nav .owl-prev:before {
        content: '\f053'; }
    .insurance-detail .insurance-detail-images .standard-carousel .owl-nav .owl-next {
      right: 0;
      padding: 20px 0 20px 20px;
      margin-right: -27px; }
      @media (max-width: 800px) {
        .insurance-detail .insurance-detail-images .standard-carousel .owl-nav .owl-next {
          margin-right: 0px; } }
      .insurance-detail .insurance-detail-images .standard-carousel .owl-nav .owl-next:before {
        content: '\f054'; }
  @media (max-width: 880px) {
    .insurance-detail .position {
      padding: 0; } }
  .insurance-detail aside {
    width: 280px;
    float: left; }
    @media (max-width: 700px) {
      .insurance-detail aside {
        right: 0;
        top: -60px;
        width: 100%;
        z-index: 2;
        position: absolute; } }
    .insurance-detail aside #category-collapsible-menu {
      width: 280px;
      overflow: hidden; }
      .insurance-detail aside #category-collapsible-menu .nav-left {
        width: 100%; }
        .insurance-detail aside #category-collapsible-menu .nav-left ul li {
          list-style: none;
          position: relative;
          padding-left: 10px; }
          .insurance-detail aside #category-collapsible-menu .nav-left ul li a {
            display: block;
            width: 100%;
            border-bottom: 1px solid #e8e8e8;
            padding: 15px 0;
            text-decoration: none;
            color: #333;
            font-weight: 600;
            font-size: 14px;
            padding-right: 30px; }
            .insurance-detail aside #category-collapsible-menu .nav-left ul li a.active {
              color: #00a2a2; }
          .insurance-detail aside #category-collapsible-menu .nav-left ul li i {
            color: #acacac;
            position: absolute;
            right: 10px;
            display: block;
            top: 50%;
            margin-top: -10px;
            font-size: 20px; }
          .insurance-detail aside #category-collapsible-menu .nav-left ul li:hover a {
            color: #00a2a2;
            cursor: pointer; }
          .insurance-detail aside #category-collapsible-menu .nav-left ul li:hover i {
            color: #00a2a2; }
        @media (max-width: 700px) {
          .insurance-detail aside #category-collapsible-menu .nav-left {
            top: 55px; } }
    .insurance-detail aside #category-collapsible-menu .collapse-trigger {
      margin-right: 10px; }
      @media (max-width: 700px) {
        .insurance-detail aside #category-collapsible-menu .collapse-trigger {
          position: absolute;
          right: 0;
          top: 10px; } }
    @media (max-width: 700px) {
      .insurance-detail aside #category-collapsible-menu .collapsible-target ul {
        padding: 0; } }
    @media (max-width: 700px) {
      .insurance-detail aside #category-collapsible-menu .collapsible-target ul li {
        padding: 0; } }
    @media (max-width: 700px) {
      .insurance-detail aside #category-collapsible-menu .collapsible-target ul li a {
        padding-left: 15px; } }
  .insurance-detail .content {
    padding-left: 300px; }
    @media (max-width: 700px) {
      .insurance-detail .content {
        padding-left: 0; } }

.clearfix:after {
  content: '';
  display: table;
  clear: both; }

.bordered-section {
  border: 1px solid #eee;
  border-radius: 5px; }

#category-collapsible-menu .category-other {
  display: none; }
  @media (max-width: 700px) {
    #category-collapsible-menu .category-other {
      background: #fff;
      border-radius: 2px;
      border: 1px solid #e8e8e8;
      display: block;
      float: right;
      font-size: 12px;
      margin-bottom: 10px;
      margin-left: 10px;
      padding: 2px 10px;
      white-space: nowrap; } }

@media (max-width: 700px) {
  #category-collapsible-menu .category-collapsible-content.collapsed .fa-bars {
    display: inline-block; }
  #category-collapsible-menu .category-collapsible-content.collapsed .fa-close {
    display: none; }
  #category-collapsible-menu .category-collapsible-content.collapsed .nav-left {
    display: none; }
  #category-collapsible-menu .category-collapsible-content.expanded .fa-close {
    display: inline-block; }
  #category-collapsible-menu .category-collapsible-content.expanded .fa-bars {
    display: none; }
  #category-collapsible-menu .category-collapsible-content.expanded .nav-left {
    display: block; }
  #category-collapsible-menu .category-collapsible-content .fa-close {
    display: inline-block; }
  #category-collapsible-menu .category-collapsible-content .fa-bars {
    display: none; }
  #category-collapsible-menu .category-collapsible-content .collapse-trigger:before {
    content: ''; } }

#category-collapsible-menu .nav-left {
  width: 190px;
  float: left; }
  @media (max-width: 700px) {
    #category-collapsible-menu .nav-left > ul {
      background-color: #fff;
      padding: 0 10px; } }
  #category-collapsible-menu .nav-left > ul > li {
    list-style: none;
    position: relative;
    overflow: hidden; }
    #category-collapsible-menu .nav-left > ul > li .arrow {
      color: #333;
      font-size: 16px;
      position: absolute;
      padding: 10px 0 10px 10px;
      right: 0;
      top: 0; }
      #category-collapsible-menu .nav-left > ul > li .arrow:before {
        position: initial;
        content: '\f107'; }
    #category-collapsible-menu .nav-left > ul > li.collapsed .collapsible-target {
      display: none; }
    #category-collapsible-menu .nav-left > ul > li.collapsed .arrow:before {
      content: '\f105'; }
    #category-collapsible-menu .nav-left > ul > li.expanded .collapsible-target {
      display: block; }
    #category-collapsible-menu .nav-left > ul > li.expanded .arrow:before {
      content: '\f107'; }
    #category-collapsible-menu .nav-left > ul > li .parent-category {
      border-bottom: 1px solid #e8e8e8;
      padding: 10px 0; }
      #category-collapsible-menu .nav-left > ul > li .parent-category a {
        text-decoration: none;
        font-size: 14px;
        font-weight: 600;
        cursor: pointer; }
    #category-collapsible-menu .nav-left > ul > li ul {
      border-bottom: 1px solid #e8e8e8; }
      #category-collapsible-menu .nav-left > ul > li ul li {
        list-style: none;
        padding: 5px 0; }
        #category-collapsible-menu .nav-left > ul > li ul li:last-child {
          padding-bottom: 10px; }
        #category-collapsible-menu .nav-left > ul > li ul li a {
          text-decoration: none;
          font-size: 13px;
          color: #333;
          font-weight: 600;
          cursor: pointer; }
          #category-collapsible-menu .nav-left > ul > li ul li a.active {
            color: #2B96CC; }
          #category-collapsible-menu .nav-left > ul > li ul li a:hover {
            color: #2B96CC; }
    #category-collapsible-menu .nav-left > ul > li:last-child > ul:last-child {
      border-bottom: 0; }
  @media (max-width: 700px) {
    #category-collapsible-menu .nav-left {
      position: absolute;
      width: 100%;
      top: 39px;
      right: 0;
      border-bottom: 1px solid #e8e8e8;
      box-shadow: 0 0 5px #ddd; }
      #category-collapsible-menu .nav-left > ul {
        clear: both; }
        #category-collapsible-menu .nav-left > ul > li .parent-category:last-child {
          border-bottom: 0; }
        #category-collapsible-menu .nav-left > ul > li .parent-category i {
          display: none; } }

.insurance-company-detail .insurance-detail-images {
  padding: 30px 30px 20px 30px;
  margin-bottom: 0; }
  @media (max-width: 800px) {
    .insurance-company-detail .insurance-detail-images {
      padding: 10px 0; } }

@media (max-width: 700px) {
  .insurance-company-detail .position {
    padding: 0; } }

@media (min-width: 700px) {
  .insurance-company-detail .has-readmore-content.collapsed .full-version {
    display: block; } }

@media (min-width: 700px) {
  .insurance-company-detail .has-readmore-content.collapsed .full-version .readmore-trigger-collapsing {
    display: none; } }

@media (min-width: 700px) {
  .insurance-company-detail .has-readmore-content.collapsed .collapsed-version {
    display: none; } }

.insurance-company-detail .company-description {
  margin-bottom: 10px; }
  .insurance-company-detail .company-description ul {
    display: block;
    clear: both;
    font-weight: 600; }
    @media (max-width: 560px) {
      .insurance-company-detail .company-description ul {
        width: 100%;
        padding-left: 0; } }
    .insurance-company-detail .company-description ul li {
      list-style: none; }

@media (max-width: 880px) {
  .insurance-company-detail .content {
    padding-right: 10px; } }

@media (max-width: 700px) {
  .insurance-company-detail .content {
    border-bottom: 1px solid #e8e8e8;
    padding-bottom: 20px;
    margin-bottom: 0;
    padding: 0 10px; } }

@media (max-width: 700px) {
  .insurance-company-detail aside {
    padding: 0;
    display: none; } }

@media (max-width: 700px) {
  .insurance-company-detail aside #category-collapsible-menu .collapse-trigger {
    display: none; } }

@media (max-width: 700px) {
  .insurance-company-detail aside #category-collapsible-menu .collapsed .collapsible-target {
    display: block;
    position: initial;
    margin: 0 0 10px 0;
    border: none;
    box-shadow: none; } }

@media (max-width: 700px) {
  .insurance-company-detail aside #category-collapsible-menu .collapsed .collapsible-target ul {
    padding: 0; } }

@media (max-width: 700px) {
  .insurance-company-detail aside #category-collapsible-menu .collapsed .collapsible-target ul li a {
    padding: 15px 30px 15px 10px; } }

@media (max-width: 700px) {
  .insurance-company-detail aside #category-collapsible-menu .collapsed .collapsible-target ul li:first-child {
    display: none; } }

.insurance-company-detail .bottom-nav aside {
  display: none; }
  @media (max-width: 700px) {
    .insurance-company-detail .bottom-nav aside {
      display: block;
      position: initial; } }
  .insurance-company-detail .bottom-nav aside #category-collapsible-menu {
    width: 100%; }
    .insurance-company-detail .bottom-nav aside #category-collapsible-menu ul li {
      padding-left: 0; }

.clearfix:after {
  content: '';
  display: table;
  clear: both; }

.bordered-section {
  border: 1px solid #eee;
  border-radius: 5px; }

.dropdown-menu {
  display: inline-block;
  height: 50px;
  position: relative; }
  .dropdown-menu .title {
    cursor: pointer;
    float: left;
    height: 100%;
    overflow: hidden;
    padding: 10px 15px;
    text-overflow: ellipsis; }
    .dropdown-menu .title > a {
      color: #333;
      padding: 0;
      text-decoration: none; }
    .dropdown-menu .title:hover {
      color: #2B96CC; }
      .dropdown-menu .title:hover > a {
        color: #2B96CC; }
    .dropdown-menu .title:hover + .dropdown {
      visibility: visible;
      opacity: 1;
      transition: visibility 0.4s, opacity 0.4s; }
    .dropdown-menu .title.active {
      border-bottom: 3px solid #2B96CC; }
  .dropdown-menu .dropdown {
    background: #fff;
    border-radius: 4px;
    padding: 5px 0;
    position: absolute;
    right: -30px;
    top: 50px;
    width: 180px;
    z-index: 5;
    -webkit-box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.35) ;
    -moz-box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.35) ;
    -ms-box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.35) ;
    box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.35) ;
    visibility: hidden;
    opacity: 0;
    transition: visibility 0.3s, opacity 0.3s; }
    .dropdown-menu .dropdown a {
      color: #333;
      display: inline-block;
      float: none;
      padding: 8px 10px 6px;
      text-decoration: none;
      width: 100%; }
      .dropdown-menu .dropdown a.active {
        background: transparent;
        border: none;
        color: #2B96CC; }
        .dropdown-menu .dropdown a.active .fa {
          color: #2B96CC; }
      .dropdown-menu .dropdown a:hover {
        background: #2B96CC;
        border: none;
        color: #fff; }
        .dropdown-menu .dropdown a:hover .fa {
          color: #fff; }
      .dropdown-menu .dropdown a .fa {
        color: #333;
        font-size: 13px; }
    .dropdown-menu .dropdown:hover {
      display: block;
      visibility: visible;
      opacity: 1;
      transition: visibility 0.4s, opacity 0.4s; }
    .dropdown-menu .dropdown:before {
      background: #fff;
      border: 1px solid rgba(0, 0, 0, 0.1);
      border-bottom-color: transparent;
      border-right-color: transparent;
      content: '';
      height: 7px;
      left: 50%;
      margin-left: -3px;
      position: absolute;
      top: -4px;
      width: 7px;
      -webkit-transform: rotateZ(45deg);
      -moz-transform: rotateZ(45deg);
      -ms-transform: rotateZ(45deg);
      -o-transform: rotateZ(45deg);
      transform: rotateZ(45deg); }
    .dropdown-menu .dropdown:after {
      content: '';
      width: 5px;
      height: 5px; }

.clearfix:after {
  content: '';
  display: table;
  clear: both; }

.bordered-section {
  border: 1px solid #eee;
  border-radius: 5px; }

#contact-us {
  background: url("https://dwbxi9io9o7ce.cloudfront.net/public/img/contact-us.e4775070bebd.jpg?1b03e0c301da") no-repeat 50% 50%/cover;
  float: left;
  position: relative;
  width: 100%; }
  #contact-us .position {
    padding: 0 15px; }
  #contact-us #contact-content {
    background: rgba(44, 62, 80, 0.9);
    color: #fff;
    border-left: 3px solid #00a2a2;
    float: left;
    margin: 100px 0;
    padding: 30px;
    width: 50%; }
    @media screen and (max-width: 1023px) {
      #contact-us #contact-content {
        width: 60%; } }
    @media screen and (max-width: 799px) {
      #contact-us #contact-content {
        margin: 50px 0;
        width: 100%; } }
    #contact-us #contact-content .row {
      margin: 0 -15px; }
    #contact-us #contact-content .col-6 {
      float: left;
      padding: 0 15px;
      width: 50%; }
      @media screen and (max-width: 639px) {
        #contact-us #contact-content .col-6 {
          width: 100%; } }
      #contact-us #contact-content .col-6 p:first-child {
        padding-right: 20px; }
    #contact-us #contact-content h4 {
      font-size: 16px;
      font-weight: normal; }
      #contact-us #contact-content h4 strong {
        font-weight: 600; }
    #contact-us #contact-content p {
      font-size: 14px;
      padding-left: 30px;
      position: relative; }
      #contact-us #contact-content p a {
        color: #fff;
        text-decoration: none; }
        #contact-us #contact-content p a:hover {
          text-decoration: underline; }
      #contact-us #contact-content p .fa {
        left: 0;
        position: absolute;
        top: 4px; }
    #contact-us #contact-content .social-footer {
      margin-top: 5px; }
      #contact-us #contact-content .social-footer p {
        padding-left: 0; }