/* Dark Gray #231F20 Meriton Orange #E96923 Lighter Gray #414042 */ body {font-family: 'Lato', sans-serif;} p, li, span, ul, ol, label, a {font-family: 'Lato', sans-serif;} .col-p-2 {column-count:2;} h1, h2, h3, h4, h5, h6 {font-family: 'Lato', sans-serif;color:#414042;letter-spacing:2px; text-transform: uppercase;} h1{font-weight:900;font-size:2rem;margin-bottom:15px;} h2{font-weight:600;padding-bottom: 10px; text-transform: uppercase;} h3 {padding-bottom:10px; font-weight: 400;} h3, h4, h5, h6{font-weight:400;} a {color: #231F20; text-decoration:none; transition: all ease-in-out 200ms; -moz-transition: all ease-in-out 200ms; -webkit-transition: all ease-in-out 200ms;} a:hover {color:#E96923;} .product_details a {color:#E96923; text-decoration: underline;} .product_details a:hover {color:#000;} .main_content {margin-top: 3em;} .content-container {padding: 0 2%;} .container_contained {padding: 0 2%;} header .container_contained {padding: 0 1%;} .content-container ul {margin-left: 20px;margin-top: 20px;} .button { border: solid 1px #E96923; border-radius: 35px; text-transform: uppercase; color: #E96923; letter-spacing: 2px; padding: 10px 40px 10px 40px; margin-top: 1em; font-family: 'Lato', sans-serif; } .button:hover { color: #FFFFFF; background-color: #E96923; } .extra-padding {padding-top:20px;} @media (width: 400px) { .extra-padding {display:none;} } #scroller_container {font-style: italic;padding-bottom: 20px;} .test-sig {font-size:0.8em; color:#8B8D90 !important;} .contact-today {text-align:center;margin-bottom: 7%;} .divsep {width: 100%;} @media (max-width:768px){ .divsep {width: 75%;} } /*.main_content ul {margin-left: 20px; margin-top: 5%;margin-bottom 5%} .main_content ul li {padding-bottom: 5px;}*/ /* Header Start */ /*header {border-top: solid 4px #231F20; padding:0; line-height: 1.65;padding-top:10px;}*/ header {padding:0; line-height: 1.65;} header .site_logo {display:inline-block;padding-top: 20px;} header .site_logo a {} header .site_logo a img {width:90%;margin: 33px 0px;} @media (width: 1024px) { header .site_logo a img {padding-left: 2%; /*width: 87%;*/} } @media (width: 768px) { header .site_logo a img {max-width: 80%; } } header .site_phone {color:#E96923; font-size:16px; letter-spacing:2px;} header .site_email {} header .site_language {font-weight:900;} header #user_tools {} .header-contact {margin-top: 3%;} header, #banner_wrapper, footer, {padding: 0 0px;} /*.main_content {padding: 0 0px;}*/ /* Header End */ /* Main Nav Start */ header #topnav {background-color:#E96923;color:#FFFFFF;text-align:center;margin-top:20px;z-index: 10;} header #topnav .level-0 li {position:relative;display:inline-block;z-index:100; line-height: 40px;} header #topnav .level-0 li a {color:#000;display:block;padding:10px;font-size: inherit;color:#FFFFFF; text-transform: uppercase;padding-left:15px;letter-spacing: 0px;} header #topnav .level-0 li .child {} header #topnav .level-0 > li > div a {} header #topnav .level-0 > li > div .child {} header #topnav .level-0 > li ul {position:absolute;height:0;overflow:hidden;min-width: 100%;} header #topnav .level-0 > li ul > li ul {top: 0;left: 100%;} header #topnav .level-0 > li ul li {display:block;width:100%;white-space:nowrap;font-size: inherit;} /* Main Nav End */ /* Mobile Nav Start */ #mobile_nav_icon {height:44px;width:44px;background-color:#e86a36;z-index:10;display:none;} #mobile_nav_icon span {position:relative;background-color: #fff;width: 33px;height: 3px;display: block;margin: 0 auto;} #mobile_nav_icon span:nth-child(1) {top:11px;} #mobile_nav_icon span:nth-child(2) {top:18px;} #mobile_nav_icon span:nth-child(3) {top:25px;} #mobilenav { position:absolute; overflow:hidden; display: inline-block; width:100%; right:0; left:0; z-index: 10; transition-delay: 1s;-moz-transition-delay: 1s; -ms-transition-delay: 1s;-o-transition-delay: 1s; -webkit-transition-delay: 1s; border-top: 1px solid #e86a36; } #mobilenav ul {position:absolute;bottom:0;list-style:none;transition: 0s ease-in-out;-moz-transition: 0s ease-in-out;-ms-transition: 0s ease-in-out;-o-transition: 0s ease-in-out;-webkit-transition: 0s ease-in-out;width: 100%;bottom:100%;} #mobilenav ul li { background-color: #FFF; padding: 0 15px; line-height: 30px; } #mobilenav ul li:last-child { padding-bottom: 15px; } #mobilenav .level-0 {} #mobilenav .level-0 ul {} #mobilenav a {position:relative;display:block;} #mobilenav span.child {position:absolute;right:0;top:0;bottom:0;width:22px;background-color:#000;cursor: pointer;} /* Mobile Nav End */ /* Banner Styles Start */ #ifking_banner_wrapper img{-webkit-animation: fadein 2s;-moz-animation: fadein 2s;-ms-animation: fadein 2s;-o-animation: fadein 2s;animation: fadein 2s;} @keyframes fadein {from {opacity: 0;}to{opacity: 1;}} #ifking_banner_wrapper > img:first-of-type {display:block;} #ifking_banner_wrapper > img {display:none;} #ifking_banner_wrapper .ifking_banner_container {overflow:hidden;} #ifking_banner_wrapper .ifking_banner_container .banner_image {position:absolute;top:0;top: 0;bottom: 0;width: 100%;overflow:hidden;} #ifking_banner_wrapper .ifking_banner_container .banner_image img {width: 100%;} #ifking_banner_wrapper .ifking_banner_container .banner_image:nth-of-type(1) {position:relative;} #ifking_banner_wrapper .ifking_banner_container .banner_image .slide_link {position:absolute;width:100%;top:0;bottom:0;display:inline-block;} /* Content Styles Start */ #ifking_banner_wrapper .banner_content_wrapper {position:absolute;width:100%;top:0;bottom:0;} #ifking_banner_wrapper .banner_content_wrapper > .opacity_background {position: absolute;width: 100%;top: 0;bottom: 0;} #ifking_banner_wrapper .banner_content_wrapper > span {display:inline-block;height:100%;width:0%;vertical-align:middle;} #ifking_banner_wrapper .banner_content_wrapper > .banner_content_container {display:inline-block;width:100%;vertical-align:middle;} #ifking_banner_wrapper .banner_content_wrapper > .banner_content_container > .opacity_background {position: absolute;width: 100%;top: 0;bottom: 0;} .content_fading_banner .banner_content_wrapper > .banner_content_container > .opacity_background {background-color:#FFF;opacity:0.5;} .double_sliding_banner .banner_content_wrapper > .banner_content_container > .opacity_background {background-color:#FFF;opacity:0.5;} #ifking_banner_wrapper .banner_content_wrapper > .banner_content_container .caption_title {color:#FFF;} #ifking_banner_wrapper .banner_content_wrapper > .banner_content_container .caption_title * {position:relative;} #ifking_banner_wrapper .banner_content_wrapper > .banner_content_container .caption_title > .opacity_background {position: absolute;width: 100%;top: 0;bottom: 0;} #ifking_banner_wrapper .banner_content_wrapper > .banner_content_container .caption_content {color:#FFF;} #ifking_banner_wrapper .banner_content_wrapper > .banner_content_container .caption_content > .opacity_background {position: absolute;width: 100%;top: 0;bottom: 0;} /* Content Styles End */ /* Fullscreen Styles Start */ .fullscreen_banner {height:100%} #ifking_banner_wrapper .fullscreen_banner .image_container {height: 100%;} #ifking_banner_wrapper .fullscreen_banner .banner_image {height:100%;background-repeat: no-repeat;background-size: cover;} /* Fullscreen Styles End */ /* Arrows Start */ #ifking_banner_wrapper .banner_arrows_container {position: absolute;width: 100%;top: 0;bottom: 0;} @media only screen and (max-device-width: 1700px) and (-webkit-min-device-pixel-ratio: 2) { #ifking_banner_wrapper .banner_arrows_container {display:none;} } #ifking_banner_wrapper .banner_arrows_container > div {max-width:1040px;margin:0 auto;height: 100%;} #ifking_banner_wrapper .banner_arrows_container .swiper_left, #ifking_banner_wrapper .banner_arrows_container .swiper_right {position: absolute;top: 50%;z-index: 1;display:none;color:#FFF;} #ifking_banner_wrapper:hover .banner_arrows_container .swiper_left, #ifking_banner_wrapper:hover .banner_arrows_container .swiper_right {display:inline-block;} #ifking_banner_wrapper .banner_arrows_container .swiper_left {left:0;} #ifking_banner_wrapper .banner_arrows_container .swiper_right {right:0;} /* Arrows End */ /* Bullet Navigation Start */ #ifking_banner_wrapper .banner_nav {} #ifking_banner_wrapper .banner_nav .banner_control {display: inline-block;color: transparent;height:15px;width:15px;margin-right:10px;background-color:#999;} #ifking_banner_wrapper .banner_nav .active {background-color:#333;} /* Bullet Navigation End */ #banner_wrapper { /* margin-top: -58px; */ z-index: -1; } /* Banner Styles End */ /* Content Start */ /* VP Boxes Start */ @media only screen and (max-device-width: 1700px) and (-webkit-min-device-pixel-ratio: 2) { .view_port_width {width:100vw !important;left:calc(-50vw + 50%) !important;} } body.mac .view_port_width {width:100vw !important;left:calc(-50vw + 50%) !important;} .view_port_width .view_port_content {max-width:1040px;margin:0 auto;padding:1em 10px;} /* VP Boxes End */ /* User Register Start */ @media (min-width: 401px) { #user_register .form_div > div:nth-child(2n+1) {padding-right:1%;} #user_register .form_div > div:nth-child(2n) {padding-left:1%;} } @media (max-width: 400px) { #user_register .form_div > div:nth-child(2n+1) {margin-bottom:1em;} } /* user Register End */ /* Gallery Start */ /* Gallery Browse Start */ #view_gallery .gallery_albums {overflow:auto;} #view_gallery .gallery_albums .gallery_album {width:25%;height:200px;float:left;} #view_gallery .gallery_albums .gallery_album a {position:absolute;left:0;top:0;right:0;bottom:0;z-index:1;} #view_gallery .gallery_albums .gallery_album .image {position:absolute;left:0;top:0;right:0;bottom:0;background-position: center;background-size: cover;background-repeat: no-repeat;} #view_gallery .gallery_albums .gallery_album span.title {display:none;position:absolute;bottom:0;left:0;right:0;text-align:center;background-color: #313131;color: #FFF;line-height: 2.1em;} #view_gallery .gallery_albums .gallery_album:hover span.title {display:block;} #view_gallery .gallery_albums .gallery_album:hover .opacity_dark {display:none;} /* Gallery Browse End */ /* Album Browse Start */ #view_album .album_photos {overflow:auto;} #view_album .album_photos .album_photo {/*width:25%;height:200px;*/ width: 19%; height: 150px; float: left; background-position: center; background-size: cover; background-repeat: no-repeat; margin-right: 8px; margin-bottom: 8px;} #view_album .album_photos .album_photo a {position:absolute;left:0;top:0;right:0;bottom:0;z-index:1;} @media (width:375px){#view_album .album_photos .album_photo {height: 250px;}} /* Album Browse End */ /* Gallery End */ /* Article Common Styles Start */ .article_display_image {opacity: 0;overflow: hidden;text-align: center;height: 200px;} .article_display_image a {width: 100%;height:100%;} .article_display_image img {margin: 0 auto;max-height:100%;} .article_previews .article .article_category {margin-top: 15px;display: block;} .article_previews .article .article_title {margin:15px 0 5px 0;} .article_previews .article .article_title a {text-decoration:none;} .article_previews .article .article_title a:hover {} .article_previews .article .article_description {margin-bottom:10px;} .article_previews .article .article_description p {margin:0;} .article_previews .article .article_author {font-weight:600;font-size:0.75rem;margin-bottom:0.5em;} .article_previews .article .read_more {font-size:0.875rem;text-decoration: none;} .article_previews .article .read_more::after {content: '\f178';font-family: 'FontAwesome';vertical-align: middle;margin-left: 5px;} .article_previews .article .read_more:hover:after {color:#000;} @media (max-width:950px) { .article_previews .article {width:100%;border-bottom:1px solid #e6e7e8;margin-bottom: 30px;padding-bottom: 30px;} .article_previews .article .preview_content {width:60%;display:inline-block;vertical-align:top;} .article_previews .article .article_title {margin:0 0 15px 0;} .article_previews .article .article_display_image {width:38%;display:inline-block;vertical-align:top;margin-right:2%;} .article_previews .article .article_display_image a {display:inline-block;} } @media (max-width:580px) { .article_previews .article .article_display_image {width:100%;display:block;margin:0 0 15px 0;} .article_previews .article .preview_content {width:100%;display:block;} } /* Article Common Styles End */ /* Article Banner Start */ .article_banner {max-height: 600px;overflow:hidden;margin-bottom: 2em;border-bottom: 1px solid #e6e7e8;padding-bottom: 2em;} .article_banner #ifking_banner_wrapper .banner_content_wrapper > .opacity_background {background: -moz-linear-gradient(bottom, rgba(0,0,0,0.9) 25%, rgba(255,255,255,0.23) 75%, rgba(255,255,255,0) 100%);background: -webkit-linear-gradient(bottom, rgba(0,0,0,0.9) 25%,rgba(255,255,255,0.23) 75%,rgba(255,255,255,0) 100%);background: linear-gradient(to top, rgba(0,0,0,0.9) 25%,rgba(255,255,255,0.23) 75%,rgba(255,255,255,0) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#e6000000',GradientType=0 );} .article_banner #ifking_banner_wrapper .ifking_banner_container .banner_image {max-height:600px;min-height:600px;} .article_banner #ifking_banner_wrapper .banner_content_wrapper > .banner_content_container {vertical-align: bottom;text-align: center;margin-bottom: 3.5em;} .article_banner #ifking_banner_wrapper .banner_content_wrapper > .banner_content_container h1 {font-size:3.4rem;color:#FFF;line-height: 1;margin-bottom: 15px;} .article_banner #ifking_banner_wrapper .banner_content_wrapper > .banner_content_container p {color:#FFF;margin:0;} .article_banner #ifking_banner_wrapper .banner_content_wrapper > .banner_content_container .button {font-size: 1.25rem;padding: 5px 10px 7px;vertical-align: middle;background-image: url(../images/olm_button.png);border: none;background-position: center;background-size: cover;background-repeat: no-repeat;border-radius:5px;font-weight:600;margin-top:15px;} .article_banner #ifking_banner_wrapper .banner_content_wrapper > .banner_content_container .button:hover {color:#fff;} .article_banner #ifking_banner_wrapper .banner_content_wrapper > .banner_content_container .animated_text {height:0;overflow:hidden;transition: 1s ease-in-out;-moz-transition: 1s ease-in-out;-ms-transition: 1s ease-in-out;-o-transition: 1s ease-in-out;-webkit-transition: 1s ease-in-out;} .article_banner .mobile_title, .article_banner .mobile_content {display: none;} @media (max-width:1150px) { .article_banner #ifking_banner_wrapper .ifking_banner_container .banner_image {min-height:500px;} } @media (max-width:950px) { .article_banner #ifking_banner_wrapper .ifking_banner_container .banner_image {min-height:450px;} } @media (max-width:800px) { .article_banner {max-height: initial;} .article_banner .mobile_title, .article_banner .mobile_content, #ifking_banner_wrapper .ifking_banner_container .banner_image {display: block;text-align:center;} .article_banner #ifking_banner_wrapper .ifking_banner_container .banner_image img {max-height: 300px;margin:15px auto;} .article_banner #ifking_banner_wrapper .ifking_banner_container .banner_image {max-height:initial;overflow:auto;} .article_banner #ifking_banner_wrapper .banner_content_wrapper {display: none;} } @media (max-width:580px) { .article_banner .mobile_title * {font-size:2rem;} } /* Article Banner End */ /* Article View Start */ #article {overflow:hidden;} @media(min-width:701px) {#article {min-height:auto !important;}} #article h1 {text-align:center;} @media (max-width:580px) {#article h1 {font-size:2rem;}} #article h1::first-letter, #article p::first-letter {text-transform:uppercase;} #article ul {padding-left: 30px;} #article .article_crumbs {margin-bottom: 2em;font-size: 0.75rem;} #article .article_crumbs .parent_page, #article .article_crumbs .parent_page a {color: #414042;} #article .article_crumbs .crumb_seperator {margin:0 5px;} #article .article_crumbs .crumb_seperator::after {font-size: 0.75rem;content: '\f105';font-family: 'FontAwesome';} #article .article_crumbs .current_page {} #article .article_category {float:right;font-weight:bold;} #article .article_author {display:block;margin:5px 0;} #article .article_author .author_image {display: inline-block;width: 55px;vertical-align: middle;margin-right:10px;} #article .article_author .author_name {display: inline-block;vertical-align: middle;} #article .article_author .author_name p {margin-bottom:0;} #article .post_date {font-size:0.75rem;} #article .tag_line {text-align:center;margin-top: 15px;} #article .tag_line p {margin-bottom:0;font-style: italic;} #article .article_author a {} #article .display_image {margin-top:30px;text-align:center;} #article .display_image img {margin: 0 auto;} #article .article_content {word-break: break-word;margin-top:30px;} #article .article_content img {margin-bottom: 10px;height:auto;margin-top: 10px;} #article .article_tags {margin:15px 0;} #article .article_container .article_tags a {text-decoration:none;} #article .article_tags span {padding:5px;} #article .social_media_sharing {text-align:right;margin-bottom: 15px;} #article .social_media_sharing * {vertical-align: top !important;} figure.image {display: inline-block;} figure.image figcaption {font-size: 11px;font-weight: bold;max-width:100%;width: min-content;min-width: 100%;} /* Recommended Articles Start */ #article .recommended_articles {margin-top:30px;} #article .recommended_articles h3 {margin-bottom:15px;} /* Recommended Articles End */ #article .article_comments .comment {border-bottom:1px solid #cccccc;margin-bottom:1.4em;} #article .article_comments .comment:last-of-type {border:none;margin-bottom:0;} #article .article_comments {} #article .article_comments h3 {display: inline-block;position:relative;margin-right:33px;} #article .article_comments h3 span {position: absolute;right: -33px;transform: rotate(90deg);-moz-transform: rotate(90deg);-ms-transform: rotate(90deg);-webkit-transform: rotate(90deg);-o-transform: rotate(90deg);} #article .article_comments h3 span::after {content: '\f178';font-family: 'FontAwesome';color: #000;vertical-align: middle;margin-left: 5px;} #article .article_comments .comment .comment_author {font-weight:bold;} #article .article_comments .comment .comment_date {font-size:0.875em;margin-bottom:15px;display:block;} /* Article View End */ /* Article Browse Start */ #article_browse {overflow:hidden;} @media(min-width:701px) {#article_browse {min-height:inherit !important;}} /* Article Nav Start */ .article_navigation_menu {display:none;} .article_navigation {float:left;width:250px;border-right:1px solid #cccccc;padding:10px 20px 10px 10px;} @media(min-width:701px) { .article_navigation {left:0 !important;opacity:1 !important;} } .article_navigation *::first-letter {text-transform:uppercase;} .article_navigation h2 {} .article_navigation a {} .article_navigation a:hover {} .article_navigation .recent_articles {} .article_navigation .recent_articles .articles {max-height: 135px;overflow:hidden;} .article_navigation .recent_articles .articles a {display:block;margin-bottom:0.5em;} .article_navigation .archived_articles {} .article_navigation .archived_articles .articles {max-height: 135px;overflow:hidden;} .article_navigation .archived_articles .articles a {display:block;margin-bottom:0.5em;} .article_navigation .article_tags {} .article_navigation .article_tags .tags {max-height: 135px;overflow:hidden;} .article_navigation .article_tags .tags a {display:block;margin-bottom:0.5em;} .nav_present {margin-left:270px;} @media(max-width:700px) { .article_navigation_menu {display:block;height: 44px;width: 55px;background-color: #000;z-index: 10;} .article_navigation_menu span {position: relative;background-color: #fff;width: 33px;height: 3px;display: block;margin: 0 auto;} .article_navigation_menu span:nth-child(1) {top:11px;} .article_navigation_menu span:nth-child(2) {top: 18px;} .article_navigation_menu span:nth-child(3) {top:25px;} .article_navigation {position: absolute;top: 0%;width: 100%;left: -100%;right: 102%;display: block;opacity: 0;background-color: #FFF;top: 55px;border: 1px solid #000;padding: 2%;transition: 1s ease-in-out;-moz-transition: 1s ease-in-out;-ms-transition: 1s ease-in-out;-o-transition: 1s ease-in-out;-webkit-transition: 1s ease-in-out;z-index: 1;} .nav_present {margin-left:0;} } /* Article Nav End */ /* Article Author View Start */ #article_browse .author_info {overflow:auto;margin-bottom:1em;border-bottom:1px solid #cccccc;padding-bottom:1em;} #article_browse .author_info img {float: left;width: 100%;max-width: 250px;margin-right: 1em;max-height: 300px;} #article_browse .author_info .author_bio {word-wrap: break-word;word-break: break-all;} /* Article Author View End */ #article_browse .article_paginator {text-align:right;} #article_browse .posted_articles {} #article_browse .posted_articles .article_preview {overflow:hidden;margin-bottom: 1em;border-bottom:1px solid #cccccc;padding-bottom:1em;} #article_browse .posted_articles .article_preview:last-of-type {border:none;padding-bottom:0;} #article_browse .posted_articles .article_preview *::first-letter {text-transform:uppercase;} #article_browse .posted_articles .article_preview .article_title a {text-decoration:none;color:inherit;} #article_browse .posted_articles .article_preview .article_title a:hover {} #article_browse .posted_articles .article_preview .post_date {display:block;} #article_browse .posted_articles .article_preview .display_image {margin: 5px 0;} #article_browse .posted_articles .article_preview .display_image img {max-width: 250px;} #article_browse .posted_articles .article_preview .content_preview {} /* Article Browse End */ /* Sponsored Article Start */ .sponsored_article_tag {font-weight: bold;font-size: 0.75em;margin-bottom: 0.25rem;display: block;} /* Sponsored Article End */ /* Author Portrait Start */ .author_portrait {text-align:center;} .author_portrait a {text-decoration:none;} .author_portrait .image_preview {height:150px;text-align:center;} .author_portrait .image_preview span {display:inline-block;width:0;height:100%;vertical-align:middle;} .author_portrait .image_preview img {display:inline-block;max-height:100%;vertical-align:middle;} .author_portrait a:hover, .author_portrait a:hover .author_name, .author_portrait a:hover .author_title {} .author_portrait .author_name {margin:0;font-size:1em;} .author_portrait .author_title {margin:0;font-weight:bold;font-size:0.75rem;} /* Author Portrait End */ /* Content Boxes Start */ #content_boxes .content_box {text-align:center;} #content_boxes .content_box .image_preview {height: 140px;margin-bottom:1em;} #content_boxes .content_box .image_preview span {display:inline-block;height:100%;vertical-align:middle;} #content_boxes .content_box .image_preview img {display:inline-block;max-height: 100%;} #content_boxes .content_box .button {} /* Content Boxes End */ /* Content End */ /* Footer Start */ footer:before { content: ''; background: url(../images/bod-bg.png) no-repeat; position: absolute; height: 50px; width: 100px; top: -32px; left: 0; right: 0; margin: 0 auto; } footer { margin-top: 60px; padding: 50px 0; background: #231f20 url(../images/foot-bg.png) no-repeat; background-position: bottom right; position: relative; } footer ul{ list-style-type: none; padding: 0; } footer ul li { display: block; font-size: 16px; margin: 0 0 15px; letter-spacing: 1px; line-height: 25px; color:#fff; } footer ul li a { color: #fff; transition: all 0.3s; } footer ul li a:hover { color: #e96923; transition: all 0.3s; } footer h4 { font-size: 18px; margin: 0; color: #e96923; margin: 0 0 15px; /*font-family: 'Lato-Heavy';*/ } footer .fax { margin: 10px 0 5px; } footer .fax ul { text-align: center; } footer .fax ul li { display: inline-block; color: #fff; margin-right: 15px; position: relative; margin-bottom: 0; line-height: normal; } footer .fax ul li:before { content: '|'; position: absolute; color: #fff; padding: 0 5px; right: -16px; } footer .fax ul li a { color: #fff; } footer .fax ul li a:hover { color: #e96923; transition: all 0.3s; } footer .fax ul li:last-child:before { content: ''; } footer .col-mb-3 { width: 24%; } footer .site_copyright {} /* Social Media Start */ #social_media_links .social_icon {width:30px;height:30px;overflow:hidden;display: inline-block;} #social_media_links .social_icon .normal, #social_media_links .social_icon .hover {position:absolute;left:0;right:0;max-height:100%;transition: 0.25s ease-in-out;-moz-transition: 0.25s ease-in-out;-ms-transition: 0.25s ease-in-out;-o-transition: 0.25s ease-in-out;-webkit-transition: 0.25s ease-in-out;} #social_media_links .social_icon .normal {top:0;} #social_media_links .social_icon .hover {top:100%;} #social_media_links .social_icon:hover .hoverable {top:-100%;} #social_media_links .social_icon:hover .hover {top:0;} /* Social Media End */ footer .regularProducts ul{ column-count: 2; column-gap: 2em; } /* Footer End */ .header-background {background-image:url(../images/home-banner1.jpg);background-size:cover;} #banner_wrapper img {width:100%;} .card { background-color: #231f20; margin-bottom: 30px; position: relative; width: 100%; height: 400px; margin-top: 4em; margin-bottom: 4em; } .card.products-box {background-image:url(../images/products-home.jpg);} .card.projects {background-image:url(../images/projects-home.jpg);} .card.forklifts {background-image:url(../images/forklift-home2.jpg);} .card.Picking {background-image:url(../images/home-design.png);} .card-body { position: absolute; bottom: 0; left: 0; right: 0; overflow: hidden; width: 100%; height: 0; transition: .5s ease; padding-right: 20px; padding-left: 10px; padding-top: 100px !important; background: rgba(237,237,237,0); background: -moz-linear-gradient(top, rgba(237,237,237,0) 0%, rgba(246,246,246,0) 0%, rgba(255,255,255,0.32) 16%, rgba(255,255,255,1) 50%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(237,237,237,0)), color-stop(0%, rgba(246,246,246,0)), color-stop(16%, rgba(255,255,255,0.32)), color-stop(50%, rgba(255,255,255,1))); background: -webkit-linear-gradient(top, rgba(237,237,237,0) 0%, rgba(246,246,246,0) 0%, rgba(255,255,255,0.32) 16%, rgba(255,255,255,1) 50%); background: -o-linear-gradient(top, rgba(237,237,237,0) 0%, rgba(246,246,246,0) 0%, rgba(255,255,255,0.32) 16%, rgba(255,255,255,1) 50%); background: -ms-linear-gradient(top, rgba(237,237,237,0) 0%, rgba(246,246,246,0) 0%, rgba(255,255,255,0.32) 16%, rgba(255,255,255,1) 50%); background: linear-gradient(to bottom, rgba(237,237,237,0) 0%, rgba(246,246,246,0) 0%, rgba(255,255,255,0.32) 16%, rgba(255,255,255,1) 50%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#ffffff', GradientType=0 ); } .card:hover .card-body { height: 300px; padding-top: 15px !important; padding-bottom: 10px; background: rgb(233, 105, 35); background: -moz-linear-gradient(top, rgb(233, 105, 35) 2%, rgb(233, 105, 35) 100%); background: -webkit-linear-gradient(top, rgb(233, 105, 35) 2%, rgb(233, 105, 35) 100%); background: linear-gradient(to bottom, rgb(233, 105, 35) 2%, rgb(233, 105, 35) 100%); filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#e96923', endColorstr='#e96923', GradientType=0); transition: 1s ease; } .card-body h4 { font-size: 26px; color: #000; margin: 0px 0 10px; position: relative; top: -80px; letter-spacing: 5px; } .Picking .card-body h4, .forklifts .card-body h4 { line-height: 1; letter-spacing: 5px !important; } .card:hover .card-body h4 { top: 0px; } .card-body p { font-size: 14px; color: #fff; line-height: 25px; } a.btn.more-btn { font-size: 14px; color: #231f20; background-color: #fff; border-radius: 50px; padding: 8px 30px; text-transform: uppercase; border: 2px solid transparent; transition: all 0.5s; display: inline-block; } a.btn.more-btn:hover { color: #fff; background-color: transparent; border: 2px solid #fff; transition: all 0.5s; } .service_name h2, .service_name h3, .service_name2 h2, .service_name2 h3 {color:#FFFFFF;} .service_name { display: inline-block; width: 96%; text-align: left; word-break: break-word; vertical-align: top; background-color: hsla(21,82%,53%,.85); margin-left: 10px; padding: 18px; color: #ffffff; } .service_name .button, .service_name2 .button { padding: 10px 30px 10px 30px; margin-top: 3em; font-size: 11px; background-color: #FFFFFF; } span.center_h3{height:100%;display:inline-block;vertical-align:top;width:0;} div.center_div{position: absolute;left: 0;right: 0;top:0;bottom:0;z-index:7;} figcaption{text-align:center;height:100%;display:inline-block;vertical-align:middle;} figcaption > div {display:inline-block;width: 100%;vertical-align:middle;z-index:12;} .service_name2 { display: inline-block; width: 96%; text-align: left; word-break: break-word; vertical-align: bottom; background-color: hsla(21,82%,53%,.85); margin-left: 10px; padding: 18px; color: #ffffff; top: -6px; } /*product accordion start*/ .sidebar ul { list-style: none; } .cd-accordion-menu { background: #4d5158; } .cd-accordion-menu ul { /* by default hide all sub menus */ display: none; } .cd-accordion-menu li { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .cd-accordion-menu li a:hover {color:#E96923;} .cd-accordion-menu input[type=checkbox] { /* hide native checkbox */ position: absolute; opacity: 0; } .cd-accordion-menu label, .cd-accordion-menu a { position: relative; display: block; padding: 10px 10px 10px 45px; background: #252120; color: #ffffff; } .cd-accordion-menu ul li label a { padding-left: 0px; } .no-touch .cd-accordion-menu label:hover, .no-touch .cd-accordion-menu a:hover { background: #52565d; } .cd-accordion-menu label::before, .cd-accordion-menu label::after, .cd-accordion-menu a::after { /* icons */ content: ''; display: inline-block; width: 16px; height: 16px; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .cd-accordion-menu label { cursor: pointer; } .cd-accordion-menu label::before { background-image: url(https://codyhouse.co/demo/multi-level-accordion-menu/img/cd-icons.svg); background-repeat: no-repeat; } .cd-accordion-menu .usedProductLabel::before { background-image: url(); background-repeat: no-repeat; } .cd-accordion-menu label::before { /* arrow icon */ left: 18px; background-position: 0 0; -webkit-transform: translateY(-50%) rotate(-90deg); -moz-transform: translateY(-50%) rotate(-90deg); -ms-transform: translateY(-50%) rotate(-90deg); -o-transform: translateY(-50%) rotate(-90deg); transform: translateY(-50%) rotate(-90deg); } .cd-accordion-menu label::after { /* folder icons */ left: 41px; background-position: -16px 0; } .cd-accordion-menu input[type=checkbox]:checked + label::before { /* rotate arrow */ -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .cd-accordion-menu input[type=checkbox]:checked + label::after { /* show open folder icon if item is checked */ background-position: -32px 0; } .cd-accordion-menu input[type=checkbox]:checked + label + ul, .cd-accordion-menu input[type=checkbox]:checked + label:nth-of-type(n) + ul { /* use label:nth-of-type(n) to fix a bug on safari (<= 8.0.8) with multiple adjacent-sibling selectors*/ /* show children when item is checked */ display: block; } .cd-accordion-menu ul label, .cd-accordion-menu ul a { background: #35383d; /*box-shadow: inset 0 -1px #41444a;*/ padding-left: 40px; } .no-touch .cd-accordion-menu ul label:hover, .no-touch .cd-accordion-menu ul a:hover { background: #3c3f45; } .cd-accordion-menu > li:last-of-type > label, .cd-accordion-menu > li:last-of-type > a, .cd-accordion-menu > li > ul > li:last-of-type label, .cd-accordion-menu > li > ul > li:last-of-type a { box-shadow: none; } .cd-accordion-menu ul label::before { left: 16px; } .cd-accordion-menu ul label::after, .cd-accordion-menu ul a::after { left: 59px; } .cd-accordion-menu ul ul label, .cd-accordion-menu ul ul a { padding-left: 80px; } .cd-accordion-menu ul ul label::before { left: 54px; } .cd-accordion-menu ul ul label::after, .cd-accordion-menu ul ul a::after { left: 77px; } .cd-accordion-menu ul ul ul label, .cd-accordion-menu ul ul ul a { padding-left: 118px; } .cd-accordion-menu ul ul ul label::before { left: 72px; } .cd-accordion-menu ul ul ul label::after, .cd-accordion-menu ul ul ul a::after { left: 95px; } .cd-accordion-menu.animated label::before { /* this class is used if you're using jquery to animate the accordion */ -webkit-transition: -webkit-transform 0.3s; -moz-transition: -moz-transform 0.3s; transition: transform 0.3s; } /*product accordion end*/ /*our product section start*/ .ourProduct{ margin: 50px 0; } .ourProduct h2{ margin-bottom: 40px; } .ourProduct ul { list-style-type: none; column-count: 3; column-gap: 4em; } .ourProduct ul li { line-height: 40px; border-bottom: 2px solid #88888a; padding: 5px 0; } .ourProduct ul li a { color: #000; font-size: 20px; transition: all 0.3s; } /*our product section end*/ /*testimonial start*/ .testimonial_name {position: relative;display: inline-block;font-weight: 300;color: #FFF;right: 0;left: 0;bottom: 1em;top:-40px;} #scroller_container .scroller_contents {overflow:hidden;} #scroller_container .scroller_contents .scroller_content {left:100%;position:absolute;top:0;display:inline-block;width:100%;padding:10px;} .scroller_contents{width: 65%;margin: 0 auto;margin-top: 1em;} #scroller_container .scroller_contents .scroller_content:first-of-type {left:0;} #scroller_container .scroller_contents .scroller_content .background_shape {position: absolute;border: 0px solid rgba(96, 94, 94, 1);background-color: rgba(230, 117, 18, 1);border-radius: 0;left:10px;right:10px;} #scroller_container .scroller_contents .scroller_content .rectangle_background {top: 0;bottom: 0;max-width: 60%;margin-left: 20%;box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.6);} #scroller_container .scroller_contents .scroller_content .circle_background {top: 5px;bottom: 5px;max-width: 70%;margin-left: 15%;border-radius: 50%;box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.6);} #scroller_container .scroller_contents .scroller_content .bubble_background {top:0;bottom:20px;} #scroller_container a:before {background:none;} #scroller_container .swiper_right {position: absolute;right: 0;background-image: url(../images/right.png);background-repeat: no-repeat;background-position: center;background-size: contain;width: 30px;top: 0;bottom: 0;} #scroller_container .swiper_left {position: absolute;left: 0;background-image: url(../images/left.png);background-repeat: no-repeat;background-position: center;background-size: contain;width: 30px;top: 0;bottom: 0;} .scroller_contents{height: 111px;font-size: 1.25rem;line-height:1.25;} /* Bullet Navigation Start */ #scroller_container .slider_nav { text-align: center; z-index: 1; margin-top: 3em; margin-bottom: 4em; } #scroller_container .slider_nav .slider_control { display: inline-block; color: transparent; height: 10px; width: 10px; margin-right: 10px; background-color: #E96923; margin-top: 1em; } #scroller_container .slider_nav .active {background-color:#58595B;} /* Bullet Navigation End */ /* Scroller Arrows Start */ #scroller_container .slider_arrows_container {position: absolute;width: 100%;top: 0;height: 100%;} #scroller_container .slider_arrows_container > div {height:100%;} .scroller_content p {position:relative;color:#4E4E4F;} .background_shape{display:none;} .scroller_content h2 { position:relative; width: 100%; margin: 0 auto; padding-top: 1em; padding-bottom: 6px; margin-bottom: 1em; font-weight:400!important; text-align:center; text-transform: none; } .scroller_content h2 span {font-weight:900;font-style: italic; font-size:4rem;} .scroller_content p.answer{font-size:18px;font-style: italic;} .scroller_content p.question{font-size:16px;} .scroller_contents {text-align:center;} .testimonial_name {display:none;} /*testimonial end*/ #catalog-download {text-align:center; margin-bottom: 10%;} #catalog-download #separator {margin-bottom: 2%;} .product_details table, th, td { border: 1px solid black; border-collapse: collapse; } .product_details th, td { padding: 15px; text-align: left; } .product_details table{width: 100%;} /*------------------------------media------------------------------------*/ @media (min-width: 992px) and (max-width: 1199px) { } @media (min-width: 768px) and (max-width: 799px) { .site_logo{width:49%;} .header-contact.align_right{ text-align: center; } #mobile_nav_icon{ float: right; position: relative; top: -65px; right:15px } .products{text-align:center;} section.products .col-tb-4{ width: 31% } .service_name2{ height: 94%; margin-left: 12px; top: -11px; } .service_name{ height: 95%; margin-left: 12px; top: 4px; } .colPc{ width:100% !important;} } @media (max-width: 767px) { .header-background { background-image: url(../admin/banner/images/small/mobile-banner.jpg); background-size: cover; } h1{ font-size: 23px; } .container_contained{ padding: 0 10px; } .header-contact.align_right{ text-align: left; } #mobile_nav_icon{ float: right; position: relative; top: -65px; right:15px } .card{ margin-top: 0px; margin-bottom: 30px; } .col-p-2{ column-count: 1; } #scroller_container .swiper_left { width: 18px; } #scroller_container .swiper_right{ width: 18px; } #scroller_container .slider_nav{ margin-top: 0; margin-bottom: 2em; } .scroller_contents{ width: 80%; } .service_name2{ width: 90%; text-align: center; vertical-align: middle; top: 8px; height: 92%; padding: 50px; margin-left: 20px; font-size: 19px; } .service_name{ width: 90%; text-align: center; vertical-align: middle; top: 6px; height: 93%; padding: 20px 11px; margin-left: 19px; font-size: 16px; } .service_name .button, .service_name2 .button{ margin-top:0px; } .ourProduct ul{ list-style-type: none; column-count: 1; } .content-container ul{ margin-left: 0px; margin-top: 0px; } .ourProduct h2{ margin-bottom: 0px; } #footernav ul.level-0 { column-count: 1; column-gap: 30px; } footer .regularProducts ul{ column-count: 1; column-gap: 2em; } .colPc{ width:100% !important;} } @media (max-width: 550px) { h1{ font-size: 23px; } .container_contained{ padding: 0 10px; } .header-contact.align_right{ text-align: left; } #mobile_nav_icon{ float: right; position: relative; top: -65px; right:15px } .card{ margin-top: 0px; margin-bottom: 30px; } .col-p-2{ column-count: 1; } #scroller_container .swiper_left { width: 18px; } #scroller_container .swiper_right{ width: 18px; } #scroller_container .slider_nav{ margin-top: 0; margin-bottom: 2em; } .scroller_contents{ width: 80%; } .service_name2{ width: 90%; text-align: center; vertical-align: middle; top: 8px; height: 94%; padding: 50px; margin-left: 12px; font-size: 25px; } .service_name{ width: 90%; text-align: center; vertical-align: middle; top: 6px; height: 94%; padding: 20px 11px; margin-left: 12px; font-size: 22px; } .service_name .button, .service_name2 .button{ margin-top:0px; } .ourProduct ul{ list-style-type: none; column-count: 1; } .content-container ul{ margin-left: 0px; margin-top: 0px; } .ourProduct h2{ margin-bottom: 0px; } #footernav ul.level-0 { column-count: 1; column-gap: 30px; } footer .regularProducts ul{ column-count: 1; column-gap: 2em; } .colPc{ width:100% !important;} } @media (max-width: 499px) { h1{ font-size: 23px; } .container_contained{ padding: 0 10px; margin-top:10px; } .header-contact.align_right{ text-align: left; } #mobile_nav_icon{ float: right; position: relative; top: -65px; right:15px } .card{ margin-top: 0px; margin-bottom: 30px; } .col-p-2{ column-count: 1; } #scroller_container .swiper_left { width: 18px; } #scroller_container .swiper_right{ width: 18px; } #scroller_container .slider_nav{ margin-top: 0; margin-bottom: 2em; } .scroller_contents{ width: 80%; } .service_name2{ width: 95%; text-align: center; vertical-align: middle; top: 8px; height: 94%; padding: 50px; margin-left: 12px; font-size: 25px; } .service_name{ width: 95%; text-align: center; vertical-align: middle; top: 6px; height: 94%; padding: 20px 11px; margin-left: 12px; font-size: 22px; } .service_name .button, .service_name2 .button{ margin-top:0px; } .ourProduct ul{ list-style-type: none; column-count: 1; } .content-container ul{ margin-left: 0px; margin-top: 0px; } .ourProduct h2{ margin-bottom: 0px; } #footernav ul.level-0 { column-count: 1; column-gap: 30px; } footer .regularProducts ul{ column-count: 1; column-gap: 2em; } .colPc{ width:100% !important;} .contact-today{ margin-bottom: 15%; } } @media (max-width: 400px) { h1{ font-size: 23px; } .container_contained{ padding: 0 10px; } .header-contact.align_right{ text-align: left; } #mobile_nav_icon{ float: right; position: relative; top: -65px; right:15px } .card{ margin-top: 0px; margin-bottom: 30px; } .col-p-2{ column-count: 1; } #scroller_container .swiper_left { width: 18px; } #scroller_container .swiper_right{ width: 18px; } #scroller_container .slider_nav{ margin-top: 0; margin-bottom: 2em; } .scroller_contents{ width: 80%; } .service_name2{ width: 95%; text-align: center; vertical-align: middle; top: 4px; height: 94%; padding: 50px; margin-left: 8px; font-size: 13px; } .service_name{ width: 95%; text-align: center; vertical-align: middle; top: 6px; height: 94%; padding: 20px 11px; margin-left: 9px; font-size: 13px; } .service_name .button, .service_name2 .button{ margin-top:0px; } .ourProduct ul{ list-style-type: none; column-count: 1; } .content-container ul{ margin-left: 0px; margin-top: 0px; } .ourProduct h2{ margin-bottom: 0px; } #footernav ul.level-0 { column-count: 1; column-gap: 30px; } footer .regularProducts ul{ column-count: 1; column-gap: 2em; } #catalog-download{ margin-bottom: 15%; } .product_detail_col{ width:100% !important; } .colPc{ width:100% !important;} .contact-today{ margin-bottom: 15%; } #view_album .album_photos .album_photo{ width: 100%; } } .firstClass .col-pc-3{width:100%;} footer .firstCol {width:24%;} @media (width:375px){footer .firstCol {width:100%;}} .product-div{width: 32.333%;} /*.product_detail_col{ width: 57.333%; }*/ .colPc{width: 66.2%;} /*--------------------------media end----------------------------*/ .forklift {float: right; width: 250px; height: 232px;} @media (max-width:500px){ header .site_logo a img {margin: 0px;} .forklift {float: none; display: block !important; text-align:center; margin: 0 auto; width: 250px; height: 232px;clear: left;} } /*-------------------Sub Menu css------------------*/ ul.vertical_dropdown.jshidden{ height: 240px; width: 658px; overflow: visible; background-color:#fff; } ul.vertical_dropdown.jshidden a{ color:#000 !important; } ul.vertical_dropdown.jshidden li{ /* width: 50% !important;*/ /*vertical-align: top !important; display:inline-block !important; text-align: left;*/ } header #topnav .level-0 > li ul > li ul{ left:0 !important; position: relative !important; display: grid !important; background-color: #fff; text-align: left; } header #topnav .level-0 > li ul > li ul li a{ padding: 4px 5px 0px 20px; text-transform: capitalize !important; } #topnav .vertical_dropdown > li > div > a { font-weight: 900; } #topnav .level-0 > li > ul { box-shadow: 1px 1px 7px #1D272F; } #topnav .level-0 > li ul.vertical_dropdown ul { position: relative; left: 0; height: auto!important; } #topnav .vertical_dropdown > li { border-right: 1px solid #A0B7C2; padding: 0 20px; margin: 1em 0; display: inline-block !important; vertical-align: top; } #topnav .level-0 > li ul.vertical_dropdown li { width: auto; text-align: left; } #topnav .level-0 li ul li a:hover { color: #A0B7C2; } /*------Submenu in responsive--------------*/ #mobilenav span.child { position: absolute; top: 0; bottom: 0; width: 42px; background-image: url(../images/mobile-nav-arrow.png); background-repeat: no-repeat; background-size: 10px; background-position: center; cursor: pointer; } /*------End Submenu in responsive--------------*/ /*-------------------End Sub Menu css------------------*/ .categoryBold{ font-weight: bold; /*margin: 10px 0 5px;*/ } .header-background,.submenu_postion_div { position: relative; } #subMenuContent { column-count: 3; /*min-height: 500px;*/ position: absolute; background: #fff; top: 10%; z-index: 999999; left: 0; right: 0; padding: 20px 30px; box-shadow: 2px 2px 10px #0000009e; } /*#subMenuContent .col-tb-4 { width: 32.333%; }*/ .submenu_postion_div #subMenuContent{ top: 7% !important; column-count: 3; position: absolute; background: #fff; z-index: 999999; left: 0; right: 0; padding: 20px 30px; box-shadow: 2px 2px 10px #0000009e; } #subMenuContent ul li{ list-style: none; } .subMenuContentHide{ display: none; } /*.borderRight { border-right: 1px solid #e16633; min-height: 180px; } .borderRight:nth-child(3){ border-right: 0; min-height: auto; }*/ /* Style the tab */ .tab { overflow: hidden; border: 1px solid #fff; background-color: #35383d; } /* Style the buttons inside the tab */ .tab button { background-color: inherit; float: left; border: none; outline: none; cursor: pointer; padding: 14px 16px; transition: 0.3s; font-size: 17px; color:#fff; } /* Change background color of buttons on hover */ /*.tab button:hover { background-color: #ddd; }*/ /* Create an active/current tablink class */ .tab button.active { background-color: #fff; color: #000; border: 1px solid #e86a36; } /* Style the tab content */ .tabcontent { display: none; padding: 6px 12px; /* border: 1px solid #ccc;*/ border-top: none; font-family: 'Lato', sans-serif; } .col-pc-3{ width:24.7%; } .optimize-your-warehouse img{ width:90%; } .optimize-your-warehouse .orderOnline { text-align: center; margin: 15px 0px; } .topHeader{ text-align: center; background: #e96924; padding: 5px; } .topHeader li{ display: inline-block; width: 24%; } .topHeader li .button{ margin-top: 0px; color: #fff; padding: 0px; } .secondHeader { padding: 10px 0; } .secondHeader #topnav{ margin-top: 15px; background-color: transparent; } .secondHeader #topnav .level-0 li a{ color:#000; padding: 0 10px; font-size: 12px; font-weight: 600; } .recentArticle .col-pc-4{ width: 33%; } .recentArticle #article_browse .posted_articles .article_preview{ border:none; } .recentArticle #article_browse .posted_articles .article_preview .display_image img{ max-width:100%; } .recentArticle .post_date{ font-style: italic; } .recentArticle .button{ padding: 10px 15px 10px 15px; } .recentBlogTitle{ text-align: center; font-weight: 800;margin-bottom: 50px; } @media (max-width: 767px) { .recentArticle .col-pc-4{ width: 100%; } } .resources_area ul { display: flex; width: 100%; justify-content: space-between; text-align: center; margin-left: 0; } .resources_area ul li { width: 100%; padding: 20px; background: #808080; border-radius: 5px; margin-right: 10px; list-style: none; } .resources_area ul li p a{ color:#fff; } .resources_area ul li .res_img { background: #f9f9f9; width: 80px; height: 80px; margin: 0 auto 10px; border-radius: 50%; padding: 22px 20px; } .resources_area ul li img { margin: 0 auto; width: 35px; height: 35px; object-fit: contain; } .resources_area ul li p { font-size: 16px; font-weight: 600; margin: 0; line-height: 24px; } .resources_area ul li:hover { background: #e96922; box-shadow: 0px 0px 10px rgb(0 0 0 / 50%); } ul.socialIcon { } ul.socialIcon li{ display: inline-block; width: 30px; height: 30px; background: transparent; text-align: center; padding: 5px; border-radius: 5px; } ul.socialIcon li.separator{ background: transparent; font-size: 24px; width: auto; height: auto; padding: 0; } ul.socialIcon li a{ color: #000 !important; font-size: 20px; } .footerIcon ul.socialIcon li a{ color:#fff !important; } ul.socialIcon li a:hover{ color: #e96922 !important; } .footerIcon { text-align: center; } .footerIcon ul.socialIcon li{ margin:0px; } .industrial-mezzanines h3{ margin-top:15px; } .industrial-mezzanines h4{ margin-bottom:15px; margin-top:15px; } .industrial-mezzanines address{ margin:10px 0px; } /*-----------------------product_view---------*/ #product_view h3{ letter-spacing: 0; font-weight: bold; position: relative; background: #000; color: #fff; padding: 10px; margin: 20px 0 20px; } #product_view h3 a:hover{ color:#fff; } #product_view h4{ letter-spacing: 0; font-weight: bold; display: inline-block; border-bottom: 2px solid #000; } #product_view .product_details{ border-bottom: 1px solid #ddd; padding: 10px 0; } #product_view .product_details + .product_details{ border: none; } #product_view p{ font-weight: 100; margin: 0 0 10px; } #product_view address{ border-bottom: 1px solid #666; padding: 10px 0; } #product_view address:last-child{ border: none; } #product_view .main_image img{ } #product_view ul{ padding-left: 20px; } #product_view ul li{ margin: 0 0 5px; font-weight: 100; } .sidebar ul li li label{ font-weight: 100; padding: 0 !important } .sidebar ul li ul li{ border-bottom: 1px solid #666; font-weight: 100; padding: 0 0 0 0px; } .sidebar ul li li a { font-weight: 100; padding: 10px 10px 10px 40px; } .resource .col-pc-4{ width: 33%; } .resource .card { background-color: #4b4849; position: relative; width: 100%; height: auto; margin-top: 0; margin-bottom: 0; background-position: center; background-repeat: no-repeat; background-size: contain; background-image: none; border: 1px solid #4b4849; } .resource .card canvas{ height: 425px; } .resource .card-body { position: absolute; bottom: 0; left: 0; right: 0; overflow: hidden; width: 100%; height: 0; transition: 1s ease; padding-right: 20px; padding-left: 10px; padding-top: 100px !important; background: #fff; opacity: 0.8; } .resource .card:hover .card-body { height: 300px; padding-top: 15px !important; padding-bottom: 10px; background: rgb(233, 105, 35); background: -moz-linear-gradient(top, rgb(233, 105, 35) 2%, rgb(233, 105, 35) 100%); background: -webkit-linear-gradient(top, rgb(233, 105, 35) 2%, rgb(233, 105, 35) 100%); background: linear-gradient(to bottom, rgb(233, 105, 35) 2%, rgb(233, 105, 35) 100%); filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#e96923', endColorstr='#e96923', GradientType=0); transition: 1s ease; opacity: unset; } .resource .card-body h4 { font-size: 26px; color: #000; margin: 0px 0 10px; position: relative; top: -100px; letter-spacing: 5px; } .resource .card:hover .card-body h4 { top: 0px; } .resource .card-body p { font-size: 14px; color: #fff; line-height: 25px; } .resource a.btn.more-btn { font-size: 14px; color: #231f20; background-color: #fff; border-radius: 50px; padding: 8px 30px; text-transform: uppercase; border: 2px solid transparent; transition: all 0.5s; display: inline-block; } .resource a.btn.more-btn:hover { color: #fff; background-color: transparent; border: 2px solid #fff; transition: all 0.5s; } .resource .card:hover .content-box { position: absolute; width: 100%; height: auto; top: 50%; padding: 0 20px; left: 50%; transform: translate(-50%, -50%); text-align: center; } .article_content p b{ font-weight: normal; } .article_content p a{ color:#E96923 ; } .article_content h2{ color:#E96923 ; } #article .article_container .article_tags a { text-decoration: none; line-height: 30px; } /*.sidebar ul li li label a{ background: #5b5652; }*/