html, body, div, span, applet, object, iframe, table, caption, tbody, tfoot, thead, tr, th, td,
del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend{vertical-align:baseline; font-family:inherit; font-weight:inherit; font-style:inherit; font-size:100%; outline:0; padding:0; margin:0; border:0}
.about h1 {
padding-top:20px;
padding-bottom: 40px;
}
.about5 .col-sm-12 .row:first-child {
padding-bottom:20px;
}
.about1 .col-sm-4 {
color:#fff;
padding: 30px;
}
.contact-us {
padding: 40px 20px;
}
.contact-us h1 {
padding-bottom: 40px;
}
/*.gallery */
.gallery1 .gallery-thumbnail .gallery-col {
width:auto;
}
.gallery1 .gallery-thumbnails img {
height:100px;
}
.gallery2 img {
width: 350px;
}
body{
font-size:14px;
-webkit-font-smoothing:antialiased;
font-weight:400;
color:#676767;
line-height:26px;
}
h1{font-size:54px; line-height:62px; margin-bottom:7px}
h2{font-size:34px; line-height:44px; margin-bottom:7px}
h3{font-size:22px; line-height:34px; margin-bottom:7px}
h4{font-size:18px; line-height:32px; margin-bottom:7px}
h5{font-size:16px; line-height:26px; margin-bottom:7px}
h6{font-size:14px; line-height:24px; margin-bottom:7px}
h1, h2, h3, h4, h5, h6{letter-spacing:0px; font-weight:normal; -webkit-font-smoothing:antialiased; font-weight:600}
h1 small,h2 small {color:#fefefe}
p { padding-bottom: 27px; }
a{color:#27CFC3; text-decoration:none; transition:color 0.2s; -moz-transition:color 0.2s; -webkit-transition:color 0.2s}
a:hover{color:inherit}
.lupp-section {
padding: 44px 0px 40px 0px;
}
.lupp-section.map {
padding:0;
}
.lupp-section.social {
padding-top:0;
padding-bottom:0;
}
.lupp-section.banner {
padding: 0px;
}
.btn {
padding: 8px;
margin: 0px 0px 0px 0px;
border-radius: 2px;
padding: 13px 17px;
text-decoration: none;
}
.btn-primary { color: #fff;background-color: #f6653c!important; border:none;}
.hero, .hero h1, .hero h2, .hero h3, .hero h4, .hero h5, .hero h6 { color: #fff; }
.cta1 {
color:#fff;
padding-top:100px;
padding-bottom:100px;
}
.main-header .navbar-default {
background:none;
border:none;
}
.main-header {
background-color:#fdfdfd;
width:100%;
padding-top:0px;
padding-bottom:0px;
}
.main-header .navbar-nav {
float:none !important;
margin:auto !important;
}
.main-header.affix-top .navbar-nav li{
padding-top:0px;
padding-bottom:0px;
}
.main-header.affix-top .navbar-brand{
padding-top:0px;
font-size:20px;
}
.main-header .navbar-brand img{
width:200px;
margin-top: 5px;
}
.main-header.affix {
top:0;
z-index:1000;
}
.main-header.affix-top .navbar-brand {
padding-top: 0px;
font-size: 40px;
}
.main-header .navbar-brand{
color:#000;
font-size:30px;
letter-spacing: 2px;
font-weight: 900;
padding-top: 0px;
height: 50px;
display: block;
}
.banner .carousel-inner .item img {
width:100%;
}
.carousel-caption h1 {
color:#fff;
}
.about7 {
padding-top:75px;
padding-bottom: 75px;
}
.circle-icon {
border-radius: 50%;
background-color: #eee;
height: 70px;
width: 70px;
display: block;
margin: 10px auto;
border: 1px solid #ddd;
box-sizing: content-box;
transition: all .2s;
}
.about7 .col-md-3:hover .circle-icon {
background-color: #444;
background-clip: content-box;
color:#fff;
padding:5px;
margin:0px auto;
}
.circle-icon i{
line-height:70px;
}
.home-paragraph {
padding-top:65px;
padding-bottom:65px;
text-align:center;
background-color:#2ac4ea;
color:#fff;
}
.home-container {
padding-top:60px;
padding-bottom:60px;
}
.media.col-md-4, .media.col-md-4:first-child {
margin-top: 30px;
}
.works {
background-color:#eee;
width:300px;
margin:auto;
}
.works h4{
padding-top:50px;
padding-bottom:50px;
text-align:center;
}
.work {
padding:0;
margin:0;
height:200px;
overflow-y:hidden;
}
.work-overlay{
height:0;
transition:all .2s;
background-color:rgba(66, 244, 226,.85);
color:#fff;
position:absolute;
width:100%;
text-align:center;
overflow:hidden;
display: flex;
justify-content:center;
align-content:center;
flex-direction:column;
}
.work img{
display:block;
position:absolute;
z-index:0;
width:100%;
height:100%;
}
.work:hover .work-overlay{
height:100%;
}
.cta3 {
padding-top:75px;
background-color:#8fa3a1;
color:#fff;
}
.cta3 .img-wrapper{
margin: 50px 50px 0;
}
#post-carousel {
background-color:#7371fc;
padding-top:60px;
padding-bottom:60px;
}
#post-carousel .item {
min-height:400px;
}
#post-carousel .fa {
padding:20px;
border:2px solid #c2bafc;
border-radius:50%;
}
#post-carousel .msg {
line-height:200%;
margin:30px;
font-size:18px;
}
#post-carousel .carousel-indicators {
bottom:60px;
}
footer.main-footer {
padding-bottom: 30px;
color:#bbb;
}
.about-container.container {
padding-left:0;
padding-right:0;
}
.about-container .col-md-6 {
padding-left: 10px;
padding-right: 10px;
}
.cta4 {
background-color:#dce2de;
}
.cta4 .btn {
background-color: #5be587;
color:#fff;
padding:20px;
box-shadow: 0 3px 0 #33bf5f;
border:0;
margin-left:30px;
margin-right:30px;
border-radius:7px;
font-
}
.pt-60 {
padding-top:60px;
}
.pb-60 {
padding-bottom: 60px;
}
.contact-us-form .form-control {
box-shadow: inner 0 1px 2px #ccc;
background-color: #fafafa;
border:none;
border-radius:0;
padding:25px 10px;
}
.contact-us-form-container textarea {
min-height:250px;
}
.contact-us-form-container input[type="submit"] {
float:right;
}
.contact-us-form textarea.form-control {
min-height:250px;
}
.contact-us-form .btn-primary{
background-color:#222;
color:#fff;
}
.navbar-default .navbar-nav>li>a {
color: #777;
line-height: 50px;
text-transform:uppercase;
padding:0;
}
@media screen and (min-width: 768px)
{
.main-header.affix-top .navbar-nav li{
padding:15px 18px;
}
.main-header.affix-top .navbar-brand{
padding-top:15px;
font-size:40px;
}
.main-header .navbar-brand img{
width:250px;
}
.navbar-nav>li {
padding: 0 18px;
}
.about-container .col-md-6 {
padding-left: 30px;
padding-right: 30px;
}
.about-container.container {
padding-left:15px;
padding-right:15px;
}
.work {
height:250px;
}
.works {
width:auto;
}
}
.main-header .navbar-center-image {
border: 1px solid #777;
display:block;
width:300px;
text-align:center;
letter-spacing:2px;
font-size:30px;
}
h1 small, h2 small {
color: #777;
}
@media screen and (min-width: 992px)
{
.main-header.affix-top .navbar-nav li{
padding:25px 45px;
}
.main-header.affix-top .navbar-brand{
padding-top:25px;
}
.navbar-nav>li {
padding: 0 45px;
}
.work {
height:300px;
}
}
@media screen and (min-width: 1200px)
{
.main-header.affix-top .navbar-nav li{
padding:25px 60px;
}
}
.lupp-section.hero {
min-height: 400px;
}