@charset "UTF-8";
/* CSS Document */

html, body, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,fieldset, form, label, legend, table, 
caption, tbody, tfoot, thead, tr, th, td
{margin: 0;padding: 0;border: 0; }
blockquote, q     {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';	content: none;}
:focus            {outline: 0;}
ins               {text-decoration: none;}
del               {text-decoration: line-through;}
table             {border-collapse: collapse;border-spacing: 0;}
span { cursor: default; }

/* ============================================================================= */
@font-face {
    font-family: 'FbR-Bold';
    src: url('../fonts/FbR-Bold.woff') format("opentype");// here you go, IE 
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'FbR-Light';
    src: url('../fonts/FbR-Light.woff') format("opentype");  //here you go, IE 
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'FbR-Medium';
    src: url('../fonts/FbR-Medium.woff') format("opentype");  //here you go, IE 
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'FbR-Regular';
    src: url('../fonts/FbR-Regular.woff') format("opentype");  //here you go, IE 
    font-weight: normal;
    font-style: normal;
}

/* ============================================================================= */

* {margin: 0; }
img {border:0;border: none;top: 100px; }
p {cursor: default;}
::-webkit-input-placeholder {color:#B1A9B1;}
:-moz-placeholder {color:#B1A9B1;}
::-moz-placeholder {color:#B1A9B1;}
:-ms-input-placeholder {color:#B1A9B1;}  


/* ============================================================================= */
body{		
    font-family: 'FbR-Bold','FbR-Light','FbR-Medium','FbR-Regular', serif,Arial, Helvetica, sans-serif;
    direction: rtl;
    text-align: right;
    font-size: 16px;
    margin: 0 0 0 0;
    padding:0;
    width:100%;
    min-width: 1155px;	
    overflow-x: hidden;
    min-height: 784px;
    
    
    scrollbar-base-color: #414042;
    scrollbar-base-color: #be1e2d;
    scrollbar-3dlight-color: #414042;
    scrollbar-highlight-color: #414042;
    scrollbar-track-color: #414042;
    scrollbar-arrow-color: #414042;
    scrollbar-shadow-color: #414042;
    scrollbar-dark-shadow-color: #414042;
}

.clear-both {
    clear:both;
}

/* ============================================================================= */




/* ============================================================================= */
/*::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}
::-webkit-scrollbar-button:start:decrement,
::-webkit-scrollbar-button:end:increment  {
    display: none;
}

::-webkit-scrollbar-track-piece  {
    background-color: #414042;
    -webkit-border-radius: 0px;
}

::-webkit-scrollbar-thumb:vertical {
    -webkit-border-radius: 0px;
    background: #be1e2d;
}*/
/* ============================================================================= */



/* ============================================================================= */
.mainMenu {
    width: 100%;
    min-width: 1155px;
    height: 70px;
    color: #3c3c3b;
    font-size: 18px;
    background-color: #fff;
    border-bottom: 2px solid #BE1E2D;
    z-index: 999 !important;
    padding: 0px 0;
    margin: 0px 0 0 0;
    position: fixed;
    top: 0;
    font-family: 'FbR-Regular';
}

.con-menu {
    height: 70px;
    position: absolute;
    right: 50%;
    margin-right: -600px;
    z-index: 999;
    width: 1920px;
}

.logo {
    float: right;
    width: 150px;
    height:61px;
    margin-top: 5px;
    margin-right: 8px;
    margin-left: 75px;
}

.mainMenu ul {
    list-style-type: none;
    height: 100%;
    font-family: 'FbR-Regular';
    //font-weight: 700; 
    float: right;
}

.mainMenu ul li {
    color: #3c3c3b;
    height: 100%;
    float: right;
    /* margin-top: 5px; */
}

.mainMenu ul li a {
    display: inline;
    color: #3c3c3b;
    padding: 29px 20px 29px 20px;
    text-decoration: none;
    transition: 0s background-color;
}

.mainMenu ul li a:hover {
    text-decoration: none;
    display: inline;
    color: #fff;
    background-color: #414042;
    padding: 29px 20px 29px 20px;
    -webkit-transition: background 0.5s linear;
    -moz-transition: background 0.5s linear;
    -ms-transition: background 0.5s linear;
    -o-transition: background 0.5s linear;
    transition: background 0.5s linear;
}

.active_menu {
    text-decoration: none !important;
    display: inline !important; 
    color: #fff!important;
    background-color: #BE1E2D; 
    padding: 29px 20px 27px 20px;
    -webkit-transition: background 0.5s linear; 
    -moz-transition: background 0.5s linear; 
    -ms-transition: background 0.5s linear; 
    -o-transition: background 0.5s linear; 
    transition: background 0.5s linear; 
}

.facebook-logo {
    float: left;
    width: 40px;
    height: 40px;
    margin-right: 183px; 
    margin-top: -8px;
}

.instagram-logo {
    float: right;
    width: 35px;
    height: 35px;
    margin-right: 5px;
    margin-top: -4px;
}


/* sub menu */
#nav li:hover ul {
    display:block;
    position: absolute;
    top: 50px;
    padding:0;
    text-align: right;
    font-family: 'FbR-Light';
    color: #fff;
    width: 225px;
}
#nav li ul li {
    float: right;
    height: 15px;
    width: 100%;
    color: #fff;
    font-family: 'FbR-Light';
    margin-top: 12px;
} 
#nav li ul li a {
    padding: 0px 10px !important;
    height: 25px;
    width: 100%;
    color: #fff;
    font-family: 'FbR-Light';
    background: #BE1E2D;
} 
#nav li ul li a:hover {
    height: 25px;
    width: 100%;
    color: #fff;
    font-family: 'FbR-Regular';
} 
#nav li:hover li {
    float:none;
    background: #BE1E2D;
    font-family: 'FbR-Light';
    color: #fff;
    width: 100%;
}
.dropdown {
    display:none;
    list-style-type:none;
    background: #BE1E2D;
    color: #fff;
} 
/* sub menu */
/* ============================================================================= */



/* ============================================================================= */

/* contact-tab */
#pollSlider{
    position:fixed;
    height:195px;
    background: #dfdfdf;
    opacity: 1;
    width:485px;
    left:0px;
    top:150px;
    margin-left: -485px;
    z-index: 999;


}
#pollSlider-button{
    position:fixed;
    width:28px;
    left:0;
    top:150px;
    z-index: 998;
    cursor: pointer;

}

#contact-block-tab {
    float: right;
    width: 485px;
    padding: 15px;
    margin-top: 24px;
}

#tab-contact-right {
    float: right;
    width: 32%;
    margin-right: 14px;
}

#tab-contact-left {
    float: left;
    width: 45%;
}

#tab-contact-right>input {
    width: 100%;
    height: 33px;
    border: 1px solid #ccc; 
    font-family: 'FbR-Regular';
    padding: 8px;
    color: #4d4d4d !important;
    margin-bottom: 10px;
}

#tab-contact-left>textarea {
    width: 100%;
    border: 1px solid #ccc; 
    font-family: 'FbR-Regular';
    font-size: 14px;
    padding: 8px;
    color: #4d4d4d !important;
    margin-bottom: 5px;   
    resize: none;
    height: 78px;
}

#tab-contact-left>button {
    width: 100%;
    height: 33px;
    font-family: 'FbR-Light';
    padding: 4px;
    color: #fff;
    margin-bottom: 5px;
    background-color: #8BC53F;
    margin-top: -4px;
    font-size: 20px;
    border: none;
}

#tab-contact-left>button:hover {
    font-family: 'FbR-Regular';
}
/* end contact-tab*/
/* ============================================================================= */





/* ============================================================================= */
.wrap {
    float: right;
    background-color: #f1f2f2;
    width:100%;
    margin: 0 auto 0 auto;
}

.con {
    margin: 0 auto;
    width: 1155px;
} 

.width100 {
    float: right;
    width: 100%;
}
/* ============================================================================= */





/* ============================================================================= */
footer {
    float: right;
    width: 100%;
    background-color: #414042;
    /* margin: 20px 0 0 0; */
    border-top: 14px solid #e7e7e7;
}

footer ul {
    float: right;
    margin: 35px 0 35px 25px;
    width: 140px;
}

footer ul li {
    list-style-type: none;
    font-size: 18px;
    line-height: 12px;
    margin: 0 0px 4px 0;
    color: #fff;
    font-family: 'FbR-Medium';
}

footer ul li a {
    color: #fff;
    clear: both;
    display: block;
    font-family: 'FbR-Regular';
    text-decoration: none;
    color: #fff;
}

footer ul li a:hover {
    color: #be1e2d;
    text-decoration: none;
    font-family: 'FbR-Regular';;
}

.footer-title {
 
    color: #fff; 
    font-family: 'FbR-Regular';
    text-decoration: none !important;
    font-size: 20px;
}

.footer-title:hover { 
    font-family: 'FbR-Regular';
    text-decoration: none !important;
    color: #fff;
}

.footer-logo {
    width: 100%;
    float: right;
}

.footer-logo img {
    display: block;
    margin: 0 auto;
}

/* ============================================================================= */





/* ============================================================================= */
/* promot alert */
div.jqi .jqibuttons button.jqidefaultbutton {
    font-family: 'FbR-Regular' !important;
    color: #c1272d !important;    
    font-size: 16px !important;
}

div.jqi .jqimessage { 
    color: #3c3c3b !important;
}

div.jqi .jqiclose {
    left: 5px !important; 
}
/* ============================================================================= */





/* ============================================================================= */
/* index */

.index-page {
    float: right;
    width: 100%;
}
.index-wrap {
    float: right;
    width: 100%;
    height: 550px;
    background-image: url('../img/bg/index-bg.jpg');
    background-repeat: no-repeat;
    background-position: center center;
    box-shadow: 0 10px 17px -15px;
    margin-top: 70px;
}

.index-wrap-right {
    float: right;
    width: 442px;
    height: 550px;
    background-color: rgba(190, 30, 45, 0.9);
}

.right-logo {
    float: right; 
    width: 100%;
}

.right-logo img {
    float: right;
    width: 250px;
    height: 111px;
    margin-top: 50px;
    margin-right: 5px;
}

.index-wrap-right-row {
    float: right;
    width: 100%;
    margin-top: 8px;
    margin-bottom: 8px;
}

.square {
    float: right;
    width: 15px;
    height: 15px;
    border: 1px solid #fff;
    margin-right: 32px;
    margin-left: 15px;
    margin-top: 15px;
}

.strong-span {
    float: right;
    color: #fff;
    font-family: 'FbR-Medium';
    font-size: 34px;
    margin-top: 0px;
    margin-left: 5px;
}

.regular-span {
    float: right;
    color: #fff;
    font-family: 'FbR-Regular';
    font-size: 30px;
    margin-top: 3px;
    margin-left: 5px;
}

.index-bottom {
    float: right;
    width: 100%;
    height: 310px;
    background-color: #fff;
}

.index-bottom-right {
    float: right;
    width: 600px;
    height: 310px;
    background-color: #fff;
}


.index-bottom-left {
    float: right;
    width: 410px;
    height: 310px;
    background-color: #414042;
}

.index-service {
    float: right;
    margin-top: 20px;
    width: 285px;
    margin-left: 15px;
}

.index-service img {
    float: right;
    width: 50px;
    height: 50px;
}

.index-service-title {
    float: right;
    font-family: 'FbR-Regular';
    font-size: 28px;
    color: #be1e2d;
    margin-top: 23px;
    margin-right: 6px;
}

.index-service-text {
    float: right;
    width: 100%;
    margin-top: -8px;
    text-align: justify;
    color: #231f20;
    font-family: 'FbR-Regular';
    font-size: 14px;
    line-height: 15px;
}

.index-service-more {
    float: left;
    color: #be1e2d;
    font-family: 'FbR-Regular';
    font-size: 14px;
    cursor: pointer;
}
/* ============================================================================= */





/* ============================================================================= */
/* about */
.about-page {
    float: right;
    width: 100%;
    margin-top: 70px;
    background-color: #fff;
    padding: 8px;
}

.title-page {
    float: right;
    width: 100%;
    margin-top: 25px;
    margin-right: 16px;
}

.title-page img {
    float: right;
    width: 50px;
    height: 50px;
}

.title-page span {
    float: right;
    font-family: 'FbR-Medium';
    font-size: 28px;
    color: #be1e2d;
    margin-top: 22px;
    margin-right: 6px;
}

.text {
    float: right;
    width: 100%;
    margin-top: 8px;
    text-align: right;
    color: #231f20;
    font-family: 'FbR-Regular';
    font-size: 17px;
    line-height: 22px;
    margin-bottom: 8px;
}

img#about-img1 {
    float: right;
    width: 50%;
    height: auto;
}

img#about-img2 {
    float: left;
    width: 50%;
    height: auto;
}
/* ============================================================================= */





/* ============================================================================= */
/* service */

.service-page
{
    float: right;
    width: 100%;
    background-color: #fff;
    margin-top: 70px;  
    padding: 6px;
}

.panel-default {
    border-color: none !important; 
}

.panel-default>.panel-heading {
    background-color: #fff;
}

.imgAccordion {
    float: right;
    width: 50px;
    height: 50px;
}

#titleAccordion {
    float: right;
    font-family: 'FbR-Regular';
    font-size: 22px; 
    color: #414042;
    width: 95%;
    margin-top: 29px;
    padding-right: 5px;
    cursor: pointer;
}

#descriptionAccordion {
    float: right;
    font-family: 'FbR-Light';
    font-size: 16px;
    color: #414042;
    width: 98%;
    cursor: pointer;
    padding-bottom: 5px;
}

#arrowAccordion {
    color: #be1e2d;
    margin-top: -20px;
}
/* ============================================================================= */





/* ============================================================================= */
/* recommended */


.client-block {
        width: 120px;
    margin: 16px;
    float: right;
}

.starAccordion {
    float: right;
    width: 120px;
    //height: 26px;
    margin-top: -5px;
   border: 1px solid #ccc;
   margin-bottom: 10px;
    
}

span.title-client {
    float: right;
    line-height: 0.9;
    font-family: 'FbR-Medium';
    font-size: 20px;
    text-align: r !important; 
}

/* ============================================================================= */





/* ============================================================================= */
/* form-contact */
.form-contact {
    float: right;
    width: 100%;
    padding: 10px;
    margin-top: 58px;
    margin-right: -25px;
}

.form-contact img {
    float: right;
    width: 85px;
    height: 106px;
    margin-right: 8px;
}

#contact-right {
    float: right;
    width: 125px;
}

#contact-left {
    float: right;//
    width: 125px;
    width: 162px;
    margin-right: 10px;
}

.form-contact input[type=text] {
    float: right;
    margin-right: 5px;
    margin-left: 5px;
    width: 125px;
    height: 30px;
    border: 1px solid #f1f2f2;
    padding: 6px;
    font-family: 'FbR-Regular', 'Arial';
    color: #f1f2f2;
    background: #414042;
    margin-bottom: 8px;
}
 
.form-contact textarea {
    width: 100%;
    border: 1px solid #f1f2f2;
    font-family: 'FbR-Regular';
    font-size: 14px;
    padding: 6px;
    color: #f1f2f2;
    margin-bottom: 5px;
    resize: none;
    height: 68px;
    float: right;
    background: #414042;
    margin-bottom: 8px;
}

.form-contact button {
    width: 100%;
    height: 30px;
    font-family: 'FbR-Light';
    padding: 3px;
    color: #fff;
    margin-bottom: 5px;
    background-color: #c1272d;
    /* margin-top: -4px; */
    font-size: 20px;
    border: none;
}   



/* page-contact */
.conact {
    float: right;
    width: 100%;
    padding: 25px;
}

.contact-right-page {
    float: right;
    width: 50%;
    height: 550px;
}


.contact-left-page {
    float: right;
    width: 50%;
    height: 550px;
    background-color: #414042; 
}

.contact-left-page-title {
    float: right;
    width: 100%;
    color: #fff;
    font-size: 34px;
    font-family: 'FbR-Medium';
    margin-top: 50px;
    margin-right: 35px;
}

.contact-left-page-text {
    float: right;
    width: 100%;
    color: #fff;
    font-size: 16px;
    text-align: right;
    font-family: 'FbR-Regular';
    padding-left: 30px;
    padding-right: 30px;
    margin-bottom: 18px;
}

.contact-wrap-right-row {
    float: right;
    width: 100%;
}

.square-contact {
    float: right;
    width: 12px;
    height: 12px;
    margin-right: 32px;
    margin-left: 15px;
    margin-top: 15px;
    background-color: #be1e2d;
}
/* ============================================================================= */





/* ============================================================================= */
/* gallery */
 .gallery-page
{
    float: right;
    width: 100%;
    background-color: #fff;
    margin-top: 70px;  
    padding: 6px;
}

.gallery-block {
    width: 100%;
    float: right;
    height: 650px;
    padding-right: 15px;
    padding-left: 15px;
}

.nav-tabs {
    float: right !important;
    font-family: 'FbR-Regular';
    border-bottom: none;
    direction: rtl;
}

.nav-tabs>li>a {
    background-color: #f1f2f2;
    border: none;
    cursor: pointer;
    font-size: 20px;
}

.nav-tabs>li.active>a {
    background-color: #414042;
    color: #fff;
    font-family: 'FbR-Regular';
    border-bottom: none;
    font-size: 20px;
}

.nav-tabs>li.active>a:hover {
    background-color: #414042;
    color: #fff;
    font-family: 'FbR-Regular';
    border-bottom: none;
}

.nav>li>a:hover, .nav>li>a:focus {
    background-color: #be1e2d;
    color: #fff;
    border-bottom: none;
}

.gallery-con {
    float: right;
    margin: 0 auto;
    width: 100%;
    height: 575px;
    overflow-y: auto;
    direction: ltr;
    padding: 5px;
    padding-top: 0px;
    padding-right: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
}


.type-gallery {
    float: right;
    width: 260px;
    height: 280px;
    border: 3px solid #e7e7e7; 
    margin: 5px;
    background-color: #fff;
    cursor: pointer;
}

.type-gallery:hover {
    box-shadow: 0 2px 5px 2px rgba(109, 109, 109, 0.65);
    -webkit-transition: all .1s ease;
    -moz-transition: all .1s ease;
    -ms-transition: all .1s ease;
    -o-transition: all .1s ease;
    transition: all .1s ease;
}

.type-gallery-img {
    float: right;
    width: 240px; 
    height: 136px;
    margin: 7px;
}

.type-gallery-iframe {
    float: right;
    width: 240px; 
    height: 136px;
    margin: 7px;
}

.type-gallery-img img {
    width: 100%;
    height: 160px;
    object-fit: cover;
}

.type-gallery-hr {
    float: right;
    width: 100%;
    height: 5px;
    background-color: #be1e2d;
    margin-top: 23px;
}

.type-gallery-details {
    float: right;
    width: 100%;
    direction: rtl; 
}

.type-gallery-title {
    float: right;
    width: 100%;
    margin-right: 7px;
    margin-top: 4px;
    font-size: 20px;
    font-family: 'FbR-Medium';
    color: #be1e2d;
    margin-left: 7px;
    margin-bottom: 4px; 
}

.type-gallery-text {
    float: right;
    width: 100%;
    margin-top: 2px;
    text-align: justify;
    color: #231f20;
    font-family: 'FbR-Regular';
    font-size: 14px;
    line-height: 15px;
    text-align: right;
    padding-right: 6px;
    padding-left: 6px;
}
/* ============================================================================= */