Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- body {
- overflow-x: hidden;
- font-family: "Roboto Slab", "Helvetica Neue", Helvetica, Arial, sans-serif;
- background-color: #F2F2F2;
- }
- .text-muted {
- color: #777777;
- }
- .text-primary {
- color: #fed136;
- }
- p {
- font-size: 14px;
- line-height: 1.75;
- }
- p.large {
- font-size: 16px;
- }
- a,
- a:hover,
- a:focus,
- a:active,
- a.active {
- outline: none;
- }
- a {
- color: #fed136;
- }
- a:hover,
- a:focus,
- a:active,
- a.active {
- color: #fec503;
- }
- h1,
- h2,
- h3,
- h4,
- h5,
- h6 {
- font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
- text-transform: uppercase;
- font-weight: 700;
- }
- .img-centered {
- margin: 0 auto;
- }
- .bg-light-gray {
- background-color: #f7f7f7;
- }
- .bg-darkest-gray {
- background-color: #2a2a2a;
- }
- .btn-primary {
- color: white;
- background-color: #fed136;
- border-color: #fed136;
- font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
- text-transform: uppercase;
- font-weight: 700;
- }
- .btn-primary:hover,
- .btn-primary:focus,
- .btn-primary:active,
- .btn-primary.active,
- .open .dropdown-toggle.btn-primary {
- color: white;
- background-color: #fec503;
- border-color: #f6bf01;
- }
- .btn-primary:active,
- .btn-primary.active,
- .open .dropdown-toggle.btn-primary {
- background-image: none;
- }
- .btn-primary.disabled,
- .btn-primary[disabled],
- fieldset[disabled] .btn-primary,
- .btn-primary.disabled:hover,
- .btn-primary[disabled]:hover,
- fieldset[disabled] .btn-primary:hover,
- .btn-primary.disabled:focus,
- .btn-primary[disabled]:focus,
- fieldset[disabled] .btn-primary:focus,
- .btn-primary.disabled:active,
- .btn-primary[disabled]:active,
- fieldset[disabled] .btn-primary:active,
- .btn-primary.disabled.active,
- .btn-primary[disabled].active,
- fieldset[disabled] .btn-primary.active {
- background-color: #fed136;
- border-color: #fed136;
- }
- .btn-primary .badge {
- color: #fed136;
- background-color: white;
- }
- section.agency-contact button,
- .btn-xl {
- color: white;
- background-color: #fed136;
- border-color: #fed136;
- font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
- text-transform: uppercase;
- font-weight: 700;
- border-radius: 3px;
- font-size: 18px;
- padding: 20px 40px;
- }
- section.agency-contact button:hover,
- .btn-xl:hover,
- section.agency-contact button:focus,
- .btn-xl:focus,
- section.agency-contact button:active,
- .btn-xl:active,
- section.agency-contact button.active,
- .btn-xl.active,
- .open .dropdown-togglesection.agency-contact button,
- .open .dropdown-toggle.btn-xl {
- color: white;
- background-color: #fec503;
- border-color: #f6bf01;
- }
- section.agency-contact button:active,
- .btn-xl:active,
- section.agency-contact button.active,
- .btn-xl.active,
- .open .dropdown-togglesection.agency-contact button,
- .open .dropdown-toggle.btn-xl {
- background-image: none;
- }
- section.agency-contact button.disabled,
- .btn-xl.disabled,
- section.agency-contact button[disabled],
- .btn-xl[disabled],
- fieldset[disabled] section.agency-contact button,
- fieldset[disabled] .btn-xl,
- section.agency-contact button.disabled:hover,
- .btn-xl.disabled:hover,
- section.agency-contact button[disabled]:hover,
- .btn-xl[disabled]:hover,
- fieldset[disabled] section.agency-contact button:hover,
- fieldset[disabled] .btn-xl:hover,
- section.agency-contact button.disabled:focus,
- .btn-xl.disabled:focus,
- section.agency-contact button[disabled]:focus,
- .btn-xl[disabled]:focus,
- fieldset[disabled] section.agency-contact button:focus,
- fieldset[disabled] .btn-xl:focus,
- section.agency-contact button.disabled:active,
- .btn-xl.disabled:active,
- section.agency-contact button[disabled]:active,
- .btn-xl[disabled]:active,
- fieldset[disabled] section.agency-contact button:active,
- fieldset[disabled] .btn-xl:active,
- section.agency-contact button.disabled.active,
- .btn-xl.disabled.active,
- section.agency-contact button[disabled].active,
- .btn-xl[disabled].active,
- fieldset[disabled] section.agency-contact button.active,
- fieldset[disabled] .btn-xl.active {
- background-color: #fed136;
- border-color: #fed136;
- }
- section.agency-contact button .badge,
- .btn-xl .badge {
- color: #fed136;
- background-color: white;
- }
- .navbar {
- background-color: #2a2a2a;
- border-color: transparent;
- }
- #navbar{
- margin-top: 0px;
- }
- .navbar .navbar-brand {
- color: #fed136;
- font-family: "Kaushan Script", "Helvetica Neue", Helvetica, Arial, cursive;
- }
- .navbar .navbar-brand:hover,
- .navbar .navbar-brand:focus,
- .navbar .navbar-brand:active,
- .navbar .navbar-brand.active {
- color: #fedd00;
- }
- .navbar .navbar-collapse {
- border-color: rgba(255, 255, 255, 0.02);
- }
- .navbar .navbar-toggle {
- background-color: #fed136;
- border-color: #fed136;
- }
- .navbar .navbar-toggle .icon-bar {
- background-color: white;
- }
- .navbar .navbar-toggle:hover,
- .navbar .navbar-toggle:focus {
- background-color: #fed136;
- }
- .navbar .nav {
- float: right;
- }
- .navbar .nav li a {
- font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
- text-transform: uppercase;
- font-weight: 400;
- letter-spacing: 1px;
- color: white;
- }
- .navbar .nav li a:hover,
- .navbar .nav li a:focus {
- color: #fed136;
- outline: none;
- }
- .navbar .navbar-nav > .active > a {
- color: white;
- background-color: transparent;
- }
- .navbar .navbar-nav > .active > a:hover,
- .navbar .navbar-nav > .active > a:focus {
- color: #fed136;
- background-color: transparent;
- }
- @media (min-width: 768px) {
- .navbar {
- padding: 25px 0;
- -webkit-transition: padding 0.3s;
- -moz-transition: padding 0.3s;
- transition: padding 0.3s;
- border: none;
- }
- .navbar .navbar-brand {
- font-size: 2em;
- -webkit-transition: all 0.3s;
- -moz-transition: all 0.3s;
- transition: all 0.3s;
- }
- .navbar.navbar-shrink {
- background-color: #2a2a2a;
- padding: 10px 0;
- }
- .navbar.navbar-shrink .navbar-brand {
- font-size: 1.5em;
- }
- .navbar.navbar-shrink .navbar-nav > .active > a {
- border-radius: 3px;
- color: white;
- background-color: #fed136;
- }
- .navbar.navbar-shrink .navbar-nav > .active > a:hover,
- .navbar.navbar-shrink .navbar-nav > .active > a:focus {
- color: white;
- background-color: #fec503;
- }
- }
- header#page-header {
- background-image: url('../img/banner-8.jpg');
- background-repeat: none;
- background-attachment: scroll;
- background-position: center bottom;
- -webkit-background-size: cover;
- -moz-background-size: cover;
- background-size: cover;
- -o-background-size: cover;
- text-align: center;
- color: white;
- min-height: 500px;
- }
- header#page-header .region {
- padding-top: 100px;
- padding-bottom: 50px;
- }
- header#page-header .region .block-title {
- font-family: "Droid Serif", "Helvetica Neue", Helvetica, Arial, sans-serif;
- font-style: italic;
- font-size: 22px;
- line-height: 22px;
- margin-bottom: 25px;
- text-transform: none;
- }
- header#page-header .region .content {
- font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
- text-transform: uppercase;
- font-weight: 700;
- font-size: 50px;
- line-height: 50px;
- margin-bottom: 25px;
- }
- header#page-header .region .btn {
- margin-top: 25px;
- }
- @media (min-width: 768px) {
- header#page-header .region .block-title {
- font-family: "Droid Serif", "Helvetica Neue", Helvetica, Arial, sans-serif;
- font-style: italic;
- font-size: 40px;
- line-height: 40px;
- margin-bottom: 25px;
- }
- header#page-header .region .content {
- font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
- text-transform: uppercase;
- font-weight: 700;
- font-size: 75px;
- line-height: 75px;
- margin-bottom: 50px;
- }
- }
- div.region-content section,
- section.agency-contact {
- padding: 100px 0;
- }
- div.region-content section .block-title,
- section.agency-contact .block-title {
- font-size: 40px;
- margin-top: 0;
- margin-bottom: 15px;
- text-align: center;
- }
- div.region-content section .section-subheading,
- section.agency-contact .section-subheading {
- font-size: 16px;
- font-family: "Droid Serif", "Helvetica Neue", Helvetica, Arial, sans-serif;
- text-transform: none;
- font-style: italic;
- font-weight: 400;
- margin-bottom: 75px;
- }
- @media (min-width: 768px) {
- div.region-content section,
- section.agency-contact {
- padding: 150px 0;
- }
- }
- .service-heading {
- margin: 15px 0;
- text-transform: none;
- }
- #portfolio .portfolio-item {
- margin: 0 0 15px;
- right: 0;
- }
- #portfolio .portfolio-item .portfolio-link {
- display: block;
- position: relative;
- max-width: 400px;
- margin: 0 auto;
- }
- #portfolio .portfolio-item .portfolio-link .portfolio-hover {
- background: rgba(254, 209, 54, 0.9);
- position: absolute;
- width: 100%;
- height: 100%;
- opacity: 0;
- transition: all ease 0.5s;
- -webkit-transition: all ease 0.5s;
- -moz-transition: all ease 0.5s;
- }
- #portfolio .portfolio-item .portfolio-link .portfolio-hover:hover {
- opacity: 1;
- }
- #portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content {
- position: absolute;
- width: 100%;
- height: 20px;
- font-size: 20px;
- text-align: center;
- top: 50%;
- margin-top: -12px;
- color: white;
- }
- #portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content i {
- margin-top: -12px;
- }
- #portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content h3,
- #portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content h4 {
- margin: 0;
- }
- #portfolio .portfolio-item .portfolio-caption {
- max-width: 400px;
- margin: 0 auto;
- background-color: white;
- text-align: center;
- padding: 25px;
- }
- #portfolio .portfolio-item .portfolio-caption h4 {
- text-transform: none;
- margin: 0;
- }
- #portfolio .portfolio-item .portfolio-caption p {
- font-family: "Droid Serif", "Helvetica Neue", Helvetica, Arial, sans-serif;
- font-style: italic;
- font-size: 16px;
- margin: 0;
- }
- #portfolio * {
- z-index: 2;
- }
- @media (min-width: 767px) {
- #portfolio .portfolio-item {
- margin: 0 0 30px;
- }
- }
- .timeline {
- list-style: none;
- padding: 0;
- position: relative;
- }
- .timeline:before {
- top: 0;
- bottom: 0;
- position: absolute;
- content: "";
- width: 2px;
- background-color: #f1f1f1;
- left: 40px;
- margin-left: -1.5px;
- }
- .timeline > li {
- margin-bottom: 50px;
- position: relative;
- min-height: 50px;
- }
- .timeline > li:before,
- .timeline > li:after {
- content: " ";
- display: table;
- }
- .timeline > li:after {
- clear: both;
- }
- .timeline > li .timeline-panel {
- width: 100%;
- float: right;
- padding: 0 20px 0 100px;
- position: relative;
- text-align: left;
- }
- .timeline > li .timeline-panel:before {
- border-left-width: 0;
- border-right-width: 15px;
- left: -15px;
- right: auto;
- }
- .timeline > li .timeline-panel:after {
- border-left-width: 0;
- border-right-width: 14px;
- left: -14px;
- right: auto;
- }
- .timeline > li .timeline-image {
- left: 0;
- margin-left: 0;
- width: 80px;
- height: 80px;
- position: absolute;
- z-index: 100;
- background-color: #fed136;
- color: white;
- border-radius: 100%;
- border: 7px solid #f1f1f1;
- text-align: center;
- }
- .timeline > li .timeline-image h4 {
- font-size: 10px;
- margin-top: 12px;
- line-height: 14px;
- }
- .timeline > li.timeline-inverted > .timeline-panel {
- float: right;
- text-align: left;
- padding: 0 20px 0 100px;
- }
- .timeline > li.timeline-inverted > .timeline-panel:before {
- border-left-width: 0;
- border-right-width: 15px;
- left: -15px;
- right: auto;
- }
- .timeline > li.timeline-inverted > .timeline-panel:after {
- border-left-width: 0;
- border-right-width: 14px;
- left: -14px;
- right: auto;
- }
- .timeline > li:last-child {
- margin-bottom: 0;
- }
- .timeline .timeline-heading h4 {
- margin-top: 0;
- color: inherit;
- }
- .timeline .timeline-heading h4.subheading {
- text-transform: none;
- }
- .timeline .timeline-body > p,
- .timeline .timeline-body > ul {
- margin-bottom: 0;
- }
- @media (min-width: 768px) {
- .timeline:before {
- left: 50%;
- }
- .timeline > li {
- margin-bottom: 100px;
- min-height: 100px;
- }
- .timeline > li .timeline-panel {
- width: 41%;
- float: left;
- padding: 0 20px 20px 30px;
- text-align: right;
- }
- .timeline > li .timeline-image {
- width: 100px;
- height: 100px;
- left: 50%;
- margin-left: -50px;
- }
- .timeline > li .timeline-image h4 {
- font-size: 13px;
- margin-top: 16px;
- line-height: 18px;
- }
- .timeline > li.timeline-inverted > .timeline-panel {
- float: right;
- text-align: left;
- padding: 0 30px 20px 20px;
- }
- }
- @media (min-width: 992px) {
- .timeline > li {
- min-height: 150px;
- }
- .timeline > li .timeline-panel {
- padding: 0 20px 20px;
- }
- .timeline > li .timeline-image {
- width: 150px;
- height: 150px;
- margin-left: -75px;
- }
- .timeline > li .timeline-image h4 {
- font-size: 18px;
- margin-top: 30px;
- line-height: 26px;
- }
- .timeline > li.timeline-inverted > .timeline-panel {
- padding: 0 20px 20px;
- }
- }
- @media (min-width: 1200px) {
- .timeline > li {
- min-height: 170px;
- }
- .timeline > li .timeline-panel {
- padding: 0 20px 20px 100px;
- }
- .timeline > li .timeline-image {
- width: 170px;
- height: 170px;
- margin-left: -85px;
- }
- .timeline > li .timeline-image h4 {
- margin-top: 40px;
- }
- .timeline > li.timeline-inverted > .timeline-panel {
- padding: 0 100px 20px 20px;
- }
- }
- .team-member {
- text-align: center;
- margin-bottom: 50px;
- }
- .team-member img {
- margin: 0 auto;
- border: 7px solid white;
- }
- .team-member h4 {
- margin-top: 25px;
- margin-bottom: 0;
- text-transform: none;
- }
- .team-member p {
- margin-top: 0;
- }
- aside.clients img {
- margin: 50px auto;
- }
- section.agency-contact {
- /*background-color: #2a2a2a;
- background-image: url('../img/map-image.png');*/
- background-color: #E9E9E9;
- background-position: center;
- background-repeat: no-repeat;
- text-align: center;
- }
- section.agency-contact .block-title {
- color: white;
- }
- section.agency-contact .form-group {
- margin-bottom: 5px;
- text-align: left;
- }
- section.agency-contact .form-group label {
- color: white;
- }
- section.agency-contact .form-group input,
- section.agency-contact .form-group textarea {
- padding: 20px;
- }
- section.agency-contact .form-group input.form-control {
- height: auto;
- }
- section.agency-contact .form-group textarea.form-control {
- height: 246px;
- }
- section.agency-contact .form-control:focus {
- border-color: #fed136;
- box-shadow: none;
- }
- section.agency-contact ::-webkit-input-placeholder {
- font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
- text-transform: uppercase;
- font-weight: 700;
- color: #bbbbbb;
- }
- section.agency-contact :-moz-placeholder {
- /* Firefox 18- */
- font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
- text-transform: uppercase;
- font-weight: 700;
- color: #bbbbbb;
- }
- section.agency-contact ::-moz-placeholder {
- /* Firefox 19+ */
- font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
- text-transform: uppercase;
- font-weight: 700;
- color: #bbbbbb;
- }
- section.agency-contact :-ms-input-placeholder {
- font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
- text-transform: uppercase;
- font-weight: 700;
- color: #bbbbbb;
- }
- section.agency-contact .text-danger {
- color: #e74c3c;
- }
- section.agency-contact .form-item-copy {
- display: none;
- }
- section.agency-contact button#edit-submit {
- margin-top: 20px;
- }
- @media (min-width: 992px) {
- section.agency-contact form > div {
- position: relative;
- }
- section.agency-contact form .form-item-name,
- section.agency-contact form .form-item-mail,
- section.agency-contact form .form-item-subject {
- padding-right: 51%;
- }
- section.agency-contact form .form-item-message {
- width: 50%;
- padding-left: 1%;
- position: absolute;
- top: 0;
- right: 0;
- }
- }
- footer {
- padding: 25px 0;
- text-align: center;
- margin-top: 0 !important;
- font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
- text-transform: uppercase;
- }
- .footer{
- background-color: #2a2a2a;
- color: #FFFFFF;
- }
- footer p,
- footer span {
- line-height: 40px;
- }
- footer ul.quicklinks {
- margin-bottom: 0;
- line-height: 40px;
- }
- ul.social-buttons {
- margin-bottom: 0;
- }
- ul.social-buttons li a {
- display: block;
- background-color: #2a2a2a;
- height: 40px;
- width: 40px;
- border-radius: 100%;
- font-size: 20px;
- line-height: 40px;
- color: white;
- outline: none;
- -webkit-transition: all 0.3s;
- -moz-transition: all 0.3s;
- transition: all 0.3s;
- }
- ul.social-buttons li a:hover,
- ul.social-buttons li a:focus,
- ul.social-buttons li a:active {
- background-color: #fed136;
- }
- .btn:focus,
- .btn:active,
- .btn.active,
- .btn:active:focus {
- outline: none;
- }
- .portfolio-modal .modal-content {
- border-radius: 0;
- background-clip: border-box;
- -webkit-box-shadow: none;
- box-shadow: none;
- border: none;
- min-height: 100%;
- padding: 100px 0;
- text-align: center;
- }
- .portfolio-modal .modal-content h2 {
- margin-bottom: 15px;
- font-size: 3em;
- }
- .portfolio-modal .modal-content p {
- margin-bottom: 30px;
- }
- .portfolio-modal .modal-content p.item-intro {
- margin: 20px 0 30px;
- font-family: "Droid Serif", "Helvetica Neue", Helvetica, Arial, sans-serif;
- font-style: italic;
- font-size: 16px;
- }
- .portfolio-modal .modal-content ul.list-inline {
- margin-bottom: 30px;
- margin-top: 0;
- }
- .portfolio-modal .modal-content img {
- margin-bottom: 30px;
- }
- .portfolio-modal .close-modal {
- position: absolute;
- width: 75px;
- height: 75px;
- background-color: transparent;
- top: 25px;
- right: 25px;
- cursor: pointer;
- }
- .portfolio-modal .close-modal:hover {
- opacity: 0.3;
- }
- .portfolio-modal .close-modal .lr {
- height: 75px;
- width: 1px;
- margin-left: 35px;
- background-color: #2a2a2a;
- transform: rotate(45deg);
- -ms-transform: rotate(45deg);
- /* IE 9 */
- -webkit-transform: rotate(45deg);
- /* Safari and Chrome */
- z-index: 1051;
- }
- .portfolio-modal .close-modal .lr .rl {
- height: 75px;
- width: 1px;
- background-color: #2a2a2a;
- transform: rotate(90deg);
- -ms-transform: rotate(90deg);
- /* IE 9 */
- -webkit-transform: rotate(90deg);
- /* Safari and Chrome */
- z-index: 1052;
- }
- .portfolio-modal .modal-backdrop {
- opacity: 0;
- display: none;
- }
- ::-moz-selection {
- text-shadow: none;
- background: #fed136;
- }
- ::selection {
- text-shadow: none;
- background: #fed136;
- }
- img::selection {
- background: transparent;
- }
- img::-moz-selection {
- background: transparent;
- }
- body {
- webkit-tap-highlight-color: #fed136;
- }
- /*.row_front_content:nth-child(even) {
- background-color: #E9E9E9;
- }*/
- .rowStyle:nth-child(even) {
- background-color: #E9E9E9;
- z-index: -9000;
- position: relative;
- }
- .container-fluid {
- padding-right: 0px;
- padding-left: 0px;
- }
- .google-map {
- height: 300px;
- }
- .front-icon {
- position: relative;
- display: inline-block;
- width: 2em;
- height: 2em;
- line-height: 2em;
- vertical-align: middle;
- font-size: 4em;
- text-align: center;
- }
- .circle-background {
- display: inline-block;
- font: normal normal normal 14px/1 FontAwesome;
- font-size: inherit;
- text-rendering: auto;
- -webkit-font-smoothing: antialiased;
- -moz-osx-font-smoothing: grayscale;
- color: #fed136;
- font-size: 2em;
- position: absolute;
- left: 0;
- width: 100%;
- text-align: center;
- z-index: -100;
- }
- .circle-background:before {
- content: "\f111";
- }
- .icon-symbol {
- color:#777777;
- }
- .rowStyle section {
- margin-bottom: 20px;
- margin-top: 20px;
- padding-top: 10px;
- padding-bottom: 10px;
- }
- .img-margin {
- margin: 20px;
- }
- blockquote footer:before, blockquote small:before, blockquote .small:before {
- content: "";
- }
- @media (min-width: 992px) {
- .quoteCentered {
- margin-top: 70px;
- }
- }
- section {
- padding: 10px 0 !important;
- }
- .nav-tabs {
- margin-top: 40px;
- }
- .main-container {
- margin-top: 10px;
- }
- .block-title {
- font-size: 18px !important;
- }
- .region-sidebar-first a{
- color: #000000;
- }
- .region-sidebar-first a:hover{
- color: #000000;
- }
- .region-sidebar-first{
- background-color: #FFFFFF;
- border: none;
- }
- .region-sidebar-first{
- padding: 0px;
- }
- .region-sidebar-first section {
- padding: 19px !important;
- background-color: #f5f5f5;
- border: 1px solid #e3e3e3;
- margin-bottom: 10px;
- }
- .main-container a{
- color: #000000;
- }
- .main-container a:hover{
- color: #000000;
- }
- /*
- * background-color: #f5f5f5;
- border: 1px solid #e3e3e3;
- */
- .noMargin{
- margin-top: 0px !important;
- }
- .backgroundBorder{
- background-image: url('../img/background.jpg');
- }
- .block.col-md-4{
- padding-left: 10px !important;
- padding-right: 10px !important;
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement