/* 01 - GOOGLE FONTS 02 - GLOBAL STYLES 03 - FOOTERS 04 - ICONS 05 - SLIDERS 06 - COLUMNS 07 - TYPOGRAPHY 08 - PRICING TABLES 09 - PORTFOLIO 10 - UI ELEMENTS 11 - MULTIMEDIA 12 - OTHER ELEMENTS 13 - DESIGN 14 - COMPANY 15 - CUSTOMERS 16 - PAGES 17 - BLOG 18 - STORE */ /* 01 - GOOGLE FONTS */ /* Google fonts - Open Sans */ @font-face { font-family: 'open_sanslight'; src: url('../fonts/open-sans/opensans-light-webfont.eot'); src: url('../fonts/open-sans/opensans-light-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/open-sans/opensans-light-webfont.woff2') format('woff2'), url('../fonts/open-sans/opensans-light-webfont.woff') format('woff'), url('../fonts/open-sans/opensans-light-webfont.ttf') format('truetype'), url('../fonts/open-sans/opensans-light-webfont.svg#open_sanslight') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'open_sansregular'; src: url('../fonts/open-sans/opensans-regular-webfont.eot'); src: url('../fonts/open-sans/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/open-sans/opensans-regular-webfont.woff2') format('woff2'), url('../fonts/open-sans/opensans-regular-webfont.woff') format('woff'), url('../fonts/open-sans/opensans-regular-webfont.ttf') format('truetype'), url('../fonts/open-sans/opensans-regular-webfont.svg#open_sansregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'open_sansbold'; src: url('../fonts/open-sans/opensans-bold-webfont.eot'); src: url('../fonts/open-sans/opensans-bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/open-sans/opensans-bold-webfont.woff2') format('woff2'), url('../fonts/open-sans/opensans-bold-webfont.woff') format('woff'), url('../fonts/open-sans/opensans-bold-webfont.ttf') format('truetype'), url('../fonts/open-sans/opensans-bold-webfont.svg#open_sansbold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'open_sansextrabold'; src: url('../fonts/open-sans/opensans-extrabold-webfont.eot'); src: url('../fonts/open-sans/opensans-extrabold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/open-sans/opensans-extrabold-webfont.woff2') format('woff2'), url('../fonts/open-sans/opensans-extrabold-webfont.woff') format('woff'), url('../fonts/open-sans/opensans-extrabold-webfont.ttf') format('truetype'), url('../fonts/open-sans/opensans-extrabold-webfont.svg#open_sansextrabold') format('svg'); font-weight: normal; font-style: normal; } /* Google Fonts (Examples Page) */ .open-sans-light-regular { font-family: 'open_sanslight', Arial, sans-serif; color: #333333; } h1.open-sans-light-regular { color: #333333 !important; } h2.open-sans-light-regular { color: #333333 !important; } h3.open-sans-light-regular { color: #333333 !important; } h4.open-sans-light-regular { color: #333333 !important; } h5.open-sans-light-regular { color: #333333 !important; } h6.open-sans-light-regular { color: #333333 !important; } .open-sans-regular { font-family: 'open_sansregular', Arial, sans-serif; color: #333333; } h1.open-sans-regular { color: #333333 !important; } h2.open-sans-regular { color: #333333 !important; } h3.open-sans-regular { color: #333333 !important; } h4.open-sans-regular { color: #333333 !important; } h5.open-sans-regular { color: #333333 !important; } h6.open-sans-regular { color: #333333 !important; } .open-sans-bold { font-family: 'open_sansbold', Arial, sans-serif; color: #333333; } h1.open-sans-bold { color: #333333 !important; } h2.open-sans-bold { color: #333333 !important; } h3.open-sans-bold { color: #333333 !important; } h4.open-sans-bold { color: #333333 !important; } h5.open-sans-bold { color: #333333 !important; } h6.open-sans-bold { color: #333333 !important; } .open-sans-extra-bold-regular { font-family: 'open_sansextrabold', Arial, sans-serif; color: #333333; } h1.open-sans-extra-bold-regular { color: #333333 !important; } h2.open-sans-extra-bold-regular { color: #333333 !important; } h3.open-sans-extra-bold-regular { color: #333333 !important; } h4.open-sans-extra-bold-regular { color: #333333 !important; } h5.open-sans-extra-bold-regular { color: #333333 !important; } h6.open-sans-extra-bold-regular { color: #333333 !important; } /* Google fonts - Lato */ @font-face { font-family: 'latoblack'; src: url('../fonts/lato/lato-black-webfont.eot'); src: url('../fonts/lato/lato-black-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/lato/lato-black-webfont.woff2') format('woff2'), url('../fonts/lato/lato-black-webfont.woff') format('woff'), url('../fonts/lato/lato-black-webfont.ttf') format('truetype'), url('../fonts/lato/lato-black-webfont.svg#latoblack') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'latobold'; src: url('../fonts/lato/lato-bold-webfont.eot'); src: url('../fonts/lato/lato-bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/lato/lato-bold-webfont.woff2') format('woff2'), url('../fonts/lato/lato-bold-webfont.woff') format('woff'), url('../fonts/lato/lato-bold-webfont.ttf') format('truetype'), url('../fonts/lato/lato-bold-webfont.svg#latobold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'latolight'; src: url('../fonts/lato/lato-light-webfont.eot'); src: url('../fonts/lato/lato-light-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/lato/lato-light-webfont.woff2') format('woff2'), url('../fonts/lato/lato-light-webfont.woff') format('woff'), url('../fonts/lato/lato-light-webfont.ttf') format('truetype'), url('../fonts/lato/lato-light-webfont.svg#latolight') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'latoregular'; src: url('../fonts/lato/lato-regular-webfont.eot'); src: url('../fonts/lato/lato-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/lato/lato-regular-webfont.woff2') format('woff2'), url('../fonts/lato/lato-regular-webfont.woff') format('woff'), url('../fonts/lato/lato-regular-webfont.ttf') format('truetype'), url('../fonts/lato/lato-regular-webfont.svg#latoregular') format('svg'); font-weight: normal; font-style: normal; } /* Google Fonts (Examples Page) */ .lato-light { font-family: 'latolight', Arial, sans-serif; color: #333333; } h1.lato-light { color: #333333 !important; } h2.lato-light { color: #333333 !important; } h3.lato-light { color: #333333 !important; } h4.lato-light { color: #333333 !important; } h5.lato-light { color: #333333 !important; } h6.lato-light { color: #333333 !important; } .lato-regular { font-family: 'latoregular', Arial, sans-serif; color: #333333; } h1.lato-regular { color: #333333 !important; } h2.lato-regular { color: #333333 !important; } h3.lato-regular { color: #333333 !important; } h4.lato-regular { color: #333333 !important; } h5.lato-regular { color: #333333 !important; } h6.lato-regular { color: #333333 !important; } .lato-bold { font-family: 'latobold', Arial, sans-serif; color: #333333; } h1.lato-bold { color: #333333 !important; } h2.lato-bold { color: #333333 !important; } h3.lato-bold { color: #333333 !important; } h4.lato-bold { color: #333333 !important; } h5.lato-bold { color: #333333 !important; } h6.lato-bold { color: #333333 !important; } .lato-black-regular { font-family: 'latoblack', Arial, sans-serif; color: #333333; } h1.lato-black-regular { color: #333333 !important; } h2.lato-black-regular { color: #333333 !important; } h3.lato-black-regular { color: #333333 !important; } h4.lato-black-regular { color: #333333 !important; } h5.lato-black-regular { color: #333333 !important; } h6.lato-black-regular { color: #333333 !important; } /* 02 - GLOBAL STYLES */ html { overflow-x: hidden; -moz-font-smoothing: antialiased; -webkit-font-smoothing: antialiased; -o-font-smoothing: antialiased; } html, body { font-family: 'open_sansregular', Arial, sans-serif; height: 100%; min-width: 320px !important; } body { color: #82A7B3; top: 0; } .row { margin-right: 0; margin-left: 0; } section { padding-top: 0px; padding-right: 0; padding-left: 0; padding-bottom: 20px; } ::-moz-selection { color: #FFFFFF; background: #666666; } ::-webkit-selection { color: #FFFFFF; background: #666666; } /* No Margin */ .no-margin { margin: 0 !important; } .no-margin-top { margin-top: 0 !important; } .no-margin-right { margin-right: 0 !important; } .no-margin-bottom { margin-bottom: 0 !important; } .no-margin-left { margin-left: 0 !important; } /* No Padding */ .no-padding { padding: 0 !important; } .no-padding-top { padding-top: 0 !important; } .no-padding-right { padding-right: 0 !important; } .no-padding-bottom { padding-bottom: 0 !important; } .no-padding-left { padding-left: 0 !important; } /* Padding */ .padding-15 { padding: 15px; } /* Wrappers */ #page-wrap { margin: auto; padding: 0; height: auto; min-height: 100%; background-color: #FFFFFF; -webkit-box-shadow: 0px 0px 2px 0px rgba(207, 207, 207, 1); -moz-box-shadow: 0px 0px 2px 0px rgba(207, 207, 207, 1); box-shadow: 0px 0px 2px 0px rgba(207, 207, 207, 1); } #page-wrap.container { overflow: hidden; } /* Page */ .page a, .page a:link { color: #333333; font-weight: bold; } .page img { border-radius: 0; } .page h3 { margin-top: 0; font-size: 1.563em; } /* Box Wrap */ .box-wrap { padding: 15px; margin-top: 2px; margin-bottom: -14px; background-color: #FFFFFF; border-radius: 0; border: 1px solid #C5C5C5; box-shadow: none; } .box-wrap h4 { color: #686868; font-size: 1em; margin-top: 10px; margin-bottom: 20px; font-weight: bold; } .box-content { margin-top: 12px; } .box-wrap-title { padding-top: 8px; padding-bottom: 3px; } .box-wrap-title h4 { color: #888888; font-weight: bold; position: absolute; margin-top: -9px; margin-bottom: 20px; font-size: 1em; text-transform: capitalize; } .box-wrap-title span { background-color: #FFFFFF; padding-right: 10px; } .box-wrap-title hr { border-color: #C5C5C5; border-style: solid; margin-top: -1px; background: none; height: 0; display: block; border-bottom: none; } /* Backgrounds */ /* Background Colors */ .background-color-light-gray { background-color: #FFFFFF; } .background-color-medium-gray { background-color: #E5E5E5; } .background-color-dark-gray { background-color: #626973; } .overlay-color-bg { z-index: 1; width: 100%; height: 100%; } .overlay-color-dark-bg { z-index: 1; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.6); } /* Background Image Static */ #background-image-static { padding: 140px 0 140px 0; border-bottom: 1px solid #DADADA; background-color: #DADFE3; background-image: url("../images/bg-1.jpg"); background-repeat: no-repeat; background-position: center 100%; height: auto; width: 100%; -webkit-background-size: 100%; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #background-image-static h1 { font-size: 3.125em; margin-top: 10px; margin-bottom: 0; color: #333333; } #background-image-static span { font-family: 'open_sansbold', Arial, sans-serif; } #background-image-static .btn { margin-top: 30px; } /* Links */ a { text-decoration: none !important; outline: 0 !important; } a:link { text-decoration: none !important; outline: 0 !important; } a:hover { color: #82A7B3; } a:focus { outline: 0 !important; } /* Center Elements */ .div-center { text-align: center !important; vertical-align: middle; padding: 0; } .div-center * { margin: 0 auto; } /* Tooltip */ .tooltip-inner { color: #FFFFFF; background-color: #727272; } .tooltip.top .tooltip-arrow { border-top-color: #727272; } .tooltip.top-left .tooltip-arrow { border-top-color: #727272; } .tooltip.top-right .tooltip-arrow { border-top-color: #727272; } .tooltip.right .tooltip-arrow { border-right-color: #727272; } .tooltip.left .tooltip-arrow { border-left-color: #727272; } .tooltip.bottom .tooltip-arrow { border-bottom-color: #727272; } .tooltip.bottom-left .tooltip-arrow { border-bottom-color: #727272; } .tooltip.bottom-right .tooltip-arrow { border-bottom-color: #727272; } .bs-example-tooltip .tooltip { position: relative; display: inline-block; margin: 10px 20px; opacity: 1 } /* Panel */ .panel { border-radius: 0; border: 1px solid #82A7B3; box-shadow: none; } .panel h1 { margin-top: 0; font-size: 2em; } .panel-default > .panel-heading { color: #FFFFFF; border-radius: 0; } .panel [class^="flaticon-"]::before, .panel [class*=" flaticon-"]::before, .panel [class^="flaticon-"]::after, .panel [class*=" flaticon-"]::after { font-family: Flaticon; font-size: 1.875em; font-style: normal; margin-left: 0; } /* Well */ .well { background-color: #F4F7F7; border: 2px solid #82A7B3; border-radius: 0; box-shadow: none; margin-bottom: 6px; min-height: 20px; padding: 20px 19px 20px; box-shadow: none; } .well hr { margin-top: 0; background: none; height: 0; width: 100%; display: block; border-bottom: none; } .well h3 { margin-top: 2px; } .well h4 { font-weight: bold; } /* Breadcrumb */ .breadcrumb-box { background-image: url("../images/breadcrumb-background.jpg"); background-repeat: no-repeat; background-position: center 100%; height: auto; width: 100%; -webkit-background-size: 100%; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .breadcrumb-container { color: #FFFFFF; padding: 10px 0 10px 0; } .breadcrumb-container .breadcrumb { background-color: transparent; border-radius: 0; list-style: outside none none; margin-bottom: 3px; padding: 17px 0; text-align: right; font-size: 0.813em; text-transform: uppercase; } .breadcrumb-container h3 { font-family: 'open_sansbold', Arial, sans-serif; font-size: 1.125em; margin-top: 16px; } .breadcrumb-container .breadcrumb a { color: #FFFFFF; } .breadcrumb span.active { font-family: 'open_sansbold', Arial, sans-serif; color: #FFFFFF; } .breadcrumb > li + li::before { color: #FFFFFF; } /* Jumbotron */ .container .jumbotron, .container-fluid .jumbotron { border-radius: 0; } .jumbotron-bg-container { color: #FFFFFF; padding-bottom: 23px; background-color: #EAEAEA; background-image: url("../images/bg-6.jpg"); background-repeat: no-repeat; background-position: center 100%; background-position: center center; height: auto; width: 100%; -webkit-background-size: 100%; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .jumbotron-bg { color: #FFFFFF; padding: 120px 10px 140px 10px; background-color: #3D556D; background-image: url("../images/bg-9.jpg"); background-repeat: no-repeat; background-position: center 100%; background-position: center center; height: auto; width: 100%; -webkit-background-size: 100%; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .jumbotron-bg h1 { font-weight: bold; font-size: 4em; } .jumbotron-bg h2 { font-weight: bold; font-size: 3em; } .jumbotron-bg h3 { font-family: 'open_sanslight', Arial, sans-serif; font-size: 2em; } /* Timeline*/ .timeline dl { position: relative; top: 0; padding: 20px 0; margin: 0; } .timeline dl:before { position: absolute; top: 0; bottom: 0; left: 50%; z-index: 100; width: 2px; margin-left: -1px; content: ''; } .timeline dl dt { position: relative; top: 30px; z-index: 200; width: 120px; padding: 3px 5px 3px; margin: 0 auto 30px; font-weight: bold; text-align: center; background-color: #FFFFFF; border-radius: 4px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); } .timeline dl dd { position: relative; z-index: 200; } .timeline dl dd .circle { position: absolute; top: 40px; left: 50%; z-index: 200; width: 22px; height: 22px; margin-left: -11px; background-color: #FFFFFF; border-radius: 50%; } .timeline dl dd .time { position: absolute; top: 31px; left: 50%; display: inline-block; width: 100px; padding: 10px 20px; color: #333333; font-weight: bold; } .timeline dl dd .events { position: relative; width: 47%; padding: 10px 10px 0; margin-top: 31px; font-size: 0.875em; background-color: #FFFFFF; border-radius: 4px; color: #333333; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); } .timeline dl dd .events .events-object { margin-right: 10px; } .timeline dl dd .events .events-body { overflow: hidden; } .timeline h4.events-heading { margin: 0 0 10px; font-size: 1em; font-weight: bold; } .timeline dl dd.pos-right .time { margin-left: -100px; text-align: right; } .timeline dl dd.pos-right .events { float: right; } .timeline dl dd.pos-right .events:before { left: -12px; border-color: transparent #FFFFFF transparent transparent; } .timeline dl dd.pos-left .time { margin-left: 0; text-align: left; } .timeline dl dd.pos-left .events { float: left; } .timeline dl dd.pos-left .events:before { right: -12px; border-color: transparent transparent transparent #FFFFFF; } /* Call to action */ /* Call to action 1 */ #call-to-action-1 { padding: 20px 0 0 0; } #call-to-action-1 .well { padding: 16px 10px 16px 10px; background-color: #FFFFFF; color: #82A7B3; font-size: 1em; box-shadow: none; } #call-to-action-1 p { margin-bottom: 10px; } #call-to-action-1 .btn { font-weight: bold; margin-top: 0; } /* Call to action 2 */ #call-to-action-2 { background-image: url(url); background-repeat: no-repeat; background-position: center 100%; height: auto; width: 100%; -webkit-background-size: 100%; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; padding: 30px 0 8px 0; } #call-to-action-2 .well { background-color: #FFFFFF; padding-bottom: 15px; color: #82A7B3; } #call-to-action-2 h2 { font-family: 'open_sansbold', Arial, sans-serif; font-size: 1.563em; margin-top: 0; } #call-to-action-2 h3 { font-size: 1.250em; color: #82A7B3; } #call-to-action-2 .btn { font-family: 'open_sansbold', Arial, sans-serif; } /* Call to action 3 */ #call-to-action-3 { padding: 20px 0 0 0; } #call-to-action-3 .well { padding: 10px 10px 22px 10px; background-color: transparent; border-left: none; border-right: none; border-radius: 0; color: #82A7B3; font-size: 1em; box-shadow: none; } #call-to-action-3 p { margin-top: 10px; } #call-to-action-3 .btn { font-family: 'open_sansbold', Arial, sans-serif; margin-top: 10px; } /* Call to action 4 */ #call-to-action-4 { background-color: #1D1918; background-image: url("../images/bg-11.jpg"); background-repeat: no-repeat; background-position: center 100%; height: auto; width: 100%; -webkit-background-size: 100%; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; padding: 100px 0 100px 0; } #call-to-action-4 h2 { font-family: 'open_sansbold', Arial, sans-serif; font-size: 2.5em; margin-top: 0; color: #FFFFFF; } #call-to-action-4 h3 { font-size: 1.250em; color: #FFFFFF; } #call-to-action-4 .btn { font-family: 'open_sansbold', Arial, sans-serif; } /* Features */ /* Features 1 */ .features-1 { padding: 2em 0 0.5em; } .features-1 .icon-circle { background-color: #FFFFFF; width: 120px; height: 120px; padding: 8px 20px 20px 20px; line-height: 100px; -moz-border-radius: 50%; -webkit-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; margin: 0 auto; transition: all 0.2s ease-in-out 0.2s; -ms-transition: all 0.2s ease-in-out 0.2s; -moz-transition: all 0.2s ease-in-out 0.2s; -webkit-transition: all 0.2s ease-in-out 0.2s; -o-transition: all 0.2s ease-in-out 0.2s; } body #features-1 .features-1-content:hover .icon-circle { color: #FFFFFF; } .features-1 [class^="flaticon-"]::before, .features-1 [class*=" flaticon-"]::before, .features-1 [class^="flaticon-"]::after, .features-1 [class*=" flaticon-"]::after { font-family: Flaticon; font-size: 3em; font-style: normal; margin-left: 0; } .features-1 h3 { font-size: 1.375em; } .features-1 p { font-size: 1em; color: #82A7B3; width: 85%; margin: 0 auto; } p.features-1-btn { margin-top: 15px; } .features-1 .btn { font-family: 'open_sansbold', Arial, sans-serif; } /* Features 2 */ #features-2 .panel { padding: 0 10px 20px 10px; } .features-2 { margin-top: 2em; } .features-2 .icon-square { background-color: #FFFFFF; font-size: 2em; width: 80px; height: 80px; padding: 8px 10px 20px 11px; line-height: 65px; margin: 0 auto; transition: all 0.2s ease-in-out 0.2s; -ms-transition: all 0.2s ease-in-out 0.2s; -moz-transition: all 0.2s ease-in-out 0.2s; -webkit-transition: all 0.2s ease-in-out 0.2s; -o-transition: all 0.2s ease-in-out 0.2s; } body #features-2 .features-2-content:hover .icon-square { color: #FFFFFF; } .features-2 h3 { font-size: 1.375em; } .features-2 p { color: #82A7B3; font-size: 1em !important; width: 85%; margin: 0 auto; } /* Features 3 */ .feature-3-rounded { border-radius: 50% 50% 0% 50%; font-size: 1.250em; padding-left: 2px; height: 44px; line-height: 43px; position: relative; margin: 15px auto; text-align: center; vertical-align: middle; width: 44px; transition: all 0.2s ease-in-out 0.2s; -moz-transition: all 0.2s ease-in-out 0.2s; -webkit-transition: all 0.2s ease-in-out 0.2s; -o-transition: all 0.2s ease-in-out 0.2s; } body #features-3 .features-3-content:hover .feature-3-rounded { color: #FFFFFF; transition: all 0.2s ease-in-out 0.2s; -moz-transition: all 0.2s ease-in-out 0.2s; -webkit-transition: all 0.2s ease-in-out 0.2s; -o-transition: all 0.2s ease-in-out 0.2s; } .features-3-content h3 { font-size: 1.125em; } #features-3 p { color: #828282; font-size: 1em !important; } /* Features 4 */ .features-4 { padding-top: 0; padding-bottom: 0; } .features-4-box-content { margin-top: 15px; margin-bottom: 15px; border-top: 1px solid #D5D5D5; border-bottom: 1px solid #D5D5D5; padding: 30px 15px 25px 15px; } .features-4-box-content p { font-family: 'open_sansbold', Arial, sans-serif; text-align: center; font-size: 1.3em; color: #333333; } .features-4-box-content a { color: #666666; } /* Numeral Counter */ #numeral-counter { background-image: url("../images/bg-2.jpg"); background-repeat: no-repeat; background-position: center 100%; height: auto; width: 100%; -webkit-background-size: 100%; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; padding: 45px 0 15px 0; text-align: center; } .numeral-counter { padding-bottom: 35px; color: #FFFFFF; } #numeral-counter h1 { font-family: 'open_sanslight', Arial, sans-serif; margin-bottom: 5px; font-size: 3em; } #numeral-counter h3 { font-family: 'open_sanslight', Arial, sans-serif; margin-top: 0; font-size: 1.5em; } #numeral-counter [class^="flaticon-"]::before, #numeral-counter [class*=" flaticon-"]::before, #numeral-counter [class^="flaticon-"]::after, #numeral-counter [class*=" flaticon-"]::after { font-family: Flaticon; font-size: 4em; font-style: normal; margin-left: 0; } /* 03 - FOOTERS */ footer { padding-bottom: 0; margin-bottom: 0; } /* Footer 1 */ #footer-1 { font-size: 1em; padding: 20px 0 0 0; background-color: #3F4752; color: #FFFFFF; } #footer-1 a, #footer-1 a:link { color: #FFFFFF; } #footer-1 a:hover { color: #FFFFFF; } #footer-1 p { margin-top: 10px; } #footer-1 h3 { font-size: 1.250em; font-family: 'open_sansbold', Arial, sans-serif; margin-bottom: 20px; } #footer-1 h4 { font-size: 1em; font-family: 'open_sansbold', Arial, sans-serif; } #footer-1 ul { margin-top: 25px; } .footer-1-content { padding-bottom: 35px; color: #FFFFFF; } h3.footer-1-logo { color: #FFFFFF; margin-top: 8px; margin-bottom: 15px !important; } .footer-1-contact-icons { margin-top: 15px; } .footer-1-contact-icons span { display: inline-block; width: 20px; height: 20px; border-radius: 0; font-size: 1em; color: #FFFFFF; text-align: center; line-height: 16px; margin-right: 3px; margin-bottom: 5px; } .footer-1-copyright { padding: 16px 0 16px 0; background-color: #31373F; color: #FFFFFF; } .footer-1-copyright a, .footer-1-copyright a:link { color: #FFFFFF; } #footer-1 .social-icons { margin-top: 20px; } #footer-1 .social-icons a { line-height: 34px; } #footer-1 .input-group-addon { background-color: #FFFFFF; border-radius: 0; padding: 0 !important; border: none !important; } #footer-1 .input-group-addon .btn { font-family: 'open_sanslight', Arial, sans-serif; color: #FFFFFF !important; font-size: 1em; outline: 0 !important; } #footer-1 .input-group .form-control { border-radius: 0; background-color: #FFFFFF; border: none; color: #686868; font-size: 0.938em; padding: 4px 3px 6px 8px; transition: all 0.2s ease-in-out 0.2s; -moz-transition: all 0.2s ease-in-out 0.2s; -webkit-transition: all 0.2s ease-in-out 0.2s; -o-transition: all 0.2s ease-in-out 0.2s; } #footer-1 .input-group .form-control:focus { border-radius: 0; background-color: #FFFFFF; color: #686868; transition: all 0.2s ease-in-out 0.2s; -moz-transition: all 0.2s ease-in-out 0.2s; -webkit-transition: all 0.2s ease-in-out 0.2s; -o-transition: all 0.2s ease-in-out 0.2s; } #footer-1 input::-webkit-input-placeholder { color: #686868 !important; } /* Placeholder Firefox 18- */ #footer-1 input:-moz-placeholder { color: #686868 !important; } /* Placeholder Firefox 19+ */ #footer-1 input::-moz-placeholder { color: #686868 !important; } #footer-1 input:-ms-input-placeholder { color: #686868 !important; } /* Footer 2 */ #footer-2 { font-size: 1em; padding: 20px 0 0 0; background-color: #3F4752; color: #FFFFFF; } #footer-2 h4 { font-family: 'open_sansbold', Arial, sans-serif; font-size: 1em; } #footer-2 a, #footer-2 a:link { color: #FFFFFF; } #footer-2 a:hover { color: #FFFFFF; } .footer-2-content { padding-bottom: 20px; color: #FFFFFF; } h3.footer-2-logo { margin-bottom: 10px; } h3.footer-2-logo img { margin-bottom: 5px; } #footer-2 ul { font-size: 1em; margin-top: 20px; } .footer-2-copyright { font-size: 1em; padding: 23px 0 15px 0; background-color: #31373F; color: #FFFFFF; } .footer-2-copyright a, .footer-2-copyright a:link { color: #FFFFFF; } #footer-2 .input-group-addon { background-color: #333942; border-radius: 0; padding: 0 !important; border: none !important; } #footer-2 .input-group-addon .btn { font-family: 'open_sanslight', Arial, sans-serif; background-color: #333942; border: 1px solid #333942; color: #FFFFFF !important; font-size: 1em; outline: 0 !important; } #footer-2 .input-group .form-control { border-radius: 0; background-color: #333942; border: 1px solid #333942; color: #FFFFFF; font-size: 0.938em; padding: 4px 3px 6px 8px; transition: all 0.2s ease-in-out 0.2s; -moz-transition: all 0.2s ease-in-out 0.2s; -webkit-transition: all 0.2s ease-in-out 0.2s; -o-transition: all 0.2s ease-in-out 0.2s; } #footer-2 .input-group .form-control:focus { background-color: #333942; border: 1px solid #333942; color: #FFFFFF; transition: all 0.2s ease-in-out 0.2s; -moz-transition: all 0.2s ease-in-out 0.2s; -webkit-transition: all 0.2s ease-in-out 0.2s; -o-transition: all 0.2s ease-in-out 0.2s; } #footer-2 input::-webkit-input-placeholder { color: #FFFFFF !important; } /* Placeholder Firefox 18- */ #footer-2 input:-moz-placeholder { color: #FFFFFF !important; } /* Placeholder Firefox 19+ */ #footer-2 input::-moz-placeholder { color: #FFFFFF !important; } #footer-2 input:-ms-input-placeholder { color: #FFFFFF !important; } /* Footer 3 */ #footer-3 { font-size: 1em; padding: 20px 0 0 0; background-color: #3F4752; color: #FFFFFF; } #footer-3 a, #footer-3 a:link { color: #FFFFFF; } #footer-3 a:hover { color: #FFFFFF; } #footer-3 h4 { font-family: 'open_sansbold', Arial, sans-serif; font-size: 1em; } #footer-3 .social-icons-2 { text-align: right; margin-top: 4px; } #footer-3 .our-company ul { margin-top: 20px; } .footer-3-content { padding-bottom: 27px; color: #FFFFFF; } #footer-3 h3 { font-family: 'open_sansbold', Arial, sans-serif; font-size: 1.250em; } #footer-3 p { font-size: 0.938em; } #footer-3 .post-date { margin-bottom: 0; padding-bottom: 0; } #footer-3 .widget-latest-post img { width: 90px; float: left; margin-right: 15px; } #footer-3 .widget-latest-post { border-bottom: none; padding-bottom: 5px; margin-top: 20px; } #footer-3 .widget-latest-post small { font-size: 0.880em; color: #FFFFFF; font-weight: bold; } #footer-3 .widget-latest-post p { font-size: 0.875em; color: #FFFFFF; } .footer-3-copyright { padding: 23px 0 20px 0; background-color: #31373F; color: #FFFFFF; } .footer-3-copyright a, .footer-3-copyright a:link { color: #AAB2BD; } .footer-3-copyright p { margin-top: 10px; } #footer-3 .input-group-addon { background-color: #333942; border-radius: 0; padding: 0 !important; border: none !important; } #footer-3 .input-group-addon .btn { font-family: 'open_sanslight', Arial, sans-serif; background-color: #333942; border: 1px solid #333942; color: #FFFFFF !important; font-size: 1em; outline: 0 !important; } #footer-3 .input-group .form-control { border-radius: 0; background-color: #333942; border: 1px solid #333942; color: #FFFFFF; font-size: 0.938em; padding: 4px 3px 6px 8px; transition: all 0.2s ease-in-out 0.2s; -moz-transition: all 0.2s ease-in-out 0.2s; -webkit-transition: all 0.2s ease-in-out 0.2s; -o-transition: all 0.2s ease-in-out 0.2s; } #footer-3 .input-group .form-control:focus { background-color: #333942; border: 1px solid #333942; color: #FFFFFF; transition: all 0.2s ease-in-out 0.2s; -moz-transition: all 0.2s ease-in-out 0.2s; -webkit-transition: all 0.2s ease-in-out 0.2s; -o-transition: all 0.2s ease-in-out 0.2s; } #footer-3 input::-webkit-input-placeholder { color: #FFFFFF !important; } /* Placeholder Firefox 18- */ #footer-3 input:-moz-placeholder { color: #FFFFFF !important; } /* Placeholder Firefox 19+ */ #footer-3 input::-moz-placeholder { color: #FFFFFF !important; } #footer-3 input:-ms-input-placeholder { color: #FFFFFF !important; } /* Footer 4 */ #footer-4 { font-size: 1em; padding-top: 0px; padding-left: 0; padding-bottom: 0; background-color: #82A7B3; color: #FFFFFF; } #footer-4 a, #footer-4 a:link { color: #FFFFFF; } #footer-4 a:hover { color: #FFFFFF; } #footer-4 h4 { font-family: 'open_sansbold', Arial, sans-serif; font-size: 1em; } #footer-4 ul { margin-top: 17px; } .footer-4-content { padding-bottom: 20px; color: #FFFFFF; } .footer-4-copyright { padding-top: 27px; padding-right: 24px; padding-left: 0; padding-bottom: 16px; color: #FFFFFF; text-align: right; } .footer-4-copyright a, .footer-4-copyright a:link { color: #FFFFFF; } #footer-4 .input-group-addon { background-color: #333942; border-radius: 0; padding: 0 !important; border: none !important; } #footer-4 .input-group-addon .btn { font-family: 'open_sanslight', Arial, sans-serif; background-color: #333942; border: 1px solid #333942; color: #FFFFFF !important; font-size: 1em; outline: 0 !important; } #footer-4 .input-group .form-control { border-radius: 0; background-color: #333942; border: 1px solid #333942; color: #FFFFFF; font-size: 0.938em; padding: 4px 3px 6px 8px; transition: all 0.2s ease-in-out 0.2s; -moz-transition: all 0.2s ease-in-out 0.2s; -webkit-transition: all 0.2s ease-in-out 0.2s; -o-transition: all 0.2s ease-in-out 0.2s; } #footer-4 .input-group .form-control:focus { background-color: #333942; border: 1px solid #333942; color: #FFFFFF; transition: all 0.2s ease-in-out 0.2s; -moz-transition: all 0.2s ease-in-out 0.2s; -webkit-transition: all 0.2s ease-in-out 0.2s; -o-transition: all 0.2s ease-in-out 0.2s; } #footer-4 input::-webkit-input-placeholder { color: #FFFFFF !important; } /* Placeholder Firefox 18- */ #footer-4 input:-moz-placeholder { color: #FFFFFF !important; } /* Placeholder Firefox 19+ */ #footer-4 input::-moz-placeholder { color: #FFFFFF !important; } #footer-4 input:-ms-input-placeholder { color: #FFFFFF !important; } /* Footer 5 */ #footer-5 { font-size: 1em; font-size: 1em; padding: 7px 0 0 0; background-color: #3F4752; color: #FFFFFF; } #footer-5 a, #footer-5 a:link { color: #FFFFFF; } #footer-5 a:hover { color: #FFFFFF; } #footer-5 h4 { font-family: 'open_sansbold', Arial, sans-serif; font-size: 1em; } #footer-5 ul { margin-top: 17px; } .footer-5-content { padding-bottom: 20px; color: #FFFFFF; } #footer-5 .social-icons-2 { margin-top: 1px; } .footer-5-copyright { padding: 25px 0 20px 0; background-color: #31373F; color: #FFFFFF; } .footer-5-copyright a, .footer-5-copyright a:link { color: #FFFFFF; } .footer-5-copyright p.copyright { text-align: right; margin-top: 8px; } #footer-5 .input-group-addon { background-color: #333942; border-radius: 0; padding: 0 !important; border: none !important; } #footer-5 .input-group-addon .btn { font-family: 'open_sanslight', Arial, sans-serif; background-color: #333942; border: 1px solid #333942; color: #FFFFFF !important; font-size: 1em; outline: 0 !important; } #footer-5 .input-group .form-control { border-radius: 0; background-color: #333942; border: 1px solid #333942; color: #FFFFFF; font-size: 0.938em; padding: 4px 3px 6px 8px; transition: all 0.2s ease-in-out 0.2s; -moz-transition: all 0.2s ease-in-out 0.2s; -webkit-transition: all 0.2s ease-in-out 0.2s; -o-transition: all 0.2s ease-in-out 0.2s; } #footer-5 .input-group .form-control:focus { background-color: #333942; border: 1px solid #333942; color: #FFFFFF; transition: all 0.2s ease-in-out 0.2s; -moz-transition: all 0.2s ease-in-out 0.2s; -webkit-transition: all 0.2s ease-in-out 0.2s; -o-transition: all 0.2s ease-in-out 0.2s; } #footer-5 input::-webkit-input-placeholder { color: #FFFFFF !important; } /* Placeholder Firefox 18- */ #footer-5 input:-moz-placeholder { color: #FFFFFF !important; } /* Placeholder Firefox 19+ */ #footer-5 input::-moz-placeholder { color: #FFFFFF !important; } #footer-5 input:-ms-input-placeholder { color: #FFFFFF !important; } /* Footer 6 */ #footer-6 { font-size: 1em; padding: 20px 0 0 0; background-color: #3F4752; color: #FFFFFF; } #footer-6 a, #footer-6 a:link { color: #FFFFFF; } #footer-6 a:hover { color: #FFFFFF; } #footer-6 p { margin-top: 10px; } #footer-6 h3 { font-size: 1.250em; font-family: 'open_sansbold', Arial, sans-serif; margin-bottom: 20px; } #footer-6 h4 { font-size: 1em; font-family: 'open_sansbold', Arial, sans-serif; } #footer-6 ul { margin-top: 25px; } #footer-6 .subscribe-box-container { border-bottom: 1px solid #31373F; margin-bottom: 30px; } #footer-6 .subscribe-box { width: 250px; margin: 0 auto; padding-top: 5px; padding-bottom: 40px; text-align: center; } .footer-6-content { padding-bottom: 35px; color: #FFFFFF; } h3.footer-6-logo { color: #FFFFFF; margin-top: 8px; margin-bottom: 15px !important; } .footer-6-contact-icons { margin-top: 15px; } .footer-6-contact-icons span { display: inline-block; width: 20px; height: 20px; border-radius: 0; font-size: 1em; color: #FFFFFF; text-align: center; line-height: 16px; margin-right: 3px; margin-bottom: 5px; } #footer-6 .footer-6-copyright ul { margin-top: 5px !important; } #footer-6 .list-inline > li { padding-left: 1px; padding-right: 1px; } .footer-6-copyright { padding: 16px 0 16px 0; background-color: #31373F; color: #FFFFFF; } .footer-6-copyright a, .footer-6-copyright a:link { color: #FFFFFF; } .footer-6-copyright .copyright { text-align: right; } #footer-6 .social-icons { margin-top: 20px; } #footer-6 .social-icons a { line-height: 34px; } #footer-6 .input-group-addon { background-color: #FFFFFF; border-radius: 0; padding: 0 !important; border: none !important; } #footer-6 .input-group-addon .btn { font-family: 'open_sanslight', Arial, sans-serif; color: #FFFFFF !important; font-size: 1em; outline: 0 !important; } #footer-6 .input-group .form-control { border-radius: 0; background-color: #FFFFFF; border: none; color: #686868; font-size: 0.938em; padding: 4px 3px 6px 8px; transition: all 0.2s ease-in-out 0.2s; -moz-transition: all 0.2s ease-in-out 0.2s; -webkit-transition: all 0.2s ease-in-out 0.2s; -o-transition: all 0.2s ease-in-out 0.2s; } #footer-6 .input-group .form-control:focus { border-radius: 0; background-color: #FFFFFF; color: #686868; transition: all 0.2s ease-in-out 0.2s; -moz-transition: all 0.2s ease-in-out 0.2s; -webkit-transition: all 0.2s ease-in-out 0.2s; -o-transition: all 0.2s ease-in-out 0.2s; } #footer-6 input::-webkit-input-placeholder { color: #686868 !important; } /* Placeholder Firefox 18- */ #footer-6 input:-moz-placeholder { color: #686868 !important; } /* Placeholder Firefox 19+ */ #footer-6 input::-moz-placeholder { color: #686868 !important; } #footer-6 input:-ms-input-placeholder { color: #686868 !important; } /* Footer Widgets */ .widget-footer + .widget-footer { margin-top: 50px; } .widget-footer .widget-footer-title { font-size: 0.875em; margin-bottom: 1.6em; text-transform: uppercase; color: #FFFFFF; } .widget-footer .thumbnail { padding: 4px; background: rgba(255, 255, 255, 0.1); border: none; } .widget-footer .thumbnail:hover { background: #FFFFFF; -webkit-transition: 0.2s; transition: 0.2s; } .widget-footer .thumbnail:hover img { border-color: #FFFFFF; } .widget-footer .thumbnail img { border: 1px solid #2F2F2F; -webkit-transition: 0.2s; transition: 0.2s; } /* Widget Flickr */ .widget-flickr { overflow: hidden; } .widget-flickr .flickr-feed { padding-left: 0; list-style: none; margin-right: -15px; } .widget-flickr .flickr-feed > li { float: left; margin: 0 0 15px 0; width: 33.3%; padding-right: 15px; } .widget-flickr .flickr-feed > li > a { display: block; border: 0 solid transparent; -webkit-transition: 0.2s; transition: 0.2s; } .widget-flickr .flickr-feed > li > a img { width: 100%; height: auto; -webkit-transition: 0.2s; transition: 0.2s; } .widget-flickr .flickr-feed > li > a img:hover { -webkit-transition: 0.2s; transition: 0.2s; } /* Widget Latest Post */ .widget-latest-post { border-bottom: 2px dashed #EEEEEE; padding-bottom: 5px; margin-top: 20px; } .widget-latest-post small { font-weight: 700; font-size: 0.688em; color: #333333; } .widget-latest-post .title p { font-size: 0.875em; color: #333333; margin-bottom: 2px; font-weight: normal; } .widget-latest-post .title a { color: #666666; font-weight: normal; } .widget-latest-post .title a:hover { color: #000000; } .widget-latest-post .post-date a { font-weight: normal; padding-bottom: 0; } /* 04 - ICONS */ /* Font Awesome */ .fa { display: inline !important; } .fontawesome-icon-list { margin-top: 22px; } .fontawesome-icon-list .fa-hover a { display: block; color: #222222; line-height: 32px; height: 32px; padding-left: 10px; border-radius: 4px; } .fontawesome-icon-list .fa-hover a .fa { width: 32px; font-size: 0.875em; display: inline-block; text-align: right; margin-right: 10px; } .fontawesome-icon-list .fa-hover a:hover { background-color: #292C2F; color: #FFFFFF; text-decoration: none; } .fontawesome-icon-list .fa-hover a:hover .fa { font-size: 1.750em; vertical-align: -6px; } .fontawesome-icon-list .fa-hover a:hover .text-muted { color: #C6C9CC; } .fa-border { border: 0.08em solid #DDDDDD; border-radius: 0; } /* Flaticon */ [class^="flaticon-"]::before, .features-1 [class*=" flaticon-"]::before, .features-1 [class^="flaticon-"]::after, .features-1 [class*=" flaticon-"]::after { margin-left: 0; } .flaticon-icon-list { margin-top: 22px; } .flaticon-icon-list .flaticon-hover a { display: block; color: #222222; line-height: 32px; height: 32px; padding-left: 10px; border-radius: 4px; } .flaticon-icon-list .flaticon-hover a [class^="flaticon-"]::before, [class*=" flaticon-"]::before, [class^="flaticon-"]::after, [class*=" flaticon-"]::after { width: 32px; font-size: 0.875em; display: inline-block; text-align: right; margin-right: 10px; } .flaticon-icon-list .flaticon-hover a:hover { background-color: #292C2F; color: #FFFFFF; text-decoration: none; } .flaticon-icon-list .flaticon-hover a:hover [class^="flaticon-"]::before, [class*=" flaticon-"]::before, [class^="flaticon-"]::after, [class*=" flaticon-"]::after { font-size: 1.750em; vertical-align: -6px; } /* 05 - SLIDERS */ /* Slider shadow */ .slider-shadow { position: relative; } .slider-shadow img { background-color: transparent; margin-top: 0; } .carousel-slider-shadow img { background-color: transparent; margin-top: -1px; } /* Nivo Slider */ .nivo-slider { background-color: #DDDDDD; background-image: url("../images/bg-6.jpg"); background-repeat: no-repeat; background-position: center 100%; height: auto; width: 100%; -webkit-background-size: 100%; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; padding: 50px 0 40px 0; font-weight: 700; } .nivo-slider-container { padding: 0 20px 0 20px; } .theme-default .nivoSlider { border-radius: 0; border: 20px solid #FFFFFF; box-shadow: none; } .theme-default .nivo-caption { font-size: 1.563em; text-align: center; } .theme-default .nivo-directionNav a { width: 40px; height: 60px; } .theme-default a.nivo-prevNav { left: -27px; } .theme-default a.nivo-nextNav { right: -27px; } .theme-default a.nivo-nextNav { background-position: -56px 0; } .nivo-slider-shadow { margin-top: -73px; } /* Flex Slider */ .flex-slider { background-color: #DDDDDD; background-image: url("../images/bg-6.jpg"); background-repeat: no-repeat; background-position: center 100%; height: auto; width: 100%; -webkit-background-size: 100%; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; padding: 50px 0 50px 0; text-shadow: none !important; } .flexslider-container { padding: 0 50px 0 50px; } .flex-slider h1 { font-size: 2.625em; font-family: 'open_sansbold', Arial, sans-serif; margin-top: 30px; } .flex-slider h3 { font-size: 1.875em; } .flex-direction-nav a { width: 30px; height: 60px; } /* Hero Slider */ section#hero-slider { background: #2C343B; padding: 0px; } #hero-slider ul { margin-bottom: 0; padding: 0; width: 100%; } /* Boostrap Carousel Slider */ #bootstrap-carousel-animations { background-color: #DDDDDD; background-image: url(../images/banners/background.jpg); background-repeat: no-repeat; background-position: center 100%; height: auto; width: 100%; -webkit-background-size: 100%; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; padding: 50px 0 50px 0; } /* 06 - COLUMNS */ /* Grid System */ .bs-grid [class*="col-xs-"] .bs-grid-content { background-color: #F0F0F0; border: 1px solid #A0A0A0; color: #333333; display: block; line-height: 40px; min-height: 40px; text-align: center; margin-top: 20px; border-radius: 4px; } /* 07 - TYPOGRAPHY */ /* Headings*/ .h1, .h2, .h3, h1, h2, h3 { margin-bottom: 15px; margin-top: 15px; } h1 { font-size: 3.188em; } h2 { font-size: 2.688em; } h3 { font-size: 1.875em; } h4 { font-size: 1.188em; } h5 { font-size: 1.063em; } h6 { font-size: 0.875em; } /* Titles */ /* Title 1 */ .title-1 { font-size: 2em; margin-bottom: 5px; color: #82A7B3 !important; margin-bottom: 20px; text-transform: capitalize; margin-left: 0px; } /* Title 2 */ .title-2 { font-size: 2em; margin-bottom: 5px; color: #49525F !important; margin-bottom: 15px !important; padding-bottom: 30px !important; text-transform: capitalize; } /* Title White */ .title-white { font-size: 1.9em; margin-bottom: 5px; color: #FFFFFF !important; margin-bottom: 20px; text-transform: capitalize; } .white-text { color: #FFFFFF !important; } /* Subtitle */ .subtitle { font-family: 'open_sanslight', Arial, sans-serif; font-size: 1.563em; margin-bottom: 0px; line-height: 30px; color: #82A7B3 !important; padding-left: 100px; padding-right: 100px; text-align: center; } /* Subtitle White */ .subtitle-white { font-family: 'open_sanslight', Arial, sans-serif; font-size: 1.563em; margin-bottom: 30px; color: #FFFFFF !important; padding-left: 100px; padding-right: 100px; text-align: center; } /* Headings titles */ h2.title { color: #697582; font-weight: 500; margin-bottom: 20px; } h4.title { color: #697582; font-weight: 500; margin-bottom: 20px; font-size: 1.250em; } h4.title-min { color: #82A7B3; font-size: 1.188em; position: absolute; margin-bottom: -10px; margin-top: 11.5px; z-index: 10 !important; } h4.title-min span { background-color: #FFFFFF; padding-right: 15px; } h3.title-min { color: #49525F; font-size: 1.250em; margin-bottom: 5px; font-weight: bold; } hr.hr-title-min { border-style: solid; margin-top: 0; background: none; height: 0; width: 85%; display: block; border-bottom: none; margin-top: -8px; } h3.section-title { color: #616161; font-weight: bold; margin-top: 5px; margin-bottom: 20px; font-size: 1.250em; text-transform: capitalize; } /* .section-title-1-min */ .section-title-1-min { padding-top: 15px; padding-bottom: 5px; } .section-title-1-min h4 { text-align: center; color: #777777; font-weight: normal; position: relative; margin-top: 8px; margin-bottom: 20px; font-size: 1.125em; text-transform: capitalize; } .section-title-1-min span { background-color: #FFFFFF; padding-left: 15px; padding-right: 15px; } .section-title-1-min hr { border-color: #E4E4E4; border-style: solid; margin-top: -28px; background: none; height: 0; display: block; border-bottom: none; } .title-1-min-padding-top { padding-top: 28px; } /* .section-title-2-min */ .section-title-2-min { padding-top: 15px; padding-bottom: 5px; } .section-title-2-min h4 { text-align: center; color: #777777; font-weight: normal; position: relative; margin-top: 8px; margin-bottom: 20px; font-size: 1.125em; text-transform: capitalize; } .section-title-2-min span { background-color: #F8F8F8; padding-left: 15px; padding-right: 15px; } .section-title-2-min hr { border-color: #E4E4E4; border-style: solid; margin-top: -28px; background: none; height: 0; display: block; border-bottom: none; } .title-2-min-padding-top { padding-top: 28px; } /* Blockquote */ blockquote { color: #686868; background: #F5F5F5; border: 1px solid #D9D9D9; border-left: 5px solid #D9D9D9; padding: 10px 20px; margin: 0 0 20px; font-size: 1em; } blockquote footer, blockquote small, blockquote .blockquote-custom .small { color: #333333; display: block; font-size: 80%; line-height: 1.42857; } .blockquote-reverse, blockquote.pull-right { border-left: 0 none; border: 1px solid #D9D9D9; border-right: 5px solid #D9D9D9; padding-left: 15px; padding-right: 15px; text-align: right; } .blockquote-icon { color: #D9D9D9; float: left; padding-right: 15px; padding-bottom: 8px; margin-top: 20px; } .blockquote-icon-right { color: #D9D9D9; float: right; padding-left: 15px; padding-bottom: 8px; margin-top: 20px; } /* List */ ol, ul { margin-bottom: 4px; margin-top: 0; } .list-inline { margin-left: 0; margin-right: 0px; } /* 08 - PRICING TABLES */ /* Pricing tables page */ section.pricing-title-page { background-color: #3F4752; color: #333333; padding: 105px 0 120px 0; background-image: url("../images/bg-8.jpg"); background-repeat: no-repeat; background-position: center 100%; height: auto; width: 100%; -webkit-background-size: 100%; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } section.pricing-title-page h2 { font-size: 2.8em !important; } section.pricing-title-page h3 { margin-bottom: 30px; } section.pricing-plan-content { } section.pricing-title-page .btn { width: 150px; } /* Pricing Tables 1 */ .pricing-tables-1 .btn { font-family: 'open_sansbold', Arial, sans-serif; } .pricing-tables-1 .pricing .plan { background: #FFFFFF; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .2); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .2); box-shadow: 0 1px 2px rgba(0, 0, 0, .2); border-radius: 0; list-style: none; padding: 0 0 20px; margin: 1px 0 15px; text-align: center; } .pricing-tables-1 .pricing .plan li { padding: 10px 15px; color: #666666; border-top: none; -webkit-transition: 300ms; transition: 300ms; } .pricing-tables-1 .pricing .plan li.plan-details { padding: 18px 15px 0; } .pricing-tables-1 .price { margin-top: 20px; } .pricing-tables-1 .pricing .plan li.plan-price { border: 2px solid #FFFFFF; margin: 0 auto; width: 110px; height: 110px; line-height: 76px; padding: 10px; margin-top: -50px; border-radius: 50%; font-size: 1.5em; } .pricing-tables-1 .pricing .plan li > strong { color: #FFFFFF; } .pricing-tables-1 .pricing .plan li.plan-name { font-family: 'open_sansbold', Arial, sans-serif; height: 100px; padding: 15px; font-size: 1.188em; line-height: 24px; color: #FFFFFF; border-top: 0; } .pricing-tables-1 .pricing .plan li.plan-action { margin-top: 10px; border-top: 0; } .pricing-tables-1 .pricing .plan.featured { margin: 0 0 15px; } /* Pricing Tables 2 */ .pricing-tables-2 .btn { font-family: 'open_sansbold', Arial, sans-serif; margin-top: 40px; } .pricing-tables-2 .pricing .plan { background: #FFFFFF; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .2); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .2); box-shadow: 0 1px 2px rgba(0, 0, 0, .2); border-radius: 0; list-style: none; padding: 0 0 20px; margin: 2px 0 0; } .pricing-tables-2 .pricing .plan li { padding: 10px 15px; color: #666666; border-top: 2px solid #FFFFFF; -webkit-transition: 300ms; transition: 300ms; } .pricing-tables-2 .pricing .plan li.plan-details { padding: 65px 15px 0; } .pricing-tables-2 .pricing .plan li.plan-details h4 { font-family: 'open_sansbold', Arial, sans-serif; } .pricing-tables-2 .pricing .plan li.plan-name { height: 45px; font-size: 1.188em; line-height: 24px; color: #FFFFFF; border-top: 0; text-align: right; } body .pricing-tables-2 .plan:hover li.plan-name { color: #FFFFFF; height: 45px; } .pricing-tables-2 .price { margin-top: 20px; } .pricing-tables-2 .pricing .plan li.plan-price { border: 2px solid #FFFFFF; width: 110px; height: 110px; line-height: 84px; padding: 10px; margin-top: -15px; margin-left: 15px; border-radius: 50%; font-size: 1.5em; text-align: center; position: absolute; } body .pricing-tables-2 .plan:hover li.plan-price { background-color: #FFFFFF; width: 110px; height: 110px; line-height: 84px; padding: 10px; margin-top: -30px; margin-left: 15px; border-radius: 50%; font-size: 1.5em; text-align: center; } .pricing-tables-2 .pricing .plan li > strong { color: #FFFFFF; } .pricing-tables-2 .pricing .plan li.plan-action { margin-top: 10px; border-top: 0; text-align: right; } .pricing-tables-2 .pricing .plan.featured { margin: 0; } /* Pricing Tables 3 */ .pricing-tables-3 .btn { font-family: 'open_sansbold', Arial, sans-serif; } .pricing-tables-3 .pricing .plan { background: #FFFFFF; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .2); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .2); box-shadow: 0 1px 2px rgba(0, 0, 0, .2); border-radius: 0; list-style: none; padding: 0 0 20px; margin: 1px 0 0; text-align: center; } .pricing-tables-3 .pricing .plan li { padding: 10px 15px; color: #666666; border-top: 2px solid #FFFFFF; -webkit-transition: 300ms; transition: 300ms; } .pricing-tables-3 .pricing .plan li.plan-details { padding: 5px 15px 0; } .pricing-tables-3 .pricing .plan li.plan-details h3 { font-family: 'open_sansbold', Arial, sans-serif; font-size: 1.250em; } .pricing-tables-3 .price { margin-top: 70px; } .pricing-tables-3 .pricing .plan li.plan-price { background-color: #FFFFFF; margin: 0 auto; width: 110px; height: 110px; line-height: 80px; padding: 10px; margin-top: -50px; border-radius: 50%; font-size: 1.5em; } body .pricing-tables-3 .plan:hover li.plan-price { margin: 0 auto; width: 110px; height: 110px; line-height: 80px; padding: 10px; margin-top: -50px; border-radius: 50%; font-size: 1.5em; } body .pricing-tables-3 .plan:hover h3 { font-family: 'open_sansbold', Arial, sans-serif; } body .pricing-tables-3 .plan:hover li > strong { color: #FFFFFF !important; } .pricing-tables-3 .pricing .plan li.plan-action { margin-top: 10px; border-top: 0; } .pricing-tables-3 .pricing .plan.featured { margin: 0; } /* Pricing Tables 4 */ .pricing-tables-4 .btn { font-family: 'open_sansbold', Arial, sans-serif; } .pricing-tables-4 .pricing .plan { background: #FFFFFF; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .2); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .2); box-shadow: 0 1px 2px rgba(0, 0, 0, .2); border-radius: 0; list-style: none; padding: 0 0 0; margin: 2px 0 0; text-align: center; } .pricing-tables-4 .pricing .plan li { padding: 10px 15px; color: #666666; border-top: 2px solid #FFFFFF; -webkit-transition: 300ms; transition: 300ms; } .pricing-tables-4 .pricing .plan li.plan-details { padding: 5px 15px 5px; } .pricing-tables-4 .pricing .plan li.plan-details h3 { font-family: 'open_sansbold', Arial, sans-serif; font-size: 1.250em; } .pricing-tables-4 .price { margin-top: 50px; } .pricing-tables-4 .pricing .plan li.plan-price { background-color: #FFFFFF; margin: 0 auto; width: 110px; height: 110px; line-height: 76px; padding: 10px; margin-top: -50px; border-radius: 50%; font-size: 1.5em; } body .pricing-tables-4 .plan:hover li.plan-price { margin: 0 auto; width: 110px; height: 110px; line-height: 76px; padding: 10px; margin-top: -50px; border-radius: 50%; font-size: 1.5em; } body .pricing-tables-4 .plan:hover h3 { font-family: 'open_sansbold', Arial, sans-serif; } body .pricing-tables-4 .plan:hover li > strong { color: #FFFFFF !important; } .pricing-tables-4 .pricing .plan li.plan-action { padding: 25px 10px; margin-top: 10px; border-top: 0; } .pricing-tables-4 .pricing .plan.featured { margin: 0; } /* Pricing Tables 5 */ .pricing-tables-5 .btn { font-family: 'open_sansbold', Arial, sans-serif; } .pricing-tables-5 .pricing .plan { background: #FFFFFF; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .2); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .2); box-shadow: 0 1px 2px rgba(0, 0, 0, .2); border-radius: 0; list-style: none; padding: 0 0 20px; margin: 2px 0 0; text-align: center; } .pricing-tables-5 .pricing .plan li { padding: 10px 15px; color: #666666; border-top: 2px solid #FFFFFF; -webkit-transition: 300ms; transition: 300ms; } .pricing-tables-5 .pricing .plan li.plan-details { padding: 18px 15px 0; } .pricing-tables-5 .price { margin-top: 20px; } .pricing-tables-5 .pricing .plan li.plan-price { background-color: #FFFFFF; margin: 0 auto; width: 110px; height: 110px; line-height: 76px; padding: 10px; margin-top: -50px; border-radius: 50%; font-size: 1.5em; } body .pricing-tables-5 .plan:hover li.plan-price { margin: 0 auto; width: 110px; height: 110px; line-height: 76px; padding: 10px; margin-top: -50px; border-radius: 50%; font-size: 1.5em; } body .pricing-tables-5 .plan:hover li > strong { color: #FFFFFF !important; } .pricing-tables-5 .pricing .plan li.plan-name { font-family: 'open_sansbold', Arial, sans-serif; background: #FFFFFF; height: 100px; border-top-left-radius: 2px; border-top-right-radius: 2px; padding: 15px; font-size: 1.250em; line-height: 24px; border-top: 0; } .pricing-tables-5 .pricing .plan li.plan-action { margin-top: 10px; border-top: 0; } .pricing-tables-5 .pricing .plan.featured { margin: 0; } /* Pricing Tables 6 */ .pricing-tables-6 { margin-top: 20px; } .pricing-tables-6 .panel { background-color: #515A68; border-color: #515A68; } .pricing-tables-6 .panel-default > .panel-heading { background-color: #515A68; border-color: #515A68; color: #FFFFFF; font-family: 'open_sansbold', Arial, sans-serif; } .pricing-tables-6 .panel-body { padding-top: 30px; color: #FFFFFF; } .pricing-tables-6 .panel-default { background-color: #3F4752; color: #FFFFFF; } .pricing-tables-6 ul li { background-color: #515A68; font-size: 16px; } .pricing-tables-6 .list-group-item { background-color: #515A68; border: 1px solid #3F4752; } .pricing-tables-6 .panel-footer { background-color: #3F4752; border-bottom-left-radius: 0; border-bottom-right-radius: 0; border-top: 1px solid #3F4752; } .pricing-tables-6 .btn { text-transform: uppercase; font-family: 'open_sansbold', Arial, sans-serif; } /* 09 - PORTFOLIO */ .box-img-portfolio { padding-bottom: 18px; } /* 2 columns portfolio */ .portfolio-2-column figure.effect-2 p.description { bottom: 8em; padding: 3em; font-size: 110%; } .portfolio-2-column figure.effect-2 h2 { font-size: 1.2em; margin-top: 1px; } .portfolio-2-column figure.effect-2 p.icon-links a { font-size: 1.4em; margin-top: -2px; } /* 3 columns portfolio */ .portfolio-3-column figure.effect-2 p.description { bottom: 6.5em; padding: 2em; font-size: 95%; } .portfolio-3-column figure.effect-2 h2 { font-size: 0.8em; margin-top: 5px; } .portfolio-3-column figure.effect-2 p.icon-links a { font-size: 1em; margin-top: -2px; } /* 4 columns portfolio */ .portfolio-4-column figure.effect-2 p.description { bottom: 6.7em; padding: 1em; font-size: 80%; } .portfolio-4-column figure.effect-2 h2 { font-size: 0.8em; margin-top: 5px; } .portfolio-4-column figure.effect-2 p.icon-links a { font-size: 1em; margin-top: -2px; } /* Portfolio with filter */ .portfolio-filter .panel-body { background-color: #FFFFFF; box-shadow: none; border: none; } .portfolio-filter .panel { background-color: #FFFFFF; border: none; border-radius: 0; box-shadow: none; margin-bottom: 0; } .portfolio-filter ul li { margin: 0; padding: 0; color: #333333; font-size: 1em; } #filters a { color: #333333 !important; font-weight: bold; font-size: 1em; } /* Portfolio full width */ section.portfolio-full-width { padding: 0; } .container.container-portfolio-full-width { width: 100%; padding-left: 0; padding-right: 0; } .portfolio-full-width figure.effect-2 img { border: none; } .portfolio-full-width .effect-container { padding: 0; } .portfolio-full-width figure.effect-2 p.description { bottom: 8em; padding: 1em; font-size: 80%; } .portfolio-full-width figure.effect-2 h2 { font-size: 0.8em; margin-top: 5px; } .portfolio-full-width figure.effect-2 p.icon-links a { font-size: 1em; margin-top: -2px; } #portfolio-content-full-width .col-xs-12 .col-sm-6 .col-md-3 .col-lg-3 { margin-top: 0 !important; margin-bottom: 0 !important; padding-top: 0 !important; padding-bottom: 0 !important; } #portfolio-content-full-width .col-lg-1, #portfolio-content-full-width .col-lg-10, #portfolio-content-full-width .col-lg-11, #portfolio-content-full-width .col-lg-12, #portfolio-content-full-width .col-lg-2, #portfolio-content-full-width .col-lg-3, #portfolio-content-full-width .col-lg-4, #portfolio-content-full-width .col-lg-5, #portfolio-content-full-width .col-lg-6, #portfolio-content-full-width .col-lg-7, #portfolio-content-full-width .col-lg-8, #portfolio-content-full-width .col-lg-9, #portfolio-content-full-width .col-md-1, #portfolio-content-full-width .col-md-10, #portfolio-content-full-width .col-md-11, #portfolio-content-full-width .col-md-12, #portfolio-content-full-width .col-md-2, #portfolio-content-full-width .col-md-3, #portfolio-content-full-width .col-md-4, #portfolio-content-full-width .col-md-5, #portfolio-content-full-width .col-md-6, #portfolio-content-full-width .col-md-7, #portfolio-content-full-width .col-md-8, #portfolio-content-full-width .col-md-9, #portfolio-content-full-width .col-sm-1, #portfolio-content-full-width .col-sm-10, #portfolio-content-full-width .col-sm-11, #portfolio-content-full-width .col-sm-12, #portfolio-content-full-width .col-sm-2, #portfolio-content-full-width .col-sm-3, #portfolio-content-full-width .col-sm-4, #portfolio-content-full-width .col-sm-5, #portfolio-content-full-width .col-sm-6, #portfolio-content-full-width .col-sm-7, #portfolio-content-full-width .col-sm-8, #portfolio-content-full-width .col-sm-9, #portfolio-content-full-width .col-xs-1, #portfolio-content-full-width .col-xs-10, #portfolio-content-full-width .col-xs-11, #portfolio-content-full-width .col-xs-12, #portfolio-content-full-width .col-xs-2, #portfolio-content-full-width .col-xs-3, #portfolio-content-full-width .col-xs-4, #portfolio-content-full-width .col-xs-5, #portfolio-content-full-width .col-xs-6, #portfolio-content-full-width .col-xs-7, #portfolio-content-full-width .col-xs-8, #portfolio-content-full-width .col-xs-9 { padding-left: 0 !important; padding-right: 0 !important; margin: 0; width: 25% } /* Isotope items animation */ .isotope .isotope-item { -moz-transition-property: -moz-transform, opacity; -ms-transition-property: -moz-transform, opacity; -o-transition-property: top, left, opacity; transition-property: transform, opacity; -webkit-transition-property: -webkit-transform, opacity; } .isotope-item { -moz-transition-duration: 0.8s; -ms-transition-duration: 0.8s; -o-transition-duration: 0.8s; transition-duration: 0.8s; -webkit-transition-duration: 0.8s; z-index: 2; } /* Single portfolio item */ #single-portfolio-item { padding-bottom: 60px; color: #686868; } .project-description-box { padding-top: 10px; padding-bottom: 10px; } .project-details-box { padding-top: 20px; } .project-details { padding: 0 0 10px 0; } .project-details span { font-family: 'open_sansbold', Arial, sans-serif; } .project-details-btn { margin-top: 20px !important; font-weight: bold; } /* Latest works 1 */ #latest-works-1 h4 { margin-bottom: 5px; } #latest-works-1 .item { opacity: 1 !important; } .controls { margin-top: 4px; } [data-slide="prev"] { margin-right: 10px; } #latest-works-1 .carousel { margin-top: 30px; } /* 10 - UI ELEMENTS */ /* Buttons */ /* Go to top button */ .hide-to-top-btn { bottom: -100px !important; } .show-to-top-btn { bottom: 21px !important; } #to-top { background: #495E74; border-radius: 3px; bottom: -100px; color: #AAAAAA; cursor: pointer; width: 30px; height: 30px; position: fixed; right: 10px; transition: all 0.4s ease 0s; z-index: 1; } #to-top:hover { background: #607C99; color: #FFFFFF; } #to-top i { padding: 0 0 0 10px; display: block; font-size: 1.3em; color: #FFFFFF; line-height: 26px; } body #to-top:hover i { color: #FFFFFF; } /* .btn */ .btn { -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; transition: all 0.2s ease-in-out 0.2s; -moz-transition: all 0.2s ease-in-out 0.2s; -webkit-transition: all 0.2s ease-in-out 0.2s; -o-transition: all 0.2s ease-in-out 0.2s; } .btn:focus, .btn:hover { transition: all 0.2s ease-in-out 0.2s; -moz-transition: all 0.2s ease-in-out 0.2s; -webkit-transition: all 0.2s ease-in-out 0.2s; -o-transition: all 0.2s ease-in-out 0.2s; } .button-right { text-align: right; } .margin-button .btn { margin-top: 4px !important; } .btn-group-lg > .btn, .btn-lg { font-size: 1em; } /* Tags button */ .tags .label { margin-top: 5px; margin-bottom: 5px; } /* Custom buttons */ /* .btn-custom */ .btn-custom { color: #FFFFFF !important; } .btn-custom:hover, .btn-custom:focus, .btn-custom:active, .btn-custom.active { color: #FFFFFF !important; } .btn-custom.disabled:hover, .btn-custom.disabled:focus, .btn-custom.disabled:active, .btn-custom.disabled.active, .btn-custom[disabled]:hover, .btn-custom[disabled]:focus, .btn-custom[disabled]:active, .btn-custom[disabled].active, fieldset[disabled] .btn-custom:hover, fieldset[disabled] .btn-custom:focus, fieldset[disabled] .btn-custom:active, fieldset[disabled] .btn-custom.active { color: #FFFFFF !important; } /* .btn-custom-outline */ .btn-custom-outline { background-color: #FFFFFF; } .btn-custom-outline:hover, .btn-custom-outline:focus, .btn-custom-outline:active, .btn-custom-outline.active { color: #FFFFFF !important; } .btn-custom-outline.disabled:hover, .btn-custom-outline.disabled:focus, .btn-custom-outline.disabled:active, .btn-custom-outline.disabled.active, .btn-custom-outline[disabled]:hover, .btn-custom-outline[disabled]:focus, .btn-custom-outline[disabled]:active, .btn-custom-outline[disabled].active, fieldset[disabled] .btn-custom-outline:hover, fieldset[disabled] .btn-custom-outline:focus, fieldset[disabled] .btn-custom-outline:active, fieldset[disabled] .btn-custom-outline.active { color: #FFFFFF !important; } /* .btn-custom-outline-inverse */ .btn-custom-outline-inverse { background-color: transparent; border-color: #FFFFFF; color: #FFFFFF !important; } .btn-custom-outline-inverse:active, .btn-custom-outline-inverse:focus, .btn-custom-outline-inverse:hover { background-color: #FFFFFF; border-color: #FFFFFF; text-shadow: none; } /* Bootstrap buttons */ /* .btn-default */ .btn-default { background-color: #FFFFFF; border: 1px solid #292C2F; color: #333333 !important; } .btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active { background-color: #EBEBEB; border: 1px solid #292C2F; color: #333333 !important; } .btn-default.disabled:hover, .btn-default.disabled:focus, .btn-default.disabled:active, .btn-default.disabled.active, .btn-default[disabled]:hover, .btn-default[disabled]:focus, .btn-default[disabled]:active, .btn-default[disabled].active, fieldset[disabled] .btn-default:hover, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default:active, fieldset[disabled] .btn-default.active { background-color: #FFFFFF; border: 1px solid #292C2F; color: #333333 !important; } /* .btn-primary */ .btn-primary { background-color: #5D9CEC; border: 1px solid #5D9CEC; color: #FFFFFF !important; } .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active { background-color: #4A89DC; border: 1px solid #4A89DC; color: #FFFFFF !important; } .btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled:active, .btn-primary.disabled.active, .btn-primary[disabled]:hover, .btn-primary[disabled]:focus, .btn-primary[disabled]:active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary:hover, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:active, fieldset[disabled] .btn-primary.active { background-color: #5D9CEC; border: 1px solid #5D9CEC; color: #FFFFFF !important; } /* .btn-success */ .btn-success { background-color: #48CFAD; border: 1px solid #48CFAD; color: #FFFFFF !important; } .btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active { background-color: #37BC9B; border: 1px solid #37BC9B; color: #FFFFFF !important; } .btn-success.disabled:hover, .btn-success.disabled:focus, .btn-success.disabled:active, .btn-success.disabled.active, .btn-success[disabled]:hover, .btn-success[disabled]:focus, .btn-success[disabled]:active, .btn-success[disabled].active, fieldset[disabled] .btn-success:hover, fieldset[disabled] .btn-success:focus, fieldset[disabled] .btn-success:active, fieldset[disabled] .btn-success.active { background-color: #48CFAD; border: 1px solid #48CFAD; color: #FFFFFF !important; } /* .btn-info */ .btn-info { background-color: #4FC1E9; border: 1px solid #4FC1E9; color: #FFFFFF !important; } .btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active { background-color: #3BAFDA; border: 1px solid #3BAFDA; color: #FFFFFF !important; } .btn-info.disabled:hover, .btn-info.disabled:focus, .btn-info.disabled:active, .btn-info.disabled.active, .btn-info[disabled]:hover, .btn-info[disabled]:focus, .btn-info[disabled]:active, .btn-info[disabled].active, fieldset[disabled] .btn-info:hover, fieldset[disabled] .btn-info:focus, fieldset[disabled] .btn-info:active, fieldset[disabled] .btn-info.active { background-color: #4FC1E9; border: 1px solid #4FC1E9; color: #FFFFFF !important; } /* .btn-warning */ .btn-warning { background-color: #FC6E51; border: 1px solid #FC6E51; color: #FFFFFF !important; } .btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active { background-color: #E9573F; border: 1px solid #E9573F; color: #FFFFFF !important; } .btn-warning.disabled:hover, .btn-warning.disabled:focus, .btn-warning.disabled:active, .btn-warning.disabled.active, .btn-warning[disabled]:hover, .btn-warning[disabled]:focus, .btn-warning[disabled]:active, .btn-warning[disabled].active, fieldset[disabled] .btn-warning:hover, fieldset[disabled] .btn-warning:focus, fieldset[disabled] .btn-warning:active, fieldset[disabled] .btn-warning.active { background-color: #FC6E51; border: 1px solid #FC6E51; color: #FFFFFF !important; } /* .btn-danger */ .btn-danger { background-color: #ED5565; border: 1px solid #ED5565; color: #FFFFFF !important; } .btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active { background-color: #DA4453; border: 1px solid #DA4453; color: #FFFFFF !important; } .btn-danger.disabled:hover, .btn-danger.disabled:focus, .btn-danger.disabled:active, .btn-danger.disabled.active, .btn-danger[disabled]:hover, .btn-danger[disabled]:focus, .btn-danger[disabled]:active, .btn-danger[disabled].active, fieldset[disabled] .btn-danger:hover, fieldset[disabled] .btn-danger:focus, fieldset[disabled] .btn-danger:active, fieldset[disabled] .btn-danger.active { background-color: #ED5565; border: 1px solid #ED5565; color: #FFFFFF !important; } /* Pagination buttons */ .pagination > li > a, .pagination > li > span { color: #333333; background-color: #FFFFFF; cursor: pointer; } .pagination > li:first-child > a, .pagination > li:first-child > span { border-bottom-left-radius: 0; border-top-left-radius: 0; margin-left: 3px; } .pagination > li:last-child > a, .pagination > li:last-child > span { border-bottom-right-radius: 0; border-top-right-radius: 0; } .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus { color: #333333; background-color: #F9F9F9; cursor: pointer; } .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { color: #FFFFFF; cursor: pointer; } .pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus { color: #999999; background-color: #FFFFFF; } .box-content .pagination { padding-bottom: 20px; } /* Social buttons */ /* .btn-facebook */ .btn-facebook { background-color: #3C74BF; border: 1px solid #3C74BF; color: #FFFFFF !important; } .btn-facebook:hover, .btn-facebook:focus, .btn-facebook:active, .btn-facebook.active { background-color: #3364A3; border: 1px solid #3364A3; color: #FFFFFF !important; } .btn-facebook.disabled:hover, .btn-facebook.disabled:focus, .btn-facebook.disabled:active, .btn-facebook.disabled.active, .btn-facebook[disabled]:hover, .btn-facebook[disabled]:focus, .btn-facebook[disabled]:active, .btn-facebook[disabled].active, fieldset[disabled] .btn-facebook:hover, fieldset[disabled] .btn-facebook:focus, fieldset[disabled] .btn-facebook:active, fieldset[disabled] .btn-facebook.active { background-color: #3C74BF; border: 1px solid #3C74BF; color: #FFFFFF !important; } /* .btn-twitter */ .btn-twitter { background-color: #82A7B3; border: 1px solid #5BC9FD; color: #FFFFFF !important; } .btn-twitter:hover, .btn-twitter:focus, .btn-twitter:active, .btn-twitter.active { background-color: #82A7B3; border: 1px solid #82A7B3; color: #FFFFFF !important; } .btn-twitter.disabled:hover, .btn-twitter.disabled:focus, .btn-twitter.disabled:active, .btn-twitter.disabled.active, .btn-twitter[disabled]:hover, .btn-twitter[disabled]:focus, .btn-twitter[disabled]:active, .btn-twitter[disabled].active, fieldset[disabled] .btn-twitter:hover, fieldset[disabled] .btn-twitter:focus, fieldset[disabled] .btn-twitter:active, fieldset[disabled] .btn-twitter.active { background-color: #5BC9FD; border: 1px solid #5BC9FD; color: #FFFFFF !important; } /* .btn-linkedin */ .btn-linkedin { background-color: #0093D9; border: 1px solid #0093D9; color: #FFFFFF !important; } .btn-linkedin:hover, .btn-linkedin:focus, .btn-linkedin:active, .btn-linkedin.active { background-color: #007AB5; border: 1px solid #007AB5; color: #FFFFFF !important; } .btn-linkedin.disabled:hover, .btn-linkedin.disabled:focus, .btn-linkedin.disabled:active, .btn-linkedin.disabled.active, .btn-linkedin[disabled]:hover, .btn-linkedin[disabled]:focus, .btn-linkedin[disabled]:active, .btn-linkedin[disabled].active, fieldset[disabled] .btn-linkedin:hover, fieldset[disabled] .btn-linkedin:focus, fieldset[disabled] .btn-linkedin:active, fieldset[disabled] .btn-linkedin.active { background-color: #0093D9; border: 1px solid #0093D9; color: #FFFFFF !important; } /* .btn-google-plus */ .btn-google-plus { background-color: #E2685A; border: 1px solid #E2685A; color: #FFFFFF !important; } .btn-google-plus:hover, .btn-google-plus:focus, .btn-google-plus:active, .btn-google-plus.active { background-color: #DC4A38; border: 1px solid #DC4A38; color: #FFFFFF !important; } .btn-google-plus.disabled:hover, .btn-google-plus.disabled:focus, .btn-google-plus.disabled:active, .btn-google-plus.disabled.active, .btn-google-plus[disabled]:hover, .btn-google-plus[disabled]:focus, .btn-google-plus[disabled]:active, .btn-google-plus[disabled].active, fieldset[disabled] .btn-google-plus:hover, fieldset[disabled] .btn-google-plus:focus, fieldset[disabled] .btn-google-plus:active, fieldset[disabled] .btn-google-plus.active { background-color: #E2685A; border: 1px solid #E2685A; color: #FFFFFF !important; } /* .btn-behance */ .btn-behance { background-color: #333333; border: 1px solid #333333; color: #FFFFFF !important; } .btn-behance:hover, .btn-behance:focus, .btn-behance:active, .btn-behance.active { background-color: #000000; border: 1px solid #000000; color: #FFFFFF !important; } .btn-behance.disabled:hover, .btn-behance.disabled:focus, .btn-behance.disabled:active, .btn-behance.disabled.active, .btn-behance[disabled]:hover, .btn-behance[disabled]:focus, .btn-behance[disabled]:active, .btn-behance[disabled].active, fieldset[disabled] .btn-behance:hover, fieldset[disabled] .btn-behance:focus, fieldset[disabled] .btn-behance:active, fieldset[disabled] .btn-behance.active { background-color: #333333; border: 1px solid #333333; color: #FFFFFF !important; } /* .btn-dribbble */ .btn-dribbble { background-color: #F26798; border: 1px solid #F26798; color: #FFFFFF !important; } .btn-dribbble:hover, .btn-dribbble:focus, .btn-dribbble:active, .btn-dribbble.active { background-color: #EF4782; border: 1px solid #EF4782; color: #FFFFFF !important; } .btn-dribbble.disabled:hover, .btn-dribbble.disabled:focus, .btn-dribbble.disabled:active, .btn-dribbble.disabled.active, .btn-dribbble[disabled]:hover, .btn-dribbble[disabled]:focus, .btn-dribbble[disabled]:active, .btn-dribbble[disabled].active, fieldset[disabled] .btn-dribbble:hover, fieldset[disabled] .btn-dribbble:focus, fieldset[disabled] .btn-dribbble:active, fieldset[disabled] .btn-dribbble.active { background-color: #F26798; border: 1px solid #F26798; color: #FFFFFF !important; } /* .btn-flickr */ .btn-flickr { background-color: #0B65D5; border: 1px solid #0B65D5; color: #FFFFFF !important; } .btn-flickr:hover, .btn-flickr:focus, .btn-flickr:active, .btn-flickr.active { background-color: #0951AA; border: 1px solid #0951AA; color: #FFFFFF !important; } .btn-flickr.disabled:hover, .btn-flickr.disabled:focus, .btn-flickr.disabled:active, .btn-flickr.disabled.active, .btn-flickr[disabled]:hover, .btn-flickr[disabled]:focus, .btn-flickr[disabled]:active, .btn-flickr[disabled].active, fieldset[disabled] .btn-flickr:hover, fieldset[disabled] .btn-flickr:focus, fieldset[disabled] .btn-flickr:active, fieldset[disabled] .btn-flickr.active { background-color: #0B65D5; border: 1px solid #0B65D5; color: #FFFFFF !important; } /* .btn-github */ .btn-github { background-color: #333333; border: 1px solid #333333; color: #FFFFFF !important; } .btn-github:hover, .btn-github:focus, .btn-github:active, .btn-github.active { background-color: #000000; border: 1px solid #000000; color: #FFFFFF !important; } .btn-github.disabled:hover, .btn-github.disabled:focus, .btn-github.disabled:active, .btn-github.disabled.active, .btn-github[disabled]:hover, .btn-github[disabled]:focus, .btn-github[disabled]:active, .btn-github[disabled].active, fieldset[disabled] .btn-github:hover, fieldset[disabled] .btn-github:focus, fieldset[disabled] .btn-github:active, fieldset[disabled] .btn-github.active { background-color: #333333; border: 1px solid #333333; color: #FFFFFF !important; } /* .btn-pinterest */ .btn-pinterest { background-color: #EE1413; border: 1px solid #EE1413; color: #FFFFFF !important; } .btn-pinterest:hover, .btn-pinterest:focus, .btn-pinterest:active, .btn-pinterest.active { background-color: #C70E0E; border: 1px solid #C70E0E; color: #FFFFFF !important; } .btn-pinterest.disabled:hover, .btn-pinterest.disabled:focus, .btn-pinterest.disabled:active, .btn-pinterest.disabled.active, .btn-pinterest[disabled]:hover, .btn-pinterest[disabled]:focus, .btn-pinterest[disabled]:active, .btn-pinterest[disabled].active, fieldset[disabled] .btn-pinterest:hover, fieldset[disabled] .btn-pinterest:focus, fieldset[disabled] .btn-pinterest:active, fieldset[disabled] .btn-pinterest.active { background-color: #EE1413; border: 1px solid #EE1413; color: #FFFFFF !important; } /* .btn-tumblr */ .btn-tumblr { background-color: #43617D; border: 1px solid #43617D; color: #FFFFFF !important; } .btn-tumblr:hover, .btn-tumblr:focus, .btn-tumblr:active, .btn-tumblr.active { background-color: #39536A; border: 1px solid #39536A; color: #FFFFFF !important; } .btn-tumblr.disabled:hover, .btn-tumblr.disabled:focus, .btn-tumblr.disabled:active, .btn-tumblr.disabled.active, .btn-tumblr[disabled]:hover, .btn-tumblr[disabled]:focus, .btn-tumblr[disabled]:active, .btn-tumblr[disabled].active, fieldset[disabled] .btn-tumblr:hover, fieldset[disabled] .btn-tumblr:focus, fieldset[disabled] .btn-tumblr:active, fieldset[disabled] .btn-tumblr.active { background-color: #43617D; border: 1px solid #43617D; color: #FFFFFF !important; } /* .btn-instagram */ .btn-instagram { background-color: #A87A60; border: 1px solid #A87A60; color: #FFFFFF !important; } .btn-instagram:hover, .btn-instagram:focus, .btn-instagram:active, .btn-instagram.active { background-color: #966952; border: 1px solid #966952; color: #FFFFFF !important; } .btn-instagram.disabled:hover, .btn-instagram.disabled:focus, .btn-instagram.disabled:active, .btn-instagram.disabled.active, .btn-instagram[disabled]:hover, .btn-instagram[disabled]:focus, .btn-instagram[disabled]:active, .btn-instagram[disabled].active, fieldset[disabled] .btn-instagram:hover, fieldset[disabled] .btn-instagram:focus, fieldset[disabled] .btn-instagram:active, fieldset[disabled] .btn-instagram.active { background-color: #A87A60; border: 1px solid #A87A60; color: #FFFFFF !important; } /* .btn-deviantart */ .btn-deviantart { background-color: #72897A; border: 1px solid #72897A; color: #FFFFFF !important; } .btn-deviantart:hover, .btn-deviantart:focus, .btn-deviantart:active, .btn-deviantart.active { background-color: #5C7063; border: 1px solid #5C7063; color: #FFFFFF !important; } .btn-deviantart.disabled:hover, .btn-deviantart.disabled:focus, .btn-deviantart.disabled:active, .btn-deviantart.disabled.active, .btn-deviantart[disabled]:hover, .btn-deviantart[disabled]:focus, .btn-deviantart[disabled]:active, .btn-deviantart[disabled].active, fieldset[disabled] .btn-deviantart:hover, fieldset[disabled] .btn-deviantart:focus, fieldset[disabled] .btn-deviantart:active, fieldset[disabled] .btn-deviantart.active { background-color: #72897A; border: 1px solid #72897A; color: #FFFFFF !important; } /* .btn-youtube */ .btn-youtube { background-color: #E42526; border: 1px solid #E42526; color: #FFFFFF !important; } .btn-youtube:hover, .btn-youtube:focus, .btn-youtube:active, .btn-youtube.active { background-color: #B61616; border: 1px solid #B61616; color: #FFFFFF !important; } .btn-youtube.disabled:hover, .btn-youtube.disabled:focus, .btn-youtube.disabled:active, .btn-youtube.disabled.active, .btn-youtube[disabled]:hover, .btn-youtube[disabled]:focus, .btn-youtube[disabled]:active, .btn-youtube[disabled].active, fieldset[disabled] .btn-youtube:hover, fieldset[disabled] .btn-youtube:focus, fieldset[disabled] .btn-youtube:active, fieldset[disabled] .btn-youtube.active { background-color: #E42526; border: 1px solid #E42526; color: #FFFFFF !important; } /* .btn-vimeo */ .btn-vimeo { background-color: #1AB7EA; border: 1px solid #1AB7EA; color: #FFFFFF !important; } .btn-vimeo:hover, .btn-vimeo:focus, .btn-vimeo:active, .btn-vimeo.active { background-color: #1297C2; border: 1px solid #1297C2; color: #FFFFFF !important; } .btn-vimeo.disabled:hover, .btn-vimeo.disabled:focus, .btn-vimeo.disabled:active, .btn-vimeo.disabled.active, .btn-vimeo[disabled]:hover, .btn-vimeo[disabled]:focus, .btn-vimeo[disabled]:active, .btn-vimeo[disabled].active, fieldset[disabled] .btn-vimeo:hover, fieldset[disabled] .btn-vimeo:focus, fieldset[disabled] .btn-vimeo:active, fieldset[disabled] .btn-vimeo.active { background-color: #1AB7EA; border: 1px solid #1AB7EA; color: #FFFFFF !important; } /* .btn-whatsapp */ .btn-whatsapp { background-color: #50C63A; border: 1px solid #50C63A; color: #FFFFFF !important; } .btn-whatsapp:hover, .btn-whatsapp:focus, .btn-whatsapp:active, .btn-whatsapp.active { background-color: #47B134; border: 1px solid #47B134; color: #FFFFFF !important; } .btn-whatsapp.disabled:hover, .btn-whatsapp.disabled:focus, .btn-whatsapp.disabled:active, .btn-whatsapp.disabled.active, .btn-whatsapp[disabled]:hover, .btn-whatsapp[disabled]:focus, .btn-whatsapp[disabled]:active, .btn-whatsapp[disabled].active, fieldset[disabled] .btn-whatsapp:hover, fieldset[disabled] .btn-whatsapp:focus, fieldset[disabled] .btn-whatsapp:active, fieldset[disabled] .btn-whatsapp.active { background-color: #50C63A; border: 1px solid #50C63A; color: #FFFFFF !important; } /* .social-icons */ .social-icon-container .btn { font-size: 1em; line-height: 23px; font-weight: bold; margin-bottom: 15px; } .btn-social-icon { line-height: 21px; position: relative; padding-left: 35px; text-align: left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .btn-social-icon :first-child { position: absolute; left: 0; top: 0; bottom: 0; width: 32px; font-size: 1em; text-align: center; border-right: 1px solid rgba(0, 0, 0, 0.2) } .btn-social-icon.btn-lg { padding-left: 58px; height: 45px; } .btn-social-icon.btn-lg :first-child { padding-top: 13.2px; width: 45px; font-size: 1.250em; } .btn-social-icon.btn-md { padding-left: 58px; height: 35px; line-height: 21px; } .btn-social-icon.btn-md :first-child { padding-top: 8.5px; width: 45px; font-size: 1.125em; } .social-icons a { display: inline-block; width: 35px; height: 35px; cursor: pointer; background-color: #333942; border-radius: 0; font-size: 1.250em; color: #FFFFFF; text-align: center; line-height: 34px; margin-right: 3px; margin-bottom: 5px; } .social-icons a.icon-facebook:hover { background-color: #3364A3; color: #FFFFFF; } .social-icons a.icon-twitter:hover { background-color: #33BDFD; color: #FFFFFF; } .social-icons a.icon-linkedin:hover { background-color: #007AB5; color: #FFFFFF; } .social-icons a.icon-google-plus:hover { background-color: #DC4A38; color: #FFFFFF; } .social-icons a.icon-behance:hover { background-color: #000000; color: #FFFFFF; } .social-icons a.icon-dribbble:hover { background-color: #F26798; color: #FFFFFF; } .social-icons a.icon-flickr:hover { background-color: #0B65D5; color: #FFFFFF; } .social-icons a.icon-github:hover { background-color: #000000; color: #FFFFFF; } .social-icons a.icon-pinterest:hover { background-color: #EE1413; color: #FFFFFF; } .social-icons a.icon-tumblr:hover { background-color: #43617D; color: #FFFFFF; } .social-icons a.icon-instagram:hover { background-color: #A87A60; color: #FFFFFF; } .social-icons a.icon-deviantart:hover { background-color: #72897A; color: #FFFFFF; } .social-icons a.icon-youtube:hover { background-color: #E42526; color: #FFFFFF; } .social-icons a.icon-vimeo:hover { background-color: #1AB7EA; color: #FFFFFF; } .social-icons a.icon-whatsapp:hover { background-color: #50C63A; color: #FFFFFF; } /* .social-icons-2 */ /* .icon-facebook */ .social-icons-2 a.icon-facebook { display: inline-block; width: 35px; height: 35px; cursor: pointer; background-color: #3364A3; border-radius: 0; font-size: 1.250em; color: #FFFFFF !important; text-align: center; line-height: 34px; margin-right: 3px; margin-bottom: 5px; transition: all 0.2s ease-in-out 0.2s; -moz-transition: all 0.2s ease-in-out 0.2s; -webkit-transition: all 0.2s ease-in-out 0.2s; -o-transition: all 0.2s ease-in-out 0.2s; } .social-icons-2 a.icon-facebook:hover { background-color: #2D568E; color: #FFFFFF !important; transition: all 0.2s ease-in-out 0.2s; -moz-transition: all 0.2s ease-in-out 0.2s; -webkit-transition: all 0.2s ease-in-out 0.2s; -o-transition: all 0.2s ease-in-out 0.2s; } /* .icon-twitter */ .social-icons-2 a.icon-twitter { display: inline-block; width: 35px; height: 35px; cursor: pointer; background-color: #33BDFD; border-radius: 0; font-size: 1.250em; color: #FFFFFF !important; text-align: center; line-height: 34px; margin-right: 3px; margin-bottom: 5px; transition: all 0.2s ease-in-out 0.2s; -moz-transition: all 0.2s ease-in-out 0.2s; -webkit-transition: all 0.2s ease-in-out 0.2s; -o-transition: all 0.2s ease-in-out 0.2s; } .social-icons-2 a.icon-twitter:hover { background-color: #09ADFD; color: #FFFFFF !important; transition: all 0.2s ease-in-out 0.2s; -moz-transition: all 0.2s ease-in-out 0.2s; -webkit-transition: all 0.2s ease-in-out 0.2s; -o-transition: all 0.2s ease-in-out 0.2s; } /* .icon-linkedin */ .social-icons-2 a.icon-linkedin { display: inline-block; width: 35px; height: 35px; cursor: pointer; background-color: #007AB5; border-radius: 0; font-size: 1.250em; color: #FFFFFF !important; text-align: center; line-height: 34px; margin-right: 3px; margin-bottom: 5px; transition: all 0.2s ease-in-out 0.2s; -moz-transition: all 0.2s ease-in-out 0.2s; -webkit-transition: all 0.2s ease-in-out 0.2s; -o-transition: all 0.2s ease-in-out 0.2s; } .social-icons-2 a.icon-linkedin:hover { background-color: #006595; color: #FFFFFF !important; transition: all 0.2s ease-in-out 0.2s; -moz-transition: all 0.2s ease-in-out 0.2s; -webkit-transition: all 0.2s ease-in-out 0.2s; -o-transition: all 0.2s ease-in-out 0.2s; } /* .icon-google-plus */ .social-icons-2 a.icon-google-plus { display: inline-block; width: 35px; height: 35px; cursor: pointer; background-color: #DC4A38; border-radius: 0; font-size: 1.250em; color: #FFFFFF !important; text-align: center; line-height: 34px; margin-right: 3px; margin-bottom: 5px; transition: all 0.2s ease-in-out 0.2s; -moz-transition: all 0.2s ease-in-out 0.2s; -webkit-transition: all 0.2s ease-in-out 0.2s; -o-transition: all 0.2s ease-in-out 0.2s; } .social-icons-2 a.icon-google-plus:hover { background-color: #C43222; color: #FFFFFF !important; transition: all 0.2s ease-in-out 0.2s; -moz-transition: all 0.2s ease-in-out 0.2s; -webkit-transition: all 0.2s ease-in-out 0.2s; -o-transition: all 0.2s ease-in-out 0.2s; } /* .icon-behance */ .social-icons-2 a.icon-behance { display: inline-block; width: 35px; height: 35px; cursor: pointer; background-color: #444444; border-radius: 0; font-size: 1.250em; color: #FFFFFF !important; text-align: center; line-height: 34px; margin-right: 3px; margin-bottom: 5px; transition: all 0.2s ease-in-out 0.2s; -moz-transition: all 0.2s ease-in-out 0.2s; -webkit-transition: all 0.2s ease-in-out 0.2s; -o-transition: all 0.2s ease-in-out 0.2s; } .social-icons-2 a.icon-behance:hover { background-color: #000000; color: #FFFFFF !important; transition: all 0.2s ease-in-out 0.2s; -moz-transition: all 0.2s ease-in-out 0.2s; -webkit-transition: all 0.2s ease-in-out 0.2s; -o-transition: all 0.2s ease-in-out 0.2s; } /* .icon-dribbble */ .social-icons-2 a.icon-dribbble { display: inline-block; width: 35px; height: 35px; cursor: pointer; background-color: #F26798; border-radius: 0; font-size: 1.250em; color: #FFFFFF !important; text-align: center; line-height: 34px; margin-right: 3px; margin-bottom: 5px; transition: all 0.2s ease-in-out 0.2s; -moz-transition: all 0.2s ease-in-out 0.2s; -webkit-transition: all 0.2s ease-in-out 0.2s; -o-transition: all 0.2s ease-in-out 0.2s; } .social-icons-2 a.icon-dribbble:hover { background-color: #EE3576; color: #FFFFFF !important; transition: all 0.2s ease-in-out 0.2s; -moz-transition: all 0.2s ease-in-out 0.2s; -webkit-transition: all 0.2s ease-in-out 0.2s; -o-transition: all 0.2s ease-in-out 0.2s; } /* .icon-flickr */ .social-icons-2 a.icon-flickr { display: inline-block; width: 35px; height: 35px; cursor: pointer; background-color: #0B65D5; border-radius: 0; font-size: 1.250em; color: #FFFFFF !important; text-align: center; line-height: 34px; margin-right: 3px; margin-bottom: 5px; transition: all 0.2s ease-in-out 0.2s; -moz-transition: all 0.2s ease-in-out 0.2s; -webkit-transition: all 0.2s ease-in-out 0.2s; -o-transition: all 0.2s ease-in-out 0.2s; } .social-icons-2 a.icon-flickr:hover { background-color: #0951AA; color: #FFFFFF !important; transition: all 0.2s ease-in-out 0.2s; -moz-transition: all 0.2s ease-in-out 0.2s; -webkit-transition: all 0.2s ease-in-out 0.2s; -o-transition: all 0.2s ease-in-out 0.2s; } /* .icon-github */ .social-icons-2 a.icon-github { display: inline-block; width: 35px; height: 35px; cursor: pointer; background-color: #444444; border-radius: 0; font-size: 1.250em; color: #FFFFFF !important; text-align: center; line-height: 34px; margin-right: 3px; margin-bottom: 5px; transition: all 0.2s ease-in-out 0.2s; -moz-transition: all 0.2s ease-in-out 0.2s; -webkit-transition: all 0.2s ease-in-out 0.2s; -o-transition: all 0.2s ease-in-out 0.2s; } .social-icons-2 a.icon-github:hover { background-color: #000000; color: #FFFFFF !important; transition: all 0.2s ease-in-out 0.2s; -moz-transition: all 0.2s ease-in-out 0.2s; -webkit-transition: all 0.2s ease-in-out 0.2s; -o-transition: all 0.2s ease-in-out 0.2s; } /* .icon-pinterest */ .social-icons-2 a.icon-pinterest { display: inline-block; width: 35px; height: 35px; cursor: pointer; background-color: #EE1413; border-radius: 0; font-size: 1.250em; color: #FFFFFF !important; text-align: center; line-height: 34px; margin-right: 3px; margin-bottom: 5px; transition: all 0.2s ease-in-out 0.2s; -moz-transition: all 0.2s ease-in-out 0.2s; -webkit-transition: all 0.2s ease-in-out 0.2s; -o-transition: all 0.2s ease-in-out 0.2s; } .social-icons-2 a.icon-pinterest:hover { background-color: #BE0E0E; color: #FFFFFF !important; transition: all 0.2s ease-in-out 0.2s; -moz-transition: all 0.2s ease-in-out 0.2s; -webkit-transition: all 0.2s ease-in-out 0.2s; -o-transition: all 0.2s ease-in-out 0.2s; } /* .icon-tumblr */ .social-icons-2 a.icon-tumblr { display: inline-block; width: 35px; height: 35px; cursor: pointer; background-color: #43617D; border-radius: 0; font-size: 1.250em; color: #FFFFFF !important; text-align: center; line-height: 34px; margin-right: 3px; margin-bottom: 5px; transition: all 0.2s ease-in-out 0.2s; -moz-transition: all 0.2s ease-in-out 0.2s; -webkit-transition: all 0.2s ease-in-out 0.2s; -o-transition: all 0.2s ease-in-out 0.2s; } .social-icons-2 a.icon-tumblr:hover { background-color: #364F65; color: #FFFFFF !important; transition: all 0.2s ease-in-out 0.2s; -moz-transition: all 0.2s ease-in-out 0.2s; -webkit-transition: all 0.2s ease-in-out 0.2s; -o-transition: all 0.2s ease-in-out 0.2s; } /* .icon-instagram */ .social-icons-2 a.icon-instagram { display: inline-block; width: 35px; height: 35px; cursor: pointer; background-color: #A87A60; border-radius: 0; font-size: 1.250em; color: #FFFFFF !important; text-align: center; line-height: 34px; margin-right: 3px; margin-bottom: 5px; transition: all 0.2s ease-in-out 0.2s; -moz-transition: all 0.2s ease-in-out 0.2s; -webkit-transition: all 0.2s ease-in-out 0.2s; -o-transition: all 0.2s ease-in-out 0.2s; } .social-icons-2 a.icon-instagram:hover { background-color: #89614B; color: #FFFFFF !important; transition: all 0.2s ease-in-out 0.2s; -moz-transition: all 0.2s ease-in-out 0.2s; -webkit-transition: all 0.2s ease-in-out 0.2s; -o-transition: all 0.2s ease-in-out 0.2s; } /* .icon-deviantart */ .social-icons-2 a.icon-deviantart { display: inline-block; width: 35px; height: 35px; cursor: pointer; background-color: #72897A; border-radius: 0; font-size: 1.250em; color: #FFFFFF !important; text-align: center; line-height: 34px; margin-right: 3px; margin-bottom: 5px; transition: all 0.2s ease-in-out 0.2s; -moz-transition: all 0.2s ease-in-out 0.2s; -webkit-transition: all 0.2s ease-in-out 0.2s; -o-transition: all 0.2s ease-in-out 0.2s; } .social-icons-2 a.icon-deviantart:hover { background-color: #55665B; color: #FFFFFF !important; transition: all 0.2s ease-in-out 0.2s; -moz-transition: all 0.2s ease-in-out 0.2s; -webkit-transition: all 0.2s ease-in-out 0.2s; -o-transition: all 0.2s ease-in-out 0.2s; } /* .icon-youtube */ .social-icons-2 a.icon-youtube { display: inline-block; width: 35px; height: 35px; cursor: pointer; background-color: #E42526; border-radius: 0; font-size: 1.250em; color: #FFFFFF !important; text-align: center; line-height: 34px; margin-right: 3px; margin-bottom: 5px; transition: all 0.2s ease-in-out 0.2s; -moz-transition: all 0.2s ease-in-out 0.2s; -webkit-transition: all 0.2s ease-in-out 0.2s; -o-transition: all 0.2s ease-in-out 0.2s; } .social-icons-2 a.icon-youtube:hover { background-color: #AA1515; color: #FFFFFF !important; transition: all 0.2s ease-in-out 0.2s; -moz-transition: all 0.2s ease-in-out 0.2s; -webkit-transition: all 0.2s ease-in-out 0.2s; -o-transition: all 0.2s ease-in-out 0.2s; } /* .icon-youtube */ .social-icons-2 a.icon-vimeo { display: inline-block; width: 35px; height: 35px; cursor: pointer; background-color: #1AB7EA; border-radius: 0; font-size: 1.250em; color: #FFFFFF !important; text-align: center; line-height: 34px; margin-right: 3px; margin-bottom: 5px; transition: all 0.2s ease-in-out 0.2s; -moz-transition: all 0.2s ease-in-out 0.2s; -webkit-transition: all 0.2s ease-in-out 0.2s; -o-transition: all 0.2s ease-in-out 0.2s; } .social-icons-2 a.icon-vimeo:hover { background-color: #1193BD; color: #FFFFFF !important; transition: all 0.2s ease-in-out 0.2s; -moz-transition: all 0.2s ease-in-out 0.2s; -webkit-transition: all 0.2s ease-in-out 0.2s; -o-transition: all 0.2s ease-in-out 0.2s; } /* .icon-whatsapp */ .social-icons-2 a.icon-whatsapp { display: inline-block; width: 35px; height: 35px; cursor: pointer; background-color: #50C63A; border-radius: 0; font-size: 1.250em; color: #FFFFFF !important; text-align: center; line-height: 34px; margin-right: 3px; margin-bottom: 5px; transition: all 0.2s ease-in-out 0.2s; -moz-transition: all 0.2s ease-in-out 0.2s; -webkit-transition: all 0.2s ease-in-out 0.2s; -o-transition: all 0.2s ease-in-out 0.2s; } .social-icons-2 a.icon-whatsapp:hover { background-color: #3D992D; color: #FFFFFF !important; transition: all 0.2s ease-in-out 0.2s; -moz-transition: all 0.2s ease-in-out 0.2s; -webkit-transition: all 0.2s ease-in-out 0.2s; -o-transition: all 0.2s ease-in-out 0.2s; } /* Accordion */ .panel-group .panel { border-radius: 0; } .bs-accordion .panel { box-shadow: none; } .bs-accordion .panel-default > .bs-accordion .panel-heading { background-color: #F0F0F0; padding-bottom: 20px; font-weight: 700; } .bs-accordion .panel-heading { background-color: #F0F0F0 !important; font-weight: 700; } .bs-accordion .panel-heading a, .bs-accordion .panel-heading a:hover, .bs-accordion .panel-heading a:focus { text-decoration: none; } .bs-accordion .panel-body { padding: 15px; font-size: 1em; } .bs-accordion .panel-title { font-size: 1em; font-weight: 700; } .bs-accordion .panel-title span { width: 38px; height: 35.4px; font-weight: normal; margin-top: -10px; margin-right: -15px; background-color: transparent; border-radius: 0; padding: 12.1px 13.5px; } .bs-accordion .panel-title span:hover { width: 38px; height: 35.4px; font-weight: normal; margin-top: -10px; margin-right: -15px; border-radius: 0; padding: 12.1px 13.5px; } .bs-accordion .accordion-cat-content .panel-heading:hover { background-color: #F0F0F0; } .panel-accordion .panel-heading .panel-title span { font-size: 0.563em; font-weight: normal; } /* Alerts */ .alert { border-radius: 0; } .alert .close { font-size: 1em; font-weight: normal; top: 1px; } /* .alert-warning */ .alert-warning { background-color: #FC6E51; border-color: #FC6E51; color: #FFFFFF; } .alert-warning .close { color: #FFFFFF; opacity: 0.8; } .alert-warning .close:focus, .alert-warning .close:hover { color: #FFFFFF; } /* .alert-success */ .alert-success { background-color: #48CFAD; border-color: #48CFAD; color: #FFFFFF; } .alert-success .close { color: #FFFFFF; opacity: 0.8; } .alert-success .close:focus, .alert-success .close:hover { color: #FFFFFF; } /* .alert-info */ .alert-info { background-color: #4FC1E9; border-color: #4FC1E9; color: #FFFFFF; } .alert-info .close { color: #FFFFFF; opacity: 0.8; } .alert-info .close:focus, .alert-info .close:hover { color: #FFFFFF; } /* .alert-danger */ .alert-danger { background-color: #ED5565; border-color: #ED5565; color: #FFFFFF; } .alert-danger .close { color: #FFFFFF; opacity: 0.8; } .alert-danger .close:focus, .alert-danger .close:hover { color: #FFFFFF; } .message-box p i { border-right: 1px solid #FFFFFF; margin-right: 10px; padding-right: 10px; } /* Tabs */ /* Nav tabs */ .nav-tabs { background-color: #E6E9ED; border-bottom: none; border-radius: 0; } .tab-content > .active { display: block; padding: 20px 15px 20px 15px; } .nav-tabs > li { margin-bottom: 0; border-left: 1px solid #FFFFFF; } .nav-tabs > li:first-child { border-left: none; } .nav-tabs > li > a { margin-right: 0; color: #434A54; border: none; border-radius: 0; } .nav-tabs > li:first-child > a { border-radius: 0; } .nav-tabs > li > a:focus, .nav-tabs > li > a:hover { background-color: #F5F7FA; border: none; } .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover { background-color: #FFFFFF !important; border: none; } .nav-tabs.nav-justified > li > a { margin-bottom: 0; text-align: center; padding-top: 12px; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; } .nav-tabs.nav-justified > li:first-child > a { border-radius: 0; } .nav-tabs.nav-justified > li:last-child > a { border-radius: 0; } .nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:focus { border: none; } .multimedia-tab-carousel { padding-bottom: 30px; } .tabs-below .nav-tabs { border-radius: 0; } .tabs-below .nav-tabs > li:first-child > a { border-radius: 0; } .tabs-below .nav-tabs.nav-justified > li:last-child > a { border-radius: 0; } .tabs-left .nav-tabs > li, .tabs-right .nav-tabs > li { float: none; border-top: 1px solid #CCD1D9; border-left: none; } .tabs-left .nav-tabs > li:first-child, .tabs-right .nav-tabs > li:first-child { border-top: none; } .tabs-left .nav-tabs > li > a, .tabs-right .nav-tabs > li > a { min-width: 74px; margin-right: 0; } .tabs-left .nav-tabs { float: left; margin-right: 19px; border-radius: 0; } .tabs-left .nav-tabs > li:first-child > a { border-radius: 0; } .tabs-left .nav-tabs > li:last-child > a { border-radius: 0; } .tabs-right .nav-tabs { float: right; margin-left: 19px; border-radius: 0; } .tabs-right .nav-tabs > li:first-child > a { border-radius: 0; } .tabs-right .nav-tabs > li:last-child > a { border-radius: 0; } /* Benefits tabs */ .nav-tabs { background-color: #EDEFF1; } .tab-content > .tab-pane { border-radius: 0; } .nav-tabs .text-content { color: #686868; font-size: 1em; } .nav-tabs > li > a:focus, .nav-tabs > li > a:hover { background-color: #82A7B3; } .nav-tabs.nav-justified > li > a { font-family: 'open_sansbold', Arial, sans-serif; text-transform: uppercase; } .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover { background-color: #FFFFFF !important; } .nav-tabs.nav-justified > .active > a { border-bottom: 1px solid #FFFFFF !important; } .tab-content > .active { background-color: #FFFFFF !important; } .nav-tabs.nav-justified > li > a h2 { margin-top: 0; } /* Carousels */ .carousel-controls { margin-top: 10px; } /* carousel-fade */ .carousel, .item, .active { height: 100%; } .carousel-inner { height: 100%; } .fill { width: 100%; height: 100%; background-position: center; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; -o-background-size: cover; } .carousel.fade { opacity: 1; } .carousel.fade .item { -moz-transition: opacity ease-in-out .7s; -o-transition: opacity ease-in-out .7s; -webkit-transition: opacity ease-in-out .7s; transition: opacity ease-in-out .7s; left: 0 !important; opacity: 0; top: 0; position: absolute; width: 100%; display: block !important; z-index: 1; } .carousel.fade .item:first-child { top: auto; position: relative; } .carousel.fade .item.active { opacity: 1; -moz-transition: opacity ease-in-out .7s; -o-transition: opacity ease-in-out .7s; -webkit-transition: opacity ease-in-out .7s; transition: opacity ease-in-out .7s; z-index: 2; } .carousel-control { z-index: 2; } /* carousel-vertical */ .carousel-vertical .carousel-inner { height: 100%; } .carousel.carousel-vertical .item { -webkit-transition: 0.6s ease-in-out top; -moz-transition: 0.6s ease-in-out top; -ms-transition: 0.6s ease-in-out top; -o-transition: 0.6s ease-in-out top; transition: 0.6s ease-in-out top; } .carousel.carousel-vertical .active { top: 0; } .carousel.carousel-vertical .next { top: -400px; } .carousel.carousel-vertical .prev { top: 400px; } .carousel.carousel-vertical .next.left, .carousel.carousel-vertical .prev.right { top: 0; } .carousel.carousel-vertical .active.left { top: 400px; } .carousel.carousel-vertical .active.right { top: -400px; } .carousel.carousel-vertical .item { left: 0; } /* Carousel basic 1 */ #carousel-basic-1 .carousel-inner { background-color: #F0F0F0; -webkit-box-shadow: 0px 0px 3px 0px rgba(153, 151, 153, 1); -webkit-box-shadow: 0px 0px 5px 0px rgba(196, 196, 196, 1); -moz-box-shadow: 0px 0px 5px 0px rgba(196, 196, 196, 1); box-shadow: 0px 0px 5px 0px rgba(196, 196, 196, 1); } #carousel-basic-1 .carousel-indicators li { width: 15px; height: 15px; background-color: #E5E5E5; border: 2px solid #E5E5E5; margin: 0; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; } #carousel-basic-1 .carousel-indicators .active { width: 15px; height: 15px; } #carousel-basic-1 .carousel-inner img { width: 100%; max-height: 460px; } #carousel-basic-1 .carousel-control { width: 0; } #carousel-basic-1 .carousel-control.left, #carousel-basic-1 .carousel-control.right { color: #4B4B4B; opacity: 1; filter: alpha(opacity=100); background-image: none; background-repeat: no-repeat; text-shadow: none; z-index: 10; } #carousel-basic-1 .carousel-control.left span { padding-right: 3px; padding-top: 1px; border-radius: 0; } #carousel-basic-1 .carousel-control.right span { padding-left: 5px; padding-top: 1px; border-radius: 0; } #carousel-basic-1 .carousel-control .fa-angle-left, #carousel-basic-1 .carousel-control .fa-angle-right, #carousel-basic-1 .carousel-control .icon-next, #carousel-basic-1 .carousel-control .icon-prev { font-size: 2.3em; height: 50px; margin-top: -15px; width: 40px; } #carousel-basic-1 .carousel-control .fa-angle-left, #carousel-basic-1 .carousel-control .fa-angle-right, #carousel-basic-1 .carousel-control .icon-prev, #carousel-basic-1 .carousel-control .icon-next { position: absolute; top: 47%; z-index: 5; display: inline-block; } #carousel-basic-1 .carousel-control .fa-angle-left, #carousel-basic-1 .carousel-control .icon-prev { left: 0; } #carousel-basic-1 .carousel-control .fa-angle-right, #carousel-basic-1 .carousel-control .icon-next { right: 0; } #carousel-basic-1 .carousel-control.left span, #carousel-basic-1 .carousel-control.right span { background-color: #FFFFFF; opacity: 1; filter: alpha(opacity=100); } #carousel-basic-1 .carousel-control.left span:hover, #carousel-basic-1 .carousel-control.right span:hover { opacity: 1; filter: alpha(opacity=100); } #carousel-basic-1 .text { position: absolute; top: 28%; left: 1.8%; right: auto; width: 95%; color: #FFFFFF; } #carousel-basic-1 .text p { margin-top: 25px; } #carousel-basic-1 h2 { font-family: 'open_sansbold', Arial, sans-serif; } #carousel-basic-1 h3 { font-family: 'open_sanslight', Arial, sans-serif; margin-bottom: 30px; } #carousel-basic-1 .btn { width: 150px; font-weight: bold; } /* Carousel basic 2 */ #carousel-basic-2 .carousel-inner { background-color: #F0F0F0; -webkit-box-shadow: 0px 0px 3px 0px rgba(153, 151, 153, 1); -webkit-box-shadow: 0px 0px 5px 0px rgba(196, 196, 196, 1); -moz-box-shadow: 0px 0px 5px 0px rgba(196, 196, 196, 1); box-shadow: 0px 0px 5px 0px rgba(196, 196, 196, 1); } #carousel-basic-2 .carousel-indicators li { width: 15px; height: 15px; background-color: #E5E5E5; border: 2px solid #E5E5E5; margin: 0; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; } #carousel-basic-2 .carousel-indicators .active { width: 15px; height: 15px; } #carousel-basic-2 .carousel-inner img { width: 100%; max-height: 460px; } #carousel-basic-2 .carousel-control { width: 0; } #carousel-basic-2 .carousel-control.left, #carousel-basic-2 .carousel-control.right { color: #4B4B4B; opacity: 1; filter: alpha(opacity=100); background-image: none; background-repeat: no-repeat; text-shadow: none; z-index: 10; } #carousel-basic-2 .carousel-control.left span { padding-right: 3px; padding-top: 1px; border-radius: 0; } #carousel-basic-2 .carousel-control.right span { padding-left: 5px; padding-top: 1px; border-radius: 0; } #carousel-basic-2 .carousel-control .fa-angle-left, #carousel-basic-2 .carousel-control .fa-angle-right, #carousel-basic-2 .carousel-control .icon-next, #carousel-basic-2 .carousel-control .icon-prev { font-size: 2.3em; height: 50px; margin-top: -15px; width: 40px; } #carousel-basic-2 .carousel-control .fa-angle-left, #carousel-basic-2 .carousel-control .fa-angle-right, #carousel-basic-2 .carousel-control .icon-prev, #carousel-basic-2 .carousel-control .icon-next { position: absolute; top: 47%; z-index: 5; display: inline-block; } #carousel-basic-2 .carousel-control .fa-angle-left, #carousel-basic-2 .carousel-control .icon-prev { left: 0; } #carousel-basic-2 .carousel-control .fa-angle-right, #carousel-basic-2 .carousel-control .icon-next { right: 0; } #carousel-basic-2 .carousel-control.left span, #carousel-basic-2 .carousel-control.right span { background-color: #FFFFFF; opacity: 1; filter: alpha(opacity=100); } #carousel-basic-2 .carousel-control.left span:hover, #carousel-basic-2 .carousel-control.right span:hover { opacity: 1; filter: alpha(opacity=100); } #carousel-basic-2 .text { position: absolute; top: 26%; left: 1.8%; right: auto; width: 95%; color: #FFFFFF; } #carousel-basic-2 .text p { margin-top: 25px; } #carousel-basic-2 h2 { font-family: 'open_sansbold', Arial, sans-serif; } #carousel-basic-2 h3 { font-family: 'open_sanslight', Arial, sans-serif; margin-bottom: 30px; } #carousel-basic-2 .btn { width: 150px; font-weight: bold; } /* Carousel basic 3 */ #carousel-basic-3 .carousel-inner { background-color: #F0F0F0; } #carousel-basic-3 .carousel-indicators li { width: 15px; height: 15px; background-color: #E5E5E5; border: 2px solid #E5E5E5; margin: 0; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; } #carousel-basic-3 .carousel-indicators .active { width: 15px; height: 15px; } #carousel-basic-3 .carousel-inner img { width: 100%; max-height: 500px; } #carousel-basic-3 .carousel-control { width: 0; } #carousel-basic-3 .carousel-control.left, #carousel-basic-3 .carousel-control.right { color: #4B4B4B; opacity: 1; filter: alpha(opacity=100); background-image: none; background-repeat: no-repeat; text-shadow: none; z-index: 10; } #carousel-basic-3 .carousel-control.left span { padding-right: 8px; padding-top: 14px; border-radius: 0 80px 80px 0; } #carousel-basic-3 .carousel-control.right span { padding-left: 10px; padding-top: 15px; border-radius: 80px 0 0 80px; } #carousel-basic-3 .carousel-control .fa-angle-left, #carousel-basic-3 .carousel-control .fa-angle-right, #carousel-basic-3 .carousel-control .icon-next, #carousel-basic-3 .carousel-control .icon-prev { font-size: 2.3em; width: 40px; height: 80px; margin-top: -15px; } #carousel-basic-3 .carousel-control .fa-angle-left, #carousel-basic-3 .carousel-control .fa-angle-right, #carousel-basic-3 .carousel-control .icon-prev, #carousel-basic-3 .carousel-control .icon-next { position: absolute; top: 43%; z-index: 5; display: inline-block; } #carousel-basic-3 .carousel-control .fa-angle-left, #carousel-basic-3 .carousel-control .icon-prev { left: 0; } #carousel-basic-3 .carousel-control .fa-angle-right, #carousel-basic-3 .carousel-control .icon-next { right: 0; } #carousel-basic-3 .carousel-control.left span, #carousel-basic-3 .carousel-control.right span { background-color: #CCCCCC; color: #666666; opacity: 1; filter: alpha(opacity=100); transition: all 0.1s ease-in-out 0.1s; -moz-transition: all 0.1s ease-in-out 0.1s; -webkit-transition: all 0.1s ease-in-out 0.1s; -o-transition: all 0.1s ease-in-out 0.1s; } #carousel-basic-3 .carousel-control.left span:hover, #carousel-basic-3 .carousel-control.right span:hover { background-color: #E0E0E0; opacity: 1; filter: alpha(opacity=100); transition: all 0.1s ease-in-out 0.1s; -moz-transition: all 0.1s ease-in-out 0.1s; -webkit-transition: all 0.1s ease-in-out 0.1s; -o-transition: all 0.1s ease-in-out 0.1s; } #carousel-basic-3 .text { position: absolute; top: 26%; left: 1.8%; right: auto; width: 95%; color: #FFFFFF; } #carousel-basic-3 .text p { margin-top: 25px; } #carousel-basic-3 h2 { font-family: 'open_sansbold', Arial, sans-serif; } #carousel-basic-3 h3 { font-family: 'open_sanslight', Arial, sans-serif; margin-bottom: 30px; } #carousel-basic-3 .btn { width: 150px; font-weight: bold; } /* #bs-carousel-slide */ #bs-carousel-slide .carousel-inner { background-color: #F0F0F0; border: 10px solid #FFFFFF; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); } #bs-carousel-slide .carousel-indicators { bottom: -25px; } #bs-carousel-slide .carousel-indicators li { width: 15px; height: 15px; background-color: #979797; border: none; margin: 0; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; -moz-box-shadow: inset 0 2px 2px #333333; -webkit-box-shadow: inset 0 2px 2px #333333; box-shadow: inset 0 2px 2px #333333; } #bs-carousel-slide .carousel-indicators .active { width: 15px; height: 15px; } #bs-carousel-slide .carousel-inner img { width: 100%; max-height: 460px; } #bs-carousel-slide .carousel-control { width: 0; } #bs-carousel-slide .carousel-control.left, #bs-carousel-slide .carousel-control.right { opacity: 1; filter: alpha(opacity=100); background-image: none; background-repeat: no-repeat; text-shadow: none; } #bs-carousel-slide .carousel-control.left span { padding-left: 6px; padding-top: 0; border-radius: 0; } #bs-carousel-slide .carousel-control.right span { padding-right: 5px; padding-top: 0; border-radius: 0; } #bs-carousel-slide .carousel-control .fa-angle-left, #bs-carousel-slide .carousel-control .fa-angle-right, #bs-carousel-slide .carousel-control .icon-next, #bs-carousel-slide .carousel-control .icon-prev { font-size: 1.875em; height: 40px; margin-top: -15px; width: 40px; } #bs-carousel-slide .carousel-control .fa-angle-left, #bs-carousel-slide .carousel-control .fa-angle-right, #bs-carousel-slide .carousel-control .icon-prev, #bs-carousel-slide .carousel-control .icon-next { position: absolute; top: 45%; z-index: 5; display: inline-block; } #bs-carousel-slide .carousel-control .fa-angle-left, #bs-carousel-slide .carousel-control .icon-prev { left: 0; } #bs-carousel-slide .carousel-control .fa-angle-right, #bs-carousel-slide .carousel-control .icon-next { right: 0; } #bs-carousel-slide .carousel-control.left span, #bs-carousel-slide .carousel-control.right span { color: #4B4B4B; background-color: #FFFFFF; opacity: 1; filter: alpha(opacity=100); background-image: none; background-repeat: no-repeat; text-shadow: none; z-index: 10; } #bs-carousel-slide .carousel-control.left span:hover, #bs-carousel-slide .carousel-control.right span:hover { opacity: 1; filter: alpha(opacity=100); } /* Progress */ .progress { border-radius: 0; } /* Default */ .progress .progress-bar-primary { background-color: #5D9CEC; } .progress .progress-bar-success { background-color: #48CFAD; } .progress .progress-bar-info { background-color: #4FC1E9; } .progress .progress-bar-warning { background-color: #FC6E51; } .progress .progress-bar-danger { background-color: #ED5565; } .progress .progress-bar-default-1 { width: 60%; } .progress .progress-bar-default-2 { width: 40%; } .progress .progress-bar-default-3 { width: 80%; } .progress .progress-bar-default-4 { width: 70%; } .progress .progress-bar-default-5 { width: 90%; } /* Progress bar text*/ .progress.progress-bar-text-container { height: 30px; } .progress-bar-text { line-height: 27px; font-size: 1.250em; } /* Progress bar skills */ .progress .progress-bar.skills-sliding-bg { -webkit-transition: width 2s ease-in-out; -moz-transition: width 2s ease-in-out; -ms-transition: width 2s ease-in-out; -o-transition: width 2s ease-in-out; transition: width 2s ease-in-out; } .progress.progress-skill { border-radius: 0; } .skill-text { float: left; text-align: right; padding-left: 10px; padding-right: 10px; color: #FFFFFF; width: 150px; height: 30px; line-height: 30px; font-size: 0.875em; border-radius: 0; } /* 11 - MULTIMEDIA */ /* Google maps */ .default-map { background-color: #FFFFFF; border-radius: 0; border: 1px solid #CCCCCC; width: 100%; height: 300px; } .satellite-map { background-color: #FFFFFF; border-radius: 0; border: 1px solid #CCCCCC; width: 100%; height: 300px; } .street-view-map { background-color: #FFFFFF; border-radius: 0; border: 1px solid #CCCCCC; width: 100%; height: 300px; } .contact-map { background-color: #FFFFFF; border-radius: 0; border: 1px solid #CCCCCC; width: 100%; height: 200px; } /* Video */ iframe { border: 0; } .video-container { padding-bottom: 20px; } .video-js { padding-top: 55.25%; width: 98.2% !important; height: auto; } .video-content { width: 98.2%; max-width: 1280px; } /* Images */ .img-pl-margin { margin-right: 15px; margin-bottom: 15px; } .img-pr-margin { margin-left: 15px; margin-bottom: 15px; } .image-box { margin-bottom: 20px; } /* Image captions */ .image-caption { padding-bottom: 15px; } .image-caption a { color: #FFFFFF !important; } /* Images thumbnail */ .img-thumbnail { background-color: #FFFFFF; border: 1px solid #82A7B3; border-radius: 0; display: inline-block; height: auto; line-height: 1.42857; max-width: 100%; padding: 4px; transition: all 0.2s ease-in-out 0s; } /* 12 - OTHER ELEMENTS */ /* Tables */ .table { font-weight: 300; background-color: #FFFFFF; border-collapse: separate; } .table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th { padding: 9px 8px 8px 8px; } thead { font-weight: 700; color: #FFFFFF; } /* Testimonials */ .testimonial-box { padding-top: 12px; } .testimonial-box-content { display: table; padding-top: 32px; } .item blockquote { border-left: none; margin: 0; } .testimonial-image { border: 0; border-radius: 0; } .testimonial .fa { color: #DDDDDD; margin-top: 10px; } hr.testimonial-divider { margin-bottom: 8px !important; } .customer-name { font-family: 'open_sansbold', Arial, sans-serif; } .customer-name-2 { font-family: 'open_sanslight', Arial, sans-serif; padding-bottom: 0; font-weight: bold; margin-bottom: 0; } .testimonials-background { background-color: #3F4752; background-image: url("../images/bg-2.jpg"); background-repeat: no-repeat; background-position: center 100%; height: auto; width: 100%; -webkit-background-size: 100%; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .testimonials-background blockquote .customer-name { font-family: 'open_sansbold', Arial, sans-serif; } /* Testimonials 1 */ .testimonials-1 .testimonials-list-1 { margin-top: 30px; } .testimonials-list-1 blockquote { box-shadow: none !important; background: transparent !important; padding-top: 0; border: none; } .testimonials-list-1 blockquote a { color: #686868; } .testimonials-list-1 .well { width: 98%; } .testimonials-list-1 .carousel-inner { margin-top: -15px; } /* Quote carousel 1 */ #quote-carousel-1 { padding: 0 10px 30px 10px; margin-top: 30px; } #quote-carousel-1 blockquote { border: none; } #quote-carousel-1 .carousel-indicators { width: 100%; left: 0; margin: 0 auto; position: relative; top: auto; bottom: 20px; } #quote-carousel-1 .carousel-indicators li { background: #FFFFFF; padding: 4px 5px 5px 5px; width: 100px; height: 80px; border-radius: 0; margin: 5px; opacity: 0.3; overflow: hidden; cursor: pointer; box-shadow: none; transition: all 0.4s; } #quote-carousel-1 .carousel-indicators .active { background: #FFFFFF; padding: 4px 5px 5px 5px; width: 100px; height: 80px; border-radius: 0; opacity: 1; overflow: hidden; box-shadow: none; } /* Testimonials 2 */ .testimonials-2 .testimonials-list-2 { margin-top: 30px; } .testimonials-list-2 blockquote { box-shadow: none !important; background: transparent !important; padding-top: 0; color: #FFFFFF !important; border: none; } .testimonials-list-2 .well { width: 98%; background: rgba(0, 0, 0, 0.4); color: #FFFFFF !important; border-radius: 0; border: none !important; } .testimonials-list-2 .well a, .testimonials-list-2 .well a:link { color: #FFFFFF !important; font-weight: normal; } .testimonials-list-2 .carousel { top: 30px !important; } .testimonials-list-2 .carousel-inner { margin-top: -15px; } .testimonials-list-2 #quote-carousel-4 .carousel-indicators li { padding: 0.9px 0 0 0; width: 100px; height: 80px; border-radius: 0; margin: 5px; opacity: 0.3; overflow: hidden; cursor: pointer; border: 1px solid #FFFFFF; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); transition: all 0.4s; } .testimonials-list-2 #quote-carousel-4 .carousel-indicators .active { padding: 0.9px 0 0 0; width: 100px; height: 80px; border-radius: 0; opacity: 1; overflow: hidden; border: 1px solid #FFFFFF; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); } /* Quote carousel 2 */ #quote-carousel-2 { padding: 0 10px 30px 10px; margin-top: 30px; } #quote-carousel-2 blockquote { border: none; } #quote-carousel-2 .carousel-indicators { width: 100%; left: 0; margin: 0 auto; position: relative; top: auto; bottom: 20px; } #quote-carousel-2 .carousel-indicators li { background: #FFFFFF; padding: 5px; width: 100px; height: 80px; border-radius: 0; margin: 5px; opacity: 0.4; overflow: hidden; cursor: pointer; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); transition: all 0.4s; } #quote-carousel-2 .carousel-indicators .active { background: #FFFFFF; padding: 5px; width: 100px; height: 80px; border-radius: 0; opacity: 1; overflow: hidden; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); } /* Quote carousel 3 */ #quote-carousel-3 { padding: 0 10px 30px 10px; margin-top: 30px; } #quote-carousel-3 blockquote { border: none; } #quote-carousel-3 .carousel-indicators { width: 100%; left: 0; margin: 0 auto; position: relative; top: auto; bottom: 20px; } #quote-carousel-3 .carousel-indicators li { background: #FFFFFF; padding: 5px; width: 100px; height: 80px; border-radius: 0; margin: 5px; opacity: 0.4; overflow: hidden; cursor: pointer; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); transition: all 0.4s; } #quote-carousel-3 .carousel-indicators .active { background: #FFFFFF; padding: 5px; width: 100px; height: 80px; border-radius: 0; opacity: 1; overflow: hidden; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); } /* Quote carousel 4 */ #quote-carousel-4 { padding: 0 10px 30px 10px; margin-top: 30px; } #quote-carousel-4 blockquote { border: none; } #quote-carousel-4 .carousel-indicators { width: 100%; left: 0; margin: 0 auto; position: relative; top: auto; bottom: 20px; } #quote-carousel-4 .carousel-indicators li { background: #FFFFFF; padding: 4px 5px 5px 5px; width: 100px; height: 80px; border-radius: 0; margin: 5px; opacity: 0.3; overflow: hidden; cursor: pointer; box-shadow: none; transition: all 0.4s; } #quote-carousel-4 .carousel-indicators .active { background: #FFFFFF; padding: 4px 5px 5px 5px; width: 100px; height: 80px; border-radius: 0; opacity: 1; overflow: hidden; box-shadow: none; } /* Testimonials 2 */ #testimonials-2 { color: #FFFFFF; padding: 50px 10px 95px 10px; background-color: #3D556D; background-image: url(../images/banners/1.jpg); background-repeat: no-repeat; background-position: center 100%; height: auto; width: 100%; -webkit-background-size: 100%; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #testimonials-2 blockquote { background: transparent !important; font-size: 1.125em; box-shadow: none !important; border: none; } #testimonials-2 blockquote a { color: #FFFFFF; } #testimonials-2 blockquote .customer-name { font-family: 'open_sansbold', Arial, sans-serif; } #testimonials-2 .testimonials-list-2 { margin-top: 0; } #testimonials-list-2 .well { width: 98%; } #testimonials-2 .carousel-indicators { margin: 0 auto !important; bottom: 0 !important; top: 20px !important; } #testimonials-2 .carousel-indicators li { background: #FFFFFF !important; border: 1px solid #FFFFFF !important; border-radius: 10px !important; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); height: 15px !important; opacity: 1; overflow: hidden; padding: 5px; width: 15px !important; } #testimonials-2 .carousel-indicators .active { background: #FFFFFF !important; border: 1px solid #FFFFFF !important; border-radius: 10px !important; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); height: 15px !important; opacity: 1; overflow: hidden; padding: 5px; width: 15px !important; } .testimonials-list-2 p { font-size: 1em; } #testimonial-carousel-2 { padding: 0 10px 30px 10px; margin-top: 10px; } #testimonial-carousel-2 .carousel-indicators { width: 100%; left: 0; margin: 0 auto; position: relative; top: auto; bottom: 20px; margin-right: -19px; } #testimonial-carousel-2 .carousel-indicators li { background: #FFFFFF; padding: 5px; width: 100px; height: 80px; border-radius: 0; margin: 5px; opacity: 0.4; overflow: hidden; cursor: pointer; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); transition: all 0.4s; } #testimonial-carousel-2 .carousel-indicators .active { background: #FFFFFF; padding: 5px; width: 100px; height: 80px; border-radius: 0; opacity: 1; overflow: hidden; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); } /* Product carousel */ #product-carousel { padding: 0 10px 30px 10px; margin-top: 15px; } #product-carousel blockquote { border: none; padding: 0 !important; } #product-carousel blockquote img { background-repeat: no-repeat; background-position: center 100%; height: auto; width: 100%; -webkit-background-size: 100%; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #product-carousel .product-image { border: 0; border-radius: 0; } #product-carousel .carousel-indicators { width: 100%; left: 0; margin: 0 auto; position: relative; top: -10px; } #product-carousel .carousel-indicators li { background: #FFFFFF; padding: 5px; width: 100px; height: auto; border-radius: 0; margin: 5px; opacity: 0.4; overflow: hidden; cursor: pointer; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); transition: all 0.4s; } #product-carousel .carousel-indicators .active { background: #FFFFFF; padding: 5px; width: 100px; height: auto; border-radius: 0; opacity: 1; overflow: hidden; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); } /* Forms */ .box-form { padding-left: 20px; padding-right: 20px; } .form-ui .form-group { margin-bottom: 0; } .form-ui .form-control { margin-bottom: 15px; } .form-control { box-shadow: none; outline: 0 none; } .form-control:focus { box-shadow: none; outline: 0 none; } /* Container elements form */ .container-elements-form-1 { position: absolute; width: 100%; padding: 25px 30px 30px 30px; } .container-elements-form-1 .social-icon-container { padding-top: 0.100em !important; } .container-elements-form-1 .btn-social-icon { line-height: 21px; position: relative; padding-left: 35px; text-align: left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .container-elements-form-1 .btn-social-icon:first-child { position: absolute; left: 0; top: 0; bottom: 0; width: 32px; font-size: 1em; text-align: center; border-right: 1px solid rgba(0, 0, 0, 0.2) } .container-elements-form-1 .btn-lg.btn-social-icon { padding-left: 58px; height: 45px !important; line-height: 21px; } .container-elements-form-1 .btn-lg.btn-social-icon:first-child { padding-top: 11px; width: 45px; font-size: 1.250em; } .container-elements-form-2 { padding: 25px 30px 30px 30px; } /* Subscription form */ .form-subscribe-content .message a { color: #FFFFFF !important; border-bottom: 1px dotted #FFFFFF; } /* Sign in */ .container-image-form-login { padding: 4px 0 5px 0; } .content-image-form-login { background-image: url("../images/designers-utensils-set.jpg"); background-repeat: no-repeat; background-position: center 100%; height: 400px; width: 100%; -webkit-background-size: 100%; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; padding: 0; } .container-image-form-login h3 { color: #FFFFFF !important; margin-top: 0; font-size: 1.875em; } .container-image-form-login h5 { color: #FFFFFF !important; } .content-image-form-login .btn { text-transform: none !important; margin-top: 10px; height: inherit !important; font-weight: bold; } /* Sign up */ .container-image-form-signup { padding: 4px 0 5px 0; } .content-image-form-signup { background-image: url("../images/designers-utensils-set.jpg"); background-repeat: no-repeat; background-position: center 100%; height: 500px; width: 100%; -webkit-background-size: 100%; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; padding: 0; } .container-image-form-signup h3 { color: #FFFFFF !important; margin-top: 0; font-size: 1.563em; } .container-image-form-signup h5 { color: #FFFFFF !important; } .content-image-form-signup .btn { text-transform: none !important; margin-top: 10px; height: inherit !important; font-weight: bold; } /* Theme form */ .theme-form-container { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background: url("../images/border-form.png") repeat-x scroll 0 0 rgba(0, 0, 0, 0); background-color: #FFFFFF; border-radius: 0; border: none; } .theme-form { background: url("../images/border-form.png") repeat-x scroll center bottom; border-radius: 0; padding: 13px 15px 17px 15px; border: 1px solid #C5C5C5; } .theme-form-padding-bottom { padding-bottom: 0; } .theme-form h3 { color: #637282; font-weight: 700; margin-top: 10px; font-size: 1.375em; } .theme-form h4 { color: #637282; font-weight: 700; font-size: 1em; margin-bottom: 15px; } .theme-form h5 { color: #788598; } .theme-form-title { padding-top: 20px; padding-bottom: 10px; } .theme-form-title h4 { color: #888888; font-weight: normal; position: absolute; margin-top: -9px; margin-bottom: 20px; font-size: 1em; text-transform: capitalize; } .theme-form-title span { background-color: #FFFFFF; padding-right: 10px; } .theme-form-title hr { border-color: #C5C5C5; border-style: solid; margin-top: 0; background: none; height: 0; display: block; border-bottom: none; } .theme-form .form-control { background-color: #FFFFFF; box-shadow: none; background-image: none; border: 1px solid #C5C5C5; border-radius: 0; color: #555555; display: block; font-size: 1em; height: 45px; line-height: 1.42857; padding: 6px 12px; width: 100%; transition: all 0.2s ease-in-out 0.2s; -moz-transition: all 0.2s ease-in-out 0.2s; -webkit-transition: all 0.2s ease-in-out 0.2s; -o-transition: all 0.2s ease-in-out 0.2s; } .theme-form .form-control:focus { background-color: #E7E9EB; color: #000000; border: 1px solid #C5C5C5; box-shadow: none; outline: 0 none; transition: all 0.2s ease-in-out 0.2s; -moz-transition: all 0.2s ease-in-out 0.2s; -webkit-transition: all 0.2s ease-in-out 0.2s; -o-transition: all 0.2s ease-in-out 0.2s; } .theme-form textarea { height: 130px !important; resize: none !important; } .theme-form small { font-size: 0.9em; } .theme-form-small { margin-top: 10px; } .theme-form .btn { font-weight: bold; outline: 0 !important; height: 45px; line-height: 21px; margin-bottom: 10px; color: #686868; font-weight: normal; } .theme-form .btn.btn-social-icon { margin-top: 0; margin-bottom: 15px; } .theme-form label { margin-bottom: 5px !important; } .theme-form-label { padding-bottom: 10px; } .form-horizontal.subscribe label { padding-top: 20px; } /* Form input group addon */ .form-input-group-addon .input-group-addon { padding: 0 !important; border: none !important; } .form-input-group-addon .input-group-addon .btn { outline: 0 !important; border-top-left-radius: 0; border-bottom-left-radius: 0; border-top-right-radius: 0; border-bottom-right-radius: 0; } .form-input-group-addon .input-group .form-control { background-color: #FFFFFF; background-image: none; border: 1px solid #C5C5C5; transition: all 0.2s ease-in-out 0.2s; -moz-transition: all 0.2s ease-in-out 0.2s; -webkit-transition: all 0.2s ease-in-out 0.2s; -o-transition: all 0.2s ease-in-out 0.2s; } .form-input-group-addon .input-group .form-control:focus { background-color: #FFFFFF; border-color: #C5C5C5; box-shadow: none; outline: 0 none; transition: all 0.2s ease-in-out 0.2s; -moz-transition: all 0.2s ease-in-out 0.2s; -webkit-transition: all 0.2s ease-in-out 0.2s; -o-transition: all 0.2s ease-in-out 0.2s; } .input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group > .btn, .input-group-btn:first-child > .dropdown-toggle, .input-group-btn:last-child > .btn-group:not(:last-child) > .btn, .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle) { border-radius: 0; } /* Checkbox */ label { font-weight: 300; } .icheckbox_flat-grey, .iradio_flat-grey { margin-bottom: 4px; } /* Select */ .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) { width: 100%; } .btn-group.open .dropdown-toggle { box-shadow: none; border: 1px solid #c5c5c5; } .bootstrap-select .dropdown-menu { top: auto; margin-top: 35px; } .bootstrap-select .dropdown-toggle { border: 1px solid #c5c5c5; } .bootstrap-select .dropdown-toggle:hover { border: 1px solid #c5c5c5; } /* Contact form */ .message-contact-box { width: 100%; padding: 0 15px 0 15px; } /* Contact form 1 */ .contact-form-1 .info-contact { margin-top: 10px; padding: 20px 0 20px 0; background: #FFFFFF; color: #637282; border-radius: 0; } .contact-form-1 .info-contact-detail { font-weight: 700; } .info-contact-detail .info-contact-icon { display: inline-block; width: 25px; height: 25px; cursor: default; border-radius: 0; font-size: 1em; text-align: center; padding-left: 1px; line-height: 22px; margin-right: 3px; } .info-contact-detail .info-contact-icon:hover { cursor: default; } .contact-form-1 .btn { font-weight: bold; text-transform: uppercase; line-height: 1.063em; } /* Contact form 2 */ .contact-form-2 .contact-info { padding-bottom: 20px; } .contact-form-2 .contact-description { padding-top: 15px; } .contact-form-2 .btn { font-weight: bold; text-transform: uppercase; line-height: 1.063em; } /* Contact form 3 */ .contact-form-3 .contact-info { padding-bottom: 40px; } .contact-form-3 .contact-info-icon { padding-bottom: 16px; } .contact-form-3 .contact-map { margin-top: 4px; } .contact-form-3 .default-map { height: 190px; } .contact-form-3 img { border-radius: 0; } .contact-form-3 .btn { font-weight: bold; text-transform: uppercase; line-height: 1.063em; } /* 13 - DESIGN */ /* Sidebar Store */ .sidebar-store-box { background-color: #F6F6F6; padding: 0 10px 10px 10px; border: 1px solid #D8D8D8; margin-bottom: 15px; } .sidebar-store-title { padding-top: 20px; padding-bottom: 3px; } .sidebar-store-title h4 { color: #333333; position: absolute; margin-top: -11px; margin-bottom: 20px; font-size: 1.1em; text-transform: capitalize; } .sidebar-store-title span { background-color: #F6F6F6; padding-right: 10px; } .sidebar-store-title hr { border-color: #C5C5C5 !important; border-style: solid; margin-top: -1px; background: none; height: 0; display: block; border-bottom: none; } .sidebar-store-box .form-control { background-color: #FFFFFF; box-shadow: none; background-image: none; border: 1px solid #C5C5C5; border-radius: 0; color: #555555; display: block; font-size: 1em; height: 45px; line-height: 1.42857; padding: 6px 12px; width: 100%; transition: all 0.2s ease-in-out 0.2s; -moz-transition: all 0.2s ease-in-out 0.2s; -webkit-transition: all 0.2s ease-in-out 0.2s; -o-transition: all 0.2s ease-in-out 0.2s; } .sidebar-store-box .form-control:focus { background-color: #E7E9EB; color: #000000; border: 1px solid #C5C5C5; box-shadow: none; outline: 0 none; transition: all 0.2s ease-in-out 0.2s; -moz-transition: all 0.2s ease-in-out 0.2s; -webkit-transition: all 0.2s ease-in-out 0.2s; -o-transition: all 0.2s ease-in-out 0.2s; } .sidebar-store-box ol, ul { padding-left: 14px; } .sidebar-store-box a, .sidebar-store-box a:link { font-weight: normal; } /* Sidebar */ .sidebar .well { background-color: #FFFFFF; box-shadow: none; border: none; padding: 0; margin-bottom: 15px; font-size: 1em; } .sidebar a, .sidebar a:link { color: #333333; font-weight: normal; } .sidebar img { margin-bottom: 15px; border-radius: 0; border: 1px solid #C5C5C5; } .sidebar-title { padding-top: 20px; padding-bottom: 3px; } .sidebar-title h4 { color: #888888; position: absolute; margin-top: -11px; margin-bottom: 20px; font-size: 1.1em; text-transform: capitalize; } .sidebar-title span { background-color: #FFFFFF; padding-right: 10px; } .sidebar-title hr { border-color: #C5C5C5 !important; border-style: solid; margin-top: -1px; background: none; height: 0; display: block; border-bottom: none; } /* 14 - COMPANY */ /* About us */ #about-us { color: #FFFFFF; padding: 100px 0 100px 0; background-color: #06070A; background-image: url("../images/bg-10.jpg"); background-repeat: no-repeat; background-position: center 100%; height: auto; width: 100%; -webkit-background-size: 100%; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #about-us .btn { font-weight: bold; margin-top: 15px; margin-bottom: 20px; } #about-us h1 { margin-top: 5px; } #about-us h3 { font-family: 'open_sanslight', Arial, sans-serif; } /* Meet the team 1 */ #meet-the-team { color: #FFFFFF; padding: 100px 0 100px 0; background-color: #161618; background-image: url("../images/bg-3.jpg"); background-repeat: no-repeat; background-position: center 100%; height: auto; width: 100%; -webkit-background-size: 100%; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #meet-the-team h3 { font-family: 'open_sanslight', Arial, sans-serif; } #meet-the-team .btn { margin-bottom: 20px; } .box-member-team .panel .panel-heading { padding: 0; } .box-member-team .panel-default > .panel-heading { border-color: #C5C5C5 !important; } .box-member-team h3 { font-size: 1.5em; margin-top: 5px; color: #6C748C !important; } .box-member-team ul { margin-left: 0; margin-bottom: 10px; color: #6C748C; } .box-member-team li { padding-left: 0; padding-right: 10px; } .box-member-team p { color: #9B9B9B; } /* Meet the team 2 */ .team-skills { padding-bottom: 20px; } .team-skills h4 { text-align: center; font-size: 1.3em; } .meet-the-team-2-box { margin-bottom: 30px; text-align: center; border: 2px solid #CCCCCC; padding: 15px; transition: all 0.2s ease-in-out 0.2s; -moz-transition: all 0.2s ease-in-out 0.2s; -webkit-transition: all 0.2s ease-in-out 0.2s; -o-transition: all 0.2s ease-in-out 0.2s; } body .meet-the-team-2-box:hover { background-color: #F8F8F8; transition: all 0.2s ease-in-out 0.2s; -moz-transition: all 0.2s ease-in-out 0.2s; -webkit-transition: all 0.2s ease-in-out 0.2s; -o-transition: all 0.2s ease-in-out 0.2s; } .meet-the-team-2-box h4 { font-size: 1.4em; margin-top: 0; } .meet-the-team-2-box img { width: 150px; height: 150px; margin-top: 20px; } .meet-the-team-2-box .social-icons { padding-top: 20px; } /* 15 - CUSTOMERS */ /* Brands */ #brands { text-align: center; padding: 20px 0 17px 0; } .brands .well { background-color: #FFFFFF; -moz-box-shadow: inset 0 0 5px #EEEEEE; -webkit-box-shadow: inset 0 0 5px #EEEEEE; box-shadow: inset 0 0 5px #EEEEEE; } .brands-container { text-align: center; } .brands-container a { display: inline-block; width: 185px; height: 77px; margin: 5px; } /* 16 - PAGES */ /* Services */ .service h4 { margin-top: 8px; } .service img { border-radius: 4px; margin-bottom: 20px; } /* 404 Error */ #error-page-message { background-color: #FAFAFA; padding: 50px 0 0; text-align: center; } #error-page-message h1 { font-family: 'open_sansbold', Arial, sans-serif; font-size: 10.625em; margin-top: 0; margin-bottom: 0; } #torn-paper { height: 200px; background-image: url("../images/torn-paper.png"); background-repeat: no-repeat; width: 100%; text-align: center; background-position: center 100%; height: auto; -webkit-background-size: 100%; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #error-page-info { padding-top: 0; padding-bottom: 80px; color: #FFFFFF; text-align: center; } #error-page-info h3 { font-family: 'open_sansbold', Arial, sans-serif; font-size: 4.375em !important; margin-top: 20px; } #error-page-info h4 { font-family: 'open_sanslight', Arial, sans-serif; font-size: 1.875em; margin-bottom: 20px; } #error-page-info .btn { font-weight: bold; } /* 17 - BLOG */ /* Blog post */ .blog-post { color: #686868; } .blog-post a { color: #333333; } .blog-post-info { background-color: #82A7B3; padding-top: 0px; padding-right: 10px; padding-left: 10px; padding-bottom: 0px; color: #FFFFFF; text-align: center; margin-top: 0; position: relative; } .jumbotron.blog-post-header-image { width: 100%; height: 400px; border-radius: 0; padding: 0; } .blog-post-header-image .container { padding-left: 0 !important; padding-right: 0 !important; } .post-image-mask { overflow: hidden; width: 100%; height: 400px; position: relative; } .post-image-mask img { margin-top: -3px; width: 100%; height: 100%; } .post-categories-box { background-color: #FFFFFF; margin-top: -14px; } .blog-post h3 { font-family: 'open_sansbold', Arial, sans-serif; text-align: center; font-size: 1.563em; color: #333333; } .blog-post h4 { font-weight: bold; font-size: 1.250em; margin-bottom: 11px; } .blog-post h5 { font-family: 'open_sansbold', Arial, sans-serif; text-align: center; font-size: 1.125em; margin-bottom: 20px; } .blog-post h6 { font-family: 'open_sansbold', Arial, sans-serif; font-size: 1em; margin-bottom: 20px; } .blog-post-image-left { padding: 5px 15px 15px 0; width: 50%; } .blog-post-image-right { padding: 5px 0 15px 15px; width: 50%; } .blog-post .embed-responsive { margin-top: 20px; margin-bottom: 20px; } .blog-post .btn-group { margin-top: 30px; } .blog-post .btn-group .btn { width: 100px; } .blog-post .btn-twitter { width: 137px; } .blog-post .btn-google-plus { width: 137px; } .post-written-by { padding-top: 6px; } /* Blog comments */ .post-comments hr { margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px solid #FFFFFF; } .post-comments a { color: #333333; text-decoration: none; font-weight: bold; } .blog-comment::before, .blog-comment::after, .blog-comment-form::before, .blog-comment-form::after { content: ""; display: table; clear: both; } .blog-comment ul { list-style-type: none; padding: 0; } .blog-comment img.comment-avatar { position: relative; float: left; margin-left: 0; margin-top: 0; width: 80px; } .blog-comment .post-comments { border: 1px solid #E5E5E5; margin-bottom: 20px; margin-left: 85px; margin-right: 0px; padding: 10px 20px; position: relative; background: #FFFFFF; color: #686868; position: relative; } .blog-comment .meta { font-size: 0.813em; color: #686868; padding-bottom: 8px; margin-bottom: 10px !important; border-bottom: 1px solid #E5E5E5; } .blog-comment .meta .label-default a { color: #FFFFFF; } .blog-comment ul.comments ul { list-style-type: none; padding: 0; margin-left: 85px; } .blog-comment .form-control { background-color: #FFFFFF; box-shadow: none; background-image: none; border: 1px solid #C5C5C5; border-radius: 0; color: #555555; display: block; font-size: 1em; height: 45px; line-height: 1.42857; padding: 6px 12px; width: 100%; transition: all 0.2s ease-in-out 0.2s; -moz-transition: all 0.2s ease-in-out 0.2s; -webkit-transition: all 0.2s ease-in-out 0.2s; -o-transition: all 0.2s ease-in-out 0.2s; } .blog-comment .form-control:focus { background-color: #E7E9EB; color: #000000; border: 1px solid #C5C5C5; box-shadow: none; outline: 0 none; transition: all 0.2s ease-in-out 0.2s; -moz-transition: all 0.2s ease-in-out 0.2s; -webkit-transition: all 0.2s ease-in-out 0.2s; -o-transition: all 0.2s ease-in-out 0.2s; } .blog-comment textarea { height: 130px !important; resize: none !important; } .blog-comment .btn { width: 200px; text-transform: uppercase; font-weight: bold; } /* Blog related posts */ .blog-related-posts { padding: 5px; border: 1px solid #C5C5C5; margin-top: 15px; margin-bottom: 15px; } .blog-related-posts img { margin-bottom: 10px; } .blog-related-posts p { padding-left: 5px; padding-right: 5px; } .blog-related-posts a { color: #686868; font-size: 0.938em; } .blog-related-posts .hours-ago { font-family: 'open_sansbold', Arial, sans-serif; color: #989898; font-size: 0.750em; text-align: right; margin-bottom: 0; } /* Post tag */ .post-tag .label { background-color: rgba(0, 0, 0, 0.3); font-family: 'open_sansregular', Arial, sans-serif; width: 120px; position: absolute; margin: 10px; padding-bottom: 7px; padding-top: 5px; text-align: left; } .label { font-family: 'open_sansregular', Arial, sans-serif; border-radius: 0; color: #FFFFFF; font-size: 0.875em; line-height: 10px; padding-bottom: 5px; } .label-default { background-color: #818181; } .label-primary { background-color: #5D9CEC; } .label-success { background-color: #48CFAD; } .label-info { background-color: #4FC1E9; } .label-warning { background-color: #FC6E51; } .label-danger { background-color: #ED5565; } /* Blog author */ .blog-author-header { background-color: #F8F8F8; background-image: url(../../council/images/banners/_DSC8921.jpg); background-repeat: no-repeat; background-position: center 100%; height: auto; width: 100%; -webkit-background-size: 100%; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; padding: 1.2em 1em 1em 1em; color: #FFFFFF; margin-bottom: 10px; } .blog-author img { width: 100px; margin: 0 auto; margin-bottom: 10px; } .blog-author .btn-group span { font-weight: bold; } /* Blog widget */ .blog-widget-box { margin-bottom: 10px; } .blog-widget h4 { margin-top: 8px; } .blog-widget ul { color: #FFFFFF; font-size: 1.125em; margin-bottom: 0; } .blog-widget ul li { font-weight: 300; margin-left: 3px; margin-right: 3px; } .blog-widget .panel-title-post { padding: 5px 0 5px 0; font-size: 1em; } .blog-widget .panel-body { font-size: 1em; padding: 7px 15px 5px 15px; color: #686868; } .blog-widget img { border-bottom: 1px solid #C5C5C5; } .blog-widget .image-caption { position: relative; margin-bottom: 10px; } .blog-widget small { color: #686868; font-size: 0.813em; } .blog-widget .image-caption-post-title { position: relative; bottom: 0; width: 100%; cursor: pointer; } .blog-widget .image-caption-post-title p { color: #686868; font-size: 1em; margin-top: 3px; margin-bottom: 0 !important; } .blog-widget .image-caption-post-title a { font-weight: bold; font-size: 1.1em; } .blog-widget .btn { padding-bottom: 7px; font-size: 1em; } .blog-widget .btn .fa { padding-right: 3px; } /* Blog subscribe */ .blog-subscribe { margin: 15px 0 15px 0; } /* Popular posts */ .popular-posts-box { background-color: #FFFFFF; color: #686868; margin-top: 10px; } .popular-post-image { float: left; width: 100px; margin-right: 7px; margin-bottom: 7px; } .popular-post-info a { font-size: 0.938em; color: #686868; } .popular-post-info .list { font-size: 0.750em !important; color: #999999; margin-left: 0; margin-top: 5px; } .popular-post-info .list-inline li { padding-left: 0; } .popular-post-info .btn { margin-top: 15px !important; } .popular-post-btn { margin-top: 10px; margin-bottom: 0; } .popular-post-btn .btn { font-weight: bold; height: 45px; line-height: 32px; outline: 0 none !important; } /* Blog categories */ .blog-categories-box { background-color: #FFFFFF; margin-top: 5px; } .blog-categories-box .label { line-height: 2.4; } /* 18 - STORE */ /* Feature Products */ .feature-products { padding-top: 10px; } /* Product */ .product { padding: 20px 0 20px 0; } .product .subtitle { padding-left: 0; padding-right: 0; } .product .product-selectpicker { width: 70%; margin: 0 auto; } .product .product-buttons { width: 200px; margin: 0 auto; margin-top: 20px; } .product-box { background-color: #FFFFFF; border: 1px solid #D8D8D8; padding: 7px; margin-bottom: 30px; } .product-box img { width: 100% !important; border: 1px solid #D8D8D8; } .product-title { color: #939393; font-weight: bold; padding: 15px 0 15px 0; } .product-price { border-top: 1px solid #D8D8D8; color: #939393; padding-top: 7px; } .product-price-text { font-weight: bold; font-size: 1.4em; } .product-badge { width: 50px; height: 35px; position: absolute; } .product-badge-text { font-weight: bold; color: #FFFFFF; text-align: center; padding-top: 7px; } /* Category */ .category { padding-top: 20px; } .breadcrumb-category a, .breadcrumb-category a:link { font-weight: normal; color: #FFFFFF; } .breadcrumb-category a.active { border-bottom: 1px solid #FFFFFF; } /* My Cart */ .my-cart-table { padding-bottom: 10px; } .table > tbody > tr > td, .table > tr > td { vertical-align: middle; } table#my-cart tbody td .form-control { padding: 2px; } .my-cart-th-title th { text-align: center; } .my-cart-tr-content td { text-align: center; } .my-cart-th-title-1 { width: 15% !important; } .my-cart-th-title-2 { width: 35%; } .my-cart-th-title-3 { width: 10%; } .my-cart-th-title-4 { width: 8%; } .my-cart-th-title-5 { width: 22%; } .my-cart-th-title-6 { width: 10%; } .actions-cart { padding-top: 15px; padding-bottom: 15px; margin-top: 0; margin-bottom: 30px; } .buttons-action-cart { text-align: right; } .buttons-action-cart .btn { margin-top: 3px; } .cart-totals { padding-top: 5px; } .cart-totals .panel [class^="flaticon-"]::before, .cart-totals .panel [class*=" flaticon-"]::before, .cart-totals .panel [class^="flaticon-"]::after, .cart-totals .panel [class*=" flaticon-"]::after { font-size: 0.9em; } .cart-totals .panel h2 { margin-top: 0; margin-bottom: 0; font-size: 1.8em; } .cart-totals .panel-body { font-size: 0.8em; padding-top: 30px; } .cart-totals span { font-weight: bold; } .cart-totals .panel-footer { text-align: right; } /* Checkout */ .checkout .theme-form-container { margin-top: 20px; } .checkout-th-title th { text-align: center; } .checkout-tr-content td { text-align: center; } .checkout-tr-amount-content td { text-align: center; color: #FFFFFF !important; } .checkout-tr-amount-content td h3 { color: #FFFFFF !important; } .checkout-th-title-1 { width: 50%; } .checkout-th-title-2 { width: 50%; } .payment-method { margin-bottom: 30px; } .payment-method img { width: 30px; border: 1px solid #CCCCCC; }