<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/*
///// CSS Index \\\\\\
1. Slider CSS
2. Service CSS
3. CTA CSS
4. Testimonial CSS
5. Gallery CSS
6. Work CSS
*/

.vc_row {
    overflow-x: hidden;
}

.vc_col-has-fill &gt; div.vc_column-inner,
.vc_row-has-fill + .vc_row-full-width + .vc_row &gt; .vc_column_container &gt; div.vc_column-inner,
.vc_row-has-fill + .vc_row &gt; .vc_column_container &gt; div.vc_column-inner,
.vc_row-has-fill + .vc_vc_row &gt; .vc_row &gt; .vc_vc_column &gt; .vc_column_container &gt; div.vc_column-inner,
.vc_row-has-fill + .vc_vc_row_inner &gt; .vc_row &gt; .vc_vc_column_inner &gt; .vc_column_container &gt; div.vc_column-inner,
.vc_row-has-fill &gt; .vc_column_container &gt; div.vc_column-inner,
.vc_row-has-fill &gt; .vc_row &gt; .vc_vc_column &gt; .vc_column_container &gt; div.vc_column-inner,
.vc_row-has-fill &gt; .vc_vc_column_inner &gt; .vc_column_container &gt; div.vc_column-inner {
    padding-top: 0px;
}



/**************************************
*********** 1. Slider CSS *************
***************************************/

.single-slide-item {
    background-color: #ddd;
    background-position: center center;
    background-size: cover;
    color: #fff;
    font-size: 24px;
    line-height: 35px;
}

.homepage-slides-wrapper,
.single-slide-item {
    height: 590px;
    overflow: hidden
}

.slide-item-table {
    display: table;
    height: 100%;
    width: 100%;
}

.slide-item-tablecell {
    display: table-cell;
    vertical-align: middle;
}

.single-slide-item h2 {
    font-size: 60px;
    margin: 0 0 30px;
}

.factorian-btn.slide-btn {
    margin-top: 20px;
}

.homepage-slides .owl-nav div {
    border: 2px solid;
    color: #fff;
    font-size: 19px;
    height: 40px;
    left: 50px;
    line-height: 35px;
    margin-top: -20px;
    opacity: 0.8;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 40px;
}

.homepage-slides .owl-nav div.owl-next {
    left: auto;
    right: 50px;
}

.homepage-slides .owl-nav div:hover {
    opacity: 1;
}

.factorian-slide-buttons a.slide-btn {
    margin-right: 15px;
}

.single-slide-item {
    position: relative;
}

.main-slider-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.85);
}



/**************************************
*********** 2. Service CSS *************
***************************************/

.service-item-bg {
    background-color: #ddd;
    background-position: center center;
    background-size: cover;
    height: 180px;
}

.service-readmore-btn {
    color: #222;
    font-weight: 700;
}

.service-readmore-btn i.fa {
    padding-left: 5px;
}

.single-smal-service-item {
    border-bottom: 1px solid #e9e9e9;
    color: #222;
    display: block;
    font-size: 14px;
    line-height: 23px;
    margin-bottom: 25px;
    padding-bottom: 25px;
}

.single-smal-service-item img {
    float: left;
    margin-right: 15px;
    width: 70px
}

.single-smal-service-item h4 {
    font-size: 20px;
    font-weight: 700;
    margin: 0 0 5px;
}

.single-smal-service-item p:last-child {
    margin: 0;
}

.single-smal-service-item:hover {
    color: #222;
    opacity: 0.8;
    text-decoration: none;
}

.factorian-service-breadcroumb {
    padding: 40px 0;
}

.factorian-service-breadcroumb h3 {
    margin: 0 0 10px;
}

.service-readmore-btn:hover {
    text-decoration: none;
}

.service-readmore-btn:hover i.fa {
    padding-left: 10px;
}

.service-readmore-btn i.fa {
    transition: all 0.3s ease 0s;
}

.service-readmore-btn:hover {
    color: #f7be49;
}


/**************************************
************* 3. CTA CSS **************
***************************************/

.factorian-cta-area {
    background: #222222 none repeat scroll 0 0;
    color: #fff;
    padding: 40px 0;
}

.factorian-cta-area h2 {
    margin: 9px 0;
}

.factorian-cta-area-text {
    padding-right: 130px;
}

.factorian-cta-area {
    position: relative;
}

.factorian-cta-area .cta-btn {
    margin-top: -28px;
    position: absolute;
    right: 0;
    top: 50%;
}


/**************************************
********* 4. Testimonial CSS **********
***************************************/



.factorian-content-block.testimonial-area {
    border-top: 1px solid #ddd;
    padding: 80px 0;
}

.single-testimonial-item {
    color: #666;
    margin-bottom: 30px;
}

.testimonial-content {
    font-style: italic;
}

.testimonial-content i.fa {
    font-size: 150%;
}

.single-testimonial-item h4 {
    font-size: 16px;
    margin: 20px 0 0;
}

.single-testimonial-item h4 span {
    display: block;
    font-size: 14px;
    font-weight: normal;
    margin-top: 10px;
}


/**************************************
*********** 5. Gallery CSS ************
***************************************/




.gallery-lightbox {
    display: block;
    margin-bottom: 30px;
    position: relative;
}

.gallery-lightbox i.fa {
    color: #fff;
    left: 50%;
    line-height: 20px;
    margin-left: -10px;
    margin-top: -10px;
    opacity: 0;
    position: absolute;
    text-align: center;
    top: 60%;
    transition: all 0.3s ease 0s;
    visibility: hidden;
    width: 20px;
    z-index: -1;
}

.gallery-lightbox::after {
    background: #000 none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: all 0.2s ease 0s;
    visibility: hidden;
    width: 100%;
    z-index: -1;
}

.gallery-lightbox:hover i.fa {
    opacity: 1;
    top: 50%;
    visibility: visible;
    z-index: 2;
}

.gallery-lightbox:hover::after {
    opacity: 0.4;
    visibility: visible;
    z-index: 1;
}

.single-tile-gallery {
    background-color: #ddd;
    background-position: center center;
    background-size: cover;
    display: block;
    margin-bottom: 2%;
    width: 48%;
    z-index: 1;
    margin-right: 2%;
    height: 200px;
    position: relative
}

.single-tile-gallery::after {
    background: #000 none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: all 0.3s ease 0s;
    width: 100%;
    z-index: -1;
}

.single-tile-gallery i.fa {
    color: #fff;
    font-size: 20px;
    height: 20px;
    left: 50%;
    line-height: 20px;
    margin-left: -10px;
    margin-top: -10px;
    opacity: 0;
    position: absolute;
    text-align: center;
    top: 55%;
    transition: all 0.3s ease 0s;
    visibility: hidden;
    width: 20px;
    z-index: -1;
}

.single-tile-gallery:hover::after {
    opacity: 0.4;
}

.single-tile-gallery:hover i.fa {
    opacity: 1;
    top: 50%;
    visibility: visible;
    z-index: 2;
}




/**************************************
************* 6. Work CSS **************
***************************************/
.single-work-preview-item {
  margin-bottom: 30px;
}
.works-column-2 .boxed-preview {
  height: 300px;
}
.single-step-item {
    margin-top: 35px;
    padding-left: 55px;
    position: relative;
}

.single-step-item span.step-count {
    border: 2px solid;
    border-radius: 50%;
    display: inline-block;
    font-size: 18px;
    height: 35px;
    left: 0;
    line-height: 31px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 35px;
}

.single-step-item h3 {
    margin: 0 0 10px;
    text-transform: uppercase;
}

.single-step-item p:last-child {
    margin: 0;
}

.quote-title {
    background: #505050 none repeat scroll 0 0;
    color: #fff;
    padding: 20px;
}

.quote-title h3 {
    margin: 0 0 5px;
}

.get-quote-form {
    box-shadow: 0 0 7px #ccc;
    padding: 30px;
}

.get-quote-form label {
    display: block;
    font-weight: 400;
}

.get-quote-form input[type="text"],
.get-quote-form input[type="email"],
.get-quote-form input[type="tel"],
.get-quote-form textarea {
    border: 1px solid #ddd;
    margin-bottom: 15px;
    padding: 7px;
    width: 100%;
}

.get-quote-form textarea {
    height: 110px;
}



.get-quote-form input[type="submit"] {
    border-bottom: 4px solid #d6a137;
    border-radius: 3px;
    color: #fff;
}

.single-work-preview-item {
    display: block;
}

.single-work-preview {
    background-size: cover;
    height: 200px;
    position: relative;
    z-index: 1;
}

.total-work-preview-3 .single-work-preview {
    height: 250px;
}

.total-work-preview-1 .single-work-preview {
    height: 600px;
}

.total-work-preview-2 .single-work-preview {
    height: 400px;
}

.work-thumbnail-wrap {
    background-color: #ddd;
    position: relative;
    z-index: 1;
}

.work-thumb-loading {
    color: #333;
    font-size: 12px;
    left: 0;
    line-height: 20px;
    margin-top: -10px;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 100%;
}

.work-zoom-icon {
    color: #fff;
    font-size: 16px;
    height: 20px;
    left: 50%;
    margin-left: -10px;
    margin-top: -10px;
    opacity: 0;
    position: absolute;
    text-align: center;
    top: 60%;
    transition: all 0.3s ease 0s;
    visibility: hidden;
    width: 20px;
    z-index: 9;
}

.work-thumbnail-wrap::after {
    background: #000 none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: all 0.2s ease 0s;
    visibility: hidden;
    width: 100%;
    z-index: 1;
}

.single-work-preview-item:hover .work-thumbnail-wrap::after {
    opacity: 0.5;
    visibility: visible;
    z-index: 1;
}

.single-work-preview-item:hover .work-zoom-icon {
    opacity: 1;
    top: 50%;
    visibility: visible;
}

/*******************/
/*Responsive*/
/*******************/


/* Medium Layout: 1280px. */
@media only screen and (min-width: 992px) and (max-width: 1200px) { 
  
    
}
/* Tablet Layout: 768px. */
@media only screen and (min-width: 768px) and (max-width: 991px) { 
 
    
}
/* Mobile Layout: 320px. */
@media only screen and (max-width: 767px) { 
 
    
}
/* Wide Mobile Layout: 480px. */
@media only screen and (min-width: 480px) and (max-width: 767px) { 

}

/* Mobile &amp; Tab Layout*/

@media only screen and (max-width: 991px){
    .header-top-area{
        text-align: center;
    }
    .header-top-area .text-right{
        text-align: center;
    }
}



</pre></body></html>