@font-face {
    font-family: 'Diodrum';
    src: url('../fonts/DiodrumArabic-Bold.eot');
    src: url('../fonts/DiodrumArabic-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/DiodrumArabic-Bold.woff2') format('woff2'), url('../fonts/DiodrumArabic-Bold.woff') format('woff'), url('../fonts/DiodrumArabic-Bold.ttf') format('truetype'), url('../fonts/DiodrumArabic-Bold.svg#DiodrumArabic-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Diodrum';
    src: url('../fonts/DiodrumArabic-Regular.eot');
    src: url('../fonts/DiodrumArabic-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/DiodrumArabic-Regular.woff2') format('woff2'), url('../fonts/DiodrumArabic-Regular.woff') format('woff'), url('../fonts/DiodrumArabic-Regular.ttf') format('truetype'), url('../fonts/DiodrumArabic-Regular.svg#DiodrumArabic-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Diodrum';
    src: url('../fonts/DiodrumArabic-Medium.eot');
    src: url('../fonts/DiodrumArabic-Medium.eot?#iefix') format('embedded-opentype'), url('../fonts/DiodrumArabic-Medium.woff2') format('woff2'), url('../fonts/DiodrumArabic-Medium.woff') format('woff'), url('../fonts/DiodrumArabic-Medium.ttf') format('truetype'), url('../fonts/DiodrumArabic-Medium.svg#DiodrumArabic-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Diodrum';
    src: url('../fonts/DiodrumArabic-Semibold.eot');
    src: url('../fonts/DiodrumArabic-Semibold.eot?#iefix') format('embedded-opentype'), url('../fonts/DiodrumArabic-Semibold.woff2') format('woff2'), url('../fonts/DiodrumArabic-Semibold.woff') format('woff'), url('../fonts/DiodrumArabic-Semibold.ttf') format('truetype'), url('../fonts/DiodrumArabic-Semibold.svg#DiodrumArabic-Semibold') format('svg');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Diodrum';
    src: url('../fonts/DiodrumArabic-Light.eot');
    src: url('../fonts/DiodrumArabic-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/DiodrumArabic-Light.woff2') format('woff2'), url('../fonts/DiodrumArabic-Light.woff') format('woff'), url('../fonts/DiodrumArabic-Light.ttf') format('truetype'), url('../fonts/DiodrumArabic-Light.svg#DiodrumArabic-Light') format('svg');
    font-weight: 300;
    font-style: normal;
}








*
{



}
body {
    direction: rtl;
    margin: 0;
    font-family: Diodrum;
    font-size:13pt;
    color: #808080;
    line-height: 1.85;
}
body.oh{
    overflow:hidden;
}
h1, h2, h3, h4, h5 {
    font-weight: 600;
}
a {
    color: #1a1a1a;
}

a:hover,a:focus {
    color:#000;
    text-decoration:none;
}
::selection {
  background:#000;
  color: #fff;
  text-shadow: none;
}

::-webkit-selection{
background:#000;
  color: #fff;
  text-shadow: none;
}

::-webkit-input-placeholder { /* Edge */
  color: #ccc;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color:  #ccc;
}

::placeholder {
  color:  #ccc;
}
.grayscale {
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
  filter: gray; /* IE6-9 */
  -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
       -webkit-transition: all .5s;
    transition: all .5s;
}

.grayscale:hover {
  filter: none;
  -webkit-filter: grayscale(0%);
}

.colorscale {
    filter: none;
    -webkit-filter: grayscale(0%);
    -webkit-transition: all .5s;
    transition: all .5s;
}

.colorscale:hover {
      filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
  filter: gray; /* IE6-9 */
  -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
}
/*BOOTSTRAP CUSTOM STYLES*/

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    padding: 0px;
    float:right;
}


.row {
    margin: 0;
    padding: 0;
}

.container {

 
}
@media (min-width: 1400px) {
    .container {
        width: 1360px;
    }
}


.btn{
    transition:all 0.2s;
       
        padding:2px 20px 8px 20px;
    font-size: 16px;
    border-radius:20px;
}


.btn-default {
    color: #000;
    background-color:transparent;
    border: 1px solid #000;
}

    .btn-default:hover,
    .btn-default:focus,
    .btn-default:active,
    .btn-default.active,
    .open > .dropdown-toggle.btn-default {
        color: #fff;
        background-color: #000;
        border-color: #000;
    }

.btn-primary {
    color: #fff;
    background-color:#ccc;
    border: 1px solid #ccc;
}

    .btn-primary:hover,
    .btn-primary:focus,
    .btn-primary:active,
    .btn-primary.active,
    .open > .dropdown-toggle.btn-primary {
        color: #fff;
        background-color: #bbb;
        border-color: #bbb;
    }


    .btn-info {
    color: #666;
    background-color:#fafafa;
    border: 1px solid #666;
}

    .btn-info:hover,
    .btn-info:focus,
    .btn-info:active,
    .btn-info.active,
    .open > .dropdown-toggle.btn-info {
        color: #333;
        background-color: #fff;
        border-color: #333;
    }

    

@media(max-width:767px){
    body {
        font-size: 11pt;

    }
}

/*_____________MP________________*/

.inner-row{
    margin-top:100px;
    min-height:calc(100vh - 100px)
}

.inner-con{
    padding:0 110px;
}

.margin-row{
    margin:0 -15px;
}
.margin-row>.margin-col{
   padding:15px;
}
.margin-row2{
    margin:0 -5px;
}
.margin-row2>.margin-col{
   padding:5px;
}
.col-5-sm{
    width:20%;
    display:inline-block;
    float:right;
}
.top-pad-row{
    padding-top:100px;
    margin-top:-100px;
}
@media (max-width: 991px) {
    .inner-con {
        padding: 0;
    }
}

@media (max-width: 767px) {

    .inner-row{
     margin-top: 90px;
        min-height: calc(100vh - 90px)
}

    .margin-row {
        margin: 0 -8px;
    }

        .margin-row > .margin-col {
            padding: 8px;
        }
    .col-5-sm {
        width: 100%;
    }
}
/*_____________HEADER________________*/
.header-row {
    top: 0px;
    right: 0;
    width: 100%;
    position: fixed;
    z-index: 100;
    background-color: #1a1a1a;
    padding: 20px 0;
    transition: all .2s;
}

    .header-row.scrolled {
        padding: 15px 0;
    }
.header-in-row{
    position:relative

}
.header-row .logo-col {

    position:absolute;
    left:60px;
    top:0;
    width:340px;
     transition:all .2s;
}

.header-row.scrolled .logo-col {
    left:74px;
}

    .header-row .logo-col .logo-logo{
        float:left;
        display:inline-block;
        transition:all .2s;
    }
 .header-row .logo-col .logo-logo .main{
        height: 60px;
            transition:all .2s;
    }

  .header-row.scrolled .logo-col .logo-logo .main{
        height: 34px;
    }
    .header-row .logo-col .logo-type {
        float: left;
        display: inline-block;
        margin-left: 20px;
       position:relative;
    }

    .header-row .logo-col .logo-type .main-type{
        width:130px;
    }

    .header-row .logo-col .logo-type .second-type{
        position:absolute;
        top:100%;
        left:0;
        width:100%;
          transition:all .2s;
    }


    .header-row.scrolled .logo-col .logo-type .second-type{
       opacity:0;
    }





    .header-row .menu-col {
        display:inline-block;
        float:right;
        width:50%;
        padding: 13px 0;
        transition: all .2s;
    }






    .header-row.scrolled .menu-col {
        padding: 0 0;
    }




.sn-row{
    position:fixed;
    bottom:0;
    left:0;
    width:100%;
}
.sn-row .sn-con{
    position:relative;
    width:100%;
    height:1px;
}



.sn-row .sn-con .left-sn {
    position: absolute;
    left: 0;
    bottom: 0;
    background-color: #e5e5e5;
    color:#808080;
    padding:1px 7px;
	transition:all 0.2s;
    z-index:30;
}
.sn-row .sn-con .left-sn.bottom {

    margin-top:-369px;

}


.sn-row .sn-con .left-sn .ttl {

        display:none;
        transform: rotate(-90deg);
        transform-origin: 100% 100%;
        position: absolute;
        width: 120px;
        height: 36px;
        right: 7px;
        top: -15px;
        font-size: 18px;
    }

.sn-row .sn-con .left-sn a {
        display: block;
        margin:6px 0;
    }

.sn-row .sn-con .left-sn a span{
        display: block;
        color: #1a1a1a;
        font-size: 24px;
        transition:all 0.3s;
    }

.sn-row .sn-con .left-sn a:hover span {
            color: #907753
        }


.header-row .sm-sn {
    display:none;
}
.header-row .sm-sn  a {
    display: inline-block;
    float:right;
    margin-top:15px;
    margin-left: 15px;
}

    .header-row .sm-sn a span {
        display: block;
        color: #f1f1f1;
        font-size: 36px;
    }
    .header-row .sm-sn a:hover span {
        color: #fff
    }

@media (max-width: 1199px) {
    .header-row .menu-col {
        width: 515px;

    }

}
@media (max-width: 991px) {
    .header-row .menu-col {
        padding:0;
        width: 100%;
    }
    .header-row.scrolled .menu-col {
        padding: 0;

    }
    .header-row.scrolled .logo-col {
    left: 0;
}
    .header-row .logo-col {

        left: 0;
    }
    .header-row .left-sn {
    
    }

    .header-row .sm-sn {
        display: block;
    }
    }
@media (max-width: 767px) {
    .header-row  {
        padding:15px 0;
    }


        .header-row .logo-col {
            width: 252px;
        }
      
        .header-row .logo-col .logo-logo .main{
        height: 60px;
    }

  .header-row.scrolled .logo-col .logo-logo .main{
        height: 34px;
    }
    .header-row .logo-col .logo-type {
        margin-left: 20px;
    }

    .header-row .logo-col .logo-type .main-type{
        width:130px;
    }   

}

/*_______NAVBAR___________*/

.navbar {

    min-height: initial;
    margin-bottom: 0px;
    border: none;
}
.nav>li {

    padding:0;
}
    .nav > li > a {
        position: relative;
        display: block;
        padding: 7px 0;
        color: #f1f1f1;
    }

        .nav > li > a.active {
            color:#907753
        }

.nav>li>a:hover, 
.nav>li>a:focus,
.nav>li.active>a
 {
    text-decoration: none;
    background-color: transparent;
    color:#907753
}
.navbar-collapse {
    padding-right: 0;
    padding-left: 0;
    border-top: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    position: relative;
    padding-right: 50px;
}
@media (min-width: 768px) {
    .navbar-header {
        float: right;
    }

    .navbar-nav {
        float: right;
        padding: 0;
    }

        .navbar-nav > li {
            float: right;
            margin-left: 10px;
        }

            .navbar-nav > li > a {
                padding-left: 15px;
                font-size: 17px;
            }
}


.header-row .navbar-toggle {
    position: relative;
    float: right;

    padding:15px 0px 16px 0;
    margin:0px;

    background-color: transparent;
    background-image: none;
    border: none;
    border-radius: 0;
    transition:all 0.2s;
}
.header-row.scrolled .navbar-toggle {

    padding: 2px 0px 3px 0;

}




.navbar-toggle .nav-icon {
    width: 30px;
}

    .navbar-toggle .nav-icon:after,
    .navbar-toggle .nav-icon:before,
    .navbar-toggle .nav-icon div {
        background-color: #fff;
        content: '';
        display: block;
        height: 3px;
        margin: 5px 0;
        transition: all .2s ease-in-out;
    }

    .navbar-toggle:not(.collapsed) .nav-icon:before {
        transform: translateY(8px) rotate(135deg);
    }

    .navbar-toggle:not(.collapsed) .nav-icon:after {
        transform: translateY(-8px) rotate(-135deg);
    }

    .navbar-toggle:not(.collapsed) .nav-icon div {
        transform: scale(0);
    }











@media (max-width: 1199px) {
    
            .navbar-nav > li > a {
                padding-left: 10px;
            }
}
@media (max-width:991px){

    .nav > li > a.active:after {
        bottom:-4px;
        right: 0;
    }


}
@media (max-width:767px){


    .header-row .navbar-toggle {
        padding: 16px 0px 15px 0;

    }

    .header-row.scrolled .navbar-toggle {
        padding: 2px 0px 3px 0;
    }


}
/*CHANGE MENU BREAKPOINT____________*/


@media (max-width: 991px) {


    .navbar-header {
        float: none;
        text-align:center;
    }
    .navbar-toggle {
        display: inline-block;
    }
    .navbar-collapse {
        border-top: none;
        box-shadow: none;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin: 0;
        padding:20px 0px 0 0;

        

    }
    .navbar-nav>li {
        float: none;
     padding:0;
     margin-bottom:15px;
    }
    .navbar-nav>li>a {
        padding-top: 15px;
        padding-bottom: 15px;
        font-size:18px
    }
    .navbar-text {
        float: none;
        margin: 15px 0;
    }


    .navbar-collapse {
        padding-right: 0;
        transition: all 0.2s;
    }



        .navbar-collapse.collapse.in {
            display: block !important;
            padding: 0;
            height: 100vh !important;
         
        }

    .collapsing {
        overflow: hidden !important;
       
     
    }

    
    .navbar-nav .open .dropdown-menu {
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: transparent;
        border: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
}

/*SEARCH_BOX______________________*/

.searchbox{
    position:absolute;
    right:0;
    top:-3px;
    min-width:25px;
    width:0%;
    background-color:transparent;
    overflow:hidden;
    z-index:100;
    -webkit-transition: width 0.3s;
    -moz-transition: width 0.3s;
    -ms-transition: width 0.3s;
    -o-transition: width 0.3s;
    transition: width 0.3s;
}

.searchbox-input {
    border: 0;
    outline: 0;
    background-color:transparent;
    width:100%;
    float: right;
    height: auto;
    margin: 0;
margin-right:0; 
    padding: 7px 20px;
    padding-left:50px;
    font-size: 14px;
    color: #000;
    transition:all 0.5s;
}
.searchbox.searchbox-open .searchbox-input {

    background-color:#f1f1f1;

}

.searchbox-icon,
.searchbox-submit {
    display: block;
    position: absolute;
    top: 3px;
    background-color: transparent;
    font-size: 24px;
    left: 0px;
    padding: 0;
    margin: 0;
    border: 0;
    outline: 0;
    transition: all 0.2s;
    text-align: right;
    cursor: pointer;
    color: #f1f1f1;
    z-index: 100;
}


.searchbox.searchbox-open .searchbox-icon,
.searchbox.searchbox-open .searchbox-submit{


    left: 7px;
       color:#000;
}


.searchbox-icon:hover,.searchbox-icon:focus,
.searchbox-submit:hover,.searchbox-submit:focus{

    color:#fff;

}

.searchbox.searchbox-open {
    width: 100%;
    background-color: #fff;
}


@media (max-width: 991px) {
    .searchbox {
        position: relative;
        right: initial;
        top: initial;


    }

}







/*__________FOTER_____________*/


.footer-row {
   display:none;
    background-color: #1e1e1e;
    padding: 30px 0;
    text-align: center;
    color: #f1f1f1;
    font-size:10pt;
}
@media (max-width: 767px) {
    .footer-row {
        font-size: 8pt;
    }
}

/*_____________HOME____________*/



.index-projects-row{
    margin:15px 0;
}
.project-item{
    position:relative;
    display:flex;
    align-items:flex-end;
    width:100%;
    height:324px;
    background-color:#1a1a1a
}

    .project-item .img {
        position: absolute;
        width: 100%;
        height: 100%;
        background-position:center;
        background-size:cover;
        z-index:1;
        opacity:0.75;
        transition:all 0.2s;
    }

    .project-item:hover .img {
        opacity: 0.35;

    }

.project-item .cap-row {
    width: 100%;
   z-index:2;
   padding:20px 15px;
   color:#f1f1f1;
}

    .project-item .cap-row .head1 {
        width: 100%;
        padding: 0;
        margin:0;
        margin-bottom:5px;
        font-size:20pt;
    }

    .project-item .cap-row .head2 {
        width: 100%;
        padding: 0;
        margin: 0;
        font-size: 14pt;
        font-weight:normal;
    }


    .project-item .tag {
           position: absolute;
    z-index: 2;
    color: #f1f1f1;
    padding: 15px;
    font-size: 14pt;
    min-width: 170px;
    text-align: left;
    left: 0;
    bottom: 5px;
    }


.more-btn{
        width: 100%;
    text-align: left;
    color: #1a1a1a;

    font-size: 16pt;
    display: block;
	position:relative;
	padding-left:36px
}

.more-btn .icon{

    font-size: 24pt;
    display: block;
	position:absolute;
	top:50%;
	margin-top:-14px;
	left:0;

}

    .more-btn:hover {
        color: #000;
        
    }


    .index-txt-row{

        margin:60px 0 30px 0;
    }





    .tabs-row{
        margin-bottom:15px;
    }


.tab-head-row{
    display:flex;
    text-align:center
}

.tab-head {
    font-size: 18pt;
    font-weight: 600;
    display: block;
    flex: 1;
    background-color: #1a1a1a;
    color: #f1f1f1;
    padding: 30px 20px;
    position: relative;
    text-align: center;
    cursor:pointer;
}
.tab-head:hover {
    color: #fff;
}


    .tab-head:after {
        content: '';
        position: absolute;
        left: 50%;
        margin-left: -30px;
        bottom: -30px;
        width: 0;
        height: 0;
        border-left: 30px solid transparent;
        border-right: 30px solid transparent;
        border-top: 30px solid #1a1a1a;
    }


.tab-head-row .tab-head:before {
    content:'';
    position:absolute;
    left:0px;
    left:0px;
    top:0;
    width:4px;
    height:100%;
    background-color:#fff;

}

.tab-head.collapsed {
    background-color: #f1f1f1;
    color: #333;

}

    .tab-head.collapsed:after {
       content:none;
    }



.tab-body{
    padding-top:60px
}


.tab-simple-head-row{
    padding:30px 0;
}
.tab-simple-head {
    font-size: 18pt;
    font-weight: 600;
    display: inline-block;
 float:right;
 color:#1a1a1a;
 margin-left:60px;
 cursor:pointer;
}

    .tab-simple-head:hover {
        color: #000;
    }

    .tab-simple-head.collapsed {
        color: #cbcbcb
    }



.item {
    width: 100%;
    height: 350px;
    background-color: #f1f1f1;
    transition:all 0.2s;
    position:relative;
    overflow:hidden;
}
.item.sm-item {
    height: 198px;

}

    .item.service-item {
        text-align: center;
        display: flex;
        background-color: #808080;
        align-items:center;
    }
        .item.service-item:hover {
            background-color: #1a1a1a;

        }


.item.service-item .head{
  display:block;
  width:100%;
  font-size:24pt;
  color:#fff;
  padding:15px;
  margin:0;
}
.item.sm-item.service-item .head{
  font-size:18pt;

}

    .item.about-item {
        display: flex;
        background-color: #808080;
        align-items: flex-end;
    }
    .item.about-item .img {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background-position: center;
        background-size: cover;
        z-index: 1;

        filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
        filter: gray; /* IE6-9 */
        -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
        -webkit-transition: all .5s;
        transition: all .5s;
    }

    .item.about-item:hover .img {
        filter: none;
        -webkit-filter: grayscale(0%);
    }
        .item.about-item .about-txt {
            width: 100%;
            padding: 15px;
            position: relative;
            z-index: 2;
            text-align: right;
        }

        .item.about-item .head {
            display: block;
            font-size: 16pt;
            color: #fff;
            padding: 0px;
            margin: 0;
            transition: all 0.2s;
            opacity:1
        }

        .item.about-item .more {
            display: none;
            font-size: 12pt;
            color: #fff;
            padding: 0px;
            margin: 0;
            transition: all 0.2s;
        }

    .item.customer-item .img {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background-position: center;
        background-size: cover;
        z-index: 1;
    }




.about-pic-row{
    margin:15px 0;
}

.about-con {
    position: relative;
    cursor: pointer;
    transition: all 0.2s;
    padding-bottom: 0;
    transition-delay: 0.3s;
}

.margin-col:nth-child(3n+1) .about-con .about-desc {

    right:0;
}
.margin-col:nth-child(3n+2) .about-con .about-desc {
    right: -380px;
 
}
.margin-col:nth-child(3n+3) .about-con .about-desc {
    right: -760px;
}

    .about-con .about-desc {
        position: relative;
       top: 0px;
        width: calc(300% + 60px);
        height: 0;
        background-color: #333333;
        color: #fff;
        transition: all 0.2s;
        padding: 0;
        transition-delay: 0.3s;
        overflow: hidden;
        cursor:initial;
    }
        .about-con .about-desc .head,
        .about-con .about-desc .desc {
           opacity:0;
            transition: all 0.2s;

        }

        .about-con .about-desc .head{
         font-size:14pt;
         padding:0;
         margin:0;
         margin-bottom:10px;
        }

    .about-con.active {
        /*padding-bottom: 350px;*/
        transition-delay: 0;
    }

        .about-con.active .about-desc {
            min-height: 350px;
            height:auto;
            padding: 30px;
            transition-delay: 0;
        }

            .about-con.active .about-desc .head,
            .about-con.active .about-desc .desc {
                opacity:1;
              
                transition-delay: 0.6s;
            }


        .about-con.active .item.about-item .head,
        .about-con.active .item.about-item .more {
            opacity: 0;
        }
    .about-con.active .item.about-item .img {
        filter: none;
        -webkit-filter: grayscale(0%);
    }




    .about-txt-row{
        margin:30px 0 15px 0;
    }

        .about-txt-row .head {
           font-size:18pt;
           padding:0;
           margin:0;
           color:#1a1a1a
        }


.map{
    width:100%;
    background-color:#f1f1f1;
    height:555px;
    margin-bottom:15px;
    position:relative
}
.map .icon{
   position:absolute;
   top:50%;
   right:50%;
   display:block;
   font-size:40pt;
   color:#1a1a1a;
   margin-right:-20pt;
   margin-top:-20pt;
}


.projects-item{

}
.projects-item .img{
    width:100%;
    height:300px;
    background-position:center;
    background-size:cover;


}
    .projects-item .head {
       font-size:14pt;
       padding:0;
       margin:0;
       margin-top:5px;
       color:#1a1a1a;
    }
    .projects-item .head2 {
       font-size:11pt;
       padding:0;
       margin:0;
       margin-bottom:5px;
       color:#1a1a1a;
      font-weight:normal;
    }

.project-head-row{
    margin:30px 0 0 0;
    position:relative;
}
.project-head-row .head1{
  color:#1a1a1a;
  font-size:20pt;
  padding:0;
  margin:0;
}
    .project-head-row .head2 {
        color: #1a1a1a;
        font-size: 11pt;
        padding: 0;
        margin: 0;
        font-weight:normal;
    }

    .project-head-row .tag {
    position: absolute;
    z-index: 2;
     color: #333;
    padding: 10px;
    font-size: 14pt;
    min-width: 170px;
    text-align: left;
    left: 0;
    top: 0px;


    display:none;
    }


.project-body-row {

    margin-bottom:30px;
}


.project-txt-row {

 font-size:13pt;
 line-height:18pt;
}


.project-body-row .project-img{
  width:100%;
}

.project-body-row p{
    margin:0;
}




.more-projects-row{

}

.inner-head-row{
    margin-bottom:15px;
}
.inner-head-row .head{
   color:#1a1a1a;
   font-size:16pt;
   padding:0;
   margin:0;
}


.more-projects-row{
    margin-bottom:15px
}
.more-project-item{

}
.more-project-item .img{
    width:100%;
    height:350px;
    background-position:center;
    background-size:cover;

}
    .more-project-item .head {
        font-weight:normal;
        color: #1a1a1a;
        font-size: 14pt;
        padding: 0;
        margin: 0;
    }


@media (max-width: 1399px) {
    .project-item {
        height: 267px;

    }
    .item {
        height: 286px;

    }
        .item.sm-item {
            height: 160px;
        }


    .margin-col:nth-child(3n+2) .about-con .about-desc {
        right: -317px;
    }
    .margin-col:nth-child(3n+3) .about-con .about-desc {
        right: -633px;
    }
    .about-con .about-desc {
        /*top: 286px;*/
    }

   .about-con.active {
        /*padding-bottom:286px;*/
    }

        .about-con.active .about-desc {
            min-height: 286px;

        }

    .map {
        height:460px;

    }

    .projects-item .img {
        
        height: 247px;

    }

    .more-project-item .img {
        height: 286px;

    }
}


@media (max-width: 1199px) {

    .project-item {
        height: 207px;
    }

        .project-item .cap-row .head1 {
            font-size: 18pt;
        }

        .project-item .cap-row .head2 {
            font-size: 12pt;
        }


        .project-item .tag {

            font-size: 12pt;
            min-width: 150px;
        }

    .more-btn {
        font-size: 14pt;
    }
        .more-btn .icon {
            font-size: 20pt;
            margin-top: -12px;

        }

    .tab-head {
        font-size: 14pt;
        padding: 20px;
    }

    .item {
        height: 220px;
    }
        .item.sm-item {
            height: 120px;
        }

        .item.service-item .head {
            font-size: 20pt;
        }

        .item.about-item .head {
            font-size: 14pt;
        }



    .margin-col:nth-child(3n+2) .about-con .about-desc {
        right: -250px;
    }
    .margin-col:nth-child(3n+3) .about-con .about-desc {
        right: -500px;
    }
    .about-con .about-desc {
        /*top: 220px;*/
    }

    .about-con.active {
        /*padding-bottom: 220px;*/
    }

        .about-con.active .about-desc {
            min-height: 220px;
        }


    .about-con .about-desc .head {
        font-size: 12pt;
    }

    .about-con .about-desc .desc {
        font-size: 12pt;
    }


    .map {
        height: 360px;
    }


    .projects-item .img {
        height: 192px;
    }


 

    .project-head-row .tag {
        padding: 5px;
        font-size: 12pt;
        min-width: 150px;
    }


    .inner-head-row .head,
     .more-project-item .head {
            font-size: 14pt;
        }

    .more-project-item .img {
        height: 220px;
    }
}



@media (max-width: 991px) {
    .item.about-item .more {
        display: block;
    }
    }
@media (max-width: 767px) {

    .project-item {
        height: calc(60vw - 18px);
    }

        .project-item .cap-row .head1 {
            font-size: 16pt;
            margin-bottom:0
        }

        .project-item .cap-row .head2 {
            font-size: 10pt;
        }


        .project-item .tag {
            font-size: 10pt;
            min-width: 120px;
        }

    .more-btn {

        font-size: 12pt;
    }

    .tab-head {
       border-top:3px solid #fff;
    }
    .tab-simple-head {
        font-size: 12pt;
        margin-left:30px;
    }
    .item {
        height: calc(100vw - 30px);
    }

        .item.service-item {
            height: calc(50vw - 15px);
        }


    .item.customer-item.xs-item {
        height: calc(50vw - 15px);
    }

    .margin-col:nth-child(3n+1) .about-con .about-desc {
        right: initial;
    }

    .margin-col:nth-child(3n+2) .about-con .about-desc {
        right: initial;
    }

    .margin-col:nth-child(3n+3) .about-con .about-desc {
       right: initial;
    }
        .about-txt-row{
        margin:15px 0 15px 0;
    }
    .about-con .about-desc {
        position: relative;
        top: initial;
        width: 100%;
    }
    .about-con.active {
        padding-bottom: 0;
    }

        .about-con.active .about-desc {
            height: auto;
            padding:15px;
        }

    .about-con .about-desc .head {
        font-size: 12pt;
    }
    .about-con .about-desc .desc {
        font-size: 10pt;
    }

    .about-txt-row .head {
        font-size: 14pt;
    
    }

    .projects-item .img {
        height: calc(55vw - 16px);
    }

    .projects-item .head {
    font-size:14pt;
    }


    .project-head-row .head1 {
        font-size: 18pt;
    }

    .project-head-row .head2 {
        font-size: 12pt;
    }
    .project-head-row .tag {
        padding: 2px;
        font-size: 10pt;
        min-width: 120px;
    }

    .project-body-row {
        background-color: #fff;
        padding: 0;
        color: #808080;

    }
    .project-txt-row {

 font-size:11pt;
 line-height:16pt;
}
    .inner-head-row .head,
    .more-project-item .head {
        font-size: 12pt;
    }

    .more-project-item .img {
        height: calc(50vw - 23px);
    }
}



/*____SLIDER_____*/
.slider-row{
    margin-top:30px;
}

.main-slider{
    direction:ltr;

}

    .main-slider .slider-item {
        direction: rtl;
        width: 100%;
        height: 618px;
        position: relative;
        display: flex;
        align-items: flex-end;
        background-color: #1a1a1a;
    }
    .main-slider .slider-item .bg {
        position: absolute;
        top: 0;
        right: 0;
        width: 100%;
        height: 100%;
        background-position: center;
        background-size: cover;
        z-index: 1;
        opacity: 0.75;
        transition: all 0.2s;
    }
    .main-slider .slider-item:hover .bg {
        opacity: 0.45;

    }
    .main-slider.no-cap .slider-item .bg {
        opacity: 1;

    }
    .main-slider.no-cap .slider-item:hover .bg {
        opacity:1;
    }

    .main-slider .slider-item .cap-row {
        width: 100%;
        z-index: 2;
        padding: 20px 15px;
        color: #f1f1f1;
    }

        .main-slider .slider-item .cap-row .head1 {
            width: 100%;
            padding: 0;
            margin: 0;
            margin-bottom: 5px;
            font-size: 20pt;
        }

        .main-slider .slider-item .cap-row .head2 {
            width: 100%;
            padding: 0;
            margin: 0;
            font-size: 14pt;
            font-weight: normal;
        }


    .main-slider .slider-item .tag {
        position: absolute;
        z-index: 2;
        color: #f1f1f1;
        padding: 15px;
        font-size: 14pt;
        min-width: 170px;
        text-align: left;
        left: 0;
        bottom: 5px;
    }





.owl-carousel.main-slider .owl-nav {
    position: absolute;
    width: 100%;
    top: 50%;
    margin-top:-23px;
}

.owl-carousel.main-slider .owl-nav button.owl-next,
.owl-carousel.main-slider .owl-nav button.owl-prev{
    display:inline-block;
    padding:5px !important;
    outline:none
}

    .owl-carousel.main-slider .owl-nav button.owl-next span,
    .owl-carousel.main-slider .owl-nav button.owl-prev span {
        color: #fff;
        text-shadow:0px 0px 23px rgba(50,50,50,1) ;
        font-size: 36px;
        display: block;
    }

.owl-carousel.main-slider .owl-nav button.owl-next{
    float:right;
}

    .owl-carousel.main-slider .owl-nav button.owl-prev {
        float: left;
    }




@media(max-width:1399px) {
    .main-slider .slider-item {
        height: 517px;

    }
}

@media(max-width:1199px) {
    .main-slider .slider-item {
        height: 405px;
    }


        .main-slider .slider-item .cap-row .head1 {
            font-size: 18pt;
        }

        .main-slider .slider-item .cap-row .head2 {
            font-size: 12pt;
        }

        .main-slider .slider-item .tag {
            font-size: 12pt;
            min-width: 150px;
        }
}

@media(max-width:767px) {
    .main-slider .slider-item {
        height: calc(56vw - 16px) ;
    }

        .main-slider .slider-item .cap-row .head1 {
            font-size: 16pt;
            margin-bottom: 0
        }

        .main-slider .slider-item .cap-row .head2 {
            font-size: 10pt;
        }


        .main-slider .slider-item .tag {
            font-size: 10pt;
            min-width: 120px;
        }
}






/*_____new slider______*/
.new-slider{

    background-color:#1a1a1a

}

.new-slider .owl-item{
   opacity:0;
}

.new-slider .owl-item.active{
   opacity:1;
}



.new-slider .slider-item{
    width:100vw;
    height:calc(100vh - 100px);
    overflow:hidden;
}



    .new-slider .slider-item img {
        width: 100%;
        height: 100%;
        object-fit: cover;
            -moz-transition: all 6s ease-out;
    -o-transition: all 6s ease-out;
    -webkit-transition: all 6s ease-out;
    transition: all 6s ease-out;
    }






    .new-slider .slider-item.zout img{
     -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

  .new-slider .owl-item.active .slider-item.zout img{
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
}

    .new-slider .slider-item.zin img{

        -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);

}

  .new-slider .owl-item.active .slider-item.zin img{
     -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

  
    .new-slider .slider-item.panr img{
    transform: scale(1.1) translateX(-4%);
   
}

  .new-slider .owl-item.active .slider-item.panr img{

    transform: scale(1.1) translateX(4%);
}

    .new-slider .slider-item.panl img{
    transform: scale(1.1) translateX(4%);
   
}

  .new-slider .owl-item.active .slider-item.panl img{

    transform: scale(1.1) translateX(-4%);
}


      .new-slider .slider-item.panu img{
    transform: scale(1.1) translateY(-4%);
   
}

  .new-slider .owl-item.active .slider-item.panu img{

    transform: scale(1.1) translateY(4%);
}

      .new-slider .slider-item.pand img{
    transform: scale(1.1) translateY(4%);
   
}

  .new-slider .owl-item.active .slider-item.pand img{

    transform: scale(1.1) translateY(-4%);
}


    .new-slider .slider-item video {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }









.service-row{

}

.service-row .txt-con{
    display:inline-block;
    min-width:50%;
    float:right
}
/*.service-row:nth-child(2n+1) .txt-con{
    float:left;
}*/



@media(max-width:767px) {
    .new-slider {
    }

        .new-slider .slider-item {
            height: calc(100vh - 90px);
        }
}