/********************************************************************

General rools

*********************************************************************/


h1, .h1,h2, .h2, h3, .h3, h4, .h4,  h5, .h5,  h6, .h6, p, li, .avia-button, .taptap-main a, .full-width-text a, .ex-text-btn, .ls-search-box input, .ls-sect-title span, #js_sort_items a, .grid-entry-excerpt, .contact-f .button, .port-nav a, .tab_titles, .scx-title, .scx-label, #scx-widget input[type="text"], #scx-widget input[type="email"], #scx-widget input[type="tel"], div#scx-widget textarea, .scx-send-btn, .scx-error, .scx-ntf, #scx-widget .scx-cnv .scx-msg-content, #scx-widget .scx-cnv .scx-msg-author,#scx-widget .scx-popup-postchat .scx-subtitle, .scx-success, .av-magazine-content, #s, .taptap-search-wrapper input[type="text"], .project-nav-btns-big, #loftloader-wrapper .percentage, .offers-btn a, #socket, .form_element input, .form_element textarea,   .form_element .select , .form_element option, .avia_show_sort, .all_sort_button, .av-current-sort-title,
#main-port-grid .av-masonry-entry-content, .av_font_icon, .avia-tooltip, .avia-testimonial-name, .work-title, .work-pre-title, .work-desc, .main-title-1, .prince-pre-title, .main-sub-title, #slide-1-btn a, .slide-1-btn2 
{
     font-family: 'almonidl'!important;
}

::-webkit-input-placeholder{font-family: 'almonidl'!important;} :-moz-placeholder{font-family: 'almonidl'!important;} ::-moz-placeholder{font-family: 'almonidl'!important;} :-ms-input-placeholder {font-family: 'almonidl'!important;}

h3, .h3, .taptap-main a{
     font-weight: 700!important;
}


html, .html_stretched #wrap_all {
    background-color: #ffffff!important;
    overflow-x: hidden!important;
    overflow-y: scroll!important;
}


.container_wrap {
  border: none!important;
}
.page-head-sep{
  opacity: 0.8;
    display: none!important;
}
::-webkit-scrollbar { display: none; }.element { -ms-overflow-style: none; } 


@-moz-document url-prefix() {
    html,body{overflow: hidden !important;}
}

.avia-edge{
overflow-y: hidden!important;
}
#shortcode-widget-2{
    display: none;
}
.float-right .flex_column {
    float: right;
    margin-left: 0%;
    margin-right: 6%;
}

.mfp-wrap {
    z-index: 9999992;
}
.mfp-bg {
    z-index: 9999991;
}

.mfp-container {
    position: fixed;
}

.mfp-bottom-bar {
   display: none;
}


#page-head h1, .port-head h1{
    font-weight: 700!important;
}


#page-head h1{
     color: #0d3f7a!important;
     font-size: 45px;
}


.dark-page {
    background-color: #000000!important;
}


#top .dark-head-style h1{
    color: white!important;
}

#top .dark-head-style .av-subheading{
        color: #9a9a9a!important;
        margin-top: 15px;
}



/* Image with 'data' attribute is hidden */
#main img[data-lazy-src] {
    /* we set the opacity to 0 */
       opacity: 0;
    }
    /* Image without 'data' attribute is (or becomes) visible */
    #main img.lazyloaded {
    /* prepare the future animation */
       -webkit-transition: opacity .5s linear 0.2s;
           -moz-transition: opacity .5s linear 0.2s;
                     transition: opacity .5s linear 0.2s;
    /* we set the opacity to 1 to do the magic */
       opacity: 1;
    }
    
    
#ascrail2000{
    background: rgba(241, 241, 241, 0.2)!important;
}


#top .tab:focus {
    outline: none!important;
}



/********************************************************************

Scroll to top botton

*********************************************************************/

#scroll-top-link {
    background-color: rgba(255, 255, 255, 0.5);
    border-radius: 40px;
    color: #676767;
    border: 1px solid rgba(0, 0, 0, 0.3);
    box-shadow: none;
    height: 50px;
    width: 50px;
    line-height: 50px;
    bottom: 6%;
    left: 1vw;
    right: auto;
    box-shadow: 0px 0px 0px 0px rgb(255, 255, 255);
    -webkit-transition: all 0.2s ease-out!important;
    transition: all 0.2s ease-out!important;
}
#scroll-top-link:hover {
    background-color: #0d3f7a;
    color: #ffffff;
    opacity: 1;
    border-width: 0;
    box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.1), 0px 0px 0px 14px rgba(255, 255, 255, 0.10);
    -webkit-transition: all 0.2s ease-out!important;
    transition: all 0.2s ease-out!important;
}

#scroll-top-link:before {
    font-size: 20px;
        -webkit-transition: all 0.2s ease-out!important;
    transition: all 0.2s ease-out!important;
}



/********************************************************************

Page transition loader style

*********************************************************************/

.loader-bg{
       box-shadow: inset 0px 4000px 0px 0px rgba(0, 0, 0, 0.8);
}

#loftloader-wrapper{
    z-index: 99999999999999999999999999999999999;
}

#loftloader-wrapper .percentage{
    bottom: 0%!important;
    top: initial!important;
    margin-bottom: -100%!important;
    font-size: 80px!important;
    opacity: 0.3!important;
    letter-spacing: 4px!important;
}

.loaded #loftloader-wrapper span.percentage{
     opacity: 0!important;
}

.avia-msie .percentage{
    margin-bottom: 0% !important;
    transform: translate3d(-50%, 200px, 0px) !important;
    visibility: hidden!important;
    display: none!important;
}




/********************************************************************

Responsive Rules - DESKTOP

*********************************************************************/



@media only screen and (min-width: 2000px) and (max-width: 3200px){

    .html_header_top #top .av_header_stretch .container {
        width: 97%;
    }
        .responsive .container {
        max-width: 1800px;
    }
        
    .offers-btn a {
        font-size: 21px;
        padding: 11px 30px;
        letter-spacing: 0.8px;
    }
        
        .sm-open-state>a{
        font-size: 44px!important;
    }
      
          .avia-msie .percentage{
        margin-bottom: 0% !important;
        transform: translate3d(-50%, 200px, 0px) !important;
    }
        
        #loftloader-wrapper .percentage {
        margin-bottom: -175%!important;
    }
      
         #loader{
             margin-top: -40%!important;
        }
        
        .port-head .av-subheading {
        margin-bottom: 1.5%;
    }

    .page-head .content{
        padding: 6% 0!important;
    }

    .page-head H1{
        font-size: 38px!important;
    }

}


@media only screen and (min-width: 1100px) and (max-width: 2000px){}



@media only screen and (max-width: 2000px){

    .prince-c-logo svg {
        margin-top: 10%!important;
    }

    #loader{
        width: 80%!important;
         margin-top: -20%!important;
    }
    
    #loftloader-wrapper .percentage {
    margin-bottom: -125%!important;
    font-size: 70px!important;
}

}

            
@media only screen and (max-width: 1700px){

    .responsive .container {
        max-width: 1400px;
    }
        .custom-logo svg, .header-scrolled .header-taptap-main-wrapper-active .custom-logo svg {
        width: 100px;
    }

        
    #top .dark-scroll-style {
        height: 55px;
        width: 55px;
        line-height: 55px;
    }
        #scroll-top-link:before {
        font-size: 16px;
    }
}


@media only screen  and (max-width: 1600px){

    .responsive .container {
        max-width: 1300px;
    }
}


@media only screen and (max-width: 1450px) {

    .responsive .container {
        max-width: 1200px;
    }

        
    .main-sep{
        background-color: #b9b9b9!important;
        min-width: 35px!important;
}

}


@media only screen and (max-width: 1370px) {

    .responsive .container {
        max-width: 1150px;
    }
        #wrap_all #main {
        padding-top: 65px!important;
    }
        
        .html_header_transparency #wrap_all #main {
        padding-top: 0!important;
    }

    #loader{
        width: 75%!important;
            margin-top: -40%!important;
    }
    
    #loftloader-wrapper .percentage {
    margin-bottom: -70%!important;
    font-size: 60px!important;
}

    
#scroll-top-link {
    left: 30px;
}

.page-head .content{
    padding: 3% 0!important;
}

}


@media only screen and (max-width: 1300px){

    #scroll-top-link {
        right: 30px;
    }

}



@media only screen and (max-width: 1300px) and (min-height: 950px){}


@media only screen and (min-width: 1100px) and (max-width: 1450px){}




/********************************************************************

Responsive Rules - TABLETS

*********************************************************************/

/*
All Mobiles & tablets
================================================== */
@media only screen and (max-width: 1150px){

    .swipe-icon {
        display: block!important;
    }
        
        #scroll-top-link, .octAccess, .scroll-icon {
        display: none!important;
    }

}




/*
BIG tablets
================ */

@media only screen and (max-width: 1150px) and (orientation :  portrait){}


@media only screen and (max-width: 1150px) and (orientation : landscape){
}




/*
SMALL tablets
================ */

@media only screen and (max-width: 1100px) and (orientation : landscape){

    .responsive .container {
        max-width: 1000px;
    }

       
    .html_header_top #top .av_header_stretch .container {
        width: 95%;
    }


}


@media only screen and (max-width: 1100px) and (min-height: 600px) and (orientation : landscape){}


@media only screen and (max-width: 990px){


}


@media only screen and (max-width: 990px) and (orientation : portrait){

    .responsive .container {
        max-width: 96%;
    }

    .html_header_top #top .av_header_stretch .container {
        width: 92.5%;
    }
}



@media only screen and (max-width: 780px) and (min-height: 900px)  and (orientation : portrait){}




/********************************************************************

Responsive Rules - MOBILE

*********************************************************************/



@media only screen and (max-width: 767px){



}

@media only screen and (max-width: 767px) and (orientation : portrait){

    .responsive .container {
        width: 90%!important;
    max-width: 90%!important;
}

}

@media only screen and (max-width: 767px) and (orientation : landscape){

    .responsive #header_main .container {
        width: 94%!important;
        max-width: 94%!important;
    }
        .responsive #header_main .container {
        height: 50px!important;
    }

    #loader{
        width: 55%!important;
            margin-top: -30%!important;
    }
    
    #loftloader-wrapper .percentage {
    margin-bottom: -40%!important;
    font-size: 44px!important;
}
  
    
}



/*
iphone X
================ */
@media only screen and (device-width : 375px) and (device-height : 812px) and ( -webkit-min-device-pixel-ratio:3 ) and (orientation : portrait){}


/*
MOBILE XL
================ */

@media only screen and (min-width: 375px) and (max-width: 767px) and (orientation : portrait){}


/*
MOBILE M
================ */

@media only screen and (max-width: 375px) and (orientation : portrait){}

@media only screen and (max-width: 667px) and (orientation: landscape){}



/*
MOBILE SM
================================================== */

@media only screen and (max-width: 320px) and (orientation : portrait){

    .responsive .container {
        width: 85%!important;
        max-width: 85%!important;
    }

       
    #top #scx-widget .scx-popup {
        width: 275px!important;
        left: 7%!important;
    }
     
    #loftloader-wrapper .percentage {
        margin-bottom: -75%!important;
        font-size: 50px!important;
    }
    #loader {
        margin-top: -55%!important;
    }
}

@media only screen and (max-width: 568px) and (orientation : landscape){}