@charset "utf-8";
/* CSS Document */




@media only screen and (max-device-width: 736px) {


@media (min-device-width:600px) {
    img[data-src-600px] {
        content: attr(data-src-600px, url);
    }
}

.welcome-right {
    width: 94%;
    float: right;
    background-color: #fff;
    padding: 20px;
    min-height: 460px;
    box-shadow: 1px 1px 12px #d7d7d7;
    margin-top: 20px;
    margin-right: 0px;
}
.services-area {
    width: 94%;
    float: left;
    background-color: #fff;
    padding: 20px;
    box-shadow: 1px 1px 12px #d7d7d7;
}
.services-progression ul li {
    min-height: 170px;
    float: left;
    list-style: none;
    text-align: center;
    width: 29%;
    margin: 14px;
}
.right-footer {
    margin-top: 40px;
    width: 94%;
    float: right;
    background: rgba(255, 255, 255, 0.2);
    height: auto;
    padding: 20px;
    margin-right: 0px;
}
.lb-album {
    width: auto;
    margin: 0 auto;
    margin-top: 0px;
    margin-bottom: 50px;
}

}




@media only screen and (max-device-width: 667px) {


@media (min-device-width:600px) {
    img[data-src-600px] {
        content: attr(data-src-600px, url);
    }
}

.logo {
    float: left;
    width: 20%;
}
.menu-bar {
    width: 74%;
    float: right;
    margin-top: 0px;
}
#nav > ul > li > a {
    font-size: 15px;
    line-height: 2.5em;
    text-align: center;
    font-weight: bold;
    color: #000;
}
.inner-banner {
    height: 70px;
    background-color: #fff;
    margin-top: 0px;
}
.inner-banner h1 {
    color: #000;
    font-size: 30px;
    text-transform: capitalize;
    float: left;
    padding-top: 10px;
    font-weight: bold;
    font-family: 'fira_sansmedium';
}
.services-progression ul li {
    min-height: 170px;
    float: left;
    list-style: none;
    text-align: center;
    width: 29%;
    margin: 10px;
}
.right-footer {
    margin-top: 20px;
    width: 94%;
    float: right;
    background: rgba(255, 255, 255, 0.2);
    height: auto;
    padding: 20px;
    margin-right: 0px;
}
.menu-bar {
    width: 74%;
    float: right;
    margin-top: 10px;
}
#nav li ul a {
    border: 1px solid #d8d8d8;
    margin-left: 1px;
    font-size: 13px;
    line-height: 2.5em;
    font-weight: bold;
    color: #000;
    padding-left: 20px;
}
.lb-album li > a {
    width: 280px;
    height: 280px;
}
.lb-album li > a span { width: 280px; height: 280px; }

.lb-overlay > div {
    position: relative;
    color: rgba(27,54,81,0.8);
    width: 100%;
    height: 80px;
    margin: 40px auto 0px auto;
    text-shadow: 0px 1px 1px rgba(255,255,255,0.6);
}

.left-con-bar {
    width: 93%;
    float: left;
    background-color: #fff;
    padding: 20px;
    min-height: 420px;
    box-shadow: 1px 1px 12px #d7d7d7;
}


.right-side-bar {
    float: right;
    width: 100%;
    box-shadow: 1px 1px 12px #d7d7d7;
    margin-top: 20px;
}

}


@media only screen and (max-device-width: 640px) {


@media (min-device-width:600px) {
    img[data-src-600px] {
        content: attr(data-src-600px, url);
    }
}

#nav > a {
    width: 3.125em;
    height: 3.125em;
    text-align: left;
    text-indent: -9999px;
    background-color: #e15a1f;
    position: relative;
    float: right;
}
#nav > ul {
    height: auto;
    background-color: #e15a1f;
    margin: 0px;
    padding: 0px;
    width: 100%;
    margin-top: 38px;
    z-index: 99999;
}
#nav span::after {
    width: 0;
    height: 0;
    border: 0.313em solid transparent;
    border-bottom: none;
    border-top-color: #000;
    content: '';
    vertical-align: middle;
    display: inline-block;
    position: relative;
    right: -0.313em;
    float: right;
    margin-top: 21px;
}

#nav li ul {
    position: static;
    padding: 0px;
    padding-top: 0;
}
.samp-slider .samp-container-horizontal {
    display: block;
    min-width: 2000px;
    list-style: none;
    list-style-type: none;
    margin: 0;
    padding: 0;
    clear: both;
    height: 280px !important;
}
.samp-slider.samp-slider-mask {
    display: block;
    position: relative;
    overflow: hidden;
    margin: 0 auto 0 auto;
    list-style-type: none;
    clear: both;
    height: 280px;
}

.all-services ul li {
    width: 97%;
    float: left;
    list-style: none;
    margin: 0px 10px;
    text-align: center;
}
.welcome-right {
    width: 94%;
    float: right;
    background-color: #fff;
    padding: 20px;
    min-height: 460px;
    box-shadow: 1px 1px 12px #d7d7d7;
    margin-top: 20px;
    margin-right: -3px;
}
.address li {
    float: left;
    list-style: none;
    width: 100%;
    margin-bottom: 30px;
}
.right-footer {
    margin-top: 10px;
    width: 94%;
    float: right;
    background: rgba(255, 255, 255, 0.2);
    height: auto;
    padding: 20px;
    margin-right: -3px;
}
.logo {
    float: left;
    width: 30%;
}
.menu-bar {
    width: 65%;
    float: right;
    margin-top: 20px;
}	
.services-area {
    width: 93%;
    float: left;
    background-color: #fff;
    padding: 20px;
    box-shadow: 1px 1px 12px #d7d7d7;
}

.lb-album li > a {
    width: 270px;
    height: 270px;
}
.lb-album li > a span {
    width: 270px;
    height: 270px;
}

}



@media only screen and (max-device-width: 568px) {

@media (min-device-width:600px) {
    img[data-src-600px] {
        content: attr(data-src-600px, url);
    }
}


.welcome-left {
    width: 92%;
    float: left;
    background-color: #fff;
    padding: 20px;
    min-height: 460px;
    box-shadow: 1px 1px 12px #d7d7d7;
}
.welcome-right {
    width: 92%;
    float: right;
    background-color: #fff;
    padding: 20px;
    min-height: 460px;
    box-shadow: 1px 1px 12px #d7d7d7;
    margin-top: 20px;
    margin-right: 3px;
}
.footer {
    background-image: url(../images/footer.png);
    background-size: cover;
    background-position: center;
    height: 1030px;
}
.services-area {
    width: 92%;
    float: left;
    background-color: #fff;
    padding: 20px;
    box-shadow: 1px 1px 12px #d7d7d7;
}
.lb-album li > a {
    width: 230px;
    height: 230px;
}
.lb-album li > a span {
    width: 230px;
    height: 230px;
}
.left-con-bar {
    width: 92%;
    float: left;
    background-color: #fff;
    padding: 20px;
    min-height: 420px;
    box-shadow: 1px 1px 12px #d7d7d7;
}

}



@media only screen and (max-device-width: 480px) {


@media (min-device-width:600px) {
    img[data-src-600px] {
        content: attr(data-src-600px, url);
    }
}

.left-top-bar ul li {
    list-style: none;
    float: left;
    margin-left: 0px;
    font-size: 14px;
    color: #000;
    margin-right: 0px;
    width: 100%;
    margin-bottom: 10px;
}
.logo {
    float: left;
    width: 40%;
}
.menu-bar {
    width: 55%;
    float: right;
    margin-top: 20px;
}
.samp-slider.samp-slider-mask {
    display: block;
    position: relative;
    overflow: hidden;
    margin: 0 auto 0 auto;
    list-style-type: none;
    clear: both;
    height: 210px;
}
.welcome-left {
    width: 91%;
    float: left;
    background-color: #fff;
    padding: 20px;
    min-height: 460px;
    box-shadow: 1px 1px 12px #d7d7d7;
}
.welcome-right {
    width: 91%;
    float: right;
    background-color: #fff;
    padding: 20px;
    min-height: 460px;
    box-shadow: 1px 1px 12px #d7d7d7;
    margin-top: 20px;
    margin-right: 1px;
}
.right-row {
    float: right;
    width: 70%;
    text-align: left;
}
.left-footer {
    width: 91%;
    float: left;
    background: rgba(255, 255, 255, 0.2);
    height: auto;
    padding: 20px;
    margin-top: 40px;
}
.right-footer {
    margin-top: 10px;
    width: 91%;
    float: right;
    background: rgba(255, 255, 255, 0.2);
    height: auto;
    padding: 20px;
    margin-right: 0PX;
}
.inner-banner h1 {
    color: #000;
    font-size: 30px;
    text-transform: capitalize;
    float: left;
    padding-top: 10px;
    font-weight: bold;
    font-family: 'fira_sansmedium';
}
.services-area {
    width: 91%;
    float: left;
    background-color: #fff;
    padding: 20px;
    box-shadow: 1px 1px 12px #d7d7d7;
}
.post-address p {
    font-family: 'fira_sanslight';
    color: #000;
    font-size: 17px;
}
.footer {
    background-image: url(../images/footer.png);
    background-size: cover;
    background-position: center;
    height: 1070px;
}
.highlight-border {
    border: 1px solid rgba(255,255,255,0.15);
    padding: 20px 0px;
    text-align: center;
}
.highlight-border h2 {
    text-align: center;
    margin-bottom: 15px;
    text-transform: uppercase;
    color: #fff;
    font-size: 26px;
    font-family: 'fira_sanslight';
    font-weight: 300;
}
.summary-text-pro-2 {
    font-weight: lighter;
    letter-spacing: 8px;
    margin-bottom: 32px;
    font-size: 16px;
    opacity: 0.8;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    line-height: 1.6;
}	
.services-progression ul li {
    min-height: 170px;
    float: left;
    list-style: none;
    text-align: center;
    width: 44%;
    margin: 10px;
}
.lb-album li > a {
    width: 190px;
    height: 190px;
}
.lb-album li > a span {
    width: 190px;
    height: 190px;
}

	
}



@media (max-width: 450px) {

@media (min-device-width:600px) {
    img[data-src-600px] {
        content: attr(data-src-600px, url);
    }
}

.lb-album li > a {
    width: 180px;
    height: 180px;
}
.lb-album li > a span {
    width: 180px;
    height: 180px;
}
.left-con-bar {
    width: 91%;
    float: left;
    background-color: #fff;
    padding: 20px;
    min-height: 420px;
    box-shadow: 1px 1px 12px #d7d7d7;
}

}




@media only screen and (max-width: 414px) { 

@media (min-device-width:600px) {
    img[data-src-600px] {
        content: attr(data-src-600px, url);
    }
}

.left-footer {
    width: 90%;
    float: left;
    background: rgba(255, 255, 255, 0.2);
    height: auto;
    padding: 20px;
    margin-top: 40px;
}
.right-footer {
    margin-top: 10px;
    width: 90%;
    float: right;
    background: rgba(255, 255, 255, 0.2);
    height: auto;
    padding: 20px;
    margin-right: 0PX;
}

.left-top-bar ul li {
    list-style: none;
    float: left;
    margin-left: 0px;
    font-size: 14px;
    color: #000;
    margin-right: 0px;
    width: 100%;
    margin-bottom: 10px;
}
.copy-rights {
    background-color: #151831;
    padding: 15px 0px;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    font-size: 12px;
}

.welcome-right {
    width: 90%;
    float: right;
    background-color: #fff;
    padding: 20px;
    min-height: 460px;
    box-shadow: 1px 1px 12px #d7d7d7;
    margin-top: 20px;
    margin-right: 0px;
}
.welcome-left {
    width: 90%;
    float: left;
    background-color: #fff;
    padding: 20px;
    min-height: 460px;
    box-shadow: 1px 1px 12px #d7d7d7;
}
.logo {
    float: left;
    width: 49%;
}
.menu-bar {
    width: 50%;
    float: right;
    margin-top: 20px;
}
.services-area {
    width: 90%;
    float: left;
    background-color: #fff;
    padding: 20px;
    box-shadow: 1px 1px 12px #d7d7d7;
}

.lb-album li > a {
    width: 160px;
    height: 160px;
}
.lb-album li > a span {
    width: 160px;
    height: 160px;
}
.left-con-bar {
    width: 90%;
    float: left;
    background-color: #fff;
    padding: 20px;
    min-height: 420px;
    box-shadow: 1px 1px 12px #d7d7d7;
}

}




@media only screen and (max-width: 375px) {




@media (min-device-width:600px) {
    img[data-src-600px] {
        content: attr(data-src-600px, url);
    }
}


.left-top-bar ul li {
    list-style: none;
    float: left;
    margin-left: 0px;
    font-size: 14px;
    color: #000;
    margin-right: 0px;
    width: 100%;
    margin-bottom: 10px;
}
#slida-container { margin-top:30PX; }
.menu-bar {
    width: 60%;
    float: right;
    margin-top: 34px;
}
.logo {
    float: left;
    width: 40%;
    margin-top: 20px;
}
.welcome-left {
    width: 89%;
    float: left;
    background-color: #fff;
    padding: 20px;
    min-height: 460px;
    box-shadow: 1px 1px 12px #d7d7d7;
}
.welcome-right {
    width: 89%;
    float: right;
    background-color: #fff;
    padding: 20px;
    min-height: 460px;
    box-shadow: 1px 1px 12px #d7d7d7;
    margin-top: 20px;
    margin-right: 0px;
}
.left-footer {
    width: 89%;
    float: left;
    background: rgba(255, 255, 255, 0.2);
    height: auto;
    padding: 20px;
    margin-top: 40px;
}
.right-footer {
    margin-top: 10px;
    width: 89%;
    float: right;
    background: rgba(255, 255, 255, 0.2);
    height: auto;
    padding: 20px;
    margin-right: 0PX;
}
.right-footer input {
    background: transparent;
    height: 32px;
    width: 93%;
    padding: 10px;
    border: 2px solid #000;
    margin-bottom: 20px;
    color: #000;
    font-size: 23px;
}

.copy-rights {
    background-color: #151831;
    padding: 15px 0px;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    font-size: 14px;
}

.services-progression ul li {
    min-height: 170px;
    float: left;
    list-style: none;
    text-align: center;
    width: 94%;
    margin: 10px;
}
.services-area {
    width: 89%;
    float: left;
    background-color: #fff;
    padding: 20px;
    box-shadow: 1px 1px 12px #d7d7d7;
}
.lb-album li > a {
    width: 320px;
    height: 320px;
}
.lb-album li > a span {
    width: 320px;
    height: 320px;
}
.lb-overlay:target {
    width: auto;
    height: auto;
    bottom: 0px;
    right: 0px;
    padding: 80px 20px 120px 20px;
}
.lb-overlay img { width:100%; }

.left-con-bar {
    width: 89%; }

}






@media only screen and (max-width: 360px) {




@media (min-device-width:600px) {
    img[data-src-600px] {
        content: attr(data-src-600px, url);
    }
}

.welcome-left {
    width: 88%;
    float: left;
    background-color: #fff;
    padding: 20px;
    min-height: 460px;
    box-shadow: 1px 1px 12px #d7d7d7;
}
.welcome-right {
    width: 88%;
    float: right;
    background-color: #fff;
    padding: 20px;
    min-height: 460px;
    box-shadow: 1px 1px 12px #d7d7d7;
    margin-top: 20px;
    margin-right: 0px;
}
.left-row img { width:100%; }

.samp-slider.samp-slider-mask {
    display: block;
    position: relative;
    overflow: hidden;
    margin: 0 auto 0 auto;
    list-style-type: none;
    clear: both;
    height: 160px;
}
.samp-slider.samp-slider-mask .slide-horizontal {
    display: block;
    width: 50px;
    height: 50px;
    padding: 10px;
    clear: both;
    position: absolute;
    bottom: 33%;
    margin-top: -50px;
    cursor: pointer;
    background-color: rgba(0,0,0, 0.75);
    background-image: url(../images/icons-controls.png);
    background-repeat: no-repeat;
    background-position: -400px top;
    background-size: auto 200%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.services-area {
    width: 88%;
    float: left;
    background-color: #fff;
    padding: 20px;
    box-shadow: 1px 1px 12px #d7d7d7;
}
.left-footer {
    width: 88%;
    float: left;
    background: rgba(255, 255, 255, 0.2);
    height: auto;
    padding: 20px;
    margin-top: 40px;
}
.left-con-bar {
    width: 88%;
}


}

@media only screen and (max-width: 320px) {
 
 


@media (min-device-width:600px) {
    img[data-src-600px] {
        content: attr(data-src-600px, url);
    }
}

.img-adres {
    float: left;
    width: 20%;
}

.img-adres img {
width:100%;
}
.adres-con p {
    color: #fff;
    margin-bottom: 5px;
    font-size: 14px;
}
.Featured-work ul li {
    width: 93%;
    float: left;
    list-style: none;
    margin: 0px 11px;
    text-align: left;
    margin-bottom: 30px;
}
.left-top-bar ul li {
    list-style: none;
    float: left;
    margin-left: 0px;
    font-size: 14px;
    color: #000 !important;
    margin-right: 0px;
    width: 100%;
    margin-bottom: 10px;
}

.left-footer {
    width: 87%;
    float: left;
    background: rgba(255, 255, 255, 0.2);
    height: auto;
    padding: 20px;
    margin-top: 40px;
}
.right-footer {
    margin-top: 10px;
    width: 87%;
    float: right;
    background: rgba(255, 255, 255, 0.2);
    height: auto;
    padding: 20px;
    margin-right: 0PX;
}

.welcome-right {
    width: 87%;
    float: right;
    background-color: #fff;
    padding: 20px;
    min-height: 460px;
    box-shadow: 1px 1px 12px #d7d7d7;
    margin-top: 20px;
    margin-right: 0px;
}
.welcome-left {
    width: 87%;
    float: left;
    background-color: #fff;
    padding: 20px;
    min-height: 460px;
    box-shadow: 1px 1px 12px #d7d7d7;
}
.inner-banner {
    height: 70px;
    background-color: #fff;
}
.inner-banner h1 {
    color: #000;
    font-size: 20px;
    text-transform: capitalize;
    float: left;
    padding-top: 20px;
    font-weight: bold;
    font-family: 'fira_sansmedium';
}

.footer {
    background-image: url(../images/footer.png);
    background-size: cover;
    background-position: center;
    height: 1120px;
}

.lb-overlay:target {
    width: auto;
    height: auto;
    bottom: 0px;
    right: 0px;
    padding: 80px 20px 170px 20px;
}
.lb-overlay > div {
    position: relative;
    color: rgba(27,54,81,0.8);
    width: 100%;
    height: 80px;
    margin: 40px auto 0px auto;
    text-shadow: 0px 1px 1px rgba(255,255,255,0.6);
}
.lb-overlay img { width:100%; }

.lb-album li > a {
    width: 270px;
    height: 270px;
    position: relative;
    padding: 10px;
    background: #d4d4d4;
    -webkit-box-shadow: 1px 1px 2px #fff, 1px 1px 2px rgba(158,111,86,0.3) inset;
    -moz-box-shadow: 1px 1px 2px #fff, 1px 1px 2px rgba(158,111,86,0.3) inset;
    box-shadow: 1px 1px 2px #fff, 1px 1px 2px rgba(158,111,86,0.3) inset;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px 4px 4px 4px;
}
.lb-album li > a span {  width: 270px;  height: 270px; }
.right-footer textarea {
    background: transparent;
    height: 200px;
    width: 93%;
    padding: 10px;
    border: 2px solid #000;
    color: #fff;
    font-size: 23px;
    font-family: arial;
}
.right-footer button {
    float: left;
    height: 60px;
    width: 102%;
    background-color: #000;
    border: navajowhite;
    font-size: 20px;
    color: #fff;
    cursor: pointer;
    padding: 0px;
    margin: 0px;
    margin-top: 10px;
}
.lb-album {
    width: auto;
    margin: 0 auto;
    margin-top: 0px;
    margin-bottom: 50px;
}
.left-con-bar {
    width: 87%;
}

}