/* CSS Document */ .wrap { width:1020px; padding:0px 20px } #header { height:115px; } #footer { } /* CSS Document */ @media only screen and (max-width: 767px) { html, body { width:100%; min-width:inherit; } body { font-size:14px; } .bg-gray { padding:30px 0px; } .bg-gray-plain { padding:60px 0px; } .bg-gray-plain:before { position:absolute; top:0px; left:0px; content:'';display:block; width:100%; height:36px; background-image:url(images/bg-gray-plain-top.png); background-position:center top; background-repeat:repeat-x; } h1, h2, h3, h4, h5 { } h1 a, h2 a, h3 a, h4 a { color:#333 } h1, h2 { font-size:29px; color:#333; margin-bottom:10px; } h3 { font-size:27px; margin-bottom:10px; } h4 { font-size:23px; margin-bottom:10px; } h5 { font-size:18px; margin-bottom:3px; } h1.post-title, h2.post-title { font-size:27px;} h1 img, h2 img { float:left; text-align:left; margin-right:16px;} h1.small, h2.small { font-size:23px !important;} h3.small { font-size:25px !important; margin-bottom:8px !important; } h4.small { font-size:21px; margin-bottom:5px;} h5.small { font-size:17px; line-height:1.3em} .clearfix:after { content: ""; display: block; height:0px; clear: both; visibility: hidden; } .clearfix { zoom: 1; /* IE*/} .pad10 { padding:5px;} .pad20 { padding:10px;} .big { font-size:17px;} .small-text { font-size:14px; } .mobile-noshow { display:none !important; } .mobile-nopadding {padding:0px !important; } /*** LANDING WIDE TITLES ***/ .body-landing-wide h1, .body-landing-wide h2, .body-landing-wide h3, .body-landing-wide h4, .body-landing-wide h5 { font-family:'GothamM'; text-transform:uppercase;} .body-landing-wide .thin, .body-landing-wide .thin, .body-landing-wide .thin { font-family:'Gotham'} .body-landing-wide h1, .body-landing-wide h2 { font-size:40px; line-height:1.1em} .body-landing-wide h3 { font-size:32px; } /*------------------------------------------------*/ /*---------------[MAIN LAYOUT INFO]---------------*/ /*------------------------------------------------*/ #content{ width:320px; padding:0px 0px; margin:auto; } #main-wrap { width:100%; padding:0px; overflow:hidden;} .body-landing-wide .wrap { width:300px; padding:0px 10px; } .body-landing-wide #main-wrap { width:100%; margin:0px; padding:0px; } /*------------------------------------------------*/ /*--------------[HEADER]--------------------------*/ /*------------------------------------------------*/ #header { width:100%; height:130px !important; border-bottom:1px solid #f1f1f1; } #header #logo { position:absolute; top:28px; left:50%; margin-left:-128px; } #header .right { position:relative; width:300px; margin:auto; float:none} #header .tel { position:absolute; width:44%; left:0px; top:5px; text-align:left; font-size:16px;} #header .tel.big { width:100%; font-size:21px; margin-top:95px; text-align:center } /* landing page without menu */ .body-landing #header .right { } #header #main-menu { display:none } .body-landing-product #header { height:138px !important; } .body-landing-product .tel.big { font-size:27px !important;} .body-landing-product #header .slogan { font-size:16px; margin-top:11px;} .body-landing-wide #header { width:100%; background-image:none} .body-landing-wide #header #logo { position:absolute; top:28px; left:50%; margin-left:-128px; } .body-landing-wide #header .right { width:100%; float:none; clear:both; text-align:center; } #mobile_links { display:block; position:absolute; width:100%; bottom:6px; text-align:center; z-index:9999; } #mobile_links a { text-transform:uppercase; color:#171717; font-size:15px; } #mobile_links a:hover { text-decoration:none; } .mobile_nav { display:block; margin:auto; height:25px; background-image:url(images/mobile-nav.png); background-repeat:no-repeat; background-position:center top; } .et_mobile_menu { display: none; position: absolute; width:100%; top:31px; left:0px; z-index:99999; text-align:center; background-color:#fff; font-family:'Gotham'; padding:16px 0px; box-shadow: inset 1px 4px 11px -6px #777 } .et_mobile_menu > li { margin:0px !important; } .et_mobile_menu li:last-child { border:0px;} .et_mobile_menu a { display:block; color:#b1b1b1 !important; text-transform:uppercase; padding:6px 12px 4px 12px; line-height:1em; font-size:16px !important} .et_mobile_menu li.current-menu-item > a, .et_mobile_menu li.current-post-ancestor a, .et_mobile_menu li.current-category-ancestor > a, .et_mobile_menu li a:hover { /*background-color:#f9f9f9;*/ color:#666 !important } .et_mobile_menu ul { display:none !important; visibility:visible !important } .current-menu-item ul, .current-menu-parent > ul { display:block !important; visibility:visible !important; border-bottom:1px solid #f5f5f5 } .current-menu-item ul li a, .current-menu-parent > ul li a { text-transform:none !important } /*------------------------------------------------*/ /*---------------[TOP NAV------------------]------*/ /*------------------------------------------------*/ #button-login { margin:-2px 1px 11px 0px; } #top-menu { display:none; width:100%; height:auto; padding:5px 0px 0px 0px; border-bottom:3px solid #fff; background-color:#282828; color:#fff; background-image:url(images/top-menu-bg.jpg); } #top-menu .wrap { width:300px; margin-bottom:13px; } ul.top-nav { position:relative; width:100%; height:100%; margin:auto; padding-left:0px; zoom: 1; /* IE*/ } ul.top-nav:before { display:none } ul.top-nav:after { content: ""; display: block; height:0px; clear: both; visibility: hidden; } .top-nav li { position:relative; float:left; width:95px; margin:0px 4px 0px 0px; height:80px;} .top-nav li:last-child, .top-nav li.last-menu-item { margin-right:0px;} .top-nav li a { position:absolute; top:0px; padding-top:45px; width:100%; display:block; text-align:center; color:#999; font-size:11px; height:auto; line-height:1.1em; overflow:hidden; background-image:none; } .top-nav li a:hover { color:#aaa} .top-nav li.voice { background-image:url(images/menu-voice.png);} .top-nav li.call { background-image:url(images/menu-call.png);} .top-nav li.pd { background-image:url(images/menu-pd.png); } .top-nav li.pbx { background-image:url(images/menu-pbx.png);} .top-nav li.sms { background-image:url(images/menu-sms.png);} #menu-close { display:none } /*------- Product Submenu -----*/ #submenu-wrapper { position:relative; width:100%; height:auto; overflow:hidden; margin:0px; } #submenu { position:relative; height:55px; overflow:visible; background-image:url(images/submenu-bg.gif); background-repeat:repeat-x; width:101%; } #submenu li { position:relative; float:left; height:55px; line-height:55px; overflow:hidden; width:50% !important; text-align:center; margin:0px 1px 0px -1px; font-size:12px; background-image:url(images/submenu-bg.gif); } #submenu-wrapper.one_fifth #submenu li { width:33%; font-size:11px; } .body-landing-product #submenu li { width:341px !important} #submenu li a:after { position:absolute; top:0px; right:0px; width:4px; height:70px; content:' '; background-image:url(images/submenu-sep.gif); background-repeat:no-repeat; background-position:right bottom; } #submenu li a { position:relative; display:block; text-decoration:none; color:#fff; } /*------------------------------------------------*/ /*--------------[FEATURED SLIDER]-----------------*/ /*------------------------------------------------*/ #featured-area { margin:0px; font-size:15px } /* #featured-area.controller-right .flex-control-nav { text-align:right !important} #featured-area.controller-right .flex-control-nav li a { text-indent:9999px;} */ #featured-area .slides li { } #featured-area .slides .image { overflow:hidden; } #featured-area .slides .image img { height:100% !important; width:auto !important; max-width:inherit !important /*xxx*/ } #featured-area .slides li .post-edit-link { position:absolute; right:10px ; top:0px; margin-top:0px; } #featured-area .slides li .text { position:absolute; top:60px; left:20px; font-size:15px; width:95%; line-height:130%;} #featured-area .slides li .text .title { font-size:31px; margin-bottom:5px;} #featured-area .slides li .text .contact { text-align:left; } #featured-area .button-slide { font-size:15px; background-repeat:no-repeat; margin:20px 0px; text-align:center; } #featured-area .button-slide.orange { font-size:15px; width:152px; height:36px; line-height:35px; background-image:url(images/feat-button-orange.png); } .body-landing #featured-area .button-slide.orange { width:165px; line-height:30px; height:31px; background-image:none; background-color:#ff3400; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px} #featured-area .button-slide.gray { width:160px; height:40px; line-height:33px; } #featured-area .one_half { max-width:100% !important; margin:0px !important} #featured-area img.object { position:absolute; max-width:45%; max-height:70%; width:auto; height:auto } #featured-area img.object.top { top:0px } #featured-area img.object.bottom { bottom:0px } #featured-area img.object.left { left:0px } #featured-area img.object.right { right:0px } #featured-area .text-content { position:absolute; top:25px; left:3%; width:94%; height:auto; line-height:135%; font-size:15px; } /*** from text editor **/ #featured-area .text-content h1, #featured-area .text-content h2 { font-size:34px; line-height:0.8em; margin-top:0px !important } #featured-area .alignleft, #featured-area .alignright { } #featured-area .alignleft { margin:0px 4px 2px 0px; } #featured-area .alignright { margin:0px 0px 2px 4px; } #featured-area .bold { } #featured-area .headline { font-size:44px; line-height:1em; margin-bottom:7px; } .button-orange { display:block; font-size:13px; text-align:center; width:140px; height:27px; line-height:27px; background-position:center top; margin:0px 2px; text-decoration:none; } #featured-area .text-content h1.orange, #featured-area .text-content h2.orange { font-size:40px; color:#ff3300; } #featured-area .text-content .dark { color:#333; font-size:18px; line-height:130%;} #featured-area .text-content .shadow { font-size:44px !important; padding:2px 13px 1px 13px; line-height:1em; margin-bottom:0px;} #featured-area .alignright { padding:0px; background-image:none !important; } /*--------------[FEATURED SLIDER WIDE]-----------------*/ .body-landing-wide #featured-area { position:relative; width:100%; height:auto; min-width:inherit; /*height:724px; */ margin:0px 0px 15px 0px; overflow:hidden; padding-bottom:15px; } .body-landing-wide #featured-area .image img { display:block; min-width:100%; height:auto; min-height:inherit; z-index:0 } .body-landing-wide .image { } .body-landing-wide .image:after { position:absolute; bottom:0px; left:0px; content:' '; margin:0px 0px 0px 0px; height:18px; width:100%; background-image:url(images/bg-body.gif); z-index:999; } .body-landing-wide #featured-area .text-content { top:30px; height:100%; left:5px; width:300px; margin-left:0px !important; } .body-landing-wide #featured-area h1, .body-landing-wide #featured-area h2 { font-size:35px;} .body-landing-wide #featured-area hr { margin:23px 0px; border:0px; border-bottom:3px solid #000; outline-width:0; } .body-landing-wide #featured-area .text-content img { padding:0px; background-image:none; } /**** FEATURED AREA WIDE FORM ******/ .body-landing-wide #featured-area .form { position:absolute; right:auto; bottom:20px; left:auto; top:auto; width:285px !important; height:auto; min-height:350px; margin-right:0px; background-position:center center; background-repeat:no-repeat; padding:10px 12px 10px 12px; } .body-landing-wide #featured-area .form .content { float:none; position:relative; height:350px} .body-landing-wide #featured-area .wpcf7 { float:none; position:absolute; top:0px; margin:0px !important; display:block; height:auto !important; min-height:350px;} .body-landing-wide #featured-area .wpcf7 .wpcf7-form-control-wrap { float:none !important; display:block !important; height:auto !important; width:100%; margin:0px !important; } .body-landing-wide #featured-area .wpcf7 p { margin:0px !important} .body-landing-wide #featured-area .wpcf7 input[type=text], .body-landing-wide #featured-area .wpcf7 input[type=email], .body-landing-wide #featured-area .wpcf7 textarea { float:none !important; width:360px !important; max-width:88% !important; margin-bottom:5px !important; font-size:13px !important } .body-landing-wide #featured-area .wpcf7 textarea { height:40px !important} .body-landing-wide #featured-area .wpcf7 .wpcf7-submit.button-blue { float:none; width:auto !important; display:block !important; margin:10px auto !important; background-image:none !important; font-size:15px !important; padding:0px 12px !important; height:35px !important; line-height:34px !important; } .body-landing-wide #featured-area .wpcf7 .wpcf7-response-output { font-size:13px !important; float:none; clear:both; text-align:center } .body-landing-wide #featured-area .wpcf7 h5 { font-size:17px; line-height:1.1em; margin-bottom:9px; } /**** FEATURED AREA - New STYLES - Antonio FONT ******/ #featured-area .flat h1, #featured-area .flat h2 { font-size:35px !important; letter-spacing:-2px; margin-bottom:5px; line-height:1em} #featured-area .flat h1.light, #featured-area .flat h2.light { font-family:'Antonio'; } #featured-area .flat h3 { font-size:22px !important;} #featured-area .flat span.wpcf7-form-control-wrap { display:inline; float:none !important; width:100%; max-width:100%; margin:0px 0px 2px 0px !important;} #featured-area .flat span.wpcf7-form-control-wrap input { float:none !important } #featured-area .flat .fm-form .submit, #featured-area .flat .wpcf7-submit { border:0px !important; border-radius:0px; -moz-border-radius:0px !important; -webkit-border-radius:0px !important; background-image:none !important; background-color:#ff0d00 !important; font-family:'Antonio'; font-size:20px !important; text-transform:uppercase !important; height:48px !important; line-height:49px !important; padding:0px 0px !important; width:96% !important; margin:10px 1% !important; text-align:center !important; overflow:visible !important; -webkit-appearance: none; } .flat input[type=submit], .flat .button { border:0px !important; border-radius:0px; -moz-border-radius:0px !important; -webkit-border-radius:0px !important; background-image:none !important; background-color:#ff0d00 !important; font-family:'Antonio'; font-size:20px !important; text-transform:uppercase !important; height:48px !important; line-height:49px !important; padding:0px 55px !important; margin:10px 1% !important; text-align:center !important; overflow:visible !important} /************ TABS *************/ .et_slidecontent { float:none; clear:both; margin:20px 0px; } .et_shortcodes_controls { height:auto; padding:10px 2px 5px !important} .et_shortcodes_controls a { width:17px; height:17px; display:inline-block; } .et_shortcodes_controls .et_shortcodes_active_control a { background-position:-19px 0px !important; } .tab_rounded { min-height:180px; padding:25px 10px; margin:20px -11px 25px; font-size:15px; line-height:150%; } .tab_rounded a { color:#ff3300; } .tab_rounded strong, .tab_rounded b { } .tab_rounded h4, .tab_rounded h5 { font-size:23px; line-height:120%; } .et-tabs-container, .tabs-left, .et-simple-slider, .et-image-slider, .et-testimonial-box, .author-shortcodes, .et-protected { position:relative; } .et-image-slide {min-height:100px; padding-bottom:25px; } .tabs-left { position:relative; float:none; margin:30px -10px ; } .tabs-left .et-tabs-control { position:relative; float:left; width:314px; min-height:320px !important; margin:40px 0px 40px 0px; padding:0px; } .tabs-left .et-tabs-control .title { position:relative; margin:0px; padding:0px 0px 13px 27px; line-height:25px; text-transform:none; font-size:24px; } .tabs-left .title p { margin:0px !important; padding:0px; line-height:1.1em} .tabs-left .et-tabs-control li { position:relative; line-height:130%; font-size:13px; } .tabs-left .et-tabs-control li img { float:left !important; margin:0px 15px 4px -3px !important; } .tabs-left .et-tabs-control li a { margin:0px 0px 1px 1px; padding:22px 27px; } .tabs-left .et-tabs-control li.active a { } .tabs-left .et-tabs-control li a:hover, .tabs-left .et-tabs-control li.active a { } .tabs-left li a b, .tabs-left li a strong { color:#333; display:block !important; } .tabs-left .et-tabs-control.list li { font-size:14px;} .tabs-left .et-tabs-control.list li a { padding:13px 15px 12px 52px; } .tabs-left .et-tabs-control.list li a:before { position:absolute; content:' '; top:10px; left:19px; width:26px; height:24px; background-image:url(images/tab-control-list.png); background-position:left top; background-repeat:no-repeat; } .tabs-left .et_slidecontent { position:relative; min-height:inherit; } .et_left_tabs_bg { display:none; } .et_shortcodes_controller_nav { min-height:40px; position:relative; } .et-tabs-content { float:none; clear:both; margin:20px auto 10px !important; width:290px !important; } /* .et-tabs-content-wrapper { min-height:200px; min-width:200px;} .et_slidecontent { position:absolute; border:1px solid #000; } .et_slidecontent.et-image-slide { min-width:200px !important; min-height:300px !important;} */ /*------------------------------------------------*/ /*--------------------[COLUMNS & GRAL]------------*/ /*------------------------------------------------*/ #content-left { float:none; width:300px; padding:20px 10px 0px 10px; } #content-wide { padding:25px 10px 30px 10px; min-height:250px } #content-wide div { max-width:100% } /* test fede */ #content-wide img { max-width:100%; height:auto } .body-landing-wide #content-wide { padding:0px} .post-content img.alignleft, .post-content img.alignright, .post-content img.alignnone { float:none !important; clear:both; display:block; margin:0px auto 15px auto !important; } article p, .post-content p, .home-content p { margin: 0 0 12px 0; line-height:150%; } article, .post-content { position:relative; line-height:140%;} article.type-product { font-size:16px; /*background-image:url(images/icons-our-products.jpg); background-repeat:no-repeat; background-position:center bottom; padding-bottom:170px; */ } .page-contact { font-size:18px;} article img { max-width:100%; } article.loop { border-bottom:1px solid #eaeaea; padding:0px 0px 40px 0px; margin-bottom:40px; } .column { float:right; width:650px; border:1px solid #ff0000 /*xxx*/ } .meta-info { font-size:12px;} .meta-info a { color:#666;} .meta-info a:hover { color:#444;} #content ul.list-icon { border-top:1px solid #ccc; margin:0px 0px 25px 0px } #content ul.list-icon li { position:relative; padding: 16px 15px 16px 38px; border-bottom:1px solid #ccc; background-image:url(images/tab-control-list.png); background-position:left 16px; background-repeat:no-repeat; } .facebook-share { padding:25px 35px; background-image:url(images/bg-dotted.gif) ; } /*------------------------------------------------*/ /*--------------------[HOME]----------------------*/ /*------------------------------------------------*/ .home-content { padding:40px 10px 30px 10px !important; } .home .display-posts-listing > li { position:relative; padding:20px 0px 30px 0px; /*padding-bottom:70px; border-bottom:1px solid #e9e9e9; margin-bottom:85px; */line-height:140%; font-size:17px; } /*.box-featured .display-posts-listing > li { border-bottom:0px; } */ .display-posts-listing li .title { display:block; font-size:24px; text-transform:uppercase; margin-bottom:14px; color:#333; line-height:120%; text-align:center } .display-posts-listing li .content { position:relative;} .display-posts-listing li .wp-post-image { float:none !important; margin:0px auto 20px auto !important;} /*------------------------------------------------*/ /*-------------------[WP GENERAL]-------------------*/ /*------------------------------------------------*/ .post-thumbnail { margin:0px 0px 25px 0px;} .loop .post-thumbnail { float:none; display:block; margin:0px 0px 20px 0px !important; text-align:center } /* .post-edit-link { border-bottom:1px dashed #00F; text-decoration:none; color:#00F; font-size:15px; } .small { font-size:13px;} .result h2.post-title { padding-top:20px !important;} .result { padding-bottom:30px;} */ .alignleft, .alignright, .display-posts-listing li .wp-post-image { background-image:url(images/thumb-shadow-small.png); } .accordions-shortcode { margin-bottom:17px;} .accordions-shortcode.active { } .accordions-shortcode h3 { font-size:20px; padding:4px 10px 0px 12px } .accordions-shortcode h3 a { padding-bottom:9px; } .accordian-shortcode-content { color:#666; padding:11px 10px 11px 22px; } .accordian-shortcode-content ul { margin-bottom:5px;} .accordian-shortcode-content li { } .tags-list, .prev-next-links { margin:25px 0px 0px 0px; padding:17px 2px; border-top:1px solid #e8e8e8; border-bottom:1px solid #e8e8e8; } .tags-list li { float:left; margin:0px 0px 0px 7px; } .tags-list li a { display:block; background-color:#f2f2f2; border:1px solid #ddd; padding:7px; margin-top:-6px; } .prev-next-links a { line-height:24px; color:#999; text-decoration:none; padding:0px 7px;} .prev-next-links a:hover { color:#777; text-decoration:none} .prev-next-links { color:#999} .fb-comments { margin-top:20px;} .fb-comments, .fb-comments iframe[style], .fb-like-box, .fb-like-box iframe[style] { width: 100% !important; max-width:100% !important; } .fb-comments span, .fb-comments iframe span[style], .fb-like-box span, .fb-like-box iframe span[style] {width: 100% !important; max-width:100% !important} ul.bullet li { background-image:url(images/bullet-blue.gif) ; background-position:left 5px; background-repeat:no-repeat; padding-left:14px; margin-bottom:4px; font-size:15px; color:#666; } /*------------------------------------------------*/ /*-------------------[BOXES]----------------------*/ /*------------------------------------------------*/ .box-big { width:100%; height:auto; background-image:url(images/bg-gray-plain.gif); margin:0px -10px 20px -10px; font-size:16px; padding:25px 10px 20px 10px; background-repeat:repeat-x; } .box-big:before, .box-big:after { display:none } .box { position:relative; float:none; width:auto; min-height:166px; padding:28px 10px 20px 10px; font-size:17px; margin:0px; } .box hr { margin:15px 0px } .bg-dotted { margin:30px -10px 30px -10px; padding:35px 10px 35px 10px !important; font-size:15px; } .bg-dotted:after { position:relative; content:' '; float:none; clear:both; width:80%} .bg-dotted-dark { position:relative; margin:30px -10px 30px -10px; background-image:url(images/bg-gray-plain.gif); background-repeat:repeat; padding:35px 15px 35px; font-size:15px; zoom: 1; /* IE*/ } .bg-dotted-dark:after { content: ""; display: block; height:0px; clear: both; visibility: hidden; } .dotted { background-image:url(images/bg-dotted.gif); padding:27px 12px 15px 12px; font-size:16px; margin:30px -10px 30px -10px; } .bg-gradient { padding:45px 15px 45px 15px; margin:25px -10px 45px -10px;} .bg-gradient img.alignright {margin-left:0px;} .bg-gradient img.alignleft { margin-right:0px;} .box-featured { position:relative; width:auto; max-width:90%; height:auto; padding:15px 10px 15px 10px ; margin:0px -10px 40px -10px; background-image:url(images/bg-gray-plain.gif); background-repeat:repeat } .box-services { position:relative; width:100%; height:auto; padding:25px 0px 25px 0px; background-image:none; text-align:center } .box-gray { position:relative; float:right; width:100%; min-height:150px; padding:30px 10px 20px 10px; font-size:15px; } .box-gray h2, .box-gray h3 { font-size:24px;} .box-rounded { position:relative; width:280px; min-height:150px; float:none; font-size:15px; line-height:150%; padding:20px 10px; margin:20px 0px 20px 0px; background-position:center top; } .box-rounded:before, .box-rounded:after { display:none } .box-rounded-big { position:relative; float:none; width:auto; height:auto; background-position:center center; font-size:13px; padding:22px 12px 15px 10px; line-height:130%; margin:20px 0px; } .box-rounded-big li { border-bottom:1px solid #c3c3c3; padding:0px 2px 10px 0px; margin-bottom:11px; } .box-rounded-big li:last-child { border:0px; margin:0px} .box-rounded-big .title { font-size:18px; margin:0px 0px 5px 0px; padding-top:10px; } .box-rounded-big img.alignleft { vertical-align:middle; background-image:none; float:left; margin-right:15px; max-width:80px !important; height:auto !important; padding:0px;} .box-landing { float:none; clear:both; width:300px; height:auto; padding:30px 10px 30px 10px; margin:20px -10px 20px -10px; background-image:url(images/bg-gray-plain.gif); background-repeat:repeat; font-size:14px; } .box-landing li { display:block; float:none !important; margin:0px auto 20px auto !important; padding:0px 0px 0px 0px; width:180px; border-right:0px; height:207px; text-align:center } .body-landing-product .box-landing li { border-right:0px} .box-landing img { display:block; margin:auto } .rounded { border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; } .product-icons { float:right; width:410px;} .product-icons div, .product-icons img { float:left; margin-right:31px; padding:0px; background-image:none; } .product-icons img.last { margin:0px;} /*------------------------------------------------*/ /*-------------------[PRODUCT LIST]----------------*/ /*------------------------------------------------*/ .product_list { margin:0px 10px 30px 10px } .product_list li { float:none !important; margin:0px auto 25px auto !important; } .product_list li .icon { margin-bottom:10px; } .product_list li .button { bottom:9px; left:6px; } .box-services .product_list { margin:0px; } .product_list.big li { background-image:url(images/prodlist-li-bg.png) !important; background-repeat:no-repeat; background-position:center top; margin:0px 23px 20px 0px; } .product_list.big .icon img { width:140px; height:140px; margin:11px 8px 11px 8px !important; } .box-services .prod-title { display:block; height:35px; background-image:url(images/prodlist-title.png) !important; background-position:center top; background-repeat:no-repeat; padding:0px 5px; line-height:35px; font-size:14px; } .box-services li:hover .prod-title { display:none } /***** SMALL VERSION ********/ .product_list.small { width:100%; margin:26px auto 0px auto; padding:0px; min-width:inherit; } .product_list.small li { float:left !important; overflow:visible; margin:0px 0px 10px 0px !important; padding:0px 15px 0px 15px; } .product_list.small li.last { padding-right:0px;} .product_list.small li a { width:69px; height:68px; overflow:hidden; } /*------------------------------------------------*/ /*-------------------[SOCIAL LINKS]----------------*/ /*------------------------------------------------*/ .social {} .social li { float:none; display:inline-block; width:41px; height:41px; overflow:hidden; margin:3px 2px 10px 2px; background-repeat:no-repeat; background-position:center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} .social li a { display:block; width:100%; height:100%; text-indent:-9999px; } .sidebar .social { } /*------------------------------------------------*/ /*--------------------[SIDEBAR]-------------------*/ /*------------------------------------------------*/ #sidebar, .sidebar { float:none; clear:both; width:280px; margin-top:30px; padding:30px 10px; margin-right:0px; } #sidebar { width:280px; margin:30px 10px 10px 10px; padding:20px 10px; } .sidebar { width:280px; margin:0px 0px 15px 0px !important; padding:30px 10px; } #sidebar h4.widgettitle { font-size:22px; border-bottom:1px solid #c1c1c1; padding-bottom:8px; margin-bottom:2px; text-indent:3px; } #sidebar .sidebar-widget { margin-bottom:50px;} #sidebar .sidebar-widget li { border-bottom:1px solid #c9c9c9;} #sidebar li a { display:block; color:#666; padding:14px 0px 14px 3px; line-height:130%; } #sidebar li a:hover { color:#444 !important } .widget_followuswidget .icons { margin-top:19px;} .widget_followuswidget .icon { float:left; width:41px ; height:41px; margin:0px 2px 10px 3px; background-repeat:no-repeat; background-repeat:no-repeat; background-position:center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } /*------------------------------------------------*/ /*-------------------[PAGINATION]----------------------*/ /*------------------------------------------------*/ .wp-pagenavi { width:100%; text-align:center ; height:auto !important; word-break:break-all; line-height:35px;} .wp-pagenavi .pages { border:0px !important } .wp-pagenavi a, .wp-pagenavi span { text-decoration: none; border: 1px solid #e2e2e2 !important; padding: 4px 5px !important; margin: 6px !important; } /*------------------------------------------------*/ /*-------------------[FORMS]----------------------*/ /*------------------------------------------------*/ /*---- Contact Form 7 defaults *******/ .wpcf7 { float:none; clear:both} /*div.wpcf7-response-output { float:none; clear:both; margin:0px !important; padding: 10px 0px !important; color:#333; font-size:15px; } */ .wpcf7-response-output { font-size:15px ; line-height:20px; text-align:left; padding:0px !important; margin:-10px 0px 0px 0px !important; font-style:italic; color:#555; text-shadow:1px 1px 1px #fff; float:none; clear:both } div.wpcf7-mail-sent-ok { border:0px !important; display:none !important } div.wpcf7-mail-sent-ng { border: 0px !important; } div.wpcf7-spam-blocked { border: 0px !important; } div.wpcf7-validation-errors { border: 0px !important; } span.wpcf7-form-control-wrap { position: relative; } span.wpcf7-not-valid-tip { display:none !important } span.wpcf7-not-valid-tip-no-ajax { color: #333; font-size: 10pt; display: block; } span.wpcf7-list-item { margin-left: 0.5em; } .wpcf7-display-none { display: none; } div.wpcf7 img.ajax-loader { border: none; vertical-align: middle; margin-left: 10px; } div.wpcf7 .placeheld { color: #888; } .wpcf7-form.invalid .wpcf7-validates-as-required, .wpcf7-form.invalid .wpcf7-validates-as-email { border:1px solid #F00 !important } input.submit { width:100px; line-height:25px !important; float:none !important} input.error, textarea.error { border:1px solid #F00 !important} div.wpcf7 { position:relative; float:right !important; width:270px !important; padding:35px 15px 30px 15px !important; } .validate label.error {display:none !important} input[type=text] {padding:10px 13px !important; color:#666; font-size:16px; margin:0px 0px 20px 0px; width:205px; } input[type=text].big { width:360px; max-width:92% !important; margin:20px 0px 10px; font-size:15px; padding:10px 12px !important; } .wpcf7 #email, .wpcf7 input[type=text], .wpcf7-text, .wpcf7 textarea, .wpcf7-form select { padding:10px 13px !important; color:#666; font-size:16px; margin:0px 0px 20px 0px; width:205px; float:left; max-width:90% !important } .wpcf7 #firstname, .wpcf7 #phone { margin-right:14px;} .wpcf7 select { float:none; clear:both; width:99%; min-height:29px; padding:7px 7px; line-height:28px; font-size:15px; } .wpcf7 textarea { width:95%; height:220px !important;} .wpcf7 input[type=checkbox] { margin:0px 5px 3px 0px} .wpcf7-form-control-wrap.newslettersignup { display:block; float:none; clear:both; font-size:14px; padding:15px 11px; min-height:35px; } .wpcf7 .wpcf7-submit { width:190px; float:right; height:35px;} /** Form in sidebar */ .sidebar-form {position:relative; float:right; width:290px; margin:0px 5px; } .sidebar-form .form-title { background-image:url(images/bg-form-title.png); background-repeat:no-repeat; height:92px; margin-bottom:12px; color:#fff !important; font-size:12px; padding:18px 14px 20px 17px; } .sidebar-form .form-title h2, .sidebar-form .form-title h3, .sidebar-form .form-title h4 { font-size:29px; } .sidebar-form .wpcf7 { float:none !important; padding:30px 23px 30px 23px !important; width:auto !important; margin-bottom:20px; } .sidebar-form .wpcf7 p { margin-bottom:0px;} .sidebar-form input[type=text], .sidebar-form #phone, .sidebar-form #email { width:210px !important; max-width:95% !important; margin:0px 0px 10px 0px } .sidebar-form select { width:220px; margin:0px 0px 10px 0px; max-width:95% } .sidebar-form .wpcf7 .wpcf7-submit { width:195px; float:none !important; margin:5px 0px 5px 15px; } /**** Form inside featured area - banner ****/ #featured-area .wpcf7 { width:100% !important; float:none; clear:both; padding:0px !important; margin:18px 0px 20px 0px !important; background-image:none !important; } #featured-area span.wpcf7-form-control-wrap { display:block; float:left !important; width:210px; height:45px; margin:0px 8px 20px 0px; } #featured-area .wpcf7 input[type=text], #featured-area .wpcf7 input[type=email], #featured-area .wpcf7 #phone { width:265px !important; max-width:95% !important; margin-bottom:15px; } #featured-area .wpcf7 .wpcf7-submit { float:left !important; clear:both; width:201px;height:47px; background-image:url(images/button-frm-featured.png); background-color:transparent; border:0px; margin-right:10px; } /***** Form in popup ****/ .wrap-pop .wpcf7 { position:relative; width:340px !important; min-width:320px; background-image:none; padding:0px !important;} .wrap-pop span.wpcf7-form-control-wrap { position:relative; display:block; width:100%; height:48px !important; float:none; clear:both } .wrap-pop .wpcf7 input[type=text], .wrap-pop .wpcf7 #email, .wrap-pop .wpcf7 #phone, .wrap-pop .wpcf7 select { padding:11px 13px; border:2px solid #e2e2e2; font-size:16px; color:#666; width:300px !important; margin-bottom:10px; } .wrap-pop .wpcf7 select { width:330px !important; height:38px; padding:7px 10px; line-height:35px; } .wrap-pop input[type=text]:focus, .wrap-pop #email:focus, .wrap-pop #phone:focus, .wrap-pop select:focus, .wrap-pop .wpcf7-form.invalid input[type=text], .wrap-pop .wpcf7-form.invalid #phone, .wrap-pop .wpcf7-form.invalid #email { border:2px solid #ccc !important; } .wrap-pop .wpcf7-form-control-wrap.newslettersignup { padding:11px !important; min-height:auto !important; height:auto !important; width:305px !important; font-size:14px !important} .wrap-pop .wpcf7-submit, .wrap-pop input.submit { width:316px !important; height:75px !important; line-height:73px; color:#fff; text-align:center; cursor:pointer; background-image:url(images/button-popup.png); background-repeat:no-repeat; border:0px; margin:10px 8px !important; float:none !important; clear:both; font-size:31px; padding:0px; background-color:transparent; font-weight:normal; } .wrap-pop .wpcf7-response-output { text-align:center; margin:-20px 0px 0px 0px !important; } .wrap-pop .wpcf7-form.invalid span.wpcf7-not-valid-tip, .wrap-pop .wpcf7-form.invalid span.wpcf7-not-valid-tip:hover { opacity:1; display:block !important; background-color:transparent !important; border:0px !important; position:absolute; height:39px !important; min-width:83px; width:83px !important; margin:-8px 0px 0px -170px !important; color:#fff !important; padding:9px 16px 0px 0px; font-size:11px; text-align:center; background-image:url(images/error-bg.png); background-repeat:no-repeat; background-position:right top; text-align:right; } /*------------------------------------------------*/ /*-------------------[CLIENT LIST]----------------*/ /*------------------------------------------------*/ .client_list { position:relative; float:none; clear:both; margin-bottom:25px; margin-left:0px; } .client_list li { float:left; width:150px; height:140px; border-right:0px; border-bottom:1px solid #e9e9e9} .client_list li.column_last { border-right:0px; } .client_list li.row_last { border-bottom:0px; } .client_list li a { display:block; margin:10px; height:120px; overflow:hidden; } .client_list li a:hover img { margin-top:0px !important; } /*------------------------------------------------*/ /*--------------------[PRICING TABLES]----------*/ /*------------------------------------------------*/ .prod-icon { width:auto; height:93px; position:relative; top:auto; left:auto; text-align:center; margin:10px 0px} .prod-icon img { } .pricing-vb { width:auto; height:auto; padding:20px 10px 20px 18px; background-image:none; margin:10px 0px 25px -5px ; } .pricing-vb li { float:none; display:block; width:160px; height:211px; margin:0px auto 10px auto !important; padding:20px 30px 0px 35px; background-image:url(images/pricing-vb-item.png); background-repeat:no-repeat; border-right:1px solid #ccc; font-size:14px; margin-right:0px; border:0px; } .pricing-vb li p { line-height:130%;} .pricing-vb li img { display:block } .pricing-vb li:last-child { margin-right:0px; border:0px; padding-right:30px;} .pricing-vb .button { width:154px; height:30px; line-height:30px; font-size:14px; font-weight:normal; color:#fff; background-image:none; background-color:#333; text-align:center; font-style:normal; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; margin-bottom:6px; cursor:default;} table.pricing { border:1px solid #ebebeb; border-collapse:collapse; width:318px !important; min-width:inherit; margin:25px -9px 22px -9px } table.pricing td, table.pricing th { padding:5px 2px; border-right:1px solid #ccc; border-left:1px solid #ccc; } table.pricing thead th { vertical-align:bottom; font-size:12px; line-height:1.1em; } table.pricing .odd td { border-top:2px solid #cee0ec; border-left:1px solid #e7f4fd; } table.pricing .number { font-size:12px;} table.pricing .number-small { font-size:19px;} table.pricing .number-light { font-size:21px;} table.pricing .number-light.small { font-size:11px; line-height:120%; padding:5px 2px; } table.pricing .text { font-size:12px; line-height:14px;} table.pricing .text.bold { font-family:'OpenSansSB'} table.pricing p { margin:0px; padding:0px;} table.pricing tfoot td, table.pricing tfoot td p { font-size:12px !important; text-align:center; line-height:120%; } sup, sub { vertical-align: baseline; position: relative; top: -0.4em; } sub { top: 0.4em; } table.pricing th.bigger { font-family:'OpenSansSB'; letter-spacing:-1px; font-size:12px !important; word-break:break-all; line-height:1.1em } table.pricing .price { font-size:20px; line-height:30px; vertical-align:top; text-align:center; padding:4px 2px } table.pricing .price sup { font-size:12px !important; } table.pricing .dollar { font-size:22px !important; vertical-align:baseline !important} table.pricing .month { display:block; width:auto; font-size:11px; line-height:11px;text-align:right !important; margin:0px 0px 0px 0px} table.pricing .button-faq { width:auto !important} table.pricing .noborder td { border:0px !important} table.pricing .note { margin-top:5px; font-size:11px; line-height:120%; } table.pricing div.small { font-size:11px; line-height:120%; } .button-pricing { display:block; float:none; width:180px; height:43px; text-align:center; line-height:42px; color:#fff; font-size:18px; background-image:url(images/button-pricing.png); margin:auto; } /*------------------------------------------------*/ /*-------------------[GRIDS]----------------------*/ /*------------------------------------------------*/ .one_half, .one_third, .two_third, .one_fourth , .three_fourth { float:none; position:relative; } .one_half, .one_third, .two_third, .one_fourth, .three_fourth { width: 100% !important; margin-right:0px; border-right:0px !important; border-left:0px !important; } .first_half { float:none; position:relative; width:100%; margin:0px 0px 20px 0px;} .second_half { float:none; position:relative; width:100%; margin:0px 0px 20px 0px; clear:right;} .second_half:after { content: " "; display: block; height: 0; clear: both; visibility: hidden;} /*------------------------------------------------*/ /*-------------------[SITEMAP]---------------------*/ /*------------------------------------------------*/ ul.page-list, .page-list ul { margin-left:20px; } ul.page-list { width:30%; float:left; margin-right:3% } .page-list a { color:#333 } .page-list > li > a { font-family:'OpensansB',Arial, Helvetica, sans-serif; } /******** ZOOM ***********/ .workspace { position:relative; /*width:960px; height:601px;*/ width:auto; max-width:100%; height:auto; min-height:180px; background-image:none; background-repeat:no-repeat; padding:0px 0px; /* xxx */} .workspace a { display:inline-block; width:auto; position:absolute; /*background:gray; */ } .magnifier { position:absolute; height:235px; width:235px; display:none; background-repeat:no-repeat; background-color:#fff; cursor:url('images/blank.cur'),default; /*border:2px solid white; -moz-box-shadow:0 0 5px #777, 0 0 10px #aaa inset; -webkit-box-shadow:0 0 5px #777; box-shadow:0 0 5px #777, 0 0 10px #aaa inset; */ -moz-border-radius:190px; -webkit-border-radius:190px; border-radius:190px; background-image:url(images/loupe.png); background-repeat:no-repeat; } .magnifier:before { width:265px; height:265px; background-image:url(images/loupe.png); position:absolute; content:''; display:block; top:-8px; left:-8px; } .magnifier.cursor_compatible{ cursor:url('images/blank_google_chrome.cur'),default; } /*------------------------------------------------*/ /*---------------------[FOOTER]-------------------*/ /*------------------------------------------------*/ .social-links { float:none; clear:both; height:30px; margin:30px 5px 5px 10px; } .social-links div { margin-bottom:15px;} .social-links div, .social-links a { display:block; width:80px; float:left} #footer { position:relative;font-size:12px; height:auto; background-image:url(images/bg-footer-1020.jpg); background-position:center top; background-repeat:repeat-x ; /*padding:45px 31px 0px 26px;*/ } .footer-wrap { width:300px; margin:0px auto 0px auto; padding:20px 10px 45px 10px; background-image:url(images/bg-footer-wrap.gif); background-position:center top; background-repeat:no-repeat; } .footer-nav { float:none; display:block; position:relative; font-size:11px; line-height:20px; margin-bottom:13px; } #footer-menu { position:relative;float:none; display:block; width:100%; height:auto;} #footer .tel { float:rnone; width:100%; text-align:center; font-size:18px; margin-bottom:20px; } #footer #icons { float:none; width:100%; margin:14px 0px 0px 0px; height:auto; text-align:center} #footer #icons li { float:none; display:inline-block; width:43px; height:43px; overflow:hidden; background-repeat:no-repeat; margin:0px 2px 0px 0px; background-repeat:no-repeat; background-position:center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #footer .button { float:none; margin:20px auto; width:168px; height:31px; line-height:32px; padding:0px; border:2px solid #000 !important; } #footer-bottom { float:none; clear:both; position:relative; height:70px; margin:0px 0px 0px 0px; background-image:none; padding:0; } #footer-bottom #map, #footer-bottom form { display:none !important} #footer-bottom .Contact, #footer-bottom .sidebar-widget { width:300px; margin:auto; text-align:center; float:none; clear:both; } #footer-bottom .Contact .left { margin-top:15px; width:100%; text-align:center; font-size:12px } .half {width:100% !important;text-align: center;} }