/* Theme Name: Solitude Trading Text Domain: solitudetrading Version: 1.0.0 Requires at least: 4.7 Requires PHP: 5.2.4 Description: Our default theme for 2020 is designed to take full advantage of the flexibility of the block editor. Organizations and businesses have the ability to create dynamic landing pages with endless layouts using the group and column blocks. The centered content column and fine-tuned typography also makes it perfect for traditional blogs. Complete editor styles give you a good idea of what your content will look like, even before you publish. You can give your site a personal touch by changing the background colors and the accent color in the Customizer. The colors of all elements on your site are automatically calculated based on the colors you pick, ensuring a high, accessible color contrast for your visitors. Tags: blog, one-column, custom-background, custom-colors, custom-logo, custom-menu, editor-style, featured-images, footer-widgets, full-width-template, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready, block-patterns, block-styles, wide-blocks, accessibility-ready Author: the WordPress team Author URI: http://www.solitudetrading.com/ Theme URI: http://www.solitudetrading.com/ License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html All files, unless otherwise stated, are released under the GNU General Public License version 2.0 (http://www.gnu.org/licenses/gpl-2.0.html) This theme, like WordPress, is licensed under the GPL. Use it to make something cool, have fun, and share what you've learned with others. */ /*-------------------------------------------------------------- >>> TABLE OF CONTENTS: ---------------------------------------------------------------- 0. CSS Reset 1. Document Setup 2. Element Base 3. Helper Classes 4. Site Header 5. Menu Modal 6. Search Modal 7. Page Templates a. Template: Cover Template c. Template: Full Width 8. Post: Archive 9. Post: Single 10. Blocks 11. Entry Content 12. Comments 13. Site Pagination 14. Error 404 15. Widgets 16. Site Footer 17. Media Queries ----------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------- */ /* 0. CSS Reset /* -------------------------------------------------------------------------- */ /*------------------*/ /*------------------*/ /* GENERAL /*------------------------------------------------------*/ /* ----------- Logo ----------- */ .site_logo { padding: 0px 0px 0px 0px; margin: 20px 0px 0px 0px; float: left; line-height: 58px; font-family: 'Oswald', sans-serif; font-weight: normal; font-size: 45px; color: #fff; /*background: url(../images/logo.png) no-repeat left 8px;*/ } .site_logo:hover { color: #13ced9; } /*------------------*/ /* PAGE STRUCTURE /*------------------------------------------------------*/ #page_wrapper_full { width: 100%; margin: auto auto auto auto; } .container { width: 1000px; margin: auto auto auto auto; } .top_section { padding: 0px; margin: 0px; min-height: 150px; background: #fff; } /*------------------*/ /* MENU /*------------------------------------------------------*/ #access .menu { list-style: none; font-weight: normal; position: relative; float: right; font-family: 'Oswald', sans-serif; font-weight: normal; } #access .menu select { border: 2px solid #eee; padding: 10px 10px 10px 10px; background-color: #f9f9f9; color: #333639; } #access .menu ul { margin: 0px; list-style-type: none; position: relative; text-align: left; z-index: 1001; height: 44px; margin: 0; padding-top:18px; } #access .menu ul li { position: relative; display: inline-block; padding: 0; z-index: 101; margin: 9px 0px 0px 1px; float: left; } #access .menu ul li a { display: inline-block; text-decoration: none; font-size: 18px; line-height: 1; color: #222222; margin: 0; text-transform: uppercase; padding: 0px 13px 0px 13px; text-align: center; /*background: url(../images/spacer.gif) no-repeat center top;*/ } #access .menu ul li.paddingright0 a { padding-right: 0px; } #access .menu ul li:hover > a { color: #0079d0; padding: 0px 13px 0px 13px; /*background: #3b3b3b url(../images/menu-s-arrow.png) no-repeat center top;*/ } #access .menu ul li.active > a { color: #0079d0; padding: 0px 13px 0px 13px; /*background: #3b3b3b url(../images/menu-s-arrow.png) no-repeat center top;*/ } #access .menu ul li.menu-sep-but a { display: inline-block; text-decoration: none; font-size: 12px; line-height: 18px; color: #fff; margin: 0; text-transform: uppercase; padding: 27px 13px 28px 13px; text-align: center; background: #91b427 url(../images/spacer.gif) no-repeat center top; text-shadow: 1px 1px 1px rgba(0,0,0,0.3); } #access .menu ul li.menu-sep-but a:hover { display: inline-block; text-decoration: none; font-size: 12px; line-height: 18px; color: #fff; margin: 0; text-transform: uppercase; padding: 27px 13px 28px 13px; text-align: center; background: #85a81a url(../images/spacer.gif) no-repeat center top; text-shadow: 1px 1px 1px rgba(0,0,0,0.3); } #access .menu ul li ul { position: absolute; left: 0; height: auto; display: none; visibility: hidden; width: 185px; padding: 0; text-align: left; margin-left:1px; } #access .menu ul li ul li { display: list-item; float: none; background: none; padding: 0; margin: 0; height: auto; } #access .menu ul li ul li ul { top: 0; } #access .menu ul li ul li a { margin: 0; border: none; display: block; padding: 10px 12px 10px 12px; font-size: 12px; color: #fff; background: #333333 url(../images/spacer.gif) no-repeat center bottom; width: 160px; text-align: left; border-bottom: 1px solid #959595; text-shadow: 1px 1px 1px rgba(0,0,0,0.3); letter-spacing: 0.7px; line-height:18px; } #access .menu ul li ul li a:hover, #access .menu ul li ul li.active > a, #access .menu ul li ul li > a.selected { background: #009837 url(../images/spacer.gif) no-repeat center bottom; border-bottom: 1px solid #959595; color: #fff; padding: 10px 12px 10px 12px; text-shadow: 1px 1px 1px rgba(0,0,0,0.3); letter-spacing: 0.7px; } #access .menu ul li ul li.active > a{ background: #009639 url(../images/spacer.gif) no-repeat center bottom; } #access .menu ul li ul li:last-child { border: none; } * html #access .menu { height: 1%; } .selectnav {display: none; width: 350px; margin-left: 20px;} /* slider static image */ .static_slider_image { width: 100%; height: 100%; float: left; } .static_slider_image img { width: 100%; } /* video slider */ .main_video_slider_main { width: 100%; height: 520px; background: #eff6f4 url(../images/slider/slider-bg.jpg) no-repeat center top; } .main_video_slider { width: 1000px; height: 520px; margin: 0 auto; } .main_video_slider iframe { width: 990px; height: 430px; border: 5px solid #ccc; margin-top: 40px; -moz-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.5); box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.5); } /* Punchline text */ .punchline_text { padding: 0px; margin: 60px 0px 0px 0px; /*After Remove RS Banner Need to give margin: 60px 0 0 0 Avinash*/ width: 100%; float: left; font-size: 16px; line-height: 30px; color: #1c1c1a; text-align: left; font-family: 'Oswald', sans-serif; font-weight: normal; text-transform: uppercase; font-style: normal; } .punchline_text strong { font-size: 27px; color: #1c1c1a; font-weight: normal; text-align: left; display: block; text-transform: uppercase; } a.green_big_but { float: right; width: 200px; height: 40px; padding: 14px 0 0 0; background: url(../images/but-green-big.png) no-repeat left top; font-size: 18px; text-align: center; color: #fff; text-shadow: 1px 1px 1px rgba(0,0,0,0.3); } a.green_big_but:hover { float: right; width: 200px; height: 40px; padding: 14px 0 0 0; background: url(../images/but-green-big.png) no-repeat left top; font-size: 18px; text-align: center; color: #1c1c1a; text-shadow: 1px 1px 1px rgba(0,0,0,0.3); } /* site features */ .site_features_hline { float: left; background-color: #e6e6e6; width: 100%; height: 1px; position: relative; z-index: 100; } .site_features_main { float: left; } ul.site_features_main { padding: 0px; margin: -5px 0px; z-index: 200; position: relative; } .site_features_main li { padding: 0px 0px 0px 0px; margin: 0px 40px 0px 0px; width: 220px; float: left; background: #f9f9f9 url(../images/spacer.gif) no-repeat center top; border-top: 5px solid #eee; border-bottom: 1px solid #e0e0e0; text-align: center; height:auto; cursor:pointer; } .site_features_main li:hover { background: #f9f9f9 url(../images/down-arrow1.png) no-repeat center top; border-top: 5px solid #009639; border-bottom: 1px solid #009639; } .site_features_main li img { margin: 0px 0px 15px 0px; } .site_features_main li p { padding: 0px 20px 0px 20px; margin: 0px; width: 180px; } .site_features_main li strong { display: block; padding: 13px 0px 13px 0px; margin: 30px 0px 0px 0px !important; font-family: 'Oswald', sans-serif; font-weight: normal !important; font-size: 16px !important; color: #333 !important; background-color: #e6eff5; text-transform:uppercase; } .site_features_main li:hover strong { display: block; padding: 13px 0px 13px 0px; margin: 30px 0px 0px 0px; font-family: 'Oswald', sans-serif; font-weight: normal !important; font-size: 16px !important; color: #fff !important; background-color: #009639; cursor: pointer; } .site_features_main li.selected { padding: 0px 0px 0px 0px; margin: 0px 40px 0px 0px; width: 220px; float: left; background: #f9f9f9 url(../images/down-arrow1.png) no-repeat center top; border-top: 5px solid #009639; border-bottom: 1px solid #05aeb9; text-align: center; } .site_features_main li.selected strong { display: block; padding: 13px 0px 13px 0px; margin: 30px 0px 0px 0px; font-family: 'Oswald', sans-serif; font-weight: normal; font-size: 16px; color: #fff; background-color: #009639; } /* latest news */ .latest_news { float: left; padding: 20px 30px; margin: 0px; width: 94%; height: 50px; background-color: #f9f9f9; border-bottom: 2px solid #eee; font-size: 13px; line-height: 18px; } .latest_news strong { font-size: 21px; line-height: 25px; padding-right: 37px; margin-right: 30px; height: 90px; color: #999; float: left; text-transform: uppercase; font-family: 'Oswald', sans-serif; font-weight: normal; background: url(../images/news-icon.png) no-repeat right 5px; } .latest_news a { color: #00a6b2; } .latest_news span#ptag2 { display: none; } /* ----------- Fresh Works----------- */ .fresh_works { padding: 0px; margin: 0px; width: 100%; float: left; background-color: #f9f9f9; border-top: 1px solid #eee; border-bottom: 2px solid #eee; } .fresh_works_content { padding: 0px; margin: 0px; float: left; width: 250px; } .fresh_works_content h3 { float: left; font-size: 20px; padding: 14px 50px 14px 30px; margin: 30px 0 0 0; font-family: 'Oswald', sans-serif; font-weight: normal; text-transform: uppercase; background-color: #009639; color: #fff; text-shadow: 1px 1px 1px rgba(0,0,0,0.1); border-top-left-radius: 0px; border-top-right-radius: 25px; border-bottom-right-radius: 25px; border-bottom-left-radius: 0px; } .fresh_works_content .contee { float: left; padding: 0px; margin: 0px; margin: 18px 25px 0 30px; } .freash_works_gallery { float: left; padding: 0px; margin: 0px; width: 72%; } /* ----------- Recent Blogs----------- */ .recent_blogs { float: left; padding: 0px; margin: 0px; } .recent_blogs_section { float: left; padding: 0px; margin: 0px 30px 0px 0px; width: 220px; } .recent_blogs_section.last { float: left; padding: 0px; margin: 0px 0px 0px 0px; width: 220px; } .recent_blogs_img { float: left; padding: 0px; margin: 0px; width: 100px; height: 100px; } .recent_blogs_img img { border-bottom: 1px solid #fff; } .recent_blogs_img b { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)"; -moz-opacity: 0.1; -khtml-opacity: 0.1; opacity: 0.1; border: 3px solid #000; width: 94px; height: 94px; position: absolute; } .recent_blogs_img strong { float: left; padding: 10px 0px; margin: -6px 0px 0px 0px; width: 100px; background-color: #f9f9f9; border-bottom: 2px solid #f2f2f2; font-family: 'Oswald', sans-serif; font-weight: normal; text-transform: uppercase; font-size: 21px; color: #454545; text-align: center; } .recent_blogs_img strong i { font-size: 13px; color: #727272; font-style: normal; } .recent_blogs_content { float: left; padding: 0px; margin: 0px 0px 0px 20px; width: 100px; } /* ----------- testimonials----------- */ .testimonials-main { padding: 0px; margin: 0px; float: left; width: 480px; } .testimonials-main.left { padding: 0px; margin: 0px; float: left; width: 112px; } .testimonials-main.right { padding: 14px 25px 14px 30px; margin: 0px; float: left; width: 278px; /*min-height: 132px;*/ overflow: hidden; /*color: #727272;*/ background: #f9f9f9; margin-left:35px; } .testimonials-main.right strong { margin: 0px 0px 5px 0px; display: block; color: #222222; font-family: 'Oswald', sans-serif; font-weight: normal; font-size:15px; } .testimonials { padding: 0px; margin: 0px; float: left; width: 480px; } .testimonials.left { padding: 0px; margin: 0px; float: left; width: 112px; } .testimonials.right { padding: 18px 25px 0px 65px; margin: 0px; float: left; width: 278px; height: 132px; overflow: hidden; color: #727272; background: url(../images/testimo-bg.png) no-repeat left top; } .testimonials.right strong { margin: 0px 0px 5px 0px; display: block; color: #727272; font-family: 'Oswald', sans-serif; font-weight: normal; } .testimonials_full { padding: 0px; margin: 0px; float: left; width: 100%; } .testimonials_full.left { padding: 0px; margin: 0px; float: left; width: 15%; background: url(../images/test_arrow.html) no-repeat right 30px; } .testimonials_full.left img { padding: 0px; margin: 5px 0px 0px 0px; border: 5px solid #fff; } .testimonials_full.right { padding: 20px; margin: 0px; float: left; width: 79%; color: #ccc; background-color: #4a4a4a; } .testimonials_full.right strong { margin: 0px 0px -10px 0px; display: block; color: #fff; } .testimonials-5 { float: left; } .testimonials-5 span { float: left; line-height: 21px; padding-left: 40px; background: url(../images/quote_subfix.gif) no-repeat left top; } .testimonials-2 { float: left; } .testimonials-2 span { float: left; line-height: 21px; padding: 20px 30px 25px 50px; border: 1px solid #eee; background: #f9f9f9 url(../images/quote_subfix.gif) no-repeat 15px 23px; } .testimonials-3 { float: left; } .testimonials-3 img{ float: left; width: 90px; height: 90px; border: 2px solid #ccc; margin: 5px 20px 5px 0; } .testimonials-3 span { float: left; height: 34px; width: 100%; padding: 0px; background: url(../images/testi-top-arrow.png) no-repeat 100px top; } .testimonials-3 .content { float: left; line-height: 21px; padding: 20px 20px 25px 20px; border: 1px solid #eee; background-color: #f9f9f9; } .testimonials-4 { float: left; width: 100%; } .testimonials-4 img{ float: left; width: 90px; height: 117px; border: 2px solid #eee; margin: 5px 20px 5px 0; } .testimonials-4 span { float: left; height: 34px; width: 100%; padding: 0px; background: url(../images/testi-top-arrow.png) no-repeat 100px top; } .testimonials-4 .content { float: left; line-height: 21px; padding: 20px 20px 20px 20px; border: 1px solid #eee; background-color: #f9f9f9; border-radius: 5px; width: 96%; } .testimonials-4 .content i { font-size: 11px; color: #909090; text-transform: none; } /*------------------*/ /* FOOTER /*------------------------------------------------------*/ #footer { padding: 0px; margin: 0px; width: 100%; float: left; } #footer .footer_top_graphic { float: left; margin: 0px; padding: 0px; width: 100%; height: 36px; background: url(../images/footer-bg-top.png) no-repeat center top; } #footer .footer_columns { padding: 34px 0px 0px 0px; margin: 0px; min-height: 290px; width: 100%; float: left; background: #05aeb9 url(../images/footer-bg-bottom.png) repeat ; } #footer .footer_columns h2 { color: #fff; } #footer .footer_logo { padding: 0px; margin: 0px 0px 0px 0px; float: left; } /*#footer .footer_logo img { width: 100%; height: 100%; }*/ #footer ul.address-liste { padding: 0px; margin: 0px 0px 40px 0px; float: left; } #footer .address-liste li { padding: 0px 0px 0px 22px; margin: 0px; line-height: 18px; list-style-type: none; color: #fff; font-style: normal; } #footer .address-liste li.icon1 { margin: 0px 0px 0px 0px; list-style-type: none; line-height:24px; /*background: url(../images/address-icon-footer.png) no-repeat left 5px;*/ font-size:15px; } #footer .address-liste li.icon2 { margin: 10px 0px 0px 0px; list-style-type: none; background: url(../images/phone-icon-footer.png) no-repeat left 4px; } #footer .address-liste li.icon3 { margin: 5px 0px 0px 0px; list-style-type: none; background: url(../images/fax-icon-footer.png) no-repeat left 4px; } #footer .address-liste li.worldmap { margin: 10px 0px 0px 0px; height: 82px; list-style-type: none; background: url(../images/world-map.png) no-repeat left 0px; } /* ----------- social icons ----------- */ #footer ul.socials-list { float: left; margin: 5px 0px 0px 0px; padding: 0px; } #footer .socials-list li { padding: 0px 0px 4px 0px; margin: 0px; list-style-type: none; } #footer .socials-list li img { padding: 0px 10px 0px 0px; float: left; } #footer .socials-list li a { color: #fff; width: 200px; display: inline-block; } #footer .socials-list li a:hover { color: #454545; display: inline-block; } #footer .socials-list li img { opacity: 0.9; filter: alpha(opacity=90); } #footer .socials-list li img:hover { opacity: 1; filter: alpha(opacity=100); } /* flickr */ #flickr_badge_wrapper { padding: 0px; margin: 0px; } #flickr_badge_wrapper img { width: 60px; height: 60px; margin-right: 6px; margin-bottom: 1px; border: 2px solid #fff !important;} #flickr_www {display:block; padding:0 10px 0 10px !important; font: 11px Arial, Helvetica, Sans serif !important; color:#3993ff !important;} #flickr_badge_uber_wrapper a:hover, #flickr_badge_uber_wrapper a:link, #flickr_badge_uber_wrapper a:active, #flickr_badge_uber_wrapper a:visited {text-decoration:none !important; background:inherit !important;color:#3993ff;} #flickr_badge_wrapper { margin-top: 27px;} #flickr_badge_source {padding:0 !important; font: 11px Arial, Helvetica, Sans serif !important; color:#666666 !important;} /* copyrights */ .up_arrow { float: left; width: 100%; height: 9px; margin-top: -9px; background: url(../images/arrow-up.png) no-repeat center top; } .copyright_info { float: left; padding: 14px 0px 12px 0px; margin: 0px 0px 0px 0px; width: 100%; background-color: #001508; color: #454545; } .copyright_info b { float: left; font-size: 12px; color: #454545; font-style: normal; font-weight: normal; } .copyright_info span { float: right; } .copyright_info a { margin-top: 10px; font-size: 12px; color: #454545; text-align: right; } .copyright_info a:hover { color: #777; } /*------------------*/ /* CONTENT AREA /*------------------------------------------------------*/ /* Page title */ .page_title { padding: 0px; margin: 0px; width: 100%; height: 140px; float: left; background: url(../images/dark-gray-bg.html) repeat-x left center; } .page_title h1 { font-size: 45px; line-height: 45px; color: #e9e9e9; font-weight: normal; text-align: center; display: block; text-transform: uppercase; margin: 32px 0 0 0; padding: 0px; } .page_title h6 { font-size: 18px; line-height: 32px; color: #999; font-weight: normal; text-align: center; display: block; text-transform: none; padding: 0px; } .pagenation_left { float: left; width: 70%; } .pagenation_left h1 { text-align: left; } .pagenation_left h6 { text-align: left; } .pagenation_right { float: right; width: 20%; margin-right: 20px; margin-top: 57px; text-align: right; font-weight: bold; line-height: 20px; } .pagenation_right a { font-weight: normal; } #content_area { padding: 0px; margin: 0px; } #content_area h3 { padding: 0px; margin: 0px 0px 25px 0px; } #content_area .conte_bigtext { padding: 0px; margin: 0px 0px 18px 0px; font-size: 30px; font-weight: normal; font-style: normal; color: #999; line-height: 36px; } /* about team */ .our_team_main { float: left; width: 100%; margin-top: 0px; } .our_team_main .title_center { height: 42px; margin-top: 36px; } .our_team_main .title_center h3 { font-size: 18px; font-weight: bold; background: #fff url(../images/x-lines.html) repeat-x left 1px; float: left; margin-left: 40%; padding: 12px 40px; border: 2px solid #d9d9d9; border-radius: 21px; margin-top: 16px; } ul.our_team_list { padding: 0px; margin: 20px 0px 0px 0px; float: left; } .our_team_list li { padding: 0px; margin: 0px; width: 250px; float: left; text-align: center; } .our_team_list li strong { padding: 0px; margin: 12px 0px 4px 0px; font-size: 15px; color: #555657; display: block; font-weight: bold; } .our_team_list li i { display: block; font-style: italic; } .our_team_list ul.team_social { padding: 0px; margin: 9px 0 25px 50px; } .our_team_list .team_social li { padding: 0px; margin: 0px 0px 0px 9px; float: left; width: 18px; height: 18px; } .our_team_list .team_social li a { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7; } .our_team_list .team_social li a:hover { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } /* featured services */ .our_services_main { float: left; width: 100%; margin-top: 0px; } ul.our_services_list { padding: 0px; margin: 30px 0px 0px 0px; float: left; } .our_services_list li { padding: 0px 0px 18px 0px; margin: 0px 50px 0px 0px; width: 300px; float: left; text-align: left; border-top: 1px solid #999a9c; border-bottom: 5px solid #da751b; background-color: #fff; } .our_services_list li img { width: 100%; } .our_services_list li .last { margin: 0px 0px 0px 0px; } .our_services_list li strong { padding: 0px; margin: 18px 25px 10px 25px; font-size: 15px; color: #454545; float: left; } .our_services_list li p { padding: 0px; margin: 0px 25px 10px 25px; float: left; } .left_icon_box { padding: 0px; margin: 0px; float: left; width: 100%; height: 130px; background-color: #fff; border-bottom: 1px solid #c5c6c7; } .left_icon_box .left { padding: 30px 0px 0px 0px; margin: 0px; float: left; width: 14%; height: 100px; text-align: center; background: #da751b; } .left_icon_box .center { padding: 30px 30px 0px 30px; margin: 0px; float: left; width: 73.6%; height: 100px; font-size: 27px; line-height: 32px; color: #999; background: url(../images/arrow-right-go.html) no-repeat left 20px; } .left_icon_box .right { padding: 0px; margin: 0px; float: left; width: 5%; height: 130px; } /* portfolio single image */ .portfolio_area { padding: 0px; margin: 0px; width: 100%; float: left; } .portfolio_area_left { padding: 0px; margin: 0px; width: 75%; float: left; } .portfolio_area_left img { padding: 0px; margin: 0px; width: 100%; float: left; } .portfolio_area_right { padding: 0px; margin: 0px 0px 0px 3%; width: 22%; float: left; } .project_details { padding: 0px; margin: 40px 0px 0px 0px; } .project_details span { padding: 5px 0px; margin: 0px 0px 0px 0px; font-size: 14px; font-weight: bold; color: #454545; float: left; width: 100%; border-bottom: 1px solid #e3e3e3; } .project_details strong { padding: 0px 0px; margin: 0px 0px 0px 0px; font-size: 13px; font-weight: bold; color: #727272; float: left; width: 40%; } .project_details i { padding: 0px 0px; margin: 0px 0px 0px 0px; font-size: 13px; font-weight: normal; font-style: normal; color: #727272; float: left; width: 60%; } .project_details span a { padding: 3px 10px; margin: 0px 0px 0px 3px; font-size: 11px; line-height: 30px; font-weight: normal; font-style: normal; color: #727272; background-color: #e3e3e3; border-radius:3px; } .project_details span a:hover { padding: 3px 10px; margin: 0px 0px 0px 3px; font-size: 11px; line-height: 30px; font-weight: normal; font-style: normal; color: #727272; background-color: #ddd; border-radius:3px; } .addto_favorites { padding: 5px 10px 5px 30px; margin: 20px 0px 0px 0px; width: 110px; display: block; border-radius:5px; font-size: 12px; color: #727272; background: #e3e3e3 url(../images/elements/icon-heart.png) no-repeat 10px 10px; } .addto_favorites:hover { padding: 5px 10px 5px 30px; margin: 20px 0px 0px 0px; width: 110px; display: block; border-radius:5px; font-size: 12px; color: #454545; background: #ddd url(../images/elements/icon-heart.png) no-repeat 10px 10px; } ul.small_social_links { padding: 0px; margin: 9px 0 25px 0px; } .small_social_links li { padding: 0px; margin: 0px 9px 0px 0px; float: left; width: 18px; height: 18px; } .small_social_links li a { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7; } .small_social_links li a:hover { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } /*------------------*/ /* LEFT CONTENT AREA /*------------------------------------------------------*/ #left_content { padding: 0px; margin: 0 0 0 0; width: 68%; float: left; } #left_sidebar { padding: 0px; margin: 0 5% 0 0; width: 27%; float: left; } #left_sidebar h3 { margin: 0px 0px 20px 0px; padding: 0 0 16px 0; background: url(../images/h-lines-2.html) repeat-x center bottom; } /*------------------*/ /* RIGHT SIDEBAR /*------------------------------------------------------*/ #right_sidebar { padding: 0px; margin: 0 0 0 5%; width: 27%; float: right; } #right_sidebar h3 { margin: 0px 0px 20px 0px; padding: 0 0 16px 0; background: url(../images/h-lines-2.html) repeat-x center bottom; } /* site search */ .site-search-area { margin: 0px; padding: 0px; } #site-searchform { margin: 0; padding: 0; } #site-searchform #s{ border: 1px solid #ccc; background-color: #fff; width: 73%; height:30px; line-height: 36px; padding:6px 10px 0px 10px; color: #727272; float: left; font: normal 12px "Trebuchet MS", Helvetica, Arial, sans-serif; } #site-searchform #searchsubmit{ float: left; width:50px; height:38px; cursor:pointer; text-indent:-5555em; line-height:100; overflow:hidden; background: #00a6b3 url(../images/site-search-icon.png) no-repeat center 9px; border:0; } #site-searchform #searchsubmit:hover{ float: left; width:50px; height:38px; cursor:pointer; text-indent:-5555em; line-height:100; overflow:hidden; background: #1c1c1a url(../images/site-search-icon.png) no-repeat center 9px; border:0; } /* Advertisements */ ul.adsbanner-list { margin: 0px 0px 0px 0px; padding: 0px; float: left; width: 100%; } .adsbanner-list li { margin: 0px 20px 20px 0px; padding: 0px; float: left; width: 125px; height: 125px; list-style-type: none; } .adsbanner-list li.last { margin: 0px 0px 0px 0px; padding: 0px; float: left; width: 125px; height: 125px; list-style-type: none; } /* widget text area */ .sidebar-widget { float: left; width: 100%; } .widget_text_area { float: left; width: 100%; } .widget_text_area p { margin-top: -5px; } /* sidebar navigation */ ul.sidebars-navigation-list { padding: 0px; margin: -10px 0px 0px 0px; width: 100%; float: left; } .sidebars-navigation-list li { padding: 0px 0px 0px 0px; margin: 0px; list-style-type: none; float: left; width: 100%; font-weight:700; } .sidebars-navigation-list li a { padding: 7px 0px 7px 25px; display: block; text-decoration: none; background:#f3f3f3 url(../images/arrow-05.jpg) no-repeat 16px 15px; border-bottom: 1px solid #dedede; } .sidebars-navigation-list li a:hover { padding: 7px 0px 7px 25px; display: block; text-decoration: none; background: #009639 url(../images/arrow-05_white.html) no-repeat 16px 15px; color:#fff; border-bottom: 1px solid #f6f6f6; } /* popular posts */ .popular-posts-area { float: left; margin-bottom: -10px; } ul.popular-posts-list { margin: 0px; padding: 2px 0 0 0; width: 100%; float: left; } .popular-posts-list li { padding: 0px 0px 18px 0px; margin: 0px 0px 14px 0px; list-style-type: none; border-bottom: 1px solid #f6f6f6; float: left; width: 100%; } .popular-posts-list li a { text-decoration: none; line-height: 16px; display: block; } .popular-posts-list li img { float: left; border: 1px solid #fff; } .popular-posts-list li span { background-color: #ccc; padding: 2px; float: left; margin-right: 15px; } .popular-posts-list li i { padding: 2px 0px 0px 0px; margin: 0px; display: block; font-size: 10px; font-style: normal; color: #a9a9a9; } .widget_text_area { float: left; width: 100%; margin-top: 30px; } /* page not found */ .pagenotfound { float: left; width: 90%; height: 450px; padding: 40px; margin-bottom: 20px; background-color: #f9f9f9; border: 10px solid #f3f3f3; } .pagenotfound_textbig { font-size: 320px; color: #e3e3e3; margin-top: 155px; font-family: 'Oswald', sans-serif; font-weight: normal; } .pagenotfound_textsmall { float: left; font-size: 18px; color: #999; padding-top: 150px; padding-left: 180px; font-family: 'Oswald', sans-serif; font-weight: normal; text-transform: uppercase; } .pagenotfound_left { float: left; width: 50%; } .pagenotfound_right { float: right; width: 45%; padding: 20px; font-size: 21px; margin-top: 0px; line-height: 27px; color: #fff; text-align: center; background-color: #91b427; font-family: 'Oswald', sans-serif; font-weight: normal; } .pagenotfound_right strong { margin-bottom: 9px; display: block; text-transform: uppercase; } .goto_mainpage { padding: 15px 30px 15px 30px; margin: 35px 0 0 360px; float: left; text-align: center; background: #eee; border-radius:50px; font-size: 18px; color: #727272; font-family: 'Oswald', sans-serif; font-weight: normal; text-transform: uppercase; } .goto_mainpage:hover { background: #91b427; color: #fff; } /* ----------- blog ----------- */ .blog_post { float: left; width: 100%; } .blog_post h3 { float: left; font-size: 18px; text-align: left; text-transform: none; font-weight: normal; color: #454545; width: 85%; line-height: 23px; } .blog_post h3 a { color: #1c1c1a; text-decoration: none; float: left; margin-top: 3px; text-transform: uppercase; } .blog_post h3 a:hover { color: #00a6b3; text-decoration: none; float: left; margin-top: 3px; } .post_info_content { padding: 0px; margin: -5px 0 0 13%; width: 87%; float: left; } ul.post_meta_links { float: left; margin: -12px 0px 0px -4px; padding: 0px 0px 0px 0px; width: 80%; } .post_meta_links li { float: left; margin: 0px; padding: 0px 0px 0px 4px; list-style-type: none; color: #999; } .post_meta_links li.post_by { padding: 0px 0px 0px 25px; border-right: 1px solid #d3d3d3; background: url(../images/blog/icon-by-user.html) no-repeat 5px 5px; } .post_meta_links li.post_categoty { padding: 0px 0px 0px 40px; border-right: 1px solid #d3d3d3; background: url(../images/blog/icon-category.html) no-repeat 20px 6px; } .post_meta_links li.post_comments { padding: 0px 0px 0px 40px; background: url(../images/blog/icon-comments.html) no-repeat 20px 5px; } .post_meta_links li a { color: #a1a1a1; padding: 0px 18px 0px 0px; text-decoration: none; font-size: 11px; } .post_meta_links li a:hover { color: #727272; text-decoration: none; } .blog_postcontent { float: left; width: 100%; } .blog_postcontent .image_frame { float: left; width: 98%; border: 7px solid #eee; margin-bottom: 25px; } .blog_postcontent .image_frame:hover { border: 7px solid #f6f6f6; } .blog_postcontent .image_frame img { float: left; width: 99.7%; border: 1px solid #fff; } .blog_postcontent .video_frame iframe { float: left; width: 98%; height: 350px; border: 7px solid #ddd; margin-bottom: 25px; } .blog_postcontent .video_frame iframe:hover { border: 7px solid #f6f6f6; } /* blog small */ .blog_post h3 { width: 74%; } .blog_postcontent .image_frame.small { float: left; width: 43%; border: 7px solid #eee; margin-bottom: 25px; } .blog_postcontent .image_frame:hover { border: 7px solid #f6f6f6; } .blog_postcontent .image_frame img { float: left; width: 99.7%; border: 1px solid #fff; } .blog_postcontent .video_frame.small iframe { float: left; width: 43%; height: 140px; border: 7px solid #ddd; margin-bottom: 25px; } .blog_postcontent .video_frame iframe:hover { border: 7px solid #f6f6f6; } .post_info_content_small { padding: 0px; margin: 0 0 0 4%; width: 50%; float: left; } ul.post_meta_links_small { float: left; margin: -15px 0px 12px 90px; padding: 0px 0px 0px 0px; width: 80%; } .post_meta_links_small li.post_by { float: left; padding: 0px 0px 0px 18px; border-right: 1px solid #d3d3d3; background: url(../images/blog/icon-by-user.html) no-repeat 0px 5px; } .post_meta_links_small li.post_categoty { float: left; padding: 0px 0px 0px 26px; border-right: 1px solid #d3d3d3; background: url(../images/blog/icon-category.html) no-repeat 9px 6px; } .post_meta_links_small li.post_comments { float: left; padding: 0px 0px 0px 26px; background: url(../images/blog/icon-comments.html) no-repeat 9px 5px; } .post_meta_links_small li a { color: #a1a1a1; padding: 0px 5px 0px 0px; text-decoration: none; font-size: 11px; } .post_meta_links_small li a:hover { color: #727272; padding: 0px 5px 0px 0px; text-decoration: none; font-size: 11px; } .blog_post a.date { padding: 16px 5px 0px 0px; text-decoration: none; width: 57px; height: 53px; text-align: center; background: #00a6b3 url(../images/down-arrow2.png) no-repeat center top; display: block; margin-right: 24px; float: left; } .blog_post a.date strong { color: #fff; font-size: 31px; font-weight: normal; display: block; margin-bottom: 10px; } .blog_post a.date i { color: #fff; font-size: 11px; font-style: normal; padding: 2px 10px; display: block; border-top: 1px solid #00b2c0; width: 42px; background-color: #009eaa; } .post_readmore:link, .post_readmore:visited { float: right; height: 27px; width: 185px; text-align: center; padding-top: 7px; color: #fff; text-decoration: none; background: url(../images/skin01/but_post_readmore.html) no-repeat left top; } .post_readmore:hover { float: right; height: 27px; width: 185px; text-align: center; padding-top: 7px; color: #fff; text-decoration: none; background: url(../images/skin01/but_post_readmore_hover.html) no-repeat left top; } .sharepost { float: left; width: 80%; margin-bottom: 30px; } .sharepost ul { margin: 0px; padding: 0px; } .sharepost li { margin: 0px; padding: 0 9px 0 0; float: left; list-style-type: none; } .about_author { float: left; width: 93%; padding: 20px; background-color: #f9f9f9; border: 1px solid #e5e5e5; } .about_author img { float: left; margin-right: 20px; } /* pagination */ .pagination { clear:both; padding:10px 0; margin-bottom:20px; } .pagination span, .pagination a, .page-numbers { display:block; float:left; margin: 2px 5px 2px 0; padding:0px 10px; text-decoration:none; width:auto; line-height:30px; height:30px; } .pagination b{ float:left; margin: 7px 5px 2px 0; padding:0px 10px; font-weight: normal; color: #999; } .pagination .current{ background-color: #e3e3e3; } .pagination .dots{ background: none; box-shadow: none; border:none; cursor:default; } /* comment form */ .comment_form { float: left; width: 90%; margin-top: 30px; } .comment_form label{ float: left; width: 90px; height: 15px; padding: 7px 10px; margin-bottom: 20px; } .comment_input_bg { float: left; width: 70%; height: 25px; padding: 7px 10px 0px 10px; border-top: 2px solid #e3e3e3; border-left: 2px solid #e3e3e3; border-right: 1px solid #e3e3e3; border-bottom: 1px solid #e3e3e3; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background-color: #f9f9f9; } .comment_textarea_bg { float: left; width: 90%; height: 235px; padding: 7px 10px 0px 10px; margin-bottom: 20px; border-top: 2px solid #e3e3e3; border-left: 2px solid #e3e3e3; border-right: 1px solid #e3e3e3; border-bottom: 1px solid #e3e3e3; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background-color: #f9f9f9; } .comment_checkbox { float: left; display: block; width: 90%; margin-top: 10px; } /* comments */ .comment_wrap{ padding:20px 20px 10px 0px; overflow:hidden; } .comment_wrap.chaild{ border-top:1px solid #e1e1e1; padding:20px 20px 10px 50px; overflow:hidden; } .gravatar{ float:left; } .comment_content{ overflow:hidden; padding-left:20px; position:relative; min-height:80px; } .comment_content .comment_meta{ position:relative; } .comment_content .comment_meta .comment_author{ display:inline; font-size:14px; font-style: normal; } .comment_content .comment_meta .comment_author i{ display:inline; font-size:11px; font-style: italic; } .comment_content .comment_text { clear:both; padding-top:0px; overflow:hidden; } .comment_content .comment_text a { color: #c3c3c3; margin-top: 5px; float: left; } .comment_content .comment_text a:hover { color: #454545; margin-top: 5px; float: left; } #comments_section li ul li{ margin-left: 30px; } /* ---------- contact form ---------- */ .comment_form { float: left; width: 690px; margin-top: 30px; } .blocklabel { float: left; width: 100%; display: block; margin-top: 10px; } .comment_form label{ float: left; width: 90px; height: 15px; padding: 7px 10px; margin-bottom: 20px; } .input_bg { float: left; width: 70%; height: 25px; padding: 4px 0px 4px 10px; border-top: 2px solid #e1e1e1; border-left: 2px solid #e1e1e1; border-right: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background-color: #f9f9f9; } .textarea_bg { float: left; width: 90%; height: 140px; padding: 7px 10px 0px 10px; margin-bottom: 20px; border-top: 2px solid #e1e1e1; border-left: 2px solid #e1e1e1; border-right: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background-color: #f9f9f9; } .address-info { float: left; background-color: #f9f9f9; border: 1px solid #e1e1e1; padding: 20px 20px 10px 20px; width: 90%; margin-bottom: 40px; } .google-map { width: 99%; height: 350px; border: 5px solid #454545; } /*------------------*/ /* TYPOGRAPHY /*------------------------------------------------------*/ /* columns */ .one_half, .one_third,.one_fourth,.two_one,.two_third,.three_half,.three_third { position: relative; margin-right: 4%; float: left; } .one_full { width: 100%; } .one_half { width: 47.6%; } .one_third { width: 30.6%; } .one_fourth { width: 21.9%; } .two_one { width: 30.500%; } .two_third { width: 65.500%; } .three_half { width: 65.500%; } .three_third { width: 30.500%; } .last { margin-right: 0 !important; clear: right; } /* columns with box */ .framed-box { border: 1px solid #e3e3e3; width: 100%; } .framed-box.center{ text-align:center; } .framed-box-wrap { border: 1px solid #fff; background-color: #f9f9f9; } .framed-box-wrap .pricing-title { background-color: #f1f1f1; padding: 20px 0px 0px 0px; text-align: center; border-bottom: 1px solid #fff; } .framed-box-wrap .pricing-text-list { padding: 15px 20px 20px 20px; } /* ----------- dropcaps ----------- */ .dropcap1, .dropcap2, .dropcap3 { float: left; text-align: center; overflow:hidden; } .dropcap1 { width: 53px; height: 58px; line-height: 52px; background:url(../images/elements/dropcap_gray.png) no-repeat scroll 0px 0px transparent; color: #3c3c3c; margin:0 8px -4px 0; font-size: 32px; } .dropcap1.gray { background-image:url(../images/elements/dropcap_gray.png); } .dropcap2 { background:url(../images/elements/dropcap_gray.png) no-repeat scroll 0 -108px transparent; color:#3c3c3c; line-height: 50px; height: 56px; width: 53px; margin:0 8px -4px 0; font-size:32px; } .dropcap2.gray { background-image:url(../images/elements/dropcap_gray.png); } .dropcap3 { font-size:40px; line-height: 40px; width:44px; height:44px; margin:0 0 -4px 0; } .dropcap3.gray { color: #3c3c3c; } /* ----------- styled lists ----------- */ ul.list1, ul.list2, ul.list3, ul.list4, ul.list5, ul.list6, ul.list7, ul.list8, ul.list9, ul.list10 { list-style-type:none; margin:0px 0px 20px 0px; padding: 0px; } ul.list1 li,ul.list2 li,ul.list3 li,ul.list4 li,ul.list5 li,ul.list6 li,ul.list7 li,ul.list8 li,ul.list9 li,ul.list10 li{ padding-left: 18px; margin: 3px 0; } ul.list1 li { background:url(../images/elements/icon-heart.png) no-repeat left 5px; } ul.list2 li { background:url(../images/elements/icon-ok.png) no-repeat left 5px; } ul.list3 li { background:url(../images/elements/icon-right-arrow.png) no-repeat left 5px; } ul.list4 li { background:url(../images/elements/icon-star.png) no-repeat left 4px; } ul.list5 li { background:url(../images/elements/icon-chevron-right.png) no-repeat left 5px; } ul.list6 li { background:url(../images/elements/icon-chat.png) no-repeat left 5px; } ul.list7 li { background:url(../images/elements/icon-play-button.png) no-repeat left 5px; } ul.list8 li { background:url(../images/elements/icon-remove.png) no-repeat left 5px; } ul.list9 li { background:url(../images/elements/icon-cart.png) no-repeat left 5px; } ul.list10 li { background:url(../images/elements/icon-user.png) no-repeat left 4px; } /* ----------- highlight colors ----------- */ .highlight { color: #fff; padding: 2px 5px; background: #000; border-radius:3px; } .highlight.black { background: #000; border-radius:3px; } .highlight.red { background: #ff0000; border-radius:3px; } .highlight.gray { background: #aaa; } .highlight.yellow { background: #fff000; } .highlight.blue { background: #0099cc; } .highlight.pink { background: #e826b4; } .highlight.green { background: #48b02b; } .highlight.orange { background: #ffcc00; } .highlight.magenta { background: #9325ea; } /* ----------- highlight text only ----------- */ .highlight2 { color: none; background: none; border-radius:0px; } .highlight2.black { color: #000; } .highlight2.red { color: #ff0000; } .highlight2.gray { color: #aaa; } .highlight2.yellow { color: #fff000; } .highlight2.blue { color: #0099cc; } .highlight2.pinkt { color: #e826b4; } .highlight2.green { color: #48b02b; } .highlight2.orange { color: #da751b; } .highlight2.magenta { color: #9325ea; } /* ----------- buttons ----------- */ .button, button { text-decoration:none; text-align:center; color:#585656; display: inline-block; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; height:32px; line-height:32px; padding:0px 15px; position:relative; outline: none; overflow: hidden; /* removes extra side padding in IE */ cursor: pointer; border: 1px solid #dcdcdc;/* IE */ border: rgba(0, 0, 0, .2) 1px solid;/* Saf4+, Chrome, FF3.6 */ border-bottom:rgba(0, 0, 0, .4) 1px solid; font-family: 'Oswald', sans-serif; font-weight: normal; text-transform: uppercase; background: -moz-linear-gradient( center top, rgba(255, 255, 255, .1) 0%, rgba(0, 0, 0, .1) 100% );/* FF3.6 */ background: -webkit-gradient( linear, center top, center bottom, from(rgba(255, 255, 255, .1)), to(rgba(0, 0, 0, .1)) );/* Saf4+, Chrome */ background-color:white; } .button::-moz-focus-inner { border: none; /* overrides extra padding in Firefox */ } .button:hover, .button.hover, .page-numbers:hover { background: -moz-linear-gradient( center top, rgba(255, 255, 255, .2) 0%, rgba(255, 255, 255, .1) 100% );/* FF3.6 */ background: -webkit-gradient( linear, center bottom, center top, from(rgba(255, 255, 255, .1)), to(rgba(255, 255, 255, .2)) );/* Saf4+, Chrome */ } .button:active, .button.active, .page-numbers:active { top:2px; background: -moz-linear-gradient( center top, rgba(0, 0, 0, .1) 0%, rgba(255, 255, 255, .2) 100% );/* FF3.6 */ background: -webkit-gradient( linear, center bottom, center top, from(rgba(255, 255, 255, .2)), to(rgba(0, 0, 0, .1)) );/* Saf4+, Chrome */ } .button.full{ display: block; } .button.small{ font-size:13px; } .button.medium{ font-size:13px; height:40px; line-height:40px; } .button.large{ font-size:16px; height:50px; line-height:50px; } .button.small.colorchan{ color: #fff; background-color: #00a6b3; } /* ----------- styled bittons----------- */ .button.red { background-color: #ff0000; color: #fff; } .button.blue { background-color: #117ed1; color: #fff; } .button.lightblue { background-color: #0099cc; color: #fff; } .button.green { background-color: #009933; color: #fff; } .button.black { background-color: #333; color: #fff; } .button.orange { background-color: #FF9900; color: #fff; } .button.darkgray { background-color: #818181; color: #fff; } .button.gray { background-color: #f0f0f0; color: #000; } /* ----------- styled boxes----------- */ .info, .error, .notice, .success { -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; /*border: 1px solid #bbb;*/ font-size: 13px; display: inline-block; width: 70%; } p.error { border: none; } .info strong, .error strong, .notice strong, .success strong { font-size: 16px; } .message-box-wrap { border: 0px solid #fff; padding:10px; } .info { color: #4a84bc; border-color: #c6e3ff; background-color: #e6f3ff; } .error { color: #ff0000; border-color: #f1bdbd; /*background-color: #ffdddd;*/ } .notice { color: #a79a30; border-color: #d7d099; background-color: #f6f2d2; } .success { color: #1ea133; border-color: #a9ecb4; background-color: #dffbe4; } .close-but { width: 10px; height: 10px; float: right; border: none; margin: 5px; background: url(../images/elements/icon-remove.png) no-repeat center top; } .redstar{color:#ff0000;} /* ----------- tables----------- */ .table-style { float: left; width: 100%; } .table-list { float: left; background-color: #fff; border: 1px solid #dddddd; margin-bottom:20px; width: 100%; } .table-list th { padding: 10px; background-color: #eee; } .table-list td { padding: 10px; text-align: center; background-color: #f5f5f5; } .table-list tr:hover td { background-color: #f9f9f9; } /* ----------- pricing tables----------- */ .pricing-tables-main { position: relative; float: left; margin-bottom: 25px; } .pricing-tables { position: relative; float: left; width: 24%; border: 1px solid #eee; } .pricing-tables .title { float: left; width: 100%; height: 23px; padding: 12px 0 10px 0; background-color: #454545; text-align: center; font-size: 18px; color: #fff; border-top: 3px solid #272727; border-bottom: 1px solid #818181; font-family: 'Oswald', sans-serif; font-weight: normal; text-transform: uppercase; } .pricing-tables .price { float: left; width: 100%; padding: 30px 0 20px 0; background-color: #636363; text-align: center; font-size: 40px; color: #fff; font-family: 'Oswald', sans-serif; font-weight: normal; text-transform: uppercase; } .pricing-tables .price i { font-size: 14px; color: #ccc; display: block; font-weight: normal; font-style: normal; margin-top: 18px; } .pricing-tables .cont-list { float: left; width: 100%; padding: 15px 0; border-top: 3px solid #fff; border-bottom: 3px solid #fff; background-color: #f9f9f9; text-align: center; color: #727272; } .pricing-tables .cont-list ul { margin: 0; padding: 0; } .pricing-tables .cont-list li { margin: 0; padding: 0; list-style-type: none; line-height: 30px; border-bottom: 1px solid #fff; } .pricing-tables .cont-list li.last { border: none; } .pricing-tables .ordernow { float: left; width: 100%; padding: 15px 0; background-color: #e3e3e3; text-align: center; color: #fff; } .pricing-tables-helight{ position: relative; float: left; width: 27%; -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.1); } .pricing-tables-helight .title { float: left; width: 100%; height: 40px; padding: 20px 0 0 0; margin-top: -10px; background-color: #009ba7; text-align: center; font-size: 18px; color: #fff; border-top: 3px solid #00919c; border-bottom: 1px solid #00b2bf; font-family: 'Oswald', sans-serif; font-weight: normal; text-transform: uppercase; } .pricing-tables-helight .price { float: left; width: 100%; padding: 34px 0 20px 0; background-color: #00a6b3; text-align: center; font-size: 45px; color: #fff; font-family: 'Oswald', sans-serif; font-weight: normal; text-transform: uppercase; } .pricing-tables-helight .price i { font-size: 14px; color: #eee; display: block; font-weight: normal; font-style: normal; margin-top: 20px; } .pricing-tables-helight .cont-list { float: left; width: 100%; padding: 15px 0; border-top: 3px solid #fff; border-bottom: 3px solid #fff; background-color: #f9f9f9; text-align: center; color: #727272; } .pricing-tables-helight .cont-list ul { margin: 0; padding: 0; } .pricing-tables-helight .cont-list li { margin: 0; padding: 0; list-style-type: none; line-height: 30px; border-bottom: 1px solid #fff; } .pricing-tables-helight .cont-list li.last { border: none; } .pricing-tables-helight .ordernow { float: left; width: 100%; padding: 20px 0 25px 0; background-color: #eee; text-align: center; color: #fff; } .pricing-tables-two { position: relative; float: left; width: 33%; border: 1px solid #eee; } .pricing-tables-two .title { float: left; width: 100%; height: 27px; padding: 14px 0 10px 0; background-color: #454545; text-align: center; font-size: 18px; color: #fff; border-top: 3px solid #272727; border-bottom: 1px solid #818181; font-family: 'Oswald', sans-serif; font-weight: normal; text-transform: uppercase; } .pricing-tables-two .price { float: left; width: 100%; padding: 30px 0 20px 0; background-color: #636363; text-align: center; font-size: 40px; color: #fff; font-family: 'Oswald', sans-serif; font-weight: normal; text-transform: uppercase; } .pricing-tables-two .price i { font-size: 14px; color: #ccc; display: block; font-weight: normal; font-style: normal; margin-top: 20px; } .pricing-tables-two .cont-list { float: left; width: 100%; padding: 15px 0; border-top: 3px solid #fff; border-bottom: 3px solid #fff; background-color: #f9f9f9; text-align: center; color: #727272; } .pricing-tables-two .cont-list ul { margin: 0; padding: 0; } .pricing-tables-two .cont-list li { margin: 0; padding: 0; list-style-type: none; line-height: 30px; border-bottom: 1px solid #fff; } .pricing-tables-two .cont-list li.last { border: none; } .pricing-tables-two .ordernow { float: left; width: 100%; padding: 15px 0; background-color: #e3e3e3; text-align: center; color: #fff; } .pricing-tables-helight-two{ position: relative; float: left; width: 33%; z-index: 3; -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.1); } .pricing-tables-helight-two .title { float: left; width: 100%; height: 40px; padding: 20px 0 0 0; margin-top: -10px; background-color: #009ba7; text-align: center; font-size: 18px; color: #fff; border-top: 3px solid #00919c; border-bottom: 1px solid #00b2bf; font-family: 'Oswald', sans-serif; font-weight: normal; text-transform: uppercase; } .pricing-tables-helight-two .price { float: left; width: 100%; padding: 35px 0 20px 0; background-color: #00a6b3; text-align: center; font-size: 45px; color: #fff; font-family: 'Oswald', sans-serif; font-weight: normal; text-transform: uppercase; } .pricing-tables-helight-two .price i { font-size: 14px; color: #eee; display: block; font-weight: normal; font-style: normal; margin-top: 25px; } .pricing-tables-helight-two .cont-list { float: left; width: 100%; padding: 15px 0; border-top: 3px solid #fff; border-bottom: 3px solid #fff; background-color: #f9f9f9; text-align: center; color: #727272; } .pricing-tables-helight-two .cont-list ul { margin: 0; padding: 0; } .pricing-tables-helight-two .cont-list li { margin: 0; padding: 0; list-style-type: none; line-height: 30px; border-bottom: 1px solid #fff; } .pricing-tables-helight-two .cont-list li.last { border: none; } .pricing-tables-helight-two .ordernow { float: left; width: 100%; padding: 20px 0 25px 0; background-color: #eee; text-align: center; color: #fff; } .mainslider_bottom_lines { padding: 0px; margin: 0px; width: 100%; height: 9px; background: #e1e1e1; border-bottom: 1px solid #fff; } .punchline_text_top { padding: 0px; margin: 0px; width: 100%; height: 140px; float: left; font-size: 18px; line-height: 36px; color: #999; text-align: center; text-transform: none; font-style: normal; background: url(../images/bg.jpg) repeat left top; border-bottom: 1px solid #fff; } .punchline_text_top strong { font-size: 30px; color: #818181; font-weight: normal; text-align: center; display: block; text-transform: none; margin-top: 36px; } /*------------------*/ /* CONTENT /*------------------------------------------------------*/ #content { margin: 30px 0 0 0; /*After Remove RS Banner Need to give margin: 30px 0 0 0 Avinash*/ padding: 0 0 0px 0; } /*#content .content-fullwidth { width: 1000px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; }*/ /* ----------- page title ----------- */ .page-main-title { width: 100%; min-height: 14px; background: #0079d0; border-bottom: 1px solid #dbdbdb; margin: 0 0 0 0; text-transform: uppercase; } .page-main-title .leaft-title { width: 70%; display: block; float: left; text-align: left; margin: 16px 0 0 0px; } .page-main-title .leaft-title h1 { font-size: 24px; color: #fff; text-shadow: 1px 2px 2px rgba(0,0,0,0.3); } .page-main-title .reght-pagenation { display: block; color: #fff; float: left; font-size: 12px; text-align: left; margin: 0px 0 0 0px; padding: 25px 0 24px 30px; background: url(../images/pagenation-devidar.png) no-repeat left top; font-family: 'Oswald', sans-serif; font-weight: normal; text-shadow: 1px 1px 1px rgba(0,0,0,0.2); } .page-main-title .reght-pagenation i { color: #565656; margin: 0px 5px 0px 3px; } .page-main-title .reght-pagenation a { color: #1c1c1a; } .page-main-title .reght-pagenation a:hover { color: #565656; } .strong_marbom { font-size: 14px; margin-bottom: 9px; display: block; } /*------------------*/ /* CONTENT LEFT SIDE AREA /*------------------------------------------------------*/ #content .content_left { width: 680px; float: left; margin: 0 0 30px 0px; padding: 0px 40px 0px 0; } #content .content_left.right { width: 680px; float: left; margin: 0 0 30px 0px; padding: 0px 0px 0px 40px; } /* ----------- our team ----------- */ #content .content_left .our_team_box { width: 680px; float: left; } #content .content_left .our_team_box ul { margin: 0; padding: 14px 0 0 20px; float: left; width: 120px; } #content .content_left .our_team_box li { margin: 0; padding: 0; line-height: 18px; list-style-type: none; font-size: 11px; color: #a9a9a9; } #content .content_left .our_team_box li img { float: left; margin-right: 5px; } #content .content_left .our_team_box li img:hover { margin-right: 5px; opacity: 0.7; filter: alpha(opacity=10); } #content .content_left .our_team_box li strong { font-size: 14px; color: #0079d0; display: block; } #content .content_left .our_team_box li.sde_line { display: block; border-top: 1px solid #efefef; padding: 0px 0px 9px 0px; margin-top: 7px; } #content .content_left .our_team_box .boxleft { width: 280px; float: left; padding: 20px; margin: 0 40px 40px 0; background-color: #f9f9f9; border-top: 1px solid #eee; border-bottom: 2px solid #eee; } #content .content_left .our_team_box .cont_area { float: left; background-color: #fff; font-size: 10px; color: #727272; width: 100%; margin-bottom: 18px; font-family: 'Oswald', sans-serif; font-weight: normal; } #content .content_left .our_team_box .cont_area i { float: left; border: 2px solid #fff; } #content .content_left .our_team_box .cont_area i img { float: left; border: 1px solid #fff; } #content .content_left .boxright { width: 280px; float: left; padding: 20px; margin: 0; background-color: #f9f9f9; border-top: 1px solid #eee; border-bottom: 2px solid #eee; } .b-text-one { font-size: 16px; color: #454545; text-align: center; line-height: 23px; float: left; font-family: 'Oswald', sans-serif; font-weight: normal; } .services-section-boxes { float: left; width: 270px; padding: 20px 20px 30px 20px; margin-right: 35px; background-color: #f9f9f9; border-top: 1px solid #eee; border-bottom: 1px solid #eee; text-align: center; } .services-section-boxes img { border: 7px solid #fff; margin: 5px 0 15px 0; width: 95%; height: 95%; } .services-section-boxes.last { margin-right: 0; padding: 20px 20px 30px 20px; } .left-border-box { background-color: #f9f9f9; border-left: 5px solid #00a6b3; padding: 15px 20px; margin: 0px; float: left; width: 955px; font-family: 'Oswald', sans-serif; font-weight: normal; text-align: left; } ul.sideimg-list { float: left; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 100%; } ul.sideimg-list img { float: left; display: block; margin-right: 23px; } .sideimg-list li { margin: 0px 40px 0px 0px; padding: 5px 0px 25px 0px; list-style-type: none; float: left; /*max-width: 220px;*/ text-align: left; } .sideimg-list li a { font-size: 14px; color: #3c3c3c; } .sideimg-list li a:hover { font-size: 14px; color: #00a6b3; } .sideimg-list li.sideimg-list.last { margin: 0px 0px 0px 0px; } /*------------------*/ /* RIGHT SIDE BAR AREA /*------------------------------------------------------*/ #content .content_right_sidebar { float: left; width: 280px; margin: 5px 0px 30px 0; padding: 0 0 0px 0px; } #content .content_right_sidebar h2 { padding: 9px 0px 0px 18px; margin: 0px 0px 30px 0px; color: #1c1c1a; font-size: 18px; background: #f3f3f3 url(../images/sidebar-title-arrow.jpg) no-repeat left top; min-height: 32px; } /* recent tweets section */ .twtr-widget { float: left; width: 240px; margin: -28px 0px 0 0px; padding: 5px 0px 5px 20px; background-color: #f9f9f9; overflow: hidden; border-right: 20px solid #f9f9f9; } .twtr-hd { display: none; /*** cross browser rgba ***/ background-color: transparent; background-color: rgba(255,255,255,0.3); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#30ffffff,endColorstr=#30ffffff); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#30ffffff,endColorstr=#30ffffff)"; } .twtr-bd {} .twtr-widget .twtr-bd .twtr-tweet { margin: 0px 0 0 -13px; padding: 10px 0 15px 5px; border-bottom: 1px solid #eee; } .twtr-tweet:before { display: block; float: left; margin: -5px 0 0 0px; font-size: 50px; /* let's make it a big quote! */ content: ""; color: #bababa; } .twtr-ft { display: none; } /* scroll up */ .scrollup{ width:40px; height:40px; opacity:1; position:fixed; bottom:30px; right:20px; display:none; text-indent:-9999px; z-index:999; background: url(../images/scroll-top-arrow.png) no-repeat left top; } /* #Clearing ================================================== */ /* Use clearfix class on parent to clear nested columns, or wrap each row of columns in a
*/ .clearfix:before, .clearfix:after, .row:before, .row:after { content: '\0020'; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } .row:after, .clearfix:after { clear: both; } .row, .clearfix { zoom: 1; } /* You can also use a
to clear columns */ .clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } /* #New Classes ================================================== */ .two_one .leftbox img{ width:auto; } .maintext{font-family:'Didact Gothic', sans-serif; font-weight:bold;} .vission_banner{font-size:24px; color:#9aff98;font-family:'Didact Gothic', sans-serif; font-weight:700; } .bannervision { text-transform:lowercase; font-family:'Didact Gothic', sans-serif; font-weight:500; font-size:21px; } #access .menu{ float:left; } .two_one.topleft{width: 10.5%;} .two_third.topright{width: 85%;} /*#access .menu ul li.toparrow{background:url(../images/toparrow.png) no-repeat top right; margin-right:18px;}*/ .topinfo {background:#e6eff5; list-style: none; font-weight: normal; position: absolute; top:65px; font-family: 'Oswald', sans-serif; font-weight: 400; width:100%; font-size:16px; padding:0px; min-height:80px; } /*.topinfo .buttonRightFixed{ position:absolute; right:0px; }*/ .topinfo .topinfoFixedWidth{ /*width:980px;*/ float:left; } .topinfo .one_fourth{ width:136px; height:100%; margin:0px; box-sizing:border-box; } .topinfo .two_one.large{ /*width:510px;*/ padding-left:25px; margin-right: 0px; } .topinfo .two_one.small{ width:auto;} /* language Css*/ .topinfo .two_one.language, .headbot .language{ width:auto;} .topinfo .two_one.language span, .headbot .language span{ float:none; font-weight: 500; color:#696969; } .topinfo .two_one .goog-te-gadget-icon, .headbot .goog-te-gadget-icon{background-image:none !important; display:none;} .topinfo .goog-te-gadget-simple, .headbot .goog-te-gadget-simple{ width:140px; margin-top:26px; background-color: #fff; padding: 4px 0px 4px 10px; border-top: 2px solid #e1e1e1; border-left: 2px solid #e1e1e1; border-right: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; height: 25px; text-transform: uppercase; font-family:'Oswald', sans-serif; } .goog-te-gadget-simple a.goog-te-menu-value span:first-child{width:94px; display: inline-block; /*float:left;*/ margin:1px 0 0 0; padding:0px;} .topinfo .topinfoFixedWidth .two_one.large {width: 40.5%;} /*.goog-te-menu2 { color: #0000cc; background: #ffffff; width: 140px; } .goog-te-menu2-item div, .goog-te-menu2-item:link div, .goog-te-menu2-item:visited div, .goog-te-menu2-item:active div{width:100px !important}*/ /*.goog-te-gadget-simple a.goog-te-menu-value span:first-child{width:100px; display: block; float:left;}*/ /* language Css Close*/ .topinfo .two_one span{ margin-top:9px; float:left; margin-right:5%; font-family: 'Oswald', sans-serif; font-weight: 300;} .topinfo .two_one .leftbox{ border-right:1px #fff solid; height:100%; margin:0px; } .topinfo .two_one span.telephone{ margin-top:16px; } .topinfo .two_one span.buttonFromTop{ margin-top:26px; } .topinfo .two_one .iconTopInfo{ float:left; margin-right:7px; margin-top:5px; } .topinfo .button, .button.download{ text-shadow:0 0px 0px rgba(0, 0, 0, 0.6) !important; background-color:#009639; color: #fff; font-size:13px; padding:0px 10px; letter-spacing:0px; line-height: 36px !important; border-radius:5px; border:none; margin-left:0px; height:36px; } .site_features_main a{color:#222222;} #access .menu > ul > li:first-child a{ padding-left:0; } .site_features_main li a img{ max-width:100%;} .responsivMenuButton{ display:none; } span.cap{text-transform:capitalize;} .about_section { padding: 0px 0 50px; margin: 70px 0; background: #e6eff5; display:block; float:left; width:100%; } .vision {font-family: "Open Sans",sans-serif; font-weight: bold; } .bottommar{margin-bottom:30px;} a.site_button.gary {background-color: #eeeeee; border-bottom: 2px solid #e0e0e0;} .rightmar{margin-right:20px;} .rightmarlast{margin-right:54px;} .footerscroll { padding:30px 0 ; margin:0; background:#e6eff5; display:block; float:left; width:100%; border-top:2px solid #cedce5; } .footericon { padding:20px 0 ; margin:0; display:block; float:left; width:100%; } .social_icon { display: block; float:left; margin-right:4px; width: 33px; height: 33px; background-repeat: no-repeat; transition: background-position .3s ease; -moz-transition: background-position .3s ease; -webkit-transition: background-position .3s ease; -o-transition: background-position .3s ease; } a.social_icon:hover { transition: background-position .3s ease; -moz-transition: background-position .3s ease; -webkit-transition: background-position .3s ease; -o-transition: background-position .3s ease; background-position: 0 -33px; text-decoration: none;} .social_icon.linkedin { background-image: url('../images/social/linkedin.png'); } .social_icon.whatsapp { background-image: url('../images/social/whatsapp.png'); } .social_icon.facebook { background-image: url('../images/social/facebook.png'); } .social_icon.youtube { background-image: url('../images/social/youtube.png'); } .one_fourth.footerleft { width: 36%; } .one_fourth.footerright { width: 17%; } .footertitle {font-size:19px; text-transform:uppercase;} .copyright {font-size:13px; text-transform:uppercase; color:#444444; text-align:center; display:block;} /*Slider Arrow*/ .jcarousel-skin-tango.bigArrowSlider .jcarousel-prev-horizontal{ left:-15px; bottom:40%; background:url(../images/social/leftarrow.png) no-repeat left top; width:15px; height:39px; } .jcarousel-skin-tango.bigArrowSlider .jcarousel-prev-horizontal:hover{ left:-15px; bottom:40%; background:url(../images/social/leftarrow.png) no-repeat left top; width:15px; height:39px;} .jcarousel-skin-tango.bigArrowSlider .jcarousel-next-horizontal{ left:inherit; bottom:40%; right:-15px; background:url(../images/social/rightarrow.png) no-repeat left top; width:15px; height:39px; } .jcarousel-skin-tango.bigArrowSlider .jcarousel-next-horizontal:hover{ left:inherit; bottom:40%; right:-15px; background:url(../images/social/rightarrow.png) no-repeat left top; width:15px; height:39px; } /*Slider Arrow Footer*/ .jcarousel-skin-tango.bigArrowSlider.smallArrowSlider .jcarousel-prev-horizontal{ background:url(../images/social/leftarrowclient.png) no-repeat left top; width:11px; height:21px; } .jcarousel-skin-tango.bigArrowSlider.smallArrowSlider .jcarousel-prev-horizontal:hover{ background:url(../images/social/leftarrowclient.png) no-repeat left top; width:11px; height:21px;} .jcarousel-skin-tango.bigArrowSlider.smallArrowSlider .jcarousel-next-horizontal{ background:url(../images/social/rightarrowclient.png) no-repeat left top; width:11px; height:21px; } .jcarousel-skin-tango.bigArrowSlider.smallArrowSlider .jcarousel-next-horizontal:hover{ background:url(../images/social/rightarrowclient.png) no-repeat left top; width:11px; height:21px; } .jcarousel-skin-tango.smallArrowSlider .jcarousel-container-horizontal { min-height:91px; height:91px; } .jcarousel-skin-tango.smallArrowSlider .jcarousel-clip-horizontal{ min-height:91px; height:91px; } .jcarousel-skin-tango.smallArrowSlider .jcarousel-item-horizontal{ width:auto; min-width:100px !important; margin-left:20px; margin-right:20px; background:none !important; border:0px !important; } .marquee0 img{ margin:0 20px; } .footerscroll h1.fixedTop{ width:150px; margin:-32px auto 30px; line-height:inherit; padding:0px; text-align:center; background:#0079d0; font-size:14px; color:#fff; } /*Inner page*/ ul.leftInner li a{background: url(../images/arrowLeIn.png) no-repeat 16px 15px !important; padding: 7px 0px 7px 30px; font-weight:normal; border-color:#f6f6f6; } ul.leftInner li:hover > a,ul.leftInner li.active > a{background: #009639 url(../images/arrowLeIn_white.png) no-repeat 16px 15px !important; padding: 7px 0px 7px 30px; font-weight:normal; color:#fff; } ul.leftInnerSub li a{background: url(../images/arrowLeInSub.png) no-repeat 30px 15px !important; padding: 7px 0px 7px 46px; font-weight:normal } ul.leftInnerSub li a:hover,ul.leftInnerSub li a.active{background: #009639 url(../images/arrowLeInSub_white.png) no-repeat 30px 15px !important; padding: 7px 0px 7px 46px; font-weight:normal } #content .content_left.right p{ padding:10px 0;} ul.arrows-list-two.listfull{width:100%; padding-bottom: 5px;} .topSpace{ position:relative; top:20px; } .light{ color:#7f7f7f; font-style:italic; padding-left: 7px; } .contactPerson {padding: 0px; margin: 20px 22px 5px 0px; float: left; width:auto; } .contactPerson:last-child {padding: 0px; margin: 20px 0px 0px 0px; float: left; width:auto; } .contactPerson ul.personInfo {padding:0px ; margin:0px 20px 0px 0px; } .contactPerson .personInfo li{ padding: 0px 0px 0px 22px; margin: 0px; line-height: 20px; list-style-type: none;font-style: normal; } .contactPerson .personInfo li.icon1 { margin:5px 0px 5px 0; list-style-type: none; background: url(../images/social/mobile.png) no-repeat left 5px; } .contactPerson .personInfo li.icon2 { margin: 0px; list-style-type: none; background: url(../images/social/email.png) no-repeat left 5px; } .number-info {float: left; background-color: #f9f9f9; border: 1px solid #e1e1e1; padding:20px 20px; width:auto; } .submitButton{margin-top:10px; background:#009639 !important; line-height:20px !important; height:auto !important; letter-spacing:inherit !important; } .submitButton:hover{background:#0079d0 !important; } .location{ float:left; margin:-5px 10px 0 0; } .flag{ margin:0px 0px 0 10px; float:inherit; clear:both; } .dealer-info {float: left; background-color: #f9f9f9; border: 1px solid #e1e1e1; padding:20px 20px; max-width:285px; margin-top:0px; } ul.sitemap1, ul.sitemap2, ul.sitemap3, ul.sitemap4 { list-style-type:none; margin:0px 0px 20px 0px; padding: 0px; } ul.sitemap1 li,ul.sitemap2 li,ul.sitemap3 li,ul.sitemap4 li{ padding-left: 18px; margin: 3px 0; } ul.sitemap1 li { background:url(../images/arrow-02.png) no-repeat left 7px; font-weight:bold; padding-left:14px; } ul.sitemap2 li { background:url(../images/arrow-05.jpg) no-repeat 5px 7px; font-weight:normal; padding-left: 18px; } ul.sitemap3 li { background:url(../images/arrowLeIn.png) no-repeat left 7px; font-weight:normal; padding-left: 18px; } ul.sitemap4 li { background:url(../images/arrowLeInSub.png) no-repeat left 7px; font-weight:normal; padding-left: 18px; } .contactPersonSitemap{margin:0px 0px 5px 0} .contactPersonSitemap:last-child{margin:0px 0px 5px 0} /*Light Box Self*/ .fullBgHide{ position:fixed; height:100%; width:100%; background:rgba(0,0,0,0.5); left:0; top:0px; z-index:99999; display:none; } .downLoadPopUp{ width:100%; max-width:500px; background:#fff; padding:10px; margin:auto; border:5px #006625 solid; z-index:999999; position:relative; display:none; max-height:400px; position:absolute; top:0; bottom:0; left:0; right:0;} .downLoadPopUp .closePopUp{ background: #fff; border: 2px solid #333; border-radius: 50%; float: right; height: 18px; line-height: normal; margin: -25px -25px 0 0; padding: 5px; text-align: center; width: 18px; font-weight:bold; } .mainbox{width:90%; padding:5%;} .checkBoxSec{ width:50%;} .checkBoxSec input[type=checkbox]{ width: 28px; margin:5px 0px 0 0; padding:0; } .input90{width:95%} .downloadBtn{text-shadow: 0 0px 0px rgba(0, 0, 0, 0.6) !important; background:#009639 !important; font-size: 12px !important; padding: 0px 10px !important; letter-spacing: 0px !important; line-height: 30px !important; border-radius: 5px; border: none; margin-top:20px !important;} .ddsmoothmenu{ font: bold 12px Verdana; background: #414141; /*background of menu bar (default state)*/ width: 100%; display: none; } .ddsmoothmenu ul{ z-index:100; margin: 0; padding: 0; list-style-type: none; } /*Top level list items*/ .ddsmoothmenu ul li{ position: relative; display: inline; float: left; } /*Top level menu link items style*/ .ddsmoothmenu ul li a{ display: block; background: #414141; /*background of menu items (default state)*/ color: white; padding: 8px 10px; border-right: 1px solid #778; color: #2d2b2b; text-decoration: none; } * html .ddsmoothmenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/ display: inline-block; } .ddsmoothmenu ul li a:link, .ddsmoothmenu ul li a:visited{ color: white; } .ddsmoothmenu ul li a.selected { /*CSS class that's dynamically added to the currently active menu items' LI A element*/ background: black !important; color: white; } .ddsmoothmenu ul li a:hover{ background: black; /*background of menu items during onmouseover (hover state)*/ color: white; } /* sub menus */ .ddsmoothmenu ul li ul{ position: absolute; left: -3000px; display: none; /*collapse all sub menus to begin with*/ visibility: hidden; } /*Sub level menu list items (alters style from Top level List Items)*/ .ddsmoothmenu ul li ul li{ display: list-item; float: none; } /*All subsequent sub menu levels vertical offset after 1st level sub menu */ .ddsmoothmenu ul li ul li ul{ top: 0; } /* Sub level menu links style */ .ddsmoothmenu ul li ul li a{ font: normal 13px Verdana; width: 160px; /*width of sub menus*/ padding: 5px; margin: 0; border-top-width: 0; border-bottom: 1px solid gray; } /* Holly Hack for IE \*/ * html .ddsmoothmenu{height: 1%;} /*Holly Hack for IE7 and below*/ /* ######### CSS classes applied to down and right arrow images ######### */ .downarrowclass{ position: absolute; top: 2px; right: 7px; } .rightarrowclass{ position: absolute; top: 20px; right: 5px; } .leftarrowclass{ margin-right: 5px; } /* ######### CSS for shadow added to sub menus ######### */ .ddshadow{ position: absolute; left: 0; top: 0; width: 0; height: 0; background-color: #ccc; /* generally should be just a little lighter than the box-shadow color for CSS3 capable browsers */ } .toplevelshadow{ margin: 5px 0 0 5px; /* in NON CSS3 capable browsers gives the offset of the shadow */ opacity: 0.8; /* shadow opacity mostly for NON CSS3 capable browsers. Doesn't work in IE */ } .ddcss3support .ddshadow.toplevelshadow { margin: 0; /* in CSS3 capable browsers overrides offset from NON CSS3 capable browsers, allowing the box-shadow values in the next selector to govern that */ /* opacity: 1; */ /* optionally uncomment this to remove partial opacity for browsers supporting a box-shadow property which has its own slight gradient opacity */ } .ddcss3support .ddshadow { background-color: transparent; box-shadow: 5px 5px 5px #aaa; /* box-shadow color generally should be a little darker than that for the NON CSS3 capable browsers background-color */ -moz-box-shadow: 5px 5px 5px #aaa; -webkit-box-shadow: 5px 5px 5px #aaa; } /* ######### Mobile menu container CSS ######### */ div.ddsmoothmobile{ /* main mobile menu container */ background: #414141; color: white; position: fixed; top: 0; left: 0; width: 200px; /* width of mobile menu */ height: 300px; overflow: hidden; visibility: hidden; border-radius: 0 0 10px 0; box-shadow: 0 0 10px gray; } div.ddsmoothmobile a{ color: white; text-decoration: none; } div.ddsmoothmobile div.topulsdiv{ /* Single DIV that surrounds all top level ULs before being flattened, or the ULs on the "frontpage" of the menu */ position: relative; background: #414141; overflow-y: auto; width: 100%; height: 100%; } div.ddsmoothmobile ul{ /* style for all ULs in general inside mobile menu */ list-style: none; width: 100%; top: 0; left: 0; background: #414141; margin: 0; padding: 0; } div.ddsmoothmobile div.topulsdiv ul.submenu{ /* top level ULs style */ } div.ddsmoothmobile ul.submenu{ /* sub level ULs style */ position: absolute; height: 100%; overflow-y: auto; } div.ddsmoothmobile ul li{ border-bottom: 1px solid gray; position: relative; font-weight: bold; } div.ddsmoothmobile ul li.breadcrumb{ /* breadcrumb LI that's added to the top of every sub level UL */ cursor: pointer; padding: 10px; background: black; } div.ddsmoothmobile ul li a{ display: block; padding: 6px; } div.ddsmoothmobile ul li:hover > a, div.ddsmoothmobile ul li.active > a{ background: black; } /* ############# Animated Drawer icon (mobile menu toggler) CSS ############# */ .menuButton{ background: #0079d0; padding:5px; float:right; margin:10px 10px 0 0; height:20px; width:20px; position:relative; display:none; } .animateddrawer{ font-size: 10px; /* Base font size. Adjust this value to modify size of drawer icon */ width: 20px; height: 16px; outline: none; position: absolute; /* BY default, make toggler fixed on screen */ display: none; top: 7px; /* Position at upper right corner */ right: 5px; /*background: #0079d0;*/ z-index: 1000; } .animateddrawer:before, .animateddrawer:after{ position: absolute; content: ''; display: block; width: 100%; height: 2px; /* height of top and bottom drawer line */ background: #fff; border-radius: 2px; top: 0; left: 0; opacity: 1; -webkit-transition: all 0.3s ease-in; /* set transition type and time */ transition: all 0.3s ease-in; } .animateddrawer:after{ top: auto; bottom: 0; } .animateddrawer span{ width: 100%; height: 2px; /* height of middle drawer line */ background: #fff; position: absolute; top: 60%; margin-top: -3px; /* set this to - half of middle drawer line height */ border-radius: 2px; -ms-transform-origin: 50% 50%; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transition: all 0.3s ease-in 0.3s; /* set transition type and time */ transition: all 0.3s ease-in 0.3s; } .animateddrawer span::after{ content: ''; display: block; width: 100%; height:2px; /* height of middle drawer line */ background: #fff; border-radius: 2px; position: absolute; -ms-transform-origin: 50% 50%; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transition: all 0.3s ease-in 0.3s; /* set transition type and time */ transition: all 0.3s ease-in 0.3s; } .animateddrawer.open{ } .animateddrawer.open:before{ /* style when .open class is added to button */ top: 50%; margin-top: -0.3em; /* set this to - half of top drawer line height */ opacity: 0; } .animateddrawer.open:after{ /* style when .open class is added to button */ bottom: 50%; opacity: 0; } .animateddrawer.open span{ /* style when .open class is added to button */ -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .animateddrawer.open span:after{ /* style when .open class is added to button */ -ms-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); transform: rotate(-90deg); } /*newwcss*/ .freash_works_gallery .jcarousel-prev, .freash_works_gallery .jcarousel-next{ display:none !important;} .img-right{ margin:0 0 20px 20px; max-width:100%;} .col-left {float: left;width: 48%;} .doorimgbox { border-radius: 10px; display: inline-block; margin: 0 10px; width: 30%; } .doorimgbox > img { max-width: 100%; border:1px solid #ddd; border-radius:10px; } .greentitle{ color:#009639;} .doorsmall_photos{} .doorsmall_photos ul{ margin:0; padding:0;} .doorsmall_photos ul li{ margin:0 5px 10px; padding:0; display:inline-block; width:23%;} .doorsmall_photos ul li img{ max-width:100%; border:1px solid #ddd; border-radius:10px;} .jcarousel-skin-tango .jcarousel-clip{ overflow:visible !important;} .tp-caption.button1-s a:hover{ color:#fff;} .hdbrand {margin: 0;border-right: 1px solid #fff;} .hdbrand > li {display: inline-block;margin: 0 15px;vertical-align: top;} .imgleft{margin:0 20px 10px 0;} .imgright{ margin:0 0 10px 20px;} .button.submitButton{ border:none;} .job_career{ text-align:left; margin:10px 0px 30px 0; background:#ebebeb; padding:40px; border:1px solid #ddd; border-radius:2px;} .job_career h2{ color:#0079d0; margin:0 0 20px;} .job_career h4{ line-height:normal; margin:0 0 0px; font-size:14px;} .upresume{ background: #0079d0 none repeat scroll 0 0 !important; height: auto !important; letter-spacing: inherit !important; line-height: 20px !important; margin-top: 10px; border:none; vertical-align:top;} .aplyjob .span-6{ width:48%; display:inline-block; margin-right:10px;} .aplyjob .span-2{ display:inline-block; vertical-align:top;} .aplyjob .span-2 .srchjob{ background:none; border:none; outline:none; padding:6px 10px; background:#0079d0; line-height:normal;} .aplyjob .span-6 .input_bg{ width:98%; background:#fff; height:32px;} .aplyjob textarea.input_bg{ min-height:100px; width:97% !important; margin:0 0 10px; background:#fff;} /*.upresumefile input[type="file"]{ position:absolute; top:0; right:0; min-width:100%; min-height:100%; font-size:999px; text-align:right; filter:alpha(opacity=0); opacity:0; cursor:inherit; display:block; cursor:pointer;}*/ .upresumefile{ position:relative; overflow:hidden;} /*.upresumefile span{ color:#333333; font-size:14px; cursor:pointer; background:url(../images/resume-document.png) left 2px no-repeat; padding-left:22px;} .upresumefile span:hover, .upresumefile input[type="file"]:hover{ color:#004fa6; font-weight:bold;} */ body .bannercontainer{ background-size:cover; box-shadow: inset 0 0 0 2000px rgb(18 16 29 / 53%);} .bannercontainer .tp-caption.button1-s a{ background:transparent url("../images/slider/arrow-1_white.png") no-repeat scroll right 15px; border-color:#fff; } .bannercontainer .tp-caption.button1-s a:hover{ background:#ffffff url("../images/slider/arrow-1_white_hvr.png") no-repeat scroll right 15px; color:#222222;)} .job_career .submitButton{ background:#009639 !important;} .job_career .submitButton:hover{ background:#0079d0 !important;} .job_career h2.underline{ border-color:#0079d0;} .attachfile{ position:relative;} .attachfile input[type="file"]{ position:absolute;z-index:2;top:0;left:0;filter: alpha(opacity=0);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";opacity:0;background-color:transparent;color:transparent; cursor:pointer;} .attachfile .attchfilelink { background:url(../images/resume-document.png) left 2px no-repeat; padding-left:22px; border-radius: 4px; color: #333; display: inline-block; padding:0px 25px; font-size:14px; cursor:pointer; } .sidebars-navigation-list > li.active {border:1px solid #27af5b;} .sidebars-navigation-list li.active > a{ background:#f3f3f3 url("../images/arrow-05.jpg") no-repeat scroll 16px 15px; color:#222222; } .sidebars-navigation-list li.active ul li.active a { background: #27af5b url("../images/arrowLeIn_white.png") no-repeat scroll 16px 15px !important; color: #fff; } .certificate {float: right; width: 176px; height: auto; padding:10px; background: #e6eff5; text-align: center; margin:0 0 20px 20px; } .button .dclink { color:#585656; border: none !important; font-family: 'Oswald', sans-serif; font-weight: normal; text-transform: uppercase; } .textlinehight{line-height:20px;} .homeaboutsec{margin-top:0px !important;} .rsBanner {background: #1c3681; padding: 20px; margin-top: 30px; margin-bottom:30px; display: block; float:left;} .rsBanner img{max-width:100%; } .rsBanner span {display: inline-block; width: 32%; vertical-align: top; margin-left: 30px; color: #dbdbd9; font-family: 'Open Sans', sans-serif; font-weight: 600; font-size: 14px; } .rsBanner p{display:block; color: #FF0; font-family: 'Open Sans', sans-serif; font-weight: 600; font-size: 14px; } a.site_button.rsBtn {margin-top: 10px; background-color: #ed1c22; border-bottom: 2px solid #540103; color: #fff; font-size: 16px;} a.site_button.rsBtn:hover {margin-top: 10px; background-color: #b71519; border-bottom: 2px solid #152456; color: #fff;} /*padycss*/ .mobileview{ display:none !important;} .desktopview{ display:block !important;} .img-responsive{ max-width:100%;} nav#access{ display:none;} /*Css_js_responsive_menu*/ #cssmenu .button {display: none;} nav#cssmenu{position:relative;margin:20px auto 0;} #cssmenu,#cssmenu ul,#cssmenu ul li,#cssmenu ul li a,#cssmenu #head-mobile{border:0;list-style:none;line-height:1;display:block;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} #cssmenu:after,#cssmenu > ul:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0} #cssmenu #head-mobile{display:none} #cssmenu{font-family:'Oswald', sans-serif;} #cssmenu > ul > li{float:left} #cssmenu > ul > li > a{display: inline-block; text-decoration: none; font-size: 16px; line-height: 1; color: #222222; margin: 0; text-transform: uppercase; padding:10px 13px 10px 13px; text-align: left;} #cssmenu > ul {margin: 0;} #cssmenu > ul > li:hover > a,#cssmenu ul li.active a{color: #fff; /*background:#0079d0;*/ background:#333333;} #cssmenu > ul > li:hover,#cssmenu ul li.active:hover,#cssmenu ul li.active,#cssmenu ul li.has-sub.active:hover{-webkit-transition:background .3s ease;-ms-transition:background .3s ease;transition:background .3s ease;} #cssmenu > ul > li.has-sub > a{padding-right:30px} #cssmenu > ul > li.has-sub > a:after{position:absolute;top:22px;right:11px;width:8px;height:2px;display:block;background:#ddd;content:''; display:none;} #cssmenu > ul > li.has-sub > a:before{position:absolute;top:12px;right:14px;display:block;width:12px;height:16px;content:'';-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease; background: url(../images/toparrow.png) no-repeat; background-size:10px;} #cssmenu > ul > li.has-sub:hover > a:before{position:absolute;top:12px !important;right:14px;display:block;width:12px;height:16px !important;content:'';-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease; background: url(../images/toparrow_hover.html) no-repeat; background-size:10px;} #cssmenu > ul > li.has-sub > a:after, #cssmenu > ul > li.has-sub > a:before{} #cssmenu > ul > li.has-sub:hover > a:before{top:23px;height:0} #cssmenu ul ul{position:absolute;left:-9999px; z-index:9;} #cssmenu ul ul li{height:0;-webkit-transition:all .25s ease;-ms-transition:all .25s ease;background:#333333;transition:all .25s ease} #cssmenu ul ul li:hover{} #cssmenu li:hover > ul{left:auto} #cssmenu li:hover > ul > li{height:auto} #cssmenu ul ul ul{margin-left:100%;top:0} #cssmenu ul ul li a{border-bottom:1px solid rgba(150,150,150,0.15);padding:8px 15px; line-height:normal; width:200px;font-size:14px;text-decoration:none;color:#fff;font-weight:400;} #cssmenu ul ul li:last-child > a,#cssmenu ul ul li.last-item > a{border-bottom:0} #cssmenu ul ul li:hover > a,#cssmenu ul ul li a:hover{color:#fff} #cssmenu ul ul li.has-sub > a:after{position:absolute;top:16px;right:11px;width:8px;height:2px;display:block;background:#ddd;content:''} #cssmenu ul ul li.has-sub > a:before{position:absolute;top:13px;right:14px;display:block;width:2px;height:8px;background:#ddd;content:'';-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease} #cssmenu ul ul > li.has-sub:hover > a:before{top:17px;height:0} #cssmenu ul ul li.has-sub:hover,#cssmenu ul li.has-sub ul li.has-sub ul li:hover{background:#009837;} #cssmenu ul ul ul li.active a{border-left:1px solid #333} #cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > li.active> a{border-top:1px solid #333} @media screen and (max-width:1024px){ nav#cssmenu{width:100%;} #cssmenu{width:100%} #cssmenu ul{width:100%;display:none} #cssmenu ul li{width:100%;border-top:1px solid #ddd} #cssmenu ul li:hover{background:#363636;} #cssmenu ul ul li,#cssmenu li:hover > ul > li{height:auto} #cssmenu ul li a,#cssmenu ul ul li a{width:100%;border-bottom:0} #cssmenu > ul > li{float:none} #cssmenu ul ul li a{padding-left:25px} #cssmenu ul ul li{background:#ececec!important;} #cssmenu ul ul li:hover{background:#ccc!important} /*#cssmenu ul ul li:hover a{ color:#333 !important;}*/ #cssmenu ul ul ul li a{padding-left:35px} #cssmenu ul ul li a{color:#333;background:none} #cssmenu ul ul li:hover > a,#cssmenu ul ul li.active > a{color:#fff} #cssmenu ul ul,#cssmenu ul ul ul{position:relative;left:0;width:100%;margin:0;text-align:left} #cssmenu > ul > li.has-sub > a:after,#cssmenu > ul > li.has-sub > a:before,#cssmenu ul ul > li.has-sub > a:after,#cssmenu ul ul > li.has-sub > a:before{display:none} #cssmenu #head-mobile{display:block;padding:23px;color:#ddd;font-size:12px;font-weight:700} #cssmenu .button{width:25px;height:25px;position:absolute;right:10px;top:0;cursor:pointer;z-index: 12399994; display:block;} #cssmenu .button:after{position:absolute;top:18px;right:14px;display:block;height:4px;width:20px;border-top:2px solid #dddddd;border-bottom:2px solid #dddddd;content:''} #cssmenu .button:before{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;position:absolute;top:12px;right:14px;display:block;height:2px;width:20px;background:#ddd;content:''} #cssmenu .button.menu-opened:after{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;top:18px;border:0;height:2px;width:19px;background:#ddd;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)} #cssmenu .button.menu-opened:before{top:18px;background:#ddd;width:19px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)} #cssmenu .submenu-button{position:absolute;z-index:99;right:0;top:0;display:block;border-left:1px solid #999;height:36px;width:46px;cursor:pointer} #cssmenu .submenu-button.submenu-opened{background:#262626} #cssmenu ul ul .submenu-button{height:37px;width:41px} #cssmenu .submenu-button:after{position:absolute;top:22px;right:19px;width:8px;height:2px;display:block;background:#999;content:''} #cssmenu ul ul .submenu-button:after{top:15px;right:13px} #cssmenu .submenu-button.submenu-opened:after{background:#fff} #cssmenu .submenu-button:before{position:absolute;top:19px;right:22px;display:block;width:2px;height:8px;background:#999;content:''} #cssmenu ul ul .submenu-button:before{top:12px;right:16px} #cssmenu .submenu-button.submenu-opened:before{display:none} #cssmenu ul ul ul li.active a{border-left:none} #cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > li.active > a{border-top:none} }