/************************Heading Part**********************/ .common_main_heading { font-family: 'Oswald',sans-serif; color: #333333; font-size: 36px; font-weight: 100; line-height: normal; margin: 15px 0; text-align: center; text-transform: uppercase; span{ color: #07AD87; } } .video_heading{ background: none repeat scroll 0 0 rgba(53, 49, 49, 0.71); padding: 1% 5%; display: block; margin: 0 auto; width: 50% !important; color: #fff; } .common_subtitle { font-family: 'PT Sans',sans-serif; font-weight: 200; text-align: center; } /**************************We work section*********************/ .icon-hover-we-work-section{ h2{ font-family: 'Open Sans',sans-serif; font-weight: 200; font-size: 22px; color: #242424; line-height: 40px; margin-bottom: 10px; margin-top: 10px; padding-top: 16%; } p{ color: #6A6A6A; font-family: 'PT Sans',sans-serif; font-weight: 200; font-size: 14px; line-height: 20px; } .icon-bg-we-work-sec{ display: inline-block; height: 165px; margin: 0; text-align: center; width: 190px; transition: all 700ms; i{ border: 3px solid #AAAAAA; border-radius: 100%; color: #AAAAAA; font-size: 65px; padding-top: 35px; margin-top:13px; transition: all 700ms; height: 140px; width: 140px; } } height: 340px; margin-bottom: 5px; padding: 0 15px; position: relative; text-align: center; transition: all 700ms ease 0s; border-bottom: 3px solid rgba(0, 0, 0, 0); &:after{ border-color: rgba(0, 0, 0, 0); border-style: solid; border-width: 7px; bottom: 0; content: ""; position: absolute; transition: all 700ms; left: 50%; } &:hover{ border-bottom: 3px solid #07AD87; transition: all 700ms; .icon-bg-we-work-sec{ background: #07AD87; transition: all 700ms; i{ border: 3px solid #fff; color: #fff; transition: all 700ms; } } &:after{ border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #07AD87; } } } /**************************Call To Action**********************/ .rms_my_button{ border: 1px solid #FFFFFF; color: #FFFFFF; float: left; margin: 0; padding: 8px 25px; text-transform: uppercase; &:hover{ color: #fff; } } /**************************What Can We Do*********************/ .rms_accordian{ margin: 0 auto 0px; overflow: hidden; .level-0{ list-style: none outside none; margin: 0; padding: 0; width: 2222em; li{ float: left; margin-right: 20px; transition: width 0.3s ease 0.2s; width: 265px; &:nth-child(1){ .rms_acc_content{ a.icon-top-what-we-can-sec{ background: url("../images/presets/preset1/whatwecanicon1.png") no-repeat scroll 50% center rgba(0, 0, 0, 0); z-index: 2; } } } &:nth-child(2){ .rms_acc_content{ a.icon-top-what-we-can-sec{ background: url("../images/presets/preset1/whatwecanicon2.png") no-repeat scroll 50% center rgba(0, 0, 0, 0); z-index: 2; } } } &:nth-child(3){ .rms_acc_content{ a.icon-top-what-we-can-sec{ background: url("../images/presets/preset1/whatwecanicon3.png") no-repeat scroll 50% center rgba(0, 0, 0, 0); z-index: 2; } } } .rms_acc_content{ width: 580px; .service-box-shadow { display: block; height: auto; max-width: 100%; position: relative; top: -18px; } .rms_img.rms_border{ display: inline-block; float: left; margin-right: 20px; max-width: 260px; opacity: 1; padding: 2px; transition: all 0.2s ease-out 0s; .rms_acc_img{ max-width: 100%; position: relative; z-index: 1; } } .icon-top-what-we-can-sec{ display: block; height: 85px; left: 16%; position: relative; text-indent: -9999em; top: 25px; transition: all 700ms ease 0s; width: 85px; z-index: 1; } .item-body { line-height: 22px; padding: 0; text-align: center; width: 45%; float:left; margin-top: 12px; h2{ padding: 0 0 20px; margin: 0; } p{ padding: 0 0 15px; line-height: 20px; } .service_button_new{ border-color: #07AD87; background-color: #07AD87; border-radius: 0; color: #FFFFFF !important; line-height: 30px; padding: 7px 8px; top: -4px; transition: all 700ms ease 0s; &:hover{ background: #037359; transition: all 700ms ease 0s; color: #ffffff !important; .we-work-btn-icon { background: #07AD87; transition: all 700ms ease 0s; } } .we-work-btn-icon { float: none; left: -9px; margin: 0; padding: 7px 10px; position: relative; background: none repeat scroll 0 0 #037359; transition: all 700ms ease 0s; i{ color: #fff; } } } } } &:hover{ width: 580px; transition: all 700ms ease 0s; .rms_acc_content{ a.icon-top-what-we-can-sec{ -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); -webkit-transition: all 900ms ease-out; -moz-transition: all 900ms ease-out; -o-transition: all 900ms ease-out; transition: all 900ms ease-out; } } } } li.last{ width: 580px; } } } /*************************Accordion Section***********************/ .rms-sc-accordion{ margin-top: 47px; position: relative; } .rms-title.ui-accordion-header{ background: none repeat scroll 0 0 rgba(0, 0, 0, 0); border-top: 1px solid #07AD87; box-shadow: none; margin-bottom: 10px; border-radius: 0; cursor: pointer; a{ color: #ffffff !important; font-size: 22px; font-family: 'PT Sans',sans-serif; font-weight: 100; display: block; line-height: 50px; } } .ui-accordion-header-icon.ui-icon.ui-icon-triangle-1-s{ background: url("../images/minus.png") no-repeat scroll 50% 50% #07AD87; display: block; float: left; height: 45px; margin-right: 40px; width: 50px; } .ui-accordion-header-icon.ui-icon.ui-icon-triangle-1-e{ background: url("../images/plus.png") no-repeat scroll 50% 50% #07AD87; display: block; float: left; height: 45px; margin-right: 40px; width: 50px; } .ui-accordion-content.ui-accordion-content-active{ font-family: 'PT Sans',sans-serif; font-weight: 200; font-size: 15px; border-top: 0 none; color: #FFFFFF; line-height: 22px; padding-bottom: 0; padding-left: 70px; margin-bottom: 15px; padding-right: 30px; text-align: justify; } /*************************Blog Page******************/ .blog-section-part{ padding: 5% 0; } .search-field{ margin: 10% 0% 10%; } .thumbnail.bolg-news-layout{ background: #F8F8F8; padding-bottom: 15px; } .blog-page-main-img-bottom-layout { border-bottom: 1px solid #F0F0F0; border-top: 1px solid #F0F0F0; padding: 5px 7px 8px 15px; .autohor{ float: left; a{ border-right: 1px solid #444444; display: inline-block; line-height: 12px; margin-right: 5px; padding-right: 5px; &:hover{ color: #07AD87; } } } .entery_tags{ float: left; .tag-links{ a{ margin-right: 5px; &:hover{ color: #07AD87; } &:last-child{ &:after{ content: ""; } } &:after{ content: ","; position: relative; } } } } .com_num{ float: left; a{ border-left: 1px solid #444444; display: inline-block; line-height: 12px; padding-left: 5px; &:hover{ color: #07AD87; } } } .permalinke{ float: right; a{ margin-top: 3px; &:hover{ color: #07AD87; } } } } .social{ border: 1px solid #07AD87; float: left; padding-left: 10px; padding-right: 10px; .mr_social_sharing{ float: left; padding-top: 5px; } } .rms_sidebar{ aside{ float: right; width: 100%; .search-form{ span{ color: #fff; font-family: PT Sans; } label{ width: 100%; input{ border: 1px solid #07AD87; background: #fff; font-weight: normal; } } } h3{ span{ margin-bottom: 10px; margin-top: 10px; font-size: 18px; color: #000; font-family: 'Oswald',sans-serif; font-weight: 500; line-height: 1.1; } } ul{ margin:0; padding:0; li{ border-top: 1px solid #fff; padding: 5px; background: #07AD87; border-radius: 3px; color: #fff; font-weight: normal; ul{ border-top: none; margin:0; padding:0; font-weight: normal; li{ padding-left: 0; margin-left: 5px; font-weight: normal; } } a{ color: #fff; padding-left: 5px; font-weight: normal; abbr{ color: #fff; font-weight: normal; } } } } select{ border: 1px solid #07AD87; padding: 5px; width: 100%; } &:last-child{ margin-bottom: 40px; } table{ border: 1px solid #07AD87; caption{ background: none repeat scroll 0 0 #07AD87; color: #FFFFFF; font-family: oswald; font-size: 18px; padding: 10px; text-align: center; } tfoot,tbody,thead{ tr{ th{ border: 1px solid #07AD87; background: #fff; } td{ border: 1px solid #07AD87; } } } } } } .thumbnail{ .caption{ h3{ text-transform: uppercase; &:hover{ color: #07AD87; } } } } /**************************Pagination**********************/ .pagination { .page-numbers{ background-color: #07AD87; color: #FFFFFF; padding: 5px 10px; border: 1px solid #DDDDDD; float: left; line-height: 1.42857; margin-left: -1px; position: relative; text-decoration: none; transition: all 700ms ease 0s; &:hover{ background-color: #000; transition: all 700ms ease 0s; } } .current{ background-color: #000; } } .caption{ img{ margin-top: 15px; margin-bottom: 15px; } ol,ul{ margin-left: 25px; li{ font-family: pt sans; font-weight: 200; list-style: square outside none; line-height: 25px; } } p{ font-family: pt sans; font-weight: 200; } } /***********************Design Feature******************/ .textwidget{ #design-feature { background: url("../images/bg.png") repeat scroll 0 0 #07AD87; } .design-feature-content { padding-top: 65px; h2{ color: #FFFFFF; font-weight: 100; margin-top: 0; text-transform: uppercase; text-align: center; span{ color: #4F4F4F; } } p{ color: #FFFFFF; text-align: center; } } .design-feature-image3 { left: 100px; top: 150px; z-index: 99; .clean-img { position: absolute; right: -85px; top: -35px; } } .design-feature-image1 { left: 110px; top: -135px; img{ margin-left: 30px; } } .design-feature-image2 { right: -12%; text-align: left; top: -130px; .design-text-2 { margin-left: 0; } } .margin-class{ margin-top: -50px; .design-feature-image4 { bottom: -90px; left: -30px; z-index: 99; img{ left: 105px; position: absolute; } } .design-feature-image5 { left: -60px; top: 80px; z-index: 99; img{ margin-bottom: 15px; margin-left: -35px; } } } .design-title { color: #222222; letter-spacing: -1px; text-align: left; margin-top:0; margin-bottom: 10px; } .design-text { color: #FFFFFF; line-height: 24px; text-align: left; } .design-main-image{ text-align: center; overflow: hidden; img{ width: 90%; } } } /***************************Page Title*******************/ .page-title{ font-family: 'Oswald',sans-serif; color: #07ad87; } /*******************Product Section*****************/ .for_shadow{ -moz-box-shadow: 0 0 3px rgba(0, 0, 0, .4); -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .4); box-shadow: 0 0 3px rgba(0, 0, 0, .4); background: #f5f4f4; margin-top: 20px; position: relative; min-height: 400px; max-height: 400px; } .prod_text{ margin-top: 15px; } .prod_text h1{ color: #07ad87; font-size: 16px; font-family: Myriad Pro; text-align:center; margin:0; padding-bottom: 15px; text-transform: uppercase; } .prod_text p{ color: #A2A2A2; font-family: PT Sans; font-size: 13px; line-height: 20px; margin: 0 auto; text-align: center; width: 90%; } .prod_img{ width:100%; float:left; position: relative; height: 240px; .sales_p{ background: none repeat scroll 0 0 #07AD87; color: #FFFFFF; font-family: Oswald; font-size: 16px; height: 40px; left: 0; padding: 8px 0; position: absolute; text-align: center; width: 60px; } .featured_p{ background: none repeat scroll 0 0 #07AD87; border-radius: 100%; color: #FFFFFF; font-family: Oswald; font-size: 16px; height: 70px; padding: 22px 0; position: absolute; right: -15px; text-align: center; top: -15px; width: 70px; z-index: 9999; } } .prod_img img{ text-align:center; width:100%; height: 100%; } .prod_rate_rating{ padding: 0 10px; margin-top: 25px; background: none repeat scroll 0 0 #FFFFFF; position: absolute; bottom: 0; width: 100%; .price{ padding: 10px 0; span.price{ span.amount{ color: #07AD87; font-family: 'Oswald',sans-serif; font-weight: normal; } del{ span{ color: #07AD87; font-family: 'Oswald',sans-serif; font-size: 16px; font-weight: normal; margin-right: 5px; } } ins{ span{ color: #07AD87; font-family: 'Oswald',sans-serif; font-size: 16px; font-weight: normal; margin-right: 5px; } } } } .star-rating{ height: 18px; margin-top: 3px; &:before{ color: #07AD87; } span{ color: #07AD87; top: -4px; } } } .price_new{ float:left; padding-top: 10px; } .price_new p{ font-family: 'Oswald',sans-serif; font-size: 16px; color: #07ad87; } .rating{ float:right; padding-top: 10px; } .rating i{ color: #07ad87; font-size: 16px; } .clear{ clear: both; } .woocommerce-ordering{ select{ border: 1px solid #07ad87; padding: 5px; height: 35px; } } .widget-title{ font-family: 'Oswald',sans-serif; color: #07ad87; span{ font-family: 'Oswald',sans-serif; color: #000; font-size: 18px; } } .widget_shopping_cart_content{ ul{ li{ a{ color: #000000; img.attachment-shop_thumbnail.wp-post-image{ float: left; height: 60px; margin-right: 15px; width: 65px; margin-bottom: 20px; } &:hover{ color: #07ad87; } } } } .buttons{ margin-top: 30px; text-align: center; a{ background: none repeat scroll 0 0 #07AD87; border: medium none; border-radius: 0; box-shadow: none; color: #FFFFFF; cursor: pointer; display: inline-block; font-family: inherit; font-size: 100%; font-weight: 700; left: auto; line-height: 1em; margin: 0; overflow: visible; padding: 10px; position: relative; text-decoration: none; text-shadow: none; white-space: nowrap; transition: all 700ms ease 0s; &:hover{ background: #000; transition: all 700ms ease 0s; } } } p.total{ margin-bottom: 15px; padding: 15px 0; strong{ font-family: oswald; font-size: 18px; font-weight: normal; } span{ font-family: oswald; font-size: 18px; float: right; font-weight: normal; } } } .product_list_widget{ li{ a{ color: #000; padding-bottom: 5px; img.attachment-shop_thumbnail.wp-post-image{ float: left; height: 60px; margin-right: 15px; width: 65px; margin-bottom: 20px; } &:hover{ color: #07ad87; } } .quantity{ color: #07AD87; font-family: 'Open Sans',sans-serif; font-weight: normal; } .star-rating{ height: 18px; &:before{ color: #07AD87; font-size: 12px; } span{ color: #07AD87; top: -4px; font-size: 12px; } } span.amount{ color: #07AD87; font-family: 'Open Sans',sans-serif; font-weight: normal; } del{ span{ color: #07AD87; font-family: 'Oswald',sans-serif; font-weight: normal; margin-right: 5px; } } ins{ span{ color: #07AD87; font-family: 'Oswald',sans-serif; font-weight: normal; margin-right: 5px; } } } } .woocommerce-pagination{ margin-top: 50px; ul{ li{ .page-numbers{ background: none repeat scroll 0 0 #07AD87; padding: 7px 10px !important; color: #FFFFFF; transition: all 700ms ease 0s; &:hover{ background: #000 !important; color: #fff !important; transition: all 700ms ease 0s; } } &:hover{ background: #000; } .current{ background: #000 !important; color: #fff !important; } } } } .widget_product_categories{ margin-bottom: 20px; ul{ li{ a{ &:hover{ color: #07AD87; } } } } } .widget_shopping_cart{ margin-top: 60px; } .product-categories{ li.cat-item{ background: none repeat scroll 0 0 #07AD87; border-bottom: 1px solid #FFFFFF; border-radius: 3px; padding: 5px; a{ color: #fff; &:hover{ color: #fff; } } &:first-child{ margin-top: 20px; } } } .widget_product_search{ form{ div{ #s{ background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #07AD87; color: #A2A2A2; font-family: open sans; font-weight: normal; margin-top: 20px; width: 100%; } #searchsubmit{ float: right; padding: 7px 12px; background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #07AD87; color: #A2A2A2; font-family: open sans; font-weight: normal; margin-top: 20px; } } } } .price_slider_wrapper{ margin-top: 25px; .ui-slider-range { background: none repeat scroll 0 0 #07AD87 !important; } .ui-slider-handle { background: -moz-linear-gradient(center top , #07AD87 0px, #07AD87 100%) repeat scroll 0 0 rgba(0, 0, 0, 0) !important; } .price_slider_amount{ margin-top: 20px; .button{ background: none repeat scroll 0 0 #07AD87; border:1px solid #07AD87; box-shadow: none; color: #FFFFFF; padding: 10px 15px; text-shadow: none; transition: all 700ms ease 0s; font-weight: bold; &:hover{ background: #000; transition: all 700ms ease 0s; } } } .price_label{ display: inline-block; font-weight: bold; } } #woocommerce_recent_reviews-2{ &:last-child{ margin-bottom: 30px; } } /******************Hover**************/ .pord_hover{ background: none repeat scroll 0 0 rgba(7, 173, 135, 0.6); margin-top: 10px; height:350px; } .cart_btn{ width:60%; margin:0 auto; } .details{ display: block; margin-bottom: 20px; text-align: center; } .details a{ background: none repeat scroll 0 0 #FFFFFF; color: #07AD87; font-size: 16px; padding: 12px 20px; text-transform: uppercase; } .add_to_cart{ display: block; margin-bottom: 20px; text-align: center; } .add_to_cart a{ background: none repeat scroll 0 0 #FFFFFF; color: #07AD87; font-size: 16px; padding: 12px 20px; text-transform: uppercase; } /****************Product details page*******************/ #container{ margin: 0 auto; margin-top: 50px; div.images{ width: 40%; } .onsale{ background: none repeat scroll 0 0 #07AD87; border-radius: 0; color: #FFFFFF; font-family: Oswald; font-size: 16px; font-weight: normal; height: 40px; left: 0; line-height: 20px; padding: 8px 0; position: absolute; text-align: center; top: 0; width: 60px; } div.summary { .product_title{ color: #07AD87; font-family: 'Oswald',sans-serif; font-size:22px; text-transform: capitalize; } p.price{ color: #07AD87; font-family: 'Open Sans',sans-serif; font-weight: normal; margin-bottom: 5px; } del{ span.amount{ color: #07AD87; font-family: 'Open Sans',sans-serif; font-weight: normal; margin-right: 5px; } } ins{ span.amount{ color: #07AD87; font-family: 'Open Sans',sans-serif; font-weight: normal; margin-right: 5px; } } .quantity { width: 79px; .input-text{ border: 1px solid #07AD87; color: #07AD87; font-family: Open Sans; font-size: 18px; height: 45px; width: 60px; } .plus, .minus{ background: none repeat scroll 0 0 #07AD87; border: 0; box-shadow: none; color: #FFFFFF; font-size: 16px; height: 22px; text-shadow: none; transition: all 700ms ease 0s; &:hover{ background: #000; transition: all 700ms ease 0s; } } } div[itemprop="description"]{ p{ line-height: 20px; color: #a2a2a2; margin: 15px 0; strong{ color: #07AD87; } } } } button.single_add_to_cart_button { background: none repeat scroll 0 0 #07AD87; border: 0 none; color: #FFFFFF; text-shadow: none; padding: 15px 10px; transition: all 700ms ease 0s; &:hover{ background: #000; transition: all 700ms ease 0s; } } .product_meta{ span{ color: #07AD87; } .posted_in, .sku_wrapper{ .sku{ color: #a2a2a2; } color: #07AD87; font-family: 'open sans',sans-serif; font-weight: normal; a{ &:hover{ color: #07AD87; } } } } } .woocommerce-product-rating{ .star-rating{ height: 18px; &:before{ color: #07AD87; } span{ color: #07AD87; top: -4px; } } a{ text-transform: capitalize; &:hover{ color: #07AD87; } } } /*************************Description Tab********************/ .woocommerce-tabs{ ul.tabs{ &:before{ border-bottom: 1px solid #07AD87 !important; } li{ &:before{ border-color: #07AD87 !important; } &:after{ border-color: #07AD87 !important; } } .description_tab, .reviews_tab{ background: #07AD87 !important; box-shadow: none !important; a{ box-shadow: none !important; text-shadow: none !important; color: #fff !important; } } .active{ background: #fff !important; border-color: #07AD87 #07AD87 transparent #07AD87 !important; &:before{ border-color: #07AD87 !important; } &:after{ border-color: #07AD87 !important; } a{ color: #000 !important; } } } .panel{ border-bottom: 0; box-shadow: none; h2{ margin-top: 10px; color: #07AD87; font-family: 'Oswald',sans-serif; padding-bottom: 15px; } p{ margin-bottom: 25px; } } } /******************************Review Box*************************/ .comment-text{ border: 1px solid #07AD87 !important; .star-rating{ height: 18px; &:before{ color: #07AD87; } span{ color: #07AD87; top: -4px; } } span.amount{ color: #07AD87; font-family: 'Oswald',sans-serif; font-weight: normal; } del{ span{ color: #07AD87; font-family: 'Oswald',sans-serif; font-weight: normal; margin-right: 5px; } } ins{ span{ color: #07AD87; font-family: 'Oswald',sans-serif; font-weight: normal; margin-right: 5px; } } } #review_form_wrapper{ #review_form{ .comment-respond{ h3{ color: #07AD87; font-family: 'Oswald',sans-serif; padding: 15px 0; } } form{ label{ padding: 5px 0 10px; } p.stars{ span{ a{ color: #07AD87; border-right: 1px solid #07AD87; &:hover{ color: #07AD87; } } } } p.comment-form-comment{ textarea{ border: 1px solid #07AD87; height: 200px; margin-left: 15px; margin-top: 5px; resize: none; width: 95%; } } p.form-submit{ float: right; margin-right: 37px; input{ background: none repeat scroll 0 0 #07AD87; border: 0 none; box-shadow: none; color: #FFFFFF; padding: 10px 15px; text-shadow: none; transition: all 700ms ease 0s; margin-top: 15px; &:hover{ background: #07AD87; color: #000; transition: all 700ms ease 0s; border: 0 none; } } } } } } /***********************Shortcode Product***********************/ .shortcode_product{ .for_shadow{ position: relative; margin-bottom: 10px; min-height: 400px; max-height: 400px; } .star-rating{ float: right; font-family: star; font-size: 1em; height: 18px; line-height: 1em; overflow: hidden; position: relative; width: 5.4em; &:before{ color: #07AD87; content: "sssss"; float: left; left: 0; position: absolute; top: 0; } span{ float: left; left: 0; overflow: hidden; padding-top: 1.5em; position: absolute; color: #07AD87; top: -4px; &:before{ content: "SSSSS"; left: 0; position: absolute; top: 0; } } } .prod_rate_rating { padding: 0 10px 8px; position: absolute; bottom: 0; width: 100%; } .pord_hover, .pro_hover{ background: none repeat scroll 0 0 rgba(7, 173, 135, 0.6); height: 100%; position: absolute; top: 0; width: 100%; display:none; .button_div{ text-align: center; a{ background: none repeat scroll 0 0 #FFFFFF; color: #07AD87; display: inline-block; font-family: open sans; font-size: 15px; margin-top: 115px; padding: 12px 20px; text-transform: uppercase; transition: all 700ms ease 0s; &:hover{ background: none repeat scroll 0 0 #000; color: #fff; transition: all 700ms ease 0s; } } p{ border: 0 none !important; padding: 0 !important; margin: 0 !important; span.amount{ display:none; } del{ display:none; } ins{ display:none; } a{ background: none repeat scroll 0 0 #FFFFFF; border: 0 none; border-radius: 0; box-shadow: none; color: #07AD87; display: inline-block; font-family: open sans; font-size: 15px; font-weight: 500; margin-top: 25px; padding: 15px 20px; text-shadow: none; text-transform: uppercase; transition: all 700ms ease 0s; &:hover{ background: none repeat scroll 0 0 #000; color: #fff; transition: all 700ms ease 0s; } &:before{ color: #fff; top: 1em; } } .added_to_cart{ padding: 12px 20px; } } } } } /**********************Portfolio page*****************/ .work_portfolio_menu{ ul{ li.filter { a { font-weight: normal; color: #333333; } } li.active{ a{ color: #ffffff; } } } } .rms_gall{ .grid_2{ width: 100%; height: 400px; margin-bottom: 30px; img{ width: 100%; } .recent-work-item-hover{ height: 100%; } } } /******************What We Can Do slider effect*******************/ .rms_accordian{ margin: 0 auto 0px; overflow: hidden; div.level-0{ list-style: none outside none; margin: 0; padding: 0; width: 2222em; .olevel-div { float: left; margin-right: 20px; transition: width 0.3s ease 0.2s; width: 265px; &:nth-child(1){ .rms_acc_content{ a.icon-top-what-we-can-sec{ background: url("../images/presets/preset1/whatwecanicon1.png") no-repeat scroll 50% center rgba(0, 0, 0, 0); z-index: 2; } } } &:nth-child(2){ .rms_acc_content{ a.icon-top-what-we-can-sec{ background: url("../images/presets/preset1/whatwecanicon2.png") no-repeat scroll 50% center rgba(0, 0, 0, 0); z-index: 2; } } } &:nth-child(3){ .rms_acc_content{ a.icon-top-what-we-can-sec{ background: url("../images/presets/preset1/whatwecanicon3.png") no-repeat scroll 50% center rgba(0, 0, 0, 0); z-index: 2; } } } .rms_acc_content{ width: 580px; .service-box-shadow { display: block; height: auto; max-width: 100%; position: relative; top: -18px; } .rms_img.rms_border{ display: inline-block; float: left; margin-right: 20px; max-width: 260px; opacity: 1; padding: 2px; transition: all 0.2s ease-out 0s; .rms_acc_img{ max-width: 100%; position: relative; z-index: 1; } } .icon-top-what-we-can-sec{ display: block; height: 85px; left: 16%; position: relative; text-indent: -9999em; top: 25px; transition: all 700ms ease 0s; width: 85px; z-index: 1; } .item-body { line-height: 22px; padding: 0 10px 10px; text-align: center; width: 45%; float:left; h2{ padding: 0 0 20px; margin: 0; } p{ padding: 0 0 15px; line-height: 20px; } .we-work-btn-icon { float: none; left: -10px; margin: 0; padding: 7px 10px; position: relative; background: none repeat scroll 0 0 #0B9C7D; i{ color: #fff; } } } } &:hover{ width: 580px; -webkit-transition: all 700ms ease 0s; -moz-transition: all 700ms ease 0s; -o-transition: all 700ms ease 0s; transition: all 700ms ease 0s; .rms_acc_content{ a.icon-top-what-we-can-sec{ -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } } } .last{ width: 580px; } .carousel-control.left{ left: 0; z-index: 3; } .carousel-control.right { top: 40px; left: 0; z-index: 3; } } } /***********************Comment Area**********************/ .comments-area{ h2{ color: #07AD87; font-family: 'Oswald',sans-serif; font-size: 22px; margin-top: 15px; } .comment-respond{ h3{ color: #07AD87; font-family: 'Oswald',sans-serif; font-size: 22px; } form{ .logged-in-as{ color: #A2A2A2; font-family: PT Sans; font-size: 16px; line-height: 30px; a{ background: none repeat scroll 0 0 #07AD87; border: 1px solid #07AD87; border-radius: 3px; color: #FFFFFF; padding: 4px 8px; transition: all 700ms ease 0s; &:hover{ background: #000; transition: all 700ms ease 0s; color: #fff; border: 1px solid #000; } } } .comment-form-comment{ label{ margin-top: 5px; margin-bottom: 10px; color: #07AD87; } textarea{ resize: none; border: 1px solid #07AD87; margin-bottom: 20px; } } .form-allowed-tags{ abbr{ background: none repeat scroll 0 0 #07AD87; border: 1px solid #07AD87; border-radius: 3px; color: #FFFFFF; padding: 4px 8px; transition: all 700ms ease 0s; } code{ background: none repeat scroll 0 0 #07AD87; color: #FFFFFF; line-height: 30px; white-space: inherit; } } .form-submit{ margin-top: 15px; float: right; input{ background: none repeat scroll 0 0 #07AD87; padding: 8px 17px 8px; transition: all 700ms ease 0s; &:hover{ background: none repeat scroll 0 0 #000; transition: all 700ms ease 0s; } } } .comment-form-url,.comment-form-email,.comment-form-author{ padding-bottom: 10px; label{ color: #07AD87; width: 100px; font-family: pt sans; span{ color: #07AD87; } } input{ border: 1px solid #07AD87; border-radius: 0; } } .comment-notes{ color: #A2A2A2; font-family: pt sans; padding-bottom: 20px; padding-top: 10px; span{ color: #A2A2A2; } } } } } .comment-body{ border-top: 1px solid #07AD87 !important; margin-top: 30px; .reply{ margin-top: 25px; margin-left: 20px; a{ background: none repeat scroll 0 0 #07AD87; border: 1px solid #07AD87; border-radius: 3px; color: #FFFFFF; padding: 4px 8px; transition: all 700ms ease 0s; &:hover{ background: #000; transition: all 700ms ease 0s; color: #fff; border: 1px solid #000; } } } .comment-metadata{ margin-left: 20px; a{ display: inline-block; padding: 10px 0; time{ color: #a2a2a2; } } span{ float: right; a{ background: none repeat scroll 0 0 #07AD87; border: 1px solid #07AD87; border-radius: 3px; color: #FFFFFF; padding: 4px 8px; transition: all 700ms ease 0s; &:hover{ background: #000; transition: all 700ms ease 0s; color: #fff; border: 1px solid #000; } } } } .comment-content{ margin-left: 20px; p{ color: #A2A2A2; font-family: PT Sans; } } } .pord_hover{ background: none repeat scroll 0 0 rgba(7, 173, 135, 0.6); height: 100%; position: absolute; top: -10px; width: 100%; display:none; .button_div{ text-align: center; a{ background: none repeat scroll 0 0 #FFFFFF; color: #07AD87; display: inline-block; font-family: open sans; font-size: 15px; margin-top: 115px; padding: 12px 20px; text-transform: uppercase; transition: all 700ms ease 0s; &:hover{ background: none repeat scroll 0 0 #000; color: #fff; transition: all 700ms ease 0s; } } p{ border: 0 none !important; padding: 0 !important; margin: 0 !important; span.amount{ display:none; } del{ display:none; } ins{ display:none; } a{ background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #fff; border-radius: 0; box-shadow: none; color: #07AD87; display: inline-block; font-family: open sans; font-size: 15px; font-weight: 500; margin-top: 25px; padding: 14px 20px; text-shadow: none; text-transform: uppercase; transition: all 700ms ease 0s; &:hover{ background: none repeat scroll 0 0 #000; color: #fff; transition: all 700ms ease 0s; } &:before{ color: #fff; top: 1em; } } .added_to_cart{ padding: 12px 20px; } } } } /************************Page Content*********************/ .page-header{ border-bottom: 1px solid #07AD87; #timeline{ font-size: 36px; } } .page-content{ form{ label{ input{ border: 1px solid #07AD87; margin-top: 25px; } } } } /*******************************Checkout page*************************/ .entry-title{ color: #07AD87; font-family: 'Oswald',sans-serif; font-size: 22px; } .entry-content{ .woocommerce{ margin: 50px 0; p{ font-family: pt sans; font-size: 14px; margin-bottom: 20px; } form{ p.form-row{ margin-bottom: 0; label{ color: #333333; font-family: Open Sans; } } } .woocommerce-info{ border-top: 3px solid #07AD87; &:before{ background-color: #07AD87; content: "i"; font-family: Open Sans; font-style: italic; padding-top: 0; } a{ &:hover{ color: #07AD87; } } } form{ h3{ color: #07AD87; font-family: 'Oswald',sans-serif; } } ul.woocommerce-error{ &:before{ padding: 0; } li{ } } .woocommerce-shipping-fields{ h3{ label{ color: #07AD87; padding-left: 0; text-shadow: none; } } p#order_comments_field{ label{ color: #07AD87; } } } p.return-to-shop{ a{ padding: 12px; margin: 25px 0 0; &:hover{ } } } ul.order_details{ text-align: center; li{ font-family: open sans; font-size: 14px; margin-top: 15px; text-align: center; span{ font-size: 20px; } } } address{ p{ line-height: 30px; } } dl.customer_details{ display: block; width: 100%; dt{ float: left; } dd{ float: left; margin-right: 15px; padding-top: 3px; } } .addresses{ float: left; .address{ br{ line-height: 30px; } } } .required{ color: #07AD87 !important; } label{ font-weight: normal; font-family: Open Sans; } } } .woocommerce-billing-fields{ h3{ color: #f2f2f2; font-family: 'Oswald',sans-serif; } .chosen-container.chosen-container-single{ a{ border: 1px solid #f2f2f2; padding-top: 3px; } } .chosen-drop{ border: 1px solid #f2f2f2; .chosen-search{ input[type="text"]{ border: 1px solid #f2f2f2; } } } p{ input{ border: 1px solid #f2f2f2; } } } table.shop_table{ box-shadow: none; tbody, thead, tfoot{ tr{ td, th{ border: 1px solid #f2f2f2; font-weight: normal !important; color: #333333; text-align: left; padding: 15px 50px !important; span, strong{ font-weight: normal !important; color: #333333; text-align: left; a{ color: #333333 !important; &:hover{ color: #07AD87 !important; backround: #000 !important; } } } } } } } #payment{ ul{ li{ label{ color: #07AD87; font-family: 'Oswald',sans-serif; } input{ } } } .form-row.place-order{ input{ background: none repeat scroll 0 0 #07AD87; border: 0 none; color: #FFFFFF; padding: 10px 15px; text-shadow: none; transition: all 700ms ease 0s; &:hover{ background: none repeat scroll 0 0 #000; transition: all 700ms ease 0s; } } } margin-bottom: 50px; } .woocommerce #content input.button, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce-page #content input.button, .woocommerce-page #respond input#submit, .woocommerce-page a.button, .woocommerce-page button.button, .woocommerce-page input.button { transition: all 700ms ease 0s; border: 1px solid #07AD87; } .woocommerce #content input.button:hover, .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce-page #content input.button:hover, .woocommerce-page #respond input#submit:hover, .woocommerce-page a.button:hover, .woocommerce-page button.button:hover, .woocommerce-page input.button:hover { border: 1px solid #000; background: #000; text-decoration: none; transition: all 700ms ease 0s; } .title{ .edit{ background: #07AD87; padding: 7px 12px; color: #fff; transition: all 700ms ease 0s; &:hover{ background: #000; transition: all 700ms ease 0s; } } } span.edit-link{ a{ background: #07AD87; padding: 7px 12px; color: #fff; transition: all 700ms ease 0s; display: inline-block; margin-top: 15px; &:hover{ background: #000; transition: all 700ms ease 0s; } } } .entry-content{ margin-bottom: 50px; } .single_page_container{ margin-bottom: 50px; } /*************************Zoom Effect**********************/ .zoomWindowContainer{ .zoomWindow{ height: 100% !important; border: 4px solid #07AD87 !important; } } /***************************Protfolio Details*************************/ #portfolio-details{ padding: 3% 0; } #portfolio-details .carousel{ margin: 10px 0 30px 0; } .portfolio-carosel-inner{ border-width:10px; border-style: solid; } .portfolio-carosel-indicators{ bottom: -25px; } .project-image img{ width: 100%; height: auto; } .project-head-title .preset-color{ font-size: 18px; } .portfolio-info ul{ padding: 10px 0; } .portfolio-info ul li{ display: inline; margin: 0 10px; } .portfolio-info ul li:first-child{ margin-left: 0; } .btn-live{ margin: 20px 0; } .btn-live,.btn-live:hover{ color: #fff!important; } .btn-live:hover{ border-color:transparent; } .portfolio-expand .client-nick{ padding: 20px 0; } blockquote{ font-style: italic; } blockquote i{ font-size: 20px; } blockquote i:first-child{ margin-right: 10px; } blockquote i:last-child{ margin-left: 10px; } #loadMore, #footer-one, .iconimg:hover, .blog-image .date, .portfolio-item-hover, .team-details-social a, .tag-widgets-btn button, #first-skill .progress-bar, .item-body .btn.btn-default, .portfolio-item-bottm-space, ul.price-table li:first-child, .contact-btn .img-responsive, .blog-page-bottom-layout li a, ul.price-table li:last-child a, .tag-widgets-btn button:hover, .contact-btn .btn.btn-default, .blog-detail-btn .btn.btn-default, .blog-detail-from .btn.btn-default, .tag-widgets-btn-blog .btn.btn-default, .portfolio-bottom-button .btn.btn-default, .icon-process-section:hover .process-sec-one, .icon-process-section:hover .process-sec-two, .icon-process-section:hover .process-sec-four, .icon-process-section:hover .process-sec-three, ul#filters li a:hover, ul#filters li a.selected, .portfolio-item:hover .portfolio-item-bottm-space, .recent-work-item:hover .recent-work-item-bottm-space, .icon-hover-we-work-section:hover .icon-bg-we-work-sec, .icon-hover-we-work-section:hover .icon-bg-we-work-sec-two, .icon-hover-we-work-section:hover .icon-bg-we-work-sec-three, .icon-hover-we-work-section:hover .icon-bg-we-work-sec-four, .btn-agree, .btn-default:hover, .btn-default:focus, .btn-info.active, .reg-btn, .reg-btn:hover, .register-label, .portfolio-carosel-indicators li, .btn-live, .timeline-drop-btn:hover, .open .dropdown-toggle.btn-primary, #breadcumb{ background-color: #07AD87; } .item-body .btn.btn-default, ul#filters li a, .tag-widgets-btn button, .tag-widgets-btn button:hover, #amazing-team .team-details img, .blog-image img, .portfolio-carosel-inner, .blog-page-main-img .img-responsive,.portfolio-carosel-indicators li.active { border-color: #07AD87; } .carousel.carousel-fade .item { opacity: 0; transition: opacity 0.5s ease-in-out 0s; } .rms-signup button.rms-submit, .recent-work-project-title button.btn, .btn-live { border: 1px solid #FFFFFF; border-radius: 0; box-shadow: 0 0 1px #000000; color: #FFFFFF; font-weight: 100; letter-spacing: 2px; padding: 6px 20px; margin-bottom: 5px; margin-right: 5px; } a:hover, .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus, .navbar-default, .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .navbar-nav > li:first-child a, .navbar-nav > li:active a, .we-work-section span, .recent-work-head span, .service-head-title span, .heading h2 span.preset-color, .preset-color, ul.price-table li:last-child a:hover, .thumbnail .caption p a:hover, portfolio-page-head span, .icon-social-media, .fa.fa-maxcdn.icon-social-media:hover, .link-color, #rox-process h2.process-title span, .amazing-title h2 span, h3 span.amazing-title, .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus, blockquote i, .list-skills i, .skill-title span, header.rox-header2 .nav > li:hover > a { color: #07AD87; } .project-head-title{ h4{ margin: 10px 0; } } .btn.btn-primary.btn-live{ transition: all 700ms ease 0s; &:hover{ background: #000; transition: all 700ms ease 0s; } i{ color: #fff; } } .project-image{ height: 560px; img{ height: 100%; width: 100%; } } .portfolio-expand{ h4{ margin: 10px 0; } } /***********************Page Title*********************/ .page_heading_default{ background: url("../images/presets/preset1/are-you-ready.png") repeat scroll 0 0 #07AD87; padding: 30px 0; text-align: center; h1{ color: #fff; margin-bottom: 10px; margin-top: 10px; font-size: 30px; font-family: 'open sans', sans-serif; font-weight: 500; } } /************************Logo Text**********************/ .navbar-header{ .logo_text{ font-family: 'oswald', sans-serif; color: #07AD87; font-size: 30px; line-height: 80px; transition: all 700ms ease 0s; &:hover{ color: #000; transition: all 700ms ease 0s; } } .logo_img{ img{ height: 67px; width: 167px; } } } /****************************Time Line Page************************/ .timeline { &:before{ background-color: #EEEEEE; bottom: 0; content: " "; left: 50%; margin-left: -1.5px; position: absolute; top: 0; width: 3px; } list-style: none; padding: 20px 0 20px; position: relative; } .timeline > li { margin-bottom: 20px; position: relative; } .timeline > li:before, .timeline > li:after { content: " "; display: table; } .timeline > li:after { clear: both; } .timeline > li:before, .timeline > li:after { content: " "; display: table; } .timeline > li:after { clear: both; } .timeline-panel { width: 46%; float: left; border: 1px solid #d4d4d4; border-radius: 2px; padding: 20px; position: relative; -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175); box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175); } .timeline-panel:before { position: absolute; top: 26px; right: -15px; display: inline-block; border-top: 15px solid transparent; border-left: 15px solid #ccc; border-right: 0 solid #ccc; border-bottom: 15px solid transparent; content: " "; } .timeline-panel:after { position: absolute; top: 27px; right: -14px; display: inline-block; border-top: 14px solid transparent; border-left: 14px solid #fff; border-right: 0 solid #fff; border-bottom: 14px solid transparent; content: " "; } .timeline-badge { color: #fff; width: 50px; height: 50px; line-height: 45px; font-size: 1.4em; text-align: center; position: absolute; top: 16px; left: 50%; margin-left: -25px; background-color: #553538; z-index: 100; border-top-right-radius: 50%; border-top-left-radius: 50%; border-bottom-right-radius: 50%; border-bottom-left-radius: 50%; padding: 2px; i{ color: #fff; } img{ border-radius: 50%; width: 46px; height: 46px; } } .we-work-btn-icon, .down-btn-img-layout, .timeline-drop-btn { background: none repeat scroll 0 0 #0B9C7D; span,i{ color: #FFFFFF; } } .timeline-inverted > .timeline-panel { float: right; } .timeline-inverted > .timeline-panel:before { border-left-width: 0; border-right-width: 15px; left: -15px; right: auto; } .timeline-inverted > .timeline-panel:after { border-left-width: 0; border-right-width: 14px; left: -14px; right: auto; } .timeline-badge.primary { background-color: #2e6da4 !important; } .timeline-badge.success { background-color: #329C11 !important; } .timeline-badge.warning { background-color: #D6162D !important; } .timeline-badge.danger { background-color: #FC0E0E !important; } .timeline-badge.info { background-color: #0DDCF8 !important; } .timeline-title { margin-top: 0; color: inherit; } .timeline-body > p, .timeline-body > ul { margin-bottom: 0; } .timeline-body > p + p { margin-top: 5px; } .text-muted{ i{ color: #a2a2a2; } } /************************404 Page******************/ #error { background: none repeat scroll 0 0 #F6F6F6; padding: 8% 0 16%; } .page-not-found { position: relative; } .pendulum { max-width: 100%; position: absolute; right: 72%; top: 21%; } img.draad { animation: 3s ease-in-out 0s normal none infinite swinging; transform-origin: right top 0; -webkit-animation: swinging 3s infinite ease-in-out; -moz-animation: swinging 3s infinite ease-in-out; -ms-animation: swinging 3s infinite ease-in-out; -o-animation: swinging 3s infinite ease-in-out; animation: swinging 3s infinite ease-in-out; -webkit-transform-origin: right top; -moz-transform-origin: right top; -ms-transform-origin: right top; -o-transform-origin: right top; transform-origin: right top; } @-webkit-keyframes swinging { 0% { -webkit-transform: rotate(15deg); } 50% { -webkit-transform: rotate(-5deg); } 100% { -webkit-transform: rotate(15deg); } } @-moz-keyframes swinging { 0% { -moz-transform: rotate(15deg); } 50% { -moz-transform: rotate(-5deg); } 100% { -moz-transform: rotate(15deg); } } @-ms-keyframes swinging { 0% { -ms-transform: rotate(15deg); } 50% { -ms-transform: rotate(-5deg); } 100% { -ms-transform: rotate(15deg); } } @-o-keyframes swinging { 0% { -o-transform: rotate(15deg); } 50% { -o-transform: rotate(-5deg); } 100% { -o-transform: rotate(15deg); } } @-khtml-keyframes swinging { 0% { -khtml-transform: rotate(15deg); } 50% { -khtml-transform: rotate(-5deg); } 100% { -khtml-transform: rotate(15deg); } } .goback-text{ h3{ span{ font-size: 16px; text-transform: capitalize; } a{ text-transform: uppercase; } } } /**********************Single Team*********************/ .team-details.animation.about_me{ .about_me_thumb{ width: 220px; height: 220px; margin: 0 auto; img{ width: 100%; height: 100%; } } .team-detail-title{ h2{ font-size: 22px; margin: 20px 0 10px; } p{ } } .tem_mem_des{ margin: 0 auto; padding-top: 20px; width: 90%; } } .full_width_page_template{ .are_you_ready{ } } /*************************SubScriber*******************/ .subcriber_sec{ background: none repeat scroll 0 0 #07AD87; padding: 20px 0; overflow: hidden; .subs_main{ width: 100%; margin: 0 auto; p.s2_message{ color: #fff !important; font-family: 'oswald', sans-serif; font-size: 20px; font-weight: 200; a{ font-family: 'oswald', sans-serif; font-size: 20px; font-weight: 200; color: #000 !important; } } form{ p{ float: left; } label{ color: #FFFFFF; font-size: 18px; font-family: open sans; font-weight: 500; } input{ border: none !important; border-radius: 0; color: #a2a2a2 !important; padding: 3px 0px 3px 10px; } input[name="email"]{ margin-left: 100px; } input[value="Subscribe"]{ background: none repeat scroll 0 0 rgba(0, 0, 0, 0); border: 1px solid #FFFFFF ; border-radius: 0; box-shadow: 0 0 1px #000000; color: #FFFFFF !important; font-weight: 100; letter-spacing: 1px; margin-left: 10px; padding: 2px 7px 1px 7px; } input[value="Unsubscribe"]{ display: none; } } } } /***********************Shortcode Pricing Table******************/ .price_table{ tr{ td.price_footer{ padding: 40px 0px; a{ display: inline-block; } p.product.woocommerce{ margin: 0; padding: 0px; border: 0 none !important; del{ display:none; } ins{ display:none; } } } } } /************************Shop Banner*****************/ .shop_banner { display: block; position: relative; width: 100%; height: 190px; overflow: hidden; .banner_content { color: #FFFFFF; bottom: 0; left: 0; position: absolute; right: 0; top: 0; width:100%; text-align: center; background: none repeat scroll 0 0 rgba(0, 0, 0, 0); -webkit-transition: all 700ms; -o-transition: all 700ms; -moz-transition: all 700ms; -ms-transition: all 700ms; transition: all 700ms; &:hover{ background: none repeat scroll 0 0 rgba(7, 173, 135, 0.7); -webkit-transition: all 700ms; -o-transition: all 700ms; -moz-transition: all 700ms; -ms-transition: all 700ms; transition: all 700ms; } } img{ width: 100%; height: 100%; } } .banner_heading { h1{ font-family: Oswald; font-size: 32px; font-weight: 300; line-height: 40px; margin-bottom: 0; margin-top: 40px; color: #fff; } h3{ font-size: 22px; line-height: 32px; margin: 0; font-family: Oswald; font-weight: bold; color: #fff; } } .shop_bn_hover{ background: none repeat scroll 0 0 rgba(7, 173, 135, 0.7); left: 0; position: absolute; text-align: center; width: 100%; height: 100%; top:-100%; -webkit-transition: all 700ms; -o-transition: all 700ms; -moz-transition: all 700ms; -ms-transition: all 700ms; transition: all 700ms; }