/* * Startuply v1.1 Custom Styles * by Vivaco * * Table of Contents * ------------------------- * 1. Fonts * 2. Global & Helpers * 3. Preloader * 4. Elements * 5. Alternative tab slider * 6. ShortCodes * 7. Navigation Header * 8. Top Hero Section * 9. Page versions * 10. Footer * 11. Mobile device 767px * 12. Mobile device 540px * 13. Mobile device 340px * 14. Tablet device Landscape 1024px and 768px * 15. Tablet device Portrait 768px and 1024px * 16. Desktop medium screen 992px and 1199px * 17. Desktop large screen 1200px * */ /* Fonts */ .thin { font-family: 'Lato', sans-serif; font-weight: 300; } input, body { font-family: 'robotolight', sans-serif; font-weight: 400; } strong, b { font-family: 'robotomedium', sans-serif; font-weight: 700; } /* Global & Helpers */ body { color: #000; font-size: 16px; line-height:27px; background: #fff; margin: 0; } h1 { font-size: 58px; font-weight: 300; display: block; } h2 { font-size: 47px; font-weight: 300; display: block; } h3 { font-size: 34px; font-weight: 300; display: block; } h4 { font-size: 28px; font-weight: 300; display: block; } h5 { font-size: 24px; font-weight: 300; display: block; } h6 { font-size: 20px; font-weight: 700; display: block; } .h7 { font-size: 17px; font-weight: 700; display: block; } .highlight { color: #F05A28; } h1, .h1, h2, .h2, h3, .h3, h4, .h4 { margin-top: 20px; margin-bottom: 20px; } h5, .h5, h6, .h6, .h7 { margin-top: 20px; margin-bottom: 10px; } h1, h2, h3, h4, h5, h6, strong { font-family: 'robotoregular'} p { font-size: 16px; line-height: 27px; color: #1D1D1D; } small { font-weight: 300; /*font-size: 15px;*/ line-height: 26px; } a { color: #F05A28; text-decoration: none; } a:hover, a:active, a:focus { color: #F05A28; text-decoration: none; outline: none; } ::selection { background-color: #F05A28; color: #333; } hr { width: 100%; border-top: 1px solid #E9E9E9; display: inline-block; } .light { color: #fff; background: #333; } .dark { color: #333; background: #fff; } .highlight { color: #F05A28; } .center {text-align:center;} .resp-center {text-align:center;} .btn { border: 1px solid #fff; font-size: 13px; border-radius: 3px; background: transparent; text-transform: uppercase; font-weight: 700; padding: 15px 40px; min-width: 162px; max-width: 100%; } .btn:Hover, .btn.hovered { border: 1px solid #fff; } .btn:Active, .btn.pressed { opacity: 1; border: 1px solid #fff; border-top: 3px solid #17ade0; -webkit-box-shadow: 0 0 0 transparent; box-shadow: 0 0 0 transparent; } .dropdown-toggle:Active, .dropdown-toggle.pressed { border-top: 0; } .btn:focus, .btn:active:focus, .btn.active:focus { outline: 0; outline-offset: 0px; } .btn-default { background: transparent; color: #fff; border: 1px solid #fff; } .btn-default:Hover, .btn-default.hovered { background: #fff; color: #F05A28; border: 1px solid #fff; } .btn-default:Active, .btn-default.pressed { background: #fff; color: #F05A28; border: 1px solid #fff;} .btn-primary { background: #F05A28; border:1px solid #F05A28; color: #fff; } .btn-primary:hover, .btn-primary.hovered { background: #F05A28; border:1px solid #fff; opacity:0.9; } .btn-primary:Active, .btn-primary.pressed { background: #F05A28; border:1px solid #fff; } .btn-secondary { background: transparent; border:1px solid #F05A28; color: #F05A28; } .btn-secondary:hover, .btn-secondary.hovered {background: #F05A28; border:1px solid #fff; color: #fff; } .btn-secondary:Active, .btn-secondary.pressed {background: #F05A28; border:1px solid #fff; color: #fff;} .btn-invert { background: #fff; color: #535353; border: 1px solid #dadfe3; } .btn-invert:Hover, .btn-invert.hovered { background: #dadfe3; color: #535353; border: 1px solid #fff; } .btn-invert:Active, .btn-invert.pressed { background: #dadfe3; color: #535353; border: 1px solid #fff; } .btn-lg { font-size: 18px; padding: 22px 40px; } .img-responsive-full { max-width: 100%; width: 100%; } .img-circle { -webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%; overflow:hidden; } .section { min-height: 50px; padding-top: 30px; padding-bottom: 30px; position: relative; text-align: center; } .wrapper { width: 70%; margin: 0 auto; } .container { z-index: 1; position: relative; } .no-padding {padding: 0;} .icon-active { color: #F05A28; } .gap { padding-bottom: 50px; } hr.no-margin { margin-top:0px; } article { text-align: left; } .hiding { opacity: 0; } .visible { opacity: 1; } /* Preloader */ /* #mask { position: fixed;top: 0;left: 0;right: 0;bottom: 0;background-color: #F6F6F6;z-index: 10000;height: 100%; } #loader {width: 200px;height: 200px;position: absolute;left: 50%;top: 50%;background-image: url("../img/loading.gif");background-repeat: no-repeat;background-position: center;margin: -100px 0 0 -100px; } */ .sticky { position: fixed; top:0; display: block; width: 100%; z-index: 9; } .back-to-top { text-align: center; background: #000; color: #fff; display: none; width: 40px; height: 40px; line-height: 40px; font-size: 12px; position: fixed; right: 20px; bottom: 20px; opacity: 0.4; filter: alpha(opacity=40); -webkit-transition: all 0.5s ease; transition: all 0.5s ease; cursor: pointer; z-index: 9999; } .back-to-top:hover { opacity: 1; filter: alpha(opacity=100); } .navigation { background: #fafafa; z-index: 2; } .navigation-brand { float: left; } .navigation-brand:after { content: ''; display: table; } .navigation-brand .brand-logo { width:250px; height:50px; float: left; margin-top: 5px; } .navigation-brand .brand-logo .logo { display:block; height: 45px; background: url('../crawl/img/crawlspace-horizontal.svg') 0px center no-repeat; /* height: 100px; */background-size: 250px 55px;width: 318px;} .fixmenu-clone .brand-logo .logo { height: 45px; background: url('../crawl/img/crawlspace-horizontal.svg') 0px center no-repeat; /* height: 100px; */background-size: 250px 55px;width: 318px;} .navigation-brand .brand-logo h4 { margin-top:15px; } .navigation-brand .brand-logo a { color:#fff; } .navigation-navbar { display: block; } .navigation-bar { margin: 0 auto; padding: 0; list-style: none; } .navigation-bar-left { float: left; } .navigation-bar-right { float: right; } .navigation-bar > li { display: inline-block; } .navigation-bar > li a { /*display: inline-block;*/ padding:15px; } .navigation-bar > li a:Hover, .navigation-bar > li.active a { color: #fe4918; text-decoration: none; } .navigation-toggle { position: relative; float: right; padding: 9px 10px; margin: 15px 15px 10px; border-radius: 4px; border: 1px solid #F05A28; outline: none; background: transparent; } .navigation-toggle:after { content: ''; clear: both; height: 1%; } .navigation-toggle .icon-bar { display: block; width: 22px; height: 2px; border-radius: 1px; background: #F05A28; opacity: 0.7; } .navigation-toggle .icon-bar+.icon-bar { margin-top: 4px; } #navbar-close { color: #F05A28; padding: 0 4px 0 4px; font-size: 14px; line-height: .8;} /* Elements */ .sub-title { font-weight: 300; color: #8D8D8D; padding: 0px 0px 8px 0px; } .well { border:none; border-top: 2px solid #F05A28; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; position: relative; padding-left: 60px; } .well h6 { color: #F05A28; } .well .icon { color: #F05A28; font-size: 50px; position: absolute; left: 5px; top: 40px; } .alert { border: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; position: relative; font-size: 17px; line-height: 22px; padding: 16px; padding-left: 60px; } .alert .icon { font-size: 28px; position: absolute; left: 15px; top: 13px; } .alert-success { background-color: #d8f0e4; color: #68a74c; } .alert-info { background-color: #e2f6fa; color: #4c95a4; } .alert-warning { background-color: #faf3e2; color: #a68128; } .alert-danger { background-color: #fae2e2; color: #ad5254; } .close { font-weight: 300; font-size: 28px; color: inherit !important; opacity: .8; } .social-icons { margin-top: 25px; } .social-icons li { margin-bottom: 50px; width: 16%; width: 16.2%; text-align: center; } .social { color: #F05A28; font-size: 30px } .dropdown { font-size: 13px; line-height: 28px; text-align: left; } .dropdown .btn { padding: 14px 14px; border-top: 2px solid #F05A28; } .dropdown .caret { margin-left: 7px; position: relative;/* border-top: 0; border-bottom: 0; border-left: 0; border-right: 0; top: -11px;*/} .dropdown .caret .fa { color: #F05A28; font-size: 16px; } .dropdown-menu { background: #f9f9f9; border:none; border-bottom: 2px solid #F05A28; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; padding-top: 10px; padding-bottom: 10px; -webkit-border-radius: 0 0 0 transparent; border-radius: 0 0 0 transparent; box-shadow: 0px 0px 0px transparent; } .dropdown-menu > li > a { font-size: 15px; padding: 14px 20px; text-transform: uppercase; } .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus, .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { background: #F05A28; color: #fff; } .long-block { background: #F05A28; text-align: left; padding-top: 15px; padding-bottom: 15px; } .long-block h2 { margin-bottom: 0; letter-spacing: -1px; } .long-block .icon { font-size: 60px; position: relative; margin-right: 15px; margin-top: 20px; } .long-block .btn-default, .long-block input { margin-top: 35px; } .panel-group { text-align: left; } .panel-group .panel { -webkit-box-shadow: 0 0 0 transparent; box-shadow: 0 0 0 transparent; border: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .panel-group .panel > .panel-heading { border:none; padding: 0; border-bottom: none; border-top-right-radius: 0; border-top-left-radius: 0; } .panel-group .panel > .panel-heading a { background: #F05A28; color: #fff; width: 100%; display: block; font-size: 17px; line-height: 22px; padding: 15px; position: relative; padding-left: 50px; } .panel-group .panel > .panel-heading a.collapsed { color: #8e959c; background-color: #eff3f6; } .panel-group .panel > .panel-heading a.collapsed:Hover, .panel-group .panel > .panel-heading a:Hover { background: #dadfe4; color: #6b7681; } .panel-group .panel > .panel-heading a:before { position: absolute; content: '-'; color: #fff; font-weight: 300; left: 10px; top: 15px; font-size: 26px; width: 30px; text-align: center; } .panel-group .panel > .panel-heading a.collapsed:before { content: '+'; color: #8e959c; } .panel-group .panel > .panel-heading a:before::Hover { color: #8e959c; } .panel-group .panel > .panel-heading+.panel-collapse .panel-body { border:1px solid #dadfe4; border-top: none; padding: 16px 30px; } .panel-group .panel+.panel { margin-top: 8px; } .panel-body h3 {margin-top: 0;} .nav-tabs > li.active a { -webkit-box-shadow: inset 0px 8px 0px -5px rgba(26, 198, 255,1);-moz-box-shadow: inset 0px 8px 0px -5px rgba(26, 198, 255,1); box-shadow: inset 0px 8px 0px -5px rgba(26, 198, 255,1); } .nav-tabs > li > a { font-size: 13px; text-transform: uppercase; font-weight: 700; color: #30353A; margin-right: 0px; background-color: #eff3f6; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; padding: 20px 60px; border-left: 0; border-right: 0; } .nav-tabs > li > a:Hover { background: #F05A28; color: #fff; } .tab-content .tab-pane { padding: 16px 30px; border: 1px solid #ddd; border-top: 0; text-align: left; } .thumb-wrapper { position: relative; display: table; width: 100%; } .thumb-wrapper .img-responsive { width: 100%; z-index: 0; } .thumb-wrapper .overlay { position: absolute; bottom:0; background: rgba(26, 198, 255, 0.5); color: #fff; font-size: 18px; text-align: center; width: 100%; z-index: 1; display: table-cell; padding: 15px; top: auto; vertical-align: middle; font-weight: 300; } .thumb-wrapper:Hover > .overlay { top:0; cursor:url('../img/magnify-cur.cur'); cursor:url('../img/magnify-cur.png') 20 20, auto; } /*blockquote { position: relative; display: block; padding: 0 100px; text-align: center; font-size: 20px; line-height: 33px; border: 0; font-weight: 300; } blockquote:before { font-family: "line-icons"; position: absolute; color: #F05A28; content: url('../img/icon/quotes-a.png'); left: 0; top:25%; } blockquote:after { font-family: "line-icons"; position: absolute; color: #F05A28; content: url('../img/icon/quotes-b.png'); right: 0; top:25%; }*/ .progress-txt { text-align: center; color: #8e959c; } .progress { height: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: 0 0 0 transparent; box-shadow: 0 0 0 transparent; background-color: #f1f1f1; } .progress .progress-bar { background-color: #F05A28; -moz-border-radius: 20px; border-radius: 20px; } .table { border-color: #d1d8dd; text-align: left; } .table > thead > tr > th { border-bottom: 0; font-size: 13px; font-weight: bold !important; border-color: #d1d8dd; font-family:'robotoregular' } .table > thead > tr > th, .table > tbody > tr > td { font-size: 15px; font-weight: 300; padding: 15px 20px; } .table-striped > tbody > tr:nth-child(odd) > td, .table-striped > tbody > tr:nth-child(odd) > th { background: #fff; } .table-striped > tbody > tr:nth-child(even) > td, .table-striped > tbody > tr:nth-child(even) > th { background: #eff3f6; } .form .form-group { margin-bottom: 25px; } .form .form-group:after { content: ''; display: block; clear: both; } .form .form-group+.form-group { margin-top: -10px; } .form .form-control { height: 50px; border: 1px solid #d1d8dd; border-radius: 0; box-shadow: 0px 0px 0px transparent; background: #fff; font-size: 17px; font-weight: 300; } .form .form-group label { text-align: right; line-height: 50px; margin-bottom: 0; } .countdown .stat-info { font-size: 14px; font-weight: 700; color: #F05A28; text-transform: uppercase; } .countdown .stat { font-size: 100px; color: #F05A28; font-weight: 300; line-height: 100px; } .countdown hr { border-top: 1px solid #d1d8dd; width: 90%; margin-bottom: 10px; } .countdown .counter { position: relative; } .countdown .counter:after { position: absolute; content: '\2022'; color: #F05A28; right: -19px; top: 105px; } .countdown :last-child > .counter:after { display: none; } /* Alternative tab slider */ .alt.nav-tabs { margin-bottom: 50px; border:0; display: inline-block; } .alt.nav-tabs { border-left: 1px solid #ddd; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; border-radius: 3px; } .alt.nav-tabs li { border-right: 1px solid #ddd; margin-bottom:0; } .alt.nav-tabs > li.active { border-top: 0; } .alt.nav-tabs > li.active > a, .alt.nav-tabs > li.active > a:hover, .alt.nav-tabs > li.active > a:focus { font-weight: 400; color: #fff; background:#F05A28;} .alt.nav-tabs > li.active > a:hover {border:0;} .alt.nav-tabs > li > a { font-size: 13px; text-transform: uppercase; font-weight: 400; color: #596068; margin-right: 0px; background-color: #fff; border:0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; padding: 20px 60px;} .alt.nav-tabs > li > a:Hover { background: #F05A28; color: #fff;} .alt.tab-content .tab-pane { padding: 0; border: 0; text-align: left; } .alt.tab-content .tab-pane .btn { margin-top:15px; } /* ShortCodes */ #shortcodes-page .container { width:960px; } #shortcodes-page .section { padding-bottom: 30px; padding-top: 30px; } #shortcodes-page .header-holder { background: url('../img/background/low_poly_background.jpg') no-repeat center center; -webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover; background-attachment: fixed; height: 85px; width: 100%; } #sc-heading { margin-top: 50px; } #sc-heading h1, #sc-heading h2, #sc-heading h3, #sc-heading h5, #sc-heading h6 { margin-bottom: 15px; } #sc-button ul.list-inline { margin-bottom: 30px; } #sc-button ul.list-inline > li { padding-left: 15px; padding-right: 15px; } #sc-gallery .wrapper { width: 90%; } #sc-skillbar .wrapper, #sc-table .wrapper, #sc-form .wrapper { width: 40%; } #sc-countdown .wrapper { width: 50%; } #sc-icons ul { padding: 10px 0 0; } #sc-icons li { margin: 0 7px; } #sc-icons .icon { font-size: 55px; } #sc-icons p a { text-decoration: underline; text-align: center; font-size: 13px; color: #3b3b3b; display: block; padding: 5px 0; } #sc-countdown { margin-bottom: 50px; } /* Navigation Header */ .navigation-header { position: absolute; top:10px; background: transparent; left: 0; right: 0; width: 100%; z-index: 99; } .navigation-header .navigation-brand { margin-right: 40px; /* margin-top: 19px; */ } .navigation-header .navigation-bar > li { padding: 15px 15px; } .navigation-header .navigation-bar > li > a { font-size: 15px;text-transform: uppercase;color: #000;border-bottom: 2px solid transparent;padding: 10px 0;line-height: 13px;opacity: 0.8;font-family: 'robotomedium';font-weight: 500;} .navigation-header .navigation-bar > li > a:Hover { opacity: 0.9; } .navigation-header .navigation-bar-left > li.active > a { color: #333; border-bottom: 2px solid #F05A28; opacity: 0.9; } .navigation-header .navigation-bar > li.featured { padding: 15px 0; } .navigation-header .navigation-bar > li.featured > a { border: 1px solid #F05A28; color: #F05A28; padding: 10px 25px; display: inline-block; opacity: 1; border-radius: 3px; } .navigation-header .navigation-bar > li.featured > a:Hover { opacity: .9; background:#F05A28; color:#fff; } .navigation-bar {margin-top:5px;} /* Hero section */ #hero .btn-primary:hover, #hero .btn-primary.hovered { background: rgba(240, 90, 40,0.9); border:1px solid #F05A28;} #hero .list-inline { margin:0; } .static-header { background: url('../crawl/img/background-1-compressed.jpg') no-repeat center center; -webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover; background-attachment: fixed; min-height: 1155px; position: relative; } .text-heading { position: relative; width: 100%; left: 0; right: 0; text-align: center; padding-top: 135px; } .text-heading p { font-size: 23px; font-weight: 300; } .static-header h4 { text-align: center; display: block; position: absolute; bottom: 20px; left: 0; right: 0; width: 100%; margin-bottom: 0; } #register-page .text-heading { padding-top: 125px; } /* Updated Navigation Menu */ .navigation-header-new {background:#fff; top: 0; /*padding-top: 5px;*/} #schedule-btn {float: right; background-color: #F05A28; margin:6px 0; padding: 15px;} /* Updated Hero Section */ #hero-header {background: url('../crawl/img/curly-girl-web-bg.jpg') no-repeat center 50px;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover; padding-bottom: 38%;} #tagline-row {background: #F05A28; padding:15px 15px 7px;} #tagline-row h1 {font-family: 'Karma', serif; font-size: 30pt; color: #fff; margin:0 0; font-weight: 300;} #tagline-row h1 span {font-weight: 600;} /* Header versions */ .plain-version .text-heading { padding-top: 10%; } .register-version.static-header { background: url('../img/background/smb_owner.jpg') top center no-repeat; -webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover; background-attachment: fixed; min-height: 1155px; position: relative; } .register-version .text-heading { padding-top: 20%; } .video-version .text-heading { padding-top: 12%; } .form-version {} .register-version#hero .btn-primary, .register-version .submit-wrap { width:auto; } .register-version .signup-wrapper { text-align:center; width:auto; } #color-landing-page .navigation-brand .brand-logo .logo { display:block; height: 30px; background:url(../img/logo-white.png) center center no-repeat; } #color-landing-page .fixmenu-stick .navigation-brand .brand-logo .logo { background:url(../img/logo-inverted.png) center center no-repeat; } #color-landing-page .long-block .btn-secondary { margin-top: 35px; } #color-landing-page .static-header { background-image:none; background-color:#F05A28; } #color-landing-page .navigation-header .navigation-bar > li.featured > a { color:#fff; border-color:#fff; } #color-landing-page .fixmenu-clone.navigation-header .navigation-bar > li.featured > a { color:#F05A28; border-color:#F05A28; } #color-landing-page blockquote:before { content: url('../img/icon/quotes-a-white.png'); } #color-landing-page blockquote:after { content: url('../img/icon/quotes-b-white.png'); } #color-landing-page .fixmenu-clone.navigation-header .navigation-bar > li.featured > a:hover { color:#fff; } #color-landing-page .navigation-toggle { border-color:#fff; } #color-landing-page .navigation-toggle .icon-bar{ background:#fff; } #color-landing-page .fixmenu-stick .navigation-toggle { border-color:#F05A28; } #color-landing-page .fixmenu-stick .navigation-toggle .icon-bar{ background:#F05A28; } #color-landing-page #guarantee.light p, #color-landing-page #guarantee { color:#F05A28; } #color-landing-page #guarantee, #color-landing-page #features { background-color:#f0f0f0; } #color-landing-page .static-header { min-height: 974px; } #color-landing-page .inverted { background-image:none; background-color:#F05A28; } #color-landing-page .inverted .btn-secondary { background-color:#fff; } #color-landing-page .inverted .btn-secondary:hover { color:#F05A28; } #color-landing-page .inverted h2 { color:#fff; } #color-landing-page .inverted .highlight { color:#fff; } #color-landing-page .inverted .footer-content a, #color-landing-page .inverted li .icon { color:#fff !important; } .form-register { background: #eff3f6; padding: 20px 20px; margin-top: 50px; } .form-register:after { content: ''; display: block; clear: both; } .form-register .form-control { border-left: 3px solid #F05A28; } .form-register .form-group { margin-bottom: 45px; margin-top: 20px; } .form-register .form-group .checkbox { margin-bottom: -10px; margin-top: 0px; } .form-register .form-group .checkbox label { line-height: 1.42857143; } .agree-text { font-size: 13px; line-height: 21px; padding-top: 15px; text-align: center; margin-bottom: 100px; } label.error { color: #FF4040; line-height: 0px !important;margin-top: 10px;text-align: left;font-size: 10pt;display:block; } .form-register-small label.error { display:block; position:absolute; } .form-register-small .form-group { margin-bottom: 5px; margin-top: 5px; } input[type=checkbox] { margin: 4px 15px 0 0; -webkit-border-radius:0; border-radius: 0; -webkit-appearance: button; border: 1px solid #d1d8dd; background-color: #fff; color: #000; width:19px; height:19px; cursor: pointer; } input[type=checkbox]:checked { color:#000; } input[type=checkbox]:checked::before { content: '\2713'; position: relative; top:-2px; left: 3px; font-size: 17px; color: #333; text-align: center; line-height: 15px; } input[type=file]:focus, input[type=radio]:focus, input[type=checkbox]:focus { outline: none; } .form-register-small {margin:50px 0px 0px 0px; padding:15px 15px; background: rgba(0,0,0,0.3); border-radius: 3px; display: inline-block; } .form-register-small .form-control {height:45px; border-radius:0; border-left: 3px solid #F05A28;} .form-register-small .form-group { margin-right:10px; } #clients { background: #f0f0f0; text-align: center; margin-top: 25px; } #clients ul.list-inline { margin: 23px -5px; } #clients ul.list-inline li { padding-left: 25px; padding-right: 25px; } #landing-page .static-header { min-height: 974px; } .static-header .text-heading { margin-bottom: -10px; z-index: 20; } .static-header .text-heading p { color:#666; } .static-header .list-inline { padding: 30px 0; } .static-header .list-inline li { margin-left: 15px; margin-right: 15px; } .static-header .video-wrapper { position: absolute; top:0; bottom: 0; left: 0; right: 0; z-index: 10; } .static-header .video-wrapper .container { position: absolute; bottom: 0; left: 0; right: 0; } .static-header .video-container { position: absolute; bottom: 0; left: 0; right: 0; margin-left: auto; margin-right: auto; max-width: 755px; z-index: 99; } .embed-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; max-width: 100%; height: auto; z-index: 9; } .embed-container .EDGE, .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .embed-container iframe { border: 0; } .section { padding: 90px 0; } .section .section-header { margin-top: 30px; margin-bottom: 80px; } .light .sub-heading, .light p { color: #fff; } .inverted h2 { color: #F05A28; } .inverted blockquote { color: #fff; opacity: 0.8; } .inverted .sub-heading { color: #fff; opacity:0.8} .inverted .fancy-line span:before, .inverted .fancy-line span:after { opacity: 0.3; } .inverted .fancy-line span {background:#fff; opacity:0.8;} .sub-heading { font-size: 19px; line-height: 28px; color: #6f6f6f; font-weight: 300; } .fancy-line { line-height: 0.5; text-align: center; margin-bottom: 30px; } .fancy-line span { display: inline-block; position: relative; background: #F05A28; width: 5px; height: 5px; -webkit-border-radius: 50px; border-radius: 50px; } .fancy-line span:before, .fancy-line span:after { content: ''; position: absolute; height: 5px; border-bottom: 2px solid #e4e4e4; top: -2px; width: 110px; } .fancy-line span:before { right: 100%; margin-right: 15px; } .fancy-line span:after { left: 100%; margin-left: 15px; } #steps .col-sm-4 { position: relative; } #steps p { color: #6f6f6f; font-size:16px; font-weight: 300; } #steps .col-sm-4 .icon { position: absolute; font-size: 50px; top: 10px; right: 0; margin-right: -25px; color: #DDDDDD; } #about { padding:60px 0px 0px 0px;} #process { padding:20px 0px 90px 0px;} .howitworks { font-size:81px; vertical-align: middle; } #feedback { background: url('../img/background/low_poly_background.jpg') no-repeat center center; -webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover; background-attachment: fixed; overflow: hidden; padding: 20px 0px 0px 0px; } #feedback.section .section-header { margin-bottom: 30px; } #feedback-controls { background: #fff;padding: 10px 0px 0px 0px; } /* Testimonials slider */ .flexslider { margin-bottom:30px; } .flexslider ul, ol { list-style:none; padding: 0; } .flex-manual .wrap { padding: 0px; } .flex-manual .switch { padding: 15px 0px; margin: 0px 0px 0px 30px; } .flex-manual .switch { opacity:0.75; height:75px; text-align:left; } .flex-active > .img-circle{ border-color:#fff; } .flex-manual .switch.flex-active, .flex-manual .switch:hover { opacity:1; cursor: pointer; cursor: hand; } .flex-manual .switch.flex-active .highlight, .flex-manual .switch:hover .highlight { opacity:1; cursor: pointer; cursor: hand; color:#F05A28; } .flex-manual .switch.flex-active p, .flex-manual .switch:hover p { opacity:1; cursor: pointer; cursor: hand; color:#525252; } .flex-manual, .flex-manual .switch { height:120px; } .flex-manual { margin-top: 15px; border-bottom:1px solid #E9E9E9; } .switch.flex-active { border-bottom:1px solid #F05A28; } .switch p, .switch .highlight { color:#dbdbdb; } .switch p { padding: 12px 0px 0px 80px; font-size:12pt; } .switch img { line-height:70px; vertical-align:middle; } .flex-manual .switch.flex-active .name { color: #F05A28; } .package-column , .package-details { -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out;} .package-column { border: 1px solid #F0F0F0; background: #F7F7F7;} .package-column:hover { background: #F05A28; } .package-column:hover > .package-price { background:rgba(71, 72, 76, 0.2); } .package-column:hover > .package-detail ul li { border-color: rgba(255,255,255,0.3); } .package-column:hover > .package-price .price, .package-column:hover > .package-price .period, .package-column:hover > .package-title, .package-column:hover > .package-detail ul li { color: #fff; } .package-column.featured { background: #F05A28; } .package-column.featured > .package-price { background:rgba(71, 72, 76, 0.2); } .package-column.featured > .package-price .price, .package-column.featured > .package-price .period, .package-column.featured > .package-title, .package-column.featured > .package-detail ul li { color: #fff; border-color: rgba(255,255,255,0.3); } .package-column.featured > .package-detail .btn.btn-secondary, .package-column:hover > .package-detail .btn.btn-secondary { color: #fff ; border-color:#fff !important; } .package-detail .btn.btn-secondary:hover { color: #F05A28 !important; background: #fff !important; border-color:#fff !important; } .package-column .package-title { color: #47484c; font-size: 25px; padding: 20px 0 18px; font-weight: 300; text-transform: uppercase; } .package-column .package-price { background:rgba(171, 172, 179, 0.1); padding: 15px; } .package-column .package-price .price { color: #F05A28; font-size: 110px; font-weight: 300; line-height: 110px; position: relative; } .package-column .package-price .currency { font-size: 47px; line-height: 47px; font-weight: 300; position: relative; top:-40px; } .package-column .package-price .period { font-size: 15px; color: #F05A28; text-transform: uppercase; } .package-column .package-detail { padding: 30px 15% 50px; } .package-column .package-detail ul { margin-bottom: 30px; } .package-column .package-detail ul li { font-weight: 300; font-size: 16px; color: #47484c; border-bottom: 1px solid #dadfe3; padding: 15px 0; } .package-column .package-detail ul li:last-child { border-bottom: none; } /* .package-column.featured { background: #f3f3f3; } .package-column.featured .package-title { color: #47484c; } .package-column.featured .package-price { background: #47484c; } .package-column.featured .package-price .price { color: #F05A28; } .package-column.featured .package-detail ul li { color: #47484c; } */ .package-column.disabled { background: #fafafa; } .package-column.disabled .package-title { color: #8b8b8b; } .package-column.disabled .package-price { background: #e0e0e0; } .package-column.disabled .package-price .price { color: #afafaf; } .package-column.disabled .package-detail ul li { color: #8b8b8b; } .package-column.disabled .package-detail .btn { color: #dadfe3; background:transprarent; color:#A5A5A5; border:1px solid #A5A5A5; } #features { background: #f0f0f0; padding: 0px 0px 30px 0px; margin-bottom: 50px; } #featuredTab { position: relative; margin-top: 160px; } #featuredTab li { display: block; position: relative; } #featuredTab li > a { display: block; } #featuredTab li > a:after { content: ''; clear: both; display: block; } #featuredTab li > a .tab-info { float: left; text-align: left; display: block; width: 346px; padding: 25px 28px; position: relative; z-index: 2; } #featuredTab li > a .tab-icon { float: right; text-align: right; display: block; width: 113px; position: relative; z-index: 2; } #featuredTab li > a .tab-info .tab-title { font-size: 17px; line-height: 21px; font-weight: 700; color: #F05A28; text-transform: uppercase; padding-bottom: 10px; } #featuredTab li > a .tab-info .tab-desc { font-size: 15px; line-height: 28px; color: #5f5f5f; font-weight: 300; display: block; } #featuredTab li > a .icon { font-size: 50px; padding: 21px 7px; display: block; padding: 46px 28px; } /* #featuredTab li.active { margin-top: -1px; padding-bottom: 2px; } */ #featuredTab li.active > a .tab-info { -webkit-border-top-left-radius: 5px; -moz-border-radius-topleft: 5px; border-top-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-left-radius: 5px; background: #F05A28; } #featuredTab li.active > a .tab-icon { -webkit-border-top-right-radius: 5px; -moz-border-radius-topright: 5px; border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-bottomright: 5px; border-bottom-right-radius: 5px; background: #F05A28; } #featuredTab li.active > a .tab-info .tab-title, #featuredTab li.active > a .tab-info .tab-desc, #featuredTab li.active > a .icon { color: #fff; } #featuredTab li a .tab-info:after, #featuredTab li a .tab-icon:after { content: ''; width: 99%; border-bottom: 1px solid #dadfe3; display: block; position: absolute; bottom: 0; right: 0; } #featuredTab li a .tab-icon:after { left: 0; right: auto; } #featuredTab li:last-child a .tab-info:after, #featuredTab li:last-child a .tab-icon:after, #featuredTab li.active a .tab-info:after, #featuredTab li.active a .tab-icon:after { display: none; } #featuredTab .tab-content .tab-pane { border: none; padding: 0; } #services article { margin:0px 0px 60px 0px; padding: 0px 10px; } #services article .icon { font-size:3.3em; } #services article p { font-size:15px; color:#8A8A8A;} #services article:hover .icon { opacity:0.6; } #services .h7 { margin:12px 0px 13px 0px; } section.services {margin:60px 0 40px 0;} section.services > .container { padding: 0;} section img.svg-icon {width:25%;} .header-icon {max-height: 100%; margin-right: 15px; float: left;} /* Individual Location Page Styling */ #location-page h3 {font-family:'Karma', serif !important; font-size:42px; font-weight: 400;} #location-page h4 {font-family:'Karma', serif !important; font-size:30px;} /* Updated Services Section on Home Page */ #home-services {margin:30px 0 50px; padding:0;} #home-services h2 {font-family: 'Karma', sans-serif; font-weight:500; font-size: 42px; margin-bottom: 40px;} .service-box {min-height: 320px;} .service-box img {max-height: 100px; margin-bottom: 10px;} .service-box h4 {font-family: 'Karma', sans-serif; font-weight: 300;} .service-box .btn {border: 1px #F05A28 solid;} #three-steps {font-family: 'Karma', sans-serif; font-size: 18px; background: #F05A28; text-align: left; padding-top: 15px; padding-bottom: 25px; } #three-steps h3 {font-weight:300; margin-bottom: 0;} #three-steps h3 small {color: #fff;} /*#three-steps li {margin-bottom: 20px;}*/ #three-steps h4 {font-family: 'Karma', sans-serif; font-weight:normal; margin:0 0 10px;} #three-steps p {font-size: 18px;} #three-steps .icon { font-size: 60px; position: relative; margin-right: 15px; margin-top: 20px; } #three-steps .btn-default, #three-steps input { margin-top: 35px; } #three-steps img {margin-bottom: 15px;} .light hr {margin: 25px 0 15px 0; padding: 0; border-top: 2px #fff solid;} .btn-light {border: 1px #F05A28 solid;background: #fff;color: #F05A28;} .btn-light:hover {background: #eaeaea; cursor: pointer; } /* Contact Section on Home Page */ #contact-us {font-family: 'Karma', sans-serif; margin-top: 40px; font-size: 18px;} #contact-btns {margin: 20px 0 40px 0;} #contact-btns .btn {font-family: 'Lato', sans-serif; } #newsletter { background: url('../img/background/low_poly_background.jpg') no-repeat center center; -webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover; background-attachment: fixed; } #subscribe input { margin-right: 8px; } #response { display: block; text-align: center; position: absolute; margin-left: 7%; } #subscribe .form-control { border-left: 3px solid #F05A28; } #team .thumb-wrapper .overlay { background: rgba(26, 198, 255, 0.5); top: 0px;} #team .thumb-wrapper .socials { background: rgba(0, 0, 0, 0); opacity:0; position: absolute; bottom: 0; color: #fff; font-size: 18px; text-align: center; width: 100%; z-index: 1; display: table-cell; padding: 15px; top: 43%; vertical-align: middle; font-weight: 300; } #team .thumb-wrapper .socials a { margin:0px 15px; font-size:30px; color:#fff; } #team .thumb-wrapper:hover .overlay { top: 0; cursor: pointer; background: rgba(26, 198, 255, 0); cursor: pointer 20 20, auto;} #team .thumb-wrapper:hover .socials { opacity:1;} #team .thumb-wrapper .socials a :hover{ color:#F05A28; } #team .thumb-wrapper p { color: #696969; } #team .h7 { margin-top: 25px; margin-bottom: 0; } #awards { overflow: hidden; padding-top:0px; } #awards .list-inline > li { padding-left: 30px; padding-right: 30px; } #awards .list-inline > li a:hover { opacity: 0.7; } /* Footer */ .footer { background-color: #333; -webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover; background-attachment: fixed; color: #ababab; font-weight: 300; padding: 0px 0px 30px 0px; } .footer p, .footer li { color: #fff; } .footer p { font-size: 15px; line-height: 24px; } .footer a:hover { text-decoration: underline; } .footer .logo-wrapper { margin-bottom: 20px; } .footer .footer-content { padding: 75px 0 65px; } .footer .footer-title { color: #fff; font-size: 17px; text-transform: uppercase; font-weight: 700; text-align: left; margin-bottom: 25px; } .footer .list-inline { text-align: center; margin: 0 auto; } .footer .list-inline li { padding-left: 15px; padding-right: 15px; padding-bottom: 15px; } .footer .list-inline li .icon { color: #F05A28; font-size: 50px; } .footer .list-unstyled li { position: relative; padding-left: 30px; margin-bottom: 15px; font-size: 15px; line-height: 24px; } .footer .list-unstyled li .icon { position: absolute; left: 0; color: #F05A28; font-size: 20px; } .copyright { text-align: center; color: #fff; font-size: 14px; padding: 0px; font-weight: 300; opacity: 0.4; } .footer .socials a:hover { text-decoration: none; opacity: 0.7; } .rev-big { font-size: 58px; font-weight: 300; color: #fff; } .rev-normal { font-size: 23px; line-height: 27px; font-weight: 300; color: #fff; } .rev-big span, .rev-normal span { color: #F05A28; } .tp-caption a { color: #fff; } .tp-caption a:Hover { color: #fafafa; } .tp-caption .list-inline li { margin-left: 15px; margin-right: 15px; } .fixmenu-clone { position: fixed; top: 0; left: 0; background: #fff; -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; -webkit-box-shadow: 0px 1px 5px 0px rgba(100,100,100,.3); -moz-box-shadow: 0px 1px 5px 0px rgba(100,100,100,.3); box-shadow: 0px 1px 5px 0px rgba(100,100,100,.3); } .fixmenu-stick { -webkit-transform: translateY(0%); -ms-transform: translateY(0%); transform: translateY(0%); margin-top: -1px; } .fixmenu-unstick { } .logo-inverted, .fixmenu-clone .logo { display: none; } .fixmenu-clone .logo-inverted { display: block; } .fixmenu-clone.navigation-header .navigation-bar > .featured > a { color: #F05A28; } .fixmenu-clone.navigation-header .navigation-bar > .featured > a:hover { color: #fff; } .fixmenu-clone.navigation-header .navigation-bar > li > a { color: #000; } /*.fixmenu-clone.navigation-header .open .navigation-bar > li > a { color: #fff; }*/ .fixmenu-clone.navigation-header .open .navigation-bar > .featured > a { color: #F05A28; } .fixmenu-clone.navigation-header .navigation-bar > li > a:Hover, .fixmenu-clone.navigation-header .navigation-bar > li.active > a { color: #F05A28; } .fixmenu-clone.navigation-header .navigation-brand {/* background: #fff;*//* padding-left: 15px; *//* padding-right: 15px; */display: block;/* margin-left: -15px; */} .fixmenu-clone.navigation-header .navigation-toggle { border: 1px solid #F05A28; opacity: 1;} .fixmenu-clone.navigation-header .navigation-toggle .icon-bar { background: #F05A28; } .fixmenu-clone.navigation-header #schedule-btn {float:right;} #care-plan-button {background: #F05A28 !important;} #inspection-btn {margin-top: 15px;} #footer strong {color: #F05A28;} #services-list {margin-left: 0; padding-left: 0;} #services-list ul {margin-left: 0;padding-left: 15px;} #services-list li {margin-left: 0;padding-left: 0;} #services-list li ul li {padding-left: 0px; margin-left: 10px; margin-bottom: 0px} /* Nav menus for location pages */ #region-menu {margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px #eaeaea solid;} #region-menu li {color: #3d3d3d;} .care-plan-offering {background: #F05A28; color: #fff; border-color:#d8582e;} .care-plan-offering p {color:#fff;} .col-xs-5ths, .col-sm-5ths, .col-md-5ths, .col-lg-5ths { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; } .col-xs-5ths { width: 20%; float: left; } /* Sale Modal */ #saleModal .modal-header {border: none; color:#fff; padding:10px 15px 0 0;} #saleModal .modal-content {background: #3d3d3d;} #sale-block {background:#3d3d3d;color:#fff;font-family: 'robotomedium';text-align: center;padding: 0 15px 20px 15px;} #sale-block h1 {text-transform: uppercase;margin-top: 0; font-size: 38px; font-family: 'Prata';} #sale-block h4 { font-size: 18px; font-family: 'Prata'; line-height: 1.4; } #sale-block h5 { font-size: 18px; margin: 0 0 20px 0; text-transform: uppercase; font-family: 'Prata'; /* font-weight: bold; */ } @media (min-width: 768px) { .col-sm-5ths { width: 20%; float: left; } } @media (min-width: 992px) { .col-md-5ths { width: 20%; float: left; } } @media (min-width: 1200px) { .col-lg-5ths { width: 20%; float: left; } } media (min-width: 768px) { .modal-xl { width: 90%; max-width:1200px; } } /* Override Modal Vertically */ .modal { text-align: center; padding: 0!important; } .modal:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -4px; } .modal-dialog { display: inline-block; text-align: left; vertical-align: middle; } /* Mobile device 767px */ @media (max-width: 767px) { p { font-size: 14px; line-height: 25px; } /*.fixmenu-clone { background: transparent; }*/ .static-header, #newsletter, #feedback, .footer { background-size: auto !important; background-size: auto !important; background-position: bottom left; background-attachment: scroll !important;} .list-inline img { max-width: 35%; } .navigation .container { padding:0; } .navigation-brand { float: none; margin-right: 0 !important; } .navigation-brand .brand-logo { padding:0px; margin-left:15px;float: left; } .navigation-header .navigation-brand { margin:0px 0px 0px 0px; } .navigation-bar > li, .navigation-bar > li a { display: block; } .navigation-navbar { overflow: hidden; height: 0; display: block; background: rgba(255, 255, 255, 0.90); text-align: center; } .navigation-navbar.open { height: auto; margin-left: -15px; margin-right: -15px; padding: 10px 0; border-top:3px solid #F05A28; } .navigation-brand:after { content: ''; clear: both; } .navigation-bar-left, .navigation-bar-right { float: none; padding-top: 15px; } #schedule-btn {float: none;} .navigation-header .navigation-bar > li, .navigation-header .navigation-bar > li.featured { padding: 10px 15px; } .navigation-header .navigation-bar > li.featured > a { padding: 0px 25px; } .navigation-header .navigation-bar > li.featured > a:Hover { border-bottom: 1px solid #F05A28; } .navigation-header .navigation-bar > li > a { padding: 0px; z-index:999; display: block; position:relative; height: 30px; line-height: 30px;} .navigation-header .navigation-bar > li > a:Hover, .navigation-header .navigation-bar > li.active > a { color: #F05A28; border-bottom: 2px solid transparent; } .nav-tabs .btn { margin:0px 10px 25px 0px; } .wrapper { width: 100%; } .register-version .signup-wrapper { max-width:750px; margin:0 auto; padding-left: 15px; padding-right: 15px; } .register-version#hero .btn-primary { width:100%; } .form-register-small { display: block; } .form-register .form-group label.error { text-align:right; } .flex-manual, .flex-manual .switch { height:150px; } .switch p { padding-top:0; } #sc-gallery .wrapper { width: 100%; } #sc-skillbar .wrapper, #sc-table .wrapper, #sc-form .wrapper { width: 100%; } #sc-countdown .wrapper { width: 100%; } #sc-button ul.list-inline > li { display: block; margin-bottom: 8px; } .social-icons li { width: 15%; } #sc-dropsocial .row > :first-child { padding-bottom: 40px; text-align: center; } .dropdown .btn { width: 100%; } .dropdown-menu { position: relative; float: none; left: auto; } .social-icons { margin-top: 0; } .long-block { text-align: center; } .long-block .icon { top:0; margin-bottom: 20px; margin-right: 0; display: block; } .long-block .pull-left { float: none !important; } .long-block .btn.btn-default { margin-left: auto; margin-right: auto; } h1.page-title {text-align: center;} .table > thead > tr > th, .table > tbody > tr > td { padding: 15px; } .thumb-wrapper { width: 100%; margin-bottom: 5px; } blockquote:before { top: 10%; } blockquote:after { top: 90%; } .text-heading { padding-top: 150px; } .form-register { margin-top: 50px; } .form-register .form-group { margin-bottom: 10px; margin-top: 0; margin-left: -15px; margin-right: -15px;} .form-register .form-group label { line-height: 30px; margin-top: 15px; text-align: left; } .form-register-small label.error { display: inline-block; position:relative; } .form-register .form-group .checkbox { margin-bottom: 20px; margin-top: 30px; } .form-register-small .form-group { margin-left:0; margin-right:0; } .text-heading h1 { font-size: 44px; } .text-heading p { font-size: 18px; line-height: 24px; } .text-heading .btn { margin-bottom: 30px; } #landing-page .static-header { min-height: 850px; } .static-header .video-container { max-width: 98%; } .long-block h2 { font-size: 36px; } #steps .col-sm-4 .icon, .sub-heading br { display: none; } #steps .col-sm-4 article { padding-bottom: 30px; } .logos li { display:inline; padding:10px !important; } #process .pull-right { float: none !important; } #process article { padding-top: 0; } #process .col-sm-6 { padding-bottom: 0; } #featuredTab { margin-top: 0; } #featuredTab li { display: inline-block; width: 32%; border-bottom: 1px solid #d0d0d0; margin-bottom: 20px; } #featuredTab li.active { margin-top: 0; padding-bottom: 0; } #featuredTab li > a:after, #featuredTab li a .tab-info:after, #featuredTab li a .tab-icon:after #featuredTab li.active > a:after { display: none; } #featuredTab li > a .tab-info { width: 100%; padding: 15px; line-heigh: 18px; } #featuredTab li > a .tab-info .tab-desc { line-height: 22px; } #featuredTab li.active a .tab-info { -webkit-border-bottom-left-radius: 0; -moz-border-radius-bottomleft: 0; border-bottom-left-radius: 0; -webkit-border-top-right-radius: 5px; -moz-border-radius-topright: 5px; border-top-right-radius: 5px; } #featuredTab li > a .tab-icon { display: none; } #featuredTab .tab-content { padding: 0; border: none; z-index: 1; } #featuredTab .tab-content .tab-pane { text-align: center; } .package-column { margin-bottom: 30px; } #team .thumb-wrapper .socials { top: 145%; padding:0; opacity:1; } #team .thumb-wrapper .socials a { margin: 0px 10px; font-size: 20px; color:#F05A28; } #team .thumb-wrapper .overlay { background: transparent; } .footer-content > div { margin-bottom: 30px; } .footer-content > div:last-child { margin-bottom: 0; } .footer .list-inline li .icon { font-size: 30px; } .footer .footer-title { text-align:left; } .footer .list-inline { text-align:left; } .social-wrap{ display:block; height: 80px; } .social-wrap > ul { float:left; } .social-wrap:after { clear:both; } #guarantee h2, #guarantee p { text-align: center; } .service-box {min-height: auto;} .section-content a.btn-light {margin: 15px 0 30px;} #home-services {margin-bottom:0px;} section img.svg-icon {width:25%} } /* Mobile device 540px */ @media (max-width: 540px) { .fixmenu-clone.navigation-header #schedule-btn {float: none;} .revo #main-slider .list-inline { display: none !important; } .static-header, #newsletter, #feedback, .footer { background-size: auto !important; background-size: auto !important; background-position: top center; background-attachment: scroll !important;} .navigation-brand .brand-logo {padding: 0px; margin-left: 0px;} h1.page-title {text-align: center; font-size: 44px;} } @media (max-width: 480px) { body,html {overflow-x: hidden;} .section { padding: 35px 0; } .revo #main-slider .rev-big, .revo #main-slider .rev-normal { display: none; } .static-header, #newsletter, #feedback, .footer { background-size: auto !important; background-size: auto !important; background-position: top center; background-attachment: scroll !important;} .navigation-brand .brand-logo {padding: 0px;margin: 5px 0 0 15px;} .navigation .dropdown-menu {background:transparent; padding-top: 0; margin-top:0; text-align: center;} .navigation .in .open .dropdown-menu li a {color: #3d3d3d;font-size: 12px;padding: 5px 0;} .fixmenu-stick .navigation-toggle {margin-left: 0; margin-right: 15px;} .fixmenu-clone.navigation-header #schedule-btn, .navigation #schedule-btn {float: none;} #inspection-btn {margin-top: 30px;} #hero-header {padding-bottom: 65%} h1.page-title {text-align: center; font-size: 44px; line-height: 1.1;} #landing-page .static-header { min-height: 570px; } #color-landing-page .static-header { min-height: 570px; } .video-version .text-heading { padding-top: 35%; } #register-page .text-heading { padding-top: 65px; } .text-heading { padding-top: 85px; } .text-heading h1 { font-size: 35px; } .text-heading .btn { margin-bottom: 10px; } .plain-version .text-heading { padding-top: 30%; } #about { padding: 40px 0px 0px 0px; } .alt.nav-tabs > li > a { padding: 15px 12px; } .alt.tab-content .tab-pane { padding-bottom: 15px; } .alt.tab-content .tab-pane .btn { margin-top: 0px; } .countdown .stat { font-size: 40px; line-height: 40px; } .countdown .stat-info { font-size: 12px; } .countdown .counter:after { top: 45px; } .tab-content .btn { margin:0px 0px 15px 0px; } .logos li { display:inline; padding:10px !important; } .section-content article { text-align: center; margin-bottom: 25px;} .services a.btn, .service-box + p > a.btn {display: block; width: 100%;} #featuredTab li.active > a .tab-info { -webkit-border-radius: 0px; -moz-border-radius: 0; border-radius: 0; } #featuredTab li > a .tab-info .tab-title { font-size: 15px; } #featuredTab li > a .tab-info .tab-desc { font-size:14px; } #features { margin-bottom: 0px; } .flex-manual .switch { margin: 0px 0px 0px 0px; } /*blockquote { padding: 0px 35px; font-size: 14px; line-height: 25px;}*/ #subscribe input { margin-right: 0px; } #team .member { padding-bottom: 50px; } #team .thumb-wrapper .socials { top: 150%; padding:0; opacity:1; } #team .thumb-wrapper .socials a { margin: 0px 5px; font-size: 17px; color:#F05A28; } #team .h7 { margin-top: 7px; } .form .form-group { margin-bottom: 15px; } .long-block { padding-top: 10px; margin-bottom: 20px !important; } .long-block .btn-default, .long-block input { margin-top: 20px; } #response { margin-left: 22%; margin-top:5px; font-size: 80%; } #guarantee p { margin-top: 7px; } .footer .footer-title { text-align:left; } .footer .list-inline { text-align:left; } .social-wrap{ display:block; height: 140px; } .social-wrap > ul { float:left; } .social-wrap:after { clear:both; } .flex-manual { border-bottom: 0px solid #E9E9E9; } .flex-manual, .flex-manual .switch { height: 100px; } .form-register-small .submit-wrap { text-align:center; margin-top:15px;} .form-register-small { padding: 15px 10px; display: block; margin-top: 30px; } .form-register-small .form-group { margin-left:0; margin-right:0; } .footer .footer-content { padding: 35px 0 15px; } } /* Mobile device 340px */ @media (max-width: 340px) { .navigation-brand .brand-logo { -webkit-transform : scale(0.8); -moz-transform : scale(0.8); -ms-transform : scale(0.8); transform : scale(0.8); margin-left: -10px; } .nav-tabs .btn { margin:0px 10px 25px 0px; } } /* Tablet device Landscape 1024px and 768px */ @media (max-width: 1023px) and (min-width: 768px) { p, ul, li { font-size:14px; line-height:25px; } .navigation-brand {width: 100%; margin: 0px;} .navigation-navbar, .navbar-collapse.collapse {display: none !important;} .navbar-collapse.collapse.in {display: block !important;} .navbar-toggle {display: block;} /*.navigation-navbar { overflow: hidden; height: 0; display: block; background: rgba(255, 255, 255, 0.90); text-align: center; width: 100%; } .navigation-header .navigation-brand {margin-right: 0;float: left;margin-bottom: -10px;margin-top:0;} .navigation-navbar.open {display: block; overflow: visible;}*/ /*.navigation-header .navigation-brand, .fixmenu .navigation-brand { display:none !important; }*/ .navigation-header .navigation-bar > li { padding: 15px 5px; } #landing-page .plain-version.static-header { min-height: 460px; } #color-landing-page .static-header { min-height: 770px; } .video-version .text-heading { padding-top: 20%; } .text-heading { padding-top: 95px; } .wrapper { width: 90%; } .static-header, #newsletter, #feedback, .footer { background-size: auto !important; background-size: auto !important; background-position: top center; background-attachment: scroll !important;} .list-inline img { max-width: 90%; } #clients ul.list-inline li { padding-left: 15px; padding-right: 15px; } #sc-gallery .wrapper { width: 100%; } #sc-skillbar .wrapper, #sc-table .wrapper, #sc-form .wrapper { width: 60%; } #sc-countdown .wrapper { width: 80%; } .register-version .signup-wrapper { max-width:750px; margin:0 auto; padding-left: 15px; padding-right: 15px; } .register-version .form-register-small { padding: 15px 15px;} .register-version#hero .btn-primary, .register-version .submit-wrap { width:100%; } .register-version .submit-wrap { width:100%; margin-top: 7px; } .register-version .signup-wrapper { text-align:left; } .register-version .signup-wrapper #fullname { width: 273px; } .register-version .signup-wrapper .password-wrapper { margin-right:0; } .register-version .signup-wrapper .password-wrapper .form-control { width: 177px; } .social-icons { margin-left: 25px; } .social-icons li { width: 15%; } .long-block { text-align: center; padding-top: 10px; padding-bottom: 35px;} .long-block, .long-block article { text-align: center; } .long-block .icon { top:0; margin-bottom: 20px; margin-right: 0; display: block; } .long-block .pull-left { float: none !important; } .long-block .btn.btn-default { margin-left: auto; margin-right: auto; } .alt.tab-content .tab-pane { padding-bottom: 20px; } #landing-page .static-header h1 { font-size: 48px; } #landing-page .static-header { min-height: 775px; } .static-header .video-container { max-width: 442px; } #featuredTab { margin-top: 0; } #featuredTab li { display: inline-block; width: 33%; border-bottom: 1px solid #d0d0d0; margin-bottom: 20px; } #featuredTab li.active { margin-top: 0; padding-bottom: 0; } #featuredTab li > a:after, #featuredTab li a .tab-info:after, #featuredTab li a .tab-icon:after #featuredTab li.active > a:after { display: none; } #featuredTab li > a .tab-info { width: 100%; } #featuredTab li.active > a .tab-info { -webkit-border-radius: 0px; -moz-border-radius: 0; border-radius: 0; } #featuredTab li > a .tab-icon { display: none; } #featuredTab .tab-content { padding: 0; border: none; z-index: 1; } #featuredTab .tab-content .tab-pane { text-align: center; } .package-column .package-detail { height: 400px; } .package-column .package-price .price { font-size:80px; } .switch p { padding: 0px 0px 0px 80px; font-size: 10pt; } #team .thumb-wrapper .socials { top: 145%; padding:0; opacity:1; } #team .thumb-wrapper .socials a { margin: 0px 10px; font-size: 20px; color:#F05A28; } #team .thumb-wrapper .overlay { background: transparent; } #response { margin-left: 40%; } #guarantee h2, #guarantee p { text-align: center; } } /* Tablet device Portrait 1024px and 768px */ @media (max-width: 1024px) and (orientation:portrait) { p, ul, li { font-size:14px; line-height:25px; } .btn { padding: 15px 35px; } #team .thumb-wrapper .socials { top: 152%; } .footer .list-inline li .icon { font-size: 35px; } .register-version .signup-wrapper { padding-left: 0px; padding-right: 0px; } } @media (max-width: 1024px) { .static-header, #newsletter, #feedback, .footer { background-size: auto !important; background-size: auto !important; background-position: top center; background-attachment: scroll !important;} } /* Random sizes between desktop and tablet */ @media (min-width: 768px) and (max-width:991px) { .navigation-header .navigation-brand {margin:0px; float: none;} .navigation-bar > li, .navigation-bar > li a { display: block; } .navigation-navbar { overflow: hidden; height: 0; display: block; background: rgba(255, 255, 255, 0.90); text-align: center; } .navigation-navbar.open { height: auto; margin-left: -15px; margin-right: -15px; padding: 10px 0; border-top:3px solid #F05A28; } .navigation-brand:after { content: ''; clear: both; } .navigation-bar-left, .navigation-bar-right { float: none; margin-top: 20px; } #schedule-btn {float: none;} .navigation-header .navigation-bar > li, .navigation-header .navigation-bar > li.featured { padding: 5px 15px; } .navigation-header .navigation-bar > li.featured > a { padding: 0px 25px; } .navigation-header .navigation-bar > li.featured > a:Hover { border-bottom: 1px solid #F05A28; } .navigation-header .navigation-bar > li > a { padding: 0px; z-index:999; display: block; position:relative; height: 30px; line-height: 30px;} .navigation-header .navigation-bar > li > a:Hover, .navigation-header .navigation-bar > li.active > a { color: #F05A28; border-bottom: 2px solid transparent; } } /* Desktop medium screen 992px and 1199px */ @media (min-width: 992px) and (max-width: 1199px) { .package-column .package-detail { height: 425px; } /* .long-block, .long-block article { text-align: center; } */ .long-block .pull-left { float: none !important; } .long-block .icon { top: 0; margin-bottom: 20px; margin-right: 0; display: block; } .navigation-header .navigation-brand { margin-right: 80px; } .navigation-header .navigation-bar > li { padding: 10px 10px; } .long-block { padding-top: 10px; } #sc-gallery .wrapper { width: 100%; } #sc-skillbar .wrapper, #sc-table .wrapper, #sc-form .wrapper { width: 60%; } #sc-countdown .wrapper { width: 60%; } .list-inline img { max-width: 90%; } .social-icons { margin-left: 25px; } .social-icons li { width: 15%; width: 15%; } #sc-longblock article { width: 80%; } .alt.tab-content .tab-pane { padding-bottom: 25px; } .alt.tab-content .tab-pane .btn { margin-top:-15px; margin-right:15px;} #landing-page .static-header { min-height: 800px; } #clients ul.list-inline li { padding-left: 15px; padding-right: 15px; } #response { margin-left: 40%; } .static-header .video-container { max-width: 595px; } #featuredTab { margin-top: 0; } #featuredTab li { display: inline-block; width: 33%; border-bottom: 1px solid rgba(255, 255, 255, .2); margin-bottom: 20px; opacity:0.7;} #featuredTab li.active { margin-top: 0; padding-bottom: 0; opacity:1; } #featuredTab li > a:after, #featuredTab li a .tab-info:after, #featuredTab li a .tab-icon:after #featuredTab li.active > a:after { display: none; } #featuredTab li > a .tab-info { width: 100%; } #featuredTab li.active > a .tab-info { -webkit-border-radius: 0px; -moz-border-radius: 0; border-radius: 0; } #featuredTab li > a .tab-icon { display: none; } #featuredTab .tab-content { padding: 0; border: none; z-index: 1; } #featuredTab .tab-content .tab-pane { text-align: center; } section img.svg-icon {width: 80%;} } /* Desktop large screen 1200px */ @media (min-width: 1200px) { .container { width: 1200px; } .navigation-header .navigation-bar > li { padding: 10px 15px 15px; } .fixmenu-clone .navigation-header .navigation-bar li {padding-top:15px !important;} #sc-gallery .wrapper { width: 90%; } #sc-skillbar .wrapper, #sc-table .wrapper, #sc-form .wrapper { width: 40%; } #sc-countdown .wrapper { width: 50%; } .social-icons { margin-top: 25px; } .social-icons li { margin-bottom: 50px; width: 16%; width: 16.2%; text-align: center; } #landing-page .static-header { min-height: 974px; } #landing-page .plain-version.static-header { min-height: 700px; } .static-header .video-container { max-width: 755px; } #featuredTab { position: relative; margin-top: 115px; } #featuredTab li { display: block; position: relative; width: 100%; border-bottom: none; margin-bottom: 0; line-height: 0px; } #featuredTab li > a:after { content: ''; clear: both; display: block; } #featuredTab li > a .tab-info { float: left; text-align: left; display: block; width: 345px; padding: 25px 28px; position: relative; z-index: 2; } #featuredTab li > a .tab-icon { float: right; text-align: right; display: block; width: 113px; position: relative; z-index: 2; } #featuredTab li > a .tab-info .tab-title { font-size: 17px; line-height: 21px; color: #F05A28; text-transform: uppercase; padding-bottom: 10px; font-weight: 600;} #featuredTab li > a .tab-info .tab-desc { font-size: 16px; line-height: 22px; color: #5f5f5f; font-weight: 300; display: block;} #featuredTab li > a .icon { font-size: 50px; padding: 21px 7px; display: block; padding: 46px 28px; } #featuredTab li.active > a .tab-info { -webkit-border-top-left-radius: 5px; -moz-border-radius-topleft: 5px; border-top-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-left-radius: 5px; -webkit-border-top-right-radius: 0; -moz-border-radius-topright: 0; border-top-right-radius: 0; background: #F05A28; } #featuredTab li.active > a .tab-icon { -webkit-border-top-right-radius: 5px; -moz-border-radius-topright: 5px; border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-bottomright: 5px; border-bottom-right-radius: 5px; background: #F05A28; } #featuredTab li a .tab-info:after, #featuredTab li a .tab-icon:after { content: ''; width: 99%; border-bottom: 1px solid rgba(255, 255, 255, .2); display: block; position: absolute; bottom: 0; right: 0; } #featuredTab li a .tab-icon:after { left: 0; right: auto; } #featuredTab li:last-child a .tab-info:after, #featuredTab li:last-child a .tab-icon:after, #featuredTab .tab-content { position: absolute; top: -60px; right: 0px; padding: 0; border: none; z-index: 1; } section img.svg-icon {width: 75%; max-height: 100px;} }