body { font-family: "tablet-gothic-narrow", "Courier New", Courier, monospace, Helvetica, Arial, sans-serif; font-size: 15.8px; font-weight: 200; line-height: 1.533333; color: #3E606F; background: none; padding: 0px; } /* lime- D1DBBD blue - 3E606F dark - 012E2F green - 8FA99C */ .container, .container-fluid { padding-right: 12px; padding-left: 12px; } .row { margin-right: -12px; margin-left: -12px; } .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { padding-right: 12px; padding-left: 12px; } #median { margin: 60px -12px 0px -12px; padding: 12px 12px; background: #FFF; } #service { font-size: 1.03em; color: #3E606F; } #service a { color: #3E606F; } @media (max-width: 767px) { #median { margin: 60px -6px 0px -6px; } body.section-homepage #median { padding-bottom: 0px; } #service img.img-responsive { margin-bottom: 10px; } } @media (max-width: 477px) { #median { margin: 15px -6px 0px -6px; } body { font-size: 13.5px; } .col-tn-1, .col-tn-2, .col-tn-3, .col-tn-4, .col-tn-5, .col-tn-6, .col-tn-7, .col-tn-8, .col-tn-9, .col-tn-10, .col-tn-11, .col-tn-12 { position: relative; min-height: 1px; padding-right: 12px; padding-left: 12px; float: left; } .col-tn-12 { width: 100%; } .col-tn-11 { width: 91.66666667%; } .col-tn-10 { width: 83.33333333%; } .col-tn-9 { width: 75%; } .col-tn-8 { width: 66.66666667%; } .col-tn-7 { width: 58.33333333%; } .col-tn-6 { width: 50%; } .col-tn-5 { width: 41.66666667%; } .col-tn-4 { width: 33.33333333%; } .col-tn-3 { width: 25%; } .col-tn-2 { width: 16.66666667%; } .col-tn-1 { width: 8.33333333%; } .col-tn-0 { display: none; } } @media (min-width: 1200px) { .container { width: 1050px; } } @media (min-width: 478px) { .borderME { border-right: 1px dashed #8FA99C; } } .text-200 { font-size: 2em; } .text-195 { font-size: 1.95em; } .text-190 { font-size: 1.90em; } .text-185 { font-size: 1.85em; } .text-180 { font-size: 1.80em; } .text-175 { font-size: 1.75em; } .text-170 { font-size: 1.70em; } .text-165 { font-size: 1.65em; } .text-160 { font-size: 1.60em; } .text-155 { font-size: 1.55em; } .text-150 { font-size: 1.50em; } .text-145 { font-size: 1.45em; } .text-140 { font-size: 1.40em; } .text-135 { font-size: 1.35em; } .text-130 { font-size: 1.30em; } .text-125 { font-size: 1.25em; } .text-120 { font-size: 1.20em; } .text-115 { font-size: 1.15em; } .text-110 { font-size: 1.10em; } .text-105 { font-size: 1.05em; } .text-100 { font-size: 1em; } .text-095 { font-size: 0.95em; } .text-090 { font-size: 0.90em; } .text-085 { font-size: 0.85em; } .text-080 { font-size: 0.80em; } .text-075 { font-size: 0.75em; } .text-070 { font-size: 0.70em; } .text-065 { font-size: 0.65em; } .text-060 { font-size: 0.60em; } .text-055 { font-size: 0.55em; } .text-050 { font-size: 0.50em; } .clr { clear: both; } #crux a { color: #8FA99C; text-decoration: underline; } #crux a:focus, #crux a:hover { color: #012E2F; text-decoration: none; } a:hover, a:active, a:focus { outline: 0; } hr { margin: 0px auto 50px auto; padding: 50px 0 0 0; clear: both; border: 0; border-bottom: 1px solid #C8D7BE; } strong, b { font-weight: 400; } strong.verybold, b.verybold { font-weight: 900; color: #2F3F34; } .bigger { font-size: 1.15em; } p { margin: 0.1em 0em 1.75em 0em; } p + .nav-tabs { margin-top: 2.5em; } ul, ol { margin: 0.2em 0em 1.75em 0.3em; padding: 0em 0em 0em 1.35em; } ul.multiList, ol.multiList { margin: 40px 0px; } ul.multiList li, ol.multiList li { display: inline-block; margin: 0px 2% 10px 0px; vertical-align: top; } ul.multiList.multiList-2 li, ol.multiList.multiList-2 li { width: 47%; } ul.multiList.multiList-3 li, ol.multiList.multiList-3 li { width: 31%; } @media (max-width: 477px) { ul.multiList li, ol.multiList li { display: block; margin: 0px 0% 10px 0px; vertical-align: top; } ul.multiList.multiList-2 li, ol.multiList.multiList-2 li, ul.multiList.multiList-3 li, ol.multiList.multiList-3 li { width: 98%; } } @media (min-width: 478px) { ul.listMulti2 { display: block; margin: 0.2em 0em 40px 0em; padding: 0em 0em 0em 15px; } ul.listMulti2 li { float: left; width: 47%; padding: 0px 2.25% 0px 0px; margin-left: 0px 2.25% 1px 0.75%; } ul.listMulti2 li:nth-child(2n+1) { clear: both; } } td ul, td ol { margin-bottom: 0.25em; } ul + ul, ol + ol, ul + ol, ol + ul, ol + ul, ul + ol, p + ul, p + ol { margin-top: -0.5em; } h3 + ul, .h3 + ul, h3 + ol, .h3 + ol, h4 + ul, .h4 + ul, h4 + ol, .h4 + ol { margin-top: 1em; } ul ul, ol ul, ul ol, ol ol { margin-bottom: 0; } li { margin-bottom: 0.35em; } .tab-content { margin-top: 1.5em; } .table { margin: 0.1em 0em 4em 0em; } h4 + table, .h4 + table, h5 + table, .h5 + table { margin-top: 1.25em; } table.table-condensed tbody { font-size: 0.9em; } table.table-condensed small { font-size: 75%; } th { font-weight: 400; text-transform: uppercase; color: #2D2D2D; } .table-striped > tbody > tr:nth-child(2n+1) { background-color: #FBFCFA; } .table-striped a { text-decoration: none !important; font-size: 0.9em; } .table > thead > tr > th { border-bottom: 2px solid #C7D7BC; } .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td { border-top: 1px solid #C7D7BC; padding: 16px 8px; } .table-plain { display: block; max-width: 98%; } .table-plain > thead > tr > th { border-bottom: 0px; } .table-plain > thead > tr > th, .table-plain > tbody > tr > th, .table-plain > tfoot > tr > th, .table-plain > thead > tr > td, .table-plain > tbody > tr > td, .table-plain > tfoot > tr > td { border-top: 0px; } .table .t-5 { width: 5%; } .table .t-10 { width: 10%; } .table .t-15 { width: 15%; } .table .t-20 { width: 20%; } .table .t-25 { width: 25%; } .table .t-30 { width: 30%; } .table .t-35 { width: 35%; } .table .t-40 { width: 40%; } .table .t-45 { width: 45%; } .table .t-50 { width: 50%; } @media (max-width: 477px) { .table-condensed > thead > tr > th, .table-condensed > tbody > tr > th, .table-condensed > tfoot > tr > th, .table-condensed > thead > tr > td, .table-condensed > tbody > tr > td, .table-condensed > tfoot > tr > td { font-size: 0.85em; padding: 2px; } .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td { font-size: 0.88em; padding: 6px 2px; } .table li.listIcon { padding: 0px 6px 10px 22px; font-size: 0.95em; } .table li.listIcon-pdf { background: url(../icons/pdf-16.png) top left no-repeat; } .table li.listIcon-ppt { background: url(../icons/ppt-16.png) top left no-repeat; } .table li.listIcon-doc { background: url(../icons/doc-16.png) top left no-repeat; } .table li.listIcon-xls { background: url(../icons/xls-16.png) top left no-repeat; } .table li.listIcon-url { background: url(../icons/url-16.png) top left no-repeat; } .table li.listIcon-pop { background: url(../icons/pop-16.png) top left no-repeat; } .table li.listIcon-zip { background: url(../icons/zip-16.png) top left no-repeat; } } @media (min-width: 760px) { /* .table > tbody > tr > th { width: 125px; } */ } .locations > li { margin-bottom: 1.5em; } .ktcc { display: table; width: 100%; list-style: none; margin: -1em 0em 1.75em 0em; padding: 0px; } .ktcc > li { padding: 0.4em 0 0.4em 44px; float: left; width: 47%; margin: 0px 1.5%; } .ktcc > li span { color: #93AA4F; font-size: 28px; float: left; margin: -4px 0px 0px -44px; } .ktcc-wide { margin: 2.1em 0em 2em 0em !important; } .ktcc-grid img { margin: 0.5em 0em 1.5em 0em !important; } .kted-grid { margin: 0.5em 0em 2.5em 0em !important; } .keldr { display: table; width: 100%; list-style: none; margin: 1em 0em 1.75em 0em; padding: 0px; } .keldr > li { float: left; width: 33%; margin: 0px 1.5%; padding: 0 0 0px 44px; } .keldr > li.full { float: left; width: 97%; margin: 0.4em 0em; padding: 0em; } .keldr img { margin: 0.4em 0em; } #content img { display: block; max-width: 100%; height: auto; border: 1px solid #012E2F; border-color: rgba(1, 46, 47, 0.8); } img.img-block { display: block; margin: 2em auto; max-width: 98%; } body.section-homepage img.img-block { margin: 0em auto; } img.img-left, img.pull-left { float: left; margin: 0.2em 1em 1em 0.2em; max-width: 40%; } img.img-right, img.pull-right { float: right; margin: 0.2em 0.2em 1em 1em; max-width: 40%; } img.img-border { border: 1px solid #012E2F; border-color: rgba(1, 46, 47, 0.8); } /*! headers */ h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: inherit; line-height: 1.1; } h1, .h1, h2, .h2 { margin-top: 0px; margin-bottom: 6px; font-weight: 200; color: #012E2F; } h1 a, .h1 a, h2 a, .h2 a { color: #012E2F; } h1, .h1 { margin-bottom: 0.45em; } h3, .h3, h4, .h4 { margin-top: 1.3em; margin-bottom: 6px; font-weight: 200; color: #012E2F; letter-spacing: -0.01em; } #service h3, #service .h3, h2 + h3, h2 + .h3 { margin-top: 0px; } ul + h3, ul + .h3, ul + h4, ul + .h4, ol + h3, ol + .h3, ol + h4, ol + .h4, p + h3, p + .h3, p + h4, p + .h4 { margin-top: 65px; } h4 + h5, .h4 + .h5 { margin-top: 13px; } body.section-process h4, body.section-process .h4 { background: #90A99D url(../img/bk-header.png) left center no-repeat; margin-top: 60px; padding: 10px 42px 10px 84px; display: inline-block; color: #FFF; font-weight: 300; clear: both; } h5, .h5, h6, .h6 { margin-top: 0.25em; margin-bottom: 0.25em; font-weight: 300; color: inherit; } h1, .h1 { font-size: 3.1em; } h2, .h2 { font-size: 2.75em; } h3, .h3 { font-size: 1.66em; } h4, .h4 { font-size: 1.4em; } h5, .h5 { font-size: 1.15em; } h6, .h6 { font-size: 1.05em; } @media (max-width: 991px) { h1, .h1 { font-size: 2.5em; } h2, .h2 { font-size: 2em; } h3, .h3 { font-size: 1.5em; } h4, .h4 { font-size: 1.2em; } } @media (max-width: 477px) { h1, .h1 { font-size: 2.25em; } h2, .h2 { font-size: 1.5em; } h3, .h3 { font-size: 1.35em; text-transform: uppercase; } h4, .h4 { font-size: 1.25em; } h5, .h5 { font-size: 1.1em; } h6, .h6 { font-size: 1.05em; } } h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, .h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small, h1 .small, h2 .small, h3 .small, h4 .small, h5 .small, h6 .small, .h1 .small, .h2 .small, .h3 .small, .h4 .small, .h5 .small, .h6 .small { font-weight: inherit; line-height: 1; color: #808F97; display: block; } h1 a small, .h1 a small, h2 a small, .h2 a small { color: #808F97; } div.introFast h1 a, div.introFast h2 a { color: #012E2F; color: rgba(0, 58, 44, 1); } div.introFast h1 a small, div.introFast h1 small, div.introFast h2 a small, div.introFast h2 small { color: #808F97; } div.introFast small { font-weight: 200; } div.introFast h1 a, div.introFast h2 a, div.introFast h1 a small, div.introFast h2 a small { text-decoration: none; } div.introFast h1 a:hover, div.introFast h1 a:focus, div.introFast h2 a:hover, div.introFast h2 a:focus, div.introFast h1 a:hover small, div.introFast h1 a:focus small, div.introFast h2 a:hover small, div.introFast h2 a:focus small { color: #000; color: rgba(0, 58, 44, 0.75); } body.section-homepage div.introFast p { display: none; } div.introFast + hr { padding-top: 0px; } h3 + div#crux > img, .h3 + div#crux > img, h3 + ul, .h3 + ul, h3 + ol, .h3 + ol, h4 + ul, .h4 + ul, h4 + ol, .h4 + ol { margin-top: 1em; } h5 + ul, .h5 + ul, h5 + ol, .h5 + ol { margin-top: 0.75em; } h5 + table, .h5 + table { margin-top: 0.2em; } ul + h5, ul + .h5, ol + h5, ol + .h5 { margin-top: 2em; } table + h4, table + .h4, table + h5, table + .h5 { margin-top: 2.5em; } /* lime - D1DABC rgba(209,218,188,0.8) blue - 3E606F rgba(62,96,111,0.8) dark - 012F2F rgba(1,47,47,0.8) green - 8FA99C rgba(143,169,156,0.8) */ .nav-tabs { border-bottom: 1px solid #8FA99C; border-bottom: 1px solid rgba(143, 169, 156, 0.4); } .nav-tabs > li { float: left; margin-bottom: -1px; } .nav-tabs > li > a { color: #D1DABC !important; color: rgba(62, 96, 111, 0.7) !important; margin-right: 2px; line-height: 1.42857143; text-decoration: none !important; border: 1px solid transparent; border-radius: 4px 4px 0 0; padding: 9px 12px; font-weight: 300; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .nav-tabs > li > a:hover { color: #FFF !important; background-color: #8FA99C; background-color: rgba(143, 169, 156, 0.65); border-left-color: rgba(143, 169, 156, 0.09); border-top-color: rgba(143, 169, 156, 0.09); border-right-color: rgba(143, 169, 156, 0.09); } .nav-tabs > li.active > a { color: #D1DABC !important; color: rgba(62, 96, 111, 0.7) !important; cursor: default; background-color: #8FA99C; background-color: rgba(143, 169, 156, 0.09); border: 1px solid #8FA99C; border: 1px solid rgba(143, 169, 156, 0.15); border-bottom-color: transparent; } .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { color: #FFF !important; cursor: default; background-color: #8FA99C; background-color: rgba(143, 169, 156, 0.8); border: 1px solid #8FA99C; border: 1px solid rgba(143, 169, 156, 0.8); border-bottom-color: transparent; } form h3 { margin: 0em 0em 12px; } .form-control { display: block; width: 100%; height: 28px; padding: 0px 12px; font-size: 13px; line-height: 1.42857; color: #00537F; color: rgba(0, 83, 127, 0.8); background-color: #FFF; background-image: none; border: 1px solid #00537F; border-color: rgba(0, 83, 127, 0.4); border-radius: 4px; box-shadow: 0px 1px 1px rgba(0, 83, 127, 0.275) inset; transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; } .form-control::-moz-placeholder { color: #00537F; color: rgba(0, 83, 127, 0.5); opacity: 1; } .form-control:-ms-input-placeholder, .form-control::-webkit-input-placeholder { color: #00537F; color: rgba(0, 83, 127, 0.5); } form.customform { padding: 30px 3%; display: block; background: #CFD9C1; background: rgba(207, 217, 193, 0.3); } form.customformDark { margin-top: 0.1em; padding: 1em; display: block; background: #99A499; text-align: right; } form.customformDark h4 { color: #FFF; margin: 0px 0px 10px; text-align: left; } form.customformDark .form-control { border-radius: 0px; } @media (max-width: 477px) { form.customform { padding: 20px 20px; margin: 0px -5px; } form.dapform { padding: 20px 20px; margin: 0px -5px; } } form.dapform { padding: 30px 3%; display: block; background: #CFD9C1; background: rgba(207, 217, 193, 0.3); } form.dapformDark { margin-top: 0.1em; padding: 1em; display: block; background: #99A499; text-align: right; } form.dapformDark h4 { color: #FFF; margin: 0px 0px 10px; text-align: left; } form.dapformDark .form-control { border-radius: 0px; } label { display: inline-block; max-width: 100%; margin: 0px 5px 5px 0px; font-weight: 200; vertical-align: top; } .radio-inline, .checkbox-inline, .radio-label { font-weight: 200; } .radio-label { margin: 3px 3% 0px 0px; } .radio-inline + .radio-inline, .checkbox-inline + .checkbox-inline { margin-top: 0px; margin-left: 3%; } .form-group { margin-bottom: 15px; } @media (min-width: 478px) { input[type="radio"], input[type="checkbox"] { margin: 7px 0px 0px; line-height: normal; } } .form-control-inline { display: inline-block; } .form-control-tn { max-width: 90px; } textarea.form-control { margin-top: 8px; resize: none; } #messageBox > span { background: rgba(1, 47, 47, 0.15); display: block; padding: 0.4em 1em; margin: 0.5em 0em 1.5em; font-weight: 300; text-transform: uppercase; letter-spacing: 0.02em; text-align: center; font-size: 0.9em; color: rgb(1, 47, 47) !important; } .btn-donovans { color: #FFF; background-color: #003A2C; border-color: #003A2C; font-size: 1.05em; font-weight: 300; padding: 0.5em 1em; border-radius: 0px; text-transform: uppercase; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; } .btn-donovans:hover, .btn-donovans:focus, .btn-donovans:active, .btn-donovans.active, .open > .dropdown-toggle.btn-donovans { color: #FFF; background-color: #5E8669; border-color: #5E8669; } .btn-donovans:active, .btn-donovans.active, .open > .dropdown-toggle.btn-donovans { background-image: none; } .btn-donovans.disabled, .btn-donovans[disabled], fieldset[disabled] .btn-donovans, .btn-donovans.disabled:hover, .btn-donovans[disabled]:hover, fieldset[disabled] .btn-donovans:hover, .btn-donovans.disabled:focus, .btn-donovans[disabled]:focus, fieldset[disabled] .btn-donovans:focus, .btn-donovans.disabled:active, .btn-donovans[disabled]:active, fieldset[disabled] .btn-donovans:active, .btn-donovans.disabled.active, .btn-donovans[disabled].active, fieldset[disabled] .btn-donovans.active { background-color: #003A2C; border-color: #003A2C; } .btn-donovans .badge { color: #003A2C; background-color: #FFF; } .btn-lite { color: #2F3F34; background-color: #FFF; border-color: #FFF; font-size: 1.05em; font-weight: 300; padding: 0.3em 0.6em; border-radius: 0px; text-transform: uppercase; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; } .btn-lite:hover, .btn-lite:focus, .btn-lite:active, .btn-lite.active, .open > .dropdown-toggle.btn-lite { color: #FFF; background-color: #2F3F34; border-color: #2F3F34; } .btn-lite:active, .btn-lite.active, .open > .dropdown-toggle.btn-lite { background-image: none; } .btn-lite.disabled, .btn-lite[disabled], fieldset[disabled] .btn-lite, .btn-lite.disabled:hover, .btn-lite[disabled]:hover, fieldset[disabled] .btn-lite:hover, .btn-lite.disabled:focus, .btn-lite[disabled]:focus, fieldset[disabled] .btn-lite:focus, .btn-lite.disabled:active, .btn-lite[disabled]:active, fieldset[disabled] .btn-lite:active, .btn-lite.disabled.active, .btn-lite[disabled].active, fieldset[disabled] .btn-lite.active { background-color: #FFF; border-color: #FFF; } .btn-lite .badge { color: #FFF; background-color: #2F3F34; } @media (max-width: 477px) { } #fast { border-top: solid #003A2C 1px; margin: 40px 0px 0px 0px; padding: 15px 0px 0px 0px; } #fast .fastItem { max-width: 300px; margin: 0px auto; } #fast img.img-block { margin: 25px 0px 0px 0px; max-width: 100%; } #fast h2 { margin: 4px 0px 0px 0px; font-size: 2.28em; } #fast p { margin: 0px 0px 2px 0px; } #fast h3 { margin: 0px; } #fast h3 small { display: inline; font-weight: 200; color: inherit; } #fast h2 a, #fast p a, #fast h3 a, #fast h3 a, #fast a { color: #003A2C; color: rgba(0, 58, 44, 1); text-decoration: none; } #fast h2 a:hover, #fast h2 a:focus, #fast p a:hover, #fast p a:focus, #fast h3 a:hover, #fast h3 a:focus, #fast a:hover, #fast a:focus { color: #012E2F; color: rgba(0, 58, 44, 0.75); text-decoration: underline; } .contactFast { font-size: 1.1em; display: block; vertical-align: top; margin: 3em 0.5em 1em 1.5em; padding: 0px; } .fastContact .contactFast { margin: 25px 0px 0px 15px; } .fastItem .contactFast { font-size: 0.95em; margin: 15px 0px 0px 0px; } .contactFast > img { max-width: 20%; display: inline-table; margin: 0px 4% 0px 0px; } .contactFast .contactFast-inner { display: inline-table; line-height: 1.16; vertical-align: top; } .contactFast .contactFast-inner h3 { margin: 0px 0px 2px 0px; color: #000; } .contactFast .contactFast-inner p { margin: 0px 0px 2px 0px; color: #000; } contactfast-fastplans .contactFast-inner p { line-height: 1.5; margin-top: 6px; } .contactFast .contactFast-inner p a { color: #000; } @media (min-width: 478px) { .fastItem .contactFast { display: none; } body.category-buynew ul#planList li { width: 48%; margin-right: 2%; margin-bottom: 2%; } } @media (min-width: 768px) { body.category-fastplans #median > .row > .cols:first-child { padding-right: 5%; } body.category-buynew ul#planList li { width: 31%; margin-right: 2%; margin-bottom: 2%; } } @media (max-width: 477px) { #fast { border-top: 0px; margin: 0px; } #fast > .row > .cols .fastItem { border-top: solid #003A2C 1px; padding: 5px 0px 30px 0px; } #fast > .row > .cols:first-child .fastItem { border: 0px; } .fastContact .contactFast { display: none; } } @media (min-width: 478px) and (max-width: 991px) { #fast .cols:nth-child(2n+1) { clear: both; } } .panel-group.panel-group-faqs { margin-top: 40px; margin-bottom: 64px; } .panel.panel-faq { border-radius: 0px; border: 0px solid transparent; box-shadow: 0 0px 0px rgba(0, 0, 0, 0); } .panel.panel-faq .panel-heading { padding: 0px; background: none; border-top-left-radius: 0px; border-top-right-radius: 0px; } .panel.panel-faq .panel-heading h4.panel-title { margin: 0px 0px 0px 0px; padding: 0px; font-size: 1.18em; font-weight: 300; color: inherit; line-height: 1.4em; } #crux .panel.panel-faq .panel-heading h4.panel-title > a { border-top: 1px solid #C7D7BC; padding: 16px 16px 16px 44px; letter-spacing: 0.01em; color: #90AA9D; text-decoration: none; display: block; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; } #crux .panel.panel-faq .panel-heading h4.panel-title > a:hover, #crux .panel.panel-faq .panel-heading h4.panel-title > a:focus { color: #3D5F70; } #crux .panel.panel-faq .panel-heading h4.panel-title > a[aria-expanded="true"] { background: #90A99D; border-color: #90A99D; color: #FFF; padding: 8px 16px 8px 44px; } #crux .panel.panel-faq .panel-heading h4.panel-title > a[aria-expanded="false"]::before, #crux .panel.panel-faq .panel-heading h4.panel-title > a[aria-expanded="true"]::before { font-family: 'Glyphicons Halflings'; font-style: normal; font-weight: 400; line-height: 1; -moz-osx-font-smoothing: grayscale; position: absolute; margin: 0.2em 0px 0px -28px; } #crux .panel.panel-faq .panel-heading h4.panel-title > a[aria-expanded="true"]::before { content: "\e113"; color: #FFF; } #crux .panel.panel-faq .panel-heading h4.panel-title > a[aria-expanded="false"]::before { content: "\e114"; } .panel.panel-faq .panel-collapse { } .panel.panel-faq .panel-body { padding: 16px 16px 24px; font-size: 1.08em; background: #FBFCFA; margin-bottom: 4px; } .panel-group .panel-heading + .panel-collapse > .panel-body, .panel-group .panel-heading + .panel-collapse > .list-group { border-top: 0px solid #DDD; } .panel.panel-faq > .panel-heading + .panel-collapse > .panel-body { border-top-color: #DDD; } #sidegroup { width: 90%; margin: 0px 0px 0px 15px; } .pills-side { margin: 10px 20px 20px 20px; } .pills-side > li { margin: 0px 0px 3px 0px; } .pills-side > li.active > a, .pills-side > li > a { font-weight: 200; color: #3E606F; border-radius: 0px; padding: 5px 14px 7px 14px; line-height: 1.2; display: table-cell; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; background: none; } .pills-side > li.active > a:hover, .pills-side > li.active > a:focus, .pills-side > li > a:hover, .pills-side > li > a:focus { color: #FFF; background-color: #D1DABC; background: rgba(143, 169, 156, 0.9); } .pills-side > li + li { margin-left: 2px; } .pills-side > li.active > a { margin-left: -2em; } .pills-side > li.active > a::before { content: '> '; } .pills-side > li > ul { margin: 0.09em 0em 0.9em 0.3em; } .pills-side > li > ul > li { list-style: none; margin-bottom: 0.1em; } .pills-side > li > ul > li > a { color: #D1DABC; color: rgba(62, 96, 111, 0.7); font-size: 0.85em; font-weight: 300; border-radius: 0px; padding: 4px 8px; line-height: 1.2; display: table-cell; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .pills-side > li > ul > li.active > a { font-weight: 400; color: rgba(62, 96, 111, 0.9); } .pills-side > li > ul > li > a:hover, .pills-side > li > ul > li > a:focus { color: #FFF; background-color: #D1DABC; background: rgba(143, 169, 156, 0.9); text-decoration: none; } @media (max-width: 768px) { #sidegroup { background: #C7D7BC url(../img/bk-sidegroup1.png) right center no-repeat; background: rgba(238, 227, 187, 0.92); background: rgba(199, 215, 186, 0.95); background-size: 85%; background: none repeat scroll 0% 0% rgba(143, 169, 156, 0.9); width: 108%; max-width: 104%; margin: -75px 0px 4% -4%; padding: 12px; overflow: hidden; display: none; } #sidegroupCP { background: #C7D7BC url(../img/bk-sidegroup1.png) right center no-repeat; background: rgba(238, 227, 187, 0.92); background: rgba(199, 215, 186, 0.95); background-size: 85%; background: none repeat scroll 0% 0% rgba(143, 169, 156, 0.9); width: 108%; max-width: 104%; margin: -75px 0px 4% -4%; padding: 12px; overflow: hidden; display: ; } #sidegroup h6 { background: #90A99D; background: #EEE3BB; background: #FFF; background: rgba(255, 255, 255, 0.9); margin: 0px 0px 0px -15px; padding: 10px 42px 10px 65px; display: inline-table; color: #8EA99C; font-weight: 300; clear: both; } .pills-side { margin: 6px 0px 0px 10px; } .pills-side > li { float: none; display: inline-block; padding-left: 6px; } .pills-side > li + li { margin-left: 0px; } .pills-side > li.active > a, .pills-side > li > a { background: #C7D7BC; background: rgba(255, 255, 255, 0.7); font-weight: 300; padding: 12px 24px; font-size: 0.95em; color: #5E8669; width: auto; display: block; } .pills-side > li.active > a { margin-left: auto; } .pills-side > li > ul { display: none; } } #header { display: block; padding: 16px 0px 0px 0px; margin: 0px; } #brandMessage { display: none; } #brandMessage img { max-width: 98%; } body.section-homepage #brandMessage { position: absolute; max-width: 85%; top: 400px; margin-left: 2px; display: block; padding: 1.5em; background: #012F2F; background: rgba(1, 47, 47, 0.85); } /* padding: 1.5em; */ #header .topLogo { float: left; margin: -15px 0px 0px 5px; } #header .nav-pills.nav-top { font-weight: 300; margin: 35px 0px 0px 0px; float: right; } #header .nav-pills.nav-top > li { padding: 5px 5px; border-left: 1.5px solid #012F2F; border-left-color: rgba(1, 47, 47, 0.2); } #header .nav-pills.nav-top > li:first-child { border-left: 0px; } #header .nav-pills.nav-top > li > a { float: left; font-size: 14.5px; color: #012F2F; color: rgba(1, 47, 47, 0.75); margin: 0px 0px 0px 0px; padding: 5px 10px; border-radius: 0px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } #header .nav-pills.nav-top > li.active > a { color: #8FA99C; background: none; } #header .nav-pills > li.nav-twitter { padding-left: 0px; padding-right: 0px; } #header .nav-pills > li.nav-twitter a { background: url(../icons/24-twitter-fc.png) no-repeat center center; margin: 0px 0px; padding: 18px 16px; opacity: 0.4; filter: grayscale(1); -webkit-filter: grayscale(1); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } #header .nav-pills > li.nav-twitter:hover a, #header .nav-pills > li.nav-twitter:focus a { background: url(../icons/24-twitter-fc.png) no-repeat center center; opacity: 1; filter: grayscale(0); -webkit-filter: grayscale(0); } #header .nav-pills > li.nav-twitter a span { display: none; } #header .nav-pills > li.nav-facebook { border-left: none; padding-left: 0px; padding-right: 0px; } #header .nav-pills > li.nav-facebook a { background: url(../icons/24-facebook-fc.png) no-repeat center center; margin: 0px 0px; padding: 18px 16px; opacity: 0.4; filter: grayscale(1); -webkit-filter: grayscale(1); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } #header .nav-pills > li.nav-facebook:hover a, #header .nav-pills > li.nav-facebook:focus a { background: url(../icons/24-facebook-fc.png) no-repeat center center; opacity: 1; filter: grayscale(0); -webkit-filter: grayscale(0); } #header .nav-pills > li.nav-facebook a span { display: none; } #header .nav-pills > li.nav-instagram { border-left: none; padding-left: 0px; padding-right: 0px; } #header .nav-pills > li.nav-instagram a { background: url(../icons/24-instagram-fc.png) no-repeat center center; margin: 0px 0px; padding: 18px 16px; opacity: 0.4; filter: grayscale(1); -webkit-filter: grayscale(1); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } #header .nav-pills > li.nav-instagram:hover a, #header .nav-pills > li.nav-instagram:focus a { background: url(../icons/24-instagram-fc.png) no-repeat center center; opacity: 1; filter: grayscale(0); -webkit-filter: grayscale(0); } #header .nav-pills > li.nav-instagram a span { display: none; } #header .nav-pills > li.nav-pinterest { border-left: none; padding-left: 0px; } #header .nav-pills > li.nav-pinterest a { background: url(../icons/24-pinterest-fc.png) no-repeat center center; margin: 0px 0px; padding: 18px 16px; opacity: 0.4; filter: grayscale(1); -webkit-filter: grayscale(1); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } #header .nav-pills > li.nav-pinterest:hover a, #header .nav-pills > li.nav-pinterest:focus a { background: url(../icons/24-pinterest-fc.png) no-repeat center center; opacity: 1; filter: grayscale(0); -webkit-filter: grayscale(0); } #header .nav-pills > li.nav-pinterest a span { display: none; } #header nav { clear: both; font-weight: 300; margin: -53px 0px 0px 0px; padding: 0px; } .navbar-default { background: none; border: 0px; } #header nav .navbar-collapse, #header nav .container-fluid { margin: 0px; padding: 0px; } #header ul.nav.navbar-nav { margin: 0px; padding: 0px; } #header .navbar-nav > li > a { background: #FFF; padding: 13px 22px; margin: 0px 4px; font-size: 15px; color: #012F2F; color: rgba(1, 47, 47, 0.75); text-transform: uppercase; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } #header .navbar-nav > li:first-child > a { margin-left: 2px; } #header .navbar-nav > li:last-child > a { margin-right: 0px; } #header .navbar-nav > li.active > a { color: #FFF; background: #8FA99C; } #header .navbar-nav > li > a:hover #header .navbar-nav > li > a:focus { background: #013D51; background: rgba(0, 0, 0, 0.2); } #header .navbar-nav > li.active > a { color: #FFF; background: #8FA99C; background: rgba(143, 169, 156, 0.95); } #header .navbar-nav .open .dropdown-menu > li.active > a { color: #012F2F; background: #8FA99C; background: rgba(143, 169, 156, 0.15); } #header .navbar-nav > li > a:hover, #header .navbar-nav > li > a:focus, #header .navbar-nav > .active > a:hover, #header .navbar-nav > .active > a:focus #header .navbar-nav .open .dropdown-menu > li.active > a, #header .navbar-nav .open .dropdown-menu > li.active > a:hover, #header .navbar-nav .open .dropdown-menu > li.active > a:focus, #header .navbar-nav > .open > a, #header .navbar-nav > .open > a:hover, #header .navbar-nav > .open > a:focus { color: #FFF; background: #012F2F; background: rgba(1, 47, 47, 0.9); } #header .navbar-nav > li, #header .navbar-nav .open .dropdown-menu > li { font-size: 1.05em; } #header .navbar-nav .open .dropdown-menu { background-color: #FFF; background-color: rgba(255, 255, 255, 0.95); left: 4px; margin-top: -5px; box-shadow: 0px 2px 4px rgba(1, 47, 47, 0.3); border: 0px; border-radius: 0px; padding: 8px 0px 16px 0px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } #header .navbar-nav li:first-child .dropdown-menu { left: 2px; } #header .navbar-nav .open .dropdown-menu > li { margin: 2px 0px; } #header .navbar-nav .open .dropdown-menu > li > a { color: #012F2F; color: rgba(1, 47, 47, 0.75); padding: 8px 24px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } #header .navbar-nav .open .dropdown-menu > li > a:hover, #header .navbar-nav .open .dropdown-menu > li > a:focus { color: #FFF; background: #012F2F; background: rgba(143, 169, 156, 0.3); } #header .navbar-nav .open .dropdown-menu > li.subItem a { padding-left: 30px; font-size: 0.95em; } #header .navbar-nav .open .dropdown-menu > li.active > a::before { content: '> '; } .container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse { max-width: 100%; } @media (min-width: 768px) { #header .navbar-nav > li.xs-only { display: none; } } @media (min-width: 992px) { #header .nav-pills.nav-top > li { padding: 5px 10px; } #header .nav-pills > li.nav-twitter { padding-right: 0px; } #header .nav-pills > li.nav-facebook { padding-left: 0px; padding-right: 0px; } #header .nav-pills > li.nav-instagram { padding-left: 0px; padding-right: 0px; } #header .nav-pills > li.nav-pinterest { padding-left: 0px; } #header .nav-pills > li.nav-facebook a, #header .nav-pills > li.nav-twitter a, #header .nav-pills > li.nav-instagram a, #header .nav-pills > li.nav-pinterest a { padding: 18px 18px; } } @media (min-width: 1200px) { #header .navbar-nav > li > a { padding: 13px 25px; font-size: 16px; } } @media (max-width: 991px) { #header .navbar-nav > li > a { padding: 13px 6px; font-size: 14.2px; } #header .topLogo { margin: -15px 0px 0px 0px; } } @media (max-width: 767px) { #header { padding-top: 0px; } #header .nav-pills.nav-top { margin: 0px 0px 0px 0px; height: 40px; } #header .nav-pills.nav-top > li.nav-core.years { display: none; } #header .nav-pills.nav-top > li { border-left: 0px; } #header .nav-pills.nav-top > li.nav-core { padding: 7px 5px; } #header .nav-pills.nav-top > li.nav-facebook { padding: 6px 5px; } #header .nav-pills.nav-top > li.nav-core > a { font-size: 13.5px; font-weight: 400; padding: 5px 10px; } #header .topLogo { clear: right; float: none; padding: 15px 0px 0px 5px; margin: 0px 0px 0px; max-width: 180px; } #header nav { margin: -375px 0px 0px 0px; z-index: 99; } body.section-homepage #header nav { margin: -475px 0px 0px 0px; z-index: 99; } body.section-yourturn #header nav { margin: -475px 0px 0px 0px; z-index: 99; } body.category-buynew #header nav { margin: -475px 0px 0px 0px; z-index: 99; } /* body.section-homepage #header nav { margin: -500px 0px 0px 0px; z-index: 99; } */ .navbar-default .navbar-toggle { margin: 9px 0px; border-color: #8FA99C; background: #FFF; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .navbar-default .navbar-toggle .icon-bar { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; background-color: #8FA99C; } .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { border-color: #012F2F; background: #012F2F; background: rgba(1, 47, 47, 0.9); } .navbar-default .navbar-toggle:hover .icon-bar, .navbar-default .navbar-toggle:focus .icon-bar { background: #FFF; } #header .navbar-nav > li > a { font-size: 15.5px; color: #FFF; background: #012F2F; background: rgba(1, 47, 47, 0.9); padding: 0.8em 2em; margin: 0px 4px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } #header .navbar-nav > li > a:hover, #header .navbar-nav > li > a:focus, #header .navbar-nav > .active > a:hover, #header .navbar-nav > .active > a:focus #header .navbar-nav .open .dropdown-menu > li.active > a, #header .navbar-nav .open .dropdown-menu > li.active > a:hover, #header .navbar-nav .open .dropdown-menu > li.active > a:focus, #header .navbar-nav > .open > a, #header .navbar-nav > .open > a:hover, #header .navbar-nav > .open > a:focus { color: #012F2F; background: #FFF; background: rgba(255, 255, 255, 0.9); } #header .navbar-nav > li, #header .navbar-nav .open .dropdown-menu > li { font-size: 14px; } #header .navbar-nav .open .dropdown-menu { margin: -8px 2px 5px 0px; padding: 8px 0px 8px; background: #FFF; background: rgba(255, 255, 255, 0.95); } /* #header .navbar-nav .open .dropdown-menu > li { width: 49%; display: inline-block; } */ #header .navbar-nav .open .dropdown-menu > li > a:hover, #header .navbar-nav .open .dropdown-menu > li > a:focus { color: #012F2F; background: #012F2F; background: rgba(143, 169, 156, 0.3); } } @media (max-width: 558px) { body.section-homepage #header nav { margin: -325px 0px 0px 0px; z-index: 99; } body.category-buynew #header nav { margin: -325px 0px 0px 0px; z-index: 99; } /* body.section-homepage #header nav { margin: -375px 0px 0px 0px; z-index: 99; } */ #header nav { margin: -300px 0px 0px 0px; z-index: 99; } } @media (max-width: 398px) { #header nav { margin: -265px 0px 0px 0px; z-index: 99; } body.section-homepage #header nav { margin: -278px 0px 0px 0px; z-index: 99; } } #footer { background-color: #003A2C; margin: 8em 0px -30px 0px; padding: 60px 12px 40px 12px; font-weight: 300; font-size: 0.8em; color: #FFF; } body.section-homepage #footer { margin-top: 0px; } #footer a { color: #FFF; } #footer a:focus, #footer a:hover { color: #D1DABC; } #footer ul.nav-pills.pills-footBar { padding: 0px; display: none; } #footer .nav-pills.pills-footBar > li { float: left; width: 49%; padding: 2px 0px 2px 0px; } #footer .nav-pills.pills-footBar > li + li { margin-left: 0px; } #footer .nav-pills.pills-footBar > li > a { border-radius: 0px; padding: 4px 10px; margin: 0px; color: #FFF; color: rgba(255, 255, 255, 0.8); letter-spacing: 0em; background: none; text-transform: uppercase; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } #footer .nav-pills.pills-footBar > li.active > a { color: #FFF; } #footer .nav-pills.pills-footBar > li > a:focus, #footer .nav-pills.pills-footBar > li > a:hover { color: #FFF; background-color: #D1DABC; background: rgba(209, 218, 188, 0.65); } #footer .nav-pills.pills-footBar span { display: none; } #footer .nav-pills.pills-footBar > li.nav-sm a { margin: 0px 2px; padding: 18px 20px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } #footer .contact { margin: 0px 3.5em 0em 0px; } #footer .logo { margin: 0px 0em 2.5em 0px; } #footer .contact .row { clear: both; } #footer .contact .connect { margin-top: 1px; text-align: right; } #footer .contact .hours { border-left: 1px solid #FFF; text-align: right; margin-left: 7%; } @media (max-width: 992px) { #footer .logo { margin: 0em 0px 0.5em 0px; } #footer .contact .connect, #footer .contact .hours { border-left: 0px; margin-top: 1.25em; text-align: right; } } @media (max-width: 768px) { #footer { font-size: 0.9em; } #footer .logo { margin: 0em 0px 15px 0px; float: none; } #footer .logo img { margin: 0em auto; } #footer .contact { margin: 0px; } #footer .contact .connect, #footer .contact .hours { border-left: 0px; margin: 2em 0px 2em 0px; text-align: center; } } @media (max-width: 478px) { #footer { font-size: 1em; margin: 15px 0px 0px 0px; padding: 15px 12px 15px 12px; } } .carousel { position: relative; clear: both; margin-top: 15px; } #carousel-example-generic2.carousel { margin-top: -18px; margin-bottom: 18px; } #carousel-example-generic3.carousel { margin-top: 0px; margin-bottom: 0px; } #carousel-example-generic3.carousel.items-0, #carousel-example-generic3.carousel.items-1 { margin-bottom: 60px; } #carousel-example-generic3.carousel.items-2, #carousel-example-generic3.carousel.items-3 { margin-bottom: 120px; } #carousel-example-generic3.carousel.items-4, #carousel-example-generic3.carousel.items-5 { margin-bottom: 180px; } #carousel-example-generic3.carousel.items-6, #carousel-example-generic3.carousel.items-7 { margin-bottom: 240px; } #carousel-example-generic3.carousel.items-8, #carousel-example-generic3.carousel.items-9 { margin-bottom: 300px; } #carousel-example-generic3.carousel.items-10, #carousel-example-generic3.carousel.items-11 { margin-bottom: 360px; } #carousel-example-generic3.carousel.items-12, #carousel-example-generic3.carousel.items-13 { margin-bottom: 420px; } #carousel-example-generic3.carousel.items-14, #carousel-example-generic3.carousel.items-15 { margin-bottom: 480px; } #carousel-example-generic3.carousel.items-16, #carousel-example-generic3.carousel.items-17 { margin-bottom: 540px; } #carousel-example-generic3.carousel.items-18, #carousel-example-generic3.carousel.items-19 { margin-bottom: 600px; } #carousel-example-generic3.carousel.items-20, #carousel-example-generic3.carousel.items-21 { margin-bottom: 660px; } #carousel-example-generic3.carousel.items-22, #carousel-example-generic3.carousel.items-23 { margin-bottom: 720px; } @media screen and (min-width: 400px) { #carousel-example-generic3.carousel.items-0, #carousel-example-generic3.carousel.items-1, #carousel-example-generic3.carousel.items-2 { margin-bottom: 60px; } #carousel-example-generic3.carousel.items-3, #carousel-example-generic3.carousel.items-4, #carousel-example-generic3.carousel.items-5 { margin-bottom: 120px; } #carousel-example-generic3.carousel.items-6, #carousel-example-generic3.carousel.items-7, #carousel-example-generic3.carousel.items-8 { margin-bottom: 180px; } #carousel-example-generic3.carousel.items-9, #carousel-example-generic3.carousel.items-10, #carousel-example-generic3.carousel.items-11 { margin-bottom: 240px; } #carousel-example-generic3.carousel.items-12, #carousel-example-generic3.carousel.items-13, #carousel-example-generic3.carousel.items-14 { margin-bottom: 300px; } #carousel-example-generic3.carousel.items-15, #carousel-example-generic3.carousel.items-16, #carousel-example-generic3.carousel.items-17 { margin-bottom: 360px; } #carousel-example-generic3.carousel.items-18, #carousel-example-generic3.carousel.items-19, #carousel-example-generic3.carousel.items-20 { margin-bottom: 420px; } #carousel-example-generic3.carousel.items-21, #carousel-example-generic3.carousel.items-22, #carousel-example-generic3.carousel.items-23 { margin-bottom: 480px; } } @media screen and (min-width: 550px) { #carousel-example-generic3.carousel.items-0, #carousel-example-generic3.carousel.items-1, #carousel-example-generic3.carousel.items-2, #carousel-example-generic3.carousel.items-3 { margin-bottom: 60px; } #carousel-example-generic3.carousel.items-4, #carousel-example-generic3.carousel.items-5, #carousel-example-generic3.carousel.items-6, #carousel-example-generic3.carousel.items-7 { margin-bottom: 120px; } #carousel-example-generic3.carousel.items-8, #carousel-example-generic3.carousel.items-9, #carousel-example-generic3.carousel.items-10, #carousel-example-generic3.carousel.items-11 { margin-bottom: 180px; } #carousel-example-generic3.carousel.items-12, #carousel-example-generic3.carousel.items-13, #carousel-example-generic3.carousel.items-14, #carousel-example-generic3.carousel.items-15 { margin-bottom: 240px; } #carousel-example-generic3.carousel.items-16, #carousel-example-generic3.carousel.items-17, #carousel-example-generic3.carousel.items-18, #carousel-example-generic3.carousel.items-19 { margin-bottom: 300px; } #carousel-example-generic3.carousel.items-20, #carousel-example-generic3.carousel.items-21, #carousel-example-generic3.carousel.items-22, #carousel-example-generic3.carousel.items-23 { margin-bottom: 360px; } } @media screen and (min-width: 992px) { #carousel-example-generic3.carousel.items-0, #carousel-example-generic3.carousel.items-1, #carousel-example-generic3.carousel.items-2, #carousel-example-generic3.carousel.items-3, #carousel-example-generic3.carousel.items-4, #carousel-example-generic3.carousel.items-5 { margin-bottom: 60px; } #carousel-example-generic3.carousel.items-6, #carousel-example-generic3.carousel.items-7, #carousel-example-generic3.carousel.items-8, #carousel-example-generic3.carousel.items-9, #carousel-example-generic3.carousel.items-10, #carousel-example-generic3.carousel.items-11 { margin-bottom: 120px; } #carousel-example-generic3.carousel.items-12, #carousel-example-generic3.carousel.items-13, #carousel-example-generic3.carousel.items-14, #carousel-example-generic3.carousel.items-15, #carousel-example-generic3.carousel.items-16, #carousel-example-generic3.carousel.items-17 { margin-bottom: 180px; } #carousel-example-generic3.carousel.items-18, #carousel-example-generic3.carousel.items-19, #carousel-example-generic3.carousel.items-20, #carousel-example-generic3.carousel.items-21, #carousel-example-generic3.carousel.items-22, #carousel-example-generic3.carousel.items-23 { margin-bottom: 240px; } } .carousel-inner { position: relative; overflow: hidden; } .carousel-inner > .item { position: relative; display: none; left: 50%; margin-left: 0px; -webkit-transition: .6s ease-in-out left; -o-transition: .6s ease-in-out left; transition: 0.6s ease-in-out left; } .carousel-inner > .item > img, .carousel-inner > .item > a > img { display: block; line-height: 1; } @media all and (transform-3d), (-webkit-transform-3d) { .carousel-inner > .item { -webkit-transition: -webkit-transform .6s ease-in-out; -o-transition: -o-transform .6s ease-in-out; transition: transform 0.6s ease-in-out; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-perspective: 1000; perspective: 1000; } .carousel-inner > .item.next, .carousel-inner > .item.active.right { left: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } .carousel-inner > .item.prev, .carousel-inner > .item.active.left { left: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } .carousel-inner > .item.next.left, .carousel-inner > .item.prev.right, .carousel-inner > .item.active { left: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .carousel-inner > .active, .carousel-inner > .next, .carousel-inner > .prev { display: block; } .carousel-inner > .active { left: 0; } .carousel-inner > .next, .carousel-inner > .prev { position: absolute; top: 0; width: 100%; } .carousel-inner > .next { left: 100%; } .carousel-inner > .prev { left: -100%; } .carousel-inner > .next.left, .carousel-inner > .prev.right { left: 0; } .carousel-inner > .active.left { left: -100%; } .carousel-inner > .active.right { left: 100%; } .carousel-control { position: absolute; top: 0; bottom: 0; left: 0; width: 15%; font-size: 20px; color: #FFF; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); filter: alpha(opacity=50); opacity: 0.5; } .carousel-control.left { } .carousel-control.right { right: 0; left: auto; } .carousel-control:hover, .carousel-control:focus { color: #FFF; text-decoration: none; filter: alpha(opacity=90); outline: 0; opacity: 0.9; } .carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right { position: absolute; top: 50%; z-index: 5; display: inline-block; } .carousel-control .icon-prev, .carousel-control .glyphicon-chevron-left { left: 50%; margin-left: -10px; } .carousel-control .icon-next, .carousel-control .glyphicon-chevron-right { right: 50%; margin-right: -10px; } .carousel-control .icon-prev, .carousel-control .icon-next { width: 20px; height: 20px; margin-top: -10px; font-family: serif; line-height: 1; } .carousel-control .icon-prev:before { content: '\2039'; } .carousel-control .icon-next:before { content: '\203a'; } .carousel-indicators { position: absolute; top: 30px; left: 50%; z-index: 15; width: 60%; padding-left: 0; margin-left: -30%; text-align: center; list-style: none; } #carousel-example-generic2 .carousel-indicators { top: 90%; left: 50%; } #carousel-example-generic3 .carousel-indicators { top: 100%; left: 0%; width: 100%; margin-left: 0px; margin-top: 5px; } .carousel-indicators li { display: inline-block; width: 13px; height: 13px; margin: 1px 3px; text-indent: -999px; cursor: pointer; background-color: #000 \9; background-color: rgba(0, 0, 0, 0); border: 3px solid #FFF; border-radius: 10px; } .carousel-indicators .active { width: 15px; height: 15px; margin: 0 2px; background-color: #FFF; } #carousel-example-generic2 .carousel-indicators li { border-color: #002E2E; } #carousel-example-generic2 .carousel-indicators .active { background-color: #002E2E; } #carousel-example-generic3 .carousel-indicators li { height: auto; width: 110px; border: 0px; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; opacity: 1; } #carousel-example-generic3 .carousel-indicators li img { max-height: 55px; } #carousel-example-generic3 .carousel-indicators .active { opacity: 0.25; margin: 1px 3px; } .carousel-caption { position: absolute; top: 25%; margin-left: -75px; z-index: 10; color: #FFF; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); padding: 8px; background: #012F2F; background: rgba(1, 47, 47, 0.85); display: block; width: 431px; max-width: 70%; } .carousel-caption .btn { text-shadow: none; } .carousel-caption > img, .carousel-caption > a > img { display: block; max-width: 100%; height: auto; } @media screen and (min-width: 768px) { .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-prev, .carousel-control .icon-next { width: 30px; height: 30px; margin-top: -15px; font-size: 30px; } .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev { margin-left: -15px; } .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next { margin-right: -15px; } .carousel-caption { right: 20%; left: 20%; padding-bottom: 30px; } .carousel-indicators { bottom: 20px; } #carousel-example-generic3 .carousel-indicators li { max-width: 21%; } } @media screen and (min-width: 992px) { #carousel-example-generic3 .carousel-indicators li { max-width: 15%; } } @media screen and (max-width: 768px) { .carousel-caption { margin: 0% 15%; } #carousel-example-generic3 .carousel-indicators li { max-width: 22%; min-width: 22%; } } @media screen and (max-width: 549px) { #carousel-example-generic3 .carousel-indicators li { max-width: 30%; min-width: 30%; } } @media screen and (max-width: 399px) { #carousel-example-generic3 .carousel-indicators li { max-width: 45%; min-width: 45%; } } #carousel-example-generic .carousel-inner .item-main { background: url(../slides/main-400x154.jpg) center top no-repeat; background-size: cover; } #carousel-example-generic .carousel-inner .item-snow { background: url(../slides/snow-400x154.jpg) center top no-repeat; background-size: cover; } #carousel-example-generic .carousel-caption { display: none; } @media only screen and (min-width: 398px) { #carousel-example-generic .carousel-inner > .item > img { padding: 30px 0px 31px 0px; } /* #carousel-example-generic .carousel-inner > .item > a > img { padding: 30px 0px 31px 0px; } */ #carousel-example-generic .carousel-caption { top: 35%; padding: 12px; } #carousel-example-generic .carousel-inner .item-main { background: url(../slides/main-560x215.jpg) center top no-repeat; background-size: cover; } #carousel-example-generic .carousel-inner .item-snow { background: url(../slides/snow-560x215.jpg) center top no-repeat; background-size: cover; } } @media only screen and (min-width: 558px) { #carousel-example-generic .carousel-inner > .item > img { padding: 53px 0px; } #carousel-example-generic .carousel-inner .item-main { background: url(../slides/main-1000x385.jpg) center top no-repeat; background-size: cover; } #carousel-example-generic .carousel-inner .item-snow { background: url(../slides/snow-1000x385.jpg) center top no-repeat; background-size: cover; } } @media only screen and (min-width: 992px) { #carousel-example-generic .carousel-inner .item-main { background: url(../slides/main-2000x260.jpg) center top no-repeat; background-size: cover; } #carousel-example-generic .carousel-inner .item-snow { background: url(../slides/snow-2000x260.jpg) center top no-repeat; background-size: cover; } } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) { #carousel-example-generic .carousel-inner > .item > img { padding: 53px 0px; } body.section-homepage .carousel-inner > .item > img { padding: 115px 0px 116px 0px; } body.section-homepage .carousel-inner > .item > a > img { padding: 115px 0px 116px 0px; } #carousel-example-generic .carousel-inner .item-main { background: url(../slides/main-1000x385.jpg) center top no-repeat; background-size: cover; } #carousel-example-generic .carousel-inner .item-snow { background: url(../slides/snow-1000x385.jpg) center top no-repeat; background-size: cover; } }