@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

 


@font-face {
    font-family: 'Sansation';
    src: url('../fonts/SansationLight.eot');
    src: url('../fonts/SansationLight.eot?#iefix') format('embedded-opentype'), url('../fonts/SansationLight.woff2') format('woff2'), url('../fonts/SansationLight.woff') format('woff'), url('../fonts/SansationLight.ttf') format('truetype'), url('../fonts/SansationLight.svg#SansationLight') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Sansation';
    src: url('../fonts/SansationItalic.eot');
    src: url('../fonts/SansationItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/SansationItalic.woff2') format('woff2'), url('../fonts/SansationItalic.woff') format('woff'), url('../fonts/SansationItalic.ttf') format('truetype'), url('../fonts/SansationItalic.svg#SansationItalic') format('svg');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Sansation';
    src: url('../fonts/SansationLightItalic.eot');
    src: url('../fonts/SansationLightItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/SansationLightItalic.woff2') format('woff2'), url('../fonts/SansationLightItalic.woff') format('woff'), url('../fonts/SansationLightItalic.ttf') format('truetype'), url('../fonts/SansationLightItalic.svg#SansationLightItalic') format('svg');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Sansation';
    src: url('../fonts/SansationBoldItalic.eot');
    src: url('../fonts/SansationBoldItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/SansationBoldItalic.woff2') format('woff2'), url('../fonts/SansationBoldItalic.woff') format('woff'), url('../fonts/SansationBoldItalic.ttf') format('truetype'), url('../fonts/SansationBoldItalic.svg#SansationBoldItalic') format('svg');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Sansation';
    src: url('../fonts/SansationBold.eot');
    src: url('../fonts/SansationBold.eot?#iefix') format('embedded-opentype'), url('../fonts/SansationBold.woff2') format('woff2'), url('../fonts/SansationBold.woff') format('woff'), url('../fonts/SansationBold.ttf') format('truetype'), url('../fonts/SansationBold.svg#SansationBold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Sansation';
    src: url('../fonts/SansationRegular.eot');
    src: url('../fonts/SansationRegular.eot?#iefix') format('embedded-opentype'), url('../fonts/SansationRegular.woff2') format('woff2'), url('../fonts/SansationRegular.woff') format('woff'), url('../fonts/SansationRegular.ttf') format('truetype'), url('../fonts/SansationRegular.svg#SansationRegular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Sarabun';
    src: url('../fonts/Sarabun-ExtraBold.eot');
    src: url('../fonts/Sarabun-ExtraBold.eot?#iefix') format('embedded-opentype'), url('../fonts/Sarabun-ExtraBold.woff2') format('woff2'), url('../fonts/Sarabun-ExtraBold.woff') format('woff'), url('../fonts/Sarabun-ExtraBold.ttf') format('truetype'), url('../fonts/Sarabun-ExtraBold.svg#Sarabun-ExtraBold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Sarabun';
    src: url('../fonts/Sarabun-ExtraBoldItalic.eot');
    src: url('../fonts/Sarabun-ExtraBoldItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/Sarabun-ExtraBoldItalic.woff2') format('woff2'), url('../fonts/Sarabun-ExtraBoldItalic.woff') format('woff'), url('../fonts/Sarabun-ExtraBoldItalic.ttf') format('truetype'), url('../fonts/Sarabun-ExtraBoldItalic.svg#Sarabun-ExtraBoldItalic') format('svg');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Sarabun';
    src: url('../fonts/Sarabun-ThinItalic.eot');
    src: url('../fonts/Sarabun-ThinItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/Sarabun-ThinItalic.woff2') format('woff2'), url('../fonts/Sarabun-ThinItalic.woff') format('woff'), url('../fonts/Sarabun-ThinItalic.ttf') format('truetype'), url('../fonts/Sarabun-ThinItalic.svg#Sarabun-ThinItalic') format('svg');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Sarabun';
    src: url('../fonts/Sarabun-ExtraLight.eot');
    src: url('../fonts/Sarabun-ExtraLight.eot?#iefix') format('embedded-opentype'), url('../fonts/Sarabun-ExtraLight.woff2') format('woff2'), url('../fonts/Sarabun-ExtraLight.woff') format('woff'), url('../fonts/Sarabun-ExtraLight.ttf') format('truetype'), url('../fonts/Sarabun-ExtraLight.svg#Sarabun-ExtraLight') format('svg');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Sarabun';
    src: url('../fonts/Sarabun-BoldItalic.eot');
    src: url('../fonts/Sarabun-BoldItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/Sarabun-BoldItalic.woff2') format('woff2'), url('../fonts/Sarabun-BoldItalic.woff') format('woff'), url('../fonts/Sarabun-BoldItalic.ttf') format('truetype'), url('../fonts/Sarabun-BoldItalic.svg#Sarabun-BoldItalic') format('svg');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Sarabun';
    src: url('../fonts/Sarabun-Bold.eot');
    src: url('../fonts/Sarabun-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/Sarabun-Bold.woff2') format('woff2'), url('../fonts/Sarabun-Bold.woff') format('woff'), url('../fonts/Sarabun-Bold.ttf') format('truetype'), url('../fonts/Sarabun-Bold.svg#Sarabun-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Sarabun';
    src: url('../fonts/Sarabun-MediumItalic.eot');
    src: url('../fonts/Sarabun-MediumItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/Sarabun-MediumItalic.woff2') format('woff2'), url('../fonts/Sarabun-MediumItalic.woff') format('woff'), url('../fonts/Sarabun-MediumItalic.ttf') format('truetype'), url('../fonts/Sarabun-MediumItalic.svg#Sarabun-MediumItalic') format('svg');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Sarabun';
    src: url('../fonts/Sarabun-Regular.eot');
    src: url('../fonts/Sarabun-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/Sarabun-Regular.woff2') format('woff2'), url('../fonts/Sarabun-Regular.woff') format('woff'), url('../fonts/Sarabun-Regular.ttf') format('truetype'), url('../fonts/Sarabun-Regular.svg#Sarabun-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Sarabun';
    src: url('../fonts/Sarabun-SemiBoldItalic.eot');
    src: url('../fonts/Sarabun-SemiBoldItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/Sarabun-SemiBoldItalic.woff2') format('woff2'), url('../fonts/Sarabun-SemiBoldItalic.woff') format('woff'), url('../fonts/Sarabun-SemiBoldItalic.ttf') format('truetype'), url('../fonts/Sarabun-SemiBoldItalic.svg#Sarabun-SemiBoldItalic') format('svg');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Sarabun';
    src: url('../fonts/Sarabun-LightItalic.eot');
    src: url('../fonts/Sarabun-LightItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/Sarabun-LightItalic.woff2') format('woff2'), url('../fonts/Sarabun-LightItalic.woff') format('woff'), url('../fonts/Sarabun-LightItalic.ttf') format('truetype'), url('../fonts/Sarabun-LightItalic.svg#Sarabun-LightItalic') format('svg');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Sarabun';
    src: url('../fonts/Sarabun-ExtraLightItalic.eot');
    src: url('../fonts/Sarabun-ExtraLightItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/Sarabun-ExtraLightItalic.woff2') format('woff2'), url('../fonts/Sarabun-ExtraLightItalic.woff') format('woff'), url('../fonts/Sarabun-ExtraLightItalic.ttf') format('truetype'), url('../fonts/Sarabun-ExtraLightItalic.svg#Sarabun-ExtraLightItalic') format('svg');
    font-weight: 200;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Sarabun';
    src: url('../fonts/Sarabun-Medium.eot');
    src: url('../fonts/Sarabun-Medium.eot?#iefix') format('embedded-opentype'), url('../fonts/Sarabun-Medium.woff2') format('woff2'), url('../fonts/Sarabun-Medium.woff') format('woff'), url('../fonts/Sarabun-Medium.ttf') format('truetype'), url('../fonts/Sarabun-Medium.svg#Sarabun-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Sarabun';
    src: url('../fonts/Sarabun-Italic.eot');
    src: url('../fonts/Sarabun-Italic.eot?#iefix') format('embedded-opentype'), url('../fonts/Sarabun-Italic.woff2') format('woff2'), url('../fonts/Sarabun-Italic.woff') format('woff'), url('../fonts/Sarabun-Italic.ttf') format('truetype'), url('../fonts/Sarabun-Italic.svg#Sarabun-Italic') format('svg');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Sarabun';
    src: url('../fonts/Sarabun-Light.eot');
    src: url('../fonts/Sarabun-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/Sarabun-Light.woff2') format('woff2'), url('../fonts/Sarabun-Light.woff') format('woff'), url('../fonts/Sarabun-Light.ttf') format('truetype'), url('../fonts/Sarabun-Light.svg#Sarabun-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Sarabun';
    src: url('../fonts/Sarabun-SemiBold.eot');
    src: url('../fonts/Sarabun-SemiBold.eot?#iefix') format('embedded-opentype'), url('../fonts/Sarabun-SemiBold.woff2') format('woff2'), url('../fonts/Sarabun-SemiBold.woff') format('woff'), url('../fonts/Sarabun-SemiBold.ttf') format('truetype'), url('../fonts/Sarabun-SemiBold.svg#Sarabun-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Sarabun';
    src: url('../fonts/Sarabun-Thin.eot');
    src: url('../fonts/Sarabun-Thin.eot?#iefix') format('embedded-opentype'), url('../fonts/Sarabun-Thin.woff2') format('woff2'), url('../fonts/Sarabun-Thin.woff') format('woff'), url('../fonts/Sarabun-Thin.ttf') format('truetype'), url('../fonts/Sarabun-Thin.svg#Sarabun-Thin') format('svg');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

body {
    /* background-color: #FFF; */
    font-family: 'Poppins',sans-serif;
    font-size: 14px;
    /* font-weight: 400; */
    /* color: #767676; */
    padding: 0;
    margin: 0;
    overflow-x: hidden;
}

a {
    color: #0f8d7e;
    outline: 0 none;
    text-decoration: none;
}

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

a:active,a:hover {
    color: #333333;
}

p a {
    /* color: #333333; */
}

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

hr {
    clear: both;
}

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

.inline-block {
    display: inline-block;
}

.display-block {
    display: block;
}

address {
    font-style: italic;
}

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

table thead th {
    color: #333;
}

table td {
    padding: 15px 10px;
}

.tp-parallax-wrap {
    left: 20px!important;
}

.background-sec {
    background: #f00 none repeat scroll 0 0 !important;
    height: 200px;
    left: 100px;
    position: relative;
    top: 100px;
    width: 450px;
}

.slider-layer1 {
    top: 20px !important;
}

.slider-layer2 {
    top: 40px !important;
}

.slider-layer3 {
    top: 60px !important;
}

.slider-layer4 {
    top: 80px !important;
}

.btn-2 {
    letter-spacing: 0;
}

.btn-2:hover,.btn-2:active {
    letter-spacing: 3px;
}

.btn-2:after,.btn-2:before {
    backface-visibility: hidden;
    border: 1px solid rgba(255,255,255,0);
    bottom: 0px;
    content: " ";
    display: block;
    margin: 0 auto;
    position: relative;
    transition: all 280ms ease-in-out;
    width: 0;
}

.btn-2:hover:after,.btn-2:hover:before {
    backface-visibility: hidden;
    border-color: #d95b1a;
    transition: width 350ms ease-in-out;
    width: 70%;
}

.btn-2:hover:before {
    bottom: auto;
    top: 0;
    width: 70%;
}

@media only screen and ( max-width: 360px) {
    table td {
        word-break:break-all;
    }
}

p,address,pre,hr,ul,ol,dl,dd,table {
    /* margin-bottom: 24px; */
}

.overflow-hide {
    overflow: hidden;
}

.overflow-auto {
    overflow: auto;
}

.clear {
    clear: both;
}

.pull-none {
    float: none;
}

::selection {
    background: #0bada1;
    color: #fff;
    -webkit-text-fill-color: #fff !important;
}

::-moz-selection {
    background: #0bada1;
    color: #fff;
    -webkit-text-fill-color: #fff !important;
}

::-webkit-selection {
    background: #0bada1;
    color: #fff;
    -webkit-text-fill-color: #fff !important;
}

@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: #0f8d7e; */
/* } */

/* h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover {
    color: #0f8d7e;
}

h1 {
    font-size: 36px;
    line-height: 36px;
    color: #3f3e3e;
    font-weight: normal;
} */

/* h2 {
    font-size: 24px;
    line-height: 24px;
    color: #3f3e3e;
    font-weight: normal;
}

h3 {
    font-size: 20px;
    line-height: 24px;
    color: #3f3e3e;
    font-weight: normal;
    margin-bottom: 20px;
}

h4 {
    font-size: 18px;
    line-height: 22px;
    color: #3f3e3e;
    font-weight: normal;
    margin-bottom: 15px;
}

h5 {
    font-size: 16px;
    line-height: 22px;
    color: #3f3e3e;
    font-weight: normal;
    margin-bottom: 10px;
}

h6 {
    font-size: 14px;
    line-height: 18px;
    color: #3f3e3e;
    font-weight: normal;
    margin-bottom: 10px;
}

p {
    line-height: 24px;
    margin-bottom: 24px;
} */

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

.font-60 {
    font-size: 60px;
}

.font-70 {
    font-size: 70px;
}

.font-80 {
    font-size: 80 px;
}

.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,ul,ol {
    list-style-position: outside;
    padding: 0;
}

ul,ol {
    margin-bottom: 24px;
}

ul li,ol 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-circle,.list-angle-right,.list-arrow,.list-check,.list-checked,.list-check-circle,.list-chevron-circle,.list-arrow-circle,.list-times-circle {
    margin: 0 0 20px 0;
    padding: 0;
    list-style: none;
}

.list-circle li,.list-angle-right li,.list-arrow li,.list-check li,.list-checked li,.list-check-circle li,.list-chevron-circle li,.list-arrow-circle li,.list-times-circle li {
    padding: 5px 5px 5px 20px;
    position: relative;
}

.list-circle li:before,.list-angle-right li:before,.list-arrow li:before,.list-check li:before,.list-checked li:before,.list-check-circle li:before,.list-chevron-circle li:before,.list-arrow-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: "\f058";
}

.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: #FF6600;
}

ul.green li:before {
    color: #00CC00;
}

ul.red li:before {
    color: #FF3737;
}

dl.no-margin,ul.no-margin,ol.no-margin {
    margin: 0px!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: bold;
    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);
}

ol.list-num-count.list-outline>li:before {
    border: 1px solid #0f8d7e;
    background-color: transparent;
    color: #787878;
}

ol.list-num-count.list-outline-none>li:before {
    background-color: transparent;
    color: #787878;
}

.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: 0;
}

.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: 32px;
}

.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-a-1 {
    margin: -1px
}

.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-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-xs-"],.no-col-gap [class*="col-sm-"],.no-col-gap [class*="col-md-"],.no-col-gap [class*="col-lg-"] {
    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;
}

.text-primary {
    color: #FFBC13;
}

.text-secondry {
    color: #1a1a1a;
}

.text-black {
    color: #000;
}

.text-gray {
    color: #f5f6f6;
}

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

.text-red {
    color: #99090A;
}

.text-green {
    color: #557131;
}

.text-yellow {
    color: #99910A;
}

.text-light-blue {
    color: #004F83;
}

.tp-revslider-slidesli .text-primary {
    color: #d95b1a;
}

.tp-revslider-slidesli .text-secondry {
    color: #000;
}

.tp-revslider-slidesli.slide2 .text-primary {
    color: #d95b1a;
}

.tp-revslider-slidesli.slide2 .text-secondry {
    color: #000;
}

.shopping-table img {
    max-width: 50%;
}

.bg-transparent {
    background-color: transparent;
}

.bg-primary {
    background-color: #0f8d7e;
}

.bg-secondry {
    background-color: #4b3941;
}

.bg-white {
    background-color: #FFF;
}

.bg-black {
    background-color: #00000061;
}

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

.bg-gray {
    background-color: #f5f6f6;
}

.bg-gray-light {
    background: none;
}

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

.bg-red {
    background-color: #fb5455;
}

.bg-green {
    background-color: #a5de5c;
}

.bg-yellow {
    background-color: #fff000;
}

.bg-dark-blue {
    background-color: #161b23;
}

.bg-light-blue {
    background-color: #3097db;
}

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

@media only screen and (max-width: 768px) {
    .bg-parallax {
        background-attachment:fixed!important;
        background-position: center!important;
        background-repeat: no-repeat;
        background-size: cover;
    }
}

.overlay-wraper {
    position: relative;
}

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

.opacity-01 {
    opacity: 0.1;
}

.opacity-02 {
    opacity: 0.2;
}

.opacity-03 {
    opacity: 0.3;
}

.opacity-04 {
    opacity: 0.4;
}

.opacity-05 {
    opacity: 0.5;
}

.opacity-06 {
    opacity: 0.6;
}

.opacity-07 {
    opacity: 0.7;
}

.opacity-08 {
    opacity: 0.8;
}

.opacity-09 {
    opacity: 0.9;
}

.overlay-light .overlay-main {
    opacity: 0.3;
}

.overlay-dark .overlay-main {
    opacity: 0.9;
}

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

.wt-left-part,.wt-right-part {
    width: 560px;
}

.wt-left-part {
    float: right;
}

@media only screen and (max-width: 1200px) {
    .wt-left-part,.wt-right-part {
        width:100%;
    }

    .wt-left-part {
        clear: both;
        float: none;
        padding-left: 30px;
    }

    .wt-right-part {
        padding-right: 30px;
    }
}

.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;
    width: 160px;
    height: 40px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -20px -75px;
    z-index: 1!important;
}

.overlay-icon a {
    display: inline-block;
    padding: 0;
    margin: 0 2px;
    border: 1px solid #fff;
    color: #fff;
}

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

.overlay-icon a:hover {
    color: #fff;
    background-color: #ffbc13;
    border: 1px solid transparent;
}

.overlay-bx:hover a>i,.wt-thum-bx:hover .overlay-bx a>i,.wt-box: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,.wt-thum-bx:hover .overlay-bx,.wt-box:hover .overlay-bx,.ow-img:hover .overlay-bx,.ow-portfolio-img: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-thum-bx,.wt-post-thum {
    position: relative;
}

.wt-box {
    position: relative;
}

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

.wt-icon-box-xld,.wt-icon-box-xl,.wt-icon-box-lg,.wt-icon-box-md,.wt-icon-box-sm,.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-xld.radius,.wt-icon-box-xl.radius,.wt-icon-box-lg.radius,.wt-icon-box-md.radius,.wt-icon-box-sm.radius,.wt-icon-box-xs.radius {
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
}

.wt-icon-box-xld i,.wt-icon-box-xl i,.wt-icon-box-lg i,.wt-icon-box-md i,.wt-icon-box-sm 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-xld img,.wt-icon-box-xl img,.wt-icon-box-lg img,.wt-icon-box-md img,.wt-icon-box-sm 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: #ffffff;
}

.bdr-black {
    border-color: #000000;
}

.bdr-primary {
    border-color: #0f8d7e;
}

.bdr-gray {
    border-color: #dddddd;
}

.bdr-gray-light {
    border-color: #eeeeee;
}

.bdr-gray-dark {
    border-color: #333333;
}

.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-xld,.icon-xl,.icon-lg,.icon-md,.icon-sm,.icon-xs {
    display: inline-block;
    text-align: center;
}

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

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

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

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

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

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

.icon-xld i,.icon-xl i,.icon-lg i,.icon-md i,.icon-sm 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-xld img,.icon-xl img,.icon-lg img,.icon-md img,.icon-sm 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: 0px 0px 0px 3px;
}

.wt-icon-box-wraper {
    position: relative;
}

.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: 0px;
}

.icon-content {
    overflow: hidden;
}

.icon-content p {
    word-break: break-all;
}

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

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

.wt-icon-box-wraper.left .wt-icon-box-xld,.wt-icon-box-wraper.left .wt-icon-box-xl,.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-xs {
    float: left;
    margin-right: 20px;
}

.wt-icon-box-wraper.left .icon-xld,.wt-icon-box-wraper.left .icon-xl,.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-xs {
    float: left;
    margin-right: 10px;
}

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

.wt-icon-box-wraper.right .wt-icon-box-xld,.wt-icon-box-wraper.right .wt-icon-box-xl,.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-xs {
    float: right;
    display: table;
    margin-left: 20px;
}

.wt-icon-box-wraper.right .icon-xld,.wt-icon-box-wraper.right .icon-xl,.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-xs {
    float: right;
    margin-left: 10px;
}

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

.wt-icon-box-wraper.center .wt-icon-box-xld,.wt-icon-box-wraper.center .wt-icon-box-xl,.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-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-info[class*="border-"],.wt-icon-box-wraper[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-thum-bx,.wt-post-thum {
    background-color: #000;
}

.wt-thum-bx img,.wt-post-thum 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 .wt-img-overlay10 {
    position: relative;
}

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

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

.wt-img-overlay1:hover:before,.wt-box:hover .wt-img-overlay1:before {
    opacity: 0.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,0.65) 100%);
    background: -webkit-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);
    background: linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.wt-img-overlay9:before,.wt-img-overlay9:after {
}

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

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

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

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

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

.wt-img-overlay11:hover .wt-img-overlay11-content {
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.wt-img-overlay11-content {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 1;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    -moz-transform: scale(0);
    -webkit-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
}

.wt-img-overlay11-content .overlay-11-detail {
    display: table;
    height: 100%;
}

.wt-img-overlay11-content .overlay-11-detail .overlay-11-info {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.wt-img-overlay11-content .overlay-11-detail .overlay-11-info h4 a {
    color: #fff;
}

@media only screen and ( max-width: 991px ) {
    .wt-img-overlay11-content .overlay-11-detail p {
        font-size:13px;
        line-height: 18px;
    }
}

.wt-img-overlay11-content .bg-color {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: -1;
    left: 0px;
    top: 0px;
}

.btn {
    padding-top: 9px;
    padding-bottom: 9px;
}

.site-button, .site-button-secondry {
    color: #fff;
    padding: 10px 20px;
    display: inline-block;
    font-size: 14px;
    outline: none;
    cursor: pointer;
    outline: none;
    border-width: 0;
    border-style: solid;
    border-color: transparent;
    line-height: 1.42857;
    margin-left: -1px;
    /* text-decoration: none!important; */
    background: #f08700 !important;
    letter-spacing: 2px;
}

.site-button {
    background-color: #0f8d7e;
}

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

.site-button-secondry {
    background-color: #4b3941;
}

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

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

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

.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:hover,.site-button.white:active,.site-button.white:focus {
    background-color: #F4F4F4;
    color: #555;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.site-button.graphical {
    color: #fff;
    text-shadow: 0 -1px rgba(0,0,0,0.4);
    box-shadow: inset 0 1px 1px rgba(255,255,255,0.3),0 1px 3px -1px rgba(45,60,72,0.5);
    -webkit-box-shadow: inset 0 1px 1px rgba(255,255,255,0.3),0 1px 3px -1px rgba(45,60,72,0.5);
    -moz-box-shadow: inset 0 1px 1px rgba(255,255,255,0.3),0 1px 3px -1px rgba(45,60,72,0.5);
    border: 1px solid rgba(0,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,0.2);
    border-left: none;
    border-right: none;
    border-top: none;
}

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

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

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

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

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

.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: #0f8d7e;
    border-color: #0f8d7e;
}

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

.site-button.outline:hover {
    border-color: rgba(0,0,0,0);
    color: #fff;
}

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

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

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

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

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

.site-button-link.gray {
    color: #666666;
}

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

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

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

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

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

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

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

.site-button-link.orange {
    color: #E56713;
}

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

.site-button-link.red {
    color: #D93223;
}

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

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

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

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

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

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

.site-button-link.purple:hover,.site-button-link.purple:active,.site-button-link.purple:focus {
    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;
}

.filter-wrap {
}

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

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

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

.masonry-filter>li.active a,.masonry-filter>li a:hover,.masonry-filter>li a:active,.masonry-filter>li a:focus {
    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: 600;
}

.masonry-filter.link-style>li:after {
    content: "/";
    position: relative;
    right: -18px;
    opacity: 0.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.active a,.masonry-filter.link-style.white>li a:hover,.masonry-filter.link-style.white>li a:active,.masonry-filter.link-style.white>li a:focus {
    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:hover a,.masonry-filter.link-style.has-bg>li:active a,.masonry-filter.link-style.has-bg>li:focus a {
    color: #0f8d7e;
}

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

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

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

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

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

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

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

.masonry-filter.outline-style>li a {
    border-width: 2px;
    border-style: solid;
    border-color: #666666;
    color: #666666;
    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>li.active a,.masonry-filter.outline-style>li a:hover,.masonry-filter.outline-style>li a:active,.masonry-filter.outline-style>li a:focus {
    border-color: #0f8d7e;
    color: #0f8d7e;
}

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

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

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

.wt-separator-outer {
    overflow: hidden;
}

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

.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: #4b3941;
    font-weight: 600;
    font-size: 13px;
    -webkit-border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    border-radius: 0px;
    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: #4b3941;
}

.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: #4b3941;
    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: #4b3941;
}

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

.wt-tabs.border-top.vertical .nav-tabs>li.active>a:after {
    top: 0px;
    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;
}

@media only screen and ( max-width: 720px) {
    .wt-tabs.vertical .nav-tabs {
        width:100%;
        float: none;
        border-right: 0px;
    }

    .wt-tabs.vertical .tab-content {
        width: 100%;
        margin-left: 0px!important;
    }
}

.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: 0px;
    -moz-border-radius: 0;
    border-radius: 0px;
    color: #4b3941;
}

.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: 0px;
    -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:hover,.acod-head a:active,.acod-head a:focus {
    color: #0f8d7e;
}

.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(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
}

.acod-head.acc-actives .indicator .fa,.acod-head [aria-expanded="true"] .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-head a,.acc-default.acc-has-bg .acod-head a:hover,.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 .indicator,.acc-default.acc-has-bg .acod-body {
    color: #fff;
}

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

.acc-outline.acc-has-bg .acod-head a,.acc-outline.acc-has-bg .acod-head a:hover,.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 .indicator,.acc-outline.acc-has-bg .acod-body {
    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: #0f8d7e;
}

.acc-bg-primary .acod-head a,.acc-bg-primary .acod-head a:hover,.acc-bg-primary .acod-head a:active,.acc-bg-primary .acod-head a:focus {
    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:hover,.acc-bg-dark .acod-head a:active,.acc-bg-dark .acod-head a:focus {
    color: #fff;
}

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

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

.owl-imgbx,.ow-portfolio-img {
    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: #0f8d7e;
}

.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-readmore a {
    font-family: 'Crete Round',serif;
    font-size: 16px;
    font-style: italic;
    text-decoration: underline;
}

.ow-post-meta {
    margin-bottom: 10px;
    font-family: 'Crete Round',serif;
    font-style: italic;
}

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

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

.ow-post-meta li:after {
    content: "/";
    display: inline-block;
    font-weight: normal;
    margin-left: 5px;
    opacity: 0.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: bold;
    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:hover,.ow-post-tags .post-tags a:active,.ow-post-tags .post-tags a:focus {
    background-color: #0f8d7e;
    color: #fff;
}

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

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

.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-readmore a {
    font-family: 'Crete Round',serif;
    font-size: 16px;
    font-style: italic;
    text-decoration: underline;
}

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

.ow-event-meta ul li {
    padding: 0;
    display: inline-block;
    font-style: italic;
    font-size: 14px;
    font-family: 'Crete Round',serif;
}

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

.client-logo {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    padding: 10px;
}

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

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

.testimonial-pic {
    background: #FFF;
    width: 100px;
    height: 100px;
    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: 100%;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
}

.testimonial-pic.shadow {
    -webkit-box-shadow: 2px 3px 6px -3px rgba(0,0,0,0.35);
    -moz-box-shadow: 2px 3px 6px -3px rgba(0,0,0,0.35);
    box-shadow: 2px 3px 6px -3px rgba(0,0,0,0.35);
}

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

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

.testimonial-1 .testimonial-position,.testimonial-grid-1 .testimonial-position {
    color: #0f8d7e;
}

.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: #0f8d7e;
    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 {
    background-color: #F4F5F7;
    padding: 25px 30px 25px 50px;
}

.testimonial-2 .testimonial-text:after,.testimonial-grid-2 .testimonial-text:after {
    content: "";
    position: absolute;
    bottom: -15px;
    left: 50px;
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 15px solid #F4F5F7;
}

.testimonial-2 .testimonial-text .fa-quote-left,.testimonial-grid-2 .testimonial-text .fa-quote-left {
    position: absolute;
    left: 15px;
    top: 30px;
    font-size: 24px;
    color: #0f8d7e;
}

.testimonial-2 .testimonial-detail,.testimonial-grid-2 .testimonial-detail {
    padding: 25px 0 20px 20px;
}

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

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

.testimonial-2 .testimonial-position,.testimonial-grid-2 .testimonial-position {
    color: #0f8d7e;
}

.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;
    background-color: rgba(255,255,255,1);
}

.testimonial-2.testimonial-bg .testimonial-text:after,.testimonial-grid-2.testimonial-bg .testimonial-text:after {
    border-top-color: rgba(255,255,255,1);
}

.testimonial-3,.testimonial-grid-3 {
    text-align: center;
}

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

.testimonial-3 .testimonial-position,.testimonial-grid-3 .testimonial-position {
    color: #0f8d7e;
}

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

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

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

.testimonial-4 .testimonial-pic:after,.testimonial-grid-4 .testimonial-pic:after {
    border-right: 3px solid #0f8d7e;
    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: #0f8d7e;
    color: #fff;
    padding: 15px 20px 15px 70px;
    display: inline-block;
    position: relative;
    z-index: 0;
}

@media only screen and (max-width: 400px) {
    .testimonial-4 .testimonial-detail,.testimonial-grid-4 .testimonial-detail {
        min-width:220px;
    }
}

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

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

@media only screen and (max-width: 400px) {
    .testimonial-4 .testimonial-detail .testimonial-name,.testimonial-grid-4 .testimonial-detail .testimonial-name,.testimonial-4 .testimonial-detail .testimonial-position,.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: #4b3941;
    color: #0f8d7e;
    position: absolute;
    left: 0;
    top: 0;
    font-size: 30px;
    width: 55px;
    line-height: 55px;
    height: 100%;
    text-align: center;
}

.testimonial-5,.testimonial-grid-5 {
    margin-left: 70px;
    position: relative;
}

.testimonial-5 .testimonial-pic-block,.testimonial-grid-5 .testimonial-pic-block {
    left: -13%;
    position: absolute;
    top: 20%;
}

.testimonial-5 .testimonial-text,.testimonial-grid-5 .testimonial-text {
    padding: 40px 30px 40px 90px;
}

.testimonial-5 .testimonial-pic,.testimonial-grid-5 .testimonial-pic {
    float: left;
    width: 130px;
    height: 130px;
    position: relative;
    z-index: 2;
    border: none;
}

.testimonial-5 .testimonial-pic-block.radius-bx .testimonial-pic:after,.testimonial-grid-5 .testimonial-pic-block.radius-bx .testimonial-pic:after {
    content: "";
    border-radius: 100%;
    position: absolute;
    background-color: #ffbc13;
    width: 110%;
    height: 110%;
    left: -2%;
    top: -2%;
    z-index: -1;
}

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

.testimonial-5 .fa-quote-left,.testimonial-grid-5 .fa-quote-left {
    font-size: 36px;
}

.testimonial-5 .testimonial-paragraph p,.testimonial-grid-5 .testimonial-paragraph p {
    padding: 5px 0px;
}

.testimonial-5 .testimonial-name,.testimonial-grid-5 .testimonial-name {
    color: #2a2a2a;
    text-transform: uppercase;
    font-size: 15px;
}

.testimonial-5 .testimonial-position,.testimonial-grid-5 .testimonial-position {
    font-style: normal;
}

.testimonial-5 .testimonial-detail,.testimonial-grid-5 .testimonial-detail {
    padding-left: 0px;
    padding-right: 0px;
}

@media only screen and (max-width: 480px) {
    .testimonial-5,.testimonial-grid-5 {
        margin-left:0%;
        position: relative;
    }

    .testimonial-5 .testimonial-pic-block,.testimonial-grid-5 .testimonial-pic-block {
        left: inherit;
        position: inherit;
        text-align: center;
        top: inherit;
        padding-top: 30px;
    }

    .testimonial-5 .testimonial-text,.testimonial-grid-5 .testimonial-text {
        padding: 40px;
    }

    .testimonial-5 .testimonial-pic,.testimonial-grid-5 .testimonial-pic {
        float: none;
    }
}

.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: #0f8d7e;
}

.pricingtable-bx {
    font-size: 70px;
    font-family: Arial;
    color: #666666;
    color: #4b3941;
}

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

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

.pricingtable-title {
    background-color: #4b3941;
    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: #4b3941;
}

.pricingtable-highlight {
    margin: -20px 0;
    -moz-box-shadow: 0 0 10px 5px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 0 10px 5px rgba(0,0,0,0.2);
    box-shadow: 0 0 10px 5px rgba(0,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: 0px;
    left: -40px;
    background-color: #4b3941;
    z-index: -1;
}

.pricing-table-style-2 .pricingtable-price .pricingtable-bx {
    color: #fff;
    font-size: 48px;
}

.pricing-table-style-2 .pricingtable-title {
    background-color: #0f8d7e;
}

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

@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;
    }
}

.pricing-table-style-3 {
}

.pricing-table-style-3 .pricingtable-inner {
    position: relative;
    z-index: 1;
    overflow: hidden;
}

.pricing-table-style-3 .pricingtable-inner.radius {
    -webkit-border-radius: 40px 40px 40px 40px;
    border-radius: 40px 40px 40px 40px;
}

.pricing-table-style-3 .pricingtable-inner.pricingtable-highlight {
    z-index: 2;
}

.pricing-table-style-3 .pricingtable-type {
    color: #0f8d7e;
}

.pricing-table-style-3 .pricingtable-title {
    background-color: inherit;
}

.pricing-table-style-3 .pricingtable-title * {
    color: #4b3941;
}

.pricing-table-style-3 .pricingtable-price {
    background-color: inherit;
}

.pricing-table-style-3 .pricingtable-features li:nth-child(2n) {
    background-color: inherit;
}

.pricing-table-style-3 .pricingtable-footer {
    background-color: inherit;
}

.pricing-table-style-3 .pricingtable-features {
    border: none;
}

.pricing-table-style-3 .pricingtable-features li {
    border-bottom: 0px;
}

.pricing-table-style-3 .overlay-main {
    z-index: -1;
}

.pricing-table-style-4 .pricingtable-inner {
    position: relative;
    overflow: hidden;
    border-bottom: 4px solid #0f8d7e;
}

.pricing-table-style-4 .pricingtable-inner.radius {
    -webkit-border-radius: 40px 40px 40px 40px;
    border-radius: 40px 40px 40px 40px;
}

.pricing-table-style-4 .pricingtable-type {
    color: #fff;
}

.pricing-table-style-4 .pricingtable-inner-overlay {
    position: relative;
    z-index: 1;
}

.pricing-table-style-4 .pricingtable-inner-overlay .overlay-main {
    z-index: -1;
}

.pricing-table-style-4 .pricingtable-title {
    background-color: inherit;
    color: #fff;
    padding: 60px 0px 0px 0px;
}

.pricing-table-style-4 .pricingtable-title * {
    color: #fff;
}

.pricing-table-style-4 .pricingtable-bx {
    color: #fff;
}

.pricing-table-style-4 .pricingtable-price {
    padding: 20px 10px;
}

.pricing-table-style-4 .pricingtable-highlight .pricingtable-price {
    padding: 30px 10px;
}

.pricing-table-style-4 .pricingtable-price {
    background-color: inherit;
}

.pricing-table-style-4 .pricingtable-features li:nth-child(2n) {
    background-color: inherit;
}

.pricing-table-style-4 .pricingtable-footer {
    background-color: inherit;
}

.pricing-table-style-4 .pricingtable-features {
    border: none;
    padding-top: 20px;
}

.pricing-table-style-4 .pricingtable-features li {
    border-bottom: 0px;
}

.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 rgba(0,0,0,0);
    -webkit-box-shadow: 0 0 0 rgba(0,0,0,0);
    -moz-box-shadow: 0 0 0 rgba(0,0,0,0);
    transition: all 0.25s;
    -moz-transition: all 0.25s;
    -webkit-transition: all 0.25s;
    -o-transition: all 0.25s;
}

.wt-img-effect.opacity img:hover {
    opacity: 0.8;
    -moz-opacity: 0.8;
    -webkit-opacity: 0.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(0.8);
    -ms-transform: scale(0.8);
    -webkit-transform: scale(0.8);
    -o-transform: scale(0.8);
    -moz-transform: scale(0.8);
}

.wt-img-effect.side-pan:hover img {
    margin-left: -9%;
    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: 0.65;
    -moz-opacity: 0.65;
    -webkit-opacity: 0.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: 0.7;
    -moz-opacity: 0.7;
    -webkit-opacity: 0.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 0.2s;
    -moz-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.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 0.2s;
    -moz-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.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(0px);
    -webkit-filter: blur(0px);
    -moz-filter: blur(0px);
    -o-filter: blur(0px);
    -ms-filter: blur(0px);
}

.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: #0f8d7e;
}

.social-icons.social-dark a {
    color: #777;
}

.social-icons.social-dark.has-bg li a:hover {
    color: #0f8d7e;
}

.social-icons.social-square a,.social-icons.social-radius a {
    border: 1px solid rgba(0,0,0,0.2);
    width: 24px;
    height: 24px;
    line-height: 24px;
    padding: 0;
}

.social-icons.social-square.social-md a,.social-icons.social-radius.social-md a {
    width: 36px;
    height: 36px;
    line-height: 36px;
    padding: 0;
}

.social-icons.social-square.social-lg a,.social-icons.social-radius.social-lg a {
    width: 40px;
    height: 40px;
    line-height: 40px;
    padding: 0;
}

.social-icons.social-square.social-primary a,.social-icons.social-radius.social-primary a {
    background-color: #0f8d7e;
    color: #FFF;
    border: 1px solid rgba(0,0,0,0.1);
}

.social-icons.social-square.social-primary a:hover,.social-icons.social-radius.social-primary a:hover {
    background-color: #4b3941;
}

.social-icons.social-square.social-primary.has-bg a:hover,.social-icons.social-radius.social-primary.has-bg a:hover {
    border: 1px solid rgba(255,255,255,1);
}

.social-icons.social-square.social-dark a,.social-icons.social-radius.social-dark a {
    background-color: #fff;
}

.social-icons.social-square.social-dark a:hover,.social-icons.social-radius.social-dark a:hover {
    background-color: #4b3941;
    color: #fff;
}

.social-icons.social-square.social-dark.has-bg a:hover,.social-icons.social-radius.social-dark.has-bg a:hover {
    border: 1px solid #0f8d7e;
}

.social-icons.social-square.social-darkest a,.social-icons.social-radius.social-darkest a {
    border: 1px solid #4a4c4c;
}

.social-icons.social-darkest a {
    color: #454747;
}

.social-icons.social-square.social-darkest a:hover,.social-icons.social-radius.social-darkest a:hover {
    background-color: #0f8d7e;
    color: #4a4c4c;
}

.social-icons.social-radius a {
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
}

.social-icons.social-square.social-dark.white-border a,.social-icons.social-radius.social-dark.white-border a {
    background: none;
    color: #fff;
    border: 1px solid rgba(255,255,255,1);
}

.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 #777777;
    color: #777777;
    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;
    background: #f2f2f2;
    padding: 15px;
    color: #000;
}

.wt-breadcrumb li {
    padding: 0;
    margin-right: 3px;
    color: #333333;
    position: relative;
    display: inline-block;
}

.wt-breadcrumb li a {
    color: #0bada1;
}

.wt-breadcrumb li:last-child {
    color: #676767;
}

.wt-breadcrumb li:last-child:after {
    display: none;
}

.breadcrumb-style-1 li:after {
    content: "/";
    margin-left: 7px;
}

.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: 0px;
}

.breadcrumb-style-3 li:after {
    top: 0px;
    -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: 0px;
    -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: bold;
    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 {
    background: #FFF;
    /* border: 1px solid #a7abad; 
    color: #222;
    height: 32px;
    line-height: 22px;
    width: 100%;
    font-size: 13px;
    padding: 3px 8px;
    outline: 0;
    font-family: Arial,sans-serif;
    font-weight: 400;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    margin: -9px auto;
    border-radius: 0 !important;
    font-family: 'Roboto Condensed', sans-serif;
    border: none;
} */

/* .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 .radio,.form-group.form-inline .checkbox {
    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: 0px!important;
}

.bootstrap-select:active,.bootstrap-select:focus {
    border: 0px!important;
    box-shadow: none!important;
    -webkit-box-shadow: none!important;
    -moz-box-shadow: none!important;
    outline: 0px!important;
}

.bootstrap-select.open {
    box-shadow: none!important;
    outline: 0px!important;
}

.bootstrap-select.open .dropdown-toggle {
    box-shadow: none!important;
    -webkit-box-shadow: none!important;
    -moz-box-shadow: none!important;
    outline: 0px!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: 0;
}

input[type=checkbox]+label, input[type=radio]+label {
    display: block;
    padding-left: 20px;
    position: relative;
    font-family: 'Roboto Condensed', sans-serif;
    color: #fff;
}

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: transparent;
    border: 2px solid #000;
    border-radius: 0px;
    content: "";
    display: inline-block;
    height: 16px;
    line-height: 1;
    margin-left: -20px;
    position: absolute;
    top: 1px;
    transition: all linear 0.1s;
    width: 16px;
}

input[type=checkbox]+label:after {
    color: #fff;
    content: "\f00c";
    font-family: FontAwesome;
    font-size: 0px;
    -webkit-font-smoothing: antialiased;
    left: 6px;
    position: absolute;
    top: 7px;
    transition: all linear 0.1s;
    background: #000;
}

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: 0px;
    -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: normal;
    color: #9fa0a1;
}

.input-rating input[type=radio] {
    display: none;
}

.input-rating input[type=radio]+label {
    display: inline-block;
    margin-left: -4px;
    padding-left: 0px!important;
    padding-right: 0px;
    width: 24px;
}

.input-rating input[type=radio]+label:first-of-type {
    margin-left: 0px;
}

.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: 0px;
    position: static;
    text-align: center;
    top: 2px;
    transition: none;
    width: 14px;
}

.input-rating input[type=radio]:checked+label:before,.input-rating input[type=radio]+label.marked:before,.input-rating input[type=radio]+label.filled:before,.input-rating input[type=radio]+label.hovered.filled: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:hover,.has-error .bootstrap-select .dropdown-toggle:focus {
    border-color: #a94442!important;
}

.has-success .bootstrap-select .dropdown-toggle,.has-success .bootstrap-select .dropdown-toggle:hover,.has-success .bootstrap-select .dropdown-toggle:focus {
    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-srh-bar,.loading-map {
    background: rgba(255,255,255,0.8);
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
}

.loading-cover .fa-spinner,.loading-srh-bar .fa-spinner,.loading-map .fa-spinner {
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -10px;
    font-size: 25px;
    color: #333;
}

.wt-banner-outer {
    margin-bottom: 0;
}

.wt-success-top,.wt-error-top {
    margin-bottom: 0;
}

.alert-bx.alert-info {
    padding: 15px;
    border: 1px solid #bce8f1;
}

.widget {
    margin-bottom: 40px;
}

.widget-title {
    margin: 0 0 25px;
}

.widget-title,.widget-title-two,.widget-title-three {
    padding-bottom: 15px;
    position: relative;
    margin-bottom: 30px;
}

.widget-title-two:after,.widget-title-two:before,.widget-title-three:after,.widget-title-three: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: #0f8d7e;
}

.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 .widget-title,.widget .widget-title-two,.widget .post-title {
    text-transform: none;
}

.recent-posts-entry ul,.category-entry ul {
    margin: 0;
    list-style: none;
    padding: 0;
}

.widget_categories ul,.widget_archive ul,.widget_meta ul,.widget_pages ul,.widget_recent_comments ul,.widget_nav_menu ul,.widget_rss ul,.widget_recent_entries ul,.widget_getintuch ul,.widget_services ul {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
}

.widget_categories ul li,.widget_archive ul li,.widget_meta ul li,.widget_pages ul li,.widget_recent_comments ul li,.widget_nav_menu li,.widget_recent_entries ul li,.widget_services ul li {
    padding-bottom: 18px;
    margin-bottom: 13px;
    border-bottom: 1px solid #e1e1e1;
    position: relative;
    padding: 10px 10px 10px 15px;
    margin-bottom: 0;
    line-height: 20px;
}

.widget_archive ul li span.badge {
    padding: 4px 7px;
    background-color: #ffbc13;
}

.widget_categories ul li a,.widget_archive ul li a,.widget_meta ul li a,.widget_pages ul li a,.widget_recent_comments ul li a,.widget_nav_menu li a,.widget_recent_entries ul li a,.widget_services ul li a {
    color: #767676;
}

.widget_categories ul li a:hover,.widget_archive ul li a:hover,.widget_meta ul li a:hover,.widget_pages ul li a:hover,.widget_recent_comments ul li a:hover,.widget_nav_menu li a:hover,.widget_recent_entries ul li a:hover,.widget_services ul li a:hover {
    color: #0f8d7e;
}

.widget_categories ul li:before,.widget_archive ul li:before,.widget_meta ul li:before,.widget_pages ul li:before,.widget_recent_comments ul li:before,.widget_nav_menu ul li:before,.widget_useful_links ul li:before,.widget_recent_entries ul li:before,.widget_services ul li:before {
    content: "\f105";
    position: absolute;
    left: 0;
    top: 10px;
    display: block;
    font-family: "FontAwesome";
}

.widget_categories ul li li,.widget_archive ul li li,.widget_meta ul li li,.widget_pages ul li li,.widget_recent_comments ul li li,.widget_nav_menu 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_categories ul li li:before,.widget_archive ul li li:before,.widget_meta ul li li:before,.widget_pages ul li li:before,.widget_recent_comments ul li li:before,.widget_nav_menu 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 #CCCCCC;
}

.searchform input[type="submit"] {
    height: 40px;
    padding: 10px 15px;
    background-color: #0f8d7e;
    position: absolute;
    right: 0;
    bottom: 0;
    color: #ffffff;
    border-left: none;
    border-right: none;
    border-top: none;
    border-bottom: none;
}

.searchform input[type="submit"]:hover,.searchform input[type="submit"]:focus,.searchform input[type="submit"]:active {
    background-color: #6ab33e;
    color: #ffffff!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: 13px;
    line-height: 16px;
    margin-bottom: 8px;
}

.recent-posts-entry .widget-post {
    margin-bottom: 5px;
    padding: 5px;
}

.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: transparent;
    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 caption {
    background-color: #E0E0E0;
    padding: 8px 10px;
    color: #1a1a1a;
    text-transform: uppercase;
    font-weight: 600;
}

.widget_calendar thead {
    background-color: #E63F75;
}

.widget_calendar tfoot tr td {
    border: none;
    padding: 0px
}

.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: #f9f9f9;
    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: 12px 14px;
    background-color: #f6f7f8;
    font-size: 14px;
    display: inline-block;
    margin: 0 0 5px;
    color: #333;
    -webkit-border-radius: 20px;
    border-radius: 20px;
}

.side-bar .widget_tag_cloud a:hover {
    background-color: #CCCCCC;
}

.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 li span.badge {
    padding: 4px 7px;
    background-color: #ffbc13;
}

.widget_categories .dropdown-menu li:before {
    left: 5px;
    top: 5px;
}

.widget_categories li a:hover {
    color: #0f8d7e;
}

.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: #999999;
    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 {
    color: #fff;
    position: absolute;
    left: 0;
    top: 5px;
    text-align: center;
    font-size: 14px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    background-color: #0f8d7e;
}

.widget_gallery ul {
    padding-left: 0;
}

.widget_gallery li {
    display: inline-block;
    margin-bottom: 5px;
    width: 23.8%;
    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: 0.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 input,.widget-quick-form button,.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: bold;
} */

/* .widget-quick-form .form-control::-moz-placeholder {
    color: #1a1a1a;
    font-weight: bold;
}

.widget-quick-form .form-control:-ms-input-placeholder {
    color: #1a1a1a;
    font-weight: bold;
}

.widget-quick-form .form-control:-moz-placeholder {
    color: #1a1a1a;
    font-weight: bold;
} */

.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,0.05);
}

.widget-client {
    background-color: #f6f7f8;
}

.widget-client .ow-client-logo {
    background-color: #f6f7f8;
}

.widget_twitter {
}

.widget_twitter ul {
    margin-left: 15px;
    margin-bottom: 0px;
    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 thead,#no-more-tables tbody,#no-more-tables th,#no-more-tables td,#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: bold;
    }

    #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: 0px 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: #4b3941;
    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;
    }
}

.call-to-action-skew .call-to-action-left {
    position: relative;
}

@media only screen and (max-width: 767px) {
    .call-to-action-skew .call-to-action-left::after {
        right:-15px;
        border-right: none;
    }

    .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: 30px 20px 30px 80px;
    font-size: 18px;
    font-style: italic;
    color: #555555;
    margin: 40px 0;
    line-height: 30px;
    position: relative;
    background: #f6f6f6;
    clear: both;
    border: none;
    font-family: 'Crete Round',serif;
}

blockquote p {
    font-size: 14px;
    color: #555555;
    line-height: 30px;
    margin-bottom: 0px;
}

blockquote:before {
    content: '\f10d';
    font-family: "FontAwesome";
    color: #555555;
    font-size: 35px;
    position: absolute;
    left: 20px;
    top: 38px;
    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 #0f8d7e;
}

.blog-post {
    position: relative;
    margin-bottom: 40px;
}

.wt-post-title {
    margin-bottom: 10px;
}

.wt-post-title .post-title {
    margin: 0;
    text-transform: uppercase;
    font-weight: normal;
}

.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-style: italic;
    font-size: 14px;
    font-family: 'Crete Round',serif;
}

.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: normal;
    margin-left: 5px;
    opacity: 0.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-readmore a {
    font-family: 'Crete Round',serif;
    font-size: 16px;
    font-style: italic;
    text-decoration: underline;
}

.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: #0f8d7e;
    color: #fff;
}

.date-style-2 .post-date {
    color: #fff;
    position: absolute;
    left: 20px;
    top: 0;
    width: 50px;
    text-align: center;
    text-transform: uppercase;
    background-color: #0f8d7e;
    z-index: 1;
}

.date-style-2 .post-date strong,.date-style-2 .post-date span {
    display: block;
    padding: 10px 5px;
}

.date-style-2 .post-date strong {
    font-size: 10px;
    padding: 10px 5px 5px;
    position: relative;
    background-color: #4b3941;
}

.date-style-2 .post-date span {
    font-size: 16px;
    padding: 5px 5px 10px;
}

.date-style-2 .post-date:after,.date-style-2 .post-date .fa,.date-style-3 .post-date:after {
    display: none;
}

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

.date-style-3 .post-date {
    background-color: #4b3941;
    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: #0f8d7e;
    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: #0f8d7e;
    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: #0f8d7e;
    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: #4b3941;
    right: -12px;
    top: 0px;
    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 .widget-post:last-child {
    border: none;
}

.recent-posts-entry-date .wt-post-date {
    background-color: #0e0e0e;
    width: 50px;
    height: 60px;
    float: left;
}

.recent-posts-entry-date .wt-post-date strong {
    display: block;
    font-size: 24px;
}

.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: normal;
    font-size: 12px;
}

.recent-posts-entry-date .wt-post-info .post-title {
    font-weight: bold;
    margin-top: 0px;
}

.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-previous a,.nav-links .nav-next a {
    display: inline-block;
    color: #3396d1;
    font-weight: 600;
    margin-bottom: 20px;
    outline: none!important;
}

.nav-links .nav-previous a:hover,.nav-links .nav-next a:hover {
    color: #0099CC;
}

.nav-links .nav-previous a:after,.nav-links .nav-next 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-previous,.post-navigation .nav-next {
    display: inline-block;
    width: 50%;
}

.post-navigation .nav-next {
    text-align: right;
}

.post-navigation .nav-previous a:after,.post-navigation .nav-next a:after {
    display: none;
}

.post-navigation .nav-previous .post-title,.post-navigation .nav-next .post-title {
    display: block;
    font-size: 15px;
    color: #777777;
    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: 0px 0 0;
    overflow: hidden;
    padding: 0px 0px 5px 15px;
    text-align: center
}

.gallery .gallery-caption {
    padding-top: 10px;
    font-size: 13px;
}

.gallery .gallery-item img {
    float: left;
    padding: 0 0px;
    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,0.7);
    display: block;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.5;
    padding: 0.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 30px 20px 60px;
    margin-bottom: 40px;
    margin-left: 40px;
    position: relative;
    border: 1px solid #f2f2f2;
    border-left: 5px solid #f2f2f2;
}

ol.comment-list li.comment .comment-author {
    display: block;
    margin-bottom: 10px;
}

ol.comment-list li.comment .comment-author .avatar {
    position: absolute;
    top: 20px;
    left: -50px;
    width: 90px;
    height: 90px;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border: 2px solid #F2F2F2;
    padding: 5px;
    background-color: #fff;
}

ol.comment-list li.comment .comment-author .fn {
    display: inline-block;
    color: #555555;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 600;
    font-style: normal;
}

ol.comment-list li.comment .comment-author .says {
    display: none;
    color: #999999;
    font-weight: 600;
}

ol.comment-list li.comment .comment-meta {
    color: #8d8d8d;
    margin-bottom: 15px;
    font-family: 'Crete Round',serif;
    font-size: 16px;
}

ol.comment-list li.comment .comment-meta a {
    color: #8d8d8d;
}

ol.comment-list li.comment .comment-meta a {
    color: #8d8d8d;
}

ol.comment-list li.comment .comment-meta:before,ol.comment-list li.comment .reply a:before {
    font-family: "FontAwesome";
    font-size: 16px;
    vertical-align: top;
}

ol.comment-list li.comment .comment-meta:before {
    content: "\f133";
}

ol.comment-list li.comment .reply a:before {
    content: "\f112";
    font-weight: normal;
    color: #555555;
    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: 30px;
    }

    ol.comment-list li.comment .comment-author .avatar {
        left: -35px;
        height: 70px;
        width: 70px;
    }

    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:26px;
    }

    ol.comment-list li.comment .comment-author .avatar {
        left: -30px;
        top: 12px;
        width: 60px;
        height: 60px;
    }

    ol.comment-list li.comment .comment-body {
        padding-left: 40px;
    }
}

.comment-respond {
}

.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;
    font-weight: 600;
}

.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: 0px;
    font-size: 16px;
    color: #8f8f8f;
    width: 40px;
    height: 40px;
    line-height: 40px;
    border: none;
    text-align: center;
}

.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;
    resize: none;
}

.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"]:hover,.comments-area .comment-form p input[type="submit"]:focus,.comments-area .comment-form p input[type="submit"]:active {
    background-color: #6ab33e;
    border-color: #6ab33e;
    color: #fff;
}

.comment-respond .form-submit .site-button {
    width: 100%;
    font-weight: 700;
    padding: 15px 20px;
}

@media only screen and (max-width: 767px) {
    .comments-area .comment-form p {
        width:100%;
        float: none;
        margin-bottom: 20px;
    }

    .comment-respond {
        padding: 20px;
    }
}

.blog-post-demo-one [class*="col-"]:nth-child(even) .wt-post-media {
    display: table-footer-group;
}

.blog-post-demo-one [class*="col-"]:nth-child(even) .wt-post-media a {
    display: block;
    overflow: hidden;
}

.blog-post-demo-one [class*="col-"]:nth-child(even) .wt-post-info {
    display: table-header-group;
}

.blog-post-demo-one [class*="col-"]:nth-child(even) .date-style-3 .wt-post-info,.blog-post-demo-one [class*="col-"]:nth-child(even) .date-style-2 .wt-post-info {
    position: static;
}

.blog-post-demo-one [class*="col-"]:nth-child(even) .date-style-3 .post-date,.blog-post-demo-one [class*="col-"]:nth-child(even) .date-style-2 .post-date {
    bottom: 0px;
    top: auto;
}

.blog-block-img {
    background-position: center center;
    background-size: cover;
    display: block;
    height: 250px;
    width: 100%;
}

.wt-post-info-inner {
    padding: 50px;
    height: 250px;
}

.blog-post-demo-one .wt-post-media {
    position: relative;
}

.wt-blog-post-direction {
    text-align: center;
    position: absolute;
    width: 100%;
    bottom: -20px;
    color: #F5F6F6;
}

.wt-blog-post-direction span {
    display: inline-block;
    font-size: 40px;
}

.blog-post-demo-one .wt-post-media:after {
    position: absolute;
    content: "";
    bottom: 0px;
    left: 50%;
    margin-left: -8px;
    width: 0;
    height: 0;
    border-left: 14px solid transparent;
    border-right: 14px solid transparent;
    border-bottom: 14px solid #F5F6F6;
}

.blog-post-demo-one [class*="col-"]:nth-child(even) .wt-post-media:after {
    top: 0px;
    bottom: auto;
    border-left: 14px solid transparent;
    border-right: 14px solid transparent;
    border-top: 14px solid #F5F6F6;
    border-bottom: none;
}

@media only screen and (max-width: 1280px) {
    .wt-post-info-inner {
        padding:20px;
    }
}

@media only screen and (max-width: 767px) {
    .wt-post-info-inner {
        height:auto;
    }
}

.blog-post .grid-post {
}

.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: fixed; */
    z-index: 996;
    width: 100%;
    /* border-bottom: 1px solid #ccc; */
    /* box-shadow: 2px 2px 4px -1px #ccc; */
    background: #ffffff !important;
}

@media only screen and (max-width: 1200px) {
    .site-header .container {
        width:auto;
    }
}

.site-header ul,.site-header ol {
    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;
    }
}

.top-bar {
    color: #ffffff;
    padding: 10px 0;
    background-color: #0f8d7e;
}

.top-bar .fa {
    vertical-align: middle;
    background-color: rgba(0,0,0,0.08);
    border: 1px solid rgba(0,0,0,0.01);
    padding: 3px;
    width: 22px;
    height: 22px;
    text-align: center;
    border-radius: 1px;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
}

.wt-topbar-left,.wt-topbar-right,.wt-topbar-center {
    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: 12px;
    padding-right: 10px;
}

.e-p-bx li a {
    color: #FFF;
}

.e-p-bx li i {
    margin-right: 5px;
    vertical-align: middle;
}

.social-bx,.login-bx {
    margin: 0 0 0 15px;
    float: right;
}

@media only screen and (max-width: 480px) {
    .social-bx,.e-p-bx,.login-bx {
        margin-top:5px;
        margin-bottom: 5px!important;
    }
}

.social-bx li,.login-bx li {
    font-size: 12px;
    margin: 0;
    position: relative;
}

.social-bx li {
    padding-left: 2px;
    padding-right: 2px;
}

.social-bx li a,.login-bx li a {
    color: #ffffff;
}

.social-bx li i,.login-bx li i {
    vertical-align: baseline;
    margin: 0 5px 0 0;
}

.social-bx li span,.login-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 #F00;
    border-left: 7px solid transparent;
    border-bottom-color: rgba(0,0,0,0.2);
}

.arrow-up:after {
    top: -6px;
    right: 20px;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #ffffff;
    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,0.2);
    content: '';
}

.arrow-left:after {
    position: absolute;
    top: -6px;
    left: 10px;
    display: inline-block;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #ffffff;
    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: 90px;
    position: relative;
    z-index: 9;
}

@media only screen and (max-width: 991px) {
    .logo-header {
        width:180px;
    }

    .header-skew::before,.header-skew::after {
        bottom: -10px;
        height: 127%;
    }
}

@media only screen and (max-width: 480px) {
    .logo-header {
        width:100px;
    }

    .header-skew::before,.header-skew::after {
        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-header>a,.logo-footer>a {
    display: table-cell;
    vertical-align: middle;
    color: #fff;
}

.logo-header.center-block {
    margin-left: auto;
    margin-right: auto;
    float: none;
}

.logo-header img, .logo-footer img {
    max-width: 100%;
    width: 145px;
    height: auto;
    vertical-align: middle;
}

.logo-header span,.logo-footer span {
    font-size: 20px;
    color: #1bbce8;
    letter-spacing: 20px;
}

.is-fixed .logo-header {
    height: 70px;
}

.main-bar {
    position: relative;
    width: 100%;
}

.main-bar::after,.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;
}

.header-info {
    float: right;
    padding: 10px 0;
}

.header-info>ul {
    list-style: none;
    display: table;
}

.header-info>ul li {
    display: table-cell;
    padding: 15px 10px;
    vertical-align: middle;
}

.header-info>ul li .icon-sm {
    float: left;
    margin-right: 15px;
}

.header-info>ul li strong {
    display: block;
    font-size: 16px;
    text-transform: uppercase;
}

@media only screen and (max-width: 991px) {
    .header-info>ul li {
        display:none;
    }

    .header-info>ul li.btn-col-last {
        display: block;
        padding-left: 0;
        padding-right: 0;
    }
}

@media only screen and (max-width: 767px) {
    .header-info>ul li.btn-col-last,.header-info {
        display:none;
    }
}

.header-botton {
    background-color: #4B3941;
}

.header-botton .header-nav .nav {
    float: none;
}

.header-botton .header-nav .nav>li>a {
    padding: 20px 12px;
    color: #fff;
}

.header-botton .extra-nav {
    padding: 13px 0;
}

.header-botton .extra-nav .site-search-btn {
    color: #fff;
    padding: 7px 15px;
}

.header-botton .extra-nav .wt-cart .woo-cart-count {
    color: #fff;
    min-width: 36px;
    padding: 5px 5px 5px;
}

.header-botton .extra-nav .wt-cart .woo-cart-count::before {
    border-color: #fff;
}

@media only screen and (max-width: 991px) {
    .header-botton .navbar-toggle {
        float:left;
        margin: 9px 0;
    }

    .header-botton .navbar-toggle span {
        background-color: #fff;
    }

    .header-botton .header-nav .nav>li>a {
        padding: 12px 12px;
        color: #777;
    }
}

@media only screen and (max-width: 767px) {
    .header-middle .logo-header {
        float:none;
        margin: 9px auto;
    }
}

.site-search-btn {
    background: none;
    padding: 10px 15px;
    border: none;
    outline: none;
    color: #555;
}

#search {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.9);
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    -webkit-transform: translate(0px,-100%) scale(0,0);
    -moz-transform: translate(0px,-100%) scale(0,0);
    -ms-transform: translate(0px,-100%) scale(0,0);
    -o-transform: translate(0px,-100%) scale(0,0);
    transform: translate(0px,-100%) scale(0,0);
    opacity: 0;
    display: none;
}

#search.open {
    -webkit-transform: translate(0px,0px) scale(1,1);
    -moz-transform: translate(0px,0px) scale(1,1);
    -ms-transform: translate(0px,0px) scale(1,1);
    -o-transform: translate(0px,0px) scale(1,1);
    transform: translate(0px,0px) scale(1,1);
    opacity: 1;
    z-index: 999;
    display: block;
}

#search form {
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -51px;
    width: 60%;
    margin-left: 20%;
    color: #ffffff80;
    background: transparent;
    border: 1px solid rgba(255,255,255,0.1);
    font-size: 40px;
    font-family: Roboto;
    font-weight: 300;
    text-align: left;
    outline: none;
    padding: 10px;
}

#search input[type="search"] {
    width: 100%;
    background: none;
    border: none;
    padding: 0px 30px;
}

#search .search-btn {
    border: none;
    background: none;
    padding: 0px 30px;
}

#search .search-btn i {
    font-size: 36px;
}

#search .close {
    position: fixed;
    top: 15px;
    right: 15px;
    opacity: 1;
    font-size: 27px;
    color: #fff;
    width: 30px;
    height: 30px;
}

#search .close:after,#search .close:before {
    content: "";
    position: absolute;
    width: 2px;
    height: 32px;
    background-color: #fff;
    right: 20px;
    top: 0px;
}

#search .close:after {
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

#search .close:before {
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

#search .close:hover:after,#search .close:hover:before {
    cursor: pointer;
}

@media only screen and ( max-width: 768px ) {
    #search form {
        width:90%;
        margin-left: 5%;
        font-size: 26px;
    }

    #search input[type="search"] {
        padding: 0px 0px 0px 30px;
    }

    #search .search-btn {
        padding: 0px 15px;
    }

    #search .search-btn i {
        font-size: 24px;
    }
}

@media only screen and ( max-width: 400px ) {
    #search form {
        font-size:16px;
    }

    #search input[type="search"] {
        padding: 0px 0px 0px 10px;
    }

    #search .search-btn {
        padding: 0px 15px;
    }

    #search .search-btn i {
        font-size: 18px
    }
}

/* .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: 24px;
    margin-bottom: 24px;
    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;
    }
}

.is-fixed .navbar-toggle {
    margin-top: 14px;
    margin-bottom: 14px;
}

.header-nav {
    position: relative;
    padding: 4px 0 0 0;
}

.header-nav .nav {
    float: none;
}

.header-nav .nav i {
    font-size: 9px;
    margin-left: 3px;
    margin-top: -3px;
    vertical-align: middle;
    opacity: 0.7;
}

.header-nav .nav>li {
    margin: 0px;
    font-weight: 400;
    text-transform: uppercase;
    position: relative;
}

.header-nav .nav>li>a {
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    color: #ffffff;
    font-size: 14px;
    font-weight: 300;
    padding: 30px 14px;
    cursor: pointer;
    text-transform: capitalize;
    font-family: 'ABeeZee', sans-serif;
    letter-spacing: 0;
}

.header-nav .nav>li>a:hover, .header-nav .nav>li>a:focus {
    background-color: #0c7b70;
    color: #fff !important;
}

.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: #0f8d7e;
}

.header-nav .nav>li:hover>a {
    color: #0f8d7e;
}

.header-nav .nav>li:hover>.sub-menu,.header-nav .nav>li:hover>.mega-menu {
    opacity: 1;
    visibility: visible;
    margin-top: 0;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.header-nav .nav>li .sub-menu {
    background-color: #ffffff;
    border: 1px solid #f4f4f4;
    display: block;
    left: 0;
    list-style: none;
    margin: 20px 0 0;
    opacity: 0;
    padding: 0px;
    position: absolute;
    visibility: hidden;
    width: 220px;
    z-index: 10;
}

.header-nav .nav>li .sub-menu li {
    border-bottom: 1px solid #f4f4f4;
    position: relative;
}

.header-nav .nav>li .sub-menu li a {
    color: #474747;
    display: block;
    font-size: 13px;
    padding: 10px 20px;
    font-weight: 600;
    text-transform: none;
}

.header-nav .nav>li .sub-menu li a:hover {
    background-color: #F2F2F2;
    color: #1BBCE8;
    text-decoration: none;
}

.header-nav .nav>li .sub-menu li:hover>a {
    color: #1BBCE8;
}

.header-nav .nav>li .sub-menu li:last-child {
    border-bottom: 0px;
}

.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 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.header-nav .nav>li .sub-menu li:hover>.sub-menu {
    left: 220px;
    margin: 0px;
    opacity: 1;
    top: -1px;
    visibility: visible;
}

.header-nav .nav>li .sub-menu li:hover>.sub-menu:before {
    background-color: transparent;
    bottom: 0px;
    content: '';
    display: block;
    height: 100%;
    left: -6px;
    position: absolute;
    top: 0px;
    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: #ffffff;
    border: 1px solid #e9e9e9;
    display: table;
    left: 0px;
    list-style: none;
    opacity: 0;
    position: absolute;
    right: 0px;
    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%;
}

.header-nav .nav>li .mega-menu>li:after {
    content: "";
    background-color: rgba(204,204,204,0.4);
    position: absolute;
    right: 0px;
    top: 0px;
    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: #555555;
    display: block;
    font-size: 14px;
    padding: 0 20px;
}

.header-nav .nav>li .mega-menu>li ul {
    list-style: none;
    margin: 10px 0px 0px 0px;
    padding: 0px;
}

.header-nav .nav>li .mega-menu>li ul a {
    color: #474747;
    display: block;
    font-size: 13px;
    line-height: 34px;
    padding: 2px 20px;
    font-weight: 600;
    text-transform: none;
}

.header-nav .nav>li .mega-menu>li ul a:hover {
    color: #1BBCE8;
    background-color: #F2F2F2;
}

.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: 219px;
    margin: 0 0 0 0;
}

.has-child .submenu-toogle {
    position: absolute;
    right: 10px;
    top: 10px;
    color: #fff;
    background-color: #4b3941;
    z-index: 999;
    cursor: pointer;
    padding: 7px;
    font-size: 10px;
    display: none;
}

.has-child li .submenu-toogle {
    opacity: 0.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: #0f8d7e;
    }
}

@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;
    }

    .header-nav .nav li {
        float: none;
    }

    .header-nav .nav>li .sub-menu>li,.header-nav .nav>li .mega-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: #0f8d7e;
    }

    .header-nav .nav i {
        float: right;
    }

    .header-nav .nav>li>a:hover,.header-nav .nav>li>a:active,.header-nav .nav>li>a:focus {
        background-color: #f0f0f0;
        text-decoration: none;
    }

    .header-nav .nav>li .mega-menu>li:after {
        display: none;
    }

    .header-nav .nav>li ul,.header-nav .nav>li .sub-menu,.header-nav .nav>li .mega-menu {
        display: none;
        position: static;
        visibility: visible;
        width: auto;
        background: #f9f9f9;
    }

    .header-nav .nav>li ul.mega-menu ul {
        display: block;
    }

    .header-nav .nav>li .mega-menu>li {
        padding: 0px;
    }

    .header-nav .nav>li ul.mega-menu li:hover ul {
        display: block;
    }

    .header-nav .nav li.has-child {
        position: relative;
    }

    .header-nav .nav li .sub-menu,.header-nav .nav li .mega-menu {
        opacity: 1;
        margin: 0!important;
    }

    .has-child .submenu-toogle {
        display: block;
    }
}

.nav-dark.header-nav .nav>li .sub-menu,.nav-dark.header-nav .nav>li .mega-menu {
    background-color: #4b3941;
    border: 1px solid rgba(0,0,0,0.2);
}

.nav-dark.header-nav .nav>li .sub-menu li {
    border-bottom: 1px solid #23282f;
}

.nav-dark.header-nav .nav>li .sub-menu li a,.nav-dark.header-nav .nav>li .mega-menu>li ul a,.nav-dark.header-nav .nav>li .mega-menu>li>a {
    color: #CCCCCC;
}

.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: #0f8d7e;
}

.nav-dark.header-nav .nav>li .mega-menu>li:after {
    background-color: rgba(0,0,0,0.2);
}

@media only screen and (max-width: 991px) {
    .nav-dark.header-nav {
        border-bottom:1px solid rgba(0,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,0.2);
    }

    .nav-dark.header-nav .nav>li>a {
        color: #999;
    }

    .nav-dark.header-nav .nav>li>a:hover,.nav-dark.header-nav .nav>li>a:active,.nav-dark.header-nav .nav>li>a:focus {
        background-color: #23282F;
        color: #0f8d7e;
    }

    .nav-dark.header-nav .nav>li ul,.nav-dark.header-nav .nav>li .sub-menu,.nav-dark.header-nav .nav>li .mega-menu {
        background-color: #23282F;
    }
}

.sticky-no .main-bar {
    position: static!important;
}

.is-fixed .main-bar {
    position: fixed;
    top: 0px;
    left: 0;
    box-shadow: 1px 1px 5px #2d2d2d;
    height: 90px;
}

.is-fixed .header-nav .nav>li>a {
    padding: 25px 12px;
}

.is-fixed .extra-nav {
    padding: 13px 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;
        height: 275px;
    }

    .is-fixed .header-nav .nav>li>a {
        padding: 12px 15px;
    }

    .is-fixed#header-part .navbar-toggle {
        margin: 15px 0;
    }
}

#header-part.full-width .top-bar .container,#header-part.full-width .main-bar .container {
    width: auto;
}

.bg-primary .header-nav .nav>li>a {
    color: #fff;
}

.bg-primary .header-nav .nav>li:hover>a,.bg-primary .header-nav .nav>li.active>a,.bg-primary .header-nav .nav>li.current-menu-item>a {
    color: #4b3941;
}

.bg-primary .wt-cart .woo-cart-total,.bg-primary .wt-cart .woo-cart-count {
    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:hover>a,.bg-primary .header-nav .nav>li.active>a,.bg-primary .header-nav .nav>li.current-menu-item>a {
        color: #0f8d7e;
    }
}

.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: none;
}

.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:#777777;
    }
}

.header-style-3 .navbar-toggle .icon-bar {
    background: #FFF;
}

.header-style-3 .site-search-btn,.header-style-3 .wt-cart .woo-cart-total,.header-style-3 .wt-cart .woo-cart-count {
    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;
}

.header-style-3 .is-fixed.color-fill .main-bar {
    background: #373329;
}

.header-style-4 .main-bar {
    background-color: rgba(255,255,255,0.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,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:#777777;
    }
}

.header-style-5 .navbar-toggle .icon-bar {
    background: #FFF;
}

.header-style-5 .site-search-btn,.header-style-5 .wt-cart .woo-cart-total,.header-style-5 .wt-cart .woo-cart-count {
    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,0.9);
}

.header-style-6 .is-fixed .header-nav .nav>li>a {
    padding: 20px 12px;
}

.header-style-6 .is-fixed .navbar-toggle {
    margin-top: 10px;
    margin-bottom: 10px;
}

.header-style-7 .main-bar {
    max-width: 1130px;
    margin: auto;
}

.header-style-7 .is-fixed .header-nav .nav>li>a {
    padding: 20px 12px;
}

.header-style-7 .is-fixed .navbar-toggle {
    margin-top: 10px;
    margin-bottom: 10px;
}

.header-style-7 .main-bar .container {
    width: 100%;
    max-width: 100%;
}

.header-style-7 .is-fixed .main-bar {
    margin: 0 -565px;
    left: 50%;
}

@media only screen and (max-width: 1200px) {
    .header-style-7 .main-bar,.header-style-7 .is-fixed .main-bar {
        max-width:100%;
        margin: 0;
        left: 0;
    }
}

.header-style-8 .main-bar {
    max-width: 1130px;
    margin: 0 auto -60px;
}

.header-style-8 .is-fixed .header-nav .nav>li>a {
    padding: 20px 12px;
}

.header-style-8 .is-fixed .navbar-toggle {
    margin-top: 10px;
    margin-bottom: 10px;
}

.header-style-8 .main-bar .container {
    width: 100%;
    max-width: 100%;
}

.header-style-8 .is-fixed .main-bar {
    margin: 0 -565px;
    left: 50%;
}

@media only screen and (max-width: 1200px) {
    .header-style-8 .main-bar,.header-style-8 .is-fixed .main-bar {
        max-width:100%;
        margin: 0;
        left: 0;
    }
}

.wt-banner-row,.wt-banner-outer {
    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;
    color: #FFFFFF;
}

.wt-bnr-text-has {
    max-width: 600px;
}

.wt-bnr-text strong,.wt-bnr-text span {
    text-shadow: 0 1px 2px rgba(0,0,0,0.3);
    -webkit-text-shadow: 0 1px 2px rgba(0,0,0,0.3)
}

.wt-bnr-text strong {
    display: block;
    font-size: 60px;
    font-weight: 700;
    line-height: 70px;
    margin: 0 0 25px;
    color: #FFFFFF;
}

.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: 12px;
    height: 12px;
    margin: 5px 7px;
    background: #4b3941;
    border: 1px solid #fff;
    display: block;
    -webkit-backface-visibility: visible;
    -webkit-transition: opacity 200ms ease;
    -moz-transition: opacity 200ms ease;
    -ms-transition: opacity 200ms ease;
    -o-transition: opacity 200ms ease;
    transition: opacity 200ms ease;
}

.owl-carousel .owl-dots .owl-dot.active span,.owl-carousel .owl-dots .owl-dot:hover span {
    background: #0f8d7e
}

.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-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: 0px;
}

.owl-btn-vertical-center .owl-nav .owl-prev,.owl-btn-vertical-center .owl-nav .owl-next {
    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;
}

.owl-prev,.owl-next {
    background-color: #212121;
    border-color: #212121;
    color: #ffffff;
    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: 0.5;
}

.owl-prev {
    margin-right: 5px;
}

.owl-next {
    margin-left: 5px;
}

.owl-prev:hover,.owl-prev:active,.owl-prev:focus,.owl-next:hover,.owl-next:active,.owl-next:focus {
    background-color: #212121;
    border-color: #212121;
    color: #ffffff;
    opacity: 0.9;
}

.owl-dots-bottom-left .owl-dots,.owl-dots-bottom-right .owl-dots,.owl-dots-bottom-center .owl-dots {
    bottom: 0px;
    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;
}

.pagination-bx .pagination,.cvf-universal-pagination .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:hover,.pagination>li>span:hover,.pagination>li>a:focus,.pagination>li>span:focus {
    background-color: #0f8d7e;
    border-color: transparent;
    color: #fff;
}

.pagination>.active>a,.pagination>.active>span,.pagination>.active>a:hover,.pagination>.active>span:hover,.pagination>.active>a:focus,.pagination>.active>span:focus {
    background-color: #0f8d7e;
    border-color: transparent;
}

.pagination>.previous>a,.pagination>.next>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: #4b3941;
    border: 1px solid #0e131b;
    color: #fff;
    font-weight: 600;
    font-size: 12px;
}

.custom-pagination.pagination>li>a:hover,.custom-pagination.pagination>li>span:hover,.custom-pagination.pagination>li>a:focus,.custom-pagination.pagination>li>span:focus {
    background-color: #0f8d7e;
    border-color: transparent;
    color: #fff;
}

.custom-pagination.pagination>.active>a,.custom-pagination.pagination>.active>span,.custom-pagination.pagination>.active>a:hover,.custom-pagination.pagination>.active>span:hover,.custom-pagination.pagination>.active>a:focus,.custom-pagination.pagination>.active>span:focus {
    background-color: #0f8d7e;
    border-color: transparent;
}

.custom-pagination.pagination>.previous>a,.custom-pagination.pagination>.next>a {
    padding: 8px 14px;
    font-size: 12px;
}

.custom-page.pager li a {
    background-color: #4b3941;
    border: none;
    color: #fff;
}

.custom-page.pager li>a:focus,.custom-page.pager li>a:hover {
    background-color: #0f8d7e;
    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: 35px;
    width: 100%;
    background-image: url(../images/footer-strip.png);
    background-repeat: repeat-x;
    background-position: center top;
}

.site-footer .widget>.widget-title {
    letter-spacing: 2px;
}

.site-footer p,.site-footer li {
    font-size: 13px;
    line-height: 20px;
}

.site-footer {
    background-position: center;
    background-size: cover;
}

.site-footer p {
    line-height: 20px;
}

.site-footer .widget ul {
    list-style: none;
    margin-top: 5px;
}

.footer-top {
    padding: 50px 0;
}

.footer-bottom {
    /* padding: 0px 0px 10px 0px; */
    color: #787878;
    font-size: 13px;
    background: #000;
}

.footer-bottom p {
    margin: 0;
    color: #fff;
    text-align: center;
    padding: 10px 0;
    /* font-family: 'ABeeZee', sans-serif; */
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
}

.footer-bottom .copyrights-text {
    color: #ffffff;
}

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

.footer-bottom .copyrights-nav li a {
    color: #787878;
}

.footer-bottom .copyrights-nav li a:hover,.footer-bottom .copyrights-nav li a:active,.footer-bottom .copyrights-nav li a:focus,.footer-bottom .copyrights-nav li.active a {
    color: #0f8d7e;
}

.footer-dark .footer-top {
    background-color: #1b1b1b;
}

.footer-dark .footer-bottom {
    background-color: #1B1B1B;
}

.footer-dark .footer-top h1,.footer-dark .footer-top h2,.footer-dark .footer-top h3,.footer-dark .footer-top h4,.footer-dark .footer-top h5,.footer-dark .footer-top h6,.footer-dark .footer-top h1 a,.footer-dark .footer-top h2 a,.footer-dark .footer-top h3 a,.footer-dark .footer-top h4 a,.footer-dark .footer-top h5 a,.footer-dark .footer-top h6 a {
    color: #fff;
}

.footer-dark .footer-top .widget-title::before {
    border-color: #fff;
}

.footer-dark .footer-top p,.footer-dark .footer-top strong,.footer-dark .footer-top b,.footer-dark .footer-top,.footer-dark .widget_categories ul li a,.footer-dark .widget_archive ul li a,.footer-dark .widget_meta ul li a,.footer-dark .widget_pages ul li a,.footer-dark .widget_recent_comments ul li a,.footer-dark .widget_nav_menu li a,.footer-dark .widget_recent_entries ul li a,.footer-dark .widget_services ul li a {
    color: #999;
}

.footer-dark .footer-top a:active,.footer-dark .footer-top a:focus,.footer-dark .footer-top a:hover {
    color: #0f8d7e;
}

.footer-dark .footer-top p a {
    color: #3396d1;
}

.footer-dark .footer-top .widget_newsletter .form-control {
    background-color: #0e0e0e;
    border-color: #2d2d2d;
}

.footer-light .footer-top {
    background-color: #eee;
}

.footer-light .footer-bottom {
    background-color: #000;
}

footer .widget_categories ul li,footer .widget_archive ul li,footer .widget_meta ul li,footer .widget_pages ul li,footer .widget_recent_comments ul li,footer .widget_nav_menu li,footer .widget_recent_entries ul li,footer .widget_services ul li {
    border-bottom: 1px dashed rgba(102,102,102,0.3);
}

footer .widget_categories ul li:last-child,footer .widget_archive ul li:last-child,footer .widget_meta ul li:last-child,footer .widget_pages ul li:last-child,footer .widget_recent_comments ul li,footer .widget_nav_menu li:last-child,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,0.2);
    border: 1px solid rgba(0,0,0,0.30);
}

.footer-bottom ul {
    margin: 0;
}

.wt-footer-bot-left,.wt-footer-bot-right,.wt-footer-bot-center {
    padding-left: 15px;
    padding-right: 15px;
}

.wt-footer-bot-left {
    float: left;
}

.wt-footer-bot-right {
    float: right;
}

.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 {
    height: 55px;
    width: 55px;
    background: #ffffff;
    border: 3px solid;
    position: fixed;
    right: 15px;
    bottom: 15px;
    font-size: 11px;
    line-height: 16px;
    font-weight: bold;
    text-transform: uppercase;
    margin: 0;
    padding: 0;
    cursor: pointer;
    display: none;
    text-align: center;
    z-index: 999;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

button.scroltop span {
    display: block;
    font-size: 24px;
    /* background: #fff; */
    line-height: 24px;
}

.string {
    position: relative;
}

#btn-vibrate {
    animation: vibrate 2s linear 0s infinite;
    -moz-animation: vibrate 2s linear 0s infinite;
    -webkit-animation: vibrate 2s linear 0s infinite;
    -o-animation: vibrate 2s linear 0s infinite;
}

@keyframes vibrate {
    0% {
        top: 0px;
    }

    25% {
        top: -3px;
    }

    50% {
        top: 0px;
    }

    75% {
        top: 3px;
    }

    100% {
        top: 0px;
    }
}

@-moz-keyframes vibrate {
    0% {
        top: 0px;
    }

    25% {
        top: -3px;
    }

    50% {
        top: 0px;
    }

    75% {
        top: 3px;
    }

    100% {
        top: 0px;
    }
}

@-webkit-keyframes vibrate {
    0% {
        top: 0px;
    }

    25% {
        top: -3px;
    }

    50% {
        top: 0px;
    }

    75% {
        top: 3px;
    }

    100% {
        top: 0px;
    }
}

@-o-keyframes vibrate {
    0% {
        top: 0px;
    }

    25% {
        top: -3px;
    }

    50% {
        top: 0px;
    }

    75% {
        top: 3px;
    }

    100% {
        top: 0px;
    }
}

@media only screen and (max-width: 480px) {
    button.scroltop {
        font-size:7px;
        height: 30px;
        width: 30px;
        line-height: 16px;
    }

    button.scroltop span {
        font-size: 10px;
        line-height: 10px;
    }
}

#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,0.5);
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.5);
    -moz-box-shadow: 0 0 10px rgba(0,0,0,0.5);
}

.boxed .tp-banner-container,.boxed .rev_slider_wrapper {
    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: 50px;
}

.section-head.no-margin {
    margin-bottom: 0;
}

.section-head h1,.section-head h2,.section-head h3 {
    margin-top: 0;
}

.title-small {
    display: block;
    color: #6f6f6f;
    margin-bottom: 15px;
}

.section-head p {
    padding-top: 10px;
    font-size: 14px;
}

.section-head p:last-child {
    margin-bottom: 0;
}

.text-center.section-head p {
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}

.text-white {
    color: #FFF;
}

.text-white h1,.text-white h2,.text-white h3,.text-white h4,.text-white h5,.text-white h6,.text-white p,.text-white .title-small {
    color: #FFF;
}

@media only screen and (max-width: 1024px) {
    .section-full {
        background-attachment:scroll!important;
    }
}

.zabuto_calendar,.zabuto_calendar th,.zabuto_calendar td,.zabuto_calendar .calendar-month-navigation {
    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 0px;
}

.page-notfound-left [class^="flaticon-"]::before,.page-notfound-left [class^="flaticon-"]::after {
    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:0px;
    }

    .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: 0px 2px;
    }

    .page-notfound-left [class^="flaticon-"]::before,.page-notfound-left [class^="flaticon-"]::after {
        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,0.6);
    clip: auto!important;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
}

. {
    white-space: nowrap;
    padding: 4px 4px 4px 20px;
}

. i {
    position: relative;
    background: #4b3941;
    display: inline-block;
    padding: 7.5px 9px;
    text-align: center;
    margin-left: 25px;
    font-size: 16px;
    z-index: 1;
}

. i:after {
    background-color: #4b3941;
    content: "";
    position: absolute;
    width: 60%;
    height: 100%;
    z-index: -1;
    left: -30%;
    top: 0px;
    -webkit-transform: skew(-25deg);
    -moz-transform: skew(-25deg);
    -o-transform: skew(-25deg);
    -ms-transform: skew(-25deg);
    transform: skew(-25deg);
}

..button-xl {
    padding: 9px 9px 9px 50px;
}

..button-xl i {
    padding: 23px;
    margin-left: 50px;
    font-size: 30px;
}

..button-lg {
    padding: 6px 6px 6px 35px;
}

..button-lg i {
    padding: 15px;
    margin-left: 35px;
    font-size: 20px;
}

..button-sm {
    padding: 2px 2px 2px 10px;
}

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

.wt-product-box .price {
    margin-bottom: 10px;
}

.wt-product-box .price del {
    font-size: 16px;
    color: #999999;
    margin: 4px 4px;
    font-weight: 600;
}

.wt-product-box .price ins {
    font-size: 16px;
    color: #111111;
    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: 20px;
    background: #F7F8FA;
    padding: 20px;
    border: 1px dashed #EEEEEE;
}

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: 5px;
}

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: #0f8d7e;
}

.star-Rating-input i:hover {
    color: #0f8d7e;
}

.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 [class*="comment-form"],.comment-form .form-submit {
    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,0.9);
}

.wt-info-has.bg-green {
    background-color: rgba(106,179,62,0.9);
}

.wt-info-has.bg-black {
    background-color: rgba(0,0,0,0.6);
}

.wt-info-has.bg-white {
    background-color: rgba(255,255,255,0.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: #0f8d7e;
}

.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: #0f8d7e;
}

.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>img,.wt-media a>img {
        width:100%;
    }
}

/* .btn,.panel,.form-control,.img-thumbnail,.panel-head ing,.dropdown-menu,.panel-group .panel,.nav-tabs>li>a,.modal-content,.navbar-toggle,.nav-pills>li>a,.pager li>a,.pager li>span,.well,.alert,.list-group-item:first-child,.list-group-item:last-child,.input-group-addon,.btn-group-divides>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle),.btn-group-divides>.btn:last-child:not(:first-child),.btn-group>.dropdown-toggle:not(:first-child),.wt-booking-form .wt-extra-services li .wt-icon-box-lg,.wt-booking-form .wt-extra-services li.active .wt-icon-box-lg:after,.searchform input[type="text"],.searchform input[type="submit"],ol.comment-list li.comment .comment-body {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

a,.btn,.form-control,.overlay-bx,.overlay-icon li a i,.wt-icon-box-xld,.wt-icon-box-xl,.wt-icon-box-lg,.wt-icon-box-md,.wt-icon-box-sm,.wt-icon-box-xs,.share-social-bx li,.indicator,.profile-menu ul li,.staff-member .member-done,.how-wt-work .wt-box .shadow-bx img,.how-wt-work .wt-box .step-no-bx,.wt-info-has,.wt-we-find .wt-box,.navbar-toggle,.logo-header,.header-nav .nav>li>a,.extra-nav,.acod-head .indicator .fa {
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
} */

.animate-slow {
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.animate-mid {
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

.animate-fast {
    -webkit-transition: all 0.8s ease-out;
    -moz-transition: all 0.8s ease-out;
    -o-transition: all 0.8s ease-out;
    -ms-transition: all 0.8s ease-out;
    transition: all 0.8s ease-out;
}

.clearfix::after,.filter-wrap::after,.filter-wrap::after,.wt-icon-box-wraper::after,ol.commentlist li::after {
    content: "";
    display: table;
    clear: both;
}

.wt-contact-wrap {
    position: relative;
    margin: 0px;
}

.contact-left-part {
    width: 50%;
    float: left;
    height: 100%;
    padding: 10px 0px 0px 40px;
}

.contact-left-part .google-map {
    width: 100%;
    height: 100%;
}

.contact-left-part .gmap-outline {
    padding: 0px;
    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;
}

.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: #4b3941;
}

.wt-team-four .wt-team-skew-block {
    top: 0px;
    left: 0px;
}

.wt-team-four .wt-team-skew-block .social-icons-outer {
    margin-right: 70px;
    position: relative;
    z-index: 1;
}

.wt-team-four .wt-team-info {
    position: relative;
}

.wt-team-four .wt-team-info .wt-team-title {
    margin: 0px 0px 5px 0px;
}

.wt-team-four .wt-team-info p {
    margin-bottom: 0px;
}

.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: 0px;
    top: 0px;
    width: 100%;
    z-index: 1;
    border: 3px solid #4b3941;
}

.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 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.wt-team-five .wt-arrow-up {
    position: relative;
    z-index: 2;
}

.wt-team-five .wt-arrow-up:before {
    border-bottom: 8px solid #000000;
    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: #000000;
}

.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 #0f8d7e;
    }

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

@media only screen and (max-width: 460px) {
    .wt-team-five-warper {
        margin:0;
    }
}

.wt-social-block {
    position: absolute;
    bottom: 0px;
    background: #4b3941;
    padding-top: 10px;
    width: 100%;
}

.product-block {
}

.product-block p {
    margin-bottom: 0px;
}

.bg-service-team {
    background-image: url(../images/our-services/crane-left.html);
    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: #0f8d7e;
    border-color: #0f8d7e;
    color: #fff;
}

.wt-nav-block {
    border: 1px solid #ddd;
}

.wt-nav {
    list-style: none;
    margin: 0px;
}

.wt-nav-pills li {
    display: block;
    border-bottom: 1px solid #ddd;
}

.wt-nav-pills li:last-child {
    border: 0px;
}

.wt-nav-pills li a {
    color: #777777;
    padding: 10px;
    display: block;
}

.wt-nav-pills li:hover a {
    background-color: #0f8d7e;
    color: #fff;
}

.wt-nav-title {
    margin: 0px;
    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: #0f8d7e;
    background-image: url(../images/background/bg7.html);
    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: 0px;
}

.status-sign {
    background: #fff;
    height: 60px;
    width: 96px;
    position: relative;
    float: left;
}

.status-sign i {
    color: #4b3941;
    float: left;
    font-size: 38px;
    padding-top: 10px;
    padding-left: 30px;
}

.status-value span {
    display: inline;
    overflow: hidden;
    font-size: 36px;
    height: 60px;
    height: 60px;
    color: #0f8d7e;
    font-weight: bold;
}

.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-5 [class*="col-"],.grid-4 [class*="col-"],.grid-3 [class*="col-"] {
        width:50%;
    }
}

@media only screen and (max-width: 360px) {
    .grid-5 [class*="col-"],.grid-4 [class*="col-"],.grid-3 [class*="col-"] {
        width:100%;
    }
}

.faq-block {
    margin: 5px 0px;
}

.faq-block .faq-que {
    padding: 11px 10px 11px 70px;
    position: relative;
}

.faq-block .faq-ans {
    padding: 11px 10px 11px 70px;
    position: relative;
}

.faq-block .faq-que:after,.faq-block .faq-ans:after {
    width: 40px;
    height: 40px;
    line-height: 40px;
    color: #fff;
    background-color: #0f8d7e;
    position: absolute;
    left: 0px;
    top: 0px;
    display: block;
    font-size: 20px;
    font-weight: 600;
    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 {
    color: #555;
    display: inline-block;
    font-weight: 800;
    /* min-width: 40px; */
    /* padding: 9px 5px 10px; */
    position: absolute;
    text-align: center;
    top: 46px;
    right: 42px;
}

.wt-cart .woo-cart-count:before {
    font-size: 21px;
    height: 10px;
    left: -12%;
    margin: 0 -12px !important;
    position: absolute;
    top: -23px;
    /* width: 22px; */
    color: #000;
}

.cart-dropdown-item-wraper {
    top: 110%;
    right: 30px;
    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,0.16);
    box-shadow: 0 0 10px 0 rgba(0,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: 0px;
    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 0.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: contents;
    font-size: 12px;
    /* position: absolute; */
    right: 0;
    top: 2px;
    padding: 0px 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: 0px;
    background-color: rgba(0,0,0,0.4);
    width: 100%;
    height: 100%;
}

.pro-banner-disc h2,.pro-banner-disc h3 {
    font-weight: 700;
}

.pro-banner-disc h3 {
    color: #0f8d7e;
}

.pro-banner-disc a {
    position: inherit;
    right: 0px;
    bottom: 0px;
}

@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: 0px!important;
    }
}

.sf-provider-des.sf-provider-descriptions ul.sharebtn-bx,.sf-provider-des.sf-provider-descriptions ul.share-social-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,0.2);
    position: absolute;
    width: 35%;
    height: 200%;
    left: -100%;
    top: -50%;
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    transition: all 0.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%;
}

.about-com-pic {
    position: relative;
    z-index: 1;
}

.about-com-pic:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 10px;
    left: -10px;
    background-color: #0f8d7e;
    z-index: -1;
}

.about-com-pic img {
    width: 100%;
}

@media only screen and (max-width: 991px) {
    .about-com-pic {
        margin-bottom:40px;
    }
}

.flip-container {
    -webkit-perspective: 1000;
    -moz-perspective: 1000;
    -ms-perspective: 1000;
    perspective: 1000;
    -ms-transform: perspective(1000px);
    -moz-transform: perspective(1000px);
}

.flip-container:hover .wt-info {
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    transform: rotateY(0deg);
}

.flip-container:hover .wt-thum-bx {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
}

.flip-container,.flip-container .wt-thum-bx,.flip-container .wt-info {
    width: 100%;
    height: 100%;
}

.flip-container .wt-box {
    -webkit-transition: 0.6s;
    -ms-transition: 0.6s;
    -moz-transition: 0.6s;
    -moz-transform: perspective(1000px);
    transition: 0.6s;
    position: relative;
}

.flip-container .wt-thum-bx,.flip-container .wt-info {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: 0.6s;
    -webkit-transform: rotateY(0deg);
    -moz-transition: 0.6s;
    -moz-transform: rotateY(0deg);
    -o-transition: 0.6s;
    -o-transform: rotateY(0deg);
    -ms-transition: 0.6s;
    -ms-transform: rotateY(0deg);
    transition: 0.6s;
    transform: rotateY(0deg);
    top: 0;
    left: 0;
}

.flip-container .wt-info {
    position: absolute;
}

.flip-container .wt-info .wt-info-text {
    bottom: 0px;
    left: 0px;
    width: 100%;
    position: absolute;
}

@media only screen and ( max-width: 320px ) {
    .flip-container .wt-info .wt-info-text {
        padding:15px;
    }
}

.flip-container .wt-info .wt-info-media-zoom {
    right: 0px;
    top: 0px;
    position: absolute;
    z-index: 10;
}

.flip-container .wt-thum-bx {
    -webkit-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    z-index: 2;
}

.flip-container .wt-thum-bx img {
    transform-style: flat;
}

.flip-container .wt-info {
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    -o-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
}

.vertical.flip-container {
    position: relative;
}

.vertical.flip-container .wt-info {
    -webkit-transform: rotateX(180deg);
    -moz-transform: rotateX(180deg);
    -ms-transform: rotateX(180deg);
    transform: rotateX(180deg);
}

.vertical.flip-container .wt-box {
    -webkit-transform-origin: 100% 213.5px;
    -moz-transform-origin: 100% 213.5px;
    -ms-transform-origin: 100% 213.5px;
    transform-origin: 100% 213.5px;
}

.vertical.flip-container:hover .wt-info {
    -webkit-transform: rotateX(0deg);
    -moz-transform: rotateX(0deg);
    -o-transform: rotateX(0deg);
    -ms-transform: rotateX(0deg);
    transform: rotateX(0deg);
}

.vertical.flip-container:hover .wt-thum-bx {
    -webkit-transform: rotateX(180deg);
    -moz-transform: rotateX(180deg);
    -o-transform: rotateX(180deg);
    transform: rotateX(180deg);
}

.animate_line {
    position: relative;
    z-index: 0;
}

.animate_line:after,.animate_line:before {
    content: "";
    height: 4px;
    width: 0px;
    position: absolute;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    z-index: -1;
}

.animate_line:after {
    left: 0;
    bottom: 0;
}

.animate_line:before {
    right: 0;
    top: 0;
}

.animate_line:hover:after,.animate_line:hover:before {
    width: 50%;
    height: 50%;
    background: #0f8d7e;
}

@media only screen and ( max-width: 768px) {
    .animate_line:after {
        bottom:-5px;
    }

    .animate_line:before {
        top: -5px;
    }
}

.timeline {
    position: relative;
}

.timeline::before {
    background-color: #d8d9df;
    bottom: 0;
    content: "";
    left: 50%;
    position: absolute;
    top: 30px;
    width: 1px;
    z-index: 0;
}

.timeline .timeline-item {
    width: 50%;
    position: relative;
}

.timeline .timeline-item:nth-child(odd) {
    text-align: right;
    padding-right: 60px;
}

.timeline .timeline-item:nth-child(even) {
    text-align: left;
    margin-left: 50%;
    padding-left: 60px;
}

.timeline .timeline-icon {
    position: absolute;
}

.timeline .timeline-item:nth-child(odd) .timeline-icon {
    right: -40px;
}

.timeline .timeline-item:nth-child(even) .timeline-icon {
    left: -40px;
}

@media only screen and (max-width: 480px) {
    .timeline::before {
        left:10%;
        right: auto;
    }

    .timeline .timeline-item {
        width: 100%;
    }

    .timeline .timeline-item:nth-child(2n+1) {
        padding-left: 100px;
        padding-right: 0px;
        text-align: left;
    }

    .timeline .timeline-item:nth-child(2n) {
        margin-left: 0%;
        padding-left: 100px;
        text-align: left;
    }

    .timeline .timeline-item:nth-child(2n+1) .timeline-icon {
        left: 5px;
        right: auto;
    }

    .timeline .timeline-item:nth-child(2n) .timeline-icon {
        left: 5px;
    }
}

@media only screen and (max-width: 768px) {
    .our-value {
        margin-bottom:40px;
    }

    .our-value .our-value-right {
        padding: 20px 40px;
    }
}

.summary-counter .icon-content div span.counter,.summary-counter .icon-content div b {
    font-size: 36px;
    font-family: Arial,Helvetica,sans-serif;
    font-weight: 700;
}

.summary-counter .icon-content span {
    font-weight: 700;
    font-size: 18px;
}

.circle-effect-1 {
    margin: 0 auto;
    position: relative;
    width: 94%;
    z-index: 2;
}

.radius-bx.circle-effect-1:after,.radius-bx.circle-effect-1:before {
    content: "";
    border-radius: 100%;
    position: absolute;
}

.circle-effect-1:after {
    background-color: #0f8d7e;
    width: 110%;
    height: 110%;
    left: -5%;
    top: -5%;
    z-index: -2;
}

.circle-effect-1:before {
    background-color: #fff;
    width: 105%;
    height: 105%;
    left: -4%;
    top: -4%;
    z-index: -1;
}

.circle-effect-1:after,.circle-effect-1:before {
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.circle-effect-1:hover:after {
    left: -5%;
    top: -5%;
}

.circle-effect-1:hover:before {
    left: -1%;
    top: -1%;
}

.circle-effect-1+.wt-info p {
    font-size: 16px;
}

.circle-effect-2 {
    margin: 0 auto;
    position: relative;
    width: 94%;
    z-index: 2;
}

.circle-effect-2+.wt-info p {
    font-size: 16px;
}

.price-tag-3 {
    position: absolute;
    top: 0px;
    left: 30px;
    z-index: 5;
}

.price-tag {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 5;
}

.price-circle,.pricing-circle-2 {
    width: 60px;
    height: 60px;
}

.price-circle {
    display: table;
    box-shadow: 0px 0px 10px rgba(0,0,0,0.6);
    -moz-box-shadow: 0px 0px 10px rgba(0,0,0,0.6);
    -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.6);
    -o-box-shadow: 0px 0px 10px rgba(0,0,0,0.6);
}

.pricing-circle-2 {
    display: table;
}

.price-circle span,.pricing-circle-2 span {
    display: table-cell;
    vertical-align: middle;
    font-weight: bold;
    font-family: Arial,Helvetica,sans-serif;
}

.special-offer-outer {
    position: relative;
    z-index: 1;
}

.special-offer-outer:after {
    content: "";
    position: absolute;
    right: -25%;
    top: 0px;
    height: 100%;
    width: 50%;
    background-color: #0f8d7e;
    border-right: 10px solid #fff;
}

.radius.special-offer-outer:after {
    -webkit-border-radius: 0 50% 50% 0;
    border-radius: 0 50% 50% 0;
}

.special-offer {
    background-color: rgba(255,255,255,0.2);
    position: relative;
    z-index: 1;
    margin-right: 20%
}

.special-offer:after {
    content: "";
    position: absolute;
    right: -45%;
    top: 0px;
    height: 100%;
    width: 45%;
    background-color: rgba(255,255,255,0.2);
}

.radius.special-offer:after {
    -webkit-border-radius: 0 50% 50% 0;
    border-radius: 0 50% 50% 0;
}

.special-offer-in {
    position: relative;
    margin-right: -24%;
}

.special-offer .wt-left-part h1 {
    font-size: 52px;
}

.special-offer .wt-left-part p {
    font-size: 16px;
}

.special-offer-outer-square.special-offer-outer:after {
    right: -8%;
}

.special-offer-outer-square.special-offer-outer .special-offer:after {
    width: 0%;
}

.special-offer-outer-square.special-offer-outer .special-offer {
    margin-right: 0%;
}

.special-offer-outer-square.special-offer-outer .special-offer-in {
    margin-right: 0%;
}

@media only screen and ( max-width: 1200px ) {
    .special-offer-in {
        margin-right:0%;
    }

    .special-offer .special-offer-in .wt-box {
        padding-right: 0px;
    }

    .special-offer::after {
        right: -40%;
        width: 40%;
    }

    .special-offer-outer::after {
        right: -40%;
    }

    .special-offer {
        margin-right: 10%;
    }
}

@media only screen and ( max-width: 991px) {
    .special-offer-block {
        background-image:none!important;
        text-align: center;
    }

    .special-offer::after,.special-offer-outer::after {
        display: none;
    }

    .special-offer {
        border-radius: 50%;
        margin: 0 10%;
        padding: 10%;
    }

    .testimonial-5 {
        margin-left: 13%;
        position: relative;
    }

    .special-offer {
        border-radius: 20% 20%;
    }
}

@media only screen and ( max-width: 600px) {
    .special-offer .wt-left-part {
        padding-left:0px;
    }

    .special-offer .wt-left-part h1 {
        font-size: 32px;
    }

    .special-offer .wt-left-part h2 {
        font-size: 18px;
    }

    .special-offer .wt-left-part p {
        font-size: 14px;
    }
}

@media only screen and ( max-width: 420px) {
    .testimonial-5 {
        margin-left:0%;
        position: relative;
    }

    .testimonial-5 .testimonial-pic-block {
        left: inherit;
        position: inherit;
        text-align: center;
        top: inherit;
        padding-top: 30px;
    }

    .testimonial-5 .testimonial-text {
        padding: 40px;
    }

    .testimonial-5 .testimonial-pic {
        float: none;
    }

    .special-offer {
        padding: 4%;
        margin: 0 3%;
    }
}

.wt-subscribe-left .icon-content p {
    font-size: 18px;
}

.wt-subscribe-left .icon-content span {
    font-size: 24px;
    font-weight: 700;
}

.Opening-hours ul {
    margin-bottom: 0px;
}

.Opening-hours ul li {
    padding-bottom: 5px;
}

.Opening-hours h3 {
    margin-bottom: 10px;
}

.Opening-hours ul li span {
    display: inline-block;
    font-weight: 700;
}

.our-pricing-carousel.owl-carousel .owl-stage-outer {
    padding-bottom: 10px;
}

.our-pricing-carousel.nav-tabs {
    border-bottom: none;
}

.our-pricing-carousel .item .wt-icon-box-wraper {
    background-color: #fff;
}

.our-pricing-carousel .item.active-arrow .wt-icon-box-wraper {
    background: none;
    color: #fff;
}

.our-pricing-carousel .item .tab-block {
    cursor: pointer;
}

.our-pricing-carousel .item.active-arrow {
    position: relative;
    background-color: #0f8d7e;
}

.our-pricing-carousel .item.active-arrow:after {
    position: absolute;
    content: "";
    bottom: -24px;
    margin-left: -15px;
    left: 50%;
    width: 30px;
    height: 30px;
    border-top: 18px solid #0f8d7e;
    border-left: 18px solid transparent;
    border-right: 18px solid transparent;
}

.our-pricing-carousel .item.active-arrow .wt-icon-box-wraper .icon-cell i:before {
    color: #fff;
}

@media only screen and ( max-width: 360px) {
    .our-pricing-carousel .item .wt-icon-box-wraper .icon-cell i {
        line-height:36px;
    }

    .our-pricing-carousel .item .wt-icon-box-wraper .icon-cell i:before {
        font-size: 32px;
    }

    .our-pricing-carousel .item .wt-icon-box-wraper .wt-tilte {
        font-size: 12px;
    }
}

.our-pricing-carousel .item.active-arrow .our-pricing-tab {
    border-style: hidden;
}

.pricing-tab-content-block {
    display: none;
}

.pricing-tab-content-block.active-arrow {
    display: inherit;
}

.pricing-tab-content-block .tab-pane {
    padding: 0px 0px 0px 20px!important;
}

.our-services-index .item {
    margin: 0px 20px;
}

.our-services-index .owl-carousel .owl-dots .owl-dot span {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    border: none;
}

.pricing-tab-content-block .wt-tabs.vertical .nav-tabs {
    border-bottom: medium none;
    border-right: 1px solid #ddd;
    float: left;
    width: 275px;
}

.pricing-tab-content-block .wt-tabs.vertical .tab-content {
    border-left: 0px;
    margin-left: 275px;
}

.pricing-tab-content-block .wt-tabs .nav-tabs>li>a {
    color: #4b3941;
    font-size: 15px;
    font-weight: 500;
    padding: 21px 20px 21px 30px;
}

@media only screen and ( max-width: 400px) {
    .pricing-tab-content-block .wt-tabs .nav-tabs>li>a {
        padding:10px;
        font-size: 12px;
    }
}

.pricing-tab-content-block .wt-tabs.bg-tabs .nav-tabs>li>a {
    background-color: #fff;
    border: 1px solid #ddd;
    margin-right: -1px;
}

.pricing-tab-content-block .wt-tabs.bg-tabs .nav-tabs>li:hover>a {
    background-color: #0f8d7e;
    color: #fff;
}

.pricing-tab-content-block .wt-tabs.vertical .nav-tabs li.active a {
    background-color: #0f8d7e;
    color: #fff;
    position: relative;
}

/* .pricing-tab-content-block .wt-tabs.vertical .nav-tabs li.active a:before {
    content: "ÃÃââââ‚ÃÃÆâ€Ã¢â€žÂ¢ÃƒÆ’ƒâ€ Ã¢â‚¬â„¢ÃƒÆ’†â€™Ãƒâ€šÃ‚¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚¬Ã…¡Ãƒâ€šÃ‚¬ÃƒÆ’…¡Ã‚¬Ã…¡Ãƒâ€šÃ‚¯ÃƒÆ’ÂÂÂÃÃÆâ€â„ÃÃ¢â‚¬Å¡Ãƒâ€šÃ‚¢ÃƒÆ’ƒÆ’ƒÂ¢Ã¢â€šÂ¬Ã‚ ÃƒÂ¢Ã¢â€šÂ¬Ã¢â€žÂ¢ÃƒÆ’ƒÂ¢Ã¢â€šÂ¬Ã…¡Ãƒâ€šÃ‚¢ÃƒÆ’ƒÆ’ƒÂ¢Ã¢â‚¬Å¡Ã‚Ãâ€ÃÆâ€ÃÆÃÂ¢Ã¢â€šÂ¬Ã¢â€žÂ¢ÃƒÆ’ƒâ€šÃ‚¢ÃƒÂ¢Ã¢â€šÂ¬Ã…¾Ã‚¢ÃƒÆ’ƒÂ¢Ã¢â€šÂ¬Ã‚¦Ãƒâ€šÃ‚¡ÃƒÆ’ƒâ€šÃ‚¬ÃƒÆ’ƒâ€¦Ã‚¾ÃÆâââ€ÅÃÃÆâ€â„¢ÃƒÆ’†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã‚ ÃƒÂ¢Ã¢â€šÂ¬Ã¢â€žÂ¢ÃƒÆ’ƒÂ¢Ã¢â€šÂ¬Ã…¡Ãƒâ€šÃ‚¡ÃƒÆ’ƒâ€šÃ‚¬ÃƒÂ¢Ã¢â‚¬Å¾Ã‚¢ÃƒÆ’ƒâ€šÃ‚¢ÃƒÂ¢Ã¢â‚¬ÃÆâ€â„ÂÃâââ€Ã…¡Ã‚¬Ã…¡Ãƒâ€šÃ‚¢ÃƒÆ’ƒÆ’ƒÆ’¢â‚¬Â¦Ãƒâ€šÃ‚¡ÃƒÆ’‚¬Ã‚ÂÂÃÃâââ€ÅÃâ€šÃ‚¡ÃƒÆ’‚¬Ã‚ ÃƒÂ¢Ã¢â€šÂ¬Ã¢â€žÂ¢ÃƒÆ’ƒÂ¢Ã¢â€šÂ¬Ã…¡Ãƒâ€šÃ‚¦";
    font-family: "FontAwesome";
    font-size: 24px;
    position: absolute;
    right: 20px;
    top: 13px;
} */

@media only screen and (max-width: 400px) {
    .pricing-tab-content-block .wt-tabs.vertical .nav-tabs li.active a:before {
        font-size:18px;
        right: 15px;
        top: 6px;
        -ms-transform: rotate(90deg);
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
    }
}

@media only screen and ( max-width: 991px) {
    .pricing-tab-content-block .wt-tabs.vertical .tab-content {
        padding-left:0px;
    }
}

@media only screen and ( max-width: 768px) {
    .wt-tabs.vertical .tab-pane {
        padding:0px 0 10px 20px;
    }
}

@media only screen and ( max-width: 720px) {
    .pricing-tab-content-block .section-content {
        padding-top:10px;
    }

    .pricing-tab-content-block .wt-tabs.vertical .tab-pane {
        padding: 0px;
    }

    .pricing-tab-content-block .wt-tabs.vertical .tab-content {
        padding-left: 0px;
    }

    .pricing-tab-content-block .wt-tabs.vertical .nav-tabs {
        float: none;
        width: 100%;
        margin-bottom: 15px;
    }

    .pricing-tab-content-block .wt-tabs.vertical .nav-tabs li {
        width: 50%;
        float: left;
    }
}

.circle-line-effect {
    position: relative;
    z-index: 1
}

.circle-line-effect:after,.circle-line-effect:before {
    position: absolute;
    content: "";
    z-index: -1;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}

.radius.circle-line-effect:after,.radius.circle-line-effect:before {
    border-radius: 100%;
}

.circle-line-effect:after {
    border: 4px solid rgba(0,0,0,0.0);
    width: 130%;
    height: 130%;
    left: -15%;
    top: -15%;
}

.circle-line-effect:before {
    border: 2px solid rgba(0,0,0,0.0);
    width: 150%;
    height: 150%;
    left: -25%;
    top: -25%;
}

.circle-line-effect:after,.circle-line-effect:before {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.wt-icon-box-wraper:hover .circle-line-effect:after {
    border: 3px solid #4B3941;
    width: 120%;
    height: 120%;
    left: -10%;
    top: -10%;
    opacity: 0.2;
}

.wt-icon-box-wraper:hover .circle-line-effect:before {
    border: 2px solid #4B3941;
    width: 140%;
    height: 140%;
    left: -20%;
    top: -20%;
    opacity: 0.1;
}

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

.shopping-table .cf th {
    padding: 15px 10px!important;
    color: #fff;
    text-align: center;
}

.cart-buttons th {
    color: #fff;
}

.your-order-list ul {
    list-style: none;
}

.your-order-list ul li {
    padding: 25px 10px;
    clear: both;
    border-bottom: 1px solid #eee;
}

.on-show-slider {
    cursor: pointer;
}

.on-show-slider #sync2 .owl-item {
}

.on-show-slider #sync2 .owl-item.current {
    position: relative;
    z-index: 1;
}

.on-show-slider #sync2 .owl-item.current:after {
    position: absolute;
    content: "";
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    border: 2px solid #cccccc;
    z-index: 2;
}

.slider-dots .zeus .tp-bullet {
    border: none;
    background-color: #4B3941;
}

.slider-dots .tp-bullet.selected {
    background-color: #0f8d7e;
}

.slider-dots .zeus .tp-bullet::after {
    background-color: #0f8d7e;
}

.section-3 {
    padding-top: 20px;
    background: url(../images/landscape.png);
    height: 500px;
    background-repeat: no-repeat;
    background-position: center bottom;
}

.white-background {
    background: #ffffff;
    padding: 25px;
    min-height: 459px;
    box-shadow: -5px 5px 1px #00000070;
}

.sec-row,.sec-row-2 {
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
}

.sec-col,.sec-col-2 {
    overflow: hidden;
    border-right: 1px solid #fff;
}

.sec-col-2 {
    overflow: hidden;
}

.sec-col.inner2 {
    border-right: none;
}

.sec-inner,.sec-inner-2 {
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

.sec-inner:hover,.sec-inner-2:hover {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

.inner {
    background: url(../images/3.jpg);
    height: 450px;
    background-position: center top;
    background-repeat: no-repeat;
}

.inner1 {
    background: url(../images/4.jpg);
    height: 450px;
    background-position: center top;
    background-repeat: no-repeat;
}

.inner2 {
    background: url(../images/5.jpg);
    height: 450px;
    background-position: center top;
    background-repeat: no-repeat;
}

.inner3 {
    background: url(../images/6.jpg);
    height: 450px;
    background-position: center top;
    background-repeat: no-repeat;
}

.inner4 {
    background: url(../images/11.jpg);
    height: 450px;
    background-position: center top;
    background-repeat: no-repeat;
}

.inner5 {
    background: url(../images/12.jpg);
    height: 449px;
    background-position: center top;
    background-repeat: no-repeat;
}

.new-fonts {
    font-family: "Poppins", sans-serif;
    line-height: 43px;
    color: #fff;
}

.new-fonts1 {
    font-family: "Poppins", sans-serif;
    line-height: 38px;
    color: #383838;
    font-size: 36px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 16px;
}

.new-fonts2 {
    font-family: "Poppins", sans-serif;
    line-height: 38px;
    color: #383838;
    font-size: 36px;
    padding-bottom: 16px;
}

.blacktext {
    font-weight: 600!important;
    font-style: normal;
    font-size: 28px!important;
    line-height: 0.8;
    letter-spacing: 0px;
    color: #000;
    text-align: center;
    font-family: "Poppins", sans-serif;
}

.wt-footer-bot-left ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.wt-footer-bot-left ul li {
    display: inline-block;
    padding: 0 3px;
    color: #fff;
    font-size: 14px;
}

@media (max-width: 767px) {
    .crt_pimg {
        margin:0 auto;
    }

    .respo_centr {
        text-align: center;
    }

    .blacktext {
        font-size: 26px!important;
    }

    .contact-left-part {
        height: auto!important;
        float: none;
        padding: 2% 3% !important;
    }
}

@media screen and (min-width: 768px) and (max-width:1024px) {
    .section-about img {
        width:100%;
    }

    .section-7 .section-text h3 {
        font-size: 18px;
    }

    .section-7 h1.blacktext {
        margin-bottom: 50px;
    }

    .contact-left-part {
        height: auto!important;
        float: none;
        padding: 2% 3% !important;
    }
}

.quote-btn {
    text-align: right;
    margin: 19px 0 0 0;
}

.quote-btn a {
    background: #f08700;
    color: #fff;
    font-size: 16px;
    padding: 10px 30px;
    border-radius: 0;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.cell-icon {
    background: #0bada1;
    border-radius: 50%;
    /* left: 0; */
    /* right: 0; */
    margin: 0 auto 30px;
    /* padding: 15px; */
    text-align: center;
    width: 80px;
    z-index: 99;
    height: 80px;
    font-size: 26px;
    text-align: center;
    color: #fff;
    border: 1px solid #0bada1;
    line-height: 79px;
}

.about-text {
    /*  background: #00537e;
    position: absolute;
    right: -50px;
    z-index: 9;
    top: 27px;
    padding: 30px; */
}

.about-text h2 {
    text-align: center;
    color: #fff;
    font-size: 38px;
    position: relative;
    line-height: 41px;
}

.about-text h2::before {
    position: absolute;
    content: '';
    width: 100px;
    height: 3px;
    background: #fff;
    bottom: -23px;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.about-text p {
    color: #cae7ff;
    text-align: center;
    font-weight: 300;
    margin: 20px 0;
    display: inline-block;
    font-size: 13px;
}

.footer-top .logo-header {
    background: no-repeat;
    padding: 0 0;
    float: left;
    left: 0;
}

ul.ft-div {
    float: right;
    margin: 3% 0 0 0;
}

ul.ft-div li a {
    color: #000;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 14px;
}

.wt-box {
    background: none !important;
    padding: 0px 0px 10px !important;
    padding: 17px !important;
    /* border: 1px solid #ccc !important; */
    margin-bottom: 30px !important;
    min-height: 440px !important;
    background: none !important;
    border-radius: 0;
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
}

h4.wt-title a {
    color: #1fa0af !important;
    text-transform: capitalize;
    font-weight: 600;
    letter-spacing: 0px;
    font-family: 'ABeeZee', sans-serif;
    font-size: 20px;
    line-height: 28px;
}

.wt-box .site-button {
    /* background: #000 !important; */
    color: #fff;
    margin-bottom: 0px;
    letter-spacing: 0;
    background: none !important;
    text-transform: capitalize;
    padding: 6px 12px;
    font-size: 15px;
    font-weight: 400;
    background-color: #000 !important;
    font-family: 'ABeeZee', sans-serif;
    border-radius: 0 12px 0 12px;
}

.wt-box .p-a10 span {
    color: #000!important;
}

.wt-contact-wrap.row.equal-wraper iframe, .wt-contact-wrap.row.equal-wraper img {
    margin: 120px 0 20px 0;
    width: 100%;
    height: 370px;
    border: 5px solid #000 !important;
}

/* span.shopping-bag.wcmenucart-count.ng-binding {
    background: none;
    color: #454545 !important;
    display: block;
    border-radius: 20px;
    font-size: 14px !important;
    line-height: 17px;
    position: absolute !important;
    right: -5px;
    border: 1px solid #ffc700;
    top: 2px;
    padding: 3px 8px;
    background: #ffc700;
    font-family: 'Roboto Condensed', sans-serif;
} */

.wt-box.wt-product-box.hvr-grow-shadow img {
    width: 100%;
    height: 200px;
    object-fit: contain;
}

.pro-quantity input {
    float: left;
    background: #f2f2f2;
    border: transparent;
    padding: 11px 20px;
    width: 90px;
    border: 1px solid #000;
}

.pro-quantity h4 {
    margin: 20px 0;
    float: left;
}

.pro-quantity h4 a {
    display: inline-block;
    width: 280px;
    text-align: center;
    height: 55px;
    line-height: 55px;
    background: linear-gradient(92.94deg, #0f8d7e 23.19%, #0f8d7e 89.28%);
    color: #fff;
    border-radius: 15px;
    font-family: 'Sansation';
    font-weight: 700;
    font-size: 18px;
    text-decoration: none;
    transition: all 0.5s ease-in-out;
}

.pro-quantity {
    margin-bottom: 80px;
    display: table;
}

hr {
    color: #666;
}

.pro-tabs .nav-tabs>li.active>a, .pro-tabs .nav-tabs>li.active>a:focus, .pro-tabs .nav-tabs>li.active>a:hover {
    color: #555;
    cursor: default;
    background-color: #000;
    border: 1px solid #000;
    border-bottom-color: transparent;
    color: #fff;
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 1px;
}

.pro-tabs .nav-tabs>li>a {
    margin-right: 2px;
    line-height: 1.42857143;
    border: 1px solid transparent;
    border-radius: 4px 4px 0 0;
    background: #f08700;
    color: #fff;
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 1px;
}

.pro-tabs h3 {
    color: #0f8d7e;
    font-size: 22px;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 700;
}

.pro-tabs h4 {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 700;
    font-size: 21px;
}

.pro-tabs p {
    color: #000;
    font-size: 16px;
    line-height: 25px;
    font-family: 'Sarabun';
    margin: 10px 10px;
    font-weight: 300;
}

.pro-tabs ul li {
    color: #000;
    list-style: square;
    font-size: 16px;
    margin-left: 20px;
    font-family: 'Sarabun';
}

h4.product-name {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 16px;
    font-weight: 600 !important;
}

h4.product-name strong {
    font-weight: 700;
}

.respo_centr h6 {
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
}

.pro-tabs-img img {
    float: left;
    border: 1px solid #999;
    width: 270px;
    height: 270px;
    object-fit: contain;
    margin-right: 20px;
    padding: 8px;
}

.pro-price h4 {
    color: #0f8d7e;
    font-size: 28px;
    font-weight: 800;
    padding-bottom: 10px;
    margin: 14px 0;
    font-family: 'Sansation';
    letter-spacing: 0px;
}

.pro-quantity h4 a:hover {
    background: #000;
    color: #fff;
}

.pro-quantity select {
    background: #f2f2f2;
    border: 1px solid #f2f2f2;
    color: #000;
    padding: 12px;
    width: 60%;
    display: block;
    margin-bottom: 10px;
    font-size: 15px;
    font-family: 'Roboto Condensed', sans-serif;
}

.wt-post-title .post-title {
    margin: 0;
    text-transform: uppercase;
    font-weight: normal;
    font-size: 27px !important;
    font-weight: 700;
    padding-bottom: 10px;
    /* font-family: 'Poppins', sans-serif; */
    font-family: 'Sarabun' !important;
}

.pro-tabs {
    border: 2px solid #ccc;
    padding: 20px 30px;
    display: flow-root;
}

.wt-box.hvr-grow-shadow img {
    width: 100%;
    height: 280px;
    object-fit: contain;
}

.contact-form {
    margin: 120px 0 0 0;
    background: #f2f2f2;
    padding: 21px;
}

.contact-form form input[type="text"], .contact-form form input[type="email"], .contact-form form input[type="tel"], .contact-form form textarea {
    background: #fff;
    color: #000;
    width: 100%;
    padding: 10px;
    margin-bottom: 10px;
}

.contact-form form input[type="submit"] {
    background: #f08700;
    color: #fff;
    font-size: 16px;
    padding: 10px 30px;
    border-radius: 0;
    text-transform: uppercase;
    letter-spacing: 1px;
    border: 1px solid #f08700;
}

.top-banner {
    min-height: 500px;
    position: relative;
    margin-top: -2px;
    background-position: bottom;
    background: #0b7a6f;
    background: -moz-linear-gradient(left, #0b7a6f 34%, #ffffff 34%, #ffffff 34%);
    background: -webkit-linear-gradient(left, #0b7a6f 34%,#ffffff 34%,#ffffff 34%);
    background: linear-gradient(to right, #0b7a6f 34%,#ffffff 34%,#ffffff 34%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0b7a6f', endColorstr='#ffffff',GradientType=1 );
}

.banner-text {
    margin: 10% 0 0 0;
}

/*.banner-content {
    background: none;
    padding: 30px 10px 50px; 
    width: 60%;
    margin: 3% 0;
    float: right;
} */
.top-banner h2 {
    color: #0bada1;
    font-size: 30px;
    padding: 0 0 0 30px;
    line-height: 42px;
    /* font-family: 'Bungee Shade', cursive; */
    margin: 0;
    text-align: right;
    font-family: 'ABeeZee', sans-serif;
    font-weight: 600;
    margin: 51% 0 0 0;
    position: relative;
}

.top-banner h2::before {
    position: absolute;
    content: '';
    width: 165px;
    height: 2px;
    left: -30%;
    background: #000;
    top: 19px;
}

.banner-text h4 {
    margin: 350px 0 0 0;
    color: #fff;
    font-size: 16px;
    font-family: 'ABeeZee', sans-serif;
    font-weight: 300;
}

.top-banner p {
    color: #7b7b7b;
    font-size: 13px;
    padding: 0;
    line-height: 23px;
    letter-spacing: 0;
    text-align: right;
    /* display: inline; */
    padding: 9px 0;
    font-family: 'ABeeZee', sans-serif;
}

.panel-footer input[type=checkbox], .panel-footer input[type=radio] {
    opacity: 1;
    margin-left: 1px!important;
    -webkit-appearance: checkbox;
    float: left;
    margin: 13px 10px 0px 0px;
}

.panel-footer .text-right {
    text-align: right;
    float: left;
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
}

.btn-success {
    color: #fff;
    background-color: #0f8d7e;
    border-color: #0f8d7e;
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
}

.panel-footer h4 {
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
}

.menu-sec {
    /* position: absolute;
    top: -1px;
    z-index: 99;
    background: #c1272d;
    width: 65%;
    right: 0;
    padding-right: 40px;*/
}

.logo-header {
    background: #fff;
    padding: 13px 50px;
    margin-bottom: 0;
    /* position: absolute; */
    /* top: 0; */
    /* left: -40px; */
}

.btn.btn-hero, .btn.btn-hero:hover, .btn.btn-hero:focus {
    color: #fff;
    background-color: #be272d !important;
    border-color: none;
    outline: none;
    margin: 30px 40px !important;
    padding: 10px 30px !important;
    letter-spacing: 2px;
    font-size: 14px;
    font-family: 'Quicksand', sans-serif;
    text-transform: uppercase;
    float: right;
}

.pro1 {
    padding: 100px 0;
    background: url(../images/parallax-bg.jpg);
    background-repeat: no-repeat;
    background-size: 50.5% 100%;
    background-attachment: fixed;
}

.pro-text h4 {
    color: #000;
    font-size: 30px;
    line-height: 42px;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
}

.pro-text p {
    font-family: 'Poppins', sans-serif;
    color: #000;
    font-weight: 300;
    font-size: 14px;
    line-height: 27px;
}

.pro-img img {
    width: 100%;
    height: 490px;
    object-fit: cover;
    border: 14px solid #fff;
    box-shadow: 0 0 10px #ccc;
}

.pro1 {
    position: relative;
}

.pro-name h1::before {
    position: absolute;
    content: '';
    width: 1px;
    height: 120px;
    background: #000;
    transform: rotate(-90deg);
    left: -71px;
    top: -44px;
}

.pro-name h1 {
    color: #c1272d;
    font-size: 22px;
    text-transform: uppercase;
    font-weight: 600;
    transform: rotate(-90deg);
    position: relative;
}

.pro-name {
    position: absolute;
    left: -31px;
    top: 27%;
}

.pro-text {
    margin: 16% 0 0 0;
}

.pro2 {
    padding: 100px 0;
    background: url(../images/parallax-bg.jpg);
    background-repeat: no-repeat;
    background-size: 50.5% 100%;
    background-attachment: fixed;
    background-position: right;
}

.pro2 {
    position: relative;
}

.pro2 .pro-name {
    position: absolute;
    top: 6%;
    z-index: 9999;
    left: 50%;
    right: -57%;
}

.pro2 .pro-name h1::before {
    position: absolute;
    content: '';
    width: 1px;
    height: 120px;
    background: #000;
    transform: rotate(-90deg);
    left: -71px;
    top: -44px;
}

.pro2 .pro-name h1 {
    color: #c1272d;
    font-size: 22px;
    text-transform: uppercase;
    font-weight: 600;
    transform: rotate(-90deg);
    position: relative;
}

.pro-text ul li {
    color: #000;
    font-weight: 300;
    font-size: 15px;
    line-height: 26px;
}

.pro-text ul {
    margin-left: 19px;
}

.ad-sec {
    background-attachment: fixed;
    background-size: cover;
    min-height: 370px;
    padding: 13% 0 0 0;
    position: relative;
}

.ad-sec::before {
    width: 0;
    height: 0;
    border-left: 700px solid transparent;
    border-right: 700px solid transparent;
    border-top: 100px solid #f2f2f2;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.site-title h1 span {
    color: #f7931e;
    font-weight: 800;
    font-size: 48px;
}

.site-title h1 {
    text-align: center;
    color: #ffffff;
    font-weight: 600;
    font-size: 40px;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding-bottom: 30px;
}

.cell-content h4 {
    text-align: left;
    color: #62fff3;
    font-weight: 400;
    font-size: 18px;
    margin-left: 20px;
    font-family: 'ABeeZee', sans-serif;
}

.cell-content p {
    color: #fff;
    font-weight: 300;
    font-size: 16px;
    text-align: left;
    margin-bottom: 0;
    margin-left: 20px;
    font-family: 'ABeeZee', sans-serif;
}

.cell-icon {
    position: relative;
}

/*.icon1 .cell-icon::before {
    background: #ffffff none repeat scroll 0 0;
    border-radius: 50%;
    content: "";
    height: 13px;
    left: 322px;
    position: absolute;
    top: 45%;
    width: 13px;
}
.icon1 .cell-icon::after {
    border-top: 1px dashed #ffffff;
    content: "";
    height: 1px;
    left: 142px;
    position: absolute;
    top: 50%;
    width: 185px;
}
.icon2 .cell-icon::before {
    background: #ffffff none repeat scroll 0 0;
    border-radius: 50%;
    content: "";
    height: 13px;
    left: 322px;
    position: absolute;
    top: 45%;
    width: 13px;
}
.icon2 .cell-icon::after {
    border-top: 1px dashed #ffffff;
    content: "";
    height: 1px;
    left: 142px;
    position: absolute;
    top: 50%;
    width: 185px;
}*/
.product-slider .owl-item img {
    transform-style: inherit;
    width: 100% !important;
    height: 250px !important;
    object-fit: cover;
    background: none;
    border: none;
    padding: 0;
    background: #fff;
}

.products {
    padding: 60px 0;
    background: #fff;
}

.products .site-title h1 {
    text-align: center;
    text-transform: capitalize;
    letter-spacing: 0;
    font-size: 40px;
    font-weight: 800;
    color: #000000;
}

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

a.site-button.m-r15 {
    background: #000 !important;
    color: #fff;
}

.contact_text h2 {
    color: #0bada1;
    font-weight: 600;
    font-size: 22px;
    text-transform: capitalize;
    font-family: 'ABeeZee', sans-serif;
}

.contact_text strong {
    color: #0e7c71;
    font-size: 16px;
    font-family: 'ABeeZee', sans-serif;
    font-weight: 600;
}

.contact_text h4 {
    color: #000;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 14px;
    margin: 0;
    padding: 10px 0 0 0;
    font-family: 'ABeeZee', sans-serif;
}

.contact_text p {
    margin: 0;
    color: #000;
    font-size: 14px;
    line-height: 26px;
    font-family: 'ABeeZee', sans-serif;
    margin: 10px 0;
}

/* .contact_text {
    background: #f2f2f2;
    margin: 40px auto 0;
    width: 60%;
    text-align: center;
    padding: 20px !important;
} */

.main-bar-wraper {
    background: #000000;
    padding: 0 0 0px 0;
}

.logo-box {
    padding: 0;
}

.extra-nav {
    background: none;
    padding: 25px 50px 0px 50px;
    margin: -20px -21px 0 0px;
}

.banner-content h4 {
    text-align: center;
    letter-spacing: 7px;
    /* font-family: 'Poppins', sans-serif; */
    font-weight: 300;
    text-transform: capitalize;
    font-size: 20px;
    color: #fff;
    font-family: 'Poppins', sans-serif;
    background: #003e74;
    padding: 10px;
    width: 370px;
    margin: 0 auto;
}

.logo-area img {
    width: 230px;
    padding: 25px 30px;
}

.menu {
    text-align: center;
    margin: 7% 0 0 0;
}

.menu li {
    display: inline-block;
}

.site-btn {
    text-align: center;
    margin: 50px 0 0 0;
}

.sec1 {
    background-size: 80%;
    min-height: 480px;
    background-position: right;
    background-repeat: no-repeat;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#160054+0,1fa0af+100 */
    background: #160054;
    /* Old browsers */
    background: -moz-linear-gradient(-45deg, #160054 0%, #1fa0af 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, #160054 0%,#1fa0af 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, #160054 0%,#1fa0af 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#160054', endColorstr='#1fa0af',GradientType=1 );
    /* IE6-9 fallback on horizontal gradient */
}

.sec2 {
    background-size: 80%;
    min-height: 480px;
    background-position: left;
    background-repeat: no-repeat;
}

.sec-text {
    margin: 15% 0 0 0;
    padding: 0 70px;
}

.sec-text h4 {
    color: #ffffff;
    font-size: 16px;
    font-weight: 400;
    font-family: 'Roboto', sans-serif;
}

.sec-text h2 {
    text-transform: capitalize;
    font-size: 47px;
    font-weight: 300;
    color: #fff;
    /* text-shadow: 1px 4px 0 #a4a4a4; */
    margin: 0;
    padding-bottom: 10px;
    font-family: 'Roboto', sans-serif;
}

.sec-text p {
    color: #ffffff;
    font-size: 13px;
    line-height: 22px;
    margin: 17px 0 0 0;
    font-weight: 300;
    font-family: 'Roboto', sans-serif;
}

.footer-wrapper {
    background: #444;
    padding: 40px 0 0 0;
    align-items: center;
    position: relative;
    overflow: hidden;
}

.foot-each ul li {
    /* color: #fff; */
    list-style: none;
    color: #000;
    padding: 0 0 0 0;
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    clear: both;
    line-height: 39px;
}

.foot-each ul li a {
    list-style: none;
    color: #fff;
    padding: 0 0 0 0;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 14px;
    clear: both;
    line-height: 17px;
    text-transform: capitalize;
}

.foot-each p {
    color: #fff;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 300;
}

.copyright {
    text-align: center;
    color: #fff;
    border-top: 1px solid #848484;
    padding: 10px 0;
    margin: 10px 0;
    font-family: 'Roboto Condensed', sans-serif;
}

.foot-each ul li p {
    float: left;
    font-family: 'Roboto Condensed', sans-serif;
}

.foot-each ul li i {
    color: #ffffff;
    background: #000000;
    font-size: 13px;
    width: 25px;
    height: 25px;
    text-align: center;
    line-height: 26px;
    border-radius: 0;
    margin-right: 10px;
    float: left;
    margin-bottom: 17px;
    /* margin-top: -4px; */
}

.foot-each h4 {
    color: #fff;
    font-size: 18px;
    font-weight: 800;
    margin-bottom: 20px;
    font-family: 'Roboto Condensed', sans-serif;
    text-transform: uppercase;
    border-bottom: 1px solid #696969;
    padding-bottom: 16px;
}

.footer-logo img {
    width: 160px;
    margin: 60px auto;
    display: block;
}

.banner-img img {
    width: 100%;
    height: 450px;
    object-fit: contain;
    /* box-shadow: 0 0 18px #272626; */
    margin: 20% 0 0;
    /* border: 10px solid #0bada1; */
    border-style: double;
}

:root {
    --white: #fff;
    --color_1: linear-gradient(to right, #222 49%,#00a99d 50%);
    --color_2: linear-gradient(to right, #222 49%,#00a99d 50%);
    --color_3: linear-gradient(to right, #222 49%,#00a99d 50%);
    --color_4: linear-gradient(to right, #222 49%,#00a99d 50%);
}

.banner-btn {
    color: var(--white);
    background: var(--color_1);
    font-size: 13px;
    font-weight: 300;
    letter-spacing: 1px;
    line-height: 34px;
    text-transform: uppercase;
    padding: 3px 15px;
    margin: 15px 0px;
    border: none;
    border-radius: 50px;
    display: inline-block;
    overflow: hidden;
    transform: scale(1);
    position: relative;
    z-index: 1;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    font-family: 'ABeeZee', sans-serif;
}

.banner-btn:hover {
    color: var(--white);
    text-shadow: 0 0 5px #000;
    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25);
    animation: bounce 0.4s linear;
}

.banner-btn:before, .banner-btn:after {
    content: "";
    background: #00a99d;
    width: 50%;
    height: 100%;
    opacity: 0;
    transform: scaleX(0);
    position: absolute;
    top: 0;
    left: 0;
    transition: 0.2s linear;
    z-index: -1;
}

.banner-btn:after {
    background: #000;
    width: 52%;
    transform: scaleX(1) scaleY(0);
    left: auto;
    right: -2px;
}

.banner-btn:hover:before, .banner-btn:hover:after {
    opacity: 1;
    transform: scaleX(1) scaleY(1);
}

.banner-btn.blue {
    background: var(--color_2);
}

.banner-btn.orange {
    background: var(--color_3);
}

.banner-btn.green {
    background: var(--color_4);
}

@keyframes bounce {
    40% {
        transform: scale(1.1);
    }

    60% {
        transform: scale(0.8);
    }

    80% {
        transform: scale(1.1);
    }

    100% {
        transform: scale(1.0);
    }
}

@media only screen and (max-width: 767px) {
    .banner-btn {
        margin-bottom: 20px;
    }
}

.sec1 img, .sec2 img {
    width: 100%;
    margin: 0 auto;
    display: block;
    height: 480px;
    object-fit: cover;
}

ul.foot-menu li a {
    display: block;
    padding: 30px 12px 0;
    text-transform: uppercase;
    font-size: 16px;
    letter-spacing: 1px;
    font-family: 'Poppins', sans-serif;
    color: #000;
    text-decoration: none;
}

ul.foot-menu li {
    display: inline-block;
}

ul.foot-menu {
    text-align: center;
}

.wt-post-title h3 {
    color: #000;
    text-transform: capitalize !important;
    font-size: 20px !important;
    font-family: 'ABeeZee', sans-serif;
}

.banner {
    /* background: #282828;
    padding: 14% 0 3% 0;
    position: relative;
    background: url(../images/bg.jpg);
    background-attachment: fixed;
    background-repeat: repeat;
    padding: 60px 0; */
}

.banner-content {
    width: 100%;
    margin: 24% auto 0;
}

.banner-content h2 {
    color: #222;
    text-align: center;
    /* font-family: 'Josefin Sans', sans-serif; */
    font-size: 58px;
    line-height: 61px;
    font-weight: 300;
    /* font-family: 'Roboto', sans-serif; */
    /* font-family: 'Poppins', sans-serif; */
    letter-spacing: 0;
    font-family: 'Poppins', sans-serif;
}

.banner-content h2 span {
    font-weight: 700;
    color: #000;
}

.banner-box {
    text-align: center;
}

.adsec {
    padding: 30px 0;
}

.sec-box {
    padding: 0;
}

.sec1 img {
    width: 100%;
    height: 480px;
    object-fit: cover;
}

.site-btn .btn {
    color: #fff;
    font-size: 18px;
    font-weight: 300;
    text-transform: capitalize;
    letter-spacing: 0px;
    padding: 5px 35px;
    border: 2px solid #1fa0af;
    border-radius: 0;
    overflow: hidden;
    position: relative;
    z-index: 1;
    transition: all 0.5s;
    font-family: 'Roboto', sans-serif;
}

.site-btn .btn:hover {
    color: #fff;
    animation: swoosh 0.4s ease-out 0.2s;
}

.site-btn .btn:before, .site-btn .btn:after {
    content: "";
    background-color: #00d8d6;
    height: 100%;
    width: 100%;
    opacity: 0.7;
    position: absolute;
    top: 0;
    left: -100%;
    z-index: -1;
    transition: all 0.4s ease-out 0.1s;
}

.site-btn .btn:after {
    opacity: 0;
    transform: scale(0.9,0.7);
    left: 0;
    transition: all 0.3s ease-out 0s;
}

.site-btn .btn:hover:before {
    left: 100%;
}

.site-btn .btn:hover:after {
    opacity: 0.3;
    transform: scale(1);
}

@keyframes swoosh {
    0%,100% {
        box-shadow: 0 0 0 0 transparent;
    }

    50% {
        box-shadow: 0 0 0 8px rgba(0,214,216,0.3);
    }
}

@media only screen and (max-width: 767px) {
    .btn {
        margin-bottom: 20px;
    }
}

.our-team {
    text-align: center;
    overflow: hidden;
    position: relative;
    z-index: 1;
}

.our-team:before, .our-team:after {
    content: "";
    width: 130px;
    height: 150px;
    background: #00bed3;
    position: absolute;
    z-index: -1;
}

.our-team:before {
    bottom: -20px;
    left: 0;
}

.our-team:after {
    top: -20px;
    right: 0;
}

.our-team .pic {
    margin: 20px;
    position: relative;
    border: 3px solid #00bed3;
    transition: all 0.5s ease 0s;
}

.our-team:hover .pic {
    border-color: #33343e;
}

.our-team .pic:after {
    content: "";
    width: 100%;
    height: 0;
    background: #33343e;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transform-origin: 0 0 0;
    transition: all 0.5s ease 0s;
}

.our-team:hover .pic:after {
    height: 100%;
    opacity: 0.85;
}

.our-team img {
    width: 100%;
    height: 260px;
    object-fit: contain;
    background: #fff;
}

.our-team .team-content {
    width: 100%;
    position: absolute;
    top: -60%;
    left: 0;
    transition: all 0.5s ease 0.2s;
}

.our-team:hover .team-content {
    top: 38%;
}

.our-team .title {
    font-size: 18px;
    font-weight: 300;
    color: #fff;
    text-transform: capitalize;
    margin: 0 0 5px 0;
    font-family: 'Roboto', sans-serif;
    padding: 0px 30px;
}

.our-team .post {
    font-size: 14px;
    color: #fff;
    line-height: 26px;
    text-transform: capitalize;
}

.our-team .social {
    padding: 0;
    margin: 40px 0 0 0;
    list-style: none;
}

.our-team .social li {
    display: inline-block;
}

.our-team .social li a {
    display: inline-block;
    width: 35px;
    height: 35px;
    line-height: 35px;
    border-radius: 50%;
    border: 1px solid #fff;
    font-size: 18px;
    color: #fff;
    margin: 0 7px;
    transition: all 0.5s ease 0s;
}

.our-team .social li a:hover {
    background: #fff;
    color: #00bed3;
}

@media only screen and (max-width: 990px) {
    .our-team {
        margin-bottom: 30px;
    }
}

.our-team .site-btn {
    text-align: center;
    margin: 0;
}

.wt-box.wt-product-box img {
    width: 100%;
    height: 200px;
    object-fit: contain;
}

.disclaimer {
    color: #e3e3e3;
    /* font-family: 'Roboto', sans-serif; */
    font-weight: 300;
    text-align: left;
    padding: 0;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 12px !important;
    line-height: 21px;
}

.line {
    width: 100%;
    height: 1px;
    background: #636363;
    margin-bottom: 20px;
}

.con-right p {
    text-align: right;
    margin: 0 0 10px 0;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 600;
    font-size: 18px;
}

.banner-img {
    margin: 10% 0 0 0;
}

.site-btn a {
    background: #2098d1;
    color: #fff;
    padding: 16px 50px;
    font-size: 16px;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    border-radius: 50px;
}

.menu li.active a, .menu li a:hover, .menu li a:focus {
    background: #F7CE68;
    color: #000;
    border-radius: 50px;
    text-decoration: none;
}

.h-ph a {
    color: #000;
}

.h-ph {
    color: #000;
    font-size: 12px;
    padding: 92px 0 0 0;
}

.h-ph i {
    background: #eb7025;
    font-size: 13px;
    margin-right: 10px;
    padding: 6px;
    color: #fff;
}

.header-menu {
    background: #eb7025;
    margin: 15px 0;
    padding: 0 30px;
    border-radius: 50px;
}

.fea-sec {
    padding: 70px 0 0px;
    margin: 0;
}

.about-text p {
    color: #000000;
    text-align: center;
    font-weight: 300;
    margin: 20px 0;
    /* display: inline-block; */
    font-size: 17px;
    width: 90%;
    margin: 0 auto;
    font-weight: 600;
    font-family: 'Poppins', sans-serif;
    padding: 80px 0;
}

.choose-sec {
    /* background: #1a0e44; */
    padding: 100px 0 40px 0;
    background: #fffcfc;
    background: -moz-linear-gradient(left, #fffcfc 63%, #eb7025 63%);
    background: -webkit-linear-gradient(left, #fffcfc 63%,#eb7025 63%);
    background: linear-gradient(to right, #fffcfc 63%,#eb7025 63%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fffcfc', endColorstr='#1a0e44',GradientType=1 );
    position: relative;
}

.choose-text h2::before {
    position: absolute;
    content: '';
    width: 1px;
    height: 70px;
    background: #000;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: -57px;
}

.choose-each img {
    width: 80%;
    height: 300px;
    object-fit: cover;
    margin: 0 auto;
    display: block;
    object-position: left;
}

.choose-text h2 {
    text-align: center;
    color: #000;
    font-size: 20px;
    font-weight: 700;
    margin: 0;
    padding: 20px 0 10px 0;
    position: relative;
    font-family: 'Poppins', sans-serif;
}

.choose-text p {
    text-align: center;
    color: #000;
    font-weight: 400;
    font-family: 'Poppins', sans-serif;
}

.choose-box1 {
    margin: 5% 0;
}

.choose-box2 {
    margin: 10% 0;
}

.choose-box2 .choose-text h2, .choose-box2 .choose-text p {
    color: #fff;
}

.choose-sec::before {
    position: absolute;
    content: 'Our Categories';
    right: 51px;
    color: #fff;
    font-size: 44px;
    width: 450px;
    height: 460px;
    transform: rotate(90deg);
    text-transform: uppercase;
    font-family: 'Poppins', sans-serif;
    font-weight: 800;
}

.flip-card {
    background-color: transparent;
    width: 100%;
    height: 400px;
    perspective: 1000px;
    margin-bottom: 30px;
}

.flip-card-inner {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    transition: transform 0.6s;
    transform-style: preserve-3d;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
}

.flip-card:hover .flip-card-inner {
    transform: rotateY(180deg);
}

.flip-card-front, .flip-card-back {
    position: absolute;
    width: 100%;
    height: 400px;
    backface-visibility: hidden;
}

.flip-card-front {
    background-color: #bbb;
    color: black;
}

.flip-card-back {
    background-color: #2980b9;
    color: white;
    transform: rotateY(180deg);
}

.flip-card-front img {
    width: 100%;
    height: 320px;
    object-fit: cover;
    background: #fff;
}

.flip-card .card-title {
    margin-bottom: 0;
    position: absolute;
    bottom: 0;
    background: #eb7025;
    padding: 20px;
    left: 0;
    right: 0;
}

.flip-card .card-title h4 {
    font-family: 'Rajdhani', sans-serif;
    text-transform: uppercase;
    color: #fff;
    font-size: 19px;
    font-weight: 300;
    padding: 20px 0 10px 0;
    border-bottom: 1px dashed #fff;
    display: none;
}

.flip-card .card-title h2 {
    /* font-family: 'Montserrat', sans-serif; */
    color: #fff;
    font-weight: 600;
    font-size: 20px;
    line-height: 0;
    font-family: 'Poppins', sans-serif;
}

.box-flip .flip-card .card-title::before, .box-flip2 .flip-card .card-title::before {
    width: 0;
    height: 0;
    border-bottom: 34px solid #2bb673;
    border-left: 360px solid transparent;
    position: absolute;
    content: '';
    top: -34px;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.flip-card .flip-card-back {
    background-color: #eb7025;
    color: white;
    transform: rotateY(180deg);
    padding: 50% 0;
}

.flip-card .flip-card-back .add-to-cart {
    background: #000;
    color: #fff;
    padding: 10px 30px;
}

.flip-card .flip-card-back p {
    color: #fff;
    font-family: 'Rajdhani', sans-serif;
    font-size: 16px;
    line-height: 24px;
    padding: 20px 0;
}

.flip-card .flip-card-back h1 {
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 29px;
    padding: 27% 0 0 0;
}

.box-flip1 .flip-card .card-title::before {
    width: 0;
    height: 0;
    border-bottom: 34px solid #e04343;
    border-right: 360px solid transparent;
    position: absolute;
    content: '';
    top: -34px;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.box-flip1 {
    margin-top: -60px;
}

.box-flip2 {
    margin-top: -110px;
}

.price {
    position: absolute;
    right: 0;
    background: #eb7025;
    color: #fff;
    padding: 10px 30px;
    font-size: 19px;
}

.pro-each h4 {
    color: #fff;
    text-align: center;
    font-weight: 600;
    font-size: 18px;
}

.pro-each h5 {
    text-align: center;
    color: #fff;
    font-weight: 600;
}

.pro-btn a {
    background: #000;
    color: #fff;
    padding: 10px 20px;
    border-radius: 0;
}

.pro-btn a:hover, .pro-btn a:focus {
    background: #fff;
    color: #000;
    text-decoration: none;
}

.pro-btn {
    text-align: center;
    margin: 30px 0 10px;
}

.pro-each img {
    width: 100%;
    height: 250px;
    object-fit: contain;
    margin-bottom: 30px;
    background: #fff;
}

.index-banner {
    height: 800px;
    background-size: cover;
}

.works-box {
    position: absolute;
    width: 40%;
    margin: 15% 0 0;
    top: 0;
    right: 0;
    z-index: 999;
}

.works-box .top-bg {
    opacity: .4;
    position: absolute;
    top: 0;
    width: 50%;
    position: relative;
    left: 10px;
    top: -30px;
    width: 100%;
    -webkit-animation-name: spin;
    -webkit-animation-duration: 100000ms;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: spin;
    -moz-animation-duration: 100000ms;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: spin;
    -ms-animation-duration: 100000ms;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    animation-name: spin;
    animation-duration: 100000ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

@-ms-keyframes spin {
    from {
        -ms-transform: rotate(0deg)
    }

    to {
        -ms-transform: rotate(360deg)
    }
}

@-moz-keyframes spin {
    from {
        -moz-transform: rotate(0deg)
    }

    to {
        -moz-transform: rotate(360deg)
    }
}

@-webkit-keyframes spin {
    from {
        -webkit-transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes spin {
    from {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(360deg)
    }
}

.works-box .works-img1 {
    position: absolute;
    left: 30px;
    bottom: 50px;
    width: 100%;
    -webkit-animation: rotation 300000ms infinite linear;
    opacity: 0.6;
}

@-webkit-keyframes rotation {
    from {
        -webkit-transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(-359deg)
    }
}

.works-box .top-img1 {
    position: absolute;
    left: 30px;
    bottom: 100px;
    width: 70%;
}

.works-box .top-img1.i-size {
    width: 100%;
    /* -webkit-box-shadow: 0 10px 46px -4px rgba(0, 0, 0, .3); */
    -moz-box-shadow: 0 10px 46px -4px rgba(0, 0, 0, .3);
    /* box-shadow: 0 10px 46px -4px rgba(0, 0, 0, .3); */
    /* border-radius: 35px; */
}

.works-box {
    position: absolute;
    width: 71%;
    margin: 30% 0 0;
    top: 0;
    right: 0;
    z-index: 0;
}

.index-about {
    padding: 70px 0 40px;
}

.about-content {
    padding: 120px 60px 120px 120px;
    background: #fff;
    width: 45%;
    margin-left: 10%;
    position: relative;
}

.about-image {
    padding: 0;
    margin: 6% 0 0 0;
    position: relative;
}

.abt-txt h4 {
    font-family: 'Poppins', sans-serif;
    color: #000;
    font-weight: 600;
    font-size: 28px;
}

.abt-txt h2 {
    color: #54be73;
    font-weight: 600;
    font-size: 30px;
    line-height: 32px;
}

.abt-txt p {
    color: #878787;
    font-weight: 300;
    font-size: 14px;
    letter-spacing: 1px;
    text-align: center;
    padding: 0;
    /* font-family: 'Poppins', sans-serif; */
    font-family: 'Poppins', sans-serif;
}

.about-sec {
    padding: 60px 0 0;
}

.about-content::before {
    position: absolute;
    content: '01';
    top: 2%;
    left: -40px;
    background: #9cc026;
    color: #fff;
    font-size: 90px;
    font-weight: 600;
    padding: 20px;
    width: 150px;
    height: 150px;
    text-align: center;
    border-radius: 50%;
}

.about-content::after {
    position: absolute;
    content: 'About';
    left: -31%;
    transform: rotate(-90deg);
    top: 45%;
    font-size: 100px;
    font-weight: 700;
    opacity: 0.1;
    color: #000;
}

.shop-bg {
    height: 500px;
    padding: 100px 0;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#2c539e+0,000000+100 */
    background: rgb(44,83,158);
    /* Old browsers */
    background: -moz-linear-gradient(45deg, rgba(44,83,158,1) 0%, rgba(0,0,0,1) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(45deg, rgba(44,83,158,1) 0%,rgba(0,0,0,1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(45deg, rgba(44,83,158,1) 0%,rgba(0,0,0,1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2c539e', endColorstr='#000000',GradientType=1 );
    /* IE6-9 fallback on horizontal gradient */
}

.shop-txt {
    text-align: center;
    padding: 50px 0;
}

.shop-txt h4 {
    color: #fff;
    font-size: 22px;
    font-weight: 300;
    text-transform: capitalize;
    letter-spacing: 4px;
    font-family: 'Poppins', sans-serif;
}

.shop-txt h2 {
    font-size: 40px;
    padding: 20px 0;
    color: #fff;
    font-weight: 800;
    margin: 0;
    font-family: 'Poppins', sans-serif;
}

.shop-txt .site-btn {
    text-align: center;
}

.animated-bg i {
    background: #fff6f6;
    -webkit-box-shadow: 0 15px 30px 0 #f3c4c3;
    box-shadow: 0 15px 30px 0 #f3c4c3;
}

.animated-bg i {
    background: #ddd;
    bottom: 0;
    -webkit-box-shadow: 0 15px 30px 0 #ddd;
    box-shadow: 0 15px 30px 0 #ddd;
    position: absolute;
    height: 100px;
    width: 100px;
    border-radius: 100%;
    opacity: 0.3;
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
    -webkit-animation: ripple1 3s linear infinite;
    animation: ripple1 3s linear infinite;
}

.animated-bg i:nth-child(2) {
    -webkit-animation: ripple2 3s linear infinite;
    animation: ripple2 3s linear infinite
}

.animated-bg i:nth-child(3) {
    -webkit-animation: ripple3 3s linear infinite;
    animation: ripple3 3s linear infinite
}

@-webkit-keyframes ripple1 {
    0% {
        -webkit-transform: scale(5.5);
        transform: scale(5.5);
        opacity: 0.3
    }

    100% {
        -webkit-transform: scale(8.5);
        transform: scale(8.5);
        opacity: 0.0
    }
}

@keyframes ripple1 {
    0% {
        -webkit-transform: scale(5.5);
        transform: scale(5.5);
        opacity: 0.3
    }

    100% {
        -webkit-transform: scale(8.5);
        transform: scale(8.5);
        opacity: 0.0
    }
}

@-webkit-keyframes ripple2 {
    0% {
        -webkit-transform: scale(3.5);
        transform: scale(3.5)
    }

    100% {
        -webkit-transform: scale(5.5);
        transform: scale(5.5)
    }
}

@keyframes ripple2 {
    0% {
        -webkit-transform: scale(3.5);
        transform: scale(3.5)
    }

    100% {
        -webkit-transform: scale(5.5);
        transform: scale(5.5)
    }
}

@-webkit-keyframes ripple3 {
    0% {
        -webkit-transform: scale(1.5);
        transform: scale(1.5)
    }

    100% {
        -webkit-transform: scale(3.5);
        transform: scale(3.5)
    }
}

@keyframes ripple3 {
    0% {
        -webkit-transform: scale(1.5);
        transform: scale(1.5)
    }

    100% {
        -webkit-transform: scale(3.5);
        transform: scale(3.5)
    }
}

.animated-bg {
    position: absolute;
    top: 100px;
    left: 0;
}

.wave {
    position: absolute;
    bottom: 0;
    width: 100%;
    -webkit-animation: move-img 10s linear infinite;
    animation: move-img 10s linear infinite;
    background-image: url(../images/wave.png);
    height: 40px;
    background-size: contain;
    left: 0;
}

.header .wave {
    position: absolute;
    bottom: 0;
    width: 100%;
    -webkit-animation: move-img 10s linear infinite;
    animation: move-img 10s linear infinite;
    background-image: url("../images/app_landing2/wave.png");
    height: 40px;
    background-size: contain
}

.header .wave:before {
    content: "";
    width: 100%;
    position: absolute;
    bottom: 0;
    -webkit-animation: move-img-reverse 10s linear infinite;
    animation: move-img-reverse 10s linear infinite;
    background-image: url("../images/app_landing2/wave.png");
    height: 40px;
    background-size: contain;
    opacity: 0.4
}

.header .wave:after {
    content: "";
    position: absolute;
    width: 100%;
    bottom: 0;
    -webkit-animation: move-img 20s linear infinite;
    animation: move-img 20s linear infinite;
    background-image: url("../images/app_landing2/wave.png");
    height: 45px;
    background-size: contain;
    opacity: 0.4
}

.header .img-mobile {
    bottom: -17%;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    z-index: 2
}

.header .wave-orange {
    position: absolute;
    bottom: 0;
    width: 326px;
    -webkit-animation: move-img 10s linear infinite;
    animation: move-img 10s linear infinite;
    background-image: url("../images/app_landing2/wave-orange.png");
    height: 34px;
    background-size: contain;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    -webkit-animation-delay: 0.55s;
    animation-delay: 0.55s;
    z-index: 3
}

.header .wave-orange:before {
    content: "";
    position: absolute;
    bottom: 0;
    width: 326px;
    -webkit-animation: move-img-reverse 10s linear infinite;
    animation: move-img-reverse 10s linear infinite;
    background-image: url("../images/app_landing2/wave-orange.png");
    height: 34px;
    opacity: 0.4;
    background-size: contain
}

.header .wave-orange:after {
    content: "";
    position: absolute;
    bottom: 0;
    opacity: 0.4;
    width: 326px;
    -webkit-animation: move-img 40s linear infinite;
    animation: move-img 40s linear infinite;
    background-image: url("../images/wave-orange.png");
    height: 34px;
    background-size: contain
}

.serviceBox {
    font-family: "Poppins", sans-serif;
    padding: 5px 0 0;
}

.serviceBox .service-icon {
    color: #fff;
    background-color: #2098d1;
    font-size: 34px;
    text-align: center;
    line-height: 81px;
    width: 100px;
    height: 100px;
    margin: 0 auto;
    border: 10px solid #fff;
    border-radius: 50%;
    position: relative;
}

.serviceBox .service-icon:before, .serviceBox .service-icon:after {
    content: "";
    border: 5px solid #0aafaf;
    border-radius: 50%;
    transform: rotate(36deg);
    position: absolute;
    left: -15px;
    top: -15px;
    bottom: -15px;
    right: -15px;
    clip-path: polygon(0 0, 0 87.5%, 87% 0);
}

.serviceBox .service-icon:after {
    transform: rotate(36deg);
    clip-path: polygon(100% 10%, 100% 100%, 11% 100%);
}

.serviceBox .service-content {
    padding: 70px 15px 15px;
    margin: -55px 0 0;
    border-radius: 20px;
    border: 5px solid #0aafaf;
}

.serviceBox .title {
    color: #0aafaf;
    font-size: 20px;
    font-weight: 600;
    text-transform: capitalize;
    margin: 0 0 5px;
    font-family: 'Roboto Condensed', sans-serif;
    text-align: center;
}

.serviceBox .description {
    color: #666;
    font-size: 15px;
    line-height: 22px;
    margin: 0;
}

.serviceBox.red .service-icon {
    background-color: #DD0B10;
}

.serviceBox.red .service-icon:before, .serviceBox.red .service-icon:after, .serviceBox.red .service-content {
    border-color: #DD0B10;
}

.serviceBox.red .title {
    color: #DD0B10;
}

.serviceBox.purple .service-icon {
    background-color: #ce3998;
}

.serviceBox.purple .service-icon:before, .serviceBox.purple .service-icon:after, .serviceBox.purple .service-content {
    border-color: #ce3998;
}

.serviceBox.purple .title {
    color: #ce3998;
}

.serviceBox.orange .service-icon {
    background-color: #f96125;
}

.serviceBox.orange .service-icon:before, .serviceBox.orange .service-icon:after, .serviceBox.orange .service-content {
    border-color: #f96125;
}

.serviceBox.orange .title {
    color: #f96125;
}

@media only screen and (max-width: 990px) {
    .serviceBox {
        margin: 0 0 30px;
    }
}

.box {
    background-color: #1ccded;
    overflow: hidden;
    position: relative;
}

.box:before {
    content: '';
    background-color: #1ccded;
    height: 100%;
    width: 100%;
    opacity: 0;
    transform: rotate(-90deg);
    transform-origin: left bottom;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    transition: all 0.4s ease;
}

.box:hover:before {
    box-shadow: 0 0 10px rgba(0,0,0,0.5);
    opacity: 0.9;
    transform: rotate(25deg) translateX(-10%) translateY(20%);
}

.box > img {
    width: 100%;
    height: auto;
    transition: all 0.3s ease-in-out;
}

.box:hover > img {
    opacity: 0.5;
}

.box .box-content {
    color: #fff;
    text-align: center;
    width: 100%;
    opacity: 0;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 2;
    transition: all 0.3s ease 0.2s;
}

.box:hover .box-content {
    opacity: 1;
    bottom: 20px;
}

.box .title {
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 0px;
    text-transform: capitalize;
    margin: 0 0 5px;
    color: #fff;
    text-transform: uppercase;
}

.box .post {
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 1px;
    text-transform: capitalize;
    display: block;
}

.box .icon {
    text-align: center;
    padding: 0;
    margin: 0;
    list-style: none;
    transform: translateX(-50%) scaleY(0);
    position: absolute;
    left: 50%;
    top: 20px;
    transition: all 0.3s ease 0.2s;
}

.box:hover .icon {
    transform: translateX(-50%) scaleY(1);
}

.box .icon li {
    display: inline-block;
}

.box .icon li a {
    color: #b71540;
    background-color: #fff;
    font-size: 16px;
    line-height: 34px;
    width: 33px;
    height: 33px;
    margin: 0 3px;
    box-shadow: 0 0 5px rgba(0,0,0,0.5);
    display: block;
    transition: all 0.3s ease 0s;
}

.box .icon li a:hover {
    color: #fff;
    background-color: #b71540;
    box-shadow: 0 0 0 2px #fff;
}

@media only screen and (max-width: 990px) {
    .box {
        margin: 0 0 30px;
    }
}

.site-title h2 {
    font-weight: 700;
    font-size: 45px;
    padding-bottom: 20px;
    color: #000;
    text-align: center;
    /* font-family: 'Poppins', sans-serif; */
    line-height: 48px;
    font-family: 'Poppins', sans-serif;
}

.site-title h4 {
    color: #2098d1;
    font-weight: 600;
    letter-spacing: 0px;
    text-transform: capitalize;
    /* font-family: 'Poppins', sans-serif; */
    text-align: center;
    font-size: 22px;
    font-family: 'Poppins', sans-serif;
}

.site-title {
    text-align: center;
}

.inner-header {
    background: #000;
}

.top-header {
    position: absolute;
    top: 0;
    z-index: 9999;
    width: 100%;
}

.contact-btn a {
    color: #fff !important;
    padding: 16px 50px;
    font-size: 16px;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 900;
    border-radius: 50px;
    background-color: #FBAB7E !important;
    background-image: linear-gradient(62deg, #FBAB7E 0%, #F7CE68 100%) !important;
    text-transform: uppercase;
}

.contact-btn a:hover, .contact-btn a:focus {
    background: #000;
    color: #fff;
    text-decoration: none;
}

.contact-btn {
    margin: 19% 0 0 0;
    text-align: right;
}

.top-head li i {
    background: #0f8d7e;
    color: #fff;
    padding: 8px;
    margin-right: 9px;
}

.top-head li a, ul.top-head li {
    color: #000 !important;
    font-size: 15px;
    font-family: 'Sansation';
    font-weight: 600;
}

.top-head li {
    display: inline-flex !important;
    padding: 10px 10px 0;
    margin: 0 !important;
}

.top-head {
    margin-bottom: 0;
    padding: 0;
    /* background: #000; */
    background: #fff;
    color: #000;
    font-family: 'Sansation';
    border-bottom: 1px solid #ccc;
}

.banner-shape {
    position: absolute;
    right: 0px;
    top: 0;
    height: 630px;
    width: 630px;
    background: rgb(51 122 183 / 9%);
    border-radius: 50%;
    border: 60px solid rgb(32 152 209 / 13%);
    z-index: 1;
}

.banner-shape::before {
    position: absolute;
    content: '';
    top: 50%;
    left: 50%;
    height: 400px;
    width: 400px;
    border-radius: 50%;
    background: #fff;
    z-index: -1;
    transform: translate(-50%,-50%);
}

.banner-shape img {
    position: absolute;
    top: -103px;
    left: 0;
}

.f1 {
    background: #f15a24;
}

.f2 {
    background: #22b573;
}

.f3 {
    background: #f7931e;
}

.f4 {
    background: #ed1c24;
}

.fea-each h4 {
    text-align: center;
    color: #fff;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 16px;
    letter-spacing: 1px;
    line-height: 23px;
}

.fea-each i {
    text-align: center;
    margin: 0 auto 22px;
    display: block;
    color: rgb(255, 255, 255);
    font-size: 49px;
}

.fea-each {
    width: 200px;
    height: 200px;
    border-radius: 0;
    margin: 0 auto;
    padding: 37px;
}

.abt-img {
    position: relative;
    z-index: 5;
}

/*.abt-img::before {
    position: absolute;
    content: '';
    height: 630px;
    width: 630px;
    border: 120px solid #f7931e;
    transform: rotate(45deg);
    background: #fff;
    z-index: -1;
    left: -200px;
    top: 40px;
  -webkit-transform: rotate(360deg);
    -webkit-transition-duration: 1s;
    -webkit-transition-delay: now;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
   -webkit-animation: rotating 190s linear infinite;
  -moz-animation: rotating 190s linear infinite;
  -ms-animation: rotating 190s linear infinite;
  -o-animation: rotating 190s linear infinite;
  animation: rotating 190s linear infinite;
}*/
@-webkit-keyframes rotating {
    from {
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes rotating {
    from {
        -ms-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    to {
        -ms-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.con {
    background: #22b573 !important;
}

.index-about .site-title {
    text-align: left;
    margin: 2% 0 0 0;
}

.index-about .site-title h4, .index-about .site-title h2, .index-about .abt-txt p, .index-about .site-btn {
    text-align: left;
}

.site-btn a:hover, .site-btn a:focus, .con:hover, .con:focus {
    background: #000;
}

.index-category {
    background: #fff4f4;
    padding: 70px 0 140px;
}

.cat-each img {
    width: 100%;
    height: 350px;
    object-fit: cover;
    border: 19px solid #fff;
}

.cat-each {
    position: relative;
}

.cat-txt {
    background: #fff;
    margin-top: 0px;
    position: absolute;
    bottom: -40px;
    right: 15px;
    width: 230px;
    padding: 0 0 20px 20px;
}

.cat-txt a {
    color: #000;
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
}

.cat-txt h3 {
    color: #ed1c24;
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
}

.pro-each {
    height: 440px;
    margin-bottom: 30px;
    border: 1px solid #ccc;
    /* background: #eb4a3a; */
    border-radius: 0;
    position: relative;
    z-index: 2;
    transition: 0.3s;
    padding: 7px;
}

.pro-each img {
    width: 100%;
    height: 250px;
    object-fit: contain;
    margin-bottom: 30px;
    background: #fff;
    padding: 20px;
}

.pro-each h4 {
    font-family: 'Sansation';
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    /* line-height: 18px; */
    text-align: center;
    color: #000000;
    margin-bottom: 0 !important;
}

.pro-each h5 {
    text-align: center;
    font-weight: 600;
    font-size: 23px;
    margin-bottom: 0px;
    color: #000;
    font-family: 'Sansation';
    letter-spacing: -1px;
}

.pro-btn {
    text-align: center;
    margin: 10px 0 10px;
}

.pro-btn a {
    display: inline-block;
    background: #FFFFFF;
    border: 0.5px solid #B1B1B1;
    border-radius: 8px;
    /* height: 45px; */
    line-height: 25px;
    font-family: 'Sansation';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    color: #000;
    width: 175px;
    text-align: center;
    transition: all 0.5s ease-in-out;
    text-transform: uppercase;
}

.pro-btn a:hover, .pro-btn a:focus {
    border-color: #0f8d7e;
    color: #Fff;
    text-decoration: none;
    background: #0f8d7e !important;
}

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

.pro-btn a:hover, .pro-btn a:focus {
    background: #000;
    color: #fff;
}

.abt-area {
    padding: 50px 40px;
    background: #ebf9ff;
    border-radius: 20px;
    border: 4px solid rgb(32 152 209 / 22%);
}

.footer-div p {
    color: #fff;
    font-weight: 300;
    text-align: center;
    padding: 0 70px;
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
}

/**************************************************/
.contact-box {
    padding: 30px;
    width: 85%;
    margin: 0 auto;
    border: 5px solid #ccc;
}

.contact-sec {
    padding: 50px 0;
}

.contact-details p {
    text-align: right;
    margin: 0 0 10px 0;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 300;
    font-size: 16px;
}

.contact-box a {
    color: #337ab7;
    text-decoration: underline;
}

.contact-details h5, .contact-txt p {
    text-align: left;
    margin: 0 0 10px 0;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 300;
    font-size: 16px;
}

.contact-details h4, .contact-details h3, .contact-form h4, .contact-txt h4 {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 800;
    font-size: 22px;
}

.contact-form {
    margin: 40px auto;
    background: #fff;
    width: 100%;
    box-shadow: 0 0 11px #ccc;
    padding: 40px;
}

.contact-form form label {
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    font-size: 16px;
    color: #222;
}

.contact-form form input[type="text"], .contact-form form input[type="email"], .contact-form form input[type="tel"], .contact-form form textarea {
    background: #fff;
    color: #000;
    width: 100%;
    padding: 10px;
    margin: 0 0 10px 0;
    font-family: 'Poppins', sans-serif;
    font-weight: 300;
    font-size: 16px;
    border: 1px solid #ccc;
    resize: none;
}

.contact-form form input[type="submit"] {
    background: #155f99;
    color: #fff;
    font-size: 18px;
    padding: 10px 30px;
    border-radius: 0;
    text-transform: capitalize;
    letter-spacing: 0;
    border: 1px solid #155f99;
    font-family: 'Poppins', sans-serif;
}

.con-last h4 {
    line-height: 51px;
}

.con-last img {
    float: left;
    margin-right: 30px;
    width: 20%;
}

.terms-sec {
    margin: 50px auto 50px;
}

.terms-sec h2 strong, .terms-sec h4 {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 900;
    font-size: 22px;
    line-height: 29px;
}

.terms-sec p strong {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 700;
    font-size: 16px;
}
 
.terms-sec p, .terms-sec ul li {
    text-align: left;
    margin: 0 0 25px 0;
    /* font-family: 'Roboto Condensed', sans-serif; */
    font-weight: 400;
    /* font-size: 16px; */
    list-style: none;
}

.terms-sec a {
    color: #000;
    font-size: 14px;
    text-decoration: underline !important;
}
.term-track {
    display: flex;
    width: 100%;
    align-items: center;
}
.term-track img {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.copyright-btm {
    background: #000;
    padding: 20px 0;
}

.terms-sec h2,.terms-sec h3, .terms-sec h3 strong {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 800;
    font-size: 18px;
}

.inner-banner {
    background-size: cover;
    height: 500px;
}

.inner-banner h4, .inner-banner h4 a {
    color: #fff;
    font-family: 'Poppins', sans-serif;
    font-weight: 300;
    text-transform: uppercase;
    margin: 20% 0;
}

.index-banner {
    height: 900px;
    background: #a9ece0;
    display: flex;
    align-items: center;
    position: relative;
    overflow: hidden;
}

.index-banner::before {
    position: absolute;
    content: '';
    height: 100%;
    width: 100%;
    background-image: url(../images/banner-gradient-bg.png);
    top: 0;
    left: 0;
    background-size: cover;
    background-position: center center;
}

.footer {
    margin-top: auto;
    color: #fff;
    background: -webkit-gradient(linear, left top, right top, from(#222), color-stop(#444), to(#222));
    background: linear-gradient(to right, #222, #444, #413a3a);
    background-image: -webkit-gradient(linear, left top, right top, from(#222), color-stop(#444), to(#222));
    background-image: linear-gradient(to right, #413939, #000, #1e1a1a);
    background-image: -moz-linear-gradient(left, #222, #444, #222);
}

.footer .footer-column h3 {
    font-size: 14px;
    border-bottom: 1px solid #666;
    padding-bottom: 10px;
    margin-bottom: 5px;
    color: #fff;
    margin-bottom: 20px;
}

.footer a {
    -webkit-box-shadow: none;
    box-shadow: none;
    text-decoration: none;
    color: #fff;
    margin-bottom: 13px;
    display: block;
}

.footer .footer-copyright-wrapper {
    font-size: 12px;
    color: #fff;
    border-top: 2px solid #666;
}

.footer h4 {
    color: #fff;
}

.footer .footer-copyright-wrapper {
    font-size: 12px;
    color: #fff;
    border-top: 2px solid #666;
}

.footer .footer-copyright-wrapper {
    font-size: 12px;
    color: #fff;
    border-top: 2px solid #666;
    margin-top: 32px;
}

.panel-footer .text-right {
    text-align: left !important;
    float: left;
    font-family: 'Sansation';
    font-size: 14px;
    text-transform: capitalize;
    font-weight: 400;
    color: #000;
    line-height: 20px;
}

.panel-footer {
    padding: 0 !important;
    background: none !important;
    border: none !important;
    border-radius: 0 !important;
}

.order-summary-pricing.align-self-center {
    color: #333;
    background: rgba(255, 255, 255, .8);
    border: 1px solid #dedede;
    border-radius: 3px;
    -webkit-box-shadow: #000 0 6px 9px -9px;
    box-shadow: #000 0 6px 9px -9px;
    font-size: 14px;
    padding: 10px;
}

.order-summary .order-summary-pricing .order-summary-header .order-summary-header-text {
    font-size: 18px;
    line-height: 2.1rem;
    font-family: oswald, sans-serif;
}

.order-summary .order-summary-pricing .order-summary-title {
    color: #333;
    font-weight: 500;
    border-bottom: 1px solid;
    border-color: rgba(200, 200, 200, .8);
}

.order-summary .order-summary-pricing .order-summary-item {
    color: #333;
    border-bottom: 1px solid;
    border-color: rgba(255, 255, 255, .5);
}

.checkout-full {
    background: #fff;
    padding: 30px;
}

.checkout-each {
    margin-bottom: 20px;
}

.checkout-each h4 {
    font-size: 20px;
    font-family: 'Sansation';
    text-transform: capitalize;
    font-weight: 800;
    color: #3f3f3f;
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
    text-align: left;
}

.panel-footer h4 {
    border: none;
    margin: 0;
}

.panel-footer h4 strong {
    font-size: 15px;
    margin: 10px 0;
    display: block;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 800;
}

.checkout-details {
    background: #d9f5f2;
    padding: 20px 15px 20px 0;
}

.checkout-each ul li {
    list-style: none;
    font-size: 14px;
    color: #000;
    line-height: 32px;
    font-family: 'Sansation';
    font-weight: 400;
}

.checkout-each ul li strong {
    color: #00c723 !important;
    font-weight: 600;
    margin-right: 20px;
}

.checkout-each > ul > li:last-child strong {
    color: #000 !important;
}

.order-summary-header {
    padding: 10px !important;
    font-size: 17px;
    font-weight: 600;
    text-transform: uppercase;
    font-family: oswald, sans-serif;
    background: #000;
}

.order-summary-header i {
    float: left;
    line-height: 23px;
}

.order-summary-title div:nth-child(2), .order-summary-item div:nth-child(2), .order-summary-total div:nth-child(2) {
    float: right;
}

.order-summary-title div, .order-summary-item div, .order-summary-total div {
    display: inline-block;
    padding: 7px 0;
    font-family: 'Roboto Condensed', sans-serif;
}

span.currency-block.cart-total {
    float: right;
    line-height: 35px;
}

.order-summary-item.order-summary-template ul li {
    list-style: none;
    color: #000;
    font-size: 13px;
    line-height: 22px;
    clear: both;
    font-family: 'Roboto Condensed', sans-serif;
    width: 100%;
    display: inline-block;
}

.order-summary-item.order-summary-template ul li strong {
    list-style: none;
    color: #00c723;
}

.order-summary-item.order-summary-template ul li:last-child strong {
    color: #000 !important;
}

.order-summary-title {
    border-bottom: 1px solid #ccc;
    margin-bottom: 10px;
}

.order-summary-title div strong {
    font-size: 18px;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 700;
}

.bill-frm {
    -webkit-box-shadow: 0 6px 9px -5px #000;
    box-shadow: 0 6px 9px -5px #000;
    padding: 28px 15px 5px 15px;
    border-radius: 5px;
    /* color: #fff !important; */
    margin-bottom: 40px;
    background-color: #0f8d7e;
    background-image: linear-gradient(92.94deg, #0f8d7e 23.19%, #045d53 89.28%);
}

.bill-frm label a {
    color: #ffffff;
    text-decoration: underline;
    font-weight: bold;
}

.seal-container {
    background: #f7f7f7;
    border-radius: 10px;
    margin-bottom: 15px;
    padding: 14px 0 17px;
}

.seal-container .seal-image {
    width: 50px;
    min-width: 50px;
    margin-right: 10px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    vertical-align: middle;
    float: left;
    margin: 8px 10px;
    height: 77px;
}

.seal-container .seal-image img {
    width: 100%;
}

.seal-container .seal-title {
    font-weight: 600;
    line-height: 1.1;
    font-family: oswald, sans-serif;
    color: #000;
    font-size: 18px;
    padding: 10px 0 5px;
}

.seal-content.seal-content-1 {
    font-size: 13px;
    font-weight: 300;
    padding-bottom: 10px;
    font-family: 'Roboto Condensed', sans-serif;
}

.site-button {
    /* background: #000 !important; */
    /* color: #fff; */
    /* margin-bottom: 0px; */
    /* letter-spacing: 0; */
    background: #0f8d7e !important;
    width: 100%;
    border-radius: 9px;
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: .51px;
    margin-top: 15px;
    line-height: 22px;
    text-align: center;
    padding: 15px;
    width: 100%;
    position: relative;
    outline: none !important;
    border: 2px solid #fff;
    font-family: 'Oswald';
    text-transform: uppercase;
    margin: 0 0 4px 0;
}

.form-group label {
    color: #000;
}

.ssl-encrypted.text-center.mt-1 {
    color: #fff;
    font-size: 13px;
    padding: 7px 0;
}

.descriptor {
    color: #fff;
    font-size: 14px;
    line-height: 20px;
    padding: 10px 0 0 0;
    font-family: 'Roboto Condensed', sans-serif;
}

.seal-content.seal-content-3, .seal-content.seal-content-2 {
    font-size: 13px;
    font-weight: 300;
    font-family: 'Roboto Condensed', sans-serif;
}

.contact-box h4 {
    text-align: left;
    color: #000;
    font-weight: 900;
    font-family: 'Roboto Condensed', sans-serif;
    text-transform: uppercase;
    font-size: 32px;
    margin-bottom: 30px;
}

.top-header {
    position: absolute;
    top: 0;
    z-index: 9999;
    width: 100%;
}

.seal-subtitle.seal-subtitle-2 {
    font-family: 'Roboto Condensed', sans-serif;
}

.logo-area img {
    width: 224px;
    margin: 10px auto 0;
    display: block;
    z-index: 1000;
}

.main-header {
    background: #eb4a3a;
}

.index-header {
    background: #192437;
}

.header-sec p {
    margin: 0;
    padding: 12px 20px;
}

.header-sec p, .header-sec p a {
    color: #fff;
    font-family: 'Roboto Condensed';
    font-weight: 300;
    margin: 0;
    font-size: 13px;
    padding: 6px 0;
}

.menu li a {
    color: #fff;
    padding: 28px 14px;
    display: block;
    font-size: 15px;
    font-weight: 300;
    font-family: 'Roboto Condensed';
}

.menu {
    /* margin-bottom: 0; */
    text-align: center;
    margin: 0;
}

.menu li.active a, .menu li a:hover, .menu li a:focus {
    background: #192437;
    color: #fff;
    border-radius: 0;
    text-decoration: none;
}

.extra-nav {
    background: none;
    border: none;
    padding: 9px 20px;
    margin: 8px 14px 0;
}

.wt-cart .woo-cart-count:before {
    font-size: 22px !important;
    height: 10px !important;
    left: -10% !important;
    /* margin: 0 -12px !important; */
    position: absolute !important;
    /* top: -15px !important; */
    /* width: 22px !important; */
    color: #fff !important;
}

.cart-eddy-btn {
    background: #000;
    padding: 10px;
    border-radius: 8px;
    margin-top: 8px;
    width: 60px;
    height: 60px;
    position: relative;
}

/* span.shopping-bag.wcmenucart-count.ng-binding {
    background: none;
    width: 25px;
    color: #454545 !important;
    height: 25px;
    display: block;
    border-radius: 20px;
    font-size: 14px !important;
    line-height: 17px;
    position: absolute !important;
    right: 5px;
    border: 1px solid #ffc700;
    top: -20px;
    padding: 3px 8px;
    /* font-family: 'ABeeZee', sans-serif; */
    background: #ffc700;
    /* font-family: 'Roboto Condensed', sans-serif; */
    font-family: 'Roboto Condensed', sans-serif;
} */

.header-sec p i {
    background: #eb4a3a;
    width: 25px;
    height: 25px;
    text-align: center;
    line-height: 25px;
    margin-right: 10px;
}

.innr-img-p img {
    width: 100%;
    height: 230px;
    object-fit: contain;
    border: 2px solid #ececec;
    margin-bottom: 30px;
}

.member-area {
    width: 50%;
    margin: 70px auto;
    padding: 30px;
    border-radius: 30px;
    box-shadow: 0px 0px 20px #dfdfdf59;
    background: #fff;
}

.member-area h5 {
    text-align: center;
    margin: 0;
    font-weight: 600;
    font-size: 16px;
    font-family: 'Montserrat';
}

.member-area h2 {
    margin: 20px 0;
    background: rgb(244 236 249);
    padding: 60px 40px;
    border-radius: 20px;
    text-align: center;
    font-weight: 700;
    font-size: 37px;
    color: #0f8d7e;
    font-family: 'Roboto Condensed';
    letter-spacing: -1px;
}

.member-area h4 {
    color: #000;
    font-weight: 600;
    font-size: 26px;
    line-height: 34px;
    font-family: 'Roboto Condensed';
}

.member-area p {
    font-size: 16px;
    font-family: 'Roboto Condensed';
    font-weight: 300;
}

.mem-btn a {
    background: linear-gradient(92.94deg, #0f8d7e 23.19%, #0f8d7e 89.28%);
    color: #fff;
    width: 100%;
    display: block;
    text-align: center;
    padding: 16px;
    font-family: 'Roboto Condensed';
    font-weight: 300;
    font-size: 20px;
    border-radius: 10px;
}

.mem-btn a:hover, .mem-btn a:focus {
    text-decoration: none;
    background: #222;
    color: #fff;
}

.member-area h6 {
    font-size: 13px;
    font-family: 'Roboto Condensed';
    font-weight: 300;
}

.member-area h4 span {
    color: #0f8d7e;
    font-weight: 700;
}

.bill-frm input[type=checkbox], .bill-frm input[type=radio] {
    opacity: 1 !important;
    margin-left: 1px!important;
    float: left;
    /* clear: both; */
    /* position: absolute; */
    left: 0;
    z-index: 999999;
}

.bill-frm input[type=checkbox]+label:before, .bill-frm input[type=radio]+label:before, .bill-frm input[type=checkbox]+label:after {
    display: none;
}

.bill-frm label {
    text-align: left;
}

.checkout-each span.glyphicon.glyphicon-trash {
    background: #f00;
    color: #fff;
    width: 25px;
    height: 25px;
    font-size: 15px;
    line-height: 26px;
    margin: 0px 0 0 0;
}

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

/* button.qtyminus, .qtyplus {
    background: none !important;
    border: 1px solid #000;
    line-height: 0;
    padding: 1px;
} */

/* input.qty {
    background: #0f8d7e !important;
    border: none;
    text-align: center;
    width: 40px !important;
    color: #fff;
} */

/*==========HEADER START=============*/
.menu-wrap {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 20px 0;
    justify-content: space-between;
}

.logo-holder a {
    display: inline-block;
}

.menu-holder {
    /* width: calc(100% - 206px); */
    text-align: right;
}

.menu-holder>ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
}

.menu-holder>ul>li:not(:last-child) {
    margin-right: 24px;
    list-style: none;
}

.menu-holder>ul>li>a {
    font-size: 16px;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    color: #000;
    transition: all 0.5s ease-in-out;
    text-decoration: none;
    display: inline-block;
}

.menu-holder>ul>li>a.active {
    font-weight: 700;
}

.menu-holder>ul>li>a.active, .menu-holder>ul>li>a:hover {
    color: #0f8d7e;
}

.menu-holder>ul>li.cart>a {
    position: relative;
    padding-right: 15px;
}

.menu-holder>ul>li.cart>a>img {
    height: 30px;
}

.menu-holder>ul>li.cart>a span {
    position: absolute;
    top: -10px;
    right: 0;
    width: 25px;
    height: 25px;
    background: #FF4262;
    color: #fff;
    font-family: 'Sarabun';
    font-weight: 700;
    font-size: 14px;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 14px;
}

.menu-holder>ul>li.shop-now>a {
    padding: 14px 26px;
    border: 1px solid #0f8d7e;
    border-radius: 15px;
    color: #0f8d7e;
    font-family: 'Sansation';
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    text-transform: uppercase;
    transition: all 0.5s ease-in-out;
}

.menu-holder>ul>li.shop-now>a:hover {
    background: linear-gradient(92.94deg, #0f8d7e 23.19%, #0f8d7e 89.28%);
    color: #fff;
}

/*==========HEADER END===============*/
/*==========FOOTER START===============*/
.footer-top {
    padding-top: 70px;
    padding-bottom: 50px;
    background: #fff;
    background: linear-gradient(180deg, #ffffff 23.19%, #e1caf5 89.28%);
}

.f-logo {
    margin-bottom: 25px;
}

.f-logo a {
    display: inline-block;
}

.contact-links li {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    font-family: 'Sarabun';
    font-style: normal;
    font-weight: 400;
    color: #000000;
}

.contact-links li a {
    color: #000000;
    transition: all 0.5s ease-in-out;
    text-decoration: none;
    font-size: 16px;
}

.contact-links li a:hover {
    color: #0f8d7e;
}

.contact-links li:not(:last-child) {
    margin-bottom: 10px;
}

.contact-links li span {
    display: inline-block;
    width: 20px;
}

.contact-links li p, .contact-links li address {
    width: calc(100% - 20px);
    margin: 0;
    padding-left: 5px;
    font-size: 15px;
    font-family: 'Sansation' !important;
    font-style: normal;
}

.footer-common-box h5 {
    font-family: 'Sansation';
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    color: #000000;
    margin-bottom: 20px;
}

.footer-common-box ul li {
    margin-bottom: 7px;
    list-style: none;
}

.footer-common-box ul li a {
    font-family: 'Sarabun';
    font-style: normal;
    font-weight: 400;
    color: #000000;
    font-size: 16px;
}

.footer-common-box:not(:last-child) {
    margin-bottom: 50px;
}

.footer-common-box p {
    font-family: 'Sarabun';
    font-style: normal;
    font-weight: 400;
    color: #000000;
    font-size: 16px;
}

.footer-common-box .mt-50 {
    margin-top: 70px;
}

.footer-copy-right {
    background: #0f8d7e;
    padding: 15px 0;
}

.footer-copy-right p {
    margin: 0;
    font-family: 'Sarabun';
    font-style: normal;
    font-weight: 700;
    text-align: center;
    color: #FFFFFF;
}

/*==========FOOTER END=================*/
.cart-dropdown-item-wraper {
    top: 110%;
    right: 30px;
    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,0.16);
    box-shadow: 0 0 10px 0 rgba(0,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: 0px;
    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 0.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: contents;
    font-size: 12px;
    /* position: absolute; */
    right: 0;
    top: 2px;
    padding: 0px 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;
}

.extra-nav {
    background: none !important;
    border: none;
    padding: 9px 20px;
    margin: 8px 0 0;
}

.wt-cart .woo-cart-count:before {
    font-size: 26px;
    height: 10px;
    left: -20%;
    /* margin: 0 -12px; */
    position: absolute;
    /* top: -14px; */
    /* width: 22px; */
    color: #fff;
}

span.shopping-bag.wcmenucart-count.ng-binding {
    background: none;
    color: #fff !important;
    display: block;
    border-radius: 100% !important;
    font-size: 14px !important;
    line-height: 17px;
    width: 22px;
    height: 22px;
    position: absolute !important;
    right: -5px;
    padding-left: 5px;
    border: 1px solid #ffc700;
    top: -2px;
    padding: 2px 6px 2px 8px;
    background: #ffc700;
    font-family: 'poppins', sans-serif;
}

.member-rewards {
    padding: 0;
    background: #f2f2f2;
}

.contact-links address h4 {
    font-family: 'Sansation';
    font-style: normal;
    font-weight: 700;
    font-size: 15px;
    color: #000000;
    margin-bottom: 0;
    line-height: 0;
    padding-bottom: 12px;
}

.contact-links {
    margin-bottom: 10px;
}

li.shop-now {
    list-style: none;
}

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

.logo-holder img {
    width: 191px;
}

/********Modal**********/
div#success-alert {
    position: fixed;
    top: 0;
    right: 0;
    width: 500px;
    background: #28a745;
    color: #fff;
    text-align: center;
    font-family: 'Sansation';
    text-transform: capitalize;
    font-size: 15px;
    z-index: 1;
    opacity: 0;
}

#success-alert .close {
    float: right;
    font-size: 18px;
    font-weight: 700;
    line-height: 1;
    border: none !important;
    background-color: transparent !important;
    color: #fff;
    text-shadow: none;
    filter: alpha(opacity=20);
    opacity: 1;
}

.switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 27px;
}

.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

.slider:before {
    position: absolute;
    content: "";
    height: 20px;
    width: 20px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

input:checked + .slider {
    background-color: #01a500;
}

input:focus + .slider {
    box-shadow: 0 0 1px #01a500;
}

input:checked + .slider:before {
    -webkit-transform: translateX(32px);
    -ms-transform: translateX(32px);
    transform: translateX(32px);
}

/* Rounded sliders */
.slider.round {
    border-radius: 34px;
}

.slider.round:before {
    border-radius: 50%;
}

.subscribe-btn p {
    padding: 1px 0 0 12px;
    color: #000000;
    font-weight: 600;
}

.subscribe-btn {
    display: inline-flex;
}

.bill-frm input[type=checkbox], .bill-frm input[type=radio] {
    opacity: 1 !important;
    margin-left: 1px!important;
    float: left;
    /* clear: both; */
    /* position: absolute; */
    left: 0;
    z-index: 999999;
}

.bill-frm input[type=checkbox]+label:before, .bill-frm input[type=radio]+label:before, .bill-frm input[type=checkbox]+label:after {
    display: none;
}

.bill-frm label {
    text-align: left;
    color: #fff !important;
}

.d-flex.justify-content-between.order-summary-total.pt-1 {
    clear: both;
}

.seal {
    margin-top: 20px;
}

.promocode-sec {
    width: 90%;
    padding: 34px 25px;
    background-color: #f8c66e;
    border: 2px solid #f8c66e;
    border-radius: 5px;
    display: flex;
}

/* .form-control-2 {
    display: flex;
    width: 50%;
    height: 43px;
    padding: 6px 12px;
    margin-right: 10px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    border: none;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    font-family: 'Sarabun';
} */

/* .site-button-2 {
    background: #eb4a3a !important;
    color: #fff;
    margin-bottom: 0px;
    letter-spacing: 0;
    font-family: 'Mulish' !important;
    font-size: 14px;
    border: 2px solid #eb4a3a;
    padding: 10px;
    border-radius: 4px;
} */

.mem-area {
    width: 75%;
    margin: 0 auto;
}

.mem-banner {
    background-size: cover;
    height: 390px;
    border-radius: 15px;
}

.mem-banner h2 {
    color: #fff;
    font-family: Montserrat;
    font-weight: 600;
    padding: 10% 0px 0 70px;
    width: 300px;
    font-size: 38px;
    letter-spacing: 1px;
}

.mem-banner p {
    color: #fff;
    font-family: Montserrat;
    font-size: 16px;
    padding: 0 0 0 70px;
    width: 350px;
}

.mem-r-btn a {
    background: #C8A1E0;
    color: #443d3d;
    font-weight: 800;
    border-radius: 7px;
    padding: 14px 40px;
    text-transform: uppercase;
    font-family: Montserrat;
}

.mem-r-btn a:hover, .mem-r-btn a:focus {
    text-decoration: none;
    background: #0f8d7e;
    color: #fff;
}

.mem-r-btn {
    margin-left: 70px;
    margin-top: 30px;
}

.mem-body {
    padding: 40px 70px;
}

.mem-body h4 {
    font-size: 29px;
    font-family: montserrat;
    text-align: center;
    letter-spacing: 0;
    font-weight: 600;
    color: #000;
    line-height: 36px;
    margin: 30px 0 30px;
}

.mem-body p {
    display: flex;
    color: #000;
    font-family: montserrat;
    margin: 18px 0 0 0;
    font-size: 15px;
}

.mem-body p img {
    float: left;
    width: 69px;
    margin: -10px 12px 0 0;
}

ul.mem-tier {
    text-align: center;
}

ul.mem-tier li {
    display: inline-block;
    width: 30%;
    box-shadow: 0px 0px 15px 0px #00000040;
    border-radius: 10px;
    margin-right: 20px;
    margin-bottom: 50px;
    position: relative;
}

.tier-each h2 {
    color: #0f8d7e;
    font-family: montserrat;
    font-weight: 700;
    font-size: 25px;
    margin: 20px 0 0;
    padding: 0;
}

.tier-each h4 {
    color: #484848;
    margin: 0;
    padding: 0;
    font-size: 17px;
    font-family: Roboto;
}

ul.mem-tier li p {
    margin: 0;
    padding: 0 !important;
    display: block;
    text-align: left;
    margin-left: 46px;
    font-size: 13px;
}

ul.mem-tier li::before p {
    position: absolute;
    content: '';
    background: #000;
    width: 6px;
    height: 6px;
    left: -14px;
    top: 8px;
}

.tier-each ul {
    margin: 10px 0 20px;
}

.tier-each ul > li::before {
    position: absolute;
    content: '';
    width: 6px;
    height: 6px;
    background: #000;
    left: -13px;
    top: 10px;
}

.tier-each ul > li {
    box-shadow: none;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0 0 0 50px;
    text-align: left;
    position: relative;
    font-family: Roboto;
    line-height: 29px;
}

.tier-each a {
    display: block;
    background: #0f8d7e;
    color: #fff;
    text-transform: uppercase;
    font-size: 16px;
    font-family: 'Sansation';
    padding: 10px;
    margin: 0 27px 20px;
    border-radius: 6px;
}

.tier-each a:hover, .tier-each a:focus {
    text-decoration: none;
    background: #000;
    color: #fff;
}

.mem-body h6 {
    font-size: 13px;
    line-height: 18px;
    font-family: 'Sansation';
    background: #f2f2f2;
    padding: 30px;
}

ul.color-v {
    display: flex;
    clear: both;
}

ul.color-v img {
    width: 60px;
    border: 1px solid #ccc;
    margin-right: 10px;
}

ul.color-v {
    display: flex;
}

.in-color-v {
    margin: 20px 0 0 0;
}

.mem-tier li.active {
    border: 3px solid #0f8d7e;
}

.mem-tier li.active a {
    background: #0f8d7e;
}

.linka {
    color: blue;
    text-decoration: underline;
}

.click-bump-wrap {
    background-color: #f4efe6;
    padding: 10px;
    margin-bottom: 50px;
    width: 100%;
    border-radius: 10px;
    margin-top: 15px;
}

.click-bump select {
    width: 300px;
}

.click-bump {
        /* background-color: #f2f7ba; */
    /* padding: 0 12px 20px; */
    /* border: 2px dashed #e51010; */
    border-radius: 12px;
    margin-bottom: 20px;
}

.click-bump label {
    padding-left: 20px;
    font-size: 16px;
    color: #333;
    font-weight: 600;
}

.click-bump input {
    left: 0px;
    top: 19px;
}

.click-bump h3 {
    font-size: 20px;
    font-weight: 600;
}

.click-bump p {
    font-size: 14px;
    font-weight: 600;
    color: #333;
}

.click-bump ul li img {
    width: 17px;
}

.click-bump ul li {
    line-height: 24px;
    font-size: 13px;
}

::selection {
    color: #fff;
    -webkit-text-fill-color: #fff !important;
}

.cart-pg-btn {
    width: 100%;
    display: inline-block;
    font-family: "Poppins", sans-serif;
    padding: 15px 40px;
    font-size: 16px;
    color: #000000;
    background: #ffc700;
}

.pt_left h5 {
    color: #fff;
}

.panel-body {
    padding-bottom: 15px;
    /* border-bottom: 1px solid #0f8d7e52; */
    margin-bottom: 15px;
}

.prio_box {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}

.prio_box .pull-righ {
    text-align: right;
}

.pull-right {
    display: flex;
}

.pull-right .pull-left {
    width: 100%;
}

.extra-cell {
    /* margin-left: 15px; */
    /* margin-top: 13px; */
}

/*laptop view*/
@media screen and (min-width: 992px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        margin-top:24px;
    }
    .jet-img{margin-top: 18px !important;}
    .rewdt_contn{padding-left:20px;}
    .rewd_cntn{margin-top:-7px !important;}
    .rewdb_body ul li{
        font-size: 15px;
    margin-bottom: -21px !important;
    font-weight: 400;
    text-align: left;
    color: #000;
    margin-left: -19px !important;
    /* height: 20px; */
    }
}

.rewdb_body ul li img{
    width: 20%;
    margin-right: -10px;
}


.eddy-slct {
    height: 54px;
    color: #000;
    font-size: 14px;
    /* opacity: 0.5; */
    /* background: #e5e5e5; */
    border: 1px solid #888888;
    border-radius: 0px !important;
}

.form-select{
    background-color: #fff !important;
}

.jet-img{
    height: 65% !important;
    width: 65% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    /* margin-top: 18px; */
    padding: 0px !important;
}

.rewdt_extra{
    color: #000 !important;
    font-size: 21px;
    width: 72%;
    line-height: 33px !important;
    padding-top: 10px;
}
 
.main_head .main_nav .nav-link{
    font-weight: 500 !important;
        font-family: 'Inter' !important;
}

.edd-cartpopup{
    display: flex !important;
    align-items: center;
    justify-content: space-around;
    text-align: left;
}