/* devanagari */
@font-face {
  font-family: 'AvenirLTStd-Roman';
  src: url('../fonts/AvenirLTStd-Roman.woff2') format('woff2'),
       url('../fonts/AvenirLTStd-Roman.woff') format('woff'),
       url('../fonts/AvenirLTStd-Roman.ttf')  format('truetype');
}


@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: local('Poppins Light'), local('Poppins-Light'),
        url(../fonts/Poppins/pxiByp8kv8JHgFVrLDz8Z11lFc-K.woff2) format('woff2');
    unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
}

/* latin-ext */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: local('Poppins Light'), local('Poppins-Light'),
        url(../fonts/Poppins/pxiByp8kv8JHgFVrLDz8Z1JlFc-K.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: local('Poppins Light'), local('Poppins-Light'),
        url(../fonts/Poppins/pxiByp8kv8JHgFVrLDz8Z1xlFQ.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* devanagari */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local('Poppins Regular'), local('Poppins-Regular'),
        url(../fonts/Poppins/pxiEyp8kv8JHgFVrJJbecmNE.woff2) format('woff2');
    unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
}

/* latin-ext */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local('Poppins Regular'), local('Poppins-Regular'),
        url(../fonts/Poppins/pxiEyp8kv8JHgFVrJJnecmNE.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local('Poppins Regular'), local('Poppins-Regular'),
        url(../fonts/Poppins/pxiEyp8kv8JHgFVrJJfecg.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* devanagari */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: local('Poppins Medium'), local('Poppins-Medium'),
        url(../fonts/Poppins/pxiByp8kv8JHgFVrLGT9Z11lFc-K.woff2) format('woff2');
    unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
}

/* latin-ext */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: local('Poppins Medium'), local('Poppins-Medium'),
        url(../fonts/Poppins/pxiByp8kv8JHgFVrLGT9Z1JlFc-K.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: local('Poppins Medium'), local('Poppins-Medium'),
        url(../fonts/Poppins/pxiByp8kv8JHgFVrLGT9Z1xlFQ.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* devanagari */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: local('Poppins Bold'), local('Poppins-Bold'),
        url(../fonts/Poppins/pxiByp8kv8JHgFVrLCz7Z11lFc-K.woff2) format('woff2');
    unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
}

/* latin-ext */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: local('Poppins Bold'), local('Poppins-Bold'),
        url(../fonts/Poppins/pxiByp8kv8JHgFVrLCz7Z1JlFc-K.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: local('Poppins Bold'), local('Poppins-Bold'),
        url(../fonts/Poppins/pxiByp8kv8JHgFVrLCz7Z1xlFQ.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: FuturaBT-Heavys;
    src: url(../fonts/FuturaBT-Heavy.eot?#iefix) format('embedded-opentype'),
        url(../fonts/FuturaBT-Heavy.woff) format('woff'),
        url(../fonts/FuturaBT-Heavy.ttf) format('truetype'),
        url(../fonts/FuturaBT-Heavy.svg#FuturaBT-Heavy) format('svg');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: FuturaBT-Books;
    src: url(../fonts/FuturaBT-Book.eot?#iefix) format('embedded-opentype'),
        url(../fonts/FuturaBT-Book.woff) format('woff'),
        url(../fonts/FuturaBT-Book.ttf) format('truetype'),
        url(../fonts/FuturaBT-Book.svg#FuturaBT-Book) format('svg');
    font-weight: 400;
    font-style: normal
}

body {
    background-color: #fff;
    font-family: "Helvetica Neue", Helvetica;
    font-size: 14px;
    font-weight: 400;
    color: #767676;
    padding: 0;
    margin: 0;
    overflow-x: hidden
}

a {
    color: #ffbc13;
    outline: 0 none;
    text-decoration: none;
    font-family:'Roboto', sans-serif !important
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Roboto', sans-serif !important;
}

a:focus,
a:hover {
    text-decoration: none;
    outline: 0 none
}

a:active,
a:hover {
    color: #333
}

p a {
    color: #333
}

img {
    border-style: none;
    height: auto;
    max-width: 100%;
    vertical-align: middle
}

hr {
    clear: both
}

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

address {
    font-style: italic
}

table {
    background-color: transparent;
    width: 100%
}

table thead th {
    color: #333
}

table td {
    padding: 15px 10px
}

address,
dd,
dl,
hr,
ol,
p,
pre,
table,
ul {
    margin-bottom: 24px;
    font-family: Poppins, sans-serif !important
}

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

.overflow-hide {
    overflow: hidden
}

.overflow-auto {
    overflow: auto
}

.clear {
    clear: both
}

.pull-none {
    float: none
}

::selection {
    background: #ffbc13;
    color: #fff
}

::-moz-selection {
    background: #ffbc13;
    color: #fff
}

::-webkit-selection {
    background: #ffbc13;
    color: #fff
}

.number-field label {
    display: block
}

.number-field {
    position: relative
}

.number-field .code-select {
    width: 65px;
    display: inline-block;
    float: left
}

.number-field .code-select select {
    padding: 0 0 0 5px;
    box-shadow: none;
    margin-bottom: 0
}

.number-field .number-wrapper {
    box-shadow: 0 2px 4px rgba(23, 23, 23, .18);
    margin-bottom: 30px
}

.number-field .phone-input {
    width: calc(100% - 65px);
    display: inline-block;
    float: left
}

.number-field .phone-input input {
    box-shadow: none;
    margin-bottom: 0
}

.vodiapicker {
    display: none
}

#a {
    padding-left: 0;
    height: 220px;
    overflow-y: scroll;
    margin: 0
}

#a img {
    width: 20px;
    margin-right: 8px
}

.btn-select img {
    width: 15px;
    margin-right: 6px
}

#a li {
    list-style: none;
    padding-top: 5px;
    padding-bottom: 5px
}

#a li:hover {
    background-color: #f4f3f3
}

#a li img {
    margin: 5px
}

.b {
    display: none;
    width: 100%;
    max-width: 350px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 5px;
    position: absolute;
    top: 44px;
    width: 240px;
    z-index: 999;
    background: #f4f4f4
}

.open {
    display: show !important
}

.btn-select {
    margin-top: 0;
    box-shadow: none;
    background: 0 0;
    background-color: transparent;
    border: 0
}

.btn-select li {
    list-style: none;
    float: left;
    padding-bottom: 0;
    padding-top: 12px
}

.btn-select:hover li {
    margin-left: 0
}

.btn-select:focus {
    outline: 0
}

.lang-select {
    width: 65px;
    display: inline-block;
    float: left;
    background: #f4f4f4;
    height: 45px;
    position: relative
}

.errormessage {
    display: none;
    color: red;
    font-size: 16px;
    text-align: center
}

.erroroccured .errormessage {
    display: block
}

label.errorlogin {
    display: block;
    text-align: center;
    color: red !important
}

.removefooter footer .call-to-action-wrap {
    display: none
}

.image-wrapper-careers .image-one {
    height: 410px;
    object-fit: cover
}

.image-wrapper-careers .image-two {
    object-fit: cover;
    height: 285px
}

.image-wrapper-careers .image-three {
    height: 230px;
    object-fit: cover
}

.image-wrapper-careers .image-four {
    height: 350px;
    vertical-align: top;
    position: relative;
    top: -70px;
    object-fit: cover
}

.image-wrapper-careers img {
    width: 42%;
    box-shadow: 2px 1px 9px 1px transparent;
    transition: all ease .6s;
    display: inline-block;
    margin: 10px
}

.image-wrapper-careers img:hover {
    box-shadow: 2px 1px 9px 1px rgba(0, 0, 0, .2);
    transition: all ease .6s;
    transform: scale(1.05)
}

.image-wrapper-careers {
    height: 100%
}

.searcbar-main {
    display: inline-block
}

.searcbar-main form {
    margin: 0
}

.searcbar-main form input {
    border: solid 1px #ffbc13;
    padding: 4px 10px 3px 7px;
    background: #fff;
    box-shadow: none;
    color: #2a4666;
    font-size: 11px;
    min-width: 190px
}

.searcbar-main form .submit-btn {
    background: #ffbc13;
    border: 0;
    padding: 3px 10px
}


.desing-wrapper {
    position: relative;
}


.hero__slideContent {
    position: absolute;
    width: 100%;
    bottom: 125px;
        right: 0;
    transform: translateX(-50%);
    max-width: 420px;
    padding: 50px 25px;
    z-index: 5;
}
.hero__slideContent:before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #2a4666;
    clip-path: polygon(58% 0, 65% 6%, 94% 6%, 94% 38%, 100% 43%, 100% 0);
    left: -35px;
    bottom: -28px;
    transform: rotate(180deg);
    z-index: 1;
}
.hero__slideContent:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    clip-path: polygon(58% 0, 65% 6%, 94% 6%, 94% 38%, 100% 43%, 100% 100%, 0 100%, 0 0);
    background: #2a4666;
    z-index: -1;
}
.hero__slideContent h1 {
    font-size: 2rem;
    color: #fff;
    font-weight: 300;
    margin-bottom: 20px;
}


.hero__slideContent p {
    margin-bottom: 35px;    

    color: #fff;
    font-size: 14px;
}

.hero__slideContent--right {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #ffbc13;
    clip-path: polygon(58% 0, 65% 6%, 94% 6%, 94% 38%, 100% 43%, 100% 0);
    left: 10px;
    top: -10px;
    z-index: 1;
}


.our-products{

}
.our-products .product-item-block{border-radius: 13px;background: #fff;    margin: 30px 0;}

.our-products .product-item-block .product-content{padding: 25px;color: #000;}

.our-products .product-item-block figure img{    height: 240px;
    object-fit: cover;
    border-radius: 12px;
    width: 100%;}


.our-products .product-item-block h3{margin: 0 0 15px;text-align: center;}
.our-products .product-item-block p{margin: 0;

    font-size: 17px;}



@media only screen and (max-width:600px) {
    .col-xs-100pc {
        width: 100%
    }
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-bottom: 24px
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
    color: #3d474a
}

h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover {
    color: #ffbc13
}

h1 {
    font-weight: 600;
    font-size: 36px;
    line-height: 36px;
    color: #2a4666
}

h2 {
    font-weight: 600;
    font-size: 24px;
    line-height: 1.4 !important;
    color: #2a4666 !important
}

h3 {
    font-weight: 600;
    font-size: 20px;
    line-height: 1.4 !important;
    color: #2a4666 !important;
    margin-bottom: 20px
}

h4 {
    font-weight: 600;
    font-size: 18px;
    line-height: 1.4 !important;
    color: #2a4666 !important;
    margin-bottom: 15px
}

h5 {
    font-weight: 600;
    font-size: 16px;
    line-height: 1.4 !important;
    color: #2a4666 !important;
    margin-bottom: 10px
}

h6 {
    font-weight: 600;
    font-size: 14px;
    line-height: 1.4 !important;
    color: #2a4666 !important;
    margin-bottom: 10px
}

p {
      line-height: 24px !important;
    margin-bottom: 24px;
    font-family: 'Roboto', sans-serif !important;
    color: #000;
    font-size: 16px !important;
}

strong {
    font-weight: 600
}

.text-left {
    text-align: left
}

.text-center {
    text-align: center
}

.text-right {
    text-align: right
}

.text-justify {
    text-align: justify
}

.v-align-t {
    vertical-align: top
}

.v-align-m {
    vertical-align: middle
}

.v-align-b {
    vertical-align: bottom
}

.text-nowrap {
    white-space: nowrap
}

.text-lowercase {
    text-transform: lowercase
}

.text-uppercase {
    text-transform: uppercase
}

.text-capitalize {
    text-transform: capitalize
}

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

.font-16 {
    font-size: 16px
}

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

.font-20 {
    font-size: 20px
}

.font-22 {
    font-size: 22px
}

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

.font-26 {
    font-size: 26px
}

.font-50 {
    font-size: 50px;
    line-height: 56px
}

.font-60 {
    font-size: 60px;
    line-height: 66px
}

.font-70 {
    font-size: 70px;
    line-height: 76px
}

.font-80 {
    font-size: 80 px;
    line-height: 86px
}

.font-weight-300 {
    font-weight: 300
}

.font-weight-400 {
    font-weight: 400
}

.font-weight-500 {
    font-weight: 500
}

.font-weight-600 {
    font-weight: 600
}

.font-weight-700 {
    font-weight: 700
}

.font-weight-800 {
    font-weight: 800
}

.font-weight-900 {
    font-weight: 900
}

dl,
ol,
ul {
    list-style-position: outside;
    padding: 0
}

ol,
ul {
    margin-bottom: 24px
}

ol li,
ul li {
    padding: 0
}

dl {
    margin-left: 0;
    margin-bottom: 30px
}

dl dd {
    margin-bottom: 10px
}

.list-simple li {
    margin-bottom: 10px
}

.list-simple li ul {
    margin-left: 15px;
    margin-top: 10px
}

.list-simple.list-unstyled li ul {
    margin-left: 30px;
    margin-top: 10px
}

.list-angle-right,
.list-arrow,
.list-arrow-circle,
.list-check,
.list-check-circle,
.list-checked,
.list-chevron-circle,
.list-circle,
.list-times-circle {
    margin: 0 0 20px 0;
    padding: 0;
    list-style: none
}

.list-angle-right li,
.list-arrow li,
.list-arrow-circle li,
.list-check li,
.list-check-circle li,
.list-checked li,
.list-chevron-circle li,
.list-circle li,
.list-times-circle li {
    padding: 5px 5px 5px 20px;
    position: relative;
    font-family:'Roboto', sans-serif !important;
        font-size: 16px;
    line-height: 24px;
        color: #000;
}

.list-angle-right li:before,
.list-arrow li:before,
.list-arrow-circle li:before,
.list-check li:before,
.list-check-circle li:before,
.list-checked li:before,
.list-chevron-circle li:before,
.list-circle li:before,
.list-times-circle li:before {
    font-family: FontAwesome;
    position: absolute;
    left: 0;
    top: 6px;
    display: block;
    font-size: 15px;
    color: #777
}

.list-circle li:before {
    top: 10px;
    font-size: 10px
}

.list-circle li:before {
    content: "\f111"
}

.list-angle-right li:before {
    content: "\f105"
}

.list-arrow li:before {
    content: "\f0da"
}

.list-check li:before {
    content: "\f00c"
}

.list-checked li:before {
    content: "\f046"
}

.list-check-circle li:before {
    content: "";
    position: absolute;
    left: 0;
    display: inline-block;
    width: 10px;
    height: 10px;
    border: 3px solid #2a4666;
    margin-bottom: 10px;
    top: 10px
}

.list-chevron-circle li:before {
    content: "\f138"
}

.list-arrow-circle li:before {
    content: "\f0a9"
}

.list-times-circle li:before {
    content: "\f057"
}

ul.primary li:before {
    color: #ffbc13
}

ul.secondry li:before {
    color: #77c04b
}

ul.black li:before {
    color: #000
}

ul.white li:before {
    color: #fff
}

ul.orange li:before {
    color: #f60
}

ul.green li:before {
    color: #0c0
}

ul.red li:before {
    color: #ff3737
}

dl.no-margin,
ol.no-margin,
ul.no-margin {
    margin: 0 !important;
    list-style: none
}

ol.list-num-count {
    counter-reset: li;
    padding-left: 0
}

ol.list-num-count>li {
    position: relative;
    margin: 0 0 6px 30px;
    padding: 4px 8px;
    list-style: none
}

ol.list-num-count>li:before {
    content: counter(li, decimal);
    counter-increment: li;
    position: absolute;
    top: 0;
    left: -28px;
    width: 28px;
    height: 28px;
    padding: 5px;
    color: #fff;
    background: #ffbc13;
    font-weight: 700;
    text-align: center;
    font-size: 12px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px
}

ol.list-num-count.lower-alpha>li:before {
    content: counter(li, lower-alpha)
}

ol.list-num-count.upper-alpha>li:before {
    content: counter(li, upper-alpha)
}

.p-a0 {
    padding: 0
}

.p-a5 {
    padding: 5px
}

.p-a10 {
    padding: 10px
}

.p-a15 {
    padding: 15px
}

.p-a20 {
    padding: 20px
}

.p-a25 {
    padding: 25px
}

.p-a30 {
    padding: 30px
}

.p-a40 {
    padding: 40px
}

.p-a50 {
    padding: 50px
}

.p-a60 {
    padding: 60px
}

.p-a70 {
    padding: 70px
}

.p-a80 {
    padding: 80px
}

.p-a90 {
    padding: 90px
}

.p-a100 {
    padding: 100px
}

.p-a110 {
    padding: 110px
}

.p-a120 {
    padding: 120px
}

.p-a130 {
    padding: 130px
}

.p-a140 {
    padding: 140px
}

.p-a150 {
    padding: 150px
}

.p-t0 {
    padding-top: 0
}

.p-t5 {
    padding-top: 5px
}

.p-t10 {
    padding-top: 10px
}

.p-t15 {
    padding-top: 15px
}

.p-t20 {
    padding-top: 20px
}

.p-t30 {
    padding-top: 30px
}

.p-t40 {
    padding-top: 40px
}

.p-t50 {
    padding-top: 50px
}

.p-t60 {
    padding-top: 60px
}

.p-t70 {
    padding-top: 70px
}

.p-t80 {
    padding-top: 80px
}

.p-t90 {
    padding-top: 90px
}

.p-t100 {
    padding-top: 100px
}

.p-t110 {
    padding-top: 110px
}

.p-t120 {
    padding-top: 120px
}

.p-t130 {
    padding-top: 130px
}

.p-t140 {
    padding-top: 140px
}

.p-t150 {
    padding-top: 150px
}

.p-b0 {
    padding-bottom: 0
}

.p-b5 {
    padding-bottom: 5px
}

.p-b10 {
    padding-bottom: 10px
}

.p-b15 {
    padding-bottom: 15px
}

.p-b20 {
    padding-bottom: 20px
}

.p-b30 {
    padding-bottom: 30px
}

.p-b40 {
    padding-bottom: 40px
}

.p-b50 {
    padding-bottom: 50px
}

.p-b60 {
    padding-bottom: 60px
}

.p-b70 {
    padding-bottom: 70px
}

.p-b80 {
    padding-bottom: 80px
}

.p-b90 {
    padding-bottom: 90px
}

.p-b100 {
    padding-bottom: 100px
}

.p-b110 {
    padding-bottom: 110px
}

.p-b120 {
    padding-bottom: 120px
}

.p-b130 {
    padding-bottom: 130px
}

.p-b140 {
    padding-bottom: 140px
}

.p-b150 {
    padding-bottom: 150px
}

.p-l0 {
    padding-left: 0
}

.p-l5 {
    padding-left: 5px
}

.p-l10 {
    padding-left: 10px
}

.p-l15 {
    padding-left: 15px
}

.p-l20 {
    padding-left: 20px
}

.p-l30 {
    padding-left: 30px
}

.p-l40 {
    padding-left: 40px
}

.p-l50 {
    padding-left: 50px
}

.p-l60 {
    padding-left: 60px
}

.p-l70 {
    padding-left: 70px
}

.p-l80 {
    padding-left: 80px
}

.p-l90 {
    padding-left: 90px
}

.p-l100 {
    padding-left: 100px
}

.p-l110 {
    padding-left: 110px
}

.p-l120 {
    padding-left: 120px
}

.p-l130 {
    padding-left: 130px
}

.p-l140 {
    padding-left: 140px
}

.p-l150 {
    padding-left: 150px
}

.p-r0 {
    padding-right: 0
}

.p-r5 {
    padding-right: 5px
}

.p-r10 {
    padding-right: 10px
}

.p-r15 {
    padding-right: 15px
}

.p-r20 {
    padding-right: 20px
}

.p-r30 {
    padding-right: 30px
}

.p-r40 {
    padding-right: 40px
}

.p-r50 {
    padding-right: 50px
}

.p-r60 {
    padding-right: 60px
}

.p-r70 {
    padding-right: 70px
}

.p-r80 {
    padding-right: 80px
}

.p-r90 {
    padding-right: 90px
}

.p-r100 {
    padding-right: 100px
}

.p-r110 {
    padding-right: 110px
}

.p-r120 {
    padding-right: 120px
}

.p-r130 {
    padding-right: 130px
}

.p-r140 {
    padding-right: 140px
}

.p-r150 {
    padding-right: 150px
}

.p-lr0 {
    padding-left: 0;
    padding-right: 0
}

.p-lr5 {
    padding-left: 5px;
    padding-right: 5px
}

.p-lr10 {
    padding-left: 10px;
    padding-right: 10px
}

.p-lr15 {
    padding-left: 15px;
    padding-right: 15px
}

.p-lr20 {
    padding-left: 20px;
    padding-right: 20px
}

.p-lr30 {
    padding-left: 30px;
    padding-right: 30px
}

.p-lr40 {
    padding-left: 40px;
    padding-right: 40px
}

.p-lr50 {
    padding-left: 50px;
    padding-right: 50px
}

.p-lr60 {
    padding-left: 60px;
    padding-right: 60px
}

.p-lr70 {
    padding-left: 70px;
    padding-right: 70px
}

.p-lr80 {
    padding-left: 80px;
    padding-right: 80px
}

.p-lr90 {
    padding-left: 90px;
    padding-right: 90px
}

.p-lr100 {
    padding-left: 100px;
    padding-right: 100px
}

.p-lr120 {
    padding-left: 120px;
    padding-right: 120px
}

.p-lr150 {
    padding-left: 150px;
    padding-right: 150px
}

.p-tb0 {
    padding-bottom: 0;
    padding-top: 0
}

.p-tb5 {
    padding-bottom: 5px;
    padding-top: 5px
}

.p-tb10 {
    padding-bottom: 10px;
    padding-top: 10px
}

.p-tb15 {
    padding-bottom: 15px;
    padding-top: 15px
}

.p-tb20 {
    padding-bottom: 20px;
    padding-top: 20px
}

.p-tb30 {
    padding-bottom: 30px;
    padding-top: 30px
}

.p-tb40 {
    padding-bottom: 40px;
    padding-top: 40px
}

.p-tb50 {
    padding-bottom: 50px;
    padding-top: 50px
}

.p-tb60 {
    padding-bottom: 60px;
    padding-top: 60px
}

.p-tb70 {
    padding-bottom: 70px;
    padding-top: 70px
}

.p-tb80 {
    padding-bottom: 80px;
    padding-top: 80px
}

.p-tb90 {
    padding-bottom: 90px;
    padding-top: 90px
}

.p-tb100 {
    padding-bottom: 100px;
    padding-top: 100px
}

.p-tb120 {
    padding-bottom: 120px;
    padding-top: 120px
}

.p-tb150 {
    padding-bottom: 150px;
    padding-top: 150px
}

.m-a0 {
    margin: 0
}

.m-a5 {
    margin: 5px
}

.m-a10 {
    margin: 10px
}

.m-a15 {
    margin: 15px
}

.m-a20 {
    margin: 20px
}

.m-a30 {
    margin: 30px
}

.m-a40 {
    margin: 40px
}

.m-a50 {
    margin: 50px
}

.m-a60 {
    margin: 60px
}

.m-a70 {
    margin: 70px
}

.m-a80 {
    margin: 80px
}

.m-a90 {
    margin: 90px
}

.m-a100 {
    margin: 100px
}

.m-a110 {
    margin: 110px
}

.m-a120 {
    margin: 120px
}

.m-a130 {
    margin: 130px
}

.m-a140 {
    margin: 140px
}

.m-a150 {
    margin: 150px
}

.m-t0 {
    margin-top: 0
}

.m-t5 {
    margin-top: 5px
}

.m-t8 {
    margin-top: 8px
}

.m-t10 {
    margin-top: 10px
}

.m-t15 {
    margin-top: 15px
}

.m-t20 {
    margin-top: 20px
}

.m-t30 {
    margin-top: 30px
}

.m-t40 {
    margin-top: 40px
}

.m-t50 {
    margin-top: 50px
}

.m-t60 {
    margin-top: 60px
}

.m-t70 {
    margin-top: 70px
}

.m-t80 {
    margin-top: 80px
}

.m-t90 {
    margin-top: 90px
}

.m-t100 {
    margin-top: 100px
}

.m-t110 {
    margin-top: 110px
}

.m-t120 {
    margin-top: 120px
}

.m-t130 {
    margin-top: 130px
}

.m-t140 {
    margin-top: 140px
}

.m-t150 {
    margin-top: 150px
}

.m-b0 {
    margin-bottom: 0
}

.m-b5 {
    margin-bottom: 5px
}

.m-b10 {
    margin-bottom: 10px
}

.m-b15 {
    margin-bottom: 15px
}

.m-b20 {
    margin-bottom: 20px
}

.m-b30 {
    margin-bottom: 30px
}

.m-b40 {
    margin-bottom: 40px
}

.m-b50 {
    margin-bottom: 50px
}

.m-b60 {
    margin-bottom: 60px
}

.m-b70 {
    margin-bottom: 70px
}

.m-b80 {
    margin-bottom: 80px
}

.m-b90 {
    margin-bottom: 90px
}

.m-b100 {
    margin-bottom: 100px
}

.m-b110 {
    margin-bottom: 110px
}

.m-b120 {
    margin-bottom: 120px
}

.m-b130 {
    margin-bottom: 130px
}

.m-b140 {
    margin-bottom: 140px
}

.m-b150 {
    margin-bottom: 150px
}

.m-l0 {
    margin-left: 0
}

.m-l5 {
    margin-left: 5px
}

.m-l10 {
    margin-left: 10px
}

.m-l15 {
    margin-left: 15px
}

.m-l20 {
    margin-left: 20px
}

.m-l30 {
    margin-left: 30px
}

.m-l40 {
    margin-left: 40px
}

.m-l50 {
    margin-left: 50px
}

.m-l60 {
    margin-left: 60px
}

.m-l70 {
    margin-left: 70px
}

.m-l80 {
    margin-left: 80px
}

.m-l90 {
    margin-left: 90px
}

.m-l100 {
    margin-left: 100px
}

.m-l110 {
    margin-left: 110px
}

.m-l120 {
    margin-left: 120px
}

.m-l130 {
    margin-left: 130px
}

.m-l140 {
    margin-left: 140px
}

.m-l150 {
    margin-left: 150px
}

.m-r0 {
    margin-right: 0
}

.m-r5 {
    margin-right: 5px
}

.m-r10 {
    margin-right: 10px
}

.m-r15 {
    margin-right: 15px
}

.m-r20 {
    margin-right: 20px
}

.m-r30 {
    margin-right: 30px
}

.m-r40 {
    margin-right: 40px
}

.m-r50 {
    margin-right: 50px
}

.m-r60 {
    margin-right: 60px
}

.m-r70 {
    margin-right: 70px
}

.m-r80 {
    margin-right: 80px
}

.m-r90 {
    margin-right: 90px
}

.m-r100 {
    margin-right: 100px
}

.m-r110 {
    margin-right: 110px
}

.m-r120 {
    margin-right: 120px
}

.m-r130 {
    margin-right: 130px
}

.m-r140 {
    margin-right: 140px
}

.m-r150 {
    margin-right: 150px
}

.m-lr0 {
    margin-left: 0;
    margin-right: 0
}

.m-lr5 {
    margin-left: 5px;
    margin-right: 5px
}

.m-lr10 {
    margin-left: 10px;
    margin-right: 10px
}

.m-lr15 {
    margin-left: 15px;
    margin-right: 15px
}

.m-lr20 {
    margin-left: 20px;
    margin-right: 20px
}

.m-lr30 {
    margin-left: 30px;
    margin-right: 30px
}

.m-lr40 {
    margin-left: 40px;
    margin-right: 40px
}

.m-lr50 {
    margin-left: 50px;
    margin-right: 50px
}

.m-lr60 {
    margin-left: 60px;
    margin-right: 60px
}

.m-lr70 {
    margin-left: 70px;
    margin-right: 70px
}

.m-lr80 {
    margin-left: 80px;
    margin-right: 80px
}

.m-lr90 {
    margin-left: 90px;
    margin-right: 90px
}

.m-lr100 {
    margin-left: 100px;
    margin-right: 100px
}

.m-lr120 {
    margin-left: 120px;
    margin-right: 120px
}

.m-lr150 {
    margin-left: 150px;
    margin-right: 150px
}

.m-tb0 {
    margin-bottom: 0;
    margin-top: 0
}

.m-tb5 {
    margin-bottom: 5px;
    margin-top: 5px
}

.m-tb10 {
    margin-bottom: 10px;
    margin-top: 10px
}

.m-tb15 {
    margin-bottom: 15px;
    margin-top: 15px
}

.m-tb20 {
    margin-bottom: 20px;
    margin-top: 20px
}

.m-tb30 {
    margin-bottom: 30px;
    margin-top: 30px
}

.m-tb40 {
    margin-bottom: 40px;
    margin-top: 40px
}

.m-tb50 {
    margin-bottom: 50px;
    margin-top: 50px
}

.m-tb60 {
    margin-bottom: 60px;
    margin-top: 60px
}

.m-tb70 {
    margin-bottom: 70px;
    margin-top: 70px
}

.m-tb80 {
    margin-bottom: 80px;
    margin-top: 80px
}

.m-tb90 {
    margin-bottom: 90px;
    margin-top: 90px
}

.m-tb100 {
    margin-bottom: 100px;
    margin-top: 100px
}

.m-tb120 {
    margin-bottom: 120px;
    margin-top: 120px
}

.m-tb150 {
    margin-bottom: 150px;
    margin-top: 150px
}

.no-col-gap [class*=col-lg-],
.no-col-gap [class*=col-md-],
.no-col-gap [class*=col-sm-],
.no-col-gap [class*=col-xs-] {
    padding-left: 0;
    padding-right: 0
}

.relative {
    position: relative
}

.absolute {
    position: absolute
}

.static {
    position: static
}

.z-index1 {
    z-index: 1
}

.z-index2 {
    z-index: 2
}

.z-index3 {
    z-index: 3
}

.z-index4 {
    z-index: 4
}

.z-index5 {
    z-index: 5
}

.z-index6 {
    z-index: 6
}

.z-index7 {
    z-index: 7
}

.z-index8 {
    z-index: 8
}

.z-index9 {
    z-index: 9
}

.z-index10 {
    z-index: 10
}

.z-index100 {
    z-index: 100
}

.z-index999 {
    z-index: 999
}

.text-white {
    color: #fff !important
}

.text-primary {
    color: #ffbc13
}

.text-black {
    color: #000 !important
}

.text-gray {
    color: #f5f6f6
}

.text-gray-dark {
    color: #d3d3d3
}

.text-red {
    color: red
}

.text-green {
    color: #090
}
.text-blue {
    color: #2a4666 !important
}

.text-yellow {
    color: #ff0
}

.bg-transparent {
    background-color: transparent
}

.bg-primary {
    background-color: #ffbc13
}

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

.bg-black {
    background-color: #000
}

.bg-black-light {
    background-color: #212121
}

.bg-gray {
    background-color: #f5f6f6 !important
}

.bg-gray-light {
    background-color: #ececec
}

.bg-gray-dark {
    background-color: #d3d3d3
}

.bg-red {
    background-color: #ff4045
}

.bg-green {
    background-color: #38e225
}

.bg-yellow {
    background-color: #f0f52e
}

.bg-dark-blue {
    background-color: #161b23
}
.bg-theme-blue {
    background-color: #2a4666 !important

}
.bg-parallax {
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover
}


#hellobar-bar {
    width: 100%;
    margin: 0;
    color: #5c5e60;
    /*position: fixed;*/
    background-color: #fff;
    top: 0;
    font-size: 14px;
    padding: 10px;
    text-align: center;
    z-index: 99999;
}


header.stickyheader {
    position: fixed;
    width: 100%;
    top: 0;
}

.sub_menu > .fa {
    display: none;
}
.hb-close-wrapper {
    position: absolute;
    right: 15px;
    top: 10px;
    font-size: 23px;
}

.hb-content-wrapper p {
    margin-top: 0;
    margin-bottom: 0;
    color: #2a4666;
    font-size: 17px;
    letter-spacing: 2px;
    font-weight: 500;
}

.hb-content-wrapper p span {
    color: #ffbc13;
    font-weight: 600;
}

.hb-text-wrapper {
    display: inline-block;
}

#hellobar-bar .site-button {
    margin-left: 15px;
    padding: 6px 20px;
    margin-top: 8px;
    text-transform: capitalize;
}

.product-video-popup div.helpcenter-videoframe iframe {
    height: 500px;
        width: 100%;
}
.product-video-popup {}
.product-video-popup div.modal-content {
    border-radius: 10px;
    box-shadow: 5px 5px rgba(0, 0, 0, 0.5);
        padding: 30px;
}
.product-video-popup .modal-header {
      padding: 0;
    border: 0;
}
.product-video-popup .modal-header button.close {
    font-size: 25px;
    top: 15px;
    position: absolute;
    opacity: 1;
    right: 15px;
    color: #363636;
    font-weight: 400;
}
.product-video-popup .modal-body{
      padding: 0;
    margin-top: 20px;
}




.whitesection .preconstruction-features ul li label {
    color: #2a4666;
}

.whitesection.whychossen p {
    color: #2a4666;
}

.whitesection {
    background: #fff !important;
}




@media (min-width: 1024px) {
    .product-video-popup div.modal-dialog {
        max-width: 1000px;
        width: 1000px;
    }
}
@media (min-width: 1024px) {
    #eidmubarak div.modal-dialog {
        
        width: 40% !important;
    }
}
@media only screen and (max-width:480px) {
    .bg-parallax {
        background-attachment: fixed !important;
        background-position: center !important;
        background-repeat: no-repeat;
        background-size: cover
    }

    .hb-content-wrapper p {
        font-size: 14px;
        letter-spacing: 1px;
    }
}

#hellobar-bar {}

.fa {
    font-family: FontAwesome !important
}

.overlay-wraper {
    position: relative
}

.overlay-main {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: .5
}

.opacity-01 {
    opacity: .1
}

.opacity-02 {
    opacity: .2
}

.opacity-03 {
    opacity: .3
}

.opacity-04 {
    opacity: .4
}

.opacity-05 {
    opacity: .5
}

.opacity-06 {
    opacity: .6
}

.opacity-07 {
    opacity: .7
}

.opacity-08 {
    opacity: .8
}

.opacity-09 {
    opacity: .9
}

.overlay-light .overlay-main {
    opacity: .3
}

.overlay-dark .overlay-main {
    opacity: .9
}

.overlay-wraper>.container,
.overlay-wraper>.container-fluid,
.overlay-wraper>.wt-icon-box-wraper {
    position: relative;
    z-index: 1
}

.overlay-bx {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    z-index: 1;
    opacity: 0;
    visibility: hidden
}

.overlay-icon {
    list-style: none;
    height: 40px;
    position: absolute;
    right: 20px;
    bottom: 20px;
    z-index: 1 !important;
    -webkit-transform: translateX(0) translatey(0);
    -moz-transform: translateX(0) translatey(0);
    transform: translateX(0) translatey(0)
}

.overlay-icon a {
    display: inline-block;
    padding: 0;
    margin: 0 2px;
    background-color: #000
}

.overlay-icon .wt-icon-box-xs {
    line-height: 40px
}

.overlay-icon a:hover {
    color: #fff
}

.overlay-bx:hover a>i,
.wt-box:hover .overlay-bx a>i,
.wt-thum-bx:hover .overlay-bx a>i {
    opacity: 1;
    visibility: visible;
    -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;
    transition: all .5s ease-in-out
}

.overlay-bx:hover,
.ow-img:hover .overlay-bx,
.ow-portfolio-img:hover .overlay-bx,
.wt-box:hover .overlay-bx,
.wt-thum-bx:hover .overlay-bx {
    opacity: 1;
    visibility: visible
}

.overlay-text {
    width: 100%;
    position: absolute;
    padding: 20px;
    color: #fff;
    left: 0;
    bottom: 20px
}

.wt-address-bx {
    display: table;
    text-align: left;
    padding: 20px 20px 20px 25px;
    width: 100%;
    height: 100%;
    position: relative;
    font-size: 14px;
    vertical-align: middle;
    font-weight: 600
}

.wt-address-bx .fa {
    position: absolute;
    top: 22px;
    left: 0;
    font-size: 22px
}

.col-md-3 .overlay-text {
    padding: 5px
}

.col-md-4 .overlay-text {
    padding: 20px
}

.wt-address2-bx {
    display: table;
    background: #eaeaea;
    padding: 5px 10px;
    margin-bottom: 10px
}

.rounded-bx,
.wt-box,
.wt-icon-box,
.wt-icon-box-small,
.wt-post-thum,
.wt-thum-bx {
    position: relative
}

.wt-box {
    position: relative
}

.wt-box.no-margin {
    margin-bottom: 0
}

.wt-icon-box-lg,
.wt-icon-box-md,
.wt-icon-box-sm,
.wt-icon-box-xl,
.wt-icon-box-xld,
.wt-icon-box-xs {
    display: inline-block;
    text-align: center
}

.wt-icon-box-xld {
    width: 180px;
    height: 180px
}

.wt-icon-box-xl {
    width: 150px;
    height: 150px
}

.wt-icon-box-lg {
    width: 120px;
    height: 120px
}

.wt-icon-box-md {
    width: 100px;
    height: 100px
}

.wt-icon-box-sm {
    width: 80px;
    height: 80px
}

.wt-icon-box-xs {
    width: 40px;
    height: 40px
}

.wt-icon-box-lg.radius,
.wt-icon-box-md.radius,
.wt-icon-box-sm.radius,
.wt-icon-box-xl.radius,
.wt-icon-box-xld.radius,
.wt-icon-box-xs.radius {
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%
}

.wt-icon-box-lg i,
.wt-icon-box-md i,
.wt-icon-box-sm i,
.wt-icon-box-xl i,
.wt-icon-box-xld i,
.wt-icon-box-xs i {
    vertical-align: middle
}

.wt-icon-box-xld i {
    font-size: 100px
}

.wt-icon-box-xl i {
    font-size: 80px
}

.wt-icon-box-lg i {
    font-size: 60px
}

.wt-icon-box-md i {
    font-size: 45px
}

.wt-icon-box-sm i {
    font-size: 30px
}

.wt-icon-box-xs i {
    font-size: 20px
}

.wt-icon-box-lg img,
.wt-icon-box-md img,
.wt-icon-box-sm img,
.wt-icon-box-xl img,
.wt-icon-box-xld img,
.wt-icon-box-xs img {
    vertical-align: middle;
    max-width: 100%;
    width: auto
}

.wt-icon-box-xld img {
    height: 90px
}

.wt-icon-box-xl img {
    height: 80px
}

.wt-icon-box-lg img {
    height: 55px
}

.wt-icon-box-md img {
    height: 40px
}

.wt-icon-box-sm img {
    height: 30px
}

.wt-icon-box-xs img {
    height: 20px
}

.bdr-white {
    border-color: #fff
}

.bdr-black {
    border-color: #000
}

.bdr-primary {
    border-color: #ffbc13
}

.bdr-gray {
    border-color: #ddd
}

.bdr-gray-light {
    border-color: #eee
}

.bdr-gray-dark {
    border-color: #333
}

.bdr-1,
.bdr-2,
.bdr-3,
.bdr-4,
.bdr-5 {
    border-style: solid
}

.bdr-dot-1,
.bdr-dot-2,
.bdr-dot-3,
.bdr-dot-4,
.bdr-dot-5 {
    border-style: dotted
}

.bdr-dash-1,
.bdr-dash-2,
.bdr-dash-3,
.bdr-dash-4,
.bdr-dash-5 {
    border-style: dashed
}

.bdr-1 {
    border-width: 1px
}

.bdr-2 {
    border-width: 2px
}

.bdr-3 {
    border-width: 3px
}

.bdr-4 {
    border-width: 4px
}

.bdr-5 {
    border-width: 5px
}

.icon-lg,
.icon-md,
.icon-sm,
.icon-xl,
.icon-xld,
.icon-xs {
    display: inline-block;
    text-align: center
}

.icon-xld [class*=flaticon-]::after,
.icon-xld [class*=flaticon-]::before,
.icon-xld i {
    font-size: 100px
}

.icon-xl [class*=flaticon-]::after,
.icon-xl [class*=flaticon-]::before,
.icon-xl i {
    font-size: 80px
}

.icon-lg [class*=flaticon-]::after,
.icon-lg [class*=flaticon-]::before,
.icon-lg i {
    font-size: 60px
}

.icon-md [class*=flaticon-]::after,
.icon-md [class*=flaticon-]::before,
.icon-md i {
    font-size: 45px
}

.icon-sm [class*=flaticon-]::after,
.icon-sm [class*=flaticon-]::before,
.icon-sm i {
    font-size: 30px
}

.icon-xs [class*=flaticon-]::after,
.icon-xs [class*=flaticon-]::before,
.icon-xs i {
    font-size: 20px
}

.icon-lg i,
.icon-md i,
.icon-sm i,
.icon-xl i,
.icon-xld i,
.icon-xs i {
    vertical-align: middle
}

.icon-xld {
    width: 120px
}

.icon-xld i {
    font-size: 100px
}

.icon-xl {
    width: 100px
}

.icon-xl i {
    font-size: 80px
}

.icon-lg {
    width: 80px
}

.icon-lg i {
    font-size: 60px
}

.icon-md {
    width: 60px
}

.icon-md i {
    font-size: 45px
}

.icon-sm {
    width: 40px
}

.icon-sm i {
    font-size: 30px
}

.icon-xs {
    width: 30px
}

.icon-xs i {
    font-size: 20px
}

.icon-lg img,
.icon-md img,
.icon-sm img,
.icon-xl img,
.icon-xld img,
.icon-xs img {
    vertical-align: middle;
    max-width: 100%;
    width: auto
}

.icon-xld img {
    height: 90px
}

.icon-xl img {
    height: 80px
}

.icon-lg img {
    height: 70px
}

.icon-md img {
    height: 50px
}

.icon-sm img {
    height: 30px
}

.icon-xs img {
    height: 20px
}

.about-types .wt-icon-box-wraper {
    border-width: 0 0 0 3px
}

.infographics.wt-icon-box-wraper {
    min-height: 330px
}

.wt-icon-box-wraper {
    position: relative;
    margin: 15px 0;
    padding: 14px
}

footer .wt-icon-box-wraper {
    margin: 15px 0;
    padding: 15px 11px;
    min-height: 175px;
    display: flex;
    flex-direction: column;
    justify-content: center
}

footer .addresslines p {
    margin-bottom: 10px !important
}

.wt-icon-box-wraper .wt-tilte {
    margin-top: 0
}

.wt-icon-box-wraper .after-titile-line {
    margin-bottom: 10px
}

.wt-icon-box-wraper p:last-child {
    margin: 0
}

.infographics .wt-icon-box-wraper .wt-tilte {
    font-size: 13.5px;
    text-align: center
}

.infographics .icon-content p {
    font-size: 13px;
    line-height: 1.5;
    text-align: center;
    min-height: 75px
}

.infographics .wt-separator {
    display: inline-block;
    height: 4px;
    width: 50px;
    position: relative;
    display: block;
    margin: 10px auto
}

.icon-content p {
    font-size: 13px;
    min-height: 100px;
    margin-bottom: 10px
}
.mainservices-section .icon-content p {
   min-height: 220px;
}
.mainservices-section .wt-tilte {
        font-size: 15px;
}


.wt-icon-box-lg,
.wt-icon-box-md,
.wt-icon-box-sm,
.wt-icon-box-xl,
.wt-icon-box-xld,
.wt-icon-box-xs {
    display: table
}

.wt-icon-box-lg .icon-cell,
.wt-icon-box-md .icon-cell,
.wt-icon-box-sm .icon-cell,
.wt-icon-box-xl .icon-cell,
.wt-icon-box-xld .icon-cell,
.wt-icon-box-xs .icon-cell {
    display: table-cell;
    vertical-align: middle
}

.wt-icon-box-wraper.left .wt-icon-box-lg,
.wt-icon-box-wraper.left .wt-icon-box-md,
.wt-icon-box-wraper.left .wt-icon-box-sm,
.wt-icon-box-wraper.left .wt-icon-box-xl,
.wt-icon-box-wraper.left .wt-icon-box-xld,
.wt-icon-box-wraper.left .wt-icon-box-xs {
    float: left;
    margin-right: 20px
}

.wt-icon-box-wraper.left .icon-lg,
.wt-icon-box-wraper.left .icon-md,
.wt-icon-box-wraper.left .icon-sm,
.wt-icon-box-wraper.left .icon-xl,
.wt-icon-box-wraper.left .icon-xld,
.wt-icon-box-wraper.left .icon-xs {
    float: left;
    margin-right: 10px
}

.wt-icon-box-wraper.right {
    text-align: right
}

.wt-icon-box-wraper.right .wt-icon-box-lg,
.wt-icon-box-wraper.right .wt-icon-box-md,
.wt-icon-box-wraper.right .wt-icon-box-sm,
.wt-icon-box-wraper.right .wt-icon-box-xl,
.wt-icon-box-wraper.right .wt-icon-box-xld,
.wt-icon-box-wraper.right .wt-icon-box-xs {
    float: right;
    display: table;
    margin-left: 20px
}

.wt-icon-box-wraper.right .icon-lg,
.wt-icon-box-wraper.right .icon-md,
.wt-icon-box-wraper.right .icon-sm,
.wt-icon-box-wraper.right .icon-xl,
.wt-icon-box-wraper.right .icon-xld,
.wt-icon-box-wraper.right .icon-xs {
    float: right;
    margin-left: 10px
}

.wt-icon-box-wraper.center {
    text-align: center
}

.wt-icon-box-wraper.center .wt-icon-box-lg,
.wt-icon-box-wraper.center .wt-icon-box-md,
.wt-icon-box-wraper.center .wt-icon-box-sm,
.wt-icon-box-wraper.center .wt-icon-box-xl,
.wt-icon-box-wraper.center .wt-icon-box-xld,
.wt-icon-box-wraper.center .wt-icon-box-xs {
    margin-left: auto;
    margin-right: auto
}

.wt-icon-box-wraper.bx-style-1,
.wt-icon-box-wraper.bx-style-2 {
    border-width: 1px;
    border-style: solid;
    border-color: #ddd
}

.wt-icon-box-wraper.bx-style-2.center [class*=wt-icon-box-],
.wt-icon-box-wraper.bx-style-2.left [class*=wt-icon-box-],
.wt-icon-box-wraper.bx-style-2.right [class*=wt-icon-box-] {
    position: absolute
}

.wt-icon-box-wraper.bx-style-2.center [class*=wt-icon-box-] {
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.wt-icon-box-wraper.bx-style-2.center .wt-icon-box-xl {
    margin-left: -75px
}

.wt-icon-box-wraper.bx-style-2.center .wt-icon-box-lg {
    margin-left: -60px
}

.wt-icon-box-wraper.bx-style-2.center .wt-icon-box-md {
    margin-left: -50px
}

.wt-icon-box-wraper.bx-style-2.center .wt-icon-box-sm {
    margin-left: -40px
}

.wt-icon-box-wraper.bx-style-2.center .wt-icon-box-xs {
    margin-left: -20px
}

.wt-icon-box-wraper.bx-style-2.left [class*=wt-icon-box-] {
    position: absolute;
    top: auto;
    left: 0;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.wt-icon-box-wraper.bx-style-2.right [class*=wt-icon-box-] {
    position: absolute;
    top: auto;
    right: 0;
    -webkit-transform: translateX(50%);
    -ms-transform: translateX(50%);
    transform: translateX(50%)
}

.wt-box,
.wt-info,
.wt-tilte,
.wt-tilte-inner {
    position: relative
}

.wt-tilte-inner {
    display: inline-block
}

.wt-tilte-inner.skew-title:after {
    content: "";
    position: absolute;
    right: -15px;
    top: 0;
    width: 50px;
    height: 100%;
    z-index: -1;
    -moz-transform: skewX(20deg);
    -webkit-transform: skewX(20deg);
    -o-transform: skewX(20deg);
    -ms-transform: skewX(20deg);
    transform: skewX(20deg)
}

.wt-box[class*=border-],
.wt-icon-box-wraper[class*=border-],
.wt-info[class*=border-] {
    border-color: #eee
}

.wt-info.border-1,
.wt-info.border-2,
.wt-info.border-3,
.wt-info.border-4,
.wt-info.border-5 {
    border-top: none
}

.left-border,
.right-border {
    position: relative
}

.left-border:before,
.right-border:before {
    content: "";
    position: absolute;
    top: 5px;
    width: 1px;
    height: 90%;
    background: #ccc
}

.right-border:before {
    right: 0
}

.wt-post-thum,
.wt-thum-bx {
    background-color: #fff
}

.wt-post-thum img,
.wt-thum-bx img {
    width: 100%;
    height: auto
}

.wt-img-overlay1,
.wt-img-overlay2,
.wt-img-overlay3,
.wt-img-overlay4,
.wt-img-overlay5,
.wt-img-overlay6,
.wt-img-overlay7,
.wt-img-overlay8,
.wt-img-overlay9 {
    position: relative
}

.wt-img-overlay1:after,
.wt-img-overlay1:before,
.wt-img-overlay2:after,
.wt-img-overlay2:before,
.wt-img-overlay3:after,
.wt-img-overlay3:before,
.wt-img-overlay4:after,
.wt-img-overlay4:before,
.wt-img-overlay5:after,
.wt-img-overlay5:before,
.wt-img-overlay6:after,
.wt-img-overlay6:before,
.wt-img-overlay7:after,
.wt-img-overlay7:before,
.wt-img-overlay8:after,
.wt-img-overlay8:before,
.wt-img-overlay9:after,
.wt-img-overlay9:before {
    content: "";
    background: #000;
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    opacity: .4;
    z-index: 1;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -ms-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear
}

.wt-img-overlay1:before {
    width: 100%;
    height: 100%;
    opacity: 0
}

.wt-box:hover .wt-img-overlay1:before,
.wt-img-overlay1:hover:before {
    opacity: .5
}

.wt-img-overlay2:before {
    width: 100%;
    height: 100%;
    opacity: 0;
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .65) 100%);
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .65) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .65) 100%)
}

.wt-box:hover .wt-img-overlay2:before,
.wt-img-overlay2:hover:before {
    opacity: .9
}

.wt-img-overlay3:before {
    left: 50%;
    top: 50%
}

.wt-box:hover .wt-img-overlay3:before,
.wt-img-overlay3:hover:before {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

.wt-img-overlay4:before {
    left: 50%;
    top: 0;
    height: 100%
}

.wt-box:hover .wt-img-overlay4:before,
.wt-img-overlay4:hover:before {
    width: 100%;
    left: 0
}

.wt-img-overlay5:before {
    left: 0;
    top: 50%;
    width: 100%
}

.wt-box:hover .wt-img-overlay5:before,
.wt-img-overlay5:hover:before {
    height: 100%;
    top: 0
}

.wt-img-overlay6:before {
    left: 0;
    top: auto;
    bottom: 0;
    width: 100%
}

.wt-box:hover .wt-img-overlay6:before,
.wt-img-overlay6:hover:before {
    height: 100%
}

.wt-img-overlay7:after,
.wt-img-overlay7:before {
    height: 100%
}

.wt-img-overlay7:after {
    left: auto;
    right: 0
}

.wt-box:hover .wt-img-overlay7:after,
.wt-box:hover .wt-img-overlay7:before,
.wt-img-overlay7:hover:after,
.wt-img-overlay7:hover:before {
    width: 50%
}

.wt-img-overlay8:after,
.wt-img-overlay8:before {
    height: 100%
}

.wt-img-overlay8:after {
    left: auto;
    right: 0
}

.wt-box:hover .wt-img-overlay8:after,
.wt-box:hover .wt-img-overlay8:before,
.wt-img-overlay8:hover:after,
.wt-img-overlay8:hover:before {
    width: 100%;
    opacity: .3
}

.wt-img-overlay9:after {
    left: auto;
    right: 0;
    top: auto;
    bottom: 0
}

.wt-box:hover .wt-img-overlay9:after,
.wt-box:hover .wt-img-overlay9:before,
.wt-img-overlay9:hover:after,
.wt-img-overlay9:hover:before {
    width: 100%;
    height: 100%;
    opacity: .3
}

.wt-img-overlay10:after,
.wt-img-overlay10:before {
    width: 100%;
    height: 100%;
    opacity: 0
}

.wt-box:hover .wt-img-overlay10:before,
.wt-img-overlay10:hover:before {
    opacity: .5
}

.wt-box:hover .wt-img-overlay10:after,
.wt-img-overlay10:hover:after {
    width: 90%;
    height: 80%;
    left: 5%;
    top: 10%;
    opacity: .5;
    background: 0 0;
    border: 1px dashed #fff
}

.btn {
    padding-top: 9px;
    padding-bottom: 9px;
    font-family: 'Roboto', sans-serif !important;
}

.blue-button {
    color: #fff;
    padding: 7px 15px;
    display: inline-block;
    font-size: 13px;
    outline: 0;
    cursor: pointer;
    outline: 0;
    border-width: 0;
    border-style: solid;
    border-color: transparent;
    line-height: 1.42857;
    margin-left: -1px;
    text-decoration: none !important;
    background: #2a4666;
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif !important;
}

.blue-button:active,
.blue-button:focus,
.blue-button:hover {
    background-color: #2a4666;
    color: #fff
}

.wite-button {
    color: #2a4666;
    padding: 7px 15px;
    display: inline-block;
    font-size: 13px;
    outline: 0;
    cursor: pointer;
    outline: 0;
    border-width: 0;
    border-style: solid;
    border-color: transparent;
    line-height: 1.42857;
    margin-left: -1px;
    text-decoration: none !important;
    background: #fff;
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif !important;
}

.wite-button:active,
.wite-button:focus,
.wite-button:hover {
    background-color: #2a4666;
    color: #fff
}

.gray-button {
    color: #fff;
    padding: 7px 15px;
    display: inline-block;
    font-size: 13px;
    outline: 0;
    cursor: pointer;
    outline: 0;
    border-width: 0;
    border-style: solid;
    border-color: transparent;
    line-height: 1.42857;
    margin-left: -1px;
    text-decoration: none !important;
    background: #2a4666;
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif !important;;
    border-radius: 4px !important;
    vertical-align: top
}

.gray-button:active,
.gray-button:focus,
.gray-button:hover {
    background-color: #e4a101;
    color: #fff
}

.button-height{
        text-transform: uppercase;
    font-size: 16px;
    padding: 7px 15px;
        min-height: 38px;
}

.site-button,
.site-button-secondry {
    color: #000000;
    padding: 10px 20px;
    display: inline-block;
    font-size: 14px;
    outline: 0;
    cursor: pointer;
    outline: 0;
    border-width: 0;
    border-style: solid;
    border-color: transparent;
    line-height: 1.42857;
    margin-left: -1px;
    text-decoration: none !important;
    font-family: 'Roboto', sans-serif !important;;
    border-radius: 4px
}

.register h3.fill-text {
    font-size: 18px;
    color: #172b4d;
    margin: 0 0 15px;
    text-shadow: none;
    text-align: left;
    padding-bottom: 10px;
    border-bottom: solid 1px #8898aa
}

.site-button {
    background-color: #ffbc13
}

.active>.site-button,
.site-button:active,
.site-button:focus,
.site-button:hover {
    background-color: #e4a101;
    color: #fff
}

.site-button-secondry {
    background-color: #273447
}

.active>.site-button-secondry,
.site-button-secondry:active,
.site-button-secondry:focus,
.site-button-secondry:hover {
    background-color: #192639;
    color: #fff
}

.video-play-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 60px;
    height: 60px;
    line-height: 54px;
    border: 2px solid;
    text-align: center;
    margin: -25px;
    color: #d21e2b;
    display: block;
    background-color: #fff;
    z-index: 10;
    font-size: 24px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    font-family: 'Roboto', sans-serif !important;
}

.video-play-btn:active,
.video-play-btn:hover {
    color: #d21e2b;
    opacity: .5
}

.video-play-btn:focus {
    color: #d21e2b;
    opacity: 1
}

.video-play-btn i {
    margin-right: -5px
}

.site-button.text-uppercase {
    text-transform: uppercase
}

.button-sm {
    padding: 5px 10px;
    font-size: 14px
}

.button-lg {
    padding: 20px 35px;
    font-size: 16px
}

.button-xl {
    padding: 30px 50px;
    font-size: 24px
}

.radius-no {
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0
}

.radius-sm {
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px
}

.radius-xl {
    border-radius: 100px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px
}

.radius-bx {
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%
}

.site-button.white {
    background-color: #fff;
    color: #777
}

.site-button.white:active,
.site-button.white:focus,
.site-button.white:hover {
    background-color: #f4f4f4;
    color: #555
}

.site-button.black {
    background-color: #171717;
    color: #fff
}

.site-button.black:active,
.site-button.black:focus,
.site-button.black:hover {
    background-color: #000;
    color: #fff
}

.site-button.gray {
    background-color: #666;
    color: #fff
}

.site-button.gray:active,
.site-button.gray:focus,
.site-button.gray:hover {
    background-color: #555;
    color: #fff
}

.site-button.pink {
    background-color: #e63f75;
    color: #fff
}

.site-button.pink:active,
.site-button.pink:focus,
.site-button.pink:hover {
    background-color: #d22b61;
    color: #fff
}

.site-button.blue {
    background-color: #42b8d4;
    color: #fff
}

.site-button.blue:active,
.site-button.blue:focus,
.site-button.blue:hover {
    background-color: #2ca2be;
    color: #fff
}

.site-button.green {
    background-color: #35b494;
    color: #fff
}

.site-button.green:active,
.site-button.green:focus,
.site-button.green:hover {
    background-color: #26a585;
    color: #fff
}

.site-button.orange {
    background-color: #e56713;
    color: #fff
}

.site-button.orange:active,
.site-button.orange:focus,
.site-button.orange:hover {
    background-color: #d55703;
    color: #fff
}

.site-button.red {
    background-color: #d93223;
    color: #fff
}

.site-button.red:active,
.site-button.red:focus,
.site-button.red:hover {
    background-color: #c51e0f;
    color: #fff
}

.site-button.brown {
    background-color: #69441f;
    color: #fff
}

.site-button.brown:active,
.site-button.brown:focus,
.site-button.brown:hover {
    background-color: #5f3a15;
    color: #fff
}

.site-button.yellow {
    background-color: #ecc731;
    color: #fff
}

.site-button.yellow:active,
.site-button.yellow:focus,
.site-button.yellow:hover {
    background-color: #d4af19;
    color: #fff
}

.site-button.purple {
    background-color: #ae1af7;
    color: #fff
}

.site-button.purple:active,
.site-button.purple:focus,
.site-button.purple:hover {
    background-color: #9804e1;
    color: #fff
}

.site-button.graphical {
    color: #fff;
    text-shadow: 0 -1px rgba(0, 0, 0, .4);
    box-shadow: inset 0 1px 1px rgba(255, 255, 255, .3), 0 1px 3px -1px rgba(45, 60, 72, .5);
    -webkit-box-shadow: inset 0 1px 1px rgba(255, 255, 255, .3), 0 1px 3px -1px rgba(45, 60, 72, .5);
    -moz-box-shadow: inset 0 1px 1px rgba(255, 255, 255, .3), 0 1px 3px -1px rgba(45, 60, 72, .5);
    border: 1px solid rgba(0, 0, 0, .15)
}

.site-button.graphical:active {
    box-shadow: 0 2px 2px rgba(0, 0, 0, .25) inset;
    -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, .25) inset;
    -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, .25) inset
}

.site-button.button-3d {
    color: #fff;
    border-bottom: 4px solid rgba(0, 0, 0, .2);
    border-left: none;
    border-right: none;
    border-top: none
}

.site-button.outline {
    color: #888;
    background: 0 0;
    border-width: 2px;
    border-style: solid;
    border-color: #eee
}

.site-button.outline.white {
    color: #e7e7e7;
    border-color: #e7e7e7
}

.site-button.outline.white:hover {
    color: #666
}

.site-button.outline.black {
    color: #171717;
    border-color: #171717
}

.site-button.outline.gray {
    color: #666;
    border-color: #666
}

.site-button.outline.pink {
    color: #e63f75;
    border-color: #e63f75
}

.site-button.outline.blue {
    color: #42b8d4;
    border-color: #42b8d4
}

.site-button.outline.green {
    color: #35b494;
    border-color: #35b494
}

.site-button.outline.orange {
    color: #e56713;
    border-color: #e56713
}

.site-button.outline.red {
    color: #d93223;
    border-color: #d93223
}

.site-button.outline.brown {
    color: #69441f;
    border-color: #69441f
}

.site-button.outline.yellow {
    color: #ffbc13;
    border-color: #ffbc13
}

.site-button.outline.purple {
    color: #ae1af7;
    border-color: #ae1af7
}

.site-button.outline:hover {
    border-color: transparent;
    color: #fff
}

.site-button-link {
    display: inline-block;
    font-weight: 600
}

.site-button-link.white {
    color: #e7e7e7
}

.site-button-link.white:active,
.site-button-link.white:focus,
.site-button-link.white:hover {
    color: #ccc
}

.site-button-link.black {
    color: #171717
}

.site-button-link.black:active,
.site-button-link.black:focus,
.site-button-link.black:hover {
    color: #000
}

.site-button-link.gray {
    color: #666
}

.site-button-link.gray:active,
.site-button-link.gray:focus,
.site-button-link.gray:hover {
    color: #555
}

.site-button-link.pink {
    color: #e63f75
}

.site-button-link.pink:active,
.site-button-link.pink:focus,
.site-button-link.pink:hover {
    color: #2ca2be
}

.site-button-link.blue {
    color: #42b8d4
}

.site-button-link.blue:active,
.site-button-link.blue:focus,
.site-button-link.blue:hover {
    color: #2ca2be
}

.site-button-link.green {
    color: #35b494
}

.site-button-link.green:active,
.site-button-link.green:focus,
.site-button-link.green:hover {
    color: #26a585
}

.site-button-link.orange {
    color: #e56713
}

.site-button-link.orange:active,
.site-button-link.orange:focus,
.site-button-link.orange:hover {
    color: #d55703
}

.site-button-link.red {
    color: #d93223
}

.site-button-link.red:active,
.site-button-link.red:focus,
.site-button-link.red:hover {
    color: #c51e0f
}

.site-button-link.brown {
    color: #69441f
}

.site-button-link.brown:active,
.site-button-link.brown:focus,
.site-button-link.brown:hover {
    color: #5f3a15
}

.site-button-link.yellow {
    color: #ecc731
}

.site-button-link.yellow:active,
.site-button-link.yellow:focus,
.site-button-link.yellow:hover {
    color: #d4af19
}

.site-button-link.purple {
    color: #ae1af7
}

.site-button-link.purple:active,
.site-button-link.purple:focus,
.site-button-link.purple:hover {
    color: #9804e1
}

.site-button.button-app {
    text-align: left;
    padding: 15px 25px
}

.site-button.button-app i {
    display: inline-block;
    font-size: 45px;
    float: left;
    margin-right: 15px
}

.site-button.button-app strong {
    display: block;
    font-size: 16px
}

.masonry-filter {
    display: table;
    margin-bottom: 0
}

.masonry-filter>li {
    display: inline-block;
    margin-right: 30px;
    position: relative
}

.masonry-filter>li a {
    color: #666;
    font-size: 14px
}

.masonry-filter>li a:active,
.masonry-filter>li a:focus,
.masonry-filter>li a:hover,
.masonry-filter>li.active a {
    color: #f7c20a
}

@media only screen and (max-width:600px) {
    .masonry-filter>li {
        margin-bottom: 10px
    }

    .masonry-filter>li a {
        font-size: 14px !important
    }
}

.filter-wrap.right>.masonry-filter {
    float: right
}

@media only screen and (max-width:991px) {
    .filter-wrap.right>.masonry-filter {
        float: none
    }
}

.filter-wrap.center>.masonry-filter {
    margin-left: auto;
    margin-right: auto
}

.masonry-filter.link-style>li a {
    font-size: 15px;
    font-weight: 700
}

.masonry-filter.link-style>li:after {
    content: "/";
    position: relative;
    right: -18px;
    opacity: .3
}

.masonry-filter.link-style.white>li:after {
    color: #fff
}

.masonry-filter.link-style>li:last-child:after {
    display: none
}

.masonry-filter.link-style.white>li a:active,
.masonry-filter.link-style.white>li a:focus,
.masonry-filter.link-style.white>li a:hover,
.masonry-filter.link-style.white>li.active a {
    color: #f7c20a
}

.masonry-filter.has-bg>li a {
    color: #fff
}

.masonry-filter.link-style.has-bg>li.active a,
.masonry-filter.link-style.has-bg>li:active a,
.masonry-filter.link-style.has-bg>li:focus a,
.masonry-filter.link-style.has-bg>li:hover a {
    color: #ffbc13
}

.masonry-filter.button-style>li {
    margin-right: 10px
}

.whatsappicon-div {
    display: none
}

@media only screen and (max-width:767px) {
    .masonry-filter.button-style>li {
        margin-bottom: 10px
    }

    .outer-col {
        display: none
    }

    .whatsappicon-div {
        display: block
    }
}

.masonry-filter.button-style>li a {
    background-color: #666;
    color: #fff;
    padding: 10px 20px;
    font-weight: 600;
    display: inline-block
}

.masonry-filter.button-style>li a:active,
.masonry-filter.button-style>li a:focus,
.masonry-filter.button-style>li a:hover,
.masonry-filter.button-style>li.active a {
    background-color: #ffbc13;
    color: #fff
}

.masonry-filter.button-style.has-bg>li a {
    background-color: #fff;
    color: #666
}

.masonry-filter.button-style.has-bg>li a:active,
.masonry-filter.button-style.has-bg>li a:focus,
.masonry-filter.button-style.has-bg>li a:hover,
.masonry-filter.button-style.has-bg>li.active a {
    background-color: #ffbc13;
    color: #fff
}

.masonry-filter.outline-style>li {
    margin-right: 10px
}

.masonry-filter.outline-style>li a {
    border-width: 2px;
    border-style: solid;
    border-color: #666;
    color: #666;
    padding: 10px 20px;
    font-weight: 600;
    display: inline-block
}

.masonry-filter.outline-style.rounded-corner>li a {
    border-radius: 100px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px
}

.masonry-filter.outline-style.button-skew>li a {
    -webkit-transform: skew(-20deg);
    -moz-transform: skew(-20deg);
    -o-transform: skew(-20deg);
    -ms-transform: skew(-20deg);
    transform: skew(-20deg)
}

.masonry-filter.outline-style.button-skew>li a span {
    display: inline-block;
    -webkit-transform: skew(20deg);
    -moz-transform: skew(20deg);
    -o-transform: skew(20deg);
    -ms-transform: skew(20deg);
    transform: skew(20deg)
}

.masonry-filter.outline-style>li a:active,
.masonry-filter.outline-style>li a:focus,
.masonry-filter.outline-style>li a:hover,
.masonry-filter.outline-style>li.active a {
    border-color: #ffbc13;
    color: #ffbc13
}

.masonry-filter.outline-style.has-bg>li a {
    border-color: #fff;
    color: #fff
}

.masonry-filter.outline-style.has-bg>li a:active,
.masonry-filter.outline-style.has-bg>li a:focus,
.masonry-filter.outline-style.has-bg>li a:hover,
.masonry-filter.outline-style.has-bg>li.active a {
    border-color: #ffbc13;
    color: #ffbc13
}

@media only screen and (max-width:768px) {
    .masonry-item {
        width: 100%
    }
}

.wt-separator-outer {
    overflow: hidden
}

.wt-separator {
    display: block;
    height: 3px;
    width: 50px;
    position: relative;
    margin: 10px auto
}

.wt-separator .separator-left,
.wt-separator .separator-right {
    position: absolute;
    top: 50%;
    width: 70px;
    height: 2px;
    margin-top: -1px
}

.wt-separator .separator-left {
    left: -80px
}

.wt-separator .separator-right {
    right: -80px
}

.wt-separator.style-liner {
    width: 20px;
    height: 4px
}

.wt-separator.style-square {
    width: 10px;
    height: 10px;
    background-color: transparent;
    border-width: 3px;
    border-style: solid;
    border-color: #2d3239
}

.wt-separator.style-square .separator-left,
.wt-separator.style-square .separator-right {
    height: 3px
}

.wt-separator.style-square.has-bg {
    border-color: #fff
}

.wt-separator.style-icon {
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 18px
}

.wt-divider {
    height: 1px;
    position: relative;
    margin: 30px 0
}

.wt-divider.divider-2px {
    height: 2px
}

.wt-divider.divider-3px {
    height: 3px
}

.wt-divider.divider-4px {
    height: 4px
}

.wt-divider i {
    position: absolute;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    display: block;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.wt-divider.icon-left {
    margin-left: 40px
}

.wt-divider.icon-left i {
    left: -40px
}

.wt-divider.icon-right {
    margin-right: 40px
}

.wt-divider.icon-right i {
    left: auto;
    right: -40px
}

.wt-divider.icon-center i {
    left: 50%;
    margin-left: -5px
}

.wt-tabs:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0
}

@media only screen and (max-width:767px) {
    .wt-tabs .nav-tabs>li {
        float: none
    }
}

.wt-tabs p:last-child {
    margin-bottom: 0
}

.wt-tabs .tab-pane {
    padding: 20px 0
}

.wt-tabs .nav-tabs>li>a {
    color: #273447;
    font-weight: 600;
    font-size: 13px;
    -webkit-border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    border-radius: 0;
    padding: 15px
}

.wt-tabs .nav-tabs>li.active>a,
.wt-tabs .nav-tabs>li.active>a:focus,
.wt-tabs .nav-tabs>li.active>a:hover {
    background-color: #fff;
    border-color: #ddd;
    border-bottom: 1px solid #fff;
    color: #273447
}

.wt-tabs .nav>li>a:focus,
.wt-tabs .nav>li>a:hover {
    background-color: transparent
}

.wt-tabs .nav li a:hover {
    border: 1px solid transparent
}

.wt-tabs .nav-tabs>li>a i {
    margin-right: 5px
}

.wt-tabs.tabs-default.has-bg .nav-tabs>li>a {
    color: #fff
}

.wt-tabs.tabs-default.has-bg .nav-tabs>li.active>a,
.wt-tabs.tabs-default.has-bg .nav-tabs>li.active>a:focus,
.wt-tabs.tabs-default.has-bg .nav-tabs>li.active>a:hover {
    color: #273447;
    border-color: #ddd #ddd #fff
}

.wt-tabs.tabs-default.has-bg .tab-pane {
    color: #fff
}

.wt-tabs.nav-center>.nav-tabs {
    display: table;
    margin-left: auto;
    margin-right: auto
}

.wt-tabs.bg-tabs .nav-tabs>li>a {
    background-color: #f0f0f0;
    border: 1px solid #ddd;
    margin-right: -1px
}

.wt-tabs.bg-tabs .nav-tabs>li.active>a {
    border-bottom: 1px solid transparent;
    background-color: #fff
}

.wt-tabs.bg-tabs.has-bg .tab-pane {
    color: #fff
}

.wt-tabs.vertical.bg-tabs .nav-tabs>li>a {
    border: 1px solid #ddd
}

.wt-tabs.vertical.bg-tabs .nav-tabs>li.active>a {
    border-right: 1px solid transparent
}

.wt-tabs.vertical.right.bg-tabs .nav-tabs>li>a {
    border: 1px solid #ddd
}

.wt-tabs.vertical.right.bg-tabs .nav-tabs>li.active>a {
    border-left: 1px solid transparent
}

.wt-tabs.border-top .nav-tabs>li.active>a {
    color: #273447
}

.wt-tabs.border-top .nav-tabs>li.active>a:after {
    content: "";
    position: absolute;
    top: -1px;
    left: 0;
    width: 100%;
    height: 3px;
    background-color: #ffbc13
}

.wt-tabs.border-top.vertical .nav-tabs>li.active>a:after {
    top: 0;
    left: -1px;
    width: 3px;
    height: 100%
}

.wt-tabs.border .tab-pane {
    padding: 10px;
    border: 1px solid #ddd;
    margin-top: -1px
}

.wt-tabs.vertical .nav-tabs {
    float: left;
    width: 170px;
    border-bottom: none;
    border-right: 1px solid #ddd
}

.wt-tabs.vertical .tab-pane {
    padding: 10px 0 10px 20px
}

.wt-tabs.vertical .nav-tabs li {
    float: none;
    margin-right: -1px
}

.wt-tabs.vertical .nav-tabs li a {
    margin-right: 0;
    border-right: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    color: #273447
}

.wt-tabs.vertical .nav-tabs li.active a {
    border-bottom: 1px solid #ddd;
    background-color: #fff
}

.wt-tabs.vertical .tab-content {
    border-left: 1px solid #ddd;
    margin-left: 169px
}

.wt-tabs.vertical.border .tab-pane {
    padding: 20px;
    margin-left: -1px
}

.wt-tabs.vertical.right .nav-tabs {
    border-left: 1px solid #ddd;
    border-right: none;
    float: right
}

.wt-tabs.vertical.right .nav-tabs li {
    margin-right: 0;
    margin-left: -1px
}

.wt-tabs.vertical.right .nav-tabs li a {
    border-right: 1px solid transparent;
    border-left: none
}

.wt-tabs.vertical.right .nav-tabs li.active a {
    border-right: 1px solid #ddd;
    border-left: none
}

.wt-tabs.vertical.right .tab-content {
    border-left: none;
    border-right: 1px solid #ddd;
    margin-right: 169px;
    margin-left: 0
}

.wt-tabs.vertical.right .tab-pane {
    padding: 10px 20px 10px 0
}

.wt-tabs.vertical.right.border .tab-pane {
    padding: 20px;
    margin-right: -1px
}

.wt-accordion .wt-panel {
    background-color: transparent;
    border: none;
    margin-bottom: 10px;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none
}

.acod-head {
    position: relative
}

.acod-title {
    margin-top: 0;
    margin-bottom: 0
}

.acod-title a {
    position: relative;
    z-index: 1;
    overflow: hidden
}

.acod-head .fa {
    margin-right: 5px
}

.acod-head a {
    display: block;
    padding: 15px 40px 15px 15px
}

.acod-head a,
.acod-head a:active,
.acod-head a:focus,
.acod-head a:hover {
    color: #3d474a
}

.acod-body {
    color: #777
}

.acod-head .indicator {
    padding: 15px;
    color: #ababab;
    position: absolute;
    right: 0;
    top: 0
}

.acod-head .indicator .fa,
.acod-head.acc-actives .indicator .fa {
    -moz-transform: rotate(0);
    -webkit-transform: rotate(0);
    -o-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0)
}

.acod-head [aria-expanded=true] .indicator .fa,
.acod-head.acc-actives .indicator .fa {
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.acc-default .acod-title a {
    padding: 5px 0
}

.acc-default .acod-head .indicator {
    padding: 0
}

.acc-default.acc-has-bg .acod-body,
.acc-default.acc-has-bg .acod-head .indicator,
.acc-default.acc-has-bg .acod-head a,
.acc-default.acc-has-bg .acod-head a:active,
.acc-default.acc-has-bg .acod-head a:focus,
.acc-default.acc-has-bg .acod-head a:hover {
    color: #fff
}

.acc-outline .acod-title a {
    border: 1px solid #ddd
}

.acc-outline.acc-has-bg .acod-body,
.acc-outline.acc-has-bg .acod-head .indicator,
.acc-outline.acc-has-bg .acod-head a,
.acc-outline.acc-has-bg .acod-head a:active,
.acc-outline.acc-has-bg .acod-head a:focus,
.acc-outline.acc-has-bg .acod-head a:hover {
    color: #fff
}

.acc-bg-gray a {
    background-color: #f5f5f5
}

.acc-bg-gray .acod-head .indicator {
    color: #777
}

.acc-bg-gray.acc-has-bg .acod-body {
    color: #fff
}

.acc-bg-primary a {
    background-color: #ffbc13
}

.acc-bg-primary .acod-head a,
.acc-bg-primary .acod-head a:active,
.acc-bg-primary .acod-head a:focus,
.acc-bg-primary .acod-head a:hover {
    color: #fff
}

.acc-bg-primary .acod-head .indicator {
    color: #fff
}

.acc-bg-primary.acc-has-bg .acod-body {
    color: #fff
}

.acc-bg-dark a {
    background-color: #212427
}

.acc-bg-dark .acod-head a,
.acc-bg-dark .acod-head a:active,
.acc-bg-dark .acod-head a:focus,
.acc-bg-dark .acod-head a:hover {
    color: #fff
}

.acc-bg-dark .acod-head .indicator {
    color: #fff
}

.acc-bg-dark.acc-has-bg .acod-body {
    color: #fff
}

.ow-portfolio-img,
.owl-imgbx {
    position: relative
}

.ow-entry-content {
    border-width: 0 1px 1px 1px;
    border-style: solid;
    border-color: #eee;
    background-color: #fff;
    padding: 20px;
    margin-bottom: 5px
}

.ow-entry-title {
    font-size: 16px;
    font-weight: 600;
    padding: 5px 0
}

.ow-entry-title,
.ow-entry-title a {
    color: #3d474a
}

.ow-entry-text p:last-child {
    margin: 0
}

.ow-post-title .post-title {
    margin: 0 0 10px
}

.ow-post-text {
    margin-bottom: 10px
}

.ow-post-text p:last-child {
    margin: 0
}

.ow-post-readmore {
    margin-bottom: 10px
}

.ow-post-meta {
    margin-bottom: 10px
}

.ow-post-meta ul {
    margin: 0 -4px;
    list-style: none
}

.ow-post-meta ul li {
    padding: 0;
    display: inline-block;
    font-weight: 700
}

.ow-post-meta li:after {
    content: "/";
    display: inline-block;
    font-weight: 400;
    margin-left: 5px;
    opacity: .5
}

.ow-post-meta li:last-child:after {
    display: none
}

.ow-post-meta a {
    color: #a9a9a9
}

.ow-post-meta li i {
    color: #7b7b7b;
    margin: 0 5px
}

.ow-post-tags {
    border-top: 1px solid #e9e9e9;
    padding-top: 10px
}

.ow-post-tags .post-comment {
    float: left;
    font-weight: 700;
    text-transform: uppercase
}

.ow-post-tags .post-comment a {
    color: #a9a9a9
}

.ow-post-tags .post-tags {
    margin: 0 -3px;
    list-style: none
}

.ow-post-tags .post-tags a {
    border: 1px solid #ebebeb;
    padding: 2px 8px 1px;
    color: #777;
    margin: 0 3px;
    display: inline-block;
    text-transform: uppercase;
    font-size: 11px
}

.ow-post-tags .post-tags a:active,
.ow-post-tags .post-tags a:focus,
.ow-post-tags .post-tags a:hover {
    background-color: #ffbc13;
    color: #fff
}

.date-style-3 .ow-post-info {
    position: relative
}

.date-style-3 .ow-post-media {
    border-bottom: 3px solid #ffbc13
}

.no-image-blog.date-style-2 .ow-post-info {
    padding-top: 70px
}

.ow-event-title .event-title {
    margin: 0 0 10px
}

.ow-event-text {
    margin-bottom: 10px
}

.ow-event-text p:last-child {
    margin: 0
}

.ow-event-readmore {
    margin-bottom: 10px
}

.ow-event-meta ul {
    margin: 0
}

.ow-event-meta ul li {
    color: #a9a9a9;
    font-weight: 600;
    display: inline-block;
    margin-right: 5px
}

.ow-event-meta ul li i {
    color: #7b7b7b;
    margin-right: 3px
}

.no-image-event.date-style-2 .ow-post-info {
    padding-top: 70px
}

.ow-client-logo {
    background-color: #fff;
    display: table;
    width: 100%
}

.bg-theme-blue .client-logo {
    
    min-height: 109px;
    display: flex !important;
    align-items: center;
    justify-content: center;
}

.bg-theme-blue .client-logo {
    text-align: center;
    vertical-align: middle;
    padding: 10px;
    background: #fff;
}

.owl-carousel .ow-client-logo img {
    max-height: 100%;
    width: auto;
    display: inline-block
}

.client-logo-media img {
    max-width: 100% !important;
    margin: 0 auto !important;
    width: auto !important
}

.testimonial-pic {
    background: #fff;
    width: 80px;
    height: 80px;
    position: relative;
    display: inline-block;
    border: 5px solid #fff
}

.testimonial-pic.radius {
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%
}

.testimonial-pic.radius img {
    width: 70px;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    height: 70px;
    object-fit: cover
}

.quote-left,
.quote-right {
    position: relative
}

.quote-left:before,
.quote-right:after {
    font-family: FontAwesome;
    position: absolute;
    z-index: 10;
    top: 15px
}

.quote-left:before {
    content: "\f10d";
    left: 0
}

.quote-right:after {
    content: "\f10e";
    left: auto;
    right: 0
}

.testimonial-text {
    padding: 15px;
    position: relative
}

.testimonial-text p:last-child {
    margin: 0
}

.testimonial-detail {
    padding: 5px
}

.testimonial-name,
.testimonial-position {
    display: block
}

.testimonial-position {
    font-style: italic
}

.testimonial-text p {
    margin: 0
}

.testimonial-bg {
    color: #fff;
    background: #fff;
    border-radius: 5px;
    position: relative;
    border: solid 1px #fb0
}

.testimonial-1,
.testimonial-grid-1 {
    text-align: center
}

.testimonial-1 .testimonial-position,
.testimonial-grid-1 .testimonial-position {
    color: #ffbc13
}

.testimonial-1 .testimonial-name,
.testimonial-1 .testimonial-position,
.testimonial-grid-1 .testimonial-name,
.testimonial-grid-1 .testimonial-position {
    display: block
}

.testimonial-1 .quote-left:before,
.testimonial-grid-1 .quote-left:before {
    width: 36px;
    height: 36px;
    line-height: 36px;
    font-size: 16px;
    background-color: #ffbc13;
    color: #fff;
    text-align: center;
    left: 0;
    top: 65px;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%
}

.testimonial-2 .testimonial-text,
.testimonial-grid-2 .testimonial-text {
    padding: 25px 30px 25px 50px
}

.testimonial-2 .testimonial-text span:before,
.testimonial-grid-2 .testimonial-text span:before {
    content: '=';
    position: absolute;
    right: -5px;
    bottom: 20px;
    font-size: 84px;
    color: #ffbc13;
    transform: rotate(120deg)
}

.clientsays-text {
    position: relative;
    display: inline-block
}

.clientsays-text:after {
    content: '=';
    position: absolute;
    right: -90px;
    font-size: 114px;
    color: #d1d1d1;
    transform: rotate(83deg);
    opacity: .2
}

.playlistheading {
    position: relative;
    display: inline-block
}

.playlistheading:after {
    content: "\f01d";
    font-family: FontAwesome;
    position: absolute;
    right: -130px;
    font-size: 114px;
    color: #d1d1d1;
    transform: rotate(-17deg);
    opacity: .2
}

.testimonial-2 .testimonial-detail,
.testimonial-grid-2 .testimonial-detail {
    padding: 15px 0 10px 15px;
    background-color: #ffbc13
}

.testimonial-two .owl-carousel .owl-nav {
    margin-top: 20px
}

.testimonial-2 .testimonial-pic,
.testimonial-grid-2 .testimonial-pic {
    float: left;
    margin-right: 15px;
    width: 80px;
    height: 80px;
    position: absolute;
    bottom: 0;
    right: -10px
}

.testimonial-2 .testimonial-name,
.testimonial-2 .testimonial-position,
.testimonial-grid-2 .testimonial-name,
.testimonial-grid-2 .testimonial-position {
    padding: 2px 0
}

.testimonial-2 .testimonial-name,
.testimonial-grid-2 .testimonial-name {
    padding-top: 20px;
    color: #fff
}

.testimonial-2 .testimonial-position,
.testimonial-grid-2 .testimonial-position {
    color: #000
}

.testimonial-2 .quote-left:before,
.testimonial-grid-2 .quote-left:before {
    top: 50px
}

.testimonial-2.testimonial-bg .testimonial-text,
.testimonial-grid-2.testimonial-bg .testimonial-text {
    color: #777;
    min-height: 190px
}

.testimonial-2.testimonial-bg .testimonial-text:after,
.testimonial-grid-2.testimonial-bg .testimonial-text:after {
    border-top-color: #fff
}

.testimonial-3,
.testimonial-grid-3 {
    text-align: center;
    border: 1px solid #ddd;
    padding: 20px 0;
    margin-top: 60px
}

.testimonial-3 .quote-left:before,
.testimonial-grid-3 .quote-left:before {
    position: static;
    font-size: 60px;
    color: #ffbc13
}

.testimonial-3 .testimonial-position,
.testimonial-grid-3 .testimonial-position {
    color: #ffbc13
}

.testimonial-3 .testimonial-name,
.testimonial-3 .testimonial-position,
.testimonial-grid-3 .testimonial-name,
.testimonial-grid-3 .testimonial-position {
    display: inline-block
}

.testimonial-3 .quote-left,
.testimonial-grid-3 .quote-left {
    margin-top: -70px
}

.testimonial-3 .testimonial-pic,
.testimonial-grid-3 .testimonial-pic {
    border: 5px solid #ffbc13;
    margin-top: 15px
}

.testimonial-4 .testimonial-text,
.testimonial-grid-4 .testimonial-text {
    background-color: #273447;
    color: #fff;
    padding: 40px 30px
}

.testimonial-4 .testimonial-pic,
.testimonial-grid-4 .testimonial-pic {
    float: left;
    border: 3px solid #ffbc13;
    width: 90px;
    height: 90px;
    position: relative;
    z-index: 2
}

.testimonial-4 .testimonial-pic:after,
.testimonial-grid-4 .testimonial-pic:after {
    border-right: 3px solid #ffbc13;
    height: 150%;
    content: "";
    position: absolute;
    left: 36px;
    top: -21px;
    -webkit-transform: skew(25deg);
    -moz-transform: skew(25deg);
    -o-transform: skew(25deg);
    -ms-transform: skew(25deg);
    transform: skew(25deg);
    z-index: -1
}

@media only screen and (max-width:400px) {

    .testimonial-4 .testimonial-pic,
    .testimonial-grid-4 .testimonial-pic {
        width: 60px;
        height: 60px
    }

    .testimonial-4 .testimonial-pic:after,
    .testimonial-grid-4 .testimonial-pic:after {
        height: 140%;
        left: 24px;
        position: absolute;
        top: -11px;
        -webkit-transform: skew(30deg);
        -moz-transform: skew(30deg);
        -o-transform: skew(30deg);
        -ms-transform: skew(30deg);
        transform: skew(30deg)
    }
}

.testimonial-4 .testimonial-paragraph,
.testimonial-grid-4 .testimonial-paragraph {
    overflow: hidden;
    padding-left: 20px
}

.testimonial-4 .testimonial-detail,
.testimonial-grid-4 .testimonial-detail {
    background-color: #ffbc13;
    color: #fff;
    padding: 15px 20px 15px 70px;
    display: inline-block;
    position: relative;
    z-index: 0
}

.testimonial-4 .testimonial-detail:after,
.testimonial-grid-4 .testimonial-detail:before {
    content: "";
    background-color: #ffbc13;
    position: absolute;
    top: 0;
    right: -30px;
    height: 100%;
    width: 150px;
    z-index: -1;
    display: block;
    -webkit-transform: skew(-45deg);
    -moz-transform: skew(-45deg);
    -o-transform: skew(-45deg);
    -ms-transform: skew(-45deg);
    transform: skew(-45deg)
}

@media only screen and (max-width:400px) {

    .testimonial-4 .testimonial-detail,
    .testimonial-grid-4 .testimonial-detail {
        min-width: 220px
    }

    .testimonial-4 .testimonial-detail:after,
    .testimonial-grid-4 .testimonial-detail:before {
        right: -30px;
        width: 150px;
        -webkit-transform: skew(-35deg);
        -moz-transform: skew(-35deg);
        -o-transform: skew(-35deg);
        -ms-transform: skew(-35deg);
        transform: skew(-35deg)
    }
}

.testimonial-4 .testimonial-detail .testimonial-name,
.testimonial-4 .testimonial-detail .testimonial-position,
.testimonial-grid-4 .testimonial-detail .testimonial-name,
.testimonial-grid-4 .testimonial-detail .testimonial-position {
    display: inline-block;
    margin: 0 5px;
    position: relative
}

.testimonial-4 .testimonial-detail .testimonial-position,
.testimonial-grid-4 .testimonial-detail .testimonial-position {
    color: #000;
    margin: 0 10px
}

@media only screen and (max-width:400px) {

    .testimonial-4 .testimonial-detail .testimonial-name,
    .testimonial-4 .testimonial-detail .testimonial-position,
    .testimonial-grid-4 .testimonial-detail .testimonial-name,
    .testimonial-grid-4 .testimonial-detail .testimonial-position {
        display: block;
        margin: 0
    }
}

.testimonial-4 .testimonial-detail .testimonial-position:after,
.testimonial-grid-4 .testimonial-detail .testimonial-position:after {
    border: 1px solid #000;
    height: 50%;
    content: "";
    position: absolute;
    left: -10px;
    top: 5px;
    -webkit-transform: skew(-25deg);
    -moz-transform: skew(-25deg);
    -o-transform: skew(-25deg);
    -ms-transform: skew(-25deg);
    transform: skew(-25deg)
}

@media only screen and (max-width:400px) {

    .testimonial-4 .testimonial-detail .testimonial-position:after,
    .testimonial-grid-4 .testimonial-detail .testimonial-position:after {
        display: none
    }
}

.testimonial-4 .testimonial-detail .fa-quote-left,
.testimonial-grid-4 .testimonial-detail .fa-quote-left {
    background-color: #273447;
    color: #ffbc13;
    position: absolute;
    left: 0;
    top: 0;
    font-size: 30px;
    width: 55px;
    line-height: 55px;
    height: 100%;
    text-align: center
}

.pricingtable-5 [class*=col-] {
    width: 20%
}

@media only screen and (max-width:991px) {
    .pricingtable-5 [class*=col-] {
        width: 100%
    }
}

.pricingtable-inner {
    text-align: center
}

.pricingtable-price {
    padding: 10px;
    background-color: #ffbc13
}

.pricingtable-bx {
    font-size: 70px;
    font-family: Arial;
    color: #666;
    color: #273447
}

.pricingtable-type {
    font-size: 20px;
    text-transform: uppercase;
    font-size: 24px;
    color: #fff
}

.pricingtable-type:before {
    content: "/";
    margin-right: 3px
}

.pricingtable-title {
    background-color: #273447;
    padding: 20px;
    text-transform: uppercase
}

.pricingtable-title * {
    margin: 0;
    color: #fff
}

.pricingtable-features {
    margin: 0;
    padding: 0;
    list-style: none;
    border: 1px solid #e9e9e9
}

.pricingtable-features li {
    padding: 12px;
    border-bottom: 1px solid #e9e9e9
}

.pricingtable-features li i {
    margin: 0 3px
}

.pricingtable-features li:nth-child(even) {
    background-color: #f4f7f8
}

.pricingtable-features li:last-child {
    border-bottom: none
}

.pricingtable-footer {
    margin-top: -1px;
    padding: 20px;
    background-color: #273447
}

.pricingtable-highlight {
    margin: -20px 0;
    -moz-box-shadow: 0 0 10px 5px rgba(0, 0, 0, .2);
    -webkit-box-shadow: 0 0 10px 5px rgba(0, 0, 0, .2);
    box-shadow: 0 0 10px 5px rgba(0, 0, 0, .2);
    position: relative;
    z-index: 99
}

.pricingtable-highlight .pricingtable-price {
    padding: 20px 10px
}

.pricingtable-highlight .pricingtable-footer {
    padding: 30px 20px
}

.no-col-gap .pricingtable-wrapper {
    margin-left: -1px
}

.pricing-table-style-2 .pricingtable-price {
    position: relative;
    z-index: 0;
    overflow: hidden
}

.pricing-table-style-2 .pricingtable-price:after {
    position: absolute;
    height: 90%;
    width: 96%;
    content: "";
    top: 0;
    left: -40px;
    background-color: #273447;
    z-index: -1;
    -webkit-transform: skew(-30deg);
    -moz-transform: skew(-30deg);
    -o-transform: skew(-30deg);
    -ms-transform: skew(-30deg);
    transform: skew(-30deg)
}

.pricing-table-style-2 .pricingtable-price .pricingtable-bx {
    color: #fff;
    font-size: 48px
}

.pricing-table-style-2 .pricingtable-title {
    background-color: #ffbc13
}

.pricing-table-style-2 .pricingtable-title * {
    color: #000
}

@media only screen and (max-width:1200px) {
    .pricing-table-style-2 .pricingtable-price .pricingtable-bx {
        font-size: 36px
    }

    .contactuspage-banner {
        height: 300px
    }

    .contactus-form-banner .contactus-wrapper {
        top: 14%
    }
}

@media only screen and (max-width:991px) {
    .pricing-table-style-2 .pricingtable-price .pricingtable-bx {
        font-size: 20px
    }

    .pricing-table-style-2 .pricingtable-price .pricingtable-type {
        font-size: 14px
    }
}

@media only screen and (max-width:766px) {
    .pricing-table-style-2 .pricingtable-price .pricingtable-bx {
        font-size: 70px
    }

    .pricing-table-style-2 .pricingtable-price .pricingtable-type {
        font-size: 24px
    }
}

@media only screen and (max-width:420px) {
    .pricing-table-style-2 .pricingtable-price .pricingtable-bx {
        font-size: 40px
    }

    .pricing-table-style-2 .pricingtable-price .pricingtable-type {
        font-size: 18px
    }

    .pricingtable-bx {
        font-size: 40px
    }

    .pricingtable-type {
        font-size: 18px
    }
}

.alert.alert-sm {
    padding: 5px 15px;
    font-size: 12px
}

.alert.alert-lg {
    padding: 25px 15px;
    font-size: 16px
}

.alert.alert-xl {
    padding: 35px 15px;
    font-size: 18px
}

.alert[class*=alert-] i {
    margin-right: 8px
}

.alert.no-radius {
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0
}

.alert.no-bg {
    background-color: transparent;
    border-width: 2px
}

.alert[class*=alert-] ul {
    padding-left: 25px;
    margin-top: 10px
}

.alert[class*=alert-] ul li:before {
    color: #a94442
}

.wt-img-effect {
    position: relative;
    overflow: hidden;
    display: block
}

.wt-img-effect img {
    display: block;
    margin: 0;
    width: 100%;
    height: auto;
    box-shadow: 0 0 0 transparent;
    -webkit-box-shadow: 0 0 0 transparent;
    -moz-box-shadow: 0 0 0 transparent;
    transition: all .7s;
    -moz-transition: all .7s;
    -webkit-transition: all .7s;
    -o-transition: all .7s
}

.wt-img-effect.opacity img:hover {
    opacity: .8;
    -moz-opacity: .8;
    -webkit-opacity: .8
}

.wt-img-effect.zoom-slow img {
    transition: all 10s;
    -moz-transition: all 10s;
    -webkit-transition: all 10s;
    -o-transition: all 10s
}

.wt-img-effect.zoom-slow:hover img {
    -moz-transform: scale(2);
    -webkit-transform: scale(2);
    -o-transform: scale(2);
    -ms-transform: scale(2);
    transform: scale(2)
}

.wt-img-effect.zoom:hover img {
    -moz-transform: scale(1.5);
    -webkit-transform: scale(1.5);
    -o-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5)
}

.wt-img-effect.shrink:hover img {
    transform: scale(.8);
    -ms-transform: scale(.8);
    -webkit-transform: scale(.8);
    -o-transform: scale(.8);
    -moz-transform: scale(.8)
}

.wt-img-effect.side-pan:hover img {
    margin-left: -11%;
    transform: scale(1.2);
    -ms-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -o-transform: scale(1.2);
    -moz-transform: scale(1.2)
}

.wt-img-effect.vertical-pan:hover img {
    margin-top: -10%;
    transform: scale(1.2);
    -ms-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -o-transform: scale(1.2);
    -moz-transform: scale(1.2)
}

.wt-img-effect.fade-in {
    background: #000
}

.wt-img-effect.fade-in img {
    opacity: .65;
    -moz-opacity: .65;
    -webkit-opacity: .65
}

.wt-img-effect.fade-in:hover img {
    opacity: 1;
    -moz-opacity: 1;
    -webkit-opacity: 1
}

.wt-img-effect.fade-out {
    background: #000
}

.wt-img-effect.fade-out:hover img {
    opacity: .7;
    -moz-opacity: .7;
    -webkit-opacity: .7
}

.wt-img-effect.rotate:hover img {
    -moz-transform: scale(1.5) rotate(-20deg);
    -webkit-transform: scale(1.5) rotate(-20deg);
    -o-transform: scale(1.5) rotate(-20deg);
    -ms-transform: scale(1.5) rotate(-20deg);
    transform: scale(1.5) rotate(-20deg)
}

.wt-img-effect.sepia img {
    -webkit-filter: sepia(100%);
    filter: sepia(100%)
}

.algo-image-hover.sepia:hover img {
    -webkit-filter: sepia(0);
    filter: sepia(0)
}

.wt-img-effect.blurr img {
    transition: all .2s;
    -moz-transition: all .2s;
    -webkit-transition: all .2s;
    -o-transition: all .2s
}

.wt-img-effect.blurr:hover img {
    filter: blur(3px);
    -webkit-filter: blur(3px);
    -moz-filter: blur(3px);
    -o-filter: blur(3px);
    -ms-filter: blur(3px)
}

.wt-img-effect.blurr-invert img {
    transition: all .2s;
    -moz-transition: all .2s;
    -webkit-transition: all .2s;
    -o-transition: all .2s
}

.wt-img-effect.blurr-invert img {
    filter: blur(3px);
    -webkit-filter: blur(3px);
    -moz-filter: blur(3px);
    -o-filter: blur(3px);
    -ms-filter: blur(3px)
}

.wt-img-effect.blurr-invert:hover img {
    filter: blur(0);
    -webkit-filter: blur(0);
    -moz-filter: blur(0);
    -o-filter: blur(0);
    -ms-filter: blur(0)
}

.wt-img-effect.off-color img {
    filter: grayscale(0);
    -webkit-filter: grayscale(0);
    -moz-filter: grayscale(0);
    -o-filter: grayscale(0);
    -ms-filter: grayscale(0)
}

.wt-img-effect.off-color:hover img {
    filter: grayscale(1);
    -webkit-filter: grayscale(1);
    -moz-filter: grayscale(1);
    -o-filter: grayscale(1);
    -ms-filter: grayscale(1)
}

.wt-img-effect.on-color img {
    filter: grayscale(1);
    -webkit-filter: grayscale(1);
    -moz-filter: grayscale(1);
    -o-filter: grayscale(1);
    -ms-filter: grayscale(1)
}

.wt-img-effect.on-color:hover img {
    filter: grayscale(0);
    -webkit-filter: grayscale(0);
    -moz-filter: grayscale(0);
    -o-filter: grayscale(0);
    -ms-filter: grayscale(0)
}

.modal-xlg {
    width: 1000px
}

.provider_registration .bootstrap-select div.dropdown-menu ul li a {
    font-weight: 600
}

.provider_registration .bootstrap-select div.dropdown-menu ul li a span.childcat {
    font-weight: 400;
    color: #7c7c7c
}

@media only screen and (max-width:1024px) {
    .modal-xlg {
        width: auto;
        margin-left: 15px;
        margin-right: 15px
    }
}

.social-icons {
    list-style: none;
    margin-left: -3px;
    margin-right: -3px;
    font-size: 12px
}

.social-icons li {
    display: inline-block;
    text-align: center
}

.social-icons li a {
    display: block;
    padding: 3px
}

.social-icons.social-md {
    font-size: 18px
}

.social-icons.social-lg li a {
    font-size: 24px
}

.social-icons.has-bg li a:hover {
    color: #fff
}

.social-icons.social-light a {
    color: #fff
}

.social-icons.social-light.has-bg li a:hover {
    color: #ffbc13
}

.social-icons.social-dark a {
    color: #777
}

.social-icons.social-dark.has-bg li a:hover {
    color: #ffbc13
}

.social-icons.social-radius a,
.social-icons.social-square a {
    border: 1px solid rgba(0, 0, 0, .2);
    width: 24px;
    height: 24px;
    line-height: 24px;
    padding: 0
}

.social-icons.social-radius.social-md a,
.social-icons.social-square.social-md a {
    width: 36px;
    height: 36px;
    line-height: 36px;
    padding: 0
}

.social-icons.social-radius.social-lg a,
.social-icons.social-square.social-lg a {
    width: 40px;
    height: 40px;
    line-height: 40px;
    padding: 0
}

.social-icons.social-radius.social-primary a,
.social-icons.social-square.social-primary a {
    background-color: #ffbc13;
    color: #fff;
    border: 1px solid rgba(0, 0, 0, .1)
}

.social-icons.social-radius.social-primary a:hover,
.social-icons.social-square.social-primary a:hover {
    background-color: #273447
}

.social-icons.social-radius.social-primary.has-bg a:hover,
.social-icons.social-square.social-primary.has-bg a:hover {
    border: 1px solid #fff
}

.social-icons.social-radius.social-dark a,
.social-icons.social-square.social-dark a {
    background-color: #fff
}

.social-icons.social-radius.social-dark a:hover,
.social-icons.social-square.social-dark a:hover {
    background-color: #273447;
    color: #fff
}

.social-icons.social-radius.social-dark.has-bg a:hover,
.social-icons.social-square.social-dark.has-bg a:hover {
    border: 1px solid #ffbc13
}

.social-icons.social-radius.social-darkest a,
.social-icons.social-square.social-darkest a {
    border: 1px solid #2a4666
}

.social-icons.social-darkest a {
    color: #2a4666
}

.social-icons.social-radius.social-darkest a:hover,
.social-icons.social-square.social-darkest a:hover {
    background-color: #ffbc13;
    color: #4a4c4c
}

.social-icons.social-radius a {
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px
}

.social-icons.social-radius.social-dark.white-border a,
.social-icons.social-square.social-dark.white-border a {
    background: 0 0;
    color: #fff;
    border: 1px solid #fff
}

.wt-social-icon {
    display: inline-block;
    margin: 0 -3px;
    padding: 0
}

.wt-social-icon li {
    display: inline-block;
    padding: 0;
    font-size: 12px
}

.wt-social-icon li a {
    display: inline-block;
    width: 24px;
    height: 24px;
    padding: 4px
}

.wt-social-icon li .fa {
    vertical-align: middle
}

.wt-social-icon.border li {
    padding: 0 3px
}

.wt-social-icon.border li a {
    border: 1px solid #efeded;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px
}

.wt-social-links.dark li {
    padding: 0 3px
}

.wt-social-icon.dark li a {
    border: 1px solid #777;
    color: #777;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px
}

.wt-share-icon li {
    border: none;
    width: 36px;
    display: block;
    float: left;
    white-space: nowrap;
    overflow: hidden;
    margin-right: 0
}

.wt-share-icon li a {
    color: #fff
}

.wt-share-icon li i {
    border-right: none;
    font-size: 14px;
    color: #fff;
    width: 36px;
    height: 34px;
    line-height: 34px;
    padding: 0;
    text-align: center
}

.wt-share-icon li.fb {
    background: #354d89
}

.wt-share-icon li.fb i {
    background: #3a5799
}

.wt-share-icon li.gp {
    background: #d34b2b
}

.wt-share-icon li.gp i {
    background: #e35736
}

.wt-share-icon li.tw {
    background: #029fdf
}

.wt-share-icon li.tw i {
    background: #00abf0
}

.wt-share-icon li.dig {
    background: #1d61aa
}

.wt-share-icon li.dig i {
    background: #2b6fb8
}

.wt-share-icon li.lin {
    background: #0176be
}

.wt-share-icon li.lin i {
    background: #0082ca
}

.wt-share-icon li.pin {
    background: #ac0104
}

.wt-share-icon li.pin i {
    background: #bd0e15
}

.wt-share-icon li:hover {
    width: 90px
}

.wt-breadcrumb {
    margin: 0;
    list-style: none
}

.wt-breadcrumb li {
    padding: 0;
    margin-right: 3px;
    color: #333;
    position: relative;
    display: inline-block;
    font-weight: 700
}

.wt-breadcrumb li a {
    color: #676767
}

.wt-breadcrumb li:last-child {
    color: #676767
}

.wt-breadcrumb li:last-child:after {
    display: none
}

.breadcrumb-style-1 li:after {
    content: "\f101";
    margin-left: 7px;
    font-family: FontAwesome
}

.breadcrumb-style-2 li:after {
    content: "\f101";
    margin-left: 7px;
    font-family: FontAwesome
}

.breadcrumb-style-3 li {
    padding: 20px 15px 20px 20px
}

.breadcrumb-style-3 li:after,
.breadcrumb-style-3 li:before {
    content: "";
    position: absolute;
    height: 50%;
    width: 1px;
    background-color: #e8e9e9;
    border-right: 1px solid #ccc;
    right: 0
}

.breadcrumb-style-3 li:after {
    top: 0;
    -webkit-transform: skew(30deg);
    -moz-transform: skew(30deg);
    -o-transform: skew(30deg);
    -ms-transform: skew(30deg);
    transform: skew(30deg)
}

.breadcrumb-style-3 li:before {
    bottom: 0;
    -webkit-transform: skew(-30deg);
    -moz-transform: skew(-30deg);
    -o-transform: skew(-30deg);
    -ms-transform: skew(-30deg);
    transform: skew(-30deg)
}

.breadcrumb-style-3 li:last-child:before {
    display: none
}

.google-map {
    width: 100%;
    height: 312px
}

.progress .tooltip {
    position: relative;
    float: right;
    margin-top: 5px
}

.progress .tooltip>.tooltip-inner {
    background-color: #212121;
    padding: 3px 10px;
    color: #fff;
    font-weight: 700;
    font-size: 12px;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0
}

.progress .popOver+.tooltip>.tooltip-arrow {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #212121
}

.progress {
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    overflow: visible
}

.progress-bar {
    -webkit-transition: width 1.5s ease-in-out;
    transition: width 1.5s ease-in-out
}

.wt-probar-1 {
    height: 4px
}

.with-overlay.progress .tooltip>.tooltip-inner {
    background-color: #fff;
    color: #000
}

.with-overlay.progress .popOver+.tooltip>.tooltip-arrow {
    border-top: 5px solid #fff
}

.count-row {
    background: #333
}

#countdown-clock {
    display: table;
    text-align: center;
    width: 80%;
    margin-left: -15px;
    border: 1px solid #3f3f3f;
    margin: 17px 0
}

#countdown-clock span {
    display: table-cell;
    width: 1%;
    color: #fff;
    padding: 5px 15px;
    text-transform: uppercase;
    font-weight: 600;
    color: #999;
    border-right: 1px solid #3f3f3f
}

#countdown-clock span:last-child {
    border-right: none
}

#countdown-clock span b {
    display: block;
    font-size: 25px;
    font-weight: 900;
    color: #fff
}

@media only screen and (max-width:991px) {
    #countdown-clock {
        width: 100%
    }
}

label {
    font-weight: 600;
    margin-bottom: 10px
}

.panel-default,
.panel-default>.panel-heading {
    border-color: #e7ecf1;
    color: inherit
}

.panel-default>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #e7ecf1
}

.form-group {
    margin-bottom: 25px
}

.form-control {
    border-color: #e1e6eb;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    height: 40px;
    font-size: 12px;
    line-height: 20px;
    padding: 9px 6px
}

.form-control:focus {
    border-color: #e1e1e1;
    outline: 0
}

.form-control:focus,
.has-error .form-control:focus {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

.form-control.kv-fileinput-caption {
    height: 39px
}

.form-group.form-inline .checkbox,
.form-group.form-inline .radio {
    margin-right: 15px
}

.input-group {
    width: 100%
}

.input-group .form-control,
.input-group-addon,
.input-group-btn {
    display: table-cell
}

.input-group-addon {
    background: #fff;
    border-color: #e1e1e1;
    padding: 6px 14px;
    font-size: 16px
}

.input-group-addon.font-size-20 {
    font-size: 20px
}

.input-group-addon.fixed-w {
    text-align: center;
    padding: 6px 0;
    width: 40px
}

.input-group-addon.v-align-t {
    line-height: 30px
}

.dropdown-menu {
    font-size: 13px
}

.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    width: 100%
}

.bootstrap-select .dropdown-toggle {
    border: 1px solid #e7ecf1 !important;
    background-color: #fff !important;
    height: 40px;
    font-size: 13px;
    color: #999
}

.bootstrap-select .dropdown-toggle:after {
    display: none
}

.bootstrap-select .dropdown-toggle:active,
.bootstrap-select .dropdown-toggle:focus,
.bootstrap-select .dropdown-toggle:hover {
    background-color: #fff !important;
    border: 1px solid #e9e9e9 !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    outline: 0 !important
}

.bootstrap-select:active,
.bootstrap-select:focus {
    border: 0 !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    outline: 0 !important
}

.bootstrap-select.open {
    box-shadow: none !important;
    outline: 0 !important
}

.bootstrap-select.open .dropdown-toggle {
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    outline: 0 !important
}

.bootstrap-select div.dropdown-menu {
    border: 1px solid #e9e9e9;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    box-shadow: none;
    margin-top: -1px;
    padding: 0;
    font-size: 13px
}

.bootstrap-select div.dropdown-menu ul li {
    padding: 0
}

.bootstrap-select div.dropdown-menu ul li a {
    padding: 5px 15px
}

.bootstrap-select div.dropdown-menu ul li a img {
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    margin-right: 5px
}

.bootstrap-select .bs-searchbox .form-control {
    padding: 5px 10px;
    height: 30px
}

input[type=checkbox],
input[type=radio] {
    opacity: 0;
    margin-left: 1px !important
}

input[type=checkbox]+label,
input[type=radio]+label {
    display: block;
    padding-left: 20px !important;
    position: relative
}

input[type=checkbox]+label:hover:before,
input[type=radio]+label:hover:before {
    border-color: #3396d1
}

input[type=checkbox]+label:before,
input[type=radio]+label:before {
    background-color: #fff;
    border: 2px solid #b6b7b8;
    border-radius: 0;
    content: "";
    display: inline-block;
    height: 16px;
    line-height: 1;
    margin-left: -20px;
    position: absolute;
    top: 2px;
    transition: all linear .1s;
    width: 16px
}

input[type=checkbox]+label:after {
    color: #fff;
    content: "\f00c";
    font-family: FontAwesome;
    font-size: 0;
    -webkit-font-smoothing: antialiased;
    left: 6px;
    position: absolute;
    top: 7px;
    transition: all linear .1s
}

input[type=checkbox]:checked+label:before {
    border-width: 7px;
    border-color: #3396d1
}

input[type=checkbox]:checked+label:after {
    font-size: 10px;
    left: 2px;
    top: 2px
}

input[type=radio]+label:before {
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    content: ""
}

input[type=radio]:checked+label:before {
    border-color: #3396d1;
    border-width: 5px
}

.form-inline .checkbox input[type=checkbox],
.form-inline .radio input[type=radio] {
    position: absolute;
    left: 0;
    bottom: 0
}

.btn-file {
    overflow: hidden;
    position: relative
}

.btn-file input[type=file] {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    cursor: inherit;
    display: block;
    min-height: 100%;
    min-width: 100%;
    opacity: 0;
    position: absolute;
    right: 0;
    text-align: right;
    top: 0
}

.bootstrap-touchspin .input-group-btn-vertical {
    position: relative;
    white-space: nowrap;
    width: 1%;
    vertical-align: middle;
    display: table-cell
}

.bootstrap-touchspin .input-group-btn-vertical>.btn {
    display: block;
    float: none;
    width: 100%;
    max-width: 100%;
    padding: 10px 10px 9px;
    margin-left: -1px;
    position: relative;
    border-width: 1px;
    border-style: solid;
    border-color: #e1e1e1;
    background: #fff
}

.bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-up {
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-top-right-radius: 0
}

.bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down {
    margin-top: -2px;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-bottom-right-radius: 0
}

.bootstrap-touchspin .input-group-btn-vertical i {
    position: absolute;
    top: 4px;
    left: 5px;
    font-size: 9px;
    font-weight: 400;
    color: #9fa0a1
}

.input-rating input[type=radio] {
    display: none
}

.input-rating input[type=radio]+label {
    display: inline-block;
    margin-left: -4px;
    padding-left: 0 !important;
    padding-right: 0;
    width: 24px
}

.input-rating input[type=radio]+label:first-of-type {
    margin-left: 0
}

.input-rating input[type=radio]+label:before {
    background-color: transparent;
    border: none;
    color: #ffd925;
    content: "\f006";
    display: inline-block;
    font-family: FontAwesome;
    font-size: 20px;
    -webkit-font-smoothing: antialiased;
    height: 14px;
    line-height: 1;
    margin-left: 0;
    position: static;
    text-align: center;
    top: 2px;
    transition: none;
    width: 14px
}

.input-rating input[type=radio]+label.filled:before,
.input-rating input[type=radio]+label.hovered.filled:before,
.input-rating input[type=radio]+label.marked:before,
.input-rating input[type=radio]:checked+label:before {
    content: "\f005"
}

.input-rating input[type=radio]+label.hovered:before {
    content: "\f006"
}

.rating-bx {
    color: #ffd925;
    font-size: 14px
}

.rating-bx i {
    margin: 0 2px
}

.rating-container .rating-stars::before {
    text-shadow: none
}

.rating-container {
    color: #c8c8c8
}

.rating-container .rating-stars {
    color: #3396d1
}

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

.has-error .bootstrap-select .dropdown-toggle,
.has-error .bootstrap-select .dropdown-toggle:focus,
.has-error .bootstrap-select .dropdown-toggle:hover {
    border-color: #a94442 !important
}

.has-success .bootstrap-select .dropdown-toggle,
.has-success .bootstrap-select .dropdown-toggle:focus,
.has-success .bootstrap-select .dropdown-toggle:hover {
    border-color: #3c763d !important
}

.resize-vertical {
    resize: vertical
}

.resize-horizontal {
    resize: horizontal
}

.resize-none {
    resize: none
}

.loading-area {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 9999;
    overflow: hidden
}

.loading-box {
    width: 100%;
    height: 100%;
    background-color: #fff;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 1;
    z-index: 9999
}

.loading-pic {
    width: 100%;
    position: absolute;
    top: 50%;
    z-index: 99999;
    text-align: center;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.loading-cover,
.loading-map,
.loading-srh-bar {
    background: rgba(255, 255, 255, .8);
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 2
}

.loading-cover .fa-spinner,
.loading-map .fa-spinner,
.loading-srh-bar .fa-spinner {
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -10px;
    font-size: 25px;
    color: #333
}

.wt-banner-outer {
    margin-bottom: 0
}

.wt-error-top,
.wt-success-top {
    margin-bottom: 0
}

.alert-bx.alert-info {
    padding: 15px;
    border: 1px solid #bce8f1
}

.widget {
    margin-bottom: 10px
}

.widget-title {
    margin: 0 0 25px
}

.widget-title,
.widget-title-three,
.widget-title-two {
    padding-bottom: 15px;
    position: relative;
    margin-bottom: 20px
}

.widget-title-three:after,
.widget-title-three:before,
.widget-title-two:after,
.widget-title-two:before {
    content: "";
    position: absolute;
    margin: 10px 0
}

.widget-title:after {
    content: "";
    position: absolute;
    bottom: -10px;
    left: 18px;
    height: 3px;
    margin: 0 0 0;
    width: 70px;
    margin: 10px 0;
    background-color: #ffbc13
}

.widget-title:before {
    content: "";
    position: absolute;
    bottom: -14px;
    left: 0;
    display: inline-block;
    width: 10px;
    height: 10px;
    border: 3px solid #2d3239;
    margin-bottom: 10px
}

.widget .post-title,
.widget .widget-title,
.widget .widget-title-two {
    text-transform: none
}

.category-entry ul,
.recent-posts-entry ul {
    margin: 0;
    list-style: none;
    padding: 0
}

.widget_archive ul,
.widget_categories ul,
.widget_getintuch ul,
.widget_meta ul,
.widget_nav_menu ul,
.widget_pages ul,
.widget_recent_comments ul,
.widget_recent_entries ul,
.widget_rss ul,
.widget_services ul {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0
}

.widget_archive ul li,
.widget_categories ul li,
.widget_meta ul li,
.widget_nav_menu li,
.widget_pages ul li,
.widget_recent_comments ul li,
.widget_recent_entries ul li,
.widget_services ul li {
    padding-bottom: 18px;
    margin-bottom: 13px;
    border-bottom: 1px solid #e1e1e1;
    position: relative;
       padding: 4px 10px 4px 15px;
    margin-bottom: 0;
    line-height: 18px;
    font-size: 13px;
}

.widget_archive ul li a,
.widget_categories ul li a,
.widget_meta ul li a,
.widget_nav_menu li a,
.widget_pages ul li a,
.widget_recent_comments ul li a,
.widget_recent_entries ul li a,
.widget_services ul li a {
    color: #767676
}

.widget_archive ul li a:hover,
.widget_categories ul li a:hover,
.widget_meta ul li a:hover,
.widget_nav_menu li a:hover,
.widget_pages ul li a:hover,
.widget_recent_comments ul li a:hover,
.widget_recent_entries ul li a:hover,
.widget_services ul li a:hover {
    color: #ffbc13
}

.widget_archive ul li:before,
.widget_categories ul li:before,
.widget_meta ul li:before,
.widget_nav_menu ul li:before,
.widget_pages ul li:before,
.widget_recent_comments ul li:before,
.widget_recent_entries ul li:before,
.widget_services ul li:before,
.widget_useful_links ul li:before {
    content: "\f105";
    position: absolute;
    left: 0;
    top: 4px;
    display: block;
    font-family: FontAwesome
}

.widget_archive ul li li,
.widget_categories ul li li,
.widget_meta ul li li,
.widget_nav_menu li li,
.widget_pages ul li li,
.widget_recent_comments ul li li,
.widget_services li li {
    border-bottom: none;
    padding-left: 10px;
    padding-right: 5px;
    padding-top: 0;
    padding-bottom: 0;
    line-height: 28px
}

.widget_archive ul li li:before,
.widget_categories ul li li:before,
.widget_meta ul li li:before,
.widget_nav_menu li li:before,
.widget_pages ul li li:before,
.widget_recent_comments ul li li:before,
.widget_services li li:before {
    top: 0;
    left: -8px
}

.search-bx .btn {
    border-left-color: #fff;
    padding: 9px 10px;
    color: #3396d1
}

.widget_search .screen-reader-text {
    display: block
}

.searchform {
    position: relative
}

.searchform input[type=text] {
    width: 100%;
    height: 40px;
    padding: 10px 90px 10px 15px;
    border: 1px solid #ccc
}

.searchform input[type=submit] {
    height: 40px;
    padding: 10px 15px;
    background-color: #ffbc13;
    position: absolute;
    right: 0;
    bottom: 0;
    color: #fff;
    border-left: none;
    border-right: none;
    border-top: none;
    border-bottom: none
}

.searchform input[type=submit]:active,
.searchform input[type=submit]:focus,
.searchform input[type=submit]:hover {
    background-color: #6ab33e;
    color: #fff !important;
    border-bottom-color: #5a9e2f
}

.recent-posts-entry .post-date,
.tweets-feed-entry .tweet-date {
    color: #3396d1;
    font-style: normal
}

.widget .post-title {
    font-size: 15px;
    line-height: 16px;
    margin-bottom: 8px
}

.recent-posts-entry .widget-post {
    margin-bottom: 5px;
    padding: 5px
}

.recent-posts-entry .widget-post:last-child {
    margin-bottom: 0
}

.recent-posts-entry .widget-post-bx:last-child {
    border-bottom: none
}

.recent-posts-entry .wt-post-media {
    float: left;
    width: 65px
}

.recent-posts-entry .wt-post-info {
    background: 0 0;
    padding: 0;
    margin-left: 80px;
    border: none
}

.recent-posts-entry .post-meta span {
    margin-right: 10px
}

.widget_recent_comments ul li:before {
    content: "\f0e6"
}

.widget_recent_comments ul li {
    padding-left: 20px;
    color: #999
}

.widget_meta ul li a abbr[title] {
    color: #333;
    border-bottom: none
}

.widget_calendar caption::after {
    color: #707070;
    content: ">";
    font-family: FontAwesome;
    margin: 0 0 0 5px
}

.widget_calendar table {
    border-collapse: separate;
    border-spacing: 2px;
    width: 100%
}

.widget_calendar thead {
    background-color: #999
}

.widget_calendar tfoot tr td {
    border: none;
    padding: 0
}

.widget_calendar tfoot tr td a {
    background-color: #fff;
    padding: 4px 10px
}

.widget_calendar table thead tr th {
    font-size: 11px;
    padding: 5px;
    text-align: center;
    border: none;
    color: #fff
}

.widget_calendar table tbody td {
    font-size: 13px;
    padding: 6px 5px;
    text-align: center;
    background-color: #fff;
    border: none;
    color: #444
}

.widget_calendar table tbody td#today {
    background-color: #ffbc13;
    color: #fff
}

.widget_calendar table tbody td#today a {
    color: #fff
}

.widget_tag_cloud a {
    padding: 8px 10px;
    background-color: #fff;
    border: 1px solid #ddd;
    font-size: 12px;
    display: inline-block;
    margin: 0 0 5px;
    color: #555
}

.side-bar .widget_tag_cloud a:hover {
    background-color: #ccc
}

.widget_archive select {
    width: 100%;
    padding: 5px;
    border: 1px solid #ccc
}

.widget_text select {
    width: 100%;
    padding: 5px;
    border: 1px solid #ccc
}

.widget_text select option {
    width: 100%
}

.widget_categories li {
    text-align: right
}

.widget_categories li a {
    float: left
}

.widget_categories .dropdown-menu li:before {
    left: 5px;
    top: 5px
}

.widget_categories li a:hover {
    color: #ffbc13
}

.widget_rss ul {
    margin: 0;
    line-height: 20px
}

.widget_rss ul li {
    line-height: 20px;
    margin-bottom: 15px
}

.widget_rss ul .rsswidget {
    color: #333
}

.widget_rss ul .rss-date {
    color: #999;
    font-style: italic
}

.widget_rss ul .rssSummary {
    padding: 5px 0
}

.widget_rss ul cite {
    color: #333;
    font-weight: 600
}

.widget_getintuch {
    padding-top: 10px
}

.widget_getintuch li {
    margin-bottom: 20px;
    position: relative;
    padding-left: 40px
}

.widget_getintuch b,
.widget_getintuch strong {
    display: block;
    text-transform: uppercase
}

.widget_getintuch i {
    position: absolute;
    left: 0;
    top: 5px;
    text-align: center;
    font-size: 14px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    background-color: rgba(0, 0, 0, .04);
    border: 1px solid rgba(0, 0, 0, .05)
}

.widget_gallery ul {
    padding-left: 0
}

.widget_gallery li {
    display: inline-block;
    margin-bottom: 5px;
    width: 32.1%;
    background-color: #000
}

.widget_gallery li a {
    position: relative
}

.widget_gallery li a:after {
    content: "\f00e ";
    font-family: FontAwesome;
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 16px;
    color: #fff;
    margin: -10px;
    opacity: 0
}

.widget_gallery li:hover img {
    margin-bottom: 0;
    opacity: .6
}

.widget_gallery li:hover a:after {
    opacity: 1
}

.widget_gallery a {
    display: block
}

@media only screen and (max-width:991px) {
    .widget_gallery li {
        width: 24.333%
    }
}

@media only screen and (max-width:480px) {
    .widget_gallery li {
        width: 32.1%
    }
}

.widget_categories .dropdown-menu ul li::before {
    display: none
}

.widget_categories .dropdown-menu ul li {
    border: none;
    text-align: left
}

.widget_categories .dropdown-menu ul li a {
    float: none
}

.widget-quick-form .form-group {
    margin-bottom: 10px
}

.widget-quick-form button,
.widget-quick-form input,
.widget-quick-form textarea {
    -webkit-border-radius: 20px;
    border-radius: 20px;
    padding: 10px 20px;
    resize: none;
    border: none
}

.widget-quick-form input,
.widget-quick-form textarea {
    background-color: #f6f7f8
}

.widget-quick-form .form-control::-webkit-input-placeholder {
    color: #1a1a1a;
    font-weight: 700
}

.widget-quick-form .form-control::-moz-placeholder {
    color: #1a1a1a;
    font-weight: 700
}

.widget-quick-form .form-control:-ms-input-placeholder {
    color: #1a1a1a;
    font-weight: 700
}

.widget-quick-form .form-control:-moz-placeholder {
    color: #1a1a1a;
    font-weight: 700
}

.widget_newsletter-2 .newsletter-bx {
    background-color: #f6f7f8;
    position: relative;
    z-index: 9;
    overflow: hidden
}

.widget_newsletter-2 .newsletter-bx .newsletter-icon {
    position: absolute;
    right: 5px;
    top: -5px
}

.widget_newsletter-2 .newsletter-bx .newsletter-icon i {
    font-size: 75px;
    z-index: 0;
    color: rgba(0, 0, 0, .05)
}

.widget-client {
    background-color: #f6f7f8
}

.widget-client .ow-client-logo {
    background-color: #f6f7f8
}

.widget_twitter ul {
    margin-left: 15px;
    margin-bottom: 0;
    list-style: none
}

.widget_twitter ul li {
    position: relative;
    padding-bottom: 15px
}

.widget_twitter ul li .twitter-w-icon {
    position: absolute;
    left: -24px;
    font-size: 18px;
    top: 2px
}

.widget_twitter a.site-button.outline.black {
    padding: 6px 14px;
    border-color: #e6e6e6
}

.table-behavior {
    display: table
}

.table-behavior .table-cell-behavior {
    display: table-cell;
    float: none
}

.wt-responsive-table td,
.wt-responsive-table th {
    padding: 8px !important
}

@media only screen and (max-width:800px) {

    #no-more-tables table,
    #no-more-tables tbody,
    #no-more-tables td,
    #no-more-tables th,
    #no-more-tables thead,
    #no-more-tables tr {
        display: block
    }

    #no-more-tables thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
        display: none
    }

    #no-more-tables tr {
        border: 1px solid #ccc
    }

    #no-more-tables td {
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
        padding-left: 50% !important;
        white-space: normal;
        text-align: left
    }

    #no-more-tables td:before {
        position: absolute;
        top: 6px;
        left: 6px;
        width: 45%;
        padding-right: 10px;
        white-space: nowrap;
        text-align: left;
        font-weight: 700
    }

    #no-more-tables td:before {
        content: attr(data-title)
    }
}

.yt-thum-box img {
    margin: -9.5% 0
}

.bs-glyphicons-wrap [class*=col-],
.fa-icon-wrap [class*=col-],
.outline-fonts-wrap [class*=col-] {
    background-color: #f9f9f9;
    display: block;
    border: 1px solid #fff;
    min-height: 100px;
    padding: 10px
}

.outline-fonts-wrap [class*=col-] {
    min-height: 120px
}

.bs-glyphicons-wrap [class*=col-] a,
.fa-icon-wrap [class*=col-] a,
.outline-fonts-wrap [class*=col-] a {
    display: grid
}

.bs-glyphicons-wrap [class*=col-] span,
.fa-icon-wrap [class*=col-] span,
.outline-fonts-wrap [class*=col-] span {
    display: block;
    text-align: center;
    color: #767676
}

.bs-glyphicons-wrap [class*=col-] span.glyphicon,
.fa-icon-wrap [class*=col-] span.fa {
    display: table;
    padding: 5px;
    font-size: 24px;
    margin: 0 auto
}

.bs-glyphicons-wrap [class*=col-] span.glyphicon-class,
.fa-icon-wrap [class*=col-] span.fa-icon-info,
.outline-fonts-wrap [class*=col-] span.flaticon-info {
    font-size: 13px
}

.bs-glyphicons-wrap [class*=col-]:hover,
.fa-icon-wrap [class*=col-]:hover,
.outline-fonts-wrap [class*=col-]:hover {
    background-color: #273447;
    color: #fff
}

.bs-glyphicons-wrap [class*=col-]:hover span,
.fa-icon-wrap [class*=col-]:hover span,
.outline-fonts-wrap [class*=col-]:hover span {
    color: #fff
}

.call-to-action-left {
    color: #fff
}

.call-to-action-left h1,
.call-to-action-left h2,
.call-to-action-left h3,
.call-to-action-left h4,
.call-to-action-left h5,
.call-to-action-left h6,
.call-to-action-left p {
    color: #fff
}

.call-to-action-left p:last-child {
    margin-bottom: 0
}

.call-to-action-right {
    text-align: right
}

@media only screen and (max-width:767px) {
    .call-to-action-right {
        text-align: left
    }

    .testimonial-2 .testimonial-text,
    .testimonial-grid-2 .testimonial-text {
        padding: 15px 20px 55px 20px
    }

    .m-t50 {
        margin-top: 20px !important
    }

    .ypt_wrapper:after,
    .ypt_wrapper:before {
        display: none !important
    }
}

.call-to-action-skew .call-to-action-left {
    position: relative
}

.call-to-action-skew .call-to-action-left::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 1920px;
    height: 114%;
    z-index: 1;
    background-color: #ffbc13;
    border-right: 7px solid #212427;
    -webkit-transform: skew(-30deg);
    -moz-transform: skew(-30deg);
    -o-transform: skew(-30deg);
    -ms-transform: skew(-30deg);
    transform: skew(-30deg)
}

@media only screen and (max-width:767px) {
    .call-to-action-skew .call-to-action-left::after {
        right: -15px;
        border-right: none;
        -webkit-transform: skew(0);
        -moz-transform: skew(0);
        -o-transform: skew(0);
        -ms-transform: skew(0);
        transform: skew(0)
    }

    .call-to-action-skew .call-to-action-left.p-r50 {
        padding-right: 0
    }

    .call-to-action-skew .call-to-action-right {
        padding-top: 45px
    }
}

.call-to-action-skew .call-to-action-left>* {
    position: relative;
    z-index: 2
}

.alignnone {
    margin: 0
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 15px
}

.alignright {
    float: right;
    margin: 5px 0 25px 25px
}

.alignleft {
    float: left;
    margin: 5px 25px 25px 0
}

a img.alignright {
    float: right;
    margin: 5px 0 25px 25px
}

a img.alignnone {
    margin: 5px 0 25px 0
}

a img.alignleft {
    float: left;
    margin: 5px 25px 25px 0
}

a img.aligncenter {
    display: block;
    margin: 5px auto 15px
}

.wp-caption {
    max-width: 100%;
    text-align: center
}

.wp-caption img[class*=wp-image-] {
    display: block;
    margin: 0
}

.wp-caption.alignnone {
    margin: 5px 0 25px 0
}

.wp-caption.alignleft {
    margin: 5px 25px 25px 0
}

.wp-caption.alignright {
    margin: 5px 0 25px 25px
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 100%;
    padding: 0;
    width: auto
}

.wp-caption p.wp-caption-text {
    color: #9d9d9d;
    font-size: 13px;
    line-height: 18px;
    margin: 0;
    padding: 10px 0;
    text-align: left
}

blockquote {
    padding: 16px 20px 16px 80px;
    font-size: 18px;
    font-style: italic;
    color: #555;
    margin: 40px 0;
    border-left: none;
    line-height: 30px;
    position: relative;
    background: #f6f6f6;
    clear: both;
    border-left: 4px solid #555
}

blockquote p {
    font-size: 18px;
    color: #555;
    line-height: 30px;
    margin-bottom: 0
}

blockquote:before {
    content: '\f10d';
    font-family: FontAwesome;
    color: #555;
    font-size: 35px;
    position: absolute;
    left: 20px;
    top: 20px;
    font-style: normal
}

.size-auto,
.size-full,
.size-large,
.size-medium,
.size-thumbnail {
    max-width: 100%;
    height: auto
}

.date-style-3 .wt-post-media {
    border-bottom: 3px solid #ffbc13
}

.blog-post {
        position: relative;
    margin-bottom: 40px;
    min-height: 500px;
}

.wt-post-title {
    margin-bottom: 10px
}

.wt-post-title .post-title {
    margin: 0
}

.wt-post-meta {
    margin-bottom: 10px
}

.wt-post-meta ul {
    margin: 0 -4px;
    list-style: none
}

.wt-post-meta li {
    padding: 0;
    display: inline-block;
    font-size: 14px
}

.wt-post-meta a {
    color: #a9a9a9
}

.wt-post-meta i {
    color: #7b7b7b;
    margin: 0 5px
}

.wt-post-meta li:after {
    content: "/";
    display: inline-block;
    font-weight: 400;
    margin-left: 5px;
    opacity: .5
}

.wt-post-meta li:last-child:after {
    display: none
}

.wt-post-text {
    margin-bottom: 15px
}

.wt-post-text p:last-child {
    margin: 0
}

.wt-post-readmore {
    margin-bottom: 15px
}

.wt-post-tags {
    padding-top: 10px
}

.wt-post-tags .post-tags {
    margin: 0 -3px;
    list-style: none
}

.wt-post-tags .post-tags a {
    border: 1px solid #ddd;
    padding: 2px 8px;
    color: #a9a9a9;
    margin: 0 3px 5px 3px;
    display: inline-block;
    text-transform: uppercase;
    font-size: 10px;
    font-weight: 600
}

.wt-post-tags .post-tags a:hover {
    background-color: #ffbc13;
    color: #fff
}

.date-style-2 .post-date {
    color: #fff;
    position: absolute;
    right: 10px;
    top: 10px;
    width: auto;
    text-align: center;
    text-transform: uppercase;
    background-color: #ffbc13;
    z-index: 1;
    padding: 4px 7px;
    border-radius: 4px;
}
.bloccategory {
    position: absolute;
    right: 10px;
    background: #2a4666;
    bottom: 10px;
    color: #fff;
    padding: 4px 8px;
    border-radius: 4px;
}
.blog-post img {
    height: 300px;
    object-fit: cover;
}
.blog-post .wt-post-info .wt-post-title h6 {
    font-size: 17px;
    font-family: 'Roboto', sans-serif !important;
    text-align: center;
    display: block;
    line-height: 22px;
  /*      height: 45px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;*/
}
.date-style-2 .post-date span,
.date-style-2 .post-date strong {
    display: block;
    padding: 10px 5px
}

.date-style-2 .post-date strong {
    padding: 10px 5px 0;
    position: relative;
    background-color: #ffbc13
}

.date-style-2 .post-date span {
    font-size: 16px;
    padding: 0 5px 10px
}

.date-style-2 .post-date .fa,
.date-style-2 .post-date:after,
.date-style-3 .post-date:after {
    display: none
}

.date-style-3 .wt-post-info {
    position: relative
}

.date-style-3 .post-date {
    background-color: #273447;
    text-transform: uppercase;
    position: absolute;
    padding: 8px 15px;
    color: #fff;
    top: -39px;
    left: 0;
    height: 36px;
    z-index: 1
}

.date-style-3 .post-date i {
    position: relative;
    background: #ffbc13;
    color: #fff;
    display: inline-block;
    text-align: center;
    width: 40px;
    height: 36px;
    line-height: 36px;
    margin-top: -8px;
    margin-left: -15px;
    margin-right: 15px
}

.date-style-3 .post-date strong {
    color: #ffbc13;
    margin-right: 2px
}

.date-style-3.date-skew .post-date i {
    margin-right: 35px
}

.date-style-3.date-skew .post-date i::after {
    background-color: #ffbc13;
    content: "";
    height: 100%;
    position: absolute;
    right: -12px;
    width: 25px;
    -webkit-transform: skew(30deg);
    -moz-transform: skew(30deg);
    -o-transform: skew(30deg);
    -ms-transform: skew(30deg);
    transform: skew(30deg)
}

.date-style-3.date-skew .post-date:before {
    content: "";
    position: absolute;
    background-color: #273447;
    right: -12px;
    top: 0;
    height: 100%;
    width: 25px;
    z-index: 1;
    display: block;
    -webkit-transform: skew(30deg);
    -moz-transform: skew(30deg);
    -o-transform: skew(30deg);
    -ms-transform: skew(30deg);
    transform: skew(30deg)
}

.recent-posts-entry-date p i{
    color: #2a4666;
}

.recent-posts-entry-date .widget-post:last-child {
    border: none
}

.footer-top .recent-posts-entry-date .wt-post-date {
    background-color: transparent;
    height: 45px;
    border: solid 1px #2a4666;
    color: #363636;
}

.footer-top .recent-posts-entry-date .wt-post-date:hover {
    background-color: #ffbc13;
    height: 45px;
    border: solid 1px #fff
}

.recent-posts-entry-date .wt-post-date {
    background-color: #12151a;
    width: 50px;
    height: 60px;
    float: left
}

.recent-posts-entry-date .wt-post-date strong {
    display: block;
    font-size: 13px
}

.recent-posts-entry-date .wt-post-date span {
    display: block;
    font-size: 11px;
    text-transform: uppercase;
    font-weight: 600
}

.recent-posts-entry-date .wt-post-info {
    margin-left: 70px
}

.recent-posts-entry-date .wt-post-info .wt-post-meta ul li {
    font-weight: 400;
    font-size: 14px;
    font-family: 'Roboto', sans-serif !important;
}

.recent-posts-entry-date .wt-post-info .post-title {
    font-weight: 700;
    margin-top: 0;
    font-size: 14px
}

.no-image-blog.date-style-2 .algo-post-info {
    padding-top: 70px
}

.no-image-blog.date-style-2 .post-date {
    top: 0;
    left: 20px
}

.blog-post.no-img-post .post-date {
    position: static;
    float: left
}

.blog-md .wt-post-media {
    width: 350px;
    float: left;
    margin-right: 30px
}

.blog-md .wt-post-info {
    border: none
}

.blog-md .wt-post-tags {
    border: none;
    display: inline-block;
    padding: 0
}

@media only screen and (max-width:767px) {
    .blog-md.blog-post .wt-post-media {
        float: none;
        margin: 0 0 20px;
        width: auto
    }
}

.nav-links:after {
    clear: both;
    content: "";
    display: table
}

.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute !important;
    width: 1px
}

.pagination .page-numbers {
    background-color: #fff;
    border: 1px solid #e0e0e0;
    color: #767676;
    padding: 9px 15px;
    font-weight: 600;
    font-size: 12px;
    display: block;
    float: left;
    margin-left: -1px
}

.pagination .page-numbers.current,
.pagination a.page-numbers:hover {
    background: #3396d1;
    color: #fff
}

.nav-links .nav-next a,
.nav-links .nav-previous a {
    display: inline-block;
    color: #3396d1;
    font-weight: 600;
    margin-bottom: 20px;
    outline: 0 !important
}

.nav-links .nav-next a:hover,
.nav-links .nav-previous a:hover {
    color: #09c
}

.nav-links .nav-next a:after,
.nav-links .nav-previous a:after {
    content: "\f105";
    font-family: FontAwesome;
    vertical-align: middle;
    margin-left: 2px;
    color: #333
}

.post-navigation {
    background-color: #fff;
    padding: 30px;
    border-bottom: 2px solid #e3e3e3
}

.post-navigation .screen-reader-text {
    margin-top: 0
}

.post-navigation .nav-next,
.post-navigation .nav-previous {
    display: inline-block;
    width: 50%
}

.post-navigation .nav-next {
    text-align: right
}

.post-navigation .nav-next a:after,
.post-navigation .nav-previous a:after {
    display: none
}

.post-navigation .nav-next .post-title,
.post-navigation .nav-previous .post-title {
    display: block;
    font-size: 15px;
    color: #777;
    margin-top: 10px
}

.wt-link-pages {
    padding: 20px 0 30px
}

.wt-link-pages a {
    color: #fff;
    padding: 2px 6px;
    font-size: 12px;
    font-weight: 600;
    background-color: #ccc;
    margin: 0 2px
}

.sticky-post {
    position: absolute;
    right: 0;
    top: 0;
    background: #77c04b;
    color: #fff;
    padding: 10px 15px;
    text-transform: uppercase;
    font-weight: 600
}

.post-password-form {
    position: relative;
    clear: both
}

.post-password-form input[type=password] {
    width: 100%;
    border: 1px solid #ddd;
    padding: 10px 100px 10px 15px;
    height: 40px
}

.post-password-form label {
    display: block
}

.post-password-form input[type=submit] {
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 10px 20px;
    background-color: #333;
    color: #fff;
    border: none;
    height: 40px;
    text-transform: uppercase;
    font-weight: 600
}

.blog [class*=galleryid-] {
    clear: both;
    margin: 0 auto;
    overflow: hidden
}

.gallery .gallery-item {
    float: left;
    list-style: none;
    margin: 0 0 0;
    overflow: hidden;
    padding: 0 0 5px 15px;
    text-align: center
}

.gallery .gallery-caption {
    padding-top: 10px;
    font-size: 13px
}

.gallery .gallery-item img {
    float: left;
    padding: 0 0;
    width: 100%;
    border: none !important
}

.gallery-columns-2 .gallery-item {
    max-width: 50%
}

.gallery-columns-3 .gallery-item {
    max-width: 33.33%
}

.gallery-columns-4 .gallery-item {
    max-width: 25%
}

.gallery-columns-5 .gallery-item {
    max-width: 20%
}

.gallery-columns-6 .gallery-item {
    max-width: 16.66%
}

.gallery-columns-7 .gallery-item {
    max-width: 14.28%
}

.gallery-columns-8 .gallery-item {
    max-width: 12.5%
}

.gallery-columns-9 .gallery-item {
    max-width: 11.11%
}

.gallery-icon img {
    margin: 0 auto
}

.gallery-caption {
    color: #707070;
    color: rgba(51, 51, 51, .7);
    display: block;
    font-family: "Noto Sans", sans-serif;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.5;
    padding: .5em 0
}

.gallery-columns-6 .gallery-caption,
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
    display: none
}

.side-bar .widget {
    margin-bottom: 30px
}

@media only screen and (max-width:991px) {
    .side-bar {
        margin-bottom: 40px
    }
}

.blog-detail .wt-post-media {
    margin-bottom: 30px
}

.comments-area {
    padding: 0
}

.comments-area .comments-title {
    text-transform: uppercase;
    font-size: 20px
}

ol.comment-list {
    list-style: none;
    margin-bottom: 0;
    padding-left: 0
}

ol.comment-list li.comment {
    position: relative;
    padding: 0
}

ol.comment-list li.comment .comment-body {
    position: relative;
    padding: 20px;
    margin-bottom: 40px;
    padding-left: 80px;
    position: relative;
    border: 1px solid #e9e9e9
}

ol.comment-list li.comment .comment-author {
    display: block;
    margin-bottom: 10px
}

ol.comment-list li.comment .comment-author .avatar {
    position: absolute;
    top: 20;
    left: 10px;
    width: 56px;
    height: 56px;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border: 2px solid #fff
}

ol.comment-list li.comment .comment-author .fn {
    display: inline-block;
    color: #000;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 600;
    font-style: normal
}

ol.comment-list li.comment .comment-author .says {
    display: none;
    color: #999;
    font-weight: 600
}

ol.comment-list li.comment .comment-meta {
    color: #000;
    margin-bottom: 15px;
    font-size: 12px;
    font-weight: 700
}

ol.comment-list li.comment .comment-meta a {
    color: #000
}

ol.comment-list li.comment .comment-meta a {
    color: #000
}

ol.comment-list li.comment .comment-meta:before,
ol.comment-list li.comment .reply a:before {
    font-family: FontAwesome;
    font-size: 11px;
    vertical-align: top
}

ol.comment-list li.comment .comment-meta:before {
    content: "\f133"
}

ol.comment-list li.comment .reply a:before {
    content: "\f064";
    font-weight: 400;
    color: #555;
    margin-right: 5px;
    vertical-align: middle
}

ol.comment-list li.comment p {
    line-height: 18px;
    margin: 0 0 5px
}

ol.comment-list li.comment .reply a {
    position: absolute;
    top: 50px;
    right: 30px;
    margin-top: -5px;
    color: #ffbc13;
    font-weight: 600
}

ol.comment-list li .children {
    list-style: none;
    margin-left: 80px
}

ol.comment-list li .children li {
    padding: 0
}

@media only screen and (max-width:767px) {
    .comments-area .padding-30 {
        padding: 15px
    }

    ol.comment-list li.comment .comment-body {
        margin-bottom: 30px;
        margin-left: 70px
    }

    ol.comment-list li.comment .comment-author .avatar {
        left: -75px;
        height: 60px;
        width: 60px
    }

    ol.comment-list li .children {
        margin-left: 20px
    }

    ol.comment-list li.comment .reply a {
        position: static
    }
}

@media only screen and (max-width:480px) {
    ol.comment-list li.comment .comment-body {
        margin-left: 52px
    }

    ol.comment-list li.comment .comment-author .avatar {
        left: -55px;
        top: 12px;
        width: 40px;
        height: 40px
    }

    .logo-header img {
        height: auto !important
    }
}

.comment-respond .comment-reply-title {
    text-transform: uppercase;
    font-size: 20px
}

.comment-respond .comment-reply-title {
    font-size: 16px;
    font-weight: 600
}

.comments-area .comment-form {
    margin: 0 -15px
}

.comments-area .comment-form .comment-notes {
    display: none
}

.comments-area .comment-form p {
    width: 33.333%;
    float: left;
    padding: 0 15px;
    margin-bottom: 30px;
    position: relative
}

.comments-area .comment-form p.form-allowed-tags {
    width: 100%
}

ol.comment-list li.comment .comment-respond .comment-form p {
    padding: 0 15px !important
}

.comments-area .comment-form p label {
    display: none;
    line-height: 18px;
    margin-bottom: 10px
}

.comments-area p::before {
    font-family: FontAwesome;
    display: inline-block;
    position: absolute;
    left: 15px;
    top: 0;
    font-size: 16px;
    color: #ccc;
    width: 40px;
    height: 40px;
    line-height: 40px;
    border: 1px solid #e1e6eb;
    text-align: center;
    border-radius: 4px 0 0 4px;
    -moz-border-radius: 4px 0 0 4px
}

.comments-area p.comment-form-author:before {
    content: "\f007"
}

.comments-area p.comment-form-email:before {
    content: "\f0e0"
}

.comments-area p.comment-form-url:before {
    content: "\f0ac"
}

.comments-area p.comment-form-comment:before {
    content: "\f040"
}

.comments-area .comment-form p input[type=text],
.comments-area .comment-form p textarea {
    width: 100%;
    height: 40px;
    padding: 10px 10px 10px 50px;
    border: none;
    background-color: #f3f3f3
}

.comments-area .comment-form p.comment-form-comment {
    width: 100%;
    display: block;
    clear: both
}

.comments-area .comment-form p textarea {
    height: 120px
}

.comments-area .comment-form p.form-submit {
    clear: both;
    float: none;
    width: 100%;
    margin: 0
}

.comments-area .comment-form p input[type=submit] {
    background-color: #77c04b;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-width: 0;
    color: #fff;
    display: inline-block;
    font-weight: 600;
    padding: 10px 20px;
    text-transform: uppercase
}

.comments-area .comment-form p input[type=submit]:active,
.comments-area .comment-form p input[type=submit]:focus,
.comments-area .comment-form p input[type=submit]:hover {
    background-color: #6ab33e;
    border-color: #6ab33e;
    color: #fff
}

@media only screen and (max-width:767px) {
    .comments-area .comment-form p {
        width: 100%;
        float: none;
        margin-bottom: 20px
    }

    .comment-respond {
        padding: 20px
    }

    .constructionservice-bg .comment-respond {
        padding: 0
    }

    .hermes.tparrows {
        height: 50px !important
    }

    .hermes.tparrows:before {
        line-height: 50px !important
    }

    .constructionservice-bg .section-head h5 {
        padding: 0 0 10px
    }

    .constructionservice-bg #review_form input {
        margin-bottom: 10px
    }

    .artwork-section h2 {
        font-size: 16px
    }


    .artwork-section .text-center.section-head p {
        max-width: 100%
    }
}

.blog-post .grid-post li {
    float: left;
    width: 50%;
    border-right: 4px solid #fff;
    border-bottom: 4px solid #fff;
    list-style: none
}

.blog-post .grid-post li .portfolio-item {
    width: 100%
}

.portfolio-item {
    width: 100%;
    position: relative;
    overflow: hidden;
    color: #fff;
    width: 100%;
    border: 0;
    position: relative
}

.blog-post .grid-post li img {
    width: 100%
}

.site-header {
    position: relative;
    z-index: 999
}

@media only screen and (max-width:1200px) {
    .site-header .container {
        width: auto
    }
}

.site-header ol,
.site-header ul {
    margin-bottom: 0
}

.nav-wide .container {
    width: 100%
}

.extra-nav {
    float: right;
    padding: 23px 0;
    position: relative;
    z-index: 9
}

.extra-nav .extra-cell {
    display: inline-block;
    margin-left: 10px
}

@media only screen and (max-width:480px) {
    .extra-nav {
        width: 100%;
        clear: both;
        margin: 0;
        text-align: right
    }
}

#header-part.fix-map-header {
    height: 90px
}

#header-part.fix-map-header .main-bar {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1
}

@media only screen and (max-width:480px) {
    #header-part.fix-map-header {
        height: 160px
    }
}

.header-skew:after,
.header-skew:before {
    background-color: #273447;
    content: "";
    position: absolute;
    bottom: -12px;
    height: 137%;
    z-index: -1
}

.header-skew:before {
    border-right: 7px solid #212427;
    right: -50px;
    width: 120%;
    -webkit-transform: skew(-30deg);
    -moz-transform: skew(-30deg);
    -o-transform: skew(-30deg);
    -ms-transform: skew(-30deg);
    transform: skew(-30deg)
}

@media only screen and (max-width:768px) {
    .header-skew:before {
        width: 120%
    }
}

.header-skew:after {
    right: 10%;
    width: 2000px
}

.boxed .header-skew::after {
    left: -15px;
    width: 80%
}

.boxed .header-style-2 .header-skew::after {
    left: auto;
    right: 10%;
    width: 700px
}

.support-skew {
    position: relative;
    padding-right: 50px
}

.support-skew::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 1;
    background: #ffbc13;
    display: block;
    height: 115.5%;
    border-right: 12px solid #1e1c1c;
    box-shadow: 0 0 8px -5px #000;
    -webkit-box-shadow: 0 0 8px -5px #000;
    -moz-box-shadow: 0 0 8px -5px #000;
    -webkit-transform: skew(-30deg);
    -moz-transform: skew(-30deg);
    -o-transform: skew(-30deg);
    -ms-transform: skew(-30deg);
    transform: skew(-30deg);
    width: 2000px
}

@media only screen and (max-width:991px) {
    .support-skew {
        margin-right: 70px
    }

    .support-skew::after {
        -webkit-transform: skew(-20deg);
        -moz-transform: skew(-20deg);
        -o-transform: skew(-20deg);
        -ms-transform: skew(-20deg);
        transform: skew(-20deg)
    }
}

@media only screen and (max-width:767px) {
    .support-skew {
        margin-right: 0
    }

    .support-skew::after {
        height: 100%;
        border: none;
        -webkit-transform: skew(0);
        -moz-transform: skew(0);
        -o-transform: skew(0);
        -ms-transform: skew(0);
        transform: skew(0)
    }
}

.top-bar {
    color: #fff;
    padding: 8px 0;
    background-color: #2a4666
}

.top-bar .fa {
    vertical-align: middle;
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid transparent;
    text-align: center;
    border-radius: 1px;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    font-size: 10px;
    padding: 0 5px
}

.wt-topbar-center,
.wt-topbar-left,
.wt-topbar-right {
    padding-left: 15px;
    padding-right: 15px
}

.wt-topbar-left {
    float: left
}

.wt-topbar-right {
    float: right
}

.wt-topbar-center {
    text-align: center
}

@media only screen and (max-width:991px) {

    .wt-topbar-left,
    .wt-topbar-right {
        float: none;
        padding-top: 5px;
        padding-bottom: 5px
    }
}

.e-p-bx li {
    display: inline;
    font-size: 13px;
    padding-right: 10px
}

.e-p-bx li a {
    color: #fff
}

.e-p-bx li i {
    margin-right: 5px;
    vertical-align: middle
}

.formobile-setting .site-button {
    padding: 9px 12px
}

.login-bx,
.social-bx {
    margin: 0 0 0 15px;
    float: right
}

.productdetails section p, .productdetails section ul li {
    font-size: 13px;
    line-height: 1.4;
    color: #000;
    font-family:'Roboto', sans-serif !important;
}

@media only screen and (max-width:480px) {

    .e-p-bx,
    .login-bx,
    .social-bx {
        margin-top: 5px;
        margin-bottom: 5px !important
    }
}

.login-bx li,
.social-bx li {
    font-size: 12px;
    margin: 0;
    position: relative
}

.social-bx li {
    padding-left: 2px;
    padding-right: 2px
}

.login-bx li a,
.social-bx li a {
    color: #fff
}

.login-bx li i,
.social-bx li i {
    vertical-align: baseline;
    margin: 0 5px 0 0
}

.login-bx li span,
.social-bx li span {
    vertical-align: baseline;
    margin: 0 2px 0;
    font-size: 8px
}

.login-bx li ul {
    top: 25px;
    left: auto;
    right: 0;
    border: none;
    padding: 0
}

.login-bx li ul li {
    border-bottom: 1px solid #f7f7f7
}

.login-bx li ul li a {
    color: #767676;
    padding: 9px 15px
}

.arrow-up-border:before,
.arrow-up:after {
    position: absolute;
    display: inline-block;
    content: ''
}

.arrow-up-border:before {
    top: -7px;
    right: 19px;
    border-right: 7px solid transparent;
    border-bottom: 7px solid red;
    border-left: 7px solid transparent;
    border-bottom-color: rgba(0, 0, 0, .2)
}

.arrow-up:after {
    top: -6px;
    right: 20px;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
    border-left: 6px solid transparent
}

.arrow-left:before {
    position: absolute;
    top: -7px;
    left: 9px;
    display: inline-block;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #ccc;
    border-left: 7px solid transparent;
    border-bottom-color: rgba(0, 0, 0, .2);
    content: ''
}

.arrow-left:after {
    position: absolute;
    top: -6px;
    left: 10px;
    display: inline-block;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
    border-left: 6px solid transparent;
    content: ''
}

.language-bx li {
    display: inline;
    margin: 0 10px
}

.logo-header {
    display: table;
    float: left;
    vertical-align: middle;
    padding: 0;
    font-size: 36px;
    color: #1bbce8;
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    width: 220px;
    height: 70px;
    position: relative;
    z-index: 9
}

@media only screen and (max-width:991px) {
    .logo-header {
        width: 180px
    }

    .header-skew::after,
    .header-skew::before {
        bottom: -10px;
        height: 127%
    }
}

@media only screen and (max-width:480px) {
    .logo-header {
        width: 100px;
        height: 60px
    }

    .header-skew::after,
    .header-skew::before {
        bottom: -9px;
        height: 120%
    }
}

.logo-footer {
    display: table;
    vertical-align: middle;
    padding: 0;
    font-size: 36px;
    color: #1bbce8;
    margin-top: 15px;
    margin-bottom: 15px;
    margin-left: 0;
    margin-right: 0;
    max-width: 200px;
    height: 60px
}

.logo-footer>a,
.logo-header>a {
    display: table-cell;
    vertical-align: middle
}

.logo-header.center-block {
    margin-left: auto;
    margin-right: auto;
    float: none
}

.logo-footer img,
.logo-header img {
    max-width: 100%;
    width: auto;
    height: auto;
    vertical-align: middle
}

.logo-footer span,
.logo-header span {
    font-size: 20px;
    color: #1bbce8;
    letter-spacing: 20px
}

.is-fixed .logo-header {
    height: 70px
}

.main-bar {
    position: relative;
    width: 100%;
    padding: 0
}

.main-bar::after {
    clear: both;
    content: "";
    display: table
}

.boxed .is-fixed .main-bar {
    max-width: 1200px;
    margin: 0 -600px;
    left: 50%
}

@media only screen and (max-width:1200px) {
    .boxed .is-fixed .main-bar {
        margin: 0;
        left: 0
    }
}

.boxed .site-header .container {
    width: auto
}

@media only screen and (max-width:991px) {
    .sticky-wrapper {
        height: auto !important
    }
}

.btn-item a:before {
    content: "";
    background: #ffbc13;
    height: 6px;
    width: 100%;
    position: absolute;
    bottom: 27px;
    z-index: -9
}

.site-search-btn {
    background: 0 0;
    padding: 10px 15px;
    border: none;
    outline: 0;
    color: #555
}

.site-search {
    position: absolute;
    top: 100%;
    right: 0;
    width: 500px;
    z-index: 999;
    display: none;
    padding-left: 50px
}

.site-search form {
    background-color: #273447;
    padding: 15px;
    position: relative
}

.site-search form::before {
    content: "";
    background-color: #273447;
    padding: 15px;
    position: absolute;
    top: 0;
    left: -25px;
    width: 100px;
    height: 100%;
    z-index: 1;
    border-left: 7px solid #212427;
    -webkit-transform: skew(30deg);
    -moz-transform: skew(30deg);
    -o-transform: skew(30deg);
    -ms-transform: skew(30deg);
    transform: skew(30deg)
}

.site-search .form-control {
    padding: 10px 15px;
    width: 100%;
    border: none;
    background: 0 0;
    color: #fff;
    font-size: 16px
}

.site-search .site-button,
.site-search .site-button:focus,
.site-search .site-button:hover {
    background: 0 0
}

.wt-quik-search .form-control::-moz-placeholder {
    color: #fff
}

.wt-quik-search .form-control:-moz-placeholder {
    color: #fff
}

.wt-quik-search .form-control:-ms-input-placeholder {
    color: #fff
}

.wt-quik-search .form-control::-webkit-input-placeholder {
    color: #fff
}

@media only screen and (max-width:767px) {
    .site-search {
        width: 100%
    }

    .site-search .site-button {
        padding: 0
    }

    .site-search form {
        padding-left: 0
    }
}

.navbar-toggle {
    border: none;
    margin-top: 14px;
    margin-bottom: 14px;
    margin-left: 15px;
    margin-right: -10px;
    padding: 12px 10px
}

.navbar-toggle .icon-bar {
    background: #555;
    height: 3px;
    border-radius: 0;
    -webkit-border-radius: 0
}

@media only screen and (max-width:480px) {
    .navbar-toggle {
        margin-left: 10px
    }

    .extra-nav .extra-cell {
        margin-left: 0
    }

    html h2 {
        font-size: 19px
    }
}

.is-fixed .navbar-toggle {
    margin-top: 14px;
    margin-bottom: 14px
}

.header-nav {
    position: relative;
    padding: 0
}

.header-nav .nav {
    float: right
}

.header-nav .nav i {
    font-size: 9px;
    margin-left: 3px;
    margin-top: -3px;
    vertical-align: middle;
    opacity: .7
}

.header-nav .nav>li {
    margin: 0;
    font-weight: 400;
    position: relative;
    text-transform: uppercase
}
.header-nav .nav>li.sub_menu:before {
    content: "\f105";
    font-family: 'FontAwesome';
    transform: rotate(90deg);
    position: absolute;
    right: 0;
    top: 25px;
    font-weight: 600;
}

.header-nav .nav>li.sub_menu.has-child {
    padding-right: 19px;
}
.header-nav .nav>li.myaccount-item a {
    padding: 15px 0
}

.header-nav .nav>li>a {
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    color: #555;
    font-size: 13px;
    font-weight: 600;
    padding: 25px 0;
    cursor: pointer;
    margin: 0 12px;
    position: relative;
    z-index: 99
}

.header-nav .nav>li>a:hover {
    background-color: transparent;
    color: #212427
}

html .header-nav .nav>li>a.site-button {
    padding: 0 12px;
    margin: 35px 5px
}

html .is-fixed .header-nav .nav>li>a.site-button {
    padding: 0 12px;
    margin: 25px 5px
}

.header-nav .nav>li>a:active,
.header-nav .nav>li>a:focus {
    background-color: transparent
}

.header-nav .nav>li.active>a,
.header-nav .nav>li.current-menu-item>a {
    background-color: transparent;
    color: #ffbc13
}

.header-nav .nav>li:hover>a {
    color: #ffbc13
}

.header-nav .nav>li:hover>.mega-menu,
.header-nav .nav>li:hover>.sub-menu {
    opacity: 1;
    visibility: visible;
    margin-top: 0;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.header-nav .nav>li .sub-menu {
    background-color: #fff;
    display: block;
    left: 0;
    list-style: none;
    margin: 20px 0 0;
    opacity: 0;
    padding: 0;
    position: absolute;
    visibility: hidden;
    width: 220px;
    z-index: 10
}

.header-nav .nav>li .sub-menu li {
    border-bottom: 1px solid #f4f4f4;
    position: relative;
    text-transform: none
}
.header-nav .nav>li .sub-menu li .sub-menu li a {
    font-size: 12px;
    padding: 5px 12px;
}
.header-nav .nav>li .sub-menu li a {
    color: #474747;
    display: block;
    font-size: 13px;
    padding: 10px 20px
}

.header-nav .nav>li .sub-menu li a:hover {
    background-color: #2a4666;
    color: #1bbce8;
    text-decoration: none
}
.header-nav .nav>li .sub-menu li:hover .fa {
    color: #fff;
}
.header-nav .nav>li .sub-menu li:hover>a {
     color: #fff;
}
.header-nav .nav > li .sub-menu li:hover > a{
    color: #ffc229;
}
.header-nav .nav>li .sub-menu li:last-child {
    border-bottom: 0
}

.header-nav .nav>li .sub-menu li .fa {
    color: #363636;
    display: block;
    float: right;
    position: absolute;
    right: 10px;
    top: 12px
}

.header-nav .nav>li .sub-menu li>.sub-menu {
    left: 220px;
    margin: 0 0 0 20px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.header-nav .nav>li .sub-menu li:hover>.sub-menu {
    left: 220px;
    margin: 0;
    opacity: 1;
    top: -1px;
    visibility: visible
}

.header-nav .nav>li .sub-menu li:hover>.sub-menu:before {
    background-color: transparent;
    bottom: 0;
    content: '';
    display: block;
    height: 100%;
    left: -6px;
    position: absolute;
    top: 0;
    width: 6px
}

.header-nav .nav>li.has-mega-menu {
    position: inherit
}

.header-nav .nav>li .mega-menu li a>i {
    font-size: 13px;
    margin-right: 5px;
    min-width: 20px
}

.header-nav .nav>li .mega-menu {
    background-color: #fff;
    border: 1px solid #e9e9e9;
    display: table;
    left: 0;
    list-style: none;
    opacity: 0;
    position: absolute;
    right: 0;
    visibility: hidden;
    width: 100%;
    margin-top: 20px;
    z-index: 10
}

.header-nav .nav>li .mega-menu>li {
    display: table-cell;
    padding: 10px 0;
    position: relative;
    vertical-align: top;
    width: 25%;
    text-transform: none
}

.header-nav .nav>li .mega-menu>li:after {
    content: "";
    background-color: rgba(204, 204, 204, .4);
    position: absolute;
    right: 0;
    top: 0;
    display: block;
    width: 1px;
    height: 100%
}

.header-nav .nav>li .mega-menu>li:last-child:after {
    display: none
}

.header-nav .nav>li .mega-menu>li>a {
    color: #555;
    display: block;
    font-size: 14px;
    padding: 0 20px
}

.header-nav .nav>li .mega-menu>li ul {
    list-style: none;
    margin: 10px 0 0 0;
    padding: 0
}

.header-nav .nav>li .mega-menu>li ul a {
    color: #474747;
    display: block;
    font-size: 13px;
    line-height: 34px;
    padding: 2px 20px
}

.header-nav .nav>li .mega-menu>li ul a:hover {
    color: #1bbce8;
    background-color: #273447
}

.header-nav .nav>li.menu-item-has-children:before {
    content: "\f078";
    display: block;
    font-family: FontAwesome;
    right: 4px;
    position: absolute;
    top: 50%;
    color: #999;
    margin-top: -8px;
    font-size: 8px
}

.header-nav .nav>li.submenu-direction .sub-menu {
    left: auto;
    right: 0
}

.header-nav .nav>li.submenu-direction .sub-menu li>.sub-menu {
    left: auto;
    right: 220px;
    margin: 0 20px 0 0
}

.header-nav .nav>li.submenu-direction .sub-menu li:hover>.sub-menu {
    left: auto;
    right: 220px;
    margin: 0
}

.has-child .submenu-toogle {
    position: absolute;
    right: 10px;
    top: 10px;
    color: #fff;
    background-color: #1a1a1a;
    z-index: 999;
    cursor: pointer;
    padding: 7px;
    font-size: 10px;
    display: none
}

.has-child li .submenu-toogle {
    opacity: .9
}

.has-child.nav-active>a+.submenu-toogle.glyphicon-plus:before {
    content: "\2212"
}

@media only screen and (max-width:991px) {
    header .logo {
        display: block;
        padding: 4px 0
    }

    .header-nav .nav i {
        margin-top: 6px
    }

    .header-nav .nav li.has-child.nav-active>a {
        color: #ffbc13
    }
}

@media only screen and (max-width:991px) {
    .navbar-header {
        float: none
    }

    .navbar-toggle {
        display: block
    }

    .navbar-collapse.collapse {
        display: none !important
    }

    .navbar-collapse.collapse.in {
        display: block !important
    }

    .header-nav {
        clear: both;
        margin: 0 -15px;
        border-bottom: 1px solid #e9e9e9
    }

    .header-nav .nav {
        float: none;
        margin: 0;
        background: #fff;
   height: 300px;
    overflow-y: auto;
    }

    .header-nav .nav li {
        float: none
    }

    .header-nav .nav>li .mega-menu>li,
    .header-nav .nav>li .sub-menu>li {
        float: none;
        display: block;
        width: auto
    }

    .header-nav .nav li .sub-menu>li a {
        padding-left: 30px
    }

    .header-nav .nav>li>a {
        padding: 12px 15px;
        border-top: 1px solid #e9e9e9;
        color: #777
    }

    .header-nav .nav>li.active>a,
    .header-nav .nav>li.current-menu-item>a {
        color: #ffbc13
    }

    .header-nav .nav i {
        float: right
    }

    .header-nav .nav>li>a:active,
    .header-nav .nav>li>a:focus,
    .header-nav .nav>li>a:hover {
        background-color: #f0f0f0;
        text-decoration: none
    }

    .header-nav .nav>li .mega-menu>li:after {
        display: none
    }
    #hellobar-bar {
display: none;
}

    .header-nav .nav>li .mega-menu,
    .header-nav .nav>li .sub-menu,
    .header-nav .nav>li ul {
      display: none;
    width: 100%;
    background: #f9f9f9;
    opacity: 0;
    }
    .header-nav .nav>li.menuopen>ul, .header-nav .nav>li.menuopen>.sub-menu, .header-nav .nav>li.menuopen .mega-menu {
    opacity: 1;
    visibility: visible;
    display: block !important;
    position: static;
}
    .header-nav .nav>li.menuopen>ul li.menuopen>ul, .header-nav .nav>li.menuopen>.sub-menu li.menuopen>.sub-menu {
    opacity: 1;
    visibility: visible;
    display: block !important;
    position: static;
        padding-left: 35px;
    background: #f0f0f0;
}
    .header-nav .nav>li ul.mega-menu ul {
        display: block
    }

    .header-nav .nav>li .mega-menu>li {
        padding: 0
    }

    .header-nav .nav>li ul.mega-menu li:hover ul {
        display: block
    }

    .header-nav .nav li.has-child {
        position: relative
    }

    .header-nav .nav li.has-child .fa {
        display: none;
    }
    .header-nav .nav li .mega-menu,
    .header-nav .nav li .sub-menu {
        opacity: 1;
        margin: 0 !important
    }

    .has-child .submenu-toogle {
        display: block
    }
}

.nav-dark.header-nav .nav>li .mega-menu,
.nav-dark.header-nav .nav>li .sub-menu {
    background-color: #2d3239;
    border: 1px solid rgba(0, 0, 0, .2)
}

.nav-dark.header-nav .nav>li .sub-menu li {
    border-bottom: 1px solid #23282f
}

.nav-dark.header-nav .nav>li .mega-menu>li ul a,
.nav-dark.header-nav .nav>li .mega-menu>li>a,
.nav-dark.header-nav .nav>li .sub-menu li a {
    color: #ccc
}

.nav-dark.header-nav .nav>li .sub-menu li a:hover {
    background-color: #23282f
}

.nav-dark.header-nav .nav>li .mega-menu>li ul a:hover {
    background-color: #23282f;
    color: #ffbc13
}

.nav-dark.header-nav .nav>li .mega-menu>li:after {
    background-color: rgba(0, 0, 0, .2)
}

@media only screen and (max-width:991px) {
    .nav-dark.header-nav {
        border-bottom: 1px solid rgba(0, 0, 0, .8)
    }

    .nav-dark.header-nav .nav {
        background-color: #2d3239
    }

    .nav-dark.header-nav .nav>li>a {
        border-top: 1px solid rgba(0, 0, 0, .2)
    }

    .nav-dark.header-nav .nav>li>a {
        color: #999
    }

    .nav-dark.header-nav .nav>li>a:active,
    .nav-dark.header-nav .nav>li>a:focus,
    .nav-dark.header-nav .nav>li>a:hover {
        background-color: #23282f;
        color: #ffbc13
    }

    .nav-dark.header-nav .nav>li .mega-menu,
    .nav-dark.header-nav .nav>li .sub-menu,
    .nav-dark.header-nav .nav>li ul {
        background-color: #23282f
    }
}

.sticky-no .main-bar {
    position: static !important
}

.is-fixed .main-bar {
    position: fixed;
    top: 0;
    left: 0
}

.is-fixed .header-nav .nav>li>a {
    padding: 25px 0
}

.is-fixed .extra-nav {
    padding: 15px 0
}

@media only screen and (max-width:991px) {
    .is-fixed .header-nav .nav>li>a {
        padding: 12px 15px
    }
}

@media only screen and (max-width:991px) {
    .is-fixed .header-nav .nav {
        overflow: auto
    }

    .is-fixed .header-nav .nav>li>a {
        padding: 12px 15px
    }

    .is-fixed#header-part .navbar-toggle {
        margin: 15px 0
    }
}

#header-part.full-width .main-bar .container,
#header-part.full-width .top-bar .container {
    width: auto
}

.bg-primary .header-nav .nav>li>a {
    color: #fff
}

.bg-primary .header-nav .nav>li.active>a,
.bg-primary .header-nav .nav>li.current-menu-item>a,
.bg-primary .header-nav .nav>li:hover>a {
    color: #273447
}

.bg-primary .site-search-btn,
.bg-primary .wt-cart .woo-cart-count,
.bg-primary .wt-cart .woo-cart-total {
    color: #fff
}

.bg-primary .wt-cart .woo-cart-count,
.bg-primary .wt-cart .woo-cart-count::before {
    border-color: #fff
}

.bg-primary .navbar-toggle .icon-bar {
    background-color: #fff
}

@media only screen and (max-width:991px) {
    .bg-primary .header-nav .nav>li>a {
        color: #777
    }

    .bg-primary .header-nav .nav>li.active>a,
    .bg-primary .header-nav .nav>li.current-menu-item>a,
    .bg-primary .header-nav .nav>li:hover>a {
        color: #ffbc13
    }
}

.header-style-2 .logo-header {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0;
    float: none
}

.header-style-2 .nav-outer {
    display: table
}

.header-style-2 .main-bar-inr {
    display: table;
    margin: auto
}

.header-style-2 .header-nav {
    display: inline-block;
    float: left
}

.header-style-2 .header-nav .nav {
    float: none
}

@media only screen and (max-width:991px) {
    .header-style-2 .main-bar-inr {
        display: block
    }

    .header-style-2 .header-nav {
        display: block;
        float: none
    }
}

@media only screen and (max-width:767px) {
    .header-style-2 .navbar-toggle {
        float: left
    }

    .header-style-2 .nav-outer {
        display: block;
        padding: 22px 0 0
    }
}

@media only screen and (max-width:480px) {
    .extra-nav {
        clear: none;
        width: auto
    }
}

.header-style-3 .main-bar {
    position: absolute;
    background: 0 0
}

.header-style-3 .header-nav .nav>li>a {
    color: #fff
}

@media only screen and (max-width:991px) {
    .header-style-3 .header-nav .nav>li>a {
        color: #777
    }
}

.header-style-3 .navbar-toggle .icon-bar {
    background: #fff
}

.header-style-3 .site-search-btn,
.header-style-3 .wt-cart .woo-cart-count,
.header-style-3 .wt-cart .woo-cart-total {
    color: #fff
}

.header-style-3 .wt-cart .woo-cart-count,
.header-style-3 .wt-cart .woo-cart-count::before {
    border-color: #fff
}

.header-style-3 .is-fixed .main-bar {
    position: fixed;
    background: #fff
}

.header-style-3 .is-fixed .header-nav .nav>li>a {
    color: #555
}

.header-style-3 .is-fixed .header-nav .nav>li:hover>a {
    color: #ffbc13
}

.header-style-3 .header-nav .is-fixed .nav>li.active>a,
.header-style-3 .header-nav .is-fixed .nav>li.current-menu-item>a {
    color: #ffbc13
}

.header-style-3 .is-fixed .navbar-toggle .icon-bar {
    background: #555
}

.header-style-3 .is-fixed .site-search-btn,
.header-style-3 .is-fixed .wt-cart .woo-cart-count,
.header-style-3 .is-fixed .wt-cart .woo-cart-total {
    color: #555
}

.header-style-3 .is-fixed .wt-cart .woo-cart-count,
.header-style-3 .is-fixed .wt-cart .woo-cart-count::before {
    border-color: #555
}

.header-style-4 .main-bar {
    background-color: rgba(255, 255, 255, .6);
    position: absolute
}

.header-style-4 .is-fixed .main-bar {
    position: fixed;
    background: #fff
}

.header-style-5 .main-bar {
    position: absolute;
    background-color: rgba(0, 0, 0, .6)
}

.header-style-5 .header-nav .nav>li>a {
    color: #fff
}

@media only screen and (max-width:991px) {
    .header-style-5 .header-nav .nav>li>a {
        color: #777
    }
}

.header-style-5 .navbar-toggle .icon-bar {
    background: #fff
}

.header-style-5 .site-search-btn,
.header-style-5 .wt-cart .woo-cart-count,
.header-style-5 .wt-cart .woo-cart-total {
    color: #fff
}

.header-style-5 .wt-cart .woo-cart-count,
.header-style-5 .wt-cart .woo-cart-count::before {
    border-color: #fff
}

.header-style-5 .is-fixed .main-bar {
    position: fixed;
    background-color: rgba(0, 0, 0, .9)
}

.wt-banner-outer,
.wt-banner-row {
    position: relative
}

.wt-bnr-pic {
    width: 100%;
    overflow: hidden
}

.wt-bnr-pic img {
    width: 100%;
    height: auto;
    display: block
}

.wt-bnr-text {
    position: absolute;
    left: 0;
    top: 35%;
    width: 100%;
    margin: 0;
    font-family: Raleway;
    color: #fff;
    font-family: Raleway
}

.wt-bnr-text-has {
    max-width: 600px
}

.wt-bnr-text span,
.wt-bnr-text strong {
    text-shadow: 0 1px 2px rgba(0, 0, 0, .3);
    -webkit-text-shadow: 0 1px 2px rgba(0, 0, 0, .3)
}

.wt-bnr-text strong {
    display: block;
    font-size: 60px;
    font-weight: 700;
    line-height: 70px;
    margin: 0 0 25px;
    color: #fff
}

.wt-bnr-text span {
    font-size: 20px;
    line-height: 30px;
    font-weight: 600;
    display: block;
    margin-bottom: 30px
}

.wt-bnr-text .btn {
    margin-right: 30px
}

@media only screen and (max-width:1200px) {
    .wt-bnr-text strong {
        font-size: 60px;
        line-height: 60px;
        margin: 0 0 15px
    }

    .wt-bnr-text span {
        font-size: 20px;
        line-height: 24px
    }
}

@media only screen and (max-width:991px) {
    .wt-bnr-text strong {
        font-size: 50px;
        line-height: 50px;
        margin: 0 0 10px
    }
}

@media only screen and (max-width:767px) {
    .wt-bnr-text strong {
        font-size: 40px;
        line-height: 40px;
        margin: 0 0 0
    }
}

@media only screen and (max-width:680px) {
    .wt-bnr-text strong {
        font-size: 30px;
        line-height: 30px;
        margin: 0 0 0
    }

    .wt-bnr-text span {
        font-size: 14px;
        line-height: 18px
    }
}

@media only screen and (max-width:480px) {
    .wt-bnr-text strong {
        font-size: 20px;
        line-height: 20px
    }

    .wt-bnr-text span {
        font-size: 12px;
        line-height: 16px
    }
}

.wt-bnr-inr {
    height: 300px;
    background-size: cover;
    background-position: center center;
    display: table;
    width: 100%
}

.wt-bnr-inr .container {
    display: table;
    height: 100%
}

.wt-bnr-inr-entry {
    display: table-cell;
    vertical-align: middle
}

.banner-inner-row h1,
.banner-inner-row h2,
.banner-inner-row h3,
.banner-inner-row h4,
.banner-inner-row h5,
.banner-inner-row h6 {
    color: #fff
}

.owl-carousel .owl-nav {
    margin-top: 40px;
    text-align: center
}

.owl-carousel .owl-nav .disabled {
    opacity: .5;
    cursor: default
}

.owl-carousel .owl-dots {
    text-align: center;
    margin-top: 20px
}

.owl-carousel .owl-dots .owl-dot {
    display: inline-block
}

.owl-carousel .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    margin: 4px 2px;
    background: #273447;
    border: 1px solid #fff;
    display: block;
    -webkit-backface-visibility: visible;
    -webkit-transition: opacity .2s ease;
    -moz-transition: opacity .2s ease;
    -ms-transition: opacity .2s ease;
    -o-transition: opacity .2s ease;
    transition: opacity .2s ease;
    border-radius: 50%;
}

.owl-carousel .owl-dots .owl-dot.active span,
.owl-carousel .owl-dots .owl-dot:hover span {
    background: #ffbc13
}

.owl-btn-top-center .owl-nav,
.owl-btn-top-left .owl-nav,
.owl-btn-top-right .owl-nav {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    margin: 0
}

.owl-btn-top-center .owl-stage-outer,
.owl-btn-top-left .owl-stage-outer,
.owl-btn-top-right .owl-stage-outer {
    padding-top: 60px
}

.owl-stage-outer{
    margin-bottom: 30px;
}

.owl-btn-top-center .owl-nav {
    text-align: center
}

.owl-btn-top-left .owl-nav {
    text-align: left
}

.owl-btn-top-right .owl-nav {
    text-align: right
}

.owl-btn-bottom-center .owl-nav {
    text-align: center
}

.owl-btn-bottom-left .owl-nav {
    text-align: left
}

.owl-btn-bottom-right .owl-nav {
    text-align: right
}

.owl-btn-vertical-center .owl-nav {
    margin: 0
}

.owl-btn-vertical-center .owl-nav .owl-next,
.owl-btn-vertical-center .owl-nav .owl-prev {
    position: absolute;
    top: 50%;
    margin: -15px 0
}

.owl-btn-vertical-center .owl-nav .owl-prev {
    left: 0
}

.owl-btn-vertical-center .owl-nav .owl-next {
    right: 0
}

.owl-btn-hover .owl-nav {
    opacity: 0
}

.owl-btn-hover:hover .owl-nav {
    opacity: 1
}

.owl-carousel .owl-item img {
    transform-style: inherit
}

.product-images .owl-carousel .owl-item img {
    height: 225px;
    object-fit: cover
}

.owl-next,
.owl-prev {
    background-color: #212121;
    border-color: #212121;
    color: #fff;
    padding: 8px 10px;
    font-size: 13px;
    display: inline-block;
    cursor: pointer;
    border-width: 1px;
    border-style: solid;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    opacity: .5
}

.owl-prev {
    margin-right: 5px
}

.owl-next {
    margin-left: 5px
}

.owl-next:active,
.owl-next:focus,
.owl-next:hover,
.owl-prev:active,
.owl-prev:focus,
.owl-prev:hover {
    background-color: #212121;
    border-color: #212121;
    color: #fff;
    opacity: .9
}

.owl-dots-bottom-center .owl-dots,
.owl-dots-bottom-left .owl-dots,
.owl-dots-bottom-right .owl-dots {
    bottom: 0;
    padding: 15px 20px;
    position: absolute;
    width: 100%
}

.owl-dots-bottom-left .owl-dots {
    text-align: left
}

.owl-dots-bottom-right .owl-dots {
    text-align: right
}

.cvf-universal-pagination .pagination,
.pagination-bx .pagination {
    margin: 0
}

.pagination {
    padding: 10px 0
}

.pagination>li:first-child>a,
.pagination>li:first-child>span {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    margin-left: 0
}

.pagination>li:last-child>a,
.pagination>li:last-child>span {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.pagination>li>a,
.pagination>li>span {
    background-color: #fff;
    border: 1px solid #e0e0e0;
    color: #767676;
    font-weight: 600;
    font-size: 12px
}

.pagination>li>a:focus,
.pagination>li>a:hover,
.pagination>li>span:focus,
.pagination>li>span:hover {
    background-color: #ffbc13;
    border-color: transparent;
    color: #fff
}

.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
    background-color: #ffbc13;
    border-color: transparent
}

.pagination>.next>a,
.pagination>.previous>a {
    font-size: 12px
}

.custom-pagination.pagination {
    padding: 10px 0
}

.custom-pagination.pagination>li:first-child>a,
.custom-pagination.pagination>li:first-child>span {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    margin-left: 0
}

.custom-pagination.pagination>li:last-child>a,
.custom-pagination.pagination>li:last-child>span {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.custom-pagination.pagination>li>a,
.custom-pagination.pagination>li>span {
    background-color: #273447;
    border: 1px solid #0e131b;
    color: #fff;
    font-weight: 600;
    font-size: 12px
}

.custom-pagination.pagination>li>a:focus,
.custom-pagination.pagination>li>a:hover,
.custom-pagination.pagination>li>span:focus,
.custom-pagination.pagination>li>span:hover {
    background-color: #ffbc13;
    border-color: transparent;
    color: #fff
}

.custom-pagination.pagination>.active>a,
.custom-pagination.pagination>.active>a:focus,
.custom-pagination.pagination>.active>a:hover,
.custom-pagination.pagination>.active>span,
.custom-pagination.pagination>.active>span:focus,
.custom-pagination.pagination>.active>span:hover {
    background-color: #ffbc13;
    border-color: transparent
}

.custom-pagination.pagination>.next>a,
.custom-pagination.pagination>.previous>a {
    padding: 8px 14px;
    font-size: 12px
}

.custom-page.pager li a {
    background-color: #273447;
    border: none;
    color: #fff
}

.custom-page.pager li>a:focus,
.custom-page.pager li>a:hover {
    background-color: #ffbc13;
    text-decoration: none
}

.footer-fixed .site-footer {
    position: fixed;
    width: 100%;
    bottom: 0
}

.footer-fixed .page-content {
    position: relative;
    z-index: 1;
    background-color: #fff
}

@media only screen and (max-width:1200px) {
    .footer-fixed .site-footer {
        position: static
    }

    .footer-fixed .page-wraper {
        padding-bottom: 0 !important
    }
}

.footer-fixed.boxed .site-footer {
    margin: 0 -600px;
    left: 50%;
    max-width: 1200px
}

.footer-fixed.boxed .wt-footer-callout-wrap {
    overflow: hidden
}

.constrot-strip {
    position: relative;
    height: 15px;
    width: 100%;
    background-color: #ffbc13;
    background-image: url(../images/footer-strip.png);
    background-repeat: repeat-x;
    background-position: center top
}

.site-footer .widget>.widget-title {
    text-transform: uppercase
}

.site-footer li,
.site-footer p {
    font-size: 13px;
    line-height: 20px
}

.site-footer {
    background-position: center;
    background-size: cover
}

.site-footer p {
    line-height: 20px;
        color: #fff;
}

.site-footer .widget ul {
    list-style: none;
    margin-top: 5px
}

.footer-top {
    padding: 50px 0 0
}

.footer-bottom {
    padding: 0 0 30px 0;
    color: #787878;
    font-size: 13px
}

.footer-bottom .copyrights-text {
    color: #fff
}

.footer-bottom .copyrights-nav {
    list-style: none;
    display: inline-block
}

.footer-bottom .copyrights-nav li {
    display: inline-block;
    margin-left: 8px;
    margin-right: 8px
}

.footer-bottom .copyrights-nav li:first-child {
    margin-left: 0
}

.footer-bottom .copyrights-nav li:last-child {
    margin-right: 0
}

.footer-bottom .copyrights-nav li:last-child:after {
    display: none
}

.footer-bottom .copyrights-nav li:after {
    content: "/";
    position: relative;
    right: -8px;
    color: #fff;
}

.footer-bottom .copyrights-nav li a {
    color: #fff
}

.footer-bottom .copyrights-nav li a:active,
.footer-bottom .copyrights-nav li a:focus,
.footer-bottom .copyrights-nav li a:hover,
.footer-bottom .copyrights-nav li.active a {
    color: #ffbc13
}

.footer-dark .footer-top {
    background-color: #fff
}

.footer-dark .footer-bottom {
    background-color: #2a4666
}

.footer-dark .footer-top h1,
.footer-dark .footer-top h1 a,
.footer-dark .footer-top h2,
.footer-dark .footer-top h2 a,
.footer-dark .footer-top h3,
.footer-dark .footer-top h3 a,
.footer-dark .footer-top h4,
.footer-dark .footer-top h4 a,
.footer-dark .footer-top h5,
.footer-dark .footer-top h5 a,
.footer-dark .footer-top h6,
.footer-dark .footer-top h6 a {
    color: #363636;
    font-family: 'Roboto', sans-serif !important;
}

.footer-dark .footer-top .widget-title::before {
    border-color: #fff
}

.footer-dark .footer-top,
.footer-dark .footer-top b,
.footer-dark .footer-top p,
.footer-dark .footer-top strong,
.footer-dark .widget_archive ul li a,
.footer-dark .widget_categories ul li a,
.footer-dark .widget_meta ul li a,
.footer-dark .widget_nav_menu li a,
.footer-dark .widget_pages ul li a,
.footer-dark .widget_recent_comments ul li a,
.footer-dark .widget_recent_entries ul li a,
.footer-dark .widget_services ul li a {
    color: #363636;
    font-family: Poppins, sans-serif
}

.footer-dark .footer-top a:active,
.footer-dark .footer-top a:focus,
.footer-dark .footer-top a:hover {
    color: #ffbc13
}

.footer-dark .footer-top p a {
    color: #2a4666;
    font-family: 'Roboto', sans-serif !important;
}

.footer-dark .footer-top .widget_newsletter .form-control {
    background-color: #12171f;
    border-color: #2d2d2d
}

.footer-light .footer-top {
    background-color: #eee
}

.footer-light .footer-bottom {
    background-color: #ddd
}

footer .widget_archive ul li,
footer .widget_categories ul li,
footer .widget_meta ul li,
footer .widget_nav_menu li,
footer .widget_pages ul li,
footer .widget_recent_comments ul li,
footer .widget_recent_entries ul li,
footer .widget_services ul li {
    border-bottom: 1px dashed rgba(102, 102, 102, .3)
}

footer .widget_archive ul li:last-child,
footer .widget_categories ul li:last-child,
footer .widget_meta ul li:last-child,
footer .widget_nav_menu li:last-child,
footer .widget_pages ul li:last-child,
footer .widget_recent_comments ul li,
footer .widget_recent_entries ul li:last-child,
footer .widget_services ul li:last-child {
    border-bottom: none
}

footer .widget_getintuch i {
    background-color: rgba(0, 0, 0, .2);
    border: 1px solid rgba(0, 0, 0, .3)
}

.footer-bottom ul {
    margin: 0
}

.wt-footer-bot-center,
.wt-footer-bot-left,
.wt-footer-bot-right {
    padding-left: 15px;
    padding-right: 15px
}

.wt-footer-bot-left {
    float: left
}

.wt-footer-bot-right {
    float: left
}

.wt-footer-bot-center {
    float: right
}

@media only screen and (max-width:991px) {
    footer .container {
        width: 100%
    }

    .col-md-3.col-sm-6.footer-col-4:nth-child(3) {
        clear: both
    }

    .wt-footer-bot-left,
    .wt-footer-bot-right {
        float: none;
        text-align: center;
        padding-top: 5px;
        padding-bottom: 5px
    }

    .wt-footer-bot-right .copyrights-nav {
        float: none !important
    }
}

@media only screen and (max-width:767px) {
    .footer-clear {
        display: block !important;
        clear: both
    }

    #footer .footer-4-col {
        width: 100%
    }

    .footer-bottom [class*=clo-] {
        width: 100%
    }
}

button.scroltop {
    background: #161616;
    border-width: 2px;
    border-style: solid;
    border-color: #1bbce8;
    position: fixed;
    right: 15px;
    bottom: 15px;
    padding: 0;
    color: #1bbce8;
    font-size: 15px;
    margin: 0;
    cursor: pointer;
    display: none;
    height: 35px;
    width: 35px;
    line-height: 26px;
    text-align: center;
    z-index: 999
}

@media only screen and (max-width:480px) {
    button.scroltop {
        font-size: 10px;
        height: 25px;
        width: 25px;
        line-height: 15px
    }
}

#bg {
    background-attachment: fixed;
    background-size: cover
}

.boxed .page-wraper {
    max-width: 1200px;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    box-shadow: 0 0 10px rgba(0, 0, 0, .5);
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .5);
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, .5)
}

.boxed .rev_slider_wrapper,
.boxed .tp-banner-container {
    left: 0 !important;
    width: 100% !important
}

.boxed .tp-rightarrow {
    right: 0 !important
}

.boxed .tp-leftarrow {
    left: 0 !important
}

.page-wraper {
    background: #fff
}

.page-content {
    position: relative
}

.section-full {
    position: relative
}

.section-head {
    margin-bottom: 10px
}

.section-head.no-margin {
    margin-bottom: 0
}

.section-head h1,
.section-head h2,
.section-head h3 {
    margin-top: 0;
    font-weight: 900;
    margin-bottom: 0;
    text-transform: capitalize !important;
}

.container {
    position: relative;
    z-index: 9
}

.title-small {
    display: block;
    color: #7a959d;
    margin-bottom: 15px
}

.section-head p {
    padding-top: 10px;
    font-size: 14px
}

@media (min-width:767px) {
    .section-head p {
        font-size: 17px
    }
}

.section-head p:last-child {
    margin-bottom: 0
}

.text-center.section-head p {
    max-width: 800px;
    margin-left: auto;
    margin-right: auto
}

.precast-bannersection .text-center.section-head p {
    max-width: 940px
}


.text-white .title-small,
.text-white h1,
.text-white h2,
.text-white h3,
.text-white h4,
.text-white h5,
.text-white h6,
.text-white p {
    color: #fff
}

@media only screen and (max-width:1024px) {
    .section-full {
        background-attachment: scroll !important
    }
}

.zabuto_calendar,
.zabuto_calendar .calendar-month-navigation,
.zabuto_calendar td,
.zabuto_calendar th {
    text-align: center;
    cursor: pointer
}

.banner-contact-row {
    height: 300px;
    background-size: cover;
    background-position: center
}

.banner-contact-row * {
    color: #fff
}

.banner-contact-row .container {
    display: table;
    height: 100%
}

.banner-contact-row h1 {
    display: table-cell;
    vertical-align: middle
}

ul.contact-info li {
    padding: 0 0 15px 25px;
    margin-bottom: 15px;
    border-bottom: 1px solid #e1e1e1;
    position: relative;
    line-height: 20px
}

ul.contact-info li:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: none
}

ul.contact-info li h4 ul.contact-info li h5,
ul.contact-info li h6 {
    margin: 0 0 10px
}

ul.contact-info li p {
    line-height: 20px;
    margin: 0
}

ul.contact-info li .fa {
    position: absolute;
    left: 0;
    top: 2px;
    color: #3396d1;
    font-size: 16px
}

.page-notfound-left {
    margin: 60px 0
}

.page-notfound-left [class^=flaticon-]::after,
.page-notfound-left [class^=flaticon-]::before {
    display: block;
    font-size: 200px !important
}

.page-notfound {
    padding: 60px 0
}

.page-notfound strong {
    font-size: 70px;
    font-weight: 900;
    line-height: 100px;
    display: block
}

.page-notfound strong i {
    font-size: 70px;
    margin: 0 10px
}

.page-notfound .searchform {
    position: relative;
    text-align: left;
    max-width: 420px;
    margin: 30px auto
}

@media only screen and (max-width:420px) {
    .page-notfound {
        padding: 0
    }

    .page-notfound span {
        font-size: 20px !important
    }

    .page-notfound strong,
    .page-notfound strong i {
        font-size: 32px;
        line-height: 40px
    }

    .page-notfound strong i {
        margin: 0 2px
    }

    .page-notfound-left [class^=flaticon-]::after,
    .page-notfound-left [class^=flaticon-]::before {
        font-size: 120px !important
    }
}

.sticky {
    clear: both
}

.gallery-caption {
    clear: both
}

.bypostauthor {
    clear: both
}

.page-notfound span {
    font-size: 36px;
    display: block;
    color: #333;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 30px
}

.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden
}

.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, .6);
    clip: auto !important;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-size: .875rem;
    font-weight: 700;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000
}

.skew-icon-btn {
    white-space: nowrap;
    padding: 4px 4px 4px 20px
}

.skew-icon-btn i {
    position: relative;
    background: #273447;
    display: inline-block;
    padding: 7.5px 9px;
    text-align: center;
    margin-left: 25px;
    font-size: 16px;
    z-index: 1
}

.skew-icon-btn i:after {
    background-color: #273447;
    content: "";
    position: absolute;
    width: 60%;
    height: 100%;
    z-index: -1;
    left: -30%;
    top: 0;
    -webkit-transform: skew(-25deg);
    -moz-transform: skew(-25deg);
    -o-transform: skew(-25deg);
    -ms-transform: skew(-25deg);
    transform: skew(-25deg)
}

.skew-icon-btn.button-xl {
    padding: 9px 9px 9px 50px
}

.skew-icon-btn.button-xl i {
    padding: 23px;
    margin-left: 50px;
    font-size: 30px
}

.skew-icon-btn.button-lg {
    padding: 6px 6px 6px 35px
}

.skew-icon-btn.button-lg i {
    padding: 15px;
    margin-left: 35px;
    font-size: 20px
}

.skew-icon-btn.button-sm {
    padding: 2px 2px 2px 10px
}

.skew-icon-btn.button-sm i {
    padding: 5.5px 6px;
    margin-left: 10px;
    font-size: 12px
}

.skew-btn {
    -webkit-transform: skew(-25deg);
    -moz-transform: skew(-25deg);
    -o-transform: skew(-25deg);
    -ms-transform: skew(-25deg);
    transform: skew(-25deg)
}

.skew-btn>* {
    display: block;
    -webkit-transform: skew(25deg);
    -moz-transform: skew(25deg);
    -o-transform: skew(25deg);
    -ms-transform: skew(25deg);
    transform: skew(25deg)
}

.max-w100 {
    max-width: 100px
}

.max-w200 {
    max-width: 200px
}

.max-w300 {
    max-width: 300px
}

.max-w400 {
    max-width: 400px
}

.max-w500 {
    max-width: 500px
}

.max-w600 {
    max-width: 600px
}

.max-w700 {
    max-width: 700px
}

.max-w800 {
    max-width: 800px
}

.max-w900 {
    max-width: 900px
}

.max-w1000 {
    max-width: 1000px
}

.wt-product-box .price {
    margin-bottom: 10px
}

.wt-product-box .price del {
    font-size: 16px;
    color: #999;
    margin: 4px 4px;
    font-weight: 600
}

.wt-product-box .price ins {
    font-size: 16px;
    color: #111;
    text-decoration: none;
    margin: 4px 4px;
    font-weight: 600
}

.wt-product-box .rating-bx {
    padding-top: 10px;
    color: #ffa000
}

.wt-product-gallery a img {
    width: 100%
}

.btn-quantity {
    width: 150px
}

.product-description.dex-tabs.border-top .nav-tabs>li.active>a {
    border-top: 2px solid #efbb20
}

.product-description.dex-tabs .nav-tabs>li>a i {
    color: #efbb20
}

.dex-tabs.bg-tabs .nav-tabs>li>a {
    background-color: #fcfcfc
}

ol.commentlist {
    list-style: none;
    margin: 0
}

ol.commentlist li {
    position: relative;
    padding: 0;
    margin-bottom: 10px;
    background: #f7f8fa;
    padding: 10px;
    border: 1px dashed #2a4666
}

ol.commentlist li img {
    float: left;
    border: 5px solid #fff;
    width: 80px;
    height: auto
}

ol.commentlist li .comment-text {
    padding-left: 100px
}

ol.commentlist li .meta {
    margin-bottom: 0
}

ol.commentlist li .meta strong {
    font-size: 16px
}

ol.commentlist li .meta .time {
    color: #999;
    display: block;
    font-size: 14px
}

ol.commentlist li .description p {
    margin: 0
}

ol.commentlist li .star-rating {
    position: absolute;
    top: 20px;
    right: 20px
}

@media only screen and (max-width:767px) {
    ol.commentlist li .star-rating {
        position: inherit
    }
}

.comment-reply-title {
    margin-top: 0
}

.comment-form [class*=comment-form] {
    width: 50%
}

@media only screen and (max-width:767px) {
    .comment-form [class*=comment-form] {
        width: 100%
    }
}

.comment-form [class*="-form-author"],
.comment-form [class*="-form-email"] {
    float: left
}

.comment-form [class*="-form-comment"] {
    width: 100%
}

.comment-form label {
    display: block
}

.star-Rating-input i {
    font-size: 18px
}

.star-Rating-input .fa-star {
    color: #ffbc13
}

.star-Rating-input i:hover {
    color: #ffbc13
}

.comment-form [class*=comment-form] input,
.comment-form [class*=comment-form] textarea {
    border: 1px solid #ccc;
    padding: 8px 10px;
    width: 100%
}

.comment-form {
    margin: 0 -15px
}

.comment-form .form-submit,
.comment-form [class*=comment-form] {
    margin-bottom: 20px;
    padding: 0 15px
}

.comment-form .form-submit input:active,
.comment-form .form-submit input:focus,
.comment-form .form-submit input:hover {
    background: #037a85
}

.wt-info-has {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: auto;
    padding: 30px 40px 40px;
    opacity: 0;
    margin-bottom: -100px;
    z-index: 2
}

.wt-info-has.p-a15 {
    padding: 15px
}

.wt-info-has.p-a20 {
    padding: 20px
}

.wt-info-has.bg-primary {
    background-color: rgba(27, 188, 232, .9)
}

.wt-info-has.bg-green {
    background-color: rgba(106, 179, 62, .9)
}

.wt-info-has.bg-black {
    background-color: rgba(0, 0, 0, .6)
}

.wt-info-has.bg-white {
    background-color: rgba(255, 255, 255, .8)
}

.wt-info-has.bg-white h1,
.wt-info-has.bg-white h2,
.wt-info-has.bg-white h3,
.wt-info-has.bg-white h4,
.wt-info-has.bg-white h5,
.wt-info-has.bg-white h6 {
    color: #3d474a
}

.wt-info-has.bg-white h1 a,
.wt-info-has.bg-white h2 a,
.wt-info-has.bg-white h3 a,
.wt-info-has.bg-white h4 a,
.wt-info-has.bg-white h5 a,
.wt-info-has.bg-white h6 a {
    color: #3d474a
}

.wt-info-has.bg-white .wt-info-has-text,
.wt-info-has.bg-white p {
    color: #585858
}

.wt-info-has h1,
.wt-info-has h2,
.wt-info-has h3,
.wt-info-has h4,
.wt-info-has h5,
.wt-info-has h6,
.wt-info-has p,
.wt-info-has-text {
    color: #fff
}

.wt-info-has .wt-info-has-text {
    margin-bottom: 20px;
    line-height: 24px
}

.wt-box:hover .wt-info-has,
.wt-thum-bx:hover .wt-info-has {
    opacity: 1;
    width: 100%;
    margin-bottom: 0
}

.wt-info-has.no-hover {
    opacity: 1;
    width: 100%;
    margin-bottom: 0
}

@media only screen and (max-width:768px) {

    .wt-media a>img,
    .wt-media>img {
        width: 100%
    }
}

.alert,
.btn,
.btn-group-divides>.btn:last-child:not(:first-child),
.btn-group-divides>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle),
.btn-group>.dropdown-toggle:not(:first-child),
.dropdown-menu,
.form-control,
.img-thumbnail,
.input-group-addon,
.list-group-item:first-child,
.list-group-item:last-child,
.modal-content,
.nav-pills>li>a,
.nav-tabs>li>a,
.navbar-toggle,
.pager li>a,
.pager li>span,
.panel,
.panel-group .panel,
.panel-head ing,
.searchform input[type=submit],
.searchform input[type=text],
.well,
.widget_tag_cloud a,
.wt-booking-form .wt-extra-services li .wt-icon-box-lg,
.wt-booking-form .wt-extra-services li.active .wt-icon-box-lg:after,
ol.comment-list li.comment .comment-body {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.acod-head .indicator .fa,
.btn,
.extra-nav,
.form-control,
.header-nav .nav>li>a,
.how-wt-work .wt-box .shadow-bx img,
.how-wt-work .wt-box .step-no-bx,
.indicator,
.logo-header,
.navbar-toggle,
.overlay-bx,
.overlay-icon li a i,
.profile-menu ul li,
.share-social-bx li,
.staff-member .member-done,
.wt-icon-box-lg,
.wt-icon-box-md,
.wt-icon-box-sm,
.wt-icon-box-xl,
.wt-icon-box-xld,
.wt-icon-box-xs,
.wt-info-has,
.wt-we-find .wt-box,
a {
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear
}

.animate-slow {
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.animate-mid {
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    transition: all .5s ease-out
}

.animate-fast {
    -webkit-transition: all .8s ease-out;
    -moz-transition: all .8s ease-out;
    -o-transition: all .8s ease-out;
    -ms-transition: all .8s ease-out;
    transition: all .8s ease-out
}

.clearfix::after,
.filter-wrap::after,
.wt-icon-box-wraper::after,
ol.commentlist li::after {
    content: "";
    display: table;
    clear: both
}

.wt-contact-wrap {
    position: relative;
    margin: 0
}

.contact-left-part {
    width: 50%;
    float: left;
    height: 100%
}

.contact-left-part .google-map {
    width: 100%;
    height: 100%
}

.contact-left-part .gmap-outline {
    padding: 0;
    height: 100%
}

.contact-right-part {
    width: 50%;
    float: right
}

@media only screen and (max-width:767px) {

    .contact-left-part,
    .contact-right-part {
        width: 100%;
        float: none
    }

    .contact-left-part .gmap-outline {
        height: 280px
    }

    .contact-right-part {
        margin-bottom: 30px
    }
}

.wt-team-one {
    position: relative
}

.wt-team-one .wt-team-info p {
    margin-bottom: 20px;
    min-height: 48px
}

.wt-team-two {
    position: relative;
    padding: 10px
}

.wt-team-two .wt-team-media {
    overflow: hidden;
    border: 5px solid #fff
}

.wt-team-two .wt-team-info {
    margin-bottom: 10px
}

.wt-team-three .wt-team-info p {
    margin-bottom: 10px
}

.wt-team-four {
    position: relative;
    background-color: #f2f2f2
}

.wt-team-four .wt-team-media a img {
    width: 100%
}

.wt-team-four .wt-team-skew-block {
    background-color: #273447
}

.wt-team-four .wt-team-skew-block {
    top: 0;
    left: 0
}

.wt-team-four .wt-team-skew-block .social-icons-outer {
    margin-right: 70px;
    position: relative;
    z-index: 1
}

.wt-team-four .wt-team-skew-block .social-icons-outer:after {
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    right: -30px;
    top: 0;
    -webkit-transform: skew(-30deg);
    -moz-transform: skew(-30deg);
    -o-transform: skew(-30deg);
    -ms-transform: skew(-30deg);
    transform: skew(-30deg);
    width: 100px;
    background: #ffbc13;
    z-index: -1
}

.wt-team-four .wt-team-info {
    position: relative
}

.wt-team-four .wt-team-info .wt-team-title {
    margin: 0 0 5px 0
}

.wt-team-four .wt-team-info p {
    margin-bottom: 0
}

.wt-team-four:hover .wt-team-media {
    position: relative
}

.wt-team-four:hover .wt-team-media:after {
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 1;
    border: 3px solid #273447
}

.wt-team-five-warper {
    margin-left: 60px;
    margin-right: 60px;
    display: table;
    text-align: center
}

.wt-team-five-warper .wt-col-5 {
    position: relative;
    z-index: 2;
    width: 20%;
    display: table-cell;
    vertical-align: bottom
}

.wt-team-five-warper .wt-col-5:last-child {
    z-index: 1
}

.wt-team-five-warper .wt-col-5:last-child:hover {
    z-index: 2
}

.wt-team-five .wt-team-media img {
    max-width: 160%;
    margin-left: -30%;
    margin-right: -30%
}

.wt-team-five-warper .wt-team-active {
    z-index: 5
}

.wt-team-five-warper .wt-team-active .wt-team-media img {
    min-width: 180%;
    margin-left: -40%;
    margin-right: -40%
}

.wt-team-five .wt-team-info {
    position: absolute;
    width: 100%;
    bottom: 50px;
    left: 0;
    opacity: 0;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease
}

.wt-team-five .wt-arrow-up {
    position: relative;
    z-index: 2
}

.wt-team-five .wt-arrow-up:before {
    border-bottom: 8px solid #000;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    content: "";
    height: 0;
    position: absolute;
    right: 50%;
    top: -8px;
    margin: 0 -4px;
    width: 0
}

.wt-team-five .wt-team-info .wt-team-title,
.wt-team-five .wt-team-info .wt-team-title a {
    color: #fff
}

.wt-team-five .wt-team-info .wt-team-title a:hover {
    color: #000
}

.wt-col-5:hover {
    z-index: 10
}

.wt-team-five:hover .wt-team-info {
    opacity: 1;
    bottom: 20px
}

@media only screen and (max-width:767px) {
    .wt-team-five-warper {
        display: block
    }

    .wt-team-five-warper .wt-col-5 {
        width: auto;
        display: block;
        margin-bottom: 30px;
        padding: 20px 20px 0;
        border: 3px solid #ffbc13
    }

    .wt-team-five .wt-team-media img {
        margin-left: 0;
        margin-right: 0;
        max-width: 100%
    }

    .wt-team-five-warper .wt-team-active .wt-team-media img {
        margin-left: 0;
        margin-right: 0;
        min-width: inherit;
        max-width: 100%
    }

    .wt-team-five:hover .wt-team-info {
        opacity: 1;
        bottom: 0;
        left: 0;
        width: 100%
    }

    .formobile-setting .site-button {
        background-color: #ffbc13;
        color: #fff;
        padding: 5px 4px !important;
        line-height: 1;
        height: 24px;
        font-size: 12px !important;
        width: 140px;
            text-align: center
    }

    .formobile-setting {
        float: right !important;
        display: flex;
        flex-direction: row
    }
    .formobile-setting.pull-left{
        display: none;
    }

    .formobile-setting li {
        display: inline-block;
        font-size: inherit;
        padding-right: 0
    }

    .orderclass {
        order: 5
    }

    .formobile-setting .width-div a {
        float: right
    }

    .social-bx {
        margin-left: 0 !important
    }

    .main-bar {
        padding: 1px 0
    }
}

@media only screen and (max-width:460px) {
    .wt-team-five-warper {
        margin: 0
    }
}

.wt-team-media img {
    width: 200px;
    height: 200px;
    object-fit: cover;
    border-radius: 50%
}

.wt-team-media a {
    position: relative
}

.wt-team-media a:before {
    content: '';
    width: 200px;
    height: 200px;
    background: #fff;
    position: absolute;
    border-radius: 50%;
    z-index: -1;
    left: 4px;
    top: -87px
}

.wt-social-block {
    position: absolute;
    bottom: 0;
    background: #273447;
    padding-top: 10px;
    width: 100%
}

.product-block p {
    margin-bottom: 0
}

.bg-service-team {
    background-image: url(../images/our-services/crane-left.jpg);
    background-repeat: no-repeat;
    background-position: -200px bottom
}

.latest-project-block {
    background-image: url(../images/main-page-pic/btn-wrap-bg-dark.html);
    background-repeat: no-repeat;
    background-position: center center
}

.masonry-filter.outline-style.customize>li a {
    border-color: #505b69;
    color: #7c8590
}

.masonry-filter.outline-style.customize>li.active a,
.masonry-filter.outline-style.customize>li:hover a {
    background-color: #ffbc13;
    border-color: #ffbc13;
    color: #fff
}

[class*=wt-icon-box-].corner {
    position: relative;
    overflow: hidden
}

[class*=wt-icon-box-].corner:after {
    bottom: 3px;
    right: 3px;
    content: "";
    z-index: 0;
    position: absolute
}

.wt-icon-box-xld.corner:after {
    border-left: 60px solid transparent;
    border-bottom: 60px solid #273447
}

.wt-icon-box-xl.corner:after {
    border-left: 50px solid transparent;
    border-bottom: 50px solid #273447
}

.wt-icon-box-lg.corner:after {
    border-left: 40px solid transparent;
    border-bottom: 40px solid #273447
}

.wt-icon-box-md.corner:after {
    border-left: 30px solid transparent;
    border-bottom: 30px solid #273447
}

.wt-icon-box-sm.corner:after {
    border-left: 20px solid transparent;
    border-bottom: 20px solid #273447
}

.wt-icon-box-xs.corner:after {
    border-left: 10px solid transparent;
    border-bottom: 10px solid #273447
}

.wt-nav-block {
    border: 1px solid #ddd
}

.wt-nav {
    list-style: none;
    margin: 0
}

.wt-nav-pills li {
    display: block;
    border-bottom: 1px solid #ddd
}

.wt-nav-pills li:last-child {
    border: 0
}

.wt-nav-pills li a {
    color: #777;
    padding: 10px;
    display: block
}

.wt-nav-pills li:hover a {
    background-color: #ffbc13;
    color: #fff
}

.wt-nav-title {
    margin: 0;
    padding: 10px;
    border-bottom: 1px solid #ddd;
    background: #f8f9f9
}

.company-detail-skew {
    position: relative
}

.company-detail-skew:after {
    border-right: 12px solid #1e1c1c;
    content: "";
    display: block;
    height: 115%;
    width: 1920px;
    position: absolute;
    right: 100%;
    top: -20px;
    z-index: 1;
    background-color: #ffbc13;
    background-image: url(../images/background/bg7.png);
    background-repeat: repeat;
    -webkit-transform: skew(30deg);
    -moz-transform: skew(30deg);
    -o-transform: skew(30deg);
    -ms-transform: skew(30deg);
    transform: skew(30deg)
}

@media only screen and (max-width:991px) {
    .company-detail-skew:after {
        margin-right: -50px;
        -webkit-transform: skew(20deg);
        -moz-transform: skew(20deg);
        -o-transform: skew(20deg);
        -ms-transform: skew(20deg);
        transform: skew(20deg)
    }
}

@media only screen and (max-width:767px) {
    .company-detail-skew:after {
        margin-right: -70px
    }
}

@media only screen and (max-width:600px) {
    .company-detail-skew:after {
        display: none
    }
}

.company-status {
    padding-left: 190px
}

@media only screen and (max-width:1200px) {
    .company-status {
        padding-left: 140px
    }
}

@media only screen and (max-width:991px) {
    .company-status {
        padding-left: 120px
    }
}

@media only screen and (max-width:600px) {
    .company-status {
        padding-left: 0
    }
}

@media only screen and (max-width:470px) {
    .company-status .col-xs-6 {
        width: 100%;
        margin-bottom: 10px
    }
}

.labour-pic {
    position: relative;
    z-index: 2;
    top: -50px
}

@media only screen and (max-width:991px) {
    .labour-pic {
        display: none
    }
}

.labour-pic img {
    position: absolute;
    top: 0
}

.status-marks {
    overflow: hidden;
    width: 234px
}

@media only screen and (max-width:767px) {
    .status-marks {
        width: 210px
    }
}

@media only screen and (max-width:470px) {
    .status-marks {
        width: auto
    }
}

.status-sign {
    -webkit-transform: skew(30deg);
    -moz-transform: skew(30deg);
    -o-transform: skew(30deg);
    -ms-transform: skew(30deg);
    transform: skew(30deg);
    background: #fff;
    height: 60px;
    width: 96px;
    position: relative;
    left: -18px;
    float: left
}

.status-sign i {
    color: #273447;
    -webkit-transform: skew(-30deg);
    -moz-transform: skew(-30deg);
    -o-transform: skew(-30deg);
    -ms-transform: skew(-30deg);
    transform: skew(-30deg);
    float: left;
    font-size: 38px;
    padding-top: 10px;
    padding-left: 40px
}

.status-value span {
    display: block;
    overflow: hidden;
    font-size: 36px;
    height: 60px;
    height: 60px;
    color: #ffbc13;
    font-weight: 700
}

.client-grid {
    overflow: hidden
}

.client-grid [class*=col-] {
    position: relative;
    z-index: 1
}

.client-grid [class*=col-] a {
    display: block
}

.client-grid [class*=col-]:after {
    content: "";
    position: absolute;
    border-bottom: 1px dashed #dcdcdc;
    border-left: 1px dashed #dcdcdc;
    position: absolute;
    left: -1px;
    bottom: -1px;
    height: 100%;
    width: 100%;
    z-index: -1
}

.grid-5 [class*=col-] {
    width: 20%
}

.grid-4 [class*=col-] {
    width: 25%
}

.grid-3 [class*=col-] {
    width: 33.33%
}

.grid-2 [class*=col-] {
    width: 50%
}

@media only screen and (max-width:991px) {
    .grid-5 [class*=col-] {
        width: 25%
    }
}

@media only screen and (max-width:767px) {

    .grid-3 [class*=col-],
    .grid-4 [class*=col-],
    .grid-5 [class*=col-] {
        width: 50%
    }
}

@media only screen and (max-width:360px) {

    .grid-3 [class*=col-],
    .grid-4 [class*=col-],
    .grid-5 [class*=col-] {
        width: 100%
    }
}

.faq-block {
    margin: 5px 0
}

.faq-block .faq-que {
    padding: 11px 10px 11px 70px;
    position: relative;
    font-size: 21px;
    font-weight: 500
}

.faq-block .faq-ans {
    padding: 11px 10px 11px 70px;
    position: relative
}

.faq-block .faq-ans:after,
.faq-block .faq-que:after {
    width: 36px;
    height: 35px;
    line-height: 35px;
    color: #fff;
    background-color: #ffbc13;
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    font-size: 16px;
    font-weight: 500;
    text-align: center
}

.faq-block .faq-que:after {
    content: "Q"
}

.faq-block .faq-ans:after {
    content: "A"
}

@media only screen and (max-width:767px) {
    .faq-block h2 {
        font-size: 18px
    }
}

@media only screen and (max-width:320px) {
    .faq-block h2 {
        font-size: 16px
    }
}

.wt-cart .woo-cart-total {
    display: inline-block;
    font-weight: 600;
    color: #555
}

.wt-cart .woo-cart-count {
    border: 2px solid #555;
    color: #555;
    display: inline-block;
    font-weight: 800;
    min-width: 40px;
    padding: 9px 5px 10px;
    position: relative;
    text-align: center
}

.wt-cart .woo-cart-count:before {
    content: "";
    border: 2px solid #555;
    width: 22px;
    height: 10px;
    border-bottom: none;
    position: absolute;
    top: -8px;
    left: 50%;
    margin: 0 -11px
}

.cart-dropdown-item-wraper {
    top: 110%;
    right: 0;
    position: absolute;
    z-index: 999;
    background-color: #fff;
    padding: 2px;
    border: 3px solid #eaeaea;
    width: 280px;
    display: none;
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .16);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .16);
    text-align: left
}

.nav-cart-items {
    position: relative
}

.nav-cart-items:before {
    border-bottom: 8px solid #efefef;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    content: "";
    height: 0;
    position: absolute;
    right: 15px;
    top: -12px;
    width: 0
}

.nav-cart-title {
    border-bottom: 1px solid #eee
}

.nav-cart-title h4 {
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 1px;
    margin: 0;
    text-transform: uppercase
}

.nav-cart-item {
    border-top: 1px solid #f5f5f5;
    margin-top: 15px;
    padding-top: 15px
}

.nav-cart-item:first-child {
    border-top: 0 none;
    margin-top: 0;
    padding-top: 0
}

.nav-cart-item-image {
    border: 2px solid #eee;
    float: left;
    height: 48px;
    margin-right: 15px;
    transition: border-color .2s linear 0s;
    width: 48px
}

.nav-cart-item-image a,
.nav-cart-item-image img {
    display: block;
    height: 44px;
    width: 44px
}

.nav-cart-item-image:hover {
    border-color: #243447
}

.nav-cart-item-desc {
    overflow: hidden;
    position: relative
}

.nav-cart-item-desc a {
    font-size: 13px;
    font-weight: 600;
    height: auto;
    text-align: left;
    width: auto
}

.nav-cart-item-desc a:hover {
    color: #243447
}

.nav-cart-item-desc span.nav-cart-item-price {
    color: #999;
    display: block;
    font-size: 12px;
    line-height: 20px
}

.nav-cart-item-desc a.nav-cart-item-quantity {
    color: #444;
    display: block;
    font-size: 12px;
    position: absolute;
    right: 0;
    top: 2px;
    padding: 0 5px 2px 5px
}

.nav-cart-item-desc a:hover.nav-cart-item-quantity {
    background-color: #000;
    color: #fff
}

.nav-cart-action {
    border-top: 1px solid #eee
}

.pro-banner {
    position: relative;
    background-color: #fff;
    overflow: hidden
}

.pro-banner-disc {
    position: absolute;
    top: 0;
    background-color: rgba(0, 0, 0, .4);
    width: 100%;
    height: 100%
}

.pro-banner-disc h2,
.pro-banner-disc h3 {
    font-weight: 700
}

.pro-banner-disc h3 {
    color: #ffbc13
}

.pro-banner-disc a {
    position: inherit;
    right: 0;
    bottom: 0
}

@media only screen and (max-width:991px) {
    .pro-banner img {
        width: 100%
    }
}

@media only screen and (max-width:420px) {
    .pro-banner-disc {
        padding: 10px !important
    }

    .pro-banner-disc h2 {
        font-size: 15px
    }

    .pro-banner-disc h3 {
        font-size: 14px
    }

    .pro-banner-disc h4 {
        font-size: 13px
    }

    .pro-banner-disc h5 {
        font-size: 12px
    }

    .pro-banner-disc h2,
    .pro-banner-disc h3,
    .pro-banner-disc h4,
    .pro-banner-disc h5 {
        margin-bottom: 0 !important
    }
}

.sf-provider-des.sf-provider-descriptions ul.share-social-bx,
.sf-provider-des.sf-provider-descriptions ul.sharebtn-bx {
    width: auto !important;
    float: none !important;
    display: table;
    margin: 5px auto
}

.sf-provider-des.sf-provider-descriptions .tagline {
    padding-top: 10px
}

.sf-provider-des.sf-provider-descriptions .sf-provider-cat {
    margin: 10px 0
}

.img-reflection {
    background-position: left top;
    position: relative;
    overflow: hidden;
    background-size: 100% auto;
    background-repeat: no-repeat
}

.img-reflection:after {
    content: "";
    background-color: rgba(255, 255, 255, .2);
    position: absolute;
    width: 35%;
    height: 200%;
    left: -100%;
    top: -50%;
    -webkit-transition: all .5s linear;
    -moz-transition: all .5s linear;
    -ms-transition: all .5s linear;
    -o-transition: all .5s linear;
    transition: all .5s linear;
    -moz-transform: rotate(40deg);
    -webkit-transform: rotate(40deg);
    -o-transform: rotate(40deg);
    -ms-transform: rotate(40deg);
    transform: rotate(40deg)
}

.img-reflection:hover:after {
    left: 150%
}

.bg-center {
    background-position: center
}

.bg-top-left {
    background-position: top left
}

.bg-top-right {
    background-position: top right
}

.bg-top-center {
    background-position: top center
}

.bg-bottom-left {
    background-position: bottom left
}

.bg-bottom-right {
    background-position: bottom right
}

.bg-bottom-center {
    background-position: bottom center
}

.bg-left-center {
    background-position: left
}

.bg-right-center {
    background-position: left
}

.bg-auto {
    background-size: auto
}

.bg-contain {
    background-size: contain
}

.bg-cover {
    background-size: cover
}

.bg-full-width {
    background-size: 100% auto
}

.bg-full-height {
    background-size: auto 100%
}

.bg-repeat {
    background-repeat: repeat
}

.bg-no-repeat {
    background-repeat: no-repeat
}

.bg-repeat-x {
    background-repeat: repeat-x
}

.bg-repeat-y {
    background-repeat: repeat-y
}

.bg-fixed {
    background-attachment: fixed
}

.bg-scroll {
    background-attachment: scroll
}

.typewrite>.wrap:after {
    content: '|';
    -webkit-animation: blink .7s infinite;
    animation: blink .7s infinite;
    position: relative;
    right: 0
}

@keyframes blink {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-webkit-keyframes blink {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

.btn-filter-wrap {
    list-style: none;
    margin: 0 0 0;
    padding-top: 0
}

.btn-filter-wrap li {
    position: relative;
    display: inline-block;
    font-size: 13px;
    font-weight: 600;
    color: #fff;
    padding: 0 7px;
    cursor: pointer;
    text-transform: uppercase
}

.btn-filter-wrap li:last-child {
    padding-right: 0
}

.btn-filter-wrap li.btn-active {
    color: #ffbc13
}

.btn-filter-wrap li:after {
    content: "/";
    position: absolute;
    left: -2px;
    top: 0;
    font-size: 14px;
    opacity: .2;
    color: #fff
}

.btn-filter-wrap li:first-child:after {
    display: none
}

.owl-carousel-filter .owl-item {
    opacity: 0;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease
}

.owl-carousel-filter .owl-item.active {
    opacity: 1
}

.owl-carousel-filter .owl-item>.owl-item {
    opacity: 1
}

.fillter-left-content .section-head span {
    font-family: Roboto, sans-serif
}

.owl-carousel-filter .owl-nav .owl-prev {
    left: 10px
}

.owl-carousel-filter .owl-nav .owl-next {
    right: 10px
}

@media only screen and (max-width:768px) {
    .filter-carousal-1 {
        padding: 25px;
        padding-top: 0
    }

    .btn-filter-wrap li {
        display: inline-block;
        padding-right: 20px;
        padding-left: 0;
        padding-bottom: 20px;
        line-height: 14px
    }

    .fillter-left-content.p-b57 {
        padding-bottom: 26px
    }
}

@media only screen and (max-width:767px) {
    .filter-carousal-1 {
        padding: 15px;
        padding-top: 0
    }
}

@media only screen and (max-width:600px) {
    .btn-filter-wrap {
        text-align: left
    }

    .btn-filter-wrap li:after {
        display: none
    }

    .btn-filter-wrap {
        display: table
    }

    .filter-carousal-1 .container {
        padding-left: 0
    }
}

@media only screen and (max-width:420px) {
    .btn-filter-wrap li {
        padding-right: 10px
    }
}

@media only screen and (max-width:375px) {
    .btn-filter-wrap li {
        padding-right: 8px
    }
}

@media only screen and (max-width:360px) {
    .btn-filter-wrap li {
        padding: 5px 5px;
        border: 1px solid #3f3f3f;
        margin-bottom: 10px;
        margin-right: 3px;
        font-size: 12px
    }

    .btn-filter-wrap li:last-child {
        margin-right: 0;
        padding-right: 5px
    }
}

.overlay-2-bg {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 0;
    -webkit-transition: all .5s linear;
    -moz-transition: all .5s linear;
    -ms-transition: all .5s linear;
    -o-transition: all .5s linear;
    transition: all .5s linear
}

.overlay-2-content {
    position: absolute;
    left: 0;
    bottom: 0;
    opacity: 1;
    width: 100%;
    z-index: 2;
    opacity: 0;
    -webkit-transition: all 1s linear;
    -moz-transition: all 1s linear;
    -ms-transition: all 1s linear;
    -o-transition: all 1s linear;
    transition: all 1s linear
}

.overlay-2:hover .overlay-2-content {
    opacity: 1
}

.overlay-2:hover .overlay-2-bg {
    opacity: .8
}

.latest-blog-4 .wt-post-media {
    width: 274px;
    float: left
}

.latest-blog-4 .wt-post-info {
    overflow: hidden
}

@media only screen and (max-width:1199px) {
    .latest-blog-4.three-block-style .wt-post-media {
        width: 100% !important;
        float: none;
        clear: both
    }

    .latest-blog-4.three-block-style .wt-post-media img {
        width: 100%
    }
}

@media only screen and (max-width:600px) {
    .latest-blog-4 .wt-post-media {
        width: 100%;
        float: none;
        clear: both
    }
}

.block-md .wt-media {
    float: left;
    width: 227px;
    position: relative;
    z-index: 1
}

.block-md .wt-media img {
    width: 100%
}

.block-md .wt-info p {
    margin-bottom: 15px
}

.case-large-img {
    height: 307px
}

.blog-large-img {
        height: 180px;
    background-position: top;
}

@media only screen and (max-width:1199px) {
    .case-large-img {
        height: 294px
    }

    .case-large-outer .wt-info p {
        margin-bottom: 15px
    }

    .block-md .wt-media {
        float: none;
        width: 100%;
        clear: both
    }

    .blog-large-img {
        /*height: 294px*/
    }
}

@media only screen and (max-width:991px) {
    .case-large-img {
        height: 360px
    }

    .blog-large-img {
        /*height: 390px*/
    }
}

.header-nav .nav>li .sub-menu li a {
    position: relative
}

.header-nav .nav>li .sub-menu li a .nav-new-label {
    position: absolute;
    right: 10px;
    top: 12px;
    font-size: 9px;
    padding: 1px 5px;
    color: #fff;
    background-color: red;
    text-transform: uppercase;
    letter-spacing: 1px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px
}

.alert {
    border-width: 3px;
    font-size: 16px
}

.banner-image-bg {
    position: relative !important
}

.banner-image-bg:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, .5);
    z-index: 9
}

.wt-info p {
    min-height: 120px
}

.section-full iframe {
    display: block;
    width: 100%;
    height: 360px;
    border: 0
}

.common-modal .modal-header {
    padding: 0;
    border: 0;
    position: relative
}

.common-modal .modal-body {
    padding: 0
}

.common-modal .modal-header .close {
    position: absolute;
    right: -25px;
    top: -5px;
    color: #fff;
    opacity: 1;
    font-size: 36px;
    font-weight: 400
}

.icon-infographic img {
    display: block;
    margin: auto;
    height: 80px
}

.precast-productslist .content-frame h2 {
    color: #31353d;
    font-weight: 600;
    position: relative;
    top: 0;
    -webkit-transition: all .6s ease 0s;
    -o-transition: all .6s ease 0s;
    transition: all .6s ease 0s;
    font-size: 20px;
    line-height: 1;
    margin-bottom: 5px;
    text-transform: capitalize;
    margin-top: 0
}

.precast-productslist .content-frame p {
    color: #000;
    font-weight: 500;
    position: relative;
    top: 0;
    -webkit-transition: all .4s ease 0s;
    -o-transition: all .4s ease 0s;
    transition: all .4s ease 0s;
    font-size: 14px;
    line-height: 1.3;
    margin-bottom: 6px
}

.precast-productslist .image-frame img {
    height: 120px;
    width: 100%;
    object-fit: cover
}

.precast-productslist .mb-3 {
    margin-bottom: 10px
}

.signup-seller .form-box {
    padding-top: 80px;
    padding-bottom: 40px
}

.signup-seller .form-box h3 {
    font-size: 22px;
    font-weight: 500;
    margin-bottom: 0
}

.signup-seller .form-wizard {
    padding: 25px;
    background: #fff;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    box-shadow: 0 0 6px 3px #777;
    font-family: Roboto, sans-serif;
    font-size: 16px;
    font-weight: 300;
    color: #888;
    line-height: 30px;
    text-align: center
}

.signup-seller .form-wizard a,
.signup-seller .form-wizard a:focus,
.signup-seller .form-wizard a:hover {
    color: #ffbc13;
    text-decoration: none;
    -o-transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s
}

.signup-seller .form-wizard h4 {
    float: left;
    font-size: 20px;
    font-weight: 300;
    color: #ffbc13;
    line-height: 26px;
    width: 100%;
    margin-top: 10px
}

.signup-seller .get_bg_btn {
    padding: 0 20px;
    line-height: 30px;
    font-size: 15px
}

.signup-seller .get_bg_btn:hover {
    color: #e6b64c;
    background: 0 0
}

.signup-seller .form-wizard h4 span {
    float: right;
    font-size: 18px;
    font-weight: 300;
    color: #555;
    line-height: 26px
}

.signup-seller .form-wizard table tr th {
    font-weight: 400
}

.signup-seller .form-wizard img {
    max-width: 100%
}

.signup-seller .form-wizard ::-moz-selection {
    background: #ffbc13;
    color: #fff;
    text-shadow: none
}

.signup-seller .form-wizard ::selection {
    background: #ffbc13;
    color: #fff;
    text-shadow: none
}

.signup-seller .sendcode {
    font-size: 15px;
    display: inline-block;
    line-height: 1.2;
    text-decoration: underline;
    position: relative;
    top: -5px;
    cursor: pointer
}

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

.signup-seller .form-control option:checked,
.signup-seller .form-control option:hover {
    box-shadow: 0 0 10px 100px #ffbc13 inset
}

.signup-seller .form-control:focus {
    outline: 0;
    background: #fff;
    border: 1px solid #ccc;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

.signup-seller .form-control:-moz-placeholder {
    color: #888
}

.signup-seller .form-control:-ms-input-placeholder {
    color: #888
}

.signup-seller .form-control::-webkit-input-placeholder {
    color: #888
}

.signup-seller .form-group {
    margin-bottom: 10px
}

.signup-seller .form-group label {
    line-height: 1;
    margin-bottom: 6px;
    font-size: 13px;
    display: block
}

.signup-seller .form-group input,
.signup-seller .form-group select {
    line-height: 1
}

.signup-seller .form-wizard .success h3 {
    color: #4f8a10;
    text-align: center;
    margin: 20px auto !important
}

.signup-seller .form-wizard .success .success-icon {
    color: #4f8a10;
    font-size: 100px;
    border: 5px solid #4f8a10;
    border-radius: 100px;
    text-align: center !important;
    width: 110px;
    margin: 25px auto
}

.signup-seller .form-wizard .progress-bar {
    background-color: #ffbc13
}

.signup-seller .form-wizard-steps {
    margin: auto;
    overflow: hidden;
    position: relative;
    margin-top: 20px
}

.signup-seller .form-wizard-step {
    padding-top: 10px !important;
    border: 2px solid #fff;
    background: #1a1f27;
    -ms-transform: skewX(-30deg);
    -webkit-transform: skewX(-30deg);
    transform: skewX(-30deg)
}

.signup-seller .form-wizard-step.active {
    background: #ffbc13
}

.signup-seller .form-wizard-step.activated {
    background: #ffbc13
}

.signup-seller .form-wizard-progress {
    position: absolute;
    top: 36px;
    left: 0;
    width: 100%;
    height: 0;
    background: #ffbc13
}

.signup-seller .form-wizard-progress-line {
    position: absolute;
    top: 0;
    left: 0;
    height: 0;
    background: #ffbc13
}

.signup-seller .form-wizard-tolal-steps-3 .form-wizard-step {
    position: relative;
    float: left;
    width: 33.33%;
    padding: 0 5px
}

.signup-seller .form-wizard-tolal-steps-4 .form-wizard-step {
    position: relative;
    float: left;
    width: 25%;
    padding: 0 5px
}

.signup-seller .form-wizard-tolal-steps-5 .form-wizard-step {
    position: relative;
    float: left;
    width: 20%;
    padding: 0 5px
}

.signup-seller .form-wizard-step-icon {
    display: inline-block;
    width: 40px;
    height: 40px;
    margin-top: 4px;
    background: #ddd;
    font-size: 16px;
    color: #777;
    line-height: 40px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -ms-transform: skewX(30deg);
    -webkit-transform: skewX(30deg);
    transform: skewX(30deg)
}

.signup-seller .form-wizard-step.activated .form-wizard-step-icon {
    background: #ffbc13;
    border: 1px solid #fff;
    color: #fff;
    line-height: 38px
}

.signup-seller .form-wizard-step.active .form-wizard-step-icon {
    background: #fff;
    border: 1px solid #fff;
    color: #ffbc13;
    line-height: 38px
}

.signup-seller .form-wizard-step p {
    color: #fff;
    -ms-transform: skewX(30deg);
    -webkit-transform: skewX(30deg);
    transform: skewX(30deg)
}

.signup-seller .form-wizard-step.activated p {
    color: #fff
}

.signup-seller .form-wizard-step.active p {
    color: #fff
}

.signup-seller .form-wizard fieldset {
    display: none;
    text-align: left;
    border: 0 !important
}

.signup-seller .form-wizard-buttons {
    text-align: right
}

.signup-seller .form-wizard .input-error {
    border-color: #dc3545
}

.signup-seller .settings_wrap {
    margin-top: 20px
}

.signup-seller .image_picker .settings_wrap .drop_target,
.signup-seller .image_picker .settings_wrap .settings_actions {
    float: left
}

.signup-seller .image_picker .settings_wrap .drop_target {
    margin-right: 18px
}

.signup-seller .image_picker .settings_wrap .settings_actions {
    float: left;
    margin-top: 100px;
    margin-left: 20px
}

.signup-seller .settings_actions.vertical a {
    display: block
}

.signup-seller .drop_target {
    position: relative;
    cursor: pointer;
    transition: all .2s;
    width: 250px;
    height: 250px;
    background: #f2f2f2;
    border-radius: 100%;
    margin: 0 auto 25px auto;
    overflow: hidden;
    border: 8px solid #e0e0e0
}

.signup-seller .drop_target input[type=file] {
    visibility: hidden
}

.signup-seller .drop_target::before {
    content: 'Drop Hear';
    font-family: FontAwesome;
    position: absolute;
    display: block;
    width: 100%;
    line-height: 220px;
    text-align: center;
    font-size: 40px;
    color: rgba(0, 0, 0, .3);
    transition: color .2s
}

.signup-seller .drop_target.dropping,
.signup-seller .drop_target:hover {
    background: #f80;
    border-top-color: #cc6d00
}

.signup-seller .drop_target.dropping:before,
.signup-seller .drop_target:hover:before {
    color: rgba(0, 0, 0, .6)
}

.signup-seller .drop_target .image_preview {
    width: 100%;
    height: 100%;
    background: no-repeat center;
    background-size: contain;
    position: relative;
    z-index: 2
}

.blogs-listing .post-title a p {
    height: 50px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 0
}

.blogs-listing .wt-post-text p {
    height: 90px;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 16px;
    color: #000;
}
.blogs-listing .wt-post-title h6 {
    /*height: 43px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;*/
}
.register .form-wrap,
.signin .form-wrap {
    background: #fff;
    padding: 15px;
    margin-bottom: 20px;
    box-shadow: 2px 2px 9px 0 rgba(0, 0, 0, .5);
    border-radius: 10px
}

.heading-seeller,
.register h3,
.signin h3 {
    margin: 130px 0 40px;
    font-size: 39px;
    text-transform: uppercase;
    color: #fff;
    text-align: center;
        line-height: 1;
}

.register p,
.signin p,
.subheading-seller {
    margin: 11px 0 25px;
    font-size: 21px;
    color: #2b4766;
    font-weight: 600;
    text-align: center
}

.register label,
.signin label {
    color: #172b4d;
    margin-bottom: 5px;
    font-size: 15px;
    font-weight: 500
}

.register input,
.register select,
.signin input {
    border: solid 1px transparent;
    font-size: 15px;
    margin-bottom: 15px;
    background: #f4f4f4;
    box-shadow: 0 2px 4px rgba(23, 23, 23, .18);
    color: #172b4d;
    height: 45px
}

.register input {
    margin-bottom: 30px
}

.register .text-info,
.signin .text-info {
    color: #ffbc13
}

.register h3 {
    text-shadow: 0 3px 6px rgba(21, 93, 165, .32)
}

.forgot-text a {
    font-size: 13px;
    color: #172b4d !important;
    margin-bottom: 10px;
    display: block
}

.signin {
    position: relative
}

.signin:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background: rgba(42, 70, 102, .86)
}

.signin .form-wrap h3 {
    margin: 10px 0 5px;
    font-size: 23px;
    text-transform: uppercase;
    color: #2b4766;
    font-weight: 700
}

.signin .form-wrap p {
    margin: 4px 0 25px;
    font-size: 15px;
    color: #2b4766
}

@media only screen and (min-width:768px) {
    .signin .form-wrap {
        max-width: 350px;
        margin: 0 auto 250px
    }

    .register .form-wrap {
        max-width: 650px;
        margin: 0 auto 80px;
        padding: 30px
    }
}

.mt-3 {
    margin-top: 15px
}

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

.outer-col {
    position: fixed;
    right: 5px;
    bottom: -409px;
    width: 500px;
    z-index: 999
}

.heading-form-fixed {
    text-align: right;
    padding-right: 30px
}

.heading-form-fixed span {
    color: #fff;
    font-size: 17px;
    padding: 6px 20px;
    cursor: pointer;
    display: inline-block;
    background: #2a4666
}

.heading-form-fixed i {
    background-color: #2a4666;
    color: #fff;
    border-radius: 50px;
    text-align: center;
    box-shadow: 2px 2px 3px #000;
    cursor: pointer;
    font-size: 26px;
    padding: 8px;
    position: relative
}

.form-col {
    float: left;
    width: 100%;
    padding: 10px;
    border: 1px solid #999;
    background: #fff
}

.form-col input {
    float: left;
    width: 100%;
    height: 40px;
    margin-bottom: 0;
    padding: 10px
}

.form-col button {
    padding: 9px 0;
    min-width: 150px
}

.video-wrapper iframe {
    display: none
}

.video-wrapper .embed-responsive-16by9 {
    padding-bottom: 0
}

.showvideo.video-wrapper .embed-responsive-16by9 {
    padding-bottom: 56.56%
}

.showvideo.video-wrapper iframe {
    display: block;
    height: 312px
}

.showvideo .video-play-btn,
.showvideo img,
.showvideo:before {
    display: none
}

@media only screen and (max-width:768px) {
    .showvideo.video-wrapper iframe {
        height: 195px
    }
}

.whychossen p {
    color: #fff;
    max-width: 100% !important;
    font-size: 16px
}

.whychossen .wt-separator.style-square {
    border-color: #fff
}

.whychossen h2,
.whychossen h3 {
    color: #fff
}

.banner-inner {
    height: 550px;
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    position: relative
}

.banner-inner:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background: rgba(0, 0, 0, .5)
}

.banner-inner .banner-content {
    text-align: center;
    position: relative
}

.banner-inner .banner-content h1 {
    color: #fff !important;
    text-transform: capitalize;
    font-size: 50px
}

.banner-inner .banner-content h1 span {
    color: #fff
}

.banner-inner .banner-content .kanal-house h1{
    line-height: 60px;
}

.banner-inner .banner-content p {
      color: #fff;
    font-size: 20px !important;
    width: 50%;
    margin: 20px auto 40px;
}

.banner-inner .banner-content a {
    text-transform: uppercase;
    font-size: 16px;
    padding: 10px 15px
}

.banner-main {
    height: 630px
}

.banner-main .item {
    background-size: cover;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat
}

.banner-main .item .innerslide {
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    height: 100%
}

.banner-main .item:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background: rgba(0, 0, 0, .5)
}

.banner-main .banner-content {
    text-align: center;
    position: relative
}

.banner-main .banner-content h1 {
    color: #ffbc13;
    text-transform: uppercase;
    font-size: 40px
}

.banner-main .banner-content h1 span {
    color: #fff
}

.banner-main .banner-content p {
    color: #fff;
    font-size: 17px;
    width: 50%;
    margin: 20px auto 40px
}

.banner-main .banner-content a {
    text-transform: uppercase;
    font-size: 16px
}

.banner-serices {
    position: relative
}

.banner-serices:before {
    background: rgba(255, 255, 255, .59) url(../images/background/services-bg.png) no-repeat center center/cover;
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: .3;
    top: 0
}

.banner-serices .container {
    position: relative
}

.banner-serices .wt-icon-box-wraper {
    margin: 0 0 15px;
    padding: 30px 10px 30px;
    box-shadow: 2px 1px 9px 1px transparent;
    transition: all ease .6s
}

.banner-serices .wt-icon-box-wraper:hover {
    box-shadow: 2px 1px 9px 1px rgba(0, 0, 0, .2);
    transition: all ease .6s;
    transform: scale(1.05)
}

.product-listing ul {
    display: flex;
    flex-wrap: wrap;
    list-style: none
}

.product-listing ul li {
    max-width: 20%;
    flex: 20%;
    padding: 0 10px;
    position: relative;
    margin-bottom: 20px
}

.product-listing ul li .blue-button,
.product-listing ul li .site-button {
    padding: 6px 6px;
    font-size: 11px;
     transition: all ease 0.5s;
}
.product-listing ul li .blue-button:hover{
    background: #ffbc13;
    color: #fff;
    transition: all ease 0.5s;
}

/*.product-listing ul li:nth-child(8) {
    display: none !important;
}*/
.product-listing ul li:nth-child(16) {
    display: block !important;
}
/*.product-listing ul li:first-child {
    order: 1
}

.product-listing ul li:nth-child(2) {
    order: 2
}

.product-listing ul li:nth-child(3) {
    order: 3
}

.product-listing ul li:nth-child(4) {
    order: 4
}

.product-listing ul li:nth-child(5) {
    order: 6
}

.product-listing ul li:nth-child(6) {
    order: 5
}

.product-listing ul li:nth-child(7) {
    order: 11
}

.product-listing ul li:nth-child(8) {
    order: 12
}

.product-listing ul li:nth-child(9) {
    order: 8
}

.product-listing ul li:nth-child(10) {
    order: 7
}

.product-listing ul li:nth-child(11) {
    order: 13
}

.product-listing ul li:nth-child(12) {
    order: 10
}

.product-listing ul li:nth-child(13) {
    order: 9
}

.product-listing ul li:nth-child(14) {
    order: 14
}*/
/*.product-listing ul li:nth-of-type(-n+9) {display: none;} */
.product-listing ul li:nth-of-type(1n+11) {
    display: none;
}

.product-listing ul li
.precast-bannersection .image-frame-product {
    position: relative
}

.precast-bannersection .product-content .content-inner {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    transition: all ease .7s;
    background: rgba(42, 72, 102, .9)
}

.precast-bannersection .product-content:hover .content-inner {
    top: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.precast-bannersection .product-content .content-inner {
    padding: 15px;
    transition: all ease .8s
}

.precast-bannersection .product-content .content-inner:hover p {
    height: auto;
    opacity: 1;
    z-index: 1
}

.precast-bannersection .product-content .content-inner h2 {
    font-size: 13px;
    font-weight: 600;
    text-align: center;
    margin: 0 0;
    color: #fff !important;
    text-transform: capitalize
}

.precast-bannersection .product-content .content-inner p {
    color: #fff;
    font-size: 13px !important;
    margin: 0;
    line-height: 1.5;
    text-align: center;
    height: 0;
    opacity: 0;
    padding: 0 0;
    z-index: -1;
    position: relative
}

.precast-bannersection .product-content .content-inner a {
    background: 0 0;
    margin-right: 5px;
    display: inline-block;
    padding: 1px 0;
    color: #ffbc13;
    font-weight: 500;
    margin-top: 10px;
    transition: all ease .5s;
    border: solid 1px transparent;
    border-bottom: solid 1px;
    transition: all ease .8s
}

.precast-bannersection .image-frame-product img {
    height: 250px;
    width: 100%;
    object-fit: cover
}

.precast-bannersection .productwrapper {
    position: relative
}

.infographics-banner .wt-icon-box-wraper {
    margin: 0 0;
    padding: 30px 15px 10px;
    box-shadow: 2px 1px 9px 1px transparent;
    transition: all ease .6s
}

.infographics-banner .wt-icon-box-wraper:hover {
    box-shadow: 2px 1px 9px 1px rgba(0, 0, 0, .2);
    transition: all ease .6s;
    transform: scale(1.05)
}

.videosection {
    position: relative
}

.videosection:before {
    background: rgba(255, 255, 255, 0) url(../images/email-bg.png) no-repeat;
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background-size: 50%;
    background-position: right bottom
}

.infographics-banner .icon-content {
    text-align: center
}

.infographics-banner .icon-content h5 {
    min-height: 43px
}

.projects-section {
    position: relative;
    height: 440px
}

.projects-section:before {
    background: rgba(42, 70, 102, .56);
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0
}

.projects-section .projects-inner {
    position: relative
}

.testimonials-bg,
.workwithus {
    position: relative
}

.testimonials-bg:before,
.workwithus:before {
    background: rgb(0 0 0 / 55%);
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0
}

.projects-inner .owl-carousel .owl-item img {
    height: 230px;
    object-fit: cover;
    width: 100%;
}

.projects-inner .owl-carousel .overlay-2-content h3 {
    font-size: 16px
}

.workwithus .container {
    position: relative
}

.workwithus h2,
.workwithus h3 {
    color: #fff
}

.workwithus h4 {
    color: #fff;
    font-weight: 600;
    margin: 10px 0 0;
    font-size: 18px
}

.workwithus h5 {
    color: #fff;
    font-weight: 400;
    margin: 8px 0 40px;
    font-size: 16px
}

.workwithus .wt-separator.style-square {
    border-color: #fff
}

@media only screen and (max-width:767px) {
    .product-listing ul li {
        max-width: 100%;
        padding: 0;
        flex: 100%
    }

    .projects-section {
        height: auto
    }

    footer .wt-icon-box-wraper {
        margin: 0
    }

    footer .p-tb20 {
        padding-bottom: 0
    }

    .precast-bannersection .product-content .content-inner a {
        margin-right: 3px;
        padding: 10px 8px
    }

    .top-bar .fa {
        font-size: 17px;
        padding: 0 2px
    }

    .banner-serices .wt-icon-box-wraper {
        margin: 0 0;
        padding: 30px 15px
    }

    .product-listing ul {
        margin: 0 0
    }

    .workwithus h3 {
        font-size: 17px
    }

    .workwithus h4 {
        font-size: 14px
    }

    .btn-item a:before {
        display: none
    }
}

@media only screen and (max-width:480px) {
    .videosection iframe {
        height: 200px
    }
}

.svgicons img {
    height: auto
}

.tableforproduct {
    border-bottom: 2px solid #ddd
}

.tableforproduct>tbody>tr>td,
.tableforproduct>tbody>tr>th,
.tableforproduct>tfoot>tr>td,
.tableforproduct>tfoot>tr>th,
.tableforproduct>thead>tr>td,
.tableforproduct>thead>tr>th {
    border-top: 2px solid #ddd
}

.tableforproduct>tbody>tr>td {
font-size: 14px;
    color: #000;
    line-height: 24px;
    margin-bottom: 24px;
    font-family:'Roboto', sans-serif !important;
}

.productdetails .wt-post-text p {
  font-size: 14px;
    color: #000000;
    line-height: 24px;
    margin-bottom: 24px;
    font-family:'Roboto', sans-serif !important;
}

#comments ol {
    max-height: 600px;
    overflow-y: auto
}

.product-banner h1 {
    text-transform: uppercase;
    font-size: 34px
}

.product-banner h1 span {
    color: #ffbc13
}

.gallery-item {
    position: relative
}

.gallery-item:hover .content-wrap-pdoucts {
    opacity: 1;
    transition: all ease .6s;
    height: auto
}

.gallery-item .content-wrap-pdoucts {
    position: absolute;
    top: 20px;
    right: 20px;
    left: 20px;
    bottom: 20px;
    background: rgba(42, 70, 102, .7);
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: all ease .6s
}

.gallery-item .content-wrap-pdoucts i {
    font-size: 35px;
    color: #fff;
    font-weight: 500;
    margin-bottom: 22px
}

.category-listing {
    margin-top: 15px
}

.category-listing li {
    list-style: none;
    display: inline-block
}

.category-listing li a {
    background: #f5f6f6;
    padding: 7px 8px;
    display: inline-block;
    margin-bottom: 7px;
    color: #2a4666;
    font-weight: 500;
    font-size: 14px;
    transition: all ease 0.6s;
}
.category-listing li:hover a {
        background: #2a4666;
  
    color: #ffffff;
    transition: all ease 0.6s;
}
.productbannerforn {
    background: rgba(42, 70, 102, .6);
    max-width: 400px;
    margin-left: auto;
    padding: 15px 20px;
    border: solid 2px #cac8c9;
    margin: 35px 0 35px auto
}

.productbannerforn input {
    background: #486582;
    color: #fff;
    font-size: 14px;
    height: 38px;
    border: 0
}

.productbannerforn h3 {
    margin: 5px 0 20px;
    font-size: 18px;
    color: #fff;
    text-align: center;
    text-transform: capitalize;
}

.productbannerforn ::-webkit-input-placeholder {
    color: #fff;
    font-size: 14px
}

.productbannerforn ::-moz-placeholder {
    color: #fff;
    font-size: 14px
}

.productbannerforn :-ms-input-placeholder {
    color: #fff;
    font-size: 14px
}

.productbannerforn :-moz-placeholder {
    color: #fff;
    font-size: 14px
}

.product-banner .row {
    display: flex;
    align-items: center
}

.banner-review {
    /*background: url(../images/reviewbg-banner.jpg) no-repeat center center/cover;*/
       background: #f8f8f8;
    min-height: 280px;
    padding: 30px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative
}

#review_form input {
  /*  background: 0 0;
    border: 0;
    color: #000;
    font-size: 16px;
    border-bottom: solid 1px;
    padding-left: 0*/
    margin-bottom: 15px;
}
.comment-form-rating {
    overflow: hidden;
}
#review_form textarea {
  /*  background: 0 0;
    border: 0;
    color: #000;
    font-size: 16px;
    border-bottom: solid 1px;
    padding-left: 0*/
}
/*
#review_form ::-webkit-input-placeholder {
    color: #000;
    font-size: 16px
}

#review_form ::-moz-placeholder {
    color: #000;
    font-size: 16px
}

#review_form :-ms-input-placeholder {
    color: #000;
    font-size: 16px
}

#review_form :-moz-placeholder {
    color: #000;
    font-size: 16px
}

#review_form .comment-form-rating {
    overflow: hidden;
}*/
#review_form .comment-form-rating label {
    color: #000;
    font-size: 16px;
    float: left;
    margin-right: 15px;
    margin-top: 13px
}

#review_form .star-rating {
    float: left;
    margin-right: 15px;
    margin-top: 13px
}

#review_form .star-rating .fa {
    color: #000;
    font-size: 16px
}

#review_form .star-Rating-input .fa-star {
    color: #ffbc13
}

.reachonline-1 {
    background: url(../images/reachonline-bg.png) no-repeat center center/cover;
    min-height: 340px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative
}

.reachonline-1 .text-center.section-head p {
    max-width: 90%;
    margin-right: auto;
    padding-top: 10px
}

.sendonline-bg {
    background: #e6e6e6 url(../images/onlinequery-bg.jpg) no-repeat;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
    padding: 15px 0;
    background-position: right center;
    background-size: contain;
    height: 410px;
    display: flex
}

.deliverrystatus-bg {
    background: #e6e6e6 url(../images/deliverystatus-bg.jpg) no-repeat;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
    padding: 15px 0;
    background-position: left center;
    background-size: contain;
    height: 410px;
    display: flex
}

.chatcontr-bg {
    background: #e6e6e6 url(../images/realtimechat-bg.jpg) no-repeat;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
    padding: 15px 0;
    background-position: left center;
    background-size: contain;
    height: 410px;
    display: flex
}

.negotiate-bg {
    background: #e6e6e6 url(../images/negotiate-bg.jpg) no-repeat;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
    padding: 15px 0;
    background-position: right center;
    background-size: contain;
    height: 410px;
    display: flex
}

.apptk-bg {
    background: #febe16 url(../images/apptk-bg.jpg) no-repeat;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
    padding: 15px 0;
    background-position: right center;
    background-size: contain;
    height: 410px;
    display: flex
}

.for-apptext h2 {
    color: #2a4666;
    text-transform: uppercase;
    font-size: 22px;
    margin-bottom: 0;
    font-weight: 500
}

.for-apptext h3 {
    color: #2a4666;
    text-transform: uppercase;
    font-size: 26px;
    font-weight: 800;
    margin-bottom: 0;
    margin-top: 0
}

.for-apptext .bg-primary {
    background-color: #2a4666
}

.for-apptext .wt-separator.style-square {
    border-color: #fff
}

.for-apptext label {
    display: block;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    font-size: 17px
}

.latest-blog .wt-post-title h6 {
    height: 39px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 16px
}

.latest-blog .wt-post-title h6 a {
    font-family: Poppins, sans-serif !important
}

.latest-blog .wt-post-text p {
    height: 51px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.3;
    font-size: 13px
}

.productdetails .wt-product-gallery img {
    height: 360px;
    object-fit: cover
}

.aboutus-main .section-head p {
    padding-top: 0;
    font-size: 14px;
    font-weight: 400;
    color: #000;
    line-height: 1.5;
    margin-bottom: 21px
}

.services-aboutus .service-item {
    border: solid 1px #b3b3b3;
    border-bottom: solid 3px #ffbc13;
    background: #fff;
    transition: all ease .8s;
    text-align: left;
    padding: 20px 25px;
    min-height: 250px;
    position: relative
}

.services-aboutus .service-item:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background: rgba(0, 0, 0, .5)
}

.services-aboutus .service-item.preconstruction-about {
    background: url(../images/aboutus/preconstruction-aboutusimage.jpg) no-repeat center/cover
}

.services-aboutus .service-item.architecture-about {
    background: url(../images/aboutus/architecture-aboutusimage.jpg) no-repeat center/cover
}

.services-aboutus .service-item.precast-about {
    background: url(../images/aboutus/precast-aboutusimage.jpg) no-repeat center/cover
}

.services-aboutus .service-item.construction-about {
    background: url(../images/aboutus/construction-aboutusimage.jpg) no-repeat center/cover
}

.services-aboutus .service-item:hover {
    transition: all ease .8s
}

.services-aboutus .service-item:hover a {
    background: #ffbc13
}

.services-aboutus .service-item label {
    color: #999;
    text-transform: uppercase;
    font-size: 12px;
    margin: 0 0 7px;
    font-weight: 400
}

.services-aboutus .service-item h3 {
    color: #fff;
    text-transform: uppercase;
    font-size: 18px;
    margin: 65px 0 20px;
    font-weight: 600;
    text-align: right;
    position: relative;
    z-index: 1
}

.services-aboutus .service-item a {
    width: 90px;
    height: 90px;
    background: #dfdfdf;
    line-height: 80px;
    border-radius: 50%;
    display: inline-block;
    text-align: center;
    color: #2a4666;
    position: absolute;
    bottom: -40px;
    left: 50%;
    margin-left: -45px
}

.services-aboutus .service-item a i {
    font-size: 46px;
    display: block;
    height: 100%;
    line-height: 92px
}

.corevalues-section .wt-separator.style-square {
    border-color: #fff
}

.corevalues-section .section-head h2 {
    color: #fff
}

.corevalues-section .section-head p {
    color: #fff;
    padding: 0
}

.corevalues-section .section-corevalcontent .wt-icon-box-wraper {
    background-color: #405976;
    border: 0;
    box-shadow: none;
    padding: 15px 25px;
    min-height: 400px;
    transform: scale(1.05)
}

.corevalues-section .section-corevalcontent .wt-icon-box-wraper:hover {
    box-shadow: 2px 1px 9px 1px rgba(0, 0, 0, .2);
    transition: all ease .6s;
    transform: scale(1.05)
}

.corevalues-section .section-corevalcontent .wt-icon-box-wraper h5 {
    color: #fff !important
}

.corevalues-section .section-corevalcontent .wt-icon-box-wraper p {
    color: #fff;
    font-size: 11px
}

.corevalues-section .section-corevalcontent .wt-icon-box-wraper img {
    margin: 15px auto 20px
}

.ourteam-aboutus .wt-team-title a {
    color: #000
}

.ourteam-aboutus .wt-team-one .wt-team-info h4 {
    color: #707070;
    font-size: 16px
}

.ourteam-aboutus .wt-team-one .wt-team-info p {
    min-height: 28px;
    font-size: 12px;
    line-height: 1.3;
    color: #000
}

.ourteam-aboutus .social-icons {
    margin: 0;
    display: none;
}

.ourteam-aboutus .social-icons a {
    color: #2a4666;
    font-size: 19px;
    margin: 0 5px
}

.aboutus-infograp .icon-infographic img {
    height: auto
}

.aboutus-infograp.infographics .wt-icon-box-wraper .wt-tilte {
    font-size: 12px;
    min-height: auto
}

.aboutus-infograp.infographics .icon-content p {
    min-height: 115px;
    padding: 0 15px
}

.aboutus-infograp.infographics-banner .wt-icon-box-wraper {
    margin: 0 0;
    padding: 30px 10px 10px;
    box-shadow: 2px 1px 9px 1px transparent;
    transition: all ease .6s
}

html .innerpages-bannerheight {
    height: 400px
}

.innerpagecms-content {
    background: #f2f2f2
}

.innerpagecms-content .cms-contentinner {
    border: solid 1px #ddd
}

.innerpagecms-content h2 {
    font-size: 28px;
    color: #2a4666;
    font-weight: 700;
    margin-bottom: 15px;
    margin-top: 0
}

.innerpagecms-content h3 {
    font-size: 19px;
    margin-bottom: 5px;
    color: #2a4666;
    margin-top: 0
}

.innerpagecms-content p {
    font-size: 14px;
    color: #000;
    margin-bottom: 10px;
    line-height: 1.5
}

.innerpagecms-content ul li {
    font-size: 13px;
    padding-top: 2px;
    font-weight: 500
}

.product-modal .modal-dialog {
    width: 100%;
    margin: 0
}

.product-modal .modal-dialog .modal-content {
    min-height: 100vh;
    background-color: transparent;
    position: relative;
    z-index: 9999
}

.product-modal .listeditems-product ul {
    counter-reset: section;
    list-style: none;
    position: relative;
    text-align: center
}

.product-modal .listeditems-product ul:before {
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    display: inline-block;
    height: 2px;
    background: #fff;
    width: 100%;
    content: '';
    top: 13px
}

.product-modal .listeditems-product ul li {
    display: inline-block;
    padding: 0 25px;
    color: #fff;
    font-size: 15px;
    position: relative;
    text-align: center
}

.product-modal .listeditems-product ul li label {
    background: #2e303f;
    color: #fff;
    display: inline-block;
    padding: 4px 16px;
    border-radius: 4px;
    font-weight: 400
}

.product-modal .modal-body a:hover {
    color: #fff
}

.product-modal .listeditems-product ul li span {
    display: block;
    margin-bottom: 10px
}

.product-modal .listeditems-product ul li:last-child:after {
    display: none
}

.product-modal .listeditems-product ul li span:before {
    counter-increment: section;
    content: counter(section);
    display: inline-block;
    background: #fff;
    color: #2a4666;
    font-weight: 600;
    padding: 0;
    border-radius: 50%;
    width: 28px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    font-size: 17px;
    margin-right: 10px;
    vertical-align: middle
}

.product-modal .modal-body {
    width: 80%;
    margin: auto
}

.product-modal .leftcontent-prodct h3 {
    color: #fff;
    text-transform: uppercase;
    font-size: 25px;
    font-weight: 600;
    margin-bottom: 10px
}

.product-modal .right-form h3 {
    font-size: 15px;
    color: #172b4d;
    margin: 0 0 15px;
    text-shadow: none;
    text-align: center;
    padding-bottom: 10px;
    border-bottom: solid 1px #8898aa
}

.product-modal.right-form p {
    line-height: 24px;
    margin-bottom: 24px;
    font-size: 14px;
    font-weight: 400;
    color: #767676
}

.product-modal .leftcontent-prodct p {
    color: #fff;
    font-size: 17px;
    margin-top: 0;
    font-weight: 400;
    margin-bottom: 10px
}

.product-modal .leftcontent-prodct {
    margin-top: 55px
}

.product-modal .leftcontent-prodct ul {
    list-style: none;
    padding-left: 0;
    position: relative;
    margin-right: 31px;
    border-right: solid 1px #c7c7c7;
    padding: 30px 0 40px;
    margin-top: 0;
    margin-bottom: 0
}

.product-modal .leftcontent-prodct ul li:before {
    background: url(../images/checkbox.png);
    content: '';
    display: inline-block;
    width: 39px;
    height: 39px;
    background-repeat: no-repeat;
    position: absolute;
    left: 0;
    top: 2px;
    background-position: 0 8px;
    background-size: 24px
}

.product-modal .leftcontent-prodct ul li {
    color: #fff;
    padding: 7px 0 7px 40px;
    font-size: 16px;
    position: relative
}

.product-modal .leftcontent-prodct a {
    border-bottom: solid 1px;
    font-size: 15px
}

.product-modal .formproduct-wrapper .form-group {
    margin-bottom: 5px
}

.product-modal .formproduct-wrapper input {
    border: solid 1px transparent;
    font-size: 15px;
    margin-bottom: 15px;
    background: #f4f4f4;
    box-shadow: 0 2px 4px rgba(23, 23, 23, .18);
    color: #172b4d;
    height: 45px;
    padding-left: 10px;
    width: 100%
}

.product-modal .formproduct-wrapper textarea {
    border: solid 1px transparent;
    font-size: 15px;
    margin-bottom: 15px;
    background: #f4f4f4;
    box-shadow: 0 2px 4px rgba(23, 23, 23, .18);
    color: #172b4d;
    resize: none;
    width: 100%;
}

.product-modal .modal-header {
    width: 80%;
    margin: auto;
    padding-bottom: 0;
    border: 0
}

.product-modal .modal-header button {
    font-size: 45px;
    font-weight: 300;
    color: #fff;
    opacity: 1;
    line-height: 1
}

.product-modal {
    padding: 0 !important
}

.product-modal .modal-dialog.modal-lg:before {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #2a466678;
    z-index: 99;
    content: '';
    mix-blend-mode: overlay
}

.product-modal .modal-dialog.modal-lg {
    background-color: rgba(42, 70, 102, .8);
    margin-top: 0 !important
}

.product-modal .formproduct-wrapper {
    background: #fff;
    padding: 15px;
    margin-bottom: 20px;
    box-shadow: 2px 2px 9px 0 rgba(0, 0, 0, .5);
    border-radius: 10px
}

.product-modal .formproduct-wrapper ::-webkit-input-placeholder {
    color: #172b4d;
    font-size: 15px
}

.product-modal .formproduct-wrapper ::-moz-placeholder {
    color: #172b4d;
    font-size: 15px
}

.product-modal .formproduct-wrapper :-ms-input-placeholder {
    color: #172b4d;
    font-size: 15px
}

.product-modal .formproduct-wrapper :-moz-placeholder {
    color: #172b4d;
    font-size: 15px
}

.checkboxes-wrapper .checkbox-item input[type=checkbox],
.checkboxes-wrapper .checkbox-item input[type=radio] {
    display: none
}

.checkboxes-wrapper .checkbox-item input[type=checkbox]+label,
.checkboxes-wrapper .checkbox-item input[type=radio]+label {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 20px;
    font: 14px/20px 'Open Sans', Arial, sans-serif;
    color: #222 !important;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none
}

.checkboxes-wrapper .checkbox-item input[type=checkbox]+label:last-child,
.checkboxes-wrapper .checkbox-item input[type=radio]+label:last-child {
    margin-bottom: 0
}

#productModal .checkboxes-wrapper .checkbox-item input[type=checkbox]+label:before,
#productModal .checkboxes-wrapper .checkbox-item input[type=radio]+label:before {
    border-bottom: solid 1px #fff;
    border-right: solid 1px #fff
}

.checkboxes-wrapper .checkbox-item input[type=checkbox]+label:before,
.checkboxes-wrapper .checkbox-item input[type=radio]+label:before {
    content: '';
    display: block;
    width: 20px;
    height: 20px;
    border: 1px solid #294666;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-transition: all .12s, border-color .08s;
    transition: all .12s, border-color .08s;
    border-radius: 0;
    background: 0 0
}

.checkboxes-wrapper .checkbox-item input[type=checkbox]:checked+label:before,
.checkboxes-wrapper .checkbox-item input[type=radio]:checked+label:before {
    width: 10px;
    top: -5px;
    left: 5px;
    border-radius: 0;
    opacity: 1;
    border-top-color: transparent;
    border-left-color: transparent;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.product-modal .checkboxes-wrapper .checkbox-item input[type=checkbox]+label:after {
    font-size: 0;
    left: 6px;
    top: 7px
}

.product-modal .checkboxes-wrapper .checkbox-item {
    position: relative;
    padding: 15px 20px
}

.agree-wrapper label a {
    border-bottom: solid 1px
}

.product-description-precast {
    text-align: center
}

.product-description-precast h3 {
    font-size: 15px;
    margin: 10px 0 0;
    font-weight: 500;
    color: #000
}

.product-description-precast p {
    font-size: 13px;
    margin: 0 0 0;
    font-weight: 600;
    color: #000
}

@media only screen and (max-width:768px) {
    .product-banner .row {
        display: block
    }

    .product-banner h1 {
        font-size: 24px;
        text-align: center
    }

    .productbannerforn {
        margin: 0 0 35px auto
    }

    .apptk-bg,
    .chatcontr-bg,
    .deliverrystatus-bg,
    .negotiate-bg,
    .sendonline-bg {
        background-position: 67% 0;
        background-size: 180%;
        height: auto;
        padding-right: 200px
    }

    .widget-title,
    .widget-title-three,
    .widget-title-two {
        margin-bottom: 10px
    }

    .product-banner {
        text-align: center
    }

    .product-modal .modal-body {
        width: 100%
    }

    .product-modal .leftcontent-prodct h3 {
        font-size: 19px;
        margin-top: 0
    }

    .product-modal .modal-header {
        width: 100%;
        padding-top: 0
    }

    .services-aboutus .service-item {
        min-height: 190px;
        margin-top: 30px
    }

    .ourteam-aboutus .wt-team-one .wt-team-info p {
        margin-bottom: 0
    }

    .right-line:before {
        display: none
    }

    .wt-icon-box-wraper.right {
        margin: 0;
        padding: 0
    }

    .ypt_wrapper {
        padding: 0 !important
    }

    .ypt_wrapper:after {
        display: none
    }
}

@media only screen and (max-width:480px) {
    .product-modal .leftcontent-prodct p {
        font-size: 13px;
        margin-bottom: 0;
        margin-top: 0
    }

    .product-modal .formproduct-wrapper {
        margin-top: 12px
    }

    .apptk-bg,
    .chatcontr-bg,
    .deliverrystatus-bg,
    .negotiate-bg,
    .sendonline-bg {
        padding-right: 0;
        padding-top: 255px
    }

    .apptk-bg,
    .negotiate-bg,
    .sendonline-bg {
        background-size: 180%;
        background-position: top right
    }

    .chatcontr-bg,
    .deliverrystatus-bg {
        background-size: 180%;
        background-position: top left
    }
}

.noborder-all {
    border: 0 !important
}

.smallfonttables tr td {
    font-size: 13px !important;
    padding: 5px 0 !important
}

.fancybox-overlay {
    background: url(../images/fancybox_overlay.png)
}

#fancybox-loading,
.fancybox-close,
.fancybox-next span,
.fancybox-prev span {
    background-image: url(../images/fancybox_sprite.png)
}

.constructionservice-bg .section-head h3 {
    color: #ffbc13;
    font-size: 25px
}

.constructionservice-bg .section-head h5 {
    margin: 0 25px 0;
    padding: 0 0 40px;
    border-bottom: solid 1px #d9d7d5
}

.constructionservice-bg button.wite-button {
    width: 100%;
    padding: 10px 15px;
    font-size: 16px
}

.constructionservice-bg #review_form input {
    border: solid 1px;
    padding-left: 10px
}

.artwork-section .text-center.section-head p {
    width: 100%;
    color: #000;
    max-width: 83%;
    font-weight: 500
}


.quotationsection .section-head .wite-button {
    padding: 10px 20px
}

.quotationsection .section-head .wite-button:hover {
    color: #fff;
    background: #ffbc13
}

.quotationsection .section-head a {
    margin-right: 10px
}

.quotationsection .section-head a i {
    font-size: 17px;
    margin-right: 9px
}

.skew-wrapper .straight .title {
    font-size: 28px
}

.skew-wrapper .customcontainer.custom-css-add-container {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex
}

.skew-wrapper .customcontainer {
    height: 100%;
    padding: 0 35px
}

.skew-wrapper.custom-css-add .skew {
    width: 24.95% !important
}

.skew-wrapper.custom-css-add .skew.min {
    width: 30% !important
}

.skew-wrapper.custom-css-add .skew.active {
    width: 40% !important
}

@media (max-width:1199px) {
    .skew-wrapper {
        height: 350px;
        padding: 0 50px
    }
}

@media (max-width:991px) and (min-width:768px) {
    .skew-wrapper {
        padding: 0;
        height: 310px
    }
}

@media (min-width:768px) {
    .skew-wrapper {
        position: relative;
        overflow: unset;
        height: 450px;
        background: #252936
    }

    .skew-wrapper:after,
    .skew-wrapper:before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        height: 100%;
        width: 210px;
        z-index: 100;
        background: url(images/flash.png) no-repeat center top
    }

    .skew-wrapper:after {
        left: auto;
        right: 0
    }

    .skew-wrapper .skew {
        transform: skew(16deg, 0);
        overflow: hidden;
        display: block;
        width: 33.333333%;
        height: 100%;
        position: relative;
        float: left;
        transition: all .3s ease 50ms;
        top: 0
    }

    .skew-wrapper .skew:before {
        content: "";
        z-index: 100;
        position: absolute;
        left: -100%;
        top: 0;
        width: 100%;
        height: 100%;
        background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .25) 50%, rgba(255, 255, 255, 0) 100%);
        -webkit-transition: 0s ease-in-out;
        -moz-transition: 0s ease-in-out;
        -ms-transition: 0s ease-in-out;
        -o-transition: 0s ease-in-out;
        pointer-events: none
    }

    .skew-wrapper .skew:hover:before {
        left: 100%;
        -webkit-transition: .5s ease-in-out;
        -moz-transition: .5s ease-in-out;
        -ms-transition: .5s ease-in-out;
        -o-transition: .5s ease-in-out
    }

    .skew-wrapper .skew+.skew {
        margin-left: -2px
    }

    .skew-wrapper .skew .straight-image {
        background-position: center;
        background-repeat: repeat
    }

    .skew-wrapper .skew.min {
        width: 25%
    }

    .skew-wrapper .skew.active {
        width: 50%;
        z-index: 99
    }

    .skew-wrapper .straight-image {
        position: absolute;
        height: 100%;
        width: 200%;
        left: -50%;
        transform: skew(-16deg, 0)
    }

    .skew-wrapper .straight {
        position: absolute;
        transform: translate(-50%, -50%) skew(-16deg, 0);
        display: block;
        text-align: center;
        top: 50%;
        left: 50%;
        z-index: 10
    }

    .skew-wrapper .straight .title {
        display: block;
        margin-bottom: 1em;
        font-size: 27px;
        line-height: 1;
        font-weight: 400;
        color: #fff;
        text-shadow: 1px 1px 4px rgba(0, 0, 0, .7)
    }
}

.skew-wrapper .straight p {
    font-size: 14px;
    line-height: 1.2;
    color: #fff
}

@media (max-width:1199px) {
    .skew-wrapper {
        padding: 0 50px
    }

    .skew-wrapper:after,
    .skew-wrapper:before {
        display: none
    }

    .skew-wrapper .customcontainer.custom-css-add-container {
        display: block
    }
}

@media (max-width:767px) {
    .skew-wrapper.category-carousel.light-arrow.slick-initialized.slick-slider .slick-list {
        overflow: unset
    }

    .skew-wrapper {
        position: relative;
        overflow: visible;
        height: 240px;
        padding: 0
    }

    .skew-wrapper.custom-css-add .skew {
        width: 100% !important
    }

    .skew-wrapper.custom-css-add .skew.active {
        width: 100% !important
    }

    .skew-wrapper.category-carousel.light-arrow.slick-initialized.slick-slider {
        margin-bottom: 0
    }

    .skew-wrapper {
        position: relative;
        overflow: unset;
        height: auto
    }

    .skew-wrapper .skew {
        overflow: unset;
        display: block;
        width: 100%;
        height: 330px;
        position: relative;
        margin-bottom: 15px
    }

    .skew-wrapper .skew .straight-image {
        background-position: center;
        background-repeat: repeat
    }

    .skew-wrapper .straight-image {
        position: absolute;
        top: 0;
        height: 100%;
        width: 100%;
        transform: skew(0deg, 0)
    }

    .skew-wrapper .straight {
        position: absolute;
        transform: translate(-50%, -50%);
        text-align: center;
        top: 50%;
        left: 50%;
        z-index: 10;
        width: 100%
    }

    .skew-wrapper .straight .title {
        display: block;
        margin-bottom: 1em;
        font-size: 26px;
        line-height: 1;
        font-weight: 400;
        color: #fff;
        text-shadow: 1px 1px 4px rgba(0, 0, 0, .7)
    }

    .skew-wrapper .slick-dots {
        position: relative;
        bottom: 0;
        margin: 20px 0 0
    }

    .clientsays-section .blog-large-img {
        height: 250px
    }

    .clientsays-section .contentwrap-client {
        height: auto
    }

    .clientsays-section .contentwrap-client .innerwrap-client {
        height: auto
    }
}

 .clientsays-section .contentwrap-client .innerwrap-client h6{
    text-transform: capitalize !important;
 }

.leftrightsection .innerleftcontent .wite-button {
    padding: 10px 20px
}

.leftrightsection .innerleftcontent .wite-button:hover {
    color: #fff;
    background: #ffbc13
}

.leftrightsection .innerleftcontent a {
    margin-right: 10px
}

.leftrightsection .innerleftcontent a i {
    font-size: 17px;
    margin-right: 9px
}

.leftrightsection .innerleftcontent {
    background: url(../images/bg-flowers.jpg) no-repeat center center/cover;
    min-height: 350px
}

.leftrightsection.leftrighinner .innerleftcontent {
    min-height: 290px
}

.leftrightsection .bg-blue.innerleftcontent {
    background: #2a4666
}

.imageright img {
    height: 327px;
    object-fit: cover;
    width: 100%
}

.secondsectiom .imageright img {
    height: 425px;
    object-fit: cover
}

.secondsectiom .imageright iframe {
    height: 425px;
    object-fit: cover;
    width: 100%
}

.leftrightsection .bg-blue.innerleftcontent .widget-title:after {
    background-color: #fff
}

.leftrightsection .bg-blue.innerleftcontent .widget-title:before {
    border: 3px solid #fff
}

.leftrightsection .bg-blue.innerleftcontent .widget-title,
.leftrightsection .bg-blue.innerleftcontent p {
    color: #fff
}

.clientsays-section .wt-post-title {
    text-align: center
}

.clientsays-section .contentwrap-client {
    background: #f1f1f1;
    /*height: 320px*/
        padding-bottom: 0;
}

.clientsays-section .contentwrap-client .innerwrap-client {
    background: #fff;
    padding: 20px;
    position: relative;
    top: -30px;
    z-index: 999;
    padding-top: 35px;
    /*height: 335px*/
}
.clientsays-section .blog-post {
    min-height: auto;
}
.clientsays-section .contentwrap-client .client-image-round{
    position: relative;
    z-index: 1001;
}
.clientsays-section .contentwrap-client .client-image-round img {
    height: 120px;
    width: 120px;
    margin: auto;
    display: block;
    border-radius: 50%;
    z-index: 10;
    position: relative;
}
.clientsays-section .wt-post-text p {
      font-size: 13px !important;
    line-height: 1.5 !important;
    text-align: justify;
}

.clientsays-section .contentwrap-client .innerwrap-client:before {
    content: '';
    background: url(../images/icons/quoteicon.png) no-repeat center center/contain;
    width: 74px;
    height: 47px;
    display: inline-block;
    position: absolute;
    top: -22px;
    left: -11px;
    display: none;

}

.leftrightsection .owl-carousel .owl-nav {
    position: absolute;
    left: 50%;
    margin-left: -36px;
    bottom: 15px
}

.leftrightsection .owl-carousel .owl-nav>div {
    background: #fff;
    color: #2a4666;
    border: solid 1px #fff;
    opacity: 1;
    text-align: center
}

.preconstruction-features ul {
    display: flex;
    flex-wrap: wrap;
    list-style: none
}

.preconstruction-features ul li {
    max-width: 25%;
    text-align: center;
    flex: 25%
}

.preconstruction-features ul li label {
    font-size: 15px;
    color: #fff;
    display: block;
    font-weight: 500;
    text-transform: capitalize;
    margin-top: 13px;
    line-height: 1.2
}
.mosque-project-carousel .item h3 ,
.preconstruction-project-carousel .item h3 {
        font-size: 15px;
    margin: 10px 0 0;
    font-weight: 500;
    color: #000;
    min-height: 42px;
    line-height: 1.2 !important;
}

.mosque-project-carousel .item h3, .preconstruction-project-carousel .item img {
    width: 100%;
    height: 165px;
    object-fit: cover;
}
.preconstruction-project-carousel .item p {
    font-size: 13px;
    margin: 0 0 0;
    font-weight: 600;
    color: #000
}

.preconstruction-project-carousel .owl-nav {
    margin-top: 0
}

.preconstruction-project-carousel .owl-prev {
    position: absolute;
    left: -40px;
    top: 50%;
    margin-top: -30px;
    transform: rotate(180deg)
}

.preconstruction-project-carousel .owl-next {
    position: absolute;
    right: -40px;
    top: 50%;
    margin-top: -30px;
    transform: rotate(180deg)
}

.preconstruction-project-carousel .owl-next,
.preconstruction-project-carousel .owl-prev {
    background: 0 0;
    border: 0;
    color: #000;
    font-size: 38px;
    line-height: 1;
    font-weight: 400
}

.form-preconstruction .comment-respond input,
.preconstruction-banner .comment-respond input {
    background: #fff !important;
    color: #2a4666 !important;
    margin-bottom: 10px
}

.form-preconstruction .comment-respond textarea,
.preconstruction-banner .comment-respond textarea {
    background: #fff !important;
    color: #2a4666 !important;
    margin-bottom: 10px;
    padding-left: 10px !important;
    height: 140px;
    border: solid 1px !important
}

.form-preconstruction .comment-respond ::-webkit-input-placeholder,
.preconstruction-banner .comment-respond ::-webkit-input-placeholder {
    color: #2a4666 !important
}

.form-preconstruction .comment-respond ::-moz-placeholder,
.preconstruction-banner .comment-respond ::-moz-placeholder {
    color: #2a4666 !important
}

.form-preconstruction .comment-respond :-ms-input-placeholder,
.preconstruction-banner .comment-respond :-ms-input-placeholder {
    color: #2a4666 !important
}

.form-preconstruction .comment-respond :-moz-placeholder,
.preconstruction-banner .comment-respond :-moz-placeholder {
    color: #2a4666 !important
}

.form-preconstruction .section-head h3 {
    color: #2a4666
}

.form-preconstruction .section-head h5 {
    color: #2a4666;
    border: 0;
    padding-bottom: 20px;
    margin-top: 8px
}

.form-preconstruction .blue-button {
    width: 100%;
    padding: 10px;
    font-size: 17px
}

.form-preconstruction .agree-wrapper label {
    text-align: left
}

.form-preconstruction .agree-wrapper label a {
    color: #fff
}

.preconstruction-banner div.section-head h5 {
    margin: 0 0 0;
    padding: 0 0 0;
    font-size: 14px;
    border-bottom: 0
}

.preconstruction-banner div.section-head a {
    padding: 10px 15px
}

.preconstruction-banner:before {
    display: none !important
}

.preconstruction-banner div.section-head h3 {
    color: #2a4666;
    font-size: 37px;
    line-height: 1.1;
    font-weight: 700;
    margin-bottom: 10px
}

.preconstruction-banner input[type=checkbox]:checked+label:after {
    font-size: 0;
    left: 6px;
    top: 7px
}

.preconstruction-banner .checkboxes-wrapper .checkbox-item input[type=checkbox]:checked+label:before,
.preconstruction-banner .checkboxes-wrapper .checkbox-item input[type=radio]:checked+label:before {
    left: 20px
}

.preconstruction-banner .checkboxes-wrapper .checkbox-item input[type=checkbox]+label:before,
.preconstruction-banner .checkboxes-wrapper .checkbox-item input[type=radio]+label:before {
    border: solid 1px #2a4666;
    left: 20px
}

.preconstruction-banner .checkboxes-wrapper .checkbox-item input[type=checkbox]:checked+label:before,
.preconstruction-banner .checkboxes-wrapper .checkbox-item input[type=radio]:checked+label:before {
    border-top-color: transparent !important;
    border-left-color: transparent !important
}

.preconstrtion-featured .even-box,
.preconstrtion-featured .odd-box {
    min-height: 325px;
    transition: all ease .6s
}

.preconstrtion-featured .even-box:hover,
.preconstrtion-featured .odd-box:hover {
    box-shadow: 2px 1px 9px 1px rgba(0, 0, 0, .2);
    transition: all ease .6s;
    transform: scale(1.05);
    background: #fff !important;
    z-index: 999;
    position: relative
}

.preconstrtion-featured .odd-box {
    background: rgba(255, 255, 255, .7)
}

.preconstrtion-featured .even-box {
    background: rgba(242, 242, 242, .7)
}

.form-termspolicy {
    margin: 10px 0 0;
    line-height: 1.5;
    text-align: center
}

.form-termspolicy a {
    color: #ffbc13
}

@media only screen and (min-width:767px) {
    .wrapper-services {
        padding-right: 30px
    }
}

.preconstrtion-featured .wt-icon-box-wraper {
    border: 0;
    box-shadow: none !important;
    transform: scale(1) !important;
    padding: 0 25px 10px
}

.preconstrtion-featured.infographics .wt-icon-box-wraper .wt-tilte {
    min-height: auto;
    font-size: 16px
}

.preconstrtion-featured.infographics .icon-content p {
    font-size: 13px;
    text-align: justify
}

.preconstrtion-featured .icon-infographic img {
    height: auto
}

.productform-banner.form-preconstruction .comment-respond input {
    background: #2a4666 !important;
    color: #fff !important;
    margin-bottom: 10px
}

.productform-banner.form-preconstruction .comment-respond textarea {
    background: #2a4666 !important;
    color: #fff !important;
    margin-bottom: 10px;
    padding-left: 10px !important;
    height: 140px;
    border: solid 1px !important
}

.productform-banner.form-preconstruction .comment-respond ::-webkit-input-placeholder {
    color: #fff !important
}

.productform-banner.form-preconstruction .comment-respond ::-moz-placeholder {
    color: #fff !important
}

.productform-banner.form-preconstruction .comment-respond :-ms-input-placeholder {
    color: #fff !important
}

.productform-banner.form-preconstruction .comment-respond :-moz-placeholder {
    color: #fff !important
}

.productform-banner.form-preconstruction .section-head h3 {
    color: #fff
}

.productform-banner.form-preconstruction .section-head h5 {
    color: #fff;
    border: 0;
    padding-bottom: 20px;
    margin-top: 8px
}

.productform-banner.form-preconstruction .wite-button {
    width: 100%;
    padding: 10px;
    font-size: 17px
}

.productform-banner.form-preconstruction .wite-button:hover {
    background: #ffbc13
}

.productform-banner.form-preconstruction .agree-wrapper label {
    text-align: left
}

.productform-banner.form-preconstruction .agree-wrapper label a {
    color: #ffbc13
}

@media (max-width:767px) {
    .banner-main .banner-content p {
        width: 90%
    }

    .banner-main .banner-content h1 {
        font-size: 24px
    }

    .artwork-section .text-center.section-head p {
        max-width: 100%
    }

    .preconstruction-banner:before {
        content: '';
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        top: 0;
        background: rgba(183, 183, 183, .5)
    }

    .preconstruction-banner .checkboxes-wrapper .checkbox-item input[type=checkbox]+label,
    .preconstruction-banner .checkboxes-wrapper .checkbox-item input[type=radio]+label {
        color: #fff !important
    }

    .preconstruction-project-carousel .owl-next {
        left: inherit;
        right: 0
    }

    .preconstruction-project-carousel .owl-prev {
        right: inherit;
        left: 0
    }
}

@media (max-width:500px) {
    .preconstruction-features ul li {
        max-width: 100%;
        flex: 100%
    }

    .banner-main {
        height: 400px
    }
}

.readmore-text {
    color: #ffbc13;
    font-weight: 600;
    display: block
}

.ypt_wrapper {
    position: relative;
    padding: 65px;
    height: auto;
    display: block;
    padding-bottom: 55.25%
}

.ypt_wrapper:before {
    content: '';
    border-left: 6px solid #ffbc13;
    border-top: 6px solid #ffbc13;
    width: 100px;
    height: 100px;
    display: block;
    position: absolute;
    left: 20px;
    top: 20px;
    z-index: 9999
}

.ypt_wrapper:after {
    content: '';
    border-right: 26px solid #ffbc13;
    border-bottom: 26px solid #ffbc13;
    width: 120px;
    height: 120px;
    display: block;
    position: absolute;
    right: 20px;
    bottom: 20px;
    z-index: 9999
}

.bluecolor.text-black {
    color: #2a4666
}

.largebutton button {
    padding: 11px 40px;
    font-size: 16px
}

.playlist-videos {
    padding: 0 15px
}

.playlist-videos .embed-container {
    position: relative;
    padding-bottom: 55.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
    width: 100%;
    float: left;
    margin-right: 2%
}

.playlist-videos .embed-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.playlist-videos .ytpl--thumbs {
    max-width: 100%;
    box-sizing: border-box;
    display: inline;
    margin: 0;
    padding: 0;
    border: 0
}

.playlist-videos .ytpl--thumbs li {
    list-style: none;
    position: relative;
    float: left;
    width: 100%;
    line-height: 0;
    margin: 0;
    margin-bottom: 15px;
    height: 140px
}

.playlist-videos .ytpl--thumbs li img {
    width: 100%;
    height: 140px;
    object-fit: cover
}

.playlist-videos .ytpl--thumbs p {
    display: block;
    position: absolute;
    margin: 0;
    left: 0;
    right: 0;
    text-align: center;
    background: #00000094;
    width: 100%;
    line-height: 1.3;
    color: #fff;
    bottom: 0
}

.playlist-videos .ytpl-flexslider {
    width: 30%;
    float: left
}

.playlist-videos .ytpl--thumbs button {
    background: 0 0;
    padding: 0;
    margin: 0;
    border: 0;
    line-height: 0;
    opacity: 4;
    transition: all .5s ease;
    width: 100%
}

.playlist-videos .ytpl--thumbs button:hover {
    cursor: pointer;
    opacity: 1
}

.playlist-videos .ytpl-playing p {
    display: block
}

.playlist-videos #ytpl-desc,
.playlist-videos #ytpl-title {
    display: none
}

footer .icon-content p {
    min-height: 20px;
    margin-bottom: 0
}

.header-callusicon {
    width: 290px;
    position: relative;
    margin: auto
}

.header-callusicon i {
    display: inline-block;
    background: #ffc229;
    width: 55px;
    height: 55px;
    line-height: 50px;
    position: absolute;
    font-size: 42px;
    border: solid 2px #2a4666;
    border-radius: 50%;
    left: 0;
    right: 0;
    margin: auto;
    color: #2a4666;
    top: -35px
}

.header-callusicon h3 {
    color: #fff;
    background: #2a4666;
    padding: 25px 10px 15px;
    margin-bottom: 25px
}

.header-callusicon h3 label {
    display: block;
    color: #fff;
    font-size: 22px;
    margin-bottom: 5px
}

.header-callusicon h3 a {
    display: block;
    font-size: 22px;
    color: #fff;
    margin-bottom: 5px
}

.productform-banner .header-callusicon h3 {
    background: #ffc229
}

.productform-banner .header-callusicon i {
    background: #2a4666;
    border: solid 2px #ffc229;
    color: #ffc229;
    top: -35px
}

.thankyouwrapper {
    position: relative
}

.thankyouwrapper:before {
    background: #2b4766;
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, .5);
    z-index: 9
}

.thankyouwrapper .container {
    position: relative;
    z-index: 9
}

.thankyouwrapper .wt-bnr-inr-entry h1 {
    margin-bottom: 7px;
    margin-top: 10px
}

.thankyouwrapper .wt-bnr-inr-entry p {
    color: #fff;
    font-size: 16px;
    margin-bottom: 20px;
    width: 60%;
    margin: 0 auto 20px
}

.thankyouwrapper .wt-bnr-inr-entry p a {
    color: #ffc229
}

.thankyouwrapper .wt-bnr-inr-entry i {
    color: #fff;
    font-size: 45px
}

.thankyoufeatured .wt-post-text p {
    text-align: center;
    color: #2b4766;
    font-size: 16px;
    line-height: 1.4
}

.thankyoufeatured .wt-post-title h3 {
    color: #2b4766;
    text-align: center;
    font-size: 19px
}

.thankyoufeatured .wt-post-title {
    position: relative;
    margin-top: 30px
}

.thankyoufeatured .wt-post-title:before {
    content: "";
    position: absolute;
    top: -25px;
    left: 50%;
    height: 3px;
    width: 70px;
    margin: 10px 0 10px -35px;
    background-color: #2b4766
}

.thankyoupageservices img {
    height: 220px;
    object-fit: cover
}

.thankyoufeatured .blog-post {
    box-shadow: 2px 1px 9px 1px rgba(0, 0, 0, .2);
    transition: all ease .6s;
    transform: scale(1.05)
}

.architecture-banner a {
    padding: 10px 15px
}

.architecture-banner a i {
    font-size: 19px;
    vertical-align: middle
}

.architecture-banner:before {
    display: none
}

.architecture-banner-about {
    background: url(../images/architecture-about-banner.jpg) no-repeat center center/cover
}

.architecture-banner-about .text-center.section-head p {
    color: #000;
    font-weight: 500;
    font-size: 18px
}

.architectural-services .wrapper-services .icon-wrap-service {
    width: 100px;
    height: 100px;
    background: #f0f0f0;
    border-radius: 50%;
    text-align: center;
    line-height: 1;
    margin: auto auto 40px;
    padding-top: 21px;
    position: relative
}

.architectural-services .wrapper-services .icon-wrap-service:before {
    content: '';
    background: #2a4666;
    width: 60px;
    height: 4px;
    display: inline-block;
    position: absolute;
    bottom: -26px;
    left: 0;
    right: 0;
    margin: auto
}

.architectural-services .wrapper-services .icon-wrap-service img {
        height: 55px;
    width: 55px;
    object-fit: contain;
}

.architectural-services .wrapper-services {
    padding: 7px 0
}

.keyfeatures.architectural-services .wrapper-services:hover {
    box-shadow: 2px 1px 9px 1px rgba(0, 0, 0, .2);
    transition: all ease .6s;
    transform: scale(1.05);
    background: #fff !important;
    z-index: 999;
    position: relative
}

.architectural-services .wrapper-services h3 {
    font-size: 15px;
    color: #2a4666;
    text-transform: capitalize;
    text-align: center;
    margin-bottom: 10px
}
.architectural-services .wrapper-services h2 {
    font-size: 18px;
    color: #2a4666;
    text-transform: capitalize;
    text-align: center;
    margin-bottom: 10px
}

iframe.servicesvideos {
    width: 100%;
    height: 420px
}

.architectural-services .wrapper-services p {
    font-size: 14px;
    color: #000;
    line-height: 1.3;
    text-align: center;
    padding: 0 0 15px
}

.for-architecturepage.architectural-services .wrapper-services p {
    padding: 0 4px;
    font-size: 13px
}

.architectural-services [class*=col-md-]:nth-child(even) .wrapper-services .icon-wrap-service:before {
    background: #ffbc13
}

.clientsays-testimonials .wt-post-title {
    background: #2a4666;
    color: #fff;
    margin: 0;
    padding: 10px;
    font-size: 18px
}

.clientsays-testimonials .wt-post-title h6 {
    color: #fff;
    font-size: 16px
}

.clientsays-testimonials .contentwrap-client .innerwrap-client {
    position: relative;
    top: 0;
    background: #f0f0f0;
    height: 260px;
    z-index: 9
}

.clientsays-testimonials .contentwrap-client .innerwrap-client p {
    font-size: 14px;
    color: #000;
    line-height: 1.3
}

.clientsays-section.clientsays-testimonials .contentwrap-client .innerwrap-client:before {
    width: 36px;
    height: 26px;
    top: initial;
    left: 0;
    bottom: -1px
}

.clientsays-testimonials.clientsays-section .contentwrap-client {
    box-shadow: 2px 1px 9px 1px rgba(0, 0, 0, .2);
    height: auto
}

.clientsays-testimonials.clientsays-section .contentwrap-client .wt-post-title {
    position: relative
}

.clientsays-testimonials.clientsays-section .contentwrap-client .wt-post-title:before {
    content: '';
    background: url(../images/arrow-down.png) no-repeat center center/contain;
    display: inline-block;
    position: absolute;
    left: 8px;
    bottom: -30px;
    z-index: 99999999;
    width: 49px;
    height: 35px
}

.projectsection-new .owl-nav .owl-prev {
    left: -15%;
    position: absolute;
    top: 50%;
    margin-top: -20px;
    background: 0 0;
    border: 0;
    color: #fff;
    opacity: 1;
    font-size: 40px;
    font-weight: 100
}

.projectsection-new .owl-nav .owl-next {
    right: -15%;
    position: absolute;
    top: 50%;
    margin-top: -20px;
    background: 0 0;
    border: 0;
    color: #fff;
    opacity: 1;
    font-size: 40px;
    font-weight: 100
}

.projectsection-new .contact-form .wite-button {
    background: #294666;
    color: #fff
}

.residential-banner-about {
    background: #f3f3f3
}

.residential-banner-about ul{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    flex-direction: row;
    padding-top: 20px;
}

.residential-banner-about ul li{
    flex: 20%;
    list-style: none;
}

@media only screen and (max-width:760px){
    .residential-banner-about ul li{
        flex: 50%;
    }

}

.residential-banner-about ul li img{
    padding: 10px;
}

.residential-services .architectural-services .wrapper-services .icon-wrap-service {
    width: 65px;
    height: 65px;
    background: 0 0;
    line-height: 1;
    border: solid 2px #fff;
    padding-top: 15px;
        padding-top: 15px;
    margin-bottom: 0;
}

.residential-services .architectural-services .wrapper-services .icon-wrap-service img {
    height: 33px;
    object-fit: contain;
        width: 33px;
}

.residential-services .architectural-services .wrapper-services h3 {
    color: #fff !important;
    text-align: left;
    margin-bottom: 10px;
    margin-top: 0
}

.residential-services .architectural-services .wrapper-services p {
font-size: 13px;
    color: #fff;
    text-align: left;
    margin-bottom: 0;
    padding-right: 0;
}

.residential-services .architectural-services .wrapper-services .icon-wrap-service:before {
    display: none
}

.residential-services .productbannerforn {
    background: #fff;
    border: 0;
    border-radius: 6px;
    margin-bottom: 0;
}

.residential-services .productbannerforn h3 {
    font-size: 15px;
    color: #172b4d;
    margin: 0 0 15px;
    text-shadow: none;
    text-align: center;
    padding-bottom: 10px;
    border-bottom: solid 1px #8898aa
}
.residential-services .productbannerforn .form-group {
    margin-bottom: 16px;
}
.residential-services .productbannerforn input {
  border: solid 1px transparent;
    font-size: 13px;
    margin-bottom: 10px;
    background: #f4f4f4;
    box-shadow: 0 2px 4px rgba(23, 23, 23, .18);
    color: #172b4d;
    height: 38px;
}

.residential-services .productbannerforn ::-webkit-input-placeholder {
    color: #2b4766;
    font-size: 14px
}

.residential-services .productbannerforn ::-moz-placeholder {
    color: #2b4766;
    font-size: 14px
}

.residential-services .productbannerforn :-ms-input-placeholder {
    color: #2b4766;
    font-size: 14px
}

.residential-services .productbannerforn :-moz-placeholder {
    color: #2b4766;
    font-size: 14px
}

.residential-services input[type=checkbox]+label:before {
    border: 1px solid #294666;
    margin-left: 0
}

.residential-services input[type=checkbox]:checked+label:after {
    font-size: 0
}

.residential-features .card-box-wrap {
    box-shadow: 2px 1px 9px 1px rgba(0, 0, 0, .2);
    position: relative;
    transition: all ease .6s
}

.residential-features .card-box-wrap:hover {
    box-shadow: 2px 1px 9px 1px rgba(0, 0, 0, .2);
    transition: all ease .6s;
    transform: scale(1.05)
}

.residential-features .precastproducts-page img {
    box-shadow: 2px 1px 9px 1px rgba(0, 0, 0, .2)
}

.residential-features .precastproducts-page .card-box-wrap {
    box-shadow: none
}

.residential-features .card-box-wrap img {
        width: 100%;
    height: 230px;
    object-fit: cover;
}

.residential-features .kanal-services .card-box-wrap img{
    height: 300px;
}

.residential-features .kanal-services .content-box-wrapp a{
text-transform: capitalize !important;
}

@media (max-width:480px){
    .residential-features .kanal-services .content-box-wrapp a{
        margin-top: 10px;
    }
}

.residential-features .precastproducts-page .card-box-wrap .content-box-wrapp {
    background: #ececec
}



.residential-features .card-box-wrap .content-box-wrapp {
    background: #f1f1f2;
    text-align: center;
    padding: 15px
}

.residential-features .card-box-wrap .content-box-wrapp h4 {
    margin-bottom: 0
}

.residential-features .card-box-wrap .content-box-wrapp p {
    color: #2b4766;
    font-size: 14px;
    line-height: 1.3;
    margin-bottom: 10px;
    min-height: 175px
}



.newfeature-class.residential-features .card-box-wrap .content-box-wrapp p {
    min-height: 195px
}

.fullimg-graybg {
    background: #ebeef0;
    padding: 3%
}

.stats-section h3 {
    display: inline-block;
    color: #2b4766;
    font-size: 52px;
    font-weight: 600;
    vertical-align: middle
}

.stats-section span {
    color: #b4b4b4;
    font-size: 20px;
    vertical-align: middle;
    display: inline-block;
    width: 75px;
    line-height: .9
}

.stats-section .numbertk {
    color: #2a4666;
    font-size: 25px;
    margin-top: 15px;
    display: inline-block;
    vertical-align: middle
}

.stats-section .numbertk i {
    margin-right: 10px
}

.stats-section .site-button {
    border-radius: 30px;
    margin-left: 10px;
    vertical-align: middle;
    margin-top: 13px
}

.d-flex {
    display: flex
}

.h-100 {
    height: 100%
}

.industrial-bg-white {
    background: url(../images/reachonline-bg.png) no-repeat center center/cover;
    min-height: 340px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative
}

@media (max-width:767px) {
    .playlist-videos .embed-container {
        max-width: 100%;
        width: 100%;
        margin-right: 0;
        padding-bottom: 60.25%
    }

    .clientsays-text:after,
    .playlistheading:after {
        display: none !important
    }

    .playlist-videos .ytpl-flexslider {
        display: none
    }

    .residential-services .architectural-services .wrapper-services .icon-wrap-service {
        margin: auto auto 0
    }

    .residential-services .architectural-services .wrapper-services h3,
    .residential-services .architectural-services .wrapper-services p {
        text-align: center;
        margin-top: 15px;
    }

    .leftrightsection .d-flex {
        display: block
    }

    .leftrightsection {
        padding: 0 15px
    }

    .leftrightsection .d-flex .fullimg-graybg {
        padding: 0
    }

    .leftrightsection .d-flex .left-1 {
        padding: 0;
        height: auto
    }

    .imageright {
        padding: 0
    }

    .leftrightsection {
        margin-top: 30px
    }

    .banner-inner .banner-content h1 span {
        font-size: 25px
    }

    .leftrightsection .innerleftcontent a,
    .whychossen a {
        margin-bottom: 15px
    }

    .leftrightsection .innerleftcontent {
        padding: 30px
    }

    .leftrightsection .bg-blue.innerleftcontent {
        padding: 30px 30px 70px;
        min-height: auto;
        height: auto
    }

    .leftrightsection .innerleftcontent .wite-button {
        padding: 10px 10px;
        margin-top: 10px
    }

    .banner-inner .banner-content h1 {
        font-size: 28px
    }

    .banner-inner .banner-content p {
        width: 90%;
        margin: 10px auto 25px
    }

    .banner-inner .banner-content a {
        margin-bottom: 10px
    }

    .modal {
        padding-right: 0 !important
    }
}

.bannertextleft {
    text-align: left !important
}

.bannertextleft p {
    margin: 20px 0 30px !important
}

.contactus-wrapper .contactus-inner {
    box-shadow: 3px 3px 12px rgba(0, 0, 0, .14);
    background: #fff
}

.contactus-wrapper .form-wrapper-contactus {
    padding: 50px 50px 90px;
    position: relative
}

.contactus-wrapper .form-wrapper-contactus h3 {
    font-size: 26px;
    font-weight: 500;
    font-family: 'Roboto', sans-serif !important;
    margin-bottom: 10px;
    border-bottom: solid 1px #f1f1f1;
    padding-bottom: 11px
}

.contactus-wrapper .form-wrapper-contactus form label {
    color: #aaa;
    font-size: 15px;
    font-weight: 600;
    line-height: 25px;
    margin-bottom: 0;
    display: block;
    padding-left: 5px
}

.contactus-wrapper .form-wrapper-contactus form input {
    border: 0;
    padding: 5px;
    height: 34px;
    color: #2a4666;
    background: 0 0;
    border-bottom: solid 1px #f1f1f1;
    margin-bottom: 10px;
    font-size: 18px;
    font-weight: 600
}

.contactus-wrapper .form-wrapper-contactus form textarea {
    border: 0;
    padding: 5px;
    color: #2a4666;
    background: 0 0;
    border-bottom: solid 1px #f1f1f1;
    margin-bottom: 10px;
    font-size: 18px;
    font-weight: 600
}

.contactus-wrapper .form-wrapper-contactus form input::-webkit-input-placeholder,
.contactus-wrapper .form-wrapper-contactus form textarea::-webkit-input-placeholder {
    font-size: 15px;
    color: #2a4666;
    font-weight: 400;
    font-style: italic
}

.contactus-wrapper .form-wrapper-contactus form input::-moz-placeholder,
.contactus-wrapper .form-wrapper-contactus form textarea::-moz-placeholder {
    font-size: 15px;
    color: #2a4666;
    font-weight: 400;
    font-style: italic
}

.contactus-wrapper .form-wrapper-contactus form input:-ms-input-placeholder,
.contactus-wrapper .form-wrapper-contactus form textarea:-ms-input-placeholder {
    font-size: 15px;
    color: #2a4666;
    font-weight: 400;
    font-style: italic
}

.contactus-wrapper .form-wrapper-contactus form input:-moz-placeholder,
.contactus-wrapper .form-wrapper-contactus form textarea:-moz-placeholder {
    font-size: 15px;
    color: #2a4666;
    font-weight: 400;
    font-style: italic
}

.contactinfo-wrap {
    padding: 40px;
    background: #2a4666;
    color: #fff
}

.contactinfo-wrap ul {
    padding: 0;
    margin: 0
}

.contactinfo-wrap ul li {
    display: block;
    margin-bottom: 20px
}

.contactinfo-wrap ul li .detail-item {
    position: relative
}

.contactinfo-wrap ul li .detail-item i {
    font-size: 26px;
    position: absolute;
    left: 5px;
    top: 5px
}

.contactinfo-wrap ul li .detail-item p {
    padding-left: 46px;
    color: #fff
}

.contactinfo-wrap ul li .detail-item p a {
    display: block;
    margin-bottom: 2px;
    color: #fff;
    font-weight: 300;
    font-size: 13px;
    line-height: 1.5
}

.submtbtn-contact {
    text-transform: uppercase;
    padding: 6px 20px;
    background: #ffbc13;
    border: solid 1px #ffbc13;
    box-shadow: 3px 3px 6px rgba(0, 0, 0, .14);
    color: #fff;
    font-size: 19px
}

.services-contactus {
    padding: 110px 0
}

.service-contactitem {
    height: 250px;
    position: relative
}

.service-contactitem img {
    object-fit: cover;
    width: 100%;
    height: 250px
}

.service-contactitem:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(42, 70, 102, .7)
}

.service-contactitem h3 {
    font-size: 26px;
    line-height: 40px;
    font-weight: 300;
    position: absolute;
    top: 50%;
    text-align: center;
    width: 100%;
    color: #fff;
    margin: 0;
    margin-top: -15px
}

.contactuspage-banner {
    height: 600px
}

.contactuspage-banner .banner-content {
    margin-top: 15%
}

.contactus-form-banner {
    position: relative;
    padding-bottom: 330px
}

.contactus-form-banner .contactus-wrapper {
    position: absolute;
    top: 38%;
    left: 0;
    right: 0
}

@media only screen and (max-width:1200px) {
    .contactuspage-banner {
        height: 300px
    }

    .contactus-form-banner .contactus-wrapper {
        top: 14%
    }

    s .contactus-wrapper .form-wrapper-contactus {
        padding: 32px 30px 40px
    }

    .contactinfo-wrap {
        padding: 20px
    }

    .contactus-form-banner {
        padding-bottom: 280px
    }

    .widget.widget_services {
        padding-left: 20px
    }
}

@media only screen and (max-width:992px) {
    .contactus-wrapper .contactus-inner .d-flex {
        display: block !important;
        padding: 0 15px
    }

    .contactus-form-banner .contactus-wrapper {
        position: static;
        margin-top: -230px
    }

    .contactus-wrapper .contactus-inner .d-flex [class*=col-md-] {
        background: #fff
    }

    .contactus-form-banner {
        padding-bottom: 40px
    }
}

@media only screen and (max-width:767px) {
    .service-contactitem a img {
        width: 100%;
        height: 250px;
        object-fit: cover
    }

    .contactus-wrapper .form-wrapper-contactus {
        padding: 12px 10px 20px
    }

    .contactinfo-wrap {
        padding: 16px
    }
}

.checkbox-wrap {
    display: block;
    position: relative;
    padding: 4px 0 4px 40px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    line-height: 1;
    border: solid 1px transparent;
    -webkit-transition: all ease .4s;
    -o-transition: all ease .4s;
    transition: all ease .4s
}

.checkbox-wrap input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 9;
    top: 0;
    margin: 0
}

.checkbox-wrap .checkbox_checkmark {
    position: absolute;
    top: 5px;
    margin-bottom: 0;
    left: 7px;
    height: 20px;
    width: 20px;
    border-radius: 3px;
    -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, .13);
    box-shadow: 0 3px 8px rgba(0, 0, 0, .13);
    background: #fff
}

.checkbox-wrap .checkbox_checkmark:before {
    display: none !important
}

.checkbox-wrap .checkbox_checkmark:after {
    content: "";
    position: absolute;
    display: none;
    border: solid #fff;
    width: 11px;
    height: 25px;
    border-width: 0 4px 4px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    left: 8px !important;
    top: -7px !important;
    border-color: #3ba500
}

.checkbox-wrap:hover {
    -webkit-transition: all ease .4s;
    -o-transition: all ease .4s;
    transition: all ease .4s
}

.checkbox-wrap input:checked~.checkbox_checkmark:after {
    display: block
}

.heading-border .left-heading {
    padding: 45px 45px 45px 15px;
    border-right: solid 3px #ffbc13
}

.heading-border .left-heading h2 {
    font-size: 48px;
    text-transform: uppercase;
    color: #2b2b2b;
    line-height: 1;
    display: block
}

.heading-border .left-heading h2 span {
    font-weight: 300;
    display: inline-block
}

.heading-border .right-heading {
    padding: 45px 15px 45px 45px
}

.heading-border .right-heading p {
    font-size: 16px;
    line-height: 1.2;
    color: #2b2b2b
}

.heading-border {
    background: #ececec
}

.right-line {
    position: relative
}

.right-line:before {
    content: '';
    border-bottom: solid 3px #f5f6f6;
    position: absolute;
    right: -160px;
    height: 100%;
    top: 0;
    transform: rotate(-65deg);
    left: 0
}

.forgotmodal {
    text-align: center
}

.product-modal .forgotmodal .leftcontent-prodct h3 {
    font-family: Poppins, sans-serif !important;
    font-size: 27px;
    font-weight: 700;
    color: #fff;
    margin: 25px 0 10px
}

.product-modal .forgotmodal .leftcontent-prodct p {
    color: #fff;
    font-size: 17px;
    margin-top: 0;
    font-weight: 300;
    margin-bottom: 10px
}

.product-modal .forgotmodal .input-group {
    position: relative;
    width: auto;
    margin: auto
}

.product-modal .forgotmodal .input-group i {
    color: #1f3a5f;
    position: absolute;
    left: 10px;
    z-index: 999;
    top: 12px;
    font-size: 16px
}

.product-modal .forgotmodal .input-group .forgotemailfield {
    padding-left: 35px !important;
    background: #fff;
    border: solid 1px #172b4d;
    width: 270px;
    padding: 7px;
    border-radius: 5px;
    color: #172b4d
}

.emailsent-page {
    background: #2a4666;
    position: relative;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column
}

.emailsent-page:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: .3;
    background: url(../images/login-bg.jpg) no-repeat;
    background-size: cover;
    background-position: center
}

.emailsent-page .emailsent-wrapper {
    width: 100%
}

.emailsent-page .emailsent-wrapper .image-frame-sent {
    text-align: center
}

.emailsent-page .emailsent-wrapper .image-frame-sent img {
    padding: 10px 45px;
    height: 130px
}

.emailsent-page .emailsent-wrapper .image-frame-sent img.right-image {
    height: 85px
}

.emailsent-page .emailsent-wrapper .image-frame-sent img.left-image {
    border-right: solid 3px #fff
}

.emailsent-page .emailsent-wrapper .image-frame-sent h3 {
    font-family: Poppins, sans-serif !important;
    font-size: 27px;
    font-weight: 700;
    color: #fff;
    margin: 25px 0 10px;
    text-transform: uppercase
}

.emailsent-page .emailsent-wrapper .image-frame-sent p {
    color: #fff;
    font-size: 17px;
    margin-top: 0;
    font-weight: 300;
    margin-bottom: 10px
}

#content_error p {
    font-size: 13px;
    margin-top: 0;
    text-align: left;
    margin-bottom: 12px;
    font-style: italic;
    font-family: Poppins, sans-serif !important;
    position: relative;
    top: -9px
}

@media only screen and (min-width:768px) {
    .newpassword .form-wrap {
        margin: 110px auto 130px
    }
}

.agree-wrapper {
    display: none
}

@media only screen and (max-width:992px) {
    .skew-wrapper .customcontainer.custom-css-add-container {
        height: auto;
        padding: 0 15px
    }

    .skew-wrapper.custom-css-add .skew.min {
        width: 100% !important
    }
}

@media only screen and (max-width:767px) {
    .banner-inner {
        height: 400px
    }

    .heading-border .left-heading {
        padding: 5px 25px 5px 5px;
        border-right: 0;
        border-bottom: solid 3px #ffbc13
    }

    .heading-border .left-heading h2 {
        font-size: 35px;
        margin: 10px 0
    }

    .heading-border .right-heading {
        padding: 25px 15px 0 25px
    }

    .heading-border {
        padding-bottom: 20px;
        padding-top: 20px;
        margin-bottom: 20px
    }

    .carousel-indicators {
        bottom: -10px
    }
}





.property {
    background: #fff;
    position: relative;
    margin-bottom: 30px;
    overflow: hidden;
    box-shadow: 0 0 0 0 rgba(0, 0, 0, .1), 0 3px 3px 0 rgba(0, 0, 0, .1)
}

.property:hover {
    box-shadow: 0 0 0 0 rgba(0, 0, 0, .1), 0 3px 10px 2px rgba(0, 0, 0, .1)
}

.property-img {
    position: relative;
    display: block;
    overflow: hidden
}

.property-img img {
    height: 256.6px;
    width: 100%;
    object-fit: cover;
}

.property-tag {
    position: absolute
}

.property-tag.sale {
    right: 15px;
    bottom: 15px
}

.property-tag.sale a {
    text-decoration: none;
    color: #fff
}

.property-tag.featured {
    left: 15px;
    margin-top: 15px
}

.property-price {
    color: #fff;
    position: absolute;
    font-size: 17px;
    bottom: 15px;
    left: 15px;
    z-index: 20;
    background-color: rgba(0, 0, 0, .5);
    padding: 0 10px;
    border-radius: 3px
}

.property .button,
input[type="submit"] {
    font-size: 10px;
    font-weight: 600;
    padding: 6px 14px;
    border-radius: 2px;
    color: #fff;
    border: none;
    background-color: rgba(0, 0, 0, .5);
    text-transform: uppercase;
    letter-spacing: 1px;
    display: inline-block;
    z-index: 20
}

.property-content {
    padding: 5px 20px 10px
}

.property-content .title {
    margin: 0 0 10px;
    font-size: 15px;
    font-weight: 600;
    font-family: futura_cbold;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.property-content .title a {
    color: #ee3135
}

.property-content .title a:hover {
    color: #787878
}

.property-content p {
    margin: 10px 0 20px
}

.ratings {
    color: orange;
    font-size: 12px
}

.property-content .property-address {
    margin: 0 0 15px
}

.property-content .property-address a {
    font-size: 13px;
    color: #4a4747
}

.property-content .property-address a i {
    margin-right: 10px
}

.property-content .facilities-list {
    padding: 0;
    margin: 0;
    list-style: none
}

.property-content .facilities-list li {
    width: 33%;
    float: left;
    font-size: 13px;
    line-height: 29px
}

.property-content .facilities-list li i {
    margin-right: 3px;
    font-size: 13px;
    font-weight: 700;
    color: #ee3135
}

.property-content.plan-page.fe-li .facilities-list li {
    width: 16.66%;
    float: left;
    font-size: 16px;
    line-height: 29px;
    text-align: center;
    font-family: futura_med
}

.property-content.plan-page .facilities-list li {
    float: left;
    font-size: 16px;
    line-height: 29px;
    text-align: center;
    font-family: futura_med
}


.property-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0);
    transition: background 0.5s ease
}

.property-overlay {
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer
}

.overlay-link {
    color: #fff;
    border: 2px solid #FFF;
    border-radius: 50%;
    width: 36px;
    height: 36px;
    line-height: 36px;
    font-size: 12px;
    text-align: center;
    margin: 3px;
    cursor: pointer;
    display: none
}
.overlay-link i{
    font-size: 19px;
}
.overlay-link:not([href]):not([tabindex]),
.overlay-link:not([href]):not([tabindex]):hover {
    color: #fff
}

.overlay-link:hover {
    color: #fff
}

.property-img:hover .property-overlay {
    background-color: rgba(0, 0, 0, .5)
}

.property-img:hover .overlay-link {
    display: inline-block
}



.common-black-overlay{
    position: relative;
}
.common-black-overlay:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.6);
}


.whiteoverlay:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(255, 255, 255, 0.48);
}
marquee {
    -webkit-animation: caption 50s linear 0s infinite;
    padding: 15px 0;
    background-color: #;
    -webkit-transition: background-color 350ms;
    -moz-transition: background-color 350ms;
    transition: background-color 350ms;
    overflow: hidden;
    overflow-x: -webkit-marquee;
    -webkit-marquee-direction: right;
    -webkit-marquee-style: scroll;
    -webkit-marquee-speed: normal;
    -webkit-marquee-increment: small;
    -webkit-marquee-repetition: 5;
    overflow-x: marquee-line;
    marquee-direction: forward;
    marquee-style: loop;
    marquee-speed: slow;
    marquee-play-count: 5;
    color: #ffffff;
    background: #2a4666;
    font-size: 18px;
}


.circle-testimonial-image{
   
    border-radius: 50%;
    width: 250px;
    margin: auto;
}


.border-left {
        padding: 15px;
    /*border: solid 1px green;*/
}
.border-right {
        padding: 15px;
    /*border: solid 1px green;*/
}


.border-left p{
    font-size: 16px;
    text-align: center;
    color: #000;
}
.border-right h3 {
    font-size: 22px;
    text-align: center;
    line-height: 1.6;
    margin: 0;
}

@media (max-width:480px) {
    .desing-wrapper figure img {
height: 510px;
    object-fit: cover;
    }

    .hero__slideContent {
    bottom: 40px;
    right: 0;
    transform: translateX(-20px);
    max-width: 350px;
    padding: 10px 23px;
}

.hero__slideContent  .site-button {
    padding: 10px 10px;
    font-size: 13px;
}
}

.fancybtn{
    display: inline-block;
    text-align: center;
    width: auto;
    font-family: inherit;
    font-size: .9rem;
    transform: translateZ(0);
    background: #000;
    min-width: 2.65rem;
    margin: 0 .35em;
    border: 0;
    padding: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0;
    cursor: pointer;
}
.fancybtn span{
     display: inline-block;
    padding: 10px 16px;
    border: 2px solid #ffbc13;
    background: #fff;
    width: 100%;
    transform: translateZ(0);
    transition: transform .13333s ease;
    text-transform: capitalize;
    white-space: nowrap;
    font-size: 16px;
}
.fancybtn:hover span {
    transform: translate3d(-6px,-6px,0);
}

.specialbutton-class {
        font-weight: 600;
    -webkit-transition: 0.2s !important;
    -moz-transition: 0.2s !important;
    -ms-transition: 0.2s !important;
    -o-transition: 0.2s !important;
    transition: 0.2s !important;
    text-align: center;
    font-weight: 700;
    color: #fff;
    margin: auto;
    box-sizing: border-box;
    cursor: pointer;
    z-index: 11;
    position: relative;
    background-color: #ffbc13;
    border: 2px solid #ffbc13;
    border-radius: 25px;
    padding: 11px 30px;
    font-size: 14px;
}
.specialbutton-class:before {
        content: "";
    display: block;
    width: 100%;
    height: 100%;
    margin: auto;
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.38, 0.32, 0.36, 0.98) 0s;
    transition: -webkit-transform 0.2s cubic-bezier(0.38, 0.32, 0.36, 0.98) 0s;
    -o-transition: transform 0.2s cubic-bezier(0.38, 0.32, 0.36, 0.98) 0s;
    transition: transform 0.2s cubic-bezier(0.38, 0.32, 0.36, 0.98) 0s;
    transition: transform 0.25s cubic-bezier(0.38, 0.32, 0.36, 0.98) 0s, -webkit-transform 0.25s cubic-bezier(0.38, 0.32, 0.36, 0.98) 0s;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: right center;
    -ms-transform-origin: right center;
    transform-origin: right center;
        border-radius: 25px;
}

.specialbutton-class:hover {
         color: #fff !important;
    background: transparent;
    position: relative;
    z-index: 999999;

    border: 2px solid #2a4666;
}
.specialbutton-class:hover:before {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: left center;
    -ms-transform-origin: left center;
    transform-origin: left center;
    background-color: #2a4666 !important;
}





/*for furniture section*/

.stretcher-wrapper {
    margin: 0;
    padding: 0;
    background-color: #cc9600
}

.stretcher-wrapper header {
    background-color: #fff;
    position: relative;
    margin-bottom: 0;
    padding: 30px 0
}

.stretcher-wrapper header:before {
    content: '';
    position: absolute;
    border-width: 20px 20px 0 20px;
    border-style: solid solid solid solid;
    border-color: #fff transparent #fff;
    bottom: -15px;
    left: 50%;
    z-index: 2;
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.stretcher-wrapper .stretcher {
    position: relative;
    width: 100%;
    height: auto;
    overflow: hidden;
    font-size: 0;
    margin: 0;
    padding: 0
}

.stretcher-wrapper .stretcher .stretcher-item {
    position: relative;
    background-size: cover;
    background-position: center;
    display: block;
    width: 100%;
    height: 30vh;
    overflow: hidden;
    -moz-transition: width .5s;
    -o-transition: width .5s;
    -webkit-transition: width .5s;
    transition: width .5s
}

.stretcher-wrapper .stretcher .stretcher-item>a {
    position: absolute;
    width: 100%;
    height: 100%;
    -moz-transform: translate3d(0, 100%, 0);
    -ms-transform: translate3d(0, 100%, 0);
    -o-transform: translate3d(0, 100%, 0);
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    z-index: 99
}

.stretcher-wrapper .stretcher .stretcher-item:hover>a {
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.stretcher-wrapper .stretcher .stretcher-item.more {
    background-color: #cc9600;
    position: relative;
    height: 100px
}

.stretcher-wrapper .stretcher .stretcher-item.more a {
    position: absolute;
    width: 100%;
    height: 100%
}

.stretcher-wrapper .stretcher .stretcher-item.more .more-icon {
    font-size: 70px;
    color: #fff;
    position: absolute;
    left: 50%;
    top: 50%;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.stretcher-wrapper .stretcher .stretcher-item.more .more-icon,
.stretcher-wrapper .stretcher .stretcher-item.more .more-icon span {
    -moz-transition: all .5s;
    -o-transition: all .5s;
    -webkit-transition: all .5s;
    transition: all .5s
}

.stretcher-wrapper .stretcher .stretcher-item.more .more-icon span {
    display: inline-block
}

.stretcher-wrapper .stretcher .stretcher-item.more .more-icon span:before,
.stretcher-wrapper .stretcher .stretcher-item.more .more-icon span:after {
    position: absolute;
    left: 50%;
    top: 50%;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -moz-transition: all .5s;
    -o-transition: all .5s;
    -webkit-transition: all .5s;
    transition: all .5s;
    white-space: nowrap
}

.stretcher-wrapper .stretcher .stretcher-item.more .more-icon span:before {
    content: attr(data-title-show);
    opacity: 0;
    font-size: 16px
}

.stretcher-wrapper .stretcher .stretcher-item.more .more-icon span:after {
    content: attr(data-title-hide);
    opacity: 1
}

.stretcher-wrapper .stretcher .stretcher-item.more:hover .more-icon span:before {
    opacity: 1
}

.stretcher-wrapper .stretcher .stretcher-item.more:hover .more-icon span:after {
    opacity: 0
}

@media(min-width:992px) {

    .stretcher-wrapper .stretcher .stretcher-item.more,
    .stretcher-wrapper .stretcher .stretcher-item.more.inactive {
        width: 8%
    }

    .stretcher-wrapper .stretcher .stretcher-item.more.active {
        width: 28%
    }

    .stretcher-wrapper .stretcher .stretcher-item.more.more {
        height: 100%
    }
}

.stretcher-wrapper .stretcher .stretcher-item.inactive,
.stretcher-wrapper .stretcher .stretcher-item.active {
    width: 100%
}

@media(min-width:992px) {
    .stretcher-wrapper .stretcher .stretcher-item {
        width: 23%;
        height: 100%;
        display: inline-block
    }

    .stretcher-wrapper .stretcher .stretcher-item.inactive {
        width: 18%
    }

    .stretcher-wrapper .stretcher .stretcher-item.active {
        width: 38%
    }
}

.stretcher-wrapper .stretcher .stretcher-item .stretcher-logo {
    opacity: 1;
    position: absolute;
    width: 100%;
    height: 100%;
    -moz-transition: opacity .2s;
    -o-transition: opacity .2s;
    -webkit-transition: opacity .2s;
    transition: opacity .2s;
    font-size: initial;
    color: #fff
}

.stretcher-wrapper .stretcher .stretcher-item .stretcher-logo img,
.stretcher-wrapper .stretcher .stretcher-item .stretcher-logo .text {
    position: absolute;
    left: 50%;
    top: 50%;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.stretcher-wrapper .stretcher .stretcher-item .stretcher-logo .text {
    text-align: center
}

.stretcher-wrapper .stretcher .stretcher-item .stretcher-logo .text .f-icon {
    font-size: 100px
}

.stretcher-wrapper .stretcher .stretcher-item .stretcher-logo .text .text-intro {
    display: block
}

.stretcher-wrapper .stretcher .stretcher-item:hover .stretcher-logo {
    opacity: 0
}

.stretcher-wrapper .stretcher .stretcher-item figure {
    background-color: rgba(204, 150, 0, .5);
    color: #fff;
    position: absolute;
    z-index: 9;
    font-size: initial;
    padding: 20px 10px;
    width: 100%;
    left: 0;
    bottom: 0;
    -moz-transform: translate3d(0, 100%, 0);
    -ms-transform: translate3d(0, 100%, 0);
    -o-transform: translate3d(0, 100%, 0);
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    -moz-transition: all .5s;
    -o-transition: all .5s;
    -webkit-transition: all .5s;
    transition: all .5s
}

.stretcher-wrapper .stretcher .stretcher-item figure h4 {
    margin-bottom: 0;
       color: #fff;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 23px;
}

@media(min-width:992px) {
    .stretcher-wrapper .stretcher .stretcher-item figure {
        padding: 20px 30px
    }
}

.stretcher-wrapper .stretcher .stretcher-item:hover figure {
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

@media(min-width:992px) {
    .stretcher-wrapper .stretcher {
        height: 500px;
        white-space: nowrap
    }

    .stretcher-wrapper.stretcher-wrapper-frontpage .stretcher {
        height: 100vh
    }

    .stretcher-wrapper.stretcher-wrapper-frontpage .stretcher .stretcher-item figure {
        bottom: 20%;
        -moz-transform: translate3d(-100%, 0, 0);
        -ms-transform: translate3d(-100%, 0, 0);
        -o-transform: translate3d(-100%, 0, 0);
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        overflow: hidden;
        padding: 50px 30px
    }

    .stretcher-wrapper.stretcher-wrapper-frontpage .stretcher .stretcher-item:hover figure {
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}




.interiordesign-project {

}
.interiordesign-project  .projects-design-inner {
padding: 0 60px;
}

.interiordesign-project  .projects-design-inner  .ow-client-logo {
background: transparent;
}



/*for furniture products page*/


.products {
    background-color: #eee;
    padding: 60px 0;
}

.products .box-filters {
    text-align: center;
    padding: 40px 0 0
}

.products .box-filters figure {
    width: 70px;
    height: 70px;
    display: inline-block;
    padding: 10px;
    background-color: #fff;
    color: #666;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    cursor: pointer;
    margin: 0 5px;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    -webkit-transition: all .3s;
    transition: all .3s;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .1)
}

.products .box-filters figure.active {
    background-color: #3a3d45;
    color: #fb0
}

.products .box-filters figure .f-icon {
    display: block;
    font-size: 38px;
    line-height: 27px
}

@media(min-width:992px) {
    .products .box-filters figure {
        width: 100px;
        height: 100px
    }

    .products .box-filters figure .f-icon {
        font-size: 68px;
        line-height: 50px
    }
}

.products .box-filters-results {
    padding: 0;
    position: relative
}

.products article {
    box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
    background-color: #fff;
    position: relative;
    transition: all .5s;
    margin-bottom: 1px;
    overflow: hidden
}

.products article .label {
    position: absolute;
    top: 10px;
    left: 10px;
    line-height: initial
}

.products article sub,
.products article sup {
    font-size: 100%
}

.products article .text {
    width: 100%;
    padding: 10px
}

.products article .text a:hover {
    color: #333
}

.products article .text .title {
display: block;
    margin: 0 0 5px 0;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 25px;
    color: #fff;
}

.products article .text .title small {
    color: #3a3d45;
    font-size: 45%
}

.products article .text sub,
.products article .text sup {
    bottom: auto;
    top: auto;
    display: inline-block;
    margin-right: 10px
}

.products article .text sub {
    text-decoration: line-through;
    font-weight: 300
}
.products article .image a:before {
    content: '';
    background: #00000036;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.products article .image {
    overflow: hidden;
    height: auto
}

.products article .image a {
    display: block;
        margin: 0;
    border: 0;
}

.products article .image img {
    width: 100%
}
.btn.btn-add {
    background: transparent;
    position: absolute;
    overflow: hidden;
    color: #fff;
    bottom: 0;
    right: 0;
    border: 0;
    width: 100px;
    height: 100px;
    font-size: 19px;
    cursor: pointer;
    z-index: 9;
}
.btn.btn-add i {
    position: absolute;
    bottom: 3px;
    right: 5px;
    font-size: 13px;
    font-style: inherit;
}
.btn.btn-add:before {
    background-color: #fb0;
    position: absolute;
    content: "";
    width: 200%;
    height: 200%;
    top: 0%;
    left: 50%;
    z-index: 0;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -moz-transition: all .5s;
    -o-transition: all .5s;
    -webkit-transition: all .5s;
    transition: all .5s;
}

.btn.btn-add:hover:before {
    background-color: #000;
}
.products article .btn-add {
    -moz-transform: translate3d(100%, 0, 0);
    -ms-transform: translate3d(100%, 0, 0);
    -o-transform: translate3d(100%, 0, 0);
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    -moz-transition: all .5s;
    -o-transition: all .5s;
    -webkit-transition: all .5s;
    transition: all .5s
}

.products article:hover .btn-add {
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.products article .info {
    display: none;
    position: absolute;
    /*width: 35px;*/
    right: 15px;
    top: 15px;
    margin-right: 0;
    margin-top: 5px;
    z-index: 3
}


.products article .info .add-favorite.added {
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1)
}

.products article .info .add-favorite.added a {
    background-color: #e71d36
}

.products article .info .add-favorite.added a:hover:after {
    content: attr(data-title-added);
    background-color: inherit
}

.products article .info a {
    position: relative;
    display: inline-block;
    padding: 0 5px;
    background-color: #696969;
    color: #fff;
    text-align: center;
    /*border-radius: 30px;*/
    min-width: 30px;
    height: 30px;
    line-height: 30px;
    margin-bottom: 5px
}

@media(min-width:992px) {
    .products article .info a {
        margin-bottom: 10px
    }
}

.products article .info a:hover {
    background-color: #000;
    color: #fff
}

.products article .info a:hover:after {
    position: absolute;
    content: attr(data-title);
    padding: 5px 6px;
    right: 110%;
    top: 3px;
    white-space: nowrap;
    z-index: 20;
    background-color: #000;
    color: #fff;
    font-size: 10px;
    border-radius: 5px;
    line-height: normal
}

.products article .info>span {
    display: block;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    -webkit-transition: all .3s;
    transition: all .3s;
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    -webkit-transform: scale(0);
    transform: scale(0)
}

@media(min-width:992px) {
    .products article .info {
        display: block
    }
}

.products article:hover .info>span {
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1)
}

.products article .info>span:nth-child(1) {
    -moz-transition-delay: .1s;
    -o-transition-delay: .1s;
    -webkit-transition-delay: .1s;
    transition-delay: .1s
}

.products article .info>span:nth-child(2) {
    -moz-transition-delay: .2s;
    -o-transition-delay: .2s;
    -webkit-transition-delay: .2s;
    transition-delay: .2s
}

.products article .info>span:nth-child(3) {
    -moz-transition-delay: .3s;
    -o-transition-delay: .3s;
    -webkit-transition-delay: .3s;
    transition-delay: .3s
}

.products article .figure-list {
    display: table;
    width: 100%
}

.products article .figure-list .image,
.products article .figure-list .text {
    display: table-cell;
    vertical-align: middle;
    width: 50%
}

.products article .figure-list .text {
    position: relative;
    padding: 0 20px
}

.products article .figure-list .text .title {
    white-space: inherit
}

.products article .figure-list .text .description {
    display: none;
    margin-top: 15px
}

.products article .figure-grid .text .description {
    display: none
}

.products article .figure-block .text .description {
    position: relative;
    display: none;
    height: 80px;
    overflow: hidden;
    z-index: 1;
    padding-top: 5px
}

.products article .figure-block .text .description:after {
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #fff 100%);
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #fff 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #fff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0);
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 75px;
    content: "";
    display: block;
    z-index: 2
}

@media(min-width:768px) {
    .products article .figure-block .text .description {
        display: block
    }
}

@media(min-width:768px) {
    .products.products-category {
        padding-top: 40px;
        padding-bottom: 40px
    }

    .products article {
        margin-bottom: 30px
    }

    .products article .label {
        top: auto;
        bottom: 10px;
        left: 10px
    }

    .products article sub,
    .products article sup {
        font-size: 80%
    }

    .products article:hover {
        box-shadow: 0 5px 15px rgba(0, 0, 0, .2)
    }

    .products article .figure-grid .text {
        position: absolute;
        padding: 20px 20px 0;
        top: 0
    }

    .products article .figure-list .image {
        width: 30%
    }

    .products article .figure-list .text {
        width: 70%
    }

    .products article .figure-list .text .description {
        display: block
    }

    .products article .figure-block .text {
        padding: 20px
    }
}

@media(max-width:767px) {
    .products .row {
        margin: 0
    }

    .products .container,
    .products .row>div {
        padding-left: 1px;
        padding-right: 1px;
        padding-bottom: 1px
    }

    .products .btn-add {
            display: block;
            -moz-transform: translate3d(0, 0, 0) !important;
    -ms-transform: translate3d(0, 0, 0) !important;
    -o-transform: translate3d(0, 0, 0) !important;
    -webkit-transform: translate3d(0, 0, 0) !important;
    transform: translate3d(0, 0, 0) !important;
    }
        .heading-seeller, .register h3, .signin h3 {
    margin: 40px 0 10px;
    font-size: 19px;
}
.register input, .register select, .signin input {

    font-size: 13px;
    margin-bottom: 10px;
    
    height: 30px;
    padding: 6px 12px;

}
}

.sidepanel {
    width: 390px;
    position: fixed;
    top: 0;
    bottom: 0;
    border: 0;
    background: #F2F2F2;
    color: #ffffff;
    text-align: center;
    box-shadow: -8px 3px 6px rgba(0, 0, 0, 0.19);
    opacity: 1;
    z-index: 1064;
    right: -1000px;
    padding-bottom: 0;
    height: 100vh;
}


.sidebarform-query {
    padding: 30px;
    height: 100%;
    overflow-y: auto;
}

.sidebarform-query h3 {
    font-size: 22px;
}

.sidebarform-query p {color: #2a4666;font-size: 15px;line-height: 1.3;margin-top: 15px;}

.close-furniture-query {
    position: absolute;
    right: 20px;
    top: 20px;
    color: #363636;
    font-size: 23px;
}




.post-description-area h1 {
    color: #000;
}

.post-description-area h4 {
     color: #000;
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 27px;
}

.post-description-area h5 {
       color: #000;
    font-size: 18px !important;
    font-weight: 600;
    margin-bottom: 27px;

}

.post-description-area p {
color: #000;
    font-size: 15px;
    line-height: 27px;
    
    margin-bottom: 27px;
}

.post-description-area p a{
     color: #ffbc13;
}



.sidebar-blogs{
    background: #f8f8f8;
    padding: 17px 15px;
    box-shadow: 0px 4px 14px 4px #c9c9c980;
    border-radius: 8px;
}
.sidebar-blogs h3{
    margin: 0 0 20px;
    border-bottom: solid 2px;
    padding-bottom: 6px;
    display: inline-block;
}
.sidebar-blogs ul{
    padding-left: 25px;
}
.sidebar-blogs ul li{
    padding: 4px 8px;
}
.sidebar-blogs ul li a{
    color: #363636;
    font-weight: 600;
    font-size: 15px;font-family: 'Roboto', sans-serif !important;
}
.sidebar-blogs ul li a:hover{
    color: #ffbc13;
}

.displayblock{
    display: block !important;
}


span.tickclass {
    float: left;
    position: absolute;
    left: 10px;
}

.tick-parent{
        position: relative;
    padding-left: 30px;
}


.sidebar-widget{
text-align: center;
}

.sidebar-widget h4 {
    margin: 15px;
    color: #2a4666;
}
.sidebar-widget  img {
    height: 360px;
}

.post-description-area figure img{
    margin: 20px auto 35px;
}
.table-comparison table {
    border-left: solid 1px #ddd;
    border-bottom: solid 1px #ddd;
}
.table-comparison table thead tr td {
    border-right: 1px solid #ddd;
    border-top: 0;
    background: #2a4666;
    color: #fff;
    text-align: center;
}
.table-comparison table thead tr td.header-table {
    background: #ffbc13;
    color: #fff;
    font-size: 17px;
    text-align: center;
    padding: 10px 0;
}
.table-comparison table tbody tr td {
    color: #000;
    border-right: solid 1px #ddd;
    padding: 11px;
}
.table-comparison table tbody tr td.serialno {
}
@media only screen and (max-width:768px) {
.mobile-padding{
        padding: 0 15px;
}
.post-description-area h1 {
    font-size: 25px;
}
}




.latest-blog .col-md-4:nth-of-type(1n+4) {
    display: none;
}.updated-cards .card {
    margin-bottom: 25px;
    padding-right: 20px;
    padding-left: 60px;
    background-image: url(../images/icons/buyonline.svg);
    background-position: 0 0;
    background-size: 40px;
    background-repeat: no-repeat;
    color: #fff;
}

.updated-cards .light-blue-text {
    color: #ffbc13;
        min-height: 45px;
}

.updated-cards .card._2 {
    background-image: url(../images/icons/onestopservice.svg);
}

.updated-cards .card._3 {
    background-image: url(../images/icons/247service.svg);
}

.updated-cards .card._4 {
    background-image: url(../images/icons/timelydeliver.svg);
}

.updated-cards .card._5 {
    background-image: url(../images/icons/competitivemarket.svg);
}

.updated-cards .card._6 {
    background-image: url(../images/icons/emailnotification.svg);
}
.updated-cards{
    margin-top: 30px;
}

.updated-cards p{
color: #000 !important;
}
.updatedcards-wrapper {
    background: #2a4666 !important;
    background-image: none !important;
}
.updatedcards-wrapper .section-head h3 {
color: #ffbc13;
}
.updatedcards-wrapper .section-head p{
    color: #fff;
}



.content-center .section-head  h2{
    text-align: center !important;
}



.content-center p {
    width: 70%;
    font-size: 18px;
    margin: 30px auto;
    text-align: center;
}

/*new style homepage*/
.main-container{
    background: #2a4666;
    color: #fff;

}
.main-container section{
    padding: 60px 0;
}
.main-container .section-head  h2{
      font-size: 30px;
    text-align: left;
    color: #fff;
    line-height: 34px;
}
.main-container .section-head  h2.text-center{
    text-align: center;

}
.w-layout-grid {
    display: -ms-grid;
    display: grid;
    grid-auto-columns: 1fr;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    -ms-grid-rows: auto auto;
    grid-template-rows: auto auto;
    grid-row-gap: 16px;
    grid-column-gap: 16px;
}

.grid {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    -ms-grid-columns: 1fr 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    -ms-grid-rows: auto auto auto;
    grid-template-rows: auto auto auto;
}


.client-list .client-item{
    overflow: hidden;
    border-radius: 20px;
    background-color: #fff;
    -webkit-transition: opacity .2s ease;
    transition: opacity .2s ease;
    width: 100%;
    height: 130px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.client-list .client-item:hover {
    opacity: .7;
}
.client-list .client-item img {
    width: 86%;
    margin: auto;
    display: block;
}

.content-item-wrapper {
        padding: 10px  15px 0;
}
.content-item-wrapper h2{
    font-size: 35px;
    line-height: 50px;
    font-weight: 800;
    color: #fff;
    margin: 0 0 10px;
}
.content-item-wrapper p{
font-size: 17px;
    line-height: 24px;
    color: #000;
    font-weight: 400;

}

.thumbnail {
    padding: 2px !important;
}


.main-banner-home {
                position: relative;
                background: #2a4666;
                    overflow: hidden;
                    max-width: 1366px;    margin: auto; /*       height: 630px;
                    display: flex;
    align-items: center;*/

            }

            .main-banner-home:before {
                content: '';
                background: url(../images/contenthome-banner-1.png) no-repeat left top/ contain;
                width: 100%;
                height: 500px;
                display: inline-block;
                position: absolute;
                left: 0;
                top: 0;
                opacity: 0.1;
            }

            .banner-home-content h2 {
                font-family: Poppins !important;
                font-weight: bolder;
                line-height: 1;
                font-size: 43px;
                margin: 0;
                text-transform: uppercase;
                color: #ffbc13;
            }

            .banner-home-content label {
                font-size: 23px;
                color: #fff;
                font-family: Poppins !important;
                letter-spacing: 1px;
                font-weight: 300;
                text-transform: uppercase;
            }

            .banner-home-content p {
                font-size: 17px;
                color: #fff;
                font-family: Poppins !important;
                letter-spacing: 1px;
                font-weight: 300;
                margin-bottom: 20px;
                max-width: 350px;
            }

            .banner-home-content a {
                text-transform: uppercase;
                border: solid 1px #ffbc13;
                display: inline-block;
                border-radius: 30px;
                padding: 7px 20px;
                font-family: 'Poppins' !important;
                letter-spacing: 1px;
            }

            .banner-home-content a:hover {
                background-color: #ffbc13;
                color: #fff;
            }
                .banner-home-content{
                    padding-bottom: 90px;
                    position: relative;
                        height: 520px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
        z-index: 1;
            }
            .banner-home-content:before{
       content: '';
    width: 105px;
    height: 100%;
    background: #192942;
    display: inline-block;
    position: absolute;
    right: 65px;
    transform: rotate(22deg);
    top: -62px;
    z-index: -1;
            }
            .banner-home-content:after{
    content: '';
    background: #f3bd15;
    position: absolute;
    right: 6px;
    top: -20px;
    width: 50px;
    height: 190px;
    display: inline-block;
    transform: rotate(22deg);
            }

            span.shape-1 {
    position: absolute;
    left: 0;
           z-index: 10;
    bottom: -10px;
}
   span.shape-1 img{
    width: 75%;
    height: 150px;
}

.images-stack-list{
   position: absolute;
    left: -35%;
    top: -70px;
    right: -10px;
    height: 598px;
    background-size: cover;
    overflow: hidden;}
.images-stack-list ul{
    list-style: none;
}
.images-stack-list:before {
    content: '';
    background: url(https://www.tameerkaro.com/images/banner-image.png);
    width: 100%;
    height: 100%;
    position: absolute;
}
.images-stack-list ul li{
    display: inline-block;
    float: left;
    margin: -1px;
       border: solid 17px #fff;
}
.images-stack-list ul li:first-child{
    width: 50%;
}
.images-stack-list ul li:nth-child(2){}
.images-stack-list ul li:last-child{
     width: 50%;
}
.images-stack-list ul li:first-child img{
        height: 450px;
 
    object-fit: cover;
    margin: -1px;
}
.images-stack-list ul li:nth-child(2) img{}
.images-stack-list ul li:last-child img{
  

    height: 800px;
    object-fit: cover;
}

.innermain-banner{
    padding-left: 110px;    position: relative;
    z-index: 9;    padding-right: 20px;
}


.d-inlineblock{
    display: inline-block;
}
section.banner-classnew-updated:before {
    content: '';
    background: #f4bd16;
    height: 140px;
    width: 36%;
    display: inline-block;
    position: absolute;
    left: 0;
    bottom: 0;
    right: -30px;
    z-index: 1;
}

section.banner-classnew-updated {
    background: #2d4765;
    position: relative;
}

.name-owner {
    font-family: cursive;
    display: block;
}
.designation-owner {
        font-family: monospace;
    display: block;
}

/*new banner style*/


.content-banner-wrapper .banner-home-content-inner h2,
.content-banner-wrapper .banner-home-content-inner h1 {
    /*font-family: Poppins !important;*/
    font-weight: bolder;
    line-height: 1;
    font-size: 32px;
    margin: 0;
    /*text-transform: uppercase;*/
    color: #ffbc13;
}

.content-banner-wrapper .banner-home-content-inner label {
    font-size: 19px;
    color: #fff;
    font-family: Poppins !important;
    letter-spacing: 1px;
    font-weight: 300;
    /*text-transform: uppercase;*/
}

.content-banner-wrapper .banner-home-content-inner p {
    font-size: 28px !important;
    color: #fff;
    font-family: Poppins !important;
    letter-spacing: 1px;
    font-weight: 300;
    margin-bottom: 10px;
}

.content-banner-wrapper .banner-home-content-inner a {

   border: solid 1px #2a4666;
   text-transform: uppercase;
    
    display: inline-block;
    border-radius: 30px;
    padding: 10px 20px;
    font-family: 'Poppins' !important;
    letter-spacing: 1px;
    background: white;
        color: #2a4666;
        font-size: 16px !important;
}
.content-banner-wrapper .banner-home-content-inner a.m-r15 {
    background-color: #c10000;
    border: #c10000;
    color: #fff;
}
.content-banner-wrapper .banner-home-content-inner a:hover {
    background-color: #ffbc13;
     border: solid 1px #ffbc13;
    color: #fff;
}
    .content-banner-wrapper .banner-home-content-inner{
        position: relative;
        z-index: 1;
            text-align: center;
}


.banner-new-2{position: relative;}

.banner-new-2 .images-banner-wrapper {}
.banner-new-2 .images-banner-wrapper ul{
        display: flex;
    flex-wrap: wrap;
    margin: 0;
}

.banner-new-2 .images-banner-wrapper ul li{
    border: solid 2px #fff;
    max-width: 25%;

    flex: 25%;
}
.banner-new-2 .images-banner-wrapper ul li img{
        height: 280px;
    width: 100%;
    object-fit: cover;
    filter: grayscale(1);
}



.content-banner-wrapper {
    background: #2a4666cf;
    width: 100%;
    padding: 35px 0;
    position: absolute;
    top: 50%;
    margin-top: -105px;
}

.sideimage img {

    border-radius: 20px;
    width: 100%;
    height: 655px;
    object-fit: cover;

}
.video-wrapper-home {
    margin-top: 40px;
}
.video-wrapper-home .inner-wrapper-video{
       max-width: 640px;
    margin: auto;
    background: #2a4666;
    padding: 3px;
}
.video-wrapper-home .inner-wrapper-video a{
        position: relative;
    display: inline-block;
}
.video-wrapper-home .inner-wrapper-video a .video-icon{
    color: #ffbc13;
    position: absolute;
    text-align: center;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1000;
    background: #0000002b;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;

}
.video-wrapper-home .inner-wrapper-video a img{
    height: 90px;
    width: 140px;
    object-fit: cover;
}
.video-wrapper-home .inner-wrapper-video p{
        margin: 0;
        color: #ffffff;
        font-size: 14px;
        display: inline-block;
        width: calc(100% - 160px);
        vertical-align: top;
        line-height: 1.2;
        padding: 10px;
}
.updated-cards p a {
    color: #ffbc13;
}
.subcriber input {
    border-radius: 30px;
}



.blinkAnim {
  animation: blinkMe 1.2s linear infinite;
}

@keyframes blinkMe {
  0% {
    opacity: 0;
  }
  49% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}






    .ml2 {
  font-weight: 900;
  font-size: 3.5em;
  font-family: verdana
}

.ml2 .letter {
  display: inline-block;
  line-height: 1em;
}
.ml1 {
  font-weight: 900;
  font-size: 3.5em; font-family: verdana
}

.ml1 .letter {
  display: inline-block;
  line-height: 1em;
}

.ml1 .text-wrapper {
  position: relative;
  display: inline-block;
  padding-top: 0.1em;
  padding-right: 0.05em;
  padding-bottom: 0.15em;
}

.ml1 .line {
  opacity: 0;
  position: absolute;
  left: 0;
  height: 3px;
  width: 100%;
  background-color: #fff;
  transform-origin: 0 0;
}

.ml1 .line1 { top: 0; }
.ml1 .line2 { bottom: 0; }
.person-call {
    max-width: 150px;
    margin: auto;
}

.person-call span {
    background: #ffbc13;
    color: #2a4666;
    width: 100%;
    display: block;
    margin: 10px 0;
    border-radius: 30px;
    padding: 10px 0 10px 10px;
    font-size: 16px;
    font-weight: 600;
}

.person-call span a {
    color: #2a4666;
}
.corevalues-latest .corevalues-section .section-corevalcontent .wt-icon-box-wraper {
    min-height: 285px;
    background: #2a4666;
    margin: 0 10px;
    margin-top: 20px;
    box-shadow: none !important;
}
.our-products h2.text-uppercase {
    text-align: center;
}
.btn-filter-wrap {
    display: none;
}
@media only screen and (max-width:767px) {
  .client-list .grid {

    display: block !important;
}

.content-item-wrapper h2 {
    font-size: 33px;
    line-height: 40px;
}
.client-list .client-item {
    margin-bottom: 15px
}
.main-container section {
    padding: 30px 0;
}
.sideimage {
    margin: 15px 0;
}

.banner-new-2 .images-banner-wrapper ul li {
   
      max-width: 100%;
    flex: 100%;
}
.banner-new-2 .images-banner-wrapper ul li img {
    height: 390px;
}
.banner-new-2 .images-banner-wrapper ul li {
   display: none;
}
.banner-new-2 .images-banner-wrapper ul li:nth-child(4) {
   display: block;
}
.video-wrapper-home .inner-wrapper-video p {
    
    width: 100%;
}
.video-wrapper-home .inner-wrapper-video {

    text-align: center;
}
.main-container .section-head h2 {
    font-size: 20px;
 
    line-height: 23px;
}
.content-center p {
    width: 100%;
}
.our-products .product-item-block figure img {
  
    width: 100%;
}

.content-banner-wrapper .banner-home-content-inner h1{

    font-size: 22px;
}
.content-banner-wrapper .banner-home-content-inner p {
    font-size: 20px !important;
}
.content-banner-wrapper .banner-home-content-inner label {
    font-size: 14px;
}
.updatedcards-wrapper .section-head h3 {
    font-size: 19px;
    
}
.contactus-form-banner .contactuspage-banner {
  
    display: none;
}
.contactus-form-banner .contactus-wrapper {

    margin-top: 20px;
}
}
.blog-post .content ol {
    padding-left: 20px !important;
}
.sidebar-blogs ul {
        padding-left: 0;
    list-style: none;
}
.blog-post-single ul li span, 
.blog-post-single ul li, 
.blog-post-single ol li, 
.blog-post-single ol li span,
.blog-post-single p, 
.blog-post-single div span,
.blog-post-single h5 p, 
.blog-post-single div{
    
   font-family: 'Roboto', sans-serif !important;
    color: #000 !important;
    font-weight: 400 !important;
    font-size: 16px !important;
    text-transform: none;
    letter-spacing: 0 !important;
    line-height: 1.5 !important;
   }
  .blog-post-single h2, 
 .blog-post-single h3, 
 .blog-post-single h4, 
 .blog-post-single h5, 
   .blog-post-single h6{
font-weight: 400 !important;
}


    .blog-post-single h2 b span, 
.blog-post-single h2 span,
 .blog-post-single h3 b span, 
.blog-post-single h3 span,
 .blog-post-single h4 b span, 
.blog-post-single h4 span,
 .blog-post-single h5 b span, 
.blog-post-single h5 span,
   .blog-post-single h6 b span, 
.blog-post-single h6 span{
    
    font-family: 'Roboto', sans-serif !important;
    color: #000 !important;
    text-transform: none;
    letter-spacing: 0 !important;
    line-height: 1.2 !important;
    
}
.blog-post-single h2 strong span,
  .blog-post-single h2 span span,
   .blog-post-single h2 b span {
    font-size: 28px !important;
    font-weight: 900 !important;
}
.blog-post-single h3 strong span,
 .blog-post-single h3 span span,
  .blog-post-single h3 b span {
    font-size: 24px !important;
    font-weight: 900 !important;
}
.blog-post-single h4 strong span,
 .blog-post-single h4 span span,
  .blog-post-single h4 b span {
    font-size: 20px !important;
    font-weight: 900 !important;
}
.blog-post-single h5 strong span,
 .blog-post-single h5 span span,
  .blog-post-single h5 b span {
    font-size: 17px !important;
    font-weight: 900 !important;
}
.blog-post-single h6 strong span,
 .blog-post-single h6 span span,
  .blog-post-single h6 b span {
    font-size: 15 !important;
    font-weight: 900 !important;
}





.blog-post-single p:empty {
	display: none !important
}
.custom-calculator label {
    margin-bottom: 6px;
    padding-left: 0px !important;
}

.custom-calculator .radio {
    margin: 0;
}
.blog-post-single ul ,
.blog-post-single ol{
	padding-left: 0;
}
.blog-post-single .content ul, .blog-post-single .content ol {
    padding-left: 25px;
}
.blog-post-single p span:empty,
.blog-post-single p:empty{
	display: none !important;
}
.blog-post-single span br{
	display: none !important;
}
.blog-post-single span:empty{
	display: none !important;
}
.blog-post-single ul li span,
.blog-post-single ol li span{
  padding-left: 0;
    float: none !important;
    margin-bottom: 0;
}
.blog-post-single .tags,
.blog-post-single .category{
	display: none;
}
.category-result span {
	       display: inline-block;
    margin-right: 10px;
    background: #ffbc13;
    color: #fff;
    font-size: 13px;
    border-radius: 4px;
    padding: 4px 12px;
    text-transform: capitalize;
}
.category-result,
.tags-result {
	margin-top: 10px;
}
div.tags-result span {
    display: inline-block;
    margin-right: 10px;
    background: #2a4666;
    color: #fff !important;
    font-size: 13px;
    border-radius: 4px;
    padding: 4px 12px;
    text-transform: capitalize;
}


/*pricing table css*/



.pricing-table {
  display: flex;
  flex-flow: row wrap;
  width: 100%;
  max-width: 1100px;
  margin: 60px auto;
  background: #ffffff;
}

.pricing-table .ptable-item {
  width: 33.33%;
  padding: 0 15px;
  margin-bottom: 30px;
}

@media (max-width: 992px) {
  .pricing-table .ptable-item {
    width: 33.33%;
  }
}

@media (max-width: 768px) {
  .pricing-table .ptable-item {
    width: 50%;
  }
}

@media (max-width: 576px) {
  .pricing-table .ptable-item {
    width: 100%;
  }
}

.pricing-table .ptable-single {
  position: relative;
  width: 100%;
  overflow: hidden;
      display: flex;
    flex-direction: column;
    height: 100%;
}

.pricing-table .ptable-header,
.pricing-table .ptable-body,
.pricing-table .ptable-footer {
  position: relative;
  width: 100%;
  text-align: center;
  overflow: hidden;
}

.pricing-table .ptable-status ,
.pricing-table .ptable-title,
.pricing-table .ptable-price,
.pricing-table .ptable-description,
.pricing-table .ptable-action {
  position: relative;
  width: 100%;
  text-align: center;
}

.pricing-table .ptable-single {
  background: #f6f8fa;
}

.pricing-table .ptable-single:hover {
  box-shadow: 0 0 10px #999999;
}

.pricing-table .ptable-header {
  margin: 0;
  padding: 10px 0 75px 0;
  width: auto;
  background: #2a4666;
}

.pricing-table .ptable-header::before,
.pricing-table .ptable-header::after {
  content: "";
  position: absolute;
  bottom: 0;
  width: 0;
  height: 0;
  border-bottom: 100px solid #f6f8fa;
}

.pricing-table .ptable-header::before {
  right: 50%;
  border-right: 250px solid transparent;
}

.pricing-table .ptable-header::after {
  left: 50%;
  border-left: 250px solid transparent;
}

.pricing-table .ptable-item.featured-item .ptable-header {
  background: #ffbc13;
}

.pricing-table .ptable-status {
  margin-top: -30px;
}

.pricing-table .ptable-status span {
  position: relative;
  display: inline-block;
  width: 50px;
  height: 30px;
  padding: 5px 0;
  text-align: center;
  color: #ffbc13;
  font-size: 14px;
  font-weight: 300;
  letter-spacing: 1px;
  background: #2a4666;
}

.pricing-table .ptable-status span::before,
.pricing-table .ptable-status span::after {
  content: "";
  position: absolute;
  bottom: 0;
  width: 0;
  height: 0;
  border-bottom: 10px solid #ffbc13;
}

.pricing-table .ptable-status span::before {
  right: 50%;
  border-right: 25px solid transparent;
}

.pricing-table .ptable-status span::after {
  left: 50%;
  border-left: 25px solid transparent;
}

.pricing-table .ptable-title h2 {
  color: #ffffff !important;
  font-size: 24px;
  font-weight: 300;
  letter-spacing: 2px;
}

.pricing-table .ptable-price h2 {
  margin: 0;
  color: #ffffff !important;
  font-size: 29px;
  font-weight: 700;
  margin-left: 15px;
}

.pricing-table .ptable-price h2 small {
  
    position: absolute;
    font-size: 18px;
    font-weight: 300;
       margin-top: -7px;
    margin-left: -25px;
    color: #ffff;

}

.pricing-table .ptable-price h2 span {
  margin-left: 3px;
  font-size: 16px;
  font-weight: 300;
}

.pricing-table .ptable-body {
  padding: 20px 0;
}

.pricing-table .ptable-description ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.pricing-table .ptable-description ul li {
  color: #2A293E;
  font-size: 14px;
      font-weight: 500;
  letter-spacing: 1px;
  border-bottom: 1px solid #dedede;
    text-align: left;
    padding: 8px 13px;
        padding-left: 35px;
    position: relative;
}
.pricing-table .ptable-description ul li i{
   margin-right: 6px;
    color: #ffbc13;
    position: absolute;
    left: 10px;
    top: 12px;
}

.pricing-table .ptable-description ul li:last-child {
  border: none;
}

.pricing-table .ptable-footer {
  padding-bottom: 30px;
}

.pricing-table .ptable-action a {
  display: inline-block;
  padding: 10px 20px;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 2px;
  text-decoration: none;
  background: #2a4666;
}

.pricing-table .ptable-action a:hover {
  color: #2A293E;
  background: #ffbc13;
}

.pricing-table .ptable-item.featured-item .ptable-action a {
  color: #fff;
  background: #ffbc13;
}

.pricing-table .ptable-item.featured-item .ptable-action a:hover {
  color: #ffbc13;
  background: #2A293E;
}


.steps-section{
        background: #f6f8fa;
    padding: 40px 0 10px;
}

.steps-section .steps-list ul{
    display: flex;
    flex-wrap: wrap;
    counter-reset: section;
}
.steps-section .steps-list ul li {
        max-width: 20%;
    flex: 20%;
    padding: 0 15px;
    color: #fff;
    list-style: none;
    position: relative;
}
.steps-section .steps-list ul li:after {
    content: '';
    border-top: #2a4666 4px dotted;
    position: absolute;
    right: -80px;
    max-width: 50%;
    height: 2px;
    display: inline-block;
    top: 50%;
    bottom: 0;
    width: 160px;
    margin-top: -30px;
}

.steps-section .steps-list ul li:before {
    counter-increment: section;
  content: counter(section);
    background: #2a4666;
    position: absolute;
    right: -25px;
    max-width: 50%;
    display: inline-block;
    top: 50%;
    bottom: 0;
    text-align: center;
    margin-top: -53px;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    color: #fff;
    line-height: 50px;
    z-index: 1;
}
.steps-section .steps-list:last-child:before,.steps-section .steps-list :last-child:after {display: none;}
.steps-section .steps-list  .step-item{
    text-align: center;
    position: relative;
}
.steps-section .steps-list .step-item span {
    display: block;
    margin: auto;
    font-size: 88px;
    color: #2a4666;
    opacity: 0.2;
    position: absolute;
    left: 50%;
    top: -60px;
    margin-left: -23px;
}
.steps-section .steps-list.step-item img{
        display: block;
    margin: auto;
}
.steps-section .steps-list.step-item h3{
        color: #2a4666;
    font-size: 17px;
    text-align: center;
}
.steps-section .steps-list .step-item p {
        color: #2a4666;

}


.yellow-banner{
    background: #f6f8fa;
    padding: 50px;
    margin-bottom: 0;
    position: relative;
}
.yellow-banner .yelllow-inner{}
.yellow-banner .yelllow-inner h3{
    color: #2a4666;
    font-size: 34px;
    text-transform: uppercase;
}
 .yelllow-inner a{background: #ffbc13; position: absolute;left: 0;right: 0;bottom: 0;max-width: 310px;font-size: 18px;padding: 11px 15px;margin: auto;bottom: -20px;
     color: #fff;}
     .wt-icon-box-wraper.stats-box {
    margin: 15px 0;
}

.wt-icon-box-wraper.stats-box .icon-content .counter {
    font-size: 24px;
}

.wt-icon-box-wraper.stats-box .icon-content {
      float: left;
    width: 100%;
    text-align: center;
}

.wt-icon-box-wraper.stats-box .icon-content .stats-txt {
    font-size: 14px;
}


.specific-projects .property .property-img img {
    height: 240px;
}

.specific-projects .property .property-content h2 {
    font-size: 18px;
    margin-top: 15px;
        overflow: visible;
            min-height: 50px;
    white-space: inherit;
}

.specific-projects .property .property-img a {
    margin-bottom: 0;
    border: 0 !important;
    padding: 0 !important;
}

.specific-projects .property {
    border-radius: 8px;
}
.wt-icon-box-wraper.stats-box span.icon-md {
    width: 100%;
}

.wt-icon-box-wraper.stats-box span.icon-md i {
    position: relative;
    top: 14px;
}
.wt-icon-box-wraper.stats-box span.icon-md img, .wt-icon-box-wraper.stats-box span.icon-md svg, .wt-icon-box-wraper.stats-box span.icon-md i {
    height: 100px;
    font-size: 70px;    width: 100px;
    margin-bottom: 10px !important;
}
.clientsays-testimonials .blog-post {
 
     min-height: auto; 
}


@media (max-width: 768px){
    .yellow-banner .yelllow-inner h3 {
    
    font-size: 18px;
    line-height: 1;

}
.yellow-banner {
    padding: 30px;
}
.social-icons.social-radius.social-darkest a, .social-icons.social-square.social-darkest a {

    height: 78px !important;
}
.social-icons.social-square.social-darkest a {
    height: auto !important;
}
.display-order {
    display: flex;
    flex-direction: column;
}
.order-2-mb{
    order:  2;
}
.order-2-mb{
    order:  1;
}
.product-modal .leftcontent-prodct {
    margin-top: 0;
}

.product-modal .leftcontent-prodct ul {
border: 0;
}
}

.fadingcol h3 {
    font-size: 15px;
}


.precast-steps-wrapper.residential-services .architectural-services .wrapper-services p {
    font-size: 14px !important;
    min-height: 150px;
    line-height: 25px !important;
}

.precast-steps-wrapper.residential-services .architectural-services .wrapper-services h3 {
    font-size: 17px;
}.projectsection-new.residential-services .constructionservice-bg input {
    margin-bottom: 25px;
}

.projectsection-new.residential-services .constructionservice-bg .form-submit {
    margin-top: 40px;
}

.projectsection-new.residential-services .constructionservice-bg h3 {
    margin-bottom: 30px;
}

.mainservices-section.comm-services .icon-content p {
    min-height: 180px;
}


.precastproducts-new .our-products .product-item-block p{
        min-height: 165px;
}


/*for images width height*/

.mainservices-section .svgicons img {
    width: 80px;
    height: 80px;
    object-fit: contain;
}
.bg-theme-blue .client-logo img {
    width: 144px;
    height: 79px;
    object-fit: contain;
}


.site-visit .side-man img{
        height: 370px;
    display: block;
    margin: auto;
    }

.kanal-text h3{
  font-size: 32px;
}



.kanal-text p{
    max-width: 60% !important;
    font-size: 19px !important;
}

@media only screen and (max-width:600px) {
 .kanal-text p {
    max-width: 100% !important;
    font-size: 18px !important;
}
.border-left,
.border-right  {
    padding: 0;
}
.border-right h2 br {
    display: none;
}
.projectvideo-large ..wt-img-effect{
    padding: 0;
}
.content-banner-wrapper .banner-home-content-inner a {
            padding: 9px 10px;
    font-size: 12px !important;
}
}


.shell-wrapper .section-head h3{
  font-size: 24px;
}

.line-height-button a {
    text-transform: uppercase;
    font-size: 16px;
    padding: 10px 15px;
}

.shell-wrapper .side-box{
         background: #2a4666cf;
    width: 40%;
    padding: 35px 0;
    height: 100%;
    display: flex;
    align-items: center;
}

.shell-wrapper .section-head{
    padding:0px 50px !important;
}

.shell-wrapper .section-head p,.shell-wrapper .section-head h3{
    color: #fff !important;
}

.shell-wrapper .section-head a{
    background-color: #fff;
    color: #000;
}

@media only screen and (max-width:480px) {
   
.shell-wrapper .p-t40{
    padding-top: 0px;
}
.shell-wrapper .p-b40{
    padding-bottom: 0px;
}

.shell-wrapper .side-box{
width: 86% !important;
  padding: 15px 0;
  margin:auto;
}

.shell-wrapper .section-head{
    padding:0px 30px !important;
}

.shell-wrapper .section-head h3{
  font-size: 16px;
}
.shell-wrapper .section-head p{
    font-size: 12px !important;
    line-height: 20px !important;
}


.shell-wrapper .section-head a{
   
   font-size: 9px;
   padding:7px 5px;
}

.line-height-button a {
    margin-top: 10px;
}
}   

.plaza-inner .side-text{
    background-color: #2a4666 ;
}

.plaza-inner h4{
    color: #fff !important;
}

.plaza-inner .side-text ul li{
color: #fff;
}


.plaza-inner .side-text .list-check-circle li:before{
    border-color:#fff !important;
}



.business-section {
    background-color: #2a4666;
    position: relative;
}

.business-section .d-flex{
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;

}

.business-section .side-content{
    text-align: left;
    padding: 0px 50px;
}

.business-section .side-content .banner-home-content-inner p{
font-size: 16px !important;
}


.business-section .side-content h5{
    color: #fff !important;

}

.business-section .side-content h4{
    color: #fff !important;

}

.business-section .side-content h2{
    color: #fff !important;
        font-size: 39px;
    line-height: 43px !important;
    
}

.business-section .side-content p{
    color: #fff;
    margin-top: 15px;
    font-size: 13px !important;
}

.business-section .side-content form{
    background-color: #fff;
    padding: 13px;
    border-radius: 10px;
    font-size: 14px;
}

.business-section .side-content form input{
    border: transparent;
}

/*.business-section .side-content form a{
    border-radius: 10px;
    padding: 10px 25px !important;
     margin-left: 80px;
}*/


.business-section .companies-section ul{
     display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

.business-section .companies-section ul li{
    list-style: none;
    flex:16.66%;
    text-align: center;
}

.business-section .companies-section .center-line{
    position: relative;
    z-index: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-right: 15px;
    margin-bottom: -8px;
    margin-left: 15px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}



.business-section .companies-section .side-line{
    height: 1px;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    background-color: #e3e3e3;
    color: #fff;
    opacity: 0.3;
}

.business-section .companies-section p{
    margin-right: 16px;
    margin-left: 16px;
    margin-bottom: 0px !important;
    color: #fff;
}



.business-section .companies-section ul li:hover{
-webkit-transform: scale(1.08);
    -ms-transform: scale(1.08);
    transform: scale(1.08);
    opacity: 1;
}

 

.business-section .companies-section ul li{
transition: opacity 400ms ease, transform 400ms ease, -webkit-transform 400ms ease;
}

.business-section .curve-shape{
    position: absolute;
    left: 0%;
    top: auto;
    right: 0%;
    bottom: -2px;
    z-index: 1;
    width: 100%;
    height: 4vw;
}


@media only screen and (max-width:480px) {
    
.business-section .side-content{

    padding: 20px 0px !important;
     text-align: center;
}

.business-section .companies-section ul li {
    flex:50%;
    padding: 15px 0px;
}

}
.business-section .companies-section ul li img {
       margin: auto;
    object-fit: contain;
    width: 100px;
    height: 75px;
}

@media only screen and (max-width:767px){
.side-video{
width: 320px;
height: auto;
}
}


.custom-faq .accordion-heading a.collapsed:after {
    transform: rotate(
0deg);
}

.custom-faq .accordion-toggle:after {
    font-family: 'FontAwesome';
    content: "\f078";
    float: right;
    transform: rotate( 
180deg);
    transition: all ease 0.5s;
}

.custom-faq .accordion-opened .accordion-toggle:after {    
    content: "\f054";    
}

.custom-faq{
    background-color:  #f3f3f7;
}


.custom-faq .accordion-group{
border:1px solid #e3e3e3;
border-radius:12px;
background-color: #fff;
margin-bottom: 12px;
}

.custom-faq .accordion-heading {
    padding: 20px 28px;
}

.custom-faq .accordion-heading a {
        font-size: 21px;
    font-weight: 500;
    line-height: 1.4 !important;
    color: #2a4666 !important;
    display: block;
    }


.custom-faq .accordion-inner{
    padding: 0px 28px;
    font-size: 14px;
    font-weight: 400;
    color: #767676;
    margin-bottom: 30px;
}

/*.custom-box{
    background-color: #f7f7f7;

}*/

.custom-box .section-head h2{
    color: #2a4666 !important;
}
.custom-box .section-head p{
    color: #000 !important;
}

.custom-box .outer-box{
    border: 1px solid #e3e3e3;
    border-radius: 20px
}

.custom-box .inner-box{
    padding: 20px;
    text-align: left;
     background-color: #f7f7f7;
     border-radius: 20px;
}

.custom-box .inner-box p{
    min-height: 320px !important;
    font-size: 14px !important;
    text-align: justify;
}

/*.custom-box .inner-box .site-button{
    background-color: #2a4666 !important;
    color: #fff !important;
}
*/

.yt-button{
padding: 12px 25px;
background-color:#cc0000;
color: #fff;
border-radius:10px;
font-size: 18px;
}

.yt-section .inner-yt h2{
    font-size: 34px;
}

.yt-section .inner-yt h4{
    font-size: 22px;font-weight: 400;
}
.yt-section a i{
    margin-right: 10px;
}

.blog-section{
    background-color: #f3f3f7;
}

.blog-section .inner-blog .inner-content{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.blog-section .inner-blog .recent-post .divider{
        width: 88px;
    height: 3px;
    margin-top: 4px;
    margin-bottom: 21px;
    border-radius: 1.5px;
    background-color: #ffa949;
}

.blog-section .inner-blog .blog-box{
  border-color: #e3e3e3;
    border-radius: 20px;
    background-color: #fff;
}



.blog-section .inner-blog .blog-box .inner-box{
    padding: 20px;
        min-height: 430px;
}

.blog-section .inner-blog .blog-box .inner-box img{
   border-radius: 10px;
    height: 210px;
    width: 100%;
    object-fit: cover;
}

.blog-section .inner-blog .blog-box .inner-box h3{
    min-height: 56px;
}

.blog-section .inner-blog .blog-box .inner-box p{
    font-size: 12px !important;
    margin-bottom: 0px !important;
    margin-top: 5px;
}


.blog-section .inner-blog .blog-box .inner-box ul{
  display: flex;
  align-items: center;
  list-style: none;
}
.blog-section .inner-blog .blog-box .inner-box ul li {
    padding: 0px 5px;
}

.blog-section .inner-blog .blog-box .inner-box ul li img{
width: 30px;
height: 30px;
border-radius: 50px;
}


@media only screen and (max-width:780px) {

    .blog-section .inner-blog .inner-content{
        display: block;
    }

    .blog-section .inner-blog .blog-box{
        margin: 20px 0px;
    }
}


.custom-social-links ul li{
  padding: 0px 2px !important;
}

.custom-calculator .inner-notes{
	padding: 10px;
}

.calculator-wrapper{
background-color: #2a4666;
}

.custom-calculator .custom-service label input{
	margin-right:6px;

}

.custom-calculator .inner-calculator{
background-color: #fff;
padding: 15px 25px;
border-radius: 8px;
border:1px solid transparent;
}

.graph-section .inner-graph table td {
border: transparent;
}
.graph-section .inner-graph table th {
border: transparent;
}

.graph-section .inner-graph .table-bordered {
	border: transparent;
}


.custom-calculator h1{
	color: #fff;
}


.custom-calculator p{
	color: #fff;
}

.custom-calculator .side-notes h3{
	color: #fff !important;
}


.custom-calculator .side-notes ul li{
	color: #fff;
}

.custom-calculator .side-notes ul.primary li:before{
	border-color: #fff !important;
}

.custom-calculator .total-sum {
    border: 1px solid;
    max-width: 30%;
}

.custom-calculator .total-sum h3{
    margin: 0px !important;
    padding: 10px;
}


.custom-calculator .side-notes .inner-notes .gray-button{
    background-color: #fff;
    color: #000;
    padding: 10px 15px !important;
}




@media only screen and (max-width:370px) {
    .custom-calculator .side-notes .inner-notes .gray-button{
        margin-top: 10px;
   }