.vc_row {
overflow-x: hidden;
}
.vc_col-has-fill > div.vc_column-inner,
.vc_row-has-fill + .vc_row-full-width + .vc_row > .vc_column_container > div.vc_column-inner,
.vc_row-has-fill + .vc_row > .vc_column_container > div.vc_column-inner,
.vc_row-has-fill + .vc_vc_row > .vc_row > .vc_vc_column > .vc_column_container > div.vc_column-inner,
.vc_row-has-fill + .vc_vc_row_inner > .vc_row > .vc_vc_column_inner > .vc_column_container > div.vc_column-inner,
.vc_row-has-fill > .vc_column_container > div.vc_column-inner,
.vc_row-has-fill > .vc_row > .vc_vc_column > .vc_column_container > div.vc_column-inner,
.vc_row-has-fill > .vc_vc_column_inner > .vc_column_container > div.vc_column-inner {
padding-top: 0px;
} .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);
} .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;
} .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%;
} .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;
} .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;
} .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;
}    @media only screen and (min-width: 992px) and (max-width: 1200px) { 
} @media only screen and (min-width: 768px) and (max-width: 991px) { 
} @media only screen and (max-width: 767px) { 
} @media only screen and (min-width: 480px) and (max-width: 767px) { 
} @media only screen and (max-width: 991px){
.header-top-area{
text-align: center;
}
.header-top-area .text-right{
text-align: center;
}
}