/*
Theme Name: Industing
最新最全最好的Bootstrap模板：http://www.jqueryfuns.com
Version: 1.0
License:
License URI:
*/
/*=======================================================================
[Table of contents]
=========================================================================
1. Topbar
2. Nav Bar 
3. Slider 01
4. About Us
5. Feature Section
6. works Section
7. Funfact Section
8. What We Do Section
9. Why Choose Us Section
10. Testimonial Section
11. Client Secion
12. News Section
13. Footer 01
14. Copyright Section
15. Header 02
16. Topbar 02
17. Slider 02
18. Feature Section 02
19. Experience Sections
20. What We Do 2
21. Call To Action
22. Works Secion 2
23. Team
24. Video Section
25. Testimonial Section 2
26. Client Section 2
27. Blog Section 2
28. Footer 02
29. About Us Page
30. Team Page
31. Sidebar 1
32. Service Details
33. Project Pages
34. News List
35. Sidebar 02
36. News Details
37. Shop Page
38. Contact Us
39. 404 Page
40. Cart Page
41. Color Preset
42. preloder
43. 404 Page
44. 404 Page
*/
/*------------------------------------------------------------------------------
/ 6. works
------------------------------------------------------------------------------*/
.casestudysection{
    padding-bottom: 90px;
}
.filterMenu{
    position: relative;
    margin: 0 0 40px;
}
.filterMenu.emptyStyle{
    margin-bottom: 50px;
}
.filterMenu ul{
    margin: 0;
    padding: 0;
}
.filterMenu ul li{
    list-style: none;
    display: inline-block;
    font-size: 16px;
    line-height: 28px;
    color: #979797;
    cursor: pointer;
    font-weight: 700;
	margin-left: 25px;
}
.emptyStyle.filterMenu ul li{
    font-size: 16px;
    line-height: 28px;
    color: #979797;
    cursor: pointer;
    font-weight: 700;
}
.emptyStyle.filterMenu ul li:after{
    width: 0%;
    position: absolute;
    bottom: 0px;
    height: 2px;
    background: #ff5e14;
    left: 0;
    right: 0;
    margin: 0 auto;
    content: "";
    opacity: 0;
    visibility: hidden;
    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
    -ms-transition: all ease 300ms;
    -o-transition: all ease 300ms;
}
.emptyStyle.filterMenu ul li:hover:after, .emptyStyle.filterMenu ul li.active:after{
    width: 100%;
    opacity: 1;
    visibility: visible;
}
.filterMenu ul li:last-child{
    margin-right: 0;
}

.filterMenu ul li:hover, .filterMenu ul li.active{
    color: #ff5e14;
}
.filterMenu ul li:hover i, .filterMenu ul li.active i{
    color: #06163a;
}
.filterMenu ul li.all{
    float: left;
    height: 70px;
    background: #ff5e14;
    color: #FFF;
    padding: 27px 45px 28px;
    margin-top: 0;
    margin-bottom: 0;
    letter-spacing: 0;

    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
    -ms-transition: all ease 300ms;
    -o-transition: all ease 300ms;
}

.filterMenu ul li.all:hover{
    color: #06163a;
}
.filterMenu ul li.all:hover i{
    color: #06163a;
}

.singlefolio {
    position: relative;
    overflow: hidden;
    margin: 0 0 30px;
	text-align:center;
}
.singlefolio img {
    display: block;
    width: 100%;
    height: auto;
    -webkit-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}
.folioHover {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    left: 20px;
    bottom: 46px;
    z-index: 3;
    transition: all ease 900ms;
    -moz-transition: all ease 900ms;
    -webkit-transition: all ease 900ms;
    -o-transition: all ease 900ms;
}
.singlefolio:after{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(255, 94, 20, .8);
    overflow: hidden;
    width: 0;
    height: 100%;
    content: '';
    transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -webkit-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
}
.singlefolio .folioHover p{
    font-size: 16px;
    line-height: .8;
    font-weight: 500;
    color: #FFF;
    display: block;
    margin: 0 0 8px;
	text-align:left;
}
.singlefolio .folioHover a.cate {
    font-size: inherit;
    line-height: inherit;
    color: #fff;
    text-transform: uppercase;
    transition: all ease 400ms;
    -webkit-transition: all ease 400ms;
    -moz-transition: all ease 400ms;
}
.singlefolio .folioHover h4{
    font-size: 22px;
    line-height: 1.2;
    color: #fff;
    margin: 0;
    text-transform: uppercase;
}
.singlefolio .folioHover h4 a{
    color: #fff;    
    transition: all ease 400ms;
    -webkit-transition: all ease 400ms;
    -moz-transition: all ease 400ms;
}
.singlefolio:hover img {
    transform: scale(1.1) rotate(2deg);
    -moz-transform: scale(1.1) rotate(2deg);
    -webkit-transform: scale(1.1) rotate(2deg);
    -ms-transform: scale(1.1) rotate(2deg);
    -o-transform: scale(1.1) rotate(2deg);
    -webkit-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}
.singlefolio:hover .folioHover {
    visibility: visible;
    opacity: 1;
    left: 50px;
}
.singlefolio:hover:after{
    width: 100%;
}
.singlefolio .folioHover p a.cate:hover,
.singlefolio .folioHover h4 a:hover{
    color: #06163a;
}
 .shaf_itme {
   	transition: 600ms;
	 -moz-transition: 600ms;
    -webkit-transition: 600ms;
    -ms-transition: 600ms;
    -o-transition: 600ms;
}

/*------------------------------------------------------------------------------
/ 33. Project Pages
------------------------------------------------------------------------------*/
.ind_pagination{
    position: relative;
}
.ind_pagination a, .ind_pagination span{
    width: 70px;
    height: 70px;
    background: #f8f8f8;
    border-radius: 50%;
    font-size: 14px;
    color: #9fa7c5;
    line-height: 70px;
    text-align: center;
    display: inline-block;
    font-weight: 500;
    margin-right: 12px;

    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
    -ms-transition: all ease 300ms;
    -o-transition: all ease 300ms;
}
.ind_pagination a:hover, .ind_pagination span.current{
    background: #ff5e14;
    color: #FFF;
}
.ind_pagination a:last-child{
    margin-right: 0;
}
.mt25{
    margin-top: 25px;
}

.singleFolio_03{
    width: 100%;
    height: auto;
    margin-bottom: 30px;
    position: relative;
    z-index: 2;
}
.singleFolio_03 img{
    width: 100%;
    height: auto;
}
.blankFolio{
    width: 100%;
    height: 70px;
    background: #FFF;
    margin-bottom: 30px;
}
.folioHover_03{
    width: calc(100% - 85px);
    height: 215px;
    position: absolute;
    box-shadow: 0 0 25px rgba(0, 0, 0, .06);
    left: 30px;
    background: #FFF;
    bottom: 0px;
    padding-left: 30px;
    transition: all ease 400ms;
    -moz-transition: all ease 400ms;
    -webkit-transition: all ease 400ms;
    -ms-transition: all ease 400ms;
    -o-transition: all ease 400ms;
    opacity: 0;
    visibility: hidden;
    z-index: 3;
}
 .shaf_itme {
    background: #ff5e14
	 transition: all ease 800ms;
	 -moz-transition: all ease 800ms;
    -webkit-transition: all ease 800ms;
    -ms-transition: all ease 800ms;
    -o-transition: all ease 800ms;
}
#shafulls .shaf_itme:nth-child(even):visible .folioHover_03{
    background: #ff5e14
}
.rightHover .folioHover_03{
    left: auto;
    right: -100px;
    padding-left: 0;
    padding-right: 30px;
}
.singleFolio_03:hover .folioHover_03{
    opacity: 1;
    visibility: visible;
    bottom: 60px;
    z-index: 6;
}
.folioHover_03 h2{
    font-size: 75px;
    line-height: 65px;
    text-transform: capitalize;
    color: #06163a;
    margin: 24px 0 21px;
    letter-spacing: -2.4px;
}
.singleFolio_03:hover .folioHover_03 h2{
    opacity: 1;
    visibility: visible;
}
.folioHover_03 .cats{
    position: relative;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 300;
    line-height: .8;
}
.folioHover_03 .cats a{
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 500;
    color: #ff5e14;
    letter-spacing: 0;
    line-height: .8;
    transition: all ease 100ms;
    -moz-transition: all ease 400ms;
    -webkit-transition: all ease 400ms;
    -ms-transition: all ease 400ms;
    -o-transition: all ease 400ms;
}
.folioHover_03 .cats a:hover{
    color: #06163a;
}
.folioHover_03 .cats span{
    display: inline-block;
    padding-left: 12px;
    padding-right: 12px;
}
.mores{
    position: absolute;
    width: 50px;
    height: 50px;
    background: url(../images/right_arrow.png) no-repeat center center #ff5e14;
    border-radius: 50%;
    right: -25px;
    top: 0;
    bottom: 0;
    margin:  auto 0;
}
.rightHover .mores{
    right: auto;
    left: -25px;
    background: url(../images/left_arrow.png) no-repeat center center #ff5e14;
}
.mores:hover{
    background: url(../images/right_arrow.png) no-repeat center center #06163a;
}
.rightHover .mores:hover{
    background: url(../images/left_arrow.png) no-repeat center center #06163a;
}
#shafulls{
    overflow: visible !important;
}
.singleFolio_04{
    position: relative;
    background: #FFF;
    box-shadow: 0 0px 10px rgba(0, 0, 0, .03);
    margin-bottom: 30px;
}
.sf4_img{
    position: relative;
    overflow: hidden;
}
.sf4_img .sf4_hov{
    background: rgba(6, 22, 58, .8);
    position: absolute;
    visibility: hidden;
    opacity: 0;
    width: 100%;
    height: 100%;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    text-align: center;
    -webkit-transition: all 500ms ease-in-out;
    -moz-transition: all 500ms ease-in-out;
    -ms-transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
}
.singleFolio_04:hover .sf4_hov{
    visibility: visible;
    opacity: 1;
}
.sf4_hov a.detailsLink2 {
    background: #fff none repeat scroll 0 0;
    border-radius: 50%;
    bottom: 0;
    color: #ff5e14;
    display: inline-block;
    font-size: 16px;
    line-height: .8;
    padding: 22px 0;
    height: 60px;
    position: relative;
    right: -80px;
    width: 60px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    opacity: 0;
    visibility: hidden;

    -webkit-transition: all 700ms ease-in-out;
    -moz-transition: all 700ms ease-in-out;
    -ms-transition: all 700ms ease-in-out;
    -o-transition: all 700ms ease-in-out;
    transition: all 700ms ease-in-out;
}
.sf4_hov a.prePhoto2 {
    background: #ff5e14;
    border-radius: 50%;
    color: #fff;
    display: inline-block;
    font-size: 16px;
    height: 60px;
    left: -80px;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    width: 60px;
    margin-right: 10px;
    line-height: .8;
    padding: 22px 0;
    opacity: 0;
    visibility: hidden;

    -webkit-transition: all 700ms ease-in-out;
    -moz-transition: all 700ms ease-in-out;
    -ms-transition: all 700ms ease-in-out;
    -o-transition: all 700ms ease-in-out;
    transition: all 700ms ease-in-out;
}
.sf4_hov a.prePhoto2:hover{
    color: #ff5e14;
    background: #FFF;
}
.sf4_hov a.detailsLink2:hover{
    color: #FFF;
    background: #ff5e14;
}
.singleFolio_04:hover .sf4_hov a.detailsLink2{
    right: 0;
    opacity: 1;
    visibility: visible;
}
.singleFolio_04:hover .sf4_hov a.prePhoto2{
    left: 0;
    opacity: 1;
    visibility: visible;
}
.sf4_det{
    position: relative;
    padding: 34px 30px 32px;
}
.sf4_det h3{
    font-size: 30px;
    letter-spacing: -.90px;
    margin: 0 0 11px;
    line-height: 1.1;
}
.sf4_det h3 a{
    color: inherit;
}
.sf4_det h3 a:hover{
    color: #ff5e14;
}
.sf4_cat{
    margin: 0 0 20px;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 500;
    color: #ff5e14;
    letter-spacing: 0;
    line-height: .8;
    transition: all ease 100ms;
    -moz-transition: all ease 400ms;
    -webkit-transition: all ease 400ms;
    -ms-transition: all ease 400ms;
    -o-transition: all ease 400ms;
}
.sf4_cat span{
    color: #959ba9;
    margin: 0 7px;
}
.sf4_cat a{
    color: inherit;
}
.sf4_cat a:hover{
    color: #06163a;
}
.sf4_con{
    padding: 0 10px;
}
.singleFolio_05{
    position: relative;
    background: #FFF;
    margin-bottom: 30px;
}
.sf5_img{
    position: relative;
    overflow: hidden;
}
.sf5_img img{
    width: 100%;
    height: auto;
}
.sf5_meta{
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 0 30px 30px;
    line-height: .8;
    z-index: 2;
}
.sf5_img:after {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    content: '';
    z-index: 1;
    background: -moz-linear-gradient(top, rgba(6,22,58,0) 0%, rgba(6,22,58,.7) 100%);
    background: -webkit-linear-gradient(top, rgba(6,22,58,0) 0%,rgba(6,22,58,.7) 100%);
    background: linear-gradient(to bottom, rgba(6,22,58,0) 0%,rgba(6,22,58,.7) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0006163a', endColorstr='#06163a',GradientType=0 );
}
.sf5_meta a{
    line-height: .8;
    color: #fff;
}
.sf5_meta a:first-child{
    position: relative;
    bottom: -5px;
}
.sf5_meta a:hover{
    color: #ff5e14;
}
.sf5_meta a i{
    font-size: 20px;
}
.sf5_det{
    border: thin solid #E6E6E6;
    border-top: none;
    padding: 34px 30px 0;
}
.sf5_det h3{
    font-size: 30px;
    letter-spacing: -.90px;
    margin: 0 0 11px;
    line-height: 1.1;
}
.sf5_det h3 a{
    color: inherit;
}
.sf5_det h3 a:hover{
    color: #ff5e14;
}
.sf5_cat{
    margin: 0 0 20px;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 500;
    color: #ff5e14;
    letter-spacing: 0;
    line-height: .8;
    transition: all ease 100ms;
    -moz-transition: all ease 400ms;
    -webkit-transition: all ease 400ms;
    -ms-transition: all ease 400ms;
    -o-transition: all ease 400ms;
}
.sf5_cat span{
    color: #959ba9;
    margin: 0 7px;
}
.sf5_cat a{
    color: inherit;
}
.sf5_cat a:hover{
    color: #06163a;
}
.sf5_con{
    padding: 0 10px 32px;
}
.sf5_det > a{
    position: relative;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0;
    background: #ff5e14;
    display: inline-block;
    color: #FFF;
    height: 60px;
    min-width: 170px;
    padding: 25px 25px;
    text-align: center;
    line-height: .9;
    margin-bottom: -1px;
}
.sf5_det > a:hover{
    background: #06163a;
}
.projectDetailsPage{
    padding-bottom: 90px;
}
.fgs{
    position: relative;
    margin-bottom: 30px;
}
.fgs img{
    width: 100%;
    height: auto;
}
.proj_details{
    position: relative;
}
.proj_details.rightPos{
    padding-left: 30px;
}
.proj_details.leftPos{
    padding-right: 30px;
}
.pd_cat{
    position: relative;
    font-size: 14px;
    letter-spacing: 0;
    text-transform: uppercase;
    line-height: .8;
    font-weight: 500;
    margin-bottom: 23px;
}
.pd_cat a{
    color: #ff5e14;
}
.pd_cat a:hover{
    color: #06163a;
}
.proj_details h2{
    font-size: 36px;
    line-height: 1.1;
    letter-spacing: -1.08px;
    margin: 0 0 39px;
}
.pd_details{
    font-size: 16px;
    color: #959ba9;
    line-height: 28px;
    font-weight: 400;
    letter-spacing: 0;
    word-break: break-all;
    padding-bottom: 42px;
    border-bottom: 1px solid #ebe8ff;
    margin-bottom: 52px;
}
.pd_details p{
    margin: 0 0 16px;
}
.pd_details p:last-of-type, .pd_details p:last-child{
    margin-bottom: 0;
}
.pd_meta{
    position: relative;
    padding-bottom: 50px;
    border-bottom: 1px solid #ebe8ff;
    margin-bottom: 51px;
}
.pd_meta p{
    margin: 0 0 20px;
    line-height: .8;
}
.pd_meta p:last-of-type, .pd_meta p:last-child{
    margin-bottom: 0;
}
.pd_meta p strong{
    font-weight: 500;
    color: #092232;
}

.pd_social{
    position: relative;
    font-size: 14px;
    line-height: .8;
}
.pd_social span, .pd_social a{
    display: inline-block;
}
.pd_social span{
    font-weight: 500;
    color: #092232;
    margin-right: 21px;
}
.pd_social a{
    display: inline-block;
    color: #b0bbc2;
    margin-right: 16px;
}
.pd_social a:last-child{
    margin-right: 0;
}
.pd_social a:hover{
    color: #ff5e14;
}
.mt42{
    margin-top: 40px;
}
.relatedworfsection{
    background: #f7f6ff;
}
.rel_btns{
    position: relative;
    padding-left: 74px;
}
.rel_btns span{
    height: 70px;
    background: #06163a;
    color: #fff;
    min-width: 211px;
    text-align: center;
    padding: 24px 15px 0;
    display: inline-block;
    font-size: 14px;
    letter-spacing: -.42px;
    text-transform: capitalize;
    font-weight: 500;
}
.rel_btns span i{
    color: #ff5e14;
    margin-right: 10px;
}
.relatedSlider .singlefolio{
    margin-bottom: 0;
}
.relatedSlider .slick-slide{
    margin: 0 15px;
    outline: none;
}
.relatedArrows {
    padding-left: 90px;
}
.relatedArrows span{
    display: inline-block;
    width: 70px;
    height: 70px;
    font-size: 14px;
    line-height: .8;
    text-align: center;
    padding: 28px 0;
    cursor: pointer;

    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
    -ms-transition: all ease 300ms;
    -o-transition: all ease 300ms;
}
.relatedArrows span.prevRelated{
    background: #FFF;
    color: #ff5e14;
    margin-right: 20px;
}
.relatedArrows span.prevRelated:hover{
    background: #ff5e14;
    color: #FFF;
}
.relatedArrows span.nextRelated{
    background: #ff5e14;
    color: #FFF;
}
.relatedArrows span.nextRelated:hover{
    background: #FFF;
    color: #ff5e14;
}
.mb60{
    margin-bottom: 60px;
}