/* Fonts
--------------------------------------------------------------------------------------- */

/* Light - 300 */
@font-face {
    font-family: 'Gilroy';
    src: url('fonts/radomir_tinkov_-_gilroy-light-webfont.woff2') format('woff2'),
         url('fonts/radomir_tinkov_-_gilroy-light-webfont.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

/* Light Italic - 300 */
@font-face {
    font-family: 'Gilroy';
    src: url('fonts/radomir_tinkov_-_gilroy-lightitalic-webfont.woff2') format('woff2'),
         url('fonts/radomir_tinkov_-_gilroy-lightitalic-webfont.woff') format('woff');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

/* Regular - 400 (if you have it, recommended) */
@font-face {
    font-family: 'Gilroy';
    src: url('fonts/radomir_tinkov_-_gilroy-regular-webfont.woff2') format('woff2'),
         url('fonts/radomir_tinkov_-_gilroy-regular-webfont.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

/* Semibold - 600 */
@font-face {
    font-family: 'Gilroy';
    src: url('fonts/radomir_tinkov_-_gilroy-semibold-webfont.woff2') format('woff2'),
         url('fonts/radomir_tinkov_-_gilroy-semibold-webfont.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

/* Semibold Italic - 600 */
@font-face {
    font-family: 'Gilroy';
    src: url('fonts/radomir_tinkov_-_gilroy-semibolditalic-webfont.woff2') format('woff2'),
         url('fonts/radomir_tinkov_-_gilroy-semibolditalic-webfont.woff') format('woff');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

/* Bold - 700 */
@font-face {
    font-family: 'Gilroy';
    src: url('fonts/radomir_tinkov_-_gilroy-bold-webfont.woff2') format('woff2'),
         url('fonts/radomir_tinkov_-_gilroy-bold-webfont.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

/* Bold Italic - 700 */
@font-face {
    font-family: 'Gilroy';
    src: url('fonts/radomir_tinkov_-_gilroy-bolditalic-webfont.woff2') format('woff2'),
         url('fonts/radomir_tinkov_-_gilroy-bolditalic-webfont.woff') format('woff');
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

/* Homepage
--------------------------------------------------------------------------------------- */

/* .section-list-wrap li { border-color: #fff; } */
/* .giving-form_wrapper { background-color: #fff; padding: 40px 25px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;} */


body a.button.button-fourth-color, .button-fourth-color a.button, .bg-image a.button.button-fourth-color {background:transparent!important;color:#000000!important;border:2px solid #1264ff!important;box-sizing:border-box!important;padding:16px 28px!important;font-family:'Gilroy',Helvetica,Arial,sans-serif!important;letter-spacing:0!important;border-radius:60px!important;}
.header .button{background:transparent!important;color:#000000!important;border:2px solid #1264ff!important;box-sizing:border-box!important;padding:16px 28px!important;font-family:'Gilroy',Helvetica,Arial,sans-serif!important;letter-spacing:0!important;border-radius:60px!important;}
a.button.button-fourth-color:hover, body .button-fourth-color a.button:hover, .bg-image a.button.button-fourth-color:hover, .panels-bg-covers.button-fourth-color a.button:hover {background:#1264ff!important;color:#ffffff!important;}
.header .button:hover, body a.button.button-fourth-color:hover {background:#1264ff!important;color:#ffffff!important;}
.hero-content a.button.button-fourth-color, .bg-image a.button.button-fourth-color {background:transparent!important;color:#ffffff!important;}
.hero-content a.button.button-fourth-color:hover{background:#1264ff!important;color:#000000!important;}
body .button-fourth-color a.button { background:transparent!important;}
body .hero-content a.button.button-fourth-color:hover, .header .button { color: #fff !important;}

.panels-bg-covers .button-fourth-color a.button { color: #fff !important;}	

.header a.button {line-height: 36px !important;}

.page-hero h2,
.page-hero p,
.page-hero .buttons-center {
  opacity: 0;
}

.home .page-hero { z-index: 1 !important; position: relative !important;}
#SliderTemplates.show-overflow.overflow { overflow: visible !important;}
.home .content { overflow: hidden !important;}

.dots-padding-off .pad-b-80.dots-off { padding-bottom: 0 !important; }

.panels-bg-covers .panel{position:relative;overflow:hidden;}
.panels-bg-covers .panel.pad-40{padding-top:14vh!important;padding-bottom:14vh!important;}
.panels-bg-covers .panel::before{content:"";position:absolute;inset:0;background-size:cover;background-position:center;background-repeat:no-repeat;filter:blur(0);transform:scale(1);transition:filter .4s ease,transform .4s ease;z-index:0;}
.panels-bg-covers .panel:hover::before{filter:blur(8px);transform:scale(1.1);}
.panels-bg-covers .panel>*{position:relative;z-index:1;}
.panels-bg-covers .panel:nth-child(1)::before{background-image:url('../images/circles-01.jpg');}
.panels-bg-covers .panel:nth-child(2)::before{background-image:url('../images/circles-02.jpg');}
.panels-bg-covers .panel:nth-child(3)::before{background-image:url('../images/circles-03.jpg');}

.imageSideBlur{overflow:hidden;}
.imageSideBlur img{transform:scale(1);will-change:transform;}

.panels-bg-covers .circle-number { line-height: 100px; border: 0 !important; color: #000; font-size: 10em; text-align: center; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius:0; width: 100%;}
.panels-bg-covers{ background:linear-gradient(to bottom,#ffffff 0%,#ffffff 50%,#000000 50%,#000000 100%);}

.subtitle { font-family: 'Space Grotesk', Helvetica, Arial, sans-serif !important; line-height: 1.3em !important; font-weight: 400 !important; font-size: 4em !important;}

.custom-wrap .headline { position: relative; z-index: 3;}
.custom-wrap .left {margin-top:-100px;position:relative;z-index:1;}

.headline-title .titles { font-size: 10em !important;}

.split-more .right p { position: absolute; bottom: 0;}

.pre-footer-bg{ background:linear-gradient(to bottom,#ffffff 0%,#ffffff calc(100% - 160px),#1264FF calc(100% - 160px),#1264FF 100%);}
body.gallery-full-page .pre-footer-bg{background:linear-gradient(to bottom,#000000 0%,#000000 calc(100% - 160px),#1264FF calc(100% - 160px),#1264FF 100%);}
.bottom-split-bg-black {background:linear-gradient(to bottom,#ffffff 0%,#ffffff calc(100% - 160px),#000000 calc(100% - 160px),#000000 100%);}

.content { overflow: hidden !important;}

/* TEMPLATES
--------------------------------------------------------------------------------------- */

.grid-flex-templates { display:flex; flex-wrap:wrap; column-gap:60px; row-gap:60px; justify-content:center; }
.grid-flex-templates > .panel { flex:0 0 calc((100% - (2 * 60px)) / 3) !important; max-width:calc((100% - (2 * 60px)) / 3) !important; position:relative; overflow:hidden; background-image:url('../images/bg-panel-collection.jpg'); background-size:cover; background-repeat:no-repeat; background-position:center center; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; }

.template-content { position:relative; width:100%; height:100%; }
.template-image-wrap { position:relative; overflow:hidden; }
.template-image-inner { transition:filter .35s ease, transform .35s ease; }
.template-image { width:60%; margin:0 auto; height:auto; display:block; -webkit-border-radius:0 !important; -moz-border-radius:0 !important; border-radius:0 !important; }
.template-view-template { position:absolute; inset:0; display:flex; align-items:center; justify-content:center; opacity:0; pointer-events:none; transition:opacity .35s ease; z-index:2; }
.template-image-wrap:hover .template-image-inner { filter:blur(10px); transform:scale(1.02); }
.template-image-wrap:hover .template-view-template { opacity:1; pointer-events:auto; }

.template-button { background:#ffffff; color:#000000; padding:14px 28px; border-radius:999px; text-decoration:none; font-weight:600; font-size:14px; }

.template-meta { position:absolute; z-index: 10;  left:96px; bottom:0px;  transform:rotate(-90deg) translateY(-50%); transform-origin:left center; white-space:nowrap; }
.template-meta-title { margin:0; font-size:clamp(1.5rem, 1.25rem + 0.8vw, 2.25rem); line-height:1; }
.template-meta-subtitle {  font-size: clamp(0.875rem, 0.8333rem + 0.1333vw, 1rem); opacity:.85; margin: 2px 0 0 0 !important; }

.template-demo { position:absolute; z-index: 10; right:10px; bottom:78px;  display:flex; align-items:center; gap:10px; transform:rotate(-90deg); text-decoration:none !important; white-space:nowrap; }
.template-demo img { width:18px; height:auto; }
.template-demo h3 { margin:0; font-size:14px; font-weight:600;}
.template-demo:hover h3 { text-decoration:none !important; color: #444 !important;}

.hide-footer-cta #section-10 { display: none !important; }	


/* CLIENTS
--------------------------------------------------------------------------------------- */

.clients-grid{display:flex;flex-wrap:wrap;}
.clients-grid .panel{padding:50px 4%;box-sizing:border-box;border-right:1px solid #ddd;border-bottom:1px solid #ddd;-webkit-border-radius:0!important;-moz-border-radius:0!important;border-radius:0!important;}
@media (max-width:501px){.clients-grid .panel{padding: 20px 15px;}}


/* COLLECTION
--------------------------------------------------------------------------------------- */

.small-titles.exp-title { font-size: 16px !important;}
.collection-hero{
	background: #FFFFFF;
	background: -webkit-linear-gradient(0deg, rgba(255, 255, 255, 1) 5%, rgba(238, 238, 238, 1) 44%);
	background: -moz-linear-gradient(0deg, rgba(255, 255, 255, 1) 5%, rgba(238, 238, 238, 1) 44%);
	background: linear-gradient(0deg, rgba(255, 255, 255, 1) 5%, rgba(238, 238, 238, 1) 44%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFF", endColorstr="#EEEEEE", GradientType=0);	
}
.collection-image { width: 80%; max-width: 1040px; margin: 0 auto;}
.bg-collection { font-size: 20vw; }
.collection-content .left { width: 68%; padding-right: 5%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}
.collection-content .right { width: 25%;}
.collection-content p { margin: 0 !important;}
.collection-content .titles { line-height: .9em !important;}

.demo-iframe-stage{width:100%;overflow:hidden;}
.demo-iframe-wrap{width:100%;position:relative;overflow:hidden; max-height:650px;height:650px;}
.demo-iframe-inner{transform-origin:left top;}
.demo-iframe-inner iframe{border:0;display:block;}
.demo-btn.is-active{opacity:.6;pointer-events:none;}

.demo-iframe-wrap{background:#ccc;}
.iframe-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;z-index:5;pointer-events:none;}
.spinner{width:40px;height:40px;border:3px solid rgba(0,0,0,.15);border-top-color:#000;border-radius:50%;animation:spin 1s linear infinite;}
@keyframes spin{to{transform:rotate(360deg);}}
.demo-iframe-inner{position:relative;z-index:10;}

.marquee-wrap{width:100vw;overflow:hidden;position:relative;opacity:0;}
.marquee{width:100%;overflow:hidden;white-space:nowrap;display:flex;justify-content:center;}
.marquee-item{display:inline-block;white-space:nowrap;will-change:transform;}
.marquee-wrap h2{opacity:0;transition:opacity 1.2s cubic-bezier(.22,1,.36,1); font-weight: 300;}
.marquee-wrap h2 span { font-weight: 700 !important;}
.marquee-left .marquee-item{animation:marqueeLeft 60s linear infinite;animation-delay:1s;}
.marquee-right .marquee-item{animation:marqueeRight 90s linear infinite;animation-delay:1.5s;}
@keyframes marqueeLeft{0%{transform:translateX(100vw);}100%{transform:translateX(-100vw);}}
@keyframes marqueeRight{0%{transform:translateX(-100vw);}100%{transform:translateX(100vw);}}

.icon-sizer { display:flex; justify-content:space-between; align-items:center; width:106px; margin:0 auto; }
.btn-icon { width:48px; height:48px; display:flex; align-items:center; justify-content:center; line-height:0; }
.btn-icon svg { display:block; }

/* Desktop icon (1st) */
.btn-icon:nth-child(1) svg { width:31px; height:26px; }

/* Mobile icon (2nd) */
.btn-icon:nth-child(2) svg { width:18px; height:30px; }

.icon-post img{filter:invert(100%);width:100%;max-width:120px;margin:0 auto;}

.collection-thumbnail a { display: block;}
.collection-thumbnail a.hover-thumbnail { display: block; position: absolute; top: 0; left: 0; z-index: 1;}
.main-thumbnail { position: relative; z-index: 2;}
.collection-thumbnail:hover a.hover-thumbnail { z-index: 4 !important;}

.price-subtitle { font-size:1.8em; color: #888; margin-top: 8px; font-weight: 400 !important;}
.price-card-content ul { border-top: 1px solid #ddd; }
.price-card-content ul li { font-size: 1.8em; text-align: center; border-bottom: 1px solid #ddd; padding: 8px 0;}
.single-pc .button-wrapper { width: 100%; position: absolute; bottom: 60px; left: 0; z-index: 3;}

.design-screenshot { width:100%; height: 75vh; overflow: auto; padding: 0;}
.design-screenshot-wrap h3 { position: absolute; left: -160px; top: 50%; z-index: 5; font-size: 14px !important; }
.design-screenshot-wrap h4.second { position: absolute; right: -160px; top: 50%; z-index: 5; font-size: 14px !important; }

.coming-soon { position: absolute; top: 40px; right: 0; z-index: 999; background: red; color: #fff; text-align: left !important; padding: 12px 30px; font-size: 1.8em; -webkit-border-top-left-radius: 40px; -webkit-border-bottom-left-radius: 40px; -moz-border-radius-topleft: 40px; -moz-border-radius-bottomleft: 40px; border-top-left-radius: 40px; border-bottom-left-radius: 40px; }

.section.width-600 { max-width: 600px;}
.receipt-details { border-top: 4px solid #000; }
.order-summary { font-size: 1.6em; width: 100%; margin-top: 20px; display: flex; flex-direction: column; }
.order-summary-row { display: flex; width: 100%; align-items: center; border-bottom: 1px solid #ddd; }
.order-summary dt, .order-summary dd { padding: 4px 0; margin: 0; word-wrap: break-word; vertical-align: top; font-family: 'proxima-nova', sans-serof;}
.order-summary dt { flex: 1; font-weight: bold; vertical-align: top; }
.order-summary dd { flex: 1; text-align: right; vertical-align: top; }
.total-row { border: 0; text-align: right; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}

.hide-880 { display: block !important;}
.show-880 { display: none !important;}
.rotate-2 { -moz-transform: rotate(90deg);	-webkit-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); }


/* PAGINATION
--------------------------------------------------------------------------------------- */

.pagination-wrap { display:flex; justify-content:center; }
.pagination-wrap .page-numbers { display:flex; align-items:center; padding:10px; border-radius:999px; background:#fff; box-shadow:0 10px 30px rgba(0,0,0,0.08); margin:0 4px; }
.pagination-wrap a { width:30px; height:30px; display:flex; align-items:center; justify-content:center; border-radius:50%; font-size:15px; font-weight:600; text-decoration:none; color:#1264FF; background:#fff; box-shadow:0 6px 16px rgba(18,100,255,0.18); transition:all 0.2s ease; }
.pagination-wrap span { width:30px; height:30px; display:flex; align-items:center; justify-content:center; border-radius:50%; font-size:15px; font-weight:600; color:#1264FF; background:#fff; box-shadow:0 6px 16px rgba(18,100,255,0.18); }
.pagination-wrap a:hover { background:#1264FF; color:#fff; }
.pagination-wrap .current { background:#1264FF; color:#fff; box-shadow:0 8px 20px rgba(18,100,255,0.35); }
.pagination-wrap .prev { font-size:0; }
.pagination-wrap .next { font-size:0; }
.pagination-wrap .prev:before { content:''; display:block; width:8px; height:8px; border-top:2px solid #1264FF; border-right:2px solid #1264FF; transform:rotate(-135deg); }
.pagination-wrap .next:before { content:''; display:block; width:8px; height:8px; border-top:2px solid #1264FF; border-right:2px solid #1264FF; transform:rotate(45deg); }
.pagination-wrap a:hover.prev:before { border-color:#fff; }
.pagination-wrap a:hover.next:before { border-color:#fff; }


/* Secondary Pages
--------------------------------------------------------------------------------------- */

.page-template-page-website-form .header-wrapper { display: none !important;}

.get-started-step{max-width:900px;margin:0 auto}
.get-started-step label{display:block;margin:30px 0 10px;font-size:1.6em;font-weight:600;color:#111111;font-family:'Gilroy',Helvetica,Arial,sans-serif}
.get-started-step .required{color:#3cb54a;font-weight:700}

.gs-input{width:100%;max-width:650px;margin:30px auto 0;padding:22px 36px 22px 30px;font-size:2.4em;font-weight:600;background:#ffffff;border:1px solid #e2e2e2;border-radius:999px;box-shadow:0 6px 18px rgba(0,0,0,0.08);font-family:'Gilroy',Helvetica,Arial,sans-serif;display:block;transition:box-shadow .25s ease,border-color .25s ease; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}
.gs-input::placeholder{color:#999999;font-weight:600; font-family:'Gilroy',Helvetica,Arial,sans-serif;}
.gs-input:focus::placeholder{color:#999999}

.get-started-step button{display:block;margin-left:auto;margin-right:auto;float:none!important}

.get-started-wrap{width:100%;text-align:left}

.get-started-dropdown{position:relative;max-width:650px;margin:0 auto;font-family:'Gilroy',Helvetica,Arial,sans-serif!important}

.get-started-trigger{width:100%;padding:22px 36px 22px 30px;font-size:2.4em;font-weight:400;background:#ffffff;border:1px solid #e2e2e2;border-radius:999px;box-shadow:0 6px 18px rgba(0,0,0,0.08);cursor:pointer;display:flex;align-items:center;justify-content:space-between;text-align:left;transition:box-shadow .25s ease,border-color .25s ease; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}
.get-started-trigger:hover{color: #333; box-shadow:0 8px 22px rgba(0,0,0,0.12); text-decoration: none !important;}

.get-started-trigger{user-select:none!important}
.get-started-trigger{-webkit-user-select:none!important}
.get-started-trigger{caret-color:transparent!important}
.get-started-trigger{-webkit-user-modify:read-only!important}

.get-started-trigger:focus{outline:none!important}
.get-started-trigger:focus-visible{outline:none!important}
.get-started-trigger:active{outline:none!important}

.get-started-trigger *{pointer-events:none!important}

.get-started-label{user-select:none}
.get-started-label{color:#111111;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left;font-weight:600;font-family:'Gilroy',Helvetica,Arial,sans-serif!important}
.get-started-label::after{content:none!important}
.get-started-trigger:hover .get-started-label { color: #1264FF;}

.get-started-arrow{width:10px;height:10px;border-right:2px solid #666666;border-bottom:2px solid #666666;transform:rotate(45deg);margin-left:16px;transition:transform .25s ease;flex:0 0 auto}
.get-started-dropdown.is-open .get-started-arrow{transform:rotate(-135deg)}

.get-started-menu{position:absolute;left:0;right:0;top:100%;margin-top:10px;background:#ffffff;border:1px solid #e6e6e6;border-radius:20px;box-shadow:0 16px 40px rgba(0,0,0,0.12);list-style:none;padding:6px 0;max-height:320px;overflow-y:auto;opacity:0;pointer-events:none;transform:translateY(-6px);transition:opacity .25s ease,transform .25s ease;z-index:999}
.get-started-dropdown.is-open .get-started-menu{opacity:1;pointer-events:auto;transform:translateY(0)}

.get-started-option{padding:10px 30px;font-size:1.8em;font-weight:600;color:#111111;cursor:pointer;transition:background-color .2s ease;text-align:left}
.get-started-option:not(:last-child){border-bottom:1px solid #eeeeee}
.get-started-option:hover{background:#f4f4f4}

.get-started-recommendation-inner{display:flex;align-items:flex-start;gap:64px}
.get-started-avatar{flex:0 0 auto;max-width:320px}
.get-started-avatar img{width:100%;max-width:320px;height:auto;display:block;border-radius:50%}
.get-started-recommendation-content{flex:1;padding-top:12px}
.get-started-recommendation-content .titles{margin-top:0;margin-bottom:20px}

a.get-started-clear.button.center{display:none!important}

@media (max-width:900px){
.get-started-recommendation-inner{flex-direction:column;gap:32px}
.get-started-avatar{max-width:100%}
.get-started-recommendation-content{padding-top:0}
}

img.avatar,.avatar .left img{-webkit-border-radius:50%!important;-moz-border-radius:50%!important;border-radius:50%!important}

.get-started-loader{width:100%;text-align:center;margin:60px auto}
.get-started-spinner{width:40px;height:40px;display:inline-block;border:3px solid rgba(0,0,0,.15);border-top-color:#000;border-radius:50%;animation:getstartedspin 1s linear infinite}
@keyframes getstartedspin{to{transform:rotate(360deg)}}

.recommendation-progess{position:relative;display:flex;justify-content:space-between;align-items:center;max-width:500px;margin:0 auto}
.step{font-size:20px;font-family:'Gilroy','proxima-nova',sans-serif;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;background:#e5e5e5;color:#777;z-index:2;border:10px white solid}
.step.inactive{background:#e5e5e5;color:#777}
.step.completed{background:#3cb54a!important;color:#fff!important}
.step.active{background:#1264ff!important;color:#fff!important}

.progess-line-bar{position:absolute;top:50%;left:20px;right:20px;height:4px;background:#e5e5e5;transform:translateY(-50%);z-index:1;border-radius:4px;overflow:hidden}
.progress-fill{display:block;height:100%;width:0%;background:#3cb54a;transition:width .4s ease}

button.button.disabled, button.button.disabled:hover { color: #fff !important; background: #bbb !important;}

/* Pricing
--------------------------------------------------------------------------------------- */

.pricing-grid{display:flex;flex-wrap:wrap;column-gap:60px;row-gap:60px;justify-content:center;}
.pricing-grid>.pricing-panel{flex:0 0 calc((100% - (2 * 60px)) / 3);max-width:calc((100% - (2 * 60px)) / 3);position:relative;overflow:hidden;box-sizing:border-box;}
.pricing-panel{background:#f7f7f7;border-radius:18px;display:flex;box-sizing:border-box;color:#000;}
.pricing-panel.is-featured{background:#111;color:#fff;}
.pricing-inner{position:relative;width:100%;height:100%;display:flex;flex-direction:column;}

.pricing-title{margin:0 0 10px 0;font-size:1.4em;font-weight:600;color:inherit;}
.pricing-price{font-size:2.8em;font-weight:700;margin-bottom:6px;color:inherit;}
.pricing-subtitle{font-size:.95em;opacity:.75;margin-bottom:24px;color:inherit;}
.pricing-panel.is-featured .titles.medium{color:#fff!important;}
.pricing-panel.is-featured .small-titles{color:#fff!important;}
.pricing-panel.is-featured .titles.subtitle{color:rgba(255,255,255,.75);}
.pricing-panel .titles.subtitle { font-size: 2.4em !important;}
.pricing-panel .titles.headline { font-size: clamp(1.875rem, 0.4167rem + 4.6667vw, 6.25rem); !important;}

.pricing-features{flex-grow:1;}
.pricing-features{padding-bottom:40px;}
.pricing-features ul{margin:0;padding:0;list-style:none;}
.pricing-features ol{margin:0;padding:0;list-style:none;}
.pricing-features p{margin:0;padding:0;}
.pricing-features p:has(ul){display:contents;}
.pricing-features p:has(ol){display:contents;}

.pricing-features li{margin-bottom:12px;padding-left:36px;background-image:url('../images/icon-blue-check.png');background-repeat:no-repeat;background-position:left 4px;background-size:18px 18px;font-size:1.8em;line-height:1.4;font-weight:400;color:inherit;}
.pricing-features li:last-child{margin-bottom:0;}

.pricing-ongoing{margin-top:20px;font-size:.9em;opacity:.8;color:inherit;}
.pricing-cta{margin-top:auto;} 

.titles .popular { font-weight: 300 !important; display: none;}

.popular-badge { position: absolute; letter-spacing: 2px; font-family: 'Gilroy', 'proxima-nova', sans-serif; top: 14px; right: 14px; padding: 8px 12px; font-size: 1.6em; font-weight: 700; background: #555; color: #fff;  -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;}


.studio-wrap .image-split { border-radius: 20px 0 0 20px; }

.gform_required_legend,
.hide-header-footer .header,
.hide-header-footer .footer,
.hide-header-footer #section-10,
#field_33_41.ginput_product_price_label {
    display:none;
}

.header-over-no-hero.hide-header-footer .content {margin-top: 0 !important;}

#field_31_3, #field_31_27, #field_31_1, #field_31_29, #field_31_36, #field_31_42, #field_31_43 { position: absolute; top: -9999px; left: -9999px;}

.checkput-logo { max-width: 300px;}

.section.section-1240 { max-width: 1240px;}

.purchase-wrap .left p { font-size: 1.8em; line-height: 1.3em; margin: 16px 0 !important;}

.theme-title { font-size: 4em;}
.checkout-price { border-top: #1264FF 1px solid; border-bottom: #1264FF 1px solid; padding: 20px 0;}

.purchase-wrap .left .titles.medium { line-height: 1em !important;}
.purchase-wrap{align-items:flex-start;}
.purchase-wrap>.left{position:sticky;top:40px;align-self:flex-start;}

.page-template-page-purchase .gsection_title { padding-top: 10px;}
.page-template-page-purchase #field_31_4 .gsection_title { padding-top: 0;}

.image-project-flex{display:flex;flex-wrap:wrap;gap:60px;}
.image-project-flex>.panel{flex:0 0 calc((100% - 60px) / 2);}
.image-project-flex>.panel:nth-child(3){flex:0 0 100%;}
.image-project-flex img{width:100%;height:auto;display:block;}


.service-list{display:flex;justify-content:center;align-items:center;gap:2%;list-style:none;margin:0;padding:0;}
.service-list li{margin:0;padding:0; font-size: 2em; font-family: 'Gilroy', 'proxima-nova', sans-serif;}
.service-list a{display:inline;white-space:nowrap; font-weight: 700;}
.service-list a {text-decoration: none;}

.black-footer .footer { background: #000000 !important;}
.black-footer .footer a:hover {color: #1264ff !important;}
.black-footer .social-media-icons svg:hover {fill: #1264ff !important;}


.page-template-page-purchase-confirmation .content p { font-size: 1.8em !important; line-height: 1.4em !important;}

.order-summary .currency{font-variant-numeric:tabular-nums;font-feature-settings:"tnum";font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace;white-space:nowrap;}
.service-dropdown-mobile{width:100%!important;padding:12px 16px!important;font-size:1.4em!important;background-color:#ffffff!important;border:1px solid #e2e2e2!important;border-radius:6px!important;box-shadow:0 6px 18px rgba(0,0,0,0.08)!important;font-family:'Gilroy',Helvetica,Arial,sans-serif!important;color:#111111!important;line-height:1.2!important;box-sizing:border-box!important;margin:0!important;}
@media (max-width:680px){.service-dropdown-mobile{font-size:1.2em!important;padding:10px 14px!important;margin-left:40px!important;margin-right:40px!important;}}


/* Media Queries
--------------------------------------------------------------------------------------- */


/* Desktops and laptops ----------- */

@media only screen
and (max-height : 1440px) {


}

@media only screen
and (max-height : 1100px) {


}

@media only screen
and (max-height : 900px) {


}

@media only screen
and (max-height : 800px) {


}

@media only screen
and (max-height: 540px) {


}


@media only screen
and (max-width : 2260px) {


}


@media only screen
and (max-width : 2000px) {


}


@media only screen
and (max-width : 1800px) {


}



@media only screen
and (max-width : 1770px) {

	.template-image { width:50%; }

}

@media only screen
and (max-width : 1600px) {

}


@media only screen
and (max-width : 1500px) {

	.template-image { width:45%; }
	.template-meta { left:90px; bottom:4px;  }
	.template-demo { right:5px; bottom:78px;  }


}

@media only screen
and (max-width : 1400px) {

	.template-image { width:55%; }
	.grid-flex-templates > .panel { flex:0 0 calc((100% - 60px) / 2) !important; max-width:calc((100% - 60px) / 2) !important; }
	.template-meta { left:100px; bottom:4px;  }
	.template-demo { right:15px; bottom:78px;  }

}

@media only screen
and (max-width : 1350px) {


}


@media only screen
and (max-width : 1300px) {


}



@media only screen
and (max-width : 1350px) {


}

@media only screen
and (max-width : 1200px) {

	.pre-footer-bg{	background:linear-gradient(to bottom,#ffffff 0%,#ffffff calc(100% - 80px),#1264FF calc(100% - 80px),#1264FF 100%);}


}

@media only screen
and (max-width : 1150px) {


}

@media only screen
and (max-width : 1100px) {

	.template-image { width:45%; }
	.template-meta { left:90px; bottom:4px;  }
	.template-demo { right:5px; bottom:78px;  }
	.hp-process .panel.pad-60 { padding: 30px !important; padding-bottom: 40px !important;}
	.single-collections .panel.pad-lr-60 { padding-left: 0 !important; padding-right: 0 !important;}
	.screen-design.section { width: 76% !important;}

}

@media only screen
and (max-width : 1000px) {

	.single-collections .btn-menu.mobile svg .white { fill: #000 !important;}

	    .service-list {
        display: none !important;
    }

}

@media only screen
and (max-width : 880px) {

	.template-image { width:50%; }
	.template-meta { left:76px; bottom:6px;  }
	.template-demo { right:-4px; bottom:78px;  }

	.hide-880 { display: none !important;}
	.show-880 { display: block !important;}
}


/* iPads (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px) {


}

@media screen and (min-width:320px) and (max-width:780px) and (orientation:landscape) {


}

@media only screen
and (max-width : 501px) and (orientation:portrait)  {
	
	.subtitle {  line-height: 1.3em !important;  font-size: 2.4em !important;}
	.pre-footer-bg{ background:linear-gradient(to bottom,#ffffff 0%,#ffffff calc(100% - 40px),#1264FF calc(100% - 40px),#1264FF 100%); }

	.home .section.pad-t-0.marg-t-160-neg { padding: 0 0 40px 0 !important; margin-top: -100px !important; width: 100% !important;}
	.home .owl-nav, .home .owl-dots, .rotate-2 { display: none !important;}

	.grid-flex-templates{column-gap:20px;row-gap:40px;}
	.grid-flex-templates>.panel{flex:0 0 100%!important;max-width:100%!important;}

	.template-meta { left:71px; bottom:1px;  }
	.template-demo { right:-5px; bottom:70px;  }
	.template-meta-subtitle  { font-size: 1.3em !important;}

	.template-meta{z-index:10;}
	.template-demo{z-index:10;}
	.template-view-template{z-index:30;}

	.template-view-template a.button { max-width: 75%;}
	.custom-wrap .left {margin-top: 0;position:relative;z-index:1;}

	.headline-title .titles { font-size: 3em !important;}

	.split-more .right p { position: relative;}

	.section.section-full { padding-left: 40px !important; padding-right: 40px !important;}

	.collection-content .left { width: 100%; padding-right: 0; border-right: 0;}
	.collection-content .right { width: 100%; margin-top: 30px;}
	.collection-image-wrap { width: 100%; overflow: hidden;}

	.coming-soon { position: absolute; top: 0; padding: 2px 8px; font-size: 1.2em;
	-webkit-border-top-left-radius: 40px;
	-webkit-border-bottom-left-radius: 40px;
	-moz-border-radius-topleft: 40px;
	-moz-border-radius-bottomleft: 40px;
	border-top-left-radius: 40px;
	border-bottom-left-radius: 40px;
	}

	.collection-content .right .titles { text-align: center;}
	.design-screenshot {width:100%;height: 100%;overflow: auto;padding: 0;}

	.purchase-wrap .left { width: 100%; margin-top: 50px; margin-bottom: 20px;}
	.purchase-wrap .right { width: 100%;}

	.purchase-form.pad-tb-40.pad-lr-30 { padding: 20px 5px !important;}

    .page-template-page-website-form .gform_wrapper.gravity-theme .gform_page_footer input,
    .page-template-page-website-form .gform_wrapper.gravity-theme .gform_save_link.button,
    .page-template-page-website-form .gform_wrapper.gravity-theme .gform_previous_button.button {
        width: 100% !important;
        display: block !important;
        margin: 10px 0 0 0 !important; /* Only top margin */
        float: none !important;
    }


	.page-template-page-website-form .bg-grey { padding-top: 78px;}
	.page-template-page-website-form .titles { font-size: 3.2em !important;}
	.purchase-form  .gform_wrapper .gfield--type-section.gfield{margin-top: 18px !important;}

	.titles.headline.size-100 { font-size: 8em !important;}

	.page-template-page-purchase .gform_wrapper .promo .ginput_container_coupon{flex-direction:column!important;}
	.page-template-page-purchase .gform_wrapper .promo input.gf_coupon_code{width:100%!important;}
	.page-template-page-purchase .gform_wrapper .promo #gf_coupon_button{width:100%!important;}

	.grid-flex-templates { display: flex !important; flex-direction: column !important; row-gap: 40px !important; column-gap: 0 !important; }
    .grid-flex-templates > .panel { flex: 0 0 100% !important; max-width: 100% !important; }
    .pricing-grid { display: flex !important; flex-direction: column !important; row-gap: 40px !important; column-gap: 0 !important; }
    .pricing-grid > .pricing-panel { flex: 0 0 100% !important; max-width: 100% !important; }
    .image-project-flex { display: flex !important; flex-direction: column !important; row-gap: 40px !important; column-gap: 0 !important; }
    .image-project-flex > .panel { flex: 0 0 100% !important; max-width: 100% !important; }

	.imageSlideLeft .image-split { border-radius: 0 !important;  }
	.imageSlideRight .image-split { border-radius: 0 !important;  }
	.titles.headline {font-size: 4em !important;}
	.header-over-no-hero .content {padding-top: 0;margin-top: 70px;}
	.panels-bg-covers .panel.pad-40{padding-top: 8vh!important;padding-bottom: 8vh!important;}

	.pricing-grid {display: flex !important;flex-direction: column !important;row-gap: 0 !important;column-gap: 0 !important;}

	.ginput_container_total { overflow: hidden !important;}

	
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {


}