html {text-transform: lowercase;}
}

/*HOMEPAGE SCROLL*/
* {
  margin: 0;
  padding: 0;
}
html, body {
  height: 100%;
}

#section01 {
  position: relative;
  width: 100%;
  height: 100%;
  background: #fff;
}

.demo2 {
/*     border:1px #ff0000 dashed; */

}



.demo2 a {
  position: absolute;
  bottom: 0px;
  left: 50%;
  z-index: 2;
  display: inline-block;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  color: #000;
  font : normal 300 17px/1 'Poppins', sans-serif;
  letter-spacing: .1em;
  text-decoration: none;
  transition: opacity .3s;
}
.demo2 a:hover {
  opacity: .5;
}

#section01 a {
  padding-top: 60px;
}

#section01 a span {
  position: absolute;
  top: 0;
  left: 50%;
  width: 24px;
  height: 24px;
  margin-left: -12px;
  border-left: 1px solid #000;
  border-bottom: 1px solid #000;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-animation: sdb05 1.5s infinite;
  animation: sdb05 1.5s infinite;
  box-sizing: border-box;
}
@-webkit-keyframes sdb05 {
  0% {
    -webkit-transform: rotate(-45deg) translate(0, 0);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    -webkit-transform: rotate(-45deg) translate(-20px, 20px);
    opacity: 0;
  }
}
@keyframes sdb05 {
  0% {
    transform: rotate(-45deg) translate(0, 0);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: rotate(-45deg) translate(-20px, 20px);
    opacity: 0;
  }
}

        @media(max-width:767px) {
           #section01 {
  height: 100%;
  background: #fff;
}
.demo2 a {
  left: 43.5%; padding-bottom: 30px;}
}



/*LIGHTBOX*/

        .pswp {display:none;}
        div[data-lightbox="true"] {pointer-events: none;}

/*  WORK GRID */

        .grid-list .grid-item:not(.filter-in-grid) .ux-lazyload-wrap {
        padding-top: 100% !important; 
        }
        .grid-item { 
        position: relative!important;width: 25%!important; top: 0!important;left: 0!important; height: auto!important;
        }


        @media(max-width:767px) {
            .grid-item {width: 50%!important; }
            .responsive-ux .container-masonry {margin-top: 0;}
         }

         @media handheld, only screen and (max-width: 767px) {
.fullwidth-wrap-inn [class*='col-'] {margin-top: 0;}
}
        @media (max-width: 480px){
            .grid-item-cate-a {font-size:10px;}
            .responsive-ux .grid-item-con-text h2 {font-size: 14px; }
        }

        /* thumbnail opacity */
		.no-touchevents .grid-mask-filled-left .grid-item-con:hover:after, .no-touchevents .grid-mask-filled-center .grid-item-con:hover:after, .touchevents .grid-mask-filled-left .grid-item-con.air-hover:after, .touchevents .grid-mask-filled-center .grid-item-con.air-hover:after {
    opacity: 0.8;
		}

/*  PROJECT MORE - PLUS SYMBOL */

        .post-navi-go-back-a-inn:before,
        .post-navi-go-back-a-inn:after {
          content: ''; position: absolute; left: 10px; top: 4px; width: 8px; height: 40px; background-color: currentColor;
        }

/*  PROJECT  GRID */

        .ux-portfolio-ajaxed-list .brick-content { padding-top: 100%!important; }
        .ux-portfolio-ajaxed-list .grid-item-cate {  display: none; }

        /* It is for remove none spacing */
        .ux-portfolio-ajaxed-list {
        margin: 0;
        }
        .ajaxed-grid-item .grid-item-inside {
        margin: 0;
        }
        /*For 4 columns*/
        @media (min-width: 768px) {
        .ux-portfolio-3col .grid-item, .ajaxed-grid-item.grid-item {
            width: 25%; }
        }
        /*If the wrap has been fullwidth, you can ignore this css */
        .ux-portfolio-ajaxed-list-wrap.container {
        position: relative; width: 100vw; padding-left: 0;  padding-right: 0; margin-left: -50vw;  left: 50%;
        }

/*        @media (min-width: 1200px) {
        .ux-portfolio-ajaxed-list-wrap.container {
            padding-left: 0;
            padding-right: 0;
            width: 100%;
         }
        }*/

/*  VIDEO */

        .single-gallery-wrap-inn > .videoWrapper {padding-top:0!important;}

        .video-container {
        position: relative;
        padding-bottom: 56.25%;
        padding-top: 30px; height: 0; overflow: hidden;
        }

        .video-container iframe,
        .video-container object,
        .video-container embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        }

/*       .postid-857 .video-container {
        margin-top: -30px !important; 
        }*/

.single-format-gallery.postid-857 .list-layout ~ .videoWrapper {
    margin-top: 0;
}


@media (max-width: 767px) {
.video-post-wrap {margin-bottom: 0px !important;}
}

       

/*  DISABLE */

        .disableselect {
          -webkit-touch-callout: none; /* iOS Safari */
          -webkit-user-select: none;   /* Chrome/Safari/Opera */
          -khtml-user-select: none;    /* Konqueror */
          -moz-user-select: none;      /* Firefox */
          -ms-user-select: none;       /* Internet Explorer/Edge*/
           user-select: none;          /* Non-prefixed version, currently 
                                          not supported by any browser */
        }


/*  MENU CENTERED ITEMS */
        #navi-wrap {text-align: center;}
        @media (max-width: 767px) {.navi-trigger-text-inn { 
    display: none;
}
.navi-trigger-inn { 
    -webkit-transform: scale(2);-ms-transform: scale(2);transform: scale(2);
}
}


/*  POST & PAGES */
        .homehead {background-color:#fff !important;}
        .pagebuilder-wrap { margin-top: 0px !important;}
        .promote-mod-a a{font-size: 40px;color:#fff;}
        .promote-mod-a a:hover{color: #000 !important;}
        #post-287 .promote-mod-a {font-size: 40px;color:#fff;}
        #post-287 .promote-mod-a:hover{color: #fff !important;}

/*  PAGE BUILDER ABOVE THE GRID  */
        .ux-portfolio-template-intro.container {width:100%!important;padding-left: 0!important; padding-right: 0!important; margin-top: 0!important;margin-bottom: 0!important;padding-bottom: 0px !important;}
        #post-287 .ux-portfolio-template-intro.container {background-color:#000;}
        #post-2 .ux-portfolio-template-intro.container {background-color:#00B3F7;}

        /* force single image fullwidth */
        .fullwidth-wrap .col-md-12 .single-image,
        .fullwidth-wrap .col-md-12 .single-image-img,
        .fullwidth-wrap .col-md-12 .single-image .ux-hover-wrap {width: 100%;}

        /* featured image 100% width and aspect ration maintained */
        body.page .post-cover .ux-background-img{background-size: 100%;  background-position: 0 0; }
        body.page .post-cover.fullscreen-wrap{ height: 51vw; }
        body.page .post-cover .ux-background-img {  background-attachment: scroll;}
       
       body.page.page-id-287 .post-cover.fullscreen-wrap { height: 100vh; }

                /* If image ratio is not same for different pages */
                /*body.page.page-id-57 .post-cover.fullscreen-wrap{ height: 50vw; }*/

        @media (max-width: 768px) and (orientation: portrait) {
                .responsive-ux.page .fullscreen-wrap.post-cover, 
                .responsive-ux.single-portfolio-fullscreen-slider .fullscreen-wrap,
                body.admin-bar.responsive-ux.page .fullscreen-wrap.post-cover {
                    height: 50vw !important; }

                    /*.list-layout {border:1px #ff0000 solid;
                        margin-top:-40px !important;}*/
        }


@media (max-width: 768px) and (orientation: portrait) {
.responsive-ux.page.page-id-287 .fullscreen-wrap.post-cover {
    height: 100vh !important; }
}
body.page.page-id-287 .post-cover .ux-background-img { 
    background-position: 50% 50%;
    background-color: #fff;}


         /*  PORTFOLIO IMAGES FULL WIDTH */       
        @media (max-width: 767px) {
                body.single.single-portfolio-2c-body.responsive-ux .blog-unit-gallery-wrap {  padding-left: 0; padding-right: 0; }
        }


/*  NOT SURE WHAT THIS DOES */     
        .singleimage .ux-hover-wrap img{height: auto !important;width: 100% !important;}

/*  CLIENTS */
        .col-md-3 .single-image .ux-hover-wrap a {      pointer-events: none;cursor: auto;}
        .col-md-3 .single-image .ux-hover-wrap:hover a { color:red; }



/*  ABOUT PAGE */
        .about-service h4{text-align: center; font-size:20px;}
        #services h4 {font-size:17px;}
        #services .h4space {text-align:center !important; padding-top: 0 !important;}
        .circle-service {  margin-bottom: 5px !important;}


/*  CONTACT PAGE */

        .contactemail,
        .contactlinkedin {
            padding-top: 1.5rem;
            margin: 1.5rem 0;
            text-transform: uppercase;
        }


        .contactemail a,
        .contactlinkedin a {
            color: #333;
            position: relative
        }

        .contactemail a:focus,
        .contactemail a:hover,
        .contactlinkedin a:focus,
        .contactlinkedin a:hover,
        .inquiries:focus,
        .inquiries:hover {
            color: #58595B
        }

        .contactemail a:after,
        .contactlinkedin a:after {
            position: absolute;
            width: 0;
            -webkit-transition: all .2s ease-in;
            -moz-transition: all .2s ease-in;
            -o-transition: all .2s ease-in;
            transition: all .2s ease-in
        }

        .contactemail a:focus:after,
        .contactemail a:hover:after,
        .contactlinkedin a:focus:after,
        .contactlinkedin a:hover:after {
            background: #58595B;
            width: 110%;
            -webkit-transition: all .2s ease-in;
            -moz-transition: all .2s ease-in;
            -o-transition: all .2s ease-in;
            transition: all .2s ease-in
        }



/* Contact Form 7
------------------------------------------------------------ */
        .pum-theme-lightbox .pum-content  .wpcf7 input[type="text"],
        .pum-theme-lightbox .pum-content  .wpcf7 input[type="email"],
        .pum-theme-lightbox .pum-content  .wpcf7 input[type="select"],
        .pum-theme-lightbox .pum-content  .wpcf7-select{
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        width: 100%;
        border-radius: 4px;
        color: #fff;
        display: inline-block;
        font-size: 19px;
        height: 45px;
        line-height: 31px;
        margin-bottom: 15.5px;
        padding: 4px 6px;
        vertical-align: middle;
        }
         
        .pum-theme-lightbox .pum-content  .wpcf7 textarea{
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        width: 100%;
        border-radius: 4px;
        color: #fff;
        display: inline-block;
        font-size: 19px;
        line-height: 31px;
        margin-bottom: 15.5px;
        padding: 4px 6px;
        vertical-align: middle;
        }

@media (max-width: 768px) and (orientation: portrait) {
        .pum-theme-lightbox .pum-content  .wpcf7 textarea{
        height:120px;
        }
        .pum-theme-lightbox .pum-content  .wpcf7 input[type="text"],
        .pum-theme-lightbox .pum-content  .wpcf7 input[type="email"],
        .pum-theme-lightbox .pum-content  .wpcf7 input[type="select"],
        .pum-theme-lightbox .pum-content  .wpcf7-select{
        height: 40px;
        }
        .pum-theme-lightbox .pum-content  .wpcf7 p {
        margin-bottom: 5px;}
}

        .pum-theme-lightbox .pum-content  .wpcf7 input[type="text"]:focus,
        .pum-theme-lightbox .pum-content .wpcf7 input[type="email"]:focus,
        .pum-theme-lightbox .pum-content  .wpcf7 input[type="select"]:focus,
        .pum-theme-lightbox .pum-content  .wpcf7 textarea:focus,
        .pum-theme-lightbox .pum-content  .wpcf7-select:focus{
            color: #fff;
        border-color: #fff;
        box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset, 0px 0px 8px rgba(82, 168, 236, 0.6);
        outline: 0px none;
        }
         
        .pum-theme-lightbox .pum-content  .wpcf7-submit {
        color: #fff;
        padding: 0px 20px;
        }
         
        .pum-theme-lightbox .pum-content  .wpcf7 p {
        font-size: 19px;
        line-height: 31px;
        margin-bottom: 10px;}

        .pum-theme-1131 .pum-title, .pum-theme-lightbox .pum-title { 
            margin-bottom:40px; 
            color: #ffffff; 
            text-align: left; 
            text-shadow: 0px 0px 0px rgba( 10, 10, 10, 0.23 ); 
            font-family: Libre Baskerville; 
            font-size: 40px; 
            /*line-height: 100px;*/ }