@charset "utf-8"; /* CSS Document */ @import "css/reset.css"; /*-------------------------------------------------------------- >>> TABLE OF CONTENTS: ---------------------------------------------------------------- 1.General Styles 1.1. Body 1.2. Fonts 1.3. Headings 1.4. Text Elements 1.5. Forms 1.6. Transition 1.7. Box sizing 1.8. Images 1.9. Tables 1.10. Widgets 1.11. Definition Lists 1.12. Woocommerce 2.Layout 2.1. container 2.2. Top Bar 2.3. Header 2.4. Main 2.4.1. Fullwidth - Page Title 2.4.2. Blog 2.4.3. Portfolio 2.4.4. Recent Gallery 2.4.5. Testimonial 2.4.6. Team 2.4.7. Products 2.4.8. Events 2.4.9. Side Navigation 2.4.10. Coming soon 2.4.11. 404 page 2.4.12. Login 2.5. Footer /*----*****---- << 1.General Styles >> ----*****----*/ /*----*****---- << 1.1. Body >> ----*****----*/ body { font-weight:normal; font-size:13px; line-height:22px; background:#ffffff; color:#92a7bb; } /*----*****---- << 1.2. Fonts >> ----*****----*/ #commentform input.text { font-family: 'Open Sans', sans-serif; } #commentform textarea { font-family: 'Open Sans', sans-serif; } #commentform input[type="search"] { font-family: 'Open Sans', sans-serif; } #commentform input[type="date"] { font-family: 'Open Sans', sans-serif; } #commentform input[type="range"] { font-family: 'Open Sans', sans-serif; } #commentform input[type="number"] { font-family: 'Open Sans', sans-serif; } #commentform input[type="tel"] { font-family: 'Open Sans', sans-serif; } #commentform input[type="url"] { font-family: 'Open Sans', sans-serif; } #commentform input[type="email"] { font-family: 'Open Sans', sans-serif; } #commentform input[type="password"] { font-family: 'Open Sans', sans-serif; } #commentform input[type="text"] { font-family: 'Open Sans', sans-serif; } #main-menu ul li a { font-family: 'Open Sans', sans-serif; } .dt-sc-testimonial-wrapper h5 { font-family: 'Open Sans', sans-serif; } #footer .widget ul li h6 { font-family: 'Open Sans', sans-serif; } .entry-detail .read-more { font-family: 'Open Sans', sans-serif; } #main-menu ul li a { font-family: 'Open Sans', sans-serif; } .dt-sc-button { font-family: 'Open Sans', sans-serif; } .intro-text h4 { font-family: 'Open Sans', sans-serif; } .intro-text h2 { font-family: 'Open Sans', sans-serif; } body { font-family: 'Open Sans', sans-serif; } .portfolio-detail .views a { font-family:'lato', sans-serif; } .error-info .back-menu a { font-family:'lato', sans-serif; } .side-nav-container ul li a { font-family:'lato', sans-serif; } .dt-rev-author span { font-family:'lato', sans-serif; } blockquote { font-family:'lato', sans-serif; } .summary .description { font-family:'lato', sans-serif; } .woocommerce-product-rating .price { font-family:'lato', sans-serif; } .woocommerce .cart-collaterals .cart_totals th { font-family:'lato', sans-serif; } label { font-family:'lato', sans-serif; } .woocommerce table.shop_table .product-subtotal span { font-family:'lato', sans-serif; } .woocommerce-page table.shop_table th { font-family:'lato', sans-serif; } .woocommerce table.shop_table th { font-family:'lato', sans-serif; } .intro-text.type5 h2 { font-family:'lato', sans-serif; } .widget_top_rated_products ul.product_list_widget li .amount { font-family:'lato', sans-serif; } .price_label { font-family:'lato', sans-serif; } .post-nav-container a { font-family:'lato', sans-serif; } .blog-entry .entry-metadata { font-family:'lato', sans-serif; } ul.commentlist li .reply a { font-family:'lato', sans-serif; } ul.commentlist li .commentmetadata { font-family:'lato', sans-serif; } ul.commentlist li .author-name { font-family:'lato', sans-serif; } .breadcrumb { font-family:'lato', sans-serif; } .pagination .prev-post a { font-family:'lato', sans-serif; } .pagination .next-post a { font-family:'lato', sans-serif; } .pagination ul li a { font-family:'lato', sans-serif; } .intro-text.type4 h2 { font-family:'lato', sans-serif; } .entry-meta-data p { font-family:'lato', sans-serif; } .events .event-meta p { font-family:'lato', sans-serif; } .intro-text.type3 h2 { font-family:'lato', sans-serif; } .entry-post .entry-detail h6 { font-family:'lato', sans-serif; } .entry-post .dt-sc-button.small { font-family:'lato', sans-serif; } .entry-post .date p { font-family:'lato', sans-serif; } .entry-post .post-comments a { font-family:'lato', sans-serif; } .intro-text .dt-sc-button { font-family:'lato', sans-serif; } .read-more { font-family:'lato', sans-serif; } .dt-sc-team p { font-family:'lato', sans-serif; } .features li a { font-family:'lato', sans-serif; } .add_to_wishlist { font-family:'lato', sans-serif; } .product-details .button { font-family:'lato', sans-serif; } .product_type_variable { font-family:'lato', sans-serif; } .add_to_cart_button { font-family:'lato', sans-serif; } input[type="button"] { font-family:'lato', sans-serif; } input[type="submit"] { font-family:'lato', sans-serif; } input[type="search"] { font-family:'lato', sans-serif; } select { font-family:'lato', sans-serif; } input.text { font-family:'lato', sans-serif; } textarea { font-family:'lato', sans-serif; } input[type="date"] { font-family:'lato', sans-serif; } input[type="range"] { font-family:'lato', sans-serif; } input[type="number"] { font-family:'lato', sans-serif; } input[type="tel"] { font-family:'lato', sans-serif; } input[type="url"] { font-family:'lato', sans-serif; } input[type="email"] { font-family:'lato', sans-serif; } input[type="password"] { font-family:'lato', sans-serif; } input[type="text"] { font-family:'lato', sans-serif; } h6 { font-family:'lato', sans-serif; } h5 { font-family:'lato', sans-serif; } h4 { font-family:'lato', sans-serif; } h3 { font-family:'lato', sans-serif; } h2 { font-family:'lato', sans-serif; } h1 { font-family:'lato', sans-serif; } /*----*****---- << 1.3. Headings >> ----*****----*/ h6 { color:#2c3e50; font-weight:normal; line-height:normal; margin-bottom:20px; } h5 { color:#2c3e50; font-weight:normal; line-height:normal; margin-bottom:20px; } h4 { color:#2c3e50; font-weight:normal; line-height:normal; margin-bottom:20px; } h3 { color:#2c3e50; font-weight:normal; line-height:normal; margin-bottom:20px; } h2 { color:#2c3e50; font-weight:normal; line-height:normal; margin-bottom:20px; } h1 { color:#2c3e50; font-weight:normal; line-height:normal; margin-bottom:20px; } h6 a { color:#2c3e50; } h5 a { color:#2c3e50; } h4 a { color:#2c3e50; } h3 a { color:#2c3e50; } h2 a { color:#2c3e50; } h1 a { color:#2c3e50; } h1{ font-size:36px; } h2{ font-size:30px; } h3{ font-size:26px; } h4{ font-size:20px; } h5{ font-size:18px; } h6{ font-size:16px; margin-bottom:20px; } /*----*****---- << 1.4. Text Elements >> ----*****----*/ a { text-decoration:none; } a img{ border:none; } img { max-width: 100%; } a:hover { color:#2c3e50; } strong{ font-weight: bold; } em{ font-style: italic; } address { display:block; margin:10px 0px 20px; } abbr { border-bottom:1px dotted #868686; cursor:help; } ins { background:#FFF9C0; color:#868686; } sup { font-size:75%; position:relative; vertical-align:baseline; } sub { font-size:75%; position:relative; vertical-align:baseline; } sub { bottom: -3px; } sup { top: -5px; } p { line-height:22px; margin-bottom:10px; } code{ margin-bottom:20px; } pre{ margin-bottom:20px; } ol{ margin-bottom:20px; } ul{ margin-bottom:20px; } ul{ list-style-type:none; list-style-position:inside; } ul li { padding-bottom:10px; } ul li ul { list-style-type:disc; padding-left:20px; margin:10px 0px 0px; } ul ul ul { margin-bottom:0px; list-style-type:circle; } ol{ list-style-type:decimal; list-style-position:outside; padding-left:20px; } ol li { padding-bottom:10px; } ol li ol { margin-bottom:0px; list-style-type:lower-alpha; } ol ol ol { margin-bottom:0px; list-style-type:lower-roman; } blockquote { clear: left; display: block; margin: 0; padding: 0; position: relative; border-left:5px solid; font-size:16px; font-style:italic; padding:10px 2%; line-height:28px; } blockquote p { margin-bottom:0px; } blockquote cite { float:right; margin:10px 0px 0px; font-size:14px; } blockquote.alignleft { margin-right:20px; text-align:left; width:30%; float:left; } blockquote.alignright { margin-left:20px; text-align:left; width:30%; float:right; } blockquote.aligncenter { width:100%; text-align:center; } code{ border-left:3px solid #f8cc6e; background-color:#e6e2d6; display:block; padding:10px; font-size:11px; font-family: monospace; width:96.5%; overflow:auto; } pre{ border-left:3px solid #f8cc6e; background-color:#e6e2d6; display:block; padding:10px; font-size:11px; font-family: monospace; width:96.5%; overflow:auto; } hr { background-color:#e6e2d6; border:none; height:1px; margin:30px 0; } /* due to IE
margin bugs I had to made classed and apply them to div to achieve the effect of a
*/ .dt-sc-hr { background:url(images/splitter.png); height:10px; width:100%; clear:both; display:block; float:left; margin:40px 0px; position:relative; z-index:1; } .hr-border.top { width:97%; } .dt-sc-hr.top { width:97%; } .hr-border.top { background-position:right center; text-align:right; } .dt-sc-hr.top { background-position:right center; text-align:right; } .hr-border.top a { color:#999589; background:transparent; font-size:11px; line-height:16px; padding-left:5px; position:absolute; right:-21px; top:-5px; } .dt-sc-hr.top a { color:#999589; background:transparent; font-size:11px; line-height:16px; padding-left:5px; position:absolute; right:-21px; top:-5px; } .dt-sc-one-half code { width:94.7%; } .dt-sc-one-half pre { width:94.7%; } .clear { float:none; clear:both; margin:0px; padding:0px; } .float-right { float:right; } .float-left { float:left; } .middle-align { text-align:center; } .hidden { display:none; } .post-edit-link { background:#e5e5e5; color:#5a5a5a; float:right; clear:both; margin:20px 0px 0px; line-height:24px; padding:0px 10px; font-size:12px; } .post-edit-link:hover { background:#4C4C4C; color:#ffffff; text-shadow:0px 1px 0px #0e4b6e; } /*----*****---- << 1.5. Forms >> ----*****----*/ label { color: #2c3e50; } label span{ color:#b4b4b4; } fieldset{ border:1px solid #eaeaea; padding:15px; margin:0 0 20px 0; } legend{ font-weight: bold; } input.text { background-color:#f8f8f8; border-radius: 2px; border: 1px solid #eaeaea; color: #92a7bb; display: inline-block; font-size: 13px; margin: 10px 0; padding: 16px 15px; width: 100%; -webkit-appearance: none; -moz-appearance: none; } textarea { background-color:#f8f8f8; border-radius: 2px; border: 1px solid #eaeaea; color: #92a7bb; display: inline-block; font-size: 13px; margin: 10px 0; padding: 16px 15px; width: 100%; -webkit-appearance: none; -moz-appearance: none; } input[type="search"] { background-color:#f8f8f8; border-radius: 2px; border: 1px solid #eaeaea; color: #92a7bb; display: inline-block; font-size: 13px; margin: 10px 0; padding: 16px 15px; width: 100%; -webkit-appearance: none; -moz-appearance: none; } input[type="date"] { background-color:#f8f8f8; border-radius: 2px; border: 1px solid #eaeaea; color: #92a7bb; display: inline-block; font-size: 13px; margin: 10px 0; padding: 16px 15px; width: 100%; -webkit-appearance: none; -moz-appearance: none; } input[type="range"] { background-color:#f8f8f8; border-radius: 2px; border: 1px solid #eaeaea; color: #92a7bb; display: inline-block; font-size: 13px; margin: 10px 0; padding: 16px 15px; width: 100%; -webkit-appearance: none; -moz-appearance: none; } input[type="number"] { background-color:#f8f8f8; border-radius: 2px; border: 1px solid #eaeaea; color: #92a7bb; display: inline-block; font-size: 13px; margin: 10px 0; padding: 16px 15px; width: 100%; -webkit-appearance: none; -moz-appearance: none; } input[type="tel"] { background-color:#f8f8f8; border-radius: 2px; border: 1px solid #eaeaea; color: #92a7bb; display: inline-block; font-size: 13px; margin: 10px 0; padding: 16px 15px; width: 100%; -webkit-appearance: none; -moz-appearance: none; } input[type="url"] { background-color:#f8f8f8; border-radius: 2px; border: 1px solid #eaeaea; color: #92a7bb; display: inline-block; font-size: 13px; margin: 10px 0; padding: 16px 15px; width: 100%; -webkit-appearance: none; -moz-appearance: none; } input[type="email"] { background-color:#f8f8f8; border-radius: 2px; border: 1px solid #eaeaea; color: #92a7bb; display: inline-block; font-size: 13px; margin: 10px 0; padding: 16px 15px; width: 100%; -webkit-appearance: none; -moz-appearance: none; } input[type="password"] { background-color:#f8f8f8; border-radius: 2px; border: 1px solid #eaeaea; color: #92a7bb; display: inline-block; font-size: 13px; margin: 10px 0; padding: 16px 15px; width: 100%; -webkit-appearance: none; -moz-appearance: none; } input[type="text"] { background-color:#f8f8f8; border-radius: 2px; border: 1px solid #eaeaea; color: #92a7bb; display: inline-block; font-size: 13px; margin: 10px 0; padding: 16px 15px; width: 100%; -webkit-appearance: none; -moz-appearance: none; } textarea:hover { color:#000000; } input[type="email"]:hover { color:#000000; } input[type="password"]:hover { color:#000000; } input[type="text"]:hover { color:#000000; } textarea { height: 190px; overflow: auto; resize: none; padding: 16px 15px; width:100%; } input[type="submit"]:hover { background-color:#546d87; } .add_to_wishlist{ color: #ffffff; cursor: pointer; float: right; font-size: 15px; padding:16px 16px 15px 16px; border-radius:2px; } .product-details .button{ color: #ffffff; cursor: pointer; float: right; font-size: 15px; padding:16px 16px 15px 16px; border-radius:2px; } .product_type_variable{ color: #ffffff; cursor: pointer; float: right; font-size: 15px; padding:16px 16px 15px 16px; border-radius:2px; } .add_to_cart_button{ color: #ffffff; cursor: pointer; float: right; font-size: 15px; padding:16px 16px 15px 16px; border-radius:2px; } button{ color: #ffffff; cursor: pointer; float: right; font-size: 15px; padding:16px 16px 15px 16px; border-radius:2px; } input[type="button"]{ color: #ffffff; cursor: pointer; float: right; font-size: 15px; padding:16px 16px 15px 16px; border-radius:2px; } input[type="submit"]{ color: #ffffff; cursor: pointer; float: right; font-size: 15px; padding:16px 16px 15px 16px; border-radius:2px; } #searchform .search-icon { background: url("images/search.png") no-repeat scroll center center rgba(0, 0, 0, 0); border: medium none; border-radius: 0 2px 2px 0; margin-top: 0; min-height: 47px; min-width: 52px; padding: 10px 23px; position: absolute; left: 0; text-indent: -9999px; top: 0; } input.error[type="tel"] { border-color: #F92C2C; } textarea.error { border-color: #F92C2C; } input.error[type="password"] { border-color: #F92C2C; } input.error[type="email"] { border-color: #F92C2C; } input.error[type="text"] { border-color: #F92C2C; } .error { border-color: #F92C2C; } #footer .widget .mailchimp-form input.error[type="email"] { border:1px solid #F92C2C; } .success-msg { display:inline-block; padding:5px 35px; border: 1px solid; position: relative; } .error-msg { display:inline-block; padding:5px 35px; border: 1px solid; position: relative; } .error-msg { border-color:#ff9999; color: #d01313; } .success-msg { border-color:#77be32; color: #77be32; } .success-msg:before { font-family: FontAwesome; font-size: 17px; font-style: normal; font-weight: normal; left: 13px; position: absolute; text-decoration: inherit; top: 5px; } .error-msg:before { font-family: FontAwesome; font-size: 17px; font-style: normal; font-weight: normal; left: 13px; position: absolute; text-decoration: inherit; top: 5px; } .error-msg:before { content:"\f00d"; color:#c54228; } .success-msg:before { content:"\f00c"; color:#77be32; } input[type=button] { -webkit-appearance: none; appearance: none; } input[type=submit] { -webkit-appearance: none; appearance: none; } /*.align-center{ text-align:center; }*/ /*.alignleft{ float:left; width:100%; margin-top:15px; } .alignright { float:right; }*/ /*.aligncenter, img.aligncenter { display:block; margin-left:auto; margin-right:auto; text-align:center; } .alignleft, .alignright, .aligncenter, .alignnone, img.alignleft, img.alignright, img.aligncenter { margin-bottom: 20px; } p.aligncenter { margin-bottom:10px; }*/ /*----*****---- << 1.6. Transition >> ----*****----*/ .product_cart_list li a .remove:hover { -webkit-transition:all 300ms linear 0s; -moz-transition:all 300ms linear 0s; -o-transition:all 300ms linear 0s; -ms-transition:all 300ms linear 0s; transition:all 300ms linear 0s; } .header8 #main-menu > ul > li:before { -webkit-transition:all 300ms linear 0s; -moz-transition:all 300ms linear 0s; -o-transition:all 300ms linear 0s; -ms-transition:all 300ms linear 0s; transition:all 300ms linear 0s; } .header8 #main-menu > ul > li > a { -webkit-transition:all 300ms linear 0s; -moz-transition:all 300ms linear 0s; -o-transition:all 300ms linear 0s; -ms-transition:all 300ms linear 0s; transition:all 300ms linear 0s; } .top-social-icons .fa { -webkit-transition:all 300ms linear 0s; -moz-transition:all 300ms linear 0s; -o-transition:all 300ms linear 0s; -ms-transition:all 300ms linear 0s; transition:all 300ms linear 0s; } .dt-sc-icon-list li a { -webkit-transition:all 300ms linear 0s; -moz-transition:all 300ms linear 0s; -o-transition:all 300ms linear 0s; -ms-transition:all 300ms linear 0s; transition:all 300ms linear 0s; } .is-sticky .header.header4 #logo { -webkit-transition:all 300ms linear 0s; -moz-transition:all 300ms linear 0s; -o-transition:all 300ms linear 0s; -ms-transition:all 300ms linear 0s; transition:all 300ms linear 0s; } .top-bar { -webkit-transition:all 300ms linear 0s; -moz-transition:all 300ms linear 0s; -o-transition:all 300ms linear 0s; -ms-transition:all 300ms linear 0s; transition:all 300ms linear 0s; } .read-more { -webkit-transition:all 300ms linear 0s; -moz-transition:all 300ms linear 0s; -o-transition:all 300ms linear 0s; -ms-transition:all 300ms linear 0s; transition:all 300ms linear 0s; } .portfolio-thumb img { -webkit-transition:all 300ms linear 0s; -moz-transition:all 300ms linear 0s; -o-transition:all 300ms linear 0s; -ms-transition:all 300ms linear 0s; transition:all 300ms linear 0s; } .side-nav-container ul li { -webkit-transition:all 300ms linear 0s; -moz-transition:all 300ms linear 0s; -o-transition:all 300ms linear 0s; -ms-transition:all 300ms linear 0s; transition:all 300ms linear 0s; } .partner-carousel a { -webkit-transition:all 300ms linear 0s; -moz-transition:all 300ms linear 0s; -o-transition:all 300ms linear 0s; -ms-transition:all 300ms linear 0s; transition:all 300ms linear 0s; } .image-overlay { -webkit-transition:all 300ms linear 0s; -moz-transition:all 300ms linear 0s; -o-transition:all 300ms linear 0s; -ms-transition:all 300ms linear 0s; transition:all 300ms linear 0s; } .side-nav-container ul li:hover .fa { -webkit-transition:all 300ms linear 0s; -moz-transition:all 300ms linear 0s; -o-transition:all 300ms linear 0s; -ms-transition:all 300ms linear 0s; transition:all 300ms linear 0s; } .product .summary .quantity .minus { -webkit-transition:all 300ms linear 0s; -moz-transition:all 300ms linear 0s; -o-transition:all 300ms linear 0s; -ms-transition:all 300ms linear 0s; transition:all 300ms linear 0s; } .product .summary .quantity .plus { -webkit-transition:all 300ms linear 0s; -moz-transition:all 300ms linear 0s; -o-transition:all 300ms linear 0s; -ms-transition:all 300ms linear 0s; transition:all 300ms linear 0s; } .woocommerce-review-link { -webkit-transition:all 300ms linear 0s; -moz-transition:all 300ms linear 0s; -o-transition:all 300ms linear 0s; -ms-transition:all 300ms linear 0s; transition:all 300ms linear 0s; } .woocommerce .button { -webkit-transition:all 300ms linear 0s; -moz-transition:all 300ms linear 0s; -o-transition:all 300ms linear 0s; -ms-transition:all 300ms linear 0s; transition:all 300ms linear 0s; } .woocommerce table.shop_table .product-name a { -webkit-transition:all 300ms linear 0s; -moz-transition:all 300ms linear 0s; -o-transition:all 300ms linear 0s; -ms-transition:all 300ms linear 0s; transition:all 300ms linear 0s; } .woocommerce table.cart a.remove { -webkit-transition:all 300ms linear 0s; -moz-transition:all 300ms linear 0s; -o-transition:all 300ms linear 0s; -ms-transition:all 300ms linear 0s; transition:all 300ms linear 0s; } .widget_product_categories ul li a:before { -webkit-transition:all 300ms linear 0s; -moz-transition:all 300ms linear 0s; -o-transition:all 300ms linear 0s; -ms-transition:all 300ms linear 0s; transition:all 300ms linear 0s; } .widget_product_categories ul li a { -webkit-transition:all 300ms linear 0s; -moz-transition:all 300ms linear 0s; -o-transition:all 300ms linear 0s; -ms-transition:all 300ms linear 0s; transition:all 300ms linear 0s; } .post-nav-container .post-next-link { -webkit-transition:all 300ms linear 0s; -moz-transition:all 300ms linear 0s; -o-transition:all 300ms linear 0s; -ms-transition:all 300ms linear 0s; transition:all 300ms linear 0s; } .post-nav-container .post-prev-link { -webkit-transition:all 300ms linear 0s; -moz-transition:all 300ms linear 0s; -o-transition:all 300ms linear 0s; -ms-transition:all 300ms linear 0s; transition:all 300ms linear 0s; } .project-details ul li p a { -webkit-transition:all 300ms linear 0s; -moz-transition:all 300ms linear 0s; -o-transition:all 300ms linear 0s; -ms-transition:all 300ms linear 0s; transition:all 300ms linear 0s; } .blog-entry .entry-metadata p a { -webkit-transition:all 300ms linear 0s; -moz-transition:all 300ms linear 0s; -o-transition:all 300ms linear 0s; -ms-transition:all 300ms linear 0s; transition:all 300ms linear 0s; } .blog-entry h4 a { -webkit-transition:all 300ms linear 0s; -moz-transition:all 300ms linear 0s; -o-transition:all 300ms linear 0s; -ms-transition:all 300ms linear 0s; transition:all 300ms linear 0s; } .breadcrumb a { -webkit-transition:all 300ms linear 0s; -moz-transition:all 300ms linear 0s; -o-transition:all 300ms linear 0s; -ms-transition:all 300ms linear 0s; transition:all 300ms linear 0s; } .pagination .prev-post a:before { -webkit-transition:all 300ms linear 0s; -moz-transition:all 300ms linear 0s; -o-transition:all 300ms linear 0s; -ms-transition:all 300ms linear 0s; transition:all 300ms linear 0s; } .pagination .next-post a:before { -webkit-transition:all 300ms linear 0s; -moz-transition:all 300ms linear 0s; -o-transition:all 300ms linear 0s; -ms-transition:all 300ms linear 0s; transition:all 300ms linear 0s; } .pagination .prev-post a { -webkit-transition:all 300ms linear 0s; -moz-transition:all 300ms linear 0s; -o-transition:all 300ms linear 0s; -ms-transition:all 300ms linear 0s; transition:all 300ms linear 0s; } .pagination .next-post a { -webkit-transition:all 300ms linear 0s; -moz-transition:all 300ms linear 0s; -o-transition:all 300ms linear 0s; -ms-transition:all 300ms linear 0s; transition:all 300ms linear 0s; } .pagination ul li a { -webkit-transition:all 300ms linear 0s; -moz-transition:all 300ms linear 0s; -o-transition:all 300ms linear 0s; -ms-transition:all 300ms linear 0s; transition:all 300ms linear 0s; } .blog-post.type3 .entry-detail h4 a { -webkit-transition:all 300ms linear 0s; -moz-transition:all 300ms linear 0s; -o-transition:all 300ms linear 0s; -ms-transition:all 300ms linear 0s; transition:all 300ms linear 0s; } .widget.widget_tag_cloud .tagcloud a { -webkit-transition:all 300ms linear 0s; -moz-transition:all 300ms linear 0s; -o-transition:all 300ms linear 0s; -ms-transition:all 300ms linear 0s; transition:all 300ms linear 0s; } .widget_categories ul li a:before { -webkit-transition:all 300ms linear 0s; -moz-transition:all 300ms linear 0s; -o-transition:all 300ms linear 0s; -ms-transition:all 300ms linear 0s; transition:all 300ms linear 0s; } .widget_categories ul li a { -webkit-transition:all 300ms linear 0s; -moz-transition:all 300ms linear 0s; -o-transition:all 300ms linear 0s; -ms-transition:all 300ms linear 0s; transition:all 300ms linear 0s; } .entry-meta-data p a { -webkit-transition:all 300ms linear 0s; -moz-transition:all 300ms linear 0s; -o-transition:all 300ms linear 0s; -ms-transition:all 300ms linear 0s; transition:all 300ms linear 0s; } .events .event-meta p a { -webkit-transition:all 300ms linear 0s; -moz-transition:all 300ms linear 0s; -o-transition:all 300ms linear 0s; -ms-transition:all 300ms linear 0s; transition:all 300ms linear 0s; } .events .event-detail h5 a { -webkit-transition:all 300ms linear 0s; -moz-transition:all 300ms linear 0s; -o-transition:all 300ms linear 0s; -ms-transition:all 300ms linear 0s; transition:all 300ms linear 0s; } .products .product-title { -webkit-transition:all 300ms linear 0s; -moz-transition:all 300ms linear 0s; -o-transition:all 300ms linear 0s; -ms-transition:all 300ms linear 0s; transition:all 300ms linear 0s; } .products .product-title a { -webkit-transition:all 300ms linear 0s; -moz-transition:all 300ms linear 0s; -o-transition:all 300ms linear 0s; -ms-transition:all 300ms linear 0s; transition:all 300ms linear 0s; } input.text { -webkit-transition:all 300ms linear 0s; -moz-transition:all 300ms linear 0s; -o-transition:all 300ms linear 0s; -ms-transition:all 300ms linear 0s; transition:all 300ms linear 0s; } textarea { -webkit-transition:all 300ms linear 0s; -moz-transition:all 300ms linear 0s; -o-transition:all 300ms linear 0s; -ms-transition:all 300ms linear 0s; transition:all 300ms linear 0s; } input[type="search"] { -webkit-transition:all 300ms linear 0s; -moz-transition:all 300ms linear 0s; -o-transition:all 300ms linear 0s; -ms-transition:all 300ms linear 0s; transition:all 300ms linear 0s; } input[type="date"] { -webkit-transition:all 300ms linear 0s; -moz-transition:all 300ms linear 0s; -o-transition:all 300ms linear 0s; -ms-transition:all 300ms linear 0s; transition:all 300ms linear 0s; } input[type="range"] { -webkit-transition:all 300ms linear 0s; -moz-transition:all 300ms linear 0s; -o-transition:all 300ms linear 0s; -ms-transition:all 300ms linear 0s; transition:all 300ms linear 0s; } input[type="number"] { -webkit-transition:all 300ms linear 0s; -moz-transition:all 300ms linear 0s; -o-transition:all 300ms linear 0s; -ms-transition:all 300ms linear 0s; transition:all 300ms linear 0s; } input[type="tel"] { -webkit-transition:all 300ms linear 0s; -moz-transition:all 300ms linear 0s; -o-transition:all 300ms linear 0s; -ms-transition:all 300ms linear 0s; transition:all 300ms linear 0s; } input[type="url"] { -webkit-transition:all 300ms linear 0s; -moz-transition:all 300ms linear 0s; -o-transition:all 300ms linear 0s; -ms-transition:all 300ms linear 0s; transition:all 300ms linear 0s; } input[type="email"] { -webkit-transition:all 300ms linear 0s; -moz-transition:all 300ms linear 0s; -o-transition:all 300ms linear 0s; -ms-transition:all 300ms linear 0s; transition:all 300ms linear 0s; } input[type="password"] { -webkit-transition:all 300ms linear 0s; -moz-transition:all 300ms linear 0s; -o-transition:all 300ms linear 0s; -ms-transition:all 300ms linear 0s; transition:all 300ms linear 0s; } input[type="text"] { -webkit-transition:all 300ms linear 0s; -moz-transition:all 300ms linear 0s; -o-transition:all 300ms linear 0s; -ms-transition:all 300ms linear 0s; transition:all 300ms linear 0s; } input[type="submit"] { -webkit-transition:all 300ms linear 0s; -moz-transition:all 300ms linear 0s; -o-transition:all 300ms linear 0s; -ms-transition:all 300ms linear 0s; transition:all 300ms linear 0s; } .mailchimp .dt-sc-social-icons li { -webkit-transition:all 300ms linear 0s; -moz-transition:all 300ms linear 0s; -o-transition:all 300ms linear 0s; -ms-transition:all 300ms linear 0s; transition:all 300ms linear 0s; } .portfolio-title p { -webkit-transition:all 300ms linear 0s; -moz-transition:all 300ms linear 0s; -o-transition:all 300ms linear 0s; -ms-transition:all 300ms linear 0s; transition:all 300ms linear 0s; } .portfolio .views a { -webkit-transition:all 300ms linear 0s; -moz-transition:all 300ms linear 0s; -o-transition:all 300ms linear 0s; -ms-transition:all 300ms linear 0s; transition:all 300ms linear 0s; } .portfolio-title h5 { -webkit-transition:all 300ms linear 0s; -moz-transition:all 300ms linear 0s; -o-transition:all 300ms linear 0s; -ms-transition:all 300ms linear 0s; transition:all 300ms linear 0s; } .portfolio-title h5 a { -webkit-transition:all 300ms linear 0s; -moz-transition:all 300ms linear 0s; -o-transition:all 300ms linear 0s; -ms-transition:all 300ms linear 0s; transition:all 300ms linear 0s; } .portfolio .views { -webkit-transition:all 300ms linear 0s; -moz-transition:all 300ms linear 0s; -o-transition:all 300ms linear 0s; -ms-transition:all 300ms linear 0s; transition:all 300ms linear 0s; } .sorting-container a { -webkit-transition:all 300ms linear 0s; -moz-transition:all 300ms linear 0s; -o-transition:all 300ms linear 0s; -ms-transition:all 300ms linear 0s; transition:all 300ms linear 0s; } .read-more span { -webkit-transition:all 300ms linear 0s; -moz-transition:all 300ms linear 0s; -o-transition:all 300ms linear 0s; -ms-transition:all 300ms linear 0s; transition:all 300ms linear 0s; } .entry-detail h5 a:hover { -webkit-transition:all 300ms linear 0s; -moz-transition:all 300ms linear 0s; -o-transition:all 300ms linear 0s; -ms-transition:all 300ms linear 0s; transition:all 300ms linear 0s; } #main-menu ul li a { -webkit-transition:all 300ms linear 0s; -moz-transition:all 300ms linear 0s; -o-transition:all 300ms linear 0s; -ms-transition:all 300ms linear 0s; transition:all 300ms linear 0s; } .portfolio .image-overlay { -webkit-transition:all 300ms linear 0s; -moz-transition:all 300ms linear 0s; -o-transition:all 300ms linear 0s; -ms-transition:all 300ms linear 0s; transition:all 300ms linear 0s; } .portfolio .image-overlay a { -webkit-transition:all 300ms linear 0s; -moz-transition:all 300ms linear 0s; -o-transition:all 300ms linear 0s; -ms-transition:all 300ms linear 0s; transition:all 300ms linear 0s; } .portfolio:hover .portfolio-detail { -webkit-transition:all 300ms linear 0s; -moz-transition:all 300ms linear 0s; -o-transition:all 300ms linear 0s; -ms-transition:all 300ms linear 0s; transition:all 300ms linear 0s; } .product-carousel a { -webkit-transition:all 300ms linear 0s; -moz-transition:all 300ms linear 0s; -o-transition:all 300ms linear 0s; -ms-transition:all 300ms linear 0s; transition:all 300ms linear 0s; } .carousel-arrows a { -webkit-transition:all 300ms linear 0s; -moz-transition:all 300ms linear 0s; -o-transition:all 300ms linear 0s; -ms-transition:all 300ms linear 0s; transition:all 300ms linear 0s; } a { -webkit-transition:all 300ms linear 0s; -moz-transition:all 300ms linear 0s; -o-transition:all 300ms linear 0s; -ms-transition:all 300ms linear 0s; transition:all 300ms linear 0s; } /*----*****---- << 1.7. Box sizing >> ----*****----*/ .shopping-cart .buttons a { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .shopping-cart { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } #footer .widget.widget_links ul { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .footer-widgets-wrapper .widget-content { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .header7 .main-menu { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .products .product-title { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .products .product-title a { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .widget ul.tweet_list li { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .author-desc { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .intro-text { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .products .product-container { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .side-nav-container ul li { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } ul.commentlist li .comment-details { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .entry-post-content { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .widget ul.tweet_list p { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .portfolio-title { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .portfolio-detail { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } input.text { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } textarea { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } input[type="search"] { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } input[type="date"] { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } input[type="range"] { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } input[type="number"] { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } input[type="tel"] { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } input[type="url"] { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } input[type="email"] { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } input[type="password"] { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } input[type="text"] { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } /*----*****---- << 1.8. Images >> ----*****----*/ #primary img { max-width:100%; } .wp-caption { background:#C4C1AE; border:1px solid #C4C1AE; margin-bottom:10px; margin-top:10px; max-width:96%; padding:5px 7px 7px 5px; } .wp-caption img { display:block; margin: 0 auto; padding:6px; max-width:98%; } .wp-caption .wp-caption-text { text-align:center; padding-top:0px; margin:0px; } img.size-medium { max-width:99.6%; height: auto; } img.size-full { max-width:99.6%; height: auto; } img.size-large { max-width:99.6%; height: auto; } img.size-auto { max-width:99.6%; height: auto; } img.alignleft { display: inline; float: left; margin-right: 15px; } .alignleft { display: inline; float: left; margin-right: 15px; } img.alignright { display: inline; float: right; margin-left: 15px; text-align:right; } .alignright { display: inline; float: right; margin-left: 15px; text-align:right; } img.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; text-align:center; } .aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; text-align:center; } img.aligncenter { margin-bottom:20px; } img.alignright { margin-bottom:20px; } img.alignleft { margin-bottom:20px; } .alignnone { margin-bottom:20px; } .aligncenter { margin-bottom:20px; } .alignright { margin-bottom:20px; } .alignleft { margin-bottom:20px; } .align-center { margin:0 auto; display:block; } /*----*****---- << 1.9. Tables >> ----*****----*/ table { clear: both; margin-bottom: 20px; width: 100%; } th { border-bottom: 1px solid #eaeaea; color: #2c3e50; font-size: 14px; font-weight: 400; line-height: normal; padding: 15px; text-align: left; } tbody tr:nth-child(2n+1) td { background-color: #ffffff; } td { background-color: #ffffff; border-bottom: 1px solid #eaeaea; font-size: 14px; line-height: normal; padding: 13px 15px; text-align: left; color:#2c3e50; } /*----*****---- << 1.10. Widgets >> ----*****----*/ .widget { float:left; width:100%; padding:0px 0px 40px; margin:0px; position:relative; } #primary { float: left; margin:0; padding: 0; width: 870px; } #secondary-right { float: left; padding: 0; width: 270px; } #secondary-left { float: left; padding: 0; width: 270px; } #secondary { float: left; padding: 0; width: 270px; } #secondary img { height: auto; max-width: 100%; } #primary.content-full-width { width: 100%; } #primary.with-left-sidebar { margin:0px 0px 0px 30px; } #primary.with-right-sidebar { margin:0 30px 0 0; } #primary.page-with-both-sidebar { float: left; margin: 0 30px; width: 570px; } .widget.widget_text { margin:0; width:100%; } .widget ul.tweet_list { margin:0; width:100%; } .widget_categories ul { margin:0; width:100%; } .widget_recent_entries ul { margin:0; width:100%; } .widget_popular_entries ul { margin:0; width:100%; } .widget ul ul { margin: 10px 0px 10px 7%; width: 93%; } .widget ul ul li { width: 100%; } .widget ul { float: left; margin: 0; padding: 0; width: 100%; } .widget_product_categories ul li { display: inline; float: left; margin: 0; padding: 0; position: relative; width:100%; } .widget.widget_archive ul li { display: inline; float: left; margin: 0; padding: 0; position: relative; width:100%; } .widget_categories ul li { display: inline; float: left; margin: 0; padding: 0; position: relative; width:100%; } .widget_categories ul { margin-bottom:10px; } .widget h3 { font-size:24px; } .widget_product_categories ul li a { display:block; padding:7px 0px 10px 0px; color:#92a7bb; border-bottom:1px dashed #d9d9d9; } .widget.widget_archive ul li a { display:block; padding:7px 0px 10px 0px; color:#92a7bb; border-bottom:1px dashed #d9d9d9; } .widget_categories ul li a { display:block; padding:7px 0px 10px 0px; color:#92a7bb; border-bottom:1px dashed #d9d9d9; } .widget_product_categories ul li span:last-child { opacity: 0; } .widget_product_categories ul li .active span:first-child { opacity: 0; } .widget_product_categories ul li .active span:last-child { margin-right: -12px; opacity: 1; } .widget_product_categories ul li:first-child a{ padding:0px 0px 10px 0px; } .widget_categories ul li:first-child a{ padding:0px 0px 10px 0px; } .widget_product_categories ul li a:before { content: "\f105"; font-family: FontAwesome; font-style: normal; font-weight: normal; margin:0px 15px 0px 8px; color:#252525; } .widget_categories ul li a:before { content: "\f105"; font-family: FontAwesome; font-style: normal; font-weight: normal; margin:0px 15px 0px 8px; color:#252525; } .widget_product_categories ul li span { float:right; line-height:25px; margin-right:20px; font-size:14px; } .widget_recent_entries ul li h4 { font-size:13px; font-weight:400; margin-bottom:12px; line-height:20px; } .widget_recent_entries ul li h4 a { color:#2c3e50; } .widget_recent_entries ul li { margin-bottom:10px; display:inline-block; width:100%; padding:0; } .widget.widget_recent_entries .recent-posts-widget .thumb { float:left; width:85px; margin:5px 15px 10px 0px; } .widget_recent_entries ul li:last-child { margin-bottom:0; } .widget.widget_recent_entries .recent-posts-widget .entry-meta-data { width:59%; margin-bottom:0; } .widget.widget_recent_entries .recent-posts-widget .entry-meta-data p { margin:0px; padding:7px 10px 7px 0px; } .widget.widget_recent_entries .recent-posts-widget .entry-meta-data p:last-child { padding:7px 0px; } .widget.widget_recent_entries .recent-posts-widget .entry-meta-data p:last-child span { margin:0px 5px 0px 10px; } .widget.widget_text .textwidget { margin-bottom:5px; float:left; width:100%; } .widget.tweetbox h4 { margin-bottom:25px; } .widget.widget_text h4 { margin-bottom:25px; } .widget.widget_text h5.dt-sc-toggle-accordion { font-size:14px; padding: 0px 0 0px 75px; min-height:50px; line-height:45px; } .widget.widget_text h5.dt-sc-toggle-accordion a { display:inline-block; vertical-align:middle; line-height:normal; } .widget.widget_text h5.dt-sc-toggle-accordion:before { width:60px; height:50px; background-position:5px bottom; } .widget.widget_text h5.dt-sc-toggle-accordion.active:before { background-position:5px top; } .widget.widget_tag_cloud .tagcloud a { float: left; margin: 0 1px 1px 0; padding: 8px 10px; color:#92a7bb; background-color:#f8f8f8; border-radius:2px; } .widget.widget_tag_cloud .tagcloud a:hover { color:#ffffff; } .tagcloud { display: inline-block; margin-top: 5px; } .widget.tweetbox ul.tweet_list li { position:relative; padding:13px 10px 13px 60px; background-color:#f8f8f8; margin-bottom:1px; width:100%; } .widget.tweetbox ul.tweet_list li:before { width:50px; height:100%; float:left; text-align:center; color:#ffffff; position:absolute; left:0; top:0; line-height:70px; content:"\f099"; font-family:FontAwesome; font-size:22px; } .widget.tweetbox ul.tweet_list .tweet_time a { color:#34495e; } .widget ul.tweet_list a:hover { color:#34495e; } .widget.tweetbox ul.tweet_list .tweet_time { color:#34495e; } .widget.tweetbox ul.tweet_list .tweet_time { float:left; margin-right:5px; } .widget.tweetbox ul.tweet_list .tweet_text { color:#92a7bb; display:block; } .widget.tweetbox ul.tweet_list .tweet_time a:hover { color:#575757; } .widget.tweetbox .tweet_list li .tweet_text a:hover { color:#34495e; } .widget.widget_recent_reviews blockquote { display: inline-block; font-size: 16px; font-weight: 300; padding: 0; font-style:italic; border:none; line-height:24px; margin-bottom:15px; } .dt-review { margin-bottom:35px; } .dt-rev-author { text-align:center; } .dt-rev-author img { border-radius:50%; margin-bottom:10px; } .dt-rev-author h4 { font-size:15px; margin-bottom:0px; } .dt-rev-author span { font-size:12px; font-style:italic; } .widget_featured_products .products .product-details { margin:0; } .widget_featured_products .products .product-wrapper { margin:0; } .widget_price_filter form { clear:both; float:left; width:100%; margin:0; } .widget_price_filter .price_slider_wrapper .ui-widget-content { background-color: #d7d7d7; border-radius: 10px; box-shadow: 1px 1px 2px #dadada inset; height: 9px; margin-bottom: 35px; position: relative; z-index: 1; width:100%; } .widget_price_filter .ui-slider .ui-slider-range { background-color: #eaeaea; left:0; width:100%; position:absolute; height:100%; } .widget_price_filter .ui-slider .ui-slider-handle:before { background-color: #eaeaea; border-radius: 50%; content: ""; display: inline-block; height: 14px; left: -5px; padding: 5px; position: relative; top: -5px; width: 14px; z-index: -1; } .widget_price_filter .ui-slider .ui-slider-handle { border-radius: 50%; cursor: pointer; height: 14px; outline: 0 none; position: absolute; top: -3px; width: 14px; } .price_label { float: right; font-size:14px; color:#616161; } .widget_price_filter .price_slider_wrapper .ui-widget-content a:first-child { left:0; } .widget_price_filter .price_slider_wrapper .ui-widget-content a:last-child { left:inherit; right:4px; } .widget_top_rated_products ul.product_list_widget li a { display:block; } .widget_top_rated_products ul.product_list_widget li a img { float:left; width:85px; margin-right:10px; border:1px solid #eaeaea; } .widget_top_rated_products ul.product_list_widget li h4 { font-size:13px; margin-bottom:12px; } .star-rating { float:left; overflow:hidden; position:relative; font-size:1.2em; height:1em; line-height:1em; color:#1e2b38; font-size:13px; font-family:FontAwesome; width:50%; margin-bottom:10px; } .star-rating:before { content:"\f006\f006\f006\f006\f006"; color:#1e2b38; float:left; top:0; left:0; position:absolute; } .star-rating span { overflow:hidden; float:left; top:0; left:0; position:absolute; padding-top:1.5em } .star-rating span:before { content:"\f005\f005\f005\f005\f005"; top:0; position:absolute; left:0; } .widget_top_rated_products ul.product_list_widget li .amount { font-size:16px; } .widget_top_rated_products ul.product_list_widget li { float:left; width:100%; margin-bottom:30px; padding:0; } .widget_top_rated_products ul.product_list_widget li:last-child { margin-bottom:0; } /*----*****---- << 1.11. Definition Lists >> ----*****----*/ dl { margin:0px 20px; } dl.gallery-item { margin:0px; } .gallery-caption { margin-bottom:10px; } .gallery-item img { border:2px solid #C4C1AE !important; } dt { font-weight:bold; font-size:14px; margin-bottom:10px; } dd { margin-bottom:20px; line-height:20px; } /*----*****---- << 1.12. Woocommerce >> ----*****----*/ .woocommerce-page table.shop_table { border-collapse: separate; margin: 0 -1px 24px 0; text-align: left; width: 100%; } .woocommerce table.shop_table { border-collapse: separate; margin: 0 -1px 24px 0; text-align: left; width: 100%; } .woocommerce-page #content table.cart td { vertical-align: middle; } .woocommerce #content table.cart td { vertical-align: middle; } .woocommerce-page table.cart td { vertical-align: middle; } .woocommerce table.cart td { vertical-align: middle; } .woocommerce-page #content table.cart th { vertical-align: middle; } .woocommerce #content table.cart th { vertical-align: middle; } .woocommerce-page table.cart th { vertical-align: middle; } .woocommerce table.cart th { vertical-align: middle; } .woocommerce-page table.shop_table th { font-size: 16px; font-weight: 400; line-height: 18px; padding: 15px 12px; background-color:#f8f8f8; } .woocommerce table.shop_table th { font-size: 16px; font-weight: 400; line-height: 18px; padding: 15px 12px; background-color:#f8f8f8; } .woocommerce-page #content table.cart .product-thumbnail { min-width: 32px; } .woocommerce #content table.cart .product-thumbnail { min-width: 32px; } .woocommerce-page table.cart .product-thumbnail { min-width: 32px; } .woocommerce table.cart .product-thumbnail { min-width: 32px; } .woocommerce-page table.shop_table td { padding: 6px 10px 0px 10px; vertical-align: middle; } .woocommerce table.shop_table td { padding: 6px 10px 0px 10px; vertical-align: middle; } .woocommerce-page #content table.cart td.actions { text-align: right; } .woocommerce #content table.cart td.actions { text-align: right; } .woocommerce-page table.cart td.actions { text-align: right; } .woocommerce table.cart td.actions { text-align: right; } .woocommerce-page #content table.cart td.actions .coupon { float:left; display:inline-block; margin-right:20px; } .woocommerce #content table.cart td.actions .coupon { float:left; display:inline-block; margin-right:20px; } .woocommerce-page table.cart td.actions .coupon { float:left; display:inline-block; margin-right:20px; } .woocommerce table.cart td.actions .coupon { float:left; display:inline-block; margin-right:20px; } .woocommerce-page table.cart td.actions { padding:6px 0px 30px 125px; float:right; } .woocommerce table.cart td.actions { padding:6px 0px 30px 125px; float:right; } .woocommerce table.cart td.actions-space { border-bottom:none; } .woocommerce table.cart tr { position:relative; } .woocommerce-page .cart-collaterals:after { clear: both; content: ""; display: block; } .woocommerce .cart-collaterals:after { clear: both; content: ""; display: block; } .woocommerce-page .cart-collaterals { width: 100%; } .woocommerce .cart-collaterals { width: 100%; } .woocommerce-page .cart-collaterals .cart_totals { float: right; text-align: right; width: 48%; } .woocommerce .cart-collaterals .cart_totals { float: right; text-align: right; width: 48%; } .woocommerce-page .cart-collaterals .cart_totals table { border-collapse: separate; border-radius: 5px; margin: 0 0 30px 0; padding: 0; } .woocommerce .cart-collaterals .cart_totals table { border-collapse: separate; border-radius: 5px; margin: 0 0 30px 0; padding: 0; } .woocommerce-page .cart-collaterals .cart_totals table tr:first-child td { border-top: 0 none; } .woocommerce .cart-collaterals .cart_totals table tr:first-child td { border-top: 0 none; } .woocommerce-page .cart-collaterals .cart_totals table tr:first-child th { border-top: 0 none; } .woocommerce .cart-collaterals .cart_totals table tr:first-child th { border-top: 0 none; } .woocommerce-page .cart-collaterals .cart_totals tr th { padding: 12px; background-color:#fbfbfb; font-size:13px; } .woocommerce .cart-collaterals .cart_totals tr th { padding: 12px; background-color:#fbfbfb; font-size:13px; } .woocommerce-page .cart-collaterals .cart_totals tr td { padding: 12px; background-color:#fbfbfb; font-size:13px; } .woocommerce .cart-collaterals .cart_totals tr td { padding: 12px; background-color:#fbfbfb; font-size:13px; } .woocommerce .cart-collaterals .cart_totals th { border-bottom-width: 1px; font-size: 13px; } .woocommerce-page form .form-row-wide { clear:both; margin: 0 0 6px; } .woocommerce form .form-row-wide { clear:both; margin: 0 0 6px; } .woocommerce-page form .form-row:after { clear: both; content: ""; display: block; } .woocommerce form .form-row:after { clear: both; content: ""; display: block; } .selection-box:before { border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 7px solid #fff; bottom: 0; height: 0; margin: auto; right: 17px; top: 3px; z-index: 1; } .selection-box:after { content: ""; pointer-events: none; position: absolute; } .selection-box:before { content: ""; pointer-events: none; position: absolute; } .selection-box:after { border-radius: 0 2px 2px 0; height: 50px; right: 0; top: 0px; width: 50px; } .woocommerce-page form .form-row { margin: 0 0 14px; position:relative; } .woocommerce form .form-row { margin: 0 0 14px; position:relative; } .selection-box { clear: both; position: relative; background-color: #f8f8f8; } .woocommerce-page form .form-row select { cursor: pointer; margin: 0; width: 100%; } .woocommerce form .form-row select { cursor: pointer; margin: 0; width: 100%; } select { -moz-appearance: none; border: 1px solid #eaeaea; border-radius: 0; color: #92a7bb; cursor: pointer; height: 50px; margin: 0px; text-indent: 0.01px; text-overflow: ""; width: 100%; padding: 0px 10px 0px 10px; line-height:43px; } select option { background-color: #f8f8f8; padding: 15px 0px 14px 10px; } .woocommerce-page .cart-collaterals .shipping_calculator { clear: right; float: right; margin: 30px 0 0; text-align: right; width: 48%; } .woocommerce .cart-collaterals .shipping_calculator { clear: right; float: right; margin: 30px 0 0; text-align: right; width: 48%; } .woocommerce-page .button { font-size: 14px; padding: 15px 11px 16px; border:none; min-height:50px; backface-visibility: hidden; } .woocommerce .button { font-size: 14px; padding: 15px 11px 16px; border:none; min-height:50px; backface-visibility: hidden; } .woocommerce .button:hover { background-color:#546d87; } .woocommerce-page .quantity .minus { border-radius: 0; float: left; height: 50px; border: 1px solid #eaeaea; background-color:#f8f8f8; font-size:20px; } .woocommerce-page .quantity .plus { border-radius: 0; float: left; height: 50px; border: 1px solid #eaeaea; background-color:#f8f8f8; font-size:20px; } .woocommerce .quantity .minus { border-radius: 0; float: left; height: 50px; border: 1px solid #eaeaea; background-color:#f8f8f8; font-size:20px; } .woocommerce .quantity .plus { border-radius: 0; float: left; height: 50px; border: 1px solid #eaeaea; background-color:#f8f8f8; font-size:20px; } .woocommerce-page .quantity .qty { background-color: #fbfbfb; float: left; height: 50px; width: 70px; border-style: solid; border-width: 1px 0 1px 0px; text-align: center; margin:0; border-color:#eaeaea; -moz-appearance: textfield; -webkit-appearance: textfield; appearance: textfield; float:left; z-index:1; position:relative; } .woocommerce .quantity .qty { background-color: #fbfbfb; float: left; height: 50px; width: 70px; border-style: solid; border-width: 1px 0 1px 0px; text-align: center; margin:0; border-color:#eaeaea; -moz-appearance: textfield; -webkit-appearance: textfield; appearance: textfield; float:left; z-index:1; position:relative; } .product .summary .quantity .minus { display: inline-block; padding:0px 17px; color:#616161; } .product .summary .quantity .plus { display: inline-block; padding:0px 17px; color:#616161; } .product .summary .quantity .qty { display: inline-block; padding:0px 17px; color:#616161; } table.shop_table .quantity .minus { display: inline-block; padding:0px 17px; color:#616161; } table.shop_table .quantity .plus { display: inline-block; padding:0px 17px; color:#616161; } .woocommerce-page .quantity { width: auto; } .woocommerce .quantity { width: auto; } .woocommerce-page td.product-quantity { min-width: 80px; } .woocommerce td.product-quantity { min-width: 80px; } .woocommerce table.shop_table .product-name a { color:#2c3e50; } .woocommerce table.shop_table .product-subtotal span { font-size:20px; } .woocommerce-page #content table.cart td.actions .coupon .input-text { border: 1px solid #eaeaea; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; line-height: 1em; margin: 0 0px 0 20px; outline: 0 none; padding: 0px 20px 0px; width: 80px; color:#92a7bb; background-color:#fbfbfb; } .woocommerce #content table.cart td.actions .coupon .input-text { border: 1px solid #eaeaea; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; line-height: 1em; margin: 0 0px 0 20px; outline: 0 none; padding: 0px 20px 0px; width: 80px; color:#92a7bb; background-color:#fbfbfb; } .woocommerce-page table.cart td.actions .coupon .input-text { border: 1px solid #eaeaea; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; line-height: 1em; margin: 0 0px 0 20px; outline: 0 none; padding: 0px 20px 0px; width: 80px; color:#92a7bb; background-color:#fbfbfb; } .woocommerce table.cart td.actions .coupon .input-text { border: 1px solid #eaeaea; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; line-height: 1em; margin: 0 0px 0 20px; outline: 0 none; padding: 0px 20px 0px; width: 80px; color:#92a7bb; background-color:#fbfbfb; } .woocommerce table.cart td.actions .coupon .input-text { height: 50px; width: 170px; -webkit-appearance: none; -moz-appearance: none; } .woocommerce table.shop_table .cart_table_item td:first-child { border-left:1px solid #eaeaea; } .woocommerce table.shop_table .cart_table_item td:last-child { border-right:1px solid #eaeaea; } .woocommerce-page #content table.cart a.remove { border-radius: 100%; color: #616161; display: block; font-size: 23px; font-weight: normal; height: 30px; line-height: 30px; text-align: center; text-decoration: none; width: 30px; background-color:#eaeaea; } .woocommerce #content table.cart a.remove { border-radius: 100%; color: #616161; display: block; font-size: 23px; font-weight: normal; height: 30px; line-height: 30px; text-align: center; text-decoration: none; width: 30px; background-color:#eaeaea; } .woocommerce-page table.cart a.remove { border-radius: 100%; color: #616161; display: block; font-size: 23px; font-weight: normal; height: 30px; line-height: 30px; text-align: center; text-decoration: none; width: 30px; background-color:#eaeaea; } .woocommerce table.cart a.remove { border-radius: 100%; color: #616161; display: block; font-size: 23px; font-weight: normal; height: 30px; line-height: 30px; text-align: center; text-decoration: none; width: 30px; background-color:#eaeaea; } .woocommerce table.cart a.remove:hover { color:#ffffff; } .woocommerce table.cart .product-thumbnail img { border:1px solid #eaeaea; border-radius:2px; } .woocommerce .cart_totals h2 { font-size:18px; text-align:left; margin-bottom:25px; } .woocommerce .cart_totals .total .amount { font-size:20px; } .woocommerce .cart-collaterals .cart_totals table { border-width:1px 1px 0px 1px; border-style:solid; border-color:#eaeaea; border-radius:0px; } .woocommerce .cart-collaterals .cart_totals td { color:#616161; } .woocommerce-page form .form-row textarea { box-sizing: border-box; line-height: 1em; margin: 0; outline: 0 none; width: 100%; padding:16px 10px; } .woocommerce form .form-row textarea { box-sizing: border-box; line-height: 1em; margin: 0; outline: 0 none; width: 100%; padding:16px 10px; } .woocommerce-page form .form-row input.input-text { box-sizing: border-box; line-height: 1em; margin: 0; outline: 0 none; width: 100%; padding:16px 10px; } .woocommerce form .form-row input.input-text { box-sizing: border-box; line-height: 1em; margin: 0; outline: 0 none; width: 100%; padding:16px 10px; } .woocommerce-page #content div.product { margin-bottom: 0; position: relative; } .woocommerce #content div.product { margin-bottom: 0; position: relative; } .woocommerce-page div.product { margin-bottom: 0; position: relative; } .woocommerce div.product { margin-bottom: 0; position: relative; } .woocommerce-page #content div.product div.images { float: left; margin-bottom: 2em; width: 49%; } .woocommerce #content div.product div.images { float: left; margin-bottom: 2em; width: 49%; } .woocommerce-page div.product div.images { float: left; margin-bottom: 2em; width: 49%; } .woocommerce div.product div.images { float: left; margin-bottom: 2em; width: 49%; } .product .yith_magnifier_zoom_wrap { position: relative; z-index: 1; } .yith_magnifier_zoom { display: block; position: relative; } .woocommerce-page #content div.product div.images img { display: block; height: auto; transition: all 0.2s ease-in-out 0s; border:1px solid #eaeaea; } .woocommerce #content div.product div.images img { display: block; height: auto; transition: all 0.2s ease-in-out 0s; border:1px solid #eaeaea; } .woocommerce-page div.product div.images img { display: block; height: auto; transition: all 0.2s ease-in-out 0s; border:1px solid #eaeaea; } .woocommerce div.product div.images img { display: block; height: auto; transition: all 0.2s ease-in-out 0s; border:1px solid #eaeaea; } .woocommerce-page #content div.product div.images div.thumbnails:after { clear: both; content: ""; display: block; } .woocommerce #content div.product div.images div.thumbnails:after { clear: both; content: ""; display: block; } .woocommerce-page div.product div.images div.thumbnails:after { clear: both; content: ""; display: block; } .woocommerce div.product div.images div.thumbnails:after { clear: both; content: ""; display: block; } .single-product .thumbnails ul { clear: both; display: block; width: 100%; } .product .images .thumbnails .yith_magnifier_gallery li.last { margin:0 14px 0 0; } .product .images .thumbnails .yith_magnifier_gallery li { margin:0 14px 0 0; } .product .images .thumbnails .yith_magnifier_gallery li:last-child { margin:0; } .single-product .thumbnails ul li { display: inline-block; margin: 0 5px; width: 80px; padding:0; } .woocommerce-page #content div.product div.summary { float: right; margin-bottom: 2em; width: 42%; } .woocommerce #content div.product div.summary { float: right; margin-bottom: 2em; width: 42%; } .woocommerce-page div.product div.summary { float: right; margin-bottom: 2em; width: 42%; } .woocommerce div.product div.summary { float: right; margin-bottom: 2em; width: 42%; } .woocommerce-page #content div.product div.images { float: left; margin-bottom: 2em; width: 54%; } .woocommerce #content div.product div.images { float: left; margin-bottom: 2em; width: 54%; } .woocommerce-page div.product div.images { float: left; margin-bottom: 2em; width: 54%; } .woocommerce div.product div.images { float: left; margin-bottom: 2em; width: 54%; } .woocommerce-page #content div.product div.images div.thumbnails { padding-top: 1em; } .woocommerce #content div.product div.images div.thumbnails { padding-top: 1em; } .woocommerce-page div.product div.images div.thumbnails { padding-top: 1em; } .woocommerce div.product div.images div.thumbnails { padding-top: 1em; } .product .summary { position: relative; } .single-product .summary h1 { font-size: 24px; text-transform: none; margin-bottom:10px; } .woocommerce-product-rating { clear: both; float: left; margin: 0; padding: 0 0 10px; width: 100%; } .woocommerce-page .star-rating { float:none; overflow: hidden; position: relative; height: 1em; line-height: 1em; font-size: 1em; width: 5.4em; font-family: FontAwesome; display:block; margin-bottom:15px; } .woocommerce .star-rating { float:none; overflow: hidden; position: relative; height: 1em; line-height: 1em; font-size: 1em; width: 5.4em; font-family: FontAwesome; display:block; margin-bottom:15px; } .woocommerce-page .star-rating:before { content: "\f006 \f006 \f006 \f006 \f006"; color: #1e2b38; top: 0; left: 0; position: absolute; } .woocommerce .star-rating:before { content: "\f006 \f006 \f006 \f006 \f006"; color: #1e2b38; top: 0; left: 0; position: absolute; } .woocommerce-page .star-rating span { overflow: hidden; float: left; top: 0; left: 0; position: absolute; padding-top: 1.5em } .woocommerce .star-rating span { overflow: hidden; float: left; top: 0; left: 0; position: absolute; padding-top: 1.5em } .woocommerce-page .star-rating span:before { content: "\f005 \f005 \f005 \f005 \f006"; top: 0; position: absolute; left:0; color:#1e2b38; } .woocommerce .star-rating span:before { content: "\f005 \f005 \f005 \f005 \f006"; top: 0; position: absolute; left:0; color:#1e2b38; } .woocommerce-page .products .star-rating { display: block; margin: 0 0 .5em; float: none; } .woocommerce .products .star-rating { display: block; margin: 0 0 .5em; float: none; } .woocommerce-product-rating .price { font-size:24px; display:inline-block; margin-bottom:15px; } .woocommerce-review-link { color:#616161; float:right; border-bottom:1px solid #898989; } .summary .description { float:left; width:100%; font-size:14px; margin-bottom:20px; } .summary .project-details ul.client-details li { border-bottom:1px solid #eaeaea; padding-bottom:10px; margin-bottom:10px; } .summary .project-details ul.client-details li:last-child { border-bottom:none; } .summary .cart { display: inline-block; margin-right: 10px; margin-top: 20px; } .woocommerce-page div.product form.cart div.quantity { float: left; margin: 0 10px 0 0; } .woocommerce-page #content div.product form.cart div.quantity { float: left; margin: 0 10px 0 0; } .woocommerce div.product form.cart div.quantity { float: left; margin: 0 10px 0 0; } .woocommerce #content div.product form.cart div.quantity { float: left; margin: 0 10px 0 0; } .woocommerce-page .col2-set .col-1 { float: left; width: 48%; } .woocommerce .col2-set .col-1 { float: left; width: 48%; } .woocommerce-page .col2-set .col-2 { float: right; width: 48%; } .woocommerce .col2-set .col-2 { float: right; width: 48%; } .woocommerce-page .col2-set:after { clear: both; content: ""; display: block; } .woocommerce .col2-set:after { clear: both; content: ""; display: block; } .woocommerce-page .col2-set { width: 100%; } .woocommerce .col2-set { width: 100%; } .woocommerce-page form .form-row label { font-weight: normal; padding-bottom: 5px; } .woocommerce form .form-row label { font-weight: normal; padding-bottom: 5px; } .woocommerce-page form .form-row label { display: block; } .woocommerce form .form-row label { display: block; } .woocommerce-page form .form-row-last { float: left; overflow: visible; width: 48%; } .woocommerce form .form-row-last { float: left; overflow: visible; width: 48%; } .woocommerce-page form .form-row-first { float: left; overflow: visible; width: 48%; } .woocommerce form .form-row-first { float: left; overflow: visible; width: 48%; } .woocommerce form .form-row.form-row-first { margin-right:22px; } .woocommerce-page form .form-row.validate-required.woocommerce-invalid select { border-color: #fb7f88; } .woocommerce form .form-row.validate-required.woocommerce-invalid select { border-color: #fb7f88; } .woocommerce-page form .form-row.validate-required.woocommerce-invalid input.input-text { border-color: #fb7f88; } .woocommerce form .form-row.validate-required.woocommerce-invalid input.input-text { border-color: #fb7f88; } .woocommerce-page form .form-row.validate-required.woocommerce-invalid .chzn-drop { border-color: #fb7f88; } .woocommerce form .form-row.validate-required.woocommerce-invalid .chzn-drop { border-color: #fb7f88; } .woocommerce-page form .form-row.validate-required.woocommerce-invalid .chzn-single { border-color: #fb7f88; } .woocommerce form .form-row.validate-required.woocommerce-invalid .chzn-single { border-color: #fb7f88; } .woocommerce-page #payment { background: none repeat scroll 0 0 #ffffff; } .woocommerce #payment { background: none repeat scroll 0 0 #ffffff; } .woocommerce-page #payment ul.payment_methods:after { clear: both; content: ""; display: block; } .woocommerce #payment ul.payment_methods:after { clear: both; content: ""; display: block; } .woocommerce-page #payment ul.payment_methods { list-style: none outside none; margin-bottom: 15px; padding: 0; text-align: left; } .woocommerce #payment ul.payment_methods { list-style: none outside none; margin-bottom: 15px; padding: 0; text-align: left; } .woocommerce-page #payment ul.payment_methods li input { margin: 0 1em 0 0; } .woocommerce #payment ul.payment_methods li input { margin: 0 1em 0 0; } .woocommerce-page #payment ul.payment_methods li { font-weight: normal; line-height: 2em; margin: 0; text-align: left; padding-bottom:10px; position:relative; padding:0; } .woocommerce #payment ul.payment_methods li { font-weight: normal; line-height: 2em; margin: 0; text-align: left; padding-bottom:10px; position:relative; padding:0; } .woocommerce-page #payment div.payment_box { background: none repeat scroll 0 0 #f8f8f8; } .woocommerce #payment div.payment_box { background: none repeat scroll 0 0 #f8f8f8; } .woocommerce-page #payment div.payment_box { color: #92a7bb; font-size: 13px; line-height: 25px; margin: 7px 0 15px 0px; padding: 2em 2%; position: relative; width: 100%; border:1px solid #eaeaea; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; } .woocommerce #payment div.payment_box { color: #92a7bb; font-size: 13px; line-height: 25px; margin: 7px 0 15px 0px; padding: 2em 2%; position: relative; width: 100%; border:1px solid #eaeaea; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; } .woocommerce-page #payment div.payment_box p:last-child { margin-bottom: 0; } .woocommerce #payment div.payment_box p:last-child { margin-bottom: 0; } .woocommerce-page #payment ul.payment_methods li img { margin: -2px 0 0 0.5em; position: relative; vertical-align: middle; } .woocommerce #payment ul.payment_methods li img { margin: -2px 0 0 0.5em; position: relative; vertical-align: middle; } .woocommerce-page #payment div.form-row { margin:0 0 6px 0; padding:3px 0; } .woocommerce #payment div.form-row { margin:0 0 6px 0; padding:3px 0; } .woocommerce input[type="radio"] { display:none; } .woocommerce input[type="checkbox"] { display:none; } .woocommerce-shipping-fields label span { background-color: #ffffff; border:1px solid #eaeaea; cursor: pointer; display: inline-block; height: 16px; position: relative; top: 4px; transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; width: 16px; z-index: 1; padding-bottom:0; box-shadow:0 0 0 2px #ffffff inset; margin-right:10px; } .woocommerce form .form-row label span { background-color: #ffffff; border:1px solid #eaeaea; cursor: pointer; display: inline-block; height: 16px; position: relative; top: 4px; transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; width: 16px; z-index: 1; padding-bottom:0; box-shadow:0 0 0 2px #ffffff inset; margin-right:10px; } .woocommerce .payment_methods label span:before { background-color: #fbfbfb; border-radius: 100px; cursor: pointer; display: inline-block; height: 14px; transition: all 0.5s ease 0s; width: 14px; z-index: 1; position:absolute; top:2px; left:2px; content:""; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; } .woocommerce .payment_methods label span { background-color:#fbfbfb; border:1px solid #eaeaea; position:absolute; width:18px; height:18px; border-radius:100px; position:relative; display:inline-block; margin-right:10px; top:5px; } .woocommerce input[type="radio"]:checked + label span:before { background-color:#21c2f8; } #order_review_heading { font-size:24px; } .woocommerce-billing-fields h3 { font-size:24px; } .woocommerce-shipping-fields h3 { font-size:24px; } .woocommerce-billing-fields h3 { margin-bottom:30px; } .woocommerce-shipping-fields h3 { margin-bottom:30px; } #order_review_heading { margin-bottom:25px; clear:both; } .woocommerce-info { float: left; margin-bottom: 12px; width: 100%; color:#2c3e50; } .woocommerce-info a { color:#2c3e50; } .woocommerce-tabs .panel ul li { border-bottom:1px solid #eaeaea; padding:10px 20px 10px 0px; } .woocommerce-tabs .panel ul li:last-child { border:none; } .woocommerce-tabs .panel ul li .fa { margin-right:5px; } .woocommerce-tabs .panel ul li span { color:#2c3e50; font-weight:bold; width:150px; float:left; } .woocommerce-tabs .panel ul { display:inline-block; } .woocommerce-tabs .panel h6 { margin-bottom:15px; } .woocommerce-tabs .panel .thumb { float:left; margin:0px 30px 0px 0px; } .woocommerce-tabs .panel { background:#f8f8f8; float:left; clear:both; width:90%; margin:-1px 0px 0px -1px; padding:20px 5% 35px; } .woocommerce-tabs ul.tabs li a.current { background:#f8f8f8; border:0px; position:relative; z-index:1; margin-left:-1px; } .woocommerce-tabs ul.tabs li:first-child a { border-left:1px solid #eaeaea; } .woocommerce-tabs ul.tabs li a { border:1px solid #d9d9d9; border-width:1px 1px 0px 0px; border-style:solid; border-color:#eaeaea; float:left; margin:0px; padding:0px 25px; background:#ffffff; text-align:center; font-weight:400; color:#2c3e50; line-height:60px; font-size:16px; font-family:'lato', sans-serif; } .woocommerce-tabs ul.tabs li { float:left; display:inline; margin:0px; padding:0px; } .woocommerce-tabs ul.tabs { float:left; margin:0px; padding:0px; width:100%; } input::-webkit-inner-spin-button { -webkit-appearance: none; } input::-webkit-outer-spin-button { -webkit-appearance: none; } #ship-to-different-address { margin-bottom: 23px; } /*----*****---- << 2. Layout >> ----*****----*/ /*----*****---- << 2.1. Container >> ----*****----*/ .container { width:1170px; margin:0 auto; position:relative; clear:both; } .wrapper { clear:both; width:100%; margin:0px; padding:0px; float:left; } .inner-wrapper { margin:0px; width:100%; float:left; padding:0px; } .boxed .wrapper { width:1250px; margin:0 auto; float:none; } .boxed .header { width:1250px; margin:0 auto; } .boxed .inner-wrapper { background-color:#ffffff; } .boxed #main { background-color:#ffffff; } .boxed .wrapper { background-color:#ffffff; } /*----*****---- << 2.2. Top Bar >> ----*****----*/ #loader-image { background:#fff; z-index: 999991; width:100%; height:100%; float:left; top: 0; left: 0; right:0; bottom:0; margin:auto; position:absolute; } .loader-wrapper { background: none repeat scroll 0 0 #fff; height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 9999999; } .top-bar { width:100%; clear:both; float:left; padding:0px; line-height:50px; border-bottom:1px dashed #ededed; border-top:1px dashed #ededed; background-color:#fff; } .top-menu { float:left; margin:0px; padding:0px; } .top-menu li { float:left; display:inline; margin:0px; padding:0px 20px; border-left:1px dashed #ededed; } .top-menu li:last-child { border-right:1px dashed #ededed; } .top-menu li a:hover { color:#2c3e50; } .top-menu .fa { font-size:16px; font-family:FontAwesome; font-weight:normal; margin-right:3px; } .top-right { float:right; width:25%; margin:0px; padding:0px 8px; border-right:1px dashed #ededed; border-left:1px dashed #ededed; } .top-right span { padding:0px 8px; } .top-right .register { float:left; margin:0; width:100%; } .top-right .register li { display: inline-block; margin: 0; float:left; padding:0; } .top-right .register li:last-child { border-left:1px dashed #ededed; } .top-right .register li a { float:left; padding: 0 22px 0 23px; } .top-social-icons { margin:0; } .top-social-icons li { float:left; display:inline-block; margin:0; padding:0; } .top-social-icons li a { padding:0px 8px; border:none; display:inline-block; font-size:17px; float:left; color:#ccdded; } .top-social-icons li:hover .fa { color:#fff; } .top-bar.type2 { border:none; line-height:40px; background-color:#34495e; } .top-bar.type2 .search a { color:#d5d5d5; background-color:#2c3e50; display:inline-block; padding:0 15px; font-size:20px; margin:0; } .top-bar.type2 .search a:hover { color:#fff; } .top-bar.type4 { border:none; line-height:40px; background-color:#2c3e50; } .top-bar.type3 { border:none; line-height:40px; background-color:#2c3e50; } .top-contact-details { display:inline-block; margin:0; padding:0; } .top-contact-details li { float:left; display:inline-block; margin:0 20px 0 0; padding:0; } .top-contact-details li a { font-size:12px; color:#f0f4f8; } .top-contact-details .fa { color:#f0f4f8; margin-right:9px; } .shop-cart { display:inline-block; color:#fff; margin:0; } .shop-cart .fa { margin-right:8px; } .shop-cart:hover { color:#; } .shop-cart a { color:#fff; } .top-bar .alignright { margin:0; } .top-bar .alignleft { margin:0; } .top-bar.type4 .top-social-icons li a { font-size:14px; line-height:43px; } .top-register a { color:#b8c5d0; font-size:14px; padding:3px 10px; border:1px solid #b8c5d0; border-radius:2px; margin:8px 0; display:inline-block; line-height:20px; } .top-register a:last-child { margin-left:9px; } .top-register a:hover { color:#fff; } #main-menu > ul > li > a.header-cart { position:relative; } #main-menu > ul.menu > li > a.header-cart i { position:inherit; line-height:inherit; left:0; margin:0; font-size:16px; } #main-menu > ul > li > a.header-cart span { position:absolute; font-size:10px; top:22px; right:5px; background-color:#eaeaea; border-radius:3px; display:inline-block; line-height:15px; padding:0 3px; } .top-bar.type5 { border:none; line-height:36px; background-color:#ebeef0; } .top-bar.type5 .top-contact-details li span { color:#7b8a97; } .top-bar.type5 .top-contact-details li a { color:#7b8a97; } .top-bar.type5 .top-contact-details .fa { color:#7b8a97; } .top-bar.type5 .top-contact-details { font-size:12px; } .top-bar.type5 .top-contact-details .fa { font-size:16px; } .top-bar.type5 .top-social-icons li a { color:#7b8a97; font-size:16px; } .service-option a { font-size:12px; color:#7b8a97; margin:0 12px; display:inline-block; } .service-option { margin:0; } .top-shop-cart li > a { font-size:20px; display:block; color:#bbc8d5; padding:20px 10px; float:left; margin-left:1px; } .top-shop-cart li { float:left; padding:0; position:relative; } /* .top-shop-cart li.search { position:relative; } */ .top-shop-cart { margin:0; padding:0; position:relative; } .top-shop-cart > a:hover { color:#fff; } .search-form-box:before { border-color: transparent transparent #fff; border-style: solid; border-width: 7px; content: ""; display: block; height: 0; position: absolute; right: 10px; top: -13px; width: 0; } .search-form-box { animation: 0.3s ease 0.037s normal both 1 running fade-anim; z-index: 999999; } #search-form-box .search-text-box { background-color:#fff; /*background-image: url("images/search.png"); background-position: 9px 9px; background-repeat: no-repeat; background-size: 16px 16px;*/ border: 1px solid #ccc; box-shadow: none; color: #444; cursor: text; font-size: 13px; height: 38px; line-height: 18px; min-height: 48px; min-width: 240px; padding: 7px 5px 8px 10px; transition: all 0.3s ease-in-out 0s; width: 1px; margin:0; box-shadow:0 -1px 9px 3px rgba(0, 0, 0, 0.15); } .search-form-box { position: absolute; right:0px; bottom:-48px; } .top-bar.type2 .search-form-box:before { right:19px; } .top-shop-cart.type2 li.dt-sc-cart > a { padding:20px; background-color:#2c3e50; } .top-shop-cart.type2 li.search > a { padding:20px; background-color:#2c3e50; } .top-bar.type6 { border:none; } .top-bar.type6 .top-social-icons li a { color:#92a7bb; } .top-bar.type6 .top-contact-details a { color:#92a7bb; } .top-bar.type6 .top-contact-details .fa { color:#92a7bb; } .dt-sc-cart:hover .shopping-cart { display:block; -webkit-animation: 0.3s ease-in fadeInUp; -moz-animation: 0.3s ease-in 0s fadeInUp; animation: 0.3s ease-in 0s fadeInUp; } .shopping-cart { float:left; width:100%; background-color:#fff; border:1px solid #eaeaea; min-width:270px; padding:20px 20px 10px 20px; position:absolute; top:62px; right:0; display:none; box-shadow:0 -1px 8px 3px rgba(0, 0, 0, 0.08); } .shopping-cart:before { content: "\f106"; font-family:FontAwesome; font-size:28px; top:-16px; position:absolute; right:8px; color:#eaeaea; } .shopping-cart:after { border-color: transparent transparent #fff; border-style: solid; border-width: 7px; content: ""; display: block; height: 0; position: absolute; right: 10px; top: -14px; width: 0; } .product_cart_list { display:block; margin:0 0 10px; padding:0 0 10px; float:left; width:100%; border-bottom:1px solid #eaeaea; } .product_cart_list li { display:block; clear:both; margin-bottom:20px; position:relative; width:100%; } .product_cart_list li a { padding:0; margin:0; text-align:left; font-size:14px; margin-bottom:5px; font-weight:bold; font-family:"lato",sans-serif; float:none; color:#333; line-height:normal; margin-bottom:10px; } .product_cart_list li a img { max-width:80px; float:left; margin-right:10px; border:1px solid #eaeaea; } .product_cart_list li a .remove { position:absolute; font-size:12px; color:#fff; left:-7px; top:-7px; background-color:#191919; width:20px; height:20px; border-radius:100%; text-align:center; line-height:20px; } .product_cart_list .product-details { display:block; float:left; } .product_cart_list .product-details > span { float:left; padding:0 10px; border:1px solid #ccc; line-height:normal; font-size:12px; color:#333; margin:0 10px 5px 0; } /* .product_cart_list .product-details > span:first-child { margin-right:10px; } */ .product_cart_list .product-details .amount { color:#21c2f8; } .product_cart_list .product-details .quantity { text-align:left; display:block; clear:both; font-size:16px; font-family:"lato",sans-serif; font-weight:normal; margin-bottom:5px; color:#333; } .shopping-cart .total { font-size:16px; font-family:"lato",sans-serif; clear:both; color:#333; font-weight:bold; float:left; width:100%; text-align:left; margin-bottom:20px; } .shopping-cart .total span { float:right; } .shopping-cart .buttons { float:left; width:100%; } .shopping-cart .buttons a { float:left; width:100%; display:inline-block; text-align:left; font-size:14px; background-color:#2c3e50; color:#fff; padding:10px 0; text-transform:uppercase; margin-bottom:10px; text-align:center; font-weight:bold; } .shopping-cart .buttons a:last-child { margin:0; } .top-shop-cart.type2 .shopping-cart:before { right:15px; } .top-shop-cart.type2 .shopping-cart:after { right:17px; } .top-shop-cart.type2 .search-form-box:before { right:20px; } /*----*****---- << 2.3. Header >> ----*****----*/ #header-wrapper-sticky-wrapper { max-width: 100%; float:left; width:100%; } #header-wrapper { float:left; width:100%; z-index:99999; } .header { width:100%; margin:0px; padding:0px; float:left; position:relative; z-index:9999; background-color:#ffffff; box-shadow:0 2px 5px -2px rgba(0, 0, 0, 0.15); -moz-box-shadow:0 3px 6px -2px rgba(0, 0, 0, 0.15); -webkit-box-shadow:0 3px 6px -2px rgba(0, 0, 0, 0.15); } .header.header2 #main-menu > ul.menu > li > a i { font-size: 14px; left: 13px; line-height:80px; } #main-menu > ul.menu > li > a i { font-size: 14px; left: 16px; line-height: 80px; margin: 0 5px 0 0; position: absolute; top: 0; } .header.header2 #main-menu > ul.menu > li > a { padding-left: 34px; padding-right: 14px; } .header3 { box-shadow:0px -1px 0px 0px #ededed inset; -moz-box-shadow:0px -1px 0px 0px #ededed inset; -webkit-box-shadow:0px -1px 0px 0px #ededed inset; } .header.header5 #main-menu > ul.menu > li > a { padding-left: 39px; padding-right:18px; position: relative; } .header.header4 #main-menu > ul.menu > li > a { padding-left: 39px; padding-right:18px; position: relative; } .header.header4 #main-menu { float:none; text-align:center; } .header.header4 #logo { float:left; width:100%; text-align:center; border-bottom:1px dashed #ededed; } .is-sticky .header.header6 #logo { display:none; } .is-sticky .header.header4 #logo { display:none; } .header.header5 .container { width: 100%; } .menu-container { float:left; width:100%; } #logo { float:left; display:inline; padding:22px 0px 19px 0px; margin:0px; } #logo a { width:100%; display:block; } #logo a img { max-width:100%; } .header5 #logo { padding-left:20px; } .header5 #main-menu { margin-right:20px; } .header6 #logo { text-align:center; width:100%; transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s; -ms-transition:all 0.5s ease 0s; } .header8 #main-menu { float:left; } .header6 #main-menu { float:left; } .header8 { float:left; width:100%; background-color:#34495e; transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s; -ms-transition:all 0.5s ease 0s; } .header6 #menu-container { float:left; width:100%; background-color:#34495e; transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s; -ms-transition:all 0.5s ease 0s; } .header6 #main-menu > ul > li > a { color:#fff; padding:20px 21px 20px; } .header8 #main-menu > ul > li.current_page_item:before { border:none; } .header6 #main-menu > ul > li.current_page_item > a { border:none; } .logo-wrapper .top-contact-details { display:inline-block; color:#7b8a97; font-size:13px; padding:30px 0 0; } .logo-wrapper .top-contact-details li a { color:#7b8a97; font-size:13px; } .logo-wrapper .top-contact-details li:last-child a { border-left:1px solid #9ea9b3; padding-left:17px; } .logo-wrapper .top-contact-details li:last-child { margin-right:0; } .header8 .megamenu-child-container { top:62px; background-color:#2c3e50; } .header8 #main-menu ul li.menu-item-simple-parent ul { top:62px; background-color:#2c3e50; } .header6 .megamenu-child-container { top:62px; background-color:#2c3e50; } .header6 #main-menu ul li.menu-item-simple-parent ul { top:62px; background-color:#2c3e50; } .header8 #main-menu ul li.menu-item-simple-parent ul li ul { top:-5px; } .header6 #main-menu ul li.menu-item-simple-parent ul li ul { top:-5px; } .header8 .menu-item-widget-area-container .widget ul li { border-color:#44607b; } .header8 .megamenu-child-container ul.sub-menu > li > ul li a { border-color:#44607b; } .header8 #main-menu ul li.menu-item-simple-parent ul li { border-color:#44607b; } .header6 .menu-item-widget-area-container .widget ul li { border-color:#44607b; } .header6 .megamenu-child-container ul.sub-menu > li > ul li a { border-color:#44607b; } .header6 #main-menu ul li.menu-item-simple-parent ul li { border-color:#44607b; } .header8 #main-menu ul li.menu-item-simple-parent ul li.current_page_item > a { color:#fff; } .header8 #main-menu ul li.menu-item-simple-parent ul li a:hover { color:#fff; } .header8 .menu-item-widget-area-container .widget ul li a:hover { color:#fff; } .header8 .megamenu-child-container > ul.sub-menu > li > .nolink-menu:hover { color:#fff; } .header8 .megamenu-child-container > ul.sub-menu > li > a:hover { color:#fff; } .header8 #main-menu > ul > li:hover > a { color:#fff; } .header8 .megamenu-child-container ul.sub-menu > li > ul li a:hover { color:#fff; } .header6 .menu-item-widget-area-container .widget ul li a { color:#fff; } .header6 .megamenu-child-container > ul.sub-menu > li > .nolink-menu { color:#fff; } .header6 .megamenu-child-container > ul.sub-menu > li > a { color:#fff; } .header6 .megamenu-child-container ul.sub-menu > li > ul li a { color:#fff; } .header6 #main-menu ul li.menu-item-simple-parent ul li a { color:#fff; } .header8 .menu-item-widget-area-container .widget ul li a { color:#bbc8d5; } .header8 .megamenu-child-container > ul.sub-menu > li > .nolink-menu { color:#bbc8d5; } .header8 .megamenu-child-container > ul.sub-menu > li > a { color:#bbc8d5; } .header8 .megamenu-child-container ul.sub-menu > li > ul li a { color:#bbc8d5; } .header8 #main-menu ul li.menu-item-simple-parent ul li a { color:#bbc8d5; } .header7 .main-menu-container { width:1170px; margin:0 auto; position:relative; } .header7 .main-menu { background-color:rgba(248, 248, 248, 0.5); box-shadow: 0 3px 6px -2px rgba(0, 0, 0, 0.15); display: inline-block; left: 0; padding: 0 30px; width: 100%; z-index: 9; transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s; -ms-transition:all 0.5s ease 0s; } .header7 { box-shadow:none; } .header7 #main-menu > ul > li.current_page_item > a { border:none; } .header7 .main-menu-container { transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s; -ms-transition:all 0.5s ease 0s; } .header.header7 { background-color:inherit; } .is-sticky .header7 .main-menu-container { width:100%; } .is-sticky .header7 .main-menu { background-color:#f8f8f8; } .header8 #main-menu > ul > li > a { color:#bbc8d5; z-index:1; padding:20px 21px 20px; } .header8 #main-menu > ul > li.current_page_item > a { color:#fff; border:none; } .header8 #main-menu > ul > li > a:hover { color:#fff; } .header8 #main-menu > ul > li:before { content:""; display:inline-block; height:0; position:absolute; background-color:#2c3e50; position:absolute; left:0; right:0; bottom:0; top:0; width:100%; z-index:1; } .header8 #main-menu > ul > li:hover:before { height:100%; } .header8 #main-menu > ul > li.current_page_item > a { background-color:#2c3e50; } .logo-wrapper { float:left; width:100%; box-shadow:0 2px 5px -2px rgba(0, 0, 0, 0.15); background-color:#fff; transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s; -ms-transition:all 0.5s ease 0s; position:relative; z-index:1; } .is-sticky .logo-wrapper { display:none; } #main-menu { float:right; margin:0px; padding:0px; } #main-menu ul { margin:0px auto; padding:0px; position:relative; } #main-menu > ul > li { display:inline-block; padding:0; position:relative; } #main-menu > ul > li > a { font-size:14px; font-weight:600; text-transform:uppercase; display:block; padding:29px 21px 30px; color:#1e1e1e; position:relative; } #main-menu > ul > li.current_page_item > a { border-right:1px dashed #ededed; border-left:1px dashed #ededed; } #main-menu > ul > li.current_page_item:before { content:""; position:absolute; bottom:0; left:0; border-bottom:3px solid; width:100%; } #main-menu ul li.menu-item-simple-parent ul li ul li ul { display:none; } #main-menu ul li.menu-item-simple-parent ul li:hover ul ul { display:none; } #main-menu ul li.menu-item-simple-parent ul li ul { display:none; } #main-menu ul li.menu-item-simple-parent ul { display:none; } #main-menu ul li.menu-item-simple-parent ul { background-color:#ffffff; border-bottom: 3px solid; box-shadow: 0 2px 3px rgba(0, 0, 0, 0.25); float: left; left: 0; padding: 10px 0; position: absolute; top: 81px; width: 180px; z-index: 1; text-align:left; } #main-menu ul li.menu-item-simple-parent ul li { display:inline; padding:10px 0px; position:relative; width:100%; border-bottom: 1px dashed #ededed; float:left; } #main-menu ul li.menu-item-simple-parent ul li:last-child { border-bottom:none; } #main-menu ul li.menu-item-simple-parent ul li a { display: block; font-size: 12px; padding: 0px 15px; position: relative; color:#1e1e1e; text-transform:uppercase; font-weight:normal; } #main-menu ul li.menu-item-simple-parent ul > li > ul > li:hover > ul { display:block; -webkit-animation: 0.3s ease-in fadeIn; -moz-animation: 0.3s ease-in fadeIn; animation: 0.3s ease-in fadeIn; } #main-menu > ul > li.menu-item-simple-parent > ul > li:hover > ul { display:block; -webkit-animation: 0.3s ease-in fadeInUp; -moz-animation: 0.3s ease-in 0s fadeInUp; animation: 0.3s ease-in 0s fadeInUp; } #main-menu > ul > li.menu-item-simple-parent:hover > ul { display:block; -webkit-animation: 0.3s ease-in fadeInUp; -moz-animation: 0.3s ease-in 0s fadeInUp; animation: 0.3s ease-in 0s fadeInUp; } #main-menu ul li.menu-item-simple-parent ul li ul { left:180px; top:-5px; border-top:0px; border-bottom:3px solid; padding-top:5px; border-top:3px solid; } #main-menu ul li.menu-item-simple-parent:last-child ul, #main-menu ul li.menu-item-simple-parent:nth-child(6) ul, #main-menu ul li.menu-item-simple-parent:nth-child(9) ul { left: inherit; right: 0; } #main-menu ul li.menu-item-simple-parent:nth-child(4) ul li ul, #main-menu ul li.menu-item-simple-parent:last-child ul li ul, #main-menu ul li.menu-item-simple-parent:nth-child(6) ul li ul li ul, #main-menu ul li.menu-item-simple-parent:nth-child(6) ul li ul { right:180px; left:inherit; } #main-menu ul li a.dt-menu-expand { display:none; } /****** Mega Menu *****/ #main-menu ul > li > .megamenu-child-container { display:none; } .megamenu-child-container { padding:10px 10px 40px; position:absolute; top:81px; left:0px; float:left; z-index:99; box-shadow: 0 2px 3px rgba(0, 0, 0, 0.25); background-color:#fff; border-bottom:3px solid; text-align:left; } .megamenu-2-columns-group .megamenu-child-container { width:500px; } .megamenu-3-columns-group .megamenu-child-container { width:750px; } .megamenu-4-columns-group .megamenu-child-container { width:1000px; } .megamenu-5-columns-group .megamenu-child-container { width:1230px; } .megamenu-child-container > ul.sub-menu > li { display: inline; float: left; line-height: normal; padding: 15px; width: 215px; } .megamenu-child-container > ul.sub-menu > li > .nolink-menu { font-size:16px; font-weight:600; text-transform:uppercase; display:block; color:#1e1e1e; position:relative; border-radius:2px; } .megamenu-child-container > ul.sub-menu > li > a { font-size:16px; font-weight:600; text-transform:uppercase; display:block; color:#1e1e1e; position:relative; border-radius:2px; } #main-menu > ul > li:hover > .megamenu-child-container { display:block; -webkit-animation: 0.3s ease-in fadeInUp; -moz-animation: 0.3s ease-in 0s fadeInUp; animation: 0.3s ease-in 0s fadeInUp; } .megamenu-child-container ul.sub-menu > li > ul { padding:0px; margin:0px; } .megamenu-child-container ul.sub-menu > li > ul li { display:block; padding:0px; } .megamenu-child-container ul.sub-menu > li > ul li a { clear:both; } .megamenu-child-container ul.sub-menu > li > ul li { clear:both; } .megamenu-child-container ul.sub-menu > li > ul li a { color:#36251e; position:relative; padding:10px 0px 10px 0px; font-size:13px; display:block; border-bottom:1px dashed #ededed; font-weight:normal; text-transform:uppercase; } .megamenu-child-container ul.sub-menu > li > ul > li > ul { padding-left:20px; } .megamenu-child-container ul.sub-menu > li > ul { padding: 10px 0 0 !important; } .menu-item-widget-area-container { margin: 0; padding: 0; width: 100%; } .menu-item-widget-area-container .widget { display: inline; padding: 0; } .menu-item-widget-area-container ul { margin: 0; padding: 0; } .menu-item-widget-area-container .widget ul li { color:#1e1e1e; display:block; border-bottom:1px dashed #ededed; margin-bottom:10px; } .menu-item-widget-area-container .widget ul li a { color:#1e1e1e; font-size:13px; text-transform:uppercase; font-weight:normal; } .megamenu-child-container > ul.sub-menu > li > p { margin-bottom:30px; } .dt-menu-expand { cursor: pointer; display: none !important; font-size: 16px !important; font-weight: bold; height: 40px; line-height: 40px !important; padding: 0 !important; position: absolute !important; right: 0; text-align: center; top: 0; width: 40px; } .dt-menu-toggle { color: #ffffff; cursor: pointer; display: none; font-size: 16px; font-weight: bold; padding: 10px 15px; text-transform: uppercase; } .dt-menu-toggle-icon:after { background-color:#ffffff; content: ""; height: 2px; left: 0; position: absolute; top: -5px; width: 20px; } .dt-menu-toggle-icon:before { background-color:#ffffff; content: ""; height: 2px; left: 0; position: absolute; top: -5px; width: 20px; } .dt-menu-toggle-icon:after { top:5px; } .dt-menu-toggle-icon { background-color: #ffffff; display: inline-block; float: right; height: 2px; margin-top: 10px; position: relative; text-align: left; width: 20px; } /*----*****---- << 2.4. Main >> ----*****----*/ .banner { float:left; width:100%; clear:both; } .banner img { max-width:100%; height:auto; float:left; } .page-slider-wrapper { display :block; float: left; position: relative; width:100%; } .slider-wrapper { display :block; float: left; position: relative; width:100%; } .slider-wrapper .caroufredsel_wrapper { margin: 0 !important; } .slider-wrapper .main-slider li { float: left; margin: 0; padding: 0; width: 100%; } .slider-wrapper .main-slider li img { height: auto; float:left; } .slide-controls-wrapper { float: left; margin:0; outline: 0; position: relative; width: 100%; z-index: 1; } .slide-controls { display: block; float: none; margin: 0 auto; max-width: 70px; } .slide-controls .dt-sc-ico-content.type10 { cursor:pointer; } .slide-controls .dt-sc-ico-content.type6 { cursor:pointer; } .full-width-section { float:left; width:100%; clear:both; } #main { float:left; width:100%; } /*----*****---- << 2.4.1. Fullwidth - Page Title >> ----*****----*/ .full-width-bg { background:url(images/bg.jpg) 50% 0 repeat-y fixed; height:auto; padding:48px 0px 50px; } .main-title h2 { margin-bottom:0px; color:#ffffff; float:left; } .main-title h3 { margin-bottom:0px; color:#ffffff; float:left; } .main-title h1 { margin-bottom:0px; color:#ffffff; float:left; } .main-title h1 { font-size:26px; } .main-title { float:left; width:100%; margin:0; padding:0; position:relative; } .breadcrumb { float: right; font-size: 14px; margin:5px 15px 0px 0px; padding: 0; } .breadcrumb a { font-size:14px; line-height:18px; color:#92a7bb; } .breadcrumb .fa { width:14px; height:14px; text-align:center; border:1px solid #92a7bb; border-radius:2px; margin:0px 10px; } .breadcrumb-wrapper { background-color:#191919; padding:28px 0 27px; float:left; width:100%; } .breadcrumb-wrapper.type9 .breadcrumb .fa { border:none; font-size:16px; } .breadcrumb-wrapper.type2 .breadcrumb .fa { border:none; font-size:16px; } .breadcrumb-wrapper.type2 .main-title h1 { color:#fff; } .breadcrumb-wrapper.type3 { background-color:#f8f8f8; box-shadow:inset 0 2px 5px -2px rgba(0, 0, 0, 0.15); } .breadcrumb-wrapper .main-title h1 { color:#333; } .breadcrumb .default { margin:0 4px; } .breadcrumb-wrapper.type4 { background-color:#f8f8f8; background-image:url(images/breadcrumb-bg.png); background-repeat:no-repeat; background-position:center center; border-bottom:1px solid #eaeaea; border-top:1px solid #eaeaea; } .breadcrumb-wrapper.type6 { background-color:#fff; border-bottom:1px solid #eaeaea; } .breadcrumb-wrapper.type7 { background-color:#fff; border-bottom:1px solid #eaeaea; } .breadcrumb-wrapper.type8 .breadcrumb { float:left; display:block; width:100%; margin:0; } .breadcrumb-wrapper.type7 .breadcrumb { float:left; display:block; width:100%; margin:0; } .breadcrumb-wrapper.type8 .main-title h1 { margin-bottom:25px; } .breadcrumb-wrapper.type7 .main-title h1 { margin-bottom:25px; } .breadcrumb-wrapper.type8 { background-color:#f8f8f8; border-bottom:1px solid #eaeaea; border-top:1px solid #eaeaea; } .breadcrumb-wrapper.type5 { background-color:#f8f8f8; border-bottom:1px solid #eaeaea; border-top:1px solid #eaeaea; } .breadcrumb-wrapper.type9 { background-color:#fff; } .breadcrumb-wrapper.type9 .breadcrumb { float:left; display:block; width:100%; margin:0; } /*----*****---- << 2.4.2. Blog >> ----*****----*/ #contacts { float:left; width:100%; } #portfolio { float:left; width:100%; } #blog { float:left; width:100%; } #services { float:left; width:100%; } #team { float:left; width:100%; } #home { float:left; width:100%; } .blog-post { display:inline-block; width:100%; margin-bottom:30px; float:left; position:relative; } .blog-post .entry-meta { float:left; width:16%; text-align:center; position:absolute; left:0; top:0; } .date p { width:100%; float:left; font-size:15px; color:#ffffff; margin-bottom:0px; } .date span{font-size:30px; line-height:20px;} .entry-meta .post-comments { width:50px; float:left; } .entry-meta .date { width:50px; float:left; } .entry-meta .date {padding:11px 5px 9px; display:inline-block; border-radius: 0px 2px 0 0; } .entry-meta .post-comments { padding:9px 5px; border-radius: 0 0 2px 0px; } .post-comments a { font-size:13px; line-height:15px; color:#ffffff; } .post-comments a span { font-size:14px; margin-right:5px; } .post-comments { background-color:#2c3e50;} .entry-detail { display:inline-block; margin:0; text-align:center; } .entry-detail .entry-title h4 { margin-bottom:5px; font-weight:bold; line-height:22px; text-align:left; font-size:18px; } .entry-detail .entry-body p { text-align:left; } .entry-post .entry-thumb{ margin-bottom:25px; float:left; width:100%; } .blog-post .entry-thumb{ margin-bottom:25px; float:left; width:100%; } .entry-post .entry-thumb img { display:block; border-radius:3px; } .blog-post .entry-thumb img { display:block; border-radius:3px; } .hr-line { border-bottom:1px solid #eaeaea; float:left; width:100%; } .entry-detail .read-more { display:inline-block; } .entry-meta-data { clear:both; margin-bottom:15px; width:100%; display:inline-block; position:relative; } .entry-meta-data { border-bottom:1px solid #eaeaea; border-top:1px solid #eaeaea; } .entry-meta-data p { padding:8px 10px 8px 0px; border-right:1px solid #eaeaea; } /* .entry-meta-data p { padding:8px 10px 8px 0px; } */ .entry-meta-data p:last-child { border-right:none; padding:8px 0px 8px 0px; } .blog-post.type2 .entry-meta-data p:nth-of-type(2n) span { margin-right:5px; margin-left:0; } .blog-post.type2 .entry-detail h4 { margin-bottom:15px; } .blog-post.type2 .entry-thumb img { border-radius:0; } .entry-meta-data p:nth-of-type(2n) span { margin-left:5px; } .blog-post.type3 .entry-meta { width:85px; } .blog-post.type3 { padding:0px 0px 20px 100px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; } .blog-post.type3 .date p { font-size:18px; } .blog-post.type3 .date p span { font-size:40px; line-height:25px; } .blog-post.type3 .entry-meta-data { margin-bottom:20px; } .blog-post.type3 .entry-meta .date { padding:15px 17px; border-radius:0; } .blog-post.type3 .post-comments a { font-size:16px; } .blog-post.type3 .entry-meta .post-comments { padding:15px 17px; font-size:16px; border-radius:0; } .blog-post.type3 .post-comments a span { margin:0px 5px 0px 0px; font-size:16px; } .blog-post.type3 .entry-thumb img { border-radius:0; } .blog-post.type3 .entry-detail { text-align:left; } .blog-post.type3 .entry-detail .entry-title h4 { font-weight:bold; font-size:20px; margin-bottom:20px; } .blog-post.type3 .entry-meta-data p:first-child { padding: 8px 23px 8px 10px; } .blog-post.type3 .entry-meta-data p { font-size:13px; } .blog-post.type3 .entry-meta-data p span { margin-right:5px; } .blog-post.type3 .recent-gallery-container .bx-wrapper { margin-bottom:10px; } .blog-post.type3 .recent-gallery-container .bx-controls a { bottom:-55px; } .page-with-sidebar .blog-items.apply-isotope .dt-sc-one-half { width:48.5%; } .page-with-sidebar .blog-post.type3 .entry-meta-data p:first-child { padding:8px 7px 8px 0px; } .page-with-sidebar .blog-post.type3 .entry-meta-data p { margin:0; } .page-with-sidebar .dt-sc-one-half .blog-post.type3 .recent-gallery-container .bx-controls a { bottom:-70px; } .blog-items .column { margin-left: 0; margin-right: 0; } .page-with-sidebar .blog-items .dt-sc-one-third { width:31.4%; } .blog-items .blog-entry .entry-metadata p span { margin-right:7px; } .page-with-sidebar .blog-items .blog-entry .entry-metadata p span { margin-right:4px; } .blog-items .blog-entry .entry-metadata p { margin:0 15px 0 0; } .blog-entry { border-bottom: 1px dashed #d9d9d9; clear: both; float: left; margin: 0 0 50px; padding: 0 0 20px; width: 100%; } .blog-entry .entry-thumb { float: left; margin: 0 0 25px; padding: 0; width: 100%; position:relative; } audio { width:100%; height:auto; cursor:pointer; } video { width:100%; height:auto; cursor:pointer; } .entry-thumb audio { width:100%; height:auto; cursor:pointer; } .entry-thumb video { width:100%; height:auto; cursor:pointer; } .blog-entry .entry-thumb a { display: block; float: left; line-height: 0; margin: 0; padding: 0; width: 100%; } .blog-entry h4 { font-size:20px; line-height:normal; font-weight:bold; margin-bottom:10px; } .blog-entry .entry-details { float: left; margin: 0; width: 100%; } .blog-entry .entry-metadata { float:left; width:100%; margin-bottom:20px; } .blog-entry .entry-metadata p { float:left; font-size:13px; } .blog-entry .entry-metadata .date span { font-size:13px; } .blog-entry .entry-metadata p span { margin-right:10px; } .blog-entry .entry-metadata p { margin:0px 20px 0px 0px; } .blog-entry .entry-metadata p a:hover { color:#2c3e50; } .blog-entry .entry-metadata p:last-child span { margin-right:5px; } .blog-entry .entry-metadata p:last-child { margin:0; } .blog-entry .entry-body { display: inline-block; font-weight: 400; width: 100%; } .portfolio-load-more { color:#ffffff; } .blog-load-more { color:#ffffff; } .load-more a { color:#ffffff; } .dt-sc-button.portfolio-load-more { width:100%; display:inline-block; text-align:center; padding:10px 0px; border-radius:2px; font-size:18px; } .blog-load-more { width:100%; display:inline-block; text-align:center; padding:10px 0px; border-radius:2px; font-size:18px; } .load-more { width:100%; display:inline-block; text-align:center; padding:10px 0px; border-radius:2px; font-size:18px; } .blog-entry .bx-controls a { width: 45px; font-size:0; height:45px; position:absolute; display:inline-block; top:0; bottom:0; margin:auto; } .blog-entry .bx-controls { left: 0; position: absolute; text-align: center; top: 0; float:left; width: 100%; z-index: 999; height:100%; } .blog-entry .bx-controls a.bx-prev { background:url(images/prev-arrow1.png) no-repeat; left:0; } .blog-entry .bx-controls a.bx-next { background:url(images/next-arrow1.png) no-repeat; right:0; } .blog-entry .bx-controls a:hover { opacity:0.7; } .pagination { float: left; margin: 20px 0 15px; width: 100%; text-align:right; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; padding-right:25px; } .pagination ul { margin: 0; padding: 0; display:inline-block; } .pagination ul li { display: inline-block; float: left; margin: 0; padding: 0; } .pagination .prev-post a { border: 1px solid #f8f8f8; border-left:none; color: #2c3e50; float: left; font-size: 14px; font-weight: bold; line-height: 48px; margin: 0; padding: 0 20px; position: relative; z-index: 1; display:inline-block; } .pagination .next-post a { border: 1px solid #f8f8f8; border-left:none; color: #2c3e50; float: left; font-size: 14px; font-weight: bold; line-height: 48px; margin: 0; padding: 0 20px; position: relative; z-index: 1; display:inline-block; } .pagination ul li a { border: 1px solid #f8f8f8; border-left:none; color: #2c3e50; float: left; font-size: 14px; font-weight: bold; line-height: 48px; margin: 0; padding: 0 20px; position: relative; z-index: 1; display:inline-block; } .next-post { display:inline-block; } .prev-post { display:inline-block; } .pagination .prev-post a:hover { color:#ffffff; } .pagination .next-post a:hover { color:#ffffff; } .pagination ul li a:hover { color:#ffffff; } .pagination .prev-post a { background-color:#f8f8f8; position:relative; font-size:16px; border:none; line-height:50px; } .pagination .next-post a { background-color:#f8f8f8; position:relative; font-size:16px; border:none; line-height:50px; } .pagination .prev-post a:before { content:""; border-right:23px solid #f8f8f8; border-top:25px solid transparent; border-bottom:25px solid transparent; position:absolute; left:-23px; top:0; } .pagination .next-post a:before { content:""; border-left:23px solid #f8f8f8; border-top:25px solid transparent; border-bottom:25px solid transparent; position:absolute; right:-23px; top:0; } .pagination .prev-post a { padding:0px 20px 0px 10px; margin-right:-3px; } .pagination .next-post a { padding:0px 10px 0px 20px; margin-left:-3px; } .pagination .prev-post a span { margin-right:10px; } .pagination .next-post a span { margin-left:10px; } .entry-post{ display:inline-block; width:100%; margin-bottom:30px; float:left; position:relative; padding-bottom:25px; } .entry-post .entry-meta { float:left; width:21%; text-align:center; position:absolute; } .entry-post:before { content:""; border-right:1px dashed #d9d9d9; height:100%; position:absolute; top:0; left:9%; z-index:-1; } .entry-post:after { border-top:1px dashed #d9d9d9; width:91%; position:absolute; right:0; bottom:-1px; content:""; z-index:-1; } .entry-post-content { float:left; width:100%; padding-left:85px; } .entry-post .dt-sc-button.small { position:absolute; right:0; bottom:-20px; } .entry-post .entry-meta .post-comments { width:60px; } .entry-post .entry-meta .date { width:60px; } .entry-post .post-comments a { font-size:16px; } .entry-post .post-comments a span { font-size:16px; margin:0; } .entry-post .date p { font-weight:300; line-height:15px; font-size:14px; } .entry-post .date span { float:left; width:100%; margin-bottom:8px; font-size:34px; line-height:25px; } .entry-post .entry-detail p { margin-bottom:20px; } .entry-post .entry-detail h5{ font-size:16px; font-weight:normal; margin-bottom:10px; } .entry-post .entry-meta .post-comments { padding:11px 5px; } .entry-post .entry-detail { text-align:left; } .hr-title { float:left; width:100%; margin-bottom:50px; } .hr-title h2 { display:table-cell; white-space:pre; padding-right:20px; } .hr-title h3 { display:table-cell; white-space:pre; padding-right:20px; } .title-sep { display:table-cell; vertical-align:middle; width:100%; } .title-sep:before { width:100%; display:inline-block; border-top:1px dashed #e5e5e5; border-bottom:1px dashed #e5e5e5; height:2px; content:""; } .dt-sc-icon-list { float:left; width:100%; margin-bottom:30px; } .dt-sc-icon-list li { display:block; border-bottom:1px dashed #ededed; padding:15px 0px 10px 0px; } .dt-sc-icon-list li a { font-size:16px; color:#2c3e50; line-height:22px; } .dt-sc-icon-list li .fa { float:left; font-size:16px; margin-right:20px; line-height:22px; } /*----*****---- << 2.4.2.1 commententries >> ----*****----*/ .commententries { width:100%; display:inline-block; margin:0px; padding:0px; } #respond h3 { padding:0px; margin:0px; width:100%; clear:both; } .commententries h4 { padding:0px; margin:0px; width:100%; clear:both; } .post-author-details h3 { font-size:20px; } #respond h3 { font-size:20px; } .commententries h4 { font-size:20px; } ul.commentlist { float:left; margin:40px 0px 20px 0px; padding:0px 0px 20px 0px; list-style:none; border-top:0px; width:100%; } ul.commentlist li { display:block; float:none; list-style:none; border:none; margin:0px 0px 30px; padding:0px 0px 0px 100px; position:relative; clear:both; border-bottom:1px dashed #d9d9d9; } ul.commentlist li ul.children { margin:10px 0px 0px 0px; padding:0px; float:left; border:none; clear:both; width:100%; } ul.commentlist li .respond { margin-left:69px; } ul.commentlist li .comment-author { left:0px; top:0px; position:absolute; } ul.commentlist li .comment-author img { max-height:85px; float:left; margin:0px; -moz-transition:all 1s ease; -webkit-transition:all 1s ease; -o-transition:all 1s ease; transition:all 1s ease; border-radius:2px; behavior: url(PIE.htc); } ul.commentlist li .comment-author img { max-width:85px; } ul.commentlist li .comment-author img { max-width:85px; } ul.commentlist li .comment-author img:hover { -moz-transform: scale(1.05) rotate(20deg) translate(2px); -webkit-transform: scale(1.05) rotate(20deg) translate(2px); -o-transform: scale(1.05) rotate(20deg) translate(2px); transform: scale(1.05) rotate(20deg) translate(2px); } ul.commentlist li .author-name { font-size:16px; padding-bottom:5px; float:left; margin-right:15px; font-weight:normal; line-height:18px; } ul.commentlist li .author-name a { color:#34495e; } ul.commentlist li .comment-details { display:block; } ul.commentlist li .commentmetadata { text-decoration:none; line-height:22px; font-weight:400; font-size:13px; font-style:italic; color:#92a7bb; } .bypostauthor { float:left; } ul.commentlist li .comment-body { margin:0px; padding:0px; color:#92a7bb; } ul.commentlist li .comment-content { padding:0px 10px 20px 0px; margin:10px 0px 10px; border-radius:5px; behavior: url(PIE.htc); } ul.commentlist li .reply { margin:-20px 0 0; float:right; text-align:center; font-weight:400; text-transform:uppercase; } ul.commentlist li .reply a { padding:10px 13px; display:block; margin-top:0; text-transform:none; border-radius:2px; } ul.commentlist li .reply a .fa { margin-left:3px; } #commentform input.text { font-size:13px; padding:15px 15px; width:100%; } #commentform textarea { font-size:13px; padding:15px 15px; width:100%; } #commentform input[type="search"] { font-size:13px; padding:15px 15px; width:100%; } #commentform input[type="date"] { font-size:13px; padding:15px 15px; width:100%; } #commentform input[type="range"] { font-size:13px; padding:15px 15px; width:100%; } #commentform input[type="number"] { font-size:13px; padding:15px 15px; width:100%; } #commentform input[type="tel"] { font-size:13px; padding:15px 15px; width:100%; } #commentform input[type="url"] { font-size:13px; padding:15px 15px; width:100%; } #commentform input[type="email"] { font-size:13px; padding:15px 15px; width:100%; } #commentform input[type="password"] { font-size:13px; padding:15px 15px; width:100%; } #commentform input[type="text"] { font-size:13px; padding:15px 15px; width:100%; } #commentform textarea { height:190px; padding:15px 15px; width:100%; } #commentform p { margin-bottom:0; } .form-submit input[type="submit"] { border:1px solid #000; color:#000; } .form-submit input[type="submit"]:hover { background:#000; color:#fff; } form#commentform { display:inline-block; width:100%; } #respond { display:inline-block; width:100%; } #respond h3 { margin-bottom:30px; } /*----*****---- << 2.4.2.2. Post Author Details >> ----*****----*/ .post-author-details { float:left; width:100%; margin-bottom:25px; } .post-author-details h3 { margin-bottom:35px; } .entry-author-image { float:left; margin:0px 15px 5px 0px; } .entry-author-image img { border-radius:2px; behavior: url(PIE.htc); } .post-author-details .dt-sc-social-icons { float:left; } .author-desc { width:100%; padding-left:100px; } .author-title { float:left; width:100%; margin-bottom:10px; color:#9c9c9c; } .author-desc h5 { margin-bottom:0; float:left; margin-right:15px; font-size:16px; font-weight:bold; } .author-desc h5 a { text-transform:capitalize; } /*----*****---- << 2.4.3. Portfolio >> ----*****----*/ .grey { background-color:#f8f8f8; border-top:1px solid #eaeaea; border-bottom:1px solid #eaeaea; } .grey .title-sep span { border-top:1px dashed #dfdfdf; } .grey1 { background-color:#f8f8f8; } .grey2 { float:left; width:100%; border-bottom:1px solid #f8f8f8; } .portfolio.column.no-space.dt-sc-one-fifth { width:19.97%; } .portfolio.with-space.dt-sc-one-fourth { width:23.7%; } .page-with-sidebar .portfolio.with-space.dt-sc-one-third { width:31.7%; } .page-with-sidebar .portfolio.with-space.dt-sc-one-fourth { width:23.2%; } .full-width-section .portfolio { margin-bottom:25px; } .sorting-container { float:left; width:100%; text-align:center; margin: 10px 0px 15px 0px; } .sorting-container a { font-size:13px; color:#6a7177; text-transform:uppercase; display:inline-block; padding:0px 14px; border-radius:2px; line-height:33px; } .sorting-container .active-sort { color:#ffffff;} .sorting-container a:hover { color:#ffffff;} .portfolio-container { float:left; width:100%; } .portfolio-container .portfolio { margin-left:0px; margin-bottom:30px; } .portfolio-container.no-space .portfolio { margin-bottom:0; } .portfolio .portfolio-thumb { float: left; overflow: hidden; padding: 0; position: relative; width: 100%;} .portfolio figure { overflow:hidden; } .portfolio-thumb img { display: block; float: left;} .portfolio:hover .portfolio-thumb img { transform:scale(1.2); -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); } .portfolio-detail { display: inline-block; background-color: #ffffff; float: left; width: 100%; position:relative; border:1px solid #e0e4e6; } .portfolio .image-overlay { float: left; height: 100%; left: 0; opacity: 0; position: absolute; top:100%; width: 100%; cursor:pointer; background-color:rgba(0, 0, 0, 0.4); } .portfolio .image-overlay a.link { display: inline-block; position: absolute; text-align: center; width:50px; height:50px; top:0; bottom:0; margin:auto; border-radius:2px; } .portfolio .image-overlay a.zoom { display: inline-block; position: absolute; text-align: center; width:50px; height:50px; top:0; bottom:0; margin:auto; border-radius:2px; } .portfolio .image-overlay a span { cursor: pointer; display: inline-block; font-size: 18px; line-height: 50px; text-align: center; width: 100%; color:#ffffff; } .portfolio .image-overlay a.zoom { left: 0; right:100%; } .portfolio .image-overlay a.link { right: 0; left:100%; } .portfolio:hover .image-overlay a.zoom { left: 0; right:52px; } .portfolio:hover .image-overlay a.link { right:0; left:52px; } .portfolio-detail .views { float: left; line-height: 16px; border-right:1px solid #e0e4e6; padding:0px 20px; text-align: center; font-size:16px; color:#2c3e50; background-color:#fff; height:100%; position:absolute; } .portfolio-detail .views a { color:#2c3e50; } .portfolio-title h5 { margin-bottom: 0px; } .portfolio-detail .views h6 { margin-bottom: 0px; } .portfolio-detail .views span { margin: 19px 0 5px 0; } .portfolio-title { padding: 13px 10px 0 75px; float:left; width:100%; } .portfolio:hover .image-overlay { opacity:1; top:0; } .portfolio .image-overlay a.link:hover { background-color:#ffffff; } .portfolio .image-overlay a.zoom:hover { background-color:#ffffff; } .portfolio:hover .views a { color:#ffffff; } .portfolio:hover .views { color:#ffffff; } .portfolio:hover .portfolio-title h5 { color:#ffffff; } .portfolio:hover .portfolio-title h5 a { color:#ffffff; } .portfolio:hover .portfolio-title p { color:#483f39; } .portfolio:hover .portfolio-detail { border:1px solid; } .portfolio-container.no-space .portfolio .image-overlay a.link { bottom:15%; } .portfolio-container.no-space .portfolio .image-overlay a.zoom { bottom:15%; } .portfolio-container .column.no-space.dt-sc-one-fourth { width:24.99%; } .portfolio-content { text-align:center; } .image-overlay .portfolio-content h5 a { width:100%; display:inline-block; padding:10px 0px; color:#ffffff; } .image-overlay .portfolio-content h5 { position:absolute; bottom:0; left:0; width:100%; margin-bottom:0; } .image-overlay .portfolio-content span { font-size:25px; position:absolute; bottom:26px; left:0; right:0; margin:0 auto; } .portfolio.no-space .portfolio-thumb { box-shadow: 1px 1px 1px 2px rgba(255, 255, 255, 1); } /*----*****---- << 2.4.3.1. Portfolio - single >> ----*****----*/ .content { float:left; width:100%; } .project-details { clear: both; float: left; width: 100%; } .project-details h6 { font-weight:bold; margin-bottom:25px; } .project-details ul { float: left; list-style-type: none; margin: 0; width: 100%; } .project-details ul.client-details li { display: block; padding-bottom: 18px; } .project-details ul.client-details li p { margin-bottom: 0; } .client-details li .fa { margin-right: 7px; color:#2c3e50; float:left; line-height:22px; } .project-details ul.client-details li span { color:#2c3e50; float:left; width:80px; } .project-details ul.client-details li p a:hover { color:#2c3e50; } .post-nav-container { float:left; width:100%; border:1px solid #eaeaea; clear:both; border-radius:2px; } .post-nav-container .post-prev-link { float:left; border-right:1px solid #eaeaea; } .post-nav-container .post-next-link { float:right; border-left:1px solid #eaeaea; } .post-nav-container a { font-size:16px; color:#34495e; background-color:#fbfbfb; padding:10px 15px; } .post-nav-container .post-prev-link .fa { margin-right:10px; } .post-nav-container .post-next-link .fa { margin-left:10px; } .post-nav-container a:hover { color:#ffffff; } .portfolio-carousel-wrapper { display: inline-block; width: 100%; position:relative; } .portfolio-carousel-wrapper .product-carousel { top:-87px; } /*----*****---- << isotope >> ----*****----*/ .isotope-hidden { display:none !important; } .isotope .isotope-item { -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -ms-transition-duration: 0.8s; -o-transition-duration: 0.8s; transition-duration: 0.8s; } .isotope { -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -ms-transition-duration: 0.8s; -o-transition-duration: 0.8s; transition-duration: 0.8s; } .isotope { -webkit-transition-property: height, width; -moz-transition-property: height, width; -ms-transition-property: height, width; -o-transition-property: height, width; transition-property: height, width; } .isotope .isotope-item { -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; -ms-transition-property: -ms-transform, opacity; -o-transition-property: top, left, opacity; transition-property: transform, opacity; } .isotope .isotope-item.no-transition { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -ms-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; } .isotope.no-transition .isotope-item { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -ms-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; } .isotope.no-transition { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -ms-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; } .presentation-bg { background:url(images/presentation-bg.jpg) repeat-y; padding:55px 0px 0px 0px; border-top:1px solid #eaeaea; } .product-presentation-bg { background:url(images/presentation-bg.jpg) 50% 0 repeat-y fixed; height:auto; padding:75px 0px 60px 0px; border-top:1px solid #eaeaea; border-bottom:1px solid #eaeaea; } .product-presentation-bg h3 { font-size:24px; font-weight:bold; margin-bottom:13px; } .product-presentation-bg p { margin-bottom:18px; } .skill-detail p:first-child { color:#2c3e50; margin-bottom:25px; } .skill-detail p:last-child { font-style:italic; } .icon-content-bg { background:url(http://www.placehold.it/1920x1318&text=Parallax) 50% 0 repeat-y fixed; height:auto; padding:55px 0px 45px 0px; } .about-features-bg { background:url(http://www.placehold.it/1920x780&text=Parallax) 50% 0 repeat-y fixed; height:auto; padding:55px 0px 45px 0px; } .full-width-progress { background:url(http://placehold.it/1920x483&text=parallax) 50% 0 repeat-y fixed; height:auto; padding:40px 0 45px 0; color:#fff; } .full-width-progress .dt-sc-donutchart span { color:#fff; } .full-width-progress .dt-sc-donutchart-title { color:#fff; } .full-width-progress h2 { color:#fff; } .full-width-progress .dt-sc-donutchart-medium p { color:#92a7bb; } .feature-bg { background:url(http://www.placehold.it/1920x483&text=Parallax) repeat-y; height:auto; padding:65px 0 0px 0; color:#fff; } .full-section-bg { background:url(images/product-presentation-bg.jpg) 50% 0 repeat-y fixed; height:auto; padding:70px 0; } /*----*****---- << 2.4.4. Recent Gallery >> ----*****----*/ .recent-gallery-container { float:left; width:100%; } .recent-gallery-container .bx-wrapper { position:relative; margin-bottom:5px; } .recent-gallery li { display:block; padding:0; } .recent-gallery-container .bx-controls a { bottom: -51px; font-size: 0; height: 35px; margin: 0; position: absolute; width: 23px; z-index:1; } .recent-gallery-container .bx-controls a.bx-prev { background:url(images/prev-arrow.png) no-repeat; left:0; } .recent-gallery-container .bx-controls a.bx-next { background:url(images/next-arrow.png) no-repeat; right:0; } .recent-gallery-container #bx-pager { display: inline; float: left; margin: 0; padding: 0; text-align: center; width: 100%; position:relative; } .recent-gallery-container #bx-pager a { cursor: pointer; display: inline-block; line-height: 0; margin: 0 5px; position: relative; } .dt-sc-one-half .blog-post.type3 .recent-gallery-container #bx-pager a img { max-width:57px; } .recent-gallery-container #bx-pager a img { max-width:80px; float:left; } .recent-gallery-container #bx-pager a.active:before { content: ""; height: 100%; left: 0px; position: absolute; top: 0px; width: 100%; display:block; } .recent-portfolio { float:left; width:100%; position:relative; } .recent-portfolio .product-carousel .fa { font-size:28px; } .dt-sc-one-column .recent-gallery-container .bx-controls a.bx-prev { left:17%; } .dt-sc-one-column .recent-gallery-container .bx-controls a.bx-next { right:17%; } .dt-sc-one-column .recent-gallery-container .bx-controls a { bottom:-60px; } /*----*****---- << 2.4.5. Testimonial >> ----*****----*/ .parallax { float:left; width:100%; } .parallax-content-bg { background:url(http://www.placehold.it/1920x483&text=Parallax) 50% 0 repeat-y fixed; height:auto; text-align:center; padding:70px 0px 60px 0px; position:relative; z-index:1; } .fullwidth-testimonial { background:url(http://www.placehold.it/1920x483&text=Parallax) 50% 0 repeat-y fixed; height:auto; text-align:center; padding:70px 0px 60px 0px; position:relative; z-index:1; } .parallax-content-bg:after { background-color: rgba(33,194,248,0.7); content:""; position: absolute; top: 0; width: 100%; height: 100%; z-index: 1; left: 0; z-index:-1; } .parallax-content-bg1 { background:url(http://www.placehold.it/1920x483&text=Parallax) 50% 0 repeat-y fixed; height:auto; position:relative; z-index:1; padding:70px 0 60px; } .parallax-content-bg1:after { width:50%; margin:0; content:""; position:absolute; top:0; left:0; height:100%; z-index:-1; } .parallax-content-bg1 h3 { color:#fff; } .parallax-content-bg1 p { color:#fff; } .parallax-content-bg1 .alignleft { margin:0 15px 0 0; width:47%; } .parallax-content { float: left; width: 100%; position:relative; margin-bottom:25px; } .parallax-content h2 { color:#fff; margin-bottom:10px; font-size:38px; } .parallax-content p { color:#fff; margin-bottom:25px } .parallax-content a span { color:#fff; font-size:90px; display:block; margin-bottom:10px; } .testimonial-arrows { float:left; width:100%; } .testimonial-arrows a { font-size:16px; } .slider-controls { clear: both; float: left; margin: 10px 0 0; text-align: center; width: 100%; } .slider-controls .pager { display:inline-block; } .slider-controls .pager a { width:25px; height:3px; display:inline-block; line-height:0; background-color:#ffffff; margin:0px 5px 0px 0px; text-indent:-9999px; } .partner-carousel a { float:left; text-align:center; margin:0 60px 25px 30px; opacity:0.4; } .partner-carousel a:hover { opacity:1; } .partner-carousel > a:first-child { margin-left:0; margin-bottom:25px; } /* .partner-carousel > a:nth-child(2n) { margin-bottom:25px; } */ .partner-carousel > a:nth-child(4) { margin-left:0px; } .dt-sc-partner-carousel-wrapper .partner-carousel img { max-width:90px; } /*----*****---- << 2.4.6. Team >> ----*****----*/ .dt-sc-team-carousel-wrapper { float:left; width:100%; position:relative; } .dt-sc-team-wrapper { float:left; width:100%; margin-bottom:30px; } .dt-sc-team-wrapper h2 { border-bottom:1px dashed #ededed; padding-bottom:10px; margin-bottom:25px; } .carousel-arrows { position:absolute; left:-295px; bottom:35px; } .product-carousel { position:absolute; right:0; top:-87px; } .product-carousel a { background-color:#2c3e50; color:#ffffff; float: left; height: 35px; text-align: center; width: 40px; display:block; } .carousel-arrows a { background-color:#2c3e50; color:#ffffff; float: left; height: 35px; text-align: center; width: 40px; display:block; } .product-carousel a { height: 40px; width: 40px; } .product-carousel a.event-prev { border-radius:2px 0px 0px 2px; } .product-carousel a.prev { border-radius:2px 0px 0px 2px; } .carousel-arrows a.prev { border-radius:2px 0px 0px 2px; } .product-carousel a.event-next { border-radius:0px 2px 2px 0px; } .product-carousel a.next { border-radius:0px 2px 2px 0px; } .carousel-arrows a.next { border-radius:0px 2px 2px 0px; } .carousel-arrows .fa { font-size:20px; line-height:35px; } .product-carousel .fa { font-size:37px; line-height:40px; } .dt-sc-team-carousel-wrapper.type2 .carousel-arrows a { width:10px; height:10px; border-radius:50%; margin-left:5px; } .dt-sc-team-carousel-wrapper.type2 .carousel-arrows { left:inherit; right:0; top:20px; bottom:inherit; } .dt-sc-team-carousel-wrapper.type2 .carousel-arrows a span { display:none; } .dt-sc-team-carousel-wrapper.type2 { position:initial; } .dt-sc-team-carousel-wrapper .dt-sc-one-fourth { margin:0 12px; } .dt-sc-team-carousel { float:left; width:100%; padding-top:5px; } .dt-sc-team-carousel { padding-top:5px; } #map { height: 450px; padding-bottom: 4px; width:100%; float:left; } #map.type2 { height:360px; } #map img { max-width:inherit; } .gmap_marker { color: #34495e; } /*----*****---- << 2.4.7. Products >> ----*****----*/ ul.products li .product-wrapper.product-three-column { width: 32%; } ul.products li .product-wrapper.product-four-column { width: 23.5%; } ul.products li .product-wrapper.product-two-column { width: 49%; } .product-carousel-wrapper { float:left; width:100%; position:relative; } .products { clear: both; float: left; margin: 0; padding: 0; width:100%; } .products li { display:inline; padding:0; } .products .product-wrapper { float:left; width:100%; margin:0px 2% 30px 0; } .products li.last .product-wrapper { margin-right:0; } .products .product-container { background-color: #ffffff; border: 1px solid #eaeaea; float: left; margin:0px 0px 27px 0px; overflow: hidden; padding: 0; max-height: 100%; position: relative; width: 100%;} .products .product-thumb { float: left; margin: 0; padding: 0; text-align: center; width: 100%; position:relative; } .products .product-thumb a { line-height:0; } .products .product-thumb { line-height:0; } .products .product-title { clear: both; padding:0; width: 100%; position:absolute; bottom:-20px; left:0px; opacity:0; } .products .product-wrapper:hover .product-title { opacity:1; bottom:0px; } .products .product-title a { color: #2d2d29; font-size: 13px; font-weight: normal; margin-bottom: 0; display:inline-block; padding:10px 0px; width:50%; background-color:#2c3e50; text-align:center; float:left; color:#ffffff; } .products .product-title a:first-child { border-right:1px solid #eaeaea; } .products .product-title a:last-child:hover { background-color:#2c3e50; } .products .product-title a span { margin-right:5px; } .products .product-details { float:left; width:100%; clear:both; text-align:center; margin-bottom:20px; } .products .product-details h5 {margin-bottom:7px; } .products .product-details span { font-size:18px; } .feature-product-carousel .dt-sc-one-fourth { margin:0 11px; } /*----*****---- << 2.4.8. Events >> ----*****----*/ .events-carousel-wrapper { display: inline-block; width: 100%; position:relative; } .events { float:left; width:100%; margin:0px 0px 20px 0px; padding:0; } .events .event-thumb { float:left; width:100%; margin-bottom:18px; } .events .event-detail { float:left; width:100%; } .events .event-detail h5 { clear:both; margin-bottom:10px; } .events .event-meta { clear:both; margin-bottom:15px; float:left; width:100%; display:block; } .entry-meta-data p { float:left; margin:0px 10px 0px 0px; font-size:12px; } .events .event-meta p { float:left; margin:0px 10px 0px 0px; font-size:12px; } .events .event-meta p:first-child { border-right:1px solid #eaeaea; padding-right:10px; } .entry-meta-data p span { margin-right:10px; } .events .event-meta p span { margin-right:10px; } .events .event-meta p:last-child span { margin-left:5px; margin-right:8px; } .entry-meta-data p a:hover { color:#2c3e50; } .events .event-meta p a:hover { color:#2c3e50; } .events-carousel-wrapper .product-carousel { top:-77px; } .events-carousel .dt-sc-one-fourth { margin:0 11px; overflow:hidden; } /*----*****---- << 2.4.9. Side Navigation >> ----*****----*/ .side-nav-container { float: left; margin: 0; padding: 0; width: 100%; } .side-nav-container ul { float: left; margin: 0; padding: 0; width: 100%; } .side-nav-container ul li { border-style: solid; border-width: 0 1px 1px 1px; display: inline; float: left; margin: 0; padding: 0; position: relative; width: 100%; background-color:#f8f8f8; border-color:#eaeaea; } .side-nav-container ul li:first-child { border-top:1px solid #eaeaea; } .side-nav-container ul li:last-child:before { content:""; height:30px; border-right:1px solid #eaeaea; position:absolute; right:-1px; } .side-nav-container ul li:first-child:before { content:""; height:30px; border-right:1px solid #eaeaea; position:absolute; right:-1px; } .side-nav-container ul li:first-child:before { top:-31px; } .side-nav-container ul li:last-child:before { bottom:-31px; right:-1px; } .side-nav-container ul li a { color: #92a7bb; display: block; line-height: 47px; margin: 0; float:left; width:100%; text-align:right; } .side-nav-container ul li.current_page_item a .fa { width:41px; } .side-nav-container ul li a .fa { color: #252525; float: right; font-family: FontAwesome; font-size: 13px; height: 47px; line-height: 47px; margin-left: 20px; text-align: center; width: 40px; border-left:1px solid #eaeaea; } .side-nav-container ul li.current_page_item { border-right:none; background-color:#fff; } .side-nav-container ul li.current_page_item a { border-right:none; position:relative; } .side-nav-container ul li:hover { background-color:#fff; } .side-nav-content h3 { font-size:24px; } /*----*****---- << 2.4.10. Coming soon >> ----*****----*/ .blank-template-container { display: table; height: 100%; left: 0; margin: 0; padding: 0; position: absolute; top: 0; width: 100%; } .blank-template { display: table-cell; margin: 0; padding: 0; vertical-align: middle; } .blank-template-wrapper { clear: both; float: left; padding: 30px 0; width: 100%; background-color:#fff; } /*----*****---- << 2.4.11. 404 Page >> ----*****----*/ .error-info { float:left; text-align:center; width:100%; } .error-info h3 { font-size:22px; color:#616161; } .error-info h2 { font-size:40px; font-weight:bold; color:#252525; margin-bottom:10px; } .error-info p { color:#616161; } .error-info #searchform input[type="submit"] { min-height: 60px; position:absolute; right:0; top:10px; padding: 16px 30px 15px; border-radius:0 2px 2px 0; } .error-info #searchform { float:none; width:45%; margin:0 auto; position:relative; clear:both; } .error-info #searchform input.search-icon { padding:0; border-right:1px solid #eaeaea; width:50px; } .error-info #searchform input[type="text"] { padding:21px 15px 21px 63px; background-color:inherit; } .error-info .back-menu { float:left; width:100%; clear:both; margin-bottom:25px; } .error-info .back-menu a { font-size:18px; font-weight:bold; color:#616161; border-right:2px solid #767676; padding:0 9px 0 7px; } .error-info .back-menu a:last-child { border:none; } /*----*****---- << 2.4.12. Login >> ----*****----*/ .form-wrapper { display: block; margin-left: auto; margin-right: auto; width: 70%; } .form-wrapper form { background: #fff; float: left; padding: 50px; width: 100%; box-sizing: content-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; } .form-wrapper input { background-color:#fff; } .newsletter-form { position:relative; } .newsletter-form > input { min-height:50px; margin:0; background-color:#fff; } .newsletter-form .button { position:absolute; bottom:0; right:0; padding:12px 26px; min-height:50px; border-radius:0px 2px 2px 0px; } #reg_form { text-align:center; } #reg_form input.button { float:none; margin-top:20px; } #loginform input[type="checkbox"] { margin-right: 3px; margin-top:-1px; } #loginform { text-align:center; } #loginform label { float:left; clear:both; } #loginform .dt-sc-button { float:none; margin-top:10px; } .page_info { float:left; width:100%; margin:0; } .page_info h2 span { border-right: 1px solid #eaeaea; display: inline-block; margin: 0 10px 0 0; padding: 0 15px 0 0; position: relative; } .page_info h3 span { border-right: 1px solid #eaeaea; display: inline-block; margin: 0 10px 0 0; padding: 0 15px 0 0; position: relative; } .page_info h2 span .fa { border-radius: 50%; color: #fff; font-size: 24px; height: 50px; line-height: 50px; width: 50px; background-color:#2c3e50; } .page_info h3 span .fa { border-radius: 50%; color: #fff; font-size: 24px; height: 50px; line-height: 50px; width: 50px; background-color:#2c3e50; } /*----*****---- << 2.5. Footer >> ----*****----*/ #footer { float:left; clear:both; width:100%;} .footer-widgets-wrapper{padding:55px 0px 10px 0px; color:#ffffff; background:#00b4ff url(images/footer-bg.jpg) repeat-y left top; float:left; width:100%;} #footer .widget-title{border-bottom:3px solid #2e2e2e; position:relative; padding-bottom:12px; margin-bottom:25px; font-weight:bold; color:#eef1f4; font-size:20px;} #footer .widget-title .small-line{width:100px; display:block; height:3px; position:absolute; left:0; margin:12px 0px 0px 0px;} #footer .widget-title .wlast{font-weight:400;} #footer .widget_text p .fa { font-size:13px; font-weight:normal; float:left; font-family:FontAwesome; margin:5px 7px 0px 0px; padding-bottom:5px;} #footer .widget_text p span { margin-right:10px; color:#000000; } #footer .widget_text p:nth-of-type(2n){ margin-bottom:20px; } #footer .widget_text p { margin-bottom:2px; } #footer .widget ul { float:left; width:100%; margin:0; padding:0; } #footer .recent-property-widget ul li { display:block; border-bottom:1px dashed rgba(255, 255, 255, 0.15); position:relative; padding-bottom:20px; margin-bottom:20px; } #footer .recent-property-widget ul li .thumb { margin-right:15px; } #footer .recent-property-widget ul li:last-child { border-bottom:none; } #footer .recent-property-widget .entry-meta { display:inline-block; } #footer .widget ul li a { display:inline; } #footer .widget ul li h6 { font-size:13px; line-height:22px; font-weight:600; margin-bottom:5px; } #footer .widget ul li h6 a { color:#ffffff; } .widget .recent-property-widget ul li .thumb { float:left; margin-right:10px; } #footer .widget .entry-meta p { font-size:11px; line-height:15px; color:#92a7bb; display:inline; margin:0px 10px 0px 0px;} #footer .widget .entry-meta p:first-child { border-right:1px solid #6684a1; padding:0 10px 0 0; } #footer .widget .entry-meta span { margin-right:10px; color:#bec3c7; } #footer .widget .tweet_list li:before { font-family:FontAwesome; font-style:normal; font-weight:normal; text-decoration:inherit; content:"\f099"; font-size:18px; color:#92a7bb; position:absolute; left:0; top:3px; } .tweet_list li .tweet_text a { color:#92a7bb; overflow:hidden; } .tweet_list li .tweet_text .at { color:#92a7bb; overflow:hidden; } #footer .tweet_list li .tweet_text a { overflow:hidden; color:#92a7bb; } #footer .widget .tweet_list li { padding:0 5px 15px 25px; position:relative; float:left; width:100%; } #footer .widget a:hover { color:#ffffff; } #footer .widget .mailchimp-form { position:relative; margin-top:5px; float:left; width:100%; background-color:#fff; border-radius:0px 3px 3px 0px; } #footer .widget .mailchimp-form .dt-sc-button{ position:absolute; right: 0; top: 0; padding:16px 16px 15px 16px; min-height:50px; border-radius:0px 1px 1px 0px; font-size:14px; } #footer .widget .mailchimp-form .fa { font-size:14px; font-family:FontAwesome; padding:0px 10px 0px 13px; font-weight:normal; color:#2c3e50; width:6%; line-height:50px; text-align:center; border-right:1px dashed #d4d4d4; float:left; } #footer .widget .mailchimp-form p { width:100%; margin:0; padding:0; float:left; } #footer .widget .mailchimp-form p input{ /*display: inline-block;*/ margin: 0; padding:17px 0px 15px 10px; float:left; } #footer .widget .mailchimp-form p input[type="email"] { width:135px; border:none; background-color:#ffffff; } #footer .widget.widget_tag_cloud .tagcloud a { background-color:#282e3b; } #footer .widget-title .fa { width:49px; height:49px; background-color:#343b4b; border-radius:50%; position:absolute; left:0; text-align:center; line-height:49px; } #footer .footer-widgets-wrapper.type3 .widget-title { border:none; padding:0 0 0 65px; font-size:20px; line-height:49px; margin-bottom:15px; } #footer .footer-widgets-wrapper.type2 .widget-title { border:none; padding:0 0 0 65px; font-size:20px; line-height:49px; margin-bottom:15px; } #footer .footer-widgets-wrapper.type3 .widget-title { color:#34495e; } .widget_contact .small-line { width:35px; height:1px; display:block; background-color:#343b4b; margin:0px 0 10px 0; } .footer-widgets-wrapper .widget_contact p { color:#9099b0; position:relative; } .footer-widgets-wrapper .widget-content { padding-left:65px; } #footer .widget.widget_links ul { display:block; margin:0; padding:0 0 0 65px; } #footer .widget.widget_links ul li { display:block; position:relative; padding-left:10px; } #footer .widget.widget_links ul li:before { content:"\f105"; position:absolute; left:0; font-family:FontAwesome; font-weight:normal; color:#9099b0; } #footer .widget.widget_links ul li a { color:#9099b0; } #footer .footer-widgets-wrapper.type2 { background:#282e3b; padding:30px 0 0 0px; } #footer .footer-widgets-wrapper.type3 { background:#ebeef0; padding:30px 0 0 0; } #footer .footer-widgets-wrapper.type3 .widget { padding:0 0 25px 0; } #footer .footer-widgets-wrapper.type2 .widget { padding:0 0 25px 0; } .copyright.type2 { background-color:#171b24; } #footer .widget.widget_text ul li a { color:#000000; } #footer .widget.widget_links ul li a:hover { color:#fff; } #footer .widget.widget_text ul li a:hover { color:#fff; } /* #footer .footer-widgets-wrapper.type3 .widget.widget_links ul li a:hover { color:#2c3e50; } */ #footer .footer-widgets-wrapper.type3 .widget-title .fa { background-color:#dee2e5; } #footer .footer-widgets-wrapper.type4 { background:#34495e; } #footer .footer-widgets-wrapper.type4 .widget-title { border:none; margin-bottom:15px; padding:0; color:#6f8295; } @media screen and (-webkit-min-device-pixel-ratio:0) { /* Chrome only override */ #footer .widget .mailchimp-form .dt-sc-button { padding:16px 20px 15px 19px; } } @media screen and (-webkit-min-device-pixel-ratio:0) { /* Safari only override */ .widget .mailchimp-form .dt-sc-button { min-height:51px;} ::i-block-chrome { min-height:51px;} #footer .widget .mailchimp-form .dt-sc-button { padding:16px 18px 15px 19px; } ::i-block-chrome { padding:16px 18px 15px 19px; } } .copyright { float:left; width:100%; clear:both; padding:25px 0px; background-color:#fff; } .copyright p { float:left; margin-bottom:0; } .copyright p a { color:#92a7bb; } .footer-links { float:right; margin:0; } .footer-links li { float:left; display:inline; padding-bottom:0; } .footer-links li a { font-size:13px; color:#92a7bb; padding:0px 7px; line-height:22px; } .footer-links li:last-child a { background:none; } .copyright.type3 p { line-height:30px; } .tweets { float:left; width:100%; font-size:16px; } .tweet_text { color:#fff; } .tweets a:hover { color:#fff; } .tweet_text { display:block; } .footer-wrapper .copyright { background-color:#1c1c1c; } .footer-wrapper { background:#202020 url(images/footer-bg.jpg) repeat-y left top; float:left; width:100%; text-align:center; position:relative; } .footer-wrapper .tweet_list { line-height: 35px; margin: auto; width: 75%; } .bottom-tweet:before { border-top:45px solid #f8f8f8; border-right:45px solid transparent; border-left:45px solid transparent; position:absolute; top:0; left:0; right:0; margin:auto; width:0; content:""; } .bottom-tweet span { font-size:17px; position:absolute; left:0; right:0; margin:0 auto; line-height:25px; width:100%; } .bottom-tweet { float:left; width:100%; position:relative; margin-bottom:40px; } .bottom-tweet.type2:before { border-top-color:#38526c; } /*----*****---- << Go To Top >> ----*****----*/ #toTop { display:none; text-decoration:none; position:fixed; bottom:30px; right:30px; overflow:hidden; width:40px; height:40px; border:none; text-indent:100%; background:url(images/ui.totop.png) no-repeat left top; z-index:9999; } #toTopHover { background:url(images/ui.totop.png) no-repeat left -40px; width:40px; height:40px; display:block; overflow:hidden; float:left; opacity: 0; -moz-opacity: 0; } #toTop:focus { outline:none; } #toTop:active { outline:none; } /*----*****---- << Style Picker >> ----*****----*/ .dt-style-picker-wrapper { position:fixed; z-index:999999; left:0px; top:150px; } #dt-style-picker { background:#ffffff; width:225px; float:left; position:absolute; top:0px; z-index:1; margin:0px; padding:0px 0px 10px; text-align:center; border:1px solid #dddddd;} #dt-style-picker h2 { font:normal 12px Tahoma, Geneva, sans-serif; text-transform:uppercase; line-height:48px; width:100%; color:#848484; margin:0px 0px 15px; padding:0px; border-bottom:1px solid #dddddd; background-color:#fefefe;} #dt-style-picker h3 { font:normal 12px Tahoma, Geneva, sans-serif; padding:0px 0px 10px; width:100%; color:#848484; margin:0px; text-transform:uppercase; } #dt-style-picker ul { float:left; margin:0px; padding:0px; text-align:center; width:225px; } #dt-style-picker ul li { display:inline-block; display:inline; list-style-type:none; padding:0px; margin:0px 0px 6px 0px; } #dt-style-picker ul li a { background:#ffffff; border:1px solid #ffffff; padding:2px; display:inline-block; margin:0px; line-height:0; } #dt-style-picker ul li a:hover { border:1px solid #d7d7d7; } #dt-style-picker ul li a.selected { border:1px solid #d7d7d7; } #dt-style-picker ul li a img { border:1px solid #d7d7d7; } #dt-style-picker .hr { width:100%; height:10px; display:block; float:left; clear:both; position:relative; z-index:1; margin:3px 0px; } .style-picker-ico { position:absolute; top:25px; left:225px; width:48px; height:48px; display:block; border:1px solid #d7d7d7; background-color:#fff; } .style-picker-ico img { -webkit-animation: rotating 2s linear infinite; -moz-animation: rotating 2s linear infinite; -ms-animation: rotating 2s linear infinite; -o-animation: rotating 2s linear infinite; animation: rotating 2s linear infinite; z-index:1; position:absolute; top:0; left:0; right:0; bottom:0; margin:auto; } #dt-style-picker ul.scheme-picker li a { padding:7px; } #dt-style-picker ul.scheme-picker li a img { height:auto; border:0; } /*----*****---- << Retina Images >> ----*****----*/ .retina_logo { display:none; } @media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-devicepixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx) { .normal_logo { display:none; } .retina_logo { display:inline-block; height:auto !important; } .blog-entry .bx-controls a.bx-prev { background-image:url(images/prev-arrow1.png); background-size:45px 45px; } .blog-entry .bx-controls a.bx-next { background-image:url(images/next-arrow1.png); background-size:45px 45px; } .recent-gallery-container .bx-controls a.bx-prev { background-image:url(images/prev-arrow@2x.png); background-size:18px 34px; } .recent-gallery-container .bx-controls a.bx-next { background-image:url(images/next-arrow@2x.png); background-size:18px 34px; } #searchform .search-icon { background-image:url("images/search@2x.png"); background-size:15px 16px; } #toTop { background-image:url(images/ui.totop@2x.png); background-size:40px 81px; } }