@charset "UTF-8";
@font-face {
    font-family: fonarto;
    src: url(../../assets/fonts/fonarto/Fonarto.otf)
}

body {
    background: #fff;
    color: #666;
    font-family: Lato, sans-serif
}

#slider {
    display: block;
    height: 390px;
    width: 100%;
    margin: auto;
    overflow: hidden;
    position: relative
}

#slider #slides {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative
}

#slider #slides>div {
    list-style: none;
    height: 100%;
    width: 500%;
    position: relative;
    left: 0;
    margin: 0;
    padding: 0;
    overflow: hidden;
    transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    -webkit-perspective: 600px;
    -moz-perspective: 600px;
    perspective: 600px;
    -webkit-perspective-origin: 10% 50%;
    -moz-perspective-origin: 10% 50%;
    perspective-origin: 10% 50%
}

#slides>div>span {
    -webkit-transition: all .7s cubic-bezier(.55, .085, .68, .53);
    -moz-transition: all .7s cubic-bezier(.55, .085, .68, .53);
    -o-transition: all .7s cubic-bezier(.55, .085, .68, .53);
    transition: all .7s cubic-bezier(.55, .085, .68, .53);
    height: 320px;
    width: 10%;
    float: left;
    border-radius: 0;
    opacity: 1;
    overflow: hidden;
    display: block;
    position: relative;
    font-size: 14px;
    top: 20px;
    z-index: 1
}

#slider input[type=radio] {
    display: none
}

#slider #slides>div>span>img {
    margin: auto;
    height: 100%
}

#slider .arrows {
    position: absolute;
    top: 290px;
    display: none;
    cursor: pointer;
    z-index: 9999;
    width: 29px;
    height: 29px
}

#slides .info {
    font-weight: 700;
    width: 48%;
    padding: 20px 20px 25px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    display: inline-block;
    color: #333;
    background-color: #fff;
    font-size: 14px;
    height: 100%;
    float: right
}

#slides .info strong {
    border-bottom: 2px solid #fff;
    padding: 3px 0
}

#slides .info em {
    font-size: .8em;
    float: right;
    padding-top: 4px;
    color: rgba(255, 255, 255, .2)
}

#button-1:checked~#arrow-2,
#button-2:checked~#arrow-3,
#button-3:checked~#arrow-4,
#button-4:checked~#arrow-5 {
    right: 27%;
    display: block
}

#button-2:checked~#arrow-1,
#button-3:checked~#arrow-2,
#button-4:checked~#arrow-3,
#button-5:checked~#arrow-4 {
    left: 27%;
    display: block;
    -webkit-transform: rotateZ(180deg);
    -o-transform: rotateZ(180deg);
    transform: rotateZ(180deg);
    box-shadow: 0 0 20px rgba(200, 235, 248, .98), inset 0 -11px 24px -8px rgba(255, 255, 255, .4)
}

#image-1 {
    background: url(../images/fd-img/fd-1.png)
}

#image-2 {
    background: url(../images/fd-img/fd-2.png)
}

#image-3 {
    background: url(../images/fd-img/fd-3.png)
}

#image-4 {
    background: url(../images/fd-img/fd-1.png)
}

#image-5 {
    background: url(../images/fd-img/fd-2.png)
}

#slider #button-1:checked~#slides>div #image-2,
#slider #button-1:checked~#slides>div #image-3,
#slider #button-1:checked~#slides>div #image-4,
#slider #button-1:checked~#slides>div #image-5,
#slider #button-2:checked~#slides>div #image-3,
#slider #button-2:checked~#slides>div #image-4,
#slider #button-2:checked~#slides>div #image-5,
#slider #button-3:checked~#slides>div #image-4,
#slider #button-3:checked~#slides>div #image-5,
#slider #button-4:checked~#slides>div #image-5 {
    -webkit-transform: rotateY(-10deg) scale(.8) translateX(-10%);
    transform: rotateY(-10deg) scale(.8) translateX(-10%);
    z-index: 0
}

#slider #button-2:checked~#slides>div #image-1,
#slider #button-3:checked~#slides>div #image-1,
#slider #button-3:checked~#slides>div #image-2,
#slider #button-4:checked~#slides>div #image-1,
#slider #button-4:checked~#slides>div #image-2,
#slider #button-4:checked~#slides>div #image-3,
#slider #button-5:checked~#slides>div #image-1,
#slider #button-5:checked~#slides>div #image-2,
#slider #button-5:checked~#slides>div #image-3,
#slider #button-5:checked~#slides>div #image-4 {
    -webkit-transform: rotateY(10deg) scale(.8) translateX(10%);
    transform: rotateY(10deg) scale(.8) translateX(10%);
    z-index: 0
}

#slider #button-1:checked~#slides>div #image-1 .info,
#slider #button-2:checked~#slides>div #image-2 .info,
#slider #button-3:checked~#slides>div #image-3 .info,
#slider #button-4:checked~#slides>div #image-4 .info,
#slider #button-5:checked~#slides>div #image-5 .info {
    bottom: 0
}

#slider #button-1:checked~#slides>div>span {
    left: 5%
}

#slider #button-2:checked~#slides>div>span {
    left: -5%
}

#slider #button-3:checked~#slides>div>span {
    left: -15%
}

#slider #button-4:checked~#slides>div>span {
    left: -25%
}

#slider #button-5:checked~#slides>div>span {
    left: -35%
}

#header {
    width: 100%;
    line-height: 30px;
    text-align: center
}

#header h1 {
    color: #ea664c;
    font-weight: 700
}

#travel {
    padding: 10px;
    background: rgba(0, 0, 0, .6);
    border-bottom: 2px solid rgba(0, 0, 0, .2);
    font-variant: normal;
    text-decoration: none;
    font-size: 1.5em
}

#travel a {
    font-family: Georgia, serif;
    text-decoration: none;
    border-bottom: 1px solid #f9f9f9;
    color: #f9f9f9
}

.rc-anchor-normal-footer {
    display: none !important;
    opacity: 0 !important
}

@media (min-width:320px) and(max-width:750px) {
    #slides .info {
        width: 100%;
        padding: 0 0 5px;
        position: relative;
        border-radius: 5px;
        height: 50%;
        display: block;
        -webkit-transition: all 1s .2s cubic-bezier(1, 0, .6, 1);
        transition: all 1s .2s cubic-bezier(1, 0, .6, 1);
        color: #000;
        float: none;
        background-color: rgba(255, 255, 255, .8);
        overflow-y: scroll
    }
}

@media (min-width:768px) and(max-width:1200px) {
    #slides .info {
        overflow: scroll
    }
    #slides>div>span {
        overflow: scroll
    }
}

.grid {
    position: relative;
    overflow: hidden;
    list-style: none;
    text-align: center
}

figure {
    position: relative;
    overflow: hidden;
    width: auto;
    text-align: center;
    cursor: pointer
}

@media screen and (max-width:50em) {
    figure {
        display: inline-block;
        float: none;
        margin: 10px auto;
        width: 100%
    }
}

figure img {
    position: relative;
    display: block;
    height: 100%;
    width: 100%;
    opacity: 1
}

figure figcaption {
    color: #fff;
    text-transform: uppercase;
    font-size: 1.25em;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

figure figcaption:after {
    pointer-events: none
}

figure figcaption:before {
    pointer-events: none
}

figure figcaption>a {
    z-index: 1000;
    text-indent: 200%;
    white-space: nowrap;
    font-size: 0;
    opacity: 0
}

figure h2 {
    word-spacing: -.15em;
    font-weight: 300;
    margin: 0;
    font-size: 30px
}

figure h2 span {
    font-weight: 800;
    margin: 0
}

figure p {
    margin: 0;
    letter-spacing: 1px;
    color: #fff;
    font-weight: 300;
    font-size: 16px;
    text-align: center
}

.grid figure figcaption,
.grid figure figcaption>a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

figure.effect-lily {
    background: #3085a3
}

figure.effect-lily img {
    max-width: none;
    width: -webkit-calc(100% + 50px);
    width: calc(100% + 50px);
    opacity: .7;
    -webkit-transition: opacity .35s, -webkit-transform .35s;
    transition: opacity .35s, transform .35s;
    -webkit-transform: translate3d(-40px, 0, 0);
    transform: translate3d(-40px, 0, 0)
}

figure.effect-lily figcaption {
    text-align: left;
    width: 90%;
    padding: 1em;
    top: 50%
}

figure.effect-lily h2,
figure.effect-lily p {
    -webkit-transform: translate3d(0, 40px, 0);
    transform: translate3d(0, 40px, 0)
}

figure.effect-lily h2 {
    -webkit-transition: -webkit-transform .35s;
    transition: transform .35s
}

figure.effect-lily p {
    color: rgba(255, 255, 255, .8);
    text-align: left;
    opacity: 0;
    -webkit-transition: opacity .2s, -webkit-transform .35s;
    transition: opacity .2s, transform .35s;
    margin: 10px 0 100px
}

figure.effect-lily:hover p {
    -webkit-transition-delay: .05s;
    transition-delay: .05s;
    -webkit-transition-duration: .35s;
    transition-duration: .35s
}

figure.effect-lily:hover img,
figure.effect-lily:hover p {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

figure.effect-lily:hover h2 {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

figure.effect-sadie figcaption:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: -webkit-linear-gradient(top, rgba(72, 76, 97, 0) 0, rgba(72, 76, 97, .8) 75%);
    background: linear-gradient(to bottom, rgba(72, 76, 97, 0) 0, rgba(72, 76, 97, .8) 75%);
    content: '';
    opacity: 0;
    -webkit-transform: translate3d(0, 50%, 0);
    transform: translate3d(0, 50%, 0)
}

figure.effect-sadie h2 {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    color: #fff;
    -webkit-transition: -webkit-transform .35s, color .35s;
    transition: transform .35s, color .35s;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0)
}

figure.effect-sadie figcaption:before,
figure.effect-sadie p {
    -webkit-transition: opacity .35s, -webkit-transform .35s;
    transition: opacity .35s, transform .35s
}

figure.effect-sadie p {
    color: #fff;
    padding: 2em;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 87%;
    opacity: 0;
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0)
}

figure.effect-sadie:hover h2 {
    color: #fff;
    -webkit-transform: translate3d(0, -50%, 0) translate3d(0, -40px, 0);
    transform: translate3d(0, -50%, 0) translate3d(0, -40px, 0)
}

figure.effect-sadie:hover figcaption::before,
figure.effect-sadie:hover p {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

figure.effect-honey {
    background: #4a3753
}

figure.effect-honey img {
    opacity: .9;
    -webkit-transition: opacity .35s;
    transition: opacity .35s
}

figure.effect-honey:hover img {
    opacity: .5
}

figure.effect-honey h2 {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 1em 1.5em;
    width: 100%;
    text-align: left;
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0)
}

figure.effect-honey h2 i {
    font-style: normal;
    opacity: 0;
    -webkit-transition: opacity .35s, -webkit-transform .35s;
    transition: opacity .35s, transform .35s;
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0)
}

figure.effect-honey figcaption::before {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 10px;
    background: #fff;
    content: '';
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0)
}

figure.effect-honey figcaption::before,
figure.effect-honey h2 {
    -webkit-transition: -webkit-transform .35s;
    transition: transform .35s
}

figure.effect-honey:hover figcaption::before,
figure.effect-honey:hover h2,
figure.effect-honey:hover h2 i {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

figure.effect-layla {
    background: 0 0
}

figure.effect-layla img {
    min-height: 340px
}

figure.effect-layla h2 {
    padding-top: 26%;
    -webkit-transition: -webkit-transform .35s;
    transition: transform .35s
}

figure.effect-layla p {
    color: #fff;
    padding: 10em 3.5em 1em;
    text-transform: none;
    opacity: 0;
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0)
}

figure.effect-layla h2,
figure.effect-layla img {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

figure.effect-layla figcaption:after,
figure.effect-layla figcaption:before {
    position: absolute;
    content: '';
    opacity: 0
}

figure.effect-layla figcaption:before {
    top: 50px;
    right: 30px;
    bottom: 50px;
    left: 30px;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    -webkit-transform: scale(0, 1);
    transform: scale(0, 1);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0
}

figure.effect-layla figcaption:after {
    top: 30px;
    right: 50px;
    bottom: 30px;
    left: 50px;
    border-right: 1px solid #fff;
    border-left: 1px solid #fff;
    -webkit-transform: scale(1, 0);
    transform: scale(1, 0);
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0
}

figure.effect-layla figcaption::after,
figure.effect-layla figcaption::before,
figure.effect-layla img,
figure.effect-layla p {
    -webkit-transition: opacity .35s, -webkit-transform .35s;
    transition: opacity .35s, transform .35s
}

figure.effect-layla:hover img {
    opacity: .7;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

figure.effect-layla:hover figcaption::after,
figure.effect-layla:hover figcaption::before {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
}

figure.effect-layla:hover h2,
figure.effect-layla:hover p {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

figure.effect-layla:hover figcaption::after,
figure.effect-layla:hover h2,
figure.effect-layla:hover img,
figure.effect-layla:hover p {
    -webkit-transition-delay: .15s;
    transition-delay: .15s
}

figure.effect-zoe {
    background: #3085a3
}

figure.effect-zoe figcaption {
    top: auto;
    bottom: 0;
    width: 90%;
    height: 1.4em;
    padding: 1em;
    background: #fff;
    color: #3c4a50;
    -webkit-transition: -webkit-transform .35s;
    transition: transform .35s;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0)
}

figure.effect-zoe h2 {
    float: left;
    display: inline-block
}

figure.effect-zoe p.icon-links a {
    float: right;
    color: #3c4a50;
    font-size: 1.4em
}

figure.effect-zoe p.icon-links a:focus,
figure.effect-zoe p.icon-links a:hover {
    color: #252d31
}

figure.effect-zoe p.description {
    position: absolute;
    bottom: 12em;
    width: 90%;
    padding: 0;
    color: #fff;
    text-transform: none;
    font-size: 18px;
    opacity: 0;
    -webkit-transition: opacity .35s;
    transition: opacity .35s;
    -webkit-backface-visibility: hidden
}

figure.effect-zoe h2,
figure.effect-zoe p.icon-links a {
    -webkit-transition: -webkit-transform .35s;
    transition: transform .35s;
    -webkit-transform: translate3d(0, 200%, 0);
    transform: translate3d(0, 200%, 0)
}

figure.effect-zoe p.icon-links a span::before {
    display: inline-block;
    padding: 8px 10px;
    font-family: feathericons;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

figure.effect-zoe .icon-eye::before {
    content: '\e000'
}

figure.effect-zoe .icon-paper-clip::before {
    content: '\e001'
}

figure.effect-zoe .icon-heart::before {
    content: '\e024'
}

figure.effect-zoe:hover p.description {
    opacity: 1
}

figure.effect-zoe:hover figcaption,
figure.effect-zoe:hover h2,
figure.effect-zoe:hover p.icon-links a {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

figure.effect-zoe:hover h2 {
    -webkit-transition-delay: .05s;
    transition-delay: .05s
}

figure.effect-zoe:hover p.icon-links a:nth-child(3) {
    -webkit-transition-delay: .1s;
    transition-delay: .1s
}

figure.effect-zoe:hover p.icon-links a:nth-child(2) {
    -webkit-transition-delay: .15s;
    transition-delay: .15s
}

figure.effect-zoe:hover p.icon-links a:first-child {
    -webkit-transition-delay: .2s;
    transition-delay: .2s
}

figure.effect-oscar {
    background: #553445
}

figure.effect-oscar img {
    opacity: .9;
    -webkit-transition: opacity .35s;
    transition: opacity .35s
}

figure.effect-oscar figcaption {
    background-color: rgba(85, 52, 69, .5);
    -webkit-transition: background-color .35s;
    transition: background-color .35s
}

figure.effect-oscar figcaption:before {
    position: absolute;
    top: 30px;
    right: 30px;
    bottom: 30px;
    left: 30px;
    border: 1px solid #fff;
    content: ''
}

figure.effect-oscar p {
    color: #fff;
    padding: 0 40px
}

figure.effect-oscar h2 {
    margin: 27% 0 10px;
    -webkit-transition: -webkit-transform .35s;
    transition: transform .35s;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0)
}

figure.effect-oscar figcaption:before,
figure.effect-oscar p {
    opacity: 0;
    -webkit-transition: opacity .35s, -webkit-transform .35s;
    transition: opacity .35s, transform .35s;
    -webkit-transform: scale(0);
    transform: scale(0)
}

figure.effect-oscar:hover h2 {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    color: #fff
}

figure.effect-oscar:hover figcaption:before,
figure.effect-oscar:hover p {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
    color: #fff
}

figure.effect-oscar:hover figcaption {
    background-color: rgba(58, 52, 42, 0)
}

figure.effect-oscar:hover img {
    opacity: .4
}

figure.effect-marley {
    background: #3085a3
}

figure.effect-marley figcaption {
    text-align: right
}

figure.effect-marley h2,
figure.effect-marley p {
    position: absolute;
    right: 30px;
    left: 30px;
    padding: 10px 0
}

figure.effect-marley p {
    color: #fff;
    bottom: 30px;
    line-height: 1.5;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0)
}

figure.effect-marley h2 {
    top: 30px;
    -webkit-transition: -webkit-transform .35s;
    transition: transform .35s;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0)
}

figure.effect-marley:hover h2 {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

figure.effect-marley h2:after {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 4px;
    background: #fff;
    content: '';
    -webkit-transform: translate3d(0, 40px, 0);
    transform: translate3d(0, 40px, 0)
}

figure.effect-marley h2:after,
figure.effect-marley p {
    opacity: 0;
    -webkit-transition: opacity .35s, -webkit-transform .35s;
    transition: opacity .35s, transform .35s
}

figure.effect-marley:hover h2::after,
figure.effect-marley:hover p {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

figure.effect-ruby {
    background-color: #17819c
}

figure.effect-ruby figcaption {
    padding: 0 2em;
    width: 80%
}

figure.effect-ruby img {
    opacity: .7;
    -webkit-transition: opacity .35s, -webkit-transform .35s;
    transition: opacity .35s, transform .35s;
    -webkit-transform: scale(1.15);
    transform: scale(1.15)
}

figure.effect-ruby:hover img {
    opacity: .5;
    -webkit-transform: scale(1);
    transform: scale(1)
}

figure.effect-ruby h2 {
    margin-top: 20%;
    -webkit-transition: -webkit-transform .35s;
    transition: transform .35s;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0)
}

figure.effect-ruby p {
    color: #fff;
    margin: 1em 0 0;
    padding: 3em;
    border: 1px solid #fff;
    opacity: 0;
    -webkit-transition: opacity .35s, -webkit-transform .35s;
    transition: opacity .35s, transform .35s;
    -webkit-transform: translate3d(0, 20px, 0) scale(1.1);
    transform: translate3d(0, 20px, 0) scale(1.1)
}

figure.effect-ruby:hover h2 {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

figure.effect-ruby:hover p {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0) scale(1);
    transform: translate3d(0, 0, 0) scale(1)
}

figure.effect-roxy {
    background: -webkit-linear-gradient(45deg, #ff89e9 0, #05abe0 100%);
    background: linear-gradient(45deg, #ff89e9 0, #05abe0 100%)
}

figure.effect-roxy img {
    max-width: none;
    width: -webkit-calc(100% + 60px);
    width: calc(100% + 60px);
    -webkit-transition: opacity .35s, -webkit-transform .35s;
    transition: opacity .35s, transform .35s;
    -webkit-transform: translate3d(-50px, 0, 0);
    transform: translate3d(-50px, 0, 0)
}

figure.effect-roxy figcaption {
    padding: 0 3em;
    width: 70%;
    text-align: left
}

figure.effect-roxy figcaption:before {
    position: absolute;
    top: 30px;
    right: 30px;
    bottom: 30px;
    left: 30px;
    border: 1px solid #fff;
    content: '';
    opacity: 0;
    -webkit-transition: opacity .35s, -webkit-transform .35s;
    transition: opacity .35s, transform .35s;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0)
}

figure.effect-roxy h2 {
    padding: 40% 0 10px
}

figure.effect-roxy p {
    color: #fff;
    text-align: left;
    opacity: 0;
    -webkit-transition: opacity .35s, -webkit-transform .35s;
    transition: opacity .35s, transform .35s;
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0)
}

figure.effect-roxy:hover img {
    opacity: .7;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

figure.effect-roxy:hover figcaption:before,
figure.effect-roxy:hover p {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

figure.effect-sophie {
    background: #9e5406
}

figure.effect-sophie img {
    opacity: .7;
    -webkit-transition: opacity .35s;
    transition: opacity .35s
}

figure.effect-sophie:hover img {
    opacity: .4
}

figure.effect-sophie figcaption:after,
figure.effect-sophie figcaption:before {
    position: absolute;
    top: 30px;
    right: 30px;
    bottom: 30px;
    left: 30px;
    content: '';
    opacity: 0;
    -webkit-transition: opacity .35s, -webkit-transform .35s;
    transition: opacity .35s, transform .35s
}

figure.effect-sophie figcaption:before {
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    -webkit-transform: scale(0, 1);
    transform: scale(0, 1)
}

figure.effect-sophie figcaption:after {
    border-right: 1px solid #fff;
    border-left: 1px solid #fff;
    -webkit-transform: scale(1, 0);
    transform: scale(1, 0)
}

figure.effect-sophie h2 {
    padding-top: 30%;
    -webkit-transition: -webkit-transform .35s;
    transition: transform .35s;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0)
}

figure.effect-sophie p {
    color: #fff;
    padding: 20px 2.5em;
    opacity: 0;
    -webkit-transition: opacity .35s, -webkit-transform .35s;
    transition: opacity .35s, transform .35s;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0)
}

figure.effect-sophie:hover figcaption::after,
figure.effect-sophie:hover figcaption::before {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
}

figure.effect-sophie:hover h2,
figure.effect-sophie:hover p {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

figure.effect-romeo {
    -webkit-perspective: 1000px;
    perspective: 1000px;
    background: #3085a3
}

figure.effect-romeo img {
    -webkit-transition: opacity .35s, -webkit-transform .35s;
    transition: opacity .35s, transform .35s;
    -webkit-transform: translate3d(0, 0, 300px);
    transform: translate3d(0, 0, 300px)
}

figure.effect-romeo:hover img {
    opacity: .6;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

figure.effect-romeo figcaption:after,
figure.effect-romeo figcaption:before {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 80%;
    height: 1px;
    background: #fff;
    content: '';
    -webkit-transition: opacity .35s, -webkit-transform .35s;
    transition: opacity .35s, transform .35s;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0)
}

figure.effect-romeo:hover figcaption::before {
    opacity: .5;
    -webkit-transform: translate3d(-50%, -50%, 0) rotate(45deg);
    transform: translate3d(-50%, -50%, 0) rotate(45deg)
}

figure.effect-romeo:hover figcaption::after {
    opacity: .5;
    -webkit-transform: translate3d(-50%, -50%, 0) rotate(-45deg);
    transform: translate3d(-50%, -50%, 0) rotate(-45deg)
}

figure.effect-romeo h2,
figure.effect-romeo p {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    -webkit-transition: -webkit-transform .35s;
    transition: transform .35s
}

figure.effect-romeo h2 {
    -webkit-transform: translate3d(0, -50%, 0) translate3d(0, -150%, 0);
    transform: translate3d(0, -50%, 0) translate3d(0, -150%, 0)
}

figure.effect-romeo p {
    color: #fff;
    padding: .25em 0;
    -webkit-transform: translate3d(0, -50%, 0) translate3d(0, 150%, 0);
    transform: translate3d(0, -50%, 0) translate3d(0, 150%, 0)
}

figure.effect-romeo:hover h2 {
    -webkit-transform: translate3d(0, -50%, 0) translate3d(0, -100%, 0);
    transform: translate3d(0, -50%, 0) translate3d(0, -100%, 0)
}

figure.effect-romeo:hover p {
    -webkit-transform: translate3d(0, -50%, 0) translate3d(0, 100%, 0);
    transform: translate3d(0, -50%, 0) translate3d(0, 100%, 0)
}

figure.effect-dexter {
    background: -webkit-linear-gradient(top, #258dc8 0, #683c13 100%);
    background: linear-gradient(to bottom, #258dc8 0, #683c13 100%)
}

figure.effect-dexter img {
    -webkit-transition: opacity .35s;
    transition: opacity .35s
}

figure.effect-dexter:hover img {
    opacity: .4
}

figure.effect-dexter figcaption {
    width: 71%;
    height: 217px;
    padding: 3em;
    text-align: left
}

figure.effect-dexter figcaption:after {
    position: absolute;
    right: 30px;
    bottom: 30px;
    left: 30px;
    height: -webkit-calc(45% - 30px);
    height: calc(45% - 30px);
    border: 7px solid #fff;
    content: '';
    -webkit-transition: -webkit-transform .35s;
    transition: transform .35s;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0)
}

figure.effect-dexter:hover figcaption::after {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

figure.effect-dexter p {
    color: #fff;
    position: absolute;
    right: 60px;
    bottom: 60px;
    left: 60px;
    opacity: 0;
    -webkit-transition: opacity .35s, -webkit-transform .35s;
    transition: opacity .35s, transform .35s;
    -webkit-transform: translate3d(0, -100px, 0);
    transform: translate3d(0, -100px, 0)
}

figure.effect-dexter:hover p {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

figure.effect-sarah {
    background: #42b078
}

figure.effect-sarah img {
    max-width: none;
    width: -webkit-calc(100% + 20px);
    width: calc(100% + 20px);
    -webkit-transition: opacity .35s, -webkit-transform .35s;
    transition: opacity .35s, transform .35s;
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

figure.effect-sarah:hover img {
    opacity: .4;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

figure.effect-sarah figcaption {
    padding: 2em;
    width: 80%;
    text-align: left
}

figure.effect-sarah h2 {
    position: relative;
    overflow: hidden;
    padding: .5em 0
}

figure.effect-sarah h2:after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 3px;
    background: #fff;
    content: '';
    -webkit-transition: -webkit-transform .35s;
    transition: transform .35s;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
}

figure.effect-sarah:hover h2:after {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

figure.effect-sarah p {
    color: #fff;
    padding: 1em 0;
    opacity: 0;
    -webkit-transition: opacity .35s, -webkit-transform .35s;
    transition: opacity .35s, transform .35s;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
}

figure.effect-sarah:hover p {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

figure.effect-chico {
    background: #3085a3
}

figure.effect-chico img {
    -webkit-transition: opacity .35s, -webkit-transform .35s;
    transition: opacity .35s, transform .35s;
    -webkit-transform: scale(1.12);
    transform: scale(1.12)
}

figure.effect-chico:hover img {
    opacity: .5;
    -webkit-transform: scale(1);
    transform: scale(1)
}

figure.effect-chico figcaption {
    padding: 3em;
    width: 70%;
    height: 217px
}

figure.effect-chico figcaption:before {
    position: absolute;
    top: 30px;
    right: 30px;
    bottom: 30px;
    left: 30px;
    border: 1px solid #fff;
    content: '';
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

figure.effect-chico figcaption:before,
figure.effect-chico p {
    opacity: 0;
    -webkit-transition: opacity .35s, -webkit-transform .35s;
    transition: opacity .35s, transform .35s
}

figure.effect-chico h2 {
    padding: 20% 0 20px
}

figure.effect-chico p {
    margin: 0 auto;
    color: #fff;
    max-width: 200px;
    -webkit-transform: scale(1.5);
    transform: scale(1.5)
}

figure.effect-chico:hover figcaption::before,
figure.effect-chico:hover p {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
}

figure.effect-milo {
    background: #2e5d5a
}

figure.effect-milo img {
    max-width: none;
    width: -webkit-calc(100% + 60px);
    width: calc(100% + 60px);
    opacity: 1;
    -webkit-transition: opacity .35s, -webkit-transform .35s;
    transition: opacity .35s, transform .35s;
    -webkit-transform: translate3d(-30px, 0, 0) scale(1.12);
    transform: translate3d(-30px, 0, 0) scale(1.12);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

figure.effect-milo:hover img {
    opacity: .5;
    -webkit-transform: translate3d(0, 0, 0) scale(1);
    transform: translate3d(0, 0, 0) scale(1)
}

figure.effect-milo figcaption {
    padding: 2em;
    width: 80%;
    height: 73%
}

figure.effect-milo h2 {
    position: absolute;
    right: 0;
    bottom: 0;
    padding: 1em 1.2em
}

figure.effect-milo p {
    color: #fff;
    padding: 0 10px 0 0;
    width: 50%;
    border-right: 1px solid #fff;
    text-align: right;
    opacity: 0;
    -webkit-transition: opacity .35s, -webkit-transform .35s;
    transition: opacity .35s, transform .35s;
    -webkit-transform: translate3d(-40px, 0, 0);
    transform: translate3d(-40px, 0, 0)
}

figure.effect-milo:hover p {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

textarea {
    max-width: 100% !important
}

.btn-google-plus {
    color: #fff;
    background-color: #dd4b39;
    border-color: rgba(0, 0, 0, .2)
}

.btn-google-plus.active,
.btn-google-plus:active,
.btn-google-plus:focus,
.btn-google-plus:hover,
.open .dropdown-toggle.btn-google-plus {
    color: #fff;
    background-color: #ca3523;
    border-color: rgba(0, 0, 0, .2)
}

.btn-google-plus.active,
.btn-google-plus:active,
.open .dropdown-toggle.btn-google-plus {
    background-image: none
}

.clear {
    clear: both
}

.pding_top_0 {
    padding-top: 0 !important
}

.pdr_0 {
    padding-right: 0 !important
}

.pdl_0 {
    padding-left: 0 !important
}

.pdt_0 {
    padding-top: 0 !important
}

.pdb_0 {
    padding-bottom: 0 !important
}

.mrg_0 {
    margin: 0 !important
}

.login_logo {
    padding: 15px 0;
    text-align: center
}

.get_a_link:hover {
    text-decoration: none
}

.product-simple-name {
    background: #3ab54a none repeat scroll 0 0;
    border: 1px solid #3ab54a;
    color: #fff;
    padding: 2px 10px;
    text-transform: uppercase;
    font-size: 17px;
    font-weight: 500
}

.product-simple-namee {
    background: #3ab54a none repeat scroll 0 0;
    color: #fff;
    left: 0;
    padding: 5px 10px;
    position: absolute;
    right: 0;
    text-align: center;
    text-transform: capitalize;
    top: -150px;
    transition: all 1s ease-out 0;
    font-size: 17px;
    font-weight: 500
}

.product-simple-block:hover .product-simple-namee {
    top: 0
}

.edit_prduct .checkbox-inline.category,
.edit_prduct .radio-inline {
    padding-left: 20px !important
}

.proprty_typ {
    padding-left: 20px
}

#owl-pro1 .product-simple-block {
    margin: 0
}

.slider_search li {
    display: inline-block;
    width: 29%
}

.slider_search ul {
    padding: 0 0 0 15px;
    text-align: left
}

.slider_search select {
    background-color: #fff;
    border-radius: 0;
    height: auto;
    padding: 12px;
    width: 100%
}

.slider_search button {
    border: 1px solid #369a43
}

.slider_search>h3 {
    color: #fff;
    margin: 0 0 10px;
    text-align: center
}

.slider_main_div {
    margin-left: 10%;
    width: 80%
}

.pln_td_div {
    background-color: #eee;
    border-left: 3px solid #3ab54a;
    margin-bottom: 10px;
    padding: 10px;
    display: block;
    box-shadow: 2px 2px 4px 0 #bcbcbc
}

.palnprce .price {
    background: #3ab54a none repeat scroll 0 0;
    border-radius: 5px 5px 0;
    color: #fff;
    padding: 7px 10px
}

.plan_body_nm .modal-footer {
    margin-top: 10px
}

.plan_Modal1 .modal-title>p {
    margin: 0
}

.plan_Modal1 .modal-header {
    background-color: #4589c6;
    color: #fff
}

.close.pln_close {
    color: #fa0404 !important;
    opacity: 1
}

.palnprce {
    text-align: right
}

.palnname1>input {
    margin-right: 5px;
    margin-top: 0
}

.palnname1 {
    font-size: 18px
}

.bid_bjt {
    font-size: 16px;
    padding: 10px
}

.ajx_prjct_ht {
    max-height: 670px;
    overflow: auto;
    padding: 10px
}

.project-block {
    margin: 5px;
    padding: 10px
}

.contrc_descptn>p {
    border: 1px solid #ccc
}

.headline_anchor {
    color: #3ab54a;
    text-decoration: none
}

.headline_anchor:hover {
    color: #3ab54a
}

.main-boxx {
    background-color: #f3f3f3;
    border: 1px solid #ddd;
    border-radius: 5px;
    font-size: 25px;
    margin-top: 16px;
    padding: 15px;
    text-align: center
}

.bid_div {
    background-color: #e9e9e9;
    border-color: #3ab54a !important;
    margin-bottom: 20px;
    padding: 0 10px 15px;
    width: 100%
}

.mrg-btm {
    margin-bottom: 11px
}

.bid_div:hover {
    box-shadow: 0 1px 5px 1px rgba(0, 0, 0, .6)
}

.hire_stats {
    padding: 1px 10px
}

.bids_man {
    margin-top: 30px
}

.ans_q {
    padding-right: 20px !important
}

.q_ans {
    float: left;
    width: 80%
}

.fileUpload {
    position: relative;
    overflow: hidden;
    margin: 10px
}

.fileUpload input.upload {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    font-size: 20px;
    cursor: pointer;
    opacity: 0
}

.mrg-zero {
    margin: 0 !important
}

.fileUpload1 {
    position: relative;
    margin-left: 10px
}

.fileUpload1 input {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    font-size: 20px;
    cursor: pointer;
    opacity: 0
}

.articlemetamore a {
    color: #7bae23;
    transition: color .24s ease-in-out 0;
    margin-right: 15px
}

.articlemetamore a:hover {
    color: #424645
}

.articlemetamore .separator {
    margin-right: 10px
}

.blog_details1 h2 {
    margin: 20px 10px 10px;
    color: #333
}

.blog_description>p {
    color: #7c807e;
    padding: 10px;
    text-align: justify
}

.articlemetamore {
    padding-left: 10px
}

.statistics>table {
    text-align: center;
    width: 100%
}

.statistics th {
    background-color: #337ab7;
    border: 1px solid #337ab7;
    color: #fff;
    padding: 8px;
    text-align: center
}

.statistics td {
    padding: 8px;
    border: 1px solid #ddd
}

.panel-title1 a {
    border-radius: 5px;
    margin: 0;
    padding: 5px 10px
}

.panel-title1 {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #1c9bc0;
    border-image: none;
    border-style: solid;
    margin-bottom: 10px;
    border-width: 5px 1px 1px;
    padding: 10px
}

.panel-body1 {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #1c9bc0;
    border-image: none;
    border-style: solid;
    border-width: 5px 1px 1px;
    padding: 10px;
    margin: 10px 0
}

.item12>img {
    height: 250px;
    padding: 10px;
    width: 250px
}

.img_slider1 {
    border: 1px solid #ddd;
    height: 100%;
    overflow: hidden;
    width: 100%
}

.prdct_img12_main {
    height: 250px;
    width: 250px
}

.panel_main1 .panel-side {
    margin-left: 0 !important
}

.bg-primary.user_detail>h4 {
    margin: 7px 0 10px
}

.user_edditt>a {
    color: #fff;
    padding: 5px
}

.user_edditt>a:hover {
    background-color: none;
    color: #eaeaea;
    text-decoration: none
}

.user_edditt>button {
    background: 0 0;
    border: 0;
    color: #fff
}

.user_acordian {
    max-height: 500px;
    overflow: auto
}

.btn-group.bootstrap-select {
    width: 100% !important
}

.fltr_box {
    border-bottom: 1px solid #3ab54a;
    margin: 10px 20px;
    padding: 10px;
    background: #ece9e9
}

.fltr_box input.form-control {
    height: 40px;
    margin: 0 0
}

.small-box .hover-text a.btn.read-more-btn span.fa,
a.btn,
a.btn.btn2 span.fa {
    margin-right: 2px
}

.filter_btns .btn {
    border-radius: 3px;
    font-size: 12px;
    padding: 8px 10px;
    margin-right: 2px
}

.article-panel {
    position: relative;
    margin-bottom: 35px;
    border: 1px solid RGBA(58, 181, 74, .3);
    border-radius: 3px
}

.article-panel>.panel-heading {
    background-color: #fff;
    background-image: none;
    border: none
}

.article-panel .panel-body p {
    max-height: 70px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.article-more a {
    background-color: #3ab54a;
    margin-top: 20px
}

.art_prf_img img {
    border-radius: 50%;
    border: 3px solid #3ab54a;
    height: 112px;
    width: 112px
}

.art_prf_img {
    float: left;
    width: 100px
}

.art_prf_img1 img {
    border-radius: 50%;
    height: 112px
}

.art_prf_img1 {
    float: left;
    width: 100px
}

.art_prf_detal a {
    color: #3ab54a;
    font-size: 16px
}

.designer-social a {
    margin: 0 5px;
    font-size: 27px;
    color: #4cae4c
}

.designer-social a:hover {
    color: #187b18;
    text-decoration: none;
    border: none
}

.article-time {
    font-size: 12px
}

.article-drop {
    color: #022d5a;
    font-size: 30px;
    text-align: right
}

.port_head_name {
    margin-top: 15%;
    text-align: center
}

.article-text {
    max-height: 100px;
    overflow: hidden;
    text-overflow: ellipsis
}

.art_prf_detal .media-heading {
    margin-top: 25px
}

.article-panel .panel-footer {
    padding-bottom: 0;
    padding-top: 0
}

.article-panel .post-statistics {
    background: #f3f3f3 none repeat scroll 0 0;
    color: #8b8b8b;
    font-size: 11px;
    font-weight: 700;
    line-height: 1.3;
    text-align: center;
    border-radius: 0 4px 4px 0
}

.article-panel .post-statistics .stat {
    padding: 5px 0
}

.article-panel:hover .post-statistics {
    background: #3ab54a none repeat scroll 0 0;
    color: #fff
}

.des_port_profl li {
    display: inline-block;
    list-style-type: none;
    margin: 0;
    padding: 5px
}

.designer_bio>p {
    margin: 0
}

.designer_bio {
    padding: 1px 0
}

.des_port_profl {
    background-color: rgba(208, 208, 208, .25);
    padding: 3px 0;
    border-bottom: 1px solid #e6e6e6;
    box-shadow: 0 5px 13px #dedede
}

.des_port_profl h3 {
    background-color: #3ab54a;
    margin: 0;
    padding: 5px 10px;
    color: #fff
}

.des_port_profl li span {
    padding: 1px 8px;
    background: #fff;
    border-radius: 3px;
    margin-left: 2px;
    border: 1px solid #e8e8e8
}

.des_port_profl p {
    margin: 10px
}

.des_port_profl p span {
    font-weight: 700;
    margin-left: 5px
}

.desgn_pr_pic>img {
    border: 4px solid #fff;
    box-shadow: 0 0 2px 0 #3ab54a;
    max-width: 230px;
    height: 200px;
    margin: 5px 20px 0 0
}

.desgn_pr_pic {
    margin: 8px !important
}

.shrd_files a {
    font-size: 40px;
    margin: 10px
}

.panel-body p {
    min-height: 70px
}

.short_by_slct select {
    max-width: 100%;
    min-width: 150px;
    height: 40px;
    border: 1px solid #37b44a;
    border-radius: 0
}

.short_by_slct input {
    max-width: 100%;
    min-width: 150px;
    height: 40px;
    border: 1px solid #37b44a;
    border-radius: 0;
    font-size: 12px
}

.short_by_slct span {
    float: left;
    margin-right: 8px
}

.short_by_slct button {
    margin-left: 10px
}

#recent-works .section-title {
    padding-bottom: 35px
}

.filter {
    margin: 20px 0 0
}

.filter li {
    display: inline-block
}

.nav-tabs>li>a:hover {
    border: 1px solid #3ab54a !important
}

.filter li a {
    display: block;
    padding: 7px 23px;
    font-size: 18px;
    font-weight: 300;
    color: #454545;
    text-decoration: none;
    background: #ececec;
    border-bottom: 1px solid #3ab54a
}

.nav-tabs li a.active,
.nav-tabs li a:active,
.nav-tabs li a:focus,
.nav-tabs li a:hover {
    background-color: #3ab54a;
    color: #fff
}

.portfolio-items {
    list-style: none;
    margin: 0;
    padding: 0
}

.portfolio-items li {
    width: 24.97%;
    float: left;
    padding: 15px;
    position: relative;
    overflow: hidden
}

.portfolio_image_category {
    width: 200px !important
}

.portfolio-item img {
    width: 100%
}

.portfolio-block {
    box-shadow: 0 0 9px -1px #c9c0c0;
    text-align: center;
    border: 1px solid #ddb58b
}

.portfolio-content {
    position: relative;
    overflow: hidden;
    max-height: 200px;
    min-height: 200px;
    padding: 10px
}

.portfolio-wrapper .filter {
    padding: 20px
}

.portfolio-wrapper .nav-tabs>li>a {
    margin-right: 10px;
    border-radius: 8px 0 8px 0;
    color: #000;
    letter-spacing: 0;
    font-family: Lato, sans-serif;
    font-weight: 500
}

.portfolio-content img {
    max-height: 200px;
    min-height: 200px;
    width: 100%
}

.porfolio_user {
    color: #fff;
    height: auto
}

.portfolio-user-area {
    background: #3ab54a;
    padding: 5px
}

.porfolio_user a {
    color: #fff
}

.portfolio-name-area {
    border-bottom: 1px solid #229d32;
    font-style: italic;
    margin-bottom: 8px;
    padding: 8px;
    text-align: center;
    color: #000;
    margin-bottom: 0
}

.portfolio-user-area .fa {
    border-radius: 25px;
    color: #fff;
    font-size: 14px;
    height: 30px;
    margin-right: 0;
    padding: 5px;
    text-align: center
}

.portfolio-name-area .fa {
    border-radius: 25px;
    color: #000;
    font-size: 14px;
    height: 30px;
    margin-right: 0;
    padding: 5px;
    text-align: center
}

.portfolio-content .overlay h2 {
    display: none
}

.portfolio-content .overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 100%;
    width: 100%;
    color: #fff;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(230, 155, 79, .8);
    -webkit-transition: all .3s ease-out 0;
    -moz-transition: all .3s ease-out 0;
    -ms-transition: all .3s ease-out 0;
    -o-transition: all .3s ease-out 0;
    transition: all .3s ease-out 0
}

.portfolio-content:hover .overlay,
.portfolio-content:hover .overlay a.folio-detail,
.portfolio-content:hover .overlay a.folio-link,
.portfolio-content:hover .overlay h2,
.portfolio-content:hover .overlay p,
.team-member:hover .overlay h4,
.team-member:hover .overlay p,
.team-member:hover .social-icons {
    opacity: 1;
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.xoverlay a.folio-detail,
.xoverlay a.folio-link {
    font-size: 30px;
    text-align: center;
    display: inline-block;
    color: #fff
}

.overlay a.folio-detail:hover,
.overlay a.folio-link:hover {
    color: #0c0b0b
}

.overlay a.folio-detail {
    margin-right: 25px
}

.overlay,
.overlay a.folio-detail,
.overlay a.folio-link,
.overlay h2,
.overlay h4,
.overlay p,
.social-icons {
    -moz-transform: scale(.5);
    -webkit-transform: scale(.5);
    -o-transform: scale(.5);
    -ms-transform: scale(.5);
    transform: scale(.5);
    opacity: 0
}

.isotope-item {
    z-index: 2
}

.isotope-hidden.isotope-item {
    pointer-events: none;
    z-index: 1
}

.isotope,
.isotope .isotope-item {
    -webkit-transition-duration: .8s;
    -moz-transition-duration: .8s;
    transition-duration: .8s
}

.isotope {
    -webkit-transition-property: height, width;
    -moz-transition-property: height, width;
    transition-property: height, width
}

.isotope .isotope-item {
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property: -moz-transform, opacity;
    transition-property: transform, opacity
}

.main-box {
    background-color: #f3f3f3;
    border: 1px solid #ddd;
    border-radius: 1px;
    padding: 15px;
    margin-top: 15px;
    text-align: center;
    font-size: 20px
}

.pnle_user {
    background-color: #fff;
    margin-left: -15px
}

.user_prof_pic {
    float: left;
    height: 130px;
    padding: 10px;
    text-align: center;
    width: 130px
}

.user_prof_pic>img {
    border: 3px solid #3ab54a;
    border-radius: 50%;
    height: 100%;
    margin-bottom: 10px;
    width: 100%
}

.pnle_user>p {
    float: left;
    font-size: 16px;
    font-weight: 600;
    margin: 20px 10px
}

#rowId>span {
    font-size: 24px;
    margin-top: 5px;
    padding: 5px
}

.delt_icon>span {
    font-size: 24px;
    margin-top: 5px;
    padding: 5px;
    cursor: pointer
}

.question {
    width: 100%;
    margin-top: 15px
}

.cart_outer {
    max-height: 230px;
    overflow: auto
}

.menu2 {
    padding-top: 5px
}

.cart_item_dlt {
    position: absolute;
    top: 12px;
    right: 10px;
    font-size: 18px
}

.media-body {
    position: relative
}

.top_callus a {
    color: #fff
}

.aside-blog {
    color: #222;
    text-align: center
}

.blog-content-inside {
    height: auto;
    margin-bottom: 10px
}

#blog_description p {
    padding: 0 22px
}

.blog_slide_div .media-body {
    padding: 0 5px;
    text-align: left
}

.design_name {
    background: rgba(0, 0, 0, .5) none repeat scroll 0 0;
    color: #fff;
    font-size: 14px;
    margin: 0;
    padding: 10px;
    position: absolute;
    text-align: center;
    top: 245px;
    width: 96%
}

.attribute {
    background-color: rgba(58, 181, 74, .8);
    border: 5px solid #8ce591;
    color: #000;
    left: 0;
    opacity: 0;
    overflow: auto;
    padding: 6px;
    position: absolute;
    right: 0;
    height: 100%;
    top: 0;
    transform: scale(.3, .3);
    transition: transform .5s ease-in 0
}

#owl-pro1 .item:hover .attribute {
    opacity: 1;
    transform: scale(1, 1)
}

.page_container {
    margin: 10px 0
}

.loader_container {
    background-color: rgba(0, 0, 0, .5);
    bottom: 0;
    left: 0;
    margin: 0 auto;
    padding: 20% 0 0;
    position: fixed;
    right: 0;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: 9999
}

.wis_img>img {
    border: 3px solid #fff;
    box-shadow: 0 0 3px 0 #3ab44a;
    margin: 0 10px 0 0;
    width: 120px
}

.wish_bdy h4 {
    font-family: fonarto;
    font-size: 18px
}

.wish_prc {
    font-family: fonarto;
    font-weight: 500
}

.wishl_ttl button {
    color: #fff !important;
    font-size: 16px;
    margin-right: 10px;
    margin-top: 9px !important;
    opacity: .9
}

.chout-table th,
.noti_tbl th {
    background-color: #3ab54a;
    color: #fff;
    text-align: center
}

.chout-table td,
.chout-table th {
    border: 1px solid #ddd !important
}

.multi_img {
    padding: 10px 30px;
    text-align: center
}

.multi_img>li {
    display: inline !important;
    margin: 0 5px
}

.multi_img img {
    width: 140px !important;
    height: auto
}

.prdct_img {
    border: 1px solid #ddd;
    width: 100%
}

.product-overlay button {
    border-radius: 50%;
    color: #5cb85c;
    font-size: 14px;
    margin: 0 3px;
    width: 30px;
    outline: medium none;
    height: 30px;
    text-align: center;
    padding-top: 8px;
}

#slider1 {
    max-height: 350px;
    min-height: 300px;
    width: 100%
}

#slider1 .item>img {
    max-height: 300px;
    min-height: 300px;
    padding: 10px;
    width: 100%
}

.product-name h1 {
    color: #444;
    font-size: 30px;
    font-weight: 700;
    margin: 0
}

.pr_typ {
    color: #333;
    font-weight: 700 !important
}

.fcbok_box {
    margin: 25px 0
}

.prdct_size {
    color: #3ab54a
}

.product-name span {
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase
}

.vst_typ>p {
    color: #444;
    font-weight: 700
}

.vst_typ span {
    box-shadow: 0 1px 3px 0 #52b54a;
    font-size: 14px;
    margin: 0 5px;
    padding: 5px
}

.proprty_tpy p {
    color: #444;
    font-weight: 700;
    margin: 0 0 4px
}

.proprty_tpy {
    border-bottom: 2px solid #52b54a;
    margin-bottom: 10px
}

.proprty_tpy span {
    color: #3ab54a;
    font-weight: 600;
    margin: 0 5px
}

.ful_img {
    border: 1px solid #ddd;
    margin-top: 20px;
    padding: 20px
}

#slider2 .item>img {
    height: auto;
    width: 80%
}

#slider2 .item {
    text-align: center
}

.prd_bnt a:hover {
    border-bottom: 3px solid #2c6f35 !important
}

.prd_bnt a {
    border-bottom: 3px solid #2c6f35 !important;
    border-radius: 3px !important;
    color: #fff !important;
    font-weight: 700 !important;
    margin: 5px 0 !important;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, .5)
}

.plan_set_btn a,
.pln_butn a {
    background-color: #3ab54a;
    border-color: #3ab54a;
    color: #fff
}

.plan_set_btn a:hover,
.pln_butn a:hover {
    background-color: #54cf64;
    border-color: #54cf64;
    color: #fff
}

.data-table {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #ccc;
    border-collapse: collapse;
    width: 100%
}

.data-table1 tr.odd {
    background-color: #e9e9e9
}

.data-table tbody th {
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    padding: 8px;
    text-align: left
}

table#product-attribute-specs-table td,
th {
    font-size: 18px;
    padding: 10px
}

.plan_set_adon {
    border: 1px solid #ddd;
    padding: 30px 20px 15px
}

.pln_hd>input {
    margin: 0
}

.plan_set_btn {
    float: right;
    margin-right: 10%
}

.p_set_nm {
    color: #3ab54a;
    font-size: 15px
}

.tab-content {
    background-color: #fff;
    color: #555;
    padding: 0
}

.nav-tabs {
    border: 0 !important
}

.plan_set {
    background-color: #ececec;
    margin-bottom: 15px;
    padding: 10px;
    border: 1px solid #d9d9d9
}

.plan_set li {
    color: #333;
    list-style-type: square
}

.pln_hd {
    margin-bottom: 5px
}

.price-label {
    color: #3ab54a;
    font-weight: 600
}

.product-simple-button a {
    padding: 8px
}

.full-product-price {
    background-color: #3ab54a;
    color: #fff;
    font-weight: bolder;
    padding: 7px
}

.price-as-configured {
    border: 1px solid #ddd;
    float: right;
    padding: 6px 0 6px 10px
}

.star {
    color: #3ab54a
}

.pln_butn {
    bottom: 10px;
    position: absolute
}

.prdct_detl {
    height: 350px;
    position: relative
}

.panel-body li {
    list-style-type: none
}

.product-simple-block:hover .pro_atrbt {
    bottom: 0
}

.pro_atrbt img {
    max-height: 20px !important;
    min-height: 20px !important;
    min-width: 20px !important;
    max-width: 20px !important
}

.pro_atrbt {
    bottom: -100px;
    left: 0;
    position: absolute;
    right: 0;
    display: block;
    transition: bottom 1s ease-in 0
}

.pric_max {
    float: left;
    margin-left: 10px;
    width: 47%
}

.pric_min {
    float: left;
    width: 47%
}

.pric_main {
    margin: 22px 0 15px
}

.search_pric {
    float: right;
    width: 90px
}

.reset_form {
    float: left;
    width: 90px
}

.pric_btn {
    padding: 10px
}

.list-side .list-group-item.active,
.list-side .list-group-item.active:focus,
.list-side .list-group-item.active:hover {
    background-color: rgba(0, 0, 0, 0);
    border-color: transparent;
    color: #3ab54a
}

.slide_inner li {
    display: inline-block !important;
    height: 100px !important
}

.thmb_slider {
    left: 22%;
    margin: 15px 0;
    position: relative;
    width: 56%
}

.down_image2 img {
    height: 100%;
    width: 100%
}

.pro_contnt label {
    font-family: kirvyB;
    font-weight: 700;
    color: #222
}

.clear {
    clear: both
}

.edit_image {
    height: 250px;
    position: relative;
    margin-bottom: 15px
}

.edit_image img {
    height: 100%;
    padding: 0
}

.rem_img {
    margin: 0
}

.rem_img a {
    background: rgba(0, 0, 0, .5) none repeat scroll 0 0;
    bottom: 0;
    color: #fff;
    margin: 0;
    padding: 10px;
    position: absolute;
    text-align: center;
    width: 100%
}

.rem_img a:hover {
    background: red none repeat scroll 0 0;
    color: #cfcfcf
}

.edit_prduct textarea {
    width: 100%
}

.pro_contnt {
    border: 1px solid #ddd;
    box-shadow: 0 0 25px -17px #000;
    padding: 15px 0
}

.down_image {
    height: 250px;
    position: relative
}

.down_image121 {
    position: relative;
    overflow: hidden
}

.pln_detail>h4 {
    margin: 0 !important;
    padding: 10px
}

.plndlt {
    font-weight: 700
}

.test_user_image>img {
    border: 2px solid #3ab54a;
    border-radius: 5px;
    padding: 15px;
    width: 100%
}

.quote_icon {
    font-size: 25px;
    margin-right: 10px;
    color: #3ab54a
}

.testi_block {
    border: 1px solid #ddd;
    border-radius: 5px;
    margin-bottom: 10px;
    padding: 10px
}

table#list_attr {
    bottom: 3px;
    font-size: 11px;
    left: 0;
    margin-top: 10px;
    position: absolute;
    text-align: center;
    width: 100%
}

table#list_attr th {
    background-color: #52b54a;
    border: 1px solid #1b9811;
    color: #fff;
    font-size: 11px;
    font-weight: 500;
    padding: 3px 6px;
    text-align: center
}

table#list_attr td {
    background-color: #f8f8f8;
    border: 1px solid #ccc;
    padding: 4px;
    text-align: center
}

.singl_list_attr td {
    background-color: #f8f8f8;
    border: 1px solid #ccc;
    padding: 4px;
    text-align: center
}

.singl_list_attr th {
    background-color: #52b54a;
    border: 1px solid #1b9811;
    color: #fff;
    font-size: 11px;
    font-weight: 500;
    padding: 3px 6px;
    text-align: center
}

.singl_list_attr {
    font-size: 11px;
    left: 0;
    margin: 0;
    text-align: center;
    width: 100%
}

.sngl_prdc_icn h5 {
    margin: 3px 0 0;
    font-size: 13px;
    font-weight: 700;
    margin: 3px 0 0
}

.pr_cod {
    padding-top: 10px
}

.latest_project_cls {
    min-height: 360px;
    padding: 0 10px;
    position: relative;
    color: #333
}

.contrc_descptn>p {
    background: #f2f2f2 none repeat scroll 0 0;
    color: #8f8f8f;
    min-height: 100px;
    padding: 10px 15px;
    text-align: justify
}

.latest_project_cls .clickable {
    position: absolute;
    right: 0;
    top: -45px;
    margin: 0
}

.latest_project_cls i {
    color: #333;
    font-size: 20px;
    margin-left: 2px;
    margin-top: 5px
}

.latest_project_cls .owl-next,
.latest_project_cls .owl-prev {
    background-color: #fff !important;
    border: 1px solid #333;
    color: #333 !important;
    display: table-cell;
    height: 35px;
    padding: 0 !important;
    text-align: center;
    vertical-align: middle;
    width: 35px
}

.budget {
    background: #ffcd62 none repeat scroll 0 0;
    border-radius: 2px;
    color: #222;
    margin: 0;
    padding: 15px
}

.budget i {
    font-size: 16px
}

.project-block h3 {
    margin: 0
}

.project-block button {
    margin: 10px 2px 0
}

.blog-content-inside .inner>ul {
    top: 5px !important
}

.panel-testimonial {
    background-color: rgba(0, 0, 0, 0);
    border: medium none;
    margin-left: -15px;
    margin-right: -15px
}

.panel-testimonial .testi_block {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #ddd;
    border-radius: 5px;
    box-shadow: 0 0 10px -7px #000;
    margin-bottom: 25px;
    padding: 25px 10px;
    margin-left: -5px;
    margin-right: -5px
}

.panel-testimonial .testi_block .test_user_image>img {
    border: 2px dashed #3ab54a
}

.test_user_desc>span {
    color: #f07420
}

.box-shawdow {
    box-shadow: 0 0 10px -7px #000
}

.main-box-primary {
    background: #337ab7;
    color: #fff;
    border: 2px solid #2168a5;
    width: 100%
}

.main-box-primary:hover {
    background: #2168a5
}

.main-box-success {
    background: #3ab54a;
    color: #fff;
    border: 2px solid #249f34;
    width: 100%
}

.main-box-success:hover {
    background: #249f34
}

.main-box-warning {
    background: #f0ad4e;
    color: #fff;
    border: 2px solid #de9b3c;
    width: 100%
}

.main-box-warning:hover {
    background: #de9b3c
}

.main-box-danger {
    background: #d9534f;
    color: #fff;
    border: 2px solid #c33d39;
    width: 100%
}

.main-box-danger:hover {
    background: #c33d39
}

.profile-block {
    position: relative;
    min-height: 130px
}

.profile-block::after {
    background: #e4e4e4 none repeat scroll 0 0;
    content: "";
    height: 130px;
    position: absolute;
    right: 0;
    top: 0;
    width: 1px
}

.profile-block .user_prof_pic {
    float: none;
    margin: 0 auto;
    width: auto;
    padding: 0 10px;
    position: relative;
    text-align: center;
    box-sizing: border-box
}

.chang_prflil {
    background-color: #3ab54a;
    border-radius: 50%;
    box-shadow: 0 0 5px 0 #333;
    color: #fff;
    font-size: 20px;
    height: 40px;
    padding: 10px;
    position: absolute;
    right: -8px;
    top: -10px;
    width: 40px
}

.user-pic-block {
    background-color: #fff;
    border-radius: 10px;
    bottom: 0;
    box-shadow: 0 0 5px 0 #3ab54a;
    height: 175px;
    left: -15px;
    margin: 0 auto;
    position: absolute;
    top: -60px;
    width: 175px
}

.profile-block .user_prof_pic img {
    border: 3px solid #fff;
    display: inline-block;
    height: 100%;
    margin: 0 auto;
    max-height: 100%;
    max-width: 100%;
    vertical-align: middle;
    width: 100%
}

.user_prof_name {
    bottom: -15px;
    color: #3ab54a;
    font-size: 18px;
    font-weight: 700;
    left: -15px;
    margin: 0;
    padding: 0;
    position: relative;
    right: 0;
    text-align: left;
    top: -5px
}

.user_prof_name>span {
    color: #606060;
    font-size: 12px
}

.change-picc {
    position: absolute;
    background: #3ab54a;
    color: #fff;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    border-radius: 50%;
    padding: 3px 0;
    z-index: 1
}

.change-picc i {
    margin-top: 6px
}

.upload-picc {
    position: absolute;
    bottom: 2px;
    left: 0;
    right: 0;
    z-index: 10;
    cursor: pointer;
    width: 100%;
    opacity: 0
}

.msg_receive::before {
    border-color: #acacac transparent;
    border-style: solid;
    border-width: 0 0 12px 22px;
    content: "";
    left: -15px;
    position: absolute;
    top: 8px
}

.msg_receive::after {
    border-color: #fff transparent;
    border-style: solid;
    border-width: 0 0 10px 20px;
    content: "";
    left: -12px;
    position: absolute;
    top: 9px
}

.msg_sent::before {
    border-color: #dfdfdf transparent;
    border-style: solid;
    border-width: 0 22px 12px 0;
    bottom: 10px;
    content: "";
    position: absolute;
    right: -13px;
    z-index: 100
}

.msg_sent::after {
    border-color: #fff transparent;
    border-style: solid;
    border-width: 0 20px 10px 0;
    bottom: 11px;
    content: "";
    position: absolute;
    right: -10px;
    z-index: 100
}

#show_chat>.chat_scroll {
    min-height: 10px;
    max-height: 400px;
    overflow-x: hidden;
    overflow-y: scroll
}

.addcart {
    width: 100%
}

.tt {
    display: block;
    max-width: 700px;
    overflow-y: scroll;
    height: 250px
}

#quick_contact_form {
    margin-bottom: 0
}

#quick_contact_form .form-group:last-child {
    margin-bottom: 0
}

.checkbox-inline input[type=radio] {
    position: absolute;
    margin-left: -20px
}

.height {
    height: auto !important
}

.min-h-350 {
    min-height: 350px !important
}

.m-5 {
    margin: 5px
}

.mb-30 {
    margin-bottom: 30px
}

.overlay a.folio-detail,
.overlay a.folio-link {
    font-size: 16px;
    text-align: center;
    width: 40px !important;
    height: 40px !important;
    background: #fff;
    color: #000;
    line-height: 40px;
    border-radius: 50%
}

.container-fluid {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    height: auto;
    overflow: hidden
}

.small-box .hover-text {
    min-height: 200px;
    padding: 10px 40px
}

#portfolio .small-box {
    height: 208px;
    overflow: hidden;
    -webkit-backface-visibility: hidden
}

.tk-museo-sans span {
    background-size: 80%;
    background-position: left
}

@media (min-width:768px) and(max-width:1900px) {
    .slider_search {
        top: 34%;
        width: 74% !important;
        right: 12%
    }
    .gallerydiv {
        max-height: 430px;
        height: auto;
        overflow: hidden
    }
    ul.house-search {
        width: 100%
    }
}

@media (min-width:768px) and(max-width:1100px) {
    .gallerydiv {
        max-height: 400px;
        height: auto;
        overflow: hidden
    }
    .p-right {
        padding-right: 0
    }
    .p-left {
        padding-left: 0
    }
    .large-box img.img-responsive {
        max-width: 187%
    }
    .parallax_sec1 {
        height: auto
    }
    .parallax_sec1 .container-fluid .container {
        padding-right: 0;
        padding-left: 0
    }
    .parallax_sec1 .right li span {
        float: left;
        margin-right: 0;
        margin-top: 27px
    }
    .imgicon1 {
        width: 15%;
        margin-right: 0
    }
    .imgicon1 img {
        width: 100%
    }
    .imgicon {
        float: right;
        width: 15%
    }
    .imgicon img {
        width: 100%
    }
    .parallax_sec1 .left li span {
        margin-left: 0
    }
    .parallax_sec1 .left li:last-child span {
        margin-top: 7px
    }
    .parallax_sec1 .left li:nth-child(2) span {
        margin-top: 28px
    }
    #navbar-collapse ul {
        padding-left: 0;
        margin-left: 0;
        width: 100%;
        float: left !important
    }
    ul.house-search.topli {
        width: 100%;
        margin: auto
    }
    .house-search li input[type=submit] {
        margin-top: 16px
    }
    .col-sm-3.after-b.wow.fadeInUp.mob.footer-nevi {
        width: 50%
    }
    .col-sm-3.after-b.wow.fadeInUp.mob-fm.footer-fb {
        width: 50%
    }
    .col-sm-3.ipad-width {
        width: 50%;
        float: left;
        position: absolute;
        bottom: 0;
        overflow: hidden;
        height: 200px
    }
    .foo-top {
        background-image: none;
        position: relative
    }
    .col-md-3.footer-logow {
        width: 50%;
        float: right
    }
    .foo-top .pl-0.content-aside {
        padding-left: 0
    }
    .foo-bottom {
        padding: 13px 0;
        text-align: center;
        position: absolute;
        width: 100%
    }
}

@media (min-width:992px) and(max-width:1199px) {
    .overlay a.folio-detail {
        font-size: 35px;
        top: 25px
    }
    .overlay a.folio-detail,
    .overlay a.folio-link {
        left: 30px
    }
    .overlay h2 {
        top: 15%;
        font-size: 20px
    }
    .overlay p {
        top: 15%;
        font-size: 14px
    }
    .overlay a.folio-link {
        bottom: 12px
    }
}

@media (min-width:768px) and(max-width:991px) {
    .portfolio-items li {
        width: 49.97%
    }
    .portfolio-content .overlay {
        padding: 40px
    }
    .overlay a.folio-detail {
        top: 50px;
        font-size: 45px
    }
    .overlay a.folio-detail,
    .overlay a.folio-link {
        left: 40px
    }
    .overlay h2 {
        top: 20%
    }
    .overlay p {
        top: 22%;
        font-size: 14px
    }
}

@media (max-width:767px) {
    .parallax-content h1 {
        line-height: 30px
    }
    .portfolio-items li {
        width: 49.97%
    }
    .filter li a {
        font-size: 16px;
        padding: 2px 10px
    }
    .overlay a.folio-detail {
        top: 25px
    }
    .portfolio-content .overlay {
        padding: 15px
    }
    .overlay a.folio-detail,
    .overlay a.folio-link {
        left: 25px;
        font-size: 25px
    }
    .overlay h2 {
        top: 20%
    }
    .overlay p {
        top: 22%;
        font-size: 12px
    }
    .budget i {
        font-size: 14px
    }
    .project-block h3 {
        font-size: 18px;
        margin: 0
    }
    .project-block h3 i {
        font-size: 18px;
        margin-right: 5px
    }
    .project-block h6 {
        font-size: 12px
    }
    .content-aside {
        margin-top: 20px
    }
    .latest_project_cls i {
        color: #333;
        font-size: 12px;
        margin-left: 2px;
        margin-top: 5px
    }
    .owl-buttons i {
        font-size: 20px !important
    }
    .budget {
        background: #e0e0e0 none repeat scroll 0 0;
        border-radius: 2px;
        color: #8f8f8f;
        margin-bottom: 10px;
        margin-left: 0;
        margin-right: 0;
        padding: 5px 8px
    }
    .contrc_descptn>h4 {
        font-size: 14px
    }
    .project-block button {
        font-size: 12px;
        margin: 0 2px;
        padding: 5px 10px
    }
    .contrc_descptn>p {
        background: #f2f2f2 none repeat scroll 0 0;
        color: #8f8f8f;
        font-size: 12px;
        min-height: 80px;
        padding: 10px 15px;
        text-align: justify
    }
}

@media (max-width:479px) {
    .portfolio-items li {
        width: 99.97%
    }
    .overlay a.folio-detail,
    .overlay a.folio-link {
        left: 33px
    }
    .overlay h2 {
        top: 0
    }
    .overlay p {
        top: 5px
    }
    .overlay a.folio-detail {
        top: 50px
    }
    .small-box img.img-responsive {
        height: 145%
    }
}

@media (max-width:768px) {
    .pding_top_0 {
        padding-top: 15px !important
    }
    .pdr_0 {
        padding-right: 15px !important
    }
    .pdl_0 {
        padding-left: 15px !important
    }
    .pdt_0 {
        padding-top: 15px !important
    }
    .pdb_0 {
        padding-bottom: 15px !important
    }
    .test_img {
        padding: 0
    }
    .test_user_desc>p {
        font-size: 12px
    }
    .test_user_desc>span {
        font-size: 12px
    }
    .quote_icon {
        font-size: 20px;
        margin-right: 10px
    }
}

@media (max-width:500px) {
    .test_user_image>img {
        border: 2px solid #3ab54a;
        border-radius: 5px;
        padding: 3px;
        width: 100%
    }
}

.consult-us-form {
    margin: 24px auto;
    text-align: center;
    padding-bottom: 18px
}

.btn-border:before {
    position: absolute;
    content: '';
    border-bottom: 1px solid #b1b1b1;
    width: 50%;
    left: 25%;
    top: 33%;
    z-index: 1
}

.consult-popup {
    color: #fff;
    background: #337ab7;
    border: 1px solid #2e6da4;
    width: 125px;
    height: 37px;
    position: relative;
    z-index: 20;
    border-radius: 18px;
    -webkit-transition: all ease .6s;
    -moz-transition: all ease .6s;
    transition: all ease .6s
}

.consult-popup:hover {
    color: #1d1d1d;
    box-shadow: inset 150px 0 0 #fff;
    border: 1px solid #565656
}

.consult-popup:focus {
    outline: 0
}

.modal {
    display: none;
    position: fixed;
    z-index: 1;
    padding-top: 100px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: #000;
    background-color: rgba(0, 0, 0, .64)
}

.modal-content {
    background-color: #fefefe;
    margin: auto;
    padding: 20px;
    top: 24%;
    border: 1px solid #888;
    text-align: center;
    width: 100%
}

.close {
    color: #369e43;
    opacity: 1;
    position: absolute;
    top: 0;
    right: 5px;
    z-index: 50
}

.close.whtuwnt {
    right: 74px
}

.close:focus,
.close:hover {
    color: #000;
    text-decoration: none;
    cursor: pointer
}

.popup-form {
    width: 100%;
    border-radius: 20px;
    padding: 2% 4%;
    color: #064c0f;
    border: 1px solid #3ab349;
    margin: 6px auto
}

.popup-form:focus {
    outline: 0
}

.popup-form::-webkit-input-placeholder {
    color: #545454
}

.popup-form:-moz-placeholder {
    color: #545454;
    opacity: 1
}

.popup-form::-moz-placeholder {
    color: #545454;
    opacity: 1
}

.popup-form:-ms-input-placeholder {
    color: #545454
}

.popup-form-submit {
    width: 100%;
    border: none;
    background: #4a4a4a;
    padding: 8px 0;
    margin: 6px 0;
    color: #fff;
    border-radius: 5px
}

.black {
    background: #313131;
    border: #313131
}

.black:active,
.black:focus,
.black:hover {
    background: #000;
    outline: 0
}

.designer-name {
    color: #fff;
    text-decoration: none
}

.designer-name:hover {
    color: #fff;
    text-decoration: none
}

html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%
}

body {
    margin: 0
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
    display: block
}

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden],
template {
    display: none
}

a {
    background-color: transparent;
    text-decoration: none
}

a:active,
a:hover {
    outline: 0
}

abbr[title] {
    border-bottom: 1px dotted
}

b,
strong {
    font-weight: 700
}

dfn {
    font-style: italic
}

h1 {
    margin: .67em 0;
    font-size: 2em
}

mark {
    color: #000;
    background: #ff0
}

small {
    font-size: 80%
}

sub,
sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

img {
    border: 0
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 1em 40px
}

hr {
    height: 0;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

pre {
    overflow: auto
}

code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}

button,
input,
optgroup,
select,
textarea {
    margin: 0;
    font: inherit;
    color: inherit
}

button {
    overflow: visible
}

button,
select {
    text-transform: none
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled],
html input[disabled] {
    cursor: default
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    padding: 0;
    border: 0
}

input {
    line-height: normal
}

input[type=checkbox],
input[type=radio] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    height: auto
}

input[type=search] {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-appearance: textfield
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

fieldset {
    padding: .35em .625em .75em;
    margin: 0 2px;
    border: 1px solid silver
}

legend {
    padding: 0;
    border: 0
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: 700
}

table {
    border-spacing: 0;
    border-collapse: collapse
}

td,
th {
    padding: 0
}

@media print {
    *,
    :after,
    :before {
        color: #000 !important;
        text-shadow: none !important;
        background: 0 0 !important;
        -webkit-box-shadow: none !important;
        box-shadow: none !important
    }
    a,
    a:visited {
        text-decoration: underline
    }
    a[href]:after {
        content: " (" attr(href) ")"
    }
    abbr[title]:after {
        content: " (" attr(title) ")"
    }
    a[href^="#"]:after,
    a[href^="javascript:"]: after {
        content: ""
    }
    blockquote,
    pre {
        border: 1px solid #999;
        page-break-inside: avoid
    }
    thead {
        display: table-header-group
    }
    img,
    tr {
        page-break-inside: avoid
    }
    img {
        max-width: 100% !important
    }
    h2,
    h3,
    p {
        orphans: 3;
        widows: 3
    }
    h2,
    h3 {
        page-break-after: avoid
    }
    select {
        background: #fff !important
    }
    .navbar {
        display: none
    }
    .btn>.caret,
    .dropup>.btn>.caret {
        border-top-color: #000 !important
    }
    .label {
        border: 1px solid #000
    }
    .table {
        border-collapse: collapse !important
    }
    .table td,
    .table th {
        background-color: #fff !important
    }
    .table-bordered td,
    .table-bordered th {
        border: 1px solid #ddd !important
    }
}

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

:after,
:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

html {
    font-size: 10px;
    -webkit-tap-highlight-color: transparent
}

body {
    font-size: 14px;
    line-height: 1.42857143;
    color: #333;
    background-color: #fff
}

button,
input,
select,
textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

ax {
    color: #fff;
    text-decoration: none
}

a:focus,
a:hover {
    color: #23527c
}

figure {
    margin: 0
}

img {
    vertical-align: middle
}

.carousel-inner>.item>a>img,
.carousel-inner>.item>img,
.img-responsive,
.thumbnail a>img,
.thumbnail>img {
    display: block;
    max-width: 100%;
    height: auto
}

.img-rounded {
    border-radius: 6px
}

.img-thumbnail {
    display: inline-block;
    max-width: 100%;
    height: auto;
    padding: 4px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.img-circle {
    border-radius: 50%
}

hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #eee
}

.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
}

[role=button] {
    cursor: pointer
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: inherit;
    font-weight: 500;
    line-height: 1.1;
    color: inherit
}

.h1 .small,
.h1 small,
.h2 .small,
.h2 small,
.h3 .small,
.h3 small,
.h4 .small,
.h4 small,
.h5 .small,
.h5 small,
.h6 .small,
.h6 small,
h1 .small,
h1 small,
h2 .small,
h2 small,
h3 .small,
h3 small,
h4 .small,
h4 small,
h5 .small,
h5 small,
h6 .small,
h6 small {
    font-weight: 400;
    line-height: 1;
    color: #777
}

.h1,
.h2,
.h3,
h1,
h2,
h3 {
    margin-top: 20px;
    margin-bottom: 10px
}

.h1 .small,
.h1 small,
.h2 .small,
.h2 small,
.h3 .small,
.h3 small,
h1 .small,
h1 small,
h2 .small,
h2 small,
h3 .small,
h3 small {
    font-size: 65%
}

.h4,
.h5,
.h6,
h4,
h5,
h6 {
    margin-top: 10px;
    margin-bottom: 10px
}

.h4 .small,
.h4 small,
.h5 .small,
.h5 small,
.h6 .small,
.h6 small,
h4 .small,
h4 small,
h5 .small,
h5 small,
h6 .small,
h6 small {
    font-size: 75%
}

.h1,
h1 {
    font-size: 36px
}

.h2,
h2 {
    font-size: 30px
}

.h3,
h3 {
    font-size: 24px
}

.h4,
h4 {
    font-size: 18px
}

.h5,
h5 {
    font-size: 14px
}

.h6,
h6 {
    font-size: 12px
}

p {
    margin: 0 0 10px
}

.lead {
    margin-bottom: 20px;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.4
}

@media (min-width:768px) {
    .lead {
        font-size: 21px
    }
}

.small,
small {
    font-size: 85%
}

.mark,
mark {
    padding: .2em;
    background-color: #fcf8e3
}

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.text-center {
    text-align: center
}

.text-justify {
    text-align: justify
}

.text-nowrap {
    white-space: nowrap
}

.text-lowercase {
    text-transform: lowercase
}

.text-uppercase {
    text-transform: uppercase
}

.text-capitalize {
    text-transform: capitalize
}

.text-muted {
    color: #777
}

.text-primary {
    color: #337ab7
}

a.text-primary:hover {
    color: #286090
}

.text-success {
    color: #3c763d
}

a.text-success:hover {
    color: #2b542c
}

.text-info {
    color: #31708f
}

a.text-info:hover {
    color: #245269
}

.text-warning {
    color: #8a6d3b
}

a.text-warning:hover {
    color: #66512c
}

.text-danger {
    color: #a94442
}

a.text-danger:hover {
    color: #843534
}

.bg-primary {
    color: #fff;
    background-color: #337ab7
}

a.bg-primary:hover {
    background-color: #286090
}

.bg-success {
    background-color: #dff0d8
}

a.bg-success:hover {
    background-color: #c1e2b3
}

.bg-info {
    background-color: #d9edf7
}

a.bg-info:hover {
    background-color: #afd9ee
}

.bg-warning {
    background-color: #fcf8e3
}

a.bg-warning:hover {
    background-color: #f7ecb5
}

.bg-danger {
    background-color: #f2dede
}

a.bg-danger:hover {
    background-color: #e4b9b9
}

.page-header {
    padding-bottom: 9px;
    margin: 40px 0 20px;
    border-bottom: 1px solid #eee
}

ol,
ul {
    margin-top: 0;
    margin-bottom: 10px
}

ol ol,
ol ul,
ul ol,
ul ul {
    margin-bottom: 0
}

.list-unstyled {
    padding-left: 0;
    list-style: none
}

.list-inline {
    padding-left: 0;
    margin-left: -5px;
    list-style: none
}

.list-inline>li {
    display: inline-block;
    padding-right: 5px;
    padding-left: 5px
}

dl {
    margin-top: 0;
    margin-bottom: 20px
}

dd,
dt {
    line-height: 1.42857143
}

dt {
    font-weight: 700
}

dd {
    margin-left: 0
}

@media (min-width:768px) {
    .dl-horizontal dt {
        float: left;
        width: 160px;
        overflow: hidden;
        clear: left;
        text-align: right;
        text-overflow: ellipsis;
        white-space: nowrap
    }
    .dl-horizontal dd {
        margin-left: 180px
    }
}

abbr[data-original-title],
abbr[title] {
    cursor: help;
    border-bottom: 1px dotted #777
}

.initialism {
    font-size: 90%;
    text-transform: uppercase
}

blockquote {
    padding: 10px 20px;
    margin: 0 0 20px;
    font-size: 17.5px;
    border-left: 5px solid #eee
}

blockquote ol:last-child,
blockquote p:last-child,
blockquote ul:last-child {
    margin-bottom: 0
}

blockquote .small,
blockquote footer,
blockquote small {
    display: block;
    font-size: 80%;
    line-height: 1.42857143;
    color: #777
}

blockquote .small:before,
blockquote footer:before,
blockquote small:before {
    content: '\2014 \00A0'
}

.blockquote-reverse,
blockquote.pull-right {
    padding-right: 15px;
    padding-left: 0;
    text-align: right;
    border-right: 5px solid #eee;
    border-left: 0
}

.blockquote-reverse .small:before,
.blockquote-reverse footer:before,
.blockquote-reverse small:before,
blockquote.pull-right .small:before,
blockquote.pull-right footer:before,
blockquote.pull-right small:before {
    content: ''
}

.blockquote-reverse .small:after,
.blockquote-reverse footer:after,
.blockquote-reverse small:after,
blockquote.pull-right .small:after,
blockquote.pull-right footer:after,
blockquote.pull-right small:after {
    content: '\00A0 \2014'
}

address {
    margin-bottom: 20px;
    font-style: normal;
    line-height: 1.42857143
}

code,
kbd,
pre,
samp {
    font-family: Menlo, Monaco, Consolas, "Courier New", monospace
}

code {
    padding: 2px 4px;
    font-size: 90%;
    color: #c7254e;
    background-color: #f9f2f4;
    border-radius: 4px
}

kbd {
    padding: 2px 4px;
    font-size: 90%;
    color: #fff;
    background-color: #333;
    border-radius: 3px;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .25);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .25)
}

kbd kbd {
    padding: 0;
    font-size: 100%;
    font-weight: 700;
    -webkit-box-shadow: none;
    box-shadow: none
}

pre {
    display: block;
    padding: 9.5px;
    margin: 0 0 10px;
    font-size: 13px;
    line-height: 1.42857143;
    color: #333;
    word-break: break-all;
    word-wrap: break-word;
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    border-radius: 4px
}

pre code {
    padding: 0;
    font-size: inherit;
    color: inherit;
    white-space: pre-wrap;
    background-color: transparent;
    border-radius: 0
}

.pre-scrollable {
    max-height: 340px;
    overflow-y: scroll
}

.container {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

@media (min-width:768px) {
    .container {
        width: 750px
    }
}

@media (min-width:992px) {
    .container {
        width: 970px
    }
}

@media (min-width:1200px) {
    .container {
        width: 1280px;
        max-width: 100%
    }
}

.container-fluid {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    overflow: hidden
}

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

.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-xs-1,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9 {
    position: relative;
    min-height: 1px;
    padding-right: 15px !important;
    padding-left: 15px !important;
}

.col-xs-1,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9 {
    float: left
}

.col-xs-12 {
    width: 100%
}

.col-xs-11 {
    width: 91.66666667%
}

.col-xs-10 {
    width: 83.33333333%
}

.col-xs-9 {
    width: 75%
}

.col-xs-8 {
    width: 66.66666667%
}

.col-xs-7 {
    width: 58.33333333%
}

.col-xs-6 {
    width: 50%
}

.col-xs-5 {
    width: 41.66666667%
}

.col-xs-4 {
    width: 33.33333333%
}

.col-xs-3 {
    width: 25%
}

.col-xs-2 {
    width: 16.66666667%
}

.col-xs-1 {
    width: 8.33333333%
}

.col-xs-pull-12 {
    right: 100%
}

.col-xs-pull-11 {
    right: 91.66666667%
}

.col-xs-pull-10 {
    right: 83.33333333%
}

.col-xs-pull-9 {
    right: 75%
}

.col-xs-pull-8 {
    right: 66.66666667%
}

.col-xs-pull-7 {
    right: 58.33333333%
}

.col-xs-pull-6 {
    right: 50%
}

.col-xs-pull-5 {
    right: 41.66666667%
}

.col-xs-pull-4 {
    right: 33.33333333%
}

.col-xs-pull-3 {
    right: 25%
}

.col-xs-pull-2 {
    right: 16.66666667%
}

.col-xs-pull-1 {
    right: 8.33333333%
}

.col-xs-pull-0 {
    right: auto
}

.col-xs-push-12 {
    left: 100%
}

.col-xs-push-11 {
    left: 91.66666667%
}

.col-xs-push-10 {
    left: 83.33333333%
}

.col-xs-push-9 {
    left: 75%
}

.col-xs-push-8 {
    left: 66.66666667%
}

.col-xs-push-7 {
    left: 58.33333333%
}

.col-xs-push-6 {
    left: 50%
}

.col-xs-push-5 {
    left: 41.66666667%
}

.col-xs-push-4 {
    left: 33.33333333%
}

.col-xs-push-3 {
    left: 25%
}

.col-xs-push-2 {
    left: 16.66666667%
}

.col-xs-push-1 {
    left: 8.33333333%
}

.col-xs-push-0 {
    left: auto
}

.col-xs-offset-12 {
    margin-left: 100%
}

.col-xs-offset-11 {
    margin-left: 91.66666667%
}

.col-xs-offset-10 {
    margin-left: 83.33333333%
}

.col-xs-offset-9 {
    margin-left: 75%
}

.col-xs-offset-8 {
    margin-left: 66.66666667%
}

.col-xs-offset-7 {
    margin-left: 58.33333333%
}

.col-xs-offset-6 {
    margin-left: 50%
}

.col-xs-offset-5 {
    margin-left: 41.66666667%
}

.col-xs-offset-4 {
    margin-left: 33.33333333%
}

.col-xs-offset-3 {
    margin-left: 25%
}

.col-xs-offset-2 {
    margin-left: 16.66666667%
}

.col-xs-offset-1 {
    margin-left: 8.33333333%
}

.col-xs-offset-0 {
    margin-left: 0
}

@media (min-width:768px) {
    .col-sm-1,
    .col-sm-10,
    .col-sm-11,
    .col-sm-12,
    .col-sm-2,
    .col-sm-3,
    .col-sm-4,
    .col-sm-5,
    .col-sm-6,
    .col-sm-7,
    .col-sm-8,
    .col-sm-9 {
        float: left
    }
    .col-sm-12 {
        width: 100%
    }
    .col-sm-11 {
        width: 91.66666667%
    }
    .col-sm-10 {
        width: 83.33333333%
    }
    .col-sm-9 {
        width: 75%
    }
    .col-sm-8 {
        width: 66.66666667%
    }
    .col-sm-7 {
        width: 58.33333333%
    }
    .col-sm-6 {
        width: 50%
    }
    .col-sm-5 {
        width: 41.66666667%
    }
    .col-sm-4 {
        width: 33.33333333%
    }
    .col-sm-3 {
        width: 25%
    }
    .col-sm-2 {
        width: 16.66666667%
    }
    .col-sm-1 {
        width: 8.33333333%
    }
    .col-sm-pull-12 {
        right: 100%
    }
    .col-sm-pull-11 {
        right: 91.66666667%
    }
    .col-sm-pull-10 {
        right: 83.33333333%
    }
    .col-sm-pull-9 {
        right: 75%
    }
    .col-sm-pull-8 {
        right: 66.66666667%
    }
    .col-sm-pull-7 {
        right: 58.33333333%
    }
    .col-sm-pull-6 {
        right: 50%
    }
    .col-sm-pull-5 {
        right: 41.66666667%
    }
    .col-sm-pull-4 {
        right: 33.33333333%
    }
    .col-sm-pull-3 {
        right: 25%
    }
    .col-sm-pull-2 {
        right: 16.66666667%
    }
    .col-sm-pull-1 {
        right: 8.33333333%
    }
    .col-sm-pull-0 {
        right: auto
    }
    .col-sm-push-12 {
        left: 100%
    }
    .col-sm-push-11 {
        left: 91.66666667%
    }
    .col-sm-push-10 {
        left: 83.33333333%
    }
    .col-sm-push-9 {
        left: 75%
    }
    .col-sm-push-8 {
        left: 66.66666667%
    }
    .col-sm-push-7 {
        left: 58.33333333%
    }
    .col-sm-push-6 {
        left: 50%
    }
    .col-sm-push-5 {
        left: 41.66666667%
    }
    .col-sm-push-4 {
        left: 33.33333333%
    }
    .col-sm-push-3 {
        left: 25%
    }
    .col-sm-push-2 {
        left: 16.66666667%
    }
    .col-sm-push-1 {
        left: 8.33333333%
    }
    .col-sm-push-0 {
        left: auto
    }
    .col-sm-offset-12 {
        margin-left: 100%
    }
    .col-sm-offset-11 {
        margin-left: 91.66666667%
    }
    .col-sm-offset-10 {
        margin-left: 83.33333333%
    }
    .col-sm-offset-9 {
        margin-left: 75%
    }
    .col-sm-offset-8 {
        margin-left: 66.66666667%
    }
    .col-sm-offset-7 {
        margin-left: 58.33333333%
    }
    .col-sm-offset-6 {
        margin-left: 50%
    }
    .col-sm-offset-5 {
        margin-left: 41.66666667%
    }
    .col-sm-offset-4 {
        margin-left: 33.33333333%
    }
    .col-sm-offset-3 {
        margin-left: 25%
    }
    .col-sm-offset-2 {
        margin-left: 16.66666667%
    }
    .col-sm-offset-1 {
        margin-left: 8.33333333%
    }
    .col-sm-offset-0 {
        margin-left: 0
    }
}

@media (min-width:992px) {
    .col-md-1,
    .col-md-10,
    .col-md-11,
    .col-md-12,
    .col-md-2,
    .col-md-3,
    .col-md-4,
    .col-md-5,
    .col-md-6,
    .col-md-7,
    .col-md-8,
    .col-md-9 {
        float: left
    }
    .col-md-12 {
        width: 100%
    }
    .col-md-11 {
        width: 91.66666667%
    }
    .col-md-10 {
        width: 83.33333333%
    }
    .col-md-9 {
        width: 75%
    }
    .col-md-8 {
        width: 66.66666667%
    }
    .col-md-7 {
        width: 58.33333333%
    }
    .col-md-6 {
        width: 50%
    }
    .col-md-5 {
        width: 41.66666667%
    }
    .col-md-4 {
        width: 33.33333333%
    }
    .col-md-3 {
        width: 25%
    }
    .col-md-2 {
        width: 16.66666667%
    }
    .col-md-1 {
        width: 8.33333333%
    }
    .col-md-pull-12 {
        right: 100%
    }
    .col-md-pull-11 {
        right: 91.66666667%
    }
    .col-md-pull-10 {
        right: 83.33333333%
    }
    .col-md-pull-9 {
        right: 75%
    }
    .col-md-pull-8 {
        right: 66.66666667%
    }
    .col-md-pull-7 {
        right: 58.33333333%
    }
    .col-md-pull-6 {
        right: 50%
    }
    .col-md-pull-5 {
        right: 41.66666667%
    }
    .col-md-pull-4 {
        right: 33.33333333%
    }
    .col-md-pull-3 {
        right: 25%
    }
    .col-md-pull-2 {
        right: 16.66666667%
    }
    .col-md-pull-1 {
        right: 8.33333333%
    }
    .col-md-pull-0 {
        right: auto
    }
    .col-md-push-12 {
        left: 100%
    }
    .col-md-push-11 {
        left: 91.66666667%
    }
    .col-md-push-10 {
        left: 83.33333333%
    }
    .col-md-push-9 {
        left: 75%
    }
    .col-md-push-8 {
        left: 66.66666667%
    }
    .col-md-push-7 {
        left: 58.33333333%
    }
    .col-md-push-6 {
        left: 50%
    }
    .col-md-push-5 {
        left: 41.66666667%
    }
    .col-md-push-4 {
        left: 33.33333333%
    }
    .col-md-push-3 {
        left: 25%
    }
    .col-md-push-2 {
        left: 16.66666667%
    }
    .col-md-push-1 {
        left: 8.33333333%
    }
    .col-md-push-0 {
        left: auto
    }
    .col-md-offset-12 {
        margin-left: 100%
    }
    .col-md-offset-11 {
        margin-left: 91.66666667%
    }
    .col-md-offset-10 {
        margin-left: 83.33333333%
    }
    .col-md-offset-9 {
        margin-left: 75%
    }
    .col-md-offset-8 {
        margin-left: 66.66666667%
    }
    .col-md-offset-7 {
        margin-left: 58.33333333%
    }
    .col-md-offset-6 {
        margin-left: 50%
    }
    .col-md-offset-5 {
        margin-left: 41.66666667%
    }
    .col-md-offset-4 {
        margin-left: 33.33333333%
    }
    .col-md-offset-3 {
        margin-left: 25%
    }
    .col-md-offset-2 {
        margin-left: 16.66666667%
    }
    .col-md-offset-1 {
        margin-left: 8.33333333%
    }
    .col-md-offset-0 {
        margin-left: 0
    }
}

@media (min-width:1200px) {
    .col-lg-1,
    .col-lg-10,
    .col-lg-11,
    .col-lg-12,
    .col-lg-2,
    .col-lg-3,
    .col-lg-4,
    .col-lg-5,
    .col-lg-6,
    .col-lg-7,
    .col-lg-8,
    .col-lg-9 {
        float: left
    }
    .col-lg-12 {
        width: 100%
    }
    .col-lg-11 {
        width: 91.66666667%
    }
    .col-lg-10 {
        width: 83.33333333%
    }
    .col-lg-9 {
        width: 75%
    }
    .col-lg-8 {
        width: 66.66666667%
    }
    .col-lg-7 {
        width: 58.33333333%
    }
    .col-lg-6 {
        width: 50%
    }
    .col-lg-5 {
        width: 41.66666667%
    }
    .col-lg-4 {
        width: 33.33333333%
    }
    .col-lg-3 {
        width: 25%
    }
    .col-lg-2 {
        width: 16.66666667%
    }
    .col-lg-1 {
        width: 8.33333333%
    }
    .col-lg-pull-12 {
        right: 100%
    }
    .col-lg-pull-11 {
        right: 91.66666667%
    }
    .col-lg-pull-10 {
        right: 83.33333333%
    }
    .col-lg-pull-9 {
        right: 75%
    }
    .col-lg-pull-8 {
        right: 66.66666667%
    }
    .col-lg-pull-7 {
        right: 58.33333333%
    }
    .col-lg-pull-6 {
        right: 50%
    }
    .col-lg-pull-5 {
        right: 41.66666667%
    }
    .col-lg-pull-4 {
        right: 33.33333333%
    }
    .col-lg-pull-3 {
        right: 25%
    }
    .col-lg-pull-2 {
        right: 16.66666667%
    }
    .col-lg-pull-1 {
        right: 8.33333333%
    }
    .col-lg-pull-0 {
        right: auto
    }
    .col-lg-push-12 {
        left: 100%
    }
    .col-lg-push-11 {
        left: 91.66666667%
    }
    .col-lg-push-10 {
        left: 83.33333333%
    }
    .col-lg-push-9 {
        left: 75%
    }
    .col-lg-push-8 {
        left: 66.66666667%
    }
    .col-lg-push-7 {
        left: 58.33333333%
    }
    .col-lg-push-6 {
        left: 50%
    }
    .col-lg-push-5 {
        left: 41.66666667%
    }
    .col-lg-push-4 {
        left: 33.33333333%
    }
    .col-lg-push-3 {
        left: 25%
    }
    .col-lg-push-2 {
        left: 16.66666667%
    }
    .col-lg-push-1 {
        left: 8.33333333%
    }
    .col-lg-push-0 {
        left: auto
    }
    .col-lg-offset-12 {
        margin-left: 100%
    }
    .col-lg-offset-11 {
        margin-left: 91.66666667%
    }
    .col-lg-offset-10 {
        margin-left: 83.33333333%
    }
    .col-lg-offset-9 {
        margin-left: 75%
    }
    .col-lg-offset-8 {
        margin-left: 66.66666667%
    }
    .col-lg-offset-7 {
        margin-left: 58.33333333%
    }
    .col-lg-offset-6 {
        margin-left: 50%
    }
    .col-lg-offset-5 {
        margin-left: 41.66666667%
    }
    .col-lg-offset-4 {
        margin-left: 33.33333333%
    }
    .col-lg-offset-3 {
        margin-left: 25%
    }
    .col-lg-offset-2 {
        margin-left: 16.66666667%
    }
    .col-lg-offset-1 {
        margin-left: 8.33333333%
    }
    .col-lg-offset-0 {
        margin-left: 0
    }
}

table {
    background-color: transparent
}

caption {
    padding-top: 8px;
    padding-bottom: 8px;
    color: #777;
    text-align: left
}

th {
    text-align: left
}

.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px
}

.table>tbody>tr>td,
.table>tbody>tr>th,
.table>tfoot>tr>td,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>thead>tr>th {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #ddd
}

.table>thead>tr>th {
    vertical-align: bottom;
    border-bottom: 2px solid #ddd
}

.table>caption+thead>tr:first-child>td,
.table>caption+thead>tr:first-child>th,
.table>colgroup+thead>tr:first-child>td,
.table>colgroup+thead>tr:first-child>th,
.table>thead:first-child>tr:first-child>td,
.table>thead:first-child>tr:first-child>th {
    border-top: 0
}

.table>tbody+tbody {
    border-top: 2px solid #ddd
}

.table .table {
    background-color: #fff
}

.table-condensed>tbody>tr>td,
.table-condensed>tbody>tr>th,
.table-condensed>tfoot>tr>td,
.table-condensed>tfoot>tr>th,
.table-condensed>thead>tr>td,
.table-condensed>thead>tr>th {
    padding: 5px
}

.table-bordered {
    border: 1px solid #ddd
}

.table-bordered>tbody>tr>td,
.table-bordered>tbody>tr>th,
.table-bordered>tfoot>tr>td,
.table-bordered>tfoot>tr>th,
.table-bordered>thead>tr>td,
.table-bordered>thead>tr>th {
    border: 1px solid #ddd
}

.table-bordered>thead>tr>td,
.table-bordered>thead>tr>th {
    border-bottom-width: 2px
}

.table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #f9f9f9
}

.table-hover>tbody>tr:hover {
    background-color: #f5f5f5
}

table col[class*=col-] {
    position: static;
    display: table-column;
    float: none
}

table td[class*=col-],
table th[class*=col-] {
    position: static;
    display: table-cell;
    float: none
}

.table>tbody>tr.active>td,
.table>tbody>tr.active>th,
.table>tbody>tr>td.active,
.table>tbody>tr>th.active,
.table>tfoot>tr.active>td,
.table>tfoot>tr.active>th,
.table>tfoot>tr>td.active,
.table>tfoot>tr>th.active,
.table>thead>tr.active>td,
.table>thead>tr.active>th,
.table>thead>tr>td.active,
.table>thead>tr>th.active {
    background-color: #f5f5f5
}

.table-hover>tbody>tr.active:hover>td,
.table-hover>tbody>tr.active:hover>th,
.table-hover>tbody>tr:hover>.active,
.table-hover>tbody>tr>td.active:hover,
.table-hover>tbody>tr>th.active:hover {
    background-color: #e8e8e8
}

.table>tbody>tr.success>td,
.table>tbody>tr.success>th,
.table>tbody>tr>td.success,
.table>tbody>tr>th.success,
.table>tfoot>tr.success>td,
.table>tfoot>tr.success>th,
.table>tfoot>tr>td.success,
.table>tfoot>tr>th.success,
.table>thead>tr.success>td,
.table>thead>tr.success>th,
.table>thead>tr>td.success,
.table>thead>tr>th.success {
    background-color: #dff0d8
}

.table-hover>tbody>tr.success:hover>td,
.table-hover>tbody>tr.success:hover>th,
.table-hover>tbody>tr:hover>.success,
.table-hover>tbody>tr>td.success:hover,
.table-hover>tbody>tr>th.success:hover {
    background-color: #d0e9c6
}

.table>tbody>tr.info>td,
.table>tbody>tr.info>th,
.table>tbody>tr>td.info,
.table>tbody>tr>th.info,
.table>tfoot>tr.info>td,
.table>tfoot>tr.info>th,
.table>tfoot>tr>td.info,
.table>tfoot>tr>th.info,
.table>thead>tr.info>td,
.table>thead>tr.info>th,
.table>thead>tr>td.info,
.table>thead>tr>th.info {
    background-color: #d9edf7
}

.table-hover>tbody>tr.info:hover>td,
.table-hover>tbody>tr.info:hover>th,
.table-hover>tbody>tr:hover>.info,
.table-hover>tbody>tr>td.info:hover,
.table-hover>tbody>tr>th.info:hover {
    background-color: #c4e3f3
}

.table>tbody>tr.warning>td,
.table>tbody>tr.warning>th,
.table>tbody>tr>td.warning,
.table>tbody>tr>th.warning,
.table>tfoot>tr.warning>td,
.table>tfoot>tr.warning>th,
.table>tfoot>tr>td.warning,
.table>tfoot>tr>th.warning,
.table>thead>tr.warning>td,
.table>thead>tr.warning>th,
.table>thead>tr>td.warning,
.table>thead>tr>th.warning {
    background-color: #fcf8e3
}

.table-hover>tbody>tr.warning:hover>td,
.table-hover>tbody>tr.warning:hover>th,
.table-hover>tbody>tr:hover>.warning,
.table-hover>tbody>tr>td.warning:hover,
.table-hover>tbody>tr>th.warning:hover {
    background-color: #faf2cc
}

.table>tbody>tr.danger>td,
.table>tbody>tr.danger>th,
.table>tbody>tr>td.danger,
.table>tbody>tr>th.danger,
.table>tfoot>tr.danger>td,
.table>tfoot>tr.danger>th,
.table>tfoot>tr>td.danger,
.table>tfoot>tr>th.danger,
.table>thead>tr.danger>td,
.table>thead>tr.danger>th,
.table>thead>tr>td.danger,
.table>thead>tr>th.danger {
    background-color: #f2dede
}

.table-hover>tbody>tr.danger:hover>td,
.table-hover>tbody>tr.danger:hover>th,
.table-hover>tbody>tr:hover>.danger,
.table-hover>tbody>tr>td.danger:hover,
.table-hover>tbody>tr>th.danger:hover {
    background-color: #ebcccc
}

.table-responsive {
    min-height: .01%;
    overflow-x: auto
}

@media screen and (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 {
        margin-bottom: 0
    }
    .table-responsive>.table>tbody>tr>td,
    .table-responsive>.table>tbody>tr>th,
    .table-responsive>.table>tfoot>tr>td,
    .table-responsive>.table>tfoot>tr>th,
    .table-responsive>.table>thead>tr>td,
    .table-responsive>.table>thead>tr>th {
        white-space: nowrap
    }
    .table-responsive>.table-bordered {
        border: 0
    }
    .table-responsive>.table-bordered>tbody>tr>td:first-child,
    .table-responsive>.table-bordered>tbody>tr>th:first-child,
    .table-responsive>.table-bordered>tfoot>tr>td:first-child,
    .table-responsive>.table-bordered>tfoot>tr>th:first-child,
    .table-responsive>.table-bordered>thead>tr>td:first-child,
    .table-responsive>.table-bordered>thead>tr>th:first-child {
        border-left: 0
    }
    .table-responsive>.table-bordered>tbody>tr>td:last-child,
    .table-responsive>.table-bordered>tbody>tr>th:last-child,
    .table-responsive>.table-bordered>tfoot>tr>td:last-child,
    .table-responsive>.table-bordered>tfoot>tr>th:last-child,
    .table-responsive>.table-bordered>thead>tr>td:last-child,
    .table-responsive>.table-bordered>thead>tr>th:last-child {
        border-right: 0
    }
    .table-responsive>.table-bordered>tbody>tr:last-child>td,
    .table-responsive>.table-bordered>tbody>tr:last-child>th,
    .table-responsive>.table-bordered>tfoot>tr:last-child>td,
    .table-responsive>.table-bordered>tfoot>tr:last-child>th {
        border-bottom: 0
    }
}

fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0
}

legend {
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 20px;
    font-size: 21px;
    line-height: inherit;
    color: #333;
    border: 0;
    border-bottom: 1px solid #e5e5e5
}

label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700
}

input[type=search] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

input[type=checkbox],
input[type=radio] {
    margin: 4px 0 0;
    line-height: normal
}

input[type=file] {
    display: block
}

input[type=range] {
    display: block;
    width: 100%
}

select[multiple],
select[size] {
    height: auto
}

input[type=checkbox]:focus,
input[type=file]:focus,
input[type=radio]:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

output {
    display: block;
    padding-top: 7px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555
}

.form-control {
    display: block;
    width: 100%;
    height: 38px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
}

.form-control:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6)
}

.form-control::-moz-placeholder {
    color: #999;
    opacity: 1
}

.form-control:-ms-input-placeholder {
    color: #999
}

.form-control::-webkit-input-placeholder {
    color: #999
}

.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
    background-color: #eee;
    opacity: 1
}

.form-control[disabled],
fieldset[disabled] .form-control {
    cursor: not-allowed
}

textarea.form-control {
    height: auto
}

input[type=search] {
    -webkit-appearance: none
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    input[type=date],
    input[type=datetime-local],
    input[type=month],
    input[type=time] {
        line-height: 34px
    }
    .input-group-sm input[type=date],
    .input-group-sm input[type=datetime-local],
    .input-group-sm input[type=month],
    .input-group-sm input[type=time],
    input[type=date].input-sm,
    input[type=datetime-local].input-sm,
    input[type=month].input-sm,
    input[type=time].input-sm {
        line-height: 30px
    }
    .input-group-lg input[type=date],
    .input-group-lg input[type=datetime-local],
    .input-group-lg input[type=month],
    .input-group-lg input[type=time],
    input[type=date].input-lg,
    input[type=datetime-local].input-lg,
    input[type=month].input-lg,
    input[type=time].input-lg {
        line-height: 46px
    }
}

.form-group {
    margin-bottom: 20px;
    position: relative
}

.checkbox,
.radio {
    position: relative;
    display: block;
    margin-top: 10px;
    margin-bottom: 10px
}

.checkbox label,
.radio label {
    min-height: 20px;
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: 400;
    cursor: pointer
}

.checkbox input[type=checkbox],
.checkbox-inline input[type=checkbox],
.radio input[type=radio],
.radio-inline input[type=radio] {
    position: absolute;
    margin-left: -20px
}

.checkbox+.checkbox,
.radio+.radio {
    margin-top: -5px
}

.checkbox-inline,
.radio-inline {
    position: relative;
    display: inline-block;
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: 400;
    vertical-align: middle;
    cursor: pointer
}

.checkbox-inline+.checkbox-inline,
.radio-inline+.radio-inline {
    margin-top: 0;
    margin-left: 10px
}

fieldset[disabled] input[type=checkbox],
fieldset[disabled] input[type=radio],
input[type=checkbox].disabled,
input[type=checkbox][disabled],
input[type=radio].disabled,
input[type=radio][disabled] {
    cursor: not-allowed
}

.checkbox-inline.disabled,
.radio-inline.disabled,
fieldset[disabled] .checkbox-inline,
fieldset[disabled] .radio-inline {
    cursor: not-allowed
}

.checkbox.disabled label,
.radio.disabled label,
fieldset[disabled] .checkbox label,
fieldset[disabled] .radio label {
    cursor: not-allowed
}

.form-control-static {
    min-height: 34px;
    padding-top: 7px;
    padding-bottom: 7px;
    margin-bottom: 0
}

.form-control-static.input-lg,
.form-control-static.input-sm {
    padding-right: 0;
    padding-left: 0
}

.input-sm {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px
}

select.input-sm {
    height: 30px;
    line-height: 30px
}

select[multiple].input-sm,
textarea.input-sm {
    height: auto
}

.form-group-sm .form-control {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px
}

select.form-group-sm .form-control {
    height: 30px;
    line-height: 30px
}

select[multiple].form-group-sm .form-control,
textarea.form-group-sm .form-control {
    height: auto
}

.form-group-sm .form-control-static {
    height: 30px;
    min-height: 32px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5
}

.input-lg {
    height: 46px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px
}

select.input-lg {
    height: 46px;
    line-height: 46px
}

select[multiple].input-lg,
textarea.input-lg {
    height: auto
}

.form-group-lg .form-control {
    height: 46px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px
}

select.form-group-lg .form-control {
    height: 46px;
    line-height: 46px
}

select[multiple].form-group-lg .form-control,
textarea.form-group-lg .form-control {
    height: auto
}

.form-group-lg .form-control-static {
    height: 46px;
    min-height: 38px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333
}

.has-feedback {
    position: relative
}

.has-feedback .form-control {
    padding-right: 42.5px
}

.form-control-feedback {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    display: block;
    width: 34px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    pointer-events: none
}

.input-lg+.form-control-feedback {
    width: 46px;
    height: 46px;
    line-height: 46px
}

.input-sm+.form-control-feedback {
    width: 30px;
    height: 30px;
    line-height: 30px
}

.has-success .checkbox,
.has-success .checkbox-inline,
.has-success .control-label,
.has-success .help-block,
.has-success .radio,
.has-success .radio-inline,
.has-success.checkbox label,
.has-success.checkbox-inline label,
.has-success.radio label,
.has-success.radio-inline label {
    color: #3c763d
}

.has-success .form-control {
    border-color: #3c763d;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)
}

.has-success .form-control:focus {
    border-color: #2b542c;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168
}

.has-success .input-group-addon {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #3c763d
}

.has-success .form-control-feedback {
    color: #3c763d
}

.has-warning .checkbox,
.has-warning .checkbox-inline,
.has-warning .control-label,
.has-warning .help-block,
.has-warning .radio,
.has-warning .radio-inline,
.has-warning.checkbox label,
.has-warning.checkbox-inline label,
.has-warning.radio label,
.has-warning.radio-inline label {
    color: #8a6d3b
}

.has-warning .form-control {
    border-color: #8a6d3b;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)
}

.has-warning .form-control:focus {
    border-color: #66512c;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #c0a16b;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #c0a16b
}

.has-warning .input-group-addon {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #8a6d3b
}

.has-warning .form-control-feedback {
    color: #8a6d3b
}

.has-error .checkbox,
.has-error .checkbox-inline,
.has-error .control-label,
.has-error .help-block,
.has-error .radio,
.has-error .radio-inline,
.has-error.checkbox label,
.has-error.checkbox-inline label,
.has-error.radio label,
.has-error.radio-inline label {
    color: #a94442
}

.has-error .form-control {
    border-color: #a94442;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)
}

.has-error .form-control:focus {
    border-color: #843534;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483
}

.has-error .input-group-addon {
    color: #a94442;
    background-color: #f2dede;
    border-color: #a94442
}

.has-error .form-control-feedback {
    color: #a94442
}

.has-feedback label~.form-control-feedback {
    top: 25px
}

.has-feedback label.sr-only~.form-control-feedback {
    top: 0
}

.help-block {
    display: block;
    margin-top: 5px;
    margin-bottom: 10px;
    color: #737373
}

@media (min-width:768px) {
    .form-inline .form-group {
        display: inline-block;
        margin-bottom: 0;
        vertical-align: middle
    }
    .form-inline .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle
    }
    .form-inline .form-control-static {
        display: inline-block
    }
    .form-inline .input-group {
        display: inline-table;
        vertical-align: middle
    }
    .form-inline .input-group .form-control,
    .form-inline .input-group .input-group-addon,
    .form-inline .input-group .input-group-btn {
        width: auto
    }
    .form-inline .input-group>.form-control {
        width: 100%
    }
    .form-inline .control-label {
        margin-bottom: 0;
        vertical-align: middle
    }
    .form-inline .checkbox,
    .form-inline .radio {
        display: inline-block;
        margin-top: 0;
        margin-bottom: 0;
        vertical-align: middle
    }
    .form-inline .checkbox label,
    .form-inline .radio label {
        padding-left: 0
    }
    .form-inline .checkbox input[type=checkbox],
    .form-inline .radio input[type=radio] {
        position: relative;
        margin-left: 0
    }
    .form-inline .has-feedback .form-control-feedback {
        top: 0
    }
}

.form-horizontal .checkbox,
.form-horizontal .checkbox-inline,
.form-horizontal .radio,
.form-horizontal .radio-inline {
    padding-top: 7px;
    margin-top: 0;
    margin-bottom: 0
}

.form-horizontal .checkbox,
.form-horizontal .radio {
    min-height: 27px
}

.form-horizontal .form-group {
    margin-right: -15px;
    margin-left: -15px
}

@media (min-width:768px) {
    .form-horizontal .control-label {
        padding-top: 7px;
        margin-bottom: 0;
        text-align: right
    }
}

.form-horizontal .has-feedback .form-control-feedback {
    right: 15px
}

@media (min-width:768px) {
    .form-horizontal .form-group-lg .control-label {
        padding-top: 14.33px
    }
}

@media (min-width:768px) {
    .form-horizontal .form-group-sm .control-label {
        padding-top: 6px
    }
}

.btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px
}

.btn.active.focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn:active:focus,
.btn:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

.btn.active,
.btn:active {
    background-image: none;
    outline: 0;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125)
}

.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
    pointer-events: none;
    cursor: not-allowed;
    -webkit-box-shadow: none;
    box-shadow: none;
    opacity: .65
}

.btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc
}

.btn-default.active,
.btn-default.focus,
.btn-default:active,
.btn-default:focus,
.btn-default:hover,
.open>.dropdown-toggle.btn-default {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad
}

.btn-default.active,
.btn-default:active,
.open>.dropdown-toggle.btn-default {
    background-image: none
}

.btn-default.disabled,
.btn-default.disabled.active,
.btn-default.disabled.focus,
.btn-default.disabled:active,
.btn-default.disabled:focus,
.btn-default.disabled:hover,
.btn-default[disabled],
.btn-default[disabled].active,
.btn-default[disabled].focus,
.btn-default[disabled]:active,
.btn-default[disabled]:focus,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default,
fieldset[disabled] .btn-default.active,
fieldset[disabled] .btn-default.focus,
fieldset[disabled] .btn-default:active,
fieldset[disabled] .btn-default:focus,
fieldset[disabled] .btn-default:hover {
    background-color: #fff;
    border-color: #ccc
}

.btn-default .badge {
    color: #fff;
    background-color: #333
}

.btn-primary {
    color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4
}

.btn-primary.active,
.btn-primary.focus,
.btn-primary:active,
.btn-primary:focus,
.btn-primary:hover,
.open>.dropdown-toggle.btn-primary {
    color: #fff;
    background-color: #286090;
    border-color: #204d74
}

.btn-primary.active,
.btn-primary:active,
.open>.dropdown-toggle.btn-primary {
    background-image: none
}

.btn-primary.disabled,
.btn-primary.disabled.active,
.btn-primary.disabled.focus,
.btn-primary.disabled:active,
.btn-primary.disabled:focus,
.btn-primary.disabled:hover,
.btn-primary[disabled],
.btn-primary[disabled].active,
.btn-primary[disabled].focus,
.btn-primary[disabled]:active,
.btn-primary[disabled]:focus,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary,
fieldset[disabled] .btn-primary.active,
fieldset[disabled] .btn-primary.focus,
fieldset[disabled] .btn-primary:active,
fieldset[disabled] .btn-primary:focus,
fieldset[disabled] .btn-primary:hover {
    background-color: #337ab7;
    border-color: #2e6da4
}

.btn-primary .badge {
    color: #337ab7;
    background-color: #fff
}

.btn-success {
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c
}

.btn-success.active,
.btn-success.focus,
.btn-success:active,
.btn-success:focus,
.btn-success:hover,
.open>.dropdown-toggle.btn-success {
    color: #fff;
    background-color: #449d44;
    border-color: #398439
}

.btn-success.active,
.btn-success:active,
.open>.dropdown-toggle.btn-success {
    background-image: none
}

.btn-success.disabled,
.btn-success.disabled.active,
.btn-success.disabled.focus,
.btn-success.disabled:active,
.btn-success.disabled:focus,
.btn-success.disabled:hover,
.btn-success[disabled],
.btn-success[disabled].active,
.btn-success[disabled].focus,
.btn-success[disabled]:active,
.btn-success[disabled]:focus,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success,
fieldset[disabled] .btn-success.active,
fieldset[disabled] .btn-success.focus,
fieldset[disabled] .btn-success:active,
fieldset[disabled] .btn-success:focus,
fieldset[disabled] .btn-success:hover {
    background-color: #5cb85c;
    border-color: #4cae4c
}

.btn-success .badge {
    color: #5cb85c;
    background-color: #fff
}

.btn-info {
    color: #fff;
    background-color: #5bc0de;
    border-color: #46b8da
}

.btn-info.active,
.btn-info.focus,
.btn-info:active,
.btn-info:focus,
.btn-info:hover,
.open>.dropdown-toggle.btn-info {
    color: #fff;
    background-color: #31b0d5;
    border-color: #269abc
}

.btn-info.active,
.btn-info:active,
.open>.dropdown-toggle.btn-info {
    background-image: none
}

.btn-info.disabled,
.btn-info.disabled.active,
.btn-info.disabled.focus,
.btn-info.disabled:active,
.btn-info.disabled:focus,
.btn-info.disabled:hover,
.btn-info[disabled],
.btn-info[disabled].active,
.btn-info[disabled].focus,
.btn-info[disabled]:active,
.btn-info[disabled]:focus,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info,
fieldset[disabled] .btn-info.active,
fieldset[disabled] .btn-info.focus,
fieldset[disabled] .btn-info:active,
fieldset[disabled] .btn-info:focus,
fieldset[disabled] .btn-info:hover {
    background-color: #5bc0de;
    border-color: #46b8da
}

.btn-info .badge {
    color: #5bc0de;
    background-color: #fff
}

.btn-warning {
    color: #fff;
    background-color: #f0ad4e;
    border-color: #eea236
}

.btn-warning.active,
.btn-warning.focus,
.btn-warning:active,
.btn-warning:focus,
.btn-warning:hover,
.open>.dropdown-toggle.btn-warning {
    color: #fff;
    background-color: #ec971f;
    border-color: #d58512
}

.btn-warning.active,
.btn-warning:active,
.open>.dropdown-toggle.btn-warning {
    background-image: none
}

.btn-warning.disabled,
.btn-warning.disabled.active,
.btn-warning.disabled.focus,
.btn-warning.disabled:active,
.btn-warning.disabled:focus,
.btn-warning.disabled:hover,
.btn-warning[disabled],
.btn-warning[disabled].active,
.btn-warning[disabled].focus,
.btn-warning[disabled]:active,
.btn-warning[disabled]:focus,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning,
fieldset[disabled] .btn-warning.active,
fieldset[disabled] .btn-warning.focus,
fieldset[disabled] .btn-warning:active,
fieldset[disabled] .btn-warning:focus,
fieldset[disabled] .btn-warning:hover {
    background-color: #f0ad4e;
    border-color: #eea236
}

.btn-warning .badge {
    color: #f0ad4e;
    background-color: #fff
}

.btn-danger {
    color: #fff;
    background-color: #d9534f;
    border-color: #d43f3a
}

.btn-danger.active,
.btn-danger.focus,
.btn-danger:active,
.btn-danger:focus,
.btn-danger:hover,
.open>.dropdown-toggle.btn-danger {
    color: #fff;
    background-color: #c9302c;
    border-color: #ac2925
}

.btn-danger.active,
.btn-danger:active,
.open>.dropdown-toggle.btn-danger {
    background-image: none
}

.btn-danger.disabled,
.btn-danger.disabled.active,
.btn-danger.disabled.focus,
.btn-danger.disabled:active,
.btn-danger.disabled:focus,
.btn-danger.disabled:hover,
.btn-danger[disabled],
.btn-danger[disabled].active,
.btn-danger[disabled].focus,
.btn-danger[disabled]:active,
.btn-danger[disabled]:focus,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger,
fieldset[disabled] .btn-danger.active,
fieldset[disabled] .btn-danger.focus,
fieldset[disabled] .btn-danger:active,
fieldset[disabled] .btn-danger:focus,
fieldset[disabled] .btn-danger:hover {
    background-color: #d9534f;
    border-color: #d43f3a
}

.btn-danger .badge {
    color: #d9534f;
    background-color: #fff
}

.btn-link {
    font-weight: 400;
    color: #337ab7;
    border-radius: 0
}

.btn-link,
.btn-link.active,
.btn-link:active,
.btn-link[disabled],
fieldset[disabled] .btn-link {
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-link,
.btn-link:active,
.btn-link:focus,
.btn-link:hover {
    border-color: transparent
}

.btn-link:focus,
.btn-link:hover {
    color: #23527c;
    text-decoration: underline;
    background-color: transparent
}

.btn-link[disabled]:focus,
.btn-link[disabled]:hover,
fieldset[disabled] .btn-link:focus,
fieldset[disabled] .btn-link:hover {
    color: #777;
    text-decoration: none
}

.btn-group-lg>.btn,
.btn-lg {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px
}

.btn-group-sm>.btn,
.btn-sm {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px
}

.btn-group-xs>.btn,
.btn-xs {
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px
}

.btn-block {
    display: block;
    width: 100%
}

.btn-block+.btn-block {
    margin-top: 5px
}

input[type=button].btn-block,
input[type=reset].btn-block,
input[type=submit].btn-block {
    width: 100%
}

/* .fade {
    opacity: 0;
    -webkit-transition: opacity .15s linear;
    -o-transition: opacity .15s linear;
    transition: opacity .15s linear
} */

.fade.in {
    opacity: 1
}

.collapse {
    display: none
}

.collapse.in {
    display: block
}

tr.collapse.in {
    display: table-row
}

tbody.collapse.in {
    display: table-row-group
}

.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    -webkit-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease;
    -webkit-transition-duration: .35s;
    -o-transition-duration: .35s;
    transition-duration: .35s;
    -webkit-transition-property: height, visibility;
    -o-transition-property: height, visibility;
    transition-property: height, visibility
}

.caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px dashed;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent
}

.dropdown,
.dropup {
    position: relative
}

.dropdown-toggle:focus {
    outline: 0
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: rgba(255, 255, 255, .95);
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175)
}

.dropdown-menu.pull-right {
    right: 0;
    left: auto
}

.dropdown-menu .divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5
}

.dropdown-menu>li>a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap
}

.dropdown-menu>li>a:focus,
.dropdown-menu>li>a:hover {
    color: #262626;
    text-decoration: none;
    background-color: #f5f5f5
}

.dropdown-menu>.active>a,
.dropdown-menu>.active>a:focus,
.dropdown-menu>.active>a:hover {
    color: #fff;
    text-decoration: none;
    background-color: #337ab7;
    outline: 0
}

.dropdown-menu>.disabled>a,
.dropdown-menu>.disabled>a:focus,
.dropdown-menu>.disabled>a:hover {
    color: #777
}

.dropdown-menu>.disabled>a:focus,
.dropdown-menu>.disabled>a:hover {
    text-decoration: none;
    cursor: not-allowed;
    background-color: transparent;
    background-image: none
}

.open>.dropdown-menu {
    display: block
}

.open>a {
    outline: 0
}

.dropdown-menu-right {
    right: 0;
    left: auto
}

.dropdown-menu-left {
    right: auto;
    left: 0
}

.dropdown-header {
    display: block;
    padding: 3px 20px;
    font-size: 12px;
    line-height: 1.42857143;
    color: #777;
    white-space: nowrap
}

.dropdown-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 990
}

.pull-right>.dropdown-menu {
    right: 0;
    left: auto
}

.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
    content: "";
    border-top: 0;
    border-bottom: 4px solid
}

.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-bottom: 2px
}

@media (min-width:768px) {
    .navbar-right .dropdown-menu {
        right: 0;
        left: auto
    }
    .navbar-right .dropdown-menu-left {
        right: auto;
        left: 0
    }
}

.btn-group,
.btn-group-vertical {
    position: relative;
    display: inline-block;
    vertical-align: middle
}

.btn-group-vertical>.btn,
.btn-group>.btn {
    position: relative;
    float: left
}

.btn-group-vertical>.btn.active,
.btn-group-vertical>.btn:active,
.btn-group-vertical>.btn:focus,
.btn-group-vertical>.btn:hover,
.btn-group>.btn.active,
.btn-group>.btn:active,
.btn-group>.btn:focus,
.btn-group>.btn:hover {
    z-index: 2
}

.btn-group .btn+.btn,
.btn-group .btn+.btn-group,
.btn-group .btn-group+.btn,
.btn-group .btn-group+.btn-group {
    margin-left: -1px
}

.btn-toolbar {
    margin-left: -5px
}

.btn-toolbar .btn-group,
.btn-toolbar .input-group {
    float: left
}

.btn-toolbar>.btn,
.btn-toolbar>.btn-group,
.btn-toolbar>.input-group {
    margin-left: 5px
}

.btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
    border-radius: 0
}

.btn-group>.btn:first-child {
    margin-left: 0
}

.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.btn-group>.btn:last-child:not(:first-child),
.btn-group>.dropdown-toggle:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.btn-group>.btn-group {
    float: left
}

.btn-group>.btn-group:not(:first-child):not(:last-child)>.btn {
    border-radius: 0
}

.btn-group>.btn-group:first-child:not(:last-child)>.btn:last-child,
.btn-group>.btn-group:first-child:not(:last-child)>.dropdown-toggle {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.btn-group>.btn-group:last-child:not(:first-child)>.btn:first-child {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
    outline: 0
}

.btn-group>.btn+.dropdown-toggle {
    padding-right: 8px;
    padding-left: 8px
}

.btn-group>.btn-lg+.dropdown-toggle {
    padding-right: 12px;
    padding-left: 12px
}

.btn-group.open .dropdown-toggle {
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125)
}

.btn-group.open .dropdown-toggle.btn-link {
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn .caret {
    margin-left: 0
}

.btn-lg .caret {
    border-width: 5px 5px 0;
    border-bottom-width: 0
}

.dropup .btn-lg .caret {
    border-width: 0 5px 5px
}

.btn-group-vertical>.btn,
.btn-group-vertical>.btn-group,
.btn-group-vertical>.btn-group>.btn {
    display: block;
    float: none;
    width: 100%;
    max-width: 100%
}

.btn-group-vertical>.btn-group>.btn {
    float: none
}

.btn-group-vertical>.btn+.btn,
.btn-group-vertical>.btn+.btn-group,
.btn-group-vertical>.btn-group+.btn,
.btn-group-vertical>.btn-group+.btn-group {
    margin-top: -1px;
    margin-left: 0
}

.btn-group-vertical>.btn:not(:first-child):not(:last-child) {
    border-radius: 0
}

.btn-group-vertical>.btn:first-child:not(:last-child) {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.btn-group-vertical>.btn:last-child:not(:first-child) {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 4px
}

.btn-group-vertical>.btn-group:not(:first-child):not(:last-child)>.btn {
    border-radius: 0
}

.btn-group-vertical>.btn-group:first-child:not(:last-child)>.btn:last-child,
.btn-group-vertical>.btn-group:first-child:not(:last-child)>.dropdown-toggle {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.btn-group-vertical>.btn-group:last-child:not(:first-child)>.btn:first-child {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.btn-group-justified {
    display: table;
    width: 100%;
    table-layout: fixed;
    border-collapse: separate
}

.btn-group-justified>.btn,
.btn-group-justified>.btn-group {
    display: table-cell;
    float: none;
    width: 1%
}

.btn-group-justified>.btn-group .btn {
    width: 100%
}

.btn-group-justified>.btn-group .dropdown-menu {
    left: auto
}

[data-toggle=buttons]>.btn input[type=checkbox],
[data-toggle=buttons]>.btn input[type=radio],
[data-toggle=buttons]>.btn-group>.btn input[type=checkbox],
[data-toggle=buttons]>.btn-group>.btn input[type=radio] {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    pointer-events: none
}

.input-group {
    position: relative;
    display: table;
    border-collapse: separate
}

.input-group[class*=col-] {
    float: none;
    padding-right: 0;
    padding-left: 0
}
/*===
.input-group .form-control {
    position: relative;
    z-index: 2;
    float: left;
    width: 100%;
    margin-bottom: 0
}===*/

.input-group-lg>.form-control,
.input-group-lg>.input-group-addon,
.input-group-lg>.input-group-btn>.btn {
    height: 46px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px
}

select.input-group-lg>.form-control,
select.input-group-lg>.input-group-addon,
select.input-group-lg>.input-group-btn>.btn {
    height: 46px;
    line-height: 46px
}

select[multiple].input-group-lg>.form-control,
select[multiple].input-group-lg>.input-group-addon,
select[multiple].input-group-lg>.input-group-btn>.btn,
textarea.input-group-lg>.form-control,
textarea.input-group-lg>.input-group-addon,
textarea.input-group-lg>.input-group-btn>.btn {
    height: auto
}

.input-group-sm>.form-control,
.input-group-sm>.input-group-addon,
.input-group-sm>.input-group-btn>.btn {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px
}

select.input-group-sm>.form-control,
select.input-group-sm>.input-group-addon,
select.input-group-sm>.input-group-btn>.btn {
    height: 30px;
    line-height: 30px
}

select[multiple].input-group-sm>.form-control,
select[multiple].input-group-sm>.input-group-addon,
select[multiple].input-group-sm>.input-group-btn>.btn,
textarea.input-group-sm>.form-control,
textarea.input-group-sm>.input-group-addon,
textarea.input-group-sm>.input-group-btn>.btn {
    height: auto
}

.input-group .form-control,
.input-group-addon,
.input-group-btn {
    display: table-cell
}

.input-group .form-control:not(:first-child):not(:last-child),
.input-group-addon:not(:first-child):not(:last-child),
.input-group-btn:not(:first-child):not(:last-child) {
    border-radius: 0
}

.input-group-addon,
.input-group-btn {
    width: 1%;
    white-space: nowrap;
    vertical-align: middle
}

.input-group-addon {
    padding: 10px 20px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #555;
    text-align: center;
    background-color: #eee;
    border: 1px solid #ccc;
    border-radius: 4px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.input-group-addon.input-sm {
    padding: 5px 10px;
    font-size: 12px;
    border-radius: 3px
}

.input-group-addon.input-lg {
    padding: 10px 16px;
    font-size: 18px;
    border-radius: 6px
}

.input-group-addon input[type=checkbox],
.input-group-addon input[type=radio] {
    margin-top: 0
}

.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child>.btn,
.input-group-btn:first-child>.btn-group>.btn,
.input-group-btn:first-child>.dropdown-toggle,
.input-group-btn:last-child>.btn-group:not(:last-child)>.btn,
.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group-addon:first-child {
    border-right: 0
}

.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:first-child>.btn-group:not(:first-child)>.btn,
.input-group-btn:first-child>.btn:not(:first-child),
.input-group-btn:last-child>.btn,
.input-group-btn:last-child>.btn-group>.btn,
.input-group-btn:last-child>.dropdown-toggle {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.input-group-addon:last-child {
    border-left: 0
}

.input-group-btn {
    position: relative;
    font-size: 0;
    white-space: nowrap
}

.input-group-btn>.btn {
    position: relative
}

.input-group-btn>.btn+.btn {
    margin-left: -1px
}

.input-group-btn>.btn:active,
.input-group-btn>.btn:focus,
.input-group-btn>.btn:hover {
    z-index: 2
}

.input-group-btn:first-child>.btn,
.input-group-btn:first-child>.btn-group {
    margin-right: -1px
}

.input-group-btn:last-child>.btn,
.input-group-btn:last-child>.btn-group {
    margin-left: -1px
}

.nav {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

.nav>li {
    position: relative;
    display: block
}

.nav>li>a {
    position: relative;
    display: block;
    padding: 10px 15px
}

.nav>li>a:focus,
.nav>li>a:hover {
    text-decoration: none;
    background-color: #eee
}

.nav>li.disabled>a {
    color: #777
}

.nav>li.disabled>a:focus,
.nav>li.disabled>a:hover {
    color: #777;
    text-decoration: none;
    cursor: not-allowed;
    background-color: transparent
}

.nav .open>a,
.nav .open>a:focus,
.nav .open>a:hover {
    background-color: #eee;
    border-color: #337ab7
}

.nav .nav-divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5
}

.nav>li>a>img {
    max-width: none
}

.nav-tabs {
    border-bottom: 1px solid #ddd
}

.nav-tabs>li {
    float: left;
    margin-bottom: -1px
}

.nav-tabs>li>a {
    margin-right: 2px;
    line-height: 1.42857143;
    border: 1px solid transparent;
    border-radius: 4px 4px 0 0
}

.nav-tabs>li>a:hover {
    border-color: #eee #eee #ddd
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover {
    color: #555;
    cursor: default;
    background-color: #fff;
    border: 1px solid #ddd;
    border-bottom-color: transparent
}


.nav-tabs.nav-justified {
    width: 100%;
    border-bottom: 0
}

.nav-tabs.nav-justified>li {
    float: none
}

.nav-tabs.nav-justified>li>a {
    margin-bottom: 5px;
    text-align: center
}

.nav-tabs.nav-justified>.dropdown .dropdown-menu {
    top: auto;
    left: auto
}

@media (min-width:768px) {
    .nav-tabs.nav-justified>li {
        display: table-cell;
        width: 1%
    }
    .nav-tabs.nav-justified>li>a {
        margin-bottom: 0
    }
}

.nav-tabs.nav-justified>li>a {
    margin-right: 0;
    border-radius: 4px
}

.nav-tabs.nav-justified>.active>a,
.nav-tabs.nav-justified>.active>a:focus,
.nav-tabs.nav-justified>.active>a:hover {
    border: 1px solid #ddd
}

@media (min-width:768px) {
    .nav-tabs.nav-justified>li>a {
        border-bottom: 1px solid #ddd;
        border-radius: 4px 4px 0 0
    }
    .nav-tabs.nav-justified>.active>a,
    .nav-tabs.nav-justified>.active>a:focus,
    .nav-tabs.nav-justified>.active>a:hover {
        border-bottom-color: #fff
    }
}

.nav-pills>li {
    float: left
}

.nav-pills>li>a {
    border-radius: 4px
}

.nav-pills>li+li {
    margin-left: 2px
}

.nav-pills>li.active>a,
.nav-pills>li.active>a:focus,
.nav-pills>li.active>a:hover {
    color: #fff;
    background-color: #337ab7
}

.nav-stacked>li {
    float: none
}

.nav-stacked>li+li {
    margin-top: 2px;
    margin-left: 0
}

.nav-justified {
    width: 100%
}

.nav-justified>li {
    float: none
}

.nav-justified>li>a {
    margin-bottom: 5px;
    text-align: center
}

.nav-justified>.dropdown .dropdown-menu {
    top: auto;
    left: auto
}

@media (min-width:768px) {
    .nav-justified>li {
        display: table-cell;
        width: 1%
    }
    .nav-justified>li>a {
        margin-bottom: 0
    }
}

.nav-tabs-justified {
    border-bottom: 0
}

.nav-tabs-justified>li>a {
    margin-right: 0;
    border-radius: 4px
}

.nav-tabs-justified>.active>a,
.nav-tabs-justified>.active>a:focus,
.nav-tabs-justified>.active>a:hover {
    border: 1px solid #ddd
}

@media (min-width:768px) {
    .nav-tabs-justified>li>a {
        border-bottom: 1px solid #ddd;
        border-radius: 4px 4px 0 0
    }
    .nav-tabs-justified>.active>a,
    .nav-tabs-justified>.active>a:focus,
    .nav-tabs-justified>.active>a:hover {
        border-bottom-color: #fff
    }
}

.tab-content>.tab-pane {
    display: none
}

.tab-content>.active {
    display: block
}

.nav-tabs .dropdown-menu {
    margin-top: -1px;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.navbar {
    position: relative;
    min-height: 50px;
    border: 1px solid transparent
}

@media (min-width:768px) {
    .navbar {
        border-radius: 4px
    }
}

@media (min-width:768px) {
    .navbar-header {
        float: left
    }
}

.navbar-collapse {
    padding-right: 15px;
    padding-left: 15px;
    overflow-x: visible;
    -webkit-overflow-scrolling: touch;
    border-top: 1px solid transparent;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1)
}

.navbar-collapse.in {
    overflow-y: auto
}
div#myModal_humuj .modal-dialog {
    max-width: 68% !important;
    margin: 1.75rem auto;
    max-height: 100vh !important;
    /* margin-top: 7%; */
    position: relative;
    top: 170px;
}


@media (min-width:768px) {
    .navbar-collapse {
        width: auto;
        border-top: 0;
        -webkit-box-shadow: none;
        box-shadow: none
    }
    .navbar-collapse.collapse {
        display: block;
        height: auto !important;
        padding-bottom: 0;
        overflow: visible !important
    }
    .navbar-collapse.in {
        overflow-y: visible
    }
    .navbar-fixed-bottom .navbar-collapse,
    .navbar-fixed-top .navbar-collapse,
    .navbar-static-top .navbar-collapse {
        padding-right: 0;
        padding-left: 0
    }
}

.navbar-fixed-bottom .navbar-collapse,
.navbar-fixed-top .navbar-collapse {
    max-height: 340px
}

@media (max-device-width:480px) and(orientation:landscape) {
    .navbar-fixed-bottom .navbar-collapse,
    .navbar-fixed-top .navbar-collapse {
        max-height: 200px
    }
}

.container-fluid>.navbar-collapse,
.container-fluid>.navbar-header,
.container>.navbar-collapse,
.container>.navbar-header {
    margin-right: -15px;
    margin-left: -15px
}

@media (min-width:768px) {
    .container-fluid>.navbar-collapse,
    .container-fluid>.navbar-header,
    .container>.navbar-collapse,
    .container>.navbar-header {
        margin-right: 0;
        margin-left: 0
    }
}

.navbar-static-top {
    z-index: 1000;
    border-width: 0 0 1px
}

@media (min-width:768px) {
    .navbar-static-top {
        border-radius: 0
    }
}

.navbar-fixed-bottom,
.navbar-fixed-top {
    position: fixed;
    right: 0;
    left: 0;
    z-index: 1030
}

@media (min-width:768px) {
    .navbar-fixed-bottom,
    .navbar-fixed-top {
        border-radius: 0
    }
}

.navbar-fixed-top {
    top: 0;
    border-width: 0 0 1px
}

.navbar-fixed-bottom {
    bottom: 0;
    margin-bottom: 0;
    border-width: 1px 0 0
}

.navbar-brand {
    float: left;
    height: 50px;
    /* padding: 15px; */
    font-size: 18px;
    line-height: 20px
}

.navbar-brand:focus,
.navbar-brand:hover {
    text-decoration: none
}

.navbar-brand>img {
    display: block
}

@media (min-width:768px) {
    .navbar>.container .navbar-brand,
    .navbar>.container-fluid .navbar-brand {
        margin-left: -15px
    }
}

.navbar-toggle {
    position: relative;
    float: right;
    padding: 9px 10px;
    margin-top: 8px;
    margin-right: 15px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px
}

.navbar-toggle:focus {
    outline: 0
}

.navbar-toggle .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px
}

.navbar-toggle .icon-bar+.icon-bar {
    margin-top: 4px
}

@media (min-width:768px) {
    .navbar-toggle {
        display: none
    }
}

.navbar-nav {
    margin: 7.5px -15px
}

.navbar-nav>li>a {
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 20px
}

@media (max-width:767px) {
    .navbar-nav .open .dropdown-menu {
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: transparent;
        border: 0;
        -webkit-box-shadow: none;
        box-shadow: none
    }
    .navbar-nav .open .dropdown-menu .dropdown-header,
    .navbar-nav .open .dropdown-menu>li>a {
        padding: 5px 15px 5px 25px
    }
    .navbar-nav .open .dropdown-menu>li>a {
        line-height: 20px
    }
    .navbar-nav .open .dropdown-menu>li>a:focus,
    .navbar-nav .open .dropdown-menu>li>a:hover {
        background-image: none
    }
}

@media (min-width:768px) {
    .navbar-nav {
        float: left;
        margin: 0
    }
    .navbar-nav>li {
        float: left
    }
    .navbar-nav>li>a {
        padding-top: 15px;
        padding-bottom: 15px
    }
}

.navbar-form {
    padding: 10px 15px;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1);
    margin: 8px -15px
}

@media (min-width:768px) {
    .navbar-form .form-group {
        display: inline-block;
        margin-bottom: 0;
        vertical-align: middle
    }
    .navbar-form .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle
    }
    .navbar-form .form-control-static {
        display: inline-block
    }
    .navbar-form .input-group {
        display: inline-table;
        vertical-align: middle
    }
    .navbar-form .input-group .form-control,
    .navbar-form .input-group .input-group-addon,
    .navbar-form .input-group .input-group-btn {
        width: auto
    }
    .navbar-form .input-group>.form-control {
        width: 100%
    }
    .navbar-form .control-label {
        margin-bottom: 0;
        vertical-align: middle
    }
    .navbar-form .checkbox,
    .navbar-form .radio {
        display: inline-block;
        margin-top: 0;
        margin-bottom: 0;
        vertical-align: middle
    }
    .navbar-form .checkbox label,
    .navbar-form .radio label {
        padding-left: 0
    }
    .navbar-form .checkbox input[type=checkbox],
    .navbar-form .radio input[type=radio] {
        position: relative;
        margin-left: 0
    }
    .navbar-form .has-feedback .form-control-feedback {
        top: 0
    }
}

@media (max-width:767px) {
    .navbar-form .form-group {
        margin-bottom: 5px
    }
    .navbar-form .form-group:last-child {
        margin-bottom: 0
    }
}

@media (min-width:768px) {
    .navbar-form {
        width: auto;
        padding-top: 0;
        padding-bottom: 0;
        margin-right: 0;
        margin-left: 0;
        border: 0;
        -webkit-box-shadow: none;
        box-shadow: none
    }
}

.navbar-nav>li>.dropdown-menu {
    margin-top: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.navbar-fixed-bottom .navbar-nav>li>.dropdown-menu {
    margin-bottom: 0;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.navbar-btn {
    margin-top: 8px;
    margin-bottom: 8px
}

.navbar-btn.btn-sm {
    margin-top: 10px;
    margin-bottom: 10px
}

.navbar-btn.btn-xs {
    margin-top: 14px;
    margin-bottom: 14px
}

.navbar-text {
    margin-top: 15px;
    margin-bottom: 15px
}

@media (min-width:768px) {
    .navbar-text {
        float: left;
        margin-right: 15px;
        margin-left: 15px
    }
}

@media (min-width:768px) {
    .navbar-left {
        float: left !important
    }
    .navbar-right {
        float: right !important;
        margin-right: 0
    }
    .navbar-right~.navbar-right {
        margin-right: 0
    }
}

.navbar-default {
    background-color: #f8f8f8;
    border-color: #e7e7e7
}

.navbar-default .navbar-brand {
    color: #777
}

.xnavbar-fixed-top .container-fluid {
    overflow: visible !important;
}
.navbar-default .navbar-brand:focus,
.navbar-default .navbar-brand:hover {
    color: #5e5e5e;
    background-color: transparent
}

.navbar-default .navbar-text {
    color: #777
}

.navbar-default .navbar-nav>li>a {
    color: #282829
}

.navbar-default .navbar-nav>li>a:focus,
.navbar-default .navbar-nav>li>a:hover {
    color: #333;
    background-color: transparent
}

.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>.active>a:hover {
    color: #555;
    background-color: #e7e7e7
}

.navbar-default .navbar-nav>.disabled>a,
.navbar-default .navbar-nav>.disabled>a:focus,
.navbar-default .navbar-nav>.disabled>a:hover {
    color: #ccc;
    background-color: transparent
}

.navbar-default .navbar-toggle {
    border-color: #ddd
}

.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover {
    background-color: #ddd
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #888
}

.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
    border-color: #fff0
}

.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:focus,
.navbar-default .navbar-nav>.open>a:hover {
    color: #555;
    background-color: #e7e7e7
}

@media (max-width:767px) {
    .navbar-default .navbar-nav .open .dropdown-menu>li>a {
        color: #777
    }
    .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus,
    .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {
        color: #333;
        background-color: transparent
    }
    .navbar-default .navbar-nav .open .dropdown-menu>.active>a,
    .navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus,
    .navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover {
        color: #555;
        background-color: #e7e7e7
    }
    .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a,
    .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus,
    .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover {
        color: #ccc;
        background-color: transparent
    }
}

.navbar-default .navbar-link {
    color: #777
}

.navbar-default .navbar-link:hover {
    color: #333
}

.navbar-default .btn-link {
    color: #777
}

.navbar-default .btn-link:focus,
.navbar-default .btn-link:hover {
    color: #333
}

.navbar-default .btn-link[disabled]:focus,
.navbar-default .btn-link[disabled]:hover,
fieldset[disabled] .navbar-default .btn-link:focus,
fieldset[disabled] .navbar-default .btn-link:hover {
    color: #ccc
}

.navbar-inverse {
    background-color: #222;
    border-color: #080808
}

.navbar-inverse .navbar-brand {
    color: #9d9d9d
}

.navbar-inverse .navbar-brand:focus,
.navbar-inverse .navbar-brand:hover {
    color: #fff;
    background-color: transparent
}

.navbar-inverse .navbar-text {
    color: #9d9d9d
}

.navbar-inverse .navbar-nav>li>a {
    color: #9d9d9d
}

.navbar-inverse .navbar-nav>li>a:focus,
.navbar-inverse .navbar-nav>li>a:hover {
    color: #fff;
    background-color: transparent
}

.navbar-inverse .navbar-nav>.active>a,
.navbar-inverse .navbar-nav>.active>a:focus,
.navbar-inverse .navbar-nav>.active>a:hover {
    color: #fff;
    background-color: #080808
}

.navbar-inverse .navbar-nav>.disabled>a,
.navbar-inverse .navbar-nav>.disabled>a:focus,
.navbar-inverse .navbar-nav>.disabled>a:hover {
    color: #444;
    background-color: transparent
}

.navbar-inverse .navbar-toggle {
    border-color: #333
}

.navbar-inverse .navbar-toggle:focus,
.navbar-inverse .navbar-toggle:hover {
    background-color: #333
}

.navbar-inverse .navbar-toggle .icon-bar {
    background-color: #fff
}

.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
    border-color: #101010
}

.navbar-inverse .navbar-nav>.open>a,
.navbar-inverse .navbar-nav>.open>a:focus,
.navbar-inverse .navbar-nav>.open>a:hover {
    color: #fff;
    background-color: #080808
}

@media (max-width:767px) {
    .navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header {
        border-color: #080808
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
        background-color: #080808
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
        color: #9d9d9d
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus,
    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover {
        color: #fff;
        background-color: transparent
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a,
    .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus,
    .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover {
        color: #fff;
        background-color: #080808
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a,
    .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus,
    .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover {
        color: #444;
        background-color: transparent
    }
}

.navbar-inverse .navbar-link {
    color: #9d9d9d
}

.navbar-inverse .navbar-link:hover {
    color: #fff
}

.navbar-inverse .btn-link {
    color: #9d9d9d
}

.navbar-inverse .btn-link:focus,
.navbar-inverse .btn-link:hover {
    color: #fff
}

.navbar-inverse .btn-link[disabled]:focus,
.navbar-inverse .btn-link[disabled]:hover,
fieldset[disabled] .navbar-inverse .btn-link:focus,
fieldset[disabled] .navbar-inverse .btn-link:hover {
    color: #444
}

.breadcrumb {
    padding: 8px 15px;
    margin-bottom: 20px;
    list-style: none;
    background-color: #f5f5f5;
    border-radius: 4px
}

.breadcrumb>li {
    display: inline-block
}

.breadcrumb>li+li:before {
    padding: 0 5px;
    color: #ccc;
    content: "/\00a0"
}

.breadcrumb>.active {
    color: #777
}

.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px
}

.pagination>li {
    display: inline
}

.pagination>li>a,
.pagination>li>span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #337ab7;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd
}

.pagination>li:first-child>a,
.pagination>li:first-child>span {
    margin-left: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px
}

.pagination>li:last-child>a,
.pagination>li:last-child>span {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px
}

.pagination>li>a:focus,
.pagination>li>a:hover,
.pagination>li>span:focus,
.pagination>li>span:hover {
    color: #23527c;
    background-color: #eee;
    border-color: #ddd
}

.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
    z-index: 2;
    color: #fff;
    cursor: default;
    background-color: #337ab7;
    border-color: #337ab7
}

.pagination>.disabled>a,
.pagination>.disabled>a:focus,
.pagination>.disabled>a:hover,
.pagination>.disabled>span,
.pagination>.disabled>span:focus,
.pagination>.disabled>span:hover {
    color: #777;
    cursor: not-allowed;
    background-color: #fff;
    border-color: #ddd
}

.pagination-lg>li>a,
.pagination-lg>li>span {
    padding: 10px 16px;
    font-size: 18px
}

.pagination-lg>li:first-child>a,
.pagination-lg>li:first-child>span {
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px
}

.pagination-lg>li:last-child>a,
.pagination-lg>li:last-child>span {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px
}

.pagination-sm>li>a,
.pagination-sm>li>span {
    padding: 5px 10px;
    font-size: 12px
}

.pagination-sm>li:first-child>a,
.pagination-sm>li:first-child>span {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px
}

.pagination-sm>li:last-child>a,
.pagination-sm>li:last-child>span {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px
}

.pager {
    padding-left: 0;
    margin: 20px 0;
    text-align: center;
    list-style: none
}

.pager li {
    display: inline
}

.pager li>a,
.pager li>span {
    display: inline-block;
    padding: 5px 14px;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 15px
}

.pager li>a:focus,
.pager li>a:hover {
    text-decoration: none;
    background-color: #eee
}

.pager .next>a,
.pager .next>span {
    float: right
}

.pager .previous>a,
.pager .previous>span {
    float: left
}

.pager .disabled>a,
.pager .disabled>a:focus,
.pager .disabled>a:hover,
.pager .disabled>span {
    color: #777;
    cursor: not-allowed;
    background-color: #fff
}

.label {
    display: inline;
    padding: .2em .6em .3em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em
}

a.label:focus,
a.label:hover {
    color: #fff;
    text-decoration: none;
    cursor: pointer
}

.label:empty {
    display: none
}

.btn .label {
    position: relative;
    top: -1px
}

.label-default {
    background-color: #777
}

.label-default[href]:focus,
.label-default[href]:hover {
    background-color: #5e5e5e
}

.label-primary {
    background-color: #337ab7
}

.label-primary[href]:focus,
.label-primary[href]:hover {
    background-color: #286090
}

.label-success {
    background-color: #5cb85c
}

.label-success[href]:focus,
.label-success[href]:hover {
    background-color: #449d44
}

.label-info {
    background-color: #5bc0de
}

.label-info[href]:focus,
.label-info[href]:hover {
    background-color: #31b0d5
}

.label-warning {
    background-color: #f0ad4e
}

.label-warning[href]:focus,
.label-warning[href]:hover {
    background-color: #ec971f
}

.label-danger {
    background-color: #d9534f
}

.label-danger[href]:focus,
.label-danger[href]:hover {
    background-color: #c9302c
}

.badge {
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    background-color: #777;
    border-radius: 10px
}

.badge:empty {
    display: none
}

.btn .badge {
    position: relative;
    top: -1px
}

.btn-group-xs>.btn .badge,
.btn-xs .badge {
    top: 0;
    padding: 1px 5px
}

a.badge:focus,
a.badge:hover {
    color: #fff;
    text-decoration: none;
    cursor: pointer
}

.list-group-item.active>.badge,
.nav-pills>.active>a>.badge {
    color: #337ab7;
    background-color: #fff
}

.list-group-item>.badge {
    float: right
}

.list-group-item>.badge+.badge {
    margin-right: 5px
}

.nav-pills>li>a>.badge {
    margin-left: 3px
}

.jumbotron {
    padding: 30px 15px;
    margin-bottom: 30px;
    color: inherit;
    background-color: #eee
}

.jumbotron .h1,
.jumbotron h1 {
    color: inherit
}

.jumbotron p {
    margin-bottom: 15px;
    font-size: 21px;
    font-weight: 200
}

.jumbotron>hr {
    border-top-color: #d5d5d5
}

.container .jumbotron,
.container-fluid .jumbotron {
    border-radius: 6px
}

.jumbotron .container {
    max-width: 100%
}

@media screen and (min-width:768px) {
    .jumbotron {
        padding: 48px 0
    }
    .container .jumbotron,
    .container-fluid .jumbotron {
        padding-right: 60px;
        padding-left: 60px
    }
    .jumbotron .h1,
    .jumbotron h1 {
        font-size: 63px
    }
}

.thumbnail {
    display: block;
    padding: 4px;
    margin-bottom: 20px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-transition: border .2s ease-in-out;
    -o-transition: border .2s ease-in-out;
    transition: border .2s ease-in-out
}

.thumbnail a>img,
.thumbnail>img {
    margin-right: auto;
    margin-left: auto
}

a.thumbnail.active,
a.thumbnail:focus,
a.thumbnail:hover {
    border-color: #337ab7
}

.thumbnail .caption {
    padding: 9px;
    color: #333
}

.alert {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px
}

.alert h4 {
    margin-top: 0;
    color: inherit
}

.alert .alert-link {
    font-weight: 700
}

.alert>p,
.alert>ul {
    margin-bottom: 0
}

.alert>p+p {
    margin-top: 5px
}

.alert-dismissable,
.alert-dismissible {
    padding-right: 35px
}

.alert-dismissable .close,
.alert-dismissible .close {
    position: relative;
    top: -2px;
    right: -21px;
    color: inherit
}

.alert-success {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6
}

.alert-success hr {
    border-top-color: #c9e2b3
}

.alert-success .alert-link {
    color: #2b542c
}

.alert-info {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1
}

.alert-info hr {
    border-top-color: #a6e1ec
}

.alert-info .alert-link {
    color: #245269
}

.alert-warning {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc
}

.alert-warning hr {
    border-top-color: #f7e1b5
}

.alert-warning .alert-link {
    color: #66512c
}

.alert-danger {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1
}

.alert-danger hr {
    border-top-color: #e4b9c0
}

.alert-danger .alert-link {
    color: #843534
}

@-webkit-keyframes progress-bar-stripes {
    from {
        background-position: 40px 0
    }
    to {
        background-position: 0 0
    }
}

@-o-keyframes progress-bar-stripes {
    from {
        background-position: 40px 0
    }
    to {
        background-position: 0 0
    }
}

@keyframes progress-bar-stripes {
    from {
        background-position: 40px 0
    }
    to {
        background-position: 0 0
    }
}

.progress {
    height: 20px;
    margin-bottom: 20px;
    overflow: hidden;
    background-color: #f5f5f5;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1)
}

.progress-bar {
    float: left;
    width: 0;
    height: 100%;
    font-size: 12px;
    line-height: 20px;
    color: #fff;
    text-align: center;
    background-color: #337ab7;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
    -webkit-transition: width .6s ease;
    -o-transition: width .6s ease;
    transition: width .6s ease
}

.progress-bar-striped,
.progress-striped .progress-bar {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    -webkit-background-size: 40px 40px;
    background-size: 40px 40px
}

.progress-bar.active,
.progress.active .progress-bar {
    -webkit-animation: progress-bar-stripes 2s linear infinite;
    -o-animation: progress-bar-stripes 2s linear infinite;
    animation: progress-bar-stripes 2s linear infinite
}

.progress-bar-success {
    background-color: #5cb85c
}

.progress-striped .progress-bar-success {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent)
}

.progress-bar-info {
    background-color: #5bc0de
}

.progress-striped .progress-bar-info {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent)
}

.progress-bar-warning {
    background-color: #f0ad4e
}

.progress-striped .progress-bar-warning {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent)
}

.progress-bar-danger {
    background-color: #d9534f
}

.progress-striped .progress-bar-danger {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent)
}

.media {
    margin-top: 15px
}

.media:first-child {
    margin-top: 0
}

.media,
.media-body {
    overflow: hidden;
    zoom: 1
}

.media-body {
    width: 10000px
}

.media-object {
    display: block
}

.media-right,
.media>.pull-right {
    padding-left: 10px
}

.media-left,
.media>.pull-left {
    padding-right: 10px
}

.media-body,
.media-left,
.media-right {
    display: table-cell;
    vertical-align: top
}

.media-middle {
    vertical-align: middle
}

.media-bottom {
    vertical-align: bottom
}

.media-heading {
    margin-top: 0;
    margin-bottom: 5px
}

.media-list {
    padding-left: 0;
    list-style: none
}

.list-group {
    padding-left: 0;
    margin-bottom: 20px
}

.list-group-item {
    position: relative;
    display: block;
    padding: 10px 15px;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid #ddd
}

.list-group-item:first-child {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px
}

.list-group-item:last-child {
    margin-bottom: 0;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px
}

a.list-group-item {
    color: #555
}

a.list-group-item .list-group-item-heading {
    color: #333
}

a.list-group-item:focus,
a.list-group-item:hover {
    color: #555;
    text-decoration: none;
    background-color: #f5f5f5
}

.list-group-item.disabled,
.list-group-item.disabled:focus,
.list-group-item.disabled:hover {
    color: #777;
    cursor: not-allowed;
    background-color: #eee
}

.list-group-item.disabled .list-group-item-heading,
.list-group-item.disabled:focus .list-group-item-heading,
.list-group-item.disabled:hover .list-group-item-heading {
    color: inherit
}

.list-group-item.disabled .list-group-item-text,
.list-group-item.disabled:focus .list-group-item-text,
.list-group-item.disabled:hover .list-group-item-text {
    color: #777
}

.list-group-item.active,
.list-group-item.active:focus,
.list-group-item.active:hover {
    z-index: 2;
    color: #fff;
    background-color: #337ab7;
    border-color: #337ab7
}

.list-group-item.active .list-group-item-heading,
.list-group-item.active .list-group-item-heading>.small,
.list-group-item.active .list-group-item-heading>small,
.list-group-item.active:focus .list-group-item-heading,
.list-group-item.active:focus .list-group-item-heading>.small,
.list-group-item.active:focus .list-group-item-heading>small,
.list-group-item.active:hover .list-group-item-heading,
.list-group-item.active:hover .list-group-item-heading>.small,
.list-group-item.active:hover .list-group-item-heading>small {
    color: inherit
}

.list-group-item.active .list-group-item-text,
.list-group-item.active:focus .list-group-item-text,
.list-group-item.active:hover .list-group-item-text {
    color: #c7ddef
}

.list-group-item-success {
    color: #3c763d;
    background-color: #dff0d8
}

a.list-group-item-success {
    color: #3c763d
}

a.list-group-item-success .list-group-item-heading {
    color: inherit
}

a.list-group-item-success:focus,
a.list-group-item-success:hover {
    color: #3c763d;
    background-color: #d0e9c6
}

a.list-group-item-success.active,
a.list-group-item-success.active:focus,
a.list-group-item-success.active:hover {
    color: #fff;
    background-color: #3c763d;
    border-color: #3c763d
}

.list-group-item-info {
    color: #31708f;
    background-color: #d9edf7
}

a.list-group-item-info {
    color: #31708f
}

a.list-group-item-info .list-group-item-heading {
    color: inherit
}

a.list-group-item-info:focus,
a.list-group-item-info:hover {
    color: #31708f;
    background-color: #c4e3f3
}

a.list-group-item-info.active,
a.list-group-item-info.active:focus,
a.list-group-item-info.active:hover {
    color: #fff;
    background-color: #31708f;
    border-color: #31708f
}

.list-group-item-warning {
    color: #8a6d3b;
    background-color: #fcf8e3
}

a.list-group-item-warning {
    color: #8a6d3b
}

a.list-group-item-warning .list-group-item-heading {
    color: inherit
}

a.list-group-item-warning:focus,
a.list-group-item-warning:hover {
    color: #8a6d3b;
    background-color: #faf2cc
}

a.list-group-item-warning.active,
a.list-group-item-warning.active:focus,
a.list-group-item-warning.active:hover {
    color: #fff;
    background-color: #8a6d3b;
    border-color: #8a6d3b
}

.list-group-item-danger {
    color: #a94442;
    background-color: #f2dede
}

a.list-group-item-danger {
    color: #a94442
}

a.list-group-item-danger .list-group-item-heading {
    color: inherit
}

a.list-group-item-danger:focus,
a.list-group-item-danger:hover {
    color: #a94442;
    background-color: #ebcccc
}

a.list-group-item-danger.active,
a.list-group-item-danger.active:focus,
a.list-group-item-danger.active:hover {
    color: #fff;
    background-color: #a94442;
    border-color: #a94442
}

.list-group-item-heading {
    margin-top: 0;
    margin-bottom: 5px
}

.list-group-item-text {
    margin-bottom: 0;
    line-height: 1.3
}

.panel {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .05)
}

.panel-body {
    padding: 15px
}

.panel-heading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px
}

.panel-heading>.dropdown .dropdown-toggle {
    color: inherit
}

.panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
    color: inherit
}

.panel-title>.small,
.panel-title>.small>a,
.panel-title>a,
.panel-title>small,
.panel-title>small>a {
    color: inherit
}

.panel-footer {
    padding: 10px 15px;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px
}

.panel>.list-group,
.panel>.panel-collapse>.list-group {
    margin-bottom: 0
}

.panel>.list-group .list-group-item,
.panel>.panel-collapse>.list-group .list-group-item {
    border-width: 1px 0;
    border-radius: 0
}

.panel>.list-group:first-child .list-group-item:first-child,
.panel>.panel-collapse>.list-group:first-child .list-group-item:first-child {
    border-top: 0;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px
}

.panel>.list-group:last-child .list-group-item:last-child,
.panel>.panel-collapse>.list-group:last-child .list-group-item:last-child {
    border-bottom: 0;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px
}

.panel-heading+.list-group .list-group-item:first-child {
    border-top-width: 0
}

.list-group+.panel-footer {
    border-top-width: 0
}

.panel>.panel-collapse>.table,
.panel>.table,
.panel>.table-responsive>.table {
    margin-bottom: 0
}

.panel>.panel-collapse>.table caption,
.panel>.table caption,
.panel>.table-responsive>.table caption {
    padding-right: 15px;
    padding-left: 15px
}

.panel>.table-responsive:first-child>.table:first-child,
.panel>.table:first-child {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px
}

.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child,
.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child,
.panel>.table:first-child>tbody:first-child>tr:first-child,
.panel>.table:first-child>thead:first-child>tr:first-child {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px
}

.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:first-child,
.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:first-child,
.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:first-child,
.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:first-child,
.panel>.table:first-child>tbody:first-child>tr:first-child td:first-child,
.panel>.table:first-child>tbody:first-child>tr:first-child th:first-child,
.panel>.table:first-child>thead:first-child>tr:first-child td:first-child,
.panel>.table:first-child>thead:first-child>tr:first-child th:first-child {
    border-top-left-radius: 3px
}

.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:last-child,
.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:last-child,
.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:last-child,
.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:last-child,
.panel>.table:first-child>tbody:first-child>tr:first-child td:last-child,
.panel>.table:first-child>tbody:first-child>tr:first-child th:last-child,
.panel>.table:first-child>thead:first-child>tr:first-child td:last-child,
.panel>.table:first-child>thead:first-child>tr:first-child th:last-child {
    border-top-right-radius: 3px
}

.panel>.table-responsive:last-child>.table:last-child,
.panel>.table:last-child {
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px
}

.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child,
.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child,
.panel>.table:last-child>tbody:last-child>tr:last-child,
.panel>.table:last-child>tfoot:last-child>tr:last-child {
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px
}

.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:first-child,
.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:first-child,
.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:first-child,
.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:first-child,
.panel>.table:last-child>tbody:last-child>tr:last-child td:first-child,
.panel>.table:last-child>tbody:last-child>tr:last-child th:first-child,
.panel>.table:last-child>tfoot:last-child>tr:last-child td:first-child,
.panel>.table:last-child>tfoot:last-child>tr:last-child th:first-child {
    border-bottom-left-radius: 3px
}

.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:last-child,
.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:last-child,
.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:last-child,
.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:last-child,
.panel>.table:last-child>tbody:last-child>tr:last-child td:last-child,
.panel>.table:last-child>tbody:last-child>tr:last-child th:last-child,
.panel>.table:last-child>tfoot:last-child>tr:last-child td:last-child,
.panel>.table:last-child>tfoot:last-child>tr:last-child th:last-child {
    border-bottom-right-radius: 3px
}

.panel>.panel-body+.table,
.panel>.panel-body+.table-responsive,
.panel>.table+.panel-body,
.panel>.table-responsive+.panel-body {
    border-top: 1px solid #ddd
}

.panel>.table>tbody:first-child>tr:first-child td,
.panel>.table>tbody:first-child>tr:first-child th {
    border-top: 0
}

.panel>.table-bordered,
.panel>.table-responsive>.table-bordered {
    border: 0
}

.panel>.table-bordered>tbody>tr>td:first-child,
.panel>.table-bordered>tbody>tr>th:first-child,
.panel>.table-bordered>tfoot>tr>td:first-child,
.panel>.table-bordered>tfoot>tr>th:first-child,
.panel>.table-bordered>thead>tr>td:first-child,
.panel>.table-bordered>thead>tr>th:first-child,
.panel>.table-responsive>.table-bordered>tbody>tr>td:first-child,
.panel>.table-responsive>.table-bordered>tbody>tr>th:first-child,
.panel>.table-responsive>.table-bordered>tfoot>tr>td:first-child,
.panel>.table-responsive>.table-bordered>tfoot>tr>th:first-child,
.panel>.table-responsive>.table-bordered>thead>tr>td:first-child,
.panel>.table-responsive>.table-bordered>thead>tr>th:first-child {
    border-left: 0
}

.panel>.table-bordered>tbody>tr>td:last-child,
.panel>.table-bordered>tbody>tr>th:last-child,
.panel>.table-bordered>tfoot>tr>td:last-child,
.panel>.table-bordered>tfoot>tr>th:last-child,
.panel>.table-bordered>thead>tr>td:last-child,
.panel>.table-bordered>thead>tr>th:last-child,
.panel>.table-responsive>.table-bordered>tbody>tr>td:last-child,
.panel>.table-responsive>.table-bordered>tbody>tr>th:last-child,
.panel>.table-responsive>.table-bordered>tfoot>tr>td:last-child,
.panel>.table-responsive>.table-bordered>tfoot>tr>th:last-child,
.panel>.table-responsive>.table-bordered>thead>tr>td:last-child,
.panel>.table-responsive>.table-bordered>thead>tr>th:last-child {
    border-right: 0
}

.panel>.table-bordered>tbody>tr:first-child>td,
.panel>.table-bordered>tbody>tr:first-child>th,
.panel>.table-bordered>thead>tr:first-child>td,
.panel>.table-bordered>thead>tr:first-child>th,
.panel>.table-responsive>.table-bordered>tbody>tr:first-child>td,
.panel>.table-responsive>.table-bordered>tbody>tr:first-child>th,
.panel>.table-responsive>.table-bordered>thead>tr:first-child>td,
.panel>.table-responsive>.table-bordered>thead>tr:first-child>th {
    border-bottom: 0
}

.panel>.table-bordered>tbody>tr:last-child>td,
.panel>.table-bordered>tbody>tr:last-child>th,
.panel>.table-bordered>tfoot>tr:last-child>td,
.panel>.table-bordered>tfoot>tr:last-child>th,
.panel>.table-responsive>.table-bordered>tbody>tr:last-child>td,
.panel>.table-responsive>.table-bordered>tbody>tr:last-child>th,
.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>td,
.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>th {
    border-bottom: 0
}

.panel>.table-responsive {
    margin-bottom: 0;
    border: 0
}

.panel-group {
    margin-bottom: 20px
}

.panel-group .panel {
    margin-bottom: 0;
    border-radius: 4px
}

.panel-group .panel+.panel {
    margin-top: 5px
}

.panel-group .panel-heading {
    border-bottom: 0
}

.panel-group .panel-heading+.panel-collapse>.list-group,
.panel-group .panel-heading+.panel-collapse>.panel-body {
    border-top: 1px solid #ddd
}

.panel-group .panel-footer {
    border-top: 0
}

.panel-group .panel-footer+.panel-collapse .panel-body {
    border-bottom: 1px solid #ddd
}

.panel-default {
    border-color: #ddd
}

.panel-default>.panel-heading {
    color: #333;
    background-color: #f5f5f5;
    border-color: #ddd
}

.panel-default>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #ddd
}

.panel-default>.panel-heading .badge {
    color: #f5f5f5;
    background-color: #333
}

.panel-default>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #ddd
}

.panel-primary {
    border-color: #337ab7
}

.panel-primary>.panel-heading {
    color: #fff;
    background-color: #337ab7;
    border-color: #337ab7
}

.panel-primary>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #337ab7
}

.panel-primary>.panel-heading .badge {
    color: #337ab7;
    background-color: #fff
}

.panel-primary>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #337ab7
}

.panel-success {
    border-color: #d6e9c6
}

.panel-success>.panel-heading {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6
}

.panel-success>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #d6e9c6
}

.panel-success>.panel-heading .badge {
    color: #dff0d8;
    background-color: #3c763d
}

.panel-success>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #d6e9c6
}

.panel-info {
    border-color: #bce8f1
}

.panel-info>.panel-heading {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1
}

.panel-info>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #bce8f1
}

.panel-info>.panel-heading .badge {
    color: #d9edf7;
    background-color: #31708f
}

.panel-info>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #bce8f1
}

.panel-warning {
    border-color: #faebcc
}

.panel-warning>.panel-heading {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc
}

.panel-warning>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #faebcc
}

.panel-warning>.panel-heading .badge {
    color: #fcf8e3;
    background-color: #8a6d3b
}

.panel-warning>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #faebcc
}

.panel-danger {
    border-color: #ebccd1
}

.panel-danger>.panel-heading {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1
}

.panel-danger>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #ebccd1
}

.panel-danger>.panel-heading .badge {
    color: #f2dede;
    background-color: #a94442
}

.panel-danger>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #ebccd1
}

.embed-responsive {
    position: relative;
    display: block;
    height: 0;
    padding: 0;
    overflow: hidden
}

.embed-responsive .embed-responsive-item,
.embed-responsive embed,
.embed-responsive iframe,
.embed-responsive object,
.embed-responsive video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0
}

.embed-responsive-16by9 {
    padding-bottom: 56.25%
}

.embed-responsive-4by3 {
    padding-bottom: 75%
}

.well {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05)
}

.well blockquote {
    border-color: #ddd;
    border-color: rgba(0, 0, 0, .15)
}

.well-lg {
    padding: 24px;
    border-radius: 6px
}

.well-sm {
    padding: 9px;
    border-radius: 3px
}

.close {
    float: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .2
}

.close:focus,
.close:hover {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    opacity: .5
}

button.close {
    -webkit-appearance: none;
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0
}

.modal-open {
    overflow: hidden
}

.modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 100000 !important;
    display: none;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    outline: 0
}

.modal.fade .modal-dialog {
    -webkit-transition: -webkit-transform .3s ease-out;
    -o-transition: -o-transform .3s ease-out;
    transition: transform .3s ease-out;
    -webkit-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    -o-transform: translate(0, -25%);
    transform: translate(0, -25%)
}

.modal.in .modal-dialog {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0)
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: 10px
}

.modal-content {
    position: relative;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #999;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 6px;
    outline: 0;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
    box-shadow: 0 3px 9px rgba(0, 0, 0, .5)
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000
}

.modal-backdrop.fade {
    opacity: 0
}

.modal-backdrop.in {
    opacity: .5
}

.modal-header {
    min-height: 16.43px;
    padding: 15px;
    border-bottom: 1px solid #e5e5e5
}

.modal-header .close {
    margin-top: -2px
}

.modal-title {
    margin: 0;
    line-height: 1.42857143
}

.modal-body {
    position: relative;
    padding: 15px
}

.modal-footer {
    padding: 15px;
    text-align: right;
    border-top: 1px solid #e5e5e5
}

.modal-footer .btn+.btn {
    margin-bottom: 0;
    margin-left: 5px
}

.modal-footer .btn-group .btn+.btn {
    margin-left: -1px
}

.modal-footer .btn-block+.btn-block {
    margin-left: 0
}

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll
}

@media (min-width:768px) {
  
    .modal-content {
        -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
        box-shadow: 0 5px 15px rgba(0, 0, 0, .5)
    }
    .modal-sm {
        width: 300px
    }
}

@media (min-width:992px) {
    .modal-lg {
        width: 900px
    }
}

.tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.4;
    opacity: 0
}

.tooltip.in {
    opacity: .9
}

.tooltip.top {
    padding: 5px 0;
    margin-top: -3px
}

.tooltip.right {
    padding: 0 5px;
    margin-left: 3px
}

.tooltip.bottom {
    padding: 5px 0;
    margin-top: 3px
}

.tooltip.left {
    padding: 0 5px;
    margin-left: -3px
}

.tooltip-inner {
    max-width: 200px;
    padding: 3px 8px;
    color: #fff;
    text-align: center;
    text-decoration: none;
    background-color: #000;
    border-radius: 4px
}

.tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid
}

.tooltip.top .tooltip-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000
}

.tooltip.top-left .tooltip-arrow {
    right: 5px;
    bottom: 0;
    margin-bottom: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000
}

.tooltip.top-right .tooltip-arrow {
    bottom: 0;
    left: 5px;
    margin-bottom: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000
}

.tooltip.right .tooltip-arrow {
    top: 50%;
    left: 0;
    margin-top: -5px;
    border-width: 5px 5px 5px 0;
    border-right-color: #000
}

.tooltip.left .tooltip-arrow {
    top: 50%;
    right: 0;
    margin-top: -5px;
    border-width: 5px 0 5px 5px;
    border-left-color: #000
}

.tooltip.bottom .tooltip-arrow {
    top: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000
}

.tooltip.bottom-left .tooltip-arrow {
    top: 0;
    right: 5px;
    margin-top: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000
}

.tooltip.bottom-right .tooltip-arrow {
    top: 0;
    left: 5px;
    margin-top: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000
}

.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1060;
    display: none;
    max-width: 276px;
    padding: 1px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: left;
    white-space: normal;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 6px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, .2)
}

.popover.top {
    margin-top: -10px
}

.popover.right {
    margin-left: 10px
}

.popover.bottom {
    margin-top: 10px
}

.popover.left {
    margin-left: -10px
}

.popover-title {
    padding: 8px 14px;
    margin: 0;
    font-size: 14px;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-radius: 5px 5px 0 0
}

.popover-content {
    padding: 9px 14px
}

.popover>.arrow,
.popover>.arrow:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid
}

.popover>.arrow {
    border-width: 11px
}

.popover>.arrow:after {
    content: "";
    border-width: 10px
}

.popover.top>.arrow {
    bottom: -11px;
    left: 50%;
    margin-left: -11px;
    border-top-color: #999;
    border-top-color: rgba(0, 0, 0, .25);
    border-bottom-width: 0
}

.popover.top>.arrow:after {
    bottom: 1px;
    margin-left: -10px;
    content: " ";
    border-top-color: #fff;
    border-bottom-width: 0
}

.popover.right>.arrow {
    top: 50%;
    left: -11px;
    margin-top: -11px;
    border-right-color: #999;
    border-right-color: rgba(0, 0, 0, .25);
    border-left-width: 0
}

.popover.right>.arrow:after {
    bottom: -10px;
    left: 1px;
    content: " ";
    border-right-color: #fff;
    border-left-width: 0
}

.popover.bottom>.arrow {
    top: -11px;
    left: 50%;
    margin-left: -11px;
    border-top-width: 0;
    border-bottom-color: #999;
    border-bottom-color: rgba(0, 0, 0, .25)
}

.popover.bottom>.arrow:after {
    top: 1px;
    margin-left: -10px;
    content: " ";
    border-top-width: 0;
    border-bottom-color: #fff
}

.popover.left>.arrow {
    top: 50%;
    right: -11px;
    margin-top: -11px;
    border-right-width: 0;
    border-left-color: #999;
    border-left-color: rgba(0, 0, 0, .25)
}

.popover.left>.arrow:after {
    right: 1px;
    bottom: -10px;
    content: " ";
    border-right-width: 0;
    border-left-color: #fff
}

.carousel {
    position: relative
}

.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden
}

.carousel-inner>.item {
    position: relative;
    display: none;
    -webkit-transition: .6s ease-in-out left;
    -o-transition: .6s ease-in-out left;
    transition: .6s ease-in-out left
}

.carousel-inner>.item>a>img,
.carousel-inner>.item>img {
    line-height: 1
}

@media all and (transform-3d),
(-webkit-transform-3d) {
    .carousel-inner>.item {
        -webkit-transition: -webkit-transform .6s ease-in-out;
        -o-transition: -o-transform .6s ease-in-out;
        transition: transform .6s ease-in-out;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-perspective: 1000;
        perspective: 1000px
    }
    .carousel-inner>.item.active.right,
    .carousel-inner>.item.next {
        left: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
    .carousel-inner>.item.active.left,
    .carousel-inner>.item.prev {
        left: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
    .carousel-inner>.item.active,
    .carousel-inner>.item.next.left,
    .carousel-inner>.item.prev.right {
        left: 0;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.carousel-inner>.active,
.carousel-inner>.next,
.carousel-inner>.prev {
    display: block
}

.carousel-inner>.active {
    left: 0
}

.carousel-inner>.next,
.carousel-inner>.prev {
    position: absolute;
    top: 0;
    width: 100%
}

.carousel-inner>.next {
    left: 100%
}

.carousel-inner>.prev {
    left: -100%
}

.carousel-inner>.next.left,
.carousel-inner>.prev.right {
    left: 0
}

.carousel-inner>.active.left {
    left: -100%
}

.carousel-inner>.active.right {
    left: 100%
}

.carousel-control {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 15%;
    font-size: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
    opacity: .5
}

.carousel-control.left {
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, .0001) 100%);
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, .0001) 100%);
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, .0001)));
    background-image: linear-gradient(to right, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, .0001) 100%);
    background-repeat: repeat-x
}

.carousel-control.right {
    right: 0;
    left: auto;
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .0001) 0, rgba(0, 0, 0, .5) 100%);
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, .0001) 0, rgba(0, 0, 0, .5) 100%);
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .0001)), to(rgba(0, 0, 0, .5)));
    background-image: linear-gradient(to right, rgba(0, 0, 0, .0001) 0, rgba(0, 0, 0, .5) 100%);
    background-repeat: repeat-x
}

.carousel-control:focus,
.carousel-control:hover {
    color: #fff;
    text-decoration: none;
    outline: 0;
    opacity: .9
}

.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right,
.carousel-control .icon-next,
.carousel-control .icon-prev {
    position: absolute;
    top: 50%;
    z-index: 5;
    display: inline-block
}

.carousel-control .glyphicon-chevron-left,
.carousel-control .icon-prev {
    left: 50%;
    margin-left: -10px
}

.carousel-control .glyphicon-chevron-right,
.carousel-control .icon-next {
    right: 50%;
    margin-right: -10px
}

.carousel-control .icon-next,
.carousel-control .icon-prev {
    width: 20px;
    height: 20px;
    margin-top: -10px;
    font-family: serif;
    line-height: 1
}

.carousel-control .icon-prev:before {
    content: '\2039'
}

.carousel-control .icon-next:before {
    content: '\203a'
}

.carousel-indicators {
    position: absolute;
    bottom: 10px;
    left: 50%;
    z-index: 15;
    width: 60%;
    padding-left: 0;
    margin-left: -30%;
    text-align: center;
    list-style: none
}

.carousel-indicators li {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 1px;
    text-indent: -999px;
    cursor: pointer;
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid #fff;
    border-radius: 10px
}

.carousel-indicators .active {
    width: 12px;
    height: 12px;
    margin: 0;
    background-color: #fff
}

.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 20px;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .6)
}

.carousel-caption .btn {
    text-shadow: none
}

@media screen and (min-width:768px) {
    .carousel-control .glyphicon-chevron-left,
    .carousel-control .glyphicon-chevron-right,
    .carousel-control .icon-next,
    .carousel-control .icon-prev {
        width: 30px;
        height: 30px;
        margin-top: -15px;
        font-size: 30px
    }
    .carousel-control .glyphicon-chevron-left,
    .carousel-control .icon-prev {
        margin-left: -15px
    }
    .carousel-control .glyphicon-chevron-right,
    .carousel-control .icon-next {
        margin-right: -15px
    }
    .carousel-caption {
        right: 20%;
        left: 20%;
        padding-bottom: 30px
    }
    .carousel-indicators {
        bottom: 20px
    }
}

.btn-group-vertical>.btn-group:after,
.btn-group-vertical>.btn-group:before,
.btn-toolbar:after,
.btn-toolbar:before,
.clearfix:after,
.clearfix:before,
.container-fluid:after,
.container-fluid:before,
.container:after,
.container:before,
.dl-horizontal dd:after,
.dl-horizontal dd:before,
.form-horizontal .form-group:after,
.form-horizontal .form-group:before,
.modal-footer:after,
.modal-footer:before,
.nav:after,
.nav:before,
.navbar-collapse:after,
.navbar-collapse:before,
.navbar-header:after,
.navbar-header:before,
.navbar:after,
.navbar:before,
.pager:after,
.pager:before,
.panel-body:after,
.panel-body:before,
.row:after,
.row:before {
    display: table;
    content: " "
}

.btn-group-vertical>.btn-group:after,
.btn-toolbar:after,
.clearfix:after,
.container-fluid:after,
.container:after,
.dl-horizontal dd:after,
.form-horizontal .form-group:after,
.modal-footer:after,
.nav:after,
.navbar-collapse:after,
.navbar-header:after,
.navbar:after,
.pager:after,
.panel-body:after,
.row:after {
    clear: both
}

.center-block {
    display: block;
    margin-right: auto;
    margin-left: auto
}

.pull-right {
    float: right !important
}

.pull-left {
    float: left !important
}

.hide {
    display: none !important
}

.show {
    display: block !important
}

.invisible {
    visibility: hidden
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0
}

.hidden {
    display: none !important
}

.affix {
    position: fixed
}

.visible-lg,
.visible-md,
.visible-sm,
.visible-xs {
    display: none !important
}

.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block {
    display: none !important
}

@media (max-width:767px) {
    .visible-xs {
        display: block !important
    }
    table.visible-xs {
        display: table
    }
    tr.visible-xs {
        display: table-row !important
    }
    td.visible-xs,
    th.visible-xs {
        display: table-cell !important
    }
}

@media (max-width:767px) {
    .visible-xs-block {
        display: block !important
    }
}

@media (max-width:767px) {
    .visible-xs-inline {
        display: inline !important
    }
}

@media (max-width:767px) {
    .visible-xs-inline-block {
        display: inline-block !important
    }
}

@media (min-width:768px) and(max-width:991px) {
    .visible-sm {
        display: block !important
    }
    table.visible-sm {
        display: table
    }
    tr.visible-sm {
        display: table-row !important
    }
    td.visible-sm,
    th.visible-sm {
        display: table-cell !important
    }
    .visible-sm-block {
        display: block !important
    }
    .visible-sm-inline {
        display: inline !important
    }
    .visible-sm-inline-block {
        display: inline-block !important
    }
}

@media (min-width:992px) and(max-width:1199px) {
    .visible-md {
        display: block !important
    }
    table.visible-md {
        display: table
    }
    tr.visible-md {
        display: table-row !important
    }
    td.visible-md,
    th.visible-md {
        display: table-cell !important
    }
    .visible-md-block {
        display: block !important
    }
    .visible-md-inline {
        display: inline !important
    }
    .visible-md-inline-block {
        display: inline-block !important
    }
}

@media (min-width:1200px) {
    .visible-lg {
        display: block !important
    }
    table.visible-lg {
        display: table
    }
    tr.visible-lg {
        display: table-row !important
    }
    td.visible-lg,
    th.visible-lg {
        display: table-cell !important
    }
}

@media (min-width:1200px) {
    .visible-lg-block {
        display: block !important
    }
}

@media (min-width:1200px) {
    .visible-lg-inline {
        display: inline !important
    }
}

@media (min-width:1200px) {
    .visible-lg-inline-block {
        display: inline-block !important
    }
}

@media (max-width:767px) {
    .hidden-xs {
        display: none !important
    }
}

@media (min-width:768px) and(max-width:991px) {
    .hidden-sm {
        display: none !important
    }
}

@media (min-width:992px) and(max-width:1199px) {
    .hidden-md {
        display: none !important
    }
}

@media (min-width:1200px) {
    .hidden-lg {
        display: none !important
    }
}

.visible-print {
    display: none !important
}

@media print {
    .visible-print {
        display: block !important
    }
    table.visible-print {
        display: table
    }
    tr.visible-print {
        display: table-row !important
    }
    td.visible-print,
    th.visible-print {
        display: table-cell !important
    }
}

.visible-print-block {
    display: none !important
}

@media print {
    .visible-print-block {
        display: block !important
    }
}

.visible-print-inline {
    display: none !important
}

@media print {
    .visible-print-inline {
        display: inline !important
    }
}

.visible-print-inline-block {
    display: none !important
}

@media print {
    .visible-print-inline-block {
        display: inline-block !important
    }
}

@media print {
    .hidden-print {
        display: none !important
    }
}

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

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.animated.hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s
}

.animated.bounceIn,
.animated.bounceOut {
    -webkit-animation-duration: .75s;
    animation-duration: .75s
}

.animated.flipOutX,
.animated.flipOutY {
    -webkit-animation-duration: .75s;
    animation-duration: .75s
}

@-webkit-keyframes bounce {
    20%,
    53%,
    80%,
    from,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    40%,
    43% {
        -webkit-animation-timing-function: cubic-bezier(.755, .050, .855, .060);
        animation-timing-function: cubic-bezier(.755, .050, .855, .060);
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0)
    }
    70% {
        -webkit-animation-timing-function: cubic-bezier(.755, .050, .855, .060);
        animation-timing-function: cubic-bezier(.755, .050, .855, .060);
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0)
    }
}

@keyframes bounce {
    20%,
    53%,
    80%,
    from,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    40%,
    43% {
        -webkit-animation-timing-function: cubic-bezier(.755, .050, .855, .060);
        animation-timing-function: cubic-bezier(.755, .050, .855, .060);
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0)
    }
    70% {
        -webkit-animation-timing-function: cubic-bezier(.755, .050, .855, .060);
        animation-timing-function: cubic-bezier(.755, .050, .855, .060);
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0)
    }
}

.bounce {
    -webkit-animation-name: bounce;
    animation-name: bounce;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom
}

@-webkit-keyframes flash {
    50%,
    from,
    to {
        opacity: 1
    }
    25%,
    75% {
        opacity: 0
    }
}

@keyframes flash {
    50%,
    from,
    to {
        opacity: 1
    }
    25%,
    75% {
        opacity: 0
    }
}

.flash {
    -webkit-animation-name: flash;
    animation-name: flash
}

@-webkit-keyframes pulse {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05)
    }
    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@keyframes pulse {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05)
    }
    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

.pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse
}

@-webkit-keyframes rubberBand {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
    30% {
        -webkit-transform: scale3d(1.25, .75, 1);
        transform: scale3d(1.25, .75, 1)
    }
    40% {
        -webkit-transform: scale3d(.75, 1.25, 1);
        transform: scale3d(.75, 1.25, 1)
    }
    50% {
        -webkit-transform: scale3d(1.15, .85, 1);
        transform: scale3d(1.15, .85, 1)
    }
    65% {
        -webkit-transform: scale3d(.95, 1.05, 1);
        transform: scale3d(.95, 1.05, 1)
    }
    75% {
        -webkit-transform: scale3d(1.05, .95, 1);
        transform: scale3d(1.05, .95, 1)
    }
    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@keyframes rubberBand {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
    30% {
        -webkit-transform: scale3d(1.25, .75, 1);
        transform: scale3d(1.25, .75, 1)
    }
    40% {
        -webkit-transform: scale3d(.75, 1.25, 1);
        transform: scale3d(.75, 1.25, 1)
    }
    50% {
        -webkit-transform: scale3d(1.15, .85, 1);
        transform: scale3d(1.15, .85, 1)
    }
    65% {
        -webkit-transform: scale3d(.95, 1.05, 1);
        transform: scale3d(.95, 1.05, 1)
    }
    75% {
        -webkit-transform: scale3d(1.05, .95, 1);
        transform: scale3d(1.05, .95, 1)
    }
    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

.rubberBand {
    -webkit-animation-name: rubberBand;
    animation-name: rubberBand
}

@-webkit-keyframes shake {
    from,
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }
    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }
}

@keyframes shake {
    from,
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }
    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }
}

.shake {
    -webkit-animation-name: shake;
    animation-name: shake
}

@-webkit-keyframes swing {
    20% {
        -webkit-transform: rotate3d(0, 0, 1, 15deg);
        transform: rotate3d(0, 0, 1, 15deg)
    }
    40% {
        -webkit-transform: rotate3d(0, 0, 1, -10deg);
        transform: rotate3d(0, 0, 1, -10deg)
    }
    60% {
        -webkit-transform: rotate3d(0, 0, 1, 5deg);
        transform: rotate3d(0, 0, 1, 5deg)
    }
    80% {
        -webkit-transform: rotate3d(0, 0, 1, -5deg);
        transform: rotate3d(0, 0, 1, -5deg)
    }
    to {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg)
    }
}

@keyframes swing {
    20% {
        -webkit-transform: rotate3d(0, 0, 1, 15deg);
        transform: rotate3d(0, 0, 1, 15deg)
    }
    40% {
        -webkit-transform: rotate3d(0, 0, 1, -10deg);
        transform: rotate3d(0, 0, 1, -10deg)
    }
    60% {
        -webkit-transform: rotate3d(0, 0, 1, 5deg);
        transform: rotate3d(0, 0, 1, 5deg)
    }
    80% {
        -webkit-transform: rotate3d(0, 0, 1, -5deg);
        transform: rotate3d(0, 0, 1, -5deg)
    }
    to {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg)
    }
}

.swing {
    -webkit-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: swing;
    animation-name: swing
}

@-webkit-keyframes tada {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
    10%,
    20% {
        -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg)
    }
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
    }
    40%,
    60%,
    80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
    }
    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@keyframes tada {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
    10%,
    20% {
        -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg)
    }
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
    }
    40%,
    60%,
    80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
    }
    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

.tada {
    -webkit-animation-name: tada;
    animation-name: tada
}

@-webkit-keyframes wobble {
    from {
        -webkit-transform: none;
        transform: none
    }
    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
        transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)
    }
    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
        transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)
    }
    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
        transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)
    }
    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)
    }
    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)
    }
    to {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes wobble {
    from {
        -webkit-transform: none;
        transform: none
    }
    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
        transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)
    }
    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
        transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)
    }
    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
        transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)
    }
    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)
    }
    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)
    }
    to {
        -webkit-transform: none;
        transform: none
    }
}

.wobble {
    -webkit-animation-name: wobble;
    animation-name: wobble
}

@-webkit-keyframes jello {
    11.1%,
    from,
    to {
        -webkit-transform: none;
        transform: none
    }
    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg)
    }
    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg)
    }
    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg)
    }
    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg)
    }
    66.6% {
        -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
        transform: skewX(-.78125deg) skewY(-.78125deg)
    }
    77.7% {
        -webkit-transform: skewX(.390625deg) skewY(.390625deg);
        transform: skewX(.390625deg) skewY(.390625deg)
    }
    88.8% {
        -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
        transform: skewX(-.1953125deg) skewY(-.1953125deg)
    }
}

@keyframes jello {
    11.1%,
    from,
    to {
        -webkit-transform: none;
        transform: none
    }
    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg)
    }
    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg)
    }
    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg)
    }
    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg)
    }
    66.6% {
        -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
        transform: skewX(-.78125deg) skewY(-.78125deg)
    }
    77.7% {
        -webkit-transform: skewX(.390625deg) skewY(.390625deg);
        transform: skewX(.390625deg) skewY(.390625deg)
    }
    88.8% {
        -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
        transform: skewX(-.1953125deg) skewY(-.1953125deg)
    }
}

.jello {
    -webkit-animation-name: jello;
    animation-name: jello;
    -webkit-transform-origin: center;
    transform-origin: center
}

@-webkit-keyframes bounceIn {
    20%,
    40%,
    60%,
    80%,
    from,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    40% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03)
    }
    80% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97)
    }
    to {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@keyframes bounceIn {
    20%,
    40%,
    60%,
    80%,
    from,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    40% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03)
    }
    80% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97)
    }
    to {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

.bounceIn {
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn
}

@-webkit-keyframes bounceInDown {
    60%,
    75%,
    90%,
    from,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0)
    }
    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0)
    }
    to {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes bounceInDown {
    60%,
    75%,
    90%,
    from,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0)
    }
    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0)
    }
    to {
        -webkit-transform: none;
        transform: none
    }
}

.bounceInDown {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown
}

@-webkit-keyframes bounceInLeft {
    60%,
    75%,
    90%,
    from,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0);
        transform: translate3d(-3000px, 0, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0)
    }
    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }
    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0)
    }
    to {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes bounceInLeft {
    60%,
    75%,
    90%,
    from,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0);
        transform: translate3d(-3000px, 0, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0)
    }
    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }
    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0)
    }
    to {
        -webkit-transform: none;
        transform: none
    }
}

.bounceInLeft {
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft
}

@-webkit-keyframes bounceInRight {
    60%,
    75%,
    90%,
    from,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    from {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0);
        transform: translate3d(3000px, 0, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0)
    }
    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }
    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0)
    }
    to {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes bounceInRight {
    60%,
    75%,
    90%,
    from,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    from {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0);
        transform: translate3d(3000px, 0, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0)
    }
    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }
    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0)
    }
    to {
        -webkit-transform: none;
        transform: none
    }
}

.bounceInRight {
    -webkit-animation-name: bounceInRight;
    animation-name: bounceInRight
}

@-webkit-keyframes bounceInUp {
    60%,
    75%,
    90%,
    from,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }
    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0)
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes bounceInUp {
    60%,
    75%,
    90%,
    from,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }
    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0)
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.bounceInUp {
    -webkit-animation-name: bounceInUp;
    animation-name: bounceInUp
}

@-webkit-keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }
    50%,
    55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
}

@keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }
    50%,
    55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
}

.bounceOut {
    -webkit-animation-name: bounceOut;
    animation-name: bounceOut
}

@-webkit-keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }
    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
}

@keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }
    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
}

.bounceOutDown {
    -webkit-animation-name: bounceOutDown;
    animation-name: bounceOutDown
}

@-webkit-keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
}

@keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
}

.bounceOutLeft {
    -webkit-animation-name: bounceOutLeft;
    animation-name: bounceOutLeft
}

@-webkit-keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px, 0, 0);
        transform: translate3d(-20px, 0, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
}

@keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px, 0, 0);
        transform: translate3d(-20px, 0, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
}

.bounceOutRight {
    -webkit-animation-name: bounceOutRight;
    animation-name: bounceOutRight
}

@-webkit-keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }
    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
}

@keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }
    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
}

.bounceOutUp {
    -webkit-animation-name: bounceOutUp;
    animation-name: bounceOutUp
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

@-webkit-keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown
}

@-webkit-keyframes fadeInDownBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInDownBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInDownBig {
    -webkit-animation-name: fadeInDownBig;
    animation-name: fadeInDownBig
}

@-webkit-keyframes fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft
}

@-webkit-keyframes fadeInLeftBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInLeftBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInLeftBig {
    -webkit-animation-name: fadeInLeftBig;
    animation-name: fadeInLeftBig
}

@-webkit-keyframes fadeInRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight
}

@-webkit-keyframes fadeInRightBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInRightBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInRightBig {
    -webkit-animation-name: fadeInRightBig;
    animation-name: fadeInRightBig
}

@-webkit-keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp
}

@-webkit-keyframes fadeInUpBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInUpBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInUpBig {
    -webkit-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig
}

@-webkit-keyframes fadeOut {
    from {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@keyframes fadeOut {
    from {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

.fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut
}

@-webkit-keyframes fadeOutDown {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

@keyframes fadeOutDown {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

.fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown
}

@-webkit-keyframes fadeOutDownBig {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
}

@keyframes fadeOutDownBig {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
}

.fadeOutDownBig {
    -webkit-animation-name: fadeOutDownBig;
    animation-name: fadeOutDownBig
}

@-webkit-keyframes fadeOutLeft {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

@keyframes fadeOutLeft {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

.fadeOutLeft {
    -webkit-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft
}

@-webkit-keyframes fadeOutLeftBig {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
}

@keyframes fadeOutLeftBig {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
}

.fadeOutLeftBig {
    -webkit-animation-name: fadeOutLeftBig;
    animation-name: fadeOutLeftBig
}

@-webkit-keyframes fadeOutRight {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

@keyframes fadeOutRight {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

.fadeOutRight {
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight
}

@-webkit-keyframes fadeOutRightBig {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
}

@keyframes fadeOutRightBig {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
}

.fadeOutRightBig {
    -webkit-animation-name: fadeOutRightBig;
    animation-name: fadeOutRightBig
}

@-webkit-keyframes fadeOutUp {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}

@keyframes fadeOutUp {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}

.fadeOutUp {
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp
}

@-webkit-keyframes fadeOutUpBig {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
}

@keyframes fadeOutUpBig {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
}

.fadeOutUpBig {
    -webkit-animation-name: fadeOutUpBig;
    animation-name: fadeOutUpBig
}

@-webkit-keyframes flip {
    from {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    40% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    50% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    80% {
        -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
        transform: perspective(400px) scale3d(.95, .95, .95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

@keyframes flip {
    from {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    40% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    50% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    80% {
        -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
        transform: perspective(400px) scale3d(.95, .95, .95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

.animated.flip {
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-animation-name: flip;
    animation-name: flip
}

@-webkit-keyframes flipInX {
    from {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1
    }
    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@keyframes flipInX {
    from {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1
    }
    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

.flipInX {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInX;
    animation-name: flipInX
}

@-webkit-keyframes flipInY {
    from {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    60% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1
    }
    80% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg)
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@keyframes flipInY {
    from {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    60% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1
    }
    80% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg)
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

.flipInY {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInY;
    animation-name: flipInY
}

@-webkit-keyframes flipOutX {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
    30% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        opacity: 1
    }
    to {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        opacity: 0
    }
}

@keyframes flipOutX {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
    30% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        opacity: 1
    }
    to {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        opacity: 0
    }
}

.flipOutX {
    -webkit-animation-name: flipOutX;
    animation-name: flipOutX;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important
}

@-webkit-keyframes flipOutY {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
    30% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        opacity: 1
    }
    to {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        opacity: 0
    }
}

@keyframes flipOutY {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
    30% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        opacity: 1
    }
    to {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        opacity: 0
    }
}

.flipOutY {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipOutY;
    animation-name: flipOutY
}

@-webkit-keyframes lightSpeedIn {
    from {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0
    }
    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1
    }
    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
        opacity: 1
    }
    to {
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes lightSpeedIn {
    from {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0
    }
    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1
    }
    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
        opacity: 1
    }
    to {
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

.lightSpeedIn {
    -webkit-animation-name: lightSpeedIn;
    animation-name: lightSpeedIn;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

@-webkit-keyframes lightSpeedOut {
    from {
        opacity: 1
    }
    to {
        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0
    }
}

@keyframes lightSpeedOut {
    from {
        opacity: 1
    }
    to {
        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0
    }
}

.lightSpeedOut {
    -webkit-animation-name: lightSpeedOut;
    animation-name: lightSpeedOut;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
}

@-webkit-keyframes rotateIn {
    from {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, -200deg);
        transform: rotate3d(0, 0, 1, -200deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes rotateIn {
    from {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, -200deg);
        transform: rotate3d(0, 0, 1, -200deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

.rotateIn {
    -webkit-animation-name: rotateIn;
    animation-name: rotateIn
}

@-webkit-keyframes rotateInDownLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes rotateInDownLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

.rotateInDownLeft {
    -webkit-animation-name: rotateInDownLeft;
    animation-name: rotateInDownLeft
}

@-webkit-keyframes rotateInDownRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes rotateInDownRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

.rotateInDownRight {
    -webkit-animation-name: rotateInDownRight;
    animation-name: rotateInDownRight
}

@-webkit-keyframes rotateInUpLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes rotateInUpLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

.rotateInUpLeft {
    -webkit-animation-name: rotateInUpLeft;
    animation-name: rotateInUpLeft
}

@-webkit-keyframes rotateInUpRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -90deg);
        transform: rotate3d(0, 0, 1, -90deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes rotateInUpRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -90deg);
        transform: rotate3d(0, 0, 1, -90deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

.rotateInUpRight {
    -webkit-animation-name: rotateInUpRight;
    animation-name: rotateInUpRight
}

@-webkit-keyframes rotateOut {
    from {
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 1
    }
    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, 200deg);
        transform: rotate3d(0, 0, 1, 200deg);
        opacity: 0
    }
}

@keyframes rotateOut {
    from {
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 1
    }
    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, 200deg);
        transform: rotate3d(0, 0, 1, 200deg);
        opacity: 0
    }
}

.rotateOut {
    -webkit-animation-name: rotateOut;
    animation-name: rotateOut
}

@-webkit-keyframes rotateOutDownLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }
}

@keyframes rotateOutDownLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }
}

.rotateOutDownLeft {
    -webkit-animation-name: rotateOutDownLeft;
    animation-name: rotateOutDownLeft
}

@-webkit-keyframes rotateOutDownRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }
}

@keyframes rotateOutDownRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }
}

.rotateOutDownRight {
    -webkit-animation-name: rotateOutDownRight;
    animation-name: rotateOutDownRight
}

@-webkit-keyframes rotateOutUpLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }
}

@keyframes rotateOutUpLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }
}

.rotateOutUpLeft {
    -webkit-animation-name: rotateOutUpLeft;
    animation-name: rotateOutUpLeft
}

@-webkit-keyframes rotateOutUpRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 90deg);
        transform: rotate3d(0, 0, 1, 90deg);
        opacity: 0
    }
}

@keyframes rotateOutUpRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 90deg);
        transform: rotate3d(0, 0, 1, 90deg);
        opacity: 0
    }
}

.rotateOutUpRight {
    -webkit-animation-name: rotateOutUpRight;
    animation-name: rotateOutUpRight
}

@-webkit-keyframes hinge {
    0% {
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    20%,
    60% {
        -webkit-transform: rotate3d(0, 0, 1, 80deg);
        transform: rotate3d(0, 0, 1, 80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    40%,
    80% {
        -webkit-transform: rotate3d(0, 0, 1, 60deg);
        transform: rotate3d(0, 0, 1, 60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1
    }
    to {
        -webkit-transform: translate3d(0, 700px, 0);
        transform: translate3d(0, 700px, 0);
        opacity: 0
    }
}

@keyframes hinge {
    0% {
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    20%,
    60% {
        -webkit-transform: rotate3d(0, 0, 1, 80deg);
        transform: rotate3d(0, 0, 1, 80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    40%,
    80% {
        -webkit-transform: rotate3d(0, 0, 1, 60deg);
        transform: rotate3d(0, 0, 1, 60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1
    }
    to {
        -webkit-transform: translate3d(0, 700px, 0);
        transform: translate3d(0, 700px, 0);
        opacity: 0
    }
}

.hinge {
    -webkit-animation-name: hinge;
    animation-name: hinge
}

@-webkit-keyframes rollIn {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
        transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes rollIn {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
        transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.rollIn {
    -webkit-animation-name: rollIn;
    animation-name: rollIn
}

@-webkit-keyframes rollOut {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
        transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)
    }
}

@keyframes rollOut {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
        transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)
    }
}

.rollOut {
    -webkit-animation-name: rollOut;
    animation-name: rollOut
}

@-webkit-keyframes zoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    50% {
        opacity: 1
    }
}

@keyframes zoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    50% {
        opacity: 1
    }
}

.zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn
}

@-webkit-keyframes zoomInDown {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes zoomInDown {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.zoomInDown {
    -webkit-animation-name: zoomInDown;
    animation-name: zoomInDown
}

@-webkit-keyframes zoomInLeft {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes zoomInLeft {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.zoomInLeft {
    -webkit-animation-name: zoomInLeft;
    animation-name: zoomInLeft
}

@-webkit-keyframes zoomInRight {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes zoomInRight {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.zoomInRight {
    -webkit-animation-name: zoomInRight;
    animation-name: zoomInRight
}

@-webkit-keyframes zoomInUp {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes zoomInUp {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.zoomInUp {
    -webkit-animation-name: zoomInUp;
    animation-name: zoomInUp
}

@-webkit-keyframes zoomOut {
    from {
        opacity: 1
    }
    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    to {
        opacity: 0
    }
}

@keyframes zoomOut {
    from {
        opacity: 1
    }
    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    to {
        opacity: 0
    }
}

.zoomOut {
    -webkit-animation-name: zoomOut;
    animation-name: zoomOut
}

@-webkit-keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.zoomOutDown {
    -webkit-animation-name: zoomOutDown;
    animation-name: zoomOutDown
}

@-webkit-keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
        transform: scale(.1) translate3d(-2000px, 0, 0);
        -webkit-transform-origin: left center;
        transform-origin: left center
    }
}

@keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
        transform: scale(.1) translate3d(-2000px, 0, 0);
        -webkit-transform-origin: left center;
        transform-origin: left center
    }
}

.zoomOutLeft {
    -webkit-animation-name: zoomOutLeft;
    animation-name: zoomOutLeft
}

@-webkit-keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
        transform: scale(.1) translate3d(2000px, 0, 0);
        -webkit-transform-origin: right center;
        transform-origin: right center
    }
}

@keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
        transform: scale(.1) translate3d(2000px, 0, 0);
        -webkit-transform-origin: right center;
        transform-origin: right center
    }
}

.zoomOutRight {
    -webkit-animation-name: zoomOutRight;
    animation-name: zoomOutRight
}

@-webkit-keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.zoomOutUp {
    -webkit-animation-name: zoomOutUp;
    animation-name: zoomOutUp
}

@-webkit-keyframes slideInDown {
    from {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes slideInDown {
    from {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.slideInDown {
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown
}

@-webkit-keyframes slideInLeft {
    from {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes slideInLeft {
    from {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.slideInLeft {
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft
}

@-webkit-keyframes slideInRight {
    from {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes slideInRight {
    from {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.slideInRight {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight
}

@-webkit-keyframes slideInUp {
    from {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes slideInUp {
    from {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.slideInUp {
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp
}

@-webkit-keyframes slideOutDown {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

@keyframes slideOutDown {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

.slideOutDown {
    -webkit-animation-name: slideOutDown;
    animation-name: slideOutDown
}

@-webkit-keyframes slideOutLeft {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

@keyframes slideOutLeft {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

.slideOutLeft {
    -webkit-animation-name: slideOutLeft;
    animation-name: slideOutLeft
}

@-webkit-keyframes slideOutRight {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

@keyframes slideOutRight {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

.slideOutRight {
    -webkit-animation-name: slideOutRight;
    animation-name: slideOutRight
}

@-webkit-keyframes slideOutUp {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}

@keyframes slideOutUp {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}

.slideOutUp {
    -webkit-animation-name: slideOutUp;
    animation-name: slideOutUp
}

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

.owl-carousel {
    position: relative;
    width: 100%;
    -ms-touch-action: pan-y
}

.owl-carousel .owl-wrapper {
    display: none;
    position: relative;
    -webkit-transform: translate3d(0, 0, 0)
}

.owl-carousel .owl-wrapper-outer {
    overflow: hidden;
    position: relative;
    width: 100%
}

.media-object {
    margin: 20px auto
}

.owl-carousel .owl-wrapper-outer.autoHeight {
    -webkit-transition: height .5s ease-in-out;
    -moz-transition: height .5s ease-in-out;
    -ms-transition: height .5s ease-in-out;
    -o-transition: height .5s ease-in-out;
    transition: height .5s ease-in-out
}

.owl-carousel .owl-item {
    float: left
}

.owl-controls .owl-buttons div,
.owl-controls .owl-page {
    cursor: pointer
}

.owl-controls {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent
}

.grabbing {
    cursor: url(assets/grabbing.png) 8 8, move
}

.owl-carousel .owl-item,
.owl-carousel .owl-wrapper {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0)
}

#owl-details2 {
    width: 80%;
    left: 0;
    top: 15px
}

#owl-details2.owl-theme .owl-controls {
    margin-top: 10px;
    text-align: center
}

.owl-theme .owl-controls {
    margin-top: 40px;
    text-align: center
}

.owl-theme .owl-controls .owl-buttons div {
    color: #fff;
    display: inline-block;
    zoom: 1;
    margin: 5px;
    padding: 3px 10px;
    font-size: 12px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    background: #869791;
    filter: Alpha(Opacity=50);
    opacity: .5
}

.owl-theme .owl-controls.clickable .owl-buttons div:hover {
    filter: Alpha(Opacity=100);
    opacity: 1;
    text-decoration: none
}

.owl-theme .owl-controls .owl-page {
    display: inline-block;
    zoom: 1
}

.owl-theme .owl-controls .owl-page span {
    display: block;
    width: 12px;
    height: 12px;
    margin: 5px 7px;
    filter: Alpha(Opacity=50);
    opacity: .5;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    background: green
}

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span {
    filter: Alpha(Opacity=100);
    opacity: 1
}

.owl-theme .owl-controls .owl-page span.owl-numbers {
    height: auto;
    width: auto;
    color: #fff;
    padding: 2px 10px;
    font-size: 12px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px
}

.owl-item.loading {
    min-height: 150px;
    background: url(AjaxLoader.gif) no-repeat center center
}

.alertify,
.alertify-log,
.alertify-show {
    -webkit-transition: all .5s cubic-bezier(.175, .885, .32, 1.275);
    -moz-transition: all .5s cubic-bezier(.175, .885, .32, 1.275);
    -ms-transition: all .5s cubic-bezier(.175, .885, .32, 1.275);
    -o-transition: all .5s cubic-bezier(.175, .885, .32, 1.275);
    transition: all .5s cubic-bezier(.175, .885, .32, 1.275)
}

.alertify-hide {
    -webkit-transition: all 250ms cubic-bezier(.6, -.28, .735, .045);
    -moz-transition: all 250ms cubic-bezier(.6, -.28, .735, .045);
    -ms-transition: all 250ms cubic-bezier(.6, -.28, .735, .045);
    -o-transition: all 250ms cubic-bezier(.6, -.28, .735, .045);
    transition: all 250ms cubic-bezier(.6, -.28, .735, .045)
}

.alertify-log-hide {
    -webkit-transition: all .5s cubic-bezier(.6, -.28, .735, .045);
    -moz-transition: all .5s cubic-bezier(.6, -.28, .735, .045);
    -ms-transition: all .5s cubic-bezier(.6, -.28, .735, .045);
    -o-transition: all .5s cubic-bezier(.6, -.28, .735, .045);
    transition: all .5s cubic-bezier(.6, -.28, .735, .045)
}

.alertify-cover {
    position: fixed;
    z-index: 99999;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #fff;
    opacity: 0
}

.alertify-cover-hidden {
    display: none
}

.alertify {
    position: fixed;
    z-index: 99999;
    top: 50px;
    left: 50%;
    width: 550px;
    margin-left: -275px;
    opacity: 1
}

.alertify-hidden {
    -webkit-transform: translate(0, -150px);
    -moz-transform: translate(0, -150px);
    -ms-transform: translate(0, -150px);
    -o-transform: translate(0, -150px);
    transform: translate(0, -150px);
    opacity: 0;
    display: none
}

:root *>.alertify-hidden {
    display: block;
    visibility: hidden
}

.alertify-logs {
    position: fixed;
    z-index: 5000;
    bottom: 10px;
    right: 10px;
    width: 300px
}

.alertify-logs-hidden {
    display: none
}

.alertify-log {
    display: block;
    margin-top: 10px;
    position: relative;
    right: -300px;
    opacity: 0
}

.alertify-log-show {
    right: 0;
    opacity: 1
}

.alertify-log-hide {
    -webkit-transform: translate(300px, 0);
    -moz-transform: translate(300px, 0);
    -ms-transform: translate(300px, 0);
    -o-transform: translate(300px, 0);
    transform: translate(300px, 0);
    opacity: 0
}

.alertify-dialog {
    padding: 25px
}

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

.alertify-inner {
    text-align: center
}

.alertify-text {
    margin-bottom: 15px;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 100%
}

.alertify-button,
.alertify-button:active,
.alertify-button:hover,
.alertify-button:visited {
    text-decoration: none;
    border: none;
    line-height: 1.5;
    font-size: 100%;
    display: inline-block;
    cursor: pointer;
    margin-left: 5px
}

@media only screen and (max-width:680px) {
    .alertify,
    .alertify-logs {
        width: 90%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }
    .alertify {
        left: 5%;
        margin: 0
    }
}

.alertify,
.alertify-log {
    font-family: sans-serif
}

.alertify {
    background: #fff;
    border: 2px solid #3ab54a;
    -webkit-background-clip: padding;
    -moz-background-clip: padding;
    background-clip: padding-box
}

.alertify-text {
    border: 1px solid #ccc;
    padding: 10px;
    border-radius: 4px
}

.alertify-button {
    color: #fff;
    font-weight: 700;
    padding: 6px 15px;
    text-decoration: none;
    box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, .5);
    background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, .3), rgba(255, 255, 255, 0));
    background-image: -moz-linear-gradient(top, rgba(255, 255, 255, .3), rgba(255, 255, 255, 0));
    background-image: -ms-linear-gradient(top, rgba(255, 255, 255, .3), rgba(255, 255, 255, 0));
    background-image: -o-linear-gradient(top, rgba(255, 255, 255, .3), rgba(255, 255, 255, 0));
    background-image: linear-gradient(top, rgba(255, 255, 255, .3), rgba(255, 255, 255, 0))
}

.alertify-button:focus,
.alertify-button:hover {
    outline: 0;
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, .1), rgba(0, 0, 0, 0));
    background-image: -moz-linear-gradient(top, rgba(0, 0, 0, .1), rgba(0, 0, 0, 0));
    background-image: -ms-linear-gradient(top, rgba(0, 0, 0, .1), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, .1), rgba(0, 0, 0, 0));
    background-image: linear-gradient(top, rgba(0, 0, 0, .1), rgba(0, 0, 0, 0))
}

.alertify-button:focus {
    box-shadow: 0 0 15px #2b72d5
}

.alertify-button:active {
    position: relative
}

.alertify-button-cancel,
.alertify-button-cancel:focus,
.alertify-button-cancel:hover {
    background-color: #fe1a00;
    border: 1px solid #d83526
}

.alertify-button-ok,
.alertify-button-ok:focus,
.alertify-button-ok:hover {
    background-color: #5cb811;
    border: 1px solid #3b7808
}

.alertify-log {
    background: #1f1f1f;
    background: rgba(0, 0, 0, .9);
    padding: 15px;
    border-radius: 4px;
    color: #fff;
    text-shadow: -1px -1px 0 rgba(0, 0, 0, .5)
}

.alertify-log-error {
    background: #fe1a00;
    background: rgba(254, 26, 0, .9)
}

.alertify-log-success {
    background: #5cb811;
    background: rgba(92, 184, 17, .9)
}

.bootstrap-select>.dropdown-toggle {
    width: 100%;
    padding-right: 25px;
    z-index: 1
}

.bootstrap-select>select {
    position: absolute !important;
    bottom: 0;
    left: 50%;
    width: .11px !important;
    height: 100% !important;
    padding: 0 !important;
    opacity: 0 !important;
    border: none
}

.bootstrap-select>select.mobile-device {
    top: 0;
    left: 0;
    display: block !important;
    width: 100% !important;
    z-index: 2
}

.error .bootstrap-select .dropdown-toggle,
.has-error .bootstrap-select .dropdown-toggle {
    border-color: #b94a48
}

.bootstrap-select.fit-width {
    width: auto !important
}

.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    width: 220px
}

.bootstrap-select .dropdown-toggle:focus {
    outline: thin dotted #333 !important;
    outline: 5px auto -webkit-focus-ring-color !important;
    outline-offset: -2px
}

.bootstrap-select.form-control {
    margin-bottom: 0;
    padding: 0;
    border: none
}

.bootstrap-select.form-control:not([class*=col-]) {
    width: 100%
}

.bootstrap-select.form-control.input-group-btn {
    z-index: auto
}

.bootstrap-select.btn-group:not(.input-group-btn),
.bootstrap-select.btn-group[class*=col-] {
    float: none;
    display: inline-block;
    margin-left: 0
}

.bootstrap-select.btn-group.dropdown-menu-right,
.bootstrap-select.btn-group[class*=col-].dropdown-menu-right,
.row .bootstrap-select.btn-group[class*=col-].dropdown-menu-right {
    float: right
}

.form-group .bootstrap-select.btn-group,
.form-horizontal .bootstrap-select.btn-group,
.form-inline .bootstrap-select.btn-group {
    margin-bottom: 0
}

.form-group-lg .bootstrap-select.btn-group.form-control,
.form-group-sm .bootstrap-select.btn-group.form-control {
    padding: 0
}

.form-inline .bootstrap-select.btn-group .form-control {
    width: 100%
}

.bootstrap-select.btn-group.disabled,
.bootstrap-select.btn-group>.disabled {
    cursor: not-allowed
}

.bootstrap-select.btn-group.disabled:focus,
.bootstrap-select.btn-group>.disabled:focus {
    outline: 0 !important
}

.bootstrap-select.btn-group.bs-container {
    position: absolute
}

.bootstrap-select.btn-group.bs-container .dropdown-menu {
    z-index: 1060
}

.bootstrap-select.btn-group .dropdown-toggle .filter-option {
    display: inline-block;
    overflow: hidden;
    width: 100%;
    text-align: left
}

.bootstrap-select.btn-group .dropdown-toggle .caret {
    position: absolute;
    top: 50%;
    right: 12px;
    margin-top: -2px;
    vertical-align: middle
}

.bootstrap-select.btn-group[class*=col-] .dropdown-toggle {
    width: 100%
}

.bootstrap-select.btn-group .dropdown-menu {
    min-width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.bootstrap-select.btn-group .dropdown-menu.inner {
    position: static;
    float: none;
    border: 0;
    padding: 0;
    margin: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.bootstrap-select.btn-group .dropdown-menu li {
    position: relative
}

.bootstrap-select.btn-group .dropdown-menu li.active small {
    color: #fff
}

.bootstrap-select.btn-group .dropdown-menu li.disabled a {
    cursor: not-allowed
}

.bootstrap-select.btn-group .dropdown-menu li a {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.bootstrap-select.btn-group .dropdown-menu li a.opt {
    position: relative;
    padding-left: 2.25em
}

.bootstrap-select.btn-group .dropdown-menu li a span.check-mark {
    display: none
}

.bootstrap-select.btn-group .dropdown-menu li a span.text {
    display: inline-block
}

.bootstrap-select.btn-group .dropdown-menu li small {
    padding-left: .5em
}

.bootstrap-select.btn-group .dropdown-menu .notify {
    position: absolute;
    bottom: 5px;
    width: 96%;
    margin: 0 2%;
    min-height: 26px;
    padding: 3px 5px;
    background: #f5f5f5;
    border: 1px solid #e3e3e3;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
    pointer-events: none;
    opacity: .9;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.bootstrap-select.btn-group .no-results {
    padding: 3px;
    background: #f5f5f5;
    margin: 0 5px;
    white-space: nowrap
}

.bootstrap-select.btn-group.fit-width .dropdown-toggle .filter-option {
    position: static
}

.bootstrap-select.btn-group.fit-width .dropdown-toggle .caret {
    position: static;
    top: auto;
    margin-top: -1px
}

.bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark {
    position: absolute;
    display: inline-block;
    right: 15px;
    margin-top: 5px
}

.bootstrap-select.btn-group.show-tick .dropdown-menu li a span.text {
    margin-right: 34px
}

.bootstrap-select.show-menu-arrow.open>.dropdown-toggle {
    z-index: 1061
}

.bootstrap-select.show-menu-arrow .dropdown-toggle:before {
    content: '';
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid rgba(204, 204, 204, .2);
    position: absolute;
    bottom: -4px;
    left: 9px;
    display: none
}

.bootstrap-select.show-menu-arrow .dropdown-toggle:after {
    content: '';
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
    position: absolute;
    bottom: -4px;
    left: 10px;
    display: none
}

.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:before {
    bottom: auto;
    top: -3px;
    border-top: 7px solid rgba(204, 204, 204, .2);
    border-bottom: 0
}

.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:after {
    bottom: auto;
    top: -3px;
    border-top: 6px solid #fff;
    border-bottom: 0
}

.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:before {
    right: 12px;
    left: auto
}

.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:after {
    right: 13px;
    left: auto
}

.bootstrap-select.show-menu-arrow.open>.dropdown-toggle:after,
.bootstrap-select.show-menu-arrow.open>.dropdown-toggle:before {
    display: block
}

.bs-actionsbox,
.bs-donebutton,
.bs-searchbox {
    padding: 4px 8px
}

.bs-actionsbox {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.bs-actionsbox .btn-group button {
    width: 50%
}

.bs-donebutton {
    float: left;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.bs-donebutton .btn-group button {
    width: 100%
}

.bs-searchbox+.bs-actionsbox {
    padding: 0 8px 4px
}

.bs-searchbox .form-control {
    margin-bottom: 0;
    width: 100%;
    float: none
}

.bootstrap-tagsinput {
    background-color: #fff;
    border: 1px solid #ccc;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    display: inline-block;
    padding: 4px 6px;
    color: #555;
    vertical-align: middle;
    border-radius: 4px;
    max-width: 100%;
    line-height: 22px;
    cursor: text
}

.bootstrap-tagsinput input {
    border: none;
    box-shadow: none;
    outline: 0;
    background-color: transparent;
    padding: 0 6px;
    margin: 0;
    width: auto;
    max-width: inherit
}

.bootstrap-tagsinput.form-control input::-moz-placeholder {
    color: #777;
    opacity: 1
}

.bootstrap-tagsinput.form-control input:-ms-input-placeholder {
    color: #777
}

.bootstrap-tagsinput.form-control input::-webkit-input-placeholder {
    color: #777
}

.bootstrap-tagsinput input:focus {
    border: none;
    box-shadow: none
}

.bootstrap-tagsinput .tag {
    margin-right: 2px;
    color: #fff
}

.bootstrap-tagsinput .tag [data-role=remove] {
    margin-left: 8px;
    cursor: pointer
}

.bootstrap-tagsinput .tag [data-role=remove]:after {
    content: "x";
    padding: 0 2px
}

.bootstrap-tagsinput .tag [data-role=remove]:hover {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05)
}

.bootstrap-tagsinput .tag [data-role=remove]:hover:active {
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125)
}

.btn-social {
    position: relative;
    padding-left: 44px;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.btn-social>:first-child {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 32px;
    line-height: 34px;
    font-size: 1.6em;
    text-align: center;
    border-right: 1px solid rgba(0, 0, 0, .2)
}

.btn-social.btn-lg {
    padding-left: 61px
}

.btn-social.btn-lg>:first-child {
    line-height: 45px;
    width: 45px;
    font-size: 1.8em
}

.btn-social.btn-sm {
    padding-left: 38px
}

.btn-social.btn-sm>:first-child {
    line-height: 28px;
    width: 28px;
    font-size: 1.4em
}

.btn-social.btn-xs {
    padding-left: 30px
}

.btn-social.btn-xs>:first-child {
    line-height: 20px;
    width: 20px;
    font-size: 1.2em
}

.btn-social-icon {
    position: relative;
    padding-left: 44px;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 34px;
    width: 34px;
    padding: 0
}

.btn-social-icon>:first-child {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 32px;
    line-height: 34px;
    font-size: 1.6em;
    text-align: center;
    border-right: 1px solid rgba(0, 0, 0, .2)
}

.btn-social-icon.btn-lg {
    padding-left: 61px
}

.btn-social-icon.btn-lg>:first-child {
    line-height: 45px;
    width: 45px;
    font-size: 1.8em
}

.btn-social-icon.btn-sm {
    padding-left: 38px
}

.btn-social-icon.btn-sm>:first-child {
    line-height: 28px;
    width: 28px;
    font-size: 1.4em
}

.btn-social-icon.btn-xs {
    padding-left: 30px
}

.btn-social-icon.btn-xs>:first-child {
    line-height: 20px;
    width: 20px;
    font-size: 1.2em
}

.btn-social-icon>:first-child {
    border: none;
    text-align: center;
    width: 100% !important
}

.btn-social-icon.btn-lg {
    height: 45px;
    width: 45px;
    padding-left: 0;
    padding-right: 0
}

.btn-social-icon.btn-sm {
    height: 30px;
    width: 30px;
    padding-left: 0;
    padding-right: 0
}

.btn-social-icon.btn-xs {
    height: 22px;
    width: 22px;
    padding-left: 0;
    padding-right: 0
}

.btn-adn {
    color: #fff;
    background-color: #d87a68;
    border-color: rgba(0, 0, 0, .2)
}

.btn-adn.focus,
.btn-adn:focus {
    color: #fff;
    background-color: #ce563f;
    border-color: rgba(0, 0, 0, .2)
}

.btn-adn:hover {
    color: #fff;
    background-color: #ce563f;
    border-color: rgba(0, 0, 0, .2)
}

.btn-adn.active,
.btn-adn:active,
.open>.dropdown-toggle.btn-adn {
    color: #fff;
    background-color: #ce563f;
    border-color: rgba(0, 0, 0, .2)
}

.btn-adn.active.focus,
.btn-adn.active:focus,
.btn-adn.active:hover,
.btn-adn:active.focus,
.btn-adn:active:focus,
.btn-adn:active:hover,
.open>.dropdown-toggle.btn-adn.focus,
.open>.dropdown-toggle.btn-adn:focus,
.open>.dropdown-toggle.btn-adn:hover {
    color: #fff;
    background-color: #b94630;
    border-color: rgba(0, 0, 0, .2)
}

.btn-adn.active,
.btn-adn:active,
.open>.dropdown-toggle.btn-adn {
    background-image: none
}

.btn-adn.disabled,
.btn-adn.disabled.active,
.btn-adn.disabled.focus,
.btn-adn.disabled:active,
.btn-adn.disabled:focus,
.btn-adn.disabled:hover,
.btn-adn[disabled],
.btn-adn[disabled].active,
.btn-adn[disabled].focus,
.btn-adn[disabled]:active,
.btn-adn[disabled]:focus,
.btn-adn[disabled]:hover,
fieldset[disabled] .btn-adn,
fieldset[disabled] .btn-adn.active,
fieldset[disabled] .btn-adn.focus,
fieldset[disabled] .btn-adn:active,
fieldset[disabled] .btn-adn:focus,
fieldset[disabled] .btn-adn:hover {
    background-color: #d87a68;
    border-color: rgba(0, 0, 0, .2)
}

.btn-adn .badge {
    color: #d87a68;
    background-color: #fff
}

.btn-bitbucket {
    color: #fff;
    background-color: #205081;
    border-color: rgba(0, 0, 0, .2)
}

.btn-bitbucket.focus,
.btn-bitbucket:focus {
    color: #fff;
    background-color: #163758;
    border-color: rgba(0, 0, 0, .2)
}

.btn-bitbucket:hover {
    color: #fff;
    background-color: #163758;
    border-color: rgba(0, 0, 0, .2)
}

.btn-bitbucket.active,
.btn-bitbucket:active,
.open>.dropdown-toggle.btn-bitbucket {
    color: #fff;
    background-color: #163758;
    border-color: rgba(0, 0, 0, .2)
}

.btn-bitbucket.active.focus,
.btn-bitbucket.active:focus,
.btn-bitbucket.active:hover,
.btn-bitbucket:active.focus,
.btn-bitbucket:active:focus,
.btn-bitbucket:active:hover,
.open>.dropdown-toggle.btn-bitbucket.focus,
.open>.dropdown-toggle.btn-bitbucket:focus,
.open>.dropdown-toggle.btn-bitbucket:hover {
    color: #fff;
    background-color: #0f253c;
    border-color: rgba(0, 0, 0, .2)
}

.btn-bitbucket.active,
.btn-bitbucket:active,
.open>.dropdown-toggle.btn-bitbucket {
    background-image: none
}

.btn-bitbucket.disabled,
.btn-bitbucket.disabled.active,
.btn-bitbucket.disabled.focus,
.btn-bitbucket.disabled:active,
.btn-bitbucket.disabled:focus,
.btn-bitbucket.disabled:hover,
.btn-bitbucket[disabled],
.btn-bitbucket[disabled].active,
.btn-bitbucket[disabled].focus,
.btn-bitbucket[disabled]:active,
.btn-bitbucket[disabled]:focus,
.btn-bitbucket[disabled]:hover,
fieldset[disabled] .btn-bitbucket,
fieldset[disabled] .btn-bitbucket.active,
fieldset[disabled] .btn-bitbucket.focus,
fieldset[disabled] .btn-bitbucket:active,
fieldset[disabled] .btn-bitbucket:focus,
fieldset[disabled] .btn-bitbucket:hover {
    background-color: #205081;
    border-color: rgba(0, 0, 0, .2)
}

.btn-bitbucket .badge {
    color: #205081;
    background-color: #fff
}

.btn-dropbox {
    color: #fff;
    background-color: #1087dd;
    border-color: rgba(0, 0, 0, .2)
}

.btn-dropbox.focus,
.btn-dropbox:focus {
    color: #fff;
    background-color: #0d6aad;
    border-color: rgba(0, 0, 0, .2)
}

.btn-dropbox:hover {
    color: #fff;
    background-color: #0d6aad;
    border-color: rgba(0, 0, 0, .2)
}

.btn-dropbox.active,
.btn-dropbox:active,
.open>.dropdown-toggle.btn-dropbox {
    color: #fff;
    background-color: #0d6aad;
    border-color: rgba(0, 0, 0, .2)
}

.btn-dropbox.active.focus,
.btn-dropbox.active:focus,
.btn-dropbox.active:hover,
.btn-dropbox:active.focus,
.btn-dropbox:active:focus,
.btn-dropbox:active:hover,
.open>.dropdown-toggle.btn-dropbox.focus,
.open>.dropdown-toggle.btn-dropbox:focus,
.open>.dropdown-toggle.btn-dropbox:hover {
    color: #fff;
    background-color: #0a568c;
    border-color: rgba(0, 0, 0, .2)
}

.btn-dropbox.active,
.btn-dropbox:active,
.open>.dropdown-toggle.btn-dropbox {
    background-image: none
}

.btn-dropbox.disabled,
.btn-dropbox.disabled.active,
.btn-dropbox.disabled.focus,
.btn-dropbox.disabled:active,
.btn-dropbox.disabled:focus,
.btn-dropbox.disabled:hover,
.btn-dropbox[disabled],
.btn-dropbox[disabled].active,
.btn-dropbox[disabled].focus,
.btn-dropbox[disabled]:active,
.btn-dropbox[disabled]:focus,
.btn-dropbox[disabled]:hover,
fieldset[disabled] .btn-dropbox,
fieldset[disabled] .btn-dropbox.active,
fieldset[disabled] .btn-dropbox.focus,
fieldset[disabled] .btn-dropbox:active,
fieldset[disabled] .btn-dropbox:focus,
fieldset[disabled] .btn-dropbox:hover {
    background-color: #1087dd;
    border-color: rgba(0, 0, 0, .2)
}

.btn-dropbox .badge {
    color: #1087dd;
    background-color: #fff
}

.btn-facebook {
    color: #fff;
    background-color: #3b5998;
    border-color: rgba(0, 0, 0, .2)
}

.btn-facebook.focus,
.btn-facebook:focus {
    color: #fff;
    background-color: #2d4373;
    border-color: rgba(0, 0, 0, .2)
}

.btn-facebook:hover {
    color: #fff;
    background-color: #2d4373;
    border-color: rgba(0, 0, 0, .2)
}

.btn-facebook.active,
.btn-facebook:active,
.open>.dropdown-toggle.btn-facebook {
    color: #fff;
    background-color: #2d4373;
    border-color: rgba(0, 0, 0, .2)
}

.btn-facebook.active.focus,
.btn-facebook.active:focus,
.btn-facebook.active:hover,
.btn-facebook:active.focus,
.btn-facebook:active:focus,
.btn-facebook:active:hover,
.open>.dropdown-toggle.btn-facebook.focus,
.open>.dropdown-toggle.btn-facebook:focus,
.open>.dropdown-toggle.btn-facebook:hover {
    color: #fff;
    background-color: #23345a;
    border-color: rgba(0, 0, 0, .2)
}

.btn-facebook.active,
.btn-facebook:active,
.open>.dropdown-toggle.btn-facebook {
    background-image: none
}

.btn-facebook.disabled,
.btn-facebook.disabled.active,
.btn-facebook.disabled.focus,
.btn-facebook.disabled:active,
.btn-facebook.disabled:focus,
.btn-facebook.disabled:hover,
.btn-facebook[disabled],
.btn-facebook[disabled].active,
.btn-facebook[disabled].focus,
.btn-facebook[disabled]:active,
.btn-facebook[disabled]:focus,
.btn-facebook[disabled]:hover,
fieldset[disabled] .btn-facebook,
fieldset[disabled] .btn-facebook.active,
fieldset[disabled] .btn-facebook.focus,
fieldset[disabled] .btn-facebook:active,
fieldset[disabled] .btn-facebook:focus,
fieldset[disabled] .btn-facebook:hover {
    background-color: #3b5998;
    border-color: rgba(0, 0, 0, .2)
}

.btn-facebook .badge {
    color: #3b5998;
    background-color: #fff
}

.btn-flickr {
    color: #fff;
    background-color: #ff0084;
    border-color: rgba(0, 0, 0, .2)
}

.btn-flickr.focus,
.btn-flickr:focus {
    color: #fff;
    background-color: #cc006a;
    border-color: rgba(0, 0, 0, .2)
}

.btn-flickr:hover {
    color: #fff;
    background-color: #cc006a;
    border-color: rgba(0, 0, 0, .2)
}

.btn-flickr.active,
.btn-flickr:active,
.open>.dropdown-toggle.btn-flickr {
    color: #fff;
    background-color: #cc006a;
    border-color: rgba(0, 0, 0, .2)
}

.btn-flickr.active.focus,
.btn-flickr.active:focus,
.btn-flickr.active:hover,
.btn-flickr:active.focus,
.btn-flickr:active:focus,
.btn-flickr:active:hover,
.open>.dropdown-toggle.btn-flickr.focus,
.open>.dropdown-toggle.btn-flickr:focus,
.open>.dropdown-toggle.btn-flickr:hover {
    color: #fff;
    background-color: #a80057;
    border-color: rgba(0, 0, 0, .2)
}

.btn-flickr.active,
.btn-flickr:active,
.open>.dropdown-toggle.btn-flickr {
    background-image: none
}

.btn-flickr.disabled,
.btn-flickr.disabled.active,
.btn-flickr.disabled.focus,
.btn-flickr.disabled:active,
.btn-flickr.disabled:focus,
.btn-flickr.disabled:hover,
.btn-flickr[disabled],
.btn-flickr[disabled].active,
.btn-flickr[disabled].focus,
.btn-flickr[disabled]:active,
.btn-flickr[disabled]:focus,
.btn-flickr[disabled]:hover,
fieldset[disabled] .btn-flickr,
fieldset[disabled] .btn-flickr.active,
fieldset[disabled] .btn-flickr.focus,
fieldset[disabled] .btn-flickr:active,
fieldset[disabled] .btn-flickr:focus,
fieldset[disabled] .btn-flickr:hover {
    background-color: #ff0084;
    border-color: rgba(0, 0, 0, .2)
}

.btn-flickr .badge {
    color: #ff0084;
    background-color: #fff
}

.btn-foursquare {
    color: #fff;
    background-color: #f94877;
    border-color: rgba(0, 0, 0, .2)
}

.btn-foursquare.focus,
.btn-foursquare:focus {
    color: #fff;
    background-color: #f71752;
    border-color: rgba(0, 0, 0, .2)
}

.btn-foursquare:hover {
    color: #fff;
    background-color: #f71752;
    border-color: rgba(0, 0, 0, .2)
}

.btn-foursquare.active,
.btn-foursquare:active,
.open>.dropdown-toggle.btn-foursquare {
    color: #fff;
    background-color: #f71752;
    border-color: rgba(0, 0, 0, .2)
}

.btn-foursquare.active.focus,
.btn-foursquare.active:focus,
.btn-foursquare.active:hover,
.btn-foursquare:active.focus,
.btn-foursquare:active:focus,
.btn-foursquare:active:hover,
.open>.dropdown-toggle.btn-foursquare.focus,
.open>.dropdown-toggle.btn-foursquare:focus,
.open>.dropdown-toggle.btn-foursquare:hover {
    color: #fff;
    background-color: #e30742;
    border-color: rgba(0, 0, 0, .2)
}

.btn-foursquare.active,
.btn-foursquare:active,
.open>.dropdown-toggle.btn-foursquare {
    background-image: none
}

.btn-foursquare.disabled,
.btn-foursquare.disabled.active,
.btn-foursquare.disabled.focus,
.btn-foursquare.disabled:active,
.btn-foursquare.disabled:focus,
.btn-foursquare.disabled:hover,
.btn-foursquare[disabled],
.btn-foursquare[disabled].active,
.btn-foursquare[disabled].focus,
.btn-foursquare[disabled]:active,
.btn-foursquare[disabled]:focus,
.btn-foursquare[disabled]:hover,
fieldset[disabled] .btn-foursquare,
fieldset[disabled] .btn-foursquare.active,
fieldset[disabled] .btn-foursquare.focus,
fieldset[disabled] .btn-foursquare:active,
fieldset[disabled] .btn-foursquare:focus,
fieldset[disabled] .btn-foursquare:hover {
    background-color: #f94877;
    border-color: rgba(0, 0, 0, .2)
}

.btn-foursquare .badge {
    color: #f94877;
    background-color: #fff
}

.btn-github {
    color: #fff;
    background-color: #444;
    border-color: rgba(0, 0, 0, .2)
}

.btn-github.focus,
.btn-github:focus {
    color: #fff;
    background-color: #2b2b2b;
    border-color: rgba(0, 0, 0, .2)
}

.btn-github:hover {
    color: #fff;
    background-color: #2b2b2b;
    border-color: rgba(0, 0, 0, .2)
}

.btn-github.active,
.btn-github:active,
.open>.dropdown-toggle.btn-github {
    color: #fff;
    background-color: #2b2b2b;
    border-color: rgba(0, 0, 0, .2)
}

.btn-github.active.focus,
.btn-github.active:focus,
.btn-github.active:hover,
.btn-github:active.focus,
.btn-github:active:focus,
.btn-github:active:hover,
.open>.dropdown-toggle.btn-github.focus,
.open>.dropdown-toggle.btn-github:focus,
.open>.dropdown-toggle.btn-github:hover {
    color: #fff;
    background-color: #191919;
    border-color: rgba(0, 0, 0, .2)
}

.btn-github.active,
.btn-github:active,
.open>.dropdown-toggle.btn-github {
    background-image: none
}

.btn-github.disabled,
.btn-github.disabled.active,
.btn-github.disabled.focus,
.btn-github.disabled:active,
.btn-github.disabled:focus,
.btn-github.disabled:hover,
.btn-github[disabled],
.btn-github[disabled].active,
.btn-github[disabled].focus,
.btn-github[disabled]:active,
.btn-github[disabled]:focus,
.btn-github[disabled]:hover,
fieldset[disabled] .btn-github,
fieldset[disabled] .btn-github.active,
fieldset[disabled] .btn-github.focus,
fieldset[disabled] .btn-github:active,
fieldset[disabled] .btn-github:focus,
fieldset[disabled] .btn-github:hover {
    background-color: #444;
    border-color: rgba(0, 0, 0, .2)
}

.btn-github .badge {
    color: #444;
    background-color: #fff
}

.btn-google {
    color: #fff;
    background-color: #dd4b39;
    border-color: rgba(0, 0, 0, .2)
}

.btn-google.focus,
.btn-google:focus {
    color: #fff;
    background-color: #c23321;
    border-color: rgba(0, 0, 0, .2)
}

.btn-google:hover {
    color: #fff;
    background-color: #c23321;
    border-color: rgba(0, 0, 0, .2)
}

.btn-google.active,
.btn-google:active,
.open>.dropdown-toggle.btn-google {
    color: #fff;
    background-color: #c23321;
    border-color: rgba(0, 0, 0, .2)
}

.btn-google.active.focus,
.btn-google.active:focus,
.btn-google.active:hover,
.btn-google:active.focus,
.btn-google:active:focus,
.btn-google:active:hover,
.open>.dropdown-toggle.btn-google.focus,
.open>.dropdown-toggle.btn-google:focus,
.open>.dropdown-toggle.btn-google:hover {
    color: #fff;
    background-color: #a32b1c;
    border-color: rgba(0, 0, 0, .2)
}

.btn-google.active,
.btn-google:active,
.open>.dropdown-toggle.btn-google {
    background-image: none
}

.btn-google.disabled,
.btn-google.disabled.active,
.btn-google.disabled.focus,
.btn-google.disabled:active,
.btn-google.disabled:focus,
.btn-google.disabled:hover,
.btn-google[disabled],
.btn-google[disabled].active,
.btn-google[disabled].focus,
.btn-google[disabled]:active,
.btn-google[disabled]:focus,
.btn-google[disabled]:hover,
fieldset[disabled] .btn-google,
fieldset[disabled] .btn-google.active,
fieldset[disabled] .btn-google.focus,
fieldset[disabled] .btn-google:active,
fieldset[disabled] .btn-google:focus,
fieldset[disabled] .btn-google:hover {
    background-color: #dd4b39;
    border-color: rgba(0, 0, 0, .2)
}

.btn-google .badge {
    color: #dd4b39;
    background-color: #fff
}

.btn-instagram {
    color: #fff;
    background-color: #3f729b;
    border-color: rgba(0, 0, 0, .2)
}

.btn-instagram.focus,
.btn-instagram:focus {
    color: #fff;
    background-color: #305777;
    border-color: rgba(0, 0, 0, .2)
}

.btn-instagram:hover {
    color: #fff;
    background-color: #305777;
    border-color: rgba(0, 0, 0, .2)
}

.btn-instagram.active,
.btn-instagram:active,
.open>.dropdown-toggle.btn-instagram {
    color: #fff;
    background-color: #305777;
    border-color: rgba(0, 0, 0, .2)
}

.btn-instagram.active.focus,
.btn-instagram.active:focus,
.btn-instagram.active:hover,
.btn-instagram:active.focus,
.btn-instagram:active:focus,
.btn-instagram:active:hover,
.open>.dropdown-toggle.btn-instagram.focus,
.open>.dropdown-toggle.btn-instagram:focus,
.open>.dropdown-toggle.btn-instagram:hover {
    color: #fff;
    background-color: #26455d;
    border-color: rgba(0, 0, 0, .2)
}

.btn-instagram.active,
.btn-instagram:active,
.open>.dropdown-toggle.btn-instagram {
    background-image: none
}

.btn-instagram.disabled,
.btn-instagram.disabled.active,
.btn-instagram.disabled.focus,
.btn-instagram.disabled:active,
.btn-instagram.disabled:focus,
.btn-instagram.disabled:hover,
.btn-instagram[disabled],
.btn-instagram[disabled].active,
.btn-instagram[disabled].focus,
.btn-instagram[disabled]:active,
.btn-instagram[disabled]:focus,
.btn-instagram[disabled]:hover,
fieldset[disabled] .btn-instagram,
fieldset[disabled] .btn-instagram.active,
fieldset[disabled] .btn-instagram.focus,
fieldset[disabled] .btn-instagram:active,
fieldset[disabled] .btn-instagram:focus,
fieldset[disabled] .btn-instagram:hover {
    background-color: #3f729b;
    border-color: rgba(0, 0, 0, .2)
}

.btn-instagram .badge {
    color: #3f729b;
    background-color: #fff
}

.btn-linkedin {
    color: #fff;
    background-color: #007bb6;
    border-color: rgba(0, 0, 0, .2)
}

.btn-linkedin.focus,
.btn-linkedin:focus {
    color: #fff;
    background-color: #005983;
    border-color: rgba(0, 0, 0, .2)
}

.btn-linkedin:hover {
    color: #fff;
    background-color: #005983;
    border-color: rgba(0, 0, 0, .2)
}

.btn-linkedin.active,
.btn-linkedin:active,
.open>.dropdown-toggle.btn-linkedin {
    color: #fff;
    background-color: #005983;
    border-color: rgba(0, 0, 0, .2)
}

.btn-linkedin.active.focus,
.btn-linkedin.active:focus,
.btn-linkedin.active:hover,
.btn-linkedin:active.focus,
.btn-linkedin:active:focus,
.btn-linkedin:active:hover,
.open>.dropdown-toggle.btn-linkedin.focus,
.open>.dropdown-toggle.btn-linkedin:focus,
.open>.dropdown-toggle.btn-linkedin:hover {
    color: #fff;
    background-color: #00405f;
    border-color: rgba(0, 0, 0, .2)
}

.btn-linkedin.active,
.btn-linkedin:active,
.open>.dropdown-toggle.btn-linkedin {
    background-image: none
}

.btn-linkedin.disabled,
.btn-linkedin.disabled.active,
.btn-linkedin.disabled.focus,
.btn-linkedin.disabled:active,
.btn-linkedin.disabled:focus,
.btn-linkedin.disabled:hover,
.btn-linkedin[disabled],
.btn-linkedin[disabled].active,
.btn-linkedin[disabled].focus,
.btn-linkedin[disabled]:active,
.btn-linkedin[disabled]:focus,
.btn-linkedin[disabled]:hover,
fieldset[disabled] .btn-linkedin,
fieldset[disabled] .btn-linkedin.active,
fieldset[disabled] .btn-linkedin.focus,
fieldset[disabled] .btn-linkedin:active,
fieldset[disabled] .btn-linkedin:focus,
fieldset[disabled] .btn-linkedin:hover {
    background-color: #007bb6;
    border-color: rgba(0, 0, 0, .2)
}

.btn-linkedin .badge {
    color: #007bb6;
    background-color: #fff
}

.btn-microsoft {
    color: #fff;
    background-color: #2672ec;
    border-color: rgba(0, 0, 0, .2)
}

.btn-microsoft.focus,
.btn-microsoft:focus {
    color: #fff;
    background-color: #125acd;
    border-color: rgba(0, 0, 0, .2)
}

.btn-microsoft:hover {
    color: #fff;
    background-color: #125acd;
    border-color: rgba(0, 0, 0, .2)
}

.btn-microsoft.active,
.btn-microsoft:active,
.open>.dropdown-toggle.btn-microsoft {
    color: #fff;
    background-color: #125acd;
    border-color: rgba(0, 0, 0, .2)
}

.btn-microsoft.active.focus,
.btn-microsoft.active:focus,
.btn-microsoft.active:hover,
.btn-microsoft:active.focus,
.btn-microsoft:active:focus,
.btn-microsoft:active:hover,
.open>.dropdown-toggle.btn-microsoft.focus,
.open>.dropdown-toggle.btn-microsoft:focus,
.open>.dropdown-toggle.btn-microsoft:hover {
    color: #fff;
    background-color: #0f4bac;
    border-color: rgba(0, 0, 0, .2)
}

.btn-microsoft.active,
.btn-microsoft:active,
.open>.dropdown-toggle.btn-microsoft {
    background-image: none
}

.btn-microsoft.disabled,
.btn-microsoft.disabled.active,
.btn-microsoft.disabled.focus,
.btn-microsoft.disabled:active,
.btn-microsoft.disabled:focus,
.btn-microsoft.disabled:hover,
.btn-microsoft[disabled],
.btn-microsoft[disabled].active,
.btn-microsoft[disabled].focus,
.btn-microsoft[disabled]:active,
.btn-microsoft[disabled]:focus,
.btn-microsoft[disabled]:hover,
fieldset[disabled] .btn-microsoft,
fieldset[disabled] .btn-microsoft.active,
fieldset[disabled] .btn-microsoft.focus,
fieldset[disabled] .btn-microsoft:active,
fieldset[disabled] .btn-microsoft:focus,
fieldset[disabled] .btn-microsoft:hover {
    background-color: #2672ec;
    border-color: rgba(0, 0, 0, .2)
}

.btn-microsoft .badge {
    color: #2672ec;
    background-color: #fff
}

.btn-odnoklassniki {
    color: #fff;
    background-color: #f4731c;
    border-color: rgba(0, 0, 0, .2)
}

.btn-odnoklassniki.focus,
.btn-odnoklassniki:focus {
    color: #fff;
    background-color: #d35b0a;
    border-color: rgba(0, 0, 0, .2)
}

.btn-odnoklassniki:hover {
    color: #fff;
    background-color: #d35b0a;
    border-color: rgba(0, 0, 0, .2)
}

.btn-odnoklassniki.active,
.btn-odnoklassniki:active,
.open>.dropdown-toggle.btn-odnoklassniki {
    color: #fff;
    background-color: #d35b0a;
    border-color: rgba(0, 0, 0, .2)
}

.btn-odnoklassniki.active.focus,
.btn-odnoklassniki.active:focus,
.btn-odnoklassniki.active:hover,
.btn-odnoklassniki:active.focus,
.btn-odnoklassniki:active:focus,
.btn-odnoklassniki:active:hover,
.open>.dropdown-toggle.btn-odnoklassniki.focus,
.open>.dropdown-toggle.btn-odnoklassniki:focus,
.open>.dropdown-toggle.btn-odnoklassniki:hover {
    color: #fff;
    background-color: #b14c09;
    border-color: rgba(0, 0, 0, .2)
}

.btn-odnoklassniki.active,
.btn-odnoklassniki:active,
.open>.dropdown-toggle.btn-odnoklassniki {
    background-image: none
}

.btn-odnoklassniki.disabled,
.btn-odnoklassniki.disabled.active,
.btn-odnoklassniki.disabled.focus,
.btn-odnoklassniki.disabled:active,
.btn-odnoklassniki.disabled:focus,
.btn-odnoklassniki.disabled:hover,
.btn-odnoklassniki[disabled],
.btn-odnoklassniki[disabled].active,
.btn-odnoklassniki[disabled].focus,
.btn-odnoklassniki[disabled]:active,
.btn-odnoklassniki[disabled]:focus,
.btn-odnoklassniki[disabled]:hover,
fieldset[disabled] .btn-odnoklassniki,
fieldset[disabled] .btn-odnoklassniki.active,
fieldset[disabled] .btn-odnoklassniki.focus,
fieldset[disabled] .btn-odnoklassniki:active,
fieldset[disabled] .btn-odnoklassniki:focus,
fieldset[disabled] .btn-odnoklassniki:hover {
    background-color: #f4731c;
    border-color: rgba(0, 0, 0, .2)
}

.btn-odnoklassniki .badge {
    color: #f4731c;
    background-color: #fff
}

.btn-openid {
    color: #fff;
    background-color: #f7931e;
    border-color: rgba(0, 0, 0, .2)
}

.btn-openid.focus,
.btn-openid:focus {
    color: #fff;
    background-color: #da7908;
    border-color: rgba(0, 0, 0, .2)
}

.btn-openid:hover {
    color: #fff;
    background-color: #da7908;
    border-color: rgba(0, 0, 0, .2)
}

.btn-openid.active,
.btn-openid:active,
.open>.dropdown-toggle.btn-openid {
    color: #fff;
    background-color: #da7908;
    border-color: rgba(0, 0, 0, .2)
}

.btn-openid.active.focus,
.btn-openid.active:focus,
.btn-openid.active:hover,
.btn-openid:active.focus,
.btn-openid:active:focus,
.btn-openid:active:hover,
.open>.dropdown-toggle.btn-openid.focus,
.open>.dropdown-toggle.btn-openid:focus,
.open>.dropdown-toggle.btn-openid:hover {
    color: #fff;
    background-color: #b86607;
    border-color: rgba(0, 0, 0, .2)
}

.btn-openid.active,
.btn-openid:active,
.open>.dropdown-toggle.btn-openid {
    background-image: none
}

.btn-openid.disabled,
.btn-openid.disabled.active,
.btn-openid.disabled.focus,
.btn-openid.disabled:active,
.btn-openid.disabled:focus,
.btn-openid.disabled:hover,
.btn-openid[disabled],
.btn-openid[disabled].active,
.btn-openid[disabled].focus,
.btn-openid[disabled]:active,
.btn-openid[disabled]:focus,
.btn-openid[disabled]:hover,
fieldset[disabled] .btn-openid,
fieldset[disabled] .btn-openid.active,
fieldset[disabled] .btn-openid.focus,
fieldset[disabled] .btn-openid:active,
fieldset[disabled] .btn-openid:focus,
fieldset[disabled] .btn-openid:hover {
    background-color: #f7931e;
    border-color: rgba(0, 0, 0, .2)
}

.btn-openid .badge {
    color: #f7931e;
    background-color: #fff
}

.btn-pinterest {
    color: #fff;
    background-color: #cb2027;
    border-color: rgba(0, 0, 0, .2)
}

.btn-pinterest.focus,
.btn-pinterest:focus {
    color: #fff;
    background-color: #9f191f;
    border-color: rgba(0, 0, 0, .2)
}

.btn-pinterest:hover {
    color: #fff;
    background-color: #9f191f;
    border-color: rgba(0, 0, 0, .2)
}

.btn-pinterest.active,
.btn-pinterest:active,
.open>.dropdown-toggle.btn-pinterest {
    color: #fff;
    background-color: #9f191f;
    border-color: rgba(0, 0, 0, .2)
}

.btn-pinterest.active.focus,
.btn-pinterest.active:focus,
.btn-pinterest.active:hover,
.btn-pinterest:active.focus,
.btn-pinterest:active:focus,
.btn-pinterest:active:hover,
.open>.dropdown-toggle.btn-pinterest.focus,
.open>.dropdown-toggle.btn-pinterest:focus,
.open>.dropdown-toggle.btn-pinterest:hover {
    color: #fff;
    background-color: #801419;
    border-color: rgba(0, 0, 0, .2)
}

.btn-pinterest.active,
.btn-pinterest:active,
.open>.dropdown-toggle.btn-pinterest {
    background-image: none
}

.btn-pinterest.disabled,
.btn-pinterest.disabled.active,
.btn-pinterest.disabled.focus,
.btn-pinterest.disabled:active,
.btn-pinterest.disabled:focus,
.btn-pinterest.disabled:hover,
.btn-pinterest[disabled],
.btn-pinterest[disabled].active,
.btn-pinterest[disabled].focus,
.btn-pinterest[disabled]:active,
.btn-pinterest[disabled]:focus,
.btn-pinterest[disabled]:hover,
fieldset[disabled] .btn-pinterest,
fieldset[disabled] .btn-pinterest.active,
fieldset[disabled] .btn-pinterest.focus,
fieldset[disabled] .btn-pinterest:active,
fieldset[disabled] .btn-pinterest:focus,
fieldset[disabled] .btn-pinterest:hover {
    background-color: #cb2027;
    border-color: rgba(0, 0, 0, .2)
}

.btn-pinterest .badge {
    color: #cb2027;
    background-color: #fff
}

.btn-reddit {
    color: #000;
    background-color: #eff7ff;
    border-color: rgba(0, 0, 0, .2)
}

.btn-reddit.focus,
.btn-reddit:focus {
    color: #000;
    background-color: #bcddff;
    border-color: rgba(0, 0, 0, .2)
}

.btn-reddit:hover {
    color: #000;
    background-color: #bcddff;
    border-color: rgba(0, 0, 0, .2)
}

.btn-reddit.active,
.btn-reddit:active,
.open>.dropdown-toggle.btn-reddit {
    color: #000;
    background-color: #bcddff;
    border-color: rgba(0, 0, 0, .2)
}

.btn-reddit.active.focus,
.btn-reddit.active:focus,
.btn-reddit.active:hover,
.btn-reddit:active.focus,
.btn-reddit:active:focus,
.btn-reddit:active:hover,
.open>.dropdown-toggle.btn-reddit.focus,
.open>.dropdown-toggle.btn-reddit:focus,
.open>.dropdown-toggle.btn-reddit:hover {
    color: #000;
    background-color: #98ccff;
    border-color: rgba(0, 0, 0, .2)
}

.btn-reddit.active,
.btn-reddit:active,
.open>.dropdown-toggle.btn-reddit {
    background-image: none
}

.btn-reddit.disabled,
.btn-reddit.disabled.active,
.btn-reddit.disabled.focus,
.btn-reddit.disabled:active,
.btn-reddit.disabled:focus,
.btn-reddit.disabled:hover,
.btn-reddit[disabled],
.btn-reddit[disabled].active,
.btn-reddit[disabled].focus,
.btn-reddit[disabled]:active,
.btn-reddit[disabled]:focus,
.btn-reddit[disabled]:hover,
fieldset[disabled] .btn-reddit,
fieldset[disabled] .btn-reddit.active,
fieldset[disabled] .btn-reddit.focus,
fieldset[disabled] .btn-reddit:active,
fieldset[disabled] .btn-reddit:focus,
fieldset[disabled] .btn-reddit:hover {
    background-color: #eff7ff;
    border-color: rgba(0, 0, 0, .2)
}

.btn-reddit .badge {
    color: #eff7ff;
    background-color: #000
}

.btn-soundcloud {
    color: #fff;
    background-color: #f50;
    border-color: rgba(0, 0, 0, .2)
}

.btn-soundcloud.focus,
.btn-soundcloud:focus {
    color: #fff;
    background-color: #c40;
    border-color: rgba(0, 0, 0, .2)
}

.btn-soundcloud:hover {
    color: #fff;
    background-color: #c40;
    border-color: rgba(0, 0, 0, .2)
}

.btn-soundcloud.active,
.btn-soundcloud:active,
.open>.dropdown-toggle.btn-soundcloud {
    color: #fff;
    background-color: #c40;
    border-color: rgba(0, 0, 0, .2)
}

.btn-soundcloud.active.focus,
.btn-soundcloud.active:focus,
.btn-soundcloud.active:hover,
.btn-soundcloud:active.focus,
.btn-soundcloud:active:focus,
.btn-soundcloud:active:hover,
.open>.dropdown-toggle.btn-soundcloud.focus,
.open>.dropdown-toggle.btn-soundcloud:focus,
.open>.dropdown-toggle.btn-soundcloud:hover {
    color: #fff;
    background-color: #a83800;
    border-color: rgba(0, 0, 0, .2)
}

.btn-soundcloud.active,
.btn-soundcloud:active,
.open>.dropdown-toggle.btn-soundcloud {
    background-image: none
}

.btn-soundcloud.disabled,
.btn-soundcloud.disabled.active,
.btn-soundcloud.disabled.focus,
.btn-soundcloud.disabled:active,
.btn-soundcloud.disabled:focus,
.btn-soundcloud.disabled:hover,
.btn-soundcloud[disabled],
.btn-soundcloud[disabled].active,
.btn-soundcloud[disabled].focus,
.btn-soundcloud[disabled]:active,
.btn-soundcloud[disabled]:focus,
.btn-soundcloud[disabled]:hover,
fieldset[disabled] .btn-soundcloud,
fieldset[disabled] .btn-soundcloud.active,
fieldset[disabled] .btn-soundcloud.focus,
fieldset[disabled] .btn-soundcloud:active,
fieldset[disabled] .btn-soundcloud:focus,
fieldset[disabled] .btn-soundcloud:hover {
    background-color: #f50;
    border-color: rgba(0, 0, 0, .2)
}

.btn-soundcloud .badge {
    color: #f50;
    background-color: #fff
}

.btn-tumblr {
    color: #fff;
    background-color: #2c4762;
    border-color: rgba(0, 0, 0, .2)
}

.btn-tumblr.focus,
.btn-tumblr:focus {
    color: #fff;
    background-color: #1c2d3f;
    border-color: rgba(0, 0, 0, .2)
}

.btn-tumblr:hover {
    color: #fff;
    background-color: #1c2d3f;
    border-color: rgba(0, 0, 0, .2)
}

.btn-tumblr.active,
.btn-tumblr:active,
.open>.dropdown-toggle.btn-tumblr {
    color: #fff;
    background-color: #1c2d3f;
    border-color: rgba(0, 0, 0, .2)
}

.btn-tumblr.active.focus,
.btn-tumblr.active:focus,
.btn-tumblr.active:hover,
.btn-tumblr:active.focus,
.btn-tumblr:active:focus,
.btn-tumblr:active:hover,
.open>.dropdown-toggle.btn-tumblr.focus,
.open>.dropdown-toggle.btn-tumblr:focus,
.open>.dropdown-toggle.btn-tumblr:hover {
    color: #fff;
    background-color: #111c26;
    border-color: rgba(0, 0, 0, .2)
}

.btn-tumblr.active,
.btn-tumblr:active,
.open>.dropdown-toggle.btn-tumblr {
    background-image: none
}

.btn-tumblr.disabled,
.btn-tumblr.disabled.active,
.btn-tumblr.disabled.focus,
.btn-tumblr.disabled:active,
.btn-tumblr.disabled:focus,
.btn-tumblr.disabled:hover,
.btn-tumblr[disabled],
.btn-tumblr[disabled].active,
.btn-tumblr[disabled].focus,
.btn-tumblr[disabled]:active,
.btn-tumblr[disabled]:focus,
.btn-tumblr[disabled]:hover,
fieldset[disabled] .btn-tumblr,
fieldset[disabled] .btn-tumblr.active,
fieldset[disabled] .btn-tumblr.focus,
fieldset[disabled] .btn-tumblr:active,
fieldset[disabled] .btn-tumblr:focus,
fieldset[disabled] .btn-tumblr:hover {
    background-color: #2c4762;
    border-color: rgba(0, 0, 0, .2)
}

.btn-tumblr .badge {
    color: #2c4762;
    background-color: #fff
}

.btn-twitter {
    color: #fff;
    background-color: #55acee;
    border-color: rgba(0, 0, 0, .2)
}

.btn-twitter.focus,
.btn-twitter:focus {
    color: #fff;
    background-color: #2795e9;
    border-color: rgba(0, 0, 0, .2)
}

.btn-twitter:hover {
    color: #fff;
    background-color: #2795e9;
    border-color: rgba(0, 0, 0, .2)
}

.btn-twitter.active,
.btn-twitter:active,
.open>.dropdown-toggle.btn-twitter {
    color: #fff;
    background-color: #2795e9;
    border-color: rgba(0, 0, 0, .2)
}

.btn-twitter.active.focus,
.btn-twitter.active:focus,
.btn-twitter.active:hover,
.btn-twitter:active.focus,
.btn-twitter:active:focus,
.btn-twitter:active:hover,
.open>.dropdown-toggle.btn-twitter.focus,
.open>.dropdown-toggle.btn-twitter:focus,
.open>.dropdown-toggle.btn-twitter:hover {
    color: #fff;
    background-color: #1583d7;
    border-color: rgba(0, 0, 0, .2)
}

.btn-twitter.active,
.btn-twitter:active,
.open>.dropdown-toggle.btn-twitter {
    background-image: none
}

.btn-twitter.disabled,
.btn-twitter.disabled.active,
.btn-twitter.disabled.focus,
.btn-twitter.disabled:active,
.btn-twitter.disabled:focus,
.btn-twitter.disabled:hover,
.btn-twitter[disabled],
.btn-twitter[disabled].active,
.btn-twitter[disabled].focus,
.btn-twitter[disabled]:active,
.btn-twitter[disabled]:focus,
.btn-twitter[disabled]:hover,
fieldset[disabled] .btn-twitter,
fieldset[disabled] .btn-twitter.active,
fieldset[disabled] .btn-twitter.focus,
fieldset[disabled] .btn-twitter:active,
fieldset[disabled] .btn-twitter:focus,
fieldset[disabled] .btn-twitter:hover {
    background-color: #55acee;
    border-color: rgba(0, 0, 0, .2)
}

.btn-twitter .badge {
    color: #55acee;
    background-color: #fff
}

.btn-vimeo {
    color: #fff;
    background-color: #1ab7ea;
    border-color: rgba(0, 0, 0, .2)
}

.btn-vimeo.focus,
.btn-vimeo:focus {
    color: #fff;
    background-color: #1295bf;
    border-color: rgba(0, 0, 0, .2)
}

.btn-vimeo:hover {
    color: #fff;
    background-color: #1295bf;
    border-color: rgba(0, 0, 0, .2)
}

.btn-vimeo.active,
.btn-vimeo:active,
.open>.dropdown-toggle.btn-vimeo {
    color: #fff;
    background-color: #1295bf;
    border-color: rgba(0, 0, 0, .2)
}

.btn-vimeo.active.focus,
.btn-vimeo.active:focus,
.btn-vimeo.active:hover,
.btn-vimeo:active.focus,
.btn-vimeo:active:focus,
.btn-vimeo:active:hover,
.open>.dropdown-toggle.btn-vimeo.focus,
.open>.dropdown-toggle.btn-vimeo:focus,
.open>.dropdown-toggle.btn-vimeo:hover {
    color: #fff;
    background-color: #0f7b9f;
    border-color: rgba(0, 0, 0, .2)
}

.btn-vimeo.active,
.btn-vimeo:active,
.open>.dropdown-toggle.btn-vimeo {
    background-image: none
}

.btn-vimeo.disabled,
.btn-vimeo.disabled.active,
.btn-vimeo.disabled.focus,
.btn-vimeo.disabled:active,
.btn-vimeo.disabled:focus,
.btn-vimeo.disabled:hover,
.btn-vimeo[disabled],
.btn-vimeo[disabled].active,
.btn-vimeo[disabled].focus,
.btn-vimeo[disabled]:active,
.btn-vimeo[disabled]:focus,
.btn-vimeo[disabled]:hover,
fieldset[disabled] .btn-vimeo,
fieldset[disabled] .btn-vimeo.active,
fieldset[disabled] .btn-vimeo.focus,
fieldset[disabled] .btn-vimeo:active,
fieldset[disabled] .btn-vimeo:focus,
fieldset[disabled] .btn-vimeo:hover {
    background-color: #1ab7ea;
    border-color: rgba(0, 0, 0, .2)
}

.btn-vimeo .badge {
    color: #1ab7ea;
    background-color: #fff
}

.btn-vk {
    color: #fff;
    background-color: #587ea3;
    border-color: rgba(0, 0, 0, .2)
}

.btn-vk.focus,
.btn-vk:focus {
    color: #fff;
    background-color: #466482;
    border-color: rgba(0, 0, 0, .2)
}

.btn-vk:hover {
    color: #fff;
    background-color: #466482;
    border-color: rgba(0, 0, 0, .2)
}

.btn-vk.active,
.btn-vk:active,
.open>.dropdown-toggle.btn-vk {
    color: #fff;
    background-color: #466482;
    border-color: rgba(0, 0, 0, .2)
}

.btn-vk.active.focus,
.btn-vk.active:focus,
.btn-vk.active:hover,
.btn-vk:active.focus,
.btn-vk:active:focus,
.btn-vk:active:hover,
.open>.dropdown-toggle.btn-vk.focus,
.open>.dropdown-toggle.btn-vk:focus,
.open>.dropdown-toggle.btn-vk:hover {
    color: #fff;
    background-color: #3a526b;
    border-color: rgba(0, 0, 0, .2)
}

.btn-vk.active,
.btn-vk:active,
.open>.dropdown-toggle.btn-vk {
    background-image: none
}

.btn-vk.disabled,
.btn-vk.disabled.active,
.btn-vk.disabled.focus,
.btn-vk.disabled:active,
.btn-vk.disabled:focus,
.btn-vk.disabled:hover,
.btn-vk[disabled],
.btn-vk[disabled].active,
.btn-vk[disabled].focus,
.btn-vk[disabled]:active,
.btn-vk[disabled]:focus,
.btn-vk[disabled]:hover,
fieldset[disabled] .btn-vk,
fieldset[disabled] .btn-vk.active,
fieldset[disabled] .btn-vk.focus,
fieldset[disabled] .btn-vk:active,
fieldset[disabled] .btn-vk:focus,
fieldset[disabled] .btn-vk:hover {
    background-color: #587ea3;
    border-color: rgba(0, 0, 0, .2)
}

.btn-vk .badge {
    color: #587ea3;
    background-color: #fff
}

.btn-yahoo {
    color: #fff;
    background-color: #720e9e;
    border-color: rgba(0, 0, 0, .2)
}

.btn-yahoo.focus,
.btn-yahoo:focus {
    color: #fff;
    background-color: #500a6f;
    border-color: rgba(0, 0, 0, .2)
}

.btn-yahoo:hover {
    color: #fff;
    background-color: #500a6f;
    border-color: rgba(0, 0, 0, .2)
}

.btn-yahoo.active,
.btn-yahoo:active,
.open>.dropdown-toggle.btn-yahoo {
    color: #fff;
    background-color: #500a6f;
    border-color: rgba(0, 0, 0, .2)
}

.btn-yahoo.active.focus,
.btn-yahoo.active:focus,
.btn-yahoo.active:hover,
.btn-yahoo:active.focus,
.btn-yahoo:active:focus,
.btn-yahoo:active:hover,
.open>.dropdown-toggle.btn-yahoo.focus,
.open>.dropdown-toggle.btn-yahoo:focus,
.open>.dropdown-toggle.btn-yahoo:hover {
    color: #fff;
    background-color: #39074e;
    border-color: rgba(0, 0, 0, .2)
}

.btn-yahoo.active,
.btn-yahoo:active,
.open>.dropdown-toggle.btn-yahoo {
    background-image: none
}

.btn-yahoo.disabled,
.btn-yahoo.disabled.active,
.btn-yahoo.disabled.focus,
.btn-yahoo.disabled:active,
.btn-yahoo.disabled:focus,
.btn-yahoo.disabled:hover,
.btn-yahoo[disabled],
.btn-yahoo[disabled].active,
.btn-yahoo[disabled].focus,
.btn-yahoo[disabled]:active,
.btn-yahoo[disabled]:focus,
.btn-yahoo[disabled]:hover,
fieldset[disabled] .btn-yahoo,
fieldset[disabled] .btn-yahoo.active,
fieldset[disabled] .btn-yahoo.focus,
fieldset[disabled] .btn-yahoo:active,
fieldset[disabled] .btn-yahoo:focus,
fieldset[disabled] .btn-yahoo:hover {
    background-color: #720e9e;
    border-color: rgba(0, 0, 0, .2)
}

.btn-yahoo .badge {
    color: #720e9e;
    background-color: #fff
}

.dropdown .dropdown-menu .caret {
    border: 4px solid transparent;
    border-left-color: #000;
    float: right;
    margin-top: 6px
}

.dropdown-menu {
    min-width: 160px
}

.dropdown-menu>li.open>a {
    background-color: #f5f5f5;
    color: #262626;
    text-decoration: none
}

.dropdown-menu .dropdown-menu {
    left: 100%;
    margin: 0;
    right: auto;
    top: -1px
}

.dropdown-menu-right .dropdown-menu,
.navbar-right .dropdown-menu .dropdown-menu,
.pull-right .dropdown-menu .dropdown-menu {
    left: auto;
    right: 100%
}

.dropdown-menu.animated {
    -webkit-animation-duration: .3s;
    animation-duration: .3s
}

.dropdown-menu.animated:before {
    content: " ";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 99
}

.dropdownhover-top {
    margin-bottom: 2px;
    margin-top: 0
}

.dropdownhover-top .dropdown-menu,
.navbar-fixed-bottom .dropdown-menu .dropdown-menu {
    bottom: -1px;
    top: auto
}

.navbar-nav>li>.dropdown-menu {
    margin-bottom: 0
}

.dropdownhover-bottom {
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0
}

.dropdownhover-left {
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%
}

.dropdownhover-right {
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%
}

.dropdownhover-top {
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%
}

.yamm .collapse,
.yamm .dropdown,
.yamm .dropup,
.yamm .nav {
    position: static
}

.yamm .container,
.yamm .navbar-inner {
    position: relative
}

.yamm .dropdown-menu {
    left: auto
}

.yamm .dropdown-menu>li {
    display: block
}

.yamm .dropdown-submenu .dropdown-menu {
    left: 100%
}

.yamm .nav.pull-right .dropdown-menu {
    right: 0
}

.yamm .yamm-content {
    padding: 10px
}

.yamm .yamm-content:after,
.yamm .yamm-content:before {
    display: table;
    content: "";
    line-height: 0
}

.yamm .yamm-content:after {
    clear: both
}

.yamm.navbar .nav>li>.dropdown-menu:after,
.yamm.navbar .nav>li>.dropdown-menu:before {
    display: none
}

.yamm .dropdown.yamm-fullwidth .dropdown-menu {
    width: 80%;
    left: auto;
    right: 0
}

@media (max-width:969px) {
    .yamm .dropdown.yamm-fullwidth .dropdown-menu {
        width: auto
    }
    .yamm .yamm-content {
        padding-left: 0;
        padding-right: 0
    }
    .yamm .dropdown-menu>li>ul {
        display: block
    }
}

.custom {
    font-size: 25px;
    color: #1abc9c;
    border: 2px solid #ff0084;
    -webkitbox-shadow: inset 0 .1em .1em rgba(0, 0, 0, .3);
    -moz-box-shadow: inset 0 .1em .1em rgba(0, 0, 0, .3);
    box-shadow: inset 0 .1em .1em rgba(0, 0, 0, .3)
}

.custom.focus {
    -webkit-box-shadow: inset 0 .1em .1em rgba(0, 0, 0, .3), 0 0 3px rgba(255, 0, 132, .5);
    -moz-box-shadow: inset 0 .1em .1em rgba(0, 0, 0, .3), 0 0 3px rgba(255, 0, 132, .5);
    box-shadow: inset 0 .1em .1em rgba(0, 0, 0, .3), 0 0 3px rgba(255, 0, 132, .5);
    border-color: #ff0084
}

.custom-style {
    font-size: 9px;
    color: #1abc9c;
    border: 4px solid #d7dcde
}

.custom-style1 {
    font-size: 9px;
    color: #1abc9c;
    border: 4px solid #1abc9c
}

.radio_heading {
    margin-bottom: 5px
}

span.radio_txt {
    padding: 0;
    margin-top: 0;
    margin-left: 5px
}

.custom-style.focus {
    -webkit-box-shadow: inset 0 .1em .1em rgba(0, 0, 0, .3), 0 0 3px rgba(255, 0, 132, .5);
    -moz-box-shadow: inset 0 .1em .1em rgba(0, 0, 0, .3), 0 0 3px rgba(255, 0, 132, .5);
    box-shadow: inset 0 .1em .1em rgba(0, 0, 0, .3), 0 0 3px rgba(255, 0, 132, .5);
    border-color: #ff0084
}

.radio-inline1 {
    display: inline-block;
    margin-right: 10px;
    margin-bottom: .5em
}

.section {
    margin-bottom: 20px
}

.code {
    border: 2px dashed #999;
    padding: 2em;
    padding-bottom: 1em;
    margin-bottom: 2em;
    margin-top: 0;
    background-color: #fdfdfd
}

.status {
    padding-top: .5em
}

#jquery-script-menu {
    position: fixed;
    height: 90px;
    width: 100%;
    top: 0;
    left: 0;
    border-top: 5px solid #316594;
    background: #fff;
    -moz-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .16);
    -webkit-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .16);
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .16);
    z-index: 999999;
    padding: 10px 0;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

.jquery-script-center {
    width: 960px;
    margin: 0 auto
}

.jquery-script-center ul {
    width: 212px;
    float: left;
    line-height: 45px;
    margin: 0;
    padding: 0;
    list-style: none
}

.jquery-script-center a {
    text-decoration: none
}

.jquery-script-ads {
    width: 728px;
    height: 90px;
    float: right
}

.jquery-script-clear {
    clear: both;
    height: 0
}

@media (min-width:768px) and(max-width:1200px) {
    .frnt_fltr {
        padding: 15px 7px 0 !important
    }
    .radio-inline1 {
        margin-right: 6px
    }
}

.codexworld_rating_widget {
    padding: 0;
    margin: 0;
    float: left
}

.codexworld_rating_widget li {
    line-height: 0;
    width: 28px;
    height: 28px;
    padding: 0;
    margin: 0;
    margin-left: 2px;
    list-style: none;
    float: left;
    cursor: pointer
}

.codexworld_rating_widget li span {
    display: none
}

input.parsley-success,
select.parsley-success,
textarea.parsley-success {
    color: #468847;
    background-color: #dff0d8;
    border: 1px solid #d6e9c6
}

input.parsley-error,
select.parsley-error,
textarea.parsley-error {
    color: #b94a48;
    background-color: #f2dede;
    border: 1px solid #eed3d7
}

.parsley-errors-list {
    margin: 2px 0 3px;
    padding: 0;
    list-style-type: none;
    font-size: .9em;
    line-height: .9em;
    opacity: 0;
    transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    -webkit-transition: all .3s ease-in
}

.parsley-errors-list.filled {
    opacity: 1
}

.header-top.wow.fadeInUp {
    background: #3ab54a
}

.header-top {
    color: #fff;
    padding: 0;
    font-size: 13px
}

.top-ul {
    margin: 4px 0 0;
    padding: 0;
    list-style-type: none
}

.top-ul li {
    display: inline-block;
    margin: 0 4px 0 0
}

.top-ul li a {
    color: #fff;
    font-size: 15px
}

.icon-width22 {
    width: 22px
}

.icon-width18 {
    width: 18px
}

.icon-width35 {
    width: 35px
}

.logo {
    height: auto;
    padding: 6px 10px 8px
}

.logo img {
    width: 150px;
    margin-top: 10px
}

.logo:hover img {
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-name: pulse
}

.main-menu .navbar-nav a,
.main-menu .navbar-nav>.active>a,
.main-menu .navbar-nav>.active>a:focus,
.main-menu .navbar-nav>.active>a:hover {
    background-color: rgba(0, 0, 0, 0);
    color: #3ab54a;
    margin: 0 10px
}

.main-menu .navbar-nav>.open>a,
.main-menu .navbar-nav>.open>a:focus,
.main-menu .navbar-nav>.open>a:hover {
    background-color: rgba(0, 0, 0, 0);
    color: #3ab54a
}

.main-menu .navbar-nav>li>a:focus,
.main-menu .navbar-nav>li>a:hover {
    background-color: rgba(0, 0, 0, 0);
    color: #3ab54a
}

.dropdown.notify-drop li a {
    margin: 0
}

.menu1 {
    margin-top: 25px
}

.cart-dropdown {
    left: auto !important;
    right: 0 !important;
    width: 250px !important
}

.cart-block {
    padding: 10px
}

.media-cart {
    border-bottom: 1px solid #ddd;
    margin-bottom: 10px;
    padding-bottom: 10px
}

.media.media-cart:last-child {
    border: medium none
}

.media-cart .media-body .media-heading,
.media-cart .media-body .media-heading a {
    color: #222;
    font-size: 14px;
    margin-bottom: 6px
}

.media-cart .media-body p {
    margin-bottom: 6px
}

.total-cart {
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
    margin: 15px 0;
    padding: 5px 0
}

.total {
    font-size: 18px
}

.total-price {
    color: #3ab54a;
    font-size: 18px
}

.cart-count {
    background: #3ab54a;
    border-radius: 10px;
    color: #fff;
    padding: 2px 3px
}

.menu1 a {
    text-transform: uppercase
}

.cart-text {
    text-transform: uppercase
}

.modal-header_b {
    border-bottom: none
}

.txt {
    font-family: 'Open Sans', sans-serif;
    font-weight: 700
}

.bio {
    background: #3ab54a none repeat scroll 0 0;
    color: #fff;
    min-height: 70px;
    padding: 10px
}

.mrg-b-zero {
    margin-bottom: 0
}

.dd-width {
    position: absolute;
    right: auto !important
}

.well {
    margin-bottom: 0
}

.modal-header {
    padding: 0
}

.mrg-btm {
    margin-bottom: 11px
}

.modal-footer_b {
    border-top: 0
}

.l-height {
    line-height: 27px;
    margin-top: 8%;
    margin-bottom: 4%;
    text-align: left !important
}

.padd-zero {
    padding: 0
}

.xgreen-bg {
    background: #3ab54a;
    color: #fff;
    max-height: 120px;
    min-height: 120px;
    padding: 15px;
    font-family: Raleway, sans-serif;
    overflow-y: auto;
    overflow-x: hidden
}

.green-bg {
    background: #ededed;
    color: #4e4d4d;
    padding: 15px;
    font-family: Raleway, sans-serif;
    line-height: 24px;
    font-size: 13px
}

.green-bg .text-left {
    height: 88px;
    overflow: auto;
    word-wrap: break-word
}

.green-bg b {
    font-weight: 700;
    font-size: 18px;
    display: inline-block;
    margin-bottom: 10px;
    color: #3ab54a
}

.port_head_name .consult-us {
    background: #255c8c;
    border-radius: 0;
    padding: 8px 30px;
    margin: 0 auto;
    float: none !important
}

.port_head_name .consult-us:hover {
    background: #ffbd08
}

.contractor-view-gallery {
    border-radius: 0;
    padding: 8px 30px
}

.codexworld_rating_widget {
    padding: 0;
    margin: 0 auto;
    float: none;
    width: 100%;
    text-align: center;
    display: inline-block
}

.codexworld_rating_widget li {
    line-height: 0;
    width: 28px;
    height: 28px;
    padding: 0;
    list-style: none;
    float: none;
    cursor: pointer;
    display: inline-block;
    margin: 1px 3px;
    border-bottom: 1px solid #37b44a
}

.search-supplier {
    position: relative
}

.search-supplier i {
    position: absolute;
    right: 25px;
    top: 12px;
    color: #37b44a
}

.contractor-description ul li {
    text-align: left;
    list-style-type: none;
    padding: 8px
}

.contractor-detail-p p {
    text-align: left;
    height: 70px;
    padding: 0 11px;
    width: 100%;
    margin: 13px auto;
    line-height: 24px;
    font-size: 13px;
    word-wrap: break-word;
    overflow: auto
}

.img-span {
    width: 150px;
    border-radius: 50%;
    border: solid 3px #3ab34a;
    overflow: hidden;
    height: 150px;
    display: inline-block
}

.img-span img {
    width: 100%
}

.cart-dropdown,
.category-menu {
    box-shadow: 5px 8px 15px -11px #000
}

.category-submenu-block {
    overflow-x: hidden;
    overflow-y: auto
}

.category-submenu-heading {
    color: #0b7219;
    font-size: 16px;
    margin: 0 0 12px;
    font-weight: 500
}

.line {
    border-bottom: solid 1px #616060
}

.category-submenu-list {
    z-index: 10
}

.category-submenu-list .list-group-item {
    border: medium none;
    font-size: 14px;
    padding: 3px 0 3px 3px;
    background: 0 0;
    position: relative
}

.category-submenu-list .list-group-item>a {
    color: #222;
    display: block
}

.category-submenu-list .list-group-item>a:hover {
    color: #3ab54a
}

.category-submenu-list .list-group-item::after {
    color: #3ab54a;
    content: "\f054";
    font-family: FontAwesome;
    font-size: 11px;
    position: absolute;
    left: 0;
    top: 6px;
    font-weight: 50
}

.category-submenu-img {
    border: 1px solid #e8e8e8;
    padding: 10px;
    text-align: center
}

.category-submenu-img img {
    border-bottom: 1px solid #ddd;
    max-height: 200px;
    max-width: 100%;
    padding-bottom: 10px
}

.heading-black,
.heading-black a {
    color: #333;
    font-size: 18px
}

.heading-green {
    color: #3ab54a;
    font-size: 16px
}

.fileUpload {
    position: relative;
    overflow: hidden;
    margin: 10px
}

.fileUpload input.upload {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    font-size: 20px;
    cursor: pointer;
    opacity: 0
}

.blog-user-img img {
    width: 100%
}

.xblog-user-img {
    max-height: 140px;
    overflow: hidden
}

.button-div {
    margin: 0 0
}

.button-div input[type=button] {
    padding: 17px 0;
    box-shadow: 2px 8px 9px #ccc;
    font-size: 16px;
    width: 214px;
    display: inline-block;
    border: none;
    background: #3ab54a;
    transition: all .3s;
    border-radius: 5px
}

.button-div input[type=button]:hover {
    background: #259a34
}

.button-div {
    text-align: center;
    margin-top: 30px;
    margin-bottom: 20px
}

p.text-right a.readm {
    text-decoration: none;
    color: #fff;
    margin-right: 0;
    font-size: 14px;
    background: #3ab54a;
    padding: 5px 10px;
    border-radius: 4px
}

.subfooter {
    background: #f7f7f7;
    border-top: 2px solid #ccc
}

.subfooter ul {
    padding-left: 0
}

p.text-right a:hover.readm {
    color: #04640e
}

.media.client-media .client-img.text-right {
    text-align: right;
    margin-top: 15px
}

.blog-div-bg h4 {
    color: #333;
    font-weight: 700;
    font-family: lato, sans-serif;
    font-size: 13px;
    line-height: 24px
}

.blog-div-bg img {
    margin-bottom: 10px;
    border-radius: 5px
}

.blog-div-bg p {
    letter-spacing: 0;
    font-family: lato, sans-serif;
    color: #555
}

#owl-main .item img {
    height: 520px;
    width: 100%
}

#owl-main .item {
    position: relative;
    height: 520px;
    overflow: hidden
}

#owl-main .owl-controls {
    margin: 0
}

#owl-main .owl-controls .owl-buttons div {
    background: #fff;
    border-radius: 30px;
    color: #222;
    display: inline-block;
    font-size: 30px;
    font-weight: 700;
    margin: 5px;
    padding: 5px 20px
}

#owl-main .owl-controls .owl-buttons .owl-prev {
    left: 5%;
    position: absolute;
    top: 45%
}

#owl-main .owl-controls .owl-buttons .owl-next {
    right: 5%;
    position: absolute;
    top: 45%
}

#owl-pro1 .item {
    padding: 15px;
    position: relative
}

#owl-pro2 .item {
    padding: 5px
}

#owl-pro2 .item img {
    max-width: 100%;
    height: 280px
}

#owl-details1 .owl-controls .owl-page span {
    background: #3ab54a;
    border-radius: 20px;
    display: block;
    height: 12px;
    margin: 5px 7px;
    opacity: .5;
    width: 12px
}

#owl-details1 .owl-controls .owl-page.active span {
    opacity: 1
}

.owl-customNav {
    position: absolute;
    right: 17px;
    top: 10px
}

.owl-customNav img {
    cursor: pointer
}

.owl-controls .owl-page span {
    background: green
}

.section-gray1 {
    background: #fff;
    padding: 70px 15px;
    background: url(../images/icons/brickwall.png) repeat 0 0 fixed transparent
}

.content-white {
    background: #fff;
    border: 1px solid #fff;
    border-radius: 0;
    margin: 0;
    padding-bottom: 0;
    height: auto
}

.content-white1 {
    background: #fff;
    border: 1px solid #ebebeb;
    border-radius: 8px;
    margin: 0;
    padding: 7px
}

.heading-block {
    position: relative
}

.heading-main {
    color: #222;
    font-size: 35px;
    margin: 0 0 25px;
    padding: 0 0 10px;
    position: relative;
    font-family: fonarto
}

.heading-main::after {
    background: #3ab54a;
    border: medium none;
    bottom: 0;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    width: 75%
}

.content-aside {
    background: #fff;
    border: 1px solid #ebebeb;
    border-radius: 8px
}

.product-simple-body table {
    border: solid 1px #ccc;
    margin-top: -1px
}

.aside-head {
    background: #3ab54a;
    border-bottom: 4px solid #1b962b;
    color: #fff;
    font-family: kirvyB;
    margin: 0;
    padding: 15px;
    text-align: center
}

.aside-head1 {
    background: #3ab54a;
    border-bottom: 4px solid #1b962b;
    color: #fff;
    font-family: kirvyB;
    margin: 0;
    padding: 10px;
    text-align: center
}

.aside-footer {
    background: #3ab54a;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    color: #fff;
    font-size: 22px;
    font-weight: 700;
    padding: 8px;
    text-align: center
}

.aside-footer a {
    color: #fff
}

.aside-list .list-group-item {
    border: medium none
}

.aside-list .list-group-item>a {
    color: #616161
}

.aside-blog-head {
    border-bottom: 1px solid #d4d4d4;
    margin: 0;
    color: #222 !important;
    padding: 15px;
    text-align: center
}

.media-blog {
    border-bottom: 1px solid #3ab54a;
    margin: 15px !important;
    padding-bottom: 15px
}

.media-blog .media-body {
    color: #7f7f7f;
    font-size: 12px
}

.media-blog .media-heading,
.media-blog .media-heading a {
    color: #4b4b4b;
    font-size: 14px
}

.media.media-blog:last-child {
    border: none;
    padding-bottom: 24px
}

.more {
    color: #222
}

.media-details .media-body {
    padding-top: 35px
}

.media-details>.pull-left {
    padding-right: 30px
}

.media-details .media-body .media-heading {
    font-size: 20px;
    font-style: italic;
    font-family: kirvyB
}

.client-media>.pull-left {
    padding-right: 30px
}

.client-media .media-body {
    font-size: 33px
}

.client-media .media-body .media-heading {
    font-size: 14px;
    font-style: italic;
    line-height: 27px;
    color: #000;
    text-align: left;
    border-left: 5px solid #37b44a;
    padding-left: 15px;
    background: #fff;
    padding: 20px;
    box-shadow: 2px 2px 5px #777
}

.testimonial-section {
    background: #f5f5f5
}

.quote-sign {
    color: #333
}

.client-name {
    font-size: 16px;
    font-weight: 700;
    color: #000;
    text-transform: capitalize;
    font-family: Lato, sans-serif
}

.client-location {
    font-size: 16px;
    font-weight: 700;
    color: #ccc;
    text-transform: capitalize
}

.margin-auto {
    margin: 0 auto
}

.testimonial-heading {
    color: #000;
    font-size: 30px;
    font-family: fonarto;
    text-align: center;
    margin-top: 0;
    margin-bottom: 30px
}

.section-client {
    background: url(../images/bg1.png) no-repeat fixed center center/cover transparent;
    background-size: cover;
    -webkit-background-size: cover;
    margin: 0 0
}

.section-client-inner {
    background-color: #30963c;
    padding: 10px 0 5px;
    color: #fff
}

.section-slider {
    position: relative
}

.slider-shadow {
    bottom: -30px;
    left: 18%;
    position: absolute
}

.slider-shadow img {
    max-width: 100%
}

.slider-search {
    position: absolute;
    top: 40%;
    width: 100%
}

.search-input {
    border: 2px solid #3ab54a;
    border-radius: 8px;
    height: 37px
}

.search-input::-webkit-input-placeholder {
    color: #222;
    text-align: center
}

.search-input::-moz-placeholder {
    color: #222;
    text-align: center
}

.search-input:-ms-input-placeholder {
    color: #222;
    text-align: center
}

.product-name,
.product-name a {
    color: #222;
    font-size: 16px;
    padding: 0
}

.product-price {
    color: #3ab54a;
    font-size: 16px;
    font-weight: 700;
    padding: 4px 0
}

.product-head {
    border: 1px solid #ececec
}

.product-footer {
    background: #f2f2f2;
    border: 1px solid #ececec;
    padding: 12px;
    text-align: center
}

label {
    font-weight: 400;
    margin: 0 0 6px;
    color: #333
}

.box-layout {
    border: 1px solid #ddd;
    box-shadow: 0 0 25px -16px #000;
    padding: 30px 20px;
    -webkit-box-shadow: 0 0 25px -10px #000
}

.input-group-addon {
    background-color: #3ab54a;
    border: 1px solid #3ab54a;
    color: #fff
}

.form-head {
    border-bottom: 1px solid #ddd;
    margin: 0 0 25px;
    padding: 15px 0 25px
}

.form-heading {
    font-size: 22px;
    margin: 0 0 20px;
    text-align: center
}

.crumb-block {
    padding: 0
}

.crumb-block .breadcrumb {
    margin: 0;
    padding: 5px
}

.crumb-block .breadcrumb>li+li:before {
    color: #ccc;
    content: " / ";
    padding: 0 5px
}

.crumb-block .breadcrumb a {
    color: #3ab54a
}

.panel-side {
    margin-left: 0;
    margin-bottom: 0
}

.pdr_0.left-bar {
    margin-top: 20px
}

.panel-side>#sidebar>.panel-heading {
    background-color: #1b9e2c;
    border-color: #3ab54a;
    color: #fff;
    padding: 15px
}

.panel-side>.panel-body {
    padding: 10px 0
}

.panel-inner {
    border: medium none
}

.panel-inner .panel-title {
    font-size: 14px;
    font-weight: 400;
    position: relative
}

.panel-inner .panel-title a {
    display: block;
    outline: medium none;
    position: relative;
    text-decoration: none
}

.panel-inner .panel-title a i {
    position: absolute;
    right: 0;
    top: 1px;
    color: #3ab54a
}

.list-block {
    padding: 10px 15px !important
}

.list-block hr {
    margin: 18px 0
}

.frnt_fltr {
    padding: 15px 15px 0 !important
}

.blog_slide_div img {
    height: 90px !important;
    width: 90px !important
}

.consult-us {
    margin-top: 2%
}

.list-side {
    margin: 0
}

.list-side .list-group-item {
    border: medium none;
    padding: 4px 0
}

.list-side .list-group-item::before {
    color: green;
    content: ">";
    margin: 0 8px 0 0
}

.list-side .list-group-item>a {
    color: #444
}

.list-side-simple {
    margin: 0
}

.list-side-simple .list-group-item {
    border: medium none;
    padding: 4px 0
}

.list-side-simple .list-group-item>a {
    color: #444
}

.product-simple-block {
    margin: 0 0 30px 0
}

.product-simple-head {
    height: 240px;
    min-height: 240px;
    overflow: hidden;
    position: relative
}

.product-simple-head img:hover {
    transform: scale(1.2, 1.2)
}

.product-simple-head {
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    width: 100%;
    box-sizing: border-box;
    text-align: center;
    border: solid 1px #ccc
}

.product-simple-head::before {
    display: inline-block;
    height: 100%;
    margin-right: -.25em;
    vertical-align: middle
}

.product-simple-head img {
    height: 100%;
    transition: all .5s ease-in-out 0s;
    vertical-align: middle;
    margin: 0 auto;
    display: inline-block
}

.product-overlay {
    position: absolute;
    text-align: center;
    right: -400;
    top: 100;
    width: 100%;
    transition: all .5s ease-in-out 0s
}

.product-overlay a {
    border-radius: 50%;
    color: #5cb85c;
    font-size: 14px;
    margin: 0 3px;
    width: 30px;
    outline: medium none;
    height: 30px;
    text-align: center;
    padding-top: 8px;
}

.product-simple-block:hover .product-overlay {
    right: 0;
    transition: all 1s ease-in 0s
}

.product-simple-body {
    background: #fff;
    min-height: 166px;
    max-height: 170px;
    overflow-y: auto
}

.house-des-home-lib .col-sm-12 {
    padding: 0
}

.product-simple-body p {
    min-height: 40px;
    max-height: 45px;
    overflow-y: auto;
    white-space: pre-wrap
}

.product-simple-body.product2 p {
    min-height: auto;
    max-height: auto;
    overflow-y: auto;
    white-space: initial
}

.product-simple-name {
    margin: 0 0 0
}

.product-simple-price {
    margin: 0 0 10px
}

.pro-price {
    color: #3ab54a;
    font-weight: 600;
    margin: 0 10px 0 0;
    font-size: 16px !important;
    font-family: sans-serif !important
}

.pro-price-del {
    font-size: 12px;
    text-decoration: line-through;
    color: maroon
}

.pagination-green>li>a,
.pagination-green>li>span {
    border: 1px solid #ddd;
    color: #3ab54a
}

.pagination-green>.active>a,
.pagination-green>.active>a:focus,
.pagination-green>.active>a:hover,
.pagination-green>.active>span,
.pagination-green>.active>span:focus,
.pagination-green>.active>span:hover {
    background-color: #3ab54a;
    border-color: #3ab54a;
    color: #fff
}

.foo-top {
    background: #161616;
    border-top: 1px solid #fff;
    padding: 15px 0
}

.foo-top ul {
    margin: 0;
    padding: 0;
    list-style-type: none
}

.foo-top ul li {
    padding: 3px 0
}

.foo-top ul li a {
    color: #ddd;
    display: block;
    font-size: 12px
}

.foo-bottom {
    background: #000;
    color: #fff;
    padding: 10px;
    text-align: center;
    font-size: 11px
}

.foo-bottom .img-icon {
    width: 16px;
    margin-right: 10px;
    position: relative;
    top: -4px
}

.foo-bottom a {
    color: #fff
}

.foo-heading {
    color: #3ab54a;
    font-size: 18px;
    margin: 0 0 8px
}

.foo-logo {
    margin: 0 0 30px;
    text-align: right
}

.foo-logo img {
    max-width: 100%;
    width: 180px
}

.foo-logo a {
    display: block
}

.col-sm-4.after-b.wow.fadeInUp input.form-control {
    background-color: transparent;
    border: 2px solid #f7f7f7;
    border-radius: 5px
}

.form-group.text-right input[type=submit] {
    width: 70%;
    margin-top: 20px
}

.input-group input.form-control {
    height: 47px;
    margin: 0 0;
    border: none;
    width: 100%;
}

#consumer_form .input-group-addon {
    width: 20px
}

#consumer_form select {
    height: 47px;
    border: none
}

.filter-depth-heading {
    margin-top: 20px !important
}

#login-form .input-group {
    display: flex
}

#login-form .input-group-addon {
    width: 50px
}

#login-form .input-group-addon i {
    line-height: 30px
}

#login-form #submit_login,
#login-form .form-group a {
    padding: 10px 20px;
    border-radius: 3px
}

.logn_bg11 .form-top-left h3 {
    margin-top: 0;
    font-weight: 600 !important;
    font-family: sans-serif !important;
    color: #37b44a !important;
    font-size: 17px !important
}

#consumer_form .btn {
    border-radius: 4px;
    cursor: pointer;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 1;
    text-align: center;
    text-transform: capitalize;
    padding: 10px 20px
}

#login-form select {
    height: 47px;
    margin: 0 0;
    border: none
}
#lightbox_login_form .form-group .btn {
    font-size: 16px;
}
.btn.btn-success.subscribe {
    padding: 12px 12px
}

.space20 {
    padding: 20px 0
}

.space-or {
    padding: 10px 20px
}

.bb-none {
    border-bottom: none
}

.mb-0 {
    margin-bottom: 0
}

.gallerydiv {
    max-height: 400px;
    height: auto;
    overflow: hidden
}

.scroll-sticky-header.affix {
    box-shadow: 0 0 18px -6px #222;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10000 !important;
    left: 0;
    right: 0;
    margin: 0
}

.scroll_top {
    background: #3ab54a;
    bottom: 32px;
    display: none;
    font-size: 0;
    height: 34px;
    position: fixed;
    right: 10px;
    width: 34px;
    z-index: 9999
}

.scroll_top:hover {
    background: #449d44 none repeat scroll 0 0
}

.scroll_top::before {
    color: #fff;
    content: "^";
    display: block;
    font-family: FontAwesome;
    font-size: 25px;
    height: 34px;
    line-height: 40px;
    text-align: center;
    width: 34px
}

.slider_search {
    background-color: rgba(0, 0, 0, .5);
    border-radius: 5px;
    padding: 15px;
    position: absolute;
    top: 31%;
    text-align: center;
    width: 50%;
    margin: auto;
    right: 25%
}

.heading-borderd {
    border-bottom: 2px solid #505050;
    font-size: 22px;
    margin: 0 0 20px;
    padding-bottom: 6px
}

.cart-table>tbody {
    border: 1px solid #ddd
}

.cart-table>thead>tr>td,
.cart-table>thead>tr>th {
    border-bottom: medium none;
    border-top: medium none;
    font-size: 18px;
    font-style: italic;
    font-weight: 400
}

.cart-table>tbody>tr>td,
.cart-table>tbody>tr>th,
.cart-table>tfoot>tr>td,
.cart-table>tfoot>tr>th {
    border-top: 1px solid #ddd;
    padding: 15px;
    vertical-align: middle
}

.cart-table>tfoot {
    border: 1px solid #ddd
}

.carttable-media {
    max-width: 350px
}

.carttable-media .pull-left {
    box-sizing: border-box;
    height: 80px;
    position: relative;
    text-align: center
}

.carttable-media .pull-left::before {
    content: "";
    display: inline-block;
    max-height: 80px;
    margin-right: -.25em;
    vertical-align: middle
}

.carttable-media .media-object {
    max-height: 80px;
    width: 80px
}

.carttable-media .media-object {
    display: inline-block;
    margin: 0 auto;
    max-height: 100%;
    vertical-align: middle
}

.carttable-media .media-body {
    max-width: 220px;
    white-space: normal;
    word-wrap: break-word
}

.carttable-media .media-body .media-heading,
.carttable-media .media-body .media-heading a {
    color: #333;
    font-size: 14px;
    text-decoration: none
}

.carttable-media .media-body .media-heading a:hover,
.carttable-media .media-body .media-heading:hover {
    color: #3ab54a
}

.subtotal {
    font-size: 18px;
    font-style: italic;
    font-weight: 400;
    margin-bottom: 15px
}

.carttable-total {
    font-size: 20px;
    font-weight: 700
}

.delivery-charge {
    font-size: 18px;
    font-style: italic;
    font-weight: 400
}

.subtotal-amount {
    font-weight: 700;
    margin-bottom: 15px
}

.delivery-charge-amount {
    color: #828282;
    font-weight: 700
}

.input-number {
    width: 80px
}

.wsmenucontainer {
    overflow: hidden
}

@media (max-width:980px) {
    .slider-shadow {
        bottom: -30px;
        left: 0;
        position: absolute;
        width: 100%
    }
}

@media (min-width:768px) and(max-width:1200px) {
    .main-menu .navbar-collapse {
        padding: 0
    }
    .slider_search {
        background-color: rgba(0, 0, 0, .5);
        border-radius: 5px;
        padding: 15px;
        position: absolute;
        top: 31%;
        text-align: center;
        width: 93%;
        margin: auto;
        right: 2%
    }
    .feature_text th,
    td {
        font-size: 12px
    }
}

@media (min-width:999px) and(max-width:1380px) {
    #portfolio .small-box {
        height: 220px;
        overflow: hidden;
        -webkit-backface-visibility: hidden
    }
}

@media (min-width:1201px) and(max-width:1920px) {
    .main-menu .navbar-collapse {
        padding: 0
    }
    .slider_search {
        background-color: rgba(0, 0, 0, .5);
        border-radius: 5px;
        padding: 15px;
        position: absolute;
        top: 50%;
        text-align: center;
        width: 74%;
        margin: auto;
        right: 12%
    }
    .gallerydiv {
        height: 400px;
        height: auto;
        overflow: hidden
    }
}

@media (max-width:767px) {
    .header-top {
        margin-top: 0 !important
    }
    .slider-shadow {
        bottom: -30px;
        left: 0;
        position: absolute;
        width: 100%
    }
    #owl-main .item img {
        height: 340px;
        width: 100%
    }
    .content-white {
        margin: 0
    }
    .panel-side {
        margin-left: 0
    }
    .navbar-toggle {
        position: fixed;
        top: 15px;
        right: 0;
        z-index: 999;
        background: #3ab54a;
        border-radius: 0;
        color: #fff;
        height: 40px;
        margin-right: 0
    }
    .navbar-default .navbar-collapse {
        position: inherit;
        z-index: 9999;
        display: block;
        transition: 1s ease-in-out;
        height: auto;
        overflow-y: auto
    }
    .navbar-collapse-left {
        left: 15px !important;
        width: 100%;
        background: #000
    }
    .collapse {
        display: blocks
    }
    .navbar-default .navbar-nav>li>a {
        color: #fff
    }
    #how_it_works_li a {
        color: #fff
    }
    .logo img {
        width: 130px;
        margin-left: 0;
        margin-top: 0
    }
    .logo {
        width: 130px
    }
    .category-submenu-heading {
        color: #fff
    }
    .category-submenu-list .list-group-item>a {
        color: #fff
    }
    .category-submenu-block {
        background: #000 !important
    }
    .category-submenu-img {
        background: #fff
    }
}

.image-block {
    margin: 0 0 20px;
    text-align: center
}

.list-side .list-group-item.active,
.list-side .list-group-item.active:focus,
.list-side .list-group-item.active:hover {
    background-color: rgba(0, 0, 0, 0);
    border-color: transparent;
    color: #3ab54a
}

.list-side .list-group-item.active,
.list-side .list-group-item.active:focus,
.list-side .list-group-item.active:hover {
    color: #3ab54a
}

.list-side .list-group-item.active a {
    color: #3ab54a
}

.icon-p {
    padding-left: 25px;
    position: relative;
    min-height: auto !important
}

.icon-p i {
    color: #3ab54a;
    font-size: 20px;
    left: 0;
    position: absolute;
    top: 0
}

.icon-p i.fa-mobile {
    font-size: 25px
}

.icon-p i.fa-envelope {
    font-size: 15px
}

.icon-p i.fa-globe {
    font-size: 18px
}

.map-area {
    margin: 0 0 20px
}

.map-area .map-frame,
.map-area iframe {
    border: medium none;
    height: 300px;
    width: 100%
}

.panel-content .panel-title a {
    display: block;
    outline: medium none;
    position: relative;
    text-decoration: none
}

.panel-content .panel-title a i {
    color: #3ab54a;
    font-size: 15px;
    position: absolute;
    right: 0;
    top: 1px
}

.col-sm-4-clear .col-sm-4:nth-child(3n+1) {
    clear: both
}

.team-block {
    margin: 0 0 20px;
    text-align: center
}

.team-img {
    margin: 0 0 5px
}

.team-img img {
    border: 3px solid #3ab54a;
    height: 100px;
    width: 100px
}

.team-heading {
    margin: 0 0 10px;
    max-height: 42px;
    min-height: 42px;
    overflow-x: hidden;
    overflow-y: auto
}

.team-heading .team-h,
.team-heading .team-h a {
    font-size: 15px;
    margin: 0 0 5px;
    color: #333
}

.team-content {
    max-height: 90px;
    min-height: 90px;
    overflow-x: hidden;
    overflow-y: auto
}

.foo-top {
    background-color: #161616;
    background-image: url(../images/foo-back.png);
    background-position: bottom;
    background-repeat: repeat-x;
    background-size: 275px auto;
    border-top: 1px solid #fff;
    padding: 0 0 15px 0
}

.foo-top ul {
    margin: 0;
    padding: 0;
    list-style-type: none
}

.foo-top ul li {
    padding: 3px 0
}

.foo-top ul li a {
    color: #ddd;
    display: block;
    font-size: 12px
}

.foo-bottom {
    background: #000;
    color: #fff;
    padding: 10px;
    text-align: center;
    padding-bottom: 50px
}

.foo-bottom .img-icon {
    width: 16px;
    margin-right: 10px
}

.foo-bottom a {
    color: #fff
}

.foo-heading {
    color: #3ab54a;
    font-size: 18px;
    margin: 0 0 8px
}

.foo-logo {
    margin: 0 0 30px;
    text-align: left
}

.foo-logo img {
    max-width: 100%;
    width: 180px
}

.foo-logo a {
    display: block
}

.space20 {
    padding: 20px 0
}

.space10 {
    padding: 15px 0 0
}

.space-or {
    padding: 10px 20px
}

.bb-none {
    border-bottom: none
}

.after-b {
    position: relative
}

.after-b::after {
    border-right: 1px ridge #121212;
    content: "";
    height: 220px;
    position: absolute;
    right: 0;
    top: 0;
    width: 1px
}

.m-0 {
    margin: 0
}

.mb-0 {
    margin-bottom: 0
}

.mb-15 {
    margin-bottom: 15px
}

.ml-15 {
    margin-left: 15px
}

.mt-15 {
    margin-top: 15px
}

.mt-25 {
    margin-top: 25px
}

.text-left {
    text-align: left !important
}

.p-0 {
    padding: 0
}

.pl-0 {
    padding-left: 0
}

.pl-15 {
    padding-left: 15
}

.pl-35 {
    padding-left: 35
}

.pb-0 {
    padding-bottom: 30px
}

.pb-top {
    padding-top: 80px
}

.pb-top1 {
    padding-top: 50px
}

.pb-15 {
    padding-bottom: 15px
}

.pt-15 {
    padding-top: 15px
}

.pb-0top {
    padding-top: 20px
}

.m-btm {
    margin-bottom: 50px
}

.m-btm1 {
    margin-bottom: 106px
}

.color-green {
    color: #3ab54a
}

.checkbox-inline,
.radio-inline {
    margin-bottom: 8px;
    padding-left: 0
}

.filter-amount {
    margin: 0 0 12px
}

.menu3>li>a {
    padding: 2px 5px;
    color: #000;
    font-size: 12px;
    margin: 0 5px !important
}

#navigate_menu li a {
    margin-right: 0
}

.menu3>li {
    color: #000
}

.menu3>li .badge {
    color: #000
}

.menu3>li>a .fa {
    font-size: 15px;
    margin: 0 3px 0 0;
    position: relative;
    top: 1px
}

.menu3>li>a:focus,
.menu3>li>a:hover {
    background-color: transparent;
    text-decoration: none
}

.menu3 .open>a,
.menu3 .open>a:focus,
.menu3 .open>a:hover {
    background-color: transparent;
    text-decoration: none
}

.navbar-welcome {
    margin: 2px 0;
    padding: 0 1px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.menu2>li>a {
    font-size: 14px
}

.menu2>li.active>a:before,
.menu2>li>a:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 3px;
    bottom: 0;
    left: 0;
    background-color: #3ab54a;
    visibility: hidden;
    -webkit-transform: scaleX(0);
    -moz-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -o-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: all .3s ease-in-out 0s;
    -moz-transition: all .3s ease-in-out 0s;
    -ms-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s
}

.menu2>li:hover a:before {
    visibility: visible;
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    -ms-transform: scaleX(1);
    -o-transform: scaleX(1);
    transform: scaleX(1)
}

.input-group-error .error_validate {
    bottom: -45px
}

.logn_bg {
    background: url(/assets/images/Mountain.jpg) no-repeat fixed 0 0/cover transparent
}

#all_designers .col-sm-4:nth-child(3n+1) {
    clear: both
}

.bootstrap-tagsinput input[type=text] {
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .075) inset;
    color: #555;
    display: block;
    font-size: 14px;
    height: 34px;
    line-height: 1.42857;
    padding: 6px 12px;
    transition: border-color .15s ease-in-out 0s, box-shadow .15s ease-in-out 0s;
    width: 100%
}

#dynamic_user_type .checkbox-inline+.checkbox-inline,
#dynamic_user_type .radio-inline+.radio-inline {
    margin-left: 30px;
    margin-top: 0
}

#dynamic_user_type .checkbox-inline:first-child {
    margin-left: 20px;
    margin-top: 0
}

.form-control {
    white-space: normal
}

legend {
    font-family: fonarto
}

.portfolio-wrapper {
    background: #fff;
    border-radius: 8px
}

.badge-important {
    background-color: #d15b47 !important;
    font-size: 10px
}

.dropdown-notifications>li.dropdown-header {
    background-color: #1487bd;
    color: #fff;
    font-weight: 700;
    padding: 5px 12px
}

.dropdown-menu.dropdown-notifications {
    width: 200px;
    max-height: 370px;
    overflow: auto
}

.dropdown-notifications>li.dropdown-footer a {
    text-align: center
}

.dropdown-notifications>li.dropdown-footer a:hover {
    color: #3ab54a
}

.dropdown-notifications>li>a {
    font-size: 13px;
    padding: 3px 12px
}

.dropdown-notifications .msg-photo {
    margin-right: 6px;
    max-width: 42px
}

.dropdown-notifications .msg-body {
    display: inline-block;
    line-height: 20px;
    max-width: 175px;
    vertical-align: middle;
    white-space: normal
}

.dropdown-notifications .msg-title {
    display: inline-block;
    color: #555;
    font-size: 12px;
    line-height: 18px
}

.blue {
    color: #478fca !important
}

.dropdown-notifications .msg-title .blue {
    color: #000 !important
}

.green {
    color: #69aa46 !important
}

.dropdown-notifications .msg-time {
    color: #777;
    display: block;
    font-size: 11px
}

.dropdown-notifications {
    margin-top: 0
}

.notification-bell i {
    font-size: 18px !important;
    color: #f2c311;
    -webkit-animation: ring 1.5s ease;
    animation: ring 1.5s ease infinite
}

.notification-bell {
    position: relative
}

.notification-bell .badge {
    color: #000;
    position: absolute;
    top: -4px;
    right: -14px;
    border: 2px solid #fff;
    background: #3ab54a !important;
    padding: 3px;
    width: 22px
}

@-webkit-keyframes ring {
    0% {
        -webkit-transform: rotate(35deg)
    }
    12.5% {
        -webkit-transform: rotate(-30deg)
    }
    25% {
        -webkit-transform: rotate(25deg)
    }
    37.5% {
        -webkit-transform: rotate(-20deg)
    }
    50% {
        -webkit-transform: rotate(15deg)
    }
    62.5% {
        -webkit-transform: rotate(-10deg)
    }
    75% {
        -webkit-transform: rotate(5deg)
    }
    100% {
        -webkit-transform: rotate(0)
    }
}

@keyframes ring {
    0% {
        -webkit-transform: rotate(35deg);
        transform: rotate(35deg)
    }
    12.5% {
        -webkit-transform: rotate(-30deg);
        transform: rotate(-30deg)
    }
    25% {
        -webkit-transform: rotate(25deg);
        transform: rotate(25deg)
    }
    37.5% {
        -webkit-transform: rotate(-20deg);
        transform: rotate(-20deg)
    }
    50% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg)
    }
    62.5% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }
    75% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg)
    }
    100% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
}

.notification-box {
    border-bottom: 1px solid #eaeaea;
    padding-bottom: 3px
}

.icon-animated-bell {
    animation: 2s ease 1s normal none 5 running ringing;
    display: inline-block;
    transform-origin: 50% 0 0
}

@keyframes ringing {
    0% {
        transform: rotate(-15deg)
    }
    2% {
        transform: rotate(15deg)
    }
    4% {
        transform: rotate(-18deg)
    }
    6% {
        transform: rotate(18deg)
    }
    8% {
        transform: rotate(-22deg)
    }
    10% {
        transform: rotate(22deg)
    }
    12% {
        transform: rotate(-18deg)
    }
    14% {
        transform: rotate(18deg)
    }
    16% {
        transform: rotate(-12deg)
    }
    18% {
        transform: rotate(12deg)
    }
    20% {
        transform: rotate(0)
    }
}

@-webkit-keyframes ringing {
    0% {
        transform: rotate(-15deg)
    }
    2% {
        transform: rotate(15deg)
    }
    4% {
        transform: rotate(-18deg)
    }
    6% {
        transform: rotate(18deg)
    }
    8% {
        transform: rotate(-22deg)
    }
    10% {
        transform: rotate(22deg)
    }
    12% {
        transform: rotate(-18deg)
    }
    14% {
        transform: rotate(18deg)
    }
    16% {
        transform: rotate(-12deg)
    }
    18% {
        transform: rotate(12deg)
    }
    20% {
        transform: rotate(0)
    }
}

.icon-animated-vertical {
    animation: 2s ease 2s normal none 5 running vertical;
    display: inline-block
}

@keyframes vertical {
    0% {
        transform: translate(0, -3px)
    }
    4% {
        transform: translate(0, 3px)
    }
    8% {
        transform: translate(0, -3px)
    }
    12% {
        transform: translate(0, 3px)
    }
    16% {
        transform: translate(0, -3px)
    }
    20% {
        transform: translate(0, 3px)
    }
    22% {
        transform: translate(0, 0)
    }
}

@-webkit-keyframes vertical {
    0% {
        transform: translate(0, -3px)
    }
    4% {
        transform: translate(0, 3px)
    }
    8% {
        transform: translate(0, -3px)
    }
    12% {
        transform: translate(0, 3px)
    }
    16% {
        transform: translate(0, -3px)
    }
    20% {
        transform: translate(0, 3px)
    }
    22% {
        transform: translate(0, 0)
    }
}

.icon-animated-wrench {
    animation: 2.5s ease 0s normal none 4 running wrenching;
    display: inline-block;
    transform-origin: 90% 35% 0
}

@keyframes wrenching {
    0% {
        transform: rotate(-12deg)
    }
    8% {
        transform: rotate(12deg)
    }
    10% {
        transform: rotate(24deg)
    }
    18% {
        transform: rotate(-24deg)
    }
    20% {
        transform: rotate(-24deg)
    }
    28% {
        transform: rotate(24deg)
    }
    30% {
        transform: rotate(24deg)
    }
    38% {
        transform: rotate(-24deg)
    }
    40% {
        transform: rotate(-24deg)
    }
    48% {
        transform: rotate(24deg)
    }
    50% {
        transform: rotate(24deg)
    }
    58% {
        transform: rotate(-24deg)
    }
    60% {
        transform: rotate(-24deg)
    }
    68% {
        transform: rotate(24deg)
    }
    75% {
        transform: rotate(0)
    }
}

@-webkit-keyframes wrenching {
    0% {
        transform: rotate(-12deg)
    }
    8% {
        transform: rotate(12deg)
    }
    10% {
        transform: rotate(24deg)
    }
    18% {
        transform: rotate(-24deg)
    }
    20% {
        transform: rotate(-24deg)
    }
    28% {
        transform: rotate(24deg)
    }
    30% {
        transform: rotate(24deg)
    }
    38% {
        transform: rotate(-24deg)
    }
    40% {
        transform: rotate(-24deg)
    }
    48% {
        transform: rotate(24deg)
    }
    50% {
        transform: rotate(24deg)
    }
    58% {
        transform: rotate(-24deg)
    }
    60% {
        transform: rotate(-24deg)
    }
    68% {
        transform: rotate(24deg)
    }
    75% {
        transform: rotate(0)
    }
}

.all_products .col-md-4:nth-child(3n+1) {
    clear: both
}

.form-number {
    display: inline-block;
    margin-right: 10px;
    width: 70%
}

.family-roboto {
    font-family: robotoL !important;
    font-weight: 400 !important
}

.search-toggle {
    height: 45px
}

.search-toggle-options {
    display: none
}

.bootstrap-tagsinput input {
    margin-top: 15px
}

.checkbox-span {
    display: inline-block;
    min-width: 110px
}

.error-area,
.error-radio-area {
    position: relative
}

.error_validate {
    bottom: -25px;
    color: red !important;
    left: 0;
    position: absolute;
    z-index: 10;
    font-size: 12px;
    font-family: arial !important;
    font-weight: 400 !important
}

.error-radio-area .checkbox-inline,
.radio-inline {
    position: static !important
}

.selectContainer {
    margin-top: 20px
}

.list-block .btn {
    font-size: 15px;
    text-transform: uppercase
}

.list-block .form-group {
    margin-bottom: 11px
}

.popup-label {
    margin-left: 30px !important;
    margin-bottom: 0
}

.position-relative {
    position: relative
}

.position-static {
    position: static !important
}

.jquerycicle {
    position: relative
}

.column {
    height: 20%
}

.regist_panel {
    margin: 0 auto;
    width: 70%
}

.form-heading.otp_heidng {
    margin-bottom: 10px
}

.otp_heidspan {
    font-size: 16px;
    font-weight: 700;
    margin: 0;
    text-align: center
}

.content-white .form-group {
    margin-bottom: 20px
}

.all-products-heading .form-group {
    margin-bottom: 20px;
    width: 150px;
    float: right;
    margin-right: 12px;
    height: 50px
}

.mt-0 {
    margin-top: 0
}

.mb-0 {
    margin-bottom: 0 !important
}

.hint-text {
    color: #f39c12;
    display: none;
    font-family: arial;
    font-size: 13px;
    line-height: 18px;
    margin: 20px 0 0;
    transition: display .5s ease-in-out;
    white-space: pre-wrap;
    text-align: left
}

.hint-block1:hover .hint-show1 {
    display: block !important;
    transition: display .5s ease-in-out
}

.hint-block2:hover .hint-show2 {
    display: block !important
}

.hint-block3:hover .hint-show3 {
    display: block !important
}

.hint-block4:hover .hint-show4 {
    display: block !important
}

.hint-block5:hover .hint-show5 {
    display: block !important
}

.hint-block6:hover .hint-show6 {
    display: block !important
}

.hint-block7:hover .hint-show7 {
    display: block !important
}

.hint-block8:hover .hint-show8 {
    display: block !important
}

.hint-block9:hover .hint-show9 {
    display: block !important
}

.hint-block10:hover .hint-show10 {
    display: block !important
}

.side-heading {
    font-size: 18px;
    margin: 25px 0 15px;
    text-align: left
}

.account-dropdown .dropdown-menu {
    min-width: auto;
    width: auto
}

.li_msg {
    color: red;
    font-size: 12px;
    padding: 0 10px;
    min-width: 200px;
    max-width: 200px
}

.pro_desi_name {
    background-color: #52b54a;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    color: #fff;
    font-size: 16px;
    padding: 10px
}

.active1 {
    background-color: #3ab54a;
    border-radius: 0;
    color: #fff !important
}

.panel-title>a {
    padding: 10px 15px
}

.reg_radi input {
    margin: 0 5px
}

#type-error {
    bottom: -75
}

.usr_tgs span {
    border-bottom: 1px solid #286090;
    color: #286090;
    font-family: fonarto;
    padding-bottom: 2px
}

#unread_notifications p {
    margin: 10px 15px
}

.selected {
    display: block;
    float: right;
    position: absolute;
    right: 0;
    top: 6px;
    background: 0 0;
    width: 0;
    height: 0;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-right: 12px solid #fff;
    z-index: 1
}

.xactive1::after {
    position: absolute;
    content: close-quote;
    right: 0;
    top: 6px;
    width: 0;
    height: 0;
    z-index: 7;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-right: 12px solid #fff
}

ul.list-group.category-submenu-list li a {
    margin-bottom: 0 !important
}

.feature_text th,
td {
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;
    font-size: 14px !important;
    padding-left: 10px;
    color: #000
}

.cropit-preview {
    background-color: #f8f8f8;
    background-size: cover;
    border: 1px solid #ccc;
    border-radius: 3px;
    margin-top: 7px;
    width: 250px;
    height: 250px
}

.cropit-preview-image-container {
    cursor: move
}

.image-size-label {
    margin-top: 10px
}

.export,
input {
    display: block
}

.marble-big-block {
    text-align: center;
    margin-top: 20px;
    overflow: hidden
}

.marble-small {
    list-style-type: none;
    margin: 20px 0;
    padding: 0;
    text-align: center
}

.marble-small li {
    display: inline-block;
    margin: 10px
}

.marble-small li img {
    width: 100px;
    height: 100px
}

.marble-big img {
    max-height: 500px;
    max-width: 100%;
    width: auto;
    margin-bottom: 30px;
    padding: 10px;
    border: 2px solid #ddd;
    outline: 0 !important
}

.marble-big,
.marble-small li a {
    outline: 0 !important
}

.product_single_cart_table {
    margin: 10px 0
}

.grey_link {
    color: #ccc;
    cursor: pointer
}

.grey_link:hover {
    color: #ccc
}

.dropdown-notifications li {
    color: red;
    padding: 5px;
    font-size: 12px;
    font-weight: 700
}

input[type=radio].css-checkbox {
    position: absolute;
    z-index: -1000;
    left: -1000px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0
}

input[type=radio].css-checkbox+label.css-label {
    padding-left: 15px;
    height: 15px;
    display: inline-block;
    line-height: 15px;
    background-repeat: no-repeat;
    background-position: 0 0;
    font-size: 15px;
    vertical-align: middle;
    cursor: pointer;
    margin: 0 4px
}

input[type=radio].css-checkbox:checked+label.css-label {
    background-position: 0 -15px
}

label.css-label {
    background-image: url(/assets/images/csscheckbox_5a1f35c674e05f90728a036a5a666a30-1.png);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

a.top_prod_link2.btn1 {
    border: 1px solid #9e9e9e;
    color: #fff;
    font-size: 14px;
    margin: 0 10px 25px 0;
    padding: 5px 10px;
    border-radius: 3px;
    background: #3ab54a;
    border: 1px solid #3ab54a
}

a.top_prod_link2.btn2 {
    border: 1px solid #9e9e9e;
    color: #fff;
    font-size: 14px;
    margin: 0 10px 25px 0;
    padding: 5px 10px;
    border-radius: 3px;
    background: #3ab54a;
    border: 1px solid #3ab54a
}

a.top_prod_link2.btn1:hover {
    background: #323131;
    color: #fff;
    border: 1px solid #323131
}

select#soting_value:hover {
    background: #323131;
    color: #fff;
    border: 1px solid #323131
}

.priceRangeInfo {
    position: relative;
    height: 30px;
    margin-top: 60px
}

.priceRangeInfo label {
    position: absolute;
    top: -30px;
    left: 10px
}

.priceRangeInfo #buying_slider_min {
    top: -60px;
    position: absolute;
    width: 100%
}

.priceRangeInfo #buying_slider_max {
    top: -15px;
    position: absolute;
    width: 100%
}

.priceRangeInfo div.ui-slider {
    position: absolute
}

.priceRangeInfo div:last-child {
    position: absolute;
    left: 0
}

.search-input-inner {
    height: 38px
}

.pcode {
    font-size: 12px
}

.right-arrow.carousel-control {
    right: 0 !important;
    left: auto
}

.floor-plan-slider-carousel img {
    padding: 30px
}

.product_name {
    text-decoration: none !important
}

.client-bg {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: 100%;
    padding-bottom: 30px
}

a.top_prod_link2 {
    color: #222;
    font-size: 15px;
    margin: 0 10px 25px 0;
    padding: 0 0 10px 0;
    position: relative
}

.top_header_link_border {
    border-bottom: 1px solid #3ab54a;
    margin-top: 25px
}

label.control-label.price_name {
    width: 35%;
    float: left;
    padding-top: 0;
    font-family: fonarto;
    color: #222;
    padding-top: 2px;
    padding-left: 10px
}

.top_header_link_border {
    border-bottom: 1px solid #3ab54a;
    margin: 45px auto 0 auto;
    width: 100%
}

.heading-main::after {
    background: #fff
}

.left-block {
    margin-top: 5px
}

.prod_link22 {
    float: left;
    margin-bottom: 14px
}

a.top_prod_link2:hover {
    text-decoration: none
}

select#soting_value {
    height: 32px;
    padding: 2px 20px 2px 5px;
    font-size: 14px;
    margin-top: -5px;
    border: none;
    color: #fff;
    background: #3ab54a;
    width: 150px;
    float: left;
    margin-right: 15px
}

.multiselect {
    height: auto;
    overflow: auto
}

.multiselect::-webkit-scrollbar {
    width: 6px;
    padding: 1px;
    border: 1px solid #ccc
}

.multiselect::-webkit-scrollbar-track {
    background-color: #eaeaea
}

.multiselect::-webkit-scrollbar-thumb {
    background-color: #3ab54a
}

.multiselect::-webkit-scrollbar-thumb:hover {
    background-color: #5fc76d
}

.heading-n {
    font-size: 16px;
    color: #2a2a2b;
    font-weight: 900
}

.subscribe {
    margin: auto
}

.floor-plan-image-feature li p {
    color: #fff
}

.main-heading-font {
    font-family: fonarto;
    font-size: 24px;
    text-align: center;
    padding: 0 0 10px 0;
    color: #222;
    margin: 0
}

.black-bg-light {
    background: rgba(0, 0, 0, .3)
}

.blog-div-bg {
    width: 100%;
    height: auto;
    background-color: #fff;
    border-radius: 0;
    padding: 10px;
    min-height: 140px;
    position: relative;
    border: 1px solid #f3f3f3;
    box-shadow: 1px 7px 26px #ddd
}

#blog-coros-slider .owl-item .item .blog-div-bg {
    min-height: 352px
}

.blog-div-bottemarrow {
    width: 1px;
    height: 1px;
    border-left: 24px solid transparent;
    border-right: 24px solid transparent;
    border-top: 24px solid #f5f5f5;
    position: absolute;
    z-index: 1;
    bottom: -20px
}

.p-left {
    padding-left: 50px
}

.p-left1 {
    padding-left: 30px
}

.p-right {
    padding-right: 50px
}

.subfooter ul li {
    display: inline;
    margin: 0 4px;
    line-height: 28px
}

.subfooter ul li a:hover {
    color: green
}

.subfooter ul li a {
    color: #0c1232;
    text-decoration: none
}

.col-sm-6.card-col.second-menu {
    margin-left: 20px;
    margin-top: 30px
}

.category-submenu-heading.cust {
    margin-top: 20px
}

.subfooter.pb-0top ul {
    margin-bottom: 20px
}

.house-search {
    clear: both;
    display: inline-block;
    width: 100%;
    padding: 20px 7px;
    background: #333;
    color: #fff
}

ul.house-search li {
    display: inline;
    float: left;
    margin-right: 4px;
    width: 16%
}

.house-search li input[type=submit] {
    height: 38px;
    font-size: 18px;
    text-transform: capitalize;
    background-color: #3ab54a;
    border-color: #3ab54a;
    border-radius: 0 !important;
    margin-top: 20px
}

ul.house-search li span {
    margin-right: 10px;
    font-size: 15px
}

ul.house-search li select.number {
    width: 15%;
    font-size: 15px
}

ul.house-search li select {
    color: #333;
    width: auto;
    background-color: #fff;
    border: thin solid #3ab54a;
    border-radius: 2px;
    display: inline-block;
    font: inherit;
    line-height: 1.5em;
    padding: .5em 3.5em .5em 1em;
    margin: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 90%
}

ul.house-search {
    width: 81%;
    margin: auto;
    padding: 20px 5px;
    clear: both;
    color: #fff;
    height: 84px
}

.require-form ul.house-search {
    height: auto
}

.slider_search select select.classic,
ul.house-search li select.classic {
    background-image: linear-gradient(45deg, transparent 50%, #fff 50%), linear-gradient(135deg, #fff 50%, transparent 50%), linear-gradient(to right, #3ab54a, #3ab54a);
    background-position: calc(100% - 20px) calc(1em + 2px), calc(100% - 15px) calc(1em + 2px), 100% 0;
    background-size: 5px 5px, 5px 5px, 2.5em 2.5em;
    background-repeat: no-repeat
}

.slider_search select select.classic,
select.classic:focus {
    background-image: linear-gradient(45deg, #fff 50%, transparent 50%), linear-gradient(135deg, transparent 50%, #fff 50%), linear-gradient(to right, #3ab54a, #3ab54a);
    background-position: calc(100% - 15px) 1em, calc(100% - 20px) 1em, 100% 0;
    background-size: 5px 5px, 5px 5px, 2.5em 2.5em;
    background-repeat: no-repeat;
    border-color: green;
    outline: 0
}

.searchbar .search-div {
    width: 100%;
    background: #333;
    background: url(/assets/images/search-service-bg.jpg);
    margin: auto;
    display: inline-block;
    padding: 40px 0;
    border-top: 5px solid #3ab54a;
    border-bottom: 5px solid #3ab54a;
    margin: 30px 0 0
}

.searchbar .heading-main.wow.fadeInUp.text-center {
    color: #fff;
    border-bottom: none;
    padding: 14px;
    width: 100%;
    margin: auto
}

.searchbar .heading-main::after {
    height: 0
}

.parallax_sec1 ul.left {
    float: left;
    width: 50%;
    padding-right: 2%;
    border-right: 1px solid #37b44a;
    padding-left: 0;
    margin-left: 0
}

.service-section-home {
    padding: 0 0;
    background-repeat: no-repeat;
    background-size: 50%;
    background-position: bottom left
}

.parallax_sec1 ul.right {
    color: #fff;
    float: left;
    width: 49%;
    padding-left: 2%
}

.parallax_sec1 .left li {
    float: left;
    width: 100%;
    text-align: right;
    color: #000;
    padding: 0;
    margin: 0 0 20px 0;
    font-size: 12px;
    position: relative;
    background: #f9f9f9;
    min-height: 160px
}

.parallax_sec1 .right li {
    display: inline-block;
    color: #000;
    padding: 0;
    margin: 0 0 20px 0;
    font-size: 12px;
    background: #f9f9f9;
    padding: 5px 10px;
    min-height: 160px
}

.parallax_sec1 .left li p,
.parallax_sec1 .right li {
    font-size: 12px
}

.parallax_sec1 .left li i.fa {
    float: right;
    position: relative;
    top: 11px;
    margin-left: 20px
}

.parallax_sec1 {
    background: #fff;
    padding-bottom: 30px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-bottom: 0
}

.imgicon-text p,
.imgicon-text1 p {
    letter-spacing: 0;
    font-size: 13px !important;
    color: #444;
    line-height: 24px
}

.imgicon-text {
    float: left;
    width: 83%
}

.container-fluid.bg {
    background-color: rgba(0, 0, 0, .8);
    padding: 45px 0
}

.animate h3 {
    color: #39cb4c
}

.respons {
    margin-bottom: 0
}

.parallax_sec1 .right li span {
    float: left;
    margin-right: 20px;
    margin-top: 27px
}

.parallax_sec1 .left li span {
    float: right;
    margin-left: 20px;
    margin-top: 27px
}

.house-search.topli li {
    width: 25%;
    margin: auto;
    text-align: center
}

ul.house-search.topli {
    width: 60%
}

.house-search.topli li {
    width: 30%;
    margin: auto;
    text-align: center;
    padding-left: 20px
}

.house-search.topli li select {
    width: 100%
}

.homepagcon p {
    font-size: 15px;
    line-height: 29px;
    color: #333;
    letter-spacing: 0
}

.how-it-works-img h3 {
    font-size: 24px;
    color: #000;
    font-family: fonarto;
    margin: 0;
    line-height: initial
}

.how-it-works-img img {
    margin: 0 auto
}

.form-top-left2 input {
    width: 100%;
    height: 36px;
    margin: 5px auto;
    border: 1px solid #dbdbdb;
    padding-left: 10px;
    border-radius: 0
}

.form-top-left2 select {
    width: 100%;
    height: 36px;
    margin: 5px auto;
    border: 1px solid #dbdbdb;
    padding-left: 10px;
    border-radius: 0
}

.modal-content2.text-left {
    background: #fff;
    border-radius: 10px;
    width: 74%;
    margin: auto
}

.form-box.wow.zoomIn.pding_top_0 h2 {
    text-align: center;
    font-weight: 700
}

button.close {
    -webkit-appearance: none;
    padding: 0;
    cursor: pointer;
    border: 0;
    color: #369e43;
    padding: 10px;
    margin-bottom: 10px
}

.form-box.wow.zoomIn.pding_top_0 {
    padding: 0 12px 12px;
    margin-top: 20px
}

span.font-bold a {
    font-size: 12px;
    font-weight: 700;
    margin-top: 22px;
    padding-top: 14px;
    float: left;
    color: #000 !important;
    cursor: pointer
}

#how_it_works_li a {
    color: #fff
}

.product-simple-body.product2.inner-page {
    max-height: 89px;
    min-height: 89px;
    overflow: hidden
}

.imgicon {
    float: right;
    width: 15%
}

.imgicon1 {
    float: left;
    width: 15%
}

.imgicon-text {
    float: left;
    width: 85%
}

.imgicon-text1 {
    float: left;
    width: 85%;
    padding-left: 15px
}

.col-sm-12.cust-house {
    margin: 10px 0
}

li#how_it_works_li a img {
    margin-right: 8px
}

.description {
    font-size: 16px;
    padding-top: 4px;
    font-weight: 700;
    color: #004010;
    margin-bottom: 6px
}

.frame-round,
.frame-square {
    background: #fff;
    border: 2px solid #3ab54a;
    display: inline-block;
    vertical-align: top;
    padding: 0;
    width: 130px;
    height: 130px;
    margin-right: .5em;
    margin-bottom: .3em
}

.frame-round {
    border-radius: 50%;
    overflow: hidden
}

.frame-round .crop {
    border-radius: 50%
}

.crop {
    height: 100%;
    overflow: hidden;
    position: relative
}

.crop img {
    display: block;
    min-width: 100%;
    min-height: 100%;
    margin: auto;
    position: absolute;
    top: -100%;
    right: -100%;
    bottom: -100%;
    left: -100%
}

#active-popup {
    background-color: rgba(52, 73, 94, .7);
    position: fixed;
    width: 100%;
    height: 100% !important;
    top: 0;
    left: 0;
    z-index: 99999
}

#popup-container {
    width: 25%;
    height: auto;
    margin: 0 auto;
    margin-top: 10%;
    position: fixed;
    left: 35%;
    z-index: 99999;
    top: 0;
    display: none
}

.modal-content {
    position: relative;
    text-align: center;
    width: 100%
}

#popup-window {
    position: relative
}

.modal-content h1,
.modal-content p {
    color: #000
}

#popup-container a.close {
    position: relative;
    float: right;
    top: -15px;
    right: -7px;
    z-index: 99;
    font-weight: 700;
    font-size: 16px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    padding: 2px 5px 2px 6px;
    line-height: 1em;
    text-align: center;
    background: #369e43;
    border: 4px solid #fff;
    cursor: pointer;
    color: #fff
}

.l-height b {
    width: 92px;
    display: inline-block
}

.l-height ul {
    list-style: none;
    padding-left: 0;
    overflow: hidden;
}

.l-height ul li {
    border-bottom: 1px solid rgba(231, 231, 231, .68);
    width: 100%;
    padding: 4px 0
}

.col-sm-8.discription ul {
    margin-left: 0;
    border: solid 1px #ccc;
    padding: 10px 0 10px 0;
    text-align: left
}

.col-sm-8.discription ul li {
    list-style: none;
    border-bottom: solid 1px #ccc;
    margin-bottom: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    height: 40px;
    overflow-x: hidden
}

.col-sm-8.discription ul li:last-child {
    border-bottom: none;
    margin-bottom: 0
}

.col-sm-8.discription ul li span {
    padding-right: 20px
}

.detail-p p {
    text-align: left;
    height: 60px;
    overflow: hidden;
    padding: 0 11px;
    width: 97%;
    margin: 13px auto
}

ul.butlul li {
    float: left;
    margin-right: 20px;
    list-style: none
}

.port_head_name {
    text-align: left
}

.col-sm-6.col1 p {
    padding: 10px
}

.col-sm-6.col1 {
    border: solid 1px #ccc;
    margin-bottom: 14px;
    padding-bottom: 16px;
    padding-top: 16px;
    width: 49%;
    margin-left: 10px
}

#popup-container.model1 {
    width: 100%;
    margin: auto;
    height: 100%;
    background: rgba(0, 0, 0, .7);
    left: 0
}

#popup-window.popupform1 {
    position: relative;
    width: 25%;
    margin: auto;
    top: 25%
}

.col-sm-12.information-nav-div ul {
    padding: 0;
    margin: 0
}

.col-sm-12.information-nav-div ul li {
    display: inline;
    float: left;
    margin: 10px 10px 10px 0;
    font-size: 16px
}

.col-sm-12.information-nav-div ul li a {
    display: inline
}

.col-sm-12.information-nav-div {
    border-bottom: solid 1px #545454;
    padding-bottom: 10px;
    background: #323131;
    padding-top: 15px
}

ul.butlul.star1 {
    padding: 0 0 0 10px
}

.col-sm-8.discription ul li strong {
    width: 100px;
    display: inline-block
}

.navbar-toggle.filter-side {
    z-index: 1;
    background: #3ab54a;
    margin: 0 2px;
    position: absolute;
    width: 100%;
    right: 0;
    height: 52px;
    color: #fff;
    font-size: 17px;
    font-weight: 700;
    padding-top: 3px
}

.navbar-toggle.filter-side .icon-bar {
    background: #333
}

@media (max-width:350px) {
    .product-simple-body.product2.inner-page {
        max-height: 125px;
        min-height: 89px;
        overflow: hidden
    }
}

@media (min-width:500px) and(max-width:767) {
    .content-white>.row>.wrap>.col-sm-6.col-md-6.items.item.ipd-wid {
        width: 50% !important;
        float: left
    }
}

.panel.panel-default.product-pageside-bar .panel-body p {
    min-height: 20px
}

.panel-body.max-high {
    height: 270px;
    overflow: scroll
}

.panel-body.max-high p input {
    float: left;
    margin-right: 5px
}

.col-sm-3.pdr_0.left-bar .panel-side {
    margin-left: 0;
    background: #fff;
    border-color: #ccc;
    box-shadow: 2px 2px 2px #ccc
}

.col-sm-3.pdr_0.left-bar .panel-side .list-block select,
.col-sm-3.pdr_0.left-bar .panel-side input {
    border: 1px solid #3ab54a
}

.col-sm-3.pdr_0.left-bar .panel-side .panel-heading {
    padding: 15px 15px
}

.col-sm-3.pdr_0.left-bar .panel-side h3.panel-title {
    font-size: 20px;
    color: inherit;
    font-weight: 700
}

.col-sm-3.pdr_0.left-bar .panel-side .list-block {
    padding: 0 !important
}

.col-sm-3.pdr_0.left-bar .panel-side .list-block .pric_min {
    color: #2a2a2b
}

.col-sm-3.pdr_0.left-bar .panel-side .list-block .heading-n {
    margin-top: 10px
}

.col-sm-3.pdr_0.left-bar .panel-side .panel-default>.panel-heading {
    background-color: #1b9e2c;
    border-color: #0a650a;
    color: #fff;
    padding: 12px 14px;
    font-weight: 700
}

.col-sm-3.pdr_0.left-bar .panel-side .panel-default>.panel-heading .panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 17px;
    color: inherit;
    font-weight: inherit
}

.col-sm-3.pdr_0.left-bar .panel-side .panel-default>.panel-heading .panel-title a:active {
    color: #fff;
    text-decoration: none
}

.col-sm-3.pdr_0.left-bar .panel-side .product-pageside-bar .panel-body.bas-div {
    background: #fff
}

.col-sm-3.pdr_0.left-bar .panel-side .product-pageside-bar .panel-body.bas-div p {
    padding: 10px;
    margin-bottom: 0
}

.col-sm-3.pdr_0.left-bar .panel-side .panel {
    border: none
}

.panel.panel-default.sub-dib-res {
    background: #d5fbda
}

.sub-dib-res .row.marg-btm-side {
    margin-bottom: 10px
}

.pading-no {
    padding: 0
}

.marg-no {
    margin-bottom: 0
}

.form-group.vastu-radio {
    color: #000;
    background: #fff;
    padding: 20px
}

.hosp-introduction {
    padding: 50px 0
}

.hosp-intro {
    padding: 40px 0;
    color: #000;
    line-height: 24px
}

.hosp-intro p {
    margin-bottom: 30px
}

.hosp-img img {
    border: 5px solid #3ab54a
}

.hosp-img {
    position: relative
}

.xhosp-img:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-left: 50px solid transparent;
    border-right: 50px solid #000;
    border-top: 50px solid transparent;
    border-bottom: 50px solid #000
}

.feature-left-img {
    position: relative
}

.hosp-img-overlay {
    position: absolute;
    top: 30px;
    left: 30px;
    right: 30px;
    bottom: 30px;
    border: 3px solid #3ab54a;
    padding: 20px;
    text-align: center;
    color: #fff;
    background: rgba(0, 0, 0, .3);
    display: flex;
    align-items: center;
    justify-content: center
}

.hosp-img-overlay p {
    font-size: 16px;
    line-height: 24px;
    font-family: Lato, sans-serif
}

.hosp-img-overlay p strong {
    font-family: Lato, sans-serif;
    font-size: 24px;
    margin-bottom: 20px;
    display: inline-block
}

.features-sec {
    background: url(/assets/images/hosp-bg.jpg);
    padding: 70px 0;
    background-size: cover;
    border: 1px solid #b6fbbf;
    background-position: center center
}

.features-sec h2 {
    text-align: inherit;
    font-size: 24px
}

.features-sec ul {
    margin: 0;
    padding: 0
}

.features-sec ul li {
    list-style-type: none;
    padding: 8px;
    color: #000;
    line-height: 28px
}

.features-sec ul li i {
    color: #3ab54a;
    font-size: 10px;
    padding-right: 10px
}

.hospital-content {
    padding: 60px 0
}

.hospital-content p {
    padding: 30px;
    border: 1px solid #eee;
    margin-bottom: 30px;
    line-height: 26px;
    color: #000
}

.host-p-left p {
    border-left: 7px double #3ab54a
}

.host-p-right p {
    border-right: 7px double #3ab54a
}

.hosp-contact {
    background: url(/assets/images/hosp-contact-us.jpg);
    padding: 50px 0;
    margin-bottom: 70px
}

.hosp-contact input {
    margin-bottom: 15px;
    height: 40px;
    border: 1px solid #3ab54a;
    border-radius: 0
}

.hosp-contact textarea {
    margin-bottom: 15px;
    border: 1px solid #3ab54a;
    border-radius: 0
}

.hosp-contact button {
    background: #3ab54a;
    color: #fff;
    padding: 10px 40px;
    text-transform: uppercase;
    font-weight: 600;
    font-family: Lato, sans-serif
}

.hosp-feat-2 {
    padding: 80px 0
}

.hosp-feat-2 h2 {
    font-size: 28px;
    text-align: left
}

.hosp-feat-2 ul {
    padding: 0;
    margin: 0
}

.hosp-feat-2 ul li {
    list-style-type: none;
    color: #000;
    line-height: 27px;
    margin-bottom: 25px;
    position: relative;
    padding-left: 60px
}

.hosp-feat-2 ul li h2 {
    position: absolute;
    left: 0;
    top: 0;
    color: #3ab54a
}

.apt-blocks {
    padding: 70px 0
}

.apt-block-content h3 {
    font-weight: 700;
    color: #3ab54a;
    font-family: Lato, sans-serif;
    font-size: 22px
}

.apt-block-h-gap {
    width: 80px;
    height: 3px;
    background: #000;
    margin-bottom: 20px;
    margin-top: 20px
}

.apt-block-content p {
    line-height: 24px
}

.apt-block-pic {
    height: 250px;
    overflow: hidden
}

.apt-blocks .row {
    border: 1px solid #7bdb88;
    padding: 15px 0;
    margin: 15px auto
}

.apt-text {
    text-align: center;
    padding: 50px 0
}

.apt-text p {
    line-height: 24px;
    color: #000
}

.apt-contact-form form {
    background: #ececec;
    padding: 20px 5px;
    border: 1px solid #cfcfcf
}

.apt-contact-form form input.form-control {
    padding: 0 10px;
    height: 36px;
    border: 1px solid #ddd;
    margin-bottom: 3px
}

.apt-contact-form form select.form-control {
    padding: 0 15px;
    height: 45px;
    margin-bottom: 3px;
    border: 1px solid #ddd
}

.apt-contact-form form textarea.form-control {
    padding: 15px 20px;
    height: 65px;
    margin-bottom: 3px;
    border: 1px solid #ddd
}

.apt-contact-form h3 {
    font-size: 24px;
    background: #3ab54a;
    margin: 0;
    padding: 12px;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    font-family: Lato, sans-serif;
    border-radius: 0
}

.apt-contact-form form .btn {
    background: #3ab54a;
    border: none;
    padding: 9px 40px;
    color: #fff;
    font-weight: 600;
    font-family: Lato, sans-serif
}

.apt-bus-banner img {
    border: 3px solid #3ab54a
}

.apt-features {
    background: #eee;
    padding: 40px 0
}

.apt-features ul li img {
    display: block;
    width: 40px;
    margin: 20px auto
}

.apt-features ul li {
    list-style-type: none;
    width: 20%;
    float: left;
    padding: 20px;
    text-align: center;
    border: 1px solid #e0e0e0;
    height: 190px;
    background: #fff;
    font-family: Lato, sans-serif;
    color: #000;
    font-size: 15px;
    line-height: 24px
}

.apt-features {
    background: #eee;
    padding: 50px 0
}

.apt-contact-form {
    padding: 50px 0
}

.apt-block-content h3 {
    margin-top: 0
}

.got-query {
    background: url(/assets/images/1.jpg);
    color: #fff;
    font-size: 22px;
    font-family: Lato, sans-serif;
    background-size: cover;
    padding: 20px 0
}

.got-query strong {
    font-weight: 700;
    font-size: 26px;
    font-family: Lato, sans-serif
}

.apt-text p {
    color: #000;
    text-align: left;
    padding-left: 30px;
    border-left: 7px double #3ab54a;
    margin: 0;
    padding-bottom: 15px;
    line-height: 24px
}

.apt-text {
    background: #fff url(/assets/images/main_building.png);
    background-repeat: no-repeat;
    background-position: bottom right;
    background-size: 50%
}

.apt-blocks {
    padding: 70px 0
}

.apt-block-content h3 {
    font-weight: 700;
    color: #3ab54a;
    font-family: Lato, sans-serif;
    font-size: 22px
}

.apt-block-h-gap {
    width: 80px;
    height: 3px;
    background: #000;
    margin-bottom: 20px;
    margin-top: 20px
}

.apt-block-content p {
    line-height: 24px
}

.apt-block-pic {
    height: 250px;
    overflow: hidden
}

.apt-blocks .row {
    border: 1px solid #7bdb88;
    padding: 15px 0;
    margin: 15px auto
}

.apt-gallery-slider {
    background: #f5f5f5;
    padding-top: 50px
}

.apt-gallery-slider img {
    border: 2px solid #3ab54a
}

.apt-features ul {
    padding: 0;
    margin: 0
}

.farm-features {
    background: #eee;
    padding: 40px 0
}

.farm-features ul li img {
    display: block;
    width: 40px;
    margin: 20px auto
}

.farm-features ul {
    padding: 0;
    margin: 0
}

.farm-features ul li {
    list-style-type: none;
    width: 25%;
    float: left;
    padding: 20px;
    text-align: center;
    border: 1px solid #e0e0e0;
    min-height: 220px;
    background: #fff;
    font-family: Lato, sans-serif;
    color: #000;
    font-size: 15px;
    line-height: 24px
}

.farm-features {
    background: #eee;
    padding: 50px 0
}

.steps-asso-col {
    background: url(/assets/images/brickwalls.png);
    padding: 50px 0
}

.benifits-of-asso {
    background: url(/assets/images/busi-asso-icon/slider-background-3.jpg);
    padding: 50px;
    color: #fff;
    line-height: 28px;
    margin: 30px 0
}

.step-asso-block {
    background: #fff;
    padding: 10px;
    position: relative;
    display: flex;
    padding-left: 120px;
    font-size: 13px;
    line-height: 24px;
    height: 120px;
    justify-content: center;
    align-items: center
}

.step-asso-block p {
    font-size: 14px;
    margin: 0;
    color: #000
}

.step-asso-num::after {
    position: absolute;
    content: "";
    border-top: 62px solid transparent;
    border-bottom: 60px solid transparent;
    border-left: 25px solid #38ae47;
    top: 0;
    right: -24px
}

.step-asso-num {
    position: absolute;
    left: 0;
    background: #38ae47;
    top: 0;
    bottom: 0;
    width: 90px;
    text-align: center;
    vertical-align: middle;
    color: #fff;
    font-size: 18px;
    line-height: 120px
}

.step-mid i {
    font-size: 80px;
    text-align: center;
    color: #38ae47;
    line-height: 120px
}

.bene-asso-list h3 {
    font-size: 36px
}

.bene-asso-list p {
    font-size: 16px;
    font-style: italic;
    color: #38ae47;
    font-weight: 600;
    letter-spacing: 1px;
    margin-bottom: 30px;
    border-bottom: 1px solid #777;
    display: inline-block;
    padding-bottom: 10px
}

.bene-asso-list ul {
    padding: 0;
    margin: 0
}

.bene-asso-list ul li {
    list-style-type: none;
    padding: 5px;
    font-size: 16px;
    position: relative;
    border-left: 1px solid #3ab54a;
    padding-left: 25px
}

.bene-asso-list ul li i {
    padding-right: 10px;
    font-size: 14px;
    color: #37ad47;
    font-weight: 600;
    position: absolute;
    left: -7px;
    top: 13px
}

.asso-resp-block h4 {
    background: linear-gradient(#2b9b3a, #56de68);
    padding: 15px;
    color: #fff;
    font-weight: 600;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    margin: 0
}

.asso-resp-block ul {
    background: #eee;
    padding: 0;
    margin: 0;
    border: 1px solid #e1e6e2
}

.busi-asso-des-left {
    text-align: left;
    line-height: 30px;
    color: #000;
    padding: 10px 20px;
    border: 1px solid #e6e6e6;
    border-left: 12px double #4bcc5c;
    margin: 20px 0
}

.busi-asso-des-right {
    text-align: right;
    line-height: 30px;
    color: #000;
    padding: 10px 20px;
    border: 1px solid #e6e6e6;
    border-right: 12px double #4bcc5c;
    margin: 20px 0
}

.asso-resp-block ul li {
    list-style-type: none;
    padding: 12px;
    font-size: 15px;
    color: #000;
    border-bottom: 1px solid #ddd
}

.asso-resp {
    padding: 50px 0
}

.asso-resp-block ul li:nth-child(odd) {
    background: #eee
}

.asso-resp-block ul li:nth-child(even) {
    background: #fff
}

.busi-asso-des h3 {
    color: #3ab54a;
    font-weight: 700;
    font-size: 20px;
    margin-bottom: 10px
}

.busi-asso-des p {
    font-size: 16px;
    line-height: 28px;
    margin-bottom: 40px
}

a.bus-asso-reg-btn {
    background: linear-gradient(#2b9b3a, #56de68);
    display: inline-block;
    padding: 13px 70px;
    border-radius: 4px;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-top: 20px
}

a.bus-asso-reg-btn:hover {
    color: #fff;
    text-decoration: none
}

.bus-asso-head p span {
    display: inline-block;
    padding: 10px;
    font-size: 20px;
    font-style: italic;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    color: #fff
}

.busi-asso-table table thead {
    background: #004980;
    color: #fff
}

.busi-asso-table table th,
.busi-asso-table table tr {
    text-align: center
}

.busi-asso-table table td {
    padding: 15px !important;
    line-height: 24px !important
}

.busi-asso-table table tbody tr:nth-child(odd) {
    background: #eee
}

.busi-asso-table table tbody tr:nth-child(even) {
    background: #fff
}

.busi-asso-table table th {
    padding: 10px !important;
    line-height: 24px !important
}

.busi-asso-table .table-bordered {
    border-bottom: 3px solid #ccc !important
}

.bus-need-head p {
    font-size: 18px
}

.bus-need-list {
    text-align: center
}

.bus-need-list img {
    width: 90px;
    padding: 25px;
    background: #3ab54a;
    border-radius: 50%
}

.bus-need-list {
    background: #f1f1f1;
    padding: 20px;
    height: 220px;
    margin-bottom: 30px;
    border: 1px solid #3ab54a
}

.bus-need-list h3 {
    font-size: 18px;
    line-height: 28px;
    color: #000
}

.business-page-head {
    background: url(/assets/images/bus-investigations.jpg);
    padding: 60px 0
}

.business-page-head h2.main-heading-font {
    color: #3ab54a;
    font-size: 48px
}

.faq-page-head {
    background: #ddd;
    padding: 60px 0;
    margin-bottom: 50px
}

.faq-page-head h2.main-heading-font {
    color: #3ab54a;
    font-size: 48px;
    padding: 0
}

.faq-all-ques .panel-group .panel {
    margin-bottom: 20px
}

.faq-all-ques .panel-body {
    border-bottom: 4px solid #3ab54a;
    line-height: 26px;
    font-size: 15px;
    color: #000
}

.last-reg-btn a {
    display: inline-block;
    background: linear-gradient(#2b9b3a, #56de68);
    display: inline-block;
    padding: 10px 50px;
    border-radius: 4px;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin: 30px 0;
    transition: background .5s linear
}

.last-reg-btn a:hover {
    color: #fff;
    text-decoration: none;
    background: linear-gradient(#56de68, #2b9b3a)
}

.faq-all-ques .panel-group .panel {
    border-radius: 0;
    box-shadow: none;
    border-color: #eee
}

.faq-all-ques .panel-default>.panel-heading {
    padding: 0;
    border-radius: 0;
    color: #212121;
    background-color: #fafafa;
    border-color: #eee
}

.faq-all-ques .panel-title {
    font-size: 14px
}

.faq-all-ques .panel-title>a {
    display: block;
    padding: 15px;
    text-decoration: none
}

.faq-all-ques .more-less {
    float: right;
    color: #212121
}

.faq-all-ques .panel-default>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #eee
}

.tnc-img i {
    font-size: 20px !important;
    margin-right: 0 !important;
    color: #fff !important;
    width: 40px;
    height: 40px;
    background: #38ab47;
    text-align: center;
    line-height: 40px;
    border-radius: 20px
}

#add_on_checkboxes span {
    color: #000;
    display: inline-block;
    width: 100%;
    height: 100px;
    overflow: auto;
    font-size: 13px;
    line-height: 24px
}

.last-text-pro {
    background: #3ab54a;
    text-align: center;
    padding: 30px 0;
    color: #fff
}

.last-text-pro h3 {
    font-style: italic;
    font-size: 18px
}

.pro-check-btn {
    display: inline-block;
    background: #3ab54a;
    padding: 15px 40px;
    margin: 20px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    font-family: Lato, sans-serif;
    letter-spacing: 2px;
    font-size: 15px;
    border: none;
    border-radius: 5px
}

#add_on_checkboxes .media-object {
    margin: 0 auto;
    width: auto;
    height: 50px
}

.best-amenity-sec #accordion .panel-body {
    padding-top: 30px
}

.best-amenity-sec #accordion .panel-body .ser1 {
    min-height: 400px
}

.best-amenity-sec #accordion .panel-body .ser2 {
    min-height: 453px
}

.hire-pro-blocks i {
    position: absolute;
    font-size: 18px;
    z-index: 9;
    top: 5px;
    left: 5px;
    color: #fff
}

.dis-b {
    opacity: 1
}

.dis-n {
    opacity: 0
}

.col-md-6.col-md-offset-3.text-center.tc-one-line {
    display: flex;
    text-align: center;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 30px 0
}

.check-for-supervision .btn.pincode-submit-btn {
    width: 130px;
    background: #d37c25;
    border-radius: 0;
    color: #fff;
    font-weight: 600;
    font-family: Lato, sans-serif;
    text-transform: uppercase
}

.tc-one-line .terms {
    display: inline-block;
    margin: 25px 10px;
    text-align: center !important;
    float: none
}

.tc-one-line .green-btn {
    padding: 12px 40px;
    background: linear-gradient(#5cb85c, #2e832e);
    border-bottom: 2px solid #1a6c26;
    border-radius: 24px;
    margin: 0 5px
}

.tc-one-line .green-btn:hover {
    background: linear-gradient(#2e832e, #5cb85c);
    border-bottom: 2px solid #1a6c26
}

.tc-one-line .yellow {
    padding: 14px 25px;
    border-radius: 4px;
    margin: 0 5px
}

.tc-one-line .yellow i {
    width: 40px;
    height: 40px;
    background: #b3671c;
    border-radius: 50%;
    line-height: 40px
}

.tc-one-line .yellow strong {
    font-size: 14px;
    display: inline-block;
    padding: 12px 15px
}

.tc-one-line .yellow:hover {
    background: linear-gradient(#b76c22, #ea8e32)
}

.tc-one-line {
    padding-bottom: 20px
}

.terms img {
    border: 2px solid #00a651;
    height: 50px;
    width: 50px
}

.enquire-now-form input,
.enquire-now-form select {
    height: 35px;
    margin-bottom: 5px;
    box-shadow: none;
    width: 100%;
    border: 1px solid #ddd;
    padding-left: 10px
}

.enquire-now-form #what_site_crm_form_enq {
    padding: 15px
}

.enq-now-btn btn {
    border-radius: 0
}

#enquire-now-btn .modal-content {
    border: 5px solid #31993f;
    padding: 0;
    max-width: 450px
}

#enquire-now-btn .modal-header {
    padding: 10px;
    background: #043863;
    margin-bottom: 0;
    color: #fff
}

#enquire-now-btn .modal-footer .enquire-now-form {
    padding: 30px
}

#enquire-now-btn .btn-primary {
    color: #fff;
    background-color: #000063;
    border-color: #000063
}

.nopadding-plan-set {
    padding: 0
}

.pro-last-sec {
    display: flex;
    align-content: center;
    justify-content: center;
    padding: 20px
}

.pro-last-sec img {
    width: 180px
}

.enquire-now-form {
    padding: 0 0
}

.floor-thre-plan-sec ul {
    padding-left: 15px
}

.floor-thre-plan-sec ul li {
    list-style-type: disc;
    list-style-position: inside;
    text-align: initial
}

#present-plan .modal-content {
    border: 5px solid #369e43;
    padding: 0
}

#present-plan .modal-content h4 {
    padding: 8px;
    background: #05467e;
    color: #fff
}

#present-plan .modal-content .present-detail {
    color: #000;
    text-align: left;
    padding-left: 25px;
    line-height: 28px
}

#present-plan .modal-content .present-detail h3 {
    font-size: 18px;
    color: #369e43
}

#complete-set-plan .modal-content {
    border: 5px solid #369e43;
    padding: 0
}

#complete-set-plan .modal-content h4 {
    padding: 15px;
    background: #05467e;
    color: #fff
}

#complete-set-plan .modal-content .present-detail {
    color: #000;
    text-align: left;
    padding-left: 25px;
    line-height: 28px
}

#complete-set-plan .modal-content .present-detail h3 {
    font-size: 18px;
    color: #369e43
}

.faq-thre-sec .panel-body p {
    min-height: 70px;
    line-height: 26px;
    font-size: 14px;
    color: #000;
    font-family: Lato, sans-serif
}

.faq-thre-sec .panel-title {
    font-size: 13px;
    line-height: 24px;
    position: relative
}

.plan-notes {
    position: relative;
    background: #e6f3d6;
    padding: 15px;
    padding-left: 15px;
    padding-left: 15px;
    padding-left: 40px;
    color: #000;
    font-size: 13px;
    border: 1px solid #3ab54a;
    margin-top: 30px
}

.plan-notes::before {
    width: 0;
    height: 0;
    position: absolute;
    top: 0;
    content: "";
    left: 0;
    border-top: 0 solid transparent;
    border-bottom: 70px solid transparent;
    border-left: 20px solid #3ab54a
}

.faq-thre-sec .panel-title>a {
    font-size: 15px;
    font-weight: 500;
    font-family: Lato, sans-serif;
    color: #181818;
    padding: 15px 30px
}

.faq-thre-sec .panel-title>a i.fa-question-circle {
    color: #3ab54a;
    padding-right: 5px;
    position: absolute;
    left: 10px;
    top: 20px
}

.faq-thre-sec .panel-title>a .more-less.glyphicon.glyphicon-plus {
    color: #3ab54a;
    padding-right: 5px;
    position: absolute;
    right: 10px;
    top: 20px
}

.faq-thre-sec .panel-title>a .more-less.glyphicon.glyphicon-minus {
    padding-right: 5px;
    position: absolute;
    right: 10px;
    top: 20px;
    color: #37b44a
}

.faq-thre-sec .panel-title>.active1::after {
    display: none
}

.faq-thre-sec .panel-title>a.active1 .more-less.glyphicon.glyphicon-plus,
.faq-thre-sec .panel-title>a.active1 i.fa-question-circle {
    color: #fff
}

.radio-select {
    background: #fff
}

.presentationPlan1 .ser2 {
    border-bottom: none
}

.hire-box-size {
    padding: 0 10px
}

.radio-select {
    min-height: 478px !important;
    margin-bottom: 20px;
    position: relative
}

.comp-set-plan {
    margin-top: 0;
    z-index: 9;
    height: 410px;
    box-shadow: 0 10px 40px 0 #565555;
    border: 2px solid #3ab54a;
    transform: scale(1.05)
}

.what-get-btns {
    position: absolute;
    bottom: 60px;
    color: #000;
    left: 10%;
    font-size: 17px;
    font-weight: 600
}

.what-get-btns a {
    color: #000
}

.description-plan-table table {
    background: #f5f5f5;
    border: 1px solid #ccc
}

.description-plan-table table thead {
    background: linear-gradient(#2b9b3a, #2fb340);
    color: #fff
}

.desig-key-wrds p {
    background: #fff;
    padding: 20px;
    font-family: Lato, sans-serif;
    border-bottom: 2px solid #38ab47
}

.desig-key-wrds strong {
    display: inline-block;
    padding: 0 15px;
    color: #000;
    font-size: 18px
}

.desig-key-wrds span {
    display: inline-block;
    padding: 0 15px;
    color: #000;
    font-style: italic
}

.best-amenity-block {
    width: 18%;
    float: left;
    margin: 0 8px
}

.floor-plan-setx p {
    margin-bottom: 20px
}

.cus-plan-text {
    background: #fff;
    padding: 20px;
    color: #000;
    line-height: 24px;
    margin-top: 20px;
    border: 1px solid #ddd;
    border-left: 3px solid #38ab47
}

.design-key-word-list {
    height: 120px;
    overflow: auto
}

.cus-plan-text i {
    font-size: 9px;
    margin-right: 10px;
    color: #38ab47
}

.cus-plan-text h3 {
    margin: 0;
    color: #004980;
    font-weight: 600;
    font-family: Lato, sans-serif;
    font-size: 18px;
    margin-bottom: 15px;
    margin-top: 10px
}

.cus-plan-text a.cus-modify-plan {
    color: #fff;
    background: #37b44a;
    font-size: 13px;
    display: inline-block;
    padding: 3px 10px;
    margin-top: 10px;
    border-radius: 20px
}

.wht-u-get {
    color: #000;
    margin: 0 auto;
    margin-bottom: 0;
    text-align: center;
    margin-bottom: 20px;
    background: #f2f2f2
}

.wht-u-get h2 {
    padding-bottom: 20px
}

.wht-u-get h3 {
    margin: 0;
    margin-bottom: 0;
    margin-bottom: 20px;
    font-weight: 600;
    font-family: Lato, sans-serif;
    font-size: 20px;
    color: #3ab54a
}

.wht-u-get span {
    border-top: 1px solid #9f9e9e;
    border-bottom: 1px solid #9f9e9e;
    padding: 10px;
    margin: 10px;
    display: inline-block
}

.wht-u-get p {
    font-size: 16px
}

.wht-u-get a {
    background: linear-gradient(#3eb94e, #30963d);
    padding: 8px 20px;
    display: inline-block;
    margin-top: 13px
}

.pro-expert-ban {
    background: #fff url(/assets/images/main_building.png);
    padding: 40px 0;
    text-align: center;
    color: #000;
    border: 4px double #3ab54a;
    box-shadow: 0 0 5px #aaa;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: bottom left
}

.pro-expert-ban h2 {
    padding-bottom: 10px
}

.pro-expert-ban a {
    color: #3ab54a;
    font-weight: 600
}

.description-plan-table {
    background: #fff;
    padding: 30px 0
}

.no-padg-plan {
    padding: 0
}

.show-tool-tip {
    position: absolute;
    bottom: 70px;
    color: #000;
    right: 10px;
    font-size: 17px;
    font-weight: 600;
    z-index: 9999
}

.show-tool-tip span {
    font-weight: 500;
    font-size: 12px;
    position: absolute;
    bottom: 20px;
    width: 200px;
    right: 0;
    text-align: end;
    background: #ffffd9;
    padding: 10px;
    border-radius: 5px;
    border: 1px solid #e19244;
    z-index: 9;
    transition: .3s linear;
    visibility: hidden;
    opacity: 0;
    color: #5a4242
}

.show-tool-tip:hover span {
    opacity: 1;
    visibility: visible
}

.hire-pro-blocks .show-tool-tip {
    position: absolute;
    bottom: 30px;
    color: #000;
    right: 0;
    font-size: 17px;
    font-weight: 600;
    left: 0
}

.hire-pro-blocks .show-tool-tip i {
    bottom: 20px;
    position: absolute;
    left: 85%;
    right: 0;
    color: #828282;
    font-size: 17px;
    opacity: 1;
    z-index: 9
}

.hire-pro-blocks .show-tool-tip span {
    position: absolute;
    bottom: 0;
    text-align: center;
    left: 0;
    right: 0;
    width: 100%
}

.what-yu-get-sec {
    padding: 30px 20px
}

.get-supervised {
    padding-bottom: 20px;
    padding: 30px 40px;
    border-left: 1px solid #00a24f
}

.get-supervised h2 {
    text-align: left
}

.four-points ul,
.get-supervised ul {
    margin: 0;
    padding: 0
}

.get-supervised ul li {
    list-style-type: none;
    padding: 10px 0;
    font-size: 14px
}

.four-points {
    padding-bottom: 20px;
    background: #e6fbe9;
    padding: 20px 40px;
    border: 1px solid #00a24f
}

.four-points ul li {
    list-style-type: none;
    padding: 8px 0;
    font-size: 18px;
    margin-bottom: 15px;
    color: #000
}

.get-supervised .show-tool-tip {
    bottom: 20px;
    right: 50px
}

.four-points ul li i,
.get-supervised ul li i {
    color: #30963d;
    margin-right: 10px
}

#what_site_crm_form_service input,
#what_site_crm_form_service select {
    width: 100%;
    height: 42px;
    margin: 0;
    margin-bottom: 5px;
    border: 1px solid #d8d8d8;
    padding-left: 10px;
    border-radius: 0
}

#enquire_now h2 {
    text-align: center;
    font-weight: 500;
    margin: 0;
    margin-bottom: 0;
    padding: 15px;
    background: #5c5c5c;
    margin-bottom: 20px;
    font-size: 18px;
    color: #fff
}

#enquire_now .modal-body {
    position: relative;
    padding: 15px;
    border: 3px solid #5cb85c
}

.floor-plan-sec {
    background: 0 0;
    margin-bottom: 40px
}

.floor-plan-box .fb-g-share {
    padding-top: 10px
}

.floor-plan-set {
    background: 0 0;
    margin-top: 0;
    font-family: Roboto, sans-serif;
    margin-bottom: 0;
    box-shadow: none
}

.pro-expert-ban {
    background: 0 0;
    padding: 40px 0
}

.star-rate-sec {
    padding: 20px 0;
    background: #f2f2f2
}

.add-add-on {
    background: 0 0;
    padding: 100px 0;
    background-repeat: no-repeat;
    background-position: bottom
}

#xadd_on_checkboxes .btn-success {
    margin-top: 6px;
    border-bottom: 2px solid #2e832e
}

#add_on_checkboxes .btn-success {
    margin-top: 6px;
    font-size: 24px;
    color: #37b44a;
    text-align: center;
    font-family: 'Josefin Sans', sans-serif;
    background: 0 0;
    border-color: transparent;
    box-shadow: none;
    padding: 0;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%
}

#add_on_checkboxes .btn-success:focus {
    outline: 0
}

#add_on_checkboxes i.fa.fa-inr {
    font-size: 20px
}

#add_on_checkboxes .active-checked .btn-success {
    color: #054790
}

.floor-thre-plan-sec,
.floor-thre-plan-sec .floor-plan-set {
    background: 0 0;
    margin-top: 0;
    font-family: Roboto, sans-serif;
    margin-bottom: 0;
    box-shadow: none
}

.faq-thre-sec {
    background: 0 0;
    padding: 20px 0
}

.relate-pro-sec {
    background: 0 0;
    padding: 50px 0
}

.best-amenity-sec .panel-body .ser1 h2 {
    background: linear-gradient(#3cb34c, #56de68);
    padding: 10px;
    margin-top: 0;
    color: #fff;
    font-family: Lato, sans-serif;
    font-weight: 500;
    font-size: 18px
}

.pro-head-single {
    padding: 50px 0;
    text-align: center;
    color: #000
}

.pro-head-single span {
    background: #3ab54a;
    display: inline-block;
    padding: 10px;
    margin-left: 0;
    border-left: 3px solid #3ab54a;
    position: relative;
    margin-right: 20px;
    font-size: 12px;
    font-family: Lato, sans-serif;
    border: 1px solid #818181;
    color: #fff
}

.pro-view-text {
    text-align: left;
    display: flex
}

.pro-view-text .main-heading-font {
    text-align: left;
    padding: 0;
    font-size: 24px;
    margin: 4px 30px 0 0
}

.xpro-head-single span::before {
    position: absolute;
    left: -12px;
    width: 0;
    height: 0;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-right: 12px solid #3ab54a;
    content: "";
    top: 8px
}

.floor-plan-sec .floor-plan-set {
    box-shadow: none
}

.best-amenity-sec h2 {
    margin: 0
}

.best-amenity-sec .panel-group {
    margin-bottom: 0
}

.best-amenity-sec .panel-title {
    font-size: 14px;
    background: #808386
}

.best-amenity-sec .active1 {
    background-color: #808386;
    border-radius: 0;
    color: #fff !important
}

.best-amenity-sec {
    padding: 30px 0
}

.best-amenity-sec i {
    color: #fff;
    font-size: 13px;
    padding: 0 10px
}

.best-amenity-sec h2 {
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    text-align: center
}

.best-amenity-sec .ser2 li {
    padding: 10px;
    font-size: 14px;
    border-bottom: 1px solid #e2e2e2;
    margin: 0 30px;
    color: #4a4a4a
}

.download-file-btn a {
    background: #369e43;
    width: 40px;
    height: 40px;
    display: inline-block;
    margin: 6px;
    text-align: center;
    border-radius: 3px
}

.download-file-btn a:hover {
    color: #fff
}

.download-file-btn a i {
    line-height: 40px
}

.active-product .selection_h {
    background: #3ab54a
}

.active-product .selection_h::after {
    border-top: 20px solid #3ab54a
}

.pro-view-text h1 {
    font-size: 30px;
    margin-bottom: 20px;
    font-style: italic
}

.floor-thre-plan-sec #cart_form {
    margin-top: 80px
}

.plan-set-head {
    font-size: 30px;
    margin-bottom: 20px;
    color: #000
}

#xadd_on_checkboxes .box1 {
    background: #fff;
    border-bottom: 3px solid #00316b
}

#add_on_checkboxes .box1 {
    background: linear-gradient(30deg, #fff, #e2f9e2);
    height: 190px;
    border-bottom: 3px solid #00316b;
    position: relative
}

.add-add-on .floor-plan-set {
    box-shadow: none
}

.add-add-on h3 {
    font-size: 30px;
    color: #000
}

.add-add-on p {
    line-height: 28px;
    font-style: italic
}

.term-c-add {
    width: 150px;
    margin: 0 auto;
    margin-bottom: 30px
}

.xhire-pro-blocks {
    height: 200px;
    overflow: hidden;
    margin-bottom: 60px;
    position: relative;
    border: 2px solid #3ab54a
}

.hire-pro-blocks {
    height: 110px;
    margin-bottom: 40px;
    position: relative;
    box-shadow: 4px 9px 12px #d8d8d8;
    margin-top: 30px
}

.hire-pro-blocks:hover {
    box-shadow: 2px 6px 21px rgba(74, 74, 74, .64)
}

.hire-pro-blocks .icons {
    width: 40px;
    height: 40px;
    margin: 20px 75px;
    background-image: url(../images/icons.png);
    background-repeat: no-repeat
}

#drawing {
    background-position: 0 0
}

#site {
    background-position: -40px 0
}

#construction {
    background-position: -80 0
}

#building {
    background-position: -120 0
}

#property {
    background-position: -160 0
}

#vastu {
    background-position: -200 0
}

.count-icons {
    width: 40px;
    height: 40px;
    margin: 0 auto;
    background-image: url(../images/count-icons.png);
    background-repeat: no-repeat
}

#Projects_count {
    background-position: 0 0
}

#Cities_count {
    background-position: -40px 0
}

#Commercial_count {
    background-position: -80 0
}

#Facebook_count {
    background-position: -120 0
}

.hire-pro-blocks h3 {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0;
    text-align: center;
    color: #2d2d2d;
    font-size: 20px;
    line-height: 24px;
    font-weight: 700;
    display: table;
    width: 100%;
    height: 100%
}

.hire-pro-blocks h3.black-opaque {
    background: #fff
}

.hire-pro-blocks h3.green-opaque {
    background: linear-gradient(#6ada78, #3fb94f)
}

.hire-con-1 {
    border-bottom: 5px solid #ff7878
}

.hire-con-2 {
    border-bottom: 5px solid #f9d452
}

.hire-con-3 {
    border-bottom: 5px solid #5b6ed4
}

.hire-con-4 {
    border-bottom: 5px solid #45b0f5
}

.hire-con-5 {
    border-bottom: 5px solid #c24fbc
}

.hire-con-6 {
    border-bottom: 5px solid #ff7e00
}

.green-opaque .hire-p-tex {
    color: #fff
}

.hire-p-tex {
    font-size: 14px;
    text-align: left;
    padding-left: 40px;
    font-weight: 500
}

.hire-professionals-section {
    padding: 20px 0;
    background: #f3f3f3
}

.blogs-pd {
    padding: 50px 0
}

.hire-professionals-section label {
    display: block
}

.check-for-supervision {
    display: flex
}

.check-for-supervision input {
    height: 40px;
    border-radius: 0;
    box-shadow: none
}

.star-rate-sec input {
    box-shadow: none;
    margin-bottom: 10px;
    height: 47px;
    border: 1px solid #ddd
}

.star-rate-sec textarea {
    box-shadow: none;
    margin-bottom: 10px;
    height: 60px;
    border: 1px solid #ddd
}

.star-rate-sec p {
    line-height: 24px
}

.star-rate-sec button {
    background: #3ab54a;
    color: #fff;
    border-radius: 0;
    padding: 8px 30px
}

.check-for-supervision form {
    display: flex
}

.check-for-supervision form .form-control {
    height: 40px;
    border-radius: 0;
    box-shadow: none
}

.check-for-supervision form button {
    width: 120px;
    background: #d37c25;
    border-radius: 0 !important;
    color: #fff
}

.get-supervised ul li a {
    margin: 0;
    margin-left: 0;
    margin-left: 10px
}

.plan-des-tab-tool td {
    position: relative
}

.plan-des-tab-tool td .show-tool-tip {
    position: absolute;
    bottom: 3px
}

#product_modification_form input[type=email],
#product_modification_form input[type=text],
#product_modification_form select {
    height: 40px;
    padding: 10px 12px;
    border-radius: 0
}

#modify-plan-form h3 {
    background: #0961a2;
    margin: 0;
    margin-bottom: 0;
    padding: 12px;
    color: #fff;
    margin-bottom: 30px;
    border-bottom: 4px solid #49bf58
}

#modify-plan-form .modal-dialog {
    background: #fff
}

#modify-plan-form .modal-content {
    background: url(/assets/images/modal-popup.jpg);
    background-size: cover
}

.modify-plan-arrow .close {
    color: #369e43;
    opacity: 1;
    position: absolute;
    top: 60px;
    right: 15px;
    z-index: 50;
    width: 30px;
    height: 30px;
    background: #000 !important;
    line-height: 0;
    border-radius: 15px
}

#terms-popup-btn .modal-content,
#terms-popup-elev-btn .modal-content,
#terms-popup-floor-btn .modal-content,
#terms-popup-vastu-btn .modal-content {
    padding: 0;
    border: 5px solid #59a043
}

#terms-popup-btn .modal-content .modal-header,
#terms-popup-elev-btn .modal-content .modal-header,
#terms-popup-floor-btn .modal-content .modal-header,
#terms-popup-vastu-btn .modal-content .modal-header {
    padding: 15px;
    background: #186393;
    color: #fff
}

.term-n-condition-col ul li {
    text-align: left;
    padding: 8px 25px;
    position: relative;
    list-style-type: none;
    color: #333;
    font-size: 12px;
    font-family: Lato, sans-serif;
    line-height: 18px
}

.term-n-condition-col ul li i {
    position: absolute;
    left: 0;
    top: 12px;
    color: #59a043;
    font-size: 11px;
    transform: rotate(45deg)
}

.terms-popup img {
    margin-right: 10px
}

#product-price {
    display: inline-block;
    width: 100%;
    margin-bottom: 10px;
    color: #074e89;
    font-size: 28px;
    font-weight: 700;
    font-family: 'Josefin Sans', sans-serif
}

#product-price i {
    font-size: 16px;
    padding-right: 5px
}

.download-file-btn img {
    width: 150px
}

.download-add-on-btn,
.download-add-on-btn:hover {
    position: absolute;
    bottom: 5px;
    left: 15px;
    width: 30px;
    height: 30px;
    background: #00316b;
    line-height: 30px;
    z-index: 999;
    border-radius: 3px
}

.product-img .fa-search {
    width: 40px;
    height: 40px;
    color: #fff;
    text-align: center;
    line-height: 40px;
    border-radius: 10%;
    margin: 0 auto;
    font-size: 24px
}

.pro-search-i {
    height: 285px !important;
    vertical-align: middle;
    display: flex;
    justify-content: center;
    align-items: center
}

.add-on-down-btn-h {
    position: relative
}

.download-add-file-btn {
    position: absolute;
    bottom: 20px;
    z-index: 9;
    width: 30px;
    height: 30px;
    background: #00316b;
    line-height: 30px;
    left: 20px
}

.download-add-file-btn i {
    line-height: 30px !important;
    color: #fff
}

.price.col-md-8 a {
    color: #37b44a
}

.download-add-file-btn a:active,
.download-add-file-btn a:focus,
.download-add-file-btn a:hover {
    color: #fff
}

.last-text-pro h3 a {
    color: #fff;
    border: 1px solid #fff;
    display: inline-block;
    padding: 10px 15px
}

.floor-plan-img ul li {
    position: relative
}

.add-color {
    background: red
}

.first-li::after {
    content: "First Floor Plan";
    position: absolute;
    top: 20px;
    width: 100%;
    text-align: center;
    left: 0;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase
}

.second-li::after {
    content: "Ground Floor Plan";
    position: absolute;
    top: 20px;
    width: 100%;
    text-align: center;
    left: 0;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase
}

form#service_popup_form input {
    height: 40px;
    box-shadow: none;
    float: none !important
}

form#service_popup_form input[type=submit] {
    width: 170px;
    background: #258625;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 2px
}

form#service_popup_form {
    padding: 20px
}

.cart-table table tr td img {
    width: 100px
}

.cart-table table tr td {
    padding: 15px !important
}

.cart-table table {
    background: #f5f5f5;
    border: 7px solid #a7f9b2
}

.cart-table table thead {
    background: #246da4
}

.cart-pro-det,
.cart-pro-det:hover {
    background: #3ab54a;
    display: inline-block;
    padding: 8px 30px;
    border-radius: 4px;
    font-weight: 700;
    font-size: 15px;
    color: #fff;
    border-radius: 20px;
    font-family: Lato, sans-serif
}

.cart-table table tr th {
    padding: 10px 15px !important;
    color: #fff;
    font-weight: 500
}

.cart-select-box {
    width: 200px;
    float: left;
    margin-right: 10px;
    border: 1px solid #3ab54a
}

.cart-select-box .select-custom-des {
    background: #e3e3e3;
    padding: 25px 5px 5px;
    color: #000;
    border: 1px solid #dedede;
    position: relative;
    text-align: center;
    height: 100px
}

.cart-select-box .select-custom-des i {
    position: absolute;
    right: 0;
    top: -16px;
    font-size: 20px;
    left: 0;
    margin: 0 auto;
    text-align: center;
    background: #fff;
    width: 35px;
    height: 35px;
    line-height: 33px;
    border: 1px solid #3ab54a;
    color: #3ab54a;
    border-radius: 4px
}

.cart-select-box h4 {
    color: #000;
    font-size: 14px
}

.cart-table table tr td .fa.fa-times-circle {
    width: 25px;
    height: 25px;
    background: #2da034;
    color: #fff;
    text-align: center;
    line-height: 25px;
    border-radius: 20px
}

.cart-table table tr td hr {
    border-top: 1px solid #3ab54a
}

.cart-select-box .squaredThree {
    width: 44px;
    position: relative;
    float: right;
    margin-top: -5px;
    background: #fff;
    right: -5px;
    height: 46px;
    border-left: 1px solid #3ab54a
}

.cart-select-box .squaredThree label {
    top: 12px;
    right: 10px
}

.cart-table table tr td ul {
    padding: 0
}

.cart-table table tr td li {
    font-size: 13px;
    padding: 8px 20px;
    display: inline-block;
    background: #eee;
    border-radius: 4px;
    border: 1px solid #ddd;
    margin-right: 5px;
    margin-bottom: 5px
}

.add-o-head {
    font-weight: 500;
    font-family: Lato, sans-serif;
    margin-bottom: 10px;
    display: inline-block;
    padding: 4px;
    margin-right: 10px
}

.cart-icon {
    width: 25px !important;
    margin-right: 10px
}

.cart-square {
    width: 10px;
    height: 10px;
    background: #37a645;
    float: left;
    margin-top: 8px;
    margin-right: 10px
}

.cart-table table tr td h4 strong {
    font-weight: 500;
    font-family: Lato, sans-serif;
    margin-bottom: 10px;
    display: inline-block;
    padding: 4px;
    margin-right: 10px
}

.cart-table table tr td h3 {
    font-size: 20px
}

.cart-main-head {
    margin: 0;
    padding: 10px 0;
    color: #3ab54a;
    font-family: Lato, sans-serif;
    font-weight: 600;
    text-transform: uppercase
}

.cart-table b {
    font-family: Lato, sans-serif
}

.select-custom-des h4 {
    font-family: Lato, sans-serif;
    line-height: 20px
}

.cart-table table tr td h3 {
    font-size: 20px;
    margin-bottom: 20px;
    font-weight: 600;
    font-family: Lato, sans-serif
}

.cart-tab-price.pull-right {
    line-height: 25px;
    margin-right: 5px;
    color: #000;
    font-weight: 700;
    font-family: Lato, sans-serif;
    font-size: 16px
}

#cart-service-1 .modal-content,
#cart-service-2 .modal-content {
    text-align: left;
    color: #000;
    border: 5px solid #31993f;
    padding: 0
}

#cart-service-1 .modal-content .btn-default,
#cart-service-2 .modal-content .btn-default {
    color: #fff;
    background-color: #31993f;
    border-color: transparent
}

#cart-service-1 .modal-content #myModalLabel,
#cart-service-2 .modal-content #myModalLabel {
    padding: 15px;
    background: #484848;
    color: #fff;
    text-align: center
}

#cart-service-1 .modal-content .cart-services-popup ul li,
#cart-service-2 .modal-content .cart-services-popup ul li {
    padding: 6px
}

.select-custom-boxes.cart-select-box p {
    background: 0 0;
    padding: 18px 0;
    line-height: 24px
}

.select-custom-des.comp-set {
    background: linear-gradient(#46cf58, #37b44a);
    box-shadow: 5px 5px 5px #8c8888;
    border: 1px solid #000;
    text-transform: uppercase
}

.select-custom-des.comp-set h4,
.select-custom-des.comp-set p {
    color: #fff
}

.select-custom-des.comp-set h4 {
    font-weight: 700
}

.select-custom-boxes.avail-service-cart {
    width: 50%
}

.cart-table .promo input {
    margin-top: 8px;
    height: 32px;
    border: 1px solid #ccc
}

.extra-chrg input {
    float: left;
    margin-right: 10px;
    margin-top: 10px
}

.extra-chrg {
    line-height: 30px;
    color: #000063;
    font-weight: 600;
    font-family: Lato, sans-serif;
    font-size: 14px
}

.select-custom-des {
    background: #ababab;
    padding: 5px;
    color: #fff
}

.undo-btn {
    background: #0961a2;
    font-weight: 500;
    font-size: 12px;
    padding: 5px;
    margin: 0 10px;
    text-transform: capitalize;
    letter-spacing: 1px;
    color: #fff
}

.select-custom-des {
    background: #3ab54a;
    padding: 5px;
    color: #fff
}

.select-custom-boxes .squaredThree input[type=checkbox] {
    visibility: hidden
}

.new-add-on .cart-square {
    margin-top: 13px
}

#checkout_total,
#checkout_total_grand,
#checkout_total_gst,
.cart-total-head {
    font-size: 16px
}

.select-custom-boxes .squaredThree {
    width: 20px;
    position: relative;
    float: right;
    margin-top: 10px
}

.select-custom-boxes .squaredThree label {
    cursor: pointer;
    position: absolute;
    width: 20px;
    height: 20px;
    top: 0;
    right: 0;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .5), 0 1px 0 rgba(255, 255, 255, .4);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .5), 0 1px 0 rgba(255, 255, 255, .4);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .5), 0 1px 0 rgba(255, 255, 255, .4);
    background: -webkit-linear-gradient(top, #222 0, #45484d 100%);
    background: -moz-linear-gradient(top, #222 0, #45484d 100%);
    background: -o-linear-gradient(top, #222 0, #45484d 100%);
    background: -ms-linear-gradient(top, #222 0, #45484d 100%);
    background: linear-gradient(top, #222 0, #45484d 100%)
}

.select-custom-boxes .squaredThree label:after {
    opacity: 0;
    content: '';
    position: absolute;
    width: 9px;
    height: 5px;
    background: 0 0;
    top: 6px;
    left: 6px;
    border: 3px solid #fcfff4;
    border-top: none;
    border-right: none;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.select-custom-boxes .squaredThree label:hover::after {
    opacity: .3
}

.select-custom-boxes .squaredThree input[type=checkbox]:checked+label:after {
    opacity: 1
}

.select-custom-boxes-img {
    height: 200px;
    overflow: hidden;
    position: relative
}

.select-custom-boxes-img .fa.fa-arrows-alt {
    position: absolute;
    text-align: center;
    width: 100%;
    height: 100%;
    line-height: 200px;
    background: rgba(0, 0, 0, .3);
    font-size: 30px;
    z-index: 99;
    color: #fff;
    opacity: 0;
    transition: .4s linear
}

.select-custom-boxes:hover .select-custom-boxes-img i {
    opacity: 1
}

.select-custom-boxes p {
    background: #fff;
    padding: 15px;
    font-size: 13px;
    color: #777;
    line-height: 21px
}

.custom-design-btn {
    margin: 30px 0
}

.custom-design-blocks input[type=submit] {
    background: #3ab54a;
    padding: 13px 60px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    border: none;
    margin: 0 auto;
    font-family: Lato, sans-serif;
    border-radius: 30px
}

.custom-design-layout {
    margin-top: 30px;
    margin-bottom: 50px
}

.cust-des-input-service {
    display: flex
}

.cust-des-input-service label {
    display: inline-block;
    padding-right: 20px
}

.custom-design-blocks:hover input[type=submit] {
    background: #229331
}

.customize-design-block {
    margin: 40px 0;
    text-align: center;
    color: #000
}

.customize-design-block h2 {
    font-size: 24px;
    color: #000
}

.select-custom-boxes {
    margin-top: 20px;
    border: 1px solid #3ab54a
}

.cust-des-input {
    margin-bottom: 15px
}

.cust-des-input input[type=number],
.cust-des-input input[type=text],
.cust-des-input select {
    height: 38px;
    border-radius: 0;
    border: 1px solid #3ab54a
}

.cust-des-input textarea {
    height: 38px;
    border-radius: 0;
    border: 1px solid #3ab54a
}

.select-custom-boxes-img img {
    transition: .5s ease-in
}

.select-custom-boxes:hover .select-custom-boxes-img img {
    transform: scale(1.1)
}

.custom-design-form ul.house-search.topli {
    width: 100%;
    padding: 0;
    height: auto
}

.custom-design-form ul.house-search {
    background: #fff
}

.custom-design-form .house-search.topli li {
    width: 100%;
    padding-left: 0;
    margin-bottom: 15px;
    text-align: left
}

.custom-design-form h3 {
    font-size: 14px;
    font-weight: 600;
    color: #000;
    letter-spacing: 0;
    margin-bottom: 20px;
    font-family: Lato, sans-serif
}

.cust-des-input ul {
    padding: 0
}

.cust-des-input-service li {
    list-style-type: none;
    display: inline-block;
    margin-right: 20px
}

.cust-des-input input[type=checkbox],
.cust-des-input input[type=radio] {
    float: left;
    margin-right: 10px
}

.btn-check-rev {
    display: inline-block;
    padding: 10px 40px;
    background: #845fcb;
    border: none;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-right: 10px;
    float: left
}

.btn-check-f {
    display: inline-block;
    padding: 10px 40px;
    background: #3ab54a;
    border: none;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-right: 10px
}

.custom-file-upload-hidden {
    display: none;
    visibility: hidden;
    position: absolute;
    left: -9999px
}

.custom-file-upload {
    display: block;
    width: auto;
    font-size: 16px;
    margin-top: 0;
    margin-bottom: 5px
}

.custom-file-upload .file-upload-input {
    width: $file-upload-size;
    color: #fff;
    font-size: 16px;
    padding: 11px 17px;
    border: none;
    background: #e3e3e3 !important;
    color: #000;
    float: left;
    width: 68%
}

.custom-file-upload button {
    padding: 11px;
    background: #3ab54a;
    border: none
}

.custom-file-upload .file-upload-button {
    width: 32%;
    font-size: 13px;
    padding: 13px;
    cursor: pointer;
    display: inline-block;
    color: #fff;
    text-transform: uppercase;
    border: none;
    margin-left: -1px;
    background-color: darken($file-upload-color, 10);
    float: left;
    @include transition (all 0.2s ease-in);
}

#review-data .modal-dialog {
    width: 100%;
    margin: 30px auto
}

#review-data .modal-content {
    position: relative;
    width: 300px;
    float: right;
    padding: 0;
    min-width: 30%;
    max-width: 100%;
    border: 2px solid #0e8a1e
}

#review-data .modal-header .close {
    margin-top: 4px;
    background: 0 0;
    border: none;
    color: #fff
}

#review-data td,
#review-data th {
    font-size: 12px !important;
    padding: 8px !important;
    line-height: 20px
}

#review-data .modal-title {
    margin: 0;
    line-height: 1.42857143;
    background: #2c5685;
    padding: 7px;
    color: #fff;
    font-size: 16px;
    font-family: Lato, sans-serif
}

#review-data b,
#review-data strong {
    font-weight: 700;
    font-family: Lato, sans-serif;
    font-size: 14px
}

#service_block span {
    font-size: 14px;
    font-weight: 600;
    line-height: 26px;
    color: #1b487b
}

#review-data .btn-default {
    color: #fff;
    background-color: #0e8a1e;
    border-color: #ccc;
    border-radius: 0;
    width: 100px;
    border: none
}

#review-data .btn-primary {
    color: #fff;
    background-color: #2c5685;
    border-color: #2c5685;
    border-radius: 0;
    border: none
}

#review-data .pro-t-pay {
    color: #fff;
    background-color: #0a347d;
    border: none;
    border-radius: 0;
    width: 180px
}

.select-custom-boxes .lb-data .lb-number {
    display: none
}

.custom-des-head h4 {
    font-size: 18px;
    font-style: italic;
    font-weight: 600;
    color: #000;
    letter-spacing: 1px
}

.custom-des-head .c-gap {
    width: 100px;
    height: 5px;
    background: #3ab54a;
    margin: 20px auto
}

.custom-des-head p {
    line-height: 30px;
    color: #000;
    font-size: 16px;
    width: 80%;
    margin: 0 auto;
    margin-bottom: 25px
}

.custom-boxes-front h4 {
    position: absolute;
    display: inline-block;
    margin: 0 auto;
    top: 80px;
    left: 0;
    right: 0;
    text-align: center;
    z-index: 9
}

.custom-boxes-front h4 span {
    display: inline-block;
    color: #fff;
    background: rgba(0, 0, 0, .7);
    padding: 15px;
    border: 1px solid #fff
}

.custom-boxes-front {
    border: 5px solid #9a9b9a
}

.custom-boxes-front-green {
    border: 5px solid #3ab54a
}

.custom-boxes-front .fa.fa-check-circle {
    display: none
}

.custom-boxes-front-green .fa.fa-check-circle {
    position: absolute;
    top: 55px;
    font-size: 40px;
    color: #38ab47;
    left: 0;
    right: 0;
    text-align: center;
    z-index: 999;
    display: block
}

.custom-design-form-bg {
    background: url(/assets/images/brickwalls.png);
    margin: 0;
    padding-top: 50px
}

.row-house-col .apt-contact-form {
    padding: 0
}

.row-house-col ul {
    padding: 0
}

.ul-icon ul li {
    font-size: 22px;
    color: green;
    margin: 7px;
    list-style: none;
    padding-left: 13px;
    border-left: 6px solid #40d240;
    border-bottom: 1px solid #34ba34;
    margin-bottom: 20px;
    padding-bottom: 5px
}

.associate-bg {
    background: url(../img/row-house-design/become-associate.jpg) no-repeat center center;
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
    background-size: cover;
    height: 350px
}

.associate-bg h1 {
    font-size: 60px;
    padding: 30px 0;
    color: #fff;
    text-shadow: 1px 1px #333
}

.associate-bg button {
    width: 200px;
    height: 42px;
    font-size: 18px;
    font-weight: 700;
    border: solid 1px #214b6f
}

.associate-bg {
    background: url(/assets/images/become-associate.jpg) no-repeat center center;
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
    background-size: cover;
    height: 350px
}

.marg-top {
    margin-top: 100px
}

.row-house-front {
    line-height: 30px;
    margin-top: 50px
}

.commercial-text p,
.row-house-front p {
    color: #000
}

.row-house-col ul li {
    font-size: 18px;
    color: #000;
    list-style: none;
    border-left: 5px solid #37b44a;
    border-bottom: 1px solid #93f093;
    margin-bottom: 10px;
    padding: 9px 15px
}

.row-house-col {
    margin-bottom: 40px
}

.farm-house-even img.row-img-icon,
.farm-house-odd img.row-img-icon {
    height: 70px;
    margin: 20px 0
}

.farm-house-odd {
    background: #f5f5f5;
    padding: 20px;
    height: 200px;
    position: relative;
    overflow: hidden
}

.farm-house-even {
    padding: 20px;
    background: #bef0c6;
    height: 200px;
    position: relative;
    overflow: hidden
}

.row-img-icon-bg {
    position: absolute;
    top: 0;
    left: -70px;
    opacity: .05;
    height: 180px
}

.row-text-below {
    font-size: 18px;
    line-height: 32px;
    text-align: center
}

.farm-house-even p,
.farm-house-odd p {
    color: #000
}

.features-two-row .col-md-4 {
    padding: 0
}

.row-house-features-block {
    padding: 50px 0
}

.futur-ul h2 {
    font-size: 20px;
    color: #000;
    text-transform: uppercase;
    font-weight: 600;
    font-family: Lato, sans-serif
}

.futur-ul p {
    color: #000;
    word-spacing: 1px;
    line-height: 25px;
    font-size: 14px
}

.futur-ul ul {
    padding: 0
}

.futur-ul ul li {
    list-style-type: inherit;
    margin-bottom: 0;
    padding: 10px 0;
    background: 0 0;
    border-radius: 0;
    border: none;
    font-size: 14px;
    color: #000;
    width: 45%;
    display: inline-block;
    border: 1px solid #ccc;
    margin: 7px 5px;
    padding-left: 10px;
    border-left: 6px solid #37ad47
}

.got-query {
    background: url(/assets/images/1.jpg);
    color: #fff;
    font-size: 22px;
    font-family: Lato, sans-serif;
    background-size: cover;
    padding: 30px 0
}

.got-query strong {
    font-weight: 700;
    font-size: 26px;
    font-family: Lato, sans-serif
}

.hotel-des-social #twitter {
    background-color: #55acee
}

.hotel-des-social #facebook {
    background-color: #4267b2
}

.hotel-des-social #google {
    background-color: #dd4b39
}

.hotel-des-social #linkedin {
    background-color: #0976b4
}

.hotel-des-social .button {
    position: relative;
    float: left;
    width: 110px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    color: #fff;
    font-size: 16px;
    overflow: hidden;
    cursor: pointer;
    margin: 8px;
    margin-right: 15px;
    box-shadow: 0 3px 1px #000;
    font-weight: 700;
    border-radius: 8px
}

.content-aside.hotel-des-social {
    display: flex;
    margin-bottom: 30px;
    border-radius: 0;
    border: none
}

.hotel-des-social .cover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100px;
    height: 50px;
    -ms-transform: translateX(-240px);
    -webkit-transform: translateX(-240px);
    transform: translateX(-240px);
    transition: all .5s ease-in-out
}

.content-aside li {
    margin: 5px;
    display: block;
    text-align: left;
    list-style-type: disc
}

.blog-content-inside ul li {
    width: 100%;
    color: #000;
    padding: 5px;
    border-bottom: 1px solid #f5f5f5
}

.container.top-section-floor-plan p {
    line-height: 30px
}

.hotel-des-social .button:hover .cover {
    transform: translateX(0)
}

.hotel-des-social .twitter {
    background-color: #2397ea
}

.hotel-des-social .facebook {
    background-color: #204693
}

.hotel-des-social .google {
    background-color: #db1d08
}

.hotel-des-social .linkedin {
    background-color: #01659b
}

.full-wid-form {
    width: 100% !important
}

.hotel-intro-text {
    padding: 50px 0
}

.hotel-intro-text p {
    color: #000;
    line-height: 30px;
    margin-bottom: 20px
}

.hotel-feature-block img {
    height: 60px;
    margin: 10px 0
}

.hotel-feature-block {
    text-align: center;
    border: 1px solid #eee;
    padding: 25px;
    margin-bottom: 30px;
    background: #f5f5f5;
    border-bottom: 4px double #37b44a
}

.hotel-feature-block h3 {
    margin-bottom: 0;
    font-size: 18px;
    color: #000
}

.hotel-feature-head {
    text-transform: uppercase;
    color: #3ab54a;
    font-weight: 700;
    font-family: Lato, sans-serif;
    margin: 40px 0
}

.hotel-submit-btn input[type=button] {
    width: 170px !important;
    padding: 10px;
    padding-left: 10px;
    height: auto !important;
    border: none !important
}

.hotel-form-section {
    background: url(/assets/images/Hotel-bg.jpg)
}

.hotel-slider-section {
    background: #f0f0f0;
    padding-bottom: 50px;
    margin-bottom: 50px;
    padding-top: 50px;
    margin-top: 50px
}

.carousel-control {
    opacity: 1
}

.carousel-control .fa.fa-arrow-right.fa-4 {
    position: absolute;
    top: 45%;
    right: 10px;
    width: 40px;
    height: 40px;
    background: #000;
    line-height: 40px;
    opacity: 1
}

.carousel-control .fa.fa-arrow-left.fa-4 {
    position: absolute;
    top: 45%;
    left: 10px;
    width: 40px;
    height: 40px;
    background: #000;
    line-height: 40px;
    opacity: 1
}

.p-color1 {
    background: #2568c3;
    padding: 20px;
    color: #fff;
    line-height: 22px;
    box-shadow: 2px 2px 2px #ccc;
    border-radius: 5px
}

.p-color2 {
    background: #3a80de;
    padding: 20px;
    color: #fff;
    line-height: 22px;
    box-shadow: 2px 2px 2px #ccc;
    border-radius: 5px
}

.p-color3 {
    background: #5e99e9;
    padding: 20px;
    color: #fff;
    line-height: 22px;
    box-shadow: 2px 2px 2px #ccc;
    border-radius: 5px
}

.modal-content2.text-left.form-bg-div {
    background: rgba(237, 227, 191, .5);
    border-radius: 5px;
    border: solid 1px #ac9e6f
}

.modal-content2.text-left.form-bg-div .form-top-left2 input {
    margin: 10px 10px 0 auto
}

.comm-three-lines,
.commercial-got-query,
.commercial-text {
    padding: 50px 0
}

.servicebg {
    background: url(/assets/images/service-bg-coomer.jpg) no-repeat center center;
    background-size: auto auto;
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
    background-size: cover;
    padding: 50px 0
}

.servicebg .icon {
    height: 175px;
    width: 175px;
    line-height: 175px;
    max-width: 100%;
    background: #444;
    border-radius: 50%;
    -o-border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    display: block;
    color: #fff;
    font-size: 55px;
    text-align: center;
    vertical-align: middle;
    position: relative;
    margin: 0 auto 50px
}

.features-wrapper.floor-pl-ser .icon img {
    padding-top: 53px
}

.servicebg h2 {
    font-size: 22px;
    color: #353535;
    text-transform: uppercase;
    font-weight: 700
}

.features-wrapper.floor-pl-ser p {
    color: #000;
    line-height: 26px;
    font-size: 15px
}

.servicebg h1 {
    margin-bottom: 40px;
    color: #000
}

.commercial-pro-slider {
    background: #eee;
    padding: 50px 0
}

.services-icon {
    vertical-align: middle;
    width: 70px;
    height: 70px;
    background: #37b44a;
    padding: 20px;
    margin: 0 auto;
    border-radius: 50%;
    transform: rotate(45deg)
}

.services-icon img {
    transform: rotate(-45deg)
}

.services-section-block h2 {
    color: #000;
    font-size: 18px;
    margin-top: 20px;
    font-weight: 700
}

.services-section-block p {
    color: #000;
    line-height: 24px;
    font-size: 13px
}

.services-section-block i {
    color: #37b44a;
    font-size: 11px;
    margin: 6px 4px 10px
}

.commercial-design-slider,
.services-section {
    background: url(/assets/images/brickwalls.png);
    padding: 30px 0
}

.commercial-design-slider h3 {
    font-size: 28px;
    margin-bottom: 30px
}

.comm-points p {
    line-height: 30px;
    border: 1px solid #eee;
    padding: 15px;
    border-left: 4px solid #37b44a;
    color: #000;
    margin-bottom: 25px
}

.comm-form-page #what_site_crm_form_service input,
.comm-form-page #what_site_crm_form_service select {
    width: 45%;
    float: left;
    margin: 10px
}

.commercial-text {
    background: url(/assets/images/architecture-3-img.jpg);
    background-repeat: repeat;
    background-position-x: 0;
    background-position-y: 0;
    background-size: auto auto;
    background-size: 50%;
    padding: 70px 0;
    background-repeat: no-repeat;
    background-position: bottom right;
    border-bottom: 7px double #bbf0c3
}

.comm-small-line {
    width: 90px;
    height: 5px;
    background: #37b44a;
    margin: 20px auto
}

.sign-in-contractor {
    background: url(/assets/images/contractor-sign-bg.png);
    padding: 60px 0;
    font-size: 20px;
    color: #fff;
    background-size: contain;
    background-position: bottom right;
    background-repeat: no-repeat;
    background-color: #3ab54a
}

.sign-in-contractor a,
.sign-in-contractor a:hover {
    background: #000;
    display: inline-block;
    font-size: 14px;
    padding: 10px 30px;
    border-radius: 5px;
    color: #fff
}

.hero2 {
    background: url(/assets/sub-pages/img/elevation-img-slider.jpg) no-repeat center center;
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
    background-size: cover;
    height: 500px;
    color: #fff;
    padding: 20px
}

.hero2 img {
    padding: 80px 0
}

.exterior-form-box {
    background: #fff;
    padding: 10px 20px;
    color: #000;
    margin-top: 10px
}

#floor_plan_form_ppoup input,
#floor_plan_form_ppoup select,
#what_site_crm_form_service input,
#what_site_crm_form_service select {
    height: 36px;
    padding-left: 10px;
    border-radius: 5px
}

#floor_plan_form_ppoup input {
    margin: 0 auto;
    margin-bottom: 5px !important;
    border: solid 1px #dbdbdb
}

#elevation-front-popup input {
    margin: 0 auto;
    margin-bottom: 5px !important;
    border: solid 1px #dbdbdb
}

#elevation-front-popup .modal-content,
#floor-paln-front-popup .modal-content {
    position: relative;
    text-align: left !important
}

#elevation-front-popup .radio-btn-elev,
#floor-paln-front-popup .radio-btn-elev {
    text-align: left
}

.exterior-slider.responsive-slider .slides ul li {
    display: inline-block;
    height: 350px;
    overflow: hidden
}

h1.text-center.whath1 {
    font-size: 46px;
    font-weight: 700;
    color: navy
}

.brochure-two-block h1 {
    margin: .67em 0;
    color: #353535
}

.why-chus ul {
    padding: 0;
    margin: 30px 0
}

.why-chus>ul li {
    cursor: pointer;
    color: #000;
    font-size: 14px;
    list-style: none;
    margin-bottom: 10px;
    padding-bottom: 10px;
    -webkit-transition: width 2s;
    transition: width 2s;
    padding: 15px;
    margin: 15px 0;
    border: solid 1px #dedede;
    border-left: solid 5px #37b44a
}

.why-chus>ul li:hover {
    background: #e9fceb
}

.text-center.graphic-text {
    background: rgba(0, 0, 0, 0) url(/assets/sub-pages/img/graphic-design/bottem-text-bg.jpg);
    text-align: center;
    background-repeat: no-repeat;
    background-size: cover
}

.p-text-d {
    color: #000;
    font-size: 16px;
    line-height: 32px;
    padding: 50px
}

.sectionbg {
    background: #f2f2f2;
    margin: 50px 0 100px 0
}

.form-info.capcha2 {
    overflow: hidden
}

.int-designs-top,
.interior-front-text {
    padding: 50px 0
}

.interior-front-text ul li {
    list-style-type: none
}

.col-lg-6.text-div.border {
    background: #fff;
    padding: 20px;
    border-radius: 45px 0 0 45px;
    -moz-border-radius: 45px 0 0 45px;
    border-radius: 0
}

.col-lg-6.text-div.border2 {
    background: #fff;
    padding: 20px;
    border-radius: 45px 0 0 45px;
    -moz-border-radius: 45px 0 0 45px;
    border-radius: 0
}

.enterior h1.left-border,
.exterior h1.left-border,
.slides h1.left-border {
    font-size: 40px;
    border-left: solid orange 9px;
    padding-left: 16px;
    font-weight: 700
}

.company.mar-left10 h1 {
    font-size: 46px
}

.interior-front-text li p,
.row-slider p {
    line-height: 26px;
    color: #000;
    margin: 20px 0
}

.nopadding {
    padding: 0
}

.row-slider {
    border: 4px double #3ab549;
    display: inline-block;
    margin-bottom: 30px;
    padding: 20px 0
}

.opp-int-slider .company.mar-left10 h1 {
    font-size: 36px;
    font-weight: 700;
    font-family: Lato, sans-serif;
    color: #d27c24
}

.four-interior-section {
    padding: 50px 0
}

.four-int-block {
    border: 3px solid #3ab54a;
    padding: 15px
}

.four-int-content h3 {
    margin-top: 0;
    font-size: 28px;
    color: #000;
    font-family: fonarto
}

.four-int-content p {
    color: #000;
    line-height: 26px;
    letter-spacing: 0;
    font-size: 14px
}

.interior-form-section {
    background: url(/assets/images/brickwalls.png);
    padding: 50px 0
}

.interior-form-section .form-control {
    height: 40px;
    margin-bottom: 15px;
    border: 1px solid #ccc;
    box-shadow: none
}

.interior-form-section input[type=button] {
    width: 150px;
    padding: 8px;
    background: #37b44a;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    font-family: Lato, sans-serif;
    letter-spacing: 2px;
    font-size: 15px;
    border-bottom: 2px solid #2c893a
}

.interior-form-section .main-heading-font {
    font-family: fonarto;
    font-size: 30px;
    text-align: center;
    padding: 0 0 10px 0;
    color: #37b44a;
    margin: 20px
}

.interior-design-slider {
    padding-top: 50px;
    background: #f5f5f5
}

.interior-design-slider .owl-pagination {
    display: none
}

.form-box-vastu {
    width: 80%;
    margin: 0 auto;
    background: #fff;
    padding: 10px 40px;
    margin-top: 10px;
    border-radius: 10px;
    border: 2px solid #5cb85c;
    margin-bottom: 30px
}

.form-box-vastu h5 {
    font-size: 18px;
    font-weight: 500;
    font-family: Lato, sans-serif;
    letter-spacing: 0;
    text-transform: capitalize
}

.vastu-section-nd {
    padding: 30px 0
}

#servicesSlider ul li {
    list-style-type: none
}

.hero {
    background: url(/assets/images/main-banner.jpg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    padding: 0 0 300px 0;
    height: 500px
}

.social-icon-blog .inner {
    margin-top: 170px;
    background-color: #fff;
    height: auto;
    position: relative
}

.hero h1 {
    font-size: 60px;
    letter-spacing: 2px;
    margin: 10px;
    font-weight: 700;
    color: #fff
}

.hero p {
    font-size: 18px;
    font-weight: 700;
    color: orange;
    font-family: Lato, sans-serif
}

.delay-05s {
    animation-delay: .5s;
    -webkit-animation-delay: .5s
}

.col-lg-6.text-div.exterior {
    height: 451px;
    background: #222;
    padding: 43px;
    color: #fff
}

.col-lg-6.text-div.enterior {
    height: 400px;
    background: #ca6614;
    padding: 43px;
    color: #fff
}

.last-banner-interior img {
    margin: 0 auto
}

.icon {
    height: 175px;
    width: 175px;
    line-height: 175px;
    max-width: 100%;
    background: #444;
    border-radius: 50%;
    -o-border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    display: block;
    color: #fff;
    font-size: 55px;
    text-align: center;
    vertical-align: middle;
    position: relative;
    margin: 0 auto 50px
}

.icon i {
    line-height: 145px
}

.features-wrapper p {
    line-height: 25px
}

.features-wrapper h2 {
    font-size: 18px;
    color: #000;
    text-transform: uppercase;
    font-family: Lato, sans-serif;
    font-weight: 500
}

.enterior h1,
.enterior p,
.exterior h1,
.exterior p {
    color: #fff
}

#servicesSlider p {
    line-height: 25px
}

.vastu-section-padding {
    padding: 0 0
}

.vastu-icon-new {
    background: #223f75;
    width: 40px;
    height: 40px;
    color: #fff;
    font-size: 18px;
    margin: 0 auto;
    border-radius: 30px
}

.vastu-icon-new i {
    line-height: 40px
}

.vastu-tips-wrapper h2 {
    font-size: 20px;
    font-weight: 600
}

.vastu-tips-wrapper p {
    font-size: 14px;
    margin-bottom: 10px
}

.vastu-tips-wrapper .col-md-6 {
    border: 1px solid #ddd;
    padding: 10px;
    background: #fff
}

.vastu-section-padding h1 {
    margin: 30px auto;
    color: #000
}

.vastu-header-img-text {
    background: #000;
    border: 2px solid #fb8b00;
    margin-top: 130px;
    padding: 20px
}

.vastu-right-content p {
    line-height: 30px !important;
    font-size: 16px;
    margin-bottom: 15px;
    margin-top: 20px;
    color: #000
}

.vastu-right-content h1 {
    font-size: 40px;
    border-left: double #3ab54a 9px;
    padding-left: 16px;
    font-family: Lato, sans-serif;
    color: #000;
    font-weight: 500
}

.vastu-section-text p {
    color: #000;
    font-size: 15px;
    line-height: 30px
}

.vastu-section-padding .vastu-icon {
    width: 80px;
    height: 80px;
    background: #37b44a;
    border-radius: 50% 0 50% 50%;
    transform: rotate(-45deg);
    margin: 40px auto 0
}

.vastu-section-padding .vastu-icon i {
    color: #fff;
    transform: rotate(45deg);
    padding: 27px;
    font-size: 22px
}

.vastu-section-padding p {
    color: #000
}

.vastu-section-text {
    background: url(/assets/images/vastu-yantra-rangoli.png) no-repeat left center
}

.vastu-section-text {
    position: relative;
    border-bottom: 1px solid #d9d9d9;
    padding-top: 40px
}

.vastu-section-text .vastu-half-rang {
    position: absolute;
    right: 0;
    bottom: 0
}

.vastu-slider-section .col-lg-6.text-div.enterior,
.vastu-slider-section .col-lg-6.text-div.exterior {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center
}

.vastu-slider-section .responsive-slider .slides ul li img {
    max-width: auto;
    height: 451px
}

.hero1 {
    background: url(/assets/images/floor-plan-top-banner.jpg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    padding: 0 0 300px 0;
    height: 350px
}

.inner1 {
    margin-top: 120px;
    background-color: rgba(0, 0, 0, .5);
    height: auto;
    position: relative
}

.floor-plan-form-box {
    padding: 20px 30px;
    background: #f5f5f5;
    margin-bottom: 30px
}

.hero h1,
.hero1 h1,
.hero2 h1 {
    font-size: 60px;
    font-weight: 700;
    color: #fff
}

.carousel.slide.arrow-a img,
.div-img.arrow-b img {
    border: 2px solid green
}

.ser-bg {
    background: url(/assets/images/service-bg-exe.jpg) no-repeat center center;
    background-size: auto auto;
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
    background-size: cover
}

.features-p ul {
    padding-left: 0
}

.features-p ul li {
    font-size: 22px;
    color: green;
    margin: 7px;
    list-style: none;
    background: url(/assets/images/list-icon.png) no-repeat left center;
    padding-left: 30px
}

.features-p.ser-ul ul li {
    color: #000
}

.floor-plan-text {
    padding: 50px 0
}

.floor-plan-text p {
    color: #000;
    text-align: left
}

.features-floor-plan ul li {
    text-align: left;
    padding: 7px 0;
    font-size: 16px;
    color: #000
}

.floor-plan-query-sec {
    margin-bottom: 40px
}

.floor-plan-query-sec p {
    font-size: 20px;
    color: #000;
    padding-top: 20px
}

.floor-line-green {
    width: 100px;
    height: 3px;
    background: #37b44a;
    margin: 0 auto;
    margin-top: 0;
    margin-top: 20px
}

#blog-coros-slider .item,
#floor-plan-coros-slider .item,
#int-design-coros-slider .item {
    margin: 0 15px;
    color: #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-align: center
}

#blog-coros-slider.owl-theme .owl-controls .owl-buttons div,
#floor-plan-coros-slider.owl-theme .owl-controls .owl-buttons div,
#int-design-coros-slider.owl-theme .owl-controls .owl-buttons div {
    padding: 0;
    margin: 5px;
    opacity: 1
}

#blog-coros-slider.owl-theme .owl-controls .owl-buttons div i,
#floor-plan-coros-slider.owl-theme .owl-controls .owl-buttons div i,
#int-design-coros-slider.owl-theme .owl-controls .owl-buttons div i {
    width: 40px;
    height: 40px;
    line-height: 40px;
    background: #000;
    font-size: 20px
}

#floor-plan-coros-slider .floor-plan-img,
#int-design-coros-slider .floor-plan-img {
    border: 1px solid #37b44a;
    padding: 10px;
    background: #fff
}

#blog-coros-slider.owl-theme .owl-controls .owl-buttons .owl-prev,
#floor-plan-coros-slider.owl-theme .owl-controls .owl-buttons .owl-prev,
#int-design-coros-slider.owl-theme .owl-controls .owl-buttons .owl-prev {
    position: absolute;
    left: 0;
    top: 30%
}

#blog-coros-slider.owl-theme .owl-controls .owl-buttons .owl-next,
#floor-plan-coros-slider.owl-theme .owl-controls .owl-buttons .owl-next,
#int-design-coros-slider.owl-theme .owl-controls .owl-buttons .owl-next {
    position: absolute;
    right: 0;
    top: 30%
}

.pay-sec-head p {
    line-height: 28px;
    margin-bottom: 30px
}

.payment-summary {
    margin-top: 30px;
    color: #000;
    line-height: 24px
}

.payment-summary h3 {
    margin-top: 0;
    font-family: Lato, sans-serif;
    color: #000;
    font-size: 22px;
    background: #b0edb8;
    padding: 10px;
    font-size: 18px;
    border: 1px solid #37b44a
}

.total-amount-payable h3 {
    color: #1e4d79;
    font-weight: 600;
    font-family: Lato, sans-serif
}

.total-amount-payable input[type=text] {
    padding: 10px;
    border: 1px solid #ccc
}

.total-amount-payable {
    margin-top: 20px
}

#payment_form h2 {
    font-size: 24px;
    font-weight: 600;
    font-family: Lato, sans-serif;
    color: #000;
    margin-bottom: 20px
}

.pay-sche-price p {
    background: linear-gradient(#3ab54a, #2a8736);
    padding: 8px;
    width: 250px;
    display: inline-block;
    border-radius: 30px;
    color: #fff;
    font-size: 18px;
    margin-left: 200px
}

.pay-sche-block {
    border: 2px solid #3ab54b;
    background: #fff;
    position: relative
}

.pay-sche-arrow-right::after {
    content: "";
    position: absolute;
    right: -30px;
    top: 20%;
    width: 0;
    height: 0;
    border-top: 30px solid transparent;
    border-bottom: 30px solid transparent;
    border-left: 30px solid #3ab54a
}

.pay-sche-block .show-tool-tip {
    position: absolute;
    bottom: 5px
}

.pay-sche-block h3 {
    background: #1e4d79;
    margin: 0;
    margin-bottom: 0;
    margin-bottom: 30px;
    padding: 15px;
    text-align: center;
    color: #fff
}

.pay-sche-block input {
    text-align: center;
    margin: 0 auto;
    width: 100%
}

.pay-sche-discount {
    width: 150px;
    height: 150px;
    background: linear-gradient(#3ab54a, #2a8736);
    text-align: center;
    margin: 0 auto;
    border-radius: 50%;
    display: table-cell;
    vertical-align: middle;
    color: #fff;
    font-size: 16px;
    line-height: 30px;
    border: 5px solid #50cb60
}

.pay-sche-discount-block {
    margin: 0 auto;
    display: table;
    margin-top: 20px
}

.pay-sche-list ul {
    padding: 0;
    margin: 30px auto
}

.pay-sche-list ul li {
    padding: 7px 15px;
    list-style-type: none;
    color: #000;
    text-align: center;
    font-size: 14px;
    border-bottom: 1px solid #bcf3c4;
    margin: 0 20px
}

.pay-sche-third-block {
    margin-top: 0
}

.pay-sche-list p {
    text-align: center;
    line-height: 40px;
    margin: 30px auto;
    font-size: 18px;
    color: #000
}

.pay-sche-list p span {
    color: #1e4d79;
    font-weight: 600;
    font-family: Lato, sans-serif;
    font-size: 30px;
    margin: 10px 0;
    display: inline-block
}

#submit_payment {
    background: #1e4d79;
    color: #fff;
    padding: 10px 50px;
    text-transform: uppercase;
    letter-spacing: 4px;
    margin: 20px 0
}

#payment_form hr {
    margin-top: 40px;
    margin-bottom: 40px;
    border: 0;
    border-top-width: 0;
    border-top-style: none;
    border-top-color: currentcolor;
    border-top: 5px double #319c3f
}

.pay-sec-head {
    margin-top: 30px
}

.paymnt-add-on {
    padding: 15px;
    font-family: Lato, sans-serif;
    color: #000;
    line-height: 24px
}

.paymnt-add-on b {
    font-size: 18px;
    color: #1e4d79
}

.hero h1,
.hero2 h1,
.hero4 h1 {
    font-size: 48px;
    letter-spacing: 2px;
    margin: 10px;
    font-weight: 700;
    color: #fff
}

.vastu-header-img-text h2 {
    color: #fff;
    font-style: italic;
    font-family: initial;
    font-size: 24px
}

.col-lg-6.text-div.remodling {
    height: 350px;
    background: #4d2c3d;
    padding: 43px;
    display: flex;
    justify-content: center;
    align-items: center
}

.col-lg-6.text-div.hous-rano {
    height: 350px;
    background: #d6ba70;
    padding: 43px;
    display: flex;
    justify-content: center;
    align-items: center
}

.response-slider .responsive-slider .slides {
    position: relative;
    overflow: hidden;
    height: 350px
}

.renovation-text {
    padding: 30px
}

.hous-rano h1,
.hous-rano p,
.remodling h1,
.remodling p {
    color: #fff
}

.section-padding {
    padding: 22px 0 70px
}

.hero4 {
    background: url(/assets/sub-pages/img/renovation/top-header-r&r.jpg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    padding: 130px 0 0 0;
    height: 350px
}

.renovation-text p {
    font-size: 18px;
    line-height: 30px
}

.list-type5 {
    width: 50%
}

.list-type5 ol {
    list-style-type: none;
    list-style-type: decimal;
    margin: 0;
    margin-left: 1em;
    padding: 0;
    counter-reset: li-counter
}

.list-type5 ol li {
    position: relative;
    margin-bottom: 1.5em;
    padding: .5em;
    background-color: #f0d756;
    padding-left: 58px
}

.list-type5 a {
    text-decoration: none;
    color: #000;
    font-size: 19px
}

.list-type5 li:hover {
    box-shadow: inset -1em 0 #6cd6cc;
    -webkit-transition: box-shadow .5s;
    transition: box-shadow .5s
}

.list-type5 ol li:before {
    position: absolute;
    top: -.3em;
    left: -.5em;
    width: 1.8em;
    height: 1.2em;
    font-size: 2em;
    line-height: 1.2;
    font-weight: 700;
    text-align: center;
    color: #fff;
    background-color: #6cd6cc;
    transform: rotate(-20deg);
    -ms-transform: rotate(-20deg);
    -webkit-transform: rotate(-20deg);
    z-index: 99;
    overflow: hidden;
    content: counter(li-counter);
    counter-increment: li-counter
}

.container.top-section-floor-plan h1 {
    font-size: 46px
}

.list-type3 h1,
.list-type5 h1 {
    margin-bottom: 30px
}

.list-type3 ol {
    padding: 0;
    margin: 0
}

.list-type3 a,
.list-type3 li {
    float: left;
    height: 42px;
    line-height: 42px;
    position: relative;
    font-size: 18px;
    margin-bottom: 12px;
    font-family: Raleway, sans-serif;
    transition: background-color 1.5s ease;
    list-style: none;
    width: 100%
}

.list-type3 a {
    padding: 0 60px 0 12px;
    background: #0089e0;
    color: #fff;
    text-decoration: none;
    -moz-border-radius-bottomright: 4px;
    -webkit-border-bottom-right-radius: 4px;
    border-bottom-right-radius: 4px;
    -moz-border-radius-topright: 4px;
    -webkit-border-top-right-radius: 4px;
    border-top-right-radius: 4px
}

.list-type3 a:before {
    content: "";
    float: left;
    position: absolute;
    top: 0;
    left: -12px;
    width: 0;
    height: 0;
    border-color: transparent #0089e0 transparent transparent;
    border-style: solid;
    border-width: 21px 12px 21px 0
}

.list-type3 a:after {
    content: "";
    position: absolute;
    top: 15px;
    left: 0;
    float: left;
    width: 6px;
    height: 6px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    background: #fff;
    -moz-box-shadow: -1px -1px 2px #004977;
    -webkit-box-shadow: -1px -1px 2px #004977;
    box-shadow: -1px -1px 2px #004977
}

.list-type3 a:hover {
    background: #555
}

.list-type3 a:hover:before {
    border-color: transparent #0089e0 transparent transparent
}

.servicebg2 {
    background: url(/assets/sub-pages/img/interns/service-bg2.jpg) no-repeat center center;
    background-size: auto auto;
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
    background-size: cover
}

.servicebg2 h1 {
    color: #fff
}

.servicebg2 h2 {
    background: #d4c522;
    height: 44px;
    border-radius: 5px;
    line-height: 38px;
    color: #fff
}

.form-top-left2.flor-form select {
    margin: 10px 0 0 0;
    border: solid 1px #8e7f4d
}

.form-top-left2.flor-form input {
    border: solid 1px #8e7f4d
}

.form-top-left2.flor-form .form-info.capcha2 {
    width: 100%;
    margin: 5px 0
}

.hire-intern-about {
    padding: 40px 0
}

.benefits-interns-col {
    padding: 40px 0
}

.commercial-form-box {
    padding: 20px;
    padding-top: 20px;
    margin-top: 0;
    background: #f5f5f5
}

.commercial-form-box h1 {
    font-size: 26px !important;
    color: #000;
    margin: 0;
    margin-bottom: 0;
    margin-bottom: 10px
}

.commercial-form-box .form-info.capcha2 {
    margin: 5px 10px !important
}

.nedd-se-bg {
    background: #2a2a2b;
    padding: 23px;
    margin-bottom: 80px
}

.nedd-se-bg h1,
.nedd-se-bg p {
    color: #fff
}

.nedd-se-bg .modal-content2.text-left.form-bg-div {
    background: rgba(237, 227, 191, .9)
}

.customize-design-query h2 {
    line-height: 40px;
    font-family: Lato, sans-serif
}

.customize-design-query p {
    line-height: 25px
}

.customize-design-service {
    margin: 40px 0
}

.product-simple-body {
    font-size: 16px;
    text-align: left
}

.blog_link {
    width: 20px;
    height: 20px
}

#see_blog {
    height: 40px;
    padding: 5px
}

.blog-blocks {
    padding: 40px 25px;
    margin-bottom: 30px;
    background: #fff;
    margin-right: 15px;
    position: relative;
    border-bottom: 5px solid #eee
}

.blog-blocks-img {
    height: 370px;
    overflow: hidden;
    position: relative;
    border-bottom: 5px solid #2f943c
}

.blog-blocks-content h4 {
    font-size: 14px;
    font-weight: 600;
    color: #000
}

.blog-blocks-content p {
    line-height: 28px;
    font-size: 15px;
    color: #333
}

.blog-blocks-content {
    position: relative;
    bottom: 0;
    margin-top: 10px
}

.blog-blocks-content h3 {
    font-size: 24px;
    color: #000;
    font-weight: 600
}

.blog-date {
    padding: 10px 35px;
    font-size: 14px;
    background: #2f943c;
    color: #fff;
    text-align: center;
    position: absolute;
    bottom: 0;
    border-top-right-radius: 50px;
    box-shadow: -2px 3px 0 5px #11651c;
    text-shadow: 1px 2px 0 #000
}

.blog-blocks-content a.read-more {
    color: #333;
    font-size: 14px;
    text-decoration: none;
    display: inline-block;
    padding: 8px
}

.blog-blocks-content a.read-more:hover {
    color: #30953d
}

.blog-block-icon i.fa.fa-search {
    line-height: 40px;
    color: #000;
    width: 40px;
    height: 40px;
    background: #fff;
    border-radius: 20px;
    margin-top: 30%;
    opacity: 0;
    transition: .5s ease-in
}

.blog-blocks-img:hover .blog-block-icon i {
    opacity: 1
}

.blog-block-icon.hvr-rectangle-out:before {
    background: rgba(0, 0, 0, .5)
}

.content-white1 {
    background: #fff;
    border: none;
    border-radius: 0;
    margin: 0;
    padding: 10px 0
}

.breadcrumb {
    background-color: transparent
}

.blog-pagination .btn-success {
    color: #000;
    background-color: transparent;
    border-color: #85de85;
    border-radius: 0;
    min-width: 45px;
    height: 45px;
    line-height: 45px;
    padding: 0 15px
}

.blog-pagination .btn-primary {
    border-radius: 0;
    min-width: 45px;
    height: 45px;
    line-height: 45px;
    padding: 0 15px
}

.aside-blog-head {
    border-bottom: 3px solid #37b44a;
    margin: 0;
    padding: 15px;
    background: #fff;
    color: #37b44a !important;
    text-align: left;
    font-weight: 600;
    margin-bottom: 20px
}

.fb-window-blog h2 {
    border-bottom: 3px solid #37b44a;
    margin: 0;
    padding: 15px;
    background: #fff;
    color: #37b44a !important;
    text-align: left;
    font-weight: 600;
    margin-bottom: 0;
    font-size: 18px;
    margin-top: 30px
}

.blog_slide_div img {
    max-height: 90px !important;
    max-width: 90px !important;
    margin: 0;
    border: 1px solid #dcdcdc;
    margin-right: 5px
}

.blog-container .media-blog .media-heading,
.blog-container .media-blog .media-heading a {
    color: #4b4b4b;
    font-size: 12px;
    font-weight: 600;
    font-family: Lato, sans-serif;
    line-height: 18px
}

.blog-container .media-blog p {
    margin: 0 0 10px;
    line-height: 24px;
    color: #000;
    font-family: Lato, sans-serif
}

.blog-container .media-blog {
    min-height: 120px
}

.blog_slide_div a.more {
    color: #30953d;
    font-weight: 600;
    font-size: 13px;
    text-decoration: none
}

.blog-content-inside {
    padding: 0 10px
}

#see_blog a {
    color: #fff;
    text-decoration: none;
    background: #2f943c;
    display: inline-block;
    padding: 4px 15px;
    border-radius: 6px;
    float: right;
    border-bottom: 2px solid #146b1f
}

.like-share-row {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    color: #333;
    font-size: 14px
}

.xlike-share-row {
    border: 1px solid #55ec6a;
    border-right-width: 1px;
    border-left-width: 1px;
    border-right-style: solid;
    border-left-style: solid;
    border-right-color: #55ec6a;
    border-left-color: #55ec6a;
    border-left: none;
    border-right: 0;
    position: absolute;
    bottom: 0;
    right: 13px;
    width: 100%;
    text-align: right
}

.blog-gap-head {
    width: 100px;
    height: 4px;
    background: #30963d;
    margin-bottom: 25px;
    margin-top: 25px
}

.blog-search-box {
    padding: 15px;
    background: #f5f5f5;
    margin-bottom: 20px;
    border: 1px solid #dedede
}

.blog-search-box form i {
    position: absolute;
    right: 10px;
    top: 11px;
    color: #37aa46
}

.blog-search-box form {
    position: relative;
    display: flex;
    margin-bottom: 0
}

.blog-search-box form input {
    height: 40px;
    box-shadow: none;
    border-radius: 0;
    border-top-right-radius: 0;
    border-left: 3px solid #30953d
}

.tags a {
    color: #000;
    padding: 5px;
    background: #ededed;
    padding: 10px;
    display: inline-block;
    margin: 5px;
    border-left: 2px solid #ccc;
    border-top-left-radius: 15px
}

.tags h3 {
    font-size: 20px;
    margin-top: 40px;
    color: #146b1f;
    font-weight: 700
}

.blog-page-sidebar .content-aside ul {
    padding: 0
}

.blog-page-sidebar .content-aside li {
    margin: 10px 9px 36px;
    display: inline-block;
    width: 80px;
    text-align: center
}

.blog-page-sidebar .content-aside li a>div {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
    text-align: center;
    border-radius: 4px
}

.blog-page-sidebar .content-aside li:first-child a>div,
.blog-page-sidebar .content-aside li:last-child a>div {
    width: 80px
}

.blog-page-sidebar .content-aside li a {
    color: #a8a8a8;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 14px;
    font-family: Arial, sans-serif
}

.blog-page-sidebar .content-aside li .layer2 {
    position: absolute;
    top: 0;
    left: -10px;
    width: 80px;
    height: 80px;
    background: #fff;
    border-radius: 3px;
    -webkit-box-shadow: 0 0 25px 0 rgba(00, 00, 00, .15);
    box-shadow: 0 0 25px 0 rgba(00, 00, 00, .15);
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out
}

.blog-page-sidebar .content-aside li:first-child .layer2,
.blog-page-sidebar .content-aside li:last-child .layer2 {
    left: 0;
    width: 80px
}

.blog-page-sidebar .content-aside li a:hover .layer2 {
    top: -20px;
    left: -10px;
    width: 80px
}

.blog-page-sidebar .content-aside li:first-child a:hover .layer2 {
    top: -20px;
    left: -20px
}

.blog-page-sidebar .content-aside li:last-child a:hover .layer2 {
    top: -20px;
    left: 20px
}

.blog-page-sidebar .content-aside li .textlink {
    position: absolute;
    bottom: 0;
    right: 8px;
    left: 0;
    color: #fff;
    font-size: 14px
}

.blog-page-sidebar .content-aside li:first-child .textlink {
    text-align: right
}

.blog-page-sidebar .content-aside li:last-child .textlink {
    text-align: left
}

.blog-top-five-block .div-height {
    height: 250px
}

.blog-top-five-block .div-height img {
    height: 100%;
    width: 100%
}

.blog-top-five-block .div-height-center {
    height: 500px
}

.blog-top-five-block .div-height-center img {
    height: 100%;
    width: 100%
}

.blog-top-five-block a.changeBlue:link {
    color: #fff
}

.blog-top-five-block a.changeBlue:hover {
    color: #9acd32;
    font-weight: 700
}

.blog-top-five-block .recent-h {
    font-weight: 700;
    width: 98%;
    background: #39b149;
    padding: 10px 10px 10px 10px;
    color: #fff
}

.blog-block-icon {
    position: absolute !important;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    background: 0 0 !important
}

.col-sm-3.nopadding.hover-p div p,
.col-sm-6.nopadding.hover-p div p {
    position: absolute;
    bottom: 0;
    z-index: 999;
    padding: 10px 10px;
    color: #fff;
    background: rgba(0, 0, 0, .5);
    font-size: 18px;
    margin-bottom: 0;
    font-weight: 700
}

.col-sm-3.nopadding.hover-p div,
.col-sm-6.nopadding.hover-p div {
    position: relative;
    bottom: 0
}

.social-icon-blog .button {
    position: relative;
    float: left;
    width: 110px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    color: #fff;
    font-size: 16px;
    overflow: hidden;
    cursor: pointer;
    margin-top: 20px;
    margin-left: 29px;
    box-shadow: 0 3px 1px #000;
    font-weight: 700;
    border-radius: 8px
}

.social-icon-blog .cover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100px;
    height: 50px;
    -ms-transform: translateX(-240px);
    -webkit-transform: translateX(-240px);
    transform: translateX(-240px);
    transition: all .5s ease-in-out
}

.social-icon-blog #twitter {
    background-color: #55acee
}

.social-icon-blog #facebook {
    background-color: #4267b2
}

.social-icon-blog #google {
    background-color: #dd4b39
}

.social-icon-blog #linkedin {
    background-color: #0976b4
}

.social-icon-blog #thumbs2 ul li {
    width: 98%
}

.social-icon-blog .twitter {
    background-color: #2397ea
}

.social-icon-blog .facebook {
    background-color: #204693
}

.social-icon-blog .google {
    background-color: #db1d08
}

.social-icon-blog .youtube {
    background-color: #9e0608
}

.social-icon-blog .dribble {
    background-color: #d62f6f
}

.social-icon-blog .instagram {
    background-color: #2b628c
}

.social-icon-blog .linkedin {
    background-color: #01659b
}

.social-icon-blog .flickr {
    background-color: #d6006e
}

.social-icon-blog .github {
    background-color: #726b6b
}

.social-icon-blog .pinterest {
    background-color: #ba0d12
}

.social-icon-blog .button:hover .cover {
    transform: translateX(0)
}

.social-icon-blog .fa {
    color: #fff;
    margin-top: 15px
}

.social-icon-blog a {
    text-decoration: none
}

.block-side-col {
    margin-top: 20px;
    display: inline-block
}

.blog-content-inside ul li {
    width: 100%
}

.blog-content-inside ul li i {
    color: #37b44a;
    font-size: 10px;
    padding-right: 5px
}

.features h1 {
    margin-bottom: 40px;
    font-family: fonarto;
    font-size: 24px;
    text-align: center;
    padding: 0 0 40px 0;
    color: #222;
    margin: 0
}

.delay-05s {
    animation-delay: .5s;
    -webkit-animation-delay: .5s
}

.delay-1s {
    animation-delay: 1s;
    -webkit-animation-delay: 1s
}

.fancybox-overlay {
    z-index: 999 !important
}

.fancybox-image {
    z-index: 9999 !important
}

#fancybox-buttons {
    z-index: 100000
}

.manage-portfolio-page .filter li {
    display: inline-block;
    margin: 5px;
    min-width: 130px
}

.manage-portfolio-page .filter li a {
    font-size: 16px !important;
    padding: 10px 15px
}

.manage-portfolio-page .portfolio-block {
    box-shadow: 0 0 9px -1px #818181;
    text-align: center
}

.home-how-it-work-section .how-it-work {
    padding-top: 50px;
    background: #f9f9f9;
    margin: 30px 0;
    padding-bottom: 0
}

.home-how-it-work-section .how-it-work-block {
    padding: 25px 10px;
    position: relative;
    color: #000;
    border-radius: 8px;
    text-align: center
}

.home-how-it-work-section .how-it-work-block p {
    font-size: 14px;
    line-height: 24px;
    text-align: center;
    font-family: lato;
    font-style: italic
}

.home-how-it-work-section .how-it-work-block-1 {
    background: rgba(112, 212, 125, .7);
    border-bottom: 2px solid #ff4d4d
}

.home-how-it-work-section .how-it-work-block-2 {
    background: rgba(96, 195, 109, .7);
    border-bottom: 2px solid #fbf026
}

.home-how-it-work-section .how-it-work-block-3 {
    background: rgba(63, 176, 77, .7);
    border-bottom: 2px solid #207ccf
}

.home-how-it-work-section .how-it-work-block-4 {
    background: rgba(55, 165, 68, .7);
    border-bottom: 2px solid #da145c
}

.home-how-it-work-section .how-it-work-block-1 .step-count {
    background: #e54433
}

.home-how-it-work-section .how-it-work-block-2 .step-count {
    background: #fbf026
}

.home-how-it-work-section .how-it-work-block-3 .step-count {
    background: #207ccf
}

.home-how-it-work-section .how-it-work-block-4 .step-count {
    background: #da145c
}

.home-how-it-work-section .how-it-work h2 {
    margin-bottom: 0
}

.home-how-it-work-section .how-it-work-block img {
    height: 40px;
    margin-bottom: 10px
}

.home-how-it-work-section .step-count {
    position: absolute;
    top: -25px;
    left: 20px;
    right: 0;
    text-align: center;
    background: #000;
    width: 45px;
    height: 45px;
    font-size: 19px;
    line-height: 40px;
    border-radius: 40px;
    border: 2px solid #72c67c;
    color: #fff;
    font-weight: 600;
    font-family: lato
}

#how_it-slider.owl-theme .owl-controls .owl-buttons div {
    opacity: 1;
    background: #000;
    border-radius: 0;
    width: 30px;
    height: 30px;
    line-height: 30px
}

#how_it-slider.owl-theme .owl-controls .owl-buttons div i {
    font-size: 18px !important;
    line-height: 23px
}

.counter-bg {
    padding: 30px 0;
    color: #fff;
    min-height: 158px;
    height: auto;
    background: #30963c url(/assets/images/City.png);
    background-position: bottom;
    background-repeat: repeat-x
}

.cout1 {
    display: inline-block;
    padding: 10px 13px;
    text-align: center
}

.counter-bg h1 {
    color: #fff;
    margin-top: 30px
}

.counter {
    font-size: 52px;
    font-weight: 700;
    display: inline-block;
    float: left;
    padding: 0;
    margin: 0;
    min-width: 70px;
    position: relative;
    margin: 0 0;
    margin-bottom: 0
}

.cout1 img {
    height: 40px;
    margin-bottom: 15px
}

.plus-sign-counter {
    display: inline-block;
    float: left;
    font-size: 33px;
    line-height: 74px;
    margin-right: 10px;
    font-weight: 700;
    display: none
}

.counter:before {
    width: 0;
    height: 3px;
    border-bottom: 6px solid #168024;
    position: absolute;
    content: '';
    top: 1px;
    z-index: 4
}

.counter-bg .fa.fa-square {
    transform: rotate(45deg);
    margin: 4px;
    font-size: 12px;
    color: #222
}

span.cont-test {
    float: left;
    font-size: 16px;
    padding-top: 12px;
    font-style: italic;
    display: block;
    width: 100%;
    margin-top: -13px
}

.co-border {
    border-right: 1px solid #168024
}

.service-section-home h3 {
    color: #000;
    font-family: Lato, sans-serif;
    font-size: 18px
}

.counter-bg .fa.fa-square {
    transform: rotate(45deg);
    margin: 2px;
    font-size: 12px
}

#contact_lead_popup .modal-content {
    position: relative;
    text-align: center;
    width: 90%;
    border: 3px solid #000;
    padding: 0
}

#contact_lead_popup .modal-title {
    padding: 0;
    color: #369e43;
    font-size: 22px;
    font-family: Lato, sans-serif
}

#contact_lead_popup .modal-body {
    text-align: left;
    display: flex
}

#contact_lead_popup .modal-content p {
    padding: 10px 0;
    line-height: 22px;
    font-size: 12px
}

#contact_lead_popup button.close {
    color: #fff;
    background: #369e43;
    width: 40px;
    height: 40px;
    border-radius: 30px;
    margin-top: -20px;
    margin-right: -20px;
    opacity: 1
}

#contact_lead_popup input.form-control {
    height: 40px;
    box-shadow: none;
    border: 1px solid #ddd !important;
    border-radius: 4px;
    margin: 0 0 5px 0
}

.lead-contact-sub-btn {
    background: 0 0;
    padding: 9px 25px !important;
    color: #369e43;
    border: 2px solid #369e43;
    border-radius: 0 !important;
    text-transform: uppercase !important;
    font-weight: 600;
    font-family: sans-serif !important;
    letter-spacing: 1px !important;
    padding: 9px 30px;
    font-size: 14px !important
}

.lead-contact-sub-btn:hover {
    background: #369e43;
    color: #fff;
    border: 2px solid #369e43
}

.lead-popup-img {
    width: 220px;
    overflow: hidden;
    height: 320px;
    margin-right: 30px
}

.lead-popup-img img {
    width: 220px
}

.vastu-cons-img-head {
    height: 300px;
    background: url(/uploads/blur.JPG);
    background-size: cover
}

.vastu-cons-headin {
    position: absolute;
    top: 50px;
    right: 50px;
    text-shadow: 0 0 6px #319a3f;
    background: rgba(0, 0, 0, .7);
    padding: 10px 20px;
    color: #fff
}

.quick-link-description {
    padding: 20px;
    color: #000;
    line-height: 25px
}

.quick-link-description h1,
.quick-link-description h2 {
    color: #3ab54a;
    font-weight: 600;
    font-family: Lato, sans-serif;
    font-size: 28px
}

.quick-link-description ul li {
    padding: 7px 0
}

.quick-link-description a {
    color: #3ab54a;
    text-decoration: none
}

.quick-link-heading {
    background: #d5802a !important;
    color: #fff !important;
    font-family: Lato, sans-serif
}

.quick-link-whole-section {
    overflow: hidden
}

.quick-link-contact-right {
    padding: 20px
}

.quick-link-contact-right #contactus_form {
    width: 60%
}

.quick-link-contact-right #contactus_form input,
.quick-link-contact-right #contactus_form textarea {
    box-shadow: none;
    border-radius: 0;
    border: 1px solid #ddd
}

.quick-link-faq-accordion .panel-heading {
    padding: 0
}

.quick-link-faq-accordion .panel-title>a {
    padding: 15px;
    font-size: 15px;
    border-left: 5px solid #3ab54a;
    padding-right: 35px
}

.quick-link-faq-accordion .panel-group .panel {
    margin-bottom: 15px;
    border-radius: 4px
}

.quick-link-faq-accordion .panel-group {
    margin: 20px
}

.quick-link-faq-accordion .panel-content .panel-title a i {
    color: #3ab54a;
    font-size: 15px;
    position: absolute;
    right: 15px;
    top: 17px
}

.quick-link-faq-accordion .panel-body p {
    min-height: 70px;
    color: #000;
    line-height: 24px
}

.quick-link-faq-accordion .active1::after {
    display: none
}

.quick-link-faq-accordion h2 {
    text-align: center
}

.quick-link-description strong {
    font-family: Lato, sans-serif
}

#diwaliModal .modal-dialog {
    width: 80%;
    margin: 30px auto
}

#diwaliModal .modal-content {
    background-color: transparent;
    padding: 0;
    border: none
}

#diwaliModal .modal-header {
    border: none
}

#diwaliModal .close {
    color: #369e43;
    opacity: 1;
    position: absolute;
    top: 10px;
    right: 15px;
    z-index: 50;
    width: 40px;
    height: 40px;
    background: #fff;
    border-radius: 50%;
    border: 2px solid #369e43 !important;
    line-height: 15px
}

.diwali-popup-container {
    position: relative
}

.diwali-popup-container img {
    width: 100%
}

.diwali-popup-form {
    width: 250px;
    position: absolute;
    left: 30px;
    top: 50px;
    background: #bb6208;
    padding: 15px
}

.diwali-popup-form input.form-control {
    padding: 10px 10px;
    height: 40px;
    border-color: transparent
}

.diwali-popup-form button {
    background: #000;
    padding: 8px 20px;
    border: 0;
    float: left;
    color: #fff
}

.diwali-popup-form h3 {
    text-align: left;
    color: #fff;
    color: #fff;
    margin: 0;
    font-size: 20px
}

#what_you_want .modal-body {
    padding: 0;
    border: 3px solid #369e43
}

#what_you_want .form-box {
    margin: 0;
    padding: 0
}

#what_you_want .modal-body h2 {
    background: #0961a2;
    padding: 15px;
    color: #fff;
    font-size: 18px;
    font-family: Lato, sans-serif;
    margin: 0;
    margin-bottom: 20px
}

.service-gallery-img {
    height: 190px;
    overflow: hidden;
    margin: 4px 0;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center
}

.service-gallery-img img {
    transition: 1s linear;
    width: 100%
}

.service-gallery-img:hover img {
    transform: scale(1.2) rotate(2deg)
}

.service-gallery-img a {
    position: absolute;
    top: 10px;
    bottom: 10px;
    left: 10px;
    right: 10px;
    background: rgba(0, 0, 0, .4);
    display: flex;
    text-align: center;
    justify-content: center;
    align-items: center;
    font-size: 24px;
    color: #3ab54a;
    border: 2px solid #fff;
    transition: .5s linear;
    opacity: 0
}

.services-gallery-section .nav-tabs>li>a {
    margin-right: 2px;
    line-height: 1.42857143;
    border: 1px solid transparent;
    border-radius: 4px 4px 0 0;
    background: #000;
    background-color: #000;
    border-radius: 0;
    margin: 10px 5px;
    transform: skew(10deg)
}

.services-gallery-section .nav-tabs>li>a span {
    transform: skew(-10deg);
    display: inline-block;
    color: #fff
}

.services-gallery-section #myTab {
    margin: 0 auto;
    text-align: center;
    width: 100%
}

.services-gallery-section .nav-tabs>li {
    float: none;
    margin-bottom: -1px;
    display: inline-block
}

.service-gallery-img:hover a {
    opacity: 1
}

.services-gallery-section {
    padding-bottom: 50px;
    padding-top: 40px
}

.service-gallery-block {
    margin: 15px 0
}

.service-gallery-block.hvr-underline-from-center::before {
    background: #37b44a
}

.services-gallery-section .tab-content {
    margin-top: 20px
}

.service-pagination .pagination>li>a:focus,
.service-pagination .pagination>li>a:hover,
.service-pagination .pagination>li>span:focus,
.service-pagination .pagination>li>span:hover {
    color: #fff;
    background-color: #37b44a;
    border-color: #37b44a
}

.service-pagination .pagination>li>a,
.service-pagination .pagination>li>span {
    padding: 10px 18px;
    color: #37b44a;
    font-size: 16px;
    font-weight: 600;
    font-family: Lato, sans-serif;
    display: inline-block;
    margin: 3px;
    border: 1px solid #ddd;
    background: #f3f3f3
}

.header-cart-block tr:first-child {
    background: #86d291
}

.header-cart-block tr:first-child td {
    color: #fff
}

.menu3 .header-cart-block .total-price {
    color: #3ab54a;
    font-size: 20px;
    font-family: Lato, sans-serif
}

.header-cart-block tr:nth-child(even) {
    background-color: #f5f5f5
}

.header-cart-block tr td h6 {
    line-height: 20px
}

#frm_in_profile {
    margin: 0
}

.header-sec-navigation.navbar-default {
    border-color: transparent;
    border-bottom: 3px solid #37b44a
}

.header-top .menu3>li {
    padding-left: 5px;
    position: relative
}

.navbar-default #navigate_menu.navbar-nav>li>a {
    padding-top: 5px;
    padding-bottom: 5px
}

#navigate_menu.navbar-nav #how_it_works_li a {
    padding-top: 6px;
    font-family: Lato, sans-serif;
    font-weight: 500
}

.menu3 .account-dropdown .dropdown-menu>li>a {
    font-size: 13px;
    padding: 6px 20px;
    border-bottom: 1px solid #eee;
    color: #000;
    margin: 0
}

.account-dropdown .dropdown-menu {
    border-bottom: 3px solid #37b44a
}

.account-dropdown .dropdown-menu>li>a:hover {
    background: #adefb7
}

.cart-dropdown .header-cart-block .media-cart a.pull-left {
    display: inline-block;
    width: 100%
}

.menu3 .header-cart-block .btn.btn-success.btn-sm.btn-block {
    margin: 0;
    background: #1b9e2c;
    color: #fff;
    font-family: Lato, sans-serif;
    text-transform: uppercase
}

.header-top .navbar-nav>li>a {
    color: #000;
    font-family: Lato, sans-serif
}

.portfolio-block {
    box-shadow: 0 0 9px -1px #bababa;
    text-align: center
}

.overlay a.folio-detail i,
.overlay a.folio-link i {
    font-size: 16px;
    text-align: center;
    width: 40px !important;
    height: 40px !important;
    background: #064a84;
    color: #fff;
    line-height: 36px;
    border-radius: 50%;
    border: 2px solid #fff
}

.new-add-on {
    width: 100%;
    float: inline-end;
    float: left
}

.footer-logow .btn.btn-success.subscribe {
    padding: 15px 12px;
    border-radius: 0
}

#quick_contact_form input.form-control {
    padding: 5px 10px;
    height: 45px
}

#quick_contact_form .btn {
    border-radius: 0
}

.tc-pro {
    color: #000
}

li#how_it_works_li a img {
    margin-right: 8px;
    border-radius: 12px;
    border: 2px solid #fff;
    -webkit-animation: mymove 2s infinite alternate;
    animation: mymove 2s infinite alternate
}

.testimonial-service-slider {
    background: url(/assets/images/testi-edit-bg.jpg);
    padding-top: 60px;
    background-size: cover;
    position: relative
}

.testimonial-service-slider h1 {
    color: #fff
}

.testimonial-service-slider .owl-theme .owl-controls .owl-buttons .owl-next,
.testimonial-service-slider .owl-theme .owl-controls .owl-buttons .owl-prev {
    opacity: 1;
    padding: 0
}

.testimonial-service-slider .owl-theme .owl-controls .owl-buttons .owl-prev i {
    width: 40px;
    height: 40px;
    border-radius: 0;
    line-height: 40px;
    font-size: 20px;
    background: #37b44a;
    position: absolute;
    left: 0;
    top: 40%
}

.testimonial-service-slider .owl-theme .owl-controls .owl-buttons .owl-next i {
    width: 40px;
    height: 40px;
    border-radius: 0;
    line-height: 40px;
    font-size: 20px;
    background: #37b44a;
    position: absolute;
    right: 0;
    top: 40%
}

.testimonial-service-slider p {
    line-height: 28px;
    color: #fff;
    text-align: center;
    width: 80%;
    margin: 0 auto
}

.testimonial-service-slider em {
    display: inline-block;
    margin: 0 auto;
    text-align: center;
    width: 100%;
    color: #ccc;
    font-size: 20px;
    font-weight: 600
}

.testi-client-pic {
    width: 70px;
    height: 70px;
    overflow: hidden;
    margin: 25px auto;
    border: 2px solid #37b44a;
    display: flex
}

.testi-client-pic img {
    width: 100%
}

.testimonial-service-slider .fa.fa-quote-left {
    font-size: 34px;
    color: #37b44a
}

.featured-slider .featured-img-slide {
    width: 200px;
    float: left;
    margin-right: 20px
}

.featured-slider .featured-img-slide img {
    width: 100%
}

#featured-slider-1 {
    border: 1px solid #ccc;
    padding: 20px
}

.featured-content-slide {
    font-family: Lato, sans-serif
}

.col-sm-12.section-details .row,
.testimonial-single {
    height: 250px;
    overflow: hidden;
    border-bottom: 1px solid #ccc
}

.testimonial-single img {
    width: 100%;
    height: 200px
}

.feature-slide-img-test {
    width: 45%;
    float: left
}

.testimonial-contents {
    background: #fff
}

.section-details {
    width: 100%;
    overflow: hidden !important
}

.test-square-overlay {
    position: absolute;
    width: 100px;
    height: 100px;
    background: #3ab54a;
    top: -5px;
    left: -5px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px
}

.testimonial-area {
    position: relative;
    background: #fff
}

.section-details {
    background: #fff
}

div#serviceModal .modal-content {
    padding: 0
}

div#serviceModal .modal-header {
    padding: 10px 0;
    background: #204988;
    color: #fff
}

.marble-big-block {
    text-align: center;
    margin-top: 20px;
    overflow: hidden
}

.marble-small {
    list-style-type: none;
    margin: 20px 0;
    padding: 0;
    text-align: center
}

.marble-small li {
    display: inline-block;
    margin: 10px
}

.marble-small li img {
    width: 100px;
    height: 100px
}

.marble-big img {
    max-height: 500px;
    max-width: 100%;
    width: auto;
    margin-bottom: 30px;
    padding: 10px;
    border: 2px solid #ddd;
    outline: 0 !important
}

.marble-big,
.marble-small li a {
    outline: 0 !important
}

.product_single_cart_table {
    margin: 10px 0
}

.grey_link {
    color: #ccc;
    cursor: pointer
}

.grey_link:hover {
    color: #ccc
}

.dropdown-notifications li {
    color: red;
    padding: 5px;
    font-size: 12px;
    font-weight: 700
}

.fixed_zxcv {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 99999;
    background: #000
}

.sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    background-color: #111;
    overflow-x: hidden;
    transition: .5s;
    padding-top: 60px
}

.sidenav a {
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    font-size: 25px;
    color: #818181;
    display: block;
    transition: .3s
}

.offcanvas a:focus,
.sidenav a:hover {
    color: #f1f1f1
}

.sidenav .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px;
    margin-left: 50px
}

#main {
    transition: margin-left .5s;
    padding: 16px
}

.menu2 {
    position: relative !important;
    width: 100%;
    text-align: right
}

.navbar-right .yamm-fullwidth .dropdown-menu {
    right: 0 !important;
    left: 0 !important;
    width: 100% !important
}

.navbar-right .yamm-fullwidth .dropdown-menu.cart-dropdown {
    left: auto !important;
    width: 250px !important
}

.yamm .yamm-content {
    padding: 10px 0
}

.category-submenu-list .list-group-item {
    border: medium none;
    font-size: 14px;
    padding: 7px 0 7px 3px;
    font-family: Lato, sans-serif
}

.category-submenu-list .list-group-item a {
    color: #000
}

.navbar-nav>li {
    float: none
}

.nav>li {
    position: relative;
    display: inline-block
}

.category-submenu-heading {
    color: #0b7219;
    font-weight: 600;
    font-family: Lato, sans-serif;
    text-transform: uppercase;
    font-size: 14px
}

h4.category-submenu-heading a {
    color: #0b7219 !important;
    margin: 0 !important
}

.cust-house a {
    margin: 0 !important
}

.category-submenu-list .list-group-item::after {
    top: 10px
}

.dropdown-menu {
    border-bottom: 4px solid #3ab54a
}

.main-menu .navbar-nav a,
.main-menu .navbar-nav>.active>a,
.main-menu .navbar-nav>.active>a:focus,
.main-menu .navbar-nav>.active>a:hover {
    margin-bottom: 0
}

li#how_it_works_li {
    margin-bottom: -6px;
    margin-top: 10px
}

.navbar-right .yamm-fullwidth .dropdown-menu.cart-dropdown {
    left: auto !important
}

.header-sec-navigation .dropdown-menu {
    background-color: #fff;
    background: linear-gradient(25deg, #f5f5f5 50%, #fff 50%)
}

.heading-green {
    color: #000;
    font-size: 14px
}

.heading-black,
.heading-black a {
    color: #19aa2d;
    font-size: 18px;
    font-family: Lato, sans-serif
}

.floor-plan-front-all {
    display: none
}

#xfloor-paln-front-popup .modal-header h3 {
    margin-top: 0;
    background: linear-gradient(#21c6cc 50%, #20adb3 50%);
    padding: 10px;
    color: #fff;
    text-align: center;
    font-size: 18px
}

#floor-paln-front-popup .modal-header h3 {
    margin-top: 0;
    padding: 20px;
    color: #21c6cc;
    text-align: center;
    font-size: 24px;
    font-family: fonarto;
    margin-bottom: 0;
    padding-bottom: 0
}

#floor-paln-front-popup .floor-plan-order-btn {
    background: #3aa748;
    display: inline-block;
    padding: 9px 20px;
    margin-bottom: 10px;
    margin-top: 20px;
    color: #fff
}

#floor-paln-front-popup .modal-content p {
    padding: 0;
    line-height: 24px
}

#elevation-front-popup .modal-body ul,
#floor-paln-front-popup .modal-body ul,
#vastu-front-popup .modal-body ul {
    padding: 0;
    margin: 0
}

#elevation-front-popup .modal-body ul li,
#floor-paln-front-popup .modal-body ul li,
#vastu-front-popup .modal-body ul li {
    text-align: left;
    color: #000;
    padding: 4px;
    list-style-type: none
}

#floor-paln-front-popup .modal-body ul li .fa.fa-circle {
    font-size: 11px;
    padding-right: 6px;
    color: #21c6cc
}

#elevation-front-popup .modal-body ul li .fa.fa-circle {
    font-size: 11px;
    padding-right: 6px;
    color: #f64848
}

#vastu-front-popup .modal-body ul li .fa.fa-circle {
    font-size: 11px;
    padding-right: 6px;
    color: #ed954a
}

#elevation-front-popup .modal-body p,
#floor-paln-front-popup .modal-body p,
#vastu-front-popup .modal-body p {
    padding: 0;
    line-height: 24px;
    font-size: 20px;
    font-weight: 500;
    font-family: Lato, sans-serif
}

#elev-duplex,
#elev-duplex-floor,
#elev-simplex,
#elev-simplex-floor,
#elev-triplex,
#elev-triplex-floor,
#elevation-duplex-floor,
#elevation-simplex-floor,
#elevation-triplex-floor,
#vastu-duplex-floor,
#vastu-simplex-floor,
#vastu-triplex-floor {
    width: 50px !important;
    float: left;
    height: 15px !important
}

.radio-btn-elev h3 {
    font-size: 18px;
    font-weight: 500;
    font-family: Lato, sans-serif
}

.elev-price {
    float: right;
    color: #37b44a;
    font-size: 20px;
    font-weight: 600
}

.radio-btn-elev input[type=checkbox]:focus,
.radio-btn-elev input[type=file]:focus,
.radio-btn-elev input[type=radio]:focus {
    outline: 0
}

.tc-elev input[type=checkbox] {
    width: 50px !important;
    float: left
}

.tc-elev a {
    color: #1b3aa6 !important;
    text-decoration: none;
    display: inline-block;
    margin-top: 7px
}

.floor-plan-form-box h3 {
    color: #000;
    font-weight: 500;
    font-family: Lato, sans-serif
}

.js .vastu-input-file-trigger {
    display: block;
    padding: 8px 30px;
    background: #5cb85c;
    color: #fff;
    font-size: 1em;
    transition: all .4s;
    cursor: pointer;
    width: 140px;
    float: right;
    margin-top: 5px
}

.js .vastu-input-file {
    position: absolute;
    top: 0;
    left: 0;
    width: 225px;
    opacity: 0;
    padding: 14px 0;
    cursor: pointer
}

.js .vastu-input-file-trigger:focus,
.js .vastu-input-file-trigger:hover,
.js .vastu-input-file:focus+.vastu-input-file-trigger,
.js .vastu-input-file:hover+.vastu-input-file-trigger {
    background: #34495e;
    color: #39d2b4
}

.vastu-file-return {
    margin: 0
}

.vastu-file-return:not(:empty) {
    margin: 1em 0
}

.js .vastu-file-return {
    font-style: italic;
    font-size: .9em;
    font-weight: 700
}

.js .vastu-file-return:not(:empty):before {
    content: " ";
    font-style: normal;
    font-weight: 400
}

.select-flor-pln h5 {
    font-size: 15px;
    font-weight: 600;
    color: #000;
    font-family: Lato, sans-serif;
    float: left
}

#vastu_form_popup select {
    margin: 5px 0 0 0;
    border: solid 1px #dbdbdb
}

.elevation-front-all {
    display: none
}

#xelevation-front-popup .modal-header h3 {
    margin-top: 0;
    background: linear-gradient(#f64848 50%, #de4141 50%);
    padding: 10px;
    color: #fff;
    text-align: center;
    font-size: 18px
}

#elevation-front-popup .modal-header h3 {
    margin-top: 10px;
    padding: 10px;
    color: #f64848;
    text-align: center;
    font-size: 22px;
    font-family: fonarto;
    margin-bottom: 0;
    padding-bottom: 0
}

#elevation-front-popup .floor-plan-order-btn {
    background: #3aa748;
    display: inline-block;
    padding: 9px 20px;
    margin-bottom: 10px
}

#elevation-front-popup .modal-content p {
    padding: 0;
    line-height: 24px
}

#elevation-duplex,
#elevation-simplex,
#elevation-triplex {
    width: 50px !important;
    float: left;
    height: 15px !important
}

.vastu-front-all {
    display: none
}

#xvastu-front-popup .modal-header h3 {
    margin-top: 0;
    background: linear-gradient(#ed954a 50%, #d88742 50%);
    padding: 10px;
    color: #fff;
    text-align: center;
    font-size: 18px
}

#vastu-front-popup .modal-header h3 {
    margin-top: 10px;
    padding: 10px;
    color: #ed954a;
    text-align: center;
    font-size: 20px;
    font-family: fonarto;
    margin-bottom: 0;
    padding-bottom: 0;
    line-height: 36px
}

#elevation-front-popup .elevation-order-btn,
#vastu-front-popup .vastu-order-btn {
    background: #3aa748;
    display: inline-block;
    padding: 9px 20px;
    margin-bottom: 10px;
    margin-top: 20px
}

#all-in-one-popup .modal-header .close {
    width: 40px;
    height: 40px;
    background: #000;
    color: #fff;
    margin-top: -25px;
    margin-right: -25px;
    border-radius: 20px
}

#vastu-front-popup .modal-content p {
    padding: 0;
    line-height: 24px
}

#vastu-duplex,
#vastu-simplex,
#vastu-triplex {
    width: 50px !important;
    float: left;
    height: 15px !important
}

#vastu_form_ppoup input,
#vastu_form_ppoup select {
    height: 36px;
    padding-left: 10px;
    border-radius: 5px
}

#vastu_form_ppoup input {
    margin: 0 auto;
    margin-bottom: 5px !important;
    border: solid 1px #dbdbdb
}

#vastu-front-popup input {
    margin: 0 auto;
    margin-bottom: 5px !important;
    border: solid 1px #dbdbdb
}

#vastu-front-popup .modal-content {
    position: relative;
    text-align: left !important
}

#vastu-front-popup .radio-btn-elev {
    text-align: left
}

#all-in-one-popup .modal-content {
    position: relative
}

#all-in-one-popup .special-ofer-ribn {
    position: absolute;
    top: -9px;
    left: -10px;
    width: 130px
}

a.all_in_one_elevation_link,
a.all_in_one_floor_plan_link,
a.all_in_one_vastu_link {
    background-color: #3ab54a
}

.active a.all_in_one_floor_plan_link {
    background: #21c6cc !important;
    color: #fff !important;
    border: none !important;
    border-radius: 0
}

.active a.all_in_one_elevation_link {
    background: #f64848 !important;
    color: #fff !important;
    border: none !important;
    border-radius: 0
}

.active a.all_in_one_vastu_link {
    background: #ed954a !important;
    color: #fff !important;
    border: none !important;
    border-radius: 0
}

#all-in-one-popup .modal-header {
    padding: 0;
    padding-bottom: 15px;
    margin-top: 0
}

#all-in-one-popup h4#myModalLabel {
    font-family: fonarto;
    color: #000;
    font-size: 24px
}

#all-in-one-popup .nav-tabs>li>a:hover {
    border: none !important
}

#all-in-one-popup .tab-content {
    border-top: 3px solid #3ab54a;
    margin-top: 20px
}

#all-in-one-popup .nav-tabs>li>a {
    margin-right: 10px;
    border: none;
    border-radius: 0;
    color: #fff
}

#all-in-one-popup .nav-tabs li.active .all_in_one_floor_plan_link:after {
    font-family: FontAwesome;
    content: "\f0d7";
    position: absolute;
    bottom: -20px;
    color: #21c6cc;
    font-size: 24px;
    right: 20px
}

#all-in-one-popup .nav-tabs li.active .all_in_one_elevation_link:after {
    font-family: FontAwesome;
    content: "\f0d7";
    position: absolute;
    bottom: -20px;
    color: #f64848;
    font-size: 24px;
    right: 20px
}

#all-in-one-popup .nav-tabs li.active .all_in_one_vastu_link:after {
    font-family: FontAwesome;
    content: "\f0d7";
    position: absolute;
    bottom: -20px;
    color: #ed954a;
    font-size: 24px;
    right: 20px
}

#all-in-one-popup .nav-tabs>li {
    float: none;
    margin-bottom: -1px
}

#session_form .close {
    color: #000 !important
}

#contractor_form .input-group {
    border: 1px solid #ddd;
    border-radius: 4px
}

.section-gray.pb-top {
    padding-top: 80px;
    padding-bottom: 50px
}

.feater-sec {
    padding: 50px 0
}

.feater-sec .main-heading-font {
    margin-bottom: 39px
}

.require-form-block .form-control {
    height: 40px;
    box-shadow: none;
    margin: 8px 0;
    border: 1px solid #ddd
}

.require-form-block {
    background: url(/assets/images/brickwalls.png);
    border: 10px solid #ddd;
    padding: 20px 0
}

.require-form-block h2 {
    color: #37b44a;
    font-weight: 600;
    font-family: Lato, sans-serif;
    font-size: 22px
}

.require-form-block .btn {
    background: #37b44a;
    padding: 8px 30px;
    color: #fff
}

.fixed-footer-marquee {
    width: 100%;
    position: fixed;
    left: 0;
    right: 0;
    background: #000;
    bottom: 0;
    z-index: 999;
    padding: 5px;
    color: #fff;
    border-top: 1px solid #fff
}

.footer-marquee-container .fa-times {
    position: fixed;
    left: 0;
    width: 35px !important;
    background: #37b44a;
    bottom: 0;
    height: 35px;
    text-align: center;
    line-height: 35px;
    font-size: 20px;
    z-index: 9999;
    color: #fff
}

.footer-marquee-container .fa-bars {
    background: #f89d3d
}

.fix-footr-marq-text a {
    background: #37b44a;
    padding: 3px 10px;
    display: inline-block;
    color: #fff;
    border-radius: 25px;
    font-size: 12px
}

.fixed-footer-marquee span {
    display: inline-block;
    margin-right: 60px;
    font-size: 13px
}

.cd-accordion-menu {
    width: 90%;
    max-width: 300px;
    box-shadow: 4px 4px 10px #484747;
    position: fixed;
    top: 100px;
    z-index: 99999;
    background: #fff;
    overflow: auto;
    height: 100%;
    transition: .5s linear
}

.mobile-navigation .menu-icon-grid i {
    position: fixed;
    top: 45px;
    right: 20px;
    width: 40px;
    height: 40px;
    background: #3aa748;
    text-align: center;
    line-height: 40px;
    color: #fff;
    z-index: 999
}

.menu-slide-right {
    right: -300px
}

.menu-slide-left {
    right: 0
}

.cd-accordion-menu ul {
    display: none
}

.cd-accordion-menu li {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    list-style-type: none
}

.cd-accordion-menu input[type=checkbox] {
    position: absolute;
    opacity: 0
}

.cd-accordion-menu label {
    position: relative;
    display: block;
    padding: 5px;
    color: #000;
    font-size: 13px
}

.cd-accordion-menu label h3 a {
    position: relative;
    display: block;
    padding: 0;
    color: #000;
    font-size: 15px
}

.cd-accordion-menu a {
    position: relative;
    display: block;
    padding: 5px;
    color: #000;
    font-size: 13px
}

.cd-accordion-menu a::after,
.cd-accordion-menu label::after,
.cd-accordion-menu label::before {
    content: '';
    display: inline-block;
    width: 16px;
    height: 16px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

.cd-accordion-menu label {
    cursor: pointer
}

.cd-accordion-menu label::after,
.cd-accordion-menu label::before {
    background-image: url(../img/cd-icons.svg);
    background-repeat: no-repeat
}

.cd-accordion-menu label::before {
    left: 18px;
    background-position: 0 0;
    -webkit-transform: translateY(-50%) rotate(-90deg);
    -moz-transform: translateY(-50%) rotate(-90deg);
    -ms-transform: translateY(-50%) rotate(-90deg);
    -o-transform: translateY(-50%) rotate(-90deg);
    transform: translateY(-50%) rotate(-90deg)
}

.cd-accordion-menu label strong {
    font-weight: 700;
    font-family: Lato, sans-serif;
    color: #000
}

.cd-accordion-menu label::after {
    left: 41px;
    background-position: -16px 0
}

.cd-accordion-menu a::after {
    left: 36px;
    background: url(../img/cd-icons.svg) no-repeat -48px 0
}

.cd-accordion-menu input[type=checkbox]:checked+label::before {
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

.cd-accordion-menu input[type=checkbox]:checked+label::after {
    background-position: -32px 0
}

.cd-accordion-menu input[type=checkbox]:checked+label+ul,
.xcd-accordion-menu input[type=checkbox]:checked+label:nth-of-type(n)+ul {
    display: block
}

.no-touch .cd-accordion-menu ul a:hover,
.no-touch .cd-accordion-menu ul label:hover {
    color: #3ab54a
}

.cd-accordion-menu>li:last-of-type>a,
.cd-accordion-menu>li:last-of-type>label,
.cd-accordion-menu>li>ul>li:last-of-type a,
.cd-accordion-menu>li>ul>li:last-of-type label {
    box-shadow: none
}

.cd-accordion-menu ul label::before {
    left: 36px
}

.cd-accordion-menu ul a::after,
.cd-accordion-menu ul label::after {
    left: 59px
}

.cd-accordion-menu ul ul label::before {
    left: 54px
}

.cd-accordion-menu ul ul a::after,
.cd-accordion-menu ul ul label::after {
    left: 77px
}

.cd-accordion-menu ul ul ul a,
.cd-accordion-menu ul ul ul label {
    padding-left: 0
}

.cd-accordion-menu ul ul ul label::before {
    left: 72px
}

.cd-accordion-menu ul ul ul a::after,
.cd-accordion-menu ul ul ul label::after {
    left: 95px
}

.blog-content-inside ul {
    margin: 0;
    padding: 0
}

.blog-heading {
    background: url(/assets/images/design-gallery-img/gal-img-1.jpg);
    background-size: cover;
    background-position: center center
}

.blog-heading h2 {
    margin: 0;
    padding: 80px;
    color: #fff;
    font-weight: 700
}

.blogs-list-img img {
    max-width: 70%;
    max-height: 300px
}

.blog-container {
    padding: 30px
}

.blog-detail {
    background: linear-gradient(#fff, #f0f8ff);
    padding: 0 20px;
    border: 1px solid #ccc
}

.blog-detail img {
    width: 50%
}

.blog-detail-heading h2 {
    font-size: 22px;
    font-weight: 600;
    color: #1b3971
}

.blog-detail p {
    line-height: 28px;
    margin: 20px 0;
    font-size: 15px;
    word-wrap: break-word
}

.blog-comment-form {
    max-width: 500px
}

.blog-comment-form h3 {
    font-size: 20px;
    font-family: Lato, sans-serif;
    font-weight: 600;
    color: #000
}

.blog-comment-form input.form-control {
    height: 40px;
    box-shadow: none;
    border: 1px solid #ddd;
    margin-bottom: 10px
}

.blog-comment-form textarea.form-control {
    height: 80px;
    box-shadow: none;
    border: 1px solid #ddd;
    margin-bottom: 10px
}

.blog-comment-form button {
    background: #37b44a;
    color: #fff;
    padding: 9px 40px;
    text-transform: uppercase;
    border-radius: 0;
    font-weight: 600;
    letter-spacing: 2px;
    font-family: Lato, sans-serif
}

.comment-name-text h3 {
    font-size: 18px;
    color: #000;
    font-weight: 600
}

.comment-name-text p {
    color: #000;
    font-size: 13px
}

.all-rel-comments {
    background: #fff;
    padding: 20px
}

.blogs-description p {
    font-size: 15px;
    margin: 20px 0
}

.blogs-description img {
    width: 50%
}
.blog-container hr {
    border-top: none;
}
/* .blog-container hr {
    margin-top: 20px;
    margin-bottom: 0;
    border: 0;
    border-top: 5px double #37b44a
} */
.blog-container hr::after {
    display: none;
    content: none;
}

.blog_slide_div a.pull-left {
    width: 90px;
    height: 90px;
    overflow: hidden;
    display: inline-block
}

.blog_slide_div img {
    max-height: 100%;
    max-width: 100%;
    margin: 0;
    border: 1px solid #dcdcdc;
    width: 100% !important;
    margin-right: 5px;
    height: auto !important
}

.blog-content-inside ul li a {
    color: #000;
    font-weight: lighter
}

a.blog-show-more {
    background: #eb4829;
    display: inline-block;
    padding: 10px 50px;
    border-radius: 30px;
    margin-bottom: 30px
}

.blog-pro-design-info {
    background: #fff
}

.blog-pro-design-info h4 {
    margin: 0;
    padding: 10px 0;
    text-align: center;
    border-bottom: 1px solid #ddd
}

.blog-pro-design-info .green a {
    color: #3ab54a
}

.design-pro-blog {
    display: flex;
    background: #37b44a
}

.blog-pro-design-info .btn-add {
    width: 50%;
    text-align: center;
    padding: 10px 0;
    background: #154c7b;
    color: #fff
}

.blog-pro-des-img {
    height: 200px;
    overflow: hidden
}

.blog-pro-des-img a {
    display: flex;
    align-items: center;
    justify-content: center
}

.blog-pro-des-img img {
    min-height: 200px
}

.blog-pro-design-info .btn-add i {
    padding-right: 10px
}

.blog-pro-design-info .btn-details {
    width: 50%;
    text-align: center;
    padding: 10px 0
}

div#popup-window .modal-content h1 {
    font-family: fonarto;
    font-size: 22px
}

div#popup-window h3 {
    font-size: 16px;
    margin-bottom: 20px;
    color: #000;
    font-family: Lato, sans-serif
}

.ad-banner-content p {
    color: #000
}

.ad-banner-overlay {
    position: absolute;
    top: 15%;
    bottom: 15%;
    left: 15%;
    right: 15%;
    opacity: 0;
    transition: .3s linear
}

.ad-banners-img {
    height: 240px;
    overflow: hidden
}

.ad-banner-content h3 a,
.ad-banner-content p,
.ad-banners-img {
    transition: .3s linear .1s
}

.whole-ad-banner:hover .ad-banner-overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: radial-gradient(circle at 53% 76%, #54cb6e, #20983b);
    opacity: 1;
    z-index: 1
}

.whole-ad-banner h3 {
    color: #000;
    font-family: Lato, sans-serif;
    font-size: 18px;
    padding: 10px;
    margin: 0
}

.whole-ad-banner:hover .ad-banners-img {
    opacity: .1
}

.whole-ad-banner:hover .ad-banner-content h3 a,
.whole-ad-banner:hover .ad-banner-content p {
    color: #fff !important
}

.xad-banner-overlay a {
    position: absolute;
    bottom: 10px;
    display: inline-block;
    padding: 10px 30px;
    left: 10px;
    border: 1px solid #fff;
    color: #fff
}

.ad-banner-overlay a:hover {
    background: #084e81
}

#ongoing-pro-slider {
    position: relative
}

#completed-pro-slider .owl-prev,
#ongoing-pro-slider .owl-prev {
    position: absolute;
    right: 0;
    top: -43px;
    opacity: 1 !important;
    background: 0 0
}

#completed-pro-slider .owl-next,
#ongoing-pro-slider .owl-next {
    position: absolute;
    right: 40px;
    top: -43px;
    opacity: 1 !important;
    background: 0 0
}

#offer-home-slider .owl-prev {
    position: absolute;
    left: 0;
    right: auto;
    top: 35%;
    opacity: 1 !important;
    background: 0 0
}

#offer-home-slider .owl-next {
    position: absolute;
    right: 0;
    top: 35%;
    opacity: 1 !important;
    background: 0 0
}

#one-on-one-pro-slider .owl-prev {
    position: absolute;
    right: 0;
    top: 40%;
    opacity: 1 !important;
    background: 0 0
}

#one-on-one-pro-slider .owl-next {
    position: absolute;
    left: 0;
    top: 40%;
    opacity: 1 !important;
    background: 0 0;
    right: auto
}

#one-on-one-pro-slider.owl-theme .owl-controls {
    margin-top: 0
}

#completed-pro-slider .owl-next i,
#completed-pro-slider .owl-prev i,
#one-on-one-pro-slider .owl-next i,
#one-on-one-pro-slider .owl-prev i,
#ongoing-pro-slider .owl-next i,
#ongoing-pro-slider .owl-prev i {
    width: 30px;
    height: 30px;
    background: green;
    line-height: 30px
}

#offer-home-slider .owl-next i,
#offer-home-slider .owl-prev i {
    width: 35px;
    height: 35px;
    background: green;
    line-height: 35px
}

.on-pro-img {
    position: relative;
    height: 190px;
    overflow: hidden;
    display: flex;
    background: #37b44a
}

.associate-pro img {
    width: 100%;
    display: inline-block;
    padding: 0;
    margin: 0;
    margin-right: 15px
}

.associate-pro {
    border: 1px solid #e6e6e6;
    border-radius: 5px;
    padding: 30px;
    margin-bottom: 40px !important;
    box-shadow: 1px 7px 26px #ddd;
    position: relative
}

.cont_tab-des-section .associate-pro {
    height: 170px;
    overflow: auto;
    padding-top: 60px
}

.cont_tab-des-section .associate-pro .assoc-pic {
    position: absolute;
    top: 5px
}

p.from1-sub {
    margin-top: 9px;
    color: #3ab54a;
    margin-bottom: 5px
}

.associate-pro h4 {
    font-weight: 600;
    font-size: 13px;
    color: #000;
    line-height: 24px
}

.associate-pro h4 a {
    color: #1b3971
}

.associate-pro p {
    color: #000;
    word-break: break-word;
    text-transform: lowercase
}

.assoc-pic {
    width: 60px;
    height: 60px;
    float: left;
    overflow: hidden;
    margin-right: 10px;
    border-radius: 50%;
    border: 2px dotted #37b44a;
    position: absolute;
    top: -30px;
    left: 30px
}

.home-asso-section {
    background: #f9f9f9
}

.asso-head a {
    background: #37b44a;
    display: inline-block;
    padding: 8px 20px;
    color: #fff;
    border-radius: 6px;
    margin-bottom: 15px
}

.asso-head h3 {
    font-family: fonarto;
    font-size: 24px;
    color: #000;
    padding-left: 0;
    margin-bottom: 20px
}

.ongoing-pro,
.ongoing-pro-inner {
    position: relative
}

.on-pro-content {
    padding: 10px;
    bottom: 0;
    color: #000;
    font-family: Lato, sans-serif;
    opacity: 1;
    transition: 1s ease-in;
    border: 1px solid #ccc;
    background: #fff;
    font-size: 14px
}

.on-pro-content p {
    margin-bottom: 8px;
    font-size: 14px
}

.on-pro-content p strong {
    color: #37b44a
}

.ongoing-pro-inner .on-pro-content {
    position: absolute;
    top: auto;
    left: 0;
    right: 0;
    padding: 10px;
    background: rgba(0, 0, 0, .8);
    bottom: 60px;
    color: #eee;
    font-family: Lato, sans-serif;
    opacity: 0;
    transition: 1s ease-in
}

.ongoing-pro-inner .on-pro-content p {
    margin: 0
}

.ongoing-pro-inner:hover .on-pro-content,
.ongoing-pro:hover .on-pro-content {
    opacity: 1
}

.ad-banner-content ul {
    padding-left: 15px
}

.ad-banner-content ul li {
    color: #fff;
    line-height: 26px;
    font-family: Lato, sans-serif;
    font-size: 13px
}

.ad-banner-content ul li i {
    font-size: 8px;
    margin-right: 9px
}

.select-one-ser {
    padding-left: 15px
}

.select-one-ser span {
    display: flex;
    color: #fff;
    padding: 6px 0
}

.select-one-ser input[type=radio] {
    margin-right: 10px;
    color: #fff
}

.fp-sdt-blocks span {
    display: inline-block;
    padding: 10px;
    background: #1b3971;
    border-radius: 30px
}

.fp-sdt-blocks {
    text-align: center
}

.fp-sdt-blocks span img {
    max-width: 30px;
    max-height: 40px;
    padding: 2px
}

.fp-sdt-blocks p {
    color: #000;
    width: 70%;
    margin: 0 auto;
    line-height: 24px
}

.fp-sdt-blocks {
    text-align: center;
    border: 1px solid #ccc;
    padding: 20px 0;
    margin-bottom: 30px;
    background: #fff
}

.sdt-work-sche h3 {
    font-size: 24px;
    color: #37b44a;
    font-family: fonarto;
    text-align: center;
    margin-top: 50px;
    margin-bottom: 30px
}

.sdt-work-sche {
    background: url(/assets/images/brickwalls.png);
    padding: 50px 0
}

.fp-sdt-blocks h3 {
    color: #37b44a;
    font-weight: 500;
    font-family: Lato, sans-serif;
    font-size: 20px;
    margin: 20px;
    margin-bottom: 20px;
    margin-bottom: 15px
}

.sdt-banner {
    background: url(/assets/images/sdt-fp-bg.jpg);
    background-position: center center;
    position: relative;
    padding: 80px 0;
    background-size: cover;
    margin-top: 30px
}

.sdt-banner h3 {
    font-size: 28px;
    color: #fff;
    font-family: fonarto;
    text-align: center;
    margin-top: 0;
    margin-bottom: 60px
}

.sdt-banner-overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, .5)
}

.sdt-banner img {
    width: 50px
}

.sdt-banner p {
    color: #fff;
    text-align: center;
    line-height: 26px
}

.sdt-banner img {
    width: 50px;
    margin-bottom: 20px
}

.sdt-line {
    width: 70px;
    height: 3px;
    background: #37b44a;
    margin: 0 auto;
    margin: 20px auto
}

.pay-tnc-section {
    background: linear-gradient(90deg, #fff 50%, #e2f9ed 50%);
    padding: 50px 0;
    border-bottom: 3px solid #37b44a;
    position: relative
}

.pay-tnc-section h3 {
    font-size: 24px;
    color: #37b44a;
    font-family: fonarto;
    margin-top: 20px
}

.pay-tnc-section p {
    margin: 20px 0;
    color: #000;
    font-size: 15px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 20px;
    line-height: 28px
}

.pay-tnc-section p strong {
    font-weight: 600;
    font-family: Lato, sans-serif
}

.pay-tnc-section ul {
    padding-left: 0
}

.pay-tnc-section ul li {
    list-style-type: none;
    display: inline-block;
    line-height: 32px;
    color: #000;
    position: relative;
    padding-left: 20px
}

.pay-tnc-section ul li .fa.fa-circle {
    color: #000;
    font-size: 10px;
    padding-right: 8px;
    position: absolute;
    top: 11px;
    left: 0
}

.pay-tnc-bg {
    position: absolute;
    bottom: 0;
    left: 0
}

.simplex-doc-table table tr td {
    padding: 10px;
    line-height: 24px
}

.simplex-doc-table {
    font-family: Lato, sans-serif;
    background: #f5f5f5;
    padding: 0 20px
}

.simplex-doc-table thead {
    background: #094c84
}

.simplex-doc-table thead th {
    color: #fff
}

.simplex-doc-table h3 {
    font-size: 24px;
    color: #37b44a;
    font-family: fonarto;
    text-align: center;
    margin-top: 50px
}

.simplex-doc-table h4 {
    font-size: 18px;
    font-size: 20px;
    color: #1b3971;
    font-family: fonarto;
    text-align: center;
    margin-top: 20px
}

.switch-text a {
    float: right
}

.working-sche-table h4 {
    color: #094c84
}

.service-des-tabs table {
    background-color: #fff
}

.simplex-doc-list h4 {
    color: #fff;
    padding: 10px;
    margin-bottom: 0;
    background: #094c84;
    margin-top: 30px;
    font-size: 18px
}

.simplex-doc-list ul li {
    color: #393939;
    padding: 10px 15px;
    list-style-type: none;
    border-bottom: 1px solid #cfdbd1;
    font-size: 16px;
    line-height: 24px
}

.simplex-doc-list ul li:nth-child(even) {
    background: #f7f7f7
}

.simplex-doc-list ul li:nth-child(odd) {
    background: #fff
}

.simplex-doc-table p {
    background: #e9e4e4;
    padding: 10px;
    color: #000;
    border-left: 3px solid #37b44a;
    margin: 0
}

.simplex-doc-table table tr td strong {
    font-size: 14px;
    color: #000
}

.service-des-tabs .nav-tabs {
    border: 0 !important;
    margin-top: 50px;
    text-align: center
}

.service-des-tabs .nav-tabs li {
    background: #1b3971;
    width: 150px;
    margin: 5px;
    text-align: center;
    float: none
}

.service-des-tabs .tab-content {
    border-top: 0 !important
}

.downloa-sample-ser {
    background: #094c84;
    padding: 10px 30px;
    margin-top: 20px;
    display: inline-block;
    color: #fff !important;
    margin-bottom: 40px
}

.downloa-sample-ser:hover {
    background: #37b44a;
    color: #fff
}

.service-des-tabs .nav-tabs li {
    position: relative
}

.service-des-tabs .nav-tabs li.active a {
    background: #37b44a;
    color: #fff
}

.service-des-tabs .nav>li>a:focus,
.service-des-tabs .nav>li>a:hover {
    background: #37b44a;
    color: #fff
}

.service-des-tabs .nav-tabs li.active::after {
    content: "\f0dd";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    text-decoration: inherit;
    color: #3ab54a;
    font-size: 48px;
    position: absolute;
    bottom: -28px;
    left: 0;
    right: 0
}

.simplex-form .btn {
    background: #3ab54a;
    color: #fff;
    margin-top: 20px;
    padding: 7px 30px;
    margin-bottom: 10px;
    width: auto;
    font-size: 18px
}

.simplex-form .form-control {
    border: 1px solid #eee;
    box-shadow: none
}

.simplex-form label {
    margin-top: 30px;
    margin-left: 12px;
    font-weight: 600;
    font-family: Lato, sans-serif
}

.simplex-form {
    background: url(/assets/images/brickwalls.png);
    padding: 15px;
    margin: 20px 0;
    border-bottom: 2px solid #3ab54a;
    position: relative
}

.moneyback-guarentee {
    position: absolute;
    top: 10px;
    width: 130px;
    right: 10px
}

.get-estimate-price p {
    background: 0 0;
    border: none;
    width: 100%;
    font-size: 18px;
    font-family: fonarto
}

.get-estimate-price p strong {
    font-weight: 600;
    font-size: 20px;
    color: #b72929
}

.coupun-simplex-apply span {
    border: 2px dashed #3ab54a;
    display: inline-block;
    padding: 7px 20px;
    background: #fff;
    position: relative
}

.xcoupun-simplex-apply span i {
    position: absolute;
    right: -10px;
    top: -10px;
    font-size: 20px;
    color: #1b3971;
    background: #fff;
    border-radius: 20px
}

.get-estimate-price .pro-to-check,
.get-estimate-price .pro-to-check:hover {
    background: #1b3971;
    line-height: 36px;
    padding: 0 15px;
    border-radius: 4px;
    display: inline-block;
    float: right;
    width: 200px;
    text-align: center;
    margin-top: 20px;
    color: #fff !important
}

.discount-strip-simplex {
    background: #3ab54a;
    padding: 10px;
    color: #fff;
    font-family: Lato, sans-serif;
    font-size: 16px;
    box-shadow: 1px 1px 6px #878787;
    position: fixed;
    width: 100%;
    z-index: 99999;
    top: 77px
}

.discount-strip-simplex i {
    float: right;
    background: #000;
    border-radius: 20px;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px
}

.get-estimate-price.get-estimate-content i {
    margin-left: 10px
}

.simplex-doc-list ul {
    margin: 0;
    padding-left: 0
}

.pay-simplex-detail ul li strong {
    font-weight: 600;
    font-size: 16px;
    color: #094c84
}

.pay-simplex-detail ul li strong i {
    padding-right: 10px
}

.pay-simplex-detail a {
    color: #094c84
}

.downloa-sample-ser i {
    padding-left: 10px
}

.pay-simplex-detail ul li strong {
    font-weight: 600;
    font-size: 14px;
    color: #fff;
    background: #72b6f0;
    display: inline-block;
    padding: 4px 8px
}

.simplex-doc-list ul li i.fa.fa-square {
    padding-right: 10px;
    color: #3ab54a;
    transform: rotate(45deg);
    font-size: 9px
}

.small-info-pay {
    width: 40px;
    position: relative;
    margin: 0 auto;
    height: 20px
}

.small-info-pay i {
    color: #000;
    font-size: 20px
}

.small-pay-popup p {
    font-weight: 300 !important;
    font-family: Lato, sans-serif;
    font-size: 14px;
    padding: 7px 17px;
    text-align: left
}

.small-pay-popup {
    position: absolute;
    top: 25px;
    background: #fff;
    z-index: 9;
    border: 1px solid #9adaa3;
    box-shadow: 2px 2px 10px #ccc;
    opacity: 0;
    visibility: hidden;
    width: 200px;
    transition: .5s linear
}

.small-info-pay:hover .small-pay-popup {
    opacity: 1;
    visibility: visible
}

.small-info-pay p strong {
    font-weight: 600;
    font-size: 14px;
    color: #b72929
}

.success-pride {
    position: absolute;
    top: 10px;
    width: 130px;
    left: 10px
}

.how-it-works-sdt li {
    list-style-type: none;
    margin: 8px;
    background: #f5f5f5;
    padding: 20px;
    border: 1px solid #ccc;
    position: relative;
    border-radius: 50px 10px 50px 10px;
    width: 18%;
    float: left;
    min-height: 200px
}

.how-it-works-sdt li .step-count {
    width: 40px;
    height: 40px;
    background: #e87e3d;
    color: #fff;
    text-align: center;
    line-height: 38px;
    font-size: 16px;
    margin-bottom: 20px;
    border-radius: 20px;
    border: 2px solid #000
}

.how-it-works-sdt li p {
    color: #000;
    font-size: 14px;
    line-height: 24px
}

.how-it-works-sdt li i {
    color: #37b44a;
    font-size: 55px;
    float: right;
    opacity: 1;
    position: absolute;
    right: -20px
}

.how-it-works-sdt-odd img {
    width: 70px;
    height: 70px;
    background: #37b44a;
    padding: 15px;
    border-radius: 5px;
    border: 3px solid #219032;
    margin: 10px 0
}

.how-it-works-sdt-even img {
    width: 70px;
    height: 70px;
    background: #1d6fa4;
    padding: 15px;
    border-radius: 5px;
    border: 3px solid #175882;
    margin: 10px 0
}

.how-it-works-sdt .container {
    width: 100%
}

.how-it-works-block {
    position: relative;
    height: 110px;
    margin: 20px;
    padding: 17px;
    text-align: center;
    color: #000;
    padding-top: 40px;
    border-radius: 10px 10px 0 0;
    border-bottom: 3px solid #37b44a;
    margin-bottom: 30px
}

.how-it-works-sdt ul {
    padding: 0
}

.how-it-works-sdt {
    background: url(/assets/images/brickwalls.png);
    padding: 20px 0
}

.how-it-works-block.how-it-works-block-1 {
    background: #fd9f01;
    line-height: 24px;
    height: 140px;
    position: relative
}

.how-it-works-block.how-it-works-block-2 {
    background: #00b09b;
    line-height: 24px;
    height: 140px;
    position: relative
}

.how-it-works-block.how-it-works-block-3 {
    background: #64d284;
    line-height: 24px;
    height: 140px;
    position: relative
}

.how-it-works-block.how-it-works-block-4 {
    background: #ddef31;
    line-height: 24px;
    height: 140px;
    position: relative
}

.how-it-works-block.how-it-works-block-5 {
    background: #f15471;
    line-height: 24px;
    height: 140px
}

.how-it-works-block.how-it-works-block-1:after,
.how-it-works-block.how-it-works-block-2:after,
.how-it-works-block.how-it-works-block-3:after,
.how-it-works-block.how-it-works-block-4:after {
    content: "\f061";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    text-decoration: inherit;
    color: #094c84;
    font-size: 26px;
    padding-right: .5em;
    position: absolute;
    top: 60px;
    right: -33px
}

.hiw-count {
    position: absolute;
    margin: 0 auto;
    top: -20px;
    background: #094c84;
    width: 40px;
    height: 40px;
    color: #fff;
    font-weight: 600;
    line-height: 38px;
    border-radius: 20px;
    left: 0;
    right: 0;
    border: 2px solid #000
}

.how-it-works-sdt h3 {
    font-size: 30px;
    color: #37b44a;
    font-family: fonarto;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 50px
}

.premin-package-section {
    font-family: Kreon, serif
}

.premium-pack-header {
    background: url(/assets/images/premium-header-bg.JPG);
    background-size: cover;
    background-attachment: fixed
}

.premium-pack-header .container {
    width: 70%;
    background: rgba(0, 0, 0, .5)
}

.premium-header-form {
    padding: 70px 40px;
    background: rgba(0, 0, 0, .5)
}

.premium-header-form h3 {
    color: #fff;
    font-size: 20px;
    margin-bottom: 20px;
    line-height: 30px
}

.premium-header-form .form-control {
    white-space: normal;
    height: 40px;
    margin-bottom: 15px;
    border: 1px solid #1b3971;
    background-color: #fff;
    color: #000;
    font-family: Lato, sans-serif
}

.premium-header-form form label {
    color: #fff;
    font-family: Lato, sans-serif
}

.premium-header-form .form-control:focus {
    border-color: none;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.premium-header-form .form-control:placeholder {
    color: red
}

.premium-header-content p {
    color: #fff;
    font-size: 17px;
    font-weight: 300;
    line-height: 30px;
    text-shadow: 3px 3px 6px #000
}

.premium-package-service .container {
    width: 70%
}

.premium-header-form button {
    border: none;
    padding: 10px 40px;
    background: #37b44a;
    color: #fff
}

.premium-header-content {
    color: #fff;
    padding: 40px 0
}

.premium-header-content h3 {
    color: #fff;
    font-size: 46px;
    line-height: 60px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600
}

.premium-header-content h4 {
    font-family: 'Open Sans', sans-serif;
    color: #fff;
    font-size: 20px;
    line-height: 55px;
    border-top: 1px solid #fff;
    font-weight: 600;
    border-bottom: 1px solid #fff;
    margin: 35px 0
}

.pre-header-con p {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 4px
}

.pre-header-con div span {
    margin: 10px 0 20px;
    font-size: 30px;
    color: #37b44a
}

.premium-package-service img {
    height: 45px
}

.premium-package-service h3 {
    font-size: 20px;
    font-family: fonarto;
    color: #848484
}

.premium-header-content h3 span {
    font-size: 24px
}

.premium-package-service p {
    color: #000;
    line-height: 24px;
    font-family: Lato, sans-serif
}

.premium-package-service {
    padding: 40px 0
}

.premium-package-service .col-md-4 {
    border-left: 2px dashed #37b44a
}

#premium-pro-slider .item {
    margin: 20px
}

#premium-pro-slider.owl-theme .owl-controls .owl-buttons div.owl-prev {
    position: absolute;
    top: 35%;
    left: -20px;
    opacity: 1;
    padding: 0;
    border-radius: 0;
    background: 0 0
}

#premium-pro-slider.owl-theme .owl-controls .owl-buttons div.owl-next {
    position: absolute;
    top: 35%;
    right: -20px;
    opacity: 1;
    padding: 0;
    border-radius: 0;
    background: 0 0
}

#premium-industrial-slider.owl-theme .owl-controls .owl-buttons div.owl-prev {
    opacity: 1;
    padding: 0;
    border-radius: 0;
    position: absolute;
    right: 50px;
    bottom: -60px
}

#premium-industrial-slider.owl-theme .owl-controls .owl-buttons div.owl-next {
    opacity: 1;
    padding: 0;
    border-radius: 0;
    position: absolute;
    right: 0;
    bottom: -60px
}

#premium-industrial-slider.owl-theme .owl-controls .owl-buttons div i,
#premium-pro-slider.owl-theme .owl-controls .owl-buttons div i {
    color: #0c2f5a;
    line-height: 40px;
    font-size: 60px;
    background-color: transparent
}

.premim-pro-img {
    height: 230px;
    overflow: hidden;
    position: relative
}

.premim-pro-img img {
    width: 100%
}

.premim-pro-slider .main-heading-font {
    font-size: 28px;
    color: #777
}

.premium-latest-slider h3 {
    font-size: 24px;
    color: #000;
    margin: 50px 0 20px
}

.featured-indus-slider h3 {
    font-size: 36px;
    color: #000;
    margin: 20px 0 20px
}

.featured-indus-heading p {
    font-size: 20px;
    font-weight: 300
}

.premium-testimonial h4 {
    margin: 50px 0 20px;
    text-transform: uppercase;
    font-size: 16px
}

.prem-ind-img img {
    width: 100%
}

.prem-ind-img {
    height: 210px;
    overflow: hidden;
    background: #000;
    position: relative;
    margin-bottom: 30px
}

.prem-ind-location {
    position: absolute;
    bottom: 0;
    background: #37b44a;
    width: 100%;
    color: #fff;
    padding: 5px;
    z-index: 9999;
    transition: .5s linear;
    transform: translateY(26px)
}

.prem-ind-location p.premium-feat-name {
    font-size: 16px;
    font-family: Kreon, serif;
    font-weight: 300
}

.prem-ind-img:hover .prem-ind-location {
    transform: translateY(0);
    background: #696969
}

.prem-ind-location p {
    margin-bottom: 5px;
    font-family: Lato, sans-serif;
    font-size: 13px
}

.latest-prem-news-content h3 {
    margin: 10px 0;
    font-size: 20px;
    font-weight: 600;
    text-transform: capitalize
}

.latest-prem-news-content p {
    color: #000;
    line-height: 26px;
    font-weight: 300;
    font-size: 15px
}

.latest-prem-news-content p a {
    color: #37b44a;
    font-style: italic
}

.news-view-more {
    background: #37b44a;
    color: #fff;
    padding: 8px 20px;
    display: inline-block
}

.feature-slider-indus-blogs {
    background: linear-gradient(90deg, #fff 34%, #f5f5f5 34%);
    padding: 40px 0
}

.prem-date {
    color: #37b44a;
    font-style: italic
}

.premium-header-form input.form-control::-webkit-input-placeholder {
    color: #000
}

.premium-header-form input.form-control::-moz-placeholder {
    color: #000
}

.premium-header-form input.form-control:-ms-input-placeholder {
    color: #000
}

.premium-header-form input.form-control:-moz-placeholder {
    color: #000
}

.premium-price {
    font-size: 18px;
    background: rgba(55, 180, 74, .7);
    margin-top: 12px;
    position: absolute;
    z-index: 9;
    color: #fff;
    top: 0;
    right: 0;
    padding: 5px
}

.premim-pro-content p {
    color: #fff;
    font-size: 14px;
    padding: 10px 0;
    line-height: 24px;
    margin: 0;
    font-weight: 300;
    font-family: Lato, sans-serif
}

#did2 .widget-small.danger.main-bg,
#did2 .widget-small.info.main-bg,
#did2 .widget-small.primary.main-bg {
    position: relative
}

#did2 .widget-small.danger.main-bg:after,
#did2 .widget-small.info.main-bg:after,
#did2 .widget-small.primary.main-bg:after {
    position: absolute;
    width: 10px;
    height: 10px;
    content: '';
    right: -19px;
    top: 21px
}

#did2 .widget-small.danger.main-bg:after,
#did2 .widget-small.info.main-bg:after,
#did2 .widget-small.primary.main-bg:after {
    border-left: 20px solid #37b44a;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent
}

.premim-pro-content {
    background: #f5f5f5;
    padding: 5px;
    border: 1px solid #ddd
}

.testimonial-service-slider {
    background: url(/assets/images/testi_bg.jpg);
    background-size: cover;
    background-position: top right;
    border-bottom: 5px solid #fff;
    margin-bottom: 0
}

.testimonial-service-slider h1 {
    color: #fff;
    font-size: 24px
}

.testimonial-service-slider p {
    line-height: 28px;
    color: #fff;
    width: 80%;
    margin: 20px auto 0;
    font-size: 16px;
    font-weight: 500;
    font-style: italic
}

.testimonial-service-slider em {
    color: #37b44a;
    font-size: 14px
}

.testimonial-service-slider .owl-theme .owl-controls .owl-buttons .owl-next i {
    background: #1b3971;
    position: absolute;
    right: 0;
    border-radius: 20px;
    top: 20%
}

.testimonial-service-slider .owl-theme .owl-controls .owl-buttons .owl-prev i {
    background: #1b3971;
    position: absolute;
    right: 0;
    border-radius: 20px;
    top: 20%
}

.testimonial-service-slider .fa.fa-quote-left {
    font-size: 30px;
    color: #37b44a;
    opacity: .5;
    margin-top: 20px
}

.premim-pro-block {
    position: relative;
    overflow: hidden
}

.premim-pro-content {
    background: rgba(0, 0, 0, .7);
    padding: 5px;
    border: 1px solid #ddd;
    position: absolute;
    width: 100%;
    left: 0;
    top: auto;
    transition: .5s linear;
    bottom: 0;
    right: 0;
    visibility: hidden;
    transform: translateY(70px)
}

.premim-pro-block:hover .premim-pro-content {
    transform: translateY(0);
    visibility: visible
}

.prem-ind-img-overlay {
    line-height: 250px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999;
    right: 0;
    bottom: 0;
    background: rgba(55, 180, 74, .7);
    color: #fff;
    margin: 0 auto;
    text-align: center;
    opacity: 0;
    transition: .5s linear
}

.prem-ind-img-overlay i.fa.fa-arrows,
.prem-ind-img-overlay i.fa.fa-arrows:hover {
    font-size: 24px;
    line-height: 210px;
    color: #fff;
    width: 100%
}

.prem-ind-img:hover .prem-ind-img-overlay {
    opacity: 1
}

section.premium-contact {
    background: #c1c1c1;
    padding: 30px 0
}

section.premium-contact h3 {
    margin: 0;
    color: #fff;
    font-weight: 600;
    margin-top: 7px;
    text-transform: capitalize
}

section.premium-contact .container {
    width: 70%
}

section.premium-contact a {
    background: #000;
    display: inline-block;
    padding: 10px 35px;
    border-radius: 5px;
    color: #fff !important
}

.prem-ind-location i {
    color: #fff;
    padding-right: 10px;
    border-right: 1px solid #fff;
    margin-right: 10px
}

.featured-indus-slider {
    border-right: 3px dashed #ccc;
    padding-right: 20px
}

.featured-indus-slider .owl-theme .owl-controls {
    margin-top: 0;
    text-align: center
}

section.premim-pro-slider {
    padding-top: 50px
}

.premium-testimonial h2 {
    font-size: 28px;
    color: #000;
    line-height: 40px
}

.pre-small-line {
    width: 40px;
    height: 3px;
    background: #37b44a;
    margin: 20px 0 40px
}

.premium-testimonial p {
    color: #000;
    line-height: 30px;
    font-weight: 300;
    font-size: 18px;
    position: relative;
    padding-left: 50px;
    text-align: left
}

.premium-testimonial p i {
    position: absolute;
    left: 0;
    font-size: 30px;
    color: #37b44a
}

.premium-testimonial .testi-client-pic {
    width: 70px;
    height: 70px;
    overflow: hidden;
    margin: 5px 0;
    border: 2px solid #37b44a;
    float: left
}

.premium-testimonial em {
    line-height: 80px;
    padding-left: 20px;
    color: #000;
    font-weight: 300
}

.premium-testimonial .owl-theme .owl-controls .owl-buttons div {
    color: #36b249;
    display: inline-block;
    zoom: 1;
    margin: 5px;
    padding: 3px 10px;
    font-size: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    background: 0 0;
    filter: Alpha(Opacity=50);
    opacity: 1
}

.premium-latest-slider {
    border-right: 2px dashed #ccc
}

.premium-foore {
    background: #03142d;
    color: #fff;
    padding: 20px 0;
    margin-top: 10px
}

.serve-you-btn {
    background: #c92626;
    display: inline-block;
    color: #fff;
    padding: 10px 30px;
    text-transform: uppercase;
    font-family: Lato, sans-serif;
    font-weight: 600
}

.social-icon ul li a i {
    width: 35px !important;
    height: 35px !important;
    background: #50a25c;
    padding: 10px;
    color: #fff;
    border-radius: 3px
}

.social-icon ul {
    margin: 0;
    padding: 0
}

.social-icon li {
    display: inline-block;
    margin: 20px 0
}

section.footer {
    background: #000;
    padding: 10px;
    line-height: 28px;
    margin-bottom: -8px;
    color: #cecece
}

section.premim-pro-slider h2 {
    text-align: center;
    color: #000
}

.premium-header-content em {
    font-size: 19px;
    font-weight: 100
}

.testi-left-image img:hover {
    filter: contrast(110%)
}

.designer-view-more {
    display: inline-block;
    margin-left: 15px;
    background: #000;
    color: #fff;
    padding: 8px 20px;
    margin-top: 10px;
    border-radius: 20px
}

#all_designers .port_main_box {
    box-shadow: 0 0 10px #ccc;
    border: none;
    min-height: 100%;
    max-height: 100%;
}
.consult_btn {
    text-align: right !important;
}


#all_designers .panel-body {
    padding: 0 15px;
    line-height: 24px;
    color: #000;
    text-align: left !important;
    padding-bottom: 20px
}

.col-md-4.col-sm-4.col-xs-4.stat {
    width: 50%;
    padding: 10px 0;
    font-family: Lato, sans-serif;
    font-size: 14px;
    color: #555;
    font-weight: 500
}

.frame-round,
.frame-square {
    width: 100px !important;
    height: 100px !important;
    border: 2px dotted #3ab54a !important;
    padding: 5px !important;
    margin-top: 20px !important;
}

#all_designers .article-more a {
    background-color: #324975 !important;
    margin-top: 20px !important;
    border: none !important;
    border-radius: 20px !important;
    padding: 8px 20px !important
}

#all_designers .art_prf_detal a {
    color: #3ab54a;
    font-size: 16px;
    font-weight: 600;
    font-family: Lato, sans-serif;
    text-transform: lowercase
}

#all_designers .article-time {
    font-size: 12px;
    font-style: italic;
    color: #777
}

.project-title {
    color: #000 !important;
    background: 0 0 !important;
    padding: 7px 10px;
    border-radius: 4px;
    font-size: 22px;
    font-family: san-serif
}

.designer_bio {
    padding: 1px 0;
    color: #000;
    line-height: 26px
}

.loc-profle {
    font-size: 18px !important;
    font-weight: 700;
    font-family: initial
}

.consult-popup {
    background: #064a84 !important;
    border: 1px solid #064a84 !important;
    margin-bottom: 20px !important
}

.basic-p-link a {
    padding: 10px;
    display: inline-block;
    font-weight: 300;
    background: #37b44a;
    margin-top: 15px;
    font-size: 16px
}

.best_ame_block {
    display: flex
}

.best_ame_block ul {
    padding-left: 0;
    padding: 10px
}

.best_ame_block ul li {
    font-size: 12px;
    border-bottom: 1px solid #eee;
    position: relative;
    padding-left: 15px;
    word-break: break-word;
    line-height: 24px
}

.best-amenity-sec ul li i {
    color: #000;
    font-size: 13px;
    padding: 0 10px;
    position: absolute;
    left: -10px;
    top: 5px
}

.best-amenity {
    line-height: 30px;
    border: 1px solid #ccc;
    margin-right: 10px;
    font-size: 18px;
    min-width: 140px;
    width: 100%
}

.best-amenity strong {
    background: linear-gradient(#3cb34c, #56de68);
    color: #fff;
    width: 100%;
    display: inline-block;
    padding: 5px;
    text-align: center;
    font-family: Lato, sans-serif
}

@media only screen and (max-width:500px) {
    .comm-form-page #what_site_crm_form_service input,
    .comm-form-page #what_site_crm_form_service select {
        margin: 3px
    }
    .service-des-tabs .nav-tabs li {
        width: 90px
    }
    .discount-strip-simplex {
        top: 158px
    }
    .how-it-works-sdt li {
        width: 90%;
        float: none
    }
    .best_ame_block {
        display: block
    }
    .best-amenity {
        margin-bottom: 15px
    }
}

@media only screen and (min-width:600px) {
    .cd-accordion-menu a,
    .cd-accordion-menu label {
        padding: 9px;
        font-size: 14px
    }
    .cd-accordion-menu label::before {
        left: 24px
    }
    .cd-accordion-menu label::after {
        left: 53px
    }
    .cd-accordion-menu ul label::before {
        left: 48px
    }
    .cd-accordion-menu ul a::after,
    .cd-accordion-menu ul label::after {
        left: 77px
    }
    .cd-accordion-menu ul ul label::before {
        left: 72px
    }
    .cd-accordion-menu ul ul a::after,
    .cd-accordion-menu ul ul label::after {
        left: 101px
    }
    .cd-accordion-menu ul ul ul a,
    .cd-accordion-menu ul ul ul label {
        padding-left: 154px
    }
    .cd-accordion-menu ul ul ul label::before {
        left: 96px
    }
    .cd-accordion-menu ul ul ul a::after,
    .cd-accordion-menu ul ul ul label::after {
        left: 125px
    }
}

.cd-accordion-menu.animated label::before {
    -webkit-transition: -webkit-transform .3s;
    -moz-transition: -moz-transform .3s;
    transition: transform .3s
}

.cd-accordion-menu h3 {
    margin: 0;
    font-size: 15px;
    color: #000
}

.cd-accordion-menu h4 {
    margin: 0;
    position: relative;
    color: #000;
    font-size: 15px
}

.cd-accordion-menu li.has-children li.has-children li {
    list-style-type: none;
    border: none;
    padding: 2px 12px
}

.cd-accordion-menu li.has-children li.has-children li .category-submenu-img h4 {
    font-size: 11px
}

.cd-accordion-menu h3 i.fa.fa-caret-down {
    color: #3ab54a;
    font-size: 20px;
    padding-left: 5px
}

.cd-accordion-menu li i.fa.fa-angle-right {
    color: #37b44a;
    padding-right: 8px;
    font-weight: 600;
    font-size: 16px
}

.cd-accordion-menu ul {
    padding-left: 20px
}

.navbar-toggle {
    display: none
}

#contractor_form .input-group-addon:first-child,
#supplier_form .input-group-addon:first-child {
    border-right: 0;
    width: 44px;
    height: 40px;
    line-height: 40px !important;
    padding-top: 12px;
    text-align: center;
    border-radius: 4px 0 0 4px;
    box-shadow: none;
    background-color: #fff;
    border: none;
    border-right-width: medium;
    border-right-style: none;
    border-right-color: currentcolor;
    color: #3ab54a
}

#contractor_form .input-group,
#supplier_form .input-group {
    position: relative;
    display: flex;
    border-collapse: separate
}

#contractor_form .input-group input.form-control,
#contractor_form .input-group select.form-control,
#supplier_form .input-group input.form-control,
#supplier_form .input-group select.form-control {
    height: 40px;
    margin: 0 0;
    border: 1px solid #fff;
    padding: 0;
    padding-left: 0;
    padding-left: 12px;
    box-shadow: none
}

#contractor_form #cont_btnsubmit,
#supplier_form #sup_btnsubmit {
    border-radius: 3px;
    padding: 10px 30px;
    background: #174f8f;
    border: 1px solid #174f8f;
    margin-top: 5px
}

#contractor_form textarea.form-control,
#supplier_form textarea.form-control {
    margin: 0 0;
    color: #777
}

#myModal1 .tab-content {
    background-color: #fff;
    border-top: 2px solid #156ba2
}

#myModal1 .nav-tabs>li>a {
    margin-bottom: 10px;
    border-radius: 0 !important
}

section.logn_bg11 {
    background: 0 0
}

.user-plan-gif img {
    width: 60%
}

.user-paln-container h2 {
    text-align: left;
    font-size: 24px;
    padding-top: 50px;
    padding-bottom: 20px
}

.user-plan-det {
    font-family: Lato, sans-serif;
    font-size: 15px;
    color: #000;
    line-height: 30px
}

.user-plan-det p {
    background: #fff;
    padding: 8px 10px;
    position: relative
}

.user-plan-det tbody {
    border: 1px solid #ccc;
    background: #fff
}

.user-plan-det tbody td {
    padding: 10px !important;
    font-size: 15px !important
}

.user-plan-det .table-responsive {
    padding: 0 10px
}

.plan-det-name::before {
    content: " ";
    width: 0;
    height: 0;
    border-top: 15px solid transparent;
    border-bottom: 0 solid transparent;
    border-right: 15px solid #f56bd6;
    position: absolute;
    right: 0;
    bottom: 0
}

.plan-det-det::before {
    content: " ";
    width: 0;
    height: 0;
    border-top: 15px solid transparent;
    border-bottom: 0 solid transparent;
    border-right: 15px solid #6bc4f5;
    position: absolute;
    right: 0;
    bottom: 0
}

.plan-det-city::before {
    content: " ";
    width: 0;
    height: 0;
    border-top: 15px solid transparent;
    border-bottom: 0 solid transparent;
    border-right: 15px solid #f5f951;
    position: absolute;
    right: 0;
    bottom: 0
}

.plan-det-state::before {
    content: " ";
    width: 0;
    height: 0;
    border-top: 15px solid transparent;
    border-bottom: 0 solid transparent;
    border-right: 15px solid #4de665;
    position: absolute;
    right: 0;
    bottom: 0
}

.two-img-slider .item img {
    width: 100%
}

.user-paln-container .user-n-pic-detail:nth-child(2n) {
    background: linear-gradient(70deg, #d5f9db 60%, #fff 40%)
}

.user-paln-container .user-n-pic-detail:nth-child(2n+1) {
    background: linear-gradient(70deg, #fff 40%, #cff9fb 40%)
}

.new-img,
.old-img {
    height: 250px;
    overflow: hidden;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #eee;
    border: 2px solid #37b44a
}

.two-img-slider {
    padding: 40px 0
}

#old-img-slider {
    position: relative
}

.two-img-slider .owl-theme .owl-controls .owl-buttons .owl-prev {
    position: absolute;
    top: 40%;
    left: -4px;
    opacity: 1;
    width: 30px;
    height: 30px;
    background: #3ab54a;
    padding: 8px;
    border-radius: 0
}

.two-img-slider .owl-theme .owl-controls .owl-buttons .owl-next {
    position: absolute;
    top: 40%;
    right: -4px;
    opacity: 1;
    width: 30px;
    height: 30px;
    background: #3ab54a;
    padding: 8px;
    border-radius: 0
}

.two-img-slider .owl-theme .owl-controls {
    margin-top: 0;
    text-align: center
}

.user-plan-pagination .pagination>li>a,
.user-plan-pagination .pagination>li>span {
    padding: 10px 18px;
    color: #37b44a;
    font-weight: 600;
    font-family: Lato, sans-serif
}

.two-img-slider h3 {
    margin-top: 0;
    font-weight: 500;
    font-family: Lato, sans-serif;
    color: #000;
    font-size: 20px
}

.user-paln-container hr {
    margin-top: 40px;
    margin-bottom: 40px;
    border: 0;
    border-top: 1px solid #dda5a5
}

span.new-tag {
    position: absolute;
    top: -6px;
    right: -30px;
    background: #3ab54a;
    font-size: 12px;
    display: inline-block;
    padding: 0 2px;
    color: #fff
}

a.new-menu {
    position: relative !important;
    display: initial !important
}

.cart-table table tr td:first-child {
    position: relative
}

.cart-table-img {
    position: absolute;
    top: 30px
}

.logn_bg11 form-box {
    background: #fff
}

.archi-service-section {
    padding: 40px 0
}

.archi-service-section h1 {
    font-size: 20px;
    font-family: Lato, sans-serif;
    color: #37b44a;
    margin-bottom: 20px
}

#archit-form .modal-dialog {
    background: #f5f5f5
}

#archit-form input,
#archit-form select {
    height: 40px !important;
    margin-bottom: 20px
}

#archit-form .btn.btn-archi {
    width: 200px;
    margin-top: 20px;
    background: #152850;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 4px;
    font-weight: 600;
    font-family: Lato, sans-serif
}

#archit-form .modal-dialog {
    background: #f5f5f5;
    border-top: 5px solid #ccc
}

#mmh_plans_section .blue-color {
    font-family: Lobster, cursive;
    color: #000;
    font-size: 24px;
    text-transform: capitalize;
    margin-bottom: 50px;
    position: relative
}

#mmh_plans_section h2.blue-color::after {
    content: " ";
    height: 3px;
    width: 100px;
    background: #37b44a;
    position: absolute;
    top: 45px;
    left: 0;
    right: 0;
    margin: 0 auto
}

#mmh_plans_section .accordion-inner ul {
    padding-left: 15px
}

#mmh_plans_section .accordion-inner ul li {
    background-color: transparent !important;
    list-style-type: disc
}

#mmh_plans_section .accordian-ul-li {
    padding: 0;
    background: #f5f5f5;
    border: 1px solid #eee;
    margin-bottom: 30px;
    border-radius: 10px 10px 0 0
}

#mmh_plans_section .accordian-ul-li li {
    list-style-type: none;
    padding: 10px;
    border-bottom: 1px solid #ccc
}

#mmh_plans_section .accordian-ul-li li:first-child {
    padding: 0
}

#mmh_plans_section .accordian-ul-li li:last-child {
    text-align: center;
    font-size: 18px;
    font-weight: 600;
    color: #d21a1a;
    font-family: Lato, sans-serif
}

#mmh_plans_section .accordion-heading {
    background: #37b44a;
    padding: 10px;
    border-radius: 10px 10px 0 0
}

#mmh_plans_section .accordion-heading i {
    float: right
}

#mmh_plans_section.section-2 .accordion-heading,
#mmh_plans_section.section-4 .accordion-heading,
#mmh_plans_section.section-6 .accordion-heading {
    background: #229031
}

#mmh_plans_section .accordion-heading a {
    color: #fff;
    text-decoration: none;
    font-size: 16px;
    display: inline-block;
    width: 100%
}

#mmh_plans_section .accordion-group {
    background: #fff
}

#mmh_plans_section .accordion-inner ul {
    padding: 0
}

#mmh_plans_section .accordion-inner ul li {
    list-style-type: none;
    position: relative;
    padding: 10px 30px !important
}

#mmh_plans_section .accordion-inner ul li .btn {
    color: #000;
    background: 0 0;
    font-size: 24px;
    padding: 0;
    font-weight: 600
}

#mmh_plans_section .accordion-inner ul li .btn:focus {
    outline: 0
}

#mmh_plans_section .accordion-inner ul li i.fa.fa-circle {
    color: #d41a1a;
    font-size: 10px;
    padding-right: 8px;
    position: absolute;
    left: 9px;
    top: 14px
}

#mmh_plans_section section {
    padding: 30px 0 !important
}

#mmh_plans_section .below-heading i {
    font-size: 14px;
    padding-top: 11px;
    color: #3ab54a;
    transform: rotate(45deg);
    padding-left: 10px
}

.note p {
    background: #eee;
    padding: 15px;
    border: 1px solid #ccc;
    border-radius: 5px;
    color: #000
}

#mmh_plans_section .note p i {
    font-size: 18px;
    padding-right: 10px;
    color: #d21a1a
}

#mmh_plans_section .package-subheading h3 {
    margin-bottom: 20px;
    font-size: 20px;
    font-weight: 600;
    color: #000;
    font-family: Lato, sans-serif
}

.designer-signup-modal {
    margin: 0;
    padding: 0
}

.designer-signup-modal li {
    list-style-type: none;
    padding: 6px 0
}

.designer-signup-modal li input {
    margin-right: 10px
}

#session_form #txtname {
    border: 1px solid #ddd
}

#supplier_form .input-group {
    border: 1px solid #ddd;
    border-radius: 4px
}

.offer-fixed-img {
    width: 150px;
    position: fixed;
    bottom: 120px;
    right: 10px;
    border: 1px solid #000;
    z-index: 99
}

.offer-fixed-img img {
    width: 100%
}

.offer-fixed-img i {
    position: absolute;
    background: #b40103;
    width: 30px;
    height: 30px;
    top: -15px;
    left: -15px;
    text-align: center;
    line-height: 30px;
    color: #fff;
    border-radius: 20px
}

.offer-small-strip img {
    margin: 0 auto 20px;
    text-align: center
}

.section-gray.pb-top h2 {
    font-size: 24px;
    color: #000
}

.ad-banners-img a {
    display: inline-block;
    overflow: hidden
}

.ad-banner-content h3 a {
    font-family: fonarto;
    color: #293f6e;
    font-size: 18px
}

.ad-banner-content {
    position: relative
}

.ad-banner-content h3 {
    padding-left: 15px;
    padding-top: 10px
}

.ad-banner-content p {
    padding-left: 15px;
    padding-right: 15px
}

.ad-banner-order {
    color: #fff;
    font-weight: 600;
    font-family: Lato, sans-serif;
    padding: 5px 15px;
    display: inline-block;
    border: 1px solid #fff;
    margin: 0 0 10px 15px;
    background: #293f6e
}

.whole-ad-banner {
    position: relative;
    background: #fff;
    transition: all 2s ease-in-out;
    -webkit-transition: all 2s ease-in-out;
    -moz-transition: all 2s ease-in-out;
    -o-transition: all 2s ease-in-out
}

.xwhole-ad-banner:hover {
    transform: scale(1.02);
    -webkit-transform: scale(1.02);
    -o-transform: scale(1.02);
    -moz-transform: scale(1.02)
}

.ad-banners h2 {
    font-size: 28px;
    color: #000;
    font-family: fonarto;
    text-align: center
}

.offer-small-strip {
    margin-top: 20px
}

.on-pro-sliders h2 {
    font-family: fonarto;
    font-size: 24px;
    color: #000;
    padding-left: 15px;
    margin-bottom: 20px
}

.on-pro-sliders {
    background: linear-gradient(60deg, #fff 50%, #eee 50%)
}

.on-pro-sliders {
    background: linear-gradient(60deg, #fff 50%, #d9fcdf 50%);
    padding: 10px 0
}

.asso-head h3 span {
    font-family: Lato, sans-serif;
    font-size: 18px;
    color: #555
}

.contact-num-mob a {
    color: #000
}

.service-collapse-deal .panel-title>a {
    padding: 14px 15px;
    display: inline-block;
    width: 100%;
    background: #fff;
    color: #000 !important;
    font-family: Lato, sans-serif;
    font-size: 14px;
    text-align: initial;
    position: relative;
    padding-left: 50px
}

.service-collapse-deal .panel-body li i {
    font-size: 10px;
    color: #37b44a;
    padding-right: 5px
}

.service-collapse-deal .panel-title>a img {
    width: 18px;
    margin-right: 10px;
    position: absolute;
    left: 15px
}

.service-collapse-deal h4 {
    font-size: 18px;
    margin-top: 0
}

.service-collapse-deal .panel-default>.panel-heading {
    padding: 0
}

.service-collapse-deal .panel {
    margin-bottom: 15px !important;
    border-radius: 4px
}

.service-collapse-deal .panel-heading .accordion-toggle::after {
    font-family: 'Glyphicons Halflings';
    content: "\e114";
    float: right;
    color: #37b44a
}

.service-collapse-deal .panel-body ul {
    margin: 0;
    padding: 0
}

.service-collapse-deal .panel-body,
.service-collapse-deal .panel-body li {
    list-style-type: none;
    color: #000;
    font-family: Lato, sans-serif;
    padding: 8px 0;
    line-height: 24px;
    font-size: 14px
}

.service-collapse-deal .panel-body li strong {
    font-weight: 700;
    color: #000
}

.service-collapse-deal .panel-body p {
    min-height: auto !important
}

.service-collapse-deal .panel-body {
    padding: 8px 20px
}

.service-collapse-deal .accordion-toggle.active1 {
    background-color: #eee !important
}

.service-collapse-deal .panel-heading .accordion-toggle:after {
    font-family: 'Glyphicons Halflings';
    content: "\e114";
    float: right;
    color: #37b44a
}

.service-collapse-deal .panel-heading .accordion-toggle.collapsed:after {
    content: "\e080"
}

#enquire-now-btn .modal-body {
    padding: 0
}

.asso-head h3 a {
    font-family: Lato, sans-serif;
    font-size: 14px;
    margin-left: 10px
}

.switch-bas-btn {
    border: none;
    padding: 6px 20px;
    background: #37b44a;
    color: #fff;
    font-size: 16px;
    margin-top: 10px
}

.vastu-header-img-text h4 {
    color: #fff;
    margin: 20px 0;
    font-weight: 500;
    font-family: Lato, sans-serif;
    font-size: 20px
}

.select-flor-pln h5 {
    font-size: 15px;
    font-weight: 600;
    color: #000;
    font-family: Lato, sans-serif;
    float: left
}

.contact-us-header i {
    width: 25px;
    height: 25px;
    background: #1b3971;
    margin: 10px;
    text-align: center;
    line-height: 25px;
    color: #fff;
    border-radius: 20px;
    position: absolute;
    left: 0;
    top: 0;
    animation: 1s contact-btn-animate 1s ease-in-out infinite alternate
}

.contact-us-header {
    position: relative;
    padding-left: 50px;
    margin-top: 5px
}

.contact-us-header p {
    color: #000;
    font-size: 15px;
    margin: 0
}

.contact-us-header h3 {
    margin: 0;
    color: #000;
    font-family: lato;
    font-weight: 600;
    font-size: 16px
}

.header-sec-navigation #navbar-collapse {
    padding-right: 0
}

.living-int-intro h1 {
    font-size: 28px;
    color: #000;
    font-family: fonarto
}

.living-int-intro h1 span {
    color: #3ab54a
}

.living-int-intro p {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 15px;
    font-family: Lato, sans-serif;
    letter-spacing: 0
}

.living-int-intro p span {
    color: #000;
    border: 1px solid #3ab54a;
    display: inline-block;
    padding: 7px 14px;
    font-size: 16px
}

.living-int-intro .small-int-line {
    width: 50%;
    height: 1px;
    margin: 15px 0;
    background: #3ab54a;
    display: inline-block
}

.living-room-img {
    margin-bottom: 30px
}

.living-room-img img {
    border: 1px solid #3ab54a
}

#interior_page_slider .item {
    margin: 10px
}

#interior_page_slider .owl-next,
#interior_page_slider .owl-prev {
    width: 40px;
    height: 40px;
    border-radius: 6px;
    opacity: 1;
    background: #3ab54a
}

#interior_page_slider .owl-next i,
#interior_page_slider .owl-prev i {
    line-height: 36px
}

#interior_page_slider.owl-theme .owl-controls {
    margin-top: 0;
    text-align: center
}

#exterior_page_slider .item {
    height: 350px;
    overflow: hidden
}

#exterior_page_slider.owl-theme .owl-controls {
    margin-top: 10px;
    text-align: center
}

#exterior_page_slider.owl-theme .owl-controls .owl-buttons div {
    width: 30px;
    height: 30px;
    opacity: 1;
    background: #37b44a;
    border-radius: 3px
}

#exterior_page_slider.owl-theme .owl-controls .owl-buttons div i {
    line-height: 26px
}

#exterior_vastu_slider .item,
#interior_vastu_slider .item {
    height: 400px;
    overflow: hidden;
    background: #000
}

.below_ban_line {
    text-align: center;
    background: #35a170;
    padding: 15px;
    color: #fff;
    font-family: Lato, sans-serif;
    font-size: 18px
}

.floor-plan-img img {
    max-width: 100%;
    height: 250px;
    margin: 0 auto
}

.small-gap-line {
    width: 150px;
    height: 3px;
    background: #37b44a;
    display: inline-block;
    margin: 15px 0
}

.renovate-content h2 {
    text-transform: uppercase;
    font-weight: 600;
    font-family: Lato, sans-serif;
    font-size: 24px
}

.renovate-content p {
    font-size: 15px;
    line-height: 26px;
    margin-bottom: 20px
}

.renovation-text h2 {
    color: #1d4873;
    font-weight: 500;
    text-transform: capitalize;
    font-size: 26px
}

.renovation-text em {
    font-size: 17px;
    color: #555;
    display: inline-block;
    margin-top: 5px
}

.renovate-content {
    padding: 50px 0
}

.renovate-content h2 {
    text-transform: uppercase;
    font-weight: 600;
    font-family: Lato, sans-serif;
    font-size: 24px;
    color: #37b44a;
    background: #eee;
    display: block;
    padding: 20px;
    text-align: center;
    margin: 20px 0
}

.renovate-content em {
    color: #000;
    font-size: 20px;
    width: 100%;
    display: block;
    text-align: right
}

.reno-content {
    text-align: center;
    padding-top: 60px
}

.reno-content p {
    font-size: 16px;
    line-height: 28px
}

.reno-content h3 {
    font-family: Lato, sans-serif
}

.vastu-slider-section .text-div.enterior p {
    font-size: 16px;
    line-height: 28px;
    font-family: Lato, sans-serif;
    letter-spacing: 0
}

#exterior_vastu_slider.owl-theme .owl-controls {
    margin-top: 10px;
    text-align: center;
    margin-bottom: 30px
}

#popup-container {
    display: none !important
}

section.footer p a {
    color: #fff;
    text-decoration: none
}

.service-des-tabs .nav-tabs li a {
    color: #fff
}

.switch-text a {
    background: #3ab54a;
    color: #fff;
    padding: 7px 20px;
    margin-top: -8px;
    text-transform: capitalize
}

.imgicon img,
.imgicon1 img {
    width: 60px
}

.imgicon-text p,
.imgicon-text1 p {
    font-family: lato
}

.service-section-home h3 em {
    color: #3ab54a
}

.parallax_sec1 .left li .fa.fa-circle {
    position: absolute;
    right: -30px;
    top: 50%;
    color: #1b3971;
    font-size: 11px
}

#designerPortfolioModal .modal-dialog {
    width: 56%
}

#designerPortfolioModal .modal-body,
#designerPortfolioModal .modal-content {
    padding: 0
}

.edit_prduct #add_product_form h2 {
    font-size: 20px;
    padding: 5px 20px
}

.contractor_header h2 {
    font-size: 24px;
    text-align: left;
    margin-top: 30px
}

.cont_tab-des-section .simple_steps span img {
    width: 40px;
    position: absolute;
    left: 10px;
    top: 25px
}

.cont_tab-des-section .simple_steps {
    font-family: Lato, sans-serif;
    position: relative;
    padding-left: 75px;
    margin-bottom: 10px;
    border: 1px solid #ddd;
    background: #fff
}

.cont_tab-des-section .simple_steps h3 {
    font-size: 18px;
    color: #3ab54a
}

.cont_tab-des-section .simple_steps p {
    line-height: 22px;
    color: #555;
    font-size: 13px
}

.contractor_form label {
    font-weight: 600;
    font-family: lato
}

.contractor_form {
    background: #f5f5f5;
    padding: 12px;
    margin-top: 30px
}

.contractor_form h3 {
    margin-top: 0;
    font-weight: 600;
    font-family: lato;
    font-size: 20px
}

.contractor_form input {
    height: 40px;
    margin-bottom: 10px;
    box-shadow: none;
    border: 1px solid #ddd;
    padding-left: 50px !important
}

.contractor_form .input_field {
    position: relative
}

.contractor_form .input_field i {
    position: absolute;
    top: 0;
    left: 0;
    color: #6ece7b;
    height: 40px;
    width: 40px;
    background: #f5f5f5;
    text-align: center;
    line-height: 40px;
    border: 1px solid #ddd;
    border-radius: 5px 0 0 5px
}

.contractor_form select {
    height: 40px;
    padding-left: 10px;
    margin-bottom: 10px;
    box-shadow: none;
    border: 1px solid #ddd
}

.contractor_form .form-control:focus {
    border-color: #c4d0da
}

.contractor-tabs .overview-section {
    padding: 20px 30px
}

.cont_tab-des-section .contractor_form .btn {
    width: 100%;
    border-radius: 0;
    padding: 12px;
    font-family: lato
}

.cont_tab-des-section .simple-step-num {
    position: relative
}

.cont_tab-des-section .simple-step-num.simple_step_odd {
    padding-left: 30px
}

.cont_tab-des-section .simple-step-num.simple_step_even {
    padding-right: 30px
}

.cont_tab-des-section .simple-step-num.simple_step_odd .step_num {
    position: absolute;
    left: 0;
    font-size: 36px;
    font-weight: 600;
    font-family: Lato, sans-serif;
    top: 28px
}

.cont_tab-des-section .simple-step-num.simple_step_even .step_num {
    position: absolute;
    right: 0;
    font-size: 36px;
    font-weight: 600;
    font-family: Lato, sans-serif;
    top: 28px
}

.cont_tab-des-section .simple-step-1 .step_num {
    color: #e64a3e;
    font-size: 48px;
    margin-top: 10px
}

.cont_tab-des-section .simple-step-1 .simple_steps {
    border-left: 5px solid #e64a3e
}

.cont_tab-des-section .simple-step-1 .simple_steps h3 {
    color: #e64a3e
}

.cont_tab-des-section .simple-step-2 .step_num {
    color: #0097b6;
    font-size: 48px;
    margin-top: 10px
}

.cont_tab-des-section .simple-step-2 .simple_steps {
    border-right: 5px solid #0097b6;
    text-align: right;
    padding-right: 20px
}

.cont_tab-des-section .simple-step-2 .simple_steps h3 {
    color: #0097b6
}

.cont_tab-des-section .simple-step-3 .step_num {
    color: #3ab54a;
    font-size: 48px;
    margin-top: 10px
}

.cont_tab-des-section .simple-step-3 .simple_steps {
    border-left: 5px solid #3ab54a
}

.cont_tab-des-section .simple-step-3 .simple_steps h3 {
    color: #3ab54a
}

.cont_tab-des-section .simple-step-4 .step_num {
    color: #f3ba16;
    font-size: 48px;
    margin-top: 10px
}

.cont_tab-des-section .simple-step-4 .simple_steps {
    border-right: 5px solid #0097b6;
    text-align: right;
    padding-right: 20px
}

.cont_tab-des-section .simple-step-4 .simple_steps h3 {
    color: #f3ba16
}

.cont_tab-des-section .testimonials {
    margin-top: 40px;
    background: #f8f8f8
}

.cont_tab-des-section .premium-testimonial h2 {
    font-family: lato;
    font-size: 24px
}

#cont-service {
    background: url(/assets/images/int-imgs-menu/cont-bg.jpg);
    padding: 50px 0;
    color: #eee;
    line-height: 26px;
    margin-top: 50px
}

.cont-service .service-thumb {
    padding: 30px
}

.cont-service .service-thumb h4 {
    font-size: 18px;
    font-family: fonarto
}

.cont-service .thumb-icon i {
    color: #37b44a;
    font-size: 18px
}

.cont-service .service-thumb p {
    line-height: 22px;
    font-size: 13px;
    color: #555
}

.cont-service h3 {
    font-family: fonarto
}

.contractor-testimonial h4 {
    color: #3ab54a;
    font-weight: 600;
    font-size: 16px;
    font-family: Lato, sans-serif;
    letter-spacing: 0
}

.contractor-testimonial h2 {
    font-family: lato;
    font-size: 24px;
    margin: 15px 0
}

.contractor-testimonial .item p {
    position: relative;
    padding-left: 0;
    padding-right: 30px;
    font-size: 15px;
    line-height: 28px;
    color: #000
}

.testimonial-client-pic {
    width: 60px;
    position: absolute;
    left: 0
}

.contractor-testimonial .item p i {
    color: #37b44a;
    font-size: 24px;
    padding-right: 10px
}

.contractor-testimonial .item p em {
    font-weight: 600;
    font-family: Lato, sans-serif;
    margin-top: 15px;
    display: inline-block
}

.contractor-testimonial .owl-theme .owl-controls {
    margin-top: 0;
    text-align: left
}

.contractor-testimonial .owl-theme .owl-controls .owl-buttons div {
    opacity: 1;
    background: #37b44a
}

.testi-sidebar {
    background: #eee;
    padding: 10px;
    margin-bottom: 10px;
    border: 2px dotted #37b44a
}

.testi-sidebar h3 {
    font-size: 16px;
    font-weight: 600;
    font-family: Lato, sans-serif;
    color: #37b44a
}

.contractor-tabs ul.nav-tabs li {
    background: #f5f5f5;
    text-transform: uppercase;
    font-family: lato;
    font-size: 12px;
    padding: 5px
}

.contractor-tabs {
    margin-top: 30px
}

.contractor-tabs .nav>li>a:focus,
.contractor-tabs .nav>li>a:hover {
    text-decoration: none;
    background-color: #eee;
    color: #000
}

.contractor-tabs .tab-content {
    background-color: #f5f5f5;
    border-top: 1px solid #3ab54a;
    color: #555;
    padding: 0;
    margin-top: 1px
}

.cont_tab-des-section {
    padding: 30px;
    color: #000;
    line-height: 24px;
    font-family: Lato, sans-serif
}

.cont_tab-des-section .overview-section h4 {
    color: #37b44a;
    line-height: 26px
}

.cont_tab-des-section ul {
    padding-left: 15px
}

.cont_tab-des-section ul li {
    padding: 3px 0
}

.cont-small-gap {
    height: 3px;
    width: 100px;
    background: #37b44a;
    margin: 20px 0
}

.cont-service .service-thumb {
    background: #fff;
    padding: 20px;
    margin-bottom: 30px;
    box-shadow: 0 0 4px #ddd
}

.contractor_form .input_field input.invalid {
    background-color: #fdd
}

.contractor_form .form_steps {
    display: none
}

.contractor_form form button {
    background-color: #4caf50;
    color: #fff;
    border: none;
    padding: 10px 20px;
    font-size: 17px;
    font-family: Raleway;
    cursor: pointer
}

.contractor_form form button:hover {
    opacity: .8
}

.contractor_form #prevBtn {
    background-color: #bbb
}

.contractor_form .step {
    height: 15px;
    width: 15px;
    margin: 0 2px;
    background-color: #bbb;
    border: none;
    border-radius: 50%;
    display: inline-block;
    opacity: .5
}

.contractor_form .step.active {
    opacity: 1
}

.contractor_form .step.finish {
    background-color: #4caf50
}

.contractor-img {
    height: 90px;
    width: 90px;
    border-radius: 45px;
    overflow: hidden;
    margin: 0 auto;
    border: 2px dotted #4caf50
}

.contractor-img img {
    width: 90px
}

.contractor-pro a {
    background: #3ab54a;
    display: inline-block;
    padding: 3px 20px;
    color: #fff
}

.contractor-pro {
    background: #fff;
    padding: 20px 0;
    border: 1px solid #ddd;
    font-family: lato
}

.contractor_form .step {
    display: none
}

.contractor_form .step.active {
    background: #4caf50
}

.hiw-mmh-banner img {
    width: 80%;
    margin: 0 auto
}

.ext-text h3 {
    color: #37b44a;
    font-weight: 700
}

.ext-text p {
    color: #000;
    line-height: 24px;
    text-align: center
}

.affiliate-system h3 {
    color: #213971;
    font-weight: 700;
    font-size: 24px;
    border-bottom: 3px double #1b3971;
    margin-bottom: 20px;
    padding-bottom: 10px
}

.affiliate-system {
    background: #f9f9f9;
    padding: 20px 0;
    margin-bottom: 30px
}

.affiliate-system .main-heading-font {
    color: #1b3971;
    margin-bottom: 20px
}

.affiliate-system ul li span {
    width: 30px;
    height: 30px;
    display: inline-block;
    background: linear-gradient(45deg, #55c664, #f9f4b5);
    text-align: center;
    line-height: 30px;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 3px
}

.affiliate-system ul li {
    position: relative;
    padding-left: 40px;
    padding-bottom: 20px
}

.last-reg-btn {
    display: flex;
    width: 100%;
    justify-content: center
}

.last-reg-btn a {
    margin: 5px
}

.last-reg-btn .register-btn {
    position: relative
}

.last-reg-btn .register-btn .email-form {
    position: absolute;
    width: 350px;
    background: #fff;
    padding: 15px;
    box-shadow: 3px 3px 3px #777;
    z-index: 9
}

.last-reg-btn .register-btn .email-form i {
    position: absolute;
    top: 25px;
    right: 25px;
    color: #aaa
}

.register-btn span {
    background: linear-gradient(#2b9b3a, #56de68);
    display: inline-block;
    padding: 10px 50px;
    border-radius: 4px;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
    transition: background .5s linear;
    margin: 5px
}

.last-reg-btn .register-btn .email-form .form-control {
    border: 1px solid #eee;
    box-shadow: none
}

.form_consultation {
    padding: 15px
}

.form_consultation h3 {
    margin: 0;
    font-size: 16px;
    background: #1f6eaa;
    color: #fff;
    padding: 6px 0;
    text-align: center
}

.form_consultation form {
    padding: 15px;
    background: #eee
}

.form_consultation .form-control {
    margin-bottom: 5px;
    margin-top: 0;
    box-shadow: none;
    border: 1px solid #ddd;
    padding: 5px 10px
}

.form_consultation .btn {
    font-size: 14px;
    border-radius: 4px;
    padding: 8px 20px
}

.plan-rates-box td span {
    display: inline-block;
    background: #1b3971;
    padding: 0 5px;
    border-radius: 3px;
    color: #fff;
    margin-left: 5px
}

.what-you-get-detail ul li {
    font-size: 14px !important;
    padding: 0 !important;
    padding-left: 0;
    position: relative;
    padding-left: 15px !important
}

.what-you-get-detail {
    color: #000;
    text-align: left;
    padding-left: 25px;
    line-height: 28px
}

.what-you-get-detail ul li:before {
    content: "\f0da";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    text-decoration: inherit;
    color: #369e43;
    font-size: 16px;
    padding-right: .5em;
    position: absolute;
    top: 1px;
    left: 0
}

.show-tool-tip-2 {
    position: absolute;
    bottom: 15px;
    color: #000;
    left: 5px;
    font-size: 17px;
    font-weight: 600
}

.show-tool-tip-2 span {
    font-weight: 500;
    font-size: 12px;
    position: absolute;
    bottom: 20px;
    width: 200px;
    left: 0;
    background: #ffffd9 !important;
    padding: 10px !important;
    border-radius: 5px;
    border: 1px solid #e19244;
    z-index: 9;
    transition: .3s linear;
    visibility: hidden;
    opacity: 0;
    color: #5a4242 !important
}

.show-tool-tip-2:hover span {
    opacity: 1;
    visibility: visible
}

.register-heading h3 {
    background-color: #37b44a;
    padding: 10px;
    text-align: center;
    color: #fff;
    margin: 0
}

.designer-dashbord .wrimagecard {
    background-color: #f8f8f8;
    border: 1px solid #b9fdc4
}

.designer-dashbord .wrimagecard-topimage_title h2 {
    margin: 0;
    text-transform: capitalize;
    font-weight: 500;
    font-size: 24px
}

.designer-dashbord .wrimagecard-topimage_title {
    padding: 20px 24px;
    height: auto;
    padding-bottom: 20px
}

.designer-dashbord .wrimagecard-topimage_header {
    padding: 50px 30px
}

.designer-dashbord .wrimagecard-topimage_title {
    border-bottom: 1px solid #37b44a
}

.select_signup .wrimagecard-topimage h2 {
    margin: 0 auto;
    font-size: 22px
}

.select_signup .wrimagecard-topimage img {
    width: 40px;
    position: absolute;
    top: 15px;
    left: 15px
}

.select_signup .wrimagecard-topimage {
    position: relative;
    padding: 25px;
    padding-left: 70px;
    border: 1px solid #eee;
    margin-bottom: 20px;
    background: #f9f9f9;
    border-left: 3px solid #fd919b
}

.select_signup .wrimagecard-topimage.main-bg h2 {
    color: #fff
}

.designer-dashbord #user_type1 .checkbox {
    margin: 0;
    padding: 4px 0
}

.all_clients_testi .client-img {
    background: linear-gradient(45deg, #e8f0f9 50%, #f0f6fb 50%);
    border-radius: 6px;
    position: relative;
    padding: 25px 10px 10px;
    margin-top: 25px;
    box-shadow: 2px 2px 7px #d0cfcf
}

.all_clients_testi .client-img img {
    position: absolute;
    width: 50px;
    border-radius: 25px;
    top: -25px;
    border: 1px solid #acbcce
}

.all_clients_testi .client-des {
    border: 1px solid #eee;
    background: #f9f9f9;
    padding: 15px;
    position: relative
}

.all_clients_testi .client-des p {
    font-size: 14px;
    line-height: 23px
}

.all_clients_testi .client-des .fa.fa-quote-right {
    position: absolute;
    font-size: 24px;
    right: 10px;
    color: #dee0e1
}

.all_clients_testi .client-heading {
    background: url(/assets/images/testimonials.png);
    padding: 20px 0;
    text-align: center;
    color: #fff;
    margin-bottom: 20px
}

.all_clients_testi .client-heading h3 {
    font-family: Lobster, cursive;
    font-size: 28px
}

.all_clients_testi .client-heading h2 .fa.fa-heart {
    color: #ba0f0f;
    margin-left: 2px
}

.all_clients_testi .client-des h4 {
    color: #37b44a;
    font-size: 14px
}

.all_clients_testi .dots {
    width: 100%;
    display: inline-block;
    text-align: right;
    font-size: 24px
}

.all_clients_testi .star-rate {
    float: right;
    margin-top: -20px;
    color: #ffcc2a;
    font-size: 16px
}

.all_clients_testi #owl_client_slider .item {
    margin: 15px
}

.scroll_top1 {
    bottom: 50px !important;
    right: 5px !important
}

.grecaptcha-badge {
    bottom: 35px !important
}

#onesignal-bell-container.onesignal-reset.onesignal-bell-container-bottom-right {
    bottom: 35px !important;
    right: 27px !important
}

#onesignal-bell-container.onesignal-reset .onesignal-bell-launcher.onesignal-bell-launcher-md .onesignal-bell-launcher-button {
    width: 35px !important;
    height: 35px !important
}

.grecaptcha-logo {
    display: none !important
}

.grecaptcha-badge {
    box-shadow: none !important
}

.copyscape {
    margin-top: 10px;
    text-align: right
}

.copyscape img {
    width: 120px
}

.footer-marquee-container,
.mylivechat_inline.mylivechat_template5 {
    display: none
}

.car-slide img {
    width: 70px
}

.car-slide .car_icon {
    transform: translateX(-100%);
    position: fixed;
    bottom: 0;
    z-index: 99;
    transition: 1s linear
}

.car-slide .car_icon i {
    position: absolute;
    top: -10px;
    left: 40px;
    background: #fdb94b;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    border-radius: 10px;
    box-shadow: 2px 2px 2px #000
}

.car-slide .car_icon.form_open {
    transform: translateX(15px)
}

.car-slide form {
    position: fixed;
    bottom: 0;
    width: 240px;
    background: #fff;
    z-index: 999;
    padding-bottom: 30px;
    box-shadow: 0 0 5px #555
}

.car-slide .fa-times {
    position: absolute;
    top: 8px;
    right: 8px;
    color: #fff
}

.car-slide form input {
    width: 110px;
    float: left;
    height: 30px;
    margin: 3px;
    border: 1px solid #ddd;
    padding-left: 4px
}

.car-slide button {
    border-radius: 3px;
    margin-left: 4px
}

.car-slide form h3 {
    margin: 0;
    font-size: 15px;
    background: #054e9c;
    color: #fff;
    padding: 5px
}

@media only screen and (max-width:600px) {
    .all_clients_testi .client-heading h2 {
        font-size: 18px
    }
    .all_clients_testi .client-heading h3 {
        font-size: 22px;
        margin-top: 0
    }
    .contractor-tabs ul.nav-tabs li {
        padding: 0;
        text-transform: inherit;
        margin: 5px
    }
    .contractor-tabs .nav>li>a {
        padding: 7px 10px;
        font-size: 14px
    }
    .testimonial-client-pic {
        position: relative
    }
    .contractor-testimonial .item p {
        padding-left: 0
    }
    .last-reg-btn {
        display: block
    }
    .last-reg-btn a {
        margin: 5px auto
    }
    .last-reg-btn .register-btn .email-form {
        position: absolute;
        width: 90%;
        background: #fff;
        padding: 15px;
        left: 0;
        right: 0;
        margin: auto;
        border: 1px solid #45c456;
        box-shadow: 2px 2px 5px #555
    }
}

@keyframes contact-btn-animate {
    0% {
        transform: scale(.8);
        opacity: 0
    }
    60% {
        transform: scale(1.2);
        opacity: 1
    }
    100% {
        transform: scale(1)
    }
}

@media (min-width:768px) {
    .mobile-navigation {
        display: none
    }
    .header-top {
        width: 100%
    }
}

@media (max-width:767px) {
    ul.list-group.category-submenu-list li a {
        margin-bottom: 0 !important;
        color: #fff
    }
    #floor-plan-coros-slider.owl-theme .owl-controls .owl-buttons .owl-prev {
        position: absolute;
        left: 0;
        top: 30%
    }
    #floor-plan-coros-slider.owl-theme .owl-controls .owl-buttons .owl-next {
        position: absolute;
        right: 0;
        top: 30%
    }
    .open>.dropdown-menu.cart-dropdown {
        position: fixed;
        top: 40px;
        right: 0
    }
    .dropdown-menu.cart-dropdown-none {
        display: none
    }
    .dropdown-menu.cart-dropdown-block {
        display: block
    }
    #mmh_plans_section .flow-img {
        display: none
    }
}

@media screen and (max-width:500px) {
    .foo-bottom p {
        width: 75%;
        margin: 0 auto
    }
    #designerPortfolioModal .modal-dialog {
        width: 100%
    }
    .switch-text a {
        float: none
    }
    .switch-text span {
        display: inline-block;
        margin-top: 10px
    }
    .vastu-slider-section .text-div.enterior p {
        font-size: 13px;
        line-height: 22px
    }
    .vastu-section-text p {
        color: #000;
        font-size: 13px;
        line-height: 24px;
        font-family: Lato, sans-serif
    }
    .col-lg-6.text-div.enterior {
        padding: 15px
    }
    #exterior_vastu_slider .item,
    #interior_vastu_slider .item {
        height: 230px;
        overflow: hidden;
        background: #fff
    }
    #exterior_page_slider .item {
        height: 180px;
        overflow: hidden
    }
    #webklipper-publisher-widget-container-survey-frame div.container {
        max-width: 100% !important;
        padding: 10px;
        width: 250px !important
    }
    #webklipper-publisher-widget-container-survey-frame div.container div.inner-container {
        width: 280px !important;
        height: 234px;
        max-height: 490.5px
    }
    #webklipper-publisher-widget-container-survey-frame input.text.helpTextEnabled {
        width: 64% !important
    }
    #webklipper-publisher-widget-container-survey-frame .header {
        font-size: 15px;
        text-align: center;
        line-height: 37px;
        font-weight: lighter;
        font-family: Lato, sans-serif
    }
    div.field label.question-label {
        margin-left: 0
    }
    .premim-pro-slider {
        display: none
    }
    .sidenav {
        padding-top: 15px
    }
    .sidenav a {
        font-size: 18px
    }
    #desktop-nevi {
        display: none
    }
    .container.top-section-floor-plan p {
        line-height: 24px
    }
    .floor-plan-form-box {
        padding: 20px 0
    }
    .prod_link22 a {
        width: 95px !important;
        display: inline-block;
        margin: 2px !important;
        font-size: 12px !important;
        float: left !important;
        padding: 5px !important;
        text-align: center
    }
    .all-products-heading .form-group {
        margin-bottom: 10px;
        width: 250px;
        float: left !important;
        margin-bottom: 0
    }
    .all-products-heading .left-block {
        float: left
    }
    .all-design-key-pro ul {
        height: 250px !important;
        overflow: auto
    }
    .premium-header-form {
        padding: 0;
        background: 0 0
    }
    .premium-header-content h3 {
        font-size: 32px
    }
    .premium-header-content h4 {
        font-size: 16px;
        line-height: 35px;
        margin: 20px 0
    }
    .premium-header-content p {
        font-size: 14px;
        line-height: 22px
    }
    .premium-header-content {
        padding: 10px 0
    }
    .premim-pro-img {
        height: 170px
    }
    .floor-plan-text {
        padding: 0
    }
    .xs-small-half {
        width: 49%;
        display: inline-block
    }
    .elev-price {
        font-size: 16px
    }
    .form-box-vastu {
        padding: 7px
    }
    .select-flor-pln h5 {
        font-size: 12px
    }
    .premium-header-form .form-control {
        width: 100%;
        margin-bottom: 7px;
        height: 35px
    }
    .ad-banner-content ul li {
        color: #fff;
        line-height: 20px;
        font-family: Lato, sans-serif;
        font-size: 11px
    }
    .ad-banner-content h3 a {
        font-size: 15px
    }
}

@media (max-width:980px) {
    .slider-shadow {
        bottom: -30px;
        left: 0;
        position: absolute;
        width: 100%
    }
}

@media (min-width:769px) {
    .main-menu .navbar-collapse {
        padding: 0
    }
    .header-sec-navigation .dropdown:hover .dropdown-menu {
        display: block
    }
    .card-layout .card-col {
        z-index: 10
    }
    .card-layout {
        -moz-column-count: 3;
        -webkit-column-count: 3;
        column-count: 3
    }
    .card-layout .card-col {
        display: inline-block;
        float: none !important;
        width: 262px !important
    }
    .card-layout .card-col:nth-child(4n+1) {
        clear: both
    }
}

@media (max-width:768px) {
    .desktop-menu {
        display: none
    }
    .slider-shadow {
        bottom: -30px;
        left: 0;
        position: absolute;
        width: 100%
    }
    #owl-main .item img {
        height: auto;
        width: 100%
    }
    .content-white {
        margin: 0
    }
    .panel-side {
        margin-left: 0
    }
    .category-menu {
        padding: 0 15px
    }
    .foo-top {
        background-image: none
    }
    .pl-0 {
        padding-left: 15px
    }
    .search-toggle {
        height: 32px
    }
    .slider_search li {
        width: 95% !important
    }
    .mobile-center {
        text-align: center;
        margin-top: 4px
    }
    .menu3 {
        margin: 0 0 0 -10px;
        text-align: left;
        width: 100%
    }
    .menu3 .dropdown-menu {
        background: #fff !important
    }
    .flow-first {
        display: none
    }
    .pay-sche-price p {
        margin-left: auto
    }
    .which-payment {
        margin-top: 50px
    }
    .hire-pro-blocks .icons {
        width: 40px;
        height: 40px;
        margin: 18px 49px;
        background-image: url(../images/icons.png)
    }
    .count-icons {
        width: 40px;
        height: 40px;
        margin: 0 45px 15px;
        background-image: url(../images/count-icons.png);
        background-repeat: no-repeat
    }
}

@media (max-width:500px) {
    .slider_search>h3 {
        font-size: 14px
    }
    .col-sm-7.text-right {
        width: 100%;
        padding-right: 0;
        padding-left: 0
    }
    .product-simple-body.product2.inner-page {
        max-height: 125px;
        min-height: 89px;
        overflow: hidden
    }
    .show-tool-tip span {
        width: 150px
    }
    .col-sm-12.section-details .row,
    .testimonial-single {
        height: 430px;
        overflow: hidden;
        margin-bottom: 20px;
        border-bottom: 1px solid #ccc
    }
    .testimonial-single img {
        width: 100%;
        height: 200px
    }
    .house-des-home-lib .owl-customNav {
        position: absolute;
        right: 17px;
        top: 0
    }
    .home-how-it-work-section .how-it-work {
        padding: 10px;
        background: #f9f9f9;
        margin: 0;
        padding-bottom: 0
    }
    #how_it-slider.owl-theme .owl-controls {
        margin-top: 0;
        text-align: right;
        margin-right: 7px
    }
    #owl-main .item {
        position: relative;
        height: 150px;
        overflow: hidden
    }
    #portfolio .large-box {
        height: 290px !important
    }
    .cout1 {
        margin-bottom: 30px
    }
    .fltr_box {
        padding: 5px 0 !important
    }
    .short_by_slct .pull-left,
    .short_by_slct.pull-left.col-md-8 {
        float: none !important
    }
    .select-cat-require {
        background: #ccc;
        width: 46% !important;
        margin: 5px !important
    }
    .row.select-categoryEX .col-md-3 {
        width: 50%;
        float: left;
        padding: 5px
    }
    #blog-coros-slider.owl-theme .owl-controls .owl-buttons .owl-next {
        position: absolute;
        right: 0;
        top: 30%
    }
    #blog-coros-slider.owl-theme .owl-controls .owl-buttons .owl-prev {
        position: absolute;
        left: 0;
        top: 30%
    }
    .client-media .media-body .media-heading {
        font-size: 12px;
        line-height: 16px
    }
}

@media (min-width:500px) and(max-width:767) {
    .ipd-wid {
        width: 50% !important;
        float: left
    }
}

@media (min-width:768px) and(max-width:1366px) {
    .column {
        height: 30%
    }
}

@media (max-width:768px) {
    #type-error {
        bottom: -190px !important
    }
    .chat-box {
        padding-top: 4px;
        text-align: right
    }
}

@-webkit-keyframes mymove {
    from {
        box-shadow: 0 0 0 #d37c25
    }
    to {
        box-shadow: 0 0 10px #d37c25
    }
}

@keyframes mymove {
    from {
        box-shadow: 0 0 0 #d37c25
    }
    to {
        box-shadow: 0 0 10px #d37c25
    }
}

@media only screen and (max-width:992px) and(min-width:768px) {
    .diwali-popup-form input.form-control {
        padding: 10px;
        height: 30px;
        border-color: transparent
    }
    .diwali-popup-form {
        width: 250px;
        position: absolute;
        left: 10px;
        top: 10px;
        background: #bb6208;
        padding: 15px
    }
}

@media only screen and (max-width:992px) and(min-width:500px) {
    .apt-features ul li {
        width: 30%
    }
    .farm-features ul li {
        width: 50%
    }
    .bus-need-list h3 {
        font-size: 15px
    }
}

@media (min-width:768px) {
    .quick-link-heading .panel-title i {
        display: none
    }
}

@media (max-width:768px) {
    .quick-link-heading .panel-title i {
        float: right
    }
    .quick-link-navigation {
        display: none
    }
    .benifits-of-asso {
        background: url(/assets/images/busi-asso-icon/slider-background-3.jpg);
        padding: 30px 0;
        color: #fff;
        line-height: 28px;
        margin: 30px 0
    }
    .asso-resp-block {
        margin-bottom: 20px
    }
    .pd-info-content-right {
        height: auto !important
    }
    .floor-plan-list ul {
        height: auto !important;
        overflow-y: auto
    }
    .best-amenity-sec #accordion .panel-body .ser1 {
        min-height: auto !important;
        margin-bottom: 20px
    }
    .home-how-it-work-section .how-it-work-block {
        margin-bottom: 10px
    }
    .diwali-popup-form {
        width: 250px;
        position: absolute;
        left: 0;
        top: 100%;
        background: #bb6208;
        padding: 15px;
        width: 100%
    }
    .radio-select {
        margin-top: 60px !important;
        border: 1px solid #b9b9b9
    }
    .best-amenity-block {
        width: 45%
    }
    .header-top {
        background: #1b3971
    }
    .header-top.text-right {
        position: absolute !important;
        top: -100px;
        left: 0;
        right: 0;
        z-index: 99 !important;
        height: 40px;
        display: block
    }
    .header-top .navbar-nav>li>a {
        color: #fff;
        display: inline-block;
        padding: 8px 1px;
        margin: 2px;
        font-size: 10px
    }
    .all-design-key-pro ul {
        border: 1px solid #ccc;
        height: 150px;
        overflow: auto
    }
    .header-sec-navigation {
        margin-top: 35px
    }
    #all-in-one-popup .nav-tabs>li>a {
        margin-right: 0;
        margin-bottom: 10px;
        padding: 4px;
        padding: 4px;
        font-size: 12px;
        color: #fff
    }
    #all-in-one-popup .modal-body {
        padding: 0
    }
    #elevation-front-popup .modal-header h3,
    #vastu-front-popup .modal-header h3 {
        padding: 0;
        font-size: 16px;
        line-height: 28px
    }
    .two-img-slider h3 {
        margin-top: 30px
    }
    .ad-banners {
        text-align: center
    }
    .ad-banners img {
        width: 90%;
        margin: 0 auto;
        text-align: center;
        margin-bottom: 20px
    }
}

@media (max-width:500px) {
    .floor-plan-img img {
        height: auto
    }
    .hero2 {
        height: auto;
        padding-bottom: 30px
    }
    .hero2 img {
        padding: 20px 0
    }
    .container.top-section-floor-plan h1 {
        font-size: 26px
    }
    .list-type5 {
        width: 100%
    }
    .small-sc {
        width: 100%
    }
    .farm-features ul li {
        width: 100%
    }
    .bus-need-list h3 {
        font-size: 15px
    }
    .step-asso-block {
        height: auto
    }
    .step-asso-num {
        display: flex;
        justify-content: center;
        align-items: center
    }
    .step-asso-num::after {
        display: none
    }
    .benifits-of-asso {
        background: #47596d
    }
    .business-page-head {
        padding: 30px 0;
        background: #393939
    }
    .col-md-6.col-md-offset-3.text-center.tc-one-line {
        display: block !important
    }
    .tc-one-line .terms {
        margin: 15px 56px;
        display: flex
    }
    .modal-content2.text-left {
        width: 100%
    }
    .company.mar-left10 h1 {
        font-size: 26px
    }
    .int-designs-top,
    .interior-front-text {
        padding: 50px 0;
        width: 90%
    }
    .enterior h1.left-border,
    .exterior h1.left-border,
    .slides h1.left-border {
        font-size: 22px;
        color: #000
    }
    .opp-int-slider {
        width: 90%;
        margin: 0 auto
    }
    .form-box-vastu {
        width: 100%
    }
    .hero .inner {
        margin-top: 20px
    }
    .vastu-col-all.hero {
        padding: 0;
        height: auto
    }
    .feature_text td,
    .feature_text th {
        padding-left: 0 !important
    }
    #how_it_works_li a {
        color: #fff !important
    }
    .design-filter-slider .panel-body {
        display: none
    }
    .manage-portfolio-page .filter li {
        display: inline-block;
        margin: 5px;
        min-width: 90px
    }
    .testimonial-next,
    .testimonial-prev {
        background: #fff;
        width: 50px;
        height: 50px;
        text-align: center;
        line-height: 50px !important
    }
    .best-amenity-block {
        width: 100%
    }
    .comm-form-page #what_site_crm_form_service input,
    .comm-form-page #what_site_crm_form_service select {
        width: 100%;
        float: left
    }
    .hotel-feature-block h3 {
        font-size: 12px;
        line-height: 22px
    }
    .exterior-slider.responsive-slider .slides ul li {
        display: inline-block;
        height: 200px;
        overflow: hidden
    }
    .hero h1,
    .hero1 h1,
    .hero2 h1 {
        font-size: 34px;
        line-height: 60px;
        font-family: Lato, sans-serif;
        font-weight: 500
    }
    .f-p-banner {
        padding: 0 0 10px;
        height: 140px;
        margin-bottom: 20px
    }
    .f-p-banner h1 {
        font-size: 22px
    }
    .f-p-banner .inner1 {
        margin-top: 40px
    }
    .selection_h::after {
        width: 0;
        height: 0;
        border-left: 115px solid transparent;
        border-right: 115px solid transparent;
        border-top: 20px solid #1f6eaa;
        position: absolute;
        content: "";
        bottom: -19px;
        width: 100%;
        left: 0;
        overflow: hidden
    }
    .testimonial-next,
    .testimonial-prev {
        position: absolute;
        top: 150px !important
    }
    .main-heading-font {
        font-family: fonarto;
        font-size: 24px;
        text-align: center;
        padding: 0 0 20px;
        color: #222;
        margin: 0
    }
    .logn_bg11 .form-top {
        padding: 0;
        padding-left: 10px
    }
    .logn_bg11 .form-top-right {
        display: none
    }
    .logn_bg11 .form-top-left {
        float: left;
        padding-top: 0;
        width: 100%
    }
    #login-form label {
        display: none
    }
    #login-form .form-group {
        margin-bottom: 10px
    }
    .assoc-pic {
        width: 100px;
        height: 100px
    }
    .associate-pro {
        margin-bottom: 10px
    }
    .asso-head h3 {
        margin-bottom: 30px;
        margin-top: 0;
        padding-top: 10px
    }
    .asso-head h3 span {
        width: 100%;
        display: inline-block;
        margin-bottom: 10px
    }
    .asso-head h3 a {
        margin-left: 0;
        background: #0058ba
    }
    .hire-pro-blocks {
        margin-bottom: 0;
        margin-top: 20px
    }
    .hire-p-tex {
        font-size: 13px
    }
    .col-lg-6.text-div.exterior {
        height: auto !important;
        background: #222;
        padding: 43px;
        color: #fff
    }
    .interior-form-section .main-heading-font {
        font-family: fonarto;
        font-size: 22px;
        text-align: center;
        padding: 0 0 10px;
        color: #37b44a;
        margin: 10px 0
    }
}

@media only screen and (max-width:768px) and(min-width:500px) {
    .header-sec-navigation.navbar-default {
        position: relative
    }
    .logo {
        width: 200px !important
    }
    .logo img {
        width: 100%
    }
}

@media only screen and (max-width:500px) {
    .pro-view-text {
        text-align: left;
        display: block
    }
    .pro-head-single span {
        margin: 10px
    }
    .floor-thre-plan-sec .ser2 {
        margin-top: 0
    }
    .best-amenity-sec .ser2 {
        margin-top: 0
    }
    .futur-ul ul li {
        width: 100%
    }
    .pro-last-sec {
        display: block;
        align-content: center;
        justify-content: center;
        padding: 20px;
        text-align: center
    }
    .last-text-pro h2 {
        font-size: 22px;
        line-height: 34px
    }
    .pro-last-sec img {
        margin-bottom: 10px
    }
}

@media screen and (max-width:450px) {
    .sidenav {
        padding-top: 15px
    }
    .sidenav a {
        font-size: 18px
    }
    #desktop-nevi {
        display: none
    }
    .open>.dropdown-menu.cart-dropdown {
        position: fixed;
        top: 40px;
        right: 0
    }
    .header-sec-navigation {
        margin-top: 0;
        padding-top: 45px;
        padding-bottom: 25px
    }
    .menu-icon-grid i {
        position: fixed;
        top: 50px !important
    }
    .cd-accordion-menu {
        position: fixed;
        top: 95px
    }
    .header-top .navbar-nav>li>a {
        color: #fff;
        display: inline-block;
        padding: 8px 3px;
        margin: 2px;
        font-size: 11px
    }
    .none-mob-view {
        display: none !important
    }
    .header-top .navbar-nav .account-dropdown i {
        display: none
    }
    .user-plan-gif img {
        width: 100%
    }
    .ad-banners {
        text-align: center
    }
    .homepagcon p {
        font-size: 13px;
        line-height: 22px
    }
    .cart-count {
        position: absolute;
        top: 0;
        left: 10px
    }
    .cart-table table tr td li {
        font-size: 11px;
        padding: 5px;
        display: inline-block;
        background: #eee;
        border-radius: 4px;
        border: 1px solid #ddd;
        margin-right: 5px;
        margin-bottom: 5px;
        width: 100%;
        line-height: 18px
    }
    .cart-icon {
        width: 16px !important;
        margin-right: 10px
    }
    .cart-tab-price.pull-right {
        font-size: 14px;
        float: left !important
    }
    .cart-table table tr td .fa.fa-times-circle {
        width: 20px;
        height: 20px;
        line-height: 20px
    }
    .cart-table table tr td h3 {
        font-size: 14px;
        margin-bottom: 0
    }
    .cart-pro-det,
    .cart-pro-det:hover {
        float: none;
        width: 100%;
        text-align: center;
        margin-bottom: 20px
    }
    .add-o-head {
        font-size: 12px;
        line-height: 24px
    }
    .cart-table table tr td img {
        width: 70px
    }
    .cart-table table tr td:first-child,
    .cart-table table tr th:first-child {
        width: 100px !important
    }
    .opp-int-slider .company.mar-left10 h1 {
        font-size: 20px
    }
    .col-lg-6.text-div.border,
    .col-lg-6.text-div.border2 {
        height: auto;
        padding: 10px;
        border-radius: 0;
        margin-bottom: 20px
    }
    .pcode {
        font-size: 11px
    }
    .vastu-slider-section .responsive-slider .slides ul li img {
        max-width: auto;
        height: auto
    }
    .p-text-d {
        color: #000;
        font-size: 14px;
        line-height: 26px;
        padding: 20px 0
    }
    .hotel-intro-text p {
        color: #000;
        line-height: 24px;
        margin-bottom: 20px;
        font-size: 12px
    }
    .apt-features ul li {
        width: 50%
    }
    .apt-block-pic {
        height: 150px;
        overflow: hidden
    }
    .service-gallery-img {
        height: 120px;
        overflow: hidden
    }
    .row-text-below {
        font-size: 16px;
        line-height: 32px;
        text-align: left;
        word-wrap: break-word;
        font-weight: 600;
        font-family: Lato, sans-serif;
        color: #37b44a !important
    }
    #ismobile input {
        width: 100%;
        height: 40px;
        box-shadow: none;
        border: 1px solid #ccc;
        border-radius: 4px
    }
    .col-sm-12.information-nav-div ul li {
        display: inline;
        float: left;
        margin: 3px 6px 3px 0;
        font-size: 8px
    }
    .client-bg .media.client-media .col-sm-11 {
        width: 100%
    }
    .client-media .media-body .media-heading {
        font-size: 14px;
        line-height: 24px
    }
    .marg-top {
        margin-top: 25px
    }
    #consumer_form .form-group {
        padding: 0
    }
    .consumer-sign-modal,
    .consumer-sign-modal .modal-body {
        padding: 0
    }
    .consumer-sign-modal .input-group {
        border: 1px solid #ececec;
        display: flex
    }
    #consumer_form .input-group-addon {
        width: 30px
    }
    .consumer-sign-modal .input-group-addon {
        padding: 10px 3px
    }
    .short_by_slct input,
    .short_by_slct select {
        margin-bottom: 10px
    }
    .search-supplier i {
        position: absolute;
        right: 16px;
        top: 1px;
        color: #37b44a;
        background: #fff;
        padding: 12px
    }
    #consumer_form .input-group input.form-control {
        height: 35px
    }
    #consumer_form select {
        height: 35px
    }
    .manage-portfolio-page .filter li a {
        font-size: 13px !important;
        padding: 5px 8px;
        margin-right: 0 !important
    }
}

@media only screen and (min-width:500px) {
    .home-how-it-work-section {
        display: none
    }
    .contact-num-mob {
        display: none
    }
    .diwali-num-mob {
        display: none
    }
    .simplex-service-mob-view {
        display: none
    }
    .mob-ad-banner {
        display: none
    }
    .mob-premim-pro {
        display: none
    }
}

@media only screen and (max-width:500px) {
    #add_on_checkboxes .box1 {
        height: auto
    }
    .add-on-down-btn-h label {
        padding-bottom: 20px
    }
    .premim-pro-slider {
        display: none
    }
    .featured-indus-slider {
        border-right: 3px dashed #ccc;
        padding-right: 0
    }
    .mob-ad-banner {
        padding: 0
    }
    .premim-pro-slider {
        display: none
    }
    .mob-ad-banner .select-one-ser span {
        display: flex;
        color: #fff;
        padding: 3px 0
    }
    .mob-ad-banner .whole-ad-banner {
        border: 1px solid #ccc;
        margin-bottom: 15px
    }
    .mob-ad-banner h2 {
        text-align: center;
        font-family: fonarto;
        font-size: 28px;
        color: #000;
        margin: 0
    }
    #how_it-slider.owl-carousel .owl-wrapper-outer {
        padding-top: 30px
    }
    #how_it-slider.owl-theme .owl-controls {
        margin-top: 0;
        text-align: center
    }
    .mob-ad-banner .ad-banners-img {
        height: auto;
        overflow: hidden
    }
    .simplex-doc-table h3 {
        font-size: 18px;
        margin-top: 20px;
        line-height: 24px
    }
    .simplex-doc-table .downloa-sample-ser {
        margin-top: 10px;
        margin-bottom: 10px
    }
    .simplex-service-desktop-view {
        display: none
    }
    #all-in-one-popup .nav-tabs>li {
        float: left;
        margin-bottom: -1px;
        margin-right: 10px
    }
    .how-it-works-img {
        display: none
    }
    .logo {
        padding: 8px 0
    }
    .moneyback-guarentee {
        position: absolute;
        right: 0;
        margin: 0 auto;
        left: 0
    }
    .simplex-form {
        padding-top: 120px
    }
    .logo {
        padding: 2px 0 !important
    }
    .contact-num-mob {
        padding-left: 15px;
        font-weight: 500;
        font-family: Lato, sans-serif;
        color: #000;
        margin-bottom: 5px
    }
    .contact-num-mob i {
        color: #3aa748
    }
    .contact-num-mob {
        display: block;
        position: absolute;
        top: 90px
    }
    .diwali-num-mob {
        display: block;
        position: absolute;
        top: 90px;
        right: 60px
    }
    .diwali-num-mob-offer {
        color: #fff;
        background: #f81616;
        padding: 1px 4px;
        border-radius: 4px
    }
    .diwali-num-mob a:hover {
        color: #fff
    }
    .contact-us-header {
        display: none
    }
    .header-top.text-right {
        height: 40px
    }
    .premium-pack-header .container {
        width: 90%
    }
    .fixed_zxcv {
        position: relative
    }
    .header-sec-navigation {
        position: relative
    }
    .fixed_zxcv .menu-icon-grid i {
        top: 0 !important;
        z-index: 99999
    }
    .fixed_zxcv .cd-accordion-menu {
        position: fixed;
        top: 40px
    }
    .simplex-form label {
        display: none
    }
    .simplex-form .form-control {
        margin-bottom: 10px
    }
    .simplex-doc-table h3 {
        margin-top: 20px
    }
    .custom-boxes-front h4 span {
        font-size: 12px;
        width: 100%
    }
    .custom-des-head p {
        line-height: 26px;
        color: #000;
        font-size: 14px;
        width: 100%;
        margin: 0 auto;
        margin-bottom: 0;
        margin-bottom: 0
    }
    .commercial-design-slider h3 {
        font-size: 24px
    }
    .archi-service-section img {
        max-width: 100%
    }
    .business-page-head h2.main-heading-font {
        font-size: 28px;
        margin-bottom: 30px
    }
    a.bus-asso-reg-btn {
        background: linear-gradient(#2b9b3a, #56de68);
        display: inline-block;
        padding: 10px 30px;
        border-radius: 4px;
        font-weight: 600;
        letter-spacing: 0;
        text-transform: uppercase;
        font-size: 16px;
        margin-top: 10px;
        font-family: Lato, sans-serif
    }
    .portfolio-items li {
        width: 50% !important;
        padding: 5px !important
    }
    .portfolio-content {
        max-height: 170px !important;
        min-height: 170px !important
    }
    .portfolio-content img {
        max-height: 150px !important;
        min-height: 150px !important
    }
    .porfolio_user a {
        color: #fff;
        display: inline-block;
        width: 100%
    }
    .interior-front-text li p,
    .row-slider p {
        line-height: 22px;
        color: #000;
        margin: 10px 0
    }
    .exterior p {
        line-height: 22px;
        color: #fff;
        margin: 10px 0
    }
    .imgicon-text1 {
        width: 100%;
        padding-left: 0
    }
    .short_by_slct .col-xs-6 {
        padding: 3px
    }
    .short_by_slct input {
        max-width: 100%;
        min-width: 100%
    }
    .footer-marquee-container marquee {
        font-size: 12px;
        padding: 5px
    }
    .footer-marquee-container .fa-times {
        width: 40px !important;
        height: 38px;
        line-height: 38px
    }
    .service-gallery-block {
        margin: 0
    }
    .service-gallery-block .service-gallery-img {
        margin: 0;
        margin-bottom: 0;
        height: 90px;
        overflow: hidden;
        display: block;
        margin-bottom: 15px
    }
    .portfolio-wrapper .nav-tabs>li>a {
        margin-bottom: 10px;
        padding: 6px 10px;
        font-size: 13px
    }
    .filter_btns .btn {
        padding: 8px 6px
    }
}

@media (max-width:567px) {
    .short_by_slct select {
        max-width: 100%;
        min-width: 100%
    }
    .short_by_slct span {
        display: block;
        margin-bottom: 6px
    }
    .filter_btns a {
        font-size: 12px;
        padding: 5px 10px
    }
    .col-sm-7.text-right {
        width: 100%;
        padding-right: 0;
        padding-left: 0
    }
    .parallax_sec1 ul.left {
        width: 100%;
        padding-right: 0;
        border-right: none;
        margin-bottom: 40px;
        padding-left: 0;
        text-align: left
    }
    .parallax_sec1 .left li {
        text-align: left
    }
    .parallax_sec1 ul.right {
        width: 100%;
        padding-right: 0;
        border-right: none;
        margin-bottom: 40px
    }
    .parallax_sec1 {
        height: auto
    }
    .parallax_sec1 .left li span {
        float: left;
        margin-right: 22px
    }
}

@media (max-width:360px) {
    .filter_btns a {
        font-size: 11px;
        padding: 5px
    }
    .project-block h3 {
        font-size: 14px;
        margin: 0
    }
}

@media (max-width:450px) {
    .usrprc_hvr {
        width: 100% !important
    }
}

@media (min-width:568px) and(max-width:767px) {
    .short_by_slct select {
        max-width: 100px;
        min-width: 130px
    }
    .short_by_slct span {
        display: inline-block;
        margin-bottom: 6px
    }
}

@media (max-width:1000px) {
    .short_by_slct {
        margin-bottom: 10px
    }
}

@media (min-width:320px) and(max-width:450px) {
    .parallax_sec1 ul.left {
        width: 100%;
        padding-right: 0;
        border-right: none;
        margin-bottom: 40px
    }
    .parallax_sec1 .left li {
        text-align: center;
        float: none
    }
    .imgicon {
        float: none;
        width: auto
    }
    .imgicon-text {
        float: none;
        width: auto
    }
    .parallax_sec1 .left li span {
        float: none
    }
    .imgicon {
        float: none;
        width: auto
    }
    .parallax_sec1 .left li i {
        margin-right: 30px;
        margin-left: 0
    }
    .imgicon1 {
        float: none;
        width: 100%;
        margin: auto;
        text-align: center
    }
    .parallax_sec1 .right li span {
        float: none;
        margin-right: 0;
        margin-top: 27px;
        text-align: center
    }
    .parallax_sec1 ul.right {
        color: #fff;
        text-align: center
    }
    .col-sm-3.after-b.wow.fadeInUp.mob .col-sm-6 {
        width: 50%;
        float: left
    }
    .col-sm-3.after-b.wow.fadeInUp.mob-fm {
        width: 100%;
        display: inline-block;
        text-align: center;
        margin-top: 20px
    }
}

@media (min-width:320px) and(max-width:767px) {
    .slider_main_div {
        margin-left: 20%;
        width: 60%
    }
    #owl-main .owl-controls .owl-buttons div {
        font-size: 20px;
        padding: 4px 15px
    }
    .slider_search select {
        background-color: #fff;
        border-radius: 0;
        font-size: 12px;
        height: auto;
        margin-bottom: 4px;
        padding: 5px
    }
    .slider-search {
        position: absolute;
        top: 25%;
        width: 100%
    }
    .slider_search>h3 {
        color: #fff;
        font-size: 18px;
        margin: 0 0 10px;
        text-align: center
    }
    .slider_search button {
        border: 1px solid #369a43;
        font-size: 13px;
        padding: 5px 8px
    }
    .slider_search li:last-child {
        display: block
    }
    .short_by_slct {
        margin-bottom: 10px
    }
    .yamm .dropdown.yamm-fullwidth .dropdown-menu {
        width: 90%;
        left: auto;
        right: 0
    }
    .col-sm-7.text-right {
        width: 100%;
        padding-right: 0;
        padding-left: 0
    }
    .small-box img.img-responsive {
        height: 145%
    }
    .slider_search {
        top: 19%;
        width: 90% !important;
        right: 2%;
        padding: 9px 0
    }
    .gallerydiv {
        max-height: 100%;
        height: auto;
        overflow: hidden
    }
    .pb-0 {
        padding-bottom: 0
    }
    .p-right {
        padding-right: 0
    }
    .p-left {
        padding-left: 0
    }
    .button-div {
        width: auto;
        margin: 40px auto 0
    }
    .m-btm1 {
        margin-bottom: 85px
    }
    .client-bg {
        margin-top: 65px
    }
}

@media (min-width:320px) and(max-width:750px) {
    .menu3.nav>li {
        position: relative;
        display: block;
        float: left
    }
    .category-submenu-block {
        background: #fff;
        max-height: 400px;
        overflow-x: hidden;
        overflow-y: auto
    }
    ul.house-search {
        width: 100%;
        margin: auto;
        background: #333;
        padding: 20px 5px;
        clear: both;
        color: #fff;
        height: 84px
    }
    ul.house-search li {
        width: 100%
    }
    .slider_search select select.classic,
    ul.house-search li select.classic {
        width: 100%
    }
    ul.house-search.topli {
        width: 100%
    }
    .house-search.topli li {
        width: 100%;
        margin: 10px 0;
        padding-left: 0
    }
    .gallerydiv {
        height: auto;
        overflow: hidden
    }
}

@media (min-width:720px) and(max-width:1280px) {
    .slider_search {
        background-color: rgba(0, 0, 0, .5);
        border-radius: 5px;
        padding: 15px;
        position: absolute;
        top: 31%;
        text-align: center;
        width: 93% !important;
        margin: auto;
        right: 2%
    }
    .col-sm-12.section-details.ntop .testimonial-prev {
        top: 135px
    }
    .col-sm-12.section-details.ntop .testimonial-next {
        top: 135px
    }
    .gallerydiv {
        max-height: 394px
    }
    .small-box .hover-bg {
        position: relative;
        height: 207px
    }
}

.call-marquee {
    background: linear-gradient(60deg, #29a23b 50%, #37b44a 50%);
    color: #fff;
    padding: 15px;
    font-size: 22px;
    color: #fff;
    font-weight: 600;
    font-family: Lato, sans-serif
}

.head-marquee {
    margin: 0;
    margin-top: 0;
    margin-top: 0;
    background: #3ab54a;
    color: #fff;
    padding: 5px;
    font-size: 15px
}

@media screen and (device-aspect-ratio:23) {
    input[type=date],
    input[type=datetime-local],
    input[type=datetime],
    input[type=email],
    input[type=month],
    input[type=number],
    input[type=password],
    input[type=text],
    input[type=time],
    input[type=url],
    input[type=week],
    select,
    textarea {
        font-size: 16px
    }
}

@media screen and (device-aspect-ratio:4071) {
    input[type=date],
    input[type=datetime-local],
    input[type=datetime],
    input[type=email],
    input[type=month],
    input[type=number],
    input[type=password],
    input[type=text],
    input[type=time],
    input[type=url],
    input[type=week],
    select,
    textarea {
        font-size: 16px
    }
}

@media screen and (device-aspect-ratio:375667) {
    input[type=date],
    input[type=datetime-local],
    input[type=datetime],
    input[type=email],
    input[type=month],
    input[type=number],
    input[type=password],
    input[type=text],
    input[type=time],
    input[type=url],
    input[type=week],
    select,
    textarea {
        font-size: 16px
    }
}

@media screen and (device-aspect-ratio:916) {
    input[type=date],
    input[type=datetime-local],
    input[type=datetime],
    input[type=email],
    input[type=month],
    input[type=number],
    input[type=password],
    input[type=text],
    input[type=time],
    input[type=url],
    input[type=week],
    select,
    textarea {
        font-size: 16px
    }
}

#quick_contact_form input.form-control {
    background-color: transparent;
    border: 1px solid #777;
    border-radius: 5px;
    height: 38px;
    margin-bottom: 5px !important
}

#quick_contact_form .form-group {
    margin-bottom: 10px
}

#quick_contact_form .btn {
    border-radius: 3px;
    margin-top: 5px;
    padding: 8px 30px;
    font-size: 14px
}

.col-md-8.footer-logow {
    margin-top: 20px
}

.footer-logow .btn.btn-success.subscribe {
    padding: 11px 12px;
    border-radius: 0
}

.input-group input.form-control {
    height: 40px
}

.foo-top {
    background-color: #161616;
    background-image: url(../images/foo-back.png);
    background-position: bottom;
    background-repeat: repeat-x;
    border-top: 1px solid #fff;
    padding: 0 0 15px;
    border: none;
    background-image: url(../images/footer-pic.png);
    background-size: auto
}

.mar-chat {
    padding-top: 10px
}

.cart-mar {
    margin-top: 13px
}

.nav_shop_bg {
    margin: 0 !important;
    padding: 5px 10px !important;
    line-height: 0 !important
}

.nav_service_bg {
    margin: 0 !important;
    padding: 8px 10px !important;
    line-height: 0 !important
}

.plans {
    margin: 50px 0 35px
}

.plans .fa-check {
    color: green
}

.plans .fa-times {
    color: red
}

.plans .label_1 {
    display: inline !important
}

.plans .label_1 input {
    margin: 0;
    padding: 0
}

.plans .label_1 .radio-padding {
    padding: 10px 0 0 10px
}

@media screen and (max-width:990px) {
    .pricingTable {
        margin-bottom: 20px
    }
}

.wsmenu {
    border-left: 0 !important
}

.menu-mar {
    margin-top: 7px
}

body,
html {
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale;
    font-family: Lato, sans-serif
}

xh5 {
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 3px;
    text-transform: uppercase
}

p {
    font-size: 13px;
    letter-spacing: 0;
    line-height: 22px;
    margin-bottom: 15px;
    font-weight: 400
}

a,
a:hover {
    color: #0c1232;
    text-decoration: none
}

#hero a,
#portfolio a {
    color: #fff
}

span.event-name {
    font-size: 22px;
    font-weight: 600;
    letter-spacing: 3px;
    text-transform: uppercase
}

span.address,
span.email,
span.phone,
span.website {
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 3px;
    text-transform: uppercase
}

span.meta-date,
span.meta-place {
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 2px;
    font-style: italic;
    color: #0c1232;
    text-transform: uppercase
}

span.event-name:after,
span.meta-place:after {
    content: ' , '
}

.space {
    padding: 20px 0
}

#preloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
    z-index: 999999
}

#status {
    width: 100%;
    height: 400px;
    position: absolute;
    left: 0;
    top: 15%;
    background-image: url(../img/loading.gif);
    background-repeat: no-repeat;
    background-position: center
}

#navigation {
    background: #0c1232;
    color: #fff;
    border: transparent;
    padding-top: 130px;
    text-align: center;
    width: 300px;
    z-index: 99999
}

#navigation img.logo {
    width: 100px;
    padding-bottom: 30px;
    margin: 0 auto
}

#navigation ul.nav li {
    border: 1px solid transparent;
    margin: 10px 40px;
    transition: border-color .5s ease-in-out;
    -webkit-transition: border-color .2s ease-in-out;
    -moz-transition: border-color .2s ease-in-out;
    -ms-transition: border-color .2s ease-in-out;
    -o-transition: border-color .2s ease-in-out
}

#navigation ul.nav li.active,
#navigation ul.nav li:hover {
    border-color: #fff;
    margin: 10px 40px
}

#navigation ul.nav li a {
    color: #fff;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 400;
    background: 0 0
}

.static {
    position: fixed;
    background-color: #0c1026;
    overflow: hidden;
    z-index: 0;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.inner {
    position: relative;
    top: 100%;
    z-index: 100;
    background: #fff
}

div#main-text {
    margin-top: 600px
}

#hero {
    background-size: cover;
    position: relative
}

#menu {
    z-index: 99999;
    position: fixed;
    cursor: pointer;
    top: 0
}

#menu>img {
    width: 85px;
    background: #111a45;
    padding: 15px
}

#hero .controls {
    position: absolute;
    bottom: 0;
    right: 10px
}

#hero .carousel-inner>.item>a>img,
#hero .carousel-inner>.item>img {
    line-height: 1;
    opacity: .2;
    background-size: cover;
    width: 100%
}

#hero .carousel-caption {
    right: 20%;
    left: 20%;
    top: 12%;
    padding-bottom: 30px
}

.controls img {
    padding: 10px;
    height: 50px;
    transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out
}

.controls a {
    display: inline-block;
    padding: 10px 7px
}

.controls a span:hover {
    opacity: .6
}

.arrow-left {
    display: block;
    width: 45px;
    height: 45px;
    background: url(../fonts/svg/arrow-left.svg)
}

.arrow-right {
    display: block;
    position: relative;
    top: -3px;
    width: 40px;
    height: 40px;
    background: url(../fonts/svg/arrow-right.svg)
}

.follow {
    display: block;
    width: 70px;
    height: 70px;
    background: url(../fonts/svg/follow.svg)
}

.about {
    display: block;
    width: 70px;
    height: 70px;
    background: url(../fonts/svg/about.svg)
}

.explore {
    display: block;
    width: 70px;
    height: 70px;
    background: url(../fonts/svg/explore.svg)
}

.anchor {
    display: block;
    width: 70px;
    height: 70px;
    background: url(../fonts/svg/anchor-quote.svg)
}

.yacht {
    display: block;
    width: 64px;
    height: 64px;
    background: url(../fonts/svg/yacht.svg)
}

.coconut {
    display: block;
    position: relative;
    top: 20px;
    width: 100px;
    height: 100px;
    background: url(../fonts/svg/coconut.svg)
}

.list-icon {
    display: block;
    position: relative;
    top: 20px;
    width: 64px;
    height: 64px;
    background: url(../fonts/svg/list.svg)
}

.nopadding {
    padding: 0;
    margin-top: -1px
}

#portfolio .small-box {
    height: 280px;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    border: solid 3px #333
}

#portfolio .large-box {
    height: 450px;
    overflow: hidden;
    -webkit-backface-visibility: hidden
}

#portfolio .mid-box {
    height: 600px;
    overflow: hidden;
    -webkit-backface-visibility: hidden
}

.small-box img.img-responsive {
    width: -webkit-calc(100% + 80px);
    width: calc(100% + 80px);
    max-width: 120%;
    height: 110%;
    -webkit-backface-visibility: hidden;
    transform: translateX(-20px) translateY(-20px);
    -webkit-transform: translateX(-20px) translateY(-20px);
    -moz-transform: translateX(-20px) translateY(-20px);
    -ms-transform: translateX(-20px) translateY(-20px);
    -o-transform: translateX(-20px) translateY(-20px)
}

.large-box img.img-responsive {
    max-width: 186%;
    -webkit-backface-visibility: hidden;
    transform: translateX(-50px) translateY(-50px);
    -webkit-transform: translateX(-50px) translateY(-50px);
    -moz-transform: translateX(-50px) translateY(-50px);
    -ms-transform: translateX(-50px) translateY(-50px);
    -o-transform: translateX(-50px) translateY(-50px)
}

.btn.active,
.btn:active {
    background-image: none;
    outline: 0;
    -webkit-box-shadow: inset 0 3px 5px transparent !important;
    box-shadow: inset 0 3px 5px transparent !important
}

.small-box .hover-bg {
    position: relative
}

.small-box .hover-text {
    display: none;
    position: absolute;
    top: 0;
    padding: 40px;
    transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out
}

.small-box .hover-text.on {
    display: block
}

.small-box:hover .hover-text.animated {
    display: block;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown
}

@-webkit-keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY();
        transform: translateY()
    }
}

.small-box .hover-text .ptitle {
    width: 100%;
    font-size: 100%
}

.hover-text h2 {
    font-family: robotoT;
    text-transform: none;
    letter-spacing: 0;
    font-size: 45px;
    text-align: center
}

.small-box a {
    color: #fff !important
}

p.excerpt {
    font-size: 13px
}

.small-box .hover-text {
    background: rgba(0, 0, 0, .6);
    color: #fff;
    width: 100%;
    height: 100%;
    min-height: 560px
}

.small-box a.btn.read-more-btn,
a.btn.btn2 {
    background: 0 0;
    color: #0b102c !important;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 2px;
    border: none !important;
    padding: 6px 0
}

.small-box .hover-text a.btn.read-more-btn span.fa,
a.btn,
a.btn.btn2 span.fa {
    margin-right: 20px
}

.large-box .hover-bg {
    position: relative
}

.large-box .hover-text {
    display: none;
    position: absolute;
    top: 0;
    padding: 40px;
    transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out
}

.large-box:hover .hover-text.animated {
    display: block;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown
}

@-webkit-keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY();
        transform: translateY()
    }
}

.large-box .hover-text.on {
    display: block
}

.large-box .hover-text {
    background: rgba(0, 0, 0, .6);
    color: #fff;
    width: 100%;
    height: 100%;
    min-height: 560px
}

.large-box a {
    color: #fff
}

.large-box .hover-text .ptitle {
    width: 100%;
    font-size: 100%
}

.client-logo {
    text-align: center;
    padding-bottom: 20px
}

.large-box .hover-text .client-logo img {
    width: 120px;
    text-align: center
}

.large-box .hover-text a.btn.read-more-btn {
    position: absolute;
    top: 500px;
    background: 0 0;
    color: #fff !important;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 2px;
    border: none !important
}

.large-box a.btn.read-more-btn {
    background: 0 0;
    color: #0b102c !important;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 2px;
    border: none !important;
    padding: 6px 0
}

.large-box .hover-text a.btn.read-more-btn span.fa {
    margin-right: 20px
}

.tab {
    text-align: center;
    background: #0c1026;
    height: 180px;
    color: #fff;
    padding-top: 20px;
    transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out
}

.tab.active,
.tab:focus,
.tab:hover {
    background: #111a45;
    cursor: pointer
}

#contact span.coconut,
#objectives .quote span,
.tmenu,
.tmenu span {
    text-align: center;
    margin: 0 auto
}

#about #about-slider .carousel-caption {
    position: relative;
    padding: 15%;
    right: 0;
    bottom: 20px;
    left: 0;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #2f3144;
    text-align: center;
    text-shadow: none !important
}

#about #about-slider .carousel-caption p {
    text-align: left !important;
    margin-top: 30px
}

#about #about-slider .carousel-caption>ul.social-media li {
    padding: 20px;
    display: inline-block
}

#about #about-slider .carousel-caption>ul.social-media li>a {
    color: #111a45 !important;
    transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out
}

#about #about-slider .carousel-caption>ul.social-media li>a:hover {
    color: #1e2f7f !important
}

#about #about-slider .carousel-caption>ul,
ul.contact-info,
ul.meta,
ul.qcontrols,
ul.user-action {
    -webkit-padding-start: 0;
    -moz-padding-start: 0;
    -ms-padding-start: 0;
    -o-padding-start: 0
}

#about #about-slider .carousel-caption hr {
    height: 5px;
    border-top: 2px solid #2f3144 !important;
    width: 100px;
    margin: 0 auto
}

.carousel-caption ul.events li {
    display: block;
    text-align: left;
    padding-bottom: 5px
}

.events .details i.fa.fa-anchor {
    font-size: 25px;
    padding-right: 20px
}

.events .details {
    padding-top: 30px
}

ul.contact-info {
    border: 4px solid #0b102c;
    color: #0b102c;
    width: 70%;
    margin: 0 auto;
    padding: 20px;
    text-align: center
}

ul.contact-info li {
    display: block
}

dir,
menu,
ul {
    list-style-type: none !important
}

#blog {
    position: relative
}

#blog .blog-box {
    height: 380px;
    overflow: hidden;
    -webkit-backface-visibility: hidden
}

.blog-box img.img-responsive {
    width: -webkit-calc(100% + 80px);
    width: calc(100% + 80px);
    max-width: 140%;
    height: 100%;
    -webkit-backface-visibility: hidden
}

.blog-button {
    text-align: center;
    position: absolute;
    padding: 20px;
    left: 43%;
    top: 38%;
    background: #0b102c;
    color: #fff;
    width: 180px;
    height: 180px;
    z-index: 2
}

.blog-button span {
    text-align: center;
    margin: 0 auto
}

a.blog-button:hover {
    color: #fff
}

.blog-box .hover-bg {
    position: relative
}

.blog-box .hover-text {
    background: rgba(255, 255, 255, .84);
    color: #0b102c;
    text-align: center;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    display: none;
    position: absolute;
    top: 0;
    padding: 40px;
    transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out
}

.blog-box:hover .hover-text.animated {
    display: block;
    -webkit-backface-visibility: hidden;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown
}

@-webkit-keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY();
        transform: translateY()
    }
}

.blog-box .hover-text.on {
    display: block
}

.blog-box a {
    color: #0b102c !important
}

.blog-box .hover-text h2 {
    padding-top: 80px
}

.blog-box .hover-text .ptitle {
    border: 1px solid #fff;
    width: 100%;
    font-size: 100%;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale
}

.blog-box .hover-text a.btn.read-more-btn,
a.btn.btn1 {
    background: 0 0;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 2px;
    border: 1px solid #0b102c;
    border-radius: 0;
    transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out
}

.blog-box .hover-text a.btn.read-more-btn:hover,
a.btn.btn1:hover {
    background: #0b102c;
    color: #fff !important
}

.blog-box .hover-text a.btn.read-more-btn:hover>span.fa,
a.btn.btn1:hover>span.fa {
    color: #fff !important
}

.blog-box .hover-text a.btn.read-more-btn span.fa,
a.btn.btn1 span.fa {
    margin-right: 20px;
    transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out
}

.blog-box a.btn {
    margin: 5px 10px
}

#objectives {
    padding: 40px 0;
    position: relative;
    height: auto
}

#objectives .quote {
    background: #0b102c;
    color: #fff;
    padding: 20px;
    text-align: center;
    margin: 0 auto
}

.fancy {
    line-height: .5;
    text-align: center;
    margin-bottom: 40px
}

.fancy span {
    display: inline-block;
    position: relative
}

.fancy span:after,
.fancy span:before {
    content: "";
    position: absolute;
    height: 5px;
    border-bottom: 2px solid #fff;
    top: 25px;
    width: 100px
}

.fancy span:before {
    right: 100%;
    margin-right: 10px
}

.fancy span:after {
    left: 100%;
    margin-left: 10px
}

.quote blockquote {
    padding: 10px 20px;
    font-size: 50px;
    border-left: 5px solid transparent !important;
    font-family: 'Great Vibes', cursive !important
}

.quote blockquote>footer {
    font-family: Lato, sans-serif !important;
    font-size: 12px;
    letter-spacing: 3px;
    text-transform: uppercase;
    padding-top: 40px;
    background: 0 0
}

.quote blockquote footer:before {
    content: none !important
}

ul.qcontrols li {
    background: #0b102c;
    height: 10px;
    width: 60px;
    display: inline-block;
    margin: 10px;
    cursor: pointer
}

ul.qcontrols li.active {
    background: #fff;
    border: 1px solid #0b102c
}

#objectives ul.qcontrols {
    text-align: center;
    margin-top: 20px
}

#contact {
    background: url(../img/contact.jpg);
    background-size: cover;
    background-attachment: fixed;
    background-repeat: no-repeat;
    height: auto;
    width: 100%;
    padding: 80px 0
}

#contact .contact-form {
    border: 1px solid #000;
    background: #fff;
    padding: 20px;
    text-align: center
}

#contact .form-group {
    width: 80%;
    margin: 0 auto;
    margin-bottom: 20px
}

#contact input {
    padding: 15px 10px;
    height: 50px;
    outline: 0 !important;
    border-color: #0b102c
}

#contact textarea {
    border-color: #0b102c;
    height: 140px;
    border-radius: 0
}

#contact input,
#contact textarea {
    font-size: 14px;
    font-weight: 400
}

#contact p {
    width: 80%;
    text-align: left;
    margin: 0 auto;
    margin-top: 40px;
    margin-bottom: 30px
}

p.help-block.text-danger {
    color: #0b102c;
    font-weight: 700;
    margin-top: -5px !important;
    position: relative;
    left: -15%
}

.close {
    color: #fff;
    opacity: .5
}

.contact-btn {
    background: #0b102c;
    color: #fff;
    text-transform: uppercase;
    font-style: italic;
    letter-spacing: 3px;
    font-weight: 300;
    font-size: 14px;
    padding: 10px 60px;
    border-radius: 0;
    outline: 0;
    border-color: #0b102c;
    transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out
}

.contact-btn:hover {
    background: #000;
    border-color: #000
}

.form-control:focus {
    border-color: #0b102c;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px transparent, 0 0 8px transparent !important;
    box-shadow: inset 0 1px 1px transparent, 0 0 8px transparent !important
}

.page-title-bar {
    height: 85px;
    width: 100%;
    background: #0c1232;
    position: fixed;
    color: #fff;
    word-spacing: 10px;
    z-index: 10;
    top: 0
}

.page-title-bar h2 {
    margin-top: 25px;
    font-weight: 400;
    padding-right: 5%
}

section#portfolio.albums,
section#portfolio.gallery {
    margin-top: 85px
}

.gallery .small-box .hover-text {
    background: rgba(12, 16, 38, .5);
    color: #fff
}

.gallery .large-box .hover-text {
    background: rgba(12, 16, 38, .5)
}

.gallery .large-box .hover-text.on {
    background: #0c1232
}

.gallery .small-box .hover-text a {
    color: #fff !important
}

.gallery .hover-text .ptitle {
    border: 1px solid #fff !important
}

#blog-nav,
#portfolio-nav {
    padding: 0;
    margin: 0;
    margin-top: -10px
}

.menu-btn,
.next-btn,
.prev-btn {
    color: #fff
}

.control-nav {
    background: #0c1026;
    height: 180px;
    padding: 55px 40px;
    transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out
}

.control-nav span {
    margin-right: 20px;
    vertical-align: middle
}

.control-nav.active,
.control-nav:focus,
.control-nav:hover {
    background: #111a45;
    cursor: pointer
}

.nivo-lightbox-theme-default .nivo-lightbox-nav:hover {
    opacity: 1;
    background-color: transparent
}

.nivo-lightbox-theme-default.nivo-lightbox-overlay {
    background: #666;
    background: #fff
}

.nivo-lightbox-theme-default .nivo-lightbox-nav {
    top: 10%;
    width: 8%;
    height: 80%;
    text-indent: -9999px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    opacity: .8
}

.nivo-lightbox-theme-default .nivo-lightbox-image img {
    border: 5px solid rgba(17, 17, 17, .02);
    background: #fff;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .4);
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .4);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .4)
}

.nivo-lightbox-theme-default .nivo-lightbox-close {
    display: block;
    width: 50px;
    height: 50px;
    text-indent: -9999px;
    padding: 5px;
    opacity: .5
}

.nivo-lightbox-theme-default .nivo-lightbox-title {
    font: 14px/20px Lato, sans-serif;
    font-style: normal;
    font-weight: 400;
    background: 0 0;
    color: #3a3a3a;
    padding: 7px 15px;
    border-radius: 30px;
    letter-spacing: 3px;
    font-weight: 600;
    text-transform: uppercase
}

.nivo-lightbox-error p {
    display: table-cell;
    vertical-align: middle;
    color: #3a3a3a;
    font-weight: 400
}

.nivo-lightbox-error {
    display: table;
    text-align: center;
    width: 100%;
    height: 100%;
    color: #fff;
    text-shadow: 0 1px 1px transparent
}

section#blog.posts {
    margin-top: 85px
}

#blog.posts .blog-box .hover-text {
    background: rgba(255, 255, 255, .9)
}

#blog-nav .prev-btn.control-nav,
.color-highlight {
    background: #121838
}

#blog-nav .next-btn.control-nav {
    background: #0c1026
}

#blog-nav .next-btn.control-nav.active,
#blog-nav .next-btn.control-nav:focus,
#blog-nav .next-btn.control-nav:hover,
#blog-nav .prev-btn.control-nav.active,
#blog-nav .prev-btn.control-nav:focus,
#blog-nav .prev-btn.control-nav:hover {
    background: #111a45;
    cursor: pointer
}

#blog-post .featured-content {
    height: 600px;
    overflow: hidden
}

.img-fullwidth {
    width: 100%;
    height: 100%
}

.videoWrapper {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0
}

.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.featured-content img.img-responsive {
    width: 90%;
    height: 100%;
    transform: translateX(0) translateY(-50px);
    -webkit-transform: translateX(0) translateY(-50px);
    -moz-transform: translateX(0) translateY(-50px);
    -ms-transform: translateX(0) translateY(-50px);
    -o-transform: translateX(0) translateY(-50px)
}

.post-details {
    position: relative
}

.featured-content .text-overlay {
    display: block;
    position: absolute;
    top: 0;
    right: 0
}

.text-overlay {
    background: #0c1026;
    height: 100%;
    width: 35%;
    padding: 40px;
    float: right;
    color: #a1a1a1
}

.text-overlay a {
    color: #c6c6c6
}

.text-overlay a:hover {
    color: #fff
}

.text-overlay h2 {
    font-size: 100%;
    font-family: 'Great Vibes', cursive;
    text-transform: none;
    letter-spacing: 0;
    font-size: 36px;
    color: #fff
}

.text-overlay p.excerpt,
.text-overlay p.lead {
    font-weight: 400
}

.metas {
    padding: 30px 0
}

.metas .meta,
.text-overlay a,
ul.meta li {
    font-size: 10px;
    letter-spacing: 1px;
    font-weight: 400;
    line-height: 10px;
    text-transform: uppercase;
    font-family: Lato, sans-serif
}

.metas p.meta span.fa:before,
ul.user-action i.fa:before {
    padding-right: 10px
}

ul.user-action i.fa {
    vertical-align: middle
}

.text-overlay a,
ul.meta li,
ul.user-action li {
    display: inline-block
}

ul.user-action li {
    padding-right: 20px
}

ul.user-action {
    position: absolute;
    top: 65%
}

ul.meta: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: "\f02c";
    padding-right: 5px
}

ul.meta li:not(:last-child):after {
    content: ' , '
}

#content {
    padding: 5% 0 7%
}

#blog-post p.lead {
    font-size: 16px
}

#content img {
    padding-bottom: 15px
}

p.copyright {
    font-size: 12px;
    font-weight: 600
}

span.comment-date {
    font-style: italic;
    color: #7a7a7a;
    font-weight: 600;
    font-size: 12px;
    margin-left: 10px
}

span.commenter-name {
    text-transform: uppercase;
    letter-spacing: 1px
}

#content img {
    padding: 10px 0
}

.commenter img.media-object {
    width: 65px
}

#content .commenter img {
    padding: 0 5px
}

#contact-form {
    margin-top: 20px;
    margin-bottom: 40px
}

textarea.form-control {
    margin: 10px 0
}

.btn-primary.active,
.btn-primary.focus,
.btn-primary:active,
.btn-primary:focus,
.btn-primary:hover,
.open>.dropdown-toggle.btn-primary {
    color: #fff;
    background-color: #0b102c;
    border-color: #0b102c
}

.btn.active.focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn:active:focus,
.btn:focus {
    outline: 0 !important
}

@media (min-width:320px) and(max-width:767px) {
    #portfolio .large-box {
        height: auto;
        overflow: hidden;
        -webkit-backface-visibility: hidden;
        height: 367px
    }
}

@media (min-width:999px) and(max-width:1380px) {
    #portfolio .small-box {
        height: 207px;
        overflow: hidden;
        -webkit-backface-visibility: hidden
    }
    .ptitle.small-window h2 {
        font-size: 30px
    }
    portfolio .small-box {
        min-height: 200px;
        height: 225px;
        overflow: hidden;
        -webkit-backface-visibility: hidden
    }
    .large-box .hover-text {
        padding: 10px 40px
    }
    p.excerpt {
        font-size: 13px;
        margin-bottom: 0
    }
    .large-box .ptitle h2 {
        font-size: 30px
    }
    .small-box .hover-text {
        min-height: 200px;
        padding: 10px 40px
    }
}

.large-box img.img-responsive {
    max-width: 132%;
    width: 132%
}

@media (min-width:767px) and(max-width:1100px) {
    #portfolio .large-box {
        height: auto;
        overflow: hidden;
        -webkit-backface-visibility: hidden
    }
    .large-box img.img-responsive {
        max-width: 200% !important
    }
    .gallerydiv {
        max-height: 337px;
        height: auto;
        overflow: hidden
    }
    .small-box .hover-text {
        min-height: 200px;
        padding: 0 20px
    }
    #portfolio .small-box {
        height: 180px
    }
    .large-box .hover-text {
        padding: 0 20px
    }
}

@media (min-width:1201px) and(max-width:1420px) {
    #portfolio .large-box {
        height: 528px;
        overflow: hidden;
        -webkit-backface-visibility: hidden
    }
    .client-bg {
        xmargin-top: 75px
    }
    .p-right {
        padding-right: 20px
    }
    .p-left {
        padding-left: 20px
    }
}

.wsmenu>.wsmenu-list>li>ul.sub-menu {
    opacity: 0;
    visibility: hidden;
    -o-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    -o-transition: -o-transform .3s, opacity .3s;
    -ms-transition: -ms-transform .3s, opacity .3s;
    -moz-transition: -moz-transform .3s, opacity .3s;
    -webkit-transition: -webkit-transform .3s, opacity .3s;
    transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    transform: rotateX(-75deg);
    -o-transform: rotateX(-75deg);
    -moz-transform: rotateX(-75deg);
    -webkit-transform: rotateX(-75deg)
}

.wsmenu>.wsmenu-list>li:hover>ul.sub-menu {
    opacity: 1;
    visibility: visible;
    transform: rotateX(0);
    -o-transform: rotateX(0);
    -moz-transform: rotateX(0);
    -webkit-transform: rotateX(0)
}

.wsmenu>.wsmenu-list>li>.wsmegamenu {
    opacity: 0;
    visibility: hidden;
    -o-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    -o-transition: -o-transform .3s, opacity .3s;
    -ms-transition: -ms-transform .3s, opacity .3s;
    -moz-transition: -moz-transform .3s, opacity .3s;
    -webkit-transition: -webkit-transform .3s, opacity .3s;
    transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    transform: rotateX(-75deg);
    -o-transform: rotateX(-75deg);
    -moz-transform: rotateX(-75deg);
    -webkit-transform: rotateX(-75deg)
}

.wsmenu>.wsmenu-list>li:hover>.wsmegamenu {
    opacity: 1;
    visibility: visible;
    transform: rotateX(0);
    -o-transform: rotateX(0);
    -moz-transform: rotateX(0);
    -webkit-transform: rotateX(0)
}

.wsmenu-list>li>.wsshoptabing {
    opacity: 0;
    visibility: hidden;
    -o-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    -o-transition: -o-transform .3s, opacity .3s;
    -ms-transition: -ms-transform .3s, opacity .3s;
    -moz-transition: -moz-transform .3s, opacity .3s;
    -webkit-transition: -webkit-transform .3s, opacity .3s;
    transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    transform: rotateX(-75deg);
    -o-transform: rotateX(-75deg);
    -moz-transform: rotateX(-75deg);
    -webkit-transform: rotateX(-75deg)
}

.wsmenu-list>li:hover .wsshoptabing {
    opacity: 1;
    visibility: visible;
    transform: rotateX(0);
    -o-transform: rotateX(0);
    -moz-transform: rotateX(0);
    -webkit-transform: rotateX(0)
}

@font-face {
    font-family: Flaticon;
    src: url(Flaticon.eot);
    src: url(Flaticon.eot?#iefix) format("embedded-opentype"), url(Flaticon.woff) format("woff"), url(Flaticon.ttf) format("truetype"), url(Flaticon.svg#Flaticon) format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: Flaticon;
    src: url(Flaticon.svg#Flaticon) format("svg")
}

[class*=" flaticon-"]:after,
[class*=" flaticon-"]:before,
[class^=flaticon-]:after,
[class^=flaticon-]:before {
    font-family: Flaticon;
    font-size: 20px;
    font-style: normal;
    margin-left: 20px
}

.flaticon-sketch:before {
    content: "\f100"
}

.flaticon-enterprise:before {
    content: "\f101"
}

.flaticon-skyline:before {
    content: "\f102"
}

.flaticon-blueprint:before {
    content: "\f103"
}

.flaticon-university:before {
    content: "\f104"
}

.flaticon-home:before {
    content: "\f105"
}

.flaticon-sketch-1:before {
    content: "\f106"
}

.flaticon-factory:before {
    content: "\f107"
}

.flaticon-cityscape:before {
    content: "\f108"
}

.flaticon-manufacture:before {
    content: "\f109"
}

.flaticon-tower-crane:before {
    content: "\f10a"
}

* {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0
}

[class*=" flaticon-"]:after,
[class*=" flaticon-"]:before,
[class^=flaticon-]:after,
[class^=flaticon-]:before {
    font-family: Flaticon;
    font-size: 30px;
    font-style: normal;
    margin-left: 20px;
    color: #333
}

.wsmenu body,
.wsmenu h1,
.wsmenu h2,
.wsmenu h3,
.wsmenu h4,
.wsmenu h5,
.wsmenu h6,
.wsmenu html,
.wsmenu iframe {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    vertical-align: baseline;
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    font-family: Lato, sans-serif;
    -webkit-font-smoothing: subpixel-antialiased;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-font-smoothing: subpixel-antialiased
}

.wsmenu .cl {
    clear: both
}

.wsmenu img,
embed,
object,
video {
    border: 0 none;
    max-width: 100%
}

.wsmenu a:focus {
    outline: 0
}

.wsmenu:after,
.wsmenu:before {
    content: "";
    display: table
}

.wsmenu:after {
    clear: both
}

.headerfull {
    width: 100%;
    height: 60px;
    position: relative;
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, .16);
    -moz-box-shadow: 0 0 4px rgba(0, 0, 0, .16);
    box-shadow: 0 0 4px rgba(0, 0, 0, .16)
}

.smllogo {
    padding: 9px 0 0 16px;
    margin: 0;
    float: left;
    width: 6%
}

.smllogo a {
    display: block;
    float: left;
    padding: 0
}

.wsmain {
    width: 100%;
    margin: 0 auto;
    padding: 0 25px;
    max-width: 1300px
}

.wsmenu {
    width: 100%;
    float: left;
    color: #fff;
    position: relative;
    font-size: 13px;
    padding: 0;
    display: block;
    margin: 0;
    border-left: 1px solid rgba(0, 0, 0, .1)
}

.wsmenu>.wsmenu-list {
    text-align: left;
    margin: 0 auto;
    width: 100%;
    display: block;
    padding: 0;
    position: relative;
    padding-top: 12px
}

.wsmenu>.wsmenu-list>li {
    display: block;
    float: right;
    padding: 0;
    margin: 0;
    padding-left: 10px;
    position: initial;
}

.wsmenu>.wsmenu-list>li>a {
    line-height: 16px;
    text-align: right;
    padding: 10px 0;
    margin: 0;
    padding-left: 40px
}

.menu_int_img {
    height: 70px;
    overflow: hidden
}

.wst_interior_section li a {
    color: #000;
    font-size: 14px;
    font-family: lato;
    text-transform: capitalize
}

.wsmenu>.wsmenu-list>li>a {
    display: block;
    text-decoration: none;
    position: relative
}

.wsmenu>.wsmenu-list>li>.navtext>span+span:after {
    content: "\f107";
    display: inline-block;
    font-family: FontAwesome;
    font-size: 14px;
    font-weight: 100;
    line-height: 10px;
    margin-left: 1px;
    position: relative;
    right: -8px;
    text-align: right;
    top: 1px
}

.wsmenu>.wsmenu-list>li>.navtext>span {
    display: block;
    font-size: 11px;
    text-align: left;
    white-space: nowrap;
    width: 100%;
    line-height: 16px
}

.wsmenu>.wsmenu-list>li>.navtext>span+span {
    white-space: nowrap;
    font-size: 12px;
    font-weight: 700
}

.wsmenu>.wsmenu-list>li a:hover .arrow:after {
    border-top-color: #b3b3b3
}

.wsmenu>.wsmenu-list>li a.active .arrow:after {
    border-top-color: #b3b3b3
}

.wsmenu>.wsmenu-list>li:hover>a .arrow:after {
    border-top-color: #b3b3b3
}

.wsmenu>.wsmenu-list>li.wssearchbar {
    width: 40%;
    float: left;
    padding-left: 15px
}

.wsmenu>.wsmenu-list>li.wssearchbar>.topmenusearch {
    float: right;
    width: 100%;
    height: 42px;
    position: relative;
    margin: 9px 0 0
}

.wsmenu>.wsmenu-list>li.wssearchbar>.topmenusearch>.searchicon {
    -webkit-transition: all .7s ease 0;
    -moz-transition: all .7s ease 0;
    -o-transition: all .7s ease 0;
    transition: all .7s ease 0
}

.wsmenu>.wsmenu-list>li.wssearchbar>.topmenusearch>input {
    width: 100%;
    position: relative;
    float: right;
    top: 0;
    right: 0;
    bottom: 0;
    border: 0;
    padding: 0;
    margin: 0;
    text-indent: 15px;
    font-size: 12px;
    height: 42px;
    z-index: 2;
    outline: 0;
    color: #7d7d7d;
    -webkit-transition: all .7s ease 0;
    -moz-transition: all .7s ease 0;
    -o-transition: all .7s ease 0;
    transition: all .7s ease 0;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.wsmenu>.wsmenu-list>li.wssearchbar>.topmenusearch>input:focus~.btnstyle {
    color: #fff;
    opacity: .9
}

.wsmenu>.wsmenu-list>li.wssearchbar>.topmenusearch>input:focus~.searchicon {
    opacity: 1;
    z-index: 3;
    color: #fff
}

.wsmenu>.wsmenu-list>li.wssearchbar>.topmenusearch>.btnstyle {
    top: 0;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 49px;
    line-height: 30px;
    z-index: 1;
    cursor: pointer;
    color: #fff;
    z-index: 1000;
    border: solid 0;
    -webkit-transition: all .7s ease 0;
    -moz-transition: all .7s ease 0;
    -o-transition: all .7s ease 0;
    transition: all .7s ease 0;
    -webkit-border-radius: 0 2px 2px 0;
    -moz-border-radius: 0 2px 2px 0;
    border-radius: 0 2px 2px 0
}

.wsmenu>.wsmenu-list>li.wssearchbar>.topmenusearch>.btnstyle>.fa {
    line-height: 38px;
    margin: 0;
    padding: 0;
    text-align: center;
    color: #9c9c9c
}

.wsmenu>.wsmenu-list>li>ul.sub-menu {
    position: absolute;
    top: 60px;
    z-index: 1000;
    margin: 0;
    padding: 0;
    min-width: 190px;
    background-color: #fff;
    border: solid 1px #eee
}

.wsmenu>.wsmenu-list>li>ul.sub-menu>li {
    position: relative;
    margin: 0;
    padding: 0;
    display: block
}

.wsmenu>.wsmenu-list>li>ul.sub-menu>li>a {
    background-image: none;
    color: #666;
    border-right: 0 none;
    text-align: left;
    display: block;
    line-height: 22px;
    padding: 8px 12px;
    text-transform: none;
    font-size: 13px;
    letter-spacing: normal;
    border-right: 0 solid
}

.wsmenu>.wsmenu-list>li>ul.sub-menu>li>a:hover {
    text-decoration: none
}

.wsmenu>.wsmenu-list>li>ul.sub-menu>li>a>.fa {
    margin-right: 9px
}

.wsmenu>.wsmenu-list>li.wsshopmyaccount {
    float: right
}

.wsmenu>.wsmenu-list>li.wsshopmyaccount>a {
    display: block;
    padding: 0 24px;
    line-height: 59px;
    text-decoration: none;
    position: relative
}

.wsmenu>.wsmenu-list>.wsshopmyaccount>a .fa.fa-angle-down {
    display: inline-block;
    font-size: 13px;
    line-height: inherit;
    margin-left: 8px;
    color: #7b7b7b
}

.wsmenu>.wsmenu-list>.wsshopmyaccount>a .fa {
    display: inline-block;
    font-size: 16px;
    line-height: inherit;
    margin-right: 11px;
    vertical-align: middle
}

.wsmenu>.wsmenu-list>li.wscarticon {
    float: right;
    clear: right
}

.wsmenu>.wsmenu-list>li.wscarticon>a {
    display: block;
    color: #828181;
    padding: 0 26px 0 22px;
    line-height: 60px;
    text-decoration: none;
    position: relative
}

.wsmenu>.wsmenu-list>li.wscarticon .hidetxt {
    display: none
}

.wsmenu>.wsmenu-list>li.wscarticon a {
    padding: 0 27px 0 23px;
    text-align: center;
    border-left: 1px solid rgba(0, 0, 0, .1);
    border-right: 1px solid rgba(0, 0, 0, .1)
}

.wsmenu>.wsmenu-list>li.wscarticon a .fa {
    font-size: 15px
}

.wsmenu>.wsmenu-list>li.wscarticon em.roundpoint {
    position: absolute;
    top: 14px;
    right: 21px;
    width: 17px;
    height: 17px;
    background-color: #da4b38;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    font-size: 9px;
    text-align: center;
    font-style: normal;
    line-height: 16px;
    color: #fff
}

.wsmenu>.wsmenu-list>.wsshopmenu>a .fa.fa-shopping-basket {
    display: inline-block;
    font-size: 13px;
    line-height: inherit;
    margin-right: 8px;
    color: #7b7b7b
}

.wsmenu>.wsmenu-list>li>.wsshoptabing {
    width: 80% !important;
    text-align: left;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 47px;
    background-color: #f8f8f8;
    right: 0;
    border-bottom: solid 2px #376cb7;
    border-top: solid 0;
    z-index: 101
}

.wsmenu>.wsmenu-list>li>.wsshoptabing>.wsshopwp {
    width: 100%;
    display: block;
    position: relative;
    background-color: #f5f5f5;
    max-height: 500px
}

.wsmenu>.wsmenu-list>li>.wsshoptabing.wtsdepartmentmenu {
    background: #f5f5f5;
    border-bottom: solid 1px #d1d3d4
}

.wsmenu>.wsmenu-list>li>.wsshoptabing>.wsshopwp>.wstabitem {
    display: block;
    margin: 0;
    padding: 0;
    font-size: 12px
}

.wsmenu>.wsmenu-list>li>.wsshoptabing>.wsshopwp>.wstabitem>li:after,
.wsmenu>.wsmenu-list>li>.wsshoptabing>.wsshopwp>.wstabitem>li:before {
    content: "";
    display: table
}

.wsmenu>.wsmenu-list>li>.wsshoptabing>.wsshopwp>.wstabitem>li:after {
    clear: both
}

.wsmenu>.wsmenu-list>li>.wsshoptabing>.wsshopwp>.wstabitem>li {
    width: 100%;
    list-style: none
}

.wsmenu>.wsmenu-list>li>.wsshoptabing>.wsshopwp>.wstabitem>li>a {
    display: block;
    padding: 10px 11px;
    font-size: 14px;
    color: #000;
    border-bottom: solid 1px #e5e5e5;
    width: 23%;
    float: left;
    position: relative;
    border-left: 3px solid #fff;
    background-color: #fff
}

.wsmenu>.wsmenu-list>li>.wsshoptabing>.wsshopwp>.wstabitem>li:hover a {
    text-decoration: none
}

.wsmenu>.wsmenu-list>li>.wsshoptabing>.wsshopwp>.wstabitem>li:hover>a {
    text-decoration: none
}

.wsmenu>.wsmenu-list>li>.wsshoptabing>.wsshopwp>.wstabitem>li>a>.fa {
    color: #848484;
    margin-right: 5px;
    text-align: center;
    width: 24px;
    font-size: 16px
}

.wsmenu>.wsmenu-list>li>.wsshoptabing>.wsshopwp>.wstabitem>li>.wstitemright {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    right: 0;
    top: 0;
    background-color: #f5f5f5;
    color: #000;
    display: block;
    float: left;
    padding: 10px 8px 0;
    width: 77%;
    min-height: 400px
}

.wsmenu>.wsmenu-list>li:hover>.wsshoptabing>.wsshopwp>.wstabitem>li.wsshoplink-active>.wstitemright {
    opacity: 1;
    visibility: visible
}

.carousel-caption {
    width: 100%;
    display: block;
    text-align: center;
    right: 0;
    left: 0;
    margin: 0;
    padding: 0;
    bottom: 0
}

.carousel-caption h3 {
    width: 100%;
    display: block;
    padding: 7px 0;
    background-color: rgba(0, 0, 0, .5)
}

.wsmenu>.wsmenu-list>li .wstbootslider {
    float: right;
    margin-top: 8px
}

.wsmenu>.wsmenu-list>li .wstmegamenucolr {
    display: block;
    float: right;
    margin-top: 8px
}

.wsmenu>.wsmenu-list>li .wstheading {
    width: 100%;
    display: block;
    padding: 10px 0 6px;
    font-size: 16px;
    font-weight: 700;
    color: #333;
    border-bottom: solid 1px #d9d9d9;
    margin-bottom: 12px
}

.wsmenu>.wsmenu-list>li .wstliststy01 {
    padding: 0 0 8px;
    margin: 0
}

.wsmenu>.wsmenu-list>li .wstliststy01 li {
    width: 33.33%;
    float: left;
    line-height: 23px;
    font-size: 14px;
    list-style: none;
    padding: 0;
    margin: 0
}

.wsmenu>.wsmenu-list>li .wstliststy01 li a {
    color: #6e6e6e;
    font-size: 12px
}

.wsmenu>.wsmenu-list>li .wstliststy01 li a:hover {
    color: #000;
    text-decoration: none
}

.wsmenu>.wsmenu-list>li .wstliststy02 {
    padding: 5px 0 10px;
    margin: 0;
    text-align: left
}

.wsmenu>.wsmenu-list>li .wstliststy02 li {
    width: 100%;
    list-style: none;
    line-height: 25px
}

.wsmenu>.wsmenu-list>li .wstliststy02 li a {
    color: #6e6e6e;
    font-size: 12px
}

.wsmenu>.wsmenu-list>li .wstliststy02 li a:hover {
    color: #000;
    text-decoration: none
}

.wsmenu>.wsmenu-list>li .wstliststy02 li.wstheading {
    line-height: normal;
    padding-left: 0;
    margin-top: 0;
    text-transform: none
}

.wsmenu>.wsmenu-list>li .wstliststy02 li a .wstcount {
    font-size: 10px;
    color: #adadad
}

.wsmenu>.wsmenu-list>li .wstliststy06 li.wstheading {
    line-height: normal;
    padding-left: 0
}

.wsmenu>.wsmenu-list>li .wstliststy06 {
    padding: 0;
    margin: 0
}

.wsmenu>.wsmenu-list>li .wstliststy06 li {
    width: 100%;
    list-style: none;
    line-height: 24px
}

.wsmenu>.wsmenu-list>li .wstliststy06 li a {
    color: #6e6e6e;
    font-size: 12px
}

.wsmenu>.wsmenu-list>li .wstliststy06 li a:hover {
    color: #000;
    text-decoration: none
}

.wsmenu>.wsmenu-list>li .wstliststy06 li.wstheading {
    line-height: normal
}

.wsmenu>.wsmenu-list>li .wstliststy06 li a .wstcount {
    font-size: 10px;
    color: #adadad
}

.wsmenu>.wsmenu-list>li .wstliststy03 {
    width: 100%;
    padding: 0 0 8px;
    margin: 0
}

.wsmenu>.wsmenu-list>li .wstliststy03 li {
    width: 33.33%;
    float: left;
    line-height: 23px;
    font-size: 14px;
    list-style: none;
    padding: 0;
    margin: 0
}

.wsmenu>.wsmenu-list>li .wstliststy03 li a {
    font-size: 12px
}

.wsmenu>.wsmenu-list>li .wstliststy03 li a:hover {
    color: #000;
    text-decoration: none
}

.wsmenu>.wsmenu-list>li .wstliststy04 {
    padding: 14px 0 0;
    margin: 0
}

.wsmenu>.wsmenu-list>li .wstliststy04 li {
    width: 100%;
    list-style: none;
    line-height: 22px
}

.wsmenu>.wsmenu-list>li .wstliststy04 li a {
    color: #6e6e6e;
    font-size: 12px
}

.wsmenu>.wsmenu-list>li .wstliststy04 li a:hover {
    color: #000;
    text-decoration: none
}

.wsmenu>.wsmenu-list>li .wstliststy04 li.wstheading {
    line-height: normal;
    text-align: center;
    padding: 12px 0;
    font-size: 13px;
    margin-bottom: 12px
}

.wsmenu>.wsmenu-list>li .wstliststy04 li a .wstcount {
    font-size: 10px;
    color: #adadad
}

.wsmenu>.wsmenu-list>li .wstliststy05 {
    padding: 10px 0 0;
    margin: 0
}

.wsmenu>.wsmenu-list>li .wstmegamenucolr03 {
    padding-top: 10px;
    padding-left: 20px
}

.wsmenu>.wsmenu-list>li .wstliststy05 li {
    width: 100%;
    list-style: none;
    line-height: 22px
}

.wsmenu>.wsmenu-list>li .wstliststy05 li a {
    color: #6e6e6e;
    font-size: 12px
}

.wsmenu>.wsmenu-list>li .wstliststy05 li a:hover {
    color: #000;
    text-decoration: none
}

.wsmenu>.wsmenu-list>li .wstliststy05 li.wstheading {
    line-height: normal
}

.wsmenu>.wsmenu-list>li .wstliststy05 li a .wstcount {
    font-size: 10px;
    color: #adadad
}

.wsmenu>.wsmenu-list>li .wstmorebtn {
    border-radius: 2px;
    color: #9b9b9b;
    display: inline-block;
    float: right;
    font-size: 10px;
    font-weight: 400;
    letter-spacing: 0;
    padding: 1px 7px;
    text-align: right;
    text-transform: none
}

.wsmenu>.wsmenu-list>li .wstmenutag {
    height: 18px;
    line-height: 18px;
    text-align: center;
    font-size: 11px;
    color: #fff;
    border-radius: 2px;
    position: relative;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 400;
    padding: 1px 6px;
    margin-left: 6px;
    text-transform: none;
    letter-spacing: 0
}

.wsmenu>.wsmenu-list>li .wstmenutag:after {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-image: none;
    border-style: solid;
    border-width: 3px;
    content: "";
    left: -6px;
    margin-top: 0;
    position: absolute;
    top: 4px;
    z-index: 1
}

.wsmenu>.wsmenu-list>li .wstmenutag.redtag {
    background-color: #fe7b8f
}

.wsmenu>.wsmenu-list>li .wstmenutag.redtag:after {
    border-color: transparent #fe7b8f transparent transparent
}

.wsmenu>.wsmenu-list>li .wstmenutag.greentag {
    background-color: #00c853
}

.wsmenu>.wsmenu-list>li .wstmenutag.greentag:after {
    border-color: transparent #00c853 transparent transparent
}

.wsmenu>.wsmenu-list>li .wstmenutag.bluetag {
    background-color: #4fc3f7
}

.wsmenu>.wsmenu-list>li .wstmenutag.bluetag:after {
    border-color: transparent #4fc3f7 transparent transparent
}

.wsmenu>.wsmenu-list>li .wstmenutag.orangetag {
    background-color: #fe7000
}

.wsmenu>.wsmenu-list>li .wstmenutag.orangetag:after {
    border-color: transparent #fe7000 transparent transparent
}

.wsmenu>.wsmenu-list>li .computermenubg {
    background-image: url(../images/computer-menu-img.png);
    background-position: bottom right;
    background-repeat: no-repeat
}

.wsmenu>.wsmenu-list>li .wstpngsml {
    padding-left: 18px
}

.wsmenu>.wsmenu-list>li .wstfullwtag {
    width: 100%;
    display: block;
    border-bottom: solid 1px #e5e5e5;
    background-color: #f5f5f5
}

.wsmenu>.wsmenu-list>li .wstbrandbottom {
    width: 100%;
    background-color: #fff;
    display: block;
    opacity: 0;
    position: absolute;
    right: 0;
    visibility: hidden;
    padding: 9px 6px
}

.wsmenu-list>li:hover>.wtsbrandmenu>.wsshoptabingwp>.wstabitem02>li.wsshoplink-active>.wstbrandbottom {
    opacity: 1;
    visibility: visible
}

.wsmenu>.wsmenu-list>li .wstabitem02 {
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    display: table
}

.wsmenu>.wsmenu-list>li .wstabitem02>li {
    display: table-cell;
    list-style: outside none none;
    text-align: center
}

.wsmenu>.wsmenu-list>li .wstabitem02>li>a {
    display: block;
    padding: 14px 0;
    font-size: 13px;
    color: #717171;
    background-color: #f5f5f5;
    border-bottom: 1px solid #e5e5e5;
    position: relative
}

.wsmenu>.wsmenu-list>li .wstabitem02>.wsshoplink-active>a:after {
    position: absolute;
    content: '';
    top: 42px;
    right: 50%;
    width: 13px;
    height: 13px;
    transform: rotate(225deg);
    -webkit-transform: rotate(225deg);
    -moz-transform: rotate(225deg);
    -o-transform: rotate(225deg);
    -ms-transform: rotate(225deg);
    border-right: 1px solid #dbdbdb;
    border-bottom: 1px solid #dbdbdb;
    z-index: 100;
    background-color: #fff
}

.wsmenu>.wsmenu-list>li .wstabitem02>li:hover a {
    text-decoration: none;
    -webkit-border-radius: 4px 0 0 4px;
    -moz-border-radius: 4px 0 0 4px;
    border-radius: 4px 0 0 4px
}

.wsmenu>.wsmenu-list>li .wstabitem02>.wsshoplink-active>a {
    text-decoration: none;
    -webkit-border-radius: 4px 0 0 4px;
    -moz-border-radius: 4px 0 0 4px;
    border-radius: 4px 0 0 4px;
    background-color: #f5f5f5;
    color: #333
}

.wsmenu>.wsmenu-list>li .wstabitem02>.wsshoplink-active>a>.fa {
    opacity: 1
}

.wsmenu>.wsmenu-list>li .wstabitem02>li:hover a {
    text-decoration: none;
    -webkit-border-radius: 4px 0 0 4px;
    -moz-border-radius: 4px 0 0 4px;
    border-radius: 4px 0 0 4px
}

.wsmenu>.wsmenu-list>li .wstabitem02>li>a .fa {
    margin-right: 5px;
    text-align: center;
    width: 25px;
    font-size: 17px;
    opacity: .5
}

.wsmenu>.wsmenu-list>li .brandcolor01 {
    color: #424242
}

.wsmenu>.wsmenu-list>li .brandcolor02 {
    color: #00bcf2
}

.wsmenu>.wsmenu-list>li .brandcolor03 {
    color: #00aff0
}

.wsmenu>.wsmenu-list>li .brandcolor04 {
    color: #003087
}

.wsmenu>.wsmenu-list>li .brandcolor05 {
    color: #a82400
}

.wsmenu>.wsmenu-list>li .brandcolor06 {
    color: #f30
}

.wsmenu>.wsmenu-list>li .brandcolor07 {
    color: #7ac142
}

.wsmenu>.wsmenu-list>li .brandcolor08 {
    color: #ef4056
}

.wsmenu>.wsmenu-list>li>.wsmegamenu {
    width: 100%;
    left: 0;
    position: absolute;
    top: 50px;
    color: #000;
    z-index: 1000;
    margin: 0;
    text-align: left;
    padding: 14px 5px;
    font-size: 15px;
    border: solid 1px #eee;
    background-color: #fff
}

.wsmenu>.wsmenu-list>li>.wsmegamenu .title {
    border-bottom: 1px solid #ccc;
    font-size: 14px;
    padding: 9px 5px 9px 0;
    font-size: 17px;
    color: #424242;
    margin: 0 0 7px;
    text-align: left;
    height: 39px
}

.wsmenu>.wsmenu-list>li>.wsmegamenu .link-list li {
    display: block;
    text-align: center;
    white-space: nowrap;
    text-align: left
}

.wsmenu>.wsmenu-list>li>.wsmegamenu .link-list li a {
    line-height: 18px;
    border-right: none;
    text-align: left;
    padding: 6px 0;
    background: #fff;
    background-image: none;
    color: #666;
    border-right: 0 none;
    display: block;
    background-color: #fff;
    color: #424242
}

.wsmenu>.wsmenu-list>li>.wsmegamenu li .fa {
    margin-right: 5px;
    text-align: center;
    width: 18px
}

.wsmenu>.wsmenu-list>li>.wsmegamenu li a:hover {
    background: 0 0;
    text-decoration: underline
}

.wsmenu>.wsmenu-list>li>.wsmegamenu .link-list li .fa {
    font-size: 11px
}

.wsmenu>.wsmenu-list>li>.wsmegamenu li .fa {
    margin-right: 5px;
    text-align: center;
    width: 18px
}

.wsmenu>.wsmenu-list>li>.wsmegamenu .mrgtop {
    margin-top: 15px
}

.wsmenu>.wsmenu-list>li>.wsmegamenu .show-grid div {
    padding-bottom: 10px;
    padding-top: 10px;
    background-color: #dbdbdb;
    border: 1px solid #e7e7e7;
    color: #6a6a6a;
    margin: 2px 0;
    font-size: 13px
}

.wsmenu>.wsmenu-list>li>.wsmegamenu.halfmenu {
    width: 50%;
    right: 0;
    left: auto;
    background: #f5f5f5;
    border-bottom: solid 1px #d1d3d4;
    border-top: 3px solid #37b44a !important;
    top: 47px
}

.wsmenu>.wsmenu-list>li>.wsmegamenu.halfdiv {
    width: 35%;
    right: 0;
    left: auto
}

.overlapblackbg,
.wsmobileheader {
    display: none
}

.wsmenu .wsmenu-click {
    display: none
}

.wsmenu .wsmenu-click02 {
    display: none
}

.wsmenu .wsmenu-click03 {
    display: none
}

.hometext {
    display: none
}

.wsshoplink-active .parent-menu {
    position: relative
}

.wsshoplink-active .parent-menu:after {
    content: "\f0da";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    text-decoration: inherit;
    color: #000;
    font-size: 18px;
    padding-right: .5em;
    position: absolute;
    top: 10px;
    right: 0
}

.wsmenu-list li h3 {
    color: #000;
    font-size: 14px;
    padding-top: 6px;
    margin: 0
}

.wsmenu>.wsmenu-list>li .wstheading {
    width: 100%;
    padding: 10px 0 6px;
    border-bottom: solid 1px #d9d9d9;
    margin-bottom: 12px;
    font-size: 15px;
    color: #072154;
    letter-spacing: 0;
    font-weight: 600
}

.wsmenu>.wsmenu-list>li .wstliststy01 li a,
.wsmenu>.wsmenu-list>li .wstliststy02 li a,
.wsmenu>.wsmenu-list>li .wstliststy05 li a {
    color: #000 !important;
    font-size: 12px;
    padding: 3px 0;
    display: inline-block;
    letter-spacing: 0
}

.wsmenu>.wsmenu-list>li .wstliststy01 li,
.wsmenu>.wsmenu-list>li .wstliststy02 li,
.wsmenu>.wsmenu-list>li .wstliststy05 li {
    position: relative;
    padding-left: 14px
}

.wsmenu>.wsmenu-list>li .wstliststy01 li:before,
.wsmenu>.wsmenu-list>li .wstliststy02 li:before,
.wsmenu>.wsmenu-list>li .wstliststy05 li:before {
    content: "\f054";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    text-decoration: inherit;
    color: #3ab54a;
    font-size: 12px;
    padding-right: .5em;
    position: absolute;
    top: 3px;
    left: 0
}

.menu-img {
    height: 140px;
    overflow: hidden
}

.how-works-menu {
    background: #3ab54a;
    display: inline-block;
    padding: 5px 20px;
    color: #fff;
    font-family: lato;
    border-radius: 3px;
    border-bottom: 2px solid #21842e;
    font-size: 12px
}

.wsshoptabing {
    border-top: 3px solid #37b44a !important
}

@media only screen and (max-width:768px) {
    .smllogo {
        display: none
    }
    .wsmain {
        margin: 0;
        background-color: transparent
    }
    .wsmenu {
        width: 100%;
        background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
        left: 0;
        overflow-y: hidden;
        padding: 0;
        top: 0;
        visibility: hidden;
        position: fixed;
        margin: 0;
        border-left: none
    }
    .wsmenu>.wsmenu-list {
        height: auto;
        min-height: 100%;
        width: 260px;
        background: #fff;
        padding-bottom: 0;
        margin-left: -260px;
        display: block;
        text-align: center;
        -webkit-transition: all .25s ease-in-out;
        -moz-transition: all .25s ease-in-out;
        -o-transition: all .25s ease-in-out;
        -ms-transition: all .25s ease-in-out;
        transition: all .25s ease-in-out
    }
    .wsmenu>.wsmenu-list>li {
        width: 100%;
        display: block;
        float: none;
        border-right: none;
        background-color: transparent;
        position: relative;
        white-space: inherit
    }
    .wsmenu>.wsmenu-list>li>a {
        padding: 9px 32px 9px 18px;
        font-size: 14px;
        text-align: left;
        border-right: solid 0;
        background-color: transparent;
        color: #666;
        line-height: 25px;
        border-bottom: 1px solid;
        position: static
    }
    .wsmenu>.wsmenu-list>li>.navtext {
        padding-left: 18px
    }
    .wsmenu>.wsmenu-list>li.wscarticon a {
        padding-left: 18px
    }
    .wsmenu>.wsmenu-list>li.wsshopmyaccount>a {
        padding-left: 18px
    }
    .wsmenu>.wsmenu-list>li>a>.fa {
        font-size: 16px;
        color: #bfbfbf
    }
    .wsmenu>.wsmenu-list>li.wscarticon a .fa {
        margin-right: 7px
    }
    .wsmenu>.wsmenu-list>li>a .wsarrow:after {
        display: none
    }
    .wsmenu>.wsmenu-list>li.wscarticon em.roundpoint {
        display: inline-block;
        right: auto;
        left: 27px
    }
    .wsmenu>.wsmenu-list>li:hover>a {
        background-color: rgba(0, 0, 0, .08);
        text-decoration: none
    }
    .wsmenu>.wsmenu-list>li>a>.hometext {
        display: inline-block
    }
    .wsmenu>.wsmenu-list>li.wscarticon .hidetxt {
        display: inline-block
    }
    .wsmenu>.wsmenu-list>li.wssearchbar {
        display: none
    }
    .wsmenu .wsmenu-list>li.wsshopmyaccount>a>.fa-angle-down {
        display: none
    }
    .wsmenu>.wsmenu-list>li.wscarticon {
        float: none
    }
    .wsmenu>.wsmenu-list>li.wsshopmyaccount {
        float: none
    }
    .wsmenu>.wsmenu-list>li.wscarticon a {
        text-align: left
    }
    .wsmenu>.wsmenu-list>li>ul.sub-menu {
        display: none;
        position: relative;
        top: 0;
        background-color: #fff;
        border-bottom: solid 1px #ccc;
        padding: 0;
        opacity: 1;
        visibility: visible;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
        -webkit-transition: inherit;
        -moz-transition: inherit;
        transition: inherit
    }
    .wsmenu>.wsmenu-list>li>ul.sub-menu>li>a {
        line-height: 20px;
        font-size: 13px;
        padding: 13px 0 13px 16px;
        color: #6e6e6e;
        border-bottom: solid 1px rgba(0, 0, 0, .13)
    }
    .wsmenu>.wsmenu-list>li>ul.sub-menu>li span+a {
        padding-right: 30px
    }
    .wsmenu>.wsmenu-list>li>ul.sub-menu>li>a:hover {
        background-color: #e7e7e7;
        color: #666;
        text-decoration: underline
    }
    .wsmenu>.wsmenu-list>li>ul.sub-menu li:hover>a {
        background-color: #e7e7e7;
        color: #666
    }
    .wsmenu>.wsmenu-list>li>.wsmegamenu {
        background-color: #fff;
        color: #666;
        display: none;
        position: relative;
        top: 0;
        padding: 8px 0;
        border: solid 0;
        opacity: 1;
        visibility: visible;
        transform: none;
        -o-transform: none;
        -moz-transform: none;
        -webkit-transform: none;
        border-bottom: 1px solid rgba(0, 0, 0, .13)
    }
    .wsmenu>.wsmenu-list>li>.wsmegamenu.halfmenu {
        width: 100%
    }
    .wstabitem02>.wsshoplink-active>a:after {
        display: none
    }
    .wsmenu>.wsmenu-list>li>.wsshoptabing>.wsshopwp>.wstabitem>li {
        position: relative
    }
    .wsmenu>.wsmenu-list>li>.wsshoptabing>.wsshopwp>.wstabitem>li>a {
        width: 100%;
        margin: 0;
        float: none;
        font-size: 12px;
        padding: 14px 11px;
        font-weight: 700
    }
    .wsmenu>.wsmenu-list>li .wstheading {
        font-weight: 400;
        padding-left: 0;
        padding-right: 0
    }
    .wsmenu>.wsmenu-list>li>.wsshoptabing>.wsshopwp>.wstabitem>li>.wstitemright {
        width: 100%;
        position: static;
        top: 0;
        min-height: inherit;
        padding: 10px 0;
        opacity: 1;
        visibility: visible;
        display: none;
        background-color: #fff;
        border-bottom: 1px solid rgba(0, 0, 0, .13)
    }
    .wsmenu>.wsmenu-list>li .wstbootslider {
        width: auto
    }
    .wsmenu>.wsmenu-list>li .wstmegamenucolr {
        width: auto
    }
    .wsmenu>.wsmenu-list>li .wstliststy01>li {
        width: 100%;
        padding: 0;
        margin: 0
    }
    .wsmenu>.wsmenu-list>li .wstliststy02 {
        width: 100%;
        padding: 0;
        margin: 0 0 15px
    }
    .wsmenu>.wsmenu-list>li .wstliststy03 li {
        width: 100%
    }
    .wsmenu>.wsmenu-list>li .wstliststy05 {
        width: 100%;
        padding: 0;
        margin-bottom: 10px
    }
    .wsmenu>.wsmenu-list>li .kitchenmenuimg {
        background-image: none
    }
    .wsmenu>.wsmenu-list>li .computermenubg {
        background-image: none
    }
    .wsmenu>.wsmenu-list>li .wstbrandbottom {
        width: 100%;
        position: static;
        top: 0;
        min-height: inherit;
        padding: 10px 5px 15px;
        opacity: 1;
        visibility: visible;
        display: none;
        border-bottom: 1px solid rgba(0, 0, 0, .13)
    }
    .wsmenu>.wsmenu-list>li .wstabitem02 {
        display: block
    }
    .wsmenu>.wsmenu-list>li .wstabitem02>li {
        position: relative;
        text-align: left;
        display: block
    }
    .wsmenu>.wsmenu-list>li .wstabitem02>li>a {
        padding: 13px 11px;
        background-color: #fff
    }
    .wsmenu>.wsmenu-list>li .wstheading {
        padding-left: 0
    }
    .wsmenu-list>li>.navtext {
        margin: 0
    }
    .wsmenu .wsmenu-list>li .wsshoptabingwp {
        background-color: #fff;
        padding-left: 0;
        padding-right: 0
    }
    .wsmenu>.wsmenu-list>li>.wsshoptabing {
        background-color: #fff;
        color: #666;
        display: none;
        position: relative;
        top: 0;
        padding: 0;
        border: solid 0;
        opacity: 1;
        visibility: visible;
        transform: none;
        -o-transform: none;
        -moz-transform: none;
        -webkit-transform: none
    }
    .wsmenu>.wsmenu-list>li>.wsshoptabing>.wsshopwp>.wstabitem {
        width: 100%;
        background-color: #fff
    }
    .wsmenu>.wsmenu-list>li>.wsshoptabing>.wsshopwp>.wstabitem>li>a:after {
        border: none
    }
    .wsmenu>.wsmenu-list>li>.wsshoptabing>.wsshopwp>.wstabitem>li>a .fa {
        display: none
    }
    .wsmobileheader {
        width: 100%;
        display: block;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 10002;
        height: 60px;
        background-color: #eaecf0;
        text-align: center;
        -webkit-transition: all .25s ease-in-out;
        -moz-transition: all .25s ease-in-out;
        -o-transition: all .25s ease-in-out;
        -ms-transition: all .25s ease-in-out;
        transition: all .25s ease-in-out;
        box-shadow: 0 0 1px rgba(0, 0, 0, .3)
    }
    .wsactive .wsmobileheader {
        margin-left: 260px;
        -webkit-transition: all .25s ease-in-out;
        -moz-transition: all .25s ease-in-out;
        -o-transition: all .25s ease-in-out;
        -ms-transition: all .25s ease-in-out;
        transition: all .25s ease-in-out
    }
    .wsmobileheader>.smllogo {
        display: block;
        width: 80px;
        margin: 7px auto 0;
        float: none;
        padding-left: 0
    }
    .mobiletext {
        display: inline-block
    }
    .wsmobileheader .wssearch {
        background-color: transparent;
        z-index: 1000;
        position: absolute;
        top: 0;
        right: 0;
        padding: 18px 22px;
        cursor: pointer
    }
    .wsmobileheader .wssearch .fa {
        font-size: 19px;
        color: #9196a0
    }
    .wsmobileheader .wssearchform {
        display: none;
        position: absolute;
        width: 100%;
        height: 50px;
        line-height: 44px;
        top: 0;
        left: 0;
        padding: 13px 15px;
        cursor: default
    }
    .wsmobileheader .wssearch.wsopensearch {
        width: 100%;
        background-color: #000
    }
    .wsmobileheader .wssearch.wsopensearch .wssearchform {
        display: block
    }
    .wsmobileheader .wssearchform form {
        width: calc((100% - 10px) - 45px);
        display: block;
        position: relative
    }
    .wsmobileheader .wssearchform form:before {
        content: "\f002";
        font-family: FontAwesome;
        left: 12px;
        position: absolute;
        top: 0;
        color: #777;
        height: 34px;
        line-height: 33px
    }
    .wsmobileheader .wssearchform input {
        width: 100%;
        height: 34px;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
        border: solid 0;
        text-indent: 33px;
        margin: 0;
        line-height: 18px;
        padding: 0;
        display: block
    }
    .wsmobileheader .wssearch.wsopensearch {
        left: 0;
        right: auto;
        width: 100%;
        height: 60px
    }
    .wsmobileheader .wssearch .fa-times {
        display: none
    }
    .wsmobileheader .wssearch.wsopensearch .fa-times {
        display: inline-block;
        float: right;
        font-size: 22px
    }
    .wsmobileheader .wssearch.wsopensearch .fa-search {
        display: none
    }
    .wsanimated-arrow {
        position: absolute;
        left: 0;
        top: 0;
        z-index: 102;
        -webkit-transition: all .4s ease-in-out;
        -moz-transition: all .4s ease-in-out;
        -o-transition: all .4s ease-in-out;
        -ms-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out;
        cursor: pointer;
        padding: 16px 35px 16px 0;
        margin: 12px 0 0 15px
    }
    .wsanimated-arrow span,
    .wsanimated-arrow span:after,
    .wsanimated-arrow span:before {
        cursor: pointer;
        height: 2px;
        width: 17px;
        background: #9196a0;
        position: absolute;
        display: block;
        content: ''
    }
    .wsanimated-arrow span:before {
        top: -7px;
        width: 23px
    }
    .wsanimated-arrow span:after {
        bottom: -7px;
        width: 17px
    }
    .wsanimated-arrow span,
    .wsanimated-arrow span:after,
    .wsanimated-arrow span:before {
        transition: all .5s ease-in-out
    }
    .wsactive .wsanimated-arrow span:after {
        width: 23px
    }
    .wsactive .wsanimated-arrow span {
        background-color: transparent
    }
    .wsactive .wsanimated-arrow span:before,
    .wsactive .wsanimated-arrow.active span:after {
        top: 7px
    }
    .wsactive .wsanimated-arrow span:before {
        transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        bottom: 0
    }
    .wsactive .wsanimated-arrow span:after {
        transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg)
    }
    .wsmenu>.overlapblackbg {
        left: 0;
        width: 100%;
        height: 100vh;
        min-height: 100%;
        position: fixed;
        top: 0;
        display: none;
        background-color: rgba(0, 0, 0, .45);
        cursor: pointer
    }
    .wsactive .wsmenu>.overlapblackbg {
        display: block
    }
    .wsmenucontainer {
        -webkit-transition: all .25s ease-in-out;
        -moz-transition: all .25s ease-in-out;
        -o-transition: all .25s ease-in-out;
        -ms-transition: all .25s ease-in-out;
        transition: all .25s ease-in-out
    }
    .wsactive .wsmenucontainer {
        margin-left: 260px;
        -webkit-transition: all .25s ease-in-out;
        -moz-transition: all .25s ease-in-out;
        -o-transition: all .25s ease-in-out;
        -ms-transition: all .25s ease-in-out;
        transition: all .25s ease-in-out
    }
    .wsactive .wsmenu {
        overflow-y: scroll;
        -webkit-overflow-scrolling: touch;
        visibility: visible;
        z-index: 1000;
        top: 0
    }
    .wsactive .wsmenu>.wsmenu-list {
        -webkit-transition: all .25s ease-in-out;
        -moz-transition: all .25s ease-in-out;
        -o-transition: all .25s ease-in-out;
        -ms-transition: all .25s ease-in-out;
        transition: all .25s ease-in-out;
        margin-left: 0
    }
    .wsmenu>.wsmenu-list>li>.wsmenu-click {
        border-left: 1px solid;
        cursor: pointer;
        display: block;
        height: 60px;
        position: absolute;
        right: 0;
        top: 0;
        width: 49px;
        z-index: 10
    }
    .wsmenu>.wsmenu-list>li>.wsmenu-click>i {
        display: block;
        height: 23px;
        width: 25px;
        margin-top: 18px;
        margin-right: 13px;
        background-size: 25px;
        font-size: 21px;
        float: right;
        text-align: center
    }
    .wsmenu>.wsmenu-list>li>.wsmenu-click.ws-activearrow>i {
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg)
    }
    .wsmenu .wsmenu-list>li>.wsshoptabing>.wsshopwp>.wstabitem>li>.wsmenu-click02 {
        border-left: 1px solid #f3f3f3;
        cursor: pointer;
        display: block;
        height: 45px;
        position: absolute;
        right: 0;
        top: 0;
        width: 49px;
        z-index: 10;
        background-color: #f5f5f5
    }
    .wsmenu .wsmenu-list>li>.wsshoptabing>.wsshopwp>.wstabitem>li>.wsmenu-click02 i {
        display: block;
        height: 23px;
        width: 34px;
        margin-top: 11px;
        margin-right: 8px;
        background-size: 25px;
        font-size: 21px;
        color: rgba(0, 0, 0, .25);
        float: right;
        text-align: center
    }
    .wsmenu .wsmenu-list>li>.wsshoptabing>.wsshopwp>.wstabitem>li>.wsmenu-click02.ws-activearrow02>i {
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg)
    }
    .wsmenu .wsmenu-list>li>.wtsbrandmenu>.wsshoptabingwp>.wstabitem02>li>.wsmenu-click03 {
        border-left: 1px solid #f3f3f3;
        cursor: pointer;
        display: block;
        height: 45px;
        position: absolute;
        right: 0;
        top: 0;
        width: 49px;
        z-index: 10;
        background-color: #f3f3f3
    }
    .wsmenu .wsmenu-list>li>.wtsbrandmenu>.wsshoptabingwp>.wstabitem02>li>.wsmenu-click03 i {
        display: block;
        height: 23px;
        width: 34px;
        margin-top: 11px;
        margin-right: 8px;
        background-size: 25px;
        font-size: 21px;
        color: rgba(0, 0, 0, .25);
        float: right;
        text-align: center
    }
    .wsmenu .wsmenu-list>li>.wtsbrandmenu>.wsshoptabingwp>.wstabitem02>li>.wsmenu-click03.ws-activearrow03>i {
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg)
    }
}

@media only screen and (min-width:992px) and(max-width:1262px) {
    .wsmenu>.wsmenu-list>li.wssearchbar {
        width: 21%
    }
    .smllogo {
        width: 7%
    }
    .wsmenu {
        width: 93%
    }
}

.service-icons {
    width: 60px;
    height: 60px;
    background-image: url(../images/service-icon/service_icons.png);
    background-repeat: no-repeat
}

#service-icon-1 {
    background-position: 0 0
}

#service-icon-2 {
    background-position: -120px 0
}

#service-icon-3 {
    background-position: -240px 0
}

#service-icon-4 {
    background-position: -360px 0
}

#service-icon-5 {
    background-position: -60px 0
}

#service-icon-6 {
    background-position: -180px 0
}

#service-icon-7 {
    background-position: -300px 0
}

#service-icon-8 {
    background-position: -420px 0
}

.btn-aso {
    position: relative;
    color: #fff;
    border-radius: 30px;
    text-transform: uppercase;
    transform: scale(1.1, 1.1);
    transition: all .3s ease-out 0
}

.btn-aso:hover {
    transform: scale(1, 1);
    color: #fff
}

.btn-aso i {
    margin-right: 15px;
    color: #fff
}

.btn-aso:before {
    content: "";
    position: absolute;
    bottom: -8px;
    left: 0;
    width: 100%;
    height: 10px;
    filter: blur(20px);
    border-radius: 30px;
    display: inline-block;
    z-index: -1;
    transition: all .3s ease-out 0
}

.btn-aso:hover:before {
    bottom: 0;
    filter: blur(10px)
}

.btn-aso.blue {
    background: linear-gradient(to left, #7474bf, #348ac7)
}

.btn-aso.blue:before {
    background: linear-gradient(to right, #7474bf, #348ac7)
}

.btn-aso.green {
    background: linear-gradient(to left, #414d0b, #727a17)
}

.btn-aso.green:before {
    background: linear-gradient(to right, #414d0b, #727a17)
}

.btn-aso.orange {
    background: linear-gradient(to left, #fe8c00, #f83600)
}

.btn-aso.orange:before {
    background: linear-gradient(to right, #fe8c00, #f83600)
}

.btn-aso.purple {
    background: linear-gradient(to left, #c04848, #480048)
}

.btn-aso.purple:before {
    background: linear-gradient(to right, #c04848, #480048)
}

@media only screen and (max-width:767px) {
    .btn-aso {
        margin-bottom: 15px
    }
    .pic-sec {
        border-right: 0 !important;
        border-bottom: 2px solid #8d8d8d
    }
}

.list_designer .text-area {
    margin-top: 60px;
    margin-bottom: 20px
}

.list_designer .text-area button {
    color: #fff;
    background: #3ab54a;
    border-radius: 20px;
    border: 0;
    padding: 10px 0
}

.list_designer h2 {
    padding: 0 0 5px;
    margin: 0 0 10px;
    border-bottom: 1px #e4e7e6 solid
}

.list_designer ul {
    list-style: none
}

.list_designer .list-links {
    margin-bottom: 60px
}

.list_designer ul li a {
    color: #000;
    display: block;
    padding: 5px 0;
    position: relative
}

.list_designer ul li a:hover {
    color: #37b44a
}

.list_designer h3 {
    font-weight: 700;
    color: #1b3971
}

.ratings::before {
    color: #fe9520;
    content: "★★★★★";
    font-size: 25px
}

.designer-title a {
    font-weight: 600;
    text-transform: capitalize
}

.designer-title p {
    margin-top: 20px;
    color: #000;
    font-size: 15px
}

.designer-title ul .thum-img li {
    display: inline-block
}

.thum-img-list {
    display: inline-block;
    display: flex;
    justify-content: space-between
}

.thum-img-list li {
    display: inline-block
}

.btn-project {
    color: #fff !important;
    background: #3ab54a !important;
    border-radius: 20px !important;
    border: 0 !important;
    padding: 12px 25px !important;
    margin-top: 40px
}

.list-card {
    -webkit-box-shadow: 0 0 23px -12px #454545;
    -moz-box-shadow: 0 0 23px -12px #454545;
    box-shadow: 0 0 23px -12px #454545;
    margin-bottom: 20px;
    padding: 5px
}

.list-card:hover {
    -webkit-box-shadow: 0 0 23px -12px #454545;
    -moz-box-shadow: 0 0 23px -12px #454545;
    box-shadow: 0 0 23px -12px #454545
}

.profile-cover {
    position: relative;
    z-index: 1;
    padding: 20px 0
}

.profile-cover::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 100%;
    background-color: transparent;
    font-family: Rubik, sans-serif;
    background: rgba(0, 0, 0, .54);
    background-repeat: repeat-x;
    z-index: -1
}

.social-network {
    margin-top: 15px
}

.social-network ul {
    list-style: none;
    margin: 0 !important;
    padding: 0
}

.social-network ul li {
    display: inline;
    margin: 0 5px;
    display: inline
}

.social-network a.icoFacebook {
    background-color: #3b5998
}

.social-network a.icoTwitter {
    background-color: #3cf
}

.social-network a.icoGoogle {
    background-color: #bd3518
}

.social-network a.icoVimeo {
    background-color: #0590b8
}

.social-network a.icoLinkedin {
    background-color: #007bb7
}

.social-network a.icoFacebook:hover {
    background-color: #3b5998
}

.social-network a.icoTwitter:hover {
    background-color: #3cf
}

.social-network a.icoGoogle:hover {
    background-color: #bd3518
}

.social-network a.icoVimeo:hover {
    background-color: #0590b8
}

.social-network a.icoLinkedin:hover {
    background-color: #007bb7
}

.social-network a.icoFacebook:hover i,
.social-network a.icoGoogle:hover i,
.social-network a.icoLinkedin:hover i,
.social-network a.icoRss:hover i,
.social-network a.icoTwitter:hover i,
.social-network a.icoVimeo:hover i {
    color: #fff
}

.socialHoverClass,
a.socialIcon:hover {
    color: #44bcdd
}

.social-circle li a {
    display: inline-block;
    position: relative;
    margin: 0 auto;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    text-align: center;
    width: 40px;
    height: 40px;
    font-size: 18px
}

.social-circle li i {
    margin: 0;
    line-height: 40px;
    text-align: center
}

.social-circle li a:hover i,
.triggeredHover {
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -ms--transform: rotate(360deg);
    transform: rotate(360deg);
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    -ms-transition: all .2s;
    transition: all .2s
}

.social-circle i {
    color: #fff;
    -webkit-transition: all .8s;
    -moz-transition: all .8s;
    -o-transition: all .8s;
    -ms-transition: all .8s;
    transition: all .8s
}

.social-network a {
    background-color: #d3d3d3
}

.dp-img {
    border: 4px solid #3ab44a;
    border-radius: 100%;
    width: 170px;
    height: 170px;
    position: relative;
    overflow: hidden
}

.pro-edit::after {
    font-family: FontAwesome;
    content: "\f040";
    position: absolute;
    bottom: 60px;
    right: 25px;
    background-color: #fff;
    padding: 5px 10px;
    border-radius: 50%;
    border: 2px solid #37b44a;
    font-size: 16px
}

.cover-right {
    font-family: Rubik, sans-serif
}

.designer-detail a {
    color: #37b44a
}

.designer-detail ul li {
    list-style: none;
    color: #fff;
    font-size: 20px;
    line-height: 32px
}

.btn-consult {
    border: 0
}

.profile_tab {
    border-bottom: 2px solid #b0b0b0;
    background-color: #e7e7e7;
    z-index: 999 !important
}

.profile_tab ul {
    padding: 0 10px 10px;
    margin: 0
}

.profile_tab ul li {
    list-style: none;
    display: inline-block;
    margin-right: 45px;
    margin-top: 10px;
    font-size: 15px
}

.profile_tab ul li a {
    font-weight: 700;
    color: #383838
}

.profile_tab ul li a:hover {
    font-weight: 700;
    color: #3ab54a
}

.profile_tab ul li a:active {
    font-weight: 700;
    color: #3ab54a
}

.profile_tab ul li a:focus {
    font-weight: 700;
    color: #3ab54a
}

.profile_tab ul li a:active {
    font-weight: 700;
    color: #3ab54a
}

.contact-num {
    margin-right: 60px;
    font-weight: 700
}

.profile_tab ul li i {
    font-size: 20px;
    margin-right: 5px
}

.overviw-left p {
    color: #000;
    font-weight: 700
}

.overviw-left ul li {
    color: #000;
    font-weight: 700
}

.info-list-text {
    margin-bottom: 10px
}

.info-list-label i {
    font-size: 20px;
    color: #37b44a !important
}

.info-list-label a {
    margin-left: 10px;
    color: #454545 !important;
    font-size: 16px;
    font-family: Lato, sans-serif
}

.overviw-left a {
    color: #37b44a;
    margin-left: 80px
}

.overview-projects-img {
    margin-top: 25px
}

.quick-links {
    background-color: #e7e7e7;
    margin-top: 10px;
    padding: 10px 20px
}

.quick-links ul {
    margin: 0
}

.quick-links ul li {
    list-style: none;
    display: inline-block;
    margin-right: 24px
}

.projects-list {
    margin-top: 20px
}

.projects-list ul li {
    list-style: none
}

.projects-list ul li a:hover {
    color: #3ab54a
}

.card {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .2);
    transition: .3s;
    margin-bottom: 35px
}

.card:hover {
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, .2)
}

.review h2 {
    margin-bottom: 20px
}

.reviewMe {
    margin-bottom: 20px
}

.btn-review {
    color: #4c4c4c !important;
    background-color: #fafafa;
    border: 1px solid #ccc;
    padding: 5px 17px;
    font-weight: 700;
    display: inline-block;
    margin-bottom: 25px
}

.btn-review:hover {
    background-color: #dadada
}

.review-section {
    padding: 20px 0;
    border-top: 5px solid #3ab54a
}

.review-card {
    border: 4px solid #e6e6e6;
    padding: 10px;
    margin-bottom: 20px
}

.reviewer {
    margin-bottom: 10px
}

.reviewer a {
    font-size: 18px
}

.reviewer i {
    color: #f3c500;
    font-size: 16px
}

.review-info {
    margin-bottom: 5px
}

.reviewer-name {
    margin-bottom: 10px
}

.review-sec-title {
    margin-bottom: 30px
}

.review-sec-title h2 {
    margin-bottom: 15px;
    font-size: 28px;
    font-family: Lato, sans-serif;
    color: #222;
    margin-top: 0
}

.hdline {
    height: 3px;
    width: 100px;
    background: #37b44a;
    display: block;
    margin-bottom: 15px
}

.review-form {
    position: relative;
    padding-right: 40px
}

.review-form::after {
    width: 270px;
    height: 470px;
    border: 15px solid #e6e6e6;
    content: '';
    display: block;
    position: absolute;
    right: 0;
    top: -37px;
    border-left: 0;
    z-index: -1
}

.mtm {
    margin-top: 10px
}

.mtm a:hover {
    color: #37b44a
}

.sign-in-to-see-more a {
    color: #37b44a
}

.like-txt {
    margin-top: 10px;
    color: #4a4b4b;
    display: flex;
    margin-bottom: 25px
}

.like-txt button {
    padding: 0 10px;
    background-color: #9e9d9d;
    color: #fff;
    border: 0;
    border-radius: 5px
}

.like-txt i {
    color: #fff;
    margin-right: 5px
}

.like-btn {
    padding: 0 10px;
    margin-right: 10px;
    background-color: #9e9d9d;
    color: #fff;
    border: 0;
    border-radius: 5px
}

.date-zone {
    margin-left: 10px
}

.discussion-heading {
    margin-bottom: 30px
}

.dicussion {
    border-bottom: 1px solid #b6b6b6;
    margin-bottom: 25px
}

.discussion .discussion-title p {
    color: #333;
    font-size: 20px
}

.discussion-footer ul {
    list-style: none
}

.discussion-footer ul li {
    display: inline-block;
    margin-right: 15px
}

.key-title {
    background-color: #e4e4e4;
    padding: 3px 10px;
    border-radius: 15px;
    color: #000
}

.bethecomment a {
    color: #37b44a
}

.srvices_main1 {
    overflow: hidden;
    padding: 30px 0 0;
    width: 100%
}

.service_first {
    background: #f2efef none repeat scroll 0 0;
    border: 1px dotted silver;
    border-radius: 0;
    padding: 20px 10px;
    width: 100%
}

.service_first h1 {
    color: #000;
    font-family: roboto;
    font-size: 20px;
    font-weight: 400;
    margin-top: 0;
    padding: 5px 0 15px;
    text-align: center
}

.heading {
    padding-bottom: 9px;
    position: relative
}

.service_first p {
    font-family: roboto;
    font-size: 14px;
    font-weight: 400;
    margin: 0;
    padding: 0 15px 15px;
    text-align: justify
}

.service_button {
    padding: 10px 0;
    width: 100%
}

.service_button a {
    background-color: #37b44a;
    border: 1px solid;
    border-radius: 0;
    color: #fff;
    font-family: roboto;
    font-size: 16px;
    padding: 5px 25px;
    text-align: center;
    text-decoration: none;
    transition: all .3s ease-in-out 0
}

.service_button a:hover {
    background: #000 none repeat scroll 0 0
}

.service_first:hover {
    background: #fff none repeat scroll 0 0;
    border: 1px dashed #aaa;
    cursor: auto;
    display: block
}

.service_first .expert-advice {
    text-align: center;
    padding-bottom: 10px
}

.service_first .expert-advice .exp-txt {
    color: red
}

.be-associate {
    margin-top: 50px
}

.house-desing-quotation h3 {
    font-size: 30px;
    color: #212121;
    font-family: fonarto
}

.wrimagecard {
    margin-top: 0;
    margin-bottom: 1.5rem;
    text-align: left;
    position: relative;
    background: #fff;
    box-shadow: 12px 15px 20px 0 rgba(46, 61, 73, .15);
    border-radius: 4px;
    transition: all .3s ease
}

.wrimagecard .fa {
    position: relative;
    font-size: 70px
}

.wrimagecard-topimage_header {
    padding: 20px
}

.wrimagecard-topimage:hover,
a.wrimagecard:hover {
    box-shadow: 2px 4px 8px 0 rgba(46, 61, 73, .2)
}

.wrimagecard-topimage a {
    width: 100%;
    height: 100%;
    display: block
}

.wrimagecard-topimage_title {
    padding: 20px 24px;
    height: 80px;
    padding-bottom: .75rem;
    position: relative
}

.wrimagecard-topimage a {
    border-bottom: none;
    text-decoration: none;
    color: #525c65;
    transition: color .3s ease
}

.overview-section .overviw-left p {
    line-height: 1.8em;
    color: #444;
    font-size: 15px
}

.user-txt {
    color: #fff;
    font-weight: 700;
    text-align: center;
    margin-bottom: 0
}

.project-section {
    padding: 30px 0;
    position: relative;
    z-index: 1;
    overflow: hidden;
    border-top: 5px solid #3ab54a
}

.project-item {
    margin: 0 35px 40px;
    overflow: hidden;
    border: 4px solid #8c8c8c;
    padding: 5px
}

.project-item:hover .project-img-overlay {
    transform: scaleX(1)
}

.project-img {
    background-color: #fff;
    overflow: hidden;
    position: relative
}

.project-img img {
    max-height: 210px;
    min-height: 210px;
    width: 100%
}

.project-img .project-img-overlay {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .43);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    content: '';
    transform: scaleX(0);
    transition: All .5s ease;
    display: flex;
    align-items: center;
    justify-content: center
}

.project-img .project-img-overlay a {
    background-color: #3ab54a;
    padding: 8px;
    z-index: -1
}

.project-img .project-img-overlay a:hover {
    box-shadow: 0 0 10px #000
}

.project-img .project-img-overlay i {
    font-size: 20px;
    color: #fff
}

.project-contant {
    padding: 15px;
    background: #3ab54a;
    border-top: 0;
    text-align: center;
    position: relative
}

.project-contant h3 {
    font-size: 16px;
    font-family: Lato, sans-serif;
    color: #fff;
    text-transform: capitalize;
    margin: 0
}

.design-section {
    padding: 60px 0
}

.myexperience-section {
    padding: 60px 0;
    background: #f3f3f3
}

a:focus,
a:hover {
    outline: 0;
    text-decoration: none
}

.pt-2 {
    padding-top: 10px
}

.tab-menu .nav-tabs {
    border: none;
    margin: 10px 0
}

.tab-menu .nav-tabs li a {
    padding: 5px 15px;
    margin-right: 15px;
    background: #3ab54a;
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    text-transform: uppercase;
    border: none;
    border-top: 3px solid #3ab54a;
    border-bottom: 3px solid #3ab54a;
    border-radius: 0;
    overflow: hidden;
    position: relative;
    transition: all .3s ease 0
}

.tab-menu .nav-tabs li a:hover,
.tab-menu .nav-tabs li.active a {
    border: none;
    border-top: 3px solid #3ab54a !important;
    border-bottom: 3px solid #3ab54a !important;
    background: #fff;
    color: #3ab54a;
    font-size: 14px
}

.tab-menu .nav-tabs li a:before {
    content: "";
    border-top: 15px solid #3ab54a;
    border-right: 15px solid transparent;
    border-bottom: 15px solid transparent;
    position: absolute;
    top: 0;
    left: -50%;
    transition: all .3s ease 0
}

.tab-menu .nav-tabs li a:hover:before,
.tab-menu .nav-tabs li.active a:before {
    left: 0
}

.tab-menu .nav-tabs li a:after {
    content: "";
    border-bottom: 15px solid #3ab54a;
    border-left: 15px solid transparent;
    border-top: 15px solid transparent;
    position: absolute;
    bottom: 0;
    right: -50%;
    transition: all .3s ease 0
}

.tab-menu .nav-tabs li a:hover:after,
.tab-menu .nav-tabs li.active a:after {
    right: 0
}

.tab-menu .tab-content {
    padding: 15px 0 0;
    border-top: 3px solid #384d48;
    border-bottom: 3px solid #384d48;
    font-size: 17px;
    color: #384d48;
    letter-spacing: 1px;
    position: relative;
    background-color: #fff0
}

.tab-menu .tab-content:before {
    content: "";
    border-top: 25px solid #384d48;
    border-right: 25px solid transparent;
    border-bottom: 25px solid transparent;
    position: absolute;
    top: 0;
    left: 0
}

.tab-menu .tab-content:after {
    content: "";
    border-bottom: 25px solid #384d48;
    border-left: 25px solid transparent;
    border-top: 25px solid transparent;
    position: absolute;
    bottom: 0;
    right: 0
}

.tab-menu .tab-content h3 {
    font-size: 24px;
    margin-top: 0
}

.review-form {
    float: left;
    width: 100%
}

.contact-us-now {
    animation: 1s contact-btn-animate 1s ease-in-out infinite alternate;
    color: #1b3971
}

.designers-btn {
    background: #3ab54a;
    display: inline-block;
    padding: 10px 30px;
    border-radius: 30px !important;
    margin: 15px 0;
    color: #fff;
    font-weight: 600;
    border: 0
}

.designers-btn:hover {
    color: #fff
}

@keyframes contact-us-now {
    0% {
        transform: scale(.8);
        opacity: 0
    }
    60% {
        transform: scale(1.2);
        opacity: 1
    }
    100% {
        transform: scale(1)
    }
}

@media only screen and (max-width:479px) {
    .tab-menu .nav-tabs li {
        width: 100%;
        text-align: center;
        margin-bottom: 15px
    }
    .modal-content.new {
        width: 95% !important
    }
    .dp-img {
        width: 154px;
        height: 154px;
        margin: 0 auto;
        display: inherit
    }
    .designer-detail {
        margin-top: 0;
        margin-left: 30px;
        border-right: none !important
    }
    .profile_tab ul li {
        margin-right: 5px !important;
        margin-top: 0;
        float: left;
        display: inline-flex;
        margin-bottom: 10px
    }
    .review-form {
        padding: 22px 0 !important;
        display: inline-block;
        width: 100%
    }
    #quick_contact_forms {
        padding: 17px !important
    }
}

.foo-top .btn {
    background: #1b3971;
    border-color: #1b3971
}

@media (min-width: 768px) {
    .d-md-block {
        display: block !important;
      }
      .d-md-none {
        display: none !important;
      }
}

@media only screen and (min-width:600px) {
    .see_detail {
        display: none
    }
}

@media only screen and (max-width:600px) {
    .navbar-header {
        float: right
    }
    .mobile-navigation .menu-icon-grid i {
        position: fixed;
        top: 45px;
        display: none;
        left: 0;
        z-index: 9999999999
    }
    .menu-slide-right {
        left: -300px
    }
    .header-top.text-right {
        padding-left: 70px
    }
    .cd-accordion-menu {
        box-shadow: none
    }
    .menu-slide-left {
        left: 0;
        box-shadow: 4px 4px 10px #484747
    }
    .header-sec-navigation {
        padding-bottom: 5px
    }
    .cd-accordion-menu ul {
        padding-left: 0
    }
    ul.cd-accordion-menu.menu-slide-left ul li {
        padding: 5px;
        padding-left: 15px;
        border-bottom: 1px solid #ccc;
        background: #f9f9f9
    }
    ul.cd-accordion-menu.menu-slide-left ul li ul li {
        border-bottom: 1px solid #ccc;
        padding: 5px !important;
        padding-left: 15px !important;
        background: #f1f1f1
    }
    ul.cd-accordion-menu.menu-slide-left ul li ul li ul li.list-group-item {
        border-bottom: #ccc;
        background: #f9f9f9 !important;
        padding-left: 20px !important
    }
    #ninja-slider li {
        box-sizing: border-box;
        font-size: 12px;
        height: 300px
    }
    .pd-info-content-right button {
        background: #3ab54a;
        box-shadow: none;
        border: none;
        padding: 4px 3px;
        margin-top: -6px
    }
    .see_detail {
        color: #fff;
        text-decoration: none;
        background: #3ab54a;
        padding: 3px 10px;
        border: none;
        width: 100%;
        display: block
    }
    .pd-info-content-right p {
        margin-bottom: 3px
    }
    .product-simple-head img {
        height: auto
    }
    .product-simple-head {
        height: auto;
        min-height: auto
    }
    .product-simple-body {
        min-height: auto;
        max-height: initial
    }
    .contractor-tabs .overview-section,
    .contractor_form {
        padding: 5px
    }
}