/* ================================================================
   NIINE CSS SECTION
   02-home.css
   Home/hero slider and home-specific components
   Extracted in original top-to-bottom order.
   ================================================================ */

#home .bg-gradient,
#home .bg-soft-gradient:before {
    background: rgba(238, 53, 51, .6);
    background: -moz-linear-gradient(45deg, rgba(238, 53, 51, .6) 0, rgba(251, 179, 61, .5) 100%);
    background: -webkit-linear-gradient(45deg, rgba(238, 53, 51, .6) 0, rgba(251, 179, 61, .5) 100%);
    background: linear-gradient(to 45deg, rgba(238, 53, 51, .6) 0, rgba(251, 179, 61, .5) 100%)
}

.home .home-shape {
    width: 100%;
    position: absolute;
    height: 353px;
    background-size: cover;
    bottom: 0;
    background-repeat: no-repeat;
    background-position: center top;
    margin-bottom: 50px
}

.home {
    width: 100%;
    height: 800px;
    min-height: 650px;
    background-position: center center;
    background-size: cover
}

.home .law-home-title {
    font-size: 62px;
    line-height: 72px
}

.home .law-home-desc {
    font-size: 17px;
    color: #959494;
    margin-top: 10px
}

.home .slick-arrow {
    width: 65px;
    height: 150px;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -75px;
    z-index: 5;
    padding: 0;
    background: 0 0;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s
}

.home .slick-arrow span {
    width: 0;
    height: 1px;
    background: #fff;
    position: absolute;
    display: block;
    left: 20px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .5s cubic-bezier(.77, 0, .2, 1);
    -moz-transition: all .5s cubic-bezier(.77, 0, .2, 1);
    transition: all .5s cubic-bezier(.77, 0, .2, 1)
}

.home .slick-arrow:after,
.home .slick-arrow:before {
    width: 18px;
    height: 1px;
    background: #fff;
    content: '';
    position: absolute;
    left: 10px;
    -webkit-transition: all .5s cubic-bezier(.77, 0, .2, 1);
    -moz-transition: all .5s cubic-bezier(.77, 0, .2, 1);
    transition: all .5s cubic-bezier(.77, 0, .2, 1)
}

.home .slick-arrow.slick-next:before {
    margin-top: -6px;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.home .slick-arrow.slick-next:after {
    margin-top: 6px;
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.home .slick-arrow.slick-prev {
    right: auto;
    left: 0
}

.home .slick-arrow.slick-prev span {
    left: auto;
    right: 20px
}

.home .slick-arrow.slick-prev:after,
.home .slick-arrow.slick-prev:before {
    left: auto;
    right: 10px
}

.home .slick-arrow.slick-prev:before {
    margin-top: 6px;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.home .slick-arrow.slick-prev:after {
    margin-top: -6px;
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.tracker-individual-container {
    display: none
}

.orange {
    color: #fbb33d
}

.ask-gynac-box {
    margin-top: 10%;
    float: right
}

.ask-gynac-box img {
    height: 180px
}

.ask-expert-box {
    box-shadow: 0 0 4px 3px #e0e0e0;
    margin-top: 20%;
    padding: 15px 0;
    border-radius: 20px
}

.ask-expert-box img {
    width: 80px
}

.ask-expert-box p {
    text-align: justify;
    font-size: 14px
}

.ask-mike img {
    height: 300px
}

.three-e {
    font-size: 45px;
    font-weight: 700;
    margin-right: 20px;
    font-family: Segoe UI !important
}

.after-3e {
    font-size: 18px;
    color: #ffe2c5;
    vertical-align: 10px;
    font-family: Segoe UI !important
}

::-webkit-input-placeholder {
    color: #ccc !important
}

.grid-Widget-footer {
    display: none !important
}

#twitter-widget-0 .twitter-tweet {
    display: inline-block;
    font-family: "Helvetica Neue", Roboto, "Segoe UI", Calibri, sans-serif;
    font-size: 12px;
    font-weight: 700;
    line-height: 16px;
    border-color: #eee #ddd #bbb;
    border-radius: 5px;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .15);
    margin: 10px 5px;
    padding: 0 16px 16px 16px;
    max-width: 468px
}

#twitter-widget-0 .twitter-tweet p {
    font-size: 16px;
    font-weight: 400;
    line-height: 20px
}

#twitter-widget-0 .twitter-tweet a {
    color: inherit;
    font-weight: 400
}

#twitter-widget-0 .twitter-tweet a:focus {
    text-decoration: underline
}

.xs-mt-20 {
    margin-top: 20px !important
}

.circle-dots.dark-dots > .slick-dots li.slick-active button {
    background: 0 0;
    border: 2px solid #fff
}

.circle-dots.dark-dots > .slick-dots li button {
    background-color: #fff
}

.btn-img {
    position: relative;
    background: url("images/slider-button1.png") no-repeat;
    width: 189px;
    height: 55px;
    line-height: 55px;
    text-align: center;
    color: #ee3533;
    display: inline-block;
    font-size: .8rem;
    font-weight: 700
}

.btn-img-a a:hover {
    color: #000
}

::placeholder {
    color: red;
    opacity: 1
}

.per-text p {
    text-align: center;
    text-transform: uppercase;
    color: #000
}

.per-text span {
    margin-left: 10px
}

.bor-right {
    border-right: 1px dotted #cecece
}

.per-p {
    padding-top: 10px;
    font-size: 16px
}

.border-white1 {
    border-color: transparent !important
}

.bg-white {
    background-color: #fff;
    color: #ee3533 !important
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input[type=date]::-webkit-inner-spin-button,
input[type=date]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.bootstrap-datetimepicker-widget.dropdown-menu {
    z-index: 99 !important