@font-face { font-family: 'Poppins'; src: url('../fonts/Poppins-Black.woff2') format('woff2'), url('../fonts/Poppins-Black.woff') format('woff'); font-weight: 900; font-style: normal; }

@font-face { font-family: 'Poppins'; src: url('../fonts/Poppins-Bold.woff2') format('woff2'), url('../fonts/Poppins-Bold.woff') format('woff'); font-weight: bold; font-style: normal; }

@font-face { font-family: 'Poppins'; src: url('../fonts/Poppins-BlackItalic.woff2') format('woff2'), url('../fonts/Poppins-BlackItalic.woff') format('woff'); font-weight: 900; font-style: italic; }

@font-face { font-family: 'Poppins'; src: url('../fonts/Poppins-BoldItalic.woff2') format('woff2'), url('../fonts/Poppins-BoldItalic.woff') format('woff'); font-weight: bold; font-style: italic; }

@font-face { font-family: 'Poppins'; src: url('../fonts/Poppins-ExtraLight.woff2') format('woff2'), url('../fonts/Poppins-ExtraLight.woff') format('woff'); font-weight: 200; font-style: normal; }

@font-face { font-family: 'Poppins'; src: url('../fonts/Poppins-ExtraBold.woff2') format('woff2'), url('../fonts/Poppins-ExtraBold.woff') format('woff'); font-weight: 800; font-style: normal; }

@font-face { font-family: 'Poppins'; src: url('../fonts/Poppins-ExtraBoldItalic.woff2') format('woff2'), url('../fonts/Poppins-ExtraBoldItalic.woff') format('woff'); font-weight: 800; font-style: italic; }

@font-face { font-family: 'Poppins'; src: url('../fonts/Poppins-ExtraLightItalic.woff2') format('woff2'), url('../fonts/Poppins-ExtraLightItalic.woff') format('woff'); font-weight: 200; font-style: italic; }

@font-face { font-family: 'Poppins'; src: url('../fonts/Poppins-Italic.woff2') format('woff2'), url('../fonts/Poppins-Italic.woff') format('woff'); font-weight: normal; font-style: italic; }

@font-face { font-family: 'Poppins'; src: url('../fonts/Poppins-LightItalic.woff2') format('woff2'), url('../fonts/Poppins-LightItalic.woff') format('woff'); font-weight: 300; font-style: italic; }

@font-face { font-family: 'Poppins'; src: url('../fonts/Poppins-Light.woff2') format('woff2'), url('../fonts/Poppins-Light.woff') format('woff'); font-weight: 300; font-style: normal; }

@font-face { font-family: 'Poppins'; src: url('../fonts/Poppins-Medium.woff2') format('woff2'), url('../fonts/Poppins-Medium.woff') format('woff'); font-weight: 500; font-style: normal; }

@font-face { font-family: 'Poppins'; src: url('../fonts/Poppins-SemiBoldItalic.woff2') format('woff2'), url('../fonts/Poppins-SemiBoldItalic.woff') format('woff'); font-weight: 600; font-style: italic; }

@font-face { font-family: 'Poppins'; src: url('../fonts/Poppins-SemiBold.woff2') format('woff2'), url('../fonts/Poppins-SemiBold.woff') format('woff'); font-weight: 600; font-style: normal; }

@font-face { font-family: 'Poppins'; src: url('../fonts/Poppins-MediumItalic.woff2') format('woff2'), url('../fonts/Poppins-MediumItalic.woff') format('woff'); font-weight: 500; font-style: italic; }

@font-face { font-family: 'Poppins'; src: url('../fonts/Poppins-Thin.woff2') format('woff2'), url('../fonts/Poppins-Thin.woff') format('woff'); font-weight: 100; font-style: normal; }

@font-face { font-family: 'Poppins'; src: url('../fonts/Poppins-Regular.woff2') format('woff2'), url('../fonts/Poppins-Regular.woff') format('woff'); font-weight: normal; font-style: normal; }

@font-face { font-family: 'Poppins'; src: url('../fonts/Poppins-ThinItalic.woff2') format('woff2'), url('../fonts/Poppins-ThinItalic.woff') format('woff'); font-weight: 100; font-style: italic; }


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

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

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

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

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

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

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

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

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

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










.scrollToTop { transition: all .5s ease-in-out; z-index: 99; width: 50px; height: 50px; padding: 10px; text-align: center; border: 1px solid #c45d5b; background: #c45d5b; border-radius: 50%; font-weight: bold; color: #444; text-decoration: none; position: fixed; bottom: 50px; right: 40px; color: #fff; line-height: 28px; display: none; }

    .scrollToTop:hover { text-decoration: none; color: #4b3235; background: #efcf4f; border: 1px solid #e1d3b3; }

    .scrollToTop:focus { color: #fff; }

.sticky { position: fixed; top: 0; width: 100%; z-index: 999; background: #fff; margin-top: 0; border-bottom: 1px solid #ddd; }
/*html {
  scroll-behavior: smooth;
}*/
/*============================================================
    Reset css start
===============================================================*/



html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video { font-family: 'Poppins', sans-serif; margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: inherit; background: transparent; }



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

ul { list-style: none; }

blockquote, q { quotes: none; }

    blockquote:before, blockquote:after,
    q:before, q:after { content: ''; content: none; }

a { margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; }

/* change colours to suit your needs */
ins { background-color: #ff9; color: #000; text-decoration: none; }

/* change colours to suit your needs */
mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }

del { text-decoration: line-through; }

abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }

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

/* change border colour to suit your needs */
hr { display: block; height: 1px; border: 0; border-top: 1px solid #cccccc; margin: 1em 0; padding: 0; }

input, select { vertical-align: middle; }

a, a:hover { text-decoration: none; transition: all .5s ease-in-out; }

img { max-height: 100%; max-width: 100%; }

/*============================================================
    Reset css end
===============================================================*/


body { font-family: 'Work Sans'; margin: 0px; padding: 0px; }


/*============================================================
    header
===============================================================*/
header { background: #fff; position: fixed; z-index: 99; left: 0; right: 0; height: 63px; top: 35px; transition: all .5s ease-in-out; }

.icon-w { fill: #FFFFFF; }

.svg-enr { width: 20px; height: 20px; margin-top: -5px; margin-right: 3px; vertical-align: middle; }

.logo { margin-top: -80px; float: left; transition: all .5s ease-in-out; }

    .logo > a { display: block; width: 200px; height: 200px; background: #fff; border-radius: 50%; padding: 10px; }

        .logo > a > img { transform: translate(-50%,-50%); left: 50%; top: 50%; position: relative; }

.navbox, .btn-ery { float: right; }

    .navbox > nav > ul { font-family: 'Poppins'; margin-right: 10px; }

        .navbox > nav > ul > li { float: left; position: relative;  transition: all 0.5s ease-in-out; display: inline-block; }

            .navbox > nav > ul > li > a { padding: 21px 12px; display: block; font-size: 15px; color: #595959; transition: all .5s ease-in-out; }

                .navbox > nav > ul > li > a:before { height: 4px; background: #dbaf52; position: absolute; left: 0; right: 0; width: 0; bottom: 0; content: ''; text-align: center; margin: auto; transition: all .5s ease-in-out; }

            .navbox > nav > ul > li:first-child a { padding: 20.5px 17px; }

                .navbox > nav > ul > li:first-child a i { font-size: 20px; }

            .navbox > nav > ul > li > a:hover:before { width: 100%; }

            .navbox > nav > ul > li > a:hover { color: #dbaf52; }



            /*=========================================================
                dropdown Navigation
================================================*/


            .navbox > nav > ul > li > ul { position: absolute; width: 190px; top: 0px; background: #fff; box-shadow: 4px 2px 13px 0px #e6e9f1; border-top: 1px solid #f7f7f7; opacity: 0; width: 250px; overflow: hidden; height: 0; top: 0; transition: all 0.5s ease-in-out; }


            .navbox > nav > ul > li > ul > li { border-bottom: 1px solid #dbaf52; }

                /*.navbox > nav > ul > li > ul:after { content: ''; top: -6px; right: 0; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 10px solid #dbaf52; position: absolute; left: 0; right: 0; margin: auto; text-align: center; }*/

                .navbox > nav > ul > li > ul > li > a { transition: all 0.5s ease-in-out; font-size: 13px; color: #000; padding: 10px 6px 10px 10px; display: block; text-transform: capitalize; }


                    /*.navbox > nav > ul > li > ul::-webkit-scrollbar { -webkit-appearance: none; }
                     .navbox > nav > ul > li > ul::-webkit-scrollbar:vertical { width: 11px; }
                     .navbox > nav > ul > li > ul::-webkit-scrollbar:horizontal { height: 11px; }
            .navbox > nav > ul > li > ul::-webkit-scrollbar-thumb { border-radius: 8px; border: 2px solid white;  background-color: rgba(0, 0, 0, .5); }*/
                    /*.navbox > nav > ul > li > ul > li:last-child { border: none; }*/
                    .navbox > nav > ul > li > ul > li > a:hover { color: white; background: #dbaf52; padding-left: 12px; font-size: 13px; }

            .navbox > nav > ul > li > .prdt-nav { position: absolute; width: 80%; left: 0; right: 0; top:62px; margin: auto; column-count: 3; column-rule: 1px solid #ddd; transition: all 0.5s ease-in-out; overflow: hidden; display: block; }
             
                      .navbox > nav > ul > li:hover > ul { overflow: visible; opacity: 1; top: 62px; height: auto; transition: all 0.5s ease-in-out; }


/*=========================================================

            dropdown navigation end
================================================*/


.btn-ery { margin: 13px 0px !important; }

#popst { background: #dbaf52; outline: none !important; padding: 8px 20px; color: #fff; border-radius: 50px; font-size: 13px; text-transform: uppercase; transition: all .5s ease-in-out; border: 1px solid #dbaf52; }

    #popst:hover { border: 1px solid #dbaf52; background: #fff; color: #dbaf52; }

        #popst:hover .icon-w { fill: #dbaf52; }

.navbox > nav > ul > li > .navactive:before { width: 100%; }

.navbox > nav > ul > li > .navactive { color: #dbaf52; }


#nav-icon1 { z-index: 99; display: none; width: 35px; height: 28px; position: relative; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer; }

    #nav-icon1 span { display: block; position: absolute; height: 4px; width: 100%; background: #d3531a; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; }

        #nav-icon1 span:nth-child(1) { top: 0px; }

        #nav-icon1 span:nth-child(2) { top: 9px; }

        #nav-icon1 span:nth-child(3) { top: 18px; }

    #nav-icon1.open span:nth-child(1) { top: 9px; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); }

    #nav-icon1.open span:nth-child(2) { opacity: 0; left: -60px; }

    #nav-icon1.open span:nth-child(3) { top: 9px; -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg); }


.wapper-box { margin-left: 280px; transition: all 0.5s ease-in-out; }


.auto-width { transition: all 0.5s ease-in-out; }

    .auto-width nav { left: -100%; transition: all 0.5s ease-in-out; }

    .auto-width .wapper-box { margin: 0; transition: all 0.5s ease-in-out; }

/*============================================================
    Banner
===============================================================*/



@-webkit-keyframes zoom {
    from { -webkit-transform: scale(1, 1); }

    to { -webkit-transform: scale(1.1, 1.1); }
}

@keyframes zoom {
    from { transform: scale(1, 1); }

    to { transform: scale(1.2, 1.2); }
}

.carousel-inner .carousel-item img { -webkit-animation: zoom 15s; animation: zoom 15s; }

.bottom-panel { background: #f5f7fa; padding: 20px 0px 15px 0px; }

.banner-cnt { justify-content: space-between; }

    .banner-cnt, .banner-cnt > li, .iconsocial { display: flex; position: relative; }

        .banner-cnt > li { width: 33%; border-right: 1px solid #ddd; margin-right: 50px; }

            .banner-cnt > li:last-child { border: none; }

.imgicon { margin-right: 10px; }

.text-icon span, .text-icon a { display: block; }

.text-icon span { color: #c3bdbd; text-transform: uppercase; font-weight: 600; position: relative; top: 3px; }

.text-icon a { font-size: 20px; font-weight: bold; color: #616161; }

.iconsocial > a { width: 50px; height: 50px; background: #fff; border-radius: 50%; margin: 0px 10px; transform: translate(-50%,-50%); left: 50%; top: 50%; position: relative; text-align: center; line-height: 50px; font-size: 20px; transition: all .5s ease-in-out; }

.fb-t { color: #3b5999; }

    .fb-t:hover { background: #3b5999; color: #fff; }

.tw-t { color: #41a1f2; }

    .tw-t:hover { background: #41a1f2; color: #fff; }

.you-t { color: #d42428; }

    .you-t:hover { background: #d42428; color: #fff; }
/*============================================================
    welcome
===============================================================*/
.mt70 { margin-top: 70px; }

.wel-content > h1, .wel-content > h2, .blog-pg > h2 { position: relative; color: #2c2c2c; font-size: 41px; position: relative; font-weight: bold; text-transform: uppercase; padding-bottom: 15px; margin-bottom: 20px; }

    .wel-content > h1:before, .wel-content > h1:after, .wel-content > h2:before, .wel-content > h2:after, .blog-pg > h2:before, .blog-pg > h2:after { position: absolute; left: 0; content: ''; background: #dbaf52; bottom: 0; }

    .wel-content > h1:before, .wel-content > h2:before, .blog-pg > h2:before { width: 10px; height: 10px; border-radius: 50%; bottom: -4px; }

    .wel-content > h1:after, .wel-content > h2:after, .blog-pg > h2:after { width: 120px; height: 2px; }

    .wel-content > h1 > span, .wel-content > h2 > span { color: #dbaf52; }

.wel-content > p { color: #767676; font-size: 12px; line-height: 26px; margin-bottom: 20px; }

.read-btn { margin-top: 40px; }

    .read-btn > a { background: #ed1c24; padding: 11px 24px; display: inline-block; color: #fff; font-size: 17px; font-weight: 500; border-bottom: 5px solid #d0141c; transition: all .5s ease-in-out; }

        .read-btn > a:hover { background: #d0141c; border-bottom: 5px solid #ed1c24; }

        .read-btn > a > i { margin-left: 10px; }

.coverd-box { background: #f7f7f7; padding: 50px 0px; }

.wel-content > span { color: #2c2c2c; font-size: 16px; text-transform: uppercase; }

.wel-content > h2, .blog-pg > h2 { font-size: 35px; }

.centericon > h2:before, .centericon > h2:after { margin: auto; left: 0; right: 0; }

.cover-service { transition: all .5s ease-in-out; margin-top: 30px; }

    .cover-service:hover .img-cover { transform: rotateY(360deg); }

.img-cover { width: 250px; height: 250px; border-radius: 50%; overflow: hidden; margin: auto; transition: all .5s ease-in-out; border: 12px solid #fff; box-shadow: 0px 2px 5px 0px #b4bfd8; margin-bottom: 20px; }

    .img-cover img { max-height: initial; max-width: initial; transform: translate(-50%,-50%); left: 50%; top: 50%; position: relative; }

.cover-content > h2 { text-align: center; display: block; font-size: 25px; font-weight: bold; transition: all .5s ease-in-out; text-transform: uppercase; color: #454545; }

.cover-service:hover h2 { color: #dbaf52; }

.wel-content > h2 > a { color: #000000; font-weight: normal; font-size: 17px; text-transform: capitalize; position: absolute; right: 0; top: 12px; transition: all .5s ease-in-out; }

    .wel-content > h2 > a:hover { color: #dbaf52; }

    .wel-content > h2 > a > i { margin-left: 10px; }

.project-slider { padding: 20px; }

    .project-slider .slick-prev, .slick-next { display: none !important; }

.sliderpro-img { position: relative; overflow: hidden; margin: 10px; display: inline-block; }

    .sliderpro-img, .sliderpro-img img { transition: all .5s ease-in-out; }

        .sliderpro-img img { transform: scale(1.01); }

.hoverbox { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0,0,0,0.8); transform: scaleX(0); transition: all .5s ease-in-out; }

.sliderpro-img:hover .hoverbox { transform: scaleY(1); }

.sliderpro-img:hover img { transform: scale(1.2) rotate( 2deg ); }


.center-box { transform: translate(-50%,-50%); left: 50%; top: 50%; position: relative; text-align: center; }

    .center-box > span { font-size: 14px; color: #d3d3d3; display: block; margin-bottom: 5px; text-transform: capitalize; }

    .center-box > h5 { font-size: 17px; color: #ffffff; font-weight: 600; text-transform: capitalize; }

    .center-box > a { display: inline-block; margin-top: 20px; padding: 7px 25px; color: #fff; font-size: 13px; border-radius: 50px; transition: all .5s ease-in-out; outline: none !important; }

        .center-box > a > i { margin-right: 5px; }

.redbg { background: #d71c23; border: 1px solid #d71c23; }

    .redbg:hover { background: #fff; border: 1px solid #d71c23; color: #d71c23; }

.yellowbg { background: #dbaf52; border: 1px solid #dbaf52; }

    .yellowbg:hover { background: #fff; border: 1px solid #dbaf52; color: #dbaf52; }

.project-slider .slick-dots { bottom: -44px; }

    .project-slider .slick-dots li button { width: 33px; }

        .project-slider .slick-dots li button:before { background: #ed1c24; width: 25px; height: 5px; content: ''; }

.test-box { text-align: center; margin-top: 30px; }

.imgtest { border: 3px solid #dbaf52; width: 100px; height: 100px; border-radius: 50%; overflow: hidden; margin: auto; }


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

.test-content > h3 { font-weight: bold; font-size: 22px; margin: 20px 0px 10px 0px; }

.test-content > p { color: #565656; font-size: 12px; width: 80%; margin: auto; line-height: 20px; }

.singsld .slick-dots { bottom: -44px; }

    .singsld .slick-dots li button:before { background: #dbaf52; width: 12px; height: 12px; border-radius: 50%; content: ''; }

.formcontact { margin-top: 30px; }

.frmbx { position: relative; /*margin-bottom: 15px;*/ }

.errortxt { color: #d71c23; font-size: 12px; display: block; margin-bottom: 10px; }

.inputbx { width: 100%; border: 1px solid #ddd; padding: 13px 10px; font-size: 13px; outline: none !important; }

.linksub { cursor: pointer; display: block; padding: 13px 10px; background: #e80d0d; border: 1px solid #d50d0d; text-align: center; font-weight: 600; font-size: 17px; color: #fff; transition: all .5s ease-in-out; }

    .linksub:hover { background: #fff; border: 1px solid #d50d0d; color: #e80d0d; }

    .linksub > i { margin-left: 10px; }

.contactdetails { padding-left: 110px; margin-top: 40px; }

    .contactdetails > h4 { position: relative; color: #2c2c2c; font-size: 25px; position: relative; font-weight: bold; text-transform: uppercase; padding-bottom: 15px; margin-bottom: 20px; }

        .contactdetails > h4 > span { color: #dbaf52; }

.blackicon { fill: #575756; }

.icondetails > li { display: flex; border-bottom: 1px solid #ddd; padding: 15px 0px; align-items: center; }

    .icondetails > li:last-child { border-bottom: none; }

.mapic { width: 121px; height: 61px; }

.phoneic { width: 50px; height: 60px; }

.envic { width: 50px; height: 60px; }

.icondetails > li > p, .icondetails > li > a { padding-left: 15px; color: #616161; font-size: 16px; font-weight: 300; }
.icondetails > li > a{padding-left: 7px;}
.icondetails > li .iconsocial > a { transform: inherit; left: inherit; }

.icondetails > li .iconsocial > .fb-t { background: #3b5999; color: #fff; border: 1px solid #3b5999; }

    .icondetails > li .iconsocial > .fb-t:hover { background: #fff; color: #3b5999; border: 1px solid #3b5999; }

.icondetails > li .iconsocial > .tw-t { background: #41a1f2; color: #fff; border: 1px solid #41a1f2; }

    .icondetails > li .iconsocial > .tw-t:hover { background: #fff; color: #41a1f2; border: 1px solid #41a1f2; }

.icondetails > li .iconsocial > .you-t { background: #d42428; color: #fff; border: 1px solid #d42428; }

    .icondetails > li .iconsocial > .you-t:hover { background: #fff; color: #d42428; border: 1px solid #d42428; }

.star-er { position: absolute; right: 11px; top: 15px; font-size: 15px; color: #e41d24; }



/*============================================================
    Footer
===============================================================*/
.bgblack { background: #313131; padding: 50px 0px 0px 0px; margin-top: 70px; }

.logo-f > p { font-size: 12px; color: #fff; line-height: 20px; }

.footer-nav .wel-content > h2 { color: #fff; font-size: 27px; text-transform: capitalize; }

    .footer-nav .wel-content > h2:before, .footer-nav .wel-content > h2:after { background: #fff; }

.ftnav > li > a { font-size: 15px; color: #918e8e; font-weight: 600; position: relative; padding: 3px 30px; display: block; transition: all .5s ease-in-out; }

    .ftnav > li > a:hover { color: #dbaf52; }

        .ftnav > li > a:hover .whitec { fill: #dbaf52; }

    .ftnav > li > a > svg { width: 20px; height: 10px; position: absolute; left: 0; top: 8px; }

.whitec { fill: #918e8e; }

.wel-content .icondetails > li:last-child { border-bottom: none; }

.wel-content .icondetails > li > p, .wel-content .icondetails > li > a { color: #918e8e; }

.wel-content .icondetails > li > p { font-size: 13px; }

.wel-content .icondetails > li > a { font-size: 15px; }

.wel-content .blackicon { fill: #575756; }

.wel-content .phoneic, .wel-content .envic { width: 30px; height: 60px; }

.wel-content .mapic { width: 50px; height: 61px; }

.wel-content .icondetails > li { border-bottom: 1px solid #5d5959; padding: 8px 0px; }

.wel-content .iconsocial > a { width: 40px; height: 40px; line-height: 38px; font-size: 15px; }

.ft-bottom { border-top: 1px solid #5d5959; margin-top: 20px; text-align: center; padding: 20px; }

    .ft-bottom > span { display: block; font-size: 14px; color: #918e8e; }

        .ft-bottom > span > a { color: #dbaf52; }

.popall { position: fixed; left: 0; right: 0; top: 0; bottom: 0; background: #2c2c2c; z-index: 999; }

.popbox { position: relative; height: 100vh; overflow-x: hidden; overflow-y: auto; }

.closexd { position: absolute; right: 35px; background: no-repeat; top: 35px; border: none; display: block; z-index: 1; }

.popcl { width: 25px; height: 25px; cursor: pointer; outline: none; transition: all .5s ease-in-out; }

    .popcl:focus, .popcl:active, .closexd:focus, .closexd:active { outline: none !important; border: none; box-shadow: none; }

    .popcl:hover { transform: rotate(180deg); }

.popcl-c { fill: #FFFFFF; }

.svg-enr1 { width: 100px; }

.ctrbox-pop { width: 30%; transform: translate(-50%,-50%); left: 50%; top: 50%; position: relative; }

.btnsv { text-align: center; }

    .btnsv > h3 { display: block; color: #dedcdc; font-size: 28px; text-transform: uppercase; font-weight: bold; margin: 20px 0px; text-shadow: 2px 2px 2px #776e6e; }

    .btnsv .icon-w { fill: #757171; }

.alfrm { position: relative; margin-bottom: 15px; }

.frmpop-bx { width: 100%; background: #2f2e2e; border: 1px solid #544e4e; padding: 11px 10px 11px 38px; /*margin-bottom: 20px;*/ outline: none !important; color: #9b9898; font-size: 14px; }

.alfrm > i { position: absolute; left: 18px; top: 16px; color: #5a5757; font-size: 13px; }

.frmpop-bx::-webkit-input-placeholder { /* Edge */ color: #717171; }

.frmpop-bx:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #717171; }

.frmpop-bx::placeholder { color: #717171; }

.subpop { background: #e81d1d; display: block; padding: 10px 10px; text-align: center; color: #fff; font-size: 16px; border: 1px solid #e81d1d; cursor: pointer; }

    .subpop:hover { background: #fff; border: 1px solid #e81d1d; color: #e81d1d; }

.starer { position: absolute; right: 12px; top: 13px; color: red; }

.popcng .ctrbox-pop { width: 50%; }

.imgleft { width: 50%; margin-right: 30px; border-right: 1px solid #6f6a6a; padding-right: 20px; }

.popcng .form-pop { width: 50%; }

.popcng .d-flex { margin-top: 30px; align-items: center; }

.codedsb { background: #171616; }

.stickyheader header { border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; top: 0; }

.stickyheader .logo { margin-top: 0; }

    .stickyheader .logo > a { width: initial; height: initial; background: none; padding: 0; }

        .stickyheader .logo > a > img { transform: initial; width: 120px; margin-top: 2px; left: initial; top: initial; }

.map-sec { margin-top: 25px; }

    .map-sec > iframe { width: 100%; height: 100px; border: 5px solid #fff; border-radius: 10px; }

/*============================================================
    all banners pages
===============================================================*/
.bnr-opa:after { content: ''; position: absolute; display: block; width: 100%; left: 0; right: 0; top: 0; bottom: 0; background: rgb(0 0 0 / 60%); }

.threed-top { background-image: url(../images/3D-Wallpapers-banner.jpg); }

.Nature-top { background-image: url(../images/Nature-Wallpapers-banner.jpg); }

.Abstract-top { background-image: url(../images/Abstract-Wallpapers-banner.jpg); }

.Love-top { background-image: url(../images/Love-Wallpaper-banner.jpg); }

.Aircraft-top { background-image: url(../images/Aircraft-Wallpaper-banner.jpg); }

.Architecture-top { background-image: url(../images/Architecture-Wallpapers-banner.jpg); }

.City-top { background-image: url(../images/City-Wallpaper-banner.jpg); }

.Fantasy-top { background-image: url(../images/Fantasy-Wallpapers-banner.jpg); }

.Animals-top { background-image: url(../images/animal-wallpaper-banner.jpg); }

.Funny-top { background-image: url(../images/Funny-Wallpaper-banner.jpg); }

.People-top { background-image: url(../images/People-Wallpaper-banner.jpg); }

.Sports-top { background-image: url(../images/sports-wallpaper-banner.jpg); }

.Car-top { background-image: url(../images/car-wallpaper-banner.jpg); }

.Motorcycles-top { background-image: url(../images/motorcycle-wallpaper-banner.jpg); }

.Games-top { background-image: url(../images/game-Wallpaper-banner.jpg); }

.Movies-top { background-image: url(../images/Movies-Wallpaper-banner.jpg); }
.Liquid-top{ background-image: url(../images/Liquid-Wallpapers-banner.jpg); }

.Space-top { background-image: url(../images/Space-Wallpaper-banner.jpg); }

.Technology-top { background-image: url(../images/Technology-Wallpapers-banner.jpg); }

.Miscellaneous-top { background-image: url(../images/Miscellaneous-Wallpapers-banner.jpg); }

.Holiday-top { background-image: url(../images/holiday-wallpaper-banner.jpg); }

.Entertainment-top { background-image: url(../images/Entertainment-Wallpapers-banner.jpg); }


.Entertainment-top { background-image: url(../images/Entertainment-Wallpapers-banner.jpg); }

.Entertainment-top { background-image: url(../images/Entertainment-Wallpapers-banner.jpg); }

.Entertainment-top { background-image: url(../images/Entertainment-Wallpapers-banner.jpg); }

.quote-top { background-image: url(../images/quote-Wallpapers-banner.jpg); }

.Brick-top { background-image: url(../images/brickWallpapers-banner.jpg); }
.Spiritual-top { background-image: url(../images/spiritual-Wallpapers-banner.jpg); }

.wood-top { background-image: url(../images/wood-Wallpaper-banner.jpg); }

.Floral-top { background-image: url(../images/Floral-Wallpapers-banner.jpg); }

.Fabric-top { background-image: url(../images/fabric-Wallpapers-banner.jpg); }

.Embossed-top { background-image: url(../images/EMBOSSEDED-Wallpaper-banner.jpg); }
.Tropical-top { background-image: url(../images/Tropical-Wallpapers-banner.jpg); }
.Damask-top { background-image: url(../images/damask-Wallpapers-banner.jpg); }
.Geometric-top { background-image: url(../images/Geometric-Wallpapers-banner.jpg); }
.Toile-top { background-image: url(../images/Toile-Wallpapers-banner.jpg); }
.wooden-flooring { background-image: url(../images/wooden-flooring.jpg); }

.pvc-flooring { background-image: url(../images/pvc-flooring.jpg);}
.artificial-top{ background-image: url(../images/artificail-grass.jpg);}
.vertical-top{ background-image: url(../images/vertical-garden-top.jpg);}

/*============================================================
    Contact Us
===============================================================*/
.topbanner { position: relative; background-attachment: scroll; background-position: center top; background-repeat: no-repeat; background-size: cover; padding: 0px 0 0px; z-index: 1; height: 380px; margin-top: 97px; }

.contact-top { background-image: url(../images/contact-bg.jpg); }

.headingtop { transform: translate(-50%,-50%); left: 50%; top: 50%; position: relative; z-index: 1; }

    .headingtop > span, .headingtop > h1 { display: block; text-align: center; }

    .headingtop > span { color: #e9212e; font-weight: 500; font-size: 17px; }

    .headingtop > h1 { color: #fff; font-size: 40px; font-weight: bold; text-transform: uppercase; }

.graybg { position: relative; text-align: center; display: block; background: #f6f6f6; padding-bottom: 20px; z-index: 2; margin-bottom: 40px; }


.graysvg { fill: #B3B3B3; transition: all .5s ease-in-out; }

.detail-icon { padding: 20px; text-align: center; width: 33%; background: #fff; margin: -91px 10px 10px 10px; box-shadow: 0px 7px 8px 0px #dcdde0; border-radius: 10px; transition: all .5s ease-in-out; }

    .detail-icon > svg { width: 50px; height: 50px; margin-bottom: 20px; transition: all .5s ease-in-out; }

    .detail-icon:hover .graysvg { fill: #ed1c24; }

    .detail-icon > span, .detail-icon > a { display: block; font-size: 13px; color: #3a3838; }

    .detail-icon > h6 { text-transform: uppercase; margin-bottom: 10px; font-size: 16px; font-weight: 700; color: #424040; }

    .detail-icon > a { font-weight: 600; font-size: 14px; }

.cnt-msg > span, .cnt-msg > h2 { text-transform: uppercase; }

.cnt-msg > span { color: #e9212e; font-size: 14px; line-height: 20px; font-weight: 600; margin: 0 0 7px; }

.cnt-msg > h2 { position: relative; display: block; color: #27282c; font-size: 36px; line-height: 44px; }

    .cnt-msg > h2 > span { font-weight: 800; }

.cnt-msg > p { color: #7c7e84; font-size: 15px; line-height: 25px; font-weight: 400; text-transform: none; margin: 13px 0 0; }


.graybg .icondetails { text-align: center; display: inline-block; margin: auto; }

.dflexbox { display: flex; justify-content: space-between; align-items: center; }

.boxright { margin-left: 80px; border-left: 1px solid #ddd; padding-left: 70px; }

.boxleft, .boxright { width: 50%; }



/*============================================================
    About Us
===============================================================*/
.headingtop > span > a { display: inline-block; padding: 4px 11px; background: #e21d24; color: #fff; border: 1px solid #e21d24; border-radius: 5px; transition: all .5s ease-in-out; }

    .headingtop > span > a:hover { border: 1px solid #d42428; color: #d42428; background: #fff; }



.blog-banner { background-image: url(../images/blog-top.jpg); }

.pck_img > img, .boxpck { transition: all .5s ease-in-out; }

.boxpck { border: 1px solid #ddd; margin: 10px; }
/*.pck_img { height: 280px; }*/
.pck_txt { padding: 20px; }

    .pck_txt > h3 { font-size: 16px; font-weight: 600; color: #c39815; margin-bottom: 10px; line-height: 20px; }

    .pck_txt > span { font-size: 13px; display: block; margin-bottom: 20px; }

    .pck_txt > p { font-size: 12px; line-height: 20px; }

    .pck_txt > a { margin-top: 20px; display: block; border: 2px solid #c39815; text-align: center; font-size: 16px; color: #c39815; font-weight: bold; padding: 12px 10px; transition: all .5s ease-in-out; background: #fff; }

    .pck_txt > h3, .pck_txt > spanP, .pck_txt > a { font-style: italic; }

.boxpck:hover .pck_img > img { transform: scale(1.1); }

.pck_txt > a:hover { background: #c39815; color: #fff; }

.pck_img { overflow: hidden; /*height: 235px;*/ }

.blog-pg { margin: 20px auto; text-align: center; }

    .blog-pg > h2:after, .blog-pg > h2:before { right: 0; margin: auto; }
/*========================================================================================
       
     view blog css

===============================================================================================*/
.bk { margin: 30px 0px; }

    .bk > a { display: inline-block; background: #333333; padding: 10px 13px; font-size: 13px; color: #fff; font-weight: 600; border-radius: 5px; transition: all .5s ease-in-out; }

        .bk > a:hover { background: #c48f16; }

.heading_b { padding-right: 20px; }

.recent_box > h2 { background: #eee; padding: 12px 10px; font-size: 16px; font-weight: bold; border-top: 1px solid #ddd; color: #4e4a4a; margin-bottom: 10px; }

.recent_box > ul { overflow-y: auto; max-height: 420px; }

    .recent_box > ul > li { position: relative; width: 100%; border-bottom: 1px solid #ddd; overflow: hidden; margin-bottom: 10px; padding-bottom: 10px; display: inline-block; }

.img_rc { width: 100px; border: 2px solid #eee; padding: 5px; }

.img_rc, .rc_para { float: left; }

.rc_para { width: calc(100% - 100px); display: block; padding-left: 10px; }

.heading_b > h2 { position: relative; padding-bottom: 15px; }

.alltext > h2 { font-size: 22px; font-weight: 600; text-transform: uppercase; margin-bottom: 20px; color: #c48f16; }

.heading_b > h2:before, .heading_b > h2:after { position: absolute; left: 0; content: ''; background: #c48f16; }

.heading_b > h2:before { width: 100%; height: 2px; bottom: 0; }

.heading_b > h2:after { width: 10px; height: 10px; border-radius: 50%; bottom: -4px; }

.date_b { display: inline-block; background: #d6b260; padding: 10px 10px; margin: 0 0 20px; color: #fff; font-size: 14px; font-weight: 600; }
/*.para_blog { margin: 20px 0; }*/
.para_blog > p { font-size: 14px; color: #000; line-height: 30px; }

.recent_box > ul > li > a:hover img { transform: scale(1.1); }

.rc_para { width: calc(100% - 100px); display: block; padding-left: 10px; }

.recent_box > ul > li > a, .img_rc img { transition: all .5s ease-in-out; }

.recent_box > ul > li > a { display: block; }

.rc_para > p { font-size: 12px; color: #929090; font-weight: 600; line-height: 15px; font-weight: 500; }

.rc_para > span { font-size: 12px; background: #dca12b; padding: 8px; display: inline-block; color: #fff; margin-top: 5px; }

.recent_box > ul::-webkit-scrollbar { -webkit-appearance: none; }

    .recent_box > ul::-webkit-scrollbar:vertical { width: 11px; }

    .recent_box > ul::-webkit-scrollbar:horizontal { height: 11px; }

.recent_box > ul::-webkit-scrollbar-thumb { border-radius: 8px; border: 2px solid white; /* should match background, can't be transparent */ background-color: rgba(0, 0, 0, .5); }

.imgbl_v { vertical-align: bottom; border: 8px solid #ddd; box-shadow: 0px 10px 20px 0px rgb(229 229 229 / 75%); margin-bottom: 10px; }
/*============================================================
    Products
===============================================================*/
.productbx { display: flex; flex-wrap: wrap; margin-top: 15px; }

    .productbx .sliderpro-img { width: 31%; }

.left0 { left: 0 !important; }

/*============================================================
    about-product
===============================================================*/
.wel-content > h1, .wel-content > h2 { font-size: 30px; }

.wel-content > p { font-size: 14px; }

.wal-ct-img a { display: inline-block; }

.wal-ct-img { text-align: center; }

.wall-img { height: 200px; width: 200px; border-radius: 50%; overflow: hidden; border: 5px solid #dbaf52; transition: all 0.5s ease-in-out; margin: 0px auto 20px; }

.wal-ct-img:hover .wall-img { transform: rotateY(360deg); }

.wal-ct-img:hover h2 { color: #dbaf52; transition: all 0.5s ease-in-out; }

.wall-img > img { height: 100%; }

.wal-ct-img a h2 { font-size: 18px; font-weight: 600; color: #595959; text-transform: uppercase; }


/*===============================================================================
mixed-wallpaper
===============================================================*/
.mixed-sec { display: flex; flex-wrap: wrap; justify-content: space-between; }

.mixed-bx { border: 5px solid #dbaf52; position: relative; border-radius: 55px 0 55px 0px; overflow: hidden; margin: 20px 0; transition: all 0.5s ease-in-out; width: 30%; height: 218px; }

    .mixed-bx a { display: block; transition: all 0.5s ease-in-out; }

    .mixed-bx:hover { border-radius: 0 55px 0px 55px; box-shadow: 2px 2px 20px rgb(0 0 0 / 20%); transition: all 0.5s ease-in-out; }

    .mixed-bx a img { vertical-align: bottom; }

.wall-dtls { font-size: 14px; margin: 20px 0; line-height: 25px; color: #767676; font-weight: 500; text-align: justify; padding: 0 20px; }

    .wall-dtls > a { font-size: 15px; color: #000; font-weight: 600; }



.mixed-bx:hover .overlyr { top: 0; opacity: 1; bottom: 0; transition: all 0.5s ease-in-out; }

.overlyr { position: absolute; left: 0; right: 0; bottom: 0; top: 105%; display: block; background: rgb(0 0 0 / 80%); text-align: center; color: #fff; transition: all 0.5s ease-in-out; opacity: 0; }

.center-box2 { position: relative; transform: translate(-50%, -50%); top: 50%; left: 50%; }

.vew-btn { background: red; padding: 7px 30px; display: inline-block; border-radius: 50px; font-size: 14px; border: 2px solid #fff; margin: 10px 0; cursor: pointer; transition: all 0.5s ease-in-out; }

    .vew-btn:hover { background: #dbaf52; }

/*===============================================================================
video gallery page
===============================================================*/
.video-bx { border: 10px solid #f3f2f2; box-shadow: 0px 0px 14px 0px #353333 inset; margin-bottom: 15px; border-radius: 50px 0 50px 0px; overflow: hidden; transition: all 0.5s ease-in-out; box-shadow: 2px 2px 2px #9a9292; }

    .video-bx:hover { border-radius: 0px 50px 0px 50px; border: 10px solid #dbaf52; transition: all 0.5s ease-in-out; box-shadow: 2px 2px 6px rgb(0 0 0 / 60%); }

    .video-bx iframe { width: 100%; height: 200px; vertical-align: bottom; transition: all 0.5s ease-in-out; }

    
/*===============================================================================
last css 
===============================================================*/


    .er-msg { color: red; visibility: visible; position: relative; right: 0; top: 0; font-size: 11px; }

.cap-sec { display: flex; justify-content: space-between; margin-bottom: 20px; }
.cap-code { width: 20%; text-align: center; }
    .cap-code .input { width: 100%; display: block; padding: 10px 17px; font-weight: bold; background: #fdfdfd; border: 1px solid #ddd; }
    .enter-cap { width: 77%; }
    .form-pop .cap-sec .inputbx { /*background: none; color: white; font-weight: bold;*/ background: none; color: white; font-weight: bold; background: #2f2e2e; border: 1px solid #544e4e; }
    .disblebox { background: #2c2c2c; color: #ffffff; font-weight: bold; }
    .ctrbox-pop .cap-sec .inputbx, .ctrbox-pop .cap-code .input { background: #2f2e2e; border: 1px solid #544e4e; color: #fff;}


/*============================================================
    Media
===============================================================*/

@media screen and (max-width: 640px) {
    .img-wel { display: none; }

    .ctrbox-pop, .popcng .ctrbox-pop { width: 85%; }

    .ctrbox-pop { padding: 20px; }

    .topbanner { height: 240px; }

    .headingtop > h1 { font-size: 20px; }

    .productbx .sliderpro-img { width: 100%; }

    .graybg .icondetails, .dflexbox { flex-wrap: wrap; }

    .detail-icon, .boxleft, .boxright { width: 100%; margin: 10px 0px 0px 0px; }

    .rightimg { display: none; }

    .mixed-bx { width: 100%; }

    .wall-dtls { font-size: 12px; }
    .cap-code{width:30%; }
    .cap-code .input{text-align:center; margin:auto;}

    .enter-cap{width:60%;}
}





@media screen and (min-width: 640px) and (max-width: 990px) {

    .ctrbox-pop, .popcng .ctrbox-pop { width: 50%; }

    .img-cover { width: 220px; height: 220px; }

    .productbx .sliderpro-img { width: 47%; }

    .mixed-bx { width: 48%; }

    .wall-dtls { font-size: 12px; }
    .contactus-form .formcontact .cap-code{    width: 44%;}
  .contactus-form .formcontact .enter-cap {
    width: 54%;
}

    .cap-code{width:30%; }
    .cap-code .input{text-align:center; margin:auto;}

    .enter-cap{width:60%;}


}

@media screen and (min-width: 1001px) and (max-width: 1199px) {
    .navbox > nav > ul > li { margin: 0; }

        .navbox > nav > ul > li > a { padding: 21px 12px; font-size: 14px; }
}


@media screen and (max-width: 1000px) {
    #nav-icon1 { display: block; margin: 18px 2px; }

    .logo > a { display: block; width: 120px; height: auto; background: none; border-radius: initial; padding: 0; margin-left: 5px; }

    .logo { margin-top: 0; display: flex; }

    header { top: 0; }

    .navbox { position: fixed; transition: all .5s ease-in-out; left: -100%; width: 270px; background: #fff; bottom: 0; z-index: 9; top: 63px; overflow-y: auto; border: 1px solid #ddd; }

        .navbox::-webkit-scrollbar { -webkit-appearance: none; }

            .navbox::-webkit-scrollbar:vertical { width: 11px; }

            .navbox::-webkit-scrollbar:horizontal { height: 11px; }

        .navbox::-webkit-scrollbar-thumb { border-radius: 8px; border: 2px solid white; /* should match background, can't be transparent */ background-color: rgba(0, 0, 0, .5); }

        .navbox > nav > ul { margin-right: 0; }

            .navbox > nav > ul > li { float: initial; }

    .btn-ery { margin: 0; }

    #popst { padding: 5px 14px; font-size: 11px; margin: 6px 0px; }

    .banner-cnt { text-align: center; }

        .banner-cnt > li { width: 100%; margin-right: 0; border-right: none; border-bottom: 1px solid #ddd; padding-bottom: 10px; margin-bottom: 10px; }

        .banner-cnt, .banner-cnt > li, .iconsocial { display: block; }

    .aos-animate, .aos-init { /*CSS transitions*/ -o-transition-property: none !important; -moz-transition-property: none !important; -ms-transition-property: none !important; -webkit-transition-property: none !important; transition-property: none !important; /*CSS transforms*/ -o-transform: none !important; -moz-transform: none !important; -ms-transform: none !important; -webkit-transform: none !important; transform: none !important; /*CSS animations*/ -webkit-animation: none !important; -moz-animation: none !important; -o-animation: none !important; -ms-animation: none !important; animation: none !important; }

    body { padding-top: 62px; }

    .iconsocial > a { transform: initial; left: inherit; display: inline-block; }

    .mt70 { margin-top: 40px; }

    .wel-content > h1, .wel-content > h2 { font-size: 25px; }

    .read-btn > a { padding: 8px 15px; font-size: 13px; }

    .wel-content > p { margin-bottom: 10px; }

    .wel-content > h2 > a { font-size: 17px; position: relative; top: initial; margin-top: 30px; display: block; }

    .contactdetails { padding-left: 0; margin-top: 20px; }

    .wel-content { margin-top: 20px; }

    .bgblack { padding: 25px 0px 0px 0px; }

    .contactdetails > h4 { font-size: 22px; margin-bottom: 10px; }

    .mapic { width: 160px; }

    .footer-nav .wel-content > h2 { font-size: 22px; }

    .imgicon { width: 40px; margin: auto; }

    .ctrbox-pop { transform: initial; left: initial; top: initial; margin: auto; }

    .popcng .d-flex { display: block !important; }

    .imgleft { display: none; }

    .popcng .form-pop { width: 100%; }

    .topbanner { margin-top: 0; }

      .navbox > nav > ul > li{display:block;}
    .navbox > nav > ul > li > ul { position: initial; column-count: inherit; width: 100%; box-shadow: none; overflow: visible; opacity: 1; height: auto; max-height: inherit; /* padding-left: 12px;*/ }

    .navbox > nav > ul > li > .prdt-nav { column-count: inherit; position: inherit; margin: 0; width: 100%; max-height: inherit; }


    .navbox > nav > ul > li > a { padding: 12px 20px; }
    /*.navbox > nav > ul > li > a:hover:before{top: 0;
    bottom: 39px;
}*/

}