/*-------Base CSS ---------------*/
@import url('https://fonts.googleapis.com/css?family=Roboto:100i,300,300i,400,400i,500,500i,700,700i,900');
*{margin:0;padding:0ss}
body{font-family: 'Roboto', sans-serif;font-size:15px;line-height:20px}
h3{font-size:22px;font-weight:700}
img{max-width:100%}
a{-webkit-transition:.5s;transition:.5s}
.spacer-45{height:45px}
.spacer-20-top{padding-top:20px}
address, article, aside, canvas, content, details, figcaption, figure, footer, header, hgroup, nav, menu, section, summary {display:block}
/*-------All Images ---------------*/
.slide-bg-1{background:url('assets/img/slide-bg-1.jpg') no-repeat}
.slide-bg-2{background:url('assets/img/slide-bg-2.jpg') no-repeat}
.service-bg-1{background:url('assets/img/service-bg-1.jpg') no-repeat}
.boxed-bg-1{background:url('assets/img/boxed-bg-1.jpg') no-repeat}
.blog-bg-1{background:url('assets/img/boxed-bg-1.jpg') no-repeat}
.team-bg-1{background:url('assets/img/team-bg-1.jpg') no-repeat}
/*-------Header Area CSs ---------------*/
.header-top-area{background-color:#222;font-size:14px;padding:10px 0}
.header-top-area a:hover{text-decoration:none;opacity:.80;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"}
.header-top-area, .header-top-area a{color:#fff}
.header-top-area i.fa{color:#F5C24C;margin-right:5px}
.header-top-area .seperator{color:#BFB9C7;display:inline-block; padding:0 10px}

.mainmenu ul {margin:0;padding:0;list-style:none;text-align:right}
.mainmenu ul li{position:relative;display:inline-block;}
.mainmenu ul li:hover > a,.mainmenu li a.active {background-color:#F2EFF7;text-decoration:none}
.mainmenu li a{display:block;color:#222;text-transform:uppercase;font-weight:700;font-size:14px;padding:30px 20px}
.mainmenu ul li ul{position:absolute;top:100px;left:0;width:200px;background:#fff scroll 0 0;z-index:999;text-align:left;z-index:-1;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";-webkit-transition:.5s;transition:.5s}
.mainmenu ul li ul li{display:block;margin:0;padding:0}
.mainmenu ul li ul li a{padding-top:15px;padding-bottom:15px}
.mainmenu ul li:hover ul{opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";visibility:visibile;z-index:99;top:81px}
.responsive-nav-wrap{display:none}


.header-search-bar{position:absolute;top:0;right:0;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"}

.logo{color:#222;text-transform:uppercase;padding:8px 0}
.logo:hover{opacity:.80;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"}
.logo h1{color:#222;margin:10px 0;font-size:16px;display:inline-block;border:3px solid #222;padding:7px 18px;}
.logo h1 span{display:block;font-size:10px;font-style:italic;}

/*-------Slider Area CSs ---------------*/
.single-slide-item{position:relative;background-size:cover;background-position:center;background-color:#222;height:590px;font-size:24px;color:#fff;z-index:-1}
.slide-item-table{display:table;height:100%;width:100%;z-index:2}
.slide-item-tablecell{display:table-cell;vertical-align:middle;}
.single-slide-item h2{font-size:50px;margin-bottom:20px}
.slide-btn{margin-top:20px}

.homepage-slides-wrapper{position:relative}
.owl-carousel .owl-nav{}
.owl-carousel .owl-nav div{position:absolute;top:50%;color:#fff;border:2px solid #fff;width:30px;height:30px;font-size:19px;text-align:center;line-height:28px;opacity:.70;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"}
.owl-carousel .owl-nav .owl-next{right:5%}
.owl-carousel .owl-nav .owl-prev{left:5%}


.factorian-btn{display:inline-block;text-transform: uppercase;background-color:#F5C24C;color:#222;padding:17px 25px;font-size:14px;font-weight:700;border-radius:2px;}
.factorian-btn:hover{text-decoration:none;background:gray;color:#fff}
.factorian-content-block{padding:100px 0}
.service-item-bg{height:180px;background-position:center;background-size:cover;background-color:#ddd}
.service-readmore-btn i.fa{padding-left:5px;-webkit-transition:.5s;transition:.5s}
.service-readmore-btn{font-weight:700;color:#222;}
.service-readmore-btn:hover i.fa{text-decoration:none;padding-left:20px}
.service-readmore-btn:hover{color:#F5C24C}

.single-small-service-item{display:block;color:#222;border-bottom:1px solid #ddd;margin-bottom:20px;padding-bottom:20px;font-size:14px;line-height:22px}
.single-small-service-item:hover{text-decoration:none;color:#222;opacity:.80;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"}
.single-small-service-item h4{font-size:20px;font-weight:700;margin: 0 0 10px}
.single-small-service-item  img{float:left;margin-right:10px}
.single-small-service-item p:last-child{margin:0}

.factorian-cta-area{background-color:#222;color:#fff;padding:40px 0}
.factorian-cta-area h2{margin:10px 0}

.who-we-are-text{padding:0 40px}

.single-promo-item{position:relative;padding-left:40px;margin-top:60px}
.single-promo-item i.fa {position: absolute;left: 0;top: 0;color: #F5C24C;border: 2px solid #F5C24C;height: 25px;width: 25px;border-radius: 50%;line-height: 20px;text-align:center;}



.section-gray{background-color:#F5F2F9}
ul.check-list{padding:0;font-weight:700;list-style:none;line-height:30px;margin-top:20px}
.check-list li:before{content:"\f00c";font-family:fontawesome;color:#F5C24C;padding-right:10px}

.section-title{max-width:415px;text-align:center;margin:0 auto;margin-bottom:40px}
.section-title h3{line-height:30px}
.single-boxed-item{color:#222;display:block;margin-bottom:30px}
.single-boxed-item:hover{text-decoration:none;opacity:.80;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"}
.single-boxed-item h4{font-weight:700;color:#222;margin:0 0 10px}
.single-boxed-item:hover{color:#222}
.boxed-preview{height:180px;margin-bottom:20px;background-position:center}

.factorian-content-block.testimonial-area{border-top:1px solid #E9E5F0;padding:80px 0;}
.testimonial-content{font-style:italic}
.testimonial-content i.fa{font-size:150%}
.single-testimonial-item{color:#666;margin-bottom:20px}
.single-testimonial-item h4{font-size:16px;font-weight:700;margin:20px 0}
.single-testimonial-item h4 span{font-size:14px;font-weight:normal;display:block;margin-top:10px}

/*-------Footer Area CSs ---------------*/
.footer-top-area{background:#222}
.footer-top-area, .footer-top-area a{color:#E9E5F0}
.footer-wid{padding:80px 0}
.footer-wid a:hover{color:#F5C24C;font-size:16px}
.footer-logo {margin: 0 0 20px;background: #fff;color: #222;display: inline-block;padding: 6px 20px;text-transform:uppercase;font-size:16px}
.footer-wid-title{font-size:18px;margin:0 0 20px;color:#fff}
.footer-wid ul{margin:0;padding:0;list-style:none}
.footer-copyright-area{background:#1d1d1d;color:#fff;padding:20px 0}


/*-------About us Page CSs ---------------*/

.factorian-content-block.factorian-breadcrumb{padding:40px 0;font-size:13px;color:#666}
.factorian-content-block.factorian-breadcrumb h2{margin:0 0 5px;padding:0;color:#222;}
.factorian-breadcrumb h3{margin:20px 0}
.spacer-85{height:85px;}
.border-spacer-85{border-bottom:1px solid #E9E5F0;padding-top:65px;margin-bottom:45px}

.single-team-item{overflow:hidden;height:365px;float:left;width:33.3333%;position:relative;background-color:#ddd;background-size:cover;background-position:center}
.team-info-hover{width:100%;position: absolute;left: 0;bottom:-30px;font-size: 14px;padding:50px 25px 25px 25px;color: #fff;z-index:-1;visibility:hidden;-webkit-transition:.4s;transition:.4s;
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(68,68,68,0.73) 52%,rgba(75,75,75,1) 71%,rgba(86,86,86,1) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(68,68,68,0.73) 52%,rgba(75,75,75,1) 71%,rgba(86,86,86,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#565656',GradientType=0 );}
.single-team-item:hover .team-info-hover{visibility:visible;bottom:0;z-index:9;}

.team-info-hover h3{margin:0 0 5px}



/*-------Single Service Page CSS ---------------*/
.single-service h3{margin:0}
.factorian-service-breadcrumb{padding:30px 0}
.factorian-service-breadcrumb h3{margin:0 0 10px}

.gallery-lightbox{position:relative;display:block;margin-bottom:30px}
.gallery-lightbox i.fa{position:absolute;left:50%;top:60%;color:#fff;line-height:20px;margin-left:-10px;margin-top:-10px;visibility:hidden;-webkit-transition:.3s;transition:.3s;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"}
.gallery-lightbox:before{position:absolute;left:0;top:0;height:100%;width:100%;content:"";background:#000;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";visibility:hidden;-webkit-transition:.2s;transition:.2s}
.gallery-lightbox:hover:after{position:absolute;left:0;top:0;height:100%;width:100%;content:"";background:#000;opacity:.60;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";visibility:visibile;}
.gallery-lightbox:hover i.fa{visibility:visible;top:50%;opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";z-index:2;}

.single-step-item{position:relative;padding-left:50px;margin-top:30px;}
.single-step-item h3{margin:0 0 10px;text-transform:uppercase}
.step-count{position:absolute;border:2px solid #000;height:30px;width:30px;border-radius:50%;text-align:center;display:inline-block;line-height:25px;left:0;top:0}


.quote-title{color:#fff;background:gray;padding:20px;width:90%}
.quote-title h3{margin:0 0 5px;text-transform:uppercase}
.get-quote-form{box-shadow:0 0 2px gray;padding:30px;width:90%}
.get-quote-form input[type=text],.get-quote-form input[type=email], .get-quote-form input[type=number], textarea {display:block;border:1px solid #ddd;width:100%;margin-bottom:20px;padding:5px}
.get-quote-form textarea{height:100px}
.get-quote-form input[type=submit]{background-color:#F5C24C;color:#fff;padding:10px 20px;border:none;text-transform:uppercase;font-weight:700;font-size:13px;}
.get-quote-form input[type=submit]{border-bottom:2px solid gray;border-radius:3px}


.contact-banner{height:150px;width:100%;margin:20px 0}
.contact-heading{text-transform:uppercase;font-weight:700;color:gray;margin-top:30px}
.bigger-text-links{font-size:18px;color:#222;line-height:30px}


.factorian-slide-preloader-wrapper{position:absolute;height:100%;width:100%;top:0;left:0;background:#F5C24C;z-index:9}
.factorian-slide-preloader-wrapper .spinner{margin:0;position:absolute;left:50%;top:50%;margin-left:-20px;margin-top:-20px}


.spinner {
  width: 40px;
  height: 40px;
  background-color: #333;

  margin: 100px auto;
  -webkit-animation: sk-rotateplane 1.2s infinite ease-in-out;
  animation: sk-rotateplane 1.2s infinite ease-in-out;
}

@-webkit-keyframes sk-rotateplane {
  0% { -webkit-transform: perspective(120px) }
  50% { -webkit-transform: perspective(120px) rotateY(180deg) }
  100% { -webkit-transform: perspective(120px) rotateY(180deg)  rotateX(180deg) }
}

@keyframes sk-rotateplane {
  0% { 
    transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg) 
  } 50% { 
    transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg) 
  } 100% { 
    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
  }
}