/*-------------------------------------------------------------- >>> TABLE OF CONTENTS: ---------------------------------------------------------------- 1.0 - Buttons 2.0 - Content and comment 2.1 - General 2.2 - Portfolio page 2.3 - Post 2.4 - Page 2.5 - Blog fullwill 2.6 - Comment 2.6.1 - Comment form 3.0 - Elements 3.1 - Custom heading 3.2 - Fancy box 3.2.1 - Fancy box layout1 3.2.2 - Fancy box layout2 3.2.3 - Fancy box layout3 3.2.4 - Fancy box layout6 3.3 - Vc raw_html 3.4 - Cms carousel service 3.5 - Cms counter home 3.6 - Cms counter about 3.7 - Cms carousel team 3.8 - Cms grid moving service 3.9 - Cms grid cleaning quality 3.10 - Cms grid cleaning more 3.11 - Cms grid moving service 3.12 - Cms testimonial carousel 3.13 - Cms testimonial layout 2 carousel 3.14 - Cms grid home posts 3.15 - Cms carousel clients 3.16 - section block contacts 3.17 - Twitter home widget 3.18 - Cms fancybox scheme 3.19 - Call to action 3.2 - Cms fancyboxes list about 3.2.1 - Vc_tta accordion 3.2.2 - Cms carousel about service 3.2.3 - Cms grid pricing table 3.2.4 - Cms fancybox contact information 4.0 - Footer 5.0 - Forms 6.0 - Header 7.0 - Main 8.0 - Media 9.0 - Navigation 9.1 - Minimum width of 992 pixels. 9.2 - Menu Stick Wall 9.3 - Start Mega Menu 9.4 - Max width of 991 pixels. 9.5 - Dropdown Sub Menu 10.0 - Sidebar 10.1 - Carousel widget 10.2 - vc blog sidebar 10.3 - widget popular posts 10.4 - widget tag 11.0 - Typography 12.0 - Widgets 12.1 - Widget Search Top 13.0 - Product 13.1 - Sidebar woo 13.2 - List Product Widget 13.3 - Checkout page 13.4 - Coupon 13.5 - CALCULATE SHIPPING 13.6 - Single product 13.7 - Check out 14.0 - Responsive /*------------------------------------------------------------*/ /* ------------------------------------------------------------- Sass CSS3 Mixins! The Cross-Browser CSS3 Sass Library By: Matthieu Aussaguel, http://www.mynameismatthieu.com, @matthieu_tweets List of CSS3 Sass Mixins File to be @imported and @included as you need The purpose of this library is to facilitate the use of CSS3 on different browsers avoiding HARD TO READ and NEVER ENDING css files note: All CSS3 Properties are being supported by Safari 5 more info: http://www.findmebyip.com/litmus/#css3-properties Mixins available: - css3-prefix - arguments: Property, Value - background-gradient - arguments: Start Color: #3C3C3C, End Color: #999999 - background-horizontal - arguments: Start Color: #3C3C3C, End Color: #999999 - background-radial - arguments: Start Color: #FFFFFF, Start position: 0%, End Color: #000000, End position: 100% - background-size - arguments: Width: 100%, Height: 100% - background-opacity - arguments: Color: #000, Opacity: .85 - border-radius - arguments: Radius: 5px - border-radius-separate - arguments: Top Left: 5px, Top Right: 5px, Bottom Left: 5px, Bottom Right: 5px - box - arguments: Orientation: horizontal, Pack: center, Align: center - box-rgba - arguments: R: 60, G: 3, B: 12, Opacity: 0.23, Color: #3C3C3C - box-shadow - arguments: X: 2px, Y: 2px, Blur: 5px, Color: rgba(0,0,0,.4) - box-sizing - arguments: Type: border-box - columns - arguments: Count: 3, Gap: 10 - double-borders - arguments: Color One: #3C3C3C, Color Two: #999999, Radius: 0 - flex - arguments: Value: 1 - flip - arguments: ScaleX: -1 - font-face - arguments: Font Family: myFont, Eot File Src: myFont.eot, Woff File Src: myFont.woff, Ttf File Src: myFont.ttf - opacity - arguments: Opacity: 0.5 - outline radius - arguments: Radius: 5px - resize - arguments: Direction: both - rotate - arguments: Degree: 0, M11: 0, M12: 0, M21: 0, M22: 0 CSS Matrix Rotation Calculator http://www.boogdesign.com/examples/transforms/matrix-calculator.html - text-shadow - arguments: X: 2px, Y: 2px, Blur: 5px, Color: rgba(0,0,0,.4) - transform - arguments: Parameters: null - transform-style - arguments: Style: preserve-3d - transition - Default arguments: What: all, Length: 1s, Easing: ease-in-out - - Examples: @include transition (all 2s ease-in-out); - @include transition (opacity 1s ease-in 2s, width 2s ease-out); - triple-borders - arguments: Color One: #3C3C3C, Color Two: #999999, Color Three: #000000, Radius: 0 - keyframes - arguments: Animation name - content: Animation css - animation - arguments: name duration timing-function delay iteration-count direction fill-mode play-state (http://www.w3schools.com/cssref/css3_pr_animation.asp) ------------------------------------------------------------- */ /* ADDS A BROWSER PREFIX TO THE PROPERTY */ /*-------------------------------------------------------------- 1.0 Buttons --------------------------------------------------------------*/ /*-------------------------------------------------------------- 2.0 - Content and comment --------------------------------------------------------------*/ /*------------------------------ 2.1 - General ------------------------------*/ /*-------------------------------------------------------------- 3.0 - Elements --------------------------------------------------------------*/ /*Fix row full width*/ /*-------------------------------------------------------------- 4.0 - Footer --------------------------------------------------------------*/ /*-------------------------------------------------------------- 5.0 - Forms --------------------------------------------------------------*/ /*-------------------------------------------------------------- 6.0 - Header --------------------------------------------------------------*/ /*-------------------------------------------------------------- 7.0 - Main --------------------------------------------------------------*/ /*-------------------------------------------------------------- 8.0 - Media --------------------------------------------------------------*/ /*-------------------------------------------------------------- 9.0 - Navigation --------------------------------------------------------------*/ /*-------------------------------------------------------------- 10.0 - Sidebar --------------------------------------------------------------*/ /*-------------------------------------------------------------- 11.0 - Typography --------------------------------------------------------------*/ /*-------------------------------------------------------------- 12.0 - Widgets --------------------------------------------------------------*/ /*-------------------------------------------------------------- 13.0 - Product --------------------------------------------------------------*/ input[type="submit"]:not(.wpcf7-submit) { padding: 16px 34px; text-transform: uppercase; -webkit-transition: all 0.3s; -khtml-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; /* BACKGROUND GRADIENT */ /* TRIPLE BORDERS */ } .btn { display: inline-block; margin-bottom: 0; font-weight: 300; text-align: center; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; background-image: none; border: none; white-space: nowrap; padding: 12px 16px; font-size: 11px; line-height: 14.4px; color: #333; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; text-transform: uppercase; -webkit-transition: all 0.3s; -khtml-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; /* BACKGROUND GRADIENT */ /* TRIPLE BORDERS */ } .btn:hover, .btn:active, .btn:focus, .btn:active:focus { box-shadow: none; outline: none; } input[type="submit"]:not(.wpcf7-submit), .btn-default { background-color: #fff; border-right: 1px solid #ebebeb; border-top: 1px solid #ebebeb; border-left: 1px solid #ebebeb; border-bottom: 3px solid #666; } input[type="submit"]:not(.wpcf7-submit):hover, .btn-default:hover, input[type="submit"]:not(.wpcf7-submit):active, .btn-default:active, input[type="submit"]:not(.wpcf7-submit):focus, .btn-default:focus, input[type="submit"]:not(.wpcf7-submit):active:focus, .btn-default:active:focus { background-color: #fff; border-bottom-color: #3eabe6 !important; color: #333; border-color: #ebebeb; } .btn-primary { background-color: #fff; border-right: 1px solid #ebebeb; border-top: 1px solid #ebebeb; border-left: 1px solid #ebebeb; border-bottom: 3px solid #3eabe6; } .btn-third { border-bottom: 3px solid #156e8b; color: #333 !important; font-weight: 500 !important; font-size: 15px !important; background-color: #666; border-bottom: 3px solid #0087b3; font-family: 'Roboto Condensed'; -webkit-transition: all 0.3s !important; -khtml-transition: all 0.3s !important; -moz-transition: all 0.3s !important; -ms-transition: all 0.3s !important; -o-transition: all 0.3s !important; transition: all 0.3s !important; /* BACKGROUND GRADIENT */ /* TRIPLE BORDERS */ } .btn-third:hover { background-color: #666 !important; border-bottom-color: #3eabe6 !important; } .tp-caption a.btn.btn-tran { padding: 16px 31px !important; } .btn-tran { padding: 16px 31px !important; font-size: 13px !important; color: #fff !important; border-top: 1px solid #fff; border-right: 1px solid #fff; border-bottom: 3px solid #666; border-left: 1px solid #fff; -webkit-transition: all 0.3s !important; -khtml-transition: all 0.3s !important; -moz-transition: all 0.3s !important; -ms-transition: all 0.3s !important; -o-transition: all 0.3s !important; transition: all 0.3s !important; /* BACKGROUND GRADIENT */ /* TRIPLE BORDERS */ } .btn-tran:hover { border-bottom-color: #3eabe6 !important; } .rv-readmore { font-family: 'Roboto Condensed'; color: #333 !important; text-decoration: none; text-transform: uppercase; /*.btn:hover { background-color: #fff; border-bottom-color: $primary_color !important; color: #333; }*/ } .rv-readmore:hover { text-decoration: none; } .woocommerce a.added_to_cart:hover { border-bottom-color: #3eabe6; color: #333; } .country_to_state.form-control { border-radius: 0; } #main { overflow: hidden; } .wpb_text_column p { margin: 0 0 9px !important; } .page ul, .post ul { list-style-position: inside; } .entry-content .wpb_row, .entry-content .wpb_content_element, .entry-content ul.wpb_thumbnails-fluid > li, .entry-content .wpb_button { margin-bottom: 0; position: relative; } .blog-archive .widget-area .textwidget, .blog-search .widget-area .textwidget, .blog-author .widget-area .textwidget, .blog-index .widget-area .textwidget { margin-top: 40px; } #page-left-sidebar .widget-area { padding-left: 0; } #page-left-sidebar .widget-area .textwidget { margin-top: 40px; } .single-row .post .entry-content.ui-text .wpb_row .container { padding: 0; } .woocommerce.widget_product_search { margin-top: 12px; } .blog-author { /*------------------------------ 2.2 - Portfolio page ------------------------------*/ } .blog-author .author-avatar img { float: left; margin-right: 20px; vertical-align: middle; margin-top: 5px; } .hide-video-download .portfolio-page { margin-top: 40px; } .portfolio-page p { margin-bottom: 15px; line-height: 1.7; font-weight: 300; color: #333; } .portfolio-page .btn.button-medium { margin-top: 35px; padding: 12px 26px; font-size: 14px; border-bottom-color: #3eabe6; } .portfolio-page .sub-title-on-top.ui-title-inner { margin-bottom: 15px; margin-top: 15px; text-transform: uppercase; font-weight: 500; } .portfolio-page .home-fancyboxes-wraper.cms-fancyboxes-wraper { margin-bottom: 25px !important; } .contact-footer-page.border-wave_secondary { padding-top: 60px; padding-bottom: 50px; position: relative; } .contact-footer-page.border-wave_secondary:after { position: absolute; top: -7px; z-index: 700; display: block; width: 100%; content: ''; background: url(../images/wavefoot.png) repeat-x; height: 22px; } .contact-footer-page.triagl { padding-top: 40px; padding-bottom: 50px; margin-top: 150px; } .contact-footer-page.portfolio-footer-page { margin-top: 115px; } .contact-footer-page { background-color: #666; z-index: 1; /*------------------------------ 2.3 - Post ------------------------------*/ } .contact-footer-page .row { padding-left: 25px; padding-right: 25px; } .contact-footer-page .cms-social { text-align: center; margin-top: 10px; margin-bottom: 14px; padding-left: 0; } .contact-footer-page .cms-social li { padding-right: 5px; padding-left: 5px; margin: 0; } .contact-footer-page .cms-social li .icon { font-size: 15px; font-weight: 400; color: rgba(51, 51, 51, .5); -webkit-transition: all 0.3s; -khtml-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; /* BACKGROUND GRADIENT */ /* TRIPLE BORDERS */ } .contact-footer-page .cms-social li .icon:hover { color: #333; } .contact-footer-page .textwidget { margin-top: 0; } .post { margin-top: 65px; } .post:first-child { margin-top: 0; } .post:not(.sticky) .entry-title i.fa-thumb-tack { display: none; } .product .border-color, .portfolio .border-color, .post .border-color { border-color: #ebebeb; } .product .border-color:after, .portfolio .border-color:after, .post .border-color:after { margin-left: 0; width: 100px; } .product .info-post, .portfolio .info-post, .post .info-post { position: absolute; z-index: 1; bottom: 0; left: 0; margin-bottom: 0; padding-top: 10px; width: 60px; height: 60px; line-height: 1; text-align: center; background-color: #666; list-style: none; padding-left: 0; margin-top: 0; } .product .info-post .date, .portfolio .info-post .date, .post .info-post .date { font: 700 22px 'Roboto Condensed'; } .product .info-post .month, .portfolio .info-post .month, .post .info-post .month { font-size: 11px; font-weight: 400; text-transform: uppercase; } .product img, .portfolio img, .post img { display: block; max-width: 100%; height: auto; } .product .carousel-control, .portfolio .carousel-control, .post .carousel-control { width: 40px; height: 40px; background-color: rgba(25, 27, 39, .3); background-image: none !important; position: absolute; bottom: 0; left: auto; top: auto; } .product .carousel-control.left, .portfolio .carousel-control.left, .post .carousel-control.left { right: 43px; } .product .carousel-control.right, .portfolio .carousel-control.right, .post .carousel-control.right { right: 0; } .product .carousel-control span, .portfolio .carousel-control span, .post .carousel-control span { font-size: 16px; } .product .carousel-control:hover, .portfolio .carousel-control:hover, .post .carousel-control:hover { color: #000; } .product .footer-panel, .portfolio .footer-panel, .post .footer-panel { margin-top: 75px; } .product .footer-panel:after, .portfolio .footer-panel:after, .post .footer-panel:after { display: table; clear: both; content: ''; } .product .footer-panel .footer-panel__title, .portfolio .footer-panel .footer-panel__title, .post .footer-panel .footer-panel__title { margin-right: 15px; float: left; font-size: 14px; font-weight: 500; text-transform: uppercase; } .product .footer-panel .tags-group, .portfolio .footer-panel .tags-group, .post .footer-panel .tags-group { margin-left: 55px; margin-top: 0; list-style: none; padding-left: 0; } @media screen and (max-width: 767px) { .product .footer-panel .tags-group li, .portfolio .footer-panel .tags-group li, .post .footer-panel .tags-group li { display: block; } } .product .footer-panel .tags-group a, .portfolio .footer-panel .tags-group a, .post .footer-panel .tags-group a { padding-right: 7px; font-size: 12px; font-weight: 400; color: #999; } .product .footer-panel .tags-group a:hover, .portfolio .footer-panel .tags-group a:hover, .post .footer-panel .tags-group a:hover { text-decoration: none; color: #666; } .product .footer-panel .social-links, .portfolio .footer-panel .social-links, .post .footer-panel .social-links { margin-top: -5px; margin-right: 2px; margin-left: 30px; float: right; margin-bottom: 20px; } @media screen and (max-width: 767px) { .product .footer-panel .social-links, .portfolio .footer-panel .social-links, .post .footer-panel .social-links { float: none; margin: -5px 2px 20px 30px; } } .product .footer-panel .social-links ul, .portfolio .footer-panel .social-links ul, .post .footer-panel .social-links ul { margin: 0; } .product .footer-panel .social-links .cms-social li, .portfolio .footer-panel .social-links .cms-social li, .post .footer-panel .social-links .cms-social li { margin-right: 0; } .product .footer-panel .social-links .cms-social li a, .portfolio .footer-panel .social-links .cms-social li a, .post .footer-panel .social-links .cms-social li a { margin-right: 10px; padding-top: 4px; padding-right: 0; display: inline-block; width: 30px; height: 24px; font-size: 13px; text-align: center; color: #ccc; background-color: #fff; border-top: 1px solid #ebebeb; border-right: 1px solid #ebebeb; border-left: 1px solid #ebebeb; position: relative; -webkit-transition: all 0.3s; -khtml-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; /* BACKGROUND GRADIENT */ /* TRIPLE BORDERS */ } .product .footer-panel .social-links .cms-social li a:before, .portfolio .footer-panel .social-links .cms-social li a:before, .post .footer-panel .social-links .cms-social li a:before, .product .footer-panel .social-links .cms-social li a:after, .portfolio .footer-panel .social-links .cms-social li a:after, .post .footer-panel .social-links .cms-social li a:after { bottom: -5px; width: 15px; height: 10px; background-color: #fff; border-bottom: 1px solid #ebebeb; content: ""; position: absolute; -webkit-transition: all 0.3s; -khtml-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; /* BACKGROUND GRADIENT */ /* TRIPLE BORDERS */ } .product .footer-panel .social-links .cms-social li a:before, .portfolio .footer-panel .social-links .cms-social li a:before, .post .footer-panel .social-links .cms-social li a:before { right: 0; -webkit-transform: skewY(-30deg); -khtml-transform: skewY(-30deg); -moz-transform: skewY(-30deg); -ms-transform: skewY(-30deg); -o-transform: skewY(-30deg); transform: skewY(-30deg); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } .product .footer-panel .social-links .cms-social li a:after, .portfolio .footer-panel .social-links .cms-social li a:after, .post .footer-panel .social-links .cms-social li a:after { left: 0; -webkit-transform: skewY(30deg); -khtml-transform: skewY(30deg); -moz-transform: skewY(30deg); -ms-transform: skewY(30deg); -o-transform: skewY(30deg); transform: skewY(30deg); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } .product .footer-panel .social-links .cms-social li a:hover, .portfolio .footer-panel .social-links .cms-social li a:hover, .post .footer-panel .social-links .cms-social li a:hover { color: #fff; background-color: #3eabe6; } .product .footer-panel .social-links .cms-social li a:hover:before, .portfolio .footer-panel .social-links .cms-social li a:hover:before, .post .footer-panel .social-links .cms-social li a:hover:before, .product .footer-panel .social-links .cms-social li a:hover:after, .portfolio .footer-panel .social-links .cms-social li a:hover:after, .post .footer-panel .social-links .cms-social li a:hover:after { background-color: #3eabe6; } .product .footer-panel .social-links .cms-social li a i.icon, .portfolio .footer-panel .social-links .cms-social li a i.icon, .post .footer-panel .social-links .cms-social li a i.icon { margin-left: 1px; } .product .footer-panel .border-color, .portfolio .footer-panel .border-color, .post .footer-panel .border-color { margin-top: 40px; margin-bottom: 65px; } .portfolio { margin-top: 0; } .portfolio .border-color { border-color: #666; } .portfolio .border-color:after { margin-left: auto; width: 100px; } .single-portfolio .page-title { margin-bottom: 0; } @media screen and (max-width: 767px) { .about-autor .about-autor__foto { float: none !important; } .about-autor .about-autor__inner { margin-left: 0 !important; } .comments-area .comments-list .avatar-placeholder { float: none !important; display: inline-block !important; } .comments-area .comments-list .comment-inner { margin-left: 0 !important; } .comments-area .comments-list .children { margin-left: 40px !important; } } .entry-inner { position: relative; } .entry-inner iframe { width: 100%; } .ui-title-inner a { color: #333; -webkit-transition: color 100ms, background-color 100ms; -khtml-transition: color 100ms, background-color 100ms; -moz-transition: color 100ms, background-color 100ms; -ms-transition: color 100ms, background-color 100ms; -o-transition: color 100ms, background-color 100ms; transition: color 100ms, background-color 100ms; /* BACKGROUND GRADIENT */ /* TRIPLE BORDERS */ } .ui-title-inner a:hover { color: #333; -webkit-transition: color 100ms, background-color 100ms; -khtml-transition: color 100ms, background-color 100ms; -moz-transition: color 100ms, background-color 100ms; -ms-transition: color 100ms, background-color 100ms; -o-transition: color 100ms, background-color 100ms; transition: color 100ms, background-color 100ms; /* BACKGROUND GRADIENT */ /* TRIPLE BORDERS */ } .entry-title { margin-bottom: 16px; font-size: 20px; font-weight: 700; text-transform: uppercase; margin-top: 45px; } .entry-title a { color: #333; -webkit-transition: color 100ms, background-color 100ms; -khtml-transition: color 100ms, background-color 100ms; -moz-transition: color 100ms, background-color 100ms; -ms-transition: color 100ms, background-color 100ms; -o-transition: color 100ms, background-color 100ms; transition: color 100ms, background-color 100ms; /* BACKGROUND GRADIENT */ /* TRIPLE BORDERS */ } .entry-title a:hover { color: #3eabe6; -webkit-transition: color 100ms, background-color 100ms; -khtml-transition: color 100ms, background-color 100ms; -moz-transition: color 100ms, background-color 100ms; -ms-transition: color 100ms, background-color 100ms; -o-transition: color 100ms, background-color 100ms; transition: color 100ms, background-color 100ms; /* BACKGROUND GRADIENT */ /* TRIPLE BORDERS */ } .entry-meta { margin-bottom: 30px; font-size: 12px; padding-left: 0; } .entry-meta li { margin-right: 10px; display: inline-block; } .entry-meta li a { color: #999; text-transform: uppercase; font-weight: 300; } .entry-meta .icon-commets { margin-left: 6px; font-size: 16px; color: #3eabe6; } .entry-blog .blog-reviews { position: relative; margin-top: 60px; margin-bottom: 62px; padding: 36px 140px 50px 60px; background-color: #3eabe6; } .entry-blog .blog-reviews blockquote { margin-bottom: 10px; font: 700 24px 'Merriweather'; color: #fff; border: 0; } .entry-blog .blog-reviews blockquote p { line-height: 1.45; } .entry-blog .blog-reviews .icon { position: absolute; top: 55px; left: 45px; font-size: 20px; color: #666; } .blog-reviews__autor { margin-left: 20px; display: block; font: 700 16px 'Roboto Condensed'; text-transform: uppercase; color: #fff; } .single-post .entry-content { line-height: 1.7; } .single-post .entry-content p { line-height: 1.7; } .single-post .entry-content blockquote { margin: 50px; padding: 26px 80px 30px 96px; position: relative; background-color: #26c9ff; font: 700 22px 'Merriweather'; color: #fff; border: 0; } .single-post .entry-content blockquote:before { position: absolute; content: ""; top: 30px; left: -50px; padding-top: 32px; width: 100px; height: 100px; font-size: 24px; text-align: center; color: #333; background-color: #f8f8f8; border: 8px solid #fff; border-radius: 50%; } .single-post .entry-content blockquote:after { content: "\f10d"; font-family: FontAwesome; display: inline-block; width: 16px; height: 16px; line-height: 16px; vertical-align: text-top; margin-left: 5px; position: absolute; left: -14px; color: #000; top: 70px; font-size: 24px; } .single-post .entry-content blockquote p { line-height: 1.45; } .single-post .entry-content blockquote .blog-reviews__autor { margin-top: 17px; } .single-post .entry-content ul.list-mark_small { list-style: none; margin: 50px 50px; padding-left: 0; } .single-post .entry-content ul.list-mark_small li a { font-family: 'Roboto Condensed'; font-size: 16px; font-weight: 400; color: #333; line-height: 32px; position: relative; display: block; padding-left: 45px; } .single-post .entry-content ul.list-mark_small li a:before { content: ""; width: 12px; height: 16px; background-color: #3eabe6; left: 0; top: 8px; display: inline-block; position: absolute; } .single-post .entry-content ul.list-mark_small li a:after { content: ""; border-color: transparent transparent transparent #3eabe6; border-width: 8px; border-style: solid; position: absolute; left: 12px; top: 8px; display: inline-block; } .single-post .entry-content ul.list-mark_small li a:hover, .single-post .entry-content ul.list-mark_small li a:focus { text-decoration: none; } .single-post .entry-content ul.list-mark_small li a:hover:before, .single-post .entry-content ul.list-mark_small li a:focus:before { background-color: #666; } .single-post .entry-content ul.list-mark_small li a:hover:after, .single-post .entry-content ul.list-mark_small li a:focus:after { border-color: transparent transparent transparent #666; } .entry-footer { margin-top: 35px; margin-bottom: 65px; /* single post */ } .entry-footer .btn { padding: 10px 19px 12px; font-size: 11px; font-weight: 300; } .single-post { /* Author */ } .single-post .entry-content .container { width: 100% !important; } .single-post .entry-content .blog-reviews { margin: 50px; padding: 26px 60px 30px 73px; } @media screen and (max-width: 767px) { .single-post .entry-content .blog-reviews { margin-right: 0; } } .single-post .entry-content .blog-reviews blockquote { font-size: 22px; } .single-post .entry-content .blog-reviews blockquote .icon { position: absolute; top: 30px; left: -50px; padding-top: 32px; width: 100px; height: 100px; font-size: 24px; text-align: center; color: #333; background-color: #f8f8f8; border: 8px solid #fff; border-radius: 50%; } .about-autor { padding: 30px; background-color: #f8f8f8; margin-bottom: 45px; /*------------------------------ 2.4 - Page ------------------------------*/ } .about-autor .about-autor__foto { float: left; overflow: hidden; width: 121px; height: 121px; border: 7px solid #ebebeb; border-radius: 50%; } .about-autor .about-autor__foto img { display: block; max-width: 100%; height: auto; } .about-autor .about-autor__inner { margin-top: 10px; margin-left: 155px; } .about-autor .about-autor__inner .about-autor__name { display: inline-block; font-size: 14px; font-weight: 700; text-transform: uppercase; } .about-autor .about-autor__inner .about-autor__category { margin-left: 12px; display: inline-block; font-size: 11px; font-weight: 400; text-transform: uppercase; color: #999; } .about-autor .about-autor__inner .border-color { margin-top: 10px; margin-bottom: 30px; margin-left: 0; width: 220px; } .about-autor .about-autor__inner .border-color:after { margin-left: 0; width: 90px; } .page-numbers { position: relative; text-align: center; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .page-numbers:before, .page-numbers:after { position: absolute; content: ''; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .page-numbers:before { right: 0; -webkit-transform: skewY(20deg); -o-transform: skewY(20deg); transform: skewY(20deg); } .page-numbers:after { left: 0; -webkit-transform: skewY(-20deg); -o-transform: skewY(-20deg); transform: skewY(-20deg); } .page-numbers:hover, .page-numbers:hover:before, .page-numbers:hover:after { text-decoration: none; } .paging-navigation > span, .paging-navigation a { display: inline-block; margin-left: 3px; margin-right: 4px; } .cms-grid-blog-fullwidth .paging-navigation { margin-top: 0; } .paging-navigation { text-align: center; margin-bottom: 10px; margin-top: 67px; } .paging-navigation .pagination-title { margin-right: 22px; padding-top: 5px; display: inline-block; font-size: 14px; font-weight: 400; vertical-align: top; text-transform: uppercase; } .paging-navigation .pagination { margin-top: 0; margin-bottom: 9px; } .paging-navigation .pagination .page-numbers { width: 30px; height: 24px; font-size: 11px; font-weight: 300; background-color: #fff; border-top: 3px solid #ebebeb; border-right: 1px solid #ebebeb; border-left: 1px solid #ebebeb; padding-top: 4px; color: #333; display: inline-block; } .paging-navigation .pagination .page-numbers:before, .paging-navigation .pagination .page-numbers:after { bottom: -5px; width: 15px; height: 10px; background-color: #fff; border-bottom: 1px solid #ebebeb; } .paging-navigation .pagination .page-numbers:before { -webkit-transform: skewY(-30deg); -o-transform: skewY(-30deg); transform: skewY(-30deg); } .paging-navigation .pagination .page-numbers:after { -webkit-transform: skewY(30deg); -o-transform: skewY(30deg); transform: skewY(30deg); } .paging-navigation .pagination .page-numbers.current, .paging-navigation .pagination .page-numbers:hover { border-top: 3px solid #666; display: inline-block; background-color: #3eabe6; color: #fff; } .paging-navigation .pagination .page-numbers.current:before, .paging-navigation .pagination .page-numbers.current:after, .paging-navigation .pagination .page-numbers:hover:before, .paging-navigation .pagination .page-numbers:hover:after { background-color: #3eabe6; border-bottom-color: #3eabe6; } .section_404 { padding-bottom: 100px; overflow: hidden; text-align: center; background: url("../images/1.jpg") no-repeat 100% 0; } .section_404 .border-color { margin-bottom: 70px; width: 450px; border-bottom: 1px solid #666; } .section_404 .border-color:after { width: 100px; margin-right: auto; margin-left: auto; } .section_404 .ui-title-inner { font-size: 36px; text-transform: uppercase; font-weight: 700; text-align: center; } .section_404 .info { margin-top: 20px; font-size: 18px; font-weight: 400; } .search-404 { border-top: 1px solid #ebebeb; } .post.section_searce-page { padding-top: 0; border: none; } .section_searce-page { padding-top: 90px; padding-bottom: 100px; text-align: center; } .section_searce-page .searchform { position: relative; padding: 15px; border: 1px solid #ebebeb; } .section_searce-page .ui-title-block { margin-bottom: 40px; font-size: 18px; font-weight: 500; text-transform: uppercase; color: #333; } .section_searce-page .form-search__input { padding-right: 50px; width: 100%; background-color: transparent; border: none; min-height: inherit; height: 22px; padding: 0 50px 0 0; } .section_searce-page .form-search__submit { position: absolute; top: 15px; right: 0; width: 50px; height: 22px; background-color: transparent; border-top: none; border-right: none; border-bottom: none; border-left: 1px solid #ebebeb; } .section_searce-page .form-search__submit .icon { font-size: 14px; color: #3eabe6; } @media screen and (max-width: 767px) { .section_404 { background: none; } } .entry-feature.entry-video iframe { height: 100%; min-height: 300px; /*------------------------------ 2.5 - Blog fullwill ------------------------------*/ } .cms-grid-blog-fullwidth .cms-grid-item { margin-bottom: 80px; } .cms-grid-blog-fullwidth .cms-grid-item article { margin-top: 0; } .cms-grid-blog-fullwidth .cms-grid-item:hover .list-about__inner { background-color: #666; border-color: #666; } .cms-grid-blog-fullwidth .cms-grid-item:hover .entry-meta { opacity: 1; } .cms-grid-blog-fullwidth .list-about__inner { padding: 0 25px 30px 20px; background-color: #fff; } .cms-grid-blog-fullwidth .entry-meta { position: absolute; bottom: 0; margin-bottom: 0; padding: 10px 15px; width: 100%; background-color: rgba(51, 51, 51, .5); opacity: 0; -webkit-transition: all 0.3s; -khtml-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; /* BACKGROUND GRADIENT */ /* TRIPLE BORDERS */ } .cms-grid-blog-fullwidth .entry-meta:after { display: table; clear: both; content: ''; } .cms-grid-blog-fullwidth .entry-meta li a { color: #fff; font-weight: 300; font-size: 12px; } .cms-grid-blog-fullwidth .entry-meta .reply { float: right; } .cms-grid-blog-fullwidth .post .info-post { bottom: auto; top: 0; } .cms-grid-blog-fullwidth .list-about__img-wrap { position: relative; } .cms-grid-blog-fullwidth .entry-inner .entry-feature-image img { width: 100%; } .cms-grid-blog-fullwidth .ui-title-inner { margin-top: 0; margin-bottom: 15px; padding-top: 35px; text-transform: uppercase; line-height: 24px; } .cms-grid-blog-fullwidth .ui-text { margin-top: 20px; line-height: 1.7; } .cms-grid-blog-fullwidth .btn { margin-top: 24px; font-size: 11px; font-weight: 300; line-height: 14.4px; padding: 12px 16px; border-bottom-color: #3eabe6; } .list-about__inner { border: 1px solid #ebebeb; -webkit-transition: all 0.3s; -khtml-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; /* BACKGROUND GRADIENT */ /* TRIPLE BORDERS */ } @media screen and (min-width: 1200px) { .cms-grid-item.col-lg-6:nth-child(2n+1) { clear: left; } .cms-grid-item.col-lg-4:nth-child(3n+1) { clear: left; } .cms-grid-item.col-lg-3:nth-child(4n+1) { clear: left; } .cms-grid-item.col-lg-2:nth-child(6n+1) { clear: left; } } @media screen (min-width:992px) and (max-width:1199px) { .cms-grid-item.col-md-6:nth-child(2n+1) { clear: left; } .cms-grid-item.col-md-4:nth-child(3n+1) { clear: left; } .cms-grid-item.col-md-3:nth-child(4n+1) { clear: left; } .cms-grid-item.col-md-2:nth-child(6n+1) { clear: left; } } @media screen (min-width:768px) and (max-width:991px) { .cms-grid-item.col-sm-6:nth-child(2n+1) { clear: left; } .cms-grid-item.col-sm-4:nth-child(3n+1) { clear: left; } .cms-grid-item.col-sm-3:nth-child(4n+1) { clear: left; } .cms-grid-item.col-sm-2:nth-child(6n+1) { clear: left; } } @media screen and (max-width: 767px) { /*------------------------------ 2.6 - Comment ------------------------------*/ .cms-grid-blog-fullwidth .cms-grid-item { max-width: 370px; margin-left: auto; margin-right: auto; float: none; } .cms-grid-blog-fullwidth .cms-grid-item:last-child { margin-bottom: 0; } } .page-content .comments-area, #page-front-page .comments-area, #page-right-sidebar .comments-area, #page-left-sidebar .comments-area { padding-top: 0; } .comments-area { padding-top: 20px; /*------------------------------ 2.6.1 - Comment form ------------------------------*/ } .comments-area .comments-title { margin-top: 55px; padding-bottom: 22px; font: 700 16px 'Roboto Condensed'; text-transform: uppercase; color: #333; border-bottom: 3px solid #666; } .comments-area .comments-list { margin-top: 45px; padding-left: 0; } .comments-area .comments-list .comment-body { position: relative; margin-bottom: 50px; } .comments-area .comments-list li { list-style: none; } .comments-area .comments-list .avatar-placeholder { float: left; overflow: hidden; border: 7px solid #f8f8f8; border-radius: 50%; } .comments-area .comments-list .comment-inner { margin-left: 120px; padding: 30px 30px 35px 30px; border: 1px solid #ebebeb; } .comments-area .comments-list .comment-inner .comment-header { margin-bottom: 15px; overflow: hidden; text-transform: uppercase; } .comments-area .comments-list .comment-inner .comment-header .comment-author { font-size: 14px; font-weight: 700; color: #3eabe6; } .comments-area .comments-list .comment-inner .comment-header .comment-datetime { float: right; font-size: 11px; font-weight: 400; color: #999; } .comments-area .comments-list .comment-inner .comment-content li { list-style: inherit; } .comments-area .comments-list .comment-inner .comment-awaiting-moderation { color: #108927; font-style: italic; } .comments-area .comments-list .comment-reply { position: absolute; right: 0; bottom: 0; text-align: right; } .comments-area .comments-list .comment-reply .comment-reply-link { padding: 11px 23px 9px; font-size: 10px; font-weight: 700; background-color: #f8f8f8; border-bottom: 3px solid #3eabe6; display: inline-block; margin-bottom: 0; text-align: center; vertical-align: middle; cursor: pointer; background-image: none; white-space: nowrap; line-height: 1.42857; color: #333; text-transform: uppercase; transition: all 0.3s; } .comments-area .comments-list .comment-reply .comment-reply-link:hover { color: #4c6377; text-shadow: -1px 1px #fff; text-decoration: none; } .comments-area .comments-list .children { margin-left: 70px; padding-left: 0; } .comments-area .comment-respond .comment-reply-title { padding-bottom: 21px; font: 700 16px 'Roboto Condensed'; text-transform: uppercase; color: #333; margin-top: 20px; border-bottom: 3px solid #666; margin-bottom: 45px; } .comment-form .input-group { position: relative; display: table; width: 100%; height: 50px; border-collapse: separate; color: #999; font-size: 12px; margin-bottom: 20px; } .comment-form .input-group .form-control { margin-bottom: 0; border: 1px solid #ebebeb; box-shadow: none; } .comment-form .btn { padding-top: 12px; padding-bottom: 12px; font-family: 'Roboto Condensed'; font-size: 18px; color: #333; background-color: #fff; border: 1px solid #ebebeb; border-bottom: 3px solid #3eabe6; width: 100%; margin-bottom: 20px; margin-top: -10px; } .comment-form .btn .icon { margin-left: 9px; font-size: 15px; color: #3eabe6; vertical-align: middle; } .cms-row-full-width > .no-container > .row { margin-left: 0; margin-right: 0; /*------------------------------ 3.1 - Custom heading ------------------------------*/ } h2.ui-title-block { margin-top: 0; margin-bottom: 0; font-size: 18px; font-weight: 300; color: #999; text-transform: uppercase; line-height: 1.1; } h2.ui-title-block.font-20 { font-size: 20px; } .ui-subtitle-block { margin-bottom: 20px; font-size: 26px; font-weight: 500; text-transform: uppercase; color: #333; line-height: 1.5; } .ui-subtitle-block strong { font-weight: 700; text-transform: uppercase; } .sub-title-on-top.ui-subtitle-block { margin-top: 0; margin-bottom: 5px; line-height: 1.1; } .heading-left-border-left.border-color { margin-top: 30px; margin-bottom: 35px; width: 100%; margin-left: 0; } .heading-left-border-left.border-color:after { margin-left: 0; width: 100px; } h2.ui-title-block.heading-center-border-center, .heading-center-border-center.ui-subtitle-block, .ui-title-inner.heading-center-border-center { text-align: center; } .heading-center-border-center.border-color { margin-top: 25px; margin-bottom: 55px; width: 470px; } .heading-center-border-center.border-color:after { width: 100px; } h2.ui-title-block.heading-center-border-left, .heading-center-border-left.ui-subtitle-block { text-align: center; } .heading-center-border-left.border-color { margin-bottom: 55px; width: 370px; } .heading-center-border-left.border-color:after { width: 100px; margin-left: 0; } h2.ui-title-block.heading-left-border-center, .heading-left-border-center.ui-subtitle-block { text-align: left; } .heading-left-border-center:after { width: 100px; } .custom-heading-layout1.sub-title-on-top.ui-subtitle-block { text-transform: none; margin-bottom: 20px; font-size: 26px; font-weight: 500; color: #333; margin-top: 18px; } .custom-heading-layout1.heading-left-border-left.border-color { margin-top: 28px; margin-bottom: 47px; } h2.ui-title-block.layout3-small { font-size: 16px; } .ui-subtitle-block.layout3-small { font-size: 22px; line-height: 1.4; } .heading-left-border-left.border-color.layout3-small { margin-top: 0; } @media (min-width: 768px) and (max-width: 991px) { .heading-left-border-left.border-color.layout3-small { width: 75% !important; } } @media screen and (max-width: 767px) { /*------------------------------ 3.2 - Fancy box ------------------------------*/ .heading-center-border-center.border-color { width: 370px; } } .cms-fancyboxes-wraper .cms-fancyboxes-title { font-family: 'Roboto Condensed'; font-size: 16px; font-weight: 700; } .home-fancyboxes-wraper.cms-fancyboxes-wraper { margin-right: -2px; margin-bottom: 60px; padding-right: 40px; display: inline-block; width: 50%; font-size: 16px; vertical-align: top; } .home-fancyboxes-wraper.cms-fancyboxes-wraper .cms-fancyboxes-head { margin-left: 88px; } .home-fancyboxes-wraper.cms-fancyboxes-wraper .cms-fancyboxes-head .cms-fancyboxes-title { margin-top: 0; margin-bottom: 15px; font-family: 'Roboto Condensed'; font-size: 16px; font-weight: 700; text-transform: uppercase; line-height: 1.1; } .home-fancyboxes-wraper.cms-fancyboxes-wraper .cms-fancyboxes-head .cms-fancyboxes-description { font-family: 'Roboto'; font-size: 13px; font-weight: 300; line-height: 22px; color: #333; } .home-fancyboxes-wraper.cms-fancyboxes-wraper .cms-fancyboxes-head .cms-fancyboxes-description p { line-height: 22px; } .home-fancyboxes-wraper.cms-fancyboxes-wraper .cms-fancyboxes-body .cms-fancybox-item .fancy-box-icon { width: 60px; height: 60px; float: left; color: #666; background-color: #fff; border-top: 1px solid #ebebeb; border-right: 1px solid #ebebeb; border-left: 1px solid #ebebeb; position: relative; text-align: center; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .home-fancyboxes-wraper.cms-fancyboxes-wraper .cms-fancyboxes-body .cms-fancybox-item .fancy-box-icon:before, .home-fancyboxes-wraper.cms-fancyboxes-wraper .cms-fancyboxes-body .cms-fancybox-item .fancy-box-icon:after { bottom: -5px; width: 30px; height: 10px; background-color: #fff; border-bottom: 1px solid #ebebeb; position: absolute; content: ''; -webkit-transition: all 0.3s; -khtml-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; /* BACKGROUND GRADIENT */ /* TRIPLE BORDERS */ } .home-fancyboxes-wraper.cms-fancyboxes-wraper .cms-fancyboxes-body .cms-fancybox-item .fancy-box-icon:before { right: 0; -webkit-transform: skewY(-20deg); -khtml-transform: skewY(-20deg); -moz-transform: skewY(-20deg); -ms-transform: skewY(-20deg); -o-transform: skewY(-20deg); transform: skewY(-20deg); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } .home-fancyboxes-wraper.cms-fancyboxes-wraper .cms-fancyboxes-body .cms-fancybox-item .fancy-box-icon:after { left: 0; -webkit-transform: skewY(20deg); -khtml-transform: skewY(20deg); -moz-transform: skewY(20deg); -ms-transform: skewY(20deg); -o-transform: skewY(20deg); transform: skewY(20deg); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } .home-fancyboxes-wraper.cms-fancyboxes-wraper .cms-fancyboxes-body .cms-fancybox-item .fancy-box-icon i { padding-top: 14px; font-size: 30px; } .home-fancyboxes-wraper.cms-fancyboxes-wraper .cms-fancyboxes-body:hover .fancy-box-icon { text-decoration: none; color: #fff; background-color: #3eabe6; border-color: #3eabe6; } .home-fancyboxes-wraper.cms-fancyboxes-wraper .cms-fancyboxes-body:hover .fancy-box-icon:before, .home-fancyboxes-wraper.cms-fancyboxes-wraper .cms-fancyboxes-body:hover .fancy-box-icon:after { text-decoration: none; color: #fff; background-color: #3eabe6; border-color: #3eabe6; } .home-fancyboxes-wraper.cms-fancyboxes-wraper .cms-fancyboxes-foot { margin-top: 30px; } .single-portfolio .home-fancyboxes-wraper.cms-fancyboxes-wraper .cms-fancyboxes-head .cms-fancyboxes-description p { line-height: 1.7; } @media screen and (max-width: 767px) { /*------------------------------ 3.2.1 - Fancy box layout1 ------------------------------*/ .home-fancyboxes-wraper.cms-fancyboxes-wraper { width: 100%; margin-bottom: 30px; } } .list-mark-item.template-cms_fancybox_single--layout1 { margin-top: 30px; padding-left: 35px; display: inline-block; vertical-align: top; text-indent: -35px; width: 100%; } .list-mark-item.template-cms_fancybox_single--layout1 .list-mark-link { font-family: 'Roboto Condensed'; font-size: 16px; font-weight: 400; text-transform: uppercase; color: #333; line-height: 32px; } .list-mark-item.template-cms_fancybox_single--layout1 .list-mark-link .icon { position: relative; margin-right: 20px; display: inline-block; width: 18px; height: 22px; vertical-align: middle; background-color: #3eabe6; margin-left: 0; -webkit-transition: all 0.3s; -khtml-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; /* BACKGROUND GRADIENT */ /* TRIPLE BORDERS */ } .list-mark-item.template-cms_fancybox_single--layout1 .list-mark-link .icon:before, .list-mark-item.template-cms_fancybox_single--layout1 .list-mark-link .icon:after { position: absolute; right: -3px; width: 6px; height: 11px; content: ''; background-color: #3eabe6; -webkit-transition: all 0.3s; -khtml-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; /* BACKGROUND GRADIENT */ /* TRIPLE BORDERS */ } .list-mark-item.template-cms_fancybox_single--layout1 .list-mark-link .icon:before { top: 0; -webkit-transform: skewX(25deg); -khtml-transform: skewX(25deg); -moz-transform: skewX(25deg); -ms-transform: skewX(25deg); -o-transform: skewX(25deg); transform: skewX(25deg); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } .list-mark-item.template-cms_fancybox_single--layout1 .list-mark-link .icon:after { bottom: 0; -webkit-transform: skewX(-25deg); -khtml-transform: skewX(-25deg); -moz-transform: skewX(-25deg); -ms-transform: skewX(-25deg); -o-transform: skewX(-25deg); transform: skewX(-25deg); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } .list-mark-item.template-cms_fancybox_single--layout1 .list-mark-link:hover { text-decoration: none; } .list-mark-item.template-cms_fancybox_single--layout1:hover .icon { text-decoration: none; background-color: #666; } .list-mark-item.template-cms_fancybox_single--layout1:hover .icon:before, .list-mark-item.template-cms_fancybox_single--layout1:hover .icon:after { text-decoration: none; background-color: #666; } .portfolio .list-mark-item.template-cms_fancybox_single--layout1 .list-mark-link { font-size: 14px; } .list-mark-item.template-cms_fancybox_single--layout1.list-mark_small { margin-top: 5px; padding-right: 30px; /*------------------------------ 3.2.2 - Fancy box layout2 ------------------------------*/ } .list-mark-item.template-cms_fancybox_single--layout1.list-mark_small .list-mark-link { text-transform: inherit; } @media screen and (max-width: 767px) { .list-mark-item.template-cms_fancybox_single--layout1.list-mark_small .list-mark-link { display: block; margin-left: auto; margin-right: auto; max-width: 320px; } } .list-mark-item.template-cms_fancybox_single--layout1.list-mark_small .list-mark-link .icon { width: 14px; height: 16px; } .list-mark-item.template-cms_fancybox_single--layout1.list-mark_small .list-mark-link .icon:before, .list-mark-item.template-cms_fancybox_single--layout1.list-mark_small .list-mark-link .icon:after { height: 8px; } .cms-fancybox-icon-top { position: relative; top: 0; padding: 0 6px; -webkit-transition: all 0.3s; -khtml-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; /* BACKGROUND GRADIENT */ /* TRIPLE BORDERS */ } .cms-fancybox-icon-top:hover { top: -30px; } .cms-fancybox-icon-top:hover i { color: #666; } .cms-fancybox-icon-top:hover .fancy-box-text-title { color: #333; } .cms-fancybox-icon-top:hover .fancy-box-content { opacity: 1; } .cms-fancybox-icon-top a { text-align: center; text-decoration: none; } .cms-fancybox-icon-top i { display: block; font-size: 62px; color: #3eabe6; -webkit-transition: all 0.3s; -khtml-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; /* BACKGROUND GRADIENT */ /* TRIPLE BORDERS */ } .cms-fancybox-icon-top i.fa { padding-top: 6px; padding-bottom: 20px; } .cms-fancybox-icon-top .fancy-box-text-title { margin-top: 10px; display: block; font-size: 16px; line-height: 1.2; color: #999; padding: 0 10px; font-family: 'Roboto Condensed'; -webkit-transition: all 0.3s; -khtml-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; /* BACKGROUND GRADIENT */ /* TRIPLE BORDERS */ } .cms-fancybox-icon-top .fancy-box-content { margin-bottom: 20px; display: block; font-family: 'Roboto Condensed'; line-height: 1; color: #333; opacity: 0; font-weight: 300; -webkit-transition: all 0.3s; -khtml-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; /* BACKGROUND GRADIENT */ /* TRIPLE BORDERS */ } .cms-fancybox-icon-top .border-color { margin-top: 38px; margin-bottom: 44px; width: 100%; } .cms-fancybox-icon-top .border-color:after { top: 1px; width: 70px; border-width: 1px; } @media screen and (max-width: 767px) { /*------------------------------ 3.2.3 - Fancy box layout3 ------------------------------*/ .fancybox-icon-top .container { text-align: center; } } .cms-fancyboxes-wraper-bgcolor { padding-left: 50px; padding-right: 50px; padding-bottom: 20px; text-align: center; position: relative; top: -110px; /*------------------------------ 3.2.4 - Fancy box layout6 ------------------------------*/ } .cms-fancyboxes-wraper-bgcolor .fancy-box-icon { margin-top: 34px; display: block; font-size: 68px; padding-top: 24px; } .cms-fancyboxes-wraper-bgcolor .list-pennant-title { margin-bottom: 15px; font-size: 18px; font-weight: 500; } .cms-fancyboxes-wraper-bgcolor .fancy-box-content { font-weight: 300; } .cms-fancyboxes-wraper-bgcolor:after { position: absolute; z-index: 1000; bottom: -50px; left: 0; display: block; width: 100%; content: ''; border-top: 26px solid; border-right: 15em solid transparent; border-bottom: 25px solid transparent; border-left: 15em solid transparent; } .cms-fancyboxes-wraper-bgcolor svg { position: absolute; left: 0; width: 100%; } .home-fancyboxes-wraper.cms-fancyboxes-wraper.layout6 { width: 100%; padding-right: 0; } @media screen and (max-width: 767px) { .home-fancyboxes-wraper.cms-fancyboxes-wraper.layout6 { clear: both; display: block; float: none; margin-left: auto; margin-right: auto; max-width: 370px; overflow: hidden; } } .home-fancyboxes-wraper.cms-fancyboxes-wraper.layout6.advantages-list_right { /*------------------------------ 3.3 - Vc raw_html ------------------------------*/ } .home-fancyboxes-wraper.cms-fancyboxes-wraper.layout6.advantages-list_right .cms-fancyboxes-body .cms-fancybox-item .fancy-box-icon { float: right; } @media screen and (min-width: 768px) { .home-fancyboxes-wraper.cms-fancyboxes-wraper.layout6.advantages-list_right { text-align: right; padding-right: 0; } .home-fancyboxes-wraper.cms-fancyboxes-wraper.layout6.advantages-list_right .cms-fancyboxes-head { margin-right: 88px; margin-left: 0; } } @media screen and (max-width: 767px) { .home-fancyboxes-wraper.cms-fancyboxes-wraper.layout6.advantages-list_right .cms-fancyboxes-body .cms-fancybox-item .fancy-box-icon { float: left; } } @media screen and (min-width: 992px) and (max-width: 1199px) { .home h2.form-order-title { margin-top: 1px; } } @media screen and (min-width: 1200px) { .home h2.form-order-title { margin-top: -5px; } } h2.form-order-title { position: relative; margin-left: 20px; margin-top: 25px; margin-bottom: -5px; padding-top: 60px; float: left; width: 307px; height: 307px; font-size: 24px; font-weight: 400; text-align: center; text-transform: uppercase; background-color: #f8f8f8; border: 11px solid #fff; -webkit-border-radius: 50%; -khtml-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; /* BACKGROUND GRADIENT */ line-height: 1.1; } h2.form-order-title .icon { font-size: 50px; color: #3eabe6; display: inline; } h2.form-order-title .border-color { margin-top: 23px; margin-bottom: 20px; width: 100px; border-width: 3px; display: block; } h2.form-order-title .border-color:after { position: relative; top: 3px; margin: auto; display: block; content: ''; border-bottom: 3px solid #3eabe6; width: 30px; } h2.form-order-title strong { display: block; font-size: 26px; font-weight: 700; } .entry-content div.wpcf7 { margin-right: 20px; } h2.form-order-title.about { margin-top: 24px; padding-top: 67px; width: 268px; height: 268px; font-size: 18px; border: 9px solid #666; margin-left: 60px; } @media (min-width: 992px) and (max-width: 1100px) { h2.form-order-title.about { margin-left: 0; } } @media screen and (max-width: 767px) { h2.form-order-title.about { margin-left: auto; margin-right: auto; margin-top: 40px; max-width: 100%; width: 245px; height: 245px; } } h2.form-order-title.about strong { font-size: 20px; } h2.form-order-title.about:after { position: absolute; top: 0; left: 0; width: 250px; height: 250px; content: ''; border-radius: 50%; box-shadow: 0 0 8px 0 rgba(0, 0, 0, .22); } @media screen and (max-width: 767px) { h2.form-order-title.about:after { margin-left: auto; margin-right: auto; position: relative; width: 245px; height: 245px; } } @media screen and (max-width: 767px) { /*------------------------------ 3.4 - Cms carousel service ------------------------------*/ h2.form-order-title { float: none; } .entry-content div.wpcf7 { margin-right: 0; } } .owl-controls { position: absolute; top: -70px; right: 5px; text-align: center; } @media screen and (max-width: 767px) { .owl-controls { right: 0; } } .owl-controls .owl-nav div { position: relative; display: inline-block; width: 27px; height: 30px; margin-right: 3px; vertical-align: middle; color: #fff; background-color: #3eabe6; transition: all 0.3s; } .owl-controls .owl-nav div:before, .owl-controls .owl-nav div:after { position: absolute; width: 8px; height: 15px; content: ''; background-color: #3eabe6; transition: all 0.3s; } .owl-controls .owl-nav div:hover { background-color: #666; color: #000; } .owl-controls .owl-nav div:hover:before, .owl-controls .owl-nav div:hover:after { background-color: #666; color: #000; } .owl-controls .owl-nav div i { display: inline-block; padding-top: 6px; font-size: 16px; } .owl-controls .owl-nav .owl-next:before, .owl-controls .owl-nav .owl-next:after { right: -4px; } .owl-controls .owl-nav .owl-next:before { top: 0; transform: skewX(20deg); } .owl-controls .owl-nav .owl-next:after { bottom: 0; transform: skewX(-20deg); } .owl-controls .owl-nav .owl-next i { padding-left: 3px; } .owl-controls .owl-nav .owl-prev:before, .owl-controls .owl-nav .owl-prev:after { left: -4px; } .owl-controls .owl-nav .owl-prev:before { bottom: 0; transform: skewX(20deg); } .owl-controls .owl-nav .owl-prev:after { top: 0; transform: skewX(-20deg); } .owl-controls .owl-nav .owl-prev i { padding-right: 3px; } .home-service-carousel .owl-item:hover .slider-services-info { background-color: #666; } .home-service-carousel .owl-item .slider-services-info { padding: 30px 25px; background-color: #fff; -webkit-transition: all 0.3s; -khtml-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; /* BACKGROUND GRADIENT */ /* TRIPLE BORDERS */ line-height: 1.4; } .home-service-carousel .owl-item .slider-services-info:hover { background-color: #666; } .home-service-carousel .owl-item .slider-services-info .cms-carousel-title { font-size: 16px; font-weight: bold; text-transform: uppercase; } .home-service-carousel .owl-item .slider-services-info .cms-carousel-subtitle { font-size: 12px; font-weight: 400; text-transform: uppercase; line-height: 20px; } @media screen and (max-width: 767px) { /*------------------------------ 3.5 - Cms counter home ------------------------------*/ .home-service-carousel { text-align: center; } .home-service-carousel .owl-item .cms-carousel-item { display: inline-block; } .home-service-carousel .owl-item img { width: auto; max-width: 100%; } } .cms-counter-wraper { color: #fff; font-family: 'Roboto Condensed'; } .cms-counter-wraper .cms-counter-title { font-size: 16px; } .cms-counter-wraper .cms-icon i { float: left; font-size: 38px; color: #666; } .cms-counter-wraper .cms-counter { display: inline-block; line-height: 48px; font-size: 40px; font-weight: 700; margin-left: 36px; font-family: Roboto; } .cms-counter-wraper .brand-decor { margin-bottom: -2px; display: block; width: 100%; text-align: left; } .cms-counter-wraper .counter-item-title { font-family: 'Roboto Condensed'; font-size: 16px; letter-spacing: 1px; } @media (min-width: 768px) and (max-width: 991px) { .cms-counter-wraper .cms-icon i { font-size: 28px; } .cms-counter-wraper .cms-counter { font-size: 30px; margin-left: 26px; } .cms-counter-wraper .counter-item-title { font-size: 13px; } } @media screen and (max-width: 767px) { /*------------------------------ 3.6 - Cms counter about ------------------------------*/ .cms-counter-wraper .cms-counter-single { margin-bottom: 40px; margin-left: auto; margin-right: auto; width: 170px; } } .cms-counter-wraper.cms-counter-wraper-about { color: #333; /*------------------------------ 3.7 - Cms carousel team ------------------------------*/ } .cms-counter-wraper.cms-counter-wraper-about .cms-icon i { color: #333; } .owl-carousel .owl-item { -webkit-backface-visibility: visible !important; } .home-team-carousel .slide { padding: 40px 15px 10px; overflow: hidden; text-align: center; background-color: #fff; border: 1px solid #ebebeb; -webkit-transition: all 0.3s; -khtml-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; /* BACKGROUND GRADIENT */ /* TRIPLE BORDERS */ } .home-team-carousel .slide:hover { padding-bottom: 30px; background-color: #666; border-color: #666; } .home-team-carousel .slide:hover .cms-grid-media { border-color: #3eabe6; overflow: hidden; } .home-team-carousel .slide:hover .cms-carousel-position { margin-top: 0; opacity: 0; } .home-team-carousel .slide:hover .social-links { bottom: 0; opacity: 1; } .home-team-carousel .slide:hover .border-color { border-color: #3eabe6; } .home-team-carousel .slide:hover .border-color:after { border-color: #fff; } .home-team-carousel .slide .cms-grid-media { margin: auto; display: block; overflow: hidden; width: 160px; height: 160px; border: 10px solid #f8f8f8; border-radius: 50%; -webkit-transition: all 0.3s; -khtml-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; /* BACKGROUND GRADIENT */ /* TRIPLE BORDERS */ } .home-team-carousel .slide .cms-grid-media img { max-width: 100%; height: 100%; } .home-team-carousel .slide .cms-carousel-title { margin: 38px auto 18px; display: block; font-size: 15px; font-weight: bold; text-transform: uppercase; } .home-team-carousel .slide .cms-carousel-position { margin-top: 20px; display: block; font-size: 13px; color: #999; opacity: 1; font-weight: 400; -webkit-transition: all 0.3s; -khtml-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; /* BACKGROUND GRADIENT */ /* TRIPLE BORDERS */ } .home-team-carousel .border-color { width: 100px; border-width: 3px; -webkit-transition: all 0.3s; -khtml-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; /* BACKGROUND GRADIENT */ /* TRIPLE BORDERS */ } .home-team-carousel .border-color:after { width: 30px; -webkit-transition: all 0.3s; -khtml-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; /* BACKGROUND GRADIENT */ /* TRIPLE BORDERS */ } .home-team-carousel .social-links { position: relative; bottom: -100px; opacity: 0; margin: 0; padding-left: 0; -webkit-transition: all 0.3s; -khtml-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; /* BACKGROUND GRADIENT */ /* TRIPLE BORDERS */ } .home-team-carousel .social-links a:hover { color: #fff; } .home-gallery { /*------------------------------ 3.8 - Cms grid moving service ------------------------------*/ } .home-gallery li { margin: 0 !important; } .home-gallery li .slide-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-align: center; background-color: rgba(2, 0, 65, .6); opacity: 0; -webkit-transition: all 0.3s; -khtml-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; /* BACKGROUND GRADIENT */ /* TRIPLE BORDERS */ } .home-gallery li .slide-bg:hover { opacity: 1; } .home-gallery li .slide-bg .icon { position: relative; top: 50%; margin-top: -10px; display: inline-block; font-size: 20px; color: #fff; } .cms-grid-wraper-smoving { margin-top: 65px; } .cms-grid-wraper-smoving .cms-grid-item { margin-bottom: 35px; } .cms-grid-wraper-smoving .cms-grid-item:hover .grid-services-info { background-color: #666; border-color: #666; } .cms-grid-wraper-smoving .cms-grid-item:hover .cms-grid-title, .cms-grid-wraper-smoving .cms-grid-item:hover .cms-grid-subtitle { color: #333; } .cms-grid-wraper-smoving .grid-services-info { padding: 30px 25px; background-color: #fff; -webkit-transition: all 0.3s; -khtml-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; /* BACKGROUND GRADIENT */ /* TRIPLE BORDERS */ text-align: left; border-right: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb; border-left: 1px solid #ebebeb; } .cms-grid-wraper-smoving .grid-services-info .cms-grid-title { font-size: 16px; font-weight: 700; text-transform: uppercase; color: #3eabe6; line-height: 24px; } .cms-grid-wraper-smoving .grid-services-info .cms-grid-subtitle { font-size: 12px; font-weight: 400; text-transform: uppercase; color: #999; } .cms-grid-wraper-smoving .loadMore a { padding: 9px 26px 11px; } @media (max-width: 767px) { /*------------------------------ 3.9 - Cms grid cleaning quality ------------------------------*/ .cms-grid-wraper-smoving .cms-grid-item { margin-bottom: 35px; text-align: left; vertical-align: top; } .cms-grid-wraper-smoving .cms-grid-item .grid-item-inner { max-width: 370px; margin: 0 auto; } } .cleaning-quality { margin-top: 58px; } .cleaning-quality .cms-grid-item { margin-bottom: 30px; } .cleaning-quality .cms-grid-item:hover .grid-services-info { background-color: #666; border-color: #666; } .cleaning-quality .cms-grid-item img { width: 100%; } .cleaning-quality .grid-services-info { padding: 0 40px 30px 35px; background-color: #fff; -webkit-transition: all 0.3s; -khtml-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; /* BACKGROUND GRADIENT */ /* TRIPLE BORDERS */ text-align: left; border-right: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb; border-left: 1px solid #ebebeb; } .cleaning-quality .grid-services-info .cms-grid-title h2 { font-size: 16px; font-weight: 700; margin-top: 0; margin-bottom: 15px; padding-top: 35px; text-transform: uppercase; line-height: 24px; } .cleaning-quality .grid-services-info .ui-text { margin-top: 20px; line-height: 1.7; font-weight: 300; } .cleaning-quality .grid-services-info a.btn-default { border-bottom: 3px solid #3eabe6; margin-top: 24px; font-size: 11px; line-height: 14.4px; font-weight: 300; padding: 8px 14px; } @media (max-width: 991px) { .cleaning-quality .grid-services-info { padding-left: 20px; padding-right: 20px; } } @media (max-width: 767px) { /*------------------------------ 3.10 - Cms grid cleaning more ------------------------------*/ .cleaning-quality .cms-grid-item { margin-bottom: 35px; text-align: left; vertical-align: top; } .cleaning-quality .cms-grid-item .grid-item-inner { max-width: 370px; margin: 0 auto; } } .cleaning-more { margin-bottom: 50px; text-align: center; } .cleaning-more .cms-grid-item { margin-bottom: 50px; } .cleaning-more .cms-grid-item:hover .grid-services-info { background-color: #666; border-color: #666; } .cleaning-more .cms-grid-item:hover .grid-services-info a.btn { color: #333; border-top: 0; border-left: 0; border-right: 0; border-bottom-color: #fff; background-color: #666; } .cleaning-more .cms-grid-item img { width: 100%; } .cleaning-more .grid-services-info { padding: 0 20px 40px; background-color: #fff; -webkit-transition: all 0.3s; -khtml-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; /* BACKGROUND GRADIENT */ /* TRIPLE BORDERS */ text-align: left; border-right: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb; border-left: 1px solid #ebebeb; text-align: center; } .cleaning-more .grid-services-info .cms-grid-title h2 { font-size: 15px; font-weight: 700; margin-top: 0; margin-bottom: 15px; padding-top: 43px; text-transform: uppercase; } .cleaning-more .grid-services-info .ui-text { margin-top: 20px; line-height: 1.7; } .cleaning-more .grid-services-info a.btn { border-left: 0; border-right: 0; border-top: 0; margin-top: 25px; font-size: 11px; line-height: 14.4px; color: #3eabe6; } .cleaning-more .grid-services-info a.btn:hover { color: #333; border-bottom-color: #fff; background-color: #666; } .cleaning-more .cms_pagination a { padding: 12px 25px 10px; } @media (max-width: 767px) { /*------------------------------ 3.11 - Cms grid moving service ------------------------------*/ .cleaning-more { margin-right: 0; } .cleaning-more .cms-grid-item { margin-bottom: 35px; text-align: left; vertical-align: top; } .cleaning-more .cms-grid-item .grid-item-inner { max-width: 370px; margin: 0 auto; } } .moving-service { margin-bottom: 50px; } .moving-service .cms-grid-item { margin-bottom: 70px; } .moving-service .cms-grid-item:hover .grid-services-info { background-color: #666; border-color: #666; } .moving-service .cms-grid-item img { width: 100%; } .moving-service .grid-services-info { padding: 0 25px 30px 20px; background-color: #fff; -webkit-transition: all 0.3s; -khtml-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; /* BACKGROUND GRADIENT */ /* TRIPLE BORDERS */ text-align: left; border-right: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb; border-left: 1px solid #ebebeb; } .moving-service .grid-services-info .cms-grid-title h2 { font-size: 16px; font-weight: 700; margin-top: 0; margin-bottom: 15px; padding-top: 35px; line-height: 24px; text-transform: uppercase; } .moving-service .grid-services-info .ui-text { margin-top: 20px; line-height: 1.7; font-weight: 300; } .moving-service .grid-services-info a.btn-default { border-bottom: 3px solid #3eabe6; margin-top: 24px; font-size: 11px; font-weight: 300; } .moving-service .cms_pagination a { padding: 12px 25px 10px; } @media (max-width: 767px) { /*------------------------------ 3.12 - Cms testimonial carousel ------------------------------*/ .moving-service { margin-right: 0; } .moving-service .cms-grid-item { margin-bottom: 35px; text-align: left; vertical-align: top; } .moving-service .cms-grid-item .grid-item-inner { max-width: 370px; margin: 0 auto; } } .heading-testimonial.border-color { margin-bottom: 55px !important; } .cms-overlay-color { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .home-testimonials-carousel { margin-top: -50px; } .home-testimonials-carousel .cms-carousel-content { text-align: center; } .home-testimonials-carousel .cms-carousel-content blockquote { margin-top: 30px; margin-bottom: 22px; padding: 9px 110px; border-left: 0; color: #fff; font-size: 16px; font-style: italic; text-align: center; } .home-testimonials-carousel .cms-carousel-content blockquote p { margin-bottom: 0; padding-bottom: 0; line-height: 26px; } .home-testimonials-carousel .cms-carousel-content blockquote strong { font-weight: 700; } .home-testimonials-carousel .cms-grid-media { width: 120px; height: 120px; border: 10px solid #fff; } .home-testimonials-carousel .cms-grid-media img { height: 100%; } .home-testimonials-carousel .slider-reviews-autor { font-family: 'Roboto Condensed'; font-size: 14px; color: #fff; } .home-testimonials-carousel .owl-item { padding-bottom: 150px; } .home-testimonials-carousel .owl-controls { top: auto; bottom: 65px; width: 100%; text-align: center; } .home-testimonials-carousel .owl-controls .owl-nav div { color: #333; background-color: #fff; } .home-testimonials-carousel .owl-controls .owl-nav div:before, .home-testimonials-carousel .owl-controls .owl-nav div:after { background-color: #fff; } .home-testimonials-carousel .owl-controls .owl-nav div:hover { background-color: #666; color: #000; } .home-testimonials-carousel .owl-controls .owl-nav div:hover:before, .home-testimonials-carousel .owl-controls .owl-nav div:hover:after { background-color: #666; color: #000; } @media screen and (max-width: 767px) { /*------------------------------ 3.13 - Cms testimonial layout 2 carousel ------------------------------*/ .home-testimonials-carousel .cms-carousel-content blockquote { padding-left: 20px; padding-right: 20px; } } .layout2-testimonials { /*------------------------------ 3.14 - Cms grid home posts ------------------------------*/ } .layout2-testimonials .slider-reviews-quote { margin-left: 10px; padding-left: 30px; overflow: hidden; border-left: 4px solid #eee; } .layout2-testimonials .slider-reviews-quote .icon { margin-top: 5px; margin-bottom: 5px; margin-left: 7px; font-size: 20px; color: #666; } .layout2-testimonials .slider-reviews-quote blockquote { padding: 9px 18px 9px 5px; margin: 10px 0 18px; font-size: 13px; font-weight: 300; text-align: justify; color: #333; border-left: 0; font-style: italic; } .layout2-testimonials .slider-reviews-autor { margin-top: 30px; display: block; font: 700 16px 'Roboto Condensed'; color: #333; } .layout2-testimonials .slider-reviews-address { font-family: 'Roboto Condensed'; font-size: 14px; color: #999; } .layout2-testimonials .round-figure { margin-top: 0; margin-right: 17px; float: left; overflow: hidden; border-radius: 50%; background-color: initial; } .layout2-testimonials .round-figure img { width: 60px !important; height: 60px !important; } .layout2-testimonials .owl-controls { top: -50px; } .cms-grid-wraper-home-posts .cms-grid-home-posts { margin-bottom: 30px; } .cms-grid-wraper-home-posts .cms-grid-home-posts .cms-grid-item { margin-bottom: 50px; vertical-align: top; } .cms-grid-wraper-home-posts .cms-grid-home-posts .cms-grid-item:hover .articles-list-inner { border-color: #3eabe6; } .cms-grid-wraper-home-posts .cms-grid-home-posts .articles-list-foto { position: relative; float: left; width: 270px; } .cms-grid-wraper-home-posts .cms-grid-home-posts .articles-list-foto .articles-list-date { position: absolute; top: 0; right: 0; padding-top: 10px; width: 60px; height: 60px; font-size: 11px; font-weight: 400; line-height: 1; text-align: center; color: #333; background-color: #666; text-transform: uppercase; } .cms-grid-wraper-home-posts .cms-grid-home-posts .articles-list-foto .articles-list-date strong { display: block; font: 700 22px 'Roboto Condensed'; } .cms-grid-wraper-home-posts .cms-grid-home-posts .articles-list-inner { margin-left: 270px; padding: 10px 20px 30px 30px; background-color: #f8f8f8; border-top: 3px solid #666; -webkit-transition: all 0.3s; -khtml-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; /* BACKGROUND GRADIENT */ /* TRIPLE BORDERS */ } .cms-grid-wraper-home-posts .cms-grid-home-posts .articles-list-inner h3 { margin-top: 18px; margin-bottom: 9px; line-height: 1.1; } .cms-grid-wraper-home-posts .cms-grid-home-posts .articles-list-inner .border-color { margin-top: 8px; margin-bottom: 30px; margin-left: 0; width: 40px; border-width: 3px; } .cms-grid-wraper-home-posts .cms-grid-home-posts .articles-list-inner .border-color:after { margin-left: 0; width: 20px; } .cms-grid-wraper-home-posts .cms-grid-home-posts .articles-list-inner .articles-list-title a { font-size: 14px; font-weight: 500; text-transform: uppercase; color: #333; } .cms-grid-wraper-home-posts .cms-grid-home-posts .articles-list-inner .articles-list-title a:hover { font-weight: 700; text-decoration: none; } .cms-grid-wraper-home-posts .cms-grid-home-posts .articles-list-inner .articles-list-replies .icon { font-size: 16px; font-weight: 400; color: #3eabe6; } .cms-grid-wraper-home-posts .cms-grid-home-posts .articles-list-inner .articles-list-replies, .cms-grid-wraper-home-posts .cms-grid-home-posts .articles-list-inner .articles-list-autor { font-size: 12px; color: #999; } .cms-grid-wraper-home-posts .cms-grid-home-posts .articles-list-inner .articles-list-replies:hover, .cms-grid-wraper-home-posts .cms-grid-home-posts .articles-list-inner .articles-list-autor:hover { text-decoration: none; color: #000; } .cms-grid-wraper-home-posts .cms-grid-home-posts .articles-list-inner .articles-list-autor { margin-right: 15px; text-transform: uppercase; } .cms-grid-wraper-home-posts .cms-grid-home-posts .articles-list-inner p { font-weight: 300; } .cms-grid-wraper-home-posts .loadMore a { padding: 12px 20px; font-weight: 400; } .cms-grid-wraper-home-posts .loadMore a { margin-bottom: 50px; font-size: 12px; } .home .cms-grid-wraper-home-posts .loadMore a { margin-bottom: 0; } @media screen and (max-width: 991px) { .cms-grid-wraper-home-posts .cms-grid-home-posts .articles-list-foto { width: 100%; margin-bottom: 10px; } .cms-grid-wraper-home-posts .cms-grid-home-posts .articles-list-inner { margin-left: 0; } #footer-navigation { text-align: center; } } @media screen and (max-width: 767px) { /*------------------------------ 3.15 - Cms carousel clients ------------------------------*/ .cms-grid-wraper-home-posts .cms-grid-home-posts { margin-left: auto; margin-right: auto; max-width: 370px; } .cms-grid-wraper-home-posts .cms-grid-home-posts .cms-grid-item img { width: 100%; } } .cms-carousel-home-clients { margin-bottom: 5px; } .cms-carousel-home-clients .border-color { border-bottom: 1px solid #ebebeb; margin-bottom: 50px; } .cms-carousel-home-clients .border-color:after { width: 670px; } .cms-carousel-home-clients .list-clients .owl-item { float: none; display: inline-block; vertical-align: middle; } .cms-carousel-home-clients .list-clients .list-clients-item img { max-width: 100%; width: auto; margin: 0 auto; } @media screen and (max-width: 767px) { /*------------------------------ 3.16 - section block contacts ------------------------------*/ .cms-carousel-home-clients .border-color:after { width: 50%; } } .block-contacts-item { margin-right: 20px; float: left; } .block-contacts-item .icon { position: absolute; font-size: 15px; margin-left: 0; } .block-contacts-title { margin-top: 5px; margin-bottom: 5px; font: 700 17px 'Roboto Condensed'; } .block-contacts-title .icon { top: 7px; left: -7px; } .block-contacts-text { font-weight: 400; } .block-contacts-phone { margin-bottom: 5px; font: 700 20px 'Roboto Condensed'; } .block-contacts-phone .icon { top: 6px; right: -7px; position: absolute; font-size: 14px; } .cms-social-wraper .social-links { text-align: center; margin-top: 10px; margin-bottom: 14px; } .cms-social-wraper .social-links .social-links-item { padding-right: 5px; padding-left: 5px; margin: 0; } .cms-social-wraper .social-links .social-links-item .icon { font-size: 15px; font-weight: 400; color: rgba(51, 51, 51, .5); -webkit-transition: all 0.3s; -khtml-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; /* BACKGROUND GRADIENT */ /* TRIPLE BORDERS */ } .cms-social-wraper .social-links .social-links-item .icon:hover { color: #333; } @media (max-width: 767px) { /*------------------------------ 3.17 - Twitter home widget ------------------------------*/ .block-contacts-item { float: none; display: inline-block; text-align: center; width: 100%; margin-left: 0; } .block-contacts-item .icon { position: relative; } .block-contacts-phone .icon { position: relative; } .block-contacts-phone.text-right, .block-contacts-text.text-right { text-align: center; } } .wpb_content_element.twitter-carousel { margin-top: -50px; } .twitter-home-widget .round-figure_mod-b { width: 100px; height: 100px; border: 8px solid #fff; } .twitter-home-widget .round-figure { margin: 0 auto; overflow: hidden; text-align: center; background-color: #f8f8f8; border-radius: 50%; } .twitter-home-widget .round-figure .icon { position: relative; top: 55%; margin-top: -12px; display: block; font-size: 24px; font-weight: 400; color: #3eabe6; width: 100%; margin-left: 0; } .twitter-home-widget .tweet-text { margin-top: 20px; border-left: 0; margin-bottom: 5px; padding: 9px 110px; color: #fff; font-size: 16px; font-style: italic; text-align: center; } .twitter-home-widget .tweet-text a { color: #fff; text-decoration: none; } .twitter-home-widget .tweet-time { font-family: 'Roboto Condensed'; font-size: 14px; color: #fff; text-align: center; width: 100%; display: block; text-transform: uppercase; } @media (max-width: 767px) { /*------------------------------ 3.18 - Cms fancybox scheme ------------------------------*/ .twitter-home-widget .tweet-text { padding-left: 20px; padding-right: 20px; } } .cms-fancyboxes-wraper-scheme .helper { padding-top: 0; display: inline-block; width: 150px; height: 130px; font-size: 60px; color: #3eabe6; background-color: #fff; } .cms-fancyboxes-wraper-scheme .arrow { position: absolute; top: 50px; right: -11px; padding-top: 4px; padding-left: 3px; width: 28px; height: 31px; text-align: center; border-top: 1px solid #666; border-bottom: 1px solid #666; border-left: 1px solid #666; -webkit-transition: all 0.3s; -khtml-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; /* BACKGROUND GRADIENT */ /* TRIPLE BORDERS */ } .cms-fancyboxes-wraper-scheme .arrow:before, .cms-fancyboxes-wraper-scheme .arrow:after { position: absolute; content: ''; -webkit-transition: all 0.3s; -khtml-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; /* BACKGROUND GRADIENT */ /* TRIPLE BORDERS */ } .cms-fancyboxes-wraper-scheme .arrow:before { right: -4px; bottom: 0; width: 7px; height: 15px; border-right: 1px solid #666; -webkit-transform: skewX(-20deg); -khtml-transform: skewX(-20deg); -moz-transform: skewX(-20deg); -ms-transform: skewX(-20deg); -o-transform: skewX(-20deg); transform: skewX(-20deg); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } .cms-fancyboxes-wraper-scheme .arrow:after { top: 0; right: -4px; width: 7px; height: 15px; border-right: 1px solid #666; -webkit-transform: skewX(20deg); -khtml-transform: skewX(20deg); -moz-transform: skewX(20deg); -ms-transform: skewX(20deg); -o-transform: skewX(20deg); transform: skewX(20deg); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } .cms-fancyboxes-wraper-scheme .arrow-inner { font-size: 16px; } .cms-fancyboxes-wraper-scheme .list-scheme-item { text-align: center; } @media screen and (max-width: 767px) { .cms-fancyboxes-wraper-scheme .list-scheme-item { margin: 0 auto 40px; position: relative; text-align: center; width: 210px; position: relative; } } .cms-fancyboxes-wraper-scheme .list-scheme-item:hover .helper { box-shadow: 0 0 9px 0 rgba(0, 0, 0, .08); } .cms-fancyboxes-wraper-scheme .list-scheme-link { color: #333; } .cms-fancyboxes-wraper-scheme .list-scheme-link:hover { text-decoration: none; color: #333; } .cms-fancyboxes-wraper-scheme .list-scheme-title { margin-top: 35px; font-size: 15px; font-weight: 500; padding: 0 50px; line-height: 1.4; } .cms-fancyboxes-wraper-scheme .list-scheme-number { position: relative; z-index: 1; margin: -20px auto 0; padding-top: 5px; display: block; width: 40px; height: 40px; font-size: 18px; background-color: #666; border-radius: 50%; } @media screen and (max-width: 1023px) { /*------------------------------ 3.19 - Call to action ------------------------------*/ .cms-fancyboxes-wraper-scheme .list-scheme-title { padding: 0; } } .vc_general.vc_cta3 { border: 0 !important; padding: 0 !important; } .vc_general.vc_cta3 .vc_cta3_content-container { overflow: hidden; } .vc_general.vc_cta3 .vc_cta3-content { padding-right: 30px !important; padding-left: 25px !important; max-width: 800px; border-left: 5px solid #666; float: left; } .vc_general.vc_cta3 .vc_cta3-content h2 { margin-top: 10px !important; margin-bottom: 10px !important; font-size: 24px; font-weight: 500; color: #333; line-height: 1.1; } .vc_general.vc_cta3 .vc_cta3-content h4 { line-height: 22px !important; margin-bottom: 9px !important; font-weight: inherit; font-size: 13px; font-weight: 300; } .vc_general.vc_cta3 .vc_cta3-content p { font-weight: 300; } .vc_general.vc_cta3 .vc_cta3-actions { float: right; margin-top: 10px; } .vc_general.vc_cta3 .vc_cta3-actions .btn-second { margin-top: 7px; padding: 17px 24px; font-size: 15px; font-weight: 400; color: #fff; -webkit-transition: all 0.3s; -khtml-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; /* BACKGROUND GRADIENT */ /* TRIPLE BORDERS */ } .vc_general.vc_cta3 .vc_cta3-actions a { text-decoration: none; color: #fff; } .vc_general.vc_cta3.cta-services { /*------------------------------ 3.2 - Cms fancyboxes list about ------------------------------*/ } .vc_general.vc_cta3.cta-services .vc_cta3-content h2 { margin-top: 0 !important; font-size: 24px; color: #3eabe6; } .list-about a { text-decoration: none; color: #333; } .list-about:hover h2 { color: #00a3d8; } .list-about p { font-weight: 300; } .list-about .ui-title-inner { margin-top: 0; margin-bottom: 15px; padding-top: 35px; text-transform: uppercase; font-size: 16px; font-weight: 700; line-height: 24px; } .cms-fancyboxes-wraper-list-about { /*------------------------------ 3.2.1 - Vc_tta accordion ------------------------------*/ } .cms-fancyboxes-wraper-list-about .cms-fancybox-item .border-color { margin-bottom: 35px; margin-top: 0; } .cms-fancyboxes-wraper-list-about .cms-fancybox-item img { width: 100%; } .cms-fancyboxes-wraper-list-about .cms-fancybox-item .fancy-box-content { margin-bottom: 40px; font-weight: 300; } .vc_tta-color-white.vc_tta-style-classic .vc_tta-panel:not(.vc_active) .vc_tta-panel-heading:hover, .vc_tta-color-white.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-heading:focus { background-color: #fff !important; } .vc_tta-accordion { /*------------------------------ 3.2.2 - Cms carousel about service ------------------------------*/ } .vc_tta-accordion .vc_active { border-color: #ddd; } .vc_tta-accordion .vc_tta-panel.vc_active .vc_tta-panel-heading { background-color: #3eabe6 !important; } .vc_tta-accordion .vc_tta-panel.vc_active .vc_tta-panel-heading .vc_tta-panel-title a { color: #fff !important; position: relative; } .vc_tta-accordion .vc_tta-panel.vc_active .vc_tta-panel-heading .vc_tta-panel-title a .vc_tta-icon { color: #fff; } .vc_tta-accordion .vc_tta-panel.vc_active .vc_tta-panel-heading .vc_tta-panel-title a .vc_tta-controls-icon { color: #fff; } .vc_tta-accordion .vc_tta-panel.vc_active .vc_tta-panel-heading .vc_tta-panel-title a .vc_tta-controls-icon:before, .vc_tta-accordion .vc_tta-panel.vc_active .vc_tta-panel-heading .vc_tta-panel-title a .vc_tta-controls-icon:after { border-color: #fff !important; } .vc_tta-accordion .vc_tta-panel { margin-bottom: 0; border-radius: 4px; } .vc_tta-accordion .vc_tta-panel .vc_tta-panel-heading { color: #333; border-color: #ddd; border-bottom: 0; } .vc_tta-accordion .vc_tta-panel .vc_tta-panel-heading .vc_tta-panel-title { font: 700 16px 'Roboto Condensed'; font: 700 16px 'Roboto Condensed'; color: #333; text-transform: uppercase; } .vc_tta-accordion .vc_tta-panel .vc_tta-panel-heading .vc_tta-panel-title a { margin-top: 0; margin-bottom: 0; padding: 22px 20px 20px; border-right: 1px solid #ebebeb; color: #333 !important; } .vc_tta-accordion .vc_tta-panel .vc_tta-panel-heading .vc_tta-panel-title a .vc_tta-icon { margin-right: 20px; font-size: 26px; color: #666; position: absolute; top: 28px; } .vc_tta-accordion .vc_tta-panel .vc_tta-panel-heading .vc_tta-panel-title a .vc_tta-title-text { margin-left: 40px !important; } .vc_tta-accordion .vc_tta-panel .vc_tta-panel-heading .vc_tta-panel-title a .vc_tta-controls-icon { padding-top: 16px; float: right; width: 60px; height: 100%; font-size: 23px; text-align: center; color: #333; right: 0; border-left: 1px solid #ebebeb; } .vc_tta-accordion .vc_tta-panel .vc_tta-panel-heading .vc_tta-panel-title a .vc_tta-controls-icon:before, .vc_tta-accordion .vc_tta-panel .vc_tta-panel-heading .vc_tta-panel-title a .vc_tta-controls-icon:after { border-color: #333 !important; } .vc_tta-accordion .vc_tta-panel .vc_tta-panel-heading .vc_tta-panel-title a .vc_tta-controls-icon:before { left: 25px !important; right: 24px !important; } .vc_tta-accordion .vc_tta-panel .vc_tta-panel-heading .vc_tta-panel-title a .vc_tta-controls-icon:after { left: 30px !important; bottom: 42% !important; top: 42% !important; } .about-service-carousel .cms-grid-item { padding-left: 0; padding-right: 0; } .about-service-carousel .cms-grid-item .slide-bg { position: absolute; top: 0; left: 0; bottom: 0; width: 100%; height: 100%; text-align: center; background-color: rgba(2, 0, 65, 0.6); opacity: 0; -webkit-transition: all 0.3s; -khtml-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; /* BACKGROUND GRADIENT */ /* TRIPLE BORDERS */ } .about-service-carousel .cms-grid-item .slide-bg:hover { opacity: 1; } .about-service-carousel .cms-grid-item .slide-bg .icon { position: relative; top: 50%; margin-top: -10px; display: inline-block; font-size: 20px; color: #fff; } .about-service-carousel .cms-grid-item img { transform-style: inherit !important; width: 100%; } @media (max-width: 767px) { .cms-fancyboxes-wraper-list-about { margin: auto; max-width: 400px; } } .cms-grid-wraper-about-moving { /*------------------------------ 3.2.3 - Cms grid pricing table ------------------------------*/ } .cms-grid-wraper-about-moving .border-color { margin-top: 0; } .cms-grid-wraper-about-moving .cms_pagination a { padding: 12px 30px 10px; } .cms-grid-wraper-about-moving .cms-grid-item { margin-bottom: 45px; } @media (max-width: 767px) { .cms-grid-wraper-about-moving .cms-grid-item { max-width: 370px; margin-left: auto; margin-right: auto; float: none; } } .list-price { margin-top: 51px; margin-right: -13px; margin-bottom: 90px; margin-left: -13px; text-align: center; padding-left: 0; list-style: none; } .list-price .list-price-item { margin-right: 13px; margin-bottom: 30px; margin-left: 13px; padding: 15px 15px 45px; display: inline-block; width: 270px; text-align: center; vertical-align: top; background-color: #fff; border: 1px solid #ebebeb; -webkit-transition: all 0.3s; -khtml-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; /* BACKGROUND GRADIENT */ /* TRIPLE BORDERS */ } .list-price .list-price-item.best-value { background-color: #666; } .list-price .list-price-item:hover { background-color: #f8f8f8; } .list-price .list-price-item:hover .border-color { border-color: #666; } .list-price .list-price-item:hover .border-color:after { border-color: #fff; } .list-price .list-price-item:hover .btn { border-bottom-color: #666; } .list-price .list-price-item:hover .list-price-total { color: #fff; background-color: #666; border-color: #fff; } .list-price .list-price-item:hover .list-price-total strong { color: #fff; } .list-price .list-price-item .list-price-title { margin-top: 25px; margin-bottom: 30px; font-size: 16px; font-weight: 500; text-transform: uppercase; } .list-price .list-price-item ul.description { list-style: none; padding-left: 0; } .list-price .list-price-item ul.description li { line-height: 36px; } .list-price .list-price-item .border-color { margin-top: 40px; margin-bottom: 35px; width: 100px; border-bottom-width: 3px; -webkit-transition: all 0.3s; -khtml-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; /* BACKGROUND GRADIENT */ /* TRIPLE BORDERS */ } .list-price .list-price-item .border-color:after { margin-left: auto; width: 30px; -webkit-transition: all 0.3s; -khtml-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; /* BACKGROUND GRADIENT */ /* TRIPLE BORDERS */ } .list-price .list-price-item .list-price-total { margin: 0 auto 45px; padding-top: 30px; display: block; width: 132px; height: 132px; line-height: 1; text-align: center; background-color: #fff; border: 11px solid #eee; border-radius: 50%; font-size: 10px; font-weight: 300; text-transform: uppercase; -webkit-transition: all 0.3s; -khtml-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; /* BACKGROUND GRADIENT */ /* TRIPLE BORDERS */ } .list-price .list-price-item .list-price-total strong { display: block; font-size: 34px; font-weight: 700; padding-bottom: 3px; color: #3eabe6; -webkit-transition: all 0.3s; -khtml-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; /* BACKGROUND GRADIENT */ /* TRIPLE BORDERS */ } .list-price .list-price-item .btn { padding: 13px 35px; font-size: 13px; font-weight: 500; } @media (min-width: 992px) and (max-width: 1199px) { .list-price { margin-left: auto; margin-right: auto; max-width: 920px; } .list-price .list-price-item { width: 210px; margin-left: 10px; margin-right: 10px; } } @media (min-width: 768px) and (max-width: 991px) { .list-price { margin-left: auto; margin-right: auto; max-width: 698px; } .list-price .list-price-item { width: 160px; margin-right: 7px; margin-left: 7px; } } @media screen and (max-width: 767px) { /*------------------------------ 3.2.4 - Cms fancybox contact information ------------------------------*/ .list-price .list-price-item { display: block; margin-left: auto; margin-right: auto; float: none; } } .list-contacts { margin-bottom: 75px; } .list-contacts .icon_mod-b { background-color: #666; } .list-contacts .icon { position: relative; margin-right: 20px; display: inline-block; width: 18px; height: 22px; vertical-align: middle; background-color: #3eabe6; margin-left: 0; -webkit-transition: all 0.3s; -khtml-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; /* BACKGROUND GRADIENT */ /* TRIPLE BORDERS */ } .list-contacts .icon:before, .list-contacts .icon:after { position: absolute; right: -4px; width: 6px; height: 11px; content: ''; background-color: #3eabe6; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .list-contacts .icon:before { top: 0; -webkit-transform: skewX(25deg); -khtml-transform: skewX(25deg); -moz-transform: skewX(25deg); -ms-transform: skewX(25deg); -o-transform: skewX(25deg); transform: skewX(25deg); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } .list-contacts .icon:after { bottom: 0; -webkit-transform: skewX(-25deg); -khtml-transform: skewX(-25deg); -moz-transform: skewX(-25deg); -ms-transform: skewX(-25deg); -o-transform: skewX(-25deg); transform: skewX(-25deg); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } .list-contacts .list-contacts__title { font-family: 'Roboto Condensed'; font-size: 16px; font-weight: 700; text-transform: uppercase; } .list-contacts .border-color { margin-right: auto; margin-left: auto; border-bottom: 1px solid #666; margin-top: 25px; margin-bottom: 35px; } .list-contacts .border-color:after { top: 1px; width: 70px; border-width: 1px; } .list-contacts .list-contacts__text { margin-top: 25px; display: block; font-size: 14px; } .list-contacts .list-contacts__text strong { display: block; font-weight: 400; margin-top: 25px; line-height: 26px; } .list-contacts .list-contacts__text p { line-height: 22px; margin-bottom: 5px; } @media screen and (max-width: 767px) { /* vc column */ .list-contacts { margin-bottom: 50px; } } .wpb_column { /* accordion*/ } .wpb_column.align-right { text-align: right; } .wpb_column.align-left { text-align: left; } .wpb_column.align-center { text-align: center; } .vc_tta.vc_general .vc_tta-panel-body { padding: 0 !important; } .vc_tta.vc_general .vc_tta-panel-body .wpb_content_element { padding: 30px 30px 20px !important; } .vc_tta.vc_general .vc_tta-panel-body .wpb_content_element p { font-size: 13px; font-weight: 300; line-height: 22px; color: #333; margin-bottom: 0; } .row-calltoaction .container { padding: 60px 56px 50px; } @media screen and (max-width: 1199px) { .row-calltoaction .container { padding-left: 65px; padding-right: 71px; } } @media screen and (max-width: 480px) { .row-calltoaction .container { padding-left: 15px; padding-right: 15px; } } .footer { color: #fff; border-top: 3px solid #3eabe6; background-color: #002d3b; } .footer .brand-decor { margin-top: 10px; } .footer .btn-footer { padding-top: 11px; padding-bottom: 7px; width: 100%; font-size: 15px; color: #fff; background-color: transparent; border-color: #3eabe6; } .footer .btn-form { margin-top: 26px; margin-bottom: 45px; padding: 12px 30px !important; color: #fff; background-color: transparent; border-top-color: #4d6c76; border-right-color: #4d6c76; border-left-color: #4d6c76; } .footer a { color: #fff; text-decoration: none; } .footer a.footer-mail { display: block; color: #ccc; } .footer .footer-1 { margin-top: 30px; } .footer .widget h3.wg-title { font-size: 16px; font-weight: 700; margin-top: 80px; text-transform: uppercase; border-bottom: 1px solid #666; margin-bottom: 36px; padding-bottom: 0; position: relative; font-family: inherit; } .footer .widget h3.wg-title strong { font-weight: 900; } .footer .widget h3.wg-title span { display: inline-block; padding-bottom: 17px; } .footer .widget h3.wg-title:after { border-bottom-color: #3eabe6; border-bottom-style: solid; border-width: 3px; bottom: -3px; content: ""; left: 0; position: absolute; width: 100px; } .footer p, .footer .textwidget { color: #ccc; line-height: 22px; font-weight: 300; } .footer .footer-2 ul { padding: 0; display: block; overflow: hidden; } .footer .footer-2 ul li { margin-top: 0; margin-right: 0; margin-bottom: 15px; display: inline-block; width: 49%; vertical-align: top; } .footer .footer-2 ul li a { padding-left: 25px; font-weight: 500; color: #fff; position: relative; display: block; } .footer .footer-2 ul li a:before, .footer .footer-2 ul li a:after { content: ""; display: inline-block; position: absolute; top: 4px; } .footer .footer-2 ul li a:before { width: 5px; height: 10px; background-color: #3eabe6; left: 0; } .footer .footer-2 ul li a:after { border-color: transparent transparent transparent #3eabe6; border-width: 5px; border-style: solid; position: absolute; left: 5px; top: 4px; } .footer .footer-2 ul li a:hover:before { background-color: #666; } .footer .footer-2 ul li a:hover:after { border-color: transparent transparent transparent #666; } .footer .footer-2 ul li:hover a:before { background-color: #666; } .footer .footer-2 ul li:hover a:after { border-color: transparent transparent transparent #666; } .footer .newsletter form { margin-right: 20px; position: relative; } .footer .newsletter form .newsletter-submit { width: 0; height: 0; visibility: hidden; } .footer .newsletter form .newsletter-email { padding: 10px 20px; font-size: 12px; font-weight: 400; color: #999; background-color: #003748; border-bottom-right-radius: 0; border-top-right-radius: 0; min-height: 50px; margin-bottom: 10px; height: 32px; background-image: none; border: none 0; text-transform: inherit; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s; -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; } .footer .newsletter form:after { content: "\f0e0"; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); position: absolute; z-index: 1; top: 17px; right: 20px; font-size: 16px; color: #3eabe6; } .footer .widget_newsletterwidget form { position: relative; } .footer .widget_newsletterwidget form:after { content: "\f0e0"; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); position: absolute; z-index: 1; top: 17px; right: 20px; font-size: 16px; color: #3eabe6; } .footer .widget_newsletterwidget .tnp-field label { display: none; } .footer .widget_newsletterwidget .tnp-field-button { position: absolute; top: 0; right: 50px; } .footer .widget_newsletterwidget .tnp-submit { width: 50px; height: 50px; border: 0; background: transparent; text-indent: -1000px; z-index: 9; } .footer .widget_newsletterwidget .tnp-submit:hover, .footer .widget_newsletterwidget .tnp-submit:focus, .footer .widget_newsletterwidget .tnp-submit:active { box-shadow: none; background-color: transparent; } .footer .widget_newsletterwidget .tnp-email { padding: 10px 20px; font-size: 12px; font-weight: 400; color: #999; background-color: #003748; border-bottom-right-radius: 0; border-top-right-radius: 0; min-height: 50px; margin-bottom: 10px; height: 32px; background-image: none; border: none 0; text-transform: inherit; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s; -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; } .footer #cshero-footer-bottom .container { border-top: 1px solid #1a4a59; padding-top: 38px; padding-bottom: 40px; } .footer #cshero-footer-bottom .container .copyright { text-align: center; color: #ccc; } .footer #cshero-footer-bottom .container .copyright strong { padding-left: 5px; font-weight: 500; color: #fff; } .footer #cshero-footer-bottom .container .copyright .icon { padding-right: 10px; font-size: 14px; color: #666; } .footer #cshero-footer-bottom .container .copyright a { color: #fff; } .footer-navigation { margin-top: 12px; width: 100%; } .footer-navigation ul { padding-left: 0; } .footer-navigation ul li { margin-right: 20px; display: inline-block; font-weight: 700; text-transform: uppercase; } .footer-navigation ul li a:hover { color: #3eabe6; } .footer-navigation .sub-menu { display: none; } @media (min-width: 992px) and (max-width: 1199px) { .footer-navigation li { margin-right: 10px; } } #back_to_top a { display: block; width: 100%; text-align: center; text-transform: uppercase; color: #fff; } #back_to_top a i { position: relative; top: -12px; margin: auto; display: block; font-size: 45px; color: #666; } #back_to_top a strong { font-family: 'Roboto Condensed'; font-size: 12px; font-weight: 700; } #back_to_top a:hover, #back_to_top a:focus { text-decoration: none; } select { width: 100%; min-height: 50px; } select, input[type="tel"], input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"] { background-color: #fff; color: #555; font-size: 12px; font-weight: normal; padding: 6px 12px; height: 32px; min-height: 50px; border: 2px solid #eee; width: 100%; font-weight: 300; -webkit-border-radius: 2px; -khtml-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; /* BACKGROUND GRADIENT */ } textarea { width: 100%; } form input::-ms-clear { display: none; width: 0; height: 0; } .wpcf7-submit { display: inline-block; margin-bottom: 0; text-align: center; vertical-align: middle; cursor: pointer; background-image: none; border: none; white-space: nowrap; line-height: 1.42857; color: #333; text-transform: uppercase; -webkit-transition: all 0.3s; -khtml-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; /* BACKGROUND GRADIENT */ /* TRIPLE BORDERS */ font-weight: 500; font-size: 15px; background-color: #666; border-bottom: 3px solid #0087b3; padding: 14px 30px; /* order form 2*/ } .wpcf7-submit:hover { border-bottom-color: #3eabe6 !important; } .wpcf7-submit:active { color: #fff; background-color: #00b6f2; border-color: #009bce; } .wpcf7-submit:focus { color: #fff; background-color: #009bce; border-color: #00698c; } .form-request { padding-top: 40px; padding-bottom: 30px; position: relative; } .form-request .col-md-4 { padding-left: 0; padding-right: 10px; } .form-request .col-md-12 { padding-left: 0; padding-right: 10px; } .form-request input.wpcf7-text { margin-bottom: 10px; -webkit-border-radius: 0; -khtml-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; /* BACKGROUND GRADIENT */ border: 1px; font-weight: 300; font-size: 12px; } .form-request textarea { height: 100px; padding-left: 15px; padding-top: 17px; padding-bottom: 9px; margin-bottom: 10px; border: 0; font-weight: 300; font-size: 12px; } .form-request.about { padding-top: 24px; } .form-request.about textarea { height: 80px; } .form-request .wpcf7-response-output { position: absolute; bottom: 30px; left: 200px; border: none; color: #7e8082; } .form-request .wpcf7-not-valid-tip { position: relative; top: -10px; } .form-request .icon.fa-calendar { position: absolute; right: 25px; top: 18px; font-size: 15px; color: #999; } div.wpcf7-response-output { margin: 0 0 20px -15px; color: #f00; } #commentform textarea.form-control { height: 190px; font-size: 12px; font-weight: 300; } @media (min-width: 992px) and (max-width: 1200px) { h2.form-order-title { width: 290px; height: 290px; } } @media screen and (max-width: 991px) { h2.form-order-title { float: none; margin: 0 auto; margin-top: 50px; } .form-request .col-sm-12 { padding-right: 0; } .form-request .wpcf7-response-output { position: relative; bottom: 10px; left: -5px; margin: 20px auto 0 -10px; padding: 0; } } @media screen and (max-width: 767px) { h2.form-order-title { float: none; margin-left: auto; margin-right: auto; height: 270px; width: 270px; padding-top: 40px; margin-top: 10px; } .form-request .col-md-4 { padding-left: 15px; } .form-request .col-md-12 { padding-left: 15px; padding-right: 15px; } .form-request .col-sm-12 { padding-right: 15px; } .form-request .wpcf7-response-output { margin: 20px auto 0 0; } } .form-contactus .wpcf7-text, .form-contactus .wpcf7-textarea { margin-bottom: 20px; border: 1px solid #ebebeb; box-shadow: none; font-size: 12px; font-weight: 300; } .form-contactus textarea { padding-top: 17px; padding-bottom: 9px; padding-left: 15px; height: 190px; } .form-contactus .contact-send { position: relative; } .form-contactus .contact-send .btn { margin-top: 0; padding-right: 45px; padding-left: 45px; padding-top: 12px; padding-bottom: 12px; font-family: 'Roboto Condensed'; font-size: 18px; color: #333; background-color: #fff; border: 1px solid #ebebeb; border-bottom: 3px solid #666; } .form-contactus .contact-send .ajax-loader { position: absolute; right: 10px; top: 15px; } .form-contactus .contact-send:after { margin-left: 9px; font-size: 15px; color: #3eabe6; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); content: "\f101"; position: absolute; top: 17px; right: 30px; font-size: 16px; } @media screen and (max-width: 991px) { } #cshero-header { width: 100%; position: relative; -webkit-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s; -khtml-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s; -moz-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s; -ms-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s; -o-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s; transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s; /* BACKGROUND GRADIENT */ /* TRIPLE BORDERS */ } #cshero-header.header-fixed { z-index: 9; background: #fff; position: fixed; top: 0; -webkit-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s; -khtml-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s; -moz-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s; -ms-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s; -o-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s; transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s; /* BACKGROUND GRADIENT */ /* TRIPLE BORDERS */ } #cshero-header #cshero-header-logo a img { -webkit-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s; -khtml-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s; -moz-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s; -ms-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s; -o-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s; transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s; /* BACKGROUND GRADIENT */ /* TRIPLE BORDERS */ } .admin-bar #cshero-header.header-fixed { top: 32px; } #cshero-header-logo a { line-height: 103px; display: block; outline: 0; } .header-fixed #cshero-header-logo a { line-height: 65px; } .header .header-top { font-weight: 400; color: #999; border-top: 5px solid #3eabe6; border-bottom: 1px solid #ebebeb; } .header .header-top:after { display: table; clear: both; content: ''; } .header .header-top .slogan { text-align: center; padding: 24px 15px 15px 24px; text-transform: uppercase; border-right: 1px solid #ebebeb; border-left: 1px solid #ebebeb; text-align: left; } .header .header-top .header-contacts { text-align: right; } .header .header-top .header-contacts a { padding: 24px 20px 15px; display: inline-block; font-weight: 500; color: #999; border-left: 1px solid #ebebeb; } .header .header-top .header-contacts a:last-child { border-right: 1px solid #ebebeb; } .header .header-top .header-contacts a .icon { margin-right: 9px; font-size: 15px; color: #3eabe6; } .header .header-top .header-social { text-align: center; } .header .header-top .header-social .cms-social { margin-bottom: 0; padding-top: 24px; display: block; margin-top: 0; padding-left: 0; } .header .header-top .header-social .cms-social li { margin-right: 15px; } .header .header-top .header-social .cms-social .icon { color: #ccc; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .header .header-top .header-social .cms-social .icon:hover { color: #666; } body { font-family: 'Roboto'; font-size: 13px; font-weight: 400; line-height: 1.4; cursor: default; color: #333; } body p { line-height: 22px; font-weight: 300; } .btn { border-radius: 0; } #wrapper { margin: auto; max-width: 1920px; } .ui-title-page { margin-top: 0; margin-bottom: 0; padding-top: 50px; padding-right: 15px; padding-bottom: 5px; padding-left: 15px; font-size: 34px; font-weight: 700; text-align: center; color: #fff; background-color: #3eabe6; } .ui-title-inner { font-size: 16px; font-weight: 700; } .ui-title-inner strong { font-weight: 900; } .ui-btn { font-family: Roboto; font-size: 12px; font-weight: 400; color: #333; border-top: 1px solid #ebebeb; border-right: 1px solid #ebebeb; border-bottom: 3px solid #666; border-left: 1px solid #ebebeb; } .ui-text { font-family: 'Roboto'; font-size: 13px; font-weight: 300; line-height: 22px; color: #333; } .ui-form .input-group { margin-bottom: 20px; } .ui-form .form-control { margin-bottom: 0; border: 1px solid #ebebeb; box-shadow: none; } .ui-form .btn { padding-top: 12px; padding-bottom: 12px; font-family: 'Roboto Condensed'; font-size: 18px; color: #333; background-color: #fff; border: 1px solid #ebebeb; border-bottom: 3px solid #3eabe6; } .ui-form .btn .icon { margin-left: 9px; font-size: 15px; color: #3eabe6; } .br { display: block; } .contact-title-block { margin-top: 20px; margin-bottom: 10px; font-weight: 500; color: #fff; line-height: 1.4; /* ======= BASIC ELEMENTS ======= */ } .border-color { margin-right: auto; margin-left: auto; border-bottom: 1px solid #666; } .border-color:after { position: relative; top: 3px; margin: auto; display: block; content: ''; border-bottom: 3px solid #3eabe6; } .border-color_default { width: 370px; } .border-color_default:after { margin-left: 0; width: 100px; } .border-color_center { width: 370px; } .border-color_center:after { width: 100px; } .border-color_title { border-width: 3px; } .border-color_small { width: 450px; } .border-color_small:after { width: 100px; } .border-color_widget { margin-bottom: 40px; } .border-title-page { position: relative; height: 50px; background-color: #3eabe6; } .border-title-page .border-wave { position: absolute; bottom: -20px; z-index: 0; } .border-wave { position: relative; margin-top: -20px; width: 100%; height: 22px; background-repeat: repeat-x; background-position: 0 100%; z-index: 1; } .border-wave_white { background-image: url('../media/border/wave-white.svg'); } .border-wave_grey { background-image: url('../media/border/wave-grey.svg'); } .border-wave_primary { margin-top: 0; background-image: url('../media/border/wave-primary.svg'); } .brand-decor { display: block; text-align: center; } .btn-second { font-size: 15px; font-weight: 400; color: #fff; background-color: #3eabe6; border-bottom: 3px solid #666; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .btn-second:hover { background-color: #666; border-bottom: 3px solid #3eabe6; } .triagl { position: relative; } .triagl:after { position: absolute; z-index: 1; display: block; width: 100%; content: ''; border-right: 50vw solid transparent; border-left: 50vw solid transparent; } .triagl-top:after { top: -100px; border-top: 50px solid transparent; border-bottom: 50px solid #fff; } .triagl-top_mod-b:after { top: -80px; border-top-width: 40px; border-bottom-width: 40px; } .triagl-btm:after { top: 0; border-top: 50px solid #3eabe6; border-bottom: 50px solid transparent; } .triagl_mod-c:after { border-bottom-color: #666; } .triagl-btm-tran:before, .triagl-btm-tran:after { position: absolute; z-index: 1; bottom: 0; content: ''; } .triagl-btm-tran:before { left: 0; border-top: 24px solid transparent; border-right: 25vw solid transparent; border-bottom: 24px solid #fff; border-left: 25vw solid #fff; } .triagl-btm-tran:after { right: 0; border-top: 24px solid transparent; border-right: 25vw solid #fff; border-bottom: 24px solid #fff; border-left: 25vw solid transparent; } .triagl-top.triagl-gray:after { border-bottom-color: #f8f8f8; } .triagl-top.triagl-secondary:after { border-bottom-color: #666; /* fix row no-container */ } .no-container > div .entry-content > .row { margin-left: 0; margin-right: 0; /* =Front page template -------------------------------------------------------------- */ } .entry-page-image { margin-bottom: 14px; } .template-front-page .site-content article { border: 0; margin-bottom: 0; } .template-front-page .widget-area { clear: both; float: none; width: auto; padding-top: 24px; border-top: 1px solid #ededed; } .template-front-page .widget-area .widget li { margin: 8px 0 0; font-size: 13px; line-height: 1.71429; list-style-type: square; list-style-position: inside; } .template-front-page .widget-area .widget li a { color: #757575; } .template-front-page .widget-area .widget li a:hover { color: #21759b; } .template-front-page .widget-area .widget_text img { float: left; margin: 8px 24px 8px 0; /* =Widgets -------------------------------------------------------------- */ } .widget-area .widget ul ul { margin-left: 12px; } .widget_rss li { margin: 12px 0; } .widget_recent_entries .post-date, .widget_rss .rss-date { color: #aaa; font-size: 11px; margin-left: 12px; } #wp-calendar { margin: 0; width: 100%; font-size: 13px; line-height: 1.84615; color: #686868; } #wp-calendar th, #wp-calendar td, #wp-calendar caption { text-align: left; } #wp-calendar #next { padding-right: 24px; text-align: right; } .widget_search label { display: block; font-size: 13px; line-height: 1.84615; } .widget_twitter li { list-style-type: none; } .widget_twitter .timesince { display: block; text-align: right; /* =Plugins ----------------------------------------------- */ } img#wpstats { display: block; margin: 0 auto 24px; } .wpb_single_image img { width: 100%; /* =Page title ----------------------------------------------- */ } .page-title { background-color: #3eabe6; margin-bottom: 100px; /* =Breadcrumb ----------------------------------------------- */ } #breadcrumb-text { padding: 8px 15px 10px 15px; margin-bottom: 0; list-style: none; background-color: #3eabe6; text-align: center; color: #fff; font-family: 'Roboto Condensed'; } #breadcrumb-text ul.breadcrumbs { margin: 0; padding: 0; list-style: none; font-size: 14px; } #breadcrumb-text ul.breadcrumbs li { display: inline-block; } #breadcrumb-text ul.breadcrumbs li:first-child { margin-left: 0; } #breadcrumb-text ul.breadcrumbs li a { color: #fff; text-decoration: underline; } #breadcrumb-text .breadcrumbs > li + li:before { content: "/\00a0/\00a0"; padding: 0 10px; } #breadcrumb-text.empty-breadcrumb { background: none; padding: 0; } .ui-title-block { margin-top: 0; margin-bottom: 0; font-size: 18px; font-weight: 300; color: #999; } .home .btn.btn-default.btn { padding: 12px 26px 12px; } .btn.button-medium { margin-top: 45px; padding: 10px 26px; } .social-links-item { margin-right: 20px; display: inline-block; font-size: 15px; font-weight: 400; } .social-links-item:last-child { margin-right: 0; } .social-links-item .icon { cursor: pointer; } .social-links-item .social-links-link { color: #333; -webkit-transition: all 0.3s; -khtml-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; /* BACKGROUND GRADIENT */ /* TRIPLE BORDERS */ } .round-figure { margin: 0 auto; overflow: hidden; text-align: center; background-color: #f8f8f8; border-radius: 50%; } #page-title-text h1 { margin-top: 0; margin-bottom: 0; padding-top: 50px; padding-right: 15px; padding-bottom: 5px; padding-left: 15px; font-size: 34px; font-weight: 700; text-align: center; color: #fff; } .wpb_raw_html .round-figure { width: 100px; height: 100px; border: 8px solid #fff; background-color: #666; margin: -50px auto 0; overflow: hidden; text-align: center; border-radius: 50%; } .wpb_raw_html .round-figure .icon { margin-top: -14px; font-size: 40px; color: #fff; position: relative; top: 50%; display: block; font-weight: 400; margin-left: 22px; } .block-btns { margin-top: 45px; margin-bottom: 25px; padding-bottom: 30px; text-align: right; border-bottom: 1px solid #ebebeb; } .block-btns .btn { margin-bottom: 20px; margin-left: 15px; padding: 14px 20px 10px; -webkit-transition: all 0.4 ease 0s; -khtml-transition: all 0.4 ease 0s; -moz-transition: all 0.4 ease 0s; -ms-transition: all 0.4 ease 0s; -o-transition: all 0.4 ease 0s; transition: all 0.4 ease 0s; /* BACKGROUND GRADIENT */ /* TRIPLE BORDERS */ } .block-btns .btn .icon-arrow { margin-left: 10px; font-size: 16px; margin-top: -2px; } .block-btns .btn .icon-play { margin-right: 5px; font-size: 14px; margin-top: -2px; } .block-btns .btn:hover > i { color: #3eabe6; } .row-portfolio.hide-video-download { margin-top: 55px; } #secondary-left aside { margin-right: 50px; } @media (max-width: 991px) { #secondary-left aside { margin-right: 0; max-width: 100%; } #secondary-left aside .owl-carousel .owl-item img { max-width: 100%; width: auto; margin: 0 auto; } } .portfolio-page .container { width: 100%; } .button-large { padding: 17px 24px; } .tp-caption, .tp-caption .btn { letter-spacing: 0 !important; } .tp-caption a.btn { letter-spacing: 0 !important; padding: 16px 26px !important; line-height: 1 !important; } .home .btn-link { color: #333; font-weight: 700; } .btn-link { color: #000; } .btn-link:hover { color: #00a3d8; } .heading-center-border-center { text-align: center; } p.cms-load-posts { margin-bottom: 0; } .back_to_top { margin-bottom: 20px; } img { max-width: 100%; height: auto; } .alignleft { float: left; } .alignright { float: right; } .aligncenter { display: block; margin-left: auto; margin-right: auto; } .wp-caption { max-width: 100%; padding: 4px; } .wp-caption .wp-caption-text, .gallery-caption, .entry-caption { font-style: italic; font-size: 12px; line-height: 2; color: #757575; } img.wp-smiley, .rsswidget img { border: 0; border-radius: 0; box-shadow: none; margin-bottom: 0; margin-top: 0; padding: 0; } .entry-content dl.gallery-item { margin: 0; } .gallery-item a, .gallery-caption { width: 90%; } .gallery-item a { display: block; } .gallery-caption a { display: inline; } .gallery-columns-1 .gallery-item a { max-width: 100%; width: auto; } .gallery .gallery-icon img { height: auto; max-width: 90%; padding: 5%; } .gallery-columns-1 .gallery-icon img { padding: 3%; /* Video background */ } .row-bg-video { position: relative; overflow: hidden; } .row-bg-video .cms-bg-video { position: absolute; left: 0; top: 0; width: 100%; } .row-bg-video .wp-video-shortcode { width: 100% !important; height: auto !important; } #cshero-header-navigation { position: static; /*------------------------------ 9.1 - Minimum width of 992 pixels. ------------------------------*/ } #cshero-header-navigation .main-navigation ul { list-style: none; } #cshero-header-navigation .main-navigation ul.ping-right { left: auto; right: 100%; } #cshero-header-navigation .main-navigation ul.ping-left { left: 100%; right: auto; } @media screen and (min-width: 992px) { /* Minimum width of 992 pixels. */ /*------------------------------ 9.4 - Max width of 991 pixels. ------------------------------*/ #menu-mobile, .cs-menu-toggle { display: none; } #cshero-header-navigation.collapse { display: block; } #cshero-header-navigation .main-navigation div.nav-menu > ul { display: inline-block !important; width: 100%; } #cshero-header-navigation .main-navigation ul { margin: 0; text-indent: 0; text-align: right; padding-left: 0; } #cshero-header-navigation .main-navigation li a { border-bottom: 0; white-space: nowrap; padding: 0 18px; outline: 0; -webkit-transition: all 300ms linear 0ms; -khtml-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; -o-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; /* BACKGROUND GRADIENT */ /* TRIPLE BORDERS */ } #cshero-header-navigation .main-navigation li a:focus { outline: 0 !important; } #cshero-header-navigation .main-navigation .menu-main-menu > li { vertical-align: top; -webkit-transition: all 420ms linear 0ms; -khtml-transition: all 420ms linear 0ms; -moz-transition: all 420ms linear 0ms; -ms-transition: all 420ms linear 0ms; -o-transition: all 420ms linear 0ms; transition: all 420ms linear 0ms; /* BACKGROUND GRADIENT */ /* TRIPLE BORDERS */ } #cshero-header-navigation .main-navigation .menu-main-menu > li > a { position: relative; text-align: center; line-height: 65px; color: #444; font-size: 14px; font-weight: 700; text-transform: uppercase; outline: 0 none; line-height: 103px; -webkit-transition: all 0.3s ease-out 0ms; -khtml-transition: all 0.3s ease-out 0ms; -moz-transition: all 0.3s ease-out 0ms; -ms-transition: all 0.3s ease-out 0ms; -o-transition: all 0.3s ease-out 0ms; transition: all 0.3s ease-out 0ms; /* BACKGROUND GRADIENT */ /* TRIPLE BORDERS */ } #cshero-header-navigation .main-navigation .menu-main-menu > li > a:focus { outline: 0 !important; } #cshero-header-navigation .main-navigation .menu-main-menu > li > a i { display: block; width: 100%; line-height: 0; margin-bottom: 6px; -webkit-transition: all 420ms linear 0ms; -khtml-transition: all 420ms linear 0ms; -moz-transition: all 420ms linear 0ms; -ms-transition: all 420ms linear 0ms; -o-transition: all 420ms linear 0ms; transition: all 420ms linear 0ms; /* BACKGROUND GRADIENT */ /* TRIPLE BORDERS */ } #cshero-header-navigation .main-navigation .menu-main-menu > li > a i + .menu-title { -webkit-transform: translateY(25px); -khtml-transform: translateY(25px); -moz-transform: translateY(25px); -ms-transform: translateY(25px); -o-transform: translateY(25px); transform: translateY(25px); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ display: block; } #cshero-header-navigation .main-navigation .menu-main-menu > li > a:hover { color: #3eabe6; } #cshero-header-navigation .main-navigation .menu-main-menu > li:hover > a { color: #3eabe6; } #cshero-header-navigation .main-navigation .menu-main-menu > li.menu-item-has-children { position: relative; } #cshero-header-navigation .main-navigation .menu-main-menu > li.menu-item-has-children > .cs-menu-toggle { bottom: 10%; display: inline-block; left: 50%; position: absolute; line-height: 1; transform: translate(-50%, 0px); -webkit-transform: translate(-50%, 0px); -khtml-transform: translate(-50%, 0px); -moz-transform: translate(-50%, 0px); -ms-transform: translate(-50%, 0px); -o-transform: translate(-50%, 0px); transform: translate(-50%, 0px); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ -webkit-transition: all 300ms linear 0ms; -khtml-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; -o-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; /* BACKGROUND GRADIENT */ /* TRIPLE BORDERS */ font-size: 24px; opacity: 0; } #cshero-header-navigation .main-navigation .menu-main-menu > li.menu-item-has-children > ul.sub-menu { margin-top: 24px; padding: 15px 0 15px; min-width: 160px; font-size: 13px; background: #fff; border-top: 3px solid #3eabe6; -webkit-transition: margin-top 0.4s ease 0s; -khtml-transition: margin-top 0.4s ease 0s; -moz-transition: margin-top 0.4s ease 0s; -ms-transition: margin-top 0.4s ease 0s; -o-transition: margin-top 0.4s ease 0s; transition: margin-top 0.4s ease 0s; /* BACKGROUND GRADIENT */ /* TRIPLE BORDERS */ } #cshero-header-navigation .main-navigation .menu-main-menu > li.menu-item-has-children > ul.sub-menu a:hover { color: #3eabe6; } #cshero-header-navigation .main-navigation .menu-main-menu > li.menu-item-has-children > ul.sub-menu a:focus { color: #3eabe6; } #cshero-header-navigation .main-navigation .menu-main-menu > li.menu-item-has-children:hover > ul.sub-menu { -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.15) 2px 5px rgba(0, 0, 0, .4); -khtml-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.15) 2px 5px rgba(0, 0, 0, .4); -moz-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.15) 2px 5px rgba(0, 0, 0, .4); -ms-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.15) 2px 5px rgba(0, 0, 0, .4); -o-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.15) 2px 5px rgba(0, 0, 0, .4); box-shadow: 0 3px 5px rgba(0, 0, 0, 0.15) 2px 5px rgba(0, 0, 0, .4); /* BACKGROUND GRADIENT */ /* BOX SIZING */ margin-top: 0; } #cshero-header-navigation .main-navigation .menu-main-menu > li.menu-item-has-children:hover > .cs-menu-toggle { opacity: 0; display: none; } #cshero-header-navigation .main-navigation .menu-main-menu > li.menu-item-has-children:after { display: inline-block; content: ""; width: 5px; height: 5px; margin-left: 2px; vertical-align: middle; border-top: 4px dashed; border-top: 4px solid \9; border-right: 4px solid transparent; border-left: 4px solid transparent; position: absolute; top: 49%; right: 3px; } #cshero-header-navigation .main-navigation .menu-main-menu .current-menu-parent > a, #cshero-header-navigation .main-navigation .menu-main-menu .current-menu-item > a { color: #3eabe6; } #cshero-header-navigation .main-navigation .menu-main-menu .current-menu-parent.menu-item-has-children:after { border-top-color: #3eabe6; } #cshero-header-navigation .main-navigation .menu-main-menu > li, #cshero-header-navigation .main-navigation .menu-main-menu > li a, #cshero-header-navigation .main-navigation .menu-main-menu > ul > li, #cshero-header-navigation .main-navigation .menu-main-menu > ul > li > a { display: inline-block; text-decoration: none; } #cshero-header-navigation .main-navigation .menu-main-menu > li ul li, #cshero-header-navigation .main-navigation .menu-main-menu > li ul li a, #cshero-header-navigation .main-navigation .menu-main-menu > ul > li ul li, #cshero-header-navigation .main-navigation .menu-main-menu > ul > li ul li a { display: block; text-decoration: none; text-align: left; text-transform: uppercase; color: #333; } #cshero-header-navigation .main-navigation .menu-main-menu > li ul ul, #cshero-header-navigation .main-navigation .menu-main-menu > ul > li ul ul { width: 200px; margin-top: -48px; border: 1px solid #ebebeb; min-width: 160px; font-size: 13px; background: #fff; padding: 15px 0 15px; -webkit-transition: margin-top 0.4s ease 0s; -khtml-transition: margin-top 0.4s ease 0s; -moz-transition: margin-top 0.4s ease 0s; -ms-transition: margin-top 0.4s ease 0s; -o-transition: margin-top 0.4s ease 0s; transition: margin-top 0.4s ease 0s; /* BACKGROUND GRADIENT */ /* TRIPLE BORDERS */ border: 0; } #cshero-header-navigation .main-navigation li li { margin: 0; } #cshero-header-navigation .main-navigation li ul { margin: 0; padding: 0; position: absolute; top: 100%; z-index: 9; height: 1px; width: 200px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); /*------------------------------ 9.2 - Menu Stick Wall ------------------------------*/ } #cshero-header-navigation .main-navigation li ul ul { top: auto; left: 100%; width: 200px; /* End Menu Stick Wall */ } #cshero-header-navigation .main-navigation li ul ul.back { right: 100%; left: auto; } #cshero-header-navigation .main-navigation li ul ul.back ul:not(.back) { right: 100%; left: auto; } #cshero-header-navigation .main-navigation li ul ul.back ul.back { left: 100%; right: auto; } #cshero-header-navigation .main-navigation li ul ul.back ul.back ul:not(.back) { left: 100%; right: auto; } #cshero-header-navigation .main-navigation li ul ul.back ul.back ul.back { right: 100%; left: auto; } #cshero-header-navigation .main-navigation { /* End Menu Sub Level */ /* header fixed */ } #cshero-header-navigation .main-navigation ul li:hover > ul, #cshero-header-navigation .main-navigation ul li:focus > ul, #cshero-header-navigation .main-navigation .focus > ul { border-left: 0; clip: inherit; overflow: inherit; height: inherit; } #cshero-header-navigation .main-navigation li ul li a { padding: 5px 20px; line-height: 1.8em; white-space: normal; } #cshero-header-navigation .main-navigation li ul li:last-child a { border-bottom: none; } .header-fixed #cshero-header-navigation .main-navigation .menu-main-menu > li > a { line-height: 65px; /*------------------------------ 9.3 - Start Mega Menu ------------------------------*/ } #cshero-header-navigation .main-navigation .columns2 > li:nth-of-type(2n+1), #cshero-header-navigation .main-navigation .columns3 > li:nth-child(3n+1), #cshero-header-navigation .main-navigation .columns4 > li:nth-child(4n+1), #cshero-header-navigation .main-navigation .columns5 > li:nth-child(5n+1) { clear: left; border-right: 0px solid transparent; } #cshero-header-navigation .main-navigation .columns5 > li { width: 20% !important; } #cshero-header-navigation .main-navigation .columns4 > li { width: 25% !important; } #cshero-header-navigation .main-navigation .columns3 > li { width: 33% !important; } #cshero-header-navigation .main-navigation .columns2 > li { width: 50% !important; } #cshero-header-navigation .main-navigation [class*="columns"] > li { float: left; } #cshero-header-navigation .main-navigation [class*="columns"] > li > a { width: 100%; } #cshero-header-navigation .main-navigation .menu-main-menu li.has_full_width { position: inherit; } #cshero-header-navigation .main-navigation .menu-main-menu li:not(.group) > ul.drop_full_width.sub-menu { left: 0 !important; width: 100% !important; background: #fff; } #cshero-header-navigation .main-navigation li.group > ul.sub-menu { display: block; float: left; left: 0; position: relative; width: 100%; height: inherit; } #cshero-header.header-fixed #cshero-header-navigation .main-navigation .menu-main-menu > li > a i + .menu-title { -webkit-transform: translateY(14px); -khtml-transform: translateY(14px); -moz-transform: translateY(14px); -ms-transform: translateY(14px); -o-transform: translateY(14px); transform: translateY(14px); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } #cshero-header.header-fixed #cshero-header-navigation .main-navigation .menu-main-menu > li > a i { margin-bottom: 3px; /* End Start Mega Menu */ } #cshero-header.header-fixed #cshero-header-navigation .main-navigation .menu-main-menu > li.menu-item-has-children > .cs-menu-toggle { display: none; } } @media screen and (max-width: 991px) { /* -----> End Max width of 992 pixels. */ /* ========================================================================== End Style Main Menu ========================================================================== */ #cshero-menu-mobile { display: block; position: absolute; right: 15px; top: 50%; -webkit-transform: translate(0px, -50%); -khtml-transform: translate(0px, -50%); -moz-transform: translate(0px, -50%); -ms-transform: translate(0px, -50%); -o-transform: translate(0px, -50%); transform: translate(0px, -50%); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ padding: 0; } #cshero-header-navigation { display: none; } .header-fixed #cshero-header-navigation.collapse { top: 65px; } #cshero-header-navigation.collapse { background: #3eabe6; position: absolute; top: 80px; left: 0; right: 0; z-index: 999; width: 100%; display: block; } #cshero-menu-mobile { display: block; } #cshero-menu-mobile i { background: #666; color: #fff; cursor: pointer; font-size: 32px; height: 35px; line-height: 35px; text-align: center; width: 45px; } #cshero-menu-mobile i:hover { background: #3eabe6; } #cshero-header-navigation .main-navigation div.nav-menu > ul { margin: 0; padding: 0; list-style: none; max-height: 0; overflow: hidden; transition: all 500ms ease; } #cshero-header-navigation .main-navigation div.nav-menu > ul li { list-style: none; } #cshero-header-navigation .main-navigation div.nav-menu > ul li a { display: block; color: #5e5e5e; } #cshero-header-navigation .main-navigation div.nav-menu > ul li a:hover, #cshero-header-navigation .main-navigation div.nav-menu > ul li a:focus { color: #21759b; } .collapse .main-navigation div.nav-menu > ul { display: block; max-height: 2000px; } #cshero-header #cshero-header-navigation .main-navigation { padding: 15px 0; /*------------------------------ 9.5 - Dropdown Sub Menu ------------------------------*/ } #cshero-header #cshero-header-navigation .main-navigation .menu-main-menu > li > a i { display: none; } #cshero-header #cshero-header-navigation .main-navigation .menu-main-menu li { line-height: 31px; } #cshero-header #cshero-header-navigation .main-navigation .menu-main-menu li a { background: transparent; color: #fff; } #cshero-header #cshero-header-navigation .main-navigation ul.sub-menu { width: 100% !important; } .cs-menu-toggle { display: block; } #cshero-header-navigation .main-navigation .menu-main-menu > li { position: relative; } #cshero-header-navigation .main-navigation .menu-main-menu > li.current-menu-parent > a { color: #333 !important; } #cshero-header-navigation .main-navigation .menu-main-menu > li li { position: relative; } #cshero-header-navigation .main-navigation .menu-main-menu > li a { display: block; border-bottom: none; font-size: 14px; color: #fff !important; margin: 0 0 4px; font-weight: 700; text-transform: uppercase; } #cshero-header-navigation .main-navigation .menu-main-menu > li a:hover { color: #666 !important; } #cshero-header-navigation .main-navigation .menu-main-menu > li ul li a { font-weight: normal; text-transform: inherit; color: #fff !important; } #cshero-header-navigation .main-navigation .menu-main-menu > li ul li a:hover { color: #333 !important; } #cshero-header-navigation .main-navigation .menu-main-menu > li ul li.current-menu-item a { color: #333 !important; } #cshero-header-navigation .main-navigation .menu-main-menu > li .cs-menu-toggle { color: #fff; cursor: pointer; position: absolute; right: -5px; text-align: center; top: 0; width: 30px; } #cshero-header-navigation .main-navigation .menu-main-menu > li .cs-menu-toggle:hover { color: #666; } #cshero-header-navigation .main-navigation .menu-main-menu > li ul.sub-menu { max-height: 0; overflow: hidden; padding-left: 10px; -webkit-transition: max-height 600ms linear 0ms; -khtml-transition: max-height 600ms linear 0ms; -moz-transition: max-height 600ms linear 0ms; -ms-transition: max-height 600ms linear 0ms; -o-transition: max-height 600ms linear 0ms; transition: max-height 600ms linear 0ms; /* BACKGROUND GRADIENT */ /* TRIPLE BORDERS */ } #cshero-header-navigation .main-navigation .menu-main-menu > li ul.sub-menu.submenu-open { max-height: 1000px; } #cshero-header-navigation .main-navigation .menu-main-menu > li ul.sub-menu.submenu-open + .cs-menu-toggle i:before { content: "\f106"; } #cshero-header-navigation .main-navigation .menu-main-menu > li ul.sub-menu .cs-menu-toggle { right: 12px; } } #secondary.widget-area { padding-left: 50px; max-width: 320px; } @media screen and (max-width: 991px) { #secondary.widget-area { max-width: 100%; } } #secondary.widget-area .widget_text h3.wg-title { margin-bottom: 40px; } #secondary-left aside { margin-bottom: 67px; } #secondary aside { margin-bottom: 55px; } #page-left-sidebar #secondary.widget-area { padding-right: 50px; padding-left: 0; max-width: 100%; } #page-left-sidebar article .container { width: 100%; } #page-right-sidebar #secondary.widget-area, #page-front-page #secondary.widget-area { padding-left: 50px; } #page-right-sidebar #secondary.widget-area .textwidget, #page-front-page #secondary.widget-area .textwidget { margin-top: 40px; } #page-front-page .row { margin-bottom: 35px; } #page-right-sidebar article .container { width: 100%; } .single-post .widget-area .textwidget { margin-top: 40px; line-height: 1.65; } .widget h3.wg-title { padding-bottom: 25px; margin-top: 0; font-family: 'Roboto Condensed'; text-transform: uppercase; font-size: 16px; font-weight: 700; border-bottom: 3px solid #666; margin-bottom: 40px; } #secondary-left .widget_cs_allservices_widget h3.wg-title, .widget-area .widget_cs_allservices_widget h3.wg-title, #secondary-left .widget_cs_carousel_widget h3.wg-title, .widget-area .widget_cs_carousel_widget h3.wg-title, #secondary-left .widget.widget_search h3.wg-title, .widget-area .widget.widget_search h3.wg-title, #secondary-left .widget.widget_categories h3.wg-title, .widget-area .widget.widget_categories h3.wg-title, #secondary-left .widget.widget_cs_carousel_widget h3.wg-title, .widget-area .widget.widget_cs_carousel_widget h3.wg-title, #secondary-left .widget.widget_pages h3.wg-title, .widget-area .widget.widget_pages h3.wg-title, #secondary-left .widget.widget_nav_menu h3.wg-title, .widget-area .widget.widget_nav_menu h3.wg-title, #secondary-left .widget.widget_archive h3.wg-title, .widget-area .widget.widget_archive h3.wg-title, #secondary-left .widget_wp_maxclean_carousel_widget h3.wg-title, .widget-area .widget_wp_maxclean_carousel_widget h3.wg-title { margin-bottom: 0; } #secondary-left .widget_cs_allservices_widget > label, .widget-area .widget_cs_allservices_widget > label, #secondary-left .widget_cs_carousel_widget > label, .widget-area .widget_cs_carousel_widget > label, #secondary-left .widget.widget_search > label, .widget-area .widget.widget_search > label, #secondary-left .widget.widget_categories > label, .widget-area .widget.widget_categories > label, #secondary-left .widget.widget_cs_carousel_widget > label, .widget-area .widget.widget_cs_carousel_widget > label, #secondary-left .widget.widget_pages > label, .widget-area .widget.widget_pages > label, #secondary-left .widget.widget_nav_menu > label, .widget-area .widget.widget_nav_menu > label, #secondary-left .widget.widget_archive > label, .widget-area .widget.widget_archive > label, #secondary-left .widget_wp_maxclean_carousel_widget > label, .widget-area .widget_wp_maxclean_carousel_widget > label { margin-top: 40px; } .entry-header a { font-size: 14px; font-weight: 400; color: #333; } #secondary-left { padding-top: 65px; /*------------------------------ 10.1 - Carousel widget ------------------------------*/ } #secondary-left .list-sidebar { margin-bottom: 0; padding-top: 34px; padding-bottom: 6px; background-color: #f8f8f8; padding-left: 0; list-style: none; margin-top: 0; } #secondary-left .list-sidebar .list-sidebar-item:hover a { font-weight: 400; text-decoration: none; color: #3eabe6; } #secondary-left .list-sidebar-link { position: relative; padding-right: 15px; padding-bottom: 24px; padding-left: 48px; display: block; font-size: 15px; line-height: 1.2; color: #606060; font-weight: 300; } #secondary-left .list-sidebar-link .icon { position: absolute; top: -3px; left: 0; display: inline-block; width: 18px; height: 22px; opacity: 0; -webkit-transition: all 0.3s; -khtml-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; /* BACKGROUND GRADIENT */ /* TRIPLE BORDERS */ } #secondary-left .list-sidebar-link .icon:before, #secondary-left .list-sidebar-link .icon:after { position: absolute; right: -4px; width: 6px; height: 11px; content: ''; -webkit-transition: all 0.3s; -khtml-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; /* BACKGROUND GRADIENT */ /* TRIPLE BORDERS */ } #secondary-left .list-sidebar-link .icon:before { top: 0; -webkit-transform: skewX(25deg); -khtml-transform: skewX(25deg); -moz-transform: skewX(25deg); -ms-transform: skewX(25deg); -o-transform: skewX(25deg); transform: skewX(25deg); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } #secondary-left .list-sidebar-link .icon:after { bottom: 0; -webkit-transform: skewX(-25deg); -khtml-transform: skewX(-25deg); -moz-transform: skewX(-25deg); -ms-transform: skewX(-25deg); -o-transform: skewX(-25deg); transform: skewX(-25deg); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } #secondary-left .list-sidebar-link:hover .icon, #secondary-left .list-sidebar-link:hover .icon:before, #secondary-left .list-sidebar-link:hover .icon:after { text-decoration: none; background-color: #666; opacity: 1; } .cms-carousel-widget { padding-top: 40px; /* contact info*/ } .cms-carousel-widget .list-clients-item { padding-left: 7px; padding-right: 7px; } .cms-carousel-widget .list-clients-item img { max-height: 60px; width: auto !important; } .cms-carousel-widget .owl-controls { top: -50px; } .sidebar-contacts { margin-top: 24px; padding-left: 6px; } .sidebar-contacts .sidebar-contacts__title { font-size: 13px; font-weight: 500; color: #3eabe6; } .sidebar-contacts .ui-text { line-height: 1.7; } .sidebar-contacts .ui-text strong { font-weight: 500; } .sidebar-contacts .ui-text a { display: block; width: 100%; color: #333; } .widget_meta, .widget_recent_entries, .widget_recent_comments { /*------------------------------ 10.2 - vc blog sidebar ------------------------------*/ } .widget_meta ul li, .widget_recent_entries ul li, .widget_recent_comments ul li { padding: 5px 0; } .widget_meta ul li a, .widget_recent_entries ul li a, .widget_recent_comments ul li a { text-decoration: none; } .widget_meta ul li a:hover, .widget_recent_entries ul li a:hover, .widget_recent_comments ul li a:hover, .widget_meta ul li a:active, .widget_recent_entries ul li a:active, .widget_recent_comments ul li a:active, .widget_meta ul li a:visited, .widget_recent_entries ul li a:visited, .widget_recent_comments ul li a:visited { text-decoration: none; } .wpb_widgetised_column .wpb_wrapper .widget { margin-bottom: 55px; } .wpb_widgetised_column .wpb_wrapper .ui-title-inner { margin-bottom: 22px; font-family: 'Roboto Condensed'; text-transform: uppercase; } .wpb_widgetised_column .wpb_wrapper .border-color { border-width: 3px; } .wpb_widgetised_column .wpb_wrapper .border-color:after { width: 0; } .wpb_widgetised_column.twitter-carousel .widget { margin-top: 0 !important; margin-bottom: 0 !important; } .wpb_widgetised_column .textwidget { margin-top: 40px; } @media screen and (max-width: 767px) { .wpb_widgetised_column .wpb_wrapper { padding-left: 0; max-width: 100%; margin: auto; } .wpb_widgetised_column .widget .owl-carousel .owl-item img { width: auto; } } .widget_product_search .searchform, .widget_search .searchform { position: relative; padding: 15px; border-bottom: 1px solid #eee; } .widget_product_search .searchform .form-search__input, .widget_search .searchform .form-search__input { padding-right: 50px; width: 100%; background-color: transparent; border: none; padding: 0; height: 22px; min-height: 22px; } .widget_product_search .searchform .form-search__submit, .widget_search .searchform .form-search__submit { position: absolute; top: 15px; right: 0; width: 50px; height: 22px; background-color: transparent; border-top: none; border-right: none; border-bottom: none; border-left: 1px solid #ebebeb; } .widget_product_search .searchform .form-search__submit .icon, .widget_search .searchform .form-search__submit .icon { font-size: 14px; color: #3eabe6; margin-left: 0; } .widget-area .widget_product_categories > ul, .widget-area .widget_categories > ul, .widget-area .widget_pages > ul, .widget-area .widget_nav_menu > ul, .widget-area .widget_archive > ul, .widget-area .widget_recent_entries > ul, .widget-area .widget_meta > ul, .widget-area .widget_recent_comments > ul { background-color: #f8f8f8; padding-top: 40px; padding-bottom: 20px; } .widget-area .widget_product_categories ul, .widget-area .widget_categories ul, .widget-area .widget_pages ul, .widget-area .widget_nav_menu ul, .widget-area .widget_archive ul, .widget-area .widget_recent_entries ul, .widget-area .widget_meta ul, .widget-area .widget_recent_comments ul { margin-bottom: 0; list-style: none; padding-left: 0; margin-top: 0; } .widget-area .widget_product_categories ul a, .widget-area .widget_categories ul a, .widget-area .widget_pages ul a, .widget-area .widget_nav_menu ul a, .widget-area .widget_archive ul a, .widget-area .widget_recent_entries ul a, .widget-area .widget_meta ul a, .widget-area .widget_recent_comments ul a { position: relative; padding-right: 15px; padding-bottom: 20px; padding-left: 48px; display: inline-block; font-size: 15px; line-height: 24px; font-weight: 300; color: #606060; } .widget-area .widget_product_categories ul a .icon, .widget-area .widget_categories ul a .icon, .widget-area .widget_pages ul a .icon, .widget-area .widget_nav_menu ul a .icon, .widget-area .widget_archive ul a .icon, .widget-area .widget_recent_entries ul a .icon, .widget-area .widget_meta ul a .icon, .widget-area .widget_recent_comments ul a .icon { position: absolute; top: 1px; left: 0; display: inline-block; width: 18px; height: 22px; opacity: 0; margin-left: 0; -webkit-transition: all 0.3s; -khtml-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; /* BACKGROUND GRADIENT */ /* TRIPLE BORDERS */ } .widget-area .widget_product_categories ul a .icon:before, .widget-area .widget_categories ul a .icon:before, .widget-area .widget_pages ul a .icon:before, .widget-area .widget_nav_menu ul a .icon:before, .widget-area .widget_archive ul a .icon:before, .widget-area .widget_recent_entries ul a .icon:before, .widget-area .widget_meta ul a .icon:before, .widget-area .widget_recent_comments ul a .icon:before, .widget-area .widget_product_categories ul a .icon:after, .widget-area .widget_categories ul a .icon:after, .widget-area .widget_pages ul a .icon:after, .widget-area .widget_nav_menu ul a .icon:after, .widget-area .widget_archive ul a .icon:after, .widget-area .widget_recent_entries ul a .icon:after, .widget-area .widget_meta ul a .icon:after, .widget-area .widget_recent_comments ul a .icon:after { position: absolute; right: -4px; width: 6px; height: 11px; content: ''; -webkit-transition: all 0.3s; -khtml-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; /* BACKGROUND GRADIENT */ /* TRIPLE BORDERS */ } .widget-area .widget_product_categories ul a .icon:before, .widget-area .widget_categories ul a .icon:before, .widget-area .widget_pages ul a .icon:before, .widget-area .widget_nav_menu ul a .icon:before, .widget-area .widget_archive ul a .icon:before, .widget-area .widget_recent_entries ul a .icon:before, .widget-area .widget_meta ul a .icon:before, .widget-area .widget_recent_comments ul a .icon:before { top: 0; -webkit-transform: skewX(25deg); -khtml-transform: skewX(25deg); -moz-transform: skewX(25deg); -ms-transform: skewX(25deg); -o-transform: skewX(25deg); transform: skewX(25deg); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } .widget-area .widget_product_categories ul a .icon:after, .widget-area .widget_categories ul a .icon:after, .widget-area .widget_pages ul a .icon:after, .widget-area .widget_nav_menu ul a .icon:after, .widget-area .widget_archive ul a .icon:after, .widget-area .widget_recent_entries ul a .icon:after, .widget-area .widget_meta ul a .icon:after, .widget-area .widget_recent_comments ul a .icon:after { bottom: 0; -webkit-transform: skewX(-25deg); -khtml-transform: skewX(-25deg); -moz-transform: skewX(-25deg); -ms-transform: skewX(-25deg); -o-transform: skewX(-25deg); transform: skewX(-25deg); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } .widget-area .widget_product_categories ul a:hover, .widget-area .widget_categories ul a:hover, .widget-area .widget_pages ul a:hover, .widget-area .widget_nav_menu ul a:hover, .widget-area .widget_archive ul a:hover, .widget-area .widget_recent_entries ul a:hover, .widget-area .widget_meta ul a:hover, .widget-area .widget_recent_comments ul a:hover { font-weight: 400; text-decoration: none; color: #3eabe6; } .widget-area .widget_product_categories ul a:hover .icon, .widget-area .widget_categories ul a:hover .icon, .widget-area .widget_pages ul a:hover .icon, .widget-area .widget_nav_menu ul a:hover .icon, .widget-area .widget_archive ul a:hover .icon, .widget-area .widget_recent_entries ul a:hover .icon, .widget-area .widget_meta ul a:hover .icon, .widget-area .widget_recent_comments ul a:hover .icon, .widget-area .widget_product_categories ul a:hover .icon:before, .widget-area .widget_categories ul a:hover .icon:before, .widget-area .widget_pages ul a:hover .icon:before, .widget-area .widget_nav_menu ul a:hover .icon:before, .widget-area .widget_archive ul a:hover .icon:before, .widget-area .widget_recent_entries ul a:hover .icon:before, .widget-area .widget_meta ul a:hover .icon:before, .widget-area .widget_recent_comments ul a:hover .icon:before, .widget-area .widget_product_categories ul a:hover .icon:after, .widget-area .widget_categories ul a:hover .icon:after, .widget-area .widget_pages ul a:hover .icon:after, .widget-area .widget_nav_menu ul a:hover .icon:after, .widget-area .widget_archive ul a:hover .icon:after, .widget-area .widget_recent_entries ul a:hover .icon:after, .widget-area .widget_meta ul a:hover .icon:after, .widget-area .widget_recent_comments ul a:hover .icon:after { text-decoration: none; background-color: #666; opacity: 1; } .widget-area .widget_recent_comments > ul { padding-left: 48px; padding-right: 15px; } .cms-popular-posts { /*------------------------------ 10.4 - widget tag ------------------------------*/ } .cms-popular-posts h3.wg-title { margin-bottom: 40px; } .cms-popular-posts .entry-main { margin-right: 130px; } .cms-popular-posts .entry-main .border-color { margin-left: 0; width: 40px; border-width: 3px; } .cms-popular-posts .entry-main .border-color:after { margin-left: 0; width: 20px; } .cms-popular-posts .entry-header { margin-top: 0; margin-bottom: 15px; } .cms-popular-posts .entry-thumbnail { float: right; } .cms-popular-posts .entry-thumbnail img { width: 115px; } .cms-popular-posts .entry-meta { margin-bottom: 20px; padding-left: 0; } .cms-popular-posts .widget-post__item { margin-bottom: 40px; } @media screen and (max-width: 991px) { .cms-popular-posts .entry-thumbnail { float: none; margin-bottom: 10px; } .cms-popular-posts .entry-main { margin-right: 0; } } .widget_product_tag_cloud h3.wg-title, .widget_tag_cloud h3.wg-title { margin-bottom: 40px; } .widget_product_tag_cloud a, .widget_tag_cloud a { margin-right: 5px; margin-bottom: 10px; display: inline-block; padding: 9px 23px; font-family: 'Roboto Condensed'; font-size: 14px !important; text-align: center; color: #333; background-color: #fff; border: 1px solid #ebebeb; -webkit-transition: all 0.3s; -khtml-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; /* BACKGROUND GRADIENT */ /* TRIPLE BORDERS */ } .widget_product_tag_cloud a:hover, .widget_tag_cloud a:hover { text-decoration: none; background-color: #666; border-color: #666; } .widget_nav_menu ul, .widget_nav_menu ol { padding-left: 15px; } .widget_nav_menu ul a, .widget_nav_menu ol a { padding-left: 0; } .widget_nav_menu ul a span.title-attribute, .widget_nav_menu ol a span.title-attribute { display: block; } .widget_nav_menu ul ul, .widget_nav_menu ol ul { margin-left: 0; } .cms-social:after { display: table; clear: both; content: ''; } .cms-social li { margin-right: 20px; display: inline-block; font-size: 15px; font-weight: 400; } .cms-social li:last-child { margin-right: 0; } .cms-social li .icon { cursor: pointer; } .cms-social li a { color: #333; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; /*------------------------------ 12.1 - Widget Search Top ------------------------------*/ } .cshero-header-cart-search { float: right; } .cshero-header-cart-search .header a { position: relative; line-height: 103px; padding: 0 13px; display: inline-block; outline: 0; color: #333; } .cshero-header-cart-search .header a .cart_total { -webkit-border-radius: 50%; -khtml-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; /* BACKGROUND GRADIENT */ font-size: 10px; height: 16px; left: 25px; line-height: 16px; position: absolute; text-align: center; top: 6px; width: 16px; color: #333; } .cshero-header-cart-search .header .icon_cart_wrap { background-color: #666; padding: 6px 24px 0px 12px; line-height: 16px; } .cshero-header-cart-search .header .icon_cart_wrap:after { position: absolute; z-index: 1; bottom: -50px; left: 0; display: block; width: 100%; content: ''; border-top: 9px solid; border-right: 24px solid transparent; border-bottom: 42px solid transparent; border-left: 24px solid transparent; border-top-color: #666; right: 0; } .cshero-header-cart-search .header .icon_cart_wrap:hover { background-color: #3eabe6; } .cshero-header-cart-search .header .icon_cart_wrap:hover:after { border-top-color: #3eabe6; } .cshero-header-cart-search .widget_searchform_content { display: none; left: auto !important; position: absolute; right: 0px; width: 100%; max-width: 300px; min-width: 280px; padding: 12px; background-color: #fff; -webkit-box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.2); -khtml-box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.2); -ms-box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.2); -o-box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.2); box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.2); /* BACKGROUND GRADIENT */ /* BOX SIZING */ z-index: 1; } .cshero-header-cart-search .widget_searchform_content form { margin: 0; position: relative; } .cshero-header-cart-search .widget_searchform_content form input[type*="submit"] { border-color: transparent; background-color: transparent; height: 38px; padding: 0; position: absolute; right: 4px; text-indent: -9999px; top: 2px; width: 38px; z-index: 1; } .cshero-header-cart-search .widget_searchform_content form:before { color: #333; content: "\e618"; font-family: 'Pe-icon-7-stroke'; font-size: 22px; position: absolute; right: 12px; top: 11px; } .cshero-header-cart-search .shopping_cart_dropdown { left: auto !important; max-width: 350px; right: 0; } .cshero-header-cart-search .shopping_cart_dropdown a.btn { background-color: #666; border-color: #666; border-radius: 3px; border-style: solid; border-width: 2px; color: #333; font-size: 13px; font-weight: 700; padding: 10px 20px; text-transform: uppercase; } .cshero-header-cart-search .shopping_cart_dropdown a.btn:hover { background-color: #3eabe6; border-color: #3eabe6; color: #fff; } .cshero-header-cart-search .shopping_cart_dropdown .total { text-transform: uppercase; color: #999; font-weight: 700; font-size: 14px; margin-top: 10px; } .header-fixed .cshero-header-cart-search .header a { line-height: 65px; } .header-fixed .cshero-header-cart-search .header .icon_cart_wrap { line-height: 16px; /* End Widget Search Top */ } .woocommerce-page #secondary.widget-area { margin-top: 0px; } .woocommerce-page #secondary.widget-area .widget h3.wg-title { margin-bottom: 40px; } .woocommerce-page .before-shop-loop { text-transform: uppercase; font-size: 12px; margin-bottom: 45px; } .woocommerce-page .before-shop-loop .orderby { text-transform: uppercase; font-size: 12px; border: none; border-bottom: 1px solid #eee; border-radius: 2px; background: transparent; color: #4b4e53; font-size: 14px; margin: 0; outline: medium none; padding: 8px 20px 8px 0; } .woocommerce-page .before-shop-loop .woocommerce-result-count { margin-top: 10px; } .woocommerce-page .woo-product.product { margin-top: 0; margin-bottom: 80px; } .woocommerce-page .cshero-woo-image img { width: 100%; -webkit-transform: rotate(0); -webkit-backface-visibility: hidden; filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-opacity: 1; -khtml-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; -o-opacity: 1; opacity: 1; /* BACKGROUND GRADIENT */ /* OUTLINE RADIUS */ -webkit-transition: opacity 0.3s linear 0s; -khtml-transition: opacity 0.3s linear 0s; -moz-transition: opacity 0.3s linear 0s; -ms-transition: opacity 0.3s linear 0s; -o-transition: opacity 0.3s linear 0s; transition: opacity 0.3s linear 0s; /* BACKGROUND GRADIENT */ /* TRIPLE BORDERS */ } .woocommerce-page .cshero-woo-image img:hover { filter: alpha(opacity=60); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; -webkit-opacity: 0.6; -khtml-opacity: 0.6; -moz-opacity: 0.6; -ms-opacity: 0.6; -o-opacity: 0.6; opacity: 0.6; /* BACKGROUND GRADIENT */ /* OUTLINE RADIUS */ } .woocommerce-page .cshero-product-title h3 { text-transform: uppercase; font-size: 14px; } .woocommerce-page .cshero-product-title h3 a { text-decoration: none; } .woocommerce-page .cshero-product-price span { font-weight: bold; font-size: 16px; } .woocommerce-page .woo-add-to-cart { margin-top: 20px; } .woocommerce-page .woo-add-to-cart a { min-width: 100px; } .woocommerce-page .woocommerce-pagi { margin-top: 0; margin-bottom: 50px; } .woocommerce-page .woocommerce-pagi li { display: inline-block; margin-left: 3px; margin-right: 4px; } .woocommerce-page .woocommerce-pagi li .page-numbers { width: 30px; height: 24px; background-color: #fff; border-top: 3px solid #ebebeb; border-right: 1px solid #ebebeb; border-left: 1px solid #ebebeb; padding-top: 3px; font-size: 11px; font-weight: 300; } .woocommerce-page .woocommerce-pagi li .page-numbers:before, .woocommerce-page .woocommerce-pagi li .page-numbers:after { bottom: -5px; width: 15px; height: 10px; background-color: #fff; border-bottom: 1px solid #ebebeb; } .woocommerce-page .woocommerce-pagi li .page-numbers:before { -webkit-transform: skewY(-30deg); -o-transform: skewY(-30deg); transform: skewY(-30deg); } .woocommerce-page .woocommerce-pagi li .page-numbers:after { -webkit-transform: skewY(30deg); -o-transform: skewY(30deg); transform: skewY(30deg); } .woocommerce-page .woocommerce-pagi li .page-numbers.current, .woocommerce-page .woocommerce-pagi li .page-numbers:hover { border-top: 3px solid #666; display: inline-block; background-color: #3eabe6; color: #fff; } .woocommerce-page .woocommerce-pagi li .page-numbers.current:before, .woocommerce-page .woocommerce-pagi li .page-numbers.current:after, .woocommerce-page .woocommerce-pagi li .page-numbers:hover:before, .woocommerce-page .woocommerce-pagi li .page-numbers:hover:after { background-color: #3eabe6; border-bottom-color: #3eabe6; } .widget_product_search .searchform .form-search__submit { top: 7px; } .cms-product-relate-price-rating { /*------------------------------ 13.1 - Sidebar woo ------------------------------*/ } .cms-product-relate-price-rating .cshero-product-price { min-width: 50%; display: inline-block; text-align: center; padding-right: 10px; line-height: 1; } .cms-product-relate-price-rating .star-rating { width: 50%; display: inline-block; padding-left: 10px; } .widget_product_search .searchform { padding: 7px; } .widget_product_categories h3.wg-title { margin-bottom: 0 !important; } .widget_product_categories .product-categories li a:hover { padding-left: 48px; } .widget_products.widget { /*------------------------------ 13.2 - List Product Widget ------------------------------*/ } .widget_products.widget h3.wg-title { margin-bottom: 40px; } .widget_products.widget .product_list_widget { margin-bottom: 40px; } .woocommerce .woocommerce ul.product_list_widget li { font-size: 13px; margin-bottom: 20px; padding: 0; } .woocommerce .woocommerce ul.product_list_widget li:last-child { margin-bottom: 0; } .woocommerce .woocommerce ul.product_list_widget li a { font-weight: normal; display: inline-block; } .woocommerce .woocommerce ul.product_list_widget li a.cms-featured-wg { float: left; } .woocommerce .woocommerce ul.product_list_widget li a img { float: left; margin: 0 15px 0 0; width: 70px; } .woocommerce .woocommerce ul.product_list_widget li .cms-widget-product-desc { overflow: hidden; } .woocommerce .woocommerce ul.product_list_widget li .cms-widget-product-desc .product-title { display: block; text-transform: uppercase; font-weight: 400; line-height: 1.4; font-size: 13px; } .woocommerce .woocommerce ul.product_list_widget li .cms-widget-product-desc del, .woocommerce .woocommerce ul.product_list_widget li .cms-widget-product-desc ins { line-height: 19px !important; font-size: 13px !important; } .woocommerce .woocommerce ul.product_list_widget li .cms-widget-product-desc ins { text-decoration: none; } .woocommerce .woocommerce ul.product_list_widget li .cms-widget-product-desc .star-rating { line-height: 1 !important; } .widget_price_filter .woo-search-control { border: none; border-bottom: 1px solid #eee; border-radius: 0; background: transparent; color: #333; font-size: 12px; margin: 0; outline: medium none; padding: 8px 20px 8px 0; } .widget_price_filter .cms-button { margin-top: 20px; padding: 10px 37px; text-transform: uppercase; border: 1px solid #ebebeb; background-color: #fff; font-size: 14px; -webkit-transition: all 0.3s; -khtml-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; /* BACKGROUND GRADIENT */ /* TRIPLE BORDERS */ } .widget_price_filter .cms-button:hover { background-color: #666; } .woocommerce a.added_to_cart { background-color: #fff; border-right: 1px solid #ebebeb; border-top: 1px solid #ebebeb; border-left: 1px solid #ebebeb; border-bottom: 3px solid #666; margin-left: 20px; padding: 12px 16px; font-size: 11px; text-transform: uppercase; transition: all 0.3s; color: #333; border-radius: 0; text-decoration: none; /*------------------------------ 13.3 - Checkout page ------------------------------*/ } body .shopping-cart-table { text-transform: uppercase; border-collapse: collapse; border-spacing: 0; color: ; } body .shopping-cart-table tr th, body .shopping-cart-table tr td { vertical-align: middle !important; } body .shopping-cart-table th { color: ; font-weight: bold; text-transform: uppercase; } body .shopping-cart-table .product-thumbnail img { width: 70px; } body .shopping-cart-table .icon-close { font-size: 24px; color: !important; } body .shopping-cart-table .icon-close:hover { color: !important; background: 0 none; } body .shopping-cart-table .cms-quantity input { width: 60px; padding: 9px 15px; border: 1px solid #dedede; } body .shopping-cart-table .cms-quantity input:focus { border-color: rgba(0, 0, 0, 0.7); color: #111; outline: 0 none; } .woocommerce-cart .contact-footer-page, .contact-footer-page.in-cart { margin-top: 150px; /*------------------------------ 13.4 - Coupon ------------------------------*/ } .coupon #coupon_code { width: 100%; border: 1px solid #dedede; padding: 9px 15px; } .cat-button { padding: 14px 20px; } .woocommerce a { color: #333; } .woocommerce .form input[type="password"]:focus, .woocommerce .form input[type="date"]:focus, .woocommerce .form input[type="color"]:focus, .woocommerce .form input[type="text"]:focus, .woocommerce .form input[type="email"]:focus, .woocommerce .form input[type="number"]:focus, .woocommerce .form input[type="url"]:focus, .woocommerce .form input[type="search"]:focus, .woocommerce .form input[type="tel"]:focus, .woocommerce .form select:focus { border-color: rgba(0, 0, 0, 0.7); color: #111; outline: 0 none; } .wc-proceed-to-checkout { padding: 0 !important; /*------------------------------ 13.5 - CALCULATE SHIPPING ------------------------------*/ } .wc-proceed-to-checkout a { display: inline-block !important; } .woocommerce-shipping-calculator .shipping-calculator-form { display: block !important; } .cart-totals-shipping { background: #eee; padding: 40px; } .woocommerce-checkout #primary { margin-left: 0; margin-right: 0; } #ship-to-different-address .checkbox { float: left; margin: 0; } #ship-to-different-address-checkbox { position: relative; top: -2px; } .woocommerce table.shop_table_responsive tbody th, .woocommerce table.shop_table_responsive thead, .woocommerce-page table.shop_table_responsive tbody th, .woocommerce-page table.shop_table_responsive thead { display: block !important; } .woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea { line-height: 1.4 !important; } .woocommerce-checkout .form-row { margin-bottom: 30px !important; padding: 0 !important; } .woocommerce-checkout .cms-place-order { padding: 20px; margin: 0; } .woocommerce-checkout .cms-place-order #place_order { margin: 0 !important; } .woocommerce-checkout .order_details { margin: 20px 0; } .woocommerce-checkout .order_details strong { margin-top: 15px; } .woocommerce-checkout .customer_details tr td { background: #fff !important; } @media screen and (max-width: 767px) { .woocommerce-checkout .customer_details tr td { border-top: none; } .cat-button { float: right; margin-top: 0; min-width: 150px; padding: 14px 20px; } .cart-totals-shipping { margin-bottom: 20px; padding: 1px 20px 0; } } .woocommerce table.shop_table { -webkit-border-radius: 0px !important; -khtml-border-radius: 0px !important; -moz-border-radius: 0px !important; -ms-border-radius: 0px !important; -o-border-radius: 0px !important; border-radius: 0px !important; /* BACKGROUND GRADIENT */ } .woocommerce a.remove:hover .icon_close { color: #333; } .cart_totals th { text-transform: uppercase; line-height: 32px; text-align: right; } .cart_totals span.amount { font-weight: bold; margin-left: 10px; } .cart_totals .wc-proceed-to-checkout { margin-top: 20px; } #calc_shipping_postcode { width: 100%; border: 1px solid #dedede; padding: 9px 15px; box-shadow: none; } .woocommerce form .form-row { padding: 0; margin-top: 20px; margin-bottom: 20px; /* maxclean-product-tab */ } .woocommerce { /*------------------------------ 13.6 - Single product ------------------------------*/ } .woocommerce .desc-review { margin-top: 70px; } .woocommerce .maxclean-product-tab .comment-respond .comment-form input[type="text"], .woocommerce .maxclean-product-tab .comment-respond .comment-form input[type="email"] { height: 38px; } .woocommerce .maxclean-product-tab { border: 1px solid #d0d0d0 !important; } .woocommerce .maxclean-product-tab ul.nav-tabs { font-size: 14px; font-weight: bold; font-family: "Ubuntu"; padding-left: 0 !important; border-bottom: 0 !important; } .woocommerce .maxclean-product-tab ul.nav-tabs li { border: 0 !important; background: #fff !important; padding: 0 !important; margin: 0 !important; } .woocommerce .maxclean-product-tab ul.nav-tabs li:before, .woocommerce .maxclean-product-tab ul.nav-tabs li:after { content: none !important; } .woocommerce .maxclean-product-tab ul.nav-tabs li.active { color: #3eabe6; border-right-color: #d0d0d0 !important; } .woocommerce .maxclean-product-tab ul.nav-tabs li.active:last-child a { border-right-color: #d0d0d0 !important; } .woocommerce .maxclean-product-tab ul.nav-tabs li a { padding: 18px 20px !important; color: #333; border-left: transparent !important; margin-right: 0; border-right-color: #d0d0d0; border-top-color: transparent !important; -webkit-border-radius: 0; -khtml-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; /* BACKGROUND GRADIENT */ } .woocommerce .maxclean-product-tab ul.nav-tabs li:last-child a { border-right-color: transparent !important; } .woocommerce .maxclean-product-tab .nav-tabs > li.active > a, .woocommerce .maxclean-product-tab .nav-tabs > li.active > a:focus, .woocommerce .maxclean-product-tab .nav-tabs > li.active > a:hover { color: #3eabe6; cursor: default; background-color: #fff; border-left: transparent; border-top-color: transparent; border-bottom-color: transparent; border-right-color: #d0d0d0; } .woocommerce .maxclean-product-tab .tab-content > .active { background: #fff; } .woocommerce .maxclean-product-tab .tab-content .tab-pane { padding: 14px 20px 17px 20px; color: #777; background: #fff; } .woocommerce .maxclean-product-tab .tab-content #tab-description h2 { display: none; } .woocommerce .maxclean-product-tab .tab-content #tab-description p:last-child { margin-bottom: 0; } .woocommerce .maxclean-product-tab .tab-content #reviews #comments ol.commentlist { padding-left: 0; } .woocommerce .maxclean-product-tab .tab-content #reviews #comments ol.commentlist li img.avatar { float: left; position: relative; top: 10px; left: 0; width: 70px; height: auto; margin: 0; box-shadow: none; border-radius: 50%; background: none; border: none; } .woocommerce .maxclean-product-tab .tab-content .comment-main { padding-left: 40px; } .woocommerce .maxclean-product-tab .tab-content .comment-main .comment-meta, .woocommerce .maxclean-product-tab .tab-content .comment-main .meta { margin-left: 50px; } @media screen and (max-width: 320px) { .woocommerce .maxclean-product-tab .tab-content .comment-main .comment-meta, .woocommerce .maxclean-product-tab .tab-content .comment-main .meta { margin-bottom: 15px; } } .woocommerce .maxclean-product-tab .tab-content .comment-main .meta { margin-bottom: 0; } .woocommerce .maxclean-product-tab .tab-content .comment-respond h3.comment-reply-title { color: #272930; font-weight: bold; font-size: 16px; margin-top: 30px; line-height: 28px; } .woocommerce .maxclean-product-tab .tab-content #respond input#submit { font-family: "Ubuntu"; line-height: 23px; padding: 4px 14px; margin-top: 8px; font-weight: 400; text-align: center; white-space: nowrap; border: 1px solid #777; border-radius: 2px; float: right; background: #fff; -webkit-transition: all 300ms linear 0ms; -khtml-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; -o-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; /* BACKGROUND GRADIENT */ /* TRIPLE BORDERS */ } .woocommerce .maxclean-product-tab .tab-content #respond input#submit:hover { background: #3eabe6; border-color: #3eabe6; color: #fff; } .single-product #content { margin-top: 100px; } .woocommerce .woocommerce-tabs { margin-bottom: 20px; margin-top: 50px; border-bottom: 0; } .cms-popup-gallery.m-0 { margin-bottom: 40px; } @media screen and (max-width: 991px) { .cms-popup-gallery.m-0 { max-width: 370px; } } .cms-thumbnails.cms-popup-gallery { margin-top: 5px; } .cms-thumbnails.cms-popup-gallery a { margin: 0; padding: 0; } .cms-quantity .qty { padding: 15px 0 15px 10px; width: 100%; } .related-product-carousel { overflow: hidden; } .related-product-carousel .cms-product { padding: 10px; } .related-product-carousel .cms-product .cms-product-title h3 { font-size: 14px; text-transform: uppercase; } .related-product-carousel .cms-product .cms-product-title a { text-decoration: none; } .related-product-carousel .cms-product .cshero-product-price .amount { font-weight: bold; font-size: 16px; } #tab-reviews .commentlist span.comment-author { margin-left: 50px; } .woocommerce #review_form #respond input[type="text"] { border: 1px solid #ddd !important; } .woocommerce #review_form #respond .comment-form-comment textarea { padding: 6px 12px; border: 1px solid #ddd; display: block; margin-top: 10px; } .woocommerce #review_form #respond .row .comment-form-rating, .woocommerce #review_form #respond .row .comment-form-comment, .woocommerce #review_form #respond .row .form-submit { padding-left: 15px; } .woocommerce #review_form #respond .form-submit input.submit, .woocommerce-message a.button { border-radius: 0; border: 1px solid #cfcfcf; background-color: #fff; padding: 8px 12px; border-bottom: 3px solid #666; min-width: 100px; text-transform: uppercase; } .woocommerce #review_form #respond .form-submit input.submit:hover, .woocommerce-message a.button:hover { background-color: #9dd1ff; border-radius: 7px; box-shadow: inset 1px -1px 1px 1px #7eadd7; border-bottom-color: #c8e6ff; color: #4c6377; text-shadow: -1px 1px #fff; } @media screen and (max-width: 767px) { .related-product-carousel .cms-product { padding: 0; } .woocommerce #review_form #respond #commentform .row .comment-form-author, .woocommerce #review_form #respond #commentform .row .comment-form-email { padding-left: 0; padding-right: 0; } .woocommerce #review_form #respond #commentform .row p { padding-left: 15px; padding-right: 15px; } } .woocommerce td.product-quantity .cms-quantity { padding-left: 0; /*------------------------------ 13.7 - Check out ------------------------------*/ } .woocommerce-checkout #order_comments { margin-top: 12px; padding: 10px; } .woocommerce-checkout .select2-search input { min-height: 30px; } .woocommerce-checkout input.input-text { border: 1px solid #ddd; } @media screen and (min-width: 1200px) { body .cs-boxed { margin: auto; width: 1200px; } .container { padding-left: 0; padding-right: 0; } } @media screen and (min-width: 992px) { .header .header-top .slogan { height: 57px; } } @media screen and (max-width: 1199px) { body .container { width: 100%; padding-left: 15px; padding-right: 15px; } .header .header-top .header-contacts a { padding: 22px 10px 15px; } .woocommerce-page .woo-add-to-cart { text-align: center; } .woocommerce-page .woo-add-to-cart a { margin-left: 0 !important; margin-top: 10px; max-width: 100%; min-width: 100px; width: 50%; } } @media (min-width: 1130px) and (max-width: 1199px) { .cms-fancyboxes-wraper-bgcolor:after { border-right-width: 186px; border-left-width: 186px; } } @media (min-width: 1050px) and (max-width: 1129px) { .cms-fancyboxes-wraper-bgcolor:after { border-right-width: 172px; border-left-width: 172px; } } @media (min-width: 992px) and (max-width: 1049px) { .cms-fancyboxes-wraper-bgcolor:after { border-right-width: 160px; border-left-width: 160px; } } @media (min-width: 930px) and (max-width: 991px) { .cms-fancyboxes-wraper-bgcolor:after { border-right-width: 152px; border-left-width: 152px; } } @media (min-width: 860px) and (max-width: 929px) { .cms-fancyboxes-wraper-bgcolor:after { border-right-width: 140px; border-left-width: 140px; } } @media (min-width: 800px) and (max-width: 859px) { .cms-fancyboxes-wraper-bgcolor:after { border-right-width: 130px; border-left-width: 130px; } } @media (min-width: 768px) and (max-width: 799px) { .cms-fancyboxes-wraper-bgcolor:after { border-right-width: 122px; border-left-width: 122px; } } @media (max-width: 767px) { .cms-fancyboxes-wraper-bgcolor { width: 270px; margin: auto; padding-left: 15px; padding-right: 15px; top: 0; } .cms-fancyboxes-wraper-bgcolor:after { border-right-width: 135px; border-left-width: 135px; } } @media (min-width: 992px) and (max-width: 1199px) { .header .header-top .slogan { font-size: 10px; } #cshero-header-navigation .main-navigation li a { padding: 0 15px; } } @media screen and (max-width: 991px) { .cshero-header-cart-search { float: none; } .cshero-header-cart-search .header { position: absolute; right: 76px; } .cshero-header-cart-search .widget_cart_search_wrap { position: inherit; } .cshero-header-cart-search .widget_cart_search_wrap .widget_searchform_content { top: 100%; } #bg-responsive { padding-top: 0 !important; padding-bottom: 0 !important; background-color: #3eabe6 !important; background-image: none !important; } #secondary.widget-area { padding-left: 0; } .footer .footer-1 .btn-footer { margin-top: 20px; } } @media (min-width: 768px) and (max-width: 991px) { .header .header-top .slogan { padding: 12px 12px 6px; text-align: center; } .header .header-top .header-social .cms-social li { margin-right: 10px; } .cms-fancybox-icon-top .fancy-box-text-title { font-size: 12px; } .btn.btn-second.button-large { font-size: 12px; } } @media screen and (max-width: 767px) { .header .header-top { overflow: hidden; } .header .header-top .slogan { padding: 11px; border-left: medium none; border-right: medium none; text-align: center; } .header .header-top .header-social { border-top: 1px solid #ebebeb; text-align: center; margin-left: -15px; margin-right: -15px; } .header .header-top .header-contacts { border-top: 1px solid #ebebeb; margin-top: 20px; text-align: center; margin-left: -15px; margin-right: -15px; } .header .header-top .header-contacts a { padding: 10px 9px 10px 10px; } .form-request form .col-md-12 { text-align: center; } .button-large { margin: 0 0 50px !important; } .wpb_row.hide-bg-mobile { background: none !important; background-image: none !important; } .pp_pic_holder.light_square { width: 100% !important; left: 0 !important; background: #fff; } .pp_pic_holder.light_square .pp_content { width: 100% !important; height: auto !important; } .pp_pic_holder.light_square .pp_content .pp_hoverContainer { width: 100% !important; height: auto !important; } .pp_pic_holder.light_square .pp_content #pp_full_res img { width: 100% !important; height: auto !important; } .pp_pic_holder.light_square .pp_content .pp_details { width: 100% !important; margin-top: 20px; } .cms-fancyboxes-wraper-bgcolor { margin-bottom: 50px; } } @media screen and (max-width: 480px) { .slide-capture { line-height: 30px !important; font-size: 20px !important; } .tp-caption.tp-resizeme { min-width: 200px !important; max-width: 320px !important; } .footer .footer-1 { margin-top: 0; } .footer .footer-1 ul#menu-footer-menu li { display: block; margin-bottom: 10px; } .footer .footer-1 .btn-footer { font-size: 12px; margin-top: 20px; } .footer .widget h3.wg-title { text-align: center; } #menu-footer-menu li { margin-right: 0; } .heading-left-border-left.border-color, .heading-center-border-left.border-color, .heading-center-border-center.border-color, .heading-left-border-center.border-color { width: 250px !important; } .section_404 .border-color { width: 100%; } } @media screen and (max-width: 400px) { .heading-center-border-center.border-color { width: 150px !important; } .vc_custom_heading.heading-left-border-left.border-color.layout3-small { width: 200px !important; } .heading-center-border-left.border-color { margin-left: 0 !important; width: 210px !important; } .block-btns { text-align: center; } .block-btns .btn { width: 70%; margin-left: 0; } }