/* ----------------------------------------
         -------------- 18.CONTACT --------------
         ---------------------------------------- */
         .contact-more {
            display: table;
            background: url("../img/contact_item.jpg") center center no-repeat;
            height: 445px;
        }
        
        .contact-bg {
            background-position: 50% 50%;
            background-repeat: no-repeat;
            background-size: cover;
        }
        
        .contact-more-inner {
            display: table-cell;
            vertical-align: middle;
            text-align: center;
        }
        
        .contact-item {
            margin-bottom: 16px;
        }
        
        .contact-item:last-child {
            margin-bottom: 0
        }
        
        .contact-item h4,
        .contact-item p {
            color: #333;
        }
        
        .contact-item h4 {
            font-weight: 700;
            margin-bottom: 6px;
        }
        
        .contact-info .btn {
            margin-top: 20px;
        }
        
        .contact-info .section-title {
            margin-bottom: 48px;
        }
        
        form {
            padding-left: 12px;
        }
        
        .form-group {
            margin-bottom: 24px;
        }
        
        .form-control {
            color: #4c4c4c;
            font-size: 14px;
            -webkit-box-shadow: none;
            -moz-webkit-box-shadow: none;
            box-shadow: none;
            -webkit-border-radius: 0;
            -moz-border-radius: 0;
            border-radius: 0;
            background-color: #fff;
            border: 2px solid #fff;
            -webkit-border-radius: 4px;
            -moz-border-radius: 4px;
            border-radius: 4px;
            height: 58px;
            outline: 0;
            -webkit-transition: all 0.4s ease;
            -moz-transition: all 0.4s ease;
            transition: all 0.4s ease;
        }
        
        .form-control:hover,
        .form-control:active,
        .form-control:focus {
            -webkit-box-shadow: none;
            -moz-webkit-box-shadow: none;
            box-shadow: none;
            border: 2px solid transparent;
            background-color: #f5f5f5;
        }
        
        textarea {
            resize: vertical;
            overflow: auto;
        }
        
        .help-block {
            margin-top: 10px;
            font-size: 14px;
        }
        
        .text-danger {
            font-size: 14px;
            display: inline-block;
            margin-top: 10px;
            margin-left: 142px;
        }
        
        .contact-second form .text-danger {
            margin-left: 40px;
        }
        
        .has-error .form-control,
        .has-error .form-control:focus {
            border: 0;
            border: 2px solid #b01d1b;
            -webkit-box-shadow: none;
            -moz-webkit-box-shadow: none;
            box-shadow: none;
        }
        
        .has-error .help-block,
        .text-danger {
            color: #b01d1b;
        }
        
        button {
            background-color: transparent;
        }

.no-mp {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
}

/*------------ 3.PORTFOILIO SECTION ------------*/

.portfoliocategory_button_container {
    padding-top: 15px;
    padding-bottom: 15px;
}

.portfoliocategory_button_container h4 {
    letter-spacing: 4px;
    cursor: default;
}

.horizontal-line {
    width: 100%;
    height: 1px;
    background: #000;
}

.portfolio_row {
    margin-top: 40px;
}

.case,
.case h3 {
    font-size: 14px;
    color: #000;
    line-height: 20px;
    text-transform: uppercase;
    padding-top: 20px;
    margin-bottom: 0px;
}

.case,
.case p {
    font-size: 11px;
    line-height: 20px;
    margin-bottom: 0px;
    font-weight: inherit;
}

.case_padding {
    padding-bottom: 20px;
}

.caseend_padding {
    padding-bottom: 250px;
}


/*------------ SLIDESHOW ------------*/

.slide {
    display: none;
    width: 100%;
}

.slideshow_specific_generic-carousel {
    padding-top: 50px;
    position: relative;
    display: flex;
    flex-basis: row wrap;
    align-items: center;
    width: 100%;
    height: 700px;
    min-height: 20em;
    overflow: hidden;
}

.slide_specific_generic {
    width: 100%;
    height: 80vh;
    background-attachment: fixed;
    background-position: center center;
    object-fit: scale-down;
}

.next {
    position: absolute;
    width: 50%;
    height: 100%;
    top: 0;
    right: 0;
}

.next:hover {
    cursor: url("../img/right.png") auto !important;
}

.prev {
    position: absolute;
    left: 0;
    width: 50%;
    height: 100%;
}

.dot {
    width: 8px;
    height: 8px;
    background-color: #666;
    border-radius: 50%;
    margin: 0 4px;
    opacity: 0.5;
    cursor: pointer;
    transition: opacity 0.3s;
}

.dot-container {
    display: flex;
    flex-basis: row wrap;
    position: relative;
    justify-content: center;
    top: 0em;
    padding: 20px;
    margin-bottom: 20px;
}

.active,
.dot:hover {
    opacity: 1;
}


/*------------ TEAMS ------------*/

.team_page_aston {
    padding-top: 50px;
}

.team_person img {
    width: 100%;
}

.team_person p {
    font-size: 12px;
    text-align: center;
    line-height: 10px;
    margin-top: 10px;
}


/* FEATURED SECTION */

.featured {
    border: 1px solid black;
    margin-right: 15px;
    margin-left: 15px;
}


/*------------ RESPONSIVE ------------*/

@media (max-width: 768px) {
    section.case .case img {
        width: auto;
        max-width: 88%;
    }
    .margin-top {
        margin-top: 5vh !important;
    }
}

@media (max-width: 768px) {
    .logo-bottom {
        bottom: 0px !important;
        z-index: 4;
        position: fixed !important;
    }
}


/*================== Isotope css================*/

.masonry-fluid {
    width: 100% !important;
   margin-top: 60px;
}

.grid-sizer {
    width: 25%;
}

.item img {
    max-width: 80%;
   /* padding-top: 30px;*/
    padding-bottom: 30px;
}

.item {
    padding-bottom: 30px;
    /*  padding-left: 15px;
padding-right: 15px;*/
}

.masonry {
    position: relative;
  /*  padding-bottom: 5px;*/
    overflow: hidden;
    display: block;
  /*box-shadow:  2px 2px 8px 5px rgb(128 128 128 / 11%);*/
}




a {
    text-decoration: none;
    font-size: 14px;
    font-weight: 600;
    outline: none !important;
    cursor: pointer;
}

.masonry .portfolio-overlay {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 10%;
    width: 80%;
    height: 90%;
    background-color: rgba(0, 0, 0, .8);
    opacity: 0;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    transition: all 0.4s ease;
    overflow: hidden;
}

.masonry:hover .portfolio-overlay {
    opacity: 1;
    background-color: rgba(0, 0, 0, 0.8);
}

.masonry:hover .portfolio-overlay .portfolio-overlay-text {
    opacity: 1;
}

.masonry .portfolio-overlay .portfolio-overlay-text {
    position: absolute;
    top: 40%;
    left: 50%;
    width: 85%;
    text-align: center;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: all 0.4s ease 0.2s;
    -moz-transition: all 0.4s ease 0.2s;
    transition: all 0.4s ease 0.2s;
    opacity: 1;
}

.masonry .portfolio-overlay .portfolio-overlay-text h4,
.Masonry .portfolio-overlay .portfolio-overlay-text h5,
.masonry .portfolio-overlay .portfolio-overlay-text h3
{
    color: #fff;
}


.masonry .portfolio-overlay .portfolio-overlay-text h3 {
    font-size: 21px;
    line-height: 35px;
    letter-spacing: 0.03em;
    font-weight: 600;
}


.portfolio-note h5,
.portfolio-overlay-text h5,
.portfolio-note h6,
.portfolio-overlay-text h6 {
    color: #FFF;
}

.masonry .portfolio-note {
    position: absolute;
    text-align: right;
    margin-bottom: 10px;
    right: 10%;
   /* transform: translate(-50%, 0); */
}

.masonry .portfolio-note h5 {
    color: #000;
}

.masonry p {
    padding-top: 40px;
    text-align: right;
    margin-right: 10%;
    line-height: 30px;
    font-size: 10px;
    font-weight: 600;
    color:#FFF;
    direction: rtl;
}

/* ====================== ISOTOPE MENU ======================*/

ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
}

.filter-button {
    display: inline-block;
    margin-bottom: 60px;
}

.filter-button li {
    display: inline-block;
    padding-top:55px;
    margin: 10px 10px;
    color: #000;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.1em;
    cursor: pointer;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    transition: all 0.4s ease;
    box-shadow: 2px 2px 8px 5px rgb(128 128 128 / 11%);
    width: 150px;
    height: 130px;

}

.filter-button li:hover,
.filter-button li.active {
    color: #fff;
    background-color: #000;
}

/*.filter-button li:first-child {
    margin-left: 0;
}

.filter-button li:last-child {
    margin-right: 0;
}*/


/**
 * Owl Carousel v2.2.1
 * Copyright 2013-2017 David Deutsch
 * Licensed under  ()
 */

 .owl-carousel,
 .owl-carousel .owl-item {
     -webkit-tap-highlight-color: transparent;
     position: relative
 }
 
 .owl-carousel {
     display: none;
     width: 100%;
     z-index: 1
 }
 
 .owl-carousel .owl-stage {
     position: relative;
     -ms-touch-action: pan-Y;
     -moz-backface-visibility: hidden
 }
 
 .owl-carousel .owl-stage:after {
     content: ".";
     display: block;
     clear: both;
     visibility: hidden;
     line-height: 0;
     height: 0
 }
 
 .owl-carousel .owl-stage-outer {
     position: relative;
     overflow: hidden;
     -webkit-transform: translate3d(0, 0, 0)
 }
 
 .owl-carousel .owl-item,
 .owl-carousel .owl-wrapper {
     -webkit-backface-visibility: hidden;
     -moz-backface-visibility: hidden;
     -ms-backface-visibility: hidden;
     -webkit-transform: translate3d(0, 0, 0);
     -moz-transform: translate3d(0, 0, 0);
     -ms-transform: translate3d(0, 0, 0)
 }
 
 .owl-carousel .owl-item {
     min-height: 1px;
     float: left;
     -webkit-backface-visibility: hidden;
     -webkit-touch-callout: none
 }
 
 .owl-carousel .owl-item img {
     display: block;
     width: 100%;
     max-height: 240px;
 }
 
 .owl-carousel .owl-dots.disabled,
 .owl-carousel .owl-nav.disabled {
     display: none
 }
 
 .no-js .owl-carousel,
 .owl-carousel.owl-loaded {
     display: block;
     /*margin-top: 60px;*/
 }
 
 /*.owl-nav {
     position: absolute;
     top: -30px;
     right: 0;
 }*/
 
 .owl-carousel .owl-dot,
 .owl-carousel .owl-nav .owl-next,
 .owl-carousel .owl-nav .owl-prev {
     cursor: pointer;
     cursor: hand;
     -webkit-user-select: none;
     -khtml-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
     font-family: 'fontAwesome';
 }
 
 .owl-carousel .owl-nav .owl-prev:before {
     /* fa-chevron-left*/
     margin-right: 10px;
 }
 
 .owl-carousel .owl-nav .owl-next:after {
     /* fa-chevron-right */
     margin-right: 10px;
 }
 
 .owl-carousel.owl-loading {
     opacity: 0;
     display: block
 }
 
 .owl-carousel.owl-hidden {
     opacity: 0
 }
 
 .owl-carousel.owl-refresh .owl-item {
     visibility: hidden
 }
 
 .owl-carousel.owl-drag .owl-item {
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none
 }
 
 .owl-carousel.owl-grab {
     cursor: move;
     cursor: grab
 }
 
 .owl-carousel.owl-rtl {
     direction: rtl
 }
 
 .owl-carousel.owl-rtl .owl-item {
     float: right
 }
 
 .owl-carousel .animated {
     animation-duration: 1s;
     animation-fill-mode: both
 }
 
 .owl-carousel .owl-animated-in {
     z-index: 0
 }
 
 .owl-carousel .owl-animated-out {
     z-index: 1
 }
 
 .owl-carousel .fadeOut {
     animation-name: fadeOut
 }
 
 @keyframes fadeOut {
     0% {
         opacity: 1
     }
     100% {
         opacity: 0
     }
 }
 
 .owl-height {
     transition: height .5s ease-in-out
 }
 
 .owl-carousel .owl-item .owl-lazy {
     opacity: 0;
     transition: opacity .4s ease
 }
 
 .owl-carousel .owl-item img.owl-lazy {
     transform-style: preserve-3d
 }
 
 .owl-carousel .owl-video-wrapper {
     position: relative;
     height: 100%;
     background: #000
 }
 
 .owl-carousel .owl-video-play-icon {
     position: absolute;
     height: 80px;
     width: 80px;
     left: 50%;
     top: 50%;
     margin-left: -40px;
     margin-top: -40px;
     background: url(owl.video.play.png) no-repeat;
     cursor: pointer;
     z-index: 1;
     -webkit-backface-visibility: hidden;
     transition: transform .1s ease
 }
 
 .owl-carousel .owl-video-play-icon:hover {
     -ms-transform: scale(1.3, 1.3);
     transform: scale(1.3, 1.3)
 }
 
 .owl-carousel .owl-video-playing .owl-video-play-icon,
 .owl-carousel .owl-video-playing .owl-video-tn {
     display: none
 }
 
 .owl-carousel .owl-video-tn {
     opacity: 0;
     height: 100%;
     background-position: center center;
     background-repeat: no-repeat;
     background-size: contain;
     transition: opacity .4s ease
 }
 
 .owl-carousel .owl-video-frame {
     position: relative;
     z-index: 1;
     height: 100%;
     width: 100%
 }
 
 .banner .owl-theme .owl-dots {
     position: absolute;
     right: 0;
     bottom: 20px;
     left: 0;
 }
 
 .banner .owl-theme .owl-dots .owl-dot span {
     background: #b2b2b2;
 }
/*.owl-prev, .owl-next{

    position:absolute;
}

.owl-prev {

    right:50px;
    top: -100px;
}

.owl-next {

    right:-10px;
    top: -100px;
}*/

#news.container-fluid {
    padding-left: 0;
    padding-right: 0;
}

.grid-item {
    position: relative;
    overflow: hidden;
    display: block;
}

.grid-item .news-overlay {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .6);
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    transition: all 0.4s ease;
    overflow: hidden;
}

.grid-item:hover .news-overlay {
    background-color: rgba(0, 0, 0, 1);
}

.grid-item .news-overlay .news-overlay-text {
    position: absolute;
    top: 50%;
    left: 20%;
    right: 20%;
    text-align: center;
    -webkit-transform: translate(0%, -50%);
    -moz-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
    -webkit-transition: all 0.4s ease 0.2s;
    -moz-transition: all 0.4s ease 0.2s;
    transition: all 0.4s ease 0.2s;
}

.grid-item .news-overlay .news-overlay-text h6,
.grid-item .news-overlay .news-overlay-text h5 {
    color: #FFF !important;
}

.grid-item .news-overlay .news-overlay-text h5 {
    font-weight: 700;
}

.grid-item .news-overlay .news-overlay-text h5.news-date {
    letter-spacing: 1px;
}

.grid-item .news-overlay .news-overlay-text h6 {
    font-weight: 400;
}


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

/**
 * Owl Carousel v2.2.1
 * Copyright 2013-2017 David Deutsch
 * Licensed under  ()
 */

 .owl-carousel,
 .owl-carousel-f .owl-item {
     -webkit-tap-highlight-color: transparent;
     position: relative
 }
 
 .owl-carousel-f {
     display: none;
     width: 100%;
     z-index: 1
 }
 
 .owl-carousel-f .owl-stage {
     position: relative;
     -ms-touch-action: pan-Y;
     -moz-backface-visibility: hidden
 }
 
 .owl-carousel-f .owl-stage:after {
     content: ".";
     display: block;
     clear: both;
     visibility: hidden;
     line-height: 0;
     height: 0
 }
 
 .owl-carousel-f .owl-stage-outer {
     position: relative;
     overflow: hidden;
     -webkit-transform: translate3d(0, 0, 0)
 }
 
 .owl-carousel-f .owl-item,
 .owl-carousel-f .owl-wrapper {
     -webkit-backface-visibility: hidden;
     -moz-backface-visibility: hidden;
     -ms-backface-visibility: hidden;
     -webkit-transform: translate3d(0, 0, 0);
     -moz-transform: translate3d(0, 0, 0);
     -ms-transform: translate3d(0, 0, 0)
 }
 
 .owl-carousel-f .owl-item {
     min-height: 1px;
     float: left;
     -webkit-backface-visibility: hidden;
     -webkit-touch-callout: none
 }
 
 .owl-carousel-f .owl-item img {
     display: block;
     width: 100%;
     max-height: 240px;
 }
 
 .owl-carousel-f .owl-dots.disabled,
 .owl-carousel-f .owl-nav.disabled {
     display: none
 }
 
 .no-js .owl-carousel-f,
 .owl-carousel-f.owl-loaded {
     display: block;
    /* margin-top: 60px;*/
 }
 
 .owl-nav {
  /*   position: absolute;
     top: -30px;
     right: 0;*/
 }
 
 .owl-carousel-f .owl-dot,
 .owl-carousel-f .owl-nav .owl-next,
 .owl-carousel-f .owl-nav .owl-prev {
     cursor: pointer;
     cursor: hand;
     -webkit-user-select: none;
     -khtml-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
     font-family: 'fontAwesome';
 }
 
 .owl-carousel-f .owl-nav .owl-prev:before {
     /* fa-chevron-left*/
     margin-right: 10px;
 }
 
 .owl-carousel-f .owl-nav .owl-next:after {
     /* fa-chevron-right */
     margin-right: 10px;
 }
 
 .owl-carousel-f.owl-loading {
     opacity: 0;
     display: block
 }
 
 .owl-carousel-f.owl-hidden {
     opacity: 0
 }
 
 .owl-carousel-f.owl-refresh .owl-item {
     visibility: hidden
 }
 
 .owl-carousel-f.owl-drag .owl-item {
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
     
 }
 
 .owl-carousel-f.owl-grab {
     cursor: move;
     cursor: grab
 }
 
 .owl-carousel-f.owl-rtl {
     direction: rtl
 }
 
 .owl-carousel-f.owl-rtl .owl-item {
     float: right
 }
 
 .owl-carousel-f .animated {
     animation-duration: 1s;
     animation-fill-mode: both
 }
 
 .owl-carousel-f .owl-animated-in {
     z-index: 0
 }
 
 .owl-carousel-f .owl-animated-out {
     z-index: 1
 }
 
 .owl-carousel-f .fadeOut {
     animation-name: fadeOut
 }
 
 @keyframes fadeOut {
     0% {
         opacity: 1
     }
     100% {
         opacity: 0
     }
 }
 
 .owl-height {
     transition: height .5s ease-in-out
 }
 
 .owl-carousel-f .owl-item .owl-lazy {
     opacity: 0;
     transition: opacity .4s ease
 }
 
 .owl-carousel-f .owl-item img.owl-lazy {
     transform-style: preserve-3d
 }
 
 .owl-carousel-f .owl-video-wrapper {
     position: relative;
     height: 100%;
     background: #000
 }
 
 .owl-carousel-f .owl-video-play-icon {
     position: absolute;
     height: 80px;
     width: 80px;
     left: 50%;
     top: 50%;
     margin-left: -40px;
     margin-top: -40px;
     background: url(owl.video.play.png) no-repeat;
     cursor: pointer;
     z-index: 1;
     -webkit-backface-visibility: hidden;
     transition: transform .1s ease
 }
 
 .owl-carousel-f .owl-video-play-icon:hover {
     -ms-transform: scale(1.3, 1.3);
     transform: scale(1.3, 1.3)
 }
 
 .owl-carousel-f .owl-video-playing .owl-video-play-icon,
 .owl-carousel-f .owl-video-playing .owl-video-tn {
     display: none
 }
 
 .owl-carousel-f .owl-video-tn {
     opacity: 0;
     height: 100%;
     background-position: center center;
     background-repeat: no-repeat;
     background-size: contain;
     transition: opacity .4s ease
 }
 
 .owl-carousel-f .owl-video-frame {
     position: relative;
     z-index: 1;
     height: 100%;
     width: 100%
 }
 
 #owl-demo-3 .item {
                           
    /* Added by Amir */
    position: relative !important;
}

#owl-demo-3 .item img {
    
    height: 31vh !important;
    object-fit: cover !important;
}

#owl-demo-3 .item .caption-big {
    display: none !important;
}





/**
 * Owl Carousel v2.2.1
 * Copyright 2013-2017 David Deutsch
 * Licensed under  ()
 * Slider with Arrows - added by Bahare
 */

 .owl-theme .owl-dots,
 .owl-theme .owl-nav {
     text-align: center;
     -webkit-tap-highlight-color: transparent
 }
 
 .owl-theme .owl-nav {
     margin-top: 10px
 }
 
 .owl-theme .owl-nav [class*=owl-] {
     color: #000;
     font-size: 10px;
     margin: 5px;
     padding: 4px 7px;
     
     display: inline-block;
     cursor: pointer;
     
 }
 
 .owl-theme .owl-nav [class*=owl-]:hover {
     
     color: #000;
     text-decoration: none
 }
 
 .owl-theme .owl-nav .disabled {
     opacity: .5;
     cursor: default
 }
 
 .owl-theme .owl-nav.disabled+.owl-dots {
     margin-top: 10px
 }
 
 .owl-theme .owl-dots .owl-dot {
     display: inline-block;
     zoom: 1
 }
 
 .owl-theme .owl-dots .owl-dot span {
     width: 10px;
     height: 10px;
     margin: 5px 7px;
     background: #D6D6D6;
     display: block;
     -webkit-backface-visibility: visible;
     transition: opacity .2s ease;
     border-radius: 30px
 }
 
 .owl-theme .owl-dots .owl-dot.active span,
 .owl-theme .owl-dots .owl-dot:hover span {
     background: #869791
 }
 /*.owl-prev, .owl-next{
 
     position:absolute;
 }
 
 .owl-prev {
 
     right:50px;
     top: -100px;
 }
 
 .owl-next {
 
     right:-10px;
     top: -100px;
 }*/
 
 #news.container-fluid {
     padding-left: 0;
     padding-right: 0;
 }
 
 .grid-item .news-overlay {
     display: block;
     position: absolute;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background-color: rgba(0, 0, 0, .6);
     -webkit-transition: all 0.4s ease;
     -moz-transition: all 0.4s ease;
     transition: all 0.4s ease;
     overflow: hidden;
 }
 
 .grid-item:hover .news-overlay {
     background-color: rgba(0, 0, 0, 1);
 }
 
 .grid-item .news-overlay .news-overlay-text {
     position: absolute;
     top: 50%;
     left: 20%;
     right: 20%;
     text-align: center;
     -webkit-transform: translate(0%, -50%);
     -moz-transform: translate(0%, -50%);
     transform: translate(0%, -50%);
     -webkit-transition: all 0.4s ease 0.2s;
     -moz-transition: all 0.4s ease 0.2s;
     transition: all 0.4s ease 0.2s;
 }
 
 .grid-item .news-overlay .news-overlay-text h6,
 .grid-item .news-overlay .news-overlay-text h5 {
     color: #FFF !important;
 }
 
 .grid-item .news-overlay .news-overlay-text h5 {
     font-weight: 700;
 }
 
 .grid-item .news-overlay .news-overlay-text h5.news-date {
     letter-spacing: 1px;
 }
 
 .grid-item .news-overlay .news-overlay-text h6 {
     font-weight: 400;
 }