@font-face {
    font-family: 'W_yekan';
    src: url('../_fonts/W_yekan.eot?v=4.2.0');
    src: url('../_fonts/W_yekan.eot?#iefix&v=4.2.0') format('embedded-opentype'), url('../_fonts/W_yekan.woff?v=4.2.0') format('woff'), url('../_fonts/W_yekan.ttf?v=4.2.0') format('truetype'), url('../_fonts/W_yekan.svg?v=4.2.0#fontawesomeregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Mj_AramcoLight';
    src: url('../_fonts/Mj_AramcoLight.eot?v=4.2.0');
    src: url('../_fonts/Mj_AramcoLight.eot?#iefix&v=4.2.0') format('embedded-opentype'), url('../_fonts/Mj_AramcoLight.woff?v=4.2.0') format('woff'), url('../_fonts/Mj_AramcoLight.ttf?v=4.2.0') format('truetype'), url('../_fonts/Mj_AramcoLight.svg?v=4.2.0#fontawesomeregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

body {
    font-family: "W_yekan";
}

.details_441 [class^="btn"] {
    margin-top: 20px
}

.details_441 [class^="btn"] {
    position: absolute
}

.details_441 [class^="btn"] {
    left: 50%
}

.details_441 [class^="btn"] {
    -webkit-transform: translateX(-50%)
}

.details_441 [class^="btn"] {
    -ms-transform: translateX(-50%)
}

.details_441 [class^="btn"] {
    -o-transform: translateX(-50%)
}

.details_441 [class^="btn"] {
    transform: translateX(-50%)
}

.gallery-item_441 figure {
    margin: 0px;
    margin: 0px
}

.section-gallery_441 {
    padding: 114px 0 90px;
    padding: 114px 0 90px
}

.gallery-item_441 {
    height: 200px;
    width: 200px;
    margin-bottom: 30px;
    overflow: hidden;
    position: relative;
    height: 200px;
    width: 200px;
    margin-bottom: 30px;
    overflow: hidden;
    position: relative
}

.gallery-item_441 figure img {
    transition: all 1s;
    -o-transition: all 1s;
    -webkit-transition: all 1s;
    height: 200px;
    width: 200px;
    transition: all 1s;
    -o-transition: all 1s;
    -webkit-transition: all 1s;
    height: 200px;
    width: 200px
}

.gallery-item_441:hover .inner_441 {
    padding-bottom: 60px;
    padding-bottom: 60px
}

.gallery-item_441:hover figure img {
    transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -webkit-transform: scale(1.2)
}



.img-wrapper_441 {
    margin-bottom: 30px !important;
}

.details_441 {
    height: 100%;
    text-align: center;
    background: rgba(2, 2, 2, 0.4);
    bottom: 0;
    right: 0;
    top: 0;
    left: 0;
    position: absolute;
    transition: .4s;
    -o-transition: .4s;
    -webkit-transition: .4s;

}


.details_441:hover {
    background: rgba(0, 0, 0, 0.85);
}



.details_441 > .inner_441 {
    transition: .3s ease-in;
    -o-transition: .3s ease-in;
    -webkit-transition: .3s ease-in;
    overflow: hidden;
    transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    top: 50%;
    width: 100%;
    position: absolute;
    transition: .3s ease-in;
    -o-transition: .3s ease-in;
    -webkit-transition: .3s ease-in;
    overflow: hidden;
    transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    top: 50%;
    width: 100%;
    position: absolute
}

.details_441 .icon_441 {
    margin-bottom: 10px;
    display: inline-block;
    margin-bottom: 10px;
    display: inline-block
}

.details_441 [class^="btn"] {
    margin-top: 20px
}

.details_441 [class^="btn"] {
    position: absolute
}

.details_441 [class^="btn"] {
    left: 50%
}

.details_441 [class^="btn"] {
    -webkit-transform: translateX(-50%)
}

.details_441 [class^="btn"] {
    -ms-transform: translateX(-50%)
}

.details_441 [class^="btn"] {
    -o-transform: translateX(-50%)
}

.details_441 [class^="btn"] {
    transform: translateX(-50%)
}

.section-intro_441 {
    padding: 114px 0 120px;
    padding: 114px 0 120px
}

.intro-text-block_441 {
    padding: 0 40px;
    padding: 0 40px
}

.img-block-wrapper_441 {
    position: relative;
    position: relative
}

.img-block-wrapper_441 .img-wrapper_441 {
    float: left;
    width: 48%;
    float: left;
    width: 48%
}

.img-block-wrapper_441 .img-wrapper_441:nth-of-type(1) {
    margin-bottom: 12px;
    margin-right: 2%;
    margin-bottom: 12px;
    margin-right: 2%
}

.img-block-wrapper_441 .img-wrapper_441:nth-of-type(2) {
    margin-bottom: 12px;
    margin-left: 2%;
    margin-bottom: 12px;
    margin-left: 2%
}

.img-block-wrapper_441 .img-wrapper_441:nth-of-type(3) {
    margin-top: 12px;
    margin-right: 2%;
    margin-top: 12px;
    margin-right: 2%
}

.img-block-wrapper_441 .img-wrapper_441:nth-of-type(4) {
    margin-top: 12px;
    margin-left: 2%;
    margin-top: 12px;
    margin-left: 2%
}

.img-wrapper_441 {
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    margin: 0 auto;
    overflow: hidden;
    position: relative
}

.img-wrapper_441 > img {
    transition: all 1s;
    -o-transition: all 1s;
    -webkit-transition: all 1s;
    width: 100%;
    transition: all 1s;
    -o-transition: all 1s;
    -webkit-transition: all 1s;
    width: 100%
}

.img-wrapper_441 .border-frame_441 {
    width: calc(100% - 30px);
    left: 15px;
    bottom: 15px;
    top: 15px;
    right: 15px;

    border-color: #fff;
    border-width: 1px;
    border-style: solid;

}

.border-frame_441 {
    width: calc(100% - 20px);
    left: 10px;
    bottom: 10px;
    top: 10px;
    right: 10px;
    position: absolute;
    width: calc(100% - 20px);
    left: 10px;
    bottom: 10px;
    top: 10px;
    right: 10px;
    position: absolute
}

.border-frame_441 .corner-left_441 {
    left: -20px;
    bottom: -20px;
    position: absolute;
    left: -20px;
    bottom: -20px;
    position: absolute
}

.border-frame_441 .corner-right_441 {
    right: -20px;
    top: -21px;
    position: absolute;
    right: -20px;
    top: -21px;
    position: absolute
}

.border-frame_441.bdr_441 {
    border: 1px solid #243f8c;
    border: 1px solid #243f8c
}

.img-wrapper_441 .border-frame_441 .corner-left_441 {
    left: -1px;
    bottom: 4px;
    position: absolute;

}

.img-wrapper_441 .border-frame_441 .corner-right_441 {
    right: -1px;
    top: -1px;
    position: absolute;

}

.img-wrapper_441:hover > img {
    transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -webkit-transform: scale(1.2)
}

.gallery-item_441:hover .inner {
    padding-bottom: 60px;
    padding-bottom: 60px
}

.details_441 .title_441 {
    margin: 0;
    text-transform: capitalize;
    color: #fff;
    line-height: 24px;
    font-size: 15px;
    margin: 0;

}

.logo-center_441 {
    z-index: 1;
    transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    position: absolute;

}

.btn_441,
.btn-primary_441,
.btn-white_441 {
    width: 137px;
    transition: all .3s;
    -o-transition: all .3s;
    -webkit-transition: all .3s;
    border-radius: 25px;
    text-decoration: none;
    background: #243f8c;
    text-align: center;
    display: inline-block;
    padding: 8px 14px;

    color: #fff
}

.conteiner_314 #cssmenu,
.conteiner_314 #cssmenu ul,
.conteiner_314 #cssmenu ul li,
.conteiner_314 #cssmenu ul li a {
    text-align: right;
    box-sizing: border-box;
    position: relative;
    display: block;
    line-height: 1;
    list-style: none;
    border: 0;
    padding: 0;
    margin: 0
}

.conteiner_314 #cssmenu {
    float: right;
    color: #ffffff;
    font-family: Helvetica, Arial, sans-serif;
    width: 100%
}

.conteiner_314 #cssmenu ul ul {
    display: none
}

.conteiner_314 .align-right {
    float: right
}

.fa-angle-double-left {
    padding-left: 8px;
}

.conteiner_314 #cssmenu > ul > li > a {
    font-family: W_yekan;


    color: #243f8c;
    text-decoration: none;
    font-size: 14px;
    z-index: 2;
    cursor: pointer;
    padding: 15px 20px !important
}

.conteiner_314 #cssmenu > ul > li > a:hover,
.conteiner_314 #cssmenu > ul > li.active > a,
.conteiner_314 #cssmenu > ul > li.open > a {
    background: linear-gradient(#ededed, #ededed);
    color: #243f8c
}

.conteiner_314 #cssmenu > ul > li.open > a {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.15)
}

.conteiner_314 .holder {
    right: 0;
    top: 0;
    position: absolute;
    height: 0;
    width: 0
}

.conteiner_314 .holder::after,
.conteiner_314 .holder::before {
    transform: rotate(-135deg);
    z-index: 10;
    right: 288px;
    height: 6px;
    width: 6px;
    content: "";
    position: absolute;
    display: block
}

.conteiner_314 .holder::after {
    border-left: 2px solid #ffffff;
    border-top: 2px solid #ffffff;
    top: 17px
}

.conteiner_314 #cssmenu > ul > li > a:hover > span::after,
.conteiner_314 #cssmenu > ul > li.active > a > span::after,
.conteiner_314 #cssmenu > ul > li.open > a > span::after {
    border-color: #eeeeee
}

.conteiner_314 .holder::before {
    border-left-color: #243f8c;
    border-top-color: #243f8c;
    border-left: 2px solid;
    border-top: 2px solid;
    top: 18px
}

.conteiner_314 #cssmenu ul ul li a {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
    background: #e5e5e5;
    color: #adabab;
    font-size: 13px;
    text-decoration: none;
    z-index: 1;
    padding: 10px 20px;
    font-family: W_yekan;
    cursor: pointer
}

.conteiner_314 #cssmenu ul ul li:hover > a,
.conteiner_314 #cssmenu ul ul li.open > a,
.conteiner_314 #cssmenu ul ul li.active > a {
    color: #ffffff
}

.conteiner_314 #cssmenu ul ul li:first-child > a {
    direction: rtl;
    box-shadow: none
}

.conteiner_314 #cssmenu ul ul ul li:first-child > a {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1)
}

.conteiner_314 #cssmenu ul ul ul li a {
    padding-left: 30px
}

.conteiner_314 #cssmenu > ul > li > ul > li:last-child > a,
.conteiner_314 #cssmenu > ul > li > ul > li.last > a {
    direction: rtl;
    border-bottom: 0
}

.conteiner_314 #cssmenu > ul > li > ul > li.open:last-child > a,
.conteiner_314 #cssmenu > ul > li > ul > li.last.open > a {
    border-bottom: 1px solid
}

.conteiner_314 #cssmenu > ul > li > ul > li.open:last-child > ul > li:last-child > a {
    border-bottom: 0
}

.conteiner_314 #cssmenu ul ul li.has-sub > a::after {
    transform: rotate(-135deg);
    border-left: 2px solid #243f8c;
    border-top: 2px solid #243f8c;
    top: 11.5px;
    z-index: 10;
    right: 253px;
    height: 5px;
    width: 5px;
    content: "";
    position: absolute;
    display: block
}

.conteiner_314 #cssmenu ul ul li.active > a::after,
.conteiner_314 #cssmenu ul ul li.open > a::after,
.conteiner_314 #cssmenu ul ul li > a:hover::after {
    border-color: #ffffff
}

.clr {
    clear: both
}

.conteiner_314 .all-x {

    padding: 5px;

    float: right;
    width: 93%
}

.conteiner_314 #cssmenu ul ul li span {
    margin-right: 5px
}

.abs-div-navigation_396 {
    line-height: 20px;
    text-align: center;
    font-size: 15px;
    color: #fff;
    height: 80px;
    width: 100%;
    padding-top: 200px;
}

.abs-div-navigation_396 P {
    padding: 0;
    margin: 0
}

.abs-div-navigation_396 li a {
    line-height: 20px;
    font-size: 15px;
    color: #FFFFFF
}

.abs-div-navigation_396 li a,
.abs-div-navigation_396 li a:focus {
    color: inherit;
    text-decoration: none
}

.abs-div-navigation_396 ul li {
    margin-left: 6px;
    display: inline-block
}

.conteiner_314 #cssmenu,
.conteiner_314 #cssmenu ul,
.conteiner_314 #cssmenu ul li,
.conteiner_314 #cssmenu ul li a {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.conteiner_314 .holder::after,
.conteiner_314 .holder::before {
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
}

.conteiner_314 #cssmenu ul ul li.has-sub > a::after {
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
}

.fright_102 {
    float: right
}

.banner-resize_102 {
    width: 100%;
    min-height: 350px;
    background-image: url(../images/banner.jpg);
    margin-top: 31px;
    background-position: center
}

.hitem1_102 {
    min-height: 50px;
    text-align: right;
    direction: rtl;
    font-family: W_yekan
}

.content-box_102 {
    background-color: rgba(232, 226, 215, 0.38);
    border: 1px dashed #c7c1ba;
    padding: 15px;
    margin-top: 20px
}

.body-content_102 {
    padding: 20px 0
}

.bitem1_102 {
    width: 95%;
    float: right;
    min-height: 50px;
    text-align: right;
    direction: rtl;
    font-family: W_yekan
}

.bitem2_102 {
    width: 100%;
    padding: 10px;
    text-align: right;
    direction: rtl;
font-family: Conv_W_yekan;
}

.title-box_102 {
    margin-bottom: 20px
}

.section_title_102 {
    color: #99938c;
    font-size: 20px;
    margin: 0 auto;
    text-align: center;
    top: 32px;
    width: 100%;
    font-family: W_yekan;
    direction: rtl;
}

.centered_102 {
    display: block;
    margin: 0 auto
}


.brand-logo-resize {

    background: rgba(244, 244, 244, 0.84);

    width: 100%;
    height: 187px;
    margin-bottom: 57px;

}


.logo-brandint {
    width: 145px;
    height: 145px;
    margin: 20px;
    float: right;
    background: #fff;
    margin-top: 49px !important;
}


.main-logo {
    width: 145px;
    height: 145px;
    border: 1px solid #ccc;
    float: right;
    z-index: 999999999999999 !important;
    right: 119px;
    top: 100px;
    background: #fff;
}


.logo-brand {
    float: left;
    margin-top: 41px;
}


.logo-description {
    width: 78%;
    float: left;
    height: 145px;
    margin-left: 24px;
    margin-top: -14px;
}

.log-brand-title {
    width: 100%;
    height: 48px;
    border-bottom: 2px solid rgba(135, 135, 135, 0.88);
    margin-top: 17px;
}


.log-brand-title p {
    color: #005d80 !important;
}


.log-brand-title p {
    width: 100%;
    height: 48px;
    color: #2a8a15;
    line-height: 40px;
    font-weight: normal;
    font-size: 19px;
    text-align: right
}


.log-brand-desc {
    font-size: 16px;
    color: #4a4a4a;
    margin-top: 15px;
    direction: rtl;
    font-family: w_yekan;
    text-align:justify;
}

.fleft{
    float: left
}
@media screen and (max-width:1000px) {
    .logo-description {

        width: 70% !important;
    }

}

@media screen and (max-width:800px) {
    .logo-description {

        width: 62% !important;
    }


}

@media screen and (max-width:700px) {
    .title-box_102 {


        margin-top: 80px !important;

    }

}


@media screen and (max-width:600px) {
    .logo-brandint {
        float: none;
        margin: 0 auto !important;
    }

    .logo-description {

        width: 90% !important;
        float: none;
        margin: 0 auto;


    }



    .foot-right {
        float: none !important;
    }

}









@media screen and (max-width:768px) {
    .bitem1_102 {
        float: none !important;
        margin: 0 auto !important;
        margin-bottom: 20px !important
    }
}


/*list product new*/
.details_441-1:hover {
    background: rgba(0, 0, 0, 0.85);
}

.details_441-1 > .inner_441 {
    transition: .3s ease-in;
    -o-transition: .3s ease-in;
    -webkit-transition: .3s ease-in;
    overflow: hidden;
    transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    top: 50%;
    width: 100%;
    position: absolute;
    transition: .3s ease-in;
    -o-transition: .3s ease-in;
    -webkit-transition: .3s ease-in;
    overflow: hidden;
    transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    top: 125%;
    width: 100%;
    position: absolute;
}

.gallery-item_441:hover .inner_441 {
    padding-bottom: 360px;
}

.container_112 .demo5 {
    width: 100%;
    width: 70%;
    border: 2px solid #e8b947;
    margin: 0 auto;
    margin-top: 10px
}

.container_112 .demo5 ul {
    width: 100%;
    padding: 0
}

.container_112 .demof img {
    width: 145px;
    width: 80%;
    border: 4px solid #e8b947;
    display: block;
    margin: 0 auto
}

.demof_112 img {
    height: 200px
}

.container_112 .et-run {
    background-color: #0cf;
    border: 1px solid black;
    color: white
}

.demo3_112 {
    border: 50px 0;
    box-shadow: 0 2px 5px -3px #000;
    font-style: italic;
    padding: 0 0 0 80px;
    position: relative
}

.container_112 .demof {
    border: 1px solid #ccc;
    margin: 25px 0
}

.container_112 .demof li {
    border-bottom: 1px dashed #ccc;
    padding: 20px
}

.container_112 .demof p {
    border-bottom: 1px double #e8b947;
    border-left: 1px double #e8b947;
    border-right: 2px dashed #e8b947;
    border-top: 2px dashed #e8b947;
    direction: rtl;
    font-size: 14px;
    margin: 4px 0 0;
    padding: 20px;
    text-align: right
}

.container_112 .demo5 ul li {
    border-bottom: 1px dashed #e8b947;
    margin: 0;
    padding: 10px 10px 10px 10px;
    border-radius: 1px dashed #e8b947
}

.container_112 .demof li:after {
    clear: both;
    display: block;
    content: ""
}

.container_112 .demof a {
    color: #06f;
    font-size: 20px;
    font-weight: bold
}

.container_112 .fright {
    float: right
}

.container_112 .fleft_112 {
    float: left
}

.container_112 .demof ul {
    list-style: none;
    padding: 0
}

.demo5 ul li {
    list-style-type: none;
}

.text {
    font-size: 16px;
}

.border {
    border-bottom: 1px double #243f8c;
    border-left: 1px double #243f8c;
    border-right: 2px dashed #243f8c;
    border-top: 2px dashed #243f8c;
    direction: rtl;
    padding: 20px;
    text-align: right;
    height: 200px;
}

.smallLarg {
    float: left;
    padding-left: 52px;
    padding-bottom: 10px;
}

.titstyle_315 {
    color: #837777;
    font-size: 18px;
    float: right;
}

.list1_315 {
    cursor: pointer;
    float: right;
    background: url(../images/taki.png) no-repeat;
    height: 30px;
    width: 30px;
    margin: 0 10px;
}

.list2_315 {
    cursor: pointer;
    background: url(../images/listi.png) no-repeat;
    float: right;
    height: 30px;
    width: 30px;
    margin-bottom: 10px;
}

@media screen and (max-width:1040px) {
    .border {
        padding-right: 30px;
    }
}

@media screen and (max-width:1000px) {
    .border {
        padding-right: 70px;
    }
}

@media screen and (max-width:768px) {
    .img-wrapper_441 {
        margin-bottom: 10px !important;
    }

    .border {
        margin-bottom: 30px !important;
        padding-right: 20px;
    }
}

.my3{
    width: 30%;
}
.my7{
    width: 70%;font-family: Conv_W_yekan;
}
@media (max-width: 710px) and (min-width: 600px){
    .my3{
    width: 40% !important;
}
.my7{
    width: 60% !important
}
}
@media only screen and (max-width: 600px){
    .my3{
    width: 100% !important;
}
.my7{
    width: 100% !important
}
.border{
    height: unset;
    min-height: 50px
}
.border p{
   text-align: center
}
}
.text {
    font-size: 16px;
font-family: Conv_W_yekan;
}