/**

 * Theme Name:     PixelPierNYC Child
 * Author:         VamTam
 * Template:       pixelpiernyc
 * Text Domain:	   pixelpiernyc-child
 * Description:    PixelPier NYC - Creative Agency. Time to create something truly great with PixelPier NYC a modern Creative Agency Theme. With this astounding theme, you get to present your portfolio projects in truly unique and contemporary manner that will surely set you apart from the rest! If you like, you can even create an appealing single page website.
 */




 @font-face {
    font-family: 'NeueHaasGroteskDisplayRomanItalic';
    src: url('font/NeueHaasDisplay-RomanItalic.eot');
    src: url('font/NeueHaasDisplay-RomanItalic.eot?#iefix') format('embedded-opentype'),
        url('font/NeueHaasDisplay-RomanItalic.woff2') format('woff2'),
        url('font/NeueHaasDisplay-RomanItalic.woff') format('woff'),
        url('font/NeueHaasDisplay-RomanItalic.ttf') format('truetype'),
        url('font/NeueHaasDisplay-RomanItalic.svg#NeueHaasDisplay-RomanItalic') format('svg');
    font-weight: 500;
    
    
}

@font-face {
    font-family: 'NeueHaasGroteskDisplayRoman';
    src: url('font/NeueHaasDisplay-Roman.eot');
    src: url('font/NeueHaasDisplay-Roman.eot?#iefix') format('embedded-opentype'),
        url('font/NeueHaasDisplay-Roman.woff2') format('woff2'),
        url('font/NeueHaasDisplay-Roman.woff') format('woff'),
        url('font/NeueHaasDisplay-Roman.ttf') format('truetype'),
        url('font/NeueHaasDisplay-Roman.svg#NeueHaasDisplay-Roman') format('svg');
    font-weight: 500;
    
}

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

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

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

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

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

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

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

@font-face {
    font-family: 'NeueHaasGroteskDisplayXXThin';
    src: url('font/NeueHaasDisplay-XXThin.eot');
    src: url('font/NeueHaasDisplay-XXThin.eot?#iefix') format('embedded-opentype'),
        url('font/NeueHaasDisplay-XXThin.woff2') format('woff2'),
        url('font/NeueHaasDisplay-XXThin.woff') format('woff'),
        url('font/NeueHaasDisplay-XXThin.ttf') format('truetype'),
        url('font/NeueHaasDisplay-XXThin.svg#NeueHaasDisplay-XXThin') format('svg');
    font-weight: 100;
    font-style: normal;
    
}
@font-face {
	font-family: 'themify';
	src:url('font/themify.eot?-fvbane');
	src:url('font/themify.eot?#iefix-fvbane') format('embedded-opentype'),
		url('font/themify.woff?-fvbane') format('woff'),
		url('font/themify.ttf?-fvbane') format('truetype'),
		url('font/themify.svg?-fvbane#themify') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
    font-family: 'Playfair Display Bold';
    src: url('font/PlayfairDisplay-Bold.eot');
    src: url('font/PlayfairDisplay-Bold.eot?#iefix') format('embedded-opentype'),
        url('font/PlayfairDisplay-Bold.woff2') format('woff2'),
        url('font/PlayfairDisplay-Bold.woff') format('woff'),
        url('font/PlayfairDisplay-Bold.ttf') format('truetype'),
        url('font/PlayfairDisplay-Bold.svg#PlayfairDisplay-Bold') format('svg');
    
}

@font-face {
    font-family: 'Playfair Display';
    src: url('font/PlayfairDisplay-Regular.eot');
    src: url('font/PlayfairDisplay-Regular.eot?#iefix') format('embedded-opentype'),
        url('font/PlayfairDisplay-Regular.woff2') format('woff2'),
        url('font/PlayfairDisplay-Regular.woff') format('woff'),
        url('font/PlayfairDisplay-Regular.ttf') format('truetype'),
        url('font/PlayfairDisplay-Regular.svg#PlayfairDisplay-Regular') format('svg');
    
}

@font-face {
    font-family: 'TWK Everett';
    src: url('font/TWKEverett-Regular.eot');
    src: url('font/TWKEverett-Regular.eot?#iefix') format('embedded-opentype'),
        url('font/TWKEverett-Regular.woff2') format('woff2'),
        url('font/TWKEverett-Regular.woff') format('woff'),
        url('font/TWKEverett-Regular.ttf') format('truetype'),
        url('font/TWKEverett-Regular.svg#TWKEverett-Regular') format('svg');
    
}


body::-webkit-scrollbar {
    width: 1.0em;
  }
   
  body::-webkit-scrollbar-track {
    background-color:#e6e6e6;
  }
   
  body::-webkit-scrollbar-thumb {
    background-color: rgb(2, 2, 2);
    outline: 2px solid rgba(70, 70, 70, 0);
    border-radius: 10px;
    width: 0.8em;
  }


body {background-color:#ececec !important}
body.blackback {background-color:#000 !important}

.main-footer{background-color:#f6f6f6 !important}
.blackback .main-footer{background-color:#000000 !important}
.blackback .wpcf7-list-item-label{color:#ffffff !important}

.blackback .main-footer h1, .blackback .main-footer h2, .blackback .main-footer h3, .blackback .main-footer h4, .blackback .main-footer p, .blackback .main-footer a {color:#fff !important}
.blackback .main-footer img{filter:invert(1)}
.blackback .main-footer .e-flex {border-color:#fff !important}

body, body p{font-family: TWK Everett !important;font-size:17px !important; line-height:1.3 !important}

h1.twk1 , .twk1 h1, .twk1 h2, .twk1 h3, .twk1 h4{font-family: TWK Everett !important;}

h1, h2, h3, h4, h5, h6, p{font-family: Playfair Display Bold !important; letter-spacing:0 !important; line-height:1.0 !important}

.whitetxt h1, .whitetxt h2, .whitetxt h3, .whitetxt h4, .whitetxt h5, .whitetxt h6, .whitetxt p, .whitetxt a, .whitetxt i, .whitetxt li, .whitetxt{color:#fff  !important;}
.blacktxt h1, .blacktxt h2, .blacktxt h3, .blacktxt h4, .blacktxt h5, .blacktxt h6, .blacktxt p{color:#000  !important;}
.greytxt h1, .greytxt h2, .greytxt h3, .greytxt h4, .greytxt h5, .greytxt h6, .greytxt p{color:#ccc  !important;}
.orangetxt h1, .orangetxt h2, .orangetxt h3, .orangetxt h4, .orangetxt h5, .orangetxt h6, .orangetxt p{color:#dfc4ac  !important;}


.bold h1, .bold h2, .bold h3, .bold h4, .bold h5, .bold, .bold p, .bold a{font-family: NeueHaasGroteskDisplayMedium !important;}
.ital h1, .ital h2, .ital h3, .ital h4, .ital h5, .ital, .ital p, .ital a{font-family: 'NeueHaasGroteskDisplayRomanItalic' !important;}

.txt0 h1, .txt0 h2, .txt0 h3, .txt0 h4, .txt0 h5, .txt0 h6, .txt0 p, .txt0 a{font-size:14px  !important;}
.txt1 h1, .txt1 h2, .txt1 h3, .txt1 h4, .txt1 h5, .txt1 h6, .txt1 p, .txt1 a{font-size:16px  !important;}
.txt2 h1, .txt2 h2, .txt2 h3, .txt2 h4, .txt2 h5, .txt2 h6, .txt2 p, .txt2 a{font-size:18px  !important;}
.txt3 h1, .txt3 h2, .txt3 h3, .txt3 h4, .txt3 h5, .txt3 h6, .txt3 p, .txt3 a{font-size:20px  !important;}
.txt4 h1, .txt4 h2, .txt4 h3, .txt4 h4, .txt4 h5, .txt4 h6, .txt4 p{font-size:22px  !important;}
.txt5 h1, .txt5 h2, .txt5 h3, .txt5 h4, .txt5 h5, .txt5 h6, .txt5 p{font-size:24px  !important;}
.txt6 h1, .txt6 h2, .txt6 h3, .txt6 h4, .txt6 h5, .txt6 h6, .txt6 p{font-size:28px  !important; }
.txt7 h1, .txt7 h2, .txt7 h3, .txt7 h4, .txt7 h5, .txt7 h6, .txt7 p{font-size:34px  !important; }
.txt8 h1, .txt8 h2, .txt8 h3, .txt8 h4, .txt8 h5, .txt8 h6, .txt8 p{font-size:40px  !important; }
.txt9 h1, .txt9 h2, .txt9 h3, .txt9 h4, .txt9 h5, .txt9 h6, .txt9 p{font-size:50px  !important; }

.bigtxt1 h1, .bigtxt1 h2, .bigtxt1 h3, .bigtxt1 h4, .bigtxt1 h5, .bigtxt1 h6, .bigtxt1 p{font-size:300px !important; font-family: 'Playfair Display Bold' !important;}

.twk h1, .twk h2, .twk h3, .twk h4{font-family: TWK Everett !important;}

.elementor-nav-menu a{color:#fff !important; font-size:20px !important; font-family:NeueHaasGroteskDisplayRoman !important}

.elementor-item:not(:hover):not(:focus):not(.highlighted):after {
    opacity:1 !important; 
    background-color:#fff !important;
    width:0 !important;
}
.current-menu-item a{color:#dfc4ac !important}
.current-menu-item a:after{display:none !important}
.current-menu-item a{pointer-events: none; cursor: default;}

.e--pointer-underline .elementor-item:after{width:100% !important; background-color:#fff !important}

.but1 a{
    border: 0 !important;
    background-color: #B55434 !important;
    border-radius: 30px !important;
    padding: 9px 25px !important;
    color: #fff !important;
}
.but2 a{
    background-color: transparent !important;
    border-radius: 30px !important;
    padding: 9px 25px !important;
    color: #000 !important;
}
.wbut2 a{
    background-color: #fff !important;
    border-radius: 30px !important;
    padding: 9px 25px !important;
    color: #000 !important;
}

.but1 a:hover{
    background-color: #000000 !important;
    color: #fff !important;
}

.but2 a:hover{
    color: #B55434 !important;
    border-color: #B55434 !important;

}
.wbut2 a:hover{
    background-color: #B55434 !important;
}

.but3 a{
    border: 0 !important;
    background-color: transparent !important;
    padding: 9px 0px !important;
    color: #000000 !important;
}
.but3 a .elementor-button-content-wrapper{transition-duration: 0.3s;}
.but3 a:hover .elementor-button-content-wrapper{gap:14px !important; transition-duration: 0.3s;}

.rad1, .rad1 img, .rad1 iframe, .rad1 .e-con-inner{border-radius:8px !important; overflow:hidden !important}
.rad2, .rad2 img{border-radius:12px !important}

input[type="submit"] {
    border: 0 !important;
    background-color: #B55434 !important;
    border-radius: 30px !important;
    padding: 12px 25px !important;
    color: #fff !important;
}
input[type="submit"]:before {content:"\e600"; font-family: 'themify';position:absolute }

input[type="email"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="date"], input[type="url"], textarea, select, .select2-container--default .select2-selection--single{
    background-color: #fff !important;
    border: 0px solid #000 !important;
    border-radius: 30px !important;
    
    width: 100% !important;
    
    padding: 12px 20px !important;
    color:#000 !important;
}
.one{display:flex !important; justify-content: center;align-items: flex-start;}
/*
form .button:not(.-outlined):not(.-text):not(.-flat):not(.wc-forward:first-child), a.button:not(.-outlined):not(.-text):not(.-flat):not(.wc-forward:first-child), .product-item.-type1 a.added_to_cart:not(.-outlined):not(.-text):not(.-flat), input[type="submit"]{
    background:none !important;
    font-family:IvyPresto Display Light !important;
    text-transform: uppercase !important;
    color:#000 !important;
    font-size: 20px !important;
}*/
.button:not(.-outlined):not(.-flat):not(.-text):not(.-primary):not(.-pagination):not(.elementor-button[type=submit]):hover{color:#fff !important}


.cianiform{max-width:760px !important; }
.cianiform input[type="text"], .cianiform input[type="email"], .cianiform input[type="tel"] {max-width:500px !important}
textarea{height:unset !important}
.res{padding-left:80px !important; padding-right:80px !important}
.contact-form .wpcf7-form-control-wrap:not([data-name^="checkbox"]), .subscribe-form .wpcf7-form-control-wrap:not([data-name^="checkbox"]){margin:10px !important}

.res span.wpcf7-form-control-wrap{width:180% !important}

.res2{justify-content: flex-start !important; align-items: left !important; padding-left:40px !important}




.real-box .owl-dot.active{width: 30px !important; border-radius: 9px !important; transition-duration: 0.3s !important;}
.real-box .owl-dot {transition-duration: 0.3s !important;}
.real-box .owl-dots{position:absolute !important; bottom:40px !important; left:40px !important}

.real-box .uc_fbps_content {position:absolute !important; bottom:40px ; right:40px ; display:flex !important}

.real-box .uc_fbps_container_desc{display: flex; align-content: center; flex-wrap: wrap;}

.real-box .ue-btn{margin-top:0 !important; margin-left:30px !important}

.qodef-qi-contact-form-7 .wpcf7-form-control-wrap{margin:8px !important}

.col1{display:flex !important;flex-direction: column; align-items: flex-start; margin-left:15px !important;margin-top: 8px !important;}

.col1 .wpcf7-form-control-wrap{margin:0px !important}

.col1 .wpcf7-list-item{margin:0 !important; margin-top:12px !important; width: 45% !important;}

.qodef-qi-contact-form-7 label {
    margin-bottom: 0;
    display: flex;
    font-size: 11px !important;
    line-height: 14px !important;
}    
.col1  input[type=checkbox]{margin-right:8px !important}

/*
.col1 input[type="checkbox"] {
    appearance: none !important;
    -webkit-appearance: none !important;
    display: flex !important;
    align-content: center !important;
    justify-content: center !important;
    font-size: 14px !important;
    padding: 10px !important;
    border: 1px solid rgb(114, 114, 114) !important;
    border-radius: 50% !important;
    background-color: rgb(255, 255, 255) !important;
  }
  
  .col1 input[type="checkbox"]::before {
    content: "" !important;
    width: 1.4rem !important;
    height: 1.4rem !important;
    clip-path: polygon(20% 0%, 0% 20%, 30% 50%, 0% 80%, 20% 100%, 50% 70%, 80% 100%, 100% 80%, 70% 50%, 100% 20%, 80% 0%, 50% 30%) !important;
    transform: scale(0) !important;
    background-color: green !important;
  }
  .col1 input[type="checkbox"]:checked::before {
    transform: scale(1);
  }
  .col1 input[type="checkbox"]:hover {
    color: black;
  }
    
*/

.cianiform2 .wpcf7-form-control-wrap{margin:0 20px 0 0 !important}

.cianiform2 .fless{display:flex !important; }

.cianiform2 .wpcf7-list-item{margin:20px 0 0 0 !important}

.cianiform2 .wpcf7-submit {height:min-content !important}

.cianiform2 input[type="checkbox"]{margin-right:10px !important}

.grey{filter:grayscale(1)}


.elementor-nav-menu--layout-horizontal .elementor-nav-menu>li ul {
    top: 60px !important;
}
.elementor-nav-menu--dropdown{background-color:#000 !important}

.fa-caret-down::before {content: "\f078" !important;}


.main-footer .menu-item a {color:#000 !important; font-size:20px !important; text-transform:uppercase !important ;font-family: 'NeueHaasGroteskDisplayMedium' !important;padding: 0px 0 7px 0 !important;}
.main-footer a:hover{color:#B55434 !important}

.loop-m .elementor-loop-container .e-loop-item {width:calc(25vw - 30px) !important;}
.loop-m .elementor-loop-container .e-loop-item:nth-child(2) {width:calc(50vw - 48px) !important;}
.loop-m .elementor-loop-container .e-loop-item:nth-child(7) {width:calc(50vw - 48px) !important;}

.eicon-close, .dialog-close-button i{color:#fff !important}

.elementor-button-text{font-weight:300 !important}

.loghi{filter:grayscale(1) !important}
.loghi img{height:100px !important; width:auto !important}

.over1:before{display:none !important}

.over1{filter:brightness(1) !important;transition-duration: 0.3s  !important;}
.over1:hover{filter:brightness(0.9) !important; transition-duration: 0.3s  !important;}


.ue_ico_title_text_holder{display:flex !important}

.uc_icon_carousel_title{ font-family: TWK Everett !important; padding-right: 80px !important; width: 100% !important;}
.txt1 h2 {font-size:35px !important; font-weight:300 !important; display:flex !important}
.txt1 h2 b{margin-right:20px;  font-weight:300 !important}
.uc_icon_carousel_text{margin-top:0 !important}

.topbox .ue_ico_title_text_holder{display:block !important; padding-right:60px !important}

.topbox .uc_icon_carousel_title a, .topbox .uc_icon_carousel_title{display: flex !important; flex-wrap: wrap !important; margin-left:30px; padding-right: 0px !important;color:#000 !important}
.topbox .uc_icon_carousel_title a:hover, .topbox .uc_icon_carousel_title:hover{color:#3685b2 !important}
.topbox .uc_icon_carousel_title a b, .topbox .uc_icon_carousel_title b{margin-left:-30px !important; font-weight: 300 !important; margin-bottom:5px }
.topbox .uc_icon_carousel_content{padding:0 !important}

.main-footer p{margin:0 !important}









/**********************    RESPONSIVE  *****************************/

@media(max-width:480px) {

    .ue_ico_title_text_holder{display:block !important}

    .uc_icon_carousel_title{ padding-right: 0px !important; width: 100% !important;}
    .txt1 h2 {font-size:25px !important; margin-bottom:20px !important}
    .txt1 h2 b{margin-right:10px !important; flex-direction: column !important}
    .uc_icon_carousel_text{margin-top:0 !important}



    .txt2 h1, .txt2 h2, .txt2 h3, .txt2 h4, .txt2 h5, .txt2 h6, .txt2 p, .txt2 a{font-size:14px  !important;}
    .txt6 h1, .txt6 h2, .txt6 h3, .txt6 h4, .txt6 h5, .txt6 h6, .txt6 p{font-size:20px  !important; }
    .txt7 h1, .txt7 h2, .txt7 h3, .txt7 h4, .txt7 h5, .txt7 h6, .txt7 p{font-size:28px  !important; }
    .txt8 h1, .txt8 h2, .txt8 h3, .txt8 h4, .txt8 h5, .txt8 h6, .txt8 p{font-size:30px  !important; }

    .bigtxt1 h1, .bigtxt1 h2, .bigtxt1 h3, .bigtxt1 h4, .bigtxt1 h5, .bigtxt1 h6, .bigtxt1 p{font-size:200px !important; }

    .real-box .uc_fbps_content {bottom:20px ; right:0; margin:20px !important; border-radius:10px !important; padding:15px !important}
    .res span.wpcf7-form-control-wrap{width:100% !important}
    .res{padding-left:0px !important; padding-right:0px !important}
    .one {flex-direction: column; }
    .qodef-qi-contact-form-7 .wpcf7-form-control-wrap {margin: 8px 20px 8px 0  !important;}
    .col1 .wpcf7-list-item {width: 100% !important; }
    .col1 {
        display: flex !important;
        flex-direction: column-reverse;
        align-items: flex-start;
        margin-left: 0px !important;
        margin-top: 8px !important;
    }
    .col1 .wpcf7-form-control-wrap {margin: 0 0 15px 0 !important;    }
    .cianiform2 .wpcf7-submit  {margin:8px 0 !important}

    .real-box .owl-dots{display:none !important}

    .nobr br{display:none !important}
}