/* Theme Name: Strata Theme URI: http://demo.qodeinteractive.com/strata/ Description: Strata Theme Tags: portfolio, multi-purpose, clean, retina, responsive, corporate, parallax, mega menu, business, fullscreen, animations, white, creative, modern, ecommerce Author: Qode Interactive Author URI: http://www.qodethemes.com/ Version: 1.6 License: GNU General Public License License URI: licence/GPL.txt */ /* CSS changes can be made in files in the /css/ folder. This is a placeholder file required by WordPress, so do not delete it. 1.6 - Added WooCommerce 2.3.6 compatibility - Updated Visual Composer to version 4.4.3 - Updated FontAwesome to 4.3.0 1.5 - Added WooCommerce 2.3.4 compatibility - Fixed bug with title position in Qode Options -> Header and Footer 1.4.1 - Updated Visual Composer to version 4.3.5 - Fixed bug with YOAST notice for meta description - Fixed Google fonts link when SSL is enabled - Fixed bug with special characters in social share 1.4 - Added WooCommerce 2.2.7 compatibility - Updated LayerSlider to version 5.3.2 - Fixed bug with YOAST and page transitions error on home page - Fixed bug with Qode Search and WPML 1.3.1 - Updated Visual Composer to version 4.3.4 - Updated WooCommerce template files for 2.2.3 compatibility 1.3 - Added WooCommerce 2.2 compatibility - Improved responsiveness for older tablets - Improved page transition to register page loading with Google Analytics - Updated LayerSlider to version 5.2.0 - Updated Visual Composer to version 4.3.3 - Updated FontAwesome icons pack to version 4.2.0 - Fixed margin top on content when title area is disabled - Fixed dropdown menu position when boxed layout is enabled - Fixed bug with related products for WooCommerce - Fixed bug with don't link option for menu items and page transitions - Fixed bug with click event with ctrl key pressed and page transitions 1.2 - Updated Visual Composer to version 4.2.3 - Updated Font Awesome to version 4.1 - Fixed Visual Composer dependency for checkbox 1.1 - Updated Visual Composer to version 4.1.2 - Fixed WP 3.9 Qode Shortcodes bug - Fixed WP 3.9 Qode Options image browser field bug - Fixed bug fith Qode like - Fixed admin CSS - Added "qode" prefix to admin style id - Fixed bug with drop down menu background colors in Qode Options - Fixed link in title for blog single post - type link - Fixed font-family option for title and text in Qode Slider - Fixed bug with Qode Custom fields saving zero values 1.0.2 - Updated Visual Composer to version 4.0.2 - Updated Layer Slider to version 5.1.1 - Fixed top header background color per page - Fixed bug with hover color of first level menu item in Qode Options - Fixed "Line Graph" shortcode - Fixed css for wide menu with four columns - Fixed Animated icons with text shortcode on touch devices - Fixed input filed class for some fields in Qode Options - Fixed Qode Slider, Qode Carousel and Testimonials exclude from search - Fixed dropdown menu click for IE - Fixed twitter share character numbering - Fixed background color and positioning of content menu - Fixed testimonials text color 1.0.1 - Fixed icons line-height in side menu - Fixed arrow hover color on resent posts widget in sidebar - Fixed content overlaping on qode slider and footer - Fixed woocommerce css styles - Fixed woocommerce placeholder translate - Fixed related product number woocommerce filter - Fixed navigation thumbs flickering in Chrome - Fixed bug with tumblr icon field - Fixed self hosted video on single portfolio for "Portfolio gallery" view - Fixed woocommerce css style issue - Fixed global header background color settings from page to page - Fixed quotes for chosen fonts in Qode Options */ /*Dealer Page*/ .deala h2 {font-weight: 300; color: #2AA952; font-size: 2.5em; padding: 2% 0 4%; text-align: center;} .deala h3 {font-weight: 300;font-size: 2em;padding: 4% 0 1% 0; color: #2AA952;} .deala .aio {font-size: 3.2em;padding: 4% 0% 0;} .deala .alignright {max-width: 550px} .deala p {margin-bottom: 20px;font-weight: 300;font-size: 17px;line-height: 1.7em;} .deala ul {margin: 2% 0 1% 2%;} /* .deala ul li {line-height: 1.6em;list-style: none;margin-left: 2%;background: url('/wp-content/strata/img/arrow2.png') no-repeat scroll left top transparent;padding: 0 0 5px 30px; font-size: 17px; font-weight: 300;} */ .deala h4 {font-weight: 100;font-size: 3em;padding: 0% 0px 0%;color: #2AA952;} .deala .cta5 {margin-bottom: 40px!important;} /*New Slider*/ .chome {font-weight: 300; text-shadow: 0 1px 0 #ccc;line-height: 2.7em!important} .chome span {font-size: 4.8em!important; color: #29a430; font-weight: 500; font-family: 'Raleway',sans-serif; letter-spacing: -8px; text-transform: uppercase; } .chome2 {color: #555; text-shadow: 0 1px 0 #ccc; font-size: 19px!important; padding-left: 8px;} /*Login*/ .llinks {position: absolute; width: 90px; margin-left: -10px; padding: 0px; text-align: right;} .llinks li {list-style: none; display: inline; margin-right: 4px;} .llinks li a {font-size: 12px; color: #29a430; font-weight: bold; text-transform: uppercase;} .llinks li a:hover {color: #777;} /*top double-wide nav ie8*/ #menu-menu-1 #nav-menu-item-14 {max-width: 180px!important;} #menu-menu-1 #nav-menu-item-1467 {float: right!important; max-width: 160px; overflow: hidden;} /*search styles*/ .swiftype-widget .title {height: 18px; background: transparent; border: none; white-space: nowrap; overflow: hidden;} .serps {margin-top: 8%;} .serps h2 {color: #888; font-weight: 300; margin-bottom: 25px;} .serp a{color: #29a430; font-weight: 300; font-family: 'Open Sans',sans-serif; font-size: 1.2em;} .serp-result {color: #333; font-weight: 500; font-size: 1.1em; text-transform: uppercase;} .serp-result:hover {color: #999; text-decoration: underline;} .serps .afarrow {color: #29a430; font-weight: 300;margin-left: 6px; font-size: 1.5em;} /*blog*/ .blog_large_image .wp-post-image {max-width: 200px;} .blog_holder article img {max-width: 200px!important; float:right; margin: -25px 0 20px 30px; padding: 5px; border-radius: 2px; border: 1px solid #ddd; background: #f4f4f4;} .post_text h2 {font-weight: 300; color: #29a430} .blog_holder article .bigimg {max-width: 100%!important; float: none; margin: 15px 0; padding: 0; border: none; background: transparent;} /*Menu*/ .drop_down .wide .second .inner ul li.sub ul li a {font-weight: 600;} .drop_down .wide .second .inner ul li.sub ul li a:hover {color: #29a430} /*slider*/ .slidecb {font-weight: bold; font-size: 3.2em; line-height: 1.2em; text-transform: uppercase; text-align: center; color: #fff; text-shadow: 0 1px 4px rgba(0,0,0,.2);} .slidec {font-weight: 300!important; font-size: .7em; } .slidec span {color: #29a430; } /*mxie software*/ .mxie {padding: 3% 0; } .mgrey {padding: 4% 0; border: 1px solid #ddd; border-width: 1px 0; background: #f4f4f4;} .mgrey h3 {color: #29a430; font-size: 2.6em; padding: 5% 0 5%; font-weight: 100;} .mgrey h4 {color: #29a430; font-size: 2.9em; text-align: center; font-weight: 100; padding-bottom: 3%} .mgrey img {float: right;} .bgreen {color: #29a430; font-size: 1.5em; font-weight: 300; line-height: 2em;} .bgreen i {color: #333;} /* .mgrey ul li {line-height: 1.8em; list-style: none; margin-left: 3%; background: url(/wp-content/strata/img/arrow3.png) top left no-repeat; padding: 0 0 10px 20px; font-size: 1.1em;} */ .altrow {padding: 3% 0; border-bottom: 2px dashed #eee;} .altrow h3,.mxie h3 {font-size: 1.8em; color: #29a430; font-weight: 100; margin: 10px 0 8px;} .bchure {padding: 4% 0 2.5%; text-align: center!important;} /* .bchure a {color: #29a430; font-size: 1.7em; padding: 3% 110px 3% 45px; text-align: left; border-radius: 30px; border: 1px solid #ccc; font-weight: 300; background:#f4f4f4 url(/wp-content/strata/img/unified-communications/dbrochure.png) right no-repeat;} */ .bchure a:hover {opacity: .8} /*mx virtual*/ .hlight {padding: 4% 6%; background: #efefef; border-radius: 0px 25px 0 25px; border: 1px solid #ccc; font-size: 1.2em; font-style: italic; line-height: 1.8em; } .hlight span {color: #29a430; font-weight: 700; font-style: normal;} .mx {padding: 2% 0; text-align: center!important;} .mx .q_font_awsome_icon {text-align: center;} .mx h3 {color: #29a430; font-weight: 200; text-align: center; margin-bottom: 14px;font-size: 2em;} /* .mx2 ul li {line-height: 1.8em; list-style: none; margin-left: 1%; background: url(/wp-content/strata/img/arrow3.png) top left no-repeat; padding: 0 0 10px 20px;} */ .mx2 h4,.mx2 h3 {font-weight: 100; color: #29a430; margin-bottom: 12px; font-size: 2.3em;} .mx2 ul {padding-bottom: 3%;} /*testimonials*/ .testimonial_content_inner .testimonial_author h4 {color: #777!important} /*top search*/ .hsearch {font-family: 'Open Sans',sans-serif; font-weight: 600; font-size: 13px; margin-right: 3px;} /*footer form*/ .fform input{padding: 3px 4px; border: 1px solid #ccc; border-radius: 2px; margin-bottom: 3px; font-size: 12px; width: 80%} .fform textarea {font-size: 12px; max-height: 50px; width: 80%; padding: 2px 4px; font-family:'Open Sans',sans-serif; font-weight: 500; border: 1px solid #ccc;} .fform .wpcf7-submit {background: #29a430; width: 84%; padding: 6px 2%; border-radius: 2px 2px 5px 5px; color: #fff; text-shadow: 0 1px 4px rgba(0,0,0,.2); text-transform: uppercase; font-family: 'Raleway',sans-serif; border: 1px solid #0b7511; border-bottom: 4px solid #0b7511; font-weight: 400;cursor: pointer} .fform .wpcf7-submit:hover {opacity: .8} /*portfolio*/ .single-portfolio_page p {margin-bottom: 25px;} /*how to buy*/ .offw2 {padding: 4% 0 0%;} .offw2 h3 {font-size: 3em; font-weight: 100;font-family: 'Open Sans',sans-serif;} .offw3 input {background: #f4f4f4; border-radius: 2px; border: 1px solid #ccc; padding: 10px 5px; width: 92%;} .offw3 .wpcf7-submit {background: #fff; width: 96.4%; border: 1px solid #29a430; color: #333; text-transform: uppercase; font-weight: 100; font-family: 'Raleway',sans-serif; padding: 15px 5px; border-radius: 4px; font-size: 1.6em;cursor:pointer;} .offw3 .wpcf7-submit:hover {opacity: .7} .unothird {width: 33%; float: left; min-width: 260px; margin-top: -25px;} /*contact us*/ .c7 .foorm {width: 50%; float: left; min-width: 220px;} .c7 input[type=text],.c7 input[type=email],.c7 input[type=tel],.c7 select,.c7 textarea {width: 86%; background: #f4f4f4; border-radius: 2px; border: 1px solid #ccc; padding: 5px 6px; max-height: 70px;} .c7 input[type=submit] {cursor: pointer; background: #29a430; border-radius: 5px 5px 8px 8px; border: 1px solid #0c7f12; border-bottom: 6px solid #0c7f12; color: #fff; text-shadow: 0 1px 4px rgba(0,0,0,.3); text-transform: uppercase; padding: 8px 40px; font-famliy: 'Raleway',sans-serif; font-weight: 300; font-size: 1.3em;} .c7 input[type=submit]:hover {opacity: .8} .locs {text-align: right;} .locs h3 {font-weight: 300; margin-bottom: 15px; font-size: 1.2em; color: #29a430} /*search*/ /*page title*/ .title_subtitle_holder{padding: 80px 0 0 2%!important; } /*Home Slider*/ .slider_content_outer .dark {padding: 1% 3%!important; font-size: 1.2em!important; text-transform: uppercase; background: #019831!important;} .slider_content_outer .green {padding: .6% 3%!important; font-size: 1.2em!important; text-transform: uppercase; margin-left: 0%!important; background: #515a82!important;border-color: #202c61!important;} /*Products*/ .page-id-35 .q_slider, .page-id-957 .q_slider{margin-top: 84px;} .pduct {text-align: center; } .pduct p {font-size: 12px; line-height: 18px; padding: 15px 0 0;} .pduct a {background: #fff; padding: 8px 26px; border-radius: 30px; border: 1px solid #ddd; margin-bottom: 6%;} .pduct a:hover {opacity: .6} .offw {background: #f4f4f4; border: 1px solid #ddd; border-width: 1px 0; padding: 5% 0;} .bcta {text-align: center!important;} .bcta .wpb_content_element {padding: 3% 0 5%;} .bcta .bctah{font-weight: 100; font-size: 3.3em; line-height: 3em;} .bcta a {color: #555; padding: 10px 30px; border-radius: 60px; border: 1px solid #29a430; text-transform: uppercase;} .bcta a:hover {opacity: .8} .ppage {padding-bottom: 20%; float: left; } .ppage h3 {color: #29a430; font-weight: 100; font-size: 2.6em; margin-bottom: 15px; text-transform: uppercase; } .ppage h3 span {color: #444; font-weight: 600;} /* .ppage a {border-radius: 50px; padding: 9px 65px 9px 25px; background: url(http://m3hq.com/zultys/wp-content/uploads/2014/05/arrow.png) right no-repeat; color: #888; border: 1px solid #ddd; float: left; margin-top: 15px;} */ h2.pro {font-weight: 100; color: #29a430; font-size: 2.8em;} h2.pbig {font-size: 4em!important; color: #29a430; margin: 3% 0!important; text-transform: uppercase; font-weight: 100; text-align: center;} h3.pbig {font-size: 2.5em!important; color: #29a430; margin: 3% 0!important; text-transform: uppercase; font-weight: 100; text-align: center;} .kfeatures h3 {margin-bottom: 15px;} /* .kfeatures ul li {line-height: 2.1em; list-style: none; margin-left: 1%; background: url(/wp-content/strata/img/arrow2.png) top left no-repeat; padding-left: 25px;} */ .vtabs {padding: 6% 0; } .vtabs h3 {font-weight: 100; font-size: 3.5em; margin-bottom: 1%; color: #29a430;} /*Unified Communications*/ .unified h2 {font-weight: 100; margin: -10px 0 15px; color: #29a430; font-size: 2.5em; font-family: 'Raleway', sans-serif;} .unified h3 {font-weight: 300; margin: 40px 0 20px; color: #29a430; font-size: 1.5em} .unified ul {margin: 0 0 30px 14px} /* .unified ul li,.pner ul li {line-height: 2.1em; list-style: none; margin-left: 1%; background: url(/wp-content/strata/img/arrow2.png) top left no-repeat; padding-left: 25px;} */ /* .cta5 {border-radius: 50px; padding: 9px 65px 9px 25px; background: #29a430 url(http://m3hq.com/zultys/wp-content/uploads/2014/05/arrow.png) right no-repeat; color: #888; border: 1px solid #0d7513; margin: 20px 0 50px; color: #fff; text-transform: uppercase; font-size: 1.3em; text-shadow: 0 1px 3px rgba(0,0,0,.4); float: left;} */ /* .zip .cta6 {border-radius: 50px; padding: 9px 65px 9px 25px; background: #29a430 url(http://m3hq.com/zultys/wp-content/uploads/2014/05/arrow.png) right no-repeat; color: #888; border: 1px solid #0d7513; margin: 20px 0 50px; color: #fff; text-transform: uppercase; font-size: 1.1em; text-shadow: 0 1px 3px rgba(0,0,0,.4);} */ /* .zip .cta7 {border-radius: 50px; padding: 9px 65px 9px 25px; background: #333 url(http://m3hq.com/zultys/wp-content/uploads/2014/05/arrow.png) right no-repeat; color: #aaa; border: 1px solid #222; margin: 20px 0 50px; color: #fff; text-transform: uppercase; font-size: 1.1em; text-shadow: 0 1px 3px rgba(0,0,0,.4);} */ .zip .cta6:hover, .zip .cta7:hover {opacity: .8} .cta5:hover {opacity: .9; color: #efefef;} .ucpage {padding-bottom: 12%;} /*Unified Mobility*/ .umob {padding: 3% 0; } .umob h2 {font-weight: 100; font-size: 2.5em; color: #29a430; line-height: 1em; text-align: center; padding-bottom: 5%} .umob h2 span {font-size: .5em; color: #222; font-weight: 300;} .testimonial_text_inner p {line-height: 2em; font-size: .8em} .umob h3 {font-size: 2em; padding: 2% 0; font-weight: 100; color: #29a430;} .umob ul {padding-bottom: 4%;} /* .umob ul li {line-height: 2.1em; list-style: none; margin-left: 2%; background: url(/wp-content/strata/img/arrow2.png) top left no-repeat; padding-left: 35px;} */ .testim {margin-top: -10px;} .hlilist {background: #444; padding: 3% 0 2%; border-radius: 4px 4px 8px 8px; border-bottom: 7px solid #222;} .hlilist h3,.hlilist ul {padding: 0 3%;} .hlilist ul {margin-top: 2%;} /* .hlilist ul li {line-height: 2.1em; list-style: none; background: url(/wp-content/strata/img/arrow3.png) top left no-repeat; padding-left: 25px; color: #aaa;} */ /*mxvideo*/ .hlilist p {padding-top: 20px; color: #aaa;} .small {font-size: 11px; text-align: center;} .mxvid1 h3 {color: #333; font-size: 1.4em; line-height: 2em; font-weight: 300;} .mxvid1 h4 {margin: 0 0 2% 13%; color: #29a430; font-size: 1.4em; font-weight: 300;} .mxvid2 h5 {line-height: 2em; font-size: 1.2em; font-weight: 300;} .mxvid2 h6 {line-height: 1.8em; padding-top: 25px; color: #29a430} /* .mxvid1 ul li {line-height: 2.1em; list-style: none; background: url(/wp-content/strata/img/arrow2.png) top left no-repeat; padding-left: 26px; margin-left: 15%; color: #777; } */ /*support*/ .suppo {padding: 0 0 4%; margin-top: -3%} .suppo h3 {font-size: 1.5em; padding: 3% 0 1%; font-weight: 100; color: #29a430;} .suppo .cta5 {margin: 10px 0 40px!important;} /*difference*/ /* .diffl {border-radius: 50px; padding: 15px 75px 15px 35px; background: #fff url(http://m3hq.com/zultys/wp-content/uploads/2014/05/arrow.png) right no-repeat; color: #888; border: 1px solid #ddd; font-size: 1.5em; font-weight: 300;} */ .wawe {text-align: center!important; padding: 4% 0 7%} .wawe h2 {font-size: 3em; font-weight: 100; margin-bottom: 6%; color: #777; } .wawe h2 span {color: #29a430; font-weight: 800;font-family: 'raleway',sans-serif;} .bcommit {background: #f4f4f4; border: 1px solid #ddd; border-width: 1px 0; padding: 5% 0 0; overflow: hidden;} .bcommit .centa {float: left; width: 100%; padding: 0; margin: 0 0 -5%;} .bcommit img {margin: 0% 0 -7px!important; padding: 0 0 0 20%; float: left;} .bcommit h2 {text-align: center; color: #29a430; font-size: 2.3em; line-height: 2.5em; font-weight: 100;} /*images*/ .imgr {float: right; margin: 0 0 3% 5%;} .imgr2 {float: right; margin: 0 0 3% 4%; padding: 7px; border-radius: 3px; box-shadow: 0 1px 10px rgba(0,0,0,.2);} .imgp {padding: 6px; background: #fff; border-radius: 2px; border: 1px solid #ccc;} /*Application Integration*/ .appin {text-align: center; } h2.mbig {font-size: 2em!important; color: #333; margin: 5% 0 3%!important; font-weight: 100; text-align: center;} /* .appin a {border-radius: 50px; padding: 9px 65px 9px 25px; background: #fff url(http://m3hq.com/zultys/wp-content/uploads/2014/05/arrow.png) right no-repeat; color: #888; border: 1px solid #ddd;} */ .appin img {margin-bottom: 50px;} /*IP Phones*/ .ipprod {text-align: center; padding-bottom: 30%; float: left;} /* .ipprod a {border-radius: 50px; padding: 9px 55px 9px 25px; background: #fff url(http://m3hq.com/zultys/wp-content/uploads/2014/05/arrow.png) right no-repeat; color: #888; border: 1px solid #ddd;margin-top: 15px;} */ .ipprod p {font-size: 12px; padding: 0px 0 15px;} .ipprod h3 { color: #222; font-size: 2.5em; line-height: .8em; font-family: 'Open Sans', sans-serif; font-weight: 100!important; margin-bottom: 20px;} .ipprod h3 span {color: #29a430; font-size: .4em; font-weight: 400!important;line-height: .1em;} .nobm {padding-bottom: 0;} /*tables*/ table tr td {text-align: left;} .resTable {background: #fff; border: 1px solid #ddd; border-radius: 2px;} .resTable table{width:100%;} .resTable tr:nth-child(even) {background: #f4f4f4; border: 1px solid #ddd; border-width: 1px 0;} .resTable strong{color:#666; font-weight:bold;} .resTable .thead {background: #f4f4f4 !important; color: #fff; } .resTable h4{background: #29a430!important; color: #fff; padding:5px 5px; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */} .resTable h3{font-size: 17px; line-height: 1.375em;} .resTable p{ padding:5px 5px; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ text-align:center; } /*IP Phone Systems*/ .ipps h2 {font-weight: 100; font-family: 'Raleway', sans-serif; color: #29a430; margin: 14px 0 10px;} .ipps h3 {font-weight: 100; font-family: 'Open Sans', sans-serif; color: #29a430; margin: 14px 0 10px;} /*IP Phones Product Pages*/ .pip h1 {font-weight: 100; text-align: center; font-size: 3.5em; color: #29a430; line-height: 1em; margin-bottom: 4%} .pip h1 span {color: #777; font-size: .5em; font-weight: 300} .pip h2 {text-align: center; font-weight: 100; font-family: 'Raleway', sans-serif; font-size: 2.6em; margin: 3% 0 6%;} .pip2 h3 {font-size: 1.4em; color: #29a430; margin: 15px 0 4%; font-weight: 300; text-align: center;} /*about*/ h2.lposts {text-align: center; font-weight: 100; font-size: 3.8em!important; padding: 1% 0 2%;} .latest_post_holder.boxes > ul > li {border: 1px solid #ddd!important;border-radius: 2px;} /* .fright ul li {line-height: 2.1em; list-style: none; margin-left: 1%; background: url(/wp-content/strata/img/arrow3.png) top left no-repeat; padding-left: 25px;} */ .abt h2 {text-align: left!important; font-size: 2em;} .fright {float: right; background: #444; color: #ccc; padding: 4%; width: 100%; max-width: 380px; border-bottom: 6px solid #777; border-radius: 3px 3px 8px 8px; margin: 0 0 3% 4%} .fright h5 {font-size: 1.1em; line-height: 1.8em; font-weight: 300; color: #29a430; margin-bottom: 7%;} .bcta .fwcta {color: #777; padding: 20px 50px; border-radius: 60px; border: 1px solid #29a430; text-transform: uppercase; font-size: 2.3em} /*management*/ .mgt {text-align: center; color: #29a430; font-size: 3.4em; margin: -2% 0 2%; font-weight: 100; font-family: 'Raleway',sans-serif;} h5.q_team_name {font-size: 2em; font-weight: 100;} /*Blog*/ .masonry .post_image .wp-post-image {max-height: 185px;} /*Sidebar Menu*/ .two_columns_25_75 .column1 .widget_nav_menu {background: #f9f9f9; border-radius: 3px; border: 1px solid #ddd; padding: 6% 10% 10%;} .two_columns_25_75 .column1 .widget_nav_menu h5 {border-bottom: 1px solid #ddd; padding: 0 0 13px 12%; width: 114%; margin: 0 0 18px -13%;} .widget_search input[type=text] { background: #f9f9f9!important;} .two_columns_25_75 .column1 .widget_nav_menu .current_page_item {color: #29a430; font-weight: bold;} /*sidebar*/ .sidecta { width: 90%; padding: 3% 5%; border: 1px solid #0d7513; color: #fff!important; background: #29a430; text-shadow: 0 1px 3px rgba(0,0,0,.4); font-size: 1em; text-transform: uppercase; border-radius: 40px; text-align: center;float: left; margin: 0px;} .sidecta span {color: #333; margin-right: 6px;} .sidecta:hover {box-shadow: 0 1px 30px rgba(0,0,0,.4) inset;} /*Home Below Slider*/ .hthree {float: left; width: 33%; min-width: 150px; padding: 6px 0 6px; display: block;height: 85px;} .hthree:hover {opacity: .4;-webkit-transition:all .5s ease-out;-moz-transition:all .5s ease-out;-o-transition:all .5s ease-out;-ms-transform:all .5s ease-out;transition:all .5s ease-out} .hthree img {max-width: 35px;} .hthree h3 {font-size: 14px; color: #fff; text-shadow: 0 1px 4px rgba(0,0,0,.2); line-height: 1.0em; margin-bottom: -3px;} /* .cta1 {border-radius: 50px; padding: 12px 55px 12px 30px; background: #fff url(/wp-content/uploads/2014/05/arrow.png) right no-repeat; color: #888; border: 1px solid #ddd;margin-top: 5px; font-weight: 300; font-size: 1.3em; float: left; margin-top: 15px;} */ /*Menu*/ #menu-zultys-main .menu-item-has-children {font-size: 16px;text-transform: uppercase;} /* #nav-menu-item-13147 {margin: 0 0 0 30%; position: absolute; width: 110px; background: url(img/how.png) right center no-repeat; text-transform: uppercase; padding: 0 30px 0 0;} */ .search_button:hover {color: #199417!important;} .inner ul {background: rgba(255,255,255,.9)!important; } /*headings*/ .phones {font-size: 2.4em; line-height: 3em;} .phones span {color: #347e41; font-weight: bold;} .diff {font-size: 2.1em; line-height: 1em; color: #777; font-family: 'Raleway', sans-serif; font-weight: 100; letter-spacing: 2px; padding-bottom: 20px;} .diff span {color: #347e41; font-weight: 900; letter-spacing: -.6px} .reviews {font-family: 'Raleway', sans-serif; color: #333;text-shadow: 2px 2px 5px rgba(255,255,255,.6); font-size: 4em; line-height:1.9em} .hcsb {font-size: 2.2em;padding: 20px 0; float: left; text-align: center; width: 100%;} .hcsb span {color: #222;} .sol {font-size: 4.5em; line-height: 2.0em; padding-top: 20px; color: #777; font-family: 'Raleway', sans-serif; font-weight: 100; letter-spacing: -2px;} .sol span {color: #347e41; font-weight: 900; letter-spacing: -.6px} .subb {font-size: 2.3em; line-height: 2.5em; color: #347e41; font-family: 'Raleway', sans-serif; font-weight: 100; letter-spacing: -.5px;} /*Rev Slider*/ .white span,.white_vid span {font-size: 16px; vertical-align: text-top} .white strong,.white_small_heavy span,.white_vid strong{color: #01a134;} .bannab {background: #01812a; background: -webkit-linear-gradient(bottom, #01812a, #01a134); background: -moz-linear-gradient(bottom, #01812a, #01a134); background: -o-linear-gradient(bottom, #01812a, #01a134); background: linear-gradient(to top, #01812a, #01a134); text-transform: uppercase; padding: 12px 20px!important; color: #fff!important; text-shadow: 0 1px 3px rgba(0,0,0,.4); font-family: 'Raleway',sans-serif; font-weight: 500!important; border-radius: 2px 2px 5px 5px; border-bottom: 3px solid #025425; box-shadow: 0 1px 20px rgba(0,0,0,.1) inset; font-size: 16px!important; letter-spacing: -.3px!important;} .bannab:hover {opacity: .8} /*footer*/ .footer_top {border-top: 1px solid #ccc!important; border-width: 1px 0 0 0!important; box-shadow: 0 0 0!important;} .footer_bottom {border-top: 1px solid #449f54} .footer_bottom a {color: #fff; text-decoration: none; margin-left: 10px;} .uncover h4{font-size: 20px;} .uncover ul li {line-height: 1.7em;} /* .fpho {background: url(img/phone.png) right no-repeat; width: 120px; padding-right: 30px; font-size: 16px; font-weight: bold; line-height: 25px;} */ .footer_top img:hover {opacity: .8} .fsoc {margin-left: 15%;} .fsoc li {display: inline; list-style: none; margin-right: 3px;} /*content*/ .bigga {font-size: 1.1em; line-height: 1.9em;} .centa {text-align: center;} .centa .tyou {font-size: 3.4em; color: #29a430; font-weight: 100; margin-bottom: 25px;} .wpb_text_column p {margin-bottom: 20px;} /* .lmo {border-radius: 50px; padding: 9px 65px 9px 25px; background: url(http://m3hq.com/zultys/wp-content/uploads/2014/05/arrow.png) right no-repeat; color: #888; border: 1px solid #ddd; float: left; margin-top: 15px;} */ /*container*/ .wpb_wrapper {padding: .5%; min-width: 55px; margin-bottom: 25px;} /*videos*/ /*videos*/ .hvids {margin: 0 auto; width: 96%; max-width: 980px; position: relative; z-index: 999;} .hvids:after {clear: both;} .juan-third {float: left; width: 30%; max-width: 300px; margin: 15px 35px 50px 0; position: relative; z-index: 999; overflow: hidden;} .upfront img {width: 96%; padding: 2%; background: #fff; max-height: 220px; background: rgba(255,255,255,.7); border-radius: 3px; position: relative; z-index: 2;} .upfront img:hover {opacity: .6} .last {margin-right: 0!important;} /*carousels*/ .qode_carousels img {opacity: .4; max-width: 200px} .qode_carousels img:hover {opacity: 1;-webkit-transition:all .5s ease-out;-moz-transition:all .5s ease-out;-o-transition:all .5s ease-out;-ms-transform:all .5s ease-out;transition:all .5s ease-out} .unified h2 {color: green; padding-top:3%;} /*box content*/ .box_content { min-width:550px; min-height: 175px;} .cover_boxes{} .box_content h3 {color: green; padding-top: 20px;} .thumb {padding: 2%;} .qbutton {min-width: 100px;} /*Text Separator*/ .text_seperator {background-color:#ffffff;} /*Section Title*/ .section_title h3{color: green;} .section_title hr {color: green;} /* Case Studies*/ .case { font-size: 1.1em; line-height: 1.9em; clear: both;} .case h1 { font-size: 1.8em; line-height: 1.0em; padding-top: 20px; color: black; font-family: 'Raleway', sans-serif; font-weight: 400; letter-spacing: 0px;} .case h2 { font-size: 2.0em; line-height: 1.5em; padding-top: 20px; color: black; font-family: 'Raleway', sans-serif; font-weight: 400; letter-spacing: 0px;} .case h3 { font-size: 1.5em; line-height: 1.0em; padding-top: 20px; color: black; font-family: 'Raleway', sans-serif; font-weight: 400; letter-spacing: 0px;} .case hr {color: black; opacity: .5;} .case img { padding: 10px; border: #efefef 2px solid; background: #ffffff; border-radius: 10px 10px 10px 10px; margin: 0 auto; margin-top: 15px; margin-bottom: 20px; float:right;} .case_column {float:left; max-width: 400px; width: 100%; padding: 10px;} /*Full Width Container*/ .fullwidthbreak {width: 200% !important; background: #fff !important; left: -50% !important; right: -50% !important; position: relative !important; text-align: center !important; margin-bottom: 1%; } .fullwidthbreak img {width: 200% !important; } .centermefull{margin:0 auto; width:1100px; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ padding:10px 0; } /*Full Width Container black bg*/ .fullwidthbreak_black {width: 200% !important; background: #000 !important; left: -50% !important; right: -50% !important; position: relative !important; text-align: center !important; margin-bottom: 1%; } .centermefull_black {margin:0 auto; width:1100px; color: #ffffff !important; font-size: 1em; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ padding:10px 0; } .centermefull_black i {color: #ffffff !important; font-size: 1.25em; } /* change grid4 to 2-column */ .grid4 .col {width: 48.4%;} .grid4 .col:nth-of-type(3n+1) { margin:5px 1% 20px 1%; clear: none;} .grid4 .col:nth-of-type(2n+1) {margin:5px 1% 20px 0; clear: left;} .centermefull .case_column{text-align:left !important;} /* Full Width Container - F&W Custom -*/ /* .fullwidthbreak_fw {width: 200% !important; background-image: url('http://m3hq.com/zultys/wp-content/uploads/2014/05/FWbg.jpg'); background-repeat: repeat-x; left: -50% !important; right: -50% !important; position: relative !important; text-align: center !important; } */ /*Solutions*/ #solnav ul li a{color:#ccc; line-height: 42px !important;} #solnav ul li a:hover{color:#fff;} #solnav ul li{ border-right:1px solid #00862b; border-left: none; box-shadow: 1px 0 0 #00cd42; position: relative; z-index: 9999; border-left: none !important;} #solnav .menu-solutions-menu-container ul li:first-child a{border-left:1px solid #00cd42; box-shadow: -1px 0 0 #00862b} .parent-pageid-47 .content_menu .menu-solutions-menu-container ul{width:100% !important;} #solnav .menu-solutions-menu-container ul{padding: 0; border:0px solid #00862b;} #solnav .menu-applications-container ul{border: none; } .q_box_holder {margin-bottom: -3px;} .very_large p {padding-bottom: 60px;} .very_large h3 {font-weight: 100; color: #222; font-size: 2em;} .bgrey {padding: 3% 0; } .bgrey h2,.bgreyz h2 {font-weight: 100; color: #019931; font-size: 2.8em; margin-bottom: 20px; text-align: center;} .bgrey .greenn ul {margin-bottom: 0px;} .bgrey .greenn ul li a {font-size:0.9em; line-height: 1.7em; padding: 5px 13px; color: #111} .bigg {text-align: center; font-size: 1.2em; padding-bottom: 40px; font-weight: 300; line-height: 1.8em; color: #111111;} .greenn h4 {color: #019931; font-weight: 100; margin-bottom: 15px; font-family: 'Raleway', sans-serif; font-size: 2em;} .zcta {text-align: center; padding: 5% 0 4%; color: #efefef;} .zcta h3 {font-weight: 100; font-size: 3.2em; color: #fff; text-shadow: 0 1px 3px rgba(0,0,0,.6);text-align: center; margin-bottom: 30px; } .zcta h3 span {color: #4ac166; font-weight: 800;} .zcta h4 {color: green; padding-bottom:15px; font-size: 1em; text-align:center;} .zcta p {text-align: center; font-size: 1.2em; line-height: 1.8em;} .zcta p img {margin-top: 20px; opacity: .7} .zcta p img:hover {opacity: 1;} /*End Solutions*/ /*Portfolio*/ .case .ptitle {font-family: 'Raleway',sans-serif; text-align: center; color: #555; font-size: 3em; margin: 1% 10% 2%; font-weight: 100;} .content {background: #efefef;} .prow {background: #f4f4f4; background: -webkit-linear-gradient(bottom, #f4f4f4, #fff);background: -moz-linear-gradient(bottom, #f4f4f4, #fff);background: -o-linear-gradient(bottom, #f4f4f4, #fff);background: linear-gradient(to top, #f4f4f4, #fff);overflow: hidden; border: 1px solid #ddd; border-radius: 7px; width: 88%; padding: 5% 6%; float: left; margin: 3% 0 5%} .testi {float: right; width: 92%; max-width: 240px; padding: 4% 5%; margin: -6% 0 3% 6%; border-radius: 0px 0px 55px 5px; background: #656870; color: #f4f4f4; text-shadow: 0 1px 3px rgba(0,0,0,.3);} .prow h3 {font-size: 2.5em; color: #777;font-weight: 100;} .prow ul {margin: 15px 15px 25px;} .testi p {font-style: italic;} .testi h4 {color: #63cb62; font-family: 'Raleway', sans-serif; font-size: 1.4em} .testi span {font-size: 11px; color: #ccc; font-style: normal;} .prow .pimgr {float: right; margin: 0 0 2% 4%; } .testi2 {background: #fff; font-size: 1.0em; line-height: 1.9em; float: left; width: 86%; padding: 4% 7%; margin: 2% 4% 2% -7%; border: 1px solid #ccc; max-width: 400px; border-radius: 0 4px 40px 0;} .testi2 i {font-style: italic;} .post img { /* This centers the image */ display: block; margin-left: auto; margin-right: auto; /* This adds the border */ padding:8px; border:solid; border-color: #dddddd #aaaaaa #aaaaaa #dddddd; border-width: 1px 2px 2px 1px; background-color:white; } .multiple-borders {padding: 6px 6px 0; border-radius: 3px; border: 1px solid #ddd;} .imgr4 {float: right; margin-top: 15%;} .ie8 .bcta a:hover{background:#29a430 !important;} .overlay { background-color: rgba(255, 255, 255, .9); padding: 25px; border-radius: 10px; } .overlay h2 { text-align: center; color: #29a430; font-size: 2.3em; line-height: 2.5em; font-weight: 100; } .resume {padding: 4% 0 7%} .resume h2 {font-size: 2em; font-weight: 100; margin-bottom: 6%; color: #777; } .resume h2 span {color: #29a430; font-weight: 500;font-family: 'raleway',sans-serif;} .resume em {font-size: .8em; clear: both;} .resume img {border: #ededed solid 2px; margin: 2px; padding: 15px;} /* .applybutton {border-radius: 50px; padding: 10px 50px 10px 25px; background: #fff url(http://m3hq.com/zultys/wp-content/uploads/2014/05/arrow.png) right no-repeat; color: #888; border: 1px solid #ddd; font-size: 1em; font-weight: 300;} */ .award {background: #f4f4f4; background: -webkit-linear-gradient(bottom, #f4f4f4, #fff);background: -moz-linear-gradient(bottom, #f4f4f4, #fff);background: -o-linear-gradient(bottom, #f4f4f4, #fff);background: linear-gradient(to top, #f4f4f4, #fff);overflow: hidden; border: 1px solid #ddd; border-radius: 5px; width: 100%; padding: 2% 2%; float: left; margin: 5% 0 1%} .awards img { background-color: #ffffff; padding:10px; border-radius: 5px; border: #ededed solid 1px; min-height: 90px; min-width:100px;} ul.products img {border: green 2px solid} /*--------Contact Form Footer-------*/ #Formmessage {margin-top:10px; min-width:100px; font-family: 'Open Sans',sans-serif; font-size: 12px; font-weight: 600;} nav.main_menu>ul>li>a{padding: 0 8px !important;} /*********************************************************************************** Related Links Bottom Nav *************************************************************************************/ .relatedstuff {text-align: center; padding: 1% 4% 3%; background: #f4f4f4; border-radius: 3px 3px 8px 8px; border: 1px solid #ccc; border-bottom: 6px solid #ccc; margin-top:25px;} .relatedstuff h5 {font-weight: 300; line-height: 2.6em; font-size: 2.5em; color: #999; padding-bottom: 8px; border-bottom: 1px solid #ddd; box-shadow: 0 1px 0 #fff; margin-bottom: 35px; text-transform: uppercase; margin-top: 20px;} .relinks {margin: 0; padding: 0; margin-bottom:25px;} .relinks li {list-style: none; display: inline; margin: 0 8px; font-size: 15px; } .relinks li a { border-right: 1px solid #ccc; box-shadow: 1px 0 0 #fff; padding: 2px 5px; padding-right: 20px; line-height: 3em;} .relinks li a:hover {opacity: .8} /*********************************************************************************** hosted packages - option boxes *************************************************************************************/ .optbox {border:#ccc solid 1px; padding: 10px; height: 970px; background: #f4f4f4; } .optbox hr {height: 1px; background: #ccc; border-bottom: 1px solid #ddd; border-width: 0 0 1px 0; box-shadow: 0 2px 0 #fff;} ul ul {font-size: 80%;} /* .full-width-green{background:url(http://m3hq.com/zultys/wp-content/uploads/2014/04/buttonbg.gif) repeat-x; padding:20px 0!important; } */ .full-width-green li{background:none !important;} .full-width-green hr{ width:100%; height:0; background:none; border:none; border-top:1px solid #00852a; border-bottom:1px solid #02c13f; } .full-width-green .latest_post_holder.boxes>ul>li .latest_post, .full-width-green .latest_post_holder.boxes>ul>li .boxes_image{border:none !important; } .latest_post_holder{padding:10px 0 !important; } .full-width-green .latest_post_text{width:100% !important;} .full-width-green h3{margin-bottom:20px !important; font-size:2.2em !important;} .full-width-green h3 a:hover{color:#CCC !important; } .full-width-green h4{margin-bottom:20px !important; font-weight:bold !important;} .full-width-green .boxes_image{display:inline-block !important; margin:15px auto 10px !important; float:none !important; width:100% !important; background:#FFF !important; text-align:center !important; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; padding: 10px 5px 10px !important;} .full-width-green .boxes_image img{margin:0 auto !important; display:block !important; width:100% !important;} .full-width-green .boxes_excerpt{color:#eee;} .viewmore{float:right; margin:25px auto 10px !important; background-color: #fff; color: #303030; -webkit-box-shadow: 0px 0px 0px 1px #f9f9f9 inset, 0px 4px 0px 0px #d5d5d3, 0px 5px 0px 0px #d5d5d3; -moz-box-shadow: 0px 0px 0px 1px #f9f9f9 inset, 0px 4px 0px 0px #d5d5d3, 0px 5px 0px 0px #d5d5d3; -ie-box-shadow: 0px 0px 0px 1px #f9f9f9 inset, 0px 4px 0px 0px #d5d5d3, 0px 5px 0px 0px #d5d5d3; box-shadow: 0px 0px 0px 1px #f9f9f9 inset, 0px 4px 0px 0px #d5d5d3, 0px 5px 0px 0px #d5d5d3; display: block; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ie-border-radius: 6px; border-radius: 6px; padding: .48em .8em; font-size: 12px; font-weight:600; -webkit-transition-property: background-color; -webkit-transition-duration: .15s; -webkit-transition-timing-function: ease-in-out; cursor: pointer; text-decoration: none; } .viewmore:hover{ background-color: #fff; } .viewmore:active { background-color: #fff; -webkit-box-shadow: 0px 0px 0px 1px #fff inset, 0px 1px 0px 0px #d5d5d3, 0px 3px 0px 0px rgba(0,0,0,.15); -moz-box-shadow: 0px 0px 0px 1px #fff inset, 0px 1px 0px 0px #d5d5d3; -ie-box-shadow: 0px 0px 0px 1px #fff inset, 0px 1px 0px 0px #d5d5d3; box-shadow: 0px 0px 0px 1px #fff inset, 0px 1px 0px 0px #d5d5d3; top: 5px; position:relative; margin:25px auto 10px !important; } .page-id-47 h3{margin-bottom: 20px !important; font-size: 2em !important;} .page-id-47 .wpb_row img{float:left; clear:both; margin-bottom:95px !important;} /* .arrow-link{background:url(img/arrow.jpg) no-repeat right center; display: block; */ width: 150px; padding: 13px 9px; float:right; border-radius:8px; text-indent:-9999px; } .arrow-link:hover{opacity:0.6;} .mbox-top{ padding: 30px 0; color:#666; background: rgba(238, 238, 238, 0.5); } .relatedLinks{ padding:16px 16px 30px; background: #f2f2f2; color:#666; } .relatedLinks h5{float:left; clear:both; width:100%; margin-bottom:16px;} /* .relatedLinks a{float:left; background:#FFF url(img/link-icon.png) no-repeat 2px 5px; margin-left:1%; padding:10px 0px 10px 30px; width:32%; display:block; min-height:15px; border-radius:6px;} */ .relatedLinks .3setlinks a:first-child{margin-left:0px !important;} /* .parent-pageid-47 class for child for industrial solutions */ .parent-pageid-47 aside{padding:0px 10px 10px;} .parent-pageid-47 aside h5{font-size:1.8em;} .parent-pageid-47 aside ul li{border-bottom:#CCC solid 1px; padding-bottom:10px;} .parent-pageid-47 aside ul li:first-child{border-top:#CCC solid 1px; padding-top:10px;} .solutionsUl h4{color:#01a034; font-size:1.3em; margin-bottom:22px; min-height:40px; font-family: 'Raleway', sans-serif !important;} .solutionsUl ul{} .solutionsUl li{ list-style-type:none !important; font-size:12px; padding:16px; color:#666; line-height:normal; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ min-height:260px; border-radius:10px; border: solid #eaeaea 1px; } .solutionsUl li img{float:left; border:#eee solid 1px; border-radius:20px; } /* grid4 col */ /* #solnav{background:url(http://m3hq.com/zultys/wp-content/uploads/2014/04/buttonbg.gif) repeat-x; width: 100% !important;} */ #solnav ul li a{color:#FFF; line-height: 42px !important;} #solnav ul li a:hover{color:#000;} #solnav ul li{ border-left:#060 solid 1px;} #solnav .menu-solutions-menu-container ul li:first-child{border-left:none;} .parent-pageid-47 .content_menu .menu-solutions-menu-container ul{width:100% !important;} #solnav .menu-solutions-menu-container ul{padding:0px 0;} .page-id-456 video{width:100% !important;} /************************************************************************************************************ Single Post Pages ************************************************************************************************************/ .blog_holder.masonry article .masonry_avatar{top: -51px !important;} .single-post .title_subtitle_holder h1{max-width:445px; font-size:1.5em!important} .breadcrumbs_inner{font-size:10px !important;} .post_image img{border:#eee solid 1px !important; padding: 0 !important;} .single-post aside li{ padding: 9px 10px 9px 1px; border-bottom: 1px solid #eaeaea; margin: 0; } .single-post aside li:after { content: "\f105"; font-family: 'FontAwesome',sans-serif; float: right; position:relative; } .single-post aside .widget h5{color:#01a034;} .single-post .post_text h3, .single-post .post_text h4, .single-post .post_text h5{margin:10px 0 10px 0;} .single-post .blog_single{ -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ padding-right:20px; } .single-post .post_text ul li{margin-left:25px; padding:10px 0;} .single-post .post_text ul{margin:15px 0 20px; border-top:#CCC solid 1px; border-bottom:#CCC solid 1px;} #aboutZultysBox .image{float:right !important; border-left:solid #eee 1px !important; border-right:none !important; border-top:none !important; border-radius:0px !important; border-bottom:none !important; height:220px !important; width:110px; padding-top:10px; padding-left:20px; margin-left:20px; } #aboutZultysBox .phoneabout{font-size:14px !important; margin:0 !important;} #aboutZultysBox .image p{font-size:10px !important; margin-bottom:5px !important; margin-top:5px !important;} #aboutZultysBox .image img{border-radius:10px; border:#eee solid 1px !important; margin-bottom:40px; margin-top:20px; width:25%;} #aboutZultysBox .author_text_holder{padding: 0 130px 0 0 !important;} #aboutZultysBox .author_text_holder .author_name { display: block; margin: 0 0 15px 0 !important; } #aboutZultysBox .author_description{width:100% !important; padding-top:25px !important; padding-bottom:25px !important; margin:40px 0 0 !important; } #aboutZultysBox .author_email{font-weight:bold !important; float:right; margin:0 !important; padding-bottom:10px !important;} #aboutZultysBox .author_text{border-top:#eee solid 1px !important; padding-top:10px;} .grid4 .col {width:23.5% !important;} /* grid3 col */ .grid3 .col {width:32% !important;} /* grid2 col */ .grid2 .col {width: 49% !important;} .col{float: left; list-style: none outside none; display: block; margin:5px 0 10px 2% !important; padding:0;} .col:first-child{margin:5px 0 20px 0 !important;} /* clear col */ .grid7 .col:nth-of-type(7n+1), .grid6 .col:nth-of-type(6n+1), .grid5 .col:nth-of-type(5n+1), .grid4 .col:nth-of-type(4n+1), .grid3 .col:nth-of-type(3n+1), .grid2 .col:nth-of-type(2n+1) { margin:5px 0 10px 0; clear: left; } /*Full Width Container*/ .fullwidthbreak {width: 200% !important; background: #fff !important; left: -50% !important; right: -50% !important; position: relative !important; text-align: center !important; margin-bottom: 1%; } .fullwidthbreak img {width: 200% !important; } .centermefull{margin:0 auto; width:1100px; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ padding:10px 0; } /*Full Width Container black bg*/ .fullwidthbreak_black {width: 200% !important; background: #000 !important; left: -50% !important; right: -50% !important; position: relative !important; text-align: center !important; margin-bottom: 1%; } .centermefull_black {margin:0 auto; width:1100px; color: #ffffff !important; font-size: 1em; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ padding:10px 0; } .centermefull_black i {color: #ffffff !important; font-size: 1.25em; } /* change grid4 to 2-column */ .grid4 .col {width: 48.4%;} .grid4 .col:nth-of-type(3n+1) { margin:5px 1% 20px 1%; clear: none;} .grid4 .col:nth-of-type(2n+1) {margin:5px 1% 20px 0; clear: left;} .quickFlip{ height: 216px; width: 322px; } .quickFlip{ position: relative; } .quickFlip .blackPanel{ background-color: #FFD993; } .quickFlip .blackPanel a{display:none;} .quickFlip .redPanel{ background-color: #75941f; } .quickFlip .redPanel a{display:block;} .quickFlipCta { cursor: pointer; } .dw_thank_head{ font-size: 42px; margin-bottom: 20px; } .dw_thank_text { font-size: 17px; line-height: 26px; margin-bottom: 20px; } .dw_thank_download { background: none repeat scroll 0 0 #000; border-radius: 8px; float: left; opacity: 0.8; padding: 20px 10px 20px 24px; width: 40%; margin-bottom: 40px; } .dw_thank_download a { color: #29a430; text-decoration: none; } .dw_thank_download a:hover{ color:#fff; } .dw_thank_download img{ float: left; margin-right: 4%; } .dw_thank_download span { display: block; float: left; font-size: 19px; margin-top: 3.2%; } .page-id-4678 .subtitle{ font-size: 20px; } .centermefull .case_column{text-align:left !important;} /* Full Width Container - F&W Custom -*/ /* .fullwidthbreak_fw {width: 200% !important; background-image: url('http://m3hq.com/zultys/wp-content/uploads/2014/05/FWbg.jpg'); background-repeat: repeat-x; left: -50% !important; right: -50% !important; position: relative !important; text-align: center !important; } */ .findDealer { margin-left: 12%; } .tble{} .resIframe iframe, .resIframe object, .resIframe embed, .resIframe iframe object{width: 100% !important; height: auto !important; min-height:600px !important;} .hideMobilemenu{display:block;} .appear {display: block;} .hthreer{background-repeat:repeat !important;} .sitemapStyles ul {font-size:1.1em !important;} .sitemapStyles ul li a{font-size:1.1em !important;} .sitemapStyles ul li ul li a{color:#000 !important; font-size:0.9em !important;} .sitemapStyles ul li ul li a ul li a{font-size:1.1em !important;} .sitemapStyles h2{margin-bottom:10px !important;} .ie8 .hthreer{background: #01ad38 repeat !important;} .ie8 .section .mobile-video-image{height:120% !important;} .ie8 .column_container{float:left !important;} .ie8 .video_section .column_container{float:left !important;} .ie8 .floatLeft .column_container{float:left !important; width:48% !important;} .ie8 .tp-bgimg{height:130% !important;} .ie8 .vc_responsive .wpb_row .vc_span1 { float: left !important; width: 8.33333333% !important; } .ie8 .vc_responsive .wpb_row .vc_span2 { float: left !important; width: 16.66666667% !important; } .ie8 .vc_responsive .wpb_row .vc_span3 { float: left !important; width: 25% !important; } .ie8 .vc_responsive .wpb_row .vc_span4 { float: left !important; width: 33.33333333333333% !important; } .ie8 .vc_responsive .wpb_row .vc_span5 { float: left !important; width: 41.66666667% !important; } .ie8 .vc_responsive .wpb_row .vc_span6 { float: left !important; width: 50% !important; } .ie8 .vc_responsive .wpb_row .vc_span7 { float: left !important; width: 58.33333333% !important; } .ie8 .vc_responsive .wpb_row .vc_span8 { float: left !important; width: 66.66666666666666% !important; } .ie8 .vc_responsive .wpb_row .vc_span9 { float: left !important; width: 75% !important; } .ie8 .vc_responsive .wpb_row .vc_span10 { float: left !important; width: 83.33333333% !important; } .ie8 .vc_responsive .wpb_row .vc_span11 { float: left !important; width: 91.66666667% !important; } .ie8 .vc_responsive .wpb_row .vc_span12 { float: left !important; width: 100% !important; } .ie8 .drop_down .left_position.wide .second ul li{width:155px !important; padding-right:0px !important;} .ie8 .relinks li a{font-size:12px !important;} .ie8 .offw3 .wpcf7-submit:hover{background-color:#29a430 !important;} .ie8 .four_columns.boxes.latest_post_holder > ul > li{width:22.5% !important;} .ie8 .underParallaxie{display:inline-block !important; width:100% !important; margin-top:-174px !important;} .panel { width:100% !important; height:150px; margin: auto; position: relative; } .card { width: 100%; height: 100%; -o-transition: all .5s; -ms-transition: all .5s; -moz-transition: all .5s; -webkit-transition: all .5s; transition: all .5s; -webkit-backface-visibility: hidden; -ms-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; position: absolute; top: 0px; left: 0px; } .front { z-index: 2; background:#fff !important; } .front i, .back i{font-size:2.5em !important; background:#e0e0e0 !important; color:#333333 !important; padding:20px 0 !important; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; float:left; width: 73px; text-align: center; } .front h3{float:left; padding-top: 20px; padding-left: 15px;} .back { z-index: 1; -webkit-transform: rotateX(-180deg); -ms-transform: rotateX(-180deg); -moz-transform: rotateX(-180deg); transform: rotateX(-180deg); background:#fff !important; } .back i{background:#2b8447 !important; color:#fff !important;} .back a{float:left; padding-top: 20px; padding-left:7px; width: 65%;} .panel:hover .front { z-index: 1; -webkit-transform: rotateX(180deg); -ms-transform: rotateX(180deg); -moz-transform: rotateX(180deg); transform: rotateX(180deg); } .panel:hover .back { z-index: 2; -webkit-transform: rotateX(0deg); -ms-transform: rotateX(0deg); -moz-transform: rotateX(0deg); transform: rotateX(0deg); } /************************************************************************************ 1200px = 75m - smaller than 1200px Desktops and laptops before ipad portrait, modifies ipad landscape *************************************************************************************/ @media screen and (max-width : 75em) { .hsearch {display: none;} .llinks {margin-left: -60px;} } @media screen and (min-width : 800px) and (max-width : 1024px) { .pip h1 {margin-top: 80px!important;} } /************************************************************************************ 992px = 62m - smaller than 992px *************************************************************************************/ @media screen and (max-width: 62em) { .centermefull{width:92%; margin:0 auto;} #rev_slider_1_1 {margin: -80px 0 0px; z-index: 1;} .hthreer {margin-top: -100px;} .diff {font-size: 1.8em;} .centermefull{width:92%; margin:0 auto;} .resIframe iframe {width: 100% !important; height: auto !important; min-height:300px !important;} .hideMobilemenu{display:none;} #solnav .menu-solutions-menu-container ul{padding: 0; border:none; background: rgb(42, 169, 82);} #solnav ul li{border:none !important;} #solnav .menu-solutions-menu-container ul li:first-child a {border-left:none !important; box-shadow:none !important; } .very_large h3 { font-size:1.5em; } .bgrey h2{font-size: 2em !important;} .hthree h3 {font-size: 14px !important;} } @media screen and (min-width:48em) { .qode_search_form .container input {width: 90%; background: #ccc!important; padding: 3px 45px 3px 10px!important; font-size: 12px!important; margin: 11px 0px 5px 10px!important;border-radius: 2px!important; border: 1px solid #777!important; color: #555!important;} header.fixed .qode_search_form {top: 0!important;} } /************************************************************************************ 768px = 48em - Ipad Portrait and Lower, smaller than 768px *************************************************************************************/ /* Strata Theme Starts full width columns here so lets join them */ @media screen and (max-width:48em) { .bcta .fwcta {padding: 10px 14px; border-radius: 40px; font-size: 1.4em; display: block;} .col { width: 100% !important; margin:5px 0 10px 0 !important; clear: none !important; } .single-post .blog_single{ padding-right:0px; } #solnav .fa-bars { color: #FFF; } .resIframe iframe {width: 100% !important; height: auto !important; min-height:250px !important;} .zcta h3{font-size: 2.2em;} } /************************************************************************************ 603px = 37.688em - smaller than 603 - Kindle fire, galaxy nexus 7, after ipad *************************************************************************************/ @media screen and (max-width:37.688em){ /*New Slider*/ .chome {line-height: 3.7em!important;padding-left: 5px;} .chome span {font-size: 4.5em!important; letter-spacing: -2px;} .chome2 {font-size: 11px!important; padding-top: 5px; line-height: 20px;} .footer_logo { text-align: center; margin: 0px auto; display:block;} .fsoc { text-align: center; margin-left: 0%; } .findDealer img { display: block; margin: 0px auto !important;} /* table, thead, tbody, th, td, tr { display: block; } .resTable .table{width:100% !important;} /* Hide table headers (but not display: none;, for accessibility) */ .resTable thead tr { position: absolute !important; top: -9999px !important; left: -9999px !important; } .resTable tr {background: #fff !important; } .resTable td{ /* Behave like a "row" */ position: relative !important; width:100% !important; float:left !important; border-left:none !important; padding: 39px 0px 13px !important; text-indent:3px; } .resTable td:first-child{width:100% !important;} .resTable td:first-child:before{width:100% !important;} .resTable td:before { /* Now like a table header */ position: absolute !important; /* Top/left values mimic padding */ top: 0px !important; right: 0px !important; width:100% !important; padding: 5px 0 10px !important; white-space: nowrap !important; color: #FFF !important; font-weight: bold !important; background:#666 !important; display: inline-block !important; } /* Label the data */ #mobileTable1 td:nth-of-type(1):before { content: "MXMeeting Appliance"; background:#646865 !important; } #mobileTable1 td:nth-of-type(2):before { content: "Included Capacity"; } #mobileTable1 td:nth-of-type(3):before { content: "Maximum Capacity"; } #mobileTablephoneSystems td:nth-of-type(1):before { content: "Available Features"; background:#646865 !important; } #mobileTablephoneSystems td:nth-of-type(2):before { content: "MX250"; } #mobileTablephoneSystems td:nth-of-type(3):before { content: "MX30"; } #mobileTablemg4 td:nth-of-type(1):before { content: "System Specifications"; background:#646865 !important; } #mobileTablemg4 td:nth-of-type(2):before { content: "Key Features"; } #mobileTablephoneSystems2 td:nth-of-type(1):before { content: "Note"; background:#646865 !important; } #mobileTablephoneSystems2 td:nth-of-type(2):before { content: "Description"; } .resTable p{border-top: 1px solid #ddd;} .title.title_size_medium h1 {font-size:24px !important; } .breadcrumb{display:none !important;} .hthree {min-width: inherit;} .bannab {padding:9px 12px!important; font-size: 11px!important;} .zcta h3{font-size:1.7em;} } /************************************************************************************ 480px = 30em - smaller than 480 *************************************************************************************/ @media screen and (max-width:30em) { /* disable webkit text size adjust (for iPhone) */ html { -webkit-text-size-adjust: none;} body{font-size:80%;} .col { width: 100% !important; margin:5px 1% 20px 0 !important; clear: none !important; } .slider_content_outer .dark {font-size: .8em!important;} .hthree {width: 100%;} .hthreer {margin-top: -40px!important;} .reviews {font-size: 2em; line-height:1em} .hsearch {display: none;} .q_logo img{max-width: 200px!important; margin: 5% 0 0 -5%; max-height: 62px!important} .slidecb {line-height: 1.5em; margin-bottom: 10%} .slidec {font-size: 1.6em; } .bannab {padding: 6px 12px!important; font-size: 11px!important;} #solnav{padding: 0 0px !important;} .title.title_size_medium h1 {font-size:20px !important; } } /************************************************************************************ 360px = 20em - smaller than 360 *************************************************************************************/ /* new fake menu */ #newnavmenu {float: right; padding-top: 22px;} #newnavmenu ul { list-style: none; padding: 0; margin: 0; color:#222; } #newnavmenu ul li { display: block; position: relative; float: left; background-color: transparent; color:#222; font-family: "Open Sans", sans-serif; font-size: 13px; font-weight: 600; line-height:14px; } #newnavmenu li ul { display: none; } #newnavmenu ul li a { display: block; padding: 1em; text-decoration: none; white-space: nowrap; color: #222; } #newnavmenu ul li a:hover { color: #2c3e50; } #newnavmenu li:hover > ul { display: block; position: absolute; } #newnavmenu li:hover li { float: none; } #newnavmenu li:hover a { color:#222; } #newnavmenu li:hover li a:hover { color:#2AA952 } #newnavmenu .main-navigation li ul li { border-top: 0;} #newnavmenu ul ul { border:1px solid #ccc; padding:0 14px; background-color:#FFF} #newnavmenu ul ul li { border-bottom:1px solid #ccc; font-size:13px;} #newnavmenu ul ul ul { left: 100%; top: 0; } #newnavmenu ul:before, #newnavmenu ul:after { content: " "; /* 1 */ display: table; /* 2 */ } #newnavmenu ul:after { clear: both; } @media screen and (max-width:20em) { body{font-size:75%;} } #newnavmenu i { display: none;