/*
 Theme Name:   Woodmart Child
 Description:  Woodmart Child Theme
 Author:       XTemos
 Author URI:   http://xtemos.com
 Template:     woodmart
 Version:      1.0.0
 Text Domain:  woodmart
*/



form#easy-newsletter-form label { display: none; }
form#easy-newsletter-form { display: flex; justify-content: end; border-radius: 3px; height: 50px; border: solid 1px #fff; BACKGROUND: #2E2E2F; }
.whb-sticked .whb-row { transition: background-color .3s ease; background: #000; }
form#easy-newsletter-form button,
form#easy-newsletter-form input { height: 50px; }
form#easy-newsletter-form button { border-radius: 0px 20px 20px 0px; background: #0000; color: #fff; }
form#easy-newsletter-form input { border-radius: 20px 0px 0px 20px; border: none; }
.head_border .wpb_column { position: relative; }
div#IndustryFilm { position: relative; }
div#IndustryFilm .rotating { position: absolute; bottom: 0; right: 10%; }
.head_border .wpb_column:before { content: ''; background: #686773; height: 2px; width: 100px; position: absolute; bottom: -1px; }
.serviceContent { display: flex; flex-direction: column; justify-content: space-between; height: 430px; }
ul.ul_inline { list-style: none; padding-left: 0; }
ul.ul_inline>li { display: inline; color: #fff; margin-right: 11px; }
.wd-prefooter { padding-bottom: 0px !important; }
ul#menu-menu-header li a { color: #fff; }
.text-white ul li a { color: #7e8896; }
form#easy-newsletter-form button:hover { box-shadow: unset; }
#easy-newsletter-form .input-field { width: 80%; }
#easy-newsletter-form .input-field.input-submit { width: 20%; }
.ul_sep ul { padding: 0; }
.ul_sep ul li { list-style: none; display: inline; padding: 0px 11px; }
.copyRight ul li { line-height: 0; }
html { scroll-behavior: smooth; }

.privacy-links li {
    display: inline !important;
	padding-right: 15px;
}

.privacy-links {
    margin: 0;
}


.copyRight .wpb_column.vc_column_container.vc_col-sm-4 .vc_column-inner {
    padding: 0;
}
/*------------------footer-close-----------------------------------*/


.abt-frame .info-box-inner p {
    color: #B1B7CA;
    font-size: 14px;
    line-height: 22px;
}

.abt-frame .info-box-inner {
    padding: 20px;
    margin: 0 !important;
}

.ser-body h3.title {
    font-size: 16px;
    font-weight: normal;
    text-align: center;
    padding-top: 10px;
}

.banner-senty .info-box-content h4.info-box-title {
    line-height: 0;
    letter-spacing: 6px;
}

/*div#bfr-blk-tile .cscswc:after {*/
/*    content: '';*/
/*    background: #fed63d;*/
/*    width: 70%;*/
/*    height: 70%;*/
/*    position: absolute;*/
/*    top: 0;*/
/*    bottom: 0;*/
/*}*/



/*.dl-blue:after {*/
/*    content: '';*/
/*    background: #fed63d;*/
/*    width: 70%;*/
/*    height: 70%;*/
/*    position: absolute;*/
/*    top: 0;*/
/*    bottom: 0;*/
/*}*/


div#dl-blue:before {
    content: "";
    background: #87A4C0;
    width: 85%;
    height: 360px;
    position: absolute;
    z-index: -1;
    clip-path: polygon(100% 0, 0 0, 0 195%);
    left: 0;
    top: 50px;
    bottom:0;
}

.form-sec-fg {
    background: #fff;
    box-shadow: -1px 3px 13px 0px #1b0d1926;
    padding: 40px;
    margin-left: -25px;
    position: relative;
}

.form-sec-fg .vc_column-inner:after {
    display: block;
    content: '';
    background: url(./img/ert.png) no-repeat;
    background-size: contain;
    width: 8%;
    height: 9%;
    position: absolute;
    right: -7px;
    top: 0px;
    z-index: 0;
}

.iuef img {
    z-index: -1;
}

.gform_wrapper.gravity-theme input[type=color], .gform_wrapper.gravity-theme input[type=date], .gform_wrapper.gravity-theme input[type=datetime-local], .gform_wrapper.gravity-theme input[type=datetime], .gform_wrapper.gravity-theme input[type=email], .gform_wrapper.gravity-theme input[type=month], .gform_wrapper.gravity-theme input[type=number], .gform_wrapper.gravity-theme input[type=password], .gform_wrapper.gravity-theme input[type=search], .gform_wrapper.gravity-theme input[type=tel], .gform_wrapper.gravity-theme input[type=text], .gform_wrapper.gravity-theme input[type=time], .gform_wrapper.gravity-theme input[type=url], .gform_wrapper.gravity-theme input[type=week], .gform_wrapper.gravity-theme select, .gform_wrapper.gravity-theme textarea {
    font-size: 15px;
    margin-bottom: 15px;
    margin-top: 0;
    border: none;
    padding: 0;
    /* height: 50px; */
    border-bottom: 1px solid #3c40492e;
    color: #000;
}

input#gform_submit_button_1 {
    background: #1C2B5B;
    color: #fff;
    padding: 20px 80px;
    letter-spacing: 1px;
    font-size: 15px;
    font-weight: 500;
}



.form-sec-fg:before {
    content: "";
    position: absolute;
    background: #87a4c0;
    width: 100%;
    height: 25%;
    top: -5px;
    z-index: -1;
    display: block;
    left: 5px;
}


.form-sec-fg:after {
    content: "";
    position: absolute;
    background: #1C2B5B;
    width: 100%;
    height: 35% !important;
    z-index: -1;
    display: block;
    right: 5px;
    bottom: -5px;
}


.thumbnail-blog img {
    height: 320px;
    width: 720px;
    object-fit: cover;
}
.testimonials_wrapper .testimonials_content {
    display: flex;
    height: 320px;
}

.testimonials_wrapper .thumbnail-blog img {
    height: 320px;
    width: 720px;
    object-fit: cover;
}

.testimonial-content {
    background: #87A4C0;
    padding: 0px 25px 30px;
    display: flex;
    flex-direction: column;
    color: #fff;
    justify-content: space-between;
}


h3.testi-title {
    color: #fff;
    font-size: 16px;
    font-weight: 200;
}


.testimonials_wrapper.item.slick-slide {
    margin: 0 10px;
}


.testimonials_wrapper.item:nth-child(2n) .testimonial-content {
    background: #293032 !important;
}

.testimonial-content:before {
    content: '';
    background: url(./img/trtr.png) no-repeat;
    background-size: contain;
    width: 20%;
    height: 14%;
    position: relative;
    right: 0;
    left: -24px;
    top: 1px;
    z-index: 0;
}


.testimonials_wrapper.item:nth-child(3n) .testimonial-content {
    background: #1C2B5B !important;
}

 
.blk-tile-img .serv-uighiuj:after {
    content: "";
    background: url(./img/tile-4.png) no-repeat;
    background-size: contain;
    width: 115vh;
    height: 80vh;
    position: absolute;
    left: 70vh;
    bottom: 0vh;
    display: block;
    z-index: -1;

}

.testimi-img img {
    width: 500px !important;
    height: 700px;
    max-width: 500px;
}

.testimonialsSlider .slick-list {
    padding: 0 !important;
}

.pop-trjh {
    position: relative;
    top: 200px;
}


.pop-trjh .info-box-inner {
    font-size: 30px;
    font-weight: 700;
    color: blue;
    line-height: 30px;
}

.frst-img .vc_figure {
    width: 100%;
}

.frst-img .vc_single_image-wrapper {
    width: 100%;
}

.frst-img img {
    width: 100%;
}

.CCT-TCT {
    PADDING: 40px 20px;
}

.CCT-TCT .counter-label {
    font-size: 15px !important;
}

ul#menu-main-menu li a {
    color: #fff;
}


.main-bann-txt h4.info-box-title {
    color: #fff !important;
    font-size: 100px !important;
    line-height: 90px !important;
}

.main-bann-txt strong {
    font-size: 100px;
    padding-left: 30%;
    color: #87a4c0;
}

.main-bann-txt .info-box-inner {
    padding-left: 50%;
    color: #fff;
    text-align: right;
}

.whb-main-header .whb-general-header {
    border: none !important;
}

.wd-gallery-item img {
    width: 100%;
    height: 385px;
    object-fit: cover;
}

.rgrehre:after {
    content: "";
    background: url(./img/tile-5.png) no-repeat;
    background-size: contain;
    width: 140vh;
    height: 80vh;
    position: absolute;
    top: 30vh;
    display: block;
    right: 0vh;
    z-index: -1;
}



button.slick-next.pull-right.slick-arrow {
    position: relative;
    left: 75px;
    top: 20px;
    border: 1px solid #fff;
    border-radius: 27px;
    padding: 15px 18px;
    background: transparent;
}

 


button.slick-prev.pull-left.slick-arrow {
    position: absolute;
    bottom: -20px;
    left: 10px;
    border: 1px solid #fff;
    border-radius: 27px;
    padding: 15px 18px;
    background: transparent;
}

button.slick-arrow span {
    color: #fff;
}

.frst-img.yup img {
    width: 100%;
    height: 370px;
    object-fit: cover;
}

.hrth {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}

.frst-img.oio img {
    height: 100vh;
}

.uoyu:after {
    content: "";
    background: url(./img/philos.png) no-repeat;
    width: 16%;
    height: 17%;
    position: absolute;
    top: 1px;
    left: 1px;
    display: block;
    right: 0;
    z-index: 1;
}


.ab-btn {
    border: none;
    background-color: none !important;
    font-size: 18px;
    padding: 10px 20px;
    text-transform: capitalize;
    cursor: pointer;
    transform: all 0.3s;
    color: #fff !important;
    position: relative;
    background: none !important;
}


.ab-btn:before{
  content:"";
  position :absolute;
  width:24px;
  height:24px;
  top:-5px;
    left:-5px;
  border-top:2px solid #fff;
  border-left:2px solid #fff;
  transition:all 0.25s;
}
.ab-btn:hover:before ,.ab-btn:hover:after{
  width:104%;
  height:110%;
}
.ab-btn:after{
  content:"";
  position :absolute;
  width:24px;
  height:24px;
  bottom:-5px;
    right:-5px;
  border-bottom:2px solid #87A4C0;
  border-right:2px solid #87A4C0;
  transition:all 0.30s;
}




.btnDsg  span.wd-btn-icon {
    width: 70px;
    height: 70px;
    background-image: -webkit-radial-gradient( 50% 50%, circle closest-side, #333 17%, #333 100%);
    background-image: -webkit-radial-gradient( 50% 50%, circle closest-side, #333 17%, #333 100%);
    background-image: -webkit-radial-gradient( 50% 50%, circle closest-side, #333 17%, #333 100%);
    box-shadow: 0px 0px 18px 2px rgba(233, 233, 233, 0.004);
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: start;
    position: absolute;
    transition: 0.4s ease;
    transform: translateX(140px);
}

.btnDsg a.btn {
    height: 60px;
    padding-right: 0;
    transition: 1s ease;
    width: 200px !important;
    padding-left: 20px;
    justify-content: start;
}

.btnDsg span.wd-btn-icon img {
    transform: translateX(-23px);
    transition: 0.4s ease;
    animation: slide1 3s ease-in-out infinite;
}


.btnDsg a.btn:hover {
    padding-right: 20px;
    transition: 1s ease;
    justify-content: end;
}

.btnDsg a.btn:hover span.wd-btn-icon {
    transition: 0.4s ease;
    transform: translateX(-140px);
}

.btnDsg a.btn:hover span.wd-btn-icon img {
    transform: translateX(18px);
    transition: 0.4s ease;
    filter: invert(1);
}


.btnDsg {
    position: absolute;
    left: 90px;
    border: none;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 3px;
}


@keyframes slide1 {
    0%, 100% {
        transform: translate(2px, 0px);
    }

    50% {
        transform: translate(-45px, 0);
    }
}
/*
 Theme Name:   Woodmart Child
 Description:  Woodmart Child Theme
 Author:       XTemos
 Author URI:   http://xtemos.com
 Template:     woodmart
 Version:      1.0.0
 Text Domain:  woodmart
*/



form#easy-newsletter-form label { display: none; }
form#easy-newsletter-form { display: flex; justify-content: end; border-radius: 3px; height: 50px; border: solid 1px #fff; BACKGROUND: #2E2E2F; }
.whb-sticked .whb-row { transition: background-color .3s ease; background: #000; }
form#easy-newsletter-form button,
form#easy-newsletter-form input { height: 50px; }
form#easy-newsletter-form button { border-radius: 0px 20px 20px 0px; background: #0000; color: #fff; }
form#easy-newsletter-form input { border-radius: 20px 0px 0px 20px; border: none; }
.head_border .wpb_column { position: relative; }
div#IndustryFilm { position: relative; }
div#IndustryFilm .rotating { position: absolute; bottom: 0; right: 10%; }
.head_border .wpb_column:before { content: ''; background: #686773; height: 2px; width: 100px; position: absolute; bottom: -1px; }
.serviceContent { display: flex; flex-direction: column; justify-content: space-between; height: 430px; }
ul.ul_inline { list-style: none; padding-left: 0; }
ul.ul_inline>li { display: inline; color: #fff; margin-right: 11px; }
.wd-prefooter { padding-bottom: 0px !important; }
ul#menu-menu-header li a { color: #fff; }
.text-white ul li a { color: #7e8896; }
form#easy-newsletter-form button:hover { box-shadow: unset; }
#easy-newsletter-form .input-field { width: 80%; }
#easy-newsletter-form .input-field.input-submit { width: 20%; }
.ul_sep ul { padding: 0; }
.ul_sep ul li { list-style: none; display: inline; padding: 0px 11px; }
.copyRight ul li { line-height: 0; }
html { scroll-behavior: smooth; }

.privacy-links li {
    display: inline !important;
	padding-right: 15px;
}

.privacy-links {
    margin: 0;
}


.copyRight .wpb_column.vc_column_container.vc_col-sm-4 .vc_column-inner {
    padding: 0;
}
/*------------------footer-close-----------------------------------*/


.abt-frame .info-box-inner p {
    color: #B1B7CA;
    font-size: 14px;
    line-height: 22px;
}

.abt-frame .info-box-inner {
    padding: 20px;
    margin: 0 !important;
}

.ser-body h3.title {
    font-size: 16px;
    font-weight: normal;
    text-align: center;
    padding-top: 10px;
}

.banner-senty .info-box-content h4.info-box-title {
    line-height: 0;
    letter-spacing: 6px;
}

/*div#bfr-blk-tile .cscswc:after {*/
/*    content: '';*/
/*    background: #fed63d;*/
/*    width: 70%;*/
/*    height: 70%;*/
/*    position: absolute;*/
/*    top: 0;*/
/*    bottom: 0;*/
/*}*/



/*.dl-blue:after {*/
/*    content: '';*/
/*    background: #fed63d;*/
/*    width: 70%;*/
/*    height: 70%;*/
/*    position: absolute;*/
/*    top: 0;*/
/*    bottom: 0;*/
/*}*/


div#dl-blue:before {
    content: "";
    background: #87A4C0;
    width: 85%;
    height: 360px;
    position: absolute;
    z-index: -1;
    clip-path: polygon(100% 0, 0 0, 0 195%);
    left: 0;
    top: 50px;
    bottom:0;
}

.form-sec-fg {
    background: #fff;
    box-shadow: -1px 3px 13px 0px #1b0d1926;
    padding: 40px;
    margin-left: -25px;
    position: relative;
}

.form-sec-fg .vc_column-inner:after {
    display: block;
    content: '';
    background: url(./img/ert.png) no-repeat;
    background-size: contain;
    width: 8%;
    height: 9%;
    position: absolute;
    right: -7px;
    top: 0px;
    z-index: 0;
}

.iuef img {
    z-index: -1;
}

.gform_wrapper.gravity-theme input[type=color], .gform_wrapper.gravity-theme input[type=date], .gform_wrapper.gravity-theme input[type=datetime-local], .gform_wrapper.gravity-theme input[type=datetime], .gform_wrapper.gravity-theme input[type=email], .gform_wrapper.gravity-theme input[type=month], .gform_wrapper.gravity-theme input[type=number], .gform_wrapper.gravity-theme input[type=password], .gform_wrapper.gravity-theme input[type=search], .gform_wrapper.gravity-theme input[type=tel], .gform_wrapper.gravity-theme input[type=text], .gform_wrapper.gravity-theme input[type=time], .gform_wrapper.gravity-theme input[type=url], .gform_wrapper.gravity-theme input[type=week], .gform_wrapper.gravity-theme select, .gform_wrapper.gravity-theme textarea {
    font-size: 15px;
    margin-bottom: 15px;
    margin-top: 0;
    border: none;
    padding: 0;
    /* height: 50px; */
    border-bottom: 1px solid #3c40492e;
    color: #000;
}

input#gform_submit_button_1 {
    background: #1C2B5B;
    color: #fff;
    padding: 20px 80px;
    letter-spacing: 1px;
    font-size: 15px;
    font-weight: 500;
}



.form-sec-fg:before {
    content: "";
    position: absolute;
    background: #87a4c0;
    width: 100%;
    height: 25%;
    top: -5px;
    z-index: -1;
    display: block;
    left: 5px;
}


.form-sec-fg:after {
    content: "";
    position: absolute;
    background: #1C2B5B;
    width: 100%;
    height: 35% !important;
    z-index: -1;
    display: block;
    right: 5px;
    bottom: -5px;
}


.thumbnail-blog img {
    height: 320px;
    width: 720px;
    object-fit: cover;
}
.testimonials_wrapper .testimonials_content {
    display: flex;
    height: 320px;
}

.testimonials_wrapper .thumbnail-blog img {
    height: 320px;
    width: 720px;
    object-fit: cover;
}

.testimonial-content {
    background: #87A4C0;
    padding: 0px 25px 30px;
    display: flex;
    flex-direction: column;
    color: #fff;
    justify-content: space-between;
}


h3.testi-title {
    color: #fff;
    font-size: 16px;
    font-weight: 200;
}


.testimonials_wrapper.item.slick-slide {
    margin: 0 10px;
}


.testimonials_wrapper.item:nth-child(2n) .testimonial-content {
    background: #293032 !important;
}

.testimonial-content:before {
    content: '';
    background: url(./img/trtr.png) no-repeat;
    background-size: contain;
    width: 20%;
    height: 14%;
    position: relative;
    right: 0;
    left: -24px;
    top: 1px;
    z-index: 0;
}


.testimonials_wrapper.item:nth-child(3n) .testimonial-content {
    background: #1C2B5B !important;
}

 
.blk-tile-img .serv-uighiuj:after {
    content: "";
    background: url(./img/tile-4.png) no-repeat;
    background-size: contain;
    width: 115vh;
    height: 80vh;
    position: absolute;
    left: 70vh;
    bottom: 0vh;
    display: block;
    z-index: -1;

}

.testimi-img img {
    width: 500px !important;
    height: 700px;
    max-width: 500px;
}

.testimonialsSlider .slick-list {
    padding: 0 !important;
}

.pop-trjh {
    position: relative;
    top: 200px;
}


.pop-trjh .info-box-inner {
    font-size: 30px;
    font-weight: 700;
    color: blue;
    line-height: 30px;
}

.frst-img .vc_figure {
    width: 100%;
}

.frst-img .vc_single_image-wrapper {
    width: 100%;
}

.frst-img img {
    width: 100%;
}

.CCT-TCT {
    PADDING: 40px 20px;
}

.CCT-TCT .counter-label {
    font-size: 15px !important;
}

ul#menu-main-menu li a {
    color: #fff;
}


.main-bann-txt h4.info-box-title {
    color: #fff !important;
    font-size: 100px !important;
    line-height: 90px !important;
}

.main-bann-txt strong {
    font-size: 100px;
    padding-left: 30%;
    color: #87a4c0;
    font-weight: 500;
}

.main-bann-txt .info-box-inner {
    padding-left: 50%;
    color: #fff;
    text-align: right;
}

.whb-main-header .whb-general-header {
    border: none !important;
}

.wd-gallery-item img {
    width: 100%;
    height: 385px;
    object-fit: cover;
}

.rgrehre:after {
    content: "";
    background: url(./img/tile-5.png) no-repeat;
    background-size: contain;
    width: 140vh;
    height: 80vh;
    position: absolute;
    top: 30vh;
    display: block;
    right: 0vh;
    z-index: -1;
}



button.slick-next.pull-right.slick-arrow {
    position: relative;
    left: 75px;
    top: 20px;
    border: 1px solid #fff;
    border-radius: 27px;
    padding: 15px 18px;
    background: transparent;
}

 


button.slick-prev.pull-left.slick-arrow {
    position: absolute;
    bottom: -20px;
    left: 10px;
    border: 1px solid #fff;
    border-radius: 27px;
    padding: 15px 18px;
    background: transparent;
}

button.slick-arrow span {
    color: #fff;
}

.frst-img.yup img {
    width: 100%;
    height: 400px;
    object-fit: cover;
}

.hrth {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}

.frst-img.oio img {
    height: 100vh;
}

.uoyu:after {
    content: "";
    background: url(./img/philos.png) no-repeat;
    width: 16%;
    height: 17%;
    position: absolute;
    top: 1px;
    left: 1px;
    display: block;
    right: 0;
    z-index: 1;
}


.ab-btn {
    border: none;
    background-color: none !important;
    font-size: 18px;
    padding: 10px 20px;
    text-transform: capitalize;
    cursor: pointer;
    transform: all 0.3s;
    color: #fff !important;
    position: relative;
    background: none !important;
}


.ab-btn:before{
  content:"";
  position :absolute;
  width:24px;
  height:24px;
  top:-5px;
    left:-5px;
  border-top:2px solid #fff;
  border-left:2px solid #fff;
  transition:all 0.25s;
}
.ab-btn:hover:before ,.ab-btn:hover:after{
  width:104%;
  height:110%;
}
.ab-btn:after{
  content:"";
  position :absolute;
  width:24px;
  height:24px;
  bottom:-5px;
    right:-5px;
  border-bottom:2px solid #87A4C0;
  border-right:2px solid #87A4C0;
  transition:all 0.30s;
}




.btnDsg  span.wd-btn-icon {
    width: 70px;
    height: 70px;
    background-image: -webkit-radial-gradient( 50% 50%, circle closest-side, #333 17%, #333 100%);
    background-image: -webkit-radial-gradient( 50% 50%, circle closest-side, #333 17%, #333 100%);
    background-image: -webkit-radial-gradient( 50% 50%, circle closest-side, #333 17%, #333 100%);
    box-shadow: 0px 0px 18px 2px rgba(233, 233, 233, 0.004);
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: start;
    position: absolute;
    transition: 0.4s ease;
    transform: translateX(140px);
}

.btnDsg a.btn {
    height: 60px;
    padding-right: 0;
    transition: 1s ease;
    width: 200px !important;
    padding-left: 20px;
    justify-content: start;
}

.btnDsg span.wd-btn-icon img {
    transform: translateX(-23px);
    transition: 0.4s ease;
    animation: slide1 3s ease-in-out infinite;
}


.btnDsg a.btn:hover {
    padding-right: 20px;
    transition: 1s ease;
    justify-content: end;
}

.btnDsg a.btn:hover span.wd-btn-icon {
    transition: 0.4s ease;
    transform: translateX(-140px);
}

.btnDsg a.btn:hover span.wd-btn-icon img {
    transform: translateX(18px);
    transition: 0.4s ease;
    filter: invert(1);
}

h4.info-box-title {
    font-weight: 500;
}

.btnDsg {
    position: absolute;
    left: 90px;
    border: none;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 3px;
}

a.abt-sec-btn {
    padding: 0 20px;
    font-size: 35px;
    line-height: 20px;
}

a.abt-sec-btn strong {
    padding: 0 20px;
    font-weight: 500;
    color: #87a4c0;
}


@keyframes slide1 {
    0%, 100% {
        transform: translate(2px, 0px);
    }

    50% {
        transform: translate(-45px, 0);
    }
}



a.abt-sec-btn strong:after{
    content: "";
    background: url(./img/abt-arr.png) no-repeat;
    width: 100%;
    height: 17%;
    position: absolute;
    bottom: 0;
    left: 70px;
    display: block;
    right: 0;
    z-index: 1;
}