/*
Theme Name: SN Future
Description: Child theme for Avada theme
Author: Design Thinking
Author URI: https://theme-fusion.com
Template: Avada
Version: 1.0.0
Text Domain:  Avada
*/


/*--------------------------------------------------------------
    General Elements
-------------------------------------------------------------- */
.white{
    color:#ffffff;
    }
.black{
    color:#000000;
    }
.right-float{
    float:right;
    }
.left-float{
    float:left;
    }
.right-text{
    text-align:right;
    }
.left-text{
    text-align:left;
    }

.mobile-br{
    display:inline;
    }


.orange-overlay, .orange-overlay > .fusion-column-wrapper{
    box-shadow: inset 0 0 0 1000px rgba(243, 115, 33, 0.65);
}
    
.post-content .small-h2-title h2 {
    font-size: 34px !important;
}

/*--------------------------------------------------------------
    Header Elements
-------------------------------------------------------------- */

.fusion-logo img {
    width: 210px !important;
    height: 81px !important;
}
.fusion-header, .fusion-is-sticky .fusion-header {
    border-bottom: 5px solid #F37322 !important;
        height: 121px !important;
}

.fusion-header-sticky-height {
    height: 130px !important;
}

/*--------------------------------------------------------------
    Homepage Elements
-------------------------------------------------------------- */


.sec-1-txt p {
    margin-bottom: 0px;
    color: #ffffff;
    font-weight: bold;
}

.hm-sec-1 .orange-overlay:hover > .fusion-column-wrapper {
    box-shadow: inset 0 0 0 1000px rgba(36, 36, 36, 0.75);
    cursor: pointer;
        border-bottom: 5px solid #707070 !important;
}
.hm-sec-1 .orange-overlay > .fusion-column-wrapper, .hm-sec-1 .orange-overlay{
-webkit-transition: all 1s; /* Safari */
    transition: all 1s;
}
.home-pg .post-content  h2, .home-pg .post-content  h3{
    font-size:54px !important;
    } 
.port-sec .fusion-portfolio {
    margin-bottom: 40px;
}
.port-sec h4.fusion-rollover-title {
    font-size: 18px !important;
}
.int-pg .fusion-toggle-heading {
    color: #ffffff;
}
section#text-2 h4 {
    font-family: 'Montserrat';
    font-size: 20px;
    font-weight: 400;
    line-height: 1.3;
    letter-spacing: 0px;
    font-style: normal;
}
.img-mrgn {
    margin-bottom: 32px;
}
 .hover-box .fusion-column-content-centered {
    min-height: 475px !important;
}
 .high-box .fusion-column-content-centered {
    min-height: 475px !important;
}

.small-box .fusion-column-wrapper{
    max-height: 230px !important;
        min-height: 230px !important;
    }
.small-box  .fusion-column-content-centered{
    max-height: 230px !important;
    min-height: 230px !important;
    }
.hover-box:hover > .fusion-column-wrapper {
    box-shadow: inset 0 0 0 500px rgba(243, 115, 32, 0.8);
     
}
.small-box .fusion-text p {
    position: relative;
    margin-top: 40px;
}
.hover-box {
    margin-bottom: 2.6% !important;
}
 .high-box .fusion-text p {
    position: relative;
    margin-top: 0px;
}
.hover-box:hover .fusion-column-wrapper, .hover-box:hover .fusion-column-wrapper p {
    cursor:pointer;
    }
.hover-box .fusion-text {
    font-size: 20px;
    font-weight: bold;
    color: #ffffff;
    opacity:0;  
        padding: 0px 10px;
}
.hover-box:hover .fusion-text {
    opacity:1;  
   
}

.hover-box .fusion-text:before {
    content: '\e619';
}
.hover-box .fusion-text:before {
    position: absolute;
    left: 50%;
    top: 40%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    text-indent: 0;
    line-height: normal;
    text-shadow: none;
    font-family: icomoon;
    font-size: 15px;
    color: #f37320;
    background: #ffffff;
    padding: 10px;
    border-radius: 25px;
    -webkit-font-smoothing: antialiased;
}

/*--------------------------------------------------------------
    Interior Page Elements
-------------------------------------------------------------- */

.int-pg-bnr {
    min-height: 400px;
    color: #ffffff;
}
.int-pg-bnr h1.title-heading-center {
    color: #ffffff !important;
    text-shadow: 1px 2px 25px #000;
}

.engagements-sec .fusion-portfolio-1 .fusion-portfolio-wrapper .fusion-col-spacing {
    padding: 0px !important;
}

.engagements-sec .fusion-portfolio-1 .fusion-portfolio-wrapper .fusion-col-spacing > .fusion-portfolio-content-wrapper {
    padding: 50px 30px;
        width: 100%;
    margin: 0 auto;
    max-width: 1180px;
}

.engagements-sec .fusion-portfolio-1 .fusion-portfolio-wrapper article.fusion-col-spacing:nth-child(odd) {
    background-color: #ffffff !important;
}
.engagements-sec .fusion-portfolio-1 .fusion-portfolio-wrapper article.fusion-col-spacing:nth-child(even)  {
    background-color: #f7f7f7 !important;
}
.engagements-sec .fusion-portfolio-content, .engagements-sec  .fusion-col-spacing > .fusion-portfolio-content-wrapper  {
    background: rgba(255, 255, 255, 0) !important;
}
.engagements-sec .fusion-portfolio-buttons.fusion-portfolio-buttons-full {
    display: inline-block;
    margin-top: 0px;
}
.engagements-sec .fusion-portfolio-content h2.entry-title.fusion-post-title {
    margin-bottom: 15px !important;
}

.engagements-sec .pagination {
    margin-bottom: 40px;
    width: 100%;
    text-align: center;
}
.engagements-sec .fusion-image-wrapper .fusion-rollover-content {
    display:none;
    }

/*.engagements-sec article.fusion-col-spacing:hover .fusion-image-wrapper{
    box-shadow: inset 0 0 0 1000px rgba(243, 115, 33, 0.65);
    }
 */
 
 .engagements-sec article.fusion-col-spacing:hover .fusion-image-wrapper .fusion-rollover {
    opacity: 0;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    -webkit-transform-style: preserve-3d;
}
    
.engagements-sec .fusion-portfolio-text-floated .fusion-image-wrapper{
    padding:0px;
    }
.engagements-sec .fusion-rollover {
    width: 100% !important;
}

.single-avada_portfolio .project-description.post-content .fusion-fullwidth.fullwidth-box.fusion-parallax-none.nonhundred-percent-fullwidth.non-hundred-percent-height-scrolling {
    background-image: url(https://www.snfuture.com/wp-content/uploads/2018/12/sn-banner-1.jpg) !important;
}
.single-avada_portfolio .fusion_builder_column_1_3 h4 {
    font-size: 20px !important;
    margin-top: 10px;
}
.single-avada_portfolio .fusion_builder_column_1_3 h4 {
    font-size: 20px !important;
    margin-top: 25px;
}
.single-avada_portfolio .fusion_builder_column_1_3 .fusion-text:first-child h4 {
    margin-top: 0px;
}
.single-avada_portfolio .fusion_builder_column_1_3  .fusion-separator.sep-single {
    margin-top: 10px !important;
}
.single-avada_portfolio .fusion_builder_column_1_3  .fusion-progressbar.fusion-progressbar-text-on-bar {
    margin-top: 20px !important;
}
.fusion-portfolio-grid .fusion-portfolio-content {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}
.fusion-portfolio-grid .fusion-portfolio-content > h2.fusion-post-title {
    font-size: 28px !important;
}
.portfolio-full h1.title-heading-center {
    font-size: 38px;
}
.portfolio-full h2, .portfolio-full h3  {
    font-size: 30px !important;
}
.fusion-carousel {
    overflow: hidden;
    padding: 0;
}


.contact-map iframe{
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
}

.contact-map .fusion-layout-column, .contact-map .fusion-layout-column p {
    margin: 0px !important;
}
.port-sec-1 .fusion-text p {
    font-weight: 400;
}
.port-sec-3 li {
    list-style: none;
    padding-left: 5px;
}
.port-sec-3 li:before {
    content: "•";
    font-size: 45px;
    position: absolute;
    margin-top: -5px;
    color: #f37320;
    left: 20px;
}

/*--------------------------------------------------------------
    Search Elements
-------------------------------------------------------------- */

.search-results div#sliders-container {
    background-color: #eeeeee;
    background-image: url(https://www.snfuture.com/wp-content/uploads/2018/11/mocban.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    min-height: 400px;
}
.search-results  main#main {
    padding: 0px 0px !important;
}

.search-results #main .fusion-row {
    max-width: 100% !important;
}
.search-results article > .search-portfolio-content-wrapper, .search-results .search-page-search-form.search-page-search-form-top {
    padding: 50px 30px;
    width: 100%;
    margin: 0 auto;
    max-width: 1180px;
}
.search-results article{
    margin-bottom:0px;
    }
.search-results .fusion-meta-info {
    display: none;
}
.search-results  .search-page-search-form.search-page-search-form-top {
    border-bottom: 0px;
}
.search-results  .search-page-search-form.search-page-search-form-top {
    text-align: center;
}
.search-results h1.entry-title.fusion-post-title {
    margin-bottom: 10px;
    font-size: 40px;
}
.search-results input.s, .search-no-results  input.s {
    background: #f1f1f1 !important;
}
.search-results  h2.entry-title.fusion-post-title {
    font-size: 28px !important;
    margin-bottom: 10px;
}
.search-results article .fusion-flexslider {
    width: 540px !important;
    display: inline-block;
    float: left;
}
.search-results article:hover .fusion-image-wrapper .fusion-rollover{
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    -webkit-transform-style: preserve-3d;
    }
.search-results article:nth-child(odd) {
    background-color: #f7f7f7 !important;
}

.search-results  h4.fusion-rollover-title {
    font-size: 20px !important;
}
.search-results article:nth-child(even) {
    background-color: #ffffff !important;
}
.search-results  .fusion-post-content.post-content {
    padding-top: 80px;
}

.search-no-results h2.title-heading-left {
    width: 100% !important;
    text-align: center !important;
    padding-bottom: 90px;
}
.search-no-results h3 {
    font-size: 26px !important;
    margin-bottom: 20px;
}
.search-no-results  h1.oops {
    margin-top: 50px !important;
}
/*--------------------------------------------------------------
    Footer Elements
-------------------------------------------------------------- */
section#text-2 {
    margin-top: 55px;
}
section#text-2 img.aligncenter.size-full.wp-image-2257 {
    margin-bottom: 50px;
}
section#custom_html-2 {
    margin: 0 auto;
    line-height: 1.25;
    color: #ffffff;
    text-align: center;
}

section#custom_html-2 a {
    color: #ffffff;
}

section#media_image-2 {
    margin-bottom: 20px;
}

/*--------------------------------------------------------------
    Media Query Elements
-------------------------------------------------------------- */
@media screen and (max-width: 1240px) {

}
@media screen and (max-width: 1200px) {

}
@media screen and (max-width: 1140px) {
.fusion-main-menu > ul > li > a {
    padding-left: 10px !important;
    padding-right: 10px !important;
    font-size: 12px !important;
}
}
@media screen and (max-width: 980px) {
#wrapper h2 {
    font-size: 30px !important;
}
#toTop {
    bottom: 20px;
    border-radius: 4px;
    height: 48px;
    right: 20px;
}
.hm-sec-2 .fusion_builder_column_1_2, .hm-sec-2 .fusion_builder_column_1_4 {
    height: 230px !important;
}
.hm-sec-2 .fusion_builder_column_1_2 > div, .hm-sec-2 .fusion_builder_column_1_4 > div,
.hm-sec-2 .fusion_builder_column_1_2 > div > .fusion-column-content-centered, .hm-sec-2 .fusion_builder_column_1_4 > div > .fusion-column-content-centered{
    height: inherit !important;
     min-height: 230px !important;
}
.high-box .fusion-text:before {
    top: 30%;
}

.fusion-footer-widget-area {
    box-shadow: inset 0 0 0 500px rgba(42, 33, 20, 0.75);
}
.fusion-mobile-nav-item a {
    color: #707070 !important;
    line-height: 55px;
    background-color: #efefef !important;
    height: 55px;
    font-size: 15px !important;
}
li.fusion-mobile-nav-item.fusion-mobile-current-nav-item a{
    background-color: #ffffff !important;
    color: #f37320 !important;
}
.fusion-portfolio-element .fusion-image-wrapper.fusion-image-size-fixed {
    margin-bottom: 20px;
}
.active-enga-note {
    padding-left: 30px !important;
    padding-right: 30px !important;
}
.hover-box .fusion-text {
    opacity: 1;
}
.hover-box > .fusion-column-wrapper {
    box-shadow: inset 0 0 0 500px rgba(243, 115, 32, 0.8);
}
}
@media screen and (max-width: 767px) {
    .mobile-br{
    display:none;
    }
#wrapper h2 {
    font-size: 26px !important;
}
}
@media screen and (max-width: 640px) {

}
@media screen and (max-width: 480px) {

}
@media screen and (max-width: 320px) {

}

/*--------------------------------------------------------------
    Iphone/Ipad Elements
-------------------------------------------------------------- */

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px)  { /* STYLES GO HERE */}

/*(orientation : portrait) / (orientation : landscape)*/
/*6*/
@media only screen and (min-device-width : 375px) and (max-device-width : 667px) { /* STYLES GO HERE */}
/*6p*/
@media only screen and (min-device-width : 414px) and (max-device-width : 736px) { /* STYLES GO HERE */}
/*5*/
@media only screen and (min-device-width : 320px) and (max-device-width : 568px) { /* STYLES GO HERE */}