/* Theme Name: Shipper Theme URI: http://themetrademark.com/demo/shipper Author: Theme Trademark Author URI: http://themetrademark.com/ Description: In 2014, our default theme lets you create a responsive magazine website with a sleek, modern design. Feature your favorite homepage content in either a grid or a slider. Use the three widget areas to customize your website, and change your content's layout with a full-width page template and a contributor page to show off your authors. Creating a magazine website with WordPress has never been easier. Version: 1.0 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Tags: black, green, white, light, dark, two-columns, three-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready Text Domain: shipper This theme, like WordPress, is licensed under the GPL. Use it to make something cool, have fun, and share what you've learned with others. */ /** // Table of contents // 1. Body 1.1 Google Fonts 1.2 Elements of body 1.3 Links 1.4 Customized html 1.5 Form Elements 1.6 Customized Select 1.7 Date picker 1.8 Customized pagination 1.9 Customized accordion 1.10 Customized alerts 1.11 Customized slick carousel 2. Title 2.1 Elements of title 2.2 Headlines 2.3 Title number 3. Sidebox 3.1 Elements of sidebox 3.2 Headlines 3.3 Images 3.4 Icons 3.5 Transition 4. Transition 4.1 Elements of transition 4.2 Overlay 4.3 Transition 5. Sections 5.1 Elements of section 5.2 Main 5.3 Header 5.4 Aside 5.5 Footer 6. Full Header 6.1 Elements of header 6.2 Topbar 6.3 Weather 6.4 Phone 6.5 Language 6.6 Main nav 6.7 Icon nav 6.8 Social Media 7. Slider 7.1 Elements of slider 7.2 Slick dots 7.3 Main slider 7.4 Form 7.5 Inputs 7.6 Slide images 8. Sub Header 8.1 Elements of subheader 8.2 Page title 8.3 Breadcrumbs 9. About Us 9.1 Elements of about us 9.2 Thumb imgages 9.3 Pdf catalog 9.4 Features 10. Members 10.1 Elements of members 10.2 Intro 10.3 Member 10.4 Images 10.5 Headlines 11. Featured Services 11.1 Elements of services 11.2 Left side 11.3 Paragraph 11.4 Listing 11.5 Right side 11.6 Service boxes 11.7 Images 12. Calculate Shipping 11.1 Elements of calculate shipping 11.2 Form 11.3 Inputs 11.4 Images 13. Steps Features 13.1 Elements of steps 13.2 Step Boxes 13.3 Box Backgrounds 13.4 Headlines 13.5 Links 14. Testimonials 14.1 Elements of testimonials 14.2 Images 14.3 Quotes 14.4 Icons 14.5 Headlines 15. Latest News 15.1 Elements of news 15.2 News box 15.3 Images 15.4 Caption 15.5 Headlines 15.6 Links 16. Clients 16.1 Elements of clients 16.2 Listing 16.3 Images 16.4 Headlines 17. About Intro 17.1 Elements of about intro 17.2 Left side 17.3 Headlines 17.4 Paragraph 17.5 Fun facts 17.6 Icons 17.7 Right side 17.8 Overlay 18. Services 18.1 Elements of services 18.2 Listing 18.3 Images 18.4 Other features 18.5 Side bar 18.6 Pdf Catalog 18.7 Side Banner 19. Vehicles 19.1 Elements of vehicles 19.2 Section title 19.3 Figures 19.4 Ficaptions 19.5 Headlines 20. Dealers 20.1 Elements of dealers 20.2 Map 20.3 Headlines 20.4 Listing 21. News 21.1 Elements of news 21.2 Post 21.3 Post Images 21.4 Headlines 21.5 Sidebar 21.6 Listing 21.7 Gallery 22. Career 22.1 Elements of career 22.2 Panel group 22.3 Headlines 22.4 Paragraph 22.5 Listing 22.6 Buttons 23. Video 23.1 Elements of video 23.2 Video container 23.3 Video 24. Gallery 24.1 Elements of gallery 24.2 Transitions 24.3 Listing 24.4 Images 25. Elements 25.1 Elements of element 26. Contact 26.1 Elements of contact 26.2 Address 26.3 Headlines 26.4 Paragraph 26.5 Links 26.6 Left side 26.7 Right side 26.8 Map 26.9 Form 26.10 Inputs 27. Application 27.1 Elements of application 27.2 Mockup Image 27.3 PSD included 28. Dark Footer 28.1 Elements of footer 28.2 Titles 28.3 Paragraph 28.4 Social media 28.5 Footer menu 28.6 Newsletter 28.7 Middle bar 28.8 Sub footer 29. Resolution Fixes 29.1 Netbook fixes 29.2 Tablet fixes 29.3 Mobile fixes */ /* Repeatable Patterns -------------------------------------------------------------- */ .screen-reader-text{} .wp-caption {} .wp-caption-text {} .gallery-caption {} .bypostauthor {} .alignright {} .alignleft {} .aligncenter {} .screen-reader-text{} /* GOOGLE FONTS */ /* Comment */ ul.children{ margin-left: 30px !important; } /* BODY */ *{ outline:none !important;} body{ margin:0; padding:0; font-family: 'Roboto', sans-serif; font-size:14px; color:#5b5b5b; -webkit-font-smoothing: antialiased; overflow-x:hidden;} body{ height:100%;} html{ height:100%;} /* LINKS */ a{ color:#5b5b5b;} a:hover{ color:#5b5b5b; text-decoration:none;} a:focus{ color:inherit; text-decoration:none;} a{-webkit-transition: .25s ease-in-out;-moz-transition: .25s ease-in-out;-ms-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out;} /* CUSTOMIZED HTML */ ol{ margin:0; padding:0;} ol li{ list-style:inside;} ul{ margin:0; padding:0;} ul li{ margin:0; padding:0; list-style:none;} p{ line-height:22px; margin-bottom:15px;} b{ font-weight:700;} strong{ font-weight:700;} img{ max-width:100%;} em{ font-style:inherit;} u{ text-decoration:underline;} /* Custom */ .vg_fixeds div.vc_column-inner { padding-left: 0px !important; padding-right: 0px !important; } .slider button span.filter-option.pull-left{ color: white; } .tagss a{ margin-top: 20px; margin-left: 20px; margin-bottom: 0; padding-left: 20px; padding-right: 20px; display: inline-block; margin-right: 5px; height: 30px; background: rgba(220,220,220,.4); text-align: center; line-height: 30px; font-size: 10px; text-transform: uppercase; margin-bottom: 5px; cursor: pointer; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; -ms-transition: all 300ms linear; transition: all 300ms linear; font-size: 12px; color: #827b7d; } .tagss a:hover{ color:#000; } section.news div.hentry > p > strong > img{ float: left; margin-right: 25px; } section.news div.hentry div#attachment_904{ float: left; margin-right: 25px; margin-bottom: 25px; } section.news div.hentry div#attachment_904 img{ margin-bottom: 25px; } div.widget_rss ul li a.rsswidget{ display: block !important; color: #413686; } div.widget_rss ul li a.rsswidget:hover{ text-decoration: underline; } div.widget_rss ul li span.rss-date{ color: #a2a2a2; } div.widget_rss ul li div.rssSummary{ color: black; } div.widget_rss ul li { padding-bottom: 15px; } /* FORM ELEMENTS */ input[type="text"]{ height:40px; border:3px solid #eef0f2; padding:0 15px; box-shadow:none; border-radius:0;} input[type="password"]{ height:40px; border:3px solid #eef0f2; padding:0 15px;} input[type="tel"]{ height:40px; border:3px solid #eef0f2; padding:0 15px;} input[type="email"]{ height:40px; border:3px solid #eef0f2; padding:0 15px;} input[type="date"]{ height:40px; border:3px solid #eef0f2; padding:0 15px;} input[type="submit"]{ height:40px; background:#413686; color:#fff; padding:0 20px; border:none; font-size:15px; font-weight:700;} input[type="button"]{ height:40px; background:#413686; color:#fff; padding:0 20px; border:none; font-size:15px; font-weight:700;} button[type="submit"]{ height:40px; background:#413686; color:#fff; padding:0 20px; border:none; font-size:15px; font-weight:700;} button[type="button"]{ height:40px; background:#413686; color:#fff; padding:0 20px; border:none; font-size:15px; font-weight:700;} input[type="checkbox"]{ appearance:none; -webkit-appearance:none; -moz-appearance:none;} input[type="checkbox"]{ width:18px; height:18px; border:3px solid #eef0f2; border-radius:0;} input[type="checkbox"]:checked{ background:url(../images/checkbox-bg.png) center no-repeat; background-size:8px 8px;} input[type="radio"]{ appearance:none; -webkit-appearance:none; -moz-appearance:none;} input[type="radio"]{ width:18px; height:18px; border:3px solid #eef0f2; border-radius:50%;} input[type="radio"]:checked{ background:url(../images/radio-bg.png) center no-repeat; background-size:8px 8px;} label{ width:100%; float:left; font-weight:400;} textarea{ height:110px; border:3px solid #eef0f2; padding:15px; box-shadow:none; border-radius:0;} .form-group{ width:100%; float:left; margin-bottom:10px;} .parent { display: table; float:left; } .parent > div {display: table-cell; vertical-align:middle;} /* menu test*/ .full-header .navbar-default .main-menu > li:hover > ul.dropdown-menu > li:hover > ul.dropdown-menu{ display: block !important; top: 0px; margin-left: 160px; } /* CUSTOMIZED SELECT */ .bootstrap-select{ display:inline-block; } .bootstrap-select button[type="button"]{ height:40px; background:none; color:inherit; border:3px solid #eef0f2; border-radius:0; font-weight:400; font-size:14px; padding:0 15px;} .bootstrap-select button[type="button"]:focus{ outline:none!important; background:none !important; box-shadow:none; border:3px solid #eef0f2;} .bootstrap-select.open .dropdown-toggle{ background:none !important; box-shadow:none;} .bootstrap-select.open>.dropdown-toggle.btn-default:hover{ border:3px solid #eef0f2;} .bootstrap-select.btn-group .dropdown-menu{ padding:0; border-radius:0; border:3px solid #eef0f2; box-shadow:none;} .bootstrap-select .dropdown-menu>li>a{ padding:8px 20px;} /* DATEPICKER */ .datepicker{ background:#fff; border-radius:0;} .datepicker td.active, .datepicker td.active:hover{ background:#ffba00 !important; border-radius:0;} /* CUSTOMIZED PAGINATION */ .pagination{ width:100%; float:left;} .pagination li{ float:left;} .pagination li a{border-radius:0 !important;} .pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover{ background:#413686; border-color:#413686;} .pagination>li>a:focus,.pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover{ background:#eef0f2; color:#413686;} .pagination>li>a, .pagination>li>span{ color:#413686; padding:5px 20px; border:1px solid #eef0f2;} /* CUSTOMIZED ACCORDION */ .panel-group{ width:100%; float:left; margin:20px 0;} .panel-group .panel{ width:100%; float:left; border-radius:0;} .panel-default {border-color:#eef0f2;} .panel-default>.panel-heading{ width:100%; float:left; border-radius:0; padding:0; background:#fff;} .panel-collapse{ width:100%; float:left; background:#fff;} .panel-default>.panel-heading+.panel-collapse>.panel-body{border-top-color:#eef0f2;} .panel-title{ width:100%; float:left; padding:20px 5px;} .panel-title a{ color:#413686; font-weight:500;} .panel-title a:hover{ color:#413686;} /* CUSTOMIZED TAB */ .nav-tabs{ border-bottom:1px solid #eef0f2;} .nav-tabs>li{ float:left;} .nav-tabs>li>a{ border-radius:0;} .nav-tabs>li>a:hover{ border-color:#eef0f2; background:#eef0f2;} .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover{ border:1px solid #eef0f2; border-bottom:1px solid #fff;} .tab-content{ width:100%; float:left; border:1px solid #eef0f2; padding:15px; margin-top:-1px; margin-bottom:20px;} /* CUSTOMIZED ALERTS */ .alert{ border-radius:0;} .alert i{ float:left; margin-right:8px;} .alert strong{ font-weight:700;} /* CUSTOMIZED SLICK */ .content-carousel{ width:100%; float:left;} .content-carousel .slick-dots{ width:100%; float:left; margin-top:20px; text-align:center;} .content-carousel .slick-dots li{ display:inline-block; margin:0 5px;} .content-carousel .slick-dots li button{ width:10px; height:10px; float:left; text-indent:-99999px; padding:0; border-radius:50%;} .content-carousel .slick-dots li.slick-active button{ background:#ffba00;} /* TITLE */ .section-title{ width:100%; float:left; margin-top:0; margin-bottom:40px; position:relative; font-size:40px; font-weight:700; color:#413686;} .section-title span{ position:absolute; left:-10px; top:-20px; opacity:0.1;} /* SIDE BOX */ .side-box{ width:300px; height:100%; position:fixed; left:0; top:0; background:#272242; padding:30px; -webkit-transform:translateX(-300px); transform: translateX(-300px); color:#fff; overflow:scroll !important;} .side-box h5{ width:100%; float:left; margin-top:0; font-size:17px; font-weight:700;} .side-box .side-about{ width:100%; float:left; margin-bottom:40px;} .side-box .side-about figure{ width:100%; float:left; margin-bottom:15px;} .side-box .side-about figure img{ width:100%;} .side-box .side-about a{ font-size:12px; color:#ffba00; text-decoration:underline;} .side-box .side-location{ width:100%; float:left; margin-bottom:40px;} .side-box .pdf-catalog{ width:100%; float:left;} .side-box .pdf-catalog i{ float:left; font-size:40px; margin-right:10px; color:#ffba00;} .side-box .pdf-catalog a{ float:left; margin-top:20px; color:#ffba00; font-weight:500;} .side-box .close-side-box{ width:32px; height:32px; text-align:center; line-height:32px; font-size:20px; position:absolute; right:10px; top:10px;} .side-box-open{transform: translateX(300px); -webkit-transform:translateX(300px);} .overflow-hidden{ overflow:hidden;} /* TRANSITIONS */ .soft-transition{ width:100%; height:100%; position:fixed; left:0; top:0; z-index:99; background:#fff;} .soft-transition{-webkit-transition: .5s ease-in-out;-moz-transition: .5s ease-in-out;-ms-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out;} .soft-transition.hide-me{ opacity:0; visibility:hidden;} .transition-overlay{ width:100%; height:100%; position:fixed; left:0; top:0; z-index:99; background:#fff; opacity:0; visibility:hidden;} .transition-overlay{-webkit-transition: .5s ease-in-out;-moz-transition: .5s ease-in-out;-ms-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out;} .transition-overlay.open{ opacity:1; visibility: visible;} /* SECTIONS */ main{ width:100%; float:left; -webkit-transition: .25s ease-in-out;-moz-transition: .25s ease-in-out;-ms-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out;} header{ width:100%; float:left;} aside{ width:100%; float:left;} footer{ width:100%; float:left;} /* FULL HEADER */ .full-header{ width:100%; float:left;} .full-header .navbar-default{ width:100%; float:left; background:none; border:none; border-radius:0; margin:0;} .full-header .navbar-default .top-bar{ width:100%; height:34px; float:left; line-height:34px; background:#ffba00; color:#4C4765; } .full-header .navbar-default .top-bar .weather{ float:left;} .full-header .navbar-default .top-bar .weather i{ font-size:22px; float:left; margin:0 8px;} .full-header .navbar-default .top-bar .date{ float:left;} .full-header .navbar-default .top-bar .phone{ float:right; height:34px;} .full-header .navbar-default .top-bar .phone i{ float:left; font-size:18px; margin-right:5px; margin-top:2px;} .full-header .navbar-default .top-bar .language{ float:left;} .full-header .navbar-default .top-bar .language img{ float:left; margin-right:6px; margin-top:11px;} .full-header .navbar-default .top-bar .language a{ color:#4C4765;} .full-header .navbar-default .top-bar .language .dropdown-menu{ background:#413686; padding:0; border-radius:0; border:none; box-shadow:0 6px 12px rgba(0,0,0,0.05);} .full-header .navbar-default .top-bar .language .dropdown-menu li{ width:100%; float:left;} .full-header .navbar-default .top-bar .language .dropdown-menu li a{ color:#fff; padding:5px 15px; font-size:12px;} .full-header .navbar-default .top-bar .language .dropdown-menu li a:hover{ color:#413686;} .full-header .navbar-default .navbar-header{ width:100%; display:block;} .full-header .navbar-default .navbar-header .navbar-brand{ height:auto; padding:25px 15px;} .full-header .navbar-default .navbar-header .navbar-brand img{ height:67px;} .full-header .navbar-default .navbar-toggle{ background:none; margin-top:30px; margin-right:0; padding:0;} .full-header .navbar-default .navbar-toggle .icon-bar{ width:30px; margin-top:6px; background:#ffba00;} .full-header .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{ background:none;} .full-header .navbar-default .navbar-header i{ width:44px; height:44px; float:left; line-height:44px; text-align:center; background:#413686; color:#fff; font-size:24px; margin-top:36px; margin-right:10px;} .full-header .navbar-default .navbar-header h6{ margin-top:42px; color:#342c64; line-height:16px;} .full-header .navbar-default .navbar-header h6 span{ color:#ffba00;} .full-header .navbar-default .navbar-collapse{ width:100%; float:left; background:#413686; padding:0;} .full-header .navbar-default .navbar-nav>li>a{ height:60px; padding-top:20px; padding-bottom:20px;} .full-header .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover{ background:none;} .full-header .navbar-default .main-menu{ float:left; padding:0 10px;} .full-header .navbar-default .main-menu li{ float:left;} .full-header .navbar-default .main-menu li a{ float:left; color:#fff; font-size:15px; padding-top:17px; font-weight:700; border-top:3px solid transparent; position:relative;} .full-header .navbar-default .main-menu li a:after{content:''; width:5px; height:5px; position:absolute; right:-3px; top:25px; background:#4b4d8a; border-radius:50%;} .full-header .navbar-default .main-menu li:last-child a:after{ display:none;} .full-header .navbar-default .main-menu li a:hover{color:#ffba00; border-top:3px solid #ffba00;} .full-header .navbar-default .main-menu li a:focus{color:#ffba00; border-top:3px solid #ffba00;} .full-header .navbar-default .main-menu li .dropdown-menu{ float:left; background:#ffba00; border:none; border-radius:0; padding:0; box-shadow:0 6px 12px rgba(0,0,0,0.05);} .full-header .navbar-default .main-menu li .dropdown-menu li{ width:100%; float:left;} .full-header .navbar-default .main-menu li .dropdown-menu li a{ width:100%; float:left; padding:10px 15px; border:none;} .full-header .navbar-default .main-menu li .dropdown-menu li a:after{ display:none;} .full-header .navbar-default .main-menu > li:hover > .dropdown-menu{ display:block;} .full-header .navbar-default .main-menu > li.active > a{background: none;} .full-header .navbar-default .icon-nav{ float:right; background:#342c64; padding:0 10px; position:relative;} .full-header .navbar-default .icon-nav li{ float:left; position:static;} .full-header .navbar-default .icon-nav li a{ float:left; font-size:19px; color:#fff;} .full-header .navbar-default .icon-nav li.search-box{ width:300px; height:51px; background:#342c64; position:absolute; top:100%; left:0; z-index:3; display:none; padding:5px;} .full-header .navbar-default .icon-nav li.search-box form{ width:100%; float:left;} .full-header .navbar-default .icon-nav li.search-box form input[type="text"]{ width:241px; border:none; float:left;} .full-header .navbar-default .icon-nav li.search-box form button[type="submit"]{ background:#ffba00;} .full-header .navbar-default .icon-nav li.search-box-open{ display:block;} .full-header .navbar-default .social-nav{ float:right; background:#272242; padding:0 10px;} .full-header .navbar-default .social-nav li{ float:left;} .full-header .navbar-default .social-nav li a{ float:left; color:#4b4d8a; font-size:15px;} .full-header .navbar-default .social-nav li a:hover{ color:#ffba00;} .full-header .navbar-default .social-nav li .tooltip-inner{ background:#272242;} .full-header .navbar-default .social-nav li .tooltip-arrow{ border-top-color:#272242;} /* SLIDER */ .slider{ width:100%; height:580px; float:left; position:relative;} .slider .slick-dots{ width:10px; position:absolute; right:40px; top:50%; margin-top:-30px; z-index:4;} .slider .slick-dots li{ width:10px; float:left; margin-bottom:10px;} .slider .slick-dots li button{ width:10px; height:10px; float:left; text-indent:-9999px; padding:0; border-radius:50%;} .slider .slick-dots li.slick-active button{ background:#ffba00;} .slider .main-slider{ width:100%; float:left; height:580px;} .slider .fixed-form{ width:100%; float:left; position:absolute; left:0; top:0; z-index:2;} .slider .fixed-form h3{ font-size:90px; color:#ffba00; font-weight:700; margin-top:160px;} .slider .fixed-form h5{ font-size:30px; color:#fff; letter-spacing:4px;} .slider .fixed-form form{ width:100%; float:left; margin-top:30px;} .slider .fixed-form form input[type="text"]{ width:200px; background:none; color:#fff; border:3px solid #fff; font-weight:500;} .slider .fixed-form form input[type="text"].datepicker { width:110px; background:none; color:#fff; border-radius:0;} .slider .fixed-form form ::-webkit-input-placeholder { color:#fff; } :-moz-placeholder { color: #fff; } ::-moz-placeholder {color:#fff; } :-ms-input-placeholder { color:#fff; } .slider .fixed-form form button[type="submit"]{ background:#ffba00;} .slider .main-slider .slide{ width:100%; height:580px; } /* SUB HEADER */ .sub-header{ width:100%; float:left; background:url(../images/sub-header.jpg) no-repeat; color:#fff; text-align:center; padding:30px 0; position:relative;} .sub-header .page-title{ font-size:40px; font-weight:700; margin-top:0; margin-bottom:20px;} .sub-header .breadcrumb{ display:inline-block; background:none; margin:0; padding:0;} .sub-header .breadcrumb>li{ color:#fff; text-transform:uppercase;} .sub-header .breadcrumb>li a{ color:#fff;} .sub-header .breadcrumb>li+li:before{content:''; width:1px; height:12px; background:#fff; float:left; padding:0; margin:4px 10px;} /* ABOUT US */ .about-us{ width:100%; float:left; padding:20px 0;} .about-us .thumb-image{ width:100%; float:left; padding:10px; border:1px solid #eef0f2; margin-bottom:30px;} .about-us .thumb-image figcaption{ width:100%; float:left; padding-top:15px; padding-bottom:5px; color:#ffba00; font-size:italic;} .about-us .pdf-catalog{ width:100%; float:left; background:#ffba00; margin-bottom:30px; padding:20px;} .about-us .pdf-catalog i{ font-size:50px; float:left; color:#fff; margin-right:15px;} .about-us .pdf-catalog a{ float:left; font-size:16px; font-weight:500; color:#fff; margin-top:15px;} .about-us .about-features{ width:100%; float:left; margin-top:30px;} .about-us .about-features i{ font-size:40px; color:#ffba00;} .about-us .about-features h5{ font-size:16px; font-weight:700;} /* MEMBERS */ .members{ width:100%; float:left;} .members .intro{ display:block; font-size:17px; line-height:26px; margin-bottom:30px;} .members .member{ width:100%; float:left;} .members .member figure{ width:100%; float:left;} .members .member figure img{ width:100%; margin-bottom:10px;} .members .member figure figcaption{ width:100%; float:left;} .members .member figure figcaption h5{ font-size:16px; font-weight:500;} .members .member figure figcaption small{ display:block; font-size:12px;} /* FEATURED SERVICES */ .featured-services{ width:100%; float:left;} .featured-services .left-side{ width:100%; float:left;} .featured-services .left-side .section-title{ margin-top:60px;} .featured-services .left-side p{ width:100%; float:left; margin-bottom:16px; font-size:15px; line-height:24px;} .featured-services .left-side ul{ width:100%; float:left;} .featured-services .left-side ul li{ width:100%; float:left; margin:3px 0;} .featured-services .left-side ul li:before{content:''; width:4px; height:4px; float:left; margin-right:10px; margin-top:8px; border-radius:50%; background:#ffba00;} .featured-services .right-side{ width:100%; float:left; margin-top:-60px;} .featured-services .right-side .service-box{ width:31.5%; float:left; text-align:center;} .featured-services .right-side .service-box.spacing{ margin:0 2.75%;} .featured-services .right-side .service-box figure{ width:100%; float:left; background:#413686; padding-top:40px;} .featured-services .right-side .service-box figure figcaption{ width:100%; float:left; margin:40px 0; font-size:18px; font-weight:700; color:#ffba00;} .featured-services .right-side .service-box .desc{ width:100%; float:left; background:#ffba00; padding:20px 10px; font-size:14px;} /* CALCULATE SHIPPING */ .calculate-shipping{ width:100%; float:left; padding:80px 0; font-size:15px;} .calculate-shipping form{ width:100%; float:left; margin-top:60px;} .calculate-shipping form label{ font-weight:500;} .calculate-shipping form .form-group{ margin-bottom:15px;} .calculate-shipping form .radio-field{ float:left;} .calculate-shipping form .radio-field input[type="radio"]{ float:left; margin-top:0; margin-right:8px;} .calculate-shipping form .radio-field .holder{ width:120px; float:left;} .calculate-shipping form .size-field{ float:left;} .calculate-shipping form .size-field input[type="text"]{ width:70px; display:inline-block;} .calculate-shipping form .size-field span{ width:20px; display:inline-block; text-align:center;} .calculate-shipping form .full-block{ width:100%; float:left; margin:2px 0;} .calculate-shipping form input[type="checkbox"]{ float:left; margin-right:8px; margin-top:1px;} .calculate-shipping figure{ width:100%; float:left;} .calculate-shipping figure img{ width:100%;} /* STEPS FEATURES */ .steps-features{ width:100%; float:left; margin-top:30px;} .steps-features .spacing{ padding:0; margin:0;} .steps-features .step-box{ width:100%; float:left; padding:26px; background-color:#413686; background-repeat:no-repeat; background-position:20px 0; background-size:cover;} .steps-features .step-box.bg-1{background-image:url(../images/steps-image1.png);} .steps-features .step-box.bg-2{background-image:url(../images/steps-image2.png);} .steps-features .step-box.bg-3{background-image:url(../images/steps-image3.png);} .steps-features .step-box{-webkit-transition: .15s ease-in-out;-moz-transition: .15s ease-in-out;-ms-transition: .15s ease-in-out; -o-transition: .15s ease-in-out; transition: .15s ease-in-out;} .steps-features .step-box:hover{ background-position:0 0;} .steps-features .step-box:hover a:after{ width:100%;} .steps-features .step-box.featured{ margin-top:-30px; padding-bottom:40px; background-color:#ffba00;} .steps-features .step-box.featured span{ opacity:0.2; margin-top:16px;} .steps-features .step-box.featured h5{ color:#413686;} .steps-features .step-box span{ width:100%; height:44px; float:left; font-size:40px; opacity:0.10; color:#fff; font-weight:700;} .steps-features .step-box h3{ width:100%; height:44px; float:left; font-weight:700; font-size:40px; color:#fff; margin:0;} .steps-features .step-box h5{ width:100%; float:left; font-weight:400; font-size:22px; color:#ffba00; margin-top:0; margin-bottom:30px;} .steps-features .step-box a{ float:left; font-size:14px; font-weight:700; color:#fff; position:relative; padding-bottom:16px;} .steps-features .step-box a:hover{text-decoration:none;} .steps-features .step-box a:after{content:""; width:30px; height:1px; background:#fff; position:absolute; left:0; bottom:0; -webkit-transition: .15s ease-in-out;-moz-transition: .15s ease-in-out;-ms-transition: .15s ease-in-out; -o-transition: .15s ease-in-out; transition: .15s ease-in-out;} /* TESTIMONIALS */ .testimonials { width:100%; float:left; text-align:center; padding:80px 0;} .testimonials figure{ display:block; margin-bottom:20px;} .testimonials figure img{ display:inline-block; max-width:100%;} .testimonials blockquote{ border:none; font-size:16px; font-weight:300;} .testimonials i{ font-size:50px; color:#ffba00;} .testimonials h4{ font-weight:700; font-size:27px; color:#413686; margin:0;} .testimonials small{ color:#ffba00; font-weight:700; font-size:13px;} /* Error 404 -------------------------------------------------------------- */ .error404 { text-align: center; margin: 0 auto; } .error404 .number { color: #413686; font-size: 200px; font-weight: 900; line-height: 200px; margin: 0 0 30px; } .error404 h2 { margin: -1px 0 0; } .error404 h4 { margin: 10px 0 35px; font-weight: 300; } .error404 p { margin: 0 0 10px; } .error404 .widget.widget-search { margin: 0 0 35px; } /* LATEST NEWS */ .latest-news{ width:100%; float:left;} .latest-news .spacing{ margin:0; padding:0;} .latest-news .news-box{ width:100%; float:left; background:#413686;} .latest-news .news-box:hover .news-caption a:after{ width:100%;} .latest-news .news-box:hover figure img{ opacity:0.2;} .latest-news .news-box figure{ width:100%; float:left; position:relative; background:#ffba00} .latest-news .news-box figure img{ width:100%; -webkit-transition: .15s ease-in-out;-moz-transition: .15s ease-in-out;-ms-transition: .15s ease-in-out; -o-transition: .15s ease-in-out; transition: .15s ease-in-out;} .latest-news .news-box figure .date{ position:absolute; right:0; top:0; background:#ffba00; color:#fff; font-weight:700; font-size:18px; padding:3px 9px;} .latest-news .news-box .news-caption{ width:100%; float:left; padding:30px 20px;} .latest-news .news-box .news-caption h4{ font-size:24px; font-weight:700; color:#fff; margin-top:0;} .latest-news .news-box .news-caption p{ font-size:15px; color:#fff; font-weight:300;} .latest-news .news-box .news-caption a{ float:left; font-size:14px; font-weight:700; color:#ffba00; position:relative; padding-bottom:16px;} .latest-news .news-box .news-caption a:after{content:""; width:30px; height:1px; background:#ffba00; position:absolute; left:0; bottom:0; -webkit-transition: .15s ease-in-out;-moz-transition: .15s ease-in-out;-ms-transition: .15s ease-in-out; -o-transition: .15s ease-in-out; transition: .15s ease-in-out;} /* CLIENTS */ .clients{ width:100%; float:left; padding:80px 0;} .clients ul{ width:100%; float:left;} .clients ul li{ width:16.66666%; float:left; margin:0;} .clients ul li figure{ width:100%; float:left; opacity:0.5; -webkit-transition: .15s ease-in-out;-moz-transition: .15s ease-in-out;-ms-transition: .15s ease-in-out; -o-transition: .15s ease-in-out; transition: .15s ease-in-out;} .clients ul li figure:hover{ opacity:1;} .clients ul li figure h5{ margin:0; padding:0 10%;} .clients ul li figure h5 img{ width:100%;} /* ABOUT INTRO */ .about-intro{ width:100%; float:left;} .about-intro .left-side{ width:50%;} .about-intro .left-side .content-box{ width:100%; max-width:670px; height:500px; float:right; background:#413686; margin-right:-40px; padding:0 7%; position:relative; z-index:3;} .about-intro .left-side .content-box .section-title{color:#fff; margin-top:80px;} .about-intro .left-side .content-box .section-title span{ color:#fff;} .about-intro .left-side .content-box p{ color:#fff; font-size:16px; line-height:22px; margin-bottom:60px;} .about-intro .left-side .content-box .fun-facts{ width:100%; float:left;} .about-intro .left-side .content-box .fun-facts h5{ font-size:22px; color:#fff; font-weight:700;} .about-intro .left-side .content-box .fun-facts .fun-box{ width:50%; float:left;} .about-intro .left-side .content-box .fun-facts .fun-box i{ font-size:56px; float:left; color:#ffba00; margin-right:20px;} .about-intro .left-side .content-box .fun-facts .fun-box .title{ display:block; color:#ffba00; font-size:15px; margin-top:13px; font-weight:500;} .about-intro .left-side .content-box .fun-facts .fun-box .plus{ float:left; color:#fff; font-size:16px; margin-top:5px; margin-right:6px; font-weight:300;} .about-intro .left-side .content-box .fun-facts .fun-box b{ color:#fff; display:block; font-size:27px;} .about-intro .right-side{ width:50%; height:600px; background:url(../images/image1.jpg) no-repeat; background-size:cover;} .about-intro .right-side .overlay{ width:100%; height:100%; float:left; background:rgba(255,186,0,0.8);} .about-intro .right-side .overlay div{ font-size:70px; color:#fff; font-weight:700;} /* SERVICES */ .services{ width:100%; float:left; padding:20px 0;} .services ul{ width:100%; float:left; margin:20px 0;} .services ul li{ width:100%; float:left; margin:3px 0;} .services ul li:before{content:''; width:4px; height:4px; float:left; margin-right:10px; margin-top:8px; border-radius:50%; background:#ffba00;} .services .image{ width:100%; float:left; margin:20px 0;} .services .image img{ width:100%;} .services .other-features{ width:100%; float:left; margin-top:30px;} .services .other-features i{ width:50px; float:left; font-size:40px; color:#ffba00; margin-right:10px; margin-bottom:20px;} .services .other-features h5{ font-size:16px; font-weight:700;} .services .other-features p{ margin-bottom:25px;} .services .services-sidebar{ width:100%; float:left;} .services .services-sidebar ul{ width:100%; float:left; border:1px solid #eef0f2; margin-top:0; padding:10px 20px;} .services .services-sidebar ul li{ width:100%; float:left; text-transform:uppercase; font-weight:500; margin:0; padding:10px 0; border-bottom:1px solid #eef0f2;} .services .services-sidebar ul li:last-child{ border:none;} .services .services-sidebar ul li a{ float:left; color:#413686;} .services .services-sidebar ul li:before{ display:none;} .services .services-sidebar ul li.current{ background:#fff;} .services .services-sidebar ul li.current a{ color:#ffba00;} .services .services-sidebar .pdf-catalog{ width:100%; float:left; background:#ffba00; margin-bottom:30px; padding:20px;} .services .services-sidebar .pdf-catalog i{ font-size:50px; float:left; color:#fff; margin-right:15px;} .services .services-sidebar .pdf-catalog a{ float:left; font-size:16px; font-weight:500; color:#fff; margin-top:15px;} .services .services-sidebar .side-banner{ width:100%; float:left;} .services .services-sidebar .side-banner img{ width:100%;} /* VEHICLES */ .vehicles{ width:100%; float:left; padding:20px 0;} .vehicles .section-title{ margin-bottom:80px;} .vehicles figure{ width:100%; float:left; margin-bottom:30px; padding-bottom:30px; border-bottom:1px solid #eef0f2;} .vehicles figure img{ width:100%;} .vehicles figure figcaption{ width:100%; float:left;} .vehicles figure figcaption h5{ font-size:16px; font-weight:700; color:#413686;} .vehicles figure figcaption small{ margin:0;} /* DEALERS */ .dealers{ width:100%; float:left; padding:20px 0;} .dealers #dealers-map{ width:100%; height:500px; float:left; margin-bottom:40px;} .dealers h4{ font-weight:500; color:#413686;} .dealers ul{ width:100%; float:left;} .dealers ul li{ width:100%; float:left; margin:3px 0; font-size:13px;} .dealers ul li img{ float:left; margin-right:8px; margin-top:4px;} /* NEWS */ .news{ width:100%; float:left; padding:20px 0;} .news .blog-post{ width:100%; float:left; margin-bottom:40px; padding-bottom:40px; border-bottom:1px solid #eef0f2;} .news .blog-post .post-image{ width:100%; float:left; margin-bottom:20px; position:relative;} /*.news .blog-post .post-image img{ width:100%;}*/ .news .blog-post .post-image .post-date { position:absolute; left:0; bottom:10px; background:#ffba00; color:#fff; font-weight:700; font-size:18px; padding:3px 9px;} .news .blog-post .post-title{ display:block; font-size:22px; font-weight:700; color:#413686; margin-bottom:20px;} .news .blog-post .post-text{ font-size:15px; line-height:24px; margin-bottom:25px;} .news .blog-post .post-link{ float:left; font-size:15px; font-weight:700; color:#ffba00; position:relative; padding-bottom:16px;} .news .blog-post .post-link:hover{text-decoration:none;} .news .blog-post .post-link:hover:after{ width:100%;} .news .blog-post .post-link:after{content:""; width:30px; height:1px; background:#ffba00; position:absolute; left:0; bottom:0; -webkit-transition: .15s ease-in-out;-moz-transition: .15s ease-in-out;-ms-transition: .15s ease-in-out; -o-transition: .15s ease-in-out; transition: .15s ease-in-out;} .news .news-sidebar{ width:100%; float:left;} .news .news-sidebar h4{ font-weight:500; color:#ffba00; margin-top:0; margin-bottom:20px;} .news .news-sidebar .widget{ float:left; margin-bottom:30px; width: 100%;} .news .news-sidebar .widget_categories{ width:100%;} .news .news-sidebar .widget_categories ul{ width:100%; float:left;} .news .news-sidebar .widget_categories ul li{ width:100%; float:left; margin-bottom:8px; font-size:14px;} .news .news-sidebar .widget_categories ul li a{ float:left; color:#413686; text-transform:uppercase; font-weight:500;} .news .news-sidebar .recent-posts{ width:100%;} .news .news-sidebar .recent-posts ul{ width:100%; float:left;} .news .news-sidebar .recent-posts ul li{ width:100%; float:left; margin-bottom:10px; padding-bottom:10px; border-bottom:1px solid #eef0f2; } .news .news-sidebar .recent-posts ul li:last-child{ border-bottom:none;} .news .news-sidebar .recent-posts ul li figure{ width:80px; float:left; margin-right:6px;} .news .news-sidebar .recent-posts ul li figure img{ width:100%;} .news .news-sidebar .recent-posts ul li a{ color:#413686; font-weight:500;} .news .news-sidebar .gallery{ width:100%;} .news .news-sidebar .gallery ul{ width:100%; margin-left:-5px;} .news .news-sidebar .gallery ul li{ width:50%; float:left; margin-bottom:10px; padding:0 5px;} .news .news-sidebar .gallery ul li img{ width:100%;} .news .news-sidebar .tags{ width:100%;} .news .news-sidebar .tags ul{ width:100%; float:left;} .news .news-sidebar .tags ul li{ float:left; padding:4px 7px; background:#413686; color:#fff; margin-right:5px; margin-bottom:5px;} .news .news-sidebar .tags ul li a{ float:left; color:#fff;} .news .news-sidebar .tagcloud a{ float:left; padding:4px 7px; background:#413686; color:#fff; margin-right:5px; margin-bottom:5px; font-size: 14px !important;} /* CAREER */ .career{ width:100%; float:left; padding:20px 0;} .career .panel-group{ margin:30px 0;} .career .panel-body{ display:inline-block;} .career .panel-body h4{ color:#272242;} .career .panel-body ul{ width:100%; float:left; margin:20px 0;} .career .panel-body ul li{ width:100%; float:left; margin:3px 0;} .career .panel-body ul li:before{content:''; width:4px; height:4px; float:left; margin-right:10px; margin-top:8px; border-radius:50%; background:#ffba00;} .career .panel-body button[type="submit"]{ background:#ffba00;} /* VIDEO */ .video{ width:100%; float:left; padding:20px 0;} .video .video-container{ width:100%; float:left; margin-bottom:20px;} .video .video-container video{ width:100%; max-width:800px; float:left;} /* GALLERY */ .gallery{ width:100%; float:left; margin:20px 0;} .gallery *{-webkit-transition: .25s ease-in-out;-moz-transition: .25s ease-in-out;-ms-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out;} .gallery ul{ margin-left:-10px; margin-right:-10px; margin-bottom:30px;} .gallery ul li{ width:33.33333%; float:left; padding:10px;} .gallery ul li.double{ width:66.66666%;} .gallery ul li figure{ width:100%; float:left; background:#ffba00;} .gallery ul li figure img{ width:100%;} .gallery ul li figure a{ float:left;} .gallery ul li:hover img{ opacity:0.7;} /* ELEMENTS */ .elements{ width:100%; float:left; padding:20px 0;} /* CONTACT */ .contact{ width:100%; float:left; padding:20px 0;} .contact address{ width:100%; float:left;} .contact address h5{ font-weight:700; font-size:16px; margin-bottom:20px;} .contact address p{ font-size:14px;} .contact address a{ text-decoration:underline; color:#ffba00;} .contact .column{ width:100%; display:table; float:left; margin-top:60px;} .contact .column .left-side { width:50%; display: table-cell; vertical-align:middle;} .contact .column .left-side #map,.contact .column .left-side #dealers-map{ width:100%; height:600px;} .contact .column .right-side { width:50%; display: table-cell; vertical-align:middle;} .contact .column .right-side form{ width:100%; float:left; text-align:center;} .contact .column .right-side form input[type="text"]{ width:100%; max-width:300px;} .contact .column .right-side form .bootstrap-select{ width:100%; max-width:300px;} .contact .column .right-side form .form-group{ margin-bottom:15px;} .contact .column .right-side form textarea{ width:100%; max-width:400px; height: 110px; border: 3px solid #eef0f2; padding: 15px; box-shadow: none; margin: 0 auto; border-radius: 0;} .contact .column .right-side form label{ font-weight:500; font-size:14px;} .contact .column .right-side .alert{ width:90%; float:left; margin:0 5%;} .contact .column .right-side #success, #error {display:none} .contact .column .right-side #success p, #error p { float:left;} .contact .column .right-side #contact .error{ width:100%; color:red;} .contact .column .right-side #error p {color:#c0392b} /*-----------------------------------------------------------------------------------*/ /* CALENDAR STYLES WIDGET /*-----------------------------------------------------------------------------------*/ .widget_calendar {float: none;} #wp-calendar {width: 100%; } #wp-calendar caption { background: none repeat scroll 0 0 #E9E9E9; color: #333333; font-size: 16px; padding: 10px 0; text-align: center; } #wp-calendar thead { font-size: 10px; } #wp-calendar thead th { border: 1px solid #E9E9E9; font-size: 13px; padding: 8px 0; text-align: center; vertical-align: middle; } #wp-calendar tbody { color: #aaa; } #wp-calendar tbody td { background: #f5f5f5; border: 1px solid #E9E9E9; text-align: center; padding:6px;} #wp-calendar tbody td#today {background: #ffba00;color: #fff;} #wp-calendar tbody td:hover { background: #fff; } #wp-calendar tbody .pad { background: none; } #wp-calendar tfoot {border: 1px solid #E9E9E9;} #wp-calendar tfoot #next { font-size: 12px; text-transform: uppercase; text-align: right; color: #ffba00;} #wp-calendar tfoot #prev { font-size: 12px; text-transform: uppercase; padding-top: 10px; color: #ffba00;} .widget select {max-width: 100%;padding: 5px;border: 1px solid #ccc; width: 100%;} .widget_text .textwidget img{max-width: 100%;height: auto;} .widget_text select, .widget_text input , .widget_text textarea {max-width: 100%;padding: 5px;border: 1px solid #ccc; width: 100%;} .widget_text option {max-width: 100%;} .widget_text .textwidget form.wpcf7-form input[type="submit"]{ width: auto !important; padding: 0 20px !important; } .widget_nav_menu ul li, .widget_pages ul li {color: #827b7d;line-height: 28px;font-size: 13px;} .widget_nav_menu ul li ul, .widget_pages ul li ul {padding-left: 15px;} .widget_nav_menu ul li a, .widget_pages ul li a{color: #827b7d;} .widget_nav_menu ul li a:hover, .widget_pages ul li a:hover {color: #615C5C;} .blog-post .post-image ul,.hentry ul{padding-left: 20px;list-style-type: square;margin-left: 30px;} .blog-post .post-image ul li,.hentry ul li{ list-style: inherit;} #content.meta ul ul,.blog-desc ul ul { list-style-type: decimal;} #content .meta ul ul ul,.blog-desc ul ul ul{ list-style-type: decimal;} .blog-post .post-image ol,.hentry ol{padding-left: 20px;list-style: decimal outside none !important;margin-left: 30px;} .blog-post .post-image ol li,.hentry ol li{ list-style: inherit;} .blog-post ul li ul, .blog-post ol li ol,.blog-fixed ul li ul { margin-bottom: 0; margin-left: 1.25em; } .blog-post h1, .blog-post h2, .blog-post h3, .blog-post h4, .blog-post h5, .blog-post h6 {text-align: left;} blockquote { margin: 0 0 20px; padding: 9px 20px 10px 19px; } blockquote cite { color: #ccc; display: block; font-size: 12px; } div.wp-caption.alignnone,img.alignnone,.blog-fixed div.wp-caption.alignnone img ,.blog-post div.wp-caption.alignnone img { width: 100% !important; } div.wp-caption.alignnone img{ max-width: 100%; } pre, code { background-color: #F9F9F9; border-color: rgba(180,180,180,1); border-style: solid; border-width: 0px 0px 0px 4px; display: block; font-family: 'Open Sans', sans-serif;font-weight: 300; font-size: 14px; padding: 10px; } pre, code { margin-top:20px; margin-left:20px; margin-right:20px; word-wrap: break-word; } #wp-calendar tfoot #prev,#wp-calendar tfoot #next{ background: #f5f5f5; border: 1px solid #E9E9E9; text-align: center; padding: 6px; } /* APPLICATION */ .application{ width:100%; float:left; text-align:center; margin-top:60px; margin-bottom:-60px;} .application img{ display:inline-block;} /* DARK FOOTER */ .dark-footer{ width:100%; float:left; margin-top:60px;} .dark-footer .footer-content{ width:100%; float:left; background:#272242; color:#fff;} .dark-footer .title{ width:100%; float:left; font-size:21px; color:#fff; font-weight:700; position:relative; margin-top:80px; margin-bottom:20px;} .dark-footer .title span{ position:absolute; left:-10px; top:-10px; opacity:0.1;} .dark-footer p{ width:100%; float:left; font-size:14px; line-height:20px;} .dark-footer .social-media{ width:100%; float:left;} .dark-footer .social-media li{ width:30px; height:30px; float:left; line-height:30px; text-align:center; background:#413686; margin-right:6px;} .dark-footer .social-media li:hover{ background:#ffba00;} .dark-footer .social-media li a{ color:#fff;} .dark-footer .footer-menu{ width:100%; float:left;} .dark-footer .footer-menu li{ width:100%; float:left; margin:2px 0;} .dark-footer .footer-menu li:before{content:''; width:4px; height:4px; float:left; margin-right:10px; margin-top:8px; border-radius:50%; background:#ffba00;} .dark-footer .footer-menu li a{float:left; color:#fff; font-size:14px;} .dark-footer .footer-menu li a:hover{ color:#ffba00;} .dark-footer .newsletter{ width:100%; height:320px; float:left; background:#413686; padding-left:30px; position:relative;} .dark-footer .newsletter input[type="text"]{ width:70%; float:left; border:none; color:#272242;} .dark-footer .newsletter button[type="submit"],.dark-footer .newsletter input[type="submit"]{ background:#ffba00;} .dark-footer .newsletter small{ display:block; margin-top:10px;} .dark-footer .newsletter:after{content:''; width:1000px; height:100%; position:absolute; left:100%; top:0; background:#413686;} .dark-footer .middle-bar{ float:left; margin-top:80px; margin-bottom:40px;} .dark-footer .middle-bar .logo{ width:107px; float:left; margin-right:20px;} .dark-footer .middle-bar h3{ margin-top:0; color:#fff; font-weight:700; font-size:21px;} .dark-footer .middle-bar h4{ float:left; color:#ffba00; margin-top:31px; font-size:16px;} .dark-footer .middle-bar ul{ float:left; margin-right:30px;} .dark-footer .middle-bar ul li{ display:block; margin-bottom:10px;} .dark-footer .middle-bar ul li img{ width:110px;} .dark-footer .middle-bar ul li:last-child{ margin-bottom:0;} .dark-footer .middle-bar i{ float:left; font-size:90px;} .dark-footer .middle-bar a{ float:right;} .dark-footer .sub-footer{ width:100%; float:left; padding:20px 0; background:#272242; color:#fff; border-top:1px solid #342c64;} .dark-footer .sub-footer .copyright{ width:100%; float:left; font-size:12px;} /* Woocommerce */ .shipper-shop{ width:100%; float:left; padding:60px 0;} .shipper-shop *{ border-radius:0 !important;} .shipper-shop .page-title{ width:100%; float:left; margin-top:0; margin-bottom:40px; position:relative; font-size:40px; font-weight:700; color:#413686;} .shipper-shop .page-title:before{content:'01'; position:absolute; left:-10px; top:-20px; opacity:0.1;} .shipper-shop input{ height:40px;} .shipper-shop input[type="search"]{ border:1px solid #eee; padding:0 15px;} .shipper-shop .widget{ width:100%; float:left; margin-bottom:30px;} .shipper-shop .widget h4{ font-weight:500; color:#ffba00; margin-top:0; margin-bottom:20px;} .shipper-shop .widget_product_search{ width:100%; float:left;} .shipper-shop .widget_product_search .screen-reader-text{ display:none;} .shipper-shop .widget_product_search input[type="search"]{ width:70%; float:left;} .shipper-shop .widget_product_search input[type="submit"]{ width:30%; float:left; padding:0;} .shipper-shop .widget_shopping_cart{ width:100%; float:left; border:1px solid #eee; padding:15px;} .shipper-shop .widget_shopping_cart img{ width:60px !important; float:left !important; margin-left:0 !important; margin-right:10px;} .shipper-shop .widget_shopping_cart .remove{ float:right;} .shipper-shop .widget_shopping_cart .cart_list li{ left:0; padding:0; margin-bottom:10px;} .shipper-shop .widget_shopping_cart .cart_list li a.remove{ left:auto; right:0;} .shipper-shop .widget_shopping_cart .total{ border-top:1px solid #eee; padding:10px 0;} .shipper-shop .widget_shopping_cart .buttons{ margin:0;} .shipper-shop .widget_products{ width:100%; float:left;} .shipper-shop .widget_products img{ width:60px !important; float:left !important; margin-left:0 !important; margin-right:10px;} .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button{ background:#ffba00; color:#fff; border-radius:0;} .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt{background:#ffba00; color:#fff; border-radius:0;} .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover{ background:#413686;} .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover{ background:#413686; color:#fff;} .woocommerce .woocommerce-info{border-top-color:#413686;} .woocommerce .woocommerce-info:before{color:#413686;} .woocommerce .products ul, .woocommerce ul.products{ margin:0 -15px;} .woocommerce div.product{ width:100%; float:left; margin-bottom:30px;} .woocommerce div.product img{ width:100%;} .woocommerce div.product h3{ font-size:18px;} .woocommerce div.product p.price, .woocommerce div.product span.price{color:#413686; font-weight:700;} .woocommerce div.product a.button{ float:right;} .woocommerce div.product span.onsale{ left:10px; top:0; background:transparent; color:#272242; font-size:15px;} .woocommerce .related{ width:100%; float:left;} .woocommerce .related .container{ width:100%; padding:0;} .woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals{ text-align:right;} .woocommerce-cart .cart-collaterals .cart_totals table{ display:inline-block;} .woocommerce-cart table.cart td.actions .coupon .input-text{ width:200px;} /* RESOLUTION FIXES */ @media only screen and (max-width: 1170px), only screen and (max-device-width: 1170px) { .section-title{ font-size:36px;} .calculate-shipping form{ margin-top:30px;} .latest-news .news-box figure{ height:214px; overflow:hidden;} .latest-news .news-box figure img{ width:auto; max-width:inherit; height:214px;} .latest-news .news-box .news-caption{ height:214px;} .latest-news .news-box .news-caption h4{ font-size:21px;} .dark-footer .middle-bar h4{ margin-top:12px; font-size:14px; font-weight:500;} } @media only screen and (max-width: 992px), only screen and (max-device-width: 992px) { input[type="checkbox"] { -webkit-appearance: caret; -moz-appearance: caret;} input[type="radio"] { -webkit-appearance: caret; -moz-appearance: caret;} .full-header .navbar-default .main-menu{ margin:0;} .featured-services .right-side{ margin-top:40px;} .about-us .thumb-image{ margin-top:20px;} .steps-features .step-box h3{ font-size:30px;} .steps-features .step-box h5{ font-size:19px;} .clients ul li{ width:33.33333%;} .clients ul li figure{ padding:0 10%;} .about-intro .left-side{ width:100%; float:left;} .about-intro .left-side .content-box{ max-width:inherit; margin:0;} .about-intro .right-side{ width:100%; height:300px; float:left;} .contact .column .left-side{ width:100%; float:left; margin-bottom:20px;} .contact .column .right-side{ width:100%; float:left;} .application img{ width:360px;} .dark-footer .newsletter{ margin-left:-30px; margin-top:30px;} .dark-footer .newsletter:after{ width:54px;} } @media only screen and (max-width: 767px), only screen and (max-device-width: 767px) { .full-header .navbar-default .navbar-header{ width:auto; margin-right:0;} .full-header .navbar-default .navbar-collapse{ width:auto;} .full-header .navbar-default .main-menu li{ width:100%;} .full-header .navbar-default .main-menu li a{ width:100%; float:left;} .full-header .navbar-default .main-menu li a:hover{ border-top:3px solid transparent;} .full-header .navbar-default .main-menu li a:after{ display:none;} .full-header .navbar-default .social-nav{ width:100%; margin:0;} .full-header .navbar-default .icon-nav{ width:100%; float:left; margin:0;} .full-header .navbar-default .icon-nav li.search-box{ width:100%; height:auto; position:static; padding-bottom:20px;} .full-header .navbar-default .icon-nav li.search-box input[type="text"]{ width:80%;} .slider{ height:400px;} .slider .main-slider{ height:420px;} .slider .main-slider .slide1{ height:420px;} .slider .main-slider .slide2{ height:420px;} .slider .main-slider .slide3{ height:420px;} .slider .fixed-form h3{ font-size:50px; margin-top:90px;} .slider .fixed-form button[type="submit"]{ margin-top:6px;} .members .member{ margin-bottom:20px;} .clients{ padding:20px 0;} .clients ul li figure h5{ padding:0 5%;} .featured-services .right-side .service-box{ width:100%; float:left; background:#ffba00;} .featured-services .right-side .service-box.spacing{ margin:10px 0;} .featured-services .right-side .service-box figure{ width:50%; padding-top:10px;} .featured-services .right-side .service-box figure img{ width:80px;} .featured-services .right-side .service-box figure figcaption{ margin:10px 0;} .featured-services .right-side .service-box .desc{ width:50%; font-size:15px;} .latest-news .news-box{ margin-bottom:15px;} .latest-news .news-box figure{ height:auto;} .latest-news .news-box figure img{ width:100%; height:auto;} .clients ul li{ width:50%;} .about-intro .left-side .content-box{ height:auto; padding-bottom:30px;} .about-intro .left-side .content-box .fun-facts h5{ display:block;} .about-intro .left-side .content-box .fun-facts .fun-box{ width:50%;} .about-intro .left-side .content-box .fun-facts .fun-box i{ display:inline-block; float:none; margin:0;} .about-intro .left-side .content-box .fun-facts .fun-box .title{ width:100%; display:block; float:none;} .about-intro .left-side .content-box .fun-facts .fun-box .plus{ display:inline-block; float:none;} .about-intro .right-side{ background-size:auto 150%;} .application img{ width:280px;} .dark-footer .newsletter:after{ width:45px;} .dark-footer .middle-bar p{ margin-bottom:40px;} .tagss a{ margin-top: 20px; margin-left: 20px; margin-bottom: 0; padding-left: 20px; padding-right: 20px; display: inline-block; margin-right: 5px; height: 30px; background: rgba(220,220,220,.4); text-align: center; line-height: 30px; font-size: 10px; text-transform: uppercase; margin-bottom: 5px; cursor: pointer; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; -ms-transition: all 300ms linear; transition: all 300ms linear; font-size: 12px; color: #827b7d; } .tagss a:hover{ color:#000; } .middle-bar{display: none;} .date{display: none;} .weather{display: none;} .phone{font-size:26px;} .icon-nav{display: none;}