@import url(http://fonts.googleapis.com/css?family=Roboto:400,700,300);
@import url(http://fonts.googleapis.com/css?family=Spartan:100,200,300,400,700,300);
@import url(http://fonts.googleapis.com/css?family=Poppins:100,200,300,400,700,300);
@import url(http://fonts.googleapis.com/css?family=Old+Standard+TT:100,200,400,700,300);
@import url('https://fonts.googleapis.com/css?family=Spartan|Poppins|Roboto|Old+Standard+TT:100,200,300,400,500,600,700');
form label {font-weight:normal;}
.clearfix {
*zoom: 1;
}
.clearfix:before,
.clearfix:after {
display: table;
content: "";
line-height: 0;
}
.clearfix:after {
clear: both;
}
.hide-text {
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0;
}
.input-block-level {
display: block;
width: 100%;
min-height: 30px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
body {
padding-top: 80px;
color: #231f20;
background: #ffffff;
font-family: 'Poppins', sans-serif;
letter-spacing:-0.1px;
font-weight: 100;
speak: none;
}
.centerme {
text-align:center;
}
.rightme {
text-align:right;
}
.uppercase {
text-transform:uppercase;
}
.thick {
font-weight: 600;
}
p {
font-size:20px;
font-weight: 100;
font-family: 'Poppins', sans-serif;
line-height:36px;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
}
h3 {
font-size:23px;
font-weight: 200;
line-height:34px;
font-family: 'Poppins', sans-serif;
}
h2 {
font-size:34px;
font-weight: 200;
line-height:42px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: 'Poppins', sans-serif;
}
a {
color: #78d2f4;
-webkit-transition: 300ms;
-moz-transition: 300ms;
-o-transition: 300ms;
transition: 300ms;
}
.mainlink a {
color: #0085d2;
-webkit-transition: 300ms;
-moz-transition: 300ms;
-o-transition: 300ms;
transition: 300ms;
}
.mainlink a:hover {
color: #000;
-webkit-transition: 300ms;
-moz-transition: 300ms;
-o-transition: 300ms;
transition: 300ms;
}
hr {
border-top: 1px solid #e5e5e5;
border-bottom: 1px solid #fff;
}
.imwhite {
color: #ffffff;
}
.btn {
font-weight: 400;
}
.btn-transparent {
display:inline-block;
border: 1px solid #25c4f3;
background: rgba(0, 0, 0, 0.8);
color: #fff !important;
padding:10px 20px 10px 20px;
font-size: 22px;
text-transform:uppercase;
font-family: 'Poppins', sans-serif;
font-weight:400;
margin-top:20px;
}
.btn-transparent:hover {
background: rgba(0, 0, 0, 1);
color: #25c4f3 !important;
}
.btn-red {
display:inline-block;
border: 1px solid #e92225;
background: rgba(0, 0, 0, 0.8);
color: #fff !important;
padding:10px 20px 10px 20px;
font-size: 22px;
text-transform:uppercase;
font-family: 'Poppins', sans-serif;
font-weight:200;
margin-top:20px;
}
.btn-red:hover {
background: rgba(0, 0, 0, 1);
color: #e92225 !important;
}
.btn-white {
display:inline-block;
border: 1px solid #ffffff;
background: rgba(0, 0, 0, 0.2);
color: #fff !important;
padding:10px 20px 10px 20px;
font-size: 22px;
text-transform:uppercase;
font-family: 'Poppins', sans-serif;
font-weight:400;
margin-top:30px;
}
.btn-white:hover {
background: rgba(0, 0, 0, 1);
color: #ffffff !important;
}
.btn-brown {
float: right;
display:inline-block;
border: 1px solid #8d7755;
background: rgba(0, 0, 0, 0.2);
color: #fff !important;
padding:10px 20px 10px 20px;
font-size: 22px;
text-transform:uppercase;
font-family: 'Poppins', sans-serif;
font-weight:400;
margin-top:30px;
}
.btn-brown:hover {
background: rgba(0, 0, 0, 1);
color: #ffffff !important;
}
.btn-brown-dk {
float: right;
display:inline-block;
border: 1px solid #8d7755;
background: rgba(141, 119, 85, 0.9);
color: #fff !important;
padding:10px 20px 10px 20px;
font-size: 22px;
text-transform:uppercase;
font-family: 'Poppins', sans-serif;
font-weight:400;
margin-top:30px;
}
.btn-brown-dk:hover {
background: rgba(0, 0, 0, 1);
color: #ffffff !important;
}
.btn-blue {
display:inline-block;
border: 1px solid #02a1d0;
background: rgba(256, 256, 256, 0.2);
color: #0085d2 !important;
padding:10px 20px 10px 20px;
font-size: 22px;
text-transform:uppercase;
font-family: 'Poppins', sans-serif;
font-weight:400;
margin-top:30px;
}
.btn-blue:hover {
background: #0085d2;
color: #ffffff !important;
}
.btn-gold {
display:inline-block;
border: 1px solid #8e7755;
background: rgba(256, 256, 256, 0.2);
color: #231f20 !important;
padding:10px 20px 10px 20px;
font-size: 22px;
text-transform:uppercase;
font-family: 'Poppins', sans-serif;
font-weight:400;
margin-top:30px;
}
.btn-gold:hover {
background: #8e7755;
color: #ffffff !important;
}
a:hover,
a:focus {
color: #ffffff;
text-decoration: none;
outline: none;
}
.dropdown-menu {
margin-top: -1px;
min-width: 180px;
}
body > section {
padding: 50px 0;
}
.turquoise,
.green-sea,
.sun-flower,
.orange,
.sapphire,
.nephrits,
.carrot,
.pumkin,
.peter-river,
.belize-hole,
.alizarin,
.pomegranate,
.amethyst,
.wisteria,
.clouds .silver,
.wet-asphalt,
.midnight-blue,
.concrete,
.asbestos {
color: #fff;
}
.turquoise h1,
.green-sea h1,
.sun-flower h1,
.orange h1,
.sapphire h1,
.nephrits h1,
.carrot h1,
.pumkin h1,
.peter-river h1,
.belize-hole h1,
.alizarin h1,
.pomegranate h1,
.amethyst h1,
.wisteria h1,
.clouds .silver h1,
.wet-asphalt h1,
.midnight-blue h1,
.concrete h1,
.asbestos h1,
.turquoise h2,
.green-sea h2,
.sun-flower h2,
.orange h2,
.sapphire h2,
.nephrits h2,
.carrot h2,
.pumkin h2,
.peter-river h2,
.belize-hole h2,
.alizarin h2,
.pomegranate h2,
.amethyst h2,
.wisteria h2,
.clouds .silver h2,
.wet-asphalt h2,
.midnight-blue h2,
.concrete h2,
.asbestos h2,
.turquoise h3,
.green-sea h3,
.sun-flower h3,
.orange h3,
.sapphire h3,
.nephrits h3,
.carrot h3,
.pumkin h3,
.peter-river h3,
.belize-hole h3,
.alizarin h3,
.pomegranate h3,
.amethyst h3,
.wisteria h3,
.clouds .silver h3,
.wet-asphalt h3,
.midnight-blue h3,
.concrete h3,
.asbestos h3,
.turquoise h4,
.green-sea h4,
.sun-flower h4,
.orange h4,
.sapphire h4,
.nephrits h4,
.carrot h4,
.pumkin h4,
.peter-river h4,
.belize-hole h4,
.alizarin h4,
.pomegranate h4,
.amethyst h4,
.wisteria h4,
.clouds .silver h4,
.wet-asphalt h4,
.midnight-blue h4,
.concrete h4,
.asbestos h4,
.turquoise h5,
.green-sea h5,
.sun-flower h5,
.orange h5,
.sapphire h5,
.nephrits h5,
.carrot h5,
.pumkin h5,
.peter-river h5,
.belize-hole h5,
.alizarin h5,
.pomegranate h5,
.amethyst h5,
.wisteria h5,
.clouds .silver h5,
.wet-asphalt h5,
.midnight-blue h5,
.concrete h5,
.asbestos h5,
.turquoise h6,
.green-sea h6,
.sun-flower h6,
.orange h6,
.sapphire h6,
.nephrits h6,
.carrot h6,
.pumkin h6,
.peter-river h6,
.belize-hole h6,
.alizarin h6,
.pomegranate h6,
.amethyst h6,
.wisteria h6,
.clouds .silver h6,
.wet-asphalt h6,
.midnight-blue h6,
.concrete h6,
.asbestos h6 {
color: #fff;
}
.turquoise small,
.green-sea small,
.sun-flower small,
.orange small,
.sapphire small,
.nephrits small,
.carrot small,
.pumkin small,
.peter-river small,
.belize-hole small,
.alizarin small,
.pomegranate small,
.amethyst small,
.wisteria small,
.clouds .silver small,
.wet-asphalt small,
.midnight-blue small,
.concrete small,
.asbestos small {
color: rgba(255, 255, 255, 0.8);
}
.turquoise {
background-color: #1abc9c;
}
.green-sea {
background-color: #16a085;
}
.sun-flower {
background-color: #f1c40f;
}
.orange {
background-color: #f39c12;
}
.sapphire {
background-color: #0c537e;
background-image: url("../images/bg-indigo.jpg");
background-repeat: repeat;
margin-top:1px;
}
.slate {
background-color: #fffffff;
background-repeat: repeat;
color:#2d3f44;
margin-top:1px;
}
.nephritis {
background-color: #000000;
}
.carrot {
background-color: #e67e22;
}
.pumkin {
background-color: #d35400;
}
.peter-river {
background-color: #3498db;
}
.belize-hole {
background-color: #2980b9;
}
.alizarin {
background-color: #e74c3c;
}
.pomegranate {
background-color: #c0392b;
}
.amethyst {
background-color: #9b59b6;
}
.wisteria {
background-color: #8e44ad;
}
.clouds {
background-color: #ecf0f1;
}
.silver {
background-color: #bdc3c7;
}
.wet-asphalt {
background-color: #ffffff;
}
.wet-asphalt a:not(.btn) {
color: #231f20;
}
.wet-asphalt a:not(.btn):hover {
color: #8d7755;
}
.midnight-blue {
background-color: #231f20;
}
.concrete {
background-color: #95a5a6;
}
.asbestos {
background-color: rgba(256, 256, 256, 1);
}
.embed-container {
position: relative;
padding-bottom: 56.25%;
/* 16/9 ratio */
padding-top: 30px;
/* IE6 workaround*/
height: 0;
overflow: hidden;
}
.embed-container iframe,
.embed-container object,
.embed-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.carousel-content {
text-align: center;
margin:18%;
}
.pushmargin {
margin-right:8%;
}
.totheright {
float: right;
margin-right:45px;
}
#main-slider {
position: relative;
padding-top:80px;
}
#main-slider .carousel h2 {
font-size: 56px;
text-transform:none;
font-family: 'Old Standard TT', sans-serif;
font-weight:200;
line-height:60px;
margin-bottom:25px;
}
#main-slider .carousel h3 {
font-size: 26px;
text-transform:uppercase;
font-family: 'Poppins', sans-serif;
font-weight:200;
line-height:40px;
padding-bottom:0px;
}
#main-slider .carousel h4 {
font-size: 30px;
text-transform:uppercase;
font-family: 'Poppins', sans-serif;
font-weight:200;
}
#main-slider .carousel .btn {
border: 3px solid rgba(255, 255, 255, 0.5);
color: #fff;
border-radius: 0;
margin-top: 5px;
}
#main-slider .carousel .btn:hover {
background-color: rgba(255, 255, 255, 0.3);
}
#main-slider .carousel .boxed {
padding: 12px 0px 32px 0px;
background-color: rgba(0, 0, 0, 0.6);
}
#main-slider .carousel .item {
background-position: 50%;
background-color:#000;
background-repeat: no-repeat;
background-size: cover;
left: 0 !important;
opacity: 0;
top: 0;
position: absolute;
width: 100%;
display: block !important;
height: 675px;
-webkit-transition: opacity ease-in-out 500ms;
-moz-transition: opacity ease-in-out 500ms;
-o-transition: opacity ease-in-out 500ms;
transition: opacity ease-in-out 500ms;
}
#main-slider .carousel .item:first-child {
top: auto;
position: relative;
}
#main-slider .carousel .item.active {
opacity: 1;
-webkit-transition: opacity ease-in-out 500ms;
-moz-transition: opacity ease-in-out 500ms;
-o-transition: opacity ease-in-out 500ms;
transition: opacity ease-in-out 500ms;
z-index: 1;
}
#main-slider .prev,
#main-slider .next {
position: absolute;
top: 50%;
background-color: rgba(0, 0, 0, 0.3);
color: #fff;
display: inline-block;
margin-top: -25px;
font-size: 24px;
height: 50px;
width: 50px;
line-height: 50px;
text-align: center;
border-radius: 4px;
z-index: 5;
}
#main-slider .prev:hover,
#main-slider .next:hover {
background-color: rgba(0, 0, 0, 0.5);
border-radius: 10px;
}
#main-slider .prev {
left: 10px;
}
#main-slider .next {
right: 10px;
}
#main-slider .active .animation.animated-item-1 {
-webkit-animation: fadeIn 800ms linear 600ms both;
-moz-animation: fadeIn 800ms linear 600ms both;
-o-animation: fadeIn 800ms linear 600ms both;
-ms-animation: fadeIn 800ms linear 600ms both;
animation: fadeIn 800ms linear 600ms both;
}
#main-slider .active .animation.animated-item-2 {
-webkit-animation: fadeInUp 500ms linear 1200ms both;
-moz-animation: fadeInUp 500ms linear 1200ms both;
-o-animation: fadeInUp 500ms linear 1200ms both;
-ms-animation: fadeInUp 500ms linear 1200ms both;
animation: fadeInUp 500ms linear 1200ms both;
}
#main-slider .active .animation.animated-item-3 {
-webkit-animation: fadeInUp 500ms linear 1800ms both;
-moz-animation: fadeInUp 500ms linear 1800ms both;
-o-animation: fadeInUp 500ms linear 1800ms both;
-ms-animation: fadeInUp 500ms linear 1800ms both;
animation: fadeInUp 500ms linear 1800ms both;
}
#main-slider .active .animation.animated-item-4 {
-webkit-animation: fadeInUp 300ms linear 1200ms both;
-moz-animation: fadeInUp 300ms linear 1200ms both;
-o-animation: fadeInUp 300ms linear 1200ms both;
-ms-animation: fadeInUp 300ms linear 1200ms both;
animation: fadeInUp 300ms linear 1200ms both;
}
#services .media:hover .icon-md {
border-radius: 10px;
background-color: rgba(0, 0, 0, 0.8);
}
#recent-works {
padding: 90px 0;
}
#recent-works .item-inner {
position: relative;
margin: 0;
}
.gallerywell {
width:90%;
margin: auto;
}
.portfoliobg {
background-color:#f5f5f5;
}
.portfolio-items,
.portfolio-filter {
list-style: none;
padding: 0;
margin: 0 -20px 20px 0;
}
.portfolio-filter > li {
display: inline-block;
margin:5px;
}
.portfolio-items > li {
float: left;
margin-right:-2px;
padding: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.portfolio-items.col-2 > li {
width: 50%;
}
.portfolio-items.col-3 > li {
width: 33%;
}
.portfolio-items.col-4 > li {
width: 25%;
}
.portfolio-items.col-5 > li {
width: 20%;
}
.portfolio-items.col-6 > li {
width: 16%;
}
.portfolio-item {
padding: 20px;
margin: 20px;
width: 260px;
height: 190px;
overflow: hidden;
text-align: center;
}
.portfolio-item .item-inner {
background: #000;
padding: 0px;
position: relative;
}
.portfolio-item img {
position: absolute;
width:120%;
top: 50%;
left: 50%;
transform: translate(-50%, -0%);
/* height: 100%; */ /* optional */
}
.portfolio-item-tall img {
position: absolute;
width:100%;
top: 50%;
left: 50%;
transform: translate(-50%, -30%);
/* height: 100%; */ /* optional */
}
.item-inner {
}
.item-inner img {
}
.portfolio-item h5 {
background: #fff;
margin: 0;
padding: 0px 0 20px;
font-weight: 400;
font-size: 16px;
color: #231f20;
text-transform:capitalize;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.portfolio-item .overlay {
position: absolute;
width:100%;
height:190px;
margin-top: 0px;
top: 100% !important;
left: 0%;
opacity: 0;
background: rgba(0, 0, 0, 0.9);
text-align: center;
vertical-align: middle;
-webkit-transition: opacity 300ms;
-moz-transition: opacity 300ms;
-o-transition: opacity 300ms;
transition: opacity 300ms;
}
.portfolio-item .overlay .preview {
position: relative;
top: 50%;
display: inline-block;
margin-top: -20px;
}
.portfolio-item:hover .overlay {
opacity: 1;
}
/* Start: Recommended Isotope styles */
/**** Isotope Filtering ****/
.isotope-item {
z-index: 2;
}
.isotope-hidden.isotope-item {
pointer-events: none;
z-index: 1;
}
/**** Isotope CSS3 transitions ****/
.isotope,
.isotope .isotope-item {
-webkit-transition-duration: 0.8s;
-moz-transition-duration: 0.8s;
-ms-transition-duration: 0.8s;
-o-transition-duration: 0.8s;
transition-duration: 0.8s;
}
.isotope {
-webkit-transition-property: height, width;
-moz-transition-property: height, width;
-ms-transition-property: height, width;
-o-transition-property: height, width;
transition-property: height, width;
}
.isotope .isotope-item {
-webkit-transition-property: -webkit-transform, opacity;
-moz-transition-property: -moz-transform, opacity;
-ms-transition-property: -ms-transform, opacity;
-o-transition-property: -o-transform, opacity;
transition-property: transform, opacity;
}
/**** disabling Isotope CSS3 transitions ****/
.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
-webkit-transition-duration: 0s;
-moz-transition-duration: 0s;
-ms-transition-duration: 0s;
-o-transition-duration: 0s;
transition-duration: 0s;
}
/* End: Recommended Isotope styles */
/* disable CSS transitions for containers with infinite scrolling*/
.isotope.infinite-scrolling {
-webkit-transition: none;
-moz-transition: none;
-ms-transition: none;
-o-transition: none;
transition: none;
}
#pricing-table .plan {
border-radius: 4px;
list-style: none;
margin: 0 0 20px;
background: #3498db;
text-align: center;
padding: 30px 0;
}
#pricing-table .plan li {
padding: 5px 0;
color: #fff;
-webkit-transition: 300ms;
-moz-transition: 300ms;
-o-transition: 300ms;
transition: 300ms;
}
#pricing-table .plan li.plan-name {
font-size: 24px;
line-height: 24px;
color: #fff;
}
#pricing-table .plan li.plan-name h3 {
margin: 0;
}
#pricing-table .plan li.plan-price {
margin-bottom: 10px;
}
#pricing-table .plan li.plan-price > div {
display: inline-block;
background-color: rgba(0, 0, 0, 0.2);
padding: 10px;
font-size: 24px;
border-radius: 100%;
width: 70px;
height: 70px;
}
#pricing-table .plan li.plan-price > div sup {
font-size: 10px;
line-height: 10px;
}
#pricing-table .plan li.plan-price > div > small {
display: block;
font-size: 11px;
}
#pricing-table .plan li.plan-action {
margin-top: 10px;
border-top: 0;
}
#pricing-table .plan.featured {
background-color: #2c3e50;
}
#title h1 {
margin: 0;
font-size: 36px;
font-weight: 300;
}
.center {
text-align: center;
}
#meet-the-team .designation {
margin-top: 5px;
display: block;
font-size: 13px;
}
.img-thumbnail {
border: 0;
}
.progress,
.progress .bar {
background: #fff;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
height: 30px;
line-height: 30px;
}
.well {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
border: 0;
}
.btn-social {
border: 0;
color: #fff;
border-radius: 100%;
display: inline-block;
width: 36px;
height: 36px;
line-height: 36px;
text-align: center;
padding: 0;
}
.btn-social.btn-facebook {
background: #4f7dd4;
}
.btn-social.btn-facebook:hover {
background: #789bde;
}
.btn-social.btn-twitter {
background: #5bceff;
}
.btn-social.btn-twitter:hover {
background: #8eddff;
}
.btn-social.btn-linkedin {
background: #21a6d8;
}
.btn-social.btn-linkedin:hover {
background: #49b9e3;
}
.btn-social.btn-google-plus {
background: #dc422b;
}
.btn-social.btn-google-plus:hover {
background: #e36957;
}
.btn-social:hover {
color: #fff;
}
.navbar-inverse {
border: none;
}
.navbar-brand img{
max-width:420px;
height:auto;
transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out ;
padding-left:50px;
}
.shrinklogo img{
max-width:390px;
height: auto;
margin-bottom:-5px;
}
.movenav {
margin-top:41px !important;
}
.shrinknav {
margin-top:35px !important;
margin-left:200px;
}
.shrinkdrop {
margin-top:20px !important;
}
.shrink {
padding: 0px 0;
margin-top:-5px;
}
header {
padding: 0px 0;
/* animation magic */
transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out ;
}
nav.fill ul li a {
position: relative;
}
nav.fill ul li a:after {
position: absolute;
top: 0;
left: 0;
right: 0;
margin: auto;
width: 0%;
content: '.';
color: transparent;
background: #ecdc1b;
height: 1px;
}
nav.fill ul li a {
transition: all 2s;
}
nav.fill ul li a:after {
text-align: left;
content: '.';
margin: 0;
opacity: 0;
}
nav.fill ul li a:hover {
color: #fff;
z-index: 1;
}
nav.fill ul li a:hover:after {
z-index: -10;
animation: fill 1s forwards;
-webkit-animation: fill 1s forwards;
-moz-animation: fill 1s forwards;
opacity: 1;
}
/* Keyframes */
@-webkit-keyframes fill {
0% {
width: 100%;
height: 2px;
}
50% {
width: 100%;
height: 2px;
}
100% {
width: 100%;
height: 1%;
background: none;
}
}
.nav li {
font-size: 16px;
text-transform:uppercase;
font-family: 'Spartan', sans-serif;
font-weight:500;
}
.navbar-inverse .navbar-nav {
margin-top: 6px;
transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out ;
}
.navbar-inverse .navbar-nav > li > a {
padding-top: 10px;
padding-bottom: 10px;
margin-bottom:7px;
border-radius: 0px;
color: #000;
}
.navbar-inverse .navbar-nav > li > a:hover {
color:#25c4f3 ;
}
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus,
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
background-color: #25c4f3;
}
.dropdown {
margin-top:0px;
}
.navbar-inverse .navbar-nav .dropdown-menu {
background-color: #25c4f3;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
border: 0;
padding: 0;
margin-top: 10px;
}
.navbar-inverse .navbar-nav .dropdown-menu > li > a {
padding: 8px 15px;
color: #ffffff;
font-weight:400;
}
.navbar-inverse .navbar-nav .dropdown-menu > li:hover > a,
.navbar-inverse .navbar-nav .dropdown-menu > li:focus > a,
.navbar-inverse .navbar-nav .dropdown-menu > li.active > a {
background-color: rgba(0, 0, 0, 0.3);
}
.navbar-inverse .navbar-nav .dropdown-menu > li:last-child > a {
border-radius: 0 0 3px 3px;
}
.navbar-inverse .navbar-nav .dropdown-menu > li.divider {
background-color: rgba(0, 0, 0, 0.1);
}
.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
border-top: 0;
}
#social-media .icon-facebook {
background-color: #3c5899;
}
#social-media .icon-facebook:hover {
background-color: #4e6fba;
}
#social-media .icon-twitter {
background-color: #29c5f6;
}
#social-media .icon-twitter:hover {
background-color: #5ad2f8;
}
#social-media .icon-google-plus {
background-color: #d13d2f;
}
#social-media .icon-google-plus:hover {
background-color: #da6459;
}
#social-media .icon-pinterest {
background-color: #c61118;
}
#social-media .icon-pinterest:hover {
background-color: #ec1e26;
}
.icon-lg {
font-size: 48px;
height: 108px;
width: 108px;
line-height: 108px;
color: #fff;
margin: 10px;
background-color: rgba(0, 0, 0, 0.4);
text-align: center;
display: inline-block !important;
border-radius: 100%;
}
.icon-md {
font-size: 46px;
height: 38px;
width: 38px;
-webkit-transition: 500ms;
-moz-transition: 500ms;
-o-transition: 500ms;
transition: 500ms;
overflow: hidden;
}
.icon-md img{
width:35px;
height:auto;
float: left;
margin-right: 20px;
margin-bottom: 2.5em;
}
.modal {
border: 0;
}
.modal#loginForm {
width: 600px;
margin-left: -300px;
}
.modal .modal-header {
border: 0;
padding: 20px 20px 0;
}
.modal .modal-header > h4 {
font-weight: 300;
font-size: 14px;
color: #848484;
text-transform: uppercase;
margin: 0;
}
.modal .modal-body {
padding: 20px;
}
.modal input[type="text"],
.modal input[type="password"] {
padding: 5px 10px;
min-height: 30px;
width: 130px;
margin-right: 10px;
}
.modal .icon-remove {
color: #848484;
position: absolute;
right: -5px;
top: -5px;
width: 16px;
height: 16px;
line-height: 16px;
text-align: center;
display: block;
background: #ebebeb;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
cursor: pointer;
}
.modal button {
margin-left: 10px;
border: 0;
}
.gap {
margin-bottom: 50px;
}
.big-gap {
margin-bottom: 100px;
}
.no-margin {
margin: 0;
padding: 0;
}
.registration-form {
border: 0;
background-color: #fff;
padding: 20px;
display: inline-block;
}
#bottom {
color: #bdc3c7;
}
#bottom h4 {
margin-top: 0;
margin-bottom: 15px;
}
#bottom .media-heading {
display: block;
font-weight: 400;
}
.row > div {
margin-bottom: 0px;
}
ul.unstyled {
list-style: none;
padding: 0;
margin: 0;
}
/*Unordered Lists*/
ul.arrow,
ul.arrow-double,
ul.tick,
ul.cross,
ul.star,
ul.rss {
list-style: none;
padding: 0;
margin: 0;
}
ul.arrow li::before,
ul.arrow-double li::before,
ul.tick li::before,
ul.cross li::before,
ul.star li::before,
ul.rss li::before,
ul.arrow li::after,
ul.arrow-double li::after,
ul.tick li::after,
ul.cross li::after,
ul.star li::after,
ul.rss li::after {
font-family: FontAwesome;
font-size: 11px;
}
ul.arrow li::before,
ul.arrow-double li::before,
ul.tick li::before,
ul.cross li::before,
ul.star li::before,
ul.rss li::before {
margin-right: 5px;
}
ul.arrow li::before {
content: "\f105";
}
ul.arrow-double li::before {
content: "\f101";
}
ul.tick li::before {
content: "\f00c";
}
ul.cross li::before {
content: "\f00d";
}
ul.star li::before {
content: "\f006";
}
ul.rss li::before {
content: "\f09e";
}
#footer {
padding-top: 20px;
padding-bottom: 10px;
color: #ffffff;
text-transform:uppercase;
font-weight:200;
font-size:14px;
}
#footer a {
color: #ffffff;
}
#footer a:hover {
color: #78d2f4;
}
#footer ul {
list-style: none;
padding: 0;
margin: 0;
}
#footer ul > li {
display: inline-block;
margin-left: 15px;
}
ul.social {
list-style: none;
margin: 10px 0 0;
padding: 0;
display: inline-block;
}
ul.social > li {
display: inline-block;
margin: 0 5px;
}
ul.social > li > a {
font-size: 24px;
color: #666;
}
ul.social > li > a:hover {
color: #999;
}
.box-border {
padding: 15px;
}
.accordion-group {
background-color: #fff;
border-top: 1px solid #f0f0f0;
}
.accordion-heading .accordion-toggle {
color: #666;
font-weight: 700;
}
.accordion-inner {
border-top: 0;
}
.blog .blog-item {
background-color: #fff;
border-radius: 5px;
margin-bottom: 20px;
}
.blog .blog-item .img-blog {
width: 100%;
border-radius: 5px 5px 0 0;
}
.blog .blog-item .blog-content {
padding: 20px;
}
.blog .blog-item h3 {
margin-top: 0;
}
.blog .blog-item .entry-meta {
margin-bottom: 20px;
}
.blog .blog-item .entry-meta > span {
display: inline-block;
color: #999;
margin-right: 10px;
font-size: 12px;
}
.blog .blog-item .entry-meta > span a {
color: #999;
}
ul.pagination > li > a {
border: 0;
}
ul.pagination > li.active > a,
ul.pagination > li:hover > a {
background-color: #34495e;
color: #fff;
}
textarea#message {
padding: 10px 15px;
height: 219px;
}
.widget {
margin-bottom: 30px;
}
ul.gallery {
list-style: none;
padding: 0;
margin: 0;
}
ul.gallery li {
display: block;
width: 60px;
padding: 0;
margin: 0 4px 4px 0;
float: left;
}
ul.faq {
list-style: none;
margin: 0;
}
ul.faq li {
margin-top: 30px;
}
ul.faq li:first-child {
margin-top: 0;
}
ul.faq li span.number {
display: block;
float: left;
width: 50px;
height: 50px;
line-height: 50px;
text-align: center;
background: #34495e;
color: #fff;
font-size: 24px;
}
ul.faq li > div {
margin-left: 70px;
}
ul.faq li > div h3 {
margin-top: 0;
}
#error {
text-align: center;
margin-top: 150px;
margin-bottom: 150px;
}
/* Dave CSS */
.foshome {
display:none !important;
}
* {
margin: 0;
padding: 0;
}
/* Icon 1 */
#nav-icon1, #nav-icon2, #nav-icon3, #nav-icon4 {
width: 40px;
height: 5px;
position: inherit;
display:inline-block;
margin: 15px auto;
margin-left:10px;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out;
-o-transition: .5s ease-in-out;
transition: .5s ease-in-out;
cursor: pointer;
}
#nav-icon1 span, #nav-icon3 span, #nav-icon4 span {
display: block;
position: absolute;
height: 5px;
width: 100%;
background: #fff;
border-radius: 9px;
opacity: 1;
left: 0;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .25s ease-in-out;
-moz-transition: .25s ease-in-out;
-o-transition: .25s ease-in-out;
transition: .25s ease-in-out;
}
#nav-icon1 span:nth-child(1) {
top: 0px;
}
#nav-icon1 span:nth-child(2) {
top: 10px;
}
#nav-icon1 span:nth-child(3) {
top: 20px;
}
#nav-icon1.open span:nth-child(1) {
top: 10px;
-webkit-transform: rotate(135deg);
-moz-transform: rotate(135deg);
-o-transform: rotate(135deg);
transform: rotate(135deg);
}
#nav-icon1.open span:nth-child(2) {
opacity: 0;
left: -60px;
}
#nav-icon1.open span:nth-child(3) {
top: 10px;
-webkit-transform: rotate(-135deg);
-moz-transform: rotate(-135deg);
-o-transform: rotate(-135deg);
transform: rotate(-135deg);
}
.xmasblock h2{
margin-left:30px !important;
}
.menubtn img {
width: 50px;
height:auto;
}
.menubtn {
font-size: 20px;
}
.btndown {
margin-top:50px;
}
.colourvid {
overflow:hidden;
position:relative;
height:400px;
}
.colourvid iframe{
left:30px;
top:30px;
height:350px;
width:500px;
position:absolute;
}
.phonepics img{
width:300px !important;
height:auto;
margin-top:40px !important;
float:right;
}
.articlepic img{
width:100%;
max-width:600px;
height:auto;
margin-top:0px !important;
float:right;
}
.picpad {
margin-left:30px !important;
}
.warpic img{
width:60% !important;
height:auto;
margin-top:40px !important;
}
.divgem img{
width:60px !important;
height:auto;
margin-top:40px !important;
}
.picframe {
padding-left:30px;
margin-top:20px;
}
.picframe img{
border: 1px solid #CCC;
padding:12px;
padding-bottom:12px !important;
}
.portup {
margin-top:-50px;
}
.icongem img{
width:30px;
height:auto;
margin-right:12px;
}
.icongem {
font-size:18px;
color:#0085d2;
}
.logowell img{
text-align: center;
width:60%;
height:auto;
margin: auto;
}
hr.inthead {
border-top: 1px solid #40c8f4;
margin-top:36px;
}
.phonewell img {
width:auto;
height:220px;
}
.mygallery img{
width:100%;
height:auto;
border-right:1px solid #ffffff ;
border-bottom:1px solid #ffffff ;
}
.imblue {
color:#0085d2;
}
.footlogos img{
width:180px;
height:auto;
margin-bottom:12px;
margin-right:30px;
}
.footlogos p{
font-size:18px;
color:#0085d2;
}
.tiptop {
z-index:999999;
background-color: #000000;
border-bottom: 1px solid #00b4ee;
width:100%;
height:50px;
text-align:right;
top:0px;
right:0;
position:absolute;
color: #ffffff;
padding-right:30px;
padding-top:6px;
font-family: 'Old Standard TT', sans-serif;
font-size: 22px;
}
.navbar-fixed-top {
}
.theblackbox {
background-color: rgba(0, 0, 0, 0.5);
padding: 12px;
}
.oldstandard {
font-family: 'Old Standard TT', sans-serif;
}
.oldstandardtl h1{
font-family: 'Old Standard TT', sans-serif;
font-size: 55px;
letter-spacing:-2px;
padding-bottom:30px;
}
.homeservpad {
margin-bottom:30px;
}
.gemdealer img{
margin-top:40px;
width:250px;
height:auto;
}
#split-pane-or {
text-align: center;
width: 100%;
position: absolute;
top: 52%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
#split-pane-or img{
width:80px;
}
.carousel {
margin-top:-80px;
height:620px;
overflow:hidden;
}
.carousel-inner {
margin-top:-80px;
}
.welcomepad {
padding:8% 8% 0 8%;
}
.welcomepad img{
width:180px;
height:auto;
margin:34px;
}
.bannercontainer {
position:relative;
}
.bannerwell {
bottom: 0;
text-align: center;
border-top:1px solid #fff;
text-transform:uppercase;
}
.box1over :hover{
background-color: #0197c8;
}
.box2over :hover{
background-color: #e0c801;
}
.box3over :hover{
background-color: #39a035;
}
.box4over :hover{
background-color: #c90d13;
}
.bannerbox {
border-right:1px solid #fff;
padding:20px;
color:#fff;
}
.box1 {
background-color:#00b4ee;
}
.box2 {
background-color:#f1d700;
}
.box3 {
background-color:#4ab846;
}
.box4 {
background-color:#e51c23;
}
.bannerbox img{
width:90px;
height:auto;
}
.featurebox {
padding-left:4%;
padding-right:4%;
}
.featurebox img{
width:90px;
height:auto;
padding-bottom:12px;
}
.featurebox p{
font-size:18px;
text-transform:none;
text-align:center;
line-height:22px;
}
.featurebox h4{
color:#0085d2;
font-size:22px;
padding-bottom:15px;
}
.genwell h1, h2{
color:#0085d2;
}
.genwell img{
margin:auto;
padding-bottom:20px;
width:100%;
height:auto;
}
.serviceme {
color:#0085d2;
}
.serviceme img{
margin:auto;
padding-bottom:20px;
width:130px;
height:auto;
}
.serviceme p{
text-align: left;
font-style: normal;
font-weight: 300;
font-variant: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
}
.findout {
margin-top:50px;
}
.carblock{
width: 100%;
height: 260px;
position: relative;
overflow: hidden;
font-size: 16px;
}
.carblock h1{
font-size: 36px;
line-height:60px;
margin-top:60px;
}
.bumpout {
margin-left:-10px;
}
.bumpout p{
line-height:26px;
}
.imageContainer {
width: 100%;
height: 100px;
overflow: hidden;
position: absolute;
bottom: 0;
}
.imageCenterer {
width: 100%;
position: absolute;
bottom: 0;
}
.imageCenterer img {
display: block;
margin: 0 auto;
margin-left: 50%;
transform: translateX(-50%);
}
.iconselect {
margin-top:6px;
}
@keyframes pulse {
0% {
box-shadow: 0 0 0 0 rgba(0, 172, 193, 0.5);
}
70% {
box-shadow: 0 0 0 25px rgba(0, 172, 193, 0);
}
100% {
box-shadow: 0 0 0 0 rgba(0, 172, 193, 0);
}
}
.employmentwell {
color:#ffffff;
margin-top:60px;
}
.citypic img {
width:70%;
height: auto;
}
.textwell {
color: #fff;
padding-top:50px;
padding-bottom: 30px;
width:100%;
padding-right:15px;padding-left:12%;margin-right:auto;margin-left:0px;
}
.textwell h1 {
font-size:34px;
line-height:42px;
font-family: 'Spartan', sans-serif;
}
.textwell p {
margin-top:20px;
margin-bottom:12px;
font-size:18px;
font-weight: 400;
line-height:28px;
font-family: 'Spartan', sans-serif;
padding-bottom:0px;
}
.textwell li {
margin-top:12px;
font-size:16px;
font-weight: 400;
line-height:20px;
font-family: 'Spartan', sans-serif;
}
#a1wrap {
margin: 0px;
clear:both;
}
.a1left {
float: left !important;
margin-right: 10px;
margin-bottom: 50px !important;
}
.offerwell p {
margin-bottom: 30px !important;
overflow: hidden; /* this is what keep the from wrapping */
}
.offerwell p:last-child {
overflow: visible; /* this is an example of the browser default */
}
.offerwell {
padding-bottom:40px;
padding-top:30px;
}
.offerwell img {
width:35px;
height:auto;
}
.navbar-right {
padding-right:60px;
float:right !important;
}
.openup {
content:url("../gallerypics/openup.png");
width: 64px;
height: 64px;
display: inline-block;
margin-top:-30%;
}
.picboxpad {
margin-right:0px;
}
.padright20 {
padding-right:20px;
}
.wrapper{
width:100%;
margin-bottom:-10px;
margin-right:-20px !important;
}
.maxcontainer{padding-right:0px;padding-left:0px;margin-right:0px;margin-left:0px;}
.picblockcontainer {
min-height:320px;
}
.picblocktext {
width:650px;
float:right;
padding-right:20px;
}
.bluewave {
background-image: url("../images/bg-indigo.jpg");
background-repeat: repeat;
}
.greybg {
background-color:#231f20;
}
.hero-container {
background: url(../images/pic-service.jpg) no-repeat center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
height: 400px;
width: 50%;
}
.hero-container-roof {
background: url(../images/pic-flat-roof.jpg) no-repeat center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
height: 400px;
width: 50%;
}
.hero-container-waterproofing {
background: url(../images/pic-waterproofing.jpg) no-repeat center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
height: 560px;
width: 50%;
}
.hero-container-balcony {
background: url(../images/pic-balcony.jpg) no-repeat center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
height: 400px;
width: 50%;
}
.hero-container-concrete {
background: url(../images/pic-concrete.jpg) no-repeat center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
height: 400px;
width: 50%;
}
.hero-container-inspection {
background: url(../images/pic-inspection.jpg) no-repeat center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
height: 550px;
width: 50%;
}
.hero-service {
background-color: #0c537e;
background-image: url("../images/pic-service.jpg");
object-fit: cover;
object-position: 100% 0;
width: 50%;
height: 400px;
}
.hero-safety {
background-color: #0c537e;
background-image: url("../images/pic-safety.jpg");
background-repeat:no-repeat;
background-size:cover;
min-height:454px
}
.hero-safetyX {
width: 100%;
overflow:hidden;
height:350px;
background-repeat:no-repeat;
background-size:cover;
background-image: url(../images/pic-safety.jpg);
margin-bottom: -10px !important;
}
.nopad {
padding: 0px !important;
}
.uppercase {
text-transform:uppercase;
}
.interiorhead {
text-align: center;
}
.interiorhead h1 {
text-transform: uppercase;
font-size:100px;
text-shadow: 2px 2px 5px #000000;
}
.interiorhead h2 {
text-transform: uppercase;
font-size:66px;
line-height:76px !important;
text-shadow: 2px 2px 5px #000000;
}
.block{
width: 100%;
height: auto;
position: relative;
overflow: hidden;
font-size: 16px;
padding-top:60px;
}
.block h1{
font-size: 56px;
}
.block p{
line-height:26px;
}
.block h2{
position: relative;
display: block;
margin: 0;
top: 50px;
transform: translateY(-50%);
font-size: 32px;
color: white;
font-weight: 400;
}
.block h3{
font-size: 36px;
line-height:42px;
padding-bottom:20px;
}
.img-parallax {
width: 100vmax;
z-index: -1;
position: absolute;
top: 0;
left: 50%;
transform: translate(-50%,0);
pointer-events: none
}
.img-parallax-50 {
background-image: url('../images/homeslide.jpg'), url('../images/homeslide.jpg');
background-repeat: no-repeat, no-repeat;
background-size: 50% 100%;
background-position: left top, right top;
}
.frontend-side {
background-image: url("../images/homeslide-christmas.jpg");
background-repeat: no-repeat, no-repeat;
background-size:cover;
background-position:center;
background-repeat:no-repeat;
background-position: left top, right top;
min-height:680px;
}
.uiux-side {
background-image: url("../images/homeslide.jpg");
background-repeat: no-repeat, no-repeat;
background-size:cover;
background-position:center;
background-repeat:no-repeat;
background-position: left top, right top;
min-height:680px;
}
i.fa {
color: #333;
}
*,
*:before,
*:after {
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
/*clearfixes*/
.cf:before,
.cf:after {
content: " ";
display: table;
}
.cf:after {
clear: both;
}
.container:last-of-type {
padding-top: 0px;
}
/*animation element*/
.animation-element {
position: relative;
width: 30%;
margin: 0% 1.33 2.66% 1.33%;
float: left;
}
/*3 grid layout*/
.animation-element:nth-of-type(3n-2) {
width: 31.5%;
margin: 0% 1.375% 2.75% 0%;
clear: left;
}
.animation-element:nth-of-type(3n-1) {
width: 31.5%;
margin: 0% 1.375% 2.75% 1.375%;
}
.animation-element:nth-of-type(3n-0) {
width: 31.5%;
margin: 0% 0% 2.75% 1.375%;
clear: right;
}
/*bounce up animation for the subject*/
.bounce-up .subject {
opacity: 0;
-moz-transition: all 700ms ease-out;
-webkit-transition: all 700ms ease-out;
-o-transition: all 700ms ease-out;
transition: all 700ms ease-out;
-moz-transform: translate3d(0px, 200px, 0px);
-webkit-transform: translate3d(0px, 200px, 0px);
-o-transform: translate(0px, 200px);
-ms-transform: translate(0px, 200px);
transform: translate3d(0px, 200, 0px);
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
}
.bounce-up.in-view .subject {
opacity: 1;
-moz-transform: translate3d(0px, 0px, 0px);
-webkit-transform: translate3d(0px, 0px, 0px);
-o-transform: translate(0px, 0px);
-ms-transform: translate(0px, 0px);
transform: translate3d(0px, 0px, 0px);
}
.subject {
float: left;
width: 100%;
margin: 0% 1.33% 2.66% 1.33%;
background: #F5F5F5;
padding: 15px;
box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2);
border: solid 1px #EAEAEA;
}
.subject:hover,
.subject:active {
box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.25);
}
.subject .header {
margin: 8px 0px;
}
.subject .header .date,
.subject .header .category {
margin: 0px;
clear: none;
width: 50%;
}
.subject .header .date i,
.subject .header .category i {
margin-right: 5px;
color: #333;
-moz-transition: all 400ms linear;
-webkit-transition: all 400ms linear;
-o-transition: all 400ms linear;
transition: all 400ms linear;
}
.subject .header .date {
float: left;
text-align: left;
}
.subject .header .category {
float: right;
text-align: right;
}
/*subject icon at top*/
.subject .icon {
position: absolute;
top: -20px;
left: 50%;
left: calc(50% - 20px);
}
.subject .icon i {
width: 40px;
height: 40px;
color: rgb(255, 255, 255);
font-size: 150%;
border-radius: 50%;
text-align: center;
padding: 7px;
}
/*Category color / icon color*/
.subject .category-color {
height: 7px;
position: absolute;
top: 0px;
left: 0px;
width: 100%;
}
.subject.design .category-color,
.subject.design .icon i {
background: #c0392b;
}
.subject.development .category-color,
.subject.development .icon i {
background: #16a085;
}
.subject.photography .category-color,
.subject.photography .icon i {
background: #2980b9;
}
/*hovering over subject*/
.subject.development:hover .header i {
color: #16a085;
}
.subject.design:hover .header i {
color: #c0392b;
}
.subject.photography:hover .header i {
color: #2980b9;
}
.subject .title {
margin: 12px 0px;
border-bottom: dashed 1px #ccc;
padding-bottom: 10px;
}
.subject .content {
margin-bottom: 8px;
}
.subject .enrole {
position: relative;
color: #333;
padding: 5px 12px;
cursor: pointer;
float: right;
display: inline-block;
border: solid 1px #ccc;
-moz-transition: all 400ms linear;
-webkit-transition: all 400ms linear;
-o-transition: all 400ms linear;
transition: all 400ms linear;
}
.subject .enrole:hover,
.subject .enrole:active {
background: #222;
color: #fff;
}
/*media queries for small devices*/
@media screen and (max-width: 678px) {
.animation-element,
.animation-element:nth-of-type(3n-1),
.animation-element:nth-of-type(3n-2),
.animation-element:nth-of-type(3n-0) {
width: 100%;
margin: 0px 0px 30px 0px;
}
.subject .header .date,
.subject .header .category {
width: 100%;
margin-bottom: 10px;
text-align: center;
}
}
/* daves css */
.radiotext {
font-family: 'Poppins', sans-serif;
font-weight:200;
font-size:16px;
line-height:22px;
}
.radiotext p{
font-family: 'Poppins', sans-serif;
font-weight:400;
font-size:17px;
line-height:22px;
}
.form-control {
margin-bottom:12px;
}
.gemfaqspace h2{
padding-top:20px;
}
.gemfaq a {
color: #018dc4 ;
}
.gemfaq a:hover {
color: #000 ;
}
.gemfaq ul {
}
.gemfaq li {
font-family: 'Poppins', sans-serif;
font-weight:200;
font-size:20px;
margin: 0;
padding: 16px 0 16px 36px;
list-style: none;
background-image: url("../images/bullet.png");
background-repeat: no-repeat;
background-position: left ;
background-size: 20px;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
}
.mapnames {
font-size:17px;
padding-left:6%;
}
.mapprovince {
font-size:20px;
font-weight:600;
}
.accwell img {
padding: 10px;
border:1px solid #ccc5ba;
margin:15px;
width:90%;
}
.cityscape img{
width:60%;
height:auto;
text-align: center;
margin-left:20%;
margin-top:5%;
}
.offericon img{
width:40px;
height:auto;
}
.a1icon img{
width:90px;
height:auto;
}
#wrap {
margin: 0px;
}
.left {
float: left;
margin-right: 1.5em;
}
.right {
float: right;
margin-left: 1em;
}
.employtl{
font-size:22px;
font-weight:500;
text-transform: capitalize;
line-height:42px;
}
.valuetl{
font-size:26px;
font-weight:600;
text-transform:uppercase;
line-height:42px;
}
.perktl{
font-size:30px;
font-weight:600;
text-transform:uppercase;
line-height:42px;
padding-bottom:12px;
}
.perktext {
margin-top:30px;
}
.offertext {
margin-top:40px;
}
.bodytext a {
color:#0c8dd9;
}
.bodytext a:hover {
color:#8e7755;
}
.perktext a {
color:#0c8dd9;
}
.perktext a:hover {
color:#8e7755;
}
.perktext p {
margin-bottom: 2.5em;
font-size:18px;
overflow: hidden; /* this is what keep the
from wrapping */
padding-bottom:0px;
}
.perktext p:last-child {
overflow: visible; /* this is an example of the browser default */
}
.offertext p {
margin-bottom: 2.5em;
font-size:20px;
overflow: hidden; /* this is what keep the
from wrapping */
padding-bottom:0px;
}
.offertext p:last-child {
overflow: visible; /* this is an example of the browser default */
}
.media-body p {
margin-top:20px;
margin-bottom:30px;
padding-bottom:0px;
}
.gentitle {
text-transform:uppercase;
text-align:center;
font-size:36px;
line-height:50px;
}
/* gold border */
hr.goldline {
border-top: 1px solid #8e7755;
}
.servicehead h3{
text-transform:uppercase;
text-align:right;
font-size:36px;
line-height:50px;
margin-right:20px;
}
.weare h1{
font-size:50px;
line-height:60px;
margin-top:20px;
text-transform:uppercase;
margin-left:20%;
}
.quoteme h1{
font-size:48px;
line-height:60px;
margin-top:50px;
}
.quoteme h2{
font-family: 'Old Standard TT', sans-serif;
font-size:48px;
padding-top:12px;
}
.quoteme h3{
font-size:30px;
line-height:42px;
margin-top:30px;
text-transform:none;
margin-right:12%;
}
.Outerhero {
position : absolute;
width : 100%;
text-align: center;
}
.hero {
position:relative;
background-color:#ffffff;
height:0px !important;
width:100% !important;
z-index:99;
}
.hero:after,
.hero:after {
z-index: -1;
position: absolute;
top: 98.1%;
margin-left:-40px;
content: '';
width: 0;
height: 0;
border-top: solid 40px #ffffff;
border-left: solid 40px transparent;
border-right: solid 40px transparent;
}
.minihero {
position:relative;
background-color:#ffffff;
height:0px !important;
width:100% !important;
z-index:99;
}
.minihero:after,
.minihero:after {
z-index: -1;
position: absolute;
top: 98.1%;
left: 90%;
margin-left: -10%;
content: '';
width: 0;
height: 0;
border-top: solid 20px #ffffff;
border-left: solid 20px transparent;
border-right: solid 20px transparent;
}
.block {
}
.animBlock {
opacity: 0;
filter: alpha(opacity=0);
position: relative;
-webkit-transition: all .55s ease-in;
-moz-transition: all .55s ease-in;
-ms-transition: all .55s ease-in;
-o-transition: all .55s ease-in;
transition: all .55s ease-in;
}
.animBlock[data-position="left"] { left: -20%; }
.animBlock[data-position="right"] { right: -20%; }
.animBlock[data-position="top"] { top: -20%;}
.animBlock[data-position="bottom"] { bottom: -0%;}
.animBlock[data-position="left"].viewed {
left: 0%;
opacity: 1;
filter: alpha(opacity=100);
}
.animBlock[data-position="right"].viewed {
right: 0%;
opacity: 1;
filter: alpha(opacity=100);
}
.animBlock[data-position="top"].viewed {
top: 0%;
opacity: 1;
filter: alpha(opacity=100);
}
.animBlock[data-position="bottom"].viewed {
bottom: 0%;
opacity: 1;
filter: alpha(opacity=100);
}
.picsizer img{
width:80%;
height: auto;
}
.padtop80 {
padding-top:80px;
}
.padtop60 {
padding-top:60px;
}
.padtop30 {
padding-top:30px;
}
.padbottom80 {
padding-bottom:80px;
}
.padbottom60 {
padding-bottom:60px;
}
.padbottom30 {
padding-bottom:30px;
}
.padbottom10 {
padding-bottom:10px;
}
.space30 {
height:30px;
}
.margin-bottom-30 {
margin-bottom:30px;
}
.footcontact a {
color: #018dc4 ;
}
.footcontact a:hover {
color: #000 ;
}
.footcontact h4 {
color:#ffffff;
font-size:30px;
text-transform:uppercase;
}
.footcontact p {
color:#ffffff;
font-size:18px;
font-weight:400;
text-transform:uppercase;
padding-bottom:0px;
}
.footcontact .small {
color:#78d2f4;
font-size:16px;
font-weight:400;
text-transform:uppercase;
line-height:30px;
margin-top:22px;
}
.footlogo img {
width:80%;
height:auto;
}
.socialicons img {
width:auto;
height:40px;
margin-top:20px;
}
.img-container-block {
text-align: center;
}
.teamlog {
margin-top:10%;
}
.zootag {
text-align:right;
}
.grid {
position: relative;
margin: 0 auto;
padding: 1em 0 4em;
max-width: 100%;
list-style: none;
text-align: center;
z-index:99;
}
/* Common style */
.grid figure {
position: relative;
float: left;
overflow: hidden;
margin: 10px 1%;
min-width: 100%;
max-width: 480px;
max-height: 390px;
width: 48%;
background: #3085a3;
text-align: center;
cursor: pointer;
margin-bottom:80px;
}
.grid figure img {
position: relative;
display: block;
min-height: 100%;
max-width: 100%;
opacity: 0.8;
}
.grid figure figcaption {
padding: 2em;
color: #fff;
text-transform: uppercase;
font-size: 1.25em;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.grid figure figcaption::before,
.grid figure figcaption::after {
pointer-events: none;
}
.grid figure figcaption,
.grid figure figcaption > a {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.grid figure figcaption > a {
z-index: 1000;
text-indent: 200%;
white-space: nowrap;
font-size: 0;
opacity: 0;
}
.grid figure h2 {
word-spacing: -0.15em;
font-weight: 300;
}
.xgrid figure h2 span {
font-weight: 800;
}
.grid figure h2,
.grid figure p {
margin: 0;
}
.grid figure p {
letter-spacing: 1px;
font-size: 68.5%;
}
/* Individual effects */
/*---------------*/
/***** Bubba *****/
/*---------------*/
figure.effect-bubba {
background: #000;
}
figure.effect-bubba img {
opacity: 0.5;
-webkit-transition: opacity 0.35s;
transition: opacity 0.35s;
}
figure.effect-bubba:hover img {
opacity: 0.2;
}
figure.effect-bubba figcaption::before,
figure.effect-bubba figcaption::after {
position: absolute;
top: 30px;
right: 30px;
bottom: 30px;
left: 30px;
content: '';
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
}
figure.effect-bubba figcaption::before {
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
-webkit-transform: scale(0,1);
transform: scale(0,1);
}
figure.effect-bubba figcaption::after {
border-right: 1px solid #fff;
border-left: 1px solid #fff;
-webkit-transform: scale(1,0);
transform: scale(1,0);
}
figure.effect-bubba h2 {
padding-top: 30%;
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
-webkit-transform: translate3d(0,-20px,0);
transform: translate3d(0,-20px,0);
}
figure.effect-bubba p {
padding: 20px 2.5em;
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(0,20px,0);
transform: translate3d(0,20px,0);
}
figure.effect-bubba:hover figcaption::before,
figure.effect-bubba:hover figcaption::after {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
figure.effect-bubba:hover h2,
figure.effect-bubba:hover p {
opacity: 1;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
/*---------------*/
/***** Chico *****/
/*---------------*/
figure.effect-chico img {
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: scale(1.12);
transform: scale(1.12);
}
figure.effect-chico:hover img {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
figure.effect-chico figcaption {
padding: 3em;
}
figure.effect-chico figcaption::before {
position: absolute;
top: 30px;
right: 30px;
bottom: 30px;
left: 30px;
border: 1px solid #fff;
content: '';
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
figure.effect-chico figcaption::before,
figure.effect-chico p {
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
}
figure.effect-chico h2 {
padding: 45% 0 20px 0;
}
figure.effect-chico p {
margin: 0 auto;
max-width: 200px;
-webkit-transform: scale(1.5);
transform: scale(1.5);
}
figure.effect-chico:hover figcaption::before,
figure.effect-chico:hover p {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
@media screen and (max-width: 50em) {
.content {
padding: 0 10px;
text-align: center;
}
.grid figure {
display: inline-block;
float: none;
margin: 10px auto;
width: 100%;
}
}
*, *:after, *:before { -webkit-box-sizing: border-box; box-sizing: border-box; }
.clearfix:before, .clearfix:after { display: table; content: ''; }
.clearfix:after { clear: both; }
/* media width
320px
480px
600px
768px
900px
1024px
1200px
*/
@media screen and (max-width: 1600px) {
.navbar-brand img{
max-width:300px;
height:auto;
transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out ;
padding-left:20px;
padding-top:10px;
}
.picblocktext {
width:540px;
float:right;
}
.nav li {
font-size: 14px;
text-transform:uppercase;
font-family: 'Spartan', sans-serif;
font-weight:500;
}
.hero-safety {
min-height:488px
}
}
@media screen and (max-width: 1400px) {
.navbar-brand img{
max-width:230px;
height:auto;
transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out ;
padding-left:20px;
padding-top:10px;
}
.nav li {
font-size: 13px;
text-transform:uppercase;
font-family: 'Spartan', sans-serif;
font-weight:500;
margin-right:0px;
}
.carousel-content {
text-align: center;
margin:10%;
}
.carousel {
margin-top:-80px;
height:520px;
overflow:hidden;
}
#main-slider .carousel h2 {
font-size: 46px;
}
.navbar-right {
padding-right:10px;
float:right !important;
margin-top:0px !important;
}
.carousel {
margin-top:-80px;
height:480px;
overflow:hidden;
}
.frontend-side {
background-image: url("../images/homeslide-christmas.jpg");
background-repeat: no-repeat, no-repeat;
background-size:cover;
background-position:center;
background-repeat:no-repeat;
background-position: left top, right top;
min-height:480px;
}
.uiux-side {
background-image: url("../images/homeslide.jpg");
background-repeat: no-repeat, no-repeat;
background-size:cover;
background-position:center;
background-repeat:no-repeat;
background-position: left top, right top;
min-height:480px;
}
}
@media screen and (max-width: 1200px) {
.submitmove {
padding-left:40px;
}
.foshome {
display:block !important;
}
.navbar-inverse .navbar-nav .dropdown-menu {
background-color: #000;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
border: 0;
padding: 0;
margin-top: 27px;
width:100%;
}
.navbar-inverse .navbar-nav .dropdown-menu > li > a {
padding: 8px 15px;
color: #ffffff;
font-weight:400;
}
.navbar-inverse .navbar-nav .dropdown-menu > li:hover > a,
.navbar-inverse .navbar-nav .dropdown-menu > li:focus > a,
.navbar-inverse .navbar-nav .dropdown-menu > li.active > a {
background-color: rgba(0, 0, 0, 0.3);
}
.navbar-inverse .navbar-nav .dropdown-menu > li:last-child > a {
border-radius: 0 0 3px 3px;
}
.navbar-inverse .navbar-nav .dropdown-menu > li.divider {
background-color: rgba(0, 0, 0, 0.1);
}
.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
border-top: 0;
}
.navbar-inverse .navbar-nav .dropdown-menu {
padding:2px !important;
padding-bottom:30px !important;
}
.nav li {
font-size: 20px;
text-transform:uppercase;
text-align: center;
font-family: 'Spartan', sans-serif;
font-weight:500;
margin-top:40px;
float: none;
clear: left;
}
.navbar-inverse .navbar-nav {
margin-top: 51px;
width:100%;
margin-left:-15px ;
padding:0px;
position:fixed;
width:100%;
height:100%;
background-color:#149fe8 ;
z-index:999;
transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out ;
}
.navbar-inverse .navbar-nav > li > a {
padding-top: 10px;
padding-bottom: 10px;
border-radius: 0px;
color: #fff;
}
.navbar-inverse .navbar-nav > li > a:hover {
color:#149fe8 ;
}
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus,
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
background-color: #149fe8;
}
.navbar-toggle {
width:150px;
margin-top:20px;
padding-top:0px !important;
text-align: center !important;
border-bottom:10px solid #fff !important;
float:right;
}
.navbar-brand img{
max-width:220px !important;
height:auto;
transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out ;
padding-left:20px;
padding-top:10px;
}
#split-pane-or {
text-align: center;
width: 100%;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.carousel {
margin-top:-80px;
height:auto;
overflow:hidden;
}
#main-slider {
position: relative;
padding-top:120px;
}
.frontend-side {
background-image: url("../images/homeslide-christmas.jpg");
background-repeat: no-repeat, no-repeat;
background-size:cover;
background-position:center;
background-repeat:no-repeat;
background-position: left top, right top;
min-height:480px;
}
.uiux-side {
background-image: url("../images/homeslide.jpg");
background-repeat: no-repeat, no-repeat;
background-size:cover;
background-position:center;
background-repeat:no-repeat;
background-position: left top, right top;
min-height:480px;
}
.carousel-content {
text-align: center;
margin:0%;
}
.boxed h2{
padding-top:60px;
}
.findout {
margin-top:0px;
}
.picblocktext {
width:90%;
float:left;
margin-left:50px;
}
.navbar-right {
text-align: center !important;
float: none !important;
}
.navbar-brand img{
max-width:360px;
height:auto;
padding-left:5px;
}
.picblockcontainer {
min-height:522px;
}
.hero-safety {
min-height:522px
}
.cityscape img{
width:80%;
height:auto;
text-align: center;
margin-left:10%;
margin-top:15%;
}
.carblock{
width: 100%;
height: 300px;
position: relative;
overflow: hidden;
font-size: 16px;
}
.carblock h1{
font-size: 36px;
line-height:60px;
margin-top:60px;
}
.block{
width: 100%;
height: auto;
position: relative;
overflow: hidden;
font-size: 16px;
}
.block h1{
font-size: 36px;
margin-top:60px;
}
.form-group{margin-bottom:10px;
}
.company-contact-form {
margin-top:-30px;}
.interiorhead h1 {
text-transform: uppercase;
font-size:66px;
text-shadow: 2px 2px 5px #000000;
}
}
@media screen and (max-width: 900px) {
.submitmove {
padding-left:20px;
}
#main-slider .carousel h2 {
font-size: 43px !important;
line-height:55px;
}
.carblock{
width: 100%;
height: 360px;
position: relative;
overflow: hidden;
font-size: 16px;
}
.cityscape img{
width:40%;
height:auto;
text-align: center;
margin-left:30%;
margin-top:0%;
}
.footcontact {
padding-top:30px;
}
.teamlog {
padding-top:40px;
margin-bottom:30px;
}
.picblocktext {
width:90%;
float:left;
margin-left:60px;
}
.navbar-right {
text-align: left !important;
float: none !important;
padding-right:0px;
}
.picblockcontainer {
min-height:450px;
}
.hero-safety {
min-height:263px
}
.hero-container {
height: 200px;
width: 100%;
}
.hero-container-roof {
height: 200px;
width: 100%;
}
.hero-container-waterproofing {
height: 200px;
width: 100%;
}
.hero-container-balcony {
height: 200px;
width: 100%;
}
.hero-container-concrete {
height: 200px;
width: 100%;
}
.hero-container-inspection {
height: 200px;
width: 100%;
}
.block{
width: 100%;
height: auto;
position: relative;
overflow: hidden;
font-size: 16px;
}
.block h1{
font-size: 36px;
margin-top:60px;
}
.img-parallax {
width: 300%;
z-index: -1;
position: absolute;
top: 0;
left: 50%;
transform: translate(-50%,0);
pointer-events: none
}
.form-group{margin-bottom:10px;
}
.btn-brown {
float: left;
}
.company-contact-form {
margin-top:-30px;}
}
@media screen and (max-width: 768px) {
.navbar-inverse .navbar-nav .dropdown-menu {
padding:2px !important;
padding-bottom:30px !important;
}
.nav li {
font-size: 20px;
text-transform:uppercase;
text-align: center;
font-family: 'Spartan', sans-serif;
font-weight:500;
margin-top:30px;
}
.navbar-inverse .navbar-nav {
margin-top: 50px;
position:fixed;
width:100%;
height:100%;
background-color:#149fe8 ;
z-index:999;
transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out ;
}
.navbar-inverse .navbar-nav {
margin-top: 40px;
transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out ;
}
.navbar-inverse .navbar-nav > li > a {
padding-top: 10px;
padding-bottom: 10px;
border-radius: 0px;
color: #fff;
}
.navbar-inverse .navbar-nav > li > a:hover {
color:#149fe8 ;
}
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus,
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
background-color: #149fe8;
}
.featurebox p{
padding-bottom:30px;
}
.radiotext {
padding-bottom:20px;
}
.footcontact {
text-align: center;
}
.footlogo img {
width:90%;
height:auto;
max-width:300px;
}
.socialicons img {
width:auto;
height:40px;
}
.gemdealer {
margin-bottom:40px;
}
.footlogos {
margin-top:30px;
padding-left:30px !important;
}
.footlogos img{
text-align: center;
width:80%;
max-width:150px;
height:auto;
}
.gemproud p{
margin-bottom:60px;
}
.oldstandardtl h1{
font-family: 'Old Standard TT', sans-serif;
font-size: 36px;
letter-spacing:-2px;
padding-bottom:30px;
}
h2 {
font-size:28px !important;
}
.quoteme h3{
font-size:22px;
line-height:32px;
margin-top:10px;
text-transform:none;
margin-right:12%;
margin-left:13px;
}
.picblocktext {
width:90%;
float:left;
margin-left:20px;
margin-top:-20px;
}
.picblockcontainer {
min-height:420px;
}
.hero-safety {
min-height:290px
}
.block{
width: 100%;
height: auto;
position: relative;
overflow: hidden;
font-size: 16px;
}
.block h1{
font-size: 36px;
margin-top:60px;
}
.form-group{margin-bottom:10px;
}
.company-contact-form {
margin-top:-30px;}
.portfolio-item {
margin-bottom:30px;
}
}
@media screen and (max-width: 480px) {
.bannerwell h4 {
font-size: 15px;
}
.warpic img{
width:30% !important;
height:auto;
margin-top:-30px !important;
}
.accwell img {
width:90%;
height:auto;
padding: 10px;
border:1px solid #ccc5ba;
margin:15px;
}
.picblocktext {
width:95%;
float:left;
margin-left:22px;
}
.picblockcontainer {
min-height:520px;
}
.quoteme h2{
font-size:46px !important;
padding-left:10px;
margin-top:-20px;
}
.quoteme h3{
font-size:22px;
line-height:32px;
margin-top:10px;
text-transform:none;
margin-right:12%;
margin-left:13px;
}
.hero-safety {
min-height:250px
}
.cityscape img{
width:60%;
height:auto;
text-align: center;
margin-left:20%;
margin-top:0%;
}
.map-container {
padding: 1.2rem .8rem;
position: relative;
display: inline-block;
}
}
@media screen and (max-width: 600px) {
.portfolio-items {
width:90%;
}
.portfolio-item {
padding-bottom: 0px;
margin-bottom:10px;
}
.img-parallax {
width: 700%;
z-index: -1;
position: absolute;
top: 0;
left: 50%;
transform: translate(-50%,0);
pointer-events: none
}
.quoteme h3{
font-size:22px;
line-height:32px;
margin-top:10px;
text-transform:none;
margin-right:12%;
}
.carblock{
text-align: center;
width: 100%;
height: 400px;
position: relative;
overflow: hidden;
font-size: 16px;
}
.carblock h1{
font-size: 30px;
}
.imageContainer {
width: 100%;
height: 100px;
overflow: hidden;
position: absolute;
bottom: 0;
}
.imageCenterer {
width: 100%;
position: absolute;
bottom: 0;
}
.imageCenterer img {
display: block;
margin: 0 auto;
margin-left: 50%;
transform: translateX(-50%);
height: 20px;
width:auto;
}
.map-container {
padding: 0rem;
margin-top:-30px;
margin-bottom:16px;
position: relative;
display: inline-block;
}
.offericon img{
width:20px;
height:auto;
}
.a1icon img{
width:40px;
height:auto;
}
.textwell {
padding-right:15px;padding-left:5%;margin-right:auto;margin-left:0px;
}
.portfolio-items > li {
float: left;
padding: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
}
.weare h1{
font-size:40px;
line-height:50px;
margin-top:20px;
text-transform:uppercase;
text-align: center;
margin-left:0%;
}
.interiorhead h1 {
text-transform: uppercase;
font-size:40px;
text-shadow: 2px 2px 5px #000000;
}
.minihead h1 {
text-transform: uppercase;
font-size:30px !important;
text-shadow: 2px 2px 5px #000000;
}
.togglepushme {
margin-top:10px;
}
.navbar-toggle {
width:100%;
margin-top:60px;
padding-top:0px !important;
text-align: center !important;
border-bottom:10px solid #fff !important;
float:none;
}
.navbar-collapse {
margin-top:48px !important;
}
.container {
margin-left:10px;
margin-right: 10px;
}
.recenter {
text-align:center;
padding-left:0%;
margin-top:-40px;
}
.navbar-brand img{
width: 290px;
height:auto;
position: absolute;
}
.navbar-header {
height:100px;
}
.shrinklogo img{
width: 290px;
height:auto;
position: absolute;
}
.carousel-content {
float:center;
margin-left:0px;
}
#main-slider .carousel h2 {
font-size: 36px !important;
line-height:45px;
}
#main-slider .carousel h3 {
font-size: 25px;
line-height:35px;
}
#main-slider .carousel h4 {
font-size: 22px;
line-height:35px;
}
#main-slider .carousel .item {
height: 575px;
}
.shrinknav {
margin-top:-15px !important;
}
.movenav {
margin-top:12px !important;
}
.shrinkdrop {
margin-top:4px !important;
float: left;
}
.shrink {
padding: 0px 0;
}
.hero {
position:relative;
background-color:#ffffff;
height:0px !important;
width:100% !important;
z-index:99;
display: inline-block;
}
.hero:after,
.hero:after {
z-index: -1;
position: absolute;
margin-top:-15px;
margin-left: -19px;
content: '';
width: 0;
height: 0;
border-top: solid 20px #ffffff;
border-left: solid 20px transparent;
border-right: solid 20px transparent;
}
h2 {
font-size:32px;
font-weight: 200;
line-height:42px;
}
h3 {
font-size:20px;
font-weight: 400;
line-height:30px;
}
#recent-works {
padding: 0px 0;
}
.gap {
margin-bottom: 20px;
}
.zootag {
text-align:center;
}
.navbar-inverse .navbar-nav .dropdown-menu {
background-color: #231f20;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
border: 0;
padding: 0;
margin-top: 6px;
margin-bottom:10px;
}
.pushmargin {
margin:0px;
}
}
@media(min-width:1200px){
.navbar-toggle{display:none}
}