@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(/assets/fonts/raleway-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(/assets/fonts/lato-100-normal-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(/assets/fonts/lato-300-normal-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/fonts/lato-400-normal-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/fonts/lato-700-normal-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(/assets/fonts/lato-900-normal-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300 800;
  font-stretch: 100%;
  font-display: swap;
  src: url(/assets/fonts/open-sans-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Bree Serif';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/fonts/bree-serif-400-normal-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* /wp-includes/css/dist/block-library/style.min.css */

/* /wp-content/themes/sanabel/style.css */
html{overflow-x: hidden;}
body{font-family: "Raleway", sans-serif;
    font-size: 13px;
    line-height: 22px;
    background-color: #fff;
    color: #333;
    overflow-x: hidden;
    word-break: break-word;
    -webkit-font-smoothing: antialiased;}
*:focus{box-shadow: none;
    -webkit-box-shadow: none;
    outline: none;
    outline-offset: 0;}
.title{color: #333;}
[data-animation]{visibility: hidden;}
[set-animation] > *{visibility: hidden;}
img{max-width: 100%;
    height: auto;}
@media screen and (-webkit-min-device-pixel-ratio:0){@font-face {
    font-family: "fontello";
    src: url("/wp-content/themes/sanabel/framework/fontello/font/fontello.svg#fontello") format("svg");
    font-weight: normal;
    font-style: normal;
    }}
@media screen and (min–moz-device-pixel-ratio:0){@font-face {
    font-family: "fontello";
    src: url("/wp-content/themes/sanabel/framework/fontello/font/fontello.svg#fontello") format("svg");
    font-weight: normal;
    font-style: normal;
    }}
.title{margin-top: 0;}
h1,h2,h3,h4,h5,.widget_content > ul > li{font-weight: 600;}
.post_content h1,.post_content h2,.post_content h3,.post_content h4,.post_content h5{margin-bottom: 18px;}
.post_content h1{font-size: 32px;}
.post_content h2{font-size: 21px;}
.post_content h3{font-size: 17px;}
.post_content h4{font-size: 15px;}
a{color: #26BDEF;
    -o-transition: all  0.15s ease-in;
    -webkit-transition: all  0.15s ease-in;
    -moz-transition: all  0.15s ease-in;
    transition: all  0.15s ease-in;}
a:hover{text-decoration:none;
    color: #333;}
a:focus{outline: none;
    outline-offset: 0;
    text-decoration:none;}
input[type="submit"]{border: none;
    background: none;
    cursor: pointer;
    padding: 7px 30px 7px;
    display: inline-block;
    margin: 6px 0 0;
    font-weight: 400;
    outline: none;
    position: relative;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-transition: all 0.12s ease-in;
    -webkit-transition: all 0.12s ease-in;
    -moz-transition: all 0.12s ease-in;
    transition: all 0.12s ease-in;
    height: auto;
    cursor: pointer;
    color: #EEE;
    text-shadow: none!important;
    font-size: 14px;
    line-height: 22px !important;
    background: none;
    letter-spacing: 1px;
    background-color: #26BDEF;
    color: #EEE;}
input[type="submit"]:hover{background-color: #444;}
form{margin: 0;}
textarea,input[type="text"],input[type="password"],input[type="datetime"],input[type="datetime-local"],input[type="date"],input[type="month"],input[type="time"],input[type="week"],input[type="number"],input[type="email"],input[type="url"],input[type="search"],input[type="tel"],input[type="color"]{background-color: #FFF;
    color: #666;
    font-size: 12px;
    margin: 0;
    padding: 10px 12px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 0;
    border:1px solid #ddd;
    background-color: #fcfcfc;
    height: 36px;
    margin-top: 4px;
    max-width: 100%;
    outline: 0;}
textarea{width: 100%;
    height: auto;}
form p{font-size: 13px;
    font-weight: 600;
    color: #575757;}
input,textarea,textarea:hover,input:hover,textarea:active,input:active,textarea:focus,input:focus{outline: 0px !important;
    -webkit-appearance: none!important;
    box-shadow: none!important;}
.page-header{border-bottom: 0;
    text-transform: uppercase;
    margin-bottom: 8px;}
.new_section{padding: 60px 0;
    position: relative;}
.new_section.portfolio_section{overflow: hidden;}
.col-md-9 .new_section > .container{width: auto;}
.section_title{margin-bottom: 20px;}
.section_title.text-center{width: 80%;
  margin-left: auto;
  margin-right: auto;}
.section_title h2{font-size: 21px;
    color: #000;
    margin-bottom: 10px;}
.new_section .section_title .section_description{margin-bottom: 20px;
    color: #666;
    font-size: 16px;
    line-height: 24px;}
.section_title i{font-size:60px;
    color: #d1d1d1;
    margin-left:-12px;}
.other_projects_section{background-color: #F3F3F3;
    border-top: 1px solid #e7e7e7;
    padding: 60px 0;}
.unique_word_color{color: #26BDEF;}
.single_project_content.col-md-12{margin-bottom: 50px;}
.projects_wrapper.style_default .portfolio_grid_list{display: inline-block;
    text-align: left;
    position: relative;
    margin-bottom: 20px;
    overflow: hidden;}
.projects_wrapper.style_default.projects_grid{margin-bottom: -20px;}
.projects_wrapper.style_default .portfolio_figure{overflow: hidden;
    margin: 0;
    position: relative;
    border-radius: 5px;
    z-index: 1;}
.projects_wrapper.style_default .portfolio_figure .overlay_color{position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #222;
    opacity: 0.0;
    -o-transition: all  0.6s;
    -webkit-transition: all  0.6s;
    -moz-transition: all  0.6s;
    transition: all  0.6s;
    border-radius: 5px;
    overflow: hidden;}
.projects_wrapper.style_default figcaption.portfolio_caption{position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    color: #F1F1F1;
    text-align: center;
    top: 0;
    margin-top: 0;
    letter-spacing: 1px;
    text-transform: uppercase;}
.projects_wrapper.style_default figcaption.portfolio_caption .title{top: 50%;
    margin-top: -8px;
    position: relative;
    margin-left: 32px;
    margin-right: 32px;
    line-height: 25px;}
.projects_wrapper.style_default figcaption.portfolio_caption .portfolio_category{display: none;}
.projects_wrapper.style_default .portfolio_figure > img{border-radius: 5px;
    -o-transition: all  0.6s;
    -webkit-transition: all  0.6s;
    -moz-transition: all  0.6s;
    transition: all  0.6s;}
.projects_wrapper.style_default .portfolio_figure:hover > img{}
.projects_wrapper.style_default .portfolio_figure:hover .overlay_color{opacity: 0.8;}
.projects_wrapper.style_default .portfolio_caption .title{font-size: 14px;
    font-weight: 600;
    letter-spacing: 1.8px;
    -o-transition: all  0.6s;
    -webkit-transition: all  0.6s;
    -moz-transition: all  0.6s;
    transition: all  0.6s;
    opacity: 0;}
.projects_wrapper.style_default .portfolio_figure:hover .portfolio_caption .title{opacity: 1;
    color: #fff;}
.view_all_button{text-align: center;
    margin-top: 60px;}
.asalah_projects_shortcode_row.asalah_row{margin-left: -10px;
    margin-right: -10px;}
.clients_grid{text-align: center;}
.clients_grid.text-left{text-align: left;}
.clients_list{display: inline-block;}
.clients_item{display: inline-block;
    margin: 0 20px 40px;}
.clients_grid.text-left .clients_item{margin-left: 0;
    margin-right: 40px;}
.widget_container ul{list-style: none;
    margin-left: 0;
    padding-left: 0;}
.widget_container ul li{margin-bottom: 3px;}
.site_footer{color: #9D9D9D;
    letter-spacing: 0.3px;}
.site_footer a{color: #666666;}
.site_footer a:hover{color: #ccc;}
.site_footer .widget_nav_menu .nav>li>a{padding: 1px 0;}
.site_footer .page-header{margin-top: 0;
    border-bottom: 0;
    color: #ccc;
    margin-bottom: 14px;
    font-size: 15px;}
.site_footer h4.page-header{font-size: 14px;}
.second_footer{border-top: 4px solid #323232;
    margin-top: 40px;
    padding-top: 22px;}
.footer_text{float: right;
    color: #666;
    font-size:13px;}
.footer_navbar{margin-bottom: 0;
    min-height: initial;}
.footer_navbar .nav > li{float: left;}
.footer_navbar .nav>li>a{padding: 0px 16px 0px;
    padding-left: 0;
    margin-right: 11px;
    text-transform: uppercase;
    color: #666666;
    letter-spacing: 0.5px;
    font-size: 12px;
    font-weight: 600;}
.footer_navbar .nav>li>a:focus,.footer_navbar .nav>li>a:hover{color: #666;}
.footer_navbar .nav>li>a:after{content: "";
    height: 14px;
    width: 1px;
    background-color: #272727;
    position: absolute;
    right: 0;
    bottom: 6px;}
.footer_navbar .nav>li:last-child>a:after{display: none;}
.footer_navbar .nav>li:last-child>a{padding-right:0px;}
.footer_navbar .nav{margin-right: 0;}
.footer-fluid{background-color: #272727;
    padding: 90px 0 32px;}
.site_footer .widget_container{margin-bottom: 20px;}
.site_footer .widget_container:last-child{margin-bottom: 0px;}
.site_footer .widget_content > ul > li{border-bottom: 1px solid #383838;
    padding-bottom: 5px;
    margin-bottom: 5px;}
.site_footer.dark_footer .widget_content > ul > li a{color: #999;}
.page_title_holder{background-color: #f1f1f1;
    padding: 46px 0;
    color: #333;
    font-weight: 800;
    letter-spacing: 0.4px;
    position: relative;}
.page_title_holder a{color: #555;
    font-weight: 400;}
.page_title_holder span.divider{color: #26BDEF;
    margin: 0 2px;}
.page_title_holder h1{float: left;
    font-size: 15px;
    margin-top: 0;
    margin-bottom: 0;
    line-height: 24px;
    width: 50%;}
body.home .page_title_holder h1{margin-bottom: -5px;}
.page_title_holder .breadcrumb{float: right;
    text-align: right;
    padding: 0;
    margin: 0;
    background-color: rgba(0, 0, 0, 0);
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    font-size: 12px;
    font-weight: 600;
    width: 50%;}
.page_title_holder .container{position: relative;}
.portfolio_filter.navbar .nav>li{float: left;}
.portfolio_filter.navbar .nav>li>a{background-color: #eee;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    color: #888;
    padding: 4px 10px;
    margin: 0px 8px;
    font-size: 13px}
.portfolio_filter.navbar .nav>li:first-child>a{margin-left: 0;}
.portfolio_filter.navbar .nav>li:last-child>a{margin-right: 0;}
.portfolio_filter.navbar .nav{float: none;
    display: inline-block;}
.portfolio_filter.navbar{text-align: left;
    margin-bottom: 34px;}
.portfolio_filter.navbar .nav>.active>a{color: #EEE;
    text-decoration: none;
    background-color: #26BDEF;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    position: relative;}
.portfolio_filter.navbar .nav>.active>a:after{content: "";
    display: inline-block;
    border-left: 6px solid rgba(0, 0, 0, 0);
    border-right: 6px solid rgba(0, 0, 0, 0);
    border-top: 6px solid #FFF;
    border-top: 6px solid #26BDEF;
    position: absolute;
    bottom: -6px;
    left: 50%;
    margin-left: -6px;}
.blog_heading{}
.content_banner img{width: 100%;
    height: auto;}
.blog_banner{margin-bottom: 20px;}
.blog_box_item{float: left;
    margin-top: 5px;
    padding-right: 12px;
    margin-bottom: 5px;}
.blog_post_type{background-color: #26BDEF;
    color: #fff;
    font-size: 23px;
    text-align: center;
    padding: 17px 16px;
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px;
    margin-bottom: 2px;
    float: left;
    margin-right: 16px;
    margin-top: -20px;
    position: relative;
    overflow: hidden;}
.blog_post_type.standard_post_icon{margin-top: 0;
    padding: 13px 16px;
    border-radius: 2px;}
.blog_post_type img{max-width: 20px;}
.blog_title h3,.blog_title h3 > a{margin: 0;
    line-height: 26px;
    font-size: 19px;
    color: #333;
    font-weight: 600;
    letter-spacing: 0.2px;
    margin-top: -4px;}
.blog_info_box{border-top: 1px solid #f0f0f0;
    margin-top: 14px;
    border-bottom: 1px solid #f0f0f0;
    overflow: hidden;}
.meta_item{margin-right: 12px;
    font-size: 12px;
    font-weight: 300;
    letter-spacing: 0.4px;}
.meta_item,.meta_item a{color: #555;}
.meta_item .meta_icon{color: #666;}
.blog_description{font-size: 13px;
    line-height: 23px;
    letter-spacing: 0.3px;}
.blog_description li{margin-bottom: 8px;}
.blog_description li > ul{margin-top: 8px;}
.blog_main_content .blog_description{margin-top: 14px;
    color: #333;}
.single_main_content .blog_description{}
.blog_content_wrapper{position: relative;}
.single_main_content .blog_content_wrapper.shifted_description .blog_description{margin-left: 75px;}
.single_main_content .blog_description p{margin: 0 0 14px;}
.blog_main_content .blog_post{padding-bottom: 40px;
    margin-bottom: 40px;}
.blog_main_content .blog_post:last-child{padding-bottom: 0px;
    margin-bottom: 0px;}
.side_content .widget_container{margin-bottom: 28px;
    color: #333;}
.side_content .widget_container:last-child{margin-bottom: 0px;}
.side_content .widget_container h4.page-header{margin-top: 0;
    font-size: 14px;}
.widget_content > ul > li{border-bottom: 1px solid #EBEBEB;
    padding-bottom: 8px;
    margin-bottom: 8px;
    line-height: 21px;
    font-size: 13px;}
.widget_content > ul > li:last-child{margin-bottom: 0px;
    padding-bottom: 0;
    border-bottom: 0;}
.widget_content > ul > li a{color: #333;
    font-weight: 400;}
.single_main_content .blog_info_box{margin-bottom: 22px;}
.post_comments_box{border-top: 1px solid #e7e7e7;
    margin-top: -1px;}
.post_comments_box h4.page-header{margin-top:0;
    margin-bottom: 16px;}
.new_comment_box textarea,.new_comment_box input[type="text"]{background-color: #f8f8f8;
    border: 1px solid #dddddd;
    border-radius: 0;
    padding: 19px 12px;}
.slide_menu_list_wrapper{position: fixed;
    overflow: hidden;}
.asalah_row{margin-left: -15px;
    margin-right: -15px;
    margin-bottom: 30px;}
.asalah_row:last-child{margin-bottom: 0;}
.one_third,.two_third,.one_fourth{position: relative;
    padding-right: 15px;
    padding-left: 15px;
    float: left;
    border-width: 0;
    border-style: solid;}
.one_third{width: 33.333%;}
.two_third{width: 65.33%;}
.one_fourth{width: 25%;}
*,*:before,*:after{-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;}
.asalah_row > br{display: none;}
.asalah_button{text-align: center;
    border: 2px solid #26BDEF;
    border-radius: 0;
    color: #26BDEF;
    letter-spacing: 1.5px;
    display: inline-block;
    font-size: 12px;
    text-align: center;
    border: 1px solid #26BDEF;
    padding: 7px 18px;
    border-radius: 0;
    color: #26BDEF;
    letter-spacing: 1.5px;
    display: inline-block;
    border-radius: 4px;
    font-size: 12px;}
.asalah_button.button_medium{padding: 11px 31px;
    font-size: 14px;}
.asalah_button.button_large{padding: 25px 95px;
    padding: 18px 56px;
    font-size: 17px;}
.asalah_button.button_soft{background-color: #26BDEF;
    color: #fff;
    border-color: #26BDEF;}
.asalah_button.button_gradient{background-color: #26BDEF;
    color: #fff;
    border-color: #26BDEF;
    background-image: linear-gradient(bottom, #0EAADD 0%, #51D4FF 100%);
    background-image: -o-linear-gradient(bottom, #0EAADD 0%, #51D4FF 100%);
    background-image: -moz-linear-gradient(bottom, #0EAADD 0%, #51D4FF 100%);
    background-image: -webkit-linear-gradient(bottom, #0EAADD 0%, #51D4FF 100%);
    background-image: -ms-linear-gradient(bottom, #0EAADD 0%, #51D4FF 100%);}
.asalah_button{-o-transition: all  0.10s ease-in;
    -webkit-transition: all  0.10s ease-in;
    -moz-transition: all  0.10s ease-in;
    transition: all  0.10s ease-in;}
a .asalah_button:hover{opacity: 0.9;}
input[type="submit"].wpcf7-submit,.one_third .asalah_button.button_soft,.rev_slider .asalah_button.button_gradient{background-color: #FF841A;
    background-image:none;
    border-color: #FF841A;}
.site_header{background-color: #fff;
    -webkit-backface-visibility: hidden;}
.navbar{min-height: initial;
    position: inherit;}
header.site_header{position: relative;
    z-index: 99;}
.header_below{padding: 30px 0;
    position: relative;
    border-bottom: 1px solid #e2e2e2;}
.logo{float: left;
    margin-top: 0;}
.logo img{-o-transition: all  0.1s;
    -webkit-transition: all  0.1s;
    -moz-transition: all  0.1s;
    transition: all  0.1s;}
.logo h1{font-size: 35px;
    margin-top: 13px;}
.logo a{color: #222;
    text-decoration: none;}
.main_navbar{margin-bottom: 0;
    margin-top: 0;}
.nav > li > a:hover,.nav > li > a:focus{background-color: transparent;}
.navbar .nav>li>a>img{-webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    filter: grayscale(100%);}
.nav > li > a > img{max-width: none;
    max-height: 15px;
    margin-top: -3px;
    margin-right: 3px;}
.header_button{margin-top: 0;}




.portfolio_grid.asalah_row{margin-left: -10px;
    margin-right: -10px;
    width: auto;}
.grid_list{list-style: none;
    padding-left: 10px;
    padding-right: 10px;}
.post_figure{border-radius: 5px;
    overflow: hidden;
    margin-bottom: -4px;}
.post_caption p{color: #555;
    font-size: 14px;
    line-height: 24px;}
.post_caption .title{text-transform: uppercase;
    color: #333;
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 24px;}
.post_caption{background-color: #fff;
    padding: 34px 20px 20px;
    border-radius: 5px;}
.post_meta{font-size: 12px;
    color: #888;
    margin-top: 2px;}
.post_meta_item{margin-right: 10px;}
.post_meta_item i{margin-right: 1px;}
.filterable_blog_shortcode.filterable_grid.asalah_row{width: auto;
    margin-left: -10px;
    margin-right: -10px;}
.filterable_blog_shortcode .post_grid_list{margin-bottom:  20px;}


.header_button .gototop > i{float: left;
    background-color: #26BDEF;
    color: #fff;
    border-radius: 20px;
    line-height: 36px;
    margin: 2px;
    width: 36px;
    height: 36px;
    cursor: pointer;
    text-align: center;}
.header_button .gototop{display: none;
    position: absolute;
    margin-left: 10px;
    right: 0;}
.fixed_header .logo{-o-transition: all  0.2s ease-in;
    -webkit-transition: all  0.2s ease-in;
    -moz-transition: all  0.2s ease-in;
    transition: all  0.2s ease-in;}
.site_header.fixed_header{position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
    margin-top: 0;}
.site_header.fixed_header.sticky_header .header_below,.site_header.fixed_header.sticky_header .header_top{-o-transition: all  0.2s ease-in;
    -webkit-transition: all  0.2s ease-in;
    -moz-transition: all  0.2s ease-in;
    transition: all  0.2s ease-in;}
.site_header.fixed_header.sticky_header .header_below{padding: 2px 0 0;}
.logo a{font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;}
.logo a:hover{opacity: 1;}
.header_top{font-size: 11px;
    color: #333;
    letter-spacing: 0.6px;}
.header_top{background-color: #f1f1f1;
    border-bottom: 1px solid #e8e8e8;
    padding: 0;}
.page_builder_template > p{display: none;}
.pagination > li > a{background-color: #F8F8F8;
    border-color: #f3f3f3;
    margin-right: 6px;
    color: #a4a4a4;
    padding: 8px 0;
    text-align: center;
    width: 40px;
    -o-transition: all  0.15s ease-in;
    -webkit-transition: all  0.15s ease-in;
    -moz-transition: all  0.15s ease-in;
    transition: all  0.15s ease-in;}
.pagination > li > a:hover{background-color: #f3f3f3;
    border-color: #e7e7e7;
    color: #a4a4a4;}
.pagination > li:last-child > a{margin-right: 0;}
.pagination > li > a.active{background-color: #f3f3f3;
    border-color: #e7e7e7;
    color: #222;}
.blog_body_wrapper{position: relative;}
.blog_body_wrapper .blog_social_share{float: left;}
.blog_body_wrapper .blog_social_share ul{padding: 0;
    list-style: none;}
.blog_social_share .blog_share_sign{color: #E7E7E7;
    font-size: 16px;
    text-align: center;
    margin-left: 10px;
    margin-bottom: 6px;
    display: inline-block;}
.blog_social_share .blog_post_share_icons .social_icon a{width: 35px;
    display: block;
    text-align: center;
    height: 35px;
    margin-bottom: 5px;
    border-radius: 4px;
    font-size: 12px;
    line-height: 37px;
    padding: 0;}
.blog_body_wrapper .blog_heading{min-height: 200px;}
.project_description_content.col-md-8 > .widget_container > .title{display: none;}
.project_description_content.col-md-8{margin-top: -4px;}
.project_details_item strong{font-weight: 500;}
.project_details_item{color: #444;}
.project_details_item a{color: #999;}
a.project_preview_button{background-color: #26BDEF;
    color: #fff;
    padding: 10px;
    display: block;
    text-align: center;
    border-radius: 3px;
    margin-top: 26px;}
a.project_preview_button:hover{background-color: #333;}
.project_details_item p{margin-bottom: 10px;}
.side_content .project_info_container  .widget_container h4.page-header{margin-bottom: 10px;
    font-size: 17px;}
ul.asalah_list{padding: 0;
    list-style: none;}
li.asalah_list_item{margin-bottom: 6px;}
li.asalah_list_item > i.asalah_list_icon{font-size: 15px;
    margin-right: 6px;}
li.asalah_list_item > img.asalah_list_icon{height: 15px;
    height: auto;
    margin-right: 6px;
    padding-top: 3px;}
.social_icon.facebook_icon a{background: #4f8ac3; 
    
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzRmOGFjMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0ZTcwYmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #4f8ac3 0%, #4e70bf 100%); 
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4f8ac3), color-stop(100%,#4e70bf)); 
    background: -webkit-linear-gradient(top,  #4f8ac3 0%,#4e70bf 100%); 
    background: -o-linear-gradient(top,  #4f8ac3 0%,#4e70bf 100%); 
    background: -ms-linear-gradient(top,  #4f8ac3 0%,#4e70bf 100%); 
    background: linear-gradient(to bottom,  #4f8ac3 0%,#4e70bf 100%); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#4f8ac3", endColorstr="#4e70bf",GradientType=0 );}
.social_icon.twitter_icon a{background: #3ce9f2; 
    
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzNjZTlmMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzYmJkZWQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #3ce9f2 0%, #3bbded 100%); 
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3ce9f2), color-stop(100%,#3bbded)); 
    background: -webkit-linear-gradient(top,  #3ce9f2 0%,#3bbded 100%); 
    background: -o-linear-gradient(top,  #3ce9f2 0%,#3bbded 100%); 
    background: -ms-linear-gradient(top,  #3ce9f2 0%,#3bbded 100%); 
    background: linear-gradient(to bottom,  #3ce9f2 0%,#3bbded 100%); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#3ce9f2", endColorstr="#3bbded",GradientType=0 );}
.social_icon.google-plus_icon a{background: #494949; 
    
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQ5NDk0OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzMzMzMzMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #494949 0%, #333333 100%); 
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#494949), color-stop(100%,#333333)); 
    background: -webkit-linear-gradient(top,  #494949 0%,#333333 100%); 
    background: -o-linear-gradient(top,  #494949 0%,#333333 100%); 
    background: -ms-linear-gradient(top,  #494949 0%,#333333 100%); 
    background: linear-gradient(to bottom,  #494949 0%,#333333 100%); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#494949", endColorstr="#333333",GradientType=0 );}
.social_icon.instagram_icon a{background: #a87560; 
    background: -moz-linear-gradient(top,  #C0A093 0%, #9f6f5b 100%); 
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#C0A093), color-stop(100%,#9f6f5b)); 
    background: -webkit-linear-gradient(top,  #C0A093 0%,#9f6f5b 100%); 
    background: -o-linear-gradient(top,  #C0A093 0%,#9f6f5b 100%); 
    background: -ms-linear-gradient(top,  #C0A093 0%,#9f6f5b 100%); 
    background: linear-gradient(to bottom,  #C0A093 0%,#9f6f5b 100%); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#C0A093", endColorstr="#9f6f5b",GradientType=0 );}
.social_icon a{padding: 5px;
    background-color: #333;
    color: #fff;}
.social_icons_list{padding: 0;}
.social_custom_list .social_icons_list{display: inline-block;}
.social_custom_list .social_icons_list li{display: inline-block;
    margin-left: 4px;
    margin-right: 4px;
    margin-bottom: 8px;}
.social_custom_list.text-left .social_icons_list li{margin-left: 0px;
    margin-right: 8px;}
.social_custom_list .social_icons_list li a{display: inline-block;
    width: 36px;
    border-radius: 3px;
    font-size: 13px;
    text-align: center;}
.social_custom_list .social_icons_list li a:hover{color: #EAEAEA;}
.text-default.social_custom_list .social_icons_list li,.text-left.social_custom_list .social_icons_list li{margin-left: 0;}
.title_wrapper{position: relative;}
.title_wrapper .title{margin-bottom: 0;
    line-height: 28px;
    font-size: 16px;}
.title_divider{width: 100%;
    height: 1px;
    background-color: #E5E5E5;
    margin-top: 0;
    display: inline-block;
    position: relative;}
.filterable_wrapper .filterable_grid,.portfolio_filter_options{display: none;}




.projects_wrapper.style_classic figcaption.portfolio_caption{padding-top: 28px;
    border-bottom: 1px solid #eee;
    background-color: #FAFAFA;
    padding-bottom: 16px;
    margin-top: -3px;
    text-align: center;
    -o-transition: all  0.15s ease-in;
    -webkit-transition: all  0.15s ease-in;
    -moz-transition: all  0.15s ease-in;
    transition: all  0.15s ease-in;
    padding-left: 18px;
    padding-right: 18px;}
.projects_wrapper.style_classic .portfolio_figure:hover figcaption.portfolio_caption{border-bottom: 1px solid #26BDEF;}
.projects_wrapper.style_classic figcaption.portfolio_caption .title{line-height: 25px;
    opacity: 1;
    color: #000;
    text-transform: none;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 0;}
.projects_wrapper.style_classic figcaption.portfolio_caption .portfolio_category{font-size: 13px;
    color: #999;}
.projects_wrapper.style_classic .portfolio_figure img.wp-post-image{-o-transition: all  0.15s ease-in;
    -webkit-transition: all  0.15s ease-in;
    -moz-transition: all  0.15s ease-in;
    transition: all  0.15s ease-in;}
.projects_wrapper.style_classic .portfolio_figure:hover img.wp-post-image{opacity: 0.8;}
.projects_wrapper.style_classic .portfolio_grid_list{margin-bottom: 20px;}
.projects_wrapper.style_classic .portfolio_figure{border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    overflow: hidden;}
.portfolio_page .main_content{width: 100%;}
img.wp-post-image{-webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    transform: translateZ(0);}
.blog_main_content.style_classic .blog_post{margin-left: -10px;
    margin-right: -10px;
    position: relative;}
.blog_main_content.style_classic .blog_banner{width: 40%;
    float: left;
    padding-left: 10px;
    padding-right: 10px;}
.blog_main_content.style_classic .blog_banner iframe{min-height: 200px;}
.blog_main_content.style_classic .blog_info{width: 60%;
    float: left;
    padding-left: 10px;
    padding-right: 10px;}
.blog_main_content_layout.col-md-12 .blog_main_content.style_classic .blog_banner{width: 30%;}
.blog_main_content_layout.col-md-12 .blog_main_content.style_classic .blog_info{width: 70%;}
.blog_main_content.style_classic .blog_post_type{position: absolute;
    margin-top: 0;
    left: 10px;
    font-size: 15px;
    padding: 9px 12px;
    border-bottom-left-radius: 0;
    opacity: 0.7;}
.blog_main_content.style_classic .blog_post_type.standard_post_icon{position: initial;}
.blog_main_content.style_classic .blog_post.blog_type .blog_info{width: 100%;}
.blog_main_content.style_classic .blog_info_box{margin-top: 5px;}
.blog_main_content.style_classic .blog_box_item{margin-top: 2px;
    margin-bottom: 2px;}
.blog_main_content.style_classic .blog_description{margin-top: 10px;
    font-size: 13px;
    line-height: 22px;}
.blog_main_content.style_classic .blog_post{padding-bottom: 0;
    margin-bottom: 30px;}
.blog_main_content.style_classic .blog_title h3,.blog_main_content.style_classic .blog_title h3 > a{line-height: 29px;
    font-size: 20px;
    margin-top: -2px;
    margin-bottom: 12px;}
.blog_main_content .pagination{margin-top: 0;}
.filterable_grid{width: 100%;}
.pagination_container{clear: both;}
..image_shortcode_wrapper{max-width: 100%;}
.aligncenter,.image_shortcode_wrapper.aligncenter > img{display: block;
    margin-left: auto;
    margin-right: auto;}
img.aligncenter{margin-top: 0;
    margin-bottom: 0;}
.image_shortcode_wrapper > img{margin: 0;}
.image_shortcode_wrapper.aligncenter{margin-top: 0;
    margin-bottom: 0;}
.portfolio_page .main_content{width: 100%;}
.portfolio_caption .project_text{display: none;}
input[type="url"]{background-color: #444;
    border-color: #282828;}
.postlist-widget .post_list .post_item{margin-bottom: 16px;}
.side_content .postlist-widget .post_list .post_item{margin-bottom: 20px;}
.postlist-widget .post_list .post_item:last-child{margin-bottom: 0;}
.postlist-widget .post_thumbnail{float: left;
    margin-right: 7px;
    border-radius: 4px;
    overflow: hidden;}
.postlist-widget .post_thumbnail img.wp-post-image{border-radius: 4px;}
.postlist-widget .post_info .title{margin-top: -3px;
    font-size: 13px;
    line-height: 16px;
    font-weight: 500;
    margin-bottom: -3px;}
.side_content .postlist-widget .post_info .title a{color: inherit;
    font-weight: 600;}
.site_footer.dark_footer .postlist-widget .post_info .title a{color: #ccc;}
.postlist-widget .post_info .post_time{font-size: 11px;
    opacity: 0.8;}
.skin_color{color: #26BDEF;}
.effect1{-webkit-box-shadow: 0 10px 6px -6px #777;
       -moz-box-shadow: 0 10px 6px -6px #777;
            box-shadow: 0 10px 6px -6px #777;}
.shadow_effect:before,.shadow_effect:after{display: block;
    opacity: 0.7;}
.nav .open > a,.nav .open > a:hover,.nav .open > a:focus{background-color: transparent;}
.dropdown-menu{border-radius: 0;
    padding: 0;
    border-left: 0;
    border-right: 0;}
.navbar.classic_menu_style .dropdown-menu{border-top: 2px solid #26BDEF;}
.navbar-nav > li > .dropdown-menu{margin-top: 0px;}
.navbar.classic_menu_style .navbar-nav > li > .dropdown-menu{margin-top: 0px;}
.dropdown > .dropdown-menu{}
.navbar.classic_menu_style .current-menu-ancestor.dropdown > a,.navbar.classic_menu_style > .main_nav > .nav > .current_page_item > a,.navbar.classic_menu_style > .main_nav > .nav > .active > a{border-bottom: 2px solid #26BDEF;
    margin-bottom: -3px;}
.navbar.classic_menu_style .dropdown .current_page_item > a,.navbar.classic_menu_style .dropdown .active > a{margin-top:0;
    border-top: 0;}
.dropdown-menu > li > a{display: block;
    padding: 6px 14px;
    clear: both;
    font-weight: normal;
    line-height: 22px;
    color: inherit;
    white-space: nowrap;
    font-size: 12px;
    border-bottom: 1px solid #eee;}
.dropdown-menu > li:last-child > a{border-bottom-width: 0;}
.dropdown-menu > .active > a,.dropdown-menu > .active > a:hover,.dropdown-menu > .active > a:focus{color: inherit;
    background-color: #f5f5f5;}
.side_content .widget_nav_menu ul.menu{margin: 0;
    list-style: none;
    padding: 0;
    background-color: #fff;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.08);
    -moz-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.08);
    box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.08);
    border: 1px solid #ddd;}
.side_content .widget_nav_menu ul.menu > li{margin-bottom: 0;}
.side_content .widget_nav_menu ul.menu > li > a{padding: 10px 14px;
    display: block;
    border-bottom: 1px solid #ddd;
    color: #727272;
    font-weight: 500;
    letter-spacing: 0.3px;}
.side_content .widget_nav_menu ul.menu > li > a:hover{background-color: #F7F7F7;}
.side_content .widget_nav_menu ul.menu > li.current_page_item > a,.side_content .widget_nav_menu ul.menu > li.active > a{background-color: #26BDEF;
    color: #fff;}
.side_content .widget_nav_menu ul.menu > li:last-child > a{border-bottom: 0;}
.side_content .widget_nav_menu ul.menu > li.current_page_item > a:before,.side_content .widget_nav_menu ul.menu > li.active > a:before{content: "";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    float: right;
    line-height: 22px;}
.side_content.pull-right .widget_nav_menu ul.menu > li > a{text-align: right;}
.side_content.pull-right .widget_nav_menu ul.menu > li.current_page_item > a:before,.side_content.pull-right .widget_nav_menu ul.menu > li.active > a:before{content: "";
    float: left;}




.blog_posts_wrapper.filterable_wrapper{position: relative;}
#slide_menu_list{display: none;}
.mobile_menu{display: none;}
.mobile_menu{float: right;
    font-size: 24px;
    margin-top: 20px;}
.mobile_menu a{color: inherit;}
.post_navigation_container{margin-top: 40px;}
.post_navigation_wrapper{padding: 10px 0;
    border-top: 1px solid #ECECEC;
    border-bottom: 1px solid #ECECEC;}
.post_navigation_wrapper a{color: #4c4c4c;
    letter-spacing: 0.4px;
    font-weight: bold;}
.post_navigation_wrapper a:hover{color: #000;}
.post_navigation_wrapper .next_nav_arrow{float: right;}
.post_navigation_wrapper .prev_nav_arrow{float: left;}
/* /wp-content/themes/sanabel/framework/fontello/css/fontello.css */
@font-face{font-family: "fontello";
  
  
  font-weight: normal;
  font-style: normal;src:url("/wp-content/themes/sanabel/framework/fontello/font/fontello.woff") format("woff")}
[class^="icon-"]:before,[class*=" icon-"]:before{font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
 
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  
 
  
  font-variant: normal;
  text-transform: none;
     
  
  line-height: 1em;
 
  
  
  margin-left: .2em;}
.icon-user:before{content: "";}
.icon-comment:before{content: "";}
.icon-folder-open:before{content: "";}
.icon-calendar:before{content: "";}
/* /wp-content/themes/sanabel/framework/fontello/css/animation.css */




/* /wp-content/themes/sanabel/framework/bootstrap/css/bootstrap.min.css */
html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
body{margin:0}
article,figcaption,figure,footer,header,nav,section{display:block}
[hidden]{display:none}
a{background:0 0}
a:active,a:hover{outline:0}
b,strong{font-weight:700}
h1{margin:.67em 0;font-size:2em}
img{border:0}
figure{margin:1em 40px}
button,input,textarea{margin:0;font:inherit;color:inherit}
button{overflow:visible}
button{text-transform:none}
button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}
button[disabled],html input[disabled]{cursor:default}
button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}
input{line-height:normal}
input[type=checkbox],input[type=radio]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}
input[type=search]{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;-webkit-appearance:textfield}
input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}
textarea{overflow:auto}
@media print{*{color:#000!important;text-shadow:none!important;background:transparent!important;-webkit-box-shadow:none!important;box-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}a[href^="javascript:"]:after,a[href^="#"]:after{content:""}img{page-break-inside:avoid}img{max-width:100%!important}p,h2,h3{orphans:3;widows:3}h2,h3{page-break-after:avoid}.navbar{display:none}}

*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
:before,:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
html{font-size:10px;-webkit-tap-highlight-color:rgba(0,0,0,0)}
body{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;line-height:1.42857143;color:#333;background-color:#fff}
input,button,textarea{font-family:inherit;font-size:inherit;line-height:inherit}
a{color:#428bca;text-decoration:none}
a:hover,a:focus{color:#2a6496;text-decoration:underline}
a:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}
figure{margin:0}
img{vertical-align:middle}
.img-responsive{display:block;width:100% \	;max-width:100%;height:auto}
h1,h2,h3,h4,h5{font-family:inherit;font-weight:500;line-height:1.1;color:inherit}
h1,h2,h3{margin-top:20px;margin-bottom:10px}
h4,h5{margin-top:10px;margin-bottom:10px}
h1{font-size:36px}
h2{font-size:30px}
h3{font-size:24px}
h4{font-size:18px}
h5{font-size:14px}
p{margin:0 0 10px}
.text-left{text-align:left}
.text-center{text-align:center}
.page-header{padding-bottom:9px;margin:40px 0 20px;border-bottom:1px solid #eee}
ul{margin-top:0;margin-bottom:10px}
ul ul{margin-bottom:0}
.container{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}
@media (min-width:768px){.container{width:750px}}
@media (min-width:992px){.container{width:970px}}
@media (min-width:1200px){.container{width:1170px}}
.container-fluid{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}
.row{margin-right:-15px;margin-left:-15px}
.col-md-3,.col-md-4,.col-md-8,.col-md-9,.col-md-12{position:relative;min-height:1px;padding-right:15px;padding-left:15px}
@media (min-width:992px){.col-md-3,.col-md-4,.col-md-8,.col-md-9,.col-md-12{float:left}.col-md-12{width:100%}.col-md-9{width:75%}.col-md-8{width:66.66666667%}.col-md-4{width:33.33333333%}.col-md-3{width:25%}}
label{display:inline-block;max-width:100%;margin-bottom:5px;font-weight:700}
input[type=search]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
input[type=radio],input[type=checkbox]{margin:4px 0 0;margin-top:1px \	;line-height:normal}
input[type=file]{display:block}
input[type=range]{display:block;width:100%}
input[type=file]:focus,input[type=radio]:focus,input[type=checkbox]:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}
input[type=search]{-webkit-appearance:none}
input[type=date],input[type=time],input[type=datetime-local],input[type=month]{line-height:34px;line-height:1.42857143}
input[type=radio][disabled],input[type=checkbox][disabled]{cursor:not-allowed}
.dropdown{position:relative}
.dropdown-toggle:focus{outline:0}
.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:160px;padding:5px 0;margin:2px 0 0;font-size:14px;text-align:left;list-style:none;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #ccc;border:1px solid rgba(0,0,0,.15);border-radius:4px;-webkit-box-shadow:0 6px 12px rgba(0,0,0,.175);box-shadow:0 6px 12px rgba(0,0,0,.175)}
.dropdown-menu.pull-right{right:0;left:auto}
.dropdown-menu .divider{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5}
.dropdown-menu>li>a{display:block;padding:3px 20px;clear:both;font-weight:400;line-height:1.42857143;color:#333;white-space:nowrap}
.dropdown-menu>li>a:hover,.dropdown-menu>li>a:focus{color:#262626;text-decoration:none;background-color:#f5f5f5}
.dropdown-menu>.active>a,.dropdown-menu>.active>a:hover,.dropdown-menu>.active>a:focus{color:#fff;text-decoration:none;background-color:#428bca;outline:0}
.open>.dropdown-menu{display:block}
.open>a{outline:0}
.pull-right>.dropdown-menu{right:0;left:auto}
.nav{padding-left:0;margin-bottom:0;list-style:none}
.nav>li{position:relative;display:block}
.nav>li>a{position:relative;display:block;padding:10px 15px}
.nav>li>a:hover,.nav>li>a:focus{text-decoration:none;background-color:#eee}
.nav .open>a,.nav .open>a:hover,.nav .open>a:focus{background-color:#eee;border-color:#428bca}
.nav>li>a>img{max-width:none}
.navbar{position:relative;min-height:50px;margin-bottom:20px;border:1px solid transparent}
@media (min-width:768px){.navbar{border-radius:4px}}
.navbar-nav{margin:7.5px -15px}
.navbar-nav>li>a{padding-top:10px;padding-bottom:10px;line-height:20px}
@media (max-width:767px){.navbar-nav .open .dropdown-menu{position:static;float:none;width:auto;margin-top:0;background-color:transparent;border:0;-webkit-box-shadow:none;box-shadow:none}.navbar-nav .open .dropdown-menu>li>a{padding:5px 15px 5px 25px}.navbar-nav .open .dropdown-menu>li>a{line-height:20px}.navbar-nav .open .dropdown-menu>li>a:hover,.navbar-nav .open .dropdown-menu>li>a:focus{background-image:none}}
@media (min-width:768px){.navbar-nav{float:left;margin:0}.navbar-nav>li{float:left}.navbar-nav>li>a{padding-top:15px;padding-bottom:15px}}
.navbar-nav>li>.dropdown-menu{margin-top:0;border-top-left-radius:0;border-top-right-radius:0}
.breadcrumb{padding:8px 15px;margin-bottom:20px;list-style:none;background-color:#f5f5f5;border-radius:4px}
.breadcrumb>li{display:inline-block}
.breadcrumb>li+li:before{padding:0 5px;color:#ccc;content:"/ "}
.breadcrumb>.active{color:#777}
.pagination{display:inline-block;padding-left:0;margin:20px 0;border-radius:4px}
.pagination>li{display:inline}
.pagination>li>a{position:relative;float:left;padding:6px 12px;margin-left:-1px;line-height:1.42857143;color:#428bca;text-decoration:none;background-color:#fff;border:1px solid #ddd}
.pagination>li:first-child>a{margin-left:0;border-top-left-radius:4px;border-bottom-left-radius:4px}
.pagination>li:last-child>a{border-top-right-radius:4px;border-bottom-right-radius:4px}
.pagination>li>a:hover,.pagination>li>a:focus{color:#2a6496;background-color:#eee;border-color:#ddd}
.pagination>.active>a,.pagination>.active>a:hover,.pagination>.active>a:focus{z-index:2;color:#fff;cursor:default;background-color:#428bca;border-color:#428bca}



.clearfix:before,.clearfix:after,.container:before,.container:after,.container-fluid:before,.container-fluid:after,.row:before,.row:after,.nav:before,.nav:after,.navbar:before,.navbar:after{display:table;content:" "}
.clearfix:after,.container:after,.container-fluid:after,.row:after,.nav:after,.navbar:after{clear:both}
.pull-right{float:right!important}
.pull-left{float:left!important}
.hidden{display:none!important;visibility:hidden!important}
/* /wp-content/themes/sanabel/framework/fontawesome/css/font-awesome.min.css */
@font-face{font-family:"FontAwesome";font-weight:normal;font-style:normal;src:url("/wp-content/themes/sanabel/framework/fontawesome/fonts/fontawesome-webfont.woff2") format("woff2"),url("/wp-content/themes/sanabel/framework/fontawesome/fonts/fontawesome-webfont.woff") format("woff")}
.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transform:translate(0, 0)}
.pull-right{float:right}
.pull-left{float:left}
.fa.pull-left{margin-right:.3em}
.fa.pull-right{margin-left:.3em}


.fa-check:before{content:""}
.fa-picture-o:before{content:""}
.fa-pencil:before{content:""}
.fa-share:before{content:""}
.fa-calendar:before{content:""}
.fa-chevron-up:before{content:""}
.fa-twitter:before{content:""}
.fa-facebook:before{content:""}
.fa-navicon:before{content:""}
.fa-google-plus:before{content:""}
.fa-instagram:before{content:""}
/* /wp-content/themes/sanabel/pluginstyle.css */
.animated{-webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;}






































@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInDown{-webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;}










@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInUp{-webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;}




@-webkit-keyframes fadeOutDown {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes fadeOutDown {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
.fadeOutDown{-webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;}










@-webkit-keyframes fadeOutUp {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
@keyframes fadeOutUp {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
.fadeOutUp{-webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;}
















































































/* /wp-content/themes/sanabel/responsive.css */
@media (max-width: 992px){#slide_menu_list .menu-item > a > i{margin-right: 10px;}#slide_menu_list .menu-item > a > img{width: 16px;
        margin-right: 10px;}.dropdown-menu > li > a{padding: 15px 20px;
      font-size: 12px;
      border-bottom: 0;}.dropdown-menu>li>a:hover,.dropdown-menu>li>a:focus{color: inherit;
        text-decoration: none;
        background-color: transparent;}.dropdown-menu > .active > a,.dropdown-menu > .active > a:hover,.dropdown-menu > .active > a:focus{background-color: #272727;}body{overflow-x: hidden;}.side_content{width: 100%;
        margin-top: 20px;}.main_content{margin-bottom: 30px;}.page_title_holder h1{float: none;
        width: auto;
        text-align: center;
        margin-bottom: 10px;}.page_title_holder .breadcrumb{float: none;
        width: auto;
        text-align: center;}.blog_section .pull-right,.blog_section .pull-left{float: none!important;}.site_footer .widget_area{margin-bottom: 20px;}.portfolio_filter_options{text-align: center!important;}.portfolio_filter.navbar .nav>li:first-child>a{margin-left: 8px;}.portfolio_filter.navbar .nav>li>a{margin-bottom: 12px;}.single_project_content{margin-bottom: 30px;}.desktop_menu{display: none;}.mobile_menu{display: initial;}.logo{margin-top: 15px!important;
        margin-bottom: 15px!important;}.header_button{margin-top: 11px!important;}.projects_wrapper .one_third,.projects_wrapper .two_third,.projects_wrapper .one_fourth{width: 33.333%;}html{margin-left: 0!important;}}
@media (max-width: 768px){.no_mobile_bg_section{background-image: none!important;}.one_third,.two_third,.one_fourth{width: 100%;
        margin-top: 10px;
        margin-bottom: 10px;}.projects_wrapper .one_third,.projects_wrapper .two_third,.projects_wrapper .one_fourth{width: 50%;}.col-md-9.pull-right{float: none!important;}}
@media (min-width: 600px) and (max-width: 992px){.fixed_header_tablet_disabled .site_header.fixed_header{position: relative!important;}body.fixed_header_tablet_disabled .fixed_header_height.default_header{height: 0!important;}.header_button .gototop{position: fixed;
       bottom: 20px;
       right: 30px;}body.fixed_header_tablet_disabled .site_header.fixed_header{margin-top: 0!important;
        top: 0!important;}.fixed_header_tablet_disabled .logo{display: block!important;
        visibility: visible!important;
        -webkit-animation-name: none!important;
        -moz-animation-name: none!important;
        -o-animation-name: none!important;
        animation-name: none!important;}}
@media (max-width: 600px){body.fixed_header_tablet_disabled .site_header.fixed_header{margin-top: 0!important;
         top: 0!important;}.fixed_header_mobile_disabled .logo{display: block!important;
        visibility: visible!important;
        -webkit-animation-name: none!important;
        -moz-animation-name: none!important;
        -o-animation-name: none!important;
        animation-name: none!important;}.fixed_header_mobile_disabled .site_header.fixed_header{position: initial!important;}body.fixed_header_mobile_disabled .fixed_header_height.default_header{height: 0!important;}.header_button .gototop{position: fixed;
        bottom: 20px;
        right: 30px;
        z-index: 9}.blog_body_wrapper .blog_social_share{float: none;
        position: initial!important;
        left: initial!important;
        bottom: initial!important;
        width: initial!important;}.single_main_content .blog_content_wrapper.shifted_description .blog_description{margin-left: 0;}.blog_social_share .blog_share_sign{float: left;
        margin-right: 10px;
        margin-left: 0;
        margin-bottom: 0;
        margin-top: 5px;
        text-align: initial;}.blog_body_wrapper .blog_social_share ul{display: inline-block;}.blog_body_wrapper .blog_social_share ul li{float: left;
        margin-right: 10px;}}
@media (max-width: 500px){.projects_wrapper .one_third,.projects_wrapper .two_third,.projects_wrapper .one_fourth{width: 100%;}.portfolio_grid.asalah_row{margin: 0;}.logo{float: none;
    text-align: center;}.logo.fadeOutUp{display: none;}.header_below_control_wrapper{text-align: center;}.mobile_menu{float: none;
        display: block;
        text-align: center;
        margin-top: 5px;
        margin-bottom: 8px;}.header_button{display: inline-block;
        float: none!important;
        margin-top: 0!important;}}
/* /wp-content/themes/sanabel-child/assets/css/shark.css */
body{font-size: 16px;}
.new_section .section_title .section_description{font-size: 1.15em;
    color: #999;}
.skin_color,a{color: #24aae1;}
h1,h2,h3,h4,h5{font-weight: bold;
    color: #000;}
@media (max-width: 992px){.section_title.text-center{width: 100%;}}
.section_title h2{font-size: 1.5em;}
.section_title h2.unique_words b{color: #24aae1;}
.section_title h3{font-size: 1.3em;}
.section_title h3.unique_words b{color: #24aae1;}
.section_title p{color: #999;}
.section_title p.section_description{font-size: 1.3em;}
.section_title p.section_subtitle{font-size: 1.1em;}
.shark_page-title{position: relative;
    
    background: url("/wp-content/themes/sanabel-child/assets/img/default_banner.jpg") center center no-repeat;
    -webkit-background-size: cover;
    background-size: cover;}
.shark_page-title::before{position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(255, 255, 255, .6);
    content: "";}
.shark_page-title .container{position: relative;
    padding: 1.5em 15px;}
.shark_page-title .container h1{margin: 0;
    font-size: 1.6em;
    color: #fff;
    line-height: 1;
    font-weight: 800;
    font-family: "Bree Serif", sans-serif;
    text-decoration: none;
    text-shadow: #666666 1px 1px 3px;}
textarea,input[type="text"],input[type="password"],input[type="datetime"],input[type="datetime-local"],input[type="date"],input[type="month"],input[type="time"],input[type="week"],input[type="number"],input[type="email"],input[type="url"],input[type="search"],input[type="tel"],input[type="color"]{font-size: inherit;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    max-width: none;
    width: 100%;
    height: auto;
    float: none;}
input[type="submit"],button{font-weight: bold;}
.wpcf7-form{font-size: 1em;}
.wpcf7-form .inputcols .inputcol{width: 25%;
    float: left;
    display: block;
    padding: 0.2em;}
@media (max-width: 992px){.wpcf7-form .inputcols .inputcol{width: 50%;
        padding: 0 0.2em;}}
@media (max-width: 640px){.wpcf7-form .inputcols .inputcol{width: 100%;}}
.wpcf7-form .inputcols .inputcol b{font-weight: bold;
    font-size: 0.9em;
    color: #8b8c8e;
    display: block;}
.wpcf7-form .inputbox,.wpcf7-form .inputbut{padding: 0.2em;}
.wpcf7-form .inputbox b,.wpcf7-form .inputbut b{font-weight: bold;
    font-size: 0.9em;
    color: #8b8c8e;
    display: block;}
.container{width: 100%;
    max-width: 1200px;
    position: relative;}
.shark-listboxitems{text-align: center;
    font-size: 1em;
    min-width: 100%;
    
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    justify-content: center;}
.shark-listboxitems .shark-listboxitem{display: inline-block;
    display: -webkit-inline-flex;
    display: inline-flex;
    vertical-align: top;
    margin: 0;
    padding: 0;
    width: 100%;
    -webkit-flex: 1 0 100%;
    flex: 1 0 100%;}
.shark-listboxitems .shark-listboxitem a{padding: 0 1em 1em 1em;
    text-decoration: none;
    display: block;
    width: 100%;}
.shark-listboxitems .shark-listboxitem a p{font-weight: normal;
    color: #58595b;}
.shark-listboxitems .shark-listboxitem img{width: auto;
    height: auto;
    max-width: 100%;}
.shark-listboxitems .shark-listboxitem h3{margin: 0;
    padding: 0.3em 0;
    font-size: 1em;}
.shark-listboxitems.columns-wrap-3 .shark-listboxitem{width: 33%;
    -webkit-flex: 0 1 33%;
    flex: 0 1 33%;}
@media (max-width: 640px){.shark-listboxitems.columns-wrap-3 .shark-listboxitem{width: 50%;
        -webkit-flex: 0 1 50%;
        flex: 0 1 50%;}}
@media (max-width: 500px){.shark-listboxitems.columns-wrap-3 .shark-listboxitem{width: 100%;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;}}
iframe{max-width: 100%;}
.side_content.widget_area{}
.portfolio_figure img{width: 100%;
    height: auto;}
.site_header{-webkit-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.5);}
.header_top{padding: 0.2em;
    background-color: #eeeeee;}
@media (max-width: 640px){.header_below .container{padding: 0;}}
.logo{float: none;
    width: 100%;
    max-height: none;
    height: auto;}
.logo img{margin: 0 auto;}
@media (max-width: 992px){.logo{margin: 0 !important;}}
@media (max-width: 640px){.logo{text-align: center;}}
.shark_top-header-holder{position: absolute;
    top: 0;
    right: 15px;
    padding: 0.3em 0 0.3em 0.3em;}
.shark_top-header-holder > div{display: inline-block;
    vertical-align: middle;
    padding-left: 0.5em;
    margin: 0 !important;}
.shark_top-header-holder .header_button{position: relative;
    padding-left: 0;}
.shark_top-header-holder .header_button > div{float: none;
    display: inline-block;
    vertical-align: middle;
    padding-left: 0.5em;
    margin: 0 !important;}
.shark_top-header-holder .header_button > div.mobile_menu{display: none;}
.shark_top-header-holder .header_button > div.gototop{bottom: 1em;
    right: 1em;}
.shark_top-header-holder .shark_header_call{font-size: 1.5em;
    font-weight: bold;
    line-height: 40px;}
.shark_top-header-holder .shark_header_call a{color: #24aae1;}
@media (max-width: 992px){.shark_top-header-holder > div{display: block;}.shark_top-header-holder .header_button{text-align: right;}.shark_top-header-holder .header_button > div.mobile_menu{display: inline-block;}}
@media (min-width: 992px){.shark_top-header-holder .header_button > div.gototop{display: inline-block;
        bottom: auto;
        top: 0;
        right: 0;
        display: none;}}
@media (max-width: 640px){.shark_top-header-holder{text-align: center;
        width: 100%;
        position: relative;
        top: auto;
        right: auto;
        left: auto;
        bottom: auto;
        padding: 0.3em 0;}.shark_top-header-holder .shark_header_call{font-size: 1em;}.shark_top-header-holder .header_button{text-align: center;}}
.header_below_control_wrapper{position: absolute;
    right: 15px;
    bottom: 0;
    padding: 0.3em 0 0.3em 0.3em;}
.site_footer{font-size: 0.9em;}
.site_footer h4.page-header{font-size: 1.2em;
    font-weight: bold;}
.site_footer a{color: #dddddd;
    font-weight: bold;}
.site_footer button,.site_footer input[type="button"],.site_footer input[type="reset"],.site_footer input[type="submit"]{background-color: #aaaaaa;}
.site_footer .social_custom_list .social_icons_list li a{font-size: 25px;
    width: 50px;
    padding: 5px;
    height: auto;}
.mobile_menu{font-size: 36px;
    line-height: 1;
    margin: 0;}
.navbar.classic_menu_style{margin: 0;
    min-height: 30px;}
.navbar.classic_menu_style > .main_nav > .nav{float: none;}
.navbar.classic_menu_style > .main_nav > .nav > li{padding-left: 1em;}
.navbar.classic_menu_style > .main_nav > .nav > li > a{border-top: 2px solid white;
    border-bottom: 2px solid white;
    padding: 0.3em 0.5em;
    margin: 0;
    font-size: 0.9em;
    font-weight: inherit;
    color: #58595b;
    background-color: #fff;}
.navbar.classic_menu_style > .main_nav > .nav > li > a:focus{background-color: #fff;}
.navbar.classic_menu_style > .main_nav > .nav > li:hover > a{border-bottom-color: #24aae1;}
.navbar.classic_menu_style > .main_nav > .nav > li.current-menu-item > a,.navbar.classic_menu_style > .main_nav > .nav > li.active > a,.navbar.classic_menu_style > .main_nav > .nav > li.current-menu-ancestor:hover > a,.navbar.classic_menu_style > .main_nav > .nav > li.current-menu-item:hover > a,.navbar.classic_menu_style > .main_nav > .nav > li.active:hover > a,.navbar.classic_menu_style > .main_nav > .nav > li.menu-item-has-children:hover > a{border-bottom-color: white;
    margin: 0;}
.navbar.classic_menu_style > .main_nav > .nav > li.menu-item-has-children:hover > a{border-bottom-width: 0;}
.navbar.classic_menu_style > .main_nav > .nav > li.current-menu-item > a,.navbar.classic_menu_style > .main_nav > .nav > li.current-menu-ancestor > a{border-top-color: #24aae1;
    color: #000;
    font-weight: bold;}
.navbar.classic_menu_style > .main_nav > .nav .dropdown-menu > .nav_item_has_thumbnail a{padding-left: 0;}
.navbar.classic_menu_style > .main_nav > .nav .dropdown-menu > .nav_item_has_thumbnail a > span{padding: 3px;}
.navbar.classic_menu_style > .main_nav > .nav .dropdown-menu > li > a{font-size: inherit;}
.navbar.classic_menu_style > .main_nav > .nav .dropdown-menu > .active > a{background-color: inherit;
    font-weight: bold;
    color: #58595b;}
.navbar.classic_menu_style > .main_nav > .nav .dropdown-menu > .active:hover > a{color: #58595b;
    background-color: #eeeeee;}
.dropdown-menu{min-width: 320px;}
h1,h2,h3,h4,h5{font-weight: normal;
    font-family: "Bree Serif", serif;}
.projects_wrapper.style_default figcaption.portfolio_caption .title-wrap{position: absolute;
    display: table;
    height: 100%;
    width: 100%;}
.projects_wrapper.style_default figcaption.portfolio_caption .title{top: auto;
    margin-top: 0;
    padding: 0 30px;
    display: table-cell;
    vertical-align: middle;}

/* ---- static rebuild additions ---- */
.hp-field{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
.form-notice{padding:12px 16px;margin:0 0 16px;border-radius:3px;background:#e8f6fc;border:1px solid #24aae1;color:#1d1d1d}
.form-notice.is-error{background:#fdeceb;border-color:#d9534f}
.ss-slider{position:relative;overflow:hidden;width:100%}
.ss-slide{position:absolute;inset:0;background-repeat:no-repeat;opacity:0;transition:opacity .8s ease;pointer-events:none}
.ss-slide.is-active{opacity:1;pointer-events:auto;z-index:1}
.ss-stage{position:absolute;left:50%;top:0;transform-origin:top center}
.ss-stage>.tp-caption{position:absolute;margin:0}
.ss-stage>.tp-caption img{display:block;max-width:none}
.ss-prev,.ss-next{position:absolute;top:50%;transform:translateY(-50%);z-index:5;width:40px;height:40px;border:0;border-radius:3px;
 background:rgba(0,0,0,.5);color:#fff;font-size:28px;line-height:36px;cursor:pointer;opacity:0;transition:opacity .2s}
.ss-slider:hover .ss-prev,.ss-slider:hover .ss-next,.ss-prev:focus,.ss-next:focus{opacity:1}
.ss-prev{left:20px}.ss-next{right:20px}
@keyframes ss-in{from{opacity:0}to{opacity:1}}
@keyframes ss-out{from{opacity:1}to{opacity:0;visibility:hidden}}
.ss-slide.is-active .tp-caption{animation:ss-in var(--in-s,300ms) ease var(--in-d,0ms) both}
.ss-slide.is-active .tp-caption.ss-intro{animation:ss-in var(--in-s,300ms) ease var(--in-d,0ms) both,ss-out var(--out-s,300ms) linear var(--out-d,3000ms) forwards}
@media (prefers-reduced-motion:reduce){.ss-slide{transition:none}.ss-slide.is-active .tp-caption{animation:none}.ss-slide .tp-caption.ss-intro{display:none}}
.slide_menu_list_wrapper{position:fixed;top:0;left:0;bottom:0;width:280px;max-width:85vw;z-index:10001;background:#1d1d1d;
 overflow-y:auto;transform:translateX(-100%);transition:transform .25s ease;visibility:hidden}
.slide_menu_list_wrapper.open{transform:none;visibility:visible}
.slide_menu_list_wrapper #slide_menu_list{display:block}
.slide_menu_list_wrapper .dropdown-menu{display:block;position:static;float:none;background:transparent;border:0;box-shadow:none;margin:0;padding:0;min-width:0}
.slide_menu_list_wrapper ul{list-style:none;margin:0;padding:0}
.slide_menu_list_wrapper a{display:block;padding:12px 20px;color:#fff;border-bottom:1px solid rgba(255,255,255,.08);text-decoration:none}
.slide_menu_list_wrapper ul ul a,.slide_menu_list_wrapper ul ul a:hover{padding-left:36px;font-size:.92em;color:#ccc!important;background:transparent!important}
.slide_menu_list_wrapper .current-menu-item>a{color:#24aae1}
.menu-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:10000;display:none}
.menu-backdrop.open{display:block}
@media (min-width:993px){.main_nav .dropdown-menu{display:none}.main_nav li:hover>.dropdown-menu,.main_nav li:focus-within>.dropdown-menu{display:block}}
.lb{position:fixed;inset:0;z-index:10010;background:rgba(0,0,0,.88);display:flex;align-items:center;justify-content:center;flex-direction:column}
.lb[hidden]{display:none}
.lb img{max-width:92vw;max-height:80vh;box-shadow:0 0 30px rgba(0,0,0,.5);background:#fff}
.lb-title{color:#fff;margin-top:12px;max-width:92vw;text-align:center;font-size:15px}
.lb button{position:absolute;background:none;border:0;color:#fff;font-size:42px;line-height:1;cursor:pointer;padding:10px 16px}
.lb-close{top:8px;right:8px}.lb-prev{left:4px;top:50%;transform:translateY(-50%)}.lb-next{right:4px;top:50%;transform:translateY(-50%)}
.filterable_wrapper .filterable_grid,.portfolio_filter_options{display:block}
.portfolio_grid.is-masonry{position:relative}
.portfolio_grid.is-masonry>.portfolio_grid_list{position:absolute;float:none}
@media (min-width:768px){.gallery_page .portfolio_grid_list{width:25%;margin:0}}
.filterable_item.is-hidden{display:none!important}
.gototop{display:none}

/* Home/service page project tiles: even grid instead of floats (2026-11-02) */
.asalah_projects_shortcode_row.asalah_row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-left:0;margin-right:0}
.asalah_projects_shortcode_row>.portfolio_grid_list{width:auto!important;float:none!important;margin:0!important;padding:0!important;position:relative}
.asalah_projects_shortcode_row>.portfolio_grid_list:nth-child(n){clear:none}
.asalah_projects_shortcode_row .portfolio_figure{margin:0}
.asalah_projects_shortcode_row .portfolio_figure img{display:block;width:100%;height:auto;aspect-ratio:8/5;object-fit:cover}
@media (max-width:991px){.asalah_projects_shortcode_row.asalah_row{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:768px){.asalah_projects_shortcode_row.asalah_row{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:500px){.asalah_projects_shortcode_row.asalah_row{grid-template-columns:minmax(0,1fr)}}

.fa-google:before{content:"\f1a0"}