body, html
{
    height: 100%;
}
.bg
{
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.bg.page
{
    height: auto;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background: #333740;
}
.header h1
{
    color: #fff8dc;
    font-weight: 700;
    text-align: center;
    padding-top: 15px;
    font-size: 70px;
    letter-spacing: 2px;
}
.header h6
{
    color: #fff8dc;
    text-align: center;
    font-size: 20px;
}

*
{
    margin: 0;
    padding: 0;
    outline: 0;
}
ins
{
    text-decoration: underline;
}
del
{
    text-decoration: line-through;
}
a, blockquote, h1, h2, h3, h4, h5, h6, il, input, ol, p, ul
{
    direction: rtl;
}
dl, ol, ul
{
    list-style-position: inside;
    font-weight: 400;
    list-style: none;
    margin: 0;
    padding: 0;
}
.clear
{
    clear: both;
}
a
{
    text-decoration: none !important;
    -webkit-transition: all ease-in-out .2s;
    -moz-transition: all ease-in-out .2s;
    -o-transition: all ease-in-out .2s;
    color: #333740;
}
.title-sin
{
    background: #333740;
    height: 50px;
    width: 100%;
    margin-top: 21px;
    padding-left: 15px;
}
.body-sin
{
    border: solid 1px rgba(22,22,22,.29);
    padding: 8px;
    float: right;
    width: 100%;
    background: #fff;
    border-radius: 0 0 5px 5px;
    box-shadow: 0 2px 6px -3px rgba(115,115,115,.24);
    padding-bottom: 10px;
}
.title-sin h1
{
    font-family: Tajawal,sans-serif !important;
    color: #fff;
    font-size: 20px;
    padding-right: 8px;
    font-weight: 400;
    float: right;
    line-height: 50px;
    width: 100%;
    margin-top: 0;
    margin-bottom: -1px;
    overflow: hidden;
    height: 50px;
}
.related-item h3
{
    margin: 0;
}
.pecat p
{
    float: right;
    width: 100%;
    font-family: Tajawal,sans-serif !important;
    font-size: 16px;
    color: #7c7c7c;
    overflow: hidden;
    margin-bottom: 0;
    margin-top: 10px;
    text-align: center;
}
.catimgpo
{
    float: right;
    height: 130px;
    width: 100%;
}
.entry-mzayat p
{
    font-family: Tajawal,sans-serif !important;
    line-height: 29px;
    padding: 5px;
    font-size: 16px;
    color: #7b7b7b;
}
.body-sinwwww
{
    margin-top: 25px;
    float: right;
    width: 100%;
}
.pagination1
{
    overflow: hidden;
    clear: both;
    font-size: 15px;
    font-family: Tajawal,sans-serif !important;
    float: right;
    margin-top: 10px;
    margin-bottom: 20px;
}
.pagination1 .pages
{
    float: right;
    margin-right: 3px;
    color: #fff;
    background: #333740;
    height: 36px;
    min-width: 109px;
    text-align: center;
    line-height: 36px;
}
.pagination1 a, .pagination1 span.current, .pagination1 span.extend
{
    float: right;
    margin-right: 3px;
    color: #fff;
    background: #333740;
    height: 36px;
    min-width: 36px;
    text-align: center;
    line-height: 38px;
}
.pagination1 a:hover
{
    background: #e59625;
}
.pagination1 span.current
{
    background: #e59625;
}
.infoone22, .infoone22 a
{
    width: 100%;
    padding-right: 10px;
    color: #fff;
    font-family: Tajawal,sans-serif !important;
    font-size: 18px;
}
.infoone22 span
{
    color: #e2890a;
}
.infoone22 i
{
    color: #e2890a;
}
img.galorrr
{
    float: right;
    width: 100%;
    height: 160px;
    margin-top: 20px;
    border-radius: 5px;
}
iframe.googlemap1
{
    float: right;
    width: 100%;
    height: 400px;
}
.titlecon1t
{
    float: right;
    width: 100%;
    font-size: 24px;
    margin-bottom: 20px;
    color: #333740;
    font-family: Tajawal,sans-serif !important;
    margin-top: 25px;
}
.social.socialcontact
{
    margin-top: 0;
}
.social.socialcontact ul li
{
    float: right;
    margin-right: 0;
    margin-left: 14px;
}
.contactlineone1
{
    float: right;
    width: 50%;
}
.form-group.your-name
{
    float: right;
    width: 98%;
}
.contactlineone
{
    float: right;
    width: 100%;
}
.contactlineone span
{
    float: right;
    width: 100%;
}
.form-group.your-email
{
    float: left;
    width: 98%;
}
.contactlineone span
{
    float: right;
    width: 100%;
    font-family: Tajawal,sans-serif !important;
    margin-bottom: 10px;
}
.contactlineone1 span
{
    float: right;
    width: 100%;
    font-family: Tajawal,sans-serif !important;
    margin-bottom: 10px;
}
.alert
{
    float: right;
    width: 100%;
    font-family: Tajawal,sans-serif !important;
    text-align: center;
}
input.wpcf7-form-control.wpcf7-submit.btn.btn-primary
{
    background: #333740;
    font-family: Tajawal,sans-serif !important;
    font-size: 20px;
    border: 0;
}
.social.socialpage ul li
{
    float: right;
    margin-left: 15px;
    margin-right: 0;
}
.titleinpodededest
{
    float: right;
    width: 100%;
    background: #fff;
    padding: 20px;
    border-radius: 5px;
    font-family: Tajawal,sans-serif !important;
    line-height: 27px;
    font-size: 17px;
}
input.wysija-input
{
    float: right;
    width: 100%;
    background: #fff;
    border: solid 1px #e1e1e1;
    padding: 7px;
    color: #333740;
    font-family: Tajawal,sans-serif !important;
    height: 45px;
}
p.wysija-paragraph
{
    float: right;
    width: 80%;
}
input.wysija-submit.wysija-submit-field
{
    margin-bottom: 20px;
    background: #333740;
    color: #fff;
    width: 70px;
    font-family: Tajawal,sans-serif !important;
    font-size: 16px;
    border: solid 1px #333740;
    height: 36px;
}
.maillisssst small
{
    display: none;
}
.lang
{
    float: right;
    right: 10px;
}
.lang ul li
{
    float: left;
    margin-right: 10px;
    margin-top: 8px;
}
.rten
{
    float: left;
}
.header
{
    float: right;
    width: 100%;
    z-index: 2;
    position: relative;
}
.bgwhite
{
    width: 100%;
    background: #fff;
}
.social
{
    margin-top: 25px;
    padding-right: 0;
}
.social ul li
{
    margin-left: 15px;
    float: right;
}
.social ul li a i
{
    color: #fff;
    font-size: 22px;
}
.social.foot ul li a i
{
    color: #fff;
    font-size: 35px;
}
.social.foot
{
    width: 260px;
    display: block;
    margin: 0 auto;
    float: initial;
}
.social ul li a i:hover
{
    color: #bebebe;
}
.social ul li a.social-instagram i:hover
{
     background: #d6249f;
    background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.social ul li a.social-twitter i:hover
{
    color: #29c5f6 !important;
}
.social ul li a.social-youtube i:hover
{
    color: #941111 !important;
}
.social ul li a.social-whatsapp i:hover
{
    color: #4cee67 !important;
}
.social ul li a.social-snapchat i:hover
{
    color: #f5f401 !important;
}
 .social ul li a.social-snapchat i:hover, .social ul li a.social-whatsapp i:hover, .social ul ul li a.social-twitter i:hover
{
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
*
{
    margin: 0;
    padding: 0;
    outline: 0;
}
*
{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
user agent stylesheet div
{
    display: block;
}
body
{
    direction: rtl;
}
body
{
    font-family: Tajawal,sans-serif !important;
    font-size: 14px;
    line-height: 1.42857143;
    color: #333740;
    background-color: #fff;
}
:root
{
    --wp-admin-theme-color: #007cba;
    --wp-admin-theme-color-darker-10: #006ba1;
    --wp-admin-theme-color-darker-20: #005a87;
}
html
{
    direction: rtl;
}
html
{
    font-size: 10px;
    -webkit-tap-highlight-color: transparent;
}
html
{
    font-family: Tajawal,sans-serif !important;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}
:after, :before
{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
:after, :before
{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
a.logo
{
    display: block;
    background: url(images/logo.png);
    background-size: auto;
    height: 33px;
    background-repeat: no-repeat;
    margin: 20px auto;
    width: 281px;
}
.nav-Center
{
    margin: 45px 0 0 0;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}
.nav-Center1
{
    margin: 20px 0 0 0;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}
.nav-Right
{
    margin: 45px 0 0 0;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}
.nav-Right1
{
    margin: 20px 0 0 0;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}
.nav-Left
{
    margin: 45px 0 0 0;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}
.nav-Left1
{
    margin: 20px 0 0 0;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}
.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover
{
    background: #caa635;
    background: #bec3bd;
    border: 1px solid #bec3bd;
}
.dropdown-menu
{
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 2;
    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: 0 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);
    width: 200px;
}
ul.dropdown-menu li
{
    float: right;
    width: 100%;
    background: 0 0;
    margin-bottom: 0;
    margin-top: 0;
    text-align: right;
}
.dropdown-menu > li > a
{
    background: #333740;
    display: block;
    padding: 6px 9px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #d8dad8;
    white-space: nowrap;
    font-family: Tajawal,sans-serif !important;
    font-size: 16px;
    border-bottom: solid 1px #4b515c;
}
a.lango1
{
    float: left;
    background: url(images/en.png);
    height: 22px;
    width: 32px;
    margin-top: 15px;
    margin-right: 10px;
}
a.lango2
{
    float: left;
    background: url(images/ar.png);
    height: 22px;
    width: 32px;
    margin-top: 15px;
}
.carousel-caption h1
{
    padding: 20px;
    font-size: 5rem;
    margin-bottom: 1rem;
    font-family: Tajawal,sans-serif !important;
    font-weight: 700;
    width: 100%;
}
.carousel-caption p
{
    font-size: 2rem;
    font-family: Tajawal,sans-serif !important;
}
a.left2222
{
    position: absolute;
    left: 60px;
    top: 50%;
    height: 50px;
    width: 50px;
    text-align: center;
    color: #fff;
    font-size: 20px;
    line-height: 52px;
}
a.right2222
{
    position: absolute;
    right: 60px;
    top: 50%;
    background: 0 0;
    height: 50px;
    width: 50%;
    color: #fff;
    font-size: 20px;
    line-height: 52px;
}
div#carousel-example-generic
{
    float: right;
    width: 100%;
    height: auto;
    z-index: 1;
}
div#carousel-example-generic img
{
    width: 100%;
    height: auto;
}
a.moremore
{
    color: #fff;
    font-family: Tajawal,sans-serif !important;
    font-size: 2rem;
    margin: 10px 0 0 0;
    background: 0 0;
    border: 1px solid #fff;
    border-radius: 35px;
    padding: 10px 7rem;
}
.bg2
{
    float: right;
    width: 100%;
    min-height: 280px;
    background: #333740;
}
.pading0
{
    padding: 0;
}
.bg992
{
    background: url(images/bg3.html);
    height: 280px;
}
.blockfor
{
    float: right;
    width: 100%;
    background: #333740;
    margin-top: 40px;
    min-height: 200px;
    border-radius: 10px;
}
.blockfor:hover
{
    background: #333740;
}
.blockfor img
{
    margin: 35px auto 0;
    display: block;
    max-width: 320px;
}
.bg2 h1
{
    float: right;
    width: 100%;
    text-align: center;
    color: #c39350;
    font-family: Tajawal,sans-serif !important;
    margin-top: 40px;
}
.bg2 h5
{
    float: right;
    width: 100%;
    text-align: center;
    color: #c39350;
    font-family: Tajawal,sans-serif !important;
    font-size: 20px;
}
.textcont1
{
    float: right;
    width: 100%;
    text-align: center;
    color: #fff;
    padding-left: 20px;
    padding-right: 20px;
    font-family: Tajawal,sans-serif !important;
    font-size: 14px;
    line-height: 25px;
}
.blockfor h4
{
    float: right;
    width: 100%;
    text-align: center;
    color: #fff;
    font-family: Tajawal,sans-serif !important;
    font-size: 23px;
    margin-top: 20px;
}
.bg3
{
    float: right;
    width: 100%;
    min-height: 280px;
    background: #edeeee url(images/bg3.html);
    padding-bottom: 50px;
    padding-top: 20px;
}
.bg4
{
    float: right;
    width: 100%;
    background: #edeeee url(images/bg22.html);
    padding-bottom: 100px;
    padding-top: 100px;
    background-size: contain;
}
img.alignnone.size-full.wp-image-200
{
    margin: 30% auto;
    width: 240px;
    display: block;
}
.product-home
{
    float: right;
    width: 100%;
    margin-top: 30px;
    position: relative;
    border-radius: 5px;
    overflow: hidden;
    height: 200px;
}
.product-home img
{
    width: 100%;
    height: 200px;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}
.product-home img:hover
{
    -webkit-transform: scale(1.25);
    -moz-transform: scale(1.25);
    -ms-transform: scale(1.25);
    -o-transform: scale(1.25);
    transform: scale(1.25);
}
.news-home
{
    float: right;
    width: 100%;
    margin-top: 30px;
    position: relative;
    border-radius: 5px;
    overflow: hidden;
    height: 114px;
}
.news-home h2
{
    float: right;
    width: 100%;
    text-align: right;
    color: #847d72;
    font-family: Tajawal,sans-serif !important;
    margin-top: 0;
    margin-bottom: 5px;
    font-size: 22px;
    font-weight: 700;
}
.news-home img
{
    width: 100%;
    height: 120px;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}
.news-home img:hover
{
    -webkit-transform: scale(1.25);
    -moz-transform: scale(1.25);
    -ms-transform: scale(1.25);
    -o-transform: scale(1.25);
    transform: scale(1.25);
}
.ovpos
{
    bottom: 0;
    right: 0;
    width: 100%;
}
.ovpos h2
{
    color: #6d6d6d;
    float: right;
    width: 100%;
    font-family: Tajawal,sans-serif !important;
    font-size: 22px;
    padding-right: 15px;
    padding-left: 15px;
    margin-top: 10px;
    padding-top: 3px;
    padding-bottom: 5px;
}
.ovpos span
{
    float: right;
    width: 100%;
    background: rgba(246,196,83,.78);
    text-align: left;
    padding-right: 15px;
    padding-left: 15px;
    line-height: 30px;
    color: #333740;
    font-size: 22px;
    direction: ltr;
    padding-top: 6px;
    font-family: Tajawal,sans-serif !important;
}
.ovpos span small
{
    font-size: 14px;
}
.bg3 h5
{
    float: right;
    width: 100%;
    text-align: center;
    color: #c39350;
    font-family: Tajawal,sans-serif !important;
    font-size: 20px;
    margin-top: 10px;
}
.bg3 h4
{
    float: right;
    width: 100%;
    text-align: center;
    color: #c39350;
    font-family: Tajawal,sans-serif !important;
    margin-top: 50px;
    margin-bottom: 5px;
    font-size: 30px;
}
.bg3 h3
{
    width: 100%;
    text-align: center;
    color: #7c7c7c;
    font-family: Tajawal,sans-serif !important;
    margin-top: 40px;
    margin-bottom: 5px;
    font-size: 26px;
    font-weight: 700;
}
.more a
{
    color: #c39350;
    font-family: Tajawal,sans-serif !important;
    margin: 40px auto;
    font-size: 16px;
    font-weight: 700;
    width: 80px;
    padding: 5px;
    border-radius: 5px;
    text-align: center;
    display: block;
}
.bg3 p
{
    float: right;
    width: 100%;
    text-align: right;
    font-size: 14px;
    font-family: Tajawal,sans-serif !important;
}
.bg4 h5
{
    float: right;
    width: 100%;
    text-align: center;
    color: #c39350;
    font-family: Tajawal,sans-serif !important;
    font-size: 20px;
    margin-top: 10px;
}
.bg4 h4
{
    float: right;
    width: 100%;
    text-align: right;
    color: #c39350;
    font-family: Tajawal,sans-serif !important;
    margin-top: 50px;
    margin-bottom: 5px;
    font-size: 30px;
}
.bg4 h2
{
    float: right;
    width: 100%;
    text-align: right;
    font-size: 16px;
    font-family: Tajawal,sans-serif !important;
    margin-top: 10px;
    font-weight: 700;
}
.bg4 p
{
    float: right;
    width: 100%;
    text-align: right;
    font-size: 14px;
    font-family: Tajawal,sans-serif !important;
    color: #adaaaa;
}
.bg4 span
{
    float: right;
    width: 100%;
    text-align: right;
    font-size: 14px;
    font-family: Tajawal,sans-serif !important;
}
img.shor
{
    float: right;
    background: #f5f5f5;
    margin-bottom: 30px;
    padding: 10px 16px;
    border-radius: 65px;
    width: 73px;
    height: 70px;
}
.footer
{
    float: right;
    width: 100%;
    background: #333740;
}
.footertitle
{
    float: right;
    width: 100%;
    margin-top: 30px;
    font-family: Tajawal,sans-serif !important;
    font-size: 2.5rem;
    color: #333740;
}
.servicesfooterlink
{
    color: #333740;
    font-family: Tajawal,sans-serif !important;
    font-size: 1.5rem;
    line-height: 25px;
}
.social p
{
    float: right;
    font-family: Tajawal,sans-serif !important;
    color: #f0fafa;
}
a:focus, a:hover
{
    color: #a9a6a6;
    text-decoration: underline;
}
.dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover
{
    color: #fff;
    text-decoration: none;
    background-color: #333740;
    outline: 0;
}
.social.fottot ul
{
    margin: 20px auto;
    display: table;
}
iframe.ifrrrr
{
    float: right;
    width: 100%;
    height: 250px;
    margin-top: 30px;
}
.footer-menu
{
    float: right;
    width: 100%;
    margin-top: 20px;
}
.footer-menu ul li
{
    float: right;
    width: 100%;
    margin-bottom: 6px;
}
.footer-menu ul li a
{
    float: right;
    width: 100%;
    color: #333740;
    font-family: Tajawal,sans-serif !important;
    font-size: 1.5rem;
}
.infoone22 span
{
    color: #fff;
}
.infoone22 i
{
    color: #c39350;
}
.maillist
{
    float: right;
    width: 100%;
    text-align: center;
    color: #fff;
    margin-top: 70px;
}
.footer.border2
{
    min-height: 50px;
    padding: 0;
}
.footer
{
    padding-bottom: 20px;
    padding-top: 20px;
}
.footer.border2 p
{
    float: right;
    width: 100%;
    line-height: 57px;
    margin: 0;
    color: #333740;
    font-family: Tajawal,sans-serif !important;
    font-size: 1.5rem;
}
.footer.border2 a
{
    float: right;
    width: 100%;
    line-height: 57px;
    margin: 0;
    color: #c39350;
    font-family: Tajawal,sans-serif !important;
    font-size: 12px;
    text-align: left;
}
a.left2222 span
{
    line-height: 46px;
}
a.right2222 span
{
    line-height: 46px;
}
.mainmenu
{
    background: #333740;
}
.textppp9
{
    float: right;
    width: 100%;
    text-align: center;
    font-size: 14px;
    font-family: Tajawal,sans-serif !important;
}
.carousel-caption
{
    font-size: 4rem;
    text-align: center;
    margin-top: 0;
    overflow: hidden;
    font-family: Tajawal,sans-serif !important;
    top: 30%;
}
.allpostdiv
{
    display: block;
    width: 100%;
    background: #fff;
    border-radius: 5px;
    float: right;
}
.titleinpost
{
    float: right;
    width: 100%;
    margin: 30px 0;
    background: #333740;
    padding: 12px 23px;
    color: #fff;
    font-family: Tajawal,sans-serif !important;
    font-size: 20px;
    font-weight: 700;
}
.blockfor h6
{
    float: right;
    width: 100%;
    text-align: center;
    color: #fff;
    font-family: Tajawal,sans-serif !important;
    font-size: 23px;
    margin: 20px 0;
}
.allpostdiv p
{
    float: right;
    width: 100%;
    font-family: Tajawal,sans-serif !important;
    line-height: 26px;
    font-size: 15px;
    color: #333740;
}
iframe.tubetab
{
    float: right;
    width: 100%;
    height: 250px;
}
.leftborder
{
    border-left: 1px solid #e3dfdf;
}
.topbar
{
    background: #fff;
    padding: 15px;
    color: #d6b947;
}
.slider
{
    margin: 0 0;
    overflow: hidden;
}
.kalema
{
    display: block;
    font-family: Tajawal,sans-serif !important;
    display: block;
    font-size: 14px;
    color: #aaa9a9;
}
a.servicesfooterlink:hover
{
    color: #333740;
}
.block1 h3.blocktitle
{
    color: #333740;
    font-family: Tajawal,sans-serif !important;
    font-size: 4rem;
    font-weight: 700;
    text-align: center;
    margin: 0 auto 10rem;
}
.block1 h1
{
    padding: 0 45px;
    color: #333740;
    font-family: Tajawal,sans-serif !important;
    font-size: 2.4rem;
    font-weight: 700;
    text-align: right;
    line-height: 40px;
}
.block1 h5.blocktitle
{
    color: #333740;
    font-family: Tajawal,sans-serif !important;
    font-size: 4rem;
    font-weight: 700;
    text-align: center;
}
.newsblock:hover
{
    padding: 0;
}
.newsblock img
{
    height: 52px;
    width: 60px;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
    margin: 20px auto;
    display: block;
}
.newsblock img:hover
{
    margin: 20px auto;
    opacity: .5;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
}
.newsblock p
{
    font-size: 18px;
    font-family: Tajawal,sans-serif !important;
    overflow: hidden;
    text-align: center;
    max-width: 100%;
    display: block;
    padding: 0 25px;
}
.clientblock
{
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
    min-height: 100px;
    display: block;
}
.clientblock:hover
{
    margin: 0 auto;
    padding: 10px 0 0 0;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
}
.clientblock img
{
    width: 100%;
    padding: 0 10px;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
}
.clientblock img:hover
{
    margin: 2px auto;
    opacity: .5;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
}
.clientblock p
{
    font-size: 12px;
    font-family: Tajawal,sans-serif !important;
    overflow: hidden;
    text-align: right;
    display: none;
}
img.alignnone.wp-image-216.size-full
{
    width: 100%;
}
.block ul li a
{
    font-size: 14px;
    font-family: Tajawal,sans-serif !important;
    margin: 1px 0;
    border-right: 6px solid rgba(146,46,143,.19);
    padding: 10px 15px;
    line-height: 20px;
    display: block;
    border-bottom: 1px solid rgba(146,46,143,.12);
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}
.block ul li a:hover
{
    background: #008755;
    color: #fff;
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.01);
}
#cpresults h1
{
    font-family: Tajawal,sans-serif !important;
    font-size: 16px;
}
.cpquestion
{
    font-weight: 700;
    font-family: Tajawal,sans-serif !important;
    font-size: 14px;
}
.cpitem
{
    font-size: 70%;
    font-family: Tajawal,sans-serif !important;
    font-size: 12px;
    margin: 10px 0;
}
#fbuilder .fform h1
{
    margin: 5px 0;
    padding: 0;
    font-size: 20px;
    font-family: Tajawal,sans-serif !important;
}
#fbuilder .fform span, #fbuilder .fields
{
    font-size: 14px;
    font-family: Tajawal,sans-serif !important;
}
#fbuilder .pbreak .pbPrevious, .pbSubmit, .pbreak .pbNext
{
    background: #333740 !important;
    color: #fff !important;
    display: block;
    float: left;
    cursor: pointer;
    margin: 30px 10px 0 0;
    padding: 9px 20px;
    font-family: Tajawal,sans-serif !important;
    margin: 20px 0 !important;
}
#fbuilder *, #fbuilder ::after, #fbuilder ::before
{
    box-sizing: border-box;
    font-family: Tajawal,sans-serif !important;
}
.wp-block-image img
{
    max-width: 100%;
    height: auto;
}
p.newsp
{
    float: right;
    width: 100%;
    margin-bottom: 10px;
    font-family: Tajawal,sans-serif !important;
    font-size: 1.5rem;
    color: #333740;
}
hr
{
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #d3cece;
}
a.newstitle
{
    float: right;
    width: 100%;
    margin-bottom: 10px;
    font-family: Tajawal,sans-serif !important;
    font-size: 2.5rem;
    color: #333740;
}
.indexblockblue
{
    width: 100%;
    height: 130px;
    background: #333740;
}
.indexblockbluetittle
{
    font-size: 18px;
    color: #fff;
    font-family: Tajawal,sans-serif !important;
    padding: 30px 10px 0;
}
.indexblockbluedesc
{
    font-size: 14px;
    color: #fff;
    font-family: Tajawal,sans-serif !important;
    padding: 0 10px;
}
.indexblockblueimg
{
    width: 75px;
    height: 75px;
    display: block;
    float: right;
    margin: 30px 20px 0 0;
}
img.kalemaimg
{
    margin: 50% 0;
}
.kalema h4
{
    padding: 20px 0;
    font-size: 30px;
    color: #fff;
    font-family: Tajawal,sans-serif !important;
}
input#s
{
    height: 40px;
    border: 1px solid #e4e5f9;
    padding: 10px;
}
form#searchform
{
    margin: 40px 0;
}
input#searchsubmit
{
    height: 40px;
    width: 50px;
    background: #333740;
    border: none;
    color: #fff;
    font-family: Tajawal,sans-serif !important;
    font-weight: 700;
}
.block3
{
    background: #006c6d;
    padding: 120px 0;
}
.block1
{
    background: #fff;
    padding: 20px 0;
    background-attachment: fixed;
}
.kalema ul
{
    margin: 20px;
    color: #d7d7d7;
    list-style-type: disc;
}
.kalema ul li
{
    margin: 10px;
    color: #d7d7d7;
}
form#gform_1, form#gform_5
{
    text-align: right;
    float: right;
    width: 940px;
    font-size: 16px;
    font-family: Tajawal,sans-serif !important;
}
form#gform_1 input, form#gform_5 input
{
    border: 1px solid #e8e8e8;
    padding: 10px;
    font-family: Tajawal,sans-serif !important;
    font-size: 14px;
}
form#gform_1 select, form#gform_5 select
{
    border: 1px solid #e8e8e8;
    padding: 10px;
    font-family: Tajawal,sans-serif !important;
    font-size: 14px;
}
form#gform_1 textarea, form#gform_5 textarea
{
    border: 1px solid #e8e8e8;
    padding: 10px;
    font-family: Tajawal,sans-serif !important;
    font-size: 14px;
}
input#gform_submit_button_1, input#gform_submit_button_5
{
    float: right;
    width: 10%;
    background: #333740;
    padding: 23px 23px;
    color: #fff;
    font-family: Tajawal,sans-serif !important;
    font-size: 16px !important;
    font-weight: 700;
}
#myVideo
{
    position: fixed;
    right: 0;
    bottom: 0;
    width: 100%;
    height: auto;
    top: 0;
}
img.zoomIn.animated
{
    padding: 13px;
    display: block;
    width: 56%;
}
img.zoomIn1.animated
{
    margin: 0 58px 0 0;
    padding: 13px;
    display: block;
    width: 38%;
    -webkit-transition: all ease-in-out .2s;
    -moz-transition: all ease-in-out .2s;
    -o-transition: all ease-in-out .2s;
    transition: all ease-in-out .2s;
}
#myBtn
{
    width: 200px;
    font-size: 18px;
    padding: 10px;
    border: none;
    background: #333740;
    color: #fff;
    cursor: pointer;
    text-align: center;
}
#myBtn:hover
{
    background: #ddd;
    color: #333740;
}
#myVideo
{
    position: fixed;
    right: 0;
    bottom: 0;
    width: 100%;
    height: auto;
    top: 0;
}
.content
{
    bottom: 30%;
    z-index: 2;
    color: #f1f1f1;
    width: 100%;
    padding: 20px;
    position: sticky;
}
#myBtn
{
    width: 200px;
    font-size: 18px;
    padding: 10px;
    background: 0 0;
    color: #fff;
    cursor: pointer;
    border: 1px solid #fff;
    font-family: Tajawal,sans-serif !important;
    margin: 0 auto;
    display: block;
}
#myBtn:hover
{
    background: #ddd;
    color: #333740;
}
h1.booknow
{
    font-size: 38px;
    padding: 10px;
    background: 0 0;
    color: #fff;
    cursor: pointer;
    font-family: Tajawal,sans-serif !important;
    margin: 0 auto;
    display: block;
    text-align: center;
}
#myVideo
{
    position: fixed;
    right: 0;
    bottom: 0;
    width: 100%;
    height: auto;
    top: 0;
    object-fit: cover;
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
}
span.glyphicon.glyphicon-earphone
{
    color: #fff;
}
.phoneheader, .phoneheader a
{
    color: #fff;
    font-family: Tajawal,sans-serif !important;
    font-size: 18px;
    padding-top: 0;
}
.block1
{
    padding: 10rem 0;
}
.col-lg-12.col-md-12.col-xs-12.text-center
{
    margin: 0 0 50px 0;
}
.social.fottot.fot
{
    float: none;
    margin-top: 0;
}
.social.fottot.fot ul
{
    margin: 20px auto 0;
}
.simplefilter li, .sortandshuffle li
{
    color: #fff;
    cursor: pointer;
    display: inline-block;
    text-transform: capitalize;
    padding: 4px 30px;
    transition: background .3s linear,color .3s linear,border .3s linear,opacity .3s linear;
    font-family: Tajawal,sans-serif !important;
}
.img-logo
{
    width: 50px;
    height: 50px;
}
.container-fluid
{
    background: rgb(0 0 0 / 7%);
    opacity: 1;
}
.overlay
{
    opacity: .8;
}
.overlay1
{
    opacity: 1;
}
.main
{
    padding: 16px;
    margin-top: 110px;
}
#submit, .gallery-post a:after, .grid-item-v2 .grid-item-img-v2:after, .grid-item-v2 .port-caption-v2, .post-image a:before, .post-password-form input[type=submit], .send-btn, .view-more, .white-btn, .wpcf7-submit, a
{
    -webkit-backface-visibility: hidden;
    -webkit-transition: all 1s cubic-bezier(.25,1,.35,1) 0s;
    -moz-transition: all 1s cubic-bezier(.25,1,.35,1) 0s;
    -o-transition: all 1s cubic-bezier(.25,1,.35,1) 0s;
    -ms-transition: all 1s cubic-bezier(.25,1,.35,1) 0s;
    transition: all 1s cubic-bezier(.25,1,.35,1) 0s;
}
.post-image
{
    margin-bottom: 32px;
    position: relative;
    overflow: hidden;
    display: inline-block;
}
.post-image a:before
{
    content: '';
    background: #151515;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}
.post-image:hover a:before
{
    opacity: .2;
}
.Up_header
{
    background: #e1e1e1;
}
.image-wrap-2
{
    display: block;
    overflow: hidden;
    top: 0;
    left: 0;
    margin-bottom: 30px;
}
.image-wrap-2:before
{
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 1;
    background: 0 0;
    -webkit-transition: .3s all ease;
    -o-transition: .3s all ease;
    transition: .3s all ease;
}
.image-wrap-2 img
{
    filter: gray;
    /*-webkit-filter: grayscale(1);*/
    -webkit-transition: all .1s ease-in-out;
}
.image-wrap-2:hover img
{
    filter: none;
    -webkit-filter: grayscale(0);
    -webkit-transform: scale(1.01);
}
.footer .social-list
{
    overflow: hidden;
    margin: 20px 0 10px;
}
.footer .social-list li
{
    float: left;
    margin-right: 3px;
    opacity: .7;
}
footer .social-list li:hover
{
    opacity: 1;
}
.H2-title
{
    font-size: 47px;
    font-weight: bolder;
}
.section-holder .tow-columns
{
    overflow: hidden;
}
.section-holder .tow-columns li
{
    width: calc(100% / 2);
    float: left;
    padding: 5px 0;
}
.section-holder .h2
{
    text-align: right;
    font-size: 15px;
    font-weight: 700;
}
.section-holder .h2:after
{
    content: '';
    display: block;
    width: 65px;
    height: 3px;
    background-color: #333740;
    margin: 10px 0;
}
.section-holder .h1
{
    text-align: left;
    font-size: 20px;
}
.section-holder .meta-categ:before
{
    display: none;
}
.post-image
{
    margin-bottom: -12px;
    border-radius: 6px;
}
.blog-item
{
    margin: 0 0 0 15px;
}
iframe, img
{
    display: block;
    width: 100%;
}
.loading-wrapper img
{
    width: 50%;
}
.mbr-embedded-video
{
    padding-top: 20px;
    padding-bottom: 20px;
}
#over
{
    position: absolute;
    width: 100%;
    height: 100%;
    text-align: center;
}
#over1
{
    position: absolute;
    width: 100%;
    height: 100%;
    text-align: center;
}
.Centerer
{
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}
.Centered
{
    display: inline-block;
    vertical-align: middle;
}
.elementor-86 .elementor-element.elementor-element-47bc5def:not(.elementor-motion-effects-element-type-background), .elementor-86 .elementor-element.elementor-element-47bc5def > .elementor-motion-effects-container > .elementor-motion-effects-layer
{
    background-image: url(/new/images/7h4a5350.jpg);
}
style-title
{
    color: #fff;
    font-family: "Droid Arabic Kufi" ,Sans-serif;
    font-size: 2.1rem;
    font-weight: 700;
    line-height: 1.6em;
    letter-spacing: -1px;
    text-shadow: 1px 1px 2px rgba(0,0,0,.3);
}
.container1
{
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: 50vh;
}
.container2
{
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: 81vh
}
.our_team
{
    background-position: center center;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
}
.our_team-size
{
    min-height: 100vh;
}
.bottom-gradient:after
{
    content: "";
    height: 360px;
    width: 100%;
    position: absolute;
    bottom: 0;
    background: -webkit-gradient(linear,left bottom,left top,from(#fff),color-stop(35%,#fff),to(rgba(255,255,255,0)));
    background: -o-linear-gradient(bottom,#fff 0,#fff 35%,rgba(255,255,255,0) 100%);
    background: linear-gradient(to top,#fff 0,#fff 14%,rgba(255,255,255,0) 80%);
}
.our_team .team
{
    color: #fff;
    min-height: 600px;
}
.our_team .person
{
    margin-bottom: 40px;
}
#mainNav.navbar-shrink
{
    padding-top: 0;
    padding-bottom: 0;
    background-color: #333740;
    opacity: 0.9;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
#mainNav
{
    padding-top: 0;
    padding-bottom: 0;
    transition: padding-top .3s,padding-bottom .3s;
    border: none;
    background-color: transparent;
}
#scroll-top
{
    width: 50px;
    height: 40px;
    color: #ddd;
    background-color: #272727;
    text-align: center;
    position: fixed;
    right: 15px;
    bottom: 10px;
    z-index: 9999;
    display: none;
    cursor: pointer;
}
#scroll-top:hover
{
    background-color: #444;
}
.bottom-gradient-about111:after
{
    content: "";
    height: 100vh;
    width: 100%;
    position: absolute;
    bottom: 0;
    background: -webkit-gradient(linear,left bottom,left top,from(#fff),color-stop(35%,#fff),to(rgba(255,255,255,0)));
    background: -o-linear-gradient(bottom,#fff 0,#fff 35%,rgba(255,255,255,0) 100%);
    background: linear-gradient(to top,#fff 0,#fff 2%,rgba(255,255,255,0) 46%);
}
.container-fluid-about .carousel-inner
{
    display: flex;
    align-items: center;
    justify-content: left;
}
.container-fluid-about .carousel-inner h1
{
    position: absolute;
    color: #333740;
    z-index: 3;
    font-size: 70px;
    max-width: 900px;
    left: 100px;
    line-height: 1.5;
}
.container-fluid-about .carousel-inner h1 span
{
    background-color: #ec1c23;
    color: #333740;
    display: inline-block;
    padding: 2px 10px;
}
#imgPlace
{
    position: relative;
}
#imgPlace h1
{
    color: #333740;
    font-size: 25px;
    max-width: 900px;
    line-height: 1.5;
    position: absolute;
    bottom: 4px;
    right: 25px;
    z-index: 1;
}
#imgPlace img
{
    position: relative;
    top: 0;
    right: 0;
}
.hero-image
{
    margin: auto;
    max-width: 100%;
}
.hero-image::after
{
    content: "";
    height: 100vh;
    width: 100%;
    position: absolute;
    bottom: 0;
    background: -webkit-gradient(linear,left bottom,left top,from(#fff),color-stop(35%,#fff),to(rgba(255,255,255,0)));
    background: -o-linear-gradient(bottom,#fff 0,#fff 35%,rgba(255,255,255,0) 100%);
    background: linear-gradient(to top,#fff 0,#fff 3%,rgba(255,255,255,0) 46%);
}


.menu-centered {
          /*background: #0075B8;*/
          /*padding: 10px;*/
          /*margin-bottom: 10px;*/
              margin-top: 5px;
             padding-right: 0px;
      }
     .menu-centered ul {
           margin: 0;
           padding: 0;
           text-align: center;
      }


     .menu-centered li {
           display: inline;
           list-style: none;
           /*padding: 10px 5px 10px 5px;*/
      }
      
            
.menu-centered ul li {
        margin-left: 15px;
           text-align: center;
    
}

.menu-centered ul li a i {
    color: #ffffff;
     /*color: #ffffff;*/
    font-size: 35px;
}

.menu-centered ul li a i:hover {
    color: #bebebe;
    /*color: #AA8062 !important;*/
}


.menu-centered ul li a i:hover {
    color: #bebebe;
    /*color: #AA8062 !important;*/
}

.menu-centered ul li a.social-instagram i:hover  {
     background: #d6249f;
    background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.menu-centered ul li a.social-twitter i:hover {
	color: #29C5F6 !important;
}


.menu-centered ul li a.social-youtube i:hover {
	color: #941111  !important;
}

.menu-centered ul li a.social-whatsapp i:hover {
	color: #4CEE67  !important;
}

.menu-centered ul li a.social-snapchat i:hover {
	color: #F5F401  !important;
}



.menu-centered ul li a.social-snapchat i:hover ,
.menu-centered ul li a.social-whatsapp i:hover ,
.menu-centered ul li a.social-twitter i:hover 
{
 -webkit-transition : all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}





.menu-centered,.menu-centered a {
    width: 100%;
    /*margin-top: 10px;*/
    padding-right: 0px;
    color: #ffffff;
    font-family: 'Tajawal', sans-serif !important;
    font-size: 18px;
}

.menu-centered a i:hover {
    color: #bebebe !important;
}


.menu-centered a:hover, a:focus {
    color: #a9a6a6 !important;
}


.menu-centered span {
    color: #e2890a;
}

.menu-centered i {
    color: #e2890a;
}.menu-centered span {
    color: #fff;
}

.menu-centered i {
    color: #C39350;
}

.settings-box
{
    position: fixed;
    right: -200px;
    top: 0;
    background: #ededed;
    width: 200px;
    z-index: 1000;
    min-height: 100vh;
    transition: .3s;
    border: 1px solid #eee;
    -webkit-font-smoothing: antialiased;
    transform-origin: 0 0;
    transform: translate(0,0);
    transition: transform .5s cubic-bezier(.77,.2,.05,1);
}
.settings-box.open
{
    right: 0;
}
.settings-box .toggle-settings
{
    position: absolute;
    left: -30px;
    top: 100px;
    background-color: #fff;
    text-align: center;
    cursor: pointer;
}
.settings-container .toggle-settings1
{
    position: absolute;
    left: -30px;
    top: 100px;
    background-color: #fff;
    text-align: center;
    cursor: pointer;
}
.settings-box .toggle-settings input
{
    position: absolute;
    top: -7px;
    left: -30px;
    cursor: pointer;
    opacity: 0;
    z-index: 2;
    -webkit-touch-callout: none;
}
.settings-box .toggle-settings span
{
    display: block;
    width: 33px;
    height: 4px;
    margin-bottom: 5px;
    position: relative;
    background: #cdcdcd;
    border-radius: 3px;
    z-index: 1;
    transform-origin: 4px 0;
    transition: transform .5s cubic-bezier(.77,.2,.05,1),background .5s cubic-bezier(.77,.2,.05,1),opacity .55s ease;
}
.settings-box .toggle-settings span:first-child
{
    transform-origin: 0 0;
}
.settings-box .toggle-settings span:nth-last-child(2)
{
    transform-origin: 0 100%;
}
.settings-box .toggle-settings input:checked ~ span
{
    opacity: 1;
    transform: rotate(45deg) translate(-2px,-1px);
    background: #232323;
}
.settings-box .toggle-settings input:checked ~ span:nth-last-child(3)
{
    opacity: 0;
    transform: rotate(0) scale(.2,.2);
}
.settings-box .toggle-settings input:checked ~ span:nth-last-child(2)
{
    transform: rotate(-45deg) translate(0,-1px);
}
.settings-box .toggle-settings .fa-gear
{
    width: 30px;
    padding: 8px 0;
}
.settings-box .option-box
{
    padding: 10px;
    text-align: center;
    background-color: #eee;
    margin: 10px;
}
.settings-box .option-box h4
{
    margin: 0;
    color: #666;
    font-size: 14px;
}
.settings-box .option-box .colors-list
{
    list-style: none;
    text-align: center;
    padding: 0;
    margin: 10px 0 0;
}
.settings-box .option-box .colors-list li
{
    width: 24px;
    height: 24px;
    background-color: #333;
    border-radius: 50%;
    cursor: pointer;
    display: inline-block;
    border: 3px solid #eee;
}
.settings-box .option-box .colors-list li.active
{
    border-color: #fff;
}
.settings-box .option-box .colors-list li:first-child
{
    background-color: #ff9800;
}
.settings-box .option-box .colors-list li:nth-child(2)
{
    background-color: #e91e63;
}
.settings-box .option-box .colors-list li:nth-child(3)
{
    background-color: #009688;
}
.settings-box .option-box .colors-list li:nth-child(4)
{
    background-color: #03a9f4;
}
.settings-box .option-box .colors-list li:nth-child(5)
{
    background-color: #4caf50;
}
.settings-box .option-box .no, .settings-box .option-box .yes
{
    width: 50px;
    background-color: var(--main-color);
    color: #fff;
    margin-top: 10px;
    display: inline-block;
    font-size: 12px;
    padding: 4px 10px;
    font-weight: 700;
    border-radius: 4px;
    opacity: .5;
    cursor: pointer;
}
.settings-box .option-box span.active
{
    opacity: 1;
}
.settings-box .reset-options
{
    background-color: #f44336;
    border: none;
    width: 178px;
    margin: 10px auto;
    display: block;
    color: #fff;
    font-weight: 700;
    padding: 10px;
    border-radius: 4px;
    cursor: pointer;
}
#menuToggle
{
    display: block;
    position: relative;
    top: 50px;
    left: 50px;
    z-index: 1;
    -webkit-user-select: none;
    user-select: none;
}
#menuToggle a
{
    text-decoration: none;
    color: #232323;
    transition: color .3s ease;
}
#menuToggle a:hover
{
    color: tomato;
}
#menuToggle span
{
    display: block;
    width: 33px;
    height: 4px;
    margin-bottom: 5px;
    position: relative;
    background: #cdcdcd;
    border-radius: 3px;
    z-index: 1;
    transform-origin: 4px 0;
    transition: transform .5s cubic-bezier(.77,.2,.05,1),background .5s cubic-bezier(.77,.2,.05,1),opacity .55s ease;
}
#menuToggle span:first-child
{
    transform-origin: 0 0;
}
#menuToggle span:nth-last-child(2)
{
    transform-origin: 0 100%;
}
#menuToggle input:checked ~ span
{
    opacity: 1;
    transform: rotate(45deg) translate(-2px,-1px);
    background: #232323;
}
#menuToggle input:checked ~ span:nth-last-child(3)
{
    opacity: 0;
    transform: rotate(0) scale(.2,.2);
}
#menuToggle input:checked ~ span:nth-last-child(2)
{
    transform: rotate(-45deg) translate(0,-1px);
}
.navbar-nav
{
    float: none;
    margin: auto;
    display: block;
    text-align: center;
}
.navbar-nav > li
{
    float: right;
    display: inline-block;
}
a.navbar-brand
{
    display: none;
}
.navbar-collapse
{
    padding-right: 15;
    padding-left: 15;
}
nav.navbar.navbar-default
{
    float: right;
    width: 100%;
    background: 0 0;
    border: 0 none;
}
.navbar-default .navbar-nav > li > a
{
    color: #d8dad8;
    font-size: 18px;
    font-family: Tajawal,sans-serif !important;
    line-height: 50px;
    height: 50px;
}
.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover
{
    color: #fff;
    border-bottom: 1px solid #fff;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover
{
    color: #fff;
    background-color: transparent;
    border-radius: 0;
    border-bottom: 1px solid #fff;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover
{
    color: #fff;
    background-color: transparent;
    border-radius: 0;
    border-bottom: 1px solid #fff;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover
{
    color: #fff;
    background-color: transparent;
    border-radius: 0;
    border-bottom: 2px solid #fff;
}
.navbar-default .navbar-nav > li > a span
{
    line-height: 4px;
}
.navbar-collapse.in
{
    max-height: none !important;
    height: auto !important;
}
.navbar-default .navbar-brand
{
    color: #fff;
    display: block;
    font-family: Tajawal,sans-serif;
    margin: 0 15px 10px 10px;
}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover
{
    background-color: transparent;
}
.navbar-default .navbar-toggle
{
    border: none;
}
.navbar-default .navbar-toggle .icon-bar
{
    background-color: #fff;
}
nav.navbar.navbar-default
{
    border: 0 none;
    background: 0 0;
}
.navbar-toggle
{
    float: right;
    margin-right: 11px;
}
.navbar-nav > li
{
    float: right;
    display: inline-block;
}
.dropdown-menu > li > a
{
    width: -8px;
    background: #333740;
    display: block;
    padding: 10px 10px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #fff !important;
    white-space: nowrap;
    font-family: Tajawal,sans-serif;
    font-size: 16px;
    border-bottom: solid 1px #4b515c;
}
.dropdown-menu
{
    width: 161px;
}
.navbar-toggle-NotScroll
{
    margin-left: 15px !important;
}
@media (max-width:767px) and (min-width:10px)
{
    .hidden-smm
    {
        display: none !important;
    }
}
@media (max-width:9991px) and (min-width:768px)
{
    .hidden-lgg
    {
        display: none !important;
    }
}
@media (max-width:767px) and (min-width:10px)
{
    .social
    {
        margin-top: 0;
    }
}
@media (min-width:300px)
{
    .navbar
    {
        margin-bottom: 0;
    }
    .phoneheader, .phoneheader a
    {
        font-size: 15px;
    }
    .nav-Right
    {
        margin: 15px -15px 0 0;
        -webkit-transition: all 1s ease;
        -moz-transition: all 1s ease;
        -ms-transition: all 1s ease;
        -o-transition: all 1s ease;
        transition: all 1s ease;
    }
    .nav-Right1
    {
        margin: 0;
        -webkit-transition: all 1s ease;
        -moz-transition: all 1s ease;
        -ms-transition: all 1s ease;
        -o-transition: all 1s ease;
        transition: all 1s ease;
    }
    .navCenter-po
    {
        position: relative;
        z-index: -1;
    }
    img.zoomIn.animated
    {
        padding: 0;
        margin: 4px auto;
        display: block;
        width: 70%;
        -webkit-transition: all ease-in-out .2s;
        -moz-transition: all ease-in-out .2s;
        -o-transition: all ease-in-out .2s;
        transition: all ease-in-out .2s;
    }
    img.zoomIn1.animated
    {
        margin: -92px auto;
        display: block;
        width: 40%;
        -webkit-transition: all ease-in-out .2s;
        -moz-transition: all ease-in-out .2s;
        -o-transition: all ease-in-out .2s;
        transition: all ease-in-out .2s;
    }
    .nav-Left
    {
        float: left;
        margin: 0 0 0 9px;
        -webkit-transition: all 1s ease;
        -moz-transition: all 1s ease;
        -ms-transition: all 1s ease;
        -o-transition: all 1s ease;
        transition: all 1s ease;
    }
    .nav-Left1
    {
        float: left;
        margin: 0 0 0 -23px;
        -webkit-transition: all 1s ease;
        -moz-transition: all 1s ease;
        -ms-transition: all 1s ease;
        -o-transition: all 1s ease;
        transition: all 1s ease;
    }
    .social.fottot ul
    {
        margin: 9px auto !important;
        display: table;
    }
    .social ul li
    {
        margin-left: 4px;
        float: right;
    }
}
@media (max-width:380px) and (min-width:370px)
{
    .block1
    {
        padding: 2rem 0;
    }
}
@media (min-width:576px)
{
    .nav-Right
    {
        margin: 15px -15px 0 0;
        -webkit-transition: all 1s ease;
        -moz-transition: all 1s ease;
        -ms-transition: all 1s ease;
        -o-transition: all 1s ease;
        transition: all 1s ease;
    }
    .nav-Right1
    {
        margin: 0;
        -webkit-transition: all 1s ease;
        -moz-transition: all 1s ease;
        -ms-transition: all 1s ease;
        -o-transition: all 1s ease;
        transition: all 1s ease;
    }
    img.zoomIn.animated
    {
        padding: 0;
        margin: 0 auto;
        display: block;
        width: 70%;
        -webkit-transition: all ease-in-out .2s;
        -moz-transition: all ease-in-out .2s;
        -o-transition: all ease-in-out .2s;
        transition: all ease-in-out .2s;
    }
    img.zoomIn1.animated
    {
        margin: -6px auto;
        display: block;
        width: 55%;
        -webkit-transition: all ease-in-out .2s;
        -moz-transition: all ease-in-out .2s;
        -o-transition: all ease-in-out .2s;
        transition: all ease-in-out .2s;
    }
    .nav-Left
    {
        float: left;
        margin: 0 0 0 9px;
        -webkit-transition: all 1s ease;
        -moz-transition: all 1s ease;
        -ms-transition: all 1s ease;
        -o-transition: all 1s ease;
        transition: all 1s ease;
    }
    .nav-Left1
    {
        float: left;
        margin: 0 0 0 9px;
        -webkit-transition: all 1s ease;
        -moz-transition: all 1s ease;
        -ms-transition: all 1s ease;
        -o-transition: all 1s ease;
        transition: all 1s ease;
    }
    .social.fottot ul
    {
        margin: 6px auto !important;
        display: table;
    }
    .social ul li
    {
        margin-left: 7px;
        float: right;
    }
}
@media (min-width:768px)
{
    .social.fottot ul
    {
        display: table;
    }
    .social ul li
    {
        margin-left: 7px;
        float: right;
    }
    .nav-Right
    {
        margin: 20px 0 0 0;
        -webkit-transition: all 1s ease;
        -moz-transition: all 1s ease;
        -ms-transition: all 1s ease;
        -o-transition: all 1s ease;
        transition: all 1s ease;
    }
    .nav > li > a
    {
        position: relative;
        display: block;
        padding: 0 9px;
    }
    .dropdown-menu > li > a
    {
        width: -8px;
        background: #333740;
        display: block;
        padding: 3px 2px;
        clear: both;
        font-weight: 400;
        line-height: 1.42857143;
        color: #fff !important;
        white-space: nowrap;
        font-family: Tajawal,sans-serif;
        font-size: 16px;
        border-bottom: solid 1px #4b515c;
    }
    .dropdown-menu
    {
        width: 161px;
    }
    img.zoomIn.animated
    {
        padding: 13px;
        display: block;
        width: 104%;
        -webkit-transition: all ease-in-out .2s;
        -moz-transition: all ease-in-out .2s;
        -o-transition: all ease-in-out .2s;
        transition: all ease-in-out .2s;
    }
    img.zoomIn1.animated
    {
        margin: 0 41px 0 0;
        padding: 13px;
        display: block;
        width: 70%;
        -webkit-transition: all ease-in-out .2s;
        -moz-transition: all ease-in-out .2s;
        -o-transition: all ease-in-out .2s;
        transition: all ease-in-out .2s;
    }
    .nav-Left
    {
        float: left;
        margin: 14px 0 0 0;
        -webkit-transition: all 1s ease;
        -moz-transition: all 1s ease;
        -ms-transition: all 1s ease;
        -o-transition: all 1s ease;
        transition: all 1s ease;
    }
    .nav-Left1
    {
        float: left;
        margin: 9px 0 0 0;
        -webkit-transition: all 1s ease;
        -moz-transition: all 1s ease;
        -ms-transition: all 1s ease;
        -o-transition: all 1s ease;
        transition: all 1s ease;
    }
    .nav-Right
    {
        margin: 14px 0 0 0;
        -webkit-transition: all 1s ease;
        -moz-transition: all 1s ease;
        -ms-transition: all 1s ease;
        -o-transition: all 1s ease;
        transition: all 1s ease;
    }
    .nav-Right1
    {
        margin: 10px 0 0 0;
        -webkit-transition: all 1s ease;
        -moz-transition: all 1s ease;
        -ms-transition: all 1s ease;
        -o-transition: all 1s ease;
        transition: all 1s ease;
    }
}
@media (min-width:992px)
{
    .dropdown-menu > li > a
    {
        width: 200px;
        background: #333740;
        display: block;
        padding: 10px 10px;
        clear: both;
        font-weight: 400;
        line-height: 1.42857143;
        color: #fff !important;
        white-space: nowrap;
        font-family: Tajawal,sans-serif;
        font-size: 16px;
        border-bottom: solid 1px #4b515c;
    }
    .dropdown-menu
    {
        width: 200px;
    }
    .container-fluid
    {
        background: rgb(0 0 0 / 7%);
        padding-right: 200px;
        padding-left: 85px;
        margin-right: auto;
        margin-left: auto;
        opacity: 1;
    }
    img.zoomIn.animated
    {
        padding: 0;
        margin: 7px 64px 0 0;
        display: block;
        width: 50%;
    }
    img.zoomIn1.animated
    {
        padding: 0;
        margin: 7px 70px 0 0;
        display: block;
        width: 38%;
    }
    .nav-Left
    {
        margin: 8px 0 0 0;
        -webkit-transition: all 1s ease;
        -moz-transition: all 1s ease;
        -ms-transition: all 1s ease;
        -o-transition: all 1s ease;
        transition: all 1s ease;
    }
    .nav-Left1
    {
        margin: 5px 0 0 0;
        -webkit-transition: all 1s ease;
        -moz-transition: all 1s ease;
        -ms-transition: all 1s ease;
        -o-transition: all 1s ease;
        transition: all 1s ease;
    }
    .nav-Right
    {
        margin: 14px 0 0 0;
        -webkit-transition: all 1s ease;
        -moz-transition: all 1s ease;
        -ms-transition: all 1s ease;
        -o-transition: all 1s ease;
        transition: all 1s ease;
    }
    .nav-Right1
    {
        margin: 18px 0 0 0;
        -webkit-transition: all 1s ease;
        -moz-transition: all 1s ease;
        -ms-transition: all 1s ease;
        -o-transition: all 1s ease;
        transition: all 1s ease;
    }
}
@media (min-width:992px)
{
    .dropdown-menu > li > a
    {
        width: 200px;
        background: #333740;
        display: block;
        padding: 10px 10px;
        clear: both;
        font-weight: 400;
        line-height: 1.42857143;
        color: #fff !important;
        white-space: nowrap;
        font-family: Tajawal,sans-serif;
        font-size: 16px;
        border-bottom: solid 1px #4b515c;
    }
    .dropdown-menu
    {
        width: 200px;
    }
    .container-fluid
    {
        background: rgb(0 0 0 / 7%);
        padding-right: 117px;
        padding-left: 65px;
        margin-right: auto;
        margin-left: auto;
        opacity: 1;
    }
}
@media (min-width:1200px)
{
    .dropdown-menu > li > a
    {
        width: 200px;
        background: #333740;
        display: block;
        padding: 10px 10px;
        clear: both;
        font-weight: 400;
        line-height: 1.42857143;
        color: #fff !important;
        white-space: nowrap;
        font-family: Tajawal,sans-serif;
        font-size: 16px;
        border-bottom: solid 1px #4b515c;
    }
    .dropdown-menu
    {
        width: 200px;
    }
    .container-fluid
    {
        background: rgb(0 0 0 / 7%);
        padding-right: 261px;
        padding-left: 85px;
        margin-right: auto;
        margin-left: auto;
        opacity: 1;
    }
    img.zoomIn.animated
    {
        padding: 0;
        margin: 12px 64px 0 0;
        display: block;
        width: 50%;
    }
    .nav-Left
    {
        margin: 30px 0 0 0;
        -webkit-transition: all 1s ease;
        -moz-transition: all 1s ease;
        -ms-transition: all 1s ease;
        -o-transition: all 1s ease;
        transition: all 1s ease;
    }
    .nav-Left1
    {
        margin: 8px 0 0 0;
        -webkit-transition: all 1s ease;
        -moz-transition: all 1s ease;
        -ms-transition: all 1s ease;
        -o-transition: all 1s ease;
        transition: all 1s ease;
    }
    .nav-Right
    {
        margin: 24px 0 0 0;
        -webkit-transition: all 1s ease;
        -moz-transition: all 1s ease;
        -ms-transition: all 1s ease;
        -o-transition: all 1s ease;
        transition: all 1s ease;
    }
    .nav-Right
    {
        margin: 33px 0 0 0;
        -webkit-transition: all 1s ease;
        -moz-transition: all 1s ease;
        -ms-transition: all 1s ease;
        -o-transition: all 1s ease;
        transition: all 1s ease;
    }
}
@media (max-width:415px) and (min-width:10px)
{
    
    .navbar-nav
{
    width: 149px !important;
}
    .image-wrap-2 img
    {
        margin-right: 20px;
    }
    .section-holder .h2
    {
        font-size: 12px;
    }
    #menu-centered, #menu-centered a
    {
        font-size: 19px;
    }
    .footer
    {
        padding-bottom: 0;
        padding-top: 0;
    }
    .h2, h2
    {
        font-size: 26px;
    }
    .bottom-gradient:after
    {
        background: linear-gradient(to top,#fff 0,#fff 38%,rgba(255,255,255,0) 75%) !important;
    }
    .our_team-size
    {
        min-height: 46vh !important;
    }
    .container2
    {
        height: 81vh;
    }
    #imgPlace h1
    {
        font-size: 13px;
    }
}
/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */.fancybox-image, .fancybox-inner, .fancybox-nav, .fancybox-nav span, .fancybox-outer, .fancybox-skin, .fancybox-tmp, .fancybox-wrap, .fancybox-wrap iframe, .fancybox-wrap object
{
    padding: 0;
    margin: 0;
    border: 0;
    outline: 0;
    vertical-align: top;
}
.fancybox-wrap
{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 8020;
}
.fancybox-skin
{
    position: relative;
    background: #f9f9f9;
    color: #444;
    text-shadow: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.fancybox-opened
{
    z-index: 8030;
}
.fancybox-opened .fancybox-skin
{
    -webkit-box-shadow: 0 10px 25px rgba(0,0,0,.5);
    -moz-box-shadow: 0 10px 25px rgba(0,0,0,.5);
    box-shadow: 0 10px 25px rgba(0,0,0,.5);
}
.fancybox-inner, .fancybox-outer
{
    position: relative;
}
.fancybox-inner
{
    overflow: hidden;
}
.fancybox-type-iframe .fancybox-inner
{
    -webkit-overflow-scrolling: touch;
}
.fancybox-error
{
    color: #444;
    font: 14px/20px "Helvetica Neue" ,Helvetica,Arial,sans-serif;
    margin: 0;
    padding: 15px;
    white-space: nowrap;
}
.fancybox-iframe, .fancybox-image
{
    display: block;
    width: 100%;
    height: 100%;
}
.fancybox-image
{
    max-width: 100%;
    max-height: 100%;
}
#fancybox-loading, .fancybox-close, .fancybox-next span, .fancybox-prev span
{
    background-image: url(fancybox_sprite.png);
}
#fancybox-loading
{
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -22px;
    margin-left: -22px;
    background-position: 0 -108px;
    opacity: .8;
    cursor: pointer;
    z-index: 8060;
}
#fancybox-loading div
{
    width: 44px;
    height: 44px;
    background: url(fancybox_loading.html) center center no-repeat;
}
.fancybox-close
{
    position: absolute;
    top: -18px;
    right: -18px;
    width: 36px;
    height: 36px;
    cursor: pointer;
    z-index: 8040;
}
.fancybox-nav
{
    position: absolute;
    top: 0;
    width: 40%;
    height: 100%;
    cursor: pointer;
    text-decoration: none;
    background: transparent url(blank.gif);
    -webkit-tap-highlight-color: transparent;
    z-index: 8040;
}
.fancybox-prev
{
    left: 0;
}
.fancybox-next
{
    right: 0;
}
.fancybox-nav span
{
    position: absolute;
    top: 50%;
    width: 36px;
    height: 34px;
    margin-top: -18px;
    cursor: pointer;
    z-index: 8040;
    visibility: hidden;
}
.fancybox-prev span
{
    left: 10px;
    background-position: 0 -36px;
}
.fancybox-next span
{
    right: 10px;
    background-position: 0 -72px;
}
.fancybox-nav:hover span
{
    visibility: visible;
}
.fancybox-tmp
{
    position: absolute;
    top: -99999px;
    left: -99999px;
    max-width: 99999px;
    max-height: 99999px;
    overflow: visible !important;
}
.fancybox-lock
{
    overflow: visible !important;
    width: auto;
}
.fancybox-lock body
{
    overflow: hidden !important;
}
.fancybox-lock-test
{
    overflow-y: hidden !important;
}
.fancybox-overlay
{
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    display: none;
    z-index: 8010;
    background: url(fancybox_overlay.html);
}
.fancybox-overlay-fixed
{
    position: fixed;
    bottom: 0;
    right: 0;
}
.fancybox-lock .fancybox-overlay
{
    overflow: auto;
    overflow-y: scroll;
}
.fancybox-title
{
    visibility: hidden;
    font: normal 13px/20px "Helvetica Neue" ,Helvetica,Arial,sans-serif;
    position: relative;
    text-shadow: none;
    z-index: 8050;
}
.fancybox-opened .fancybox-title
{
    visibility: visible;
}
.fancybox-title-float-wrap
{
    position: absolute;
    bottom: 0;
    right: 50%;
    margin-bottom: -35px;
    z-index: 8050;
    text-align: center;
}
.fancybox-title-float-wrap .child
{
    display: inline-block;
    margin-right: -100%;
    padding: 2px 20px;
    background: 0 0;
    background: rgba(0,0,0,.8);
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    text-shadow: 0 1px 2px #222;
    color: #fff;
    font-weight: 700;
    line-height: 24px;
    white-space: nowrap;
}
.fancybox-title-outside-wrap
{
    position: relative;
    margin-top: 10px;
    color: #fff;
}
.fancybox-title-inside-wrap
{
    padding-top: 10px;
}
.fancybox-title-over-wrap
{
    position: absolute;
    bottom: 0;
    left: 0;
    color: #fff;
    padding: 10px;
    background: #000;
    background: rgba(0,0,0,.8);
}
@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min--moz-device-pixel-ratio:1.5),only screen and (min-device-pixel-ratio:1.5)
{
    #fancybox-loading, .fancybox-close, .fancybox-next span, .fancybox-prev span
    {
        background-image: url(fancybox_sprite%402x.html);
        background-size: 44px 152px;
    }
    #fancybox-loading div
    {
        background-image: url(fancybox_loading%402x.html);
        background-size: 24px 24px;
    }
}











/*Hover */
.image-wrap-2 img {
    filter: gray;
    /*-webkit-filter: grayscale(1);*/
    -webkit-transition: all .1s ease-in-out;
    border: 6px solid transparent;
    padding: 1px !important;
    ansorm: translateY(-5px);
}


.hvr-grow-shadow {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgb(0 0 0 / 0%);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: box-shadow, transform;
    transition-property: box-shadow, transform;
}


/*lightbox */
.image-wrap-2 {
    display: block;
    overflow: hidden;
    top: 0;
    left: 0;
    margin-bottom: 30px;
}


/* Preload images */
body:after 
{
    
  content: url(../Image/ld-lightbox/close.png) url(../Image/ld-lightbox/loading.gif) url(../Image/ld-lightbox/prev.png) url(../Image/ld-lightbox/next.png);
  display: none;
}

body.lb-disable-scrolling {
  overflow: hidden;
}

.lightboxOverlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  background-color: black;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
  display: none;
}

.lightbox {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 10000;
  text-align: center;
  line-height: 0;
  font-weight: normal;
}

.lightbox .lb-image {
  display: block;
  height: auto;
  max-width: inherit;
  border-radius: 3px;
}

.lightbox a img {
  border: none;
}

.lb-outerContainer {
  position: relative;
  background-color: white;
  *zoom: 1;
  width: 250px;
  height: 250px;
  margin: 0 auto;
  border-radius: 4px;
}

.lb-outerContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-container {
  padding: 4px;
}

.lb-loader {
  position: absolute;
  top: 43%;
  left: 0;
  height: 25%;
  width: 100%;
  text-align: center;
  line-height: 0;
}

.lb-cancel {
  display: block;
  width: 32px;
  height: 32px;
  margin: 0 auto;
  background: url(../Image/ld-lightbox/loading.gif) no-repeat;
}

.lb-nav {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
}

.lb-container > .nav {
  left: 0;
}

.lb-nav a {
  outline: none;
  background-image: url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==');
}

.lb-prev, .lb-next {
  height: 100%;
  cursor: pointer;
  display: block;
}

.lb-nav a.lb-prev {
  width: 34%;
  left: 0;
  float: left;
  background: url(../Image/ld-lightbox/prev.png) left 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s;
}

.lb-nav a.lb-prev:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.lb-nav a.lb-next {
  width: 64%;
  right: 0;
  float: right;
  background: url(../Image/ld-lightbox/next.png) right 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s;
}

.lb-nav a.lb-next:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.lb-dataContainer {
  margin: 0 auto;
  padding-top: 5px;
  *zoom: 1;
  width: 100%;
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.lb-dataContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-data {
  padding: 0 4px;
  color: #ccc;
}

.lb-data .lb-details {
  width: 85%;
  float: left;
  text-align: left;
  line-height: 1.1em;
}

.lb-data .lb-caption {
  font-size: 13px;
  font-weight: bold;
  line-height: 1em;
}

.lb-data .lb-number {
  display: block;
  clear: left;
  padding-bottom: 1em;
  font-size: 12px;
  color: #999999;
}

.lb-data .lb-close
{
    display: block;
    float: right;
    width: 30px;
    height: 30px;
    background: url('../Image/ld-lightbox/close.png') no-repeat right top;
    text-align: right;
    outline: none;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
    opacity: 0.7;
    -webkit-transition: opacity 0.2s;
    -moz-transition: opacity 0.2s;
    -o-transition: opacity 0.2s;
    transition: opacity 0.2s;
}

.lb-data .lb-close:hover {
  cursor: pointer;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}




/* Filter output css*/
.filtr-container {
	overflow:hidden;
}
.filtr-container, .filtr-container .filtr-item {
	-webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    -ms-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
    transition-duration: 0.8s;
	

}

.filtr-item {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:      -o-transform, opacity;
          transition-property:         transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/
/* .isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
      -ms-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
} */

/**** disabling Isotope CSS3 transitions ****/
.filtr-container .pf_result.no-transition,
.pf_result.no-transition,
.pf_result.no-transition .pf_result {
  transition-duration: 0s;
}

.filtr-container {
 -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}
/* The Magnificent Clearfix: nicolasgallagher.com/micro-clearfix-hack/ */
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }
/* .filtr-container:after {
  content: '';
  display: block;
  clear: both;
} */
 .filtr-container .filtr-item {
	  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:      -o-transform, opacity;
          transition-property:         transform, opacity;
 }
.filtr-item {
	float: left;
    overflow: hidden;
	/*padding: 7px;*/
	    position: relative;
	/*opacity: 0;*/
}
 

.shown,
.no-js .filtr-item,
.no-cssanimations .filtr-item {
	/*opacity: 1;*/
}

/* .grid li a,
.grid li img {
	outline: none;
	border: none;
	display: block;
	max-width: 100%;
} */


/* Effect 3: Scale up */
/* .animate {
	transform: scale(1);
	 transition: all 700ms ease-in-out;
}*/

.filtr-item {
    padding: 1rem;
}
.item-desc {
	background-color: rgba(0, 0, 0, 0.5);
    bottom: 16px;
    color: white;
    display: block;
    font-weight: 300;
    left: 2rem;
    padding: 4px;
    position: absolute;
    right: 2rem;
    text-align: center;
    text-transform: capitalize;
}

/* Filter controls */
.simplefilter li, .sortandshuffle li {
    color: white;
    cursor: pointer;
    display: inline-block;
    text-transform: capitalize;
    padding: 4px 30px;
	transition: background .3s linear,color .3s linear,border .3s linear,opacity .3s linear;
}
 .sortandshuffle li:hover {
    border: 4px solid #ffffff;
    padding: 7px 28px;
}
.simplefilter li {
	font-weight:400;
}
.simplefilter li:hover {
  
    /*border: 4px solid #ffffff;*/
   background-color: #585858;
    /*padding: 11px 36px;*/
}

.simplefilter li.active {
    background-color: #333740;
    color:#FFFFFF;
}
.simplefilter {
	width:100%;
}

/* Shuffle and sort controls */

.sortandshuffle .shuffle-btn {
    background-color: #dec800;
}
.sortandshuffle .sort-btn {
    background-color: #de0000;
}
.sortandshuffle .sort-btn.active {
    background-color: #9d0000;
}

/* Search control */
.search-row {
    margin-left: 2.5rem;
}
.filtr-search {
	border: 5px solid #ccc !important;
	 padding: 7px 30px 6px !important;
	text-transform: uppercase;
}
.item-position {
	background-color: rgba(0, 0, 0, 0.5);
    border-radius: 5px;
    color: white;
    display: block;
    font-weight: 300;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    bottom: auto;
    left: 3rem;
    padding: 0.75rem 1.25rem;
    right: auto;
    top: 3rem;
    padding-bottom: 0px;
    padding-top: 0px;
}


/* Portfolio video gallery icon */

.snipv12 {
  
  overflow: hidden;
  width: 100%;
  background: #000000;
}
.snipv12 .portfolio_thumbnail {
  max-width: 100%;
  vertical-align: top;
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.snipv12 .portfolio_thumbnail,
.snipv12 .portfolio_thumbnail {
  -webkit-transform: scale(1.12);
  transform: scale(1.12);
   opacity: 0.5;
}

.snipv12  i {
	
  color:#00ADEF;
  position: absolute;
  bottom: 50%;
  right: 45%;
  font-size: 30px;
  line-height: 1em;
  opacity: 0;
  -webkit-transition: all 0.4s cubic-bezier(0.6, -0.8, 0.735, 0.045);
  transition: all 0.4s cubic-bezier(0.6, -0.8, 0.735, 0.045);
}
.snipv12 i,
.snipv12 i {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  opacity:1;
} 




.navbar-fixed-top {
    position:fixed !important;
}

.blur {
filter: blur(11px) !important;
/*// Browser Specific*/
-webkit-filter: blur(11px) !important;
-moz-filter: blur(11px) !important;
-o-filter: blur(11px) !important;
-ms-filter: blur(11px) !important;
}


@media(min-width:2550px)  and  (max-width:2570px)  {
.main {
    padding: 16px;
    margin-top: 198px;
    min-height: calc(100vh - 344px);
}

body, html {
    height: unset !important;
}
}