/*
        Author: ShapedTheme
        Template: Cluster
        Version: 1.0
        URL: http://shapedtheme.com
*/


/* TABLE OF CONTENTS

        1. Import section
        2. Basic styles
        3. BUTTONS
        4. HEADER
        5. SLIDER
        6. SERVICES
        7. OUR WORKS
        8. PRICING
        9. ABOUT US
        10. OUR TEAM
        11. TESTIMONIAL
        12. FUN FACTS
        13. CONTACT
        14. BLOG
        15. FOOTER
        16. SCROLL TO TOP

*/



/* 1. IMPORT SECTION */

@import url("http://fonts.googleapis.com/css?family=Raleway:200,300,600,700&subset=latin,latin-ext");




/* 2. BASIC STYLES */

html, body {
    width: 100%;
    height: 100%;
}
#map {
    height: 100%;
    width: 100%;
}

body {
    font-family: "Raleway", Helvetica, Arial, sans-serif;
    font-size: 13px;
    font-weight: 200;
    line-height: 1.7857;
    letter-spacing: 0.075em;
    color: #333333;
    background-color: #fff;
}

a { 
    color: #000;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

a:hover {
    color: #000;
}

a, a:hover, a:active, a:focus, button:focus {
    outline: 0;
    border: 0;
    text-decoration: none;
}

#st-preloader {
    background: #FFF;
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 9999;
}

p {
    line-height: 1.5;
}

h1, h2, h3, h4, h5, h6{
    font-family: 'Raleway', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
}

input, textarea{
    outline: none;
}

label{
    font-weight: 300;
}

#pre-status,
.preload-placeholder {
    background-image: url(../images/preloader.gif);
    background-position: center;
    background-repeat: no-repeat;
    height: 40px;
    left: 50%;
    margin: -20px 0 0 -20px;
    position: absolute;
    top: 50%;
    width: 40px;
}

.preload-placeholder {
    background: none;
    left: 0;
    margin: 0;
    text-align: center;
    top: 65%;
}
.logo {
    background-image: url(../images/logobg.png);
    display: inline-block;
    height: auto;
    padding: 12px 30px 30px;
    text-align: center;
    background-size: 100% 100%;
}
.logo > img {
    height: 70px;
}
.st-border {
    background-color: #00eaae;
    display: block;
    height: 3px;
    width: 34px;
}

.overlay{
    background-color: #000;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.8;
}

.st-service li {
    list-style-image: url(../images/li.png);
    float: left;
    margin-bottom: 5px;
    width: 48%;
}
/* 3. BUTTONS */

.btn-send{
    background-color: #00af84;
    margin-top: 20px;
    border-radius: 0;
    border: 0;
    color: #fff;
    padding: 8px 14px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.btn-send:hover{
    background-color: #000;
    color: #fff;
}

.btn-readmore{
    background-color: #383838;
    border-radius: 0;
    border: 0;
    color: #fff;
    padding: 10px 20px;
    margin-top: 20px;
    text-transform: uppercase;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.btn-readmore:hover{
    background-color: #000;
    color: #fff;	
}




/* 4. HEADER */

#header{}

#header .navbar {
    min-height: 80px;
    height: 80px;
    margin-bottom: 0;
    border-radius: 0;
}

.st-navbar{
    background: rgba(0,0,0,0.34);
    background: -moz-linear-gradient(top, rgba(0,0,0,0.34) 0%, rgba(3,3,3,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0.34)), color-stop(100%, rgba(3,3,3,1)));
    background: -webkit-linear-gradient(top, rgba(0,0,0,0.34) 0%, rgba(3,3,3,1) 100%);
    background: -o-linear-gradient(top, rgba(0,0,0,0.34) 0%, rgba(3,3,3,1) 100%);
    background: -ms-linear-gradient(top, rgba(0,0,0,0.34) 0%, rgba(3,3,3,1) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0.34) 0%, rgba(3,3,3,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#030303', GradientType=0 );
    border-bottom: medium none;
}

.st-navbar ul{
    margin-top: 15px;
}

.st-navbar ul li a{
    text-transform: uppercase;
    font-weight: 600;
    padding: 0;
    margin: 14px;
    color: white;
}
.st-navbar ul li a:hover, .st-navbar ul li a:active{
    color: #00EAAE!important;
}

.btn-re {
    background-color: #00B285;
    background-image:url(../images/light.png);
    background-position: left top;
    background-size: 100% auto;
    border-radius: 12px;
    background-repeat: no-repeat;
    -webkit-transition:all .2s ease-in-out;
    -o-transition:all .2s ease-in-out;
    transition:all .2s ease-in-out;
}

.st-navbar ul li.btn-re a {
    margin: 8px;
}
.st-navbar ul li.btn-re a:hover {
    color: #000!important;
}
.st-navbar ul li.btn-re:hover {
    transform: scale(1.1);
    background-color: rgba(255, 191, 0, 1);
}
#slider, .carousel.slide, .carousel-inner {
    height: 100%;
}
.st-navbar ul li a:hover,
.st-navbar ul li a:focus {
    background-color: transparent;
    color: #000;
}

.st-navbar .navbar-header{
    margin-top: 0;
}

.st-navbar .navbar-toggle .icon-bar {
    background-color: #000;
}

.st-navbar .navbar-toggle{
    margin-top: 7px;
    margin-right: 25px;
    padding: 0;
    border-radius: 0;
}

.tablepicker, .tablepicker th, .tablepicker td {
    margin: 0;
    padding: 0 !important;
}
.space {
    display: inline-block;
    width: 18px;
}

/* 5. SLIDER */

#home-carousel  .item {
    background-position: center top;
    background-repeat: no-repeat;
    background-size:cover;
    width:100%;
    min-height: 500px;
}

#home-carousel .item:before{
    background-color: #000;
    content: "";
    height: 100%;
    top: 0;
    left: 0;
    /*opacity: 0.5;*/
    opacity: 0;
    position: absolute;
    width: 100%;
}

.carousel-caption {
    left: 15px;
    right: 15px;
    top: 50%;
    font-size: 15px;
    text-align: left;
    color: #fff;
    text-shadow: none;
    margin-top: -130px;	
}

.carousel-caption h1 {
    font-size:46px;
    margin-bottom:0;
    line-height:27px;
    letter-spacing:2px;
    /*font-weight:100;*/
    font-weight: 430;
    color: #fff;
    text-shadow: #000 2px 2px 2px;
}

.carousel-caption h2 {
    font-size:81px;
    font-weight:600;
    margin-top:0px;
    text-transform:lowercase;
    letter-spacing:2px;
    margin-bottom:20px;
}

.carousel-caption h3 {
    font-size: 30px;
    color: #fff;
    font-weight: bold;
    text-shadow: #000 2px 2px 2px;
}

.carousel-caption p {
    color: #fff;
    font-weight: 430;
    text-shadow: #000 2px 2px 2px;
}

.home-carousel-left, 
.home-carousel-right {	
    background-color: rgba(255,191,0,0.7);
    color:#000;
    font-size: 32px;
    height: 40px;
    line-height: 40px;
    margin-top: -20px;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 32px;
    z-index: 999;
    -webkit-transition: 300ms;
    -moz-transition: 300ms;
    -o-transition: 300ms;
    -ms-transition: 300ms;
    transition: 300ms;
}

.home-carousel-left {
    left:-32px;
}

.home-carousel-right {
    right:-32px;
}

#home-carousel:hover .home-carousel-left {
    left:0;
}

#home-carousel:hover .home-carousel-right {
    right:0;
}
/* Carousel animation */

#home-carousel .item h1, 
#home-carousel .item h2, 
#home-carousel .item p {
    opacity:0;
    -moz-transform: scale(0.5);
    -webkit-transform: scale(0.5);
    -o-transform: scale(0.5);
    -ms-transform: scale(0.5);
    transform: scale(0.5);
}

#home-carousel .item h1 {
    -webkit-transition: all 0.5s ease-in-out 0.15s;
    -moz-transition: all 0.5s ease-in-out 0.15s;
    -ms-transition: all 0.5s ease-in-out 0.15s;
    -o-transition: all 0.5s ease-in-out 0.15s;
    transition: all 0.5s ease-in-out 0.15s;
}

#home-carousel .item.active h1, 
#home-carousel .item.active h2, 
#home-carousel .item.active p {
    opacity:1;
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

#home-carousel .item h2 {
    -webkit-transition: all 0.5s ease-in-out 0.30s;
    -moz-transition: all 0.5s ease-in-out 0.30s;
    -ms-transition: all 0.5s ease-in-out 0.30s;
    -o-transition: all 0.5s ease-in-out 0.30s;
    transition: all 0.5s ease-in-out 0.30s;
}

#home-carousel .item p {
    -webkit-transition: all 0.5s ease-in-out 0.45s;
    -moz-transition: all 0.5s ease-in-out 0.45s;
    -ms-transition: all 0.5s ease-in-out 0.45s;
    -o-transition: all 0.5s ease-in-out 0.45s;
    transition: all 0.5s ease-in-out 0.45s;
    font-size: 24px;
}





/* 6. SERVICES */

#services{
    background-color: #f5f5f5;
    padding-top: 130px;
    padding-bottom: 120px;
}
.seagreen, .seagreen2 {
    background-color: #00B084;
    border-radius: 0px;
    color: #002200;
    padding: 30px;
    text-align: center;
    font-weight: bold;
}
.green {
    background-color: #00B084;
    color: white;
}
.green2 {
    background-color: #12c296;
    color: white;
}
.green3 {
    background-color: #24d4a8;
    color: white;
}
.green4 {
    background-color: #31e1b5;
    color: white;
}
.innerbg {
    background-image: url(../images/bghead.jpg);
    width: 100%;
    height: 200px;
    background-size: cover;
    display: inline-block;
}
.seagreen2 {
    background-color: #07a377;
}
.btn-uncolor {
    border: 1px solid #00b285;
    border-radius: 12px;
    padding: 16px;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}
.btn-uncolor:hover {
    border: 1px solid #00b285;
    background-color: #fafafa;
}
.st-service > ul {
    display: inline-block;
    margin-bottom: 20px;
}
.panel-body ul {
    margin: 0;
    padding: 0;
}
.panel-body li {
    color: white;
    list-style-image: none;
    list-style-type: none !important;
    margin: 0 0 4px;
    text-align: left;
    width: 100%;
    border-bottom: dotted 1px #006a3e;
}
.section-title{
    margin-bottom: 50px;
}

.section-title h1{
    margin-top: 0;
}

.st-service{
    margin-top: 30px;
}

.st-service h2{
    font-size: 16px;
    margin-top: 0;
    margin-bottom: 15px;
    color: white;
}

.st-service h2 i{
    margin-right: 10px;
}

.st-service p{}



/* 7. OUR WORKS */

.isotope-item {
    z-index: 2;
}
.isotope-hidden.isotope-item {
    z-index: 1;
}
.isotope, .isotope .isotope-item {/* change duration value to whatever you like */
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    transition-duration: 0.8s;
}
.isotope {
    -webkit-transition-property: height, width;
    -moz-transition-property: height, width;
    transition-property: height, width;
}
.isotope .isotope-item {
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property:-moz-transform, opacity;
    transition-property:transform, opacity;
}

#our-works{
    padding-top: 150px;
    padding-bottom: 120px;
}

.portfolio-wrapper ul.filter{
    list-style: none;
    padding: 0;
    margin-bottom: 35px;
    margin-top: 28px;
    overflow: hidden;
}

.portfolio-wrapper ul.filter li{
    float: left;
    text-transform: uppercase;
    margin-right: 25px;
    font-weight: 600;
}

.portfolio-wrapper ul.filter li a{
    color: #909090;
}

.portfolio-wrapper ul.filter li a:hover,
.portfolio-wrapper ul.filter li a.active{
    color: #000;
}

.portfolio-wrapper .portfolio-items{
    clear: both;
}

.portfolio-wrapper .portfolio-content{
    position: relative;
    margin-bottom: 30px;
}

.portfolio-wrapper .portfolio-overlay{
    position: absolute;
    background-color: rgba(0, 0, 0, 0.7);
    color: #fff;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    /* padding: 30px;*/
    opacity: 0;
    text-align: center;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    -moz-transform: scale(0.5);
    -webkit-transform: scale(0.5);
    -o-transform: scale(0.5);
    -ms-transform: scale(0.5);
    transform: scale(0.5);
}
.portfolio-items .glyphicon {
    font-size: 50px;
    font-weight: lighter;
}
.portfolio-wrapper .portfolio-content:hover .portfolio-overlay{
    opacity: 1;
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.portfolio-wrapper .portfolio-overlay a{
    color: #fff;
    font-size: 35px;
}
.portfolio-wrapper .portfolio-overlay a:hover{
    color: #fff;
}



/* 8. PRICING */

#pricing{
    background-color: #f5f5f5;
    padding-top: 60px;
    padding-bottom: 100px;
}

.st-pricing{
    padding: 30px;
    margin-top: 10px;
    /*min-height: 300px;*/
    min-height: 240px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.st-pricing:hover{
    box-shadow: 0px 0px 18px #ddd;
}

.st-pricing h5{
    margin-top: 0;
    margin-bottom: 15px;
}

.st-pricing h3{
    margin-top: 0;
    margin-bottom: 15px;
}

.st-pricing .st-border{
    width: 100%;
    margin-bottom: 10px;
    background-color: #08b88c;
}

.st-pricing ul{
    list-style: none;
    padding: 0;
}

.st-pricing ul li{
    padding: 0;
    font-size: 15px;
}

.st-pricing a.btn-send{
    text-transform: uppercase;
    margin-top: 20px;
    padding: 10px 25px;
}


/* 9. ABOUT US */

#about-us{
    background-color: #00AF84;
    background-image: url(../images/bg2.jpg);
    background-position: bottom center;
    background-repeat: no-repeat;
    color: white;
    font-weight: bold;
}

#about-us .about-us{
    padding-left: 15%;
    padding-right: 15%;
    padding-top: 10%;
}

#about-us .about-us h4{
    margin-top: 0;
    margin-bottom: 30px;
}

#about-us .about-us p{
    font-size: 17px;
}

#about-us .about-us .btn-send{
    margin-top: 30px;
}

#about-us .our-office{
    padding-right: 0px;
}

.office-carousel-left, 
.office-carousel-right {	
    background-color: #f0f0f0;
    color:#000;
    font-size: 32px;
    height: 40px;
    line-height: 40px;
    margin-top: -20px;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 32px;
    z-index: 999;
    -webkit-transition: 300ms;
    -moz-transition: 300ms;
    -o-transition: 300ms;
    -ms-transition: 300ms;
    transition: 300ms;
}

.office-carousel-left {
    left:-32px;
}

.office-carousel-right {
    right:-32px;
}

#office-carousel:hover .office-carousel-left {
    left:0;
}

#office-carousel:hover .office-carousel-right {
    right:0;
}

#office-carousel .item img{
    width: 100%;
}



/* 10. OUR TEAM */

#our-team{
    padding-top: 130px;
    padding-bottom: 120px;
}

.team-member{
    margin-top: 30px;
}

.member-image{
    position: relative;
}

.member-info{
    background-color: #f5f5f5;
    padding: 15px;
}

.member-info h4{
    margin-top: 0;
    margin-bottom: 6px;
}

.member-info span{
    text-transform: uppercase;
}

.team-member .member-social{
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    left: 0;
    top: 0;
    text-align: center;
    opacity: 0;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    -moz-transform: scale(0.5);
    -webkit-transform: scale(0.5);
    -o-transform: scale(0.5);
    -ms-transform: scale(0.5);
    transform: scale(0.5);
}

.team-member:hover .member-social{
    opacity: 1;
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.team-member .member-social a{
    position: relative;
    font-size: 16px;
    color: #fff;
    top: 47%;
}

.team-member:hover .member-social a{
    margin: 6px;
}

.feature.map {
    height:100%;
    iframe {
        height:100%;
        width:100%;
        border:0;
        filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+ */
        filter: gray; /* IE6-9 */
        -webkit-filter: grayscale(99%); /* Chrome 19+ & Safari 6+ */
        -webkit-backface-visibility: hidden;  /* Fix for transition flickering */
    }
}

/* 11. TESTIMONIAL */

#testimonial{
    background-image: url(../images/testimonial-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    padding-top: 100px;
    padding-bottom: 100px;
    position: relative;
}

.st-testimonials{
    color: #e0e0e0;
}

.st-testimonials .st-border{
    background-color: #e0e0e0;
    margin: 20px auto;
}

.st-testimonials p{
    font-style: italic;
}

.st-testimonials .client-info h5{
    margin-top: 0;
    margin-bottom: 5px;
}

.st-testimonials .client-info span{
    font-size: 12px;
    text-transform: uppercase;
}



/* 12. FUN FACTS */

#fun-facts{
    background-color: #f5f5f5;
    padding-top: 40px;
    padding-bottom: 40px;
}

#fun-facts .fun-fact{
    border-right: 1px solid #ddd;
}

#fun-facts .col-md-3:last-child .fun-fact{
    border-right: 0px solid #ddd;
}

#fun-facts .fun-fact i{
    margin-right: 5px;
}

#fun-facts .fun-fact p{
    font-size: 16px;
}



/* 13. CONTACT */

#contact{
    padding-top: 60px;
    padding-bottom: 100px;
}

.contact-info .contact-content{
    margin-bottom: 30px;
}

.contact-info p{
    margin-bottom: 20px;
}

.contact-info p i{
    font-size: 16px;
    margin-right: 10px;
}

.contact-form{}

.contact-form input[type="text"],
.contact-form input[type="email"]{
    background-color: #edffff;
    border: 1px solid #00d29e;
    padding: 8px 14px;
    width: 100%;
    margin-bottom: 20px;
    font-weight: bold;
}

.contact-form textarea{
    background-color: #edffff;
    border: 1px solid #00d29e;
    padding: 8px 14px;
    width: 100%;
    margin-bottom: 20px;
    font-weight: bold;
}



/* 14. BLOG */

#page-header{
    background-color: #f5f5f5;
    padding-top: 50px;
    padding-bottom: 0px;
    position: relative;
    margin-bottom: 50px;
    margin-top: 80px;
}

.single-blog{
    margin-top: 35px;
    margin-bottom: 35px;
}

.post-title{
    margin-top: 20px;
    margin-bottom: 5px;
}

.post-meta{
    margin-bottom: 15px;
}

.post-meta span{
    margin-right: 6px;
    font-size: 12px;
    font-weight: 600;
    opacity: 0.6;
}

.post-meta span:hover{
    opacity: 1;
}

.post-carousel-left, 
.post-carousel-right {	
    background-color: #f0f0f0;
    color:#000;
    font-size: 32px;
    height: 40px;
    line-height: 40px;
    margin-top: -20px;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 32px;
    z-index: 999;
    -webkit-transition: 300ms;
    -moz-transition: 300ms;
    -o-transition: 300ms;
    -ms-transition: 300ms;
    transition: 300ms;
}

.post-carousel-left {
    left:-32px;
}

.post-carousel-right {
    right:-32px;
}

#post-carousel:hover .post-carousel-left {
    left:0;
}

#post-carousel:hover .post-carousel-right {
    right:0;
}

.post-link{
    background-color: #f5f5f5;
    text-align: center;
    padding: 40px 0;
    font-size: 16px;
    font-weight: 600;
}

.post-quote{
    background-color: #f5f5f5;
    padding: 30px;
    font-size: 16px;
    font-weight: 500;
    font-style: italic;
}

#blog .pagination{
    margin-bottom: 80px;
}

#blog .pagination li a{
    width: 35px;
    height: 35px;
    line-height: 31px;
    text-align: center;
    font-size: 16px;
    color: #a3a3a3;
    border: 1px solid #d1d1d1;
    padding: 0;
    margin-right: 5px;
    border-radius: 0;
}

#blog .pagination li.active a,
#blog .pagination li a:hover{
    background-color: transparent;
    border-color: #000;
    color: #000;
}

.sidebar-widget{
    margin-top: 35px;
    margin-bottom: 50px;
}

.sidebar-widget .sidebar-title{
    margin-top: 0;
    margin-bottom: 20px;
}

.sidebar-widget ul{
    list-style: square;
    margin: 0;
    padding-left: 18px;
}

.sidebar-widget ul li{
    margin-bottom: 10px;
    font-weight: 500;
}

.blog-search{
    position: relative;
}

.blog-search input {
    border: 1px solid #d6d6d6;
    color: #8d8d8d;
    height: 44px;
    outline: medium none;
    padding: 0 50px 0 17px;
    width: 100%;
}

.blog-search span {
    color: #252525;
    font-size: 12px;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}

.blog-search .search-submit {
    background: none;
    border: none;
}

.blog-search:after {
    background-color: #d6d6d6;
    content: "";
    display: block;
    height: 27px;
    position: absolute;
    right: 40px;
    top: 50%;
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    width: 1px;
}

.sidebar-widget .tagcloud a{
    padding: 4px 10px;
    border: 1px solid #ccc;
    margin: 3px 1px;
    display: inline-block;
}

.sidebar-widget .tagcloud a:hover{
    border-color: #000;
    color: #000;
}

ul.content-flickr {
    margin: 0;
    overflow: hidden;
    padding: 0;
}

ul.content-flickr li {
    display: block;
    float: left;
    padding: 5px 10px 5px 0;
    width: 33.33%;
}

.content-flickr li a {
    display: block;
    position: relative;
    width: 100%;
}



/* 15. FOOTER */

#footer{
    background-color: #262626;
    padding-top: 40px;
    padding-bottom: 40px;
    color: rgba(255, 255, 255, 0.4);
}

#footer a{
    color: rgba(255, 255, 255, 0.4);
}
#footer a:hover{
    color: #fff;
}

.footer-social-icons{
    text-align: right;
}

.footer-social-icons a{
    margin: 0 5px;
    font-size: 16px;
}

.footer-social-icons span{
    margin-right: 10px;
}


/* 16. SCROLL TO TOP */

.scroll-up {
    position: fixed;
    display: none;
    z-index: 999;
    bottom: 1.8em;
    right: 1.8em;
}

.scroll-up ul{
    margin: 0;
    padding: 0;
}

.scroll-up li{
    list-style: none;
    margin: 0;
    padding: 0;
}

.scroll-up a {
    background-color: #fff;
    display: block;
    width: 40px;
    height: 40px;
    text-align: center;
    color: #000;
    font-size: 20px;
    line-height: 38px;
    box-shadow: 0px 0px 6px #ccc;
}

.scroll-up a:hover,
.scroll-up a:active {
    background-color: #f5f5f5;
    color: #000;
}
.overlaymap {
    background: transparent;
    position: relative;
    width: 100%;
    height: 750px;
    top: 750px;
    margin-top: -750px;
    z-index: 2;
}
/*-------

   Gallery

-------*/
.mbr-gallery .mbr-gallery-item {
    position: relative;
    /*display: inline-block;*/
    padding-bottom: 30px;
}
.mbr-gallery .mbr-gallery-item > a {
    position: relative;
    display: block;
    background: #fff;
    outline: none;
}
.mbr-gallery .mbr-gallery-row {
    margin-bottom: -30px;
}
.mbr-gallery .mbr-gallery-item img {
    width: 100%;
    opacity: 1;
    -webkit-transition: .2s opacity ease-in-out;
    transition: .2s opacity ease-in-out;
}
.mbr-gallery .mbr-gallery-item > a:hover img {
    opacity: 0.9;
}
.mbr-gallery .mbr-gallery-item .icon {
    position: absolute;
    font-size: 30px;
    top: 50%;
    left: 50%;
    color: #fff;
    opacity: 0;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    -webkit-transition: .2s opacity ease-in-out;
    transition: .2s opacity ease-in-out;
}
.mbr-gallery .mbr-gallery-item > a:hover .icon {
    opacity: 1;
}

/* remove spacing */
.mbr-gallery .mbr-gallery-row.no-gutter {
    margin: 0;
}
.mbr-gallery .mbr-gallery-row.no-gutter .mbr-gallery-item {
    padding: 0;
}

/* container */
.mbr-gallery .container.mbr-gallery-layout-default {
    padding: 93px 0;
}

/* fix horizontal scrollbar */
.mbr-gallery .mbr-gallery-layout-default,
.mbr-gallery .mbr-gallery-layout-article {
    overflow: hidden;
}

/* article layout */
.mbr-gallery .mbr-gallery-layout-article > div {
    padding-left: 0;
    padding-right: 0;
}


/* lightbox */
.mbr-gallery .modal {
    position: fixed;
    overflow: hidden;
    padding-right: 0 !important;
}
.mbr-gallery .modal-body {
    padding: 0;
}
.mbr-gallery .modal-body img {
    width: 100%;
}
.mbr-gallery .modal .close {
    position: absolute;
    background-image: none;
    font-size: 20px;
    width: 54px;
    height: 54px;
    top: 20px;
    right: 20px;
    line-height: 54px;
    opacity: 1;
    color: #fff;
    border: 2px solid #fff;
    text-align: center;
    text-shadow: none;
    z-index: 5;
    -webkit-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
}
.mbr-gallery .modal .close:hover {
    background: #fff;
    color: #000;
}

/* modal back color opacity */
.modal-backdrop.in {
    opacity: 0.95;
    filter: alpha(opacity=95);
}
.modal-backdrop {
    background-color: #07a377;
}
.mbr-gallery .modal-dialog {
    margin: 5%;
    width: 100%;
}
.mbr-slider.in {
    height: 80%;
    left: 0;
    overflow: hidden;
    position: fixed;
    top: 10%;
    width: 100%;
    padding: 0 !important;
}
.mbr-slider .item > img {
    height: 100% !important;
    width: 100%;
}
@media (max-width: 768px) {
    .mbr-gallery .modal-dialog {
        margin: 10px auto;
    }

    .mbr-gallery .carousel-indicators,
    .mbr-gallery .carousel-control,
    .mbr-gallery .modal .close {
        position: fixed;
    }
}

/* fix fade in effect */
.mbr-gallery .modal.fade .modal-dialog {
    margin-top: -100px;
    -webkit-transition: margin-top 0.3s ease-out;
    -moz-transition: margin-top 0.3s ease-out;
    -o-transition: margin-top 0.3s ease-out;
    transition: margin-top 0.3s ease-out;
}
.mbr-gallery .modal.in .modal-dialog,
.mbr-gallery .modal.fade .modal-dialog {
    -webkit-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
}
.close {
    position: fixed;
    color: #23d5a8;
    top: 14px;
    font-size: 50px;
    right: 20px;
    opacity: 0.5;
    -webkit-transition: 0.3s all;
    -moz-transition: 0.3s all;
    -o-transition: 0.3s all;
    transition: 0.3s all;
}
.close:hover {
    opacity: 1;
    color: #23d5a8;
}
.portfolio-content img {
    /*min-height: 250px;
    max-height: 250px;*/
}

.bgmap {
    background-image: url("../images/bgmap.png");
    background-size: 100% 100%;
    left: 9px;
    padding: 20px 30px 45px 15px;
    position: absolute;
    top: 92px;
    width: 309px;
    z-index: 1;
}
.aste {
    color: #23d5a8;
    float: left;
    font-size: 50px;
    text-shadow: 1px 1px 2px black;
    width: 25%;
}
.bgmap > p {
    color: white;
    float: right;
    font-size: 13px;
    line-height: 17px;
    width: 75%;
}
.place {
    display: block;
    font-weight: bold;
}
.social {
    float: left;
    font-size: 30px;
    margin: 10px !important;
}

.bootbox-alert .bootbox-close-button.close {
  display: none;
}