/* Theme Name: alterna Theme URI: http://themes.activetofocus.com/alterna/ Version: 4.0.5 Description:A powerful and clean theme.Designed by ActiveToFocus Author: ActiveToFocus Author URI: http://themes.activetofocus.com Copyright: (c) 2009-2013 Activetofocus. License: GNU General Public License v2.0 PHP under GNU General Public License, JS and CSS under ThemeForest License Terms License URI: http://themeforest.net/licenses/regular_extended Tags: black, green, white, orange, red */ /* =WordPress Core -------------------------------------------------------------- */ @font-face { font-family: 'PTSansBoldItalic'; src: url('fonts/PTS76F-webfont.eot'); src: url('fonts/PTS76F-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/PTS76F-webfont.woff') format('woff'), url('fonts/PTS76F-webfont.ttf') format('truetype'), url('fonts/PTS76F-webfont.svg#PTSansBoldItalic') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'PTSansBold'; src: url('fonts/PTS75F-webfont.eot'); src: url('fonts/PTS75F-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/PTS75F-webfont.woff') format('woff'), url('fonts/PTS75F-webfont.ttf') format('truetype'), url('fonts/PTS75F-webfont.svg#PTSansBold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'PTSansItalic'; src: url('fonts/PTS56F-webfont.eot'); src: url('fonts/PTS56F-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/PTS56F-webfont.woff') format('woff'), url('fonts/PTS56F-webfont.ttf') format('truetype'), url('fonts/PTS56F-webfont.svg#PTSansItalic') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'PTSansRegular'; src: url('fonts/PTS55F-webfont.eot'); src: url('fonts/PTS55F-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/PTS55F-webfont.woff') format('woff'), url('fonts/PTS55F-webfont.ttf') format('truetype'), url('fonts/PTS55F-webfont.svg#PTSansRegular') format('svg'); font-weight: normal; font-style: normal; } .alignnone {margin: 5px 20px 20px 0;} .aligncenter,div.aligncenter {display: block;margin: 5px auto 5px auto;} .alignright {float:right;margin: 5px 0 20px 20px;} .alignleft {float: left;margin: 5px 20px 20px 0;} .aligncenter {display: block;margin: 5px auto 5px auto;} a img.alignright {float: right;margin: 5px 0 20px 20px;} a img.alignnone {margin: 5px 20px 20px 0;} a img.alignleft {float: left;margin: 5px 20px 20px 0;} a img.aligncenter {display: block;margin-left: auto;margin-right: auto;} .wp-caption {background: #fff;border: 1px solid #f0f0f0;max-width: 96%;padding: 5px 3px 10px;text-align: center;} .wp-caption.alignnone { margin: 5px 20px 20px 0;} .wp-caption.alignleft { margin: 5px 20px 20px 0;} .wp-caption.alignright { margin: 5px 0 20px 20px;} .wp-caption img {border: 0 none;height: auto;margin: 0;max-width: 98.5%;padding: 0;width: auto;} .wp-caption p.wp-caption-text {font-size: 11px;line-height: 17px;margin: 0;padding: 0 4px 5px;} .sticky {} .gallery-caption {} .bypostauthor {} input[type="checkbox"] { float:left; margin-right: 5%; } select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input { -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; box-shadow: none; } textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus { border-color: #7AB80E; box-shadow: none; } .clear {clear:both;} .alterna-space {margin:25px 0px;} .alterna-space.small {margin: 15px 0px;} .alterna-space.big {margin: 40px 0px;} .alterna-line {border-bottom: 1px solid #f2f2f2;} .alterna-line.dashed {border-bottom: 1px dashed #e8e8e8;} a {color: #1c1c1c;text-decoration: none;} a:hover {color: #7AB80E;text-decoration: none;} /* global wrap style */ body {padding:0 !important;} .wrapper { max-width:1230px; margin: 0px auto !important; background: white;} .boxed-layout .wrapper { -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.3); box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.3); } .full-width-layout .wrapper {max-width:100% !important;margin: 0px auto !important;} .fixed-width .wrapper {width:960px;} .footer-content {border-top: 6px #7AB80E solid;background:#404040;} .footer-bottom-content {padding:8px;line-height: 16px;} .content-wrap {overflow:hidden;} .content-wrap a , .footer-wrap a { -webkit-transition: 500ms; -moz-transition: 500ms; -o-transition: 500ms; transition: 500ms; } .attachment-full {width: 100% !important; margin-bottom: 29px;} .content-wrap a:hover , .footer-wrap a:hover { -webkit-transition: 500ms; -moz-transition: 500ms; -o-transition: 500ms; transition: 500ms; } /* global columns */ .row-fluid .columns-2 {width:48%;margin:0px 0.9% 10px; float:left;} .row-fluid .columns-3 {width:31%;margin:0px 0.9% 10px; float:left;} /* .row-fluid .columns-4 {width:23%;margin:0px 0.9% 10px; float:left;} */ /* ---------------------------------------------------------------------------------------------- B - LAYOUT ---------------------------------------------------------------------------------------------- */ /* = Header Style -------------------------------------------------------------- */ /* header banner */ #header-banner {display:none;min-height:44px;background: #f7d539;color: #222222;} #header-banner .container {text-align:center;padding:12px 20px;position:relative;} #header-banner .close-btn {position: absolute;top: 50%;margin-top: -9px;right: 10px;font-size: 16px;width: 20px;height: 20px;line-height: 20px;background: #f6f6f6;} /* header top bar */ #header-topbar {min-height: 30px;background:#f2f2f2;} #header-topbar-left-content ul {float:left;} #header-topbar-right-content ul {float:right;} #header-topbar ul {list-style:none;margin:0;} #header-topbar ul li ul {display:none;background: #f2f2f2;border: 1px solid #e6e6e6;position: absolute;top: 100%;left: -1px;min-width: 60px;z-index:999;} #header-topbar ul ul ul {top: -1px;left: 100%;} #header-topbar-right-content ul ul ul {margin-left: -214px;} #header-topbar span, #header-topbar a {color:#757575;} #header-topbar a:hover, #header-topbar a:hover .amount {color:#16a2da;} #header-topbar ul li ul li {position:relative;} #header-topbar li ul li a, #header-topbar li ul li span { border-bottom:1px #e8e8e8 solid; line-height: 30px; padding: 0 10px; width: 86px; display: inline-block; text-align:left; } ul.alterna-social {float:right;} div.phone_number {font-size: 30px; line-height: 30px; text-align:left; background-image: url('images/logo_phone.png'); background-repeat:no-repeat; background-position:left center; padding: 0px 0px 0px 40px; font-family:'Open Sans',Arial,Helvetica,sans-serif;} #header-topbar li.social {padding:0;} #header-topbar li.social a {width:30px; height:30px;display:block;text-align:center;} #header-topbar li i.icon-globe, #alterna-topbar-nav.navbar li i, #alterna-topbar-nav.navbar li img {margin-right:5px;} #header-topbar li i.icon-angle-down, #alterna-topbar-nav.navbar li i.icon-angle-down {margin-left:5px;} #header-topbar li ul li:last-child > a {border-bottom:none;} #header-topbar li ul li a:hover {background:#f7f7f7;} #header-topbar-left-content > ul > li, #header-topbar-right-content > ul > li {float:left;line-height:30px;height:30px;padding:0 8px;border-right: 1px #e6e6e6 solid;position:relative;font-size:11px;} #header-topbar-left-content > ul > li i, #header-topbar-right-content > ul > li i {font-size: 14px;width: 18px;text-align: center;display: inline-block;} #header-topbar-left-content li:hover > ul, #header-topbar-right-content li:hover> ul {display:block;} #header-topbar li.touch> ul {display:block;} #header-topbar-left-content > ul > li:first-child, #header-topbar-right-content > ul > li:first-child {} #header-topbar-left-content > ul > li:last-child, #header-topbar-right-content > ul > li:last-child {border-right: none;} #header-topbar li ul li:last-child a, #header-topbar li ul li:last-child span {border-bottom:none;} #header-topbar li:hover > a > .icon-twitter{color:#48c4d2 !important;} #header-topbar li:hover > a > .icon-facebook{color:#3b5998 !important;} #header-topbar li:hover > a > .icon-google-plus{color:#d94a39 !important;} #header-topbar li:hover > a > .icon-dribbble{color:#ef5b92 !important;} #header-topbar li:hover > a > .icon-pinterest{color:#cb2027 !important;} #header-topbar li:hover > a > .icon-flickr{color:#f1628b !important;} #header-topbar li:hover > a > .icon-skype{color:#18b7f1 !important;} #header-topbar li:hover > a > .icon-youtube {color:#f45750 !important;} #header-topbar li:hover > a > .icon-linkedin{color:#71b2d0 !important;} #header-topbar li:hover > a > .icon-xing{color:#006567 !important;} #header-topbar li:hover > a > .icon-instagram{color:#517fa4 !important;} #header-topbar li:hover > a > .icon-envelope{color:#4fbaf8 !important;} #header-topbar li:hover > a > .icon-rss-sign{color:#ff6c00 !important;} #header-topbar .wc-cart i , #header-topbar li.touch {cursor:pointer;} #header-topbar .wpml li img {margin-right:5px;} #alterna-topbar-nav {display:none;} #alterna-topbar-nav.navbar {margin:0px;} #alterna-topbar-nav .btn-navbar {margin:5px 0;} #alterna-topbar-nav.navbar li a {text-shadow:none;} #alterna-topbar-nav.navbar li span {padding: 9px 15px;} #alterna-topbar-nav .collapse {display:none;clear:both;height:100%;} #alterna-topbar-nav .collapse.open {display:block;} #alterna-topbar-nav .collapse .nav, #alterna-topbar-nav .collapse .nav > li {float:none;} #alterna-topbar-nav .collapse .nav {margin:0 0 5px;} #alterna-topbar-nav .collapse .nav li:hover {background:#2a2a2a;} /* header alert message */ .header-top-content {line-height:16px;background: #7AB80E;} .header-information {float:right;font-size: 12px;color:#fff;padding: 6px 0;} .header-information i {margin-right:5px;} .header-information-element {float:left;margin-left:10px;padding-left:10px;} .header-information-line , .header-information a {color:#fff;} .header-information a:hover {color:#5b8f00;} /* header logo , social */ #alterna-header {padding: 25px 0px;} #alterna-header .logo , #alterna-header .logo a {float:left;display: block;} #alterna-header .header-social-container , #alterna-header .header-custom-container {float:right;display: block;} /* header menu , search form */ #alterna-drop-nav {margin-bottom:0px;display:none; background:#0C0C0C;} #alterna-nav-menu-select { position: relative; width: 100%; border-radius: 0px !important; padding: 38px 0 5px 0; text-align: center; } #alterna-nav-menu-select .btn-navbar { position: absolute; top: 0px; left: 50%; margin-left: -20px; } #alterna-nav-menu-select .nav a {padding: 7px 15px;line-height: 24px;border-radius: 0;text-shadow:none;font-family: 'Oswald',sans-serif;font-weight: 400;color:#ffffff; text-align:left;} #alterna-nav-menu-select .nav li i {margin-right:5px;} #alterna-nav-menu-select .nav .icon-angle-down, #alterna-nav-menu-select .nav .icon-angle-right {display:none;} #alterna-nav-menu-select .nav .active a , #alterna-nav-menu-select .nav a:hover {background:#7ab80e;} #alterna-nav-menu-select .menu-name {margin-left: 30px;display: block;line-height: 16px;font-size: 14px;margin-top: -15px;} .alterna-nav-menu-container {float:left;} .alterna-nav-menu {float:left;margin: 0;} .alterna-nav-menu i {float: left;margin-top: 6px;margin-right: 5px;} .alterna-nav-menu i.icon-plus , .alterna-nav-menu i.icon-angle-down, .alterna-nav-menu i.icon-angle-right {float: right;margin-left: 5px;margin-right: 0px;} .alterna-nav-menu span.sub {float: right;margin-left: 10px;font-size: 18px;line-height: 24px;} .alterna-nav-menu > li {list-style: none outside none;float:left;color:#ffffff;line-height: 20px;position:relative;background:url('img/menu_line.png') no-repeat right center;} .alterna-nav-menu li li, .alterna-nav-menu li li:hover { -webkit-transition: 500ms; -moz-transition: 500ms; -o-transition: 500ms; transition: 500ms; } .alterna-nav-menu li:hover {background:#7ab80e;} .alterna-nav-menu li a {float: left;color: white;font-size: 13px;font-weight: 400;min-height: 24px;line-height: 24px;font-family: 'Oswald',sans-serif;padding: 12px 15px;text-decoration: none;text-transform: uppercase;} .alterna-nav-menu > li.current-menu-item , .alterna-nav-menu > li.current-menu-ancestor {background:#7ab80e;} .alterna-nav-menu .sub-menu {display:none;position: absolute;margin-top:48px;margin-left:0px;z-index:1000; box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3); background:#7ab80e;/*default*/ } .alterna-nav-menu .sub-menu li {position:relative;} .alterna-nav-menu .sub-menu .sub-menu {margin-left: 100%;margin-top:0px;} .alterna-nav-menu li:hover > ul{display:block;} .alterna-nav-menu .sub-menu li {float: left;list-style: none outside none;border-bottom:1px #3a3a3a dotted;} .alterna-nav-menu .sub-menu li a {float:left;color:#242424;padding:6px 15px !important;min-width:180px;} .alterna-nav-menu > li.current-menu-item:hover , .alterna-nav-menu > li.current-menu-ancestor:hover , .alterna-nav-menu > li.current-menu-item:hover .sub-menu, .alterna-nav-menu > li.current-menu-ancestor:hover .sub-menu {background:#7ab80e;} .alterna-nav-menu .sub-menu li:hover {background:#242424;} .alterna-nav-menu .sub-menu li:hover > a {color:#ffffff;} #alterna-nav {background:#0c0c0c;border-bottom:4px #7ab80e solid;position:relative;min-height:48px;} /* header form */ .alterna-nav-form-container {float:right;} .alterna-nav-form-container .alterna-nav-form {padding:7px;} .alterna-nav-form-container .alterna-nav-form form {position: relative;margin: 0px;height: 34px;} .searchform .sf-s { font-size:12px;padding:5px 8px;color:#333; border-radius: 0;margin: 0px;height: 23px;background:#ffffff; border:1px #616f51 solid;width:75px;line-height: 14px; -webkit-transition: 500ms; -moz-transition: 500ms; -o-transition: 500ms; transition: 500ms; } .searchform .sf-s:hover { width:150px; -webkit-transition: 500ms; -moz-transition: 500ms; -o-transition: 500ms; transition: 500ms; } .searchform .sf-searchsubmit { border: 1px solid #7AB80E; background-color: #7AB80E; position: absolute; width: 37px; height: 37px; right: 0px; top: -1px; background-image: url('img/search_icon.png'); background-size: 32px 32px; background-position: center; background-repeat: no-repeat; -webkit-transition: 500ms; -moz-transition: 500ms; -o-transition: 500ms; transition: 500ms; } .searchform .sf-searchsubmit:hover { background-color:#1a1a1a; border: 1px solid #4a4a4a; -webkit-transition: 500ms; -moz-transition: 500ms; -o-transition: 500ms; transition: 500ms; } /* style 2 */ .alterna-header-right-container {float:right;} .header-style-2 .logo {margin-top:15px;} .alterna-nav-form-style-2 {display:none;} /* style 2 menu */ .header-style-2 {border-bottom:#e8e8e8 solid 1px;} .header-style-2 .menu {float:right;margin-top:10px;} .header-style-2 .alterna-nav-menu {margin:0;} .header-style-2 .alterna-nav-menu i {margin-top: 4px;} .header-style-2 .alterna-nav-menu .sub-menu i {margin-top: 3px;} .header-style-2 .alterna-nav-menu li a {color:#333;padding: 10px 0px;line-height: 20px;min-height: 20px;} .header-style-2 .alterna-nav-menu li li a {color:#555;} .header-style-2 .alterna-nav-menu > li {background:none;padding: 0px 10px;} .header-style-2 .alterna-nav-menu > li:hover {background:#7ab80e;} .header-style-2 .alterna-nav-menu .sub-menu {margin-top: 40px;margin-left: -10px;} .header-style-2 .alterna-nav-menu .sub-menu li a {padding: 6px 10px !important;} .header-style-2 .alterna-nav-menu .sub-menu .sub-menu {margin-top: 0px;margin-left: 100%;} .header-style-2 .alterna-nav-menu > li.current-menu-item > a , .header-style-2 .alterna-nav-menu > li.current-menu-ancestor > a{ border-bottom:#7ab80e solid 1px;} .header-style-2 .alterna-nav-menu i.icon-plus, .header-style-2 .alterna-nav-menu i.icon-angle-down, .header-style-2 .alterna-nav-menu i.icon-angle-right {margin-left: 2px;} /* style 2 form & social */ .header-style-2 .alterna-nav-form-container .alterna-nav-form {padding:0px;margin-left:20px;} .header-style-2 .header-social-container {margin-top:1px;} .header-style-2 .searchform .sf-s {background: none;border: 1px #E8E8E8 solid;} /* style 3 */ .alterna-nav-form-style-3 {display:none;} #alterna-header.header-style-3 .logo a {float: none;margin: 0 auto;} .header-style-3 .alterna-nav-menu-container {position: relative;left: -50%;float:right;} .header-style-3 .alterna-nav-menu {position: relative;left: 50%;} .header-style-3 .header-social-container {margin-top:15px;width: 100%;text-align: center;} /* style 3 menu */ #alterna-header.header-style-3 {border-bottom:#e8e8e8 solid 1px;padding: 25px 0px 0px;} .header-style-3 .menu {float:right;margin-top:10px;} .header-style-3 .alterna-nav-menu {margin:0;} .header-style-3 .alterna-nav-menu li a {color:#333;padding: 10px 0px;} .header-style-3 .alterna-nav-menu li li a {color:#555;font-size:12px;} .header-style-3 .alterna-nav-menu > li {background:none;padding: 0px 10px;} .header-style-3 .alterna-nav-menu > li:hover {background:#7ab80e;} .header-style-3 .alterna-nav-menu .sub-menu {margin-top: 44px;margin-left: -10px;} .header-style-3 .alterna-nav-menu .sub-menu li a {padding: 5px 10px !important;min-width: 170px;} .header-style-3 .alterna-nav-menu .sub-menu .sub-menu {margin-top: 0px;margin-left: 100%;} .header-style-3 .alterna-nav-menu > li.current-menu-item > a , .header-style-3 .alterna-nav-menu > li.current-menu-ancestor > a{ border-bottom:#7ab80e solid 1px;} .header-style-3 .alterna-nav-menu i.icon-plus, .header-style-3 .alterna-nav-menu i.icon-angle-down, .header-style-3 .alterna-nav-menu i.icon-angle-right {margin-left: 2px;} /* style 4 */ #alterna-header.header-style-4 {border-bottom:#e0e0e0 solid 1px;padding: 0px;min-height:106px;} .header-style-4 .logo {margin-top:23px;} .header-style-4 .menu {float:right; -webkit-transition: 500ms; -moz-transition: 500ms; -o-transition: 500ms; transition: 500ms; } .header-style-4 .menu.opacity { opacity:0.2; filter:alpha(opacity=20); /* For IE8 and earlier */ -webkit-transition: 500ms; -moz-transition: 500ms; -o-transition: 500ms; transition: 500ms; } .header-style-4 .alterna-nav-menu {margin:0;} .header-style-4 .alterna-nav-menu > li, .header-style-4 .alterna-nav-menu > li.current-menu-item , .header-style-4 .alterna-nav-menu > li.current-menu-ancestor {background:none;} .header-style-4 .alterna-nav-menu li a {color:#666;} .header-style-4 .alterna-nav-menu > li > a .icon-angle-down {display:none;} .header-style-4 .alterna-nav-menu > li:hover {background:none !important;} .header-style-4 .alterna-nav-menu > li > a {padding: 40px 15px;} .header-style-4 .alterna-nav-menu > li.current-menu-item > a, .header-style-4 .alterna-nav-menu > li.current-menu-ancestor > a{border-bottom:2px solid #7ab80e;color:#7ab80e;} .header-style-4 .alterna-nav-menu > li:hover > a {background: #f5f5f5;color:#7ab80e;border-bottom:2px solid #7ab80e;} .header-style-4 .alterna-nav-menu .sub-menu {margin-top: 104px;background:none !important;padding-bottom:0;border-top:2px solid #7ab80e;} .header-style-4 .alterna-nav-menu .sub-menu .sub-menu {margin-top: -2px;padding-left:1px;} .header-style-4 .alterna-nav-menu .sub-menu li {background:#f5f5f5;border-top:#ffffff 1px solid;border-bottom:#d9d9d9 1px solid;} .header-style-4 .alterna-nav-menu .sub-menu li:first-child {border-top:none;} .header-style-4 .alterna-nav-menu .sub-menu li:hover {background:#2a2a2a;} .header-style-4 .alterna-nav-form-container {margin-top: 40px;position:relative;} .header-style-4 .alterna-nav-form-content {position:absolute;top: -6px;right: 30px;z-index:1100;width:0px;overflow: hidden; -webkit-transition: 500ms; -moz-transition: 500ms; -o-transition: 500ms; transition: 500ms; } .header-style-4 .alterna-nav-form-content.show { width:347px; -webkit-transition: 500ms; -moz-transition: 500ms; -o-transition: 500ms; transition: 500ms; } .header-style-4 .alterna-nav-form-content form {margin:0;} .header-style-4 .alterna-nav-form-content .searchform .sf-s {width: 300px; background: #ffffff;border: 1px #e8e8e8 solid;padding: 5px 5px 5px 5px;margin-left: 35px;} .header-style-4 .alterna-nav-form-content .searchform .sf-s:focus {border: 1px #7ab80e solid;} .header-style-4 .alterna-nav-form-content .searchform .sf-searchsubmit {width: 35px;height: 35px;top: 0px;left: 0px;border: none;} .header-style-4 .alterna-nav-form-icon {cursor:pointer;} .header-style-4 .alterna-nav-form-icon i {display: inline-block;text-align: center;width: 24px;height: 24px;line-height: 20px;} /* style 5 */ #alterna-header.header-style-5 {border-bottom:#e0e0e0 solid 1px;} .header-style-5 .alterna-nav-menu li a {padding:5px 10px;color:#555;} .header-style-5 .alterna-nav-menu i.icon-angle-down {display:none;} .header-style-5 .alterna-nav-menu > li {background:none;} .header-style-5 .alterna-nav-menu > li.current-menu-item, .header-style-5 .alterna-nav-menu > li.current-menu-ancestor, .header-style-5 .alterna-nav-menu > li.current-menu-item:hover, .header-style-5 .alterna-nav-menu > li.current-menu-ancestor:hover {background:none;} .header-style-5 .alterna-nav-menu .sub-menu {margin-top: 34px;margin-left: 0px;padding-bottom: 10px;background: #ffffff;border: 1px solid #e8e8e8;padding: 10px;} .header-style-5 .alterna-nav-menu .sub-menu .sub-menu {margin-left: 100%;margin-top: 0px;} .header-style-5 .alterna-nav-menu .sub-menu li {border-bottom: 1px #e3e3e3 solid;} .header-style-5 .alterna-nav-menu > li.current-menu-item:hover .sub-menu, .header-style-5 .alterna-nav-menu > li.current-menu-ancestor:hover .sub-menu {background: #ffffff;} .header-style-5 .alterna-header-right-container {margin-top: 13px;} .header-style-5 .menu {float:right;} .header-style-5 .alterna-nav-form {position:relative;float: right;} .header-style-5 .alterna-nav-form form{margin:0;} .header-style-5 .searchform .sf-s {background: none;border: 1px #e8e8e8 solid;} .header-style-5 .searchform .sf-searchsubmit {top: 0px;border: none;width: 34px;height: 34px;} /* fixed menu */ .fixed-logo , .fixed-logo a{float:left;} .fixed-logo {display:none;} #alterna-nav.header-fixed { position: fixed; width:100%; left: 0; top: 0; z-index: 2000; box-shadow: 1px 1px 8px 1px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 1px 1px 8px 1px rgba(0, 0, 0, 0.3); min-height: 44px; } #alterna-nav.header-fixed .fixed-logo {display:block;margin-top: 2px;} .header-fixed.alterna-nav-form-style-2 , .header-fixed.alterna-nav-form-style-3 {display:block;} .header-fixed .alterna-nav-menu {margin-left: 10px;} header.header-fixed {position: fixed;z-index: 10000;top: 0px;left: 0;width: 100%;background: #fff; box-shadow: 1px 1px 8px 1px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 1px 1px 8px 1px rgba(0, 0, 0, 0.3); } /* style 4, 5 */ header.header-fixed #alterna-header.header-style-4 {min-height:60px;padding:0;} header.header-fixed #alterna-header.header-style-4, header.header-fixed #alterna-header.header-style-5 {border:none;} header.header-fixed .header-style-4 .logo {margin-top:0;} header.header-fixed .header-style-4 .alterna-nav-form-container {margin-top: 20px;} header.header-fixed .header-style-4 .alterna-nav-menu > li > a {padding:17px 15px; } header.header-fixed .header-style-4 .alterna-nav-menu .sub-menu {margin-top: 58px;} header.header-fixed .header-style-4 .alterna-nav-menu .sub-menu .sub-menu {margin-top: -2px;} header.header-fixed #alterna-header.header-style-5 {padding:5px 0;} /* = Footer Style -------------------------------------------------------------- */ .footer-content {color: #999;} .footer-top-content {padding: 20px 0px;} .footer-top-content h4 {color:#fff;} .footer-bottom-content {border-top: 1px #4a4a4a solid;background-color: #0C0C0C;font-size: 12px;} .footer-copyright {float:left;font-family: Arial, sans-serif;} .footer-copyright a {color:#606060;} .footer-copyright a:hover {color:#7AB80E;} .footer-link {float:right;} .footer-social li {padding: 0px !important;} /* = Page Header Style -------------------------------------------------------------- */ .page-slider-container {position:relative;} #page-header { position:relative; background:#f9f9f9; /* background-size: 297px 297px; background-repeat: repeat; background-image: url('img/bright_squares.png');*/ } .top-shadow { position: absolute; top: -1px; background: transparent url('img/header-top-shadow.png') no-repeat center top; background-size: 100% 30px; width: 100%; height: 30px; z-index: 888; } #page-header .title {float: left;margin: 20px 0px;} #page-breadcrumb {border-top: 1px #e0e0e0 solid;padding:5px 0; background-color: #dadada;} #page-breadcrumb ul {margin: 0px;list-style-type: none;float: left;} #page-breadcrumb ul li {float:left;margin-right:5px;} #page-breadcrumb a ,#page-breadcrumb span {font-size: 12px;line-height: 15px;margin-top: 1px;} #page-breadcrumb i {margin-right:5px;} #page-breadcrumb .icon-home {margin-right:3px;} #page-breadcrumb i.icon-chevron-right {font-size:10px;} /* = Other Element Style -------------------------------------------------------------- */ /* main content */ #main {padding-top:20px;/*padding-bottom:60px;*/} .wide-background {padding:30px 100px;margin-left:-100px;background:#f5f5f5;} /* line style */ .line {float:left;width:100%;margin-bottom:10px;} .left-line {float:left;width:20%;height:2px;background:#7ab80e;} .right-line {float:left;width:80%;height:1px;background:#e1e1e1;margin-top:1px;} .full-line {height:1px;background:#e1e1e1;} /* media */ .video-youtube , .video-vimeo , .sound-sl {margin-bottom:10px;} .video-youtube , .video-vimeo {width: 100%;padding-bottom: 56%;position: relative;float: left;} .video-youtube iframe , .video-vimeo iframe {position: absolute;height: 100%;width: 100%;} .sound-sl iframe , .video-youtube iframe , .video-vimeo iframe {border:none;} .full-width-show {width:100%;} /* back top */ #back-top { display:none; position: fixed; right: 5px; bottom: 0px; width: 46px;height: 46px; cursor:pointer; background-color:#333; border-radius: 3px; background-image:url("img/custom/icon_chevron_top.png"); background-size:30px 30px; background-position:center; background-repeat:no-repeat; z-index: 2000; -webkit-transition: 1s; -moz-transition: 1s; transition: 1s; } #back-top:hover { background-color:#7AB80E; -webkit-transition: 1s; -moz-transition: 1s; transition: 1s; } /* ---------------------------------------------------------------------------------------------- C - PAGE STYLES ---------------------------------------------------------------------------------------------- */ /* = Post , Blog -------------------------------------------------------------- */ .entry-post {float:left;width:100%;border-bottom: 1px #E1E1E1 dashed;padding-bottom:20px;margin-bottom:20px;} .entry-left-side {float:left !important;min-width:92px;} .entry-right-side {float:left;} .entry-left-side .date {float: left;padding: 10px 10px;background: #0C0C0C;width:74px;} .entry-right-side .date {font-weight: bold;margin-bottom: 10px;color: #7ab80e;} .entry-left-side .post-type , .single-post .post-type {line-height: 10px;background: #7ab80e;float: left;padding: 10px 5px;} .post-type-container {height:61px;} .entry-left-side .day , .entry-left-side .month , .entry-left-side .year { font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight:bold; } .entry-left-side .day {line-height: 30px;float: left;text-align: center;font-size: 35px;color: #ffffff;width: 55%;} .entry-left-side .month {margin-bottom: 2px;} .entry-left-side .month , .entry-left-side .year {text-align:right;line-height:14px;color:#ffffff;font-size:12px;float:left; width: 45%;} .entry-left-side .post-author , .entry-left-side .post-comments {padding-left: 5px;border-left: 3px solid #E1E1E1;margin-top: 5px;float: left;} .entry-left-side .post-comments {margin-bottom:10px;} .entry-left-side i {margin-left: 5px;} .entry-right-side .title {float:left;margin-bottom:10px;} .entry-right-side .title h3 , .single-post .post-title h3 {font-size: 30px;margin: 0px;line-height: 30px;color: #0C0C0C;float:left;} .blog-show-style-2 .entry-right-side .title h3 {font-size:24px;} .entry-right-side .title h3:hover {color:#7ab80e;} .entry-right-side .post-img {margin-bottom:15px;} .entry-right-side .post-category {margin:10px 0px;padding:5px 0px;border-top:1px #e1e1e1 dotted;border-bottom:1px #e1e1e1 dotted;} .blog-show-style-2 .entry-right-side .post-category {margin:0 0 5px;padding: 0 50px 0 0;border:none;} .single-post .post-header {margin: 10px 0px;padding: 8px 0px 3px 0px;border-top: 1px #E1E1E1 dashed;border-bottom: 1px #E1E1E1 dashed;} .single-post .post-type {padding: 8px 8px;margin-right:10px;} .single-post .post-meta {margin-bottom:5px;} .single-post .post-meta , .single-post .post-category , .single-post .post-tags { line-height: 15px; } .single .post-meta i , .single-post .post-category i , .single-post .post-tags i { margin-right:5px; } .single-post .post-meta > div {float: left;margin-right: 20px;line-height: 15px;} .entry-right-side .post-edit {margin:10px 0px;} .entry-left-side i , .entry-right-side i {margin-right:5px;} .single-post .post-img {margin-bottom:20px;} .single-post .post-tags {margin: 15px 0px;padding: 15px 0px 15px 50px;position: relative;} .single-post .post-share {margin-bottom:15px;} .single-post .post-tags .post-tags-icon { left: 0px;margin-top: -15px;position: absolute;border-radius: 30px;background: #7AB80E; padding: 15px;float: left;height: 14px;width: 14px;color:#ffffff; } /* post comment */ .placeholding-input {position: relative;} .placeholding-input .placeholder { color: #999;cursor: text;height: 20px;left: 6px;position: absolute; top: 5px;margin: 0px;line-height: 20px; opacity:1; filter:alpha(opacity=100); /* For IE8 and earlier */ -webkit-transition: 500ms; -moz-transition: 500ms; -o-transition: 500ms; transition: 500ms; } .placeholding-input .comment-placeholder {left:-6px;} .have-some .placeholder { font-size:0px !important; opacity:0; filter:alpha(opacity=0); /* For IE8 and earlier */ -webkit-transition: 500ms; -moz-transition: 500ms; -o-transition: 500ms; transition: 500ms; } /* post image */ .post-img {position:relative;float:left;width:100%;} .post-img img {width:100%;} .post-img > a { float:left; } .post-tip { position:absolute; left:0px; top:0px; width:100%; height:100%; opacity:0; filter:alpha(opacity=0); /* For IE8 and earlier */ -webkit-transition: 500ms; -moz-transition: 500ms; -o-transition: 500ms; transition: 500ms; overflow:hidden; } .post-img:hover .post-tip { opacity:1; filter:alpha(opacity=100); /* For IE8 and earlier */ -webkit-transition: 500ms; -moz-transition: 500ms; -o-transition: 500ms; transition: 500ms; } .post-tip div.bg { width:100%; height:100%; background:#000000; opacity:0.7; filter:alpha(opacity=70); /* For IE8 and earlier */ } .post-tip div.link { padding: 10px; position: absolute; margin-top: -25px; margin-left: -25px; left: 50%; top: 50%; background: #000000; width: 30px; height: 30px; -webkit-transition: 500ms; -moz-transition: 500ms; -o-transition: 500ms; transition: 500ms; } .post-tip div.no-bg { background: none; } .post-img:hover .post-tip div.link { -webkit-transition: 500ms; -moz-transition: 500ms; -o-transition: 500ms; transition: 500ms; } .post-tip div.left-link { margin-left: -60px; top: 50%; left: 150%; } .post-tip div.right-link { margin-left: 10px; top: 50%; left: -50%; } .post-tip div.center-link { top: -50%; left: 50%; } .post-img:hover .post-tip div.left-link , .post-img:hover .post-tip div.right-link { left: 50%; } .post-img:hover .post-tip div.center-link { top: 50%; } div.left-link:hover , div.right-link:hover , div.center-link:hover { background: #7ab80e; } .entry-right-side .more-link { padding:0px; float:right; margin:5px 0px; } .single-pagination { margin:20px 0px; padding:20px 0px; border-top:1px #e1e1e1 dashed; } .single-pagination .post-title {display:none;} .single-pagination a[rel='prev'] {float:left;font-size: 16px;} .single-pagination a[rel='next'] {float:right;font-size: 16px;} .alterna-title {margin-bottom: 15px;} .alterna-title h1 , .alterna-title h2 , .alterna-title h3 , .alterna-title h4 , .alterna-title h5 , .alterna-title h6 { margin: 0px; margin-bottom: 10px; } .alterna-title h2 {line-height:36px;} .alterna-title h3 {line-height:30px;} /* new alterna title v4.0.0 */ .alterna-new-title {position: relative;margin-bottom:20px;} .alterna-new-title.left {text-align:left;} .alterna-new-title.center {text-align:center;} .alterna-new-title.right {text-align:right;} .alterna-new-title .new-line {position: absolute;height: 1px;background: #e8e8e8;width: 100%;top: 50%;z-index: 1;margin-top: -1px;} .alterna-new-title.line-top {margin-top:20px;} .alterna-new-title.line-bottom {padding-bottom:10px;} .alterna-new-title.line-top .new-line {top: 0;margin-top: -10px;} .alterna-new-title.line-bottom .new-line {top: 100%;margin-top: 0px;} .alterna-new-title .new-title-container {display: inline-block;position: relative;z-index: 2;padding: 0 20px;} .alterna-new-title.left .new-title-container {padding:0 20px 0 0;} .alterna-new-title.right .new-title-container {padding:0 0 0 20px;} .alterna-new-title .new-title-container.show-bg {background:#fff;} .alterna-new-title .new-title-container.icon {padding: 10px 10px;border-radius: 40px;} .alterna-new-title .new-title-container.icon.min {padding: 15px 15px;border-radius: 50px;} .alterna-new-title .new-title-container.icon.big {padding: 20px 20px;border-radius: 60px;} .alterna-new-title .new-title-container.icon i{width: 20px;height: 20px;line-height: 20px;display: inline-block;text-align: center;} .alterna-new-title .new-title-container.icon.min i{width: 30px;height: 30px;line-height: 30px;font-size: 24px;} .alterna-new-title .new-title-container.icon.big i{width: 40px;height: 40px;line-height: 40px;font-size: 36px;} .alterna-new-title .new-title-extra {padding: 10px 10px;line-height: 20px;position: relative;z-index: 2;} .alterna-new-title .new-title-extra.min {padding: 15px 15px;line-height: 30px;font-size: 24px;} .alterna-new-title .new-title-extra.big {padding: 20px 20px;line-height: 20px;line-height: 40px;font-size: 36px;} .alterna-new-title h1 ,.alterna-new-title h2 ,.alterna-new-title h3 ,.alterna-new-title h4 ,.alterna-new-title h5 ,.alterna-new-title h6 {margin: 0;} .alterna-new-title .uppercase {text-transform: uppercase;} .alterna-new-title .bold {font-weight:bold;} .gravatar {float:left;border: 1px #E8E8E8 solid;padding: 2px;} .post-author-details .author-meta {margin-left: 92px;} .post-author-details .gravatar {float:left;} .post-author-details {margin-bottom:15px;} .post-quote-entry {float:left;margin-bottom:15px;padding:20px 20px 20px 60px;background:#7AB80E;position:relative;color:#111;} .post-quote-entry .post-quote-icon { width:50px; height:50px; background-image: url('img/custom/icon-quote-post.png'); background-size: 50px 50px; background-repeat:no-repeat; position:absolute; left:8px; top:8px; } .post-quote-entry , .post-quote-entry p { font-size: 25px; line-height: 28px; font-style: italic; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4); } .entry-right-side .post-category { position:relative; } .entry-right-side .post-link { position: absolute; right: 0px; top: 5px; } .blog-show-style-2 .entry-right-side .post-link {top: 0px;} .entry-right-side .post-link i { opacity:0.6; filter:alpha(opacity=60); /* For IE8 and earlier */ } .entry-right-side .post-link:hover i { opacity:1; filter:alpha(opacity=100); /* For IE8 and earlier */ } #cancel-comment-reply-link {float: left;margin-bottom: 15px;} #comment-input > input {width: 90%;} #comment-form #comment-textarea #comment {width:100%;float:right;} #comment-form #comment-textarea #comment.logged-in {width:100%;float:left;} .comment-list , .comment-list ul{list-style: none outside none;margin: 0px;} .comment-list ul.children {margin-left: 50px;} .comment-list .popover-title {font-size:18px;} .comment-list li {margin-left: 0;} .comment-list .comment-item {margin-bottom: 10px;position: relative;width: 100%;} .comment-list .comment-item .comment-content { background-color: #F7F7F7 ;border-bottom: 1px #F2F2F2 solid;margin-left: 50px; min-height: 30px;padding:0px 10px; } .comment-list .comment-item .comment-reply-link { font-size: 12px; } .comment-list .comment-item .comment-content p {margin-top: 5px;} .comment-list .comment-arrow { background: url("img/comment-arrow.png") no-repeat scroll 0 0 transparent; height: 30px; left: 92px; position: absolute; top: 10px; width: 30px; } .comment-wait-approved {color: #F55D2D;} #comment-nav-above {margin: 10px 0;float: left;width: 100%;} #comment-nav-above .next-post {float:right;} #comment-nav-above .pre-post {float:left;} #comment-alert-error, #comment-alert-error span {display:none;} #comment-alert-error.show, #comment-alert-error .comment-alert-error-name.show, #comment-alert-error .comment-alert-error-email.show, #comment-alert-error .comment-alert-error-url.show, #comment-alert-error .comment-alert-error-message.show {display:block;} /* post with ajax */ .post-ajax-border {float: left;border: 1px #E8E8E8 solid;padding: 2.5%; width:94.6%; box-shadow: 1px 2px 5px 1px #EEE; -webkit-box-shadow: 1px 2px 5px 1px #EEE; } .post-ajax-element .post-ajax-content {float: left;width: 100%;} .post-ajax-element .post-mata-container {float: left;width: 100%;border-top: #E8E8E8 1px dotted;border-bottom: #E8E8E8 dotted 1px;padding: 10px 0px;} .post-ajax-element .post-ajax-information {float:left;width: 100%;} .post-ajax-element .post-type {line-height: 10px;background: #7AB80E;float: left;padding: 10px 10px;margin-right: 10px;} .post-ajax-element .post-meta-content {margin-left: 60px;} .post-ajax-element .post-meta-content h4 {margin: 0px;margin-bottom: 10px;} .post-ajax-element .post-meta-content .post-meta > div {float:left; margin-right:10px;} .post-ajax-element .post-date {float:left;margin-bottom: 5px;} .post-ajax-element .post-link {float:right;} .post-ajax-element .post-content {float: left;margin-top: 5px;} .post-ajax-element .more-link {float:right;} .post-ajax-btn-container {text-align:center;margin-bottom:30px;} .ajax-load-content {display:none;} .post-ajax-element .post-img {margin-bottom:10px;} .span8 .columns-3 .post-ajax-content .post-quote-entry {padding: 60px 10px 10px 10px;} .span8 .columns-4 .post-ajax-content .post-quote-entry {padding: 30px 5px 5px 5px;} .span8 .columns-4 .post-ajax-content .post-quote-icon {zoom:0.5;} .span12 .columns-4 .post-ajax-border {width: 92%;padding: 3.8%;} .span8 .columns-2 .post-ajax-border {width: 94%;padding: 2.7%;} .span8 .columns-3 .post-ajax-border {width: 92.5%;padding: 3.5%;} .span8 .columns-4 .post-ajax-border {width: 93.6%;padding: 3%;} .post-meta, .post-meta a, .comment-meta , .comment-meta a , .search-post-mate , .search-post-mate a {color:#999 !important;font-family:'Open Sans',Arial,Helvetica,sans-serif;font-size:11px;} .post-meta i , .search-post-mate i {font-size:14px;} .post-meta a:hover , .comment-meta a:hover , .search-post-mate a:hover {color:#7AB80E !important;} /* = Portfolio Style -------------------------------------------------------------- */ .portfolio-filters {margin-bottom: 20px;text-align: center;} .portfolio-filters-cate li {margin-bottom:5px;} .portfolio-filters-cate li a { color: #B0B0B0;display: inline-block;border: 1px solid #E0E0E0;padding: 4px 16px;border-radius: 18px; height: 20px;line-height: 20px;cursor: pointer; box-shadow: 1px 1px 5px 1px #EEE; -webkit-box-shadow: 1px 2px 5px 1px #EEE; -webkit-transition: 500ms; -moz-transition: 500ms; -o-transition: 500ms; transition: 500ms; } .portfolio-filters-cate li a:hover { color: #7AB80E;border: 1px solid #7AB80E; -webkit-transition: 500ms; -moz-transition: 500ms; -o-transition: 500ms; transition: 500ms; } .portfolio-filters-cate li a.active {color: #000000;border: 1px solid #d0d0d0;} .portfolio-element {margin-bottom:20px !important;} .portfolio-wrap {position:relative;} .portfolio-wrap img{width:100% !important;} .portfolio-wrap .post-tip h4 , .portfolio-wrap .post-tip h5 {line-height: 20px;position: absolute;left: 0px;top: 50%;text-align: center;width: 100%;margin-top: -10px; color: #7AB80E; display:none; } .portfolio-wrap .post-tip h5 i {margin-top: -5px;margin-right: 5px;} .portfolio-wrap:hover .post-tip h4 , .portfolio-wrap:hover .post-tip h5{display:block;} .portfolio-style-3 .portfolio-wrap:hover .post-tip h4 {color:#fff;font-weight:bold;} .post-tip-info {position: absolute;left: 0px;top: 0px;padding: 5%;width: 90%;height: 90%;} .portfolio-wrap .post-tip .post-tip-info h4 {text-align: left;position: static;margin: 0px;color: white;margin-bottom: 10px;} .post-tip-info p {float: left;color: white;font-size: 12px;display:none;} .post-tip-info .portfolio-client {color: #7AB80E;margin-top: 10px;font-size: 13px;display: block;} .portfolio-wrap:hover .post-tip p {display:block;} .portfolio-content {width: 100%;float: left;} .portfolio-style-1 .portfolio-content {border-bottom: 1px #e8e8e8 solid;padding: 10px 0px;text-align:center;} .portfolio-style-3 .portfolio-content {padding-top: 5px;text-align: left; } .portfolio-content h4 , .portfolio-content h5 {color: #3A3A3A;font-weight: 300;margin:0px;} .portfolio-content .portfolio-categories {margin-bottom:5px;color:#AEAEAE;font-style:italic;font-size:12px;} .portfolio-element.portfolio-style-1:hover .portfolio-content { background: #F8F8F8;border-bottom: 1px #7AB80E solid;} .portfolio-element:hover .portfolio-content h5 {color: #7AB80E;} .portfolio-element:hover .post-tip { opacity:1; filter:alpha(opacity=100); /* For IE8 and earlier */ -webkit-transition: 500ms; -moz-transition: 500ms; -o-transition: 500ms; transition: 500ms; } .portfolio-element:hover .post-tip div.link { -webkit-transition: 500ms; -moz-transition: 500ms; -o-transition: 500ms; transition: 500ms; } .portfolio-element:hover .post-tip div.left-link , .portfolio-element:hover .post-tip div.right-link {left: 50%;} .portfolio-element .flexslider.alterna-fl , .portfolio-element .video-youtube, .portfolio-element .video-vimeo {margin-bottom:0px;} .portfolio-element .video-youtube, .portfolio-element .video-vimeo {padding-bottom: 68%;} .portfolio-popup , portfolio-popup a { /* float:left;*/ } #single-portfolio .single-pagination {margin-top:0;} .single-portfolio-meta {width:98% !important;text-align:left;list-style-type: none;margin: 0px;border:1px #e8e8e8 solid;margin-left:1%;} .single-portfolio-meta li {float:left;width: 100%;border-bottom:1px #e8e8e8 solid;padding:7px 0px;line-height:20px;} .single-portfolio-meta li:last-child {border:none;} .single-portfolio-meta li:hover {background:#f2f2f2;} .single-portfolio-meta .type {float:left;margin-left:10px;line-height: 14px;} .single-portfolio-meta .type i {width:20px;height:20px;line-height:20px;display:inline-block;text-align:center;} .single-portfolio-meta .value {float:right;margin-right:10px;line-height: 18px;max-width:60%;text-align:right} .single-portfolio-share {margin:10px 0px 10px 10px;line-height: 10px;} .single-portfolio-content {margin-bottom: 20px;} .circle-color {float: left;width:16px;height:16px;border-radius:20px;margin-left:5px;} /* = Contact Style -------------------------------------------------------------- */ #contact-form #commentsText {width:80%;} #map_contact {margin-bottom:20px;} .contact-form {margin-left: 5px;} .contact-submit-btn {margin-top:10px;} /* = 404 Page Style -------------------------------------------------------------- */ .error-404 {text-align:center;} .error-404 .alert-error {padding:50px 20px;} .error-404 .entry-title {font-size:60px;line-height:60px;margin-bottom:20px;} .error-404 p {font-size:25px;line-height:25px;} /* = Search Page Style -------------------------------------------------------------- */ .search-post-content {margin:10px 0px;padding:10px 0px;border-top:1px #e8e8e8 solid;} .search-post-mate > div {margin: 0px !important;float: left;margin-right: 10px !important;} .search-post-mate i {margin-right:5px;} /* = Login Page Style -------------------------------------------------------------- */ #loginform { border: 1px solid #E0DADF; padding: 20px; margin: 2em 0 2em 0; text-align: left; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } #loginform .login-last {margin-bottom:0px;} /* = Sitemap -------------------------------------------------------------- */ .sitemap-title i.icon-double-angle-down {float: right;font-size: 16px;line-height: 36px;display: inline-block;width: 30px;height: 30px;text-align: center;} .sitemap-ul {margin:0 0 0 10px;} .sitemap-ul li {padding:5px 0;list-style: none;} .sitemap-ul li:before { content: ""; font-family: FontAwesome; font-style: normal; font-weight: normal; height: auto; line-height: normal; margin-top: 0; margin-right: 10px; text-decoration: inherit; width: auto; } .sitemap-ul li.sitemap-cat:before {content: "\f10c";} /* = Author Page -------------------------------------------------------------- */ .author-information {margin-bottom:30px;float:left;width:100%;} .author-information .gravatar{margin-right:20px;float:left;margin-bottom: 20px;} .author-information dl {float:left;margin:0;} /* ---------------------------------------------------------------------------------------------- D. WIDGETS ---------------------------------------------------------------------------------------------- */ /* Widget */ .widget {float: left;margin-bottom: 20px;width: 100%;overflow:hidden;} .widget-title {margin: 0px 0px 10px 0px;line-height: 26px;} .widget .line {margin:0px 0px 15px 0px;} /* ------- 1. Tags ------- */ .tagcloud a {float: left; border: 1px #E8E8E8 solid; background: #F8F8F8; padding: 5px 10px; line-height: 14px; font-size: 11px !important; margin-right: 10px; margin-bottom: 10px;} /* ------- 2. Button ------- */ .btn { border-radius: 0 !important; border-radius: 0 !important; text-shadow: none !important; box-shadow: none !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; background-image: none !important; border:none; margin:0 0 1.25em; padding: 8px 18px; } .btn.no-margin {margin:0;} .btn-mini { padding: 2px 6px;} .btn-small {padding: 4px 10px;} .btn-large {padding: 12px 24px;} .btn:hover, .btn:focus { -webkit-transition: 500ms; -moz-transition: 500ms; -o-transition: 500ms; transition: 500ms; } .btn-custom , input.btn-custom {background: #7AB80E;color:#ffffff;} .btn-custom:hover , input.btn-custom:hover {background:#5b8f00;color:#ffffff;} /* ------- 3. Home Post Widget ------- */ .blog-big-widget {border: 1px #E8E8E8 solid;float: left;margin-bottom:10px;padding: 10px;} .blog-big-widget .blog-big-widget-element {float:left;width:100%;margin-bottom:10px;} .blog-big-widget .blog-big-widget-information {float:left;width:100%;} .blog-big-widget .post-type {line-height: 10px;background: #7AB80E;float: left;padding: 10px 10px;margin-right: 10px;} .blog-big-widget .post-meta div {float:left;margin-right:10px;} .blog-big-widget .post-meta i {margin-right:5px;} .blog-big-widget .post-content {margin-left:60px;} .blog-big-widget .post-excerpt {margin-top:10px;} .blog-big-widget .more-link {float:right;} .blog-big-widget .blog-big-widget-information h4 {margin: 0px 0px 10px 0px;} .blog-big-widget .video-youtube, .blog-big-widget .video-vimeo, .blog-big-widget .sound-sl , .blog-big-widget .post-quote-entry , .blog-big-widget .flexslider.alterna-fl{ margin-bottom: 0px; } .blog-big-widget .sound-sl {margin-bottom: -8px;} /* ------- 4. Portfolio List Widget ------- */ .portfolio-list-widget .portfolio-content {padding:5px 0px;border:none !important;} .portfolio-list-widget .portfolio-content h5 {line-height:30px;} .portfolio-list-widget .portfolio-content .portfolio-type {margin-right:5px;} /* ------- 5. Search Form ------- */ .sidebar-searchform , .widget_product_search #searchform {float: left;position: relative;width: 100%;margin: 0px;} .sidebar-searchform input[type=text] , .widget_product_search #searchform input[type=text]{width: 96%;padding: 6px 5px;margin: 0px;} .sidebar-searchform input[type=submit] , .widget_product_search #searchform input[type=submit]{ top: 4px;right: 5px;padding: 5px;position: absolute;width: 26px; height: 26px;border: none;background-color:#7AB80E; background-image: url('img/search_icon.png'); background-size:26px 26px; background-position: center; } .sidebar-searchform input[type=submit]:hover , .widget_product_search #searchform input[type=submit]:hover {background-color:#1a1a1a;} /* ------- 6. Archive ------- */ .widget_calendar table {width:100%;} .widget_archive ul , .widget_login ul , .widget_categories ul , .widget_product_categories ul , .widget_nav_menu ul , .widget_alternaportfoliocategorywidget ul , .widget_recent_entries ul , .widget_pages ul , .widget_recent_comments ul , .widget_meta ul , .widget_links ul { list-style: none outside none; margin:0px; } .widget_archive ul li , .widget_login ul li , .widget_categories ul li , .widget_product_categories ul li , .widget_nav_menu ul li , .widget_alternaportfoliocategorywidget ul li , .widget_recent_entries ul li , .widget_pages ul li , .widget_recent_comments ul li , .widget_meta ul li , .widget_links ul li { float:left; width:100%; } .widget_archive ul li a , .widget_login ul li a , .widget_categories ul li a , .widget_product_categories ul li a , .widget_nav_menu ul li a , .widget_alternaportfoliocategorywidget ul li a , .widget_recent_entries ul li a , .widget_pages ul li a , .widget_recent_comments ul li , .widget_meta ul li a , .widget_links ul li a { float:left; width:97%; padding: 5px 0 5px 3%; line-height: 20px; border-bottom: 1px #f2f2f2 solid; margin-bottom: 5px; } .footer-top-content .widget_archive ul li a , .footer-top-content .widget_login ul li a , .footer-top-content .widget_categories ul li a , .footer-top-content .widget_product_categories ul li a , .footer-top-content .widget_nav_menu ul li a , .footer-top-content .widget_alternaportfoliocategorywidget ul li a , .footer-top-content .widget_recent_entries ul li a , .footer-top-content .widget_pages ul li a , .footer-top-content .widget_recent_comments ul li , .footer-top-content .widget_meta ul li a , .footer-top-content .widget_links ul li a { border-bottom: 1px #4C4C4C solid; background: #333; color:#999 !important; } .footer-top-content .widget_tag_cloud .tagcloud a { border: 1px #4C4C4C solid; background: #333; color:#999 !important; } .widget_archive ul li a:hover , .widget_login ul li a:hover , .widget_categories ul li a:hover , .widget_product_categories ul li a:hover , .widget_nav_menu ul li a:hover , .widget_alternaportfoliocategorywidget ul li a:hover , .widget_recent_entries ul li a:hover , .widget_pages ul li a:hover , .widget_recent_comments ul li:hover , .widget_meta ul li a:hover , .widget_links ul li a:hover { background: #F7F7F7; } .footer-top-content .widget_archive ul li a:hover , .footer-top-content .widget_login ul li a:hover , .footer-top-content .widget_categories ul li a:hover , .footer-top-content .widget_product_categories ul li a:hover , .footer-top-content .widget_nav_menu ul li a:hover , .footer-top-content .widget_alternaportfoliocategorywidget ul li a:hover , .footer-top-content .widget_recent_entries ul li a:hover , .footer-top-content .widget_pages ul li a:hover , .footer-top-content .widget_recent_comments ul li:hover , .footer-top-content .widget_meta ul li a:hover , .footer-top-content .widget_links ul li a:hover , .footer-top-content .widget_tag_cloud .tagcloud a:hover { background: #7AB80E; color:#fff !important; } .footer-top-content .widget_recent_comments ul li a:hover { color:#5b8f00 !important; } .widget_categories li ul a , .widget_product_categories li ul a , .widget_nav_menu li ul a , .widget_alternaportfoliocategorywidget li ul a { padding-left:25px; } .widget_categories li ul li ul a , .widget_product_categories li ul li ul a , .widget_nav_menu li ul li ul a , .widget_alternaportfoliocategorywidget li ul li ul a{ padding-left:50px; } .widget_archive ul li a:before , .widget_login ul li a:before , .widget_categories ul li a:before , .widget_product_categories ul li a:before , .widget_nav_menu ul li a:before , .widget_alternaportfoliocategorywidget ul li a:before , .widget_recent_entries ul li a:before , .widget_pages ul li a:before , .widget_recent_comments ul li:before , .widget_links ul li a:before{ font-family: FontAwesome; font-style: normal; font-weight: normal; height: auto; line-height: normal; margin-top: 0; margin-right:10px; text-decoration: inherit; width: auto; } .widget_archive ul li a:before {content: "";} .widget_login ul li a:before , .widget_categories ul li a:before , .widget_product_categories ul li a:before , .widget_nav_menu ul li a:before , .widget_alternaportfoliocategorywidget ul li a:before { content: ""; } .widget_recent_entries ul li a:before {content: "";} .widget_pages ul li a:before {content: "";} .widget_recent_comments ul li:before {content: "";} .widget_links ul li a:before {content: "";} /* ------- 7. Sidebar Portfolio Recent ------- */ .sidebar-portfolio-recent { float: left; margin-bottom: 10px; padding-bottom: 5px; border-bottom: 1px #E8E8E8 solid; width: 100%; } .sidebar-portfolio-recent:last-child {margin-bottom: 0px;border-bottom: none;} .sidebar-portfolio-img , .sidebar-portfolio-img img {width:100%;position:relative;} .sidebar-portfolio-title {float:left;margin-top:5px;} .sidebar-portfolio-title-cat {margin-left: 44px;} .sidebar-portfolio-recent .portfolio-type {width: 24px;height: 24px;text-align: center; float: left;margin-right: 10px;padding: 5px;line-height: 10px;background: #7AB80E; } .sidebar-portfolio-recent .portfolio-type i {background-size: 24px 24px;} .sidebar-portfolio-title-cat .portfolio-categories {float: left; width: 100%;font-style: italic;font-size: 12px; color: #AEAEAE;line-height: 12px; } /* ------- 8. Sidebar Blog Recent ------- */ .sidebar-blog-title {margin-left: 44px;} .sidebar-blog-meta {float: left;width: 100%;font-size: 12px;} .sidebar-blog-meta .blog-date {float:left;} .sidebar-blog-meta .blog-comments {float:right;} .sidebar-blog-meta .blog-comments i {margin-right:5px;} /* ------- 9. Blog List ------- */ .shortcode-post-element .post-img {position:relative;text-align:center;margin-bottom: 0px;} .shortcode-post-element .post-img .post-cover { position:absolute;width:100%;height:100%;background:#000000; top:0px; left:0px; opacity:0; filter:alpha(opacity=0); /* For IE8 and earlier */ -webkit-transition: 500ms; -moz-transition: 500ms; -o-transition: 500ms; transition: 500ms; } .shortcode-post-element .post-img:hover .post-cover { opacity:0.7; filter:alpha(opacity=70); /* For IE8 and earlier */ -webkit-transition: 500ms; -moz-transition: 500ms; -o-transition: 500ms; transition: 500ms; } .shortcode-post-element .post-img h5 { display:none; position: absolute; top: 50%; margin-top: -10px; text-align: center; width: 100%; color:#ffffff; } .shortcode-post-element .post-img:hover h5 { display:block; } .shortcode-post-element .date {position: absolute; top: 0px; font-size: 12px; left: 0px; background: #7AB80E; padding: 5px; color: white; text-align: center; line-height: 15px; } .shortcode-post-element .post-comments {position: absolute;bottom: 0px;right: 0px;padding: 5px; background: #3A3A3A;color: white; } .shortcode-post-element .post-comments i {margin-right: 5px;} .shortcode-post-element .post-comments a , .shortcode-post-element .post-img h4 {color:#ffffff;} .shortcode-post-element .post-comments a:hover {color:#7AB80E;} .shortcode-post-element .post-title {float:left;margin-top:5px; margin-bottom:10px;} .shortcode-post-element .post-title h4 {margin:0px;} .shortcode-post-element .post-content {width: 100%;float: left;font-size: 13px;} .shortcode-post-element .more-link {float: right;margin-top: 10px;width: 100%;text-align: right;} /* ---------------------------------------------------------------------------------------------- E - EXTRAS ---------------------------------------------------------------------------------------------- */ /* = Shortcode Element Style -------------------------------------------------------------- */ /* ------- 1. Call To Action ------- */ .call-to-action {text-align:center;} .call-to-action h1 , .call-to-action-bar h1, .call-to-action h2 , .call-to-action-bar h2, .call-to-action h3 , .call-to-action-bar h3, .call-to-action h4 , .call-to-action-bar h4, .call-to-action h5 , .call-to-action-bar h5, .call-to-action h6 , .call-to-action-bar h6 {margin:0px 0px 10px;} .call-to-action h3 , .call-to-action-bar h3 {line-height:30px;} .call-to-action .desc , .call-to-action-bar .desc {font-size:15px;color: #7f7f7f;} .call-to-action .desc.big , .call-to-action-bar .desc.big {font-size:20px;} .call-to-action-bar {padding:15px 25px;border-left:10px #7AB80E solid;background:#f4f4f4;position:relative;margin-bottom:10px;} .call-to-action-bar .btn {top:50%;position:absolute;right:20px;margin-top:-22px;} .call-to-action-bar .btn.default {margin-top: -15px;} .call-to-action-bar p {margin:0px;} /* ------- 2. Tabs ------- */ .tabs {display: block;margin-bottom:5px;width:100%;float:left;} .tabs .tabs-nav {float:left;width:100%;list-style: none outside none;margin:0px 0px -2px;} .tabs .tabs-nav li {float:left;margin-left:0px;margin-right:-1px;background-color:#ebebeb;border:1px #e2e2e2 solid;cursor:pointer;line-height:20px; padding:6px 15px;} .tabs .tabs-nav li:hover {background-color:#f3f3f3;} .tabs .tabs-nav li.current {background-color:#f9f9f9;border:none;border-top:2px #7AB80E solid;border-bottom:1px #f9f9f9 solid;border-left:1px #e2e2e2 solid;border-right:1px #e2e2e2 solid;cursor:auto;} .tabs .tabs-container {background-color:#f9f9f9;border: 1px #e2e2e2 solid;margin: 32px 0px 0px 0px;overflow: hidden;} .tabs .tabs-container .tabs-content {padding:15px 15px;float:left;} /* ------- 3. SideTabs ------- */ .sidetabs {float:left;display:block;margin-bottom:5px;} .sidetabs .sidetabs-nav {list-style: none outside none;display:block;float:left;width:220px;margin:0px;} .sidetabs .sidetabs-nav li{ background:#EBEBEB url("img/sidetabs_bg.png") repeat-y 210px 0px; line-height:25px; margin-left:0px; font-size:16px; border-top:1px #dbdbdb solid; border-bottom:1px #dbdbdb solid; border-right:1px #dbdbdb solid; padding:10px 5px 10px 20px; margin-bottom:-1px; cursor:pointer; } .sidetabs .sidetabs-nav li span {font-size:18px;color:#4b4b4b;padding-left: 10px;} .sidetabs .sidetabs-nav li .sidetabs-icon {padding-left: 30px;} .sidetabs .sidetabs-nav li i {margin-right:5px;} .sidetabs .sidetabs-nav li:hover{background-color:#f3f3f3;} .sidetabs .sidetabs-nav li.current {background:#ffffff url("img/sidetabs_bg.png") repeat-y 210px 0px;cursor:auto;color:#050505;} .sidetabs .sidetabs-container {margin-left:220px;} .sidetabs .sidetabs-container .sidetabs-content{padding:0px 20px;} /* ------- 4. Client testimonials ------- */ .testimonials {margin-bottom:10px;position:relative;} .testimonials .testimonials-prev { height: 20px;width: 13px;background: #E8E8E8;float: left;padding-left: 7px; position: absolute;top: 7px;right: 30px;cursor:pointer; } .testimonials .testimonials-next { height: 20px;width: 12px;background: #E8E8E8;position: absolute;top: 7px; right: 5px;padding-left: 8px;cursor:pointer; } .testimonials .testimonials-content { border: 1px #E8E8E8 solid;background: #F9F9F9;border-radius: 5px; padding: 25px;position: relative;color: #666;font-style: italic; } .testimonials.testimonials-avatar .testimonials-content {margin-left: 90px;min-height: 30px;} .testimonials .testimonials-content .icon-quote-left {position: absolute;left: 10px;top: 10px;} .testimonials .testimonials-content .icon-quote-right {position: absolute;right: 10px;bottom: 10px;} .testimonials .testimonials-content .testimonials-arraw { background: url(img/testimonials_arraw.png) no-repeat; width: 30px; height: 20px; display: block; position: absolute; left: 20px; bottom: -18px; } .testimonials .testimonials-name {display: block;font-size: 12px;line-height: 16px;text-align: left;font-weight: bold;} .testimonials .testimonials-name .testimonials-icon { float: left;margin-top: 15px;margin-left: 24px;height: 26px; line-height: 26px;padding-left: 30px;background: url('img/person_icons.png') no-repeat; } .testimonials.testimonials-avatar .testimonials-name .testimonials-icon {margin-left: 113px;} .testimonials .testimonials-avatar {float: left;width: 80px;height: 80px;} .testimonials .testimonials-job {color:#a1a1a1;margin-left:5px;} /* ------- 5. Dropcap ------- */ .dropcap.dropcap-default , .dropcap.dropcap-text {float:left;display: block;text-transform: uppercase;font-weight: bold;} .dropcap.dropcap-default {width: 26px;line-height: 26px;height: 26px;padding: 7px;margin-right: 10px;margin-bottom: 10px;font-size: 20px;text-align: center;border-radius: 36px 36px 36px 36px;} .dropcap.dropcap-text {font-size: 30px;margin: 0px 5px 5px 0px;line-height: 35px;} /* ------- 6. Bullets ------- */ .bullets {list-style: none outside none;margin: 0px;font-size:16px;} .bullets li {margin-bottom:5px;} .bullets li > i { width:24px;text-align:center;display:inline-block; } .bullets li > span{margin-right: 5px;} .bullets li > span {color: white;float: left;display: block;text-align: center;line-height: 16px;font-size: 12px;width: 16px;height: 16px; padding: 2px;border-radius: 10px 10px 10px 10px; } /* ------- 7. Price Table ------- */ .price {text-align:center;} .price .price-header {padding: 0px 10px;border-radius: 6px;margin-bottom: 5px;} .price .price-header .price-title {font-size: 20px;line-height: 20px;color: #000000;} .price .price-header .price-title h5 {font-weight:bold;} .price .price-header .price-price-plan {color: #000000;padding: 5px 0px;border-top: 1px #F6F6F6 solid;} .price .price-header .price-num {font-size: 60px;line-height: 60px;margin-bottom: 5px;font-weight:bold;font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;} .price .price-header .price-plan {font-size: 12px;} .price .price-content {list-style: none outside none;margin: 0px;padding: 10px;background: #EFFED6; border-radius: 6px;} .price li.price-item {padding: 5px;border-bottom: 1px white solid;font-size:12px;} .price.recommend li.price-item strong {color: #F1D027;} .price.free li.price-item strong {color: #82C906;} .price li.price-btn {padding:15px 10px;text-align:center;} /* ------- 8. Price Slider ------- */ .price-slider {position: relative;overflow: hidden;height:360px;} .price-slider-images .price-img {overflow:hidden;position: absolute;width: 100%;height: 100%;} .price-slider-images img {width:100% !important;} .price-slider-content { padding: 0px 20px;position: absolute;width: 200px;top: 3%; background: white;right: 20px;height:94%;border-radius: 6px; box-shadow: 2px 2px 5px -2px #CCC; -webkit-box-shadow: 2px 2px 5px -2px #CCC; } .price-slider-content .price-plan { padding: 10px 20px;background: #7AB80E;text-align: center;color: white; width: 100%;margin-left: -20px;border-radius: 6px 6px 0px 0px; } .price-slider-content .price-plan h4 {margin:0px;color:#ffffff;} .price-slider-content .price-value { padding: 13px;text-align: center;color: #7AB80E;line-height: 50px; font-size: 55px;font-weight: bold;font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; } .price-slider-content .price-value sup {font-size: 30px;line-height: 30px;top: -20px;} .price-slider-description {border-top: 1px solid #E8E8E8;border-bottom: 1px solid #E8E8E8;padding: 10px 5px;color: #999;} .price-slider-description .bullets {font-size: 13px;} .price-slider-signup {padding-top: 10px;text-align: center;} .price-slider-btns {position: absolute;text-align: center;bottom: 3%;right: 280px;} .price-slider .price-prev , .price-slider .price-next { height: 14px;width: 14px;float: left;text-align: center;background: #333333;border-radius: 25px; padding: 10px;color: white;margin-left: 10px;line-height: 14px;font-size: 14px;cursor:pointer; opacity:0.7; filter:alpha(opacity=70); /* For IE8 and earlier */ } .price-slider .price-prev:hover , .price-slider .price-next:hover { opacity:1; filter:alpha(opacity=100); /* For IE8 and earlier */ } /* ------- 9. Services ------- */ .services {text-align: center;margin-bottom:10px;} .services.show-bg { padding:10px 15px; -webkit-transition: 500ms; -moz-transition: 500ms; -o-transition: 500ms; transition: 500ms; } .services.show-bg:hover { background:#7AB80E; color:#ffffff; -webkit-transition: 500ms; -moz-transition: 500ms; -o-transition: 500ms; transition: 500ms; } .services.border {border:1px #e8e8e8 solid;} .services.border:hover {border:1px #fff solid;} .services .services-icon { width: 40px;height: 40px;background: #7AB80E;padding: 15px;border-radius: 50px; margin: 0px auto;text-align:center;line-height:40px;font-size:40px;color:#ffffff; } .services.show-bg:hover .services-icon {background: #ffffff;color: #7AB80E;} /* v2.3 features, services box link */ .fsbox-link {cursor:pointer;} /* ------- 10. Team ------- */ .team {padding: 10px;border: 1px solid #E8E8E8;margin-bottom:10px;} .team:hover {background:#f9f9f9;} .team .team-user , .team .team-avatar , .team .team-social {text-align:center;} .team .team-user {padding: 5px;} .team .team-user h4 {margin:0px 0px;} .team .team-user .team-job {color: #666;} .team .team-information {margin: 10px 0px;border-top: 1px #E8E8E8 dotted;border-bottom: 1px #E8E8E8 dotted;padding: 5px 10px;} .team .team-social a {border: 1px solid #e8e8e8;border-radius: 50px;padding: 5px;display: inline-block;margin: 0 5px;} .team .team-social i {width: 24px;height: 24px;font-size: 16px;line-height: 24px;display: inline-block;text-align: center;} /* ------- 11. History ------- */ .history {float: left;position: relative;overflow: hidden;padding-bottom: 10px;margin-bottom: 5px;} .history .history-date{ font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-weight: bold; float: left;height: 20px;padding: 5px 5px;background: #7AB80E;width: 90px; } .history .day{line-height: 20px;text-align: center;font-size: 12px;color: #FFFFFF;} .history .history-line {position: absolute;height: 100%;width: 1px;margin-left: 50px;background: #7AB80E;margin-top: 35px;} .history .history-hor-line {position: absolute;height: 1px;width: 10px;margin-left: 105px;background: #7AB80E;margin-top: 15px;} .history .history-start-point {position: absolute;height: 5px;width: 5px;border-radius: 10px;border: 4px #7AB80E solid; left: 44px; background: white; bottom: 0px; } .history .history-container {margin-left: 120px;padding: 10px;float: left;margin-top: -30px;border: 1px #E8E8E8 solid;} .history .history-img {float: left;border-radius: 0px;margin-right: 10px;} .history .history-content {margin-left: 0px;} .history .history-content h4 {margin: 0px 0px 10px;} /* ------- 12. Features ------- */ .features {margin-bottom:10px;} .features.show-bg { padding:10px 15px; -webkit-transition: 500ms; -moz-transition: 500ms; -o-transition: 500ms; transition: 500ms; } .features.show-bg:hover { background:#7AB80E; -webkit-transition: 500ms; -moz-transition: 500ms; -o-transition: 500ms; transition: 500ms; } .features.border {border:1px #e8e8e8 solid;} .features.border:hover {border:1px #fff solid;} .features .features-icon { float: left;width: 40px;height: 40px;background: #7AB80E;padding: 15px;border-radius: 50px; color: white;margin-right: 10px;margin-bottom: 10px;text-align:center;line-height:40px;font-size:40px; } .features.show-bg:hover .features-icon {background: #ffffff;color: #7AB80E;} .features .features-title h3 {line-height:30px;margin-left: 90px;} .features.show-bg:hover h3 , .features.show-bg:hover .features-content{color:#ffffff;} .features-content{margin-left:90px;} /* ------- 13. Accordion ------- */ .accordion-group {-webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px} .accordion-inner {background: #F6F6F6;} .accordion-heading {position: relative;} .accordion-heading .icon-minus , .accordion-heading .icon-plus {color:#333;left:8px;top:50%;margin-top:-8px;position:absolute;} .accordion-heading .icon-plus {display:none;} .accordion-heading .icon-minus {display:block;} .accordion-heading .collapsed .icon-plus {display:block;} .accordion-heading .collapsed .icon-minus {display:none;} .accordion-heading .accordion-toggle {padding-left:25px;} /* ------- 14. Google Map ------- */ .infoBox h1 , .infoBox h2 , .infoBox h3 , .infoBox h4 , .infoBox h5 , .infoBox h6 { font-weight:bold; margin:0px 0px 8px; } .infoBox p {font-size:13px;line-height:16px;} div.map_canvas div div.gmnoprint div div img{max-width:none;} div.map_canvas div div img { border: none !important; max-width: none !important;} /* ------- 15. Skills ------- */ .skills { list-style-type: none; margin: 0px; } .skills li {height: 28px;position: relative;background: #F0F0F0;margin-bottom: 10px;} .skills .skill-bg { position: absolute; width: 0%; height: 100%;background: #7AB80E;} .skills .skill-name {position: absolute;left: 10px; color:#333;line-height: 28px;} .skills .skill-progress {position: absolute;right: 10px;color:#333;line-height: 28px;} /* ------- 16. Twitter ------- */ .alterna-twitter { margin: 0; padding: 0; list-style: none outside none; } .alterna-twitter li { list-style: none outside none; margin: 0 0 8px; } .alterna-twitter li .twitter-content {float:left;} .alterna-twitter li .time-meta {font-size:11px;} .alterna-twitter li .twitter-content a {text-decoration:underline;} .alterna-twitter-btn i {margin-right:5px;} /* ------- 17. Clients ------- */ ul.clients {margin: 0 0 20px 0;list-style: none;width: 100%;float: left;} ul.clients li { list-style:none;float:left;width:16.5%;text-align:center;padding:15px 0; -webkit-transition: 500ms; -moz-transition: 500ms; -o-transition: 500ms; transition: 500ms; } ul.clients.clients-col-5 li {width:19.8%;} ul.clients.clients-col-4 li {width:24.8%;} ul.clients li {border:1px solid #e8e8e8;margin:0 -1px -1px 0;} ul.clients li:hover { border:1px solid #7AB80E;position:relative; -webkit-transition: 500ms; -moz-transition: 500ms; -o-transition: 500ms; transition: 500ms; } /* = Plugin -------------------------------------------------------------- */ .modal-backdrop {z-index:10001;} .modal {z-index:10002;} /* ------- 1. Flexslider ------- */ .flexslider.alterna-fl { overflow:hidden; border:none; -webkit-border-radius: 0px; -moz-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; margin-bottom:15px; } .flexslider.alterna-fl .flex-control-nav {bottom:5px;} .flexslider.alterna-fl .flex-direction-nav a { opacity:0.5; filter:alpha(opacity=50); /* For IE8 and earlier */ height: 50px; margin: -25px 0px 0px; background-color: #000000; background-size:30px 30px; background-position:center !important; background-repeat:no-repeat; } .flexslider.alterna-fl .flex-direction-nav a:hover { opacity:1; filter:alpha(opacity=100); /* For IE8 and earlier */ } .flexslider.alterna-fl .flex-prev { background-image:url('img/custom/icon_chevron_left.png'); } .flexslider.alterna-fl .flex-next { background-image:url('img/custom/icon_chevron_right.png'); } .flexslider.alterna-fl:hover .flex-prev { left:0px; } .flexslider.alterna-fl:hover .flex-next { right:0px; } .flexslider.alterna-fl.touch .flex-prev { left:0px !important; } .flexslider.alterna-fl.touch .flex-next { right:0px !important; } /* ------- 2. Isotope ------- */ /**** Isotope Filtering ****/ .isotope-item { z-index: 2; } .isotope-hidden.isotope-item { pointer-events: none; z-index: 1; } /**** Isotope CSS3 transitions ****/ .isotope, .isotope .isotope-item { -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -ms-transition-duration: 0.8s; -o-transition-duration: 0.8s; transition-duration: 0.8s; } .isotope { -webkit-transition-property: height, width; -moz-transition-property: height, width; -ms-transition-property: height, width; -o-transition-property: height, width; transition-property: height, width; } .isotope .isotope-item { -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; -ms-transition-property: -ms-transform, opacity; -o-transition-property: -o-transform, opacity; transition-property: transform, opacity; } /**** disabling Isotope CSS3 transitions ****/ .isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -ms-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; } /* fancyBox */ .fancybox-wrap {z-index: 11020;} .fancybox-opened {z-index: 11030;} #fancybox-loading {z-index: 11060;} .fancybox-close {z-index: 11040;} .fancybox-nav {z-index: 11040;} .fancybox-nav span {z-index: 8040;} .fancybox-overlay {z-index: 11000;} .fancybox-title {z-index: 11050;} .fancybox-title-float-wrap {z-index: 11050;} #fancybox-thumbs {z-index: 11100;} /* = Custom Icons -------------------------------------------------------------- */ [class^="big-icon-"], [class*=" big-icon-"] { display: inline-block; width: 30px; height: 30px; *margin-right: .3em; line-height: 30px; vertical-align: text-top; background-position: 0px 0px; background-repeat: no-repeat; background-size:30px 30px; } .big-icon-link { background-image:url('img/custom/icon_link.png'); } .big-icon-preview { background-image:url('img/custom/icon_preview.png'); } .big-icon-video { background-image:url('img/custom/icon_video.png'); } .big-icon-music { background-image:url('img/custom/icon_music.png'); } .big-icon-picture { background-image:url('img/custom/icon_img.png'); } .big-icon-slideshow { background-image:url('img/custom/icon_gallery.png'); } .big-icon-file { background-image:url('img/custom/icon_file.png'); } .big-icon-quote { background-image:url('img/custom/icon_quote.png'); } /* alterna social */ .alterna-social {margin:0px !important;} .alterna-social li {padding:0px !important;margin-right:10px;} .alterna-social li:last-child {margin-right:0px;} .alterna-social a { display: inline-block; background-color:#ddd; -webkit-transition: 300ms; -moz-transition: 300ms; -o-transition: 300ms; transition: 300ms; } .alterna-social a:hover { -webkit-transition: 300ms; -moz-transition: 300ms; -o-transition: 300ms; transition: 300ms; } .alterna-social a.alterna-icon-twitter:hover {background-color:#48c4d2 !important;} .alterna-social a.alterna-icon-facebook:hover {background-color:#3b5998 !important;} .alterna-social a.alterna-icon-google-plus:hover {background-color:#d94a39 !important;} .alterna-social a.alterna-icon-dribbble:hover {background-color:#ef5b92 !important;} .alterna-social a.alterna-icon-pinterest:hover {background-color:#cb2027 !important;} .alterna-social a.alterna-icon-flickr:hover {background-color:#f1628b !important;} .alterna-social a.alterna-icon-skype:hover {background-color:#18b7f1 !important;} .alterna-social a.alterna-icon-youtube:hover {background-color:#f45750 !important;} .alterna-social a.alterna-icon-vimeo:hover {background-color:#62a0ad !important;} .alterna-social a.alterna-icon-linkedin:hover {background-color:#71b2d0 !important;} .alterna-social a.alterna-icon-digg:hover {background-color:#2882c6 !important;} .alterna-social a.alterna-icon-deviantart:hover {background-color:#d0de21 !important;} .alterna-social a.alterna-icon-behance:hover {background-color:#18a3fe !important;} .alterna-social a.alterna-icon-forrst:hover {background-color:#5b9a68 !important;} .alterna-social a.alterna-icon-xing:hover {background-color:#006567 !important;} .alterna-social a.alterna-icon-lastfm:hover {background-color:#d21309 !important;} .alterna-social a.alterna-icon-rss:hover {background-color:#ff6c00 !important;} .alterna-social a.alterna-icon-instagram:hover {background-color:#517fa4 !important;} .alterna-social a.alterna-icon-stumbleupon:hover {background-color:#eb4924 !important;} .alterna-social a.alterna-icon-picasa:hover {background-color:#8a66a3 !important;} .alterna-social a.alterna-icon-email:hover {background-color:#4fbaf8 !important;} [class^="alterna-icon-"] { width: 32px; height: 32px; background-image:url('img/socials/socials.png'); background-repeat: no-repeat; background-size: 320px 192px; } .alterna-icon-behance { background-position:0px 0px; } .alterna-icon-deviantart { background-position:-32px 0px; } .alterna-icon-digg { background-position:-64px 0px; } .alterna-icon-dribbble { background-position:-96px 0px; } .alterna-icon-facebook { background-position:-128px 0px; } .alterna-icon-flickr { background-position:-160px 0px; } .alterna-icon-forrst { background-position:-192px 0px; } .alterna-icon-google-plus { background-position:-224px 0px; } .alterna-icon-lastfm { background-position:-256px 0px; } .alterna-icon-linkedin { background-position:-288px 0px; } .alterna-icon-pinterest { background-position:0px -64px; } .alterna-icon-rss { background-position:-32px -64px; } .alterna-icon-skype { background-position:-64px -64px; } .alterna-icon-twitter { background-position:-96px -64px; } .alterna-icon-vimeo { background-position:-128px -64px; } .alterna-icon-xing { background-position:-160px -64px; } .alterna-icon-youtube { background-position:-192px -64px; } .alterna-icon-instagram { background-position:-224px -64px; } .alterna-icon-stumbleupon { background-position:-256px -64px; } .alterna-icon-picasa { background-position:-288px -64px; } .alterna-icon-email { background-position:0px -128px; } a.alterna-icon-behance:hover { background-position:0px -32px; } a.alterna-icon-deviantart:hover { background-position:-32px -32px; } a.alterna-icon-digg:hover { background-position:-64px -32px; } a.alterna-icon-dribbble:hover { background-position:-96px -32px; } a.alterna-icon-facebook:hover { background-position:-128px -32px; } a.alterna-icon-flickr:hover { background-position:-160px -32px; } a.alterna-icon-forrst:hover { background-position:-192px -32px; } a.alterna-icon-google-plus:hover { background-position:-224px -32px; } a.alterna-icon-lastfm:hover { background-position:-256px -32px; } a.alterna-icon-linkedin:hover { background-position:-288px -32px; } a.alterna-icon-pinterest:hover { background-position:0px -96px; } a.alterna-icon-rss:hover { background-position:-32px -96px; } a.alterna-icon-skype:hover { background-position:-64px -96px; } a.alterna-icon-twitter:hover { background-position:-96px -96px; } a.alterna-icon-vimeo:hover { background-position:-128px -96px; } a.alterna-icon-xing:hover { background-position:-160px -96px; } a.alterna-icon-youtube:hover { background-position:-192px -96px; } a.alterna-icon-instagram:hover { background-position:-224px -96px; } a.alterna-icon-stumbleupon:hover { background-position:-256px -96px; } a.alterna-icon-picasa:hover { background-position:-288px -96px; } a.alterna-icon-email:hover { background-position:0px -160px; } /* Bootstrap */ .tooltip-inner { -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } .pagination ul { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .pagination ul > li > a, .pagination ul > li > span { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important; border-radius: 0; padding: 8px 14px; border: 1px solid #ddd; margin-right: 10px; margin-bottom: 10px; } .pagination ul>li:first-child>a, .pagination ul>li:first-child>span { border-radius: 0; } .pagination ul>li:last-child>a, .pagination ul>li:last-child>span { border-radius: 0; margin-right: 0px; } .carousel .carousel-control { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important; } .accordion-inner { float: left; padding: 9px 3%; border-top: 1px solid #E5E5E5; width: 94%; } .the-icons { list-style-type: none; margin-left: 0px; } .the-icons i { width:24px; text-align:center;display:inline-block;} .custom-login-header, .wc-header {float:right;} .custom-login-header .custom-login { float: left; margin-right: 2px; background: #333; padding: 3px 10px 3px 10px; border-radius: 6px; } .custom-login-header a {line-height: 20px;} .header-social {margin-top: 10px; !important} .row-right {float:right; text-align:right;} /* ------- RETINA ------- */ @media only screen and (-Webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.5) { /* global wrap style */ .searchform .sf-searchsubmit , .sidebar-searchform input[type=submit] { background-image: url('img/search_icon@2x.png'); } /* post quote style */ .post-quote-entry .post-quote-icon { background-image: url('img/custom/icon-quote-post@2x.png'); } /* flexslider style */ .flexslider.alterna-fl .flex-prev { background-image:url('img/custom/icon_chevron_left@2x.png'); } .flexslider.alterna-fl .flex-next { background-image:url('img/custom/icon_chevron_right@2x.png'); } /* global icons style */ .big-icon-link { background-image:url('img/custom/icon_link@2x.png'); } .big-icon-preview { background-image:url('img/custom/icon_preview@2x.png'); } .big-icon-video { background-image:url('img/custom/icon_video@2x.png'); } .big-icon-music { background-image:url('img/custom/icon_music@2x.png'); } .big-icon-picture { background-image:url('img/custom/icon_img@2x.png'); } .big-icon-slideshow { background-image:url('img/custom/icon_gallery@2x.png'); } .big-icon-file { background-image:url('img/custom/icon_file@2x.png'); } .big-icon-quote { background-image:url('img/custom/icon_quote@2x.png'); } [class^="alterna-icon-"] {background-image:url('img/socials/socials@2x.png');} /* back top button */ #back-top {background-image:url("img/custom/icon_chevron_top@2x.png");} } .alterna-nav-menu > li.current-menu-item a, .alterna-nav-menu > li.current-menu-ancestor a { color:#ffffff;!important } /* -----Comparison Page--------------------------------------------------------------------- */ #left_head { background-color: #b8cf9f; margin-right: 1%; float: left; width: 47%; border-bottom-width: 3px; border-bottom-style: solid; border-bottom-color: #FFFFFF; padding: 5px 1% 5px 1%; } #right_head { background-color: #dde0e2; margin: 0px; float: left; width: 47%; border-bottom-width: 3px; border-bottom-style: solid; border-bottom-color: #FFFFFF; padding: 5px 1% 5px 1%; } #left_one { background-color: #e1ebd7; margin-right: 1%; float: left; height: 270px; width: 47%; border-bottom-width: 3px; border-bottom-style: solid; border-bottom-color: #FFFFFF; padding: 5px 1% 5px 1%; } #right_one { background-color: #f3f4f4; margin: 0px; float: left; height: 270px; width: 47%; border-bottom-width: 3px; border-bottom-style: solid; border-bottom-color: #FFFFFF; padding: 5px 1% 5px 1%; } #left_two { background-color: #e1ebd7; margin-right: 1%; float: left; height: 320px; width: 47%; border-bottom-width: 3px; border-bottom-style: solid; border-bottom-color: #FFFFFF; padding: 5px 1% 5px 1%; } #right_two { background-color: #f3f4f4; margin: 0px; float: left; height: 320px; width: 47%; border-bottom-width: 3px; border-bottom-style: solid; border-bottom-color: #FFFFFF; padding: 5px 1% 5px 1%; } #left_three { background-color: #e1ebd7; margin-right: 1%; float: left; height: 220px; width: 47%; border-bottom-width: 3px; border-bottom-style: solid; border-bottom-color: #FFFFFF; padding: 5px 1% 5px 1%; } #right_three { background-color: #f3f4f4; margin: 0px; float: left; height: 220px; width: 47%; border-bottom-width: 3px; border-bottom-style: solid; border-bottom-color: #FFFFFF; padding: 5px 1% 5px 1%; } #left_four { background-color: #e1ebd7; margin-right: 1%; float: left; height: 240px; width: 47%; border-bottom-width: 3px; border-bottom-style: solid; border-bottom-color: #FFFFFF; padding: 5px 1% 5px 1%; } #right_four { background-color: #f3f4f4; margin: 0px; float: left; height: 240px; width: 47%; border-bottom-width: 3px; border-bottom-style: solid; border-bottom-color: #FFFFFF; padding: 5px 1% 5px 1%; } div.listing-item a.image img {float:left; margin: 0% 1% 0% 0%;} .staff { -webkit-box-shadow: 0 8px 6px 0px #666; -moz-box-shadow: 0 8px 6px 0px #666; box-shadow: 0 8px 6px 0px #666; border: rgb(107, 179, 61) 2px solid; background-color: 1f1f1f; margin-bottom: 5%; padding-bottom: 1%; min-height: 430px !important; overflow:hidden; } .sf-s {background-color: #fff !important;} .staff h3,.staff div.details {padding: 0% 3%;} #alterna-nav-menu-select .nav a, .alterna-nav-menu li a, .header-style-2 .alterna-nav-menu li a, .header-style-3 .alterna-nav-menu li a, .header-style-4 .alterna-nav-menu li a, .header-style-5 .alterna-nav-menu li a { background-color: #000000!important; color: #fff !important; border-right: #333 1px solid; border-bottom:none; } .alterna-nav-menu li a:hover,.alterna-nav-menu li.current-menu-item a { background-color: #7e001c!important; } ul.article_list h3 { margin: 0px; padding: 7px 0px 5px 27px; background: url("images/icon_pdf.png") no-repeat scroll left transparent; font-weight: normal; font-size: 1.1em; } ul.article_list li { list-style: none outside none; padding: 0px; margin: 0px 0px 5px; overflow: hidden; } ul.article_list { margin: 0px 0px 2.5em; padding: 0px; } .panel { font-weight: normal; font-size: 1.4em; line-height: 1.2; background-color: rgb(107, 179, 61); box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5); margin-left: 4px; margin-bottom: 20px; padding-top: 1px; overflow: hidden; float: right !important; } .panel ul {list-style:none; padding:0px; margin:0px;} .panel a:link, .panel a:visited { color: rgb(255, 255, 255); text-decoration: none; padding: 10px; margin: 0px 8px; display: block; } .panel li { margin: 0px; padding: 0px; border-bottom: #fff 1px solid; } h3 {font-size: 19px !important;} .widget_newsletters input.wpml, .widget_newsletters input.wpmltext {width:90% !important;} .footer-top-content p {color: #121212;} .section-list li {list-style:none;} @charset "utf-8"; /* CSS Document */ /* ============================================================================= HTML5 display definitions ========================================================================== */ audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; } audio:not([controls]) { display: none; } [hidden] { display: none; } ::-moz-selection { background: #fe57a1; color: #fff; text-shadow: none; } ::selection { background: #fe57a1; color: #fff; text-shadow: none; } /* ============================================================================= Links ========================================================================== */ a { color: #00e; } a:visited { color: #551a8b; } a:hover { color: #06e; } a:focus { outline: thin dotted; } /* Improve readability when focused and hovered in all browsers: h5bp.com/h */ a:hover, a:active { outline: 0; } /* ============================================================================= Typography ========================================================================== */ abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } blockquote { margin: 1em 40px; } dfn { font-style: italic; } hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; } ins { background: #ff9; color: #000; text-decoration: none; } mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; } /* Redeclare monospace font family: h5bp.com/j */ pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; } /* Improve readability of pre-formatted text in all browsers */ pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; } q { quotes: none; } q:before, q:after { content: ""; content: none; } small { font-size: 85%; } /* Position subscript and superscript content without affecting line-height: h5bp.com/k */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } /* ============================================================================= Lists ========================================================================== */ /* ============================================================================= Embedded content ========================================================================== */ /* * 1. Improve image quality when scaled in IE7: h5bp.com/d * 2. Remove the gap between images and borders on image containers: h5bp.com/e */ img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; } /* * Correct overflow not hidden in IE9 */ svg:not(:root) { overflow: hidden; } /* ============================================================================= Figures ========================================================================== */ figure { margin: 0; } /* ============================================================================= Forms ========================================================================== */ form { margin: 0; } fieldset { border: 0; margin: 0; padding: 0; } /* Indicate that 'label' will shift focus to the associated form element */ label { cursor: pointer; } /* * 1. Correct color not inheriting in IE6/7/8/9 * 2. Correct alignment displayed oddly in IE6/7 */ legend { border: 0; *margin-left: -7px; padding: 0; } /* * 1. Correct font-size not inheriting in all browsers * 2. Remove margins in FF3/4 S5 Chrome * 3. Define consistent vertical alignment display in all browsers */ button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; } /* * 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet) * 2. Correct inner spacing displayed oddly in IE6/7 */ button, input { line-height: normal; *overflow: visible; } /* * Reintroduce inner spacing in 'table' to avoid overlap and whitespace issues in IE6/7 */ table button, table input { *overflow: auto; } /* * 1. Display hand cursor for clickable form elements * 2. Allow styling of clickable form elements in iOS */ button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; } /* * Consistent box sizing and appearance */ input[type="checkbox"], input[type="radio"] { box-sizing: border-box; } input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /* * Remove inner padding and border in FF3/4: h5bp.com/l */ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } /* * 1. Remove default vertical scrollbar in IE6/7/8/9 * 2. Allow only vertical resizing */ textarea { overflow: auto; vertical-align: top; resize: vertical; } /* Colors for form validity */ input:valid, textarea:valid { } input:invalid, textarea:invalid { background-color: #f0dddd; } /* ============================================================================= Tables ========================================================================== */ table { border-collapse: collapse; border-spacing: 0; } td { vertical-align: top; } /* ==|== primary styles ===================================================== Author: TRISTAN ========================================================================== */ h1,h2,h3,h4,h5,h6{ margin:0; padding:0; font-family:'PTSansBold', Arial, Helvetica, sans-serif !important; font-weight:normal; text-shadow: 0 1px 0 #FFFFFF; } a{ outline:none; } p{ font-family:'PTSansRegular', Arial, Helvetica, sans-serif !important; line-height:24px; font-size:14px; color:#000; } p a{ color:#CC0000; } p a:visited{ color:#CC0000; } p a:hover{ text-decoration:none; } .col700{ width:65%; margin-right:8%; float:left; } .col220{ width:25%; float:left; } .subNav{ margin:0; padding:0; position:absolute; right:240px; top:15px; } .subNav li{ margin:0 30px 0 0; padding:0; list-style:none; float:left; } .subNav li a{ margin:0; padding:0; display:inline-block; color:#CCCCCC; text-transform:uppercase; font-size:13px; text-decoration:none; } .subNav li a:hover,.subNav li a.active { color:#CC0000; } .searchObj{ margin:0; padding:0; display:inline-block; width:220px; height:26px; position:absolute; right:20px; top:10px; } .searchObj label{ margin:0; padding:0; position:relative; } .searchObj span{ margin:0; padding:0; position:absolute; left:0; top:0; } .searchObj input{ border:1px solid #222; /*height:16px;*/ width:113px; background:#333; float:left; display:block; color:#ccc; padding:7px 10px 3px 10px; } .searchObj a{ background:#333; color:#FFF; font-family:'PTSansBold', Arial, Helvetica, sans-serif !important; text-decoration:none; border-right:1px solid #222; border-top:1px solid #222; border-bottom:1px solid #222; height:16px; display:block; float:right; width:63px; padding:7px 10px 3px 10px; text-align:center; } .searchObj a:hover{ background: rgb(204,0,0); background: -moz-linear-gradient(top, rgba(204,0,0,1) 1%, rgba(176,0,0,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(204,0,0,1)), color-stop(100%,rgba(176,0,0,1))); background: -webkit-linear-gradient(top, rgba(204,0,0,1) 1%,rgba(176,0,0,1) 100%); background: -o-linear-gradient(top, rgba(204,0,0,1) 1%,rgba(176,0,0,1) 100%); background: -ms-linear-gradient(top, rgba(204,0,0,1) 1%,rgba(176,0,0,1) 100%); background: linear-gradient(top, rgba(204,0,0,1) 1%,rgba(176,0,0,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc0000', endColorstr='#b00000',GradientType=0 ); } .globalNav{ margin:0; padding:0; position:absolute; bottom:0; right:20px; } .globalNav li{ margin:0; padding:0; list-style:none; float:left; height:60px; border-left:1px solid #222; display:inline-block; } .globalNav li a{ margin:0; padding:25px 15px 5px 15px; display:inline-block; color:#FFF; font-size:16px; text-decoration:none; font-family:'PTSansBold', Arial, Helvetica, sans-serif !important; background:#000; height:30px; } .globalNav li a:hover, .globalNav li a.active{ background: rgb(204,0,0); background: -moz-linear-gradient(top, rgba(204,0,0,1) 1%, rgba(176,0,0,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(204,0,0,1)), color-stop(100%,rgba(176,0,0,1))); background: -webkit-linear-gradient(top, rgba(204,0,0,1) 1%,rgba(176,0,0,1) 100%); background: -o-linear-gradient(top, rgba(204,0,0,1) 1%,rgba(176,0,0,1) 100%); background: -ms-linear-gradient(top, rgba(204,0,0,1) 1%,rgba(176,0,0,1) 100%); background: linear-gradient(top, rgba(204,0,0,1) 1%,rgba(176,0,0,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc0000', endColorstr='#b00000',GradientType=0 ); } .ie7 .indexGalObj{ padding: 0 0 20px 0; } .ie8 .indexGalObj a{ display: block !important; } .indexGallery{ width:700px; height:370px; display:inline-block; margin: 0 20px 20px 0; float:left; position:relative; } /* Coin Slider jQuery plugin CSS styles http://workshop.rs/projects/coin-slider */ .indexGallery { overflow: hidden; zoom: 1; position: relative; } .indexGallery a{ text-decoration: none; outline: none; border: none; } .cs-buttons { font-size: 0px; padding: 10px; float: left; display:none;} .cs-buttons a { margin-left: 5px; height: 10px; width: 10px; float: left; border: 1px solid #B8C4CF; color: #B8C4CF; text-indent: -1000px; } .cs-active { background-color: #B8C4CF; color: #FFFFFF; } .cs-title { width: 700px; padding: 10px; background:url('images/galBgText.png') repeat 0 0; color: #EEEEEE; font-size:18px; } .cs-prev, .cs-next { width:30px ; height:80px; display:block; text-indent:-999em; margin-top:-40px; } .cs-prev {background:url('images/galLeft.png') no-repeat 0 0;} .cs-next {background:url('images/galRight.png') no-repeat 0 0;} .cs-prev:hover {background-position: 0 bottom;} .cs-next:hover {background-position: 0 bottom;} .indexBanner{ width:220px; display:inline-block; height:370px; overflow:hidden; } .indexBanner a{ width:220px; height:122px; margin: 0 0 2px 0; display:block; /*background:#F0F;*/ } .productObj{ display:block; margin:0 0 30px 0; padding:0; } .productObj h2{ background-color:#e5e5e5; display:block; font-size:12px; font-weight:normal; height:20px; padding:10px; margin: 0 0 1px 0; text-transform:uppercase; color:#666666; line-height: 24px; } .productObj a{ display:block; width:20%; height:40px; padding:20px 0px; font-family:'PTSansBold', Arial, Helvetica, sans-serif !important; font-size:16px; line-height:21px; text-transform:uppercase; text-align:center; color:#333; float:left; background:url('images/button-ProductObj.png') repeat-y 0 0 #f5f5f5; margin:0px; text-decoration:none; text-shadow: 0 1px 0 #FFFFFF; } .productObj a:hover{ color:#CC0000; } .productObj a:nth-child(1) {background-position:0 0;} .productObj a:nth-child(1):hover {background-position:0 -80px;} .productObj a:nth-child(2) {background-position:-286px 0;} .productObj a:nth-child(2):hover {background-position:-286px -80px;} .productObj a:nth-child(3) {background-position:-572px 0;} .productObj a:nth-child(3):hover {background-position:-572px -80px;} .productObj a:nth-child(4) {background-position:-858px 0;} .productObj a:nth-child(4):hover {background-position:-858px -80px;} .productObj a:nth-child(5) {background-position:-1144px 0; margin:0;} .productObj a:nth-child(5):hover {background-position:-1144px -80px;} .introCol{ float:left; width:600px; } .introCol h1{ font-size:24px; margin:0 0 10px 0; } .ie7 .introCol h1{ line-height:100%; } .indexNews{ width:300px; float:right; } .indexNews .date{ color:#999; font-style:italic; } .indexNews p{ margin: 0 0 14px 0; } .indexNews h3{ margin:3px 0 10px 0; font-size:16px; } .indexNews img{ float:left; margin: 5px 20px 20px 0; } /*~~~~~~~~~~~~~~~~~ subHead ~~~~~~~~~~~~~~~~~*/ .subHead { margin:10px 0 0 0; padding:0 0 30px 0; } div.subHead { margin:0 0 0 0; padding:0 0 5px 0; } .subIntro{ float:left; width:600px; } .subHead h1, .subHead .h1 { font-size:37px; color:#333333; line-height:100%; margin: 0 0 6px 0; font-weight:normal; } .subHead h1.small { font-size:13px; text-transform:uppercase; font-family:'PTSansRegular', Arial, Helvetica, sans-serif !important; margin: 0 0 5px 0; } .subHead a.small { font-size:13px; color:#333333; text-transform:uppercase; font-family:'PTSansRegular', Arial, Helvetica, sans-serif !important; margin: 0 0 5px 0; text-decoration:none; } .subHead a.small:hover { font-size:13px; text-transform:uppercase; font-family:'PTSansRegular', Arial, Helvetica, sans-serif !important; margin: 0 0 5px 0; text-decoration:underline; } .subHead h2{ font-size:18px !important; color:#333333 !important; line-height:23px !important; margin: 0 0 23px 0 !important; } .contactUsObj{ background:#FFF; padding:20px; display:block; color:#666; margin:0 0 10px 0; } .contactUsObj h3{ font-size:14px; margin: 0 0 5px 0; } .contactUsObj span{ background:url('images/icon-phone-contactObj.png') 0 3px no-repeat; display:inline-block; padding: 3px 0 3px 20px; font-size:23px; letter-spacing:0.03em; } .ie .contactUsObj span{ letter-spacing:0.01em; } .filterObj{ display:block; margin:0 0 30px 0; padding:0; } .filterObj h2{ background-color:#e5e5e5; display:block; font-size:12px; font-weight:normal; height:20px; padding:5px 20px 5px 20px; margin: 10px 0 1px 0; text-transform:uppercase; color:#666666; line-height:23px; } .filterObjNav, .filterObjNav700{ display:block; width:100%; background:url('images/hline5px999.png') repeat-x 0 bottom #E3E3E3; } .filterObjNav700{ width:100%; } .filterObjNav a, .filterObjType2 a, .filterObj .filterObjNav700 a{ display:block; height:13px; padding:18px 20px 22px 20px; font-family:'PTSansBold', Arial, Helvetica, sans-serif !important; font-size:16px; line-height:21px; color:#333 !important; float:left; background: #E3E3E3; border-right:1px solid #FFF; text-decoration:none; text-shadow: 0 1px 0 #FFFFFF; border-bottom:5px #999 solid; } .filterObjNav span a{ background:none; border:none; } .filterObjNav span a.selected{ border:none; background:none; } .filterObjNav fieldset{ float:right; margin:12px 12px 0 0; width:183px; display:block; } .gecko .filterObjNav fieldset, .ie9 .filterObjNav fieldset{ width:184px; } .filterObjNav fieldset input{ border:1px solid #969696; /* height:18px; */ width:95px; padding:5px; color:#666; float:left; } .filterObjNav fieldset a{ display:inline-block; height:18px; padding:4px 10px 4px 10px; font-family:'PTSansBold', Arial, Helvetica, sans-serif !important; font-size:16px; line-height:21px; color:#FFF; float:right; background: #ccc; text-decoration:none; text-shadow: none; text-transform:uppercase; border-bottom:1px #969696 solid; border-right:1px solid #969696; border-top:1px solid #969696; width:55px; } .filterObjNav fieldset a:hover{ color:#CC0000; border-bottom:1px #969696 solid; border-right:1px solid #969696; border-top:1px solid #969696; } .filterObjType2{ background:#DDDDDD; display:block; width:100%; border-bottom:1px solid #FFF; } .filterObjType2 div:first-child{ float:left; font-family:'PTSansBold', Arial, Helvetica, sans-serif !important; font-size:16px; color:#333; width:6%; padding:0; display:block; height:13px; padding:18px 20px 22px 20px; line-height:21px; text-decoration:none; text-transform:uppercase; text-shadow: 0 1px 0 #FFFFFF; white-space:nowrap; } .filterObjType2 div:last-child{ float:left; font-size:16px; line-height:18px; color:#333; background: #E3E3E3; width:90%; border-left:1px solid #FFF; } .overviewObj{ margin:0; padding:0; } .overviewObj a, .caseStudiesObj a, .faultsOvObj a{ width:28%; background:url('images/hline6pxdotted.png') repeat-x 0 bottom; padding: 0 0 6px 0; float:left; overflow:hidden; margin: 0 5% 10px 0; font-family:'PTSansBold', Arial, Helvetica, sans-serif !important; font-size:16px; line-height:18px; color:#333; text-decoration:none; } .caseStudiesObj{ margin: 0 0 0 0; padding: 20px 0 0 0; } .caseStudiesObj h2{ margin:0 0 10px 0; font-size:23px; color:#333333; line-height:23px; } .caseStudiesObj a{ background:url('images/hline6pxdotted.png') repeat-x 0 top; padding: 26px 0 0 0; margin: 0 20px 0 0; text-decoration:none; display:block; } .faultsOvObj{ margin: 0 0 0 0; padding: 20px 0 0 0; } .col700 .overviewObj a:nth-child(3n){ margin: 0 0 20px 0; } .col700 .overviewObj a:nth-child(4n){ margin: 0 20px 20px 0; } .caseStudiesObj a:nth-child(3n){ margin: 0 0 0 0; } .faultsOvObj a:nth-child(3n){ margin: 0 0 20px 0; } .overviewObj a img, .caseStudiesObj a img, .faultsOvObj a img{ border:1px solid #ddd; } .overviewObj a span, .caseStudiesObj a span, .faultsOvObj a span{ display:block; height:40px; padding:0px; text-overflow:ellipsis; } .caseStudiesObj a span{ text-overflow:ellipsis; background:url('images/hline6pxdotted.png') repeat-x 0 bottom; } .overviewObj a:hover, .caseStudiesObj a:hover, .faultsOvObj a:hover{ color:#CC0000; } .shareObj{ background:url('images/bg-diagonalHatch.png') repeat 0 0; display:block; padding:0; margin:0 0 10px 0; float:left; width:95%; padding-left: 5%; text-transform:uppercase; color:#999; font-family:'PTSansBold', Arial, Helvetica, sans-serif !important; font-size:16px; line-height: 33px; } .shareObj .twitterObj, .shareObj .facebookObj{ margin:0; } .typeDetShell{ background:url('images/hline6pxdotted.png') repeat-x 0 0; padding:6px 0 0 0; } .typeDetObj{ background:url('images/hline6pxdotted.png') repeat-x 0 bottom; padding: 20px 0 16px 0; width:100%; color:#333; } .typeDetObj .colL{ width:50%; float:left; margin: 0 5% 0 0; } .typeDetObj .colR{ width:45%; float:left; } .typeDetObj h3{ color:#333; font-size:16px; line-height:23px; margin:0 0 10px 0; } .typeDetObj p{ color:#333; font-size:14px; line-height:23px; } .btn-Tech, .btn-Safety{ width:130px; height:30px; display:block; background:url('images/button-Type.png') repeat-x 0 0; color:#666 !important; font-size:14px; padding:17px 20px 3px 37px; text-decoration:none; margin: 0 0 10px 0; float:right; font-family:'PTSansBold', Arial, Helvetica, sans-serif !important; text-shadow: 0 1px 0 #FFFFFF; } /*___________________________________________________________New Download PDF Button*/ .btn-Download{ width:170px; height:30px; display:block; background:url('images/button-download.png') repeat-x 0 0; color:#666; font-size:14px; padding:17px 20px 3px 30px; text-decoration:none; margin: 0 0 10px 0; float:right; font-family:'PTSansBold', Arial, Helvetica, sans-serif !important; text-shadow: 0 1px 0 #FFFFFF; text-indent:-9999px; } .btn-Download:hover{ color:#CC0000; background-position: 0 -50px; } .awardsDownLoadCon { width:220px; float:right; position:relative; padding:0; } .awardsDownLoadCon .imgMb20 { margin-bottom:10px !Important; } .btn-Tech{ background-position: 0 0; } .btn-Tech:hover{ color:#CC0000; background-position: 0 -50px; } .btn-Safety{ background-position: -187px 0; } .btn-Safety:hover{ color:#CC0000; background-position: -187px -50px; } .dataSheetTable{ margin:0 0 30px 0; width:100%; padding:0; background:#FFF; } .dataSheetTable thead th{ background:#DFDFDF; padding:12px 10px 10px 10px ; text-align:left; font-size:16px; } .dataSheetTable tr{ border-bottom:1px solid #FFF; } .dataSheetTable tbody tr{ background:#E3E3E3; } .dataSheetTable tbody tr:nth-child(2n){ background:#EEEEEE; } .dataSheetTable tbody td{ padding:12px 10px 10px 10px ; } .dataSheetTable tbody a{ height:16px; padding: 0 0 0 20px; margin: 0 5px 0 0; color:#CC0000; font-family:'PTSansBold', Arial, Helvetica, sans-serif !important; text-decoration:none; background:url('images/icon-downloadArrow.png') no-repeat 0 0; } .dataSheetTable tbody a:hover{ color:#000; } .galleria-container img { width: 100% !important; left: 0px !important; } a.backLink, a.backLink:visited{ background:#DDDDDD; border-bottom:3px #999999 solid; text-transform:uppercase; color:#666666 !important; font-family:'PTSansBold', Arial, Helvetica, sans-serif !important; display:inline-block; padding:6px 10px 3px 10px; font-size:12px; text-decoration:none; margin: 20px 2px 20px 0; } a.backLink:hover{ color:#CC0000 !important; border-bottom:3px #CC0000 solid; } .tagObj{ margin:0 0 20px 0; width:100%; } .tagObj div, .tagObj a{ font-family:'PTSansBold', Arial, Helvetica, sans-serif !important; display:inline-block; padding:6px 10px 3px 10px; margin-right:1px; font-size:12px; color:#666; text-transform:uppercase; background:#DDDDDD; float:left; text-decoration:none; } .tagObj .pageTag{ font-family:'PTSansRegular', Arial, Helvetica, sans-serif !important; background:none; padding-right:0px; } .tagObj a:hover{ background:#FFF; color:#CC0000; } /* TipTip CSS - Version 1.2 */ #tiptip_holder { display: none; position: absolute; top: 0; left: 0; z-index: 99999; } #tiptip_holder.tip_top { padding-bottom: 5px; } #tiptip_holder.tip_bottom { padding-top: 5px; } #tiptip_holder.tip_right { padding-left: 5px; } #tiptip_holder.tip_left { padding-right: 5px; } #tiptip_content { font-size: 11px; color: #fff; text-shadow: 0 0 2px #000; padding: 10px; background: rgb(204,0,0); background: -moz-linear-gradient(top, rgba(204,0,0,1) 0%, rgba(204,0,0,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(204,0,0,1)), color-stop(100%,rgba(204,0,0,1))); background: -webkit-linear-gradient(top, rgba(204,0,0,1) 0%,rgba(204,0,0,1) 100%); background: -o-linear-gradient(top, rgba(204,0,0,1) 0%,rgba(204,0,0,1) 100%); background: -ms-linear-gradient(top, rgba(204,0,0,1) 0%,rgba(204,0,0,1) 100%); background: linear-gradient(top, rgba(204,0,0,1) 0%,rgba(204,0,0,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc0000', endColorstr='#cc0000',GradientType=0 ); border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; box-shadow: 0 0 3px #555; -webkit-box-shadow: 0 0 3px #555; -moz-box-shadow: 0 0 3px #555; font-size:14px; line-height:18px; } #tiptip_arrow, #tiptip_arrow_inner { position: absolute; border-color: transparent; border-style: solid; border-width: 6px; height: 0; width: 0; } #tiptip_holder.tip_top #tiptip_arrow { border-top-color: #fff; border-top-color: rgba(204,0,0,1); } #tiptip_holder.tip_bottom #tiptip_arrow { border-bottom-color: #fff; border-bottom-color: rgba(204,0,0,1); } #tiptip_holder.tip_right #tiptip_arrow { border-right-color: #fff; border-right-color: rgba(204,0,0,1); } #tiptip_holder.tip_left #tiptip_arrow { border-left-color: #fff; border-left-color: rgba(204,0,0,1); } #tiptip_holder.tip_top #tiptip_arrow_inner { margin-top: -7px; margin-left: -6px; border-top-color: rgba(204,0,0); border-top-color: rgba(204,0,0,1); } #tiptip_holder.tip_bottom #tiptip_arrow_inner { margin-top: -5px; margin-left: -6px; border-top-color: rgba(204,0,0); border-top-color: rgba(204,0,0,1) } #tiptip_holder.tip_right #tiptip_arrow_inner { margin-top: -6px; margin-left: -5px; border-top-color: rgba(204,0,0); border-top-color: rgba(204,0,0,1) } #tiptip_holder.tip_left #tiptip_arrow_inner { margin-top: -6px; margin-left: -7px; border-top-color: rgba(204,0,0); border-top-color: rgba(204,0,0,1) } /* Webkit Hacks */ @media screen and (-webkit-min-device-pixel-ratio:0) { #tiptip_content { padding: 20px; border-top-color: rgba(204,0,0,1) } #tiptip_holder.tip_bottom #tiptip_arrow_inner { border-top-color: rgba(204,0,0,1) } #tiptip_holder.tip_top #tiptip_arrow_inner { border-top-color: rgba(204,0,0,1) } } /*~~~~~~~~~~~~~~~~~ subGallery ~~~~~~~~~~~~~~~~~*/ /* This rule is read by Galleria to define the gallery height: */ #subGallery{height:420px; display:block; overflow:hidden; margin: 0 0 37px 0;} /*~~~~~~~~~~~~~~~~~ contentObj ~~~~~~~~~~~~~~~~~*/ .contentObj{ line-height:23px; } .contentObj h2{ font-size:23px; margin:0 0 10px 0; line-height:100%; } .contentObj h3{ font-size:18px; margin:0 0 10px 0; } .contentObj h4{ font-size:16px; margin:0 0 5px 0; } .contentObj h5{ font-size:14px; margin:0 0 5px 0; } .contentObj h6{ font-size:12px; margin:0 0 5px 0; } .contentObj p{ margin:0 0 23px 0; } .contentObj ul{ margin:0 0 37px 0; } .contentObj ol{ margin:0 0 37px 0; } .contentObj ul li{ margin:0 0 10px 20px; } .contentObj ol li{ margin:0 0 4px 20px; } .contentObj li a{ color:#CC0000; } .contentObj p a, .contentObj td a{ color:#CC0000; } .contentObj table{ margin:0 0 30px 0; width:100%; padding:0; background:#FFF; } .contentObj thead th{ background:#DFDFDF; padding:10px; text-align:left; font-size:16px; } .contentObj tr{ border-bottom:1px solid #FFF; } .contentObj tbody tr{ background:#E3E3E3; } .contentObj tbody tr:nth-child(2n){ background:#EEEEEE; } .contentObj tbody td{ padding:10px; } .normalLineHeight p { margin-bottom: 0px; } /*~~~~~~~~~~~~~~~~~ subMenuRight ~~~~~~~~~~~~~~~~~*/ .subMenuRight{ background:url('images/hline6pxdotted.png') repeat 0 0; display:block; padding:6px 0 6px 0; margin: 0 0 10px 0; } .subMenuRight ul{ margin:0; padding:0; display:block; } .subMenuRight li{ list-style:none; margin:0; padding:0; display:block; width:100%; border-bottom:1px solid #FFF; } .subMenuRight li:last-child{ border:none; } .subMenuRight li a{ background:url('images/subMenuRight.png') repeat-x 0 0; display:block; width:90%; font-family:'PTSansBold', Arial, Helvetica, sans-serif !important; padding:5%; font-size:13px; color:#666; overflow:hidden; text-decoration:none; text-transform:uppercase; } .subMenuRight li a:hover, .subMenuRight li a.selected{ background:url('images/subMenuRight.png') repeat-x 0 bottom; color:#CC0000; display:block; } .subMenu { background:url('images/bg-diagonalhatch-solid.png') repeat 0 0; } .subMenuRight .subMenu li{ border-bottom:none; } .subMenuRight .subMenu a{ padding:9px 6px 6px 14px; background:url('images/subMenu.png') no-repeat 5px 14px; font-size:12px; color:#666; } .subMenuRight .subMenu a.selected, .subMenuRight .subMenu a:hover{ background:url('images/subMenu.png') no-repeat 5px -91px; color:#CC0000; } /*~~~~~~~~~~~~~~~~~ where to buy ~~~~~~~~~~~~~~~~~*/ .buyObjShell, .buyObj{ margin:0; padding:0; position:relative; } .buyObj{ margin:0 0 1px 0; } .buyObj h2{ display:block; margin:0; padding:0; } .buyObj h2 a{ padding:14px 20px; height:30px; width:660px; display:block; background:url('images/buttonH2.png') no-repeat 0 0 #CFCFCF; color:#333; text-decoration:none; outline:none; font-size: 30px; line-height: 30px; } .buyObj h2 a:hover{ color:#CC0000; } .buyObj h2 a.selected{ background-position:0 bottom; } .infoObj { display:none; clear:both; overflow:auto; padding:20px 0 0 0; } .ie7 .infoObj{ padding-bottom:20px; } .sPanel{ display:block; clear:both; overflow:auto; padding:20px 0 0 0; } .lGroup div.hline6{ height:6px; width:220px; background:url('images/hline6pxdotted.png') repeat-x 0 0; display:block; float:left; margin: 0 20px 0 0; } .lGroup div.hline6:nth-child(3){ margin:0; } .infoObj div, .sPanel div{ width:220px; height:250px; background:url('images/hline6pxdotted.png') repeat-x 0 bottom; padding: 0 0 6px 0; float:left; overflow:hidden; margin: 0 20px 20px 0; font-size:14px; line-height:18px; color:#333; text-decoration:none; position:relative; } .sPanel div{ height:170px; } .infoObj div a, .sPanel div a{ color:#CC0000; text-decoration:none; } .infoObj div a:hover, .sPanel div a:hover{ text-decoration:underline; } .infoObj div a.btn-map{ position:absolute; bottom:26px; left:0; text-decoration:none; width:100px; height:30px; display:block; text-indent:-999em; background:url('images/button-viewMap.png') no-repeat 0 0; } .infoObj div a.btn-map:hover{ background-position: 0 bottom; } .sPanel div a.btn-view{ position:absolute; bottom:26px; left:0; text-decoration:none; width:100px; height:30px; display:block; text-indent:-999em; background:url('images/button-viewMore.png') no-repeat 0 0; } .sPanel div a.btn-view:hover{ background-position: 0 bottom; } .infoObj div:nth-child(3n), .sPanel div:nth-child(3n){ margin: 0 0 20px 0; } .downloadObj{ float:right; margin: 0 0 20px 40px; } .downloadObj img{ margin:0 0 10px 0; width:220px; } .downloadObj a{ width:220px; height:50px; display:block; text-indent:-999em; background:url('images/button-download.png') repeat-x 0 0 #CFCFCF; } .downloadObj a:hover{ background-position:0 bottom; } .inlineMap{ width:420px; height:350px; display:block; background:#FFF; padding:10px; overflow:hidden; float:right; margin: 0 0 20px 20px; } .col240{ width:240px; float:left; } .col280{ width:280px; float:left; } .imgMb20{ margin-bottom:20px; } .contactUsForm{ width:100%; float:right; } .contactUsForm fieldset{ border:1px solid #DDD; background:#FFF; width:90%; padding:5%; } .contactUsForm h2{ margin:0 0 7px 0; } .contactUsForm label{ width:100%; margin: 0 0 10px 0; display:block; } .contactUsForm span{ display:block; font-size:14px; padding:0 0 5px 0; } .contactUsForm [type="text"]{ width:90%; padding:2%; border:1px solid #DDD; background:#FFF; height:23px; color:#666; } .contactUsForm textarea{ width:90%; padding:2%; border:1px solid #DDD; background:#FFF; height:80px; color:#666; resize:none; } .contactUsForm .error{ background:#CC0000; color:#FFF; padding:5px 10px; display:block; margin: 0 0 10px 0; font-family:'PTSansBold', Arial, Helvetica, sans-serif !important; } .contactUsForm .fieldError{ border:1px solid #CC0000 !Important; } .contactUsForm .success{ color: green !important; background: #DFFFD7; padding:5px 10px; font-family:'PTSansBold', Arial, Helvetica, sans-serif !important; } .mac.safari .contactUsForm .error{ padding:7px 10px 3px 10px; } .contactUsForm .backLink{ margin-right:0; font-size:14px; color:#CC0000; } .floatR{ float:right; } .searchResultsObj{ background:url('images/hline6pxdotted.png') repeat-x 0 0; padding: 6px 0 0 0; width:700px; margin:0 0 20px 0; } .searchResultItem{ padding:20px 20px; border-bottom:1px dotted #ccc; display:block; text-decoration:none; } .searchResultItem:hover{ background:#fdfdfd; } .searchResultItem span.title{ color:#CC0000; text-decoration:none; display:block; font-size:16px; font-family:'PTSansBold', Arial, Helvetica, sans-serif !important; margin: 0 0 5px 0; text-shadow: 0 1px 0 #FFFFFF; } .searchResultItem span.info{ color:#333; text-decoration:none; } .pagingObj{ margin:0; background:url('images/hline6pxdotted.png') repeat-x 0 bottom; padding: 0 0 26px 0; width:700px; } .pagingObj a{ padding:8px 10px; text-decoration:none; color:#CC0000; font-size:16px; border:1px solid #DDD; background:#DDD; display:inline-block; } .pagingObj a.selected{ background:none; color:#666; } .pagingObj a:hover{ background:#CC0000; border:1px solid #CC0000; color:#FFF; } /*~~~~~~~~~~~~~~~~~ footer ~~~~~~~~~~~~~~~~~*/ footer{ background:url('images/fadeFooter.png') repeat-x 0 0 #CFCFCF; padding-top:10px; margin:0 0 20px 0; display:block; } .footerContact{ background:#D7D7D7; padding:10px 20px 10px 20px; height:40px; overflow:hidden; } .footerPhone, .footerFax{ display:inline-block; padding: 0 0 0 20px; margin:13px 40px 0 10px; font-family:'PTSansBold', Arial, Helvetica, sans-serif !important; font-size:14px; color:#333; float:left; } .footerPhone{ background:url('images/icon-phone.png') 0 0 no-repeat; } .footerFax{ background:url('images/icon-fax.png') 0 0 no-repeat; } .twitterObj, .facebookObj{ margin:4px 0 0 0; display:block; width:43px; height:33px; float:right; text-indent:-999em; background:url('images/buttonSocial.png') 0 0 no-repeat; } .facebookObj{ background-position: -43px 0; margin-left:1px; } .twitterObj:hover{ background-position: 0 -33px; } .facebookObj:hover{ background-position: -43px -33px; } /*~~~~~~~~~~~~~~~~~ lightbox ~~~~~~~~~~~~~~~~~*/ #lightboxOverlay { z-index:10; width:100%; height:100%; position:fixed; background:url('images/galBgText.png') 0 0 repeat; background:rgba(0,0,0,.60); top:0px; left:0px; bottom:0px; right:0px; display:block; } #lightboxContentWrap { z-index:11; position:absolute; width:100%; display:block; } #lightboxContent { z-index:12; padding:10px; width:960px; height:560px; position:absolute; top:40px; left:40px; display:none; background:#FFF; } #lightboxContent h2{ color:#333; font-size:30px; font-family:'PTSansRegular', Arial, Helvetica, sans-serif !important; margin:10px 0 0 0; } #lightboxContent a.close,#lightboxContent a.close:visited{ background:#DDDDDD; border-bottom:3px #999999 solid; text-transform:uppercase; color:#666666; font-family:'PTSansBold', Arial, Helvetica, sans-serif !important; display:inline-block; padding:6px 10px 3px 10px; font-size:12px; text-decoration:none; margin: 0 2px 0 0; position:absolute; right:10px; top:10px; } #lightboxContent iframe{ position:absolute; bottom:10px; left:10px; z-index:13; } #lightboxContent .close:hover{ color:#CC0000; border-bottom:3px #CC0000 solid; } /*~~~~~~~~~~~~~~~~~ browser upgrade css ~~~~~~~~~~~~~~~~~*/ #ie6{ width:100%; display:none; margin:0 auto; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif !important; font-size:14px; background:#FFF; line-height:18px; text-align:center; border-bottom:5px solid #999; position: absolute; top: 0; left: 0; z-index: 100; } .ie6 #ie6, .ie7 #ie6, .ie8 #ie6{ display:block; } #ie6 .inner{ width:960px; display:block; margin:0 auto; padding:20px 0 20px 0; text-align:center; } #ie6 .inner p{ margin: 0 auto; display:block; width:480px; margin-bottom:20px; } #ie6 a{ width:100px; display:inline-block; text-align:center; vertical-align:text-top; font-size:12px; margin-right:20px; text-decoration:none; color:#000; } #ie6 a#close_ie6upgrade{ width:auto; font-size:14px; background:#CCC; border:1px solid #666; padding:5px 10px 5px 10px; margin:20px 0 0 0; } #ie6 a#close_ie6upgrade:hover{ background:#f5f5f5; } /*~~~~~~~~~~~~~~~~~ end browser upgrade css ~~~~~~~~~~~~~~~~~*/ /* ==|== non-semantic helper classes ======================================== Please define your styles before this section. ========================================================================== */ /* For image replacement */ .ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; } .ir br { display: none; } /* Hide from both screenreaders and browsers: h5bp.com/u */ .hidden { display: none !important; visibility: hidden; } /* Hide only visually, but have it available for screenreaders: h5bp.com/v */ .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } /* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */ .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } /* Hide visually and from screenreaders, but maintain layout */ .invisible { visibility: hidden; } /* Contain floats: h5bp.com/q */ .clearfix:before, .clearfix:after { content: ""; display: table; } .clearfix:after { clear: both; } .clearfix { zoom: 1; } /* ==|== print styles ======================================================= Print styles. Inlined to avoid required HTTP connection: h5bp.com/r ========================================================================== */ @media print { * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */ a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } /* Don't show links for images, or javascript/internal links */ pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } /* h5bp.com/t */ tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } @page { margin: 0.5cm; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } } .w700 {width:78%;} .content-wrap,.page-breadcrumb {background-color:#f5f5f5 !important; padding-bottom: 20px;} .contentObj ul {margin-left: 5%;} .contentObj a { color: #00E !important; text-decoration:underline; } body { font-family: "PTSansRegular",Arial,Helvetica,sans-serif !important; color: #222 !important; } .contactUsObj p { background: url('images/icon-phone-contactObj.png') no-repeat scroll 0px 3px transparent; display: inline-block; padding: 3px 0px 3px 20px; font-size: 23px; letter-spacing: 0.03em; } div.textwidget table tr td {color: #222 !important;} .current a,.filterObjNav a.selected, .filterObjNav a:hover, .filterObjType2 a:hover, .filterObjType2 a.selected, .filterObj .filterObjNav700 a.selected, .filterObj .filterObjNav700 a:hover{ color:#CC0000 !important; border-bottom:5px #CC0000 solid !Important; } .filterObjNav span{ display:block; height:13px; padding:0; font-family:'PTSansBold', Arial, Helvetica, sans-serif !important; font-size:16px; line-height:21px; text-transform:uppercase; color:#333; float:left; background: #E3E3E3; text-decoration:none; } .panel { float: left !important; width: 100% !important; background-color: transparent !important; } .wc-tabs-wrapper { width: 45% !important; float: left !important; clear: none !important; margin: 0% 3% !important; } .wc-tab { box-shadow: none !important; } .product_meta { display: none !important; } .matrix_form .summary .price { font-size: 38.5px !important; padding: 1% !important; float: right !important; display: block !important; } .matrix_form .summary h1.product_title { width: 50% !important; display: block !important; float: left !important; padding: 1% !important; } .entry-summary .price { float: right !important; width: 40% !important; } #container {padding: 20px !important; } /*shop adjustments */ h1.page-title { font-size: 36px !important; line-height: 36px !important; margin-bottom: 10px !important; } .woocommerce ul.products li.product h3 { font-size: 16px !important; line-height: 18px !important; } mark { background-color:#F00 !important; color: #fff !important; font-style:normal !important; font-size: 14px !important; font-weight:normal !important; display:none !important; } .product .price { float: right !important; width: 50% !important; font-size: 16px !important; padding: 0.4em !important; } .woocommerce ul.products li.product .button { margin-top: 0em !important; float:right !important; } .tm-extra-product-options .tmcp-field-wrap .price.amount { display: none !important; } .tm-extra-product-options-totals { display: none !important; } .woocommerce ul.products li.product h3 { font-size: 12px !important; text-align:center !important; overflow: hidden; height: 14px; display: block } /*-align checkbox and label on the billing page-*/ input[type="checkbox"] { float:left; margin-right: 5%; margin-top:-21px !important; } .checkout .col-2 h3#ship-to-different-address{ margin-top:25px; } /*--additional css for making the buttons align--*/ .product .price { float: left !important; width: auto !important; margin-top: 5px; font-size: 14px !important; padding: 0px !important; } .woocommerce a.button{ padding:8px !important; } .woocommerce a.button:hover{ color:#f7f7f7 !important; } /*removed additional pickup dropdown on the shipping method*/ #billing_pickup_warehouse_field{ display:none; } .sku{ margin-bottom:15px; } .woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images{ margin-top:10px; } .btn { -webkit-border-radius: 5; -moz-border-radius: 5; border-radius: 5px; font-family: Arial; color: #4d4d4d !important; font-size: 13px; background: #ebebeb; padding: 5px 10px 5px 10px; text-decoration: none; } .btn:hover { background: #2b2b2b; text-decoration: none; color:#ffffff !important; } .btn-side { font-family: Arial; color: #FFFFFF !important; font-size: 13px; background: #125392; padding: 5px 10px 5px 10px; text-decoration: none; } .btn-side:hover { background: #2b2b2b; text-decoration: none; color:#FFFFFF !important; } .special-side{ padding-left:10% !important; } .mem{ display:inline-block; width:100%; position: absolute; bottom: 0; /*border:1px solid red;*/ margin: 0 auto !important; } .products li{ /*border:1px solid #eaeaea !important;*/ height: 250px; } .price{ float:left; } #menu-top-menu{ color:#FFFFFF !important; } .woocommerce form .form-row .input-checkbox{ margin-top: 8px !important; } .woocommerce form .form-row label.checkbox, .woocommerce-page form .form-row label.checkbox{ margin:-20px; } .added_to_cart{ display: inline-block; border-radius: 3px; -moz border-radius: 3px; -webkit border-radius: 3px; width: 100%; text-align: center; background: #3a3a3a; color: #FFF !important; text-decoration: none; padding-bottom: 5px; margin-top: 5px; } .woocommerce .col2-set{ float:left; width:50%; } .col-1{ float:none !important; width:95% !important; } .col-2{ float:none !important; width:95% !important; } .woocommerce-checkout-review-order{ float:right; width: 50%; } /* ==|== media queries ====================================================== PLACEHOLDER Media Queries for Responsive Design. These override the primary ('mobile first') styles Modify as content requires. ========================================================================== */ @media only screen and (max-width: 480px) { /* Style adjustments for viewports 480px and over go here */ .overviewObj a, .caseStudiesObj a, .faultsOvObj a{ width:100%; background:url('images/hline6pxdotted.png') repeat-x 0 bottom; padding: 0px; overflow:hidden; margin: 0px; } .woocommerce .col2-set{ display:block; float:none; width:100%; } .col-1{ float:none !important; width:100% !important; } .col-2{ float:none !important; width:100% !important; } .woocommerce-checkout-review-order{ float:none; display: block; width: 100%; } } @media only screen and (min-width: 768px) { /* Style adjustments for viewports 768px and over go here */ } #header-topbar, .header-top-content{ padding-top: 10px; } .woocommerce-MyAccount-navigation ul{ list-style-type: none; margin-left: -5px; text-decoration: none; display:block; } .woocommerce-MyAccount-navigation ul > li{ display: block; padding: 15px 0px 15px 15px; font-family: 'Open Sans',sans-serif; font-weight: 500px !important; font-size: 13px; font-weight: bold; color:#010101 !important; text-transform: uppercase; background: url('images/account-bg.png') #f5f5f5; } .woocommerce-MyAccount-navigation ul > li a:hover{ color:#010101; } .woocommerce-MyAccount-navigation ul > li:first-child{ border-left: 8px solid red; } .woocommerce-MyAccount-navigation ul > li:nth-child(2){ border-left: 8px solid #F7D615; } .woocommerce-MyAccount-navigation ul > li:nth-child(3){ border-left: 8px solid #40FF00; } .woocommerce-MyAccount-navigation ul > li:nth-child(4){ border-left: 8px solid #529DD1; } .woocommerce-MyAccount-navigation ul > li:last-child{ border-left: 8px solid #9E0072; } /*** REMOVE LABEL ON FIELDS USING PLACEHOLDER ***/ .gform_wrapper .top_label .gfield_label, .gform_wrapper .field_sublabel_below .ginput_complex.ginput_container label { display: none; } /*** FIELD STYLING ***/ input[type=text], textarea { background: #eee; border: none; border-radius: 0; color: #999 !important; padding: 15px !important; } /*** BUTTON STYLING ***/ .gform_wrapper .gform_footer input.button { float: left; background: #1b1b1b; font-size: 22px; color: #FFF; padding: 12px 23px; border:0px !important; cursor: pointer; } /*** BUTTON HOVER STYLING ***/ .gform_wrapper .gform_footer input.button:hover { } .data_button,.data_button:visited { background: #cc0000; background-image: -webkit-linear-gradient(top, #cc0000, #dc1010); background-image: -moz-linear-gradient(top, #cc0000, #dc1010); background-image: -ms-linear-gradient(top, #cc0000, #dc1010); background-image: -o-linear-gradient(top, #cc0000, #dc1010); background-image: linear-gradient(to bottom, #cc0000, #dc1010); -webkit-border-radius: 5; -moz-border-radius: 5; border-radius: 5px; color: #ffffff; font-size: 14px; padding: 6px 12px; text-decoration: none; display:block; float: left; margin-right: 10px; margin-bottom: 20px; } .data_button:hover { color: #ffffff; background: #dc1010; background-image: -webkit-linear-gradient(top, #dc1010, #cc0000); background-image: -moz-linear-gradient(top, #dc1010, #cc0000); background-image: -ms-linear-gradient(top, #dc1010, #cc0000); background-image: -o-linear-gradient(top, #dc1010, #cc0000); background-image: linear-gradient(to bottom, #dc1010, #cc0000); text-decoration: none; } .woocommerce ul.products li.product a.data_button { display:none !important; } .type-product a img { border: 1px solid #f2f2f2 !important; box-shadow: 4px 4px #b8b8b8 !important; } .woocommerce-loop-product__title { text-transform: uppercase !important; text-decoration: underline !important; } .woocommerce ul.products.columns-3 li.product, .woocommerce-page ul.products.columns-3 li.product { width: 29.5% !important; }