/** Shopify CDN: Minification failed Line 4765:98 Invalid escape **/ /* SECTION: BASE STYLES */ html,body { margin:0; padding:0; border:0; background-color:#ffffff; } html { font-size:62.5%; -webkit-touch-callout:none; -webkit-text-size-adjust:none; -ms-text-size-adjust:100%; } body { line-height:20px; font-size:15px; color:#555555; font-family:Palatino, 'Palatino Linotype', 'Book Antiqua', serif; } html, body {background:#ffffff; background-image:none; } /* HTML5 Elements */ article, aside, details, figcaption, figure, dialog, footer, header, hgroup, menu, nav, section { display:block; } .sidebarl{width:250px; background:red; float:left;} /* Forms and Inputs */ form { margin:0; padding:0; } button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; } button, input { line-height: normal; *overflow: visible; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; } input[type="search"] { -webkit-appearance: textfield; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } textarea { overflow: auto; vertical-align: top; } select, input[type=file] { height: 27px; *height: auto; line-height: 27px; *margin-top: 4px; } input, textarea { font-family:'Helvetica Neue', Helvetica, Arial, sans-serif; -webkit-appearance: none; vertical-align:top; height:24px; line-height:24px; font-size:13px; padding:4px; border:1px solid #ccc; display:inline-block; -moz-border-radius:1px; -webkit-border-radius:1px; border-radius:1px; -moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.06) inset; -webkit-box-shadow:0 1px 3px rgba(0, 0, 0, 0.06) inset; box-shadow:0 1px 3px rgba(0, 0, 0, 0.06) inset; } input.focus, input:focus, textarea.focus, textarea:focus { border:1px solid #4c90ee; -moz-box-shadow:0px 0px 2px 1px rgba(76, 144, 238, 0.3) inset, 0px 0px 2px 0px rgba(76, 144, 238, 0.2); -webkit-box-shadow:0px 0px 2px 1px rgba(76, 144, 238, 0.3) inset, 0px 0px 2px 0px rgba(76, 144, 238, 0.2); box-shadow:0px 0px 2px 1px rgba(76, 144, 238, 0.3) inset, 0px 0px 2px 0px rgba(76, 144, 238, 0.2); } input[type=password]:focus, input[type=text]:focus, input[type=number]:focus, input[type=email]:focus, textarea:focus { outline:none; } input[type=checkbox],input[type=radio] { height:16px; line-height:16px; vertical-align:middle; } input[type=checkbox] { -webkit-appearance:checkbox; } input[type=file] { cursor:pointer; border:none; box-shadow:none; padding:0; margin:0; } input[type=submit] { cursor:pointer; } select { max-width:100%; font-size:13px; display:inline-block; color:#222; font-family:Helvetica,Arial,sans-serif; vertical-align:top; height:22px; line-height:22px; padding:2px; padding:initial; border:1px solid #ccc; -moz-border-radius:1px; -webkit-border-radius:1px; border-radius:1px; } select:focus, select.focus { outline:none; border:1px solid #4c90ee; -webkit-box-shadow:0px 0px 2px 1px rgba(76, 144, 238, 0.3) inset, 0px 0px 2px 0px rgba(76, 144, 238, 0.2); -moz-box-shadow:0px 0px 2px 1px rgba(76, 144, 238, 0.3) inset, 0px 0px 2px 0px rgba(76, 144, 238, 0.2); box-shadow:0px 0px 2px 1px rgba(76, 144, 238, 0.3) inset, 0px 0px 2px 0px rgba(76, 144, 238, 0.2); } textarea { min-height:72px; max-width: 98%; } img { max-width:100%; border: 0; -ms-interpolation-mode: bicubic; } ul, ol { margin:0 0 0 0; padding:0; } ul { list-style:disc inside none; } /* Typography */ h1,h2,h3,h4,h5,h6 {font-weight:700; color:#000000; margin:0 0 13px 0; text-transform:none; font-family:Helvetica, Arial, sans-serif; } h1 { color:#000000; font-weight:700; font-size:21px; line-height:36px; border-bottom:1px solid #f0f0f0; } h2 { color:#000000; font-weight:700; font-size:18px; line-height:36px; border-bottom:0px solid #f0f0f0; } h3 { color:#000000; font-weight:700; font-size:14px; line-height:21px; border-bottom:1px solid #f0f0f0; } h4 { font-size:13px; line-height:18px; } h5 { font-size:12px; line-height:18px; } h6 { font-size:10px; line-height:18px; text-transform:uppercase; } h1 .note, h2 .note, h3 .note, h4 .note, h5 .note, h6 .note { margin-left:8px; font-weight:400; font-size:15px; color:#555555; } h1 .note a, h2 .note a, h3 .note a, h4 .note a, h5 .note a, h6 .note a { color:#555555; } p { margin:0 0 8px 0; } /* Links and Buttons */ a {color:#555555; text-decoration:none; outline:none;} a:hover { color:#555555; } a:active {outline:none;} a.btn, input.btn { -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; -webkit-transition:all 0.15s; -moz-transition:all 0.15s; transition:all 0.15s; display:inline-block; height:40px; line-height:40px; border:none; margin:0; padding:0 20px; color:#ffffff; font-weight:700; font-size:14px; text-transform:none; background:#333333; width:auto; } a.btn:hover, input.btn:hover { background-color:#fca400; color:#ffffff; } a.btn.slim, input.btn.slim { height:34px; line-height:34px; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {color:#000000; } #product .add-to-cart .icon, a.btn, input.btn, .searchform input.submit, .cart-summary a .icon { -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; } .slideshow:hover .flex-direction-nav a.prev { -moz-border-radius:0 2px 2px 0; -webkit-border-radius:0 2px 2px 0; border-radius:0 2px 2px 0; } .slideshow:hover .flex-direction-nav a.next { -moz-border-radius:2px 0 0 2px; -webkit-border-radius:2px 0 0 2px; border-radius:2px 0 0 2px; } #zoom-image { -webkit-border-radius:0 2px 0 0; -moz-border-radius:0 2px 0 0; border-radius:0 2px 0 0; } /* Tables */ table { width:100%; } table tr td, table tr th { padding:10px 5px; text-align:left; } table tr td:first-child, table tr th:first-child { padding-left:0px; } table tr td:last-child, table tr th:last-child { padding-right:0px; } table tr td { border-top:1px solid #f0f0f0; } strong { font-weight:700; } em { font-style:italic; } /* END SECTION: BASE STYLES */ /* SECTION: UTILITY CLASSES */ .row:before, .row:after, .clearfix:before, .clearfix:after {content:"\0020";display:block;height:0;visibility:hidden} .clearfix:after, .row:after { clear:both; } .clearfix, .row { zoom:1; } .sb { margin-bottom:15px; } .ssb { margin-bottom:30px; } .pb { padding-bottom:15px; } .ppb { padding-bottom:30px; } .fr { float:right !important; } .fl { float:left !important; } .fn { float:none !important; } .tr { text-align:right !important; } .tl { text-align:left !important; } .tc { text-align:center !important; } /* Grid System */ .wrapper { width:100%; margin:0 auto; } .wrapper { -moz-box-shadow:0px 0px 4px rgba(0,0,0,0.2); -webkit-box-shadow:0px 0px 4px rgba(0,0,0,0.2); box-shadow:0px 0px 4px rgba(0,0,0,0.2); } .loading { height:240px; background:url('/cdn/shop/t/5/assets/icn_loading.gif?v=162524524638938526081418462736') no-repeat 50% 50%; } .row { margin:0 0 20px 0; } .span1, .span2, .span3, .span4, .span5, .span6, .span7, .span8, .span9, .span10, .span11, .span12, .span13, .span14 { display:block; float:left; margin:0; } .inner-left { margin-left:0px !important; } .inner-right { margin-right:0px !important; } .span1 { width:53px; } .span2 { width:136px; } .span3 { width:219px; margin-top:5%; float:right;} .span4 { width:302px; } .span5 { width:385px; } .span6 { width:468px; } .span7 { width:551px; } .span8 { width:634px; } .span9 { width:717px; margin-top:5%;} .span10 { width:800px; } .span11 { width:883px; } .span12 { width:100%; } .span14{ width:100%;} .expanded-message { text-align:center; padding:100px 0; } .expanded-message h2 { border-bottom:none; } .highlight { background-color:#fff000; } html, body { height: 100%; } .wrapper { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -50px; background-color:white; } .footer-wrapper, #push { height: 150px; clear: both; } /* Lists */ ul.unstyled, ol.unstyled { margin: 0; list-style:none outside none; } ul.unstyled > li, ol.unstyled > li { list-style: none; } ul.horizontal > li, ol.horizontal > li { display: block; float: left; } ul.horizontal-inline, ol.horizontal-inline { text-align: center; } ul.horizontal-inline > li, ol.horizontal-inline > li { display: inline; margin: 0 5px; } ul.expanded > li, ol.expanded > li { margin-bottom: 10px; } /* END SECTION: UTILITY CLASSES */ /* SECTION: LAYOUT */ #header .span12, #slideshow .span13 { position:relative; } #nav { background:#ebc167; margin-bottom:-40px;} div.social-and-search { padding-top:15px; } div.payments-and-notices { margin:0; padding-top:15px; } ul.credit-cards { margin:0; list-style:none outside none; } /* Global Header */ .logo { margin:auto; max-width:700px; } .logo h1 { margin:0; border:0; } .logo h1 a { text-decoration:none; font-size:72px; line-height:72px; color:#000000; font-weight:700; margin:0; padding:0; border:0; } .logo h1 a:hover { text-decoration:none; color:#000000; } .logo a, .logo img { display:block; margin:0px; } .cart-summary { position:absolute; top:1%; right:1%;} .cart-summary a { text-decoration:none; } .cart-summary a .details, .cart-summary a .icon { float:right; } .cart-summary a .details { text-align:right; height:40px; padding:0px 15px; } .cart-summary a .details .note { display:block; line-height:14px; padding-top:2px; font-size:12px; color:#888; } .cart-summary a .details .item-count { display:block; font-size:11px; line-height:17px; padding-bottom:2px; font-weight:700; color:#000000; } .cart-summary a:hover .details .item-count { text-decoration:underline; } .cart-summary a .icon { -webkit-transition:all 0.2s ease-out; -moz-transition:all 0.2s ease-out; transition:all 0.2s ease-out; text-align:left; text-indent:-9999px; width:40px; height:40px; background:#333333 url('/cdn/shop/t/5/assets/icn_cart-icon.png?v=170260817669268542821418462736') 50% -40px; } .cart-summary a:hover .icon { background:#fca400 url('/cdn/shop/t/5/assets/icn_cart-icon.png?v=170260817669268542821418462736') 50% -82px; } /* Navigation */ #cart-link { float:right; } #cart-link a { padding-right:0; } .footer-wrapper { width: 100%; background-color: #333333; } .footer-wrapper { } footer { padding: 0; } footer > .row > .span12 { padding: 30px 0 0; } footer { padding-bottom: 20px; padding-left:10px;} footer .row { margin-bottom: 0; } footer, footer p { color: #555555; } footer h1, footer h2, footer h3, footer h4, footer h5 { color: #000000; } footer a { } footer a:hover { opacity: 0.7; filter: alpha(opacity = 70); } footer h4 { font-size: 16px; font-weight: 400; border-bottom:1px solid ; padding-bottom:10px} footer ul li { margin-bottom: 5px; } footer .btn.newsletter { font-size: 14px; font-weight: bold; height: 34px; line-height: 34px; margin-left: 15px; background: #333333; color: #fff; } footer .btn.newsletter:hover { background: #333333; color: #fff; } footer #mail { width: 168px; } footer .copyright { margin: 20px 0 10px; } /* Fixed Navigation */ .show-when-fixed { display:none !important; } .fixed-navigation .show-when-fixed { display:block !important; } .fixed-navigation #nav { border:none; position:fixed; z-index:999999; top:0; left:50%; margin-left:-498px; -webkit-box-shadow:0 3px 2px -2px rgba(0, 0, 0, 0.25); -moz-box-shadow:0 3px 2px -2px rgba(0, 0, 0, 0.25); box-shadow:0 3px 2px -2px rgba(0, 0, 0, 0.25); } /* Advanced Dropdown Navigation */ .dropdown.advanced .menu { float:left; margin:5px 15px 15px 15px; width:160px; } .dropdown.advanced .menu a { margin:0px !important; padding:0px !important; height:24px !important; line-height:24px !important; } .dropdown.advanced .menu ul { margin-left:0; } .dropdown.advanced .menu h3 { color:#000000; font-weight:700; } .dropdown.advanced .menu h3 a:hover { text-decoration:underline; color:#000000; } /* Footer */ .newsletter .btn { height:34px; line-height:34px; margin-left:10px; } #mail { width:170px; } .wrapper.payment-methods { padding:0; background:none; margin:20px auto; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; } .payment-methods li, .payment-methods img { display:block; float:left; } .payment-methods li { margin:0 10px 10px 0; } .payment-methods img { max-width:38px; } .icon-social { display:block; float:left; } .icon-social { margin-right:5px; margin-bottom: 5px; } .icon-social { text-indent:-9999px; width:32px; height:32px; opacity:0.3; filter: alpha(opacity = 30); background: url(/cdn/shop/t/5/assets/social-icons-light-bg.png?v=161336803336762963711418462739) no-repeat; } .icon-social:hover { opacity:0.6; filter: alpha(opacity = 60); } .icon-social.twitter { background-position: 0 0; } .icon-social.facebook { background-position: -50px 0; } .icon-social.youtube { background-position: -100px 0; } .icon-social.atom { background-position: -150px 0; } .icon-social.instagram { background-position: -200px 0; } .icon-social.pinterest { background-position: -250px 0; } .icon-social.vimeo { background-position: -300px 0; } .icon-social.tumblr { background-position: -350px 0; } .icon-social.google { background-position: -400px 0; } .shop-notices { text-align:right; float:right; } .footer-columns > section { margin-bottom:15px; } /* END SECTION: LAYOUT */ /* SECTION: MODULES */ /* Search */ .searchform input { display:block; float:right; margin:0; } .searchform input.text { width:140px; margin-right:10px; } .searchform input.submit { -webkit-transition:all 0.15s; -moz-transition:all 0.15s; transition:all 0.15s; cursor:pointer; text-indent:-9999px; font-size:14px; background:#333333 url('/cdn/shop/t/5/assets/zoom_white_small.png?v=95963960289131300471418462740') 50% 50%; width:40px; height:34px; border:none; } .searchform input.submit:hover { background-color:#4AD5FF; } /* Pagination */ .pagination { padding:10px; border-bottom:1px solid #f0f0f0; border-top:1px solid #f0f0f0; } .pagination .parts { float:right; } .pagination .item.dots, .pagination .item.link, .pagination .item.current { display:block; float:left; text-align:center; margin:0 6px 0 0; padding:0; height:20px; line-height:20px; } .pagination .item.link { color:#ebc167; background-color:#555555; -webkit-border-radius:3px; width:20px; } /* Product Loop */ .product { position:relative; overflow:hidden; margin-bottom:20px; float:left; border-bottom:1px solid #f0f0f0; } .product:hover { border-color:#e0e0e0; } .product img { opacity:1; filter: alpha(opacity = 100); -webkit-transition:opacity 0.15s; -moz-transition:opacity 0.15s; transition:opacity 0.15s; } .product:hover img { opacity:0.7; filter: alpha(opacity = 70.0); } .product img, .product .image a { display:block; margin:0 auto; } .product a { text-decoration:none; } .product .details a { display:block; padding:5px 0; text-align: center; } .product .title { display:block; margin:0; line-height:24px; display:block; font-size:15px; color:#000000; font-weight:700; } .product .title:hover { text-decoration:underline; } .product .price { margin:0; display:block; font-size:12px; color:#999999; } .product .image { position:relative; overflow:hidden; } .product .image.image-loading { background:url('/cdn/shop/t/5/assets/icn_loading.gif?v=162524524638938526081418462736') no-repeat 50% 50%; } .product .banner, #product .banner { position:absolute; text-transform:uppercase; z-index:9999; font-size:11px; line-height:14px; left:0px; top:0px; color:#fff !important; background-color:#aaa; padding:1px 4px; font-weight:700; } .product .banner.sale, #product .banner.sale { background-color:#333333; } .product:hover .banner.sale, #product .banner.sale { background-color:#fca400; } /* END SECTION: MODULES */ #body, #body .row { overflow:hidden; } /* Index Page */ #index h1.featured { margin:0; } /* Product Pages */ #product .title { border-bottom:none; margin:0; text-align:center; } #product .purchase .price { text-align:center; color:#999999; font-weight:400; } #product .add-to-cart { text-decoration:none; cursor:pointer; } #product .add-to-cart .details, #product .add-to-cart .icon { float:left; } #product .add-to-cart .details .message { display:block; font-size:16px; line-height:40px; height:40px; padding:0px 15px; color:#000000; font-weight:700; border:0; } #product .add-to-cart:hover .details .message { text-decoration:none; } #product .add-to-cart .icon { -webkit-transition:all 0.2s ease-out; -moz-transition:all 0.2s ease-out; transition:all 0.2s ease-out; text-align:left; text-indent:-9999px; width:40px; height:40px; background:#333333 url('/cdn/shop/t/5/assets/icn_cart-icon.png?v=170260817669268542821418462736') 50% -40px; } #product .add-to-cart:hover .icon { background:#fca400 url('/cdn/shop/t/5/assets/icn_cart-icon.png?v=170260817669268542821418462736') 50% -82px; } #product .image { position:relative; overflow:hidden; } #product .image img { margin:0px; display:block; } #product .thumbs .image { float:left; margin:20px 20px 0 0; } #product .content { float:left; margin-left:30px; max-width:200px; } #product .product_body { margin-bottom:20px; } #product .description {border-top: 4px solid #FFBB00;text-align:center; padding-bottom:20px; border-bottom:1px solid #f0f0f0; } #add-item-form { padding-top:20px; } #placeholder { -webkit-transition:all 0.15s; -moz-transition:all 0.15s; transition:all 0.15s; opacity:1; } #placeholder.loading-image { opacity:0; } #product #social { margin-top:20px; padding-top:20px; border-top:1px solid #f0f0f0; } #product .purchase-section.multiple { margin-top:20px; } #product .row > div { overflow:hidden; } .selector-wrapper { margin-bottom:15px; } .selector-wrapper label, .selector-wrapper select, .select label { display:block; } .select label, .selector-wrapper label { font-size:12px; color:#999; margin-bottom:8px; } #product .previous_product { float:left; margin-right:10px; } #product .next_product { float:left; } #zoom-image:hover { background-color:#fca400; } #zoom-image { -webkit-transition:all 0.15s ease-in-out; -moz-transition:all 0.15s ease-in-out; transition:all 0.15s ease-in-out; cursor:pointer; border:none; margin:0; padding:0; position:absolute; bottom:0; left:0; z-index:9999; width:40px; overflow:hidden; background:#333333 url('/cdn/shop/t/5/assets/zoom_white_large.png?v=133491871265313216121418462739') no-repeat -2px 50%; line-height:40px; height:40px; color:#fff; text-align:left; text-indent:-9999px; } /* Collection Pages */ #collection .title { margin:0; } #sort-by { padding-top: 15px; } .tags ul { list-style:none; margin:0; } .tags li { display:block; float:left; font-size:11px; background:#f0f0f0; color:#333333; border-radius:3px; margin:0 6px 6px 0; padding:0; } .tags li a { display:block; color:#333333; padding:0 8px; } .tags li.active { background:#333333; color:#f0f0f0; } .tags li.active a { color:#f0f0f0; } /* Customer Pages */ #customer-account p, #customer-order p { line-height:14px; } #login input.text { width:220px; } #customer-activate .create-password { margin-bottom:30px; } #customer-activate .label, #customer-login .label, #customer-reset-password .label, #create_customer label { display:block; } #customer-activate .text, #customer-login .text, #customer-reset-password .text, #create_customer .text { display:block; margin-bottom:15px; } #customer-login .action_bottom, #create_customer .action_bottom { margin-top:15px;} #order_cancelled { margin-bottom:30px; } #customer-addresses .add-new-address { display:block; } .action_bottom span { line-height:40px; } #customer_sidebar{float:right;} /* Blogs, Articles, and Pages */ #blog .title { margin:0; } #blog .article { margin-bottom:30px; } #article .comment { margin-bottom:15px; } #article .comment_form { margin-top:30px; } #article .comment_form .subtext { margin-bottom:15px; } #article .comment_form label { display:block; } #article .comment_form .text { margin-bottom:15px; display:block; } .sidebar .article { margin-bottom:15px; } #page .page-with-contact-form { margin-bottom:30px; } #blog .date, #article .date { font-size:12px; color:#999; font-weight:400; } #address note{float:left;} /* Cart Page */ #cart .buttons { margin-top:30px; } #cart .extra-checkout-buttons { float:right; text-align:right; } #cart .qty { text-align:center; } #cart .price, #cart .remove { text-align:right; } #checkout { float:right; margin-left:15px; } #update-cart { float:right; } #cart .image { max-width:160px; text-align:center; } #cart .image a, #cart .image img { margin:0; } #cart a .variant_title { display:block; color:#555555; } #cart a:hover .variant_title { color:#555555; } #cart .item { max-width:400px; } #cart .item-description { font-size:12px; } .extra-checkout-buttons input { border: none; width: auto; height: auto; } .subtext.success { font-weight:700; color:#40954a; } div.errors, .subtext.error { font-weight:700; color:#954040; } div.errors { margin-bottom:15px; } /* Search Page */ #search .results .thumbnail a { display:block; float:right; } /*CATEGORIE*/ /*FINECATEGORIE*/ .tprofile, .tnotify { display: inline-block; /* width: 130px; */ margin-top: 15px; } .divnovita h4{font-family: 'Lato';} .divnovita {font-family: 'Lato';} .imgbors{width:100%; border-bottom: 2px solid #FFBB00; margin-bottom:20px; } .pph{font-family:"Impact, Charcoal, sans-serif"; } .infofooter{ background-color:#E3E3E3; height:200px; } .pubblicita{margin-left:10%; margin-top:25px;} .term {float:left; width:25%; border: 2px solid red; height:100%; } .cont{float:left;width:75%; border: 2px solid #FFBB00; height:100%;} .divcont{ width:50%; float:left; margin-top:10px; padding: 0px; } .divcont p{color:#555555 ;} .cont1 { width:33%; float:left; } .cont2 { width:33%;float:left; } .cont3 { width:33%; float:left;} .cont1 h4{ text-align:center; width:33%; color:#555555 ; border-bottom: 4px #555555 solid; margin-left:25%;} .cont2 h4{ text-align:center; width:33%; color:#555555 ; border-bottom: 4px #555555 solid; margin-left:25%;} .cont3 h4{ text-align:center; width:33%; color:#555555 ; border-bottom: 4px #555555 solid; margin-left:25%;} .strisciaup{width:100%;background-color:#FFBB00; color:#FFBB00; margin-top:-20px; margin-bottom:10px; border-bottom: 2px solid #FFBB00; padding: 0px;} .divimmhome{width:50%; float:left; padding: 0px; margin: 0px;} .divimmhome2{width:50%; float:right; padding: 0px; margin-top: 20px;} .divoff{width:100%; height:200px;} .rotonda{ border: 2px solid #FFBB00; behavior: url(/assets/border-radius.htc); border-radius: 15984px; } .rotonda2{ border: 2px solid #FFBB00; position: relative; behavior: url('border-radius.htc'); border-radius: 15984px; } /*IMMAGINIMOSAICO */ .divtestohome{ width:100%; text-align:center; float:left; padding: 0px; margin: 0px; } .divnovita{width:50%; text-align:center; float:left; padding-top: 60px;} .divnovita p{padding: 3px; text-align: center; line-height: 1.6em; text-decoration: none; } .divtestohome h4{ margin-top:60px; color:black; border-bottom: 2px solid #FFBB00; width:50%; margin-left:25%; font-size:21px; padding-bottom:5px; } .divnovita h4{ margin-top:70px; color:black; border-bottom: 2px solid #FFBB00; width:60%; margin-left:20%; font-size:30px; padding-bottom:5px;} .divofferta h4{ margin-top:70px; color:black; border-bottom: 5px solid #FFBB00; width:50%; margin-left:25%; font-size:21px; padding-bottom:5px;} .fb{position:relative; top:5px; left:3px;} .testofooter{color:white; } /* div generale */ div.home{ width:100%; padding: 0px; margin: 0px; border-right: 1px solid #AAAAAA ; border-left: 1px solid #AAAAAA ; } div.menuhome{ width:100%; background-image: url("https://cdn.shopify.com/s/files/1/0528/7361/files/light_noise_diagonal.png?9091"); border-right: 1px solid #AAAAAA ; border-right: 1px solid #AAAAAA ; border-left: 1px solid #AAAAAA ; border-top: 1px solid #AAAAAA ; padding: 0px; margin: 0px; } div.contenitorewidgets { width: 100%; padding: 0px; margin: 0px; float:left; border-right: 1px solid #AAAAAA ; border-left: 1px solid #AAAAAA ; } div.contenitore { padding: 0px; margin: 0px; width: 100%; height: 390px; float:left; border-right: 1px solid #AAAAAA ; border-left: 1px solid #AAAAAA ; } /*fineslide*/ /*FOOTER*/ /*SLIDE GRANDI*/ div.contenitore2 { padding: 0px; margin: 0px; width: 100%; height: 390px; float:left; border-right: 1px solid #AAAAAA ; border-left: 1px solid #AAAAAA ; } .w100{width:100%;} /* DIV CATEGORIE */ div.divcategorie{ width:100%; height:100%; padding-bottom: 1%; padding-top: 2%; margin: 0px; } /*NUOVE IMMAGINI CATEGORIE*/ .grid { overflow: hidden; margin: 0; width: 100%; list-style: none; text-align: center; margin-bottom:-8px; } /* Common style */ .grid figure { position: relative; z-index: 1; display: inline-block; overflow: hidden; margin: 0em -0.135em; width: 50%; height: 200px; border: 4px solid #FFBB00; background: #FFBB00; text-align: center; cursor: pointer; margin-left:-2px; } .grid figure img { position: relative; display: block; min-height: 100%; opacity: 1; width:100%; } .grid figure figcaption { color: #fff; text-transform: uppercase; font-size: 1.25em; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .grid figure figcaption::before, .grid figure figcaption::after { pointer-events: none; } .grid figure figcaption, .grid figure a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* Anchor will cover the whole item by default */ /* For some effects it will show as a button */ .grid figure a { z-index: 1000; text-indent: 200%; white-space: nowrap; font-size: 0; opacity: 0; } .grid figure h2 { word-spacing: -0.15em; font-weight: 300; } .grid figure h2 span { font-weight: 800; } .grid figure h2, .grid figure p { margin: 0; } .grid figure p { letter-spacing: 1px; font-size: 68.5%; } /*GRIGLIA SOTTO DIV*/ .gridb { overflow: hidden; margin: 0; width: 100%; list-style: none; text-align: center; margin-bottom:-8px; } /* Common style */ .gridb figure { position: relative; z-index: 1; display: inline-block; overflow: hidden; margin: 0em -0.135em; width: 33.4%; height: 200px; border: 4px solid #FFBB00; background: #FFBB00; text-align: center; cursor: pointer; } .gridb figure img { position: relative; display: block; min-height: 100%; opacity: 1; width:100%; } .gridb figure figcaption { color: #fff; text-transform: uppercase; font-size: 1.25em; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .gridb figure figcaption::before, .gridb figure figcaption::after { pointer-events: none; } .gridb figure figcaption, .gridb figure a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* Anchor will cover the whole item by default */ /* For some effects it will show as a button */ .gridb figure a { z-index: 1000; text-indent: 200%; white-space: nowrap; font-size: 0; opacity: 0; } .gridb figure h2 { word-spacing: -0.15em; font-weight: 300; } .gridb figure h2 span { font-weight: 800; } .gridb figure h2, .gridb figure p { margin: 0; } .gridb figure p { letter-spacing: 1px; font-size: 68.5%; } /* GRIGLIACREA*/ .gridb2 { overflow: hidden; margin: 0; width: 45%; list-style: none; text-align: center; margin-left: 27.5%; } /* Common style */ .gridb2 figure { position: relative; z-index: 1; display: inline-block; overflow: hidden; margin: 0 -1.135em; width: 100%; height: 200px; border: 4px solid #FFBB00; background: #FFBB00; text-align: center; cursor: pointer; } .gridb2 figure img { position: relative; display: block; min-height: 100%; opacity: 1; width:100%; } .gridb2 figure figcaption { color: #fff; text-transform: uppercase; font-size: 1.25em; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .gridb2 figure figcaption::before, .gridb2 figure figcaption::after { pointer-events: none; } .gridb2 figure figcaption, .gridb2 figure a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* Anchor will cover the whole item by default */ /* For some effects it will show as a button */ .gridb2 figure a { z-index: 1000; text-indent: 200%; white-space: nowrap; font-size: 0; opacity: 0; } .gridb2 figure h2 { word-spacing: -0.15em; font-weight: 300; } .gridb2 figure h2 span { font-weight: 800; } .gridb2 figure h2, .gridb2 figure p { margin: 0; } .gridb2 figure p { letter-spacing: 1px; font-size: 68.5%; } /*GRID UOMO*/ .griduomo { overflow: hidden; margin: 0; width:65%; list-style: none; text-align: center; float:left; border: 2px solid #FFBB00; } /* Common style */ .griduomo figure { position: relative; z-index: 1; float:left; overflow: hidden; margin: 0; width: 50%; height: 200px; background: #FFBB00; text-align: center; cursor: pointer; } .griduomo figure img { position: relative; display: block; min-height: 100%; opacity: 1; width:100%; } .griduomo figure figcaption { color: #fff; text-transform: uppercase; font-size: 1.25em; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .griduomo figure figcaption::before, .griduomo figure figcaption::after { pointer-events: none; } .griduomo figure figcaption, .griduomo figure a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* Anchor will cover the whole item by default */ /* For some effects it will show as a button */ .griduomo figure a { z-index: 1000; text-indent: 200%; white-space: nowrap; font-size: 0; opacity: 0; } .griduomo figure h2 { word-spacing: -0.15em; font-weight: 300; } .griduomo figure h2 span { font-weight: 800; } .griduomo figure h2, .griduomo figure p { margin: 0; } .griduomo figure p { letter-spacing: 1px; font-size: 68.5%; } /*GRID NOVITA'*/ .gridnovita { overflow: hidden; margin: 0; width:50%; list-style: none; text-align: center; margin-left:25%; border: 4px solid #FFBB00; } /* Common style */ .gridnovita figure { position: relative; z-index: 1; float:left; overflow: hidden; margin: 0; width: 50%; height: 200px; background: #FFBB00; text-align: center; cursor: pointer; } .gridnovita figure img { position: relative; display: block; min-height: 100%; opacity: 1; width:100%; } .gridnovita figure figcaption { color: #fff; text-transform: uppercase; font-size: 1.25em; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .gridnovita figure figcaption::before, .griduomo figure figcaption::after { pointer-events: none; } .gridnovita figure figcaption, .gridnovita figure a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* Anchor will cover the whole item by default */ /* For some effects it will show as a button */ .gridnovita figure a { z-index: 1000; text-indent: 200%; white-space: nowrap; font-size: 0; opacity: 0; } .gridnovita figure h2 { word-spacing: -0.15em; font-weight: 300; } .gridnovita figure h2 span { font-weight: 800; } .gridnovita figure h2, .gridnovita figure p { margin: 0; } .gridnovita figure p { letter-spacing: 1px; font-size: 68.5%; } /*FINE GRID NOVITA'*/ /* FINE GRID UOMO*/ figure.effect-marley figcaption::before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: -webkit-linear-gradient(top, rgba(72,76,97,0.8) 100%, rgba(72,76,97,0.8) 100%); background: linear-gradient(to bottom, rgba(72,76,97,0.8) 100%, rgba(72,76,97,0.8) 100%); content: ''; opacity: 0; -webkit-transform: translate3d(0,50%,0); transform: translate3d(0,50%,0); border-top: 2px solid #FFBB00; } figure.effect-marley figcaption::before, figure.effect-sadie p { -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; } figure.effect-marley:hover figcaption::before , figure.effect-sadie:hover p { opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } figure.effect-marley figcaption { text-align: right; } figure.effect-marley h2, figure.effect-marley p { position: absolute; right: 30px; left: 30px; padding: 10px 0; text-align:center; font-size:20px; } figure.effect-marley p { bottom: 30px; line-height: 1.5; -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0); } figure.effect-marley h2 { top: 30px; text-align:center; -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; -webkit-transform: translate3d(0,20px,0); transform: translate3d(0,20px,0); color:white; font-size:30px; } figure.effect-marley:hover h2 { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } figure.effect-marley h2::after { position: absolute; top: 100%; left: 0; width: 100%; height: 4px; background: #fff; content: ''; -webkit-transform: translate3d(0,40px,0); transform: translate3d(0,40px,0); } figure.effect-marley h2::after, figure.effect-marley p { opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; } figure.effect-marley:hover h2::after, figure.effect-marley:hover p { opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } /*GRIGLIA 2*/ .grid2 { overflow: hidden; margin: 0; padding: 0 0 0 0; list-style: none; text-align: center; } /* Common style */ .grid2 figure { position: relative; z-index: 1; display: inline-block; overflow: hidden; height: 150px; background: #3085a3; text-align: center; cursor: pointer; box-shadow: 0px 0px 4px #000; -webkit-box-shadow: 0px 0px 4px #000; -moz-box-shadow: 0px 0px 4px #000; -o-box-shadow: 0px 0px 2px #000; } .grid2 figure img { position: relative; display: block; min-height: 100%; opacity: 0.8; } .grid2 figure figcaption { padding: 2em; color: #fff; text-transform: uppercase; font-size: 1.25em; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .grid2 figure figcaption::before, .grid2 figure figcaption::after { pointer-events: none; } .grid2 figure figcaption, .grid2 figure a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* Anchor will cover the whole item by default */ /* For some effects it will show as a button */ .grid2 figure a { z-index: 1000; text-indent: 200%; white-space: nowrap; font-size: 0; opacity: 0; } .grid2 figure h2 { word-spacing: -0.15em; font-size: 40px; font-weight: 300; } .grid2 figure h2 span { font-weight: 800; } .grid2 figure h2 .grid2 figure p { margin: 0; } .grid2 figure p { letter-spacing: 1px; font-size: 68.5%; } /* Individual effects */ figure.effect-sadieS4 figcaption::before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: -webkit-linear-gradient(top, rgba(82, 166, 217, 1) 0%, rgba(82, 166, 217, 1) 75%); background: linear-gradient(to bottom, rgba(82, 166, 217, 1) 0%, rgba(82, 166, 217, 1) 75%); content: ''; opacity: 0; -webkit-transform: translate3d(0,50%,0); transform: translate3d(0,50%,0); } figure.effect-sadieS4 h2 { position: absolute; top: 50%; left: 0; width: 100%; color: #000000; font-family: "Arial Rounded MT Bold", "Helvetica Rounded", Arial, sans-serif; border-bottom: 4px solid black; opacity: 1; -webkit-transition: -webkit-transform 0.35s, color 0.35s; transition: transform 0.35s, color 0.35s; -webkit-transform: translate3d(0,-50%,0); transform: translate3d(0,-50%,0); } figure.effect-sadieS4 figcaption::before, figure.effect-sadieS4 p { -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; } figure.effect-sadieS4 p { position: absolute; bottom: 0; left: 0; padding: 2em; width: 100%; opacity: 0; -webkit-transform: translate3d(0,10px,0); transform: translate3d(0,10px,0); } figure.effect-sadieS4:hover h2 { color: #fff; -webkit-transform: translate3d(0,-50%,0) translate3d(0,-40px,0); transform: translate3d(0,-50%,0) translate3d(0,-40px,0); opacity: 1; border-bottom: 4px solid white; } figure.effect-sadieS4:hover figcaption::before , figure.effect-sadieS4:hover p { opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } /*EFFETTO HONEY DONNA*/ figure.effect-honey2 { background: #f7c1ea; } figure.effect-honey2 img { opacity: 0.9; -webkit-transition: opacity 0.35s; transition: opacity 0.35s; } figure.effect-honey2:hover img { opacity: 0.2; } figure.effect-honey2 figcaption::before { position: absolute; bottom: 0; left: 0; width: 100%; height: 10px; background: #fff; content: ''; -webkit-transform: translate3d(0,10px,0); transform: translate3d(0,10px,0); } figure.effect-honey2 h2 { position: absolute; bottom: 0; left: 0; padding: 1em 1.5em; width: 100%; opacity: 0.5; text-align: left; color: #ffffff; font-size: 30px; -webkit-transform: translate3d(0,-30px,0); transform: translate3d(0,-30px,0); text-shadow: 2px 2px 8px #000000; } figure.effect-honey2 h2 i { font-style: normal; opacity: 0; color:#000000; margin-left:5%; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(0,-30px,0); transform: translate3d(0,-30px,0); } figure.effect-honey2 figcaption::before, figure.effect-honey2 h2 { -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; } figure.effect-honey2:hover figcaption::before, figure.effect-honey2:hover h2, figure.effect-honey2:hover h2 i { opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } /*EFFETTO HONEY*/ figure.effect-honey { background: #acc8ff; } figure.effect-honey img { opacity: 1; -webkit-transition: opacity 0.35s; transition: opacity 0.35s; } figure.effect-honey:hover img { opacity: 0.4; } figure.effect-honey figcaption::before { position: absolute; bottom: 0; left: 0; width: 100%; height: 10px; background: #FFBB00; content: ''; -webkit-transform: translate3d(0,10px,0); transform: translate3d(0,10px,0); } figure.effect-honey h2 { position: absolute; bottom: 0; left: 0; padding: 1em 1.5em; width: 100%; opacity: 1; text-align: left; color: #ffffff; font-size: 30px; -webkit-transform: translate3d(0,-30px,0); transform: translate3d(0,-30px,0); text-shadow: 2px 2px 8px #000000; } figure.effect-honey h2 i { font-style: normal; opacity: 0; color:#FFBB00; margin-left:5%; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(0,-30px,0); transform: translate3d(0,-30px,0); } figure.effect-honey figcaption::before, figure.effect-honey h2 { -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; } figure.effect-honey:hover figcaption::before, figure.effect-honey:hover h2, figure.effect-honey:hover h2 i { opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } /*EFFETTO PAGINA SCONTI E NOVITA'*/ figure.effect-honeysn { background: #FFBB00; } figure.effect-honeysn img { opacity: 1; -webkit-transition: opacity 0.35s; transition: opacity 0.35s; } figure.effect-honeysn:hover img { opacity: 0.2; } figure.effect-honeysn figcaption::before { position: absolute; bottom: 0; left: 0; width: 100%; height: 10px; background: #FFBB00; content: ''; -webkit-transform: translate3d(0,10px,0); transform: translate3d(0,10px,0); } figure.effect-honeysn h2 { position: absolute; bottom: 25%; left: 10%; padding: 1em 1.5em; width: 100%; opacity: 0; text-align: left; color: #ffffff; font-size: 30px; -webkit-transform: translate3d(0,-30px,0); transform: translate3d(0,-30px,0); } figure.effect-honeysn h2 i { font-style:italic; opacity: 0; color:#333333; font-size: 30px; top:50%; left:50%; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(0,-30px,0); transform: translate3d(0,-30px,0); } figure.effect-honeysn figcaption::before, figure.effect-honeysn h2 { -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; } figure.effect-honeysn:hover figcaption::before, figure.effect-honeysn:hover h2, figure.effect-honeysn:hover h2 i { opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } /*FINE EFFETTO PAGINA E SCONTI */ /*versione mobile*/ div.menumobile{ width:100%; height:90px; background-image: url("https://cdn.shopify.com/s/files/1/0528/7361/files/kindajean.png?10952"); margin-bottom:4px; border-radius: 10px 10px 10px 10px; padding: 0px; margin: 0px; } } .blu:hover { text-decoration:none; color:#E3E1E1;} .testoboxtopmobile { width:40%; text-align:center; color: #333333; height:40px; float:left; font-family: "Comic Sans MS"; font-size: 18px; border-right: 1px solid #AAAAAA ; border-left: 1px solid #AAAAAA ; border-bottom: 1px solid #AAAAAA ; border-top: 1px solid #AAAAAA ; padding-top:7px; border-radius: 10px 10px 10px 10px; background-color: #3498DB; margin-left:19px; border-bottom: 5px solid #2980B9; text-shadow: 0px -1px #2980B9; color:white; } .testoboxbottommobile { width:40%; text-align:center; color: #333333; height:40px; float:left; padding-top:7px; font-family: "Comic Sans MS", "Comic Sans", cursive; font-size: 18px; border-right: 1px solid #AAAAAA ; border-left: 1px solid #AAAAAA ; border-bottom: 1px solid #AAAAAA ; border-top: 1px solid #AAAAAA ; border-radius: 10px 10px 10px 10px; margin:2px; margin-left:19px; border-bottom: 5px solid #2980B9; text-shadow: 0px -1px #2980B9; background-color: #3498DB; color:white; } .crealogin {float:left;} .crealogin2 {float:right;} /*FINE IMMAGINI CATEGORIE*/ .gridde { overflow: hidden; margin: 0; padding: 3em 0 0 0; width: 100%; list-style: none; text-align: center; } /* Common style */ .gridde figure { position: relative; z-index: 1; display: inline-block; overflow: hidden; margin: -0.135em; width: 100%; height: 100px; text-align: center; cursor: pointer; } .gridde figure img { position: relative; display: block; min-height: 100%; opacity: 1; } .gridde figure figcaption { padding: 2em; color: #fff; text-transform: uppercase; font-size: 1.25em; -webkit-backface-visibility: hidden; backface-visibility: hidden; margin-top:-55px; } .gridde figure figcaption::before, .grid figure figcaption::after { pointer-events: none; } .gridde figure figcaption, .gridde figure a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* Anchor will cover the whole item by default */ /* For some effects it will show as a button */ .gridde figure a { z-index: 1000; text-indent: 200%; white-space: nowrap; font-size: 0; opacity: 0; } .gridde figure h2 { word-spacing: -0.15em; font-size: 40px; font-weight: 800; color: #3a3a3a; } .gridde figure h2 span { font-weight: 800; } .gridde figure h2, .gridde figure p { margin: 0; } .gridde figure p { letter-spacing: 1px; font-size: 68.5%; color: #3a3a3a; } figure.effect-sarah { } figure.effect-sarah img { width: -webkit-calc(100% + 20px); width: calc(100% + 20px); -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(-10px,0,0); transform: translate3d(-10px,0,0); -webkit-backface-visibility: hidden; backface-visibility: hidden; } figure.effect-sarah:hover img { opacity: 0.4; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } figure.effect-sarah figcaption { text-align: center; } figure.effect-sarah h2 { position: relative; overflow: hidden; padding: 0.5em 0; } figure.effect-sarah h2::after { position: absolute; bottom: 0; left: 0; width: 100%; height: 3px; background: #000; content: ''; -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; -webkit-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0); color: #3a3a3a; } figure.effect-sarah:hover h2::after { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } figure.effect-sarah p { padding: 1em 0; opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0); color: #3a3a3a; } figure.effect-sarah:hover p { opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } .logo1{width:25%; position:relative; z-index:2;} /* NUOVO MENU */ a{ text-decoration:none; } .contenitoremobile{ min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -30px; float:right; } .contenitoremobile:after{ content: ''; display: block; height: 40px; clear: both; } .gridcat{ width:100%; height:600px; border-bottom: 4px #FFBB00 solid; } .grigliael:hover { -moz-box-shadow: 0 0 10px rgba(0,0,0,0.5); -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.5); box-shadow: 0 0 10px rgba(0,0,0,0.5); filter: contrast(160%); -webkit-filter: contrast(160%); -moz-filter: contrast(160%); -o-filter: contrast(160%); -ms-filter: contrast(160%); } .grigliacati:hover { -moz-box-shadow: 0 0 10px rgba(0,0,0,0.5); -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.5); box-shadow: 0 0 10px rgba(0,0,0,0.5); -webkit-filter: contrast(160%); filter: contrast(160%); -webkit-filter: contrast(160%); -moz-filter: contrast(160%); -o-filter: contrast(160%); -ms-filter: contrast(160%); } .grigliacati2 :hover{ opacity:1;-moz-box-shadow: 0 0 10px rgba(0,0,0,0.5); -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.5); box-shadow: 0 0 10px rgba(0,0,0,0.5); -webkit-filter: contrast(120%); filter: contrast(120%); -webkit-filter: contrast(120%); -moz-filter: contrast(120%); -o-filter: contrast(120%); -ms-filter: contrast(120%); } /*Strip the ul of padding and list styling*/ #menu ul { margin: 0; padding: 0; } #menu .main-menu { display: none; } #tm:checked + .main-menu { display: block; } #menu input[type="checkbox"], #menu ul span.drop-icon { display: none; } #menu li, #toggle-menu, #menu .sub-menu, #menu .sub-menu2 { text-decoration: none; } #menu li, #toggle-menu { } #menu .sub-menu { background-color: #F2F2F2; text-align:left; margin: 0 1em; border-bottom: 2px #FFBB00 solid; text-decoration: none; } #menu .sub-menu2 { background-color: #F2F2F2; text-align:center; margin: 0 1em; border-bottom: 2px #FFBB00 solid; text-decoration: none; } #menu .sub-menu3 { background-color: #F2F2F2; text-align:right; margin: 0 1em; border-bottom: 2px #FFBB00 solid; text-decoration: none; } #menu .sub-menu li:last-child { } #menu .sub-menu2 li:last-child { } #menu .sub-menu3 li:last-child { } #menu li, #toggle-menu, #menu a { position: relative; display: block; color:#636363; font-weight: bold; font-size:17px; } #menu, #toggle-menu { /*MENU*/ background-color: #FAFAFA; border-bottom: 2px #FFBB00 solid; color:#333333; text-align:center; } #toggle-menu, #menu a { padding: 1em 1.5em; } #menu li:hover > a{ background-color: #FFBB00; color: #fff; } #menu .sub-menu li:hover > a{ background-color: #76CAF5; color: #fff; } #menu .sub-menu2 li:hover > a{ background-color: #fff; color: #76CAF5; } #menu .sub-menu3 li:hover > a{ background-color: #fff; color: #76CAF5; } #menu .sub-menu, #menu .sub-menu2, #menu .sub-menu3 { display: none; } #menu input[type="checkbox"]:checked + .sub-menu { display: block; } #menu input[type="checkbox"]:checked + .sub-menu2 { display: block; } #menu input[type="checkbox"]:checked + .sub-menu3 { display: block; } #menu .sub-menu a:hover { color: #444; } #menu .sub-menu2 a:hover { color: #444; } #menu .sub-menu3 a:hover { color: #444; } #toggle-menu .drop-icon, #menu li label.drop-icon { position: absolute; right: 1.5em; top: 1.25em; padding-top:0.5em; } #menu label.drop-icon, #toggle-menu span.drop-icon { border-radius: 50%; width: 2em; height: 2em; text-align: center; background-color: rgba(0, 0, 0, .125); text-shadow: 0 0 0 transparent; color: rgba(255, 255, 255, .75); margin-top:-10px; } @media only screen and (max-width: 64em) and (min-width: 52.01em) { #menu li { } #menu .sub-menu li { width: auto; } #menu .sub-menu2 li { width: auto; } #menu .sub-menu3 li { width: auto; } } @media only screen and (min-width: 52em) { #menu .main-menu { display: block; } #menu .sub-menu {text-align:center;} #menu .sub-menu2 {text-align:center;} #menu .sub-menu3 {text-align:center;} #toggle-menu, #menu label.drop-icon { display: none; } #menu ul span.drop-icon { display: inline-block; } #menu li { float: left; border-width: 0 1px 0 0; } #menu .sub-menu li { float: none; } #menu .sub-menu2 li { float: none; } #menu .sub-menu3 li { float: none; } #menu .sub-menu, #menu .sub-menu2, #menu .sub-menu3 { border-width: 0; margin: 0; position: absolute; top: 100%; left: 0; width: 12em; z-index: 3000; } #menu .sub-menu, #menu input[type="checkbox"]:checked + .sub-menu { display: none; } #menu .sub-menu2, #menu input[type="checkbox"]:checked + .sub-menu2 { display: none; } #menu .sub-menu3, #menu input[type="checkbox"]:checked + .sub-menu2 { display: none; } #menu .sub-menu li { border-width: 0 0 1px; } #menu .sub-menu2 li { border-width: 0 0 1px; } #menu .sub-menu3 li { border-width: 0 0 1px; } #menu .sub-menu .sub-menu { top: 0; left: 100%; } #menu .sub-menu2 { top: 0; left: 100%; } #menu .sub-menu3 { top: 0; left: 100%; } #menu li:hover > input[type="checkbox"] + .sub-menu { display: block; } #menu li:hover > input[type="checkbox"] + .sub-menu2 { display: block; } #menu li:hover > input[type="checkbox"] + .sub-menu3 { display: block; } #menu label.drop-icon, #toggle-menu span.drop-icon { } } /*INIZIO FOOTER*/ .nfooter{ width:1201px;} .nfooter2{ width:1201px; height:150px; } .nfooter3{ width:75%; } .nfooter31{ font-family: 'Arvo', serif; background-color:#EDEDED; width:33%; height:150px; float:left; } .nfooter31 h4 { padding-left:10px; font-size:15px; width:100%; color:#555555 ; border-bottom: 2px #333333 solid; } .nfooter31 p { color:#333333;} .nfooter32{font-family: 'Lato', serif; background-color:#EDEDED; width:33%; height:150px; float:left; } .nfooter32 h4 { padding-left:10px; font-size:15px; width:100%; color:#555555 ; border-bottom: 2px #333333 solid; } .nfooter32 p { color:#333333;} .nfooter33{font-family: 'Lato', serif; background-color:#EDEDED; width:34%; height:150px; float:left; } .nfooter33 h4 { padding-left:10px; font-size:15px; width:100%; color:#555555 ; border-bottom: 2px #333333 solid; } .nfooter33 p { color:#333333;} .nfooter34{font-family: 'Lato', serif; background-color:#333333; width:33%; height:150px; float:left; color:white; border-bottom: 2px #FFBB00 solid;} .nfooter34 h4 { padding-left:10px; font-size:15px;width:100%; border-bottom: 2px #FFBB00 solid; color:white; } .nfooter34 p { padding-left:10px;} .nfooter34 p { color:white;} .nfooter41{background-color:#333333; width:33%; height:150px; float:left; border-bottom: 2px #FFBB00 solid; } .nfooter41 h4{ padding-left:10px; font-size:15px; width:100%; color:white; border-bottom: 2px #FFBB00 solid;} .nfooter42{font-family: 'Lato', serif; background-color:#333333; width:34%; height:150px; float:left; border-bottom: 2px #FFBB00 solid; } .nfooter42 h4 { padding-left:10px; font-size:15px; width:100%; color:white; border-bottom: 2px #FFBB00 solid;} .nfooter42 p { color:white; text-align:left;} /*FINE FOOTER*/ .testoborse{ text-align:center; width:80%; margin-left:10%;} .w100{width:100%; border-bottom: 2px #FFBB00 solid; margin-bottom:25px;} .bottoneentra { background-color:#333333; -moz-border-radius:28px; -webkit-border-radius:28px; border-radius:28px; border:1px solid #333333; display:inline-block; cursor:pointer; color:#ffffff; font-family:Trebuchet MS; font-size:17px; padding:20px 48px; text-decoration:none; text-shadow:0px 1px 0px #2f6627; margin-top:20px; margin-left:44%; } .bottoneentra:hover { background-color:#ffbb00; } .bottoneentra:active { position:relative; top:1px; } .divborsa {width:600px; height:600px; float:left;} .imgb1 {width:400px; height:400px; float:right; max-width: 100%; -moz-transition: all 1s; -webkit-transition: all 1s; transition: all 1s; } .imgb1:hover { max-width: 100%; position:relative; -moz-transform: scale(1.5); -webkit-transform: scale(1.5); transform: scale(1.5) } .divimgb2{width:200px; height:400px; float:right;} .imgb2 {width:200px; height:133,3px; float:left; max-width: 100%; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; } .imgb2:hover { -moz-transform: scale(1.5); -webkit-transform: scale(1.5); transform: scale(1.5); border: 2px solid #FFBB00; } .divborsa p{font-family: 'Arvo', cursive; margin-top:5px; text-align:center; font-size:15px; width:90%; border-bottom: 2px solid #333333; margin-left:5%;} .imgb1r {width:400px; height:400px; float:left; max-width: 100%; -moz-transition: all 1s; -webkit-transition: all 1s; transition: all 1s; border: 2px solid #FFBB00; } .imgb1r:hover { max-width: 100%; position:relative; -moz-transform: scale(1.5); -webkit-transform: scale(1.5); transform: scale(1.5) border: 2px solid #FFBB00; } .divimgb2r{width:200px; height:400px; float:right;} .imgb2r {width:200px; height:133,3px; float:left; max-width: 100%; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; } .imgb2r:hover { -moz-transform: scale(1.5); -webkit-transform: scale(1.5); transform: scale(1.5); border: 2px solid #FFBB00; } .bbtn { background: #333333; background-image: -webkit-linear-gradient(top, #333333, #333333); background-image: -moz-linear-gradient(top, #333333, #333333); background-image: -ms-linear-gradient(top, #333333, #333333); background-image: -o-linear-gradient(top, #333333, #333333); background-image: linear-gradient(to bottom, #333333, #333333); -webkit-border-radius: 21; -moz-border-radius: 21; border-radius: 21px; font-family: Arial; color: #ffffff; font-size: 15px; padding: 5px 30px 5px 30px; text-decoration: none; } .bbtn:hover { background: #FFBB00; text-decoration: none; } figure.effect-honeyb img { opacity: 1; -moz-transition: all 1s; -webkit-transition: all 1s; transition: all 1s; border: 2px solid #FFBB00; } figure.effect-honeyb:hover img { -moz-transform: scale(1.5); -webkit-transform: scale(1.5); transform: scale(1.5) } figure.effect-honeyb figcaption::before { position: absolute; bottom: 0; left: 0; width: 100%; height: 10px; content: ''; -webkit-transform: translate3d(0,10px,0); transform: translate3d(0,10px,0); } figure.effect-honeyb h2 { position: absolute; bottom: 0; left: 0; padding: 1em 1.5em; width: 100%; opacity: 1; text-align: left; color: #FFBB00; font-size: 30px; -webkit-transform: translate3d(0,-30px,0); transform: translate3d(0,-30px,0); text-shadow: 2px 2px 8px #000000; } figure.effect-honeyb h2 i { font-style: normal; opacity: 0; color: #FFBB00; font-size: 30px; -webkit-transform: translate3d(0,-30px,0); transform: translate3d(0,-30px,0); text-shadow: 2px 2px 8px #000000; margin-left:5%; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(0,-30px,0); transform: translate3d(0,-30px,0); } figure.effect-honeyb figcaption::before, figure.effect-honeyb h2 { -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; } figure.effect-honeyb:hover figcaption::before, figure.effect-honeyb:hover h2, figure.effect-honeyb:hover h2 i { opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } .gridbb{ margin: 0; width:400px; height:400px; float:right; -moz-transition: all 1s; -webkit-transition: all 1s; transition: all 1s; } /* Common style */ .gridbb figure { position: absolute; width: 400px; height: 400px; background: #FFBB00; text-align: center; cursor: pointer; } .gridbb figure img { position: absolute; display: block; min-height: 100%; opacity: 1; width:100%; } .gridbb figure figcaption { color: #fff; text-transform: uppercase; font-size: 1.25em; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .gridbb figure figcaption::before, .gridbb figure figcaption::after { pointer-events: none; } .gridbb figure figcaption, .gridbb figure a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* Anchor will cover the whole item by default */ /* For some effects it will show as a button */ .gridbb figure a { z-index: 1000; text-indent: 200%; white-space: nowrap; font-size: 0; opacity: 0; } .gridbb figure h2 { word-spacing: -0.15em; font-weight: 300; } .gridbb figure h2 span { font-weight: 800; } .gridbb figure h2, .gridbb figure p { margin: 0; } .gridbb figure p { letter-spacing: 1px; font-size: 68.5%; } .gridbb2{ margin: 0; width:400px; height:400px; float:right; -moz-transition: all 1s; -webkit-transition: all 1s; transition: all 1s; } /* Common style */ .gridbb2 figure { position: absolute; width: 400px; height: 400px; background: #FFBB00; text-align: center; cursor: pointer; } .gridbb2 figure img { position: absolute; display: block; min-height: 100%; opacity: 1; width:100%; } .gridbb2 figure figcaption { color: #fff; text-transform: uppercase; font-size: 1.25em; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .gridbb2 figure figcaption::before, .gridbb2 figure figcaption::after { pointer-events: none; } .gridbb2 figure figcaption, .gridbb2 figure a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* Anchor will cover the whole item by default */ /* For some effects it will show as a button */ .gridbb2 figure a { z-index: 1000; text-indent: 200%; white-space: nowrap; font-size: 0; opacity: 0; } .gridbb2 figure h2 { word-spacing: -0.15em; font-weight: 300; } .gridbb2 figure h2 span { font-weight: 800; } .gridbb2 figure h2, .gridbb2 figure p { margin: 0; } .gridbb2 figure p { letter-spacing: 1px; font-size: 68.5%; } .bguida { -webkit-border-radius: 28; -moz-border-radius: 28; border-radius: 28px; font-family: Arial; color: #ffffff; font-size: 20px; background: #ffbb00; padding: 10px 20px 10px 20px; text-decoration: none; } .bguida:hover { background: #fca63c; text-decoration: none; } /* SLIDEHOME */ .mi-slider { position: relative; height: 490px; } .mi-slider ul { list-style-type: none; position: absolute; width: 100%; left: 0; bottom: 140px; overflow: hidden; text-align: center; pointer-events: none; } .no-js .mi-slider ul { position: relative; left: auto; bottom: auto; margin: 0; overflow: visible; } .mi-slider ul.mi-current { pointer-events: auto; } .mi-slider ul li { display: inline-block; padding: 20px; width: 20%; max-width: 300px; -webkit-transform: translateX(600%); transform: translateX(600%); -webkit-transition: opacity 0.2s linear; transition: opacity 0.2s linear; } .no-js .mi-slider ul li { -webkit-transform: translateX(0); transform: translateX(0); } .mi-slider ul li a, .mi-slider ul li img { display: block; margin: 0 auto; } .mi-slider ul li a { outline: none; cursor: pointer; } .mi-slider ul li img { max-width: 100%; border: none; } .mi-slider ul li h4 { display: inline-block; font-family: Baskerville, "Baskerville Old Face", "Hoefler Text", Garamond, "Times New Roman", serif; font-style: italic; font-weight: 400; font-size: 18px; padding: 20px 10px 0; } .mi-slider ul li:hover { opacity: 0.7; } .mi-slider nav { position: relative; top: 400px; text-align: center; max-width: 800px; margin: 0 auto; border-top: 5px solid #333; } .mi-slider nav a { display: inline-block; text-transform: uppercase; letter-spacing: 5px; padding: 40px 30px 30px 34px; position: relative; color: #888; outline: none; -webkit-transition: color 0.2s linear; transition: color 0.2s linear; } .mi-slider nav a:hover, .mi-slider nav a.mi-selected { color: #000; } .mi-slider nav a.mi-selected:after, .mi-slider nav a.mi-selected:before { content: ''; position: absolute; top: -5px; border: solid transparent; height: 0; width: 0; position: absolute; pointer-events: none; } .mi-slider nav a.mi-selected:after { border-color: transparent; border-top-color: #fff; border-width: 20px; left: 50%; margin-left: -20px; } .mi-slider nav a.mi-selected:before { border-color: transparent; border-top-color: #333; border-width: 27px; left: 50%; margin-left: -27px; } /* Move classes and animations */ .mi-slider ul:first-child li, .no-js .mi-slider ul li { -webkit-animation: scaleUp 350ms ease-in-out both; animation: scaleUp 350ms ease-in-out both; } @-webkit-keyframes scaleUp { 0% { -webkit-transform: translateX(0) scale(0); } 100% { -webkit-transform: translateX(0) scale(1); } } @keyframes scaleUp { 0% { -webkit-transform: translateX(0) scale(0); transform: translateX(0) scale(0); } 100% { -webkit-transform: translateX(0) scale(1); transform: translateX(0) scale(1); } } .mi-slider ul:first-child li:first-child { -webkit-animation-delay: 90ms; animation-delay: 90ms; } .mi-slider ul:first-child li:nth-child(2) { -webkit-animation-delay: 180ms; animation-delay: 180ms; } .mi-slider ul:first-child li:nth-child(3) { -webkit-animation-delay: 270ms; animation-delay: 270ms; } .mi-slider ul:first-child li:nth-child(4) { -webkit-animation-delay: 360ms; animation-delay: 360ms; } /* moveFromRight */ .mi-slider ul.mi-moveFromRight li { -webkit-animation: moveFromRight 350ms ease-in-out both; animation: moveFromRight 350ms ease-in-out both; } /* moveFromLeft */ .mi-slider ul.mi-moveFromLeft li { -webkit-animation: moveFromLeft 350ms ease-in-out both; animation: moveFromLeft 350ms ease-in-out both; } /* moveToRight */ .mi-slider ul.mi-moveToRight li { -webkit-animation: moveToRight 350ms ease-in-out both; animation: moveToRight 350ms ease-in-out both; } /* moveToLeft */ .mi-slider ul.mi-moveToLeft li { -webkit-animation: moveToLeft 350ms ease-in-out both; animation: moveToLeft 350ms ease-in-out both; } /* Animation Delays */ .mi-slider ul.mi-moveToLeft li:first-child, .mi-slider ul.mi-moveFromRight li:first-child, .mi-slider ul.mi-moveToRight li:nth-child(4), .mi-slider ul.mi-moveFromLeft li:nth-child(4) { -webkit-animation-delay: 0ms; animation-delay: 0ms; } .mi-slider ul.mi-moveToLeft li:nth-child(2), .mi-slider ul.mi-moveFromRight li:nth-child(2), .mi-slider ul.mi-moveToRight li:nth-child(3), .mi-slider ul.mi-moveFromLeft li:nth-child(3) { -webkit-animation-delay: 90ms; animation-delay: 90ms; } .mi-slider ul.mi-moveToLeft li:nth-child(3), .mi-slider ul.mi-moveFromRight li:nth-child(3), .mi-slider ul.mi-moveToRight li:nth-child(2), .mi-slider ul.mi-moveFromLeft li:nth-child(2) { -webkit-animation-delay: 180ms; animation-delay: 180ms; } .mi-slider ul.mi-moveToLeft li:nth-child(4), .mi-slider ul.mi-moveFromRight li:nth-child(4), .mi-slider ul.mi-moveToRight li:first-child, .mi-slider ul.mi-moveFromLeft li:first-child { -webkit-animation-delay: 270ms; animation-delay: 270ms; } /* Animations */ @-webkit-keyframes moveFromRight { 0% { -webkit-transform: translateX(600%); } 100% { -webkit-transform: translateX(0%); } } @-webkit-keyframes moveFromLeft { 0% { -webkit-transform: translateX(-600%); } 100% { -webkit-transform: translateX(0%); } } @-webkit-keyframes moveToRight { 0% { -webkit-transform: translateX(0%); } 100% { -webkit-transform: translateX(600%); } } @-webkit-keyframes moveToLeft { 0% { -webkit-transform: translateX(0%); } 100% { -webkit-transform: translateX(-600%); } } @keyframes moveFromRight { 0% { -webkit-transform: translateX(600%); transform: translateX(600%); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes moveFromLeft { 0% { -webkit-transform: translateX(-600%); transform: translateX(-600%); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes moveToRight { 0% { -webkit-transform: translateX(0%); transform: translateX(0%); } 100% { -webkit-transform: translateX(600%); transform: translateX(600%); } } @keyframes moveToLeft { 0% { -webkit-transform: translateX(0%); transform: translateX(0%); } 100% { -webkit-transform: translateX(-600%); transform: translateX(-600%); } } .mi-slider { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } /* Media Queries */ @media screen and (max-width: 910px){ .mi-slider nav { max-width: 90%; } .mi-slider nav a { font-size: 12px; padding: 40px 10px 30px 14px; } .mi-slider ul { margin:0px; } } @media screen and (max-width: 767px){ .mi-slider { display:none; } .mi-slider ul li {width: 24%;} .mi-slider nav { top: 220px; } } @media screen and (max-width: 590px){ .mi-slider{height: 344px;} .mi-slider nav a { font-size:8px;} .mi-slider ul {margin:0px; bottom: 140px;} .mi-slider ul li {width:24%;} } @media screen and (max-width: 499px){ .mi-slider { display:none; } .mi-slider ul { position: relative; display: inline; bottom: auto; pointer-events: auto; } .mi-slider ul li { -webkit-animation: none !important; animation: none !important; -webkit-transform: translateX(0) !important; transform: translateX(0) !important; padding: 10px 3px; min-width: 140px; } .mi-slider nav { display: none; } } @font-face { font-family: 'icomoon'; src:url('../fonts/icomoon/icomoon.eot?pvm5gj'); src:url('../fonts/icomoon/icomoon.eot?#iefixpvm5gj') format('embedded-opentype'), url('../fonts/icomoon/icomoon.woff?pvm5gj') format('woff'), url('../fonts/icomoon/icomoon.ttf?pvm5gj') format('truetype'), url('../fonts/icomoon/icomoon.svg?pvm5gj#icomoon') format('svg'); font-weight: normal; font-style: normal; } /* Icons created with icomoon.io/app */ .tabs { position: relative; width: 100%; overflow: hidden; margin: 1em 0 2em; font-weight: 300; z-index: 1; } /* Nav */ .tabs nav { text-align: center; } .tabs nav ul { padding: 0; margin: 0; list-style: none; display: inline-block; font-family: lato; } .tabs nav ul li { border: 1px solid #becbd2; border-bottom: none; margin: 0 0.25em; display: block; float: left; position: relative; } .tabs nav li.tab-current { border: 1px solid #FFBB00; box-shadow: inset 0 2px #FFBB00; border-bottom: none; z-index: 100; } .tabs nav li.tab-current:before, .tabs nav li.tab-current:after { content: ''; position: absolute; height: 1px; right: 100%; bottom: 0; width: 1000px; background: #FFBB00; } .tabs nav li.tab-current:after { right: auto; left: 100%; width: 4000px; } .staprova { opacity: 0.2; filter: alpha(opacity=20); /* For IE8 and earlier */ } .tabs nav li.tab-current .staprova { opacity:1; filter: alpha(opacity=100); /* For IE8 and earlier */ } .tabs nav a { color: #becbd2; display: block; font-size: 1.45em; line-height: 2.5; padding: 0 1.25em; white-space: nowrap; } .tabs nav a:hover { color: #768e9d; } .tabs nav li.tab-current a { color: #333333; } /* Icons */ .tabs nav a:before { display: inline-block; vertical-align: middle; text-transform: none; font-weight: normal; font-variant: normal; font-family: 'icomoon'; line-height: 1; speak: none; -webkit-font-smoothing: antialiased; margin: -0.25em 0.4em 0 0; } /* Content */ .content section { font-size: 1.25em; padding: 3em 1em; display: none; max-width: 1230px; margin: 0 auto; } .content section:before, .content section:after { content: ''; display: table; } .content section:after { clear: both; } /* Fallback example */ .no-js .content section { display: block; padding-bottom: 2em; border-bottom: 1px solid #47a3da; } .content section.content-current { display: block; } .mediabox { float: left; width: 33%; padding: 0 25px; font-family: 'Lato'; } .mediabox img { max-width: 100%; display: block; margin: 0 auto; border-bottom: 6px solid #333333; border-left: 2px solid #333333; border-right: 2px solid #333333; border-top: 2px solid #333333; } .mediabox h3 { margin: 0.75em 0 0.5em; font-size: 21px; font-family: 'Lato'; border-bottom: 2px solid #ffbb00; text-align:center; } .mediabox p { text-align:center; padding: 0 0 1em 0; margin: 0; line-height: 1.3; font-size: 16px; } .mediabox1 { float: left; width: 100%; padding: 0 25px; font-family: 'Lato'; } .mediabox1 img { max-width: 100%; display: block; margin: 0 auto; } .mediabox1 h3 { margin: 0.75em 0 0.5em; font-size: 21px; font-family: 'Lato'; border-bottom: 2px solid #ffbb00; text-align:center; } .mediabox1 p { text-align:center; padding: 0 0 1em 0; margin: 0; line-height: 1.3; font-size: 16px; } .mediabox12 { float: left; width: 50%; padding: 0 25px; font-family: 'Lato'; } .mediabox12 img { max-width: 100%; display: block; margin: 0 auto; border-bottom: 6px solid #333333; border-left: 2px solid #333333; border-right: 2px solid #333333; border-top: 2px solid #333333; } .mediabox12 h3 { margin: 0.75em 0 0.5em; text-align:center; font-size: 22px; width:50%; margin-left:25%; border-bottom: 2px solid #ffbb00 } .mediabox12 p { padding: 0 0 1em 0; margin: 0; line-height: 1.3; text-align:center; font-size: 16px; } .mediabox14 { float: left; width: 25%; padding: 0 25px; font-family: 'Lato'; } .mediabox14 img { max-width: 100%; display: block; margin: 0 auto; } .mediabox14 h3 { margin: 0.75em 0 0.5em; font-size: 21px; font-family: 'Lato'; border-bottom: 2px solid #ffbb00; text-align:center; } .mediabox14 p { text-align:center; padding: 0 0 1em 0; margin: 0; line-height: 1.3; font-size: 16px; } /* Example media queries */ @media screen and (max-width: 52.375em) { .tabs nav a span { display: none; } .tabs nav a:before { margin-right: 0; } .mediabox { float: none; width: auto; padding: 0 0 35px 0; font-size: 90%; } .mediabox img { float: left; margin: 0 25px 10px 0; max-width: 40%; } .mediabox h3 { margin-top: 0; } .mediabox p { margin-left: 40%; margin-left: calc(40% + 25px); } .mediabox:before, .mediabox:after { content: ''; display: table; } .mediabox:after { clear: both; } } @media screen and (max-width: 32em) { .tabs nav ul, .tabs nav ul li a { width: 100%; padding: 0; } .tabs nav ul li { width: 20%; width: calc(20% + 1px); margin: 0 0 0 -1px; } .tabs nav ul li:last-child { border-right: none; } .mediabox { text-align: center; } .mediabox12 { width:100%; } .mediabox img { float: none; margin: 0 auto; max-width: 100%; } .mediabox h3 { margin: 1.25em 0 1em; } .mediabox p { margin: 0; } .mediabox14 { float: left; width: 100%; padding: 0 25px; font-family: 'Lato'; } } .cbp-hrmenu { width: 100%; margin-top: 2em; border-bottom: 4px solid #47a3da; } /* general ul style */ .cbp-hrmenu ul { margin: 0; padding: 0; list-style-type: none; } /* first level ul style */ .cbp-hrmenu > ul, .cbp-hrmenu .cbp-hrsub-inner { width: 90%; max-width: 70em; margin: 0 auto; padding: 0 1.875em; } .cbp-hrmenu > ul > li { display: inline-block; } .cbp-hrmenu > ul > li > a { font-weight: 700; padding: 1em 2em; color: #999; display: inline-block; } .cbp-hrmenu > ul > li > a:hover { color: #47a3da; } .cbp-hrmenu > ul > li.cbp-hropen a, .cbp-hrmenu > ul > li.cbp-hropen > a:hover { color: #fff; background: #47a3da; } /* sub-menu */ .cbp-hrmenu .cbp-hrsub { display: none; position: absolute; background: #47a3da; width: 100%; left: 0; } .cbp-hropen .cbp-hrsub { display: block; padding-bottom: 3em; } .cbp-hrmenu .cbp-hrsub-inner > div { width: 33%; float: left; padding: 0 2em 0; } .cbp-hrmenu .cbp-hrsub-inner:before, .cbp-hrmenu .cbp-hrsub-inner:after { content: " "; display: table; } .cbp-hrmenu .cbp-hrsub-inner:after { clear: both; } .cbp-hrmenu .cbp-hrsub-inner > div a { line-height: 2em; } .cbp-hrsub h4 { color: #afdefa; padding: 2em 0 0.6em; margin: 0; font-size: 160%; font-weight: 300; } /* Examples for media queries */ @media screen and (max-width: 52.75em) { .cbp-hrmenu { font-size: 80%; } } @media screen and (max-width: 43em) { .cbp-hrmenu { font-size: 120%; border: none; } .cbp-hrmenu > ul, .cbp-hrmenu .cbp-hrsub-inner { width: 100%; padding: 0; } .cbp-hrmenu .cbp-hrsub-inner { padding: 0 2em; font-size: 75%; } .cbp-hrmenu > ul > li { display: block; border-bottom: 4px solid #47a3da; } .cbp-hrmenu > ul > li > a { display: block; padding: 1em 3em; } .cbp-hrmenu .cbp-hrsub { position: relative; } .cbp-hrsub h4 { padding-top: 0.6em; } } @media screen and (max-width: 36em) { .cbp-hrmenu .cbp-hrsub-inner > div { width: 100%; float: none; padding: 0 2em; } } .cbp-hrmenu { width: 100%; margin-top: 2em; border-bottom: 4px solid #47a3da; } /* general ul style */ .cbp-hrmenu ul { margin: 0; padding: 0; list-style-type: none; } /* first level ul style */ .cbp-hrmenu > ul, .cbp-hrmenu .cbp-hrsub-inner { width: 90%; max-width: 70em; margin: 0 auto; padding: 0 1.875em; } .cbp-hrmenu > ul > li { display: inline-block; } .cbp-hrmenu > ul > li > a { font-weight: 700; padding: 1em 2em; color: #999; display: inline-block; } .cbp-hrmenu > ul > li > a:hover { color: #47a3da; } .cbp-hrmenu > ul > li.cbp-hropen a, .cbp-hrmenu > ul > li.cbp-hropen > a:hover { color: #fff; background: #47a3da; } /* sub-menu */ .cbp-hrmenu .cbp-hrsub { display: none; position: absolute; background: #47a3da; width: 100%; left: 0; } .cbp-hropen .cbp-hrsub { display: block; padding-bottom: 3em; } .cbp-hrmenu .cbp-hrsub-inner > div { width: 33%; float: left; padding: 0 2em 0; } .cbp-hrmenu .cbp-hrsub-inner:before, .cbp-hrmenu .cbp-hrsub-inner:after { content: " "; display: table; } .cbp-hrmenu .cbp-hrsub-inner:after { clear: both; } .cbp-hrmenu .cbp-hrsub-inner > div a { line-height: 2em; } .cbp-hrsub h4 { color: #afdefa; padding: 2em 0 0.6em; margin: 0; font-size: 160%; font-weight: 300; } /* Examples for media queries */ @media screen and (max-width: 52.75em) { .cbp-hrmenu { font-size: 80%; } } @media screen and (max-width: 43em) { .cbp-hrmenu { font-size: 120%; border: none; } .cbp-hrmenu > ul, .cbp-hrmenu .cbp-hrsub-inner { width: 100%; padding: 0; } .cbp-hrmenu .cbp-hrsub-inner { padding: 0 2em; font-size: 75%; } .cbp-hrmenu > ul > li { display: block; border-bottom: 4px solid #47a3da; } .cbp-hrmenu > ul > li > a { display: block; padding: 1em 3em; } .cbp-hrmenu .cbp-hrsub { position: relative; } .cbp-hrsub h4 { padding-top: 0.6em; } } @media screen and (max-width: 36em) { .cbp-hrmenu .cbp-hrsub-inner > div { width: 100%; float: none; padding: 0 2em; } } /* General Blueprint Style */ @import url(http://fonts.googleapis.com/css?family=Lato:300,400,700); @font-face { font-family: 'bpicons'; src:url('../fonts/bpicons/bpicons.eot'); src:url('../fonts/bpicons/bpicons.eot?#iefix') format('embedded-opentype'), url('../fonts/bpicons/bpicons.woff') format('woff'), url('../fonts/bpicons/bpicons.ttf') format('truetype'), url('../fonts/bpicons/bpicons.svg#bpicons') format('svg'); font-weight: normal; font-style: normal; } /* Made with http://icomoon.io/ */ *, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } body, html { font-size: 100%; padding: 0; margin: 0;} /* Clearfix hack by Nicolas Gallagher: http://nicolasgallagher.com/micro-clearfix-hack/ */ .clearfix:before, .clearfix:after { content: " "; display: table; } .clearfix:after { clear: both; } .container > header { width: 90%; max-width: 69em; margin: 0 auto; padding: 0 1.875em 3.125em 1.875em; } .container > header { padding: 2.875em 1.875em 1.875em; } .container > header h1 { font-size: 2.125em; line-height: 1.3; margin: 0 0 0.6em 0; float: left; font-weight: 400; } .container > header > span { display: block; position: relative; z-index: 9999; font-weight: 700; text-transform: uppercase; letter-spacing: 0.5em; padding: 0 0 0.6em 0.1em; } .container > header > span span:after { width: 30px; height: 30px; left: -12px; font-size: 50%; top: -8px; font-size: 75%; position: relative; } .container > header > span span:hover:before { content: attr(data-content); text-transform: none; text-indent: 0; letter-spacing: 0; font-weight: 300; font-size: 110%; padding: 0.8em 1em; line-height: 1.2; text-align: left; left: auto; margin-left: 4px; position: absolute; color: #fff; background: #47a3da; } .container > header nav { float: right; text-align: center; } .container > header nav a { display: inline-block; position: relative; text-align: left; width: 2.5em; height: 2.5em; background: #fff; border-radius: 50%; margin: 0 0.1em; border: 4px solid #47a3da; } .container > header nav a > span { display: none; } .container > header nav a:hover:before { content: attr(data-info); color: #47a3da; position: absolute; width: 600%; top: 120%; text-align: right; right: 0; pointer-events: none; } .container > header nav a:hover { background: #47a3da; } .bp-icon:after { font-family: 'bpicons'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; text-align: center; color: #47a3da; -webkit-font-smoothing: antialiased; } .container > header nav .bp-icon:after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; line-height: 2; text-indent: 0; } .container > header nav a:hover:after { color: #fff; } .bp-icon-next:after { content: "\e000"; } .bp-icon-drop:after { content: "\e001"; } .bp-icon-archive:after { content: "\e002"; } .bp-icon-about:after { content: "\e003"; } .bp-icon-prev:after { content: "\e004"; } @media screen and (max-width: 55em) { .container > header h1, .container > header nav { float: none; } .container > header > span, .container > header h1 { text-align: center; } .container > header nav { margin: 0 auto; } .container > header > span { text-indent: 30px; } } .home {width:100%;} .home h1 {width:100%; text-align:right;color:white; background:#3399CC; font-family: 'Lato', sans-serif; margin:0; font-size:19px; padding:5px 0 0 0;} .home li{float:left; list-style-type: none; margin:0;} .home ul{float:left; list-style-type: none; margin:0;} .ncat { font-family: 'Lato', sans-serif; width:100%; font-size:16px; position: absolute; top: 90%; z-index: 10; background:#E3E3E3; text-align:center; } .logomain {width:200px; height:200px; margin:0; position:relative;} .home a{ font-family: 'Lato', sans-serif; border: 1px solid #E3E3E3; color: #515151; display: block; float: left; position: relative; text-decoration: none; } .logorp {width:35px; height:35px; z-index:11; position:absolute; top:5px;} /* SECTION: MEDIA QUERIES */ /* MQ: Desktop Slim */ @media only screen and (min-width: 1201px) { .fixed-navigation #nav { } .wrapper { width:1201px; } nav.main { display:none; } .span1 { width:34px; } .span2 { width:96px; } .span3 { width:162px; } .span4 { width:226px; } .span5 { width:590px; } .span6 { width:354px; } .span7 { width:570px; margin-top:50px;} .span8 { width:482px; } .span9 { width:546px; } .span10 { width:610px; } .span11 { width:674px; } .span12 { width:100%; } .span13 { width:100%; } .span14{margin-top:-80px;} .cart-summary { max-width:5px; } .guida{width: 70%; margin-left: 15%;} .cart-summary a .details { max-width:5px; margin-right:80px; margin-top:-50px; } .divnovita p {margin-left:20px; font-size:22px;} .divimmhome2 {padding-left:7%;} .divofferta p {margin-right:20px; font-family: 'Courgette', cursive; } .divimmhome {padding-left:7%;} .contenitoremobile{width:74%;float:right; } .divtestohome{margin-top:-70px;} #mail { width:94px; } .logo1{ height: 120px; position:relative; z-index:2; width:26%;} .grid2 {margin-top:-12px;} .grid2 figure {width:91%; } .crealogin {float:left; margin-left:90px;} .crealogin2 {float:right; margin-right: 40px;} .shopify-widget {margin-left:40px; height:310px; padding:2px; width:20%; margin-top:25px;} #push{height:0px;} .grigliaslides{width:40%; float:left; height:400px; } .grigliael{height:46%;width:45%;float:left; background-color:red; margin-bottom:31px; margin-left:24px; border-top: 4px solid #FFBB00; } .divfooter{} .grigliaslides2{width:40%; float:left; height:410px; } .grigliacat2{width:35%; float:left; height:404px; border: 2px solid #FFBB00; } .grigliacati2 img{height:100px;} .grigliacati2{width:100%; height:100px;float:left; } /* #product .image { margin-left:30%; } */ #add-item-form { padding-left:10px;} input#first_name.large {margin-left:10%;} #last_name .large {margin-left:10%;} #email .large {margin-left:10%;} #password .large.password{margin-left:10%;} #first_name .large.password{margin-left:10%;} .copy {margin-left:220px; margin-top:-20px;} .selector-wrapper { margin-bottom: 10px; float: left; padding-left: 10px; padding-right: 10px; width:33%; } input, textarea { max-width: 100%; width: 80%;} #product .add-to-cart .icon, a.btn, input.btn, .searchform input.submit, .cart-summary a .icon{ margin-left:10px; margin-top:-7px;} .textarea {width:80%;} select{width:80%;} .item-count{ width: 50px;} .searchform{} .cart-summary a .details {margin-top:-40px; } .pph {font-size:50px;} } @media only screen and (min-width: 985px) and (max-width: 1200px) { .fixed-navigation #nav { margin-left:-384px; } .wrapper { width:985px; } nav.main {display:none;} .guida{width: 60%; margin-left: 20%;} .span1 { width:34px; } .span2 { width:96px; } .span3 { width:162px; } .span4 { width:226px; } .span5 { width:530px; } .span6 { width:354px; } .span7 { width:418px; } .span8 { width:482px; } .span9 { width:546px; } .span10 { width:610px; } .span11 { width:674px; } .span12 { width:985px; } .span13 { width:100%; background-image: url("/cdn/shop/files/congruent_outline.jpg?6616"); } .span14{} div.menuhome{display:none;} .testobox { width:100%;} .grid2 {margin-top:-12px;} .grid2 figure {width:81.5%; } .crealogin {float:left; margin-left:70px;} .crealogin2 {float:right; } .shopify-widget { margin-left:12px; height:380px; margin-bottom:-80px; padding:1px; width:23%; margin-top:30px;} #mail { width:94px; } .contenitoremobile{width:70%;float:right; margin-top:-77px;} .logo1{width:30%; float:left; margin-bottom:-50px; position:relative; z-index: 2;} .divtestohome{margin-top:-6%;} .divimmhome2 {padding-left:7%;} .divimmhome {padding-left:7%;} .menu > li > a{font-size:16px;} #slideshow{height:400px; } .gridb{width:100%;} .grigliaslides{width:40%; float:left; height:330px; } .grigliael {height:46%;width:45%; float:left; margin-bottom:31px; margin-left:19px; border-top: 4px solid #FFBB00;} #product .image { margin-left:30%; } #add-item-form { margin-left:10%; padding-left:10px;} .griduomo{width:59%; height:384px} .grigliacat2{ width:41%; float:left; height:auto; border: 2px solid #FFBB00; height:384px;} .grigliacati2{width:400px; height:95px; float:left; } input#first_name.large {margin-left:10%;} #last_name .large {margin-left:10%;} #email .large {margin-left:10%;} #password .large.password{margin-left:10%;} #first_name .large.password{margin-left:10%;} .nfooter{ width:985px;} .nfooter2{ width:985px; height:150px; } .gridnovita{width:600px; margin-left:20%;} .copy {margin-left:220px; margin-top:-20px;} .pph {font-size:50px;} #push{height:0px} .nfooter42 {font-size:13px;} .divborsa { margin-left: 19%;} } @media only screen and (min-width: 768px) and (max-width: 984px) { .fixed-navigation #nav { margin-left:-384px; } nav.main {display:none;} .logo { max-width:400px; } .wrapper { width:768px; } .span1 { width:34px; } .span2 { width:96px; } .span3 { width:162px; } .span4 { width:226px; } .span5 { width:100%; } .span6 { width:354px; } .span7 { width:100%; } .span8 { width:482px; } .span9 { width:546px; } .span10 { width:610px; } .span11 { width:674px; } .span12 { width:100%; } .span13 { width:100% background-image: url("/cdn/shop/files/congruent_outline.jpg?6616"); } .span14{margin-top:50px;} .view { width:48%; } .view .mask { width:100%; height:100%;} #mail { width:94px; } .divtestohome{margin-top:-670px;} .contenitoremobile{width:100%; } .logo1{width:47%; float:left; margin-bottom:-70px; margin-left:30%;} .crealogin {float:left; margin-left:40px;} .crealogin2 {float:right; margin-right:-100px;} .divtestohome{margin-top:-60px;} .divnovita {margin-top: 10px;} .divofferta{margin-top:-20px;} .divtestohome{margin-top:-60px;;} .divimmhome2 {padding-left:4%;} .divimmhome {padding-left:4%;} .grid figure {} .grid {} .gridb {width:100%;} .gridb figure {} .gridb2 figure {} .gridb2 {} .menu > li > a{font-size:14px;} #slideshow{height:250px; margin-top:10px; } .rotonda {width:100%;margin-top:70px;} .rotonda2 {width:100%;margin-top:70px;} .grigliaslides{width:40%; float:left; height:250px; } .grigliael {height:46%;width:45%; float:left; margin-bottom:13px; margin-left:15px; border-top: 4px solid #FFBB00;} .grigliacat{width:50%; float:left; height:400px; } .grigliacati{height:40%;width:45%;float:left; margin-bottom:95px; margin-left:15px; border-top: 4px solid #FFBB00; } .gridcat{height:400px;} .griduomo{width:60%; height:292px;} .griduomo figure{ height:150px;} .grigliacat2{ width:40%; float:left; border: 2px solid #FFBB00; height:292px;} .grigliacati2{height:72px; float:left; width:304px } #product .image { margin-left:30%; } #add-item-form { margin-left:10%; padding-left:10px;} input#first_name.large {margin-left:10%;} #last_name .large {margin-left:10%;} #email .large {margin-left:10%;} #password .large.password{margin-left:10%;} #first_name .large.password{margin-left:10%;} .nfooter2{ width:768px; height:150px; } .nfooter31 { font-size: 10px;} .nfooter32 { font-size: 10px;} .nfooter33 { font-size: 10px;} .nfooter34 { font-size: 10px;} .gridnovita{width:600px; margin-left:10%;} .copy {margin-left:220px; margin-top:-20px;} .pph {font-size:50px;} #push{height:0px;} .nfooter42 p {font-size:11px;} .divborsa{margin-left: 11%;} } /* MQ: Tablet Landscape */ @media only screen and (min-width: 600px) and (max-width: 767px) { .fixed-navigation #nav { margin-left:-300px; } nav.main {display:none;} .wrapper { width:600px; } .span1 { width:20px; } .span2 { width:70px; } .span3 { width:120px; } .span4 { width:170px; } .span5 { width:100%; } .span6 { width:270px; } .span7 { width:100%; } .span8 { width:370px; } .span9 { width:420px; } .span10 { width:470px; } .span11 { width:520px; } .span12 { width:100%; } .span13 { width:100%; } .span14{margin-top:50px; width:100%;} .view { width:48%; } .contenitoremobile{width:100%; bottom:50px;} .logo1{ width:100%; float:left; margin-bottom:-20px; margin-top:20px; margin-left:45%;} .view .mask { width:100%; height:98%;} #mail { margin-bottom:10px; width:160px; } .newsletter .btn { margin-left:0; } div.menuhome{display:none;} div.divcategorie{padding-top: 5%;} .imggri{margin-left:25px; margin-top:5px; margin-bottom:15px; } .colonna{ font-size:13px;} .colonnat1 { font-size:20px; height:25px; margin-bottom:20px;} .grid2 {margin-top:-12px;} .grid2 figure{width:90%; margin-left:28px;} .crealogin {float:left;} .crealogin2 {float:right; margin-right:-60px;} .divicone {width:100%; height:500px; margin-top:20px;} .grid figure { width:100%; margin:0;} .gridb {margin-top:8px;} .gridb figure { width:100%; margin:0;} .gridb2 figure { width:100%; margin:0;} .gridb2 {width:100%; margin:0; margin-top:8px;} .divimmhome{clear: both; width:50%; margin-left:25%;} .divimmhome2{clear: both; width:50%; margin-right:25%;} .rotonda {width:100%;margin-top:70px;} .rotonda2 {width:100%;margin-top:70px;} .divnovita {width:100%; margin-top:-50px; margin-bottom: -50px; } .divofferta{width:100%; margin-top:40px;} .contenitoremobile{width:100%; } .logo1{width:80%; margin-left:15%;} .grigliaslides{width:100%; float:left; height:400px; margin-top:10px;} .grigliael {height:46%;width:35%; float:left; margin-bottom:13px; margin-left:60px; border-top: 4px solid #FFBB00;} .grigliacat{width:100%; float:left; height:400px; margin-top:25px;} .grigliacati{height:45%;width:35%;float:left; margin-bottom:35px; margin-left:10%; border-top: 4px solid #FFBB00; } .gridcat{height:400px;} .griduomo{ width:100%; } #product .image { margin-left:30%; } #add-item-form { margin-left:10%; padding-left:10px;} .grigliacat2{ width:100%; position:relative; float:left; height:auto; left:15%; } .grigliacati2{width:420px; height:100px; float:left; } input#first_name.large {margin-left:4%;} #last_name .large {margin-left:4%;} #email .large {margin-left:4%;} #password .large.password{margin-left:4%;} #first_name .large.password{margin-left:4%;} .nfooter2{ width:600px; height:100px; } .nfooter31 { font-size: 10px;} .nfooter32 { font-size: 10px;} .nfooter33 { font-size: 10px;} .nfooter34 { font-size: 10px;} .gridnovita{width:600px; margin-left:0;} .copy {margin-left:220px; margin-top:-20px; font-size:10px;} .pph {font-size:50px;} .bottoneentra {margin-left:20%; margin-top:40px} #push{height:0px;} .nfooter41 h4 {font-size:13px;} .nfooter42 p {font-size:10px;} .fb1 {width:55px;} .guida{width: 90%; margin-left: 5%;} } /* MQ: Mobile Landscape */ @media only screen and (min-width: 480px) and (max-width: 599px) { table tr td.image, table tr th.image { display:none; } .fixed-navigation #nav { margin-left:-240px; } .logo { max-width:200px; max-height:160px; } .logo h1 a { font-size:32px; margin-left:0px; } .cart-summary { max-width:5px; margin-right:10px;} .cart-summary a .details { max-width:5px; margin-right:20px; } div.divcategorie{padding-top: 11%;} nav.main { display:none; } nav.mobile { display:block; } .wrapper { width:100%; } .span1 { width:10px; } .span2 { width:50px; } .span3 { width:90px; } .span4 { width:130px; } .span5 { width:100%; } .span6 { width:300px; } .span7 { width:100%; } .span8 { width:290px; } .span9 { width:330px; } .span10 { width:370px; } .span11 { width:410px; } .span12 { width:100%;} .span13 { width:100%; } #mail { margin-bottom:10px; width:140px; } .newsletter .btn { margin-left:0; } .flex-control-nav, .flex-direction-nav { display:none !important; } .wrapper { margin:0 auto; } #cart .item-description { display:none; } nav > ul > li > a { padding: 0 6px; } .grid figure { width:100%; margin:0;} .gridb {margin-left:0; margin-top:8px;} .gridb figure { width:96%; margin:0;} .gridb2 figure { width:100%; margin:0;} .gridb2 { width:100%; margin-left:0; margin-top:8px;} .divimmhome{clear: both; width:70%; margin-left:15%;} .divimmhome2{clear: both; width:70%; margin-right:15%;} .rotonda {width:100%;margin-top:70px;} .rotonda2 {width:100%;margin-top:70px;} .divnovita {width:100%; margin-top:-50px;} .divofferta{width:100%; margin-top:20px;} .contenitoremobile{width:100%; } .logo1{width:50%; margin-left:15%; margin-top:20px;} .grigliaslides{width:100%; float:left; height:400px; margin-top:10px;} .grigliael {height:46%;width:35%; float:left; margin-bottom:13px; margin-left:55px; border-top: 4px solid #FFBB00;} .grigliacat{width:100%; float:left; height:400px; margin-top:25px;} .grigliacati{height:35%;width:40%;float:left; margin-bottom:35px; margin-left:7%; border-top: 4px solid #FFBB00; } .griduomo figure{ height:150px;} .griduomo{ width:100%;} .gridcat{ width:100%; height:300px; border-bottom: 4px #FFBB00 solid; } #product .image { margin-left:30%; } #add-item-form { margin-left:10%; padding-left:10px;} .grigliacat2{ width:100%; float:left; height:auto; margin-left:5%; } .grigliacati2{width:420px; height:102px; float:left; } figure.effect-honey h2{font-size:20px; padding:0.5em 1.5em;} #push{height:5px;} #menu li, #toggle-menu, #menu a {font-size:15px;} .crealogin {float:left; margin-left:20%;} .crealogin2{float:left; margin-left:20%;} input#first_name.large {margin-left:10%;} #last_name .large {margin-left:10%;} #email .large {margin-left:10%;} #password .large.password{margin-left:10%;} #first_name .large.password{margin-left:10%;} .nfooter31{width:100%; text-align:center;} .nfooter32{width:100%; text-align:center;} .nfooter33{width:100%;text-align:center;} .nfooter34{width:100%;text-align:center;} .nfooter41{width:100%;text-align:center;} .nfooter42{width:100%;text-align:center;} .nfooter {width:100%;text-align:center;} .nfooter2 {width:100%;text-align:center;} .gridnovita{width:100%; margin-left:0;} .copy {margin-top:10px;} .strisciaup {height:80px; width:100%;} .pph {font-size:45px; font-weight:bold;} .bottoneentra {margin-left:15%; margin-top:40px; padding:20px 30px;} .ssw-reviews-caption.ssw-right-top { display:none;} guida{width: 90%; margin-left: 5%;} } /* MQ: Mobile Portrait */ @media only screen and (max-width: 479px){ table tr td.image, table tr th.image { display:none; } .fixed-navigation #nav { margin-left:-160px; } .wrapper { width:100%; } .span1,.span2,.span3,.span4,.span5,.span6,.span7,.span8,.span9,.span10,.span11, .span12 { width:100%; float:none; } .span13 {width:100%;} .logo { max-width:150px; } .logo h1 a { font-size:24px; margin-left:0px; } .cart-summary { max-width:5px; margin-right:10px; top:15%; } .cart-summary a .details { max-width:5px; margin-right:20px; } nav.main { display:none; } nav.mobile { display:block; } #mail { margin-bottom:10px; width:159px; } .newsletter .btn { margin-left:10px; } .searchform input.text { width:200px; margin-top:-20px;} .shop-notices { text-align:center; padding-top:10px; } .footer-social { padding-bottom:20px; } .flex-control-nav, .flex-direction-nav { display:none !important; } .wrapper { margin:0 auto; } #cart .item-description { display:none; } nav > ul > li > a { padding: 0 6px; } .logo h1 a { line-height: 32px; } .testobox { width:100%; font-size:15px; height:25px; padding-top:1px;} .gridb{margin-left:-10px;} .infologin2{margin-top:45px; margin-bottom:45px;} .grid figure { width:100%; margin:0;} .gridb {margin-left:0; margin-top:-10px;} .gridb figure { width:97%; margin:0;} .gridb2 figure { width:100%; margin:0;} .gridb2 {width:100%; margin-left:0; margin-top:8px;} .divimmhome{clear: both; width:80%; margin-left:10%;} .divimmhome2{clear: both; width:80%; margin-right:10%; margin-top:-40px;} .rotonda {width:100%;margin-top:70px;} .rotonda2 {margin-top:70px;} .divnovita {width:100%; margin-top:-30px;} .divofferta{width:100%; margin-top: 20px;} .contenitoremobile{width:100%; margin-top:20px; } .logo1{width:80%;} .grigliaslides{width:100%; float:left; height:300px; margin-top:20px;} .grigliael {height:30%;width:35%; float:left; margin-left:33px; margin-bottom:30px; border-top: 4px solid #FFBB00;} .footer-wrapper{height:300px;} #add-item-form { margin-left:20%; padding-left:10px;} .grigliacat{width:100%; float:left; height:408px; margin-top:25px;} .grigliacati{height:35%;width:40%;float:left; margin-bottom:35px; margin-left:6%; border-top: 4px solid #FFBB00; } .griduomo{ width:100%; } .griduomo figure{ height:100px;} .tabtaglie{ height:136px; } figure.effect-honey h2{font-size:18px; padding:0.5em 1.5em;} .trtaglie{font-size:10px;} .gridcat{ width:100%; height:200px; border-bottom: 4px #FFBB00 solid; } .grigliacat2{width:100%; float:left; height:auto; } .grigliacati2{width:100%; float:left; margin-bottom:-10px; } #menu li, #toggle-menu, #menu a {font-size:13px;} .divfooter h4{font-size:13px;} .divfooter {font-size:10px;} .footer-wrapper {height: 150px; } #push{height:5px;} .crealogin {float:left; margin-left:20%;} .crealogin2{float:left; margin-left:20%;} .pph{font-size:5px;} .nfooter31{width:100%; text-align:center;} .nfooter32{width:100%; text-align:center;} .nfooter33{width:100%;text-align:center;} .nfooter34{width:100%;text-align:center;} .nfooter41{width:100%;text-align:center;} .nfooter42{width:100%;text-align:center;} .nfooter42 p {text-align:center; font-size:12px;} .nfooter {width:100%;text-align:center;} .nfooter2 {width:100%;text-align:center;} .gridnovita{width:100%; margin-left:0; height:180px;} .gridnovita figure{height:180px;} .copy {margin-top:10px; font-size:10px;} .strisciaup {height:70px; width:100%;} .searchform input.text{ margin-top:0px; width:90px;} .pph {font-size:35px; font-weight:bold;} .divnovita h4 {width:80%; font-size:25px; margin-left:10%;} .bottoneentra {margin-left:15%; margin-top:40px; padding:20px 30px;} .divborsa{width: 100%; margin-top: 10%;} .imgb2 { width: 33%;} .divimgb2 { width: 100%; height: 70px; float: left; font-size: 10px; } .divborsa p {font-size:10px;} .imgb2r { width: 33%;} .ssw-reviews-caption.ssw-right-top { display:none;} .guida{width:90%; margin-left: 5%;} } /* END SECTION: MEDIA QUERIES */ .ie7 nav { z-index:999999; } .ie7 .fixed-navigation #nav, .ie8 .fixed-navigation #nav { border-bottom:1px solid #ccc; } .ie7 #add-item-form label { padding-top:15px; } /* FancyBox - jQuery Plugin - Copyright (c) 2008 - 2010 Janis Skarnelis */ #fancybox-loading{position:fixed;top:50%;left:50%;height:40px;width:40px;margin-top:-20px;margin-left:-20px;cursor:pointer;overflow:hidden;z-index:1104;display:none}* html #fancybox-loading{position:absolute;margin-top:0}#fancybox-loading div{position:absolute;top:0;left:0;width:40px;height:480px;background-image:url('fancybox.png')}#fancybox-overlay{position:fixed;top:0;left:0;bottom:0;right:0;background:#000;z-index:999999;display:none}* html #fancybox-overlay{position:absolute;width:100%}#fancybox-tmp{padding:0;margin:0;border:0;overflow:auto;display:none}#fancybox-wrap{position:absolute;top:0;left:0;margin:0;padding:20px;z-index:999999;display:none}#fancybox-outer{position:relative;width:100%;height:100%;background:#FFF;box-shadow:0 0 20px rgba(0,0,0,0.4);-webkit-box-shadow:0 0 20px rgba(0,0,0,0.4);-moz-box-shadow:0 0 20px rgba(0,0,0,0.4)}#fancybox-inner{position:absolute;top:0;left:0;width:1px;height:1px;padding:0;margin:0;outline:0;overflow:hidden}#fancybox-hide-sel-frame{position:absolute;top:0;left:0;width:100%;height:100%;background:transparent}#fancybox-close{position:absolute;top:-15px;right:-15px;width:30px;height:30px;background-image:url('fancybox.png');background-position:-40px 0;cursor:pointer;z-index:1103;display:none}#fancybox_error{color:#444;font:normal 12px/20px Arial;padding:7px;margin:0}#fancybox-content{height:auto;width:auto;padding:0;margin:0}#fancybox-img{width:100%;height:100%;padding:0;margin:0;border:0;outline:0;line-height:0;vertical-align:top;-ms-interpolation-mode:bicubic}#fancybox-frame{position:relative;width:100%;height:100%;border:0;display:block}#fancybox-title{position:absolute;bottom:0;left:0;font-family:Arial;font-size:12px;z-index:1102}.fancybox-title-inside{padding:10px 0;text-align:center;color:#333}.fancybox-title-outside{padding-top:5px;color:#FFF;text-align:center;font-weight:bold}.fancybox-title-over{color:#FFF;text-align:left}#fancybox-title-wrap{display:inline-block}#fancybox-title-wrap span{height:32px;float:left}#fancybox-title-left{padding-left:15px;background-image:url('fancybox.png');background-position:-40px -90px;background-repeat:no-repeat}#fancybox-title-main{font-weight:bold;line-height:29px;background-image:url('fancybox-x.png');background-position:0 -40px;color:#FFF}#fancybox-title-right{padding-left:15px;background-image:url('fancybox.png');background-position:-55px -90px;background-repeat:no-repeat}#fancybox-left,#fancybox-right{position:absolute;bottom:0;height:100%;width:35%;cursor:pointer;outline:0;background-image:url('blank.gif');z-index:1102;display:none}#fancybox-left{left:0}#fancybox-right{right:0}#fancybox-left-ico,#fancybox-right-ico{position:absolute;top:50%;left:-9999px;width:30px;height:30px;margin-top:-15px;cursor:pointer;z-index:1102;display:block}#fancybox-left-ico{background-image:url('fancybox.png');background-position:-40px -30px}#fancybox-right-ico{background-image:url('fancybox.png');background-position:-40px -60px}#fancybox-left:hover,#fancybox-right:hover{visibility:visible}#fancybox-left:hover span{left:20px}#fancybox-right:hover span{left:auto;right:20px} /* jQuery FlexSlider v1.8 - http://flex.madebymufffin.com - Copyright 2011, Tyler Smith */ .flex-container a:active,.flexslider a:active{outline:0}.slides,.flex-control-nav,.flex-direction-nav{margin:0;padding:0;list-style:none}.flexslider{width:100%;margin:0;padding:0}.flexslider .slides>li{display:none}.flexslider .slides img{max-width:100%;display:block}.flex-pauseplay span{text-transform:capitalize}.slides:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}html[xmlns] .slides{display:block}* html .slides{height:1%}.no-js .slides>li:first-child{display:block}.slideshow{overflow:hidden}.slideshow .flex-direction-nav a{z-index:99999;-webkit-transition:all .15s;-moz-transition:all .15s;transition:all .15s;text-indent:-9999px;position:absolute;display:block;width:40px;height:40px;top:50%;margin-top:-20px}.slideshow .flex-direction-nav a.prev{margin-left:-40px;left:0;background:#333333 url('/cdn/shop/t/5/assets/slideshow-next-prev.png?v=13094654755639426701418462738') 0 0}.slideshow .flex-direction-nav a.next{margin-right:-40px;right:0;background:#333333 url('/cdn/shop/t/5/assets/slideshow-next-prev.png?v=13094654755639426701418462738') 0 100%}.slideshow .flex-direction-nav a:hover{background-color:#fca400;}.slideshow:hover .flex-direction-nav a.prev{margin-left:0}.slideshow:hover .flex-direction-nav a.next{margin-right:0}.ie7 .slideshow .flex-direction-nav a,.ie8 .slideshow .flex-direction-nav a{margin:0!important;top:0!important}.slideshow .flex-control-nav{margin-bottom:-30px;-webkit-transition:all .15s;-moz-transition:all .15s;transition:all .15s;position:absolute;bottom:0;right:0;background:#333333;}.slideshow .flex-control-nav li,.flex-control-nav li a{display:block;float:left}.slideshow .flex-control-nav li a{-webkit-transition:all .15s;-moz-transition:all .15s;transition:all .15s;text-indent:-9999px;cursor:pointer;width:30px;height:30px;background:url('/cdn/shop/t/5/assets/slideshow-pager.png?v=1670260273374680701418462738') no-repeat 50% 50%}.slideshow .flex-control-nav li a:hover,.flex-control-nav li a.active{background-color:#fca400;}.slideshow:hover .flex-control-nav{margin-bottom:0} /* Centering slides when they don't have the recommended width */ .flexslider .slides img {width:1200px;} /*.flexslider .slides img { margin: 0 auto; }*/ .featured-collections .image{max-width:100% !important; height:auto;} /* added by kevin @ shopify */ input[type="radio"] {-webkit-appearance: radio; /* fix for Minimal, Launchpad, and React */ margin: 0 2px;} img, div, a, input { behavior: url(/css/resources/iepngfix.htc) } img, div { behavior: url(iepngfix.htc) } /*BOTTONITOP*/ .ch-grid { margin: 20px 0 0 0; padding: 0; list-style: none; display: block; text-align: center; width: 100%; } .ch-grid:after, .ch-item:before { content: ''; display: table; } .ch-grid:after { clear: both; } .ch-grid li { width: 220px; height: 220px; display: inline-block; margin: 20px; } .ch-item { width: 100%; height: 100%; border-radius: 50%; position: relative; cursor: default; box-shadow: 0 1px 3px rgba(0,0,0,0.2); } .ch-thumb { width: 100%; height: 100%; border-radius: 50%; overflow: hidden; position: absolute; box-shadow: inset 0 0 0 15px rgba(255,255,255, 0.5); -webkit-transform-origin: 95% 40%; -moz-transform-origin: 95% 40%; -o-transform-origin: 95% 40%; -ms-transform-origin: 95% 40%; transform-origin: 95% 40%; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .ch-thumb:after { content: ''; width: 8px; height: 8px; position: absolute; border-radius: 50%; top: 40%; left: 95%; margin: -4px 0 0 -4px; background: rgb(14,14,14); background: -moz-radial-gradient(center, ellipse cover, rgba(14,14,14,1) 0%, rgba(125,126,125,1) 100%); background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(14,14,14,1)), color-stop(100%,rgba(125,126,125,1))); background: -webkit-radial-gradient(center, ellipse cover, rgba(14,14,14,1) 0%,rgba(125,126,125,1) 100%); background: -o-radial-gradient(center, ellipse cover, rgba(14,14,14,1) 0%,rgba(125,126,125,1) 100%); background: -ms-radial-gradient(center, ellipse cover, rgba(14,14,14,1) 0%,rgba(125,126,125,1) 100%); background: radial-gradient(ellipse at center, rgba(14,14,14,1) 0%,rgba(125,126,125,1) 100%); box-shadow: 0 0 1px rgba(255,255,255,0.9); } .ch-img-1 { background-image: url(https://cdn.shopify.com/s/files/1/0528/7361/files/ideat.jpg?4824); z-index: 12; } .ch-img-2 { background-image: url(../images/8.jpg); z-index: 11; } .ch-img-3 { background-image: url(../images/9.jpg); z-index: 10; } .ch-info { position: absolute; width: 100%; height: 100%; border-radius: 50%; overflow: hidden; background: #c9512e url(https://cdn.shopify.com/s/files/1/0528/7361/files/ideat.jpg?4824); box-shadow: inset 0 0 0 5px rgba(0,0,0,0.05); } .ch-info h3 { color: #fff; text-transform: uppercase; position: relative; letter-spacing: 2px; font-size: 18px; margin: 0 60px; padding: 22px 0 0 0; height: 85px; font-family: 'Open Sans', Arial, sans-serif; text-shadow: 0 0 1px #fff, 0 1px 2px rgba(0,0,0,0.3); } .ch-info p { color: #fff; padding: 10px 5px; font-style: italic; margin: 0 30px; font-size: 12px; border-top: 1px solid rgba(255,255,255,0.5); } .ch-info p a { display: block; color: #333; width: 80px; height: 80px; background: rgba(255,255,255,0.3); border-radius: 50%; color: #fff; font-style: normal; font-weight: 700; text-transform: uppercase; font-size: 9px; letter-spacing: 1px; padding-top: 24px; margin: 7px auto 0; font-family: 'Open Sans', Arial, sans-serif; opacity: 0; -webkit-transition: -webkit-transform 0.3s ease-in-out 0.2s, opacity 0.3s ease-in-out 0.2s, background 0.2s linear 0s; -moz-transition: -moz-transform 0.3s ease-in-out 0.2s, opacity 0.3s ease-in-out 0.2s, background 0.2s linear 0s; -o-transition: -o-transform 0.3s ease-in-out 0.2s, opacity 0.3s ease-in-out 0.2s, background 0.2s linear 0s; -ms-transition: -ms-transform 0.3s ease-in-out 0.2s, opacity 0.3s ease-in-out 0.2s, background 0.2s linear 0s; transition: transform 0.3s ease-in-out 0.2s, opacity 0.3s ease-in-out 0.2s, background 0.2s linear 0s; -webkit-transform: translateX(60px) rotate(90deg); -moz-transform: translateX(60px) rotate(90deg); -o-transform: translateX(60px) rotate(90deg); -ms-transform: translateX(60px) rotate(90deg); transform: translateX(60px) rotate(90deg); -webkit-backface-visibility: hidden; } .ch-info p a:hover { background: rgba(255,255,255,0.5); } .ch-item:hover .ch-thumb { box-shadow: inset 0 0 0 15px rgba(255,255,255, 0.5), 0 1px 3px rgba(0,0,0,0.2); -webkit-transform: rotate(-110deg); -moz-transform: rotate(-110deg); -o-transform: rotate(-110deg); -ms-transform: rotate(-110deg); transform: rotate(-110deg); } .ch-item:hover .ch-info p a{ opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); -moz-transform: translateX(0px) rotate(0deg); -o-transform: translateX(0px) rotate(0deg); -ms-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg); } table { border-collapse: collapse; border-spacing: 0; } /* Addition */ /* Apply a natural box layout model to all elements */ /* Read this post by Paul Irish: http://paulirish.com/2012/box-sizing-border-box-ftw/ */ * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .infologin >a{ width:50%; height:40px; float:right; text-align:center; text-decoration: none; font-family: "Comic Sans MS"; font-size: 18px; padding-top:7px; color:white; background-color:#51c1f1; -moz-box-shadow: inset 0 0 2px #000000; -webkit-box-shadow: inset 0 0 2px #000000; box-shadow: inset 0 0 2px #000000; } .infologin>a:hover { text-decoration: none; color: #FFFFFF; text-shadow: 2px 2px 7px #000000; background-color: #e9af53; -webkit-transition: background-color 300ms linear; -moz-transition: background-color 300ms linear; -o-transition: background-color 300ms linear; -ms-transition: background-color 300ms linear; transition: background-color 300ms linear; box-shadow:inset 0px 0px 7px 0px #000; } .infocontatti{ width:100%; text-align:center; text-decoration: none; font-family: "Comic Sans MS"; font-size: 15px; padding-top:7px; color:white; background-color:#51c1f1; -moz-box-shadow: inset 0 0 2px #000000; -webkit-box-shadow: inset 0 0 2px #000000; box-shadow: inset 0 0 2px #000000; } .infocontatti:hover{ text-decoration: none; color: #FFFFFF; text-shadow: 2px 2px 7px #000000; background-color: #e9af53; -webkit-transition: background-color 300ms linear; -moz-transition: background-color 300ms linear; -o-transition: background-color 300ms linear; -ms-transition: background-color 300ms linear; transition: background-color 300ms linear; box-shadow:inset 0px 0px 7px 0px #000; } .infologin2 >a{ width:auto; float:right; text-align:center; text-decoration: none; font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif; font-size: 14px; padding:5px; margin-top:1%; margin-right:5%; color:#555555; } .infologin2>a:hover { } .griglia{ width:100%; background-color:red; border-style: solid; border-color: red; } .imggri img{ width:30%; float: left; margin:4px; -webkit-transition: scale(1.03, 1.03); -moz-transition: scale(1.03, 1.03); -o-transition: scale(1.03, 1.03); box-shadow: 3px 3px 3px 3px #2f3233; } .imggri img:hover { -webkit-transform: scale(1.03, 1.03); -moz-transform: scale(1.03, 1.03); -o-transform: scale(1.03, 1.03); -ms-transform: scale(1.03, 1.03); transform: scale(1.03, 1.03); -moz-box-shadow: 0 0 20px #8c8c8c; -webkit-box-shadow: 0 0 20px #8c8c8c; box-shadow: 0 0 20px #8c8c8c; } .divisore { width:100%; height:3px; background:#FA9F43; } .testodivisore { background-color:#EDEDED; text-align:center; color:#454545; font-family: "Arial Black", "Arial Bold", Gadget, sans-serif; font-size: 15px; text-shadow: } .sfondoprova{ width:100%; height:50px; background-color:#EDEDED; } #dvLoading { background:#fff url(/cdn/shop/files/ajax-loader_2.gif?5391) no-repeat center center; height: 100%; width: 100%; position: fixed; z-index: 1000; } .buorg { position:absolute; width:100%; top:0px; left:0px; border-bottom:1px solid #A29330; background:#FDF2AB no-repeat 1em 0.55em url(http://browser-update.org/img/dialog-warning.gif);\ text-align:left; cursor:pointer; font-family: Arial,Helvetica,sans-serif; color:#000; font-size: 12px; } .buorg div { padding:5px 36px 5px 40px; } .buorg a { color:#E25600; } #buorgclose { position: absolute; right: .5em; top:.2em; height: 20px; width: 12px; font-weight: bold; font-size:14px; padding:0; } /* FINE */ .grigliacolori{ float:left; width:100%; } .logintitolo { background-color: #282830; border-radius: 5px 5px 0 0; color: #fff; font-size: 14px; padding: 5px; text-align: center; text-transform: uppercase; margin:0px; height:40px; } .pace-running .s3-loader{ zoom:1; filter:alpha(opacity=10); opacity:0.1; } .pace-done .s3-loader{ zoom:1; filter:alpha(opacity=100); opacity:1; -webkit-transition:opacity 1s linear; -moz-transition:opacity 1s linear; -o-transition:opacity 1s linear; transition:opacity 1s linear; } .jetmenu{ width: 100%; padding: 0; margin: 0; position: relative; float: left; list-style: none; background: #E6E6E6; } .jetmenu li{ display: inline-block; float: left; } .jetmenu a{ -o-transition: all .3s linear; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; transition: all .3s linear; outline: none; z-index: 10; } .jetmenu > li > a{ padding: 20px 24px; font-family: 'Lato'; font-size: 14px; color: #999; text-decoration: none; display: inline-block; } .jetmenu > li:hover > a, .jetmenu > li.active > a{ background: #e0e0e0; color: #555; } /* DROPDOWN CONFIGURATION **********************************************************/ .jetmenu ul.dropdown, .jetmenu ul.dropdown li ul.dropdown { list-style: none; margin: 0; padding: 0; display: none; position: absolute; z-index: 99; min-width: 134px; background: #333333; } .jetmenu ul.dropdown{ border: 2px solid #333333; } .jetmenu ul.dropdown li ul.dropdown{ left: 100%; top: inherit; } .jetmenu ul.dropdown li{ clear:both; width:100%; font-size: 12px; } .jetmenu ul.dropdown li a{ width:100%; padding: 12px 24px 12px; display:inline-block; float:left; clear:both; font-family: 'Lato'; text-decoration: none; color: #999; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; font-size: 15px; } .jetmenu ul.dropdown li:hover > a{ background: #e0e0e0; color: #555; } /* dropdowns to left side */ .jetmenu ul.dropdown li ul.dropdown.left{ left: auto; right: 100%; } /* SUBMENU INDICATORS **********************************************************/ .jetmenu .indicator{ position: relative; left: 5px; top: 0; font-size: 14px; float: right; } .jetmenu ul li .indicator{ font-size: 12px; top: 1px; left: 10px; } /* MEGAMENU **********************************************************/ .jetmenu > li > .megamenu{ position: absolute; display: none; background: #E6E6E6; width: 25%; font-family: 'Lato'; font-size: 16px; color: #999; z-index: 99; padding: 20px 30px 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 2px solid #333333; } /* megamenu list */ .jetmenu li > .megamenu ul{ margin: 0 0 20px 0; float: left; padding: 0; display: block; position: relative; } .jetmenu li > .megamenu ul li{ width: 100%; padding: 4px 0; } .jetmenu li > .megamenu ul li.title{ margin: 0 0 8px; padding: 0 0 5px; font-size: 14px; border-bottom: solid 2px #333333 ; } /* megamenu h5 */ .jetmenu li > .megamenu h5{ width: 100%; margin: 0; padding: 0; font-size: 16px; color:#333333; } /* megamenu links */ .jetmenu li > .megamenu a{ color: #999; text-decoration: none; font-size: 14px; -webkit-transition: color 0.3s linear; -moz-transition: color 0.3s linear; -o-transition: color 0.3s linear; transition: color 0.3s linear; } .jetmenu li > .megamenu a:hover{ color: #dedede; } /* megamenu images */ .jetmenu .megamenu img{ width: 100%; -webkit-transition: border 0.3s linear; -moz-transition: border 0.3s linear; -o-transition: border 0.3s linear; transition: border 0.3s linear; } /* to fix right attribute on submenus (menu aligned to left (default)) */ .jetmenu > li.fix-sub > .megamenu, .jetmenu > li.fix-sub > .megamenu.half-width, .jetmenu > li.fix-sub > .dropdown{ } /* MEGAMENU WIDTHS **********************************************************/ .jetmenu > li > .megamenu.half-width{ width: 50%; cursor: default; } .jetmenu > li > .megamenu.full-width{ width: 100%; left: 0; cursor: default; } .jetmenu > li > .megamenu.pers-width{ width: 1201px; left: 0; } /* MEGAMENU FORM CONFIGURATION **********************************************************/ .jetmenu li > .megamenu form{ width: 100%; } /* megamenu inputs */ .jetmenu li > .megamenu form input[type="text"], .jetmenu li > .megamenu form textarea{ padding: 5px; color: #999; background: #444; font-family: 'Lato'; font-size: 14px; border: solid 1px transparent; outline: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: border 0.3s linear; -moz-transition: border 0.3s linear; -o-transition: border 0.3s linear; transition: border 0.3s linear; } .jetmenu li > .megamenu form input[type="text"]:focus, .jetmenu li > .megamenu form textarea:focus{ border-color: #e0e0e0; } .jetmenu li > .megamenu form input[type="text"]{ width: 100%; margin-top: 10px; } .jetmenu li > .megamenu form textarea{ width: 100%; margin-top: 10px; } .jetmenu li > .megamenu form input[type="submit"]{ width: 25%; float: right; height: 30px; margin-top: 10px; border: none; cursor: pointer; background: #444; color: #777; font-family: 'Lato'; -webkit-transition: background 0.3s linear; -moz-transition: background 0.3s linear; -o-transition: background 0.3s linear; transition: background 0.3s linear; } .jetmenu li > .megamenu form input[type="submit"]:hover{ background: #e0e0e0; color: #555; } /* MEGAMENU GRID SYSTEM **********************************************************/ .megamenu .row{ width: 100%; margin-top: 15px; } .megamenu .row:first-child { margin-top: 0; } .megamenu .row:before, .megamenu .row:after { display: table; content: ""; line-height: 0; } .megamenu .row:after { clear: both; } .megamenu .row .col1, .megamenu .row .col2, .megamenu .row .col3, .megamenu .row .col4, .megamenu .row .col5, .megamenu .row .col6{ display: block; width: 100%; min-height: 20px; float: left; margin-left: 2.127659574468085%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .megamenu .row [class*="col"]:first-child { margin-left: 0; } .megamenu .row .col1{ width: 14.893617021276595%; } .megamenu .row .col2{ width: 31.914893617021278%; } .megamenu .row .col3{ width: 48.93617021276595%; } .megamenu .row .col4{ width: 65.95744680851064%; } .megamenu .row .col5{ width: 82.97872340425532%; } .megamenu .row .col6{ width: 100%; } /* RIGHT ALIGNMENT (MENU ITEM) **********************************************************/ .jetmenu > li.right{ float: right; } .jetmenu > li.right > .megamenu, .jetmenu > li.right > .megamenu.half-width, .jetmenu > li.right > .dropdown{ right: 0; } /* to fix right attribute on submenus (menu aligned to right) */ .jetmenu > li.jsright{ float: right; } .jetmenu > li.jsright.last > .megamenu, .jetmenu > li.jsright.last > .megamenu.half-width, .jetmenu > li.jsright.last > .dropdown{ right: 0; } /* ICONS (FONT AWESOME) **********************************************************/ .jetmenu > li > a > i{ line-height: 23px !important; margin-right: 6px; font-size: 18px; float: left; } /* COLLAPSIBLE MENU **********************************************************/ .jetmenu > li.showhide{ display: none; width: 100%; height: 50px; cursor: pointer; color: #999; background: #333; list-style: none; } .jetmenu > li.showhide span.title{ margin: 15px 0 0 25px; font-family: 'Open Sans', sans-serif; float: left; list-style: none; } .jetmenu > li.showhide span.icon{ margin: 17px 20px; float: right; } .jetmenu > li.showhide .icon em{ margin-bottom: 3px; display: block; width: 20px; height: 2px; background: #999; } /* STYLES **********************************************************/ /* black */ .black > li:hover > a, .black > li.active > a{ background: #111111; color: #fff; } .black ul.dropdown li:hover > a{ background: #111111; color: #fff; } .black li > .megamenu form input[type="text"]:focus, .black li > .megamenu form textarea:focus{ border-color: #111111; } .black li > .megamenu form input[type="submit"]:hover{ background: #111111; color: #fff; } .black li > .megamenu a:hover{ color: #dedede; } /* grey */ .grey > li:hover > a, .grey > li.active > a{ background: #82837E; color: #fff; } .grey ul.dropdown li:hover > a{ background: #82837E; color: #fff; } .grey li > .megamenu form input[type="text"]:focus, .grey li > .megamenu form textarea:focus{ border-color: #82837E; } .grey li > .megamenu form input[type="submit"]:hover{ background: #82837E; color: #fff; } .grey li > .megamenu a:hover{ color: #dedede; } /* blue */ .blue > li:hover > a, .blue > li.active > a{ background: #02b8fa; color: #fff; } .blue ul.dropdown li:hover > a{ background: #02b8fa; color: #fff; } .blue li > .megamenu form input[type="text"]:focus, .blue li > .megamenu form textarea:focus{ border-color: #02b8fa; } .blue li > .megamenu form input[type="submit"]:hover{ background: #02b8fa; color: #fff; } .blue li > .megamenu a:hover{ color: #02b8fa; } /* deeper */ .deeper > li:hover > a, .deeper > li.active > a{ background: #008C9E; color: #fff; } .deeper ul.dropdown li:hover > a{ background: #008C9E; color: #fff; } .deeper li > .megamenu form input[type="text"]:focus, .deeper li > .megamenu form textarea:focus{ border-color: #008C9E; } .deeper li > .megamenu form input[type="submit"]:hover{ background: #008C9E; color: #fff; } .deeper li > .megamenu a:hover{ color: #008C9E; } /* green */ .green > li:hover > a, .green > li.active > a{ background: #88c425; color: #fff; } .green ul.dropdown li:hover > a{ background: #88c425; color: #fff; } .green li > .megamenu form input[type="text"]:focus, .green li > .megamenu form textarea:focus{ border-color: #88c425; } .green li > .megamenu form input[type="submit"]:hover{ background: #88c425; color: #fff; } .green li > .megamenu a:hover{ color: #88c425; } /* emerald */ .emerald > li:hover > a, .emerald > li.active > a{ background: #2ecc71; color: #fff; } .emerald ul.dropdown li:hover > a{ background: #2ecc71; color: #fff; } .emerald li > .megamenu form input[type="text"]:focus, .emerald li > .megamenu form textarea:focus{ border-color: #2ecc71; } .emerald li > .megamenu form input[type="submit"]:hover{ background: #2ecc71; color: #fff; } .emerald li > .megamenu a:hover{ color: #2ecc71; } /* red */ .red > li:hover > a, .red > li.active > a{ background: #C21A01; color: #fff; } .red ul.dropdown li:hover > a{ background: #C21A01; color: #fff; } .red li > .megamenu form input[type="text"]:focus, .red li > .megamenu form textarea:focus{ border-color: #C21A01; } .red li > .megamenu form input[type="submit"]:hover{ background: #C21A01; color: #fff; } .red li > .megamenu a:hover{ color: #C21A01; } /* pox */ .pox > li:hover > a, .pox > li.active > a{ background: #FA023C; color: #fff; } .pox ul.dropdown li:hover > a{ background: #FA023C; color: #fff; } .pox li > .megamenu form input[type="text"]:focus, .pox li > .megamenu form textarea:focus{ border-color: #FA023C; } .pox li > .megamenu form input[type="submit"]:hover{ background: #FA023C; color: #fff; } .pox li > .megamenu a:hover{ color: #FA023C; } /* orange */ .orange > li.active > a{ background: #8C8C8C ; color: #fff;cursor: pointer; } .orange > li:hover > a{ background: #FFBB00 ; color: #fff;cursor: pointer; } .orange ul.dropdown li:hover > a{ background: #FFBB00 ; color: #fff; cursor: pointer;} .orange ul.dropdown li > a{ background: #E6E6E6; color: #999; cursor: pointer;} .orange li > .megamenu form input[type="text"]:focus, .orange li > .megamenu form textarea:focus{ border-color: #FFBB00 ; } .orange li > .megamenu form input[type="submit"]:hover{ background: #FFBB00 ; color: #fff; } .orange li > .megamenu a:hover{ color: #FFBB00 ; } /* sunburst */ .sunburst > li:hover > a, .sunburst > li.active > a{ background: #D46D22; color: #fff; } .sunburst ul.dropdown li:hover > a{ background: #D46D22; color: #fff; } .sunburst li > .megamenu form input[type="text"]:focus, .sunburst li > .megamenu form textarea:focus{ border-color: #D46D22; } .sunburst li > .megamenu form input[type="submit"]:hover{ background: #D46D22; color: #fff; } .sunburst li > .megamenu a:hover{ color: #D46D22; } /* yellow */ .yellow > li:hover > a, .yellow > li.active > a{ background: #febf01; color: #222; } .yellow ul.dropdown li:hover > a{ background: #febf01; color: #222; } .yellow li > .megamenu form input[type="text"]:focus, .yellow li > .megamenu form textarea:focus{ border-color: #febf01; } .yellow li > .megamenu form input[type="submit"]:hover{ background: #febf01; color: #222; } .yellow li > .megamenu a:hover{ color: #febf01; } /* purple */ .purple > li:hover > a, .purple > li.active > a{ background: #a849a3; color: #fff; } .purple ul.dropdown li:hover > a{ background: #a849a3; color: #fff; } .purple li > .megamenu form input[type="text"]:focus, .purple li > .megamenu form textarea:focus{ border-color: #a849a3; } .purple li > .megamenu form input[type="submit"]:hover{ background: #a849a3; color: #fff; } .purple li > .megamenu a:hover{ color: #a849a3; } /* pink */ .pink > li:hover > a, .pink > li.active > a{ background: #F56991; color: #fff; } .pink ul.dropdown li:hover > a{ background: #F56991; color: #fff; } .pink li > .megamenu form input[type="text"]:focus, .pink li > .megamenu form textarea:focus{ border-color: #F56991; } .pink li > .megamenu form input[type="submit"]:hover{ background: #F56991; color: #fff; } .pink li > .megamenu a:hover{ color: #F56991; } /* RESPONSIVE LAYOUT **********************************************************/ @media (max-width: 768px) { .jetmenu > li{ display: block; width: 100%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; } .jetmenu > li > a{ padding: 15px 25px; } .jetmenu a{ width: 100%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; } .jetmenu ul.dropdown, .jetmenu ul.dropdown li ul.dropdown{ width: 100% !important; left: 0; position: static !important; border: none; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; } .jetmenu ul.dropdown li { background: #fff !important; border: none; } .jetmenu ul.dropdown > li > a{ padding-left: 40px !important; } .jetmenu > li > .megamenu{ width: 100% !important; position: static; border-top: none; } .jetmenu > li > .megamenu .row [class*="col"]{ float: none; display: block; width: 100% !important; margin-left: 0; margin-top: 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .jetmenu > li > .megamenu .row:first-child [class*="col"]:first-child { margin-top: 0; } .jetmenu > li > .megamenu .row{ margin-top: 0; } .jetmenu > li > ul.dropdown > li > a{ padding-left: 40px !important; } .jetmenu > li > ul.dropdown > li > ul.dropdown > li > a{ padding-left: 60px !important; } .jetmenu > li > ul.dropdown > li > ul.dropdown > li > ul.dropdown > li > a{ padding-left: 80px !important; } } @media (min-width: 768px) and (max-width: 900px) { .jetmenu > li > .megamenu{ width: 100% !important; left: 0 !important; } } .side{ width:240px; border:2px #E3E3E3 solid; float:left;} .side h1 { background-color:#3399CC; color:white; font-size:20px; padding: 5px 5px 5px 45px;font-family: 'Lato', sans-serif; margin:0;} .side h2 { background-color:#E3E3E3; color:#999999; font-size:20px; margin:0; padding: 5px 5px 5px 5px;font-family: 'Lato', sans-serif;} .side ul{margin:0; padding:0;} .side li{ margin:0; list-style-type: none; font-family: 'Lato', sans-serif; font-size:16px; padding: 5px 5px 5px 35px; } .cbp-af-header { position: fixed; top: 0; left: 0; width: 100%; background: #f6f6f6; z-index: 10000; height: 230px; overflow: hidden; -webkit-transition: height 0.3s; -moz-transition: height 0.3s; transition: height 0.3s; } .cbp-af-header .cbp-af-inner { width: 90%; max-width: 69em; margin: 0 auto; padding: 0 1.875em; } .cbp-af-header h1, .cbp-af-header nav { display: inline-block; position: relative; } /* We just have one-lined elements, so we'll center the elements with the line-height set to the height of the header */ .cbp-af-header h1, .cbp-af-header nav a { line-height: 230px; } .cbp-af-header h1 { text-transform: uppercase; color: #333; letter-spacing: 4px; font-size: 4em; margin: 0; float: left; } .cbp-af-header nav { float: right; } .cbp-af-header nav a { color: #aaa; font-weight: 700; margin: 0 0 0 20px; font-size: 1.4em; } .cbp-af-header nav a:hover { color: #333; } /* Transitions and class for reduced height */ .cbp-af-header h1, .cbp-af-header nav a { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .cbp-af-header.cbp-af-header-shrink { height: 90px; } .cbp-af-header.cbp-af-header-shrink h1, .cbp-af-header.cbp-af-header-shrink nav a { line-height: 90px; } .cbp-af-header.cbp-af-header-shrink h1 { font-size: 2em; } /* Example Media Queries */ @media screen and (max-width: 55em) { .cbp-af-header .cbp-af-inner { width: 100%; } .cbp-af-header h1, .cbp-af-header nav { display: block; margin: 0 auto; text-align: center; float: none; } .cbp-af-header h1, .cbp-af-header nav a { line-height: 115px; } .cbp-af-header nav a { margin: 0 10px; } .cbp-af-header.cbp-af-header-shrink h1, .cbp-af-header.cbp-af-header-shrink nav a { line-height: 45px; } .cbp-af-header.cbp-af-header-shrink h1 { font-size: 2em; } .cbp-af-header.cbp-af-header-shrink nav a { font-size: 1em; } } @media screen and (max-width: 32.25em) { .cbp-af-header nav a { font-size: 1em; } } @media screen and (max-width: 24em) { .cbp-af-header nav a, .cbp-af-header.cbp-af-header-shrink nav a { line-height: 1; } } section.stretch{ float: left; height: 1500px; width: 100%; } section.stretch p{ font-family: 'Amaranth', sans-serif; font-size: 30px; color: #969696; text-align: center; position: relative; margin-top: 250px; } section.stretch p.bottom{ top: 100%; } header{ background: #C7C7C7; border-bottom: 1px solid #aaaaaa; float: left; width: 100%; position: fixed; z-index: 10; } header a{ color: #969696; text-decoration: none; font-family: 'Amaranth', sans-serif; text-transform: uppercase; font-size: 1em; } header a.active, header a:hover{ color: #3d3d3d; } header li{ margin-right: 30px; } /* Sizes for the bigger menu */ header.large{ height: 120px; } header.large img{ width: 489px; height: 113px; } header.large li{ margin-top: 45px; } header.small{ height: 50px; } header.small img{ width: 287px; height: 69px; margin-top: -10px; } header.small li{ margin-top: 17px; }