.logorow .mp_mainmenu { position: relative; z-index: 2 !important; } /* roboto-condensed-regular - latin */ @font-face { font-family: 'Roboto Condensed'; font-style: normal; font-weight: 400; src: url('fonts/roboto-condensed-v25-latin-regular.eot'); /* IE9 Compat Modes */ src: local(''), url('fonts/roboto-condensed-v25-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/roboto-condensed-v25-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/roboto-condensed-v25-latin-regular.woff') format('woff'), /* Modern Browsers */ url('fonts/roboto-condensed-v25-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/roboto-condensed-v25-latin-regular.svg#RobotoCondensed') format('svg'); /* Legacy iOS */ } /* roboto-condensed-italic - latin */ @font-face { font-family: 'Roboto Condensed'; font-style: italic; font-weight: 400; src: url('fonts/roboto-condensed-v25-latin-italic.eot'); /* IE9 Compat Modes */ src: local(''), url('fonts/roboto-condensed-v25-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/roboto-condensed-v25-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/roboto-condensed-v25-latin-italic.woff') format('woff'), /* Modern Browsers */ url('fonts/roboto-condensed-v25-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/roboto-condensed-v25-latin-italic.svg#RobotoCondensed') format('svg'); /* Legacy iOS */ } /* oswald-regular - latin */ @font-face { font-family: 'Oswald'; font-style: normal; font-weight: 400; src: url('fonts/oswald-v49-latin-regular.eot'); /* IE9 Compat Modes */ src: local(''), url('fonts/oswald-v49-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/oswald-v49-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/oswald-v49-latin-regular.woff') format('woff'), /* Modern Browsers */ url('fonts/oswald-v49-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/oswald-v49-latin-regular.svg#Oswald') format('svg'); /* Legacy iOS */ } /* pinyon-script-regular - latin */ @font-face { font-family: 'Pinyon Script'; font-style: normal; font-weight: 400; src: url('fonts/pinyon-script-v17-latin-regular.eot'); /* IE9 Compat Modes */ src: local(''), url('fonts/pinyon-script-v17-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/pinyon-script-v17-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/pinyon-script-v17-latin-regular.woff') format('woff'), /* Modern Browsers */ url('fonts/pinyon-script-v17-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/pinyon-script-v17-latin-regular.svg#PinyonScript') format('svg'); /* Legacy iOS */ } .sparky_cell { padding: 15px; } h2 { text-transform: uppercase; } h2 span:not(.contact-name) { display: block; color: #646b51; font-size: 80px; text-align: center; font-family: 'Pinyon Script', cursive; font-weight: 400; line-height: 0.15; text-transform: none; } h3 span { text-transform: uppercase; } code, .popover, .popover * { color: #333; } label { display: block; font-size: 16px; } hr { margin: 20px 0 30px; border: 0; border-top: 0; border-bottom: 0; background: url(../images/hr.png) no-repeat center; background-size: 100px 26px; height: 26px; } button, button.btn, button.btn-primary, input.button, a.btn { background: #8a9470; border: 0; border-radius: 23px; color: #fff; font-size: 14px; font-weight: 700; padding: 12px 25px; text-transform: uppercase; transition: all 0.3s; } button:hover, button.btn:hover, button.btn-primary:hover, input.button:hover, a.btn:hover, button:active, button.btn:active, button.btn-primary:active, input.button:active, a.btn:active, button:focus, button.btn:focus, button.btn-primary:focus, input.button:focus, a.btn:focus { background: #515742; color: #fff; transition: all 0.3s; } .input-group .btn { height: 50px; } p.readmore { height: 30px; margin-bottom: 50px; } p.readmore a { position: relative; background: transparent; border: 0; color: #fff; font-size: 16px; font-weight: 400; padding: 12px 0 5px; text-transform: uppercase; line-height: 24px; } p.readmore a:hover { position: relative; background: transparent; border: 0; color: #fff; text-decoration: none; } p.readmore a:before { content: ""; display: block; width: 0; height: 2px; background: #c1ce9c; position: absolute; bottom: 0; z-index: 2; -webkit-transition: width .5s; transition: width .5s; } p.readmore a:after { z-index: 1; position: absolute; bottom: 0; content: ''; display: block; width: 100%; height: 2px; background: #fff; } p.readmore a:hover:before { width: 100%; background: #c1ce9c; -webkit-transition: width .5s; transition: width .5s; } p.readmore a:hover:after { position: absolute; } input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input { border-radius: 3px; border: 1px solid #ccc; padding: 12px; box-shadow: none; box-sizing: border-box; } textarea { border-radius: 3px; border: 1px solid #ccc; padding: 20px; margin-bottom: 30px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; box-sizing: border-box; } textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus, input:focus:invalid:focus, textarea:focus:invalid:focus { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border-color: #c1ce9c; } dl.article-info { margin: 0; width: auto; font-size: 14px; font-style: italic; } dl.article-info dd { border-right: 0; } ul.tags.inline { margin-bottom: 15px; } ul.tags.inline li { opacity: 0.7; } ul.tags.inline li:hover { background: transparent; opacity: 1; } .pager li>a, .pager li>span { background: transparent; border: 1px solid #121212; border-radius: 23px; color: #121212; font-size: 14px; font-weight: 700; padding: 12px 25px; text-transform: uppercase; } .pager li>a:hover { background: transparent; border: 1px solid #c660ff; color: #c660ff; } /* logorow */ .sparky_home .logorow:not(.topmenushow) { background: transparent; position: absolute; width: 100%; } .logorow ul.menu > li > a { text-transform: uppercase; } .logorow ul.menu li a:hover { text-decoration: none; } .mp_logo .sparky_feature { position: relative; z-index: 1; } .sparky_logo { display: inline-block; border: 2px solid #fff; padding: 0 15px; margin-top: 15px; letter-spacing: 2px; } .fix_menu { -webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,.09); box-shadow: 0 1px 3px 0 rgba(0,0,0,.09); background: #000; } .fix_menu .sparky_cell, .topmenuhide.topmenushow .sparky_cell { padding-top: 0; padding-bottom: 0; } .topmenuhide { background: #000; } .fix_menu .sparky_logo { border: 2px solid #fff; color: #fff; } .fix_menu ul.menu > li.active > a, .fix_menu ul.menu > li.active > span, .fix_menu ul.menu > li > a, .fix_menu ul.menu > li > span { color: #fff; } .fix_menu ul.menu > li.active:hover > a, .fix_menu ul.menu > li.active:hover > span, .fix_menu ul.menu > li:hover > a, .fix_menu ul.menu > li:hover > span { color: #fff; } /* carouselrow */ .carouselrow { text-align: center; } .carouselrow .sparky_cell { padding: 0; } .carouselrow h2 { color: #ffffff; text-align: center; } .carouselrow h2 span { color: #c1ce9c; } .carouselrow img { filter: brightness(75%); } .carouselrow p span { opacity: 0.7; } .carouselrow p a { color: #fff; } .hot_swipe_carousel_slides:not(.flickity-enabled) { display: none; } .carouselrow .flickity-prev-next-button, .carouselrow .flickity-prev-next-button:hover { border-radius: 0; background: rgba(0,0,0,0.75); } .carouselrow .flickity-prev-next-button.previous { left: 0; } .carouselrow .flickity-prev-next-button.next { right: 0; } .carouselrow .flickity-prev-next-button .arrow { fill: #444; } .carouselrow .flickity-prev-next-button:hover .arrow { fill: #eee; } .carouselrow .contents h2, .carouselrow .contents p { position: relative; top: 0; opacity: 0; } .carouselrow .is-selected img { animation-name: carousel_image_fade; animation-duration: 3s; animation-fill-mode: forwards; } @keyframes carousel_image_fade { 0% {filter: brightness(1);} 75% {filter: brightness(1);} 100% {filter: brightness(0.5);} } .carouselrow .is-selected .contents h2, .carouselrow .is-selected .contents p { animation-name: carousel_text_fade; animation-duration: 3s; animation-fill-mode: forwards; } @keyframes carousel_text_fade { 75% {opacity: 0; top: -30px;} 100% {opacity: 1; top: 0; } } /* header row */ .headerrow { padding: 120px 0 70px; } .headerrow h1, .headerrow h2 { color: #fff; font-weight: 700; text-align: center; text-transform: uppercase; } /* advert row */ .advertrow { padding: 50px 0; } .mp_advert1 { padding-top: 30px; text-align: center; } .mp_advert1 h2 { text-align: center; } /* featured row */ .featuredrow { padding: 300px 0 70px; } .featuredrow h2 { color: #fff; text-align: center; } .featuredrow h2 span { color: #c1ce9c; } /* content row */ .contentrow { padding-top: 50px; padding-bottom: 50px; } .sparky_home .contentrow { text-align: center; } .sparky_home .contentrow .content_sparky { background: #0D0D0D; padding: 0; margin: -90px 15px; } .sparky_inner .contentrow .content_sparky { background: #0D0D0D; margin-top: -90px; padding: 30px; } .sparky_home .contentrow h2, .sparky_home .contentrow p { display: inline-block; width: 50%; padding-left: 15px; padding-right: 15px; text-align: center; } .sparky_home .contentrow h2 { padding-top: 60px; } .price { color: #c1ce9c; font-size: 18px; } /*.shopcarousel { color: #aaa; }*/ .sparky_home .blog-items { padding: 0; } .sparky_home .blog-items.columns-2 .blog-item { width: 50%; } .blog-items h2, .blog-items h2 a { color: #fff; font-size: 20px; font-weight: 400; } .blog-items h2 a:hover { color:#c1ce9c; text-decoration: none; } .blog-item .label.label-warning { display: none; } .content_sparky li { line-height: 1.7; } .belowcontent { padding: 30px 0; } .pull-left.item-image, .pull-right.item-image { width: 50%; margin-left: 0; margin-right: 0; } dl.article-info { padding-bottom: 15px; } dl.article-info { padding-left: 0; padding-right: 0; } dl.article-info span.icon-calendar { display: none; } .mp_right .moduletable { background: rgba(255,255,255,0.6); padding: 15px 15px 30px 15px; margin-bottom: 30px; } .abovecontent, .abovecontent h2 { text-align: center; } /* pricelistrow */ .pricelistrow { padding: 300px 0 70px; } .pricelistrow h2 { color: #fff; text-align: center; } .pricelistrow h2 span { color: #c1ce9c; } /* pricelistrow2 */ .pricelistrow2 { padding: 50px 0; } .pricelistrow2 h3 { font-size: 20px; font-weight: 400; padding-top: 25px; padding-bottom: 0; text-transform: uppercase; } .pricelistrow2 p { margin: 0; } .pricelistrow2 img { border-radius: 0%; filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=20, OffY=15, Color='#111')"; filter: url(#drop-shadow); -webkit-filter: drop-shadow(20px 15px 8px rgba(0,0,0,0.8)); filter: drop-shadow(20px 15px 8px rgba(0,0,0,0.8)); } .pricelistrow2 .price { padding-top: 25px; } /* sweetsrow */ .sweetsrow { padding: 300px 0 70px; } .sweetsrow h2 { color: #fff; text-align: center; } .sweetsrow h2 span { color: #c1ce9c; } /* sweetsrow2 */ .sweetsrow2 { padding: 50px 0; } .sweetsrow2 .mp_user4 { padding-left: 0; padding-right: 0; } .sweetsrow2 h3 { color: #000 !important; font-size: 20px; font-weight: 400; padding-top: 25px; padding-bottom: 15px; text-transform: none; } .sweetsrow2 .list_carousel li { background: #fff; line-height: 1.6; padding: 0 15px; } .sweetsrow2 .list_carousel p:first-child { margin: 0 -15px; display: block; } a#hot_film_tape_prev.prev, a#hot_film_tape_next.next { padding: 10px !important; margin: 30px 10px; font-size: 25px; line-height: 1; } a#hot_film_tape_prev.prev:hover, a#hot_film_tape_next.next:hover { } /* contact row */ .contactrow { padding: 50px 0; } .contactrow h2 { text-align: center; } .contactrow .mp_bottom1 { padding-top: 100px; text-align: center; } input.rapid_contact.inputbox, textarea.rapid_contact.textarea { display: block; width: 100%; margin-top: 10px; } label.rapid_contact_field, label.rapid_contact_textarea { padding-top: 15px; } /* footer row */ .footerrow, .copyrightrow { padding: 50px 0 30px; color: #ccc; } .footerrow h3 { font-size: 20px; font-weight: 400; padding: 0 0 20px; color: #fff; text-transform: uppercase; } .footerrow .mp_logo .sparky_feature { margin-top: 10px; margin-bottom: 30px; } .footerrow .sparky_logo, .footerrow .sparky_slogan { color: #ddd; } /* copyright row */ .copyrightrow { padding: 30px; } .copyrightrow p.copyright { margin: 7px 0 0 0; } .mp_footer { text-align: center; } .mp_footer a { color: #fff; display: inline-block; padding: 6px 10px; } .mp_footer a:hover { color: #c1ce9c; } .mp_footer i { font-size: 44px; } /* content row - layout */ .page_row { margin: 50px -15px; } .page_container::after { content: ''; display: table; clear: both; } .page_container > .sparky_cell { float: left; } .row_full { width: 100vw; position: relative; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw; } /* special containers */ .flexcontainer { display: flex; } .alignleft { text-align: left; } .aligncenter { text-align: center; } .alignright { text-align: right; } .notopbottommargin { margin-top: 0 !important; margin-bottom: 0 !important; } .notopmargin { margin-top: 0 !important; } .nobottommargin { margin-bottom: 0 !important; } .notopbottompadding { padding-top: 0 !important; padding-bottom: 0 !important; } .notoppadding { padding-top: 0 !important; } .nobottompadding { padding-bottom: 0 !important; } .nopadding { padding: 0 !important; } .bigpadding { padding: 50px !important; } .marginbottom30 { margin-bottom: 30px !important; } /* text styles */ p.big_text { color: #8a9470; font-size: 24px; font-weight: 400; padding: 0 0 30px; line-height: 1.4; } .thin { max-width: 720px; margin: 15px auto; } .thin_left { max-width: 720px; margin: 15px; } .thin_right { max-width: 720px; margin: 15px 15px 15px auto; } .thinner { max-width: 460px; margin: 15px auto; } .colored { color: #c1ce9c; } .greybg { background: #2d2d2d; } span.p_number { font-size: 36px; color: #fff; width: 50px; line-height: 50px; text-align: center; background: #f3ce5c; border-radius: 50%; margin: 0 15px 10px 0; } .smalltext { color: #aaa; font-size: 14px; } /* team page */ .team .mask { background: #2d2d2d; padding: 15px; margin-top: 15px; } .team .mask h3 { padding-bottom: 0; } .team .mask a { padding: 0 7px; } /* testimonials page */ .page_container.portfolio .sparky_cell { padding: 0 15px; } .page_container.portfolio img { border-radius: 50%; } .work_title { font-weight: 300; color: #aaa; } /* pricing page */ .page_container.pricing { text-align: center; } .page_container.pricing .plan { border: 1px solid #fff; background: #fff; padding: 30px; border-radius: 7px; box-shadow: #c9c9c9 0px 3px 7px; transition: all 0.3s; } .page_container.pricing .plan { border-radius: 7px; } .page_container.pricing .plan:hover, .item-page .page_container.pricing .plan:hover, .plan_border { border: 1px solid #c1ce9c !important; transition: all 0.3s; } .page_container.pricing .plan_name { font-size: 24px; color: #000; font-weight: 700; } .page_container.pricing .plan_price { font-size: 36px; font-weight: 900; line-height: 1; margin-bottom: 0; color: #c1ce9c; } .page_container.pricing ul { margin: 50px 30px; padding: 0; list-style: none; min-height: 150px; text-align:center; text-align: left; display: inline-block; } .page_container.pricing li::before { content:"\f00c"; font-family: "Font Awesome 5 Free"; font-weight: 900; display: inline-block; margin: 0 10px; color: #8a9470; } .page_container.pricing li.negative::before { content:"\f00d"; font-family: "Font Awesome 5 Free"; font-weight: 900; display: inline-block; margin: 0 10px; color: red; } .page_container.pricing .plan.recommended { } .page_container.pricing .plan.recommended, .page_container.pricing .plan.recommended .plan_name, .page_container.pricing .plan.recommended .plan_price, .page_container.pricing .plan.recommended .plan_term, .page_container.pricing .plan.recommended li { } /* 404 page */ .page-404 input.inputbox.search-query { width: 100%; } /* pagination */ nav.pagenavigation .pagination { gap: 8px; } /* Responsive */ .nav-toggle { margin-top: 5px; background: url(../images/tinynav_white.png); background-size: 42px 84px; width: 42px; height: 42px; } .fix_menu .nav-toggle:not(.active) { background: url(../images/tinynav.png); background-size: 42px 84px; margin-top: 0; margin-bottom: 7px; } @media (max-width: 991px) { .logorow nav:not(.opened) ul.menu { display: none; } .logorow.one .sparkle9 { position: relative; z-index: 1; padding-top: 10px; } .logorow .mp_mainmenu { float: right; width: 20% !important; } .sparky_logo { margin-top: 0; } .fix_menu .sparky_logo { margin-top: 7px; } .nav-collapse.opened > ul { background: #121212; } .nav-collapse.opened > ul ul { margin-top: 10px; } .nav-collapse.opened li { padding-bottom: 10px; } .nav-collapse.opened > ul > li > a { line-height: 42px; height: 42px; } .mnu_mainmenu li ul li { border-bottom: 0; padding-top: 5px; padding-bottom: 5px !important; } .mnu_mainmenu li ul li a { padding-left: 30px !important; padding-right: 30px !important; } .mnu_mainmenu li ul li ul li a { padding-left: 50px !important; padding-right: 50px !important; } .content_sparky .blog-items div.item { width: 100%; } .content_sparky .blog-featured .blog-items div.blog-item .item-image { float: left; } .content_sparky .blog-featured .blog-items div.item:nth-child(even) .item-image { float: right; } .sparky_home .contentrow .content_sparky { width: calc(100% - 30px) !important; } .sparky_home .contentrow h2 { padding-top: 15%; } .pricelistrow2 > .sparky_container > .sparky_cell { width: 100%; padding-bottom: 0; padding-top: 0; } .pricelistrow2 h3 { padding-top: 10%; } .pricelistrow2 .price { padding-top: 40%; } .copyrightrow { padding: 0; } .copyrightrow .sparky_cell { width: 50%; } .page_container.pricing .sparky_cell { width: 100%; } .page_row.team .sparky_cell { width: 50%; } #responsivelightbox a { padding: 7px !important; } .sparky_home .contentrow p.price { float: right; } } @media (max-width: 767px) { .page_container > .sparky_cell { width: 100%; } .item-image img { width: 100%; } .sparky_home .logorow:not(.topmenushow) { background: #000; position: relative; } .hot_swipe_carousel_slides .contents { width: 100% !important; } .mp_advert2 { text-align: center; } .page_row.team img { width: 100%; } .mp_right { padding-left: 30px; padding-right: 30px; } .footerrow, .footerrow h3, .copyrightrow, p.copyright, .mp_footer { text-align: center; } } @media (max-width: 600px) { .hot_swipe_carousel_slides .contents { top: 15% !important; } h2 span:not(.contact-name) { font-size: 60px; } .hot_swipe_carousel_slides .contents h2 { font-size: 32px !important; } .hot_swipe_carousel_slides .contents p { font-size: 14px !important; line-height: 1.2; } .flickity-prev-next-button { display: none; } .pull-left.item-image, .pull-right.item-image { width: 100%; } .sparky_home .contentrow h2 { padding-top: 30px; } .sparky_home .price { padding-bottom: 30px; } .sparky_home .blog-items.columns-2 .blog-item { width: 100%; } .sparky_home .contentrow p.price { float: none; } .pricelistrow2 .page_row.notopbottommargin { margin: 50px 0; } } /* For DEMO purposes only. Can be safely deleted */ .sparky_settings { position: fixed; z-index: 9999; top: 60%; padding: 5px; background: #fff; cursor: pointer; line-height: 1.4; } .sparky_settings:hover { background: #fff; } .settings_content { display: none; float: left; padding-right: 15px; height: 28px; } .settings_content span { display: inline-block; width: 28px; height: 28px; border:3px solid #fff; border-radius: 19px; } .settings_content span:hover { border:3px solid #333; } .settings_content span.style1 { background: #c1ce9c; } .settings_content span.style2 { background: #7cb8e8; } .settings_content span.style3 { background: #e87cdf; } .settings_content span.style4 { background: #afe87c; } .settings_content span.style5 { background: #7ce8da; } .settings_content a { text-decoration: none; } .settings_cog { float: left; width: 30px; height: 28px; } .sparky_settings i { font-size: 28px; color: #333; }