.vc_element-icon { background-size: 100% auto; } /* Accordion */ .tmpmela-item-accordion .tmpmela-item-icon, .vc_element-icon.tmpmela-vc-icon-accordion { background-image:url(../images/accordion.png);} /* Brand */ .vc_element-icon.tmpmela-vc-icon-brand { background-image:url(../images/brand.png);} .vc_element-icon.tmpmela-vc-icon-brand-list { background-image:url(../images/brand-list.png);} /* CMS banner */ .vc_element-icon.tmpmela-vc-icon-cms { background-image:url(../images/cms.png);} /* woo products */ .vc_element-icon.tmpmela-vc-icon-woo_pro { background-image:url(../images/woo_pro.png);} /* FAQ */ .vc_element-icon.tmpmela-vc-icon-faq { background-image:url(../images/faq.png);} /* services */ .vc_element-icon.tmpmela-vc-icon-services { background-image:url(../images/services.png);} /* Button */ .vc_element-icon.tmpmela-vc-icon-button { background-image:url(../images/button.png);} /* Static Text */ .vc_element-icon.tmpmela-vc-icon-static-text { background-image:url(../images/static-text.png);} /* feature Content */ .vc_element-icon.tmpmela-vc-icon-feature_box { background-image:url(../images/content.png);} /* Toggle */ .vc_element-icon.tmpmela-vc-icon-toggle { background-image:url(../images/toggle.png);} /* multiple-link */ .vc_element-icon.tmpmela-vc-icon-multiple-link { background-image:url(../images/multiple-link.png);} /* Contact box */ .tmpmela-item-contact_box .tmpmela-item-icon, .vc_element-icon.tmpmela-vc-icon-contact_box { background-image:url(../images/contact_box.png);} /* Counter */ .tmpmela-item-counter .tmpmela-item-icon, .vc_element-icon.tmpmela-vc-icon-counter { background-image:url(../images/quick_fact.png);} /* Fancy heading */ .tmpmela-item-fancy_heading .tmpmela-item-icon, .vc_element-icon.tmpmela-vc-icon-fancy_heading { background-image:url(../images/fancy_heading.png);} /* Our team */ .vc_element-icon.tmpmela-vc-icon-team { background-image:url(../images/team.png);} /* Portfolio */ .vc_element-icon.tmpmela-vc-icon-portfolio { background-image:url(../images/portfolio.png);} /* Portfolio slider */ .vc_element-icon.tmpmela-vc-icon-portfolio_slider { background-image:url(../images/portfolio_slider.png);} /* Pricing item */ .vc_element-icon.tmpmela-vc-icon-pricing_item { background-image:url(../images/pricing_item.png);} /* Tabs */ .tmpmela-item-tabs .tmpmela-item-icon, .vc_element-icon.tmpmela-vc-icon-tabs { background-image:url(../images/tabs.png);} /* Testimonials */ .tmpmela-item-testimonials .tmpmela-item-icon, .vc_element-icon.tmpmela-vc-icon-testimonials { background-image:url(../images/testimonials.png);} /* Blog slider */ .tmpmela-item-blog_slider .tmpmela-item-icon, .vc_element-icon.tmpmela-vc-icon-blog_slider { background-image:url(../images/blog_slider.png);} /* List */ .tmpmela-item-list .tmpmela-item-icon, .vc_element-icon.tmpmela-vc-icon-list { background-image:url(../images/list.png);} /* Portfolio grid */ .tmpmela-item-portfolio_grid .tmpmela-item-icon, .vc_element-icon.tmpmela-vc-icon-portfolio_grid { background-image:url(../images/portfolio_grid.png);}/* Theme Name: Hardwork Theme URI: http://cmp.niteothemes.com/?cmp_preview=true&selector=true&theme=hardwork Author: NiteoThemes Author URI: https://niteothemes.com Normalizing styles have been helped along thanks to the fine work of Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normaalize.css/ */ body{ display: flex; flex-direction: column; margin:0; min-height: 100vh; position: relative; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } h1,h2,h3,h4,h5,h6{ font-weight: 400; font-size: 2.5em; margin-bottom: .5em; margin-top: 0; } img { max-width: 100%; height: auto; } .logo-wrapper.image { margin-bottom: 2em; } .section { flex-grow: 1; padding: 2em; text-align: center; position: relative; } .section-body { display: flex; justify-content: center; flex-direction: column; flex-grow: 10; width: 70%; max-width: 1170px; min-height: calc(100vh - 7em); margin: 0 auto; } .graphic-logo { width: auto; max-width: 500px; max-height: 300px; margin: 0 auto; } .text-logo { font-size: 2em; } .section-body p { font-size: 1em; line-height: 1.5em; } #background-wrapper, #background-image, #background-color, .background-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } #background-wrapper { overflow: hidden; } #background-image { background-attachment: fixed; background-position: center center; background-repeat: no-repeat; background-size: cover; } #background-image.pattern{ background-size: initial; background-repeat: repeat; } .video-banner { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-position: center center; background-repeat: no-repeat; background-size: cover; z-index: -1; } #background-image { opacity: 0; -o-transition: opacity .5s; transition: opacity .5s; } #background-image.loaded { opacity: 1; } .video-banner iframe, .video-banner video { -o-transition: opacity 1500ms; transition: opacity 1500ms; } .social-list { height: 3em; padding:0; margin: 0; z-index: 100; text-align: center; } .social-list li{ list-style: none; display: inline-block; padding: 0 2px; } .social-list a{ display: block; height: 3em; width: 2.5em; line-height: 3em; background: transparent; -o-transition: background 300ms linear; transition: background 300ms linear; border-radius: 5px; } .social-list i{ font-size: 1em; -o-transition: all 300ms linear; transition: all 300ms linear; } .social-list a:hover i { -webkit-animation: spin 300ms linear; animation: spin 300ms linear; } @-webkit-keyframes spin { from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); } } @keyframes spin { from {-webkit-transform:rotate(0deg);transform:rotate(0deg);} to {-webkit-transform:rotate(360deg);transform:rotate(360deg);} } @media only screen and (max-width : 1024px) { .graphic-logo { padding: 20px 0;} .section-body, .social-list {font-size: 16px!important;} .section-body h1:not(.text-logo), .section-body h2, .section-body h3, .section-body h4, .section-body h5, .section-body h6, .text-logo-wrapper { font-size: 1.8em!important; } } @media only screen and (max-width : 680px) { .section-body, .social-list {font-size: 15px!important;} .text-logo {font-size: 1.6em;} } @media only screen and (max-width : 560px) { .section {padding: 4em 1em; min-height: calc(100vh - 11em);} .section-body {width: auto;} .graphic-logo {max-height: 200px;padding-bottom: 0;max-width: 100%;} .section-body, .social-list {font-size: 14px!important;} } My Polini

My Polini

Under Construction