/*
Theme Name: Factorian Crazycafe
Theme URI: http://crazycafe.net/demos/wp/factorian
Author: CrazyCafe
Author URI: http://crazycafe.net
Description: CrazyCafe WordPress theme
Version: 1.2
License: GNU General Public License
License URI: licensing/README_License.txt
Text Domain: factorian-crazycafe
Tags: two-columns, three-columns, four-columns, right-sidebar, custom-menu, featured-images, full-width-template, theme-options
*/

/*
///// CSS Index \\\\\\
1. Default CSS and Others
2. Header CSS
3. Menu CSS
4. Promo CSS
5. Checklist CSS
6. Footer CSS
7. Breadcrumb CSS
8. Team CSS
9. Contact CSS
10. Widget CSS
11. Others CSS
*/


/**************************************
*** 1. Default, Reset and Common CSS **
***************************************/

body {
    font-size: 15px;
    line-height: 28px;
    color: #222
}
#page.site.factorian-boxed-layout {
    background: #fff none repeat scroll 0 0;
    margin: 10px auto;
    max-width: 1170px;
    overflow: hidden;
}
h3 {
    font-size: 22px;
    font-weight: 700;
}

img {
    max-width: 100%;
}

.spacer-45 {
    height: 45px;
}
input[type="submit"] {
    background: #f7be49 none repeat scroll 0 0;
    border: medium none;
    font-size: 13px;
    font-weight: 700;
    padding: 10px 30px;
    text-transform: uppercase;
}
.section-title {
    margin: 0 auto 50px;
    max-width: 415px;
    text-align: center;
}

.section-title h3 {
    line-height: 30px;
    margin: 0;
}

.single-boxed-item {
    color: #6e6e6e;
    display: block;
    margin-bottom: 30px;
}

.boxed-preview {
    height: 180px;
    margin-bottom: 20px;
}

.single-boxed-item h4 {
    color: #222;
    font-weight: 700;
    margin: 0 0 10px;
}

.single-boxed-item:hover {
    opacity: 0.8;
    text-decoration: none;
}

.responsive-menu-wrap {
    display: none
}

.boxed-preview {
    background-size: cover;
    background-position: center;
    background-color: #ddd;
}

.factorian-internal-area.no-visual-composer-used {
    padding: 70px 0;
}

.header-top-area a:hover {
    opacity: 0.7;
    text-decoration: none;
}

.logo a:hover {
    opacity: 0.8;
}

a {
    transition: all 0.3s ease 0s;
}

.factorian-post-internal-area {
    padding: 100px 0
}

.post .entry-header .entry-meta,
.post .entry-header .entry-meta a {
    color: #999;
}

.post .entry-header .entry-meta a:hover {
    color: #fd8c37;
}

.factorian-content-block {
    padding: 100px 0;
}

.factorian-btn {
    background: #f7be49 none repeat scroll 0 0;
    border-radius: 3px;
    color: #222;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    padding: 12px 20px;
    text-transform: uppercase;
    border: 0px solid;
}

.factorian-btn:hover {
    background: #333 none repeat scroll 0 0;
    color: #fff;
    text-decoration: none;
}

article.page .entry-header h2.entry-title a {
    color: #333;
}

article.page .entry-summary {
    display: none;
}



/**************************************
************ 2. Header CSS ************
***************************************/


.header-top-area {
    background-color: #222;
    font-size: 15px;
    padding: 10px 0;
}

.header-top-area a,
.header-top-area {
    color: #fff;
}

.header-top-area i.fa {
    color: #f7be49;
}

.seprator {
    color: #949494;
    display: inline-block;
    padding: 0 10px;
}

.logo a {
    color: #494949;
}

.logo {
    padding: 12px 0;
    text-transform: uppercase;
}

.logo h1 {
    border: 3px solid #494949;
    display: inline-block;
    font-size: 16px;
    margin: 10px 0;
    padding: 10px 15px;
}

.header-search-bar {
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
}



/**************************************
************ 3. Menu CSS **************
***************************************/

.mainmenu ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
    text-align: right;
}

.mainmenu li {
    display: inline-block;
    position: relative;
}

.mainmenu li a {
    color: #222;
    display: block;
    font-size: 14px;
    font-weight: 700;
    padding: 30px 20px;
    text-transform: uppercase;
}

.mainmenu li:hover > a, .mainmenu ul li.current_page_item > a {
    background-color: #f4f4f4;
    text-decoration: none;
}
.mainmenu ul li ul li a {
  padding: 8px 15px;
}


/**************************************
************ 4. Promo CSS **************
***************************************/

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

.single-promo-item {
    margin-top: 70px;
    padding-left: 45px;
    position: relative;
}

.single-promo-item i.fa {
    border: 2px solid #f7be49;
    border-radius: 50%;
    color: #f7be49;
    height: 25px;
    left: 0;
    line-height: 22px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 25px;
}

.factorian-content-block.section-gray {
    background-color: #f2f5f7;
}


/**************************************
********** 5. Checklist CSS ***********
***************************************/

.check-list li::before {
    color: #f7be49;
    content: "";
    font-family: fontawesome;
    padding-right: 9px;
}

.check-list {
    font-weight: 500;
    line-height: 31px;
    list-style: outside none none;
    margin: 20px 0 0;
    padding: 0;
}


/**************************************
************ 6. Footer CSS ************
***************************************/

.footer-top-area {
    background: #222222 none repeat scroll 0 0;
}

.footer-top-area,
.footer-top-area a {
    color: #cacaca;
}

.footer-wid {
    padding-top: 80px;
    padding-bottom: 80px;
}

.footer-logo {
    background: #fff none repeat scroll 0 0;
    color: #222;
    display: inline-block;
    font-size: 16px;
    margin: 0 0 20px;
    padding: 10px 30px;
    text-transform: uppercase;
}

.footer-wid-title {
    color: #fff;
    font-size: 18px;
    margin: 0 0 20px;
}

.footer-wid ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}

.footer-copyright-area {
    background: #1d1d1d none repeat scroll 0 0;
    color: #fff;
    padding: 15px 0;
}


/**************************************
********* 7. Breadcrumb CSS ***********
***************************************/

.factorian-content-block.factorian-breadcroumb {
    color: #666;
    font-size: 13px;
    padding: 40px 0;
}

.factorian-breadcroumb .col-md-6 > span, .factorian-breadcroumb .col-md-12 > span {
    padding-right: 5px;
}
.factorian-breadcroumb .col-md-6 > span:last-child, .factorian-breadcroumb .col-md-12 > span:last-child {
    padding-left: 5px;
}

.factorian-breadcroumb h2 {
    color: #222;
    margin: 0 0 5px;
}

.factorian-breadcroumb h3 {
    color: #222;
    margin: 20px 0;
}

.spacer-85 {
    height: 85px;
}

.border-spacer-85 {
    border-bottom: 1px solid #eaeef1;
    margin-bottom: 65px;
    padding-top: 65px;
}


/**************************************
*******-***** 8. Team CSS *************
***************************************/

.single-team-item {
    background-color: #ddd;
    background-position: center center;
    background-size: cover;
    float: left;
    height: 355px;
    position: relative;
    width: 33.3333%;
    overflow: hidden
}

.team-info-hover {
    bottom: -30px;
    color: #fff;
    font-size: 14px;
    left: 0;
    opacity: 0;
    padding: 15px;
    position: absolute;
    transition: all 0.2s ease 0s;
    visibility: hidden;
    width: 100%;
    z-index: -1;
    padding-top: 50px;
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 46%, rgba(0, 0, 0, 1) 71%);
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 46%, rgba(0, 0, 0, 1) 71%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 46%, rgba(0, 0, 0, 1) 71%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000', GradientType=0);
}

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

.single-team-item:hover .team-info-hover {
    bottom: 0;
    opacity: 1;
    visibility: visible;
    z-index: 9;
}


/**************************************
*********** 9. Contact CSS ************
***************************************/




img.contact-banner {
    margin: 30px 0 10px;
}

.contact-heading {
    color: #9b9b9b;
    margin-top: 20px;
    text-transform: uppercase;
}

.bigger-text-link {
    color: #222;
    font-size: 24px;
    line-height: 30px;
}

.single-boxed-item:hover {
    color: #6e6e6e;
}

.footer-wid a:hover {
    color: #f7be49;
}

.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);
    }
}

.homepage-slides-wrapper {
    position: relative;
}

.factorian-slide-preloader-wrap {
    background: #f7be49 none repeat scroll 0 0;
    height: 100%;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 999;
}

.factorian-slide-preloader-wrap .spinner {
    left: 50%;
    margin: -20px 0 0 -20px;
    position: absolute;
    top: 50%;
}

.spinner-2 {
    width: 40px;
    height: 40px;
    margin: 100px auto;
    background-color: #333;
    border-radius: 100%;
    -webkit-animation: sk-scaleout2 1.0s infinite ease-in-out;
    animation: sk-scaleout2 1.0s infinite ease-in-out;
}

@-webkit-keyframes sk-scaleout2 {
    0% {
        -webkit-transform: scale(0)
    }
    100% {
        -webkit-transform: scale(1.0);
        opacity: 0;
    }
}

@keyframes sk-scaleout2 {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    100% {
        -webkit-transform: scale(1.0);
        transform: scale(1.0);
        opacity: 0;
    }
}

.factorian-site-preloader-wrap {
    background: #fff none repeat scroll 0 0;
    height: 100%;
    position: fixed;
    width: 100%;
    z-index: 9999;
}

.factorian-site-preloader-wrap .spinner-2 {
    left: 50%;
    margin: -20px 0 0 -20px;
    position: absolute;
    top: 50%;
}

.mainmenu li ul {
    background: #fff none repeat scroll 0 0;
    left: 0;
    opacity: 0;
    position: absolute;
    text-align: left;
    top: 108px;
    transition: all 0.3s ease 0s;
    visibility: hidden;
    width: 200px;
    z-index: -1;
}

.mainmenu li ul li {
    display: block;
}

.mainmenu li ul li a {
    padding-bottom: 5px;
    padding-top: 5px;
    text-transform: none;
}

.mainmenu li:hover > ul {
    opacity: 1;
    visibility: visible;
    top: 88px;
}


/**************************************
*********** 10. Widget CSS ************
***************************************/


section.widget {
    border: 1px solid #f0f0f0;
    margin-bottom: 30px;padding: 30px;
}

section.widget .widget-title {
    font-size: 18px;
    font-weight: bold;
    margin: -30px -30px 30px;
    border-bottom: 1px solid #f0f0f0;
    padding: 20px 30px;
}

section.widget ul {
    padding: 0;
}

section.widget ul li {
    position: relative;
    padding-left: 15px;
    opacity: 1;
}

section.widget ul li::before {
    content: "\f0da";
    position: absolute;
    left: 0;
    font-family: "FontAwesome";
    color: #333;
    transition: all .5s;
    opacity: 1;
} 

section.widget ul li a:hover, section.widget ul li a:hover::before {
    opacity: 0.7;
}

section.widget_recent_entries ul li {
    width: 100%;
    float: none;
}

section.widget_recent_entries ul li .post-date {
    display: block;
    color: #999;
    margin-left: 15px;
    font-weight: 300;
    font-size: 13px;
}

section.widget_recent_entries ul li a {
    
}


.search-form {
    position: relative;
}

.search-form label {
    width: 100%;
    margin: 0;
}

.search-form label input.search-field {
    border: 1px solid #f0f0f0;
    padding: 10px 30px;
    font-family: "Roboto", Sans-serif;
    font-weight: 300;
    font-size: 16px;
    width: 100%;
}

.search-form input[type="submit"] {
    position: absolute;
    top: 0;
    right: 0;
    text-indent: -9999999px;
    padding: 10px;
    height: 100%;
    background: none;
}

.search-form input[type="submit"] {
    position: absolute;
    top: 0;
    right: 0;
    text-indent: -9999999px;
    padding: 10px;
    height: 100%;
    background: none;
    z-index: 111;
}

.search-form label input.search-field,
.search-form input[type="submit"]:focus {
    outline: none;
}

.search-form:after {
    content: "\f002";
    font-family: "FontAwesome";
    color: #9999cc;
    font-size: 14px;
    font-weight: 300;
    position: absolute;
    right: 5px;
    top: 0;
    z-index: 0;
    line-height: 50px;
}




/**************************************
*********** 11. Others CSS ************
***************************************/


.four04_search {
    margin: 50px 0;
}

.slicknav_menu{
    display: none;
}

/*******************/
/*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) { 
    .single-slide-item h2{
        font-size: 45px;
    }
    .slide-item-table .text-left,
    .slide-item-table .text-right{
        text-align: center!important;
    }
    
    .homepage-slides .owl-nav div.owl-next{
        right: 50%;
        left: auto;
        top: auto;
        bottom: 20px;
        margin-right: -50px;
    }
    .homepage-slides .owl-nav div.owl-prev{
        left: 50%;
        right: auto;
        top: auto;
        bottom: 20px;
        margin-left: -50px;
    }
    .slide-item-tablecell .row > div {
      padding: 0 40px;
    }
    .single-team-item{
        width: 50%;
    }
.comment-author.vcard img {
  height: 30px;
  margin-right: 15px;
  width: 30px;
}   
.comment-metadata {
  margin-bottom: 10px;
}    
.comment-metadata, .comment-content {
  padding-left: 0;
}
.comment-list .children {
  margin-left: 15px;
} 
.comment-form {
  padding-right: 0;
}    
.comment-body, .comment-respond, section.widget {
  padding: 15px;
} 
.comment-form p:nth-child(2), .comment-form p:not(:first-child) {
  float: none;
  width: 100%;
}  
.comments-area {
  margin-bottom: 30px;
}    
    

}
/* Mobile Layout: 320px. */
@media only screen and (max-width: 767px) { 
    .single-team-item{
        width: 100%;
    }
    .single-slide-item h2{
        font-size: 30px;
        margin-bottom: 20px;
    }
    .slide-item-tablecell {
      font-size: 17px;
      line-height: 26px;
    }
    .slide-item-table .text-left,
    .slide-item-table .text-right{
        text-align: center!important;
    }
    
    .homepage-slides .owl-nav div.owl-next{
        right: 50%;
        left: auto;
        top: auto;
        bottom: 20px;
        margin-right: -50px;
    }
    .homepage-slides .owl-nav div.owl-prev{
        left: 50%;
        right: auto;
        top: auto;
        bottom: 20px;
        margin-left: -50px;
    }
    .slide-item-tablecell .row > div {
      padding: 0 40px;
    }
    .single-service-item {
      margin-bottom: 25px;
    }
    .factorian-cta-area {
        text-align: center;
    }
    .factorian-cta-area .factorian-cta-area-text{
        padding: 0;
    }
    .factorian-cta-area .cta-btn{
        position: static;
        margin-top: 15px;
    }
    .homepage-testimonials-wrapper .row > div:not(:nth-last-child){
        margin-bottom: 40px;
    }
    .homepage-slides-wrapper, .single-slide-item{
        height: 500px;
    }
    .slide-item-tablecell{
        padding-bottom: 50px;
    }
    .slide-item-tablecell .row > div{
        padding: 0 15px;
    }
    .factorian-btn.slide-btn{
        margin: 5px;
    }
}
/* Wide Mobile Layout: 480px. */
@media only screen and (min-width: 480px) and (max-width: 767px) { 

    .single-team-item{
        width: 50%;
    }
}

/* Mobile & Tab Layout*/

@media only screen and (max-width: 991px){
    .footer-top-area{
        padding-top: 30px;
    }
    .footer-wid{
        padding: 30px 15px;
    }
    .slicknav_menu{
        display: block;
    }
    .mainmenu .menu {
      display: none;
    }
    .slicknav_btn{
        margin: 0;
    }
    .slicknav_menu{
        padding: 27px 0 0;
        background-color: transparent;
    }
    .slicknav_menu .slicknav_nav{
        background: #666 none repeat scroll 0 0;
        border-radius: 5px;
        margin-top: 5px;
        position: absolute;
        right: 15px;
        top: 100%;
        width: 100%;
        z-index: 9;
    }
    .factorian-content-block.factorian-breadcroumb .row > div {
      text-align: center;
    }
    .children {
      padding-left: 10px;
    }
}