@charset "UTF-8";
/*

Theme Name: Sara
Theme URI: https://demowp.cththemes.net/monolit/
Author: CTHthemes
Author URI: http://themeforest.net/user/cththemes
Description: Monolit – Creative Responsive Architecture WordPress Theme is perfect if you like a clean and modern design. This theme is ideal for architects, furniture designers, photographers, and those who need an easy, attractive and effective way to share their work with clients.
Version: 2.0.0
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: monolit
Tags: one-column, two-columns, right-sidebar, flexible-header, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/
/*======================================
    ++WP Reset ++
    ++++General Styles++++
    ++++Typography ++++
    ++++Page preload ++++
    ++++Content Styles ++++
    ++++Responsive iframes ++++
    ++++ Item hover++++
    ++++Header++++
    ++++Navigation ++++
    ++++Home+++++
    ++++Page title +++++
    ++++Services ++++
    ++++Portfolio++++
    ++++Team ++++
    ++++Footer++++
    ++++Contact ++++
    ++++Facts ++++
    ++++blog ++++
    ++++Responsive ++++
*/
:root {
  --text-multiplier: 1;
}
@media (min-width: 1900px) {
  :root {
    --text-multiplier: 1.1;
  }
}


.wpb_content_element {
    margin-bottom: 0!important;
}
.vc_row-has-fill+.vc_row-full-width+.vc_row>.vc_column_container>.vc_column-inner , .vc_row-has-fill>.vc_column_container>.vc_column-inner {
    padding-top:0!important;
}
/*-------------WP Reset ---------------------------------------*/

a {
  color: #222222; }

a:hover, a:focus {
  color: #23527c;
  text-decoration: underline; }


.row.full-height > .wpb_column, .row.full-height > .wpb_column > .vc_column-inner, .row.full-height > .wpb_column > .vc_column-inner > .wpb_wrapper,
.wpb_column.full-height > .vc_column-inner, .wpb_column.full-height > .vc_column-inner > .wpb_wrapper {
  height: 100%; }

.full-height > .wpb_wrapper {
  height: 100%; }

.monolit_sec .wpb_content_element {
  margin-bottom: 0px; }

.vc_column-inner > .wpb_wrapper {
  float: left;
  width: 100%; }

.vc_row.wpb_row {
  position: relative;
  z-index: 5;
/*overflow: hidden;*/
}

/*-------------General Style---------------------------------------*/
html {
  height: 100%;
  overflow-x: hidden !important;
}

body {
  margin: 0;
  padding: 0;
  color: #000;
  background: #fff;
  height: 100%;

}

@-o-viewport {
  width: device-width; }

@-ms-viewport {
  width: device-width; }

@viewport {
  width: device-width; }

/*--------------General Style New Theme--------------------------------------*/

.hdline {
    height: 2px;
    width: 75px;
    background: #AD9E85;
    display: block;
    margin-bottom: 15px!important;
}
.hdline2 {
    height: 10px;
    width: 75px;
    /* background: #AD9E85; */
    display: inline-block;
    margin-bottom: 15px;
    border-top: 1px solid #AD9E85;
    border-left: 1px solid #AD9E85;
    border-right: 1px solid #AD9E85;
    position: relative;
    margin-top: -5px;
}

.hdline2::after {
    width: 1px;
    height: 20px;
    background: #AD9E85;
    display: block;
    content: '';
    left: 50%;
    top: 0;
    position: absolute;
}
.sec-title h2 {
    margin-bottom: 15px;
    color: #30271C;

}
.hinttag {
    margin-bottom: 10px!important;
    margin-top: 0;
        text-align:center;
}
.wline {
    height: 1px;
    width: 60px;
    display: inline-block;
    background: #ccc;
    margin:20px;
    vertical-align: middle;
}

.pagetoppadd {
    padding-top: 110px !important;
    margin-bottom: 150px;
}
.btn-style1 {
    background: #bf9a59;
    color: #fff;
    padding: 7px 20px;
    font-size: 16px;
    border-radius: 3px;
    margin-top: 15px;
    display: inline-block;
    font-weight: 600;
    transition: all .5s ease;
}

.btn-style1:hover {
    background: #333;
    color: #fff;
}


/*--------------Typography--------------------------------------*/
h1, h2, h3, h4, h5, h6 {
    position: relative;
    color: #222222;
    line-height: 1.4em;
    margin-top: 0;
}


h5 {
  /*font-size: 0.8em;*/
  /*10px*/
  /*font-size: 14px;*/
  /*font-weight: 200;*/
  }

h6 {
  /*font-size: 0.6em;*/
  /*7px*/
  font-size: 11.9px;
  font-weight: 200; }
/*
p {
   padding-bottom: 10px; }*/

blockquote {
  /*float:left;*/
  padding: 10px 20px;
  margin: 0 0 20px;
  font-size: 17.5px;
  border-left: 15px solid #eee; }

blockquote p {
  font-family: Georgia, "Times New Roman", Times, serif;
  font-style: italic;
  color: #494949; }

/* ---------Page preload--------------------------------------*/

/*----monolit-loader--*/
#monolit-loader{
    top:0;left:0;
    position: fixed;
    height: 100%;
    width: 100%;
    background: #fff;
    z-index: 99999;
}

.monolit-loader {
    width: 300px;
    height: 133px;
    text-align: center;
    position: absolute;
    left: 50%;
    top:50%;
    transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
/*	font-family: helvetica, arial, sans-serif;
    text-transform: uppercase;*/
    font-weight: 900;
    font-size:24px;
    color: #e6c655;
    /*letter-spacing: 0.2em;*/
}
.monolit-loader::before, .monolit-loader::after {
    content: "";
    display: block;
    width: 15px;
    height: 15px;
    background: #c49767;
    position: absolute;
        transform: translate(-50%, -50%);
    animation: cssload-load 1.02s infinite alternate ease-in-out;
        -o-animation: cssload-load 1.02s infinite alternate ease-in-out;
        -ms-animation: cssload-load 1.02s infinite alternate ease-in-out;
        -webkit-animation: cssload-load 1.02s infinite alternate ease-in-out;
        -moz-animation: cssload-load 1.02s infinite alternate ease-in-out;
}
.monolit-loader-r::before {
    top: 0;
}
.monolit-loader-r::after {
    bottom: 0;

}



@keyframes cssload-load {
    0% {
        left: 0;
        height: 29px;
        width: 15px;
    }
    50% {
        height: 8px;
        width: 39px;
    }
    100% {
        left: 100%;
        height: 29px;
        width: 15px;
    }
}

@-o-keyframes cssload-load {
    0% {
        left: 0;
        height: 29px;
        width: 15px;
    }
    50% {
        height: 8px;
        width: 39px;
    }
    100% {
        left: 100%;
        height: 29px;
        width: 15px;
    }
}

@-ms-keyframes cssload-load {
    0% {
        left: 0;
        height: 29px;
        width: 15px;
    }
    50% {
        height: 8px;
        width: 39px;
    }
    100% {
        left: 100%;
        height: 29px;
        width: 15px;
    }
}

@-webkit-keyframes cssload-load {
    0% {
        left: 0;
        height: 29px;
        width: 15px;
    }
    50% {
        height: 8px;
        width: 39px;
    }
    100% {
        left: 100%;
        height: 29px;
        width: 15px;
    }
}

@-moz-keyframes cssload-load {
    0% {
        left: 0;
        height: 29px;
        width: 15px;
    }
    50% {
        height: 8px;
        width: 39px;
    }
    100% {
        left: 229px;
        height: 29px;
        width: 15px;
    }
}

#monolit-loader{
    line-height: 133px
}
/* ---------Content Styles--------------------------------------*/
.animated {
    -webkit-animation-duration: 1.5s!important;
    animation-duration: 1.5s!important;

}
.textclip h1{

    font-size: calc(1.9em * var(--text-multiplier));
    font-weight: bold;
    background-image: linear-gradient(-225deg,#b13737 0%,#4eba3d 29%,#e4c11d 67%,#2c63c1 100%);    background-size: auto auto;
    background-clip: border-box;
    background-size: 200% auto;
    color: #fff;
    background-clip: text;
    text-fill-color: transparent;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: textclip 4s linear infinite;

   } @keyframes textclip {
        to {
            background-position:200% center;

}

}

.folio-header-divider {
    -webkit-clip-path: polygon(100% 0, 100% 70%, 35% 90%, 0 80%, 0 0);
    clip-path: polygon(100% 0, 100% 70%, 35% 90%, 0 80%, 0 0);
}

.wrap_process_img {
    position: relative;
    z-index: 9;
}
.wrap_process_img img {
    box-shadow: 0 2px 60px 0 hsla(0, 0%, 0%, 0.06);
    border-radius: 5px;
}

.wrap_process_img::before {
    content: "";
    position: absolute;
    right: -9%;
    left: 26%;
    top: 40px;
    bottom: 45px;
    border: 20px solid #AD9E8536;
    z-index: -1;
    background: #fff;
    box-shadow: 0 2px 60px 0 hsla(0, 0%, 0%, 0.06);

}
/* Glass reflection*/
.img-reflection ,.img-reflection2{
    position:relative;
    overflow:hidden;

}
.img-reflection:after{
    content:"";
    background-color:rgba(255, 255, 255, 0.2);
    position:absolute;
    width:35%;
    height:200%;
    left:-100%;
    top:-50%;
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    transition: all 0.5s linear;

    -moz-transform: rotate(40deg);
    -webkit-transform: rotate(40deg);
    -o-transform: rotate(40deg);
    -ms-transform: rotate(40deg);
    transform: rotate(40deg);
}
.img-reflection:hover:after{
    left:150%;
}

.img-reflection2::before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    background: #fff;
    opacity: 0;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.img-reflection2:hover:before {
    width: 0px;
    opacity: 0.5;
}

.img-reflection2::after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    background: #f5f5f5;
    opacity: 0;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.img-reflection2:hover:after {
    height: 0px;
    opacity: 0.5;
}


.content-holder {
  vertical-align: top;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  z-index: 2;
  height: 100%;

  -webkit-transition: all 400ms linear;
  -o-transition: all 400ms linear;
  transition: all 400ms linear; }

.content-holder-main {
  width: 100%; }

.edit-link{
    display:block;
}
.hide-left-bar .content-holder {
  padding-left: 0px; }

.content {
  /*width: 100%;*/
  position: relative;
  /*z-index change from 3 to 6 by sabz for not work links in monolit sections*/
  /*z-index: 6;*/
  /*float: left;*/

  }

.full-height {
  height: 100%; }

.bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-attachment: scroll;
  background-position: center;
  background-repeat: repeat;
  background-origin: content-box; }

.respimg {
  max-width: 100%;
  width: 100%;
  height: auto; }

.overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color :rgba(21, 18, 55, 0.35);
  opacity: 0.2; }

section {
  
  width: 100%;
  position: relative;
  /*padding: 120px 0;*/
  overflow: hidden; }

.no-sec-padding section {
  padding: 0px 0px; }

/*.parallax-section.header-video {height: 100%;}*/
.align-text {
  text-align: left; }

.no-border {
  border: none !important; }

.no-padding {
  padding: 0 !important; }

.no-margin {
  margin: 0 !important; }

.anim_delay1{
     animation-delay: 0ms;
}
.anim_delay2{
     animation-delay: 180ms;
}
.anim_delay3{
     animation-delay: 360ms;
}
.anim_delay4{
     animation-delay: 540ms;
}
.anim_delay5{
     animation-delay: 720ms;
}
.anim_delay6{
     animation-delay: 900ms;
}
.anim_delay7{
     animation-delay: 1080ms;
}
.anim_delay8{
     animation-delay: 1260ms;
}
.anim_delay9{
     animation-delay: 1440ms;
}
.btn {
 color:#fff!important;
    background:#414143;
    padding:10px 20px;
    box-shadow :0px 20px 40px 0px rgb(0 0 0 / 20%);
  -webkit-transition: all 400ms linear;
  -o-transition: all 400ms linear;
  transition: all 400ms linear;
  outline: none;

  text-align: center;
  text-decoration: none; }


.btn:hover:before {
  width: 100%; }

.btn:focus,
.btn:hover {
  color: #fff;
  background: #AD9E85;
  text-decoration: none; }

.anim-button {
  overflow: hidden;
  background-clip: padding-box;
  vertical-align: middle;
  max-width: 100%;
  overflow: hidden;
  outline: none;
  width: auto; }

.anim-button i {
  top: -100%;
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  line-height: 40px;
  text-align: center !important;
  font-size: 16px; }

.wt-btn {
  color: #fff;
  border: 2px solid #fff; }

.portfolio-list-item, .portfolio-list-media {
  float: left;
  width: 100%;
  position: relative; }

.portfolio-list-item {
  margin-bottom: 70px; }

.algn-right {
  text-align: right; }

.algn-center {
  text-align: center; }

.particular {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  display: none; }

.welcome_sec h3:before {
    content: '';
    width: 1px;
    height: 100%;
    background: #EFA600;
    position: absolute;
    letter-spacing: 1px;
    right: -16px;
    top: 4px;
}


/*****PWA******/
span#pwaforwp-prompt-close {
    position: absolute;
    left: 0;
    top:0;
    z-index: 99999;
}

/****azexo***/
.datepickers-container ,.a11y-speak-region ,.a11y-speak-intro-text{
    display:none;
}

.rtl div.azen.azen1.azen2.azen3 .azen-mynx-form-buttons[data-variant="Mynx 2"] .az-radio-buttons label span ,.rtl .azen-paragraph{
    font-family:unset!important;
    direction: rtl;
}

div.azen.azen1.azen2.azen3 .azen-mynx-field[data-variant="Mynx 2"] .azen-name ,
div.azen.azen1.azen2.azen3 .azen-mynx-field[data-variant="Mynx 1"] .azen-name,
div.azen.azen1.azen2.azen3 .azen-mynx-field:not([data-variant]) .azen-name ,
div.azen.azen1.azen2.azen3 .azen-mynx-button[data-variant="Mynx 11"] a ,
div.azen.azen1.azen2.azen3 .azen-mynx-tooltip .azen-name ,
h1.azen-subheader, h2.azen-subheader, h3.azen-subheader, h4.azen-subheader, h5.azen-subheader, h6.azen-subheader,h2.azen-header{
    font-family: unset!important;
}
div.azen.azen1.azen2.azen3 .azen-mynx-field[data-variant="Mynx 1"] .azen-value,
div.azen.azen1.azen2.azen3 .azen-mynx-field:not([data-variant]) .azen-value ,
.az-free-positioning > [data-cloneable] > [data-element] > .az-button {

    text-transform: uppercase;
   
}


body.rtl h2.azen-header{
    font-size: 20px!important;
}

/*------table payment ------------------------------------------------*/

.table-flex-container {
   
  display: flex;
  flex-direction: row;
  text-align: center;
  padding: 10px;
}

.table-flex-container .flex-title{
    padding:2px;
}
@media (max-width: 800px) {
  .table-flex-container {
    flex-direction: column;
  }
}
table {
    border-collapse: collapse;
    margin: 25px 0;

    min-width: 400px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
}
table thead th,table tbody th {
 text-align:right;
}
.styled-table thead tr {
    background-color: #4b4e54;
    color: #ffffff;
    text-align: right;
}

.styled-table tbody tr {
    border-bottom: 1px solid #dddddd;
}

.styled-table tbody tr.active-row {
    font-weight: bold;
    color: #009879;
}

.styled-table tbody tr:nth-of-type(even) {
    background-color: #f3f3f3;
}

.styled-table tbody tr:last-of-type {
    border-bottom: 2px solid #4b4e54;
}

/*------item hover ------------------------------------------------*/
.box-item {
  float: left;
  width: 100%; }

.box-item a {
  float: left;
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden; }

.box-item a img, .serv-item img {
  position: relative;
  z-index: 1;
  -webkit-transition: all 4000ms cubic-bezier(0.19, 1, 0.22, 1) 0ms;
  -o-transition: all 4000ms cubic-bezier(0.19, 1, 0.22, 1) 0ms;
  transition: all 4000ms cubic-bezier(0.19, 1, 0.22, 1) 0ms; }

.box-item a .overlay {
  opacity: 0;
  z-index: 2;
  -webkit-transition: all 200ms linear;
  -o-transition: all 200ms linear;
  transition: all 200ms linear; }

.box-item a:hover .overlay {
  opacity: 0.3; }

.box-item a:hover img {
  -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
      transform: scale(1.05); }



/***

====================================================================
    News Style from int
====================================================================

***/

.news-style1 {
    padding: 100px 0 95px;
}
.news-style1 .news_item {
    margin-bottom: 30px;
    transition: all .5s ease;
    background: #fff;
    transition: all .5s ease;
}

.news-style1 .news_item .image {
    position: relative;
    overflow: hidden;
}

.news-style1 .news_item .image::after {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    content: '';
    transform: scaleX(0);
    transition: All .5s ease;
}

.news-style1 .news_item:hover .image::after {
    transform: scaleX(1);
}

.news-style1 .news_item .image img {
    width: 100%;
}

.news-style1 .news_content {
    border: 1px dashed #999;
    padding: 25px 30px 30px;
    background: #fff;
    border-top: 0;
}

.news-style1 .post_date {
    color: #777;
    line-height: 17px;
    font-size: 15px;
    font-weight: 400;
    margin-top: 10px;
    font-weight: 600;
}

.news-style1 .news_content {

    position: relative;
}

.news-style1 .news_content::after {
    content: '';
    width: 0px;
    height: 1px;
    background: #000;
    display: block;
    right: 0;
    bottom: 0;
    position: absolute;
    transition: all .5s ease;
}

.news-style1 .news_content::before {
    content: '';
    height: 0px;
    width: 1px;
    background: #000;
    display: block;
    right: 0;
    bottom: 0;
    position: absolute;
    transition: all .5s ease;
}

.news-style1 .news_item:hover .news_content::after {
    width: 70px;
}

.news-style1 .news_item:hover .news_content::before {
    height: 70px;
}

.news-style1 .news_content h3 {
    margin-bottom: 10px;
    margin-top: 20px;
}
.news-style1 .btnlink {
    margin-top: 10px;
}
.news-style1 .news_content h3 a {
    color: #333;
    font-size: 21px;
    transition: all .5s ease;
}

.news-style1 .news_content h3 a:hover {
    color: #AD9E85;
}

.news-style1 .news_content .detail {
    color: #AD9E85;
    margin-top: 12px;
    display: inline-block;
}

.news-style1 .news_content .wirtnby {

    margin-top: 13px;
    color: #333;
    font-size: 15px;
}


/***

====================================================================
     portfolio Navbar
====================================================================

***/


.project-nav-section {
   background-color: #ffffff;
    padding: 40px 0;
    margin-bottom: 190px;
    margin-top: 50px;
}
.project-nav-section .nav-links-single {
    margin-top: 0;
}
.project-nav-section .nav-links {
    position: relative;
}
.project-nav-section .nav-links-single .nav-links .nav-previous,
.project-nav-section .nav-links-single .nav-links .nav-next {
    width: 48%;
}
.project-nav-section .nav-links .all-projects {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 30px;
    height: 30px;
}
.project-nav-section .nav-links .all-projects a {
    min-height: inherit;
}
.project-nav-section .nav-links .all-projects svg {
    width: 30px;
    height: 30px;
    fill: #999;
    transition: fill 0.3s ease-in-out;
}
.project-nav-section .nav-links .all-projects a:hover svg {
    fill: #AD9E85;
}

.nav-links-single {
    margin-top: 70px;
}
.nav-links-single .post-navigation {
    margin: 0;
}
.nav-links-single .nav-links {

    text-align: left;
    overflow: hidden;
    text-transform: none;
}
.nav-links-single .nav-links .nav-previous,
.nav-links-single .nav-links .nav-next {
    width: 50%;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.nav-links-single .nav-links .nav-previous {
    float: left;
    text-align: left;
    padding-right: 15px;
}
.nav-links-single .nav-links .nav-next {
    float: right;
    text-align: right;
    padding-left: 15px;
}
.nav-links-single .nav-links a {
    color: #263a4f;
    display: flex;
    align-items: center;
    position: relative;
    min-height: 100px;
    z-index: 1;
}
.nav-links-single .nav-links .nav-next a {
    justify-content: flex-start;
}
.nav-links-single .nav-links .nav-previous a {
    justify-content: flex-end;
}
.nav-links-single .nav-links a:hover {
    text-decoration: none;
}
.nav-links-single .nav-links .nav-previous a {
    padding-left: 123px;
}
.nav-links-single .nav-links .nav-next a {
    padding-right: 123px;
}
.nav-links-single .nav-links .nav-previous.no-thumb a,
.nav-links-single .nav-links .nav-next.no-thumb a {
    padding: 0;
}
.nav-links-single .nav-links a .nav-arrow {
    width: 100px;
    height: 100px;
    line-height: 100px;
    overflow: hidden;
    text-align: center;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    border: none;
}
.nav-links-single .nav-links .nav-next a .nav-arrow {
    right: 0;
    left: auto;
}

.nav-links-single .nav-links .nav-next .nav-text{
    position : relative;
    padding-right: 30px;
}
.nav-links-single .nav-links .nav-previous .nav-text{
    position : relative;
    padding-left: 30px;
}
.nav-links-single .nav-links .nav-next .box-portfolios-text .fa.fa-arrow-right{
    position:absolute;
    right:0;
    top:50%;
    transform:translate(-50%,-50%);
}
.nav-links-single .nav-links .nav-previous .box-portfolios-text .fa.fa-arrow-left{
    position:absolute;
    left:0;
    top:50%;
    transform:translate(0,-50%);
}

.nav-links-single .nav-links .post-title {
    font-size: 18px;
    color: #263a4f;
    line-height: 26px;
    letter-spacing: -0.5px;
    font-weight: 600;
    text-transform: capitalize;
    transition: all 0.3s ease-in-out;
    margin: 0;
}
/*.nav-links-single .nav-links a:hover .screen-reader-text,*/
.nav-links-single .nav-links a:hover .post-title {
    color: #AD9E85;
    text-decoration: none;
}

/***

====================================================================
    Galley portfolio from int
====================================================================

***/

.kk-n {
    position: absolute;
    text-align: center;
    top: 50%;
    right: 0;
    left: 0;
    color: transparent;
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
    z-index: 5;
    transform: translateY(10%);
    transition: transform ease .3s, color ease .3s;
}

.kk-n:before {
    content: '';
    width: 58px;
    height: 58px;
    position: absolute;
    border: 1px solid #fff;
    border-radius: 50%;
    top: 50%;
    left: 50%;
    margin-left: -29px;
    margin-top: -30px;
    opacity: 0;
}

.effect-zoom:hover .kk-n {
        color: #fff;
        transform: translateY(-50%);
        transition: transform ease .3s, color ease .3s;
    }


.effect-zoom:hover .kk-n:before {
    -ms-animation: kk_zoomer 1.5s infinite linear 0.1s;
    -moz-animation: kk_zoomer 1.5s infinite linear 0.1s;
    -op-animation: kk_zoomer 1.5s infinite linear 0.1s;
    -webkit-animation: kk_zoomer 1.5s infinite linear 0.1s;
    animation: kk_zoomer 1.5s infinite linear 0.1s;

}

 @keyframes kk_zoomer {
    0% {
        opacity: 0;
        transform: scale(0.4);
    }

    20% {
        opacity: 0.8;
    }

    40% {
        opacity: 0;
        transform: scale(1.8);
    }

    100% {
        opacity: 0;
    }
}
@-o-keyframes kk_zoomer {
    0% {
        opacity: 0;
        transform: scale(0.4);
    }

    20% {
        opacity: 0.8;
    }

    40% {
        opacity: 0;
        transform: scale(1.8);
    }

    100% {
        opacity: 0;
    }
}
@-ms-keyframes kk_zoomer {
    0% {
        opacity: 0;
        transform: scale(0.4);
    }

    20% {
        opacity: 0.8;
    }

    40% {
        opacity: 0;
        transform: scale(1.8);
    }

    100% {
        opacity: 0;
    }
}
@-webkit-keyframes kk_zoomer {
    0% {
        opacity: 0;
        transform: scale(0.4);
    }

    20% {
        opacity: 0.8;
    }

    40% {
        opacity: 0;
        transform: scale(1.8);
    }

    100% {
        opacity: 0;
    }
}
@-moz-keyframes kk_zoomer {
    0% {
        opacity: 0;
        transform: scale(0.4);
    }

    20% {
        opacity: 0.8;
    }

    40% {
        opacity: 0;
        transform: scale(1.8);
    }

    100% {
        opacity: 0;
    }
}
.gallery-style-2 .sec-title.text-center {
    margin-bottom: 20px;
}

.gallery-style-2 .gallery_box {
    overflow: hidden;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
    position: relative;
    margin-bottom: 30px;
    z-index: 1;
}

.gallery-style-2 .gallery_box img {
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.gallery-style-2 .gallery_box:hover img {
    transform: scale(1.1, 1.1);
}

.gallery-style-2 .gallery_box:before {
    content: "";
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 0;
    left: 0%;
    opacity: 0;
    background: rgba(0, 0, 0, 0.7);
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    z-index: 3;
}

.gallery-style-2 .gallery_box:hover:before {
    visibility: visible;
    opacity: 1;
}

.gallery-style-2 .gallery_box img {
    width: 100%;
    height: auto;
}

.gallery-style-2 .gallery_box .gallery_info {
    width: 100%;
    color: #fff;
    text-align: center;
    position: absolute;
    opacity: 0;
    visibility: hidden;
    top: 50%;
    left: 0%;
    transform: translateY(0%);
    -webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    -ms-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
    z-index: 4;
}

.gallery-style-2 .gallery_box .gallry_wrp::before,
.gallery-style-2 .gallery_box .gallry_wrp::after {
    position: absolute;
    top: 30px;
    right: 30px;
    bottom: 30px;
    left: 30px;
    content: '';
    opacity: 0;
    -webkit-transition: opacity 0.7s, -webkit-transform 0.7s;
    transition: opacity 0.7s, transform 0.7s;
    z-index: 3;
}

.gallery-style-2 .gallery_box .gallry_wrp::before {
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    -webkit-transform: scale(0, 1);
    transform: scale(0, 1);
}

.gallery-style-2 .gallery_box .gallry_wrp::after {
    border-right: 1px solid #fff;
    border-left: 1px solid #fff;
    -webkit-transform: scale(1, 0);
    transform: scale(1, 0);
}

.gallery-style-2 .gallery_box:hover .gallry_wrp::before,
.gallery-style-2 .gallery_box:hover .gallry_wrp::after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.gallery-style-2 .gallery_box:hover .gallery_info {
    transform: translateY(-50%);
    opacity: 1;
    visibility: visible;
}

.gallery-style-2 .gallery_box .heading {
    color: #ffffff;
    font-size: 24px;
    z-index: 1;
    margin-top: 10px;
    border-bottom: none;
    margin-bottom: 10px;
}

.gallery-style-2 .gallery_box .heading a {
    color: #fff;
}

.gallery-style-2 .gallery_box p {
    color: #bf8316;
}


/***

====================================================================
    Contact Page from int
====================================================================

***/
.contact-section{
    background-image: url(assets/images/bg/bg-pattern.png);
    background-position: center left;
    background-repeat: no-repeat;
    background-size: 50% auto;
    }
.cf7-col-row {
    margin: 0 -10px;
    display: block;
    overflow: hidden;
    margin-bottom: 0;
}
.cf7-col-row .cf7-col {
    float: left;
    width: 50%;
    padding: 0 10px;
}
.contact-form input[type="text"],
.contact-form input[type="email"],
.contact-form input[type="password"],
.contact-form select,
.contact-form textarea {
    background-color: #F9FAFA;
    color: #121212;
    border-radius: 3px;
    position: relative;
    display: block;
    width: 100%;
    height: 50px;
    line-height: 26px;
    border: 1px solid #EEEEEE;
    border-radius: 2px;
    padding: 12px 25px !important;
    margin-bottom: 15px;
}

.contact-form textarea {
    height: 150px;
}
.contact-form .form-group {
    margin-bottom: 27px;
}

.contact-form label.error {
    color: #AD9E85;
    font-size: 15px;
    font-weight: normal;
}
.wpcf7-not-valid-tip {
    color: #AD9E85!important;
    font-size: 15px!important;
}

.contact-info {
    padding: 15px 0;
    margin-bottom: 15px;
    text-align: left;
}
.contactpage {
    padding: 80px 0 110px;
}

.contactpage .sec-title {
    margin-bottom: 30px;
}

.contactinfo h3 {

    margin-bottom: 10px;
}

.contactinfo img {
    width: 100%;
}

.full-contact {
    border: 1px solid #ddd;
    padding: 15px;
    margin-bottom: 15px;

}

.full-contact li , .contact-info li {

    margin-bottom: 0px;
    color: #444;
    position: relative;
    padding-left: 30px;
    word-wrap: break-word;
}
.contact-info .fa-map:before,.contact-info .fa-phone:before,.contact-info .fa-envelope:before,.contact-info .fa-instagram-square:before {
    
    margin-left: -20px;
}

.full-contact li i ,.contact-info li i{
    margin-right: 10px;
    border: 1px solid #fff;
    width: 40px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    border-radius: 100%;
    color: #AD9E85;
    position: absolute;
    left: 0;
    top: 0;
}

.contactpage #contact-form {
    position: relative;
    padding-right: 40px;
}

.contactpage #contact-form::after {
    width: 356px;
    height: 440px;
    border: 15px solid #f5f5f5;
    content: '';
    display: block;
    position: absolute;
    right: 0;
    top: -37px;
    border-left: 0;
    z-index: -1;
}

/***

====================================================================
    Divider
====================================================================

***/
.div-wrapper
{
    padding-bottom: 30px;
}

.divider
{
    position: relative;
    margin-top: 30px;
    height: 1px;
}

.div-transparent:before
{
    content: "";
    position: absolute;
    top: 0;
    left: 5%;
    right: 5%;
    width: 90%;
    height: 1px;
    background-image: linear-gradient(to right, transparent, rgb(239 241 245), transparent);
}

/***

====================================================================
    Contact Form In Comment From Int
====================================================================

***/
.comment-respond form {
    position: relative;
}
.comment-form input {
    background: #f5f5f5;
}
.comment-respond input[type=submit] {
    background: #bf9a59;
    color: #fff;
    padding: 7px 20px;
    font-size: 16px;
    border-radius: 3px;
    margin-top: 15px;
    display: inline-block;
    font-weight: 600;
    transition: all .5s ease;
}
/***

====================================================================
    News section From Int
====================================================================

***/

/* news list style  */

.news-list-style {
    padding: 70px 0 90px;
}

.news-list-item {
    margin-bottom: 40px;
    border-bottom: 1px dashed #ccc;
    padding-bottom: 40px;
}

.news-list-item .news-image {
    margin-bottom: 30px;
}

.news-list-item .news-image img {
    width: 100%;
    display: block;
}



.news-list-item .news-footer {
    margin-top: 20px;
}

.news-list-item .news-meta {
    float: left;
    margin-bottom: 15px;
}

.news-list-item .news-meta li {
    display: inline-block;
    color: #333;
    margin-right: 10px;
}

.news-list-item .news-meta i {
    margin-right: 6px;
}

.news-list-item .news-meta a {
    color: #333;
}

.news-list-item .news-btn {
    background: #AD9E85;
    color: #fff;
    display: block;
    float: right;
    padding: 5px 15px;
    border-radius: 2px;
    vertical-align: middle;
}


/* news comment */

.comment-box .single-comment-item {
    margin-bottom: 25px;
    border-bottom: 1px dashed #ccc;
    padding-bottom: 10px;
}

.comment-box .single-comment-item:last-child {
    border: 0;
}

.comment-box .sec-title h2 {
    margin-bottom: 25px;
    font-size: 24px;
}

.comment-box .author-imgbox {
    display: table-cell;
    vertical-align: top;
}

.comment-box .author-imgbox .inner-box {
    width: 70px;
    margin-right: 30px;
}

.comment-box .author-imgbox .inner-box {
    width: 100%;
}

.comment-box .comment-conent {
    display: table-cell;
    vertical-align: top;
}

.comment-box .comment-conent h3 {
    color: #272727;
    font-size: 19px;
    text-transform: capitalize;
    line-height: 20px;
    margin: 0;
}

.comment-box .comment-conent .meta-box {
    margin-bottom: 5px;
    margin-top: 8px;
    font-size: 13px;
}

.comment-box .comment-conent .meta-box span {
    color: #777;
    display: inline-block;
    font-weight: 500;
}

.comment-box .comment-conent .meta-box a.reply {
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    color: #262F36;
}

.single-comment-item.replyon-comment {
    padding-left: 100px;
}

.comment-box .comment-conent .rating {
    float: right;
    margin-bottom: 0;
}

.comment-box .comment-conent .rating span {
    color: #AD9E85;
}


/* form comment */

.comment-form .sec-title h2 {
    margin-bottom: 25px;
    font-size: 24px;
}

.comment-form input {
    background: #f5f5f5;
}

.comment-form .rating {
    margin-bottom: 30px;
}

.comment-form .rating h5 {
    margin-bottom: 10px;
}

.comment-form .rating a {
    color: #999;
    padding-right: 20px;
    font-size: 14px;
}

.comment-form .rating a:hover {
    color: #AD9E85;
}



/***
====================================================================
    sidebar widgets From Int
====================================================================

***/
.sidebar .widget_categories ul li {
    padding-bottom: 5px;
    padding-top: 5px;
    position: relative;
    padding-right: 15px;

}

.sidebar .widget_categories ul li a, .sidebar .widget_categories ul li a:visited {
    color: #fff;
}
.sidebar .widget_categories ul li a:hover {
    color: #AD9E85;
}
.sidebar .widget_categories ul li::before {
    color: #AD9E85;
    display: inline-block;
    font-family: FontAwesome;
    font-size: 13px;
    position: absolute;
    top: 8px;
}
.sidebar .widget {
    margin-bottom: 40px;
    padding: 30px 30px 40px;
    border: 1px solid #dedede;
    background: #414143;
}

.sidebar ul {
    list-style: outside none none;
    padding: 0;
    margin: 0;
}

.sidebar .widget-title {
    position: relative;
    border-bottom: 1px solid #eee;
    padding-bottom: 15px;
    margin-bottom: 25px;

    color: #AD9E85;
}

.sidebar .widget-title::after {
    background: #AD9E85;
    position: absolute;
    bottom: -1px;
    content: "";
    width: 60px;
    height: 1px;
    border-radius: 0;
}

.allwidget-wrp .widget::after,
.allwidget-wrp .widget::before {
    clear: both;
    content: "";
    display: table;
}

.widget_search button[type="submit"] {
  border: none; }

.search-field .search-btn {
    height: 43px;
    color: white;

}

.search-field {
    position: relative;
}

.search-box {
    height: 43px;
    color: #272727;
    border: 1px solid #f7f7f7;
    margin-bottom: 15px;
    width: 100%;
    font-size: 15px;
    background: #f5f5f5;
}

.search-btn {
    background: #AD9E85;
    width: 50px;
    position: absolute;
    top: 0;
    right: 0;
    height: 44px;
}

.sidebar .widget-categories ul li {
    padding-bottom: 5px;
    padding-top: 5px;
    position: relative;
    padding-right: 15px;
    font-size: 15px;
}

.sidebar .widget-categories ul li::before {
    color: #AD9E85;
    content: "\f105";
    display: inline-block;
    font-family: FontAwesome;
    font-size: 13px;
    right: 0;
    position: absolute;
    top: 8px;
}

.sidebar .widget-categories ul li a,
.sidebar .widget-categories ul li a:visited {
    color: #fff;
}

.sidebar .widget-categories ul li a:hover {
    color: #AD9E85;
}

.popular-posts .all-recent {
    list-style: outside none none;
    padding: 0;
}

.popular-posts .all-recent li {
    display: block;
    margin: 0 0 18px;
}

.popular-posts .all-recent li:last-child {
    margin-bottom: 0;
}

.popular-posts .all-recent li a {
    display: block;
    overflow: hidden;
}

.popular-posts .all-recent li a .img {
    float: left;
    width: 100px;
}

.popular-posts .all-recent li a .img img {}

.popular-posts .all-recent li a .content {
    display: block;
    overflow: hidden;
    padding: 6px 0 0 12px;
}

.popular-posts .all-recent li a .content .name {
    color: #fff;
    display: block;
    font-size: 17px;
    letter-spacing: 0;
    line-height: 24px;
    margin: 0 0 3px;
}

.popular-posts .all-recent li a .content .name:hover {
    color: #AD9E85;
}

.popular-posts .all-recent li a .content .date {
    color: #AD9E85;
    display: block;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 18px;
}

.widget .alltags a {
    border: 1px solid #999;
    display: inline-block;
    font-size: 14px !important;
    line-height: 1.5;
    margin: 5px;
    padding: 3px 10px;
    float: left;
    border-radius: 20px;
    color: #fff;
}

.widget-posts li {
  padding: 12px 0; }



.widget-posts-descr {
 display:block;
  overflow: hidden;
  padding-left: 10px; }

.widget-posts-descr.widget-hide-thumb {
  width: 100%;
  padding-left: 0px; }

.widget-posts-descr a {

  color:#fff;
  padding-bottom: 20px; }

.widget-posts-descr a strong {
  font-weight: normal; }

.widget-posts-date {
  display:block;
  color: #AD9E85;
   }
/***
====================================================================
Add Style for Correct in slider in rtl
====================================================================
***/
.tp-caption{
    /*min-width:1920px!important;*/
    max-width:unset!important;
}
/***

====================================================================
    Portfolio section From Int
====================================================================

***/
.portfoli-homepage .portfolio-deck-item{
    padding-left: 30px;
}
.folio-title {
    text-align:center;
}
.flx-portfolio-image,.flx-portfolio-description {
    padding-right: 15px;
    padding-left: 15px;
}

.flx-portfolio-image {
    flex:58.33%;
}
.flx-portfolio-description {
    flex:41.66%;
}
.flx-row {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    flex-wrap: wrap;
    /*flex-direction: row-reverse;*/
}

.center-content-horizontal{
    align-items:center;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
}
.projects-gallery .list-inline > li span {
    display: block;
    padding: 5px 15px;
     color: #333;
    cursor: pointer;
}

.projects-gallery .list-inline > li.gallery-filter-active span {
    background: #AD9E85;
    color: #fff;
    border-radius: 3px;
}

.projects-gallery .filters {
    margin-bottom: 40px;
}


/***

====================================================================
    Project Detail From INt
====================================================================

***/

.pdtlimg {
    position: relative;
}

.pdtlimg::after {
    width: 230px;
    height: 230px;
    border: 10px solid #fff;
    position: absolute;
    display: block;
    z-index: 1;
    bottom: 0;
    left: 0;
    content: '';
}

.pdtlimg img {
    width: 100%;
}

.pdtltable {
    margin-bottom: 30px;
}

.pdtltable li {
    background: #f5f5f5;
    margin-bottom: 15px;
    margin-right: 2.5%;
}

.pdtltable li div {
    display: block;
    color: #333;

}

.pdtltable li div span {
    width: 34%;
    display: inline-block;
    background: #AD9E85;
    color: #fff;

}



/***

====================================================================
    Team section
====================================================================

***/


.team-img2 .img-box2 img {
    width: 100%;
}

.team-style-3 .team-box2 {
    position: relative;
    text-align: center;
    overflow: hidden;
    margin-bottom: 30px;
    padding-left: 50px;
    z-index: 1;
}

.team-style-3 .team-box2::before {
    content: '';
    width: 63%;
    height: 80%;
    position: absolute;
    bottom: 5px;
    left: 20px;
    border: 1px dashed #666;
    z-index: -1;
}

.team-style-3 .team-info2 {
    position: static;
    bottom: 0px;
    left: 0;
    width: 100%;
    background: #f5f5f5;
    padding: 30px 15px 25px;
    /* border: 5px solid #eeee; */
    border-top: 0;
    /* margin-top: 15px; */
}

.team-style-3 .team-info2 .title {
    color: #333;
    font-weight: 400;
    font-size: 20px;
    margin-bottom: 10px;
}

.team-style-3 .team-info2 .title a {
    color: #333;
}

.team-style-3 .team-info2 .title a:hover {
    color: #AD9E85;
}

.team-style-3 .team-social2 {
    text-align: center;
    display: inline-block;
    background: rgba(0, 0, 0, 0.8);
    position: absolute;
    top: 1px;
    transition: all .5s ease;
    left: 0px;
    width: 50px;
    height: auto;
    padding: 10px 0;
    border-radius: 0;
    visibility: hiden;
    opacity: 0;
}

.team-style-3 .team-social2 .fa {
    color: #fff;
    font-weight: 400;
    margin: 0;
    border: 0;
    padding: 0px 5px;
    width: 26px;
    border-radius: 50px;
    height: 11px;
    font-size: 13px;
    line-height: 15px;
}

.team-style-3 .team-social2 .fa:hover {
    background: transparent;
}

.team-style-3 .team-box2:hover .team-social2 {
    visibility: visiblle;
    opacity: 1;
    left: 20px;
}


/***

====================================================================
    Main Slider From Int
====================================================================

***/


.tpr-title {
    z-index: 5;
    position:relative;
    height:200px;
     width:1000px;
     font-weight: 800;
    color: rgba(255, 255, 255, 1);
    letter-spacing: 0px;
    white-space: normal;

}

.tpr-text {
    position:relative;
    height:200px;
    width:1500px;
    z-index: 7;
    font-weight: 400;
    color: rgba(255, 255, 255, 1);
    letter-spacing: 0px;
    white-space: normal;
}

.tpr-text-inner{
    line-height:50px;
    text-align: center;
    position:absolute;
    width:100%;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);

}

.tpr-btn {
    display: inline-block;
    margin-top:40px!important;
    background: #AD9E85;
    color: #030216;
/*  font-size: calc(1.2em * var(--text-multiplier))!important;
    font-weight: 500!important;*/
    /*height: 45px;*/
    line-height: 45px;
    padding: 10px 20px!important;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    transition: all ease 700ms;
    -moz-transition: all ease 700ms;
    -webkit-transition: all ease 700ms;
    -ms-transition: all ease 700ms;
    -o-transition: all ease 700ms;
    z-index: 1;
}
.tpr-btn:hover {
    color: #546474;
}
.tpr-btn span {
    top:0;
    left:0;
    background: #fff none repeat scroll 0 0;
    border-radius: 50%;
    display: block;
    height: 0;
    position: absolute;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transition: width 0.6s ease 0s, height 0.6s ease 0s!important;
    -moz-transition: width 0.6s ease 0s, height 0.6s ease 0s!important;
    -webkit-transition: width 0.6s ease 0s, height 0.6s ease 0s!important;
    -ms-transition: width 0.6s ease 0s, height 0.6s ease 0s!important;
    -o-transition: width 0.6s ease 0s, height 0.6s ease 0s!important;
    width: 0;
    z-index: -1;
}
.tpr-btn:hover span {
    height: 562.5px;
    width: 562.5px;
}
/**abedini**/
.tp-shapewrapper {
    /*z-index: 2;*/
    background-color: rgba(21, 18, 55, 0.35);
    border-color: rgba(0, 0, 0, 1.00);
}

/***

====================================================================
    Main Header style From INt
====================================================================

***/

.main-header {
    position: relative;
    left: 0px;
    top: 0px;
    z-index: 6;
    width: 100%;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}
.main-header .main-logo .logo img{
    max-width: 100px;
    height: auto;
}
.sticky-navbar .logo img{
    max-width: 84px;
    height: auto;
    position: absolute;
    left:80px;
}
.main-header .top_header {
    position: relative;
    font-size: 13px;
    padding: 9px 0px 7px;
    background: #04695E;
    color: #ffffff;
    z-index: 1;
}

.main-header .top_header::after {
    width: 60%;
    background: #AD9E85;
    content: '';
    height: 100%;
    position: absolute;
    top: 0;
    display: block;
    z-index: -1;
    transform: skewX(30deg);
    left: 11%;
    max-width: 800px;
}

.main-header .top_header a {
    color: #ffffff;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}

.main-header .top_header a:hover {
    color: #AD9E85;
}

.top_infowrp.top-left {
    font-family: 'Roboto', sans-serif!important;
    font-style:italic;
}
.top_infowrp.top-right {
    float: right;
}

.main-header .top_infoitem li {
    position: relative;
    float: left;
    margin-right: 25px;
}

.main-header .top-right .top_infoitem li {
    margin-right: 0px;
    margin-left: 25px;
}

.main-header .top_infoitem li a {
    position: relative;
    line-height: 26px;
    font-size: 14px;
    text-transform: capitalize;
}

.main-header .top_infoitem li a:hover {
    color: #222;
}

.main-header .top_infoitem li .fa {
    padding-right: 8px;
    font-size: 16px;
    color: #fff;
}

.main-header .top_socialinfo li {
    display: inline-block;
}

.main-header .top_socialinfo li a {
    display: block;
    width: 25px;
    height: 25px;
    text-align: center;
}


/* heade middle */

.main-header .middle_header {
    position: relative;
    padding: 35px 0px;
    background: #ffffff;
}



.main-header.header-design-three .main-logo .logo img {
    left:100px;
}

.main-header.header-design-two .main-logo .logo img {
    left:-70px;
}

.main-header .main-logo .logo img {
    position: absolute;
    display: inline-block;
    
    top: 14px;
    width: 100px;
    z-index: 100;

}


.main-header .middle-info {
    position: relative;
    float: left;
    min-height: 56px;
    margin-left: 40px;
    text-transform: uppercase;
    color: #777777;

}

.main-header .middle-info:first-child {
    margin-left: 0;
}

.middle-info.withoutpad {
    padding-left: 0;
}

.main-header .middle-info .icon-holder {
    position: absolute;
    top: 5px;
    width: 48px;
    height: 48px;
    text-align: center;
    line-height: 46px;
    border: 1px dashed #AD9E85;
    color: #AD9E85;
    font-size: 29px;
    -moz-transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.main-header .middle-info li {
    direction:ltr;
    position: relative;
    line-height: 20px;
    margin: 0px 0px;
    font-size: 14px;
    font-family: 'Roboto';
    /*font-style: italic;*/

}

.main-header .middle-info li strong {
    color: #222;
    font-weight: 500;
    font-size: 16px;

}

.main-header .link-btn {
    position: relative;
    padding: 8px 30px;
    line-height: 24px;
    text-transform: uppercase;
    background: #AD9E85;
    color: #ffffff !important;
    font-size: 14px;
    font-weight: 500;
    border: 2px solid #AD9E85 !important;
    border-radius: 2px;
    font-family: 'Roboto', sans-serif;
}


/* main navigation */

.wpml-ls-flag {
    vertical-align: middle !important;
    width: 35px !important;
    height: 17px !important;
}
 .desktop-menu{
        display: block !important;
    }
    .mobile-menu{
        display: none !important;
    }

.main-header .lower_header {
    position: relative;
    left: 0px;
    top: 0px;
    width: 100%;
    background: #151515;
    height: 63px;
}

.main-header .nav-wrapper {
    position: relative;
}

.main-menu {
    position: relative;
z-index: 999999;
    font-weight: 500;
}

 div#header-pattern {
    position: absolute;
    top: 0px;
    right: -32px;
    z-index: 99;
    width: 466px;
    height: auto;
}

.main-menu .navbar-collapse {
    padding: 0px;
}

.main-menu .navigation {
    position: relative;
    margin: 0px;
}

.main-menu .navigation > li {
    position: relative;
    float: left;
    margin-right: 15px;
}

.main-menu .navigation > li > a {
    position: relative;
    display: block;
    padding: 16px 20px 16px 0px;
    color: #D2D3D5;
    line-height: 30px;
    text-transform: uppercase;
    opacity: 1;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}
.main-menu .navigation > li > a .menu-item-text:after{
    content: '';
    display: block;
    height: 1px;
    width: 100%;
    position: relative;
    left: 0;
    bottom: -1px;
    background-color: currentColor;
    transform: scaleX(0);
    transform-origin: 100% 50%;
    transition: transform .3s cubic-bezier(.85,.26,.17,1);
}

.main-menu .navigation > li > a:hover  .menu-item-text:after{
    transform:none;
}

.main-menu .navigation > li:hover > a,
.main-menu .navigation > li.current > a,
.main-menu .navigation > li.current-menu-item > a {
    color: #AD9E85!important;
    opacity: 1;
}

.main-menu .navigation > li > ul {
    position: absolute;
    top: 100%;
    width: 220px;
    padding: 0px;
    z-index: 100;
    display: none;
    background: #D2D3D5;
    border-top: 3px solid #AD9E85;
    transform: scale(0, 0);
    -moz-transform: scale(0, 0);
    -webkit-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}

.main-menu .navigation > li > ul > li {
    position: relative;
    width: 100%;
    border-bottom: 1px solid rgba(255, 255, 255, 0.30);
}

.main-menu .navigation > li > ul > li:last-child {
    border-bottom: none;
}

.main-menu .navigation > li > ul > li > a {
    position: relative;
    display: block;
    padding: 12px 15px;
    text-transform: capitalize;
    color: #414143;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}

.main-menu .navigation > li > ul > li:hover > a {
    background: #AD9E85;
}
.main-menu .navigation > li > ul > li > a .menu-item-text-outer {
    position: relative;
    overflow: hidden;
    display: block;
    -ms-transition: padding 0.25s;
    -moz-transition: padding 0.25s;
    -webkit-transition: padding 0.25s;
    -o-transition: padding 0.25s;
    transition: padding 0.25s;
}

.main-menu .navigation > li > ul > li > a .menu-item-text-outer:before{
     content: ' ';
    position: absolute;
    top: calc(50% + 1px);
    width: 8px;
    height: 2px;
    background-color: #746a59;
    line-height: inherit;
    font-weight: 400;
    font-style: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: left .25s;
    -o-transition: left .25s;
    transition: left .25s;

}
.main-menu .navigation > li > ul > li:hover > a .menu-item-text-outer{
padding: 0 15px 0 15px;
}

.main-menu .navigation > li > ul > li > ul {
    position: absolute;
    left: 110%;
    top: 0px;
    width: 220px;
    padding: 0px;
    z-index: 100;
    display: none;
    background: #151515;
}

.main-menu .navigation > li > ul > li > ul > li {
    position: relative;
    width: 100%;
    border-bottom: 1px solid rgba(255, 255, 255, 0.30);
}

.main-menu .navigation > li > ul > li > ul > li:last-child {
    border-bottom: none;
}

.main-menu .navigation > li > ul > li > ul > li > a {
    position: relative;
    display: block;
    padding: 12px 15px;
    line-height: 22px;
    font-weight: 400;
    font-size: 14px;
    text-transform: capitalize;
    color: #ffffff;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}

.main-menu .navigation > li > ul > li > ul > li > a:hover {
    background: #AD9E85;
}

.main-menu .navigation > li.dropdown:hover > ul {
    visibility: visible;
    opacity: 1;
    top: 100%;
    transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
}

.main-menu .navigation li > ul > li.dropdown:hover > ul {
    visibility: visible;
    opacity: 1;
    left: 100%;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}

ul.dropdown-menu {
    margin-top: 0px;
}

.main-menu .navbar-collapse > ul li.dropdown .dropdown-btn {
    position: absolute;

    top: 6px;
    width: 34px;
    height: 30px;
    /*border: 1px solid #ffffff;*/
    text-align: center;
    font-size: 16px;
    line-height: 28px;
    color: #ffffff;
    cursor: pointer;
    z-index: 5;
    display: none;
}

.header_searchbox {
    position: absolute;
    top: -3px;
    left: 74px;

}

.header_searchbox .search_icon {
    background-color: transparent;
    color: #fff;
    cursor: pointer;
    float: left;
    font-size: 16px;
    padding: 22px 20px 17px 20px;
    text-align: center;
    width: 100%;
    background: #AD9E85;
}

.header_searchbox .search_drop {
    background-color: #414143;
    border-radius: 0;
    box-shadow: 0 2px 7px -3px rgba(0, 0, 0, 0.5);
    display: none;
    padding: 15px 20%;
    position: fixed;
    right: 0px;
    top: 0;
    z-index: 1000;
    width: 100%;
}

.header_searchbox .search_drop input {
    font-size:12px;
    border-color: #e1e1e1 currentcolor #e1e1e1 #e1e1e1;
    border-image: none;
    border-style: solid none solid solid;
    border-width: 1px 0 1px 1px;
    float: left;
    height: 45px;
    padding: 0 10px;
    width: calc(100% - 45px);
}

.header_searchbox .search_drop button {
    background-color: #AD9E85;
    border-color: #AD9E85 #AD9E85 #AD9E85 currentcolor;
    border-image: none;
    border-style: solid solid solid none;
    border-width: 1px 1px 1px medium;
    height: 45px;
    padding: 0;
    text-align: center;
    transition: all 0.5s ease 0s;
    width: 45px;
    color: #fff;
}


/* Header style 2*/


.header-design-two .middle_header {
    padding: 0px 0px;
}



.header-design-two .main-menu {
    position: relative;
    padding-right: 0px;
}

.header-design-two .middle_header .main-menu {
    padding-right: 35px;
}

.header-design-two .main-menu .navigation > li {
    margin-right: 15px;
}

.header-design-two .main-menu .navigation > li > a {
    padding: 30px 19px;
}

.header-design-two .main-menu .navigation > li > a {
    color: #222;
    font-weight: 500;
}

.header-design-two .header_searchbox {
    position: absolute;
    top: 27px;
    left: 100%;
    z-index: 99999999;
}

.header-design-two .header_searchbox .search_icon {
    padding: 0;
    text-align: center;
    width: 40px;
    border-radius: 100%;
    height: 40px;
    line-height: 40px;
}

.transparent-middle .fluid-container {
    position: relative;
    padding: 0;
}

.transparent-middle.header-design-two .middle_header {
    padding: 0px 31px;
    position: absolute;
    width: 100%;
}

.transparent-middle .top_header {
    background: #222;
}


/* Header style 3*/

.header-design-three .middle_header {
    position: relative;
    padding: 10px 0px;
    background: #ffffff;
    background-repeat: repeat-x;
    height: 68px;
}

.header-design-three .middle_header .middle-info ,.header-design-three .lower_header .header_search{
    display:none;
}

.header-design-three .lower_header {
    background: #04695e;
}

.header-design-three .main-menu .navigation > li:hover > a,
.header-design-three .main-menu .navigation > li.current > a,
.header-design-three .main-menu .navigation > li.current-menu-item > a {
    color: #AD9E85;
    opacity: 1;
}

.header-design-three .header_searchbox li {
    margin-top: 12px;
}

.header-design-three .header_searchbox .search_drop {
    display: block !important;
    position: relative;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent;
    box-shadow: none;
    height: 48px !important;
}

.header-design-three .header_searchbox .search_icon {
    display: none;
}

.header-design-three .header_searchbox .search_drop button {
    background-color: #AD9E85;
    border-color: #AD9E85;
}

.header-design-three .middle-info .icon-holder {
    border: 1px dashed #333;
    border-radius: 100%;
    color: #333;
}


/* sticky menu */

.sticky-navbar {
    position: fixed;
    opacity: 0;
    visibility: hidden;
    left: 0px;
    top: 0px;
    width: 100%;
    padding: 0px 0px;
    background: #ffffff;
    z-index: 0;
    border-bottom: 1px solid #cccccc;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}

.sticky-navbar .logo {
    padding: 6px 0px 2px;
    float: left;
}

.fixed-navbar .sticky-navbar {
    z-index: 999;
    opacity: 1;
    visibility: visible;
    -ms-animation-name: fadeInDown;
    -moz-animation-name: fadeInDown;
    -op-animation-name: fadeInDown;
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
    -ms-animation-duration: 500ms;
    -moz-animation-duration: 500ms;
    -op-animation-duration: 500ms;
    -webkit-animation-duration: 500ms;
    animation-duration: 500ms;
    -ms-animation-timing-function: linear;
    -moz-animation-timing-function: linear;
    -op-animation-timing-function: linear;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -ms-animation-iteration-count: 1;
    -moz-animation-iteration-count: 1;
    -op-animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}

.sticky-navbar .main-menu .navigation > li > a {
    color: #414141;
    padding: 15px 15px;

}

.sticky-navbar .main-menu .navigation > li {
    margin-right: 0px;
}

.sticky-navbar .main-menu .navigation > li:hover > a,
.sticky-navbar .main-menu .navigation > li.current > a,
.sticky-navbar .main-menu .navigation > li.current-menu-item > a {
    color: #AD9E85;
    opacity: 1;
}


/*------ Home -------------------------------------------------*/
.hero-wrap {
  float: left;
  width: 100%;
  height: 500px;
  position: relative;
  overflow: hidden;
  z-index: 2;
  text-align: center; }

.hero-wrap .overlay {
  z-index: 2; }

.hero-wrap-item {
  float: left;
  width: 100%;
  position: relative;
  z-index: 12; }

.nFound-page-wrap {
  top: 36%; }

.hero-wrap-item h2 {
  color: #fff;
  font-size: 38px;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 2px;
  font-family: 'Muli', sans-serif;
  padding-bottom: 10px;
  position: relative;
  z-index: 12; }

.hero-wrap-item h3, .hero-wrap-item h3 a {
  color: #fff;
  font-size: 18px;
  text-transform: uppercase;
  font-weight: 200;
  letter-spacing: 18px;
  padding-left: 6px; }

.hero-wrap-item h3 a {
  letter-spacing: 2px;
  font-size: inherit; }

.nFound-Page {
  display: inline-table;
  font-size: 150px;
  text-transform: uppercase;
  color: #fff; }


.hero-link {
  margin-top: 30px;
  display: inline-table;
  padding: 10px 6px;
  color: #fff;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff; }

.hero-link:focus,
.hero-link:hover {
  color: rgba(255, 255, 255, 0.51);
  text-decoration: none; }

article {
  float: left;
  margin-top: 10px;
  width: 100%;
  position: relative; }


/*------ Sara password page  ------------------------------------------------*/
.pass-text-wrapp{
    text-align:center;
    color: white;
    background: red;
    font-size: 18px;
}
.passpost-input{
    border-radius: 10px;
    padding: 0 10px;
    text-align: center;
}
.passpost-submit-wrapp{
    margin-top:10px;
}
/*------ Sara services  ------------------------------------------------*/

.wpb_single_image .vc_figure{
    position:relative;
}
.service-box .vc_figure :after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 30%, rgb(0, 0, 0) 100%);
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.3);
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -ms-transition: all 0.3s;
}

.service-box .vc_figure:hover::after {
    opacity: 0;
    visibility: hidden;
}

.service-box .vc_figure:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    transition: all 900ms ease;
    -moz-transition: all 900ms ease;
    -webkit-transition: all 900ms ease;
    -ms-transition: all 900ms ease;
    -o-transition: all 900ms ease;
    background: rgb(0 3 47 / 40%);
    -webkit-transition: -webkit-transform 0.5s ease;
    transition: -webkit-transform 0.4s ease;
    transition: transform 0.5s ease;
    transition: transform 0.5s ease, -webkit-transform 0.5s ease;
    -webkit-transform: scale(0, 1);
    -ms-transform: scale(0, 1);
    transform: scale(0, 1);
    -webkit-transform-origin: right center;
    -ms-transform-origin: right center;
    transform-origin: right center
}

.service-box .vc_figure:hover::before {
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
    -webkit-transform-origin: left center;
    -ms-transform-origin: left center;
    transform-origin: left center;
}

.service-content {
    position: absolute;
    bottom: 25px;
    right: 29px;
    left: 29px;
    color: white;
    text-align: right;
}

.service-content h4{

    color:#e6c655;
    font-weight:400;
}

.service-banner{
    
    -webkit-clip-path: polygon(20% 0%, 80% 0%, 100% 0, 100% 80%, 28% 100%, 14% 100%, 0% 80%, 0 0);
clip-path: polygon(20% 0%, 80% 0%, 100% 0, 100% 80%, 28% 100%, 14% 100%, 0% 80%, 0 0);
}

/*.service-content p{
    line-height:26px;
}*/

/***

====================================================================
    service Detail
====================================================================

***/

.servicetoplink {
    margin-bottom: 65px;
    /* border: 1px solid #eee; */
    /* background: #f5f5f5; */
    position: relative;
}

.servicetoplink::before {
    content: '';
    height: 2px;
    background: #AD9E85;
    width: 150%;
    display: block;
    position: absolute;
    top: 50%;
    left: -25%;
}

.servicetoplink::after {
    clear: both;
    display: table;
    content: '';
}

.servicetoplink li {
    float: left;
    /* margin: 10px; */
    width: 16.66%;
}

.servicetoplink li:nth-child(2n) {
    margin-top: 49px;
}

.servicetoplink li a {
    display: block;
    background: #f5f5f5;
    /* height: 80px; */
    color: #222;
    padding: 10px 14px;
    /* width: 16.66%; */
    text-align: center;
    transition: all .5s ease;

}

.servicetoplink li.current a,
.servicetoplink li a:hover {
    background: #AD9E85;
    color: #fff;
}


/***
====================================================================
 Pagination
====================================================================

***/

.pagination-show {
    position: relative;
    margin-top: 50px;
    margin-bottom: 40px;
}

.pagination-show li {
    position: relative;
    display: inline-block;
    margin: 0px 5px 7px 0px;
}

.pagination-show li a {
    position: relative;
    display: block;
    line-height: 20px;
    padding: 10px 5px;
    font-size: 14px;
    text-transform: capitalize;
    min-width: 42px;
    border: 1px solid #e0e0e0;
    background: #414143;
    color: #111111;
    font-weight: 500;
    text-align: center;
    border-radius: 2px;
    transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    color: #fff;
}

.pagination-show li a.next {
    font-size: 16px;
}

.pagination-show li a:hover,
.pagination-show li a.active {
    background: #AD9E85;
    border-color: #AD9E85;
    color: #fff;
}

.pagination-show li span {
    position: relative;
    display: block;
    line-height: 20px;
    padding: 10px 5px;
    font-size: 14px;
    text-transform: capitalize;
    min-width: 42px;
    border: 1px solid #e0e0e0;
    background: #151515;
    color: #111111;
    font-weight: 500;
    text-align: center;
    border-radius: 2px;
    transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    color: #fff;
}
.pagination-show li span {
    background: #AD9E85;
    border-color: #AD9E85;
    color: #fff;
}


.pagination-blog {
  margin-top: 20px;
  text-align: center;
  float: left;
  width: 100%;
  margin: 15px 0; }

.pagination-blog ul {
  float: left;
  margin: 20px 0 30px; }

.pagination-blog span,
.pagination-blog a {
  float: left;
  padding: 12px 18px;
  position: relative;
  font-size: 13px;
  color: #666;
  letter-spacing: 1px;
  margin-right: 6px;
  position: relative; }

.pagination-blog span.current-page,
.pagination-blog a.current-page, .pagination-blog a:hover {
  color: #ccc; }

.pagination-blog a:hover, .pagination-blog a:focus {
  text-decoration: none; }


.prevposts-link, .nextposts-link {
  position: relative;
  padding: 0;
  width: 50px;
  height: 40px;
  padding: 0 10px; }

.prevposts-link:before, .nextposts-link:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 1px;
  background: #000;
  -webkit-transition: all 200ms linear;
  -o-transition: all 200ms linear;
  transition: all 200ms linear; }

.prevposts-link:hover:before, .nextposts-link:hover:before {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg); }


/***

====================================================================
    About us section new theme
====================================================================

***/


.about-us .about-img img {
    float: right;
    max-width: none;
}

.about-us .about-info {
    background: #d2d3d5e0;
    margin: 120px 0px 120px -100px!important;
    padding: 40px;
    z-index: 2;
}

.about-us .about-info .sec-title h2 {
    margin-bottom: 15px;
    color: #AD9E85;
}
.about-us .about-info .sec-title h2 span {
    color: #AD9E85;
}

.about-us .about-info p {
    color: #000;
}

.about-us .about-info .yearsexp {
    color: #fff;
}

.user-img {
    margin: 0  0 0 20px;
    max-width: 80px;
    height: auto;
}

.user-img img {
    width: 100%;
    height: 100%;
    -ms-border-radius: 50%;
    border-radius: 50%;
}

 

.user-info img {
    margin-top: 2px;
}


.about-info .yearsexp {
    float: left;
    text-align: right;
    /*margin-top: 40px;*/
}

.about-info .yearsexp strong {
    display: block;
    text-transform: uppercase;
    margin-bottom: 15px;
}


.aboutus-2 .aboutimg {
    position: relative;

}

.aboutus-2 .aboutimg::after {
    width: 100%;
    border: 20px solid #eee;
    content: '';
    height: 100%;
    display: block;
    position: absolute;
    top: 0;

    z-index: -1;
}

.aboutus-2 .aboutimg img {
    width: 100%;
}

.aboutus-2 .overlayimg {
    max-width: 250px;
    margin-top: -140px;
    float: right;
    position: relative;
    background: #fff;
    border-top: 15px solid #fff;
    border-left: 15px solid #fff;
}

.aboutus-2 .aboutinfo {
    padding-right: 55px;
}

.aboutus-2 .aboutinfo .hinttag {
    margin-top: -10px;
    font-size: 22px;
    color: #AD9E85;
}
.aboutus-2 .aboutinfo .mvslinks {
    margin-top: 30px;
}
.aboutus-2 .aboutinfo .mvslinks li {
    display: inline-block;
    margin-right: 10px;
    margin-top: 15px;
}

.aboutus-2 .aboutinfo .mvslinks li a {
    color: #333;
    padding: 5px 15px;
    background: #f5f5f5;
    font-size: 15px;
}

.aboutus-2 .aboutinfo .mvslinks li a span {
    font-size: 34px;
    padding-right: 10px;
}

.aboutus-2 .owl-theme .owl-controls .owl-nav [class*="owl-"] {
    background: #222;
    border: 1px solid #ccc;
    color: #999;
    width: 35px;
    font-size: 24px;
}



.aboutus-2 .aboutinfo .yearsexp strong {
    font-size: 56px;
    display: block;
    text-transform: uppercase;
    margin-bottom: 20px;
    color: #ddd;
}

.aboutus-2 .aboutinfo .yearsexp .text-black {
    color: #aaa;
    font-size: 24px;
}
/***
====================================================================
            Partner Section
====================================================================
***/

.partners-grid{
    padding:0 15px 0 15px;
}
.partners-grid .partner-wrp {
    transition:transform .2s ease-out;
    text-align: center;
    background: #f5f3fe75;
    margin-bottom: 60px;
    padding: 18px 0px 34px;
    -webkit-box-shadow: 0 15px 30px -10px rgb(216 216 216 / 30%);
    box-shadow: 0px 15px 30px -10px rgb(13 13 12 / 30%);
}
.partners-grid .partner-wrp:hover{
    transform: translateY(-10px);
}
.partners-grid .partner-icon img {
    border-radius:50%;
    width: 100%;
    height:100%;
}
.partners-grid .partner-icon {
    overflow:hidden;
    width: 100px;
    height: auto;
    border-radius: 100%;
    border: 1px dashed #999;
    color: #333;
    text-align: center;
    display: inline-block;
    margin-bottom: 20px;
    transition: all .5s ease;
}

.partners-grid .partner-wrp:hover .partner-icon {
    background: #eaebf4;
    color: #fff;
/*    border-style: solid;
    border-color: #AD9E85;*/
}

.partners-grid .partner-wrp h3 a{

    margin: 5px 0 15px;
    color: #222;
}

.partners-grid .partner-wrp h2 a {
    color: #222;
}
/*------ New Theme services Frn Int ------------------------------------------------*/

.service-style2 {

    position: relative;
    z-index: 6;
}


.service-style2-frame::before {
    content: "";
    /*background: #034b4369;*/
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    width: 100%;
}
.service-style2 .service-box {
    position: relative;
    box-shadow: 0 0 20px rgb(0 0 0 / 15%);
    transition: transform .5s ease;
    -moz-transition: transform .5s ease;
    -webkit-transition: transform .5s ease;

}
.service-style2 .serve-item:hover .service-box {
    transform: translateY(-28px);

}

.service-style2 .service-box .serv-img {
    position: relative;
    overflow: hidden;
}

.service-style2 .service-box .serv-img .mask {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.5);
    transition: all .5s ease;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    transform: scale(0, 0);
}

.service-style2 .service-box .serv-img .mask i {
    position: absolute;
    top: 50%;
    left: 50%;
    /* color: #fff; */
    font-size: 30px;
    transform: translate(-50%, -50%);
    color: #fff;
}

.service-style2 .service-box:hover .mask {
    transform: scale(1, 1);
}

.service-style2 .service-box .serv-img img {
    width: 100%;
    transition: all .5s ease;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
}

.service-style2 .service-box:hover img {
    transform: scale(1.1, 1.1);
}

.service-style2 .serv-info {
    padding: 20px 20px 10px 20px;
    position: relative;
    border: 1px dashed #999;
    border-top: 0;
}

.service-style2 .icon-box {
    font-size: 54px;
    position: absolute;
    left: 30px;
    top: 27px;
    line-height: 54px;
    color: #AD9E85;
}

.service-style2 .service-box .serv-info h3 {
    margin-top: 0;
    margin-bottom: 5px;
}

.service-style3::before {
    content: '';
    width: 300px;
    height: 300px;
    background: #AD9E85;
    display: block;
    transform: skew(30deg);
    position: absolute;
    left: -150px;
    top: 0;
}

.service-style3::after {
    content: '';
    width: 300px;
    height: 300px;
    background: #AD9E85;
    display: block;
    transform: skew(30deg);
    position: absolute;
    right: -150px;
    bottom: 0px;
    z-index: -1;
}

.service-style3 {
    padding: 100px 0 70px;
    /*background: url(assets/images/bg/dintpat.png) repeat 0 0;*/
    position: relative;
    z-index: 1;
}

.service-style3 .welpara {
    font-size: 20px;
    color: #222;
    max-width: 800px;
    margin: 0 auto;
    line-height: 40px;
    margin-bottom: 35px;
}

.service-style3 .service-wrp {
    margin-bottom: 30px;
    overflow: hidden;
}

.service-style3 .service-box {
    overflow: hidden;
    background: #fff;
    position: relative;
}

.service-style3 .service-box img {
    width: 100%;
    transform: scale(1);
    height:auto;
}

.service-style3 .service_title {
    padding: 30px 30px 20px;
    position: relative;
    border: 5px solid #eee;
    border-top: 0;
    margin-top: 0px;
    background: #ffff;
}

.service-style3 .service_title h3 {
    font-size: 21px;
    margin: 0 0 10px;
    color: #222;
}

.service-style3 .service-info {
    background: #04695ee3;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    padding: 20px 35px 20px;
    text-align: center;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
    visibility: hidden;
    opacity: 0;
    display: block;
}
.service-style3 .service-info p{
    padding:0 15%;
    text-align: center;
}
.service-style3 .service-info > a {
    display: block;
    width: 450px;
    vertical-align: middle;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    left: 50%;
    padding: 20px;
}

.service-style3 .service-box:hover .service-info {
    visibility: visible;
    opacity: 1;
}

.service-style3 .service-info h4 {
    color: #ad9e85;
    font-size: 22px;
    margin-top: 0px;
    margin-bottom: 20px;
}

.service-style3 .service-info p {
    color: #fff;
}

.service-style3 .service-box::before {
    position: absolute;
    top: 10px;
    left: 10px;
    content: '';
    z-index: 9;
    content: "";
    height: 0px;
    position: absolute;
    width: 0px;
    border-left: 1px solid #bf8316;
    border-top: 1px solid #bf8316;
    visibility: hidden;
    -webkit-transition: 0.6s ease-in-out;
    -moz-transition: 0.6s ease-in-out;
    -o-transition: 0.6s ease-in-out;
    transition: 0.6s ease-in-out;
}

.service-style3 .service-box::after {
    position: absolute;
    top: 10px;
    right: 10px;
    content: '';
    z-index: 9;
    content: "";
    height: 0px;
    position: absolute;
    width: 0px;
    border-top: 1px solid #ad9e85;
    border-right: 1px solid #ad9e85;
    visibility: hidden;
    -webkit-transition: 0.6s ease-in-out;
    -moz-transition: 0.6s ease-in-out;
    -o-transition: 0.6s ease-in-out;
    transition: 0.6s ease-in-out;
}

.service-style3 .service-info::before {
    position: absolute;
    bottom: 10px;
    left: 10px;
    content: '';
    z-index: 9;
    content: "";
    height: 0px;
    position: absolute;
    width: 0px;
    border-left: 1px solid #ad9e85;
    border-bottom: 1px solid #ad9e85;
    visibility: hidden;
    -webkit-transition: 0.6s ease-in-out;
    -moz-transition: 0.6s ease-in-out;
    -o-transition: 0.6s ease-in-out;
    transition: 0.6s ease-in-out;
}

.service-style3 .service-info::after {
    position: absolute;
    bottom: 10px;
    right: 10px;
    content: '';
    z-index: 9;
    content: "";
    height: 0px;
    position: absolute;
    width: 0px;
    border-bottom: 1px solid #bf8316;
    border-right: 1px solid #bf8316;
    visibility: hidden;
    -webkit-transition: 0.6s ease-in-out;
    -moz-transition: 0.6s ease-in-out;
    -o-transition: 0.6s ease-in-out;
    transition: 0.6s ease-in-out;
}

.service-style3 .service-wrp:hover .service-box::after,
.service-style3 .service-wrp:hover .service-box::before,
.service-style3 .service-wrp:hover .service-info::after,
.service-style3 .service-wrp:hover .service-info::before {
    visibility: visible;
    transition: all 0.4s ease 0s;
    width: 60px;
    height: 60px;
}
.serve-item {
  float: left;
  position: relative;
  padding: 30px 20px 10px 0;
   }

.service-one-cols.serve-item {
  width: 100%; }

.service-two-cols.serve-item {
  width: 50%; }

.service-three-cols.serve-item {
  width: 33.333%; }

.service-four-cols.serve-item {
  width: 25%; }

.service-six-cols.serve-item {
  width: 16.666%; }


/*------ Monolit services  ------------------------------------------------*/
.services-holder {
  float: left;
  width: 100%;
  position: relative;
  margin-top: 60px;
  padding-bottom: 40px;
  border-bottom: 1px solid #eee; }

.serv-item {
  float: left;
  width: 50%;
  position: relative;
  padding: 10px 20px 10px 0;
  overflow: hidden;
  text-align: center; }

.service-one-cols .serv-item {
  width: 100%; }

.service-two-cols .serv-item {
  width: 50%; }

.service-three-cols .serv-item {
  width: 33.333%; }

.service-four-cols .serv-item {
  width: 25%; }

.service-six-cols .serv-item {
  width: 16.666%; }

.serv-item img {
  position: relative;
  max-width: 100%;
  width: 100%;
  height: auto; }

.serv-item-inner {
  float: left;
  width: 100%;
  position: relative;
  overflow: hidden; }

.serv-item-inner:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.21);
  z-index: 2; }

.act-ser .serv-item-inner:before {
  background: rgba(0, 0, 0, 0.41); }

.ser-title {
  position: absolute;
  bottom: 20px;
  z-index: 3;
  width: 100%;
  left: 0; }

.act-ser .ser-title {
  bottom: 50px; }

.ser-title h3 {
  color: #fff;
  font-size: 18px;
  font-weight: 400;
  text-transform: uppercase;
  position: relative;
  display: inline-table; }

.ser-title h3:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 2px;
  background: #fff;
  top: -6px;
  left: 0;
  background: #fff; }

.act-ser .ser-title h3:before {
  width: 0; }

.serv-post {
  float: left;
  width: 100%;
  position: relative;
  margin-top: 30px; }

.serv-details {
  float: left;
  width: 100%;
  position: relative;
  display: none;
  text-align: left; }

.serv-details h3 {
  font-size: 15px;
  text-transform: uppercase;
  font-family: 'Muli', sans-serif;
  font-weight: 600;
  padding-bottom: 10px; }

.ser-list {
  list-style: circle;
  float: left;
  width: 100%;
  padding: 10px 0 10px 14px; }

.ser-list li {
  width: 100%;
  float: left;
  margin-bottom: 4px;
  font-family: 'Muli', sans-serif;
  color: #000;
  padding-left: 10px;
  font-weight: 800;
  font-size: 11px; }

.price {
  float: left;
  margin-top: 10px;
  padding: 10px 14px;
  border: 2px solid #000;
  font-weight: 800;
  text-transform: uppercase;
  font-size: 10px; }

.serv-item:hover img {
  -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
      transform: scale(1.05); }

/*------ Porfolio  ------------------------------------------------*/

.gallery-items {
  float: left;
  width: 100%;
  background: #fff;
  position: relative; }

.gallery-items a {
  cursor: pointer; }

.grid-item-holder {
  float: left;
  width: 100%;
  height: auto;
  position: relative;
  padding: 2px; }

.grid-big-pad .grid-item-holder {
  padding: 4px; }

.grid-none-pad .grid-item-holder {
  padding: 0px; }

.gallery-item, .grid-sizer {
  width: 25%;
  position: relative;
  overflow: hidden;
  float: left; }

.gallery-item-second,
.grid-sizer-second {
  width: 50%; }

.gallery-item-three,
.grid-sizer-three {
  width: 75%; }

.one-columns .gallery-item, .one-columns .grid-sizer,
.one-columns .gallery-item-second,
.one-columns .grid-sizer-second,
.one-columns .gallery-item-three,
.one-columns .grid-sizer-three {
  width: 100%; }

.two-columns .gallery-item, .two-columns .grid-sizer,
.two-columns .gallery-item-second,
.two-columns .grid-sizer-second,
.two-columns .gallery-item-three,
.two-columns .grid-sizer-three {
  width: 50%; }

.three-columns .gallery-item, .three-columns .grid-sizer {
  width: 33.333%; }

.three-columns .gallery-item-second,
.three-columns .grid-sizer-second {
  width: 66.666%; }

.three-columns .gallery-item-three,
.three-columns .grid-sizer-three {
  width: 100%; }

.five-columns .gallery-item, .five-columns .grid-sizer {
  width: 20%; }

.five-columns .gallery-item-second,
.five-columns.grid-sizer-second {
  width: 40%; }

.five-columns .gallery-item-three,
.five-columns.grid-sizer-three {
  width: 60%; }

.gallery-item img, .grid-sizer img {
  width: 100%;
  height: auto;
  position: relative;
  z-index: 2; }

.four-coulms .gallery-item, .four-coulms .grid-sizer {
  width: 25%; }

.three-coulms .gallery-item, .three-coulms .grid-sizer {
  width: 33.333%; }

.three-coulms .gallery-item-second {
  width: 66.666%; }

.port-desc-holder {
  position: absolute;
  top: 0;
  bottom: 0;
  left: -100%;
 width:100%;
  opacity: 1;
  z-index: 22;
  overflow: hidden;
  -webkit-transition: all 300ms linear;
  -o-transition: all 300ms linear;
  transition: all 300ms linear;

  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(11, 38, 78, 0.75)));

  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(11, 38, 78, 0.75) 100%);

  background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(11, 38, 78, 0.75) 100%);

  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(11, 38, 78, 0.75)));
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(11, 38, 78, 0.75) 100%);

  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );
  /* IE6-9 */


}


.disopa .port-desc-holder:before {
  display: none; }


.gallery-item .port-desc-holder:before {
/*  right: 3px;
  bottom: 3px; */
}

.port-desc {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 5; }

.portfolio_item:hover .port-desc-holder,
.gallery-item:hover .port-desc-holder {
 left:0;

}

.port-desc-holder .grid-item h3:hover {
  opacity: 0.8; }

.grid-item {
  float: left;
  width: 100%;
  padding: 30px;
  overflow: hidden; }

.grid-item h3 {

  text-transform: uppercase;
  position: relative;
  float: left;
  width: 100%;
  color: #fff;
  letter-spacing: 1px;
  z-index: 20; }

.grid-item h3 a {
  color: #fff; }

.grid-item h3 a:hover {
  text-decoration: none; }

.grid-item h3 a strong {
  font-weight: normal; }

.grid-item span {
  width: 100%;
  float: left;
  font-size: 10px;
  margin-top: 10px;
  color: #fff;
  position: relative;
  text-align: left;
  text-transform: uppercase; }

.grid-item span a {
  color: #fff; }

.grid-item h3, .grid-item span {
  opacity: 0; }

.inline-filter {
  float: left;
  width: 100%;
  position: relative;
  padding-bottom: 50px; }


.portfolios_masonry-element {
    max-width: 1300px;
    margin: 0 auto;
    background: #fff;
    
}


.gallery-filters a:hover, .gallery-filters a:focus {
  text-decoration: none; }

.gallery-filter.gallery-filter-active{
        background: #AD9E85;
}
.hid-filter a.gallery-filter_active {
  color: #fff; }

.no-bg {
  background: none !important; }


.grid-item-holder:hover .grid-item h3, .grid-item-holder:hover .grid-item span, .port-desc-holder:hover .grid-item span, .port-desc-holder:hover .grid-item h3, .horizontal_item:hover .grid-item span, .horizontal_item:hover .grid-item h3 {
  opacity: 1; }

.portfolio_item:hover .grid-item span {
  opacity: 0.7; }

.st-3 .grid-item-holder a img, .gallery-item img, .grid-sizer img, .grid-item h3, .grid-item span, .ser-title h3:before, .ser-title {
  -webkit-transition: all 300ms linear;
  -o-transition: all 300ms linear;
  transition: all 300ms linear; }

.box-gal .col-md-6 {
  padding-bottom: 25px;
  cursor: pointer; }

.full-screen-gallery-holder {
  position: relative;
  width: 100%;
  float: left; }

.full-screen-item {
  position: relative; }


.customNavigation a {
  position: absolute;
  top: 50%;
  margin-top: -20px;
  width: 40px;
  height: 40px;
  line-height: 40px;
  background: rgba(0, 0, 0, 0.31);
  text-align: center;
  cursor: pointer;
  color: #fff;
  font-size: 13px;
  opacity: 1;
  -webkit-transition: all 200ms linear;
  -o-transition: all 200ms linear;
  transition: all 200ms linear;
  z-index: 20; }

.customNavigation a.next-slide {
  right: 50px; }

.customNavigation a.prev-slide {
  left: 50px; }

.customNavigation.ssn a.next-slide {
  right: 10px; }

.customNavigation.ssn a.prev-slide {
  left: 10px; }

.customNavigation a:hover {
  opacity: 1; }

.customNavigation a i {
  -webkit-transition: all 500ms linear;
  -o-transition: all 500ms linear;
  transition: all 500ms linear; }

.customNavigation a:hover i {
  -webkit-transform: rotateX(360deg);
  -ms-transform: rotateX(360deg);
  transform: rotateX(360deg); }
.slider-zoom {
  position: absolute;
  top: 6px;
  right: 6px;
  z-index: 10;
  width: 35px;
  height: 35px;
  color: #fff;
  background: rgba(0, 0, 0, 0.11);
  cursor: pointer;
  line-height: 40px;
  font-size: 14px;
  text-align: center; }

.slider-zoom i, .slider-zoom:before, .slider-zoom:after, .slider-zoom, .herolink {
  -webkit-transition: all 200ms linear;
  -o-transition: all 200ms linear;
  transition: all 200ms linear; }

.slider-zoom:before, .slider-zoom:after {
  content: '';
  position: absolute;
  width: 10px;
  height: 10px;
  z-index: -1; }

.slider-zoom:before {
  top: 0;
  left: 0;
  border-left: 1px solid #fff;
  border-top: 1px solid #fff; }

.slider-zoom:after {
  bottom: 0;
  right: 0;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff; }

.slider-zoom:hover:before {
  top: -5px;
  left: -5px; }

.slider-zoom:hover:after {
  bottom: -5px;
  right: -5px; }

.slider-zoom:hover i {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg); }

.nicescroll-rails {
  height: 30px !important; }

.nicescroll-rails-hr:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: repeat-x center url(assets/images/bg-dec2.png); }

.nicescroll-cursors {
  top: 10px !important; }

.caption {
  float: left;
  position: relative;
  padding-left: 40px; }

.caption.cap-column {
  margin-left: 62px; }

.caption:before {
  content: "";
  position: absolute;
  top: 55%;
  left: -40px;
  width: 50px;
  height: 1px;
  background: #000; }

.caption h4 {
  float: left;
  text-transform: uppercase;
  letter-spacing: 2px;
  padding-bottom: 6px;
  font-size: 14px;
  width: 100%;
  text-align: left;
  color: #000;
  font-weight: 700;
  margin-top: 20px; }

.caption p {
  color: #999;
  text-transform: uppercase;
  font-size: 10px; }

.caption.fixed-caption {
  position: absolute;
  bottom: 150px;
  left: 150px;
  z-index: 40; }



.owl-thumbs {
  position: fixed;
  top: 60px;
  left: 0;
  bottom: 60px;
  width: 100%;
  z-index: 30;
  background: #fff;
  visibility: hidden;
  padding: 90px 200px 200px 200px;
  opacity: 0;
  overflow: auto;
  -webkit-transition: all 300ms linear;
  -o-transition: all 300ms linear;
  transition: all 300ms linear; }

.fhgal .owl-thumbs {
  bottom: 0; }

.fhgal {
  padding-left: 10px; }

.vis-thumbs {
  opacity: 1;
  visibility: visible; }

.owl-thumb-item {
  float: left;
  -webkit-transition: all 200ms linear;
  -o-transition: all 200ms linear;
  transition: all 200ms linear;
  border: none;
  background: none;
  opacity: 1;
  cursor: pointer;
  padding: 10px;
  position: relative;
  opacity: 0; }

.owl-thumb-item:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  -webkit-transition: all 500ms linear;
  -o-transition: all 500ms linear;
  transition: all 500ms linear;
  z-index: 2; }

.himask:before {
  width: 0; }

.owl-thumb-item.himask {
  opacity: 1; }

.owl-thumb-item.active {
  opacity: 0.3; }

.owl-thumb-item img {
  width: auto;
  height: 150px; }


.fl-l {
  float: left; }

.project-details {
  float: right;
  /*width: 100%;*/
  text-align: right;
  /*margin-top:85px;*/
  padding-top: 10px;
  margin-bottom: 20px;
  list-style: none;
  padding-left: 0px; }

.project-details li {
  float: left;
  width: 100%;
  margin-bottom: 10px;
  position: relative; }

.content-nav {
  float: left;
  width: 100%;
  padding: 40px 0 0;
  position: relative;
  margin-top: 40px;
  border-top: 1px solid #eee; }

.content-nav:before {
  content: '';
  position: absolute;
  top: -4px;
  right: 0;
  width: 8px;
  height: 8px;
  background: #000;
  border-radius: 100%; }

.content-nav ul {
  position: relative;
  left: 0;
  padding-left: 0px;
  list-style: none; }

.content-nav li {
  float: left;
  width: 50%; }

.content-nav li a:focus, .content-nav li a:hover {
  text-decoration: none; }



/***

====================================================================
    Scroll To Top style From Int
====================================================================

***/

.scroll-to-top {
    position: fixed;
    bottom: 15px;
    right: 15px;
    width: 40px;
    height: 40px;
    color: #ffffff;
    font-size: 13px;
    text-transform: uppercase;
    line-height: 38px;
    text-align: center;
    z-index: 100;
    cursor: pointer;
    border-radius: 50%;
    background: #1c1c1c;

    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}

.scroll-to-top:hover {
    color: #ffffff;
    background: #AD9E85;
}


/***

====================================================================
    Footer From Int
====================================================================

***/

.footer-other{
    margin-top:200px;
}

.footer {
    background: #111;
    padding: 100px 0 95px;

}
.footer.footer-color1::before {
    background: #120b04f2;
    width: 100%;
    height: 100%;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
}
.footer .title {
    color: #fff;
    border-bottom: 1px solid #333;
    padding-bottom: 15px;
    margin-bottom: 20px;
    font-size: 22px;
/*    font-style: italic;
    font-family: 'Roboto', sans-serif;*/
}

.footer .title::before {
    height: 2px;
    width: 40px;
    display: block;
    background: #AD9E85;
    content: '';
    position: absolute;
    bottom: -2px;
}

.footer .ftcontact {

    font-size: 15px;
    line-height: 1.8em;
}


.ftlogo img {
   max-width: 120px;
    position: absolute;
    transform: translate(50%, 0);
    right: -20%;
   
}

.ftlogo {
    display: block;
    margin-bottom: 30px;
}

.footer-box h3 {
    color: #fff;
    margin: 0;
}

.footer-box p {
    color: #ddd;
}

.quick-links li {
    margin-bottom: 4px;
}
.quick-links li a::before {
    position: absolute;
    content: "\f0e7";
    top: -4px;
    font-size: 12px;
    font-family: FontAwesome;
}

.quick-links li a {
    color: #ddd;
    position: relative;
    transition: all .5s ease;
}

.quick-links li a:hover {
    color: #AD9E85;
}

.gallery-widget .outer {
    position: relative;
    margin: 0px -4px 0;
}

.gallery-widget .widget-title {
    margin-bottom: 35px;
}

.gallery-widget .outer .image {
    position: relative;
    float: left;
    width: 33.3333%;
    padding: 0px 4px;
    margin-bottom: 10px;
}

.gallery-widget .image img {
    display: block;
    width: 100%;
    height:82px;
}

.gallery-widget .image a {
    position: relative;
    display: block;
}

.gallery-widget .image a:before {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: #000000 none scroll repeat padding-box content-box;
    padding: 5px;
    opacity: .80;
    content: "";
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.gallery-widget .image a:hover:before {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.gallery-widget .image a:after {
    position: absolute;
    height: 20px;
    width: 20px;
    left: 50%;
    top: 50%;
    margin-left: -10px;
    margin-top: -10px;
    content: "\f120";
    text-align: center;
    line-height: 20px;
    font-size: 18px;
    color: #ffffff;
    font-family: "Flaticon";
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.gallery-widget .image a:hover:after {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
.ftcontact .continfo {
    margin-bottom: 15px;
    color: #ddd;
    text-align:right;
}

.ftcontact .continfo a {
    color: #fff;
}

.ftcontact .continfo strong {
    color: #fff;
    font-size: 16px;
    display: block;
}

.ftcontact .continfo a {
    color: #fff;
}

.footer .social {
    margin-top: 30px;
        text-align:left;
        display: none;
}

.footer .social li {
    width: 35px;
    height: 35px;
    background: #AD9E85;
    display: inline-block;
    font-size: 16px;
    text-align: center;
    line-height: 35px;
    border-radius: 100%;
    margin: 0 3px;
    margin-bottom: 10px;
}

.footer .social li a {
    color: #fff;
}

.cprgt {
    font-family: 'Open Sans', sans-serif;
    margin-top: 40px;
    color: #ccc;
}


.footer-other {
    background:#AD9E85;
    
}

#footer-content{
    padding-top: 86px !important;
    padding-bottom: 50px !important;
    z-index: 99999;
}

#footer-pattern-r2 {
    display:none;
}


.footer-box p {
    color: #fff;
    font-size: calc(1.07em * var(--text-multiplier))!important;
}



.footer-box.footer-logo {
    padding-top: 20px;
    line-height: 1.9;
}

.footer-box.footer-logo:after {
    content: "";
    position: absolute;
    left: 101px;
    top: 30px;
    /* transform: translate(10px, 10px); */
    height: 120px;
    width: 3px;
    background: #04695e;
}

#footer-links:after{
    content: "";
    position: absolute;
    left: 160px;
    top: 30px;
    /* transform: translate(10px, 10px); */
    height: 120px;
    width: 3px;
    background: #04695e;
}

#footer-links a{

    color:#fff;
}

div#footer-links-content {
    padding-bottom: 30px !important;
    padding-top:32px;
}

div#footer-address {
    color: #ffff;
    font-size: 28px;
    
}




div#footer-pattern-r2 ,div#footer-pattern-r2-2n {
    position: absolute;
    
}

@media only screen and (min-width: 1512px) and (max-width: 1576px) {

    div#footer-pattern-r2{
        display:none;
    
}
div#footer-pattern-r2-2n {
top: -170px;
right:0;
}

}

@media only screen and (min-width: 1576px) and (max-width: 1896px){
    
     
    
     div#footer-pattern-r2-2n {
        display: block;
        position: absolute;
        top: -179px;
        
    }
    
      


div#footer-address {
    
   padding-right: 28px;
}

.footer-box.footer-logo {
   
    padding-left: 103px;
}
    
  #footer-address-content span{
    padding-right:39px!important;
}  
      #footer-links {
        padding-top: 10px;
        padding-right: 7px;
    }
    .ftlogo img {
    right: 16% !important;
    top: 35px;
}
.footer-box.footer-logo:after ,#footer-links:after {

    height:150px;
}
    
}
@media only screen and (max-width: 1896px) {


 .service-details-page-banner1{
        display:none;
    }
    
    .service-details-page-banner2{
        display:block;
    }
}
@media only screen and (min-width: 1896px) {
    .service-details-page-banner1{
        display:block;
    }
    
    .service-details-page-banner2{
        display:none;
    }
    
    .user-img {
    margin: 0px 0 0 60px;
   
}

.yearsexp {
    padding-right: 143px!important;
}

 #footer-address-content span{
    padding-right:39px!important;
} 

    .footer-box.footer-logo:after ,#footer-links:after{
        height:150px;
    }
    
    div#footer-pattern-r-2n{
        display:none;
    }
 div#footer-pattern-r2  {
        top: -251px;
        
    }
    
    div#footer-pattern-r2-2n {
        top: -216px;
        
    }
    
        #footer-links {
       
        padding-right: 46px;
    }
    
        .ftlogo img {
        right: 13% !important;
    }

.btn{
font-size:18px;    
}

}

@media only screen and (max-width: 1520px) {
    
    .service-details-page-banner1{
        display:none;
    }
    
    .service-details-page-banner2{
        display:block;
    }
 #footer-pattern-r2   ,#footer-pattern-r2-2n  ,#header-pattern{
        display:none;
    }
    
    .footer-other {
     margin-top: 0px; 
}
}





/**********blog******/
#wrap-sidebar{
    will-change: min-height;
}

.sidebar {
  float: left;
  width: 100%;
 position: relative;
transform: translate(0, 0);
transform: translate3d(0, 0, 0);
will-change: position, transform;
}
/**********************/

/************Home Recent Portfolio***********/
.project-wrap {
  float: left;
  width: 100%;
  position:relative;
  margin-top: 50px;
  overflow:hidden;
}

.project-thumbs{
    float:left;
    margin-top:20px;
    margin-left:-2.5%;
    width:102.5%
}

.project-thumb-item{
    margin-left:2.5%;
    width:17.5%;
    position: relative;
    float:left;
}
/*------  Responsive ------------------------------------------------------*/
@media (min-width: 1700px) {
    .container{
 width:1460px;
    }
    .textclip h1{
      font-size: calc(2.2em * var(--text-multiplier));

    }
}

@media (max-width: 1279px) {
    .nav-links-single .nav-links a {
        min-height: 80px;
    }
    .nav-links-single .nav-links .nav-previous a {
        padding-left: 100px;
    }
    .nav-links-single .nav-links .nav-next a {
        padding-right: 100px;
    }
    .nav-links-single .nav-links a .nav-arrow {
        width: 80px;
        height: 80px;
        line-height: 80px;
    }
}
@media only screen and (max-width: 768px) and (min-width: 450px) {

    .tpr-text-inner{
        width:500px!important;
    }
}
@media only screen and (max-width: 450px) {
    .tpr-btn{
    margin-top:70px!important;
}
    .tpr-text-inner{
        width:350px!important;
        top:30%;
    }
}

@media only screen and (min-width: 1280px) {
    .hide-on-lg{
        display:none;
    }
}
@media only screen and (max-width: 768px) {
    #afra-banner-info {
        margin-right: -7%;
     padding: 0px!important;
    margin-top: 460px;
    }
    
     .main-menu {
     right:0!important;   
    }
    
    #footer-address,#footer-links ,.footer-box.footer-logo:after{
    display:none;
}
#footer-col3> div:nth-of-type(1) {
    padding-left:30px!important;
    padding-right:30px!important;
}
#footer-content{
    padding-top:0!important;
}
.footer-box.footer-logo {
    padding-right: 0px!important;
}

.footer-box.footer-logo p {
    text-align:center;
}
.ftlogo img {
    top: -30px;
    position: relative;
    transform:unset;
    right:unset!important;
}
.footer-box h3 {
    margin: 10px;
    text-align: center;
}
    
    
    
    #ft-col1,#ft-col2,#ft-col3{
        display: none;
    }
    #ft-col4{
       text-align:center;
    }
    #ft-col4 p {
    text-align: center;
    padding: 15px 0;
    }
    .ftlogo {

    margin-bottom: 50px;
    }
    .rev_slider_wrapper .zeus.tparrows {
        display: none!important;
    }
    .textclip h1 {
        padding: 0 15px;
        font-size: calc(1.5em * var(--text-multiplier));
    }

    .sidebar {
    position: relative!important;
    transform: none!important;
    left:0!important;
}
    .nav-links-single .nav-links .nav-next a,
    .nav-links-single .nav-links .nav-previous a {
        padding: 0;
    }

    .nav-links-single .nav-links a {
        display: block;
    }
    .nav-links-single .nav-links a .nav-arrow {
        position: static;
        left: auto;
        top: auto;
        right: auto;
        display: inline-block;
        width: 90px;
        height: 90px;
        line-height: 90px;
        margin-bottom: 15px;
    }
    .nav-links-single .nav-links .post-title {
        font-size: 18px;
        line-height: 26px;
    }
 }

.admin-bar .is-fixed .main-bar {
  top: 32px; }

@media screen and (max-width: 782px) {
  .admin-bar .is-fixed .main-bar {
    top: 0; } }



@media only screen and (max-width: 1036px) {
    .portfolio-list-item {
    margin-bottom: 40px;
    }
  .gallery-item, .grid-sizer {
    width: 50% !important; }
  .gallery-item-second, .grid-sizer-second, .gallery-item-three, .grid-sizer-three {
    width: 50% !important; }
  .one-columns .gallery-item, .one-columns .grid-sizer,
  .two-columns .gallery-item, .two-columns .grid-sizer,
  .one-columns .gallery-item-second, .one-columns .grid-sizer-second,
  .two-columns .gallery-item-second, .two-columns .grid-sizer-second,
  .one-columns .gallery-item-three, .one-columns .grid-sizer-three,
  .two-columns .gallery-item-three, .two-columns .grid-sizer-three {
    width: 100% !important; }
  .colum-w {
    padding-top: 0 !important; }
  .custom-inner-holder .col-md-6 h3 {
    float: left;
    width: 100%;
    padding-bottom: 15px;
    text-align: left; }
  .footer-item {
    margin-bottom: 15px; }

  .sidebar {
    padding-left: 0; }

  .sb-inner {
    opacity: 1;
    visibility: visible; }
  .sidebar-wrap {
    float: left;
    width: 100%;
    position: relative;
    padding: 50px 0;
    margin-bottom: 0; }
  .ogm {
    height: auto !important;
    padding: 0 6px;
    background: #fff; }
  .ogm .customNavigation {
    display: none; }
  .gallery_horizontal {
    padding-top: 6px; }
  .gallery_horizontal.owl-carousel {
    display: block; }
  .flow-gallery .horizontal_item {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
        transform: scale(1); }

  .parallax-section {
    padding: 210px 0 150px; }
  .parallax-inner .bg {
    height: 100%;
    top: 0; }
  .smp {
    padding-left: 6px;
    padding-right: 6px; }
  .service-six-cols .serv-item {
    width: 33.33%; }
 }

@media only screen and (max-width: 800px) {
    
.slider-zoom {
    top:12px;
    right:14px;
}
}
@media only screen and (max-width: 768px) {
    
    

    .footer-box.footer-logo{
      margin-top: 65px;
    }
    
   .table{

   width:400%!important;
   max-width: unset!important;

   }

  .port-desc-holder:before {
    top: 0;
    left: 3px;
    right: 5px;
    bottom: 3px; }

  .gallery-filters a {
    width: 100%;
    text-align: left;
    padding-bottom: 10px; }

  .mob-pa {
    padding: 0 5px 60px; }

  .gallery-item,
  .gallery-item-second,
  .gallery-item-three {
    width: 100% !important;
    left: 0 !important; }
  .smp {
    padding-left: 6px;
    padding-right: 6px; }

.service-one-cols.serve-item ,
.service-two-cols.serve-item ,
.service-three-cols.serve-item ,
.service-four-cols.serve-item ,
.service-six-cols.serve-item {
  width: 100%;
  padding: 10px 20px 10px 20px;
}

  .service-one-cols .serv-item {
    width: 100%; }
  .service-two-cols .serv-item,
  .service-three-cols .serv-item,
  .service-four-cols .serv-item,
  .service-six-cols .serv-item, .serv-item {
    width: 50%; }
  .portfolio-horizontal_boxed,

  .grid-small-pad .grid-item-holder, .grid-big-pad .grid-item-holder {
    padding: 3px  0 !important; }
  /*.grid-none-pad  .grid-item-holder {padding:0 !important;}*/
  .scroll-page-nav {
    width: 30px; }

 }

@media only screen and (max-width: 640px) {
  .num {
    font-size: 62px; }
  .page-title h1,
  .page-title h2 {
    font-size: 40px; }
  .section-title {
    font-size: 30px; }
  .team-holder li {
    float: left;
    width: 100%;
    padding: 20px 0; }
  .team-box-holder {
    padding: 20px 0px; }
  .fixed-filter a {
    width: auto !important; }
  .gallery-filters a:before {
    height: 1px;
    width: 0; }
  .gallery-filters a.gallery-filter-active:before {
    width: 40px; }
  .smp {
    padding-left: 6px;
    padding-right: 6px; }
  /*.service-one-cols .serv-item,*/
  .service-two-cols .serv-item,
  .service-three-cols .serv-item,
  .service-four-cols .serv-item,
  .service-six-cols .serv-item,
  .serv-item {
    width: 100%; }
  .clients-list a {
    width: 50% !important; }
  /*Home landing page */
  .box {
    width: 100%; } }

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  .bg {
    background-attachment: scroll !important;
    -webkit-background-size: cover;
    background-position: center; } }

@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) {
  .mob-bg {
    display: block; } }

/***************ADD Responsive fron inter************/
@media only screen and (min-width: 769px) {

    .main-menu .navigation > li > ul,

    .main-menu .navigation > li > ul > li > ul {
        display: block ;
        visibility: hidden;
        opacity: 0;
    }
    
    /*.navbar-collapse.collapse{*/
    /*    display:none!important;*/
    /*}*/

}



@media only screen and (max-width: 1023px) {

    .page-wrapper {
        overflow: hidden;
    }

}




@media only screen and (max-width: 769px) {

    .fixed-navbar .sticky-navbar {
        display: none;
    }

    .header-top .top-right,

    .header-top .top-left {
        width: 100%;
        text-align: center;
    }

   
    .header-design-two .middle_header .main-menu {

        padding-right: 0;

    }

ul.top_infoitem{
    direction:ltr;
}
    .top_infowrp.top-left {

        width: 100%;
        clear: both;
        text-align: center;


    }

   

    .top_infowrp.top-right {

        float: none;

        clear: both;

        text-align: center;

    }

    .main-header .middle-info {

        padding: 0;

        margin: 0;

        display: block;

        float: none;

    }

    .main-header .middle_header  ,.fluid-container ,.header-design-two .main-logo{

        padding: 0px 0px;

    }



    .main-header .main-logo {
        position: relative;
        float: none;
        text-align: center;
        margin-bottom: 0px;
    }

    .main-header .middle-info .icon-holder {

        position: static;
        display: inline-block;
        margin: 15px 0 15px;

    }

    .header_searchbox {

        position: absolute;
        top: -3px;
        right: auto;
        left: 0;
        z-index: 99;
        display: none;
    }

    

    .testm-section .client_info {

        right: 0;

        width: 100%;

        max-width: 320px;

    }

    .testm-section .testbox {

        padding: 60px 15px 80px;

    }

    .about-us.grey-bg {

        padding: 80px 0;

    }

    .about-us .about-img img {

        float: none;

        max-width: none;

        width: 100%;

    }

    .about-us .about-info {

        margin: 0!important;

    }

    .progress-item {

        margin-top: 50px;

    }

    .aboutus-2 .aboutimg {

        margin-top: 30px;

    }



    .service-style3::before,

    .service-style3::after {

        display: none;

    }

    .aboutus-2 .aboutinfo {

        padding-right: 0px;

    }

    .header-design-three .header_searchbox li {

        margin-top: 9px;

    }



    .pdtlimg img {

        width: 100%;

        margin-top: 20px;

    }

    .pagination-show {

        margin-bottom: 40px;

    }


}

@media only screen and (min-width: 1500px)  {
    .partners-grid .partner-icon{
        width:120px;
    }
#afra-banner{
    margin-top:230px;
}

}
@media only screen and (max-width: 1200px)  {
    .portfoli-homepage .portfolio-deck-item{
    padding-left: 0px;
     }

}
@media only screen and (max-width: 1200px) and (min-width: 992px) {


    .service-style2 .service-info p {

        color: #fff;

        font-size: 14px;

    }

    .header-design-two .main-menu .navigation > li {

        margin-right: 0px;

    }

    .header-design-two .main-menu .navigation > li > a {

        padding: 30px 15px;

    }

    .header-design-two .sticky-navbar .main-menu .navigation > li > a {

        padding: 16px 15px;

    }

    .service-style2 .service-box .serv-info h3 {

        font-size: 19px;

    }

    .aboutus-2 .aboutinfo .yearsexp strong {

        font-size: 38px;

        margin-bottom: 3px;

    }

    .aboutus-2 .aboutinfo .yearsexp .text-black {

        font-size: 13px;

    }

}
@media only screen and (max-width: 599px){
.wline {
    display: none;
}
}

@media only screen and (max-width: 599px) {
    .team-style-3 [class^="col"] {
        padding:0!important;
    }
    .team-style-3 .team-box2::before {

        left: 0;

    }

    .team-style-3 .team-box2 {

        padding-left: 20px;

        z-index: 1;

    }
}


@media only screen and (max-width: 768px){
.main-header.header-design-three .main-logo .logo img {
        top: 15px!important;
    position: absolute;
    left: 14px!important;
    max-width: 86px; 
            z-index: 101;
    }
    
     .main-header .top_infoitem li {

        float: none;

        margin: 0 10px;

        display: inline-block;

    }
    #afra-banner{
    background-position: 65% 50px !important;
    padding-top: 0 !important;
   
}
 #afra-banner-button2 .btn{
        margin-top:0!important;
    }
    #footer-col3{
        left: 50%;
    transform: translate(-50%, 0px);
    margin-left:0;
    }
    


}

@media only screen and (min-width: 1000px) and (max-width: 1500px)  {
     #afra-banner{
        margin-top:-100px!important;
    }
     #footer-links ,.footer-box.footer-logo:after{
       display:none;
   }
    .ftlogo img {
    right: 10% !important;
    }
     #footer-col3 {
    margin-left: 20%;
}
div#footer-text {
    margin-left: -76%;
}
    .footer-box.footer-logo {
    padding-right: 120px;
    padding-top: 0px;
    
}


}
  

@media only screen and (max-width: 768px) {
    #afra-banner {
        margin-top: 200% !important;
    }
}
@media only screen and (max-width: 1024px) {
    .dl-image-box-3 .front {
    width: 320px!important;
    height: 245px!important;
}

.dl-image-box-3 .exp-box {
    right: 108px!important;
    top: 120px!important;
}
    .desktop-menu{
        display: none !important;
    }
    .mobile-menu{
        display: block !important;
    }
    
    .main-header .fluid-container{
        padding:0;
    }
    .main-menu{
        right:0;
    }
    
    .main-header.header-design-two .main-logo .logo img{
        left: 0px;
        top: -30px;
        z-index: 9999999;
    }
    
    .header-design-two .middle_header .middle-right {
        /*margin-top: 20px;*/
        background: #04695e;
        padding: 0 20px;
    }

    .header-design-two .header_searchbox {
        position: absolute;
        top: 9px;
        right: auto;

        left: 0px;

    }

    .header-design-two .main-menu {

        padding-right: 0;

    }
    
    .main-header.header-design-three .main-logo .logo img{
        left: 45px;
        top: -2px;
    }
     .main-menu .collapse {
        /*max-height: 300px;*/
        display: none !important;
        overflow: auto;
        float: none;
        width: 100%;
        /*padding: 10px 0px 0px;*/
        border: none;
        margin: 0px;
        -ms-border-radius: 3px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        -o-border-radius: 3px;
        border-radius: 3px;
    }

    .main-menu .collapse.in,

    .main-menu .collapsing {
        /*padding: 10px 0px 0px;*/
        border: none;
        margin: 0px 0px 15px;
        -ms-border-radius: 3px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        -o-border-radius: 3px;
        border-radius: 3px;
        display: block !important;
    }

    .main-menu .navbar-header {
        position: relative;
        float: none;
        display: block;
        text-align: right;
        width: 100%;
        padding: 12px 0px;
        right: 0px;
        z-index: 12;
    }

    .main-menu .navbar-header .navbar-toggle {
        display: inline-block;
        z-index: 7;
/*
        border: 1px solid #151515;*/
        float: none;
        margin: 0px 0px 0px 0px;
        border-radius: 0px;
        background: #04695e;
    }

    .main-menu .navbar-header .navbar-toggle .icon-bar {
        background: #ad9e85;
    }

    .main-menu .navbar-collapse > .navigation {
        float: none !important;
        margin: 0px !important;
        width: 100% !important;
        border-top: none;
        background: #ad9e85;
    }

    .main-menu .navbar-collapse > .navigation > li {
        margin: 0px !important;
        float: none !important;
        width: 100%;
    }

    .main-menu .navigation > li > a,

    .main-menu .navigation > li > ul:before {

        border: none;

    }

    .main-menu .navbar-collapse > .navigation > li > a {

        padding: 10px 10px !important;

        border: none !important;

    }

    .main-menu .navigation li.dropdown > a:after,

    .main-menu .navigation > li.dropdown > a:before,

    .main-menu .navigation > li > ul > li > a::before,

    .main-menu .navigation > li > ul > li > ul > li > a::before {

        color: #ffffff !important;

        right: 15px;

        font-size: 16px;

        display: none !important;

    }

    .main-menu .navbar-collapse > .navigation > li > ul,

    .main-menu .navbar-collapse > .navigation > li > ul > li > ul {

        position: relative;

        border: none;

        float: none;

        visibility: visible;

        opacity: 1;

        display: none;

        margin: 0px;

        left: auto !important;

        right: auto !important;

        top: auto !important;

        width: 100%;

        background: #04695e;

        -webkit-border-radius: 0px;

        -ms-border-radius: 0px;

        -o-border-radius: 0px;

        -moz-border-radius: 0px;

        border-radius: 0px;

        transition: none !important;

        -webkit-transition: none !important;

        -ms-transition: none !important;

        -o-transition: none !important;

        -moz-transition: none !important;

        transform: scale(1, 1);

        -moz-transform: scale(1, 1);

        -webkit-transform: scale(1, 1);

        -ms-transform: scale(1, 1);

    }

    .main-menu .navbar-collapse > .navigation > li > ul,

    .main-menu .navbar-collapse > .navigation > li > ul > li > ul {

        border-top: 1px solid rgba(255, 255, 255, 0.30) !important;

    }

    .main-menu .navbar-collapse > .navigation > li {

        border-top: 1px solid rgba(255, 255, 255, 0.30);

    }

    .main-menu .navbar-collapse > .navigation > li,

    .main-menu .navbar-collapse > .navigation > li > ul > li,

    .main-menu .navbar-collapse > .navigation > li > ul > li > ul > li {

        opacity: 1 !important;

        top: 0px !important;

        left: 0px !important;

        visibility: visible !important;

    }

    .main-menu .navbar-collapse > .navigation > li:first-child {

        border: none;

    }

    .main-menu .navbar-collapse > .navigation > li > a,

    .main-menu .navbar-collapse > .navigation > li > ul > li > a,

    .main-menu .navbar-collapse > .navigation > li > ul > li > ul > li > a {

        padding: 10px 10px !important;

        line-height: 22px;

        color: #ffffff;

        background: #04695e;



    }

    .main-menu .navbar-collapse > .navigation > li > a:hover,

    .main-menu .navbar-collapse > .navigation > li > a:active,

    .main-menu .navbar-collapse > .navigation > li > a:focus {

        background: #151515;

    }

    .main-menu .navbar-collapse > .navigation > li:hover > a,

    .main-menu .navbar-collapse > .navigation > li > ul > li:hover > a,

    .main-menu .navbar-collapse > .navigation > li > ul > li > ul > li:hover > a,

    .main-menu .navbar-collapse > .navigation > li.current > a,

    .main-menu .navbar-collapse > .navigation > li.current-menu-item > a {

        background: #AD9E85;

        color: #ffffff !important;

    }

    .main-menu .navbar-collapse > .navigation li.dropdown .dropdown-btn {

        display: block;

    }

    .main-header .middle_header .middle-right {

        float: none;

    }

    .main-header .middle_header .middle-info {

        display: none;

    }

}

@media only screen and (min-width: 769px) and (max-width: 1000px)  {
  
  
   #footer-links ,#footer-address,.footer-box.footer-logo:after{
       display:none;
   } 
   
   #footer-col3 {
    margin-left: 35%;
}
div#footer-text {
    margin-left: -56%;
}
.footer-box.footer-logo {
    padding-right: 120px;
    padding-top: 0px;
    
}
}
@media only screen and (max-width: 1200px) {
    .flx-portfolio-image ,
.flx-portfolio-description {
    flex:100%;
}
}
@media only screen and (max-width: 1200px) and (min-width: 769px) {
      #afra-banner{
        margin-top:178px!important;
    }
    .main-header .top_infoitem li {
    float: left;
    margin: 0 10px;
}
    .main-header .middle_header .middle-info , .top_infowrp.top-right ,.main-header .main-logo{

        /*display: none;*/

    }
    
    .header-design-three .header_searchbox {
        left:0;
    }
    
    .header-design-two .header_searchbox {
   
    left: 96%;
}

    

    .main-menu .navigation > li {

        /*margin-right: 0px!important;*/

    }

    .main-menu .navigation > li > a {

        padding: 16px 5px 16px 10px;

    }

    .sticky-header .main-menu .navigation > li > a {

        color: #181818;

        padding: 15px 5px;

    }

    .header-style-one .main-menu .navigation > li > a {

        padding: 16px 10px;

    }

    .header-style-four .btn-outer {

        right: 0px;

        display: none;

    }

    .main-header .middle-info {

        margin-left: 15px;

    }

    .sticky-navbar .main-menu .navigation > li > a {

        padding: 15px 8px;

        font-size: 12px;

    }
    
    
    .service-style2 .serv-info {
        padding: 13px 20px 10px 10px!important;
        line-height: 26px;
        font-size: 14px;
    }
   

  

#afra-banner-info .btn{
    margin-top:10px!important;
}


}