@font-face{font-family:segoe;src:url(../fonts/segoe.ttf)}

@font-face{font-family:segoe-bold;src:url(../fonts/segoe-bold.ttf)}

@font-face{font-family:calibri;src:url(../fonts/Calibri.ttf)}

@font-face{font-family:calibri-bold;src:url(../fonts/calibri-bold.ttf)}

@font-face{font-family:BebasNeue-Regular;src:url(../fonts/BebasNeue-Regular.ttf)}

@font-face{font-family:BebasNeue-Bold;src:url(../fonts/BebasNeue-Bold.ttf)}

@font-face{font-family:quicksand-regular;src:url(../fonts/quicksand-regular.otf)}

@font-face{font-family:quicksand-italic;src:url(../fonts/quicksand-italic.otf)}

@font-face{font-family:quicksand-bold;src:url(../fonts/quicksand-bold.otf)}

@font-face{font-family:century-gothic;src:url(../fonts/century-gothic.ttf)}

@font-face{font-family:century-gothic-bold;src:url(../fonts/century-gothic-bold.ttf)}

html{overflow-y:scroll;-ms-overflow-style:scrollbar}

html,body{height:100%!important}

body{font-family:segoe;font-size:18px;color:#3f3e3e;line-height:1.4}

h1,h2,h3,h4{font-family:BebasNeue-Regular;letter-spacing:2px}

h3{font-size:50px;margin:0}

p{font-size:inherit}

.pos-rltv{position:relative}

.dsp-flx{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;flex-wrap:wrap}

#header-sticky{position:fixed;top:0;left:0;right:0;width:100%;z-index:9999;background:#fff;border:0;border-bottom:5px solid #bbe343;padding:0 15px;border-radius:0}

#header-sticky .nav-logo-wrap.navbar-brand{margin-left:0;height:auto;padding:0}

.nav-logo-wrap .logo{max-width:300px}

.nav-logo-wrap .logo,.nav-logo-wrap a.logo{font-size:30px;letter-spacing:2px;font-family:segoe-bold;text-transform:capitalize!important;display:block}

.inner-nav ul li{margin:0}

.inner-nav ul li:first-child{margin-left:0}

#header-sticky .inner-nav ul li a{font-family:BebasNeue-Regular;font-size:20px;color:#040404}

.nav-logo-wrap .logo span.higl{color:#040404!important}

#header-sticky.transparent .inner-nav > ul > li > a{text-shadow:0 0 10px rgba(0,0,0,0.5);color:#fff}

nav#header-sticky.transparent{background:transparent}

nav#header-sticky.transparent .nav-logo-wrap .logo span.higl{color:#fff!important}

#header-sticky .inner-nav > ul > li > a{height:auto!important;line-height:1.3!important;padding:14px 22px 18px;position:relative;cursor:pointer}

#header-sticky .nav-logo-wrap .logo{height:auto!important;display:block;line-height:1}

#header-sticky.transparent .nav-logo-wrap .logo{color:#fff}

.nav-logo-wrap{float:left;margin-right:0;margin-top:7px}

#header-sticky.transparent{transition:all 500ms ease;-webkit-transition:all 500ms ease}

#header-sticky .inner-nav ul li.active a,#header-sticky .inner-nav ul li > ul li a{background:#ecf7ca!important}

.inner-nav .dropdown-menu a:after{position:absolute;right:-2px;width:2px;z-index:2;background:#000;height:15px;content:"";top:0;bottom:0;margin:auto}

#header-sticky .inner-nav .dropdown-menu li.item-bx + li a:after,#header-sticky .inner-nav .dropdown-menu li:nth-child(2) a:after{display:none}

.search-box{position:absolute;width:100%;background:#ecf7ca;left:0;top:0;z-index:55;padding:5px;display:none}

.search-box input[type=text]{height:45px;background:#fff;border:1px solid #ddd;width:100%;padding:10px;font-family:BebasNeue-Regular;font-size:20px}

.sumt-box{position:absolute;top:0;right:20px;width:60px;height:100%;z-index:55;font-size:20px;display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-align:center;-webkit-align-items:center;-webkit-box-align:center;align-items:center}

.sumt-box input{position:absolute;width:100%;height:100%;z-index:55;opacity:0;left:0;top:0}

.cross-btn{position:absolute;z-index:55;top:38%;transform:rotate(-45deg) translateY(-50%);right:0;font-size:25px;opacity:.6;cursor:pointer}

.sumt-box i{margin:auto}

span.caret{color:#106fdc;border-top:10px solid;border-left:8px solid transparent;border-right:8px solid transparent}

#header-sticky li.item-bx > a{border-left:2px solid #fff;color:#106fdc}

#header-sticky li.item-bx > a:after{background:#106fdc;display:none}

#header-sticky.transparent .inner-nav ul li.active a{background:transparent!important}

#header-sticky .inner-nav ul li > ul{background:transparent;padding:0;min-width:560px;top:108%;box-shadow:none;border:0}

#header-sticky .inner-nav ul li > ul a{padding:13px 20px!important}

.inner-nav{margin-left:auto}

.banner-sec{height:100vh;padding:20px 0;position:relative;background:url(../images/perricone_banner.jpg) no-repeat center center;background-size:cover;min-height:500px;background-attachment:fixed}

.banner-sec > div{transform:translateY(-50%);-webkit-transform:translateY(-50%);top:50%;position:absolute;width:100%;left:0;right:0;z-index:55;text-align:center}

.banner-sec h1{color:#fff;font-size:120px;margin:0;text-shadow:5px 5px 20px rgba(0,0,0,0.5),-5px -5px 20px rgba(0,0,0,0.5);line-height:1}

.banner-sec p{font-size:30px;color:#fff;margin:0;line-height:1.1;letter-spacing:2px;text-shadow:5px 5px 20px rgba(0,0,0,0.5),-5px -5px 20px rgba(0,0,0,0.5)}

#about{background:#dfdfdf}

#about h4{font-family:calibri-bold;font-size:18px;color:#050505;line-height:1.2;margin:0 0 10px;padding:0}

.author-box{text-align:center}

.author-box > img{width:128px;display:block;margin:auto}

#about .author-box h3{position:static;top:0;right:0;background:transparent url(../images/award_icon.png) no-repeat scroll center center;text-align:center;padding:30px 0;font-size:17px;line-height:21px;font-family:segoe-bold;margin-top:50px}

.author-box h3 span{color:#000;display:block;line-height:1;padding:0 0 5px;font-weight:500;font-size:11.52px}

.flex-direction-nav{position:absolute;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);z-index:555;left:0;right:0;padding:0}

.flexslider button.slick-prev.slick-arrow{left:30px!important}
.flexslider .slick-next.slick-arrow{right:30px!important}

.flexslider .slick-arrow{ top:50%; width:50px; height:80px;font-size:0;background:url(../images/prev.png) no-repeat center center;background-size:40px auto;opacity:1!important}
.flexslider .slick-arrow{
	outline: none;
}
.flexslider .slick-arrow:before{display:none}

.flexslider .slick-next.slick-arrow{background:url(../images/next.png) no-repeat center center;background-size:40px auto}

.flexslider{border:0;margin:0}

#gallery{padding:100px 0 0}

.mt-btm-50{margin-bottom:50px}

.design-bx{margin-top:30px}

.design-bx h5{cursor:pointer}

#gallery .flexslider .slides img{object-fit:cover; min-height: 300px;}

.popup-prodct{position:absolute;background:#e0e0e0;padding:20px 0 40px;top:0;left:0;width:100%;z-index:999;margin: 20px 0 0 0;}

h4.prodct-head{font-size:37px;text-align:center;font-family:century-gothic-bold;color:#8bb50e}

h4.prodct-head small{font-size:65%;font-family:century-gothic}

.popup-prodct .design-bx h5{font-size:25px;text-align:center;letter-spacing:1px;font-family:century-gothic}

.popup-prodct .design-bx > img{max-height:180px;display:block;margin:auto}

.close-btn{position:absolute;font-size:50px;right:5px;transform:rotate(-45deg);font-family:century-gothic;font-weight:400;top:0;cursor:pointer}

#quill-and-palette-gift-shoppe{position:relative;overflow:visible;z-index:999;background:#f8f8f8}

.slick-arrow{position:absolute;z-index:555;top:65%;transform:translateY(-50%);font-size:0;background:transparent;border:0}

.slick-arrow::before{font-weight:900;font-size:50px;color:#333;font-family:FontAwesome;font-style:normal;content:"\f104"}

.slick-next.slick-arrow:before{content:"\f105"}

.slick-next.slick-arrow{right:-0px}

.slick-prev.slick-arrow{left:-0px}

.popup-prodct{display:none}

.slick-slider{display:none}

.slick-initialized.slick-slider{display:block}

.algn-mdl{max-width:500px;text-align:left;margin:50px auto 0}

.algn-mdl li{display:block;font-size:18px}

.algn-mdl li a{color:#000;font-family:quicksand-italic}

.algn-mdl li a span{font-family:quicksand-bold;display:block}

.mt-30{margin-top:30px}

.ls-pericon{right:-150px;position:absolute;max-width:150px;top:0}

.text-center.pad-20 {
    text-align: right;
    margin-top: -10px;
}
.text-center.pad-20 img {
    max-width: 250px;
}

@media (max-width: 1199px) {

body{font-size:16px}

h3{font-size:40px}

#header-sticky .inner-nav > ul > li > a{font-size:16px;padding:16px 17px}

.nav-logo-wrap{margin-top:10px}

.banner-sec h1{font-size:100px}

.banner-sec p{font-size:20px}

.popup-prodct .design-bx h5{font-size:20px}

nav#header-sticky{padding:0 20px}

.nav-logo-wrap .logo,.nav-logo-wrap a.logo{font-size:26px}

}

@media (max-width: 1024px) {

.navbar-header{float:none}

.navbar-toggle{display:block}

.navbar-collapse.collapse{display:none!important}

.navbar-collapse.collapse.in{display:block!important}



#header-sticky li.item-bx > a{border-left:0}

.navbar-nav>li{float:none}

div#navbar{position:static}

nav#header-sticky{padding:0}

.navbar-header{margin:0!important}

nav#header-sticky button.navbar-toggle{background:transparent;color:#fff;border-radius:0;border:0;
	padding:0!important;margin-top:20px!important;margin-right:0; position: relative;
    z-index: 99999;}

nav#header-sticky button.navbar-toggle .icon-bar{height:3px;border-radius:0;background:#000}

nav#header-sticky.transparent button.navbar-toggle .icon-bar{background:#fff}

div#navbar ul.nav.navbar-nav{float:none!important;position:absolute;top:107%;background:rgba(255,255,255,.90);left:0;width:100%;height:70vh;overflow-y:auto;min-height:350px;max-height:550px}

div#navbar ul.nav.navbar-nav li{display:block;float:none}

#header-sticky div#navbar ul.nav.navbar-nav li a{display:block;text-shadow:none;text-align:left;color:#040404}

div#navbar ul.nav.navbar-nav > li:last-child > a{border-bottom:0}

#header-sticky div#navbar.inner-nav ul li.active a,#header-sticky div#navbar.inner-nav ul li > ul li a{background:#ecf7ca!important;color:#040404}

#header-sticky{padding:12px 0}

#header-sticky .full-wrapper.relative.clearfix{position:static;margin:0}

#header-sticky .inner-nav ul > li > a{padding:15px 20px;color:#040404;text-shadow:none;font-size:18px;border-bottom:1px solid #ccc}

#header-sticky .inner-nav .dropdown-menu{position:relative;width:100%;float:none;min-width:auto;box-sizing:border-box}

#header-sticky .inner-nav .dropdown-menu li,#header-sticky .inner-nav ul > li{display:block;float:none}

.nav-logo-wrap{margin-top:13px;margin-bottom:13px}

.mobile-on ul{background:rgba(255,255,255,0.97)}

.main-nav.mobile-on.white .inner-nav{padding:0 20px}

}

@media (max-width: 991px) {

.banner-sec h1{font-size:80px}

.ls-pericon{position:static;margin:10px auto 30px}

.col-sm-6.contact-item{float:left;width:50%}

}

@media (max-width: 767px) {

.designs > .col-sm-3{width:50%}

h4.prodct-head small{display:block}

.pro-slider .row{margin:0}

.popup-prodct{position:fixed;padding:50px 0 40px;top:62px;height:100%;overflow:auto}

section{padding:100px 0}

}

@media (max-width: 480px) {

body{font-size:15px}

h3{font-size:30px;line-height:1.2}

.banner-sec h1{font-size:50px}

.banner-sec p{font-size:16px}

.author-box{text-align:center}

.flex-direction-nav a{width:30px;height:50px;background-size:25px!important}

.nav-logo-wrap .logo,.nav-logo-wrap a.logo{font-size:25px}

.designs > .col-sm-3{width:50%}
.flexslider button.slick-prev.slick-arrow {
    left: 10px!important;
}
.flexslider .slick-next.slick-arrow {
    right: 10px!important;
}

.flexslider .slick-next.slick-arrow,
.flexslider button.slick-prev.slick-arrow {
	background-size: 30px auto;
}
.flexslider .slick-arrow{
	height: 50px;
}

}